@flanksource/clicky-ui 0.3.5 → 0.3.7

package/dist/data/ai/SessionViewer.js

@@ -0,0 +1,275 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../Icon.js";
+import { CodeBlock } from "../CodeBlock.js";
+import { useDensityValue } from "../../hooks/use-density.js";
+import { DensityValueProvider } from "../../hooks/density-provider.js";
+import { normalizeSession, summarizeSession, getSessionAction, summarizeToolInput } from "./SessionViewer.model.js";
+import { collectSessionFilters, isEventVisible } from "./session-categories.js";
+import { SessionViewerMenu } from "./SessionViewerMenu.js";
+import { UiRobotAi } from "../../icons/components/UiRobotAi.js";
+import { UiUserCircle } from "../../icons/components/UiUserCircle.js";
+import { UiWarningTriangle } from "../../icons/components/UiWarningTriangle.js";
+import { UiBrain } from "../../icons/components/UiBrain.js";
+import { UiSparkles } from "../../icons/components/UiSparkles.js";
+import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
+const DISC_TONE = {
+  sky: "bg-sky-100 text-sky-700 [[data-theme=dark]_&]:bg-sky-500/15 [[data-theme=dark]_&]:text-sky-300",
+  amber: "bg-amber-100 text-amber-700 [[data-theme=dark]_&]:bg-amber-500/15 [[data-theme=dark]_&]:text-amber-300",
+  violet: "bg-violet-100 text-violet-700 [[data-theme=dark]_&]:bg-violet-500/15 [[data-theme=dark]_&]:text-violet-300",
+  emerald: "bg-emerald-100 text-emerald-700 [[data-theme=dark]_&]:bg-emerald-500/15 [[data-theme=dark]_&]:text-emerald-300",
+  rose: "bg-rose-100 text-rose-700 [[data-theme=dark]_&]:bg-rose-500/15 [[data-theme=dark]_&]:text-rose-300",
+  indigo: "bg-indigo-100 text-indigo-700 [[data-theme=dark]_&]:bg-indigo-500/15 [[data-theme=dark]_&]:text-indigo-300",
+  fuchsia: "bg-fuchsia-100 text-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-500/15 [[data-theme=dark]_&]:text-fuchsia-300",
+  pink: "bg-pink-100 text-pink-700 [[data-theme=dark]_&]:bg-pink-500/15 [[data-theme=dark]_&]:text-pink-300",
+  slate: "bg-muted text-muted-foreground"
+};
+function toggleInSet(set, value) {
+  const next = new Set(set);
+  if (next.has(value)) next.delete(value);
+  else next.add(value);
+  return next;
+}
+function SessionViewer({
+  session,
+  className,
+  defaultExpanded = false,
+  showThinking = true,
+  showHeader = true,
+  showMenu = true,
+  defaultDensity,
+  defaultTheme
+}) {
+  const allEvents = useMemo(() => normalizeSession(session), [session]);
+  const pageDensity = useDensityValue();
+  const [densityOverride, setDensityOverride] = useState(defaultDensity);
+  const [themeOverride, setThemeOverride] = useState(defaultTheme);
+  const [hiddenCategories, setHiddenCategories] = useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  const [hiddenTools, setHiddenTools] = useState(() => /* @__PURE__ */ new Set());
+  const [hiddenSources, setHiddenSources] = useState(() => /* @__PURE__ */ new Set());
+  const [showThinkingOverride, setShowThinkingOverride] = useState(void 0);
+  const effectiveShowThinking = showThinkingOverride ?? showThinking;
+  const filters = useMemo(() => collectSessionFilters(allEvents), [allEvents]);
+  const hasThinking = useMemo(() => allEvents.some((e) => e.kind === "thinking"), [allEvents]);
+  const visibility = { hiddenCategories, hiddenTools, hiddenSources, showThinking: effectiveShowThinking };
+  const events = allEvents.filter((event) => isEventVisible(event, visibility));
+  if (allEvents.length === 0) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "rounded-md border border-dashed border-border p-density-4 text-center text-sm text-muted-foreground",
+          className
+        ),
+        children: "No session activity."
+      }
+    );
+  }
+  const summary = summarizeSession(allEvents);
+  const effectiveDensity = densityOverride ?? pageDensity;
+  const dataAttrs = {
+    ...densityOverride ? { "data-density": densityOverride } : {},
+    ...themeOverride ? { "data-theme": themeOverride } : {}
+  };
+  return /* @__PURE__ */ jsx("div", { className: cn("text-sm", className), ...dataAttrs, children: /* @__PURE__ */ jsxs(DensityValueProvider, { density: effectiveDensity, children: [
+    (showHeader || showMenu) && /* @__PURE__ */ jsxs("div", { className: "mb-density-3 flex items-center justify-between gap-density-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground", children: [
+        showHeader && summary.model && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 font-medium text-foreground", children: [
+          /* @__PURE__ */ jsx(Icon, { icon: UiRobotAi, className: "size-3.5" }),
+          summary.model
+        ] }),
+        showHeader && /* @__PURE__ */ jsxs("span", { children: [
+          summary.toolCount,
+          " actions"
+        ] }),
+        showHeader && /* @__PURE__ */ jsxs("span", { children: [
+          summary.messageCount,
+          " messages"
+        ] })
+      ] }),
+      showMenu && /* @__PURE__ */ jsx(
+        SessionViewerMenu,
+        {
+          density: densityOverride,
+          onDensityChange: setDensityOverride,
+          theme: themeOverride,
+          onThemeChange: setThemeOverride,
+          filters,
+          hiddenCategories,
+          hiddenTools,
+          hiddenSources,
+          onToggleCategory: (category) => setHiddenCategories((set) => toggleInSet(set, category)),
+          onToggleTool: (tool) => setHiddenTools((set) => toggleInSet(set, tool)),
+          onToggleSource: (source) => setHiddenSources((set) => toggleInSet(set, source)),
+          showThinking: effectiveShowThinking,
+          onToggleThinking: () => setShowThinkingOverride(!effectiveShowThinking),
+          hasThinking
+        }
+      )
+    ] }),
+    events.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed border-border p-density-4 text-center text-sm text-muted-foreground", children: "All actions are hidden by the active filters." }) : /* @__PURE__ */ jsx("ol", { className: "relative", children: events.map((event, index) => /* @__PURE__ */ jsx(
+      SessionRow,
+      {
+        event,
+        last: index === events.length - 1,
+        defaultExpanded
+      },
+      event.id
+    )) })
+  ] }) });
+}
+function SessionRow({
+  event,
+  last,
+  defaultExpanded
+}) {
+  if (event.kind === "user") return /* @__PURE__ */ jsx(UserRow, { event });
+  const visual = eventVisual(event);
+  return /* @__PURE__ */ jsxs("li", { "data-event-kind": event.kind, className: "relative flex gap-density-3 pb-density-4 last:pb-0", children: [
+    !last && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "absolute bottom-0 left-[10px] top-[22px] w-px bg-border" }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full",
+          DISC_TONE[visual.tone]
+        ),
+        children: /* @__PURE__ */ jsx(Icon, { icon: visual.icon, className: "h-3 w-3" })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 pt-px", children: /* @__PURE__ */ jsx(EventBody, { event, visual, defaultExpanded }) })
+  ] });
+}
+function UserRow({ event }) {
+  return /* @__PURE__ */ jsx("li", { "data-event-kind": "user", className: "relative flex justify-end pb-density-4 last:pb-0", children: /* @__PURE__ */ jsxs("div", { className: "flex max-w-[85%] items-start gap-density-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-0.5 text-right text-xs font-medium text-muted-foreground", children: "You" }),
+      /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap break-words rounded-lg bg-accent px-density-3 py-density-2 text-right leading-relaxed text-accent-foreground", children: event.text })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full",
+          DISC_TONE.slate
+        ),
+        children: /* @__PURE__ */ jsx(Icon, { icon: UiUserCircle, className: "h-3 w-3" })
+      }
+    )
+  ] }) });
+}
+function eventVisual(event) {
+  switch (event.kind) {
+    case "tool": {
+      const action = getSessionAction(event.tool ?? "");
+      return { icon: action.icon, tone: action.tone, label: action.label };
+    }
+    case "user":
+      return { icon: UiUserCircle, tone: "slate", label: "User" };
+    case "assistant":
+      return { icon: UiSparkles, tone: "indigo", label: "Assistant" };
+    case "thinking":
+      return { icon: UiBrain, tone: "slate", label: "Thinking" };
+    case "error":
+      return { icon: UiWarningTriangle, tone: "rose", label: "Error" };
+  }
+}
+function EventBody({
+  event,
+  visual,
+  defaultExpanded
+}) {
+  if (event.kind === "tool") return /* @__PURE__ */ jsx(ToolBody, { event, label: visual.label, defaultExpanded });
+  if (event.kind === "thinking") return /* @__PURE__ */ jsx(ThinkingBody, { event });
+  if (event.kind === "error") return /* @__PURE__ */ jsx(ErrorBody, { event });
+  return /* @__PURE__ */ jsx(MessageBody, { event, label: visual.label });
+}
+function ToolBody({
+  event,
+  label,
+  defaultExpanded
+}) {
+  const summary = summarizeToolInput(event.tool ?? "", event.toolInput);
+  const hasDetail = event.toolInput !== void 0 || event.toolResponse !== void 0;
+  const [open, setOpen] = useState(defaultExpanded);
+  const header = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: label }),
+    summary && /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-xs text-muted-foreground", children: summary })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: "not-prose", children: [
+    hasDetail ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": open,
+        onClick: () => setOpen((value) => !value),
+        className: "flex w-full items-center gap-1.5 text-left hover:text-foreground",
+        children: [
+          header,
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: UiChevronDown,
+              className: cn("ml-auto size-3 shrink-0 text-muted-foreground transition-transform", open && "rotate-180")
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: header }),
+    (event.model || event.source) && /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex gap-density-2 text-[11px] text-muted-foreground", children: [
+      event.source && /* @__PURE__ */ jsx("span", { children: event.source }),
+      event.model && /* @__PURE__ */ jsx("span", { children: event.model }),
+      event.reasoningEffort && /* @__PURE__ */ jsxs("span", { children: [
+        "effort: ",
+        event.reasoningEffort
+      ] })
+    ] }),
+    open && hasDetail && /* @__PURE__ */ jsxs("div", { className: "mt-1.5 space-y-1.5", children: [
+      event.toolInput !== void 0 && /* @__PURE__ */ jsx(DetailBlock, { language: "json", source: JSON.stringify(event.toolInput, null, 2) }),
+      event.toolResponse !== void 0 && /* @__PURE__ */ jsx(ResponseBlock, { response: event.toolResponse })
+    ] })
+  ] });
+}
+function ResponseBlock({ response }) {
+  const trimmed = response.trim();
+  const isJson = trimmed.startsWith("{") || trimmed.startsWith("[");
+  return /* @__PURE__ */ jsx(DetailBlock, { language: isJson ? "json" : "text", source: response });
+}
+function DetailBlock({ language, source }) {
+  return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto text-xs", children: /* @__PURE__ */ jsx(CodeBlock, { language, source }) });
+}
+function MessageBody({ event, label }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-0.5 text-xs font-medium text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap break-words leading-relaxed text-foreground", children: event.text })
+  ] });
+}
+function ThinkingBody({ event }) {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: "not-prose", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": open,
+        onClick: () => setOpen((value) => !value),
+        className: "flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "italic", children: "Reasoning" }),
+          /* @__PURE__ */ jsx(Icon, { icon: UiChevronDown, className: cn("size-3 transition-transform", open && "rotate-180") })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx("div", { className: "mt-1 whitespace-pre-wrap break-words border-l-2 border-border pl-density-3 text-xs italic leading-relaxed text-muted-foreground", children: event.text })
+  ] });
+}
+function ErrorBody({ event }) {
+  return /* @__PURE__ */ jsx("div", { className: "rounded-md border border-rose-200 bg-rose-50 px-density-3 py-1.5 text-xs text-rose-700 [[data-theme=dark]_&]:border-rose-500/30 [[data-theme=dark]_&]:bg-rose-500/10 [[data-theme=dark]_&]:text-rose-300", children: event.text });
+}
+export {
+  SessionViewer
+};
+//# sourceMappingURL=SessionViewer.js.map

package/dist/data/ai/SessionViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.js","sources":["../../../src/data/ai/SessionViewer.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { useDensityValue, type Density } from \"../../hooks/use-density\";\nimport { DensityValueProvider } from \"../../hooks/density-provider\";\nimport {\n  UiBrain,\n  UiChevronDown,\n  UiRobotAi,\n  UiSparkles,\n  UiUserCircle,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport {\n  getSessionAction,\n  normalizeSession,\n  summarizeSession,\n  summarizeToolInput,\n  type SessionEvent,\n  type SessionInput,\n  type SessionTone,\n} from \"./SessionViewer.model\";\nimport {\n  collectSessionFilters,\n  isEventVisible,\n  type SessionCategory,\n} from \"./session-categories\";\nimport { SessionViewerMenu, type SessionThemeOverride } from \"./SessionViewerMenu\";\n\nexport type {\n  SessionEntry,\n  SessionEvent,\n  SessionInput,\n  SessionActionMeta,\n} from \"./SessionViewer.model\";\nexport type { SessionThemeOverride } from \"./SessionViewerMenu\";\n\nexport interface SessionViewerProps {\n  /** A captain session: parsed `SessionEntry[]` or raw log text (JSON / JSONL). */\n  session: SessionInput;\n  className?: string;\n  /** Expand each tool call's input/output by default. Defaults to false. */\n  defaultExpanded?: boolean;\n  /** Render assistant reasoning (\"thinking\") blocks. Defaults to true. */\n  showThinking?: boolean;\n  /** Show the summary header (model + action counts). Defaults to true. */\n  showHeader?: boolean;\n  /** Show the 3-dot menu (density + category/tool/source filters). Defaults to true. */\n  showMenu?: boolean;\n  /** Initial density override; undefined inherits the page/document density. */\n  defaultDensity?: Density;\n  /** Initial theme override; undefined inherits the page/document `data-theme`. */\n  defaultTheme?: SessionThemeOverride;\n}\n\n// Disc colors per tone. The dark variants key off a `[data-theme=\"dark\"]`\n// ancestor (the document attribute set by ThemeProvider, or the component-level\n// override painted on this viewer's root) rather than Tailwind's `dark:` —\n// which this library compiles to `prefers-color-scheme` and so would ignore the\n// `data-theme` attribute. Written as literal class strings so Tailwind scans them.\nconst DISC_TONE: Record<SessionTone, string> = {\n  sky: \"bg-sky-100 text-sky-700 [[data-theme=dark]_&]:bg-sky-500/15 [[data-theme=dark]_&]:text-sky-300\",\n  amber: \"bg-amber-100 text-amber-700 [[data-theme=dark]_&]:bg-amber-500/15 [[data-theme=dark]_&]:text-amber-300\",\n  violet: \"bg-violet-100 text-violet-700 [[data-theme=dark]_&]:bg-violet-500/15 [[data-theme=dark]_&]:text-violet-300\",\n  emerald: \"bg-emerald-100 text-emerald-700 [[data-theme=dark]_&]:bg-emerald-500/15 [[data-theme=dark]_&]:text-emerald-300\",\n  rose: \"bg-rose-100 text-rose-700 [[data-theme=dark]_&]:bg-rose-500/15 [[data-theme=dark]_&]:text-rose-300\",\n  indigo: \"bg-indigo-100 text-indigo-700 [[data-theme=dark]_&]:bg-indigo-500/15 [[data-theme=dark]_&]:text-indigo-300\",\n  fuchsia: \"bg-fuchsia-100 text-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-500/15 [[data-theme=dark]_&]:text-fuchsia-300\",\n  pink: \"bg-pink-100 text-pink-700 [[data-theme=dark]_&]:bg-pink-500/15 [[data-theme=dark]_&]:text-pink-300\",\n  slate: \"bg-muted text-muted-foreground\",\n};\n\nfunction toggleInSet<T>(set: ReadonlySet<T>, value: T): Set<T> {\n  const next = new Set(set);\n  if (next.has(value)) next.delete(value);\n  else next.add(value);\n  return next;\n}\n\n/**\n * SessionViewer renders a recorded AI coding-agent session (the captain\n * `pkg/ai/history` JSON schema — Claude Code / Codex transcripts) as a vertical\n * action log. Each entry sits on a tone-colored icon disc from the Flanksource\n * \"Agent Action Icons\" set; user prompts/selections are right-aligned like a\n * chat. Tool calls expand to their input and response. The \"3-dot\" menu mirrors\n * `captain history` filtering — toggle density and hide categories, tools or\n * sources.\n */\nexport function SessionViewer({\n  session,\n  className,\n  defaultExpanded = false,\n  showThinking = true,\n  showHeader = true,\n  showMenu = true,\n  defaultDensity,\n  defaultTheme,\n}: SessionViewerProps) {\n  const allEvents = useMemo(() => normalizeSession(session), [session]);\n\n  const pageDensity = useDensityValue();\n  const [densityOverride, setDensityOverride] = useState<Density | undefined>(defaultDensity);\n  const [themeOverride, setThemeOverride] = useState<SessionThemeOverride | undefined>(defaultTheme);\n  const [hiddenCategories, setHiddenCategories] = useState<ReadonlySet<SessionCategory>>(\n    () => new Set(),\n  );\n  const [hiddenTools, setHiddenTools] = useState<ReadonlySet<string>>(() => new Set());\n  const [hiddenSources, setHiddenSources] = useState<ReadonlySet<string>>(() => new Set());\n  // Undefined = follow the `showThinking` prop; the menu toggle sets an override.\n  const [showThinkingOverride, setShowThinkingOverride] = useState<boolean | undefined>(undefined);\n  const effectiveShowThinking = showThinkingOverride ?? showThinking;\n\n  const filters = useMemo(() => collectSessionFilters(allEvents), [allEvents]);\n  const hasThinking = useMemo(() => allEvents.some((e) => e.kind === \"thinking\"), [allEvents]);\n\n  const visibility = { hiddenCategories, hiddenTools, hiddenSources, showThinking: effectiveShowThinking };\n  const events = allEvents.filter((event) => isEventVisible(event, visibility));\n\n  if (allEvents.length === 0) {\n    return (\n      <div\n        className={cn(\n          \"rounded-md border border-dashed border-border p-density-4 text-center text-sm text-muted-foreground\",\n          className,\n        )}\n      >\n        No session activity.\n      </div>\n    );\n  }\n\n  const summary = summarizeSession(allEvents);\n  const effectiveDensity = densityOverride ?? pageDensity;\n  const dataAttrs: Record<string, string> = {\n    ...(densityOverride ? { \"data-density\": densityOverride } : {}),\n    ...(themeOverride ? { \"data-theme\": themeOverride } : {}),\n  };\n\n  return (\n    <div className={cn(\"text-sm\", className)} {...dataAttrs}>\n      <DensityValueProvider density={effectiveDensity}>\n        {(showHeader || showMenu) && (\n          <div className=\"mb-density-3 flex items-center justify-between gap-density-3\">\n            <div className=\"flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground\">\n              {showHeader && summary.model && (\n                <span className=\"inline-flex items-center gap-1 font-medium text-foreground\">\n                  <Icon icon={UiRobotAi} className=\"size-3.5\" />\n                  {summary.model}\n                </span>\n              )}\n              {showHeader && <span>{summary.toolCount} actions</span>}\n              {showHeader && <span>{summary.messageCount} messages</span>}\n            </div>\n            {showMenu && (\n              <SessionViewerMenu\n                density={densityOverride}\n                onDensityChange={setDensityOverride}\n                theme={themeOverride}\n                onThemeChange={setThemeOverride}\n                filters={filters}\n                hiddenCategories={hiddenCategories}\n                hiddenTools={hiddenTools}\n                hiddenSources={hiddenSources}\n                onToggleCategory={(category) =>\n                  setHiddenCategories((set) => toggleInSet(set, category))\n                }\n                onToggleTool={(tool) => setHiddenTools((set) => toggleInSet(set, tool))}\n                onToggleSource={(source) => setHiddenSources((set) => toggleInSet(set, source))}\n                showThinking={effectiveShowThinking}\n                onToggleThinking={() => setShowThinkingOverride(!effectiveShowThinking)}\n                hasThinking={hasThinking}\n              />\n            )}\n          </div>\n        )}\n\n        {events.length === 0 ? (\n          <div className=\"rounded-md border border-dashed border-border p-density-4 text-center text-sm text-muted-foreground\">\n            All actions are hidden by the active filters.\n          </div>\n        ) : (\n          <ol className=\"relative\">\n            {events.map((event, index) => (\n              <SessionRow\n                key={event.id}\n                event={event}\n                last={index === events.length - 1}\n                defaultExpanded={defaultExpanded}\n              />\n            ))}\n          </ol>\n        )}\n      </DensityValueProvider>\n    </div>\n  );\n}\n\nfunction SessionRow({\n  event,\n  last,\n  defaultExpanded,\n}: {\n  event: SessionEvent;\n  last: boolean;\n  defaultExpanded: boolean;\n}) {\n  if (event.kind === \"user\") return <UserRow event={event} />;\n\n  const visual = eventVisual(event);\n  return (\n    <li data-event-kind={event.kind} className=\"relative flex gap-density-3 pb-density-4 last:pb-0\">\n      {!last && <span aria-hidden className=\"absolute bottom-0 left-[10px] top-[22px] w-px bg-border\" />}\n      <span\n        className={cn(\n          \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n          DISC_TONE[visual.tone],\n        )}\n      >\n        <Icon icon={visual.icon} className=\"h-3 w-3\" />\n      </span>\n      <div className=\"min-w-0 flex-1 pt-px\">\n        <EventBody event={event} visual={visual} defaultExpanded={defaultExpanded} />\n      </div>\n    </li>\n  );\n}\n\n// User prompts and selections sit on the right, like a chat composer turn.\nfunction UserRow({ event }: { event: SessionEvent }) {\n  return (\n    <li data-event-kind=\"user\" className=\"relative flex justify-end pb-density-4 last:pb-0\">\n      <div className=\"flex max-w-[85%] items-start gap-density-3\">\n        <div className=\"min-w-0\">\n          <div className=\"mb-0.5 text-right text-xs font-medium text-muted-foreground\">You</div>\n          <div className=\"whitespace-pre-wrap break-words rounded-lg bg-accent px-density-3 py-density-2 text-right leading-relaxed text-accent-foreground\">\n            {event.text}\n          </div>\n        </div>\n        <span\n          className={cn(\n            \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n            DISC_TONE.slate,\n          )}\n        >\n          <Icon icon={UiUserCircle} className=\"h-3 w-3\" />\n        </span>\n      </div>\n    </li>\n  );\n}\n\ninterface EventVisual {\n  icon: StaticIconComponent;\n  tone: SessionTone;\n  label: string;\n}\n\nfunction eventVisual(event: SessionEvent): EventVisual {\n  switch (event.kind) {\n    case \"tool\": {\n      const action = getSessionAction(event.tool ?? \"\");\n      return { icon: action.icon, tone: action.tone, label: action.label };\n    }\n    case \"user\":\n      return { icon: UiUserCircle, tone: \"slate\", label: \"User\" };\n    case \"assistant\":\n      return { icon: UiSparkles, tone: \"indigo\", label: \"Assistant\" };\n    case \"thinking\":\n      return { icon: UiBrain, tone: \"slate\", label: \"Thinking\" };\n    case \"error\":\n      return { icon: UiWarningTriangle, tone: \"rose\", label: \"Error\" };\n  }\n}\n\nfunction EventBody({\n  event,\n  visual,\n  defaultExpanded,\n}: {\n  event: SessionEvent;\n  visual: EventVisual;\n  defaultExpanded: boolean;\n}) {\n  if (event.kind === \"tool\") return <ToolBody event={event} label={visual.label} defaultExpanded={defaultExpanded} />;\n  if (event.kind === \"thinking\") return <ThinkingBody event={event} />;\n  if (event.kind === \"error\") return <ErrorBody event={event} />;\n  return <MessageBody event={event} label={visual.label} />;\n}\n\nfunction ToolBody({\n  event,\n  label,\n  defaultExpanded,\n}: {\n  event: SessionEvent;\n  label: string;\n  defaultExpanded: boolean;\n}) {\n  const summary = summarizeToolInput(event.tool ?? \"\", event.toolInput);\n  const hasDetail = event.toolInput !== undefined || event.toolResponse !== undefined;\n  const [open, setOpen] = useState(defaultExpanded);\n\n  const header = (\n    <>\n      <span className=\"font-medium text-foreground\">{label}</span>\n      {summary && <span className=\"truncate font-mono text-xs text-muted-foreground\">{summary}</span>}\n    </>\n  );\n\n  return (\n    <div className=\"not-prose\">\n      {hasDetail ? (\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          onClick={() => setOpen((value) => !value)}\n          className=\"flex w-full items-center gap-1.5 text-left hover:text-foreground\"\n        >\n          {header}\n          <Icon\n            icon={UiChevronDown}\n            className={cn(\"ml-auto size-3 shrink-0 text-muted-foreground transition-transform\", open && \"rotate-180\")}\n          />\n        </button>\n      ) : (\n        <div className=\"flex items-center gap-1.5\">{header}</div>\n      )}\n\n      {(event.model || event.source) && (\n        <div className=\"mt-0.5 flex gap-density-2 text-[11px] text-muted-foreground\">\n          {event.source && <span>{event.source}</span>}\n          {event.model && <span>{event.model}</span>}\n          {event.reasoningEffort && <span>effort: {event.reasoningEffort}</span>}\n        </div>\n      )}\n\n      {open && hasDetail && (\n        <div className=\"mt-1.5 space-y-1.5\">\n          {event.toolInput !== undefined && (\n            <DetailBlock language=\"json\" source={JSON.stringify(event.toolInput, null, 2)} />\n          )}\n          {event.toolResponse !== undefined && <ResponseBlock response={event.toolResponse} />}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ResponseBlock({ response }: { response: string }) {\n  const trimmed = response.trim();\n  const isJson = trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\");\n  return <DetailBlock language={isJson ? \"json\" : \"text\"} source={response} />;\n}\n\nfunction DetailBlock({ language, source }: { language: string; source: string }): ReactNode {\n  return (\n    <div className=\"overflow-x-auto text-xs\">\n      <CodeBlock language={language} source={source} />\n    </div>\n  );\n}\n\nfunction MessageBody({ event, label }: { event: SessionEvent; label: string }) {\n  return (\n    <div>\n      <div className=\"mb-0.5 text-xs font-medium text-muted-foreground\">{label}</div>\n      <div className=\"whitespace-pre-wrap break-words leading-relaxed text-foreground\">{event.text}</div>\n    </div>\n  );\n}\n\nfunction ThinkingBody({ event }: { event: SessionEvent }) {\n  const [open, setOpen] = useState(false);\n  return (\n    <div className=\"not-prose\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((value) => !value)}\n        className=\"flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground\"\n      >\n        <span className=\"italic\">Reasoning</span>\n        <Icon icon={UiChevronDown} className={cn(\"size-3 transition-transform\", open && \"rotate-180\")} />\n      </button>\n      {open && (\n        <div className=\"mt-1 whitespace-pre-wrap break-words border-l-2 border-border pl-density-3 text-xs italic leading-relaxed text-muted-foreground\">\n          {event.text}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ErrorBody({ event }: { event: SessionEvent }) {\n  return (\n    <div className=\"rounded-md border border-rose-200 bg-rose-50 px-density-3 py-1.5 text-xs text-rose-700 [[data-theme=dark]_&]:border-rose-500/30 [[data-theme=dark]_&]:bg-rose-500/10 [[data-theme=dark]_&]:text-rose-300\">\n      {event.text}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/SessionViewer.model.cjs

@@ -0,0 +1,275 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const UiClose = require("../../icons/components/UiClose.cjs");
+const UiHourglass = require("../../icons/components/UiHourglass.cjs");
+const UiNetwork = require("../../icons/components/UiNetwork.cjs");
+const UiCode2 = require("../../icons/components/UiCode2.cjs");
+const UiCamera = require("../../icons/components/UiCamera.cjs");
+const UiEye = require("../../icons/components/UiEye.cjs");
+const UiCommand = require("../../icons/components/UiCommand.cjs");
+const UiTerminal = require("../../icons/components/UiTerminal.cjs");
+const UiSelect = require("../../icons/components/UiSelect.cjs");
+const UiGlobe = require("../../icons/components/UiGlobe.cjs");
+const UiCloudDownload = require("../../icons/components/UiCloudDownload.cjs");
+const UiKanban = require("../../icons/components/UiKanban.cjs");
+const UiQuestion = require("../../icons/components/UiQuestion.cjs");
+const UiSearch = require("../../icons/components/UiSearch.cjs");
+const UiStop = require("../../icons/components/UiStop.cjs");
+const UiMagicWand = require("../../icons/components/UiMagicWand.cjs");
+const UiRobotAi = require("../../icons/components/UiRobotAi.cjs");
+const UiFileSearch = require("../../icons/components/UiFileSearch.cjs");
+const UiEdit = require("../../icons/components/UiEdit.cjs");
+const UiLayers = require("../../icons/components/UiLayers.cjs");
+const UiSave = require("../../icons/components/UiSave.cjs");
+const UiFileText = require("../../icons/components/UiFileText.cjs");
+const UiImage = require("../../icons/components/UiImage.cjs");
+const UiSparkles = require("../../icons/components/UiSparkles.cjs");
+const UiPuzzle = require("../../icons/components/UiPuzzle.cjs");
+const UiWrench = require("../../icons/components/UiWrench.cjs");
+function truncate(text, max) {
+  return text.length <= max ? text : `${text.slice(0, max)}…`;
+}
+function parseEntries(input) {
+  if (Array.isArray(input)) return input;
+  const text = input.trim();
+  if (!text) return [];
+  try {
+    const parsed = JSON.parse(text);
+    return Array.isArray(parsed) ? parsed : [parsed];
+  } catch {
+  }
+  return text.split("\n").map((line) => line.trim()).filter(Boolean).map((line) => {
+    try {
+      return JSON.parse(line);
+    } catch {
+      throw new Error(`SessionViewer: invalid session JSON line: ${truncate(line, 80)}`);
+    }
+  });
+}
+function roleFromType(type) {
+  return type === "user" || type === "assistant" ? type : "assistant";
+}
+function toolEvent(id, tool, input, response, timestamp, meta = {}) {
+  return {
+    id,
+    kind: "tool",
+    tool,
+    ...input ? { toolInput: input } : {},
+    ...response ? { toolResponse: response } : {},
+    ...timestamp ? { timestamp } : {},
+    ...meta.model ? { model: meta.model } : {},
+    ...meta.reasoningEffort ? { reasoningEffort: meta.reasoningEffort } : {},
+    ...meta.source ? { source: meta.source } : {}
+  };
+}
+function blockEvent(block, role, id, timestamp) {
+  if (block.type === "tool_use" || block.name && block.input) {
+    if (!block.name) return null;
+    return toolEvent(id, block.name, block.input, void 0, timestamp);
+  }
+  if (block.type === "thinking" || block.thinking) {
+    const text = block.thinking ?? block.text;
+    return text ? { id, kind: "thinking", text, ...timestamp ? { timestamp } : {} } : null;
+  }
+  if (block.text) {
+    return {
+      id,
+      kind: role === "user" ? "user" : "assistant",
+      text: block.text,
+      ...timestamp ? { timestamp } : {}
+    };
+  }
+  return null;
+}
+function normalizeSession(input) {
+  const entries = parseEntries(input);
+  const events = [];
+  entries.forEach((entry, seq) => {
+    var _a, _b;
+    const baseId = entry.uuid ?? `e${seq}`;
+    if (entry.isApiErrorMessage) {
+      events.push({
+        id: `${baseId}-err`,
+        kind: "error",
+        text: errorMessage(entry),
+        ...entry.error ? { errorType: entry.error } : {},
+        ...entry.apiErrorStatus ? { errorStatus: entry.apiErrorStatus } : {},
+        ...entry.timestamp ? { timestamp: entry.timestamp } : {}
+      });
+      return;
+    }
+    const tu = entry.tool_use;
+    if (tu == null ? void 0 : tu.tool) {
+      events.push(
+        toolEvent(`${baseId}-tool`, tu.tool, tu.input, tu.response, tu.timestamp ?? entry.timestamp, {
+          ...tu.model ? { model: tu.model } : {},
+          ...tu.reasoning_effort ? { reasoningEffort: tu.reasoning_effort } : {},
+          ...tu.source ? { source: tu.source } : {}
+        })
+      );
+      return;
+    }
+    const role = roleFromType(((_a = entry.message) == null ? void 0 : _a.role) ?? entry.type);
+    for (const [i, block] of (((_b = entry.message) == null ? void 0 : _b.content) ?? []).entries()) {
+      const ev = blockEvent(block, role, `${baseId}-${i}`, entry.timestamp);
+      if (ev) events.push(ev);
+    }
+  });
+  return events;
+}
+function errorMessage(entry) {
+  const status = entry.apiErrorStatus ? ` (HTTP ${entry.apiErrorStatus})` : "";
+  return `${entry.error ?? "API error"}${status}`;
+}
+const ACTIONS = {
+  // File operations
+  Read: { icon: UiFileText.UiFileText, tone: "sky", label: "Read file" },
+  Write: { icon: UiSave.UiSave, tone: "amber", label: "Write file" },
+  Edit: { icon: UiEdit.UiEdit, tone: "violet", label: "Edit file" },
+  MultiEdit: { icon: UiLayers.UiLayers, tone: "violet", label: "Multi-edit" },
+  NotebookEdit: { icon: UiEdit.UiEdit, tone: "violet", label: "Edit notebook" },
+  // Search & navigation
+  Grep: { icon: UiSearch.UiSearch, tone: "amber", label: "Grep" },
+  Glob: { icon: UiFileSearch.UiFileSearch, tone: "sky", label: "Glob" },
+  // Execution & shell
+  Bash: { icon: UiTerminal.UiTerminal, tone: "emerald", label: "Run command" },
+  BashOutput: { icon: UiCode2.UiCode2, tone: "emerald", label: "Shell output" },
+  KillShell: { icon: UiStop.UiStop, tone: "rose", label: "Kill shell" },
+  KillBash: { icon: UiStop.UiStop, tone: "rose", label: "Kill shell" },
+  // Agents & planning
+  Task: { icon: UiRobotAi.UiRobotAi, tone: "indigo", label: "Sub-agent task" },
+  Agent: { icon: UiRobotAi.UiRobotAi, tone: "indigo", label: "Sub-agent task" },
+  Skill: { icon: UiMagicWand.UiMagicWand, tone: "fuchsia", label: "Invoke skill" },
+  TodoWrite: { icon: UiKanban.UiKanban, tone: "sky", label: "Update todos" },
+  TaskCreate: { icon: UiKanban.UiKanban, tone: "sky", label: "Create task" },
+  TaskUpdate: { icon: UiKanban.UiKanban, tone: "sky", label: "Update task" },
+  TaskList: { icon: UiKanban.UiKanban, tone: "sky", label: "List tasks" },
+  TaskGet: { icon: UiKanban.UiKanban, tone: "sky", label: "Get task" },
+  TaskOutput: { icon: UiKanban.UiKanban, tone: "sky", label: "Task output" },
+  TaskStop: { icon: UiStop.UiStop, tone: "rose", label: "Stop task" },
+  ToolSearch: { icon: UiSearch.UiSearch, tone: "amber", label: "Search tools" },
+  AskUserQuestion: { icon: UiQuestion.UiQuestion, tone: "sky", label: "Ask user" },
+  EnterPlanMode: { icon: UiKanban.UiKanban, tone: "sky", label: "Enter plan mode" },
+  ExitPlanMode: { icon: UiKanban.UiKanban, tone: "sky", label: "Exit plan mode" },
+  // Web & browser automation
+  WebFetch: { icon: UiCloudDownload.UiCloudDownload, tone: "sky", label: "Fetch URL" },
+  WebSearch: { icon: UiGlobe.UiGlobe, tone: "sky", label: "Web search" },
+  browser_navigate: { icon: UiGlobe.UiGlobe, tone: "sky", label: "Navigate" },
+  browser_navigate_back: { icon: UiGlobe.UiGlobe, tone: "sky", label: "Navigate back" },
+  browser_click: { icon: UiSelect.UiSelect, tone: "sky", label: "Click" },
+  browser_triple_click: { icon: UiSelect.UiSelect, tone: "sky", label: "Triple click" },
+  browser_type: { icon: UiTerminal.UiTerminal, tone: "emerald", label: "Type text" },
+  browser_press_key: { icon: UiCommand.UiCommand, tone: "amber", label: "Press key" },
+  browser_snapshot: { icon: UiEye.UiEye, tone: "violet", label: "Snapshot" },
+  browser_take_screenshot: { icon: UiCamera.UiCamera, tone: "violet", label: "Screenshot" },
+  browser_evaluate: { icon: UiCode2.UiCode2, tone: "violet", label: "Evaluate JS" },
+  browser_network_requests: { icon: UiNetwork.UiNetwork, tone: "emerald", label: "Network" },
+  browser_wait_for: { icon: UiHourglass.UiHourglass, tone: "amber", label: "Wait" },
+  browser_close: { icon: UiClose.UiClose, tone: "rose", label: "Close browser" }
+};
+const MCP_ICON_SERVERS = /* @__PURE__ */ new Set(["iconify", "icons8", "lucide", "react-icons"]);
+const MCP_GEN_SERVERS = /* @__PURE__ */ new Set(["gemini", "openai", "anthropic"]);
+function splitMcpTool(tool) {
+  const rest = tool.startsWith("mcp__") ? tool.slice("mcp__".length) : tool;
+  const idx = rest.indexOf("__");
+  if (idx < 0) return null;
+  return { server: rest.slice(0, idx), name: rest.slice(idx + 2) };
+}
+function getSessionAction(tool) {
+  const exact = ACTIONS[tool];
+  if (exact) return exact;
+  const mcp = splitMcpTool(tool);
+  if (mcp) {
+    const label = `${mcp.server}: ${mcp.name.replace(/_/g, " ")}`;
+    if (MCP_ICON_SERVERS.has(mcp.server)) return { icon: UiImage.UiImage, tone: "pink", label };
+    if (MCP_GEN_SERVERS.has(mcp.server)) return { icon: UiSparkles.UiSparkles, tone: "violet", label };
+    return { icon: UiPuzzle.UiPuzzle, tone: "violet", label };
+  }
+  return { icon: UiWrench.UiWrench, tone: "slate", label: tool };
+}
+function summarizeToolInput(tool, input) {
+  if (!input) return "";
+  const str = (key) => typeof input[key] === "string" ? input[key] : "";
+  const first = (...keys) => {
+    for (const key of keys) {
+      const value = str(key);
+      if (value) return value;
+    }
+    return "";
+  };
+  const mcp = splitMcpTool(tool);
+  if (mcp) {
+    const arg = first("url", "sql", "query", "element", "method");
+    return arg ? truncate(arg, 80) : "";
+  }
+  switch (tool) {
+    case "Bash":
+    case "browser_type":
+      return truncate(str("command") || str("text"), 80);
+    case "Read":
+    case "Write":
+    case "Edit":
+    case "MultiEdit":
+    case "NotebookEdit":
+      return first("file_path", "notebook_path", "path");
+    case "Grep":
+      return [str("pattern"), str("path")].filter(Boolean).join(" ");
+    case "Glob":
+      return str("pattern");
+    case "Task":
+    case "Agent":
+      return truncate(first("description", "prompt"), 80);
+    case "Skill":
+      return first("skill", "command", "name");
+    case "TaskCreate":
+      return truncate(first("subject", "description"), 80);
+    case "TaskUpdate": {
+      const id = first("taskId", "task_id", "id");
+      const status = str("status");
+      return status ? `${id} ${status}`.trim() : id;
+    }
+    case "TaskGet":
+    case "TaskOutput":
+    case "TaskStop":
+      return first("task_id", "taskId", "id");
+    case "ToolSearch":
+    case "WebSearch":
+      return truncate(str("query"), 80);
+    case "WebFetch":
+    case "browser_navigate":
+      return str("url");
+    case "AskUserQuestion": {
+      const questions = input["questions"];
+      return Array.isArray(questions) ? `${questions.length} questions` : "";
+    }
+    case "ExitPlanMode":
+      return str("planFilePath");
+    default:
+      return "";
+  }
+}
+function summarizeSession(events) {
+  let toolCount = 0;
+  let messageCount = 0;
+  const modelCounts = /* @__PURE__ */ new Map();
+  for (const event of events) {
+    if (event.kind === "tool") toolCount += 1;
+    if (event.kind === "user" || event.kind === "assistant") messageCount += 1;
+    if (event.model) modelCounts.set(event.model, (modelCounts.get(event.model) ?? 0) + 1);
+  }
+  let model;
+  let best = 0;
+  for (const [name, count] of modelCounts) {
+    if (count > best) {
+      best = count;
+      model = name;
+    }
+  }
+  return { toolCount, messageCount, ...model ? { model } : {} };
+}
+exports.getSessionAction = getSessionAction;
+exports.normalizeSession = normalizeSession;
+exports.splitMcpTool = splitMcpTool;
+exports.summarizeSession = summarizeSession;
+exports.summarizeToolInput = summarizeToolInput;
+//# sourceMappingURL=SessionViewer.model.cjs.map