@sqlrooms/canvas 0.28.0 → 0.29.0-rc.0

package/dist/crdt.d.ts

@@ -2,20 +2,15 @@ import type { CrdtMirror } from '@sqlrooms/crdt';
 import { type CanvasSliceState } from './CanvasSlice';
 /**
  * Mirror schema for syncing the `@sqlrooms/canvas` slice via `@sqlrooms/crdt`.
- *
- * This is intentionally exported from a separate entrypoint (`@sqlrooms/canvas/crdt`)
- * so consumer apps only pull `loro-mirror` when they opt into CRDT sync.
  */
 export declare const canvasMirrorSchema: import("loro-mirror").LoroMapSchema<{
     config: import("loro-mirror").LoroMapSchema<{
-        nodes: /*elided*/ any;
-        edges: /*elided*/ any;
+        sheets: /*elided*/ any;
     }> & {
         options: {};
     } & {
         catchall: <C extends import("loro-mirror").SchemaType>(catchallSchema: C) => import("loro-mirror").LoroMapSchemaWithCatchall<{
-            nodes: /*elided*/ any;
-            edges: /*elided*/ any;
+            sheets: /*elided*/ any;
         }, C>;
     };
 }> & {
@@ -23,14 +18,12 @@ export declare const canvasMirrorSchema: import("loro-mirror").LoroMapSchema<{
 } & {
     catchall: <C extends import("loro-mirror").SchemaType>(catchallSchema: C) => import("loro-mirror").LoroMapSchemaWithCatchall<{
         config: import("loro-mirror").LoroMapSchema<{
-            nodes: /*elided*/ any;
-            edges: /*elided*/ any;
+            sheets: /*elided*/ any;
         }> & {
             options: {};
         } & {
             catchall: <C_1 extends import("loro-mirror").SchemaType>(catchallSchema: C_1) => import("loro-mirror").LoroMapSchemaWithCatchall<{
-                nodes: /*elided*/ any;
-                edges: /*elided*/ any;
+                sheets: /*elided*/ any;
             }, C_1>;
         };
     }, C>;
@@ -41,15 +34,11 @@ export type CanvasMirrorSchema = typeof canvasMirrorSchema;
  */
 export declare const canvasMirrorInitialState: {
     config: {
-        nodes: never[];
-        edges: never[];
+        sheets: never[];
     };
 };
 /**
  * Creates a CRDT mirror bundle for the canvas slice.
- *
- * Use this with `@sqlrooms/crdt`'s `createCrdtSlice({ mirrors: { ... } })` to
- * compose multiple slice schemas/bindings on a single shared Loro document.
  */
 export declare function createCanvasCrdtMirror<S extends CanvasSliceState = CanvasSliceState>(): CrdtMirror<S, typeof canvasMirrorSchema>;
 /**

package/dist/crdt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"crdt.d.ts","sourceRoot":"","sources":["../src/crdt.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAoB,KAAK,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEvE;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,OAAO,kBAAkB,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;;CAKpC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,CAAC,SAAS,gBAAgB,GAAG,gBAAgB,KAC1C,UAAU,CAAC,CAAC,EAAE,OAAO,kBAAkB,CAAC,CA0B5C;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,+BAAyB,CAAC"}
+{"version":3,"file":"crdt.d.ts","sourceRoot":"","sources":["../src/crdt.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAoB,KAAK,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;CAyB7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,OAAO,kBAAkB,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;CAIpC,CAAC;AAEF;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,CAAC,SAAS,gBAAgB,GAAG,gBAAgB,KAC1C,UAAU,CAAC,CAAC,EAAE,OAAO,kBAAkB,CAAC,CAmD5C;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,+BAAyB,CAAC"}

package/dist/crdt.js

@@ -2,28 +2,25 @@ import { schema } from 'loro-mirror';
 import { CanvasSliceConfig } from './CanvasSlice';
 /**
  * Mirror schema for syncing the `@sqlrooms/canvas` slice via `@sqlrooms/crdt`.
- *
- * This is intentionally exported from a separate entrypoint (`@sqlrooms/canvas/crdt`)
- * so consumer apps only pull `loro-mirror` when they opt into CRDT sync.
  */
 export const canvasMirrorSchema = schema.LoroMap({
     config: schema.LoroMap({
-        nodes: schema.LoroList(schema.LoroMap({
+        sheets: schema.LoroList(schema.LoroMap({
             id: schema.String(),
-            position: schema.LoroMap({
-                x: schema.Number(),
-                y: schema.Number(),
+            nodes: schema.LoroList(schema.LoroMap({
+                id: schema.String(),
+                position: schema.LoroMap({
+                    x: schema.Number(),
+                    y: schema.Number(),
+                }),
+                width: schema.Number(),
+                height: schema.Number(),
+            }), (node) => node.id),
+            meta: schema.LoroMap({
+                nodeOrder: schema.LoroList(schema.String()),
+                // viewport is kept local (unsynced)
             }),
-            type: schema.String(),
-            data: schema.Any(),
-            width: schema.Number(),
-            height: schema.Number(),
-        }), (node) => node.id),
-        edges: schema.LoroList(schema.LoroMap({
-            id: schema.String(),
-            source: schema.String(),
-            target: schema.String(),
-        }), (edge) => edge.id),
+        }), (sheet) => sheet.id),
     }),
 });
 /**
@@ -31,15 +28,11 @@ export const canvasMirrorSchema = schema.LoroMap({
  */
 export const canvasMirrorInitialState = {
     config: {
-        nodes: [],
-        edges: [],
+        sheets: [],
     },
 };
 /**
  * Creates a CRDT mirror bundle for the canvas slice.
- *
- * Use this with `@sqlrooms/crdt`'s `createCrdtSlice({ mirrors: { ... } })` to
- * compose multiple slice schemas/bindings on a single shared Loro document.
  */
 export function createCanvasCrdtMirror() {
     return {
@@ -47,22 +40,42 @@ export function createCanvasCrdtMirror() {
         initialState: canvasMirrorInitialState,
         select: (state) => ({
             config: {
-                nodes: state.canvas.config.nodes,
-                edges: state.canvas.config.edges,
+                sheets: Object.values(state.canvas.config.sheets).map((sheet) => ({
+                    id: sheet.id,
+                    nodes: Object.values(sheet.nodes),
+                    meta: {
+                        nodeOrder: sheet.meta.nodeOrder,
+                    },
+                })),
             },
         }),
         apply: (value, set, get) => {
             if (!value?.config)
                 return;
+            const currentConfig = get().canvas.config;
+            const newSheets = {};
+            for (const sheetValue of value.config.sheets || []) {
+                const localSheet = currentConfig.sheets[sheetValue.id];
+                newSheets[sheetValue.id] = {
+                    id: sheetValue.id,
+                    nodes: (sheetValue.nodes || []).reduce((acc, node) => {
+                        acc[node.id] = node;
+                        return acc;
+                    }, {}),
+                    meta: {
+                        ...sheetValue.meta,
+                        // Keep local viewport or use default
+                        viewport: localSheet?.meta.viewport ?? { x: 0, y: 0, zoom: 1 },
+                    },
+                };
+            }
             set((state) => ({
                 ...state,
                 canvas: {
                     ...state.canvas,
                     config: CanvasSliceConfig.parse({
-                        ...get().canvas.config,
-                        ...value.config,
-                        // Keep local viewport unsynced
-                        viewport: get().canvas.config.viewport,
+                        ...currentConfig,
+                        sheets: newSheets,
                     }),
                 },
             }));

package/dist/crdt.js.map

@@ -1 +1 @@
-{"version":3,"file":"crdt.js","sourceRoot":"","sources":["../src/crdt.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAwB,MAAM,eAAe,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,OAAO,CAAC;IAC/C,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC,QAAQ,CACpB,MAAM,CAAC,OAAO,CAAC;YACb,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE;YACnB,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC;gBACvB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;gBAClB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;aACnB,CAAC;YACF,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;YACrB,IAAI,EAAE,MAAM,CAAC,GAAG,EAAE;YAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE;YACtB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE;SACxB,CAAC,EACF,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAClB;QACD,KAAK,EAAE,MAAM,CAAC,QAAQ,CACpB,MAAM,CAAC,OAAO,CAAC;YACb,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE;YACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE;YACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE;SACxB,CAAC,EACF,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAClB;KACF,CAAC;CACH,CAAC,CAAC;AAIH;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,sBAAsB;IAGpC,OAAO;QACL,MAAM,EAAE,kBAAkB;QAC1B,YAAY,EAAE,wBAAwB;QACtC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAClB,MAAM,EAAE;gBACN,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK;gBAChC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK;aACjC;SACF,CAAC;QACF,KAAK,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;YACzB,IAAI,CAAC,KAAK,EAAE,MAAM;gBAAE,OAAO;YAC3B,GAAG,CAAC,CAAC,KAAQ,EAAE,EAAE,CAAC,CAAC;gBACjB,GAAG,KAAK;gBACR,MAAM,EAAE;oBACN,GAAG,KAAK,CAAC,MAAM;oBACf,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAAC;wBAC9B,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM;wBACtB,GAAG,KAAK,CAAC,MAAM;wBACf,+BAA+B;wBAC/B,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ;qBACvC,CAAC;iBACH;aACF,CAAC,CAAC,CAAC;QACN,CAAC;KACF,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,sBAAsB,CAAC","sourcesContent":["import {schema} from 'loro-mirror';\nimport type {CrdtMirror} from '@sqlrooms/crdt';\nimport {CanvasSliceConfig, type CanvasSliceState} from './CanvasSlice';\n\n/**\n * Mirror schema for syncing the `@sqlrooms/canvas` slice via `@sqlrooms/crdt`.\n *\n * This is intentionally exported from a separate entrypoint (`@sqlrooms/canvas/crdt`)\n * so consumer apps only pull `loro-mirror` when they opt into CRDT sync.\n */\nexport const canvasMirrorSchema = schema.LoroMap({\n  config: schema.LoroMap({\n    nodes: schema.LoroList(\n      schema.LoroMap({\n        id: schema.String(),\n        position: schema.LoroMap({\n          x: schema.Number(),\n          y: schema.Number(),\n        }),\n        type: schema.String(),\n        data: schema.Any(),\n        width: schema.Number(),\n        height: schema.Number(),\n      }),\n      (node) => node.id,\n    ),\n    edges: schema.LoroList(\n      schema.LoroMap({\n        id: schema.String(),\n        source: schema.String(),\n        target: schema.String(),\n      }),\n      (edge) => edge.id,\n    ),\n  }),\n});\n\nexport type CanvasMirrorSchema = typeof canvasMirrorSchema;\n\n/**\n * Default initial mirror state for the canvas CRDT schema.\n */\nexport const canvasMirrorInitialState = {\n  config: {\n    nodes: [],\n    edges: [],\n  },\n};\n\n/**\n * Creates a CRDT mirror bundle for the canvas slice.\n *\n * Use this with `@sqlrooms/crdt`'s `createCrdtSlice({ mirrors: { ... } })` to\n * compose multiple slice schemas/bindings on a single shared Loro document.\n */\nexport function createCanvasCrdtMirror<\n  S extends CanvasSliceState = CanvasSliceState,\n>(): CrdtMirror<S, typeof canvasMirrorSchema> {\n  return {\n    schema: canvasMirrorSchema,\n    initialState: canvasMirrorInitialState,\n    select: (state) => ({\n      config: {\n        nodes: state.canvas.config.nodes,\n        edges: state.canvas.config.edges,\n      },\n    }),\n    apply: (value, set, get) => {\n      if (!value?.config) return;\n      set((state: S) => ({\n        ...state,\n        canvas: {\n          ...state.canvas,\n          config: CanvasSliceConfig.parse({\n            ...get().canvas.config,\n            ...value.config,\n            // Keep local viewport unsynced\n            viewport: get().canvas.config.viewport,\n          }),\n        },\n      }));\n    },\n  };\n}\n\n/**\n * @deprecated Use `createCanvasCrdtMirror` instead.\n */\nexport const createCanvasCrdtModule = createCanvasCrdtMirror;\n"]}
+{"version":3,"file":"crdt.js","sourceRoot":"","sources":["../src/crdt.ts"],"names":[],"mappings":"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","sourcesContent":["import {schema} from 'loro-mirror';\nimport type {CrdtMirror} from '@sqlrooms/crdt';\nimport {CanvasSliceConfig, type CanvasSliceState} from './CanvasSlice';\n\n/**\n * Mirror schema for syncing the `@sqlrooms/canvas` slice via `@sqlrooms/crdt`.\n */\nexport const canvasMirrorSchema = schema.LoroMap({\n  config: schema.LoroMap({\n    sheets: schema.LoroList(\n      schema.LoroMap({\n        id: schema.String(),\n        nodes: schema.LoroList(\n          schema.LoroMap({\n            id: schema.String(),\n            position: schema.LoroMap({\n              x: schema.Number(),\n              y: schema.Number(),\n            }),\n            width: schema.Number(),\n            height: schema.Number(),\n          }),\n          (node) => node.id,\n        ),\n        meta: schema.LoroMap({\n          nodeOrder: schema.LoroList(schema.String()),\n          // viewport is kept local (unsynced)\n        }),\n      }),\n      (sheet) => sheet.id,\n    ),\n  }),\n});\n\nexport type CanvasMirrorSchema = typeof canvasMirrorSchema;\n\n/**\n * Default initial mirror state for the canvas CRDT schema.\n */\nexport const canvasMirrorInitialState = {\n  config: {\n    sheets: [],\n  },\n};\n\n/**\n * Creates a CRDT mirror bundle for the canvas slice.\n */\nexport function createCanvasCrdtMirror<\n  S extends CanvasSliceState = CanvasSliceState,\n>(): CrdtMirror<S, typeof canvasMirrorSchema> {\n  return {\n    schema: canvasMirrorSchema,\n    initialState: canvasMirrorInitialState,\n    select: (state) => ({\n      config: {\n        sheets: Object.values(state.canvas.config.sheets).map((sheet) => ({\n          id: sheet.id,\n          nodes: Object.values(sheet.nodes),\n          meta: {\n            nodeOrder: sheet.meta.nodeOrder,\n          },\n        })),\n      },\n    }),\n    apply: (value, set, get) => {\n      if (!value?.config) return;\n      const currentConfig = get().canvas.config;\n\n      const newSheets: Record<string, any> = {};\n      for (const sheetValue of value.config.sheets || []) {\n        const localSheet = currentConfig.sheets[sheetValue.id];\n        newSheets[sheetValue.id] = {\n          id: sheetValue.id,\n          nodes: (sheetValue.nodes || []).reduce(\n            (acc: Record<string, any>, node: any) => {\n              acc[node.id] = node;\n              return acc;\n            },\n            {},\n          ),\n          meta: {\n            ...sheetValue.meta,\n            // Keep local viewport or use default\n            viewport: localSheet?.meta.viewport ?? {x: 0, y: 0, zoom: 1},\n          },\n        };\n      }\n\n      set((state: S) => ({\n        ...state,\n        canvas: {\n          ...state.canvas,\n          config: CanvasSliceConfig.parse({\n            ...currentConfig,\n            sheets: newSheets,\n          }),\n        },\n      }));\n    },\n  };\n}\n\n/**\n * @deprecated Use `createCanvasCrdtMirror` instead.\n */\nexport const createCanvasCrdtModule = createCanvasCrdtMirror;\n"]}

package/dist/edgeUtils.d.ts

@@ -0,0 +1,3 @@
+import { type Edge, type Sheet } from '@sqlrooms/cells';
+export declare function getRenderableEdges(sheet: Sheet | undefined): Edge[];
+//# sourceMappingURL=edgeUtils.d.ts.map

package/dist/edgeUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edgeUtils.d.ts","sourceRoot":"","sources":["../src/edgeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,IAAI,EACT,KAAK,KAAK,EACX,MAAM,iBAAiB,CAAC;AAEzB,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,EAAE,CAGnE"}

package/dist/edgeUtils.js

@@ -0,0 +1,7 @@
+import { getRenderableDependencyEdges, } from '@sqlrooms/cells';
+export function getRenderableEdges(sheet) {
+    if (!sheet)
+        return [];
+    return getRenderableDependencyEdges(sheet);
+}
+//# sourceMappingURL=edgeUtils.js.map

package/dist/edgeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edgeUtils.js","sourceRoot":"","sources":["../src/edgeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,GAG7B,MAAM,iBAAiB,CAAC;AAEzB,MAAM,UAAU,kBAAkB,CAAC,KAAwB;IACzD,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IACtB,OAAO,4BAA4B,CAAC,KAAK,CAAC,CAAC;AAC7C,CAAC","sourcesContent":["import {\n  getRenderableDependencyEdges,\n  type Edge,\n  type Sheet,\n} from '@sqlrooms/cells';\n\nexport function getRenderableEdges(sheet: Sheet | undefined): Edge[] {\n  if (!sheet) return [];\n  return getRenderableDependencyEdges(sheet);\n}\n"]}

package/dist/index.d.ts

@@ -3,7 +3,7 @@
  * @packageDocumentation
  */
 export { createCanvasSlice, createDefaultCanvasConfig } from './CanvasSlice';
-export { CanvasSliceConfig } from './CanvasSlice';
 export type { CanvasSliceState } from './CanvasSlice';
+export { CanvasSliceConfig, CanvasNodeMeta, CanvasSheetMeta, } from './CanvasSlice';
 export { Canvas } from './Canvas';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAC,iBAAiB,EAAE,yBAAyB,EAAC,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAChD,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAC,iBAAiB,EAAE,yBAAyB,EAAC,MAAM,eAAe,CAAC;AAC3E,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC"}

package/dist/index.js

@@ -3,6 +3,6 @@
  * @packageDocumentation
  */
 export { createCanvasSlice, createDefaultCanvasConfig } from './CanvasSlice';
-export { CanvasSliceConfig } from './CanvasSlice';
+export { CanvasSliceConfig, CanvasNodeMeta, CanvasSheetMeta, } from './CanvasSlice';
 export { Canvas } from './Canvas';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAC,iBAAiB,EAAE,yBAAyB,EAAC,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC","sourcesContent":["/**\n * {@include ../README.md}\n * @packageDocumentation\n */\n\nexport {createCanvasSlice, createDefaultCanvasConfig} from './CanvasSlice';\nexport {CanvasSliceConfig} from './CanvasSlice';\nexport type {CanvasSliceState} from './CanvasSlice';\nexport {Canvas} from './Canvas';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAC,iBAAiB,EAAE,yBAAyB,EAAC,MAAM,eAAe,CAAC;AAE3E,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC","sourcesContent":["/**\n * {@include ../README.md}\n * @packageDocumentation\n */\n\nexport {createCanvasSlice, createDefaultCanvasConfig} from './CanvasSlice';\nexport type {CanvasSliceState} from './CanvasSlice';\nexport {\n  CanvasSliceConfig,\n  CanvasNodeMeta,\n  CanvasSheetMeta,\n} from './CanvasSlice';\nexport {Canvas} from './Canvas';\n"]}

package/dist/nodes/AddNodePopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddNodePopover.d.ts","sourceRoot":"","sources":["../../src/nodes/AddNodePopover.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAC,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAGtD,eAAO,MAAM,cAAc,EAAE,EAAE,CAC7B,iBAAiB,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAiCH,CAAC"}
+{"version":3,"file":"AddNodePopover.d.ts","sourceRoot":"","sources":["../../src/nodes/AddNodePopover.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAC,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAGtD,eAAO,MAAM,cAAc,EAAE,EAAE,CAC7B,iBAAiB,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAqCH,CAAC"}

package/dist/nodes/AddNodePopover.js

@@ -1,18 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, cn, Popover, PopoverContent, PopoverTrigger, } from '@sqlrooms/ui';
+import { Button, cn, Popover, PopoverContent, PopoverTrigger, useToast, } from '@sqlrooms/ui';
 import { useState } from 'react';
 import { useStoreWithCanvas } from '../CanvasSlice';
 export const AddNodePopover = ({ className, parentId, children }) => {
     const [open, setOpen] = useState(false);
     const addNode = useStoreWithCanvas((s) => s.canvas.addNode);
-    const onAddSql = () => {
-        addNode({ parentId, nodeType: 'sql' });
-        setOpen(false);
+    const sheetId = useStoreWithCanvas((s) => s.cells.config.currentSheetId);
+    const registry = useStoreWithCanvas((s) => s.cells.cellRegistry);
+    const { toast } = useToast();
+    const onAdd = (type) => {
+        if (sheetId) {
+            addNode({ sheetId, parentId, nodeType: type });
+            setOpen(false);
+        }
+        else {
+            toast({
+                variant: 'destructive',
+                description: 'No sheet selected',
+            });
+        }
     };
-    const onAddVega = () => {
-        addNode({ parentId, nodeType: 'vega' });
-        setOpen(false);
-    };
-    return (_jsx("div", { className: cn(className), children: _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: children }), _jsx(PopoverContent, { side: "right", align: "center", className: "max-w-[100px] border-none bg-transparent p-0 shadow-none", children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Button, { size: "xs", onClick: onAddSql, children: "Query" }), _jsx(Button, { size: "xs", onClick: onAddVega, children: "Visualize" })] }) })] }) }));
+    return (_jsx("div", { className: cn(className), children: _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: children }), _jsx(PopoverContent, { side: "right", align: "center", className: "flex w-auto flex-col gap-2 p-2", children: Object.entries(registry).map(([type, reg]) => (_jsx(Button, { size: "xs", onClick: () => onAdd(type), children: reg.title }, type))) })] }) }));
 };
 //# sourceMappingURL=AddNodePopover.js.map

package/dist/nodes/AddNodePopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddNodePopover.js","sourceRoot":"","sources":["../../src/nodes/AddNodePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,EAAE,EACF,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAwB,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAElD,MAAM,CAAC,MAAM,cAAc,GAKvB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,OAAO,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAC;QACrC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,OAAO,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAC,CAAC,CAAC;QACtC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAC3B,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,cAAc,IAAC,OAAO,kBAAE,QAAQ,GAAkB,EACnD,KAAC,cAAc,IACb,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,0DAA0D,YAEpE,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,QAAQ,sBAE1B,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,SAAS,0BAE3B,IACL,GACS,IACT,GACN,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  Button,\n  cn,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@sqlrooms/ui';\nimport {FC, PropsWithChildren, useState} from 'react';\nimport {useStoreWithCanvas} from '../CanvasSlice';\n\nexport const AddNodePopover: FC<\n  PropsWithChildren<{\n    className?: string;\n    parentId?: string;\n  }>\n> = ({className, parentId, children}) => {\n  const [open, setOpen] = useState(false);\n  const addNode = useStoreWithCanvas((s) => s.canvas.addNode);\n  const onAddSql = () => {\n    addNode({parentId, nodeType: 'sql'});\n    setOpen(false);\n  };\n  const onAddVega = () => {\n    addNode({parentId, nodeType: 'vega'});\n    setOpen(false);\n  };\n  return (\n    <div className={cn(className)}>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>{children}</PopoverTrigger>\n        <PopoverContent\n          side=\"right\"\n          align=\"center\"\n          className=\"max-w-[100px] border-none bg-transparent p-0 shadow-none\"\n        >\n          <div className=\"flex flex-col gap-2\">\n            <Button size=\"xs\" onClick={onAddSql}>\n              Query\n            </Button>\n            <Button size=\"xs\" onClick={onAddVega}>\n              Visualize\n            </Button>\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"AddNodePopover.js","sourceRoot":"","sources":["../../src/nodes/AddNodePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,EAAE,EACF,OAAO,EACP,cAAc,EACd,cAAc,EACd,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAwB,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAElD,MAAM,CAAC,MAAM,cAAc,GAKvB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IACzE,MAAM,QAAQ,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACjE,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE;QAC7B,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;YAC7C,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,KAAK,CAAC;gBACJ,OAAO,EAAE,aAAa;gBACtB,WAAW,EAAE,mBAAmB;aACjC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAC3B,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,cAAc,IAAC,OAAO,kBAAE,QAAQ,GAAkB,EACnD,KAAC,cAAc,IACb,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,gCAAgC,YAEzC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAC7C,KAAC,MAAM,IAAY,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,YACpD,GAAG,CAAC,KAAK,IADC,IAAI,CAER,CACV,CAAC,GACa,IACT,GACN,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  Button,\n  cn,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  useToast,\n} from '@sqlrooms/ui';\nimport {FC, PropsWithChildren, useState} from 'react';\nimport {useStoreWithCanvas} from '../CanvasSlice';\n\nexport const AddNodePopover: FC<\n  PropsWithChildren<{\n    className?: string;\n    parentId?: string;\n  }>\n> = ({className, parentId, children}) => {\n  const [open, setOpen] = useState(false);\n  const addNode = useStoreWithCanvas((s) => s.canvas.addNode);\n  const sheetId = useStoreWithCanvas((s) => s.cells.config.currentSheetId);\n  const registry = useStoreWithCanvas((s) => s.cells.cellRegistry);\n  const {toast} = useToast();\n  const onAdd = (type: string) => {\n    if (sheetId) {\n      addNode({sheetId, parentId, nodeType: type});\n      setOpen(false);\n    } else {\n      toast({\n        variant: 'destructive',\n        description: 'No sheet selected',\n      });\n    }\n  };\n\n  return (\n    <div className={cn(className)}>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>{children}</PopoverTrigger>\n        <PopoverContent\n          side=\"right\"\n          align=\"center\"\n          className=\"flex w-auto flex-col gap-2 p-2\"\n        >\n          {Object.entries(registry).map(([type, reg]) => (\n            <Button key={type} size=\"xs\" onClick={() => onAdd(type)}>\n              {reg.title}\n            </Button>\n          ))}\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n};\n"]}

package/dist/nodes/CanvasNodeContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasNodeContainer.d.ts","sourceRoot":"","sources":["../../src/nodes/CanvasNodeContainer.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAC,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAUpE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAClC,iBAAiB,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC,CAkEH,CAAC"}
+{"version":3,"file":"CanvasNodeContainer.d.ts","sourceRoot":"","sources":["../../src/nodes/CanvasNodeContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAUpE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAClC,iBAAiB,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC,CAoEH,CAAC"}

package/dist/nodes/CanvasNodeContainer.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { QueryControls } from '@sqlrooms/ai';
-import { Button, EditableText, Popover, PopoverContent, PopoverTrigger, cn, } from '@sqlrooms/ui';
+import { Button, EditableText, cn } from '@sqlrooms/ui';
 import { Handle, NodeResizer, Position } from '@xyflow/react';
-import { PlusIcon, SparklesIcon } from 'lucide-react';
+import { PlusIcon } from 'lucide-react';
 import { useCallback } from 'react';
 import { useStoreWithCanvas } from '../CanvasSlice';
 import { AddNodePopover } from './AddNodePopover';
@@ -18,14 +17,11 @@ const PROMPT_PLACEHOLDER = {
  */
 export const CanvasNodeContainer = ({ id, className, headerRight, children }) => {
     const renameNode = useStoreWithCanvas((s) => s.canvas.renameNode);
-    const node = useStoreWithCanvas((s) => s.canvas.config.nodes.find((n) => n.id === id));
-    const title = node?.data.title;
+    const cell = useStoreWithCanvas((s) => s.cells.config.data[id]);
+    const title = cell?.data?.title;
     const onTitleChange = useCallback(async (v) => {
         await renameNode(id, v);
     }, [id, renameNode]);
-    const setAssistantOpen = useStoreWithCanvas((s) => s.canvas.setAssistantOpen);
-    return (_jsxs("div", { className: cn(`bg-background relative flex h-full w-full rounded-md border shadow-sm`, className), children: [_jsx(NodeResizer, { minWidth: 200, minHeight: 200 }), _jsxs("div", { className: "flex h-full min-h-0 w-full flex-col items-center", children: [(title !== undefined || headerRight) && (_jsxs("div", { className: "flex w-full items-center justify-between gap-2 border-b px-3 py-2", children: [_jsx(EditableText, { className: "text-sm font-medium", value: title ?? '', onChange: (v) => onTitleChange?.(v) }), _jsx("div", { className: "flex items-center gap-2", children: headerRight })] })), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "default", className: "h-8 w-8 -translate-y-1/2 rounded-full", children: _jsx(SparklesIcon, { className: "h-4 w-4" }) }) }), _jsx(PopoverContent, { className: "max-h-[50vh] w-[400px] overflow-auto", children: _jsx(QueryControls, { placeholder: `✨ ${PROMPT_PLACEHOLDER[node?.type ?? 'default']}`, onRun: () => {
-                                        setAssistantOpen(true);
-                                    } }) })] }), _jsx("div", { className: "w-full flex-1 overflow-auto", children: children })] }), _jsx(AddNodePopover, { className: "absolute -right-10 top-1/2", parentId: id, children: _jsx(Button, { variant: "default", className: "h-8 w-8 -translate-y-1/2 rounded-full", title: "Add child node", children: _jsx(PlusIcon, { className: "h-4 w-4" }) }) }), _jsx(Handle, { type: "source", position: Position.Right }), _jsx(Handle, { type: "target", position: Position.Left })] }));
+    return (_jsxs("div", { className: cn(`bg-background relative flex h-full w-full rounded-md border shadow-sm`, className), children: [_jsx(NodeResizer, { minWidth: 200, minHeight: 200 }), _jsxs("div", { className: "flex h-full min-h-0 w-full flex-col items-center", children: [(title !== undefined || headerRight) && (_jsxs("div", { className: "flex w-full items-center justify-between gap-2 border-b px-3 py-2", children: [_jsx(EditableText, { className: "text-sm font-medium", value: title ?? '', onChange: (v) => onTitleChange?.(v) }), _jsx("div", { className: "flex items-center gap-2", children: headerRight })] })), _jsx("div", { className: "w-full flex-1 overflow-auto", children: children })] }), _jsx(AddNodePopover, { className: "absolute -right-10 top-1/2", parentId: id, children: _jsx(Button, { variant: "default", className: "h-8 w-8 -translate-y-1/2 rounded-full", title: "Add child node", children: _jsx(PlusIcon, { className: "h-4 w-4" }) }) }), _jsx(Handle, { type: "source", position: Position.Right }), _jsx(Handle, { type: "target", position: Position.Left })] }));
 };
 //# sourceMappingURL=CanvasNodeContainer.js.map

package/dist/nodes/CanvasNodeContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasNodeContainer.js","sourceRoot":"","sources":["../../src/nodes/CanvasNodeContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {QueryControls} from '@sqlrooms/ai';\nimport {\n  Button,\n  EditableText,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  cn,\n} from '@sqlrooms/ui';\nimport {Handle, NodeResizer, Position} from '@xyflow/react';\nimport {PlusIcon, SparklesIcon} from 'lucide-react';\nimport {FC, PropsWithChildren, ReactNode, useCallback} from 'react';\nimport {useStoreWithCanvas} from '../CanvasSlice';\nimport {AddNodePopover} from './AddNodePopover';\n\nconst PROMPT_PLACEHOLDER = {\n  sql: 'What would you like to learn about the data?',\n  vega: 'How would you like to visualize the data?',\n  default: 'What would you like to do?',\n};\n\n/**\n * Container applied to every canvas node. Provides resizing, connection handles,\n * and a standard \"add child\" affordance that creates downstream nodes.\n * Also renders an optional shared header with editable title and customizable right-side content.\n */\nexport const CanvasNodeContainer: FC<\n  PropsWithChildren<{\n    id: string;\n    className?: string;\n    /** Right-side header content (e.g. buttons, badges). */\n    headerRight?: ReactNode;\n  }>\n> = ({id, className, headerRight, children}) => {\n  const renameNode = useStoreWithCanvas((s) => s.canvas.renameNode);\n  const node = useStoreWithCanvas((s) =>\n    s.canvas.config.nodes.find((n) => n.id === id),\n  );\n  const title = node?.data.title;\n  const onTitleChange = useCallback(\n    async (v: string) => {\n      await renameNode(id, v);\n    },\n    [id, renameNode],\n  );\n  const setAssistantOpen = useStoreWithCanvas((s) => s.canvas.setAssistantOpen);\n  return (\n    <div\n      className={cn(\n        `bg-background relative flex h-full w-full rounded-md border shadow-sm`,\n        className,\n      )}\n    >\n      <NodeResizer minWidth={200} minHeight={200} />\n      <div className=\"flex h-full min-h-0 w-full flex-col items-center\">\n        {(title !== undefined || headerRight) && (\n          <div className=\"flex w-full items-center justify-between gap-2 border-b px-3 py-2\">\n            <EditableText\n              className=\"text-sm font-medium\"\n              value={title ?? ''}\n              onChange={(v) => onTitleChange?.(v)}\n            />\n            <div className=\"flex items-center gap-2\">{headerRight}</div>\n          </div>\n        )}\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button\n              variant=\"default\"\n              className=\"h-8 w-8 -translate-y-1/2 rounded-full\"\n            >\n              <SparklesIcon className=\"h-4 w-4\" />\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent className=\"max-h-[50vh] w-[400px] overflow-auto\">\n            <QueryControls\n              placeholder={`✨ ${PROMPT_PLACEHOLDER[node?.type ?? 'default']}`}\n              onRun={() => {\n                setAssistantOpen(true);\n              }}\n            />\n          </PopoverContent>\n        </Popover>\n        <div className=\"w-full flex-1 overflow-auto\">{children}</div>\n      </div>\n      <AddNodePopover className=\"absolute -right-10 top-1/2\" parentId={id}>\n        <Button\n          variant=\"default\"\n          className=\"h-8 w-8 -translate-y-1/2 rounded-full\"\n          title=\"Add child node\"\n        >\n          <PlusIcon className=\"h-4 w-4\" />\n        </Button>\n      </AddNodePopover>\n      <Handle type=\"source\" position={Position.Right} />\n      <Handle type=\"target\" position={Position.Left} />\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"CanvasNodeContainer.js","sourceRoot":"","sources":["../../src/nodes/CanvasNodeContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,YAAY,EAAE,EAAE,EAAC,MAAM,cAAc,CAAC;AACtD,OAAO,EAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AACtC,OAAO,EAAmC,WAAW,EAAC,MAAM,OAAO,CAAC;AACpE,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD,MAAM,kBAAkB,GAAG;IACzB,GAAG,EAAE,8CAA8C;IACnD,IAAI,EAAE,2CAA2C;IACjD,OAAO,EAAE,4BAA4B;CACtC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAO5B,CAAC,EAAC,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC7C,MAAM,UAAU,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAClE,MAAM,IAAI,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IAEhE,MAAM,KAAK,GAAI,IAAI,EAAE,IAAY,EAAE,KAAK,CAAC;IACzC,MAAM,aAAa,GAAG,WAAW,CAC/B,KAAK,EAAE,CAAS,EAAE,EAAE;QAClB,MAAM,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,EAAE,EAAE,UAAU,CAAC,CACjB,CAAC;IACF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,SAAS,CACV,aAED,KAAC,WAAW,IAAC,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,GAAI,EAC9C,eAAK,SAAS,EAAC,kDAAkD,aAC9D,CAAC,KAAK,KAAK,SAAS,IAAI,WAAW,CAAC,IAAI,CACvC,eAAK,SAAS,EAAC,mEAAmE,aAChF,KAAC,YAAY,IACX,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,GACnC,EACF,cAAK,SAAS,EAAC,yBAAyB,YAAE,WAAW,GAAO,IACxD,CACP,EAuBD,cAAK,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAO,IACzD,EACN,KAAC,cAAc,IAAC,SAAS,EAAC,4BAA4B,EAAC,QAAQ,EAAE,EAAE,YACjE,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAC,gBAAgB,YAEtB,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,GACzB,GACM,EACjB,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,GAAI,EAClD,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,GAAI,IAC7C,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button, EditableText, cn} from '@sqlrooms/ui';\nimport {Handle, NodeResizer, Position} from '@xyflow/react';\nimport {PlusIcon} from 'lucide-react';\nimport {FC, PropsWithChildren, ReactNode, useCallback} from 'react';\nimport {useStoreWithCanvas} from '../CanvasSlice';\nimport {AddNodePopover} from './AddNodePopover';\n\nconst PROMPT_PLACEHOLDER = {\n  sql: 'What would you like to learn about the data?',\n  vega: 'How would you like to visualize the data?',\n  default: 'What would you like to do?',\n};\n\n/**\n * Container applied to every canvas node. Provides resizing, connection handles,\n * and a standard \"add child\" affordance that creates downstream nodes.\n * Also renders an optional shared header with editable title and customizable right-side content.\n */\nexport const CanvasNodeContainer: FC<\n  PropsWithChildren<{\n    id: string;\n    className?: string;\n    /** Right-side header content (e.g. buttons, badges). */\n    headerRight?: ReactNode;\n  }>\n> = ({id, className, headerRight, children}) => {\n  const renameNode = useStoreWithCanvas((s) => s.canvas.renameNode);\n  const cell = useStoreWithCanvas((s) => s.cells.config.data[id]);\n\n  const title = (cell?.data as any)?.title;\n  const onTitleChange = useCallback(\n    async (v: string) => {\n      await renameNode(id, v);\n    },\n    [id, renameNode],\n  );\n  return (\n    <div\n      className={cn(\n        `bg-background relative flex h-full w-full rounded-md border shadow-sm`,\n        className,\n      )}\n    >\n      <NodeResizer minWidth={200} minHeight={200} />\n      <div className=\"flex h-full min-h-0 w-full flex-col items-center\">\n        {(title !== undefined || headerRight) && (\n          <div className=\"flex w-full items-center justify-between gap-2 border-b px-3 py-2\">\n            <EditableText\n              className=\"text-sm font-medium\"\n              value={title ?? ''}\n              onChange={(v) => onTitleChange?.(v)}\n            />\n            <div className=\"flex items-center gap-2\">{headerRight}</div>\n          </div>\n        )}\n        {/* <Popover>\n          <PopoverTrigger asChild>\n            <Button\n              variant=\"default\"\n              className=\"h-8 w-8 -translate-y-1/2 rounded-full\"\n            >\n              <SparklesIcon className=\"h-4 w-4\" />\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent className=\"max-h-[50vh] w-[400px] overflow-auto\">\n            <QueryControls\n              placeholder={`✨ ${\n                PROMPT_PLACEHOLDER[\n                  (cell?.type ?? 'default') as keyof typeof PROMPT_PLACEHOLDER\n                ]\n              }`}\n              onRun={() => {\n                setAssistantOpen?.(true);\n              }}\n            />\n          </PopoverContent>\n        </Popover> */}\n        <div className=\"w-full flex-1 overflow-auto\">{children}</div>\n      </div>\n      <AddNodePopover className=\"absolute -right-10 top-1/2\" parentId={id}>\n        <Button\n          variant=\"default\"\n          className=\"h-8 w-8 -translate-y-1/2 rounded-full\"\n          title=\"Add child node\"\n        >\n          <PlusIcon className=\"h-4 w-4\" />\n        </Button>\n      </AddNodePopover>\n      <Handle type=\"source\" position={Position.Right} />\n      <Handle type=\"target\" position={Position.Left} />\n    </div>\n  );\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sqlrooms/canvas",
-  "version": "0.28.0",
+  "version": "0.29.0-rc.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.js",
@@ -32,14 +32,12 @@
   },
   "dependencies": {
     "@paralleldrive/cuid2": "^3.0.0",
-    "@sqlrooms/ai": "0.28.0",
-    "@sqlrooms/crdt": "0.28.0",
-    "@sqlrooms/data-table": "0.28.0",
-    "@sqlrooms/duckdb": "0.28.0",
-    "@sqlrooms/room-shell": "0.28.0",
-    "@sqlrooms/sql-editor": "0.28.0",
-    "@sqlrooms/ui": "0.28.0",
-    "@sqlrooms/vega": "0.28.0",
+    "@sqlrooms/cells": "0.29.0-rc.0",
+    "@sqlrooms/crdt": "0.29.0-rc.0",
+    "@sqlrooms/duckdb": "0.29.0-rc.0",
+    "@sqlrooms/room-store": "0.29.0-rc.0",
+    "@sqlrooms/ui": "0.29.0-rc.0",
+    "@sqlrooms/utils": "0.29.0-rc.0",
     "@xyflow/react": "^12.8.5",
     "immer": "^11.0.1",
     "loro-mirror": "^1.1.2",
@@ -57,5 +55,5 @@
     "typecheck": "tsc --noEmit",
     "typedoc": "typedoc"
   },
-  "gitHead": "dcac54f8adf77240e293c93d224a0ce9fd8142a9"
+  "gitHead": "afdb949c9601b4cdeaae966157a25a54aea2ae54"
 }

package/dist/CanvasAssistantDrawer.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-export declare const CanvasAssistantDrawer: FC;
-//# sourceMappingURL=CanvasAssistantDrawer.d.ts.map

package/dist/CanvasAssistantDrawer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CanvasAssistantDrawer.d.ts","sourceRoot":"","sources":["../src/CanvasAssistantDrawer.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAGzB,eAAO,MAAM,qBAAqB,EAAE,EAiDnC,CAAC"}

package/dist/CanvasAssistantDrawer.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Chat } from '@sqlrooms/ai';
-import { Button, Drawer, DrawerClose, DrawerContent, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, } from '@sqlrooms/ui';
-import { SparklesIcon, XIcon } from 'lucide-react';
-import { useStoreWithCanvas } from './CanvasSlice';
-export const CanvasAssistantDrawer = () => {
-    const isAssistantOpen = useStoreWithCanvas((state) => state.canvas.isAssistantOpen);
-    const setAssistantOpen = useStoreWithCanvas((state) => state.canvas.setAssistantOpen);
-    return (_jsxs(Drawer, { direction: "right", open: isAssistantOpen, onOpenChange: setAssistantOpen, children: [_jsx(DrawerTrigger, { asChild: true, children: _jsx(Button, { variant: "default", className: "absolute top-4 right-4 z-10 h-8 w-8 rounded-full", children: _jsx(SparklesIcon, { className: "h-4 w-4" }) }) }), _jsx(DrawerContent, { className: "border-none bg-transparent p-4 outline-hidden", style: {
-                    width: 500,
-                    maxWidth: '50%',
-                }, "data-vaul-drawer-direction": "right", overlayClassName: "bg-transparent", children: _jsx("div", { className: "border-border bg-background relative mx-auto flex h-full w-full flex-col gap-0 overflow-hidden rounded-md border", children: _jsxs(Chat, { children: [_jsxs(DrawerHeader, { children: [_jsx(DrawerTitle, { children: "Assistant" }), _jsx(DrawerClose, { asChild: true, className: "absolute top-2 right-2", children: _jsx(Button, { variant: "ghost", size: "xs", children: _jsx(XIcon, { className: "h-4 w-4" }) }) })] }), _jsx(Chat.Messages, { className: "grow overflow-auto px-4" }), _jsx(DrawerFooter, { children: _jsx(Chat.Composer, { placeholder: "What would you like to do?" }) })] }) }) })] }));
-};
-//# sourceMappingURL=CanvasAssistantDrawer.js.map

package/dist/CanvasAssistantDrawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CanvasAssistantDrawer.js","sourceRoot":"","sources":["../src/CanvasAssistantDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,YAAY,EAEZ,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,YAAY,EAAE,KAAK,EAAC,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEjD,MAAM,CAAC,MAAM,qBAAqB,GAAO,GAAG,EAAE;IAC5C,MAAM,eAAe,GAAG,kBAAkB,CACxC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,CACxC,CAAC;IACF,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB,CACzC,CAAC;IACF,OAAO,CACL,MAAC,MAAM,IACL,SAAS,EAAC,OAAO,EACjB,IAAI,EAAE,eAAe,EACrB,YAAY,EAAE,gBAAgB,aAE9B,KAAC,aAAa,IAAC,OAAO,kBACpB,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,kDAAkD,YAE5D,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG,GAC7B,GACK,EAChB,KAAC,aAAa,IACZ,SAAS,EAAC,+CAA+C,EACzD,KAAK,EAAE;oBACL,KAAK,EAAE,GAAG;oBACV,QAAQ,EAAE,KAAK;iBAChB,gCAC0B,OAAO,EAClC,gBAAgB,EAAC,gBAAgB,YAEjC,cAAK,SAAS,EAAC,kHAAkH,YAC/H,MAAC,IAAI,eACH,MAAC,YAAY,eACX,KAAC,WAAW,4BAAwB,EACpC,KAAC,WAAW,IAAC,OAAO,QAAC,SAAS,EAAC,wBAAwB,YACrD,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,YAC/B,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,GACtB,GACG,IACD,EACf,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,yBAAyB,GAAG,EACrD,KAAC,YAAY,cACX,KAAC,IAAI,CAAC,QAAQ,IAAC,WAAW,EAAC,4BAA4B,GAAG,GAC7C,IACV,GACH,GACQ,IACT,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Chat} from '@sqlrooms/ai';\nimport {\n  Button,\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerFooter,\n  DrawerHandle,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from '@sqlrooms/ui';\nimport {SparklesIcon, XIcon} from 'lucide-react';\nimport {FC} from 'react';\nimport {useStoreWithCanvas} from './CanvasSlice';\n\nexport const CanvasAssistantDrawer: FC = () => {\n  const isAssistantOpen = useStoreWithCanvas(\n    (state) => state.canvas.isAssistantOpen,\n  );\n  const setAssistantOpen = useStoreWithCanvas(\n    (state) => state.canvas.setAssistantOpen,\n  );\n  return (\n    <Drawer\n      direction=\"right\"\n      open={isAssistantOpen}\n      onOpenChange={setAssistantOpen}\n    >\n      <DrawerTrigger asChild>\n        <Button\n          variant=\"default\"\n          className=\"absolute top-4 right-4 z-10 h-8 w-8 rounded-full\"\n        >\n          <SparklesIcon className=\"h-4 w-4\" />\n        </Button>\n      </DrawerTrigger>\n      <DrawerContent\n        className=\"border-none bg-transparent p-4 outline-hidden\"\n        style={{\n          width: 500,\n          maxWidth: '50%',\n        }}\n        data-vaul-drawer-direction=\"right\"\n        overlayClassName=\"bg-transparent\"\n      >\n        <div className=\"border-border bg-background relative mx-auto flex h-full w-full flex-col gap-0 overflow-hidden rounded-md border\">\n          <Chat>\n            <DrawerHeader>\n              <DrawerTitle>Assistant</DrawerTitle>\n              <DrawerClose asChild className=\"absolute top-2 right-2\">\n                <Button variant=\"ghost\" size=\"xs\">\n                  <XIcon className=\"h-4 w-4\" />\n                </Button>\n              </DrawerClose>\n            </DrawerHeader>\n            <Chat.Messages className=\"grow overflow-auto px-4\" />\n            <DrawerFooter>\n              <Chat.Composer placeholder=\"What would you like to do?\" />\n            </DrawerFooter>\n          </Chat>\n        </div>\n      </DrawerContent>\n    </Drawer>\n  );\n};\n"]}

package/dist/dag.d.ts

@@ -1,53 +0,0 @@
-/** A minimal graph node with an `id`. */
-export type DagNode = {
-    id: string;
-};
-/** A directed edge from `source` to `target`. */
-export type DagEdge = {
-    source: string;
-    target: string;
-};
-/** Forward adjacency list mapping node id to its child node ids. */
-export type Adjacency = Record<string, string[]>;
-/**
- * Build a forward adjacency list for a directed graph.
- * Ensures that every node id exists in the adjacency map, even if it has no outgoing edges.
- *
- * @param nodes - The set of nodes to include in the graph.
- * @param edges - Directed edges where `source` points to `target`.
- * @returns A mapping from node id to an array of child node ids.
- */
-export declare function buildAdjacency(nodes: DagNode[], edges: DagEdge[]): Adjacency;
-/**
- * Find a node by id in a list of nodes.
- *
- * @param nodes - Array of nodes with an `id` field.
- * @param id - The node id to find.
- * @returns The node if found, otherwise undefined.
- */
-export declare function findNodeById<T extends {
-    id: string;
-}>(nodes: T[], id: string): T | undefined;
-/**
- * Topologically sort all nodes in the graph using Kahn's algorithm.
- * If a cycle is detected, the remaining nodes are appended in arbitrary order,
- * and a warning is logged.
- *
- * @param nodes - The set of nodes to sort.
- * @param edges - Directed edges defining dependencies.
- * @returns An array of node ids in dependency order (parents before children).
- */
-export declare function topoSortAll(nodes: DagNode[], edges: DagEdge[]): string[];
-/**
- * Get a topological order for the downstream subgraph reachable from `startId`.
- * Only nodes reachable from the start are included (the starting node is excluded).
- * If a cycle exists within the reachable subgraph, the remaining nodes are appended
- * at the end in arbitrary order and a warning is logged.
- *
- * @param startId - The node id to start traversal from.
- * @param nodes - The set of nodes in the full graph.
- * @param edges - Directed edges defining the full graph dependencies.
- * @returns Node ids reachable from `startId`, in dependency order.
- */
-export declare function topoSortDownstream(startId: string, nodes: DagNode[], edges: DagEdge[]): string[];
-//# sourceMappingURL=dag.d.ts.map

package/dist/dag.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dag.d.ts","sourceRoot":"","sources":["../src/dag.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,MAAM,MAAM,OAAO,GAAG;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,CAAC;AACnC,iDAAiD;AACjD,MAAM,MAAM,OAAO,GAAG;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,CAAC;AACvD,oEAAoE;AACpE,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AAEjD;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,CAQ5E;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,EACjD,KAAK,EAAE,CAAC,EAAE,EACV,EAAE,EAAE,MAAM,GACT,CAAC,GAAG,SAAS,CAEf;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,CAiCxE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,OAAO,EAAE,EAChB,KAAK,EAAE,OAAO,EAAE,GACf,MAAM,EAAE,CA6CV"}