@agent-native/core 0.35.3 → 0.37.0

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

@@ -1,4 +1,5 @@
-export declare function ContextMeter({ threadId }: {
+export declare function ContextMeter({ threadId, enabled, }: {
     threadId?: string | null;
+    enabled?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 //# 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":"AAqBA,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,2CA6HtE"}
+{"version":3,"file":"ContextMeter.d.ts","sourceRoot":"","sources":["../../../src/client/context-xray/ContextMeter.tsx"],"names":[],"mappings":"AAuDA,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAc,GACf,EAAE;IACD,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CA8GA"}

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

@@ -1,17 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconExternalLink, IconGauge } from "@tabler/icons-react";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
+import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../components/ui/tooltip.js";
 import { useActionMutation, useActionQuery } from "../use-action.js";
 import { cn } from "../utils.js";
 import { ContextXRayPanel } from "./ContextXRayPanel.js";
-import { CONTEXT_XRAY_MODEL_LIMIT, formatTokens, groupColor, } from "./format.js";
-export function ContextMeter({ threadId }) {
+import { CONTEXT_XRAY_MODEL_LIMIT, formatTokens } from "./format.js";
+function ContextDonut({ pct, advisory }) {
+    const radius = 7.5;
+    const circumference = 2 * Math.PI * radius;
+    const displayPct = Math.max(3, Math.min(100, pct));
+    const dashOffset = circumference - (displayPct / 100) * circumference;
+    return (_jsxs("span", { className: "relative flex size-5 items-center justify-center", children: [_jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 20 20", className: "-rotate-90 size-5", children: [_jsx("circle", { cx: "10", cy: "10", r: radius, className: "stroke-muted", fill: "none", strokeWidth: "3" }), _jsx("circle", { cx: "10", cy: "10", r: radius, className: cn(advisory ? "stroke-amber-500" : "stroke-[#00B5FF]"), fill: "none", strokeLinecap: "round", strokeWidth: "3", strokeDasharray: circumference, strokeDashoffset: dashOffset })] }), _jsx("span", { className: "absolute size-2 rounded-full bg-background" })] }));
+}
+export function ContextMeter({ threadId, enabled = true, }) {
     const [open, setOpen] = useState(false);
     const [optimistic, setOptimistic] = useState(new Map());
     const currentThreadId = useRef(threadId);
-    const query = useActionQuery("context-manifest-get", threadId ? { threadId } : undefined, {
-        enabled: Boolean(threadId),
+    const shouldQuery = Boolean(threadId && enabled);
+    const query = useActionQuery("context-manifest-get", shouldQuery && threadId ? { threadId } : undefined, {
+        enabled: shouldQuery,
         staleTime: 1000,
     });
     const pin = useActionMutation("context-pin");
@@ -22,7 +30,7 @@ export function ContextMeter({ threadId }) {
         setOptimistic(new Map());
     }, [threadId]);
     useEffect(() => {
-        if (!threadId || typeof window === "undefined")
+        if (!threadId || !enabled || typeof window === "undefined")
             return;
         const params = new URLSearchParams(window.location.search);
         const wantsXray = params.get("contextXray") === "1";
@@ -30,29 +38,15 @@ export function ContextMeter({ threadId }) {
         if (wantsXray && (!targetThread || targetThread === threadId)) {
             setOpen(true);
         }
-    }, [threadId]);
+    }, [enabled, threadId]);
     const manifest = query.data;
     const segments = manifest?.segments ?? [];
     const pct = manifest
         ? Math.min(100, Math.round((manifest.totalTokens / CONTEXT_XRAY_MODEL_LIMIT) * 100))
         : 0;
-    const visibleGroups = useMemo(() => {
-        const totals = new Map();
-        for (const segment of segments) {
-            if (segment.status === "evicted")
-                continue;
-            const group = segment.status === "pinned" ? "Pinned" : segment.group;
-            totals.set(group, (totals.get(group) ?? 0) + segment.tokenCount);
-        }
-        const total = [...totals.values()].reduce((sum, n) => sum + n, 0);
-        return [...totals.entries()].map(([group, tokens]) => ({
-            group,
-            tokens,
-            pct: total > 0 ? (tokens / total) * 100 : 0,
-        }));
-    }, [segments]);
-    if (!threadId || !manifest || manifest.rawTokens <= 0)
+    if (!shouldQuery || !threadId || !manifest || manifest.rawTokens <= 0) {
         return null;
+    }
     const mutateStatus = (segmentId, status, action) => {
         const previous = new Map(optimistic);
         setOptimistic((prev) => new Map(prev).set(segmentId, status));
@@ -71,6 +65,6 @@ export function ContextMeter({ threadId }) {
         if (action === "restore")
             restore.mutate(params, options);
     };
-    return (_jsxs(TooltipProvider, { delayDuration: 200, children: [_jsx("div", { className: "shrink-0 px-3 pb-1", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { type: "button", onClick: () => setOpen(true), className: "flex w-full items-center gap-2 rounded-md border border-border bg-background px-2.5 py-1.5 text-left hover:bg-accent/40", children: [_jsx(IconGauge, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 text-[11px] text-muted-foreground", children: [_jsxs("span", { children: ["Context ", pct, "% \u00B7 ", formatTokens(manifest.totalTokens)] }), _jsxs("span", { className: "flex items-center gap-1", children: [!manifest.enforceable && "Advisory", _jsx(IconExternalLink, { className: "h-3 w-3" })] })] }), _jsx("div", { className: "mt-1 flex h-1.5 overflow-hidden rounded-full bg-muted", children: visibleGroups.map((group) => (_jsx("span", { className: cn("h-full", groupColor(group.group)), style: { width: `${group.pct}%` } }, group.group))) })] })] }) }), _jsx(TooltipContent, { children: "Open Context X-Ray" })] }) }), _jsx(ContextXRayPanel, { open: open, onOpenChange: setOpen, manifest: manifest, optimistic: optimistic, onPin: (segmentId) => mutateStatus(segmentId, "pinned", "pin"), onEvict: (segmentId) => mutateStatus(segmentId, "evicted", "evict"), onRestore: (segmentId) => mutateStatus(segmentId, "active", "restore") })] }));
+    return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": `Context ${pct}%, ${formatTokens(manifest.totalTokens)}. Open Context X-Ray.`, className: cn("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", open && "bg-accent/60 text-foreground"), children: _jsx(ContextDonut, { pct: pct, advisory: !manifest.enforceable }) }) }) }), _jsxs(TooltipContent, { children: ["Context ", pct, "% \u00B7 ", formatTokens(manifest.totalTokens)] })] }), _jsx(PopoverContent, { align: "end", side: "top", sideOffset: 8, className: "w-[min(92vw,420px)] overflow-hidden p-0", children: _jsx(ContextXRayPanel, { manifest: manifest, optimistic: optimistic, onPin: (segmentId) => mutateStatus(segmentId, "pinned", "pin"), onEvict: (segmentId) => mutateStatus(segmentId, "evicted", "evict"), onRestore: (segmentId) => mutateStatus(segmentId, "active", "restore") }) })] }) }));
 }
 //# sourceMappingURL=ContextMeter.js.map

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 { IconExternalLink, IconGauge } from \"@tabler/icons-react\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport type {\n  ContextManifest,\n  ContextSegmentStatus,\n} from \"../../shared/context-xray.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 { ContextXRayPanel } from \"./ContextXRayPanel.js\";\nimport {\n  CONTEXT_XRAY_MODEL_LIMIT,\n  formatTokens,\n  groupColor,\n} from \"./format.js\";\n\nexport function ContextMeter({ threadId }: { threadId?: string | null }) {\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 query = useActionQuery(\n    \"context-manifest-get\",\n    threadId ? { threadId } : undefined,\n    {\n      enabled: Boolean(threadId),\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 || 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  }, [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  const visibleGroups = useMemo(() => {\n    const totals = new Map<string, number>();\n    for (const segment of segments) {\n      if (segment.status === \"evicted\") continue;\n      const group = segment.status === \"pinned\" ? \"Pinned\" : segment.group;\n      totals.set(group, (totals.get(group) ?? 0) + segment.tokenCount);\n    }\n    const total = [...totals.values()].reduce((sum, n) => sum + n, 0);\n    return [...totals.entries()].map(([group, tokens]) => ({\n      group,\n      tokens,\n      pct: total > 0 ? (tokens / total) * 100 : 0,\n    }));\n  }, [segments]);\n\n  if (!threadId || !manifest || manifest.rawTokens <= 0) return null;\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      <div className=\"shrink-0 px-3 pb-1\">\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={() => setOpen(true)}\n              className=\"flex w-full items-center gap-2 rounded-md border border-border bg-background px-2.5 py-1.5 text-left hover:bg-accent/40\"\n            >\n              <IconGauge className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"flex items-center justify-between gap-2 text-[11px] text-muted-foreground\">\n                  <span>\n                    Context {pct}% · {formatTokens(manifest.totalTokens)}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    {!manifest.enforceable && \"Advisory\"}\n                    <IconExternalLink className=\"h-3 w-3\" />\n                  </span>\n                </div>\n                <div className=\"mt-1 flex h-1.5 overflow-hidden rounded-full bg-muted\">\n                  {visibleGroups.map((group) => (\n                    <span\n                      key={group.group}\n                      className={cn(\"h-full\", groupColor(group.group))}\n                      style={{ width: `${group.pct}%` }}\n                    />\n                  ))}\n                </div>\n              </div>\n            </button>\n          </TooltipTrigger>\n          <TooltipContent>Open Context X-Ray</TooltipContent>\n        </Tooltip>\n      </div>\n      <ContextXRayPanel\n        open={open}\n        onOpenChange={setOpen}\n        manifest={manifest}\n        optimistic={optimistic}\n        onPin={(segmentId) => mutateStatus(segmentId, \"pinned\", \"pin\")}\n        onEvict={(segmentId) => mutateStatus(segmentId, \"evicted\", \"evict\")}\n        onRestore={(segmentId) => mutateStatus(segmentId, \"active\", \"restore\")}\n      />\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 { 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 { ContextXRayPanel } from \"./ContextXRayPanel.js\";\nimport { CONTEXT_XRAY_MODEL_LIMIT, formatTokens } from \"./format.js\";\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,420px)] overflow-hidden p-0\"\n        >\n          <ContextXRayPanel\n            manifest={manifest}\n            optimistic={optimistic}\n            onPin={(segmentId) => mutateStatus(segmentId, \"pinned\", \"pin\")}\n            onEvict={(segmentId) => mutateStatus(segmentId, \"evicted\", \"evict\")}\n            onRestore={(segmentId) =>\n              mutateStatus(segmentId, \"active\", \"restore\")\n            }\n          />\n        </PopoverContent>\n      </Popover>\n    </TooltipProvider>\n  );\n}\n"]}

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

@@ -1,7 +1,5 @@
 import type { ContextManifest, ContextSegmentStatus } from "../../shared/context-xray.js";
-export declare function ContextXRayPanel({ open, onOpenChange, manifest, optimistic, onPin, onEvict, onRestore, }: {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
+export declare function ContextXRayPanel({ manifest, optimistic, onPin, onEvict, onRestore, }: {
     manifest: ContextManifest;
     optimistic: Map<string, ContextSegmentStatus>;
     onPin: (segmentId: string) => void;

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":"AASA,OAAO,KAAK,EACV,eAAe,EAEf,oBAAoB,EACrB,MAAM,8BAA8B,CAAC;AAsGtC,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,KAAK,EACL,OAAO,EACP,SAAS,GACV,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,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,2CAuKA"}
+{"version":3,"file":"ContextXRayPanel.d.ts","sourceRoot":"","sources":["../../../src/client/context-xray/ContextXRayPanel.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,eAAe,EAEf,oBAAoB,EACrB,MAAM,8BAA8B,CAAC;AA+FtC,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,2CAsLA"}

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

@@ -1,7 +1,6 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { IconAdjustmentsHorizontal, IconChartTreemap, IconChevronDown, IconChevronRight, IconListDetails, IconPin, } from "@tabler/icons-react";
 import { useMemo, useState } from "react";
-import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, } from "../components/ui/sheet.js";
 import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 import { cn } from "../utils.js";
 import { ContextSegmentRow } from "./ContextSegmentRow.js";
@@ -54,34 +53,38 @@ function StatusLine({ manifest }) {
     const estimate = manifest.tokenCountMethod === "estimate";
     return (_jsxs("div", { className: "flex flex-wrap items-center gap-2 text-[11px] text-muted-foreground", children: [_jsxs("span", { children: ["Pinned ", pinned] }), _jsx("span", { children: "\u00B7" }), _jsxs("span", { children: ["Evicted ", evicted] }), estimate && (_jsxs(_Fragment, { children: [_jsx("span", { children: "\u00B7" }), _jsx("span", { children: "token counts estimated" })] })), !manifest.enforceable && (_jsxs(_Fragment, { children: [_jsx("span", { children: "\u00B7" }), _jsx("span", { className: "rounded-sm border border-amber-500/30 bg-amber-500/10 px-1.5 py-0.5 text-amber-700 dark:text-amber-300", children: "Advisory" })] }))] }));
 }
-export function ContextXRayPanel({ open, onOpenChange, manifest, optimistic, onPin, onEvict, onRestore, }) {
+export function ContextXRayPanel({ manifest, optimistic, onPin, onEvict, onRestore, }) {
     const [mode, setMode] = useState("list");
     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);
-    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { className: "max-w-[460px]", children: [_jsxs(SheetHeader, { className: "border-b border-border pr-12", children: [_jsxs(SheetTitle, { className: "flex items-center gap-2", children: [_jsx(IconAdjustmentsHorizontal, { className: "h-4 w-4" }), "Context X-Ray"] }), _jsx(SheetDescription, { children: manifest.enforceable
-                                ? "Pinned items survive compaction. Evicted items are excluded, not deleted."
-                                : "Advisory mode records intent for an external host." })] }), _jsxs("div", { className: "space-y-4 px-4 py-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-end justify-between gap-3", children: [_jsxs("div", { children: [_jsxs("div", { className: "text-xl font-semibold text-foreground", children: [formatTokens(manifest.totalTokens), " /", " ", formatTokens(CONTEXT_XRAY_MODEL_LIMIT)] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [pct, "% \u00B7 ", formatTokens(headroom), " headroom"] })] }), manifest.reclaimedTokens > 0 && (_jsxs("div", { className: "rounded-md border border-emerald-500/30 bg-emerald-500/10 px-2 py-1 text-xs font-medium text-emerald-700 dark:text-emerald-300", children: ["-", formatTokens(manifest.reclaimedTokens)] }))] }), _jsx("div", { className: "h-2 overflow-hidden rounded-full bg-muted", children: _jsx("div", { className: "h-full rounded-full bg-foreground transition-[width] duration-300", style: { width: `${pct}%` } }) }), _jsx(StatusLine, { manifest: manifest })] }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "inline-flex rounded-md border border-border bg-muted/30 p-0.5", children: [_jsxs("button", { type: "button", onClick: () => setMode("list"), className: cn("flex h-7 items-center gap-1 rounded px-2 text-xs", mode === "list" && "bg-background shadow-sm"), children: [_jsx(IconListDetails, { className: "h-3.5 w-3.5" }), "List"] }), _jsxs("button", { type: "button", onClick: () => setMode("map"), className: cn("flex h-7 items-center gap-1 rounded px-2 text-xs", mode === "map" && "bg-background shadow-sm"), children: [_jsx(IconChartTreemap, { className: "h-3.5 w-3.5" }), "Map"] })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: "flex items-center gap-1 text-[11px] text-muted-foreground", children: [_jsx(IconPin, { className: "h-3.5 w-3.5" }), "survives compaction"] }) }), _jsx(TooltipContent, { children: "Pinned segments stay in future context" })] })] }), mode === "map" ? (_jsx(ContextTreemap, { segments: segments, onSelect: (segmentId) => {
-                                const segment = segments.find((s) => s.segmentId === segmentId);
-                                if (segment)
-                                    setCollapsed(new Set());
-                            } })) : (_jsx("div", { className: "space-y-2", children: groups.map((group) => {
-                                const isCollapsed = collapsed.has(group.name);
-                                return (_jsxs("div", { className: "rounded-md border border-border", children: [_jsxs("button", { type: "button", onClick: () => {
-                                                setCollapsed((prev) => {
-                                                    const next = new Set(prev);
-                                                    if (next.has(group.name))
-                                                        next.delete(group.name);
-                                                    else
-                                                        next.add(group.name);
-                                                    return next;
-                                                });
-                                            }, className: "flex w-full items-center gap-2 px-2.5 py-2 text-left", children: [isCollapsed ? (_jsx(IconChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground" })) : (_jsx(IconChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })), _jsx("span", { className: cn("h-2 w-2 rounded-full", groupColor(group.name)) }), _jsx("span", { className: "min-w-0 flex-1 truncate text-xs font-medium", children: group.name }), _jsx("span", { className: "text-[11px] text-muted-foreground", children: formatTokens(group.tokens) })] }), !isCollapsed && (_jsx("div", { className: "border-t border-border py-1", children: group.segments
-                                                .slice()
-                                                .sort((a, b) => b.tokenCount - a.tokenCount)
-                                                .map((segment) => (_jsx(ContextSegmentRow, { segment: segment, advisory: !manifest.enforceable, onPin: () => onPin(segment.segmentId), onEvict: () => onEvict(segment.segmentId), onRestore: () => onRestore(segment.segmentId) }, segment.segmentId))) }))] }, group.name));
-                            }) }))] })] }) }));
+    return (_jsxs("div", { className: "flex max-h-[min(72vh,560px)] flex-col", children: [_jsx("div", { className: "border-b border-border px-4 py-3", children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [_jsx(IconAdjustmentsHorizontal, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), _jsx("span", { children: "Context X-Ray" })] }), _jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: manifest.enforceable
+                                        ? "Pin or evict what reaches future turns."
+                                        : "Advisory for external host context." })] }), manifest.reclaimedTokens > 0 && (_jsxs("div", { className: "shrink-0 rounded-md border border-emerald-500/30 bg-emerald-500/10 px-2 py-1 text-xs font-medium text-emerald-700 dark:text-emerald-300", children: ["-", formatTokens(manifest.reclaimedTokens)] }))] }) }), _jsxs("div", { className: "space-y-3 overflow-y-auto px-4 py-3", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-end justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xl font-semibold text-foreground", children: formatTokens(manifest.totalTokens) }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [pct, "% used \u00B7 ", formatTokens(headroom), " free"] })] }), _jsx(StatusLine, { manifest: manifest })] }), _jsx("div", { className: "h-1.5 overflow-hidden rounded-full bg-muted", children: _jsx("div", { className: "h-full rounded-full bg-foreground transition-[width] duration-300", style: { width: `${pct}%` } }) })] }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "inline-flex rounded-md border border-border bg-muted/30 p-0.5", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => setMode("list"), "aria-label": "Show context list", className: cn("flex size-7 items-center justify-center rounded text-muted-foreground", mode === "list"
+                                                        ? "bg-background text-foreground shadow-sm"
+                                                        : "hover:text-foreground"), children: _jsx(IconListDetails, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "List" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => setMode("map"), "aria-label": "Show context map", className: cn("flex size-7 items-center justify-center rounded text-muted-foreground", mode === "map"
+                                                        ? "bg-background text-foreground shadow-sm"
+                                                        : "hover:text-foreground"), children: _jsx(IconChartTreemap, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Map" })] })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: "flex items-center gap-1 text-[11px] text-muted-foreground", children: [_jsx(IconPin, { className: "h-3.5 w-3.5" }), _jsx("span", { children: segments.filter((s) => s.status === "pinned").length })] }) }), _jsx(TooltipContent, { children: "Pinned segments survive compaction" })] })] }), mode === "map" ? (_jsx(ContextTreemap, { segments: segments, onSelect: (segmentId) => {
+                            const segment = segments.find((s) => s.segmentId === segmentId);
+                            if (segment)
+                                setCollapsed(new Set());
+                        } })) : (_jsx("div", { className: "space-y-2", children: groups.map((group) => {
+                            const isCollapsed = collapsed.has(group.name);
+                            return (_jsxs("div", { className: "rounded-md border border-border", children: [_jsxs("button", { type: "button", onClick: () => {
+                                            setCollapsed((prev) => {
+                                                const next = new Set(prev);
+                                                if (next.has(group.name))
+                                                    next.delete(group.name);
+                                                else
+                                                    next.add(group.name);
+                                                return next;
+                                            });
+                                        }, className: "flex w-full items-center gap-2 px-2.5 py-2 text-left", children: [isCollapsed ? (_jsx(IconChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground" })) : (_jsx(IconChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })), _jsx("span", { className: cn("h-2 w-2 rounded-full", groupColor(group.name)) }), _jsx("span", { className: "min-w-0 flex-1 truncate text-xs font-medium", children: group.name }), _jsx("span", { className: "text-[11px] text-muted-foreground", children: formatTokens(group.tokens) })] }), !isCollapsed && (_jsx("div", { className: "border-t border-border py-1", children: group.segments
+                                            .slice()
+                                            .sort((a, b) => b.tokenCount - a.tokenCount)
+                                            .map((segment) => (_jsx(ContextSegmentRow, { segment: segment, advisory: !manifest.enforceable, onPin: () => onPin(segment.segmentId), onEvict: () => onEvict(segment.segmentId), onRestore: () => onRestore(segment.segmentId) }, segment.segmentId))) }))] }, group.name));
+                        }) }))] })] }));
 }
 //# sourceMappingURL=ContextXRayPanel.js.map

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  IconAdjustmentsHorizontal,\n  IconChartTreemap,\n  IconChevronDown,\n  IconChevronRight,\n  IconListDetails,\n  IconPin,\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  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"../components/ui/sheet.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\nfunction StatusLine({ manifest }: { manifest: ContextManifest }) {\n  const pinned = manifest.segments.filter((s) => s.status === \"pinned\").length;\n  const evicted = manifest.segments.filter(\n    (s) => s.status === \"evicted\",\n  ).length;\n  const estimate = manifest.tokenCountMethod === \"estimate\";\n  return (\n    <div className=\"flex flex-wrap items-center gap-2 text-[11px] text-muted-foreground\">\n      <span>Pinned {pinned}</span>\n      <span>·</span>\n      <span>Evicted {evicted}</span>\n      {estimate && (\n        <>\n          <span>·</span>\n          <span>token counts estimated</span>\n        </>\n      )}\n      {!manifest.enforceable && (\n        <>\n          <span>·</span>\n          <span className=\"rounded-sm border border-amber-500/30 bg-amber-500/10 px-1.5 py-0.5 text-amber-700 dark:text-amber-300\">\n            Advisory\n          </span>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport function ContextXRayPanel({\n  open,\n  onOpenChange,\n  manifest,\n  optimistic,\n  onPin,\n  onEvict,\n  onRestore,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\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\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent className=\"max-w-[460px]\">\n        <SheetHeader className=\"border-b border-border pr-12\">\n          <SheetTitle className=\"flex items-center gap-2\">\n            <IconAdjustmentsHorizontal className=\"h-4 w-4\" />\n            Context X-Ray\n          </SheetTitle>\n          <SheetDescription>\n            {manifest.enforceable\n              ? \"Pinned items survive compaction. Evicted items are excluded, not deleted.\"\n              : \"Advisory mode records intent for an external host.\"}\n          </SheetDescription>\n        </SheetHeader>\n\n        <div className=\"space-y-4 px-4 py-4\">\n          <div className=\"space-y-2\">\n            <div className=\"flex items-end justify-between gap-3\">\n              <div>\n                <div className=\"text-xl font-semibold text-foreground\">\n                  {formatTokens(manifest.totalTokens)} /{\" \"}\n                  {formatTokens(CONTEXT_XRAY_MODEL_LIMIT)}\n                </div>\n                <div className=\"text-xs text-muted-foreground\">\n                  {pct}% · {formatTokens(headroom)} headroom\n                </div>\n              </div>\n              {manifest.reclaimedTokens > 0 && (\n                <div className=\"rounded-md border border-emerald-500/30 bg-emerald-500/10 px-2 py-1 text-xs font-medium text-emerald-700 dark:text-emerald-300\">\n                  -{formatTokens(manifest.reclaimedTokens)}\n                </div>\n              )}\n            </div>\n            <div className=\"h-2 overflow-hidden rounded-full bg-muted\">\n              <div\n                className=\"h-full rounded-full bg-foreground transition-[width] duration-300\"\n                style={{ width: `${pct}%` }}\n              />\n            </div>\n            <StatusLine manifest={manifest} />\n          </div>\n\n          <div className=\"flex items-center justify-between gap-2\">\n            <div className=\"inline-flex rounded-md border border-border bg-muted/30 p-0.5\">\n              <button\n                type=\"button\"\n                onClick={() => setMode(\"list\")}\n                className={cn(\n                  \"flex h-7 items-center gap-1 rounded px-2 text-xs\",\n                  mode === \"list\" && \"bg-background shadow-sm\",\n                )}\n              >\n                <IconListDetails className=\"h-3.5 w-3.5\" />\n                List\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => setMode(\"map\")}\n                className={cn(\n                  \"flex h-7 items-center gap-1 rounded px-2 text-xs\",\n                  mode === \"map\" && \"bg-background shadow-sm\",\n                )}\n              >\n                <IconChartTreemap className=\"h-3.5 w-3.5\" />\n                Map\n              </button>\n            </div>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <div className=\"flex items-center gap-1 text-[11px] text-muted-foreground\">\n                  <IconPin className=\"h-3.5 w-3.5\" />\n                  survives compaction\n                </div>\n              </TooltipTrigger>\n              <TooltipContent>\n                Pinned segments stay in future context\n              </TooltipContent>\n            </Tooltip>\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=\"space-y-2\">\n              {groups.map((group) => {\n                const isCollapsed = collapsed.has(group.name);\n                return (\n                  <div\n                    key={group.name}\n                    className=\"rounded-md border border-border\"\n                  >\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 px-2.5 py-2 text-left\"\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=\"border-t border-border py-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      </SheetContent>\n    </Sheet>\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  IconAdjustmentsHorizontal,\n  IconChartTreemap,\n  IconChevronDown,\n  IconChevronRight,\n  IconListDetails,\n  IconPin,\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\nfunction StatusLine({ manifest }: { manifest: ContextManifest }) {\n  const pinned = manifest.segments.filter((s) => s.status === \"pinned\").length;\n  const evicted = manifest.segments.filter(\n    (s) => s.status === \"evicted\",\n  ).length;\n  const estimate = manifest.tokenCountMethod === \"estimate\";\n  return (\n    <div className=\"flex flex-wrap items-center gap-2 text-[11px] text-muted-foreground\">\n      <span>Pinned {pinned}</span>\n      <span>·</span>\n      <span>Evicted {evicted}</span>\n      {estimate && (\n        <>\n          <span>·</span>\n          <span>token counts estimated</span>\n        </>\n      )}\n      {!manifest.enforceable && (\n        <>\n          <span>·</span>\n          <span className=\"rounded-sm border border-amber-500/30 bg-amber-500/10 px-1.5 py-0.5 text-amber-700 dark:text-amber-300\">\n            Advisory\n          </span>\n        </>\n      )}\n    </div>\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\n  return (\n    <div className=\"flex max-h-[min(72vh,560px)] flex-col\">\n      <div className=\"border-b border-border px-4 py-3\">\n        <div className=\"flex items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-center gap-2 text-sm font-medium text-foreground\">\n              <IconAdjustmentsHorizontal className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n              <span>Context X-Ray</span>\n            </div>\n            <div className=\"mt-1 text-xs text-muted-foreground\">\n              {manifest.enforceable\n                ? \"Pin or evict what reaches future turns.\"\n                : \"Advisory for external host context.\"}\n            </div>\n          </div>\n          {manifest.reclaimedTokens > 0 && (\n            <div className=\"shrink-0 rounded-md border border-emerald-500/30 bg-emerald-500/10 px-2 py-1 text-xs font-medium text-emerald-700 dark:text-emerald-300\">\n              -{formatTokens(manifest.reclaimedTokens)}\n            </div>\n          )}\n        </div>\n      </div>\n\n      <div className=\"space-y-3 overflow-y-auto px-4 py-3\">\n        <div className=\"space-y-2\">\n          <div className=\"flex items-end justify-between gap-3\">\n            <div>\n              <div className=\"text-xl font-semibold text-foreground\">\n                {formatTokens(manifest.totalTokens)}\n              </div>\n              <div className=\"text-xs text-muted-foreground\">\n                {pct}% used · {formatTokens(headroom)} free\n              </div>\n            </div>\n            <StatusLine manifest={manifest} />\n          </div>\n          <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n            <div\n              className=\"h-full rounded-full bg-foreground transition-[width] duration-300\"\n              style={{ width: `${pct}%` }}\n            />\n          </div>\n        </div>\n\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"inline-flex rounded-md border border-border bg-muted/30 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          <Tooltip>\n            <TooltipTrigger asChild>\n              <div className=\"flex items-center gap-1 text-[11px] text-muted-foreground\">\n                <IconPin className=\"h-3.5 w-3.5\" />\n                <span>\n                  {segments.filter((s) => s.status === \"pinned\").length}\n                </span>\n              </div>\n            </TooltipTrigger>\n            <TooltipContent>Pinned segments survive compaction</TooltipContent>\n          </Tooltip>\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=\"space-y-2\">\n            {groups.map((group) => {\n              const isCollapsed = collapsed.has(group.name);\n              return (\n                <div\n                  key={group.name}\n                  className=\"rounded-md border border-border\"\n                >\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 px-2.5 py-2 text-left\"\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=\"border-t border-border py-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/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;AAiBnD,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,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"}

package/dist/client/conversation/AgentConversation.js

@@ -5,6 +5,7 @@ import remarkGfm from "remark-gfm";
 import { IconAlertTriangle, IconArrowDown, IconCheck, IconChevronDown, IconCircleX, IconClock, IconExternalLink, IconLoader2, IconTool, } from "@tabler/icons-react";
 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";
 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}`;
@@ -192,7 +193,7 @@ function openMarkdownLink(event, href) {
 function ConversationToolCall({ tool }) {
     const hasDetails = Boolean(tool.input || tool.result || tool.mcpApp);
     const icon = tool.state === "running" || tool.state === "activity" ? (_jsx(IconLoader2, { size: 14, className: "agent-conversation-spin" })) : tool.state === "errored" ? (_jsx(IconCircleX, { size: 14 })) : (_jsx(IconCheck, { size: 14 }));
-    const content = (_jsxs(_Fragment, { children: [_jsx("span", { className: "agent-conversation-tool__icon", children: icon }), _jsx("span", { className: "agent-conversation-tool__name", children: tool.name }), tool.summary && (_jsx("span", { className: "agent-conversation-tool__summary", children: tool.summary }))] }));
+    const content = (_jsxs(_Fragment, { children: [_jsx("span", { className: "agent-conversation-tool__icon", children: icon }), _jsx("span", { className: "agent-conversation-tool__name", children: humanizeToolName(tool.name) }), tool.summary && (_jsx("span", { className: "agent-conversation-tool__summary", children: tool.summary }))] }));
     if (!hasDetails) {
         return _jsx("div", { className: "agent-conversation-tool", children: content });
     }

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 { 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\">{tool.name}</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, { 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"]}

package/dist/client/dynamic-suggestions.d.ts

@@ -17,6 +17,17 @@ export interface AgentDynamicSuggestionsConfig {
     getSuggestions?: (context: AgentDynamicSuggestionContext) => string[];
 }
 export type AgentDynamicSuggestionsOption = boolean | AgentDynamicSuggestionsConfig;
+export interface AgentDynamicSuggestionsResult {
+    suggestions: string[] | undefined;
+    isLoading: boolean;
+}
+interface UseAgentDynamicSuggestionsOptions {
+    staticSuggestions?: readonly string[];
+    dynamicSuggestions?: AgentDynamicSuggestionsOption;
+    browserTabId?: string;
+    scope?: ChatThreadScope | null;
+    enabled?: boolean;
+}
 interface NormalizedAgentDynamicSuggestionsConfig {
     enabled: boolean;
     max: number;
@@ -32,12 +43,7 @@ export declare function mergeAgentSuggestions(options: {
     includeStatic: boolean;
     max: number;
 }): string[];
-export declare function useAgentDynamicSuggestions(options: {
-    staticSuggestions?: readonly string[];
-    dynamicSuggestions?: AgentDynamicSuggestionsOption;
-    browserTabId?: string;
-    scope?: ChatThreadScope | null;
-    enabled?: boolean;
-}): string[] | undefined;
+export declare function useAgentDynamicSuggestionsResult(options: UseAgentDynamicSuggestionsOptions): AgentDynamicSuggestionsResult;
+export declare function useAgentDynamicSuggestions(options: UseAgentDynamicSuggestionsOptions): string[] | undefined;
 export {};
 //# sourceMappingURL=dynamic-suggestions.d.ts.map

package/dist/client/dynamic-suggestions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-suggestions.d.ts","sourceRoot":"","sources":["../../src/client/dynamic-suggestions.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAK7D,MAAM,WAAW,6BAA6B;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,GAAG,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,6BAA6B;IAC5C,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oFAAoF;IACpF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,6BAA6B,KAAK,MAAM,EAAE,CAAC;CACvE;AAED,MAAM,MAAM,6BAA6B,GACrC,OAAO,GACP,6BAA6B,CAAC;AAElC,UAAU,uCAAuC;IAC/C,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,6BAA6B,KAAK,MAAM,EAAE,CAAC;CACvE;AAED,wBAAgB,sCAAsC,CACpD,MAAM,CAAC,EAAE,6BAA6B,GACrC,uCAAuC,CAwBzC;AAyID,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,6BAA6B,GACrC,MAAM,EAAE,CAmFV;AAED,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,CAY1E;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE;IAC7C,kBAAkB,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,aAAa,EAAE,OAAO,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,MAAM,EAAE,CAWX;AAED,wBAAgB,0BAA0B,CAAC,OAAO,EAAE;IAClD,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,kBAAkB,CAAC,EAAE,6BAA6B,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,MAAM,EAAE,GAAG,SAAS,CAsGvB"}
+{"version":3,"file":"dynamic-suggestions.d.ts","sourceRoot":"","sources":["../../src/client/dynamic-suggestions.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAK7D,MAAM,WAAW,6BAA6B;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,GAAG,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,6BAA6B;IAC5C,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oFAAoF;IACpF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,6BAA6B,KAAK,MAAM,EAAE,CAAC;CACvE;AAED,MAAM,MAAM,6BAA6B,GACrC,OAAO,GACP,6BAA6B,CAAC;AAElC,MAAM,WAAW,6BAA6B;IAC5C,WAAW,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,iCAAiC;IACzC,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,kBAAkB,CAAC,EAAE,6BAA6B,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,uCAAuC;IAC/C,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,6BAA6B,KAAK,MAAM,EAAE,CAAC;CACvE;AAED,wBAAgB,sCAAsC,CACpD,MAAM,CAAC,EAAE,6BAA6B,GACrC,uCAAuC,CAwBzC;AAyID,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,6BAA6B,GACrC,MAAM,EAAE,CAmFV;AAED,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,CAY1E;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE;IAC7C,kBAAkB,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,aAAa,EAAE,OAAO,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,MAAM,EAAE,CAWX;AAED,wBAAgB,gCAAgC,CAC9C,OAAO,EAAE,iCAAiC,GACzC,6BAA6B,CA2G/B;AAED,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,iCAAiC,GACzC,MAAM,EAAE,GAAG,SAAS,CAEtB"}