@qredence/fleet 0.8.0 → 0.10.0

package/dist/web/server/{settings-dialog-BUgVNpr1-THSYIOZL.js → settings-dialog-DkesVBrS-BAAA3YNU.js}

@@ -1,26 +1,42 @@
+import {
+  ItemRow,
+  McpConnectionsSection,
+  RowSurface,
+  SettingsCommitActions,
+  SettingsPane
+} from "./chunk-BLGKLQJG.js";
 import {
   Spinner
-} from "./chunk-YQO36OP6.js";
+} from "./chunk-AXN2OBPF.js";
 import {
   InputGroup,
   InputGroupAddon,
   InputGroupButton,
   InputGroupInput
-} from "./chunk-EAKPTSWR.js";
+} from "./chunk-HAFELESQ.js";
 import {
-  Alert,
-  AlertDescription,
   Field,
   FieldDescription,
   FieldGroup,
   FieldLabel,
   Switch$1
-} from "./chunk-LQM6QR7S.js";
+} from "./chunk-Q4ECIATK.js";
+import {
+  Alert,
+  AlertDescription
+} from "./chunk-GNXIDE26.js";
 import {
   isModelPatternEnabled,
   modelMatchesPattern,
   modelPattern
 } from "./chunk-TAPQMXA7.js";
+import {
+  Dialog$1,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-FT7HNDR5.js";
 import {
   AlertDialog$1,
   AlertDialogAction,
@@ -29,60 +45,60 @@ import {
   AlertDialogDescription,
   AlertDialogFooter,
   AlertDialogTitle,
-  Dialog$1,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  Input$1,
   PROVIDER_METADATA,
   ProviderBrandIcon,
-  Select$1,
   formatProviderLabel,
-  normalizeScrollOffset,
-  notify,
-  styleDisableScrollbar,
-  useBaseUiId,
-  useCSPContext,
   useChatPanelDataContext,
   useSettingsActionsContext
-} from "./chunk-5GUEYYYO.js";
+} from "./chunk-37EK2TYH.js";
+import "./chunk-QOZCYKMA.js";
+import "./chunk-5MOXRFX6.js";
+import "./chunk-RX2ZJARF.js";
+import "./chunk-C5XHGLET.js";
+import "./chunk-CE7U5QB2.js";
 import {
-  addEventListener,
   applyUiPreferencesToDocument,
-  clamp,
-  contains,
-  getTarget,
   isCustomProviderId,
   isNamedOccInstanceId,
   isOccProviderId,
-  parts_exports,
   readUiPreferences,
-  useDirection,
-  useTimeout,
   writeUiPreferences
-} from "./chunk-OSPDNT7S.js";
+} from "./chunk-6GYLXDX3.js";
+import "./chunk-NZCEQWK2.js";
+import "./chunk-7DQQMT5V.js";
+import "./chunk-BD7YKYWL.js";
 import {
-  COMPACT_ACTION_BUTTON_CLASS,
   HIT_AREA_EXPAND_CLASS,
   HIT_AREA_EXPAND_DENSE_CLASS,
-  rowSurface
-} from "./chunk-2PAW6K4Q.js";
+  Select$1,
+  normalizeScrollOffset,
+  notify,
+  styleDisableScrollbar,
+  useBaseUiId,
+  useCSPContext
+} from "./chunk-TXZDDJCT.js";
+import {
+  addEventListener,
+  clamp,
+  contains,
+  getTarget,
+  parts_exports,
+  useDirection,
+  useTimeout
+} from "./chunk-APOS34PW.js";
+import "./chunk-OO7NBFQQ.js";
 import {
   Button$1,
   formatErrorMessage_default,
   useIsoLayoutEffect,
   useRenderElement,
   useStableCallback
-} from "./chunk-2FHYWKDN.js";
-import "./chunk-FB3UHLLN.js";
+} from "./chunk-FSQWWR2M.js";
 import {
   ArrowLeft,
   Box,
-  Check,
   ChevronRight,
   Cpu,
-  ExternalLink,
   Eye,
   EyeOff,
   Globe,
@@ -91,7 +107,6 @@ import {
   KeyRound,
   Keyboard,
   Layers,
-  LoaderCircle,
   Lock,
   MessageSquare,
   Monitor,
@@ -101,8 +116,6 @@ import {
   Plug,
   Plus,
   RefreshCw,
-  RotateCcw,
-  Save,
   Search,
   Settings,
   Sparkles,
@@ -110,19 +123,17 @@ import {
   Sun,
   Tag,
   Trash,
-  Users
-} from "./chunk-7L5PCCYR.js";
-import {
+  Users,
   cn
-} from "./chunk-OAYEN3JV.js";
+} from "./chunk-VDEUVEWL.js";
 import "./chunk-6JOAWERA.js";
-import "./chunk-2VKVSL6Y.js";
+import "./chunk-35RIM6VP.js";
 import "./chunk-NXAVRSI5.js";
 import {
   __export
 } from "./chunk-CZ7CSFO4.js";
 
-// web/app/dist/server/assets/settings-dialog-BUgVNpr1.js
+// web/app/dist/server/assets/settings-dialog-DkesVBrS.js
 import { createContext as createContext4, forwardRef as forwardRef7, useCallback, useContext as useContext4, useEffect as useEffect2, useId, useMemo as useMemo3, useRef as useRef4, useState as useState2 } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
@@ -1089,7 +1100,7 @@ var ScrollAreaCorner = /* @__PURE__ */ React9.forwardRef(function ScrollAreaCorn
 });
 if (process.env.NODE_ENV !== "production") ScrollAreaCorner.displayName = "ScrollAreaCorner";
 
-// web/app/dist/server/assets/settings-dialog-BUgVNpr1.js
+// web/app/dist/server/assets/settings-dialog-DkesVBrS.js
 function isFieldInvalid(value, attemptedSave, required = true) {
   return attemptedSave && required && value.trim().length === 0;
 }
@@ -1278,700 +1289,6 @@ function ComposerIntentSection({ enabled, keySource, status, onClearKey, onEnabl
     })]
   });
 }
-function RowSurface({ className, interactive, padding, tone, ...props }) {
-  return /* @__PURE__ */ jsx("div", {
-    className: cn(rowSurface({
-      interactive,
-      padding,
-      tone
-    }), className),
-    ...props
-  });
-}
-function ItemRow({ icon, title, subtitle, trailing, className, interactive = true, tone = "default", truncateSubtitle = true, truncateTitle = true }) {
-  return /* @__PURE__ */ jsxs(RowSurface, {
-    tone,
-    padding: "md",
-    interactive,
-    className: cn("items-center gap-3", className),
-    children: [
-      icon ? /* @__PURE__ */ jsx("div", {
-        className: "flex size-8 shrink-0 items-center justify-center rounded-md border border-border/40 bg-background/60 text-foreground/70",
-        children: icon
-      }) : null,
-      /* @__PURE__ */ jsxs("div", {
-        className: "min-w-0 flex-1",
-        children: [/* @__PURE__ */ jsx("div", {
-          className: cn("text-sm font-medium text-foreground", truncateTitle && "truncate"),
-          children: title
-        }), subtitle ? /* @__PURE__ */ jsx("div", {
-          className: cn("mt-0.5 text-xs text-muted-foreground", truncateSubtitle ? "truncate" : "leading-normal"),
-          children: subtitle
-        }) : null]
-      }),
-      trailing ? /* @__PURE__ */ jsx("div", {
-        className: "flex shrink-0 items-center gap-1.5",
-        children: trailing
-      }) : null
-    ]
-  });
-}
-function SettingsPane({ actions, children, description, title }) {
-  return /* @__PURE__ */ jsxs("div", {
-    className: "flex flex-col gap-4",
-    children: [/* @__PURE__ */ jsxs("div", {
-      className: "flex items-start justify-between gap-3",
-      children: [/* @__PURE__ */ jsxs("div", {
-        className: "min-w-0 flex-1",
-        children: [/* @__PURE__ */ jsx("h3", {
-          className: "text-lg font-medium text-balance",
-          children: title
-        }), /* @__PURE__ */ jsx("p", {
-          className: "mt-1 text-sm text-pretty text-muted-foreground",
-          children: description
-        })]
-      }), actions ? /* @__PURE__ */ jsx("div", {
-        className: "flex shrink-0 items-center gap-1.5 pt-0.5",
-        children: actions
-      }) : null]
-    }), /* @__PURE__ */ jsx("div", {
-      className: "flex flex-col gap-3",
-      children
-    })]
-  });
-}
-function SettingsCommitActions({ dirty, disabled, onRevert, onSave, saving }) {
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [dirty ? /* @__PURE__ */ jsx(Button$1, {
-    type: "button",
-    variant: "ghost",
-    size: "icon-compact",
-    className: "text-muted-foreground transition-transform active:scale-[0.96]",
-    disabled: disabled || saving,
-    onClick: onRevert,
-    "aria-label": "Revert changes",
-    children: /* @__PURE__ */ jsx(RotateCcw, {})
-  }) : null, /* @__PURE__ */ jsxs(Button$1, {
-    type: "button",
-    variant: "outline",
-    size: "compact",
-    className: cn(COMPACT_ACTION_BUTTON_CLASS, "transition-transform active:scale-[0.96]", dirty && "border-primary/30 text-primary"),
-    disabled: !dirty || disabled || saving,
-    onClick: onSave,
-    children: [saving ? /* @__PURE__ */ jsx(LoaderCircle, {
-      className: "animate-spin",
-      "data-icon": "inline-start"
-    }) : /* @__PURE__ */ jsx(Save, { "data-icon": "inline-start" }), "Commit"]
-  })] });
-}
-var OAUTH_POLL_MS = 1500;
-var STALE_LOGIN_ERROR = "Unknown or expired OAuth login";
-function delay(ms) {
-  return new Promise((resolve) => {
-    setTimeout(resolve, ms);
-  });
-}
-function useOAuthLoginFlow({ onConfigured, onOAuthLogin, providerId }) {
-  const [login, setLogin] = useState2(null);
-  const [busy, setBusy] = useState2(false);
-  const [promptAnswer, setPromptAnswer] = useState2("");
-  const loginIdRef = useRef4(null);
-  const generationRef = useRef4(0);
-  const startingRef = useRef4(false);
-  const onOAuthLoginRef = useRef4(onOAuthLogin);
-  const onConfiguredRef = useRef4(onConfigured);
-  const providerIdRef = useRef4(providerId);
-  useEffect2(() => {
-    onOAuthLoginRef.current = onOAuthLogin;
-    onConfiguredRef.current = onConfigured;
-    providerIdRef.current = providerId;
-  }, [
-    onConfigured,
-    onOAuthLogin,
-    providerId
-  ]);
-  const cancelLoginId = useCallback(async (loginId) => {
-    if (!loginId || !onOAuthLoginRef.current) return;
-    try {
-      await onOAuthLoginRef.current({
-        providerId: providerIdRef.current,
-        loginId,
-        cancel: true
-      });
-    } catch {
-    }
-  }, []);
-  const resetLocal = useCallback(() => {
-    loginIdRef.current = null;
-    startingRef.current = false;
-    setLogin(null);
-    setPromptAnswer("");
-    setBusy(false);
-  }, []);
-  useEffect2(() => {
-    return () => {
-      generationRef.current += 1;
-      const loginId = loginIdRef.current;
-      loginIdRef.current = null;
-      cancelLoginId(loginId);
-    };
-  }, [cancelLoginId]);
-  const applyResult = useCallback((result, generation) => {
-    if (generation !== generationRef.current) {
-      if (result.status === "waiting" && result.loginId) cancelLoginId(result.loginId);
-      return;
-    }
-    if (result.status === "success") {
-      loginIdRef.current = null;
-      setLogin(null);
-      setPromptAnswer("");
-      setBusy(false);
-      notify.success("Provider credentials applied to your active sessions.");
-      onConfiguredRef.current?.();
-      return;
-    }
-    if (result.status === "error") {
-      if (result.error === STALE_LOGIN_ERROR && loginIdRef.current === null) return;
-      const loginId = loginIdRef.current;
-      loginIdRef.current = null;
-      if (loginId && result.error !== "Login cancelled") cancelLoginId(loginId);
-      setLogin(result);
-      setBusy(false);
-      return;
-    }
-    if (result.loginId) loginIdRef.current = result.loginId;
-    setLogin(result);
-  }, [cancelLoginId]);
-  const start = useCallback(async () => {
-    if (!onOAuthLoginRef.current || startingRef.current) return;
-    startingRef.current = true;
-    const generation = generationRef.current;
-    setBusy(true);
-    const previous = loginIdRef.current;
-    loginIdRef.current = null;
-    setLogin(null);
-    await cancelLoginId(previous);
-    if (generation !== generationRef.current) {
-      startingRef.current = false;
-      return;
-    }
-    try {
-      const result = await onOAuthLoginRef.current({ providerId: providerIdRef.current });
-      applyResult(result, generation);
-    } catch (error) {
-      if (generation !== generationRef.current) return;
-      setLogin({
-        status: "error",
-        error: error instanceof Error ? error.message : "Failed to start OAuth sign-in"
-      });
-    } finally {
-      startingRef.current = false;
-      if (generation === generationRef.current) setBusy(false);
-    }
-  }, [applyResult, cancelLoginId]);
-  const submitPrompt = useCallback(async () => {
-    const loginId = loginIdRef.current;
-    if (!onOAuthLoginRef.current || !loginId) return;
-    const generation = generationRef.current;
-    setBusy(true);
-    try {
-      const result = await onOAuthLoginRef.current({
-        providerId: providerIdRef.current,
-        loginId,
-        promptAnswer
-      });
-      setPromptAnswer("");
-      applyResult(result, generation);
-    } catch (error) {
-      if (generation !== generationRef.current) return;
-      notify.error(error instanceof Error ? error.message : "Failed to continue OAuth sign-in");
-    } finally {
-      if (generation === generationRef.current) setBusy(false);
-    }
-  }, [applyResult, promptAnswer]);
-  const cancel = useCallback(async () => {
-    generationRef.current += 1;
-    const loginId = loginIdRef.current;
-    resetLocal();
-    await cancelLoginId(loginId);
-  }, [cancelLoginId, resetLocal]);
-  useEffect2(() => {
-    if (!onOAuthLoginRef.current) return;
-    if (login?.status !== "waiting" || !login.loginId) return;
-    const generation = generationRef.current;
-    const loginId = login.loginId;
-    let stopped = false;
-    const poll = async () => {
-      while (!stopped) {
-        try {
-          const result = await onOAuthLoginRef.current({
-            providerId: providerIdRef.current,
-            loginId
-          });
-          if (stopped || generation !== generationRef.current) return;
-          applyResult(result, generation);
-          if (result.status !== "waiting") return;
-        } catch (error) {
-          if (stopped || generation !== generationRef.current) return;
-          if (loginIdRef.current !== loginId) return;
-          loginIdRef.current = null;
-          cancelLoginId(loginId);
-          setLogin({
-            status: "error",
-            error: error instanceof Error ? error.message : "OAuth sign-in failed"
-          });
-          return;
-        }
-        await delay(OAUTH_POLL_MS);
-        if (stopped || generation !== generationRef.current) return;
-        if (loginIdRef.current !== loginId) return;
-      }
-    };
-    poll();
-    return () => {
-      stopped = true;
-    };
-  }, [
-    applyResult,
-    cancelLoginId,
-    login?.loginId,
-    login?.status
-  ]);
-  return {
-    busy,
-    cancel,
-    canStart: Boolean(onOAuthLogin),
-    login,
-    promptAnswer,
-    setPromptAnswer,
-    start,
-    submitPrompt
-  };
-}
-function ProviderOAuthSignIn({ onConfigured, onOAuthLogin, provider }) {
-  const { busy, cancel, canStart, login, promptAnswer, setPromptAnswer, start, submitPrompt } = useOAuthLoginFlow({
-    onConfigured,
-    onOAuthLogin,
-    providerId: provider.id
-  });
-  const waiting = login?.status === "waiting";
-  const error = login?.status === "error" ? login.error : void 0;
-  const authUrl = waiting ? login?.authUrl : void 0;
-  const userCode = waiting ? login?.userCode : void 0;
-  const instructions = waiting ? login?.instructions : void 0;
-  const prompt = waiting ? login?.prompt : void 0;
-  const oauthOnly = provider.authType === "oauth";
-  return /* @__PURE__ */ jsxs("div", {
-    className: "flex flex-col gap-3",
-    children: [provider.isConfigured && oauthOnly && !waiting ? /* @__PURE__ */ jsxs("div", {
-      className: "flex items-center gap-2 text-sm",
-      children: [/* @__PURE__ */ jsx(Check, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ jsx("span", { children: "Connected" })]
-    }) : null, waiting ? /* @__PURE__ */ jsxs("div", {
-      className: "flex flex-col gap-2",
-      children: [
-        /* @__PURE__ */ jsxs("p", {
-          className: "text-sm",
-          children: [
-            "Sign in with ",
-            provider.name,
-            " to store OAuth credentials for this account."
-          ]
-        }),
-        userCode ? /* @__PURE__ */ jsxs("p", {
-          className: "text-sm",
-          children: ["Enter this code: ", /* @__PURE__ */ jsx("span", {
-            className: "font-mono text-foreground",
-            children: userCode
-          })]
-        }) : null,
-        instructions && !userCode ? /* @__PURE__ */ jsx("p", {
-          className: "text-xs text-pretty text-muted-foreground",
-          children: instructions
-        }) : null,
-        authUrl ? /* @__PURE__ */ jsxs(Button$1, {
-          type: "button",
-          size: "compact",
-          onClick: () => {
-            window.open(authUrl, "_blank", "noopener,noreferrer");
-          },
-          children: [/* @__PURE__ */ jsx(ExternalLink, { "data-icon": "inline-start" }), "Open sign-in page"]
-        }) : prompt ? null : /* @__PURE__ */ jsxs("div", {
-          className: "flex items-center gap-2 text-xs text-muted-foreground",
-          children: [/* @__PURE__ */ jsx(Spinner, { className: "size-3" }), "Waiting for sign-in\u2026"]
-        }),
-        prompt ? /* @__PURE__ */ jsxs("div", {
-          className: "flex flex-col gap-2",
-          children: [
-            /* @__PURE__ */ jsx("p", {
-              className: "text-xs text-pretty text-muted-foreground",
-              children: prompt.message
-            }),
-            /* @__PURE__ */ jsx(Input$1, {
-              value: promptAnswer,
-              placeholder: prompt.placeholder,
-              onChange: (event) => setPromptAnswer(event.target.value),
-              "aria-label": prompt.message
-            }),
-            /* @__PURE__ */ jsx("div", {
-              className: "flex justify-end",
-              children: /* @__PURE__ */ jsxs(Button$1, {
-                type: "button",
-                size: "compact",
-                disabled: busy || !prompt.allowEmpty && !promptAnswer.trim(),
-                onClick: () => {
-                  submitPrompt();
-                },
-                children: [busy ? /* @__PURE__ */ jsx(Spinner, { "data-icon": "inline-start" }) : null, "Continue"]
-              })
-            })
-          ]
-        }) : null,
-        /* @__PURE__ */ jsx("div", {
-          className: "flex justify-end",
-          children: /* @__PURE__ */ jsx(Button$1, {
-            type: "button",
-            variant: "ghost",
-            size: "compact",
-            disabled: busy,
-            onClick: () => {
-              cancel();
-            },
-            children: "Cancel sign-in"
-          })
-        })
-      ]
-    }) : /* @__PURE__ */ jsxs("div", {
-      className: "flex flex-col gap-2",
-      children: [error ? /* @__PURE__ */ jsx(Alert, {
-        className: "px-3 py-2",
-        children: /* @__PURE__ */ jsx(AlertDescription, {
-          className: "text-xs text-pretty",
-          children: error
-        })
-      }) : /* @__PURE__ */ jsx("p", {
-        className: "text-xs text-pretty text-muted-foreground",
-        children: oauthOnly && provider.isConfigured ? `Sign in again with ${provider.name} to refresh OAuth credentials.` : oauthOnly ? `Sign in with ${provider.name}. No API key is stored; credentials are saved to auth.json.` : `Sign in with ${provider.name} to use OAuth credentials; API-key editing remains available above.`
-      }), /* @__PURE__ */ jsx("div", {
-        className: "flex justify-end",
-        children: /* @__PURE__ */ jsxs(Button$1, {
-          type: "button",
-          size: "compact",
-          disabled: busy || !canStart,
-          onClick: () => {
-            start();
-          },
-          children: [
-            busy ? /* @__PURE__ */ jsx(Spinner, { "data-icon": "inline-start" }) : null,
-            "Sign in with ",
-            provider.name
-          ]
-        })
-      })]
-    })]
-  });
-}
-function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx("textarea", {
-    "data-slot": "textarea",
-    className: cn("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
-    ...props
-  });
-}
-function statusLabel(connection) {
-  switch (connection.status) {
-    case "connected":
-      return "Connected";
-    case "anonymous":
-      return "Available without sign-in";
-    case "needs_auth":
-      return "Sign-in required";
-    case "disabled":
-      return "Disabled";
-    default:
-      return connection.status;
-  }
-}
-function connectionSubtitle(connection) {
-  const details = connection.transport === "http" ? connection.url : connection.commandPreview;
-  return [
-    connection.source === "builtin" ? "Built-in" : "User",
-    connection.transport === "http" ? "HTTP" : "stdio",
-    statusLabel(connection),
-    details
-  ].filter((part) => Boolean(part)).join(" \xB7 ");
-}
-function McpConnectionsSection({ connections, isLoading, isPending, onOAuth, onRemove, onUpsert }) {
-  const [adding, setAdding] = useState2(false);
-  const [transport, setTransport] = useState2("http");
-  const [name, setName] = useState2("");
-  const [url, setUrl] = useState2("");
-  const [oauth, setOauth] = useState2(true);
-  const [bearerTokenEnvVar, setBearerTokenEnvVar] = useState2("");
-  const [command, setCommand] = useState2("");
-  const [args, setArgs] = useState2("");
-  const [cwd, setCwd] = useState2("");
-  const [envLines, setEnvLines] = useState2("");
-  const [confirmRemove, setConfirmRemove] = useState2(null);
-  const resetAddForm = () => {
-    setName("");
-    setUrl("");
-    setOauth(true);
-    setBearerTokenEnvVar("");
-    setCommand("");
-    setArgs("");
-    setCwd("");
-    setEnvLines("");
-    setTransport("http");
-    setAdding(false);
-  };
-  const handleAdd = async () => {
-    if (!onUpsert) return;
-    const trimmedName = name.trim();
-    try {
-      if (transport === "http") await onUpsert({
-        name: trimmedName,
-        transport: "http",
-        url: url.trim(),
-        ...oauth ? { oauth: true } : {},
-        ...bearerTokenEnvVar.trim() ? { bearerTokenEnvVar: bearerTokenEnvVar.trim() } : {},
-        force: true
-      });
-      else {
-        const parsedArgs = args.split(/\s+/).map((part) => part.trim()).filter(Boolean);
-        const env = envLines.split("\n").map((line) => line.trim()).filter(Boolean).flatMap((line) => {
-          const equals = line.indexOf("=");
-          if (equals <= 0) return [];
-          const child = line.slice(0, equals).trim();
-          const source = line.slice(equals + 1).trim();
-          if (!child || !source) return [];
-          return [{
-            child,
-            source
-          }];
-        });
-        await onUpsert({
-          name: trimmedName,
-          transport: "stdio",
-          command: command.trim(),
-          ...parsedArgs.length > 0 ? { args: parsedArgs } : {},
-          ...cwd.trim() ? { cwd: cwd.trim() } : {},
-          ...env.length > 0 ? { env } : {},
-          force: true
-        });
-      }
-      notify.success("MCP connection saved");
-      resetAddForm();
-    } catch (error) {
-      notify.error(error instanceof Error ? error.message : "Could not save MCP connection");
-    }
-  };
-  const handleRemove = async (connectionName) => {
-    if (!onRemove) return;
-    try {
-      await onRemove({ name: connectionName });
-      notify.success(`Removed ${connectionName}`);
-      setConfirmRemove(null);
-    } catch (error) {
-      notify.error(error instanceof Error ? error.message : "Could not remove MCP connection");
-    }
-  };
-  const handleLogout = async (connectionName) => {
-    if (!onOAuth) return;
-    try {
-      await onOAuth({
-        name: connectionName,
-        action: "logout"
-      });
-      notify.success(`Signed out of ${connectionName}`);
-    } catch (error) {
-      notify.error(error instanceof Error ? error.message : "Could not sign out");
-    }
-  };
-  const oauthAdapter = useMemo3(() => {
-    if (!onOAuth) return void 0;
-    return (connection) => async (request) => {
-      const starting = !request.loginId && !request.cancel;
-      return await onOAuth({
-        name: connection.name,
-        action: starting && connection.status === "connected" ? "reconnect" : "login",
-        loginId: request.loginId,
-        promptAnswer: request.promptAnswer,
-        cancel: request.cancel
-      });
-    };
-  }, [onOAuth]);
-  return /* @__PURE__ */ jsxs(SettingsPane, {
-    title: "MCP",
-    description: "Connect built-in and user MCP servers. Tokens stay on the server; this list only shows status and environment-variable names.",
-    actions: /* @__PURE__ */ jsxs(Button$1, {
-      type: "button",
-      size: "compact",
-      variant: "outline",
-      disabled: isPending || adding,
-      onClick: () => setAdding(true),
-      children: [/* @__PURE__ */ jsx(Plus, { "data-icon": "inline-start" }), "Add server"]
-    }),
-    children: [
-      isLoading ? /* @__PURE__ */ jsxs("div", {
-        className: "flex items-center gap-2 text-sm text-muted-foreground",
-        children: [/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }), "Loading MCP connections\u2026"]
-      }) : null,
-      adding ? /* @__PURE__ */ jsxs("div", {
-        className: "flex flex-col gap-3 rounded-xl border p-4",
-        children: [
-          /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Name" }), /* @__PURE__ */ jsx(Input$1, {
-            value: name,
-            onChange: (event) => setName(event.target.value),
-            "aria-label": "MCP server name"
-          })] }),
-          /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Transport" }), /* @__PURE__ */ jsx(Select$1, {
-            value: transport,
-            onValueChange: (value) => setTransport(value),
-            options: [{
-              label: "HTTP",
-              value: "http"
-            }, {
-              label: "stdio",
-              value: "stdio"
-            }]
-          })] }),
-          transport === "http" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: "URL" }), /* @__PURE__ */ jsx(Input$1, {
-              value: url,
-              onChange: (event) => setUrl(event.target.value),
-              "aria-label": "MCP server URL"
-            })] }),
-            /* @__PURE__ */ jsxs(Field, {
-              orientation: "horizontal",
-              className: "items-center justify-between",
-              children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(FieldLabel, { children: "OAuth" }), /* @__PURE__ */ jsx(FieldDescription, { children: "Use the browser sign-in flow for this server." })] }), /* @__PURE__ */ jsx(Switch$1, {
-                checked: oauth,
-                onCheckedChange: (checked) => setOauth(checked),
-                "aria-label": "Use OAuth"
-              })]
-            }),
-            !oauth ? /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Bearer token environment variable" }), /* @__PURE__ */ jsx(Input$1, {
-              value: bearerTokenEnvVar,
-              onChange: (event) => setBearerTokenEnvVar(event.target.value),
-              "aria-label": "Bearer token environment variable",
-              placeholder: "MCP_BEARER_TOKEN"
-            })] }) : null
-          ] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Command" }), /* @__PURE__ */ jsx(Input$1, {
-              value: command,
-              onChange: (event) => setCommand(event.target.value),
-              "aria-label": "MCP command"
-            })] }),
-            /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Arguments" }), /* @__PURE__ */ jsx(Input$1, {
-              value: args,
-              onChange: (event) => setArgs(event.target.value),
-              "aria-label": "MCP command arguments"
-            })] }),
-            /* @__PURE__ */ jsxs(Field, { children: [
-              /* @__PURE__ */ jsx(FieldLabel, { children: "Working directory" }),
-              /* @__PURE__ */ jsx(Input$1, {
-                value: cwd,
-                onChange: (event) => setCwd(event.target.value),
-                "aria-label": "MCP working directory"
-              }),
-              /* @__PURE__ */ jsx(FieldDescription, { children: "Must stay inside the current workspace." })
-            ] }),
-            /* @__PURE__ */ jsxs(Field, { children: [
-              /* @__PURE__ */ jsx(FieldLabel, { children: "Environment mappings" }),
-              /* @__PURE__ */ jsx(Textarea, {
-                value: envLines,
-                onChange: (event) => setEnvLines(event.target.value),
-                "aria-label": "MCP environment mappings",
-                placeholder: "CHILD=SOURCE"
-              }),
-              /* @__PURE__ */ jsx(FieldDescription, { children: "One CHILD=SOURCE pair per line. Only variable names are stored." })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "flex justify-end gap-2",
-            children: [/* @__PURE__ */ jsx(Button$1, {
-              type: "button",
-              size: "compact",
-              variant: "ghost",
-              onClick: resetAddForm,
-              children: "Cancel"
-            }), /* @__PURE__ */ jsxs(Button$1, {
-              type: "button",
-              size: "compact",
-              disabled: isPending || !name.trim(),
-              onClick: () => void handleAdd(),
-              children: [isPending ? /* @__PURE__ */ jsx(Spinner, { "data-icon": "inline-start" }) : null, "Save"]
-            })]
-          })
-        ]
-      }) : null,
-      !isLoading && connections.length === 0 && !adding ? /* @__PURE__ */ jsx("p", {
-        className: "text-sm text-muted-foreground",
-        children: "No MCP connections yet."
-      }) : null,
-      /* @__PURE__ */ jsx("div", {
-        className: "flex flex-col gap-2",
-        children: connections.map((connection) => /* @__PURE__ */ jsxs("div", {
-          className: "flex flex-col gap-2",
-          children: [
-            /* @__PURE__ */ jsx(ItemRow, {
-              icon: /* @__PURE__ */ jsx(Plug, { className: "size-4" }),
-              title: connection.label,
-              subtitle: connectionSubtitle(connection),
-              trailing: /* @__PURE__ */ jsxs("div", {
-                className: "flex items-center gap-1.5",
-                children: [connection.usesOAuth && connection.status !== "needs_auth" ? /* @__PURE__ */ jsx(Button$1, {
-                  type: "button",
-                  size: "compact",
-                  variant: "ghost",
-                  disabled: isPending || !onOAuth,
-                  onClick: () => {
-                    handleLogout(connection.name);
-                  },
-                  children: "Sign out"
-                }) : null, connection.source === "user" ? confirmRemove === connection.name ? /* @__PURE__ */ jsx(Button$1, {
-                  type: "button",
-                  size: "compact",
-                  variant: "destructive",
-                  disabled: isPending,
-                  onClick: () => {
-                    handleRemove(connection.name);
-                  },
-                  children: "Confirm remove"
-                }) : /* @__PURE__ */ jsx(Button$1, {
-                  type: "button",
-                  size: "compact",
-                  variant: "ghost",
-                  disabled: isPending || !onRemove,
-                  "aria-label": `Remove ${connection.name}`,
-                  onClick: () => setConfirmRemove(connection.name),
-                  children: /* @__PURE__ */ jsx(Trash, { className: "size-3.5" })
-                }) : null]
-              })
-            }),
-            connection.error ? /* @__PURE__ */ jsx(Alert, {
-              className: "px-3 py-2",
-              children: /* @__PURE__ */ jsx(AlertDescription, {
-                className: "text-xs text-pretty",
-                children: connection.error
-              })
-            }) : null,
-            connection.usesOAuth && oauthAdapter ? /* @__PURE__ */ jsx(ProviderOAuthSignIn, {
-              provider: {
-                id: connection.name,
-                name: connection.label,
-                isConfigured: connection.status === "connected",
-                envVarName: "",
-                authType: "oauth",
-                supportsOAuth: true
-              },
-              onOAuthLogin: oauthAdapter(connection)
-            }) : null
-          ]
-        }, `${connection.source}:${connection.name}`))
-      })
-    ]
-  });
-}
 var THEME_OPTIONS = [
   {
     value: "system",
@@ -2043,6 +1360,46 @@ function AddModelsDialog({ configuredProviderIds, discoverableProviderIds, disco
   const [filter, setFilter] = useState2("");
   const [selectedKeys, setSelectedKeys] = useState2(/* @__PURE__ */ new Set());
   const normalizedFilter = filter.trim().toLowerCase();
+  const [discovery, setDiscovery] = useState2({});
+  const discoveryRef = useRef4(discovery);
+  const discoverCallback = useRef4(onDiscoverProvider);
+  useEffect2(() => {
+    discoverCallback.current = onDiscoverProvider;
+  }, [onDiscoverProvider]);
+  const refreshProvider = useCallback(async (id, force = false) => {
+    const previous = discoveryRef.current[id];
+    if (previous?.loading || !force && previous?.updatedAt && Date.now() - previous.updatedAt < 6e4) return;
+    const update = (value) => {
+      discoveryRef.current = {
+        ...discoveryRef.current,
+        [id]: value ?? {}
+      };
+      setDiscovery(discoveryRef.current);
+    };
+    update({
+      ...previous,
+      loading: true,
+      error: false
+    });
+    try {
+      await discoverCallback.current(id);
+      update({ updatedAt: Date.now() });
+    } catch {
+      update({
+        loading: false,
+        error: true
+      });
+    }
+  }, []);
+  const discoveryIds = [...discoverableProviderIds ?? []].filter((id) => configuredProviderIds.has(id)).sort((a, b) => a.localeCompare(b)).join("\n");
+  useEffect2(() => {
+    if (!open) return;
+    for (const id of discoveryIds.split("\n").filter(Boolean)) refreshProvider(id);
+  }, [
+    open,
+    discoveryIds,
+    refreshProvider
+  ]);
   const candidateModels = useMemo3(() => {
     return modelOptions.filter((model) => {
       if (!configuredProviderIds.has(model.provider)) return false;
@@ -2088,49 +1445,61 @@ function AddModelsDialog({ configuredProviderIds, discoverableProviderIds, disco
   const confirmAdd = () => {
     const selected = candidateModels.filter((model) => selectedKeys.has(model.id));
     if (selected.length > 0) onAddModels(selected);
+    setSelectedKeys(/* @__PURE__ */ new Set());
     onOpenChange(false);
   };
   return /* @__PURE__ */ jsx(Dialog$1, {
     open,
-    onOpenChange,
+    onOpenChange: (next) => {
+      if (!next) setSelectedKeys(/* @__PURE__ */ new Set());
+      onOpenChange(next);
+    },
     children: /* @__PURE__ */ jsxs(DialogContent, {
-      className: "max-w-lg",
+      className: "flex max-h-[calc(100dvh-2rem)] min-w-0 max-w-[calc(100%-2rem)] sm:max-w-lg flex-col overflow-hidden",
       children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Add models" }), /* @__PURE__ */ jsxs(DialogDescription, { children: [
-          "Pick models discovered from your configured providers. For OpenAI Chat Completions, refresh runs",
-          " ",
-          /* @__PURE__ */ jsxs("span", {
-            className: "font-medium",
-            children: ["GET ", "{baseUrl}/models"]
-          }),
-          "."
-        ] })] }),
+        /* @__PURE__ */ jsxs(DialogHeader, {
+          className: "shrink-0",
+          children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Add models" }), /* @__PURE__ */ jsxs(DialogDescription, { children: [
+            "Pick models discovered from your configured providers. For OpenAI Chat Completions, refresh runs",
+            " ",
+            /* @__PURE__ */ jsxs("span", {
+              className: "font-medium",
+              children: ["GET ", "{baseUrl}/models"]
+            }),
+            "."
+          ] })]
+        }),
         /* @__PURE__ */ jsx("div", {
-          className: "flex flex-wrap gap-1.5",
-          children: discoverableProviders.map((providerId) => {
-            const discovering = discoveringProviderId === providerId;
-            const activeCount = activeCountByProvider.get(providerId) ?? 0;
-            return /* @__PURE__ */ jsxs(Button$1, {
-              type: "button",
-              variant: "outline",
-              size: "compact",
-              disabled: discoveringProviderId !== null,
-              onClick: () => {
-                onDiscoverProvider(providerId);
-              },
-              children: [
-                discovering ? /* @__PURE__ */ jsx(Spinner, { "data-icon": "inline-start" }) : /* @__PURE__ */ jsx(RefreshCw, { "data-icon": "inline-start" }),
-                providerLabel(providerId),
-                activeCount > 0 ? /* @__PURE__ */ jsxs("span", {
-                  className: "tabular-nums text-muted-foreground",
-                  children: [
-                    "\xB7 ",
-                    activeCount,
-                    " active"
-                  ]
-                }) : null
-              ]
-            }, providerId);
+          className: "max-h-28 shrink-0 overflow-y-auto",
+          children: /* @__PURE__ */ jsx("div", {
+            className: "flex min-w-0 flex-wrap gap-1.5 [&_button]:max-w-full [&_button]:h-auto [&_button]:whitespace-normal [&_button]:break-words",
+            children: discoverableProviders.map((providerId) => {
+              const discovering = discovery[providerId]?.loading ?? discoveringProviderId === providerId;
+              const activeCount = activeCountByProvider.get(providerId) ?? 0;
+              return /* @__PURE__ */ jsxs(Button$1, {
+                type: "button",
+                variant: "outline",
+                size: "compact",
+                disabled: discovering,
+                onClick: () => {
+                  refreshProvider(providerId, true);
+                },
+                children: [
+                  discovering ? /* @__PURE__ */ jsx(Spinner, { "data-icon": "inline-start" }) : /* @__PURE__ */ jsx(RefreshCw, { "data-icon": "inline-start" }),
+                  "Refresh ",
+                  providerLabel(providerId),
+                  discovery[providerId]?.error ? " \xB7 Refresh failed (stale)" : "",
+                  activeCount > 0 ? /* @__PURE__ */ jsxs("span", {
+                    className: "tabular-nums text-muted-foreground",
+                    children: [
+                      "\xB7 ",
+                      activeCount,
+                      " active"
+                    ]
+                  }) : null
+                ]
+              }, providerId);
+            })
           })
         }),
         /* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(InputGroupAddon, {
@@ -2143,10 +1512,11 @@ function AddModelsDialog({ configuredProviderIds, discoverableProviderIds, disco
           placeholder: "Search discovered models\u2026"
         })] }),
         /* @__PURE__ */ jsx("div", {
-          className: "max-h-72 overflow-y-auto overscroll-contain",
+          className: "min-h-0 min-w-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain",
+          "aria-live": "polite",
           children: groupedCandidates.length === 0 ? /* @__PURE__ */ jsx("p", {
             className: "py-6 text-center text-xs text-pretty text-muted-foreground",
-            children: candidateModels.length === 0 && !normalizedFilter ? "All discovered models are already in your list, or none are available yet." : "No models match your search."
+            children: Object.values(discovery).some((state) => state.loading) ? "Loading models\u2026" : candidateModels.length === 0 && !normalizedFilter ? "No additional models available. Providers may have returned an empty list or all models are already enabled." : "No models match your search."
           }) : /* @__PURE__ */ jsx("div", {
             className: "flex flex-col gap-3",
             children: groupedCandidates.map(([provider, models]) => /* @__PURE__ */ jsxs("div", {
@@ -2197,7 +1567,7 @@ function AddModelsDialog({ configuredProviderIds, discoverableProviderIds, disco
           })
         }),
         /* @__PURE__ */ jsxs("div", {
-          className: "flex items-center justify-end gap-1.5",
+          className: "flex shrink-0 items-center justify-end gap-1.5",
           children: [/* @__PURE__ */ jsx(Button$1, {
             type: "button",
             variant: "ghost",
@@ -2287,7 +1657,7 @@ function ModelDefaultsSection({ draft, discoveringProviderId, modelDirty, modelF
   return /* @__PURE__ */ jsxs(SettingsPane, {
     title: "LLM Models",
     description: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      "Models available in chat. Discover from configured providers, add the ones you want, and remove any you do not need \u2014 changes save automatically. ",
+      "Models available in chat. ",
       /* @__PURE__ */ jsx("span", {
         className: "tabular-nums",
         children: listedModels.length
@@ -2501,6 +1871,32 @@ function isOAuthProvider(provider) {
 function supportsOAuth(provider) {
   return provider.supportsOAuth === true;
 }
+function ProviderOAuthTerminalFallback({ provider }) {
+  return /* @__PURE__ */ jsx(Alert, {
+    className: "px-3 py-2",
+    children: /* @__PURE__ */ jsxs(AlertDescription, {
+      className: "text-xs text-pretty",
+      children: [
+        "Sign-in has to run inside Prime Agent. In a terminal, start Prime Agent against the same account as Fleet, then run ",
+        /* @__PURE__ */ jsx("code", {
+          className: "rounded bg-muted px-1 py-0.5 font-mono text-caption text-foreground",
+          children: "/login"
+        }),
+        " ",
+        "and choose ",
+        provider.name,
+        ". Fleet reads the stored credential on every request, so a restart is not needed. If Fleet uses a non-default account directory, start Prime Agent with the same",
+        " ",
+        /* @__PURE__ */ jsx("code", {
+          className: "rounded bg-muted px-1 py-0.5 font-mono text-caption text-foreground",
+          children: "PRIME_AGENT_CODING_AGENT_DIR"
+        }),
+        " ",
+        "it uses."
+      ]
+    })
+  });
+}
 var CUSTOM_PROVIDER_PICKER_ROW = {
   id: "custom",
   name: "Custom provider",
@@ -2538,7 +1934,7 @@ function useProviderCredentialsController({ onRemoveProvider, onUpdateProvider,
   }, [activeProviders, searchQuery]);
   const filteredPickerAvailable = useMemo3(() => {
     const query = addPickerQuery.trim().toLowerCase();
-    return unconfiguredProviders.filter((provider) => providerMatchesQuery(provider, query));
+    return unconfiguredProviders.filter((provider) => providerMatchesQuery(provider, query)).sort((a, b) => a.id === "custom" ? -1 : b.id === "custom" ? 1 : a.name.localeCompare(b.name));
   }, [addPickerQuery, unconfiguredProviders]);
   const filteredPickerConfigured = useMemo3(() => {
     const query = addPickerQuery.trim().toLowerCase();
@@ -2745,7 +2141,7 @@ function AddProviderPickerPanel({ addPickerQuery, credentialProvidersLength, fil
             children: "Add provider"
           }), /* @__PURE__ */ jsx("p", {
             className: "text-xs text-pretty text-muted-foreground",
-            children: "Choose a provider to store encrypted credentials for this account."
+            children: "Choose a provider to save credentials in Prime Agent\u2019s auth.json."
           })]
         })]
       }),
@@ -2789,7 +2185,7 @@ function AddProviderPickerPanel({ addPickerQuery, credentialProvidersLength, fil
     ]
   });
 }
-function AddProviderOAuthPanel({ onBack, onConfigured, onOAuthLogin, provider }) {
+function AddProviderOAuthPanel({ onBack, provider }) {
   return /* @__PURE__ */ jsxs("div", {
     className: "flex flex-col gap-3",
     children: [/* @__PURE__ */ jsxs("div", {
@@ -2811,14 +2207,10 @@ function AddProviderOAuthPanel({ onBack, onConfigured, onOAuthLogin, provider })
           children: "OAuth sign-in. Credentials are stored in auth.json for this account."
         })]
       })]
-    }), /* @__PURE__ */ jsx(ProviderOAuthSignIn, {
-      provider,
-      onConfigured,
-      onOAuthLogin
-    }, provider.id)]
+    }), /* @__PURE__ */ jsx(ProviderOAuthTerminalFallback, { provider })]
   });
 }
-function AddProviderEditorPanel({ provider, api, apiKey, baseUrl, modelId, models, displayName, showPassword, attemptedSave, isPending, canSave, onApiKeyChange, onApiChange, onBaseUrlChange, onModelIdChange, onModelsChange, onDisplayNameChange, onTogglePassword, onBack, onCancel, onConfigured, onOAuthLogin, onSave }) {
+function AddProviderEditorPanel({ provider, api, apiKey, baseUrl, modelId, models, displayName, showPassword, attemptedSave, isPending, canSave, onApiKeyChange, onApiChange, onBaseUrlChange, onModelIdChange, onModelsChange, onDisplayNameChange, onTogglePassword, onBack, onCancel, onSave }) {
   const isCustomTemplate = provider.id === "custom" || isCustomProviderId(provider.id);
   const meta = PROVIDER_METADATA[provider.id] ?? (isCustomTemplate ? PROVIDER_METADATA["custom"] : {
     placeholder: "Enter credentials\u2026",
@@ -2892,11 +2284,7 @@ function AddProviderEditorPanel({ provider, api, apiKey, baseUrl, modelId, model
           children: [isPending ? /* @__PURE__ */ jsx(Spinner, { "data-icon": "inline-start" }) : null, "Save"]
         })]
       }),
-      oauthAvailable ? /* @__PURE__ */ jsx(ProviderOAuthSignIn, {
-        provider,
-        onConfigured: onConfigured ?? onCancel,
-        onOAuthLogin
-      }, `${provider.id}-oauth`) : null
+      oauthAvailable ? /* @__PURE__ */ jsx(ProviderOAuthTerminalFallback, { provider }) : null
     ]
   });
 }
@@ -2953,7 +2341,7 @@ function ProviderPickerRow({ configured, onSelect, provider }) {
     })]
   });
 }
-function ActiveProviderList({ providers, editingProvider, form, operation, actions, onEdit, onCancelEdit, onSave, onRemove, onOAuthLogin, onConfigured }) {
+function ActiveProviderList({ providers, editingProvider, form, operation, actions, onEdit, onCancelEdit, onSave, onRemove }) {
   const { api, apiKey, baseUrl, modelId, models, displayName, showPassword, attemptedSave, canSave } = form;
   const { isPending, canRemove } = operation;
   const { onApiKeyChange, onApiChange, onBaseUrlChange, onModelIdChange, onModelsChange, onDisplayNameChange, onTogglePassword } = actions;
@@ -3008,11 +2396,7 @@ function ActiveProviderList({ providers, editingProvider, form, operation, actio
           tone: "inset",
           padding: "md",
           className: "flex flex-col gap-2 border-t border-border/30",
-          children: oauthOnly ? /* @__PURE__ */ jsx(ProviderOAuthSignIn, {
-            provider,
-            onConfigured,
-            onOAuthLogin
-          }, provider.id) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: oauthOnly ? /* @__PURE__ */ jsx(ProviderOAuthTerminalFallback, { provider }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
             /* @__PURE__ */ jsx(ProviderCredentialFields, {
               attemptedSave,
               api: provider.api ?? api,
@@ -3050,18 +2434,14 @@ function ActiveProviderList({ providers, editingProvider, form, operation, actio
                 children: [isPending ? /* @__PURE__ */ jsx(Spinner, { "data-icon": "inline-start" }) : null, "Save"]
               })
             }),
-            oauthAvailable ? /* @__PURE__ */ jsx(ProviderOAuthSignIn, {
-              provider,
-              onConfigured,
-              onOAuthLogin
-            }, `${provider.id}-oauth`) : null
+            oauthAvailable ? /* @__PURE__ */ jsx(ProviderOAuthTerminalFallback, { provider }) : null
           ] })
         }) : null]
       }, provider.id);
     })
   });
 }
-function ProviderCredentialsSection({ isLoading, isPending, onOAuthLogin, onRemoveProvider, onUpdateProvider, providers }) {
+function ProviderCredentialsSection({ isLoading, isPending, onRemoveProvider, onUpdateProvider, providers }) {
   const { activeProviders, addPickerOpen, addPickerQuery, api, apiKey, attemptedSave, baseUrl, canSave, closeAddPicker, closeEditor, confirmRemoveProvider, credentialProviders, displayName, editingProvider, editingUnconfiguredProvider, filteredActiveProviders, filteredPickerAvailable, filteredPickerConfigured, handleRemove, handleSave, modelId, models, openAddPicker, openEditor, pickerHasResults, searchQuery, selectProviderFromPicker, setAddPickerQuery, setApi, setApiKey, setBaseUrl, setConfirmRemoveProvider, setDisplayName, setModelId, setModels, setSearchQuery, setShowPassword, showPassword } = useProviderCredentialsController({
     onRemoveProvider,
     onUpdateProvider,
@@ -3094,13 +2474,13 @@ function ProviderCredentialsSection({ isLoading, isPending, onOAuthLogin, onRemo
   return /* @__PURE__ */ jsxs(SettingsPane, {
     title: "Providers",
     description: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      "Locally, API keys are stored in",
+      "Provider credentials are stored in Prime Agent\u2019s",
       " ",
       /* @__PURE__ */ jsx("code", {
         className: "rounded bg-muted px-1 py-0.5 font-mono text-caption text-foreground",
-        children: ".env.local"
+        children: "auth.json"
       }),
-      ". When deployed, they are stored encrypted in your account."
+      ". Custom providers and model definitions are stored in models.json. Enabled models and defaults are saved in settings.json, or the existing project settings file."
     ] }),
     children: [addPickerOpen ? /* @__PURE__ */ jsx(AddProviderPickerPanel, {
       addPickerQuery,
@@ -3113,9 +2493,7 @@ function ProviderCredentialsSection({ isLoading, isPending, onOAuthLogin, onRemo
       onSelect: selectProviderFromPicker
     }) : editingUnconfiguredProvider && isOAuthProvider(editingUnconfiguredProvider) ? /* @__PURE__ */ jsx(AddProviderOAuthPanel, {
       provider: editingUnconfiguredProvider,
-      onBack: openAddPicker,
-      onConfigured: closeEditor,
-      onOAuthLogin
+      onBack: openAddPicker
     }, editingUnconfiguredProvider.id) : editingUnconfiguredProvider ? /* @__PURE__ */ jsx(AddProviderEditorPanel, {
       provider: editingUnconfiguredProvider,
       api,
@@ -3137,8 +2515,6 @@ function ProviderCredentialsSection({ isLoading, isPending, onOAuthLogin, onRemo
       onTogglePassword: () => setShowPassword((current) => !current),
       onBack: openAddPicker,
       onCancel: closeEditor,
-      onConfigured: closeEditor,
-      onOAuthLogin,
       onSave: () => {
         if (editingProvider) handleSave(editingProvider);
       }
@@ -3195,9 +2571,7 @@ function ProviderCredentialsSection({ isLoading, isPending, onOAuthLogin, onRemo
         onEdit: openEditor,
         onCancelEdit: closeEditor,
         onSave: (providerId) => void handleSave(providerId),
-        onRemove: setConfirmRemoveProvider,
-        onOAuthLogin,
-        onConfigured: closeEditor
+        onRemove: setConfirmRemoveProvider
       })]
     }), /* @__PURE__ */ jsx(RemoveProviderConfirmDialog, {
       confirmRemoveProvider,
@@ -3300,7 +2674,7 @@ function sanitizeStringList(values) {
 }
 function useModelDefaultsForm({ draft, setDraft, updateDraft, settings, providers, models, modelCatalog, onDiscoverModels, saveSettings, setSavingSection }) {
   const [modelFilter, setModelFilter] = useState2("");
-  const [discoveredModels, setDiscoveredModels] = useState2([]);
+  const [discoveredModels, setDiscoveredModels] = useState2({});
   const [discoveringProviderId, setDiscoveringProviderId] = useState2(null);
   const lastCommittedModelSettings = useRef4(null);
   const configuredProviderIds = useMemo3(() => {
@@ -3311,13 +2685,24 @@ function useModelDefaultsForm({ draft, setDraft, updateDraft, settings, provider
   const catalogModels = modelCatalog ?? models;
   const modelOptions = useMemo3(() => {
     const byId = /* @__PURE__ */ new Map();
-    for (const model of catalogModels) if (configuredProviderIds.has(model.provider) && model.available !== false) byId.set(model.id, model);
-    for (const model of discoveredModels) if (configuredProviderIds.has(model.provider) && model.available !== false) byId.set(model.id, model);
+    const catalogById = new Map(catalogModels.map((model) => [model.id, model]));
+    for (const model of catalogModels) {
+      if (Object.hasOwn(discoveredModels, model.provider) && !isModelEnabled(model, draft?.enabledModels)) continue;
+      if (configuredProviderIds.has(model.provider) && model.available !== false) byId.set(model.id, model);
+    }
+    for (const model of Object.values(discoveredModels).flat()) if (configuredProviderIds.has(model.provider) && model.available !== false) {
+      const existing = catalogById.get(model.id);
+      byId.set(model.id, existing ? {
+        ...model,
+        ...existing
+      } : model);
+    }
     return [...byId.values()];
   }, [
     catalogModels,
     configuredProviderIds,
-    discoveredModels
+    discoveredModels,
+    draft?.enabledModels
   ]);
   const modelBaseline = lastCommittedModelSettings.current ?? (settings ? comparableModelSettings(settings.effective) : null);
   const modelDirty = !!draft && !!modelBaseline && !sameJson(comparableModelSettings(draft), modelBaseline);
@@ -3393,11 +2778,10 @@ function useModelDefaultsForm({ draft, setDraft, updateDraft, settings, provider
     setDiscoveringProviderId(providerId);
     try {
       const discovered = await onDiscoverModels(providerId);
-      setDiscoveredModels((current) => {
-        const byId = new Map(current.map((model) => [model.id, model]));
-        for (const model of discovered) byId.set(model.id, model);
-        return [...byId.values()];
-      });
+      setDiscoveredModels((current) => ({
+        ...current,
+        [providerId]: discovered
+      }));
     } finally {
       setDiscoveringProviderId(null);
     }
@@ -4104,7 +3488,7 @@ var ScrollArea$1 = forwardRef7(({ className, children, viewportClassName, orient
           "data-slot": "scroll-area-viewport",
           className: cn("size-full rounded-[inherit]", viewportClassName),
           children: /* @__PURE__ */ jsx(index_parts_exports.Content, {
-            className: cn(orientation2 === "vertical" && "w-full min-w-full"),
+            className: cn(orientation2 === "vertical" && "block! w-full min-w-0! max-w-full"),
             children
           })
         }),
@@ -4132,10 +3516,11 @@ var ScrollBar = forwardRef7(({ className, orientation: orientation2 = "vertical"
 });
 ScrollBar.displayName = "ScrollBar";
 function useSettingsForm() {
-  const { isLoadingMcp, isLoadingProviders, isUpdatingMcp, isUpdatingProvider, mcpConnections = [], modelCatalog, onDiscoverModels, onMcpOAuth, onOAuthLogin, onRemoveMcp, onRemoveProvider, onThemePreferenceChange, onUpdateMcp, onUpdateProvider, providers = [], saveSettings, settings, settingsLoading, themePreference } = useSettingsActionsContext();
+  const { isLoadingMcp, isLoadingProviders, isUpdatingMcp, isUpdatingProvider, mcpConnections = [], modelCatalog, onDiscoverModels, onMcpOAuth, onRemoveMcp, onRemoveProvider, onThemePreferenceChange, onUpdateMcp, onUpdateProvider, providers = [], saveSettings, settings, settingsLoading, themePreference } = useSettingsActionsContext();
   const { models, resources } = useChatPanelDataContext();
   const [draft, setDraft] = useState2(null);
   const [savingSection, setSavingSection] = useState2(null);
+  const syncedSettings = useRef4(void 0);
   const resourceSummary = summarizeResources(resources);
   const updateDraft = (updater) => {
     setDraft((current) => current ? updater(current) : current);
@@ -4163,9 +3548,10 @@ function useSettingsForm() {
     setDraft(settings.effective);
   };
   useEffect2(() => {
-    if (!settings) return;
+    if (!settings || syncedSettings.current === settings) return;
     const nextDraft = settings.effective;
     if (draft && hasUnsavedChanges) return;
+    syncedSettings.current = settings;
     if (draft && sameJson(draft, nextDraft)) return;
     setDraft(nextDraft);
   }, [
@@ -4202,7 +3588,6 @@ function useSettingsForm() {
     isUpdatingProvider,
     mcpConnections,
     onMcpOAuth,
-    onOAuthLogin,
     onRemoveMcp,
     onRemoveProvider,
     onThemePreferenceChange,
@@ -4276,7 +3661,7 @@ function SettingsDialogSession({ initialTab, onOpenChange, open }) {
   });
 }
 function SettingsDialogPaneContent({ activeTab, composerIntent, form, onComposerIntentChange, onComposerIntentKeyChange, preferences, updatePreference }) {
-  const { isLoadingMcp, isLoadingProviders, isUpdatingMcp, isUpdatingProvider, mcpConnections, onMcpOAuth, onOAuthLogin, onRemoveMcp, onRemoveProvider, onThemePreferenceChange, onUpdateMcp, onUpdateProvider, providers, resources, settingsLoading, themePreference, draft, savingSection, packageRows, packageError, modelFilter, setModelFilter, resourceSummary, modelOptions, modelDirty, resourceDirty, revertResourceDraft, revertModelDraft, updateDraft, handlePackageRowsChange, addModels, removeModel, setDefaultModel, discoverProvider, discoveringProviderId, saveSection } = form;
+  const { isLoadingMcp, isLoadingProviders, isUpdatingMcp, isUpdatingProvider, mcpConnections, onMcpOAuth, onRemoveMcp, onRemoveProvider, onThemePreferenceChange, onUpdateMcp, onUpdateProvider, providers, resources, settingsLoading, themePreference, draft, savingSection, packageRows, packageError, modelFilter, setModelFilter, resourceSummary, modelOptions, modelDirty, resourceDirty, revertResourceDraft, revertModelDraft, updateDraft, handlePackageRowsChange, addModels, removeModel, setDefaultModel, discoverProvider, discoveringProviderId, saveSection } = form;
   const resourcesPane = (scope) => /* @__PURE__ */ jsx(ResourcesSection, {
     scope,
     draft,
@@ -4418,26 +3803,31 @@ function SettingsDialogPaneContent({ activeTab, composerIntent, form, onComposer
       isLoading: isLoadingProviders ?? false,
       isPending: isUpdatingProvider ?? false,
       providers,
-      onOAuthLogin,
       onRemoveProvider,
       onUpdateProvider
     }),
-    "llm-models": () => /* @__PURE__ */ jsx(ModelDefaultsSection, {
-      draft,
-      discoveringProviderId,
-      modelDirty,
-      modelFilter,
-      modelOptions,
-      onAddModels: addModels,
-      onDiscoverProvider: discoverProvider,
-      onModelFilterChange: setModelFilter,
-      onRemoveModel: removeModel,
-      onSetDefaultModel: setDefaultModel,
-      providers,
-      onRevert: revertModelDraft,
-      onSave: () => draft && saveSection("models", modelSettings(draft)),
-      saving: savingSection === "models",
-      settingsLoading
+    "llm-models": () => /* @__PURE__ */ jsxs("div", {
+      className: "flex flex-col gap-3",
+      children: [/* @__PURE__ */ jsx("p", {
+        className: "text-sm text-muted-foreground",
+        children: "Saving writes the same settings file Prime Agent reads. If you change these settings in the Prime Agent terminal at the same moment, the later save wins."
+      }), /* @__PURE__ */ jsx(ModelDefaultsSection, {
+        draft,
+        discoveringProviderId,
+        modelDirty,
+        modelFilter,
+        modelOptions,
+        onAddModels: addModels,
+        onDiscoverProvider: discoverProvider,
+        onModelFilterChange: setModelFilter,
+        onRemoveModel: removeModel,
+        onSetDefaultModel: setDefaultModel,
+        providers,
+        onRevert: revertModelDraft,
+        onSave: () => draft && saveSection("models", modelSettings(draft)),
+        saving: savingSection === "models",
+        settingsLoading
+      })]
     }),
     skills: () => resourcesPane("skills"),
     "pi-harness": () => resourcesPane("harness"),
@@ -4619,13 +4009,14 @@ function SettingsDialogBody({ initialTab, onCloseAttemptRef, onOpenChange }) {
               })
             }),
             /* @__PURE__ */ jsx(ScrollArea$1, {
-              className: "min-h-0 w-full flex-1",
+              className: "min-h-0 min-w-0 w-full flex-1",
+              viewportClassName: "overflow-x-hidden",
               children: /* @__PURE__ */ jsx("div", {
                 id: `panel-${activeTab}`,
                 role: "tabpanel",
                 "aria-label": activeSection.title,
                 tabIndex: 0,
-                className: "w-full p-6 outline-none",
+                className: "min-w-0 w-full max-w-full p-4 outline-none [overflow-wrap:anywhere] sm:p-6",
                 children: paneContent
               })
             })