@industry-theme/principal-view-panels 0.7.2 → 0.8.0

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

@@ -47,27 +47,6 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-/**
- * Step 1: Canvas Only
- *
- * Starting point - just architecture documentation.
- * Shows canvas structure with nodes and edges representing the checkout flow.
- */
-export declare const Step1_CanvasOnly: Story;
-/**
- * Step 2: Canvas + Narrative Templates
- *
- * Add workflow scenarios to make telemetry human-readable.
- * Defines success, failure, timeout scenarios but has no execution data yet.
- */
-export declare const Step2_CanvasWithNarratives: Story;
-/**
- * Step 3: Successful Checkout Execution
- *
- * Complete flow - canvas + workflows + test execution showing successful checkout.
- * Click workflow steps to highlight corresponding canvas nodes!
- */
-export declare const Step3_SuccessfulCheckout: Story;
 /**
  * Payment Declined Scenario
  *
@@ -121,4 +100,12 @@ export declare const CoLocatedExecutions: Story;
  * Click the "Docs" button in the header to open the documentation file.
  */
 export declare const CanvasWithDocumentation: Story;
+/**
+ * Story: Incomplete Template Data Warning
+ *
+ * Demonstrates what happens when the workflow template expects variables
+ * that aren't present in the execution data. The system will show a warning
+ * banner about incomplete template data.
+ */
+export declare const IncompleteTemplateData: Story;
 //# sourceMappingURL=WorkflowScenariosPanel.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkflowScenariosPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/WorkflowScenariosPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE1E;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;CAsBqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAsxBnC;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAoC9B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,EAAE,KA0CxC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAgDtC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAgDtC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAgD5C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAgD9B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,EAAE,KA6GtC,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA6KjC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAwDrC,CAAC"}
+{"version":3,"file":"WorkflowScenariosPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/WorkflowScenariosPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE1E;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;CAsBqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAmyBnC;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAgDtC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAgD5C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAgD9B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,EAAE,KA6GtC,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA6KjC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAwDrC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAsGpC,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { PanelContextValue, PanelActions } from '@principal-ade/panel-framework-core';
-import { type DiscoveredCanvas, type DiscoveredStoryboard, type DiscoveredExecution } from '@principal-ai/principal-view-core';
+import { type DiscoveredCanvas, type DiscoveredStoryboard, type DiscoveredTestTrace } from '@principal-ai/principal-view-core';
 interface UseCanvasDataParams {
     context: PanelContextValue;
     actions: PanelActions;
@@ -7,7 +7,7 @@ interface UseCanvasDataParams {
 interface UseCanvasDataReturn {
     canvases: DiscoveredCanvas[];
     storyboards: DiscoveredStoryboard[];
-    executions: DiscoveredExecution[];
+    testTraces: DiscoveredTestTrace[];
     isLoading: boolean;
     error: string | null;
     refreshCanvases: () => Promise<void>;

package/dist/panels/canvas-list/hooks/useCanvasWorkflowData.d.ts

@@ -1,5 +1,5 @@
 import type { PanelContextValue, PanelActions } from '@principal-ade/panel-framework-core';
-import type { DiscoveredCanvas, DiscoveredStoryboard, DiscoveredExecution, DiscoveredWorkflow, WorkflowTemplate } from '@principal-ai/principal-view-core';
+import type { DiscoveredCanvas, DiscoveredStoryboard, DiscoveredTestTrace, DiscoveredWorkflow, WorkflowTemplate } from '@principal-ai/principal-view-core';
 interface UseCanvasNarrativeDataParams {
     context: PanelContextValue;
     actions: PanelActions;
@@ -7,7 +7,7 @@ interface UseCanvasNarrativeDataParams {
 interface UseCanvasNarrativeDataReturn {
     canvases: DiscoveredCanvas[];
     storyboards: DiscoveredStoryboard[];
-    executions: DiscoveredExecution[];
+    testTraces: DiscoveredTestTrace[];
     workflows: Array<{
         file: DiscoveredWorkflow;
         template: WorkflowTemplate;

package/dist/panels/execution-viewer/WorkflowRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowRenderer.d.ts","sourceRoot":"","sources":["../../../src/panels/execution-viewer/WorkflowRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAoB,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAIvH,MAAM,WAAW,qBAAqB;IACpC,6CAA6C;IAC7C,QAAQ,EAAE,gBAAgB,CAAC;IAE3B,4BAA4B;IAC5B,MAAM,EAAE,SAAS,EAAE,CAAC;IAEpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,0BAA0B;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,sFAAsF;IACtF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9D,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kFAAkF;IAClF,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,yCAAyC;IACzC,MAAM,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CAChC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgiB5D,CAAC"}
+{"version":3,"file":"WorkflowRenderer.d.ts","sourceRoot":"","sources":["../../../src/panels/execution-viewer/WorkflowRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAoB,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAIvH,MAAM,WAAW,qBAAqB;IACpC,6CAA6C;IAC7C,QAAQ,EAAE,gBAAgB,CAAC;IAE3B,4BAA4B;IAC5B,MAAM,EAAE,SAAS,EAAE,CAAC;IAEpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,0BAA0B;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,sFAAsF;IACtF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9D,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kFAAkF;IAClF,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,yCAAyC;IACzC,MAAM,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CAChC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsgB5D,CAAC"}

package/dist/panels/execution-viewer/WorkflowTemplatePanel.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import type { WorkflowTemplate, WorkflowScenario, DiscoveredExecution, ExtendedCanvas } from '@principal-ai/principal-view-core';
+import type { WorkflowTemplate, WorkflowScenario, DiscoveredTestTrace, ExtendedCanvas } from '@principal-ai/principal-view-core';
 interface WorkflowTemplatePanelProps {
     workflowTemplate: WorkflowTemplate;
     canvas?: ExtendedCanvas | null;
-    availableExecutions?: DiscoveredExecution[];
+    availableExecutions?: DiscoveredTestTrace[];
     executionScenarioMap?: Record<string, string>;
     onExecutionSelect?: (executionId: string) => void;
     onScenarioHover?: (eventNames: string[] | null) => void;

package/dist/panels.bundle.js

@@ -50841,32 +50841,6 @@ const WorkflowRenderer = ({
         ...style2
       },
       children: [
-        result.hasMissingVars && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              padding: "12px 20px",
-              backgroundColor: "#854d0e",
-              borderBottom: `1px solid #ca8a04`,
-              color: "#fef3c7",
-              fontSize: "13px",
-              display: "flex",
-              alignItems: "flex-start",
-              gap: "8px"
-            },
-            children: [
-              /* @__PURE__ */ jsx("span", { style: { fontSize: "16px" }, children: "⚠️" }),
-              /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
-                /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, marginBottom: "4px" }, children: "Incomplete Template Data" }),
-                /* @__PURE__ */ jsxs("div", { style: { fontSize: "12px", opacity: 0.9 }, children: [
-                  "Some template variables could not be resolved. The execution data may be missing expected attributes.",
-                  /* @__PURE__ */ jsx("br", {}),
-                  /* @__PURE__ */ jsx("strong", { children: 'Click "Raw Events" above to see the actual data available.' })
-                ] })
-              ] })
-            ]
-          }
-        ),
         /* @__PURE__ */ jsx(
           "div",
           {
@@ -52739,14 +52713,14 @@ const WorkflowTemplatePanel = ({
 };
 const EMPTY_CANVAS_ARRAY = [];
 const EMPTY_STORYBOARDS_ARRAY = [];
-const EMPTY_EXECUTIONS_ARRAY = [];
+const EMPTY_TEST_TRACES_ARRAY = [];
 const useCanvasData = ({
   context,
   actions
 }) => {
   const [canvases, setCanvases] = useState(EMPTY_CANVAS_ARRAY);
   const [storyboards, setStoryboards] = useState(EMPTY_STORYBOARDS_ARRAY);
-  const [executions, setExecutions] = useState(EMPTY_EXECUTIONS_ARRAY);
+  const [testTraces, setTestTraces] = useState(EMPTY_TEST_TRACES_ARRAY);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const fileTreeSlice = context.getSlice("fileTree");
@@ -52793,7 +52767,7 @@ const useCanvasData = ({
       );
       setCanvases(sortedCanvases);
       setStoryboards(result.storyboards);
-      setExecutions(result.executions);
+      setTestTraces(result.testTraces);
       lastLoadedSha.current = fileTreeSha;
     } catch (err) {
       const errorMessage = err instanceof Error ? err.message : "Failed to load canvases";
@@ -52814,7 +52788,7 @@ const useCanvasData = ({
   return {
     canvases,
     storyboards,
-    executions,
+    testTraces,
     isLoading,
     error,
     refreshCanvases
@@ -53084,7 +53058,7 @@ const WorkflowScenariosPanel = ({
 }) => {
   var _a, _b;
   const { theme } = useTheme$1();
-  const { storyboards, executions } = useCanvasData({ context, actions });
+  const { storyboards, testTraces } = useCanvasData({ context, actions });
   const [state, setState] = useState({
     canvas: null,
     execution: null,
@@ -53204,13 +53178,13 @@ const WorkflowScenariosPanel = ({
     }
   }, []);
   useEffect(() => {
-    if (executions.length > 0 || storyboards.length > 0) {
+    if (testTraces.length > 0 || storyboards.length > 0) {
       const availableNarratives = storyboards.flatMap((sb) => sb.workflows);
       setState((prev) => {
         const currentWorkflow = availableNarratives.find(
           (w) => w.id === prev.selectedWorkflowId
         );
-        const workflowExecutions = (currentWorkflow == null ? void 0 : currentWorkflow.executions) || [];
+        const workflowExecutions = (currentWorkflow == null ? void 0 : currentWorkflow.testTraces) || [];
         const executionScenarioMap = {};
         if (prev.workflowTemplate && workflowExecutions.length > 0) {
           const readFile = actionsRef.current.readFile;
@@ -53245,7 +53219,7 @@ const WorkflowScenariosPanel = ({
         };
       });
     }
-  }, [executions, storyboards]);
+  }, [testTraces, storyboards]);
   useEffect(() => {
     if (selectedCanvasIdProp && canvasPathProp) {
       console.log("[CanvasDetailPanel] Loading canvas from props:", selectedCanvasIdProp, canvasPathProp);
@@ -54638,7 +54612,7 @@ const useCanvasWorkflowData = ({
   const {
     canvases,
     storyboards,
-    executions,
+    testTraces,
     isLoading: canvasesLoading,
     error: canvasesError,
     refreshCanvases
@@ -54718,7 +54692,7 @@ const useCanvasWorkflowData = ({
   return {
     canvases,
     storyboards,
-    executions,
+    testTraces,
     workflows,
     isLoading,
     error,