@agent-native/core 0.99.2 → 0.100.0

package/dist/client/agent-page/AgentContextTab.d.ts

@@ -0,0 +1,5 @@
+import { type ChatThreadSummary } from "../use-chat-threads.js";
+import type { AgentPageTabProps } from "./types.js";
+export declare function mostRecentlyUpdatedThread(threads: ChatThreadSummary[]): ChatThreadSummary | undefined;
+export declare function AgentContextTab({ scope }: AgentPageTabProps): import("react").JSX.Element;
+//# sourceMappingURL=AgentContextTab.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,202 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconChartTreemap, IconInfoCircle, IconList, IconLock, } from "@tabler/icons-react";
+import { useMemo, useState } from "react";
+import { manifestConversationTokens } from "../../shared/context-xray.js";
+import { ContextMeter } from "../context-xray/ContextMeter.js";
+import { ContextTreemap } from "../context-xray/ContextTreemap.js";
+import { formatTokens, resolveContextWindow } from "../context-xray/format.js";
+import { useT } from "../i18n.js";
+import { useActionQuery } from "../use-action.js";
+import { useChatThreads } from "../use-chat-threads.js";
+import { cn } from "../utils.js";
+export function mostRecentlyUpdatedThread(threads) {
+    return threads.reduce((latest, thread) => !latest || thread.updatedAt > latest.updatedAt ? thread : latest, undefined);
+}
+const PROVENANCE_ORDER = [
+    "framework-core",
+    "actions-prompt",
+    "enterprise-workspace-core",
+    "template",
+    "sql-workspace",
+    "legacy-app-default",
+    "organization",
+    "personal",
+    "memory",
+    "db-schema",
+    "tools",
+    "model-overlay",
+    "runtime-context",
+];
+function provenanceLabel(provenance, t) {
+    switch (provenance) {
+        case "framework-core":
+            return t("contextXray.provenance.frameworkCore", {
+                defaultValue: "Framework",
+            });
+        case "actions-prompt":
+            return t("contextXray.provenance.actionsPrompt", {
+                defaultValue: "Actions",
+            });
+        case "template":
+            return t("contextXray.provenance.template", {
+                defaultValue: "Template",
+            });
+        case "enterprise-workspace-core":
+            return t("contextXray.provenance.enterpriseWorkspaceCore", {
+                defaultValue: "Enterprise workspace core",
+            });
+        case "sql-workspace":
+            return t("contextXray.provenance.sqlWorkspace", {
+                defaultValue: "Workspace",
+            });
+        case "legacy-app-default":
+            return t("contextXray.provenance.legacyAppDefault", {
+                defaultValue: "App defaults",
+            });
+        case "organization":
+            return t("contextXray.provenance.organization", {
+                defaultValue: "Organization",
+            });
+        case "personal":
+            return t("contextXray.provenance.personal", {
+                defaultValue: "Personal",
+            });
+        case "memory":
+            return t("contextXray.provenance.memory", {
+                defaultValue: "Memory",
+            });
+        case "db-schema":
+            return t("contextXray.provenance.dbSchema", {
+                defaultValue: "SQL schema",
+            });
+        case "tools":
+            return t("contextXray.provenance.tools", { defaultValue: "Tools" });
+        case "model-overlay":
+            return t("contextXray.provenance.modelOverlay", {
+                defaultValue: "Model overlay",
+            });
+        case "runtime-context":
+            return t("contextXray.provenance.runtimeContext", {
+                defaultValue: "Runtime context",
+            });
+    }
+}
+function governanceLabel(governance, t) {
+    switch (governance) {
+        case "required":
+            return t("contextXray.governance.required", {
+                defaultValue: "Required",
+            });
+        case "inherited":
+            return t("contextXray.governance.inherited", {
+                defaultValue: "Inherited",
+            });
+        case "user":
+            return t("contextXray.governance.user", {
+                defaultValue: "Your context",
+            });
+    }
+}
+function sourceLabel(section) {
+    return (section.sourceRef?.path ??
+        section.sourceRef?.resourceId ??
+        section.sourceRef?.scope ??
+        "framework");
+}
+function previewAsManifest(preview) {
+    return {
+        threadId: "context-preview",
+        computedAt: preview.computedAt,
+        ...(preview.model ? { model: preview.model } : {}),
+        totalTokens: preview.totalTokens,
+        rawTokens: preview.totalTokens,
+        reclaimedTokens: 0,
+        tokenCountMethod: preview.tokenCountMethod,
+        conversationTokens: 0,
+        systemTokens: preview.systemTokens,
+        source: "preview",
+        enforceable: false,
+        segments: [],
+        systemSections: preview.sections,
+    };
+}
+function ContextSplitMeter({ manifest, budget, }) {
+    const t = useT();
+    const systemTokens = manifest.systemTokens ?? 0;
+    const conversationTokens = manifestConversationTokens(manifest);
+    const total = Math.max(1, systemTokens + conversationTokens);
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex h-2 overflow-hidden rounded-full bg-muted", children: [_jsx("div", { className: "bg-slate-700 dark:bg-slate-400", style: { width: `${(systemTokens / total) * 100}%` } }), _jsx("div", { className: "bg-sky-500", style: { width: `${(conversationTokens / total) * 100}%` } })] }), _jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [_jsxs("span", { children: [_jsx("span", { className: "mr-1.5 inline-block size-2 rounded-full bg-slate-700 dark:bg-slate-400" }), t("contextXray.system", { defaultValue: "System" }), " ", formatTokens(systemTokens)] }), _jsxs("span", { children: [_jsx("span", { className: "mr-1.5 inline-block size-2 rounded-full bg-sky-500" }), t("contextXray.conversation", { defaultValue: "Conversation" }), " ", formatTokens(conversationTokens)] }), _jsxs("span", { children: [formatTokens(Math.max(0, budget - manifest.totalTokens)), " ", t("contextXray.free", { defaultValue: "free" })] })] })] }));
+}
+function SystemSectionList({ sections, totalTokens, }) {
+    const t = useT();
+    const grouped = useMemo(() => {
+        const map = new Map();
+        for (const section of sections) {
+            const items = map.get(section.provenance) ?? [];
+            items.push(section);
+            map.set(section.provenance, items);
+        }
+        return PROVENANCE_ORDER.flatMap((provenance) => {
+            const items = map.get(provenance);
+            return items && items.length > 0 ? [{ provenance, items }] : [];
+        });
+    }, [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
+                                .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
+                                                                ? Math.round((section.tokenCount / totalTokens) * 100)
+                                                                : 0, "%"] })] }), _jsxs("div", { className: "truncate text-xs text-muted-foreground", children: [sourceLabel(section), section.tokenMethod === "estimate"
+                                                        ? " · estimated"
+                                                        : ""] }), section.preview ? (_jsx("div", { className: "mt-1 line-clamp-2 text-xs text-muted-foreground/80", children: section.preview })) : null] })] }, section.segmentId))) })] }, group.provenance));
+            }), grouped.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed border-border p-6 text-center text-sm text-muted-foreground", children: t("contextXray.noSystemContext", {
+                    defaultValue: "No system context is available for this scope yet.",
+                }) })) : null] }));
+}
+export function AgentContextTab({ scope }) {
+    const t = useT();
+    const [view, setView] = useState("list");
+    const previewQuery = useActionQuery("context-preview-get", { scope }, { staleTime: 5_000 });
+    const threads = useChatThreads(undefined, "agent-context-page", null, {
+        autoCreate: false,
+        restoreActiveThread: false,
+    });
+    const latestThread = mostRecentlyUpdatedThread(threads.threads);
+    const liveManifestQuery = useActionQuery("context-manifest-get", latestThread ? { threadId: latestThread.id } : undefined, { enabled: Boolean(latestThread), staleTime: 1_000 });
+    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"
+                                            ? "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.",
+                                }) })] })] })] }));
+}
+//# sourceMappingURL=AgentContextTab.js.map

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

@@ -0,0 +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 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"]}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,98 @@
+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 { useState } from "react";
+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 { useManageRecurringJob, useRecurringJobs, } from "./use-jobs.js";
+export function AgentJobsTab({ scope, canManageOrg = false, }) {
+    const t = useT();
+    const { formatDate } = useFormatters();
+    const query = useRecurringJobs(scope);
+    const mutation = useManageRecurringJob(scope);
+    const [deleteTarget, setDeleteTarget] = useState(null);
+    const [detailsTarget, setDetailsTarget] = useState(null);
+    const formatDateTime = (value) => {
+        if (!value || Number.isNaN(new Date(value).getTime()))
+            return null;
+        return formatDate(value, {
+            month: "short",
+            day: "numeric",
+            hour: "numeric",
+            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.",
+                            })
+                            : undefined })] }), _jsx(Dialog, { open: deleteTarget !== null, onOpenChange: (open) => {
+                    if (!open && !mutation.isPending)
+                        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: () => {
+                                        if (!deleteTarget)
+                                            return;
+                                        mutation.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) => {
+                    if (!open)
+                        setDetailsTarget(null);
+                }, children: _jsxs(DialogContent, { className: "max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: detailsTarget?.name.replace(/-/g, " ") ??
+                                        t("jobs.recurringDetails", {
+                                            defaultValue: "Recurring job details",
+                                        }) }), _jsx(DialogDescription, { children: detailsTarget?.scheduleDescription || detailsTarget?.schedule })] }), detailsTarget ? (_jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: t("jobs.instructions", { defaultValue: "Instructions" }) }), _jsx("p", { className: "mt-1 whitespace-pre-wrap text-sm text-muted-foreground", children: detailsTarget.instructions })] })) : null] }) })] }));
+}
+//# sourceMappingURL=AgentJobsTab.js.map

package/dist/client/agent-page/AgentJobsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentJobsTab.js","sourceRoot":"","sources":["../../../src/client/agent-page/AgentJobsTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EACL,SAAS,EACT,OAAO,EACP,WAAW,EACX,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,OAAO,EACL,qBAAqB,EACrB,gBAAgB,GAEjB,MAAM,eAAe,CAAC;AAEvB,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,GAAG,KAAK,GACF;IAClB,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IACvC,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC,CAAC;IAC5E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC,CAAC;IAE9E,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC9C,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC;YAAE,OAAO,IAAI,CAAC;QACnE,OAAO,UAAU,CAAC,KAAK,EAAE;YACvB,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,SAAS;YACd,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;SAClB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;IAE9B,OAAO,CACL,eAAK,SAAS,EAAC,0DAA0D,aACvE,kBAAQ,SAAS,EAAC,WAAW,aAC3B,YAAG,SAAS,EAAC,uEAAuE,YACjF,CAAC,CAAC,YAAY,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,GACzC,EACJ,0BACE,aAAI,SAAS,EAAC,uCAAuC,YAClD,CAAC,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,GAC3C,EACL,YAAG,SAAS,EAAC,8DAA8D,YACxE,CAAC,CAAC,sBAAsB,EAAE;oCACzB,YAAY,EACV,2DAA2D;iCAC9D,CAAC,GACA,IACA,IACC,EAET,mBAAS,SAAS,EAAC,WAAW,aAC5B,eAAK,SAAS,EAAC,gDAAgD,aAC7D,0BACE,aAAI,SAAS,EAAC,uBAAuB,YAClC,CAAC,CAAC,qBAAqB,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC,GAC1D,EACL,YAAG,SAAS,EAAC,oCAAoC,YAC9C,KAAK,KAAK,KAAK;4CACd,CAAC,CAAC,CAAC,CAAC,uCAAuC,EAAE;gDACzC,YAAY,EACV,sGAAsG;6CACzG,CAAC;4CACJ,CAAC,CAAC,CAAC,CAAC,2BAA2B,EAAE;gDAC7B,YAAY,EACV,gEAAgE;6CACnE,CAAC,GACJ,IACA,EACL,KAAK,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAClC,eAAM,SAAS,EAAC,+BAA+B,YAC5C,CAAC,CAAC,6BAA6B,EAAE;oCAChC,YAAY,EAAE,kCAAkC;iCACjD,CAAC,GACG,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EAEL,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB,eACE,SAAS,EAAC,uDAAuD,eACvD,MAAM,aAEhB,KAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB,GAAG,EAC9C,CAAC,CAAC,cAAc,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,IAC5C,CACP,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAChB,YAAG,SAAS,EAAC,0BAA0B,YACpC,CAAC,CAAC,yBAAyB,EAAE;4BAC5B,YAAY,EAAE,gCAAgC;yBAC/C,CAAC,GACA,CACL,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,eAAK,SAAS,EAAC,+DAA+D,aAC5E,KAAC,SAAS,IAAC,SAAS,EAAC,sCAAsC,GAAG,EAC9D,YAAG,SAAS,EAAC,oCAAoC,YAC9C,KAAK,KAAK,KAAK;oCACd,CAAC,CAAC,CAAC,CAAC,wBAAwB,EAAE;wCAC1B,YAAY,EAAE,2BAA2B;qCAC1C,CAAC;oCACJ,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE;wCACvB,YAAY,EACV,4EAA4E;qCAC/E,CAAC,GACJ,IACA,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,WAAW,YACvB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;4BAChB,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;4BAC5C,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;4BAC5C,OAAO,CACL,kBAEE,SAAS,EAAC,6CAA6C,YAEvD,eAAK,SAAS,EAAC,wBAAwB,aACrC,cAAK,SAAS,EAAC,8BAA8B,YAC3C,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,GAC5B,EACN,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eAAK,SAAS,EAAC,mCAAmC,aAChD,aAAI,SAAS,EAAC,8BAA8B,YACzC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GACzB,EACL,eACE,SAAS,EACP,GAAG,CAAC,OAAO;gEACT,CAAC,CAAC,2GAA2G;gEAC7G,CAAC,CAAC,iFAAiF,YAGtF,GAAG,CAAC,OAAO;gEACV,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;gEAChD,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,GAC3C,EACN,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAChB,eAAM,SAAS,EAAC,iFAAiF,YAC9F,GAAG,CAAC,UAAU,GACV,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,YAAG,SAAS,EAAC,oCAAoC,YAC9C,GAAG,CAAC,mBAAmB,IAAI,GAAG,CAAC,QAAQ,GACtC,EACJ,YAAG,SAAS,EAAC,oDAAoD,YAC9D,GAAG,CAAC,YAAY,GACf,EACH,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CACpB,eAAK,SAAS,EAAC,uEAAuE,aACnF,OAAO,CAAC,CAAC,CAAC,CACT,2BACG,CAAC,CAAC,cAAc,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,OAAG,GAAG,EACrD,OAAO,IACH,CACR,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,CACT,2BACG,CAAC,CAAC,cAAc,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,OAAG,GAAG,EACrD,OAAO,IACH,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,eAAK,SAAS,EAAC,kCAAkC,aAC/C,MAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,aAEpC,KAAC,OAAO,IAAC,SAAS,EAAC,UAAU,GAAG,EAC/B,CAAC,CAAC,cAAc,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,IACxC,EACR,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CACf,8BACE,MAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,6BAA6B,EACvC,QAAQ,EAAE,QAAQ,CAAC,SAAS,EAC5B,OAAO,EAAE,GAAG,EAAE,CACZ,QAAQ,CAAC,MAAM,CAAC;gEACd,SAAS,EAAE,QAAQ;gEACnB,IAAI,EAAE,GAAG,CAAC,IAAI;gEACd,KAAK,EAAE,GAAG,CAAC,KAAK;gEAChB,OAAO,EAAE,CAAC,GAAG,CAAC,OAAO;6DACtB,CAAC,aAGH,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,KAAC,eAAe,IAAC,SAAS,EAAC,UAAU,GAAG,CACzC,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IAAC,SAAS,EAAC,UAAU,GAAG,CACxC,EACA,GAAG,CAAC,OAAO;oEACV,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;oEAC5C,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,IACzC,EACT,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,oEAAoE,gBAClE,CAAC,CAAC,aAAa,EAAE;gEAC3B,YAAY,EAAE,QAAQ;6DACvB,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,YAEnC,KAAC,SAAS,IAAC,SAAS,EAAC,UAAU,GAAG,GAC3B,IACR,CACJ,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,IAxGD,GAAG,CAAC,EAAE,CAyGH,CACX,CAAC;wBACJ,CAAC,CAAC,GACE,CACP,EACA,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAChB,YAAG,SAAS,EAAC,0BAA0B,YACpC,QAAQ,CAAC,KAAK,CAAC,OAAO;4BACrB,CAAC,CAAC,2BAA2B,EAAE;gCAC7B,YAAY,EAAE,iCAAiC;6BAChD,CAAC,GACF,CACL,CAAC,CAAC,CAAC,IAAI,IACA,EAEV,mBAAS,SAAS,EAAC,WAAW,aAC5B,0BACE,aAAI,SAAS,EAAC,uBAAuB,YAClC,CAAC,CAAC,uBAAuB,EAAE,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,GACzD,EACL,YAAG,SAAS,EAAC,oCAAoC,YAC9C,KAAK,KAAK,KAAK;oCACd,CAAC,CAAC,CAAC,CAAC,yCAAyC,EAAE;wCAC3C,YAAY,EACV,6EAA6E;qCAChF,CAAC;oCACJ,CAAC,CAAC,CAAC,CAAC,6BAA6B,EAAE;wCAC/B,YAAY,EACV,mEAAmE;qCACtE,CAAC,GACJ,IACA,EACN,KAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,YAAY,EACV,KAAK,KAAK,KAAK;4BACb,CAAC,CAAC,CAAC,CAAC,8BAA8B,EAAE;gCAChC,YAAY,EAAE,iCAAiC;6BAChD,CAAC;4BACJ,CAAC,CAAC,SAAS,GAEf,IACM,EAEV,KAAC,MAAM,IACL,IAAI,EAAE,YAAY,KAAK,IAAI,EAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;oBACrB,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS;wBAAE,eAAe,CAAC,IAAI,CAAC,CAAC;gBAC1D,CAAC,YAED,MAAC,aAAa,eACZ,MAAC,YAAY,eACX,KAAC,WAAW,cACT,CAAC,CAAC,2BAA2B,EAAE;wCAC9B,YAAY,EAAE,uBAAuB;qCACtC,CAAC,GACU,EACd,KAAC,iBAAiB,cACf,CAAC,CAAC,iCAAiC,EAAE;wCACpC,YAAY,EACV,wDAAwD;qCAC3D,CAAC,GACgB,IACP,EACf,MAAC,YAAY,eACX,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,gBAAgB,EAC1B,QAAQ,EAAE,QAAQ,CAAC,SAAS,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,YAEnC,CAAC,CAAC,aAAa,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,GACtC,EACT,MAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,gBAAgB,EAC1B,QAAQ,EAAE,QAAQ,CAAC,SAAS,EAC5B,OAAO,EAAE,GAAG,EAAE;wCACZ,IAAI,CAAC,YAAY;4CAAE,OAAO;wCAC1B,QAAQ,CAAC,MAAM,CACb;4CACE,SAAS,EAAE,QAAQ;4CACnB,IAAI,EAAE,YAAY,CAAC,IAAI;4CACvB,KAAK,EAAE,YAAY,CAAC,KAAK;yCAC1B,EACD,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAC3C,CAAC;oCACJ,CAAC,aAEA,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CACpB,KAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB,GAAG,CAChD,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,CAAC,aAAa,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,IACtC,IACI,IACD,GACT,EAET,KAAC,MAAM,IACL,IAAI,EAAE,aAAa,KAAK,IAAI,EAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;oBACrB,IAAI,CAAC,IAAI;wBAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACpC,CAAC,YAED,MAAC,aAAa,IAAC,SAAS,EAAC,WAAW,aAClC,MAAC,YAAY,eACX,KAAC,WAAW,cACT,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;wCACrC,CAAC,CAAC,uBAAuB,EAAE;4CACzB,YAAY,EAAE,uBAAuB;yCACtC,CAAC,GACQ,EACd,KAAC,iBAAiB,cACf,aAAa,EAAE,mBAAmB,IAAI,aAAa,EAAE,QAAQ,GAC5C,IACP,EACd,aAAa,CAAC,CAAC,CAAC,CACf,0BACE,YAAG,SAAS,EAAC,qCAAqC,YAC/C,CAAC,CAAC,mBAAmB,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC,GACvD,EACJ,YAAG,SAAS,EAAC,wDAAwD,YAClE,aAAa,CAAC,YAAY,GACzB,IACA,CACP,CAAC,CAAC,CAAC,IAAI,IACM,GACT,IACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { Button } from \"@agent-native/toolkit/ui/button\";\nimport {\n  IconClock,\n  IconEye,\n  IconLoader2,\n  IconPlayerPause,\n  IconPlayerPlay,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { useState } from \"react\";\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"../components/ui/dialog.js\";\nimport { useFormatters, useT } from \"../i18n.js\";\nimport { AutomationsList } from \"../settings/AutomationsSection.js\";\nimport type { AgentPageTabProps } from \"./types.js\";\nimport {\n  useManageRecurringJob,\n  useRecurringJobs,\n  type RecurringJob,\n} from \"./use-jobs.js\";\n\nexport function AgentJobsTab({\n  scope,\n  canManageOrg = false,\n}: AgentPageTabProps) {\n  const t = useT();\n  const { formatDate } = useFormatters();\n  const query = useRecurringJobs(scope);\n  const mutation = useManageRecurringJob(scope);\n  const [deleteTarget, setDeleteTarget] = useState<RecurringJob | null>(null);\n  const [detailsTarget, setDetailsTarget] = useState<RecurringJob | null>(null);\n\n  const formatDateTime = (value: string | null) => {\n    if (!value || Number.isNaN(new Date(value).getTime())) return null;\n    return formatDate(value, {\n      month: \"short\",\n      day: \"numeric\",\n      hour: \"numeric\",\n      minute: \"2-digit\",\n    });\n  };\n\n  const jobs = query.data ?? [];\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        <p className=\"text-xs font-medium uppercase tracking-[0.16em] text-muted-foreground\">\n          {t(\"jobs.agent\", { defaultValue: \"Agent\" })}\n        </p>\n        <div>\n          <h1 className=\"text-2xl font-semibold tracking-tight\">\n            {t(\"jobs.pageTitle\", { defaultValue: \"Jobs\" })}\n          </h1>\n          <p className=\"mt-1 max-w-2xl text-sm leading-relaxed text-muted-foreground\">\n            {t(\"jobs.pageDescription\", {\n              defaultValue:\n                \"See recurring jobs and automations that run work for you.\",\n            })}\n          </p>\n        </div>\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(\"jobs.recurringTitle\", { defaultValue: \"Recurring jobs\" })}\n            </h2>\n            <p className=\"mt-1 text-sm text-muted-foreground\">\n              {scope === \"org\"\n                ? t(\"jobs.organizationRecurringDescription\", {\n                    defaultValue:\n                      \"Cron jobs shared with this organization. Members can view them; creators and admins can manage them.\",\n                  })\n                : t(\"jobs.recurringDescription\", {\n                    defaultValue:\n                      \"Scheduled prompts that ask the agent to do work automatically.\",\n                  })}\n            </p>\n          </div>\n          {scope === \"org\" && !canManageOrg ? (\n            <span className=\"text-xs text-muted-foreground\">\n              {t(\"jobs.organizationMemberNote\", {\n                defaultValue: \"You can manage jobs you created.\",\n              })}\n            </span>\n          ) : null}\n        </div>\n\n        {query.isLoading ? (\n          <div\n            className=\"flex items-center gap-2 text-sm text-muted-foreground\"\n            aria-busy=\"true\"\n          >\n            <IconLoader2 className=\"size-4 animate-spin\" />\n            {t(\"jobs.loading\", { defaultValue: \"Loading…\" })}\n          </div>\n        ) : query.error ? (\n          <p className=\"text-sm text-destructive\">\n            {t(\"jobs.recurringLoadError\", {\n              defaultValue: \"Could not load recurring jobs.\",\n            })}\n          </p>\n        ) : jobs.length === 0 ? (\n          <div className=\"rounded-lg border border-dashed border-border p-6 text-center\">\n            <IconClock className=\"mx-auto size-5 text-muted-foreground\" />\n            <p className=\"mt-2 text-sm text-muted-foreground\">\n              {scope === \"org\"\n                ? t(\"jobs.organizationEmpty\", {\n                    defaultValue: \"No organization jobs yet.\",\n                  })\n                : t(\"jobs.recurringEmpty\", {\n                    defaultValue:\n                      \"No recurring jobs yet. Ask the agent: “every morning, summarize my inbox”.\",\n                  })}\n            </p>\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            {jobs.map((job) => {\n              const lastRun = formatDateTime(job.lastRun);\n              const nextRun = formatDateTime(job.nextRun);\n              return (\n                <article\n                  key={job.id}\n                  className=\"rounded-lg border border-border bg-card p-4\"\n                >\n                  <div className=\"flex items-start gap-3\">\n                    <div className=\"mt-0.5 text-muted-foreground\">\n                      <IconClock className=\"size-4\" />\n                    </div>\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"flex flex-wrap items-center gap-2\">\n                        <h3 className=\"truncate text-sm font-medium\">\n                          {job.name.replace(/-/g, \" \")}\n                        </h3>\n                        <span\n                          className={\n                            job.enabled\n                              ? \"rounded-full bg-emerald-500/15 px-2 py-0.5 text-[10px] font-medium text-emerald-600 dark:text-emerald-400\"\n                              : \"rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\"\n                          }\n                        >\n                          {job.enabled\n                            ? t(\"jobs.enabled\", { defaultValue: \"Enabled\" })\n                            : t(\"jobs.paused\", { defaultValue: \"Paused\" })}\n                        </span>\n                        {job.lastStatus ? (\n                          <span className=\"rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                            {job.lastStatus}\n                          </span>\n                        ) : null}\n                      </div>\n                      <p className=\"mt-1 text-sm text-muted-foreground\">\n                        {job.scheduleDescription || job.schedule}\n                      </p>\n                      <p className=\"mt-1 line-clamp-2 text-xs text-muted-foreground/80\">\n                        {job.instructions}\n                      </p>\n                      {lastRun || nextRun ? (\n                        <div className=\"mt-2 flex flex-wrap gap-x-4 gap-y-1 text-[11px] text-muted-foreground\">\n                          {nextRun ? (\n                            <span>\n                              {t(\"jobs.nextRun\", { defaultValue: \"Next run\" })}:{\" \"}\n                              {nextRun}\n                            </span>\n                          ) : null}\n                          {lastRun ? (\n                            <span>\n                              {t(\"jobs.lastRun\", { defaultValue: \"Last run\" })}:{\" \"}\n                              {lastRun}\n                            </span>\n                          ) : null}\n                        </div>\n                      ) : null}\n                    </div>\n                    <div className=\"flex shrink-0 items-center gap-1\">\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"cursor-pointer px-2 text-xs\"\n                        onClick={() => setDetailsTarget(job)}\n                      >\n                        <IconEye className=\"size-3.5\" />\n                        {t(\"jobs.details\", { defaultValue: \"Details\" })}\n                      </Button>\n                      {job.canUpdate ? (\n                        <>\n                          <Button\n                            type=\"button\"\n                            variant=\"ghost\"\n                            size=\"sm\"\n                            className=\"cursor-pointer px-2 text-xs\"\n                            disabled={mutation.isPending}\n                            onClick={() =>\n                              mutation.mutate({\n                                operation: \"update\",\n                                name: job.name,\n                                scope: job.scope,\n                                enabled: !job.enabled,\n                              })\n                            }\n                          >\n                            {job.enabled ? (\n                              <IconPlayerPause className=\"size-3.5\" />\n                            ) : (\n                              <IconPlayerPlay className=\"size-3.5\" />\n                            )}\n                            {job.enabled\n                              ? t(\"jobs.pause\", { defaultValue: \"Pause\" })\n                              : t(\"jobs.resume\", { defaultValue: \"Resume\" })}\n                          </Button>\n                          <Button\n                            type=\"button\"\n                            variant=\"ghost\"\n                            size=\"icon\"\n                            className=\"size-8 cursor-pointer text-muted-foreground hover:text-destructive\"\n                            aria-label={t(\"jobs.delete\", {\n                              defaultValue: \"Delete\",\n                            })}\n                            onClick={() => setDeleteTarget(job)}\n                          >\n                            <IconTrash className=\"size-3.5\" />\n                          </Button>\n                        </>\n                      ) : null}\n                    </div>\n                  </div>\n                </article>\n              );\n            })}\n          </div>\n        )}\n        {mutation.error ? (\n          <p className=\"text-sm text-destructive\">\n            {mutation.error.message ||\n              t(\"jobs.recurringUpdateError\", {\n                defaultValue: \"Could not update recurring job.\",\n              })}\n          </p>\n        ) : null}\n      </section>\n\n      <section className=\"space-y-4\">\n        <div>\n          <h2 className=\"text-lg font-semibold\">\n            {t(\"jobs.automationsTitle\", { defaultValue: \"Automations\" })}\n          </h2>\n          <p className=\"mt-1 text-sm text-muted-foreground\">\n            {scope === \"org\"\n              ? t(\"jobs.organizationAutomationsDescription\", {\n                  defaultValue:\n                    \"Automations are personal today, so none are shown in the organization view.\",\n                })\n              : t(\"jobs.automationsDescription\", {\n                  defaultValue:\n                    \"Event-triggered and scheduled agent tasks managed from one place.\",\n                })}\n          </p>\n        </div>\n        <AutomationsList\n          scope={scope}\n          emptyMessage={\n            scope === \"org\"\n              ? t(\"jobs.automationsPersonalOnly\", {\n                  defaultValue: \"Automations are personal today.\",\n                })\n              : undefined\n          }\n        />\n      </section>\n\n      <Dialog\n        open={deleteTarget !== null}\n        onOpenChange={(open) => {\n          if (!open && !mutation.isPending) setDeleteTarget(null);\n        }}\n      >\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>\n              {t(\"jobs.deleteRecurringTitle\", {\n                defaultValue: \"Delete recurring job?\",\n              })}\n            </DialogTitle>\n            <DialogDescription>\n              {t(\"jobs.deleteRecurringDescription\", {\n                defaultValue:\n                  \"This permanently removes the job and cannot be undone.\",\n              })}\n            </DialogDescription>\n          </DialogHeader>\n          <DialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              className=\"cursor-pointer\"\n              disabled={mutation.isPending}\n              onClick={() => setDeleteTarget(null)}\n            >\n              {t(\"jobs.cancel\", { defaultValue: \"Cancel\" })}\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"destructive\"\n              className=\"cursor-pointer\"\n              disabled={mutation.isPending}\n              onClick={() => {\n                if (!deleteTarget) return;\n                mutation.mutate(\n                  {\n                    operation: \"delete\",\n                    name: deleteTarget.name,\n                    scope: deleteTarget.scope,\n                  },\n                  { onSuccess: () => setDeleteTarget(null) },\n                );\n              }}\n            >\n              {mutation.isPending ? (\n                <IconLoader2 className=\"size-4 animate-spin\" />\n              ) : null}\n              {t(\"jobs.delete\", { defaultValue: \"Delete\" })}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n\n      <Dialog\n        open={detailsTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) setDetailsTarget(null);\n        }}\n      >\n        <DialogContent className=\"max-w-2xl\">\n          <DialogHeader>\n            <DialogTitle>\n              {detailsTarget?.name.replace(/-/g, \" \") ??\n                t(\"jobs.recurringDetails\", {\n                  defaultValue: \"Recurring job details\",\n                })}\n            </DialogTitle>\n            <DialogDescription>\n              {detailsTarget?.scheduleDescription || detailsTarget?.schedule}\n            </DialogDescription>\n          </DialogHeader>\n          {detailsTarget ? (\n            <div>\n              <p className=\"text-xs font-medium text-foreground\">\n                {t(\"jobs.instructions\", { defaultValue: \"Instructions\" })}\n              </p>\n              <p className=\"mt-1 whitespace-pre-wrap text-sm text-muted-foreground\">\n                {detailsTarget.instructions}\n              </p>\n            </div>\n          ) : null}\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n}\n"]}

package/dist/client/agent-page/AgentTabsPage.d.ts

@@ -0,0 +1,20 @@
+import type { SettingsTabItem } from "../settings/SettingsTabsPage.js";
+export interface AgentTabsPageProps {
+    /**
+     * Human-readable app name used in the Access tab's connect instructions
+     * (e.g. "name it Mail"). Falls back to the `og:site_name` meta tag, then a
+     * hostname-derived guess — never `document.title`, which this page owns.
+     */
+    appName?: string;
+    extraTabs?: SettingsTabItem[];
+    defaultTab?: string;
+    className?: string;
+    /** Whether to render the Agent page search box. Defaults to true. */
+    enableSearch?: boolean;
+    searchPlaceholder?: string;
+    hiddenTabs?: string[];
+    value?: string;
+    onValueChange?: (tabId: string) => void;
+}
+export declare function AgentTabsPage({ appName, extraTabs, defaultTab, className, enableSearch, searchPlaceholder, hiddenTabs, value, onValueChange, }: AgentTabsPageProps): import("react").JSX.Element;
+//# sourceMappingURL=AgentTabsPage.d.ts.map

package/dist/client/agent-page/AgentTabsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentTabsPage.d.ts","sourceRoot":"","sources":["../../../src/client/agent-page/AgentTabsPage.tsx"],"names":[],"mappings":"AAkDA,OAAO,KAAK,EAEV,eAAe,EAChB,MAAM,iCAAiC,CAAC;AAmjBzC,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAc,EACd,UAAsB,EACtB,SAAS,EACT,YAAmB,EACnB,iBAA2C,EAC3C,UAAe,EACf,KAAK,EACL,aAAa,GACd,EAAE,kBAAkB,+BAubpB"}