@band-app/server 0.30.1 → 0.31.0

package/dist/server/assets/{router-B7-XKvBR.js → router-CijxukSe.js}

@@ -14376,7 +14376,7 @@ function PopoverContent({
       align,
       sideOffset,
       className: cn$2(
-        "ease-out duration-150 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        "ease-out duration-150 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         className
       ),
       ...props
@@ -14792,10 +14792,10 @@ function DialogOverlay({
   );
 }
 const DIALOG_CONTENT_VARIANTS = {
-  default: "ease-out fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
+  default: "ease-out fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
   "bottom-sheet": [
     // Shared
-    "ease-out fixed z-50 flex flex-col bg-background shadow-lg duration-200 outline-none",
+    "ease-out fixed z-50 flex flex-col border-border bg-background shadow-lg duration-200 outline-none",
     "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
     // Mobile (< lg): bottom drawer
     "inset-x-0 bottom-0 w-full max-w-none rounded-t-2xl border border-b-0 p-6",
@@ -14807,7 +14807,7 @@ const DIALOG_CONTENT_VARIANTS = {
   ].join(" "),
   "command-palette": [
     // Shared
-    "fixed z-50 flex flex-col bg-background shadow-lg outline-none",
+    "fixed z-50 flex flex-col border-border bg-background shadow-lg outline-none",
     // Mobile-only open/close animation: the drawer slide is touch-initiated.
     // Desktop (lg+) gets NO open/close animation — this is a keyboard-summoned
     // surface hit dozens of times a day; it must appear instantly.
@@ -14963,7 +14963,7 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border-b border-border px-3", "cmdk-input-wrapper": "", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       _e$4.Input,
@@ -45935,53 +45935,53 @@ async function loadLanguage(lang) {
   try {
     switch (lang) {
       case "javascript":
-        return import("./index-BJCGggpH.js").then((m2) => m2.javascript());
+        return import("./index-BeVYh61F.js").then((m2) => m2.javascript());
       case "jsx":
-        return import("./index-BJCGggpH.js").then((m2) => m2.javascript({ jsx: true }));
+        return import("./index-BeVYh61F.js").then((m2) => m2.javascript({ jsx: true }));
       case "typescript":
-        return import("./index-BJCGggpH.js").then(
+        return import("./index-BeVYh61F.js").then(
           (m2) => m2.javascript({ typescript: true })
         );
       case "tsx":
-        return import("./index-BJCGggpH.js").then(
+        return import("./index-BeVYh61F.js").then(
           (m2) => m2.javascript({ jsx: true, typescript: true })
         );
       case "python":
-        return import("./index-BFGzZbup.js").then((m2) => m2.python());
+        return import("./index-CIQ2H-15.js").then((m2) => m2.python());
       case "html":
-        return import("./index-CGahi9V_.js").then((m2) => m2.html());
+        return import("./index-BstlKcBR.js").then((m2) => m2.html());
       case "css":
-        return import("./index-BqzKD5E_.js").then((m2) => m2.css());
+        return import("./index-Dh1M5dNP.js").then((m2) => m2.css());
       case "scss":
       case "sass":
-        return import("./index-B0xGaLrl.js").then((m2) => m2.sass());
+        return import("./index-C9azpIfZ.js").then((m2) => m2.sass());
       case "less":
-        return import("./index-DsUEML0Q.js").then((m2) => m2.less());
+        return import("./index-BTtOxXlZ.js").then((m2) => m2.less());
       case "json":
       case "jsonc":
-        return import("./index-7EU1eTTa.js").then((m2) => m2.json());
+        return import("./index-OaYzTlpS.js").then((m2) => m2.json());
       case "markdown":
       case "mdx":
-        return import("./index-B70OKozW.js").then((m2) => m2.markdown());
+        return import("./index--KaT9H0k.js").then((m2) => m2.markdown());
       case "xml":
-        return import("./index-Cd5puaI6.js").then((m2) => m2.xml());
+        return import("./index-CTx1RpR6.js").then((m2) => m2.xml());
       case "yaml":
-        return import("./index-BPhNydFp.js").then((m2) => m2.yaml());
+        return import("./index-BJJ8j1rg.js").then((m2) => m2.yaml());
       case "sql":
-        return import("./index-Cwe7nbJw.js").then((m2) => m2.sql());
+        return import("./index-P4B7a8It.js").then((m2) => m2.sql());
       case "rust":
-        return import("./index-BJtDnGxq.js").then((m2) => m2.rust());
+        return import("./index-C2HXhI72.js").then((m2) => m2.rust());
       case "go":
-        return import("./index-C0OatepH.js").then((m2) => m2.go());
+        return import("./index-CvolrjMO.js").then((m2) => m2.go());
       case "java":
-        return import("./index-1fKvU2GD.js").then((m2) => m2.java());
+        return import("./index-0NB-RPox.js").then((m2) => m2.java());
       case "kotlin":
-        return import("./index-1fKvU2GD.js").then((m2) => m2.java());
+        return import("./index-0NB-RPox.js").then((m2) => m2.java());
       case "c":
       case "cpp":
-        return import("./index-C9NLW19U.js").then((m2) => m2.cpp());
+        return import("./index-B2cRwRII.js").then((m2) => m2.cpp());
       case "php":
-        return import("./index-y8Aubw3W.js").then((m2) => m2.php());
+        return import("./index-a62bFj9q.js").then((m2) => m2.php());
       // Legacy modes via StreamLanguage
       case "bash":
       case "fish":
@@ -47040,44 +47040,6 @@ function CommandPaletteDialog({ open: open2, onOpenChange, commands }) {
     }
   ) });
 }
-function useAppUpdate() {
-  const adapter2 = useAdapter();
-  const [state2, setState] = reactExports.useState({ status: "none" });
-  reactExports.useEffect(() => {
-    if (!adapter2.getUpdateStatus || !adapter2.subscribeUpdateStatus) return;
-    let cancelled2 = false;
-    adapter2.getUpdateStatus().then((pending2) => {
-      if (cancelled2) return;
-      if (pending2) {
-        setState({ status: "available", version: pending2.version });
-      }
-    }).catch(() => {
-    });
-    const unsubscribe = adapter2.subscribeUpdateStatus((pending2) => {
-      setState((prev2) => {
-        if (prev2.status === "installing") return prev2;
-        return pending2 ? { status: "available", version: pending2.version } : { status: "none" };
-      });
-    });
-    return () => {
-      cancelled2 = true;
-      unsubscribe();
-    };
-  }, [adapter2]);
-  const install = async () => {
-    if (!adapter2.installUpdate) return;
-    setState({ status: "installing" });
-    try {
-      await adapter2.installUpdate();
-    } catch (err) {
-      setState({
-        status: "error",
-        message: err instanceof Error ? err.message : String(err)
-      });
-    }
-  };
-  return { state: state2, install };
-}
 function useCliSetup() {
   const adapter2 = useAdapter();
   const [state2, setState] = reactExports.useState({ status: "checking" });
@@ -51955,6 +51917,32 @@ function NewWorkspaceDialog({ projectName, open: open2, onOpenChange }) {
     ] })
   ] }) }) });
 }
+function ProjectAvatar({ avatar, fallback, className, testId }) {
+  const [loaded, setLoaded] = reactExports.useState(null);
+  if (!avatar) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: fallback });
+  const state2 = loaded?.src === avatar.src ? loaded.ok : void 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    state2 !== true && fallback,
+    state2 !== false && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "img",
+      {
+        src: avatar.src,
+        alt: avatar.label,
+        hidden: state2 !== true,
+        draggable: false,
+        "data-testid": testId,
+        ref: (el) => {
+          if (el?.complete && state2 === void 0) {
+            setLoaded({ src: avatar.src, ok: el.naturalWidth > 0 });
+          }
+        },
+        className: `${className} shrink-0 rounded-sm object-cover`,
+        onLoad: () => setLoaded({ src: avatar.src, ok: true }),
+        onError: () => setLoaded({ src: avatar.src, ok: false })
+      }
+    )
+  ] });
+}
 function PromoteToGitDialog({ open: open2, onOpenChange, onConfirm, projectName }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "sm:max-w-[425px]", onClick: (e3) => e3.stopPropagation(), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
@@ -52413,16 +52401,30 @@ function SortableProject({
                     // indicator's size-3 fallback would make plain headers
                     // read as nested workspace cards (see #427 review).
                     plainAgent && (plainAgent.status === "working" || plainAgent.status === "needs_attention") ? /* @__PURE__ */ jsxRuntimeExports.jsx(AgentStatusIndicator, { agent: plainAgent, isActive: plainIsActive }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "size-4 shrink-0 text-muted-foreground" })
-                  ) : collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    Folder,
-                    {
-                      className: `size-4 shrink-0 ${gitHeaderIsActive ? "text-primary" : "text-muted-foreground"}`
-                    }
-                  ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    FolderOpen,
-                    {
-                      className: `size-4 shrink-0 ${gitHeaderIsActive ? "text-primary" : "text-muted-foreground"}`
-                    }
+                  ) : (
+                    // Git project: the GitHub owner's avatar when `origin` is
+                    // on GitHub, else the open/closed folder.
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      ProjectAvatar,
+                      {
+                        avatar: project.avatar,
+                        className: "size-4",
+                        testId: `project-list__project-avatar--${project.name}`,
+                        fallback: collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          Folder,
+                          {
+                            "data-testid": `project-list__project-folder--${project.name}`,
+                            className: `size-4 shrink-0 ${gitHeaderIsActive ? "text-primary" : "text-muted-foreground"}`
+                          }
+                        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          FolderOpen,
+                          {
+                            "data-testid": `project-list__project-folder--${project.name}`,
+                            className: `size-4 shrink-0 ${gitHeaderIsActive ? "text-primary" : "text-muted-foreground"}`
+                          }
+                        )
+                      }
+                    )
                   ),
                   /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -52919,7 +52921,14 @@ function ProjectList({ labelFilter }) {
                   ] }, groupKey);
                 }) }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(DragOverlay, { dropAnimation: null, children: activeDragId ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 px-1 py-1 bg-background rounded shadow-lg border", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    ProjectAvatar,
+                    {
+                      avatar: projects.find((p2) => p2.name === activeDragId)?.avatar,
+                      className: "size-3.5",
+                      fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "size-3.5 shrink-0 text-muted-foreground" })
+                    }
+                  ),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[13px] font-semibold text-foreground", children: activeDragId })
                 ] }) : null })
               ]
@@ -53154,6 +53163,7 @@ function SettingsPage({ open: open2, onOpenChange }) {
     settings.enableFilePreviewTabs ?? true
   );
   const [selectedTheme, setSelectedTheme] = reactExports.useState(settings.theme ?? "system");
+  const [translucentSidebar, setTranslucentSidebar] = reactExports.useState(settings.translucentSidebar ?? true);
   const [useWebGLTerminalRenderer, setUseWebGLTerminalRenderer] = reactExports.useState(
     settings.useWebGLTerminalRenderer ?? true
   );
@@ -53273,6 +53283,7 @@ function SettingsPage({ open: open2, onOpenChange }) {
     if (enableLSP !== (settings.enableLSP ?? false)) return true;
     if (enableFilePreviewTabs !== (settings.enableFilePreviewTabs ?? true)) return true;
     if (selectedTheme !== (settings.theme ?? "system")) return true;
+    if (translucentSidebar !== (settings.translucentSidebar ?? true)) return true;
     if (useWebGLTerminalRenderer !== (settings.useWebGLTerminalRenderer ?? true)) return true;
     if (webBrowserCdpEnabled !== (settings.webBrowserCdpEnabled ?? false)) return true;
     if (usageRetentionDays !== (settings.usageRetentionDays?.toString() ?? "")) return true;
@@ -53290,6 +53301,7 @@ function SettingsPage({ open: open2, onOpenChange }) {
     enableLSP,
     enableFilePreviewTabs,
     selectedTheme,
+    translucentSidebar,
     useWebGLTerminalRenderer,
     webBrowserCdpEnabled,
     usageRetentionDays,
@@ -53308,6 +53320,7 @@ function SettingsPage({ open: open2, onOpenChange }) {
     setEnableLSP(settings.enableLSP ?? false);
     setEnableFilePreviewTabs(settings.enableFilePreviewTabs ?? true);
     setSelectedTheme(settings.theme ?? "system");
+    setTranslucentSidebar(settings.translucentSidebar ?? true);
     setUseWebGLTerminalRenderer(settings.useWebGLTerminalRenderer ?? true);
     setWebBrowserCdpEnabled(settings.webBrowserCdpEnabled ?? false);
     setUsageRetentionDays(settings.usageRetentionDays?.toString() ?? "");
@@ -53323,6 +53336,7 @@ function SettingsPage({ open: open2, onOpenChange }) {
     settings.enableLSP,
     settings.enableFilePreviewTabs,
     settings.theme,
+    settings.translucentSidebar,
     settings.useWebGLTerminalRenderer,
     settings.webBrowserCdpEnabled,
     settings.usageRetentionDays,
@@ -53368,6 +53382,7 @@ function SettingsPage({ open: open2, onOpenChange }) {
       enableLSP,
       enableFilePreviewTabs,
       theme: selectedTheme,
+      translucentSidebar,
       useWebGLTerminalRenderer,
       webBrowserCdpEnabled,
       usageRetentionDays: parsedUsageRetentionDays,
@@ -53386,29 +53401,47 @@ function SettingsPage({ open: open2, onOpenChange }) {
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { className: "px-6 pt-6 pb-4 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Settings" }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-6 px-6 pb-6", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsSection, { title: "Appearance", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            SettingsRow,
-            {
-              variant: "responsive",
-              label: "Theme",
-              description: "Choose between system default, light, and dark mode.",
-              children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                Select,
-                {
-                  value: selectedTheme,
-                  onValueChange: (v2) => setSelectedTheme(v2),
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-8 w-full text-sm sm:w-32", "aria-label": "Theme", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "system", children: "System" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "light", children: "Light" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "dark", children: "Dark" })
-                    ] })
-                  ]
-                }
-              )
-            }
-          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(SettingsSection, { title: "Appearance", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              SettingsRow,
+              {
+                variant: "responsive",
+                label: "Theme",
+                description: "Choose between system default, light, and dark mode.",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  Select,
+                  {
+                    value: selectedTheme,
+                    onValueChange: (v2) => setSelectedTheme(v2),
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-8 w-full text-sm sm:w-32", "aria-label": "Theme", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "system", children: "System" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "light", children: "Light" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "dark", children: "Dark" })
+                      ] })
+                    ]
+                  }
+                )
+              }
+            ),
+            capabilities2.translucentSidebar && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              SettingsRow,
+              {
+                htmlFor: "translucent-sidebar",
+                label: "Translucent sidebar",
+                description: "Show the desktop through the project list, blurred and tinted.",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Switch,
+                  {
+                    id: "translucent-sidebar",
+                    checked: translucentSidebar,
+                    onCheckedChange: setTranslucentSidebar
+                  }
+                )
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(SettingsSection, { title: "General", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               SettingsRow,
@@ -54010,7 +54043,6 @@ function DashboardShell({
   const activeWorkspaceId = useDashboardStore((s2) => s2.activeWorkspaceId);
   const { state: hooksState, install: installHooks } = useHooksSetup();
   const { state: cliState, install: installCli } = useCliSetup();
-  const { state: updateState, install: installUpdate } = useAppUpdate();
   const [appTitle, setAppTitle] = reactExports.useState("Band");
   reactExports.useEffect(() => {
     if (!isDesktop$1) return;
@@ -54139,8 +54171,11 @@ function DashboardShell({
         "w-full overflow-hidden flex flex-col text-foreground p-0",
         // Embedded as the project-list sidebar (hideTitleBar): paint the
         // `--sidebar` surface so the list reads as a panel distinct from the
-        // workspace layout. Standalone (mobile / narrow web): plain background.
-        hideTitleBar ? "h-full bg-sidebar" : "bg-background",
+        // workspace layout. Under the translucent sidebar (macOS desktop) the
+        // AppShell column already paints the tint, so stay transparent rather
+        // than stack a second layer. Standalone (mobile / narrow web): plain
+        // background.
+        hideTitleBar ? "h-full bg-sidebar translucent-sidebar:bg-transparent" : "bg-background",
         !isDesktop$1 && "pt-[env(safe-area-inset-top)]",
         // Full screen the action bar keeps a 16px gap above the bottom edge,
         // widened to the home-indicator inset when there is one. In the
@@ -54279,18 +54314,6 @@ function DashboardShell({
             ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ProjectList, { labelFilter }) })
           }
         ),
-        updateState.status === "available" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-4 mb-2 px-4 py-2 bg-blue-500/10 border border-blue-500/30 rounded-lg text-sm flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-700 dark:text-blue-200", children: `Band v${updateState.version} is available` }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", size: "sm", className: "shrink-0 text-xs", onClick: installUpdate, children: "Install" })
-        ] }),
-        updateState.status === "installing" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-4 mb-2 px-4 py-2 bg-blue-500/10 border border-blue-500/30 rounded-lg text-sm flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-700 dark:text-blue-200", children: "Installing update…" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", size: "sm", className: "shrink-0 text-xs", disabled: true, children: "Install" })
-        ] }),
-        updateState.status === "error" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-4 mb-2 px-4 py-2 bg-destructive/10 border border-destructive/30 rounded-lg text-sm text-destructive flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: `Update failed: ${updateState.message}` }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", size: "sm", className: "shrink-0 text-xs", onClick: installUpdate, children: "Retry" })
-        ] }),
         (cliState.status === "manual" || cliState.status === "conflict") && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-4 mb-2 px-4 py-2 bg-blue-500/10 border border-blue-500/30 rounded-lg text-sm flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-700 dark:text-blue-200", children: cliState.status === "conflict" ? "A different `band` binary exists — replace it to use the bundled CLI" : `Install band CLI${cliState.status === "manual" && cliState.reason ? ` — ${cliState.reason}` : ""}` }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", size: "sm", className: "shrink-0 text-xs", onClick: installCli, children: "Install" })
@@ -58017,7 +58040,7 @@ function FileViewer({
   lineEnd,
   column: column2,
   onEditorView,
-  toolbar,
+  overlay,
   renderMarkdown,
   editable: editable2,
   onGoBack,
@@ -58495,8 +58518,8 @@ function FileViewer({
         ] }),
         data && !hidePathLabel && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: formatSize(data.size) })
       ] }),
-      toolbar,
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-h-0 min-w-0 flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative min-h-0 min-w-0 flex-1 overflow-hidden", children: [
+        overlay,
         loading && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: "Loading..." }),
         error && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
@@ -58901,7 +58924,7 @@ function QuickOpenDialog({
               onValueChange: setQuery
             }
           ),
-          parsedQuery.line != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-b px-3 py-1.5 text-xs text-muted-foreground", children: [
+          parsedQuery.line != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-b border-border px-3 py-1.5 text-xs text-muted-foreground", children: [
             "Go to line ",
             parsedQuery.line,
             parsedQuery.lineEnd != null && `-${parsedQuery.lineEnd}`,
@@ -58989,6 +59012,7 @@ const SearchBar = reactExports.forwardRef(function SearchBar2({
   onPrevious,
   onClose,
   visibleOptions = DEFAULT_VISIBLE_OPTIONS,
+  variant = "bar",
   className
 }, ref) {
   const showCase = visibleOptions.includes("caseSensitive");
@@ -59008,21 +59032,30 @@ const SearchBar = reactExports.forwardRef(function SearchBar2({
   const toggleRegex = reactExports.useCallback(() => {
     onOptionsChange({ ...options, regex: !options.regex });
   }, [options, onOptionsChange]);
+  const floating = variant === "floating";
+  const hasMatches = !!matchInfo && matchInfo.total > 0;
+  const noResults = !!query && !!matchInfo && !hasMatches;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
+      "data-testid": floating ? "find-widget" : void 0,
       className: cn$2(
-        "flex shrink-0 items-center gap-1.5 border-b border-border bg-muted/30 px-3 py-1.5",
+        floating ? "absolute top-1.5 right-4 z-20 flex w-80 max-w-[calc(100%-1.5rem)] items-center gap-0.5 rounded-md border border-border bg-popover py-1 pr-1 pl-2 text-popover-foreground shadow-md" : "flex shrink-0 items-center gap-1.5 border-b border-border bg-muted/30 px-3 py-1.5",
         className
       ),
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+        !floating && /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "size-3.5 shrink-0 text-muted-foreground" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
           {
             ref: inputRef,
-            className: "min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground",
+            className: cn$2(
+              "min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground",
+              floating ? "text-[13px]" : "text-sm"
+            ),
             placeholder,
+            "aria-label": placeholder,
+            "aria-invalid": noResults || void 0,
             value: query,
             onChange: (e3) => onQueryChange(e3.target.value),
             onKeyDown: (e3) => {
@@ -59041,13 +59074,27 @@ const SearchBar = reactExports.forwardRef(function SearchBar2({
         showCase && /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleButton, { active: options.caseSensitive, onClick: toggleCase, title: "Match Case", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CaseSensitive, { className: "size-4" }) }),
         showWholeWord && /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleButton, { active: options.wholeWord, onClick: toggleWholeWord, title: "Match Whole Word", children: /* @__PURE__ */ jsxRuntimeExports.jsx(WholeWord, { className: "size-4" }) }),
         showRegex && /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleButton, { active: options.regex, onClick: toggleRegex, title: "Use Regular Expression", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Regex, { className: "size-4" }) }),
-        matchInfo && query && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-xs text-muted-foreground tabular-nums", children: matchInfo.total > 0 ? `${matchInfo.current} of ${matchInfo.total}` : "No results" }),
+        floating ? (
+          // Always shown, like VS Code: `0/0` before a query, `3/12` while
+          // matching, "No results" when a query matched nothing.
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "span",
+            {
+              "data-testid": "find-widget__count",
+              className: cn$2(
+                "shrink-0 px-1 text-xs tabular-nums",
+                noResults ? "text-destructive" : "text-muted-foreground"
+              ),
+              children: noResults ? "No results" : `${hasMatches ? matchInfo.current : 0}/${hasMatches ? matchInfo.total : 0}`
+            }
+          )
+        ) : matchInfo && query && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-xs text-muted-foreground tabular-nums", children: matchInfo.total > 0 ? `${matchInfo.current} of ${matchInfo.total}` : "No results" }),
         onPrevious && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
             type: "button",
             onClick: onPrevious,
-            disabled: !matchInfo || matchInfo.total === 0,
+            disabled: !hasMatches,
             className: "inline-flex size-6 items-center justify-center rounded text-muted-foreground hover:text-foreground disabled:opacity-30",
             title: "Previous match (Shift+Enter)",
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronUp, { className: "size-3.5" })
@@ -59058,12 +59105,13 @@ const SearchBar = reactExports.forwardRef(function SearchBar2({
           {
             type: "button",
             onClick: onNext,
-            disabled: !matchInfo || matchInfo.total === 0,
+            disabled: !hasMatches,
             className: "inline-flex size-6 items-center justify-center rounded text-muted-foreground hover:text-foreground disabled:opacity-30",
             title: "Next match (Enter)",
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3.5" })
           }
         ),
+        floating && onClose && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "mx-0.5 h-4 w-px shrink-0 bg-border" }),
         onClose && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -59217,7 +59265,7 @@ function SearchFilesDialog({
               );
             })
           ] }),
-          totalMatches > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t px-3 py-1.5 text-xs text-muted-foreground", children: [
+          totalMatches > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t border-border px-3 py-1.5 text-xs text-muted-foreground", children: [
             totalMatches,
             " result",
             totalMatches !== 1 ? "s" : "",
@@ -66367,33 +66415,33 @@ class DesktopDashboardAdapter extends WebDashboardAdapter {
       throw err;
     }
   }
-  // ---- Background app-update banner (see updater.ts) -----------------------
-  // The web adapter intentionally omits these so a plain browser tab never
-  // sees the banner (the hook short-circuits to "none" when the adapter
-  // method is undefined). Only the desktop shell can drive electron-updater.
-  /** Read the current pending update, if any. Used by the hook on mount to
-   *  catch the race where the renderer mounts after the startup check
-   *  already populated main-process state. */
+  // ---- App-update toast (see apps/desktop/src/main/updater.ts) -----------
+  // The web adapter omits these, so a plain browser tab never shows the
+  // toast. Only the desktop shell can drive electron-updater.
+  /** The current status. Read on mount, since the startup check may have
+   *  finished before the renderer subscribed. */
   async getUpdateStatus() {
     return desktopInvoke("updater_status");
   }
-  /** Kick off the download + install. On success the OS quits the process,
-   *  so this promise typically never resolves in production. */
-  async installUpdate() {
-    await desktopInvoke("updater_install");
-  }
-  /** Subscribe to `updater-status-changed` events emitted by the main
-   *  process. Returns the unlisten. Throws if called outside the shell —
-   *  callers should gate on `getUpdateStatus` being defined first. */
   subscribeUpdateStatus(cb) {
     const bridge = electronBridge$1();
     if (!bridge) {
       throw new Error("subscribeUpdateStatus called outside the desktop shell");
     }
-    return bridge.on(
-      "updater-status-changed",
-      (payload) => cb(payload)
-    );
+    return bridge.on("updater-status-changed", (payload) => cb(payload));
+  }
+  async checkForUpdates() {
+    await desktopInvoke("updater_check");
+  }
+  async downloadUpdate() {
+    await desktopInvoke("updater_download");
+  }
+  /** Quits the app to install the downloaded update. */
+  async restartToUpdate() {
+    await desktopInvoke("updater_restart");
+  }
+  async dismissUpdate() {
+    await desktopInvoke("updater_dismiss");
   }
 }
 class NativeShellCapabilities {
@@ -66402,6 +66450,11 @@ class NativeShellCapabilities {
   get copyPath() {
     return isDesktopShell();
   }
+  // The desktop window only gets its vibrancy layer on macOS (see
+  // `apps/desktop/src/main/window.ts`).
+  get translucentSidebar() {
+    return isDesktopShell() && /Mac/.test(navigator.userAgent);
+  }
   getWorkspaceHref(workspaceId) {
     return this.web.getWorkspaceHref(workspaceId);
   }
@@ -66457,6 +66510,48 @@ class NativeShellCapabilities {
     await desktopInvoke("open_external", { url });
   }
 }
+let domOverlayCount = 0;
+let manualHoldCount = 0;
+const listeners$3 = /* @__PURE__ */ new Set();
+let lastEmitted = false;
+function isFrozen$3() {
+  return domOverlayCount + manualHoldCount > 0;
+}
+function emitIfChanged() {
+  const next2 = isFrozen$3();
+  if (next2 === lastEmitted) return;
+  lastEmitted = next2;
+  for (const l4 of listeners$3) l4();
+}
+function subscribe$2(l4) {
+  listeners$3.add(l4);
+  return () => {
+    listeners$3.delete(l4);
+  };
+}
+function getSnapshot$2() {
+  return lastEmitted;
+}
+function useBrowserPaneFrozen() {
+  return reactExports.useSyncExternalStore(subscribe$2, getSnapshot$2, getSnapshot$2);
+}
+function acquireFreezeHold() {
+  manualHoldCount += 1;
+  emitIfChanged();
+  let released = false;
+  return () => {
+    if (released) return;
+    released = true;
+    manualHoldCount = Math.max(0, manualHoldCount - 1);
+    emitIfChanged();
+  };
+}
+function useFreezeWhile(open2) {
+  reactExports.useEffect(() => {
+    if (!open2) return;
+    return acquireFreezeHold();
+  }, [open2]);
+}
 const isDesktop = typeof window !== "undefined" && "__BAND_DESKTOP__" in window;
 function getElectronBridge() {
   if (!isDesktop) return null;
@@ -66480,6 +66575,227 @@ async function listen(event, cb) {
   }
   throw new Error(`listen('${event}') called outside the desktop shell`);
 }
+function openExternalUrl(url) {
+  if (isDesktop) {
+    invoke("open_external", { url }).catch(() => {
+      window.open(url, "_blank", "noopener");
+    });
+    return;
+  }
+  window.open(url, "_blank", "noopener");
+}
+const UP_TO_DATE_DISMISS_MS = 4e3;
+function useAppUpdate() {
+  const adapter2 = useAdapter();
+  const [status, setStatus] = reactExports.useState({ state: "idle" });
+  reactExports.useEffect(() => {
+    if (!adapter2.getUpdateStatus || !adapter2.subscribeUpdateStatus) return;
+    let cancelled2 = false;
+    let received = false;
+    const unsubscribe = adapter2.subscribeUpdateStatus((next2) => {
+      received = true;
+      setStatus(next2);
+    });
+    adapter2.getUpdateStatus().then((initial) => {
+      if (!cancelled2 && !received) setStatus(initial);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled2 = true;
+      unsubscribe();
+    };
+  }, [adapter2]);
+  const dismiss = reactExports.useCallback(() => {
+    setStatus({ state: "idle" });
+    adapter2.dismissUpdate?.().catch(ignore$1);
+  }, [adapter2]);
+  reactExports.useEffect(() => {
+    if (status.state !== "up-to-date") return;
+    const timer2 = setTimeout(dismiss, UP_TO_DATE_DISMISS_MS);
+    return () => clearTimeout(timer2);
+  }, [status, dismiss]);
+  const retry = reactExports.useCallback(() => {
+    if (status.state !== "error") return;
+    if (status.phase === "download") adapter2.downloadUpdate?.().catch(ignore$1);
+    else adapter2.checkForUpdates?.().catch(ignore$1);
+  }, [adapter2, status]);
+  return {
+    status: isVisible$1(status) ? status : null,
+    download: reactExports.useCallback(() => adapter2.downloadUpdate?.().catch(ignore$1), [adapter2]),
+    restart: reactExports.useCallback(() => adapter2.restartToUpdate?.().catch(ignore$1), [adapter2]),
+    retry,
+    dismiss
+  };
+}
+function ignore$1() {
+}
+function isVisible$1(status) {
+  switch (status.state) {
+    case "idle":
+      return false;
+    case "checking":
+    case "up-to-date":
+    case "error":
+      return status.userInitiated;
+    case "available":
+    case "downloading":
+    case "downloaded":
+      return true;
+  }
+}
+function UpdateToast() {
+  const { status, download, restart, retry, dismiss } = useAppUpdate();
+  const state2 = status?.state;
+  useFreezeWhile(
+    state2 === "checking" || state2 === "up-to-date" || state2 === "error" || state2 === "downloading"
+  );
+  if (!status) return null;
+  let body2;
+  let closable = true;
+  switch (status.state) {
+    case "checking":
+      closable = false;
+      body2 = /* @__PURE__ */ jsxRuntimeExports.jsx(ToastHeader, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, { className: "size-4" }), title: "Checking for updates…" });
+      break;
+    case "up-to-date":
+      body2 = /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ToastHeader,
+        {
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheck, { className: "size-4 text-emerald-500" }),
+          title: "You're on the latest version",
+          detail: `Band v${status.currentVersion}`
+        }
+      );
+      break;
+    case "available":
+      body2 = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ToastHeader,
+          {
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Download, { className: "size-4 text-blue-500" }),
+            title: `Band v${status.version} is available`,
+            detail: `You have v${status.currentVersion}.`
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ReleaseInfo, { release: status }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(ToastActions, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", size: "xs", onClick: dismiss, children: "Later" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "xs", onClick: download, children: "Update" })
+        ] })
+      ] });
+      break;
+    case "downloading":
+      closable = false;
+      body2 = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ToastHeader,
+          {
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, { className: "size-4" }),
+            title: `Downloading Band v${status.version}…`,
+            detail: `${status.percent}%`
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            role: "progressbar",
+            "aria-label": "Update download",
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            "aria-valuenow": status.percent,
+            className: "mt-2.5 h-1.5 overflow-hidden rounded-full bg-muted",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                className: "h-full rounded-full bg-primary transition-[width] duration-300 ease-out",
+                style: { width: `${status.percent}%` }
+              }
+            )
+          }
+        )
+      ] });
+      break;
+    case "downloaded":
+      body2 = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ToastHeader,
+          {
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheck, { className: "size-4 text-emerald-500" }),
+            title: `Band v${status.version} is ready`,
+            detail: "Restart Band to finish updating. It also installs when you quit."
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(ToastActions, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", size: "xs", onClick: dismiss, children: "Later" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { size: "xs", onClick: restart, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCw, {}),
+            "Restart to update"
+          ] })
+        ] })
+      ] });
+      break;
+    case "error":
+      body2 = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ToastHeader,
+          {
+            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-4 text-destructive" }),
+            title: status.phase === "download" ? "Couldn't download the update" : "Couldn't check for updates",
+            detail: status.message
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ToastActions, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", size: "xs", onClick: retry, children: "Retry" }) })
+      ] });
+      break;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "output",
+    {
+      "aria-live": "polite",
+      "data-testid": "update-toast",
+      className: "fixed right-4 bottom-4 left-4 z-50 block rounded-lg border bg-popover p-3 text-sm text-popover-foreground shadow-lg animate-in fade-in-0 slide-in-from-bottom-2 duration-200 sm:left-auto sm:w-80",
+      children: [
+        closable && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Close",
+            onClick: dismiss,
+            className: "absolute top-2 right-2 rounded-sm p-1 text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$7, { className: "size-3.5" })
+          }
+        ),
+        body2
+      ]
+    }
+  );
+}
+function ToastHeader({ icon: icon2, title, detail }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2.5 pr-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mt-0.5 shrink-0", children: icon2 }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-medium", children: title }),
+      detail && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-0.5 line-clamp-3 break-words text-xs text-muted-foreground", children: detail })
+    ] })
+  ] });
+}
+function ReleaseInfo({ release }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 pl-6.5", children: [
+    release.releaseNotes && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "max-h-28 overflow-y-auto whitespace-pre-line text-xs text-muted-foreground", children: release.releaseNotes }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => openExternalUrl(release.releaseUrl),
+        className: "mt-1.5 text-xs text-primary underline-offset-4 hover:underline",
+        children: "Release notes on GitHub"
+      }
+    )
+  ] });
+}
+function ToastActions({ children: children2 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3 flex justify-end gap-2", children: children2 });
+}
 const wsClient = createWSClient({
   url: () => {
     const proto2 = location.protocol === "https:" ? "wss:" : "ws:";
@@ -66819,7 +67135,7 @@ function SidebarTitleBar() {
     "div",
     {
       "data-testid": "desktop-title-bar__sidebar-surface",
-      className: "h-[38px] shrink-0 flex items-center border-b border-border bg-sidebar",
+      className: "h-[38px] shrink-0 flex items-center border-b border-border",
       style: DRAG_STYLE
     }
   );
@@ -66918,7 +67234,7 @@ function parseWorkspaceFromPath(pathname) {
   return match ? decodeURIComponent(match[1]) : null;
 }
 const states = /* @__PURE__ */ new Map();
-const listeners$3 = /* @__PURE__ */ new Map();
+const listeners$2 = /* @__PURE__ */ new Map();
 const EMPTY_STATE = Object.freeze({ openFilePath: null });
 function getPerWorkspaceState(workspaceId) {
   return states.get(workspaceId) ?? EMPTY_STATE;
@@ -66928,19 +67244,19 @@ function setPerWorkspaceState(workspaceId, patch2) {
   const next2 = { ...prev2, ...patch2 };
   if (prev2.currentFile === next2.currentFile && prev2.openFilePath === next2.openFilePath) return;
   states.set(workspaceId, next2);
-  const set2 = listeners$3.get(workspaceId);
+  const set2 = listeners$2.get(workspaceId);
   if (set2) for (const cb of set2) cb();
 }
 function subscribePerWorkspaceState(workspaceId, cb) {
-  let set2 = listeners$3.get(workspaceId);
+  let set2 = listeners$2.get(workspaceId);
   if (!set2) {
     set2 = /* @__PURE__ */ new Set();
-    listeners$3.set(workspaceId, set2);
+    listeners$2.set(workspaceId, set2);
   }
   set2.add(cb);
   return () => {
     set2?.delete(cb);
-    if (set2 && set2.size === 0) listeners$3.delete(workspaceId);
+    if (set2 && set2.size === 0) listeners$2.delete(workspaceId);
   };
 }
 function clearPerWorkspaceState(workspaceId) {
@@ -82269,15 +82585,6 @@ function pathInside(parent, child) {
   if (!child.startsWith(prefix)) return null;
   return child.slice(prefix.length);
 }
-function openExternalUrl(url) {
-  if (isDesktop) {
-    invoke("open_external", { url }).catch(() => {
-      window.open(url, "_blank", "noopener");
-    });
-    return;
-  }
-  window.open(url, "_blank", "noopener");
-}
 const KNOWN_EXTENSIONS = /* @__PURE__ */ new Set([
   // Code
   "ts",
@@ -83727,48 +84034,6 @@ function reconcileTerminalWorkspaces(validWorkspaceIds, activeWorkspaceId) {
 function hasTerminal(terminalId) {
   return getCache().has(terminalId);
 }
-let domOverlayCount = 0;
-let manualHoldCount = 0;
-const listeners$2 = /* @__PURE__ */ new Set();
-let lastEmitted = false;
-function isFrozen$3() {
-  return domOverlayCount + manualHoldCount > 0;
-}
-function emitIfChanged() {
-  const next2 = isFrozen$3();
-  if (next2 === lastEmitted) return;
-  lastEmitted = next2;
-  for (const l4 of listeners$2) l4();
-}
-function subscribe$2(l4) {
-  listeners$2.add(l4);
-  return () => {
-    listeners$2.delete(l4);
-  };
-}
-function getSnapshot$2() {
-  return lastEmitted;
-}
-function useBrowserPaneFrozen() {
-  return reactExports.useSyncExternalStore(subscribe$2, getSnapshot$2, getSnapshot$2);
-}
-function acquireFreezeHold() {
-  manualHoldCount += 1;
-  emitIfChanged();
-  let released = false;
-  return () => {
-    if (released) return;
-    released = true;
-    manualHoldCount = Math.max(0, manualHoldCount - 1);
-    emitIfChanged();
-  };
-}
-function useFreezeWhile(open2) {
-  reactExports.useEffect(() => {
-    if (!open2) return;
-    return acquireFreezeHold();
-  }, [open2]);
-}
 const DEFAULT_OPTIONS = {
   caseSensitive: false,
   wholeWord: false,
@@ -84309,10 +84574,12 @@ function AddressBarAutocomplete({ state: state2, onSelect }) {
 }
 function BrowserFindBar({ find: find2 }) {
   if (!find2.isOpen) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex shrink-0 justify-end px-4 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     SearchBar,
     {
       ref: find2.searchBarRef,
+      variant: "floating",
+      className: "static",
       query: find2.query,
       onQueryChange: find2.setQuery,
       options: find2.options,
@@ -84324,7 +84591,7 @@ function BrowserFindBar({ find: find2 }) {
       onClose: find2.close,
       visibleOptions: ["caseSensitive"]
     }
-  );
+  ) });
 }
 const SEARCH_DEBOUNCE_MS = 150;
 const LIST_LIMIT = 200;
@@ -111079,7 +111346,7 @@ var tn = f$5("block", "before:content-[counter(line)]", "before:inline-block", "
 var et$1 = ({ className: e3, language: t2, style: o3, isIncomplete: n2, ...s2 }) => jsxRuntimeExports.jsx("div", { className: f$5("my-4 flex w-full flex-col gap-2 rounded-xl border border-border bg-sidebar p-2", e3), "data-incomplete": n2 || void 0, "data-language": t2, "data-streamdown": "code-block", style: { contentVisibility: "auto", containIntrinsicSize: "auto 200px", ...o3 }, ...s2 });
 var Se$1 = reactExports.createContext({ code: "" }), de$2 = () => reactExports.useContext(Se$1);
 var ot$1 = ({ language: e3 }) => jsxRuntimeExports.jsx("div", { className: "flex h-8 items-center text-muted-foreground text-xs", "data-language": e3, "data-streamdown": "code-block-header", children: jsxRuntimeExports.jsx("span", { className: "ml-1 font-mono lowercase", children: e3 }) });
-var cn = /\n+$/, dn = reactExports.lazy(() => import("./highlighted-body-B3W2YXNL-BRJTScpo.js").then((e3) => ({ default: e3.HighlightedCodeBlockBody }))), rt = ({ code: e3, language: t2, className: o3, children: n2, isIncomplete: s2 = false, ...r2 }) => {
+var cn = /\n+$/, dn = reactExports.lazy(() => import("./highlighted-body-B3W2YXNL-D96wFQIF.js").then((e3) => ({ default: e3.HighlightedCodeBlockBody }))), rt = ({ code: e3, language: t2, className: o3, children: n2, isIncomplete: s2 = false, ...r2 }) => {
   let i2 = reactExports.useMemo(() => e3.replace(cn, ""), [e3]), c2 = reactExports.useMemo(() => ({ bg: "transparent", fg: "inherit", tokens: i2.split(`
 `).map((a2) => [{ content: a2, color: "inherit", bgColor: "transparent", htmlStyle: {}, offset: 0 }]) }), [i2]);
   return jsxRuntimeExports.jsx(Se$1.Provider, { value: { code: e3 }, children: jsxRuntimeExports.jsxs(et$1, { isIncomplete: s2, language: t2, children: [jsxRuntimeExports.jsx(ot$1, { language: t2 }), n2 ? jsxRuntimeExports.jsx("div", { className: "pointer-events-none sticky top-2 z-10 -mt-10 flex h-8 items-center justify-end", children: jsxRuntimeExports.jsx("div", { className: "pointer-events-auto flex shrink-0 items-center gap-2 rounded-md border border-sidebar bg-sidebar/80 px-1.5 py-1 supports-[backdrop-filter]:bg-sidebar/70 supports-[backdrop-filter]:backdrop-blur", "data-streamdown": "code-block-actions", children: n2 }) }) : null, jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: jsxRuntimeExports.jsx(Qe$1, { className: o3, language: t2, result: c2, ...r2 }), children: jsxRuntimeExports.jsx(dn, { className: o3, code: i2, language: t2, raw: c2, ...r2 }) })] }) });
@@ -111401,7 +111668,7 @@ var Dt = ({ children: e3, className: t2, onDownload: o3, onError: n2 }) => {
   }, []), jsxRuntimeExports.jsxs("div", { className: "relative", ref: i2, children: [jsxRuntimeExports.jsx("button", { className: f$5("cursor-pointer p-1 text-muted-foreground transition-all hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50", t2), disabled: c2, onClick: () => r2(!s2), title: "Download table", type: "button", children: e3 != null ? e3 : jsxRuntimeExports.jsx(Z$2, { size: 14 }) }), s2 ? jsxRuntimeExports.jsxs("div", { className: "absolute top-full right-0 z-10 mt-1 min-w-[120px] overflow-hidden rounded-md border border-border bg-background shadow-lg", children: [jsxRuntimeExports.jsx("button", { className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/40", onClick: () => a2("csv"), title: "Download table as CSV", type: "button", children: "CSV" }), jsxRuntimeExports.jsx("button", { className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/40", onClick: () => a2("markdown"), title: "Download table as Markdown", type: "button", children: "Markdown" })] }) : null] });
 };
 var Vt = ({ children: e3, className: t2, showControls: o3, ...n2 }) => jsxRuntimeExports.jsxs("div", { className: "my-4 flex flex-col gap-2 rounded-lg border border-border bg-sidebar p-2", "data-streamdown": "table-wrapper", children: [o3 ? jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-1", children: [jsxRuntimeExports.jsx(Ht, {}), jsxRuntimeExports.jsx(Dt, {})] }) : null, jsxRuntimeExports.jsx("div", { className: "border-collapse overflow-x-auto overscroll-y-auto rounded-md border border-border bg-background", children: jsxRuntimeExports.jsx("table", { className: f$5("w-full divide-y divide-border", t2), "data-streamdown": "table", ...n2, children: e3 }) })] });
-var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-BTOUM0ev.js").then((e3) => ({ default: e3.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-OXquaWS7.js").then((e3) => ({ default: e3.Mermaid }))), Kn = /language-([^\s]+)/;
 function ke$1(e3, t2) {
   if (!(e3 != null && e3.position || t2 != null && t2.position)) return true;
   if (!(e3 != null && e3.position && (t2 != null && t2.position))) return false;
@@ -164263,12 +164530,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-CQWT1qH1.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-B7jTJSLw.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-KcHAEwzJ.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-B9ae2Qdn.js"), "loader")
       }
     ]
   ]);
@@ -164707,7 +164974,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
   return /^\s*C4Context|C4Container|C4Component|C4Dynamic|C4Deployment/.test(txt);
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-CIA5eVV6.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-DsFHmTD3.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -164724,7 +164991,7 @@ var detector2 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*graph/.test(txt);
 }, "detector");
 var loader2 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-BfixH-Db.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-D936EXJm.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -164747,7 +165014,7 @@ var detector3 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*flowchart/.test(txt);
 }, "detector");
 var loader3 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-BfixH-Db.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-D936EXJm.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -164761,7 +165028,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-BKMMfe3p.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-eOuplDm8.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -164775,7 +165042,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-CojxDa8_.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-BySu09rG.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -164789,7 +165056,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-DFMW13wi.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-BiN9iSoE.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -164803,7 +165070,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP--nKUIx4y.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-tw47oYSh.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -164816,7 +165083,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-VNMmF9Za.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-CaxKfDJS.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -164829,7 +165096,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-re6uOzo4.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-Ca2xEu2r.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -164843,7 +165110,7 @@ var detector10 = /* @__PURE__ */ __name((txt) => {
   return /^\s*xychart(-beta)?/.test(txt);
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-B99wGKft.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-XawkKMC7.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -164857,7 +165124,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
   return /^\s*requirement(Diagram)?/.test(txt);
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-BImsyUnt.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-Yu709R_p.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -164871,7 +165138,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-De8W2AXi.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-D1bV4VYq.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -164888,7 +165155,7 @@ var detector13 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*classDiagram/.test(txt);
 }, "detector");
 var loader13 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-vj4N4uTP.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-CnPtqi4k.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -164905,7 +165172,7 @@ var detector14 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*classDiagram-v2/.test(txt);
 }, "detector");
 var loader14 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-vj4N4uTP.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-CnPtqi4k.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -164922,7 +165189,7 @@ var detector15 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*stateDiagram/.test(txt);
 }, "detector");
 var loader15 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-CslmqvhX.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-vLFbsrNj.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -164942,7 +165209,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-BXVdfPdk.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-BKTZFre2.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -164956,7 +165223,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-KjVGeKmm.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-dlsRbD68.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -165023,7 +165290,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-BfixH-Db.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-D936EXJm.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -165037,7 +165304,7 @@ var detector19 = /* @__PURE__ */ __name((txt) => {
   return /^\s*timeline/.test(txt);
 }, "detector");
 var loader19 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-BrEcv0X7.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-BoTxx0bm.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -165051,7 +165318,7 @@ var detector20 = /* @__PURE__ */ __name((txt) => {
   return /^\s*mindmap/.test(txt);
 }, "detector");
 var loader20 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T--AIwUu6M.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-BhmQKdg9.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -165065,7 +165332,7 @@ var detector21 = /* @__PURE__ */ __name((txt) => {
   return /^\s*kanban/.test(txt);
 }, "detector");
 var loader21 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-aISJLxn5.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-BY-i-k2L.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -165079,7 +165346,7 @@ var detector22 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sankey(-beta)?/.test(txt);
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-BdxA5ccl.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-B-IfXZ0G.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -165093,7 +165360,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
   return /^\s*packet(-beta)?/.test(txt);
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-BM39hxHa.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-DmG_O45F.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -165106,7 +165373,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
   return /^\s*radar-beta/.test(txt);
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-AmngkeIE.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-CIAMWYgF.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -165119,7 +165386,7 @@ var detector25 = /* @__PURE__ */ __name((txt) => {
   return /^\s*block(-beta)?/.test(txt);
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-ZfA3oZiS.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-Dg_flni_.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -165133,7 +165400,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-5uniqAHc.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-DkchSxdX.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -165147,7 +165414,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-C522aWwF.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-zpQZfPMx.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -170629,6 +170896,7 @@ function CronjobsPageContent() {
             variant: "outline",
             size: "xs",
             className: "hidden sm:inline-flex",
+            "data-testid": "cronjobs__new-button",
             onClick: handleCreate,
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-3" }),
@@ -170965,8 +171233,19 @@ function CronjobDialog({
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { children: "Project" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: selectedProject, onValueChange: handleProjectChange, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Select a project" }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: projects.map((p2) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: p2.name, children: p2.name }, p2.name)) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { "data-testid": "cronjobs__project-select", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Select a project" }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: projects.map((p2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectItem, { value: p2.name, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ProjectAvatar,
+                {
+                  avatar: p2.avatar,
+                  className: "size-4",
+                  fallback: null,
+                  testId: `cronjobs__project-avatar--${p2.name}`
+                }
+              ),
+              p2.name
+            ] }, p2.name)) })
           ] })
         ] }),
         scope === "workspace" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
@@ -193904,7 +194183,7 @@ function SharedDockviewLayout() {
   ] });
 }
 const TerminalPanel = reactExports.lazy(
-  () => import("./TerminalPanel-Br6bnerp.js").then((m2) => ({ default: m2.TerminalPanel }))
+  () => import("./TerminalPanel-DwiK0a7O.js").then((m2) => ({ default: m2.TerminalPanel }))
 );
 const nestedTheme = {
   name: "band",
@@ -194769,6 +195048,7 @@ function useLeafFind(workspaceId, visible, previewSearch) {
     SearchBar,
     {
       ref: search2.searchBarRef,
+      variant: "floating",
       query: search2.searchQuery,
       onQueryChange: (q2) => {
         search2.setSearchQuery(q2);
@@ -195039,7 +195319,7 @@ function FileLeaf({ params, api }) {
           },
           renderMarkdown,
           onEditorView: handleEditorView,
-          toolbar: searchBar,
+          overlay: searchBar,
           savedSelection: persisted?.selection,
           savedScrollTop: persisted?.scrollTop,
           initialEditedContent: persisted?.editedContent ?? null,
@@ -195178,8 +195458,8 @@ function DiffLeaf({ params, api, containerApi }) {
       className: "flex h-full w-full flex-col overflow-hidden",
       "data-testid": `center-diff-leaf__visible-${visible ? "true" : "false"}`,
       children: [
-        searchBar,
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative min-h-0 flex-1", children: [
+          searchBar,
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
@@ -197178,6 +197458,18 @@ function saveRightPanelCollapsed(collapsed) {
 }
 const RIGHT_PANEL_MIN_SIZE = "15rem";
 const RIGHT_PANEL_MAX_SIZE = "60%";
+const TRANSLUCENT_SIDEBAR_ATTR = "data-translucent-sidebar";
+const TRANSLUCENT_SIDEBAR_STORAGE_KEY = "band:translucent-sidebar";
+const supportsTranslucentSidebar = isDesktop && typeof navigator !== "undefined" && /Mac/.test(navigator.userAgent);
+const TRANSLUCENT_SIDEBAR_INIT_SCRIPT = `(function(){try{if(!("__BAND_DESKTOP__" in window)||!/Mac/.test(navigator.userAgent))return;if(localStorage.getItem(${JSON.stringify(TRANSLUCENT_SIDEBAR_STORAGE_KEY)})==="0")return;document.documentElement.setAttribute(${JSON.stringify(TRANSLUCENT_SIDEBAR_ATTR)},"")}catch(e){}})()`;
+function applyTranslucentSidebar(enabled) {
+  const on2 = enabled && supportsTranslucentSidebar;
+  document.documentElement.toggleAttribute(TRANSLUCENT_SIDEBAR_ATTR, on2);
+  try {
+    localStorage.setItem(TRANSLUCENT_SIDEBAR_STORAGE_KEY, enabled ? "1" : "0");
+  } catch {
+  }
+}
 const adapter = isDesktop ? new DesktopDashboardAdapter() : new WebDashboardAdapter();
 const capabilities = isDesktop ? new NativeShellCapabilities() : new WebCapabilities();
 const Route$2 = createRootRoute({
@@ -197246,6 +197538,16 @@ function ThemeSync() {
   }, []);
   return null;
 }
+function TranslucentSidebarSync() {
+  const { settings, isLoading, error } = useSettingsQuery();
+  const enabled = settings.translucentSidebar ?? true;
+  const loaded = !isLoading && !error;
+  reactExports.useEffect(() => {
+    if (!loaded) return;
+    applyTranslucentSidebar(enabled);
+  }, [enabled, loaded]);
+  return null;
+}
 function ReloadSync() {
   reactExports.useEffect(() => {
     const globalKey = "__bandReload";
@@ -197556,7 +197858,7 @@ function AppShell() {
   if (!useDesktopLayout) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {});
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarOverflowProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex flex-col h-full w-full overflow-hidden bg-background text-foreground", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarOverflowProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex flex-col h-full w-full overflow-hidden bg-background text-foreground translucent-sidebar:bg-transparent", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Ut$1,
       {
@@ -197580,7 +197882,7 @@ function AppShell() {
               children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
                 "div",
                 {
-                  className: "h-full flex flex-col overflow-hidden border-r border-border bg-sidebar pb-[env(safe-area-inset-bottom)]",
+                  className: "h-full flex flex-col overflow-hidden border-r border-border bg-sidebar translucent-sidebar:bg-(--sidebar-translucent) pb-[env(safe-area-inset-bottom)]",
                   "data-testid": "app-shell__sidebar",
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarTitleBar, {}),
@@ -197590,8 +197892,8 @@ function AppShell() {
               )
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Qt$1, { className: "w-[3px] bg-transparent hover:bg-accent-foreground/20 active:bg-accent-foreground/30 transition-colors cursor-col-resize" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Yt$1, { id: "main", elementRef: mainElRef, minSize: "20%", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col min-w-0 overflow-hidden pb-[env(safe-area-inset-bottom)]", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Qt$1, { className: "w-[3px] bg-background hover:bg-[color-mix(in_srgb,var(--accent-foreground)_20%,var(--background))] active:bg-[color-mix(in_srgb,var(--accent-foreground)_30%,var(--background))] transition-colors cursor-col-resize" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Yt$1, { id: "main", elementRef: mainElRef, minSize: "20%", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col min-w-0 overflow-hidden bg-background pb-[env(safe-area-inset-bottom)]", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               WorkspaceTitleBar,
               {
@@ -197662,25 +197964,30 @@ function RootLayout() {
     /* @__PURE__ */ jsxRuntimeExports.jsxs("head", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(HeadContent, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx("script", { dangerouslySetInnerHTML: { __html: THEME_INIT_SCRIPT } }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("script", { dangerouslySetInnerHTML: { __html: ZOOM_INIT_SCRIPT } })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("script", { dangerouslySetInnerHTML: { __html: ZOOM_INIT_SCRIPT } }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("script", { dangerouslySetInnerHTML: { __html: TRANSLUCENT_SIDEBAR_INIT_SCRIPT } })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("body", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(DashboardProvider, { adapter, capabilities, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeSync, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TranslucentSidebarSync, {}),
         /* @__PURE__ */ jsxRuntimeExports.jsx(ZoomSync, {}),
         /* @__PURE__ */ jsxRuntimeExports.jsx(ReloadSync, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(AppShell, {}) })
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipProvider, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(AppShell, {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(UpdateToast, {})
+        ] })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Scripts, {})
     ] })
   ] });
 }
-const $$splitComponentImporter$1 = () => import("./index-BD2aoqcU.js");
+const $$splitComponentImporter$1 = () => import("./index-DKHXjVjQ.js");
 const Route$1 = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitNotFoundComponentImporter = () => import("./workspace._workspaceId-DMfwrjZz.js");
-const $$splitComponentImporter = () => import("./workspace._workspaceId-DSom1njg.js");
+const $$splitNotFoundComponentImporter = () => import("./workspace._workspaceId-DivWn3Sp.js");
+const $$splitComponentImporter = () => import("./workspace._workspaceId-C-QhWzy_.js");
 const Route2 = createFileRoute("/workspace/$workspaceId")({
   component: lazyRouteComponent($$splitComponentImporter, "component"),
   // Bookmarks / shared links from before route unification (`/workspace/$id/changes`,