@open-mercato/ai-assistant 0.5.1-develop.3036.f02c281f23 → 0.5.1-develop.3045.b4b3320cc2

package/dist/modules/ai_assistant/backend/config/ai-assistant/agents/AiAgentSettingsPageClient.js

@@ -0,0 +1,1111 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import {
+  AlertCircle,
+  Bot,
+  BookOpen,
+  CheckCircle2,
+  History,
+  Image as ImageIcon,
+  FileText,
+  Loader2,
+  Lock,
+  Paperclip,
+  RefreshCcw,
+  Save,
+  ShieldAlert,
+  Trash2,
+  Wand2,
+  Wrench
+} from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Alert, AlertDescription, AlertTitle } from "@open-mercato/ui/primitives/alert";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+import { Switch } from "@open-mercato/ui/primitives/switch";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "@open-mercato/ui/primitives/tooltip";
+import { EmptyState } from "@open-mercato/ui/backend/EmptyState";
+import { apiCall, apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { useAiShortcuts } from "@open-mercato/ui/ai";
+const PROMPT_SECTION_IDS = [
+  "role",
+  "scope",
+  "data",
+  "tools",
+  "attachments",
+  "mutationPolicy",
+  "responseStyle",
+  "overrides"
+];
+const mutationPolicyStatusMap = {
+  "read-only": "neutral",
+  "confirm-required": "warning",
+  "destructive-confirm-required": "error"
+};
+const executionModeStatusMap = {
+  chat: "info",
+  object: "success"
+};
+const mediaTypeIconMap = {
+  image: ImageIcon,
+  pdf: FileText,
+  file: Paperclip
+};
+async function fetchAgents() {
+  const { result, status } = await apiCallOrThrow(
+    "/api/ai_assistant/ai/agents",
+    { method: "GET", credentials: "include" },
+    { errorMessage: "Failed to load agents" }
+  );
+  if (!result) throw new Error(`Failed to load agents (${status})`);
+  return result;
+}
+async function fetchOverride(agentId) {
+  const { result, status } = await apiCallOrThrow(
+    `/api/ai_assistant/ai/agents/${encodeURIComponent(agentId)}/prompt-override`,
+    { method: "GET", credentials: "include" },
+    { errorMessage: "Failed to load prompt override" }
+  );
+  if (!result) throw new Error(`Failed to load prompt override (${status})`);
+  return result;
+}
+const MUTATION_POLICY_OPTIONS = [
+  "read-only",
+  "destructive-confirm-required",
+  "confirm-required"
+];
+const POLICY_RESTRICTIVENESS_UI = {
+  "read-only": 0,
+  "destructive-confirm-required": 1,
+  "confirm-required": 2
+};
+async function fetchMutationPolicy(agentId) {
+  const { result, status } = await apiCallOrThrow(
+    `/api/ai_assistant/ai/agents/${encodeURIComponent(agentId)}/mutation-policy`,
+    { method: "GET", credentials: "include" },
+    { errorMessage: "Failed to load mutation policy" }
+  );
+  if (!result) throw new Error(`Failed to load mutation policy (${status})`);
+  return result;
+}
+function SettingsLoading({ message }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center gap-2 rounded-lg border border-border bg-background p-4 text-sm text-muted-foreground",
+      role: "status",
+      children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": true }),
+        /* @__PURE__ */ jsx("span", { children: message })
+      ]
+    }
+  );
+}
+function EmptyAgents() {
+  const t = useT();
+  return /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      icon: /* @__PURE__ */ jsx(Bot, { className: "size-6", "aria-hidden": true }),
+      title: t(
+        "ai_assistant.agents.empty.title",
+        "No AI agents are registered for your role yet."
+      ),
+      description: t(
+        "ai_assistant.agents.empty.description",
+        "Declare agents inside `packages/<module>/src/modules/<module>/ai-agents.ts`, run `yarn generate`, and ensure the caller holds the agent's required features."
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "mt-2 inline-flex items-center gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(BookOpen, { className: "size-3", "aria-hidden": true }),
+        /* @__PURE__ */ jsx("span", { children: t(
+          "ai_assistant.agents.empty.docLabel",
+          "See packages/ai-assistant/AGENTS.md for the agent definition reference."
+        ) })
+      ] })
+    }
+  );
+}
+function PromptSectionEditor({
+  sectionId,
+  defaultText,
+  overrideText,
+  override,
+  onToggleOverride,
+  onOverrideChange,
+  onSaveShortcut
+}) {
+  const t = useT();
+  const sectionLabel = t(
+    `ai_assistant.agents.prompt.sections.${sectionId}`,
+    sectionId.charAt(0).toUpperCase() + sectionId.slice(1)
+  );
+  const textareaId = `ai-agent-prompt-${sectionId}`;
+  const textareaRef = React.useRef(null);
+  const { handleKeyDown } = useAiShortcuts({
+    onSubmit: onSaveShortcut,
+    onCancel: () => {
+      textareaRef.current?.blur();
+    }
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-col gap-2 rounded-md border border-border bg-muted/20 p-3",
+      "data-ai-agent-prompt-section": sectionId,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-overline font-semibold uppercase tracking-wider text-muted-foreground", children: sectionLabel }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: override ? t(
+              "ai_assistant.agents.prompt.overrideModeLabel",
+              "Override mode \u2014 replaces the default when persistence lands."
+            ) : t(
+              "ai_assistant.agents.prompt.defaultModeLabel",
+              "Default \u2014 shipped with the agent definition."
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: `${textareaId}-toggle`, className: "text-xs", children: t("ai_assistant.agents.prompt.toggleOverride", "Override") }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                id: `${textareaId}-toggle`,
+                checked: override,
+                onCheckedChange: (next) => onToggleOverride(next),
+                "aria-label": t("ai_assistant.agents.prompt.toggleOverride", "Override"),
+                "data-ai-agent-prompt-toggle": sectionId
+              }
+            )
+          ] })
+        ] }),
+        override ? /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: textareaId,
+            ref: textareaRef,
+            rows: 4,
+            value: overrideText,
+            onChange: (event) => onOverrideChange(event.target.value),
+            onKeyDown: handleKeyDown,
+            className: "resize-y font-mono text-xs",
+            placeholder: t(
+              "ai_assistant.agents.prompt.overridePlaceholder",
+              "Write the replacement text for this section..."
+            ),
+            "aria-label": `${sectionLabel} override`,
+            "data-ai-agent-prompt-override": sectionId
+          }
+        ) : /* @__PURE__ */ jsx(
+          "pre",
+          {
+            className: "max-h-40 overflow-auto rounded border border-border bg-background p-2 text-xs font-mono whitespace-pre-wrap",
+            "data-ai-agent-prompt-default": sectionId,
+            children: defaultText
+          }
+        )
+      ]
+    }
+  );
+}
+function ToolRow({ tool }) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center justify-between gap-3 rounded-md border border-border bg-background px-3 py-2",
+      "data-ai-agent-tool-row": tool.name,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx(Wrench, { className: "mt-0.5 size-4 text-muted-foreground", "aria-hidden": true }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium", children: tool.displayName }),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-mono text-muted-foreground", children: tool.name })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+          tool.isMutation ? /* @__PURE__ */ jsx(StatusBadge, { variant: "warning", dot: true, children: t("ai_assistant.agents.tools.mutationBadge", "Mutation") }) : /* @__PURE__ */ jsx(StatusBadge, { variant: "neutral", dot: true, children: t("ai_assistant.agents.tools.readBadge", "Read") }),
+          !tool.registered ? /* @__PURE__ */ jsx(StatusBadge, { variant: "error", dot: true, children: t("ai_assistant.agents.tools.missingBadge", "Missing") }) : null,
+          /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(
+                Label,
+                {
+                  htmlFor: `ai-agent-tool-${tool.name}`,
+                  className: "text-xs text-muted-foreground",
+                  children: t("ai_assistant.agents.tools.enabledLabel", "Enabled")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  id: `ai-agent-tool-${tool.name}`,
+                  checked: true,
+                  disabled: true,
+                  "aria-label": t("ai_assistant.agents.tools.enabledLabel", "Enabled"),
+                  "data-ai-agent-tool-switch": tool.name
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsx(TooltipContent, { children: t(
+              "ai_assistant.agents.tools.tooltipDisabled",
+              "Editable after Phase 3 lands mutation policy controls."
+            ) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function AttachmentPolicyBadges({ mediaTypes }) {
+  const t = useT();
+  if (!mediaTypes.length) {
+    return /* @__PURE__ */ jsx(Badge, { variant: "neutral", children: t("ai_assistant.agents.attachments.noneBadge", "No attachments accepted") });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: mediaTypes.map((mediaType) => {
+    const Icon = mediaTypeIconMap[mediaType] ?? Paperclip;
+    return /* @__PURE__ */ jsxs(
+      Badge,
+      {
+        variant: "info",
+        className: "gap-1.5",
+        "data-ai-agent-attachment-badge": mediaType,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "size-3", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: mediaType })
+        ]
+      },
+      mediaType
+    );
+  }) });
+}
+function MutationPolicySection({ agent }) {
+  const t = useT();
+  const queryClient = useQueryClient();
+  const query = useQuery({
+    queryKey: ["ai_assistant", "agent_settings", "mutation_policy", agent.id],
+    queryFn: () => fetchMutationPolicy(agent.id),
+    retry: false
+  });
+  const codeDeclared = query.data?.codeDeclared ?? agent.mutationPolicy;
+  const currentOverride = query.data?.override ?? null;
+  const [selected, setSelected] = React.useState(null);
+  const [isSaving, setIsSaving] = React.useState(false);
+  const [isClearing, setIsClearing] = React.useState(false);
+  const [state, setState] = React.useState({ kind: "idle" });
+  React.useEffect(() => {
+    setSelected(currentOverride?.mutationPolicy ?? null);
+    setState({ kind: "idle" });
+  }, [agent.id, currentOverride?.mutationPolicy]);
+  const codeRank = POLICY_RESTRICTIVENESS_UI[codeDeclared] ?? 0;
+  const effectivePolicy = (() => {
+    if (!currentOverride) return codeDeclared;
+    const overrideRank = POLICY_RESTRICTIVENESS_UI[currentOverride.mutationPolicy];
+    return overrideRank < codeRank ? currentOverride.mutationPolicy : codeDeclared;
+  })();
+  const hasChange = selected !== null && selected !== (currentOverride?.mutationPolicy ?? null);
+  const save = React.useCallback(async () => {
+    if (!selected || isSaving) return;
+    setIsSaving(true);
+    setState({ kind: "idle" });
+    try {
+      const { ok, status, result } = await apiCall(
+        `/api/ai_assistant/ai/agents/${encodeURIComponent(agent.id)}/mutation-policy`,
+        {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          credentials: "include",
+          body: JSON.stringify({ mutationPolicy: selected })
+        }
+      );
+      const payload = result ?? {};
+      if (!ok) {
+        const message = payload.code === "escalation_not_allowed" ? payload.error ?? t(
+          "ai_assistant.agents.mutation_policy.errors.escalationNotAllowed",
+          "Cannot upgrade beyond the agent's declared policy \u2014 this is a code-level change."
+        ) : payload.error ?? `Failed to save mutation policy (${status}).`;
+        setState({ kind: "error", message });
+        return;
+      }
+      setState({
+        kind: "success",
+        message: t(
+          "ai_assistant.agents.mutation_policy.savedMessage",
+          "Mutation policy override saved."
+        )
+      });
+      await queryClient.invalidateQueries({
+        queryKey: ["ai_assistant", "agent_settings", "mutation_policy", agent.id]
+      });
+    } catch (err) {
+      setState({
+        kind: "error",
+        message: err instanceof Error ? err.message : String(err)
+      });
+    } finally {
+      setIsSaving(false);
+    }
+  }, [agent.id, isSaving, queryClient, selected, t]);
+  const clear = React.useCallback(async () => {
+    if (isClearing) return;
+    setIsClearing(true);
+    setState({ kind: "idle" });
+    try {
+      const { ok, status, result } = await apiCall(
+        `/api/ai_assistant/ai/agents/${encodeURIComponent(agent.id)}/mutation-policy`,
+        {
+          method: "DELETE",
+          credentials: "include"
+        }
+      );
+      const payload = result ?? {};
+      if (!ok) {
+        setState({
+          kind: "error",
+          message: payload.error ?? `Failed to clear override (${status}).`
+        });
+        return;
+      }
+      setState({
+        kind: "success",
+        message: t(
+          "ai_assistant.agents.mutation_policy.clearedMessage",
+          "Mutation policy override cleared; agent is using its code-declared policy."
+        )
+      });
+      await queryClient.invalidateQueries({
+        queryKey: ["ai_assistant", "agent_settings", "mutation_policy", agent.id]
+      });
+    } catch (err) {
+      setState({
+        kind: "error",
+        message: err instanceof Error ? err.message : String(err)
+      });
+    } finally {
+      setIsClearing(false);
+    }
+  }, [agent.id, isClearing, queryClient, t]);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "rounded-lg border border-border bg-background p-4",
+      "data-ai-agent-mutation-policy": agent.id,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-3 border-b border-border pb-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(ShieldAlert, { className: "size-4 text-muted-foreground", "aria-hidden": true }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("ai_assistant.agents.mutation_policy.title", "Mutation policy") }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+                "ai_assistant.agents.mutation_policy.subtitle",
+                "Downgrade this agent's mutation capability per tenant. Upgrading beyond the code-declared policy is blocked by the server."
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            StatusBadge,
+            {
+              variant: mutationPolicyStatusMap[effectivePolicy] ?? "neutral",
+              dot: true,
+              "data-ai-agent-mutation-policy-effective": true,
+              children: effectivePolicy
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-overline font-semibold uppercase tracking-wider text-muted-foreground", children: t("ai_assistant.agents.mutation_policy.codeDeclared", "Code-declared") }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  StatusBadge,
+                  {
+                    variant: mutationPolicyStatusMap[codeDeclared] ?? "neutral",
+                    dot: true,
+                    "data-ai-agent-mutation-policy-code-declared": true,
+                    children: codeDeclared
+                  }
+                ),
+                /* @__PURE__ */ jsx(Lock, { className: "size-3 text-muted-foreground", "aria-hidden": true }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+                  "ai_assistant.agents.mutation_policy.codeDeclaredHint",
+                  "Compiled into the agent definition."
+                ) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-overline font-semibold uppercase tracking-wider text-muted-foreground", children: t("ai_assistant.agents.mutation_policy.tenantOverride", "Tenant override") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1", children: currentOverride ? /* @__PURE__ */ jsx(
+                StatusBadge,
+                {
+                  variant: mutationPolicyStatusMap[currentOverride.mutationPolicy] ?? "neutral",
+                  dot: true,
+                  "data-ai-agent-mutation-policy-override-current": true,
+                  children: currentOverride.mutationPolicy
+                }
+              ) : /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "text-xs text-muted-foreground",
+                  "data-ai-agent-mutation-policy-override-empty": true,
+                  children: t(
+                    "ai_assistant.agents.mutation_policy.noOverride",
+                    "No override \u2014 using code-declared policy."
+                  )
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Alert, { variant: "info", "data-ai-agent-mutation-policy-notice": true, children: [
+            /* @__PURE__ */ jsx(ShieldAlert, { className: "size-4", "aria-hidden": true }),
+            /* @__PURE__ */ jsx(AlertTitle, { children: t(
+              "ai_assistant.agents.mutation_policy.noticeTitle",
+              "Downgrade only \u2014 escalation is a code change"
+            ) }),
+            /* @__PURE__ */ jsx(AlertDescription, { children: t(
+              "ai_assistant.agents.mutation_policy.noticeBody",
+              "Overrides can only make the policy more restrictive. Options more permissive than the code-declared policy are disabled and rejected server-side."
+            ) })
+          ] }),
+          query.isLoading ? /* @__PURE__ */ jsx(
+            SettingsLoading,
+            {
+              message: t(
+                "ai_assistant.agents.mutation_policy.loading",
+                "Loading mutation policy..."
+              )
+            }
+          ) : query.isError ? /* @__PURE__ */ jsxs(Alert, { variant: "destructive", "data-ai-agent-mutation-policy-load-error": true, children: [
+            /* @__PURE__ */ jsx(AlertCircle, { className: "size-4", "aria-hidden": true }),
+            /* @__PURE__ */ jsx(AlertTitle, { children: t(
+              "ai_assistant.agents.mutation_policy.loadErrorTitle",
+              "Failed to load mutation policy"
+            ) }),
+            /* @__PURE__ */ jsx(AlertDescription, { children: query.error instanceof Error ? query.error.message : String(query.error) })
+          ] }) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex flex-col gap-2",
+              role: "radiogroup",
+              "aria-label": t(
+                "ai_assistant.agents.mutation_policy.pickerLabel",
+                "Mutation policy override"
+              ),
+              "data-ai-agent-mutation-policy-picker": true,
+              children: MUTATION_POLICY_OPTIONS.map((option) => {
+                const optionRank = POLICY_RESTRICTIVENESS_UI[option];
+                const wouldEscalate = optionRank > codeRank;
+                const isSelected = selected === option;
+                return /* @__PURE__ */ jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                    "label",
+                    {
+                      className: `flex items-start gap-3 rounded-md border px-3 py-2 text-sm cursor-pointer transition-colors ${wouldEscalate ? "border-border bg-muted/30 cursor-not-allowed opacity-60" : isSelected ? "border-primary bg-primary/5" : "border-border bg-background hover:bg-muted/40"}`,
+                      "data-ai-agent-mutation-policy-option": option,
+                      "data-ai-agent-mutation-policy-option-disabled": wouldEscalate ? "true" : "false",
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "input",
+                          {
+                            type: "radio",
+                            name: `mutation-policy-${agent.id}`,
+                            value: option,
+                            checked: isSelected,
+                            disabled: wouldEscalate,
+                            onChange: () => {
+                              if (wouldEscalate) return;
+                              setSelected(option);
+                            },
+                            className: "mt-0.5",
+                            "aria-disabled": wouldEscalate
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+                          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                            /* @__PURE__ */ jsx(
+                              StatusBadge,
+                              {
+                                variant: mutationPolicyStatusMap[option] ?? "neutral",
+                                dot: true,
+                                children: option
+                              }
+                            ),
+                            wouldEscalate ? /* @__PURE__ */ jsx(Lock, { className: "size-3 text-muted-foreground", "aria-hidden": true }) : null
+                          ] }),
+                          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+                            `ai_assistant.agents.mutation_policy.options.${option}`,
+                            option
+                          ) })
+                        ] })
+                      ]
+                    }
+                  ) }),
+                  wouldEscalate ? /* @__PURE__ */ jsx(TooltipContent, { children: t(
+                    "ai_assistant.agents.mutation_policy.escalationTooltip",
+                    "Cannot be set above the agent's declared policy \u2014 this is a code-level change."
+                  ) }) : null
+                ] }, option);
+              })
+            }
+          ),
+          state.kind === "success" ? /* @__PURE__ */ jsxs(Alert, { variant: "success", "data-ai-agent-mutation-policy-state": "success", children: [
+            /* @__PURE__ */ jsx(CheckCircle2, { className: "size-4", "aria-hidden": true }),
+            /* @__PURE__ */ jsx(AlertTitle, { children: t("ai_assistant.agents.mutation_policy.savedTitle", "Mutation policy updated") }),
+            /* @__PURE__ */ jsx(AlertDescription, { children: state.message })
+          ] }) : null,
+          state.kind === "error" ? /* @__PURE__ */ jsxs(Alert, { variant: "destructive", "data-ai-agent-mutation-policy-state": "error", children: [
+            /* @__PURE__ */ jsx(AlertCircle, { className: "size-4", "aria-hidden": true }),
+            /* @__PURE__ */ jsx(AlertTitle, { children: t(
+              "ai_assistant.agents.mutation_policy.errorTitle",
+              "Failed to update mutation policy"
+            ) }),
+            /* @__PURE__ */ jsx(AlertDescription, { children: state.message })
+          ] }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: "outline",
+                onClick: () => void clear(),
+                disabled: isClearing || isSaving || !currentOverride,
+                "data-ai-agent-mutation-policy-clear": true,
+                children: [
+                  isClearing ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx(Trash2, { className: "size-4", "aria-hidden": true }),
+                  /* @__PURE__ */ jsx("span", { children: t("ai_assistant.agents.mutation_policy.clear", "Clear override") })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                onClick: () => void save(),
+                disabled: isSaving || isClearing || !hasChange || selected === null,
+                "data-ai-agent-mutation-policy-save": true,
+                children: [
+                  isSaving ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx(Save, { className: "size-4", "aria-hidden": true }),
+                  /* @__PURE__ */ jsx("span", { children: t("ai_assistant.agents.mutation_policy.save", "Save override") })
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function AgentDetailPanel({ agent }) {
+  const t = useT();
+  const queryClient = useQueryClient();
+  const [overrideFlags, setOverrideFlags] = React.useState(() => ({
+    role: false,
+    scope: false,
+    data: false,
+    tools: false,
+    attachments: false,
+    mutationPolicy: false,
+    responseStyle: false,
+    overrides: false
+  }));
+  const [overrideDrafts, setOverrideDrafts] = React.useState(() => ({
+    role: "",
+    scope: "",
+    data: "",
+    tools: "",
+    attachments: "",
+    mutationPolicy: "",
+    responseStyle: "",
+    overrides: ""
+  }));
+  const [isSaving, setIsSaving] = React.useState(false);
+  const [saveState, setSaveState] = React.useState({ kind: "idle" });
+  const overrideQuery = useQuery({
+    queryKey: ["ai_assistant", "agent_settings", "override", agent.id],
+    queryFn: () => fetchOverride(agent.id),
+    retry: false
+  });
+  React.useEffect(() => {
+    setOverrideFlags({
+      role: false,
+      scope: false,
+      data: false,
+      tools: false,
+      attachments: false,
+      mutationPolicy: false,
+      responseStyle: false,
+      overrides: false
+    });
+    setOverrideDrafts({
+      role: "",
+      scope: "",
+      data: "",
+      tools: "",
+      attachments: "",
+      mutationPolicy: "",
+      responseStyle: "",
+      overrides: ""
+    });
+    setSaveState({ kind: "idle" });
+  }, [agent.id]);
+  React.useEffect(() => {
+    const latest = overrideQuery.data?.override;
+    if (!latest) return;
+    const nextFlags = {
+      role: false,
+      scope: false,
+      data: false,
+      tools: false,
+      attachments: false,
+      mutationPolicy: false,
+      responseStyle: false,
+      overrides: false
+    };
+    const nextDrafts = {
+      role: "",
+      scope: "",
+      data: "",
+      tools: "",
+      attachments: "",
+      mutationPolicy: "",
+      responseStyle: "",
+      overrides: ""
+    };
+    for (const [rawKey, value] of Object.entries(latest.sections ?? {})) {
+      if (typeof value !== "string") continue;
+      const key = rawKey;
+      if (PROMPT_SECTION_IDS.includes(key)) {
+        nextFlags[key] = true;
+        nextDrafts[key] = value;
+      }
+    }
+    setOverrideFlags(nextFlags);
+    setOverrideDrafts(nextDrafts);
+  }, [overrideQuery.data?.override]);
+  const activeOverrides = React.useMemo(() => {
+    const payload = {};
+    for (const section of PROMPT_SECTION_IDS) {
+      if (overrideFlags[section]) {
+        payload[section] = overrideDrafts[section];
+      }
+    }
+    return payload;
+  }, [overrideDrafts, overrideFlags]);
+  const hasAnyOverride = Object.keys(activeOverrides).length > 0;
+  const handleSave = React.useCallback(async () => {
+    if (isSaving) return;
+    setIsSaving(true);
+    setSaveState({ kind: "idle" });
+    try {
+      const { ok, status, result } = await apiCall(
+        `/api/ai_assistant/ai/agents/${encodeURIComponent(agent.id)}/prompt-override`,
+        {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          credentials: "include",
+          body: JSON.stringify({
+            // Send both keys so a pre-Step-5.3 server still accepts the payload.
+            sections: activeOverrides,
+            overrides: activeOverrides
+          })
+        }
+      );
+      const payload = result ?? {};
+      if (!ok) {
+        const message = payload.code === "reserved_key" ? t(
+          "ai_assistant.agents.override.errors.reservedKey",
+          "Prompt overrides cannot modify policy fields (mutationPolicy, readOnly, allowedTools, acceptedMediaTypes). Remove those sections and retry."
+        ) : payload.error ?? `Failed to save overrides (${status}).`;
+        setSaveState({ kind: "error", message });
+        return;
+      }
+      if (payload.ok === true && typeof payload.version === "number") {
+        setSaveState({
+          kind: "success",
+          version: payload.version,
+          message: t(
+            "ai_assistant.agents.override.savedMessage",
+            "Prompt override saved."
+          )
+        });
+        await queryClient.invalidateQueries({
+          queryKey: ["ai_assistant", "agent_settings", "override", agent.id]
+        });
+        return;
+      }
+      setSaveState({
+        kind: "success",
+        version: 0,
+        message: payload.message ?? t(
+          "ai_assistant.agents.prompt.pendingMessage",
+          "Prompt overrides accepted."
+        )
+      });
+    } catch (err) {
+      setSaveState({
+        kind: "error",
+        message: err instanceof Error ? err.message : String(err)
+      });
+    } finally {
+      setIsSaving(false);
+    }
+  }, [activeOverrides, agent.id, isSaving, queryClient, t]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", "data-ai-agent-detail": agent.id, children: [
+    /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-border bg-background p-4", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold", children: agent.label }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: agent.description }),
+      /* @__PURE__ */ jsxs("dl", { className: "mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4 text-sm", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-overline font-semibold uppercase tracking-wider text-muted-foreground", children: t("ai_assistant.agents.meta.module", "Module") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-1 font-mono text-xs", children: agent.moduleId })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-overline font-semibold uppercase tracking-wider text-muted-foreground", children: t("ai_assistant.agents.meta.id", "Agent id") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-1 font-mono text-xs", children: agent.id })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-overline font-semibold uppercase tracking-wider text-muted-foreground", children: t("ai_assistant.agents.meta.executionMode", "Execution mode") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-1", children: /* @__PURE__ */ jsx(StatusBadge, { variant: executionModeStatusMap[agent.executionMode], children: agent.executionMode }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-overline font-semibold uppercase tracking-wider text-muted-foreground", children: t("ai_assistant.agents.meta.mutationPolicy", "Mutation policy") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-1", children: /* @__PURE__ */ jsx(
+            StatusBadge,
+            {
+              variant: mutationPolicyStatusMap[agent.mutationPolicy] ?? "neutral",
+              dot: true,
+              children: agent.mutationPolicy
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-overline font-semibold uppercase tracking-wider text-muted-foreground", children: t("ai_assistant.agents.meta.readOnly", "Read-only") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-1 text-xs", children: agent.readOnly ? t("ai_assistant.agents.meta.readOnlyYes", "Yes") : t("ai_assistant.agents.meta.readOnlyNo", "No") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-overline font-semibold uppercase tracking-wider text-muted-foreground", children: t("ai_assistant.agents.meta.maxSteps", "Max steps") }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-1 font-mono text-xs", children: agent.maxSteps ?? t("ai_assistant.agents.meta.unlimited", "Unlimited") })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(MutationPolicySection, { agent }),
+    /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: "rounded-lg border border-border bg-background p-4",
+        "data-ai-agent-prompt-editor": agent.id,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-3 border-b border-border pb-3", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("ai_assistant.agents.prompt.title", "Prompt sections") }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+                "ai_assistant.agents.prompt.subtitle",
+                "Toggle any section to write an additive override. Saving stores a new tenant-scoped version; built-in section text is always preserved."
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                onClick: () => void handleSave(),
+                disabled: isSaving || !hasAnyOverride,
+                "data-ai-agent-prompt-save": true,
+                children: [
+                  isSaving ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx(Save, { className: "size-4", "aria-hidden": true }),
+                  /* @__PURE__ */ jsx("span", { children: t("ai_assistant.agents.prompt.save", "Save overrides") })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxs(Alert, { variant: "info", "data-ai-agent-prompt-notice": true, children: [
+            /* @__PURE__ */ jsx(Wand2, { className: "size-4", "aria-hidden": true }),
+            /* @__PURE__ */ jsx(AlertTitle, { children: t("ai_assistant.agents.override.noticeTitle", "Prompt overrides are additive") }),
+            /* @__PURE__ */ jsx(AlertDescription, { children: t(
+              "ai_assistant.agents.override.noticeBody",
+              "Overrides append to the built-in sections \u2014 they never remove or replace shipped text. Saved versions are tenant-scoped and auditable from the history panel below."
+            ) })
+          ] }) }),
+          saveState.kind === "success" ? /* @__PURE__ */ jsxs(Alert, { variant: "success", className: "mt-3", "data-ai-agent-prompt-state": "success", children: [
+            /* @__PURE__ */ jsx(CheckCircle2, { className: "size-4", "aria-hidden": true }),
+            /* @__PURE__ */ jsx(AlertTitle, { children: saveState.version > 0 ? t("ai_assistant.agents.override.savedTitle", "Prompt override saved") : t("ai_assistant.agents.prompt.pendingTitle", "Overrides accepted") }),
+            /* @__PURE__ */ jsx(AlertDescription, { children: saveState.version > 0 ? `${saveState.message} ${t("ai_assistant.agents.override.versionLabel", "Version")} ${saveState.version}.` : saveState.message })
+          ] }) : null,
+          saveState.kind === "error" ? /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className: "mt-3", "data-ai-agent-prompt-state": "error", children: [
+            /* @__PURE__ */ jsx(AlertCircle, { className: "size-4", "aria-hidden": true }),
+            /* @__PURE__ */ jsx(AlertTitle, { children: t("ai_assistant.agents.override.errorTitle", "Failed to save prompt override") }),
+            /* @__PURE__ */ jsx(AlertDescription, { children: saveState.message })
+          ] }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-overline font-semibold uppercase tracking-wider text-muted-foreground", children: t("ai_assistant.agents.prompt.fullSystemPromptLabel", "Full system prompt (default)") }),
+              /* @__PURE__ */ jsx("pre", { className: "mt-2 max-h-40 overflow-auto rounded border border-border bg-muted/30 p-2 text-xs font-mono whitespace-pre-wrap", children: agent.systemPrompt })
+            ] }),
+            PROMPT_SECTION_IDS.map((sectionId) => /* @__PURE__ */ jsx(
+              PromptSectionEditor,
+              {
+                sectionId,
+                defaultText: sectionId === "role" ? agent.systemPrompt : t(
+                  "ai_assistant.agents.prompt.defaultSectionPlaceholder",
+                  "No default copy declared for this section \u2014 the agent ships a single systemPrompt. Override to inject additional text once Step 5.3 lands."
+                ),
+                overrideText: overrideDrafts[sectionId],
+                override: overrideFlags[sectionId],
+                onToggleOverride: (next) => {
+                  setOverrideFlags((prev) => ({ ...prev, [sectionId]: next }));
+                  if (next) {
+                    setOverrideDrafts((prev) => {
+                      if (prev[sectionId]) return prev;
+                      const defaultText = sectionId === "role" ? agent.systemPrompt : "";
+                      return { ...prev, [sectionId]: defaultText };
+                    });
+                  }
+                },
+                onOverrideChange: (next) => setOverrideDrafts((prev) => ({ ...prev, [sectionId]: next })),
+                onSaveShortcut: () => void handleSave()
+              },
+              sectionId
+            ))
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: "rounded-lg border border-border bg-background p-4",
+        "data-ai-agent-tools-list": agent.id,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-3 border-b border-border pb-3", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("ai_assistant.agents.tools.title", "Allowed tools") }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+                "ai_assistant.agents.tools.subtitle",
+                "Read-only surface in Phase 2. Editing the per-tool toggle and mutation policy lands in Step 5.4 / Phase 3."
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx(Badge, { variant: "neutral", className: "font-mono text-xs", children: agent.tools.length })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-col gap-2", children: agent.tools.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+            "ai_assistant.agents.tools.emptyBody",
+            "This agent declares no tools in its allowedTools whitelist."
+          ) }) : agent.tools.map((tool) => /* @__PURE__ */ jsx(ToolRow, { tool }, tool.name)) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: "rounded-lg border border-border bg-background p-4",
+        "data-ai-agent-override-history": agent.id,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-3 border-b border-border pb-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(History, { className: "size-4 text-muted-foreground", "aria-hidden": true }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("ai_assistant.agents.override.history.title", "Prompt override history") }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+                  "ai_assistant.agents.override.history.subtitle",
+                  "Newest first. Each save creates a new version scoped to the current tenant."
+                ) })
+              ] })
+            ] }),
+            overrideQuery.data ? /* @__PURE__ */ jsx(Badge, { variant: "neutral", className: "font-mono text-xs", children: overrideQuery.data.versions.length }) : null
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-col gap-2", children: overrideQuery.isLoading ? /* @__PURE__ */ jsx(
+            SettingsLoading,
+            {
+              message: t(
+                "ai_assistant.agents.override.history.loading",
+                "Loading override history..."
+              )
+            }
+          ) : overrideQuery.isError ? /* @__PURE__ */ jsxs(Alert, { variant: "destructive", "data-ai-agent-override-history-error": true, children: [
+            /* @__PURE__ */ jsx(AlertCircle, { className: "size-4", "aria-hidden": true }),
+            /* @__PURE__ */ jsx(AlertTitle, { children: t(
+              "ai_assistant.agents.override.history.errorTitle",
+              "Failed to load override history"
+            ) }),
+            /* @__PURE__ */ jsx(AlertDescription, { children: overrideQuery.error instanceof Error ? overrideQuery.error.message : String(overrideQuery.error) })
+          ] }) : (overrideQuery.data?.versions ?? []).length === 0 ? /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-xs text-muted-foreground",
+              "data-ai-agent-override-history-empty": true,
+              children: t(
+                "ai_assistant.agents.override.history.empty",
+                "No prompt overrides have been saved for this agent yet."
+              )
+            }
+          ) : (overrideQuery.data?.versions ?? []).slice(0, 5).map((entry) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex items-center justify-between gap-3 rounded-md border border-border bg-background px-3 py-2",
+              "data-ai-agent-override-history-row": entry.version,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "text-xs font-semibold", children: [
+                    t("ai_assistant.agents.override.versionLabel", "Version"),
+                    " ",
+                    entry.version
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: new Date(entry.updatedAt).toLocaleString() })
+                ] }),
+                /* @__PURE__ */ jsxs(Badge, { variant: "neutral", className: "font-mono text-xs", children: [
+                  Object.keys(entry.sections ?? {}).length,
+                  " ",
+                  t("ai_assistant.agents.override.history.sectionsLabel", "sections")
+                ] })
+              ]
+            },
+            entry.id
+          )) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: "rounded-lg border border-border bg-background p-4",
+        "data-ai-agent-attachments": agent.id,
+        children: [
+          /* @__PURE__ */ jsx("header", { className: "flex items-center justify-between gap-3 border-b border-border pb-3", children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("ai_assistant.agents.attachments.title", "Attachment policy") }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+              "ai_assistant.agents.attachments.subtitle",
+              "Accepted media types the agent declares. Read-only in Phase 2."
+            ) })
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(AttachmentPolicyBadges, { mediaTypes: agent.acceptedMediaTypes }) })
+        ]
+      }
+    )
+  ] });
+}
+function AiAgentSettingsPageClient() {
+  const t = useT();
+  const [selectedAgentId, setSelectedAgentId] = React.useState(null);
+  const { data, isLoading, isError, error, refetch, isFetching } = useQuery({
+    queryKey: ["ai_assistant", "agent_settings", "agents"],
+    queryFn: fetchAgents
+  });
+  const agents = React.useMemo(() => data?.agents ?? [], [data]);
+  React.useEffect(() => {
+    if (!agents.length) {
+      if (selectedAgentId !== null) setSelectedAgentId(null);
+      return;
+    }
+    if (!selectedAgentId || !agents.some((agent) => agent.id === selectedAgentId)) {
+      setSelectedAgentId(agents[0].id);
+    }
+  }, [agents, selectedAgentId]);
+  const selectedAgent = React.useMemo(() => {
+    if (!selectedAgentId) return null;
+    return agents.find((agent) => agent.id === selectedAgentId) ?? null;
+  }, [agents, selectedAgentId]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(
+      SettingsLoading,
+      {
+        message: t("ai_assistant.agents.loadingAgents", "Loading AI agents...")
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs(Alert, { variant: "destructive", "data-ai-agent-settings-error": true, children: [
+      /* @__PURE__ */ jsx(AlertCircle, { className: "size-4", "aria-hidden": true }),
+      /* @__PURE__ */ jsx(AlertTitle, { children: t("ai_assistant.agents.loadErrorTitle", "Failed to load AI agents") }),
+      /* @__PURE__ */ jsxs(AlertDescription, { children: [
+        /* @__PURE__ */ jsx("span", { children: error instanceof Error ? error.message : String(error) }),
+        /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "outline",
+            onClick: () => {
+              void refetch();
+            },
+            children: [
+              /* @__PURE__ */ jsx(RefreshCcw, { className: "size-4", "aria-hidden": true }),
+              /* @__PURE__ */ jsx("span", { children: t("ai_assistant.agents.retry", "Retry") })
+            ]
+          }
+        ) })
+      ] })
+    ] });
+  }
+  if (!agents.length) {
+    return /* @__PURE__ */ jsx(EmptyAgents, {});
+  }
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", "data-ai-agent-settings": true, children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: t("ai_assistant.agents.title", "AI Agents") }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(
+        "ai_assistant.agents.subtitle",
+        "Inspect every registered agent and manage tenant-scoped additive prompt-section overrides."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "section",
+      {
+        className: "flex flex-col gap-3 rounded-lg border border-border bg-background p-3",
+        "data-ai-agent-settings-picker-wrap": true,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-1", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "ai-agent-settings-picker", children: t("ai_assistant.agents.agentPickerLabel", "Agent") }),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                id: "ai-agent-settings-picker",
+                "data-ai-agent-settings-picker": true,
+                className: "h-9 rounded-md border border-input bg-background px-3 text-sm",
+                value: selectedAgentId ?? "",
+                onChange: (event) => setSelectedAgentId(event.target.value),
+                children: agents.map((agent) => /* @__PURE__ */ jsxs("option", { value: agent.id, children: [
+                  agent.label,
+                  " (",
+                  agent.id,
+                  ")"
+                ] }, agent.id))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 sm:flex-shrink-0", children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: () => {
+                void refetch();
+              },
+              "aria-label": t("ai_assistant.agents.refresh", "Refresh agents"),
+              disabled: isFetching,
+              children: /* @__PURE__ */ jsx(RefreshCcw, { className: "size-4", "aria-hidden": true })
+            }
+          ) })
+        ] })
+      }
+    ),
+    selectedAgent ? /* @__PURE__ */ jsx(AgentDetailPanel, { agent: selectedAgent }) : null
+  ] }) });
+}
+var AiAgentSettingsPageClient_default = AiAgentSettingsPageClient;
+export {
+  AiAgentSettingsPageClient,
+  AiAgentSettingsPageClient_default as default
+};
+//# sourceMappingURL=AiAgentSettingsPageClient.js.map