npm - @agent-native/core - Versions diffs - 0.103.1 → 0.104.0 - Mend

@agent-native/core 0.103.1 → 0.104.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (565) hide show

package/dist/client/agent-page/AgentContextTab.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AgentContextTab.d.ts","sourceRoot":"","sources":["../../../src/client/agent-page/AgentContextTab.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAkB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;~~AAEhF~~,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AASpD,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,iBAAiB,EAAE,GAC3B,iBAAiB,GAAG,SAAS,CAM/B;AAkRD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,iBAAiB,+~~BA4L3D~~"}
1	+ {"version":3,"file":"AgentContextTab.d.ts","sourceRoot":"","sources":["../../../src/client/agent-page/AgentContextTab.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAkB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAGhF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AASpD,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,iBAAiB,EAAE,GAC3B,iBAAiB,GAAG,SAAS,CAM/B;AAkRD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,iBAAiB,+BA2K3D"}

package/dist/client/agent-page/AgentContextTab.js CHANGED Viewed

@@ -9,6 +9,7 @@ import { useT } from "../i18n.js";
 import { useActionQuery } from "../use-action.js";
 import { useChatThreads } from "../use-chat-threads.js";
 import { cn } from "../utils.js";
+import { AgentTabFrame } from "./AgentTabFrame.js";
 export function mostRecentlyUpdatedThread(threads) {
     return threads.reduce((latest, thread) => !latest || thread.updatedAt > latest.updatedAt ? thread : latest, undefined);
 }
@@ -143,7 +144,7 @@ function SystemSectionList({ sections, totalTokens, }) {
     }, [sections]);
     return (_jsxs("div", { className: "space-y-4", children: [grouped.map((group) => {
                 const tokens = group.items.reduce((sum, item) => sum + item.tokenCount, 0);
-                return (_jsxs("section", { children: [_jsxs("div", { className: "mb-1 flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: "size-2 rounded-full bg-indigo-500" }), _jsx("h3", { className: "truncate text-sm font-medium", children: provenanceLabel(group.provenance, t) }), _jsx("span", { className: "text-[11px] text-muted-foreground", children: governanceLabel(group.items[0]?.governance ?? "inherited", t) })] }), _jsxs("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: [formatTokens(tokens), " \u00B7", " ", totalTokens > 0 ? Math.round((tokens / totalTokens) * 100) : 0, "%"] })] }), _jsx("div", { className: "divide-y divide-border/60 rounded-md border border-border/60", children: group.items
+                return (_jsxs("section", { children: [_jsxs("div", { className: "mb-1 flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: "size-2 rounded-full bg-indigo-500" }), _jsx("h3", { className: "truncate text-sm font-medium", children: provenanceLabel(group.provenance, t) }), _jsx("span", { className: "text-[11px] text-muted-foreground", children: governanceLabel(group.items[0]?.governance ?? "inherited", t) })] }), _jsxs("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: [formatTokens(tokens), " \u00B7", " ", totalTokens > 0 ? Math.round((tokens / totalTokens) * 100) : 0, "%"] })] }), _jsx("div", { className: "divide-y divide-border/60 border-y border-border/60", children: group.items
                                 .slice()
                                 .sort((a, b) => b.tokenCount - a.tokenCount)
                                 .map((section) => (_jsxs("div", { className: "flex gap-3 px-3 py-2.5", children: [_jsx(IconLock, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [_jsx("div", { className: "truncate text-sm font-medium", children: section.label }), _jsxs("div", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: [formatTokens(section.tokenCount), " \u00B7", " ", totalTokens > 0
@@ -168,35 +169,32 @@ export function AgentContextTab({ scope }) {
     const preview = previewQuery.data;
     const previewManifest = preview ? previewAsManifest(preview) : null;
     const budget = resolveContextWindow(preview?.model);
-    const title = t("contextXray.pageTitle", { defaultValue: "Context" });
-    return (_jsxs("div", { className: "mx-auto flex w-full max-w-5xl flex-col gap-8 p-6 lg:p-10", children: [_jsxs("header", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium uppercase tracking-[0.16em] text-muted-foreground", children: t("contextXray.agent", { defaultValue: "Agent" }) }), _jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }), _jsx("p", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: t("contextXray.headerDescription", {
-                                            defaultValue: "See the system instructions and conversation tokens that shape the agent.",
-                                        }) })] }), previewManifest ? (_jsx(ContextMeter, { manifest: previewManifest, enabled: true })) : null] }), previewManifest ? (_jsx(ContextSplitMeter, { manifest: previewManifest, budget: budget })) : null] }), _jsxs("section", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold", children: t("contextXray.whatAgentKnows", {
-                                            defaultValue: "What the agent knows",
-                                        }) }), _jsx("p", { className: "text-sm text-muted-foreground", children: t("contextXray.orderedSystemDescription", {
-                                            defaultValue: "Ordered system context is grouped by where it comes from. System sections are visible here but cannot be evicted from a thread.",
-                                        }) })] }), _jsxs("div", { className: "inline-flex rounded-md bg-muted/50 p-0.5", children: [_jsxs("button", { type: "button", onClick: () => setView("list"), className: cn("flex cursor-pointer items-center gap-1.5 rounded px-2.5 py-1.5 text-xs", view === "list"
+    const title = t("contextXray.pageTitle", { defaultValue: "Snapshots" });
+    const description = t("contextXray.headerDescription", {
+        defaultValue: "Inspect the latest combined snapshot of what the agent loaded and why.",
+    });
+    return (_jsx(AgentTabFrame, { title: title, description: description, actions: previewManifest ? (_jsx(ContextMeter, { manifest: previewManifest, enabled: true })) : null, children: _jsxs("div", { className: "space-y-7", children: [previewManifest ? (_jsx(ContextSplitMeter, { manifest: previewManifest, budget: budget })) : null, _jsxs("section", { className: "space-y-4", children: [_jsx("div", { className: "flex justify-end", children: _jsxs("div", { className: "inline-flex rounded-md bg-muted/50 p-0.5", children: [_jsxs("button", { type: "button", onClick: () => setView("list"), className: cn("flex cursor-pointer items-center gap-1.5 rounded px-2.5 py-1.5 text-xs", view === "list"
                                             ? "bg-background text-foreground shadow-sm"
                                             : "text-muted-foreground"), children: [_jsx(IconList, { className: "size-3.5" }), t("contextXray.list", { defaultValue: "List" })] }), _jsxs("button", { type: "button", onClick: () => setView("map"), className: cn("flex cursor-pointer items-center gap-1.5 rounded px-2.5 py-1.5 text-xs", view === "map"
                                             ? "bg-background text-foreground shadow-sm"
-                                            : "text-muted-foreground"), children: [_jsx(IconChartTreemap, { className: "size-3.5" }), t("contextXray.treemap", { defaultValue: "Treemap" })] })] })] }), previewQuery.isLoading ? (_jsx("div", { className: "rounded-md border border-border/60 p-8 text-center text-sm text-muted-foreground", children: t("contextXray.loadingPreview", {
-                            defaultValue: "Loading context preview…",
-                        }) })) : previewQuery.error ? (_jsx("div", { className: "rounded-md border border-dashed border-border p-8 text-center text-sm text-muted-foreground", children: t("contextXray.previewUnavailable", {
-                            defaultValue: "Context preview is not available yet.",
-                        }) })) : previewManifest ? (view === "map" ? (_jsx(ContextTreemap, { segments: [], systemSections: previewManifest.systemSections })) : (_jsx(SystemSectionList, { sections: previewManifest.systemSections ?? [], totalTokens: previewManifest.totalTokens }))) : (_jsx("div", { className: "rounded-md border border-dashed border-border p-8 text-center text-sm text-muted-foreground", children: t("contextXray.noPreview", {
-                            defaultValue: "No context preview is available for this scope yet.",
-                        }) }))] }), _jsxs("section", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold", children: t("contextXray.liveThread", { defaultValue: "Live thread" }) }), _jsx("p", { className: "text-sm text-muted-foreground", children: t("contextXray.liveThreadDescription", {
-                                    defaultValue: "The latest thread snapshot, when one exists. This is a single current snapshot, not an append-only history.",
-                                }) })] }), latestThread && liveManifestQuery.data ? (_jsxs("div", { className: "space-y-3 rounded-md border border-border/60 p-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium", children: latestThread.title ||
-                                                    latestThread.preview ||
-                                                    t("contextXray.latestThread", {
-                                                        defaultValue: "Latest thread",
-                                                    }) }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [formatTokens(liveManifestQuery.data.totalTokens), " tokens \u00B7", " ", latestThread.id] })] }), _jsx(ContextMeter, { threadId: latestThread.id })] }), _jsx(ContextTreemap, { segments: liveManifestQuery.data.segments, systemSections: liveManifestQuery.data.systemSections })] })) : (_jsx("div", { className: "rounded-md border border-dashed border-border p-8 text-center text-sm text-muted-foreground", children: t("contextXray.noLiveThread", {
-                            defaultValue: "No live thread snapshot is available yet.",
-                        }) }))] }), _jsxs("section", { className: "flex gap-3 rounded-md border border-border/60 bg-muted/20 p-4", children: [_jsx(IconInfoCircle, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "space-y-1 text-sm text-muted-foreground", children: [_jsx("p", { className: "font-medium text-foreground", children: t("contextXray.orderedTokensTitle", {
-                                    defaultValue: "Context is ordered tokens, not weighted tokens.",
-                                }) }), _jsx("p", { children: t("contextXray.orderedTokensDescription", {
-                                    defaultValue: "Required framework and enterprise policy come first, followed by inherited template, workspace, and organization instructions. Personal instructions and memory arrive later and can narrow or override earlier guidance where the prompt permits. These system sections are not evictable; only run-local conversation segments support pin, evict, and restore.",
-                                }) })] })] })] }));
+                                            : "text-muted-foreground"), children: [_jsx(IconChartTreemap, { className: "size-3.5" }), t("contextXray.treemap", { defaultValue: "Treemap" })] })] }) }), previewQuery.isLoading ? (_jsx("div", { className: "rounded-md border border-border/60 p-8 text-center text-sm text-muted-foreground", children: t("contextXray.loadingPreview", {
+                                defaultValue: "Loading recent snapshot…",
+                            }) })) : previewQuery.error ? (_jsx("div", { className: "rounded-md border border-dashed border-border p-8 text-center text-sm text-muted-foreground", children: t("contextXray.previewUnavailable", {
+                                defaultValue: "A recent snapshot is not available yet.",
+                            }) })) : previewManifest ? (view === "map" ? (_jsx(ContextTreemap, { segments: [], systemSections: previewManifest.systemSections })) : (_jsx(SystemSectionList, { sections: previewManifest.systemSections ?? [], totalTokens: previewManifest.totalTokens }))) : (_jsx("div", { className: "rounded-md border border-dashed border-border p-8 text-center text-sm text-muted-foreground", children: t("contextXray.noPreview", {
+                                defaultValue: "No recent snapshot is available for this scope yet.",
+                            }) }))] }), _jsxs("section", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold", children: t("contextXray.liveThread", { defaultValue: "Live thread" }) }), _jsx("p", { className: "text-sm text-muted-foreground", children: t("contextXray.liveThreadDescription", {
+                                        defaultValue: "The latest thread snapshot, when one exists. This is a single current snapshot, not an append-only history.",
+                                    }) })] }), latestThread && liveManifestQuery.data ? (_jsxs("div", { className: "space-y-3 border-y border-border/60 py-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium", children: latestThread.title ||
+                                                        latestThread.preview ||
+                                                        t("contextXray.latestThread", {
+                                                            defaultValue: "Latest thread",
+                                                        }) }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [formatTokens(liveManifestQuery.data.totalTokens), " tokens \u00B7", " ", latestThread.id] })] }), _jsx(ContextMeter, { threadId: latestThread.id })] }), _jsx(ContextTreemap, { segments: liveManifestQuery.data.segments, systemSections: liveManifestQuery.data.systemSections })] })) : (_jsx("div", { className: "rounded-md border border-dashed border-border p-8 text-center text-sm text-muted-foreground", children: t("contextXray.noLiveThread", {
+                                defaultValue: "No live thread snapshot is available yet.",
+                            }) }))] }), _jsxs("section", { className: "flex gap-3 border-t border-border/70 pt-5", children: [_jsx(IconInfoCircle, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "space-y-1 text-sm text-muted-foreground", children: [_jsx("p", { className: "font-medium text-foreground", children: t("contextXray.orderedTokensTitle", {
+                                        defaultValue: "Snapshots show ordered tokens, not weighted tokens.",
+                                    }) }), _jsx("p", { children: t("contextXray.orderedTokensDescription", {
+                                        defaultValue: "Required framework and enterprise policy come first, followed by inherited template, workspace, and organization instructions. Personal instructions and memory arrive later and can narrow or override earlier guidance where the prompt permits. These system sections are not evictable; only run-local conversation segments support pin, evict, and restore.",
+                                    }) })] })] })] }) }));
 }
 //# sourceMappingURL=AgentContextTab.js.map

package/dist/client/agent-page/AgentContextTab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AgentContextTab.js","sourceRoot":"","sources":["../../../src/client/agent-page/AgentContextTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,QAAQ,EACR,QAAQ,GACT,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAA0B,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAUjC,MAAM,UAAU,yBAAyB,CACvC,OAA4B;IAE5B,OAAO,OAAO,CAAC,MAAM,CACnB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CACjB,CAAC,MAAM,IAAI,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAClE,SAAS,CACV,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG;IACvB,gBAAgB;IAChB,gBAAgB;IAChB,2BAA2B;IAC3B,UAAU;IACV,eAAe;IACf,oBAAoB;IACpB,cAAc;IACd,UAAU;IACV,QAAQ;IACR,WAAW;IACX,OAAO;IACP,eAAe;IACf,iBAAiB;CACT,CAAC;AAIX,SAAS,eAAe,CACtB,UAAsD,EACtD,CAAY;IAEZ,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,gBAAgB;YACnB,OAAO,CAAC,CAAC,sCAAsC,EAAE;gBAC/C,YAAY,EAAE,WAAW;aAC1B,CAAC,CAAC;QACL,KAAK,gBAAgB;YACnB,OAAO,CAAC,CAAC,sCAAsC,EAAE;gBAC/C,YAAY,EAAE,SAAS;aACxB,CAAC,CAAC;QACL,KAAK,UAAU;YACb,OAAO,CAAC,CAAC,iCAAiC,EAAE;gBAC1C,YAAY,EAAE,UAAU;aACzB,CAAC,CAAC;QACL,KAAK,2BAA2B;YAC9B,OAAO,CAAC,CAAC,gDAAgD,EAAE;gBACzD,YAAY,EAAE,2BAA2B;aAC1C,CAAC,CAAC;QACL,KAAK,eAAe;YAClB,OAAO,CAAC,CAAC,qCAAqC,EAAE;gBAC9C,YAAY,EAAE,WAAW;aAC1B,CAAC,CAAC;QACL,KAAK,oBAAoB;YACvB,OAAO,CAAC,CAAC,yCAAyC,EAAE;gBAClD,YAAY,EAAE,cAAc;aAC7B,CAAC,CAAC;QACL,KAAK,cAAc;YACjB,OAAO,CAAC,CAAC,qCAAqC,EAAE;gBAC9C,YAAY,EAAE,cAAc;aAC7B,CAAC,CAAC;QACL,KAAK,UAAU;YACb,OAAO,CAAC,CAAC,iCAAiC,EAAE;gBAC1C,YAAY,EAAE,UAAU;aACzB,CAAC,CAAC;QACL,KAAK,QAAQ;YACX,OAAO,CAAC,CAAC,+BAA+B,EAAE;gBACxC,YAAY,EAAE,QAAQ;aACvB,CAAC,CAAC;QACL,KAAK,WAAW;YACd,OAAO,CAAC,CAAC,iCAAiC,EAAE;gBAC1C,YAAY,EAAE,YAAY;aAC3B,CAAC,CAAC;QACL,KAAK,OAAO;YACV,OAAO,CAAC,CAAC,8BAA8B,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC;QACtE,KAAK,eAAe;YAClB,OAAO,CAAC,CAAC,qCAAqC,EAAE;gBAC9C,YAAY,EAAE,eAAe;aAC9B,CAAC,CAAC;QACL,KAAK,iBAAiB;YACpB,OAAO,CAAC,CAAC,uCAAuC,EAAE;gBAChD,YAAY,EAAE,iBAAiB;aAChC,CAAC,CAAC;IACP,CAAC;AACH,CAAC;AAED,SAAS,eAAe,CACtB,UAAsD,EACtD,CAAY;IAEZ,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,UAAU;YACb,OAAO,CAAC,CAAC,iCAAiC,EAAE;gBAC1C,YAAY,EAAE,UAAU;aACzB,CAAC,CAAC;QACL,KAAK,WAAW;YACd,OAAO,CAAC,CAAC,kCAAkC,EAAE;gBAC3C,YAAY,EAAE,WAAW;aAC1B,CAAC,CAAC;QACL,KAAK,MAAM;YACT,OAAO,CAAC,CAAC,6BAA6B,EAAE;gBACtC,YAAY,EAAE,cAAc;aAC7B,CAAC,CAAC;IACP,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAC,OAAqC;IACxD,OAAO,CACL,OAAO,CAAC,SAAS,EAAE,IAAI;QACvB,OAAO,CAAC,SAAS,EAAE,UAAU;QAC7B,OAAO,CAAC,SAAS,EAAE,KAAK;QACxB,WAAW,CACZ,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,OAAuB;IAChD,OAAO;QACL,QAAQ,EAAE,iBAAiB;QAC3B,UAAU,EAAE,OAAO,CAAC,UAAU;QAC9B,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAClD,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC,SAAS,EAAE,OAAO,CAAC,WAAW;QAC9B,eAAe,EAAE,CAAC;QAClB,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;QAC1C,kBAAkB,EAAE,CAAC;QACrB,YAAY,EAAE,OAAO,CAAC,YAAY;QAClC,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,EAAE;QACZ,cAAc,EAAE,OAAO,CAAC,QAAQ;KACjC,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,MAAM,GAIP;IACC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,YAAY,GAAG,QAAQ,CAAC,YAAY,IAAI,CAAC,CAAC;IAChD,MAAM,kBAAkB,GAAG,0BAA0B,CAAC,QAAQ,CAAC,CAAC;IAChE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,kBAAkB,CAAC,CAAC;IAC7D,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,gDAAgD,aAC7D,cACE,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,YAAY,GAAG,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,GACpD,EACF,cACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,kBAAkB,GAAG,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,GAC1D,IACE,EACN,eAAK,SAAS,EAAC,8DAA8D,aAC3E,2BACE,eAAM,SAAS,EAAC,wEAAwE,GAAG,EAC1F,CAAC,CAAC,oBAAoB,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EACxD,YAAY,CAAC,YAAY,CAAC,IACtB,EACP,2BACE,eAAM,SAAS,EAAC,oDAAoD,GAAG,EACtE,CAAC,CAAC,0BAA0B,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC,EAAE,GAAG,EACpE,YAAY,CAAC,kBAAkB,CAAC,IAC5B,EACP,2BACG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,GAAG,EAC7D,CAAC,CAAC,kBAAkB,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,IAC3C,IACH,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,WAAW,GAIZ;IACC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,GAAG,GAAG,IAAI,GAAG,EAGhB,CAAC;QACJ,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;YAC/B,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;YAChD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACpB,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;QACrC,CAAC;QACD,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;YAC7C,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAClC,OAAO,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAClE,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACvB,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrB,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAC/B,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,UAAU,EACpC,CAAC,CACF,CAAC;gBACF,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,8CAA8C,aAC3D,eAAK,SAAS,EAAC,iCAAiC,aAC9C,eAAM,SAAS,EAAC,mCAAmC,GAAG,EACtD,aAAI,SAAS,EAAC,8BAA8B,YACzC,eAAe,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,GAClC,EACL,eAAM,SAAS,EAAC,mCAAmC,YAChD,eAAe,CACd,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,IAAI,WAAW,EACzC,CAAC,CACF,GACI,IACH,EACN,gBAAM,SAAS,EAAC,qDAAqD,aAClE,YAAY,CAAC,MAAM,CAAC,aAAI,GAAG,EAC3B,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAE1D,IACH,EACN,cAAK,SAAS,EAAC,8DAA8D,YAC1E,KAAK,CAAC,KAAK;iCACT,KAAK,EAAE;iCACP,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,UAAU,CAAC;iCAC3C,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChB,eAEE,SAAS,EAAC,wBAAwB,aAElC,KAAC,QAAQ,IAAC,SAAS,EAAC,8CAA8C,GAAG,EACrE,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eAAK,SAAS,EAAC,2CAA2C,aACxD,cAAK,SAAS,EAAC,8BAA8B,YAC1C,OAAO,CAAC,KAAK,GACV,EACN,eAAK,SAAS,EAAC,qDAAqD,aACjE,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,aAAI,GAAG,EACvC,WAAW,GAAG,CAAC;gEACd,CAAC,CAAC,IAAI,CAAC,KAAK,CACR,CAAC,OAAO,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,GAAG,CACzC;gEACH,CAAC,CAAC,CAAC,SAED,IACF,EACN,eAAK,SAAS,EAAC,wCAAwC,aACpD,WAAW,CAAC,OAAO,CAAC,EACpB,OAAO,CAAC,WAAW,KAAK,UAAU;wDACjC,CAAC,CAAC,cAAc;wDAChB,CAAC,CAAC,EAAE,IACF,EACL,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAC,oDAAoD,YAChE,OAAO,CAAC,OAAO,GACZ,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,KA9BD,OAAO,CAAC,SAAS,CA+BlB,CACP,CAAC,GACA,KA3DM,KAAK,CAAC,UAAU,CA4DpB,CACX,CAAC;YACJ,CAAC,CAAC,EACD,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,cAAK,SAAS,EAAC,6FAA6F,YACzG,CAAC,CAAC,6BAA6B,EAAE;oBAChC,YAAY,EAAE,oDAAoD;iBACnE,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,KAAK,EAAqB;IAC1D,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAiB,MAAM,CAAC,CAAC;IACzD,MAAM,YAAY,GAAG,cAAc,CACjC,qBAAqB,EACrB,EAAE,KAAK,EAAE,EACT,EAAE,SAAS,EAAE,KAAK,EAAE,CACL,CAAC;IAClB,MAAM,OAAO,GAAG,cAAc,CAAC,SAAS,EAAE,oBAAoB,EAAE,IAAI,EAAE;QACpE,UAAU,EAAE,KAAK;QACjB,mBAAmB,EAAE,KAAK;KAC3B,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,yBAAyB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAChE,MAAM,iBAAiB,GAAG,cAAc,CACtC,sBAAsB,EACtB,YAAY,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EACxD,EAAE,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CACpC,CAAC;IACnB,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC;IAClC,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACpE,MAAM,MAAM,GAAG,oBAAoB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,CAAC,CAAC,uBAAuB,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC;IAEtE,OAAO,CACL,eAAK,SAAS,EAAC,0DAA0D,aACvE,kBAAQ,SAAS,EAAC,WAAW,aAC3B,eAAK,SAAS,EAAC,kDAAkD,aAC/D,0BACE,YAAG,SAAS,EAAC,uEAAuE,YACjF,CAAC,CAAC,mBAAmB,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,GAChD,EACJ,aAAI,SAAS,EAAC,uCAAuC,YAAE,KAAK,GAAM,EAClE,YAAG,SAAS,EAAC,8CAA8C,YACxD,CAAC,CAAC,+BAA+B,EAAE;4CAClC,YAAY,EACV,2EAA2E;yCAC9E,CAAC,GACA,IACA,EACL,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,YAAY,IAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,SAAG,CACpD,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,iBAAiB,IAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAI,CACjE,CAAC,CAAC,CAAC,IAAI,IACD,EAET,mBAAS,SAAS,EAAC,WAAW,aAC5B,eAAK,SAAS,EAAC,gDAAgD,aAC7D,0BACE,aAAI,SAAS,EAAC,uBAAuB,YAClC,CAAC,CAAC,4BAA4B,EAAE;4CAC/B,YAAY,EAAE,sBAAsB;yCACrC,CAAC,GACC,EACL,YAAG,SAAS,EAAC,+BAA+B,YACzC,CAAC,CAAC,sCAAsC,EAAE;4CACzC,YAAY,EACV,iIAAiI;yCACpI,CAAC,GACA,IACA,EACN,eAAK,SAAS,EAAC,0CAA0C,aACvD,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAC9B,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,IAAI,KAAK,MAAM;4CACb,CAAC,CAAC,yCAAyC;4CAC3C,CAAC,CAAC,uBAAuB,CAC5B,aAED,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EAChC,CAAC,CAAC,kBAAkB,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,IACzC,EACT,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,IAAI,KAAK,KAAK;4CACZ,CAAC,CAAC,yCAAyC;4CAC3C,CAAC,CAAC,uBAAuB,CAC5B,aAED,KAAC,gBAAgB,IAAC,SAAS,EAAC,UAAU,GAAG,EACxC,CAAC,CAAC,qBAAqB,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,IAC/C,IACL,IACF,EACL,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CACxB,cAAK,SAAS,EAAC,kFAAkF,YAC9F,CAAC,CAAC,4BAA4B,EAAE;4BAC/B,YAAY,EAAE,0BAA0B;yBACzC,CAAC,GACE,CACP,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CACvB,cAAK,SAAS,EAAC,6FAA6F,YACzG,CAAC,CAAC,gCAAgC,EAAE;4BACnC,YAAY,EAAE,uCAAuC;yBACtD,CAAC,GACE,CACP,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CACpB,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CACf,KAAC,cAAc,IACb,QAAQ,EAAE,EAAE,EACZ,cAAc,EAAE,eAAe,CAAC,cAAc,GAC9C,CACH,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,QAAQ,EAAE,eAAe,CAAC,cAAc,IAAI,EAAE,EAC9C,WAAW,EAAE,eAAe,CAAC,WAAW,GACxC,CACH,CACF,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,6FAA6F,YACzG,CAAC,CAAC,uBAAuB,EAAE;4BAC1B,YAAY,EACV,qDAAqD;yBACxD,CAAC,GACE,CACP,IACO,EAEV,mBAAS,SAAS,EAAC,WAAW,aAC5B,0BACE,aAAI,SAAS,EAAC,uBAAuB,YAClC,CAAC,CAAC,wBAAwB,EAAE,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,GAC1D,EACL,YAAG,SAAS,EAAC,+BAA+B,YACzC,CAAC,CAAC,mCAAmC,EAAE;oCACtC,YAAY,EACV,6GAA6G;iCAChH,CAAC,GACA,IACA,EACL,YAAY,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CACxC,eAAK,SAAS,EAAC,kDAAkD,aAC/D,eAAK,SAAS,EAAC,mDAAmD,aAChE,eAAK,SAAS,EAAC,SAAS,aACtB,cAAK,SAAS,EAAC,8BAA8B,YAC1C,YAAY,CAAC,KAAK;oDACjB,YAAY,CAAC,OAAO;oDACpB,CAAC,CAAC,0BAA0B,EAAE;wDAC5B,YAAY,EAAE,eAAe;qDAC9B,CAAC,GACA,EACN,eAAK,SAAS,EAAC,+BAA+B,aAC3C,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,oBAAW,GAAG,EAC9D,YAAY,CAAC,EAAE,IACZ,IACF,EACN,KAAC,YAAY,IAAC,QAAQ,EAAE,YAAY,CAAC,EAAE,GAAI,IACvC,EACN,KAAC,cAAc,IACb,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC,QAAQ,EACzC,cAAc,EAAE,iBAAiB,CAAC,IAAI,CAAC,cAAc,GACrD,IACE,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,6FAA6F,YACzG,CAAC,CAAC,0BAA0B,EAAE;4BAC7B,YAAY,EAAE,2CAA2C;yBAC1D,CAAC,GACE,CACP,IACO,EAEV,mBAAS,SAAS,EAAC,+DAA+D,aAChF,KAAC,cAAc,IAAC,SAAS,EAAC,8CAA8C,GAAG,EAC3E,eAAK,SAAS,EAAC,yCAAyC,aACtD,YAAG,SAAS,EAAC,6BAA6B,YACvC,CAAC,CAAC,gCAAgC,EAAE;oCACnC,YAAY,EAAE,iDAAiD;iCAChE,CAAC,GACA,EACJ,sBACG,CAAC,CAAC,sCAAsC,EAAE;oCACzC,YAAY,EACV,mWAAmW;iCACtW,CAAC,GACA,IACA,IACE,IACN,CACP,CAAC;AACJ,CAAC","sourcesContent":["import {\n IconChartTreemap,\n IconInfoCircle,\n IconList,\n IconLock,\n} from \"@tabler/icons-react\";\nimport { useMemo, useState } from \"react\";\n\nimport type {\n ContextManifest,\n ContextManifestSystemSection,\n ContextPreview,\n} from \"../../shared/context-xray.js\";\nimport { manifestConversationTokens } from \"../../shared/context-xray.js\";\nimport { ContextMeter } from \"../context-xray/ContextMeter.js\";\nimport { ContextTreemap } from \"../context-xray/ContextTreemap.js\";\nimport { formatTokens, resolveContextWindow } from \"../context-xray/format.js\";\nimport { useT } from \"../i18n.js\";\nimport { useActionQuery } from \"../use-action.js\";\nimport { useChatThreads, type ChatThreadSummary } from \"../use-chat-threads.js\";\nimport { cn } from \"../utils.js\";\nimport type { AgentPageTabProps } from \"./types.js\";\n\ntype PreviewQuery = {\n data?: ContextPreview;\n isLoading?: boolean;\n error?: unknown;\n};\ntype ManifestQuery = { data?: ContextManifest; isLoading?: boolean };\n\nexport function mostRecentlyUpdatedThread(\n threads: ChatThreadSummary[],\n): ChatThreadSummary \| undefined {\n return threads.reduce<ChatThreadSummary \| undefined>(\n (latest, thread) =>\n !latest \|\| thread.updatedAt > latest.updatedAt ? thread : latest,\n undefined,\n );\n}\n\nconst PROVENANCE_ORDER = [\n \"framework-core\",\n \"actions-prompt\",\n \"enterprise-workspace-core\",\n \"template\",\n \"sql-workspace\",\n \"legacy-app-default\",\n \"organization\",\n \"personal\",\n \"memory\",\n \"db-schema\",\n \"tools\",\n \"model-overlay\",\n \"runtime-context\",\n] as const;\n\ntype Translate = (key: string, options?: Record<string, unknown>) => string;\n\nfunction provenanceLabel(\n provenance: ContextManifestSystemSection[\"provenance\"],\n t: Translate,\n): string {\n switch (provenance) {\n case \"framework-core\":\n return t(\"contextXray.provenance.frameworkCore\", {\n defaultValue: \"Framework\",\n });\n case \"actions-prompt\":\n return t(\"contextXray.provenance.actionsPrompt\", {\n defaultValue: \"Actions\",\n });\n case \"template\":\n return t(\"contextXray.provenance.template\", {\n defaultValue: \"Template\",\n });\n case \"enterprise-workspace-core\":\n return t(\"contextXray.provenance.enterpriseWorkspaceCore\", {\n defaultValue: \"Enterprise workspace core\",\n });\n case \"sql-workspace\":\n return t(\"contextXray.provenance.sqlWorkspace\", {\n defaultValue: \"Workspace\",\n });\n case \"legacy-app-default\":\n return t(\"contextXray.provenance.legacyAppDefault\", {\n defaultValue: \"App defaults\",\n });\n case \"organization\":\n return t(\"contextXray.provenance.organization\", {\n defaultValue: \"Organization\",\n });\n case \"personal\":\n return t(\"contextXray.provenance.personal\", {\n defaultValue: \"Personal\",\n });\n case \"memory\":\n return t(\"contextXray.provenance.memory\", {\n defaultValue: \"Memory\",\n });\n case \"db-schema\":\n return t(\"contextXray.provenance.dbSchema\", {\n defaultValue: \"SQL schema\",\n });\n case \"tools\":\n return t(\"contextXray.provenance.tools\", { defaultValue: \"Tools\" });\n case \"model-overlay\":\n return t(\"contextXray.provenance.modelOverlay\", {\n defaultValue: \"Model overlay\",\n });\n case \"runtime-context\":\n return t(\"contextXray.provenance.runtimeContext\", {\n defaultValue: \"Runtime context\",\n });\n }\n}\n\nfunction governanceLabel(\n governance: ContextManifestSystemSection[\"governance\"],\n t: Translate,\n): string {\n switch (governance) {\n case \"required\":\n return t(\"contextXray.governance.required\", {\n defaultValue: \"Required\",\n });\n case \"inherited\":\n return t(\"contextXray.governance.inherited\", {\n defaultValue: \"Inherited\",\n });\n case \"user\":\n return t(\"contextXray.governance.user\", {\n defaultValue: \"Your context\",\n });\n }\n}\n\nfunction sourceLabel(section: ContextManifestSystemSection): string {\n return (\n section.sourceRef?.path ??\n section.sourceRef?.resourceId ??\n section.sourceRef?.scope ??\n \"framework\"\n );\n}\n\nfunction previewAsManifest(preview: ContextPreview): ContextManifest {\n return {\n threadId: \"context-preview\",\n computedAt: preview.computedAt,\n ...(preview.model ? { model: preview.model } : {}),\n totalTokens: preview.totalTokens,\n rawTokens: preview.totalTokens,\n reclaimedTokens: 0,\n tokenCountMethod: preview.tokenCountMethod,\n conversationTokens: 0,\n systemTokens: preview.systemTokens,\n source: \"preview\",\n enforceable: false,\n segments: [],\n systemSections: preview.sections,\n };\n}\n\nfunction ContextSplitMeter({\n manifest,\n budget,\n}: {\n manifest: ContextManifest;\n budget: number;\n}) {\n const t = useT();\n const systemTokens = manifest.systemTokens ?? 0;\n const conversationTokens = manifestConversationTokens(manifest);\n const total = Math.max(1, systemTokens + conversationTokens);\n return (\n <div className=\"space-y-2\">\n <div className=\"flex h-2 overflow-hidden rounded-full bg-muted\">\n <div\n className=\"bg-slate-700 dark:bg-slate-400\"\n style={{ width: `${(systemTokens / total) * 100}%` }}\n />\n <div\n className=\"bg-sky-500\"\n style={{ width: `${(conversationTokens / total) * 100}%` }}\n />\n </div>\n <div className=\"flex flex-wrap gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n <span>\n <span className=\"mr-1.5 inline-block size-2 rounded-full bg-slate-700 dark:bg-slate-400\" />\n {t(\"contextXray.system\", { defaultValue: \"System\" })}{\" \"}\n {formatTokens(systemTokens)}\n </span>\n <span>\n <span className=\"mr-1.5 inline-block size-2 rounded-full bg-sky-500\" />\n {t(\"contextXray.conversation\", { defaultValue: \"Conversation\" })}{\" \"}\n {formatTokens(conversationTokens)}\n </span>\n <span>\n {formatTokens(Math.max(0, budget - manifest.totalTokens))}{\" \"}\n {t(\"contextXray.free\", { defaultValue: \"free\" })}\n </span>\n </div>\n </div>\n );\n}\n\nfunction SystemSectionList({\n sections,\n totalTokens,\n}: {\n sections: ContextManifestSystemSection[];\n totalTokens: number;\n}) {\n const t = useT();\n const grouped = useMemo(() => {\n const map = new Map<\n ContextManifestSystemSection[\"provenance\"],\n ContextManifestSystemSection[]\n >();\n for (const section of sections) {\n const items = map.get(section.provenance) ?? [];\n items.push(section);\n map.set(section.provenance, items);\n }\n return PROVENANCE_ORDER.flatMap((provenance) => {\n const items = map.get(provenance);\n return items && items.length > 0 ? [{ provenance, items }] : [];\n });\n }, [sections]);\n\n return (\n <div className=\"space-y-4\">\n {grouped.map((group) => {\n const tokens = group.items.reduce(\n (sum, item) => sum + item.tokenCount,\n 0,\n );\n return (\n <section key={group.provenance}>\n <div className=\"mb-1 flex items-center justify-between gap-3\">\n <div className=\"flex min-w-0 items-center gap-2\">\n <span className=\"size-2 rounded-full bg-indigo-500\" />\n <h3 className=\"truncate text-sm font-medium\">\n {provenanceLabel(group.provenance, t)}\n </h3>\n <span className=\"text-[11px] text-muted-foreground\">\n {governanceLabel(\n group.items[0]?.governance ?? \"inherited\",\n t,\n )}\n </span>\n </div>\n <span className=\"shrink-0 text-xs tabular-nums text-muted-foreground\">\n {formatTokens(tokens)} ·{\" \"}\n {totalTokens > 0 ? Math.round((tokens / totalTokens) * 100) : 0}\n %\n </span>\n </div>\n <div className=\"divide-y divide-border/60 rounded-md border border-border/60\">\n {group.items\n .slice()\n .sort((a, b) => b.tokenCount - a.tokenCount)\n .map((section) => (\n <div\n key={section.segmentId}\n className=\"flex gap-3 px-3 py-2.5\"\n >\n <IconLock className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\" />\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-baseline justify-between gap-3\">\n <div className=\"truncate text-sm font-medium\">\n {section.label}\n </div>\n <div className=\"shrink-0 text-xs tabular-nums text-muted-foreground\">\n {formatTokens(section.tokenCount)} ·{\" \"}\n {totalTokens > 0\n ? Math.round(\n (section.tokenCount / totalTokens) * 100,\n )\n : 0}\n %\n </div>\n </div>\n <div className=\"truncate text-xs text-muted-foreground\">\n {sourceLabel(section)}\n {section.tokenMethod === \"estimate\"\n ? \" · estimated\"\n : \"\"}\n </div>\n {section.preview ? (\n <div className=\"mt-1 line-clamp-2 text-xs text-muted-foreground/80\">\n {section.preview}\n </div>\n ) : null}\n </div>\n </div>\n ))}\n </div>\n </section>\n );\n })}\n {grouped.length === 0 ? (\n <div className=\"rounded-md border border-dashed border-border p-6 text-center text-sm text-muted-foreground\">\n {t(\"contextXray.noSystemContext\", {\n defaultValue: \"No system context is available for this scope yet.\",\n })}\n </div>\n ) : null}\n </div>\n );\n}\n\nexport function AgentContextTab({ scope }: AgentPageTabProps) {\n const t = useT();\n const [view, setView] = useState<\"list\" \| \"map\">(\"list\");\n const previewQuery = useActionQuery(\n \"context-preview-get\",\n { scope },\n { staleTime: 5_000 },\n ) as PreviewQuery;\n const threads = useChatThreads(undefined, \"agent-context-page\", null, {\n autoCreate: false,\n restoreActiveThread: false,\n });\n const latestThread = mostRecentlyUpdatedThread(threads.threads);\n const liveManifestQuery = useActionQuery(\n \"context-manifest-get\",\n latestThread ? { threadId: latestThread.id } : undefined,\n { enabled: Boolean(latestThread), staleTime: 1_000 },\n ) as ManifestQuery;\n const preview = previewQuery.data;\n const previewManifest = preview ? previewAsManifest(preview) : null;\n const budget = resolveContextWindow(preview?.model);\n const title = t(\"contextXray.pageTitle\", { defaultValue: \"Context\" });\n\n return (\n <div className=\"mx-auto flex w-full max-w-5xl flex-col gap-8 p-6 lg:p-10\">\n <header className=\"space-y-3\">\n <div className=\"flex flex-wrap items-start justify-between gap-4\">\n <div>\n <p className=\"text-xs font-medium uppercase tracking-[0.16em] text-muted-foreground\">\n {t(\"contextXray.agent\", { defaultValue: \"Agent\" })}\n </p>\n <h1 className=\"text-2xl font-semibold tracking-tight\">{title}</h1>\n <p className=\"mt-1 max-w-2xl text-sm text-muted-foreground\">\n {t(\"contextXray.headerDescription\", {\n defaultValue:\n \"See the system instructions and conversation tokens that shape the agent.\",\n })}\n </p>\n </div>\n {previewManifest ? (\n <ContextMeter manifest={previewManifest} enabled />\n ) : null}\n </div>\n {previewManifest ? (\n <ContextSplitMeter manifest={previewManifest} budget={budget} />\n ) : null}\n </header>\n\n <section className=\"space-y-4\">\n <div className=\"flex flex-wrap items-end justify-between gap-3\">\n <div>\n <h2 className=\"text-lg font-semibold\">\n {t(\"contextXray.whatAgentKnows\", {\n defaultValue: \"What the agent knows\",\n })}\n </h2>\n <p className=\"text-sm text-muted-foreground\">\n {t(\"contextXray.orderedSystemDescription\", {\n defaultValue:\n \"Ordered system context is grouped by where it comes from. System sections are visible here but cannot be evicted from a thread.\",\n })}\n </p>\n </div>\n <div className=\"inline-flex rounded-md bg-muted/50 p-0.5\">\n <button\n type=\"button\"\n onClick={() => setView(\"list\")}\n className={cn(\n \"flex cursor-pointer items-center gap-1.5 rounded px-2.5 py-1.5 text-xs\",\n view === \"list\"\n ? \"bg-background text-foreground shadow-sm\"\n : \"text-muted-foreground\",\n )}\n >\n <IconList className=\"size-3.5\" />\n {t(\"contextXray.list\", { defaultValue: \"List\" })}\n </button>\n <button\n type=\"button\"\n onClick={() => setView(\"map\")}\n className={cn(\n \"flex cursor-pointer items-center gap-1.5 rounded px-2.5 py-1.5 text-xs\",\n view === \"map\"\n ? \"bg-background text-foreground shadow-sm\"\n : \"text-muted-foreground\",\n )}\n >\n <IconChartTreemap className=\"size-3.5\" />\n {t(\"contextXray.treemap\", { defaultValue: \"Treemap\" })}\n </button>\n </div>\n </div>\n {previewQuery.isLoading ? (\n <div className=\"rounded-md border border-border/60 p-8 text-center text-sm text-muted-foreground\">\n {t(\"contextXray.loadingPreview\", {\n defaultValue: \"Loading context preview…\",\n })}\n </div>\n ) : previewQuery.error ? (\n <div className=\"rounded-md border border-dashed border-border p-8 text-center text-sm text-muted-foreground\">\n {t(\"contextXray.previewUnavailable\", {\n defaultValue: \"Context preview is not available yet.\",\n })}\n </div>\n ) : previewManifest ? (\n view === \"map\" ? (\n <ContextTreemap\n segments={[]}\n systemSections={previewManifest.systemSections}\n />\n ) : (\n <SystemSectionList\n sections={previewManifest.systemSections ?? []}\n totalTokens={previewManifest.totalTokens}\n />\n )\n ) : (\n <div className=\"rounded-md border border-dashed border-border p-8 text-center text-sm text-muted-foreground\">\n {t(\"contextXray.noPreview\", {\n defaultValue:\n \"No context preview is available for this scope yet.\",\n })}\n </div>\n )}\n </section>\n\n <section className=\"space-y-3\">\n <div>\n <h2 className=\"text-lg font-semibold\">\n {t(\"contextXray.liveThread\", { defaultValue: \"Live thread\" })}\n </h2>\n <p className=\"text-sm text-muted-foreground\">\n {t(\"contextXray.liveThreadDescription\", {\n defaultValue:\n \"The latest thread snapshot, when one exists. This is a single current snapshot, not an append-only history.\",\n })}\n </p>\n </div>\n {latestThread && liveManifestQuery.data ? (\n <div className=\"space-y-3 rounded-md border border-border/60 p-4\">\n <div className=\"flex flex-wrap items-center justify-between gap-2\">\n <div className=\"min-w-0\">\n <div className=\"truncate text-sm font-medium\">\n {latestThread.title \|\|\n latestThread.preview \|\|\n t(\"contextXray.latestThread\", {\n defaultValue: \"Latest thread\",\n })}\n </div>\n <div className=\"text-xs text-muted-foreground\">\n {formatTokens(liveManifestQuery.data.totalTokens)} tokens ·{\" \"}\n {latestThread.id}\n </div>\n </div>\n <ContextMeter threadId={latestThread.id} />\n </div>\n <ContextTreemap\n segments={liveManifestQuery.data.segments}\n systemSections={liveManifestQuery.data.systemSections}\n />\n </div>\n ) : (\n <div className=\"rounded-md border border-dashed border-border p-8 text-center text-sm text-muted-foreground\">\n {t(\"contextXray.noLiveThread\", {\n defaultValue: \"No live thread snapshot is available yet.\",\n })}\n </div>\n )}\n </section>\n\n <section className=\"flex gap-3 rounded-md border border-border/60 bg-muted/20 p-4\">\n <IconInfoCircle className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\" />\n <div className=\"space-y-1 text-sm text-muted-foreground\">\n <p className=\"font-medium text-foreground\">\n {t(\"contextXray.orderedTokensTitle\", {\n defaultValue: \"Context is ordered tokens, not weighted tokens.\",\n })}\n </p>\n <p>\n {t(\"contextXray.orderedTokensDescription\", {\n defaultValue:\n \"Required framework and enterprise policy come first, followed by inherited template, workspace, and organization instructions. Personal instructions and memory arrive later and can narrow or override earlier guidance where the prompt permits. These system sections are not evictable; only run-local conversation segments support pin, evict, and restore.\",\n })}\n </p>\n </div>\n </section>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"AgentContextTab.js","sourceRoot":"","sources":["../../../src/client/agent-page/AgentContextTab.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n IconChartTreemap,\n IconInfoCircle,\n IconList,\n IconLock,\n} from \"@tabler/icons-react\";\nimport { useMemo, useState } from \"react\";\n\nimport type {\n ContextManifest,\n ContextManifestSystemSection,\n ContextPreview,\n} from \"../../shared/context-xray.js\";\nimport { manifestConversationTokens } from \"../../shared/context-xray.js\";\nimport { ContextMeter } from \"../context-xray/ContextMeter.js\";\nimport { ContextTreemap } from \"../context-xray/ContextTreemap.js\";\nimport { formatTokens, resolveContextWindow } from \"../context-xray/format.js\";\nimport { useT } from \"../i18n.js\";\nimport { useActionQuery } from \"../use-action.js\";\nimport { useChatThreads, type ChatThreadSummary } from \"../use-chat-threads.js\";\nimport { cn } from \"../utils.js\";\nimport { AgentTabFrame } from \"./AgentTabFrame.js\";\nimport type { AgentPageTabProps } from \"./types.js\";\n\ntype PreviewQuery = {\n data?: ContextPreview;\n isLoading?: boolean;\n error?: unknown;\n};\ntype ManifestQuery = { data?: ContextManifest; isLoading?: boolean };\n\nexport function mostRecentlyUpdatedThread(\n threads: ChatThreadSummary[],\n): ChatThreadSummary \| undefined {\n return threads.reduce<ChatThreadSummary \| undefined>(\n (latest, thread) =>\n !latest \|\| thread.updatedAt > latest.updatedAt ? thread : latest,\n undefined,\n );\n}\n\nconst PROVENANCE_ORDER = [\n \"framework-core\",\n \"actions-prompt\",\n \"enterprise-workspace-core\",\n \"template\",\n \"sql-workspace\",\n \"legacy-app-default\",\n \"organization\",\n \"personal\",\n \"memory\",\n \"db-schema\",\n \"tools\",\n \"model-overlay\",\n \"runtime-context\",\n] as const;\n\ntype Translate = (key: string, options?: Record<string, unknown>) => string;\n\nfunction provenanceLabel(\n provenance: ContextManifestSystemSection[\"provenance\"],\n t: Translate,\n): string {\n switch (provenance) {\n case \"framework-core\":\n return t(\"contextXray.provenance.frameworkCore\", {\n defaultValue: \"Framework\",\n });\n case \"actions-prompt\":\n return t(\"contextXray.provenance.actionsPrompt\", {\n defaultValue: \"Actions\",\n });\n case \"template\":\n return t(\"contextXray.provenance.template\", {\n defaultValue: \"Template\",\n });\n case \"enterprise-workspace-core\":\n return t(\"contextXray.provenance.enterpriseWorkspaceCore\", {\n defaultValue: \"Enterprise workspace core\",\n });\n case \"sql-workspace\":\n return t(\"contextXray.provenance.sqlWorkspace\", {\n defaultValue: \"Workspace\",\n });\n case \"legacy-app-default\":\n return t(\"contextXray.provenance.legacyAppDefault\", {\n defaultValue: \"App defaults\",\n });\n case \"organization\":\n return t(\"contextXray.provenance.organization\", {\n defaultValue: \"Organization\",\n });\n case \"personal\":\n return t(\"contextXray.provenance.personal\", {\n defaultValue: \"Personal\",\n });\n case \"memory\":\n return t(\"contextXray.provenance.memory\", {\n defaultValue: \"Memory\",\n });\n case \"db-schema\":\n return t(\"contextXray.provenance.dbSchema\", {\n defaultValue: \"SQL schema\",\n });\n case \"tools\":\n return t(\"contextXray.provenance.tools\", { defaultValue: \"Tools\" });\n case \"model-overlay\":\n return t(\"contextXray.provenance.modelOverlay\", {\n defaultValue: \"Model overlay\",\n });\n case \"runtime-context\":\n return t(\"contextXray.provenance.runtimeContext\", {\n defaultValue: \"Runtime context\",\n });\n }\n}\n\nfunction governanceLabel(\n governance: ContextManifestSystemSection[\"governance\"],\n t: Translate,\n): string {\n switch (governance) {\n case \"required\":\n return t(\"contextXray.governance.required\", {\n defaultValue: \"Required\",\n });\n case \"inherited\":\n return t(\"contextXray.governance.inherited\", {\n defaultValue: \"Inherited\",\n });\n case \"user\":\n return t(\"contextXray.governance.user\", {\n defaultValue: \"Your context\",\n });\n }\n}\n\nfunction sourceLabel(section: ContextManifestSystemSection): string {\n return (\n section.sourceRef?.path ??\n section.sourceRef?.resourceId ??\n section.sourceRef?.scope ??\n \"framework\"\n );\n}\n\nfunction previewAsManifest(preview: ContextPreview): ContextManifest {\n return {\n threadId: \"context-preview\",\n computedAt: preview.computedAt,\n ...(preview.model ? { model: preview.model } : {}),\n totalTokens: preview.totalTokens,\n rawTokens: preview.totalTokens,\n reclaimedTokens: 0,\n tokenCountMethod: preview.tokenCountMethod,\n conversationTokens: 0,\n systemTokens: preview.systemTokens,\n source: \"preview\",\n enforceable: false,\n segments: [],\n systemSections: preview.sections,\n };\n}\n\nfunction ContextSplitMeter({\n manifest,\n budget,\n}: {\n manifest: ContextManifest;\n budget: number;\n}) {\n const t = useT();\n const systemTokens = manifest.systemTokens ?? 0;\n const conversationTokens = manifestConversationTokens(manifest);\n const total = Math.max(1, systemTokens + conversationTokens);\n return (\n <div className=\"space-y-2\">\n <div className=\"flex h-2 overflow-hidden rounded-full bg-muted\">\n <div\n className=\"bg-slate-700 dark:bg-slate-400\"\n style={{ width: `${(systemTokens / total) * 100}%` }}\n />\n <div\n className=\"bg-sky-500\"\n style={{ width: `${(conversationTokens / total) * 100}%` }}\n />\n </div>\n <div className=\"flex flex-wrap gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n <span>\n <span className=\"mr-1.5 inline-block size-2 rounded-full bg-slate-700 dark:bg-slate-400\" />\n {t(\"contextXray.system\", { defaultValue: \"System\" })}{\" \"}\n {formatTokens(systemTokens)}\n </span>\n <span>\n <span className=\"mr-1.5 inline-block size-2 rounded-full bg-sky-500\" />\n {t(\"contextXray.conversation\", { defaultValue: \"Conversation\" })}{\" \"}\n {formatTokens(conversationTokens)}\n </span>\n <span>\n {formatTokens(Math.max(0, budget - manifest.totalTokens))}{\" \"}\n {t(\"contextXray.free\", { defaultValue: \"free\" })}\n </span>\n </div>\n </div>\n );\n}\n\nfunction SystemSectionList({\n sections,\n totalTokens,\n}: {\n sections: ContextManifestSystemSection[];\n totalTokens: number;\n}) {\n const t = useT();\n const grouped = useMemo(() => {\n const map = new Map<\n ContextManifestSystemSection[\"provenance\"],\n ContextManifestSystemSection[]\n >();\n for (const section of sections) {\n const items = map.get(section.provenance) ?? [];\n items.push(section);\n map.set(section.provenance, items);\n }\n return PROVENANCE_ORDER.flatMap((provenance) => {\n const items = map.get(provenance);\n return items && items.length > 0 ? [{ provenance, items }] : [];\n });\n }, [sections]);\n\n return (\n <div className=\"space-y-4\">\n {grouped.map((group) => {\n const tokens = group.items.reduce(\n (sum, item) => sum + item.tokenCount,\n 0,\n );\n return (\n <section key={group.provenance}>\n <div className=\"mb-1 flex items-center justify-between gap-3\">\n <div className=\"flex min-w-0 items-center gap-2\">\n <span className=\"size-2 rounded-full bg-indigo-500\" />\n <h3 className=\"truncate text-sm font-medium\">\n {provenanceLabel(group.provenance, t)}\n </h3>\n <span className=\"text-[11px] text-muted-foreground\">\n {governanceLabel(\n group.items[0]?.governance ?? \"inherited\",\n t,\n )}\n </span>\n </div>\n <span className=\"shrink-0 text-xs tabular-nums text-muted-foreground\">\n {formatTokens(tokens)} ·{\" \"}\n {totalTokens > 0 ? Math.round((tokens / totalTokens) * 100) : 0}\n %\n </span>\n </div>\n <div className=\"divide-y divide-border/60 border-y border-border/60\">\n {group.items\n .slice()\n .sort((a, b) => b.tokenCount - a.tokenCount)\n .map((section) => (\n <div\n key={section.segmentId}\n className=\"flex gap-3 px-3 py-2.5\"\n >\n <IconLock className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\" />\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-baseline justify-between gap-3\">\n <div className=\"truncate text-sm font-medium\">\n {section.label}\n </div>\n <div className=\"shrink-0 text-xs tabular-nums text-muted-foreground\">\n {formatTokens(section.tokenCount)} ·{\" \"}\n {totalTokens > 0\n ? Math.round(\n (section.tokenCount / totalTokens) * 100,\n )\n : 0}\n %\n </div>\n </div>\n <div className=\"truncate text-xs text-muted-foreground\">\n {sourceLabel(section)}\n {section.tokenMethod === \"estimate\"\n ? \" · estimated\"\n : \"\"}\n </div>\n {section.preview ? (\n <div className=\"mt-1 line-clamp-2 text-xs text-muted-foreground/80\">\n {section.preview}\n </div>\n ) : null}\n </div>\n </div>\n ))}\n </div>\n </section>\n );\n })}\n {grouped.length === 0 ? (\n <div className=\"rounded-md border border-dashed border-border p-6 text-center text-sm text-muted-foreground\">\n {t(\"contextXray.noSystemContext\", {\n defaultValue: \"No system context is available for this scope yet.\",\n })}\n </div>\n ) : null}\n </div>\n );\n}\n\nexport function AgentContextTab({ scope }: AgentPageTabProps) {\n const t = useT();\n const [view, setView] = useState<\"list\" \| \"map\">(\"list\");\n const previewQuery = useActionQuery(\n \"context-preview-get\",\n { scope },\n { staleTime: 5_000 },\n ) as PreviewQuery;\n const threads = useChatThreads(undefined, \"agent-context-page\", null, {\n autoCreate: false,\n restoreActiveThread: false,\n });\n const latestThread = mostRecentlyUpdatedThread(threads.threads);\n const liveManifestQuery = useActionQuery(\n \"context-manifest-get\",\n latestThread ? { threadId: latestThread.id } : undefined,\n { enabled: Boolean(latestThread), staleTime: 1_000 },\n ) as ManifestQuery;\n const preview = previewQuery.data;\n const previewManifest = preview ? previewAsManifest(preview) : null;\n const budget = resolveContextWindow(preview?.model);\n const title = t(\"contextXray.pageTitle\", { defaultValue: \"Snapshots\" });\n const description = t(\"contextXray.headerDescription\", {\n defaultValue:\n \"Inspect the latest combined snapshot of what the agent loaded and why.\",\n });\n\n return (\n <AgentTabFrame\n title={title}\n description={description}\n actions={\n previewManifest ? (\n <ContextMeter manifest={previewManifest} enabled />\n ) : null\n }\n >\n <div className=\"space-y-7\">\n {previewManifest ? (\n <ContextSplitMeter manifest={previewManifest} budget={budget} />\n ) : null}\n\n <section className=\"space-y-4\">\n <div className=\"flex justify-end\">\n <div className=\"inline-flex rounded-md bg-muted/50 p-0.5\">\n <button\n type=\"button\"\n onClick={() => setView(\"list\")}\n className={cn(\n \"flex cursor-pointer items-center gap-1.5 rounded px-2.5 py-1.5 text-xs\",\n view === \"list\"\n ? \"bg-background text-foreground shadow-sm\"\n : \"text-muted-foreground\",\n )}\n >\n <IconList className=\"size-3.5\" />\n {t(\"contextXray.list\", { defaultValue: \"List\" })}\n </button>\n <button\n type=\"button\"\n onClick={() => setView(\"map\")}\n className={cn(\n \"flex cursor-pointer items-center gap-1.5 rounded px-2.5 py-1.5 text-xs\",\n view === \"map\"\n ? \"bg-background text-foreground shadow-sm\"\n : \"text-muted-foreground\",\n )}\n >\n <IconChartTreemap className=\"size-3.5\" />\n {t(\"contextXray.treemap\", { defaultValue: \"Treemap\" })}\n </button>\n </div>\n </div>\n {previewQuery.isLoading ? (\n <div className=\"rounded-md border border-border/60 p-8 text-center text-sm text-muted-foreground\">\n {t(\"contextXray.loadingPreview\", {\n defaultValue: \"Loading recent snapshot…\",\n })}\n </div>\n ) : previewQuery.error ? (\n <div className=\"rounded-md border border-dashed border-border p-8 text-center text-sm text-muted-foreground\">\n {t(\"contextXray.previewUnavailable\", {\n defaultValue: \"A recent snapshot is not available yet.\",\n })}\n </div>\n ) : previewManifest ? (\n view === \"map\" ? (\n <ContextTreemap\n segments={[]}\n systemSections={previewManifest.systemSections}\n />\n ) : (\n <SystemSectionList\n sections={previewManifest.systemSections ?? []}\n totalTokens={previewManifest.totalTokens}\n />\n )\n ) : (\n <div className=\"rounded-md border border-dashed border-border p-8 text-center text-sm text-muted-foreground\">\n {t(\"contextXray.noPreview\", {\n defaultValue:\n \"No recent snapshot is available for this scope yet.\",\n })}\n </div>\n )}\n </section>\n\n <section className=\"space-y-3\">\n <div>\n <h2 className=\"text-lg font-semibold\">\n {t(\"contextXray.liveThread\", { defaultValue: \"Live thread\" })}\n </h2>\n <p className=\"text-sm text-muted-foreground\">\n {t(\"contextXray.liveThreadDescription\", {\n defaultValue:\n \"The latest thread snapshot, when one exists. This is a single current snapshot, not an append-only history.\",\n })}\n </p>\n </div>\n {latestThread && liveManifestQuery.data ? (\n <div className=\"space-y-3 border-y border-border/60 py-4\">\n <div className=\"flex flex-wrap items-center justify-between gap-2\">\n <div className=\"min-w-0\">\n <div className=\"truncate text-sm font-medium\">\n {latestThread.title \|\|\n latestThread.preview \|\|\n t(\"contextXray.latestThread\", {\n defaultValue: \"Latest thread\",\n })}\n </div>\n <div className=\"text-xs text-muted-foreground\">\n {formatTokens(liveManifestQuery.data.totalTokens)} tokens ·{\" \"}\n {latestThread.id}\n </div>\n </div>\n <ContextMeter threadId={latestThread.id} />\n </div>\n <ContextTreemap\n segments={liveManifestQuery.data.segments}\n systemSections={liveManifestQuery.data.systemSections}\n />\n </div>\n ) : (\n <div className=\"rounded-md border border-dashed border-border p-8 text-center text-sm text-muted-foreground\">\n {t(\"contextXray.noLiveThread\", {\n defaultValue: \"No live thread snapshot is available yet.\",\n })}\n </div>\n )}\n </section>\n\n <section className=\"flex gap-3 border-t border-border/70 pt-5\">\n <IconInfoCircle className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\" />\n <div className=\"space-y-1 text-sm text-muted-foreground\">\n <p className=\"font-medium text-foreground\">\n {t(\"contextXray.orderedTokensTitle\", {\n defaultValue:\n \"Snapshots show ordered tokens, not weighted tokens.\",\n })}\n </p>\n <p>\n {t(\"contextXray.orderedTokensDescription\", {\n defaultValue:\n \"Required framework and enterprise policy come first, followed by inherited template, workspace, and organization instructions. Personal instructions and memory arrive later and can narrow or override earlier guidance where the prompt permits. These system sections are not evictable; only run-local conversation segments support pin, evict, and restore.\",\n })}\n </p>\n </div>\n </section>\n </div>\n </AgentTabFrame>\n );\n}\n"]}

package/dist/client/agent-page/AgentEmptyState.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import type { ComponentType, ReactNode } from "react";
+interface AgentEmptyStateProps {
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    title: string;
+    description?: ReactNode;
+    action?: ReactNode;
+    className?: string;
+}
+export declare function AgentEmptyState({ icon: Icon, title, description, action, className, }: AgentEmptyStateProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AgentEmptyState.d.ts.map

package/dist/client/agent-page/AgentEmptyState.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AgentEmptyState.d.ts","sourceRoot":"","sources":["../../../src/client/agent-page/AgentEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,UAAU,oBAAoB;IAC5B,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EAAE,IAAI,EACV,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,oBAAoB,+BAyBtB"}

package/dist/client/agent-page/AgentEmptyState.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../utils.js";
+export function AgentEmptyState({ icon: Icon, title, description, action, className, }) {
+    return (_jsxs("div", { className: cn("flex min-w-0 items-start gap-3 border-y border-border/60 py-5", className), children: [Icon ? (_jsx(Icon, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0 text-muted-foreground" })) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-sm font-medium text-foreground", children: title }), description ? (_jsx("p", { className: "mt-1 max-w-2xl break-words text-sm leading-relaxed text-muted-foreground", children: description })) : null, action ? _jsx("div", { className: "mt-3", children: action }) : null] })] }));
+}
+//# sourceMappingURL=AgentEmptyState.js.map

package/dist/client/agent-page/AgentEmptyState.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AgentEmptyState.js","sourceRoot":"","sources":["../../../src/client/agent-page/AgentEmptyState.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAUjC,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EAAE,IAAI,EACV,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,GACY;IACrB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,SAAS,CACV,aAEA,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,IAAI,mBACS,MAAM,EAClB,SAAS,EAAC,8CAA8C,GACxD,CACH,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,gBAAgB,aAC7B,YAAG,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAK,EAC7D,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,0EAA0E,YACpF,WAAW,GACV,CACL,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,IACjD,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type { ComponentType, ReactNode } from \"react\";\n\nimport { cn } from \"../utils.js\";\n\ninterface AgentEmptyStateProps {\n icon?: ComponentType<{ className?: string }>;\n title: string;\n description?: ReactNode;\n action?: ReactNode;\n className?: string;\n}\n\nexport function AgentEmptyState({\n icon: Icon,\n title,\n description,\n action,\n className,\n}: AgentEmptyStateProps) {\n return (\n <div\n className={cn(\n \"flex min-w-0 items-start gap-3 border-y border-border/60 py-5\",\n className,\n )}\n >\n {Icon ? (\n <Icon\n aria-hidden=\"true\"\n className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\"\n />\n ) : null}\n <div className=\"min-w-0 flex-1\">\n <p className=\"text-sm font-medium text-foreground\">{title}</p>\n {description ? (\n <p className=\"mt-1 max-w-2xl break-words text-sm leading-relaxed text-muted-foreground\">\n {description}\n </p>\n ) : null}\n {action ? <div className=\"mt-3\">{action}</div> : null}\n </div>\n </div>\n );\n}\n"]}

package/dist/client/agent-page/AgentJobsTab.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import type { AgentPageTabProps } from "./types.js";
-export declare function AgentJobsTab({ scope, canManageOrg, }: AgentPageTabProps): import("react").JSX.Element;
+export declare function AgentJobsTab({ canManageOrg }: AgentPageTabProps): import("react").JSX.Element;
 //# sourceMappingURL=AgentJobsTab.d.ts.map

package/dist/client/agent-page/AgentJobsTab.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AgentJobsTab.d.ts","sourceRoot":"","sources":["../../../src/client/agent-page/AgentJobsTab.tsx"],"names":[],"mappings":"~~AAqBA~~,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAOpD,wBAAgB,YAAY,CAAC,~~EAC3B~~,~~KAAK,EACL,~~YAAoB,~~GACrB~~,EAAE,iBAAiB,+~~BAkVnB~~"}
1	+ {"version":3,"file":"AgentJobsTab.d.ts","sourceRoot":"","sources":["../../../src/client/agent-page/AgentJobsTab.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAOpD,wBAAgB,YAAY,CAAC,EAAE,YAAoB,EAAE,EAAE,iBAAiB,+BAoZvE"}

package/dist/client/agent-page/AgentJobsTab.js CHANGED Viewed

@@ -1,16 +1,21 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "@agent-native/toolkit/ui/button";
-import { IconClock, IconEye, IconLoader2, IconPlayerPause, IconPlayerPlay, IconTrash, } from "@tabler/icons-react";
+import { IconBolt, IconCalendarEvent, IconClock, IconEye, IconLoader2, IconPlayerPause, IconPlayerPlay, IconTrash, } from "@tabler/icons-react";
 import { useState } from "react";
+import { AgentAskPopover } from "../AgentAskPopover.js";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "../components/ui/dialog.js";
 import { useFormatters, useT } from "../i18n.js";
-import { AutomationsList } from "../settings/AutomationsSection.js";
+import { automationCreationContext, AutomationsList, } from "../settings/AutomationsSection.js";
+import { AgentEmptyState } from "./AgentEmptyState.js";
+import { AgentTabFrame } from "./AgentTabFrame.js";
 import { useManageRecurringJob, useRecurringJobs, } from "./use-jobs.js";
-export function AgentJobsTab({ scope, canManageOrg = false, }) {
+export function AgentJobsTab({ canManageOrg = false }) {
     const t = useT();
     const { formatDate } = useFormatters();
-    const query = useRecurringJobs(scope);
-    const mutation = useManageRecurringJob(scope);
+    const personalQuery = useRecurringJobs("user");
+    const organizationQuery = useRecurringJobs("org");
+    const personalMutation = useManageRecurringJob("user");
+    const organizationMutation = useManageRecurringJob("org");
     const [deleteTarget, setDeleteTarget] = useState(null);
     const [detailsTarget, setDetailsTarget] = useState(null);
     const formatDateTime = (value) => {
@@ -23,71 +28,98 @@ export function AgentJobsTab({ scope, canManageOrg = false, }) {
             minute: "2-digit",
         });
     };
-    const jobs = query.data ?? [];
-    return (_jsxs("div", { className: "mx-auto flex w-full max-w-5xl flex-col gap-8 p-6 lg:p-10", children: [_jsxs("header", { className: "space-y-3", children: [_jsx("p", { className: "text-xs font-medium uppercase tracking-[0.16em] text-muted-foreground", children: t("jobs.agent", { defaultValue: "Agent" }) }), _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: t("jobs.pageTitle", { defaultValue: "Jobs" }) }), _jsx("p", { className: "mt-1 max-w-2xl text-sm leading-relaxed text-muted-foreground", children: t("jobs.pageDescription", {
-                                    defaultValue: "See recurring jobs and automations that run work for you.",
-                                }) })] })] }), _jsxs("section", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold", children: t("jobs.recurringTitle", { defaultValue: "Recurring jobs" }) }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: scope === "org"
-                                            ? t("jobs.organizationRecurringDescription", {
-                                                defaultValue: "Cron jobs shared with this organization. Members can view them; creators and admins can manage them.",
-                                            })
-                                            : t("jobs.recurringDescription", {
-                                                defaultValue: "Scheduled prompts that ask the agent to do work automatically.",
-                                            }) })] }), scope === "org" && !canManageOrg ? (_jsx("span", { className: "text-xs text-muted-foreground", children: t("jobs.organizationMemberNote", {
-                                    defaultValue: "You can manage jobs you created.",
-                                }) })) : null] }), query.isLoading ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", "aria-busy": "true", children: [_jsx(IconLoader2, { className: "size-4 animate-spin" }), t("jobs.loading", { defaultValue: "Loading…" })] })) : query.error ? (_jsx("p", { className: "text-sm text-destructive", children: t("jobs.recurringLoadError", {
-                            defaultValue: "Could not load recurring jobs.",
-                        }) })) : jobs.length === 0 ? (_jsxs("div", { className: "rounded-lg border border-dashed border-border p-6 text-center", children: [_jsx(IconClock, { className: "mx-auto size-5 text-muted-foreground" }), _jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: scope === "org"
-                                    ? t("jobs.organizationEmpty", {
-                                        defaultValue: "No organization jobs yet.",
-                                    })
-                                    : t("jobs.recurringEmpty", {
-                                        defaultValue: "No recurring jobs yet. Ask the agent: “every morning, summarize my inbox”.",
-                                    }) })] })) : (_jsx("div", { className: "space-y-3", children: jobs.map((job) => {
-                            const lastRun = formatDateTime(job.lastRun);
-                            const nextRun = formatDateTime(job.nextRun);
-                            return (_jsx("article", { className: "rounded-lg border border-border bg-card p-4", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "mt-0.5 text-muted-foreground", children: _jsx(IconClock, { className: "size-4" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("h3", { className: "truncate text-sm font-medium", children: job.name.replace(/-/g, " ") }), _jsx("span", { className: job.enabled
-                                                                ? "rounded-full bg-emerald-500/15 px-2 py-0.5 text-[10px] font-medium text-emerald-600 dark:text-emerald-400"
-                                                                : "rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: job.enabled
-                                                                ? t("jobs.enabled", { defaultValue: "Enabled" })
-                                                                : t("jobs.paused", { defaultValue: "Paused" }) }), job.lastStatus ? (_jsx("span", { className: "rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: job.lastStatus })) : null] }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: job.scheduleDescription || job.schedule }), _jsx("p", { className: "mt-1 line-clamp-2 text-xs text-muted-foreground/80", children: job.instructions }), lastRun || nextRun ? (_jsxs("div", { className: "mt-2 flex flex-wrap gap-x-4 gap-y-1 text-[11px] text-muted-foreground", children: [nextRun ? (_jsxs("span", { children: [t("jobs.nextRun", { defaultValue: "Next run" }), ":", " ", nextRun] })) : null, lastRun ? (_jsxs("span", { children: [t("jobs.lastRun", { defaultValue: "Last run" }), ":", " ", lastRun] })) : null] })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [_jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "cursor-pointer px-2 text-xs", onClick: () => setDetailsTarget(job), children: [_jsx(IconEye, { className: "size-3.5" }), t("jobs.details", { defaultValue: "Details" })] }), job.canUpdate ? (_jsxs(_Fragment, { children: [_jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "cursor-pointer px-2 text-xs", disabled: mutation.isPending, onClick: () => mutation.mutate({
-                                                                operation: "update",
-                                                                name: job.name,
-                                                                scope: job.scope,
-                                                                enabled: !job.enabled,
-                                                            }), children: [job.enabled ? (_jsx(IconPlayerPause, { className: "size-3.5" })) : (_jsx(IconPlayerPlay, { className: "size-3.5" })), job.enabled
-                                                                    ? t("jobs.pause", { defaultValue: "Pause" })
-                                                                    : t("jobs.resume", { defaultValue: "Resume" })] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "size-8 cursor-pointer text-muted-foreground hover:text-destructive", "aria-label": t("jobs.delete", {
-                                                                defaultValue: "Delete",
-                                                            }), onClick: () => setDeleteTarget(job), children: _jsx(IconTrash, { className: "size-3.5" }) })] })) : null] })] }) }, job.id));
-                        }) })), mutation.error ? (_jsx("p", { className: "text-sm text-destructive", children: mutation.error.message ||
-                            t("jobs.recurringUpdateError", {
-                                defaultValue: "Could not update recurring job.",
-                            }) })) : null] }), _jsxs("section", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold", children: t("jobs.automationsTitle", { defaultValue: "Automations" }) }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: scope === "org"
-                                    ? t("jobs.organizationAutomationsDescription", {
-                                        defaultValue: "Automations are personal today, so none are shown in the organization view.",
-                                    })
-                                    : t("jobs.automationsDescription", {
-                                        defaultValue: "Event-triggered and scheduled agent tasks managed from one place.",
-                                    }) })] }), _jsx(AutomationsList, { scope: scope, emptyMessage: scope === "org"
-                            ? t("jobs.automationsPersonalOnly", {
-                                defaultValue: "Automations are personal today.",
+    const renderRecurringSection = (title, scope, query, mutation) => {
+        const jobs = query.data ?? [];
+        return (_jsxs("section", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground/70", children: title }), _jsx("p", { className: "mt-2 max-w-2xl text-sm text-muted-foreground", children: scope === "org"
+                                        ? t("jobs.organizationRecurringDescription", {
+                                            defaultValue: "Jobs shared with this organization. Members can view them; creators and admins can manage them.",
+                                        })
+                                        : t("jobs.recurringDescription", {
+                                            defaultValue: "Scheduled prompts that ask the agent to do work automatically.",
+                                        }) })] }), scope === "org" && !canManageOrg ? (_jsx("span", { className: "text-xs text-muted-foreground", children: t("jobs.organizationMemberNote", {
+                                defaultValue: "You can manage jobs you created.",
+                            }) })) : null] }), query.isLoading ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", "aria-busy": "true", children: [_jsx(IconLoader2, { className: "size-4 animate-spin" }), t("jobs.loading", { defaultValue: "Loading…" })] })) : query.error ? (_jsx("p", { className: "text-sm text-destructive", children: t("jobs.recurringLoadError", {
+                        defaultValue: "Could not load recurring jobs.",
+                    }) })) : jobs.length === 0 ? (_jsx(AgentEmptyState, { icon: IconCalendarEvent, title: scope === "org"
+                        ? t("jobs.organizationEmptyTitle", {
+                            defaultValue: "No organization jobs yet",
+                        })
+                        : t("jobs.recurringEmptyTitle", {
+                            defaultValue: "No recurring jobs yet",
+                        }), description: scope === "org"
+                        ? t("jobs.organizationEmptyDescription", {
+                            defaultValue: "Describe a shared job for this organization.",
+                        })
+                        : t("jobs.recurringEmptyDescription", {
+                            defaultValue: "Describe what should run and when.",
+                        }), action: _jsx(AgentAskPopover, { context: scope === "org"
+                            ? "The user wants to create an organization recurring job. Create it in the organization jobs resource with the schedule and instructions from their prompt."
+                            : "The user wants to create a personal recurring job. Create it in the personal jobs resource with the schedule and instructions from their prompt.", prompt: scope === "org"
+                            ? t("jobs.organizationPrompt", {
+                                defaultValue: "Create a shared organization job that runs on a schedule and does this: ",
                             })
-                            : undefined })] }), _jsx(Dialog, { open: deleteTarget !== null, onOpenChange: (open) => {
-                    if (!open && !mutation.isPending)
+                            : t("jobs.recurringPrompt", {
+                                defaultValue: "Create a recurring job that runs on a schedule and does this: every morning, summarize my inbox.",
+                            }), title: scope === "org"
+                            ? t("jobs.organizationCreateTitle", {
+                                defaultValue: "Create an organization job",
+                            })
+                            : t("jobs.recurringCreateTitle", {
+                                defaultValue: "Create a recurring job",
+                            }) }) })) : (_jsx("div", { className: "divide-y divide-border/60 border-y border-border/60", children: jobs.map((job) => {
+                        const lastRun = formatDateTime(job.lastRun);
+                        const nextRun = formatDateTime(job.nextRun);
+                        return (_jsx("article", { className: "py-4 first:pt-5 last:pb-5", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "mt-0.5 text-muted-foreground", children: _jsx(IconClock, { className: "size-4" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("h3", { className: "truncate text-sm font-medium", children: job.name.replace(/-/g, " ") }), _jsx("span", { className: job.enabled
+                                                            ? "rounded-full bg-emerald-500/15 px-2 py-0.5 text-[10px] font-medium text-emerald-600 dark:text-emerald-400"
+                                                            : "rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: job.enabled
+                                                            ? t("jobs.enabled", { defaultValue: "Enabled" })
+                                                            : t("jobs.paused", { defaultValue: "Paused" }) }), job.lastStatus ? (_jsx("span", { className: "rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: job.lastStatus })) : null] }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: job.scheduleDescription || job.schedule }), _jsx("p", { className: "mt-1 line-clamp-2 text-xs text-muted-foreground/80", children: job.instructions }), lastRun || nextRun ? (_jsxs("div", { className: "mt-2 flex flex-wrap gap-x-4 gap-y-1 text-[11px] text-muted-foreground", children: [nextRun ? (_jsxs("span", { children: [t("jobs.nextRun", { defaultValue: "Next run" }), ":", " ", nextRun] })) : null, lastRun ? (_jsxs("span", { children: [t("jobs.lastRun", { defaultValue: "Last run" }), ":", " ", lastRun] })) : null] })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [_jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "cursor-pointer px-2 text-xs", onClick: () => setDetailsTarget(job), children: [_jsx(IconEye, { className: "size-3.5" }), t("jobs.details", { defaultValue: "Details" })] }), job.canUpdate ? (_jsxs(_Fragment, { children: [_jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "cursor-pointer px-2 text-xs", disabled: mutation.isPending, onClick: () => mutation.mutate({
+                                                            operation: "update",
+                                                            name: job.name,
+                                                            scope: job.scope,
+                                                            enabled: !job.enabled,
+                                                        }), children: [job.enabled ? (_jsx(IconPlayerPause, { className: "size-3.5" })) : (_jsx(IconPlayerPlay, { className: "size-3.5" })), job.enabled
+                                                                ? t("jobs.pause", { defaultValue: "Pause" })
+                                                                : t("jobs.resume", { defaultValue: "Resume" })] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "size-8 cursor-pointer text-muted-foreground hover:text-destructive", "aria-label": t("jobs.delete", {
+                                                            defaultValue: "Delete",
+                                                        }), onClick: () => setDeleteTarget(job), children: _jsx(IconTrash, { className: "size-3.5" }) })] })) : null] })] }) }, job.id));
+                    }) })), mutation.error ? (_jsx("p", { className: "text-sm text-destructive", children: mutation.error.message ||
+                        t("jobs.recurringUpdateError", {
+                            defaultValue: "Could not update recurring job.",
+                        }) })) : null] }));
+    };
+    const mutationPending = personalMutation.isPending || organizationMutation.isPending;
+    const deleteMutation = deleteTarget?.scope === "organization"
+        ? organizationMutation
+        : personalMutation;
+    return (_jsxs(AgentTabFrame, { title: t("jobs.pageTitle", { defaultValue: "Jobs" }), description: t("jobs.pageDescription", {
+            defaultValue: "See recurring jobs and automations that run work for you.",
+        }), children: [_jsxs("div", { className: "space-y-7", children: [renderRecurringSection("Personal", "user", personalQuery, personalMutation), renderRecurringSection("Organization", "org", organizationQuery, organizationMutation), _jsxs("section", { className: "space-y-4 border-t border-border/70 pt-6", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground/70", children: t("jobs.automationsTitle", { defaultValue: "Automations" }) }), _jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: t("jobs.automationsDescription", {
+                                            defaultValue: "Event-triggered and scheduled agent tasks managed from one place.",
+                                        }) })] }), _jsx(AutomationsList, { scope: "user", emptyState: _jsx(AgentEmptyState, { icon: IconBolt, title: t("jobs.automationsEmptyTitle", {
+                                        defaultValue: "No automations yet",
+                                    }), description: t("jobs.automationsEmptyDescription", {
+                                        defaultValue: "Describe what should happen and when.",
+                                    }), action: _jsx(AgentAskPopover, { context: automationCreationContext(), prompt: t("jobs.automationPrompt", {
+                                            defaultValue: "Create an automation that does this: ",
+                                        }), title: t("jobs.automationsCreateTitle", {
+                                            defaultValue: "Create an automation",
+                                        }) }) }) })] })] }), _jsx(Dialog, { open: deleteTarget !== null, onOpenChange: (open) => {
+                    if (!open && !mutationPending)
                         setDeleteTarget(null);
                 }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t("jobs.deleteRecurringTitle", {
                                         defaultValue: "Delete recurring job?",
                                     }) }), _jsx(DialogDescription, { children: t("jobs.deleteRecurringDescription", {
                                         defaultValue: "This permanently removes the job and cannot be undone.",
-                                    }) })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", className: "cursor-pointer", disabled: mutation.isPending, onClick: () => setDeleteTarget(null), children: t("jobs.cancel", { defaultValue: "Cancel" }) }), _jsxs(Button, { type: "button", variant: "destructive", className: "cursor-pointer", disabled: mutation.isPending, onClick: () => {
+                                    }) })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", className: "cursor-pointer", disabled: mutationPending, onClick: () => setDeleteTarget(null), children: t("jobs.cancel", { defaultValue: "Cancel" }) }), _jsxs(Button, { type: "button", variant: "destructive", className: "cursor-pointer", disabled: mutationPending, onClick: () => {
                                         if (!deleteTarget)
                                             return;
-                                        mutation.mutate({
+                                        deleteMutation.mutate({
                                             operation: "delete",
                                             name: deleteTarget.name,
                                             scope: deleteTarget.scope,
                                         }, { onSuccess: () => setDeleteTarget(null) });
-                                    }, children: [mutation.isPending ? (_jsx(IconLoader2, { className: "size-4 animate-spin" })) : null, t("jobs.delete", { defaultValue: "Delete" })] })] })] }) }), _jsx(Dialog, { open: detailsTarget !== null, onOpenChange: (open) => {
+                                    }, children: [mutationPending ? (_jsx(IconLoader2, { className: "size-4 animate-spin" })) : null, t("jobs.delete", { defaultValue: "Delete" })] })] })] }) }), _jsx(Dialog, { open: detailsTarget !== null, onOpenChange: (open) => {
                     if (!open)
                         setDetailsTarget(null);
                 }, children: _jsxs(DialogContent, { className: "max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: detailsTarget?.name.replace(/-/g, " ") ??