@band-app/server 0.18.0 → 0.19.1

package/dist/server/assets/{DockviewBrowserContainer-BHlHNdlw.js → DockviewBrowserContainer-BcfLe0jL.js}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, R as React } from "../server.js";
-import { m as createLucideIcon, bM as isDesktop, cd as invoke, ce as listen, p as trpc, cf as reactDomExports, cg as Globe, c8 as SearchBar, ch as Popover, ci as PopoverTrigger, cj as PopoverContent, ck as Search, cl as Trash2, cm as DropdownMenu, cn as DropdownMenuTrigger, co as ChevronDown, cp as DropdownMenuContent, cq as DropdownMenuItem, cr as TriangleAlert, bS as ArrowLeft, c1 as ArrowRight, X, cs as RotateCw, u as useAdapter, n as useQueryClient, o as useQuery, q as selectNeighbourBeforeRemove, r as ensureEdgeGroups, v as attachEdgeGroupDragVisibility, w as registerInnerDockview, x as DockviewReact, A as cycleTabsInActiveGroup, B as cycleGridGroups, C as Columns2, y as Rows2, z as Plus } from "./router-DXfwP2_o.js";
+import { m as createLucideIcon, bR as isDesktop, cl as invoke, cm as listen, p as trpc, cn as reactDomExports, co as Globe, cj as SearchBar, cp as Popover, cq as PopoverTrigger, cr as PopoverContent, cs as Search, ct as Trash2, cu as DropdownMenu, cv as DropdownMenuTrigger, cw as ChevronDown, cx as DropdownMenuContent, cy as DropdownMenuItem, cz as TriangleAlert, bX as ArrowLeft, ce as ArrowRight, X, cA as RotateCw, u as useAdapter, n as useQueryClient, o as useQuery, q as selectNeighbourBeforeRemove, r as centralPanelPosition, v as ensureEdgeGroups, w as attachEdgeGroupDragVisibility, x as registerInnerDockview, y as PanelVisibilityContext, z as DockviewReact, F as cycleTabsInActiveGroup, G as cycleGridGroups, C as Columns2, A as Rows2, B as Plus, E as usePanelVisibility } from "./router-PewB2VMR.js";
 import "node:async_hooks";
 import "node:stream";
 import "util";
@@ -1319,9 +1319,8 @@ const browserTabTheme = {
   name: "band",
   className: "dockview-theme-band dockview-browser-tabs"
 };
-const BrowserVisibilityContext = reactExports.createContext({ visible: true, wsActive: true });
 function BrowserTabPanel({ params, api }) {
-  const { visible } = reactExports.useContext(BrowserVisibilityContext);
+  const { visible } = usePanelVisibility();
   if (!params.workspaceId || !params.browserId) return null;
   const paneParams = {
     workspaceId: params.workspaceId,
@@ -1329,14 +1328,32 @@ function BrowserTabPanel({ params, api }) {
     wsActive: visible,
     initialUrl: params.initialUrl
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-full flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    BrowserPaneComponent,
-    {
-      params: paneParams,
-      api,
-      ...{}
-    }
-  ) });
+  return (
+    // `data-testid` encodes the visibility signal the SHARED
+    // `PanelVisibilityContext` propagated into this tab panel
+    // (see `panel-visibility-context.tsx`), so an integration test can
+    // assert the context plumbing reaches the leaf. Note: the browser
+    // path is only mounted in the Electron desktop build (see
+    // `SharedDockviewLayout`'s `BrowserPanelComponent` web-fallback
+    // branch), so the marker is only observable from desktop e2e
+    // coverage — but the assignment is part of the same shared-context
+    // contract, so we mark it here for parity.
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: "flex h-full w-full flex-col overflow-hidden",
+        "data-testid": `dockview-browser-tab__visible-${visible ? "true" : "false"}`,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          BrowserPaneComponent,
+          {
+            params: paneParams,
+            api,
+            ...{}
+          }
+        )
+      }
+    )
+  );
 }
 function BrowserTab(props) {
   const [title, setTitle] = reactExports.useState(props.api.title ?? "New Tab");
@@ -1818,7 +1835,8 @@ function DockviewBrowserContainer({
           component: "browserTab",
           tabComponent: "browserTab",
           title: "New Tab",
-          params: { workspaceId, browserId: event.browserId }
+          params: { workspaceId, browserId: event.browserId },
+          position: centralPanelPosition(api)
         });
       } else if (event.kind === "browser-removed" && typeof event.browserId === "string") {
         const panel = api.getPanel(event.browserId);
@@ -1918,7 +1936,7 @@ function DockviewBrowserContainer({
   if (!initialData) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-full items-center justify-center" });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, className: "flex h-full w-full flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(BrowserVisibilityContext.Provider, { value: visibilityValue, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, className: "flex h-full w-full flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelVisibilityContext.Provider, { value: visibilityValue, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     DockviewReact,
     {
       theme: browserTabTheme,
@@ -1944,7 +1962,8 @@ function createDefaultPanel(api, workspaceId) {
     params: {
       workspaceId,
       browserId
-    }
+    },
+    position: centralPanelPosition(api)
   });
 }
 export {

package/dist/server/assets/{DockviewTerminalContainer-B4s5M71S.js → DockviewTerminalContainer-zVckKR1x.js}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports, R as React } from "../server.js";
-import { u as useAdapter, n as useQueryClient, o as useQuery, p as trpc, q as selectNeighbourBeforeRemove, r as ensureEdgeGroups, v as attachEdgeGroupDragVisibility, w as registerInnerDockview, x as DockviewReact, C as Columns2, y as Rows2, z as Plus, X, A as cycleTabsInActiveGroup, B as cycleGridGroups } from "./router-DXfwP2_o.js";
-import { S as SquareTerminal } from "./square-terminal-CfM5f-d7.js";
+import { u as useAdapter, n as useQueryClient, o as useQuery, p as trpc, q as selectNeighbourBeforeRemove, r as centralPanelPosition, v as ensureEdgeGroups, w as attachEdgeGroupDragVisibility, x as registerInnerDockview, y as PanelVisibilityContext, z as DockviewReact, C as Columns2, A as Rows2, B as Plus, X, E as usePanelVisibility, F as cycleTabsInActiveGroup, G as cycleGridGroups } from "./router-PewB2VMR.js";
+import { S as SquareTerminal } from "./square-terminal-DdT3sDE4.js";
 import "node:async_hooks";
 import "node:stream";
 import "util";
@@ -12,7 +12,7 @@ import "node:process";
 import "node:path";
 import "node:url";
 const TerminalPanel = reactExports.lazy(
-  () => import("./TerminalPanel-NJ_oHfHq.js").then((m) => ({ default: m.TerminalPanel }))
+  () => import("./TerminalPanel-7JfdUecD.js").then((m) => ({ default: m.TerminalPanel }))
 );
 function uuid() {
   if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
@@ -68,9 +68,8 @@ const terminalTabTheme = {
   name: "band",
   className: "dockview-theme-band dockview-terminal-tabs"
 };
-const TerminalVisibilityContext = reactExports.createContext({ visible: true, wsActive: true });
 function TerminalTabPanel({ params, api }) {
-  const { visible } = reactExports.useContext(TerminalVisibilityContext);
+  const { visible } = usePanelVisibility();
   const onTitleChange = reactExports.useCallback(
     (title) => {
       api.setTitle(title);
@@ -83,17 +82,30 @@ function TerminalTabPanel({ params, api }) {
     cwd: params.cwd,
     env: params.env
   } : void 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-full flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    TerminalPanel,
-    {
-      workspaceId: params.workspaceId,
-      terminalId: params.terminalId,
-      visible,
-      paneMetadata,
-      autoFocus: params.autoFocus,
-      onTitleChange
-    }
-  ) }) });
+  return (
+    // `data-testid` encodes the visibility signal the SHARED
+    // `PanelVisibilityContext` propagated into this tab panel
+    // (see `panel-visibility-context.tsx`), so an integration test can
+    // assert the context plumbing reaches the leaf.
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: "flex h-full w-full flex-col overflow-hidden",
+        "data-testid": `dockview-terminal-tab__visible-${visible ? "true" : "false"}`,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          TerminalPanel,
+          {
+            workspaceId: params.workspaceId,
+            terminalId: params.terminalId,
+            visible,
+            paneMetadata,
+            autoFocus: params.autoFocus,
+            onTitleChange
+          }
+        ) })
+      }
+    )
+  );
 }
 function TerminalTab(props) {
   const [title, setTitle] = reactExports.useState(props.api.title ?? "Terminal");
@@ -420,7 +432,8 @@ function DockviewTerminalContainer({
           component: "terminalTab",
           tabComponent: "terminalTab",
           title: "Terminal",
-          params: { workspaceId, terminalId: event.terminalId }
+          params: { workspaceId, terminalId: event.terminalId },
+          position: centralPanelPosition(api)
         });
       } else if (event.kind === "terminal-killed" && typeof event.terminalId === "string") {
         const panel = api.getPanel(event.terminalId);
@@ -515,7 +528,7 @@ function DockviewTerminalContainer({
   if (!initialData) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-full items-center justify-center" });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, className: "flex h-full w-full flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TerminalVisibilityContext.Provider, { value: visibilityValue, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, className: "flex h-full w-full flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelVisibilityContext.Provider, { value: visibilityValue, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     DockviewReact,
     {
       theme: terminalTabTheme,
@@ -538,7 +551,8 @@ function createDefaultTerminal(api, workspaceId) {
     params: {
       workspaceId,
       terminalId
-    }
+    },
+    position: centralPanelPosition(api)
   });
   trpc.terminal.create.mutate({ workspaceId, id: terminalId }).catch((err) => {
     console.error("[DockviewTerminalContainer] error creating default terminal:", err);
@@ -564,7 +578,8 @@ async function seedFromConfigOrDefault(api, workspaceId, queryClient) {
                 command: pane.command,
                 cwd: pane.cwd,
                 env: pane.env
-              }
+              },
+              position: centralPanelPosition(api)
             });
             await trpc.terminal.create.mutate({
               workspaceId,