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

package/dist/panels/CanvasDetailPanel.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { PanelComponentProps } from '@principal-ade/panel-framework-core';
 import type { NarrativeTemplate } from '@principal-ai/principal-view-core/browser';
+import type { FileInfo } from '@principal-ai/repository-abstraction';
 export type ViewMode = 'raw' | 'narrative' | 'summary';
 /**
  * Props for CanvasDetailPanel
@@ -21,6 +22,11 @@ export interface CanvasDetailPanelProps extends PanelComponentProps {
      * Optional canvas name for display.
      */
     canvasName?: string | null;
+    /**
+     * Optional canvas file info with metadata (size, lastModified, etc.).
+     * Used for detecting file changes and auto-reloading.
+     */
+    canvasFileInfo?: FileInfo | null;
     /**
      * Optional narrative ID to display.
      * If provided, the panel will display this narrative without showing the selector UI.
@@ -36,6 +42,11 @@ export interface CanvasDetailPanelProps extends PanelComponentProps {
      * If provided along with selectedNarrativeId, the panel will use this template directly.
      */
     narrativeTemplate?: NarrativeTemplate | null;
+    /**
+     * Optional narrative file info with metadata (size, lastModified, etc.).
+     * Used for detecting narrative file changes and auto-reloading.
+     */
+    narrativeFileInfo?: FileInfo | null;
 }
 /**
  * Canvas Detail Panel

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

@@ -1 +1 @@
-{"version":3,"file":"CanvasDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAG/E,OAAO,KAAK,EAAkB,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAkBnG,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;AA8LvD;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEjC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAC9C;AA8BD;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAspC9D,CAAC"}
+{"version":3,"file":"CanvasDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAG/E,OAAO,KAAK,EAAkB,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAEnG,OAAO,KAAK,EAAY,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAiB/E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;AA8LvD;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEjC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B;;;OAGG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEjC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAE7C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CACrC;AA8BD;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwuC9D,CAAC"}

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

@@ -35,9 +35,11 @@ declare const meta: {
         selectedCanvasId?: string | null | undefined;
         canvasPath?: string | null | undefined;
         canvasName?: string | null | undefined;
+        canvasFileInfo?: (import("@principal-ai/repository-abstraction").FileInfo | null) | undefined;
         selectedNarrativeId?: string | null | undefined;
         narrativePath?: string | null | undefined;
         narrativeTemplate?: (NarrativeTemplate | null) | undefined;
+        narrativeFileInfo?: (import("@principal-ai/repository-abstraction").FileInfo | null) | undefined;
         context: import("@principal-ade/panel-framework-core").PanelContextValue;
         actions: import("@principal-ade/panel-framework-core").PanelActions;
         events: import("@principal-ade/panel-framework-core").PanelEventEmitter;

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

@@ -1 +1 @@
-{"version":3,"file":"CanvasDetailPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasDetailPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAEnF;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAsBgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0wBnC;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAiC9B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,EAAE,KAyCxC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,KA+CtC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,KA+CtC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,KA+C5C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA+C9B,CAAC"}
+{"version":3,"file":"CanvasDetailPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasDetailPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAEnF;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;CAsBgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0wBnC;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAiC9B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,EAAE,KAyCxC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,KA+CtC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,KA+CtC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,KA+C5C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA+C9B,CAAC"}

package/dist/panels/CanvasEditorPanel.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { PanelComponentProps } from '@principal-ade/panel-framework-core';
+import type { FileInfo } from '@principal-ai/repository-abstraction';
 /**
  * Props for CanvasEditorPanel
  */
@@ -16,6 +17,11 @@ export interface CanvasEditorPanelProps extends PanelComponentProps {
      * Canvas display name.
      */
     canvasName?: string;
+    /**
+     * Optional canvas file info with metadata (size, lastModified, etc.).
+     * Used for detecting file changes and auto-reloading.
+     */
+    canvasFileInfo?: FileInfo | null;
 }
 /**
  * Principal View Graph Panel

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

@@ -1 +1 @@
-{"version":3,"file":"CanvasEditorPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasEditorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AA2B/E;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmwB9D,CAAC"}
+{"version":3,"file":"CanvasEditorPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasEditorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAS/E,OAAO,KAAK,EAAY,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAmB/E;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CAClC;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuwB9D,CAAC"}

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

@@ -20,6 +20,7 @@ declare const meta: {
         selectedConfigId?: string | undefined;
         canvasPath?: string | undefined;
         canvasName?: string | undefined;
+        canvasFileInfo?: (import("@principal-ai/repository-abstraction").FileInfo | null) | undefined;
         context: import("@principal-ade/panel-framework-core").PanelContextValue;
         actions: import("@principal-ade/panel-framework-core").PanelActions;
         events: import("@principal-ade/panel-framework-core").PanelEventEmitter;

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

@@ -1 +1 @@
-{"version":3,"file":"CanvasEditorPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasEditorPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAsBgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0HnC,eAAO,MAAM,mBAAmB,EAAE,KAGjC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAgErB,CAAC"}
+{"version":3,"file":"CanvasEditorPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasEditorPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAsBgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0HnC,eAAO,MAAM,mBAAmB,EAAE,KAGjC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAgErB,CAAC"}

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;AAU/E;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAykBzD,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/SkillInstallation.stories.d.ts

@@ -22,9 +22,11 @@ declare const meta: {
         selectedCanvasId?: string | null | undefined;
         canvasPath?: string | null | undefined;
         canvasName?: string | null | undefined;
+        canvasFileInfo?: (import("@principal-ai/repository-abstraction").FileInfo | null) | undefined;
         selectedNarrativeId?: string | null | undefined;
         narrativePath?: string | null | undefined;
         narrativeTemplate?: (import("@principal-ai/principal-view-core").NarrativeTemplate | null) | undefined;
+        narrativeFileInfo?: (import("@principal-ai/repository-abstraction").FileInfo | null) | undefined;
         context: import("@principal-ade/panel-framework-core").PanelContextValue;
         actions: import("@principal-ade/panel-framework-core").PanelActions;
         events: import("@principal-ade/panel-framework-core").PanelEventEmitter;

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

@@ -1 +1 @@
-{"version":3,"file":"SkillInstallation.stories.d.ts","sourceRoot":"","sources":["../../src/panels/SkillInstallation.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;GAKG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAsBgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0UnC;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAkDpC,CAAC"}
+{"version":3,"file":"SkillInstallation.stories.d.ts","sourceRoot":"","sources":["../../src/panels/SkillInstallation.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;GAKG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;CAsBgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0UnC;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAkDpC,CAAC"}

package/dist/panels/canvas-list/hooks/useCanvasData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCanvasData.d.ts","sourceRoot":"","sources":["../../../../src/panels/canvas-list/hooks/useCanvasData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAGnG,UAAU,mBAAmB;IAC3B,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC;AAKD;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,cAE3B,mBAAmB,KAAG,mBAgGxB,CAAC"}
+{"version":3,"file":"useCanvasData.d.ts","sourceRoot":"","sources":["../../../../src/panels/canvas-list/hooks/useCanvasData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAGnG,UAAU,mBAAmB;IAC3B,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC;AAKD;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,cAE3B,mBAAmB,KAAG,mBAiFxB,CAAC"}

package/dist/panels/canvas-list/hooks/useCanvasNarrativeData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCanvasNarrativeData.d.ts","sourceRoot":"","sources":["../../../../src/panels/canvas-list/hooks/useCanvasNarrativeData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC3F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAG7F,UAAU,4BAA4B;IACpC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,UAAU,4BAA4B;IACpC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,UAAU,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,aAAa,CAAC;QAAC,QAAQ,EAAE,iBAAiB,CAAA;KAAE,CAAC,CAAC;IACxE,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAClC;AAKD;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,uBAGpC,4BAA4B,KAAG,4BAuHjC,CAAC"}
+{"version":3,"file":"useCanvasNarrativeData.d.ts","sourceRoot":"","sources":["../../../../src/panels/canvas-list/hooks/useCanvasNarrativeData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC3F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAEnF,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAG7F,UAAU,4BAA4B;IACpC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,UAAU,4BAA4B;IACpC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,UAAU,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,aAAa,CAAC;QAAC,QAAQ,EAAE,iBAAiB,CAAA;KAAE,CAAC,CAAC;IACxE,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAClC;AAKD;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,uBAGpC,4BAA4B,KAAG,4BAoHjC,CAAC"}

package/dist/panels.bundle.js

@@ -47490,7 +47490,8 @@ const CanvasEditorPanel = ({
   events,
   selectedConfigId,
   canvasPath,
-  canvasName
+  canvasName,
+  canvasFileInfo
 }) => {
   var _a, _b;
   const { theme } = useTheme$1();
@@ -47516,6 +47517,7 @@ const CanvasEditorPanel = ({
   actionsRef.current = actions2;
   eventsRef.current = events;
   const skipNextFileChangeRef = useRef(false);
+  const canvasFileTimestampRef = useRef(null);
   const [pathCopied, setPathCopied] = useState(false);
   const containerRef = useCallback((container) => {
     if (resizeObserverRef.current) {
@@ -47568,10 +47570,10 @@ const CanvasEditorPanel = ({
       const canvas = ConfigLoader.parseCanvas(configContent);
       let library = null;
       if (ctx.hasSlice("fileTree") && !ctx.isSliceLoading("fileTree")) {
-        const fileTreeSlice2 = ctx.getSlice("fileTree");
-        const fileTreeData2 = fileTreeSlice2 == null ? void 0 : fileTreeSlice2.data;
-        if (fileTreeData2 == null ? void 0 : fileTreeData2.allFiles) {
-          const libraryPath = ConfigLoader.findLibraryPath(fileTreeData2.allFiles);
+        const fileTreeSlice = ctx.getSlice("fileTree");
+        const fileTreeData = fileTreeSlice == null ? void 0 : fileTreeSlice.data;
+        if (fileTreeData == null ? void 0 : fileTreeData.allFiles) {
+          const libraryPath = ConfigLoader.findLibraryPath(fileTreeData.allFiles);
           if (libraryPath) {
             try {
               const libraryFullPath = `${repositoryPath}/${libraryPath}`;
@@ -47701,39 +47703,44 @@ const CanvasEditorPanel = ({
   useEffect(() => {
     loadConfiguration();
   }, [canvasPath, loadConfiguration]);
-  const fileTreeSlice = context.hasSlice("fileTree") ? context.getSlice("fileTree") : null;
-  const fileTreeData = fileTreeSlice == null ? void 0 : fileTreeSlice.data;
-  const fileTreeDataRef = useRef(fileTreeData);
   useEffect(() => {
-    const prevData = fileTreeDataRef.current;
-    fileTreeDataRef.current = fileTreeData;
-    if (prevData === null) {
-      return;
+    if (canvasFileInfo == null ? void 0 : canvasFileInfo.lastModified) {
+      canvasFileTimestampRef.current = canvasFileInfo.lastModified.getTime();
     }
-    if (skipNextFileChangeRef.current) {
-      skipNextFileChangeRef.current = false;
-      return;
-    }
-    if (prevData !== fileTreeData && fileTreeData !== null) {
-      const prevFiles = prevData.allFiles || [];
-      const newFiles = fileTreeData.allFiles || [];
-      const prevConfigFile = prevFiles.find((f) => (f.path || f.relativePath) === canvasPath);
-      const newConfigFile = newFiles.find((f) => (f.path || f.relativePath) === canvasPath);
-      const libraryPath = ConfigLoader.findLibraryPath(newFiles);
-      const prevLibraryFile = libraryPath ? prevFiles.find((f) => (f.path || f.relativePath) === libraryPath) : null;
-      const newLibraryFile = libraryPath ? newFiles.find((f) => (f.path || f.relativePath) === libraryPath) : null;
-      const configChanged = prevConfigFile !== newConfigFile;
-      const libraryChanged = prevLibraryFile !== newLibraryFile;
-      if (configChanged || libraryChanged) {
-        console.log("[PrincipalViewGraph] Current canvas or library changed, reloading...", {
-          configChanged,
-          libraryChanged,
-          canvasPath
-        });
-        loadConfiguration();
+  }, [canvasFileInfo]);
+  useEffect(() => {
+    if (!events || !canvasPath) return;
+    const handleWorkspaceChange = () => {
+      if (skipNextFileChangeRef.current) {
+        skipNextFileChangeRef.current = false;
+        return;
       }
-    }
-  }, [fileTreeData, loadConfiguration, canvasPath]);
+      const ctx = contextRef.current;
+      if (!ctx.hasSlice("fileTree")) return;
+      const fileTreeSlice = ctx.getSlice("fileTree");
+      const fileTreeData = fileTreeSlice == null ? void 0 : fileTreeSlice.data;
+      if (!(fileTreeData == null ? void 0 : fileTreeData.allFiles)) return;
+      const canvasFile = fileTreeData.allFiles.find(
+        (f) => f.path === canvasPath || f.relativePath === canvasPath
+      );
+      if (canvasFile == null ? void 0 : canvasFile.lastModified) {
+        const currentTimestamp = canvasFile.lastModified.getTime();
+        if (canvasFileTimestampRef.current && currentTimestamp !== canvasFileTimestampRef.current) {
+          console.log("[CanvasEditorPanel] Canvas file modified, reloading...", {
+            path: canvasPath,
+            lastLoaded: new Date(canvasFileTimestampRef.current),
+            current: new Date(currentTimestamp)
+          });
+          loadConfiguration();
+          canvasFileTimestampRef.current = currentTimestamp;
+        }
+      }
+    };
+    events.on("workspace:changed", handleWorkspaceChange);
+    return () => {
+      events.off("workspace:changed", handleWorkspaceChange);
+    };
+  }, [events, canvasPath, loadConfiguration]);
   useEffect(() => {
     const unsubscribe = eventsRef.current.on("data:refresh", () => {
       loadConfiguration();
@@ -50890,9 +50897,11 @@ const CanvasDetailPanel = ({
   selectedCanvasId: selectedCanvasIdProp,
   canvasPath: canvasPathProp,
   canvasName: canvasNameProp,
+  canvasFileInfo: canvasFileInfoProp,
   selectedNarrativeId: selectedNarrativeIdProp,
   narrativePath: narrativePathProp,
-  narrativeTemplate: narrativeTemplateProp
+  narrativeTemplate: narrativeTemplateProp,
+  narrativeFileInfo: narrativeFileInfoProp
 }) => {
   var _a;
   const { theme } = useTheme$1();
@@ -50931,6 +50940,8 @@ const CanvasDetailPanel = ({
   eventsRef.current = events;
   const playbackTimerRef = useRef(null);
   const eventNodeMapRef = useRef(/* @__PURE__ */ new Map());
+  const canvasFileTimestampRef = useRef(null);
+  const narrativeFileTimestampRef = useRef(null);
   const loadCanvas = useCallback(async (canvasId, canvasPath) => {
     setState((prev) => ({ ...prev, loading: true, error: null }));
     try {
@@ -51066,6 +51077,65 @@ const CanvasDetailPanel = ({
       events.off("custom", handleEvent);
     };
   }, [events, loadCanvas, selectedCanvasIdProp, canvasPathProp]);
+  useEffect(() => {
+    if (canvasFileInfoProp == null ? void 0 : canvasFileInfoProp.lastModified) {
+      canvasFileTimestampRef.current = canvasFileInfoProp.lastModified.getTime();
+    }
+  }, [canvasFileInfoProp]);
+  useEffect(() => {
+    if (narrativeFileInfoProp == null ? void 0 : narrativeFileInfoProp.lastModified) {
+      narrativeFileTimestampRef.current = narrativeFileInfoProp.lastModified.getTime();
+    }
+  }, [narrativeFileInfoProp]);
+  useEffect(() => {
+    if (!events || !canvasPathProp) return;
+    const handleWorkspaceChange = (event) => {
+      const ctx = contextRef.current;
+      if (!ctx.hasSlice("fileTree")) return;
+      const fileTreeSlice = ctx.getSlice("fileTree");
+      const fileTreeData = fileTreeSlice == null ? void 0 : fileTreeSlice.data;
+      if (!(fileTreeData == null ? void 0 : fileTreeData.allFiles)) return;
+      if (canvasPathProp) {
+        const canvasFile = fileTreeData.allFiles.find(
+          (f) => f.path === canvasPathProp || f.relativePath === canvasPathProp
+        );
+        if (canvasFile == null ? void 0 : canvasFile.lastModified) {
+          const currentTimestamp = canvasFile.lastModified.getTime();
+          if (canvasFileTimestampRef.current && currentTimestamp !== canvasFileTimestampRef.current) {
+            console.log("[CanvasDetailPanel] Canvas file modified, reloading...", {
+              path: canvasPathProp,
+              lastLoaded: new Date(canvasFileTimestampRef.current),
+              current: new Date(currentTimestamp)
+            });
+            if (selectedCanvasIdProp) {
+              loadCanvas(selectedCanvasIdProp, canvasPathProp);
+            }
+            canvasFileTimestampRef.current = currentTimestamp;
+          }
+        }
+      }
+      if (narrativePathProp) {
+        const narrativeFile = fileTreeData.allFiles.find(
+          (f) => f.path === narrativePathProp || f.relativePath === narrativePathProp
+        );
+        if (narrativeFile == null ? void 0 : narrativeFile.lastModified) {
+          const currentTimestamp = narrativeFile.lastModified.getTime();
+          if (narrativeFileTimestampRef.current && currentTimestamp !== narrativeFileTimestampRef.current) {
+            console.log("[CanvasDetailPanel] Narrative file modified, reloading...", {
+              path: narrativePathProp,
+              lastLoaded: new Date(narrativeFileTimestampRef.current),
+              current: new Date(currentTimestamp)
+            });
+            narrativeFileTimestampRef.current = currentTimestamp;
+          }
+        }
+      }
+    };
+    events.on("workspace:changed", handleWorkspaceChange);
+    return () => {
+      events.off("workspace:changed", handleWorkspaceChange);
+    };
+  }, [events, canvasPathProp, narrativePathProp, selectedCanvasIdProp, loadCanvas]);
   const handleToggleGrid = useCallback(() => {
     setState((prev) => ({ ...prev, showGrid: !prev.showGrid }));
   }, []);
@@ -51248,7 +51318,7 @@ const CanvasDetailPanel = ({
     }));
   }, []);
   const activeNodeIds = useMemo(() => {
-    var _a2, _b;
+    var _a2;
     if (!state.canvas) return null;
     if (state.hoveredExecution) {
       const spans = ExecutionLoader.getSpans(state.hoveredExecution);
@@ -51277,7 +51347,7 @@ const CanvasDetailPanel = ({
       const activeIds = /* @__PURE__ */ new Set();
       for (const node of state.canvas.nodes || []) {
         const nodePv = node.pv || ((_a2 = node.data) == null ? void 0 : _a2.pv);
-        const nodeEventName = (_b = nodePv == null ? void 0 : nodePv.event) == null ? void 0 : _b.name;
+        const nodeEventName = nodePv == null ? void 0 : nodePv.event;
         if (nodeEventName && state.hoveredScenarioEventNames.includes(nodeEventName)) {
           activeIds.add(node.id);
         }
@@ -53966,18 +54036,12 @@ const useCanvasData = ({
     setIsLoading(true);
     setError(null);
     try {
-      let fileTree = null;
-      if (fileTreeData == null ? void 0 : fileTreeData.fileTree) {
-        fileTree = fileTreeData.fileTree;
-      } else if (fileTreeData == null ? void 0 : fileTreeData.allFiles) {
-        fileTree = convertToFileTree(fileTreeData.allFiles, fileTreeSha || "unknown");
-      }
-      if (!fileTree) {
+      if (!fileTreeData) {
         setCanvases(EMPTY_CANVAS_ARRAY);
         lastLoadedSha.current = fileTreeSha;
         return;
       }
-      const result = await discovery.current.discover(fileTree, {
+      const result = await discovery.current.discover(fileTreeData, {
         // Don't include content - just metadata for listing
         includeContent: false
       });
@@ -54013,43 +54077,6 @@ const useCanvasData = ({
     refreshCanvases
   };
 };
-function convertToFileTree(allFiles, sha) {
-  const fileInfos = allFiles.map((file) => ({
-    path: file.path || file.relativePath || "",
-    relativePath: file.relativePath || file.path || "",
-    name: file.name || (file.relativePath || file.path || "").split("/").pop() || "",
-    extension: (file.name || "").split(".").pop() || "",
-    size: 0,
-    lastModified: /* @__PURE__ */ new Date(),
-    isDirectory: false
-  }));
-  return {
-    sha,
-    root: {
-      path: "/",
-      name: "",
-      relativePath: "",
-      children: [],
-      fileCount: fileInfos.length,
-      totalSize: 0,
-      depth: 0
-    },
-    allFiles: fileInfos,
-    allDirectories: [],
-    stats: {
-      totalFiles: fileInfos.length,
-      totalDirectories: 0,
-      totalSize: 0,
-      maxDepth: 0
-    },
-    metadata: {
-      id: "panel-context",
-      timestamp: /* @__PURE__ */ new Date(),
-      sourceType: "panel",
-      sourceInfo: {}
-    }
-  };
-}
 const EMPTY_NARRATIVES_ARRAY = [];
 const useCanvasNarrativeData = ({
   context,
@@ -61535,6 +61562,13 @@ const CanvasListPanel = ({
   const [showHelp, setShowHelp] = useState(false);
   const [cliCommandCopied, setCliCommandCopied] = useState(false);
   const { canvases, narratives, isLoading, error, refreshData } = useCanvasNarrativeData({ context, actions: actions2 });
+  const fileTreeSlice = context.getSlice("fileTree");
+  const fileTreeData = fileTreeSlice == null ? void 0 : fileTreeSlice.data;
+  const getCanvasFileInfo = useCallback((canvasPath) => {
+    return fileTreeData == null ? void 0 : fileTreeData.allFiles.find(
+      (f) => f.path === canvasPath || f.relativePath === canvasPath
+    );
+  }, [fileTreeData]);
   const availablePackages = useMemo(() => {
     const packages = /* @__PURE__ */ new Set();
     canvases.forEach((canvas) => {
@@ -61576,6 +61610,7 @@ const CanvasListPanel = ({
     if (node.type === "canvas" && node.canvas) {
       setSelectedCanvasId(node.canvas.id);
       if (events) {
+        const canvasFileInfo = getCanvasFileInfo(node.canvas.path);
         events.emit({
           type: "custom",
           source: "canvas-list-panel",
@@ -61583,13 +61618,16 @@ const CanvasListPanel = ({
           payload: {
             action: "selectCanvas",
             canvasId: node.canvas.id,
-            canvas: node.canvas
+            canvas: node.canvas,
+            canvasFileInfo
           }
         });
       }
     } else if (node.type === "narrative" && node.narrative && node.canvas) {
       setSelectedCanvasId(node.canvas.id);
       if (events) {
+        const canvasFileInfo = getCanvasFileInfo(node.canvas.path);
+        const narrativeFileInfo = getCanvasFileInfo(node.narrative.path);
         events.emit({
           type: "custom",
           source: "canvas-list-panel",
@@ -61598,14 +61636,35 @@ const CanvasListPanel = ({
             action: "selectCanvas",
             canvasId: node.canvas.id,
             canvas: node.canvas,
+            canvasFileInfo,
             narrativeId: node.narrative.id,
             narrative: node.narrative,
-            narrativeTemplate: node.narrativeTemplate
+            narrativeTemplate: node.narrativeTemplate,
+            narrativeFileInfo
           }
         });
       }
     }
-  }, [events]);
+  }, [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) {
@@ -61639,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",
@@ -61661,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: [
@@ -61847,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],
@@ -61911,6 +61975,7 @@ const CanvasListPanel = ({
                 narratives,
                 theme,
                 onClick: handleTreeNodeClick,
+                onOpenCanvas: handleOpenCanvas,
                 selectedNodeId: selectedCanvasId ? `canvas:${selectedCanvasId}` : void 0,
                 defaultOpen: false
               }