From 79bafa2a64c2523af43ce4d65ad4b25052fa3649 Mon Sep 17 00:00:00 2001
From: Hare <kei.hiracchi.0928@gmail.com>
Date: Fri, 18 Sep 2026 19:30:29 +0900
Subject: [PATCH] fix: align sidebar worker action spacing

---
 .../src/lib/workspace/sidebar/sidebar.css        | 14 ++++++++++++++
 .../design-lab/workspace-web-ux/showroom.css     | 16 ----------------
 web/workspace/tests/bevel-line-contract.test.ts  |  8 ++++++++
 3 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/web/workspace/src/lib/workspace/sidebar/sidebar.css b/web/workspace/src/lib/workspace/sidebar/sidebar.css
index dfb0e5c14..854ddc245 100644
--- a/web/workspace/src/lib/workspace/sidebar/sidebar.css
+++ b/web/workspace/src/lib/workspace/sidebar/sidebar.css
@@ -387,6 +387,20 @@
   .section-heading-link.active {
     background: var(--sidebar-item-active);
   }
+  .section-action {
+    margin-left: auto;
+    padding: var(--space-1) var(--space-2);
+    border-radius: var(--radius-soft);
+    color: var(--accent);
+    font-size: var(--font-size-compact);
+    font-weight: 650;
+    line-height: var(--line-height-compact);
+    text-decoration: none;
+  }
+  .section-action:hover,
+  .section-action:focus-visible {
+    background: var(--interactive-hover);
+  }
   .section-count {
     color: var(--text-muted);
     font-size: var(--font-size-compact);
diff --git a/web/workspace/src/routes/design-lab/workspace-web-ux/showroom.css b/web/workspace/src/routes/design-lab/workspace-web-ux/showroom.css
index 4c7d89beb..80b1e12ea 100644
--- a/web/workspace/src/routes/design-lab/workspace-web-ux/showroom.css
+++ b/web/workspace/src/routes/design-lab/workspace-web-ux/showroom.css
@@ -30,22 +30,6 @@
     white-space: nowrap;
   }
 
-  .workspace-sidebar .section-action {
-    margin-left: auto;
-    padding: var(--space-1) var(--space-2);
-    border-radius: var(--radius-soft);
-    color: var(--accent);
-    font-size: var(--font-size-compact);
-    font-weight: 650;
-    line-height: 16px;
-    text-decoration: none;
-  }
-
-  .workspace-sidebar .section-action:hover,
-  .workspace-sidebar .section-action:focus-visible {
-    background: var(--interactive-hover);
-  }
-
   .showroom {
     width: min(100%, 1180px);
     margin: 0 auto;
diff --git a/web/workspace/tests/bevel-line-contract.test.ts b/web/workspace/tests/bevel-line-contract.test.ts
index 5e88b8137..f433d9412 100644
--- a/web/workspace/tests/bevel-line-contract.test.ts
+++ b/web/workspace/tests/bevel-line-contract.test.ts
@@ -122,6 +122,14 @@ Deno.test("Shell regions use selected Bevel edges while open separators use Beve
       showroomCss.includes("margin-inline: var(--space-2)"),
     "The design language and showroom must preserve adjacent area and line hierarchy",
   );
+  assert(
+    sidebarCss.includes(".section-action {") &&
+      sidebarCss.includes("padding: var(--space-1) var(--space-2)") &&
+      sidebarCss.includes("font-size: var(--font-size-compact)") &&
+      sidebarCss.includes("line-height: var(--line-height-compact)") &&
+      !showroomCss.includes(".workspace-sidebar .section-action"),
+    "Workspace Sidebar must own the Workers section action spacing used by the showroom",
+  );
   assert(
     !sidebarCss.includes("border-right:") &&
       !sidebarCss.includes("border-bottom:") &&