@sqlrooms/mosaic 0.29.0-rc.7 → 0.29.0-rc.8

package/dist/components/MultiFieldSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiFieldSelector.js","sourceRoot":"","sources":["../../src/components/MultiFieldSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Button} from '@sqlrooms/ui';\nimport {Trash2} from 'lucide-react';\nimport {useCallback, useMemo, type FC} from 'react';\nimport {ColumnSelector} from './ColumnSelector';\nimport {AggregationSelector} from './AggregationSelector';\nimport type {AggregateFunction} from '../schemas';\nimport {ColumnsProvider, useColumnsContext} from './ColumnsContext';\nimport {\n  NUMERIC_COLUMN_TYPES,\n  QUANTITATIVE_COLUMN_TYPES,\n  CATEGORICAL_COLUMN_TYPES,\n} from '../column-types-utils';\nimport type {YFieldConfig} from '../charts/chart-types/line-chart/schema';\n\nexport interface MultiFieldSelectorProps {\n  types?: string[];\n  value: YFieldConfig[];\n  onChange: (value: YFieldConfig[]) => void;\n  showAggregation?: boolean;\n}\n\n/**\n * Manages an array of field configurations with add/update/remove logic.\n * Emits the full updated array on every change.\n *\n * Can be used as:\n * - `<MultiFieldSelector types={...} />` - custom types\n * - `<MultiFieldSelector.Numeric />` - numeric types only\n * - `<MultiFieldSelector.Quantitative />` - numeric + temporal\n * - `<MultiFieldSelector.Categorical />` - text/enum types\n */\nconst MultiFieldSelectorRoot: FC<MultiFieldSelectorProps> = ({\n  types,\n  value,\n  onChange,\n  showAggregation = false,\n}) => {\n  const {columns} = useColumnsContext();\n\n  const selectedFieldNames = useMemo(() => value.map((v) => v.field), [value]);\n\n  const availableColumns = useMemo(\n    () => columns.filter((col) => !selectedFieldNames.includes(col.name)),\n    [columns, selectedFieldNames],\n  );\n\n  const handleUpdate = useCallback(\n    (index: number, updates: Partial<(typeof value)[0]>) => {\n      const updated = [...value];\n      updated[index] = {...updated[index]!, ...updates};\n      onChange(updated);\n    },\n    [value, onChange],\n  );\n\n  const handleRemove = useCallback(\n    (index: number) => {\n      onChange(value.filter((_, i) => i !== index));\n    },\n    [value, onChange],\n  );\n\n  const handleAdd = useCallback(\n    (fieldName: string) => {\n      if (fieldName) {\n        onChange([...value, {field: fieldName, aggregate: 'sum'}]);\n      }\n    },\n    [value, onChange],\n  );\n\n  return (\n    <div className=\"space-y-1\">\n      {value.map((fieldConfig, index) => {\n        const aggregate = fieldConfig.aggregate || 'sum';\n\n        return (\n          <div\n            key={fieldConfig.field}\n            className=\"grid items-end gap-2\"\n            style={{\n              gridTemplateColumns: showAggregation\n                ? 'minmax(120px, 1fr) 100px 32px'\n                : 'minmax(120px, 1fr) 32px',\n            }}\n          >\n            <ColumnSelector\n              types={types}\n              value={fieldConfig.field}\n              onChange={(newField) => handleUpdate(index, {field: newField})}\n            />\n\n            {showAggregation && (\n              <AggregationSelector\n                value={aggregate}\n                onChange={(agg: AggregateFunction) =>\n                  handleUpdate(index, {aggregate: agg})\n                }\n              />\n            )}\n\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              onClick={() => handleRemove(index)}\n              className=\"h-8 w-8 shrink-0\"\n            >\n              <Trash2 className=\"text-destructive h-4 w-4\" />\n            </Button>\n          </div>\n        );\n      })}\n\n      <ColumnsProvider columns={availableColumns}>\n        <ColumnSelector\n          types={types}\n          value={undefined}\n          onChange={handleAdd}\n          placeholder=\"Select field...\"\n        />\n      </ColumnsProvider>\n    </div>\n  );\n};\n\nconst Numeric: FC<Omit<MultiFieldSelectorProps, 'types'>> = (props) => (\n  <MultiFieldSelectorRoot {...props} types={NUMERIC_COLUMN_TYPES} />\n);\n\nconst Quantitative: FC<Omit<MultiFieldSelectorProps, 'types'>> = (props) => (\n  <MultiFieldSelectorRoot {...props} types={QUANTITATIVE_COLUMN_TYPES} />\n);\n\nconst Categorical: FC<Omit<MultiFieldSelectorProps, 'types'>> = (props) => (\n  <MultiFieldSelectorRoot {...props} types={CATEGORICAL_COLUMN_TYPES} />\n);\n\nexport const MultiFieldSelector = Object.assign(MultiFieldSelectorRoot, {\n  Numeric,\n  Quantitative,\n  Categorical,\n});\n"]}
+{"version":3,"file":"MultiFieldSelector.js","sourceRoot":"","sources":["../../src/components/MultiFieldSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Button} from '@sqlrooms/ui';\nimport {Trash2} from 'lucide-react';\nimport {useCallback, useMemo, type FC} from 'react';\nimport {ColumnSelector} from './ColumnSelector';\nimport {ColumnsProvider, useColumnsContext} from './ColumnsContext';\nimport {\n  NUMERIC_COLUMN_TYPES,\n  QUANTITATIVE_COLUMN_TYPES,\n  CATEGORICAL_COLUMN_TYPES,\n} from '../column-types-utils';\nimport type {YFieldConfig} from '../charts/chart-types/line-chart/schema';\n\ntype RenderItemFunction = (\n  fieldConfig: YFieldConfig,\n  index: number,\n  handleUpdate: (index: number, updates: Partial<YFieldConfig>) => void,\n) => React.ReactNode;\n\nexport interface MultiFieldSelectorProps {\n  types?: string[];\n  value: YFieldConfig[];\n  onChange: (value: YFieldConfig[]) => void;\n  onAdd: (fieldName: string) => void;\n  renderItem?: RenderItemFunction;\n}\n\n/**\n * Manages an array of field configurations with add/update/remove logic.\n * Emits the full updated array on every change.\n *\n * Can be used as:\n * - `<MultiFieldSelector types={...} />` - custom types\n * - `<MultiFieldSelector.Numeric />` - numeric types only\n * - `<MultiFieldSelector.Quantitative />` - numeric + temporal\n * - `<MultiFieldSelector.Categorical />` - text/enum types\n */\nconst MultiFieldSelectorRoot: FC<MultiFieldSelectorProps> = ({\n  types,\n  value,\n  onChange,\n  onAdd,\n  renderItem,\n}) => {\n  const {columns} = useColumnsContext();\n\n  const selectedFieldNames = useMemo(() => value.map((v) => v.field), [value]);\n\n  const availableColumns = useMemo(\n    () => columns.filter((col) => !selectedFieldNames.includes(col.name)),\n    [columns, selectedFieldNames],\n  );\n\n  const handleUpdate = useCallback(\n    (index: number, updates: Partial<(typeof value)[0]>) => {\n      const updated = [...value];\n      updated[index] = {...updated[index]!, ...updates};\n      onChange(updated);\n    },\n    [value, onChange],\n  );\n\n  const handleRemove = useCallback(\n    (index: number) => {\n      onChange(value.filter((_, i) => i !== index));\n    },\n    [value, onChange],\n  );\n\n  return (\n    <div className=\"space-y-1\">\n      {value.map((fieldConfig, index) => {\n        return (\n          <div\n            key={fieldConfig.field}\n            className=\"grid items-end gap-2\"\n            style={{\n              gridTemplateColumns: 'minmax(120px, 1fr) auto 32px',\n            }}\n          >\n            <ColumnSelector\n              types={types}\n              value={fieldConfig.field}\n              onChange={(newField) => handleUpdate(index, {field: newField})}\n            />\n\n            {renderItem && renderItem(fieldConfig, index, handleUpdate)}\n\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              onClick={() => handleRemove(index)}\n              className=\"h-8 w-8 shrink-0\"\n            >\n              <Trash2 className=\"text-destructive h-4 w-4\" />\n            </Button>\n          </div>\n        );\n      })}\n\n      <ColumnsProvider columns={availableColumns}>\n        <ColumnSelector\n          types={types}\n          value={undefined}\n          onChange={onAdd}\n          placeholder=\"Select field...\"\n        />\n      </ColumnsProvider>\n    </div>\n  );\n};\n\nconst Numeric: FC<Omit<MultiFieldSelectorProps, 'types'>> = (props) => (\n  <MultiFieldSelectorRoot {...props} types={NUMERIC_COLUMN_TYPES} />\n);\n\nconst Quantitative: FC<Omit<MultiFieldSelectorProps, 'types'>> = (props) => (\n  <MultiFieldSelectorRoot {...props} types={QUANTITATIVE_COLUMN_TYPES} />\n);\n\nconst Categorical: FC<Omit<MultiFieldSelectorProps, 'types'>> = (props) => (\n  <MultiFieldSelectorRoot {...props} types={CATEGORICAL_COLUMN_TYPES} />\n);\n\nexport const MultiFieldSelector = Object.assign(MultiFieldSelectorRoot, {\n  Numeric,\n  Quantitative,\n  Categorical,\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"TemporalGranularitySelector.d.ts","sourceRoot":"","sources":["../../src/components/TemporalGranularitySelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAO,MAAM,OAAO,CAAC;AASpC,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAEjD,UAAU,gCAAgC;IACxC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsBD,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,gCAAgC,CAoCzE,CAAC"}
+{"version":3,"file":"TemporalGranularitySelector.d.ts","sourceRoot":"","sources":["../../src/components/TemporalGranularitySelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAoB,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAGjD,UAAU,gCAAgC;IACxC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsBD,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,gCAAgC,CAkDzE,CAAC"}

package/dist/components/TemporalGranularitySelector.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@sqlrooms/ui';
+import { memo, useCallback } from 'react';
 import { TEMPORAL_COLUMN_TYPES } from '../column-types-utils';
+import { Combobox } from './Combobox';
 const TEMPORAL_INTERVALS = [
     { value: 'year', label: 'Year' },
     { value: 'quarter', label: 'Quarter' },
@@ -19,19 +19,23 @@ function isTemporalField(fieldType) {
     return TEMPORAL_COLUMN_TYPES.some((type) => fieldType.toUpperCase() === type.toUpperCase());
 }
 export const TemporalGranularitySelector = memo(({ value, onChange, xFieldType }) => {
-    // Only render if X field is temporal
-    if (!isTemporalField(xFieldType)) {
-        return null;
-    }
-    const handleValueChange = (newValue) => {
+    // Custom onChange wrapper to handle undefined values
+    const handleChange = useCallback((newValue) => {
         if (newValue === NONE) {
             onChange(undefined);
         }
         else {
             onChange(newValue);
         }
-    };
-    return (_jsxs(Select, { value: value || NONE, onValueChange: handleValueChange, children: [_jsx(SelectTrigger, { className: "h-8 text-xs shadow-none", children: _jsx(SelectValue, { placeholder: "None" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: NONE, className: "text-xs", children: "None" }), TEMPORAL_INTERVALS.map((interval) => (_jsx(SelectItem, { value: interval.value, className: "text-xs", children: interval.label }, interval.value)))] })] }));
+    }, [onChange]);
+    // Only render if X field is temporal
+    if (!isTemporalField(xFieldType)) {
+        return null;
+    }
+    const selectedInterval = TEMPORAL_INTERVALS.find((interval) => interval.value === value);
+    const displayValue = selectedInterval?.label ?? 'None';
+    const currentValue = value || NONE;
+    return (_jsxs(Combobox, { value: currentValue, onChange: handleChange, currentValue: currentValue, children: [_jsx(Combobox.Trigger, { className: "shadow-none", children: _jsx("span", { children: displayValue }) }), _jsxs(Combobox.Content, { children: [_jsx(Combobox.Item, { value: NONE, children: _jsx("span", { className: "text-xs", children: "None" }) }), TEMPORAL_INTERVALS.map((interval) => (_jsx(Combobox.Item, { value: interval.value, isSelected: value === interval.value, children: _jsx("span", { className: "text-xs", children: interval.label }) }, interval.value)))] })] }));
 });
 TemporalGranularitySelector.displayName = 'TemporalGranularitySelector';
 //# sourceMappingURL=TemporalGranularitySelector.js.map

package/dist/components/TemporalGranularitySelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemporalGranularitySelector.js","sourceRoot":"","sources":["../../src/components/TemporalGranularitySelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,IAAI,EAAC,MAAM,OAAO,CAAC;AACpC,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,qBAAqB,EAAC,MAAM,uBAAuB,CAAC;AAS5D,MAAM,kBAAkB,GAAG;IACzB,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC;IAC9B,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAC;IACpC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;IAChC,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC;IAC9B,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;IAC5B,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC;IAC9B,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;IAClC,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;CAC1B,CAAC;AAEX,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB,SAAS,eAAe,CAAC,SAAkB;IACzC,IAAI,CAAC,SAAS;QAAE,OAAO,KAAK,CAAC;IAC7B,OAAO,qBAAqB,CAAC,IAAI,CAC/B,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,WAAW,EAAE,CACzD,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,2BAA2B,GACtC,IAAI,CAAC,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAC,EAAE,EAAE;IACrC,qCAAqC;IACrC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,iBAAiB,GAAG,CAAC,QAAwC,EAAE,EAAE;QACrE,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YACtB,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IAAC,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,aAAa,EAAE,iBAAiB,aAC5D,KAAC,aAAa,IAAC,SAAS,EAAC,yBAAyB,YAChD,KAAC,WAAW,IAAC,WAAW,EAAC,MAAM,GAAG,GACpB,EAChB,MAAC,aAAa,eACZ,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAC,SAAS,qBAE/B,EACZ,kBAAkB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACpC,KAAC,UAAU,IAET,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,SAAS,EAAC,SAAS,YAElB,QAAQ,CAAC,KAAK,IAJV,QAAQ,CAAC,KAAK,CAKR,CACd,CAAC,IACY,IACT,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC","sourcesContent":["import {type FC, memo} from 'react';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@sqlrooms/ui';\nimport {TEMPORAL_COLUMN_TYPES} from '../column-types-utils';\nimport type {TemporalInterval} from '../schemas';\n\ninterface TemporalGranularitySelectorProps {\n  value?: TemporalInterval;\n  onChange: (value?: TemporalInterval) => void;\n  xFieldType?: string;\n}\n\nconst TEMPORAL_INTERVALS = [\n  {value: 'year', label: 'Year'},\n  {value: 'quarter', label: 'Quarter'},\n  {value: 'month', label: 'Month'},\n  {value: 'week', label: 'Week'},\n  {value: 'day', label: 'Day'},\n  {value: 'hour', label: 'Hour'},\n  {value: 'minute', label: 'Minute'},\n  {value: 'second', label: 'Second'},\n] as const;\n\nconst NONE = 'none';\n\nfunction isTemporalField(fieldType?: string): boolean {\n  if (!fieldType) return false;\n  return TEMPORAL_COLUMN_TYPES.some(\n    (type) => fieldType.toUpperCase() === type.toUpperCase(),\n  );\n}\n\nexport const TemporalGranularitySelector: FC<TemporalGranularitySelectorProps> =\n  memo(({value, onChange, xFieldType}) => {\n    // Only render if X field is temporal\n    if (!isTemporalField(xFieldType)) {\n      return null;\n    }\n\n    const handleValueChange = (newValue: TemporalInterval | typeof NONE) => {\n      if (newValue === NONE) {\n        onChange(undefined);\n      } else {\n        onChange(newValue);\n      }\n    };\n\n    return (\n      <Select value={value || NONE} onValueChange={handleValueChange}>\n        <SelectTrigger className=\"h-8 text-xs shadow-none\">\n          <SelectValue placeholder=\"None\" />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value={NONE} className=\"text-xs\">\n            None\n          </SelectItem>\n          {TEMPORAL_INTERVALS.map((interval) => (\n            <SelectItem\n              key={interval.value}\n              value={interval.value}\n              className=\"text-xs\"\n            >\n              {interval.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    );\n  });\n\nTemporalGranularitySelector.displayName = 'TemporalGranularitySelector';\n"]}
+{"version":3,"file":"TemporalGranularitySelector.js","sourceRoot":"","sources":["../../src/components/TemporalGranularitySelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import {type FC, memo, useCallback} from 'react';\nimport {TEMPORAL_COLUMN_TYPES} from '../column-types-utils';\nimport type {TemporalInterval} from '../schemas';\nimport {Combobox} from './Combobox';\n\ninterface TemporalGranularitySelectorProps {\n  value?: TemporalInterval;\n  onChange: (value?: TemporalInterval) => void;\n  xFieldType?: string;\n}\n\nconst TEMPORAL_INTERVALS = [\n  {value: 'year', label: 'Year'},\n  {value: 'quarter', label: 'Quarter'},\n  {value: 'month', label: 'Month'},\n  {value: 'week', label: 'Week'},\n  {value: 'day', label: 'Day'},\n  {value: 'hour', label: 'Hour'},\n  {value: 'minute', label: 'Minute'},\n  {value: 'second', label: 'Second'},\n] as const;\n\nconst NONE = 'none';\n\nfunction isTemporalField(fieldType?: string): boolean {\n  if (!fieldType) return false;\n  return TEMPORAL_COLUMN_TYPES.some(\n    (type) => fieldType.toUpperCase() === type.toUpperCase(),\n  );\n}\n\nexport const TemporalGranularitySelector: FC<TemporalGranularitySelectorProps> =\n  memo(({value, onChange, xFieldType}) => {\n    // Custom onChange wrapper to handle undefined values\n    const handleChange = useCallback(\n      (newValue: string) => {\n        if (newValue === NONE) {\n          onChange(undefined);\n        } else {\n          onChange(newValue as TemporalInterval);\n        }\n      },\n      [onChange],\n    );\n\n    // Only render if X field is temporal\n    if (!isTemporalField(xFieldType)) {\n      return null;\n    }\n\n    const selectedInterval = TEMPORAL_INTERVALS.find(\n      (interval) => interval.value === value,\n    );\n    const displayValue = selectedInterval?.label ?? 'None';\n    const currentValue = value || NONE;\n\n    return (\n      <Combobox\n        value={currentValue}\n        onChange={handleChange}\n        currentValue={currentValue}\n      >\n        <Combobox.Trigger className=\"shadow-none\">\n          <span>{displayValue}</span>\n        </Combobox.Trigger>\n        <Combobox.Content>\n          <Combobox.Item value={NONE}>\n            <span className=\"text-xs\">None</span>\n          </Combobox.Item>\n          {TEMPORAL_INTERVALS.map((interval) => (\n            <Combobox.Item\n              key={interval.value}\n              value={interval.value}\n              isSelected={value === interval.value}\n            >\n              <span className=\"text-xs\">{interval.label}</span>\n            </Combobox.Item>\n          ))}\n        </Combobox.Content>\n      </Combobox>\n    );\n  });\n\nTemporalGranularitySelector.displayName = 'TemporalGranularitySelector';\n"]}

package/dist/components/useCombobox.d.ts

@@ -0,0 +1,23 @@
+export interface UseComboboxOptions<T extends string = string> {
+    value: T;
+    onChange: (value: T) => void;
+}
+export interface UseComboboxReturn {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    handleSelect: (value: string) => void;
+    popoverProps: {
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+    };
+    triggerProps: {
+        role: 'combobox';
+        'aria-expanded': boolean;
+    };
+}
+/**
+ * Shared combobox state and behavior for Popover-based selectors.
+ * Handles open/close state and selection with auto-close.
+ */
+export declare function useCombobox<T extends string = string>(options: UseComboboxOptions<T>): UseComboboxReturn;
+//# sourceMappingURL=useCombobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../src/components/useCombobox.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC3D,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE;QACZ,IAAI,EAAE,OAAO,CAAC;QACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;KACvC,CAAC;IACF,YAAY,EAAE;QACZ,IAAI,EAAE,UAAU,CAAC;QACjB,eAAe,EAAE,OAAO,CAAC;KAC1B,CAAC;CACH;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EACnD,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,iBAAiB,CAwBnB"}

package/dist/components/useCombobox.js

@@ -0,0 +1,26 @@
+import { useState, useCallback } from 'react';
+/**
+ * Shared combobox state and behavior for Popover-based selectors.
+ * Handles open/close state and selection with auto-close.
+ */
+export function useCombobox(options) {
+    const [open, setOpen] = useState(false);
+    const handleSelect = useCallback((value) => {
+        options.onChange(value);
+        setOpen(false);
+    }, [options]);
+    return {
+        open,
+        setOpen,
+        handleSelect,
+        popoverProps: {
+            open,
+            onOpenChange: setOpen,
+        },
+        triggerProps: {
+            role: 'combobox',
+            'aria-expanded': open,
+        },
+    };
+}
+//# sourceMappingURL=useCombobox.js.map

package/dist/components/useCombobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCombobox.js","sourceRoot":"","sources":["../../src/components/useCombobox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,WAAW,EAAC,MAAM,OAAO,CAAC;AAqB5C;;;GAGG;AACH,MAAM,UAAU,WAAW,CACzB,OAA8B;IAE9B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,OAAO,CAAC,QAAQ,CAAC,KAAU,CAAC,CAAC;QAC7B,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO;QACL,IAAI;QACJ,OAAO;QACP,YAAY;QACZ,YAAY,EAAE;YACZ,IAAI;YACJ,YAAY,EAAE,OAAO;SACtB;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,UAAmB;YACzB,eAAe,EAAE,IAAI;SACtB;KACF,CAAC;AACJ,CAAC","sourcesContent":["import {useState, useCallback} from 'react';\n\nexport interface UseComboboxOptions<T extends string = string> {\n  value: T;\n  onChange: (value: T) => void;\n}\n\nexport interface UseComboboxReturn {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  handleSelect: (value: string) => void;\n  popoverProps: {\n    open: boolean;\n    onOpenChange: (open: boolean) => void;\n  };\n  triggerProps: {\n    role: 'combobox';\n    'aria-expanded': boolean;\n  };\n}\n\n/**\n * Shared combobox state and behavior for Popover-based selectors.\n * Handles open/close state and selection with auto-close.\n */\nexport function useCombobox<T extends string = string>(\n  options: UseComboboxOptions<T>,\n): UseComboboxReturn {\n  const [open, setOpen] = useState(false);\n\n  const handleSelect = useCallback(\n    (value: string) => {\n      options.onChange(value as T);\n      setOpen(false);\n    },\n    [options],\n  );\n\n  return {\n    open,\n    setOpen,\n    handleSelect,\n    popoverProps: {\n      open,\n      onOpenChange: setOpen,\n    },\n    triggerProps: {\n      role: 'combobox' as const,\n      'aria-expanded': open,\n    },\n  };\n}\n"]}

package/dist/constants/chart-colors.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_CHART_COLORS: readonly string[];
+export declare const DEFAULT_CHART_FALLBACK_COLOR: string;
+//# sourceMappingURL=chart-colors.d.ts.map

package/dist/constants/chart-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-colors.d.ts","sourceRoot":"","sources":["../../src/constants/chart-colors.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,mBAAuC,CAAC;AACzE,eAAO,MAAM,4BAA4B,QAA2B,CAAC"}

package/dist/constants/chart-colors.js

@@ -0,0 +1,5 @@
+import { categoricalSchemeColors } from '@sqlrooms/color-scales';
+// Chart color palette (default palette colors)
+export const DEFAULT_CHART_COLORS = categoricalSchemeColors.Observable10;
+export const DEFAULT_CHART_FALLBACK_COLOR = DEFAULT_CHART_COLORS[0];
+//# sourceMappingURL=chart-colors.js.map

package/dist/constants/chart-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-colors.js","sourceRoot":"","sources":["../../src/constants/chart-colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,uBAAuB,EAAC,MAAM,wBAAwB,CAAC;AAE/D,+CAA+C;AAC/C,MAAM,CAAC,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,YAAY,CAAC;AACzE,MAAM,CAAC,MAAM,4BAA4B,GAAG,oBAAoB,CAAC,CAAC,CAAE,CAAC","sourcesContent":["import {categoricalSchemeColors} from '@sqlrooms/color-scales';\n\n// Chart color palette (default palette colors)\nexport const DEFAULT_CHART_COLORS = categoricalSchemeColors.Observable10;\nexport const DEFAULT_CHART_FALLBACK_COLOR = DEFAULT_CHART_COLORS[0]!;\n"]}

package/dist/dashboard/DefaultMosaicDashboardBlock.d.ts

@@ -1,4 +1,5 @@
 import type { StatefulBlockRenderProps } from '@sqlrooms/blocks';
 import type { MosaicDashboardSliceState } from './MosaicDashboardSlice';
-export declare const DefaultMosaicDashboardBlock: ({ blockId, }: StatefulBlockRenderProps<MosaicDashboardSliceState>) => import("react/jsx-runtime").JSX.Element;
+import { FC } from 'react';
+export declare const DefaultMosaicDashboardBlock: FC<StatefulBlockRenderProps<MosaicDashboardSliceState>>;
 //# sourceMappingURL=DefaultMosaicDashboardBlock.d.ts.map

package/dist/dashboard/DefaultMosaicDashboardBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultMosaicDashboardBlock.d.ts","sourceRoot":"","sources":["../../src/dashboard/DefaultMosaicDashboardBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,kBAAkB,CAAC;AAE/D,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,wBAAwB,CAAC;AAEtE,eAAO,MAAM,2BAA2B,GAAI,cAEzC,wBAAwB,CAAC,yBAAyB,CAAC,4CAErD,CAAC"}
+{"version":3,"file":"DefaultMosaicDashboardBlock.d.ts","sourceRoot":"","sources":["../../src/dashboard/DefaultMosaicDashboardBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,kBAAkB,CAAC;AAE/D,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAEzB,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAC1C,wBAAwB,CAAC,yBAAyB,CAAC,CAGpD,CAAC"}

package/dist/dashboard/DefaultMosaicDashboardBlock.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { MosaicDashboard } from './MosaicDashboard';
-export const DefaultMosaicDashboardBlock = ({ blockId, }) => {
+export const DefaultMosaicDashboardBlock = ({ blockId }) => {
     return _jsx(MosaicDashboard, { dashboardId: blockId });
 };
 //# sourceMappingURL=DefaultMosaicDashboardBlock.js.map

package/dist/dashboard/DefaultMosaicDashboardBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultMosaicDashboardBlock.js","sourceRoot":"","sources":["../../src/dashboard/DefaultMosaicDashboardBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAGlD,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,OAAO,GAC6C,EAAE,EAAE;IACxD,OAAO,KAAC,eAAe,IAAC,WAAW,EAAE,OAAO,GAAI,CAAC;AACnD,CAAC,CAAC","sourcesContent":["import type {StatefulBlockRenderProps} from '@sqlrooms/blocks';\nimport {MosaicDashboard} from './MosaicDashboard';\nimport type {MosaicDashboardSliceState} from './MosaicDashboardSlice';\n\nexport const DefaultMosaicDashboardBlock = ({\n  blockId,\n}: StatefulBlockRenderProps<MosaicDashboardSliceState>) => {\n  return <MosaicDashboard dashboardId={blockId} />;\n};\n"]}
+{"version":3,"file":"DefaultMosaicDashboardBlock.js","sourceRoot":"","sources":["../../src/dashboard/DefaultMosaicDashboardBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAIlD,MAAM,CAAC,MAAM,2BAA2B,GAEpC,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE;IAChB,OAAO,KAAC,eAAe,IAAC,WAAW,EAAE,OAAO,GAAI,CAAC;AACnD,CAAC,CAAC","sourcesContent":["import type {StatefulBlockRenderProps} from '@sqlrooms/blocks';\nimport {MosaicDashboard} from './MosaicDashboard';\nimport type {MosaicDashboardSliceState} from './MosaicDashboardSlice';\nimport {FC} from 'react';\n\nexport const DefaultMosaicDashboardBlock: FC<\n  StatefulBlockRenderProps<MosaicDashboardSliceState>\n> = ({blockId}) => {\n  return <MosaicDashboard dashboardId={blockId} />;\n};\n"]}

package/dist/dashboard/MosaicDashboardSlice.d.ts

@@ -11,6 +11,7 @@ import { type MosaicSliceState } from '../MosaicSlice';
 import { type RetainedVgPlotChart } from '../VgPlotChart';
 import type { MosaicDashboardAddPanelAction } from './action-types';
 import type { ChartRuntimeIssue } from '../chart-runtime';
+import type { MosaicClient } from '@uwdata/mosaic-core';
 /**
  * Panel key used for function-form panel definitions registered by
  * `MosaicDashboardPanels`. Individual dashboard panels are represented as
@@ -38,6 +39,7 @@ export declare const ChartPanelConfig: z.ZodObject<{
         settings: z.ZodObject<{
             field: z.ZodOptional<z.ZodString>;
             maxBins: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            color: z.ZodOptional<z.ZodString>;
         }, z.core.$strip>;
         settingsOpen: z.ZodOptional<z.ZodBoolean>;
         dataPolicy: z.ZodOptional<z.ZodObject<{
@@ -80,6 +82,7 @@ export declare const ChartPanelConfig: z.ZodObject<{
                     avg: "avg";
                 }>>>;
             }, z.core.$strip>>>;
+            showLegend: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
         }, z.core.$strip>;
         settingsOpen: z.ZodOptional<z.ZodBoolean>;
         dataPolicy: z.ZodOptional<z.ZodObject<{
@@ -88,7 +91,7 @@ export declare const ChartPanelConfig: z.ZodObject<{
             reason: z.ZodOptional<z.ZodString>;
         }, z.core.$strip>>;
     }, z.core.$strip>, z.ZodObject<{
-        chartType: z.ZodLiteral<"bubble-chart">;
+        chartType: z.ZodLiteral<"scatter-plot">;
         settings: z.ZodObject<{
             x: z.ZodOptional<z.ZodString>;
             y: z.ZodOptional<z.ZodString>;
@@ -172,6 +175,7 @@ export declare const MosaicDashboardPanelConfig: z.ZodUnion<[z.ZodDiscriminatedU
         settings: z.ZodObject<{
             field: z.ZodOptional<z.ZodString>;
             maxBins: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            color: z.ZodOptional<z.ZodString>;
         }, z.core.$strip>;
         settingsOpen: z.ZodOptional<z.ZodBoolean>;
         dataPolicy: z.ZodOptional<z.ZodObject<{
@@ -214,6 +218,7 @@ export declare const MosaicDashboardPanelConfig: z.ZodUnion<[z.ZodDiscriminatedU
                     avg: "avg";
                 }>>>;
             }, z.core.$strip>>>;
+            showLegend: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
         }, z.core.$strip>;
         settingsOpen: z.ZodOptional<z.ZodBoolean>;
         dataPolicy: z.ZodOptional<z.ZodObject<{
@@ -222,7 +227,7 @@ export declare const MosaicDashboardPanelConfig: z.ZodUnion<[z.ZodDiscriminatedU
             reason: z.ZodOptional<z.ZodString>;
         }, z.core.$strip>>;
     }, z.core.$strip>, z.ZodObject<{
-        chartType: z.ZodLiteral<"bubble-chart">;
+        chartType: z.ZodLiteral<"scatter-plot">;
         settings: z.ZodObject<{
             x: z.ZodOptional<z.ZodString>;
             y: z.ZodOptional<z.ZodString>;
@@ -343,6 +348,7 @@ export declare const MosaicDashboardEntry: z.ZodObject<{
             settings: z.ZodObject<{
                 field: z.ZodOptional<z.ZodString>;
                 maxBins: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+                color: z.ZodOptional<z.ZodString>;
             }, z.core.$strip>;
             settingsOpen: z.ZodOptional<z.ZodBoolean>;
             dataPolicy: z.ZodOptional<z.ZodObject<{
@@ -385,6 +391,7 @@ export declare const MosaicDashboardEntry: z.ZodObject<{
                         avg: "avg";
                     }>>>;
                 }, z.core.$strip>>>;
+                showLegend: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
             }, z.core.$strip>;
             settingsOpen: z.ZodOptional<z.ZodBoolean>;
             dataPolicy: z.ZodOptional<z.ZodObject<{
@@ -393,7 +400,7 @@ export declare const MosaicDashboardEntry: z.ZodObject<{
                 reason: z.ZodOptional<z.ZodString>;
             }, z.core.$strip>>;
         }, z.core.$strip>, z.ZodObject<{
-            chartType: z.ZodLiteral<"bubble-chart">;
+            chartType: z.ZodLiteral<"scatter-plot">;
             settings: z.ZodObject<{
                 x: z.ZodOptional<z.ZodString>;
                 y: z.ZodOptional<z.ZodString>;
@@ -486,6 +493,7 @@ export declare const MosaicDashboardSliceConfig: z.ZodObject<{
                 settings: z.ZodObject<{
                     field: z.ZodOptional<z.ZodString>;
                     maxBins: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+                    color: z.ZodOptional<z.ZodString>;
                 }, z.core.$strip>;
                 settingsOpen: z.ZodOptional<z.ZodBoolean>;
                 dataPolicy: z.ZodOptional<z.ZodObject<{
@@ -528,6 +536,7 @@ export declare const MosaicDashboardSliceConfig: z.ZodObject<{
                             avg: "avg";
                         }>>>;
                     }, z.core.$strip>>>;
+                    showLegend: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
                 }, z.core.$strip>;
                 settingsOpen: z.ZodOptional<z.ZodBoolean>;
                 dataPolicy: z.ZodOptional<z.ZodObject<{
@@ -536,7 +545,7 @@ export declare const MosaicDashboardSliceConfig: z.ZodObject<{
                     reason: z.ZodOptional<z.ZodString>;
                 }, z.core.$strip>>;
             }, z.core.$strip>, z.ZodObject<{
-                chartType: z.ZodLiteral<"bubble-chart">;
+                chartType: z.ZodLiteral<"scatter-plot">;
                 settings: z.ZodObject<{
                     x: z.ZodOptional<z.ZodString>;
                     y: z.ZodOptional<z.ZodString>;
@@ -628,6 +637,11 @@ export type MosaicDashboardSliceState = {
              * These are live diagnostics for UI and AI tools, not persisted config.
              */
             panelIssuesByPanelId: Record<string, ChartRuntimeIssue>;
+            /**
+             * Tracks Mosaic clients by panel ID for reset filter functionality.
+             * Key is `getMosaicDashboardPanelId(dashboardId, panelId)`.
+             */
+            panelClients: Record<string, MosaicClient[]>;
         };
         chartTypes?: ChartTypeDefinition[];
         addPanelActions: MosaicDashboardAddPanelAction[];
@@ -635,6 +649,7 @@ export type MosaicDashboardSliceState = {
         ensureDashboard: (dashboardId: string, title?: string, layoutType?: MosaicDashboardLayoutType) => void;
         removeDashboard: (dashboardId: string) => void;
         getDashboard: (dashboardId: string) => MosaicDashboardEntry | undefined;
+        setDashboardTitle: (dashboardId: string, title: string) => void;
         setSelectedTable: (dashboardId: string, tableName: string) => void;
         setLastSelectedTable: (dashboardId: string, tableName: string) => void;
         panelRenderers: PanelRenderersRecord;
@@ -660,6 +675,9 @@ export type MosaicDashboardSliceState = {
         }) => void;
         clearAllDashboardRuntime: () => void;
         setLayout: (dashboardId: string, layout: LayoutNode | null) => void;
+        registerPanelClient: (dashboardId: string, panelId: string, client: MosaicClient) => void;
+        unregisterPanelClient: (dashboardId: string, panelId: string, client: MosaicClient) => void;
+        getPanelClients: (dashboardId: string, panelId: string) => MosaicClient[];
     };
 };
 export type MosaicDashboardStoreState = BaseRoomStoreState & DbSliceState & DuckDbSliceState & LayoutSliceState & MosaicSliceState & MosaicDashboardSliceState;

package/dist/dashboard/MosaicDashboardSlice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardSlice.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardSlice.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MosaicDashboardSlice.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardSlice.ts"],"names":[],"mappings":"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"}

package/dist/dashboard/MosaicDashboardSlice.js

@@ -377,6 +377,7 @@ export function createMosaicDashboardSlice(props = {}) {
             runtime: {
                 retainedChartsByPanelId: {},
                 panelIssuesByPanelId: {},
+                panelClients: {},
             },
             chartTypes: props.chartTypes,
             addPanelActions: props.addPanelActions ?? [],
@@ -432,6 +433,16 @@ export function createMosaicDashboardSlice(props = {}) {
                     draft.mosaicDashboard.config = config;
                 }));
             },
+            setDashboardTitle(dashboardId, title) {
+                get().mosaicDashboard.ensureDashboard(dashboardId);
+                set((state) => produce(state, (draft) => {
+                    const dashboard = draft.mosaicDashboard.config.dashboardsById[dashboardId];
+                    if (!dashboard)
+                        return;
+                    dashboard.title = title;
+                    dashboard.updatedAt = Date.now();
+                }));
+            },
             setSelectedTable(dashboardId, tableName) {
                 get().mosaicDashboard.ensureDashboard(dashboardId);
                 set((state) => produce(state, (draft) => {
@@ -499,6 +510,11 @@ export function createMosaicDashboardSlice(props = {}) {
                 }
             },
             removePanel(dashboardId, panelId) {
+                // Clean up panel clients
+                const key = getMosaicDashboardPanelId(dashboardId, panelId);
+                set(produce((state) => {
+                    delete state.mosaicDashboard.runtime.panelClients[key];
+                }));
                 get().mosaicDashboard.evictPanelRuntime(dashboardId, panelId);
                 set((state) => produce(state, (draft) => {
                     const dashboard = draft.mosaicDashboard.config.dashboardsById[dashboardId];
@@ -613,6 +629,7 @@ export function createMosaicDashboardSlice(props = {}) {
                 const runtimePrefix = `dashboard:${dashboardId}:panel:`;
                 const existingEntries = Object.entries(get().mosaicDashboard.runtime.retainedChartsByPanelId).filter(([runtimePanelId]) => runtimePanelId.startsWith(runtimePrefix));
                 const existingIssueEntries = Object.keys(get().mosaicDashboard.runtime.panelIssuesByPanelId).filter((runtimePanelId) => runtimePanelId.startsWith(runtimePrefix));
+                const existingClientEntries = Object.keys(get().mosaicDashboard.runtime.panelClients).filter((runtimePanelId) => runtimePanelId.startsWith(runtimePrefix));
                 existingEntries.forEach(([, chart]) => {
                     destroyDashboardRuntimeChart(chart);
                 });
@@ -626,12 +643,18 @@ export function createMosaicDashboardSlice(props = {}) {
                     const nextPanelIssuesByPanelId = {
                         ...state.mosaicDashboard.runtime.panelIssuesByPanelId,
                     };
+                    const nextPanelClients = {
+                        ...state.mosaicDashboard.runtime.panelClients,
+                    };
                     for (const [runtimePanelId] of existingEntries) {
                         delete nextRetainedChartsByPanelId[runtimePanelId];
                     }
                     for (const runtimePanelId of existingIssueEntries) {
                         delete nextPanelIssuesByPanelId[runtimePanelId];
                     }
+                    for (const runtimePanelId of existingClientEntries) {
+                        delete nextPanelClients[runtimePanelId];
+                    }
                     return {
                         mosaicDashboard: {
                             ...state.mosaicDashboard,
@@ -639,6 +662,7 @@ export function createMosaicDashboardSlice(props = {}) {
                                 ...state.mosaicDashboard.runtime,
                                 retainedChartsByPanelId: nextRetainedChartsByPanelId,
                                 panelIssuesByPanelId: nextPanelIssuesByPanelId,
+                                panelClients: nextPanelClients,
                             },
                         },
                     };
@@ -655,6 +679,7 @@ export function createMosaicDashboardSlice(props = {}) {
                             ...state.mosaicDashboard.runtime,
                             retainedChartsByPanelId: {},
                             panelIssuesByPanelId: {},
+                            panelClients: {},
                         },
                     },
                 }));
@@ -671,6 +696,36 @@ export function createMosaicDashboardSlice(props = {}) {
                     dashboard.updatedAt = Date.now();
                 }));
             },
+            registerPanelClient: (dashboardId, panelId, client) => {
+                set(produce((state) => {
+                    const key = getMosaicDashboardPanelId(dashboardId, panelId);
+                    if (!state.mosaicDashboard.runtime.panelClients[key]) {
+                        state.mosaicDashboard.runtime.panelClients[key] = [];
+                    }
+                    if (!state.mosaicDashboard.runtime.panelClients[key].includes(client)) {
+                        state.mosaicDashboard.runtime.panelClients[key].push(client);
+                    }
+                }));
+            },
+            unregisterPanelClient: (dashboardId, panelId, client) => {
+                set(produce((state) => {
+                    const key = getMosaicDashboardPanelId(dashboardId, panelId);
+                    const clients = state.mosaicDashboard.runtime.panelClients[key];
+                    if (clients) {
+                        const index = clients.indexOf(client);
+                        if (index > -1) {
+                            clients.splice(index, 1);
+                        }
+                        if (clients.length === 0) {
+                            delete state.mosaicDashboard.runtime.panelClients[key];
+                        }
+                    }
+                }));
+            },
+            getPanelClients: (dashboardId, panelId) => {
+                const key = getMosaicDashboardPanelId(dashboardId, panelId);
+                return get().mosaicDashboard.runtime.panelClients[key] ?? [];
+            },
         },
     }));
 }