@sqlrooms/cells 0.29.0-rc.2 → 0.29.0-rc.4

package/dist/components/SqlCellDependentsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SqlCellDependentsMenu.js","sourceRoot":"","sources":["../../src/components/SqlCellDependentsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuTrigger,\n} from '@sqlrooms/ui';\nimport React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport type {CellsSliceConfig} from '../types';\n\nexport type SqlCellDependentsMenuProps = {\n  cellId: string;\n  currentSheetId: string | undefined;\n  cellsData: CellsSliceConfig['data'];\n  sheets: CellsSliceConfig['sheets'];\n  getDownstream: (sheetId: string, cellId: string) => string[];\n};\n\nexport const SqlCellDependentsMenu: React.FC<SqlCellDependentsMenuProps> = ({\n  cellId,\n  currentSheetId,\n  cellsData,\n  sheets,\n  getDownstream,\n}) => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const closeMenuTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const downstreamCellIds = useMemo(() => {\n    if (!currentSheetId) return [];\n    return getDownstream(currentSheetId, cellId);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentSheetId, getDownstream, cellId, cellsData, sheets]);\n\n  const downstreamCells = useMemo(\n    () =>\n      downstreamCellIds.map((downstreamCellId) => {\n        const downstreamCell = cellsData[downstreamCellId];\n        return {\n          id: downstreamCellId,\n          label: downstreamCell?.data?.title?.trim() || 'Untitled',\n        };\n      }),\n    [cellsData, downstreamCellIds],\n  );\n\n  const scrollToCell = useCallback((targetCellId: string) => {\n    const selectorTargets = [\n      `[data-cell-container-id=\"${targetCellId}\"]`,\n      `#cell-${targetCellId}`,\n    ];\n    const el =\n      selectorTargets\n        .map((selector) => document.querySelector<HTMLElement>(selector))\n        .find(Boolean) ?? null;\n    if (el) {\n      el.scrollIntoView({behavior: 'smooth', block: 'center'});\n    }\n  }, []);\n\n  const clearCloseTimer = useCallback(() => {\n    if (closeMenuTimerRef.current) {\n      clearTimeout(closeMenuTimerRef.current);\n      closeMenuTimerRef.current = null;\n    }\n  }, []);\n\n  const openMenu = useCallback(() => {\n    clearCloseTimer();\n    setMenuOpen(true);\n  }, [clearCloseTimer]);\n\n  const scheduleCloseMenu = useCallback(() => {\n    clearCloseTimer();\n    closeMenuTimerRef.current = setTimeout(() => {\n      setMenuOpen(false);\n      closeMenuTimerRef.current = null;\n    }, 120);\n  }, [clearCloseTimer]);\n\n  useEffect(() => {\n    return () => {\n      clearCloseTimer();\n    };\n  }, [clearCloseTimer]);\n\n  if (downstreamCells.length === 0) {\n    return null;\n  }\n\n  return (\n    <DropdownMenu open={menuOpen} onOpenChange={setMenuOpen}>\n      <DropdownMenuTrigger asChild>\n        <Button\n          className=\"h-5\"\n          size=\"xs\"\n          variant=\"secondary\"\n          aria-label={`${downstreamCells.length} dependent cells`}\n          onMouseEnter={openMenu}\n          onMouseLeave={scheduleCloseMenu}\n        >\n          {downstreamCells.length}\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align=\"start\"\n        onCloseAutoFocus={(e) => e.preventDefault()}\n        onMouseEnter={openMenu}\n        onMouseLeave={scheduleCloseMenu}\n      >\n        <DropdownMenuLabel className=\"text-xs\">Referenced in</DropdownMenuLabel>\n        {downstreamCells.map((dependentCell) => (\n          <DropdownMenuItem\n            key={dependentCell.id}\n            className=\"cursor-pointer text-xs\"\n            onSelect={(e) => {\n              e.preventDefault();\n              scrollToCell(dependentCell.id);\n            }}\n          >\n            {dependentCell.label}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"]}
+{"version":3,"file":"SqlCellDependentsMenu.js","sourceRoot":"","sources":["../../src/components/SqlCellDependentsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuTrigger,\n} from '@sqlrooms/ui';\nimport React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport type {CellsSliceConfig} from '../types';\n\nexport type SqlCellDependentsMenuProps = {\n  cellId: string;\n  artifactId: string | undefined;\n  cellsData: CellsSliceConfig['data'];\n  artifacts: CellsSliceConfig['artifacts'];\n  getDownstream: (artifactId: string, cellId: string) => string[];\n};\n\nexport const SqlCellDependentsMenu: React.FC<SqlCellDependentsMenuProps> = ({\n  cellId,\n  artifactId,\n  cellsData,\n  artifacts,\n  getDownstream,\n}) => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const closeMenuTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const downstreamCellIds = useMemo(() => {\n    if (!artifactId) return [];\n    return getDownstream(artifactId, cellId);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [artifactId, getDownstream, cellId, cellsData, artifacts]);\n\n  const downstreamCells = useMemo(\n    () =>\n      downstreamCellIds.map((downstreamCellId) => {\n        const downstreamCell = cellsData[downstreamCellId];\n        return {\n          id: downstreamCellId,\n          label: downstreamCell?.data?.title?.trim() || 'Untitled',\n        };\n      }),\n    [cellsData, downstreamCellIds],\n  );\n\n  const scrollToCell = useCallback((targetCellId: string) => {\n    const selectorTargets = [\n      `[data-cell-container-id=\"${targetCellId}\"]`,\n      `#cell-${targetCellId}`,\n    ];\n    const el =\n      selectorTargets\n        .map((selector) => document.querySelector<HTMLElement>(selector))\n        .find(Boolean) ?? null;\n    if (el) {\n      el.scrollIntoView({behavior: 'smooth', block: 'center'});\n    }\n  }, []);\n\n  const clearCloseTimer = useCallback(() => {\n    if (closeMenuTimerRef.current) {\n      clearTimeout(closeMenuTimerRef.current);\n      closeMenuTimerRef.current = null;\n    }\n  }, []);\n\n  const openMenu = useCallback(() => {\n    clearCloseTimer();\n    setMenuOpen(true);\n  }, [clearCloseTimer]);\n\n  const scheduleCloseMenu = useCallback(() => {\n    clearCloseTimer();\n    closeMenuTimerRef.current = setTimeout(() => {\n      setMenuOpen(false);\n      closeMenuTimerRef.current = null;\n    }, 120);\n  }, [clearCloseTimer]);\n\n  useEffect(() => {\n    return () => {\n      clearCloseTimer();\n    };\n  }, [clearCloseTimer]);\n\n  if (downstreamCells.length === 0) {\n    return null;\n  }\n\n  return (\n    <DropdownMenu open={menuOpen} onOpenChange={setMenuOpen}>\n      <DropdownMenuTrigger asChild>\n        <Button\n          className=\"h-5\"\n          size=\"xs\"\n          variant=\"secondary\"\n          aria-label={`${downstreamCells.length} dependent cells`}\n          onMouseEnter={openMenu}\n          onMouseLeave={scheduleCloseMenu}\n        >\n          {downstreamCells.length}\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align=\"start\"\n        onCloseAutoFocus={(e) => e.preventDefault()}\n        onMouseEnter={openMenu}\n        onMouseLeave={scheduleCloseMenu}\n      >\n        <DropdownMenuLabel className=\"text-xs\">Referenced in</DropdownMenuLabel>\n        {downstreamCells.map((dependentCell) => (\n          <DropdownMenuItem\n            key={dependentCell.id}\n            className=\"cursor-pointer text-xs\"\n            onSelect={(e) => {\n              e.preventDefault();\n              scrollToCell(dependentCell.id);\n            }}\n          >\n            {dependentCell.label}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"SqlCellResults.d.ts","sourceRoot":"","sources":["../../src/components/SqlCellResults.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,uBAAuB,CAAC;AACzE,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAC,cAAc,EAAC,MAAM,UAAU,CAAC;AAExC,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,CACnB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,eAAe,EAC3B,OAAO,EAAE,YAAY,KAClB,IAAI,CAAC;CACX;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0GxD,CAAC"}
+{"version":3,"file":"SqlCellResults.d.ts","sourceRoot":"","sources":["../../src/components/SqlCellResults.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,uBAAuB,CAAC;AACzE,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAC,cAAc,EAAC,MAAM,UAAU,CAAC;AAExC,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,CACnB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,eAAe,EAC3B,OAAO,EAAE,YAAY,KAClB,IAAI,CAAC;CACX;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyGxD,CAAC"}

package/dist/components/SqlCellResults.js

@@ -32,7 +32,6 @@ export const SqlCellResults = ({ cellId, cellResult, resultName, isRunning, erro
     useEffect(() => {
         if (resultVersion !== prevResultVersion.current) {
             prevResultVersion.current = resultVersion;
-            // eslint-disable-next-line react-hooks/set-state-in-effect
             setPagination((prev) => prev.pageIndex === 0 ? prev : { ...prev, pageIndex: 0 });
             setSorting((prev) => (prev.length === 0 ? prev : []));
         }

package/dist/components/SqlCellResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"SqlCellResults.js","sourceRoot":"","sources":["../../src/components/SqlCellResults.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,kBAAkB,EAClB,yBAAyB,EACzB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAE9B,OAAc,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAChC,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AAiBpE;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,MAAM,EACN,UAAU,EACV,UAAU,EACV,SAAS,EACT,YAAY,EACZ,aAAa,EACb,mBAAmB,GACpB,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,cAAc,GAAG,iBAAiB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAEjE,oDAAoD;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAkB;QAC5D,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,EAAE;KACb,CAAC,CAAC;IAEH,2EAA2E;IAC3E,uDAAuD;IACvD,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;YAC9B,OAAO;QACT,CAAC;QACD,IAAI,UAAU,EAAE,CAAC;YACf,mBAAmB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnE,uDAAuD;IACvD,MAAM,iBAAiB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,KAAK,iBAAiB,CAAC,OAAO,EAAE,CAAC;YAChD,iBAAiB,CAAC,OAAO,GAAG,aAAa,CAAC;YAC1C,2DAA2D;YAC3D,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CACrB,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAC,GAAG,IAAI,EAAE,SAAS,EAAE,CAAC,EAAC,CACtD,CAAC;YACF,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACxD,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;QACtD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,wBAAwB,IACvB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,GAC5C,EACD,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,wBAAwB,YACpC,YAAY,CAAC,CAAC,CAAC,CACd,eAAM,SAAS,EAAC,0BAA0B,YAAE,YAAY,GAAQ,CACjE,CAAC,CAAC,CAAC,UAAU,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CACxC,gBAAM,SAAS,EAAC,mCAAmC,aAChD,UAAU,CAAC,SAAS,CAAC,cAAc,EAAE,aACjC,CACR,CAAC,CAAC,CAAC,IAAI,GACJ,CACP,CAAC,CAAC,CAAC,CACF,4BACG,YAAY,CAAC,CAAC,CAAC,CACd,cAAK,SAAS,EAAC,0CAA0C,YACvD,eAAM,SAAS,EAAC,oDAAoD,YACjE,YAAY,GACR,GACH,CACP,CAAC,CAAC,CAAC,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,CACjC,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,kBAAkB,IACjB,SAAS,EAAC,gCAAgC,EAC1C,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,cAAc,CAAC,IAAI,EACzB,OAAO,EAAE,cAAc,CAAC,OAAO,EAC/B,OAAO,EAAE,UAAU,EAAE,SAAS,EAC9B,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,aAAa,EACjC,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,UAAU,EAC3B,UAAU,EAAE,SAAS,EACrB,aAAa,EACX,KAAC,yBAAyB,IACxB,KAAK,EAAE,iBAAiB,UAAU,EAAE,GACpC,GAEJ,EACF,6BACe,CAAC,SAAS,EACvB,SAAS,EAAE,EAAE,CACX,4FAA4F,EAC5F,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,WAAW,CACtD,GACD,IACE,CACP,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  DataTablePaginated,\n  QueryDataTableActionsMenu,\n  useArrowDataTable,\n} from '@sqlrooms/data-table';\nimport type {PaginationState, SortingState} from '@tanstack/react-table';\nimport React, {useEffect, useRef, useState} from 'react';\nimport {cn} from '@sqlrooms/ui';\nimport {CollapsibleSectionButton} from './CollapsibleSectionButton';\nimport {CellResultData} from '../types';\n\nexport interface SqlCellResultsProps {\n  cellId: string;\n  cellResult?: CellResultData | undefined;\n  resultName?: string;\n  isRunning?: boolean;\n  errorMessage?: string;\n  resultVersion: number;\n  fetchCellResultPage: (\n    cellId: string,\n    pagination: PaginationState,\n    sorting: SortingState,\n  ) => void;\n}\n\n/**\n * SQL query results display with collapse/expand functionality\n */\nexport const SqlCellResults: React.FC<SqlCellResultsProps> = ({\n  cellId,\n  cellResult,\n  resultName,\n  isRunning,\n  errorMessage,\n  resultVersion,\n  fetchCellResultPage,\n}) => {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const arrowTableData = useArrowDataTable(cellResult?.arrowTable);\n\n  // Pagination and sorting state for the result table\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const [pagination, setPagination] = useState<PaginationState>({\n    pageIndex: 0,\n    pageSize: 10,\n  });\n\n  // Fetch new page when pagination or sorting changes (not on initial render\n  // since executeSqlCell already fetches the first page)\n  const isFirstRender = useRef(true);\n\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false;\n      return;\n    }\n    if (resultName) {\n      fetchCellResultPage(cellId, pagination, sorting);\n    }\n  }, [pagination, sorting, cellId, fetchCellResultPage, resultName]);\n\n  // Reset pagination when a new result arrives (new run)\n  const prevResultVersion = useRef(resultVersion);\n  useEffect(() => {\n    if (resultVersion !== prevResultVersion.current) {\n      prevResultVersion.current = resultVersion;\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setPagination((prev) =>\n        prev.pageIndex === 0 ? prev : {...prev, pageIndex: 0},\n      );\n      setSorting((prev) => (prev.length === 0 ? prev : []));\n    }\n  }, [resultVersion]);\n\n  if (!errorMessage && (!resultName || !arrowTableData)) {\n    return null;\n  }\n\n  return (\n    <div className=\"group relative w-full\">\n      <CollapsibleSectionButton\n        isCollapsed={isCollapsed}\n        onToggle={() => setIsCollapsed(!isCollapsed)}\n      />\n      {isCollapsed ? (\n        <div className=\"ml-5 px-2 py-1 text-xs\">\n          {errorMessage ? (\n            <span className=\"font-normal text-red-600\">{errorMessage}</span>\n          ) : cellResult?.totalRows !== undefined ? (\n            <span className=\"text-muted-foreground font-normal\">\n              {cellResult.totalRows.toLocaleString()} rows\n            </span>\n          ) : null}\n        </div>\n      ) : (\n        <>\n          {errorMessage ? (\n            <div className=\"relative max-h-[400px] overflow-auto p-4\">\n              <span className=\"font-mono text-xs whitespace-pre-wrap text-red-600\">\n                {errorMessage}\n              </span>\n            </div>\n          ) : resultName && arrowTableData ? (\n            <div className=\"relative min-h-[200px] overflow-hidden\">\n              <DataTablePaginated\n                className=\"absolute inset-0 h-full w-full\"\n                fontSize=\"text-xs\"\n                data={arrowTableData.data}\n                columns={arrowTableData.columns}\n                numRows={cellResult?.totalRows}\n                pagination={pagination}\n                onPaginationChange={setPagination}\n                sorting={sorting}\n                onSortingChange={setSorting}\n                isFetching={isRunning}\n                footerActions={\n                  <QueryDataTableActionsMenu\n                    query={`SELECT * FROM ${resultName}`}\n                  />\n                }\n              />\n              <div\n                aria-hidden={!isRunning}\n                className={cn(\n                  'bg-background/45 pointer-events-none absolute inset-0 z-10 transition-opacity duration-200',\n                  isRunning ? 'animate-pulse opacity-100' : 'opacity-0',\n                )}\n              />\n            </div>\n          ) : null}\n        </>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"SqlCellResults.js","sourceRoot":"","sources":["../../src/components/SqlCellResults.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  DataTablePaginated,\n  QueryDataTableActionsMenu,\n  useArrowDataTable,\n} from '@sqlrooms/data-table';\nimport type {PaginationState, SortingState} from '@tanstack/react-table';\nimport React, {useEffect, useRef, useState} from 'react';\nimport {cn} from '@sqlrooms/ui';\nimport {CollapsibleSectionButton} from './CollapsibleSectionButton';\nimport {CellResultData} from '../types';\n\nexport interface SqlCellResultsProps {\n  cellId: string;\n  cellResult?: CellResultData | undefined;\n  resultName?: string;\n  isRunning?: boolean;\n  errorMessage?: string;\n  resultVersion: number;\n  fetchCellResultPage: (\n    cellId: string,\n    pagination: PaginationState,\n    sorting: SortingState,\n  ) => void;\n}\n\n/**\n * SQL query results display with collapse/expand functionality\n */\nexport const SqlCellResults: React.FC<SqlCellResultsProps> = ({\n  cellId,\n  cellResult,\n  resultName,\n  isRunning,\n  errorMessage,\n  resultVersion,\n  fetchCellResultPage,\n}) => {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const arrowTableData = useArrowDataTable(cellResult?.arrowTable);\n\n  // Pagination and sorting state for the result table\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const [pagination, setPagination] = useState<PaginationState>({\n    pageIndex: 0,\n    pageSize: 10,\n  });\n\n  // Fetch new page when pagination or sorting changes (not on initial render\n  // since executeSqlCell already fetches the first page)\n  const isFirstRender = useRef(true);\n\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false;\n      return;\n    }\n    if (resultName) {\n      fetchCellResultPage(cellId, pagination, sorting);\n    }\n  }, [pagination, sorting, cellId, fetchCellResultPage, resultName]);\n\n  // Reset pagination when a new result arrives (new run)\n  const prevResultVersion = useRef(resultVersion);\n  useEffect(() => {\n    if (resultVersion !== prevResultVersion.current) {\n      prevResultVersion.current = resultVersion;\n      setPagination((prev) =>\n        prev.pageIndex === 0 ? prev : {...prev, pageIndex: 0},\n      );\n      setSorting((prev) => (prev.length === 0 ? prev : []));\n    }\n  }, [resultVersion]);\n\n  if (!errorMessage && (!resultName || !arrowTableData)) {\n    return null;\n  }\n\n  return (\n    <div className=\"group relative w-full\">\n      <CollapsibleSectionButton\n        isCollapsed={isCollapsed}\n        onToggle={() => setIsCollapsed(!isCollapsed)}\n      />\n      {isCollapsed ? (\n        <div className=\"ml-5 px-2 py-1 text-xs\">\n          {errorMessage ? (\n            <span className=\"font-normal text-red-600\">{errorMessage}</span>\n          ) : cellResult?.totalRows !== undefined ? (\n            <span className=\"text-muted-foreground font-normal\">\n              {cellResult.totalRows.toLocaleString()} rows\n            </span>\n          ) : null}\n        </div>\n      ) : (\n        <>\n          {errorMessage ? (\n            <div className=\"relative max-h-[400px] overflow-auto p-4\">\n              <span className=\"font-mono text-xs whitespace-pre-wrap text-red-600\">\n                {errorMessage}\n              </span>\n            </div>\n          ) : resultName && arrowTableData ? (\n            <div className=\"relative min-h-[200px] overflow-hidden\">\n              <DataTablePaginated\n                className=\"absolute inset-0 h-full w-full\"\n                fontSize=\"text-xs\"\n                data={arrowTableData.data}\n                columns={arrowTableData.columns}\n                numRows={cellResult?.totalRows}\n                pagination={pagination}\n                onPaginationChange={setPagination}\n                sorting={sorting}\n                onSortingChange={setSorting}\n                isFetching={isRunning}\n                footerActions={\n                  <QueryDataTableActionsMenu\n                    query={`SELECT * FROM ${resultName}`}\n                  />\n                }\n              />\n              <div\n                aria-hidden={!isRunning}\n                className={cn(\n                  'bg-background/45 pointer-events-none absolute inset-0 z-10 transition-opacity duration-200',\n                  isRunning ? 'animate-pulse opacity-100' : 'opacity-0',\n                )}\n              />\n            </div>\n          ) : null}\n        </>\n      )}\n    </div>\n  );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"VegaCellContent.d.ts","sourceRoot":"","sources":["../../src/components/VegaCellContent.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAC,kBAAkB,EAAE,QAAQ,EAAC,MAAM,UAAU,CAAC;AAa3D,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,eAAe,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;CACpE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6J1D,CAAC"}
+{"version":3,"file":"VegaCellContent.d.ts","sourceRoot":"","sources":["../../src/components/VegaCellContent.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAC,kBAAkB,EAAE,QAAQ,EAAC,MAAM,UAAU,CAAC;AAY3D,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,eAAe,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;CACpE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyF1D,CAAC"}

package/dist/components/VegaCellContent.js

@@ -2,11 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDebouncedValue } from '@sqlrooms/ui';
 import { VegaLiteChart } from '@sqlrooms/vega';
 import { produce } from 'immer';
-import { useCallback, useState } from 'react';
+import { useState } from 'react';
 import { useCellsStore } from '../hooks';
 import { useVegaCellQuery } from '../hooks/useVegaCellQuery';
 import { useVegaCellDataSource } from '../hooks/useVegaCellDataSource';
-import { SelectionListener } from './SelectionListener';
 import { VegaConfigPanel } from './VegaConfigPanel';
 import { VegaCellHeader } from './VegaCellHeader';
 import { toDataSourceCell, toDataSourceTable } from '../helpers';
@@ -18,9 +17,6 @@ const DEFAULT_SPEC = {
 };
 export const VegaCellContent = ({ id, cell, renderContainer, }) => {
     const updateCell = useCellsStore((s) => s.cells.updateCell);
-    const crossFilterEnabled = cell.data.crossFilter?.enabled !== false;
-    const brushField = cell.data.crossFilter?.brushField;
-    const brushFieldType = cell.data.crossFilter?.brushFieldType;
     const [isEditing, setIsEditing] = useState(false);
     // Local state with debounced persistence
     const [localSpec, handleSpecChange] = useDebouncedValue(cell.data.vegaSpec ?? DEFAULT_SPEC, (spec) => {
@@ -30,11 +26,8 @@ export const VegaCellContent = ({ id, cell, renderContainer, }) => {
         }));
     }, 300);
     const { selectedSqlId, selectedTableRef, selectedSqlStatus, baseSqlQuery, lastRunTime, hasDataSource, } = useVegaCellDataSource(cell);
-    const { selectedSqlQuery, crossFilterPredicate } = useVegaCellQuery({
-        cellId: id,
+    const { selectedSqlQuery } = useVegaCellQuery({
         baseSqlQuery,
-        selectedSqlId,
-        crossFilterEnabled,
     });
     // Encode selection value: "cell:<id>" or "table:<schema.table>"
     const selectValue = selectedSqlId
@@ -42,36 +35,8 @@ export const VegaCellContent = ({ id, cell, renderContainer, }) => {
         : selectedTableRef
             ? toDataSourceTable(selectedTableRef)
             : undefined;
-    const handleCrossFilterToggle = useCallback((enabled) => {
-        updateCell(id, (c) => produce(c, (draft) => {
-            if (draft.type === 'vega') {
-                if (!draft.data.crossFilter)
-                    draft.data.crossFilter = {};
-                draft.data.crossFilter.enabled = enabled;
-            }
-        }));
-    }, [id, updateCell]);
-    const handleBrushFieldChange = useCallback((field) => {
-        updateCell(id, (c) => produce(c, (draft) => {
-            if (draft.type === 'vega') {
-                if (!draft.data.crossFilter)
-                    draft.data.crossFilter = {};
-                draft.data.crossFilter.brushField = field;
-            }
-        }));
-    }, [id, updateCell]);
-    const handleBrushFieldTypeChange = useCallback((fieldType) => {
-        updateCell(id, (c) => produce(c, (draft) => {
-            if (draft.type === 'vega') {
-                if (!draft.data.crossFilter)
-                    draft.data.crossFilter = {};
-                draft.data.crossFilter.brushFieldType = fieldType;
-            }
-        }));
-    }, [id, updateCell]);
-    const header = (_jsx(VegaCellHeader, { cellId: id, selectValue: selectValue, onEditToggle: () => setIsEditing((prev) => !prev), hasDataSource: hasDataSource, crossFilterEnabled: crossFilterEnabled, brushField: brushField, crossFilterPredicate: crossFilterPredicate }));
-    const showSelectionListener = crossFilterEnabled && brushField && selectedSqlId && selectedSqlStatus;
-    const content = (_jsxs("div", { className: "flex h-[400px]", children: [isEditing && (_jsx(VegaConfigPanel, { sqlQuery: baseSqlQuery, lastRunTime: lastRunTime, spec: localSpec, crossFilterEnabled: crossFilterEnabled, onSpecChange: handleSpecChange, onCrossFilterToggle: handleCrossFilterToggle, onBrushFieldChange: handleBrushFieldChange, onBrushFieldTypeChange: handleBrushFieldTypeChange })), _jsx("div", { onDoubleClick: () => hasDataSource && setIsEditing((prev) => !prev), className: "flex h-full w-full p-2", children: !hasDataSource ? (_jsx("div", { className: "flex h-full w-full items-center justify-center text-gray-400", children: "Please select a data source first." })) : !selectedSqlStatus && !selectedTableRef ? (_jsx("div", { className: "flex h-full w-full items-center justify-center text-gray-400", children: "No chart data available, please run the SQL cell first." })) : (_jsx(VegaLiteChart, { sqlQuery: selectedSqlQuery, spec: localSpec, className: "h-full w-full", aspectRatio: isEditing ? undefined : DEFAULT_ASPECT_RATIO, children: showSelectionListener && (_jsx(SelectionListener, { cellId: id, sqlId: selectedSqlId, brushField: brushField, brushFieldType: brushFieldType })) })) })] }));
+    const header = (_jsx(VegaCellHeader, { cellId: id, selectValue: selectValue, onEditToggle: () => setIsEditing((prev) => !prev), hasDataSource: hasDataSource }));
+    const content = (_jsxs("div", { className: "flex h-[400px]", children: [isEditing && (_jsx(VegaConfigPanel, { sqlQuery: baseSqlQuery, lastRunTime: lastRunTime, spec: localSpec, onSpecChange: handleSpecChange })), _jsx("div", { onDoubleClick: () => hasDataSource && setIsEditing((prev) => !prev), className: "flex h-full w-full p-2", children: !hasDataSource ? (_jsx("div", { className: "flex h-full w-full items-center justify-center text-gray-400", children: "Please select a data source first." })) : !selectedSqlStatus && !selectedTableRef ? (_jsx("div", { className: "flex h-full w-full items-center justify-center text-gray-400", children: "No chart data available, please run the SQL cell first." })) : (_jsx(VegaLiteChart, { sqlQuery: selectedSqlQuery, spec: localSpec, className: "h-full w-full", aspectRatio: isEditing ? undefined : DEFAULT_ASPECT_RATIO })) })] }));
     return renderContainer({
         header,
         content,

package/dist/components/VegaCellContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"VegaCellContent.js","sourceRoot":"","sources":["../../src/components/VegaCellContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AACvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAC,qBAAqB,EAAC,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,gBAAgB,EAAE,iBAAiB,EAAC,MAAM,YAAY,CAAC;AAE/D,MAAM,oBAAoB,GAAG,CAAC,GAAG,CAAC,CAAC;AACnC,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,EAAC,IAAI,EAAE,aAAa,EAAC;IAC3B,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,EAAE;CACH,CAAC;AAQX,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,EAAE,EACF,IAAI,EACJ,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAE5D,MAAM,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,KAAK,KAAK,CAAC;IACpE,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACrD,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,cAAc,CAAC;IAE7D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,yCAAyC;IACzC,MAAM,CAAC,SAAS,EAAE,gBAAgB,CAAC,GAAG,iBAAiB,CACrD,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,YAAY,EAClC,CAAC,IAAI,EAAE,EAAE;QACP,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CACnB,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM;gBAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACxD,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,EACD,GAAG,CACJ,CAAC;IAEF,MAAM,EACJ,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,aAAa,GACd,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAEhC,MAAM,EAAC,gBAAgB,EAAE,oBAAoB,EAAC,GAAG,gBAAgB,CAAC;QAChE,MAAM,EAAE,EAAE;QACV,YAAY;QACZ,aAAa;QACb,kBAAkB;KACnB,CAAC,CAAC;IAEH,gEAAgE;IAChE,MAAM,WAAW,GAAG,aAAa;QAC/B,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC;QACjC,CAAC,CAAC,gBAAgB;YAChB,CAAC,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;YACrC,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,uBAAuB,GAAG,WAAW,CACzC,CAAC,OAAgB,EAAE,EAAE;QACnB,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CACnB,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC1B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;oBAAE,KAAK,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;gBACzD,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,EACD,CAAC,EAAE,EAAE,UAAU,CAAC,CACjB,CAAC;IAEF,MAAM,sBAAsB,GAAG,WAAW,CACxC,CAAC,KAAyB,EAAE,EAAE;QAC5B,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CACnB,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC1B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;oBAAE,KAAK,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;gBACzD,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,GAAG,KAAK,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,EACD,CAAC,EAAE,EAAE,UAAU,CAAC,CACjB,CAAC;IAEF,MAAM,0BAA0B,GAAG,WAAW,CAC5C,CAAC,SAA6B,EAAE,EAAE;QAChC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CACnB,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC1B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;oBAAE,KAAK,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;gBACzD,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,GAAG,SAAS,CAAC;YACpD,CAAC;QACH,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,EACD,CAAC,EAAE,EAAE,UAAU,CAAC,CACjB,CAAC;IAEF,MAAM,MAAM,GAAG,CACb,KAAC,cAAc,IACb,MAAM,EAAE,EAAE,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EACjD,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,GAC1C,CACH,CAAC;IAEF,MAAM,qBAAqB,GACzB,kBAAkB,IAAI,UAAU,IAAI,aAAa,IAAI,iBAAiB,CAAC;IAEzE,MAAM,OAAO,GAAG,CACd,eAAK,SAAS,EAAC,gBAAgB,aAC5B,SAAS,IAAI,CACZ,KAAC,eAAe,IACd,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,SAAS,EACf,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,gBAAgB,EAC9B,mBAAmB,EAAE,uBAAuB,EAC5C,kBAAkB,EAAE,sBAAsB,EAC1C,sBAAsB,EAAE,0BAA0B,GAClD,CACH,EACD,cACE,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa,IAAI,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EACnE,SAAS,EAAC,wBAAwB,YAEjC,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,cAAK,SAAS,EAAC,8DAA8D,mDAEvE,CACP,CAAC,CAAC,CAAC,CAAC,iBAAiB,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAC5C,cAAK,SAAS,EAAC,8DAA8D,wEAEvE,CACP,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IACZ,QAAQ,EAAE,gBAAgB,EAC1B,IAAI,EAAE,SAAS,EACf,SAAS,EAAC,eAAe,EACzB,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAoB,YAExD,qBAAqB,IAAI,CACxB,KAAC,iBAAiB,IAChB,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,aAAa,EACpB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,GAC9B,CACH,GACa,CACjB,GACG,IACF,CACP,CAAC;IAEF,OAAO,eAAe,CAAC;QACrB,MAAM;QACN,OAAO;KACR,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import {useDebouncedValue} from '@sqlrooms/ui';\nimport {VegaLiteChart} from '@sqlrooms/vega';\nimport {produce} from 'immer';\nimport {useCallback, useState} from 'react';\nimport {useCellsStore} from '../hooks';\nimport {useVegaCellQuery} from '../hooks/useVegaCellQuery';\nimport {useVegaCellDataSource} from '../hooks/useVegaCellDataSource';\nimport type {CellContainerProps, VegaCell} from '../types';\nimport {SelectionListener} from './SelectionListener';\nimport {VegaConfigPanel} from './VegaConfigPanel';\nimport {VegaCellHeader} from './VegaCellHeader';\nimport {toDataSourceCell, toDataSourceTable} from '../helpers';\n\nconst DEFAULT_ASPECT_RATIO = 3 / 2;\nconst DEFAULT_SPEC = {\n  data: {name: 'queryResult'},\n  mark: 'bar',\n  padding: 20,\n} as const;\n\nexport type VegaCellContentProps = {\n  id: string;\n  cell: VegaCell;\n  renderContainer: (props: CellContainerProps) => React.ReactElement;\n};\n\nexport const VegaCellContent: React.FC<VegaCellContentProps> = ({\n  id,\n  cell,\n  renderContainer,\n}) => {\n  const updateCell = useCellsStore((s) => s.cells.updateCell);\n\n  const crossFilterEnabled = cell.data.crossFilter?.enabled !== false;\n  const brushField = cell.data.crossFilter?.brushField;\n  const brushFieldType = cell.data.crossFilter?.brushFieldType;\n\n  const [isEditing, setIsEditing] = useState(false);\n\n  // Local state with debounced persistence\n  const [localSpec, handleSpecChange] = useDebouncedValue(\n    cell.data.vegaSpec ?? DEFAULT_SPEC,\n    (spec) => {\n      updateCell(id, (c) =>\n        produce(c, (draft) => {\n          if (draft.type === 'vega') draft.data.vegaSpec = spec;\n        }),\n      );\n    },\n    300,\n  );\n\n  const {\n    selectedSqlId,\n    selectedTableRef,\n    selectedSqlStatus,\n    baseSqlQuery,\n    lastRunTime,\n    hasDataSource,\n  } = useVegaCellDataSource(cell);\n\n  const {selectedSqlQuery, crossFilterPredicate} = useVegaCellQuery({\n    cellId: id,\n    baseSqlQuery,\n    selectedSqlId,\n    crossFilterEnabled,\n  });\n\n  // Encode selection value: \"cell:<id>\" or \"table:<schema.table>\"\n  const selectValue = selectedSqlId\n    ? toDataSourceCell(selectedSqlId)\n    : selectedTableRef\n      ? toDataSourceTable(selectedTableRef)\n      : undefined;\n\n  const handleCrossFilterToggle = useCallback(\n    (enabled: boolean) => {\n      updateCell(id, (c) =>\n        produce(c, (draft) => {\n          if (draft.type === 'vega') {\n            if (!draft.data.crossFilter) draft.data.crossFilter = {};\n            draft.data.crossFilter.enabled = enabled;\n          }\n        }),\n      );\n    },\n    [id, updateCell],\n  );\n\n  const handleBrushFieldChange = useCallback(\n    (field: string | undefined) => {\n      updateCell(id, (c) =>\n        produce(c, (draft) => {\n          if (draft.type === 'vega') {\n            if (!draft.data.crossFilter) draft.data.crossFilter = {};\n            draft.data.crossFilter.brushField = field;\n          }\n        }),\n      );\n    },\n    [id, updateCell],\n  );\n\n  const handleBrushFieldTypeChange = useCallback(\n    (fieldType: string | undefined) => {\n      updateCell(id, (c) =>\n        produce(c, (draft) => {\n          if (draft.type === 'vega') {\n            if (!draft.data.crossFilter) draft.data.crossFilter = {};\n            draft.data.crossFilter.brushFieldType = fieldType;\n          }\n        }),\n      );\n    },\n    [id, updateCell],\n  );\n\n  const header = (\n    <VegaCellHeader\n      cellId={id}\n      selectValue={selectValue}\n      onEditToggle={() => setIsEditing((prev) => !prev)}\n      hasDataSource={hasDataSource}\n      crossFilterEnabled={crossFilterEnabled}\n      brushField={brushField}\n      crossFilterPredicate={crossFilterPredicate}\n    />\n  );\n\n  const showSelectionListener =\n    crossFilterEnabled && brushField && selectedSqlId && selectedSqlStatus;\n\n  const content = (\n    <div className=\"flex h-[400px]\">\n      {isEditing && (\n        <VegaConfigPanel\n          sqlQuery={baseSqlQuery}\n          lastRunTime={lastRunTime}\n          spec={localSpec}\n          crossFilterEnabled={crossFilterEnabled}\n          onSpecChange={handleSpecChange}\n          onCrossFilterToggle={handleCrossFilterToggle}\n          onBrushFieldChange={handleBrushFieldChange}\n          onBrushFieldTypeChange={handleBrushFieldTypeChange}\n        />\n      )}\n      <div\n        onDoubleClick={() => hasDataSource && setIsEditing((prev) => !prev)}\n        className=\"flex h-full w-full p-2\"\n      >\n        {!hasDataSource ? (\n          <div className=\"flex h-full w-full items-center justify-center text-gray-400\">\n            Please select a data source first.\n          </div>\n        ) : !selectedSqlStatus && !selectedTableRef ? (\n          <div className=\"flex h-full w-full items-center justify-center text-gray-400\">\n            No chart data available, please run the SQL cell first.\n          </div>\n        ) : (\n          <VegaLiteChart\n            sqlQuery={selectedSqlQuery}\n            spec={localSpec}\n            className=\"h-full w-full\"\n            aspectRatio={isEditing ? undefined : DEFAULT_ASPECT_RATIO}\n          >\n            {showSelectionListener && (\n              <SelectionListener\n                cellId={id}\n                sqlId={selectedSqlId}\n                brushField={brushField}\n                brushFieldType={brushFieldType}\n              />\n            )}\n          </VegaLiteChart>\n        )}\n      </div>\n    </div>\n  );\n\n  return renderContainer({\n    header,\n    content,\n  });\n};\n"]}
+{"version":3,"file":"VegaCellContent.js","sourceRoot":"","sources":["../../src/components/VegaCellContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useDebouncedValue} from '@sqlrooms/ui';\nimport {VegaLiteChart} from '@sqlrooms/vega';\nimport {produce} from 'immer';\nimport {useState} from 'react';\nimport {useCellsStore} from '../hooks';\nimport {useVegaCellQuery} from '../hooks/useVegaCellQuery';\nimport {useVegaCellDataSource} from '../hooks/useVegaCellDataSource';\nimport type {CellContainerProps, VegaCell} from '../types';\nimport {VegaConfigPanel} from './VegaConfigPanel';\nimport {VegaCellHeader} from './VegaCellHeader';\nimport {toDataSourceCell, toDataSourceTable} from '../helpers';\n\nconst DEFAULT_ASPECT_RATIO = 3 / 2;\nconst DEFAULT_SPEC = {\n  data: {name: 'queryResult'},\n  mark: 'bar',\n  padding: 20,\n} as const;\n\nexport type VegaCellContentProps = {\n  id: string;\n  cell: VegaCell;\n  renderContainer: (props: CellContainerProps) => React.ReactElement;\n};\n\nexport const VegaCellContent: React.FC<VegaCellContentProps> = ({\n  id,\n  cell,\n  renderContainer,\n}) => {\n  const updateCell = useCellsStore((s) => s.cells.updateCell);\n\n  const [isEditing, setIsEditing] = useState(false);\n\n  // Local state with debounced persistence\n  const [localSpec, handleSpecChange] = useDebouncedValue(\n    cell.data.vegaSpec ?? DEFAULT_SPEC,\n    (spec) => {\n      updateCell(id, (c) =>\n        produce(c, (draft) => {\n          if (draft.type === 'vega') draft.data.vegaSpec = spec;\n        }),\n      );\n    },\n    300,\n  );\n\n  const {\n    selectedSqlId,\n    selectedTableRef,\n    selectedSqlStatus,\n    baseSqlQuery,\n    lastRunTime,\n    hasDataSource,\n  } = useVegaCellDataSource(cell);\n\n  const {selectedSqlQuery} = useVegaCellQuery({\n    baseSqlQuery,\n  });\n\n  // Encode selection value: \"cell:<id>\" or \"table:<schema.table>\"\n  const selectValue = selectedSqlId\n    ? toDataSourceCell(selectedSqlId)\n    : selectedTableRef\n      ? toDataSourceTable(selectedTableRef)\n      : undefined;\n\n  const header = (\n    <VegaCellHeader\n      cellId={id}\n      selectValue={selectValue}\n      onEditToggle={() => setIsEditing((prev) => !prev)}\n      hasDataSource={hasDataSource}\n    />\n  );\n\n  const content = (\n    <div className=\"flex h-[400px]\">\n      {isEditing && (\n        <VegaConfigPanel\n          sqlQuery={baseSqlQuery}\n          lastRunTime={lastRunTime}\n          spec={localSpec}\n          onSpecChange={handleSpecChange}\n        />\n      )}\n      <div\n        onDoubleClick={() => hasDataSource && setIsEditing((prev) => !prev)}\n        className=\"flex h-full w-full p-2\"\n      >\n        {!hasDataSource ? (\n          <div className=\"flex h-full w-full items-center justify-center text-gray-400\">\n            Please select a data source first.\n          </div>\n        ) : !selectedSqlStatus && !selectedTableRef ? (\n          <div className=\"flex h-full w-full items-center justify-center text-gray-400\">\n            No chart data available, please run the SQL cell first.\n          </div>\n        ) : (\n          <VegaLiteChart\n            sqlQuery={selectedSqlQuery}\n            spec={localSpec}\n            className=\"h-full w-full\"\n            aspectRatio={isEditing ? undefined : DEFAULT_ASPECT_RATIO}\n          />\n        )}\n      </div>\n    </div>\n  );\n\n  return renderContainer({\n    header,\n    content,\n  });\n};\n"]}

package/dist/components/VegaCellHeader.d.ts

@@ -3,9 +3,6 @@ export type VegaCellHeaderProps = {
     selectValue: string | undefined;
     onEditToggle: () => void;
     hasDataSource: boolean;
-    crossFilterEnabled: boolean;
-    brushField: string | undefined;
-    crossFilterPredicate: string | null;
 };
 export declare const VegaCellHeader: React.FC<VegaCellHeaderProps>;
 //# sourceMappingURL=VegaCellHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VegaCellHeader.d.ts","sourceRoot":"","sources":["../../src/components/VegaCellHeader.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmExD,CAAC"}
+{"version":3,"file":"VegaCellHeader.d.ts","sourceRoot":"","sources":["../../src/components/VegaCellHeader.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgDxD,CAAC"}

package/dist/components/VegaCellHeader.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Tooltip, TooltipContent, TooltipTrigger } from '@sqlrooms/ui';
+import { Button } from '@sqlrooms/ui';
 import { produce } from 'immer';
-import { Filter, Settings } from 'lucide-react';
+import { Settings } from 'lucide-react';
 import { fromDataSourceCell, fromDataSourceTable } from '../helpers';
 import { CellSourceSelector } from './CellSourceSelector';
 import { useCellsStore } from '../hooks';
-export const VegaCellHeader = ({ cellId, selectValue, onEditToggle, hasDataSource, crossFilterEnabled, brushField, crossFilterPredicate, }) => {
+export const VegaCellHeader = ({ cellId, selectValue, onEditToggle, hasDataSource, }) => {
     const updateCell = useCellsStore((s) => s.cells.updateCell);
+    const artifactId = useCellsStore((s) => s.cells.getArtifactIdForCell(cellId));
     const handleDataSourceChange = (value) => {
         updateCell(cellId, (c) => produce(c, (draft) => {
             if (draft.type !== 'vega') {
@@ -24,8 +25,6 @@ export const VegaCellHeader = ({ cellId, selectValue, onEditToggle, hasDataSourc
             }
         }));
     };
-    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CellSourceSelector, { value: selectValue, onValueChange: handleDataSourceChange }), _jsx(Button, { size: "xs", variant: "secondary", className: "h-6", onClick: onEditToggle, disabled: !hasDataSource, children: _jsx(Settings, { className: "h-4 w-4" }) }), crossFilterEnabled && brushField && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: "flex items-center", children: _jsx(Filter, { className: `h-3.5 w-3.5 ${crossFilterPredicate ? 'text-blue-500' : 'text-gray-400'}` }) }) }), _jsx(TooltipContent, { side: "bottom", children: _jsx("p", { className: "text-xs", children: crossFilterPredicate
-                                ? `Filtered: ${crossFilterPredicate}`
-                                : `Cross-filter on ${brushField}` }) })] }))] }));
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CellSourceSelector, { artifactId: artifactId ?? '', value: selectValue, onValueChange: handleDataSourceChange }), _jsx(Button, { size: "xs", variant: "secondary", className: "h-6", onClick: onEditToggle, disabled: !hasDataSource, children: _jsx(Settings, { className: "h-4 w-4" }) })] }));
 };
 //# sourceMappingURL=VegaCellHeader.js.map

package/dist/components/VegaCellHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"VegaCellHeader.js","sourceRoot":"","sources":["../../src/components/VegaCellHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,kBAAkB,EAAE,mBAAmB,EAAC,MAAM,YAAY,CAAC;AACnE,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAYvC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,MAAM,EACN,WAAW,EACX,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,UAAU,EACV,oBAAoB,GACrB,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAE5D,MAAM,sBAAsB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC/C,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CACvB,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC1B,OAAO;YACT,CAAC;YAED,MAAM,eAAe,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAClD,MAAM,QAAQ,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAE5C,IAAI,eAAe,EAAE,CAAC;gBACpB,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,eAAe,CAAC;gBACnC,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC7B,CAAC;iBAAM,IAAI,QAAQ,EAAE,CAAC;gBACpB,KAAK,CAAC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBAC/B,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;YAC1B,CAAC;QACH,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,kBAAkB,IACjB,KAAK,EAAE,WAAW,EAClB,aAAa,EAAE,sBAAsB,GACrC,EACF,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,aAAa,YAExB,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,GACzB,EACR,kBAAkB,IAAI,UAAU,IAAI,CACnC,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,MAAM,IACL,SAAS,EAAE,eAAe,oBAAoB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,EAAE,GACpF,GACE,GACS,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,QAAQ,YAC3B,YAAG,SAAS,EAAC,SAAS,YACnB,oBAAoB;gCACnB,CAAC,CAAC,aAAa,oBAAoB,EAAE;gCACrC,CAAC,CAAC,mBAAmB,UAAU,EAAE,GACjC,GACW,IACT,CACX,IACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button, Tooltip, TooltipContent, TooltipTrigger} from '@sqlrooms/ui';\nimport {produce} from 'immer';\nimport {Filter, Settings} from 'lucide-react';\nimport {fromDataSourceCell, fromDataSourceTable} from '../helpers';\nimport {CellSourceSelector} from './CellSourceSelector';\nimport {useCellsStore} from '../hooks';\n\nexport type VegaCellHeaderProps = {\n  cellId: string;\n  selectValue: string | undefined;\n  onEditToggle: () => void;\n  hasDataSource: boolean;\n  crossFilterEnabled: boolean;\n  brushField: string | undefined;\n  crossFilterPredicate: string | null;\n};\n\nexport const VegaCellHeader: React.FC<VegaCellHeaderProps> = ({\n  cellId,\n  selectValue,\n  onEditToggle,\n  hasDataSource,\n  crossFilterEnabled,\n  brushField,\n  crossFilterPredicate,\n}) => {\n  const updateCell = useCellsStore((s) => s.cells.updateCell);\n\n  const handleDataSourceChange = (value: string) => {\n    updateCell(cellId, (c) =>\n      produce(c, (draft) => {\n        if (draft.type !== 'vega') {\n          return;\n        }\n\n        const cellIdFromValue = fromDataSourceCell(value);\n        const tableRef = fromDataSourceTable(value);\n\n        if (cellIdFromValue) {\n          draft.data.sqlId = cellIdFromValue;\n          delete draft.data.tableRef;\n        } else if (tableRef) {\n          draft.data.tableRef = tableRef;\n          delete draft.data.sqlId;\n        }\n      }),\n    );\n  };\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      <CellSourceSelector\n        value={selectValue}\n        onValueChange={handleDataSourceChange}\n      />\n      <Button\n        size=\"xs\"\n        variant=\"secondary\"\n        className=\"h-6\"\n        onClick={onEditToggle}\n        disabled={!hasDataSource}\n      >\n        <Settings className=\"h-4 w-4\" />\n      </Button>\n      {crossFilterEnabled && brushField && (\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <div className=\"flex items-center\">\n              <Filter\n                className={`h-3.5 w-3.5 ${crossFilterPredicate ? 'text-blue-500' : 'text-gray-400'}`}\n              />\n            </div>\n          </TooltipTrigger>\n          <TooltipContent side=\"bottom\">\n            <p className=\"text-xs\">\n              {crossFilterPredicate\n                ? `Filtered: ${crossFilterPredicate}`\n                : `Cross-filter on ${brushField}`}\n            </p>\n          </TooltipContent>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"VegaCellHeader.js","sourceRoot":"","sources":["../../src/components/VegaCellHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAE,mBAAmB,EAAC,MAAM,YAAY,CAAC;AACnE,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AASvC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,MAAM,EACN,WAAW,EACX,YAAY,EACZ,aAAa,GACd,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9E,MAAM,sBAAsB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC/C,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CACvB,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC1B,OAAO;YACT,CAAC;YAED,MAAM,eAAe,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAClD,MAAM,QAAQ,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAE5C,IAAI,eAAe,EAAE,CAAC;gBACpB,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,eAAe,CAAC;gBACnC,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC7B,CAAC;iBAAM,IAAI,QAAQ,EAAE,CAAC;gBACpB,KAAK,CAAC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBAC/B,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;YAC1B,CAAC;QACH,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,kBAAkB,IACjB,UAAU,EAAE,UAAU,IAAI,EAAE,EAC5B,KAAK,EAAE,WAAW,EAClB,aAAa,EAAE,sBAAsB,GACrC,EACF,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,aAAa,YAExB,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,GACzB,IACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button} from '@sqlrooms/ui';\nimport {produce} from 'immer';\nimport {Settings} from 'lucide-react';\nimport {fromDataSourceCell, fromDataSourceTable} from '../helpers';\nimport {CellSourceSelector} from './CellSourceSelector';\nimport {useCellsStore} from '../hooks';\n\nexport type VegaCellHeaderProps = {\n  cellId: string;\n  selectValue: string | undefined;\n  onEditToggle: () => void;\n  hasDataSource: boolean;\n};\n\nexport const VegaCellHeader: React.FC<VegaCellHeaderProps> = ({\n  cellId,\n  selectValue,\n  onEditToggle,\n  hasDataSource,\n}) => {\n  const updateCell = useCellsStore((s) => s.cells.updateCell);\n  const artifactId = useCellsStore((s) => s.cells.getArtifactIdForCell(cellId));\n\n  const handleDataSourceChange = (value: string) => {\n    updateCell(cellId, (c) =>\n      produce(c, (draft) => {\n        if (draft.type !== 'vega') {\n          return;\n        }\n\n        const cellIdFromValue = fromDataSourceCell(value);\n        const tableRef = fromDataSourceTable(value);\n\n        if (cellIdFromValue) {\n          draft.data.sqlId = cellIdFromValue;\n          delete draft.data.tableRef;\n        } else if (tableRef) {\n          draft.data.tableRef = tableRef;\n          delete draft.data.sqlId;\n        }\n      }),\n    );\n  };\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      <CellSourceSelector\n        artifactId={artifactId ?? ''}\n        value={selectValue}\n        onValueChange={handleDataSourceChange}\n      />\n      <Button\n        size=\"xs\"\n        variant=\"secondary\"\n        className=\"h-6\"\n        onClick={onEditToggle}\n        disabled={!hasDataSource}\n      >\n        <Settings className=\"h-4 w-4\" />\n      </Button>\n    </div>\n  );\n};\n"]}

package/dist/components/VegaConfigPanel.d.ts

@@ -1,13 +1,8 @@
 import React from 'react';
-import type { BrushFieldType } from '../types';
 export declare const VegaConfigPanel: React.FC<{
     spec: any;
     sqlQuery: string;
     lastRunTime?: number;
-    crossFilterEnabled: boolean;
     onSpecChange: (spec: any) => void;
-    onCrossFilterToggle: (enabled: boolean) => void;
-    onBrushFieldChange: (field: string | undefined) => void;
-    onBrushFieldTypeChange: (fieldType: BrushFieldType | undefined) => void;
 }>;
 //# sourceMappingURL=VegaConfigPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VegaConfigPanel.d.ts","sourceRoot":"","sources":["../../src/components/VegaConfigPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,UAAU,CAAC;AAW7C,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,mBAAmB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,sBAAsB,EAAE,CAAC,SAAS,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;CACzE,CAyJA,CAAC"}
+{"version":3,"file":"VegaConfigPanel.d.ts","sourceRoot":"","sources":["../../src/components/VegaConfigPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CACnC,CA2FA,CAAC"}

package/dist/components/VegaConfigPanel.js

@@ -1,62 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tabs, TabsContent, TabsList, TabsTrigger, Label, Separator, Switch, } from '@sqlrooms/ui';
+import { Tabs, TabsContent, TabsList, TabsTrigger, Label, Separator, } from '@sqlrooms/ui';
 import { useSql } from '@sqlrooms/duckdb';
-import { getArrowColumnTypeCategory } from '@sqlrooms/duckdb';
-import { readSpecValues, buildCrossFilterSpec, buildFlatSpec, } from '../vegaSpecBuilder';
+import { readSpecValues, buildFlatSpec } from '../vegaSpecBuilder';
 import { FieldSelector } from './FieldSelector';
 import { ColorSelector, colorOptions } from './ColorSelector';
 import { ChartTypeSelector } from './ChartTypeSelector';
 import { AggregationSelector } from './AggregationSelector';
-export const VegaConfigPanel = ({ sqlQuery, lastRunTime, spec, crossFilterEnabled, onSpecChange, onCrossFilterToggle, onBrushFieldChange, onBrushFieldTypeChange, }) => {
+export const VegaConfigPanel = ({ sqlQuery, lastRunTime, spec, onSpecChange }) => {
     const result = useSql({ query: sqlQuery, version: lastRunTime });
     const arrowTable = result.data?.arrowTable;
     const fields = arrowTable?.schema?.fields || [];
-    const detectBrushFieldType = (fieldName) => {
-        const arrowField = arrowTable?.schema?.fields?.find((field) => field.name === fieldName);
-        if (!arrowField) {
-            return 'numeric';
-        }
-        const category = getArrowColumnTypeCategory(arrowField.type);
-        if (category === 'datetime')
-            return 'temporal';
-        if (category === 'string')
-            return 'string';
-        return 'numeric';
-    };
     const current = readSpecValues(spec);
-    const rebuild = (overrides, cfEnabled = crossFilterEnabled) => {
+    const rebuild = (overrides) => {
         const merged = { ...current, ...overrides };
-        const builder = cfEnabled ? buildCrossFilterSpec : buildFlatSpec;
-        onSpecChange(builder({
+        onSpecChange(buildFlatSpec({
             mark: merged.mark ?? 'bar',
             xField: merged.xField,
-            xFieldType: merged.xField
-                ? detectBrushFieldType(merged.xField)
-                : undefined,
             yField: merged.yField,
             yAggregate: merged.yAggregate,
             color: merged.color ?? colorOptions[0]?.value,
         }));
-        if ('xField' in overrides) {
-            onBrushFieldChange(cfEnabled ? overrides.xField : undefined);
-            onBrushFieldTypeChange(cfEnabled && overrides.xField
-                ? detectBrushFieldType(overrides.xField)
-                : undefined);
-        }
     };
     const handleMarkChange = (mark) => rebuild({ mark });
     const handleXFieldChange = (field) => rebuild({ xField: field });
     const handleYFieldChange = (field) => rebuild({ yField: field, yAggregate: current.yAggregate ?? 'sum' });
     const handleYAggregationChange = (aggregate) => rebuild({ yAggregate: aggregate });
     const handleColorChange = (color) => rebuild({ color });
-    const handleCrossFilterToggle = (enabled) => {
-        onCrossFilterToggle(enabled);
-        rebuild({}, enabled);
-        onBrushFieldChange(enabled ? current.xField : undefined);
-        onBrushFieldTypeChange(enabled && current.xField
-            ? detectBrushFieldType(current.xField)
-            : undefined);
-    };
-    return (_jsx("div", { className: "w-80 border-r p-4 text-xs", children: _jsxs("div", { className: "space-y-3", children: [_jsx(ChartTypeSelector, { value: current.mark, onValueChange: handleMarkChange }), _jsx(Separator, {}), _jsxs(Tabs, { defaultValue: "general", className: "w-full", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsx(TabsTrigger, { value: "general", className: "text-xs", children: "General" }), _jsx(TabsTrigger, { value: "styles", className: "text-xs", children: "Styles" })] }), _jsxs(TabsContent, { value: "general", className: "mt-4 space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs font-medium text-gray-400", children: "X-Axis" }), _jsx(FieldSelector, { value: current.xField, fields: fields, onValueChange: handleXFieldChange })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs font-medium text-gray-400", children: "Y-Axis" }), _jsxs("div", { className: "grid grid-cols-[2fr_1fr] gap-2", children: [_jsx(FieldSelector, { value: current.yField, fields: fields, onValueChange: handleYFieldChange }), _jsx(AggregationSelector, { value: current.yAggregate, onValueChange: handleYAggregationChange })] })] }), _jsx(Separator, {}), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { className: "text-xs font-medium text-gray-400", children: "Cross-filter" }), _jsx(Switch, { checked: crossFilterEnabled, onCheckedChange: handleCrossFilterToggle })] })] }), _jsx(TabsContent, { value: "styles", className: "mt-4 space-y-4", children: _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs font-medium text-gray-400", children: "Color" }), _jsx(ColorSelector, { value: current.color, onValueChange: handleColorChange })] }) })] })] }) }));
+    return (_jsx("div", { className: "w-80 border-r p-4 text-xs", children: _jsxs("div", { className: "space-y-3", children: [_jsx(ChartTypeSelector, { value: current.mark, onValueChange: handleMarkChange }), _jsx(Separator, {}), _jsxs(Tabs, { defaultValue: "general", className: "w-full", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsx(TabsTrigger, { value: "general", className: "text-xs", children: "General" }), _jsx(TabsTrigger, { value: "styles", className: "text-xs", children: "Styles" })] }), _jsxs(TabsContent, { value: "general", className: "mt-4 space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs font-medium text-gray-400", children: "X-Axis" }), _jsx(FieldSelector, { value: current.xField, fields: fields, onValueChange: handleXFieldChange })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs font-medium text-gray-400", children: "Y-Axis" }), _jsxs("div", { className: "grid grid-cols-[2fr_1fr] gap-2", children: [_jsx(FieldSelector, { value: current.yField, fields: fields, onValueChange: handleYFieldChange }), _jsx(AggregationSelector, { value: current.yAggregate, onValueChange: handleYAggregationChange })] })] })] }), _jsx(TabsContent, { value: "styles", className: "mt-4 space-y-4", children: _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs font-medium text-gray-400", children: "Color" }), _jsx(ColorSelector, { value: current.color, onValueChange: handleColorChange })] }) })] })] }) }));
 };
 //# sourceMappingURL=VegaConfigPanel.js.map

package/dist/components/VegaConfigPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"VegaConfigPanel.js","sourceRoot":"","sources":["../../src/components/VegaConfigPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Label,\n  Separator,\n  Switch,\n} from '@sqlrooms/ui';\nimport {useSql} from '@sqlrooms/duckdb';\nimport {getArrowColumnTypeCategory} from '@sqlrooms/duckdb';\nimport type {BrushFieldType} from '../types';\nimport {\n  readSpecValues,\n  buildCrossFilterSpec,\n  buildFlatSpec,\n} from '../vegaSpecBuilder';\nimport {FieldSelector} from './FieldSelector';\nimport {ColorSelector, colorOptions} from './ColorSelector';\nimport {ChartTypeSelector} from './ChartTypeSelector';\nimport {AggregationSelector} from './AggregationSelector';\n\nexport const VegaConfigPanel: React.FC<{\n  spec: any;\n  sqlQuery: string;\n  lastRunTime?: number;\n  crossFilterEnabled: boolean;\n  onSpecChange: (spec: any) => void;\n  onCrossFilterToggle: (enabled: boolean) => void;\n  onBrushFieldChange: (field: string | undefined) => void;\n  onBrushFieldTypeChange: (fieldType: BrushFieldType | undefined) => void;\n}> = ({\n  sqlQuery,\n  lastRunTime,\n  spec,\n  crossFilterEnabled,\n  onSpecChange,\n  onCrossFilterToggle,\n  onBrushFieldChange,\n  onBrushFieldTypeChange,\n}) => {\n  const result = useSql({query: sqlQuery, version: lastRunTime});\n  const arrowTable = result.data?.arrowTable;\n  const fields = arrowTable?.schema?.fields || [];\n\n  const detectBrushFieldType = (fieldName: string): BrushFieldType => {\n    const arrowField = arrowTable?.schema?.fields?.find(\n      (field) => field.name === fieldName,\n    );\n\n    if (!arrowField) {\n      return 'numeric';\n    }\n\n    const category = getArrowColumnTypeCategory(arrowField.type);\n    if (category === 'datetime') return 'temporal';\n    if (category === 'string') return 'string';\n    return 'numeric';\n  };\n\n  const current = readSpecValues(spec);\n\n  const rebuild = (\n    overrides: Partial<ReturnType<typeof readSpecValues>>,\n    cfEnabled = crossFilterEnabled,\n  ) => {\n    const merged = {...current, ...overrides};\n    const builder = cfEnabled ? buildCrossFilterSpec : buildFlatSpec;\n    onSpecChange(\n      builder({\n        mark: merged.mark ?? 'bar',\n        xField: merged.xField,\n        xFieldType: merged.xField\n          ? detectBrushFieldType(merged.xField)\n          : undefined,\n        yField: merged.yField,\n        yAggregate: merged.yAggregate,\n        color: merged.color ?? colorOptions[0]?.value,\n      }),\n    );\n    if ('xField' in overrides) {\n      onBrushFieldChange(cfEnabled ? overrides.xField : undefined);\n      onBrushFieldTypeChange(\n        cfEnabled && overrides.xField\n          ? detectBrushFieldType(overrides.xField)\n          : undefined,\n      );\n    }\n  };\n\n  const handleMarkChange = (mark: string) => rebuild({mark});\n  const handleXFieldChange = (field: string) => rebuild({xField: field});\n  const handleYFieldChange = (field: string) =>\n    rebuild({yField: field, yAggregate: current.yAggregate ?? 'sum'});\n  const handleYAggregationChange = (aggregate: string) =>\n    rebuild({yAggregate: aggregate});\n  const handleColorChange = (color: string) => rebuild({color});\n\n  const handleCrossFilterToggle = (enabled: boolean) => {\n    onCrossFilterToggle(enabled);\n    rebuild({}, enabled);\n    onBrushFieldChange(enabled ? current.xField : undefined);\n    onBrushFieldTypeChange(\n      enabled && current.xField\n        ? detectBrushFieldType(current.xField)\n        : undefined,\n    );\n  };\n\n  return (\n    <div className=\"w-80 border-r p-4 text-xs\">\n      <div className=\"space-y-3\">\n        <ChartTypeSelector\n          value={current.mark}\n          onValueChange={handleMarkChange}\n        />\n\n        <Separator />\n\n        <Tabs defaultValue=\"general\" className=\"w-full\">\n          <TabsList className=\"grid w-full grid-cols-2\">\n            <TabsTrigger value=\"general\" className=\"text-xs\">\n              General\n            </TabsTrigger>\n            <TabsTrigger value=\"styles\" className=\"text-xs\">\n              Styles\n            </TabsTrigger>\n          </TabsList>\n\n          <TabsContent value=\"general\" className=\"mt-4 space-y-4\">\n            <div className=\"space-y-1\">\n              <Label className=\"text-xs font-medium text-gray-400\">\n                X-Axis\n              </Label>\n              <FieldSelector\n                value={current.xField}\n                fields={fields}\n                onValueChange={handleXFieldChange}\n              />\n            </div>\n            <div className=\"space-y-1\">\n              <Label className=\"text-xs font-medium text-gray-400\">\n                Y-Axis\n              </Label>\n              <div className=\"grid grid-cols-[2fr_1fr] gap-2\">\n                <FieldSelector\n                  value={current.yField}\n                  fields={fields}\n                  onValueChange={handleYFieldChange}\n                />\n\n                <AggregationSelector\n                  value={current.yAggregate}\n                  onValueChange={handleYAggregationChange}\n                />\n              </div>\n            </div>\n\n            <Separator />\n\n            <div className=\"flex items-center justify-between\">\n              <Label className=\"text-xs font-medium text-gray-400\">\n                Cross-filter\n              </Label>\n              <Switch\n                checked={crossFilterEnabled}\n                onCheckedChange={handleCrossFilterToggle}\n              />\n            </div>\n          </TabsContent>\n\n          <TabsContent value=\"styles\" className=\"mt-4 space-y-4\">\n            <div className=\"space-y-1\">\n              <Label className=\"text-xs font-medium text-gray-400\">Color</Label>\n              <ColorSelector\n                value={current.color}\n                onValueChange={handleColorChange}\n              />\n            </div>\n          </TabsContent>\n        </Tabs>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"VegaConfigPanel.js","sourceRoot":"","sources":["../../src/components/VegaConfigPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAC,cAAc,EAAE,aAAa,EAAC,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAC,aAAa,EAAE,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,MAAM,CAAC,MAAM,eAAe,GAKvB,CAAC,EAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAC,EAAE,EAAE;IACnD,MAAM,MAAM,GAAG,MAAM,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAC,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC;IAC3C,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,CAAC;IAEhD,MAAM,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,OAAO,GAAG,CAAC,SAAqD,EAAE,EAAE;QACxE,MAAM,MAAM,GAAG,EAAC,GAAG,OAAO,EAAE,GAAG,SAAS,EAAC,CAAC;QAC1C,YAAY,CACV,aAAa,CAAC;YACZ,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,KAAK;YAC1B,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK;SAC9C,CAAC,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,OAAO,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;IAC3D,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,OAAO,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE,CAC3C,OAAO,CAAC,EAAC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,IAAI,KAAK,EAAC,CAAC,CAAC;IACpE,MAAM,wBAAwB,GAAG,CAAC,SAAiB,EAAE,EAAE,CACrD,OAAO,CAAC,EAAC,UAAU,EAAE,SAAS,EAAC,CAAC,CAAC;IACnC,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,OAAO,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;IAE9D,OAAO,CACL,cAAK,SAAS,EAAC,2BAA2B,YACxC,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,iBAAiB,IAChB,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,aAAa,EAAE,gBAAgB,GAC/B,EAEF,KAAC,SAAS,KAAG,EAEb,MAAC,IAAI,IAAC,YAAY,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,aAC7C,MAAC,QAAQ,IAAC,SAAS,EAAC,yBAAyB,aAC3C,KAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,wBAElC,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,uBAEjC,IACL,EAEX,MAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,gBAAgB,aACrD,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,SAAS,EAAC,mCAAmC,uBAE5C,EACR,KAAC,aAAa,IACZ,KAAK,EAAE,OAAO,CAAC,MAAM,EACrB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,kBAAkB,GACjC,IACE,EACN,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,SAAS,EAAC,mCAAmC,uBAE5C,EACR,eAAK,SAAS,EAAC,gCAAgC,aAC7C,KAAC,aAAa,IACZ,KAAK,EAAE,OAAO,CAAC,MAAM,EACrB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,kBAAkB,GACjC,EAEF,KAAC,mBAAmB,IAClB,KAAK,EAAE,OAAO,CAAC,UAAU,EACzB,aAAa,EAAE,wBAAwB,GACvC,IACE,IACF,IACM,EAEd,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,gBAAgB,YACpD,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,SAAS,EAAC,mCAAmC,sBAAc,EAClE,KAAC,aAAa,IACZ,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,aAAa,EAAE,iBAAiB,GAChC,IACE,GACM,IACT,IACH,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport {\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Label,\n  Separator,\n} from '@sqlrooms/ui';\nimport {useSql} from '@sqlrooms/duckdb';\nimport {readSpecValues, buildFlatSpec} from '../vegaSpecBuilder';\nimport {FieldSelector} from './FieldSelector';\nimport {ColorSelector, colorOptions} from './ColorSelector';\nimport {ChartTypeSelector} from './ChartTypeSelector';\nimport {AggregationSelector} from './AggregationSelector';\n\nexport const VegaConfigPanel: React.FC<{\n  spec: any;\n  sqlQuery: string;\n  lastRunTime?: number;\n  onSpecChange: (spec: any) => void;\n}> = ({sqlQuery, lastRunTime, spec, onSpecChange}) => {\n  const result = useSql({query: sqlQuery, version: lastRunTime});\n  const arrowTable = result.data?.arrowTable;\n  const fields = arrowTable?.schema?.fields || [];\n\n  const current = readSpecValues(spec);\n\n  const rebuild = (overrides: Partial<ReturnType<typeof readSpecValues>>) => {\n    const merged = {...current, ...overrides};\n    onSpecChange(\n      buildFlatSpec({\n        mark: merged.mark ?? 'bar',\n        xField: merged.xField,\n        yField: merged.yField,\n        yAggregate: merged.yAggregate,\n        color: merged.color ?? colorOptions[0]?.value,\n      }),\n    );\n  };\n\n  const handleMarkChange = (mark: string) => rebuild({mark});\n  const handleXFieldChange = (field: string) => rebuild({xField: field});\n  const handleYFieldChange = (field: string) =>\n    rebuild({yField: field, yAggregate: current.yAggregate ?? 'sum'});\n  const handleYAggregationChange = (aggregate: string) =>\n    rebuild({yAggregate: aggregate});\n  const handleColorChange = (color: string) => rebuild({color});\n\n  return (\n    <div className=\"w-80 border-r p-4 text-xs\">\n      <div className=\"space-y-3\">\n        <ChartTypeSelector\n          value={current.mark}\n          onValueChange={handleMarkChange}\n        />\n\n        <Separator />\n\n        <Tabs defaultValue=\"general\" className=\"w-full\">\n          <TabsList className=\"grid w-full grid-cols-2\">\n            <TabsTrigger value=\"general\" className=\"text-xs\">\n              General\n            </TabsTrigger>\n            <TabsTrigger value=\"styles\" className=\"text-xs\">\n              Styles\n            </TabsTrigger>\n          </TabsList>\n\n          <TabsContent value=\"general\" className=\"mt-4 space-y-4\">\n            <div className=\"space-y-1\">\n              <Label className=\"text-xs font-medium text-gray-400\">\n                X-Axis\n              </Label>\n              <FieldSelector\n                value={current.xField}\n                fields={fields}\n                onValueChange={handleXFieldChange}\n              />\n            </div>\n            <div className=\"space-y-1\">\n              <Label className=\"text-xs font-medium text-gray-400\">\n                Y-Axis\n              </Label>\n              <div className=\"grid grid-cols-[2fr_1fr] gap-2\">\n                <FieldSelector\n                  value={current.yField}\n                  fields={fields}\n                  onValueChange={handleYFieldChange}\n                />\n\n                <AggregationSelector\n                  value={current.yAggregate}\n                  onValueChange={handleYAggregationChange}\n                />\n              </div>\n            </div>\n          </TabsContent>\n\n          <TabsContent value=\"styles\" className=\"mt-4 space-y-4\">\n            <div className=\"space-y-1\">\n              <Label className=\"text-xs font-medium text-gray-400\">Color</Label>\n              <ColorSelector\n                value={current.color}\n                onValueChange={handleColorChange}\n              />\n            </div>\n          </TabsContent>\n        </Tabs>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/dagUtils.d.ts

@@ -1,21 +1,21 @@
-import type { CellsRootState, Edge, Sheet, SheetGraphCache, SqlSelectToJsonFn } from './types';
+import type { CellsRootState, CellArtifactRuntime, CellArtifactGraphCache, Edge, SqlSelectToJsonFn } from './types';
 export type DependencyGraph = {
     dependencies: Record<string, string[]>;
     dependents: Record<string, string[]>;
     tableDependencies?: Record<string, string[]>;
 };
-export declare function buildGraphCacheFromEdges(sheet: Sheet): SheetGraphCache;
-export declare function dependencyEdgesFromGraphCache(sheet: Sheet): Edge[];
-export declare function getRenderableDependencyEdges(sheet: Sheet): Edge[];
-export declare function ensureGraphCache(sheet: Sheet): SheetGraphCache;
-export declare function replaceCellDependenciesInCache(sheet: Sheet, cellId: string, deps: string[], tableNames?: string[]): void;
-export declare function removeCellFromCache(sheet: Sheet, cellId: string): void;
-export declare function buildDependencyGraph(sheetId: string, state: CellsRootState): DependencyGraph;
+export declare function buildGraphCacheFromEdges(artifact: CellArtifactRuntime): CellArtifactGraphCache;
+export declare function dependencyEdgesFromGraphCache(artifact: CellArtifactRuntime): Edge[];
+export declare function getRenderableDependencyEdges(artifact: CellArtifactRuntime): Edge[];
+export declare function ensureGraphCache(artifact: CellArtifactRuntime): CellArtifactGraphCache;
+export declare function replaceCellDependenciesInCache(artifact: CellArtifactRuntime, cellId: string, deps: string[], tableNames?: string[]): void;
+export declare function removeCellFromCache(artifact: CellArtifactRuntime, cellId: string): void;
+export declare function buildDependencyGraph(artifactId: string, state: CellsRootState): DependencyGraph;
 export declare function topologicalOrder(roots: string[], dependencies: Record<string, string[]>, dependents: Record<string, string[]>, scope?: Set<string>): string[];
 export declare function collectReachable(startId: string, dependents: Record<string, string[]>): Set<string>;
 /**
  * Async version of dependency graph build that always uses AST-enabled
  * registry dependency derivation.
  */
-export declare function buildDependencyGraphAsync(sheetId: string, state: CellsRootState, sqlSelectToJson: SqlSelectToJsonFn): Promise<DependencyGraph>;
+export declare function buildDependencyGraphAsync(artifactId: string, state: CellsRootState, sqlSelectToJson: SqlSelectToJsonFn): Promise<DependencyGraph>;
 //# sourceMappingURL=dagUtils.d.ts.map

package/dist/dagUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dagUtils.d.ts","sourceRoot":"","sources":["../src/dagUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,cAAc,EACd,IAAI,EAEJ,KAAK,EACL,eAAe,EACf,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACvC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CAC9C,CAAC;AAoBF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,eAAe,CA4BtE;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,EAAE,CAqBlE;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,EAAE,CASjE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,eAAe,CAK9D;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EAAE,EACd,UAAU,CAAC,EAAE,MAAM,EAAE,QA0BtB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,QAuB/D;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,cAAc,GACpB,eAAe,CAYjB;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EAAE,EACf,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EACtC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EACpC,KAAK,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GAClB,MAAM,EAAE,CAoCV;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,GACnC,GAAG,CAAC,MAAM,CAAC,CAYb;AAED;;;GAGG;AACH,wBAAsB,yBAAyB,CAC7C,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,cAAc,EACrB,eAAe,EAAE,iBAAiB,GACjC,OAAO,CAAC,eAAe,CAAC,CA+E1B"}
+{"version":3,"file":"dagUtils.d.ts","sourceRoot":"","sources":["../src/dagUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,cAAc,EACd,mBAAmB,EACnB,sBAAsB,EACtB,IAAI,EAEJ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACvC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CAC9C,CAAC;AAoBF,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,mBAAmB,GAC5B,sBAAsB,CA4BxB;AAED,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,mBAAmB,GAC5B,IAAI,EAAE,CAqBR;AAED,wBAAgB,4BAA4B,CAC1C,QAAQ,EAAE,mBAAmB,GAC5B,IAAI,EAAE,CAYR;AAED,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,mBAAmB,GAC5B,sBAAsB,CAQxB;AAED,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,mBAAmB,EAC7B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EAAE,EACd,UAAU,CAAC,EAAE,MAAM,EAAE,QA0BtB;AAED,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,mBAAmB,EAC7B,MAAM,EAAE,MAAM,QAwBf;AAED,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,cAAc,GACpB,eAAe,CAYjB;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EAAE,EACf,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EACtC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EACpC,KAAK,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GAClB,MAAM,EAAE,CAoCV;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,GACnC,GAAG,CAAC,MAAM,CAAC,CAYb;AAED;;;GAGG;AACH,wBAAsB,yBAAyB,CAC7C,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,cAAc,EACrB,eAAe,EAAE,iBAAiB,GACjC,OAAO,CAAC,eAAe,CAAC,CA+E1B"}