@band-app/server 0.38.0 → 0.39.0

package/dist/server/assets/workspace._workspaceId-CD0MjjsK.js

@@ -1,330 +0,0 @@
-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 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-BjXwm096.js";
-import "node:async_hooks";
-import "node:stream";
-import "util";
-import "crypto";
-import "async_hooks";
-import "stream";
-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" }],
-  ["path", { d: "M4 19h16", key: "1djgab" }]
-];
-const Menu = createLucideIcon("menu", __iconNode);
-function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Root, { "data-slot": "sheet", ...props });
-}
-function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal, { "data-slot": "sheet-portal", ...props });
-}
-function SheetOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Overlay,
-    {
-      "data-slot": "sheet-overlay",
-      className: cn(
-        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SheetContent({
-  className,
-  children,
-  side = "left",
-  showCloseButton = true,
-  overlayClassName,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SheetPortal, { "data-slot": "sheet-portal", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SheetOverlay, { className: overlayClassName }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Content,
-      {
-        "data-slot": "sheet-content",
-        className: cn(
-          "fixed z-50 flex flex-col border-border bg-background shadow-lg outline-none ease-drawer data-[state=closed]:animate-out data-[state=closed]:duration-250 data-[state=open]:animate-in data-[state=open]:duration-300",
-          side === "left" && "inset-y-0 left-0 h-full w-[85%] max-w-sm border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
-          side === "right" && "inset-y-0 right-0 h-full w-[85%] max-w-sm border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
-          // Bottom sheet: leave a safe-area gap at the top so the header/close
-          // button stay clear of the iOS notch / status bar. env() insets are
-          // additive to the fixed 1.5rem so the gap is never smaller than the
-          // physical safe area.
-          side === "bottom" && "inset-x-0 bottom-0 max-h-[calc(100dvh-env(safe-area-inset-top)-1.5rem)] w-full rounded-t-2xl border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-          side === "top" && "inset-x-0 top-0 w-full rounded-b-2xl border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            Close,
-            {
-              "data-slot": "sheet-close",
-              className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(X, {}),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Title,
-    {
-      "data-slot": "sheet-title",
-      className: cn("text-foreground font-semibold", className),
-      ...props
-    }
-  );
-}
-function SheetDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Description,
-    {
-      "data-slot": "sheet-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-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) {
-      vv.addEventListener("resize", update);
-      vv.addEventListener("scroll", update);
-    }
-    window.addEventListener("resize", update);
-    return () => {
-      if (vv) {
-        vv.removeEventListener("resize", update);
-        vv.removeEventListener("scroll", update);
-      }
-      window.removeEventListener("resize", update);
-    };
-  }, []);
-  return {
-    height,
-    offsetTop,
-    keyboardOpen
-  };
-}
-function useChangesSummary(workspaceId) {
-  const changesQuery = useWorkspaceChanges(workspaceId, {
-    refetchInterval: 15e3
-  });
-  return {
-    changes: changesQuery.data,
-    changeCount: countChangedPaths(changesQuery.data)
-  };
-}
-function WorkspaceLayout() {
-  const {
-    workspaceId
-  } = Route.useParams();
-  const decoded = decodeURIComponent(workspaceId);
-  const isWideScreen = useIsDesktop();
-  const useDesktopLayout = isWideScreen || isDesktop;
-  const [hydrated, setHydrated] = reactExports.useState(false);
-  reactExports.useLayoutEffect(() => {
-    setHydrated(true);
-  }, []);
-  const setActiveWorkspace = useDashboardStore((s) => s.setActiveWorkspace);
-  reactExports.useEffect(() => {
-    setActiveWorkspace(decoded);
-  }, [decoded, setActiveWorkspace]);
-  const refreshBranchStatus = useDashboardStore((s) => s.refreshBranchStatus);
-  reactExports.useEffect(() => {
-    refreshBranchStatus(decoded);
-    const onVisible = () => {
-      if (document.visibilityState === "visible") refreshBranchStatus(decoded);
-    };
-    document.addEventListener("visibilitychange", onVisible);
-    return () => document.removeEventListener("visibilitychange", onVisible);
-  }, [decoded, refreshBranchStatus]);
-  const clearNeedsAttention = useDashboardStore((s) => s.clearNeedsAttention);
-  reactExports.useEffect(() => {
-    clearNeedsAttention(decoded);
-  }, [decoded, clearNeedsAttention]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `h-full ${hydrated ? "" : "invisible"}`, children: useDesktopLayout ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(MobileWorkspaceLayout, { workspaceId: decoded }, decoded) });
-}
-function MobileHeaderButton({
-  label,
-  icon: Icon,
-  active,
-  onClick,
-  badge,
-  testid
-}) {
-  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,
-    keyboardOpen
-  } = useAppHeight();
-  const workspacePath = useWorkspacePath(workspaceId);
-  const {
-    changes,
-    changeCount
-  } = useChangesSummary(workspaceId);
-  const [view, setView] = reactExports.useState("editor");
-  const openFileLeaf = reactExports.useCallback((filePath, opts) => {
-    getWorkspaceLeafActions(workspaceId)?.openFile(filePath, opts);
-    setView("editor");
-  }, [workspaceId]);
-  const openDiffLeaf = reactExports.useCallback((section, entry) => {
-    getWorkspaceLeafActions(workspaceId)?.openDiff(entry.path, {
-      section,
-      oldPath: entry.oldPath
-    });
-    setView("editor");
-  }, [workspaceId]);
-  const [pickerOpen, setPickerOpen] = reactExports.useState(false);
-  const [projectListOpen, setProjectListOpen] = reactExports.useState(false);
-  const [quickOpenOpen, setQuickOpenOpen] = reactExports.useState(false);
-  const [quickOpenQuery, setQuickOpenQuery] = reactExports.useState(void 0);
-  const [searchFilesOpen, setSearchFilesOpen] = reactExports.useState(false);
-  const handleOpenFile = reactExports.useCallback((filename) => {
-    const {
-      filePath,
-      line,
-      column
-    } = parseFileLocation(filename);
-    openFileLeaf(filePath, {
-      line,
-      column
-    });
-  }, [openFileLeaf]);
-  reactExports.useEffect(() => {
-    const handler = (e) => {
-      const detail = e.detail;
-      if (!detail?.filename) return;
-      if (detail.workspaceId && detail.workspaceId !== workspaceId) return;
-      setQuickOpenQuery(detail.filename);
-      setQuickOpenOpen(true);
-    };
-    window.addEventListener("band:open-file", handler);
-    return () => window.removeEventListener("band:open-file", handler);
-  }, [workspaceId]);
-  reactExports.useEffect(() => {
-    const openQO = () => setQuickOpenOpen(true);
-    const openSF = () => setSearchFilesOpen(true);
-    window.addEventListener("band:open-quick-open", openQO);
-    window.addEventListener("band:open-search-files", openSF);
-    return () => {
-      window.removeEventListener("band:open-quick-open", openQO);
-      window.removeEventListener("band:open-search-files", openSF);
-    };
-  }, []);
-  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("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
-};