@industry-theme/principal-view-panels 0.4.50 → 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/panels/SkillInstallation.stories.d.ts +2 -1
- package/dist/panels/SkillInstallation.stories.d.ts.map +1 -1
- package/dist/panels/StoryboardListPanel.d.ts.map +1 -1
- package/dist/panels/WorkflowScenariosPanel.d.ts +10 -16
- package/dist/panels/WorkflowScenariosPanel.d.ts.map +1 -1
- package/dist/panels/WorkflowScenariosPanel.stories.d.ts +3 -3
- package/dist/panels/WorkflowScenariosPanel.stories.d.ts.map +1 -1
- package/dist/panels.bundle.js +258 -287
- package/dist/panels.bundle.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import type { WorkflowTemplate } from '@principal-ai/principal-view-core';
|
|
3
4
|
/**
|
|
4
5
|
* Skill Installation - Multi-Agent Telemetry
|
|
5
6
|
*
|
|
@@ -25,7 +26,7 @@ declare const meta: {
|
|
|
25
26
|
canvasFileInfo?: (import("@principal-ai/repository-abstraction").FileInfo | null) | undefined;
|
|
26
27
|
selectedWorkflowId?: string | null | undefined;
|
|
27
28
|
workflowPath?: string | null | undefined;
|
|
28
|
-
workflowTemplate?: (
|
|
29
|
+
workflowTemplate?: (WorkflowTemplate | null) | undefined;
|
|
29
30
|
workflowFileInfo?: (import("@principal-ai/repository-abstraction").FileInfo | null) | undefined;
|
|
30
31
|
context: import("@principal-ade/panel-framework-core").PanelContextValue;
|
|
31
32
|
actions: import("@principal-ade/panel-framework-core").PanelActions;
|
|
@@ -1 +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;
|
|
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;AAK1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE1E;;;;;GAKG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;CAsBqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0UnC;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAqDpC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StoryboardListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/StoryboardListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAS/E;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"StoryboardListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/StoryboardListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAS/E;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsiB7D,CAAC"}
|
|
@@ -8,42 +8,36 @@ export type ViewMode = 'raw' | 'narrative' | 'summary';
|
|
|
8
8
|
*/
|
|
9
9
|
export interface WorkflowScenariosPanelProps extends PanelComponentProps {
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
12
|
-
* If provided, this takes precedence over events.
|
|
13
|
-
* This allows the host to control panel state via props instead of events.
|
|
11
|
+
* Canvas ID to display (optional - can be controlled via props or events).
|
|
14
12
|
*/
|
|
15
13
|
selectedCanvasId?: string | null;
|
|
16
14
|
/**
|
|
17
|
-
*
|
|
18
|
-
* If provided along with selectedCanvasId, the panel will load this canvas immediately.
|
|
15
|
+
* Path to the .canvas file (optional).
|
|
19
16
|
*/
|
|
20
17
|
canvasPath?: string | null;
|
|
21
18
|
/**
|
|
22
|
-
*
|
|
19
|
+
* Canvas name for display (optional).
|
|
23
20
|
*/
|
|
24
21
|
canvasName?: string | null;
|
|
25
22
|
/**
|
|
26
|
-
*
|
|
23
|
+
* Canvas file info with metadata (optional).
|
|
27
24
|
* Used for detecting file changes and auto-reloading.
|
|
28
25
|
*/
|
|
29
26
|
canvasFileInfo?: FileInfo | null;
|
|
30
27
|
/**
|
|
31
|
-
*
|
|
32
|
-
* If provided, the panel will display this narrative without showing the selector UI.
|
|
28
|
+
* Workflow ID to display (optional - but recommended for proper workflow display).
|
|
33
29
|
*/
|
|
34
30
|
selectedWorkflowId?: string | null;
|
|
35
31
|
/**
|
|
36
|
-
*
|
|
37
|
-
* Provided when a specific narrative is selected from the canvas list.
|
|
32
|
+
* Path to the workflow file (optional).
|
|
38
33
|
*/
|
|
39
34
|
workflowPath?: string | null;
|
|
40
35
|
/**
|
|
41
|
-
*
|
|
42
|
-
* If provided along with selectedWorkflowId, the panel will use this template directly.
|
|
36
|
+
* Workflow template with scenarios and steps (optional - but panel requires this to display workflows).
|
|
43
37
|
*/
|
|
44
38
|
workflowTemplate?: WorkflowTemplate | null;
|
|
45
39
|
/**
|
|
46
|
-
*
|
|
40
|
+
* Workflow file info with metadata (optional).
|
|
47
41
|
* Used for detecting workflow file changes and auto-reloading.
|
|
48
42
|
*/
|
|
49
43
|
workflowFileInfo?: FileInfo | null;
|
|
@@ -51,8 +45,8 @@ export interface WorkflowScenariosPanelProps extends PanelComponentProps {
|
|
|
51
45
|
/**
|
|
52
46
|
* Workflow Scenarios Panel
|
|
53
47
|
*
|
|
54
|
-
* Displays
|
|
55
|
-
*
|
|
48
|
+
* Displays a specific workflow's scenarios overlaid on a canvas diagram, with execution artifacts and playback controls.
|
|
49
|
+
* Requires both a canvas and workflow to be specified via props.
|
|
56
50
|
*/
|
|
57
51
|
export declare const WorkflowScenariosPanel: React.FC<WorkflowScenariosPanelProps>;
|
|
58
52
|
//# sourceMappingURL=WorkflowScenariosPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WorkflowScenariosPanel.d.ts","sourceRoot":"","sources":["../../src/panels/WorkflowScenariosPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAG/E,OAAO,KAAK,EAAuD,gBAAgB,EAAoC,MAAM,mCAAmC,CAAC;AAEjK,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,2BAA4B,SAAQ,mBAAmB;IACtE
|
|
1
|
+
{"version":3,"file":"WorkflowScenariosPanel.d.ts","sourceRoot":"","sources":["../../src/panels/WorkflowScenariosPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAG/E,OAAO,KAAK,EAAuD,gBAAgB,EAAoC,MAAM,mCAAmC,CAAC;AAEjK,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,2BAA4B,SAAQ,mBAAmB;IACtE;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEjC;;OAEG;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;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEnC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAE3C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CACpC;AA6BD;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAwtCxE,CAAC"}
|
|
@@ -2,14 +2,14 @@ import type { StoryObj } from '@storybook/react-vite';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import type { WorkflowTemplate } from '@principal-ai/principal-view-core';
|
|
4
4
|
/**
|
|
5
|
-
* WorkflowScenariosPanel -
|
|
5
|
+
* WorkflowScenariosPanel - OTEL Execution Visualizer
|
|
6
6
|
*
|
|
7
7
|
* Visualizes OpenTelemetry execution artifacts from tests overlaid on canvas architecture diagrams.
|
|
8
|
-
* Demonstrates the complete workflow: Canvas
|
|
8
|
+
* Demonstrates the complete workflow: Canvas Narrative Templates Test Execution Visual Debugging
|
|
9
9
|
*
|
|
10
10
|
* ## Key Features:
|
|
11
11
|
* - **Event-to-Node Mapping**: Automatically highlights canvas nodes as events play back
|
|
12
|
-
* - **Clickable
|
|
12
|
+
* - **Clickable Narratives**: Click workflow steps to highlight corresponding canvas nodes
|
|
13
13
|
* - **Scenario Matching**: Multiple workflow scenarios (success, error, timeout) matched to execution data
|
|
14
14
|
* - **Test Playback**: Step through execution timeline with automatic node highlighting
|
|
15
15
|
*
|
|
@@ -1 +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;AA0wBnC;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,
|
|
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;AA0wBnC;;;;;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;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAwDrC,CAAC"}
|