@industry-theme/principal-view-panels 0.12.85 → 0.12.87

package/dist/panels/DashboardPanel.d.ts

@@ -1,17 +1,19 @@
 import React from 'react';
 import type { PanelComponentProps } from '@principal-ade/panel-framework-core';
-import type { DashboardDefinition, MetricSource, DiscoveredCanvas } from '@principal-ai/principal-view-core';
+import type { MetricSource, DiscoveredCanvas, DataProvider } from '@principal-ai/principal-view-core';
 export interface DashboardPanelProps extends PanelComponentProps {
     /**
-     * The discovered dashboard canvas to display.
+     * The discovered dashboard to display.
      * Must be a DiscoveredCanvas with type 'dashboard'.
+     * The panel will load the dashboard definition from the file path.
      */
     selectedDashboard?: DiscoveredCanvas | null;
     /**
-     * Optional pre-loaded dashboard definition.
-     * If provided, skips file loading.
+     * Optional data provider for fetching metric values.
+     * If not provided, the dashboard will render without data.
+     * Use MockDataProvider from @principal-ai/principal-view-react for testing.
      */
-    dashboardDefinition?: DashboardDefinition | null;
+    dataProvider?: DataProvider;
     /**
      * Callback when a metric source link is clicked.
      * Use this to navigate to the referenced workflow/canvas.

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardPanel.d.ts","sourceRoot":"","sources":["../../src/panels/DashboardPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAI/E,OAAO,KAAK,EACV,mBAAmB,EACnB,YAAY,EAGZ,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAG3C,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAE5C;;;OAGG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAE/C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwNxD,CAAC"}
+{"version":3,"file":"DashboardPanel.d.ts","sourceRoot":"","sources":["../../src/panels/DashboardPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAI/E,OAAO,KAAK,EAEV,YAAY,EAGZ,gBAAgB,EAChB,YAAY,EACb,MAAM,mCAAmC,CAAC;AAG3C,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAE5C;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAE/C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyMxD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"StoryboardListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/StoryboardListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AA2K9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAyxDvE,CAAC"}
+{"version":3,"file":"StoryboardListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/StoryboardListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AA2K9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA0wDvE,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,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACnF,OAAO,EACL,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAErE,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;CACtC;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,oEAAoE;IACpE,SAAS,EAAE,eAAe,CAAC;CAC5B;AAQD;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,uBAG3B,mBAAmB,KAAG,mBAuHxB,CAAC"}
+{"version":3,"file":"useCanvasData.d.ts","sourceRoot":"","sources":["../../../../src/panels/canvas-list/hooks/useCanvasData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACnF,OAAO,EACL,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAErE,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;CACtC;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,oEAAoE;IACpE,SAAS,EAAE,eAAe,CAAC;CAC5B;AAQD;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,uBAG3B,mBAAmB,KAAG,mBAsGxB,CAAC"}

package/dist/panels.bundle.js

@@ -195408,7 +195408,6 @@ const useCanvasData = ({
   const lastLoadedSha = useRef(void 0);
   const discovery = useRef(new CanvasDiscovery());
   const loadCanvases = useCallback(async () => {
-    var _a2;
     if (fileTreeSha === lastLoadedSha.current) {
       return;
     }
@@ -195423,11 +195422,6 @@ const useCanvasData = ({
         lastLoadedSha.current = fileTreeSha;
         return;
       }
-      console.log("[useCanvasData] Starting discovery with fileTree:", {
-        hasFileTree: !!fileTreeData,
-        fileCount: (_a2 = fileTreeData == null ? void 0 : fileTreeData.allFiles) == null ? void 0 : _a2.length,
-        sha: fileTreeData == null ? void 0 : fileTreeData.sha
-      });
       const result = await discovery.current.discover(fileTreeData, {
         // Include content to extract markdown paths from pv.markdown field
         includeContent: true,
@@ -195438,13 +195432,6 @@ const useCanvasData = ({
           return await readFile(path2);
         }
       });
-      console.log("[useCanvasData] Discovery result:", {
-        canvasCount: result.canvases.length,
-        storyboardCount: result.storyboards.length,
-        dashboardCount: result.dashboards.length,
-        testTraceCount: result.testTraces.length,
-        errorCount: result.errors.length
-      });
       if (result.errors.length > 0) {
         console.warn("[useCanvasData] Discovery errors:", result.errors);
       }
@@ -195455,7 +195442,6 @@ const useCanvasData = ({
       setStoryboards(result.storyboards);
       setTestTraces(result.testTraces);
       setDashboards(result.dashboards);
-      console.log("[useCanvasData] Discovered dashboards:", result.dashboards.length, result.dashboards.map((d) => ({ id: d.id, name: d.name, path: d.path })));
       lastLoadedSha.current = fileTreeSha;
     } catch (err) {
       const errorMessage = err instanceof Error ? err.message : "Failed to load canvases";
@@ -196314,23 +196300,15 @@ const StoryboardListPanel = ({
     return filteredStoryboards.map((storyboard) => storyboard.canvas);
   }, [filteredStoryboards]);
   const handleTreeNodeClick = useCallback((node2, event) => {
-    var _a3, _b3, _c, _d, _e4, _f, _g, _h, _i;
+    var _a3, _b3, _c, _d, _e4, _f, _g, _h;
     const asCanvasListNode = node2;
-    console.log("[StoryboardListPanel] Tree node clicked:", {
-      nodeType: node2.type,
-      nodeId: node2.id,
-      nodeName: node2.name,
-      hasDashboard: !!asCanvasListNode.dashboard,
-      dashboardId: (_a3 = asCanvasListNode.dashboard) == null ? void 0 : _a3.id,
-      hasCanvas: !!node2.canvas
-    });
     if ((event == null ? void 0 : event.metaKey) || (event == null ? void 0 : event.ctrlKey)) {
       let filePath;
-      if (node2.type === "canvas" && ((_b3 = asCanvasListNode.dashboard) == null ? void 0 : _b3.path)) {
+      if (node2.type === "canvas" && ((_a3 = asCanvasListNode.dashboard) == null ? void 0 : _a3.path)) {
         filePath = asCanvasListNode.dashboard.path;
-      } else if (node2.type === "canvas" && ((_c = node2.canvas) == null ? void 0 : _c.path)) {
+      } else if (node2.type === "canvas" && ((_b3 = node2.canvas) == null ? void 0 : _b3.path)) {
         filePath = node2.canvas.path;
-      } else if (node2.type === "workflow" && "workflow" in node2 && ((_d = node2.workflow) == null ? void 0 : _d.path)) {
+      } else if (node2.type === "workflow" && "workflow" in node2 && ((_c = node2.workflow) == null ? void 0 : _c.path)) {
         filePath = node2.workflow.path;
       } else if (node2.markdownPath) {
         filePath = node2.markdownPath;
@@ -196346,7 +196324,7 @@ const StoryboardListPanel = ({
       }
     }
     if (node2.type === "overview" && node2.markdownPath) {
-      const canvasId = ((_e4 = node2.canvas) == null ? void 0 : _e4.id) || "storyboard" in node2 && ((_g = (_f = node2.storyboard) == null ? void 0 : _f.canvas) == null ? void 0 : _g.id) || "unknown";
+      const canvasId = ((_d = node2.canvas) == null ? void 0 : _d.id) || "storyboard" in node2 && ((_f = (_e4 = node2.storyboard) == null ? void 0 : _e4.canvas) == null ? void 0 : _f.id) || "unknown";
       setSelectedNodeId(`overview:${canvasId}`);
       if (events) {
         events.emit({
@@ -196357,11 +196335,6 @@ const StoryboardListPanel = ({
         });
       }
     } else if (node2.type === "canvas" && asCanvasListNode.dashboard) {
-      console.log("[StoryboardListPanel] Dashboard click - emitting openDashboard event:", {
-        dashboardId: asCanvasListNode.dashboard.id,
-        dashboardName: asCanvasListNode.dashboard.name,
-        hasEvents: !!events
-      });
       setSelectedNodeId(`dashboard:${asCanvasListNode.dashboard.id}`);
       if (events) {
         events.emit({
@@ -196410,7 +196383,7 @@ const StoryboardListPanel = ({
           return wf.file.path === ((_a4 = node2.workflow) == null ? void 0 : _a4.path);
         });
         if (!fullWorkflow) {
-          console.warn("[StoryboardListPanel] Workflow template not loaded for:", (_h = node2.workflow) == null ? void 0 : _h.path);
+          console.warn("[StoryboardListPanel] Workflow template not loaded for:", (_g = node2.workflow) == null ? void 0 : _g.path);
           return;
         }
         telemetry.emitWorkflowSelected(
@@ -196418,7 +196391,7 @@ const StoryboardListPanel = ({
           node2.workflow.name,
           node2.workflow.path,
           node2.storyboard.canvas.id,
-          ((_i = fullWorkflow.template.scenarios) == null ? void 0 : _i.length) ?? 0
+          ((_h = fullWorkflow.template.scenarios) == null ? void 0 : _h.length) ?? 0
         );
         events.emit({
           type: "custom",
@@ -206104,13 +206077,13 @@ const DashboardPanel = ({
   actions,
   events,
   selectedDashboard,
-  dashboardDefinition: propDashboard,
+  dataProvider,
   onSourceClick,
   onMetricClick
 }) => {
   const { theme: theme2 } = useTheme();
   const panelRef = useRef(null);
-  const [dashboard, setDashboard] = useState(propDashboard ?? null);
+  const [dashboard, setDashboard] = useState(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
   const [timeRange, setTimeRange] = useState({ preset: "last_1h" });
@@ -206120,11 +206093,6 @@ const DashboardPanel = ({
     return (_a2 = panelRef.current) == null ? void 0 : _a2.focus();
   });
   useEffect(() => {
-    if (propDashboard) {
-      setDashboard(propDashboard);
-      setError(null);
-      return;
-    }
     if (!selectedDashboard) {
       setDashboard(null);
       return;
@@ -206149,7 +206117,7 @@ const DashboardPanel = ({
       }
     };
     loadDashboard();
-  }, [selectedDashboard, propDashboard, actions]);
+  }, [selectedDashboard, actions]);
   const handleSourceClick = useCallback(
     (source2) => {
       if (onSourceClick) {
@@ -206185,10 +206153,6 @@ const DashboardPanel = ({
     },
     [onMetricClick, events]
   );
-  const dataProvider = useMemo(() => {
-    if (!dashboard) return void 0;
-    return new MockDataProvider(dashboard);
-  }, [dashboard]);
   if (loading) {
     return /* @__PURE__ */ jsxs(
       "div",