@openhands/agent-canvas 1.13.0 → 1.15.0

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/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("../../../../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,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/query/use-settings.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("../../../shared/loading-spinner.cjs"),require("../brand-button.cjs"),require("../settings-input.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,10 @@
+import "../../../../utils/custom-toast-handlers.js";
+import "../../../shared/loading-spinner.js";
+import "../brand-button.js";
+import "../settings-input.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/schema-field.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../utils/utils.cjs"),r=require("../../../../utils/form-control-classes.cjs"),i=require("../settings-switch.cjs"),a=require("../optional-tag.cjs"),o=require("../settings-input.cjs"),s=require("../settings-dropdown-input.cjs"),c=require("../../../../utils/sdk-settings-field-metadata.cjs"),l=require("./field-help.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=new Set([`verification.critic_api_key`]);function p(e){return e.choices.length>0}function m(e){return e.value_type===`boolean`&&!p(e)}function h(e){return e.value_type===`array`||e.value_type===`object`}function g(e){return e.key.endsWith(`url`)||e.key.endsWith(`_url`)}function _(e){return e.secret?`password`:e.value_type===`integer`||e.value_type===`number`?`number`:e.value_type===`string`&&g(e)?`url`:`text`}function v({field:e,value:u,isDisabled:f,onChange:g}){let{t:v}=t.useTranslation(`openhands`),y=c.resolveSchemaFieldLabel(v,e.key,e.label),b=c.getSettingsFieldConstraints(e.key);return m(e)?(0,d.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,d.jsx)(i.SettingsSwitch,{testId:`sdk-settings-${e.key}`,isToggled:!!u,isDisabled:f,onToggle:g,children:y}),(0,d.jsx)(`div`,{className:r.formControlSwitchDescriptionClassName,children:(0,d.jsx)(l.FieldHelp,{field:e})})]}):p(e)?(0,d.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,d.jsx)(s.SettingsDropdownInput,{testId:`sdk-settings-${e.key}`,name:e.key,label:y,items:e.choices.map(t=>({key:String(t.value),label:c.resolveSchemaChoiceLabel(v,e.key,t.value,t.label)})),selectedKey:u===``?void 0:String(u),isClearable:!e.required,required:e.required,showOptionalTag:!e.required,isDisabled:f,onSelectionChange:e=>g(String(e??``))}),(0,d.jsx)(l.FieldHelp,{field:e})]}):h(e)?(0,d.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-sm`,children:y}),e.required?null:(0,d.jsx)(a.OptionalTag,{})]}),(0,d.jsx)(`textarea`,{"data-testid":`sdk-settings-${e.key}`,name:e.key,value:String(u??``),required:e.required,disabled:f,onChange:e=>g(e.target.value),className:n.cn(r.formControlMultilineFieldClassName,`min-h-32 font-mono placeholder:italic`,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]`)}),(0,d.jsx)(l.FieldHelp,{field:e})]}):(0,d.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,d.jsx)(o.SettingsInput,{testId:`sdk-settings-${e.key}`,name:e.key,label:y,type:_(e),value:String(u??``),required:e.required,showOptionalTag:!e.required,isDisabled:f,onChange:g,className:`w-full`,min:b?.min,max:b?.max,step:b?.step}),(0,d.jsx)(l.FieldHelp,{field:e})]})}exports.FIELD_FULL_WIDTH_KEYS=f,exports.SchemaField=v;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../utils/utils.cjs"),r=require("../../../../utils/form-control-classes.cjs"),i=require("../optional-tag.cjs"),a=require("../settings-input.cjs"),o=require("../settings-switch.cjs"),s=require("../settings-dropdown-input.cjs"),c=require("../../../../utils/sdk-settings-field-metadata.cjs"),l=require("./field-help.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=new Set([`verification.critic_api_key`]);function p(e){return e.choices.length>0}function m(e){return e.value_type===`boolean`&&!p(e)}function h(e){return e.value_type===`array`||e.value_type===`object`}function g(e){return e.key.endsWith(`url`)||e.key.endsWith(`_url`)}function _(e){return e.secret?`password`:e.value_type===`integer`||e.value_type===`number`?`number`:e.value_type===`string`&&g(e)?`url`:`text`}function v({field:e,value:u,isDisabled:f,onChange:g}){let{t:v}=t.useTranslation(`openhands`),y=c.resolveSchemaFieldLabel(v,e.key,e.label),b=c.getSettingsFieldConstraints(e.key);return m(e)?(0,d.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,d.jsx)(o.SettingsSwitch,{testId:`sdk-settings-${e.key}`,isToggled:!!u,isDisabled:f,onToggle:g,children:y}),(0,d.jsx)(`div`,{className:r.formControlSwitchDescriptionClassName,children:(0,d.jsx)(l.FieldHelp,{field:e})})]}):p(e)?(0,d.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,d.jsx)(s.SettingsDropdownInput,{testId:`sdk-settings-${e.key}`,name:e.key,label:y,items:e.choices.map(t=>({key:String(t.value),label:c.resolveSchemaChoiceLabel(v,e.key,t.value,t.label)})),selectedKey:u===``?void 0:String(u),isClearable:!e.required,required:e.required,showOptionalTag:!e.required,isDisabled:f,onSelectionChange:e=>g(String(e??``))}),(0,d.jsx)(l.FieldHelp,{field:e})]}):h(e)?(0,d.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-sm`,children:y}),e.required?null:(0,d.jsx)(i.OptionalTag,{})]}),(0,d.jsx)(`textarea`,{"data-testid":`sdk-settings-${e.key}`,name:e.key,value:String(u??``),required:e.required,disabled:f,onChange:e=>g(e.target.value),className:n.cn(r.formControlMultilineFieldClassName,`min-h-32 font-mono placeholder:italic`,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]`)}),(0,d.jsx)(l.FieldHelp,{field:e})]}):(0,d.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,d.jsx)(a.SettingsInput,{testId:`sdk-settings-${e.key}`,name:e.key,label:y,type:_(e),value:String(u??``),required:e.required,showOptionalTag:!e.required,isDisabled:f,onChange:g,className:`w-full`,min:b?.min,max:b?.max,step:b?.step}),(0,d.jsx)(l.FieldHelp,{field:e})]})}exports.FIELD_FULL_WIDTH_KEYS=f,exports.SchemaField=v;
 //# sourceMappingURL=schema-field.cjs.map

package/dist/components/features/settings/sdk-settings/schema-field.js

@@ -1,9 +1,9 @@
 import { useTranslation as e } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { cn as t } from "../../../../utils/utils.js";
 import { formControlMultilineFieldClassName as n, formControlSwitchDescriptionClassName as r } from "../../../../utils/form-control-classes.js";
-import { SettingsSwitch as i } from "../settings-switch.js";
-import { OptionalTag as a } from "../optional-tag.js";
-import { SettingsInput as o } from "../settings-input.js";
+import { OptionalTag as i } from "../optional-tag.js";
+import { SettingsInput as a } from "../settings-input.js";
+import { SettingsSwitch as o } from "../settings-switch.js";
 import { SettingsDropdownInput as s } from "../settings-dropdown-input.js";
 import { getSettingsFieldConstraints as c, resolveSchemaChoiceLabel as l, resolveSchemaFieldLabel as u } from "../../../../utils/sdk-settings-field-metadata.js";
 import { FieldHelp as d } from "./field-help.js";
@@ -30,7 +30,7 @@ function b({ field: m, value: v, isDisabled: b, onChange: x }) {
 	let { t: S } = e("openhands"), C = u(S, m.key, m.label), w = c(m.key);
 	return g(m) ? /* @__PURE__ */ p("div", {
 		className: "flex flex-col gap-1.5",
-		children: [/* @__PURE__ */ f(i, {
+		children: [/* @__PURE__ */ f(o, {
 			testId: `sdk-settings-${m.key}`,
 			isToggled: !!v,
 			isDisabled: b,
@@ -65,7 +65,7 @@ function b({ field: m, value: v, isDisabled: b, onChange: x }) {
 				children: [/* @__PURE__ */ f("span", {
 					className: "text-sm",
 					children: C
-				}), m.required ? null : /* @__PURE__ */ f(a, {})]
+				}), m.required ? null : /* @__PURE__ */ f(i, {})]
 			}),
 			/* @__PURE__ */ f("textarea", {
 				"data-testid": `sdk-settings-${m.key}`,
@@ -80,7 +80,7 @@ function b({ field: m, value: v, isDisabled: b, onChange: x }) {
 		]
 	}) : /* @__PURE__ */ p("div", {
 		className: "flex flex-col gap-1.5",
-		children: [/* @__PURE__ */ f(o, {
+		children: [/* @__PURE__ */ f(a, {
 			testId: `sdk-settings-${m.key}`,
 			name: m.key,
 			label: C,

package/dist/components/features/settings/sdk-settings/sdk-section-page.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/axios/index.cjs"),i=require("../../../../utils/retrieve-axios-error-message.cjs"),a=require("../../../../utils/custom-toast-handlers.cjs"),ee=require("../../../../hooks/query/use-settings.cjs"),te=require("../brand-button.cjs"),ne=require("../../../../hooks/mutation/use-save-settings.cjs"),o=require("../../../../hooks/query/use-agent-settings-schema.cjs"),s=require("../llm-settings/llm-settings-inputs-skeleton.cjs"),re=require("../../../../utils/extension-module-card-classes.cjs"),c=require("../../../../utils/sdk-settings-schema.cjs"),l=require("./schema-field.cjs"),ie=require("./view-toggle.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var ae=new Set,f={basic:0,advanced:1,all:2},oe=(e,t)=>f[t]<f[e]?t:e,se=(e,t)=>f[t]>f[e]?t:e,p=(e,{showBasic:t,showAdvanced:n,showAll:r})=>{if(e===`all`)return r?`all`:n?`advanced`:`basic`;if(e===`advanced`)return n?`advanced`:r?`all`:`basic`;if(!t){if(n)return`advanced`;if(r)return`all`}return`basic`},m={agent_settings:`agent_settings_diff`,conversation_settings:`conversation_settings_diff`},ce=(e,t)=>e instanceof r.AxiosError?e.response?.status===401?`${t} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.`:e.response?.status===404?`${t} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.`:t:t;function h({settingsSources:e,scope:r=`personal`,header:f,extraDirty:h=!1,buildPayload:g,onSaveSuccess:le,getInitialView:_,forceShowAdvancedView:ue=!1,allowAllView:de=!0,initialValueOverrides:v,embedded:fe=!1,hideSaveButton:pe=!1,suppressSuccessToast:me=!1,onSaveControlChange:y,testId:b=`sdk-section-settings-screen`}){let{t:x}=t.useTranslation(`openhands`),{mutate:he,isPending:S}=ne.useSaveSettings(r),{data:C,isLoading:ge,isFetching:_e}=ee.useSettings(r),w=o.useAgentSettingsSchema(C?.agent_settings_schema),T=o.useConversationSettingsSchema(C?.conversation_settings_schema),E=u.default.useMemo(()=>JSON.stringify(e.map(e=>({source:e.settingsSource,sectionKeys:e.sectionKeys,excludeKeys:e.excludeKeys?Array.from(e.excludeKeys).sort():null}))),[e]),D=u.default.useMemo(()=>JSON.parse(E).map(e=>({settingsSource:e.source,sectionKeys:e.sectionKeys,excludeKeys:e.excludeKeys?new Set(e.excludeKeys):void 0})),[E]),O=u.default.useCallback(e=>e===`conversation_settings`?T.data:w.data,[w.data,T.data]),ve=D.some(e=>e.settingsSource===`conversation_settings`?T.isLoading:w.isLoading),k=u.default.useMemo(()=>D.map(e=>{let t=O(e.settingsSource);if(!c.isValidSettingsSchema(t))return{...e,filteredSchema:null};let n=new Set(e.sectionKeys),r=new Set,i={...t,sections:t.sections.filter(e=>!n.has(e.key)||r.has(e.key)?!1:(r.add(e.key),!0))};return{...e,filteredSchema:i}}),[D,O]),A=k.some(e=>c.hasCriticalSettings(e.filteredSchema)),j=ue||k.some(e=>c.hasAdvancedSettings(e.filteredSchema)),M=de&&k.some(e=>c.hasMinorSettings(e.filteredSchema)),N=u.default.useMemo(()=>ce(D.reduce((e,t)=>e??(t.settingsSource===`conversation_settings`?T.error:w.error),null),x(n.I18nKey.SETTINGS$SDK_SCHEMA_UNAVAILABLE)),[D,w.error,T.error,x]),P=u.default.useMemo(()=>v?JSON.stringify(v):``,[v]),[F,I]=u.default.useState(`basic`),[L,R]=u.default.useState({}),[z,B]=u.default.useState({}),V=u.default.useRef(!1),H=u.default.useMemo(()=>{if(!C)return null;let e={};for(let t of k){if(!t.filteredSchema)return null;e[t.settingsSource]={...e[t.settingsSource]??{},...c.buildInitialSettingsFormValues(C,t.filteredSchema,t.settingsSource)}}if(v){let t=k[0]?.settingsSource;t&&e[t]&&(e[t]={...e[t],...v})}return e},[C,k,P]),U=u.default.useMemo(()=>{if(!C)return null;let e=null;for(let t of k){if(!t.filteredSchema)return null;let n=_?_(C,t.filteredSchema):c.inferInitialView(C,t.filteredSchema,t.settingsSource);e=e?se(e,n):n}return e?p(e,{showBasic:A,showAdvanced:j,showAll:M}):null},[C,k,_,A,j,M]);u.default.useEffect(()=>{V.current=!1,I(`basic`),R({}),B({})},[r,E]),u.default.useEffect(()=>{if(!(!H||!U)){if(R(H),v){let e=k[0]?.settingsSource;if(e){let t=Object.fromEntries(Object.keys(v).map(e=>[e,!0]));B({[e]:t})}else B({})}else B({});V.current?I(e=>oe(e,U)):(V.current=!0,I(U))}},[H,U]);let W=u.default.useMemo(()=>{let e=new Map;for(let t of k)if(t.filteredSchema)for(let n of t.filteredSchema.sections)for(let r of n.fields)e.has(r.key)||e.set(r.key,t.settingsSource);return e},[k]),G=u.default.useMemo(()=>{let e={};for(let t of k)Object.assign(e,L[t.settingsSource]??{});return e},[k,L]),K=u.default.useMemo(()=>{let e={};for(let t of k)Object.assign(e,z[t.settingsSource]??{});return e},[k,z]),q=u.default.useCallback((e,t)=>{let n=W.get(e);n&&(R(r=>({...r,[n]:{...r[n]??{},[e]:t}})),B(t=>({...t,[n]:{...t[n]??{},[e]:!0}})))},[W]),ye=u.default.useCallback(e=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||x(n.I18nKey.ERROR$GENERIC))},[x]),J=u.default.useRef(()=>{}),Y=u.default.useCallback(()=>{J.current()},[]),X=u.default.useRef(()=>({})),be=u.default.useCallback(()=>X.current(),[]),Z=()=>{if(k.some(e=>!e.filteredSchema))return;let e;try{let t={};for(let e of k){let n=e.filteredSchema,r=c.buildSdkSettingsPayloadForView(n,L[e.settingsSource]??{},z[e.settingsSource]??{},F);if(Object.keys(r).length>0){let n=m[e.settingsSource];t[n]={...t[n]??{},...r}}}e=g?g(t,{values:G,dirty:K,view:F}):t}catch(e){a.displayErrorToast(e instanceof Error?e.message:x(n.I18nKey.ERROR$GENERIC));return}Object.keys(e).length!==0&&he(e,{onError:ye,onSuccess:()=>{me||a.displaySuccessToast(x(n.I18nKey.SETTINGS$SAVED_WARNING)),B({}),le?.()}})};J.current=Z,X.current=()=>{let e={};for(let t of k){if(!t.filteredSchema)continue;let n=L[t.settingsSource]??{},r=z[t.settingsSource]??{};Object.assign(e,c.buildSdkSettingsPayload(t.filteredSchema,n,r))}return e};let Q=Object.keys(K).length>0,$=Q||h;return u.default.useEffect(()=>{y&&y({save:Y,isSaving:S,isDirty:$,values:G,view:F,getDirtyPayload:be})},[S,$,G,F]),(ge||_e)&&!C||ve?(0,d.jsx)(s.LlmSettingsInputsSkeleton,{}):k.some(e=>e.filteredSchema&&e.filteredSchema.sections.length>0)?Object.keys(G).length===0?(0,d.jsx)(s.LlmSettingsInputsSkeleton,{}):(0,d.jsxs)(`div`,{"data-testid":b,className:fe?`relative flex min-h-0 w-full flex-1 flex-col`:`relative w-full min-h-0`,children:[(0,d.jsx)(ie.ViewToggle,{view:F,setView:I,showBasic:A,showAdvanced:j,showAll:M,isDisabled:!1}),(0,d.jsxs)(`div`,{className:`flex flex-col gap-8`,children:[f?.({values:G,isDisabled:!1,view:F,onChange:q}),k.map(e=>{if(!e.filteredSchema)return null;let t=L[e.settingsSource]??{};return c.getVisibleSettingsSections(e.filteredSchema,{...G,...t},F,e.excludeKeys??ae).map(n=>(0,d.jsx)(`section`,{className:`flex flex-col gap-4`,children:(0,d.jsx)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:n.fields.map(e=>(0,d.jsx)(`div`,{className:l.FIELD_FULL_WIDTH_KEYS.has(e.key)?`xl:col-span-2`:void 0,children:(0,d.jsx)(l.SchemaField,{field:e,value:t[e.key],isDisabled:!1,onChange:t=>q(e.key,t)})},e.key))})},`${e.settingsSource}:${n.key}`))}),pe?null:(0,d.jsx)(`div`,{className:`flex justify-start pt-2`,children:(0,d.jsx)(te.BrandButton,{testId:`save-button`,type:`button`,variant:`primary`,isDisabled:S||!Q&&!h,onClick:Z,children:x(S?n.I18nKey.SETTINGS$SAVING:n.I18nKey.SETTINGS$SAVE_CHANGES)})})]})]}):(0,d.jsx)(`div`,{"data-testid":`sdk-schema-unavailable`,className:re.extensionModuleEmptyStateClassName,children:(0,d.jsx)(`p`,{className:`text-sm text-[var(--oh-muted)]`,children:N})})}exports.SdkSectionPage=h;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/axios/index.cjs"),i=require("../../../../utils/retrieve-axios-error-message.cjs"),a=require("../../../../utils/custom-toast-handlers.cjs"),ee=require("../../../../hooks/query/use-settings.cjs"),te=require("../brand-button.cjs"),ne=require("../../../../utils/extension-module-card-classes.cjs"),re=require("../../../../hooks/mutation/use-save-settings.cjs"),o=require("../../../../hooks/query/use-agent-settings-schema.cjs"),s=require("../llm-settings/llm-settings-inputs-skeleton.cjs"),c=require("../../../../utils/sdk-settings-schema.cjs"),l=require("./schema-field.cjs"),ie=require("./view-toggle.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var ae=new Set,f={basic:0,advanced:1,all:2},oe=(e,t)=>f[t]<f[e]?t:e,se=(e,t)=>f[t]>f[e]?t:e,p=(e,{showBasic:t,showAdvanced:n,showAll:r})=>{if(e===`all`)return r?`all`:n?`advanced`:`basic`;if(e===`advanced`)return n?`advanced`:r?`all`:`basic`;if(!t){if(n)return`advanced`;if(r)return`all`}return`basic`},m={agent_settings:`agent_settings_diff`,conversation_settings:`conversation_settings_diff`},ce=(e,t)=>e instanceof r.AxiosError?e.response?.status===401?`${t} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.`:e.response?.status===404?`${t} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.`:t:t;function h({settingsSources:e,scope:r=`personal`,header:f,extraDirty:h=!1,buildPayload:g,onSaveSuccess:le,getInitialView:_,forceShowAdvancedView:ue=!1,allowAllView:de=!0,initialValueOverrides:v,embedded:fe=!1,hideSaveButton:pe=!1,suppressSuccessToast:me=!1,onSaveControlChange:y,testId:b=`sdk-section-settings-screen`}){let{t:x}=t.useTranslation(`openhands`),{mutate:he,isPending:S}=re.useSaveSettings(r),{data:C,isLoading:ge,isFetching:_e}=ee.useSettings(r),w=o.useAgentSettingsSchema(C?.agent_settings_schema),T=o.useConversationSettingsSchema(C?.conversation_settings_schema),E=u.default.useMemo(()=>JSON.stringify(e.map(e=>({source:e.settingsSource,sectionKeys:e.sectionKeys,excludeKeys:e.excludeKeys?Array.from(e.excludeKeys).sort():null}))),[e]),D=u.default.useMemo(()=>JSON.parse(E).map(e=>({settingsSource:e.source,sectionKeys:e.sectionKeys,excludeKeys:e.excludeKeys?new Set(e.excludeKeys):void 0})),[E]),O=u.default.useCallback(e=>e===`conversation_settings`?T.data:w.data,[w.data,T.data]),ve=D.some(e=>e.settingsSource===`conversation_settings`?T.isLoading:w.isLoading),k=u.default.useMemo(()=>D.map(e=>{let t=O(e.settingsSource);if(!c.isValidSettingsSchema(t))return{...e,filteredSchema:null};let n=new Set(e.sectionKeys),r=new Set,i={...t,sections:t.sections.filter(e=>!n.has(e.key)||r.has(e.key)?!1:(r.add(e.key),!0))};return{...e,filteredSchema:i}}),[D,O]),A=k.some(e=>c.hasCriticalSettings(e.filteredSchema)),j=ue||k.some(e=>c.hasAdvancedSettings(e.filteredSchema)),M=de&&k.some(e=>c.hasMinorSettings(e.filteredSchema)),N=u.default.useMemo(()=>ce(D.reduce((e,t)=>e??(t.settingsSource===`conversation_settings`?T.error:w.error),null),x(n.I18nKey.SETTINGS$SDK_SCHEMA_UNAVAILABLE)),[D,w.error,T.error,x]),P=u.default.useMemo(()=>v?JSON.stringify(v):``,[v]),[F,I]=u.default.useState(`basic`),[L,R]=u.default.useState({}),[z,B]=u.default.useState({}),V=u.default.useRef(!1),H=u.default.useMemo(()=>{if(!C)return null;let e={};for(let t of k){if(!t.filteredSchema)return null;e[t.settingsSource]={...e[t.settingsSource]??{},...c.buildInitialSettingsFormValues(C,t.filteredSchema,t.settingsSource)}}if(v){let t=k[0]?.settingsSource;t&&e[t]&&(e[t]={...e[t],...v})}return e},[C,k,P]),U=u.default.useMemo(()=>{if(!C)return null;let e=null;for(let t of k){if(!t.filteredSchema)return null;let n=_?_(C,t.filteredSchema):c.inferInitialView(C,t.filteredSchema,t.settingsSource);e=e?se(e,n):n}return e?p(e,{showBasic:A,showAdvanced:j,showAll:M}):null},[C,k,_,A,j,M]);u.default.useEffect(()=>{V.current=!1,I(`basic`),R({}),B({})},[r,E]),u.default.useEffect(()=>{if(!(!H||!U)){if(R(H),v){let e=k[0]?.settingsSource;if(e){let t=Object.fromEntries(Object.keys(v).map(e=>[e,!0]));B({[e]:t})}else B({})}else B({});V.current?I(e=>oe(e,U)):(V.current=!0,I(U))}},[H,U]);let W=u.default.useMemo(()=>{let e=new Map;for(let t of k)if(t.filteredSchema)for(let n of t.filteredSchema.sections)for(let r of n.fields)e.has(r.key)||e.set(r.key,t.settingsSource);return e},[k]),G=u.default.useMemo(()=>{let e={};for(let t of k)Object.assign(e,L[t.settingsSource]??{});return e},[k,L]),K=u.default.useMemo(()=>{let e={};for(let t of k)Object.assign(e,z[t.settingsSource]??{});return e},[k,z]),q=u.default.useCallback((e,t)=>{let n=W.get(e);n&&(R(r=>({...r,[n]:{...r[n]??{},[e]:t}})),B(t=>({...t,[n]:{...t[n]??{},[e]:!0}})))},[W]),ye=u.default.useCallback(e=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||x(n.I18nKey.ERROR$GENERIC))},[x]),J=u.default.useRef(()=>{}),Y=u.default.useCallback(()=>{J.current()},[]),X=u.default.useRef(()=>({})),be=u.default.useCallback(()=>X.current(),[]),Z=()=>{if(k.some(e=>!e.filteredSchema))return;let e;try{let t={};for(let e of k){let n=e.filteredSchema,r=c.buildSdkSettingsPayloadForView(n,L[e.settingsSource]??{},z[e.settingsSource]??{},F);if(Object.keys(r).length>0){let n=m[e.settingsSource];t[n]={...t[n]??{},...r}}}e=g?g(t,{values:G,dirty:K,view:F}):t}catch(e){a.displayErrorToast(e instanceof Error?e.message:x(n.I18nKey.ERROR$GENERIC));return}Object.keys(e).length!==0&&he(e,{onError:ye,onSuccess:()=>{me||a.displaySuccessToast(x(n.I18nKey.SETTINGS$SAVED_WARNING)),B({}),le?.()}})};J.current=Z,X.current=()=>{let e={};for(let t of k){if(!t.filteredSchema)continue;let n=L[t.settingsSource]??{},r=z[t.settingsSource]??{};Object.assign(e,c.buildSdkSettingsPayload(t.filteredSchema,n,r))}return e};let Q=Object.keys(K).length>0,$=Q||h;return u.default.useEffect(()=>{y&&y({save:Y,isSaving:S,isDirty:$,values:G,view:F,getDirtyPayload:be})},[S,$,G,F]),(ge||_e)&&!C||ve?(0,d.jsx)(s.LlmSettingsInputsSkeleton,{}):k.some(e=>e.filteredSchema&&e.filteredSchema.sections.length>0)?Object.keys(G).length===0?(0,d.jsx)(s.LlmSettingsInputsSkeleton,{}):(0,d.jsxs)(`div`,{"data-testid":b,className:fe?`relative flex min-h-0 w-full flex-1 flex-col`:`relative w-full min-h-0`,children:[(0,d.jsx)(ie.ViewToggle,{view:F,setView:I,showBasic:A,showAdvanced:j,showAll:M,isDisabled:!1}),(0,d.jsxs)(`div`,{className:`flex flex-col gap-8`,children:[f?.({values:G,isDisabled:!1,view:F,onChange:q}),k.map(e=>{if(!e.filteredSchema)return null;let t=L[e.settingsSource]??{};return c.getVisibleSettingsSections(e.filteredSchema,{...G,...t},F,e.excludeKeys??ae).map(n=>(0,d.jsx)(`section`,{className:`flex flex-col gap-4`,children:(0,d.jsx)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:n.fields.map(e=>(0,d.jsx)(`div`,{className:l.FIELD_FULL_WIDTH_KEYS.has(e.key)?`xl:col-span-2`:void 0,children:(0,d.jsx)(l.SchemaField,{field:e,value:t[e.key],isDisabled:!1,onChange:t=>q(e.key,t)})},e.key))})},`${e.settingsSource}:${n.key}`))}),pe?null:(0,d.jsx)(`div`,{className:`flex justify-start pt-2`,children:(0,d.jsx)(te.BrandButton,{testId:`save-button`,type:`button`,variant:`primary`,isDisabled:S||!Q&&!h,onClick:Z,children:x(S?n.I18nKey.SETTINGS$SAVING:n.I18nKey.SETTINGS$SAVE_CHANGES)})})]})]}):(0,d.jsx)(`div`,{"data-testid":`sdk-schema-unavailable`,className:ne.extensionModuleEmptyStateClassName,children:(0,d.jsx)(`p`,{className:`text-sm text-[var(--oh-muted)]`,children:N})})}exports.SdkSectionPage=h;
 //# sourceMappingURL=sdk-section-page.cjs.map

package/dist/components/features/settings/sdk-settings/sdk-section-page.js

@@ -5,10 +5,10 @@ import { retrieveAxiosErrorMessage as r } from "../../../../utils/retrieve-axios
 import { displayErrorToast as i, displaySuccessToast as ee } from "../../../../utils/custom-toast-handlers.js";
 import { useSettings as te } from "../../../../hooks/query/use-settings.js";
 import { BrandButton as ne } from "../brand-button.js";
-import { useSaveSettings as re } from "../../../../hooks/mutation/use-save-settings.js";
-import { useAgentSettingsSchema as a, useConversationSettingsSchema as o } from "../../../../hooks/query/use-agent-settings-schema.js";
-import { LlmSettingsInputsSkeleton as s } from "../llm-settings/llm-settings-inputs-skeleton.js";
-import { extensionModuleEmptyStateClassName as c } from "../../../../utils/extension-module-card-classes.js";
+import { extensionModuleEmptyStateClassName as re } from "../../../../utils/extension-module-card-classes.js";
+import { useSaveSettings as a } from "../../../../hooks/mutation/use-save-settings.js";
+import { useAgentSettingsSchema as o, useConversationSettingsSchema as s } from "../../../../hooks/query/use-agent-settings-schema.js";
+import { LlmSettingsInputsSkeleton as c } from "../llm-settings/llm-settings-inputs-skeleton.js";
 import { buildInitialSettingsFormValues as ie, buildSdkSettingsPayload as ae, buildSdkSettingsPayloadForView as oe, getVisibleSettingsSections as se, hasAdvancedSettings as ce, hasCriticalSettings as le, hasMinorSettings as ue, inferInitialView as de, isValidSettingsSchema as fe } from "../../../../utils/sdk-settings-schema.js";
 import { FIELD_FULL_WIDTH_KEYS as pe, SchemaField as me } from "./schema-field.js";
 import { ViewToggle as he } from "./view-toggle.js";
@@ -32,7 +32,7 @@ var ge = /* @__PURE__ */ new Set(), f = {
 	conversation_settings: "conversation_settings_diff"
 }, be = (e, t) => e instanceof n ? e.response?.status === 401 ? `${t} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.` : e.response?.status === 404 ? `${t} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.` : t : t;
 function m({ settingsSources: n, scope: f = "personal", header: m, extraDirty: h = !1, buildPayload: g, onSaveSuccess: xe, getInitialView: _, forceShowAdvancedView: Se = !1, allowAllView: Ce = !0, initialValueOverrides: v, embedded: we = !1, hideSaveButton: Te = !1, suppressSuccessToast: Ee = !1, onSaveControlChange: y, testId: De = "sdk-section-settings-screen" }) {
-	let { t: b } = e("openhands"), { mutate: x, isPending: S } = re(f), { data: C, isLoading: w, isFetching: T } = te(f), E = a(C?.agent_settings_schema), D = o(C?.conversation_settings_schema), O = l.useMemo(() => JSON.stringify(n.map((e) => ({
+	let { t: b } = e("openhands"), { mutate: x, isPending: S } = a(f), { data: C, isLoading: w, isFetching: T } = te(f), E = o(C?.agent_settings_schema), D = s(C?.conversation_settings_schema), O = l.useMemo(() => JSON.stringify(n.map((e) => ({
 		source: e.settingsSource,
 		sectionKeys: e.sectionKeys,
 		excludeKeys: e.excludeKeys ? Array.from(e.excludeKeys).sort() : null
@@ -202,7 +202,7 @@ function m({ settingsSources: n, scope: f = "personal", header: m, extraDirty: h
 		$,
 		K,
 		I
-	]), (w || T) && !C || j ? /* @__PURE__ */ u(s, {}) : M.some((e) => e.filteredSchema && e.filteredSchema.sections.length > 0) ? Object.keys(K).length === 0 ? /* @__PURE__ */ u(s, {}) : /* @__PURE__ */ d("div", {
+	]), (w || T) && !C || j ? /* @__PURE__ */ u(c, {}) : M.some((e) => e.filteredSchema && e.filteredSchema.sections.length > 0) ? Object.keys(K).length === 0 ? /* @__PURE__ */ u(c, {}) : /* @__PURE__ */ d("div", {
 		"data-testid": De,
 		className: we ? "relative flex min-h-0 w-full flex-1 flex-col" : "relative w-full min-h-0",
 		children: [/* @__PURE__ */ u(he, {
@@ -258,7 +258,7 @@ function m({ settingsSources: n, scope: f = "personal", header: m, extraDirty: h
 		})]
 	}) : /* @__PURE__ */ u("div", {
 		"data-testid": "sdk-schema-unavailable",
-		className: c,
+		className: re,
 		children: /* @__PURE__ */ u("p", {
 			className: "text-sm text-[var(--oh-muted)]",
 			children: Oe