@hachej/boring-workspace 0.1.31 → 0.1.33

package/dist/workspace.css

@@ -1481,6 +1481,9 @@
   .end {
     inset-inline-end: var(--spacing);
   }
+  .-top-1\.5 {
+    top: calc(var(--spacing) * -1.5);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -1499,9 +1502,6 @@
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
-  .right-1 {
-    right: calc(var(--spacing) * 1);
-  }
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
@@ -1595,9 +1595,6 @@
   .mt-px {
     margin-top: 1px;
   }
-  .mr-1 {
-    margin-right: calc(var(--spacing) * 1);
-  }
   .mr-auto {
     margin-right: auto;
   }
@@ -1668,6 +1665,10 @@
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
+  .size-7 {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
   .size-\[22px\] {
     width: 22px;
     height: 22px;
@@ -1675,6 +1676,9 @@
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
+  .h-2 {
+    height: calc(var(--spacing) * 2);
+  }
   .h-3 {
     height: calc(var(--spacing) * 3);
   }
@@ -1702,6 +1706,9 @@
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
+  .h-\[15px\] {
+    height: 15px;
+  }
   .h-auto {
     height: auto;
   }
@@ -1738,6 +1745,9 @@
   .w-1\.5 {
     width: calc(var(--spacing) * 1.5);
   }
+  .w-2 {
+    width: calc(var(--spacing) * 2);
+  }
   .w-3 {
     width: calc(var(--spacing) * 3);
   }
@@ -1762,6 +1772,9 @@
   .w-11 {
     width: calc(var(--spacing) * 11);
   }
+  .w-\[15px\] {
+    width: 15px;
+  }
   .w-\[85vw\] {
     width: 85vw;
   }
@@ -1804,20 +1817,22 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-\[0_0_0px\] {
+    flex: 0 0 0px;
+  }
   .flex-none {
     flex: none;
   }
   .shrink-0 {
     flex-shrink: 0;
   }
+  .flex-grow {
+    flex-grow: 1;
+  }
   .translate-x-1\/2 {
     --tw-translate-x: calc(1 / 2 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .translate-y-1\/2 {
     --tw-translate-y: calc(1 / 2 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2250,18 +2265,12 @@
   .pt-12 {
     padding-top: calc(var(--spacing) * 12);
   }
-  .pr-7 {
-    padding-right: calc(var(--spacing) * 7);
-  }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
   .pb-10 {
     padding-bottom: calc(var(--spacing) * 10);
   }
-  .pl-2\.5 {
-    padding-left: calc(var(--spacing) * 2.5);
-  }
   .pl-3 {
     padding-left: calc(var(--spacing) * 3);
   }
@@ -2271,6 +2280,9 @@
   .pl-10 {
     padding-left: calc(var(--spacing) * 10);
   }
+  .pl-14 {
+    padding-left: calc(var(--spacing) * 14);
+  }
   .text-center {
     text-align: center;
   }
@@ -2578,6 +2590,16 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[flex-grow\,flex-basis\,width\,min-width\,max-width\] {
+    transition-property: flex-grow,flex-basis,width,min-width,max-width;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[opacity\,padding\] {
+    transition-property: opacity,padding;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[width\,min-width\,max-width\] {
     transition-property: width,min-width,max-width;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2666,10 +2688,10 @@
       }
     }
   }
-  .hover\:-translate-y-\[calc\(50\%\+1px\)\] {
+  .hover\:-translate-y-\[1px\] {
     &:hover {
       @media (hover: hover) {
-        --tw-translate-y: calc(calc(50% + 1px) * -1);
+        --tw-translate-y: calc(1px * -1);
         translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
@@ -2885,6 +2907,21 @@
       }
     }
   }
+  .disabled\:pointer-events-none {
+    &:disabled {
+      pointer-events: none;
+    }
+  }
+  .disabled\:opacity-50 {
+    &:disabled {
+      opacity: 50%;
+    }
+  }
+  .disabled\:opacity-60 {
+    &:disabled {
+      opacity: 60%;
+    }
+  }
   .aria-selected\:bg-\[color\:oklch\(from_var\(--accent\)_l_c_h\/0\.10\)\] {
     &[aria-selected="true"] {
       background-color: oklch(from var(--accent) l c h/0.10);
@@ -2976,9 +3013,9 @@
       color: var(--accent);
     }
   }
-  .\[\.active-tab_\&\]\:opacity-50 {
+  .\[\.active-tab_\&\]\:opacity-55 {
     .active-tab & {
-      opacity: 50%;
+      opacity: 55%;
     }
   }
   .\[\.active-tab_\&\]\:hover\:opacity-100 {
@@ -3003,9 +3040,9 @@
       color: var(--accent);
     }
   }
-  .\[\.dv-active-tab_\&\]\:opacity-50 {
+  .\[\.dv-active-tab_\&\]\:opacity-55 {
     .dv-active-tab & {
-      opacity: 50%;
+      opacity: 55%;
     }
   }
   .\[\.dv-active-tab_\&\]\:hover\:opacity-100 {
@@ -6437,8 +6474,8 @@
 .dv-shell .tabs-and-actions-container {
   background-color: var(--background) !important;
   border-bottom: 1px solid oklch(from var(--border) l c h / 0.4);
-  padding: 8px 6px 0 6px;
-  gap: 2px;
+  padding: 6px 8px 0 8px;
+  gap: 4px;
   align-items: flex-end;
 }
 
@@ -6446,6 +6483,9 @@
 .dv-shell .tab-container {
   background-color: transparent !important;
   gap: 4px;
+  align-self: stretch;
+  display: flex;
+  align-items: flex-end;
 }
 
 /* Workbench-specific tab strip height — matches WorkbenchLeftPane header for consistency */
@@ -6463,21 +6503,33 @@
   padding-left: 44px !important;
 }
 
+/* The workbench renders a "close workspace" control as an absolute overlay on
+   the right edge of the tab strip (see SurfaceShell's WorkbenchCloseAction:
+   a 24px icon button + 4px margins each side = ~32px wide, vertically centred
+   in the 44px bar). Reserve room at the right of the tab strip so dockview's
+   built-in "open tabs" overflow dropdown trigger (the ⌄ chevron at the end of
+   the tab row) sits clearly LEFT of that control with a visible gap, instead of
+   tucking right under it. 32px control + ~8px gap + the chevron's own width. */
+.workbench-dockview .dv-tabs-and-actions-container,
+.workbench-dockview .tabs-and-actions-container {
+  padding-right: 44px !important;
+}
+
 /* Tab base — pill-style, rounded top */
 .dv-shell .dv-tab,
 .dv-shell .tab {
   color: var(--muted-foreground) !important;
   background-color: transparent !important;
   border: 1px solid transparent;
-  border-top-left-radius: 7px;
-  border-top-right-radius: 7px;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
   transition: color 0.18s cubic-bezier(0.22, 1, 0.36, 1),
     background-color 0.18s cubic-bezier(0.22, 1, 0.36, 1),
     border-color 0.18s cubic-bezier(0.22, 1, 0.36, 1);
   min-width: 120px;
   max-width: 220px;
   padding: 0;
-  height: 32px;
+  height: 34px;
   align-self: end;
   font-size: 12.5px;
   letter-spacing: -0.01em;
@@ -6581,6 +6633,11 @@
   color: var(--muted-foreground);
   display: flex;
   align-items: center;
+  align-self: stretch;
+  /* No bottom padding: the overflow (⌄) trigger lives here and must stay
+     vertically centred in the tab strip so it lines up with the absolutely
+     positioned close-workspace control on the right edge. A bottom pad pushed
+     the chevron up and out of alignment with that control (regression). */
 }
 
 .dv-shell .right-actions-container:hover,

package/dist/workspace.d.ts

@@ -10,6 +10,7 @@ import { Extension } from '@codemirror/state';
 import { JSX } from 'react/jsx-runtime';
 import { JSXElementConstructor } from 'react';
 import { LucideIcon } from 'lucide-react';
+import { MouseEvent as MouseEvent_2 } from 'react';
 import { PersistOptions } from 'zustand/middleware';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
@@ -726,6 +727,31 @@ declare interface FileEntry {
     path: string;
 }
 
+export declare type FileRecordsFormat = "json-array" | "ndjson" | "csv";
+
+export declare interface FileRecordsResult {
+    source: FileRecordsSource;
+    path: string;
+    format: FileRecordsFormat;
+    columns: {
+        name: string;
+        type: string;
+    }[];
+    rows: Record<string, unknown>[];
+    total: number;
+    hasMore: boolean;
+    offset: number;
+    limit: number;
+    mtimeMs?: number;
+}
+
+export declare interface FileRecordsSource {
+    kind: "file";
+    path: string;
+    format: FileRecordsFormat;
+    recordSet?: string;
+}
+
 declare interface FileStat {
     size: number;
     mtimeMs: number;
@@ -1093,6 +1119,8 @@ export declare interface PanelConfig<T = any> {
     /** Source: "builtin" | "app" */
     source?: string;
     pluginId?: string;
+    /** Revision emitted by the runtime plugin asset manager for hot-loaded panels. */
+    pluginRevision?: number;
     /**
      * Whether to wrap the component with React.lazy + Suspense. Omit to let
      * the registry auto-detect: zero-arg functions (factories) are treated as
@@ -1268,6 +1296,21 @@ declare interface Props {
     contributionKind: "panel" | "catalog-row" | "chat-suggestion";
     contributionId?: string;
     children?: ReactNode;
+    onError?: (error: Error, info: ErrorInfo) => void;
+}
+
+export declare function readFileRecords(options: ReadFileRecordsOptions): Promise<FileRecordsResult>;
+
+export declare interface ReadFileRecordsOptions {
+    path: string;
+    recordSet?: string;
+    offset?: number;
+    limit?: number;
+    q?: string;
+    apiBaseUrl?: string;
+    headers?: Record<string, string>;
+    workspaceId?: string;
+    signal?: AbortSignal;
 }
 
 declare interface RegisteredPluginMeta {
@@ -1294,7 +1337,7 @@ export declare interface ResponsiveDockviewShellProps {
 
 export declare type SerializedLayout = Parameters<DockviewApi["fromJSON"]>[0];
 
-export declare function SessionBrowser({ sessions, activeId, onSwitch, onCreate, onDelete, onClose, className, }: SessionBrowserProps): JSX.Element;
+export declare function SessionBrowser({ sessions, activeId, onSwitch, onCreate, onDelete, onLoadMore, hasMore, loadingMore, onClose, className, }: SessionBrowserProps): JSX.Element;
 
 export declare interface SessionBrowserProps {
     sessions: SessionItem[];
@@ -1302,6 +1345,9 @@ export declare interface SessionBrowserProps {
     onSwitch?: (id: string) => void;
     onCreate?: () => void;
     onDelete?: (id: string) => void;
+    onLoadMore?: () => void;
+    hasMore?: boolean;
+    loadingMore?: boolean;
     onClose?: () => void;
     className?: string;
 }
@@ -1504,7 +1550,7 @@ export declare interface ToolExecContext {
     sessionId?: string;
 }
 
-declare type ToolReadinessRequirement = 'workspace-fs' | 'sandbox-exec' | 'ui-bridge';
+declare type ToolReadinessRequirement = 'workspace-fs' | 'sandbox-exec' | 'ui-bridge' | 'runtime-dependencies' | `runtime:${string}`;
 
 export declare interface ToolResult {
     content: Array<{
@@ -1767,7 +1813,14 @@ export declare function useWorkspaceContextOptional(): WorkspaceContextValue | n
 
 export declare function useWorkspaceRequestId(): string | null;
 
-export declare function WorkbenchLeftPane({ rootDir, bridge, defaultTab, revealFileTreeRequest, onCollapse, className, }: WorkbenchLeftPaneProps): JSX.Element;
+export declare function WorkbenchLeftPane({ rootDir, bridge, defaultTab, revealFileTreeRequest, onOpenPanel, onCollapse, className, }: WorkbenchLeftPaneProps): JSX.Element;
+
+declare interface WorkbenchLeftPaneOpenPanelConfig {
+    id: string;
+    component: string;
+    title?: string;
+    params?: Record<string, unknown>;
+}
 
 export declare interface WorkbenchLeftPaneProps {
     rootDir?: string;
@@ -1777,6 +1830,7 @@ export declare interface WorkbenchLeftPaneProps {
         path: string;
         seq: number;
     } | null;
+    onOpenPanel?: (config: WorkbenchLeftPaneOpenPanelConfig) => void;
     onCollapse?: () => void;
     className?: string;
 }
@@ -1935,6 +1989,41 @@ declare interface WorkspaceHostEventMap {
     };
 }
 
+export declare function WorkspaceLink({ to, children, className, title, href, onClick }: WorkspaceLinkProps): ReactElement;
+
+export declare function workspaceLinkCommand(to: WorkspaceLinkTarget): UiCommand;
+
+export declare function workspaceLinkHref(to: WorkspaceLinkTarget): string;
+
+export declare interface WorkspaceLinkProps {
+    to: WorkspaceLinkTarget;
+    children: ReactNode;
+    className?: string;
+    title?: string;
+    href?: string;
+    onClick?: (event: MouseEvent_2<HTMLAnchorElement>) => void;
+}
+
+export declare type WorkspaceLinkTarget = {
+    kind: "openFile";
+    path: string;
+    mode?: "view" | "edit" | "diff";
+} | {
+    kind: "openSurface";
+    surfaceKind: string;
+    target: string;
+    meta?: Record<string, unknown>;
+} | {
+    kind: "openPanel";
+    id: string;
+    component: string;
+    title?: string;
+    params?: Record<string, unknown>;
+} | {
+    kind: "expandToFile";
+    path: string;
+};
+
 export declare function WorkspaceLoadingState({ title, description, status, fullscreen, className, }: WorkspaceLoadingStateProps): JSX.Element;
 
 export declare interface WorkspaceLoadingStateProps {