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

package/dist/ai/tool-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-helpers.js","sourceRoot":"","sources":["../../src/ai/tool-helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import type {DashboardToolDeps} from '../charts/chart-types/base-types';\nimport {\n  createMosaicDashboardChartPanelConfig,\n  createMosaicDashboardDataTableExplorerPanelConfig,\n} from '../dashboard/MosaicDashboardSlice';\nimport {MosaicDashboardEntry} from '../dashboard/dashboard-types';\nimport type {DataTableExplorerPanelConfig} from '../dashboard/core-types';\nimport type {ChartConfig} from '../charts/chart-types/chart-config';\n\nexport interface PanelResult {\n  panelId: string;\n  artifactId: string;\n  title: string;\n  config: ChartConfig | DataTableExplorerPanelConfig;\n}\n\nexport interface CreateOrUpdateChartPanelParams {\n  panelId?: string;\n  dashboardId: string;\n  tableName: string;\n  title: string;\n  config: ChartConfig;\n}\n\nexport interface CreateOrUpdateDataTableExplorerPanelParams {\n  panelId?: string;\n  dashboardId: string;\n  tableName: string;\n  title: string;\n  config: DataTableExplorerPanelConfig;\n}\n\n/**\n * Validates that a dashboard exists. Throws if not found.\n */\nfunction ensureDashboard(\n  deps: DashboardToolDeps,\n  dashboardId: string,\n): NonNullable<ReturnType<DashboardToolDeps['getDashboard']>> {\n  const dashboard = deps.getDashboard(dashboardId);\n  if (!dashboard) {\n    throw new Error(\n      `Dashboard \"${dashboardId}\" not found. Cannot update panel.`,\n    );\n  }\n  return dashboard;\n}\n\n/**\n * Validates that a panel exists in a dashboard. Throws if not found.\n */\nfunction ensurePanel(\n  dashboard: MosaicDashboardEntry,\n  dashboardId: string,\n  panelId: string,\n): void {\n  const panelExists = dashboard.panels.some((p) => p.id === panelId);\n  if (!panelExists) {\n    throw new Error(\n      `Panel \"${panelId}\" not found in dashboard \"${dashboardId}\". Cannot update.`,\n    );\n  }\n}\n\n/**\n * Universal helper to create or update a chart panel.\n * Handles everything: panel config creation, add/update logic, artifact switching.\n * When updating, both source and config are updated to allow changing the data source.\n */\nexport function createOrUpdateChartPanel(\n  deps: DashboardToolDeps,\n  params: CreateOrUpdateChartPanelParams,\n): PanelResult {\n  if (params.panelId) {\n    // Validate panel exists before attempting update\n    const dashboard = ensureDashboard(deps, params.dashboardId);\n    ensurePanel(dashboard, params.dashboardId, params.panelId);\n\n    // Update existing panel - update both source and config\n    deps.updatePanel(params.dashboardId, params.panelId, {\n      title: params.title,\n      source: {tableName: params.tableName},\n      config: params.config,\n    });\n\n    return {\n      panelId: params.panelId,\n      artifactId: params.dashboardId,\n      title: params.title,\n      config: params.config,\n    };\n  } else {\n    // Create new panel - create config and add to dashboard\n    const panel = createMosaicDashboardChartPanelConfig(\n      params.title,\n      params.config,\n    );\n\n    const panelId = deps.addPanel(params.dashboardId, panel);\n    deps.setCurrentArtifact(params.dashboardId);\n\n    return {\n      panelId,\n      artifactId: params.dashboardId,\n      title: params.title,\n      config: params.config,\n    };\n  }\n}\n\n/**\n * Universal helper to create or update a dataTableExplorer panel.\n */\nexport function createOrUpdateDataTableExplorerPanel(\n  deps: DashboardToolDeps,\n  params: CreateOrUpdateDataTableExplorerPanelParams,\n): PanelResult {\n  if (params.panelId) {\n    // Validate panel exists before attempting update\n    const dashboard = ensureDashboard(deps, params.dashboardId);\n    ensurePanel(dashboard, params.dashboardId, params.panelId);\n\n    deps.updatePanel(params.dashboardId, params.panelId, {\n      config: params.config,\n      source: {tableName: params.tableName},\n      title: params.title,\n    });\n\n    return {\n      panelId: params.panelId,\n      artifactId: params.dashboardId,\n      title: params.title,\n      config: params.config,\n    };\n  } else {\n    // Create new panel - create full panel config\n    const panel = createMosaicDashboardDataTableExplorerPanelConfig({\n      title: params.title,\n      config: params.config,\n    });\n\n    const panelId = deps.addPanel(params.dashboardId, panel);\n    deps.setCurrentArtifact(params.dashboardId);\n\n    return {\n      panelId,\n      artifactId: params.dashboardId,\n      title: panel.title,\n      config: panel.config,\n    };\n  }\n}\n"]}
+{"version":3,"file":"tool-helpers.js","sourceRoot":"","sources":["../../src/ai/tool-helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAQtC;;GAEG;AACH,MAAM,UAAU,WAAW,CACzB,OAA0B,EAC1B,SAAiB;IAEjB,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAE3C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,YAAY,CAAC,UAAU,SAAS,cAAc,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,WAAW,CACzB,OAA2B,EAC3B,OAAe,EACf,IAAa;IAEb,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAExC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,YAAY,CAAC,kBAAkB,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;QAC9C,MAAM,IAAI,YAAY,CACpB,qBAAqB,KAAK,CAAC,IAAI,qBAAqB,IAAI,IAAI,CAC7D,CAAC;IACJ,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAC9B,YAAkC,EAClC,UAAgC;IAEhC,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;QAC1C,IAAI,GAAG,IAAI,YAAY,EAAE,CAAC;YACxB,MAAM,IAAI,YAAY,CACpB,uDAAuD,GAAG,+CAA+C,CAC1G,CAAC;QACJ,CAAC;IACH,CAAC;AACH,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,4BAA4B,CAC1C,SAA6B,EAC7B,iBAAkC,EAAE;IAEpC,OAAO;QACL,SAAS;QACT,aAAa,EAAE,cAAc,CAAC,MAAM;QACpC,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC;aACnE,MAAM;KACV,CAAC;AACJ,CAAC","sourcesContent":["import {MosaicDashboardPanelConfig} from '../dashboard/dashboard-types';\nimport {AiAgentError} from './errors';\nimport {DashboardAiAdapter} from './dashboard/dashboard-types';\nimport {DataTable} from '@sqlrooms/duckdb';\nimport {Tool} from 'ai';\nimport {DatabaseAiAdapter} from './database-types';\nimport {AgentResultMetadata} from './tool-types';\nimport {AgentToolCall} from './types';\n\n/**\n * Validates that a table exists. Throws if not found.\n */\nexport function ensureTable(\n  adapter: DatabaseAiAdapter,\n  tableName: string,\n): DataTable {\n  const table = adapter.findTable(tableName);\n\n  if (!table) {\n    throw new AiAgentError(`Table \"${tableName}\" not found.`);\n  }\n\n  return table;\n}\n\n/**\n * Validates that a panel exists in a dashboard. Throws if not found.\n */\nexport function ensurePanel(\n  adapter: DashboardAiAdapter,\n  panelId: string,\n  type?: string,\n): MosaicDashboardPanelConfig {\n  const panel = adapter.getPanel(panelId);\n\n  if (!panel) {\n    throw new AiAgentError(`Panel not found.`);\n  }\n\n  if (type !== undefined && panel.type !== type) {\n    throw new AiAgentError(\n      `Panel is of type \"${panel.type}\", expected type \"${type}\".`,\n    );\n  }\n\n  return panel;\n}\n\n/**\n * Validates that extra tools do not override built-in tools.\n * Prevents accidental shadowing of core functionality by custom tools.\n *\n * @param builtInTools - Record of built-in tool names to tools\n * @param extraTools - Record of extra tool names to tools being registered\n * @throws {AiAgentError} When a key from extraTools exists in builtInTools\n */\nexport function ensureNoOverride(\n  builtInTools: Record<string, Tool>,\n  extraTools: Record<string, Tool>,\n) {\n  for (const key of Object.keys(extraTools)) {\n    if (key in builtInTools) {\n      throw new AiAgentError(\n        `Dashboard extraTools cannot override built-in tool \"${key}\". Register the host tool under a unique key.`,\n      );\n    }\n  }\n}\n\n/**\n * Calculate metadata about agent execution results.\n *\n * @param tableName - Optional table name associated with the agent execution\n * @param agentToolCalls - Array of tool calls made during agent execution\n * @returns Metadata including steps executed and queries run\n */\nexport function calculateAgentResultMetadata(\n  tableName: string | undefined,\n  agentToolCalls: AgentToolCall[] = [],\n): AgentResultMetadata {\n  return {\n    tableName,\n    stepsExecuted: agentToolCalls.length,\n    queriesRun: agentToolCalls.filter((call) => call.toolName === 'query')\n      .length,\n  };\n}\n"]}

package/dist/ai/tool-schemas.d.ts

@@ -1,8 +1,13 @@
 import { z } from 'zod';
-export declare const BaseChartToolParameters: z.ZodObject<{
-    artifactId: z.ZodOptional<z.ZodString>;
-    tableName: z.ZodOptional<z.ZodString>;
-    createArtifactIfMissing: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+/**
+ * Base input schema shared by chart AI tools.
+ *
+ * Includes the source table, optional chart title, optional dashboard panel to
+ * update, and the model's rationale for the chart choice.
+ */
+export declare const BaseChartToolInput: z.ZodObject<{
+    tableName: z.ZodString;
+    title: z.ZodOptional<z.ZodString>;
     panelId: z.ZodOptional<z.ZodString>;
     reasoning: z.ZodString;
 }, z.core.$strip>;

package/dist/ai/tool-schemas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-schemas.d.ts","sourceRoot":"","sources":["../../src/ai/tool-schemas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,eAAO,MAAM,uBAAuB;;;;;;iBAuBlC,CAAC"}
+{"version":3,"file":"tool-schemas.d.ts","sourceRoot":"","sources":["../../src/ai/tool-schemas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;;;iBAe7B,CAAC"}

package/dist/ai/tool-schemas.js

@@ -1,22 +1,22 @@
 import { z } from 'zod';
-export const BaseChartToolParameters = z.object({
-    artifactId: z
-        .string()
-        .optional()
-        .describe('Optional dashboard artifact ID. Prefer passing this explicitly; if omitted, the host may use an unambiguous primary dashboard context.'),
+/**
+ * Base input schema shared by chart AI tools.
+ *
+ * Includes the source table, optional chart title, optional dashboard panel to
+ * update, and the model's rationale for the chart choice.
+ */
+export const BaseChartToolInput = z.object({
     tableName: z
+        .string()
+        .describe('REQUIRED table name to create the chart from.'),
+    title: z
         .string()
         .optional()
-        .describe('Optional table name. Use when no table is selected yet.'),
-    createArtifactIfMissing: z
-        .boolean()
-        .optional()
-        .default(true)
-        .describe('If true, create dashboard artifact if missing.'),
+        .describe('Optional title for the chart artifact'),
     panelId: z
         .string()
         .optional()
-        .describe('Optional panel ID. If provided, updates the existing panel instead of creating new one.'),
+        .describe('Optional existing dashboard panel ID to update instead of creating a new panel.'),
     reasoning: z.string().describe('Brief rationale for the chart choice.'),
 });
 //# sourceMappingURL=tool-schemas.js.map

package/dist/ai/tool-schemas.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-schemas.js","sourceRoot":"","sources":["../../src/ai/tool-schemas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC9C,UAAU,EAAE,CAAC;SACV,MAAM,EAAE;SACR,QAAQ,EAAE;SACV,QAAQ,CACP,wIAAwI,CACzI;IACH,SAAS,EAAE,CAAC;SACT,MAAM,EAAE;SACR,QAAQ,EAAE;SACV,QAAQ,CAAC,yDAAyD,CAAC;IACtE,uBAAuB,EAAE,CAAC;SACvB,OAAO,EAAE;SACT,QAAQ,EAAE;SACV,OAAO,CAAC,IAAI,CAAC;SACb,QAAQ,CAAC,gDAAgD,CAAC;IAC7D,OAAO,EAAE,CAAC;SACP,MAAM,EAAE;SACR,QAAQ,EAAE;SACV,QAAQ,CACP,yFAAyF,CAC1F;IACH,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,uCAAuC,CAAC;CACxE,CAAC,CAAC","sourcesContent":["import {z} from 'zod';\n\nexport const BaseChartToolParameters = z.object({\n  artifactId: z\n    .string()\n    .optional()\n    .describe(\n      'Optional dashboard artifact ID. Prefer passing this explicitly; if omitted, the host may use an unambiguous primary dashboard context.',\n    ),\n  tableName: z\n    .string()\n    .optional()\n    .describe('Optional table name. Use when no table is selected yet.'),\n  createArtifactIfMissing: z\n    .boolean()\n    .optional()\n    .default(true)\n    .describe('If true, create dashboard artifact if missing.'),\n  panelId: z\n    .string()\n    .optional()\n    .describe(\n      'Optional panel ID. If provided, updates the existing panel instead of creating new one.',\n    ),\n  reasoning: z.string().describe('Brief rationale for the chart choice.'),\n});\n"]}
+{"version":3,"file":"tool-schemas.js","sourceRoot":"","sources":["../../src/ai/tool-schemas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB;;;;;GAKG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC,MAAM,CAAC;IACzC,SAAS,EAAE,CAAC;SACT,MAAM,EAAE;SACR,QAAQ,CAAC,+CAA+C,CAAC;IAC5D,KAAK,EAAE,CAAC;SACL,MAAM,EAAE;SACR,QAAQ,EAAE;SACV,QAAQ,CAAC,uCAAuC,CAAC;IACpD,OAAO,EAAE,CAAC;SACP,MAAM,EAAE;SACR,QAAQ,EAAE;SACV,QAAQ,CACP,iFAAiF,CAClF;IACH,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,uCAAuC,CAAC;CACxE,CAAC,CAAC","sourcesContent":["import {z} from 'zod';\n\n/**\n * Base input schema shared by chart AI tools.\n *\n * Includes the source table, optional chart title, optional dashboard panel to\n * update, and the model's rationale for the chart choice.\n */\nexport const BaseChartToolInput = z.object({\n  tableName: z\n    .string()\n    .describe('REQUIRED table name to create the chart from.'),\n  title: z\n    .string()\n    .optional()\n    .describe('Optional title for the chart artifact'),\n  panelId: z\n    .string()\n    .optional()\n    .describe(\n      'Optional existing dashboard panel ID to update instead of creating a new panel.',\n    ),\n  reasoning: z.string().describe('Brief rationale for the chart choice.'),\n});\n"]}

package/dist/ai/tool-types.d.ts

@@ -1,5 +1,5 @@
 import { ChartConfig } from '../charts/chart-types/chart-config';
-import type { ChartBuilderColumn } from '../charts/chart-types/base-types';
+import type { ChartBuilderColumn } from '../charts/chart-types/column-types';
 export interface ResolvedChartResourcesParams {
     artifactId?: string;
     tableName?: string;
@@ -23,4 +23,22 @@ export interface CreateChartResult {
     title: string;
     config: ChartConfig;
 }
+type ToolOutputDefaultError = {
+    errorMessage?: string;
+};
+export type ToolOutput<TSuccess, TError extends ToolOutputDefaultError = ToolOutputDefaultError> = ({
+    success: true;
+} & TSuccess) | ({
+    success: false;
+} & TError);
+/**
+ * Metadata about agent execution.
+ * Tracks statistics like steps executed and queries run during agent operation.
+ */
+export type AgentResultMetadata = {
+    tableName?: string;
+    stepsExecuted: number;
+    queriesRun: number;
+};
+export {};
 //# sourceMappingURL=tool-types.d.ts.map

package/dist/ai/tool-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-types.d.ts","sourceRoot":"","sources":["../../src/ai/tool-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,oCAAoC,CAAC;AAC/D,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAEzE,MAAM,WAAW,4BAA4B;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,WAAW,CAAC;CACrB"}
+{"version":3,"file":"tool-types.d.ts","sourceRoot":"","sources":["../../src/ai/tool-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,oCAAoC,CAAC;AAC/D,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oCAAoC,CAAC;AAE3E,MAAM,WAAW,4BAA4B;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,KAAK,sBAAsB,GAAG;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAEtD,MAAM,MAAM,UAAU,CACpB,QAAQ,EACR,MAAM,SAAS,sBAAsB,GAAG,sBAAsB,IAE5D,CAAC;IACC,OAAO,EAAE,IAAI,CAAC;CACf,GAAG,QAAQ,CAAC,GACb,CAAC;IACC,OAAO,EAAE,KAAK,CAAC;CAChB,GAAG,MAAM,CAAC,CAAC;AAEhB;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/ai/tool-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-types.js","sourceRoot":"","sources":["../../src/ai/tool-types.ts"],"names":[],"mappings":"","sourcesContent":["import {ChartConfig} from '../charts/chart-types/chart-config';\nimport type {ChartBuilderColumn} from '../charts/chart-types/base-types';\n\nexport interface ResolvedChartResourcesParams {\n  artifactId?: string;\n  tableName?: string;\n  createArtifactIfMissing?: boolean;\n}\n\nexport interface ResolvedChartResources {\n  artifactId: string;\n  tableName: string;\n  columns: ChartBuilderColumn[];\n}\n\nexport interface CreateChartParams {\n  artifactId: string;\n  tableName: string;\n  title: string;\n  config: ChartConfig;\n}\n\nexport interface CreateChartResult {\n  panelId: string;\n  artifactId: string;\n  tableName: string;\n  title: string;\n  config: ChartConfig;\n}\n"]}
+{"version":3,"file":"tool-types.js","sourceRoot":"","sources":["../../src/ai/tool-types.ts"],"names":[],"mappings":"","sourcesContent":["import {ChartConfig} from '../charts/chart-types/chart-config';\nimport type {ChartBuilderColumn} from '../charts/chart-types/column-types';\n\nexport interface ResolvedChartResourcesParams {\n  artifactId?: string;\n  tableName?: string;\n  createArtifactIfMissing?: boolean;\n}\n\nexport interface ResolvedChartResources {\n  artifactId: string;\n  tableName: string;\n  columns: ChartBuilderColumn[];\n}\n\nexport interface CreateChartParams {\n  artifactId: string;\n  tableName: string;\n  title: string;\n  config: ChartConfig;\n}\n\nexport interface CreateChartResult {\n  panelId: string;\n  artifactId: string;\n  tableName: string;\n  title: string;\n  config: ChartConfig;\n}\n\ntype ToolOutputDefaultError = {errorMessage?: string};\n\nexport type ToolOutput<\n  TSuccess,\n  TError extends ToolOutputDefaultError = ToolOutputDefaultError,\n> =\n  | ({\n      success: true;\n    } & TSuccess)\n  | ({\n      success: false;\n    } & TError);\n\n/**\n * Metadata about agent execution.\n * Tracks statistics like steps executed and queries run during agent operation.\n */\nexport type AgentResultMetadata = {\n  tableName?: string;\n  stepsExecuted: number;\n  queriesRun: number;\n};\n"]}

package/dist/ai/types.d.ts

@@ -0,0 +1,64 @@
+import type { LanguageModel, Tool, ToolLoopAgent } from 'ai';
+import type { DataTable } from '@sqlrooms/db';
+import type { ChartTypeDefinition } from '../charts/chart-types/base-types';
+/**
+ * Common types used by Mosaic AI agents and tool composition.
+ */
+export type AiStore<TState> = {
+    getState: () => TState;
+};
+export type AgentToolCall = {
+    toolName: string;
+};
+export type AgentRunResult = {
+    finalOutput?: string;
+    agentToolCalls?: AgentToolCall[];
+};
+/**
+ * Minimal adapter interface for chart configuration tools.
+ * Chart tools only need access to tables for validation.
+ *
+ * This is a state-less interface - implementations bind state internally.
+ */
+export type ChartAiAdapter = {
+    /** Get all available tables */
+    getTables: () => DataTable[];
+    /** Find table by name, throws if not found */
+    findTableByName: (tableName: string) => DataTable;
+};
+export type ChartToolsOptions = {
+    chartTypes?: ChartTypeDefinition<any>[];
+    chartMaxDataPoints?: number;
+};
+/**
+ * Common options for agent creation
+ */
+export type BaseAgentToolOptions<TState> = {
+    store: AiStore<TState>;
+    getModel: (args: {
+        state: TState;
+    }) => LanguageModel;
+    createDataTools?: (args: {
+        store: AiStore<TState>;
+    }) => {
+        query: Tool;
+        list_tables: Tool;
+        read_table_schema: Tool;
+    };
+    runSubAgent: (args: {
+        agent: ToolLoopAgent<any, any, any>;
+        prompt: string;
+        store: AiStore<TState>;
+        parentToolCallId: string;
+        abortSignal?: AbortSignal;
+    }) => Promise<AgentRunResult>;
+    instructions?: string;
+    /**
+     * Optional host/plugin instructions appended after the built-in agent prompt.
+     * Use this when extending an agent with extra tools that need specialized
+     * usage guidance while preserving the base workflow.
+     */
+    additionalInstructions?: string;
+    chartToolsOptions?: ChartToolsOptions;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ai/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ai/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAE,IAAI,EAAE,aAAa,EAAC,MAAM,IAAI,CAAC;AAC3D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAE1E;;GAEG;AAEH,MAAM,MAAM,OAAO,CAAC,MAAM,IAAI;IAC5B,QAAQ,EAAE,MAAM,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;CAClC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,+BAA+B;IAC/B,SAAS,EAAE,MAAM,SAAS,EAAE,CAAC;IAE7B,8CAA8C;IAC9C,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,SAAS,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,CAAC,EAAE,mBAAmB,CAAC,GAAG,CAAC,EAAE,CAAC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,oBAAoB,CAAC,MAAM,IAAI;IACzC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,KAAK,aAAa,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;KAAC,KAAK;QACpD,KAAK,EAAE,IAAI,CAAC;QACZ,WAAW,EAAE,IAAI,CAAC;QAClB,iBAAiB,EAAE,IAAI,CAAC;KACzB,CAAC;IACF,WAAW,EAAE,CAAC,IAAI,EAAE;QAClB,KAAK,EAAE,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QACpC,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;QACvB,gBAAgB,EAAE,MAAM,CAAC;QACzB,WAAW,CAAC,EAAE,WAAW,CAAC;KAC3B,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,CAAC"}

package/dist/ai/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/ai/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/ai/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {LanguageModel, Tool, ToolLoopAgent} from 'ai';\nimport type {DataTable} from '@sqlrooms/db';\nimport type {ChartTypeDefinition} from '../charts/chart-types/base-types';\n\n/**\n * Common types used by Mosaic AI agents and tool composition.\n */\n\nexport type AiStore<TState> = {\n  getState: () => TState;\n};\n\nexport type AgentToolCall = {\n  toolName: string;\n};\n\nexport type AgentRunResult = {\n  finalOutput?: string;\n  agentToolCalls?: AgentToolCall[];\n};\n\n/**\n * Minimal adapter interface for chart configuration tools.\n * Chart tools only need access to tables for validation.\n *\n * This is a state-less interface - implementations bind state internally.\n */\nexport type ChartAiAdapter = {\n  /** Get all available tables */\n  getTables: () => DataTable[];\n\n  /** Find table by name, throws if not found */\n  findTableByName: (tableName: string) => DataTable;\n};\n\nexport type ChartToolsOptions = {\n  chartTypes?: ChartTypeDefinition<any>[];\n  chartMaxDataPoints?: number;\n};\n\n/**\n * Common options for agent creation\n */\nexport type BaseAgentToolOptions<TState> = {\n  store: AiStore<TState>;\n  getModel: (args: {state: TState}) => LanguageModel;\n  createDataTools?: (args: {store: AiStore<TState>}) => {\n    query: Tool;\n    list_tables: Tool;\n    read_table_schema: Tool;\n  };\n  runSubAgent: (args: {\n    agent: ToolLoopAgent<any, any, any>;\n    prompt: string;\n    store: AiStore<TState>;\n    parentToolCallId: string;\n    abortSignal?: AbortSignal;\n  }) => Promise<AgentRunResult>;\n  instructions?: string;\n  /**\n   * Optional host/plugin instructions appended after the built-in agent prompt.\n   * Use this when extending an agent with extra tools that need specialized\n   * usage guidance while preserving the base workflow.\n   */\n  additionalInstructions?: string;\n  chartToolsOptions?: ChartToolsOptions;\n};\n"]}

package/dist/ai.d.ts

@@ -1,6 +1,20 @@
 /**
- * AI tools and utilities for Mosaic dashboards
+ * AI tools and utilities for Mosaic dashboards and block-document integrations
  * @packageDocumentation
  */
-export * from './ai/ai';
+export type { ChartToolExecutionContext } from './charts/chart-types';
+export * from './ai/types';
+export * from './ai/database-types';
+export * from './ai/dashboard/dashboard-types';
+export * from './ai/constants';
+export * from './ai/block-document/constants';
+export { AiAgentError } from './ai/errors';
+export { calculateAgentResultMetadata } from './ai/tool-helpers';
+export { createChartToolsInstructions } from './charts/chart-types/createChartInstructions';
+export { resolveChartTypes } from './charts/chart-types/resolveChartTypes';
+export { createDashboardAiTools } from './ai/dashboard/createDashboardAiTools';
+export { createDashboardAgentTool } from './ai/dashboard/createDashboardAgentTool';
+export { createAddMosaicDashboardBlockTool, type CreateAddMosaicDashboardBlockToolOptions, } from './ai/block-document/createAddMosaicDashboardBlockTool';
+export { createBlockDocumentChartTools, type CreateBlockDocumentChartToolsParams, } from './ai/block-document/createBlockDocumentChartTools';
+export { createBlockDocumentDataTableExplorerTool, type CreateBlockDocumentDataTableExplorerToolParams, } from './ai/block-document/createBlockDocumentDataTableExplorerTool';
 //# sourceMappingURL=ai.d.ts.map

package/dist/ai.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai.d.ts","sourceRoot":"","sources":["../src/ai.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,SAAS,CAAC"}
+{"version":3,"file":"ai.d.ts","sourceRoot":"","sources":["../src/ai.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,YAAY,EAAC,yBAAyB,EAAC,MAAM,sBAAsB,CAAC;AACpE,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AACzC,OAAO,EAAC,4BAA4B,EAAC,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAC,4BAA4B,EAAC,MAAM,8CAA8C,CAAC;AAC1F,OAAO,EAAC,iBAAiB,EAAC,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAC,wBAAwB,EAAC,MAAM,yCAAyC,CAAC;AACjF,OAAO,EACL,iCAAiC,EACjC,KAAK,wCAAwC,GAC9C,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EACL,6BAA6B,EAC7B,KAAK,mCAAmC,GACzC,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EACL,wCAAwC,EACxC,KAAK,8CAA8C,GACpD,MAAM,8DAA8D,CAAC"}

package/dist/ai.js

@@ -1,6 +1,15 @@
-/**
- * AI tools and utilities for Mosaic dashboards
- * @packageDocumentation
- */
-export * from './ai/ai';
+export * from './ai/types';
+export * from './ai/database-types';
+export * from './ai/dashboard/dashboard-types';
+export * from './ai/constants';
+export * from './ai/block-document/constants';
+export { AiAgentError } from './ai/errors';
+export { calculateAgentResultMetadata } from './ai/tool-helpers';
+export { createChartToolsInstructions } from './charts/chart-types/createChartInstructions';
+export { resolveChartTypes } from './charts/chart-types/resolveChartTypes';
+export { createDashboardAiTools } from './ai/dashboard/createDashboardAiTools';
+export { createDashboardAgentTool } from './ai/dashboard/createDashboardAgentTool';
+export { createAddMosaicDashboardBlockTool, } from './ai/block-document/createAddMosaicDashboardBlockTool';
+export { createBlockDocumentChartTools, } from './ai/block-document/createBlockDocumentChartTools';
+export { createBlockDocumentDataTableExplorerTool, } from './ai/block-document/createBlockDocumentDataTableExplorerTool';
 //# sourceMappingURL=ai.js.map

package/dist/ai.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai.js","sourceRoot":"","sources":["../src/ai.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * AI tools and utilities for Mosaic dashboards\n * @packageDocumentation\n */\n\nexport * from './ai/ai';\n"]}
+{"version":3,"file":"ai.js","sourceRoot":"","sources":["../src/ai.ts"],"names":[],"mappings":"AAKA,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AACzC,OAAO,EAAC,4BAA4B,EAAC,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAC,4BAA4B,EAAC,MAAM,8CAA8C,CAAC;AAC1F,OAAO,EAAC,iBAAiB,EAAC,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAC,wBAAwB,EAAC,MAAM,yCAAyC,CAAC;AACjF,OAAO,EACL,iCAAiC,GAElC,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EACL,6BAA6B,GAE9B,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EACL,wCAAwC,GAEzC,MAAM,8DAA8D,CAAC","sourcesContent":["/**\n * AI tools and utilities for Mosaic dashboards and block-document integrations\n * @packageDocumentation\n */\nexport type {ChartToolExecutionContext} from './charts/chart-types';\nexport * from './ai/types';\nexport * from './ai/database-types';\nexport * from './ai/dashboard/dashboard-types';\nexport * from './ai/constants';\nexport * from './ai/block-document/constants';\nexport {AiAgentError} from './ai/errors';\nexport {calculateAgentResultMetadata} from './ai/tool-helpers';\nexport {createChartToolsInstructions} from './charts/chart-types/createChartInstructions';\nexport {resolveChartTypes} from './charts/chart-types/resolveChartTypes';\nexport {createDashboardAiTools} from './ai/dashboard/createDashboardAiTools';\nexport {createDashboardAgentTool} from './ai/dashboard/createDashboardAgentTool';\nexport {\n  createAddMosaicDashboardBlockTool,\n  type CreateAddMosaicDashboardBlockToolOptions,\n} from './ai/block-document/createAddMosaicDashboardBlockTool';\nexport {\n  createBlockDocumentChartTools,\n  type CreateBlockDocumentChartToolsParams,\n} from './ai/block-document/createBlockDocumentChartTools';\nexport {\n  createBlockDocumentDataTableExplorerTool,\n  type CreateBlockDocumentDataTableExplorerToolParams,\n} from './ai/block-document/createBlockDocumentDataTableExplorerTool';\n"]}

package/dist/charts/MosaicChart.js

@@ -7,7 +7,7 @@ export const MosaicChart = ({ dataTable, selectionName, config, runtimeKey, onCo
     const handleOpenChange = useCallback((isOpen) => onConfigChange?.({ ...config, settingsOpen: isOpen }), [config, onConfigChange]);
     const handleConfigChange = useCallback((newConfig) => onConfigChange?.(newConfig), [onConfigChange]);
     const settingsContent = (_jsx(MosaicChartSettingsPanel, { dataTable: dataTable, config: config, onChange: handleConfigChange, onClose: () => handleOpenChange(false) }));
-    const chartContent = (_jsx("div", { className: "h-full overflow-auto p-2", children: _jsx(MosaicChartView, { dataTable: dataTable, config: config, selectionName: selectionName, retentionKey: runtimeKey, runtimeIssueKey: runtimeKey, dashboardId: dashboardId, panelId: panelId }) }));
+    const chartContent = (_jsx("div", { className: "h-full min-h-0 min-w-0 overflow-hidden p-2", children: _jsx(MosaicChartView, { dataTable: dataTable, config: config, selectionName: selectionName, retentionKey: runtimeKey, runtimeIssueKey: runtimeKey, dashboardId: dashboardId, panelId: panelId }) }));
     return (_jsx("div", { className: "h-full min-h-0", children: _jsx(MosaicDashboardPanelLayout, { isOpen: config.settingsOpen, onIsOpenChange: handleOpenChange, settings: settingsContent, content: chartContent }) }));
 };
 //# sourceMappingURL=MosaicChart.js.map

package/dist/charts/MosaicChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicChart.js","sourceRoot":"","sources":["../../src/charts/MosaicChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,0BAA0B,EAAC,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AAEpE,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAalD,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,SAAS,EACT,aAAa,EACb,MAAM,EACN,UAAU,EACV,cAAc,EACd,WAAW,EACX,OAAO,GACR,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,MAAe,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,EAAC,GAAG,MAAM,EAAE,YAAY,EAAE,MAAM,EAAC,CAAC,EACxE,CAAC,MAAM,EAAE,cAAc,CAAC,CACzB,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,SAAsB,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,SAAS,CAAC,EACvD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,MAAM,eAAe,GAAG,CACtB,KAAC,wBAAwB,IACvB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,GACtC,CACH,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,UAAU,EACxB,eAAe,EAAE,UAAU,EAC3B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,GACE,CACP,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,0BAA0B,IACzB,MAAM,EAAE,MAAM,CAAC,YAAY,EAC3B,cAAc,EAAE,gBAAgB,EAChC,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,YAAY,GACrB,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC, useCallback} from 'react';\nimport {MosaicDashboardPanelLayout} from '../dashboard/panel/MosaicDashboardPanelLayout';\nimport {MosaicChartSettingsPanel} from './MosaicChartSettingsPanel';\nimport type {ChartConfig} from './chart-types/chart-config';\nimport {MosaicChartView} from './MosaicChartView';\nimport {DataTable} from '@sqlrooms/db';\n\nexport type MosaicChartProps = {\n  dataTable?: DataTable;\n  selectionName?: string;\n  config: ChartConfig;\n  runtimeKey: string;\n  onConfigChange?: (config: ChartConfig) => void;\n  dashboardId?: string;\n  panelId?: string;\n};\n\nexport const MosaicChart: FC<MosaicChartProps> = ({\n  dataTable,\n  selectionName,\n  config,\n  runtimeKey,\n  onConfigChange,\n  dashboardId,\n  panelId,\n}) => {\n  const handleOpenChange = useCallback(\n    (isOpen: boolean) => onConfigChange?.({...config, settingsOpen: isOpen}),\n    [config, onConfigChange],\n  );\n\n  const handleConfigChange = useCallback(\n    (newConfig: ChartConfig) => onConfigChange?.(newConfig),\n    [onConfigChange],\n  );\n\n  const settingsContent = (\n    <MosaicChartSettingsPanel\n      dataTable={dataTable}\n      config={config}\n      onChange={handleConfigChange}\n      onClose={() => handleOpenChange(false)}\n    />\n  );\n\n  const chartContent = (\n    <div className=\"h-full overflow-auto p-2\">\n      <MosaicChartView\n        dataTable={dataTable}\n        config={config}\n        selectionName={selectionName}\n        retentionKey={runtimeKey}\n        runtimeIssueKey={runtimeKey}\n        dashboardId={dashboardId}\n        panelId={panelId}\n      />\n    </div>\n  );\n\n  return (\n    <div className=\"h-full min-h-0\">\n      <MosaicDashboardPanelLayout\n        isOpen={config.settingsOpen}\n        onIsOpenChange={handleOpenChange}\n        settings={settingsContent}\n        content={chartContent}\n      />\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"MosaicChart.js","sourceRoot":"","sources":["../../src/charts/MosaicChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,0BAA0B,EAAC,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AAEpE,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAalD,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,SAAS,EACT,aAAa,EACb,MAAM,EACN,UAAU,EACV,cAAc,EACd,WAAW,EACX,OAAO,GACR,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,MAAe,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,EAAC,GAAG,MAAM,EAAE,YAAY,EAAE,MAAM,EAAC,CAAC,EACxE,CAAC,MAAM,EAAE,cAAc,CAAC,CACzB,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,SAAsB,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,SAAS,CAAC,EACvD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,MAAM,eAAe,GAAG,CACtB,KAAC,wBAAwB,IACvB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,GACtC,CACH,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,cAAK,SAAS,EAAC,4CAA4C,YACzD,KAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,UAAU,EACxB,eAAe,EAAE,UAAU,EAC3B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,GACE,CACP,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,0BAA0B,IACzB,MAAM,EAAE,MAAM,CAAC,YAAY,EAC3B,cAAc,EAAE,gBAAgB,EAChC,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,YAAY,GACrB,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC, useCallback} from 'react';\nimport {MosaicDashboardPanelLayout} from '../dashboard/panel/MosaicDashboardPanelLayout';\nimport {MosaicChartSettingsPanel} from './MosaicChartSettingsPanel';\nimport type {ChartConfig} from './chart-types/chart-config';\nimport {MosaicChartView} from './MosaicChartView';\nimport {DataTable} from '@sqlrooms/db';\n\nexport type MosaicChartProps = {\n  dataTable?: DataTable;\n  selectionName?: string;\n  config: ChartConfig;\n  runtimeKey: string;\n  onConfigChange?: (config: ChartConfig) => void;\n  dashboardId?: string;\n  panelId?: string;\n};\n\nexport const MosaicChart: FC<MosaicChartProps> = ({\n  dataTable,\n  selectionName,\n  config,\n  runtimeKey,\n  onConfigChange,\n  dashboardId,\n  panelId,\n}) => {\n  const handleOpenChange = useCallback(\n    (isOpen: boolean) => onConfigChange?.({...config, settingsOpen: isOpen}),\n    [config, onConfigChange],\n  );\n\n  const handleConfigChange = useCallback(\n    (newConfig: ChartConfig) => onConfigChange?.(newConfig),\n    [onConfigChange],\n  );\n\n  const settingsContent = (\n    <MosaicChartSettingsPanel\n      dataTable={dataTable}\n      config={config}\n      onChange={handleConfigChange}\n      onClose={() => handleOpenChange(false)}\n    />\n  );\n\n  const chartContent = (\n    <div className=\"h-full min-h-0 min-w-0 overflow-hidden p-2\">\n      <MosaicChartView\n        dataTable={dataTable}\n        config={config}\n        selectionName={selectionName}\n        retentionKey={runtimeKey}\n        runtimeIssueKey={runtimeKey}\n        dashboardId={dashboardId}\n        panelId={panelId}\n      />\n    </div>\n  );\n\n  return (\n    <div className=\"h-full min-h-0\">\n      <MosaicDashboardPanelLayout\n        isOpen={config.settingsOpen}\n        onIsOpenChange={handleOpenChange}\n        settings={settingsContent}\n        content={chartContent}\n      />\n    </div>\n  );\n};\n"]}

package/dist/charts/MosaicChartView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicChartView.d.ts","sourceRoot":"","sources":["../../src/charts/MosaicChartView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAE,EAAoC,MAAM,OAAO,CAAC;AAGjE,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAW5D,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAGvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAsHpD,CAAC"}
+{"version":3,"file":"MosaicChartView.d.ts","sourceRoot":"","sources":["../../src/charts/MosaicChartView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAE,EAAoC,MAAM,OAAO,CAAC;AAGjE,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAW5D,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAsHpD,CAAC"}

package/dist/charts/MosaicChartView.js

@@ -12,7 +12,6 @@ import { useChartDataPolicy } from './useChartDataPolicy';
 import { useChartRetainerByKey } from './useChartRetainer';
 import { useMosaicChartRenderContext } from './useMosaicChartRenderContext';
 import { useRuntimeIssueReporter } from './useRuntimeIssueReporter';
-import { getChartTableReference } from './chart-types/base-types';
 export const MosaicChartView = ({ dataTable, config, selectionName, retentionKey, runtimeIssueKey, className, dashboardId, panelId, }) => {
     const connection = useStoreWithMosaicDashboard((state) => state.mosaic.connection);
     const retention = useChartRetainerByKey(retentionKey);
@@ -54,7 +53,7 @@ export const MosaicChartView = ({ dataTable, config, selectionName, retentionKey
     }
     if (renderContext.type === 'component') {
         return (_jsx("div", { className: cn('h-full w-full', className), children: createElement(renderContext.renderer, {
-                tableName: getChartTableReference(renderContext.dataTable),
+                table: renderContext.dataTable.table,
                 config,
                 coordinator: connection.coordinator,
                 params,

package/dist/charts/MosaicChartView.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicChartView.js","sourceRoot":"","sources":["../../src/charts/MosaicChartView.tsx"],"names":[],"mappings":"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","sourcesContent":["import {SpinnerPane, cn} from '@sqlrooms/ui';\nimport {type FC, createElement, useMemo, useEffect} from 'react';\nimport {VgPlotChart} from '../VgPlotChart';\nimport type {ChartRuntimeIssueContext} from '../chart-runtime';\nimport type {ChartConfig} from './chart-types/chart-config';\nimport {useStoreWithMosaicDashboard} from '../dashboard/MosaicDashboardSlice';\nimport {usePanelClientRegistration} from '../dashboard/usePanelClientRegistration';\nimport {useChartPanelClients} from './useChartPanelClients';\nimport {MosaicChartRuntimeIssuePanel} from './MosaicChartRuntimeIssuePanel';\nimport {MosaicChartError} from './MosaicChartError';\nimport {useBrushSelectionParams} from './useBrushSelectionParams';\nimport {useChartDataPolicy} from './useChartDataPolicy';\nimport {useChartRetainerByKey} from './useChartRetainer';\nimport {useMosaicChartRenderContext} from './useMosaicChartRenderContext';\nimport {useRuntimeIssueReporter} from './useRuntimeIssueReporter';\nimport {DataTable} from '@sqlrooms/db';\nimport {getChartTableReference} from './chart-types/base-types';\n\nexport type MosaicChartViewProps = {\n  dataTable?: DataTable;\n  config: ChartConfig;\n  selectionName?: string;\n  retentionKey?: string;\n  runtimeIssueKey?: string;\n  className?: string;\n  dashboardId?: string;\n  panelId?: string;\n};\n\nexport const MosaicChartView: FC<MosaicChartViewProps> = ({\n  dataTable,\n  config,\n  selectionName,\n  retentionKey,\n  runtimeIssueKey,\n  className,\n  dashboardId,\n  panelId,\n}) => {\n  const connection = useStoreWithMosaicDashboard(\n    (state) => state.mosaic.connection,\n  );\n\n  const retention = useChartRetainerByKey(retentionKey);\n  const chartClients = useChartPanelClients(retention);\n\n  usePanelClientRegistration(dashboardId, panelId, chartClients);\n\n  const params = useBrushSelectionParams(selectionName);\n  const dataPolicy = useChartDataPolicy(dataTable, config);\n\n  const runtimeIssueReporter = useRuntimeIssueReporter(runtimeIssueKey);\n\n  const runtimeIssueContext: ChartRuntimeIssueContext = useMemo(\n    () => ({\n      panelId: runtimeIssueKey ?? retentionKey ?? config.chartType,\n      chartType: config.chartType,\n    }),\n    [config.chartType, retentionKey, runtimeIssueKey],\n  );\n\n  const issue = useStoreWithMosaicDashboard((state) =>\n    runtimeIssueKey\n      ? state.mosaicDashboard.getPanelIssueByKey(runtimeIssueKey)\n      : undefined,\n  );\n\n  const clearPanelIssue = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.clearPanelIssueByKey,\n  );\n\n  // Clear issue when config changes - new config means user is trying different settings\n  useEffect(() => {\n    if (runtimeIssueKey && issue) {\n      clearPanelIssue(runtimeIssueKey);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [config, runtimeIssueKey, clearPanelIssue]);\n\n  const renderContext = useMosaicChartRenderContext(\n    dataTable,\n    config,\n    selectionName,\n  );\n\n  if (connection.status === 'loading' || connection.status === 'idle') {\n    return <SpinnerPane className=\"h-full w-full\" />;\n  }\n\n  if (connection.status === 'error') {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center text-sm\">\n        Mosaic connection failed\n      </div>\n    );\n  }\n\n  if (renderContext.type === 'error') {\n    return (\n      <div\n        className={cn(\n          'flex h-full flex-col items-center justify-center',\n          className,\n        )}\n      >\n        <MosaicChartError error={renderContext.error} />\n      </div>\n    );\n  }\n\n  if (issue) {\n    return <MosaicChartRuntimeIssuePanel issue={issue} />;\n  }\n\n  if (renderContext.type === 'spec') {\n    return (\n      <div className={cn('h-full w-full', className)}>\n        <VgPlotChart\n          spec={renderContext.spec}\n          params={params}\n          retention={retention}\n          dataPolicy={dataPolicy}\n          runtimeIssueContext={runtimeIssueContext}\n          runtimeIssueReporter={runtimeIssueReporter}\n        />\n      </div>\n    );\n  }\n\n  if (renderContext.type === 'component') {\n    return (\n      <div className={cn('h-full w-full', className)}>\n        {createElement(renderContext.renderer, {\n          tableName: getChartTableReference(renderContext.dataTable),\n          config,\n          coordinator: connection.coordinator,\n          params,\n          retention,\n          dataPolicy,\n          runtimeIssueContext,\n          runtimeIssueReporter,\n        })}\n      </div>\n    );\n  }\n\n  return null;\n};\n"]}
+{"version":3,"file":"MosaicChartView.js","sourceRoot":"","sources":["../../src/charts/MosaicChartView.tsx"],"names":[],"mappings":"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","sourcesContent":["import {SpinnerPane, cn} from '@sqlrooms/ui';\nimport {type FC, createElement, useMemo, useEffect} from 'react';\nimport {VgPlotChart} from '../VgPlotChart';\nimport type {ChartRuntimeIssueContext} from '../chart-runtime';\nimport type {ChartConfig} from './chart-types/chart-config';\nimport {useStoreWithMosaicDashboard} from '../dashboard/MosaicDashboardSlice';\nimport {usePanelClientRegistration} from '../dashboard/usePanelClientRegistration';\nimport {useChartPanelClients} from './useChartPanelClients';\nimport {MosaicChartRuntimeIssuePanel} from './MosaicChartRuntimeIssuePanel';\nimport {MosaicChartError} from './MosaicChartError';\nimport {useBrushSelectionParams} from './useBrushSelectionParams';\nimport {useChartDataPolicy} from './useChartDataPolicy';\nimport {useChartRetainerByKey} from './useChartRetainer';\nimport {useMosaicChartRenderContext} from './useMosaicChartRenderContext';\nimport {useRuntimeIssueReporter} from './useRuntimeIssueReporter';\nimport {DataTable} from '@sqlrooms/db';\n\nexport type MosaicChartViewProps = {\n  dataTable?: DataTable;\n  config: ChartConfig;\n  selectionName?: string;\n  retentionKey?: string;\n  runtimeIssueKey?: string;\n  className?: string;\n  dashboardId?: string;\n  panelId?: string;\n};\n\nexport const MosaicChartView: FC<MosaicChartViewProps> = ({\n  dataTable,\n  config,\n  selectionName,\n  retentionKey,\n  runtimeIssueKey,\n  className,\n  dashboardId,\n  panelId,\n}) => {\n  const connection = useStoreWithMosaicDashboard(\n    (state) => state.mosaic.connection,\n  );\n\n  const retention = useChartRetainerByKey(retentionKey);\n  const chartClients = useChartPanelClients(retention);\n\n  usePanelClientRegistration(dashboardId, panelId, chartClients);\n\n  const params = useBrushSelectionParams(selectionName);\n  const dataPolicy = useChartDataPolicy(dataTable, config);\n\n  const runtimeIssueReporter = useRuntimeIssueReporter(runtimeIssueKey);\n\n  const runtimeIssueContext: ChartRuntimeIssueContext = useMemo(\n    () => ({\n      panelId: runtimeIssueKey ?? retentionKey ?? config.chartType,\n      chartType: config.chartType,\n    }),\n    [config.chartType, retentionKey, runtimeIssueKey],\n  );\n\n  const issue = useStoreWithMosaicDashboard((state) =>\n    runtimeIssueKey\n      ? state.mosaicDashboard.getPanelIssueByKey(runtimeIssueKey)\n      : undefined,\n  );\n\n  const clearPanelIssue = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.clearPanelIssueByKey,\n  );\n\n  // Clear issue when config changes - new config means user is trying different settings\n  useEffect(() => {\n    if (runtimeIssueKey && issue) {\n      clearPanelIssue(runtimeIssueKey);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [config, runtimeIssueKey, clearPanelIssue]);\n\n  const renderContext = useMosaicChartRenderContext(\n    dataTable,\n    config,\n    selectionName,\n  );\n\n  if (connection.status === 'loading' || connection.status === 'idle') {\n    return <SpinnerPane className=\"h-full w-full\" />;\n  }\n\n  if (connection.status === 'error') {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center text-sm\">\n        Mosaic connection failed\n      </div>\n    );\n  }\n\n  if (renderContext.type === 'error') {\n    return (\n      <div\n        className={cn(\n          'flex h-full flex-col items-center justify-center',\n          className,\n        )}\n      >\n        <MosaicChartError error={renderContext.error} />\n      </div>\n    );\n  }\n\n  if (issue) {\n    return <MosaicChartRuntimeIssuePanel issue={issue} />;\n  }\n\n  if (renderContext.type === 'spec') {\n    return (\n      <div className={cn('h-full w-full', className)}>\n        <VgPlotChart\n          spec={renderContext.spec}\n          params={params}\n          retention={retention}\n          dataPolicy={dataPolicy}\n          runtimeIssueContext={runtimeIssueContext}\n          runtimeIssueReporter={runtimeIssueReporter}\n        />\n      </div>\n    );\n  }\n\n  if (renderContext.type === 'component') {\n    return (\n      <div className={cn('h-full w-full', className)}>\n        {createElement(renderContext.renderer, {\n          table: renderContext.dataTable.table,\n          config,\n          coordinator: connection.coordinator,\n          params,\n          retention,\n          dataPolicy,\n          runtimeIssueContext,\n          runtimeIssueReporter,\n        })}\n      </div>\n    );\n  }\n\n  return null;\n};\n"]}

package/dist/charts/chart-settings/MosaicChartSpecViewerPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicChartSpecViewerPanel.d.ts","sourceRoot":"","sources":["../../../src/charts/chart-settings/MosaicChartSpecViewerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAU,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAGzC,UAAU,+BAA+B;IACvC,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,CA+BhC,CAAC"}
+{"version":3,"file":"MosaicChartSpecViewerPanel.d.ts","sourceRoot":"","sources":["../../../src/charts/chart-settings/MosaicChartSpecViewerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAU,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAGzC,UAAU,+BAA+B;IACvC,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,CAiChC,CAAC"}

package/dist/charts/chart-settings/MosaicChartSpecViewerPanel.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
+import { ScrollArea } from '@sqlrooms/ui';
 import { MosaicCodeMirrorEditor } from '../../editor/MosaicCodeMirrorEditor';
 import { MosaicChartSettings } from './MosaicChartSettings';
 import { toRenderableMosaicSpec } from '../../dashboard/utils';
 export const MosaicChartSpecViewerPanel = ({ spec, onBack }) => {
     const renderableSpec = toRenderableMosaicSpec(spec);
     const serializedValue = useMemo(() => (renderableSpec ? JSON.stringify(renderableSpec, null, 2) : ''), [renderableSpec]);
-    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs(MosaicChartSettings.Header, { children: [_jsx("div", { className: "flex items-center", children: _jsx("span", { children: "Spec viewer" }) }), _jsx("div", { className: "flex items-center gap-1", children: _jsx(MosaicChartSettings.CloseButton, { onClick: onBack }) })] }), _jsx("div", { className: "flex-1 overflow-auto p-2", children: _jsx("div", { className: "border-input h-full overflow-hidden rounded-md border", children: _jsx(MosaicCodeMirrorEditor, { value: serializedValue, className: "h-full", enableSchemaValidation: true, readOnly: true }) }) })] }));
+    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs(MosaicChartSettings.Header, { children: [_jsx("div", { className: "flex items-center", children: _jsx("span", { children: "Spec viewer" }) }), _jsx("div", { className: "flex items-center gap-1", children: _jsx(MosaicChartSettings.CloseButton, { onClick: onBack }) })] }), _jsx(ScrollArea, { className: "min-h-0 flex-1", children: _jsx("div", { className: "h-full p-2", children: _jsx("div", { className: "border-input h-full overflow-hidden rounded-md border", children: _jsx(MosaicCodeMirrorEditor, { value: serializedValue, className: "h-full", enableSchemaValidation: true, readOnly: true }) }) }) })] }));
 };
 //# sourceMappingURL=MosaicChartSpecViewerPanel.js.map

package/dist/charts/chart-settings/MosaicChartSpecViewerPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicChartSpecViewerPanel.js","sourceRoot":"","sources":["../../../src/charts/chart-settings/MosaicChartSpecViewerPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,OAAO,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,sBAAsB,EAAC,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAC,sBAAsB,EAAC,MAAM,uBAAuB,CAAC;AAO7D,MAAM,CAAC,MAAM,0BAA0B,GAEnC,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,EAAE,EAAE;IACrB,MAAM,cAAc,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAEpD,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACrE,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,MAAC,mBAAmB,CAAC,MAAM,eACzB,cAAK,SAAS,EAAC,mBAAmB,YAChC,yCAAwB,GACpB,EACN,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,mBAAmB,CAAC,WAAW,IAAC,OAAO,EAAE,MAAM,GAAI,GAChD,IACqB,EAC7B,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,uDAAuD,YACpE,KAAC,sBAAsB,IACrB,KAAK,EAAE,eAAe,EACtB,SAAS,EAAC,QAAQ,EAClB,sBAAsB,QACtB,QAAQ,SACR,GACE,GACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC, useMemo} from 'react';\nimport {MosaicCodeMirrorEditor} from '../../editor/MosaicCodeMirrorEditor';\nimport {MosaicChartSettings} from './MosaicChartSettings';\nimport {Spec} from '@uwdata/mosaic-spec';\nimport {toRenderableMosaicSpec} from '../../dashboard/utils';\n\ninterface MosaicChartSpecViewerPanelProps {\n  spec: Spec;\n  onBack: () => void;\n}\n\nexport const MosaicChartSpecViewerPanel: FC<\n  MosaicChartSpecViewerPanelProps\n> = ({spec, onBack}) => {\n  const renderableSpec = toRenderableMosaicSpec(spec);\n\n  const serializedValue = useMemo(\n    () => (renderableSpec ? JSON.stringify(renderableSpec, null, 2) : ''),\n    [renderableSpec],\n  );\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <MosaicChartSettings.Header>\n        <div className=\"flex items-center\">\n          <span>Spec viewer</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <MosaicChartSettings.CloseButton onClick={onBack} />\n        </div>\n      </MosaicChartSettings.Header>\n      <div className=\"flex-1 overflow-auto p-2\">\n        <div className=\"border-input h-full overflow-hidden rounded-md border\">\n          <MosaicCodeMirrorEditor\n            value={serializedValue}\n            className=\"h-full\"\n            enableSchemaValidation\n            readOnly\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"MosaicChartSpecViewerPanel.js","sourceRoot":"","sources":["../../../src/charts/chart-settings/MosaicChartSpecViewerPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,OAAO,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,sBAAsB,EAAC,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAC,sBAAsB,EAAC,MAAM,uBAAuB,CAAC;AAO7D,MAAM,CAAC,MAAM,0BAA0B,GAEnC,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,EAAE,EAAE;IACrB,MAAM,cAAc,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAEpD,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACrE,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,MAAC,mBAAmB,CAAC,MAAM,eACzB,cAAK,SAAS,EAAC,mBAAmB,YAChC,yCAAwB,GACpB,EACN,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,mBAAmB,CAAC,WAAW,IAAC,OAAO,EAAE,MAAM,GAAI,GAChD,IACqB,EAC7B,KAAC,UAAU,IAAC,SAAS,EAAC,gBAAgB,YACpC,cAAK,SAAS,EAAC,YAAY,YACzB,cAAK,SAAS,EAAC,uDAAuD,YACpE,KAAC,sBAAsB,IACrB,KAAK,EAAE,eAAe,EACtB,SAAS,EAAC,QAAQ,EAClB,sBAAsB,QACtB,QAAQ,SACR,GACE,GACF,GACK,IACT,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC, useMemo} from 'react';\nimport {ScrollArea} from '@sqlrooms/ui';\nimport {MosaicCodeMirrorEditor} from '../../editor/MosaicCodeMirrorEditor';\nimport {MosaicChartSettings} from './MosaicChartSettings';\nimport {Spec} from '@uwdata/mosaic-spec';\nimport {toRenderableMosaicSpec} from '../../dashboard/utils';\n\ninterface MosaicChartSpecViewerPanelProps {\n  spec: Spec;\n  onBack: () => void;\n}\n\nexport const MosaicChartSpecViewerPanel: FC<\n  MosaicChartSpecViewerPanelProps\n> = ({spec, onBack}) => {\n  const renderableSpec = toRenderableMosaicSpec(spec);\n\n  const serializedValue = useMemo(\n    () => (renderableSpec ? JSON.stringify(renderableSpec, null, 2) : ''),\n    [renderableSpec],\n  );\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <MosaicChartSettings.Header>\n        <div className=\"flex items-center\">\n          <span>Spec viewer</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <MosaicChartSettings.CloseButton onClick={onBack} />\n        </div>\n      </MosaicChartSettings.Header>\n      <ScrollArea className=\"min-h-0 flex-1\">\n        <div className=\"h-full p-2\">\n          <div className=\"border-input h-full overflow-hidden rounded-md border\">\n            <MosaicCodeMirrorEditor\n              value={serializedValue}\n              className=\"h-full\"\n              enableSchemaValidation\n              readOnly\n            />\n          </div>\n        </div>\n      </ScrollArea>\n    </div>\n  );\n};\n"]}

package/dist/charts/chart-settings/MosaicChartTypeSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicChartTypeSelector.d.ts","sourceRoot":"","sources":["../../../src/charts/chart-settings/MosaicChartTypeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAA6B,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAIzD,UAAU,4BAA4B;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CA8DpE,CAAC"}
+{"version":3,"file":"MosaicChartTypeSelector.d.ts","sourceRoot":"","sources":["../../../src/charts/chart-settings/MosaicChartTypeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAgB,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAGzD,UAAU,4BAA4B;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAkDpE,CAAC"}

package/dist/charts/chart-settings/MosaicChartTypeSelector.js

@@ -1,22 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useMemo, useCallback } from 'react';
+import { memo, useMemo } from 'react';
 import { ChartNoAxesCombined } from 'lucide-react';
+import { Combobox } from '@sqlrooms/ui';
 import { useStoreWithMosaicDashboard } from '../../dashboard/MosaicDashboardSlice';
-import { Combobox } from '../../components/Combobox';
 export const MosaicChartTypeSelector = memo(({ value, onChange }) => {
     const chartTypes = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.chartTypes);
-    // Custom selection handler: maps from label back to id
-    const handleChange = useCallback((searchValue) => {
-        const chartType = chartTypes?.find((ct) => (ct.label ?? ct.id).toLowerCase() === searchValue.toLowerCase());
-        if (chartType) {
-            onChange(chartType.id);
-        }
-    }, [chartTypes, onChange]);
     const selectedChartType = useMemo(() => chartTypes?.find((chartType) => chartType.id === value), [chartTypes, value]);
     const SelectedChartTypeIcon = selectedChartType?.icon ?? ChartNoAxesCombined;
-    return (_jsxs(Combobox, { value: value, onChange: handleChange, children: [_jsx(Combobox.Trigger, { className: "w-full", ariaLabel: "Chart type", children: selectedChartType ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SelectedChartTypeIcon, { className: "h-3.5 w-3.5" }), _jsx("span", { children: selectedChartType.label })] })) : (_jsx("span", { className: "text-muted-foreground", children: "Select chart type" })) }), _jsx(Combobox.Content, { searchable: true, searchPlaceholder: "Search chart types...", emptyMessage: "No matching chart type.", children: chartTypes?.map((chartType) => {
+    return (_jsxs(Combobox, { value: value, onChange: onChange, children: [_jsx(Combobox.Trigger, { className: "w-full", ariaLabel: "Chart type", children: selectedChartType ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SelectedChartTypeIcon, { className: "h-3.5 w-3.5" }), _jsx("span", { children: selectedChartType.label })] })) : (_jsx("span", { className: "text-muted-foreground", children: "Select chart type" })) }), _jsx(Combobox.Content, { searchable: true, searchPlaceholder: "Search chart types...", emptyMessage: "No matching chart type.", children: chartTypes?.map((chartType) => {
                     const Icon = chartType.icon ?? ChartNoAxesCombined;
-                    return (_jsxs(Combobox.Item, { value: chartType.label ?? chartType.id, isSelected: value === chartType.id, children: [_jsx(Icon, { className: "mr-2 h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "truncate text-xs", children: chartType.label })] }, chartType.id));
+                    return (_jsxs(Combobox.Item, { value: chartType.id, keywords: [chartType.label ?? chartType.id], children: [_jsx(Icon, { className: "mr-2 h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "truncate text-xs", children: chartType.label ?? chartType.id })] }, chartType.id));
                 }) })] }));
 });
 MosaicChartTypeSelector.displayName = 'MosaicChartTypeSelector';

package/dist/charts/chart-settings/MosaicChartTypeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicChartTypeSelector.js","sourceRoot":"","sources":["../../../src/charts/chart-settings/MosaicChartTypeSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,IAAI,EAAE,OAAO,EAAE,WAAW,EAAC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAC,2BAA2B,EAAC,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAOnD,MAAM,CAAC,MAAM,uBAAuB,GAAqC,IAAI,CAC3E,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE;IACpB,MAAM,UAAU,GAAG,2BAA2B,CAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,UAAU,CAC5C,CAAC;IAEF,uDAAuD;IACvD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,WAAmB,EAAE,EAAE;QACtB,MAAM,SAAS,GAAG,UAAU,EAAE,IAAI,CAChC,CAAC,EAAE,EAAE,EAAE,CACL,CAAC,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,WAAW,CAAC,WAAW,EAAE,CAClE,CAAC;QACF,IAAI,SAAS,EAAE,CAAC;YACd,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,QAAQ,CAAC,CACvB,CAAC;IAEF,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAC7D,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAC;IAEF,MAAM,qBAAqB,GACzB,iBAAiB,EAAE,IAAI,IAAI,mBAAmB,CAAC;IAEjD,OAAO,CACL,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,aAC5C,KAAC,QAAQ,CAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,YACxD,iBAAiB,CAAC,CAAC,CAAC,CACnB,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,qBAAqB,IAAC,SAAS,EAAC,aAAa,GAAG,EACjD,yBAAO,iBAAiB,CAAC,KAAK,GAAQ,IAClC,CACP,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,uBAAuB,kCAAyB,CACjE,GACgB,EACnB,KAAC,QAAQ,CAAC,OAAO,IACf,UAAU,QACV,iBAAiB,EAAC,uBAAuB,EACzC,YAAY,EAAC,yBAAyB,YAErC,UAAU,EAAE,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;oBAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,IAAI,mBAAmB,CAAC;oBACnD,OAAO,CACL,MAAC,QAAQ,CAAC,IAAI,IAEZ,KAAK,EAAE,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,EAAE,EACtC,UAAU,EAAE,KAAK,KAAK,SAAS,CAAC,EAAE,aAElC,KAAC,IAAI,IAAC,SAAS,EAAC,2BAA2B,GAAG,EAC9C,eAAM,SAAS,EAAC,kBAAkB,YAAE,SAAS,CAAC,KAAK,GAAQ,KALtD,SAAS,CAAC,EAAE,CAMH,CACjB,CAAC;gBACJ,CAAC,CAAC,GACe,IACV,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC","sourcesContent":["import {type FC, memo, useMemo, useCallback} from 'react';\nimport {ChartNoAxesCombined} from 'lucide-react';\nimport {type ChartType} from '../chart-types/base-types';\nimport {useStoreWithMosaicDashboard} from '../../dashboard/MosaicDashboardSlice';\nimport {Combobox} from '../../components/Combobox';\n\ninterface MosaicChartTypeSelectorProps {\n  value: ChartType;\n  onChange: (chartType: ChartType) => void;\n}\n\nexport const MosaicChartTypeSelector: FC<MosaicChartTypeSelectorProps> = memo(\n  ({value, onChange}) => {\n    const chartTypes = useStoreWithMosaicDashboard(\n      (state) => state.mosaicDashboard.chartTypes,\n    );\n\n    // Custom selection handler: maps from label back to id\n    const handleChange = useCallback(\n      (searchValue: string) => {\n        const chartType = chartTypes?.find(\n          (ct) =>\n            (ct.label ?? ct.id).toLowerCase() === searchValue.toLowerCase(),\n        );\n        if (chartType) {\n          onChange(chartType.id);\n        }\n      },\n      [chartTypes, onChange],\n    );\n\n    const selectedChartType = useMemo(\n      () => chartTypes?.find((chartType) => chartType.id === value),\n      [chartTypes, value],\n    );\n\n    const SelectedChartTypeIcon =\n      selectedChartType?.icon ?? ChartNoAxesCombined;\n\n    return (\n      <Combobox value={value} onChange={handleChange}>\n        <Combobox.Trigger className=\"w-full\" ariaLabel=\"Chart type\">\n          {selectedChartType ? (\n            <div className=\"flex items-center gap-2\">\n              <SelectedChartTypeIcon className=\"h-3.5 w-3.5\" />\n              <span>{selectedChartType.label}</span>\n            </div>\n          ) : (\n            <span className=\"text-muted-foreground\">Select chart type</span>\n          )}\n        </Combobox.Trigger>\n        <Combobox.Content\n          searchable\n          searchPlaceholder=\"Search chart types...\"\n          emptyMessage=\"No matching chart type.\"\n        >\n          {chartTypes?.map((chartType) => {\n            const Icon = chartType.icon ?? ChartNoAxesCombined;\n            return (\n              <Combobox.Item\n                key={chartType.id}\n                value={chartType.label ?? chartType.id}\n                isSelected={value === chartType.id}\n              >\n                <Icon className=\"mr-2 h-3.5 w-3.5 shrink-0\" />\n                <span className=\"truncate text-xs\">{chartType.label}</span>\n              </Combobox.Item>\n            );\n          })}\n        </Combobox.Content>\n      </Combobox>\n    );\n  },\n);\n\nMosaicChartTypeSelector.displayName = 'MosaicChartTypeSelector';\n"]}
+{"version":3,"file":"MosaicChartTypeSelector.js","sourceRoot":"","sources":["../../../src/charts/chart-settings/MosaicChartTypeSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,IAAI,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAC,2BAA2B,EAAC,MAAM,sCAAsC,CAAC;AAOjF,MAAM,CAAC,MAAM,uBAAuB,GAAqC,IAAI,CAC3E,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE;IACpB,MAAM,UAAU,GAAG,2BAA2B,CAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,UAAU,CAC5C,CAAC;IAEF,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAC7D,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAC;IAEF,MAAM,qBAAqB,GACzB,iBAAiB,EAAE,IAAI,IAAI,mBAAmB,CAAC;IAEjD,OAAO,CACL,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,aACxC,KAAC,QAAQ,CAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,YACxD,iBAAiB,CAAC,CAAC,CAAC,CACnB,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,qBAAqB,IAAC,SAAS,EAAC,aAAa,GAAG,EACjD,yBAAO,iBAAiB,CAAC,KAAK,GAAQ,IAClC,CACP,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,uBAAuB,kCAAyB,CACjE,GACgB,EACnB,KAAC,QAAQ,CAAC,OAAO,IACf,UAAU,QACV,iBAAiB,EAAC,uBAAuB,EACzC,YAAY,EAAC,yBAAyB,YAErC,UAAU,EAAE,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;oBAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,IAAI,mBAAmB,CAAC;oBACnD,OAAO,CACL,MAAC,QAAQ,CAAC,IAAI,IAEZ,KAAK,EAAE,SAAS,CAAC,EAAE,EACnB,QAAQ,EAAE,CAAC,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,EAAE,CAAC,aAE3C,KAAC,IAAI,IAAC,SAAS,EAAC,2BAA2B,GAAG,EAC9C,eAAM,SAAS,EAAC,kBAAkB,YAC/B,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,EAAE,GAC3B,KAPF,SAAS,CAAC,EAAE,CAQH,CACjB,CAAC;gBACJ,CAAC,CAAC,GACe,IACV,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC","sourcesContent":["import {type FC, memo, useMemo} from 'react';\nimport {ChartNoAxesCombined} from 'lucide-react';\nimport {Combobox} from '@sqlrooms/ui';\nimport {type ChartType} from '../chart-types/base-types';\nimport {useStoreWithMosaicDashboard} from '../../dashboard/MosaicDashboardSlice';\n\ninterface MosaicChartTypeSelectorProps {\n  value: ChartType;\n  onChange: (chartType: ChartType) => void;\n}\n\nexport const MosaicChartTypeSelector: FC<MosaicChartTypeSelectorProps> = memo(\n  ({value, onChange}) => {\n    const chartTypes = useStoreWithMosaicDashboard(\n      (state) => state.mosaicDashboard.chartTypes,\n    );\n\n    const selectedChartType = useMemo(\n      () => chartTypes?.find((chartType) => chartType.id === value),\n      [chartTypes, value],\n    );\n\n    const SelectedChartTypeIcon =\n      selectedChartType?.icon ?? ChartNoAxesCombined;\n\n    return (\n      <Combobox value={value} onChange={onChange}>\n        <Combobox.Trigger className=\"w-full\" ariaLabel=\"Chart type\">\n          {selectedChartType ? (\n            <div className=\"flex items-center gap-2\">\n              <SelectedChartTypeIcon className=\"h-3.5 w-3.5\" />\n              <span>{selectedChartType.label}</span>\n            </div>\n          ) : (\n            <span className=\"text-muted-foreground\">Select chart type</span>\n          )}\n        </Combobox.Trigger>\n        <Combobox.Content\n          searchable\n          searchPlaceholder=\"Search chart types...\"\n          emptyMessage=\"No matching chart type.\"\n        >\n          {chartTypes?.map((chartType) => {\n            const Icon = chartType.icon ?? ChartNoAxesCombined;\n            return (\n              <Combobox.Item\n                key={chartType.id}\n                value={chartType.id}\n                keywords={[chartType.label ?? chartType.id]}\n              >\n                <Icon className=\"mr-2 h-3.5 w-3.5 shrink-0\" />\n                <span className=\"truncate text-xs\">\n                  {chartType.label ?? chartType.id}\n                </span>\n              </Combobox.Item>\n            );\n          })}\n        </Combobox.Content>\n      </Combobox>\n    );\n  },\n);\n\nMosaicChartTypeSelector.displayName = 'MosaicChartTypeSelector';\n"]}