@tutti-os/workbench-surface 0.0.41 → 0.0.42

package/dist/index.js

@@ -1934,9 +1934,103 @@ import { createPortal } from "react-dom";
 import { createI18nRuntime } from "@tutti-os/ui-i18n-runtime";
 import { Checkbox } from "@tutti-os/ui-system";
 
+// src/react/WorkbenchWindowTrafficLights.tsx
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "@tutti-os/ui-system";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function WorkbenchWindowTrafficLights({
+  className,
+  close,
+  maximize,
+  minimize,
+  onDoubleClick,
+  onPointerDown,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      ...props,
+      className: ["workbench-window-traffic-lights", className ?? null].filter(Boolean).join(" "),
+      onDoubleClick: (event) => {
+        event.stopPropagation();
+        onDoubleClick?.(event);
+      },
+      onPointerDown: (event) => {
+        event.stopPropagation();
+        onPointerDown?.(event);
+      },
+      children: [
+        close ? /* @__PURE__ */ jsx4(
+          WorkbenchWindowTrafficLightButton,
+          {
+            action: "close",
+            input: close,
+            tone: "close"
+          }
+        ) : null,
+        minimize ? /* @__PURE__ */ jsx4(
+          WorkbenchWindowTrafficLightButton,
+          {
+            action: "minimize",
+            input: minimize,
+            tone: "minimize"
+          }
+        ) : null,
+        maximize ? /* @__PURE__ */ jsx4(
+          WorkbenchWindowTrafficLightButton,
+          {
+            action: "fullscreen",
+            input: maximize,
+            tone: "maximize"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function WorkbenchWindowTrafficLightButton({
+  action,
+  input,
+  tone
+}) {
+  const handleClick = (event) => {
+    event.stopPropagation();
+    if (input.disabled) {
+      return;
+    }
+    input.onClick(event);
+  };
+  const stopPointer = (event) => {
+    event.stopPropagation();
+  };
+  const button = /* @__PURE__ */ jsx4(
+    "button",
+    {
+      "aria-label": input.label,
+      "aria-pressed": input.pressed,
+      className: "workbench-window-traffic-light",
+      "data-workbench-action": action,
+      "data-workbench-traffic-light": tone,
+      disabled: input.disabled,
+      type: "button",
+      onClick: handleClick,
+      onDoubleClick: (event) => event.stopPropagation(),
+      onPointerDown: stopPointer
+    }
+  );
+  return /* @__PURE__ */ jsx4(TooltipProvider, { delayDuration: 250, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs2(Tooltip, { children: [
+    /* @__PURE__ */ jsx4(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx4(TooltipContent, { side: "bottom", children: input.label })
+  ] }) });
+}
+
 // src/react/WorkbenchWindowFullscreenToggle.tsx
-import { Button as Button2, MaximizeIcon, RestoreIcon } from "@tutti-os/ui-system";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function WorkbenchWindowFullscreenToggle({
   controller,
   disabled = false,
@@ -1945,32 +2039,23 @@ function WorkbenchWindowFullscreenToggle({
 }) {
   const isFullscreen = node.displayMode === "fullscreen";
   const label = i18n.t(isFullscreen ? "exitFullscreen" : "enterFullscreen");
-  const Icon = isFullscreen ? RestoreIcon : MaximizeIcon;
-  return /* @__PURE__ */ jsx4(
-    Button2,
+  return /* @__PURE__ */ jsx5(
+    WorkbenchWindowTrafficLights,
     {
-      "aria-label": label,
-      "aria-pressed": isFullscreen,
-      className: "order-2 rounded-md",
-      "data-workbench-action": "fullscreen",
-      disabled,
-      size: "icon-sm",
-      title: label,
-      type: "button",
-      variant: "chrome",
-      onClick: (event) => {
-        if (disabled) {
-          return;
-        }
-        controller.commands.focusNode(node.id);
-        if (isFullscreen) {
-          controller.commands.exitFullscreen(node.id);
-          return;
-        }
-        event.currentTarget.blur();
-        controller.commands.enterFullscreen(node.id);
-      },
-      children: /* @__PURE__ */ jsx4(Icon, { "aria-hidden": true, className: "size-3.5" })
+      maximize: {
+        disabled,
+        label,
+        onClick: (event) => {
+          controller.commands.focusNode(node.id);
+          if (isFullscreen) {
+            controller.commands.exitFullscreen(node.id);
+            return;
+          }
+          event.currentTarget.blur();
+          controller.commands.enterFullscreen(node.id);
+        },
+        pressed: isFullscreen
+      }
     }
   );
 }
@@ -2168,7 +2253,7 @@ function resolveWorkbenchWindowHeader({
 }
 
 // src/react/WorkbenchWindowFrame.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var resizeHandles = [
   "north",
   "east",
@@ -2240,10 +2325,10 @@ function WorkbenchWindowFrame({
       genie.minimizeNodeToAnchor(nodeID, minimize);
     }
   };
-  const defaultActions = interactive ? /* @__PURE__ */ jsxs2(
+  const defaultActions = interactive ? /* @__PURE__ */ jsxs3(
     "div",
     {
-      className: "flex flex-none items-center gap-1",
+      className: "workbench-window__traffic-light-actions",
       onDoubleClick: (event) => {
         event.stopPropagation();
       },
@@ -2251,19 +2336,19 @@ function WorkbenchWindowFrame({
         event.stopPropagation();
       },
       children: [
-        /* @__PURE__ */ jsx5(
+        renderActions ? renderActions({
+          controller,
+          genie: genieControls,
+          node
+        }) : null,
+        /* @__PURE__ */ jsx6(
           WorkbenchWindowFullscreenToggle,
           {
             controller,
             i18n: windowChromeI18n ?? defaultWindowChromeI18n,
             node
           }
-        ),
-        renderActions ? renderActions({
-          controller,
-          genie: genieControls,
-          node
-        }) : null
+        )
       ]
     }
   ) : null;
@@ -2297,7 +2382,7 @@ function WorkbenchWindowFrame({
     (presentationFrame.height - node.frame.height * presentationScale) / 2
   ) - node.frame.y : 0;
   const shellTransform = presentationMode === "mission-control" && presentationFrame ? `matrix(${presentationScale}, 0, 0, ${presentationScale}, ${presentationOffsetX}, ${presentationOffsetY})` : void 0;
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "section",
     {
       "aria-hidden": hiddenMounted || isPresentationHidden ? true : void 0,
@@ -2325,39 +2410,41 @@ function WorkbenchWindowFrame({
       },
       onPointerDown: hiddenMounted || isPresentationHidden || !interactive || presentationMode === "mission-control" ? void 0 : () => controller.commands.focusNode(node.id),
       children: [
-        /* @__PURE__ */ jsx5("div", { className: "workbench-window-shell__content", children: /* @__PURE__ */ jsxs2(
-          "div",
-          {
-            className: "workbench-window",
-            "data-focused": isFocused ? "true" : "false",
-            "data-display-mode": node.displayMode,
-            "data-fullscreen-header-mode": resolvedFullscreenHeaderMode,
-            "data-window-chrome-mode": resolvedHeader.windowChromeMode,
-            "data-workbench-window-capture": "true",
-            "data-window-drag-state": isDragging ? "dragging" : "idle",
-            "data-window-resize-state": isResizing ? "resizing" : "idle",
-            children: [
-              /* @__PURE__ */ jsx5(
-                "div",
-                {
-                  className: [
-                    "workbench-window__header",
-                    shouldRenderCustomHeader ? "workbench-window__header--custom" : null
-                  ].filter(Boolean).join(" "),
-                  onDoubleClick: shouldRenderCustomHeader || !interactive ? void 0 : onHeaderDoubleClick,
-                  onPointerDown: shouldRenderCustomHeader || !interactive ? void 0 : onDragStart,
-                  children: shouldRenderCustomHeader ? resolvedHeader.customHeader : /* @__PURE__ */ jsxs2(Fragment2, { children: [
-                    /* @__PURE__ */ jsx5("div", { className: "min-w-0 truncate text-[13px] font-semibold", children: node.title }),
-                    defaultActions
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx5("div", { className: "workbench-window__body", children }),
-              node.displayMode === "floating" && !hiddenMounted && presentationMode !== "mission-control" && interactive ? resizeHandles.map((handle) => /* @__PURE__ */ jsx5(ResizeHandle, { handle, node }, handle)) : null
-            ]
-          }
-        ) }),
-        presentationInteraction ? /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsxs3("div", { className: "workbench-window-shell__content", children: [
+          /* @__PURE__ */ jsxs3(
+            "div",
+            {
+              className: "workbench-window",
+              "data-focused": isFocused ? "true" : "false",
+              "data-display-mode": node.displayMode,
+              "data-fullscreen-header-mode": resolvedFullscreenHeaderMode,
+              "data-window-chrome-mode": resolvedHeader.windowChromeMode,
+              "data-workbench-window-capture": "true",
+              "data-window-drag-state": isDragging ? "dragging" : "idle",
+              "data-window-resize-state": isResizing ? "resizing" : "idle",
+              children: [
+                /* @__PURE__ */ jsx6(
+                  "div",
+                  {
+                    className: [
+                      "workbench-window__header",
+                      shouldRenderCustomHeader ? "workbench-window__header--custom" : null
+                    ].filter(Boolean).join(" "),
+                    onDoubleClick: shouldRenderCustomHeader || !interactive ? void 0 : onHeaderDoubleClick,
+                    onPointerDown: shouldRenderCustomHeader || !interactive ? void 0 : onDragStart,
+                    children: shouldRenderCustomHeader ? resolvedHeader.customHeader : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                      defaultActions,
+                      /* @__PURE__ */ jsx6("div", { className: "workbench-window__title", children: node.title })
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx6("div", { className: "workbench-window__body", children })
+              ]
+            }
+          ),
+          node.displayMode === "floating" && !hiddenMounted && presentationMode !== "mission-control" && interactive ? resizeHandles.map((handle) => /* @__PURE__ */ jsx6(ResizeHandle, { handle, node }, handle)) : null
+        ] }),
+        presentationInteraction ? /* @__PURE__ */ jsx6(
           "button",
           {
             "aria-label": node.title,
@@ -2368,10 +2455,10 @@ function WorkbenchWindowFrame({
               event.stopPropagation();
               presentationInteraction.onNodePress(node.id);
             },
-            children: presentationInteraction.mode === "layout" && isMissionControlSelected ? /* @__PURE__ */ jsx5("div", { className: "pointer-events-none absolute inset-0 rounded-lg border-2 border-[var(--tutti-purple)] transition-[border-color,transform] duration-150 ease-out" }) : null
+            children: presentationInteraction.mode === "layout" && isMissionControlSelected ? /* @__PURE__ */ jsx6("div", { className: "pointer-events-none absolute inset-0 rounded-lg border-2 border-[var(--tutti-purple)] transition-[border-color,transform] duration-150 ease-out" }) : null
           }
         ) : null,
-        presentationInteraction?.mode === "layout" && isMissionControlSelected ? /* @__PURE__ */ jsx5(
+        presentationInteraction?.mode === "layout" && isMissionControlSelected ? /* @__PURE__ */ jsx6(
           Checkbox,
           {
             "aria-hidden": "true",
@@ -2389,7 +2476,7 @@ function ResizeHandle({
   node
 }) {
   const onPointerDown = useWorkbenchResize(node, handle);
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       className: "workbench-window__resize-handle",
@@ -2424,7 +2511,7 @@ function stringArraysEqual(left, right) {
 }
 
 // src/react/WorkbenchNodeLayer.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function WorkbenchNodeLayer({
   genie,
   edgeSnapEnabled = false,
@@ -2472,7 +2559,7 @@ function WorkbenchNodeLayer({
   });
   const snapPreviewRect = useWorkbenchSelector(selectWorkbenchSnapPreviewRect);
   const presentationInteraction = interactive && presentation?.mode === "mission-control" ? presentation.interaction ?? null : null;
-  const dialogPopoverLayer = dialogPopoverNodeIDs.length > 0 ? /* @__PURE__ */ jsx6(
+  const dialogPopoverLayer = dialogPopoverNodeIDs.length > 0 ? /* @__PURE__ */ jsx7(
     WorkbenchNodeLayerGroup,
     {
       className: "workbench-node-layer workbench-node-layer--dialog-popover",
@@ -2490,8 +2577,8 @@ function WorkbenchNodeLayer({
       windowChromeMode
     }
   ) : null;
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx7(
       WorkbenchNodeLayerGroup,
       {
         className: "workbench-node-layer",
@@ -2531,7 +2618,7 @@ function WorkbenchNodeLayerGroup({
   windowChromeI18n,
   windowChromeMode
 }) {
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       className,
@@ -2543,7 +2630,7 @@ function WorkbenchNodeLayerGroup({
         onBackdropPress();
       } : void 0,
       children: [
-        snapPreviewRect ? /* @__PURE__ */ jsx6(
+        snapPreviewRect ? /* @__PURE__ */ jsx7(
           "div",
           {
             className: "workbench-snap-preview",
@@ -2555,7 +2642,7 @@ function WorkbenchNodeLayerGroup({
             }
           }
         ) : null,
-        nodeIDs.map((nodeID) => /* @__PURE__ */ jsx6(
+        nodeIDs.map((nodeID) => /* @__PURE__ */ jsx7(
           MemoizedWorkbenchNodeLayerItem,
           {
             fullscreenHeaderMode,
@@ -2604,7 +2691,7 @@ function WorkbenchNodeLayerItem({
   if (!node) {
     return null;
   }
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     WorkbenchWindowFrame,
     {
       edgeSnapEnabled,
@@ -3118,7 +3205,7 @@ function renderGenieScanlines(context, viewportWidth, viewportHeight, frame) {
 }
 
 // src/react/useWorkbenchGenieAnimation.tsx
-import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var genieDurationMs = 400;
 var previewCaptureRaceTimeoutMs = 120;
 var scaleMinimizeDurationMs = 220;
@@ -4650,8 +4737,8 @@ function useWorkbenchGenieAnimation({
   );
   return {
     genieLayer: typeof document === "undefined" ? null : createPortal2(
-      /* @__PURE__ */ jsxs4(Fragment4, { children: [
-        /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsxs5(Fragment4, { children: [
+        /* @__PURE__ */ jsx8(
           "canvas",
           {
             ref: canvasRef,
@@ -4660,7 +4747,7 @@ function useWorkbenchGenieAnimation({
             "aria-hidden": true
           }
         ),
-        pendingRenderedPreviewCapture ? /* @__PURE__ */ jsx7(
+        pendingRenderedPreviewCapture ? /* @__PURE__ */ jsx8(
           "div",
           {
             ref: renderedPreviewCaptureElementRef,
@@ -4696,7 +4783,7 @@ function useWorkbenchGenieAnimation({
 }
 
 // src/react/WorkbenchSurface.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function WorkbenchSurface({
   captureNodePreviewImage,
   className,
@@ -4731,7 +4818,7 @@ function WorkbenchSurface({
   windowChromeMode,
   windowChromeI18n
 }) {
-  return /* @__PURE__ */ jsx8(WorkbenchProvider, { controller, children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(WorkbenchProvider, { controller, children: /* @__PURE__ */ jsx9(
     WorkbenchSurfaceInner,
     {
       captureNodePreviewImage,
@@ -4837,7 +4924,7 @@ function WorkbenchSurfaceInner({
       wallpaper.fit ?? "cover"
     )
   } : void 0;
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       ref,
@@ -4846,7 +4933,7 @@ function WorkbenchSurfaceInner({
       "data-presentation-mode": presentation?.mode ?? "default",
       "data-workbench-interactive": interactive ? "true" : "false",
       children: [
-        wallpaper ? /* @__PURE__ */ jsx8(
+        wallpaper ? /* @__PURE__ */ jsx9(
           "div",
           {
             className: "workbench-surface__wallpaper",
@@ -4854,9 +4941,9 @@ function WorkbenchSurfaceInner({
             "aria-hidden": true
           }
         ) : null,
-        renderTopChrome ? /* @__PURE__ */ jsx8("div", { className: "workbench-surface__top-chrome", children: renderTopChrome() }) : null,
+        renderTopChrome ? /* @__PURE__ */ jsx9("div", { className: "workbench-surface__top-chrome", children: renderTopChrome() }) : null,
         renderBackdrop ? renderBackdrop() : null,
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           WorkbenchNodeLayer,
           {
             genie,
@@ -4874,7 +4961,7 @@ function WorkbenchSurfaceInner({
             windowChromeI18n
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           WorkbenchDockFrame,
           {
             dockPlacement,
@@ -4883,7 +4970,7 @@ function WorkbenchSurfaceInner({
             renderDock
           }
         ),
-        renderBottomChrome ? /* @__PURE__ */ jsx8("div", { className: "workbench-surface__bottom-chrome", children: renderBottomChrome() }) : null,
+        renderBottomChrome ? /* @__PURE__ */ jsx9("div", { className: "workbench-surface__bottom-chrome", children: renderBottomChrome() }) : null,
         renderOverlay ? renderOverlay() : null,
         genie.genieLayer
       ]
@@ -6981,7 +7068,7 @@ import {
 import {
   ArrowLeftIcon,
   ArrowRightIcon,
-  Button as Button4,
+  Button as Button3,
   ChevronDownIcon,
   ChevronUpIcon
 } from "@tutti-os/ui-system";
@@ -7685,11 +7772,11 @@ import {
 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 import {
-  Button as Button3,
+  Button as Button2,
   CheckIcon,
   CloseIcon,
   FileCreateIcon,
-  MaximizeIcon as MaximizeIcon2,
+  MaximizeIcon,
   MinimizeIcon,
   OverviewLayoutIcon,
   PinFilledIcon,
@@ -7827,7 +7914,7 @@ function resolveMinimizedStackTrackTranslateXPx(input) {
 }
 
 // src/host/WorkbenchHostDockPopup.tsx
-import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var dockPopupCardWidthPx = 165;
 var dockPopupGridGapPx = 8;
 var dockPopupPanelPaddingInlinePx = 12;
@@ -8332,7 +8419,7 @@ function WorkbenchHostDockPopup({
     previewCaptureKey,
     resolveDockPreviewCacheKey2
   ]);
-  const content = /* @__PURE__ */ jsx9(
+  const content = /* @__PURE__ */ jsx10(
     "div",
     {
       ref: popupRootRef,
@@ -8341,7 +8428,7 @@ function WorkbenchHostDockPopup({
       "data-desktop-dock-popup-root": "true",
       "data-popup-variant": resolvedVariant,
       style: popupStyle,
-      children: /* @__PURE__ */ jsx9(
+      children: /* @__PURE__ */ jsx10(
         "div",
         {
           "aria-label": label,
@@ -8357,7 +8444,7 @@ function WorkbenchHostDockPopup({
           onPointerLeave: isMinimizedStack ? () => setPointer(null) : void 0,
           role: "dialog",
           style: panelStyle,
-          children: isContextMenu ? /* @__PURE__ */ jsx9(
+          children: isContextMenu ? /* @__PURE__ */ jsx10(
             WorkbenchHostDockContextMenu,
             {
               canCreateNew: showCreateNew !== false,
@@ -8380,9 +8467,9 @@ function WorkbenchHostDockPopup({
               showAllWindowsLabel,
               showOpen: showOpen === true
             }
-          ) : /* @__PURE__ */ jsxs6(Fragment5, { children: [
-            /* @__PURE__ */ jsx9("div", { className: "mb-2.5 flex items-center justify-between", children: /* @__PURE__ */ jsx9("span", { className: "min-w-0 truncate text-sm font-semibold", children: label }) }),
-            isMinimizedStack ? /* @__PURE__ */ jsx9(
+          ) : /* @__PURE__ */ jsxs7(Fragment5, { children: [
+            /* @__PURE__ */ jsx10("div", { className: "mb-2.5 flex items-center justify-between", children: /* @__PURE__ */ jsx10("span", { className: "min-w-0 truncate text-sm font-semibold", children: label }) }),
+            isMinimizedStack ? /* @__PURE__ */ jsx10(
               "div",
               {
                 ref: minimizedStackViewportRef,
@@ -8391,7 +8478,7 @@ function WorkbenchHostDockPopup({
                   height: minimizedStackViewportHeightPx,
                   ...isLeftMinimizedStack ? { paddingLeft: minimizedStackLeftGutterPx } : {}
                 },
-                children: /* @__PURE__ */ jsx9(
+                children: /* @__PURE__ */ jsx10(
                   "div",
                   {
                     className: "desktop-dock-popup__minimized-stack-track",
@@ -8410,7 +8497,7 @@ function WorkbenchHostDockPopup({
                         capturedPreview,
                         Boolean(capturePreview)
                       );
-                      return /* @__PURE__ */ jsx9(
+                      return /* @__PURE__ */ jsx10(
                         WorkbenchHostDockPopupCard,
                         {
                           ref: registerCard(item.node.id),
@@ -8439,7 +8526,7 @@ function WorkbenchHostDockPopup({
                   }
                 )
               }
-            ) : /* @__PURE__ */ jsxs6("div", { className: "grid max-h-[min(52vh,420px)] grid-cols-[repeat(var(--desktop-dock-popup-columns,2),165px)] gap-2 overflow-auto overscroll-contain", children: [
+            ) : /* @__PURE__ */ jsxs7("div", { className: "grid max-h-[min(52vh,420px)] grid-cols-[repeat(var(--desktop-dock-popup-columns,2),165px)] gap-2 overflow-auto overscroll-contain", children: [
               items.map((item) => {
                 const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
                   item.node,
@@ -8451,7 +8538,7 @@ function WorkbenchHostDockPopup({
                   capturedPreview,
                   Boolean(capturePreview)
                 );
-                return /* @__PURE__ */ jsx9(
+                return /* @__PURE__ */ jsx10(
                   WorkbenchHostDockPopupCard,
                   {
                     ref: registerCard(item.node.id),
@@ -8466,14 +8553,14 @@ function WorkbenchHostDockPopup({
                   item.node.id
                 );
               }),
-              showCreateNew !== false ? /* @__PURE__ */ jsxs6(
+              showCreateNew !== false ? /* @__PURE__ */ jsxs7(
                 "button",
                 {
                   className: "flex h-[103px] w-[165px] min-w-0 flex-col items-center justify-center gap-2 rounded-[8px] border border-dashed border-[var(--border-1)] bg-transparency-block text-center text-[var(--text-secondary)] transition-colors hover:bg-transparency-hover hover:text-[var(--text-primary)]",
                   type: "button",
                   onClick: onCreateNew,
                   children: [
-                    /* @__PURE__ */ jsx9(
+                    /* @__PURE__ */ jsx10(
                       FileCreateIcon,
                       {
                         "aria-hidden": "true",
@@ -8481,7 +8568,7 @@ function WorkbenchHostDockPopup({
                         size: 28
                       }
                     ),
-                    /* @__PURE__ */ jsx9("span", { className: "text-xs font-semibold text-[var(--text-primary)]", children: newWindowLabel })
+                    /* @__PURE__ */ jsx10("span", { className: "text-xs font-semibold text-[var(--text-primary)]", children: newWindowLabel })
                   ]
                 }
               ) : null
@@ -8522,14 +8609,14 @@ function WorkbenchHostDockContextMenu({
   const hasOpenCommand = !hasOpenWindows;
   const hasDockActionGroup = Boolean(dockRetention) || hasNewWindowCommand || hasOpenCommand;
   const hasWindowActionGroup = hasOpenWindows;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: "flex min-w-0 flex-col gap-1",
       "data-desktop-dock-context-menu": "true",
       role: "menu",
       children: [
-        hasOpenWindows ? /* @__PURE__ */ jsx9(Fragment5, { children: /* @__PURE__ */ jsx9("div", { className: "max-h-48 min-w-0 overflow-auto overscroll-contain", children: items.map((item) => /* @__PURE__ */ jsx9(
+        hasOpenWindows ? /* @__PURE__ */ jsx10(Fragment5, { children: /* @__PURE__ */ jsx10("div", { className: "max-h-48 min-w-0 overflow-auto overscroll-contain", children: items.map((item) => /* @__PURE__ */ jsx10(
           WorkbenchHostDockContextMenuItem,
           {
             checked: !item.isMinimized,
@@ -8538,12 +8625,12 @@ function WorkbenchHostDockContextMenu({
           },
           item.node.id
         )) }) }) : null,
-        hasOpenWindows && (hasDockActionGroup || hasWindowActionGroup) ? /* @__PURE__ */ jsx9(WorkbenchHostDockContextMenuSeparator, {}) : null,
-        dockRetention ? /* @__PURE__ */ jsx9(
+        hasOpenWindows && (hasDockActionGroup || hasWindowActionGroup) ? /* @__PURE__ */ jsx10(WorkbenchHostDockContextMenuSeparator, {}) : null,
+        dockRetention ? /* @__PURE__ */ jsx10(
           WorkbenchHostDockContextMenuItem,
           {
             checked: dockRetention.checked,
-            checkedIcon: /* @__PURE__ */ jsx9(
+            checkedIcon: /* @__PURE__ */ jsx10(
               PinFilledIcon,
               {
                 "aria-hidden": "true",
@@ -8551,61 +8638,61 @@ function WorkbenchHostDockContextMenu({
               }
             ),
             disabled: dockRetention.disabled,
-            icon: /* @__PURE__ */ jsx9(PinIcon, { "aria-hidden": "true", className: "size-4" }),
+            icon: /* @__PURE__ */ jsx10(PinIcon, { "aria-hidden": "true", className: "size-4" }),
             label: dockRetention.pendingLabel ?? dockRetention.label,
             onSelect: onRunDockRetentionAction
           }
         ) : null,
-        hasNewWindowCommand ? /* @__PURE__ */ jsx9(
+        hasNewWindowCommand ? /* @__PURE__ */ jsx10(
           WorkbenchHostDockContextMenuItem,
           {
-            icon: /* @__PURE__ */ jsx9(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
+            icon: /* @__PURE__ */ jsx10(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
             label: newWindowLabel,
             onSelect: onCreateNew
           }
         ) : null,
-        hasOpenCommand ? /* @__PURE__ */ jsx9(
+        hasOpenCommand ? /* @__PURE__ */ jsx10(
           WorkbenchHostDockContextMenuItem,
           {
             disabled: !showOpen,
-            icon: /* @__PURE__ */ jsx9(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
+            icon: /* @__PURE__ */ jsx10(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
             label: openLabel,
             onSelect: onCreateNew
           }
         ) : null,
-        hasOpenWindows ? /* @__PURE__ */ jsxs6(Fragment5, { children: [
-          hasDockActionGroup ? /* @__PURE__ */ jsx9(WorkbenchHostDockContextMenuSeparator, {}) : null,
-          canShowAllWindows && onShowAllWindows ? /* @__PURE__ */ jsx9(
+        hasOpenWindows ? /* @__PURE__ */ jsxs7(Fragment5, { children: [
+          hasDockActionGroup ? /* @__PURE__ */ jsx10(WorkbenchHostDockContextMenuSeparator, {}) : null,
+          canShowAllWindows && onShowAllWindows ? /* @__PURE__ */ jsx10(
             WorkbenchHostDockContextMenuItem,
             {
-              icon: /* @__PURE__ */ jsx9(OverviewLayoutIcon, { "aria-hidden": "true", className: "size-4" }),
+              icon: /* @__PURE__ */ jsx10(OverviewLayoutIcon, { "aria-hidden": "true", className: "size-4" }),
               label: showAllWindowsLabel,
               onSelect: onShowAllWindows
             }
           ) : null,
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             WorkbenchHostDockContextMenuItem,
             {
               disabled: !canEnterFullscreen || !onEnterFullscreen,
-              icon: /* @__PURE__ */ jsx9(MaximizeIcon2, { "aria-hidden": "true", className: "size-4" }),
+              icon: /* @__PURE__ */ jsx10(MaximizeIcon, { "aria-hidden": "true", className: "size-4" }),
               label: fullscreenLabel,
               onSelect: onEnterFullscreen
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             WorkbenchHostDockContextMenuItem,
             {
               disabled: !onHide,
-              icon: /* @__PURE__ */ jsx9(MinimizeIcon, { "aria-hidden": "true", className: "size-4" }),
+              icon: /* @__PURE__ */ jsx10(MinimizeIcon, { "aria-hidden": "true", className: "size-4" }),
               label: hideLabel,
               onSelect: onHide
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             WorkbenchHostDockContextMenuItem,
             {
               disabled: !onQuit,
-              icon: /* @__PURE__ */ jsx9(CloseIcon, { "aria-hidden": "true", className: "size-4" }),
+              icon: /* @__PURE__ */ jsx10(CloseIcon, { "aria-hidden": "true", className: "size-4" }),
               label: quitLabel,
               onSelect: onQuit
             }
@@ -8623,7 +8710,7 @@ function WorkbenchHostDockContextMenuItem({
   label,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "button",
     {
       className: cn(
@@ -8640,20 +8727,20 @@ function WorkbenchHostDockContextMenuItem({
         onSelect();
       },
       children: [
-        /* @__PURE__ */ jsx9("span", { className: "flex size-4 shrink-0 items-center justify-center text-[var(--text-secondary)]", children: checked && checkedIcon ? checkedIcon : checked ? /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10("span", { className: "flex size-4 shrink-0 items-center justify-center text-[var(--text-secondary)]", children: checked && checkedIcon ? checkedIcon : checked ? /* @__PURE__ */ jsx10(
           CheckIcon,
           {
             "aria-hidden": "true",
             className: "size-4 text-[var(--tutti-purple)]"
           }
         ) : icon ?? null }),
-        /* @__PURE__ */ jsx9("span", { className: "min-w-0 truncate", children: label })
+        /* @__PURE__ */ jsx10("span", { className: "min-w-0 truncate", children: label })
       ]
     }
   );
 }
 function WorkbenchHostDockContextMenuSeparator() {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       "aria-hidden": "true",
@@ -8802,7 +8889,7 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
     [handleSelect]
   );
   const hasReadyPreview = previewState.status === "ready";
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       ref,
@@ -8817,7 +8904,7 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
       "data-minimized": item.isMinimized ? "true" : void 0,
       style,
       children: [
-        /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs7(
           "div",
           {
             "aria-label": title,
@@ -8831,13 +8918,13 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
             onClick: handleSelect,
             onKeyDown: handleSelectKeyDown,
             children: [
-              /* @__PURE__ */ jsx9(WorkbenchHostDockPopupCardPreview, { previewState }),
-              labelMode === "hover-overlay" && item.title?.trim() ? /* @__PURE__ */ jsx9(WorkbenchHostDockPopupCardLabel, { title: item.title }) : null
+              /* @__PURE__ */ jsx10(WorkbenchHostDockPopupCardPreview, { previewState }),
+              labelMode === "hover-overlay" && item.title?.trim() ? /* @__PURE__ */ jsx10(WorkbenchHostDockPopupCardLabel, { title: item.title }) : null
             ]
           }
         ),
-        /* @__PURE__ */ jsx9(
-          Button3,
+        /* @__PURE__ */ jsx10(
+          Button2,
           {
             "aria-label": closeWindowLabel(title),
             className: "absolute top-1.5 right-1.5 z-[2] rounded-full bg-[var(--background-fronted)] opacity-0 transition-[background-color,opacity] duration-150 hover:bg-[var(--background-fronted)] focus-visible:bg-[var(--background-fronted)] group-hover/dock-popup-card:opacity-100 group-focus-within/dock-popup-card:opacity-100 focus-visible:opacity-100",
@@ -8850,10 +8937,10 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
               event.stopPropagation();
               onCloseNode(item.node.id);
             },
-            children: /* @__PURE__ */ jsx9(CloseIcon, { className: "size-3.5" })
+            children: /* @__PURE__ */ jsx10(CloseIcon, { className: "size-3.5" })
           }
         ),
-        item.isFocused ? /* @__PURE__ */ jsx9(
+        item.isFocused ? /* @__PURE__ */ jsx10(
           "span",
           {
             "aria-hidden": "true",
@@ -8861,7 +8948,7 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
             "data-desktop-dock-popup-card-active-overlay": "true"
           }
         ) : null,
-        isMinimizedStack ? /* @__PURE__ */ jsx9("span", { className: "desktop-dock-popup__fan-title-tip", title, children: title }) : null
+        isMinimizedStack ? /* @__PURE__ */ jsx10("span", { className: "desktop-dock-popup__fan-title-tip", title, children: title }) : null
       ]
     }
   );
@@ -8870,23 +8957,23 @@ function WorkbenchHostDockPopupCardPreview({
   previewState
 }) {
   if (previewState.status !== "ready") {
-    return /* @__PURE__ */ jsxs6(
+    return /* @__PURE__ */ jsxs7(
       "span",
       {
         className: "flex min-h-0 min-w-0 flex-1 flex-col justify-center gap-[7px] rounded-md border border-[var(--border-1)] bg-transparency-block px-3 py-[11px]",
         "aria-hidden": "true",
         "data-preview-state": previewState.status,
         children: [
-          /* @__PURE__ */ jsx9("span", { className: "block h-[7px] w-[72%] rounded-full bg-transparency-hover" }),
-          /* @__PURE__ */ jsx9("span", { className: "block h-[7px] w-[58%] rounded-full bg-transparency-hover" }),
-          /* @__PURE__ */ jsx9("span", { className: "block h-[7px] w-[34%] rounded-full bg-transparency-hover" })
+          /* @__PURE__ */ jsx10("span", { className: "block h-[7px] w-[72%] rounded-full bg-transparency-hover" }),
+          /* @__PURE__ */ jsx10("span", { className: "block h-[7px] w-[58%] rounded-full bg-transparency-hover" }),
+          /* @__PURE__ */ jsx10("span", { className: "block h-[7px] w-[34%] rounded-full bg-transparency-hover" })
         ]
       }
     );
   }
   const preview = previewState.preview;
   if (preview.kind === "component") {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       "span",
       {
         className: "block min-h-0 min-w-0 flex-1 overflow-hidden rounded-md",
@@ -8897,14 +8984,14 @@ function WorkbenchHostDockPopupCardPreview({
       }
     );
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "span",
     {
       className: "block min-h-0 min-w-0 flex-1 overflow-hidden rounded-md",
       "aria-hidden": "true",
       "data-preview-kind": preview.kind,
       "data-preview-state": previewState.status,
-      children: /* @__PURE__ */ jsx9(
+      children: /* @__PURE__ */ jsx10(
         "img",
         {
           alt: "",
@@ -8917,7 +9004,7 @@ function WorkbenchHostDockPopupCardPreview({
   );
 }
 function WorkbenchHostDockPopupCardLabel({ title }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "span",
     {
       className: "pointer-events-none absolute inset-x-0 bottom-0 z-[1] flex h-[30px] items-end px-[10px] pb-0.5 text-[var(--white-stationary)] opacity-0 transition-opacity duration-150 [text-shadow:0_1px_2px_rgb(0_0_0_/_20%)] group-hover/dock-popup-card:opacity-100 group-focus-within/dock-popup-card:opacity-100",
@@ -8925,13 +9012,13 @@ function WorkbenchHostDockPopupCardLabel({ title }) {
         background: "linear-gradient(180deg, transparent 0%, color-mix(in srgb, hsl(var(--card)) 28%, transparent) 18%, color-mix(in srgb, hsl(var(--card)) 82%, transparent) 56%, color-mix(in srgb, hsl(var(--card)) 98%, transparent) 100%)"
       },
       title,
-      children: /* @__PURE__ */ jsx9("span", { className: "desktop-dock-popup__title-viewport block min-w-0 flex-1 overflow-hidden whitespace-nowrap", children: /* @__PURE__ */ jsx9("span", { className: "desktop-dock-popup__title-marquee inline-block max-w-full overflow-hidden text-[12px] font-semibold leading-5 text-ellipsis whitespace-nowrap", children: title }) })
+      children: /* @__PURE__ */ jsx10("span", { className: "desktop-dock-popup__title-viewport block min-w-0 flex-1 overflow-hidden whitespace-nowrap", children: /* @__PURE__ */ jsx10("span", { className: "desktop-dock-popup__title-marquee inline-block max-w-full overflow-hidden text-[12px] font-semibold leading-5 text-ellipsis whitespace-nowrap", children: title }) })
     }
   );
 }
 
 // src/host/WorkbenchHostDock.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var minimizedDockPreviewViewport = {
   height: 34.2,
   width: 46.8
@@ -9964,20 +10051,20 @@ function WorkbenchHostDock({
     instanceMode: dockContextMenuInstanceMode,
     matchedNodes: popupEntry.matchedNodes
   }).kind === "launch";
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: "flex justify-center pointer-events-none",
       "data-dock-placement": dockPlacement,
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           "div",
           {
             className: "desktop-dock-plate",
             style: dockFrameSize === null ? void 0 : {
               "--desktop-dock-frame-size": `${dockFrameSize}px`
             },
-            children: /* @__PURE__ */ jsxs7(
+            children: /* @__PURE__ */ jsxs8(
               "div",
               {
                 ref: dockMeasureRef,
@@ -10003,7 +10090,7 @@ function WorkbenchHostDock({
                 role: "toolbar",
                 style: dockPlacement === "left" ? { height: dockWidth } : { width: dockWidth },
                 children: [
-                  /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsx11(
                     "span",
                     {
                       className: "desktop-dock__pointer-rail",
@@ -10011,7 +10098,7 @@ function WorkbenchHostDock({
                       "aria-hidden": true
                     }
                   ),
-                  /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsx11(
                     "button",
                     {
                       "aria-label": i18n.t(
@@ -10022,12 +10109,12 @@ function WorkbenchHostDock({
                       disabled: !dockScrollState.canScrollBackward,
                       onClick: () => scrollDockItems("backward"),
                       type: "button",
-                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx10(ChevronUpIcon, { size: 16 }) : /* @__PURE__ */ jsx10(ArrowLeftIcon, { size: 16 })
+                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx11(ChevronUpIcon, { size: 16 }) : /* @__PURE__ */ jsx11(ArrowLeftIcon, { size: 16 })
                     }
                   ),
-                  /* @__PURE__ */ jsx10("div", { ref: dockItemsRef, className: "desktop-dock__items", children: presentDockItems.map((dockItem) => {
+                  /* @__PURE__ */ jsx11("div", { ref: dockItemsRef, className: "desktop-dock__items", children: presentDockItems.map((dockItem) => {
                     if (dockItem.item.kind === "separator") {
-                      return /* @__PURE__ */ jsx10(
+                      return /* @__PURE__ */ jsx11(
                         "span",
                         {
                           ref: registerWallpaperToneElement(dockItem.key),
@@ -10054,7 +10141,7 @@ function WorkbenchHostDock({
                       });
                       const hasHoverPanel = dockEntryHasHoverPanel(entry);
                       const labelTooltipTarget2 = hasHoverPanel ? null : dockLabelTooltipTarget(`entry:${entry.id}`, entry.label);
-                      const dockButton2 = /* @__PURE__ */ jsx10(
+                      const dockButton2 = /* @__PURE__ */ jsx11(
                         "button",
                         {
                           "aria-expanded": currentPopup ? true : void 0,
@@ -10212,7 +10299,7 @@ function WorkbenchHostDock({
                               entryId: entry.id
                             });
                           },
-                          children: /* @__PURE__ */ jsxs7(
+                          children: /* @__PURE__ */ jsxs8(
                             "span",
                             {
                               className: "desktop-dock__icon-shell",
@@ -10220,7 +10307,7 @@ function WorkbenchHostDock({
                               "data-entry-state": entry.state?.kind ?? "enabled",
                               "aria-hidden": true,
                               children: [
-                                /* @__PURE__ */ jsx10("span", { className: "desktop-dock__icon-content", children: entry.icon }),
+                                /* @__PURE__ */ jsx11("span", { className: "desktop-dock__icon-content", children: entry.icon }),
                                 renderDockBadge(
                                   entry,
                                   resolvedEntry.matchedNodes.length
@@ -10230,7 +10317,7 @@ function WorkbenchHostDock({
                           )
                         }
                       );
-                      return /* @__PURE__ */ jsx10(
+                      return /* @__PURE__ */ jsx11(
                         "span",
                         {
                           ref: registerDockSlot(anchorKey),
@@ -10331,7 +10418,7 @@ function WorkbenchHostDock({
                         `minimized-stack:${slot.anchorKey}`,
                         stackLabel
                       );
-                      const stackButton = /* @__PURE__ */ jsx10(
+                      const stackButton = /* @__PURE__ */ jsx11(
                         "span",
                         {
                           "aria-expanded": stackPopupActive,
@@ -10365,7 +10452,7 @@ function WorkbenchHostDock({
                               }
                             );
                           },
-                          children: /* @__PURE__ */ jsxs7(
+                          children: /* @__PURE__ */ jsxs8(
                             "span",
                             {
                               className: "desktop-dock__minimized-stack-icon",
@@ -10380,7 +10467,7 @@ function WorkbenchHostDock({
                                   (_, index) => {
                                     const node2 = slot.nodes[index];
                                     if (index === 0 && node2) {
-                                      return /* @__PURE__ */ jsx10(
+                                      return /* @__PURE__ */ jsx11(
                                         WorkbenchHostDockMinimizedNodePreview,
                                         {
                                           capturePreview: captureMinimizedNodePreview,
@@ -10395,7 +10482,7 @@ function WorkbenchHostDock({
                                         minimizedDockPreviewFreezeKey(node2)
                                       );
                                     }
-                                    return /* @__PURE__ */ jsx10(
+                                    return /* @__PURE__ */ jsx11(
                                       "span",
                                       {
                                         "aria-hidden": "true",
@@ -10405,13 +10492,13 @@ function WorkbenchHostDock({
                                     );
                                   }
                                 ),
-                                /* @__PURE__ */ jsx10("span", { className: "desktop-dock__count-badge", children: slot.nodes.length })
+                                /* @__PURE__ */ jsx11("span", { className: "desktop-dock__count-badge", children: slot.nodes.length })
                               ]
                             }
                           )
                         }
                       );
-                      return /* @__PURE__ */ jsx10(
+                      return /* @__PURE__ */ jsx11(
                         "span",
                         {
                           ref: registerDockSlot(slot.anchorKey),
@@ -10466,7 +10553,7 @@ function WorkbenchHostDock({
                       `minimized-node:${node.id}`,
                       node.title
                     );
-                    const dockButton = /* @__PURE__ */ jsx10(
+                    const dockButton = /* @__PURE__ */ jsx11(
                       "span",
                       {
                         "aria-label": i18n.t("launch", { title: node.title }),
@@ -10527,7 +10614,7 @@ function WorkbenchHostDock({
                             }
                           );
                         },
-                        children: /* @__PURE__ */ jsx10(
+                        children: /* @__PURE__ */ jsx11(
                           WorkbenchHostDockMinimizedNodePreview,
                           {
                             capturePreview: isPendingMinimizedNode ? void 0 : captureMinimizedNodePreview,
@@ -10541,7 +10628,7 @@ function WorkbenchHostDock({
                         )
                       }
                     );
-                    return /* @__PURE__ */ jsx10(
+                    return /* @__PURE__ */ jsx11(
                       "span",
                       {
                         ref: registerDockSlot(slot.anchorKey),
@@ -10591,7 +10678,7 @@ function WorkbenchHostDock({
                       dockItem.key
                     );
                   }) }),
-                  /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsx11(
                     "button",
                     {
                       "aria-label": i18n.t(
@@ -10602,10 +10689,10 @@ function WorkbenchHostDock({
                       disabled: !dockScrollState.canScrollForward,
                       onClick: () => scrollDockItems("forward"),
                       type: "button",
-                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx10(ChevronDownIcon, { size: 16 }) : /* @__PURE__ */ jsx10(ArrowRightIcon, { size: 16 })
+                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx11(ChevronDownIcon, { size: 16 }) : /* @__PURE__ */ jsx11(ArrowRightIcon, { size: 16 })
                     }
                   ),
-                  activeHoverPanel ? /* @__PURE__ */ jsx10(
+                  activeHoverPanel ? /* @__PURE__ */ jsx11(
                     WorkbenchHostDockHoverPanel,
                     {
                       entry: resolvedEntries.find(
@@ -10638,7 +10725,7 @@ function WorkbenchHostDock({
                       }
                     }
                   ) : null,
-                  activeLabelTooltip ? /* @__PURE__ */ jsx10(
+                  activeLabelTooltip ? /* @__PURE__ */ jsx11(
                     WorkbenchHostDockLabelTooltip,
                     {
                       placement: dockPlacement,
@@ -10650,7 +10737,7 @@ function WorkbenchHostDock({
             )
           }
         ),
-        popupEntry && activePopup ? /* @__PURE__ */ jsx10(
+        popupEntry && activePopup ? /* @__PURE__ */ jsx11(
           WorkbenchHostDockPopup,
           {
             anchorRect: activePopup.anchorRect,
@@ -10841,7 +10928,7 @@ function WorkbenchHostDock({
             variant: activePopup.kind === "context-menu" ? "context-menu" : "default"
           }
         ) : null,
-        activeMinimizedStackSlot && activeMinimizedStackPopup ? /* @__PURE__ */ jsx10(
+        activeMinimizedStackSlot && activeMinimizedStackPopup ? /* @__PURE__ */ jsx11(
           WorkbenchHostDockPopup,
           {
             anchorRect: activeMinimizedStackPopup,
@@ -11056,7 +11143,7 @@ function WorkbenchHostDockMinimizedNodePreview({
     return renderMinimizedDockPreviewContent(componentPreview, className);
   }
   if (previewImageUrl) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       "span",
       {
         className: [
@@ -11065,7 +11152,7 @@ function WorkbenchHostDockMinimizedNodePreview({
           className
         ].filter(Boolean).join(" "),
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx10(
+        children: /* @__PURE__ */ jsx11(
           "img",
           {
             alt: "",
@@ -11080,22 +11167,22 @@ function WorkbenchHostDockMinimizedNodePreview({
   return renderMinimizedDockPreviewPlaceholder(className);
 }
 function renderMinimizedDockPreviewPlaceholder(className) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "span",
     {
       className: ["desktop-dock__minimized-preview", className].filter(Boolean).join(" "),
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx10("span", { className: "desktop-dock__minimized-preview-line" }),
-        /* @__PURE__ */ jsx10("span", { className: "desktop-dock__minimized-preview-line desktop-dock__minimized-preview-line--short" }),
-        /* @__PURE__ */ jsx10("span", { className: "desktop-dock__minimized-preview-line desktop-dock__minimized-preview-line--accent" })
+        /* @__PURE__ */ jsx11("span", { className: "desktop-dock__minimized-preview-line" }),
+        /* @__PURE__ */ jsx11("span", { className: "desktop-dock__minimized-preview-line desktop-dock__minimized-preview-line--short" }),
+        /* @__PURE__ */ jsx11("span", { className: "desktop-dock__minimized-preview-line desktop-dock__minimized-preview-line--accent" })
       ]
     }
   );
 }
 function renderMinimizedDockPreviewContent(preview, className) {
   if (preview.kind === "image") {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       "span",
       {
         className: [
@@ -11104,7 +11191,7 @@ function renderMinimizedDockPreviewContent(preview, className) {
           className
         ].filter(Boolean).join(" "),
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx10(
+        children: /* @__PURE__ */ jsx11(
           "img",
           {
             alt: "",
@@ -11116,7 +11203,7 @@ function renderMinimizedDockPreviewContent(preview, className) {
       }
     );
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     WorkbenchHostDockFrozenComponentPreview,
     {
       className,
@@ -11136,7 +11223,7 @@ function WorkbenchHostDockFrozenComponentPreview({
     }
     setFrozenMarkup(sourceRef.current?.innerHTML ?? "");
   }, [frozenMarkup]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "span",
     {
       className: [
@@ -11145,14 +11232,14 @@ function WorkbenchHostDockFrozenComponentPreview({
         className
       ].filter(Boolean).join(" "),
       "aria-hidden": "true",
-      children: frozenMarkup === null ? /* @__PURE__ */ jsx10(
+      children: frozenMarkup === null ? /* @__PURE__ */ jsx11(
         "span",
         {
           ref: sourceRef,
           className: "desktop-dock__minimized-preview-freeze-source",
           children: preview.element
         }
-      ) : /* @__PURE__ */ jsx10(
+      ) : /* @__PURE__ */ jsx11(
         "span",
         {
           className: "desktop-dock__minimized-preview-frozen-content",
@@ -11220,18 +11307,18 @@ function renderDockBadge(entry, matchedNodeCount) {
     return null;
   }
   if (badge.kind === "count") {
-    return /* @__PURE__ */ jsx10("span", { className: "desktop-dock__count-badge", children: badge.value });
+    return /* @__PURE__ */ jsx11("span", { className: "desktop-dock__count-badge", children: badge.value });
   }
   if (badge.kind === "custom") {
-    return /* @__PURE__ */ jsx10("span", { className: "desktop-dock__custom-badge", children: badge.content });
+    return /* @__PURE__ */ jsx11("span", { className: "desktop-dock__custom-badge", children: badge.content });
   }
-  return /* @__PURE__ */ jsx10("span", { className: "desktop-dock__status-badge", "data-status": badge.status });
+  return /* @__PURE__ */ jsx11("span", { className: "desktop-dock__status-badge", "data-status": badge.status });
 }
 function WorkbenchHostDockLabelTooltip({
   placement,
   state
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       className: "desktop-dock__label-tooltip",
@@ -11264,7 +11351,7 @@ function WorkbenchHostDockHoverPanel({
   if (!entry) {
     return null;
   }
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       ref: hoverPanelRef,
@@ -11283,14 +11370,14 @@ function WorkbenchHostDockHoverPanel({
         "--desktop-dock-hover-panel-anchor-width": `${state.anchorRect.width}px`
       },
       children: [
-        /* @__PURE__ */ jsx10("div", { className: "desktop-dock__hover-panel-title", children: entry.label }),
-        entry.state?.reason ? /* @__PURE__ */ jsx10("div", { className: "desktop-dock__hover-panel-description", children: stripDockDescriptionTerminalPunctuation(entry.state.reason) }) : null,
-        entry.hoverActions?.length ? /* @__PURE__ */ jsx10("div", { className: "desktop-dock__hover-actions", children: entry.hoverActions.map((action) => {
+        /* @__PURE__ */ jsx11("div", { className: "desktop-dock__hover-panel-title", children: entry.label }),
+        entry.state?.reason ? /* @__PURE__ */ jsx11("div", { className: "desktop-dock__hover-panel-description", children: stripDockDescriptionTerminalPunctuation(entry.state.reason) }) : null,
+        entry.hoverActions?.length ? /* @__PURE__ */ jsx11("div", { className: "desktop-dock__hover-actions", children: entry.hoverActions.map((action) => {
           const actionKey = dockActionKey(entry.id, action.id);
           const isLocallyPending = pendingActionKeys.has(actionKey);
           const isPending = isLocallyPending || action.disabled === true && action.pendingLabel !== void 0;
-          return /* @__PURE__ */ jsx10(
-            Button4,
+          return /* @__PURE__ */ jsx11(
+            Button3,
             {
               "aria-busy": isPending ? true : void 0,
               className: "desktop-dock__hover-action",
@@ -12007,8 +12094,7 @@ function createWorkbenchHostNodeHeaderContext({
 }
 
 // src/host/WorkbenchHostWindowActions.tsx
-import { Button as Button5, CloseIcon as CloseIcon2, MinimizeIcon as MinimizeIcon2 } from "@tutti-os/ui-system";
-import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function WorkbenchHostWindowActions({
   context,
   host,
@@ -12021,49 +12107,34 @@ function WorkbenchHostWindowActions({
   }
   const minimizable = definition.window?.minimizable !== false;
   const closable = definition.window?.closable !== false;
-  return /* @__PURE__ */ jsxs8(Fragment6, { children: [
-    minimizable ? /* @__PURE__ */ jsx11(
-      Button5,
-      {
-        "aria-label": i18n.t("actions.minimize"),
-        className: "order-1 rounded-md",
-        "data-workbench-action": "minimize",
-        size: "icon-sm",
-        type: "button",
-        variant: "chrome",
+  return /* @__PURE__ */ jsx12(
+    WorkbenchWindowTrafficLights,
+    {
+      close: closable ? {
+        label: i18n.t("actions.close"),
+        onClick: () => {
+          host.requestNodeClose(context.node.id);
+        }
+      } : null,
+      minimize: minimizable ? {
+        label: i18n.t("actions.minimize"),
         onClick: () => {
           context.genie.minimizeNodeToAnchor(
             context.node.id,
             () => context.controller.commands.minimizeNode(context.node.id)
           );
-        },
-        children: /* @__PURE__ */ jsx11(MinimizeIcon2, { className: "size-3.5" })
-      }
-    ) : null,
-    closable ? /* @__PURE__ */ jsx11(
-      Button5,
-      {
-        "aria-label": i18n.t("actions.close"),
-        className: "order-3 rounded-md",
-        "data-workbench-action": "close",
-        size: "icon-sm",
-        type: "button",
-        variant: "chrome",
-        onClick: () => {
-          host.requestNodeClose(context.node.id);
-        },
-        children: /* @__PURE__ */ jsx11(CloseIcon2, { className: "size-3.5" })
-      }
-    ) : null
-  ] });
+        }
+      } : null
+    }
+  );
 }
 
 // src/host/useWorkbenchHostSurfaceRenderers.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 function useWorkbenchHostSurfaceRenderers(input) {
   const renderBottomChrome = useMemo6(() => {
     const renderChrome = input.renderBottomChrome;
-    return renderChrome ? () => /* @__PURE__ */ jsx12(
+    return renderChrome ? () => /* @__PURE__ */ jsx13(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -12074,7 +12145,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         fallbackKind: "bottom-chrome",
         resetKey: `${input.workspaceId}:bottom-chrome`,
         workspaceId: input.workspaceId,
-        children: /* @__PURE__ */ jsx12(
+        children: /* @__PURE__ */ jsx13(
           WorkbenchHostChromeRenderer,
           {
             context: input.chromeContext,
@@ -12091,7 +12162,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
   ]);
   const renderTopChrome = useMemo6(() => {
     const renderChrome = input.renderTopChrome;
-    return renderChrome ? () => /* @__PURE__ */ jsx12(
+    return renderChrome ? () => /* @__PURE__ */ jsx13(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -12102,7 +12173,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         fallbackKind: "top-chrome",
         resetKey: `${input.workspaceId}:top-chrome`,
         workspaceId: input.workspaceId,
-        children: /* @__PURE__ */ jsx12(
+        children: /* @__PURE__ */ jsx13(
           WorkbenchHostChromeRenderer,
           {
             context: input.chromeContext,
@@ -12151,7 +12222,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     ]
   );
   const renderDock = useCallback11(
-    (context) => /* @__PURE__ */ jsx12(
+    (context) => /* @__PURE__ */ jsx13(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -12163,7 +12234,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         fallbackKind: "dock",
         resetKey: `${input.workspaceId}:dock`,
         workspaceId: input.workspaceId,
-        children: /* @__PURE__ */ jsx12(
+        children: /* @__PURE__ */ jsx13(
           WorkbenchHostDock,
           {
             captureNodePreviewImage,
@@ -12217,14 +12288,14 @@ function useWorkbenchHostSurfaceRenderers(input) {
         host: input.hostSession,
         workspaceId: input.workspaceId
       });
-      return /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx13(
         WorkbenchHostNodeRenderErrorBoundary,
         {
           debugDiagnostics: input.debugDiagnostics,
           node: context.node,
           resetKey: `${context.node.id}:${context.node.data.typeId}:${input.externalStateRevision}`,
           workspaceId: input.workspaceId,
-          children: /* @__PURE__ */ jsx12(
+          children: /* @__PURE__ */ jsx13(
             WorkbenchHostNodeBodyRenderer,
             {
               context: bodyContext,
@@ -12244,7 +12315,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     ]
   );
   const renderWindowActions = useCallback11(
-    (context) => /* @__PURE__ */ jsx12(
+    (context) => /* @__PURE__ */ jsx13(
       WorkbenchHostWindowActions,
       {
         context,
@@ -12437,7 +12508,7 @@ var WorkbenchHostSurfaceRenderErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.hasError) {
-      return /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx13(
         "div",
         {
           "data-workbench-surface-render-error": this.props.fallbackKind,
@@ -12507,7 +12578,7 @@ var WorkbenchHostNodeRenderErrorBoundary = class extends Component {
             width: "100%"
           },
           children: [
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               "div",
               {
                 "data-workbench-node-render-error-message": "true",
@@ -12519,8 +12590,8 @@ var WorkbenchHostNodeRenderErrorBoundary = class extends Component {
                 children: "This workspace view failed to render."
               }
             ),
-            /* @__PURE__ */ jsx12("div", { style: { fontSize: 12 }, children: "Try selecting another conversation or reopen the window." }),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13("div", { style: { fontSize: 12 }, children: "Try selecting another conversation or reopen the window." }),
+            /* @__PURE__ */ jsx13(
               "button",
               {
                 type: "button",
@@ -12560,7 +12631,7 @@ function WorkbenchHostChromeRenderer({
 }
 
 // src/host/WorkbenchHost.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var noop3 = () => {
 };
 function WorkbenchHost({
@@ -12673,7 +12744,7 @@ function WorkbenchHost({
   });
   const missionControlPresence = useWorkbenchMissionControlPresence(missionControlState);
   const missionControlRenderedState = missionControlPresence.state;
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     WorkbenchSurface,
     {
       className,
@@ -12687,7 +12758,7 @@ function WorkbenchHost({
       missionControlPhase: missionControlPresence.phase,
       minimizeAnimation,
       presentation: missionControlState?.presentation ?? null,
-      renderBackdrop: missionControlRenderedState ? () => /* @__PURE__ */ jsx13(
+      renderBackdrop: missionControlRenderedState ? () => /* @__PURE__ */ jsx14(
         WorkbenchMissionControlBackdrop,
         {
           onExitTransitionComplete: () => missionControlPresence.completeExitTransition(),
@@ -12698,7 +12769,7 @@ function WorkbenchHost({
       renderDock: surfaceRenderers.renderDock,
       renderNode: surfaceRenderers.renderNode,
       renderNodeGeniePreview: surfaceRenderers.renderNodeGeniePreview,
-      renderOverlay: missionControlRenderedState ? () => /* @__PURE__ */ jsx13(
+      renderOverlay: missionControlRenderedState ? () => /* @__PURE__ */ jsx14(
         WorkbenchMissionControlOverlay,
         {
           i18n: missionControlI18n,