@band-app/server 0.32.0 → 0.34.0

package/dist/server/assets/{sankeyDiagram-TZEHDZUN-CWd3AEju.js → sankeyDiagram-TZEHDZUN-DMIqo7mj.js}

@@ -1,5 +1,5 @@
 var _a, _b, _c;
-import { J as setDiagramTitle, M as getDiagramTitle, m as setAccDescription, n as getAccDescription, p as setAccTitle, o as getAccTitle, _ as __name, q as getConfig2, V as defaultConfig2, r as select, bQ as ordinal, az as setupGraphViewbox, U as clear, B as common_default } from "./router-Dpb0Z442.js";
+import { J as setDiagramTitle, M as getDiagramTitle, m as setAccDescription, n as getAccDescription, p as setAccTitle, o as getAccTitle, _ as __name, q as getConfig2, V as defaultConfig2, r as select, bP as ordinal, az as setupGraphViewbox, U as clear, B as common_default } from "./router-C6awDsR6.js";
 import "../server.js";
 import "node:async_hooks";
 import "node:stream";

package/dist/server/assets/{sequenceDiagram-WL72ISMW-BMTkK0JQ.js → sequenceDiagram-WL72ISMW-B8koBIGl.js}

@@ -1,7 +1,7 @@
 var _a;
-import { a as drawBackgroundRect, b as getTextObj, g as getNoteRect, d as drawRect, c as drawEmbeddedImage, e as drawImage } from "./chunk-TZMSLE5B-CRCOAzqG.js";
-import { _ as __name, F as setConfig2, q as getConfig2, r as select, u as log, z as distExports, v as configureSvgSize, w as assignWithDepth_default, B as common_default, p as setAccTitle, m as setAccDescription, J as setDiagramTitle, o as getAccTitle, n as getAccDescription, M as getDiagramTitle, O as load, P as JSON_SCHEMA, U as clear, y as sanitizeText, I as utils_default, aq as hasKatex, ar as calculateMathMLDimensions, as as parseFontSize, at as ZERO_WIDTH_SPACE, au as getUrl, av as renderKatexSanitized, a2 as getConfig } from "./router-Dpb0Z442.js";
-import { I as ImperativeState } from "./chunk-QZHKN3VN-BL0yO15_.js";
+import { a as drawBackgroundRect, b as getTextObj, g as getNoteRect, d as drawRect, c as drawEmbeddedImage, e as drawImage } from "./chunk-TZMSLE5B-YmXbykHL.js";
+import { _ as __name, F as setConfig2, q as getConfig2, r as select, u as log, z as distExports, v as configureSvgSize, w as assignWithDepth_default, B as common_default, p as setAccTitle, m as setAccDescription, J as setDiagramTitle, o as getAccTitle, n as getAccDescription, M as getDiagramTitle, O as load, P as JSON_SCHEMA, U as clear, y as sanitizeText, I as utils_default, aq as hasKatex, ar as calculateMathMLDimensions, as as parseFontSize, at as ZERO_WIDTH_SPACE, au as getUrl, av as renderKatexSanitized, a2 as getConfig } from "./router-C6awDsR6.js";
+import { I as ImperativeState } from "./chunk-QZHKN3VN-CqXxabdj.js";
 import "../server.js";
 import "node:async_hooks";
 import "node:stream";

package/dist/server/assets/{stateDiagram-FKZM4ZOC-CpBXq11c.js → stateDiagram-FKZM4ZOC-BHze-gTI.js}

@@ -1,9 +1,9 @@
-import { s as styles_default, a as stateDiagram_default, S as StateDB } from "./chunk-DI55MBZ5-1WmBcjv0.js";
-import { _ as __name, q as getConfig2, r as select, u as log, v as configureSvgSize, B as common_default, ap as line, ax as curveBasis, au as getUrl, I as utils_default } from "./router-Dpb0Z442.js";
-import { G as Graph } from "./graph-BOO01qmU.js";
-import { l as layout } from "./layout-D_wAQ9pE.js";
-import "./chunk-55IACEB6-D_sfF6RU.js";
-import "./chunk-QN33PNHL-sglY-9R6.js";
+import { s as styles_default, a as stateDiagram_default, S as StateDB } from "./chunk-DI55MBZ5-rIuRlmCw.js";
+import { _ as __name, q as getConfig2, r as select, u as log, v as configureSvgSize, B as common_default, ap as line, ax as curveBasis, au as getUrl, I as utils_default } from "./router-C6awDsR6.js";
+import { G as Graph } from "./graph-DYj8A2bp.js";
+import { l as layout } from "./layout-R-e4wg8W.js";
+import "./chunk-55IACEB6-D-II5Uvr.js";
+import "./chunk-QN33PNHL-DDjZ9iRW.js";
 import "../server.js";
 import "node:async_hooks";
 import "node:stream";
@@ -15,8 +15,8 @@ import "node:stream/web";
 import "node:process";
 import "node:path";
 import "node:url";
-import "./_baseUniq-DxwDPh9u.js";
-import "./_basePickBy-DRh75DZA.js";
+import "./_baseUniq-Cp_Qm3uS.js";
+import "./_basePickBy-RSzPH-5U.js";
 var drawStartState = /* @__PURE__ */ __name((g) => g.append("circle").attr("class", "start-state").attr("r", getConfig2().state.sizeUnit).attr("cx", getConfig2().state.padding + getConfig2().state.sizeUnit).attr("cy", getConfig2().state.padding + getConfig2().state.sizeUnit), "drawStartState");
 var drawDivider = /* @__PURE__ */ __name((g) => g.append("line").style("stroke", "grey").style("stroke-dasharray", "3").attr("x1", getConfig2().state.textHeight).attr("class", "divider").attr("x2", getConfig2().state.textHeight * 2).attr("y1", 0).attr("y2", 0), "drawDivider");
 var drawSimpleState = /* @__PURE__ */ __name((g, stateDef) => {

package/dist/server/assets/{stateDiagram-v2-4FDKWEC3-DNuppjf9.js → stateDiagram-v2-4FDKWEC3-DRFmfjyi.js}

@@ -1,7 +1,7 @@
-import { s as styles_default, b as stateRenderer_v3_unified_default, a as stateDiagram_default, S as StateDB } from "./chunk-DI55MBZ5-1WmBcjv0.js";
-import { _ as __name } from "./router-Dpb0Z442.js";
-import "./chunk-55IACEB6-D_sfF6RU.js";
-import "./chunk-QN33PNHL-sglY-9R6.js";
+import { s as styles_default, b as stateRenderer_v3_unified_default, a as stateDiagram_default, S as StateDB } from "./chunk-DI55MBZ5-rIuRlmCw.js";
+import { _ as __name } from "./router-C6awDsR6.js";
+import "./chunk-55IACEB6-D-II5Uvr.js";
+import "./chunk-QN33PNHL-DDjZ9iRW.js";
 import "../server.js";
 import "node:async_hooks";
 import "node:stream";

package/dist/server/assets/{timeline-definition-IT6M3QCI-YTyqSIDt.js → timeline-definition-IT6M3QCI-CEkzxLSR.js}

@@ -1,5 +1,5 @@
-import { _ as __name, q as getConfig2, u as log, r as select, az as setupGraphViewbox, aA as isDark, aB as lighten, aC as darken, Z as __export, aD as commonDb_exports, U as clear } from "./router-Dpb0Z442.js";
-import { d as d3arc } from "./arc-d221pGej.js";
+import { _ as __name, q as getConfig2, u as log, r as select, az as setupGraphViewbox, aA as isDark, aB as lighten, aC as darken, Z as __export, aD as commonDb_exports, U as clear } from "./router-C6awDsR6.js";
+import { d as d3arc } from "./arc-BAImyMJ-.js";
 import "../server.js";
 import "node:async_hooks";
 import "node:stream";

package/dist/server/assets/{treemap-GDKQZRPO-BeWiYXRR.js → treemap-GDKQZRPO-0VBmxaAW.js}

@@ -1,6 +1,6 @@
-import { h as createTreemapServices } from "./mermaid-parser.core-BwjOeEsU.js";
-import { T } from "./mermaid-parser.core-BwjOeEsU.js";
-import "./router-Dpb0Z442.js";
+import { h as createTreemapServices } from "./mermaid-parser.core-C9wm222O.js";
+import { T } from "./mermaid-parser.core-C9wm222O.js";
+import "./router-C6awDsR6.js";
 import "../server.js";
 import "node:async_hooks";
 import "node:stream";
@@ -12,9 +12,9 @@ import "node:stream/web";
 import "node:process";
 import "node:path";
 import "node:url";
-import "./_baseUniq-DxwDPh9u.js";
-import "./_basePickBy-DRh75DZA.js";
-import "./clone-Cw9PiOA8.js";
+import "./_baseUniq-Cp_Qm3uS.js";
+import "./_basePickBy-RSzPH-5U.js";
+import "./clone-8krOB2fX.js";
 import "path";
 import "os";
 import "net";

package/dist/server/assets/{workspace._workspaceId-t0HaEyN5.js → workspace._workspaceId-BtMBxm9H.js}

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports, r as reactExports } from "../server.js";
-import { bp as createLucideIcon, bq as Root, br as Content, bs as Close, bt as X, bu as cn, bv as Title, bw as Description, bx as Portal, by as Overlay, R as Route, bl as useIsDesktop, bz as useDashboardStore, bo as isDesktop, bA as useWorkspacePath, bB as getWorkspaceLeafActions, bC as parseFileLocation, bD as DesktopDragRegion, bE as ChevronsUpDown, bF as WorkspaceCenterDockview, bG as SquareTerminal, bH as FolderOpen, bI as GitCompare, bJ as FileBrowser, bK as ChangesFileTree, bL as QuickOpenDialog, bM as SearchFilesDialog, bN as WorkspacePickerDialog, bm as ToolbarOverflowProvider, bi as DashboardShell, bn as ToolbarActionBar, bO as useDiffSummary } from "./router-Dpb0Z442.js";
+import { bp as createLucideIcon, bq as Root, br as Content, bs as Close, bt as X, bu as cn, bv as Title, bw as Description, bx as Portal, by as Overlay, R as Route, bl as useIsDesktop, bz as useDashboardStore, bo as isDesktop, bA as useWorkspacePath, bB as getWorkspaceLeafActions, bC as parseFileLocation, bD as DesktopDragRegion, bE as FolderOpen, bF as GitCompare, bG as WorkspaceCenterDockview, bH as FileBrowser, bI as ChangesSections, bJ as QuickOpenDialog, bK as SearchFilesDialog, bL as WorkspacePickerDialog, bm as ToolbarOverflowProvider, bi as DashboardShell, bn as ToolbarActionBar, bM as useWorkspaceChanges, bN as countChangedPaths } from "./router-C6awDsR6.js";
 import "node:async_hooks";
 import "node:stream";
 import "util";
@@ -10,6 +10,11 @@ import "node:stream/web";
 import "node:process";
 import "node:path";
 import "node:url";
+const __iconNode$1 = [
+  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
+  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
+];
+const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1);
 const __iconNode = [
   ["path", { d: "M4 5h16", key: "1tepv9" }],
   ["path", { d: "M4 12h16", key: "1lakjw" }],
@@ -106,15 +111,17 @@ function SheetDescription({
     }
   );
 }
-const EMPTY_STATUSES = {};
+const KEYBOARD_MIN_HEIGHT_PX = 120;
 function useAppHeight() {
   const [height, setHeight] = reactExports.useState(null);
   const [offsetTop, setOffsetTop] = reactExports.useState(0);
+  const [keyboardOpen, setKeyboardOpen] = reactExports.useState(false);
   reactExports.useLayoutEffect(() => {
     const vv = window.visualViewport;
     const update = () => {
       setHeight(vv ? vv.height : window.innerHeight);
       setOffsetTop(vv ? vv.offsetTop : 0);
+      setKeyboardOpen(vv ? window.innerHeight - vv.height > KEYBOARD_MIN_HEIGHT_PX : false);
     };
     update();
     if (vv) {
@@ -132,17 +139,17 @@ function useAppHeight() {
   }, []);
   return {
     height,
-    offsetTop
+    offsetTop,
+    keyboardOpen
   };
 }
 function useChangesSummary(workspaceId) {
-  const summaryQuery = useDiffSummary(workspaceId, {
+  const changesQuery = useWorkspaceChanges(workspaceId, {
     refetchInterval: 15e3
   });
-  const fileStatuses = summaryQuery.data?.fileStatuses ?? EMPTY_STATUSES;
   return {
-    fileStatuses,
-    changeCount: Object.keys(fileStatuses).length
+    changes: changesQuery.data,
+    changeCount: countChangedPaths(changesQuery.data)
   };
 }
 function WorkspaceLayout() {
@@ -166,7 +173,7 @@ function WorkspaceLayout() {
   }, [decoded, clearNeedsAttention]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `h-full ${hydrated ? "" : "invisible"}`, children: useDesktopLayout ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(MobileWorkspaceLayout, { workspaceId: decoded }, decoded) });
 }
-function MobileBarButton({
+function MobileHeaderButton({
   label,
   icon: Icon,
   active,
@@ -174,24 +181,34 @@ function MobileBarButton({
   badge,
   testid
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", onClick, "aria-pressed": active, "data-testid": testid, className: `relative flex flex-1 flex-col items-center justify-center gap-0.5 text-[10px] font-medium transition-colors ${active ? "text-foreground" : "text-muted-foreground hover:text-foreground"}`, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: "size-5" }),
-      badge != null && badge > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute -top-1.5 -right-2 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-blue-500/20 px-1 text-[9px] font-medium text-blue-600 dark:text-blue-400", children: badge })
-    ] }),
-    label
-  ] });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-label": badge ? `${label}, ${badge}` : label,
+      "aria-pressed": active,
+      "aria-haspopup": "dialog",
+      "data-testid": testid,
+      className: `relative inline-flex size-9 shrink-0 items-center justify-center rounded-md transition-colors hover:bg-accent active:bg-accent ${active ? "text-foreground" : "text-muted-foreground"}`,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: "size-[18px]" }),
+        badge != null && badge > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "data-testid": `${testid}-badge`, className: "absolute top-0 right-0 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-blue-500/20 px-1 text-[9px] font-medium text-blue-600 dark:text-blue-400", children: badge })
+      ]
+    }
+  );
 }
 function MobileWorkspaceLayout({
   workspaceId
 }) {
   const {
     height: appHeight,
-    offsetTop: appOffsetTop
+    offsetTop: appOffsetTop,
+    keyboardOpen
   } = useAppHeight();
   const workspacePath = useWorkspacePath(workspaceId);
   const {
-    fileStatuses,
+    changes,
     changeCount
   } = useChangesSummary(workspaceId);
   const [view, setView] = reactExports.useState("editor");
@@ -199,8 +216,11 @@ function MobileWorkspaceLayout({
     getWorkspaceLeafActions(workspaceId)?.openFile(filePath, opts);
     setView("editor");
   }, [workspaceId]);
-  const openDiffLeaf = reactExports.useCallback((filePath) => {
-    getWorkspaceLeafActions(workspaceId)?.openDiff(filePath);
+  const openDiffLeaf = reactExports.useCallback((section, entry) => {
+    getWorkspaceLeafActions(workspaceId)?.openDiff(entry.path, {
+      section,
+      oldPath: entry.oldPath
+    });
     setView("editor");
   }, [workspaceId]);
   const [pickerOpen, setPickerOpen] = reactExports.useState(false);
@@ -240,59 +260,61 @@ function MobileWorkspaceLayout({
       window.removeEventListener("band:open-search-files", openSF);
     };
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col overflow-hidden", style: {
-    height: appHeight ? `${appHeight}px` : "100dvh",
-    transform: appOffsetTop ? `translateY(${appOffsetTop}px)` : void 0
-  }, children: [
-    isDesktop && /* @__PURE__ */ jsxRuntimeExports.jsx(DesktopDragRegion, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: "flex h-[calc(2.5rem+env(safe-area-inset-top))] shrink-0 items-center gap-2 border-b border-border/50 px-3 pt-[env(safe-area-inset-top)]", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => setProjectListOpen(true), "aria-label": "Open project list", "aria-haspopup": "dialog", "data-testid": "mobile-workspace__project-list-trigger", className: "inline-flex size-7 shrink-0 items-center justify-center rounded-md hover:bg-accent", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Menu, { className: "size-4" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", onClick: () => setPickerOpen(true), "aria-haspopup": "dialog", "aria-label": "Switch workspace", className: "inline-flex min-w-0 flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 hover:bg-accent active:bg-accent", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "truncate text-sm font-semibold", children: workspaceId }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronsUpDown, { className: "size-3.5 shrink-0 text-muted-foreground" })
+  return (
+    // Fixed, so a document scroll iOS makes to reveal the focused input can't
+    // move it; `offsetTop` then follows the visual viewport as it pans.
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fixed inset-x-0 top-0 flex flex-col overflow-hidden", style: {
+      height: appHeight ? `${appHeight}px` : "100dvh",
+      transform: appOffsetTop ? `translateY(${appOffsetTop}px)` : void 0
+    }, children: [
+      isDesktop && /* @__PURE__ */ jsxRuntimeExports.jsx(DesktopDragRegion, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { "data-testid": "mobile-workspace__header", className: "flex h-[calc(2.5rem+env(safe-area-inset-top))] shrink-0 items-center gap-2 border-b border-border/50 px-3 pt-[env(safe-area-inset-top)]", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => setProjectListOpen(true), "aria-label": "Open project list", "aria-haspopup": "dialog", "data-testid": "mobile-workspace__project-list-trigger", className: "inline-flex size-7 shrink-0 items-center justify-center rounded-md hover:bg-accent", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Menu, { className: "size-4" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", onClick: () => setPickerOpen(true), "aria-haspopup": "dialog", "aria-label": "Switch workspace", "data-testid": "mobile-workspace__switcher", className: "inline-flex min-w-0 flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 hover:bg-accent active:bg-accent", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "truncate text-sm font-semibold", children: workspaceId }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronsUpDown, { className: "size-3.5 shrink-0 text-muted-foreground" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(MobileHeaderButton, { label: "Explorer", icon: FolderOpen, active: view === "explorer", onClick: () => setView("explorer"), testid: "mobile-workspace__header-explorer" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(MobileHeaderButton, { label: "Changes", icon: GitCompare, active: view === "changes", badge: changeCount, onClick: () => setView("changes"), testid: "mobile-workspace__header-changes" })
+        ] })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "aria-hidden": "true", className: "size-7 shrink-0" })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("main", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsx(WorkspaceCenterDockview, { workspaceId, visible: true, wsActive: true, mobile: true }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { className: "flex h-[calc(3rem+env(safe-area-inset-bottom))] shrink-0 items-stretch border-t border-border/50 pb-[env(safe-area-inset-bottom)]", "data-testid": "mobile-workspace__bottom-bar", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(MobileBarButton, { label: "Editor", icon: SquareTerminal, active: view === "editor", onClick: () => setView("editor"), testid: "mobile-workspace__bar--editor" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(MobileBarButton, { label: "Explorer", icon: FolderOpen, active: view === "explorer", onClick: () => setView("explorer"), testid: "mobile-workspace__bar--explorer" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(MobileBarButton, { label: "Changes", icon: GitCompare, active: view === "changes", badge: changeCount, onClick: () => setView("changes"), testid: "mobile-workspace__bar--changes" })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Sheet, { open: view === "explorer", onOpenChange: (open) => setView(open ? "explorer" : "editor"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SheetContent, { side: "bottom", className: "h-[75dvh] p-0", "data-testid": "mobile-workspace__explorer-sheet", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(SheetTitle, { className: "border-b border-border/50 px-4 py-3 text-sm", children: "Explorer" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(SheetDescription, { className: "sr-only", children: "Browse workspace files and open one in the editor" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-testid": "mobile-workspace__explorer-body", className: "min-h-0 flex-1 overflow-auto pb-[env(safe-area-inset-bottom)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileBrowser, { workspaceId, workspacePath, onOpenFile: (p) => openFileLeaf(p), onOpenFilePinned: (p) => openFileLeaf(p), compact: true }) })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Sheet, { open: view === "changes", onOpenChange: (open) => setView(open ? "changes" : "editor"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SheetContent, { side: "bottom", className: "h-[75dvh] p-0", "data-testid": "mobile-workspace__changes-sheet", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(SheetTitle, { className: "border-b border-border/50 px-4 py-3 text-sm", children: "Changes" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(SheetDescription, { className: "sr-only", children: "Browse changed files and open one as a diff" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-testid": "mobile-workspace__changes-body", className: "min-h-0 flex-1 overflow-auto pb-[env(safe-area-inset-bottom)]", children: changeCount === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-3 py-2 text-xs text-muted-foreground", children: "No changes" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChangesFileTree, { fileStatuses, onSelectFile: openDiffLeaf, onSelectFilePinned: openDiffLeaf, workspacePath }) })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(QuickOpenDialog, { workspaceId, open: quickOpenOpen, onOpenChange: (open) => {
-      setQuickOpenOpen(open);
-      if (!open) setQuickOpenQuery(void 0);
-    }, onOpenFile: handleOpenFile, initialQuery: quickOpenQuery, autoOpen: quickOpenQuery != null }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SearchFilesDialog, { workspaceId, open: searchFilesOpen, onOpenChange: setSearchFilesOpen, onOpenFile: handleOpenFile }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(WorkspacePickerDialog, { open: pickerOpen, onOpenChange: setPickerOpen }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Sheet, { open: projectListOpen, onOpenChange: setProjectListOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      SheetContent,
-      {
-        side: "left",
-        showCloseButton: false,
-        "data-testid": "project-list-flyout",
-        onOpenAutoFocus: (e) => {
-          e.preventDefault();
-          e.currentTarget?.focus();
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SheetTitle, { className: "sr-only", children: "Projects" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SheetDescription, { className: "sr-only", children: "Browse projects and open a workspace" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarOverflowProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardShell, { bottomActions: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarActionBar, {}), hideTitleBar: true, padBottomInset: true }) })
-        ]
-      }
-    ) })
-  ] });
+      /* @__PURE__ */ jsxRuntimeExports.jsx("main", { "data-testid": "mobile-workspace__main", className: `flex min-h-0 flex-1 flex-col ${keyboardOpen ? "" : "pb-[env(safe-area-inset-bottom)]"}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(WorkspaceCenterDockview, { workspaceId, visible: true, wsActive: true, mobile: true }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Sheet, { open: view === "explorer", onOpenChange: (open) => setView(open ? "explorer" : "editor"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SheetContent, { side: "bottom", className: "h-[75dvh] p-0", "data-testid": "mobile-workspace__explorer-sheet", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SheetTitle, { className: "border-b border-border/50 px-4 py-3 text-sm", children: "Explorer" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SheetDescription, { className: "sr-only", children: "Browse workspace files and open one in the editor" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-testid": "mobile-workspace__explorer-body", className: "min-h-0 flex-1 overflow-auto pb-[env(safe-area-inset-bottom)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileBrowser, { workspaceId, workspacePath, onOpenFile: (p) => openFileLeaf(p), onOpenFilePinned: (p) => openFileLeaf(p), compact: true }) })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Sheet, { open: view === "changes", onOpenChange: (open) => setView(open ? "changes" : "editor"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SheetContent, { side: "bottom", className: "h-[75dvh] p-0", "data-testid": "mobile-workspace__changes-sheet", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SheetTitle, { className: "border-b border-border/50 px-4 py-3 text-sm", children: "Changes" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SheetDescription, { className: "sr-only", children: "Browse changed files and open one as a diff" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-testid": "mobile-workspace__changes-body", className: "min-h-0 flex-1 overflow-auto pb-[env(safe-area-inset-bottom)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChangesSections, { workspaceId, changes, onOpen: openDiffLeaf, workspacePath }) })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(QuickOpenDialog, { workspaceId, open: quickOpenOpen, onOpenChange: (open) => {
+        setQuickOpenOpen(open);
+        if (!open) setQuickOpenQuery(void 0);
+      }, onOpenFile: handleOpenFile, initialQuery: quickOpenQuery, autoOpen: quickOpenQuery != null }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SearchFilesDialog, { workspaceId, open: searchFilesOpen, onOpenChange: setSearchFilesOpen, onOpenFile: handleOpenFile }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(WorkspacePickerDialog, { open: pickerOpen, onOpenChange: setPickerOpen }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Sheet, { open: projectListOpen, onOpenChange: setProjectListOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        SheetContent,
+        {
+          side: "left",
+          showCloseButton: false,
+          "data-testid": "project-list-flyout",
+          onOpenAutoFocus: (e) => {
+            e.preventDefault();
+            e.currentTarget?.focus();
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SheetTitle, { className: "sr-only", children: "Projects" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SheetDescription, { className: "sr-only", children: "Browse projects and open a workspace" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarOverflowProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardShell, { bottomActions: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarActionBar, {}), hideTitleBar: true, padBottomInset: true }) })
+          ]
+        }
+      ) })
+    ] })
+  );
 }
 export {
   WorkspaceLayout as component

package/dist/server/assets/{workspace._workspaceId-Ce_eap6T.js → workspace._workspaceId-C7ra183B.js}

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../server.js";
-import { R as Route, a as Navigate } from "./router-Dpb0Z442.js";
+import { R as Route, a as Navigate } from "./router-C6awDsR6.js";
 import "node:async_hooks";
 import "node:stream";
 import "util";