@openhands/agent-canvas 1.14.0 → 1.16.0

package/dist/components/features/mcp-page/mcp-server-health.js

@@ -4,10 +4,10 @@ import { cn as n } from "../../../utils/utils.js";
 import { retrieveAxiosErrorMessage as r } from "../../../utils/retrieve-axios-error-message.js";
 import { displayErrorToast as i } from "../../../utils/custom-toast-handlers.js";
 import { useActiveBackend as a } from "../../../contexts/active-backend-context.js";
-import { useUpdateMcpServer as o } from "../../../hooks/mutation/use-update-mcp-server.js";
-import { seedMcpServerHealth as s } from "../../../api/mcp-health/probe-mcp-server-health.js";
-import { useMcpServerHealth as c } from "../../../hooks/use-mcp-server-health.js";
-import { makeMcpTestErrorMessage as l } from "../../../utils/mcp-test-error-message.js";
+import { seedMcpServerHealth as o } from "../../../api/mcp-health/probe-mcp-server-health.js";
+import { makeMcpTestErrorMessage as s } from "../../../utils/mcp-test-error-message.js";
+import { useUpdateMcpServer as c } from "../../../hooks/mutation/use-update-mcp-server.js";
+import { useMcpServerHealth as l } from "../../../hooks/use-mcp-server-health.js";
 import "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/features/mcp-page/mcp-server-health.tsx
@@ -24,33 +24,33 @@ function h(e, n) {
 	switch (n.status) {
 		case "checking": return e(t.MCP$HEALTH_STATUS_CHECKING);
 		case "healthy": return n.verification === "verified" ? e(t.MCP$HEALTH_STATUS_VERIFIED, { count: n.toolCount }) : e(t.MCP$HEALTH_STATUS_CONNECTIVITY_ONLY);
-		case "failed": return l(e, n.kind, n.error);
+		case "failed": return s(e, n.kind, n.error);
 		default: return e(t.MCP$HEALTH_STATUS_UNCHECKED);
 	}
 }
-function g({ server: l, catalog: g, onEdit: _ }) {
-	let { t: v } = e("openhands"), { backend: y } = a(), { health: b, probe: x, reauthorize: S } = c(l), { mutate: C } = o();
+function g({ server: s, catalog: g, onEdit: _ }) {
+	let { t: v } = e("openhands"), { backend: y } = a(), { health: b, probe: x, reauthorize: S } = l(s), { mutate: C } = c();
 	if (y.kind === "cloud") return null;
 	let w = b.status === "checking", T = b.status === "failed", E = h(v, b), D = async () => {
 		let e = await S();
-		if (!e?.ok || !e.oauth_state || l.auth?.strategy !== "oauth2") return;
+		if (!e?.ok || !e.oauth_state || s.auth?.strategy !== "oauth2") return;
 		let n = {
-			...l,
+			...s,
 			auth: {
-				...l.auth,
+				...s.auth,
 				state: e.oauth_state
 			}
 		};
 		C({
-			serverId: l.id,
+			serverId: s.id,
 			server: n
 		}, {
-			onSuccess: () => s(n, e, []),
+			onSuccess: () => o(n, e, []),
 			onError: (e) => i(r(e) || v(t.ERROR$GENERIC))
 		});
 	};
 	return /* @__PURE__ */ d("div", {
-		"data-testid": `mcp-server-health-${l.id}`,
+		"data-testid": `mcp-server-health-${s.id}`,
 		role: "presentation",
 		className: "flex flex-col gap-1.5",
 		onClick: (e) => e.stopPropagation(),
@@ -64,7 +64,7 @@ function g({ server: l, catalog: g, onEdit: _ }) {
 					"aria-hidden": "true",
 					className: n("inline-block h-2 w-2 shrink-0 rounded-full", f[b.status])
 				}), /* @__PURE__ */ u("p", {
-					"data-testid": `mcp-health-label-${l.id}`,
+					"data-testid": `mcp-health-label-${s.id}`,
 					className: n("line-clamp-2 break-words text-xs", T ? "text-red-500" : "text-tertiary-alt"),
 					title: E,
 					children: E
@@ -79,7 +79,7 @@ function g({ server: l, catalog: g, onEdit: _ }) {
 				children: [
 					/* @__PURE__ */ u("button", {
 						type: "button",
-						"data-testid": `mcp-health-probe-${l.id}`,
+						"data-testid": `mcp-health-probe-${s.id}`,
 						className: p,
 						onClick: () => void x(),
 						disabled: w,
@@ -87,14 +87,14 @@ function g({ server: l, catalog: g, onEdit: _ }) {
 					}),
 					T && b.kind === "credentials" ? /* @__PURE__ */ u("button", {
 						type: "button",
-						"data-testid": `mcp-health-update-credentials-${l.id}`,
+						"data-testid": `mcp-health-update-credentials-${s.id}`,
 						className: p,
 						onClick: _,
 						children: v(t.MCP$HEALTH_UPDATE_CREDENTIALS)
 					}) : null,
-					T && l.auth?.strategy === "oauth2" ? /* @__PURE__ */ u("button", {
+					T && s.auth?.strategy === "oauth2" ? /* @__PURE__ */ u("button", {
 						type: "button",
-						"data-testid": `mcp-health-reauthorize-${l.id}`,
+						"data-testid": `mcp-health-reauthorize-${s.id}`,
 						className: p,
 						onClick: () => void D(),
 						children: v(t.MCP$HEALTH_REAUTHORIZE)

package/dist/components/features/onboarding/onboarding-host.d.ts

@@ -4,10 +4,9 @@
  * isn't set yet). Closing or completing the flow marks it done so the
  * modal won't re-appear on subsequent visits.
  *
- * An already-authenticated Cloud backend may provide everything onboarding
- * would collect. Once the active Cloud backend reports a usable LLM, suppress
- * the redundant modal without writing a fake completion marker. Local backends
- * remain browser-onboarding-driven.
+ * A backend already reporting a usable LLM makes the modal redundant, so it is
+ * skipped — except the launcher-seeded default-local one, which may hold an
+ * LLM from an earlier user, leaving `openhands-onboarded` its first-run signal.
  *
  * With `?previewOnboardingStep=<0-3>` the modal opens on that slide for
  * design review without persisting completion (works on any route when

package/dist/components/features/onboarding/steps/setup-llm-step.d.ts

@@ -4,16 +4,12 @@ interface SetupLlmStepProps {
     onNext: () => void;
 }
 /**
- * Pre-fills the LLM form with the OpenHands provider's free default model
- * (`openhands/kimi-k3`), matching `DEFAULT_SETTINGS.llm_model`. The OpenHands
- * provider is the agent the user just selected, so the onboarding override
- * keeps the LLM provider aligned with that choice rather than silently
- * switching to OpenAI. Canvas stores provider-qualified LiteLLM model ids,
- * so the override uses this OpenHands-prefixed model id, and keeping it as an
- * explicit override marks the model dirty so the Next button persists the
- * suggested default immediately.
+ * Pre-fills the LLM form with the OpenAI GPT-5.6 Sol default
+ * (`openai/gpt-5.6-sol`), matching `DEFAULT_SETTINGS.llm_model`. The explicit
+ * override marks the model dirty so the Next button persists the suggested
+ * default immediately.
  */
-export declare const ONBOARDING_DEFAULT_LLM_MODEL = "openhands/kimi-k3";
+export declare const ONBOARDING_DEFAULT_LLM_MODEL = "openai/gpt-5.6-sol";
 /**
  * Step 2: embed the LLM settings form. The screen runs in `embedded`
  * mode (so it doesn't render its own sticky Save bar) and with

package/dist/components/features/onboarding/use-onboarding-completion.cjs

@@ -0,0 +1,2 @@
+const e=require("../../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);var n=`openhands-onboarded`;function r(){if(typeof window>`u`)return!0;try{return window.localStorage.getItem(n)!==null}catch{return!0}}function i(){let[e,i]=t.default.useState(()=>r());return t.default.useEffect(()=>{let e=e=>{e.key===`openhands-onboarded`&&i(r())};return window.addEventListener(`storage`,e),()=>window.removeEventListener(`storage`,e)},[]),{isCompleted:e,markCompleted:t.default.useCallback(()=>{try{window.localStorage.setItem(n,`1`)}catch{}i(!0)},[])}}exports.useOnboardingCompletion=i;
+//# sourceMappingURL=use-onboarding-completion.cjs.map

package/dist/components/features/onboarding/use-onboarding-completion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-onboarding-completion.cjs","names":[],"sources":["../../../../src/components/features/onboarding/use-onboarding-completion.ts"],"sourcesContent":["import React from \"react\";\n\n/**\n * localStorage key persisting whether the welcome onboarding flow has\n * been completed (or skipped). Once present, the modal won't auto-show\n * again on subsequent visits.\n */\nexport const ONBOARDING_COMPLETED_STORAGE_KEY = \"openhands-onboarded\";\n\nfunction readCompletedFromStorage(): boolean {\n  if (typeof window === \"undefined\") return true;\n  try {\n    return (\n      window.localStorage.getItem(ONBOARDING_COMPLETED_STORAGE_KEY) !== null\n    );\n  } catch {\n    // Inaccessible localStorage (private mode, SSR, …) — assume the\n    // user has already onboarded so we don't loop on every render.\n    return true;\n  }\n}\n\n/**\n * Tracks whether the welcome onboarding modal has been completed.\n * The hook returns the current `isCompleted` flag plus an imperative\n * `markCompleted()` callback. State is mirrored to localStorage and\n * synced across tabs via the `storage` event.\n */\nexport function useOnboardingCompletion() {\n  const [isCompleted, setIsCompleted] = React.useState<boolean>(() =>\n    readCompletedFromStorage(),\n  );\n\n  React.useEffect(() => {\n    const handleStorage = (event: StorageEvent) => {\n      if (event.key !== ONBOARDING_COMPLETED_STORAGE_KEY) return;\n      setIsCompleted(readCompletedFromStorage());\n    };\n    window.addEventListener(\"storage\", handleStorage);\n    return () => window.removeEventListener(\"storage\", handleStorage);\n  }, []);\n\n  const markCompleted = React.useCallback(() => {\n    try {\n      window.localStorage.setItem(ONBOARDING_COMPLETED_STORAGE_KEY, \"1\");\n    } catch {\n      // best-effort; we still flip the in-memory flag below.\n    }\n    setIsCompleted(true);\n  }, []);\n\n  return { isCompleted, markCompleted } as const;\n}\n"],"mappings":"mGAOA,IAAa,EAAmC,sBAEhD,SAAS,GAAoC,CAC3C,GAAI,OAAO,OAAW,IAAa,MAAO,GAC1C,GAAI,CACF,OACE,OAAO,aAAa,QAAQ,CAAgC,IAAM,IAEtE,MAAQ,CAGN,MAAO,EACT,CACF,CAQA,SAAgB,GAA0B,CACxC,GAAM,CAAC,EAAa,GAAkB,EAAA,QAAM,aAC1C,EAAyB,CAC3B,EAoBA,OAlBA,EAAA,QAAM,cAAgB,CACpB,IAAM,EAAiB,GAAwB,CACzC,EAAM,MAAA,uBACV,EAAe,EAAyB,CAAC,CAC3C,EAEA,OADA,OAAO,iBAAiB,UAAW,CAAa,MACnC,OAAO,oBAAoB,UAAW,CAAa,CAClE,EAAG,CAAC,CAAC,EAWE,CAAE,cAAa,cATA,EAAA,QAAM,gBAAkB,CAC5C,GAAI,CACF,OAAO,aAAa,QAAQ,EAAkC,GAAG,CACnE,MAAQ,CAER,CACA,EAAe,EAAI,CACrB,EAAG,CAAC,CAEkB,CAAc,CACtC"}

package/dist/components/features/onboarding/use-onboarding-completion.js

@@ -0,0 +1,32 @@
+import e from "react";
+//#region src/components/features/onboarding/use-onboarding-completion.ts
+var t = "openhands-onboarded";
+function n() {
+	if (typeof window > "u") return !0;
+	try {
+		return window.localStorage.getItem(t) !== null;
+	} catch {
+		return !0;
+	}
+}
+function r() {
+	let [r, i] = e.useState(() => n());
+	return e.useEffect(() => {
+		let e = (e) => {
+			e.key === "openhands-onboarded" && i(n());
+		};
+		return window.addEventListener("storage", e), () => window.removeEventListener("storage", e);
+	}, []), {
+		isCompleted: r,
+		markCompleted: e.useCallback(() => {
+			try {
+				window.localStorage.setItem(t, "1");
+			} catch {}
+			i(!0);
+		}, [])
+	};
+}
+//#endregion
+export { r as useOnboardingCompletion };
+
+//# sourceMappingURL=use-onboarding-completion.js.map

package/dist/components/features/onboarding/use-onboarding-completion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-onboarding-completion.js","names":[],"sources":["../../../../src/components/features/onboarding/use-onboarding-completion.ts"],"sourcesContent":["import React from \"react\";\n\n/**\n * localStorage key persisting whether the welcome onboarding flow has\n * been completed (or skipped). Once present, the modal won't auto-show\n * again on subsequent visits.\n */\nexport const ONBOARDING_COMPLETED_STORAGE_KEY = \"openhands-onboarded\";\n\nfunction readCompletedFromStorage(): boolean {\n  if (typeof window === \"undefined\") return true;\n  try {\n    return (\n      window.localStorage.getItem(ONBOARDING_COMPLETED_STORAGE_KEY) !== null\n    );\n  } catch {\n    // Inaccessible localStorage (private mode, SSR, …) — assume the\n    // user has already onboarded so we don't loop on every render.\n    return true;\n  }\n}\n\n/**\n * Tracks whether the welcome onboarding modal has been completed.\n * The hook returns the current `isCompleted` flag plus an imperative\n * `markCompleted()` callback. State is mirrored to localStorage and\n * synced across tabs via the `storage` event.\n */\nexport function useOnboardingCompletion() {\n  const [isCompleted, setIsCompleted] = React.useState<boolean>(() =>\n    readCompletedFromStorage(),\n  );\n\n  React.useEffect(() => {\n    const handleStorage = (event: StorageEvent) => {\n      if (event.key !== ONBOARDING_COMPLETED_STORAGE_KEY) return;\n      setIsCompleted(readCompletedFromStorage());\n    };\n    window.addEventListener(\"storage\", handleStorage);\n    return () => window.removeEventListener(\"storage\", handleStorage);\n  }, []);\n\n  const markCompleted = React.useCallback(() => {\n    try {\n      window.localStorage.setItem(ONBOARDING_COMPLETED_STORAGE_KEY, \"1\");\n    } catch {\n      // best-effort; we still flip the in-memory flag below.\n    }\n    setIsCompleted(true);\n  }, []);\n\n  return { isCompleted, markCompleted } as const;\n}\n"],"mappings":";;AAOA,IAAa,IAAmC;AAEhD,SAAS,IAAoC;CAC3C,IAAI,OAAO,SAAW,KAAa,OAAO;CAC1C,IAAI;EACF,OACE,OAAO,aAAa,QAAQ,CAAgC,MAAM;CAEtE,QAAQ;EAGN,OAAO;CACT;AACF;AAQA,SAAgB,IAA0B;CACxC,IAAM,CAAC,GAAa,KAAkB,EAAM,eAC1C,EAAyB,CAC3B;CAoBA,OAlBA,EAAM,gBAAgB;EACpB,IAAM,KAAiB,MAAwB;GACzC,EAAM,QAAA,yBACV,EAAe,EAAyB,CAAC;EAC3C;EAEA,OADA,OAAO,iBAAiB,WAAW,CAAa,SACnC,OAAO,oBAAoB,WAAW,CAAa;CAClE,GAAG,CAAC,CAAC,GAWE;EAAE;EAAa,eATA,EAAM,kBAAkB;GAC5C,IAAI;IACF,OAAO,aAAa,QAAQ,GAAkC,GAAG;GACnE,QAAQ,CAER;GACA,EAAe,EAAI;EACrB,GAAG,CAAC,CAEkB;CAAc;AACtC"}

package/dist/components/features/settings/acp-auth-status-banner.d.ts

@@ -3,18 +3,35 @@ interface AcpAuthStatusBannerProps {
     status: AcpAuthStatus;
     isChecking: boolean;
     providerName: string;
+    /**
+     * Whether a credential for the provider exists in the active backend's secret
+     * store. On Docker/cloud backends the host-login probe can't run (it shells
+     * the interactive CLI, which isn't installed there), so this is the only
+     * accurate "the agent will authenticate" signal. Optional; defaults to
+     * ``false`` so existing callers behave exactly as before.
+     */
+    credentialsConfigured?: boolean;
     /**
      * Prefix for the banner test ids, e.g. ``"onboarding-acp-auth"`` →
-     * ``onboarding-acp-auth-detected`` / ``onboarding-acp-auth-checking``.
+     * ``onboarding-acp-auth-detected`` / ``onboarding-acp-auth-checking`` /
+     * ``onboarding-acp-auth-configured``.
      */
     testIdPrefix: string;
 }
 /**
  * Auth-status banner shared by the ACP credential forms (the onboarding step
- * and Settings → Agent): a green "already signed in" banner when the local
- * login probe detects a session, or a spinner while it's checking. Renders
- * nothing otherwise (unauthenticated / unknown / non-local backend), so the
- * caller falls back to the API-key fields.
+ * and Settings → Agent):
+ *
+ * - a green "already signed in" banner when the host-login probe detects a
+ *   session (native backend),
+ * - a spinner while the probe is checking,
+ * - a neutral "credentials configured" banner when the probe can't confirm a
+ *   login but a credential for the provider is stored — the accurate signal on
+ *   Docker/cloud backends, where the probe goes silent,
+ * - nothing otherwise, so the caller falls back to the API-key fields.
+ *
+ * A stored credential never renders as "signed in": only the probe confirms an
+ * actual host login. See issue #1244.
  */
-export declare function AcpAuthStatusBanner({ status, isChecking, providerName, testIdPrefix, }: AcpAuthStatusBannerProps): import("react").JSX.Element | null;
+export declare function AcpAuthStatusBanner({ status, isChecking, providerName, credentialsConfigured, testIdPrefix, }: AcpAuthStatusBannerProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/settings/app-settings/getting-started-checklist-switch.cjs

@@ -0,0 +1,2 @@
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../settings-switch.cjs"),r=require("../../sidebar/sidebar-onboarding-checklist-storage.cjs"),i=require("../../sidebar/use-sidebar-onboarding-checklist-dismissed.cjs");let a=require("react/jsx-runtime");function o(){let{t:o}=e.useTranslation(`openhands`),s=i.useSidebarOnboardingChecklistDismissed();return(0,a.jsx)(n.SettingsSwitch,{testId:`show-getting-started-checklist-switch`,isToggled:!s,onToggle:e=>{r.writeSidebarOnboardingChecklistDismissed(!e)},children:o(t.I18nKey.SETTINGS$SHOW_GETTING_STARTED_CHECKLIST)})}exports.GettingStartedChecklistSwitch=o;
+//# sourceMappingURL=getting-started-checklist-switch.cjs.map

package/dist/components/features/settings/app-settings/getting-started-checklist-switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getting-started-checklist-switch.cjs","names":[],"sources":["../../../../../src/components/features/settings/app-settings/getting-started-checklist-switch.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { SettingsSwitch } from \"#/components/features/settings/settings-switch\";\nimport { useSidebarOnboardingChecklistDismissed } from \"#/components/features/sidebar/use-sidebar-onboarding-checklist-dismissed\";\nimport { writeSidebarOnboardingChecklistDismissed } from \"#/components/features/sidebar/sidebar-onboarding-checklist-storage\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nexport function GettingStartedChecklistSwitch() {\n  const { t } = useTranslation(\"openhands\");\n  const isDismissed = useSidebarOnboardingChecklistDismissed();\n\n  const handleToggle = (showChecklist: boolean) => {\n    writeSidebarOnboardingChecklistDismissed(!showChecklist);\n  };\n\n  return (\n    <SettingsSwitch\n      testId=\"show-getting-started-checklist-switch\"\n      isToggled={!isDismissed}\n      onToggle={handleToggle}\n    >\n      {t(I18nKey.SETTINGS$SHOW_GETTING_STARTED_CHECKLIST)}\n    </SettingsSwitch>\n  );\n}\n"],"mappings":"8YAMA,SAAgB,GAAgC,CAC9C,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAc,EAAA,uCAAuC,EAM3D,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,OAAO,wCACP,UAAW,CAAC,EACZ,SARkB,GAA2B,CAC/C,EAAA,yCAAyC,CAAC,CAAa,CACzD,WAQK,EAAE,EAAA,QAAQ,uCAAuC,CACpC,CAAA,CAEpB"}

package/dist/components/features/settings/app-settings/getting-started-checklist-switch.d.ts

@@ -0,0 +1 @@
+export declare function GettingStartedChecklistSwitch(): import("react").JSX.Element;

package/dist/components/features/settings/app-settings/getting-started-checklist-switch.js

@@ -0,0 +1,22 @@
+import { useTranslation as e } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../../i18n/declaration.js";
+import { SettingsSwitch as n } from "../settings-switch.js";
+import { writeSidebarOnboardingChecklistDismissed as r } from "../../sidebar/sidebar-onboarding-checklist-storage.js";
+import { useSidebarOnboardingChecklistDismissed as i } from "../../sidebar/use-sidebar-onboarding-checklist-dismissed.js";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/features/settings/app-settings/getting-started-checklist-switch.tsx
+function o() {
+	let { t: o } = e("openhands");
+	return /* @__PURE__ */ a(n, {
+		testId: "show-getting-started-checklist-switch",
+		isToggled: !i(),
+		onToggle: (e) => {
+			r(!e);
+		},
+		children: o(t.SETTINGS$SHOW_GETTING_STARTED_CHECKLIST)
+	});
+}
+//#endregion
+export { o as GettingStartedChecklistSwitch };
+
+//# sourceMappingURL=getting-started-checklist-switch.js.map

package/dist/components/features/settings/app-settings/getting-started-checklist-switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getting-started-checklist-switch.js","names":[],"sources":["../../../../../src/components/features/settings/app-settings/getting-started-checklist-switch.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { SettingsSwitch } from \"#/components/features/settings/settings-switch\";\nimport { useSidebarOnboardingChecklistDismissed } from \"#/components/features/sidebar/use-sidebar-onboarding-checklist-dismissed\";\nimport { writeSidebarOnboardingChecklistDismissed } from \"#/components/features/sidebar/sidebar-onboarding-checklist-storage\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nexport function GettingStartedChecklistSwitch() {\n  const { t } = useTranslation(\"openhands\");\n  const isDismissed = useSidebarOnboardingChecklistDismissed();\n\n  const handleToggle = (showChecklist: boolean) => {\n    writeSidebarOnboardingChecklistDismissed(!showChecklist);\n  };\n\n  return (\n    <SettingsSwitch\n      testId=\"show-getting-started-checklist-switch\"\n      isToggled={!isDismissed}\n      onToggle={handleToggle}\n    >\n      {t(I18nKey.SETTINGS$SHOW_GETTING_STARTED_CHECKLIST)}\n    </SettingsSwitch>\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,IAAgC;CAC9C,IAAM,EAAE,SAAM,EAAe,WAAW;CAOxC,OACE,kBAAC,GAAD;EACE,QAAO;EACP,WAAW,CATK,EASJ;EACZ,WARkB,MAA2B;GAC/C,EAAyC,CAAC,CAAa;EACzD;YAQK,EAAE,EAAQ,uCAAuC;CACpC,CAAA;AAEpB"}

package/dist/components/features/settings/brand-button.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/utils.cjs"),t=require("../../../utils/form-control-classes.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({testId:n,name:i,children:a,variant:o,type:s,isDisabled:c,className:l,onClick:u,startContent:d,ariaLabel:f,"aria-busy":p},m){return(0,r.jsxs)(`button`,{ref:m,name:i,"data-testid":n,disabled:c,type:s,onClick:u,"aria-label":f,"aria-busy":p,className:e.cn(t.formControlButtonClassName,o===`primary`&&`bg-primary text-[var(--oh-color-base)] hover:opacity-80 disabled:bg-[var(--oh-interactive-hover)] disabled:text-[var(--oh-muted)] disabled:opacity-100`,o===`secondary`&&`border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised`,o===`tertiary`&&`bg-[var(--oh-interactive-hover)] text-white hover:opacity-80`,o===`danger`&&`bg-red-600 text-white hover:bg-red-700`,o===`ghost-danger`&&`h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal`,d&&`flex items-center justify-center gap-2`,l),children:[d,a]})});exports.BrandButton=i;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/utils.cjs"),t=require("../../../utils/form-control-classes.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({testId:n,name:i,children:a,variant:o,type:s,isDisabled:c,className:l,onClick:u,startContent:d,ariaLabel:f,"aria-busy":p,"aria-haspopup":m,"aria-expanded":h},g){return(0,r.jsxs)(`button`,{ref:g,name:i,"data-testid":n,disabled:c,type:s,onClick:u,"aria-label":f,"aria-busy":p,"aria-haspopup":m,"aria-expanded":h,className:e.cn(t.formControlButtonClassName,o===`primary`&&`bg-primary text-[var(--oh-color-base)] hover:opacity-80 disabled:bg-[var(--oh-interactive-hover)] disabled:text-[var(--oh-muted)] disabled:opacity-100`,o===`secondary`&&`border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised`,o===`tertiary`&&`bg-[var(--oh-interactive-hover)] text-white hover:opacity-80`,o===`danger`&&`bg-red-600 text-white hover:bg-red-700`,o===`ghost-danger`&&`h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal`,d&&`flex items-center justify-center gap-2`,l),children:[d,a]})});exports.BrandButton=i;
 //# sourceMappingURL=brand-button.cjs.map

package/dist/components/features/settings/brand-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"brand-button.cjs","names":[],"sources":["../../../../src/components/features/settings/brand-button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlButtonClassName } from \"#/utils/form-control-classes\";\n\ninterface BrandButtonProps {\n  testId?: string;\n  name?: string;\n  variant: \"primary\" | \"secondary\" | \"tertiary\" | \"danger\" | \"ghost-danger\";\n  type: React.ButtonHTMLAttributes<HTMLButtonElement>[\"type\"];\n  isDisabled?: boolean;\n  className?: string;\n  onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n  startContent?: React.ReactNode;\n  /** Accessible label for icon-only buttons */\n  ariaLabel?: string;\n  /** Indicates busy/loading state for screen readers */\n  \"aria-busy\"?: boolean;\n}\n\nexport const BrandButton = forwardRef<\n  HTMLButtonElement,\n  React.PropsWithChildren<BrandButtonProps>\n>(function BrandButton(\n  {\n    testId,\n    name,\n    children,\n    variant,\n    type,\n    isDisabled,\n    className,\n    onClick,\n    startContent,\n    ariaLabel,\n    \"aria-busy\": ariaBusy,\n  },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      name={name}\n      data-testid={testId}\n      disabled={isDisabled}\n      // The type is already passed as a prop to the button component\n\n      type={type}\n      onClick={onClick}\n      aria-label={ariaLabel}\n      aria-busy={ariaBusy}\n      className={cn(\n        formControlButtonClassName,\n        variant === \"primary\" &&\n          \"bg-primary text-[var(--oh-color-base)] hover:opacity-80 disabled:bg-[var(--oh-interactive-hover)] disabled:text-[var(--oh-muted)] disabled:opacity-100\",\n        variant === \"secondary\" &&\n          \"border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised\",\n        variant === \"tertiary\" &&\n          \"bg-[var(--oh-interactive-hover)] text-white hover:opacity-80\",\n        variant === \"danger\" && \"bg-red-600 text-white hover:bg-red-700\",\n        variant === \"ghost-danger\" &&\n          \"h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal\",\n        startContent && \"flex items-center justify-center gap-2\",\n        className,\n      )}\n    >\n      {startContent}\n      {children}\n    </button>\n  );\n});\n"],"mappings":"0MAmBA,IAAa,GAAA,EAAA,EAAA,YAGX,SACA,CACE,SACA,OACA,WACA,UACA,OACA,aACA,YACA,UACA,eACA,YACA,YAAa,GAEf,EACA,CACA,OACE,EAAA,EAAA,MAAC,SAAD,CACO,MACC,OACN,cAAa,EACb,SAAU,EAGJ,OACG,UACT,aAAY,EACZ,YAAW,EACX,UAAW,EAAA,GACT,EAAA,2BACA,IAAY,WACV,yJACF,IAAY,aACV,wFACF,IAAY,YACV,+DACF,IAAY,UAAY,yCACxB,IAAY,gBACV,8GACF,GAAgB,yCAChB,CACF,WAxBF,CA0BG,EACA,CACK,GAEZ,CAAC"}
+{"version":3,"file":"brand-button.cjs","names":[],"sources":["../../../../src/components/features/settings/brand-button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlButtonClassName } from \"#/utils/form-control-classes\";\n\ninterface BrandButtonProps {\n  testId?: string;\n  name?: string;\n  variant: \"primary\" | \"secondary\" | \"tertiary\" | \"danger\" | \"ghost-danger\";\n  type: React.ButtonHTMLAttributes<HTMLButtonElement>[\"type\"];\n  isDisabled?: boolean;\n  className?: string;\n  onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n  startContent?: React.ReactNode;\n  /** Accessible label for icon-only buttons */\n  ariaLabel?: string;\n  /** Indicates busy/loading state for screen readers */\n  \"aria-busy\"?: boolean;\n  \"aria-haspopup\"?: React.AriaAttributes[\"aria-haspopup\"];\n  \"aria-expanded\"?: boolean;\n}\n\nexport const BrandButton = forwardRef<\n  HTMLButtonElement,\n  React.PropsWithChildren<BrandButtonProps>\n>(function BrandButton(\n  {\n    testId,\n    name,\n    children,\n    variant,\n    type,\n    isDisabled,\n    className,\n    onClick,\n    startContent,\n    ariaLabel,\n    \"aria-busy\": ariaBusy,\n    \"aria-haspopup\": ariaHasPopup,\n    \"aria-expanded\": ariaExpanded,\n  },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      name={name}\n      data-testid={testId}\n      disabled={isDisabled}\n      // The type is already passed as a prop to the button component\n\n      type={type}\n      onClick={onClick}\n      aria-label={ariaLabel}\n      aria-busy={ariaBusy}\n      aria-haspopup={ariaHasPopup}\n      aria-expanded={ariaExpanded}\n      className={cn(\n        formControlButtonClassName,\n        variant === \"primary\" &&\n          \"bg-primary text-[var(--oh-color-base)] hover:opacity-80 disabled:bg-[var(--oh-interactive-hover)] disabled:text-[var(--oh-muted)] disabled:opacity-100\",\n        variant === \"secondary\" &&\n          \"border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised\",\n        variant === \"tertiary\" &&\n          \"bg-[var(--oh-interactive-hover)] text-white hover:opacity-80\",\n        variant === \"danger\" && \"bg-red-600 text-white hover:bg-red-700\",\n        variant === \"ghost-danger\" &&\n          \"h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal\",\n        startContent && \"flex items-center justify-center gap-2\",\n        className,\n      )}\n    >\n      {startContent}\n      {children}\n    </button>\n  );\n});\n"],"mappings":"0MAqBA,IAAa,GAAA,EAAA,EAAA,YAGX,SACA,CACE,SACA,OACA,WACA,UACA,OACA,aACA,YACA,UACA,eACA,YACA,YAAa,EACb,gBAAiB,EACjB,gBAAiB,GAEnB,EACA,CACA,OACE,EAAA,EAAA,MAAC,SAAD,CACO,MACC,OACN,cAAa,EACb,SAAU,EAGJ,OACG,UACT,aAAY,EACZ,YAAW,EACX,gBAAe,EACf,gBAAe,EACf,UAAW,EAAA,GACT,EAAA,2BACA,IAAY,WACV,yJACF,IAAY,aACV,wFACF,IAAY,YACV,+DACF,IAAY,UAAY,yCACxB,IAAY,gBACV,8GACF,GAAgB,yCAChB,CACF,WA1BF,CA4BG,EACA,CACK,GAEZ,CAAC"}

package/dist/components/features/settings/brand-button.d.ts

@@ -11,6 +11,8 @@ interface BrandButtonProps {
     ariaLabel?: string;
     /** Indicates busy/loading state for screen readers */
     "aria-busy"?: boolean;
+    "aria-haspopup"?: React.AriaAttributes["aria-haspopup"];
+    "aria-expanded"?: boolean;
 }
 export declare const BrandButton: import("react").ForwardRefExoticComponent<BrandButtonProps & {
     children?: import("react").ReactNode | undefined;

package/dist/components/features/settings/brand-button.js

@@ -3,9 +3,9 @@ import { formControlButtonClassName as t } from "../../../utils/form-control-cla
 import { forwardRef as n } from "react";
 import { jsxs as r } from "react/jsx-runtime";
 //#region src/components/features/settings/brand-button.tsx
-var i = n(function({ testId: n, name: i, children: a, variant: o, type: s, isDisabled: c, className: l, onClick: u, startContent: d, ariaLabel: f, "aria-busy": p }, m) {
+var i = n(function({ testId: n, name: i, children: a, variant: o, type: s, isDisabled: c, className: l, onClick: u, startContent: d, ariaLabel: f, "aria-busy": p, "aria-haspopup": m, "aria-expanded": h }, g) {
 	return /* @__PURE__ */ r("button", {
-		ref: m,
+		ref: g,
 		name: i,
 		"data-testid": n,
 		disabled: c,
@@ -13,6 +13,8 @@ var i = n(function({ testId: n, name: i, children: a, variant: o, type: s, isDis
 		onClick: u,
 		"aria-label": f,
 		"aria-busy": p,
+		"aria-haspopup": m,
+		"aria-expanded": h,
 		className: e(t, o === "primary" && "bg-primary text-[var(--oh-color-base)] hover:opacity-80 disabled:bg-[var(--oh-interactive-hover)] disabled:text-[var(--oh-muted)] disabled:opacity-100", o === "secondary" && "border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised", o === "tertiary" && "bg-[var(--oh-interactive-hover)] text-white hover:opacity-80", o === "danger" && "bg-red-600 text-white hover:bg-red-700", o === "ghost-danger" && "h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal", d && "flex items-center justify-center gap-2", l),
 		children: [d, a]
 	});

package/dist/components/features/settings/brand-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"brand-button.js","names":[],"sources":["../../../../src/components/features/settings/brand-button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlButtonClassName } from \"#/utils/form-control-classes\";\n\ninterface BrandButtonProps {\n  testId?: string;\n  name?: string;\n  variant: \"primary\" | \"secondary\" | \"tertiary\" | \"danger\" | \"ghost-danger\";\n  type: React.ButtonHTMLAttributes<HTMLButtonElement>[\"type\"];\n  isDisabled?: boolean;\n  className?: string;\n  onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n  startContent?: React.ReactNode;\n  /** Accessible label for icon-only buttons */\n  ariaLabel?: string;\n  /** Indicates busy/loading state for screen readers */\n  \"aria-busy\"?: boolean;\n}\n\nexport const BrandButton = forwardRef<\n  HTMLButtonElement,\n  React.PropsWithChildren<BrandButtonProps>\n>(function BrandButton(\n  {\n    testId,\n    name,\n    children,\n    variant,\n    type,\n    isDisabled,\n    className,\n    onClick,\n    startContent,\n    ariaLabel,\n    \"aria-busy\": ariaBusy,\n  },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      name={name}\n      data-testid={testId}\n      disabled={isDisabled}\n      // The type is already passed as a prop to the button component\n\n      type={type}\n      onClick={onClick}\n      aria-label={ariaLabel}\n      aria-busy={ariaBusy}\n      className={cn(\n        formControlButtonClassName,\n        variant === \"primary\" &&\n          \"bg-primary text-[var(--oh-color-base)] hover:opacity-80 disabled:bg-[var(--oh-interactive-hover)] disabled:text-[var(--oh-muted)] disabled:opacity-100\",\n        variant === \"secondary\" &&\n          \"border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised\",\n        variant === \"tertiary\" &&\n          \"bg-[var(--oh-interactive-hover)] text-white hover:opacity-80\",\n        variant === \"danger\" && \"bg-red-600 text-white hover:bg-red-700\",\n        variant === \"ghost-danger\" &&\n          \"h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal\",\n        startContent && \"flex items-center justify-center gap-2\",\n        className,\n      )}\n    >\n      {startContent}\n      {children}\n    </button>\n  );\n});\n"],"mappings":";;;;;AAmBA,IAAa,IAAc,EAGzB,SACA,EACE,WACA,SACA,aACA,YACA,SACA,eACA,cACA,YACA,iBACA,cACA,aAAa,KAEf,GACA;CACA,OACE,kBAAC,UAAD;EACO;EACC;EACN,eAAa;EACb,UAAU;EAGJ;EACG;EACT,cAAY;EACZ,aAAW;EACX,WAAW,EACT,GACA,MAAY,aACV,0JACF,MAAY,eACV,yFACF,MAAY,cACV,gEACF,MAAY,YAAY,0CACxB,MAAY,kBACV,+GACF,KAAgB,0CAChB,CACF;YAxBF,CA0BG,GACA,CACK;;AAEZ,CAAC"}
+{"version":3,"file":"brand-button.js","names":[],"sources":["../../../../src/components/features/settings/brand-button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlButtonClassName } from \"#/utils/form-control-classes\";\n\ninterface BrandButtonProps {\n  testId?: string;\n  name?: string;\n  variant: \"primary\" | \"secondary\" | \"tertiary\" | \"danger\" | \"ghost-danger\";\n  type: React.ButtonHTMLAttributes<HTMLButtonElement>[\"type\"];\n  isDisabled?: boolean;\n  className?: string;\n  onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n  startContent?: React.ReactNode;\n  /** Accessible label for icon-only buttons */\n  ariaLabel?: string;\n  /** Indicates busy/loading state for screen readers */\n  \"aria-busy\"?: boolean;\n  \"aria-haspopup\"?: React.AriaAttributes[\"aria-haspopup\"];\n  \"aria-expanded\"?: boolean;\n}\n\nexport const BrandButton = forwardRef<\n  HTMLButtonElement,\n  React.PropsWithChildren<BrandButtonProps>\n>(function BrandButton(\n  {\n    testId,\n    name,\n    children,\n    variant,\n    type,\n    isDisabled,\n    className,\n    onClick,\n    startContent,\n    ariaLabel,\n    \"aria-busy\": ariaBusy,\n    \"aria-haspopup\": ariaHasPopup,\n    \"aria-expanded\": ariaExpanded,\n  },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      name={name}\n      data-testid={testId}\n      disabled={isDisabled}\n      // The type is already passed as a prop to the button component\n\n      type={type}\n      onClick={onClick}\n      aria-label={ariaLabel}\n      aria-busy={ariaBusy}\n      aria-haspopup={ariaHasPopup}\n      aria-expanded={ariaExpanded}\n      className={cn(\n        formControlButtonClassName,\n        variant === \"primary\" &&\n          \"bg-primary text-[var(--oh-color-base)] hover:opacity-80 disabled:bg-[var(--oh-interactive-hover)] disabled:text-[var(--oh-muted)] disabled:opacity-100\",\n        variant === \"secondary\" &&\n          \"border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised\",\n        variant === \"tertiary\" &&\n          \"bg-[var(--oh-interactive-hover)] text-white hover:opacity-80\",\n        variant === \"danger\" && \"bg-red-600 text-white hover:bg-red-700\",\n        variant === \"ghost-danger\" &&\n          \"h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal\",\n        startContent && \"flex items-center justify-center gap-2\",\n        className,\n      )}\n    >\n      {startContent}\n      {children}\n    </button>\n  );\n});\n"],"mappings":";;;;;AAqBA,IAAa,IAAc,EAGzB,SACA,EACE,WACA,SACA,aACA,YACA,SACA,eACA,cACA,YACA,iBACA,cACA,aAAa,GACb,iBAAiB,GACjB,iBAAiB,KAEnB,GACA;CACA,OACE,kBAAC,UAAD;EACO;EACC;EACN,eAAa;EACb,UAAU;EAGJ;EACG;EACT,cAAY;EACZ,aAAW;EACX,iBAAe;EACf,iBAAe;EACf,WAAW,EACT,GACA,MAAY,aACV,0JACF,MAAY,eACV,yFACF,MAAY,cACV,gEACF,MAAY,YAAY,0CACxB,MAAY,kBACV,+GACF,KAAgB,0CAChB,CACF;YA1BF,CA4BG,GACA,CACK;;AAEZ,CAAC"}

package/dist/components/features/settings/llm-profiles/delete-provider-connection-modal.cjs

@@ -0,0 +1 @@
+require("../../../../_virtual/_rolldown/runtime.cjs"),require("../../../../utils/custom-toast-handlers.cjs"),require("../../../shared/loading-spinner.cjs"),require("../brand-button.cjs"),require("../api-key-modal-base.cjs"),require("../../../../hooks/mutation/use-delete-provider-connection.cjs"),require("react"),require("react/jsx-runtime");

package/dist/components/features/settings/llm-profiles/delete-provider-connection-modal.d.ts

@@ -0,0 +1,7 @@
+import type { ProviderConnection } from "#/api/provider-connections-service/provider-connections-service.api";
+interface DeleteProviderConnectionModalProps {
+    connection: ProviderConnection | null;
+    onClose: () => void;
+}
+export declare function DeleteProviderConnectionModal({ connection, onClose, }: DeleteProviderConnectionModalProps): import("react").JSX.Element | null;
+export {};

package/dist/components/features/settings/llm-profiles/delete-provider-connection-modal.js

@@ -0,0 +1,7 @@
+import "../../../../utils/custom-toast-handlers.js";
+import "../../../shared/loading-spinner.js";
+import "../brand-button.js";
+import "../api-key-modal-base.js";
+import "../../../../hooks/mutation/use-delete-provider-connection.js";
+import "react";
+import "react/jsx-runtime";

package/dist/components/features/settings/llm-profiles/llm-profiles-manager.cjs

@@ -1 +1 @@
-require("../../../../_virtual/_rolldown/runtime.cjs"),require("../../../../utils/custom-toast-handlers.cjs"),require("../../../../api/profiles-service/profiles-service.api.cjs"),require("../../../../hooks/query/use-llm-profiles.cjs"),require("../../../../hooks/use-can-manage-org-profiles.cjs"),require("../brand-button.cjs"),require("./rename-profile-modal.cjs"),require("./delete-profile-modal.cjs"),require("./profiles-body.cjs"),require("../../../../hooks/mutation/use-activate-llm-profile.cjs"),require("../../../../hooks/mutation/use-save-llm-profile.cjs"),require("react"),require("react/jsx-runtime");
+require("../../../../_virtual/_rolldown/runtime.cjs"),require("../../../../utils/custom-toast-handlers.cjs"),require("../../../../contexts/active-backend-context.cjs"),require("../../../../api/profiles-service/profiles-service.api.cjs"),require("../../../../hooks/query/use-llm-profiles.cjs"),require("../../../../hooks/use-can-manage-org-profiles.cjs"),require("../brand-button.cjs"),require("./rename-profile-modal.cjs"),require("./delete-profile-modal.cjs"),require("./profiles-body.cjs"),require("./provider-connections-manager.cjs"),require("../../../../hooks/query/use-provider-connections.cjs"),require("../../../../hooks/mutation/use-activate-llm-profile.cjs"),require("../../../../hooks/mutation/use-save-llm-profile.cjs"),require("react"),require("react/jsx-runtime");

package/dist/components/features/settings/llm-profiles/llm-profiles-manager.js

@@ -1,4 +1,5 @@
 import "../../../../utils/custom-toast-handlers.js";
+import "../../../../contexts/active-backend-context.js";
 import "../../../../api/profiles-service/profiles-service.api.js";
 import "../../../../hooks/query/use-llm-profiles.js";
 import "../../../../hooks/use-can-manage-org-profiles.js";
@@ -6,6 +7,8 @@ import "../brand-button.js";
 import "./rename-profile-modal.js";
 import "./delete-profile-modal.js";
 import "./profiles-body.js";
+import "./provider-connections-manager.js";
+import "../../../../hooks/query/use-provider-connections.js";
 import "../../../../hooks/mutation/use-activate-llm-profile.js";
 import "../../../../hooks/mutation/use-save-llm-profile.js";
 import "react";

package/dist/components/features/settings/llm-profiles/llm-settings-local-view.cjs

@@ -1 +1 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs");require("../../../../utils/custom-toast-handlers.cjs"),require("../../../../api/profiles-service/profiles-service.api.cjs"),require("../../../../hooks/query/use-llm-profiles.cjs"),require("../../../../hooks/query/use-settings.cjs"),require("../../../../ui/typography.cjs"),require("../brand-button.cjs"),require("../../../../hooks/query/use-agent-settings-schema.cjs"),require("./profile-name-input.cjs"),require("../../../../hooks/mutation/use-activate-llm-profile.cjs"),require("../../../../hooks/mutation/use-save-llm-profile.cjs"),require("./llm-profiles-manager.cjs"),require("../../../shared/buttons/back-nav-button.cjs"),require("../../../../contexts/settings-section-header-context.cjs"),require("../../../../routes/llm-settings.cjs");let t=require("react");t=e.__toESM(t,1),require("react/jsx-runtime");
+const e=require("../../../../_virtual/_rolldown/runtime.cjs");require("../../../../utils/custom-toast-handlers.cjs"),require("../../../../contexts/active-backend-context.cjs"),require("../../../../api/profiles-service/profiles-service.api.cjs"),require("../../../../utils/format-model-name.cjs"),require("../../../../hooks/query/use-llm-profiles.cjs"),require("../../../../hooks/query/use-settings.cjs"),require("../../../../ui/typography.cjs"),require("../brand-button.cjs"),require("../../../../hooks/query/use-agent-settings-schema.cjs"),require("./profile-name-input.cjs"),require("../../../../hooks/mutation/use-activate-llm-profile.cjs"),require("../../../../hooks/mutation/use-save-llm-profile.cjs"),require("./llm-profiles-manager.cjs"),require("../../../shared/buttons/back-nav-button.cjs"),require("../../../../contexts/settings-section-header-context.cjs"),require("../../../../routes/llm-settings.cjs");let t=require("react");t=e.__toESM(t,1),require("react/jsx-runtime");

package/dist/components/features/settings/llm-profiles/llm-settings-local-view.js

@@ -1,5 +1,7 @@
 import "../../../../utils/custom-toast-handlers.js";
+import "../../../../contexts/active-backend-context.js";
 import "../../../../api/profiles-service/profiles-service.api.js";
+import "../../../../utils/format-model-name.js";
 import "../../../../hooks/query/use-llm-profiles.js";
 import "../../../../hooks/query/use-settings.js";
 import "../../../../ui/typography.js";

package/dist/components/features/settings/llm-profiles/profiles-body.d.ts

@@ -6,6 +6,13 @@ interface ProfilesBodyProps {
     active: string | null;
     /** When false, rows render read-only (no actions menu) — cloud members. */
     canManage: boolean;
+    /**
+     * Display name per provider-connection id. When non-empty, profiles are
+     * grouped under their connection's name so models sharing a provider are
+     * visually clustered. Empty (the default, and always on cloud) renders a flat
+     * list identical to before.
+     */
+    connectionNamesById?: Record<string, string>;
     onActivate: (name: string) => void;
     onEdit: (profile: ProfileInfo) => void;
     onRename: (profile: ProfileInfo) => void;
@@ -13,5 +20,17 @@ interface ProfilesBodyProps {
     onDelete: (profile: ProfileInfo) => void;
     isActivating: boolean;
 }
-export declare function ProfilesBody({ isLoading, loadError, profiles, active, canManage, onActivate, onEdit, onRename, onDuplicate, onDelete, isActivating, }: ProfilesBodyProps): import("react").JSX.Element;
+interface ProfileGroup {
+    /** Connection id, or null for profiles with no provider connection. */
+    connectionId: string | null;
+    label: string | null;
+    profiles: ProfileInfo[];
+}
+/**
+ * Bucket profiles by their `provider_connection_id`, preserving input order
+ * within each group and ordering groups by first appearance. Unlinked profiles
+ * collect under a trailing `null` group.
+ */
+export declare function groupProfilesByConnection(profiles: ProfileInfo[], connectionNamesById: Record<string, string>): ProfileGroup[];
+export declare function ProfilesBody({ isLoading, loadError, profiles, active, canManage, connectionNamesById, onActivate, onEdit, onRename, onDuplicate, onDelete, isActivating, }: ProfilesBodyProps): import("react").JSX.Element;
 export {};

package/dist/components/features/settings/llm-profiles/provider-connection-modal.cjs

@@ -0,0 +1 @@
+require("../../../../_virtual/_rolldown/runtime.cjs"),require("../../../../utils/custom-toast-handlers.cjs"),require("../../../../utils/form-control-classes.cjs"),require("../../../../ui/combobox-caret.cjs"),require("../../../shared/loading-spinner.cjs"),require("../brand-button.cjs"),require("../settings-input.cjs"),require("../../../../hooks/query/use-search-providers.cjs"),require("../key-status-icon.cjs"),require("../api-key-modal-base.cjs"),require("../../../../hooks/mutation/use-create-provider-connection.cjs"),require("../../../../hooks/mutation/use-update-provider-connection.cjs"),require("react"),require("react/jsx-runtime");

package/dist/components/features/settings/llm-profiles/provider-connection-modal.d.ts

@@ -0,0 +1,19 @@
+import type { ProviderConnection } from "#/api/provider-connections-service/provider-connections-service.api";
+interface ProviderConnectionModalProps {
+    /** When `null` the modal is closed; otherwise it edits that connection. */
+    connection?: ProviderConnection | null;
+    /** When true the modal creates a new connection. */
+    isCreate: boolean;
+    onClose: () => void;
+    /** Called with the saved connection so a caller can select it (create flow). */
+    onSaved?: (connection: ProviderConnection) => void;
+}
+/**
+ * Single modal for creating, editing, and rotating a provider connection. Create
+ * is a POST; every edit (rename, base_url, key rotation) is a single PATCH. The
+ * key field follows the same "empty means unchanged" convention as the profile
+ * form, so a blank key on edit is simply omitted from the request — the
+ * agent-server rejects `api_key: null`, so we never send it.
+ */
+export declare function ProviderConnectionModal({ connection, isCreate, onClose, onSaved, }: ProviderConnectionModalProps): import("react").JSX.Element | null;
+export {};

package/dist/components/features/settings/llm-profiles/provider-connection-modal.js

@@ -0,0 +1,13 @@
+import "../../../../utils/custom-toast-handlers.js";
+import "../../../../utils/form-control-classes.js";
+import "../../../../ui/combobox-caret.js";
+import "../../../shared/loading-spinner.js";
+import "../brand-button.js";
+import "../settings-input.js";
+import "../../../../hooks/query/use-search-providers.js";
+import "../key-status-icon.js";
+import "../api-key-modal-base.js";
+import "../../../../hooks/mutation/use-create-provider-connection.js";
+import "../../../../hooks/mutation/use-update-provider-connection.js";
+import "react";
+import "react/jsx-runtime";

package/dist/components/features/settings/llm-profiles/provider-connection-row.cjs

@@ -0,0 +1 @@
+require("../../../../_virtual/_rolldown/runtime.cjs"),require("../../../../utils/utils.cjs"),require("../../../../icons/u-edit.cjs"),require("../../../../icons/u-delete.cjs"),require("../key-status-icon.cjs"),require("../../../../utils/settings-list-classes.cjs"),require("react/jsx-runtime");

package/dist/components/features/settings/llm-profiles/provider-connection-row.d.ts

@@ -0,0 +1,10 @@
+import type { ProviderConnection } from "#/api/provider-connections-service/provider-connections-service.api";
+interface ProviderConnectionRowProps {
+    connection: ProviderConnection;
+    /** Number of LLM profiles linked to this connection. */
+    linkedProfileCount: number;
+    onEdit: (connection: ProviderConnection) => void;
+    onDelete: (connection: ProviderConnection) => void;
+}
+export declare function ProviderConnectionRow({ connection, linkedProfileCount, onEdit, onDelete, }: ProviderConnectionRowProps): import("react").JSX.Element;
+export {};

package/dist/components/features/settings/llm-profiles/provider-connection-row.js

@@ -0,0 +1,6 @@
+import "../../../../utils/utils.js";
+import "../../../../icons/u-edit.js";
+import "../../../../icons/u-delete.js";
+import "../key-status-icon.js";
+import "../../../../utils/settings-list-classes.js";
+import "react/jsx-runtime";

package/dist/components/features/settings/llm-profiles/provider-connections-manager.cjs

@@ -0,0 +1 @@
+require("../../../../_virtual/_rolldown/runtime.cjs"),require("../../../../utils/utils.cjs"),require("../brand-button.cjs"),require("../../../../utils/settings-list-classes.cjs"),require("./provider-connection-row.cjs"),require("./provider-connection-modal.cjs"),require("./delete-provider-connection-modal.cjs"),require("react"),require("react/jsx-runtime");

package/dist/components/features/settings/llm-profiles/provider-connections-manager.d.ts

@@ -0,0 +1,15 @@
+import type { ProviderConnection } from "#/api/provider-connections-service/provider-connections-service.api";
+interface ProviderConnectionsManagerProps {
+    connections: ProviderConnection[];
+    /** Number of LLM profiles linked to each connection id. */
+    linkedCountById: Record<string, number>;
+    isLoading: boolean;
+    loadError: Error | null;
+}
+/**
+ * Manages shared provider connections: a shared API key + optional base URL
+ * that LLM profiles reference by id. Rendered only for the local agent-server,
+ * which is the only backend exposing the endpoints.
+ */
+export declare function ProviderConnectionsManager({ connections, linkedCountById, isLoading, loadError, }: ProviderConnectionsManagerProps): import("react").JSX.Element;
+export {};

package/dist/components/features/settings/llm-profiles/provider-connections-manager.js

@@ -0,0 +1,8 @@
+import "../../../../utils/utils.js";
+import "../brand-button.js";
+import "../../../../utils/settings-list-classes.js";
+import "./provider-connection-row.js";
+import "./provider-connection-modal.js";
+import "./delete-provider-connection-modal.js";
+import "react";
+import "react/jsx-runtime";

package/dist/components/features/settings/sdk-settings/field-help.cjs

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../ui/typography.cjs"),n=require("../../../../ui/help-link.cjs"),r=require("../../../../utils/sdk-settings-field-metadata.cjs");let i=require("react/jsx-runtime");var a={"llm.api_key":{textKey:`SCHEMA$LLM$API_KEY$HELP_TEXT`,linkTextKey:`SCHEMA$LLM$API_KEY$HELP_LINK_TEXT`,href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`},"verification.critic_api_key":{textKey:`SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_TEXT`,linkTextKey:`SETTINGS$NAV_API_KEYS`,suffixKey:`SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_SUFFIX`,href:`https://app.all-hands.dev/settings/api-keys`,hideDescription:!0}};function o({field:o}){let{t:s}=e.useTranslation(`openhands`),c=a[o.key],l=r.resolveSchemaFieldDescription(s,o.key,o.description);return(0,i.jsxs)(i.Fragment,{children:[l&&!c?.hideDescription?(0,i.jsx)(t.Typography.Paragraph,{className:`text-tertiary-alt text-xs leading-5`,children:l}):null,c?(0,i.jsx)(n.HelpLink,{testId:`help-link-${o.key}`,text:s(c.textKey),linkText:s(c.linkTextKey),href:c.href,suffix:c.suffixKey?` ${s(c.suffixKey)}`:void 0,size:`settings`,linkColor:`white`}):null]})}exports.FieldHelp=o;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../ui/typography.cjs"),n=require("../../../../ui/help-link.cjs"),r=require("../../../../utils/sdk-settings-field-metadata.cjs");let i=require("react/jsx-runtime");var a={"llm.api_key":{textKey:`SCHEMA$LLM$API_KEY$HELP_TEXT`,linkTextKey:`SCHEMA$LLM$API_KEY$HELP_LINK_TEXT`,href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`},"verification.critic_api_key":{textKey:`SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_TEXT`,linkTextKey:`SETTINGS$OPENHANDS_API_KEY_HELP_LINK`,suffixKey:`SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_SUFFIX`,href:`https://app.all-hands.dev/settings/api-keys`,hideDescription:!0}};function o({field:o}){let{t:s}=e.useTranslation(`openhands`),c=a[o.key],l=r.resolveSchemaFieldDescription(s,o.key,o.description);return(0,i.jsxs)(i.Fragment,{children:[l&&!c?.hideDescription?(0,i.jsx)(t.Typography.Paragraph,{className:`text-tertiary-alt text-xs leading-5`,children:l}):null,c?(0,i.jsx)(n.HelpLink,{testId:`help-link-${o.key}`,text:s(c.textKey),linkText:s(c.linkTextKey),href:c.href,suffix:c.suffixKey?` ${s(c.suffixKey)}`:void 0,size:`settings`,linkColor:`white`}):null]})}exports.FieldHelp=o;
 //# sourceMappingURL=field-help.cjs.map

package/dist/components/features/settings/sdk-settings/field-help.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"field-help.cjs","names":[],"sources":["../../../../../src/components/features/settings/sdk-settings/field-help.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { SettingsFieldSchema } from \"#/types/settings\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { Typography } from \"#/ui/typography\";\nimport { resolveSchemaFieldDescription } from \"#/utils/sdk-settings-field-metadata\";\n\n// ---------------------------------------------------------------------------\n// Help links – UI-only mapping from field keys to user-facing guidance.\n// Keys use conventional i18n pattern: SCHEMA$<PATH>$HELP_TEXT / HELP_LINK_TEXT\n// ---------------------------------------------------------------------------\nexport const FIELD_HELP_LINKS: Record<\n  string,\n  {\n    textKey: string;\n    linkTextKey: string;\n    href: string;\n    /** Skip rendering the schema description separately when the help text already includes it. */\n    hideDescription?: boolean;\n    /** Optional trailing copy rendered after the link (e.g. \" tab of OpenHands Cloud.\"). */\n    suffixKey?: string;\n  }\n> = {\n  \"llm.api_key\": {\n    textKey: \"SCHEMA$LLM$API_KEY$HELP_TEXT\",\n    linkTextKey: \"SCHEMA$LLM$API_KEY$HELP_LINK_TEXT\",\n    href: \"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\",\n  },\n  // Mirror the hint shown under the LLM provider's API key field when\n  // OpenHands is selected as the active provider; the SDK reuses that active\n  // LLM key when the critic key is empty.\n  \"verification.critic_api_key\": {\n    textKey: \"SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_TEXT\",\n    linkTextKey: \"SETTINGS$NAV_API_KEYS\",\n    suffixKey: \"SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_SUFFIX\",\n    href: \"https://app.all-hands.dev/settings/api-keys\",\n    hideDescription: true,\n  },\n};\n\nexport function FieldHelp({ field }: { field: SettingsFieldSchema }) {\n  const { t } = useTranslation(\"openhands\");\n  const helpLink = FIELD_HELP_LINKS[field.key];\n  const description = resolveSchemaFieldDescription(\n    t,\n    field.key,\n    field.description,\n  );\n\n  return (\n    <>\n      {description && !helpLink?.hideDescription ? (\n        <Typography.Paragraph className=\"text-tertiary-alt text-xs leading-5\">\n          {description}\n        </Typography.Paragraph>\n      ) : null}\n      {helpLink ? (\n        <HelpLink\n          testId={`help-link-${field.key}`}\n          text={t(helpLink.textKey)}\n          linkText={t(helpLink.linkTextKey)}\n          href={helpLink.href}\n          suffix={helpLink.suffixKey ? ` ${t(helpLink.suffixKey)}` : undefined}\n          size=\"settings\"\n          linkColor=\"white\"\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"kUAUA,IAAa,EAWT,CACF,cAAe,CACb,QAAS,+BACT,YAAa,oCACb,KAAM,iEACR,EAIA,8BAA+B,CAC7B,QAAS,+CACT,YAAa,wBACb,UAAW,iDACX,KAAM,8CACN,gBAAiB,EACnB,CACF,EAEA,SAAgB,EAAU,CAAE,SAAyC,CACnE,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAW,EAAiB,EAAM,KAClC,EAAc,EAAA,8BAClB,EACA,EAAM,IACN,EAAM,WACR,EAEA,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,GAAe,CAAC,GAAU,iBACzB,EAAA,EAAA,KAAC,EAAA,WAAW,UAAZ,CAAsB,UAAU,+CAC7B,CACmB,CAAA,EACpB,KACH,GACC,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAQ,aAAa,EAAM,MAC3B,KAAM,EAAE,EAAS,OAAO,EACxB,SAAU,EAAE,EAAS,WAAW,EAChC,KAAM,EAAS,KACf,OAAQ,EAAS,UAAY,IAAI,EAAE,EAAS,SAAS,IAAM,IAAA,GAC3D,KAAK,WACL,UAAU,OACX,CAAA,EACC,IACJ,CAAA,CAAA,CAEN"}
+{"version":3,"file":"field-help.cjs","names":[],"sources":["../../../../../src/components/features/settings/sdk-settings/field-help.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { SettingsFieldSchema } from \"#/types/settings\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { Typography } from \"#/ui/typography\";\nimport { resolveSchemaFieldDescription } from \"#/utils/sdk-settings-field-metadata\";\n\n// ---------------------------------------------------------------------------\n// Help links – UI-only mapping from field keys to user-facing guidance.\n// Keys use conventional i18n pattern: SCHEMA$<PATH>$HELP_TEXT / HELP_LINK_TEXT\n// ---------------------------------------------------------------------------\nexport const FIELD_HELP_LINKS: Record<\n  string,\n  {\n    textKey: string;\n    linkTextKey: string;\n    href: string;\n    /** Skip rendering the schema description separately when the help text already includes it. */\n    hideDescription?: boolean;\n    /** Optional trailing copy rendered after the link (e.g. \" section of OpenHands Cloud.\"). */\n    suffixKey?: string;\n  }\n> = {\n  \"llm.api_key\": {\n    textKey: \"SCHEMA$LLM$API_KEY$HELP_TEXT\",\n    linkTextKey: \"SCHEMA$LLM$API_KEY$HELP_LINK_TEXT\",\n    href: \"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\",\n  },\n  // Mirror the hint shown under the LLM provider's API key field when\n  // OpenHands is selected as the active provider; the SDK reuses that active\n  // LLM key when the critic key is empty.\n  \"verification.critic_api_key\": {\n    textKey: \"SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_TEXT\",\n    linkTextKey: \"SETTINGS$OPENHANDS_API_KEY_HELP_LINK\",\n    suffixKey: \"SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_SUFFIX\",\n    href: \"https://app.all-hands.dev/settings/api-keys\",\n    hideDescription: true,\n  },\n};\n\nexport function FieldHelp({ field }: { field: SettingsFieldSchema }) {\n  const { t } = useTranslation(\"openhands\");\n  const helpLink = FIELD_HELP_LINKS[field.key];\n  const description = resolveSchemaFieldDescription(\n    t,\n    field.key,\n    field.description,\n  );\n\n  return (\n    <>\n      {description && !helpLink?.hideDescription ? (\n        <Typography.Paragraph className=\"text-tertiary-alt text-xs leading-5\">\n          {description}\n        </Typography.Paragraph>\n      ) : null}\n      {helpLink ? (\n        <HelpLink\n          testId={`help-link-${field.key}`}\n          text={t(helpLink.textKey)}\n          linkText={t(helpLink.linkTextKey)}\n          href={helpLink.href}\n          suffix={helpLink.suffixKey ? ` ${t(helpLink.suffixKey)}` : undefined}\n          size=\"settings\"\n          linkColor=\"white\"\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"kUAUA,IAAa,EAWT,CACF,cAAe,CACb,QAAS,+BACT,YAAa,oCACb,KAAM,iEACR,EAIA,8BAA+B,CAC7B,QAAS,+CACT,YAAa,uCACb,UAAW,iDACX,KAAM,8CACN,gBAAiB,EACnB,CACF,EAEA,SAAgB,EAAU,CAAE,SAAyC,CACnE,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAW,EAAiB,EAAM,KAClC,EAAc,EAAA,8BAClB,EACA,EAAM,IACN,EAAM,WACR,EAEA,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,GAAe,CAAC,GAAU,iBACzB,EAAA,EAAA,KAAC,EAAA,WAAW,UAAZ,CAAsB,UAAU,+CAC7B,CACmB,CAAA,EACpB,KACH,GACC,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAQ,aAAa,EAAM,MAC3B,KAAM,EAAE,EAAS,OAAO,EACxB,SAAU,EAAE,EAAS,WAAW,EAChC,KAAM,EAAS,KACf,OAAQ,EAAS,UAAY,IAAI,EAAE,EAAS,SAAS,IAAM,IAAA,GAC3D,KAAK,WACL,UAAU,OACX,CAAA,EACC,IACJ,CAAA,CAAA,CAEN"}

package/dist/components/features/settings/sdk-settings/field-help.d.ts

@@ -5,7 +5,7 @@ export declare const FIELD_HELP_LINKS: Record<string, {
     href: string;
     /** Skip rendering the schema description separately when the help text already includes it. */
     hideDescription?: boolean;
-    /** Optional trailing copy rendered after the link (e.g. " tab of OpenHands Cloud."). */
+    /** Optional trailing copy rendered after the link (e.g. " section of OpenHands Cloud."). */
     suffixKey?: string;
 }>;
 export declare function FieldHelp({ field }: {