@industry-theme/principal-view-panels 0.1.53 → 0.1.55

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

@@ -1 +1 @@
-{"version":3,"file":"ExecutionViewerPanel.d.ts","sourceRoot":"","sources":["../../src/panels/ExecutionViewerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAuB/E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,WAAW,CAAC;AA4B3C;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsmC9D,CAAC"}
+{"version":3,"file":"ExecutionViewerPanel.d.ts","sourceRoot":"","sources":["../../src/panels/ExecutionViewerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAuB/E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,WAAW,CAAC;AA4B3C;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgkC9D,CAAC"}

package/dist/panels.bundle.js

@@ -50847,8 +50847,8 @@ const TestEventPanel = ({
   const timeline = useMemo(() => {
     if (!currentSpan) return [];
     const items = [
-      // Span events
-      ...currentSpan.events.slice(0, currentEventIndex + 1).map((event) => ({
+      // Span events - show ALL events, not just up to currentEventIndex
+      ...currentSpan.events.map((event) => ({
         type: "event",
         time: event.time,
         name: event.name,
@@ -50865,7 +50865,7 @@ const TestEventPanel = ({
       }))
     ].sort((a, b) => a.time - b.time);
     return items;
-  }, [currentSpan, currentEventIndex, logs]);
+  }, [currentSpan, logs]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -51317,17 +51317,17 @@ const TestEventPanel = ({
 };
 const EXECUTION_FILE_PATTERNS = [
   // Packages monorepo pattern: packages/core/__executions__/api-tests.spans.json
-  /^packages\/([^/]+)\/__executions__\/(.+)\.(?:spans|execution|events)\.json$/,
+  /^packages\/([^/]+)\/__executions__\/(.+)\.(?:spans|execution|events|otel)\.json$/,
   // Inside .principal-views: .principal-views/__executions__/graph-converter.spans.json
-  /^\.principal-views\/__executions__\/(.+)\.(?:spans|execution|events)\.json$/,
+  /^\.principal-views\/__executions__\/(.+)\.(?:spans|execution|events|otel)\.json$/,
   // Direct __executions__ folder: __executions__/test-run.spans.json
-  /^__executions__\/(.+)\.(?:spans|execution|events)\.json$/
+  /^__executions__\/(.+)\.(?:spans|execution|events|otel)\.json$/
 ];
 function getExecutionNameFromFilename(filename) {
-  return filename.replace(/\.(?:spans|execution|events)\.json$/, "").split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+  return filename.replace(/\.(?:spans|execution|events|otel)\.json$/, "").split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
 }
 function getCanvasBasename(filename) {
-  return filename.replace(/\.(?:spans|execution|events)\.json$/, "");
+  return filename.replace(/\.(?:spans|execution|events|otel)\.json$/, "");
 }
 class ExecutionLoader {
   /**
@@ -52892,10 +52892,10 @@ const ExecutionViewerPanel = ({
       events.off("custom", handleEvent);
     };
   }, [events, loadCanvas]);
-  const handlePlayPause = useCallback(() => {
+  useCallback(() => {
     setState((prev) => ({ ...prev, isPlaying: !prev.isPlaying }));
   }, []);
-  const handleReset = useCallback(() => {
+  useCallback(() => {
     setState((prev) => ({
       ...prev,
       isPlaying: false,
@@ -53026,10 +53026,10 @@ const ExecutionViewerPanel = ({
           /* @__PURE__ */ jsx("h2", { style: { margin: "0 0 10px 0", fontSize: "18px", fontWeight: 600 }, children: "No Canvas Files Found" }),
           /* @__PURE__ */ jsxs("p", { style: { margin: "0 0 20px 0", color: theme.colors.textSecondary, lineHeight: 1.5 }, children: [
             "Execution artifacts should be saved to ",
-            /* @__PURE__ */ jsx("code", { children: "__executions__/*.spans.json" }),
-            " or",
+            /* @__PURE__ */ jsx("code", { children: "__executions__/*.otel.json" }),
+            " (or *.spans.json, *.execution.json, *.events.json) or",
             " ",
-            /* @__PURE__ */ jsx("code", { children: "packages/*/__executions__/*.spans.json" })
+            /* @__PURE__ */ jsx("code", { children: "packages/*/__executions__/" })
           ] }),
           /* @__PURE__ */ jsxs(
             "div",
@@ -53049,7 +53049,7 @@ const ExecutionViewerPanel = ({
                   "exportExecutionArtifact(canvas, spans, ",
                   "{"
                 ] }),
-                /* @__PURE__ */ jsx("div", { children: "  outputPath: '__executions__/my-test.spans.json'" }),
+                /* @__PURE__ */ jsx("div", { children: "  outputPath: '__executions__/my-test.otel.json'" }),
                 /* @__PURE__ */ jsxs("div", { children: [
                   "}",
                   ");"
@@ -53512,49 +53512,6 @@ const ExecutionViewerPanel = ({
                   children: /* @__PURE__ */ jsx(Grid3x3, { size: 14 })
                 }
               ),
-              state.execution && /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    onClick: handleReset,
-                    style: {
-                      padding: "6px 10px",
-                      background: "#2a2a2a",
-                      border: "1px solid #3a3a3a",
-                      borderRadius: "4px",
-                      color: "#fff",
-                      cursor: "pointer",
-                      display: "flex",
-                      alignItems: "center",
-                      gap: "4px"
-                    },
-                    title: "Reset",
-                    children: /* @__PURE__ */ jsx(RotateCcw, { size: 14 })
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    onClick: handlePlayPause,
-                    style: {
-                      padding: "6px 10px",
-                      background: state.isPlaying ? "#ef4444" : "#10b981",
-                      border: "none",
-                      borderRadius: "4px",
-                      color: "#fff",
-                      cursor: "pointer",
-                      display: "flex",
-                      alignItems: "center",
-                      gap: "4px",
-                      fontWeight: 600
-                    },
-                    children: [
-                      state.isPlaying ? /* @__PURE__ */ jsx(Pause, { size: 14 }) : /* @__PURE__ */ jsx(Play, { size: 14 }),
-                      state.isPlaying ? "Pause" : "Play"
-                    ]
-                  }
-                )
-              ] }),
               state.canvas && !state.execution && state.availableNarratives.length === 0 && /* @__PURE__ */ jsx("div", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsxs(
                 "button",
                 {
@@ -53634,8 +53591,9 @@ const ExecutionViewerPanel = ({
                     },
                     children: [
                       /* @__PURE__ */ jsx("div", { children: "# Save execution artifacts to:" }),
-                      /* @__PURE__ */ jsx("div", { style: { marginTop: "4px" }, children: "__executions__/*.spans.json" }),
-                      /* @__PURE__ */ jsx("div", { children: "packages/*/__executions__/*.spans.json" })
+                      /* @__PURE__ */ jsx("div", { style: { marginTop: "4px" }, children: "__executions__/*.otel.json" }),
+                      /* @__PURE__ */ jsx("div", { children: "packages/*/__executions__/*.otel.json" }),
+                      /* @__PURE__ */ jsx("div", { style: { color: "#888", fontSize: "10px", marginTop: "4px" }, children: "# Also supports: *.spans.json, *.execution.json, *.events.json" })
                     ]
                   }
                 ),