@flanksource/clicky-ui 0.3.9 → 0.3.11

package/dist/data/ai/SessionInspector.cjs

@@ -0,0 +1,432 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const SegmentedControl = require("../../components/SegmentedControl.cjs");
+const utils = require("../../lib/utils.cjs");
+const CodeBlock = require("../CodeBlock.cjs");
+const KeyValueList = require("../KeyValueList.cjs");
+const SessionViewer = require("./SessionViewer.cjs");
+const sessionCost = require("./session-cost.cjs");
+const UiChatDots = require("../../icons/components/UiChatDots.cjs");
+const UiRepeat = require("../../icons/components/UiRepeat.cjs");
+const UiRobotAi = require("../../icons/components/UiRobotAi.cjs");
+const UiFileText = require("../../icons/components/UiFileText.cjs");
+const UiStrategy = require("../../icons/components/UiStrategy.cjs");
+const UiSealCheck = require("../../icons/components/UiSealCheck.cjs");
+const UiCoins = require("../../icons/components/UiCoins.cjs");
+const UiListDashes = require("../../icons/components/UiListDashes.cjs");
+const UiBraces = require("../../icons/components/UiBraces.cjs");
+const tokens = require("../../lib/tokens.cjs");
+const TAB_OPTIONS = [
+  { id: "transcript", label: "Transcript", icon: UiChatDots.UiChatDots },
+  { id: "turns", label: "Turns", icon: UiRepeat.UiRepeat },
+  { id: "agents", label: "Agents", icon: UiRobotAi.UiRobotAi },
+  { id: "files", label: "Files", icon: UiFileText.UiFileText },
+  { id: "plan", label: "Plan", icon: UiStrategy.UiStrategy },
+  { id: "approvals", label: "Approvals", icon: UiSealCheck.UiSealCheck },
+  { id: "costs", label: "Costs", icon: UiCoins.UiCoins },
+  { id: "metadata", label: "Metadata", icon: UiListDashes.UiListDashes },
+  { id: "raw", label: "Raw", icon: UiBraces.UiBraces }
+];
+function SessionInspector({
+  session,
+  className,
+  defaultTab = "transcript",
+  transcriptProps
+}) {
+  const detail = react.useMemo(() => asUnifiedSession(session), [session]);
+  const [tab, setTab] = react.useState(defaultTab);
+  const transcriptClassName = utils.cn("h-full", transcriptProps == null ? void 0 : transcriptProps.className);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex h-full min-h-0 flex-col bg-background text-sm", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 border-b border-border p-density-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+      SegmentedControl.SegmentedControl,
+      {
+        value: tab,
+        options: TAB_OPTIONS,
+        onChange: setTab,
+        size: "sm",
+        wrap: true,
+        "aria-label": "Session detail view"
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: utils.cn(
+          "min-h-0 flex-1",
+          tab === "transcript" ? "overflow-hidden" : "overflow-auto p-density-4"
+        ),
+        children: tab === "transcript" ? /* @__PURE__ */ jsxRuntime.jsx(
+          SessionViewer.SessionViewer,
+          {
+            session,
+            scrollable: true,
+            showRowMetadata: true,
+            ...transcriptProps,
+            className: transcriptClassName
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(InspectorTab, { tab, detail, session })
+      }
+    )
+  ] });
+}
+function InspectorTab({
+  tab,
+  detail,
+  session
+}) {
+  switch (tab) {
+    case "turns":
+      return /* @__PURE__ */ jsxRuntime.jsx(TurnsPanel, { turns: detail == null ? void 0 : detail.turns });
+    case "agents":
+      return /* @__PURE__ */ jsxRuntime.jsx(AgentsPanel, { root: detail == null ? void 0 : detail.root, agents: detail == null ? void 0 : detail.agents });
+    case "files":
+      return /* @__PURE__ */ jsxRuntime.jsx(FilesPanel, { files: detail == null ? void 0 : detail.files });
+    case "plan":
+      return /* @__PURE__ */ jsxRuntime.jsx(PlanPanel, { plan: detail == null ? void 0 : detail.plan });
+    case "approvals":
+      return /* @__PURE__ */ jsxRuntime.jsx(ApprovalsPanel, { approvals: detail == null ? void 0 : detail.approvals });
+    case "costs":
+      return /* @__PURE__ */ jsxRuntime.jsx(CostsPanel, { usage: detail == null ? void 0 : detail.usage, cost: detail == null ? void 0 : detail.cost, toolCosts: detail == null ? void 0 : detail.toolCosts });
+    case "metadata":
+      return /* @__PURE__ */ jsxRuntime.jsx(MetadataPanel, { session: detail });
+    case "raw":
+      return /* @__PURE__ */ jsxRuntime.jsx(RawPanel, { value: detail ?? session });
+    default:
+      return null;
+  }
+}
+function TurnsPanel({ turns }) {
+  if (!(turns == null ? void 0 : turns.length)) return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "No turn metadata." });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-auto rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full min-w-[720px] border-collapse text-left text-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-muted/60 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Turn" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Time" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Model" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Stop" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Usage" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Cost" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Context" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Messages" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Events" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-border", children: turns.map((turn) => {
+      var _a, _b;
+      return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "align-top", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Td, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-foreground", children: turn.index || turn.id }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: turn.id })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Td, { children: timeRange(turn.startedAt, turn.endedAt) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Td, { children: turn.model || muted("-") }),
+        /* @__PURE__ */ jsxRuntime.jsx(Td, { children: turn.stopReason || muted("-") }),
+        /* @__PURE__ */ jsxRuntime.jsx(Td, { children: usageLabel(turn.usage) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Td, { children: costLabel(turn.cost) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Td, { children: contextLabel(turn.context) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Td, { children: countLabel((_a = turn.messageIds) == null ? void 0 : _a.length, "message") }),
+        /* @__PURE__ */ jsxRuntime.jsx(Td, { children: countLabel((_b = turn.events) == null ? void 0 : _b.length, "event") })
+      ] }, turn.id);
+    }) })
+  ] }) });
+}
+function AgentsPanel({
+  root,
+  agents
+}) {
+  const nodes = root ? [root] : agents ?? [];
+  if (!nodes.length) return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "No agent hierarchy." });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-density-2", children: nodes.map((agent, index) => /* @__PURE__ */ jsxRuntime.jsx(AgentNode, { agent }, agent.id || index)) });
+}
+function AgentNode({ agent, depth = 0 }) {
+  var _a;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(depth > 0 && "ml-density-5 border-l border-border pl-density-3"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-border p-density-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-density-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: agent.isRoot ? "Root" : agent.type || "Agent" }),
+        agent.id && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs text-muted-foreground", children: agent.id })
+      ] }),
+      agent.desc && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: agent.desc }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 grid gap-density-2 text-xs text-muted-foreground md:grid-cols-3", children: [
+        agent.historyFile && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "truncate", children: [
+          "History: ",
+          agent.historyFile
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: usageLabel(agent.usage) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: costLabel(agent.cost) })
+      ] })
+    ] }),
+    ((_a = agent.children) == null ? void 0 : _a.length) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-density-2 space-y-density-2", children: agent.children.map((child, index) => /* @__PURE__ */ jsxRuntime.jsx(AgentNode, { agent: child, depth: depth + 1 }, child.id || index)) }) : null
+  ] });
+}
+function FilesPanel({ files }) {
+  const read = (files == null ? void 0 : files.read) ?? [];
+  const written = (files == null ? void 0 : files.written) ?? [];
+  if (read.length === 0 && written.length === 0) return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "No changed-file summary." });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-4 md:grid-cols-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PathList, { title: `Read (${read.length})`, paths: read }),
+    /* @__PURE__ */ jsxRuntime.jsx(PathList, { title: `Written (${written.length})`, paths: written })
+  ] });
+}
+function PathList({ title, paths }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "min-w-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-density-2 text-xs font-semibold uppercase text-muted-foreground", children: title }),
+    paths.length ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "divide-y divide-border rounded-md border border-border", children: paths.map((path) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "truncate px-density-3 py-density-2 font-mono text-xs", children: path }, path)) }) : /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { compact: true, children: "None." })
+  ] });
+}
+function PlanPanel({ plan }) {
+  var _a, _b;
+  if (!plan) return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "No plan metadata." });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      KeyValueList.KeyValueList,
+      {
+        items: [
+          kv("Path", plan.path),
+          kv("Slug", plan.slug),
+          kv("Explicit", plan.explicit === void 0 ? void 0 : String(plan.explicit)),
+          kv("Events", countLabel((_a = plan.events) == null ? void 0 : _a.length, "event"))
+        ]
+      }
+    ),
+    plan.content && /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { language: "markdown", source: plan.content, copyable: true }),
+    ((_b = plan.events) == null ? void 0 : _b.length) ? /* @__PURE__ */ jsxRuntime.jsx(
+      SimpleList,
+      {
+        title: "Plan Events",
+        rows: plan.events.map((event, index) => ({
+          key: `${event.kind}-${index}`,
+          title: event.kind,
+          detail: [formatTime(event.timestamp), event.reason].filter(Boolean).join(" - ")
+        }))
+      }
+    ) : null
+  ] });
+}
+function ApprovalsPanel({ approvals }) {
+  var _a, _b;
+  if (!approvals || !approvals.approved && !approvals.denied && !((_a = approvals.denials) == null ? void 0 : _a.length)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "No approval metadata." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      KeyValueList.KeyValueList,
+      {
+        items: [
+          kv("Approved", approvals.approved ?? 0),
+          kv("Denied", approvals.denied ?? 0)
+        ]
+      }
+    ),
+    ((_b = approvals.denials) == null ? void 0 : _b.length) ? /* @__PURE__ */ jsxRuntime.jsx(
+      SimpleList,
+      {
+        title: "Denials",
+        rows: approvals.denials.map((denial, index) => ({
+          key: denial.toolUseId || `${denial.tool}-${index}`,
+          title: [denial.tool, denial.toolUseId].filter(Boolean).join(" "),
+          detail: denial.reason
+        }))
+      }
+    ) : null
+  ] });
+}
+function CostsPanel({
+  usage,
+  cost,
+  toolCosts
+}) {
+  var _a, _b, _c, _d, _e;
+  if (!usage && !cost && !(toolCosts == null ? void 0 : toolCosts.length)) return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "No cost metadata." });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      KeyValueList.KeyValueList,
+      {
+        items: [
+          kv("Tokens", usageLabel(usage ?? cost)),
+          kv("Cost", costLabel(cost)),
+          kv("Input", tokens.compactTokens((_a = usage ?? cost) == null ? void 0 : _a.inputTokens)),
+          kv("Output", tokens.compactTokens((_b = usage ?? cost) == null ? void 0 : _b.outputTokens)),
+          kv("Reasoning", tokens.compactTokens((_c = usage ?? cost) == null ? void 0 : _c.reasoningTokens)),
+          kv("Cache Read", tokens.compactTokens((_d = usage ?? cost) == null ? void 0 : _d.cacheReadTokens)),
+          kv("Cache Write", tokens.compactTokens((_e = usage ?? cost) == null ? void 0 : _e.cacheWriteTokens))
+        ]
+      }
+    ),
+    (toolCosts == null ? void 0 : toolCosts.length) ? /* @__PURE__ */ jsxRuntime.jsx(CostBreakdown, { costs: toolCosts }) : null
+  ] });
+}
+function CostBreakdown({ costs }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-auto rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full min-w-[560px] border-collapse text-left text-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-muted/60 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Model" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Tokens" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Input" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Output" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Cache" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Cost" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-border", children: costs.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Td, { children: entry.model || muted("unknown") }),
+      /* @__PURE__ */ jsxRuntime.jsx(Td, { children: tokens.compactTokens(sessionCost.tokenTotal(entry)) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Td, { children: tokens.compactTokens(entry.inputTokens) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Td, { children: tokens.compactTokens(entry.outputTokens) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Td, { children: tokens.compactTokens((entry.cacheReadTokens ?? 0) + (entry.cacheWriteTokens ?? 0)) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Td, { children: costLabel(entry) })
+    ] }, `${entry.model || "model"}-${index}`)) })
+  ] }) });
+}
+function MetadataPanel({ session }) {
+  if (!session) return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "No unified session metadata." });
+  const identity = [
+    kv("ID", session.id),
+    kv("Source", session.source),
+    kv("Project", session.project),
+    kv("CWD", session.cwd),
+    kv("History", session.historyFile),
+    kv("Model", session.model),
+    kv("Provider", session.provider),
+    kv("Version", session.version),
+    kv("Git", gitLabel(session.git)),
+    kv("Started", formatTime(session.startedAt)),
+    kv("Ended", formatTime(session.endedAt)),
+    kv("Duration", durationLabel(session.startedAt, session.endedAt)),
+    kv("Live", liveLabel(session.live)),
+    kv("Health", healthLabel(session.health))
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(KeyValueList.KeyValueList, { items: identity }),
+    /* @__PURE__ */ jsxRuntime.jsx(JsonSection, { title: "Capabilities", value: session.capabilities }),
+    /* @__PURE__ */ jsxRuntime.jsx(JsonSection, { title: "Context", value: session.context }),
+    /* @__PURE__ */ jsxRuntime.jsx(JsonSection, { title: "Budget", value: session.budget }),
+    /* @__PURE__ */ jsxRuntime.jsx(JsonSection, { title: "Events", value: session.events }),
+    /* @__PURE__ */ jsxRuntime.jsx(JsonSection, { title: "Prompt", value: session.prompt })
+  ] });
+}
+function RawPanel({ value }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { language: "json", source: jsonSource(value), copyable: true, jsonDefaultOpenDepth: 1 });
+}
+function JsonSection({ title, value }) {
+  if (value === void 0 || value === null || Array.isArray(value) && value.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-density-2 text-xs font-semibold uppercase text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { language: "json", source: jsonSource(value), jsonDefaultOpenDepth: 1 })
+  ] });
+}
+function SimpleList({
+  title,
+  rows
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-density-2 text-xs font-semibold uppercase text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "divide-y divide-border rounded-md border border-border", children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "px-density-3 py-density-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: row.title || row.key }),
+      row.detail ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: row.detail }) : null
+    ] }, row.key)) })
+  ] });
+}
+function Th({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-density-3 py-density-2 font-medium", children });
+}
+function Td({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-density-3 py-density-2", children });
+}
+function EmptyState({ children, compact = false }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        "rounded-md border border-dashed border-border text-sm text-muted-foreground",
+        compact ? "p-density-3" : "p-density-6 text-center"
+      ),
+      children
+    }
+  );
+}
+function kv(label, value) {
+  return {
+    key: String(label),
+    label,
+    value: value === void 0 || value === null || value === "" ? muted("-") : value,
+    hidden: value === void 0 || value === null || value === ""
+  };
+}
+function muted(value) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: value });
+}
+function asUnifiedSession(session) {
+  if (typeof session !== "object" || session === null || Array.isArray(session)) return void 0;
+  return session;
+}
+function jsonSource(value) {
+  if (typeof value === "string") {
+    try {
+      return JSON.stringify(JSON.parse(value), null, 2);
+    } catch {
+      return value;
+    }
+  }
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+function formatTime(value) {
+  if (!value) return "";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+  return date.toLocaleString();
+}
+function timeRange(start, end) {
+  const parts = [formatTime(start), formatTime(end)].filter(Boolean);
+  return parts.length ? parts.join(" - ") : muted("-");
+}
+function durationLabel(start, end) {
+  if (!start || !end) return "";
+  const s = new Date(start).getTime();
+  const e = new Date(end).getTime();
+  if (Number.isNaN(s) || Number.isNaN(e) || e < s) return "";
+  const seconds = Math.round((e - s) / 1e3);
+  if (seconds < 60) return `${seconds}s`;
+  const minutes = Math.floor(seconds / 60);
+  const rem = seconds % 60;
+  if (minutes < 60) return rem ? `${minutes}m ${rem}s` : `${minutes}m`;
+  const hours = Math.floor(minutes / 60);
+  const min = minutes % 60;
+  return min ? `${hours}h ${min}m` : `${hours}h`;
+}
+function usageLabel(usage) {
+  const total = sessionCost.tokenTotal(usage);
+  if (!total) return muted("-");
+  return `${tokens.compactTokens(total)} tokens`;
+}
+function costLabel(cost) {
+  const total = sessionCost.costTotal(cost);
+  if (!total) return muted("-");
+  return tokens.formatCost(total);
+}
+function countLabel(count, label) {
+  if (!count) return muted("-");
+  return `${count} ${label}${count === 1 ? "" : "s"}`;
+}
+function contextLabel(context) {
+  if (!context) return muted("-");
+  const used = tokens.compactTokens(context.usedTokens);
+  const total = tokens.compactTokens(context.windowTokens);
+  return total ? `${context.freePercent}% free (${used}/${total})` : `${context.freePercent}% free`;
+}
+function gitLabel(git) {
+  if (!git) return "";
+  return [git.branch, git.commit, git.worktree, git.diff ? "diff" : ""].filter(Boolean).join(" ");
+}
+function liveLabel(live) {
+  if (!live) return "";
+  return [live.status || (live.active ? "active" : "inactive"), live.pid ? `pid ${live.pid}` : "", live.command].filter(Boolean).join(" - ");
+}
+function healthLabel(health) {
+  if (!(health == null ? void 0 : health.length)) return "";
+  return health.map((item) => `${item.severity}:${item.kind}`).join(", ");
+}
+exports.SessionInspector = SessionInspector;
+//# sourceMappingURL=SessionInspector.cjs.map

package/dist/data/ai/SessionInspector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.cjs","sources":["../../../src/data/ai/SessionInspector.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { SegmentedControl, type SegmentedOption } from \"../../components/SegmentedControl\";\nimport {\n  UiBraces,\n  UiChatDots,\n  UiCoins,\n  UiFileText,\n  UiListDashes,\n  UiRepeat,\n  UiRobotAi,\n  UiSealCheck,\n  UiStrategy,\n} from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { KeyValueList, type KeyValueListItem } from \"../KeyValueList\";\nimport { SessionViewer, type SessionViewerProps } from \"./SessionViewer\";\nimport { compactTokens, costTotal, formatCost, tokenTotal } from \"./session-cost\";\nimport type { SessionInput } from \"./SessionViewer.model\";\nimport type {\n  SessionAgent,\n  SessionApprovalStats,\n  SessionChangedFiles,\n  SessionContext,\n  SessionCost,\n  SessionHealth,\n  SessionLiveProcess,\n  SessionPlan,\n  SessionTurn,\n  SessionUsage,\n  UnifiedSessionInput,\n} from \"./SessionViewer.unified\";\n\nexport type SessionInspectorTab =\n  | \"transcript\"\n  | \"turns\"\n  | \"agents\"\n  | \"files\"\n  | \"plan\"\n  | \"approvals\"\n  | \"costs\"\n  | \"metadata\"\n  | \"raw\";\n\nexport interface SessionInspectorProps {\n  session: SessionInput;\n  className?: string;\n  defaultTab?: SessionInspectorTab;\n  transcriptProps?: Omit<SessionViewerProps, \"session\">;\n}\n\nconst TAB_OPTIONS: SegmentedOption<SessionInspectorTab>[] = [\n  { id: \"transcript\", label: \"Transcript\", icon: UiChatDots },\n  { id: \"turns\", label: \"Turns\", icon: UiRepeat },\n  { id: \"agents\", label: \"Agents\", icon: UiRobotAi },\n  { id: \"files\", label: \"Files\", icon: UiFileText },\n  { id: \"plan\", label: \"Plan\", icon: UiStrategy },\n  { id: \"approvals\", label: \"Approvals\", icon: UiSealCheck },\n  { id: \"costs\", label: \"Costs\", icon: UiCoins },\n  { id: \"metadata\", label: \"Metadata\", icon: UiListDashes },\n  { id: \"raw\", label: \"Raw\", icon: UiBraces },\n];\n\nexport function SessionInspector({\n  session,\n  className,\n  defaultTab = \"transcript\",\n  transcriptProps,\n}: SessionInspectorProps) {\n  const detail = useMemo(() => asUnifiedSession(session), [session]);\n  const [tab, setTab] = useState<SessionInspectorTab>(defaultTab);\n  const transcriptClassName = cn(\"h-full\", transcriptProps?.className);\n\n  return (\n    <div className={cn(\"flex h-full min-h-0 flex-col bg-background text-sm\", className)}>\n      <div className=\"shrink-0 border-b border-border p-density-3\">\n        <SegmentedControl\n          value={tab}\n          options={TAB_OPTIONS}\n          onChange={setTab}\n          size=\"sm\"\n          wrap\n          aria-label=\"Session detail view\"\n        />\n      </div>\n      <div\n        className={cn(\n          \"min-h-0 flex-1\",\n          tab === \"transcript\" ? \"overflow-hidden\" : \"overflow-auto p-density-4\",\n        )}\n      >\n        {tab === \"transcript\" ? (\n          <SessionViewer\n            session={session}\n            scrollable\n            showRowMetadata\n            {...transcriptProps}\n            className={transcriptClassName}\n          />\n        ) : (\n          <InspectorTab tab={tab} detail={detail} session={session} />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction InspectorTab({\n  tab,\n  detail,\n  session,\n}: {\n  tab: SessionInspectorTab;\n  detail: UnifiedSessionInput | undefined;\n  session: SessionInput;\n}) {\n  switch (tab) {\n    case \"turns\":\n      return <TurnsPanel turns={detail?.turns} />;\n    case \"agents\":\n      return <AgentsPanel root={detail?.root} agents={detail?.agents} />;\n    case \"files\":\n      return <FilesPanel files={detail?.files} />;\n    case \"plan\":\n      return <PlanPanel plan={detail?.plan} />;\n    case \"approvals\":\n      return <ApprovalsPanel approvals={detail?.approvals} />;\n    case \"costs\":\n      return <CostsPanel usage={detail?.usage} cost={detail?.cost} toolCosts={detail?.toolCosts} />;\n    case \"metadata\":\n      return <MetadataPanel session={detail} />;\n    case \"raw\":\n      return <RawPanel value={detail ?? session} />;\n    default:\n      return null;\n  }\n}\n\nfunction TurnsPanel({ turns }: { turns: SessionTurn[] | undefined }) {\n  if (!turns?.length) return <EmptyState>No turn metadata.</EmptyState>;\n  return (\n    <div className=\"overflow-auto rounded-md border border-border\">\n      <table className=\"w-full min-w-[720px] border-collapse text-left text-sm\">\n        <thead className=\"bg-muted/60 text-xs text-muted-foreground\">\n          <tr>\n            <Th>Turn</Th>\n            <Th>Time</Th>\n            <Th>Model</Th>\n            <Th>Stop</Th>\n            <Th>Usage</Th>\n            <Th>Cost</Th>\n            <Th>Context</Th>\n            <Th>Messages</Th>\n            <Th>Events</Th>\n          </tr>\n        </thead>\n        <tbody className=\"divide-y divide-border\">\n          {turns.map((turn) => (\n            <tr key={turn.id} className=\"align-top\">\n              <Td>\n                <div className=\"font-medium text-foreground\">{turn.index || turn.id}</div>\n                <div className=\"text-xs text-muted-foreground\">{turn.id}</div>\n              </Td>\n              <Td>{timeRange(turn.startedAt, turn.endedAt)}</Td>\n              <Td>{turn.model || muted(\"-\")}</Td>\n              <Td>{turn.stopReason || muted(\"-\")}</Td>\n              <Td>{usageLabel(turn.usage)}</Td>\n              <Td>{costLabel(turn.cost)}</Td>\n              <Td>{contextLabel(turn.context)}</Td>\n              <Td>{countLabel(turn.messageIds?.length, \"message\")}</Td>\n              <Td>{countLabel(turn.events?.length, \"event\")}</Td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction AgentsPanel({\n  root,\n  agents,\n}: {\n  root: SessionAgent | undefined;\n  agents: SessionAgent[] | undefined;\n}) {\n  const nodes = root ? [root] : agents ?? [];\n  if (!nodes.length) return <EmptyState>No agent hierarchy.</EmptyState>;\n  return (\n    <div className=\"space-y-density-2\">\n      {nodes.map((agent, index) => (\n        <AgentNode key={agent.id || index} agent={agent} />\n      ))}\n    </div>\n  );\n}\n\nfunction AgentNode({ agent, depth = 0 }: { agent: SessionAgent; depth?: number }) {\n  return (\n    <div className={cn(depth > 0 && \"ml-density-5 border-l border-border pl-density-3\")}>\n      <div className=\"rounded-md border border-border p-density-3\">\n        <div className=\"flex min-w-0 flex-wrap items-center gap-density-2\">\n          <span className=\"font-medium\">{agent.isRoot ? \"Root\" : agent.type || \"Agent\"}</span>\n          {agent.id && <span className=\"truncate text-xs text-muted-foreground\">{agent.id}</span>}\n        </div>\n        {agent.desc && <div className=\"mt-1 text-sm text-muted-foreground\">{agent.desc}</div>}\n        <div className=\"mt-2 grid gap-density-2 text-xs text-muted-foreground md:grid-cols-3\">\n          {agent.historyFile && <div className=\"truncate\">History: {agent.historyFile}</div>}\n          <div>{usageLabel(agent.usage)}</div>\n          <div>{costLabel(agent.cost)}</div>\n        </div>\n      </div>\n      {agent.children?.length ? (\n        <div className=\"mt-density-2 space-y-density-2\">\n          {agent.children.map((child, index) => (\n            <AgentNode key={child.id || index} agent={child} depth={depth + 1} />\n          ))}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nfunction FilesPanel({ files }: { files: SessionChangedFiles | undefined }) {\n  const read = files?.read ?? [];\n  const written = files?.written ?? [];\n  if (read.length === 0 && written.length === 0) return <EmptyState>No changed-file summary.</EmptyState>;\n  return (\n    <div className=\"grid gap-density-4 md:grid-cols-2\">\n      <PathList title={`Read (${read.length})`} paths={read} />\n      <PathList title={`Written (${written.length})`} paths={written} />\n    </div>\n  );\n}\n\nfunction PathList({ title, paths }: { title: string; paths: string[] }) {\n  return (\n    <section className=\"min-w-0\">\n      <h3 className=\"mb-density-2 text-xs font-semibold uppercase text-muted-foreground\">{title}</h3>\n      {paths.length ? (\n        <ul className=\"divide-y divide-border rounded-md border border-border\">\n          {paths.map((path) => (\n            <li key={path} className=\"truncate px-density-3 py-density-2 font-mono text-xs\">\n              {path}\n            </li>\n          ))}\n        </ul>\n      ) : (\n        <EmptyState compact>None.</EmptyState>\n      )}\n    </section>\n  );\n}\n\nfunction PlanPanel({ plan }: { plan: SessionPlan | undefined }) {\n  if (!plan) return <EmptyState>No plan metadata.</EmptyState>;\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Path\", plan.path),\n          kv(\"Slug\", plan.slug),\n          kv(\"Explicit\", plan.explicit === undefined ? undefined : String(plan.explicit)),\n          kv(\"Events\", countLabel(plan.events?.length, \"event\")),\n        ]}\n      />\n      {plan.content && <CodeBlock language=\"markdown\" source={plan.content} copyable />}\n      {plan.events?.length ? (\n        <SimpleList\n          title=\"Plan Events\"\n          rows={plan.events.map((event, index) => ({\n            key: `${event.kind}-${index}`,\n            title: event.kind,\n            detail: [formatTime(event.timestamp), event.reason].filter(Boolean).join(\" - \"),\n          }))}\n        />\n      ) : null}\n    </div>\n  );\n}\n\nfunction ApprovalsPanel({ approvals }: { approvals: SessionApprovalStats | undefined }) {\n  if (!approvals || (!approvals.approved && !approvals.denied && !approvals.denials?.length)) {\n    return <EmptyState>No approval metadata.</EmptyState>;\n  }\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Approved\", approvals.approved ?? 0),\n          kv(\"Denied\", approvals.denied ?? 0),\n        ]}\n      />\n      {approvals.denials?.length ? (\n        <SimpleList\n          title=\"Denials\"\n          rows={approvals.denials.map((denial, index) => ({\n            key: denial.toolUseId || `${denial.tool}-${index}`,\n            title: [denial.tool, denial.toolUseId].filter(Boolean).join(\" \"),\n            detail: denial.reason,\n          }))}\n        />\n      ) : null}\n    </div>\n  );\n}\n\nfunction CostsPanel({\n  usage,\n  cost,\n  toolCosts,\n}: {\n  usage: SessionUsage | undefined;\n  cost: SessionCost | undefined;\n  toolCosts: SessionCost[] | undefined;\n}) {\n  if (!usage && !cost && !toolCosts?.length) return <EmptyState>No cost metadata.</EmptyState>;\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Tokens\", usageLabel(usage ?? cost)),\n          kv(\"Cost\", costLabel(cost)),\n          kv(\"Input\", compactTokens((usage ?? cost)?.inputTokens)),\n          kv(\"Output\", compactTokens((usage ?? cost)?.outputTokens)),\n          kv(\"Reasoning\", compactTokens((usage ?? cost)?.reasoningTokens)),\n          kv(\"Cache Read\", compactTokens((usage ?? cost)?.cacheReadTokens)),\n          kv(\"Cache Write\", compactTokens((usage ?? cost)?.cacheWriteTokens)),\n        ]}\n      />\n      {toolCosts?.length ? <CostBreakdown costs={toolCosts} /> : null}\n    </div>\n  );\n}\n\nfunction CostBreakdown({ costs }: { costs: SessionCost[] }) {\n  return (\n    <div className=\"overflow-auto rounded-md border border-border\">\n      <table className=\"w-full min-w-[560px] border-collapse text-left text-sm\">\n        <thead className=\"bg-muted/60 text-xs text-muted-foreground\">\n          <tr>\n            <Th>Model</Th>\n            <Th>Tokens</Th>\n            <Th>Input</Th>\n            <Th>Output</Th>\n            <Th>Cache</Th>\n            <Th>Cost</Th>\n          </tr>\n        </thead>\n        <tbody className=\"divide-y divide-border\">\n          {costs.map((entry, index) => (\n            <tr key={`${entry.model || \"model\"}-${index}`}>\n              <Td>{entry.model || muted(\"unknown\")}</Td>\n              <Td>{compactTokens(tokenTotal(entry))}</Td>\n              <Td>{compactTokens(entry.inputTokens)}</Td>\n              <Td>{compactTokens(entry.outputTokens)}</Td>\n              <Td>{compactTokens((entry.cacheReadTokens ?? 0) + (entry.cacheWriteTokens ?? 0))}</Td>\n              <Td>{costLabel(entry)}</Td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction MetadataPanel({ session }: { session: UnifiedSessionInput | undefined }) {\n  if (!session) return <EmptyState>No unified session metadata.</EmptyState>;\n  const identity: KeyValueListItem[] = [\n    kv(\"ID\", session.id),\n    kv(\"Source\", session.source),\n    kv(\"Project\", session.project),\n    kv(\"CWD\", session.cwd),\n    kv(\"History\", session.historyFile),\n    kv(\"Model\", session.model),\n    kv(\"Provider\", session.provider),\n    kv(\"Version\", session.version),\n    kv(\"Git\", gitLabel(session.git)),\n    kv(\"Started\", formatTime(session.startedAt)),\n    kv(\"Ended\", formatTime(session.endedAt)),\n    kv(\"Duration\", durationLabel(session.startedAt, session.endedAt)),\n    kv(\"Live\", liveLabel(session.live)),\n    kv(\"Health\", healthLabel(session.health)),\n  ];\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList items={identity} />\n      <JsonSection title=\"Capabilities\" value={session.capabilities} />\n      <JsonSection title=\"Context\" value={session.context} />\n      <JsonSection title=\"Budget\" value={session.budget} />\n      <JsonSection title=\"Events\" value={session.events} />\n      <JsonSection title=\"Prompt\" value={session.prompt} />\n    </div>\n  );\n}\n\nfunction RawPanel({ value }: { value: unknown }) {\n  return <CodeBlock language=\"json\" source={jsonSource(value)} copyable jsonDefaultOpenDepth={1} />;\n}\n\nfunction JsonSection({ title, value }: { title: string; value: unknown }) {\n  if (value === undefined || value === null || (Array.isArray(value) && value.length === 0)) return null;\n  return (\n    <section>\n      <h3 className=\"mb-density-2 text-xs font-semibold uppercase text-muted-foreground\">{title}</h3>\n      <CodeBlock language=\"json\" source={jsonSource(value)} jsonDefaultOpenDepth={1} />\n    </section>\n  );\n}\n\nfunction SimpleList({\n  title,\n  rows,\n}: {\n  title: string;\n  rows: Array<{ key: string; title?: ReactNode; detail?: ReactNode }>;\n}) {\n  return (\n    <section>\n      <h3 className=\"mb-density-2 text-xs font-semibold uppercase text-muted-foreground\">{title}</h3>\n      <ul className=\"divide-y divide-border rounded-md border border-border\">\n        {rows.map((row) => (\n          <li key={row.key} className=\"px-density-3 py-density-2\">\n            <div className=\"text-sm font-medium\">{row.title || row.key}</div>\n            {row.detail ? <div className=\"mt-0.5 text-xs text-muted-foreground\">{row.detail}</div> : null}\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nfunction Th({ children }: { children: ReactNode }) {\n  return <th className=\"px-density-3 py-density-2 font-medium\">{children}</th>;\n}\n\nfunction Td({ children }: { children: ReactNode }) {\n  return <td className=\"px-density-3 py-density-2\">{children}</td>;\n}\n\nfunction EmptyState({ children, compact = false }: { children: ReactNode; compact?: boolean }) {\n  return (\n    <div\n      className={cn(\n        \"rounded-md border border-dashed border-border text-sm text-muted-foreground\",\n        compact ? \"p-density-3\" : \"p-density-6 text-center\",\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction kv(label: ReactNode, value: ReactNode | undefined | null): KeyValueListItem {\n  return {\n    key: String(label),\n    label,\n    value: value === undefined || value === null || value === \"\" ? muted(\"-\") : value,\n    hidden: value === undefined || value === null || value === \"\",\n  };\n}\n\nfunction muted(value: ReactNode) {\n  return <span className=\"text-muted-foreground\">{value}</span>;\n}\n\nfunction asUnifiedSession(session: SessionInput): UnifiedSessionInput | undefined {\n  if (typeof session !== \"object\" || session === null || Array.isArray(session)) return undefined;\n  return session as UnifiedSessionInput;\n}\n\nfunction jsonSource(value: unknown) {\n  if (typeof value === \"string\") {\n    try {\n      return JSON.stringify(JSON.parse(value), null, 2);\n    } catch {\n      return value;\n    }\n  }\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction formatTime(value?: string) {\n  if (!value) return \"\";\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return value;\n  return date.toLocaleString();\n}\n\nfunction timeRange(start?: string, end?: string) {\n  const parts = [formatTime(start), formatTime(end)].filter(Boolean);\n  return parts.length ? parts.join(\" - \") : muted(\"-\");\n}\n\nfunction durationLabel(start?: string, end?: string) {\n  if (!start || !end) return \"\";\n  const s = new Date(start).getTime();\n  const e = new Date(end).getTime();\n  if (Number.isNaN(s) || Number.isNaN(e) || e < s) return \"\";\n  const seconds = Math.round((e - s) / 1000);\n  if (seconds < 60) return `${seconds}s`;\n  const minutes = Math.floor(seconds / 60);\n  const rem = seconds % 60;\n  if (minutes < 60) return rem ? `${minutes}m ${rem}s` : `${minutes}m`;\n  const hours = Math.floor(minutes / 60);\n  const min = minutes % 60;\n  return min ? `${hours}h ${min}m` : `${hours}h`;\n}\n\nfunction usageLabel(usage?: SessionUsage | SessionCost | Record<string, unknown>) {\n  const total = tokenTotal(usage as SessionUsage | undefined);\n  if (!total) return muted(\"-\");\n  return `${compactTokens(total)} tokens`;\n}\n\nfunction costLabel(cost?: SessionCost | Record<string, unknown>) {\n  const total = costTotal(cost as SessionCost | undefined);\n  if (!total) return muted(\"-\");\n  return formatCost(total);\n}\n\nfunction countLabel(count: number | undefined, label: string) {\n  if (!count) return muted(\"-\");\n  return `${count} ${label}${count === 1 ? \"\" : \"s\"}`;\n}\n\nfunction contextLabel(context?: SessionContext) {\n  if (!context) return muted(\"-\");\n  const used = compactTokens(context.usedTokens);\n  const total = compactTokens(context.windowTokens);\n  return total ? `${context.freePercent}% free (${used}/${total})` : `${context.freePercent}% free`;\n}\n\nfunction gitLabel(git?: { branch?: string; commit?: string; worktree?: string; diff?: string }) {\n  if (!git) return \"\";\n  return [git.branch, git.commit, git.worktree, git.diff ? \"diff\" : \"\"].filter(Boolean).join(\" \");\n}\n\nfunction liveLabel(live?: SessionLiveProcess) {\n  if (!live) return \"\";\n  return [live.status || (live.active ? \"active\" : \"inactive\"), live.pid ? `pid ${live.pid}` : \"\", live.command]\n    .filter(Boolean)\n    .join(\" - \");\n}\n\nfunction healthLabel(health?: SessionHealth[]) {\n  if (!health?.length) return \"\";\n  return health.map((item) => `${item.severity}:${item.kind}`).join(\", \");\n}\n"],"names":["UiChatDots","UiRepeat","UiRobotAi","UiFileText","UiStrategy","UiSealCheck","UiCoins","UiListDashes","UiBraces","useMemo","useState","cn","jsx","SegmentedControl","SessionViewer","jsxs","KeyValueList","CodeBlock","compactTokens","tokenTotal","costTotal","formatCost"],"mappings":"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"}

package/dist/data/ai/SessionInspector.d.ts

@@ -0,0 +1,11 @@
+import { SessionViewerProps } from './SessionViewer';
+import { SessionInput } from './SessionViewer.model';
+export type SessionInspectorTab = "transcript" | "turns" | "agents" | "files" | "plan" | "approvals" | "costs" | "metadata" | "raw";
+export interface SessionInspectorProps {
+    session: SessionInput;
+    className?: string;
+    defaultTab?: SessionInspectorTab;
+    transcriptProps?: Omit<SessionViewerProps, "session">;
+}
+export declare function SessionInspector({ session, className, defaultTab, transcriptProps, }: SessionInspectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SessionInspector.d.ts.map

package/dist/data/ai/SessionInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAe1D,MAAM,MAAM,mBAAmB,GAC3B,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,OAAO,GACP,MAAM,GACN,WAAW,GACX,OAAO,GACP,UAAU,GACV,KAAK,CAAC;AAEV,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,eAAe,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;CACvD;AAcD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,SAAS,EACT,UAAyB,EACzB,eAAe,GAChB,EAAE,qBAAqB,2CAqCvB"}