@industry-theme/principal-view-panels 0.1.54 → 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,CAumC9D,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",
     {
@@ -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,
@@ -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",
                 {