@openhands/agent-canvas 1.16.0 → 1.18.0

package/dist/components/features/images/image-lightbox.js

@@ -0,0 +1,37 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { ModalBackdrop as n } from "../../shared/modals/modal-backdrop.js";
+import { ModalCloseButton as r } from "../../shared/modals/modal-close-button.js";
+import i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/features/images/image-lightbox.tsx
+function s({ src: s, onClose: c }) {
+	let { t: l } = e("openhands");
+	return i.useEffect(() => {
+		let e = (e) => {
+			e.key === "Escape" && (e.stopPropagation(), c());
+		};
+		return document.addEventListener("keydown", e, !0), () => document.removeEventListener("keydown", e, !0);
+	}, [c]), /* @__PURE__ */ a(n, {
+		onClose: c,
+		closeOnEscape: !1,
+		"aria-label": l(t.IMAGE$FULL_SIZE_PREVIEW),
+		children: /* @__PURE__ */ o("div", {
+			"data-testid": "image-lightbox",
+			className: "relative",
+			children: [/* @__PURE__ */ a(r, {
+				onClose: c,
+				testId: "image-lightbox-close",
+				className: "bg-black/60 text-white hover:bg-black/80"
+			}), /* @__PURE__ */ a("img", {
+				src: s,
+				alt: l(t.IMAGE$FULL_SIZE_PREVIEW),
+				className: "max-h-[90vh] max-w-[90vw] rounded-lg object-contain"
+			})]
+		})
+	});
+}
+//#endregion
+export { s as ImageLightbox };
+
+//# sourceMappingURL=image-lightbox.js.map

package/dist/components/features/images/image-lightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-lightbox.js","names":[],"sources":["../../../../src/components/features/images/image-lightbox.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\ninterface ImageLightboxProps {\n  src: string;\n  onClose: () => void;\n}\n\n/**\n * Full-size overlay for an image attachment. The thumbnail is a CSS downscale\n * of the same source, so no refetch is needed.\n */\nexport function ImageLightbox({ src, onClose }: ImageLightboxProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  // HeroUI consumes Escape on a document capture listener, so it never reaches\n  // ModalBackdrop's window listener. Capture it here instead.\n  React.useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") return;\n      event.stopPropagation();\n      onClose();\n    };\n\n    document.addEventListener(\"keydown\", handleEscape, true);\n    return () => document.removeEventListener(\"keydown\", handleEscape, true);\n  }, [onClose]);\n\n  return (\n    <ModalBackdrop\n      onClose={onClose}\n      closeOnEscape={false}\n      aria-label={t(I18nKey.IMAGE$FULL_SIZE_PREVIEW)}\n    >\n      <div data-testid=\"image-lightbox\" className=\"relative\">\n        <ModalCloseButton\n          onClose={onClose}\n          testId=\"image-lightbox-close\"\n          className=\"bg-black/60 text-white hover:bg-black/80\"\n        />\n        <img\n          src={src}\n          alt={t(I18nKey.IMAGE$FULL_SIZE_PREVIEW)}\n          className=\"max-h-[90vh] max-w-[90vw] rounded-lg object-contain\"\n        />\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,EAAc,EAAE,QAAK,cAA+B;CAClE,IAAM,EAAE,SAAM,EAAe,WAAW;CAexC,OAXA,EAAM,gBAAgB;EACpB,IAAM,KAAgB,MAAyB;GACzC,EAAM,QAAQ,aAClB,EAAM,gBAAgB,GACtB,EAAQ;EACV;EAGA,OADA,SAAS,iBAAiB,WAAW,GAAc,EAAI,SAC1C,SAAS,oBAAoB,WAAW,GAAc,EAAI;CACzE,GAAG,CAAC,CAAO,CAAC,GAGV,kBAAC,GAAD;EACW;EACT,eAAe;EACf,cAAY,EAAE,EAAQ,uBAAuB;YAE7C,kBAAC,OAAD;GAAK,eAAY;GAAiB,WAAU;aAA5C,CACE,kBAAC,GAAD;IACW;IACT,QAAO;IACP,WAAU;GACX,CAAA,GACD,kBAAC,OAAD;IACO;IACL,KAAK,EAAE,EAAQ,uBAAuB;IACtC,WAAU;GACX,CAAA,CACE;;CACQ,CAAA;AAEnB"}

package/dist/components/features/images/image-preview.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../shared/buttons/remove-button.cjs"),t=require("./thumbnail.cjs");let n=require("react/jsx-runtime");function r({src:r,onRemove:i,size:a=`small`}){return(0,n.jsxs)(`div`,{"data-testid":`image-preview`,className:`relative w-fit shrink-0 py-1`,children:[(0,n.jsx)(t.Thumbnail,{src:r,size:a}),i&&(0,n.jsx)(e.RemoveButton,{onClick:i,className:`absolute right-[3px] top-[3px] cursor-pointer`})]})}exports.ImagePreview=r;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../shared/buttons/remove-button.cjs"),i=require("./image-lightbox.cjs"),a=require("./thumbnail.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c({src:e,onRemove:c,size:l=`small`}){let{t:u}=t.useTranslation(`openhands`),[d,f]=o.default.useState(!1);return(0,s.jsxs)(`div`,{"data-testid":`image-preview`,className:`relative w-fit shrink-0 py-1`,children:[(0,s.jsx)(`button`,{type:`button`,"data-testid":`expand-image-button`,"aria-label":u(n.I18nKey.BUTTON$VIEW_FULL_SIZE_IMAGE),onClick:()=>f(!0),className:`block cursor-zoom-in rounded-sm transition-opacity hover:opacity-80`,children:(0,s.jsx)(a.Thumbnail,{src:e,size:l})}),c&&(0,s.jsx)(r.RemoveButton,{onClick:c,"aria-label":u(n.I18nKey.BUTTON$REMOVE_IMAGE),className:`absolute right-[3px] top-[3px] cursor-pointer`}),d&&(0,s.jsx)(i.ImageLightbox,{src:e,onClose:()=>f(!1)})]})}exports.ImagePreview=c;
 //# sourceMappingURL=image-preview.cjs.map

package/dist/components/features/images/image-preview.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"image-preview.cjs","names":[],"sources":["../../../../src/components/features/images/image-preview.tsx"],"sourcesContent":["import { RemoveButton } from \"#/components/shared/buttons/remove-button\";\nimport { Thumbnail } from \"./thumbnail\";\n\ninterface ImagePreviewProps {\n  src: string;\n  onRemove?: () => void;\n  size?: \"small\" | \"large\";\n}\n\nexport function ImagePreview({\n  src,\n  onRemove,\n  size = \"small\",\n}: ImagePreviewProps) {\n  return (\n    <div data-testid=\"image-preview\" className=\"relative w-fit shrink-0 py-1\">\n      <Thumbnail src={src} size={size} />\n      {onRemove && (\n        <RemoveButton\n          onClick={onRemove}\n          className=\"absolute right-[3px] top-[3px] cursor-pointer\"\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"6KASA,SAAgB,EAAa,CAC3B,MACA,WACA,OAAO,SACa,CACpB,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,gBAAgB,UAAU,wCAA3C,EACE,EAAA,EAAA,KAAC,EAAA,UAAD,CAAgB,MAAW,MAAO,CAAA,EACjC,IACC,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,QAAS,EACT,UAAU,+CACX,CAAA,CAEA,GAET"}
+{"version":3,"file":"image-preview.cjs","names":[],"sources":["../../../../src/components/features/images/image-preview.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { RemoveButton } from \"#/components/shared/buttons/remove-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ImageLightbox } from \"./image-lightbox\";\nimport { Thumbnail } from \"./thumbnail\";\n\ninterface ImagePreviewProps {\n  src: string;\n  onRemove?: () => void;\n  size?: \"small\" | \"large\";\n}\n\nexport function ImagePreview({\n  src,\n  onRemove,\n  size = \"small\",\n}: ImagePreviewProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [isExpanded, setIsExpanded] = React.useState(false);\n\n  return (\n    <div data-testid=\"image-preview\" className=\"relative w-fit shrink-0 py-1\">\n      <button\n        type=\"button\"\n        data-testid=\"expand-image-button\"\n        aria-label={t(I18nKey.BUTTON$VIEW_FULL_SIZE_IMAGE)}\n        onClick={() => setIsExpanded(true)}\n        className=\"block cursor-zoom-in rounded-sm transition-opacity hover:opacity-80\"\n      >\n        <Thumbnail src={src} size={size} />\n      </button>\n      {onRemove && (\n        <RemoveButton\n          onClick={onRemove}\n          aria-label={t(I18nKey.BUTTON$REMOVE_IMAGE)}\n          className=\"absolute right-[3px] top-[3px] cursor-pointer\"\n        />\n      )}\n      {isExpanded && (\n        <ImageLightbox src={src} onClose={() => setIsExpanded(false)} />\n      )}\n    </div>\n  );\n}\n"],"mappings":"gXAaA,SAAgB,EAAa,CAC3B,MACA,WACA,OAAO,SACa,CACpB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAY,GAAiB,EAAA,QAAM,SAAS,EAAK,EAExD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,gBAAgB,UAAU,wCAA3C,EACE,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAY,sBACZ,aAAY,EAAE,EAAA,QAAQ,2BAA2B,EACjD,YAAe,EAAc,EAAI,EACjC,UAAU,gFAEV,EAAA,EAAA,KAAC,EAAA,UAAD,CAAgB,MAAW,MAAO,CAAA,CAC5B,CAAA,EACP,IACC,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,QAAS,EACT,aAAY,EAAE,EAAA,QAAQ,mBAAmB,EACzC,UAAU,+CACX,CAAA,EAEF,IACC,EAAA,EAAA,KAAC,EAAA,cAAD,CAAoB,MAAK,YAAe,EAAc,EAAK,CAAI,CAAA,CAE9D,GAET"}

package/dist/components/features/images/image-preview.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 interface ImagePreviewProps {
     src: string;
     onRemove?: () => void;
     size?: "small" | "large";
 }
-export declare function ImagePreview({ src, onRemove, size, }: ImagePreviewProps): import("react").JSX.Element;
+export declare function ImagePreview({ src, onRemove, size, }: ImagePreviewProps): React.JSX.Element;
 export {};

package/dist/components/features/images/image-preview.js

@@ -1,21 +1,41 @@
-import { RemoveButton as e } from "../../shared/buttons/remove-button.js";
-import { Thumbnail as t } from "./thumbnail.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { RemoveButton as n } from "../../shared/buttons/remove-button.js";
+import { ImageLightbox as r } from "./image-lightbox.js";
+import { Thumbnail as i } from "./thumbnail.js";
+import a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/features/images/image-preview.tsx
-function i({ src: i, onRemove: a, size: o = "small" }) {
-	return /* @__PURE__ */ r("div", {
+function c({ src: c, onRemove: l, size: u = "small" }) {
+	let { t: d } = e("openhands"), [f, p] = a.useState(!1);
+	return /* @__PURE__ */ s("div", {
 		"data-testid": "image-preview",
 		className: "relative w-fit shrink-0 py-1",
-		children: [/* @__PURE__ */ n(t, {
-			src: i,
-			size: o
-		}), a && /* @__PURE__ */ n(e, {
-			onClick: a,
-			className: "absolute right-[3px] top-[3px] cursor-pointer"
-		})]
+		children: [
+			/* @__PURE__ */ o("button", {
+				type: "button",
+				"data-testid": "expand-image-button",
+				"aria-label": d(t.BUTTON$VIEW_FULL_SIZE_IMAGE),
+				onClick: () => p(!0),
+				className: "block cursor-zoom-in rounded-sm transition-opacity hover:opacity-80",
+				children: /* @__PURE__ */ o(i, {
+					src: c,
+					size: u
+				})
+			}),
+			l && /* @__PURE__ */ o(n, {
+				onClick: l,
+				"aria-label": d(t.BUTTON$REMOVE_IMAGE),
+				className: "absolute right-[3px] top-[3px] cursor-pointer"
+			}),
+			f && /* @__PURE__ */ o(r, {
+				src: c,
+				onClose: () => p(!1)
+			})
+		]
 	});
 }
 //#endregion
-export { i as ImagePreview };
+export { c as ImagePreview };
 
 //# sourceMappingURL=image-preview.js.map

package/dist/components/features/images/image-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-preview.js","names":[],"sources":["../../../../src/components/features/images/image-preview.tsx"],"sourcesContent":["import { RemoveButton } from \"#/components/shared/buttons/remove-button\";\nimport { Thumbnail } from \"./thumbnail\";\n\ninterface ImagePreviewProps {\n  src: string;\n  onRemove?: () => void;\n  size?: \"small\" | \"large\";\n}\n\nexport function ImagePreview({\n  src,\n  onRemove,\n  size = \"small\",\n}: ImagePreviewProps) {\n  return (\n    <div data-testid=\"image-preview\" className=\"relative w-fit shrink-0 py-1\">\n      <Thumbnail src={src} size={size} />\n      {onRemove && (\n        <RemoveButton\n          onClick={onRemove}\n          className=\"absolute right-[3px] top-[3px] cursor-pointer\"\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AASA,SAAgB,EAAa,EAC3B,QACA,aACA,UAAO,WACa;CACpB,OACE,kBAAC,OAAD;EAAK,eAAY;EAAgB,WAAU;YAA3C,CACE,kBAAC,GAAD;GAAgB;GAAW;EAAO,CAAA,GACjC,KACC,kBAAC,GAAD;GACE,SAAS;GACT,WAAU;EACX,CAAA,CAEA;;AAET"}
+{"version":3,"file":"image-preview.js","names":[],"sources":["../../../../src/components/features/images/image-preview.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { RemoveButton } from \"#/components/shared/buttons/remove-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ImageLightbox } from \"./image-lightbox\";\nimport { Thumbnail } from \"./thumbnail\";\n\ninterface ImagePreviewProps {\n  src: string;\n  onRemove?: () => void;\n  size?: \"small\" | \"large\";\n}\n\nexport function ImagePreview({\n  src,\n  onRemove,\n  size = \"small\",\n}: ImagePreviewProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [isExpanded, setIsExpanded] = React.useState(false);\n\n  return (\n    <div data-testid=\"image-preview\" className=\"relative w-fit shrink-0 py-1\">\n      <button\n        type=\"button\"\n        data-testid=\"expand-image-button\"\n        aria-label={t(I18nKey.BUTTON$VIEW_FULL_SIZE_IMAGE)}\n        onClick={() => setIsExpanded(true)}\n        className=\"block cursor-zoom-in rounded-sm transition-opacity hover:opacity-80\"\n      >\n        <Thumbnail src={src} size={size} />\n      </button>\n      {onRemove && (\n        <RemoveButton\n          onClick={onRemove}\n          aria-label={t(I18nKey.BUTTON$REMOVE_IMAGE)}\n          className=\"absolute right-[3px] top-[3px] cursor-pointer\"\n        />\n      )}\n      {isExpanded && (\n        <ImageLightbox src={src} onClose={() => setIsExpanded(false)} />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,EAAa,EAC3B,QACA,aACA,UAAO,WACa;CACpB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAY,KAAiB,EAAM,SAAS,EAAK;CAExD,OACE,kBAAC,OAAD;EAAK,eAAY;EAAgB,WAAU;YAA3C;GACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAY;IACZ,cAAY,EAAE,EAAQ,2BAA2B;IACjD,eAAe,EAAc,EAAI;IACjC,WAAU;cAEV,kBAAC,GAAD;KAAgB;KAAW;IAAO,CAAA;GAC5B,CAAA;GACP,KACC,kBAAC,GAAD;IACE,SAAS;IACT,cAAY,EAAE,EAAQ,mBAAmB;IACzC,WAAU;GACX,CAAA;GAEF,KACC,kBAAC,GAAD;IAAoB;IAAK,eAAe,EAAc,EAAK;GAAI,CAAA;EAE9D;;AAET"}

package/dist/components/features/manifest/manifest-form-field.d.ts

@@ -10,6 +10,8 @@ export interface SetupFormFieldProps {
     error?: string;
     /** Declared options, or the ones the deployment supplied. */
     options: SetupFieldOption[];
+    /** Whether dynamic options for this field are still loading. */
+    isOptionsLoading?: boolean;
     /** The picked repository, kept so the picker can show what is selected. */
     repository: GitRepository | null;
     disabled: boolean;
@@ -25,4 +27,4 @@ export interface SetupFormFieldProps {
  * never translated by the host; the only host string is the format hint the
  * repository fallback below needs, because no manifest declares it.
  */
-export declare function SetupFormField({ name, field, value, error, options, repository, disabled, onChange, onRepositoryChange, onBlur, }: SetupFormFieldProps): import("react").JSX.Element;
+export declare function SetupFormField({ name, field, value, error, options, isOptionsLoading, repository, disabled, onChange, onRepositoryChange, onBlur, }: SetupFormFieldProps): import("react").JSX.Element;

package/dist/components/features/manifest/manifest-review-step.d.ts

@@ -2,6 +2,8 @@ import type { SetupBlock, SetupFormValues } from "#/manifests/types";
 export interface SetupReviewStepProps {
     setup: SetupBlock;
     values: SetupFormValues;
+    selectedTrigger?: string | null;
+    selectedAction?: string | null;
 }
 /**
  * Stage 7 — the plain-language summary the user confirms.
@@ -11,4 +13,4 @@ export interface SetupReviewStepProps {
  * row per declared field, labelled the way the field was labelled, says the
  * same thing without asking every entry to restate it.
  */
-export declare function SetupReviewStep({ setup, values }: SetupReviewStepProps): import("react").JSX.Element;
+export declare function SetupReviewStep({ setup, values, selectedTrigger, selectedAction, }: SetupReviewStepProps): import("react").JSX.Element;

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

@@ -4,10 +4,9 @@ interface SetupLlmStepProps {
     onNext: () => void;
 }
 /**
- * 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.
+ * Fallback when the backend has not exposed a DB-selected OpenHands default.
+ * The onboarding override still marks the model dirty so Next persists the
+ * suggested model immediately.
  */
 export declare const ONBOARDING_DEFAULT_LLM_MODEL = "openai/gpt-5.6-sol";
 /**

package/dist/components/features/settings/cloud-settings-link.cjs

@@ -1,2 +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("../../../node_modules/lucide-react/dist/esm/icons/cloud.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../api/backend-registry/active-store.cjs"),o=require("../../../contexts/active-backend-context.cjs"),s=require("../sidebar/sidebar-layout.cjs");let c=require("react/jsx-runtime");function l(){let{t:l}=e.useTranslation(`openhands`),{active:u}=o.useActiveBackendContext(),{backend:d}=u;return a.isNoBackend(d)||d.kind!==`cloud`?null:(0,c.jsxs)(`a`,{"data-testid":`settings-cloud-link`,href:`${d.host.replace(/\/+$/,``)}/settings`,target:`_blank`,rel:`noopener noreferrer`,className:i.cn(s.sidebarNavRowClassName({collapsed:!1}),s.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[(0,c.jsx)(`span`,{className:s.SIDEBAR_ICON_SLOT_CLASS,children:(0,c.jsx)(n.Cloud,{className:`size-4 shrink-0`,"aria-hidden":!0})}),(0,c.jsx)(`span`,{className:i.cn(s.sidebarNavLabelClassName(!1),`flex-1`),children:l(t.I18nKey.SETTINGS$CLOUD_SETTINGS_LINK)}),(0,c.jsx)(r.ExternalLink,{className:`size-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0})]})}exports.CloudSettingsLink=l;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/cloud.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../api/agent-server-config.cjs"),o=require("../../../api/backend-registry/active-store.cjs"),s=require("../../../contexts/active-backend-context.cjs"),c=require("../sidebar/sidebar-layout.cjs");let l=require("react/jsx-runtime");function u(){let{t:u}=e.useTranslation(`openhands`),{active:d}=s.useActiveBackendContext(),{backend:f,orgId:p}=d;if(o.isNoBackend(f)||f.kind!==`cloud`)return null;let m=a.getLockedCloudHost()!==null,h=p?`?org=${encodeURIComponent(p)}`:``;return(0,l.jsxs)(`a`,{"data-testid":`settings-cloud-link`,href:`${f.host.replace(/\/+$/,``)}/settings${h}`,target:m?void 0:`_blank`,rel:m?void 0:`noopener noreferrer`,className:i.cn(c.sidebarNavRowClassName({collapsed:!1}),c.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[(0,l.jsx)(`span`,{className:c.SIDEBAR_ICON_SLOT_CLASS,children:(0,l.jsx)(n.Cloud,{className:`size-4 shrink-0`,"aria-hidden":!0})}),(0,l.jsx)(`span`,{className:i.cn(c.sidebarNavLabelClassName(!1),`flex-1`),children:u(t.I18nKey.SETTINGS$CLOUD_SETTINGS_LINK)}),!m&&(0,l.jsx)(r.ExternalLink,{className:`size-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0})]})}exports.CloudSettingsLink=u;
 //# sourceMappingURL=cloud-settings-link.cjs.map

package/dist/components/features/settings/cloud-settings-link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"cloud-settings-link.cjs","names":[],"sources":["../../../../src/components/features/settings/cloud-settings-link.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Cloud, ExternalLink } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\n\n/**\n * Renders only for cloud backends — local backends have no equivalent\n * hosted settings page.\n */\nexport function CloudSettingsLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend } = active;\n\n  if (isNoBackend(backend) || backend.kind !== \"cloud\") return null;\n\n  const cloudSettingsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings`;\n\n  return (\n    <a\n      data-testid=\"settings-cloud-link\"\n      href={cloudSettingsUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        sidebarNavRowClassName({ collapsed: false }),\n        SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n      )}\n    >\n      <span className={SIDEBAR_ICON_SLOT_CLASS}>\n        <Cloud className=\"size-4 shrink-0\" aria-hidden />\n      </span>\n      <span className={cn(sidebarNavLabelClassName(false), \"flex-1\")}>\n        {t(I18nKey.SETTINGS$CLOUD_SETTINGS_LINK)}\n      </span>\n      <ExternalLink\n        className=\"size-4 shrink-0 text-[var(--oh-muted)]\"\n        aria-hidden\n      />\n    </a>\n  );\n}\n"],"mappings":"ojBAiBA,SAAgB,GAAoB,CAClC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,UAAW,EAAA,wBAAwB,EACrC,CAAE,WAAY,EAMpB,OAJI,EAAA,YAAY,CAAO,GAAK,EAAQ,OAAS,QAAgB,MAK3D,EAAA,EAAA,MAAC,IAAD,CACE,cAAY,sBACZ,KAAM,GALkB,EAAQ,KAAK,QAAQ,OAAQ,EAAE,EAAE,WAMzD,OAAO,SACP,IAAI,sBACJ,UAAW,EAAA,GACT,EAAA,uBAAuB,CAAE,UAAW,EAAM,CAAC,EAC3C,EAAA,8BAA8B,IAChC,WARF,EAUE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,kCACf,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,kBAAkB,cAAA,EAAa,CAAA,CAC5C,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,yBAAyB,EAAK,EAAG,QAAQ,WAC1D,EAAE,EAAA,QAAQ,4BAA4B,CACnC,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAU,yCACV,cAAA,EACD,CAAA,CACA,GAEP"}
+{"version":3,"file":"cloud-settings-link.cjs","names":[],"sources":["../../../../src/components/features/settings/cloud-settings-link.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Cloud, ExternalLink } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\n\n/**\n * Renders only for cloud backends — local backends have no equivalent\n * hosted settings page. Opens in the same tab when the canvas is locked to a\n * Cloud host (SaaS / self-hosted OHE): the settings page shares that host\n * with the canvas, so Back should return here (OHE-3242).\n */\nexport function CloudSettingsLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend, orgId } = active;\n\n  if (isNoBackend(backend) || backend.kind !== \"cloud\") return null;\n\n  const isLockedToCloud = getLockedCloudHost() !== null;\n\n  // `org` is consumed by the cloud settings loader so the page opens on the\n  // org that is active here instead of the cloud's last-used org.\n  const orgQuery = orgId ? `?org=${encodeURIComponent(orgId)}` : \"\";\n  const cloudSettingsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings${orgQuery}`;\n\n  return (\n    <a\n      data-testid=\"settings-cloud-link\"\n      href={cloudSettingsUrl}\n      target={isLockedToCloud ? undefined : \"_blank\"}\n      rel={isLockedToCloud ? undefined : \"noopener noreferrer\"}\n      className={cn(\n        sidebarNavRowClassName({ collapsed: false }),\n        SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n      )}\n    >\n      <span className={SIDEBAR_ICON_SLOT_CLASS}>\n        <Cloud className=\"size-4 shrink-0\" aria-hidden />\n      </span>\n      <span className={cn(sidebarNavLabelClassName(false), \"flex-1\")}>\n        {t(I18nKey.SETTINGS$CLOUD_SETTINGS_LINK)}\n      </span>\n      {!isLockedToCloud && (\n        <ExternalLink\n          className=\"size-4 shrink-0 text-[var(--oh-muted)]\"\n          aria-hidden\n        />\n      )}\n    </a>\n  );\n}\n"],"mappings":"smBAoBA,SAAgB,GAAoB,CAClC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,UAAW,EAAA,wBAAwB,EACrC,CAAE,UAAS,SAAU,EAE3B,GAAI,EAAA,YAAY,CAAO,GAAK,EAAQ,OAAS,QAAS,OAAO,KAE7D,IAAM,EAAkB,EAAA,mBAAmB,IAAM,KAI3C,EAAW,EAAQ,QAAQ,mBAAmB,CAAK,IAAM,GAG/D,OACE,EAAA,EAAA,MAAC,IAAD,CACE,cAAY,sBACZ,KAAM,GALkB,EAAQ,KAAK,QAAQ,OAAQ,EAAE,EAAE,WAAW,IAMpE,OAAQ,EAAkB,IAAA,GAAY,SACtC,IAAK,EAAkB,IAAA,GAAY,sBACnC,UAAW,EAAA,GACT,EAAA,uBAAuB,CAAE,UAAW,EAAM,CAAC,EAC3C,EAAA,8BAA8B,IAChC,WARF,EAUE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,kCACf,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,kBAAkB,cAAA,EAAa,CAAA,CAC5C,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,yBAAyB,EAAK,EAAG,QAAQ,WAC1D,EAAE,EAAA,QAAQ,4BAA4B,CACnC,CAAA,EACL,CAAC,IACA,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAU,yCACV,cAAA,EACD,CAAA,CAEF,GAEP"}

package/dist/components/features/settings/cloud-settings-link.d.ts

@@ -1,5 +1,7 @@
 /**
  * Renders only for cloud backends — local backends have no equivalent
- * hosted settings page.
+ * hosted settings page. Opens in the same tab when the canvas is locked to a
+ * Cloud host (SaaS / self-hosted OHE): the settings page shares that host
+ * with the canvas, so Back should return here (OHE-3242).
  */
 export declare function CloudSettingsLink(): import("react").JSX.Element | null;

package/dist/components/features/settings/cloud-settings-link.js

@@ -3,32 +3,35 @@ import { I18nKey as t } from "../../../i18n/declaration.js";
 import { Cloud as n } from "../../../node_modules/lucide-react/dist/esm/icons/cloud.js";
 import { ExternalLink as r } from "../../../node_modules/lucide-react/dist/esm/icons/external-link.js";
 import { cn as i } from "../../../utils/utils.js";
-import { isNoBackend as a } from "../../../api/backend-registry/active-store.js";
-import { useActiveBackendContext as o } from "../../../contexts/active-backend-context.js";
-import { SIDEBAR_ICON_SLOT_CLASS as s, SIDEBAR_ROW_INTERACTIVE_CLASS as c, sidebarNavLabelClassName as l, sidebarNavRowClassName as u } from "../sidebar/sidebar-layout.js";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { getLockedCloudHost as a } from "../../../api/agent-server-config.js";
+import { isNoBackend as o } from "../../../api/backend-registry/active-store.js";
+import { useActiveBackendContext as s } from "../../../contexts/active-backend-context.js";
+import { SIDEBAR_ICON_SLOT_CLASS as c, SIDEBAR_ROW_INTERACTIVE_CLASS as l, sidebarNavLabelClassName as u, sidebarNavRowClassName as d } from "../sidebar/sidebar-layout.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/features/settings/cloud-settings-link.tsx
-function p() {
-	let { t: p } = e("openhands"), { active: m } = o(), { backend: h } = m;
-	return a(h) || h.kind !== "cloud" ? null : /* @__PURE__ */ f("a", {
+function m() {
+	let { t: m } = e("openhands"), { active: h } = s(), { backend: g, orgId: _ } = h;
+	if (o(g) || g.kind !== "cloud") return null;
+	let v = a() !== null, y = _ ? `?org=${encodeURIComponent(_)}` : "";
+	return /* @__PURE__ */ p("a", {
 		"data-testid": "settings-cloud-link",
-		href: `${h.host.replace(/\/+$/, "")}/settings`,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		className: i(u({ collapsed: !1 }), c.idle),
+		href: `${g.host.replace(/\/+$/, "")}/settings${y}`,
+		target: v ? void 0 : "_blank",
+		rel: v ? void 0 : "noopener noreferrer",
+		className: i(d({ collapsed: !1 }), l.idle),
 		children: [
-			/* @__PURE__ */ d("span", {
-				className: s,
-				children: /* @__PURE__ */ d(n, {
+			/* @__PURE__ */ f("span", {
+				className: c,
+				children: /* @__PURE__ */ f(n, {
 					className: "size-4 shrink-0",
 					"aria-hidden": !0
 				})
 			}),
-			/* @__PURE__ */ d("span", {
-				className: i(l(!1), "flex-1"),
-				children: p(t.SETTINGS$CLOUD_SETTINGS_LINK)
+			/* @__PURE__ */ f("span", {
+				className: i(u(!1), "flex-1"),
+				children: m(t.SETTINGS$CLOUD_SETTINGS_LINK)
 			}),
-			/* @__PURE__ */ d(r, {
+			!v && /* @__PURE__ */ f(r, {
 				className: "size-4 shrink-0 text-[var(--oh-muted)]",
 				"aria-hidden": !0
 			})
@@ -36,6 +39,6 @@ function p() {
 	});
 }
 //#endregion
-export { p as CloudSettingsLink };
+export { m as CloudSettingsLink };
 
 //# sourceMappingURL=cloud-settings-link.js.map

package/dist/components/features/settings/cloud-settings-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"cloud-settings-link.js","names":[],"sources":["../../../../src/components/features/settings/cloud-settings-link.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Cloud, ExternalLink } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\n\n/**\n * Renders only for cloud backends — local backends have no equivalent\n * hosted settings page.\n */\nexport function CloudSettingsLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend } = active;\n\n  if (isNoBackend(backend) || backend.kind !== \"cloud\") return null;\n\n  const cloudSettingsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings`;\n\n  return (\n    <a\n      data-testid=\"settings-cloud-link\"\n      href={cloudSettingsUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        sidebarNavRowClassName({ collapsed: false }),\n        SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n      )}\n    >\n      <span className={SIDEBAR_ICON_SLOT_CLASS}>\n        <Cloud className=\"size-4 shrink-0\" aria-hidden />\n      </span>\n      <span className={cn(sidebarNavLabelClassName(false), \"flex-1\")}>\n        {t(I18nKey.SETTINGS$CLOUD_SETTINGS_LINK)}\n      </span>\n      <ExternalLink\n        className=\"size-4 shrink-0 text-[var(--oh-muted)]\"\n        aria-hidden\n      />\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,IAAoB;CAClC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,cAAW,EAAwB,GACrC,EAAE,eAAY;CAMpB,OAJI,EAAY,CAAO,KAAK,EAAQ,SAAS,UAAgB,OAK3D,kBAAC,KAAD;EACE,eAAY;EACZ,MAAM,GALkB,EAAQ,KAAK,QAAQ,QAAQ,EAAE,EAAE;EAMzD,QAAO;EACP,KAAI;EACJ,WAAW,EACT,EAAuB,EAAE,WAAW,GAAM,CAAC,GAC3C,EAA8B,IAChC;YARF;GAUE,kBAAC,QAAD;IAAM,WAAW;cACf,kBAAC,GAAD;KAAO,WAAU;KAAkB,eAAA;IAAa,CAAA;GAC5C,CAAA;GACN,kBAAC,QAAD;IAAM,WAAW,EAAG,EAAyB,EAAK,GAAG,QAAQ;cAC1D,EAAE,EAAQ,4BAA4B;GACnC,CAAA;GACN,kBAAC,GAAD;IACE,WAAU;IACV,eAAA;GACD,CAAA;EACA;;AAEP"}
+{"version":3,"file":"cloud-settings-link.js","names":[],"sources":["../../../../src/components/features/settings/cloud-settings-link.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Cloud, ExternalLink } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\n\n/**\n * Renders only for cloud backends — local backends have no equivalent\n * hosted settings page. Opens in the same tab when the canvas is locked to a\n * Cloud host (SaaS / self-hosted OHE): the settings page shares that host\n * with the canvas, so Back should return here (OHE-3242).\n */\nexport function CloudSettingsLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend, orgId } = active;\n\n  if (isNoBackend(backend) || backend.kind !== \"cloud\") return null;\n\n  const isLockedToCloud = getLockedCloudHost() !== null;\n\n  // `org` is consumed by the cloud settings loader so the page opens on the\n  // org that is active here instead of the cloud's last-used org.\n  const orgQuery = orgId ? `?org=${encodeURIComponent(orgId)}` : \"\";\n  const cloudSettingsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings${orgQuery}`;\n\n  return (\n    <a\n      data-testid=\"settings-cloud-link\"\n      href={cloudSettingsUrl}\n      target={isLockedToCloud ? undefined : \"_blank\"}\n      rel={isLockedToCloud ? undefined : \"noopener noreferrer\"}\n      className={cn(\n        sidebarNavRowClassName({ collapsed: false }),\n        SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n      )}\n    >\n      <span className={SIDEBAR_ICON_SLOT_CLASS}>\n        <Cloud className=\"size-4 shrink-0\" aria-hidden />\n      </span>\n      <span className={cn(sidebarNavLabelClassName(false), \"flex-1\")}>\n        {t(I18nKey.SETTINGS$CLOUD_SETTINGS_LINK)}\n      </span>\n      {!isLockedToCloud && (\n        <ExternalLink\n          className=\"size-4 shrink-0 text-[var(--oh-muted)]\"\n          aria-hidden\n        />\n      )}\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgB,IAAoB;CAClC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,cAAW,EAAwB,GACrC,EAAE,YAAS,aAAU;CAE3B,IAAI,EAAY,CAAO,KAAK,EAAQ,SAAS,SAAS,OAAO;CAE7D,IAAM,IAAkB,EAAmB,MAAM,MAI3C,IAAW,IAAQ,QAAQ,mBAAmB,CAAK,MAAM;CAG/D,OACE,kBAAC,KAAD;EACE,eAAY;EACZ,MAAM,GALkB,EAAQ,KAAK,QAAQ,QAAQ,EAAE,EAAE,WAAW;EAMpE,QAAQ,IAAkB,KAAA,IAAY;EACtC,KAAK,IAAkB,KAAA,IAAY;EACnC,WAAW,EACT,EAAuB,EAAE,WAAW,GAAM,CAAC,GAC3C,EAA8B,IAChC;YARF;GAUE,kBAAC,QAAD;IAAM,WAAW;cACf,kBAAC,GAAD;KAAO,WAAU;KAAkB,eAAA;IAAa,CAAA;GAC5C,CAAA;GACN,kBAAC,QAAD;IAAM,WAAW,EAAG,EAAyB,EAAK,GAAG,QAAQ;cAC1D,EAAE,EAAQ,4BAA4B;GACnC,CAAA;GACL,CAAC,KACA,kBAAC,GAAD;IACE,WAAU;IACV,eAAA;GACD,CAAA;EAEF;;AAEP"}

package/dist/components/features/settings/integrations-settings-link.cjs

@@ -1,2 +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("../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/puzzle.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../api/backend-registry/active-store.cjs"),o=require("../../../contexts/active-backend-context.cjs"),s=require("../sidebar/sidebar-layout.cjs");let c=require("react/jsx-runtime");function l(){let{t:l}=e.useTranslation(`openhands`),{active:u}=o.useActiveBackendContext(),{backend:d}=u;return a.isNoBackend(d)||d.kind!==`cloud`?null:(0,c.jsxs)(`a`,{"data-testid":`settings-integrations-link`,href:`${d.host.replace(/\/+$/,``)}/settings/integrations`,target:`_blank`,rel:`noopener noreferrer`,className:i.cn(s.sidebarNavRowClassName({collapsed:!1}),s.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[(0,c.jsx)(`span`,{className:s.SIDEBAR_ICON_SLOT_CLASS,children:(0,c.jsx)(r.Puzzle,{className:`size-4 shrink-0`,"aria-hidden":!0})}),(0,c.jsx)(`span`,{className:i.cn(s.sidebarNavLabelClassName(!1),`flex-1`),children:l(t.I18nKey.SETTINGS$INTEGRATIONS_SETTINGS_LINK)}),(0,c.jsx)(n.ExternalLink,{className:`size-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0})]})}exports.IntegrationsSettingsLink=l;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/puzzle.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../api/agent-server-config.cjs"),o=require("../../../api/backend-registry/active-store.cjs"),s=require("../../../contexts/active-backend-context.cjs"),c=require("../sidebar/sidebar-layout.cjs");let l=require("react/jsx-runtime");function u(){let{t:u}=e.useTranslation(`openhands`),{active:d}=s.useActiveBackendContext(),{backend:f,orgId:p}=d;if(o.isNoBackend(f)||f.kind!==`cloud`||a.getLockedCloudHost()!==null)return null;let m=p?`?org=${encodeURIComponent(p)}`:``;return(0,l.jsxs)(`a`,{"data-testid":`settings-integrations-link`,href:`${f.host.replace(/\/+$/,``)}/settings/integrations${m}`,target:`_blank`,rel:`noopener noreferrer`,className:i.cn(c.sidebarNavRowClassName({collapsed:!1}),c.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[(0,l.jsx)(`span`,{className:c.SIDEBAR_ICON_SLOT_CLASS,children:(0,l.jsx)(r.Puzzle,{className:`size-4 shrink-0`,"aria-hidden":!0})}),(0,l.jsx)(`span`,{className:i.cn(c.sidebarNavLabelClassName(!1),`flex-1`),children:u(t.I18nKey.SETTINGS$INTEGRATIONS_SETTINGS_LINK)}),(0,l.jsx)(n.ExternalLink,{className:`size-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0})]})}exports.IntegrationsSettingsLink=u;
 //# sourceMappingURL=integrations-settings-link.cjs.map

package/dist/components/features/settings/integrations-settings-link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"integrations-settings-link.cjs","names":[],"sources":["../../../../src/components/features/settings/integrations-settings-link.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { ExternalLink, Puzzle } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\n\n/**\n * Renders only for cloud backends — local backends have no equivalent\n * hosted integrations settings page.\n */\nexport function IntegrationsSettingsLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend } = active;\n\n  if (isNoBackend(backend) || backend.kind !== \"cloud\") return null;\n\n  const integrationsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings/integrations`;\n\n  return (\n    <a\n      data-testid=\"settings-integrations-link\"\n      href={integrationsUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        sidebarNavRowClassName({ collapsed: false }),\n        SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n      )}\n    >\n      <span className={SIDEBAR_ICON_SLOT_CLASS}>\n        <Puzzle className=\"size-4 shrink-0\" aria-hidden />\n      </span>\n      <span className={cn(sidebarNavLabelClassName(false), \"flex-1\")}>\n        {t(I18nKey.SETTINGS$INTEGRATIONS_SETTINGS_LINK)}\n      </span>\n      <ExternalLink\n        className=\"size-4 shrink-0 text-[var(--oh-muted)]\"\n        aria-hidden\n      />\n    </a>\n  );\n}\n"],"mappings":"qjBAiBA,SAAgB,GAA2B,CACzC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,UAAW,EAAA,wBAAwB,EACrC,CAAE,WAAY,EAMpB,OAJI,EAAA,YAAY,CAAO,GAAK,EAAQ,OAAS,QAAgB,MAK3D,EAAA,EAAA,MAAC,IAAD,CACE,cAAY,6BACZ,KAAM,GALiB,EAAQ,KAAK,QAAQ,OAAQ,EAAE,EAAE,wBAMxD,OAAO,SACP,IAAI,sBACJ,UAAW,EAAA,GACT,EAAA,uBAAuB,CAAE,UAAW,EAAM,CAAC,EAC3C,EAAA,8BAA8B,IAChC,WARF,EAUE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,kCACf,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,UAAU,kBAAkB,cAAA,EAAa,CAAA,CAC7C,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,yBAAyB,EAAK,EAAG,QAAQ,WAC1D,EAAE,EAAA,QAAQ,mCAAmC,CAC1C,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAU,yCACV,cAAA,EACD,CAAA,CACA,GAEP"}
+{"version":3,"file":"integrations-settings-link.cjs","names":[],"sources":["../../../../src/components/features/settings/integrations-settings-link.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { ExternalLink, Puzzle } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\n\n/**\n * Renders only for cloud backends — local backends have no equivalent\n * hosted integrations settings page. Also hidden when the canvas is locked to\n * a Cloud host (SaaS / self-hosted OHE): the OHE settings shell behind\n * \"All Cloud Settings\" already exposes Integrations (OHE-3168).\n */\nexport function IntegrationsSettingsLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend, orgId } = active;\n\n  if (isNoBackend(backend) || backend.kind !== \"cloud\") return null;\n  if (getLockedCloudHost() !== null) return null;\n\n  // `org` is consumed by the cloud settings loader so the page opens on the\n  // org that is active here instead of the cloud's last-used org.\n  const orgQuery = orgId ? `?org=${encodeURIComponent(orgId)}` : \"\";\n  const integrationsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings/integrations${orgQuery}`;\n\n  return (\n    <a\n      data-testid=\"settings-integrations-link\"\n      href={integrationsUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        sidebarNavRowClassName({ collapsed: false }),\n        SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n      )}\n    >\n      <span className={SIDEBAR_ICON_SLOT_CLASS}>\n        <Puzzle className=\"size-4 shrink-0\" aria-hidden />\n      </span>\n      <span className={cn(sidebarNavLabelClassName(false), \"flex-1\")}>\n        {t(I18nKey.SETTINGS$INTEGRATIONS_SETTINGS_LINK)}\n      </span>\n      <ExternalLink\n        className=\"size-4 shrink-0 text-[var(--oh-muted)]\"\n        aria-hidden\n      />\n    </a>\n  );\n}\n"],"mappings":"umBAoBA,SAAgB,GAA2B,CACzC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,UAAW,EAAA,wBAAwB,EACrC,CAAE,UAAS,SAAU,EAG3B,GADI,EAAA,YAAY,CAAO,GAAK,EAAQ,OAAS,SACzC,EAAA,mBAAmB,IAAM,KAAM,OAAO,KAI1C,IAAM,EAAW,EAAQ,QAAQ,mBAAmB,CAAK,IAAM,GAG/D,OACE,EAAA,EAAA,MAAC,IAAD,CACE,cAAY,6BACZ,KAAM,GALiB,EAAQ,KAAK,QAAQ,OAAQ,EAAE,EAAE,wBAAwB,IAMhF,OAAO,SACP,IAAI,sBACJ,UAAW,EAAA,GACT,EAAA,uBAAuB,CAAE,UAAW,EAAM,CAAC,EAC3C,EAAA,8BAA8B,IAChC,WARF,EAUE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,kCACf,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,UAAU,kBAAkB,cAAA,EAAa,CAAA,CAC7C,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,yBAAyB,EAAK,EAAG,QAAQ,WAC1D,EAAE,EAAA,QAAQ,mCAAmC,CAC1C,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAU,yCACV,cAAA,EACD,CAAA,CACA,GAEP"}

package/dist/components/features/settings/integrations-settings-link.d.ts

@@ -1,5 +1,7 @@
 /**
  * Renders only for cloud backends — local backends have no equivalent
- * hosted integrations settings page.
+ * hosted integrations settings page. Also hidden when the canvas is locked to
+ * a Cloud host (SaaS / self-hosted OHE): the OHE settings shell behind
+ * "All Cloud Settings" already exposes Integrations (OHE-3168).
  */
 export declare function IntegrationsSettingsLink(): import("react").JSX.Element | null;

package/dist/components/features/settings/integrations-settings-link.js

@@ -3,32 +3,35 @@ import { I18nKey as t } from "../../../i18n/declaration.js";
 import { ExternalLink as n } from "../../../node_modules/lucide-react/dist/esm/icons/external-link.js";
 import { Puzzle as r } from "../../../node_modules/lucide-react/dist/esm/icons/puzzle.js";
 import { cn as i } from "../../../utils/utils.js";
-import { isNoBackend as a } from "../../../api/backend-registry/active-store.js";
-import { useActiveBackendContext as o } from "../../../contexts/active-backend-context.js";
-import { SIDEBAR_ICON_SLOT_CLASS as s, SIDEBAR_ROW_INTERACTIVE_CLASS as c, sidebarNavLabelClassName as l, sidebarNavRowClassName as u } from "../sidebar/sidebar-layout.js";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { getLockedCloudHost as a } from "../../../api/agent-server-config.js";
+import { isNoBackend as o } from "../../../api/backend-registry/active-store.js";
+import { useActiveBackendContext as s } from "../../../contexts/active-backend-context.js";
+import { SIDEBAR_ICON_SLOT_CLASS as c, SIDEBAR_ROW_INTERACTIVE_CLASS as l, sidebarNavLabelClassName as u, sidebarNavRowClassName as d } from "../sidebar/sidebar-layout.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/features/settings/integrations-settings-link.tsx
-function p() {
-	let { t: p } = e("openhands"), { active: m } = o(), { backend: h } = m;
-	return a(h) || h.kind !== "cloud" ? null : /* @__PURE__ */ f("a", {
+function m() {
+	let { t: m } = e("openhands"), { active: h } = s(), { backend: g, orgId: _ } = h;
+	if (o(g) || g.kind !== "cloud" || a() !== null) return null;
+	let v = _ ? `?org=${encodeURIComponent(_)}` : "";
+	return /* @__PURE__ */ p("a", {
 		"data-testid": "settings-integrations-link",
-		href: `${h.host.replace(/\/+$/, "")}/settings/integrations`,
+		href: `${g.host.replace(/\/+$/, "")}/settings/integrations${v}`,
 		target: "_blank",
 		rel: "noopener noreferrer",
-		className: i(u({ collapsed: !1 }), c.idle),
+		className: i(d({ collapsed: !1 }), l.idle),
 		children: [
-			/* @__PURE__ */ d("span", {
-				className: s,
-				children: /* @__PURE__ */ d(r, {
+			/* @__PURE__ */ f("span", {
+				className: c,
+				children: /* @__PURE__ */ f(r, {
 					className: "size-4 shrink-0",
 					"aria-hidden": !0
 				})
 			}),
-			/* @__PURE__ */ d("span", {
-				className: i(l(!1), "flex-1"),
-				children: p(t.SETTINGS$INTEGRATIONS_SETTINGS_LINK)
+			/* @__PURE__ */ f("span", {
+				className: i(u(!1), "flex-1"),
+				children: m(t.SETTINGS$INTEGRATIONS_SETTINGS_LINK)
 			}),
-			/* @__PURE__ */ d(n, {
+			/* @__PURE__ */ f(n, {
 				className: "size-4 shrink-0 text-[var(--oh-muted)]",
 				"aria-hidden": !0
 			})
@@ -36,6 +39,6 @@ function p() {
 	});
 }
 //#endregion
-export { p as IntegrationsSettingsLink };
+export { m as IntegrationsSettingsLink };
 
 //# sourceMappingURL=integrations-settings-link.js.map

package/dist/components/features/settings/integrations-settings-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"integrations-settings-link.js","names":[],"sources":["../../../../src/components/features/settings/integrations-settings-link.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { ExternalLink, Puzzle } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\n\n/**\n * Renders only for cloud backends — local backends have no equivalent\n * hosted integrations settings page.\n */\nexport function IntegrationsSettingsLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend } = active;\n\n  if (isNoBackend(backend) || backend.kind !== \"cloud\") return null;\n\n  const integrationsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings/integrations`;\n\n  return (\n    <a\n      data-testid=\"settings-integrations-link\"\n      href={integrationsUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        sidebarNavRowClassName({ collapsed: false }),\n        SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n      )}\n    >\n      <span className={SIDEBAR_ICON_SLOT_CLASS}>\n        <Puzzle className=\"size-4 shrink-0\" aria-hidden />\n      </span>\n      <span className={cn(sidebarNavLabelClassName(false), \"flex-1\")}>\n        {t(I18nKey.SETTINGS$INTEGRATIONS_SETTINGS_LINK)}\n      </span>\n      <ExternalLink\n        className=\"size-4 shrink-0 text-[var(--oh-muted)]\"\n        aria-hidden\n      />\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,IAA2B;CACzC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,cAAW,EAAwB,GACrC,EAAE,eAAY;CAMpB,OAJI,EAAY,CAAO,KAAK,EAAQ,SAAS,UAAgB,OAK3D,kBAAC,KAAD;EACE,eAAY;EACZ,MAAM,GALiB,EAAQ,KAAK,QAAQ,QAAQ,EAAE,EAAE;EAMxD,QAAO;EACP,KAAI;EACJ,WAAW,EACT,EAAuB,EAAE,WAAW,GAAM,CAAC,GAC3C,EAA8B,IAChC;YARF;GAUE,kBAAC,QAAD;IAAM,WAAW;cACf,kBAAC,GAAD;KAAQ,WAAU;KAAkB,eAAA;IAAa,CAAA;GAC7C,CAAA;GACN,kBAAC,QAAD;IAAM,WAAW,EAAG,EAAyB,EAAK,GAAG,QAAQ;cAC1D,EAAE,EAAQ,mCAAmC;GAC1C,CAAA;GACN,kBAAC,GAAD;IACE,WAAU;IACV,eAAA;GACD,CAAA;EACA;;AAEP"}
+{"version":3,"file":"integrations-settings-link.js","names":[],"sources":["../../../../src/components/features/settings/integrations-settings-link.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { ExternalLink, Puzzle } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\n\n/**\n * Renders only for cloud backends — local backends have no equivalent\n * hosted integrations settings page. Also hidden when the canvas is locked to\n * a Cloud host (SaaS / self-hosted OHE): the OHE settings shell behind\n * \"All Cloud Settings\" already exposes Integrations (OHE-3168).\n */\nexport function IntegrationsSettingsLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend, orgId } = active;\n\n  if (isNoBackend(backend) || backend.kind !== \"cloud\") return null;\n  if (getLockedCloudHost() !== null) return null;\n\n  // `org` is consumed by the cloud settings loader so the page opens on the\n  // org that is active here instead of the cloud's last-used org.\n  const orgQuery = orgId ? `?org=${encodeURIComponent(orgId)}` : \"\";\n  const integrationsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings/integrations${orgQuery}`;\n\n  return (\n    <a\n      data-testid=\"settings-integrations-link\"\n      href={integrationsUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        sidebarNavRowClassName({ collapsed: false }),\n        SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n      )}\n    >\n      <span className={SIDEBAR_ICON_SLOT_CLASS}>\n        <Puzzle className=\"size-4 shrink-0\" aria-hidden />\n      </span>\n      <span className={cn(sidebarNavLabelClassName(false), \"flex-1\")}>\n        {t(I18nKey.SETTINGS$INTEGRATIONS_SETTINGS_LINK)}\n      </span>\n      <ExternalLink\n        className=\"size-4 shrink-0 text-[var(--oh-muted)]\"\n        aria-hidden\n      />\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgB,IAA2B;CACzC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,cAAW,EAAwB,GACrC,EAAE,YAAS,aAAU;CAG3B,IADI,EAAY,CAAO,KAAK,EAAQ,SAAS,WACzC,EAAmB,MAAM,MAAM,OAAO;CAI1C,IAAM,IAAW,IAAQ,QAAQ,mBAAmB,CAAK,MAAM;CAG/D,OACE,kBAAC,KAAD;EACE,eAAY;EACZ,MAAM,GALiB,EAAQ,KAAK,QAAQ,QAAQ,EAAE,EAAE,wBAAwB;EAMhF,QAAO;EACP,KAAI;EACJ,WAAW,EACT,EAAuB,EAAE,WAAW,GAAM,CAAC,GAC3C,EAA8B,IAChC;YARF;GAUE,kBAAC,QAAD;IAAM,WAAW;cACf,kBAAC,GAAD;KAAQ,WAAU;KAAkB,eAAA;IAAa,CAAA;GAC7C,CAAA;GACN,kBAAC,QAAD;IAAM,WAAW,EAAG,EAAyB,EAAK,GAAG,QAAQ;cAC1D,EAAE,EAAQ,mCAAmC;GAC1C,CAAA;GACN,kBAAC,GAAD;IACE,WAAU;IACV,eAAA;GACD,CAAA;EACA;;AAEP"}

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("../../../../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");
+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-settings.cjs"),require("../../../../hooks/query/use-free-models.cjs"),require("../../../../hooks/query/use-llm-profiles.cjs"),require("../../../../ui/typography.cjs"),require("../brand-button.cjs"),require("../../../../hooks/query/use-agent-settings-schema.cjs"),require("../llm-settings/llm-settings-inputs-skeleton.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,12 +1,13 @@
 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 "../../../../hooks/query/use-free-models.js";
+import "../../../../hooks/query/use-llm-profiles.js";
 import "../../../../ui/typography.js";
 import "../brand-button.js";
 import "../../../../hooks/query/use-agent-settings-schema.js";
+import "../llm-settings/llm-settings-inputs-skeleton.js";
 import "./profile-name-input.js";
 import "../../../../hooks/mutation/use-activate-llm-profile.js";
 import "../../../../hooks/mutation/use-save-llm-profile.js";

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

@@ -1 +1 @@
-require("../../../../_virtual/_rolldown/runtime.cjs"),require("../../../../utils/utils.cjs"),require("../../../../utils/format-model-name.cjs"),require("../../conversation-panel/ellipsis-button.cjs"),require("./profile-actions-menu.cjs"),require("../../../shared/badge.cjs"),require("../../../../utils/settings-list-classes.cjs"),require("react"),require("react/jsx-runtime");
+require("../../../../_virtual/_rolldown/runtime.cjs"),require("../../../../utils/utils.cjs"),require("../../../../hooks/query/use-free-models.cjs"),require("../../conversation-panel/ellipsis-button.cjs"),require("./profile-actions-menu.cjs"),require("../../../shared/badge.cjs"),require("../../../../utils/settings-list-classes.cjs"),require("react"),require("react/jsx-runtime");

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

@@ -1,5 +1,5 @@
 import "../../../../utils/utils.js";
-import "../../../../utils/format-model-name.js";
+import "../../../../hooks/query/use-free-models.js";
 import "../../conversation-panel/ellipsis-button.js";
 import "./profile-actions-menu.js";
 import "../../../shared/badge.js";

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

@@ -9,8 +9,8 @@ interface ProfilesBodyProps {
     /**
      * 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.
+     * visually clustered. Empty (the default, e.g. a cloud backend with no org
+     * bound) renders a flat list identical to before.
      */
     connectionNamesById?: Record<string, string>;
     onActivate: (name: string) => void;

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("../../../../hooks/mutation/use-save-settings.cjs"),ne=require("../brand-button.cjs"),re=require("../../../../utils/extension-module-card-classes.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}=te.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)(ne.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"),o=require("../../../../hooks/query/use-settings.cjs"),ee=require("../../../../hooks/mutation/use-save-settings.cjs"),te=require("../brand-button.cjs"),ne=require("../../../../utils/extension-module-card-classes.cjs"),s=require("../../../../hooks/query/use-agent-settings-schema.cjs"),c=require("../llm-settings/llm-settings-inputs-skeleton.cjs"),l=require("../../../../utils/sdk-settings-schema.cjs"),u=require("./schema-field.cjs"),re=require("./view-toggle.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var ie=new Set,p={basic:0,advanced:1,all:2},ae=(e,t)=>p[t]<p[e]?t:e,oe=(e,t)=>p[t]>p[e]?t:e,se=(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`},ce={agent_settings:`agent_settings_diff`,conversation_settings:`conversation_settings_diff`},le=(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 m({settingsSources:e,scope:r=`personal`,header:p,extraDirty:m=!1,buildPayload:h,onSaveSuccess:ue,getInitialView:g,forceShowAdvancedView:de=!1,allowAllView:fe=!0,initialValueOverrides:_,markInitialOverridesDirty:v=!0,embedded:pe=!1,hideSaveButton:y=!1,suppressSuccessToast:me=!1,onSaveControlChange:b,testId:he=`sdk-section-settings-screen`}){let{t:x}=t.useTranslation(`openhands`),{mutate:ge,isPending:S}=ee.useSaveSettings(r),{data:C,isLoading:_e,isFetching:ve}=o.useSettings(r),w=s.useAgentSettingsSchema(C?.agent_settings_schema),T=s.useConversationSettingsSchema(C?.conversation_settings_schema),E=d.default.useMemo(()=>JSON.stringify(e.map(e=>({source:e.settingsSource,sectionKeys:e.sectionKeys,excludeKeys:e.excludeKeys?Array.from(e.excludeKeys).sort():null}))),[e]),D=d.default.useMemo(()=>JSON.parse(E).map(e=>({settingsSource:e.source,sectionKeys:e.sectionKeys,excludeKeys:e.excludeKeys?new Set(e.excludeKeys):void 0})),[E]),O=d.default.useCallback(e=>e===`conversation_settings`?T.data:w.data,[w.data,T.data]),ye=D.some(e=>e.settingsSource===`conversation_settings`?T.isLoading:w.isLoading),k=d.default.useMemo(()=>D.map(e=>{let t=O(e.settingsSource);if(!l.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=>l.hasCriticalSettings(e.filteredSchema)),j=de||k.some(e=>l.hasAdvancedSettings(e.filteredSchema)),M=fe&&k.some(e=>l.hasMinorSettings(e.filteredSchema)),be=d.default.useMemo(()=>le(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]),N=d.default.useMemo(()=>_?JSON.stringify(_):``,[_]),P=k[0]?.settingsSource,[F,I]=d.default.useState(`basic`),[L,R]=d.default.useState({}),[z,B]=d.default.useState({}),V=d.default.useRef(!1),H=d.default.useMemo(()=>{if(!C)return null;let e={};for(let t of k){if(!t.filteredSchema)return null;e[t.settingsSource]={...e[t.settingsSource]??{},...l.buildInitialSettingsFormValues(C,t.filteredSchema,t.settingsSource)}}if(_){let t=k[0]?.settingsSource;t&&e[t]&&(e[t]={...e[t],..._})}return e},[C,k,N]),U=d.default.useMemo(()=>{if(!C)return null;let e=null;for(let t of k){if(!t.filteredSchema)return null;let n=g?g(C,t.filteredSchema):l.inferInitialView(C,t.filteredSchema,t.settingsSource);e=e?oe(e,n):n}return e?se(e,{showBasic:A,showAdvanced:j,showAll:M}):null},[C,k,g,A,j,M]);d.default.useEffect(()=>{V.current=!1,I(`basic`),R({}),B({})},[r,E]),d.default.useEffect(()=>{if(!(!H||!U)&&!(y&&V.current)){if(R(H),_&&v){let e=P;if(e){let t=Object.fromEntries(Object.keys(_).map(e=>[e,!0]));B({[e]:t})}else B({})}else B({});V.current?I(e=>ae(e,U)):(V.current=!0,I(U))}},[H,U,N,v,P,y]);let W=d.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=d.default.useMemo(()=>{let e={};for(let t of k)Object.assign(e,L[t.settingsSource]??{});return e},[k,L]),K=d.default.useMemo(()=>{let e={};for(let t of k)Object.assign(e,z[t.settingsSource]??{});return e},[k,z]),q=d.default.useMemo(()=>{let e=new Map;for(let t of k)if(t.filteredSchema)for(let n of t.filteredSchema.sections)for(let t of n.fields)e.has(t.key)||e.set(t.key,t);return e},[k]),J=d.default.useRef(H);J.current=H;let Y=d.default.useRef(_);Y.current=_;let X=d.default.useRef(v);X.current=v;let Z=d.default.useRef(q);Z.current=q;let Q=d.default.useCallback((e,t)=>{let n=W.get(e)??k[0]?.settingsSource;n&&(R(r=>({...r,[n]:{...r[n]??{},[e]:t}})),B(r=>{let i=J.current?.[n]?.[e],a=X.current&&!!Y.current&&e in Y.current,o=Z.current.get(e);if((o?l.normalizeComparableValue(o,t)===l.normalizeComparableValue(o,i):t===i)&&!a){if(!r[n]?.[e])return r;let t={...r[n]??{}};return delete t[e],{...r,[n]:t}}return r[n]?.[e]?r:{...r,[n]:{...r[n]??{},[e]:!0}}}))},[W,k]),xe=d.default.useCallback(e=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||x(n.I18nKey.ERROR$GENERIC))},[x]),$=d.default.useRef(()=>{}),Se=d.default.useCallback(()=>{$.current()},[]),Ce=d.default.useRef(()=>({})),we=d.default.useCallback(()=>Ce.current(),[]),Te=()=>{if(k.some(e=>!e.filteredSchema))return;let e;try{let t={};for(let e of k){let n=e.filteredSchema,r=l.buildSdkSettingsPayloadForView(n,L[e.settingsSource]??{},z[e.settingsSource]??{},F);if(Object.keys(r).length>0){let n=ce[e.settingsSource];t[n]={...t[n]??{},...r}}}e=h?h(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&&ge(e,{onError:xe,onSuccess:()=>{me||a.displaySuccessToast(x(n.I18nKey.SETTINGS$SAVED_WARNING)),B({}),ue?.()}})};$.current=Te,Ce.current=()=>{let e={};for(let t of k){if(!t.filteredSchema)continue;let n=L[t.settingsSource]??{},r=z[t.settingsSource]??{};Object.assign(e,l.buildSdkSettingsPayload(t.filteredSchema,n,r))}return e};let Ee=Object.keys(K).length>0,De=Ee||m;return d.default.useEffect(()=>{b&&b({save:Se,isSaving:S,isDirty:De,values:G,view:F,getDirtyPayload:we})},[S,De,G,F]),(_e||ve)&&!C||ye?(0,f.jsx)(c.LlmSettingsInputsSkeleton,{}):k.some(e=>e.filteredSchema&&e.filteredSchema.sections.length>0)?Object.keys(G).length===0?(0,f.jsx)(c.LlmSettingsInputsSkeleton,{}):(0,f.jsxs)(`div`,{"data-testid":he,className:pe?`relative flex min-h-0 w-full flex-1 flex-col`:`relative w-full min-h-0`,children:[(0,f.jsx)(re.ViewToggle,{view:F,setView:I,showBasic:A,showAdvanced:j,showAll:M,isDisabled:!1}),(0,f.jsxs)(`div`,{className:`flex flex-col gap-8`,children:[p?.({values:G,isDisabled:!1,view:F,onChange:Q}),k.map(e=>{if(!e.filteredSchema)return null;let t=L[e.settingsSource]??{};return l.getVisibleSettingsSections(e.filteredSchema,{...G,...t},F,e.excludeKeys??ie).map(n=>(0,f.jsx)(`section`,{className:`flex flex-col gap-4`,children:(0,f.jsx)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:n.fields.map(e=>(0,f.jsx)(`div`,{className:u.FIELD_FULL_WIDTH_KEYS.has(e.key)?`xl:col-span-2`:void 0,children:(0,f.jsx)(u.SchemaField,{field:e,value:t[e.key],isDisabled:!1,onChange:t=>Q(e.key,t)})},e.key))})},`${e.settingsSource}:${n.key}`))}),y?null:(0,f.jsx)(`div`,{className:`flex justify-start pt-2`,children:(0,f.jsx)(te.BrandButton,{testId:`save-button`,type:`button`,variant:`primary`,isDisabled:S||!Ee&&!m,onClick:Te,children:x(S?n.I18nKey.SETTINGS$SAVING:n.I18nKey.SETTINGS$SAVE_CHANGES)})})]})]}):(0,f.jsx)(`div`,{"data-testid":`sdk-schema-unavailable`,className:ne.extensionModuleEmptyStateClassName,children:(0,f.jsx)(`p`,{className:`text-sm text-[var(--oh-muted)]`,children:be})})}exports.SdkSectionPage=m;
 //# sourceMappingURL=sdk-section-page.cjs.map