@almadar/ui 5.65.0 → 5.67.0

package/dist/components/index.cjs

@@ -10190,7 +10190,8 @@ function IsometricCanvas({
     const minX = Math.min(...allScreenPos.map((p2) => p2.x));
     const maxX = Math.max(...allScreenPos.map((p2) => p2.x + scaledTileWidth));
     const minY = Math.min(...allScreenPos.map((p2) => p2.y));
-    const maxY = Math.max(...allScreenPos.map((p2) => p2.y + scaledTileHeight));
+    const tileBottomExtent = tileLayout === "hex" ? scaledTileWidth : scaledTileHeight;
+    const maxY = Math.max(...allScreenPos.map((p2) => p2.y + tileBottomExtent));
     const worldW = maxX - minX;
     const worldH = maxY - minY;
     const scaleM = Math.min(mW / worldW, mH / worldH) * 0.9;
@@ -10282,7 +10283,7 @@ function IsometricCanvas({
           const drawW = scaledTileWidth;
           const drawH = scaledTileWidth * (img.naturalHeight / img.naturalWidth);
           const drawX = pos.x;
-          const drawY = pos.y + scaledTileHeight - drawH;
+          const drawY = tileLayout === "hex" ? pos.y : pos.y + scaledTileHeight - drawH;
           ctx.drawImage(img, drawX, drawY, drawW, drawH);
         }
       } else {
@@ -20583,6 +20584,8 @@ var init_ChartLegend = __esm({
 function ChoiceButton({
   text = "Charge forward into the fray",
   index,
+  assetUrl,
+  icon,
   disabled = false,
   selected = false,
   onClick,
@@ -20615,6 +20618,23 @@ function ChoiceButton({
             ]
           }
         ),
+        assetUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: assetUrl,
+            alt: "",
+            width: 16,
+            height: 16,
+            style: { imageRendering: "pixelated", objectFit: "contain" },
+            className: "flex-shrink-0"
+          }
+        ) : icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 text-sm", children: typeof icon === "string" ? (() => {
+          const I = resolveIcon(icon);
+          return I ? /* @__PURE__ */ jsxRuntime.jsx(I, { className: "w-4 h-4" }) : null;
+        })() : /* @__PURE__ */ (() => {
+          const I = icon;
+          return /* @__PURE__ */ jsxRuntime.jsx(I, { className: "w-4 h-4" });
+        })() }) : null,
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm leading-snug", children: text })
       ]
     }
@@ -20623,6 +20643,7 @@ function ChoiceButton({
 var init_ChoiceButton = __esm({
   "components/game/atoms/ChoiceButton.tsx"() {
     init_cn();
+    init_Icon();
     ChoiceButton.displayName = "ChoiceButton";
   }
 });
@@ -28736,6 +28757,7 @@ function PowerupSlots({
       /* @__PURE__ */ jsxRuntime.jsx(
         ItemSlot,
         {
+          assetUrl: powerup.assetUrl,
           icon: powerup.icon,
           label: powerup.label,
           rarity: "uncommon",
@@ -28985,13 +29007,26 @@ function HealthPanel({
             )
           }
         ),
-        effects && effects.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "flex items-center gap-1 flex-wrap", children: effects.map((effect, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        effects && effects.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "flex items-center gap-1 flex-wrap", children: effects.map((effect, i) => /* @__PURE__ */ jsxRuntime.jsxs(
           exports.Badge,
           {
             variant: effectVariantMap[effect.variant ?? "neutral"],
             size: "sm",
-            icon: effect.icon,
-            children: effect.label
+            icon: effect.assetUrl ? void 0 : effect.icon,
+            children: [
+              effect.assetUrl && /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  src: effect.assetUrl,
+                  alt: "",
+                  width: 12,
+                  height: 12,
+                  style: { imageRendering: "pixelated", objectFit: "contain" },
+                  className: "flex-shrink-0 inline-block"
+                }
+              ),
+              effect.label
+            ]
           },
           i
         )) })
@@ -29238,15 +29273,28 @@ function TurnPanel({
             activeTeam
           }
         ),
-        actions && actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "flex items-center gap-1.5 ml-auto", children: actions.map((action, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        actions && actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "flex items-center gap-1.5 ml-auto", children: actions.map((action, i) => /* @__PURE__ */ jsxRuntime.jsxs(
           exports.Button,
           {
             variant: "ghost",
             size: "sm",
             disabled: action.disabled,
-            leftIcon: action.icon,
+            leftIcon: action.assetUrl ? void 0 : action.icon,
             onClick: () => handleAction(action.event),
-            children: action.label
+            children: [
+              action.assetUrl && /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  src: action.assetUrl,
+                  alt: "",
+                  width: 14,
+                  height: 14,
+                  style: { imageRendering: "pixelated", objectFit: "contain" },
+                  className: "flex-shrink-0"
+                }
+              ),
+              action.label
+            ]
           },
           i
         )) })
@@ -31006,13 +31054,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect83, useRef: useRef83, useCallback: useCallback127, useState: useState112 } = React79__namespace.default;
+      const { useEffect: useEffect84, useRef: useRef83, useCallback: useCallback128, useState: useState114 } = React79__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus3 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
         const prevRef = useRef83({ centerLat, centerLng, zoom });
-        useEffect83(() => {
+        useEffect84(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -31023,7 +31071,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect83(() => {
+        useEffect84(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -31051,8 +31099,8 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus3();
-        const [clickedPosition, setClickedPosition] = useState112(null);
-        const handleMapClick = useCallback127((lat, lng) => {
+        const [clickedPosition, setClickedPosition] = useState114(null);
+        const handleMapClick = useCallback128((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -31061,7 +31109,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback127((marker) => {
+        const handleMarkerClick = useCallback128((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -44512,9 +44560,9 @@ var init_GameCanvas3D2 = __esm({
             const color = unit.faction === "player" ? 4491519 : unit.faction === "enemy" ? 16729156 : 16777028;
             const hasAtlas = unitAtlasUrl(unit) !== null;
             const initialFrame = hasAtlas ? resolveUnitFrame(unit.id) : null;
-            const modelScale = UNIT_BASE_MODEL_SCALE * unitScale;
-            const billboardHeight = UNIT_BASE_BILLBOARD_HEIGHT * unitScale;
-            const primitiveRadius = UNIT_BASE_PRIMITIVE_RADIUS * unitScale;
+            const modelScale = UNIT_BASE_MODEL_SCALE * unitScale * gridConfig.cellSize;
+            const billboardHeight = UNIT_BASE_BILLBOARD_HEIGHT * unitScale * gridConfig.cellSize;
+            const primitiveRadius = UNIT_BASE_PRIMITIVE_RADIUS * unitScale * gridConfig.cellSize;
             return /* @__PURE__ */ jsxRuntime.jsxs(
               "group",
               {
@@ -44561,7 +44609,7 @@ var init_GameCanvas3D2 = __esm({
                       /* @__PURE__ */ jsxRuntime.jsx("meshStandardMaterial", { color })
                     ] })
                   ] }),
-                  unit.health !== void 0 && unit.maxHealth !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("group", { position: [0, 1.2, 0], children: [
+                  unit.health !== void 0 && unit.maxHealth !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("group", { position: [0, billboardHeight, 0], children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("mesh", { position: [-0.25, 0, 0], children: [
                       /* @__PURE__ */ jsxRuntime.jsx("planeGeometry", { args: [0.5, 0.05] }),
                       /* @__PURE__ */ jsxRuntime.jsx("meshBasicMaterial", { color: 3355443 })
@@ -44590,7 +44638,7 @@ var init_GameCanvas3D2 = __esm({
               }
             );
           },
-          [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale]
+          [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale, gridConfig]
         );
         const DefaultFeatureRenderer = React79.useCallback(
           ({
@@ -44678,7 +44726,7 @@ var init_GameCanvas3D2 = __esm({
               {
                 ref: containerRef,
                 className: cn("game-canvas-3d relative w-full overflow-hidden", className),
-                style: { height: "85vh" },
+                style: { flex: "1 1 0", minHeight: "400px" },
                 "data-orientation": orientation,
                 "data-camera-mode": cameraMode,
                 "data-overlay": overlay,
@@ -44978,13 +45026,39 @@ var init_GameBoard3D = __esm({
     GameBoard3D.displayName = "GameBoard3D";
   }
 });
-exports.GameShell = void 0;
+function getSlotContentRenderer() {
+  if (_scr) return _scr;
+  const mod = (init_UISlotRenderer(), __toCommonJS(UISlotRenderer_exports));
+  _scr = mod.SlotContentRenderer;
+  return _scr;
+}
+function resolveDescriptor(value, idPrefix) {
+  if (value === null || value === void 0) return value;
+  if (React79__namespace.default.isValidElement(value)) return value;
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return value;
+  if (Array.isArray(value)) {
+    return value.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(React79__namespace.default.Fragment, { children: resolveDescriptor(item, `${idPrefix}-${i}`) }, i));
+  }
+  if (typeof value === "object") {
+    const rec = value;
+    if (typeof rec.type === "string" && patterns.getComponentForPattern(rec.type) !== null) {
+      const { type, props: nestedProps, _id, ...flatProps } = rec;
+      const resolvedProps = nestedProps !== void 0 ? nestedProps : flatProps;
+      const content = { id: _id ?? idPrefix, pattern: type, props: resolvedProps, priority: 0 };
+      const SCR = getSlotContentRenderer();
+      return /* @__PURE__ */ jsxRuntime.jsx(SCR, { content, onDismiss: () => void 0 });
+    }
+  }
+  return null;
+}
+var _scr; exports.GameShell = void 0;
 var init_GameShell = __esm({
   "components/game/templates/GameShell.tsx"() {
     init_cn();
     init_Box();
     init_Stack();
     init_Typography();
+    _scr = null;
     exports.GameShell = ({
       appName = "Game",
       hud,
@@ -45033,7 +45107,7 @@ var init_GameShell = __esm({
                       children: appName
                     }
                   ),
-                  hud && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "game-shell__hud", children: hud })
+                  hud && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "game-shell__hud", children: resolveDescriptor(hud, "gs-hud") })
                 ]
               }
             ),
@@ -45046,7 +45120,7 @@ var init_GameShell = __esm({
                   overflow: "hidden",
                   position: "relative"
                 },
-                children
+                children: resolveDescriptor(children, "gs-children")
               }
             )
           ]
@@ -45056,7 +45130,32 @@ var init_GameShell = __esm({
     exports.GameShell.displayName = "GameShell";
   }
 });
-exports.GameTemplate = void 0;
+function getSlotContentRenderer2() {
+  if (_scr2) return _scr2;
+  const mod = (init_UISlotRenderer(), __toCommonJS(UISlotRenderer_exports));
+  _scr2 = mod.SlotContentRenderer;
+  return _scr2;
+}
+function resolveDescriptor2(value, idPrefix) {
+  if (value === null || value === void 0) return value;
+  if (React79__namespace.default.isValidElement(value)) return value;
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return value;
+  if (Array.isArray(value)) {
+    return value.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(React79__namespace.default.Fragment, { children: resolveDescriptor2(item, `${idPrefix}-${i}`) }, i));
+  }
+  if (typeof value === "object") {
+    const rec = value;
+    if (typeof rec.type === "string" && patterns.getComponentForPattern(rec.type) !== null) {
+      const { type, props: nestedProps, _id, ...flatProps } = rec;
+      const resolvedProps = nestedProps !== void 0 ? nestedProps : flatProps;
+      const content = { id: _id ?? idPrefix, pattern: type, props: resolvedProps, priority: 0 };
+      const SCR = getSlotContentRenderer2();
+      return /* @__PURE__ */ jsxRuntime.jsx(SCR, { content, onDismiss: () => void 0 });
+    }
+  }
+  return null;
+}
+var _scr2; exports.GameTemplate = void 0;
 var init_GameTemplate = __esm({
   "components/game/templates/GameTemplate.tsx"() {
     init_cn();
@@ -45064,6 +45163,7 @@ var init_GameTemplate = __esm({
     init_Stack();
     init_Typography();
     init_Button();
+    _scr2 = null;
     exports.GameTemplate = ({
       entity,
       title = "Game",
@@ -45131,13 +45231,13 @@ var init_GameTemplate = __esm({
                   fullWidth: true,
                   className: "flex-1 bg-muted",
                   children: [
-                    children,
+                    resolveDescriptor2(children, "gt-children"),
                     hud && /* @__PURE__ */ jsxRuntime.jsx(
                       exports.Box,
                       {
                         position: "absolute",
                         className: "top-0 left-0 right-0 pointer-events-none",
-                        children: /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { padding: "md", className: "pointer-events-auto w-fit", children: hud })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { padding: "md", className: "pointer-events-auto w-fit", children: resolveDescriptor2(hud, "gt-hud") })
                       }
                     )
                   ]
@@ -45162,7 +45262,7 @@ var init_GameTemplate = __esm({
                       children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h6", children: "Debug Panel" })
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { padding: "md", children: debugPanel })
+                  /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { padding: "md", children: resolveDescriptor2(debugPanel, "gt-debug") })
                 ]
               }
             )
@@ -54221,7 +54321,7 @@ function getSlotFallback(slot, config) {
   const variant = SLOT_SKELETON_MAP[slot] ?? "text";
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { variant });
 }
-function getComponentForPattern(patternType) {
+function getComponentForPattern3(patternType) {
   const mapping = patterns.getComponentForPattern(patternType);
   if (!mapping) {
     return null;
@@ -54852,7 +54952,8 @@ function SlotContentRenderer({
       entityDef = schemaCtx.entities.get(linkedEntity);
     }
   }
-  const PatternComponent = getComponentForPattern(content.pattern);
+  const orbitalName = schemaCtx && content.sourceTrait !== void 0 ? schemaCtx.orbitalsByTrait.get(content.sourceTrait) : void 0;
+  const PatternComponent = getComponentForPattern3(content.pattern);
   if (PatternComponent) {
     const childrenConfig = content.props.children;
     const isSingleChild = typeof childrenConfig === "string" || typeof childrenConfig === "object" && childrenConfig !== null && !Array.isArray(childrenConfig) && "type" in childrenConfig;
@@ -54950,6 +55051,7 @@ function SlotContentRenderer({
         "data-orb-entity": content.entity,
         "data-orb-path": myPath,
         "data-orb-pattern": content.pattern,
+        "data-orb-orbital": orbitalName,
         children: renderedChildren !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(PatternComponent, { ...finalProps, children: renderedChildren }) : /* @__PURE__ */ jsxRuntime.jsx(PatternComponent, { ...finalProps })
       }
     );
@@ -54969,6 +55071,7 @@ function SlotContentRenderer({
       "data-orb-entity": content.entity,
       "data-orb-path": patternPath ?? "root",
       "data-orb-pattern": content.pattern,
+      "data-orb-orbital": orbitalName,
       children: content.props.children ?? /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "p-4 text-sm text-muted-foreground border border-dashed border-border rounded", children: [
         "Unknown pattern: ",
         content.pattern,
@@ -55138,7 +55241,7 @@ function TraitFrame({
   if (!content) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback });
   }
-  const SlotContentRenderer2 = getSlotContentRenderer();
+  const SlotContentRenderer2 = getSlotContentRenderer3();
   const rendered = /* @__PURE__ */ jsxRuntime.jsx(
     SlotContentRenderer2,
     {
@@ -55152,7 +55255,7 @@ function TraitFrame({
   }
   return /* @__PURE__ */ jsxRuntime.jsx(providers.TraitScopeProvider, { orbital, trait: traitName, children: rendered });
 }
-function getSlotContentRenderer() {
+function getSlotContentRenderer3() {
   if (_slotContentRenderer) return _slotContentRenderer;
   const mod = (init_UISlotRenderer(), __toCommonJS(UISlotRenderer_exports));
   _slotContentRenderer = mod.SlotContentRenderer;
@@ -56228,6 +56331,1023 @@ init_CaseStudyOrganism();
 init_CodeRunnerPanel();
 init_SegmentRenderer();
 
+// components/core/organisms/ChatBar.tsx
+init_Box();
+init_Stack();
+init_Typography();
+init_Button();
+init_Badge();
+init_Icon();
+init_Textarea();
+init_useEventBus();
+
+// components/core/organisms/trace-edit-focus.ts
+var ELEMENT_SELECTED_EVENT = "UI:ELEMENT_SELECTED";
+var EDIT_FOCUS_LEVELS = /* @__PURE__ */ new Set([
+  "node",
+  "slot",
+  "field",
+  "effect",
+  "trait",
+  "page",
+  "orbital"
+]);
+function asString(v) {
+  return typeof v === "string" ? v : void 0;
+}
+function asLevel(v) {
+  if (typeof v === "string" && EDIT_FOCUS_LEVELS.has(v)) {
+    return v;
+  }
+  return "node";
+}
+function isEventPayload(v) {
+  return v !== null && v !== void 0 && typeof v === "object" && !Array.isArray(v) && !(v instanceof Date);
+}
+function parseEditFocus(value) {
+  if (!isEventPayload(value)) return null;
+  const payload = value;
+  const orbital = asString(payload.orbital);
+  if (orbital === void 0 || orbital.length === 0) return null;
+  const focus = {
+    level: asLevel(payload.level),
+    orbital,
+    label: asString(payload.label) ?? orbital
+  };
+  const trait = asString(payload.trait);
+  if (trait !== void 0) focus.trait = trait;
+  const transition = asString(payload.transition);
+  if (transition !== void 0) focus.transition = transition;
+  const state = asString(payload.state);
+  if (state !== void 0) focus.state = state;
+  const slot = asString(payload.slot);
+  if (slot !== void 0) focus.slot = slot;
+  const path = asString(payload.path);
+  if (path !== void 0) focus.path = path;
+  const patternType = asString(payload.patternType);
+  if (patternType !== void 0) focus.patternType = patternType;
+  const entity = asString(payload.entity);
+  if (entity !== void 0) focus.entity = entity;
+  const source = asString(payload.source);
+  if (source !== void 0) focus.source = source;
+  return focus;
+}
+function getJepaBadgeVariant(probability) {
+  if (probability >= 0.9) return "success";
+  if (probability >= 0.5) return "warning";
+  return "danger";
+}
+function ChatBar({
+  status = "idle",
+  activeGate,
+  jepaValidity,
+  placeholder,
+  context,
+  className
+}) {
+  const { t } = hooks.useTranslate();
+  const eventBus = useEventBus();
+  const [inputValue, setInputValue] = React79.useState("");
+  const [focus, setFocus] = React79.useState(null);
+  const clearFocus = React79.useCallback(() => {
+    setFocus(null);
+    eventBus.emit(ELEMENT_SELECTED_EVENT, { focus: null });
+  }, [eventBus]);
+  const handleKeyDown = React79.useCallback((e) => {
+    if (e.key !== "Enter" || e.shiftKey) return;
+    const trimmed = inputValue.trim();
+    if (!trimmed) return;
+    e.preventDefault();
+    eventBus.emit("UI:CHAT_SEND", { message: trimmed });
+  }, [inputValue, eventBus]);
+  React79.useEffect(() => {
+    const unsubSend = eventBus.on("UI:CHAT_SEND", () => {
+      setInputValue("");
+      setFocus(null);
+    });
+    const unsubSelect = eventBus.on(ELEMENT_SELECTED_EVENT, (e) => {
+      setFocus(parseEditFocus(e.payload?.focus));
+    });
+    return () => {
+      unsubSend();
+      unsubSelect();
+    };
+  }, [eventBus]);
+  const trailingAction = status === "error" ? /* @__PURE__ */ jsxRuntime.jsxs(exports.Button, { variant: "secondary", size: "sm", action: "RETRY_GENERATION", className: "rounded-none flex-shrink-0 h-auto", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "refresh-cw", size: "xs" }),
+    /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", children: t("openFile.retry") })
+  ] }) : status === "running" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      exports.Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        action: "PAUSE",
+        title: t("chatBar.pauseTheAgentYouCanEdit"),
+        className: "rounded-none flex-shrink-0 h-auto",
+        children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "pause", size: "xs" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      exports.Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        action: "STOP",
+        title: t("chatBar.cancelGeneration"),
+        className: "rounded-none flex-shrink-0 h-auto border-l border-[var(--color-border)]",
+        children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "square", size: "xs" })
+      }
+    )
+  ] }) : status === "paused" ? /* @__PURE__ */ jsxRuntime.jsxs(
+    exports.Button,
+    {
+      variant: "primary",
+      size: "sm",
+      action: "RESUME",
+      title: t("chatBar.resumeTheAgentYourCanvasEdits"),
+      className: "rounded-none flex-shrink-0 h-auto",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "play", size: "xs" }),
+        /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", children: t("chatBar.resume") })
+      ]
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    exports.Button,
+    {
+      variant: "primary",
+      size: "sm",
+      action: "CHAT_SEND",
+      actionPayload: { message: inputValue.trim() },
+      disabled: !inputValue.trim(),
+      "aria-label": t("chatBar.sendMessage"),
+      className: "rounded-none flex-shrink-0 h-auto",
+      children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "send", size: "xs" })
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: `border-t border-[var(--color-border)] bg-[var(--color-card)] ${className ?? ""}`, children: [
+    focus && /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { gap: "xs", className: "items-center px-4 pt-2", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.Badge, { variant: "secondary", size: "sm", className: "flex items-center gap-1 max-w-full", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "mouse-pointer-2", size: "xs" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", className: "text-inherit truncate", children: [
+        t("chatBar.editing"),
+        ": ",
+        focus.label
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        exports.Box,
+        {
+          onClick: clearFocus,
+          title: t("chatBar.clearSelection"),
+          className: "cursor-pointer flex items-center ml-1 hover:opacity-70",
+          children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "x", size: "xs" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "items-center px-4 py-2", children: [
+      context && /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "primary", size: "sm", className: "whitespace-nowrap flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-inherit", children: context }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "flex-1 min-w-0 flex items-stretch rounded-[var(--radius-md)] border border-[var(--color-border)] bg-[var(--color-background)] focus-within:border-[var(--color-primary)] overflow-hidden", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          exports.Textarea,
+          {
+            value: inputValue,
+            placeholder: placeholder ?? t("chatBar.askTheAgentAnything"),
+            onChange: (e) => setInputValue(e.target.value),
+            onKeyDown: handleKeyDown,
+            rows: 1,
+            className: "flex-1 min-w-0 min-h-0 text-sm border-0 rounded-none shadow-none bg-transparent resize-none focus:ring-0"
+          }
+        ),
+        trailingAction
+      ] }),
+      (activeGate || jepaValidity !== void 0) && /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center flex-shrink-0", children: [
+        activeGate && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "whitespace-nowrap", children: activeGate }),
+        jepaValidity !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: getJepaBadgeVariant(jepaValidity), size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", className: "text-inherit", children: [
+          (jepaValidity * 100).toFixed(1),
+          "%"
+        ] }) })
+      ] })
+    ] })
+  ] });
+}
+ChatBar.displayName = "ChatBar";
+
+// components/core/organisms/SubagentTracePanel.tsx
+init_Box();
+init_Stack();
+init_Typography();
+init_Badge();
+init_Icon();
+init_Button();
+init_Modal();
+init_Accordion();
+
+// components/core/molecules/markdown/index.ts
+init_MarkdownContent();
+init_CodeBlock();
+function groupByOrbital(subagents) {
+  const map = /* @__PURE__ */ new Map();
+  for (const sub of subagents) {
+    const key = sub.orbitalName ?? "(unattached)";
+    const arr = map.get(key) ?? [];
+    arr.push(sub);
+    map.set(key, arr);
+  }
+  return map;
+}
+function statusIconName(status) {
+  switch (status) {
+    case "running":
+      return "loader";
+    case "complete":
+      return "check";
+    case "error":
+      return "x";
+    default:
+      return "circle";
+  }
+}
+function lastMessage(sub) {
+  if (sub.messages.length === 0) return void 0;
+  return sub.messages[sub.messages.length - 1].message;
+}
+function formatHHMMSS(ts) {
+  const d = new Date(ts);
+  const hh = String(d.getHours()).padStart(2, "0");
+  const mm = String(d.getMinutes()).padStart(2, "0");
+  const ss = String(d.getSeconds()).padStart(2, "0");
+  return `${hh}:${mm}:${ss}`;
+}
+function compactJson(value) {
+  if (value === void 0 || value === null) return "";
+  if (typeof value === "string") return value;
+  try {
+    const json = JSON.stringify(value);
+    if (json.length <= 240) return json;
+    return json.slice(0, 239) + "\u2026";
+  } catch {
+    return String(value);
+  }
+}
+function tryPrettyJson(s) {
+  try {
+    return JSON.stringify(JSON.parse(s), null, 2);
+  } catch {
+    return null;
+  }
+}
+function summarizeArgs(args) {
+  const keys = Object.keys(args);
+  if (keys.length === 0) return "";
+  return keys.slice(0, 3).join(", ") + (keys.length > 3 ? ", \u2026" : "");
+}
+function previewText(text, max = 120) {
+  if (!text) return "";
+  return text.length > max ? text.slice(0, max - 1) + "\u2026" : text;
+}
+function coordinatorToActivityItems(activities) {
+  return activities.flatMap((a) => {
+    switch (a.type) {
+      case "tool_call":
+        return [{
+          type: "tool_call",
+          tool: a.tool,
+          args: a.args,
+          timestamp: a.timestamp
+        }];
+      case "tool_result":
+        return [{
+          type: "tool_result",
+          tool: a.tool,
+          result: a.result,
+          success: a.success,
+          timestamp: a.timestamp
+        }];
+      case "message":
+        return [{
+          type: "message",
+          role: a.role,
+          content: a.content,
+          timestamp: a.timestamp
+        }];
+      case "error":
+        return [{
+          type: "message",
+          role: "system",
+          content: `Error: ${a.message}`,
+          timestamp: a.timestamp
+        }];
+      case "coordinator_decision":
+      case "plan_committed":
+      case "pending_question":
+      case "clarification_question":
+        return [];
+      case "file_operation":
+        return [{
+          type: "file_operation",
+          operation: a.operation,
+          path: a.path,
+          success: a.success,
+          timestamp: a.timestamp
+        }];
+      case "schema_diff":
+        return [{
+          type: "schema_diff",
+          filePath: a.filePath,
+          hunks: a.hunks,
+          timestamp: a.timestamp
+        }];
+    }
+  });
+}
+function pluckCoordinatorState(activities) {
+  let decision = null;
+  let plan = null;
+  const pendingQuestions = [];
+  for (const a of activities) {
+    if (a.type === "coordinator_decision") decision = a;
+    else if (a.type === "plan_committed") plan = a;
+    else if (a.type === "pending_question") pendingQuestions.push(a);
+  }
+  return { decision, plan, pendingQuestions };
+}
+var InlineActivityRow = ({ activity }) => {
+  const time = formatHHMMSS(activity.timestamp);
+  const baseRow = "items-start px-3 py-1 hover:bg-[var(--color-surface)]";
+  if (activity.type === "tool_call") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: baseRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "terminal", size: "xs", className: "mt-0.5 flex-shrink-0 text-[var(--color-primary)]" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", className: "flex-1 min-w-0 text-[11px] font-mono break-all whitespace-pre-wrap", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { as: "span", variant: "caption", weight: "semibold", className: "text-[11px] font-mono", children: activity.tool }),
+        activity.args !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { as: "span", variant: "caption", color: "muted", className: "text-[11px] font-mono", children: [
+          " ",
+          compactJson(activity.args)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "text-[10px] flex-shrink-0 tabular-nums mt-0.5", children: time })
+    ] });
+  }
+  if (activity.type === "tool_result") {
+    const success = activity.success !== false;
+    return /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: baseRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        exports.Icon,
+        {
+          name: success ? "check" : "x",
+          size: "xs",
+          className: `mt-0.5 flex-shrink-0 ${success ? "text-[var(--color-success)]" : "text-[var(--color-danger)]"}`
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", className: "flex-1 min-w-0 text-[11px] font-mono break-all whitespace-pre-wrap", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { as: "span", variant: "caption", color: "muted", className: "text-[11px] font-mono", children: [
+          activity.tool,
+          ":",
+          " "
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { as: "span", variant: "caption", className: "text-[11px] font-mono", children: compactJson(activity.result) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "text-[10px] flex-shrink-0 tabular-nums mt-0.5", children: time })
+    ] });
+  }
+  if (activity.type === "message") {
+    const role = activity.role;
+    const iconName = role === "user" ? "user" : role === "system" ? "info" : "sparkles";
+    const roleColor = role === "user" ? "text-[var(--color-primary)]" : role === "system" ? "text-[var(--color-muted-foreground)]" : "text-[var(--color-foreground)]";
+    return /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: baseRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: iconName, size: "xs", className: `mt-0.5 flex-shrink-0 ${roleColor}` }),
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "flex-1 min-w-0 text-[11px] whitespace-pre-wrap break-words", children: activity.content }),
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "text-[10px] flex-shrink-0 tabular-nums mt-0.5", children: time })
+    ] });
+  }
+  if (activity.type === "error") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: baseRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "alert-triangle", size: "xs", className: "mt-0.5 flex-shrink-0 text-[var(--color-danger)]" }),
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "flex-1 min-w-0 text-[11px] text-[var(--color-danger)] whitespace-pre-wrap break-words", children: activity.message }),
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "text-[10px] flex-shrink-0 tabular-nums mt-0.5", children: time })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: baseRow, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "file", size: "xs", className: "mt-0.5 flex-shrink-0 text-[var(--color-muted-foreground)]" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", color: "muted", className: "flex-1 min-w-0 text-[11px] font-mono break-all", children: [
+      "[",
+      activity.type,
+      "] ",
+      compactJson(activity)
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "text-[10px] flex-shrink-0 tabular-nums mt-0.5", children: time })
+  ] });
+};
+var InlineActivityStream = ({ activities, autoScroll = true, className }) => {
+  const endRef = React79__namespace.default.useRef(null);
+  React79__namespace.default.useEffect(() => {
+    if (!autoScroll) return;
+    endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
+  }, [activities.length, autoScroll]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className, children: [
+    activities.map((a, i) => /* @__PURE__ */ jsxRuntime.jsx(InlineActivityRow, { activity: a }, `${a.timestamp}-${i}`)),
+    /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { ref: endRef })
+  ] });
+};
+var CoordinatorCard = ({ snapshot, className }) => {
+  const { t } = hooks.useTranslate();
+  const { decision, plan, pendingQuestions } = snapshot;
+  if (!decision && !plan && pendingQuestions.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    exports.Box,
+    {
+      className: `px-3 py-2 border-b border-[var(--color-border)] bg-[var(--color-muted)]/30 ${className ?? ""}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center mb-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "compass", size: "xs" }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "font-semibold text-[11px]", children: t("subagentTrace.coordinator") })
+        ] }),
+        decision && /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "none", className: "mb-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "text-[10px] uppercase tracking-wide", children: t("subagentTrace.organism") }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "default", className: "text-[10px]", children: decision.organism }),
+            decision.priorOrganism && decision.priorOrganism !== decision.organism && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "text-[10px]", children: t("subagentTrace.wasOrganism", { organism: decision.priorOrganism }) })
+          ] }),
+          decision.reason && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "text-[11px] mt-0.5", children: decision.reason })
+        ] }),
+        plan && plan.orbitals.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "none", className: "mb-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "text-[10px] uppercase tracking-wide mb-0.5", children: plan.orbitals.length === 1 ? t("subagentTrace.planOrbital", { count: plan.orbitals.length }) : t("subagentTrace.planOrbitals", { count: plan.orbitals.length }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { gap: "xs", className: "flex-wrap", children: plan.orbitals.map((o) => /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "neutral", className: "text-[10px]", children: o }, o)) })
+        ] }),
+        pendingQuestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "none", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "text-[10px] uppercase tracking-wide mb-0.5", children: pendingQuestions.length === 1 ? t("subagentTrace.pendingQuestion", { count: pendingQuestions.length }) : t("subagentTrace.pendingQuestions", { count: pendingQuestions.length }) }),
+          pendingQuestions.map((q) => /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-start", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "help-circle", size: "xs", className: "mt-0.5 flex-shrink-0 text-[var(--color-warning)]" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", className: "text-[11px] flex-1 min-w-0", children: [
+              q.question,
+              q.orbitalName && /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", color: "muted", className: "text-[10px] ml-1", children: [
+                "(",
+                q.orbitalName,
+                ")"
+              ] })
+            ] })
+          ] }, q.questionId))
+        ] })
+      ]
+    }
+  );
+};
+function subagentMessagesToActivities(messages) {
+  return messages.map((m) => {
+    if (m.tool) {
+      return {
+        type: "tool_call",
+        tool: m.tool,
+        args: { preview: m.message },
+        timestamp: m.timestamp
+      };
+    }
+    return {
+      type: "message",
+      role: "system",
+      content: m.message,
+      timestamp: m.timestamp
+    };
+  });
+}
+var SubagentRow = ({ subagent }) => {
+  const recent = lastMessage(subagent);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    exports.HStack,
+    {
+      gap: "sm",
+      className: "items-start px-3 py-2 border-b border-[var(--color-border)]",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "pt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: statusIconName(subagent.status), size: "xs" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "none", className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "font-medium truncate", children: subagent.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "default", children: subagent.role })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "truncate", children: recent ?? subagent.task })
+        ] })
+      ]
+    }
+  );
+};
+var OrbitalGroup = ({ orbitalName, subagents }) => {
+  const { t } = hooks.useTranslate();
+  const runningCount = subagents.filter((s) => s.status === "running").length;
+  const completeCount = subagents.filter((s) => s.status === "complete").length;
+  return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "none", className: "border-b border-[var(--color-border)]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      exports.HStack,
+      {
+        gap: "sm",
+        className: "items-center px-3 py-2 bg-[var(--color-surface)] border-b border-[var(--color-border)]",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "circle", size: "xs" }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "font-semibold flex-1 truncate", children: orbitalName }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "default", children: runningCount > 0 ? t("subagentTrace.countRunning", { count: runningCount }) : t("subagentTrace.countDone", { count: completeCount }) })
+        ]
+      }
+    ),
+    subagents.map((sub) => /* @__PURE__ */ jsxRuntime.jsx(SubagentRow, { subagent: sub }, sub.id))
+  ] });
+};
+var SubagentRichCard = ({ subagent }) => {
+  const { t } = hooks.useTranslate();
+  const activities = React79__namespace.default.useMemo(
+    () => subagentMessagesToActivities(subagent.messages),
+    [subagent.messages]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "none", className: "border-b border-[var(--color-border)] p-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "items-center mb-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        exports.Box,
+        {
+          style: {
+            width: 8,
+            height: 8,
+            borderRadius: "50%",
+            flexShrink: 0,
+            backgroundColor: subagent.status === "complete" ? "var(--color-success)" : subagent.status === "error" ? "var(--color-error)" : "var(--color-primary)",
+            ...subagent.status === "running" ? { animation: "pulse 1.5s infinite" } : {}
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "font-semibold flex-1 truncate", children: subagent.name }),
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: subagent.role === "deterministic" ? "default" : subagent.role === "llm" ? "info" : "warning", children: subagent.role }),
+      subagent.durationMs !== void 0 && subagent.durationMs > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", children: subagent.durationMs < 1e3 ? `${subagent.durationMs}ms` : `${(subagent.durationMs / 1e3).toFixed(1)}s` })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "mb-2", children: subagent.task }),
+    activities.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "max-h-64 overflow-y-auto border-t border-[var(--color-border)]", children: /* @__PURE__ */ jsxRuntime.jsx(InlineActivityStream, { activities, autoScroll: true }) }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "italic text-[10px]", children: subagent.status === "complete" ? t("subagentTrace.noConversationLog") : t("subagentTrace.waitingForProcessData") })
+  ] });
+};
+var roleBadgeVariant = {
+  system: "neutral",
+  user: "info",
+  assistant: "default",
+  tool: "warning"
+};
+var ChatMessageRow = ({ message, index }) => {
+  const { t } = hooks.useTranslate();
+  const { role, content, toolCalls, reasoningContent, toolCallId, toolName } = message;
+  if (role === "tool") {
+    const pretty = tryPrettyJson(content);
+    const title = `${toolName ?? "tool"} \u2192${toolCallId ? ` ${toolCallId.slice(0, 8)}` : ""}`;
+    const body = pretty !== null ? /* @__PURE__ */ jsxRuntime.jsx(exports.CodeBlock, { code: pretty, language: "json", maxHeight: "24rem" }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", className: "whitespace-pre-wrap font-mono text-[11px]", children: content });
+    const items = [{ id: `tool-${index}`, title, content: body }];
+    return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "px-3 py-2 border-b border-[var(--color-border)]", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Accordion, { items }) });
+  }
+  const hasReasoning = typeof reasoningContent === "string" && reasoningContent.length > 0;
+  const hasToolCalls = Array.isArray(toolCalls) && toolCalls.length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "xs", className: "px-3 py-2 border-b border-[var(--color-border)]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: roleBadgeVariant[role], className: "text-[10px] uppercase", children: role }),
+      hasReasoning && /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", color: "muted", className: "text-[10px]", children: [
+        "\xB7 ",
+        t("subagentTrace.thinking")
+      ] }),
+      hasToolCalls && /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", color: "muted", className: "text-[10px]", children: [
+        "\xB7 ",
+        toolCalls.length === 1 ? t("subagentTrace.toolCallCount", { count: toolCalls.length }) : t("subagentTrace.toolCallCountPlural", { count: toolCalls.length })
+      ] })
+    ] }),
+    hasReasoning && /* @__PURE__ */ jsxRuntime.jsx(exports.Accordion, { items: [{
+      id: `reasoning-${index}`,
+      title: t("subagentTrace.reasoning"),
+      content: /* @__PURE__ */ jsxRuntime.jsx(exports.MarkdownContent, { content: reasoningContent })
+    }] }),
+    content.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.MarkdownContent, { content }),
+    hasToolCalls && /* @__PURE__ */ jsxRuntime.jsx(
+      exports.Accordion,
+      {
+        multiple: true,
+        items: toolCalls.map((tc, i) => ({
+          id: `tc-${index}-${i}`,
+          title: `${tc.name}(${summarizeArgs(tc.args)})`,
+          content: /* @__PURE__ */ jsxRuntime.jsx(exports.CodeBlock, { code: JSON.stringify(tc.args, null, 2), language: "json", maxHeight: "24rem" })
+        }))
+      }
+    )
+  ] });
+};
+var CoordinatorConversation = ({ messages, autoScroll = true, className }) => {
+  const endRef = React79__namespace.default.useRef(null);
+  React79__namespace.default.useEffect(() => {
+    if (!autoScroll) return;
+    endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
+  }, [messages.length, autoScroll]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className, children: [
+    messages.map((m, i) => /* @__PURE__ */ jsxRuntime.jsx(ChatMessageRow, { message: m, index: i }, `msg-${i}`)),
+    /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { ref: endRef })
+  ] });
+};
+function buildTimelineItems(messages, activities, subagents) {
+  const items = [];
+  if (messages) {
+    messages.forEach((m, i) => items.push({ source: "message", data: m, index: i }));
+  }
+  if (activities) {
+    activities.forEach((a) => items.push({ source: "activity", data: a }));
+  }
+  subagents.forEach((s) => items.push({ source: "subagent", data: s }));
+  return items;
+}
+function timelineItemIcon(item) {
+  switch (item.source) {
+    case "message": {
+      const m = item.data;
+      if (m.role === "tool") return { name: "terminal", color: "text-[var(--color-primary)]" };
+      if (m.reasoningContent) return { name: "sparkles", color: "text-[var(--color-primary)]" };
+      if (m.role === "user") return { name: "user", color: "text-[var(--color-primary)]" };
+      return { name: "message-square", color: "text-[var(--color-muted-foreground)]" };
+    }
+    case "activity": {
+      const a = item.data;
+      switch (a.type) {
+        case "tool_call":
+          return { name: "terminal", color: "text-[var(--color-primary)]" };
+        case "tool_result":
+          return { name: a.success !== false ? "check" : "x", color: a.success !== false ? "text-[var(--color-success)]" : "text-[var(--color-danger)]" };
+        case "error":
+          return { name: "alert-triangle", color: "text-[var(--color-danger)]" };
+        case "file_operation":
+          return { name: "file", color: "text-[var(--color-muted-foreground)]" };
+        case "schema_diff":
+          return { name: "git-commit", color: "text-[var(--color-muted-foreground)]" };
+        default:
+          return { name: "info", color: "text-[var(--color-muted-foreground)]" };
+      }
+    }
+    case "subagent":
+      return { name: "bot", color: "text-[var(--color-primary)]" };
+  }
+}
+function timelineItemLabel(item) {
+  switch (item.source) {
+    case "message": {
+      const m = item.data;
+      if (m.role === "tool") return "tool";
+      if (m.reasoningContent) return "thinking";
+      return m.role;
+    }
+    case "activity":
+      return item.data.type;
+    case "subagent":
+      return "subagent";
+  }
+}
+function timelineItemPreview(item) {
+  switch (item.source) {
+    case "message": {
+      const m = item.data;
+      if (m.role === "tool") return `${m.toolName ?? "tool"} \u2192 ${m.toolCallId?.slice(0, 8) ?? ""}`;
+      if (m.reasoningContent) return previewText(m.reasoningContent, 120);
+      return previewText(m.content, 120);
+    }
+    case "activity": {
+      const a = item.data;
+      switch (a.type) {
+        case "tool_call":
+          return `${a.tool}(${summarizeArgs(a.args)})`;
+        case "tool_result":
+          return `${a.tool}: ${compactJson(a.result)}`;
+        case "message":
+          return previewText(a.content, 120);
+        case "error":
+          return previewText(a.message, 120);
+        case "file_operation":
+          return `${a.operation} ${a.path}`;
+        case "schema_diff":
+          return `diff ${a.filePath}`;
+        default:
+          return String(a.type);
+      }
+    }
+    case "subagent":
+      return `${item.data.name} \xB7 ${item.data.task}`;
+  }
+}
+function timelineItemTimeLabel(item) {
+  if (item.source === "activity") return formatHHMMSS(item.data.timestamp);
+  if (item.source === "subagent") {
+    const ts = item.data.messages[0]?.timestamp;
+    return ts !== void 0 ? formatHHMMSS(ts) : void 0;
+  }
+  return void 0;
+}
+function TraceDetailContent({ item }) {
+  const { t } = hooks.useTranslate();
+  switch (item.source) {
+    case "message": {
+      const m = item.data;
+      return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "md", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { gap: "xs", className: "items-center", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: roleBadgeVariant[m.role], className: "text-[10px] uppercase", children: m.role }) }),
+        typeof m.reasoningContent === "string" && m.reasoningContent.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "mb-1", children: t("subagentTrace.reasoning") }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.MarkdownContent, { content: m.reasoningContent })
+        ] }),
+        m.content.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "mb-1", children: t("subagentTrace.content") }),
+          m.role === "tool" ? (() => {
+            const pretty = tryPrettyJson(m.content);
+            return pretty !== null ? /* @__PURE__ */ jsxRuntime.jsx(exports.CodeBlock, { code: pretty, language: "json", maxHeight: "24rem" }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", className: "whitespace-pre-wrap font-mono text-[11px]", children: m.content });
+          })() : /* @__PURE__ */ jsxRuntime.jsx(exports.MarkdownContent, { content: m.content })
+        ] }),
+        Array.isArray(m.toolCalls) && m.toolCalls.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "mb-1", children: t("subagentTrace.toolCalls") }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            exports.Accordion,
+            {
+              multiple: true,
+              items: m.toolCalls.map((tc, i) => ({
+                id: `tc-detail-${i}`,
+                title: `${tc.name}(${summarizeArgs(tc.args)})`,
+                content: /* @__PURE__ */ jsxRuntime.jsx(exports.CodeBlock, { code: JSON.stringify(tc.args, null, 2), language: "json", maxHeight: "24rem" })
+              }))
+            }
+          )
+        ] })
+      ] });
+    }
+    case "activity": {
+      const a = item.data;
+      switch (a.type) {
+        case "tool_call":
+          return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "md", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "default", className: "text-[10px]", children: "tool_call" }),
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", children: formatHHMMSS(a.timestamp) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", children: a.tool }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.CodeBlock, { code: JSON.stringify(a.args, null, 2), language: "json", maxHeight: "60vh" })
+          ] });
+        case "tool_result":
+          return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "md", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: a.success !== false ? "default" : "warning", className: "text-[10px]", children: a.success !== false ? "success" : "fail" }),
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", children: formatHHMMSS(a.timestamp) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", children: a.tool }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.CodeBlock, { code: JSON.stringify(a.result, null, 2), language: "json", maxHeight: "60vh" })
+          ] });
+        case "message":
+          return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "md", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "neutral", className: "text-[10px]", children: a.role }),
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", children: formatHHMMSS(a.timestamp) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "whitespace-pre-wrap", children: a.content })
+          ] });
+        case "error":
+          return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "md", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "warning", className: "text-[10px]", children: "error" }),
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", children: formatHHMMSS(a.timestamp) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "whitespace-pre-wrap text-[var(--color-danger)]", children: a.message })
+          ] });
+        case "file_operation":
+          return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "md", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "neutral", className: "text-[10px]", children: "file" }),
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", children: formatHHMMSS(a.timestamp) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "body2", children: [
+              a.operation,
+              " ",
+              a.path
+            ] })
+          ] });
+        case "schema_diff":
+          return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "md", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "neutral", className: "text-[10px]", children: "diff" }),
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", children: formatHHMMSS(a.timestamp) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", children: a.filePath })
+          ] });
+        default:
+          return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "md", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", children: formatHHMMSS(a.timestamp) }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", children: String(a.type) })
+          ] });
+      }
+    }
+    case "subagent": {
+      const s = item.data;
+      const activities = subagentMessagesToActivities(s.messages);
+      const ts = s.messages[0]?.timestamp;
+      return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "md", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "default", className: "text-[10px]", children: s.role }),
+          ts !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", children: formatHHMMSS(ts) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", weight: "semibold", children: s.name }),
+        /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", color: "muted", children: s.task }),
+        activities.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "border-t border-[var(--color-border)] pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(InlineActivityStream, { activities, autoScroll: false }) })
+      ] });
+    }
+  }
+}
+var SubagentTracePanel = ({
+  subagents,
+  focusedOrbital,
+  disclosureLevel,
+  open,
+  onClose,
+  className,
+  mode = "overlay",
+  coordinatorActivities,
+  coordinatorMessages
+}) => {
+  const { t } = hooks.useTranslate();
+  const [selectedItem, setSelectedItem] = React79.useState(null);
+  const densityLabel = (rich) => rich ? t("subagentTrace.densityRich") : t("subagentTrace.densityCompact");
+  if (mode === "overlay" && !open) return null;
+  const isTabMode = mode === "tab";
+  const isRichMode = isTabMode || disclosureLevel >= 3;
+  if (isTabMode) {
+    const timelineItems = buildTimelineItems(coordinatorMessages, coordinatorActivities, subagents);
+    const hasData = timelineItems.length > 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: `h-full w-full bg-[var(--color-card)] overflow-hidden flex flex-col ${className ?? ""}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        exports.HStack,
+        {
+          gap: "sm",
+          className: "items-center px-3 py-2 border-b border-[var(--color-border)]",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "activity", size: "sm" }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "font-semibold flex-1", children: t("subagentTrace.trace") }),
+            onClose && /* @__PURE__ */ jsxRuntime.jsx(exports.Button, { variant: "ghost", size: "sm", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "x", size: "xs" }) })
+          ]
+        }
+      ),
+      !hasData && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "flex-1 flex items-center justify-center px-4", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", color: "muted", className: "text-center", children: t("subagentTrace.noAgentActivity") }) }),
+      hasData && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(exports.VStack, { gap: "none", children: timelineItems.map((item, i) => {
+        const { name: iconName, color: iconColor } = timelineItemIcon(item);
+        const isLast = i === timelineItems.length - 1;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          exports.Box,
+          {
+            className: "flex items-start px-3 py-2 border-b border-[var(--color-border)] hover:bg-[var(--color-muted)]/30 transition-colors duration-fast cursor-pointer",
+            onClick: () => setSelectedItem(item),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "flex flex-col items-center mr-3 mt-0.5", style: { width: 20 }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  exports.Box,
+                  {
+                    className: "rounded-full flex-shrink-0",
+                    style: {
+                      width: 8,
+                      height: 8,
+                      backgroundColor: "var(--color-primary)"
+                    }
+                  }
+                ),
+                !isLast && /* @__PURE__ */ jsxRuntime.jsx(
+                  exports.Box,
+                  {
+                    className: "flex-1",
+                    style: {
+                      width: 2,
+                      backgroundColor: "var(--color-border)",
+                      marginTop: 4,
+                      minHeight: 24
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "xs", className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: iconName, size: "xs", className: `flex-shrink-0 ${iconColor}` }),
+                  timelineItemTimeLabel(item) && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", children: timelineItemTimeLabel(item) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "neutral", className: "text-[10px]", children: timelineItemLabel(item) })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "items-start", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", color: "muted", className: "flex-1 min-w-0 line-clamp-2", children: timelineItemPreview(item) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(exports.Button, { variant: "ghost", size: "sm", className: "flex-shrink-0 mt-0", onClick: (e) => {
+                    e.stopPropagation();
+                    setSelectedItem(item);
+                  }, children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "maximize-2", size: "xs" }) })
+                ] })
+              ] })
+            ]
+          },
+          `${item.source}-${i}`
+        );
+      }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        exports.Modal,
+        {
+          isOpen: selectedItem !== null,
+          onClose: () => setSelectedItem(null),
+          title: selectedItem ? `${timelineItemLabel(selectedItem)}${timelineItemTimeLabel(selectedItem) ? ` \xB7 ${timelineItemTimeLabel(selectedItem)}` : ""}` : "",
+          size: "lg",
+          children: selectedItem && /* @__PURE__ */ jsxRuntime.jsx(TraceDetailContent, { item: selectedItem })
+        }
+      )
+    ] });
+  }
+  const filtered = focusedOrbital ? subagents.filter((s) => s.orbitalName === focusedOrbital) : subagents;
+  const wrapperClass = isRichMode ? `absolute inset-x-3 bottom-3 sm:inset-x-auto sm:top-3 sm:right-3 sm:bottom-3 w-full sm:w-[28rem] max-w-[calc(100vw-1.5rem)] max-h-[60vh] sm:max-h-none bg-[var(--color-card)] border border-[var(--color-border)] rounded-md shadow-lg overflow-hidden flex flex-col ${className ?? ""}` : `absolute inset-x-3 bottom-3 sm:inset-x-auto sm:top-3 sm:right-3 sm:bottom-3 w-full sm:w-80 max-w-[calc(100vw-1.5rem)] max-h-[60vh] sm:max-h-none bg-[var(--color-card)] border border-[var(--color-border)] rounded-md shadow-lg overflow-hidden flex flex-col ${className ?? ""}`;
+  const wrapperStyle = { zIndex: 20 };
+  const hasCoordinatorData = coordinatorMessages && coordinatorMessages.length > 0 || coordinatorActivities && coordinatorActivities.length > 0;
+  if (filtered.length === 0 && !hasCoordinatorData) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: wrapperClass, style: wrapperStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        exports.HStack,
+        {
+          gap: "sm",
+          className: "items-center px-3 py-2 border-b border-[var(--color-border)]",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "activity", size: "sm" }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "font-semibold flex-1", children: t("subagentTrace.subagents") }),
+            onClose && /* @__PURE__ */ jsxRuntime.jsx(exports.Button, { variant: "ghost", size: "sm", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "x", size: "xs" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "flex-1 flex items-center justify-center px-4", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "text-center", children: focusedOrbital ? t("subagentTrace.noSubagentsForOrbital", { orbital: focusedOrbital }) : t("subagentTrace.noSubagentsActive") }) })
+    ] });
+  }
+  if (focusedOrbital) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: wrapperClass, style: wrapperStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        exports.HStack,
+        {
+          gap: "sm",
+          className: "items-center px-3 py-2 border-b border-[var(--color-border)]",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "activity", size: "sm" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "none", className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "font-semibold truncate", children: focusedOrbital }),
+              /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", color: "muted", children: [
+                filtered.length === 1 ? t("subagentTrace.subagentCount", { count: filtered.length }) : t("subagentTrace.subagentCountPlural", { count: filtered.length }),
+                " \xB7 ",
+                densityLabel(isRichMode)
+              ] })
+            ] }),
+            onClose && /* @__PURE__ */ jsxRuntime.jsx(exports.Button, { variant: "ghost", size: "sm", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "x", size: "xs" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "flex-1 overflow-y-auto", children: filtered.map((sub) => isRichMode ? /* @__PURE__ */ jsxRuntime.jsx(SubagentRichCard, { subagent: sub }, sub.id) : /* @__PURE__ */ jsxRuntime.jsx(SubagentRow, { subagent: sub }, sub.id)) })
+    ] });
+  }
+  const grouped = groupByOrbital(filtered);
+  const coordinatorSnapshot = pluckCoordinatorState(coordinatorActivities ?? []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: wrapperClass, style: wrapperStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      exports.HStack,
+      {
+        gap: "sm",
+        className: "items-center px-3 py-2 border-b border-[var(--color-border)]",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "activity", size: "sm" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", className: "font-semibold flex-1", children: [
+            t("subagentTrace.subagentsWithCount", { count: filtered.length }),
+            " \xB7 ",
+            densityLabel(isRichMode)
+          ] }),
+          onClose && /* @__PURE__ */ jsxRuntime.jsx(exports.Button, { variant: "ghost", size: "sm", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "x", size: "xs" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "flex-1 overflow-y-auto", children: [
+      !focusedOrbital && isRichMode && /* @__PURE__ */ jsxRuntime.jsx(CoordinatorCard, { snapshot: coordinatorSnapshot }),
+      coordinatorMessages && coordinatorMessages.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "border-b border-[var(--color-border)]", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center px-3 py-1.5 bg-[var(--color-card)] border-b border-[var(--color-border)]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { style: { width: 6, height: 6, borderRadius: "50%", backgroundColor: "var(--color-primary)", flexShrink: 0 } }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "font-semibold text-[11px]", children: t("subagentTrace.coordinator") }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "text-[10px]", children: t("subagentTrace.messagesCount", { count: coordinatorMessages.length }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "max-h-[36rem] overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(CoordinatorConversation, { messages: coordinatorMessages, autoScroll: true }) })
+      ] }) : coordinatorActivities && coordinatorActivities.length > 0 && (() => {
+        const filteredCoordinator = coordinatorActivities;
+        if (filteredCoordinator.length === 0) return null;
+        return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "border-b border-[var(--color-border)]", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center px-3 py-1.5 bg-[var(--color-card)] border-b border-[var(--color-border)]", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { style: { width: 6, height: 6, borderRadius: "50%", backgroundColor: "var(--color-primary)", flexShrink: 0 } }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "font-semibold text-[11px]", children: t("subagentTrace.coordinator") }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", className: "text-[10px]", children: t("subagentTrace.eventsCount", { count: filteredCoordinator.length }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "max-h-60 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+            InlineActivityStream,
+            {
+              activities: coordinatorToActivityItems(filteredCoordinator),
+              autoScroll: true
+            }
+          ) })
+        ] });
+      })(),
+      isRichMode ? filtered.map((sub) => /* @__PURE__ */ jsxRuntime.jsx(SubagentRichCard, { subagent: sub }, sub.id)) : Array.from(grouped.entries()).map(([orbitalName, subs]) => /* @__PURE__ */ jsxRuntime.jsx(
+        OrbitalGroup,
+        {
+          orbitalName,
+          subagents: subs
+        },
+        orbitalName
+      ))
+    ] })
+  ] });
+};
+SubagentTracePanel.displayName = "SubagentTracePanel";
+
 // components/core/templates/index.ts
 init_DashboardLayout();
 init_AuthLayout();
@@ -56268,6 +57388,7 @@ exports.CardBattlerTemplate = CardBattlerTemplate;
 exports.CardHand = CardHand;
 exports.CastleBoard = CastleBoard;
 exports.CastleTemplate = CastleTemplate;
+exports.ChatBar = ChatBar;
 exports.ChoiceButton = ChoiceButton;
 exports.CityBuilderBoard = CityBuilderBoard;
 exports.CityBuilderTemplate = CityBuilderTemplate;
@@ -56289,6 +57410,7 @@ exports.DialogueBubble = DialogueBubble;
 exports.DocPagination = DocPagination;
 exports.DocSearch = DocSearch;
 exports.DomStateMachineVisualizer = exports.StateMachineView;
+exports.ELEMENT_SELECTED_EVENT = ELEMENT_SELECTED_EVENT;
 exports.EditorCheckbox = EditorCheckbox;
 exports.EditorSelect = EditorSelect;
 exports.EditorSlider = EditorSlider;
@@ -56349,6 +57471,7 @@ exports.StateJsonView = StateJsonView;
 exports.StateNode = StateNode2;
 exports.StatusBar = StatusBar;
 exports.StatusEffect = StatusEffect;
+exports.SubagentTracePanel = SubagentTracePanel;
 exports.TERRAIN_COLORS = TERRAIN_COLORS;
 exports.TableView = TableView;
 exports.TerrainPalette = TerrainPalette;
@@ -56392,6 +57515,7 @@ exports.getTileDimensions = getTileDimensions;
 exports.inferDirection = inferDirection;
 exports.isoToScreen = isoToScreen;
 exports.mapBookData = mapBookData;
+exports.parseEditFocus = parseEditFocus;
 exports.parseLessonSegments = parseLessonSegments;
 exports.parseMarkdownWithCodeBlocks = parseMarkdownWithCodeBlocks;
 exports.resolveFieldMap = resolveFieldMap;