@mcp-b/react-components 0.51.1 → 0.52.0

package/dist/styles/responsive-sidebar-shell-motion.test.ts

@@ -0,0 +1,67 @@
+import { expect, test } from "vite-plus/test";
+import "./index.css";
+
+const frame = () => new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
+
+test("desktop sidebar collapse interpolates the track without squeezing roster content", async () => {
+  const shell = document.createElement("div");
+  shell.className = "responsive-sidebar-shell";
+  shell.dataset.sidebarOpen = "true";
+  shell.style.cssText = "width:1280px;height:600px";
+  shell.innerHTML = `<div class="responsive-sidebar-shell__frame">
+    <div class="responsive-sidebar-shell__sidebar">Workforce</div>
+    <div class="responsive-sidebar-shell__main">Conversation</div>
+  </div>`;
+  document.body.append(shell);
+  const layout = shell.firstElementChild as HTMLElement;
+  const sidebar = shell.querySelector<HTMLElement>(".responsive-sidebar-shell__sidebar")!;
+  const main = shell.querySelector<HTMLElement>(".responsive-sidebar-shell__main")!;
+  try {
+    await frame();
+    const sidebarWidth = sidebar.getBoundingClientRect().width;
+    const mainWidth = main.getBoundingClientRect().width;
+    shell.dataset.sidebarOpen = "false";
+    await frame();
+    const transition = layout
+      .getAnimations()
+      .find(
+        (animation) =>
+          animation instanceof CSSTransition &&
+          animation.transitionProperty === "grid-template-columns",
+      );
+    expect(transition).toBeDefined();
+    for (const animation of [...layout.getAnimations(), ...sidebar.getAnimations()]) {
+      animation.pause();
+      animation.currentTime = Number(animation.effect!.getTiming().duration) / 2;
+    }
+    await frame();
+    expect(sidebar.getBoundingClientRect().width).toBe(sidebarWidth);
+    expect(main.getBoundingClientRect().width).toBeGreaterThan(mainWidth);
+    expect(main.getBoundingClientRect().width).toBeLessThan(mainWidth + sidebarWidth);
+    for (const animation of [...layout.getAnimations(), ...sidebar.getAnimations()])
+      animation.finish();
+    await frame();
+    expect(main.getBoundingClientRect().width).toBeCloseTo(mainWidth + sidebarWidth, 0);
+    expect(getComputedStyle(sidebar).visibility).toBe("hidden");
+    shell.dataset.sidebarOpen = "true";
+    await frame();
+    const reopening = layout
+      .getAnimations()
+      .find(
+        (animation) =>
+          animation instanceof CSSTransition &&
+          animation.transitionProperty === "grid-template-columns",
+      );
+    expect(reopening).toBeDefined();
+    for (const animation of [...layout.getAnimations(), ...sidebar.getAnimations()]) {
+      animation.pause();
+      animation.currentTime = Number(animation.effect!.getTiming().duration) / 2;
+    }
+    await frame();
+    expect(sidebar.getBoundingClientRect().width).toBe(sidebarWidth);
+    expect(main.getBoundingClientRect().width).toBeGreaterThan(mainWidth);
+    expect(main.getBoundingClientRect().width).toBeLessThan(mainWidth + sidebarWidth);
+  } finally {
+    shell.remove();
+  }
+});

package/dist/styles/responsive-sidebar-shell.css

@@ -1,7 +1,5 @@
-/* Three planes, Ploy-style: the rail is the recessed vertical, everything
-   beside it — bar, content — rests directly on the page surface, and one
-   elevated card (a host's, e.g. the workbench) floats above it. Nothing else
-   paints. */
+/* The sidebar shares the Sigvelo canvas. Elevation separates navigation
+   from the conversation; selected controls carry the brand accent. */
 .responsive-sidebar-shell {
   container: responsive-sidebar-shell / inline-size;
   display: grid;
@@ -53,7 +51,8 @@
 }
 
 .responsive-sidebar-shell__sidebar-leading {
-  min-block-size: var(--sigvelo-density-compact-control-height);
+  min-block-size: var(--sigvelo-layout-chrome);
+  box-sizing: border-box;
   display: flex;
   align-items: center;
   padding-block: var(--sigvelo-spacing-1);
@@ -63,9 +62,10 @@
 .responsive-sidebar-shell__sidebar {
   grid-column: 1;
   grid-row: 1;
-  /* One rail tone everywhere: the recessed step below the page. The compact
-     overlay drawer below carries its own raised material regardless. */
-  background: var(--responsive-sidebar-shell-sidebar-surface, var(--sigvelo-color-surface-under));
+  position: relative;
+  z-index: var(--sigvelo-z-chrome);
+  background: var(--responsive-sidebar-shell-sidebar-surface, var(--sigvelo-color-canvas));
+  box-shadow: var(--sigvelo-elevation-floating);
 }
 
 .responsive-sidebar-shell__main {
@@ -142,10 +142,6 @@
   z-index: var(--sigvelo-z-panel);
 }
 
-.responsive-sidebar-shell[data-sidebar-open="false"] > .responsive-sidebar-shell__frame {
-  grid-template-columns: var(--sigvelo-layout-track-fill);
-}
-
 .responsive-sidebar-shell[data-sidebar-open="false"]
   > .responsive-sidebar-shell__frame
   > .responsive-sidebar-shell__sidebar {
@@ -157,10 +153,30 @@
   pointer-events: none;
 }
 
-.responsive-sidebar-shell[data-sidebar-open="false"]
-  > .responsive-sidebar-shell__frame
-  > .responsive-sidebar-shell__main {
-  grid-column: 1;
+/* Keep both tracks throughout a desktop collapse so grid interpolation works.
+   The roster slides at its full width instead of rewrapping into a shrinking rail. */
+@container responsive-sidebar-shell (inline-size > 56rem) {
+  .responsive-sidebar-shell__sidebar {
+    position: absolute;
+    inset-block: 0;
+    inset-inline-start: 0;
+    inline-size: var(--responsive-sidebar-shell-sidebar-size, var(--sigvelo-layout-sidebar));
+    translate: 0 0;
+    visibility: visible;
+    transition:
+      translate var(--sigvelo-motion-duration-layout) var(--sigvelo-motion-ease-change),
+      visibility var(--sigvelo-motion-duration-layout);
+  }
+
+  .responsive-sidebar-shell[data-sidebar-open="false"] > .responsive-sidebar-shell__frame {
+    grid-template-columns: 0px var(--sigvelo-layout-track-fill);
+  }
+
+  /* The shell already animates available width. A second size transition on
+     its conversation would trail behind that motion on every animation frame. */
+  .responsive-sidebar-shell__main .think-full-app__chat-surface {
+    transition: none;
+  }
 }
 
 /* 56rem matches --sigvelo-layout-break-compact. Container queries cannot read var(). */
@@ -171,6 +187,7 @@
     );
 
     grid-template-columns: var(--sigvelo-layout-track-fill);
+    transition: none;
   }
 
   .responsive-sidebar-shell__sidebar,
@@ -179,10 +196,14 @@
     grid-row: 1;
   }
 
-  .responsive-sidebar-shell__sidebar {
-    position: relative;
+  .responsive-sidebar-shell[data-sidebar-open]
+    > .responsive-sidebar-shell__frame
+    > .responsive-sidebar-shell__sidebar {
+    position: absolute;
     z-index: calc(var(--sigvelo-z-chrome) + 3);
-    inset-inline-start: 50%;
+    inset-inline: 0;
+    inset-block-start: calc(var(--responsive-sidebar-compact-bar-size) + var(--sigvelo-spacing-1));
+    inset-block-end: auto;
     inline-size: min(calc(100cqi - var(--sigvelo-layout-gutter)), 34rem);
     max-inline-size: none;
     block-size: auto;
@@ -192,14 +213,15 @@
     );
     align-self: start;
     /* Sit under the title trigger. Covering it ate the click that closes it. */
-    margin-block-start: calc(var(--responsive-sidebar-compact-bar-size) + var(--sigvelo-spacing-1));
+    margin-block: 0;
+    margin-inline: auto;
     overflow: hidden;
     border-radius: var(--sigvelo-radius-lg);
-    background-color: var(--sigvelo-color-surface-raised);
+    background-color: var(--responsive-sidebar-shell-sidebar-surface, var(--sigvelo-color-canvas));
     box-shadow: var(--sigvelo-elevation-overlay);
     visibility: visible;
     opacity: 1;
-    translate: -50% 0;
+    translate: 0 0;
     scale: 1;
     transform-origin: top center;
     transition:
@@ -222,15 +244,25 @@
     display: none;
   }
 
+  .responsive-sidebar-shell[data-sidebar-toggle-placement="sidebar"]
+    .responsive-sidebar-shell__toggle--sidebar-fallback {
+    display: inline-flex;
+  }
+
   /* The closed-sidebar fallback has a deliberately specific wide-layout
      selector above. When the compact title owns drawer disclosure, beat that
      selector explicitly so the bar never presents two controls for one action. */
-  .responsive-sidebar-shell[data-sidebar-toggle-placement="sidebar"][data-sidebar-open="false"]
+  .responsive-sidebar-shell[data-sidebar-toggle-placement="sidebar"][data-sidebar-open]
     [data-compact-leading]
     .responsive-sidebar-shell__toggle--sidebar-fallback {
     display: none;
   }
 
+  .responsive-sidebar-shell[data-sidebar-toggle-placement="sidebar"]
+    .responsive-sidebar-shell__sidebar {
+    grid-template-rows: minmax(0, 1fr);
+  }
+
   .responsive-sidebar-shell[data-sidebar-toggle-placement="sidebar"]
     .responsive-sidebar-shell__sidebar-leading {
     display: none;
@@ -242,7 +274,7 @@
 
   .responsive-sidebar-shell__title-trigger {
     inline-size: auto;
-    max-inline-size: min(22rem, 58vw);
+    max-inline-size: 100%;
     min-inline-size: 0;
     min-block-size: var(--sigvelo-density-compact-control-height);
     display: inline-flex;
@@ -282,7 +314,7 @@
     > .responsive-sidebar-shell__sidebar {
     visibility: hidden;
     opacity: 0;
-    translate: -50% calc(var(--sigvelo-motion-distance-sm) * -1);
+    translate: 0 calc(var(--sigvelo-motion-distance-sm) * -1);
     scale: 0.97;
     transition-timing-function: var(--sigvelo-motion-ease-exit);
   }
@@ -310,3 +342,16 @@
     outline-offset: -0.25rem;
   }
 }
+
+/* Panel controls follow available main-column width, independently of the
+   drawer breakpoint. Keep a way back when an open desktop rail uses space. */
+.responsive-sidebar-shell__main[data-content-compact="true"]
+  .responsive-sidebar-shell__compact-leading {
+  display: contents;
+}
+
+.responsive-sidebar-shell__main[data-content-compact="true"]
+  [data-compact-leading="custom"]
+  .responsive-sidebar-shell__toggle {
+  display: none;
+}

package/dist/styles/search-field.css

@@ -1,10 +1,12 @@
 .search-field {
-  --sigvelo-recipe-control-height: var(--sigvelo-control-height-md);
-  --sigvelo-recipe-control-padding-inline: var(--sigvelo-control-padding-inline-md);
-  --sigvelo-recipe-control-font-size: var(--sigvelo-control-text-md);
-  --sigvelo-recipe-control-line-height: var(--sigvelo-control-line-height-md);
-  --sigvelo-recipe-control-icon-size: var(--sigvelo-control-icon-size-md);
-  --sigvelo-recipe-control-radius: var(--sigvelo-radius-full);
+  --sigvelo-recipe-control-height: var(--sigvelo-density-compact-control-height);
+  --sigvelo-recipe-control-padding-inline: var(--sigvelo-density-compact-control-padding-inline);
+  --sigvelo-recipe-control-font-size: var(--sigvelo-density-compact-control-font-size);
+  --sigvelo-recipe-control-line-height: var(--sigvelo-density-compact-control-line-height);
+  --sigvelo-recipe-control-icon-size: var(--sigvelo-density-compact-control-icon-size);
+  --sigvelo-recipe-control-radius: var(--sigvelo-radius-sm);
+  --sigvelo-recipe-focus-shadow: var(--sigvelo-recipe-focus-shadow-inset);
+  --sigvelo-focus-offset: -2px;
 }
 
 .search-field__control {

package/dist/styles/subagent-run.css

@@ -61,6 +61,81 @@
   box-shadow: none;
 }
 
+/* Delegated work sits in a quiet, bordered card above the composer,
+   matching its width while keeping a small separation between the surfaces. */
+.agent-chat__prompt-tray[data-subagent-run-panel] {
+  --prompt-input-tray-overlap: 0px;
+
+  inline-size: min(
+    100%,
+    var(--agent-chat-content-max-inline-size, var(--sigvelo-measure-wide-block))
+  );
+  margin-block-end: var(--sigvelo-spacing-2);
+  padding: var(--sigvelo-spacing-2) var(--sigvelo-spacing-1);
+  border-radius: var(--sigvelo-radius-xl);
+  background: var(--sigvelo-color-surface-raised);
+  border: var(--sigvelo-border-width) var(--sigvelo-border-style)
+    var(--sigvelo-color-neutral-border-subtle);
+  box-shadow: none;
+}
+
+.subagent-run__panel-header {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--sigvelo-spacing-1);
+  min-inline-size: 0;
+}
+
+.subagent-run__panel-header > .queue__section-trigger {
+  flex: 1 1 9rem;
+  min-inline-size: 0;
+}
+
+.subagent-run__completed-toggle {
+  flex: 0 0 auto;
+  max-inline-size: 100%;
+  margin-inline-start: auto;
+}
+
+@media (any-pointer: coarse) {
+  .subagent-run__panel-header > .queue__section-trigger,
+  .subagent-run__completed-toggle {
+    min-block-size: var(--sigvelo-spacing-11);
+  }
+}
+
+[data-subagent-run-panel] .queue__item + .queue__item {
+  box-shadow: inset 0 var(--sigvelo-border-width) 0 var(--sigvelo-color-neutral-border-subtle);
+}
+
+[data-subagent-run-panel] .subagent-run__selector[data-surface="plain"] {
+  font-size: min(var(--sigvelo-text-compact), var(--sigvelo-text-prose));
+}
+
+[data-subagent-run-panel] .subagent-run__title {
+  font-weight: var(--sigvelo-font-weight-normal);
+}
+
+[data-subagent-run-panel] .subagent-run__status {
+  font-size: min(var(--sigvelo-text-xs), var(--sigvelo-text-prose));
+}
+
+[data-subagent-run-panel] .queue__section-trigger {
+  min-block-size: var(--sigvelo-control-height-xs);
+  font-weight: var(--sigvelo-font-weight-normal);
+  text-transform: none;
+  letter-spacing: normal;
+}
+
+[data-subagent-run-panel] .queue__section-trigger:focus-visible {
+  box-shadow: var(--sigvelo-recipe-focus-shadow-inset);
+}
+
+[data-subagent-run-panel] .queue__section-content {
+  gap: var(--sigvelo-spacing-1);
+}
+
 /* A delegated row is two text lines (name over status). The shared compact
    queue caps its viewport at whole rows of --queue-row-block-size, so the
    row measure has to say what the row actually is. */
@@ -262,6 +337,12 @@
 }
 
 @media (forced-colors: active) {
+  .agent-chat__prompt-tray[data-subagent-run-panel] {
+    border: var(--sigvelo-border-width) var(--sigvelo-border-style) CanvasText;
+    background: Canvas;
+    box-shadow: none;
+  }
+
   .subagent-run__selector {
     border: var(--sigvelo-border-style) var(--sigvelo-border-width) CanvasText;
   }

package/dist/styles/think-execution-workbench.css

@@ -59,29 +59,12 @@
 
 /* Roster column cap (the Ploy number) so full-page routes don't stretch rows
    across the whole viewport; narrow hosts are unaffected. */
-.think-execution-workbench__list-header,
 .think-execution-workbench__list,
 .think-execution-workbench__empty {
   inline-size: min(100%, var(--sigvelo-layout-content));
   margin-inline: auto;
 }
 
-.think-execution-workbench__list-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--sigvelo-layout-cluster);
-  min-block-size: var(--sigvelo-control-height-lg);
-  padding-inline: var(--sigvelo-layout-gutter);
-}
-
-.think-execution-workbench__list-header h3 {
-  margin: 0;
-  font-size: var(--sigvelo-text-compact);
-  font-weight: var(--sigvelo-font-weight-semibold);
-  line-height: var(--sigvelo-leading-tight);
-}
-
 /* Same hairline-bounded band the routine library gives its empty run section. */
 .think-execution-workbench__empty {
   --sigvelo-recipe-empty-state-padding-block: var(--sigvelo-layout-stack);

package/dist/styles/think-full-app.css

@@ -62,7 +62,7 @@ body.is-resizing-side-panel .think-full-app__chat-surface {
   margin-inline-start: var(--sigvelo-layout-gap);
   overflow: hidden;
   border-radius: var(--sigvelo-radius-xl);
-  background: var(--sigvelo-color-surface-raised);
+  background: var(--sigvelo-color-surface);
   box-shadow: var(--sigvelo-elevation-floating);
 }
 
@@ -91,8 +91,10 @@ body.is-resizing-side-panel .think-full-app__chat-surface {
   translate: -50% -50%;
 }
 
+/* Collapse based on available content width, including when a desktop
+   sidebar leaves too little space for both conversation and workbench. */
 @container think-full-app (inline-size <= 56rem) {
-  .think-full-app__view-scope {
+  .think-full-app .think-full-app__view-scope {
     grid-template-columns: var(--sigvelo-layout-track-fill);
     margin: 0;
     overflow: hidden;
@@ -111,7 +113,7 @@ body.is-resizing-side-panel .think-full-app__chat-surface {
     display: none;
   }
 
-  .think-full-app__aside {
+  .think-full-app .think-full-app__aside {
     grid-column: 1;
     margin: 0;
     border: 0;
@@ -120,7 +122,7 @@ body.is-resizing-side-panel .think-full-app__chat-surface {
     box-shadow: none;
   }
 
-  .think-full-app__resizer {
+  .think-full-app .think-full-app__resizer {
     display: none;
   }
 }
@@ -135,3 +137,8 @@ body.is-resizing-side-panel .think-full-app__chat-surface {
     box-shadow: none;
   }
 }
+
+/* Hidden feature views retain the conversation runtime and queued work. */
+.think-full-app[hidden] {
+  display: none;
+}

package/dist/styles/think-thread-picker.css

@@ -4,7 +4,7 @@
   block-size: 100%;
   min-block-size: 0;
   display: grid;
-  grid-template-rows: auto auto var(--sigvelo-layout-track-fill) auto;
+  grid-template-rows: auto auto var(--sigvelo-layout-track-fill);
   overflow: hidden;
   border-inline-end: 0;
   padding: var(--sigvelo-spacing-1) var(--sigvelo-spacing-2) var(--sigvelo-spacing-2);
@@ -30,16 +30,15 @@
   min-inline-size: 0;
   margin: 0;
   flex: 1 1 auto;
-  color: var(--sigvelo-color-text);
+  color: var(--sigvelo-color-text-muted);
   font-size: var(--sigvelo-text-compact);
-  font-weight: var(--sigvelo-font-weight-semibold);
+  font-weight: var(--sigvelo-font-weight-normal);
+  text-transform: uppercase;
+  letter-spacing: var(--sigvelo-tracking-wide);
   line-height: var(--sigvelo-text-compact-leading);
 }
 
 .think-thread-picker__search {
-  --sigvelo-recipe-control-height: var(--sigvelo-density-compact-control-height);
-  --sigvelo-recipe-control-radius: var(--sigvelo-radius-sm);
-
   padding: 0 0 var(--sigvelo-spacing-2);
 }
 
@@ -138,15 +137,15 @@
 }
 
 .think-thread-picker__thread[aria-current="page"] {
-  background: color-mix(in oklab, var(--sigvelo-color-neutral-bg-subtle), transparent 18%);
-  color: var(--sigvelo-color-text);
+  background: var(--sigvelo-color-primary-bg-subtle);
+  color: var(--sigvelo-color-primary-text-on-subtle);
   font-weight: var(--sigvelo-font-weight-semibold);
 }
 
 .think-thread-picker__thread[aria-current="page"]:hover:not([data-disabled]),
 .think-thread-picker__item:hover
   .think-thread-picker__thread[aria-current="page"]:not([data-disabled]) {
-  background: color-mix(in oklab, var(--sigvelo-color-neutral-bg-subtle), transparent 18%);
+  background: var(--sigvelo-color-primary-bg-subtle);
 }
 
 .think-thread-picker__item:hover
@@ -282,24 +281,18 @@
   margin: var(--sigvelo-spacing-2);
 }
 
-.think-thread-picker__footer {
-  display: flex;
-  padding: var(--sigvelo-spacing-0-5) var(--sigvelo-spacing-1)
-    calc(var(--sigvelo-spacing-0-5) + env(safe-area-inset-bottom, 0px));
-  border-block-start: var(--sigvelo-border-style) var(--sigvelo-border-width)
-    var(--sigvelo-color-neutral-border-subtle);
-}
-
 .think-thread-picker__create {
-  inline-size: 100%;
-  justify-content: flex-start;
-  border: 0;
-  background: transparent;
-  box-shadow: none;
+  flex: 0 0 auto;
+  inline-size: var(--sigvelo-density-compact-control-height);
+  block-size: var(--sigvelo-density-compact-control-height);
+  padding: var(--sigvelo-spacing-1);
+  color: var(--sigvelo-color-text-muted);
 }
 
 .think-thread-picker__create svg {
   flex: 0 0 auto;
+  inline-size: var(--sigvelo-density-compact-control-icon-size);
+  block-size: var(--sigvelo-density-compact-control-icon-size);
 }
 
 /* 56rem matches --sigvelo-layout-break-compact. Container queries cannot read var(). */
@@ -308,25 +301,10 @@
     block-size: auto;
     max-block-size: inherit;
     grid-template-rows: auto auto auto;
+    align-content: start;
     padding: var(--sigvelo-spacing-1) var(--sigvelo-spacing-2) var(--sigvelo-spacing-2);
   }
 
-  .think-thread-picker__header {
-    display: none;
-  }
-
-  .think-thread-picker__search {
-    --sigvelo-recipe-control-height: var(--sigvelo-density-compact-control-height);
-    --sigvelo-recipe-control-font-size: var(--sigvelo-density-compact-control-font-size);
-    --sigvelo-recipe-control-icon-size: var(--sigvelo-density-compact-control-icon-size);
-
-    padding: 0 0 var(--sigvelo-spacing-2);
-  }
-
-  .think-thread-picker__search .field__control:focus-visible {
-    box-shadow: var(--sigvelo-recipe-focus-shadow-inset);
-  }
-
   .think-thread-picker__nav,
   .think-thread-picker__scroll,
   .think-thread-picker__viewport {

package/dist/styles/workspace-concepts.css

@@ -4,8 +4,9 @@
   min-inline-size: 0;
   min-block-size: 0;
   block-size: 100%;
-  overflow: auto;
-  padding: var(--sigvelo-layout-gutter);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
   color: var(--sigvelo-color-text);
   background: var(--sigvelo-color-canvas);
 }
@@ -26,3 +27,29 @@
     color: CanvasText;
   }
 }
+
+.workspace-concept-panel__header {
+  display: flex;
+  align-items: center;
+  flex: none;
+  min-block-size: var(--sigvelo-layout-chrome);
+  padding-inline: var(--sigvelo-layout-gutter);
+  border-block-end: var(--sigvelo-border-width) var(--sigvelo-border-style)
+    var(--sigvelo-color-neutral-border-subtle);
+}
+
+.workspace-concept-panel__title {
+  margin: 0;
+  color: var(--sigvelo-color-primary-text);
+  font-size: var(--sigvelo-density-compact-control-font-size);
+  font-weight: var(--sigvelo-font-weight-semibold);
+  line-height: var(--sigvelo-leading-tight);
+  letter-spacing: var(--sigvelo-tracking-tight);
+}
+
+.workspace-concept-panel__body {
+  flex: 1;
+  min-block-size: 0;
+  overflow: auto;
+  padding: var(--sigvelo-layout-gutter);
+}

package/dist/styles/workspace-explorer.css

@@ -126,48 +126,14 @@
 
 .workspace-explorer__tree {
   flex: 1;
-  min-block-size: 0;
-  border: 0;
-  border-radius: 0;
-  background: transparent;
-  padding-block: var(--sigvelo-spacing-1);
-  padding-inline: var(--sigvelo-spacing-1-5);
-}
-
-.workspace-explorer__tree .file-tree__node {
-  min-block-size: var(--sigvelo-density-compact-control-height);
-  gap: var(--sigvelo-density-compact-control-gap);
-  padding-block: var(--sigvelo-spacing-0-5);
-  padding-inline-end: var(--sigvelo-spacing-1-5);
-  border-radius: var(--sigvelo-radius-sm);
-  color: var(--sigvelo-color-text-muted);
-  font-size: var(--sigvelo-density-compact-control-font-size);
-  line-height: var(--sigvelo-leading-snug);
 }
 
-.workspace-explorer__tree :is(.file-tree__chevron, .file-tree__icon) svg {
-  inline-size: var(--sigvelo-density-compact-control-icon-size);
-  block-size: var(--sigvelo-density-compact-control-icon-size);
-}
-
-.workspace-explorer__tree .file-tree__chevron {
-  inline-size: var(--sigvelo-density-compact-control-icon-size);
-}
-
-.workspace-explorer__tree .file-tree__node--folder .file-tree__icon {
-  color: currentColor;
-}
-
-.workspace-explorer__tree .file-tree__node[data-selected] {
-  background-color: var(--sigvelo-color-neutral-bg-subtle);
-  color: var(--sigvelo-color-text);
-  font-weight: var(--sigvelo-font-weight-normal);
-}
-
-.workspace-explorer__tree .file-tree__node:is([data-focused], :focus-visible) {
-  outline: none;
-  background-color: var(--sigvelo-color-neutral-bg-subtle);
-  box-shadow: inset 0 0 0 var(--sigvelo-border-width) var(--sigvelo-color-neutral-border-muted);
+/* The outer workbench control owns back navigation when the panel is compact. */
+.responsive-sidebar-shell:has([data-workbench-back])
+  > .responsive-sidebar-shell__frame
+  > .responsive-sidebar-shell__main[data-content-compact="true"]
+  [data-workspace-back] {
+  display: none;
 }
 
 .workspace-explorer__empty {
@@ -502,14 +468,6 @@
 }
 
 @media (forced-colors: active) {
-  .workspace-explorer__tree .file-tree__node:is([data-focused], :focus-visible) {
-    outline: var(--sigvelo-focus-ring-forced);
-    outline-offset: -2px;
-    background-color: Canvas;
-    color: CanvasText;
-    box-shadow: none;
-  }
-
   .workspace-explorer__image-trigger,
   .workspace-explorer__pdf,
   .workspace-media-lightbox .yarl__button {

package/dist/utils/structured-code.d.ts

@@ -1,4 +1,4 @@
-import { O as CodeBlockLanguage } from "../CodeBlock--r6GS8YV.js";
+import { O as CodeBlockLanguage } from "../CodeBlock-DJ99TQWy.js";
 
 //#region src/utils/structured-code.d.ts
 interface StructuredCodeDisplay {

package/dist/{workspace-assets-wW_lQLYK.js → workspace-assets-Bg7XhPsk.js}

@@ -1,12 +1,12 @@
 import { composerLinkHref } from "./utils/composer-link.js";
 import { canRequestFavicon, inferFaviconUrl } from "./utils/favicon.js";
-import { Q as TrashIcon, S as FileIcon } from "./icons-CeGfXO21.js";
+import { Q as TrashIcon, S as FileIcon } from "./icons-cuEtsgj9.js";
 import { Button } from "./components/foundations/Button.js";
 import { Tooltip } from "./components/foundations/Tooltip.js";
 import { IconButton } from "./components/foundations/IconButton.js";
 import { ComposerLink } from "./components/ai-sdk/ComposerLink.js";
-import { AlertDialog } from "./components/foundations/AlertDialog.js";
 import { AppIcon } from "./components/foundations/AppIcon.js";
+import { AlertDialog } from "./components/foundations/AlertDialog.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/workspace-delete.tsx