@agent-native/toolkit 0.4.10 → 0.5.0

package/README.md

@@ -6,22 +6,29 @@ Reusable app-building UI and helpers for Agent-Native apps.
 plugins, DB, app state, agent chat transport, sharing stores, collaboration
 transport, and other framework primitives. `@agent-native/toolkit` owns reusable
 app-building surfaces: shadcn-style UI primitives, app-shell helpers, shared
-hooks, sharing display UI, and collaboration display UI.
+hooks, sharing and collaboration display UI, portable rich editors, Context
+X-Ray presentation, and visual design controls.
 
 Existing `@agent-native/core` imports remain supported during the migration
 window through compatibility re-exports. Those re-exports are temporary
-migration support; the long-term dependency direction is Toolkit composing core
-runtime APIs where needed, not core permanently depending on Toolkit for app UI.
+migration support. Toolkit stays Core-free: controlled Toolkit views receive
+data and callbacks from Core runtime adapters instead of importing runtime
+state, actions, or server contracts.
 
-Extract future behaviorful kits one at a time before broadening the split.
-Sharing is the first candidate because it validates runtime composition, access
-checks, action-backed data, and share-link UI together.
+The Toolkit docs catalog is one discovery shelf for reusable app-building
+capabilities, even when an implementation remains Core-owned. Scheduling,
+Creative Context, and Pinpoint are Toolkit capability modules installed on
+demand. They remain separate npm packages with independent lifecycle manifests
+and docs. Dispatch is a separate product rather than a Toolkit module.
 
 ## Imports
 
 ```tsx
 import { ToolkitProvider } from "@agent-native/toolkit/provider";
 import { PresenceBar } from "@agent-native/toolkit/collab-ui";
+import { ContextMeterView } from "@agent-native/toolkit/context-ui";
+import { VisualTweakControl } from "@agent-native/toolkit/design-tweaks";
+import { SharedRichEditor } from "@agent-native/toolkit/editor";
 import { VisibilityBadge } from "@agent-native/toolkit/sharing";
 import { Button } from "@agent-native/toolkit/ui/button";
 import { Toaster } from "@agent-native/toolkit/ui/sonner";
@@ -29,5 +36,9 @@ import { useToast } from "@agent-native/toolkit/hooks/use-toast";
 import { useSetHeaderActions } from "@agent-native/toolkit/app-shell";
 ```
 
+Import `@agent-native/toolkit/styles.css` after Tailwind to include Toolkit's
+source scanning. If an app renders `SharedRichEditor`, also import
+`@agent-native/toolkit/editor.css`.
+
 Inside template apps, prefer local adapters such as `@/components/ui/button` so
 apps can replace their primitives without changing every callsite.

package/dist/collab-ui/agent-identity.d.ts

@@ -0,0 +1,9 @@
+export declare const AGENT_CLIENT_ID = 2147483647;
+export interface AgentIdentity {
+    clientId: number;
+    name: string;
+    email: string;
+    color: string;
+}
+export declare const DEFAULT_AGENT_IDENTITY: AgentIdentity;
+//# sourceMappingURL=agent-identity.d.ts.map

package/dist/collab-ui/agent-identity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-identity.d.ts","sourceRoot":"","sources":["../../src/collab-ui/agent-identity.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,eAAe,aAAa,CAAC;AAE1C,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,sBAAsB,EAAE,aAKpC,CAAC"}

package/dist/collab-ui/agent-identity.js

@@ -0,0 +1,9 @@
+// Reserve the maximum signed 32-bit id so the agent never wins client leader election.
+export const AGENT_CLIENT_ID = 2147483647;
+export const DEFAULT_AGENT_IDENTITY = {
+    clientId: AGENT_CLIENT_ID,
+    name: "AI Assistant",
+    email: "agent@system",
+    color: "#00B5FF",
+};
+//# sourceMappingURL=agent-identity.js.map

package/dist/collab-ui/agent-identity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-identity.js","sourceRoot":"","sources":["../../src/collab-ui/agent-identity.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC;AAS1C,MAAM,CAAC,MAAM,sBAAsB,GAAkB;IACnD,QAAQ,EAAE,eAAe;IACzB,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,SAAS;CACjB,CAAC"}

package/dist/collab-ui/index.d.ts

@@ -1,6 +1,8 @@
 export { AgentPresenceChip, type AgentPresenceChipProps, } from "./AgentPresenceChip.js";
+export { AGENT_CLIENT_ID, DEFAULT_AGENT_IDENTITY, type AgentIdentity, } from "./agent-identity.js";
 export { LiveCursorOverlay, type CursorMapFn, type LiveCursorOverlayProps, } from "./LiveCursorOverlay.js";
 export { PresenceBar, type PresenceBarProps } from "./PresenceBar.js";
+export { isReconcileLeadClient } from "./lead-client.js";
 export { RecentEditHighlights, type RecentEditHighlightsProps, } from "./RecentEditHighlights.js";
 export { RemoteSelectionRings, type RemoteSelectionRingsProps, type SelectionDescriptor, } from "./RemoteSelectionRings.js";
 export { RECENT_EDITS_MAX, RECENT_EDIT_TTL_MS, dedupeCollabUsersByEmail, emailToColor, emailToName, type AttributedRecentEdit, type CollabUser, type NormalizedPoint, type OtherPresence, type PresencePayload, type RecentEdit, type RecentEditDescriptor, } from "./types.js";

package/dist/collab-ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/collab-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,iBAAiB,EACjB,KAAK,WAAW,EAChB,KAAK,sBAAsB,GAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,GACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACxB,YAAY,EACZ,WAAW,EACX,KAAK,oBAAoB,EACzB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,oBAAoB,GAC1B,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/collab-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,KAAK,aAAa,GACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,iBAAiB,EACjB,KAAK,WAAW,EAChB,KAAK,sBAAsB,GAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,GACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACxB,YAAY,EACZ,WAAW,EACX,KAAK,oBAAoB,EACzB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,oBAAoB,GAC1B,MAAM,YAAY,CAAC"}

package/dist/collab-ui/index.js

@@ -1,6 +1,8 @@
 export { AgentPresenceChip, } from "./AgentPresenceChip.js";
+export { AGENT_CLIENT_ID, DEFAULT_AGENT_IDENTITY, } from "./agent-identity.js";
 export { LiveCursorOverlay, } from "./LiveCursorOverlay.js";
 export { PresenceBar } from "./PresenceBar.js";
+export { isReconcileLeadClient } from "./lead-client.js";
 export { RecentEditHighlights, } from "./RecentEditHighlights.js";
 export { RemoteSelectionRings, } from "./RemoteSelectionRings.js";
 export { RECENT_EDITS_MAX, RECENT_EDIT_TTL_MS, dedupeCollabUsersByEmail, emailToColor, emailToName, } from "./types.js";

package/dist/collab-ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/collab-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,GAElB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,iBAAiB,GAGlB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EACL,oBAAoB,GAErB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,oBAAoB,GAGrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACxB,YAAY,EACZ,WAAW,GAQZ,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/collab-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,GAElB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,eAAe,EACf,sBAAsB,GAEvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,iBAAiB,GAGlB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EACL,oBAAoB,GAErB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,oBAAoB,GAGrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACxB,YAAY,EACZ,WAAW,GAQZ,MAAM,YAAY,CAAC"}

package/dist/collab-ui/lead-client.d.ts

@@ -0,0 +1,3 @@
+import type { Awareness } from "y-protocols/awareness";
+export declare function isReconcileLeadClient(awareness: Awareness | null | undefined, localClientId: number | null | undefined): boolean;
+//# sourceMappingURL=lead-client.d.ts.map

package/dist/collab-ui/lead-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lead-client.d.ts","sourceRoot":"","sources":["../../src/collab-ui/lead-client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMvD,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,EACvC,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GACvC,OAAO,CAsBT"}

package/dist/collab-ui/lead-client.js

@@ -0,0 +1,29 @@
+import { AGENT_CLIENT_ID } from "./agent-identity.js";
+// Exactly one visible non-agent client may apply an external snapshot; allowing
+// every client to reconcile it duplicates concurrent CRDT inserts.
+export function isReconcileLeadClient(awareness, localClientId) {
+    if (localClientId == null)
+        return false;
+    if (!awareness)
+        return true;
+    let hasPeer = false;
+    let minVisible = localClientId;
+    awareness.getStates().forEach((state, clientId) => {
+        if (clientId === AGENT_CLIENT_ID || clientId === localClientId)
+            return;
+        const candidate = state;
+        if (!candidate?.user)
+            return;
+        hasPeer = true;
+        if (candidate.visible !== false && clientId < minVisible) {
+            minVisible = clientId;
+        }
+    });
+    if (!hasPeer)
+        return true;
+    const localHidden = typeof document !== "undefined" && document.visibilityState === "hidden";
+    if (localHidden)
+        return false;
+    return localClientId <= minVisible;
+}
+//# sourceMappingURL=lead-client.js.map

package/dist/collab-ui/lead-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lead-client.js","sourceRoot":"","sources":["../../src/collab-ui/lead-client.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,gFAAgF;AAChF,mEAAmE;AACnE,MAAM,UAAU,qBAAqB,CACnC,SAAuC,EACvC,aAAwC;IAExC,IAAI,aAAa,IAAI,IAAI;QAAE,OAAO,KAAK,CAAC;IACxC,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,UAAU,GAAG,aAAa,CAAC;IAC/B,SAAS,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;QAChD,IAAI,QAAQ,KAAK,eAAe,IAAI,QAAQ,KAAK,aAAa;YAAE,OAAO;QACvE,MAAM,SAAS,GAAG,KAA8C,CAAC;QACjE,IAAI,CAAC,SAAS,EAAE,IAAI;YAAE,OAAO;QAC7B,OAAO,GAAG,IAAI,CAAC;QACf,IAAI,SAAS,CAAC,OAAO,KAAK,KAAK,IAAI,QAAQ,GAAG,UAAU,EAAE,CAAC;YACzD,UAAU,GAAG,QAAQ,CAAC;QACxB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,WAAW,GACf,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,CAAC,eAAe,KAAK,QAAQ,CAAC;IAC3E,IAAI,WAAW;QAAE,OAAO,KAAK,CAAC;IAC9B,OAAO,aAAa,IAAI,UAAU,CAAC;AACrC,CAAC"}

package/dist/context-ui/ContextMeter.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import type { ContextManifestViewData } from "./types.js";
+export declare function ContextMeterView({ manifest, contextWindow, open, onOpenChange, children, }: {
+    manifest: ContextManifestViewData;
+    contextWindow: number;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ContextMeter.d.ts.map

package/dist/context-ui/ContextMeter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMeter.d.ts","sourceRoot":"","sources":["../../src/context-ui/ContextMeter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAmC1D,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,YAAY,EACZ,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,uBAAuB,CAAC;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB,+BA0CA"}

package/dist/context-ui/ContextMeter.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../ui/tooltip.js";
+import { cn } from "../utils.js";
+import { formatContextTokens } 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 ContextMeterView({ manifest, contextWindow, open, onOpenChange, children, }) {
+    const pct = Math.min(100, Math.round((manifest.totalTokens / contextWindow) * 100));
+    const { conversationTokens, systemTokens } = manifest;
+    return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Popover, { open: open, onOpenChange: onOpenChange, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": `Context ${pct}%, ${formatContextTokens(manifest.totalTokens)}${systemTokens > 0 ? ` total: ${formatContextTokens(systemTokens)} system + ${formatContextTokens(conversationTokens)} conversation` : ""}. Open Context X-Ray.`, className: cn("flex size-7 shrink-0 cursor-pointer 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 ", formatContextTokens(manifest.totalTokens), systemTokens > 0
+                                    ? ` (${formatContextTokens(systemTokens)} system + ${formatContextTokens(conversationTokens)} conversation)`
+                                    : ""] })] }), _jsx(PopoverContent, { align: "end", side: "top", sideOffset: 8, className: "w-[min(92vw,380px)] overflow-hidden border-border/70 p-0", children: children })] }) }));
+}
+//# sourceMappingURL=ContextMeter.js.map

package/dist/context-ui/ContextMeter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMeter.js","sourceRoot":"","sources":["../../src/context-ui/ContextMeter.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,cAAc,GACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGlD,SAAS,YAAY,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAsC;IACzE,MAAM,MAAM,GAAG,GAAG,CAAC;IACnB,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;IAC3C,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,aAAa,GAAG,CAAC,UAAU,GAAG,GAAG,CAAC,GAAG,aAAa,CAAC;IACtE,OAAO,CACL,gBAAM,SAAS,EAAC,kDAAkD,aAChE,8BAAiB,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,mBAAmB,aACvE,iBACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAE,MAAM,EACT,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,GAAG,GACf,EACF,iBACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAE,MAAM,EACT,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,EACjE,IAAI,EAAC,MAAM,EACX,aAAa,EAAC,OAAO,EACrB,WAAW,EAAC,GAAG,EACf,eAAe,EAAE,aAAa,EAC9B,gBAAgB,EAAE,UAAU,GAC5B,IACE,EACN,eAAM,SAAS,EAAC,4CAA4C,GAAG,IAC1D,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,YAAY,EACZ,QAAQ,GAOT;IACC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAClB,GAAG,EACH,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,GAAG,GAAG,CAAC,CACzD,CAAC;IACF,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC;IACtD,OAAO,CACL,KAAC,eAAe,IAAC,aAAa,EAAE,GAAG,YACjC,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,aAC7C,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,gBACD,WAAW,GAAG,MAAM,mBAAmB,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,mBAAmB,CAAC,YAAY,CAAC,aAAa,mBAAmB,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,uBAAuB,EAC1O,SAAS,EAAE,EAAE,CACX,qOAAqO,EACrO,IAAI,IAAI,8BAA8B,CACvC,YAED,KAAC,YAAY,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,QAAQ,CAAC,WAAW,GAAI,GACpD,GACM,GACF,EACjB,MAAC,cAAc,2BACJ,GAAG,eAAM,mBAAmB,CAAC,QAAQ,CAAC,WAAW,CAAC,EAC1D,YAAY,GAAG,CAAC;oCACf,CAAC,CAAC,KAAK,mBAAmB,CAAC,YAAY,CAAC,aAAa,mBAAmB,CAAC,kBAAkB,CAAC,gBAAgB;oCAC5G,CAAC,CAAC,EAAE,IACS,IACT,EACV,KAAC,cAAc,IACb,KAAK,EAAC,KAAK,EACX,IAAI,EAAC,KAAK,EACV,UAAU,EAAE,CAAC,EACb,SAAS,EAAC,0DAA0D,YAEnE,QAAQ,GACM,IACT,GACM,CACnB,CAAC;AACJ,CAAC"}

package/dist/context-ui/ContextSegmentRow.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+import type { ContextSegmentViewData } from "./types.js";
+export declare function SegmentProvenancePopoverView({ segment, children, }: {
+    segment: ContextSegmentViewData;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function ContextSegmentRowView({ segment, advisory, onPin, onEvict, onRestore, }: {
+    segment: ContextSegmentViewData;
+    advisory: boolean;
+    onPin: () => void;
+    onEvict: () => void;
+    onRestore: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ContextSegmentRow.d.ts.map

package/dist/context-ui/ContextSegmentRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextSegmentRow.d.ts","sourceRoot":"","sources":["../../src/context-ui/ContextSegmentRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEzD,wBAAgB,4BAA4B,CAAC,EAC3C,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,sBAAsB,CAAC;IAChC,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAiDA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,QAAQ,EACR,KAAK,EACL,OAAO,EACP,SAAS,GACV,EAAE;IACD,OAAO,EAAE,sBAAsB,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,+BAyGA"}

package/dist/context-ui/ContextSegmentRow.js

@@ -0,0 +1,25 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconLock, IconPin, IconRotate2, IconX } from "@tabler/icons-react";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip.js";
+import { cn } from "../utils.js";
+import { contextStatusLabel, formatContextTokens } from "./format.js";
+export function SegmentProvenancePopoverView({ segment, children, }) {
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: children }), _jsx(PopoverContent, { align: "start", className: "w-80 p-3", children: _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-[11px] font-medium uppercase text-muted-foreground", children: "Segment" }), _jsx("div", { className: "mt-0.5 break-words text-xs text-foreground", children: segment.label })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2 text-[11px] text-muted-foreground", children: [_jsxs("div", { children: [_jsx("span", { className: "block font-medium text-foreground", children: formatContextTokens(segment.tokenCount) }), "tokens", segment.tokenMethod === "estimate" ? " estimated" : ""] }), _jsxs("div", { children: [_jsx("span", { className: "block font-medium text-foreground", children: contextStatusLabel(segment) }), "current status"] }), _jsxs("div", { children: [_jsx("span", { className: "block font-medium text-foreground", children: segment.msgIndex ?? "-" }), "message index"] }), _jsxs("div", { children: [_jsx("span", { className: "block font-medium text-foreground", children: segment.partIndex ?? "-" }), "part index"] })] }), segment.protected ? (_jsx("div", { className: "rounded-md border border-border bg-muted/40 px-2 py-1.5 text-[11px] text-muted-foreground", children: "This segment is part of the active turn and cannot be evicted yet." })) : null] }) })] }));
+}
+export function ContextSegmentRowView({ segment, advisory, onPin, onEvict, onRestore, }) {
+    const disabled = segment.protected || segment.status === "evicted";
+    return (_jsxs("div", { tabIndex: 0, onKeyDown: (event) => {
+            if (event.key === "p")
+                onPin();
+            if (event.key === "e" && !disabled)
+                onEvict();
+            if (event.key === "u" && segment.status !== "active")
+                onRestore();
+        }, className: cn("group flex min-h-11 items-center gap-2 rounded-sm px-2 py-1.5 outline-none transition-colors hover:bg-accent/35 focus-visible:bg-accent/35 focus-visible:ring-1 focus-visible:ring-ring", segment.status === "evicted" && "opacity-60"), children: [_jsx(SegmentProvenancePopoverView, { segment: segment, children: _jsxs("button", { type: "button", className: "min-w-0 flex-1 text-left", "aria-label": `Inspect ${segment.label}`, children: [_jsx("div", { className: cn("truncate text-[13px] font-medium leading-5 text-foreground", segment.status === "evicted" && "line-through"), children: segment.label }), _jsxs("div", { className: "flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [_jsx("span", { children: formatContextTokens(segment.tokenCount) }), segment.tokenMethod === "estimate" ? _jsx("span", { children: "~" }) : null, _jsx("span", { children: "\u00B7" }), _jsx("span", { children: contextStatusLabel(segment) }), advisory ? _jsx("span", { children: "\u00B7 advisory" }) : null] })] }) }), _jsx("div", { className: "flex shrink-0 items-center gap-1 opacity-100 sm:opacity-0 sm:group-hover:opacity-100 sm:group-focus-within:opacity-100", children: segment.protected ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex size-6 items-center justify-center rounded-md text-muted-foreground", children: _jsx(IconLock, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Protected during active turn" })] })) : segment.status === "evicted" ||
+                    segment.status === "summarized" ||
+                    segment.status === "pinned" ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: onRestore, className: "flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-background hover:text-foreground", "aria-label": segment.status === "pinned"
+                                    ? "Unpin segment"
+                                    : "Restore segment", children: _jsx(IconRotate2, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: segment.status === "pinned" ? "Unpin" : "Restore" })] })) : (_jsxs(_Fragment, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: onPin, className: "flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-background hover:text-foreground", "aria-label": "Pin segment", children: _jsx(IconPin, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Pin" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: onEvict, className: "flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-background hover:text-destructive", "aria-label": "Evict segment", children: _jsx(IconX, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: advisory ? "Record eviction intent" : "Evict" })] })] })) })] }));
+}
+//# sourceMappingURL=ContextSegmentRow.js.map

package/dist/context-ui/ContextSegmentRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextSegmentRow.js","sourceRoot":"","sources":["../../src/context-ui/ContextSegmentRow.tsx"],"names":[],"mappings":"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"}

package/dist/context-ui/ContextTreemap.d.ts

@@ -0,0 +1,7 @@
+import type { ContextSegmentViewData, ContextSystemSectionViewData } from "./types.js";
+export declare function ContextTreemapView({ segments, systemSections, onSelect, }: {
+    segments: ContextSegmentViewData[];
+    systemSections?: ContextSystemSectionViewData[];
+    onSelect?: (segmentId: string) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ContextTreemap.d.ts.map

package/dist/context-ui/ContextTreemap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextTreemap.d.ts","sourceRoot":"","sources":["../../src/context-ui/ContextTreemap.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,YAAY,CAAC;AA2CpB,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,cAAmB,EACnB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IACnC,cAAc,CAAC,EAAE,4BAA4B,EAAE,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,+BAkEA"}

package/dist/context-ui/ContextTreemap.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Treemap } from "recharts";
+import { contextGroupFill, formatContextTokens } from "./format.js";
+function TreemapContent(props) {
+    const { x, y, width, height, name, group, size } = props;
+    if (width < 8 || height < 8)
+        return null;
+    const showLabel = width > 90 && height > 42;
+    return (_jsxs("g", { children: [_jsx("rect", { x: x, y: y, width: width, height: height, rx: 3, ry: 3, fill: contextGroupFill(group), stroke: "var(--background)", strokeWidth: 2 }), showLabel ? (_jsx("foreignObject", { x: x + 6, y: y + 6, width: width - 12, height: height - 12, children: _jsxs("div", { className: "flex h-full flex-col justify-between overflow-hidden text-[11px] leading-tight text-white", children: [_jsx("div", { className: "truncate font-medium", children: name }), _jsx("div", { className: "text-white/85", children: formatContextTokens(size) })] }) })) : null] }));
+}
+export function ContextTreemapView({ segments, systemSections = [], onSelect, }) {
+    const containerRef = useRef(null);
+    const [chartWidth, setChartWidth] = useState(0);
+    const data = segments
+        .filter((segment) => segment.status !== "evicted" && segment.tokenCount > 0)
+        .map((segment) => ({
+        name: segment.label,
+        size: segment.tokenCount,
+        group: segment.group,
+        segmentId: segment.segmentId,
+    }));
+    data.push(...systemSections
+        .filter((section) => section.tokenCount > 0)
+        .map((section) => ({
+        name: section.label,
+        size: section.tokenCount,
+        group: `System · ${section.governance}`,
+        segmentId: section.segmentId,
+    })));
+    useEffect(() => {
+        const element = containerRef.current;
+        if (!element)
+            return;
+        const updateWidth = () => setChartWidth(Math.max(0, Math.floor(element.clientWidth - 8)));
+        updateWidth();
+        const observer = typeof ResizeObserver !== "undefined"
+            ? new ResizeObserver(updateWidth)
+            : null;
+        observer?.observe(element);
+        window.addEventListener("resize", updateWidth);
+        return () => {
+            observer?.disconnect();
+            window.removeEventListener("resize", updateWidth);
+        };
+    }, []);
+    if (data.length === 0) {
+        return (_jsx("div", { className: "flex h-52 items-center justify-center rounded-md bg-muted/30 text-xs text-muted-foreground", children: "No active segments" }));
+    }
+    return (_jsx("div", { ref: containerRef, className: "h-56 min-w-0 rounded-md bg-muted/25 p-1", children: chartWidth > 0 ? (_jsx(Treemap, { width: chartWidth, height: 216, data: data, dataKey: "size", nameKey: "name", aspectRatio: 4 / 3, isAnimationActive: false, content: _jsx(TreemapContent, {}), onClick: (datum) => {
+                if (datum?.segmentId)
+                    onSelect?.(datum.segmentId);
+            } })) : null }));
+}
+//# sourceMappingURL=ContextTreemap.js.map

package/dist/context-ui/ContextTreemap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextTreemap.js","sourceRoot":"","sources":["../../src/context-ui/ContextTreemap.tsx"],"names":[],"mappings":"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"}

package/dist/context-ui/ContextXRayPanel.d.ts

@@ -0,0 +1,13 @@
+import type { ContextManifestViewData, ContextSegmentStatus } from "./types.js";
+export declare function ContextXRayPanelView({ manifest, contextWindow, optimistic, onPin, onEvict, onRestore, governanceLabels, systemOrderedLabel, titleLabel, }: {
+    manifest: ContextManifestViewData;
+    contextWindow: number;
+    optimistic: Map<string, ContextSegmentStatus>;
+    onPin: (segmentId: string) => void;
+    onEvict: (segmentId: string) => void;
+    onRestore: (segmentId: string) => void;
+    governanceLabels?: Partial<Record<"required" | "inherited" | "user", string>>;
+    systemOrderedLabel?: string;
+    titleLabel?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ContextXRayPanel.d.ts.map

package/dist/context-ui/ContextXRayPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextXRayPanel.d.ts","sourceRoot":"","sources":["../../src/context-ui/ContextXRayPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,uBAAuB,EACvB,oBAAoB,EAGrB,MAAM,YAAY,CAAC;AA6FpB,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,aAAa,EACb,UAAU,EACV,KAAK,EACL,OAAO,EACP,SAAS,EACT,gBAAqB,EACrB,kBAAsD,EACtD,UAA4B,GAC7B,EAAE;IACD,QAAQ,EAAE,uBAAuB,CAAC;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,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;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,GAAG,WAAW,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC9E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,+BAoPA"}

package/dist/context-ui/ContextXRayPanel.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconChartTreemap, IconChevronDown, IconChevronRight, IconLock, IconListDetails, } from "@tabler/icons-react";
+import { useMemo, useState } from "react";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip.js";
+import { cn } from "../utils.js";
+import { ContextSegmentRowView } from "./ContextSegmentRow.js";
+import { ContextTreemapView } from "./ContextTreemap.js";
+import { contextGroupColor, formatContextTokens } from "./format.js";
+function applyOptimisticStatus(segments, optimistic) {
+    if (optimistic.size === 0)
+        return segments;
+    return segments.map((segment) => optimistic.has(segment.segmentId)
+        ? { ...segment, status: optimistic.get(segment.segmentId) }
+        : segment);
+}
+function groupedSegments(segments) {
+    const map = new Map();
+    for (const segment of segments) {
+        const name = segment.status === "pinned"
+            ? "Pinned"
+            : segment.status === "evicted"
+                ? "Evicted"
+                : segment.group;
+        const group = map.get(name) ?? { name, tokens: 0, segments: [] };
+        group.tokens += segment.tokenCount;
+        group.segments.push(segment);
+        map.set(name, group);
+    }
+    const order = [
+        "Pinned",
+        "Tool results",
+        "Files read",
+        "Conversation",
+        "Thinking",
+        "Evicted",
+    ];
+    return [...map.values()].sort((a, b) => {
+        const ai = order.indexOf(a.name);
+        const bi = order.indexOf(b.name);
+        return ai >= 0 || bi >= 0
+            ? (ai < 0 ? 99 : ai) - (bi < 0 ? 99 : bi)
+            : b.tokens - a.tokens;
+    });
+}
+function sourceLabel(section) {
+    return (section.sourceRef?.path ??
+        section.sourceRef?.resourceId ??
+        section.sourceRef?.scope ??
+        "framework");
+}
+function SystemSectionRow({ section, totalTokens, }) {
+    const share = totalTokens > 0 ? Math.round((section.tokenCount / totalTokens) * 100) : 0;
+    return (_jsxs("div", { className: "flex min-h-12 items-start gap-2 rounded-sm px-2 py-1.5", children: [_jsx("span", { className: "mt-1 flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground", children: _jsx(IconLock, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-[13px] font-medium leading-5 text-foreground", children: section.label }), _jsxs("div", { className: "truncate text-[11px] text-muted-foreground", children: [sourceLabel(section), " \u00B7 ", formatContextTokens(section.tokenCount), " ", "tokens \u00B7 ", share, "%", section.tokenMethod === "estimate" ? " · estimated" : ""] }), section.preview ? (_jsx("div", { className: "mt-0.5 line-clamp-2 text-[11px] text-muted-foreground/80", children: section.preview })) : null] })] }));
+}
+export function ContextXRayPanelView({ manifest, contextWindow, optimistic, onPin, onEvict, onRestore, governanceLabels = {}, systemOrderedLabel = "System · ordered, not evictable", titleLabel = "Context X-Ray", }) {
+    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 sections = manifest.systemSections ?? [];
+    const systemGroups = useMemo(() => ["required", "inherited", "user"].flatMap((governance) => {
+        const items = sections.filter((section) => section.governance === governance);
+        return items.length
+            ? [
+                {
+                    governance,
+                    sections: items,
+                    tokens: items.reduce((sum, section) => sum + section.tokenCount, 0),
+                },
+            ]
+            : [];
+    }), [sections]);
+    const pct = Math.min(100, Math.round((manifest.totalTokens / contextWindow) * 100));
+    const headroom = Math.max(0, contextWindow - manifest.totalTokens);
+    const { conversationTokens: conversation, systemTokens: system } = manifest;
+    const pinned = segments.filter((segment) => segment.status === "pinned").length;
+    const evicted = segments.filter((segment) => segment.status === "evicted").length;
+    const details = [
+        `${formatContextTokens(headroom)} free`,
+        system > 0 ? `${formatContextTokens(system)} system` : null,
+        `${formatContextTokens(conversation)} conversation`,
+        pinned > 0 ? `${pinned} pinned` : null,
+        evicted > 0 ? `${evicted} evicted` : null,
+        manifest.tokenCountMethod === "estimate" ? "estimated" : null,
+        !manifest.enforceable ? "advisory" : null,
+    ].filter((item) => Boolean(item));
+    const toggle = (key) => setCollapsed((current) => {
+        const next = new Set(current);
+        if (next.has(key))
+            next.delete(key);
+        else
+            next.add(key);
+        return next;
+    });
+    return (_jsxs("div", { className: "flex max-h-[min(72vh,520px)] flex-col", children: [_jsxs("div", { className: "border-b border-border/60 px-3 py-2.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("h2", { className: "min-w-0 truncate text-sm font-medium text-foreground", children: titleLabel }), _jsxs("div", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: [formatContextTokens(manifest.totalTokens), " \u00B7 ", pct, "%"] })] }), _jsx("div", { className: "mt-2 h-1 overflow-hidden rounded-full bg-muted/70", children: _jsx("div", { className: "h-full w-full origin-left rounded-full bg-foreground transition-transform duration-200", style: { transform: `scaleX(${Math.min(1, pct / 100)})` } }) }), _jsxs("div", { className: "mt-1.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-[11px] text-muted-foreground", children: [details.map((detail) => (_jsx("span", { children: detail }, detail))), manifest.reclaimedTokens > 0 ? (_jsxs("span", { className: "font-medium text-emerald-600 dark:text-emerald-400", children: ["-", formatContextTokens(manifest.reclaimedTokens)] })) : null] })] }), _jsxs("div", { className: "overflow-y-auto px-2 py-2", children: [_jsx("div", { className: "mb-1 flex items-center justify-end", children: _jsxs("div", { className: "inline-flex rounded-md bg-muted/40 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 cursor-pointer 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 cursor-pointer 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" })] })] }) }), mode === "map" ? (_jsx(ContextTreemapView, { segments: segments, systemSections: sections, onSelect: (id) => {
+                            if (segments.some((segment) => segment.segmentId === id))
+                                setCollapsed(new Set());
+                        } })) : (_jsxs("div", { className: "divide-y divide-border/60", children: [systemGroups.length ? (_jsxs("div", { children: [_jsx("div", { className: "px-1.5 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-[0.12em] text-muted-foreground", children: systemOrderedLabel }), systemGroups.map((group) => {
+                                        const key = `system:${group.governance}`;
+                                        const isCollapsed = collapsed.has(key);
+                                        return (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => toggle(key), className: "flex w-full cursor-pointer items-center gap-2 rounded-sm px-1.5 py-2 text-left hover:bg-accent/35", 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(IconLock, { className: "h-3 w-3 text-muted-foreground" }), _jsx("span", { className: "min-w-0 flex-1 truncate text-xs font-medium", children: governanceLabels[group.governance] ??
+                                                                group.governance }), _jsxs("span", { className: "text-[11px] text-muted-foreground", children: [formatContextTokens(group.tokens), " \u00B7", " ", manifest.totalTokens > 0
+                                                                    ? Math.round((group.tokens / manifest.totalTokens) * 100)
+                                                                    : 0, "%"] })] }), !isCollapsed ? (_jsx("div", { className: "pb-1", children: group.sections
+                                                        .slice()
+                                                        .sort((a, b) => b.tokenCount - a.tokenCount)
+                                                        .map((section) => (_jsx(SystemSectionRow, { section: section, totalTokens: manifest.totalTokens }, section.segmentId))) })) : null] }, key));
+                                    })] })) : null, groups.map((group) => {
+                                const isCollapsed = collapsed.has(group.name);
+                                return (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => toggle(group.name), className: "flex w-full cursor-pointer items-center gap-2 rounded-sm px-1.5 py-2 text-left hover:bg-accent/35", 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", contextGroupColor(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: formatContextTokens(group.tokens) })] }), !isCollapsed ? (_jsx("div", { className: "pb-1", children: group.segments
+                                                .slice()
+                                                .sort((a, b) => b.tokenCount - a.tokenCount)
+                                                .map((segment) => (_jsx(ContextSegmentRowView, { segment: segment, advisory: !manifest.enforceable, onPin: () => onPin(segment.segmentId), onEvict: () => onEvict(segment.segmentId), onRestore: () => onRestore(segment.segmentId) }, segment.segmentId))) })) : null] }, group.name));
+                            })] }))] })] }));
+}
+//# sourceMappingURL=ContextXRayPanel.js.map

package/dist/context-ui/ContextXRayPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextXRayPanel.js","sourceRoot":"","sources":["../../src/context-ui/ContextXRayPanel.tsx"],"names":[],"mappings":"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"}

package/dist/context-ui/format.d.ts

@@ -0,0 +1,6 @@
+import type { ContextSegmentViewData } from "./types.js";
+export declare function formatContextTokens(tokens: number | undefined): string;
+export declare function contextStatusLabel(segment: ContextSegmentViewData): string;
+export declare function contextGroupColor(group: string): string;
+export declare function contextGroupFill(group: string): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/context-ui/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../src/context-ui/format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAOtE;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,sBAAsB,GAAG,MAAM,CAM1E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAUvD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAUtD"}

package/dist/context-ui/format.js

@@ -0,0 +1,58 @@
+export function formatContextTokens(tokens) {
+    const value = Math.max(0, Math.round(tokens ?? 0));
+    if (value >= 1000) {
+        const compact = value / 1000;
+        return `${compact >= 100 ? compact.toFixed(0) : compact.toFixed(1)}k`;
+    }
+    return String(value);
+}
+export function contextStatusLabel(segment) {
+    if (segment.protected)
+        return "Protected";
+    if (segment.status === "pinned")
+        return "Pinned";
+    if (segment.status === "evicted")
+        return "Evicted";
+    if (segment.status === "summarized")
+        return "Summarized";
+    return "Active";
+}
+export function contextGroupColor(group) {
+    if (group === "Pinned")
+        return "bg-emerald-500";
+    if (group === "Tool results")
+        return "bg-amber-500";
+    if (group === "Files read")
+        return "bg-sky-500";
+    if (group === "Thinking")
+        return "bg-violet-500";
+    if (group === "Task & instructions")
+        return "bg-rose-500";
+    if (group === "System · required")
+        return "bg-slate-700";
+    if (group === "System · inherited")
+        return "bg-indigo-500";
+    if (group === "System · user")
+        return "bg-teal-500";
+    return "bg-slate-400";
+}
+export function contextGroupFill(group) {
+    if (group === "Pinned")
+        return "#10b981";
+    if (group === "Tool results")
+        return "#f59e0b";
+    if (group === "Files read")
+        return "#0ea5e9";
+    if (group === "Thinking")
+        return "#8b5cf6";
+    if (group === "Task & instructions")
+        return "#f43f5e";
+    if (group === "System · required")
+        return "#334155";
+    if (group === "System · inherited")
+        return "#6366f1";
+    if (group === "System · user")
+        return "#14b8a6";
+    return "#94a3b8";
+}
+//# sourceMappingURL=format.js.map

package/dist/context-ui/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../../src/context-ui/format.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,mBAAmB,CAAC,MAA0B;IAC5D,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC;IACnD,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,MAAM,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC;QAC7B,OAAO,GAAG,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IACxE,CAAC;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,OAA+B;IAChE,IAAI,OAAO,CAAC,SAAS;QAAE,OAAO,WAAW,CAAC;IAC1C,IAAI,OAAO,CAAC,MAAM,KAAK,QAAQ;QAAE,OAAO,QAAQ,CAAC;IACjD,IAAI,OAAO,CAAC,MAAM,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IACnD,IAAI,OAAO,CAAC,MAAM,KAAK,YAAY;QAAE,OAAO,YAAY,CAAC;IACzD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAa;IAC7C,IAAI,KAAK,KAAK,QAAQ;QAAE,OAAO,gBAAgB,CAAC;IAChD,IAAI,KAAK,KAAK,cAAc;QAAE,OAAO,cAAc,CAAC;IACpD,IAAI,KAAK,KAAK,YAAY;QAAE,OAAO,YAAY,CAAC;IAChD,IAAI,KAAK,KAAK,UAAU;QAAE,OAAO,eAAe,CAAC;IACjD,IAAI,KAAK,KAAK,qBAAqB;QAAE,OAAO,aAAa,CAAC;IAC1D,IAAI,KAAK,KAAK,mBAAmB;QAAE,OAAO,cAAc,CAAC;IACzD,IAAI,KAAK,KAAK,oBAAoB;QAAE,OAAO,eAAe,CAAC;IAC3D,IAAI,KAAK,KAAK,eAAe;QAAE,OAAO,aAAa,CAAC;IACpD,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAa;IAC5C,IAAI,KAAK,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IACzC,IAAI,KAAK,KAAK,cAAc;QAAE,OAAO,SAAS,CAAC;IAC/C,IAAI,KAAK,KAAK,YAAY;QAAE,OAAO,SAAS,CAAC;IAC7C,IAAI,KAAK,KAAK,UAAU;QAAE,OAAO,SAAS,CAAC;IAC3C,IAAI,KAAK,KAAK,qBAAqB;QAAE,OAAO,SAAS,CAAC;IACtD,IAAI,KAAK,KAAK,mBAAmB;QAAE,OAAO,SAAS,CAAC;IACpD,IAAI,KAAK,KAAK,oBAAoB;QAAE,OAAO,SAAS,CAAC;IACrD,IAAI,KAAK,KAAK,eAAe;QAAE,OAAO,SAAS,CAAC;IAChD,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/context-ui/index.d.ts

@@ -0,0 +1,7 @@
+export { ContextMeterView } from "./ContextMeter.js";
+export { ContextSegmentRowView, SegmentProvenancePopoverView, } from "./ContextSegmentRow.js";
+export { ContextTreemapView } from "./ContextTreemap.js";
+export { ContextXRayPanelView } from "./ContextXRayPanel.js";
+export { formatContextTokens } from "./format.js";
+export type { ContextManifestViewData, ContextSegmentStatus, ContextSegmentViewData, ContextSystemSectionViewData, ContextTokenMethod, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map