@industry-theme/principal-view-panels 0.12.17 → 0.12.18

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,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAI5D,OAAO,KAAK,EAAyE,gBAAgB,EAAoC,MAAM,mCAAmC,CAAC;AAKnL,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AA6BrE;;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;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAE3C;;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,QAAQ,GAAG,IAAI,CAAC;IAEnC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;QAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC,CAAC;IAEH;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAw9B9D,CAAC"}
+{"version":3,"file":"CanvasEditorPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasEditorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAI5D,OAAO,KAAK,EAAyE,gBAAgB,EAAoC,MAAM,mCAAmC,CAAC;AAKnL,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AA8BrE;;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;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAE3C;;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,QAAQ,GAAG,IAAI,CAAC;IAEnC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;QAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC,CAAC;IAEH;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAq/B9D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"EventCarousel.d.ts","sourceRoot":"","sources":["../../../src/panels/execution-viewer/EventCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAmB,MAAM,mCAAmC,CAAC;AAKtG,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,oCAAoC;IACpC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,iEAAiE;IACjE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,0EAA0E;IAC1E,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;IACrD,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,sEAAsE;IACtE,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+atD,CAAC"}
+{"version":3,"file":"EventCarousel.d.ts","sourceRoot":"","sources":["../../../src/panels/execution-viewer/EventCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAmB,MAAM,mCAAmC,CAAC;AAKtG,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,oCAAoC;IACpC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,iEAAiE;IACjE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,0EAA0E;IAC1E,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;IACrD,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,sEAAsE;IACtE,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2ZtD,CAAC"}

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

@@ -13,6 +13,7 @@ interface ScenariosListProps {
     onExecutionSelect?: (executionId: string) => void;
     onScenarioHover?: (eventNames: string[] | null) => void;
     onScenarioClick?: (scenarioId: string, scenario: WorkflowScenario) => void;
+    onScenarioDoubleClick?: (scenarioId: string, scenario: WorkflowScenario) => void;
     /** Match info from the current trace (for decorating scenarios) */
     traceMatchInfo?: ScenarioMatchInfo[];
     /** Currently selected scenario ID */

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

@@ -1 +1 @@
-{"version":3,"file":"ScenariosList.d.ts","sourceRoot":"","sources":["../../../src/panels/execution-viewer/ScenariosList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,mCAAmC,CAAC;AAE3C,UAAU,iBAAiB;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,UAAU,kBAAkB;IAC1B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,mBAAmB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC5C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3E,mEAAmE;IACnE,cAAc,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACrC,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoKtD,CAAC"}
+{"version":3,"file":"ScenariosList.d.ts","sourceRoot":"","sources":["../../../src/panels/execution-viewer/ScenariosList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,mCAAmC,CAAC;AAE3C,UAAU,iBAAiB;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,UAAU,kBAAkB;IAC1B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,mBAAmB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC5C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3E,qBAAqB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjF,mEAAmE;IACnE,cAAc,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACrC,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4KtD,CAAC"}

package/dist/panels.bundle.js

@@ -93752,6 +93752,7 @@ const ScenariosList = ({
   onExecutionSelect: _onExecutionSelect,
   onScenarioHover,
   onScenarioClick,
+  onScenarioDoubleClick,
   traceMatchInfo = [],
   selectedScenarioId
 }) => {
@@ -93762,6 +93763,11 @@ const ScenariosList = ({
       onScenarioClick(scenarioId, scenario);
     }
   };
+  const handleScenarioDoubleClick = (scenarioId, scenario) => {
+    if (onScenarioDoubleClick) {
+      onScenarioDoubleClick(scenarioId, scenario);
+    }
+  };
   const getScenarioEventNames = (scenario) => {
     const eventNames = [];
     if (scenario.template.events) {
@@ -93805,6 +93811,7 @@ const ScenariosList = ({
               "div",
               {
                 onClick: () => handleScenarioClick(scenarioId, scenario),
+                onDoubleClick: () => handleScenarioDoubleClick(scenarioId, scenario),
                 style: {
                   padding: "12px 12px 12px 20px",
                   cursor: "pointer",
@@ -94042,7 +94049,7 @@ const EventCarousel = ({
     return parsed.segments;
   }, [traceEventMap]);
   const totalEvents = eventEntries.length;
-  const currentEntry = eventEntries[currentEventIndex];
+  eventEntries[currentEventIndex];
   const handlePrev = useCallback(() => {
     if (currentEventIndex > 0) {
       const newIndex = currentEventIndex - 1;
@@ -94079,20 +94086,6 @@ const EventCarousel = ({
       }
     }
   }, [currentEventIndex, totalEvents, onEventIndexChange, onEventClick, eventEntries]);
-  useEffect(() => {
-    if (onEventClick && currentEntry) {
-      const [eventName] = currentEntry;
-      const syntheticEvent = {
-        name: eventName,
-        timestamp: 0,
-        type: "span",
-        spanId: "preview",
-        traceId: "preview",
-        attributes: {}
-      };
-      onEventClick(syntheticEvent, currentEventIndex);
-    }
-  }, [scenario.id]);
   useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "ArrowLeft") {
@@ -94130,15 +94123,10 @@ const EventCarousel = ({
         display: "flex",
         flexDirection: "column",
         backgroundColor: theme2.colors.backgroundSecondary,
-        borderTop: isExpanded ? "none" : `1px solid ${theme2.colors.border}`,
+        borderTop: `1px solid ${theme2.colors.border}`,
         flexShrink: 0,
-        height: isExpanded ? "100%" : "200px",
-        position: isExpanded ? "absolute" : "relative",
-        top: isExpanded ? 0 : void 0,
-        left: isExpanded ? 0 : void 0,
-        right: isExpanded ? 0 : void 0,
-        bottom: isExpanded ? 0 : void 0,
-        zIndex: isExpanded ? 10 : void 0
+        height: isExpanded ? "50%" : "200px",
+        minHeight: isExpanded ? "200px" : "200px"
       },
       children: [
         /* @__PURE__ */ jsxs(
@@ -94514,7 +94502,8 @@ const CanvasEditorPanel = ({
     selectedScenario: null,
     hoveredScenarioEventNames: null,
     currentEventIndex: 0,
-    highlightedNodeId: null
+    highlightedNodeId: null,
+    focusedNodeId: null
   });
   const [shouldFitToNodes, setShouldFitToNodes] = useState(false);
   const [fitCounter, setFitCounter] = useState(0);
@@ -94642,18 +94631,39 @@ const CanvasEditorPanel = ({
       selectedScenarioId: scenarioId,
       selectedScenario: scenario,
       currentEventIndex: 0,
-      highlightedNodeId: null
+      highlightedNodeId: null,
+      focusedNodeId: null
+      // null so fitViewToNodeIds uses activeNodeIds (all scenario nodes)
     }));
     setIsCarouselExpanded(true);
     setFitCounter((c2) => c2 + 1);
     setShouldFitToNodes(true);
   }, []);
+  const handleScenarioDoubleClick = useCallback((scenarioId, scenario) => {
+    setState((prev) => {
+      var _a2;
+      const eventNames = ((_a2 = scenario.template) == null ? void 0 : _a2.events) ? Object.keys(scenario.template.events) : [];
+      const firstEventName = eventNames[0];
+      const firstNodeId = firstEventName ? mapEventToNodeId({ name: firstEventName, attributes: {} }, prev.canvas) : null;
+      return {
+        ...prev,
+        selectedScenarioId: scenarioId,
+        selectedScenario: scenario,
+        currentEventIndex: 0,
+        highlightedNodeId: null,
+        focusedNodeId: firstNodeId
+      };
+    });
+    setIsCarouselExpanded(false);
+    setFitCounter((c2) => c2 + 1);
+    setShouldFitToNodes(true);
+  }, []);
   const handleNarrativeEventClick = useCallback((event, eventIndex) => {
     setState((prev) => {
       const nodeId = mapEventToNodeId({ name: event.name, time: Number(event.timestamp) || 0, attributes: event.attributes }, prev.canvas);
       return {
         ...prev,
-        highlightedNodeId: nodeId,
+        focusedNodeId: nodeId,
         currentEventIndex: eventIndex
       };
     });
@@ -94666,7 +94676,8 @@ const CanvasEditorPanel = ({
       selectedScenario: null,
       selectedScenarioId: null,
       currentEventIndex: 0,
-      highlightedNodeId: null
+      highlightedNodeId: null,
+      focusedNodeId: null
     }));
     setIsCarouselExpanded(false);
   }, []);
@@ -94739,8 +94750,8 @@ const CanvasEditorPanel = ({
   }, [state.canvas, state.hoveredScenarioEventNames, state.selectedScenario, getNodeEventName]);
   const fitViewToNodeIds = useMemo(() => {
     var _a2;
-    if (shouldFitToNodes && state.highlightedNodeId) {
-      return [state.highlightedNodeId];
+    if (state.focusedNodeId) {
+      return [state.focusedNodeId];
     }
     if (activeNodeIds && activeNodeIds.length > 0) {
       return [...activeNodeIds];
@@ -94749,7 +94760,7 @@ const CanvasEditorPanel = ({
       return state.canvas.nodes.map((n) => n.id);
     }
     return void 0;
-  }, [shouldFitToNodes, activeNodeIds, (_a = state.canvas) == null ? void 0 : _a.nodes, state.highlightedNodeId, fitCounter]);
+  }, [shouldFitToNodes, activeNodeIds, (_a = state.canvas) == null ? void 0 : _a.nodes, state.focusedNodeId, fitCounter]);
   useEffect(() => {
     if (shouldFitToNodes) {
       const timer2 = setTimeout(() => setShouldFitToNodes(false), 300);
@@ -94768,6 +94779,7 @@ const CanvasEditorPanel = ({
         selectedScenario: null,
         hoveredScenarioEventNames: null,
         highlightedNodeId: null,
+        focusedNodeId: null,
         currentEventIndex: 0
       }));
       setIsCarouselExpanded(false);
@@ -95029,13 +95041,14 @@ const CanvasEditorPanel = ({
       {
         theme: theme2,
         collapsed: !workflowTemplate,
-        showCollapseButton: !!workflowTemplate,
+        showCollapseButton: false,
         leftPanel: workflowTemplate ? /* @__PURE__ */ jsx("div", { style: { height: "100%", overflow: "hidden", background: theme2.colors.background }, children: /* @__PURE__ */ jsx(
           ScenariosList,
           {
             workflowTemplate,
             onScenarioHover: handleScenarioHover,
             onScenarioClick: handleScenarioClick,
+            onScenarioDoubleClick: handleScenarioDoubleClick,
             selectedScenarioId: state.selectedScenarioId ?? void 0,
             traceMatchInfo
           }