@sqlrooms/cells 0.29.0-rc.1 → 0.29.0-rc.3

package/dist/vegaSpecBuilder.js

@@ -0,0 +1,90 @@
+import { BRUSH_PARAM_NAME } from './vegaSelectionUtils';
+/**
+ * Read the flat encoding/mark values from either a flat spec or a
+ * dual-layer cross-filter spec so the config panel dropdowns reflect
+ * the current state regardless of spec shape.
+ */
+export function readSpecValues(spec) {
+    if (spec?.layer && Array.isArray(spec.layer)) {
+        const fg = spec.layer[1] ?? spec.layer[0];
+        const bg = spec.layer[0];
+        return {
+            mark: fg?.mark ?? bg?.mark,
+            xField: fg?.encoding?.x?.field ?? bg?.encoding?.x?.field,
+            yField: fg?.encoding?.y?.field ?? bg?.encoding?.y?.field,
+            yAggregate: fg?.encoding?.y?.aggregate ?? bg?.encoding?.y?.aggregate,
+            color: fg?.encoding?.color?.value,
+        };
+    }
+    return {
+        mark: spec?.mark,
+        xField: spec?.encoding?.x?.field,
+        yField: spec?.encoding?.y?.field,
+        yAggregate: spec?.encoding?.y?.aggregate,
+        color: spec?.encoding?.color?.value,
+    };
+}
+/**
+ * Build a dual-layer Vega-Lite spec with a brush selection param on the
+ * background layer and a filter transform on the foreground layer.
+ */
+export function buildCrossFilterSpec(opts) {
+    const { mark, xField, xFieldType, yField, yAggregate, color } = opts;
+    const xEnc = xField
+        ? {
+            field: xField,
+            ...(xFieldType === 'numeric' ? { bin: { maxbins: 20 } } : {}),
+        }
+        : undefined;
+    const yEnc = yField
+        ? { field: yField, aggregate: yAggregate ?? 'sum' }
+        : yAggregate === 'count'
+            ? { aggregate: 'count' }
+            : undefined;
+    const encoding = {};
+    if (xEnc)
+        encoding.x = xEnc;
+    if (yEnc)
+        encoding.y = yEnc;
+    return {
+        layer: [
+            {
+                params: [
+                    {
+                        name: BRUSH_PARAM_NAME,
+                        select: { type: 'interval', encodings: ['x'] },
+                    },
+                ],
+                mark,
+                encoding: {
+                    ...encoding,
+                    color: { value: '#ddd' },
+                },
+            },
+            {
+                transform: [{ filter: { param: BRUSH_PARAM_NAME } }],
+                mark,
+                encoding: {
+                    ...encoding,
+                    ...(color ? { color: { value: color } } : {}),
+                },
+            },
+        ],
+        padding: 20,
+    };
+}
+/** Build a simple flat spec (no cross-filtering). */
+export function buildFlatSpec(opts) {
+    const { mark, xField, yField, yAggregate, color } = opts;
+    const encoding = {};
+    if (xField)
+        encoding.x = { field: xField };
+    if (yField)
+        encoding.y = { field: yField, aggregate: yAggregate ?? 'sum' };
+    else if (yAggregate === 'count')
+        encoding.y = { aggregate: 'count' };
+    if (color)
+        encoding.color = { value: color };
+    return { mark, encoding, padding: 20 };
+}
+//# sourceMappingURL=vegaSpecBuilder.js.map

package/dist/vegaSpecBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vegaSpecBuilder.js","sourceRoot":"","sources":["../src/vegaSpecBuilder.ts"],"names":[],"mappings":"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","sourcesContent":["import {BRUSH_PARAM_NAME} from './vegaSelectionUtils';\nimport type {BrushFieldType} from './types';\n\n/**\n * Read the flat encoding/mark values from either a flat spec or a\n * dual-layer cross-filter spec so the config panel dropdowns reflect\n * the current state regardless of spec shape.\n */\nexport function readSpecValues(spec: any): {\n  mark: string | undefined;\n  xField: string | undefined;\n  yField: string | undefined;\n  yAggregate: string | undefined;\n  color: string | undefined;\n} {\n  if (spec?.layer && Array.isArray(spec.layer)) {\n    const fg = spec.layer[1] ?? spec.layer[0];\n    const bg = spec.layer[0];\n    return {\n      mark: fg?.mark ?? bg?.mark,\n      xField: fg?.encoding?.x?.field ?? bg?.encoding?.x?.field,\n      yField: fg?.encoding?.y?.field ?? bg?.encoding?.y?.field,\n      yAggregate: fg?.encoding?.y?.aggregate ?? bg?.encoding?.y?.aggregate,\n      color: fg?.encoding?.color?.value,\n    };\n  }\n  return {\n    mark: spec?.mark,\n    xField: spec?.encoding?.x?.field,\n    yField: spec?.encoding?.y?.field,\n    yAggregate: spec?.encoding?.y?.aggregate,\n    color: spec?.encoding?.color?.value,\n  };\n}\n\n/**\n * Build a dual-layer Vega-Lite spec with a brush selection param on the\n * background layer and a filter transform on the foreground layer.\n */\nexport function buildCrossFilterSpec(opts: {\n  mark: string;\n  xField?: string;\n  xFieldType?: BrushFieldType;\n  yField?: string;\n  yAggregate?: string;\n  color?: string;\n}): any {\n  const {mark, xField, xFieldType, yField, yAggregate, color} = opts;\n  const xEnc: any = xField\n    ? {\n        field: xField,\n        ...(xFieldType === 'numeric' ? {bin: {maxbins: 20}} : {}),\n      }\n    : undefined;\n  const yEnc: any = yField\n    ? {field: yField, aggregate: yAggregate ?? 'sum'}\n    : yAggregate === 'count'\n      ? {aggregate: 'count'}\n      : undefined;\n\n  const encoding: any = {};\n  if (xEnc) encoding.x = xEnc;\n  if (yEnc) encoding.y = yEnc;\n\n  return {\n    layer: [\n      {\n        params: [\n          {\n            name: BRUSH_PARAM_NAME,\n            select: {type: 'interval', encodings: ['x']},\n          },\n        ],\n        mark,\n        encoding: {\n          ...encoding,\n          color: {value: '#ddd'},\n        },\n      },\n      {\n        transform: [{filter: {param: BRUSH_PARAM_NAME}}],\n        mark,\n        encoding: {\n          ...encoding,\n          ...(color ? {color: {value: color}} : {}),\n        },\n      },\n    ],\n    padding: 20,\n  };\n}\n\n/** Build a simple flat spec (no cross-filtering). */\nexport function buildFlatSpec(opts: {\n  mark: string;\n  xField?: string;\n  yField?: string;\n  yAggregate?: string;\n  color?: string;\n}): any {\n  const {mark, xField, yField, yAggregate, color} = opts;\n  const encoding: any = {};\n  if (xField) encoding.x = {field: xField};\n  if (yField) encoding.y = {field: yField, aggregate: yAggregate ?? 'sum'};\n  else if (yAggregate === 'count') encoding.y = {aggregate: 'count'};\n  if (color) encoding.color = {value: color};\n  return {mark, encoding, padding: 20};\n}\n"]}

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@sqlrooms/cells",
-  "version": "0.29.0-rc.1",
-  "private": false,
+  "version": "0.29.0-rc.3",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -13,7 +12,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/sqlrooms/sqlrooms.git"
+    "url": "git+https://github.com/sqlrooms/sqlrooms.git"
   },
   "sideEffects": false,
   "scripts": {
@@ -27,21 +26,21 @@
   },
   "dependencies": {
     "@paralleldrive/cuid2": "^2.2.2",
-    "@sqlrooms/data-table": "0.29.0-rc.1",
-    "@sqlrooms/db": "0.29.0-rc.1",
-    "@sqlrooms/duckdb": "0.29.0-rc.1",
-    "@sqlrooms/room-store": "0.29.0-rc.1",
-    "@sqlrooms/sql-editor": "0.29.0-rc.1",
-    "@sqlrooms/ui": "0.29.0-rc.1",
-    "@sqlrooms/utils": "0.29.0-rc.1",
-    "@sqlrooms/vega": "0.29.0-rc.1",
+    "@sqlrooms/data-table": "0.29.0-rc.3",
+    "@sqlrooms/db": "0.29.0-rc.3",
+    "@sqlrooms/duckdb": "0.29.0-rc.3",
+    "@sqlrooms/room-store": "0.29.0-rc.3",
+    "@sqlrooms/sql-editor": "0.29.0-rc.3",
+    "@sqlrooms/ui": "0.29.0-rc.3",
+    "@sqlrooms/utils": "0.29.0-rc.3",
+    "@sqlrooms/vega": "0.29.0-rc.3",
     "@tanstack/react-table": "^8.21.3",
     "apache-arrow": "17.0.0",
     "immer": "^11.0.1",
     "lucide-react": "^0.555.0",
-    "monaco-editor": "^0.55.1",
     "react-hook-form": "^7.68.0",
     "react-markdown": "^10.1.0",
+    "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
     "zod": "^4.1.8"
   },
@@ -53,5 +52,5 @@
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19"
   },
-  "gitHead": "69f127fd34bd7f2ce3d75d6098dbf8c1f5ab50f3"
+  "gitHead": "4ffaf6c31d41c27f96bd3e4f5e83d431968721c3"
 }

package/dist/components/DeleteSheetModal.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export type DeleteSheetModalProps = {
-    isOpen: boolean;
-    onClose: () => void;
-    onConfirm: () => void;
-    sheetTitle?: string;
-};
-export declare const DeleteSheetModal: React.FC<DeleteSheetModalProps>;
-//# sourceMappingURL=DeleteSheetModal.d.ts.map

package/dist/components/DeleteSheetModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeleteSheetModal.d.ts","sourceRoot":"","sources":["../../src/components/DeleteSheetModal.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2B5D,CAAC"}

package/dist/components/DeleteSheetModal.js

@@ -1,6 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Button, } from '@sqlrooms/ui';
-export const DeleteSheetModal = ({ isOpen, onClose, onConfirm, sheetTitle, }) => {
-    return (_jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Delete ", sheetTitle || 'Sheet'] }), _jsx(DialogDescription, { children: "Are you sure you want to delete this sheet? This action cannot be undone." })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: onClose, children: "Cancel" }), _jsx(Button, { variant: "destructive", onClick: onConfirm, children: "Delete" })] })] }) }));
-};
-//# sourceMappingURL=DeleteSheetModal.js.map

package/dist/components/DeleteSheetModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeleteSheetModal.js","sourceRoot":"","sources":["../../src/components/DeleteSheetModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,MAAM,GACP,MAAM,cAAc,CAAC;AAUtB,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,MAAM,EACN,OAAO,EACP,SAAS,EACT,UAAU,GACX,EAAE,EAAE;IACH,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,OAAO,EAAE,YAC9D,MAAC,aAAa,eACZ,MAAC,YAAY,eACX,MAAC,WAAW,0BAAS,UAAU,IAAI,OAAO,IAAe,EACzD,KAAC,iBAAiB,4FAGE,IACP,EACf,MAAC,YAAY,eACX,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,uBAEjC,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAE,SAAS,uBAEvC,IACI,IACD,GACT,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Button,\n} from '@sqlrooms/ui';\nimport React from 'react';\n\nexport type DeleteSheetModalProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  sheetTitle?: string;\n};\n\nexport const DeleteSheetModal: React.FC<DeleteSheetModalProps> = ({\n  isOpen,\n  onClose,\n  onConfirm,\n  sheetTitle,\n}) => {\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Delete {sheetTitle || 'Sheet'}</DialogTitle>\n          <DialogDescription>\n            Are you sure you want to delete this sheet? This action cannot be\n            undone.\n          </DialogDescription>\n        </DialogHeader>\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button variant=\"destructive\" onClick={onConfirm}>\n            Delete\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"]}

package/dist/components/SheetsTabBar.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type SheetsTabBarProps = {
-    className?: string;
-};
-export declare const SheetsTabBar: React.FC<SheetsTabBarProps>;
-//# sourceMappingURL=SheetsTabBar.d.ts.map

package/dist/components/SheetsTabBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SheetsTabBar.d.ts","sourceRoot":"","sources":["../../src/components/SheetsTabBar.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmIpD,CAAC"}

package/dist/components/SheetsTabBar.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, TabStrip, } from '@sqlrooms/ui';
-import { AppWindow, FileText, LayoutDashboard, PencilIcon, PlusIcon, TrashIcon, } from 'lucide-react';
-import React, { useCallback, useMemo, useState } from 'react';
-import { useCellsStore } from '../hooks';
-import { DeleteSheetModal } from './DeleteSheetModal';
-const TYPE_ICONS = {
-    notebook: FileText,
-    canvas: LayoutDashboard,
-    app: AppWindow,
-};
-export const SheetsTabBar = ({ className }) => {
-    const sheetOrder = useCellsStore((s) => s.cells.config.sheetOrder);
-    const sheets = useCellsStore((s) => s.cells.config.sheets);
-    const currentSheetId = useCellsStore((s) => s.cells.config.currentSheetId);
-    const supportedTypes = useCellsStore((s) => s.cells.supportedSheetTypes);
-    const addSheet = useCellsStore((s) => s.cells.addSheet);
-    const removeSheet = useCellsStore((s) => s.cells.removeSheet);
-    const closeSheet = useCellsStore((s) => s.cells.closeSheet);
-    const openSheet = useCellsStore((s) => s.cells.openSheet);
-    const setSheetOrder = useCellsStore((s) => s.cells.setSheetOrder);
-    const renameSheet = useCellsStore((s) => s.cells.renameSheet);
-    const setCurrentSheet = useCellsStore((s) => s.cells.setCurrentSheet);
-    const [sheetToDelete, setSheetToDelete] = useState(null);
-    const handleDeleteRequest = useCallback((sheetId) => {
-        const sheet = sheets[sheetId];
-        if (sheet && sheet.cellIds.length === 0) {
-            removeSheet(sheetId);
-        }
-        else {
-            setSheetToDelete(sheetId);
-        }
-    }, [sheets, removeSheet]);
-    const handleConfirmDelete = useCallback(() => {
-        if (sheetToDelete) {
-            removeSheet(sheetToDelete);
-            setSheetToDelete(null);
-        }
-    }, [sheetToDelete, removeSheet]);
-    const tabs = useMemo(() => Object.values(sheets).map((sheet) => ({
-        id: sheet.id,
-        name: sheet.title || 'Untitled',
-        type: sheet.type || 'notebook',
-    })), [sheets]);
-    return (_jsxs(TabStrip, { className: className, tabs: tabs, openTabs: sheetOrder, selectedTabId: currentSheetId, onSelect: setCurrentSheet, onRename: renameSheet, onClose: closeSheet, onOpenTabsChange: setSheetOrder, renderTabTitle: (tab) => {
-            const Icon = TYPE_ICONS[tab.type] || FileText;
-            return (_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Icon, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" }), _jsx("div", { className: "truncate text-sm", children: tab.name })] }));
-        }, renderTabMenu: (tab) => (_jsxs(_Fragment, { children: [_jsxs(TabStrip.MenuItem, { onClick: () => renameSheet(tab.id, tab.name), children: [_jsx(PencilIcon, { className: "mr-2 h-4 w-4" }), "Rename"] }), _jsx(TabStrip.MenuSeparator, {}), _jsxs(TabStrip.MenuItem, { variant: "destructive", onClick: () => handleDeleteRequest(tab.id), children: [_jsx(TrashIcon, { className: "mr-2 h-4 w-4" }), "Delete"] })] })), renderSearchItemActions: (tab) => (_jsxs(_Fragment, { children: [_jsx(TabStrip.SearchItemAction, { icon: _jsx(PencilIcon, { className: "h-3 w-3" }), "aria-label": `Rename ${tab.name}`, onClick: () => renameSheet(tab.id, tab.name) }), _jsx(TabStrip.SearchItemAction, { icon: _jsx(TrashIcon, { className: "h-3 w-3" }), "aria-label": `Delete ${tab.name}`, onClick: () => handleDeleteRequest(tab.id) })] })), children: [_jsx(TabStrip.SearchDropdown, {}), _jsx(TabStrip.Tabs, { tabClassName: "pl-2" }), supportedTypes.length === 1 ? (_jsx(AddNewSheetButton, { onClick: () => addSheet(undefined, supportedTypes[0]) })) : (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(AddNewSheetButton, {}) }), _jsx(DropdownMenuContent, { align: "start", children: supportedTypes.map((type) => {
-                            const Icon = TYPE_ICONS[type];
-                            return (_jsxs(DropdownMenuItem, { onClick: () => addSheet(undefined, type), className: "capitalize", children: [_jsx(Icon, { className: "mr-2 h-4 w-4" }), "New ", type] }, type));
-                        }) })] })), _jsx(DeleteSheetModal, { isOpen: sheetToDelete !== null, onClose: () => setSheetToDelete(null), onConfirm: handleConfirmDelete, sheetTitle: sheetToDelete ? sheets[sheetToDelete]?.title : undefined })] }));
-};
-const AddNewSheetButton = React.forwardRef(({ className, ...props }, ref) => {
-    return (_jsx(Button, { ref: ref, size: "icon", variant: "ghost", className: `hover:bg-primary/10 h-full w-8 rounded-none ${className ?? ''}`, ...props, children: _jsx(PlusIcon, { className: "h-4 w-4" }) }));
-});
-AddNewSheetButton.displayName = 'AddNewSheetButton';
-//# sourceMappingURL=SheetsTabBar.js.map

package/dist/components/SheetsTabBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SheetsTabBar.js","sourceRoot":"","sources":["../../src/components/SheetsTabBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  TabStrip,\n  TabDescriptor,\n} from '@sqlrooms/ui';\nimport {\n  AppWindow,\n  FileText,\n  LayoutDashboard,\n  PencilIcon,\n  PlusIcon,\n  TrashIcon,\n} from 'lucide-react';\nimport React, {useCallback, useMemo, useState} from 'react';\nimport {useCellsStore} from '../hooks';\nimport {SheetType} from '../types';\nimport {DeleteSheetModal} from './DeleteSheetModal';\n\nexport type SheetsTabBarProps = {\n  className?: string;\n};\n\nconst TYPE_ICONS: Record<SheetType, React.ElementType> = {\n  notebook: FileText,\n  canvas: LayoutDashboard,\n  app: AppWindow,\n};\n\nexport const SheetsTabBar: React.FC<SheetsTabBarProps> = ({className}) => {\n  const sheetOrder = useCellsStore((s) => s.cells.config.sheetOrder);\n  const sheets = useCellsStore((s) => s.cells.config.sheets);\n  const currentSheetId = useCellsStore((s) => s.cells.config.currentSheetId);\n  const supportedTypes = useCellsStore((s) => s.cells.supportedSheetTypes);\n  const addSheet = useCellsStore((s) => s.cells.addSheet);\n  const removeSheet = useCellsStore((s) => s.cells.removeSheet);\n  const closeSheet = useCellsStore((s) => s.cells.closeSheet);\n  const openSheet = useCellsStore((s) => s.cells.openSheet);\n  const setSheetOrder = useCellsStore((s) => s.cells.setSheetOrder);\n  const renameSheet = useCellsStore((s) => s.cells.renameSheet);\n  const setCurrentSheet = useCellsStore((s) => s.cells.setCurrentSheet);\n\n  const [sheetToDelete, setSheetToDelete] = useState<string | null>(null);\n\n  const handleDeleteRequest = useCallback(\n    (sheetId: string) => {\n      const sheet = sheets[sheetId];\n      if (sheet && sheet.cellIds.length === 0) {\n        removeSheet(sheetId);\n      } else {\n        setSheetToDelete(sheetId);\n      }\n    },\n    [sheets, removeSheet],\n  );\n\n  const handleConfirmDelete = useCallback(() => {\n    if (sheetToDelete) {\n      removeSheet(sheetToDelete);\n      setSheetToDelete(null);\n    }\n  }, [sheetToDelete, removeSheet]);\n\n  const tabs = useMemo(\n    () =>\n      Object.values(sheets).map((sheet) => ({\n        id: sheet.id,\n        name: sheet.title || 'Untitled',\n        type: sheet.type || 'notebook',\n      })),\n    [sheets],\n  );\n\n  return (\n    <TabStrip\n      className={className}\n      tabs={tabs}\n      openTabs={sheetOrder}\n      selectedTabId={currentSheetId}\n      onSelect={setCurrentSheet}\n      onRename={renameSheet}\n      onClose={closeSheet}\n      onOpenTabsChange={setSheetOrder}\n      renderTabTitle={(tab: TabDescriptor) => {\n        const Icon = TYPE_ICONS[tab.type as SheetType] || FileText;\n        return (\n          <div className=\"flex min-w-0 items-center gap-2\">\n            <Icon className=\"text-muted-foreground h-3.5 w-3.5 shrink-0\" />\n            <div className=\"truncate text-sm\">{tab.name}</div>\n          </div>\n        );\n      }}\n      renderTabMenu={(tab) => (\n        <>\n          <TabStrip.MenuItem onClick={() => renameSheet(tab.id, tab.name)}>\n            <PencilIcon className=\"mr-2 h-4 w-4\" />\n            Rename\n          </TabStrip.MenuItem>\n          <TabStrip.MenuSeparator />\n          <TabStrip.MenuItem\n            variant=\"destructive\"\n            onClick={() => handleDeleteRequest(tab.id)}\n          >\n            <TrashIcon className=\"mr-2 h-4 w-4\" />\n            Delete\n          </TabStrip.MenuItem>\n        </>\n      )}\n      renderSearchItemActions={(tab) => (\n        <>\n          <TabStrip.SearchItemAction\n            icon={<PencilIcon className=\"h-3 w-3\" />}\n            aria-label={`Rename ${tab.name}`}\n            onClick={() => renameSheet(tab.id, tab.name)}\n          />\n          <TabStrip.SearchItemAction\n            icon={<TrashIcon className=\"h-3 w-3\" />}\n            aria-label={`Delete ${tab.name}`}\n            onClick={() => handleDeleteRequest(tab.id)}\n          />\n        </>\n      )}\n    >\n      <TabStrip.SearchDropdown />\n      <TabStrip.Tabs tabClassName=\"pl-2\" />\n\n      {supportedTypes.length === 1 ? (\n        <AddNewSheetButton\n          onClick={() => addSheet(undefined, supportedTypes[0])}\n        />\n      ) : (\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <AddNewSheetButton />\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\">\n            {supportedTypes.map((type) => {\n              const Icon = TYPE_ICONS[type];\n              return (\n                <DropdownMenuItem\n                  key={type}\n                  onClick={() => addSheet(undefined, type)}\n                  className=\"capitalize\"\n                >\n                  <Icon className=\"mr-2 h-4 w-4\" />\n                  New {type}\n                </DropdownMenuItem>\n              );\n            })}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )}\n      <DeleteSheetModal\n        isOpen={sheetToDelete !== null}\n        onClose={() => setSheetToDelete(null)}\n        onConfirm={handleConfirmDelete}\n        sheetTitle={sheetToDelete ? sheets[sheetToDelete]?.title : undefined}\n      />\n    </TabStrip>\n  );\n};\n\nconst AddNewSheetButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof Button>\n>(({className, ...props}, ref) => {\n  return (\n    <Button\n      ref={ref}\n      size=\"icon\"\n      variant=\"ghost\"\n      className={`hover:bg-primary/10 h-full w-8 rounded-none ${className ?? ''}`}\n      {...props}\n    >\n      <PlusIcon className=\"h-4 w-4\" />\n    </Button>\n  );\n});\nAddNewSheetButton.displayName = 'AddNewSheetButton';\n"]}