@flanksource/clicky-ui 0.3.41 → 0.3.42

package/dist/data/ai/SessionInspector.approvals.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.approvals.js","sources":["../../../src/data/ai/SessionInspector.approvals.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { KeyValueList } from \"../KeyValueList\";\nimport { Icon } from \"../Icon\";\nimport { UiClock } from \"../../icons\";\nimport { ToolCall } from \"../chat/ToolCall\";\nimport type { AnyToolPart } from \"../chat/types\";\nimport { durationLabel, formatDate } from \"./SessionInspector.model\";\nimport { EmptyState, SimpleList } from \"./SessionInspector.panel-parts\";\nimport { kv } from \"./SessionInspector.panel-values\";\nimport {\n  type ApprovalResolveHandler,\n  pendingApprovalRequests,\n} from \"./SessionInspector.approvals-model\";\nimport type {\n  SessionApprovalRequest,\n  SessionApprovalStats,\n} from \"./SessionViewer.unified\";\n\nexport type {\n  ApprovalResolveAction,\n  ApprovalResolveHandler,\n} from \"./SessionInspector.approvals-model\";\n\n/** Renders every pending tool approval directly from `session.requests[]`\n *  (never from transcript parts — an approval brokered outside this session's\n *  own chat has no transcript part) plus the resolved approve/deny/denial\n *  summary the panel previously showed alone. */\nexport function SessionApprovalsPanel({\n  approvals,\n  requests,\n  onResolve,\n}: {\n  approvals: SessionApprovalStats | undefined;\n  requests?: SessionApprovalRequest[] | undefined;\n  onResolve?: ApprovalResolveHandler;\n}) {\n  const pending = pendingApprovalRequests(requests);\n  const hasResolvedSummary = Boolean(\n    approvals &&\n      (approvals.approved ||\n        approvals.denied ||\n        approvals.cancelled ||\n        approvals.expired ||\n        approvals.denials?.length),\n  );\n\n  if (!pending.length && !hasResolvedSummary) {\n    return <EmptyState>No approval metadata.</EmptyState>;\n  }\n\n  return (\n    <div className=\"space-y-density-4\">\n      {pending.length ? (\n        <PendingApprovalsList\n          requests={pending}\n          {...(onResolve ? { onResolve } : {})}\n        />\n      ) : null}\n      {hasResolvedSummary ? (\n        <ResolvedApprovalsSummary approvals={approvals!} />\n      ) : null}\n    </div>\n  );\n}\n\nfunction ResolvedApprovalsSummary({\n  approvals,\n}: {\n  approvals: SessionApprovalStats;\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          kv(\"Cancelled\", approvals.cancelled ?? 0),\n          kv(\"Expired\", approvals.expired ?? 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 PendingApprovalsList({\n  requests,\n  onResolve,\n}: {\n  requests: SessionApprovalRequest[];\n  onResolve?: ApprovalResolveHandler;\n}) {\n  return (\n    <section>\n      <h3 className=\"mb-density-2 flex items-center gap-1.5 text-xs font-semibold uppercase text-amber-600 dark:text-amber-400\">\n        <Icon icon={UiClock} className=\"size-3.5\" />\n        Awaiting approval ({requests.length})\n      </h3>\n      <ul className=\"space-y-density-2\">\n        {requests.map((request) => (\n          <li key={request.id}>\n            <PendingApprovalRow\n              request={request}\n              {...(onResolve ? { onResolve } : {})}\n            />\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nfunction PendingApprovalRow({\n  request,\n  onResolve,\n}: {\n  request: SessionApprovalRequest;\n  onResolve?: ApprovalResolveHandler;\n}) {\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [busy, setBusy] = useState(false);\n\n  const part: AnyToolPart = {\n    type: \"dynamic-tool\",\n    toolName: request.tool,\n    toolCallId: request.toolCallId || request.id,\n    state: \"approval-requested\",\n    input: request.input,\n    approval: { id: request.id },\n  };\n\n  const handleApprove = (\n    approvalId: string,\n    approved: boolean,\n    reason?: string,\n  ) => {\n    if (!onResolve) return;\n    setError(undefined);\n    setBusy(true);\n    void Promise.resolve(onResolve(approvalId, approved ? \"approve\" : \"deny\", reason))\n      .catch((err: unknown) => {\n        setError(err instanceof Error ? err.message : String(err));\n      })\n      .finally(() => setBusy(false));\n  };\n\n  return (\n    <div className=\"rounded-md border border-amber-300/60 bg-amber-50/40 p-density-3 dark:border-amber-800/60 dark:bg-amber-950/20\">\n      <div className=\"mb-1 flex flex-wrap items-center justify-between gap-2 text-[11px] text-muted-foreground\">\n        <span>\n          {request.requestedBy\n            ? `Requested by ${request.requestedBy}`\n            : \"Requested\"}\n        </span>\n        <span className=\"flex gap-density-3\">\n          {request.createdAt ? (\n            <span title={formatDate(request.createdAt)}>\n              {ageLabel(request.createdAt)} ago\n            </span>\n          ) : null}\n          {request.expiresAt ? (\n            <span title={formatDate(request.expiresAt)}>\n              {remainingLabel(request.expiresAt)}\n            </span>\n          ) : null}\n        </span>\n      </div>\n      <ToolCall\n        part={part}\n        defaultOpen\n        onApprove={busy ? undefined : handleApprove}\n      />\n      {busy ? (\n        <p className=\"mt-1.5 pl-4 text-xs text-muted-foreground\">\n          Submitting…\n        </p>\n      ) : null}\n      {error ? (\n        <p role=\"alert\" className=\"mt-1.5 pl-4 text-xs text-destructive\">\n          {error}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nfunction ageLabel(createdAt: string): string {\n  return durationLabel(createdAt) || \"0s\";\n}\n\nfunction remainingLabel(expiresAt: string): string {\n  const expiry = new Date(expiresAt).getTime();\n  if (Number.isNaN(expiry)) return \"\";\n  const now = Date.now();\n  if (expiry <= now) return \"expired\";\n  const label = durationLabel(new Date(now).toISOString(), expiresAt);\n  return label ? `${label} left` : \"\";\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionInspector.approvals.js","sources":["../../../src/data/ai/SessionInspector.approvals.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { KeyValueList } from \"../KeyValueList\";\nimport { Icon } from \"../Icon\";\nimport { UiClock } from \"../../icons\";\nimport { ToolCall } from \"../chat/ToolCall\";\nimport type { AnyToolPart } from \"../chat/types\";\nimport { durationLabel, formatDate } from \"./SessionInspector.model\";\nimport { EmptyState, SimpleList } from \"./SessionInspector.panel-parts\";\nimport { kv } from \"./SessionInspector.panel-values\";\nimport {\n  type ApprovalResolveHandler,\n  decisionFields,\n  pendingApprovalRequests,\n} from \"./SessionInspector.approvals-model\";\nimport { TypedApprovalBody } from \"./SessionViewer.approval-body\";\nimport type { DecisionHandler } from \"./SessionViewer.decision\";\nimport type {\n  SessionApprovalRequest,\n  SessionApprovalStats,\n} from \"./SessionViewer.unified\";\n\nexport type {\n  ApprovalResolveAction,\n  ApprovalResolveHandler,\n} from \"./SessionInspector.approvals-model\";\n\n/** Renders every pending tool approval directly from `session.requests[]`\n *  (never from transcript parts — an approval brokered outside this session's\n *  own chat has no transcript part) plus the resolved approve/deny/denial\n *  summary the panel previously showed alone. */\nexport function SessionApprovalsPanel({\n  approvals,\n  requests,\n  onResolve,\n}: {\n  approvals: SessionApprovalStats | undefined;\n  requests?: SessionApprovalRequest[] | undefined;\n  onResolve?: ApprovalResolveHandler;\n}) {\n  const pending = pendingApprovalRequests(requests);\n  const hasResolvedSummary = Boolean(\n    approvals &&\n      (approvals.approved ||\n        approvals.denied ||\n        approvals.cancelled ||\n        approvals.expired ||\n        approvals.denials?.length),\n  );\n\n  if (!pending.length && !hasResolvedSummary) {\n    return <EmptyState>No approval metadata.</EmptyState>;\n  }\n\n  return (\n    <div className=\"space-y-density-4\">\n      {pending.length ? (\n        <PendingApprovalsList\n          requests={pending}\n          {...(onResolve ? { onResolve } : {})}\n        />\n      ) : null}\n      {hasResolvedSummary ? (\n        <ResolvedApprovalsSummary approvals={approvals!} />\n      ) : null}\n    </div>\n  );\n}\n\nfunction ResolvedApprovalsSummary({\n  approvals,\n}: {\n  approvals: SessionApprovalStats;\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          kv(\"Cancelled\", approvals.cancelled ?? 0),\n          kv(\"Expired\", approvals.expired ?? 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 PendingApprovalsList({\n  requests,\n  onResolve,\n}: {\n  requests: SessionApprovalRequest[];\n  onResolve?: ApprovalResolveHandler;\n}) {\n  return (\n    <section>\n      <h3 className=\"mb-density-2 flex items-center gap-1.5 text-xs font-semibold uppercase text-amber-600 dark:text-amber-400\">\n        <Icon icon={UiClock} className=\"size-3.5\" />\n        Awaiting approval ({requests.length})\n      </h3>\n      <ul className=\"space-y-density-2\">\n        {requests.map((request) => (\n          <li key={request.id}>\n            <PendingApprovalRow\n              request={request}\n              {...(onResolve ? { onResolve } : {})}\n            />\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nfunction PendingApprovalRow({\n  request,\n  onResolve,\n}: {\n  request: SessionApprovalRequest;\n  onResolve?: ApprovalResolveHandler;\n}) {\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [busy, setBusy] = useState(false);\n\n  const part: AnyToolPart = {\n    type: \"dynamic-tool\",\n    toolName: request.tool,\n    toolCallId: request.toolCallId || request.id,\n    state: \"approval-requested\",\n    input: request.input,\n    approval: { id: request.id },\n  };\n\n  const typed = request.request;\n  const decideTyped: DecisionHandler | undefined = onResolve\n    ? async (decision) => {\n        const fields = decisionFields(decision);\n        await (fields\n          ? onResolve(request.id, decision.allow ? \"approve\" : \"deny\", decision.message, fields)\n          : onResolve(request.id, decision.allow ? \"approve\" : \"deny\", decision.message));\n      }\n    : undefined;\n\n  const handleApprove = (\n    approvalId: string,\n    approved: boolean,\n    reason?: string,\n  ) => {\n    if (!onResolve) return;\n    setError(undefined);\n    setBusy(true);\n    void Promise.resolve(onResolve(approvalId, approved ? \"approve\" : \"deny\", reason))\n      .catch((err: unknown) => {\n        setError(err instanceof Error ? err.message : String(err));\n      })\n      .finally(() => setBusy(false));\n  };\n\n  return (\n    <div className=\"rounded-md border border-amber-300/60 bg-amber-50/40 p-density-3 dark:border-amber-800/60 dark:bg-amber-950/20\">\n      <div className=\"mb-1 flex flex-wrap items-center justify-between gap-2 text-[11px] text-muted-foreground\">\n        <span>\n          {request.requestedBy\n            ? `Requested by ${request.requestedBy}`\n            : \"Requested\"}\n        </span>\n        <span className=\"flex gap-density-3\">\n          {request.createdAt ? (\n            <span title={formatDate(request.createdAt)}>\n              {ageLabel(request.createdAt)} ago\n            </span>\n          ) : null}\n          {request.expiresAt ? (\n            <span title={formatDate(request.expiresAt)}>\n              {remainingLabel(request.expiresAt)}\n            </span>\n          ) : null}\n        </span>\n      </div>\n      {typed ? (\n        <div className=\"not-prose\">\n          <div className=\"font-medium text-foreground\">{request.tool}</div>\n          <TypedApprovalBody\n            event={{\n              id: request.id,\n              kind: \"tool\",\n              tool: request.tool,\n              pending: true,\n              approvalId: request.id,\n              approvalKind: typed.kind,\n              approvalRequest: typed,\n            }}\n            request={typed}\n            onDecision={decideTyped}\n          />\n        </div>\n      ) : (\n        <ToolCall\n          part={part}\n          defaultOpen\n          onApprove={busy ? undefined : handleApprove}\n        />\n      )}\n      {busy ? (\n        <p className=\"mt-1.5 pl-4 text-xs text-muted-foreground\">\n          Submitting…\n        </p>\n      ) : null}\n      {error ? (\n        <p role=\"alert\" className=\"mt-1.5 pl-4 text-xs text-destructive\">\n          {error}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nfunction ageLabel(createdAt: string): string {\n  return durationLabel(createdAt) || \"0s\";\n}\n\nfunction remainingLabel(expiresAt: string): string {\n  const expiry = new Date(expiresAt).getTime();\n  if (Number.isNaN(expiry)) return \"\";\n  const now = Date.now();\n  if (expiry <= now) return \"expired\";\n  const label = durationLabel(new Date(now).toISOString(), expiresAt);\n  return label ? `${label} left` : \"\";\n}\n"],"names":[],"mappings":"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"}

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

@@ -8,19 +8,21 @@ const agentActionIcons = require("./agent-action-icons.cjs");
 const SessionInspector_model = require("./SessionInspector.model.cjs");
 const SessionViewer_header = require("./SessionViewer.header.cjs");
 const SessionViewer_model = require("./SessionViewer.model.cjs");
+const Markdown = require("../Markdown.cjs");
 const UiRobotAi = require("../../icons/components/UiRobotAi.cjs");
 const UiTimer = require("../../icons/components/UiTimer.cjs");
 function SessionInspectorHeader({
   session
 }) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const provider = SessionInspector_model.runtimeDescriptor(session.modelMode);
   const providerId = session.provider || (provider == null ? void 0 : provider.family);
   const ProviderIcon = providerIcons.providerIcon(providerId) ?? UiRobotAi.UiRobotAi;
   const providerColor = providerIcons.providerIconColor(providerId);
   const effortValue = (_a = session.reasoningEffort) == null ? void 0 : _a.trim();
   const effort = effortValue ? agentActionIcons.effortIcon(effortValue) : void 0;
-  const title = ((_b = session.title) == null ? void 0 : _b.trim()) || ((_c = session.initialPrompt) == null ? void 0 : _c.trim()) || session.model || (provider == null ? void 0 : provider.family) || session.provider || "Session";
+  const initialPrompt = (_b = session.initialPrompt) == null ? void 0 : _b.trim();
+  const title = ((_c = session.title) == null ? void 0 : _c.trim()) || ((_d = initialPrompt == null ? void 0 : initialPrompt.split(/\r?\n/, 1)[0]) == null ? void 0 : _d.replace(/^#{1,6}\s+/, "").trim()) || session.model || (provider == null ? void 0 : provider.family) || session.provider || "Session";
   const metadata = SessionViewer_model.getSessionMetadata(session);
   const showMeter = Boolean(metadata == null ? void 0 : metadata.context);
   return /* @__PURE__ */ jsxRuntime.jsx("header", { className: "shrink-0 border-b border-border bg-muted/20 px-density-2 py-density-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-start gap-density-3", children: [
@@ -43,7 +45,11 @@ function SessionInspectorHeader({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground", children: session.startedAt ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiTimer.UiTimer, size: "xs" }),
         SessionInspector_model.durationLabel(session.startedAt, session.endedAt)
-      ] }) : null })
+      ] }) : null }),
+      initialPrompt && /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "mt-density-2 text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "w-fit cursor-pointer text-muted-foreground hover:text-foreground", children: "Initial prompt" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-density-2 max-h-64 overflow-y-auto rounded-lg border border-border bg-background px-density-3 py-density-2 text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown.Markdown, { text: initialPrompt }) })
+      ] })
     ] })
   ] }) });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.summary.cjs","sources":["../../../src/data/ai/SessionInspector.summary.tsx"],"sourcesContent":["import { UiRobotAi, UiTimer } from \"../../icons\";\nimport { Icon } from \"../Icon\";\nimport { effortLevelLabel } from \"../chat/effort-icons\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { effortIcon } from \"./agent-action-icons\";\nimport { durationLabel, runtimeDescriptor } from \"./SessionInspector.model\";\nimport { SessionContextMeter } from \"./SessionViewer.header\";\nimport { getSessionMetadata } from \"./SessionViewer.model\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\n\nexport function SessionInspectorHeader({\n  session,\n}: {\n  session: UnifiedSessionInput;\n}) {\n  const provider = runtimeDescriptor(session.modelMode);\n  const providerId = session.provider || provider?.family;\n  const ProviderIcon = providerIcon(providerId) ?? UiRobotAi;\n  const providerColor = providerIconColor(providerId);\n  const effortValue = session.reasoningEffort?.trim();\n  const effort = effortValue ? effortIcon(effortValue) : undefined;\n  const title =\n    session.title?.trim() ||\n    session.initialPrompt?.trim() ||\n    session.model ||\n    provider?.family ||\n    session.provider ||\n    \"Session\";\n  const metadata = getSessionMetadata(session);\n  const showMeter = Boolean(metadata?.context);\n\n  return (\n    <header className=\"shrink-0 border-b border-border bg-muted/20 px-density-2 py-density-3\">\n      <div className=\"flex min-w-0 items-start gap-density-3\">\n        {showMeter && metadata ? (\n          <div className=\"-ml-1.5 shrink-0\">\n            <SessionContextMeter metadata={metadata} mode=\"gauge\" />\n          </div>\n        ) : (\n          <span className=\"mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-background text-foreground shadow-sm\">\n            <Icon\n              icon={ProviderIcon}\n              size=\"md\"\n              {...(providerColor ? { className: providerColor } : {})}\n            />\n          </span>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-density-2\">\n            <h2 className=\"min-w-0 max-w-full truncate text-base font-semibold tracking-tight text-foreground\">\n              {title}\n            </h2>\n            {effortValue ? (\n              <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border bg-background px-2 py-0.5 text-xs max-sm:basis-full max-sm:border-0 max-sm:bg-transparent max-sm:px-0\">\n                {effort ? <Icon icon={effort.icon} size=\"xs\" /> : null}\n                {effortLevelLabel(effortValue)}\n              </span>\n            ) : null}\n          </div>\n          <div className=\"mt-1 flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground\">\n            {session.startedAt ? (\n              <span className=\"inline-flex items-center gap-1\">\n                <Icon icon={UiTimer} size=\"xs\" />\n                {durationLabel(session.startedAt, session.endedAt)}\n              </span>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    </header>\n  );\n}\n"],"names":["runtimeDescriptor","providerIcon","UiRobotAi","providerIconColor","effortIcon","getSessionMetadata","jsxs","jsx","SessionContextMeter","Icon","effortLevelLabel","UiTimer","durationLabel"],"mappings":";;;;;;;;;;;;AAUO,SAAS,uBAAuB;AAAA,EACrC;AACF,GAEG;;AACD,QAAM,WAAWA,uBAAAA,kBAAkB,QAAQ,SAAS;AACpD,QAAM,aAAa,QAAQ,aAAY,qCAAU;AACjD,QAAM,eAAeC,cAAAA,aAAa,UAAU,KAAKC,UAAAA;AACjD,QAAM,gBAAgBC,cAAAA,kBAAkB,UAAU;AAClD,QAAM,eAAc,aAAQ,oBAAR,mBAAyB;AAC7C,QAAM,SAAS,cAAcC,4BAAW,WAAW,IAAI;AACvD,QAAM,UACJ,aAAQ,UAAR,mBAAe,aACf,aAAQ,kBAAR,mBAAuB,WACvB,QAAQ,UACR,qCAAU,WACV,QAAQ,YACR;AACF,QAAM,WAAWC,oBAAAA,mBAAmB,OAAO;AAC3C,QAAM,YAAY,QAAQ,qCAAU,OAAO;AAE3C,wCACG,UAAA,EAAO,WAAU,yEAChB,UAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,0CACZ,UAAA;AAAA,IAAA,aAAa,WACZC,2BAAAA,IAAC,OAAA,EAAI,WAAU,oBACb,UAAAA,2BAAAA,IAACC,0CAAA,EAAoB,UAAoB,MAAK,SAAQ,EAAA,CACxD,IAEAD,2BAAAA,IAAC,QAAA,EAAK,WAAU,0IACd,UAAAA,2BAAAA;AAAAA,MAACE,KAAAA;AAAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,MAAK;AAAA,QACJ,GAAI,gBAAgB,EAAE,WAAW,kBAAkB,CAAA;AAAA,MAAC;AAAA,IAAA,GAEzD;AAAA,IAEFH,2BAAAA,KAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,QAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,sFACX,UAAA,OACH;AAAA,QACC,cACCD,2BAAAA,KAAC,QAAA,EAAK,WAAU,mLACb,UAAA;AAAA,UAAA,wCAAUG,KAAAA,MAAA,EAAK,MAAM,OAAO,MAAM,MAAK,MAAK,IAAK;AAAA,UACjDC,YAAAA,iBAAiB,WAAW;AAAA,QAAA,EAAA,CAC/B,IACE;AAAA,MAAA,GACN;AAAA,MACAH,2BAAAA,IAAC,SAAI,WAAU,0FACZ,kBAAQ,YACPD,2BAAAA,KAAC,QAAA,EAAK,WAAU,kCACd,UAAA;AAAA,QAAAC,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAME,QAAAA,SAAS,MAAK,MAAK;AAAA,QAC9BC,uBAAAA,cAAc,QAAQ,WAAW,QAAQ,OAAO;AAAA,MAAA,EAAA,CACnD,IACE,KAAA,CACN;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;;"}
+{"version":3,"file":"SessionInspector.summary.cjs","sources":["../../../src/data/ai/SessionInspector.summary.tsx"],"sourcesContent":["import { UiRobotAi, UiTimer } from \"../../icons\";\nimport { Icon } from \"../Icon\";\nimport { effortLevelLabel } from \"../chat/effort-icons\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { effortIcon } from \"./agent-action-icons\";\nimport { durationLabel, runtimeDescriptor } from \"./SessionInspector.model\";\nimport { SessionContextMeter } from \"./SessionViewer.header\";\nimport { getSessionMetadata } from \"./SessionViewer.model\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\nimport { Markdown } from \"../Markdown\";\n\nexport function SessionInspectorHeader({\n  session,\n}: {\n  session: UnifiedSessionInput;\n}) {\n  const provider = runtimeDescriptor(session.modelMode);\n  const providerId = session.provider || provider?.family;\n  const ProviderIcon = providerIcon(providerId) ?? UiRobotAi;\n  const providerColor = providerIconColor(providerId);\n  const effortValue = session.reasoningEffort?.trim();\n  const effort = effortValue ? effortIcon(effortValue) : undefined;\n  const initialPrompt = session.initialPrompt?.trim();\n  const title =\n    session.title?.trim() ||\n    initialPrompt?.split(/\\r?\\n/, 1)[0]?.replace(/^#{1,6}\\s+/, \"\").trim() ||\n    session.model ||\n    provider?.family ||\n    session.provider ||\n    \"Session\";\n  const metadata = getSessionMetadata(session);\n  const showMeter = Boolean(metadata?.context);\n\n  return (\n    <header className=\"shrink-0 border-b border-border bg-muted/20 px-density-2 py-density-3\">\n      <div className=\"flex min-w-0 items-start gap-density-3\">\n        {showMeter && metadata ? (\n          <div className=\"-ml-1.5 shrink-0\">\n            <SessionContextMeter metadata={metadata} mode=\"gauge\" />\n          </div>\n        ) : (\n          <span className=\"mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-background text-foreground shadow-sm\">\n            <Icon\n              icon={ProviderIcon}\n              size=\"md\"\n              {...(providerColor ? { className: providerColor } : {})}\n            />\n          </span>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-density-2\">\n            <h2 className=\"min-w-0 max-w-full truncate text-base font-semibold tracking-tight text-foreground\">\n              {title}\n            </h2>\n            {effortValue ? (\n              <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border bg-background px-2 py-0.5 text-xs max-sm:basis-full max-sm:border-0 max-sm:bg-transparent max-sm:px-0\">\n                {effort ? <Icon icon={effort.icon} size=\"xs\" /> : null}\n                {effortLevelLabel(effortValue)}\n              </span>\n            ) : null}\n          </div>\n          <div className=\"mt-1 flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground\">\n            {session.startedAt ? (\n              <span className=\"inline-flex items-center gap-1\">\n                <Icon icon={UiTimer} size=\"xs\" />\n                {durationLabel(session.startedAt, session.endedAt)}\n              </span>\n            ) : null}\n          </div>\n          {initialPrompt && (\n            <details className=\"mt-density-2 text-sm\">\n              <summary className=\"w-fit cursor-pointer text-muted-foreground hover:text-foreground\">Initial prompt</summary>\n              <div className=\"mt-density-2 max-h-64 overflow-y-auto rounded-lg border border-border bg-background px-density-3 py-density-2 text-foreground\">\n                <Markdown text={initialPrompt} />\n              </div>\n            </details>\n          )}\n        </div>\n      </div>\n    </header>\n  );\n}\n"],"names":["runtimeDescriptor","providerIcon","UiRobotAi","providerIconColor","effortIcon","getSessionMetadata","jsxs","jsx","SessionContextMeter","Icon","effortLevelLabel","UiTimer","durationLabel","Markdown"],"mappings":";;;;;;;;;;;;;AAWO,SAAS,uBAAuB;AAAA,EACrC;AACF,GAEG;;AACD,QAAM,WAAWA,uBAAAA,kBAAkB,QAAQ,SAAS;AACpD,QAAM,aAAa,QAAQ,aAAY,qCAAU;AACjD,QAAM,eAAeC,cAAAA,aAAa,UAAU,KAAKC,UAAAA;AACjD,QAAM,gBAAgBC,cAAAA,kBAAkB,UAAU;AAClD,QAAM,eAAc,aAAQ,oBAAR,mBAAyB;AAC7C,QAAM,SAAS,cAAcC,4BAAW,WAAW,IAAI;AACvD,QAAM,iBAAgB,aAAQ,kBAAR,mBAAuB;AAC7C,QAAM,UACJ,aAAQ,UAAR,mBAAe,aACf,oDAAe,MAAM,SAAS,GAAG,OAAjC,mBAAqC,QAAQ,cAAc,IAAI,WAC/D,QAAQ,UACR,qCAAU,WACV,QAAQ,YACR;AACF,QAAM,WAAWC,oBAAAA,mBAAmB,OAAO;AAC3C,QAAM,YAAY,QAAQ,qCAAU,OAAO;AAE3C,wCACG,UAAA,EAAO,WAAU,yEAChB,UAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,0CACZ,UAAA;AAAA,IAAA,aAAa,WACZC,2BAAAA,IAAC,OAAA,EAAI,WAAU,oBACb,UAAAA,2BAAAA,IAACC,0CAAA,EAAoB,UAAoB,MAAK,SAAQ,EAAA,CACxD,IAEAD,2BAAAA,IAAC,QAAA,EAAK,WAAU,0IACd,UAAAA,2BAAAA;AAAAA,MAACE,KAAAA;AAAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,MAAK;AAAA,QACJ,GAAI,gBAAgB,EAAE,WAAW,kBAAkB,CAAA;AAAA,MAAC;AAAA,IAAA,GAEzD;AAAA,IAEFH,2BAAAA,KAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,QAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,sFACX,UAAA,OACH;AAAA,QACC,cACCD,2BAAAA,KAAC,QAAA,EAAK,WAAU,mLACb,UAAA;AAAA,UAAA,wCAAUG,KAAAA,MAAA,EAAK,MAAM,OAAO,MAAM,MAAK,MAAK,IAAK;AAAA,UACjDC,YAAAA,iBAAiB,WAAW;AAAA,QAAA,EAAA,CAC/B,IACE;AAAA,MAAA,GACN;AAAA,MACAH,2BAAAA,IAAC,SAAI,WAAU,0FACZ,kBAAQ,YACPD,2BAAAA,KAAC,QAAA,EAAK,WAAU,kCACd,UAAA;AAAA,QAAAC,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAME,QAAAA,SAAS,MAAK,MAAK;AAAA,QAC9BC,uBAAAA,cAAc,QAAQ,WAAW,QAAQ,OAAO;AAAA,MAAA,EAAA,CACnD,IACE,MACN;AAAA,MACC,iBACCN,2BAAAA,KAAC,WAAA,EAAQ,WAAU,wBACjB,UAAA;AAAA,QAAAC,2BAAAA,IAAC,WAAA,EAAQ,WAAU,oEAAmE,UAAA,kBAAc;AAAA,QACpGA,2BAAAA,IAAC,SAAI,WAAU,iIACb,yCAACM,mBAAA,EAAS,MAAM,eAAe,EAAA,CACjC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.summary.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.summary.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,GACR,EAAE;IACD,OAAO,EAAE,mBAAmB,CAAC;CAC9B,+BAyDA"}
+{"version":3,"file":"SessionInspector.summary.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.summary.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGnE,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,GACR,EAAE;IACD,OAAO,EAAE,mBAAmB,CAAC;CAC9B,+BAkEA"}

package/dist/data/ai/SessionInspector.summary.js

@@ -6,19 +6,21 @@ import { effortIcon } from "./agent-action-icons.js";
 import { runtimeDescriptor, durationLabel } from "./SessionInspector.model.js";
 import { SessionContextMeter } from "./SessionViewer.header.js";
 import { getSessionMetadata } from "./SessionViewer.model.js";
+import { Markdown } from "../Markdown.js";
 import { UiRobotAi } from "../../icons/components/UiRobotAi.js";
 import { UiTimer } from "../../icons/components/UiTimer.js";
 function SessionInspectorHeader({
   session
 }) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const provider = runtimeDescriptor(session.modelMode);
   const providerId = session.provider || (provider == null ? void 0 : provider.family);
   const ProviderIcon = providerIcon(providerId) ?? UiRobotAi;
   const providerColor = providerIconColor(providerId);
   const effortValue = (_a = session.reasoningEffort) == null ? void 0 : _a.trim();
   const effort = effortValue ? effortIcon(effortValue) : void 0;
-  const title = ((_b = session.title) == null ? void 0 : _b.trim()) || ((_c = session.initialPrompt) == null ? void 0 : _c.trim()) || session.model || (provider == null ? void 0 : provider.family) || session.provider || "Session";
+  const initialPrompt = (_b = session.initialPrompt) == null ? void 0 : _b.trim();
+  const title = ((_c = session.title) == null ? void 0 : _c.trim()) || ((_d = initialPrompt == null ? void 0 : initialPrompt.split(/\r?\n/, 1)[0]) == null ? void 0 : _d.replace(/^#{1,6}\s+/, "").trim()) || session.model || (provider == null ? void 0 : provider.family) || session.provider || "Session";
   const metadata = getSessionMetadata(session);
   const showMeter = Boolean(metadata == null ? void 0 : metadata.context);
   return /* @__PURE__ */ jsx("header", { className: "shrink-0 border-b border-border bg-muted/20 px-density-2 py-density-3", children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-density-3", children: [
@@ -41,7 +43,11 @@ function SessionInspectorHeader({
       /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground", children: session.startedAt ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
         /* @__PURE__ */ jsx(Icon, { icon: UiTimer, size: "xs" }),
         durationLabel(session.startedAt, session.endedAt)
-      ] }) : null })
+      ] }) : null }),
+      initialPrompt && /* @__PURE__ */ jsxs("details", { className: "mt-density-2 text-sm", children: [
+        /* @__PURE__ */ jsx("summary", { className: "w-fit cursor-pointer text-muted-foreground hover:text-foreground", children: "Initial prompt" }),
+        /* @__PURE__ */ jsx("div", { className: "mt-density-2 max-h-64 overflow-y-auto rounded-lg border border-border bg-background px-density-3 py-density-2 text-foreground", children: /* @__PURE__ */ jsx(Markdown, { text: initialPrompt }) })
+      ] })
     ] })
   ] }) });
 }

package/dist/data/ai/SessionInspector.summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.summary.js","sources":["../../../src/data/ai/SessionInspector.summary.tsx"],"sourcesContent":["import { UiRobotAi, UiTimer } from \"../../icons\";\nimport { Icon } from \"../Icon\";\nimport { effortLevelLabel } from \"../chat/effort-icons\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { effortIcon } from \"./agent-action-icons\";\nimport { durationLabel, runtimeDescriptor } from \"./SessionInspector.model\";\nimport { SessionContextMeter } from \"./SessionViewer.header\";\nimport { getSessionMetadata } from \"./SessionViewer.model\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\n\nexport function SessionInspectorHeader({\n  session,\n}: {\n  session: UnifiedSessionInput;\n}) {\n  const provider = runtimeDescriptor(session.modelMode);\n  const providerId = session.provider || provider?.family;\n  const ProviderIcon = providerIcon(providerId) ?? UiRobotAi;\n  const providerColor = providerIconColor(providerId);\n  const effortValue = session.reasoningEffort?.trim();\n  const effort = effortValue ? effortIcon(effortValue) : undefined;\n  const title =\n    session.title?.trim() ||\n    session.initialPrompt?.trim() ||\n    session.model ||\n    provider?.family ||\n    session.provider ||\n    \"Session\";\n  const metadata = getSessionMetadata(session);\n  const showMeter = Boolean(metadata?.context);\n\n  return (\n    <header className=\"shrink-0 border-b border-border bg-muted/20 px-density-2 py-density-3\">\n      <div className=\"flex min-w-0 items-start gap-density-3\">\n        {showMeter && metadata ? (\n          <div className=\"-ml-1.5 shrink-0\">\n            <SessionContextMeter metadata={metadata} mode=\"gauge\" />\n          </div>\n        ) : (\n          <span className=\"mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-background text-foreground shadow-sm\">\n            <Icon\n              icon={ProviderIcon}\n              size=\"md\"\n              {...(providerColor ? { className: providerColor } : {})}\n            />\n          </span>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-density-2\">\n            <h2 className=\"min-w-0 max-w-full truncate text-base font-semibold tracking-tight text-foreground\">\n              {title}\n            </h2>\n            {effortValue ? (\n              <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border bg-background px-2 py-0.5 text-xs max-sm:basis-full max-sm:border-0 max-sm:bg-transparent max-sm:px-0\">\n                {effort ? <Icon icon={effort.icon} size=\"xs\" /> : null}\n                {effortLevelLabel(effortValue)}\n              </span>\n            ) : null}\n          </div>\n          <div className=\"mt-1 flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground\">\n            {session.startedAt ? (\n              <span className=\"inline-flex items-center gap-1\">\n                <Icon icon={UiTimer} size=\"xs\" />\n                {durationLabel(session.startedAt, session.endedAt)}\n              </span>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    </header>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAUO,SAAS,uBAAuB;AAAA,EACrC;AACF,GAEG;;AACD,QAAM,WAAW,kBAAkB,QAAQ,SAAS;AACpD,QAAM,aAAa,QAAQ,aAAY,qCAAU;AACjD,QAAM,eAAe,aAAa,UAAU,KAAK;AACjD,QAAM,gBAAgB,kBAAkB,UAAU;AAClD,QAAM,eAAc,aAAQ,oBAAR,mBAAyB;AAC7C,QAAM,SAAS,cAAc,WAAW,WAAW,IAAI;AACvD,QAAM,UACJ,aAAQ,UAAR,mBAAe,aACf,aAAQ,kBAAR,mBAAuB,WACvB,QAAQ,UACR,qCAAU,WACV,QAAQ,YACR;AACF,QAAM,WAAW,mBAAmB,OAAO;AAC3C,QAAM,YAAY,QAAQ,qCAAU,OAAO;AAE3C,6BACG,UAAA,EAAO,WAAU,yEAChB,UAAA,qBAAC,OAAA,EAAI,WAAU,0CACZ,UAAA;AAAA,IAAA,aAAa,WACZ,oBAAC,OAAA,EAAI,WAAU,oBACb,UAAA,oBAAC,qBAAA,EAAoB,UAAoB,MAAK,SAAQ,EAAA,CACxD,IAEA,oBAAC,QAAA,EAAK,WAAU,0IACd,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,MAAK;AAAA,QACJ,GAAI,gBAAgB,EAAE,WAAW,kBAAkB,CAAA;AAAA,MAAC;AAAA,IAAA,GAEzD;AAAA,IAEF,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,sFACX,UAAA,OACH;AAAA,QACC,cACC,qBAAC,QAAA,EAAK,WAAU,mLACb,UAAA;AAAA,UAAA,6BAAU,MAAA,EAAK,MAAM,OAAO,MAAM,MAAK,MAAK,IAAK;AAAA,UACjD,iBAAiB,WAAW;AAAA,QAAA,EAAA,CAC/B,IACE;AAAA,MAAA,GACN;AAAA,MACA,oBAAC,SAAI,WAAU,0FACZ,kBAAQ,YACP,qBAAC,QAAA,EAAK,WAAU,kCACd,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,MAAK,MAAK;AAAA,QAC9B,cAAc,QAAQ,WAAW,QAAQ,OAAO;AAAA,MAAA,EAAA,CACnD,IACE,KAAA,CACN;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"SessionInspector.summary.js","sources":["../../../src/data/ai/SessionInspector.summary.tsx"],"sourcesContent":["import { UiRobotAi, UiTimer } from \"../../icons\";\nimport { Icon } from \"../Icon\";\nimport { effortLevelLabel } from \"../chat/effort-icons\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { effortIcon } from \"./agent-action-icons\";\nimport { durationLabel, runtimeDescriptor } from \"./SessionInspector.model\";\nimport { SessionContextMeter } from \"./SessionViewer.header\";\nimport { getSessionMetadata } from \"./SessionViewer.model\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\nimport { Markdown } from \"../Markdown\";\n\nexport function SessionInspectorHeader({\n  session,\n}: {\n  session: UnifiedSessionInput;\n}) {\n  const provider = runtimeDescriptor(session.modelMode);\n  const providerId = session.provider || provider?.family;\n  const ProviderIcon = providerIcon(providerId) ?? UiRobotAi;\n  const providerColor = providerIconColor(providerId);\n  const effortValue = session.reasoningEffort?.trim();\n  const effort = effortValue ? effortIcon(effortValue) : undefined;\n  const initialPrompt = session.initialPrompt?.trim();\n  const title =\n    session.title?.trim() ||\n    initialPrompt?.split(/\\r?\\n/, 1)[0]?.replace(/^#{1,6}\\s+/, \"\").trim() ||\n    session.model ||\n    provider?.family ||\n    session.provider ||\n    \"Session\";\n  const metadata = getSessionMetadata(session);\n  const showMeter = Boolean(metadata?.context);\n\n  return (\n    <header className=\"shrink-0 border-b border-border bg-muted/20 px-density-2 py-density-3\">\n      <div className=\"flex min-w-0 items-start gap-density-3\">\n        {showMeter && metadata ? (\n          <div className=\"-ml-1.5 shrink-0\">\n            <SessionContextMeter metadata={metadata} mode=\"gauge\" />\n          </div>\n        ) : (\n          <span className=\"mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-background text-foreground shadow-sm\">\n            <Icon\n              icon={ProviderIcon}\n              size=\"md\"\n              {...(providerColor ? { className: providerColor } : {})}\n            />\n          </span>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-density-2\">\n            <h2 className=\"min-w-0 max-w-full truncate text-base font-semibold tracking-tight text-foreground\">\n              {title}\n            </h2>\n            {effortValue ? (\n              <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border bg-background px-2 py-0.5 text-xs max-sm:basis-full max-sm:border-0 max-sm:bg-transparent max-sm:px-0\">\n                {effort ? <Icon icon={effort.icon} size=\"xs\" /> : null}\n                {effortLevelLabel(effortValue)}\n              </span>\n            ) : null}\n          </div>\n          <div className=\"mt-1 flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground\">\n            {session.startedAt ? (\n              <span className=\"inline-flex items-center gap-1\">\n                <Icon icon={UiTimer} size=\"xs\" />\n                {durationLabel(session.startedAt, session.endedAt)}\n              </span>\n            ) : null}\n          </div>\n          {initialPrompt && (\n            <details className=\"mt-density-2 text-sm\">\n              <summary className=\"w-fit cursor-pointer text-muted-foreground hover:text-foreground\">Initial prompt</summary>\n              <div className=\"mt-density-2 max-h-64 overflow-y-auto rounded-lg border border-border bg-background px-density-3 py-density-2 text-foreground\">\n                <Markdown text={initialPrompt} />\n              </div>\n            </details>\n          )}\n        </div>\n      </div>\n    </header>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAWO,SAAS,uBAAuB;AAAA,EACrC;AACF,GAEG;;AACD,QAAM,WAAW,kBAAkB,QAAQ,SAAS;AACpD,QAAM,aAAa,QAAQ,aAAY,qCAAU;AACjD,QAAM,eAAe,aAAa,UAAU,KAAK;AACjD,QAAM,gBAAgB,kBAAkB,UAAU;AAClD,QAAM,eAAc,aAAQ,oBAAR,mBAAyB;AAC7C,QAAM,SAAS,cAAc,WAAW,WAAW,IAAI;AACvD,QAAM,iBAAgB,aAAQ,kBAAR,mBAAuB;AAC7C,QAAM,UACJ,aAAQ,UAAR,mBAAe,aACf,oDAAe,MAAM,SAAS,GAAG,OAAjC,mBAAqC,QAAQ,cAAc,IAAI,WAC/D,QAAQ,UACR,qCAAU,WACV,QAAQ,YACR;AACF,QAAM,WAAW,mBAAmB,OAAO;AAC3C,QAAM,YAAY,QAAQ,qCAAU,OAAO;AAE3C,6BACG,UAAA,EAAO,WAAU,yEAChB,UAAA,qBAAC,OAAA,EAAI,WAAU,0CACZ,UAAA;AAAA,IAAA,aAAa,WACZ,oBAAC,OAAA,EAAI,WAAU,oBACb,UAAA,oBAAC,qBAAA,EAAoB,UAAoB,MAAK,SAAQ,EAAA,CACxD,IAEA,oBAAC,QAAA,EAAK,WAAU,0IACd,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,MAAK;AAAA,QACJ,GAAI,gBAAgB,EAAE,WAAW,kBAAkB,CAAA;AAAA,MAAC;AAAA,IAAA,GAEzD;AAAA,IAEF,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,sFACX,UAAA,OACH;AAAA,QACC,cACC,qBAAC,QAAA,EAAK,WAAU,mLACb,UAAA;AAAA,UAAA,6BAAU,MAAA,EAAK,MAAM,OAAO,MAAM,MAAK,MAAK,IAAK;AAAA,UACjD,iBAAiB,WAAW;AAAA,QAAA,EAAA,CAC/B,IACE;AAAA,MAAA,GACN;AAAA,MACA,oBAAC,SAAI,WAAU,0FACZ,kBAAQ,YACP,qBAAC,QAAA,EAAK,WAAU,kCACd,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,MAAK,MAAK;AAAA,QAC9B,cAAc,QAAQ,WAAW,QAAQ,OAAO;AAAA,MAAA,EAAA,CACnD,IACE,MACN;AAAA,MACC,iBACC,qBAAC,WAAA,EAAQ,WAAU,wBACjB,UAAA;AAAA,QAAA,oBAAC,WAAA,EAAQ,WAAU,oEAAmE,UAAA,kBAAc;AAAA,QACpG,oBAAC,SAAI,WAAU,iIACb,8BAAC,UAAA,EAAS,MAAM,eAAe,EAAA,CACjC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -36,12 +36,16 @@ function SessionTranscript({
     [turnBadges]
   );
   const viewerClassName = utils.cn("min-h-0 flex-1", viewerProps == null ? void 0 : viewerProps.className);
+  const scrollResetKey = session.id ?? (viewerProps == null ? void 0 : viewerProps.scrollResetKey);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ jsxRuntime.jsx(
     SessionViewer.SessionViewer,
     {
       session,
       scrollable: true,
       ...viewerProps,
+      windowSize: (viewerProps == null ? void 0 : viewerProps.windowSize) ?? 10,
+      batchSize: (viewerProps == null ? void 0 : viewerProps.batchSize) ?? 10,
+      ...scrollResetKey !== void 0 ? { scrollResetKey } : {},
       className: viewerClassName,
       showHeader: false,
       showContextMeter: false,

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.transcript.cjs","sources":["../../../src/data/ai/SessionInspector.transcript.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  createTurnPalette,\n  shortSessionId,\n  type TurnPalette,\n} from \"./SessionInspector.model\";\nimport {\n  SessionViewer,\n  type SessionEvent,\n  type SessionViewerProps,\n} from \"./SessionViewer\";\nimport type { SessionTurn, UnifiedSessionInput } from \"./SessionViewer.unified\";\n\ntype TurnBadge = {\n  id: string;\n  label: string;\n  color: TurnPalette;\n  className: string;\n};\n\nconst TURN_COLOR_CLASS: Record<TurnPalette, string> = {\n  sky: \"border-sky-300 bg-sky-100 text-sky-800 [[data-theme=dark]_&]:border-sky-700 [[data-theme=dark]_&]:bg-sky-950/60 [[data-theme=dark]_&]:text-sky-300\",\n  violet:\n    \"border-violet-300 bg-violet-100 text-violet-800 [[data-theme=dark]_&]:border-violet-700 [[data-theme=dark]_&]:bg-violet-950/60 [[data-theme=dark]_&]:text-violet-300\",\n  emerald:\n    \"border-emerald-300 bg-emerald-100 text-emerald-800 [[data-theme=dark]_&]:border-emerald-700 [[data-theme=dark]_&]:bg-emerald-950/60 [[data-theme=dark]_&]:text-emerald-300\",\n  orange:\n    \"border-orange-300 bg-orange-100 text-orange-800 [[data-theme=dark]_&]:border-orange-700 [[data-theme=dark]_&]:bg-orange-950/60 [[data-theme=dark]_&]:text-orange-300\",\n  rose: \"border-rose-300 bg-rose-100 text-rose-800 [[data-theme=dark]_&]:border-rose-700 [[data-theme=dark]_&]:bg-rose-950/60 [[data-theme=dark]_&]:text-rose-300\",\n  indigo:\n    \"border-indigo-300 bg-indigo-100 text-indigo-800 [[data-theme=dark]_&]:border-indigo-700 [[data-theme=dark]_&]:bg-indigo-950/60 [[data-theme=dark]_&]:text-indigo-300\",\n  teal: \"border-teal-300 bg-teal-100 text-teal-800 [[data-theme=dark]_&]:border-teal-700 [[data-theme=dark]_&]:bg-teal-950/60 [[data-theme=dark]_&]:text-teal-300\",\n  fuchsia:\n    \"border-fuchsia-300 bg-fuchsia-100 text-fuchsia-800 [[data-theme=dark]_&]:border-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-950/60 [[data-theme=dark]_&]:text-fuchsia-300\",\n};\n\nexport function SessionTranscript({\n  session,\n  viewerProps,\n}: {\n  session: UnifiedSessionInput;\n  viewerProps?: Omit<SessionViewerProps, \"session\">;\n}) {\n  const turns = session.turns ?? [];\n  const palette = useMemo(\n    () =>\n      createTurnPalette(\n        session.id,\n        turns.map((turn) => turn.id),\n      ),\n    [session.id, turns],\n  );\n  const turnBadges = useMemo(\n    () => buildTurnBadges(turns, palette),\n    [palette, turns],\n  );\n  const turnBadgeById = useMemo(\n    () => new Map(turnBadges.map((badge) => [badge.id, badge])),\n    [turnBadges],\n  );\n  const viewerClassName = cn(\"min-h-0 flex-1\", viewerProps?.className);\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <SessionViewer\n        session={session}\n        scrollable\n        {...viewerProps}\n        className={viewerClassName}\n        showHeader={false}\n        showContextMeter={false}\n        showRowMetadata={false}\n        renderMessageBadge={(event: SessionEvent) => {\n          const badge = event.turnId\n            ? turnBadgeById.get(event.turnId)\n            : undefined;\n          return badge ? (\n            <TranscriptTurnBadge badge={badge} placement=\"message\" />\n          ) : null;\n        }}\n        headerActions={\n          <>\n            {viewerProps?.headerActions}\n            <TurnBadgeLegend badges={turnBadges} />\n          </>\n        }\n      />\n    </div>\n  );\n}\n\nfunction buildTurnBadges(\n  turns: SessionTurn[],\n  palette: Record<string, TurnPalette>,\n) {\n  return turns.map((turn): TurnBadge => {\n    const color = palette[turn.id] ?? \"sky\";\n    return {\n      id: turn.id,\n      label: shortSessionId(turn.id),\n      color,\n      className: TURN_COLOR_CLASS[color],\n    };\n  });\n}\n\nfunction TurnBadgeLegend({ badges }: { badges: TurnBadge[] }) {\n  return (\n    <div className=\"flex max-w-full flex-wrap gap-1\" aria-label=\"Turn colors\">\n      {badges.map((badge) => (\n        <TranscriptTurnBadge key={badge.id} badge={badge} placement=\"legend\" />\n      ))}\n    </div>\n  );\n}\n\nfunction TranscriptTurnBadge({\n  badge,\n  placement,\n}: {\n  badge: TurnBadge;\n  placement: \"legend\" | \"message\";\n}) {\n  return (\n    <span\n      data-testid={\n        placement === \"legend\" ? \"transcript-turn-badge\" : \"message-turn-badge\"\n      }\n      data-turn-color={badge.color}\n      title={`Turn ${badge.id}`}\n      className={cn(\n        \"inline-flex shrink-0 rounded border px-1 py-px font-mono text-[9px] font-semibold leading-none\",\n        placement === \"message\" && \"mt-1\",\n        badge.className,\n      )}\n    >\n      {badge.label}\n    </span>\n  );\n}\n"],"names":["useMemo","createTurnPalette","cn","jsx","SessionViewer","jsxs","Fragment","shortSessionId"],"mappings":";;;;;;;AAqBA,MAAM,mBAAgD;AAAA,EACpD,KAAK;AAAA,EACL,QACE;AAAA,EACF,SACE;AAAA,EACF,QACE;AAAA,EACF,MAAM;AAAA,EACN,QACE;AAAA,EACF,MAAM;AAAA,EACN,SACE;AACJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,QAAQ,SAAS,CAAA;AAC/B,QAAM,UAAUA,MAAAA;AAAAA,IACd,MACEC,uBAAAA;AAAAA,MACE,QAAQ;AAAA,MACR,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE;AAAA,IAAA;AAAA,IAE/B,CAAC,QAAQ,IAAI,KAAK;AAAA,EAAA;AAEpB,QAAM,aAAaD,MAAAA;AAAAA,IACjB,MAAM,gBAAgB,OAAO,OAAO;AAAA,IACpC,CAAC,SAAS,KAAK;AAAA,EAAA;AAEjB,QAAM,gBAAgBA,MAAAA;AAAAA,IACpB,MAAM,IAAI,IAAI,WAAW,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;AAAA,IAC1D,CAAC,UAAU;AAAA,EAAA;AAEb,QAAM,kBAAkBE,MAAAA,GAAG,kBAAkB,2CAAa,SAAS;AAEnE,SACEC,2BAAAA,IAAC,OAAA,EAAI,WAAU,gCACb,UAAAA,2BAAAA;AAAAA,IAACC,cAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,YAAU;AAAA,MACT,GAAG;AAAA,MACJ,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,oBAAoB,CAAC,UAAwB;AAC3C,cAAM,QAAQ,MAAM,SAChB,cAAc,IAAI,MAAM,MAAM,IAC9B;AACJ,eAAO,QACLD,2BAAAA,IAAC,qBAAA,EAAoB,OAAc,WAAU,WAAU,IACrD;AAAA,MACN;AAAA,MACA,eACEE,2BAAAA,KAAAC,qBAAA,EACG,UAAA;AAAA,QAAA,2CAAa;AAAA,QACdH,2BAAAA,IAAC,iBAAA,EAAgB,QAAQ,WAAA,CAAY;AAAA,MAAA,EAAA,CACvC;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEA,SAAS,gBACP,OACA,SACA;AACA,SAAO,MAAM,IAAI,CAAC,SAAoB;AACpC,UAAM,QAAQ,QAAQ,KAAK,EAAE,KAAK;AAClC,WAAO;AAAA,MACL,IAAI,KAAK;AAAA,MACT,OAAOI,uBAAAA,eAAe,KAAK,EAAE;AAAA,MAC7B;AAAA,MACA,WAAW,iBAAiB,KAAK;AAAA,IAAA;AAAA,EAErC,CAAC;AACH;AAEA,SAAS,gBAAgB,EAAE,UAAmC;AAC5D,wCACG,OAAA,EAAI,WAAU,mCAAkC,cAAW,eACzD,iBAAO,IAAI,CAAC,UACXJ,2BAAAA,IAAC,uBAAmC,OAAc,WAAU,YAAlC,MAAM,EAAqC,CACtE,GACH;AAEJ;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,eACE,cAAc,WAAW,0BAA0B;AAAA,MAErD,mBAAiB,MAAM;AAAA,MACvB,OAAO,QAAQ,MAAM,EAAE;AAAA,MACvB,WAAWD,MAAAA;AAAAA,QACT;AAAA,QACA,cAAc,aAAa;AAAA,QAC3B,MAAM;AAAA,MAAA;AAAA,MAGP,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;;"}
+{"version":3,"file":"SessionInspector.transcript.cjs","sources":["../../../src/data/ai/SessionInspector.transcript.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  createTurnPalette,\n  shortSessionId,\n  type TurnPalette,\n} from \"./SessionInspector.model\";\nimport {\n  SessionViewer,\n  type SessionEvent,\n  type SessionViewerProps,\n} from \"./SessionViewer\";\nimport type { SessionTurn, UnifiedSessionInput } from \"./SessionViewer.unified\";\n\ntype TurnBadge = {\n  id: string;\n  label: string;\n  color: TurnPalette;\n  className: string;\n};\n\nconst TURN_COLOR_CLASS: Record<TurnPalette, string> = {\n  sky: \"border-sky-300 bg-sky-100 text-sky-800 [[data-theme=dark]_&]:border-sky-700 [[data-theme=dark]_&]:bg-sky-950/60 [[data-theme=dark]_&]:text-sky-300\",\n  violet:\n    \"border-violet-300 bg-violet-100 text-violet-800 [[data-theme=dark]_&]:border-violet-700 [[data-theme=dark]_&]:bg-violet-950/60 [[data-theme=dark]_&]:text-violet-300\",\n  emerald:\n    \"border-emerald-300 bg-emerald-100 text-emerald-800 [[data-theme=dark]_&]:border-emerald-700 [[data-theme=dark]_&]:bg-emerald-950/60 [[data-theme=dark]_&]:text-emerald-300\",\n  orange:\n    \"border-orange-300 bg-orange-100 text-orange-800 [[data-theme=dark]_&]:border-orange-700 [[data-theme=dark]_&]:bg-orange-950/60 [[data-theme=dark]_&]:text-orange-300\",\n  rose: \"border-rose-300 bg-rose-100 text-rose-800 [[data-theme=dark]_&]:border-rose-700 [[data-theme=dark]_&]:bg-rose-950/60 [[data-theme=dark]_&]:text-rose-300\",\n  indigo:\n    \"border-indigo-300 bg-indigo-100 text-indigo-800 [[data-theme=dark]_&]:border-indigo-700 [[data-theme=dark]_&]:bg-indigo-950/60 [[data-theme=dark]_&]:text-indigo-300\",\n  teal: \"border-teal-300 bg-teal-100 text-teal-800 [[data-theme=dark]_&]:border-teal-700 [[data-theme=dark]_&]:bg-teal-950/60 [[data-theme=dark]_&]:text-teal-300\",\n  fuchsia:\n    \"border-fuchsia-300 bg-fuchsia-100 text-fuchsia-800 [[data-theme=dark]_&]:border-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-950/60 [[data-theme=dark]_&]:text-fuchsia-300\",\n};\n\nexport function SessionTranscript({\n  session,\n  viewerProps,\n}: {\n  session: UnifiedSessionInput;\n  viewerProps?: Omit<SessionViewerProps, \"session\">;\n}) {\n  const turns = session.turns ?? [];\n  const palette = useMemo(\n    () =>\n      createTurnPalette(\n        session.id,\n        turns.map((turn) => turn.id),\n      ),\n    [session.id, turns],\n  );\n  const turnBadges = useMemo(\n    () => buildTurnBadges(turns, palette),\n    [palette, turns],\n  );\n  const turnBadgeById = useMemo(\n    () => new Map(turnBadges.map((badge) => [badge.id, badge])),\n    [turnBadges],\n  );\n  const viewerClassName = cn(\"min-h-0 flex-1\", viewerProps?.className);\n  const scrollResetKey = session.id ?? viewerProps?.scrollResetKey;\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <SessionViewer\n        session={session}\n        scrollable\n        {...viewerProps}\n        windowSize={viewerProps?.windowSize ?? 10}\n        batchSize={viewerProps?.batchSize ?? 10}\n        {...(scrollResetKey !== undefined\n          ? { scrollResetKey }\n          : {})}\n        className={viewerClassName}\n        showHeader={false}\n        showContextMeter={false}\n        showRowMetadata={false}\n        renderMessageBadge={(event: SessionEvent) => {\n          const badge = event.turnId\n            ? turnBadgeById.get(event.turnId)\n            : undefined;\n          return badge ? (\n            <TranscriptTurnBadge badge={badge} placement=\"message\" />\n          ) : null;\n        }}\n        headerActions={\n          <>\n            {viewerProps?.headerActions}\n            <TurnBadgeLegend badges={turnBadges} />\n          </>\n        }\n      />\n    </div>\n  );\n}\n\nfunction buildTurnBadges(\n  turns: SessionTurn[],\n  palette: Record<string, TurnPalette>,\n) {\n  return turns.map((turn): TurnBadge => {\n    const color = palette[turn.id] ?? \"sky\";\n    return {\n      id: turn.id,\n      label: shortSessionId(turn.id),\n      color,\n      className: TURN_COLOR_CLASS[color],\n    };\n  });\n}\n\nfunction TurnBadgeLegend({ badges }: { badges: TurnBadge[] }) {\n  return (\n    <div className=\"flex max-w-full flex-wrap gap-1\" aria-label=\"Turn colors\">\n      {badges.map((badge) => (\n        <TranscriptTurnBadge key={badge.id} badge={badge} placement=\"legend\" />\n      ))}\n    </div>\n  );\n}\n\nfunction TranscriptTurnBadge({\n  badge,\n  placement,\n}: {\n  badge: TurnBadge;\n  placement: \"legend\" | \"message\";\n}) {\n  return (\n    <span\n      data-testid={\n        placement === \"legend\" ? \"transcript-turn-badge\" : \"message-turn-badge\"\n      }\n      data-turn-color={badge.color}\n      title={`Turn ${badge.id}`}\n      className={cn(\n        \"inline-flex shrink-0 rounded border px-1 py-px font-mono text-[9px] font-semibold leading-none\",\n        placement === \"message\" && \"mt-1\",\n        badge.className,\n      )}\n    >\n      {badge.label}\n    </span>\n  );\n}\n"],"names":["useMemo","createTurnPalette","cn","jsx","SessionViewer","jsxs","Fragment","shortSessionId"],"mappings":";;;;;;;AAqBA,MAAM,mBAAgD;AAAA,EACpD,KAAK;AAAA,EACL,QACE;AAAA,EACF,SACE;AAAA,EACF,QACE;AAAA,EACF,MAAM;AAAA,EACN,QACE;AAAA,EACF,MAAM;AAAA,EACN,SACE;AACJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,QAAQ,SAAS,CAAA;AAC/B,QAAM,UAAUA,MAAAA;AAAAA,IACd,MACEC,uBAAAA;AAAAA,MACE,QAAQ;AAAA,MACR,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE;AAAA,IAAA;AAAA,IAE/B,CAAC,QAAQ,IAAI,KAAK;AAAA,EAAA;AAEpB,QAAM,aAAaD,MAAAA;AAAAA,IACjB,MAAM,gBAAgB,OAAO,OAAO;AAAA,IACpC,CAAC,SAAS,KAAK;AAAA,EAAA;AAEjB,QAAM,gBAAgBA,MAAAA;AAAAA,IACpB,MAAM,IAAI,IAAI,WAAW,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;AAAA,IAC1D,CAAC,UAAU;AAAA,EAAA;AAEb,QAAM,kBAAkBE,MAAAA,GAAG,kBAAkB,2CAAa,SAAS;AACnE,QAAM,iBAAiB,QAAQ,OAAM,2CAAa;AAElD,SACEC,2BAAAA,IAAC,OAAA,EAAI,WAAU,gCACb,UAAAA,2BAAAA;AAAAA,IAACC,cAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,YAAU;AAAA,MACT,GAAG;AAAA,MACJ,aAAY,2CAAa,eAAc;AAAA,MACvC,YAAW,2CAAa,cAAa;AAAA,MACpC,GAAI,mBAAmB,SACpB,EAAE,eAAA,IACF,CAAA;AAAA,MACJ,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,oBAAoB,CAAC,UAAwB;AAC3C,cAAM,QAAQ,MAAM,SAChB,cAAc,IAAI,MAAM,MAAM,IAC9B;AACJ,eAAO,QACLD,2BAAAA,IAAC,qBAAA,EAAoB,OAAc,WAAU,WAAU,IACrD;AAAA,MACN;AAAA,MACA,eACEE,2BAAAA,KAAAC,qBAAA,EACG,UAAA;AAAA,QAAA,2CAAa;AAAA,QACdH,2BAAAA,IAAC,iBAAA,EAAgB,QAAQ,WAAA,CAAY;AAAA,MAAA,EAAA,CACvC;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEA,SAAS,gBACP,OACA,SACA;AACA,SAAO,MAAM,IAAI,CAAC,SAAoB;AACpC,UAAM,QAAQ,QAAQ,KAAK,EAAE,KAAK;AAClC,WAAO;AAAA,MACL,IAAI,KAAK;AAAA,MACT,OAAOI,uBAAAA,eAAe,KAAK,EAAE;AAAA,MAC7B;AAAA,MACA,WAAW,iBAAiB,KAAK;AAAA,IAAA;AAAA,EAErC,CAAC;AACH;AAEA,SAAS,gBAAgB,EAAE,UAAmC;AAC5D,wCACG,OAAA,EAAI,WAAU,mCAAkC,cAAW,eACzD,iBAAO,IAAI,CAAC,UACXJ,2BAAAA,IAAC,uBAAmC,OAAc,WAAU,YAAlC,MAAM,EAAqC,CACtE,GACH;AAEJ;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,eACE,cAAc,WAAW,0BAA0B;AAAA,MAErD,mBAAiB,MAAM;AAAA,MACvB,OAAO,QAAQ,MAAM,EAAE;AAAA,MACvB,WAAWD,MAAAA;AAAAA,QACT;AAAA,QACA,cAAc,aAAa;AAAA,QAC3B,MAAM;AAAA,MAAA;AAAA,MAGP,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.transcript.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.transcript.tsx"],"names":[],"mappings":"AAOA,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAe,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAyBhF,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,WAAW,GACZ,EAAE;IACD,OAAO,EAAE,mBAAmB,CAAC;IAC7B,WAAW,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;CACnD,+BA+CA"}
+{"version":3,"file":"SessionInspector.transcript.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.transcript.tsx"],"names":[],"mappings":"AAOA,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAe,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAyBhF,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,WAAW,GACZ,EAAE;IACD,OAAO,EAAE,mBAAmB,CAAC;IAC7B,WAAW,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;CACnD,+BAqDA"}

package/dist/data/ai/SessionInspector.transcript.js

@@ -34,12 +34,16 @@ function SessionTranscript({
     [turnBadges]
   );
   const viewerClassName = cn("min-h-0 flex-1", viewerProps == null ? void 0 : viewerProps.className);
+  const scrollResetKey = session.id ?? (viewerProps == null ? void 0 : viewerProps.scrollResetKey);
   return /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ jsx(
     SessionViewer,
     {
       session,
       scrollable: true,
       ...viewerProps,
+      windowSize: (viewerProps == null ? void 0 : viewerProps.windowSize) ?? 10,
+      batchSize: (viewerProps == null ? void 0 : viewerProps.batchSize) ?? 10,
+      ...scrollResetKey !== void 0 ? { scrollResetKey } : {},
       className: viewerClassName,
       showHeader: false,
       showContextMeter: false,

package/dist/data/ai/SessionInspector.transcript.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.transcript.js","sources":["../../../src/data/ai/SessionInspector.transcript.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  createTurnPalette,\n  shortSessionId,\n  type TurnPalette,\n} from \"./SessionInspector.model\";\nimport {\n  SessionViewer,\n  type SessionEvent,\n  type SessionViewerProps,\n} from \"./SessionViewer\";\nimport type { SessionTurn, UnifiedSessionInput } from \"./SessionViewer.unified\";\n\ntype TurnBadge = {\n  id: string;\n  label: string;\n  color: TurnPalette;\n  className: string;\n};\n\nconst TURN_COLOR_CLASS: Record<TurnPalette, string> = {\n  sky: \"border-sky-300 bg-sky-100 text-sky-800 [[data-theme=dark]_&]:border-sky-700 [[data-theme=dark]_&]:bg-sky-950/60 [[data-theme=dark]_&]:text-sky-300\",\n  violet:\n    \"border-violet-300 bg-violet-100 text-violet-800 [[data-theme=dark]_&]:border-violet-700 [[data-theme=dark]_&]:bg-violet-950/60 [[data-theme=dark]_&]:text-violet-300\",\n  emerald:\n    \"border-emerald-300 bg-emerald-100 text-emerald-800 [[data-theme=dark]_&]:border-emerald-700 [[data-theme=dark]_&]:bg-emerald-950/60 [[data-theme=dark]_&]:text-emerald-300\",\n  orange:\n    \"border-orange-300 bg-orange-100 text-orange-800 [[data-theme=dark]_&]:border-orange-700 [[data-theme=dark]_&]:bg-orange-950/60 [[data-theme=dark]_&]:text-orange-300\",\n  rose: \"border-rose-300 bg-rose-100 text-rose-800 [[data-theme=dark]_&]:border-rose-700 [[data-theme=dark]_&]:bg-rose-950/60 [[data-theme=dark]_&]:text-rose-300\",\n  indigo:\n    \"border-indigo-300 bg-indigo-100 text-indigo-800 [[data-theme=dark]_&]:border-indigo-700 [[data-theme=dark]_&]:bg-indigo-950/60 [[data-theme=dark]_&]:text-indigo-300\",\n  teal: \"border-teal-300 bg-teal-100 text-teal-800 [[data-theme=dark]_&]:border-teal-700 [[data-theme=dark]_&]:bg-teal-950/60 [[data-theme=dark]_&]:text-teal-300\",\n  fuchsia:\n    \"border-fuchsia-300 bg-fuchsia-100 text-fuchsia-800 [[data-theme=dark]_&]:border-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-950/60 [[data-theme=dark]_&]:text-fuchsia-300\",\n};\n\nexport function SessionTranscript({\n  session,\n  viewerProps,\n}: {\n  session: UnifiedSessionInput;\n  viewerProps?: Omit<SessionViewerProps, \"session\">;\n}) {\n  const turns = session.turns ?? [];\n  const palette = useMemo(\n    () =>\n      createTurnPalette(\n        session.id,\n        turns.map((turn) => turn.id),\n      ),\n    [session.id, turns],\n  );\n  const turnBadges = useMemo(\n    () => buildTurnBadges(turns, palette),\n    [palette, turns],\n  );\n  const turnBadgeById = useMemo(\n    () => new Map(turnBadges.map((badge) => [badge.id, badge])),\n    [turnBadges],\n  );\n  const viewerClassName = cn(\"min-h-0 flex-1\", viewerProps?.className);\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <SessionViewer\n        session={session}\n        scrollable\n        {...viewerProps}\n        className={viewerClassName}\n        showHeader={false}\n        showContextMeter={false}\n        showRowMetadata={false}\n        renderMessageBadge={(event: SessionEvent) => {\n          const badge = event.turnId\n            ? turnBadgeById.get(event.turnId)\n            : undefined;\n          return badge ? (\n            <TranscriptTurnBadge badge={badge} placement=\"message\" />\n          ) : null;\n        }}\n        headerActions={\n          <>\n            {viewerProps?.headerActions}\n            <TurnBadgeLegend badges={turnBadges} />\n          </>\n        }\n      />\n    </div>\n  );\n}\n\nfunction buildTurnBadges(\n  turns: SessionTurn[],\n  palette: Record<string, TurnPalette>,\n) {\n  return turns.map((turn): TurnBadge => {\n    const color = palette[turn.id] ?? \"sky\";\n    return {\n      id: turn.id,\n      label: shortSessionId(turn.id),\n      color,\n      className: TURN_COLOR_CLASS[color],\n    };\n  });\n}\n\nfunction TurnBadgeLegend({ badges }: { badges: TurnBadge[] }) {\n  return (\n    <div className=\"flex max-w-full flex-wrap gap-1\" aria-label=\"Turn colors\">\n      {badges.map((badge) => (\n        <TranscriptTurnBadge key={badge.id} badge={badge} placement=\"legend\" />\n      ))}\n    </div>\n  );\n}\n\nfunction TranscriptTurnBadge({\n  badge,\n  placement,\n}: {\n  badge: TurnBadge;\n  placement: \"legend\" | \"message\";\n}) {\n  return (\n    <span\n      data-testid={\n        placement === \"legend\" ? \"transcript-turn-badge\" : \"message-turn-badge\"\n      }\n      data-turn-color={badge.color}\n      title={`Turn ${badge.id}`}\n      className={cn(\n        \"inline-flex shrink-0 rounded border px-1 py-px font-mono text-[9px] font-semibold leading-none\",\n        placement === \"message\" && \"mt-1\",\n        badge.className,\n      )}\n    >\n      {badge.label}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;AAqBA,MAAM,mBAAgD;AAAA,EACpD,KAAK;AAAA,EACL,QACE;AAAA,EACF,SACE;AAAA,EACF,QACE;AAAA,EACF,MAAM;AAAA,EACN,QACE;AAAA,EACF,MAAM;AAAA,EACN,SACE;AACJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,QAAQ,SAAS,CAAA;AAC/B,QAAM,UAAU;AAAA,IACd,MACE;AAAA,MACE,QAAQ;AAAA,MACR,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE;AAAA,IAAA;AAAA,IAE/B,CAAC,QAAQ,IAAI,KAAK;AAAA,EAAA;AAEpB,QAAM,aAAa;AAAA,IACjB,MAAM,gBAAgB,OAAO,OAAO;AAAA,IACpC,CAAC,SAAS,KAAK;AAAA,EAAA;AAEjB,QAAM,gBAAgB;AAAA,IACpB,MAAM,IAAI,IAAI,WAAW,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;AAAA,IAC1D,CAAC,UAAU;AAAA,EAAA;AAEb,QAAM,kBAAkB,GAAG,kBAAkB,2CAAa,SAAS;AAEnE,SACE,oBAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,YAAU;AAAA,MACT,GAAG;AAAA,MACJ,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,oBAAoB,CAAC,UAAwB;AAC3C,cAAM,QAAQ,MAAM,SAChB,cAAc,IAAI,MAAM,MAAM,IAC9B;AACJ,eAAO,QACL,oBAAC,qBAAA,EAAoB,OAAc,WAAU,WAAU,IACrD;AAAA,MACN;AAAA,MACA,eACE,qBAAA,UAAA,EACG,UAAA;AAAA,QAAA,2CAAa;AAAA,QACd,oBAAC,iBAAA,EAAgB,QAAQ,WAAA,CAAY;AAAA,MAAA,EAAA,CACvC;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEA,SAAS,gBACP,OACA,SACA;AACA,SAAO,MAAM,IAAI,CAAC,SAAoB;AACpC,UAAM,QAAQ,QAAQ,KAAK,EAAE,KAAK;AAClC,WAAO;AAAA,MACL,IAAI,KAAK;AAAA,MACT,OAAO,eAAe,KAAK,EAAE;AAAA,MAC7B;AAAA,MACA,WAAW,iBAAiB,KAAK;AAAA,IAAA;AAAA,EAErC,CAAC;AACH;AAEA,SAAS,gBAAgB,EAAE,UAAmC;AAC5D,6BACG,OAAA,EAAI,WAAU,mCAAkC,cAAW,eACzD,iBAAO,IAAI,CAAC,UACX,oBAAC,uBAAmC,OAAc,WAAU,YAAlC,MAAM,EAAqC,CACtE,GACH;AAEJ;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eACE,cAAc,WAAW,0BAA0B;AAAA,MAErD,mBAAiB,MAAM;AAAA,MACvB,OAAO,QAAQ,MAAM,EAAE;AAAA,MACvB,WAAW;AAAA,QACT;AAAA,QACA,cAAc,aAAa;AAAA,QAC3B,MAAM;AAAA,MAAA;AAAA,MAGP,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"SessionInspector.transcript.js","sources":["../../../src/data/ai/SessionInspector.transcript.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  createTurnPalette,\n  shortSessionId,\n  type TurnPalette,\n} from \"./SessionInspector.model\";\nimport {\n  SessionViewer,\n  type SessionEvent,\n  type SessionViewerProps,\n} from \"./SessionViewer\";\nimport type { SessionTurn, UnifiedSessionInput } from \"./SessionViewer.unified\";\n\ntype TurnBadge = {\n  id: string;\n  label: string;\n  color: TurnPalette;\n  className: string;\n};\n\nconst TURN_COLOR_CLASS: Record<TurnPalette, string> = {\n  sky: \"border-sky-300 bg-sky-100 text-sky-800 [[data-theme=dark]_&]:border-sky-700 [[data-theme=dark]_&]:bg-sky-950/60 [[data-theme=dark]_&]:text-sky-300\",\n  violet:\n    \"border-violet-300 bg-violet-100 text-violet-800 [[data-theme=dark]_&]:border-violet-700 [[data-theme=dark]_&]:bg-violet-950/60 [[data-theme=dark]_&]:text-violet-300\",\n  emerald:\n    \"border-emerald-300 bg-emerald-100 text-emerald-800 [[data-theme=dark]_&]:border-emerald-700 [[data-theme=dark]_&]:bg-emerald-950/60 [[data-theme=dark]_&]:text-emerald-300\",\n  orange:\n    \"border-orange-300 bg-orange-100 text-orange-800 [[data-theme=dark]_&]:border-orange-700 [[data-theme=dark]_&]:bg-orange-950/60 [[data-theme=dark]_&]:text-orange-300\",\n  rose: \"border-rose-300 bg-rose-100 text-rose-800 [[data-theme=dark]_&]:border-rose-700 [[data-theme=dark]_&]:bg-rose-950/60 [[data-theme=dark]_&]:text-rose-300\",\n  indigo:\n    \"border-indigo-300 bg-indigo-100 text-indigo-800 [[data-theme=dark]_&]:border-indigo-700 [[data-theme=dark]_&]:bg-indigo-950/60 [[data-theme=dark]_&]:text-indigo-300\",\n  teal: \"border-teal-300 bg-teal-100 text-teal-800 [[data-theme=dark]_&]:border-teal-700 [[data-theme=dark]_&]:bg-teal-950/60 [[data-theme=dark]_&]:text-teal-300\",\n  fuchsia:\n    \"border-fuchsia-300 bg-fuchsia-100 text-fuchsia-800 [[data-theme=dark]_&]:border-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-950/60 [[data-theme=dark]_&]:text-fuchsia-300\",\n};\n\nexport function SessionTranscript({\n  session,\n  viewerProps,\n}: {\n  session: UnifiedSessionInput;\n  viewerProps?: Omit<SessionViewerProps, \"session\">;\n}) {\n  const turns = session.turns ?? [];\n  const palette = useMemo(\n    () =>\n      createTurnPalette(\n        session.id,\n        turns.map((turn) => turn.id),\n      ),\n    [session.id, turns],\n  );\n  const turnBadges = useMemo(\n    () => buildTurnBadges(turns, palette),\n    [palette, turns],\n  );\n  const turnBadgeById = useMemo(\n    () => new Map(turnBadges.map((badge) => [badge.id, badge])),\n    [turnBadges],\n  );\n  const viewerClassName = cn(\"min-h-0 flex-1\", viewerProps?.className);\n  const scrollResetKey = session.id ?? viewerProps?.scrollResetKey;\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <SessionViewer\n        session={session}\n        scrollable\n        {...viewerProps}\n        windowSize={viewerProps?.windowSize ?? 10}\n        batchSize={viewerProps?.batchSize ?? 10}\n        {...(scrollResetKey !== undefined\n          ? { scrollResetKey }\n          : {})}\n        className={viewerClassName}\n        showHeader={false}\n        showContextMeter={false}\n        showRowMetadata={false}\n        renderMessageBadge={(event: SessionEvent) => {\n          const badge = event.turnId\n            ? turnBadgeById.get(event.turnId)\n            : undefined;\n          return badge ? (\n            <TranscriptTurnBadge badge={badge} placement=\"message\" />\n          ) : null;\n        }}\n        headerActions={\n          <>\n            {viewerProps?.headerActions}\n            <TurnBadgeLegend badges={turnBadges} />\n          </>\n        }\n      />\n    </div>\n  );\n}\n\nfunction buildTurnBadges(\n  turns: SessionTurn[],\n  palette: Record<string, TurnPalette>,\n) {\n  return turns.map((turn): TurnBadge => {\n    const color = palette[turn.id] ?? \"sky\";\n    return {\n      id: turn.id,\n      label: shortSessionId(turn.id),\n      color,\n      className: TURN_COLOR_CLASS[color],\n    };\n  });\n}\n\nfunction TurnBadgeLegend({ badges }: { badges: TurnBadge[] }) {\n  return (\n    <div className=\"flex max-w-full flex-wrap gap-1\" aria-label=\"Turn colors\">\n      {badges.map((badge) => (\n        <TranscriptTurnBadge key={badge.id} badge={badge} placement=\"legend\" />\n      ))}\n    </div>\n  );\n}\n\nfunction TranscriptTurnBadge({\n  badge,\n  placement,\n}: {\n  badge: TurnBadge;\n  placement: \"legend\" | \"message\";\n}) {\n  return (\n    <span\n      data-testid={\n        placement === \"legend\" ? \"transcript-turn-badge\" : \"message-turn-badge\"\n      }\n      data-turn-color={badge.color}\n      title={`Turn ${badge.id}`}\n      className={cn(\n        \"inline-flex shrink-0 rounded border px-1 py-px font-mono text-[9px] font-semibold leading-none\",\n        placement === \"message\" && \"mt-1\",\n        badge.className,\n      )}\n    >\n      {badge.label}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;AAqBA,MAAM,mBAAgD;AAAA,EACpD,KAAK;AAAA,EACL,QACE;AAAA,EACF,SACE;AAAA,EACF,QACE;AAAA,EACF,MAAM;AAAA,EACN,QACE;AAAA,EACF,MAAM;AAAA,EACN,SACE;AACJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,QAAQ,SAAS,CAAA;AAC/B,QAAM,UAAU;AAAA,IACd,MACE;AAAA,MACE,QAAQ;AAAA,MACR,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE;AAAA,IAAA;AAAA,IAE/B,CAAC,QAAQ,IAAI,KAAK;AAAA,EAAA;AAEpB,QAAM,aAAa;AAAA,IACjB,MAAM,gBAAgB,OAAO,OAAO;AAAA,IACpC,CAAC,SAAS,KAAK;AAAA,EAAA;AAEjB,QAAM,gBAAgB;AAAA,IACpB,MAAM,IAAI,IAAI,WAAW,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;AAAA,IAC1D,CAAC,UAAU;AAAA,EAAA;AAEb,QAAM,kBAAkB,GAAG,kBAAkB,2CAAa,SAAS;AACnE,QAAM,iBAAiB,QAAQ,OAAM,2CAAa;AAElD,SACE,oBAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,YAAU;AAAA,MACT,GAAG;AAAA,MACJ,aAAY,2CAAa,eAAc;AAAA,MACvC,YAAW,2CAAa,cAAa;AAAA,MACpC,GAAI,mBAAmB,SACpB,EAAE,eAAA,IACF,CAAA;AAAA,MACJ,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,oBAAoB,CAAC,UAAwB;AAC3C,cAAM,QAAQ,MAAM,SAChB,cAAc,IAAI,MAAM,MAAM,IAC9B;AACJ,eAAO,QACL,oBAAC,qBAAA,EAAoB,OAAc,WAAU,WAAU,IACrD;AAAA,MACN;AAAA,MACA,eACE,qBAAA,UAAA,EACG,UAAA;AAAA,QAAA,2CAAa;AAAA,QACd,oBAAC,iBAAA,EAAgB,QAAQ,WAAA,CAAY;AAAA,MAAA,EAAA,CACvC;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEA,SAAS,gBACP,OACA,SACA;AACA,SAAO,MAAM,IAAI,CAAC,SAAoB;AACpC,UAAM,QAAQ,QAAQ,KAAK,EAAE,KAAK;AAClC,WAAO;AAAA,MACL,IAAI,KAAK;AAAA,MACT,OAAO,eAAe,KAAK,EAAE;AAAA,MAC7B;AAAA,MACA,WAAW,iBAAiB,KAAK;AAAA,IAAA;AAAA,EAErC,CAAC;AACH;AAEA,SAAS,gBAAgB,EAAE,UAAmC;AAC5D,6BACG,OAAA,EAAI,WAAU,mCAAkC,cAAW,eACzD,iBAAO,IAAI,CAAC,UACX,oBAAC,uBAAmC,OAAc,WAAU,YAAlC,MAAM,EAAqC,CACtE,GACH;AAEJ;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eACE,cAAc,WAAW,0BAA0B;AAAA,MAErD,mBAAiB,MAAM;AAAA,MACvB,OAAO,QAAQ,MAAM,EAAE;AAAA,MACvB,WAAW;AAAA,QACT;AAAA,QACA,cAAc,aAAa;AAAA,QAC3B,MAAM;AAAA,MAAA;AAAA,MAGP,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/data/ai/SessionViewer.approval-body.cjs

@@ -0,0 +1,146 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../../lib/utils.cjs");
+const SessionViewer_input = require("./SessionViewer.input.cjs");
+const SessionViewer_approvalForms = require("./SessionViewer.approval-forms.cjs");
+const SessionViewer_decisionControls = require("./SessionViewer.decision-controls.cjs");
+const Markdown = require("../Markdown.cjs");
+const SessionViewer_toolDetails = require("./SessionViewer.tool-details.cjs");
+function Badge({ tone, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn(
+        "rounded px-1.5 py-0.5 text-[11px] font-medium",
+        tone === "amber" && "bg-amber-500/15 text-amber-700 [[data-theme=dark]_&]:text-amber-300",
+        tone === "rose" && "bg-rose-500/15 text-rose-700 [[data-theme=dark]_&]:text-rose-300"
+      ),
+      children
+    }
+  );
+}
+function Fact({ label, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2 text-xs", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "w-14 shrink-0 text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "min-w-0 flex-1 break-all", children })
+  ] });
+}
+function Mono({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono text-foreground", children });
+}
+function RequestFacts({ request }) {
+  var _a, _b;
+  const { command, filesystem, network, elicitation, plan } = request;
+  return /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "space-y-1", children: [
+    (command == null ? void 0 : command.command) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Command", children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: command.command }) }),
+    (command == null ? void 0 : command.stdin) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Stdin", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "terminal ",
+      command.stdin.terminal,
+      ": ",
+      /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: JSON.stringify(command.stdin.chars) })
+    ] }) }),
+    (command == null ? void 0 : command.cwd) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Cwd", children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: command.cwd }) }),
+    (command == null ? void 0 : command.proposedPolicy) && command.proposedPolicy.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Rule", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-approval-proposed-policy": true, className: "text-muted-foreground", children: [
+      "Proposed rule (not applied): ",
+      command.proposedPolicy.join(" ")
+    ] }) }),
+    filesystem && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Action", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: filesystem.operation }) }),
+    (_a = filesystem == null ? void 0 : filesystem.paths) == null ? void 0 : _a.map((path) => /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Path", children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: path }) }, path)),
+    (_b = filesystem == null ? void 0 : filesystem.changes) == null ? void 0 : _b.map((change) => /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Change", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: change.kind }),
+      /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: change.path })
+    ] }) }, `${change.kind}:${change.path}`)),
+    (network == null ? void 0 : network.host) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Host", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: network.host }) }),
+    (network == null ? void 0 : network.protocol) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Protocol", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: network.protocol }) }),
+    (network == null ? void 0 : network.url) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "URL", children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: network.url }) }),
+    (network == null ? void 0 : network.command) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Command", children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: network.command }) }),
+    elicitation && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Server", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: elicitation.server }) }),
+    (elicitation == null ? void 0 : elicitation.message) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Message", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: elicitation.message }) }),
+    (plan == null ? void 0 : plan.path) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Plan", children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: plan.path }) }),
+    request.reason && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Reason", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: request.reason }) })
+  ] });
+}
+function RequestFlags({ request }) {
+  var _a;
+  const unsandboxed = ((_a = request.command) == null ? void 0 : _a.unsandboxed) === true;
+  if (!request.escalates && !unsandboxed) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
+    request.escalates && /* @__PURE__ */ jsxRuntime.jsx(Badge, { tone: "amber", children: "Escalates sandbox" }),
+    unsandboxed && /* @__PURE__ */ jsxRuntime.jsx(Badge, { tone: "rose", children: "Unsandboxed" })
+  ] });
+}
+function TypedApprovalBody({
+  event,
+  request,
+  onDecision
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1.5 space-y-1.5", "data-approval-kind": request.kind, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(RequestFlags, { request }),
+    /* @__PURE__ */ jsxRuntime.jsx(RequestFacts, { request }),
+    request.kind === "tool" && request.input && /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolDetails.DetailBlock, { language: "json", source: JSON.stringify(request.input, null, 2) }),
+    request.kind === "plan" && request.plan && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-approval-plan": true, className: "rounded-md border border-border bg-background p-density-3 text-sm", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown.Markdown, { text: request.plan.content }) }),
+    request.kind === "question" && SessionViewer_input.questionsFromApproval(request.questions ?? []).map((question, index) => /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolDetails.QuestionCard, { question, index }, `${question.id}-${index}`)),
+    onDecision && /* @__PURE__ */ jsxRuntime.jsx(KindControls, { event, request, onDecision })
+  ] });
+}
+function KindControls({
+  event,
+  request,
+  onDecision
+}) {
+  switch (request.kind) {
+    case "permissions":
+      return /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_approvalForms.PermissionsControls, { event, request, onDecision });
+    case "elicitation":
+      if (!request.elicitation) return /* @__PURE__ */ jsxRuntime.jsx(MissingPayload, { request });
+      return request.elicitation.mode === "url" ? /* @__PURE__ */ jsxRuntime.jsx(
+        SessionViewer_approvalForms.ElicitationUrlControls,
+        {
+          event,
+          request,
+          elicitation: request.elicitation,
+          onDecision
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        SessionViewer_approvalForms.ElicitationFormControls,
+        {
+          event,
+          request,
+          elicitation: request.elicitation,
+          onDecision
+        }
+      );
+    case "plan":
+      if (!request.plan) return /* @__PURE__ */ jsxRuntime.jsx(MissingPayload, { request });
+      return /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_decisionControls.PlanDecisionControls, { event, request, onDecision });
+    case "question":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        SessionViewer_decisionControls.QuestionDecisionControls,
+        {
+          event,
+          request,
+          questions: SessionViewer_input.questionsFromApproval(request.questions ?? []),
+          onDecision
+        }
+      );
+    case "command":
+    case "filesystem":
+    case "network":
+    case "tool":
+      return /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_decisionControls.PendingDecisionControls, { event, request, onDecision });
+  }
+}
+function MissingPayload({ request }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", className: "text-xs text-rose-600", children: [
+    "This ",
+    request.kind,
+    " approval for ",
+    request.tool,
+    " is missing its ",
+    request.kind,
+    " payload."
+  ] });
+}
+exports.TypedApprovalBody = TypedApprovalBody;
+//# sourceMappingURL=SessionViewer.approval-body.cjs.map

package/dist/data/ai/SessionViewer.approval-body.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.approval-body.cjs","sources":["../../../src/data/ai/SessionViewer.approval-body.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport type { ApprovalRequest } from \"./approval-request\";\nimport { questionsFromApproval } from \"./SessionViewer.input\";\nimport type { SessionEvent } from \"./SessionViewer.model\";\nimport {\n  ElicitationFormControls,\n  ElicitationUrlControls,\n  PermissionsControls,\n} from \"./SessionViewer.approval-forms\";\nimport type { DecisionHandler } from \"./SessionViewer.decision\";\nimport {\n  PendingDecisionControls,\n  PlanDecisionControls,\n  QuestionDecisionControls,\n} from \"./SessionViewer.decision-controls\";\nimport { Markdown } from \"../Markdown\";\nimport { DetailBlock, QuestionCard } from \"./SessionViewer.tool-details\";\n\nfunction Badge({ tone, children }: { tone: \"amber\" | \"rose\"; children: ReactNode }) {\n  return (\n    <span\n      className={cn(\n        \"rounded px-1.5 py-0.5 text-[11px] font-medium\",\n        tone === \"amber\" && \"bg-amber-500/15 text-amber-700 [[data-theme=dark]_&]:text-amber-300\",\n        tone === \"rose\" && \"bg-rose-500/15 text-rose-700 [[data-theme=dark]_&]:text-rose-300\",\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n\nfunction Fact({ label, children }: { label: string; children: ReactNode }) {\n  return (\n    <div className=\"flex items-baseline gap-2 text-xs\">\n      <dt className=\"w-14 shrink-0 text-muted-foreground\">{label}</dt>\n      <dd className=\"min-w-0 flex-1 break-all\">{children}</dd>\n    </div>\n  );\n}\n\nfunction Mono({ children }: { children: ReactNode }) {\n  return <code className=\"font-mono text-foreground\">{children}</code>;\n}\n\nfunction RequestFacts({ request }: { request: ApprovalRequest }) {\n  const { command, filesystem, network, elicitation, plan } = request;\n  return (\n    <dl className=\"space-y-1\">\n      {command?.command && <Fact label=\"Command\"><Mono>{command.command}</Mono></Fact>}\n      {command?.stdin && (\n        <Fact label=\"Stdin\">\n          <span>\n            terminal {command.stdin.terminal}: <Mono>{JSON.stringify(command.stdin.chars)}</Mono>\n          </span>\n        </Fact>\n      )}\n      {command?.cwd && <Fact label=\"Cwd\"><Mono>{command.cwd}</Mono></Fact>}\n      {command?.proposedPolicy && command.proposedPolicy.length > 0 && (\n        <Fact label=\"Rule\">\n          <span data-approval-proposed-policy className=\"text-muted-foreground\">\n            Proposed rule (not applied): {command.proposedPolicy.join(\" \")}\n          </span>\n        </Fact>\n      )}\n      {filesystem && <Fact label=\"Action\"><span>{filesystem.operation}</span></Fact>}\n      {filesystem?.paths?.map((path) => (\n        <Fact key={path} label=\"Path\"><Mono>{path}</Mono></Fact>\n      ))}\n      {filesystem?.changes?.map((change) => (\n        <Fact key={`${change.kind}:${change.path}`} label=\"Change\">\n          <span className=\"inline-flex gap-1.5\">\n            <span className=\"font-medium\">{change.kind}</span>\n            <Mono>{change.path}</Mono>\n          </span>\n        </Fact>\n      ))}\n      {network?.host && <Fact label=\"Host\"><span>{network.host}</span></Fact>}\n      {network?.protocol && <Fact label=\"Protocol\"><span>{network.protocol}</span></Fact>}\n      {network?.url && <Fact label=\"URL\"><Mono>{network.url}</Mono></Fact>}\n      {network?.command && <Fact label=\"Command\"><Mono>{network.command}</Mono></Fact>}\n      {elicitation && <Fact label=\"Server\"><span>{elicitation.server}</span></Fact>}\n      {elicitation?.message && <Fact label=\"Message\"><span>{elicitation.message}</span></Fact>}\n      {plan?.path && <Fact label=\"Plan\"><Mono>{plan.path}</Mono></Fact>}\n      {request.reason && <Fact label=\"Reason\"><span>{request.reason}</span></Fact>}\n    </dl>\n  );\n}\n\nfunction RequestFlags({ request }: { request: ApprovalRequest }) {\n  const unsandboxed = request.command?.unsandboxed === true;\n  if (!request.escalates && !unsandboxed) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {request.escalates && <Badge tone=\"amber\">Escalates sandbox</Badge>}\n      {unsandboxed && <Badge tone=\"rose\">Unsandboxed</Badge>}\n    </div>\n  );\n}\n\n/** The body of a typed approval: what is being asked for, then the controls for\n *  its kind. Without `onDecision` it only describes the request. */\nexport function TypedApprovalBody({\n  event,\n  request,\n  onDecision,\n}: {\n  event: SessionEvent;\n  request: ApprovalRequest;\n  onDecision?: DecisionHandler | undefined;\n}) {\n  return (\n    <div className=\"mt-1.5 space-y-1.5\" data-approval-kind={request.kind}>\n      <RequestFlags request={request} />\n      <RequestFacts request={request} />\n      {request.kind === \"tool\" && request.input && (\n        <DetailBlock language=\"json\" source={JSON.stringify(request.input, null, 2)} />\n      )}\n      {request.kind === \"plan\" && request.plan && (\n        <div data-approval-plan className=\"rounded-md border border-border bg-background p-density-3 text-sm\">\n          <Markdown text={request.plan.content} />\n        </div>\n      )}\n      {request.kind === \"question\" &&\n        questionsFromApproval(request.questions ?? []).map((question, index) => (\n          <QuestionCard key={`${question.id}-${index}`} question={question} index={index} />\n        ))}\n      {onDecision && <KindControls event={event} request={request} onDecision={onDecision} />}\n    </div>\n  );\n}\n\nfunction KindControls({\n  event,\n  request,\n  onDecision,\n}: {\n  event: SessionEvent;\n  request: ApprovalRequest;\n  onDecision: DecisionHandler;\n}) {\n  switch (request.kind) {\n    case \"permissions\":\n      return <PermissionsControls event={event} request={request} onDecision={onDecision} />;\n    case \"elicitation\":\n      if (!request.elicitation) return <MissingPayload request={request} />;\n      return request.elicitation.mode === \"url\" ? (\n        <ElicitationUrlControls\n          event={event}\n          request={request}\n          elicitation={request.elicitation}\n          onDecision={onDecision}\n        />\n      ) : (\n        <ElicitationFormControls\n          event={event}\n          request={request}\n          elicitation={request.elicitation}\n          onDecision={onDecision}\n        />\n      );\n    case \"plan\":\n      if (!request.plan) return <MissingPayload request={request} />;\n      return <PlanDecisionControls event={event} request={request} onDecision={onDecision} />;\n    case \"question\":\n      return (\n        <QuestionDecisionControls\n          event={event}\n          request={request}\n          questions={questionsFromApproval(request.questions ?? [])}\n          onDecision={onDecision}\n        />\n      );\n    case \"command\":\n    case \"filesystem\":\n    case \"network\":\n    case \"tool\":\n      return <PendingDecisionControls event={event} request={request} onDecision={onDecision} />;\n  }\n}\n\nfunction MissingPayload({ request }: { request: ApprovalRequest }) {\n  return (\n    <div role=\"alert\" className=\"text-xs text-rose-600\">\n      This {request.kind} approval for {request.tool} is missing its {request.kind} payload.\n    </div>\n  );\n}\n"],"names":["jsx","cn","jsxs","DetailBlock","Markdown","questionsFromApproval","QuestionCard","PermissionsControls","ElicitationUrlControls","ElicitationFormControls","PlanDecisionControls","QuestionDecisionControls","PendingDecisionControls"],"mappings":"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"}

package/dist/data/ai/SessionViewer.approval-body.d.ts

@@ -0,0 +1,11 @@
+import { ApprovalRequest } from './approval-request.js';
+import { SessionEvent } from './SessionViewer.model.js';
+import { DecisionHandler } from './SessionViewer.decision.js';
+/** The body of a typed approval: what is being asked for, then the controls for
+ *  its kind. Without `onDecision` it only describes the request. */
+export declare function TypedApprovalBody({ event, request, onDecision, }: {
+    event: SessionEvent;
+    request: ApprovalRequest;
+    onDecision?: DecisionHandler | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SessionViewer.approval-body.d.ts.map

package/dist/data/ai/SessionViewer.approval-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.approval-body.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.approval-body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAM1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AA2FhE;oEACoE;AACpE,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,UAAU,GACX,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,eAAe,CAAC;IACzB,UAAU,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;CAC1C,+BAoBA"}