@industry-theme/principal-view-panels 0.4.22 → 0.4.23

package/dist/panels/CanvasListPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAW/E;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgmBzD,CAAC"}
+{"version":3,"file":"CanvasListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAW/E;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4nBzD,CAAC"}

package/dist/panels/CanvasListPanel.stories.d.ts

@@ -49,6 +49,11 @@ export declare const ManyCanvases: Story;
  * Shows canvas files from both root and package-level .principal-views/ directories
  */
 export declare const MonorepoWithPackages: Story;
+/**
+ * With Narratives - Shows canvases with associated narrative templates
+ * Demonstrates the tree structure with expandable narratives
+ */
+export declare const WithNarratives: Story;
 /**
  * Change Detection Test - Interactive story for testing SHA-based change detection
  * Demonstrates how the panel responds to file tree changes and manual refresh

package/dist/panels/CanvasListPanel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasListPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasListPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAsB8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4EnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAuC/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA2B1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA2B1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAmIlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA0KjC,CAAC"}
+{"version":3,"file":"CanvasListPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasListPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAsB8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4EnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAuC/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA2B1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA2B1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAmIlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KA8P5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA0KjC,CAAC"}

package/dist/panels.bundle.js

@@ -61646,6 +61646,25 @@ const CanvasListPanel = ({
       }
     }
   }, [events, getCanvasFileInfo]);
+  const handleOpenCanvas = useCallback((canvas) => {
+    if (actions2 == null ? void 0 : actions2.openFile) {
+      actions2.openFile(canvas.path);
+    }
+    if (events) {
+      const canvasFileInfo = getCanvasFileInfo(canvas.path);
+      events.emit({
+        type: "custom",
+        source: "canvas-list-panel",
+        timestamp: Date.now(),
+        payload: {
+          action: "openCanvas",
+          canvasId: canvas.id,
+          canvas,
+          canvasFileInfo
+        }
+      });
+    }
+  }, [actions2, events, getCanvasFileInfo]);
   const handleRefresh = async () => {
     setIsRefreshing(true);
     if (events) {
@@ -61679,7 +61698,8 @@ const CanvasListPanel = ({
       tabIndex: -1,
       style: {
         position: "relative",
-        padding: "clamp(12px, 3vw, 20px)",
+        paddingTop: "clamp(12px, 3vw, 20px)",
+        paddingBottom: "clamp(12px, 3vw, 20px)",
         fontFamily: theme.fonts.body,
         height: "100%",
         boxSizing: "border-box",
@@ -61701,6 +61721,8 @@ const CanvasListPanel = ({
               alignItems: "center",
               justifyContent: "space-between",
               gap: "12px",
+              paddingLeft: "clamp(12px, 3vw, 20px)",
+              paddingRight: "clamp(12px, 3vw, 20px)",
               flexWrap: "wrap"
             },
             children: [
@@ -61887,6 +61909,8 @@ const CanvasListPanel = ({
             style: {
               flexShrink: 0,
               padding: "12px",
+              marginLeft: "clamp(12px, 3vw, 20px)",
+              marginRight: "clamp(12px, 3vw, 20px)",
               background: `${theme.colors.error}20`,
               border: `1px solid ${theme.colors.error}`,
               borderRadius: theme.radii[2],
@@ -61951,6 +61975,7 @@ const CanvasListPanel = ({
                 narratives,
                 theme,
                 onClick: handleTreeNodeClick,
+                onOpenCanvas: handleOpenCanvas,
                 selectedNodeId: selectedCanvasId ? `canvas:${selectedCanvasId}` : void 0,
                 defaultOpen: false
               }