@band-app/server 0.31.1 → 0.33.0

package/dist/server/assets/workspace._workspaceId-Dd-upXb6.js

@@ -1,309 +0,0 @@
-import { j as jsxRuntimeExports, r as reactExports } from "../server.js";
-import { bD as createLucideIcon, bE as Root, bF as Content, bG as Close, bH as X, bI as cn, bJ as Title, bK as Description, bL as Portal, bM as Overlay, R as Route, bz as useIsDesktop, bN as useDashboardStore, bC as isDesktop, bO as useWorkspacePath, bP as getWorkspaceLeafActions, bQ as parseFileLocation, bR as DesktopDragRegion, bS as ChevronsUpDown, bT as WorkspaceCenterDockview, bU as SquareTerminal, bV as FolderOpen, bW as GitCompare, bX as FileBrowser, bY as ChangesFileTree, bZ as QuickOpenDialog, b_ as SearchFilesDialog, b$ as WorkspacePickerDialog, bA as ToolbarOverflowProvider, bw as DashboardShell, bB as ToolbarActionBar, c0 as useDiffTarget, c1 as useQuery, c2 as trpc } from "./router-DDnNUwTm.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 = [
-  ["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 EMPTY_STATUSES = {};
-function useAppHeight() {
-  const [height, setHeight] = reactExports.useState(null);
-  const [offsetTop, setOffsetTop] = reactExports.useState(0);
-  reactExports.useLayoutEffect(() => {
-    const vv = window.visualViewport;
-    const update = () => {
-      setHeight(vv ? vv.height : window.innerHeight);
-      setOffsetTop(vv ? vv.offsetTop : 0);
-    };
-    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
-  };
-}
-function useChangesSummary(workspaceId) {
-  const {
-    diffMode,
-    compareBranch
-  } = useDiffTarget(workspaceId);
-  const summaryQuery = useQuery({
-    queryKey: ["mobileChanges", workspaceId, diffMode, compareBranch],
-    queryFn: () => trpc.workspace.getDiffSummary.query({
-      workspaceId,
-      diffMode,
-      compareBranch: compareBranch ?? void 0
-    }),
-    refetchInterval: 15e3
-  });
-  const fileStatuses = summaryQuery.data?.fileStatuses ?? EMPTY_STATUSES;
-  return {
-    fileStatuses,
-    changeCount: Object.keys(fileStatuses).length
-  };
-}
-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 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 MobileBarButton({
-  label,
-  icon: Icon,
-  active,
-  onClick,
-  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
-  ] });
-}
-function MobileWorkspaceLayout({
-  workspaceId
-}) {
-  const {
-    height: appHeight,
-    offsetTop: appOffsetTop
-  } = useAppHeight();
-  const workspacePath = useWorkspacePath(workspaceId);
-  const {
-    fileStatuses,
-    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((filePath) => {
-    getWorkspaceLeafActions(workspaceId)?.openDiff(filePath);
-    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 /* @__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" })
-      ] }),
-      /* @__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 }) })
-        ]
-      }
-    ) })
-  ] });
-}
-export {
-  WorkspaceLayout as component
-};