@industry-theme/principal-view-panels 0.11.2 → 0.11.3
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/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/panels/CanvasEditorPanel.d.ts +2 -2
- package/dist/panels/CanvasEditorPanel.d.ts.map +1 -1
- package/dist/panels/StoryboardListPanel.d.ts +2 -2
- package/dist/panels/StoryboardListPanel.d.ts.map +1 -1
- package/dist/panels/TraceListPanel.d.ts +2 -2
- package/dist/panels/TraceListPanel.d.ts.map +1 -1
- package/dist/panels/WorkflowScenariosPanel.d.ts +2 -2
- package/dist/panels/WorkflowScenariosPanel.d.ts.map +1 -1
- package/dist/panels.bundle.js +11 -20
- package/dist/panels.bundle.js.map +1 -1
- package/dist/types/index.d.ts +61 -0
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -15,8 +15,9 @@ export type { TraceExpansionProps } from './components/TraceExpansion';
|
|
|
15
15
|
/**
|
|
16
16
|
* Export array of panel definitions.
|
|
17
17
|
* This is the required export for panel extensions.
|
|
18
|
+
* Using generic types for v0.4.2+ typed actions and context.
|
|
18
19
|
*/
|
|
19
|
-
export declare const panels: PanelDefinition[];
|
|
20
|
+
export declare const panels: PanelDefinition<any, any>[];
|
|
20
21
|
/**
|
|
21
22
|
* Optional: Called once when the entire package is loaded.
|
|
22
23
|
* Use this for package-level initialization.
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAIlE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,YAAY,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,YAAY,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,YAAY,EAAE,aAAa,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAItG,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3F,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAEvE
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAIlE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,YAAY,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,YAAY,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,YAAY,EAAE,aAAa,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAItG,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3F,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAEvE;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,EA+G7C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC;AAEF;;;GAGG;AACH,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAC/B,aAAa,EACb,aAAa,EACb,gBAAgB,GACjB,MAAM,SAAS,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { CanvasEditorPanelPropsTyped } from '../types';
|
|
3
3
|
import type { FileInfo } from '@principal-ai/repository-abstraction';
|
|
4
4
|
/**
|
|
5
5
|
* Props for CanvasEditorPanel
|
|
6
6
|
*/
|
|
7
|
-
export interface CanvasEditorPanelProps extends
|
|
7
|
+
export interface CanvasEditorPanelProps extends CanvasEditorPanelPropsTyped {
|
|
8
8
|
/**
|
|
9
9
|
* Canvas path to load (relative to repository root).
|
|
10
10
|
*/
|
|
@@ -1 +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,
|
|
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,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAS5D,OAAO,KAAK,EAAE,QAAQ,EAAY,MAAM,sCAAsC,CAAC;AAmB/E;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE;;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,CAquB9D,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { StoryboardListPanelPropsTyped } from '../types';
|
|
3
3
|
/**
|
|
4
4
|
* StoryboardListPanel - A panel for displaying storyboards from the discovery system
|
|
5
5
|
*
|
|
@@ -12,5 +12,5 @@ import type { PanelComponentProps } from '@principal-ade/panel-framework-core';
|
|
|
12
12
|
* Uses the new storyboard discovery system from @principal-ai/principal-view-core@0.15.1+
|
|
13
13
|
* Storyboards are provided directly by the discovery system, no transformation needed.
|
|
14
14
|
*/
|
|
15
|
-
export declare const StoryboardListPanel: React.FC<
|
|
15
|
+
export declare const StoryboardListPanel: React.FC<StoryboardListPanelPropsTyped>;
|
|
16
16
|
//# sourceMappingURL=StoryboardListPanel.d.ts.map
|
|
@@ -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,
|
|
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,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAqE9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAgtBvE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { TraceListPanelPropsTyped } from '../types';
|
|
3
3
|
/**
|
|
4
4
|
* TraceListPanel - Panel for displaying OpenTelemetry traces
|
|
5
5
|
*
|
|
@@ -13,5 +13,5 @@ import type { PanelComponentProps } from '@principal-ade/panel-framework-core';
|
|
|
13
13
|
* - 'library:resources-updated' when resources are saved
|
|
14
14
|
* - Custom event with 'openWorkflowScenarios' action when a workflow from version registry is clicked
|
|
15
15
|
*/
|
|
16
|
-
export declare const TraceListPanel: React.FC<
|
|
16
|
+
export declare const TraceListPanel: React.FC<TraceListPanelPropsTyped>;
|
|
17
17
|
//# sourceMappingURL=TraceListPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TraceListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TraceListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"TraceListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TraceListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAgBzD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAm2B7D,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { WorkflowScenariosPanelPropsTyped } from '../types';
|
|
3
3
|
import type { WorkflowTemplate } from '@principal-ai/principal-view-core';
|
|
4
4
|
import type { FileInfo } from '@principal-ai/repository-abstraction';
|
|
5
5
|
export type ViewMode = 'raw' | 'narrative' | 'summary';
|
|
6
6
|
/**
|
|
7
7
|
* Props for WorkflowScenariosPanel
|
|
8
8
|
*/
|
|
9
|
-
export interface WorkflowScenariosPanelProps extends
|
|
9
|
+
export interface WorkflowScenariosPanelProps extends WorkflowScenariosPanelPropsTyped {
|
|
10
10
|
/**
|
|
11
11
|
* Canvas ID to display (optional - can be controlled via props or events).
|
|
12
12
|
*/
|
|
@@ -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,
|
|
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,gCAAgC,EAAE,MAAM,UAAU,CAAC;AAGjE,OAAO,KAAK,EAAuD,gBAAgB,EAAoC,MAAM,mCAAmC,CAAC;AAEjK,OAAO,KAAK,EAAY,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAkB/E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;AA8LvD;;GAEG;AACH,MAAM,WAAW,2BAA4B,SAAQ,gCAAgC;IACnF;;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;AA+BD;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAs2CxE,CAAC"}
|
package/dist/panels.bundle.js
CHANGED
|
@@ -91396,7 +91396,7 @@ const CanvasEditorPanel = ({
|
|
|
91396
91396
|
const skipNextFileChangeRef = useRef(false);
|
|
91397
91397
|
const canvasFileTimestampRef = useRef(null);
|
|
91398
91398
|
const fileTreeSha = React2__default.useMemo(() => {
|
|
91399
|
-
const slice = context.
|
|
91399
|
+
const slice = context.fileTree;
|
|
91400
91400
|
const data = slice == null ? void 0 : slice.data;
|
|
91401
91401
|
return (data == null ? void 0 : data.sha) || null;
|
|
91402
91402
|
}, [context]);
|
|
@@ -97064,7 +97064,7 @@ const WorkflowScenariosPanel = ({
|
|
|
97064
97064
|
}) => {
|
|
97065
97065
|
const { theme: theme2 } = useTheme();
|
|
97066
97066
|
const { storyboards, testTraces } = useCanvasData({ context, actions });
|
|
97067
|
-
const telemetrySlice = context.
|
|
97067
|
+
const telemetrySlice = context.telemetry;
|
|
97068
97068
|
const allLiveTraces = useMemo(() => (telemetrySlice == null ? void 0 : telemetrySlice.data) || [], [telemetrySlice == null ? void 0 : telemetrySlice.data]);
|
|
97069
97069
|
const liveTraces = useMemo(() => {
|
|
97070
97070
|
if (!selectedWorkflowIdProp) return allLiveTraces;
|
|
@@ -99042,9 +99042,9 @@ const StoryboardListPanel = ({
|
|
|
99042
99042
|
const [cliCommandCopied, setCliCommandCopied] = useState(false);
|
|
99043
99043
|
const [canvasTypeFilter, setCanvasTypeFilter] = useState("otel");
|
|
99044
99044
|
const { storyboards, workflows, testTraces, isLoading, error } = useCanvasWorkflowData({ context, actions });
|
|
99045
|
-
const fileTreeSlice = context.
|
|
99045
|
+
const fileTreeSlice = context.fileTree;
|
|
99046
99046
|
const fileTreeData = fileTreeSlice == null ? void 0 : fileTreeSlice.data;
|
|
99047
|
-
const gitSlice = context.
|
|
99047
|
+
const gitSlice = context.git;
|
|
99048
99048
|
const gitStatusData = useMemo(() => {
|
|
99049
99049
|
const gitStatus = gitSlice == null ? void 0 : gitSlice.data;
|
|
99050
99050
|
return convertGitStatusToFileStatus(gitStatus);
|
|
@@ -100845,9 +100845,9 @@ const TraceListPanel = ({
|
|
|
100845
100845
|
const [activeTab, setActiveTab] = useState("traces");
|
|
100846
100846
|
const [selectedSchematicNodeId, setSelectedSchematicNodeId] = useState(null);
|
|
100847
100847
|
const [workflowFilterMode, setWorkflowFilterMode] = useState("all");
|
|
100848
|
-
const telemetrySlice = context.
|
|
100848
|
+
const telemetrySlice = context.telemetry;
|
|
100849
100849
|
const traces = React2__default.useMemo(() => (telemetrySlice == null ? void 0 : telemetrySlice.data) || [], [telemetrySlice == null ? void 0 : telemetrySlice.data]);
|
|
100850
|
-
const schematicsSlice = context.
|
|
100850
|
+
const schematicsSlice = context.schematics;
|
|
100851
100851
|
const versionSnapshots = (schematicsSlice == null ? void 0 : schematicsSlice.data) || [];
|
|
100852
100852
|
const schematicsLoading = (schematicsSlice == null ? void 0 : schematicsSlice.loading) || false;
|
|
100853
100853
|
const traceWorkflowsSet = React2__default.useMemo(() => {
|
|
@@ -100887,7 +100887,7 @@ const TraceListPanel = ({
|
|
|
100887
100887
|
setConfigLoading(false);
|
|
100888
100888
|
return;
|
|
100889
100889
|
}
|
|
100890
|
-
const fileTreeSlice = context.
|
|
100890
|
+
const fileTreeSlice = context.fileTree;
|
|
100891
100891
|
const fileTree = fileTreeSlice == null ? void 0 : fileTreeSlice.data;
|
|
100892
100892
|
if (!fileTree) {
|
|
100893
100893
|
setConfigError("File tree not available");
|
|
@@ -102070,15 +102070,12 @@ const panels = [
|
|
|
102070
102070
|
},
|
|
102071
102071
|
component: CanvasEditorPanel,
|
|
102072
102072
|
// Optional: Called when this specific panel is mounted
|
|
102073
|
-
onMount: async (
|
|
102073
|
+
onMount: async (_context) => {
|
|
102074
102074
|
var _a;
|
|
102075
102075
|
console.log(
|
|
102076
102076
|
"Canvas Editor Panel mounted",
|
|
102077
|
-
(_a =
|
|
102077
|
+
(_a = _context.currentScope.repository) == null ? void 0 : _a.path
|
|
102078
102078
|
);
|
|
102079
|
-
if (context.hasSlice("fileTree") && !context.isSliceLoading("fileTree")) {
|
|
102080
|
-
await context.refresh("repository", "fileTree");
|
|
102081
|
-
}
|
|
102082
102079
|
},
|
|
102083
102080
|
// Optional: Called when this specific panel is unmounted
|
|
102084
102081
|
onUnmount: async (_context) => {
|
|
@@ -102102,9 +102099,6 @@ const panels = [
|
|
|
102102
102099
|
"Workflow Scenarios Panel mounted",
|
|
102103
102100
|
(_a = context.currentScope.repository) == null ? void 0 : _a.path
|
|
102104
102101
|
);
|
|
102105
|
-
if (context.hasSlice("fileTree") && !context.isSliceLoading("fileTree")) {
|
|
102106
|
-
await context.refresh("repository", "fileTree");
|
|
102107
|
-
}
|
|
102108
102102
|
},
|
|
102109
102103
|
onUnmount: async (_context) => {
|
|
102110
102104
|
console.log("Workflow Scenarios Panel unmounting");
|
|
@@ -102121,15 +102115,12 @@ const panels = [
|
|
|
102121
102115
|
slices: ["fileTree"]
|
|
102122
102116
|
},
|
|
102123
102117
|
component: StoryboardListPanel,
|
|
102124
|
-
onMount: async (
|
|
102118
|
+
onMount: async (_context) => {
|
|
102125
102119
|
var _a;
|
|
102126
102120
|
console.log(
|
|
102127
102121
|
"Storyboard List Panel mounted",
|
|
102128
|
-
(_a =
|
|
102122
|
+
(_a = _context.currentScope.repository) == null ? void 0 : _a.path
|
|
102129
102123
|
);
|
|
102130
|
-
if (context.hasSlice("fileTree") && !context.isSliceLoading("fileTree")) {
|
|
102131
|
-
await context.refresh("repository", "fileTree");
|
|
102132
|
-
}
|
|
102133
102124
|
},
|
|
102134
102125
|
onUnmount: async (_context) => {
|
|
102135
102126
|
console.log("Storyboard List Panel unmounting");
|