@agent-native/core 0.47.1 → 0.48.1

package/dist/client/composer/VoiceButton.d.ts

@@ -13,9 +13,9 @@ export interface VoiceButtonProps {
     isMac: boolean;
     disabled?: boolean;
 }
-export declare function VoiceButton({ voice, isMac, disabled }: VoiceButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function VoiceButton({ voice, isMac, disabled }: VoiceButtonProps): import("react/jsx-runtime").JSX.Element | null;
 export interface VoiceRecordingOverlayProps {
     voice: VoiceDictationApi;
 }
-export declare function VoiceRecordingOverlay({ voice }: VoiceRecordingOverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare function VoiceRecordingOverlay({ voice }: VoiceRecordingOverlayProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=VoiceButton.d.ts.map

package/dist/client/composer/VoiceButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceButton.d.ts","sourceRoot":"","sources":["../../../src/client/composer/VoiceButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAQH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAOhE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA8CvE;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,2CAqF1E"}
+{"version":3,"file":"VoiceButton.d.ts","sourceRoot":"","sources":["../../../src/client/composer/VoiceButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAQH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAOhE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,kDA8CvE;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,kDAqF1E"}

package/dist/client/composer/index.d.ts

@@ -2,7 +2,7 @@ export { FileReference } from "./extensions/FileReference.js";
 export { SkillReference } from "./extensions/SkillReference.js";
 export { MentionReference } from "./extensions/MentionReference.js";
 export { AgentComposerFrame, type AgentComposerFrameProps, } from "./AgentComposerFrame.js";
-export { TiptapComposer, type TiptapComposerHandle } from "./TiptapComposer.js";
+export { TiptapComposer, canSubmitComposerContent, displayableComposerModeMessage, getComposerSubmitIntentForEnterKey, handleComposerFileDrop, insertComposerHardBreakAndScrollIntoView, type ComposerSubmitIntent, type TiptapComposerHandle, type TiptapComposerProps, type TiptapComposerSubmitOptions, } from "./TiptapComposer.js";
 export { PromptComposer, type PromptComposerProps, type PromptComposerFile, type PromptComposerSubmitOptions, } from "./PromptComposer.js";
 export { AGENT_PROMPT_MAX_INLINE_IMAGE_BYTES, AGENT_PROMPT_MAX_INLINE_TEXT_CHARS, escapePromptAttachmentAttribute, formatPromptWithAttachments, isInlineableAgentPromptFile, readAgentPromptAttachment, type AgentPromptAttachment, type ReadAgentPromptAttachmentOptions, } from "./prompt-attachments.js";
 export { MentionPopover } from "./MentionPopover.js";

package/dist/client/composer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/composer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,2BAA2B,GACjC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,mCAAmC,EACnC,kCAAkC,EAClC,+BAA+B,EAC/B,2BAA2B,EAC3B,2BAA2B,EAC3B,yBAAyB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,gCAAgC,GACtC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EACV,0BAA0B,EAC1B,UAAU,EACV,WAAW,EACX,WAAW,EACX,SAAS,EACT,YAAY,GACb,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/composer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,cAAc,EACd,wBAAwB,EACxB,8BAA8B,EAC9B,kCAAkC,EAClC,sBAAsB,EACtB,wCAAwC,EACxC,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,2BAA2B,GACjC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,2BAA2B,GACjC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,mCAAmC,EACnC,kCAAkC,EAClC,+BAA+B,EAC/B,2BAA2B,EAC3B,2BAA2B,EAC3B,yBAAyB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,gCAAgC,GACtC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EACV,0BAA0B,EAC1B,UAAU,EACV,WAAW,EACX,WAAW,EACX,SAAS,EACT,YAAY,GACb,MAAM,YAAY,CAAC"}

package/dist/client/composer/index.js

@@ -2,7 +2,7 @@ export { FileReference } from "./extensions/FileReference.js";
 export { SkillReference } from "./extensions/SkillReference.js";
 export { MentionReference } from "./extensions/MentionReference.js";
 export { AgentComposerFrame, } from "./AgentComposerFrame.js";
-export { TiptapComposer } from "./TiptapComposer.js";
+export { TiptapComposer, canSubmitComposerContent, displayableComposerModeMessage, getComposerSubmitIntentForEnterKey, handleComposerFileDrop, insertComposerHardBreakAndScrollIntoView, } from "./TiptapComposer.js";
 export { PromptComposer, } from "./PromptComposer.js";
 export { AGENT_PROMPT_MAX_INLINE_IMAGE_BYTES, AGENT_PROMPT_MAX_INLINE_TEXT_CHARS, escapePromptAttachmentAttribute, formatPromptWithAttachments, isInlineableAgentPromptFile, readAgentPromptAttachment, } from "./prompt-attachments.js";
 export { MentionPopover } from "./MentionPopover.js";

package/dist/client/composer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/composer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EACL,kBAAkB,GAEnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,cAAc,EAA6B,MAAM,qBAAqB,CAAC;AAChF,OAAO,EACL,cAAc,GAIf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,mCAAmC,EACnC,kCAAkC,EAClC,+BAA+B,EAC/B,2BAA2B,EAC3B,2BAA2B,EAC3B,yBAAyB,GAG1B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export { FileReference } from \"./extensions/FileReference.js\";\nexport { SkillReference } from \"./extensions/SkillReference.js\";\nexport { MentionReference } from \"./extensions/MentionReference.js\";\nexport {\n  AgentComposerFrame,\n  type AgentComposerFrameProps,\n} from \"./AgentComposerFrame.js\";\nexport { TiptapComposer, type TiptapComposerHandle } from \"./TiptapComposer.js\";\nexport {\n  PromptComposer,\n  type PromptComposerProps,\n  type PromptComposerFile,\n  type PromptComposerSubmitOptions,\n} from \"./PromptComposer.js\";\nexport {\n  AGENT_PROMPT_MAX_INLINE_IMAGE_BYTES,\n  AGENT_PROMPT_MAX_INLINE_TEXT_CHARS,\n  escapePromptAttachmentAttribute,\n  formatPromptWithAttachments,\n  isInlineableAgentPromptFile,\n  readAgentPromptAttachment,\n  type AgentPromptAttachment,\n  type ReadAgentPromptAttachmentOptions,\n} from \"./prompt-attachments.js\";\nexport { MentionPopover } from \"./MentionPopover.js\";\nexport { useMentionSearch } from \"./use-mention-search.js\";\nexport type {\n  AgentComposerLayoutVariant,\n  FileResult,\n  SkillResult,\n  MentionItem,\n  Reference,\n  SlashCommand,\n} from \"./types.js\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/composer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EACL,kBAAkB,GAEnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,cAAc,EACd,wBAAwB,EACxB,8BAA8B,EAC9B,kCAAkC,EAClC,sBAAsB,EACtB,wCAAwC,GAKzC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,cAAc,GAIf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,mCAAmC,EACnC,kCAAkC,EAClC,+BAA+B,EAC/B,2BAA2B,EAC3B,2BAA2B,EAC3B,yBAAyB,GAG1B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export { FileReference } from \"./extensions/FileReference.js\";\nexport { SkillReference } from \"./extensions/SkillReference.js\";\nexport { MentionReference } from \"./extensions/MentionReference.js\";\nexport {\n  AgentComposerFrame,\n  type AgentComposerFrameProps,\n} from \"./AgentComposerFrame.js\";\nexport {\n  TiptapComposer,\n  canSubmitComposerContent,\n  displayableComposerModeMessage,\n  getComposerSubmitIntentForEnterKey,\n  handleComposerFileDrop,\n  insertComposerHardBreakAndScrollIntoView,\n  type ComposerSubmitIntent,\n  type TiptapComposerHandle,\n  type TiptapComposerProps,\n  type TiptapComposerSubmitOptions,\n} from \"./TiptapComposer.js\";\nexport {\n  PromptComposer,\n  type PromptComposerProps,\n  type PromptComposerFile,\n  type PromptComposerSubmitOptions,\n} from \"./PromptComposer.js\";\nexport {\n  AGENT_PROMPT_MAX_INLINE_IMAGE_BYTES,\n  AGENT_PROMPT_MAX_INLINE_TEXT_CHARS,\n  escapePromptAttachmentAttribute,\n  formatPromptWithAttachments,\n  isInlineableAgentPromptFile,\n  readAgentPromptAttachment,\n  type AgentPromptAttachment,\n  type ReadAgentPromptAttachmentOptions,\n} from \"./prompt-attachments.js\";\nexport { MentionPopover } from \"./MentionPopover.js\";\nexport { useMentionSearch } from \"./use-mention-search.js\";\nexport type {\n  AgentComposerLayoutVariant,\n  FileResult,\n  SkillResult,\n  MentionItem,\n  Reference,\n  SlashCommand,\n} from \"./types.js\";\n"]}

package/dist/client/composer/use-skills.d.ts

@@ -1,7 +1,7 @@
 import type { SkillResult } from "./types.js";
 export declare function useSkills(enabled: boolean): {
     skills: SkillResult[];
-    hint: string;
+    hint: string | undefined;
     isLoading: boolean;
 };
 //# sourceMappingURL=use-skills.d.ts.map

package/dist/client/context-xray/ContextMeter.d.ts

@@ -1,5 +1,5 @@
 export declare function ContextMeter({ threadId, enabled, }: {
     threadId?: string | null;
     enabled?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=ContextMeter.d.ts.map

package/dist/client/context-xray/ContextMeter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMeter.d.ts","sourceRoot":"","sources":["../../../src/client/context-xray/ContextMeter.tsx"],"names":[],"mappings":"AA4DA,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAc,GACf,EAAE;IACD,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CA0HA"}
+{"version":3,"file":"ContextMeter.d.ts","sourceRoot":"","sources":["../../../src/client/context-xray/ContextMeter.tsx"],"names":[],"mappings":"AA4DA,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAc,GACf,EAAE;IACD,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,kDAuHA"}

package/dist/client/context-xray/ContextMeter.js

@@ -4,7 +4,7 @@ import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popov
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../components/ui/tooltip.js";
 import { useActionMutation, useActionQuery } from "../use-action.js";
 import { cn } from "../utils.js";
-import { CONTEXT_XRAY_MODEL_LIMIT, formatTokens } from "./format.js";
+import { formatTokens, resolveContextWindow } from "./format.js";
 const ContextXRayPanel = lazy(() => import("./ContextXRayPanel.js").then((m) => ({
     default: m.ContextXRayPanel,
 })));
@@ -42,9 +42,9 @@ export function ContextMeter({ threadId, enabled = true, }) {
         }
     }, [enabled, threadId]);
     const manifest = query.data;
-    const segments = manifest?.segments ?? [];
+    const contextWindow = resolveContextWindow(manifest?.model);
     const pct = manifest
-        ? Math.min(100, Math.round((manifest.totalTokens / CONTEXT_XRAY_MODEL_LIMIT) * 100))
+        ? Math.min(100, Math.round((manifest.totalTokens / contextWindow) * 100))
         : 0;
     if (!shouldQuery || !threadId || !manifest || manifest.rawTokens <= 0) {
         return null;

package/dist/client/context-xray/ContextMeter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMeter.js","sourceRoot":"","sources":["../../../src/client/context-xray/ContextMeter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { lazy, Suspense, useEffect, useRef, useState } from \"react\";\nimport type {\n  ContextManifest,\n  ContextSegmentStatus,\n} from \"../../shared/context-xray.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\nimport { useActionMutation, useActionQuery } from \"../use-action.js\";\nimport { cn } from \"../utils.js\";\nimport { CONTEXT_XRAY_MODEL_LIMIT, formatTokens } from \"./format.js\";\n\nconst ContextXRayPanel = lazy(() =>\n  import(\"./ContextXRayPanel.js\").then((m) => ({\n    default: m.ContextXRayPanel,\n  })),\n);\n\nfunction ContextDonut({ pct, advisory }: { pct: number; advisory: boolean }) {\n  const radius = 7.5;\n  const circumference = 2 * Math.PI * radius;\n  const displayPct = Math.max(3, Math.min(100, pct));\n  const dashOffset = circumference - (displayPct / 100) * circumference;\n\n  return (\n    <span className=\"relative flex size-5 items-center justify-center\">\n      <svg aria-hidden=\"true\" viewBox=\"0 0 20 20\" className=\"-rotate-90 size-5\">\n        <circle\n          cx=\"10\"\n          cy=\"10\"\n          r={radius}\n          className=\"stroke-muted\"\n          fill=\"none\"\n          strokeWidth=\"3\"\n        />\n        <circle\n          cx=\"10\"\n          cy=\"10\"\n          r={radius}\n          className={cn(advisory ? \"stroke-amber-500\" : \"stroke-[#00B5FF]\")}\n          fill=\"none\"\n          strokeLinecap=\"round\"\n          strokeWidth=\"3\"\n          strokeDasharray={circumference}\n          strokeDashoffset={dashOffset}\n        />\n      </svg>\n      <span className=\"absolute size-2 rounded-full bg-background\" />\n    </span>\n  );\n}\n\nexport function ContextMeter({\n  threadId,\n  enabled = true,\n}: {\n  threadId?: string | null;\n  enabled?: boolean;\n}) {\n  const [open, setOpen] = useState(false);\n  const [optimistic, setOptimistic] = useState<\n    Map<string, ContextSegmentStatus>\n  >(new Map());\n  const currentThreadId = useRef(threadId);\n  const shouldQuery = Boolean(threadId && enabled);\n  const query = useActionQuery(\n    \"context-manifest-get\",\n    shouldQuery && threadId ? { threadId } : undefined,\n    {\n      enabled: shouldQuery,\n      staleTime: 1000,\n    },\n  ) as { data?: ContextManifest };\n  const pin = useActionMutation(\"context-pin\");\n  const evict = useActionMutation(\"context-evict\");\n  const restore = useActionMutation(\"context-restore\");\n\n  useEffect(() => {\n    currentThreadId.current = threadId;\n    setOptimistic(new Map());\n  }, [threadId]);\n\n  useEffect(() => {\n    if (!threadId || !enabled || typeof window === \"undefined\") return;\n    const params = new URLSearchParams(window.location.search);\n    const wantsXray = params.get(\"contextXray\") === \"1\";\n    const targetThread = params.get(\"threadId\");\n    if (wantsXray && (!targetThread || targetThread === threadId)) {\n      setOpen(true);\n    }\n  }, [enabled, threadId]);\n\n  const manifest = query.data;\n  const segments = manifest?.segments ?? [];\n  const pct = manifest\n    ? Math.min(\n        100,\n        Math.round((manifest.totalTokens / CONTEXT_XRAY_MODEL_LIMIT) * 100),\n      )\n    : 0;\n\n  if (!shouldQuery || !threadId || !manifest || manifest.rawTokens <= 0) {\n    return null;\n  }\n\n  const mutateStatus = (\n    segmentId: string,\n    status: ContextSegmentStatus,\n    action: \"pin\" | \"evict\" | \"restore\",\n  ) => {\n    const previous = new Map(optimistic);\n    setOptimistic((prev) => new Map(prev).set(segmentId, status));\n    const params = { threadId, segmentId };\n    const options = {\n      onError: () => {\n        if (currentThreadId.current === threadId) {\n          setOptimistic(previous);\n        }\n      },\n    };\n    if (action === \"pin\") pin.mutate(params, options);\n    if (action === \"evict\") evict.mutate(params, options);\n    if (action === \"restore\") restore.mutate(params, options);\n  };\n\n  return (\n    <TooltipProvider delayDuration={200}>\n      <Popover open={open} onOpenChange={setOpen}>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <PopoverTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={`Context ${pct}%, ${formatTokens(\n                  manifest.totalTokens,\n                )}. Open Context X-Ray.`}\n                className={cn(\n                  \"flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\",\n                  open && \"bg-accent/60 text-foreground\",\n                )}\n              >\n                <ContextDonut pct={pct} advisory={!manifest.enforceable} />\n              </button>\n            </PopoverTrigger>\n          </TooltipTrigger>\n          <TooltipContent>\n            Context {pct}% · {formatTokens(manifest.totalTokens)}\n          </TooltipContent>\n        </Tooltip>\n        <PopoverContent\n          align=\"end\"\n          side=\"top\"\n          sideOffset={8}\n          className=\"w-[min(92vw,380px)] overflow-hidden border-border/70 p-0\"\n        >\n          {open ? (\n            <Suspense\n              fallback={\n                <div className=\"flex h-52 items-center justify-center text-xs text-muted-foreground\">\n                  Loading context view…\n                </div>\n              }\n            >\n              <ContextXRayPanel\n                manifest={manifest}\n                optimistic={optimistic}\n                onPin={(segmentId) => mutateStatus(segmentId, \"pinned\", \"pin\")}\n                onEvict={(segmentId) =>\n                  mutateStatus(segmentId, \"evicted\", \"evict\")\n                }\n                onRestore={(segmentId) =>\n                  mutateStatus(segmentId, \"active\", \"restore\")\n                }\n              />\n            </Suspense>\n          ) : null}\n        </PopoverContent>\n      </Popover>\n    </TooltipProvider>\n  );\n}\n"]}
+{"version":3,"file":"ContextMeter.js","sourceRoot":"","sources":["../../../src/client/context-xray/ContextMeter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { lazy, Suspense, useEffect, useRef, useState } from \"react\";\nimport type {\n  ContextManifest,\n  ContextSegmentStatus,\n} from \"../../shared/context-xray.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\nimport { useActionMutation, useActionQuery } from \"../use-action.js\";\nimport { cn } from \"../utils.js\";\nimport { formatTokens, resolveContextWindow } from \"./format.js\";\n\nconst ContextXRayPanel = lazy(() =>\n  import(\"./ContextXRayPanel.js\").then((m) => ({\n    default: m.ContextXRayPanel,\n  })),\n);\n\nfunction ContextDonut({ pct, advisory }: { pct: number; advisory: boolean }) {\n  const radius = 7.5;\n  const circumference = 2 * Math.PI * radius;\n  const displayPct = Math.max(3, Math.min(100, pct));\n  const dashOffset = circumference - (displayPct / 100) * circumference;\n\n  return (\n    <span className=\"relative flex size-5 items-center justify-center\">\n      <svg aria-hidden=\"true\" viewBox=\"0 0 20 20\" className=\"-rotate-90 size-5\">\n        <circle\n          cx=\"10\"\n          cy=\"10\"\n          r={radius}\n          className=\"stroke-muted\"\n          fill=\"none\"\n          strokeWidth=\"3\"\n        />\n        <circle\n          cx=\"10\"\n          cy=\"10\"\n          r={radius}\n          className={cn(advisory ? \"stroke-amber-500\" : \"stroke-[#00B5FF]\")}\n          fill=\"none\"\n          strokeLinecap=\"round\"\n          strokeWidth=\"3\"\n          strokeDasharray={circumference}\n          strokeDashoffset={dashOffset}\n        />\n      </svg>\n      <span className=\"absolute size-2 rounded-full bg-background\" />\n    </span>\n  );\n}\n\nexport function ContextMeter({\n  threadId,\n  enabled = true,\n}: {\n  threadId?: string | null;\n  enabled?: boolean;\n}) {\n  const [open, setOpen] = useState(false);\n  const [optimistic, setOptimistic] = useState<\n    Map<string, ContextSegmentStatus>\n  >(new Map());\n  const currentThreadId = useRef(threadId);\n  const shouldQuery = Boolean(threadId && enabled);\n  const query = useActionQuery(\n    \"context-manifest-get\",\n    shouldQuery && threadId ? { threadId } : undefined,\n    {\n      enabled: shouldQuery,\n      staleTime: 1000,\n    },\n  ) as { data?: ContextManifest };\n  const pin = useActionMutation(\"context-pin\");\n  const evict = useActionMutation(\"context-evict\");\n  const restore = useActionMutation(\"context-restore\");\n\n  useEffect(() => {\n    currentThreadId.current = threadId;\n    setOptimistic(new Map());\n  }, [threadId]);\n\n  useEffect(() => {\n    if (!threadId || !enabled || typeof window === \"undefined\") return;\n    const params = new URLSearchParams(window.location.search);\n    const wantsXray = params.get(\"contextXray\") === \"1\";\n    const targetThread = params.get(\"threadId\");\n    if (wantsXray && (!targetThread || targetThread === threadId)) {\n      setOpen(true);\n    }\n  }, [enabled, threadId]);\n\n  const manifest = query.data;\n  const contextWindow = resolveContextWindow(manifest?.model);\n  const pct = manifest\n    ? Math.min(100, Math.round((manifest.totalTokens / contextWindow) * 100))\n    : 0;\n\n  if (!shouldQuery || !threadId || !manifest || manifest.rawTokens <= 0) {\n    return null;\n  }\n\n  const mutateStatus = (\n    segmentId: string,\n    status: ContextSegmentStatus,\n    action: \"pin\" | \"evict\" | \"restore\",\n  ) => {\n    const previous = new Map(optimistic);\n    setOptimistic((prev) => new Map(prev).set(segmentId, status));\n    const params = { threadId, segmentId };\n    const options = {\n      onError: () => {\n        if (currentThreadId.current === threadId) {\n          setOptimistic(previous);\n        }\n      },\n    };\n    if (action === \"pin\") pin.mutate(params, options);\n    if (action === \"evict\") evict.mutate(params, options);\n    if (action === \"restore\") restore.mutate(params, options);\n  };\n\n  return (\n    <TooltipProvider delayDuration={200}>\n      <Popover open={open} onOpenChange={setOpen}>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <PopoverTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={`Context ${pct}%, ${formatTokens(\n                  manifest.totalTokens,\n                )}. Open Context X-Ray.`}\n                className={cn(\n                  \"flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\",\n                  open && \"bg-accent/60 text-foreground\",\n                )}\n              >\n                <ContextDonut pct={pct} advisory={!manifest.enforceable} />\n              </button>\n            </PopoverTrigger>\n          </TooltipTrigger>\n          <TooltipContent>\n            Context {pct}% · {formatTokens(manifest.totalTokens)}\n          </TooltipContent>\n        </Tooltip>\n        <PopoverContent\n          align=\"end\"\n          side=\"top\"\n          sideOffset={8}\n          className=\"w-[min(92vw,380px)] overflow-hidden border-border/70 p-0\"\n        >\n          {open ? (\n            <Suspense\n              fallback={\n                <div className=\"flex h-52 items-center justify-center text-xs text-muted-foreground\">\n                  Loading context view…\n                </div>\n              }\n            >\n              <ContextXRayPanel\n                manifest={manifest}\n                optimistic={optimistic}\n                onPin={(segmentId) => mutateStatus(segmentId, \"pinned\", \"pin\")}\n                onEvict={(segmentId) =>\n                  mutateStatus(segmentId, \"evicted\", \"evict\")\n                }\n                onRestore={(segmentId) =>\n                  mutateStatus(segmentId, \"active\", \"restore\")\n                }\n              />\n            </Suspense>\n          ) : null}\n        </PopoverContent>\n      </Popover>\n    </TooltipProvider>\n  );\n}\n"]}

package/dist/client/context-xray/ContextXRayPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextXRayPanel.d.ts","sourceRoot":"","sources":["../../../src/client/context-xray/ContextXRayPanel.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,eAAe,EAEf,oBAAoB,EACrB,MAAM,8BAA8B,CAAC;AAkEtC,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,UAAU,EACV,KAAK,EACL,OAAO,EACP,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAC9C,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,2CAmKA"}
+{"version":3,"file":"ContextXRayPanel.d.ts","sourceRoot":"","sources":["../../../src/client/context-xray/ContextXRayPanel.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,eAAe,EAEf,oBAAoB,EACrB,MAAM,8BAA8B,CAAC;AA8DtC,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,UAAU,EACV,KAAK,EACL,OAAO,EACP,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAC9C,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,2CAoKA"}

package/dist/client/context-xray/ContextXRayPanel.js

@@ -5,7 +5,7 @@ import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/toolt
 import { cn } from "../utils.js";
 import { ContextSegmentRow } from "./ContextSegmentRow.js";
 import { ContextTreemap } from "./ContextTreemap.js";
-import { CONTEXT_XRAY_MODEL_LIMIT, formatTokens, groupColor, } from "./format.js";
+import { formatTokens, groupColor, resolveContextWindow } from "./format.js";
 function applyOptimisticStatus(segments, optimistic) {
     if (optimistic.size === 0)
         return segments;
@@ -52,8 +52,9 @@ export function ContextXRayPanel({ manifest, optimistic, onPin, onEvict, onResto
     const [collapsed, setCollapsed] = useState(new Set());
     const segments = useMemo(() => applyOptimisticStatus(manifest.segments, optimistic), [manifest.segments, optimistic]);
     const groups = useMemo(() => groupedSegments(segments), [segments]);
-    const pct = Math.min(100, Math.round((manifest.totalTokens / CONTEXT_XRAY_MODEL_LIMIT) * 100));
-    const headroom = Math.max(0, CONTEXT_XRAY_MODEL_LIMIT - manifest.totalTokens);
+    const contextWindow = resolveContextWindow(manifest.model);
+    const pct = Math.min(100, Math.round((manifest.totalTokens / contextWindow) * 100));
+    const headroom = Math.max(0, contextWindow - manifest.totalTokens);
     const pinned = segments.filter((s) => s.status === "pinned").length;
     const evicted = segments.filter((s) => s.status === "evicted").length;
     const details = [

package/dist/client/context-xray/ContextXRayPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextXRayPanel.js","sourceRoot":"","sources":["../../../src/client/context-xray/ContextXRayPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  IconChartTreemap,\n  IconChevronDown,\n  IconChevronRight,\n  IconListDetails,\n} from \"@tabler/icons-react\";\nimport { useMemo, useState } from \"react\";\nimport type {\n  ContextManifest,\n  ContextManifestSegment,\n  ContextSegmentStatus,\n} from \"../../shared/context-xray.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\nimport { cn } from \"../utils.js\";\nimport { ContextSegmentRow } from \"./ContextSegmentRow.js\";\nimport { ContextTreemap } from \"./ContextTreemap.js\";\nimport {\n  CONTEXT_XRAY_MODEL_LIMIT,\n  formatTokens,\n  groupColor,\n} from \"./format.js\";\n\ninterface Group {\n  name: string;\n  tokens: number;\n  segments: ContextManifestSegment[];\n}\n\nfunction applyOptimisticStatus(\n  segments: ContextManifestSegment[],\n  optimistic: Map<string, ContextSegmentStatus>,\n): ContextManifestSegment[] {\n  if (optimistic.size === 0) return segments;\n  return segments.map((segment) => {\n    const status = optimistic.get(segment.segmentId);\n    return status ? { ...segment, status } : segment;\n  });\n}\n\nfunction groupedSegments(segments: ContextManifestSegment[]): Group[] {\n  const map = new Map<string, Group>();\n  for (const segment of segments) {\n    const groupName =\n      segment.status === \"pinned\"\n        ? \"Pinned\"\n        : segment.status === \"evicted\"\n          ? \"Evicted\"\n          : segment.group;\n    const group = map.get(groupName) ?? {\n      name: groupName,\n      tokens: 0,\n      segments: [],\n    };\n    group.tokens += segment.tokenCount;\n    group.segments.push(segment);\n    map.set(groupName, group);\n  }\n  const order = [\n    \"Pinned\",\n    \"Tool results\",\n    \"Files read\",\n    \"Conversation\",\n    \"Thinking\",\n    \"Evicted\",\n  ];\n  return [...map.values()].sort((a, b) => {\n    const ai = order.indexOf(a.name);\n    const bi = order.indexOf(b.name);\n    if (ai >= 0 || bi >= 0) return (ai < 0 ? 99 : ai) - (bi < 0 ? 99 : bi);\n    return b.tokens - a.tokens;\n  });\n}\n\nexport function ContextXRayPanel({\n  manifest,\n  optimistic,\n  onPin,\n  onEvict,\n  onRestore,\n}: {\n  manifest: ContextManifest;\n  optimistic: Map<string, ContextSegmentStatus>;\n  onPin: (segmentId: string) => void;\n  onEvict: (segmentId: string) => void;\n  onRestore: (segmentId: string) => void;\n}) {\n  const [mode, setMode] = useState<\"list\" | \"map\">(\"list\");\n  const [collapsed, setCollapsed] = useState<Set<string>>(new Set());\n  const segments = useMemo(\n    () => applyOptimisticStatus(manifest.segments, optimistic),\n    [manifest.segments, optimistic],\n  );\n  const groups = useMemo(() => groupedSegments(segments), [segments]);\n  const pct = Math.min(\n    100,\n    Math.round((manifest.totalTokens / CONTEXT_XRAY_MODEL_LIMIT) * 100),\n  );\n  const headroom = Math.max(0, CONTEXT_XRAY_MODEL_LIMIT - manifest.totalTokens);\n  const pinned = segments.filter((s) => s.status === \"pinned\").length;\n  const evicted = segments.filter((s) => s.status === \"evicted\").length;\n  const details = [\n    `${formatTokens(headroom)} free`,\n    pinned > 0 ? `${pinned} pinned` : null,\n    evicted > 0 ? `${evicted} evicted` : null,\n    manifest.tokenCountMethod === \"estimate\" ? \"estimated\" : null,\n    !manifest.enforceable ? \"advisory\" : null,\n  ].filter((item): item is string => Boolean(item));\n\n  return (\n    <div className=\"flex max-h-[min(72vh,520px)] flex-col\">\n      <div className=\"border-b border-border/60 px-3 py-2.5\">\n        <div className=\"flex items-center justify-between gap-3\">\n          <h2 className=\"min-w-0 truncate text-sm font-medium text-foreground\">\n            Context X-Ray\n          </h2>\n          <div className=\"shrink-0 text-xs tabular-nums text-muted-foreground\">\n            {formatTokens(manifest.totalTokens)} · {pct}%\n          </div>\n        </div>\n        <div className=\"mt-2 h-1 overflow-hidden rounded-full bg-muted/70\">\n          <div\n            className=\"h-full rounded-full bg-foreground transition-[width] duration-200\"\n            style={{ width: `${pct}%` }}\n          />\n        </div>\n        <div className=\"mt-1.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-[11px] text-muted-foreground\">\n          {details.map((detail) => (\n            <span key={detail}>{detail}</span>\n          ))}\n          {manifest.reclaimedTokens > 0 && (\n            <span className=\"font-medium text-emerald-600 dark:text-emerald-400\">\n              -{formatTokens(manifest.reclaimedTokens)}\n            </span>\n          )}\n        </div>\n      </div>\n\n      <div className=\"overflow-y-auto px-2 py-2\">\n        <div className=\"mb-1 flex items-center justify-end\">\n          <div className=\"inline-flex rounded-md bg-muted/40 p-0.5\">\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  type=\"button\"\n                  onClick={() => setMode(\"list\")}\n                  aria-label=\"Show context list\"\n                  className={cn(\n                    \"flex size-7 items-center justify-center rounded text-muted-foreground\",\n                    mode === \"list\"\n                      ? \"bg-background text-foreground shadow-sm\"\n                      : \"hover:text-foreground\",\n                  )}\n                >\n                  <IconListDetails className=\"h-3.5 w-3.5\" />\n                </button>\n              </TooltipTrigger>\n              <TooltipContent>List</TooltipContent>\n            </Tooltip>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  type=\"button\"\n                  onClick={() => setMode(\"map\")}\n                  aria-label=\"Show context map\"\n                  className={cn(\n                    \"flex size-7 items-center justify-center rounded text-muted-foreground\",\n                    mode === \"map\"\n                      ? \"bg-background text-foreground shadow-sm\"\n                      : \"hover:text-foreground\",\n                  )}\n                >\n                  <IconChartTreemap className=\"h-3.5 w-3.5\" />\n                </button>\n              </TooltipTrigger>\n              <TooltipContent>Map</TooltipContent>\n            </Tooltip>\n          </div>\n        </div>\n\n        {mode === \"map\" ? (\n          <ContextTreemap\n            segments={segments}\n            onSelect={(segmentId) => {\n              const segment = segments.find((s) => s.segmentId === segmentId);\n              if (segment) setCollapsed(new Set());\n            }}\n          />\n        ) : (\n          <div className=\"divide-y divide-border/60\">\n            {groups.map((group) => {\n              const isCollapsed = collapsed.has(group.name);\n              return (\n                <div key={group.name}>\n                  <button\n                    type=\"button\"\n                    onClick={() => {\n                      setCollapsed((prev) => {\n                        const next = new Set(prev);\n                        if (next.has(group.name)) next.delete(group.name);\n                        else next.add(group.name);\n                        return next;\n                      });\n                    }}\n                    className=\"flex w-full items-center gap-2 rounded-sm px-1.5 py-2 text-left hover:bg-accent/35\"\n                  >\n                    {isCollapsed ? (\n                      <IconChevronRight className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                    ) : (\n                      <IconChevronDown className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                    )}\n                    <span\n                      className={cn(\n                        \"h-2 w-2 rounded-full\",\n                        groupColor(group.name),\n                      )}\n                    />\n                    <span className=\"min-w-0 flex-1 truncate text-xs font-medium\">\n                      {group.name}\n                    </span>\n                    <span className=\"text-[11px] text-muted-foreground\">\n                      {formatTokens(group.tokens)}\n                    </span>\n                  </button>\n                  {!isCollapsed && (\n                    <div className=\"pb-1\">\n                      {group.segments\n                        .slice()\n                        .sort((a, b) => b.tokenCount - a.tokenCount)\n                        .map((segment) => (\n                          <ContextSegmentRow\n                            key={segment.segmentId}\n                            segment={segment}\n                            advisory={!manifest.enforceable}\n                            onPin={() => onPin(segment.segmentId)}\n                            onEvict={() => onEvict(segment.segmentId)}\n                            onRestore={() => onRestore(segment.segmentId)}\n                          />\n                        ))}\n                    </div>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ContextXRayPanel.js","sourceRoot":"","sources":["../../../src/client/context-xray/ContextXRayPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  IconChartTreemap,\n  IconChevronDown,\n  IconChevronRight,\n  IconListDetails,\n} from \"@tabler/icons-react\";\nimport { useMemo, useState } from \"react\";\nimport type {\n  ContextManifest,\n  ContextManifestSegment,\n  ContextSegmentStatus,\n} from \"../../shared/context-xray.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\nimport { cn } from \"../utils.js\";\nimport { ContextSegmentRow } from \"./ContextSegmentRow.js\";\nimport { ContextTreemap } from \"./ContextTreemap.js\";\nimport { formatTokens, groupColor, resolveContextWindow } from \"./format.js\";\n\ninterface Group {\n  name: string;\n  tokens: number;\n  segments: ContextManifestSegment[];\n}\n\nfunction applyOptimisticStatus(\n  segments: ContextManifestSegment[],\n  optimistic: Map<string, ContextSegmentStatus>,\n): ContextManifestSegment[] {\n  if (optimistic.size === 0) return segments;\n  return segments.map((segment) => {\n    const status = optimistic.get(segment.segmentId);\n    return status ? { ...segment, status } : segment;\n  });\n}\n\nfunction groupedSegments(segments: ContextManifestSegment[]): Group[] {\n  const map = new Map<string, Group>();\n  for (const segment of segments) {\n    const groupName =\n      segment.status === \"pinned\"\n        ? \"Pinned\"\n        : segment.status === \"evicted\"\n          ? \"Evicted\"\n          : segment.group;\n    const group = map.get(groupName) ?? {\n      name: groupName,\n      tokens: 0,\n      segments: [],\n    };\n    group.tokens += segment.tokenCount;\n    group.segments.push(segment);\n    map.set(groupName, group);\n  }\n  const order = [\n    \"Pinned\",\n    \"Tool results\",\n    \"Files read\",\n    \"Conversation\",\n    \"Thinking\",\n    \"Evicted\",\n  ];\n  return [...map.values()].sort((a, b) => {\n    const ai = order.indexOf(a.name);\n    const bi = order.indexOf(b.name);\n    if (ai >= 0 || bi >= 0) return (ai < 0 ? 99 : ai) - (bi < 0 ? 99 : bi);\n    return b.tokens - a.tokens;\n  });\n}\n\nexport function ContextXRayPanel({\n  manifest,\n  optimistic,\n  onPin,\n  onEvict,\n  onRestore,\n}: {\n  manifest: ContextManifest;\n  optimistic: Map<string, ContextSegmentStatus>;\n  onPin: (segmentId: string) => void;\n  onEvict: (segmentId: string) => void;\n  onRestore: (segmentId: string) => void;\n}) {\n  const [mode, setMode] = useState<\"list\" | \"map\">(\"list\");\n  const [collapsed, setCollapsed] = useState<Set<string>>(new Set());\n  const segments = useMemo(\n    () => applyOptimisticStatus(manifest.segments, optimistic),\n    [manifest.segments, optimistic],\n  );\n  const groups = useMemo(() => groupedSegments(segments), [segments]);\n  const contextWindow = resolveContextWindow(manifest.model);\n  const pct = Math.min(\n    100,\n    Math.round((manifest.totalTokens / contextWindow) * 100),\n  );\n  const headroom = Math.max(0, contextWindow - manifest.totalTokens);\n  const pinned = segments.filter((s) => s.status === \"pinned\").length;\n  const evicted = segments.filter((s) => s.status === \"evicted\").length;\n  const details = [\n    `${formatTokens(headroom)} free`,\n    pinned > 0 ? `${pinned} pinned` : null,\n    evicted > 0 ? `${evicted} evicted` : null,\n    manifest.tokenCountMethod === \"estimate\" ? \"estimated\" : null,\n    !manifest.enforceable ? \"advisory\" : null,\n  ].filter((item): item is string => Boolean(item));\n\n  return (\n    <div className=\"flex max-h-[min(72vh,520px)] flex-col\">\n      <div className=\"border-b border-border/60 px-3 py-2.5\">\n        <div className=\"flex items-center justify-between gap-3\">\n          <h2 className=\"min-w-0 truncate text-sm font-medium text-foreground\">\n            Context X-Ray\n          </h2>\n          <div className=\"shrink-0 text-xs tabular-nums text-muted-foreground\">\n            {formatTokens(manifest.totalTokens)} · {pct}%\n          </div>\n        </div>\n        <div className=\"mt-2 h-1 overflow-hidden rounded-full bg-muted/70\">\n          <div\n            className=\"h-full rounded-full bg-foreground transition-[width] duration-200\"\n            style={{ width: `${pct}%` }}\n          />\n        </div>\n        <div className=\"mt-1.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-[11px] text-muted-foreground\">\n          {details.map((detail) => (\n            <span key={detail}>{detail}</span>\n          ))}\n          {manifest.reclaimedTokens > 0 && (\n            <span className=\"font-medium text-emerald-600 dark:text-emerald-400\">\n              -{formatTokens(manifest.reclaimedTokens)}\n            </span>\n          )}\n        </div>\n      </div>\n\n      <div className=\"overflow-y-auto px-2 py-2\">\n        <div className=\"mb-1 flex items-center justify-end\">\n          <div className=\"inline-flex rounded-md bg-muted/40 p-0.5\">\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  type=\"button\"\n                  onClick={() => setMode(\"list\")}\n                  aria-label=\"Show context list\"\n                  className={cn(\n                    \"flex size-7 items-center justify-center rounded text-muted-foreground\",\n                    mode === \"list\"\n                      ? \"bg-background text-foreground shadow-sm\"\n                      : \"hover:text-foreground\",\n                  )}\n                >\n                  <IconListDetails className=\"h-3.5 w-3.5\" />\n                </button>\n              </TooltipTrigger>\n              <TooltipContent>List</TooltipContent>\n            </Tooltip>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  type=\"button\"\n                  onClick={() => setMode(\"map\")}\n                  aria-label=\"Show context map\"\n                  className={cn(\n                    \"flex size-7 items-center justify-center rounded text-muted-foreground\",\n                    mode === \"map\"\n                      ? \"bg-background text-foreground shadow-sm\"\n                      : \"hover:text-foreground\",\n                  )}\n                >\n                  <IconChartTreemap className=\"h-3.5 w-3.5\" />\n                </button>\n              </TooltipTrigger>\n              <TooltipContent>Map</TooltipContent>\n            </Tooltip>\n          </div>\n        </div>\n\n        {mode === \"map\" ? (\n          <ContextTreemap\n            segments={segments}\n            onSelect={(segmentId) => {\n              const segment = segments.find((s) => s.segmentId === segmentId);\n              if (segment) setCollapsed(new Set());\n            }}\n          />\n        ) : (\n          <div className=\"divide-y divide-border/60\">\n            {groups.map((group) => {\n              const isCollapsed = collapsed.has(group.name);\n              return (\n                <div key={group.name}>\n                  <button\n                    type=\"button\"\n                    onClick={() => {\n                      setCollapsed((prev) => {\n                        const next = new Set(prev);\n                        if (next.has(group.name)) next.delete(group.name);\n                        else next.add(group.name);\n                        return next;\n                      });\n                    }}\n                    className=\"flex w-full items-center gap-2 rounded-sm px-1.5 py-2 text-left hover:bg-accent/35\"\n                  >\n                    {isCollapsed ? (\n                      <IconChevronRight className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                    ) : (\n                      <IconChevronDown className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                    )}\n                    <span\n                      className={cn(\n                        \"h-2 w-2 rounded-full\",\n                        groupColor(group.name),\n                      )}\n                    />\n                    <span className=\"min-w-0 flex-1 truncate text-xs font-medium\">\n                      {group.name}\n                    </span>\n                    <span className=\"text-[11px] text-muted-foreground\">\n                      {formatTokens(group.tokens)}\n                    </span>\n                  </button>\n                  {!isCollapsed && (\n                    <div className=\"pb-1\">\n                      {group.segments\n                        .slice()\n                        .sort((a, b) => b.tokenCount - a.tokenCount)\n                        .map((segment) => (\n                          <ContextSegmentRow\n                            key={segment.segmentId}\n                            segment={segment}\n                            advisory={!manifest.enforceable}\n                            onPin={() => onPin(segment.segmentId)}\n                            onEvict={() => onEvict(segment.segmentId)}\n                            onRestore={() => onRestore(segment.segmentId)}\n                          />\n                        ))}\n                    </div>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/client/context-xray/format.d.ts

@@ -1,5 +1,16 @@
 import type { ContextManifestSegment } from "../../shared/context-xray.js";
+/**
+ * Fallback context-window limit used when no model ID is available.
+ * Kept as a named export so existing callers that import this constant
+ * directly still compile without changes.
+ */
 export declare const CONTEXT_XRAY_MODEL_LIMIT = 200000;
+/**
+ * Resolve the effective context-window limit for the given model ID.
+ * Falls back to {@link CONTEXT_XRAY_MODEL_LIMIT} (200 K) when the model is
+ * unknown or not provided — matching the pre-existing hard-coded behaviour.
+ */
+export declare function resolveContextWindow(modelId?: string | null): number;
 export declare function formatTokens(tokens: number | undefined): string;
 export declare function statusLabel(segment: ContextManifestSegment): string;
 export declare function groupColor(group: string): string;

package/dist/client/context-xray/format.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/client/context-xray/format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,eAAO,MAAM,wBAAwB,SAAU,CAAC;AAEhD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAO/D;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,sBAAsB,GAAG,MAAM,CAMnE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOhD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAO/C"}
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/client/context-xray/format.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE3E;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,SAAU,CAAC;AAEhD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAGpE;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAO/D;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,sBAAsB,GAAG,MAAM,CAMnE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOhD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAO/C"}

package/dist/client/context-xray/format.js

@@ -1,4 +1,20 @@
+import { getContextWindowForModel } from "../../agent/model-config.js";
+/**
+ * Fallback context-window limit used when no model ID is available.
+ * Kept as a named export so existing callers that import this constant
+ * directly still compile without changes.
+ */
 export const CONTEXT_XRAY_MODEL_LIMIT = 200_000;
+/**
+ * Resolve the effective context-window limit for the given model ID.
+ * Falls back to {@link CONTEXT_XRAY_MODEL_LIMIT} (200 K) when the model is
+ * unknown or not provided — matching the pre-existing hard-coded behaviour.
+ */
+export function resolveContextWindow(modelId) {
+    if (!modelId)
+        return CONTEXT_XRAY_MODEL_LIMIT;
+    return getContextWindowForModel(modelId);
+}
 export function formatTokens(tokens) {
     const value = Math.max(0, Math.round(tokens ?? 0));
     if (value >= 1000) {

package/dist/client/context-xray/format.js.map

@@ -1 +1 @@
-{"version":3,"file":"format.js","sourceRoot":"","sources":["../../../src/client/context-xray/format.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,wBAAwB,GAAG,OAAO,CAAC;AAEhD,MAAM,UAAU,YAAY,CAAC,MAA0B;IACrD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC;IACnD,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,MAAM,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC;QAC7B,OAAO,GAAG,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IACxE,CAAC;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,OAA+B;IACzD,IAAI,OAAO,CAAC,SAAS;QAAE,OAAO,WAAW,CAAC;IAC1C,IAAI,OAAO,CAAC,MAAM,KAAK,QAAQ;QAAE,OAAO,QAAQ,CAAC;IACjD,IAAI,OAAO,CAAC,MAAM,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IACnD,IAAI,OAAO,CAAC,MAAM,KAAK,YAAY;QAAE,OAAO,YAAY,CAAC;IACzD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAa;IACtC,IAAI,KAAK,KAAK,QAAQ;QAAE,OAAO,gBAAgB,CAAC;IAChD,IAAI,KAAK,KAAK,cAAc;QAAE,OAAO,cAAc,CAAC;IACpD,IAAI,KAAK,KAAK,YAAY;QAAE,OAAO,YAAY,CAAC;IAChD,IAAI,KAAK,KAAK,UAAU;QAAE,OAAO,eAAe,CAAC;IACjD,IAAI,KAAK,KAAK,qBAAqB;QAAE,OAAO,aAAa,CAAC;IAC1D,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAa;IACrC,IAAI,KAAK,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IACzC,IAAI,KAAK,KAAK,cAAc;QAAE,OAAO,SAAS,CAAC;IAC/C,IAAI,KAAK,KAAK,YAAY;QAAE,OAAO,SAAS,CAAC;IAC7C,IAAI,KAAK,KAAK,UAAU;QAAE,OAAO,SAAS,CAAC;IAC3C,IAAI,KAAK,KAAK,qBAAqB;QAAE,OAAO,SAAS,CAAC;IACtD,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["import type { ContextManifestSegment } from \"../../shared/context-xray.js\";\n\nexport const CONTEXT_XRAY_MODEL_LIMIT = 200_000;\n\nexport function formatTokens(tokens: number | undefined): string {\n  const value = Math.max(0, Math.round(tokens ?? 0));\n  if (value >= 1000) {\n    const compact = value / 1000;\n    return `${compact >= 100 ? compact.toFixed(0) : compact.toFixed(1)}k`;\n  }\n  return String(value);\n}\n\nexport function statusLabel(segment: ContextManifestSegment): string {\n  if (segment.protected) return \"Protected\";\n  if (segment.status === \"pinned\") return \"Pinned\";\n  if (segment.status === \"evicted\") return \"Evicted\";\n  if (segment.status === \"summarized\") return \"Summarized\";\n  return \"Active\";\n}\n\nexport function groupColor(group: string): string {\n  if (group === \"Pinned\") return \"bg-emerald-500\";\n  if (group === \"Tool results\") return \"bg-amber-500\";\n  if (group === \"Files read\") return \"bg-sky-500\";\n  if (group === \"Thinking\") return \"bg-violet-500\";\n  if (group === \"Task & instructions\") return \"bg-rose-500\";\n  return \"bg-slate-400\";\n}\n\nexport function groupFill(group: string): string {\n  if (group === \"Pinned\") return \"#10b981\";\n  if (group === \"Tool results\") return \"#f59e0b\";\n  if (group === \"Files read\") return \"#0ea5e9\";\n  if (group === \"Thinking\") return \"#8b5cf6\";\n  if (group === \"Task & instructions\") return \"#f43f5e\";\n  return \"#94a3b8\";\n}\n"]}
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../../../src/client/context-xray/format.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAGvE;;;;GAIG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,OAAO,CAAC;AAEhD;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,OAAuB;IAC1D,IAAI,CAAC,OAAO;QAAE,OAAO,wBAAwB,CAAC;IAC9C,OAAO,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,MAA0B;IACrD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC;IACnD,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,MAAM,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC;QAC7B,OAAO,GAAG,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IACxE,CAAC;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,OAA+B;IACzD,IAAI,OAAO,CAAC,SAAS;QAAE,OAAO,WAAW,CAAC;IAC1C,IAAI,OAAO,CAAC,MAAM,KAAK,QAAQ;QAAE,OAAO,QAAQ,CAAC;IACjD,IAAI,OAAO,CAAC,MAAM,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IACnD,IAAI,OAAO,CAAC,MAAM,KAAK,YAAY;QAAE,OAAO,YAAY,CAAC;IACzD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAa;IACtC,IAAI,KAAK,KAAK,QAAQ;QAAE,OAAO,gBAAgB,CAAC;IAChD,IAAI,KAAK,KAAK,cAAc;QAAE,OAAO,cAAc,CAAC;IACpD,IAAI,KAAK,KAAK,YAAY;QAAE,OAAO,YAAY,CAAC;IAChD,IAAI,KAAK,KAAK,UAAU;QAAE,OAAO,eAAe,CAAC;IACjD,IAAI,KAAK,KAAK,qBAAqB;QAAE,OAAO,aAAa,CAAC;IAC1D,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAa;IACrC,IAAI,KAAK,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IACzC,IAAI,KAAK,KAAK,cAAc;QAAE,OAAO,SAAS,CAAC;IAC/C,IAAI,KAAK,KAAK,YAAY;QAAE,OAAO,SAAS,CAAC;IAC7C,IAAI,KAAK,KAAK,UAAU;QAAE,OAAO,SAAS,CAAC;IAC3C,IAAI,KAAK,KAAK,qBAAqB;QAAE,OAAO,SAAS,CAAC;IACtD,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["import { getContextWindowForModel } from \"../../agent/model-config.js\";\nimport type { ContextManifestSegment } from \"../../shared/context-xray.js\";\n\n/**\n * Fallback context-window limit used when no model ID is available.\n * Kept as a named export so existing callers that import this constant\n * directly still compile without changes.\n */\nexport const CONTEXT_XRAY_MODEL_LIMIT = 200_000;\n\n/**\n * Resolve the effective context-window limit for the given model ID.\n * Falls back to {@link CONTEXT_XRAY_MODEL_LIMIT} (200 K) when the model is\n * unknown or not provided — matching the pre-existing hard-coded behaviour.\n */\nexport function resolveContextWindow(modelId?: string | null): number {\n  if (!modelId) return CONTEXT_XRAY_MODEL_LIMIT;\n  return getContextWindowForModel(modelId);\n}\n\nexport function formatTokens(tokens: number | undefined): string {\n  const value = Math.max(0, Math.round(tokens ?? 0));\n  if (value >= 1000) {\n    const compact = value / 1000;\n    return `${compact >= 100 ? compact.toFixed(0) : compact.toFixed(1)}k`;\n  }\n  return String(value);\n}\n\nexport function statusLabel(segment: ContextManifestSegment): string {\n  if (segment.protected) return \"Protected\";\n  if (segment.status === \"pinned\") return \"Pinned\";\n  if (segment.status === \"evicted\") return \"Evicted\";\n  if (segment.status === \"summarized\") return \"Summarized\";\n  return \"Active\";\n}\n\nexport function groupColor(group: string): string {\n  if (group === \"Pinned\") return \"bg-emerald-500\";\n  if (group === \"Tool results\") return \"bg-amber-500\";\n  if (group === \"Files read\") return \"bg-sky-500\";\n  if (group === \"Thinking\") return \"bg-violet-500\";\n  if (group === \"Task & instructions\") return \"bg-rose-500\";\n  return \"bg-slate-400\";\n}\n\nexport function groupFill(group: string): string {\n  if (group === \"Pinned\") return \"#10b981\";\n  if (group === \"Tool results\") return \"#f59e0b\";\n  if (group === \"Files read\") return \"#0ea5e9\";\n  if (group === \"Thinking\") return \"#8b5cf6\";\n  if (group === \"Task & instructions\") return \"#f43f5e\";\n  return \"#94a3b8\";\n}\n"]}

package/dist/client/conversation/AgentConversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentConversation.d.ts","sourceRoot":"","sources":["../../../src/client/conversation/AgentConversation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAkBnD,OAAO,KAAK,EAGV,wBAAwB,EAIzB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,wBAAwB,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAe,EACf,KAAK,EACL,SAAiB,EACjB,SAAS,EACT,iBAAiB,EACjB,UAA8B,EAC9B,gBAAgB,EAChB,QAAQ,GACT,EAAE,sBAAsB,2CAoDxB;AAoBD,wBAAgB,4BAA4B,CAAC,EAC3C,OAAO,GACR,EAAE;IACD,OAAO,EAAE,wBAAwB,CAAC;CACnC,2CA4BA"}
+{"version":3,"file":"AgentConversation.d.ts","sourceRoot":"","sources":["../../../src/client/conversation/AgentConversation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,KAAK,EAGV,wBAAwB,EAIzB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,wBAAwB,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAe,EACf,KAAK,EACL,SAAiB,EACjB,SAAS,EACT,iBAAiB,EACjB,UAA8B,EAC9B,gBAAgB,EAChB,QAAQ,GACT,EAAE,sBAAsB,2CAoDxB;AAoBD,wBAAgB,4BAA4B,CAAC,EAC3C,OAAO,GACR,EAAE;IACD,OAAO,EAAE,wBAAwB,CAAC;CACnC,2CA4BA"}

package/dist/client/conversation/AgentConversation.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useEffect, useState } from "react";
+import React from "react";
 import ReactMarkdown, { defaultUrlTransform } from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { IconAlertTriangle, IconArrowDown, IconCheck, IconChevronDown, IconCircleX, IconClock, IconExternalLink, IconLoader2, IconTool, } from "@tabler/icons-react";
@@ -7,6 +7,7 @@ import { cn } from "../utils.js";
 import { McpAppRenderer } from "../mcp-apps/McpAppRenderer.js";
 import { humanizeToolName } from "../tool-display.js";
 import { useNearBottomAutoscroll } from "./use-near-bottom-autoscroll.js";
+import { HighlightedCodeBlock as SharedHighlightedCodeBlock } from "../HighlightedCodeBlock.js";
 export function AgentConversation({ messages, loading = false, error, streaming = false, className, timelineClassName, emptyTitle = "No messages yet", emptyDescription, composer, }) {
     const followKey = `${messages.length}:${messages[messages.length - 1]?.text?.length ?? 0}`;
     const { scrollRef, showScrollToBottom, scrollToBottom } = useNearBottomAutoscroll({
@@ -57,9 +58,11 @@ let _highlighterLoader = null;
 function loadConversationHighlighter() {
     if (!_highlighterLoader) {
         _highlighterLoader = (async () => {
-            const [{ createHighlighterCore }, { createOnigurumaEngine }] = await Promise.all([
+            // Use the JavaScript regex engine instead of Oniguruma WASM (~608 KB saved).
+            // forgiving:true degrades unsupported patterns gracefully instead of throwing.
+            const [{ createHighlighterCore }, { createJavaScriptRegexEngine }] = await Promise.all([
                 import("shiki/core"),
-                import("shiki/engine/oniguruma"),
+                import("shiki/engine/javascript"),
             ]);
             return createHighlighterCore({
                 themes: [
@@ -81,7 +84,7 @@ function loadConversationHighlighter() {
                     import("shiki/langs/yaml.mjs"),
                     import("shiki/langs/sql.mjs"),
                 ],
-                engine: createOnigurumaEngine(import("shiki/wasm")),
+                engine: createJavaScriptRegexEngine({ forgiving: true }),
             });
         })().catch((err) => {
             _highlighterLoader = null;
@@ -90,54 +93,6 @@ function loadConversationHighlighter() {
     }
     return _highlighterLoader;
 }
-const LANG_ALIASES = {
-    js: "javascript",
-    ts: "typescript",
-    sh: "bash",
-    shell: "bash",
-    zsh: "bash",
-    py: "python",
-    yml: "yaml",
-    md: "markdown",
-    bq: "sql",
-    bigquery: "sql",
-};
-function HighlightedCodeBlock({ code, lang }) {
-    const [html, setHtml] = useState(null);
-    useEffect(() => {
-        let cancelled = false;
-        loadConversationHighlighter()
-            .then((highlighter) => {
-            const requested = (lang || "text").toLowerCase();
-            const resolved = LANG_ALIASES[requested] ?? requested;
-            const loaded = highlighter.getLoadedLanguages();
-            const finalLang = loaded.includes(resolved) ? resolved : "text";
-            return highlighter.codeToHtml(code, {
-                lang: finalLang,
-                themes: {
-                    light: "github-light-default",
-                    dark: "github-dark-default",
-                },
-                defaultColor: false,
-            });
-        })
-            .then((out) => {
-            if (!cancelled)
-                setHtml(out);
-        })
-            .catch(() => {
-            if (!cancelled)
-                setHtml(null);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [code, lang]);
-    if (html) {
-        return (_jsx("div", { className: "agent-conversation-shiki", dangerouslySetInnerHTML: { __html: html } }));
-    }
-    return (_jsx("pre", { children: _jsx("code", { className: lang ? `language-${lang}` : undefined, children: code }) }));
-}
 function ConversationMarkdown({ text }) {
     return (_jsx("div", { className: "agent-conversation-markdown", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], urlTransform: defaultUrlTransform, components: {
                 a({ children, href }) {
@@ -153,7 +108,7 @@ function ConversationMarkdown({ text }) {
                         const langMatch = (childProps.className ?? "").match(/\blanguage-([\w+-]+)\b/);
                         if (langMatch) {
                             const code = extractCodeText(childProps.children).replace(/\n$/, "");
-                            return _jsx(HighlightedCodeBlock, { code: code, lang: langMatch[1] });
+                            return (_jsx(SharedHighlightedCodeBlock, { code: code, lang: langMatch[1], containerClass: "agent-conversation-shiki", loadHighlighter: loadConversationHighlighter }));
                         }
                     }
                     return _jsx("pre", { ...rest, children: children });

package/dist/client/conversation/AgentConversation.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentConversation.js","sourceRoot":"","sources":["../../../src/client/conversation/AgentConversation.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport ReactMarkdown, { defaultUrlTransform } from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport {\n  IconAlertTriangle,\n  IconArrowDown,\n  IconCheck,\n  IconChevronDown,\n  IconCircleX,\n  IconClock,\n  IconExternalLink,\n  IconLoader2,\n  IconTool,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport { McpAppRenderer } from \"../mcp-apps/McpAppRenderer.js\";\nimport { humanizeToolName } from \"../tool-display.js\";\nimport { useNearBottomAutoscroll } from \"./use-near-bottom-autoscroll.js\";\nimport type {\n  AgentConversationAttachment,\n  AgentConversationArtifact,\n  AgentConversationMessage,\n  AgentConversationMessagePart,\n  AgentConversationNotice,\n  AgentConversationToolCall,\n} from \"./types.js\";\n\nexport interface AgentConversationProps {\n  messages: AgentConversationMessage[];\n  loading?: boolean;\n  error?: string | null;\n  streaming?: boolean;\n  className?: string;\n  timelineClassName?: string;\n  emptyTitle?: string;\n  emptyDescription?: string;\n  composer?: React.ReactNode;\n}\n\nexport function AgentConversation({\n  messages,\n  loading = false,\n  error,\n  streaming = false,\n  className,\n  timelineClassName,\n  emptyTitle = \"No messages yet\",\n  emptyDescription,\n  composer,\n}: AgentConversationProps) {\n  const followKey = `${messages.length}:${\n    messages[messages.length - 1]?.text?.length ?? 0\n  }`;\n  const { scrollRef, showScrollToBottom, scrollToBottom } =\n    useNearBottomAutoscroll<HTMLDivElement>({\n      followKey,\n      streaming,\n    });\n\n  return (\n    <section className={cn(\"agent-conversation\", className)}>\n      {error && (\n        <div className=\"agent-conversation__error\" role=\"alert\">\n          <IconAlertTriangle size={15} strokeWidth={1.8} />\n          <span>{error}</span>\n        </div>\n      )}\n      <div\n        ref={scrollRef}\n        className={cn(\"agent-conversation__timeline\", timelineClassName)}\n      >\n        {loading && messages.length === 0 ? (\n          <ConversationEmpty\n            icon={<IconLoader2 size={17} className=\"agent-conversation-spin\" />}\n            title=\"Loading session...\"\n          />\n        ) : messages.length === 0 ? (\n          <ConversationEmpty\n            icon={<IconClock size={18} />}\n            title={emptyTitle}\n            description={emptyDescription}\n          />\n        ) : (\n          messages.map((message) => (\n            <AgentConversationMessageView key={message.id} message={message} />\n          ))\n        )}\n      </div>\n      {showScrollToBottom && (\n        <button\n          type=\"button\"\n          className=\"agent-conversation__scroll-bottom\"\n          onClick={scrollToBottom}\n          aria-label=\"Scroll to bottom\"\n        >\n          <IconArrowDown size={15} strokeWidth={1.9} />\n        </button>\n      )}\n      {composer}\n    </section>\n  );\n}\n\nfunction ConversationEmpty({\n  icon,\n  title,\n  description,\n}: {\n  icon: React.ReactNode;\n  title: string;\n  description?: string;\n}) {\n  return (\n    <div className=\"agent-conversation__empty\">\n      {icon}\n      <p>{title}</p>\n      {description && <span>{description}</span>}\n    </div>\n  );\n}\n\nexport function AgentConversationMessageView({\n  message,\n}: {\n  message: AgentConversationMessage;\n}) {\n  const parts = message.parts ?? legacyPartsForMessage(message);\n\n  return (\n    <article\n      className={cn(\n        \"agent-conversation-message\",\n        `agent-conversation-message--${message.role}`,\n        message.pending && \"agent-conversation-message--pending\",\n      )}\n    >\n      {message.attachments && message.attachments.length > 0 && (\n        <div className=\"agent-conversation-message__attachments\">\n          {message.attachments.map((attachment, i) => (\n            <ConversationAttachmentChip\n              key={`${attachment.name}-${i}`}\n              attachment={attachment}\n            />\n          ))}\n        </div>\n      )}\n      <div className=\"agent-conversation-message__body\">\n        {parts.map((part) => (\n          <ConversationMessagePartView key={part.id} part={part} />\n        ))}\n      </div>\n    </article>\n  );\n}\n\nfunction legacyPartsForMessage(\n  message: AgentConversationMessage,\n): AgentConversationMessagePart[] {\n  return [\n    ...(message.text\n      ? [\n          {\n            id: `${message.id}-text`,\n            type: \"text\" as const,\n            text: message.text,\n          },\n        ]\n      : []),\n    ...(message.tools ?? []).map((tool) => ({\n      id: `${message.id}-tool-${tool.id}`,\n      type: \"tool\" as const,\n      tool,\n    })),\n    ...(message.notices ?? []).map((notice) => ({\n      id: `${message.id}-notice-${notice.id}`,\n      type: \"notice\" as const,\n      notice,\n    })),\n    ...(message.artifacts ?? []).map((artifact) => ({\n      id: `${message.id}-artifact-${artifact.id}`,\n      type: \"artifact\" as const,\n      artifact,\n    })),\n  ];\n}\n\nfunction ConversationMessagePartView({\n  part,\n}: {\n  part: AgentConversationMessagePart;\n}) {\n  return (\n    <div\n      className={cn(\n        \"agent-conversation-message__part\",\n        `agent-conversation-message__part--${part.type}`,\n      )}\n    >\n      {part.type === \"text\" ? (\n        <ConversationMarkdown text={part.text} />\n      ) : part.type === \"tool\" ? (\n        <ConversationToolCall tool={part.tool} />\n      ) : part.type === \"notice\" ? (\n        <ConversationNotice notice={part.notice} />\n      ) : (\n        <ConversationArtifact artifact={part.artifact} />\n      )}\n    </div>\n  );\n}\n\n// ─── Shiki syntax highlighter (lazy-loaded) ──────────────────────────────────\ntype ShikiHighlighter = {\n  codeToHtml: (\n    code: string,\n    options: {\n      lang: string;\n      themes: { light: string; dark: string };\n      defaultColor?: false | \"light\" | \"dark\";\n    },\n  ) => string | Promise<string>;\n  getLoadedLanguages: () => string[];\n};\n\nlet _highlighterLoader: Promise<ShikiHighlighter> | null = null;\nfunction loadConversationHighlighter(): Promise<ShikiHighlighter> {\n  if (!_highlighterLoader) {\n    _highlighterLoader = (async () => {\n      const [{ createHighlighterCore }, { createOnigurumaEngine }] =\n        await Promise.all([\n          import(\"shiki/core\"),\n          import(\"shiki/engine/oniguruma\"),\n        ]);\n      return createHighlighterCore({\n        themes: [\n          import(\"shiki/themes/github-light-default.mjs\"),\n          import(\"shiki/themes/github-dark-default.mjs\"),\n        ],\n        langs: [\n          import(\"shiki/langs/javascript.mjs\"),\n          import(\"shiki/langs/typescript.mjs\"),\n          import(\"shiki/langs/jsx.mjs\"),\n          import(\"shiki/langs/tsx.mjs\"),\n          import(\"shiki/langs/json.mjs\"),\n          import(\"shiki/langs/css.mjs\"),\n          import(\"shiki/langs/html.mjs\"),\n          import(\"shiki/langs/markdown.mjs\"),\n          import(\"shiki/langs/bash.mjs\"),\n          import(\"shiki/langs/shellscript.mjs\"),\n          import(\"shiki/langs/python.mjs\"),\n          import(\"shiki/langs/yaml.mjs\"),\n          import(\"shiki/langs/sql.mjs\"),\n        ],\n        engine: createOnigurumaEngine(import(\"shiki/wasm\")),\n      }) as unknown as Promise<ShikiHighlighter>;\n    })().catch((err) => {\n      _highlighterLoader = null;\n      throw err;\n    });\n  }\n  return _highlighterLoader;\n}\n\nconst LANG_ALIASES: Record<string, string> = {\n  js: \"javascript\",\n  ts: \"typescript\",\n  sh: \"bash\",\n  shell: \"bash\",\n  zsh: \"bash\",\n  py: \"python\",\n  yml: \"yaml\",\n  md: \"markdown\",\n  bq: \"sql\",\n  bigquery: \"sql\",\n};\n\nfunction HighlightedCodeBlock({ code, lang }: { code: string; lang: string }) {\n  const [html, setHtml] = useState<string | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadConversationHighlighter()\n      .then((highlighter) => {\n        const requested = (lang || \"text\").toLowerCase();\n        const resolved = LANG_ALIASES[requested] ?? requested;\n        const loaded = highlighter.getLoadedLanguages();\n        const finalLang = loaded.includes(resolved) ? resolved : \"text\";\n        return highlighter.codeToHtml(code, {\n          lang: finalLang,\n          themes: {\n            light: \"github-light-default\",\n            dark: \"github-dark-default\",\n          },\n          defaultColor: false,\n        });\n      })\n      .then((out) => {\n        if (!cancelled) setHtml(out as string);\n      })\n      .catch(() => {\n        if (!cancelled) setHtml(null);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code, lang]);\n\n  if (html) {\n    return (\n      <div\n        className=\"agent-conversation-shiki\"\n        dangerouslySetInnerHTML={{ __html: html }}\n      />\n    );\n  }\n  return (\n    <pre>\n      <code className={lang ? `language-${lang}` : undefined}>{code}</code>\n    </pre>\n  );\n}\n\nfunction ConversationMarkdown({ text }: { text: string }) {\n  return (\n    <div className=\"agent-conversation-markdown\">\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        urlTransform={defaultUrlTransform}\n        components={{\n          a({ children, href }) {\n            if (!href) {\n              return <span>{children}</span>;\n            }\n            return (\n              <a\n                href={href}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                onClick={(event) => openMarkdownLink(event, href)}\n              >\n                {children}\n              </a>\n            );\n          },\n          pre(props: React.HTMLAttributes<HTMLPreElement>) {\n            const { children, ...rest } = props;\n            if (React.isValidElement(children)) {\n              const childProps = children.props as {\n                className?: string;\n                children?: React.ReactNode;\n              };\n              const langMatch = (childProps.className ?? \"\").match(\n                /\\blanguage-([\\w+-]+)\\b/,\n              );\n              if (langMatch) {\n                const code = extractCodeText(childProps.children).replace(\n                  /\\n$/,\n                  \"\",\n                );\n                return <HighlightedCodeBlock code={code} lang={langMatch[1]} />;\n              }\n            }\n            return <pre {...rest}>{children}</pre>;\n          },\n        }}\n      >\n        {text}\n      </ReactMarkdown>\n    </div>\n  );\n}\n\nfunction extractCodeText(node: React.ReactNode): string {\n  if (typeof node === \"string\") return node;\n  if (typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(extractCodeText).join(\"\");\n  if (React.isValidElement(node)) {\n    return extractCodeText(\n      (node.props as { children?: React.ReactNode }).children,\n    );\n  }\n  return \"\";\n}\n\nfunction openMarkdownLink(\n  event: React.MouseEvent<HTMLAnchorElement>,\n  href: string | undefined,\n) {\n  if (!href) return;\n\n  let url: URL;\n  try {\n    url = new URL(href, window.location.href);\n  } catch {\n    event.preventDefault();\n    return;\n  }\n\n  if (![\"http:\", \"https:\", \"mailto:\", \"tel:\"].includes(url.protocol)) {\n    event.preventDefault();\n    return;\n  }\n  event.preventDefault();\n  window.open(url.href, \"_blank\", \"noopener,noreferrer\");\n}\n\nfunction ConversationToolCall({ tool }: { tool: AgentConversationToolCall }) {\n  const hasDetails = Boolean(tool.input || tool.result || tool.mcpApp);\n  const icon =\n    tool.state === \"running\" || tool.state === \"activity\" ? (\n      <IconLoader2 size={14} className=\"agent-conversation-spin\" />\n    ) : tool.state === \"errored\" ? (\n      <IconCircleX size={14} />\n    ) : (\n      <IconCheck size={14} />\n    );\n\n  const content = (\n    <>\n      <span className=\"agent-conversation-tool__icon\">{icon}</span>\n      <span className=\"agent-conversation-tool__name\">\n        {humanizeToolName(tool.name)}\n      </span>\n      {tool.summary && (\n        <span className=\"agent-conversation-tool__summary\">{tool.summary}</span>\n      )}\n    </>\n  );\n\n  if (!hasDetails) {\n    return <div className=\"agent-conversation-tool\">{content}</div>;\n  }\n\n  return (\n    <details\n      className=\"agent-conversation-tool\"\n      open={tool.mcpApp ? true : undefined}\n    >\n      <summary>\n        {content}\n        <IconChevronDown\n          size={13}\n          className=\"agent-conversation-tool__chevron\"\n        />\n      </summary>\n      <div className=\"agent-conversation-tool__details\">\n        {tool.mcpApp && <McpAppRenderer app={tool.mcpApp} />}\n        {tool.input && (\n          <pre>\n            <strong>input</strong>\n            {tool.input}\n          </pre>\n        )}\n        {tool.result && (\n          <pre>\n            <strong>result</strong>\n            {tool.result}\n          </pre>\n        )}\n      </div>\n    </details>\n  );\n}\n\nfunction ConversationNotice({ notice }: { notice: AgentConversationNotice }) {\n  return (\n    <div\n      className={cn(\n        \"agent-conversation-notice\",\n        `agent-conversation-notice--${notice.tone}`,\n      )}\n    >\n      <IconAlertTriangle size={15} />\n      <div>\n        {notice.title && <strong>{notice.title}</strong>}\n        <span>{notice.text}</span>\n      </div>\n      {notice.action}\n    </div>\n  );\n}\n\nfunction ConversationArtifact({\n  artifact,\n}: {\n  artifact: AgentConversationArtifact;\n}) {\n  return (\n    <div className=\"agent-conversation-artifact\">\n      <IconTool size={14} />\n      {artifact.path ? (\n        <code>{artifact.path}</code>\n      ) : (\n        <span>{artifact.label}</span>\n      )}\n      {artifact.url && (\n        <a href={artifact.url} target=\"_blank\" rel=\"noreferrer\">\n          <IconExternalLink size={13} />\n          Open\n        </a>\n      )}\n    </div>\n  );\n}\n\nfunction ConversationAttachmentChip({\n  attachment,\n}: {\n  attachment: AgentConversationAttachment;\n}) {\n  if (attachment.dataUrl) {\n    return (\n      <div className=\"agent-conversation-attachment agent-conversation-attachment--image\">\n        <img\n          src={attachment.dataUrl}\n          alt={attachment.name}\n          className=\"agent-conversation-attachment__image\"\n        />\n        <span className=\"agent-conversation-attachment__name\">\n          {attachment.name}\n        </span>\n      </div>\n    );\n  }\n  return (\n    <div className=\"agent-conversation-attachment agent-conversation-attachment--file\">\n      <span className=\"agent-conversation-attachment__name\">\n        {attachment.name}\n      </span>\n      {attachment.size !== undefined && (\n        <span className=\"agent-conversation-attachment__size\">\n          {formatBytes(attachment.size)}\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n"]}
+{"version":3,"file":"AgentConversation.js","sourceRoot":"","sources":["../../../src/client/conversation/AgentConversation.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactMarkdown, { defaultUrlTransform } from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport {\n  IconAlertTriangle,\n  IconArrowDown,\n  IconCheck,\n  IconChevronDown,\n  IconCircleX,\n  IconClock,\n  IconExternalLink,\n  IconLoader2,\n  IconTool,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport { McpAppRenderer } from \"../mcp-apps/McpAppRenderer.js\";\nimport { humanizeToolName } from \"../tool-display.js\";\nimport { useNearBottomAutoscroll } from \"./use-near-bottom-autoscroll.js\";\nimport { HighlightedCodeBlock as SharedHighlightedCodeBlock } from \"../HighlightedCodeBlock.js\";\nimport type {\n  AgentConversationAttachment,\n  AgentConversationArtifact,\n  AgentConversationMessage,\n  AgentConversationMessagePart,\n  AgentConversationNotice,\n  AgentConversationToolCall,\n} from \"./types.js\";\n\nexport interface AgentConversationProps {\n  messages: AgentConversationMessage[];\n  loading?: boolean;\n  error?: string | null;\n  streaming?: boolean;\n  className?: string;\n  timelineClassName?: string;\n  emptyTitle?: string;\n  emptyDescription?: string;\n  composer?: React.ReactNode;\n}\n\nexport function AgentConversation({\n  messages,\n  loading = false,\n  error,\n  streaming = false,\n  className,\n  timelineClassName,\n  emptyTitle = \"No messages yet\",\n  emptyDescription,\n  composer,\n}: AgentConversationProps) {\n  const followKey = `${messages.length}:${\n    messages[messages.length - 1]?.text?.length ?? 0\n  }`;\n  const { scrollRef, showScrollToBottom, scrollToBottom } =\n    useNearBottomAutoscroll<HTMLDivElement>({\n      followKey,\n      streaming,\n    });\n\n  return (\n    <section className={cn(\"agent-conversation\", className)}>\n      {error && (\n        <div className=\"agent-conversation__error\" role=\"alert\">\n          <IconAlertTriangle size={15} strokeWidth={1.8} />\n          <span>{error}</span>\n        </div>\n      )}\n      <div\n        ref={scrollRef}\n        className={cn(\"agent-conversation__timeline\", timelineClassName)}\n      >\n        {loading && messages.length === 0 ? (\n          <ConversationEmpty\n            icon={<IconLoader2 size={17} className=\"agent-conversation-spin\" />}\n            title=\"Loading session...\"\n          />\n        ) : messages.length === 0 ? (\n          <ConversationEmpty\n            icon={<IconClock size={18} />}\n            title={emptyTitle}\n            description={emptyDescription}\n          />\n        ) : (\n          messages.map((message) => (\n            <AgentConversationMessageView key={message.id} message={message} />\n          ))\n        )}\n      </div>\n      {showScrollToBottom && (\n        <button\n          type=\"button\"\n          className=\"agent-conversation__scroll-bottom\"\n          onClick={scrollToBottom}\n          aria-label=\"Scroll to bottom\"\n        >\n          <IconArrowDown size={15} strokeWidth={1.9} />\n        </button>\n      )}\n      {composer}\n    </section>\n  );\n}\n\nfunction ConversationEmpty({\n  icon,\n  title,\n  description,\n}: {\n  icon: React.ReactNode;\n  title: string;\n  description?: string;\n}) {\n  return (\n    <div className=\"agent-conversation__empty\">\n      {icon}\n      <p>{title}</p>\n      {description && <span>{description}</span>}\n    </div>\n  );\n}\n\nexport function AgentConversationMessageView({\n  message,\n}: {\n  message: AgentConversationMessage;\n}) {\n  const parts = message.parts ?? legacyPartsForMessage(message);\n\n  return (\n    <article\n      className={cn(\n        \"agent-conversation-message\",\n        `agent-conversation-message--${message.role}`,\n        message.pending && \"agent-conversation-message--pending\",\n      )}\n    >\n      {message.attachments && message.attachments.length > 0 && (\n        <div className=\"agent-conversation-message__attachments\">\n          {message.attachments.map((attachment, i) => (\n            <ConversationAttachmentChip\n              key={`${attachment.name}-${i}`}\n              attachment={attachment}\n            />\n          ))}\n        </div>\n      )}\n      <div className=\"agent-conversation-message__body\">\n        {parts.map((part) => (\n          <ConversationMessagePartView key={part.id} part={part} />\n        ))}\n      </div>\n    </article>\n  );\n}\n\nfunction legacyPartsForMessage(\n  message: AgentConversationMessage,\n): AgentConversationMessagePart[] {\n  return [\n    ...(message.text\n      ? [\n          {\n            id: `${message.id}-text`,\n            type: \"text\" as const,\n            text: message.text,\n          },\n        ]\n      : []),\n    ...(message.tools ?? []).map((tool) => ({\n      id: `${message.id}-tool-${tool.id}`,\n      type: \"tool\" as const,\n      tool,\n    })),\n    ...(message.notices ?? []).map((notice) => ({\n      id: `${message.id}-notice-${notice.id}`,\n      type: \"notice\" as const,\n      notice,\n    })),\n    ...(message.artifacts ?? []).map((artifact) => ({\n      id: `${message.id}-artifact-${artifact.id}`,\n      type: \"artifact\" as const,\n      artifact,\n    })),\n  ];\n}\n\nfunction ConversationMessagePartView({\n  part,\n}: {\n  part: AgentConversationMessagePart;\n}) {\n  return (\n    <div\n      className={cn(\n        \"agent-conversation-message__part\",\n        `agent-conversation-message__part--${part.type}`,\n      )}\n    >\n      {part.type === \"text\" ? (\n        <ConversationMarkdown text={part.text} />\n      ) : part.type === \"tool\" ? (\n        <ConversationToolCall tool={part.tool} />\n      ) : part.type === \"notice\" ? (\n        <ConversationNotice notice={part.notice} />\n      ) : (\n        <ConversationArtifact artifact={part.artifact} />\n      )}\n    </div>\n  );\n}\n\n// ─── Shiki syntax highlighter (lazy-loaded) ──────────────────────────────────\ntype ShikiHighlighter = {\n  codeToHtml: (\n    code: string,\n    options: {\n      lang: string;\n      themes: { light: string; dark: string };\n      defaultColor?: false | \"light\" | \"dark\";\n    },\n  ) => string | Promise<string>;\n  getLoadedLanguages: () => string[];\n};\n\nlet _highlighterLoader: Promise<ShikiHighlighter> | null = null;\nfunction loadConversationHighlighter(): Promise<ShikiHighlighter> {\n  if (!_highlighterLoader) {\n    _highlighterLoader = (async () => {\n      // Use the JavaScript regex engine instead of Oniguruma WASM (~608 KB saved).\n      // forgiving:true degrades unsupported patterns gracefully instead of throwing.\n      const [{ createHighlighterCore }, { createJavaScriptRegexEngine }] =\n        await Promise.all([\n          import(\"shiki/core\"),\n          import(\"shiki/engine/javascript\"),\n        ]);\n      return createHighlighterCore({\n        themes: [\n          import(\"shiki/themes/github-light-default.mjs\"),\n          import(\"shiki/themes/github-dark-default.mjs\"),\n        ],\n        langs: [\n          import(\"shiki/langs/javascript.mjs\"),\n          import(\"shiki/langs/typescript.mjs\"),\n          import(\"shiki/langs/jsx.mjs\"),\n          import(\"shiki/langs/tsx.mjs\"),\n          import(\"shiki/langs/json.mjs\"),\n          import(\"shiki/langs/css.mjs\"),\n          import(\"shiki/langs/html.mjs\"),\n          import(\"shiki/langs/markdown.mjs\"),\n          import(\"shiki/langs/bash.mjs\"),\n          import(\"shiki/langs/shellscript.mjs\"),\n          import(\"shiki/langs/python.mjs\"),\n          import(\"shiki/langs/yaml.mjs\"),\n          import(\"shiki/langs/sql.mjs\"),\n        ],\n        engine: createJavaScriptRegexEngine({ forgiving: true }),\n      }) as unknown as Promise<ShikiHighlighter>;\n    })().catch((err) => {\n      _highlighterLoader = null;\n      throw err;\n    });\n  }\n  return _highlighterLoader;\n}\n\nfunction ConversationMarkdown({ text }: { text: string }) {\n  return (\n    <div className=\"agent-conversation-markdown\">\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        urlTransform={defaultUrlTransform}\n        components={{\n          a({ children, href }) {\n            if (!href) {\n              return <span>{children}</span>;\n            }\n            return (\n              <a\n                href={href}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                onClick={(event) => openMarkdownLink(event, href)}\n              >\n                {children}\n              </a>\n            );\n          },\n          pre(props: React.HTMLAttributes<HTMLPreElement>) {\n            const { children, ...rest } = props;\n            if (React.isValidElement(children)) {\n              const childProps = children.props as {\n                className?: string;\n                children?: React.ReactNode;\n              };\n              const langMatch = (childProps.className ?? \"\").match(\n                /\\blanguage-([\\w+-]+)\\b/,\n              );\n              if (langMatch) {\n                const code = extractCodeText(childProps.children).replace(\n                  /\\n$/,\n                  \"\",\n                );\n                return (\n                  <SharedHighlightedCodeBlock\n                    code={code}\n                    lang={langMatch[1]}\n                    containerClass=\"agent-conversation-shiki\"\n                    loadHighlighter={loadConversationHighlighter}\n                  />\n                );\n              }\n            }\n            return <pre {...rest}>{children}</pre>;\n          },\n        }}\n      >\n        {text}\n      </ReactMarkdown>\n    </div>\n  );\n}\n\nfunction extractCodeText(node: React.ReactNode): string {\n  if (typeof node === \"string\") return node;\n  if (typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(extractCodeText).join(\"\");\n  if (React.isValidElement(node)) {\n    return extractCodeText(\n      (node.props as { children?: React.ReactNode }).children,\n    );\n  }\n  return \"\";\n}\n\nfunction openMarkdownLink(\n  event: React.MouseEvent<HTMLAnchorElement>,\n  href: string | undefined,\n) {\n  if (!href) return;\n\n  let url: URL;\n  try {\n    url = new URL(href, window.location.href);\n  } catch {\n    event.preventDefault();\n    return;\n  }\n\n  if (![\"http:\", \"https:\", \"mailto:\", \"tel:\"].includes(url.protocol)) {\n    event.preventDefault();\n    return;\n  }\n  event.preventDefault();\n  window.open(url.href, \"_blank\", \"noopener,noreferrer\");\n}\n\nfunction ConversationToolCall({ tool }: { tool: AgentConversationToolCall }) {\n  const hasDetails = Boolean(tool.input || tool.result || tool.mcpApp);\n  const icon =\n    tool.state === \"running\" || tool.state === \"activity\" ? (\n      <IconLoader2 size={14} className=\"agent-conversation-spin\" />\n    ) : tool.state === \"errored\" ? (\n      <IconCircleX size={14} />\n    ) : (\n      <IconCheck size={14} />\n    );\n\n  const content = (\n    <>\n      <span className=\"agent-conversation-tool__icon\">{icon}</span>\n      <span className=\"agent-conversation-tool__name\">\n        {humanizeToolName(tool.name)}\n      </span>\n      {tool.summary && (\n        <span className=\"agent-conversation-tool__summary\">{tool.summary}</span>\n      )}\n    </>\n  );\n\n  if (!hasDetails) {\n    return <div className=\"agent-conversation-tool\">{content}</div>;\n  }\n\n  return (\n    <details\n      className=\"agent-conversation-tool\"\n      open={tool.mcpApp ? true : undefined}\n    >\n      <summary>\n        {content}\n        <IconChevronDown\n          size={13}\n          className=\"agent-conversation-tool__chevron\"\n        />\n      </summary>\n      <div className=\"agent-conversation-tool__details\">\n        {tool.mcpApp && <McpAppRenderer app={tool.mcpApp} />}\n        {tool.input && (\n          <pre>\n            <strong>input</strong>\n            {tool.input}\n          </pre>\n        )}\n        {tool.result && (\n          <pre>\n            <strong>result</strong>\n            {tool.result}\n          </pre>\n        )}\n      </div>\n    </details>\n  );\n}\n\nfunction ConversationNotice({ notice }: { notice: AgentConversationNotice }) {\n  return (\n    <div\n      className={cn(\n        \"agent-conversation-notice\",\n        `agent-conversation-notice--${notice.tone}`,\n      )}\n    >\n      <IconAlertTriangle size={15} />\n      <div>\n        {notice.title && <strong>{notice.title}</strong>}\n        <span>{notice.text}</span>\n      </div>\n      {notice.action}\n    </div>\n  );\n}\n\nfunction ConversationArtifact({\n  artifact,\n}: {\n  artifact: AgentConversationArtifact;\n}) {\n  return (\n    <div className=\"agent-conversation-artifact\">\n      <IconTool size={14} />\n      {artifact.path ? (\n        <code>{artifact.path}</code>\n      ) : (\n        <span>{artifact.label}</span>\n      )}\n      {artifact.url && (\n        <a href={artifact.url} target=\"_blank\" rel=\"noreferrer\">\n          <IconExternalLink size={13} />\n          Open\n        </a>\n      )}\n    </div>\n  );\n}\n\nfunction ConversationAttachmentChip({\n  attachment,\n}: {\n  attachment: AgentConversationAttachment;\n}) {\n  if (attachment.dataUrl) {\n    return (\n      <div className=\"agent-conversation-attachment agent-conversation-attachment--image\">\n        <img\n          src={attachment.dataUrl}\n          alt={attachment.name}\n          className=\"agent-conversation-attachment__image\"\n        />\n        <span className=\"agent-conversation-attachment__name\">\n          {attachment.name}\n        </span>\n      </div>\n    );\n  }\n  return (\n    <div className=\"agent-conversation-attachment agent-conversation-attachment--file\">\n      <span className=\"agent-conversation-attachment__name\">\n        {attachment.name}\n      </span>\n      {attachment.size !== undefined && (\n        <span className=\"agent-conversation-attachment__size\">\n          {formatBytes(attachment.size)}\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n"]}

package/dist/client/conversation/use-near-bottom-autoscroll.d.ts

@@ -5,7 +5,7 @@ export interface UseNearBottomAutoscrollOptions {
     enabled?: boolean;
 }
 export declare function useNearBottomAutoscroll<TElement extends HTMLElement>({ followKey, streaming, threshold, enabled, }: UseNearBottomAutoscrollOptions): {
-    scrollRef: import("react").RefObject<TElement>;
+    scrollRef: import("react").RefObject<TElement | null>;
     isNearBottomRef: import("react").RefObject<boolean>;
     showScrollToBottom: boolean;
     markNearBottom: () => void;