From 7f6f82b84abf6f034640119ebabbef96b9e68a1b Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Wed, 15 Jul 2026 20:35:23 +0000
Subject: [PATCH] fix(web-shared): match Attributes section spacing to Metadata

Use the same CollapsibleContent margins (mt-0 mb-2) as the top Metadata
panel so Attributes and hook Metadata sections don't have extra gap.

Co-authored-by: Mitul Shah <mitulxshah@gmail.com>
Signed-off-by: Cursor Agent <cursoragent@cursor.com>
---
 .changeset/attributes-metadata-spacing.md                   | 5 +++++
 .../web-shared/src/components/sidebar/attributes-block.tsx  | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/attributes-metadata-spacing.md

diff --git a/.changeset/attributes-metadata-spacing.md b/.changeset/attributes-metadata-spacing.md
new file mode 100644
index 0000000000..10224c75d7
--- /dev/null
+++ b/.changeset/attributes-metadata-spacing.md
@@ -0,0 +1,5 @@
+---
+'@workflow/web-shared': patch
+---
+
+Match Attributes (and hook Metadata) section content spacing to the top Metadata panel.
diff --git a/packages/web-shared/src/components/sidebar/attributes-block.tsx b/packages/web-shared/src/components/sidebar/attributes-block.tsx
index f8287d6305..48ead67f9a 100644
--- a/packages/web-shared/src/components/sidebar/attributes-block.tsx
+++ b/packages/web-shared/src/components/sidebar/attributes-block.tsx
@@ -183,7 +183,7 @@ export function RunAttributesCard({
   return (
     <CollapsibleRoot defaultOpen>
       <CollapsibleTrigger>Attributes</CollapsibleTrigger>
-      <CollapsibleContent className="mb-4">
+      <CollapsibleContent className="mt-0 mb-2">
         <div className="flex flex-col">
           {keys.map((key) => (
             <AttributeRow
@@ -228,7 +228,7 @@ export function RunMetadataCard({ metadata }: { metadata: unknown }) {
     return (
       <CollapsibleRoot defaultOpen>
         <CollapsibleTrigger>Metadata</CollapsibleTrigger>
-        <CollapsibleContent className="mb-4">
+        <CollapsibleContent className="mt-0 mb-2">
           <CopyableDataBlock data={metadata} />
         </CollapsibleContent>
       </CollapsibleRoot>
@@ -241,7 +241,7 @@ export function RunMetadataCard({ metadata }: { metadata: unknown }) {
   return (
     <CollapsibleRoot defaultOpen>
       <CollapsibleTrigger>Metadata</CollapsibleTrigger>
-      <CollapsibleContent className="mb-4">
+      <CollapsibleContent className="mt-0 mb-2">
         <div className="flex flex-col">
           {keys.map((key) => (
             <AttributeRow