agentfootprint-lens 0.9.0 → 0.11.0

package/dist/{chunk-TB3TR43S.js → chunk-JMPGAQXS.js}

@@ -1,7 +1,7 @@
 import {
   deriveStages,
   fromAgentSnapshot
-} from "./chunk-R4XZ5FX5.js";
+} from "./chunk-NVS4VYQV.js";
 
 // src/react/Lens.tsx
 import { useEffect as useEffect5, useReducer, useState as useState7 } from "react";
@@ -1793,17 +1793,50 @@ import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-run
 var NODE_POSITIONS = {
   user: { x: 100, y: 20 },
   agent: { x: 100, y: 120 },
-  tool: { x: 100, y: 360 },
-  skill: { x: 320, y: 360 }
+  tool: { x: 100, y: 310 }
 };
 var CONTEXT_NODE_POSITION = { x: 325, y: 120 };
 var TOOLS_NODE_POSITION = { x: -150, y: 120 };
-var AGENT_CONTAINER_BOX = {
-  x: -166,
-  y: 84,
-  width: 707,
-  height: 362
+var SUBAGENT_BOX_WIDTH = 280;
+var SUBAGENT_BOX_HEIGHT = 90;
+var SUBAGENT_GAP = 30;
+var SUBAGENT_X = 100;
+var SUBAGENT_Y_START = 120;
+var NODE_SIZES = {
+  user: { width: 150, height: 70 },
+  agent: { width: 200, height: 190 },
+  tool: { width: 150, height: 70 },
+  context: { width: 200, height: 200 },
+  toolsList: { width: 130, height: 200 }
 };
+function computeAgentContainerBox({
+  showTool,
+  showContext,
+  showTools
+}) {
+  const PADDING = 16;
+  const HEADER_ROOM = 22;
+  const anyAgentSurface = showTool || showContext || showTools;
+  let xMin;
+  let xMax;
+  if (anyAgentSurface) {
+    xMin = TOOLS_NODE_POSITION.x;
+    xMax = CONTEXT_NODE_POSITION.x + NODE_SIZES.context.width;
+  } else {
+    xMin = NODE_POSITIONS.agent.x;
+    xMax = NODE_POSITIONS.agent.x + NODE_SIZES.agent.width;
+  }
+  const yMin = NODE_POSITIONS.agent.y - HEADER_ROOM;
+  const llmBottom = NODE_POSITIONS.agent.y + NODE_SIZES.agent.height;
+  const toolBottom = showTool ? NODE_POSITIONS.tool.y + NODE_SIZES.tool.height : 0;
+  const yMax = Math.max(llmBottom, toolBottom);
+  return {
+    x: xMin - PADDING,
+    y: yMin - PADDING / 2,
+    width: xMax - xMin + PADDING * 2,
+    height: yMax - yMin + PADDING * 2
+  };
+}
 function pickHandles(from, to) {
   if (from === "user" && to === "agent") return { sourceHandle: "b-out", targetHandle: "t-in" };
   if (from === "agent" && to === "user") return { sourceHandle: "t-out", targetHandle: "b-in" };
@@ -1874,6 +1907,33 @@ function StageFlow({
     return s;
   }, [activeStage]);
   const edges = useMemo(() => {
+    const subs = timeline?.subAgents ?? [];
+    if (subs.length > 0) {
+      const out = [];
+      out.push({
+        id: `user\u2192subagent-${subs[0].id}`,
+        source: "user",
+        target: `subagent-${subs[0].id}`,
+        type: "labelled",
+        sourceHandle: "b-out",
+        targetHandle: "t-in",
+        data: { primitive: "message", active: false, isLoop: false, stage: void 0 }
+      });
+      for (let i = 0; i < subs.length - 1; i++) {
+        const a = subs[i];
+        const b = subs[i + 1];
+        out.push({
+          id: `subagent-${a.id}\u2192subagent-${b.id}`,
+          source: `subagent-${a.id}`,
+          target: `subagent-${b.id}`,
+          type: "labelled",
+          sourceHandle: "b-out",
+          targetHandle: "t-in",
+          data: { primitive: "message", active: false, isLoop: false, stage: void 0 }
+        });
+      }
+      return out;
+    }
     const byKey = /* @__PURE__ */ new Map();
     visible.forEach((s) => {
       byKey.set(`${s.from}\u2192${s.to}`, { from: s.from, to: s.to, lastStage: s });
@@ -1899,7 +1959,7 @@ function StageFlow({
         }
       };
     });
-  }, [visible, activeStage]);
+  }, [visible, activeStage, timeline]);
   const toolsRoster = useMemo(() => {
     if (!timeline || !activeStage || activeStage.iterIndex === void 0) return null;
     const turn = timeline.turns[activeStage.turnIndex];
@@ -1949,25 +2009,73 @@ function StageFlow({
     }
     return [...bySource.values()];
   }, [activeInjectionsBySlot]);
+  const isAgentRun = touched.has("tool") || contextSummary.length > 0 || toolsRoster !== null;
+  const subAgents = timeline?.subAgents ?? [];
+  const isMultiAgent = subAgents.length > 0;
   const nodes = useMemo(() => {
-    const containerNode = {
+    if (isMultiAgent) {
+      const userNode = {
+        id: "user",
+        type: "lens",
+        position: NODE_POSITIONS.user,
+        data: {
+          id: "user",
+          active: false,
+          touched: true
+        },
+        draggable: false
+      };
+      const subAgentNodes = subAgents.map((sa, i) => {
+        const turnCount = sa.turns.length;
+        const iterCount = sa.turns.reduce((acc, t2) => acc + t2.iterations.length, 0);
+        const toolCount = sa.tools.length;
+        return {
+          id: `subagent-${sa.id}`,
+          type: "subagent",
+          position: {
+            x: SUBAGENT_X,
+            y: SUBAGENT_Y_START + i * (SUBAGENT_BOX_HEIGHT + SUBAGENT_GAP)
+          },
+          data: {
+            id: sa.id,
+            name: sa.name,
+            turnCount,
+            iterCount,
+            toolCount,
+            // Active when the LAST turn of the LAST sub-agent matches
+            // the focused stage's owner — primitive heuristic until
+            // deriveStages tags stages with sub-agent. For MVP, the
+            // sub-agent at the end of the chain is the "currently
+            // running" one.
+            active: i === subAgents.length - 1
+          },
+          draggable: false
+        };
+      });
+      return [userNode, ...subAgentNodes];
+    }
+    const containerBox = computeAgentContainerBox({
+      showTool: touched.has("tool"),
+      showContext: contextSummary.length > 0,
+      showTools: toolsRoster !== null
+    });
+    const containerNode = isAgentRun ? {
       id: "agent-container",
       type: "agent-container",
-      position: { x: AGENT_CONTAINER_BOX.x, y: AGENT_CONTAINER_BOX.y },
+      position: { x: containerBox.x, y: containerBox.y },
       data: {
         agentName,
-        width: AGENT_CONTAINER_BOX.width,
-        height: AGENT_CONTAINER_BOX.height
+        width: containerBox.width,
+        height: containerBox.height
       },
       draggable: false,
       selectable: false,
-      // ReactFlow renders nodes in array order; the first node is at
-      // the back. zIndex on the wrapper div is also lowered for safety
-      // in case ReactFlow's render order differs across versions.
+      // ReactFlow renders nodes in array order; first node is at
+      // the back. zIndex -1 is belt-and-suspenders.
       zIndex: -1
-    };
+    } : null;
     const base = Object.keys(NODE_POSITIONS).filter((id) => {
-      if (id === "skill") return touched.has("skill");
+      if (id === "tool") return touched.has("tool");
       return true;
     }).map((id) => ({
       id,
@@ -2014,8 +2122,11 @@ function StageFlow({
         draggable: false
       });
     }
-    return [containerNode, ...base];
+    return containerNode ? [containerNode, ...base] : base;
   }, [
+    isAgentRun,
+    isMultiAgent,
+    subAgents,
     activeNodes,
     touched,
     activeStage,
@@ -2031,7 +2142,8 @@ function StageFlow({
       lens: LensNode,
       context: ContextNode,
       "tools-list": ToolsListNode,
-      "agent-container": AgentContainerNode
+      "agent-container": AgentContainerNode,
+      subagent: SubAgentNode
     }),
     []
   );
@@ -2361,6 +2473,98 @@ function AgentContainerNode({ data }) {
     }
   );
 }
+function SubAgentNode({ data }) {
+  const t = useLensTheme();
+  const d = data;
+  const accent = d.active ? t.accent : t.border;
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      style: {
+        width: SUBAGENT_BOX_WIDTH,
+        height: SUBAGENT_BOX_HEIGHT,
+        position: "relative",
+        padding: "12px 14px",
+        borderRadius: 12,
+        background: d.active ? `color-mix(in srgb, ${t.accent} 12%, ${t.bgElev})` : t.bgElev,
+        border: `1.5px dashed ${accent}`,
+        color: t.text,
+        fontFamily: t.fontSans,
+        boxShadow: d.active ? `0 0 16px color-mix(in srgb, ${t.accent} 30%, transparent)` : `0 1px 3px rgba(0,0,0,0.12)`,
+        transition: "background 220ms ease, border-color 220ms ease, box-shadow 220ms ease"
+      },
+      children: [
+        /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: -10,
+              left: 14,
+              padding: "1px 10px",
+              background: t.bg,
+              color: t.textMuted,
+              fontSize: 9,
+              fontWeight: 600,
+              textTransform: "uppercase",
+              letterSpacing: "0.08em",
+              whiteSpace: "nowrap"
+            },
+            children: [
+              "Agent \xB7 ",
+              /* @__PURE__ */ jsx3("span", { style: { color: t.text, fontFamily: t.fontMono }, children: d.name })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 10,
+              marginTop: 4
+            },
+            children: [
+              /* @__PURE__ */ jsx3(NodeIcon, { id: "agent", color: d.active ? t.accent : t.text }),
+              /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column" }, children: [
+                /* @__PURE__ */ jsx3("span", { style: { fontSize: 14, fontWeight: 600, color: t.text }, children: "LLM" }),
+                /* @__PURE__ */ jsx3("span", { style: { fontSize: 10, color: t.textSubtle }, children: "The API call" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: 12,
+              marginTop: 8,
+              fontSize: 10,
+              color: t.textMuted,
+              fontFamily: t.fontMono
+            },
+            children: [
+              /* @__PURE__ */ jsxs3("span", { children: [
+                /* @__PURE__ */ jsx3("strong", { style: { color: t.text }, children: d.iterCount }),
+                " iter",
+                d.iterCount === 1 ? "" : "s"
+              ] }),
+              /* @__PURE__ */ jsxs3("span", { children: [
+                /* @__PURE__ */ jsx3("strong", { style: { color: t.text }, children: d.toolCount }),
+                " tool",
+                d.toolCount === 1 ? "" : "s"
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx3(Handle, { type: "target", position: Position.Top, id: "t-in", style: HANDLE_STYLE }),
+        /* @__PURE__ */ jsx3(Handle, { type: "source", position: Position.Bottom, id: "b-out", style: HANDLE_STYLE })
+      ]
+    }
+  );
+}
 function ContextNode({ data }) {
   const t = useLensTheme();
   const d = data;
@@ -2964,11 +3168,14 @@ function AskCard({ timeline, focusIndex, stages }) {
   const currentTurn = currentStage !== void 0 ? timeline.turns[currentStage.turnIndex] : timeline.turns[0];
   const currentIter = currentStage?.iterIndex !== void 0 ? currentTurn?.iterations.find((it) => it.index === currentStage.iterIndex) : void 0;
   const currentTool = currentStage?.toolName && currentIter ? currentIter.toolCalls.find((tc) => tc.name === currentStage.toolName) : void 0;
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       "data-fp-lens": "ask-card",
       style: {
+        // Match the StageFlow's height (parent grid cell sets the
+        // height; we fill it). Internal sections handle their own
+        // scroll so the card itself never exceeds the cell.
         display: "flex",
         flexDirection: "column",
         gap: 12,
@@ -2976,133 +3183,136 @@ function AskCard({ timeline, focusIndex, stages }) {
         background: t.bg,
         fontFamily: t.fontSans,
         color: t.text,
-        overflow: "auto"
+        // `100%` + `minHeight: 0` lets nested flex children (the
+        // markdown blob in Agent Reasoning, etc.) decide their own
+        // overflow behavior without forcing the whole card to grow.
+        height: "100%",
+        minHeight: 0,
+        overflow: "hidden"
       },
-      children: [
-        /* @__PURE__ */ jsxs5("section", { children: [
-          /* @__PURE__ */ jsx5(Label3, { t, children: "Your question" }),
-          /* @__PURE__ */ jsx5(
-            "div",
-            {
-              style: {
-                marginTop: 4,
-                padding: "10px 12px",
-                background: `color-mix(in srgb, ${t.accent} 12%, ${t.bgElev})`,
-                border: `1px solid ${t.border}`,
-                borderRadius: 6,
-                fontSize: 13,
-                lineHeight: 1.5
-              },
-              children: currentTurn?.userPrompt ?? "No question yet."
-            }
-          )
-        ] }),
-        currentStage && /* @__PURE__ */ jsxs5("section", { children: [
-          /* @__PURE__ */ jsxs5(Label3, { t, children: [
-            "Step ",
-            focusIndex + 1,
-            " / ",
-            stages.length
-          ] }),
-          !(currentTool && currentStage.from === "tool") && /* @__PURE__ */ jsx5("div", { style: { marginTop: 4, fontSize: 13, color: t.text, lineHeight: 1.5 }, children: currentStage.label }),
-          /* @__PURE__ */ jsxs5(
-            "div",
-            {
-              style: {
-                marginTop: 8,
-                display: "flex",
-                gap: 6,
-                flexWrap: "wrap",
-                fontSize: 10,
-                color: t.textSubtle
-              },
-              children: [
-                /* @__PURE__ */ jsx5(Pill, { t, children: primitivePill(currentStage) }),
-                /* @__PURE__ */ jsxs5(Pill, { t, children: [
-                  friendlyNode(currentStage.from),
-                  " \u2192 ",
-                  friendlyNode(currentStage.to)
-                ] }),
-                currentStage.toolName && /* @__PURE__ */ jsx5(Pill, { t, children: currentStage.toolName })
-              ]
-            }
-          )
-        ] }),
-        (() => {
-          const iterInjections = currentIter?.contextInjections ?? [];
-          if (iterInjections.length > 0) {
-            return /* @__PURE__ */ jsxs5("section", { children: [
-              /* @__PURE__ */ jsx5(Label3, { t, children: "Context injected" }),
-              /* @__PURE__ */ jsx5(InjectionTags, { injections: iterInjections, t })
-            ] });
-          }
-          const turnInjections = currentTurn?.contextInjections ?? [];
-          if (turnInjections.length === 0) return null;
-          return /* @__PURE__ */ jsxs5("section", { children: [
-            /* @__PURE__ */ jsx5(Label3, { t, children: "Context engineered this turn" }),
-            /* @__PURE__ */ jsx5(InjectionTags, { injections: turnInjections, t, dedupeBySource: true })
-          ] });
-        })(),
-        currentStage?.from === "agent" && currentIter?.assistantContent && /* @__PURE__ */ jsxs5("section", { children: [
-          /* @__PURE__ */ jsx5(Label3, { t, children: "Agent reasoning" }),
-          /* @__PURE__ */ jsx5(
-            "div",
-            {
-              style: {
-                marginTop: 4,
-                padding: "10px 12px",
-                background: t.bgElev,
-                border: `1px solid ${t.border}`,
-                borderLeft: `3px solid ${t.accent}`,
-                borderRadius: 6,
-                fontSize: 12,
-                lineHeight: 1.55,
-                whiteSpace: "pre-wrap",
-                maxHeight: 220,
-                overflow: "auto"
-              },
-              children: currentIter.assistantContent
-            }
-          )
-        ] }),
-        currentTool && /* @__PURE__ */ jsxs5("section", { children: [
-          /* @__PURE__ */ jsx5(Label3, { t, children: currentStage?.to === "tool" ? "Arguments" : "Tool returned" }),
-          /* @__PURE__ */ jsx5(
-            "pre",
-            {
-              style: {
-                marginTop: 4,
-                padding: "8px 10px",
-                background: t.bgElev,
-                border: `1px solid ${t.border}`,
-                borderRadius: 6,
-                fontSize: 11,
-                fontFamily: t.fontMono,
-                color: currentTool.error ? t.error : t.text,
-                whiteSpace: "pre-wrap",
-                maxHeight: 180,
-                overflow: "auto",
-                margin: 0
-              },
-              children: currentStage?.to === "tool" ? JSON.stringify(currentTool.arguments, null, 2) : currentTool.result
-            }
-          )
-        ] }),
-        timeline.turns.length > 1 && /* @__PURE__ */ jsxs5("section", { children: [
-          /* @__PURE__ */ jsx5(Label3, { t, children: "Conversation" }),
-          /* @__PURE__ */ jsxs5("div", { style: { marginTop: 4, fontSize: 12, color: t.textMuted, lineHeight: 1.5 }, children: [
-            timeline.turns.length,
-            " question",
-            timeline.turns.length === 1 ? "" : "s",
-            " so far \xB7",
-            " ",
-            timeline.tools.length,
-            " tool call",
-            timeline.tools.length === 1 ? "" : "s",
-            " total"
-          ] })
-        ] })
-      ]
+      children: /* @__PURE__ */ jsxs5(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: 12,
+            flex: "1 1 0",
+            minHeight: 0,
+            overflow: "auto",
+            // Narrow scrollbar so it doesn't steal width from content.
+            scrollbarWidth: "thin",
+            scrollbarGutter: "stable"
+          },
+          children: [
+            currentStage && /* @__PURE__ */ jsxs5("section", { children: [
+              /* @__PURE__ */ jsxs5(Label3, { t, children: [
+                "Step ",
+                focusIndex + 1,
+                " / ",
+                stages.length
+              ] }),
+              !(currentTool && currentStage.from === "tool") && /* @__PURE__ */ jsx5("div", { style: { marginTop: 4, fontSize: 13, color: t.text, lineHeight: 1.5 }, children: currentStage.label }),
+              /* @__PURE__ */ jsxs5(
+                "div",
+                {
+                  style: {
+                    marginTop: 8,
+                    display: "flex",
+                    gap: 6,
+                    flexWrap: "wrap",
+                    fontSize: 10,
+                    color: t.textSubtle
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx5(Pill, { t, children: primitivePill(currentStage) }),
+                    /* @__PURE__ */ jsxs5(Pill, { t, children: [
+                      friendlyNode(currentStage.from),
+                      " \u2192 ",
+                      friendlyNode(currentStage.to)
+                    ] }),
+                    currentStage.toolName && /* @__PURE__ */ jsx5(Pill, { t, children: currentStage.toolName })
+                  ]
+                }
+              )
+            ] }),
+            (() => {
+              const iterInjections = currentIter?.contextInjections ?? [];
+              if (iterInjections.length > 0) {
+                return /* @__PURE__ */ jsxs5("section", { children: [
+                  /* @__PURE__ */ jsx5(Label3, { t, children: "Context injected" }),
+                  /* @__PURE__ */ jsx5(InjectionTags, { injections: iterInjections, t })
+                ] });
+              }
+              const turnInjections = currentTurn?.contextInjections ?? [];
+              if (turnInjections.length === 0) return null;
+              return /* @__PURE__ */ jsxs5("section", { children: [
+                /* @__PURE__ */ jsx5(Label3, { t, children: "Context engineered this turn" }),
+                /* @__PURE__ */ jsx5(InjectionTags, { injections: turnInjections, t, dedupeBySource: true })
+              ] });
+            })(),
+            currentStage?.from === "agent" && currentIter?.assistantContent && /* @__PURE__ */ jsxs5("section", { children: [
+              /* @__PURE__ */ jsx5(Label3, { t, children: "Agent reasoning" }),
+              /* @__PURE__ */ jsx5(
+                "div",
+                {
+                  style: {
+                    marginTop: 4,
+                    padding: "10px 12px",
+                    background: t.bgElev,
+                    border: `1px solid ${t.border}`,
+                    borderLeft: `3px solid ${t.accent}`,
+                    borderRadius: 6,
+                    fontSize: 12,
+                    lineHeight: 1.55,
+                    whiteSpace: "pre-wrap",
+                    maxHeight: 220,
+                    overflow: "auto"
+                  },
+                  children: currentIter.assistantContent
+                }
+              )
+            ] }),
+            currentTool && /* @__PURE__ */ jsxs5("section", { children: [
+              /* @__PURE__ */ jsx5(Label3, { t, children: currentStage?.to === "tool" ? "Arguments" : "Tool returned" }),
+              /* @__PURE__ */ jsx5(
+                "pre",
+                {
+                  style: {
+                    marginTop: 4,
+                    padding: "8px 10px",
+                    background: t.bgElev,
+                    border: `1px solid ${t.border}`,
+                    borderRadius: 6,
+                    fontSize: 11,
+                    fontFamily: t.fontMono,
+                    color: currentTool.error ? t.error : t.text,
+                    whiteSpace: "pre-wrap",
+                    maxHeight: 180,
+                    overflow: "auto",
+                    margin: 0
+                  },
+                  children: currentStage?.to === "tool" ? JSON.stringify(currentTool.arguments, null, 2) : currentTool.result
+                }
+              )
+            ] }),
+            timeline.turns.length > 1 && /* @__PURE__ */ jsxs5("section", { children: [
+              /* @__PURE__ */ jsx5(Label3, { t, children: "Conversation" }),
+              /* @__PURE__ */ jsxs5("div", { style: { marginTop: 4, fontSize: 12, color: t.textMuted, lineHeight: 1.5 }, children: [
+                timeline.turns.length,
+                " question",
+                timeline.turns.length === 1 ? "" : "s",
+                " so far \xB7",
+                " ",
+                timeline.tools.length,
+                " tool call",
+                timeline.tools.length === 1 ? "" : "s",
+                " total"
+              ] })
+            ] })
+          ]
+        }
+      )
     }
   );
 }
@@ -4288,18 +4498,34 @@ function Lens({
   const autoLens = useLiveTimeline();
   const [, bumpSnapshot] = useReducer((x) => x + 1, 0);
   useEffect5(() => {
-    if (!runnerProp?.observe) return;
+    if (!runnerProp) return;
     autoLens.reset();
+    const onTurnComplete = () => bumpSnapshot();
+    if (runnerProp.attachRecorder) {
+      const detachRecorder = runnerProp.attachRecorder(autoLens.recorder);
+      const stopObserve = runnerProp.observe?.((event) => {
+        const type = event && typeof event === "object" ? event.type : void 0;
+        if (type === "turn_end" || type === "agentfootprint.agent.turn_complete") {
+          onTurnComplete();
+        }
+        bumpSnapshot();
+      });
+      return () => {
+        detachRecorder();
+        stopObserve?.();
+      };
+    }
+    if (!runnerProp.observe) return;
     const stop = runnerProp.observe((event) => {
       autoLens.ingest(event);
       const type = event && typeof event === "object" ? event.type : void 0;
       if (type === "turn_end" || type === "agentfootprint.agent.turn_complete") {
-        bumpSnapshot();
+        onTurnComplete();
       }
     });
     return stop;
   }, [runnerProp]);
-  const usingRunner = !!runnerProp?.observe;
+  const usingRunner = !!runnerProp?.observe || !!runnerProp?.attachRecorder;
   const resolvedTimeline = usingRunner ? autoLens.timeline : timeline;
   const resolvedSnapshot = usingRunner ? runnerProp?.getSnapshot?.() ?? null : runtimeSnapshot ?? null;
   const resolvedNarrative = usingRunner ? runnerProp?.getNarrativeEntries?.() : narrativeEntries;
@@ -5131,4 +5357,4 @@ export {
   ToolCallInspector,
   useLens
 };
-//# sourceMappingURL=chunk-TB3TR43S.js.map
+//# sourceMappingURL=chunk-JMPGAQXS.js.map