@openhands/agent-canvas 1.0.0-alpha.8 → 1.0.0-alpha.9

package/dist/api/skills-service.js

@@ -5,13 +5,13 @@ import { getAgentServerClientOptions as r } from "./agent-server-client-options.
 import { fetchCloudSkills as i } from "./cloud/skills-service.api.js";
 //#region src/api/skills-service.ts
 var a = class {
-	static async getSkills() {
+	static async getSkills(a) {
 		return t().backend.kind === "cloud" ? i() : (await new n(r()).getSkills({
 			load_public: !0,
 			load_user: !0,
 			load_project: !0,
 			load_org: !1,
-			project_dir: e()
+			project_dir: a ?? e()
 		})).skills ?? [];
 	}
 };

package/dist/api/skills-service.js.map

@@ -1 +1 @@
-{"version":3,"file":"skills-service.js","names":[],"sources":["../../src/api/skills-service.ts"],"sourcesContent":["import { SkillsClient } from \"@openhands/typescript-client/clients\";\nimport { SkillInfo } from \"#/types/settings\";\nimport { getAgentServerWorkingDir } from \"./agent-server-config\";\nimport { getActiveBackend } from \"./backend-registry/active-store\";\nimport { fetchCloudSkills } from \"./cloud/skills-service.api\";\nimport { getAgentServerClientOptions } from \"./agent-server-client-options\";\n\nclass SkillsService {\n  static async getSkills(): Promise<SkillInfo[]> {\n    if (getActiveBackend().backend.kind === \"cloud\") {\n      return fetchCloudSkills();\n    }\n\n    // Always load public skills on the global Skills settings page so the user\n    // sees the available catalog even on a fresh dev environment with no local\n    // user/project skills. Conversation creation paths still gate on\n    // shouldLoadPublicSkills() to keep new-conversation latency low.\n    const response = await new SkillsClient(\n      getAgentServerClientOptions(),\n    ).getSkills({\n      load_public: true,\n      load_user: true,\n      load_project: true,\n      load_org: false,\n      project_dir: getAgentServerWorkingDir(),\n    });\n\n    return (response.skills ?? []) as SkillInfo[];\n  }\n}\n\nexport default SkillsService;\n"],"mappings":";;;;;;AAOA,IAAM,IAAN,MAAoB;CAClB,aAAa,YAAkC;AAmB7C,SAlBI,GAAkB,CAAC,QAAQ,SAAS,UAC/B,GAAkB,IAiBnB,MAVe,IAAI,EACzB,GAA6B,CAC9B,CAAC,UAAU;GACV,aAAa;GACb,WAAW;GACX,cAAc;GACd,UAAU;GACV,aAAa,GAA0B;GACxC,CAAC,EAEe,UAAU,EAAE"}
+{"version":3,"file":"skills-service.js","names":[],"sources":["../../src/api/skills-service.ts"],"sourcesContent":["import { SkillsClient } from \"@openhands/typescript-client/clients\";\nimport { SkillInfo } from \"#/types/settings\";\nimport { getAgentServerWorkingDir } from \"./agent-server-config\";\nimport { getActiveBackend } from \"./backend-registry/active-store\";\nimport { fetchCloudSkills } from \"./cloud/skills-service.api\";\nimport { getAgentServerClientOptions } from \"./agent-server-client-options\";\n\nclass SkillsService {\n  static async getSkills(projectDir?: string): Promise<SkillInfo[]> {\n    if (getActiveBackend().backend.kind === \"cloud\") {\n      return fetchCloudSkills();\n    }\n\n    // Always load public skills on the global Skills settings page so the user\n    // sees the available catalog even on a fresh dev environment with no local\n    // user/project skills. Conversation creation paths still gate on\n    // shouldLoadPublicSkills() to keep new-conversation latency low.\n    const response = await new SkillsClient(\n      getAgentServerClientOptions(),\n    ).getSkills({\n      load_public: true,\n      load_user: true,\n      load_project: true,\n      load_org: false,\n      project_dir: projectDir ?? getAgentServerWorkingDir(),\n    });\n\n    return (response.skills ?? []) as SkillInfo[];\n  }\n}\n\nexport default SkillsService;\n"],"mappings":";;;;;;AAOA,IAAM,IAAN,MAAoB;CAClB,aAAa,UAAU,GAA2C;AAmBhE,SAlBI,GAAkB,CAAC,QAAQ,SAAS,UAC/B,GAAkB,IAiBnB,MAVe,IAAI,EACzB,GAA6B,CAC9B,CAAC,UAAU;GACV,aAAa;GACb,WAAW;GACX,cAAc;GACd,UAAU;GACV,aAAa,KAAc,GAA0B;GACtD,CAAC,EAEe,UAAU,EAAE"}

package/dist/components/features/backends/backend-form-modal.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(`../../../utils/utils.cjs`),i=require(`../../../contexts/active-backend-context.cjs`),a=require(`../../../node_modules/@openhands/typescript-client/dist/client/server-client.cjs`),o=require(`../../../node_modules/@tanstack/react-query/build/modern/useQuery.cjs`),s=require(`../../../api/agent-server-client-options.cjs`),c=require(`../../shared/modals/modal-backdrop.cjs`),l=require(`../../shared/modals/modal-body.cjs`),u=require(`../../shared/modals/modal-close-button.cjs`),d=require(`../settings/brand-button.cjs`),f=require(`../settings/settings-input.cjs`),p=require(`../../../hooks/query/use-backends-health.cjs`),m=require(`../../../assets/branding/openhands-logo-white.cjs`),h=require(`../../../icons/chevron-down-small.cjs`),g=require(`./backend-status-dot.cjs`),_=require(`./device-flow-auth.cjs`);let v=require(`react`);v=e.__toESM(v,1);let y=require(`react/jsx-runtime`);function b(e){let t=e.trim().toLowerCase();return t.includes(`all-hands.dev`)||t.includes(`openhands.dev`)?`cloud`:`local`}function x(e){let t=e.toLowerCase().replace(/^\[|\]$/g,``);return!!(t===`localhost`||t===`::1`||t===`::`||t===`0.0.0.0`||/^127\./.test(t)||/^::ffff:127\./i.test(t)||/^10\./.test(t)||/^192\.168\./.test(t)||/^172\.(1[6-9]|2\d|3[01])\./.test(t)||/^fe[89ab][0-9a-f]:/i.test(t)||/^f[cd][0-9a-f]{2}:/i.test(t)||t.endsWith(`.local`)||!t.includes(`.`)&&!t.includes(`:`))}function S(e){let t=e.trim().replace(/\/+$/,``);if(!t)return``;if(/^https?:\/\//i.test(t))return t;let n=t.match(/^\[([^\]]+)\]/);return`${x(n?n[1]:(t.match(/:/g)??[]).length>1?t:t.split(`:`)[0])?`http`:`https`}://${t}`}function C(e){let t=e.trim();if(!t||/\s/.test(t))return!1;let n=S(t);if(!n)return!1;try{let e=new URL(n);return(e.protocol===`http:`||e.protocol===`https:`)&&e.hostname.length>0}catch{return!1}}var w=`https://app.all-hands.dev`;function T({backend:e,testIdRoot:r}){let{t:i}=t.useTranslation(`openhands`),c=p.useBackendsHealth([e])[e.id],l=c?.isConnected??null,u=c?.disabled===!0,d=c?.consecutiveFailures??0,f=c?.lastError??null,{data:m}=o.useQuery({queryKey:[`backend-version`,e.host,e.apiKey],queryFn:async()=>(await new a.ServerClient(s.getAgentServerClientOptions({host:e.host,sessionApiKey:e.apiKey||null,timeout:5e3})).getServerInfo()).version??null,retry:!1,staleTime:6e4,enabled:e.kind===`local`&&!u}),h;h=i(l===!0?n.I18nKey.ONBOARDING$BACKEND_STATUS_CONNECTED:l===!1?n.I18nKey.ONBOARDING$BACKEND_STATUS_DISCONNECTED:n.I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING);let _=e.kind===`cloud`?i(n.I18nKey.BACKEND$KIND_CLOUD):i(n.I18nKey.BACKEND$KIND_LOCAL);return(0,y.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,y.jsxs)(`div`,{"data-testid":`${r}-status`,className:`flex items-center gap-3 text-sm`,children:[(0,y.jsx)(g.BackendStatusDot,{isConnected:l}),(0,y.jsx)(`span`,{className:`text-white`,"data-testid":`${r}-status-label`,children:h}),(0,y.jsx)(`span`,{className:`text-tertiary-alt`,children:`·`}),(0,y.jsx)(`span`,{className:`text-[var(--oh-text-tertiary)]`,children:_}),m?(0,y.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`${r}-version`,children:i(n.I18nKey.BACKEND$VERSION_LABEL,{version:m})}):null]}),u?(0,y.jsxs)(`div`,{"data-testid":`${r}-status-error`,className:`flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm`,children:[(0,y.jsx)(`span`,{className:`font-semibold text-red-300`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_TITLE)}),(0,y.jsx)(`span`,{className:`text-xs text-[var(--oh-text-tertiary)]`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_DETAIL,{count:d})}),f?(0,y.jsx)(`span`,{"data-testid":`${r}-status-error-message`,className:`text-xs text-red-300 whitespace-pre-wrap break-words`,children:f}):null]}):null]})}function E({mode:e,backend:r,onSubmitted:a,renderActions:o,testIdRoot:s}){let{t:c}=t.useTranslation(`openhands`),{addBackend:l,updateBackend:u}=i.useActiveBackendContext(),[p,m]=v.default.useState(r?.name??``),[h,g]=v.default.useState(r?.host??``),[_,x]=v.default.useState(r?.apiKey??``),[E,D]=v.default.useState(!1),[O,k]=v.default.useState(!1),A=b(h),j=s??(e===`edit`?`edit-backend`:`add-backend`),M=p.trim().length>0&&C(h)&&(A===`local`||_.trim().length>0),N=E&&!p.trim()?c(n.I18nKey.BACKEND$NAME_REQUIRED):void 0,P=O?h.trim()?C(h)?void 0:c(n.I18nKey.BACKEND$HOST_INVALID):c(n.I18nKey.BACKEND$HOST_REQUIRED):void 0;return(0,y.jsxs)(`form`,{"data-testid":`${j}-form`,onSubmit:t=>{if(t.preventDefault(),!M){D(!0),k(!0);return}let n={name:p.trim(),host:S(h),apiKey:_.trim(),kind:A};e===`edit`&&r?u(r.id,n):l(n),a()},className:`flex flex-col gap-4`,children:[(0,y.jsx)(f.SettingsInput,{testId:`${j}-name`,name:`${j}-name`,type:`text`,label:c(n.I18nKey.BACKEND$NAME_LABEL),value:p,onChange:m,onBlur:()=>D(!0),placeholder:`Production`,className:`w-full`,showRequiredTag:!0,error:N}),(0,y.jsx)(f.SettingsInput,{testId:`${j}-host`,name:`${j}-host`,type:`text`,label:c(n.I18nKey.BACKEND$HOST_LABEL),value:h,onChange:g,onBlur:()=>k(!0),placeholder:w,className:`w-full`,showRequiredTag:!0,error:P}),(0,y.jsx)(f.SettingsInput,{testId:`${j}-api-key`,name:`${j}-api-key`,type:`password`,label:c(n.I18nKey.BACKEND$KEY_LABEL),value:_,onChange:x,placeholder:``,className:`w-full`}),e===`edit`&&r&&(0,y.jsx)(T,{backend:r,testIdRoot:j}),o?o({canSubmit:M,testIdRoot:j}):(0,y.jsxs)(`div`,{className:`flex justify-end gap-2 mt-2 w-full`,children:[(0,y.jsx)(d.BrandButton,{type:`button`,variant:`secondary`,onClick:a,testId:`${j}-cancel`,children:c(n.I18nKey.BUTTON$CANCEL)}),(0,y.jsx)(d.BrandButton,{type:`submit`,variant:`primary`,isDisabled:!M,testId:`${j}-submit`,children:c(n.I18nKey.BACKEND$SAVE)})]})]})}function D({onClose:e}){let{t:r}=t.useTranslation(`openhands`),{addBackend:a}=i.useActiveBackendContext(),[o,s]=v.default.useState(``),[c,l]=v.default.useState(``),[u,p]=v.default.useState(``),m=b(c),h=o.trim().length>0&&C(c)&&(m===`local`||u.trim().length>0);return(0,y.jsxs)(`form`,{"data-testid":`add-backend-form`,onSubmit:t=>{t.preventDefault(),h&&(a({name:o.trim(),host:S(c),apiKey:u.trim(),kind:m}),e())},className:`flex flex-col gap-4 flex-1 min-w-0`,children:[(0,y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,y.jsx)(f.SettingsInput,{testId:`add-backend-name`,name:`add-backend-name`,type:`text`,label:r(n.I18nKey.BACKEND$NAME_LABEL),value:o,onChange:s,placeholder:`e.g. My Server`,className:`w-full`}),(0,y.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:r(n.I18nKey.BACKEND$NAME_HELPER)})]}),(0,y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,y.jsx)(f.SettingsInput,{testId:`add-backend-host`,name:`add-backend-host`,type:`text`,label:r(n.I18nKey.BACKEND$HOST_LABEL),value:c,onChange:l,placeholder:`http://localhost:8000`,className:`w-full`}),(0,y.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`add-backend-host-helper`,children:r(n.I18nKey.BACKEND$HOST_HELPER)})]}),(0,y.jsx)(f.SettingsInput,{testId:`add-backend-api-key`,name:`add-backend-api-key`,type:`password`,label:r(n.I18nKey.BACKEND$KEY_LABEL),value:u,onChange:p,placeholder:`sk-••••••••••`,className:`w-full`}),(0,y.jsx)(d.BrandButton,{type:`submit`,variant:`secondary`,isDisabled:!h,testId:`add-backend-submit`,className:`w-full text-center`,children:r(n.I18nKey.BACKEND$CONNECT)})]})}function O({onClose:e}){let{t:a}=t.useTranslation(`openhands`),{addBackend:o}=i.useActiveBackendContext(),[s,c]=v.default.useState(!1),[l,u]=v.default.useState(``),d=l.trim()||w;return(0,y.jsxs)(`div`,{className:`flex flex-1 min-w-0 flex-col items-center gap-3`,children:[(0,y.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,y.jsx)(m.default,{width:56,height:56,"aria-hidden":!0}),(0,y.jsx)(`h4`,{className:`text-lg font-medium text-white`,"data-testid":`add-backend-cloud-title`,children:a(n.I18nKey.BACKEND$CLOUD_TITLE)})]}),(0,y.jsx)(`p`,{className:`text-center text-sm leading-relaxed text-[var(--oh-muted)]`,children:a(n.I18nKey.BACKEND$CLOUD_DESCRIPTION)}),(0,y.jsx)(_.DeviceFlowAuth,{host:d,onSuccess:t=>{o({name:`OpenHands Cloud`,host:S(d),apiKey:t,kind:`cloud`}),e()},testIdRoot:`add-backend`}),(0,y.jsxs)(`div`,{className:`w-full`,children:[(0,y.jsxs)(`button`,{type:`button`,onClick:()=>c(e=>!e),"aria-expanded":s,"data-testid":`add-backend-advanced-toggle`,className:`flex w-full cursor-pointer items-center justify-center gap-1 text-center text-xs text-[var(--oh-muted)] transition-colors hover:text-content-2`,children:[(0,y.jsx)(`span`,{children:a(n.I18nKey.BACKEND$ADVANCED)}),(0,y.jsx)(h.default,{className:r.cn(`h-4 w-4 shrink-0 text-muted transition-transform`,s&&`rotate-180`),"aria-hidden":!0})]}),(0,y.jsxs)(`div`,{className:r.cn(`pt-2`,!s&&`pointer-events-none invisible`),"aria-hidden":!s,children:[(0,y.jsx)(f.SettingsInput,{testId:`add-backend-cloud-host`,name:`add-backend-cloud-host`,type:`text`,label:a(n.I18nKey.BACKEND$HOST_LABEL),value:l,onChange:u,placeholder:w,className:`w-full`}),(0,y.jsx)(`p`,{className:`mt-1 text-xs text-[var(--oh-muted)]`,children:a(n.I18nKey.BACKEND$LOGIN_CLOUD_HINT)})]})]})]})}function k({mode:e,backend:i,onClose:a}){let{t:o}=t.useTranslation(`openhands`);if(e===`add`)return(0,y.jsx)(c.ModalBackdrop,{onClose:a,closeOnEscape:!1,"aria-label":o(n.I18nKey.BACKEND$ADD_TITLE),children:(0,y.jsxs)(`div`,{"data-testid":`add-backend-modal`,className:r.cn(`relative rounded-xl border border-[var(--oh-border)] bg-base-secondary`,l.modalWidthClassName(`xl`),l.MODAL_MAX_WIDTH_VIEWPORT),children:[(0,y.jsx)(u.ModalCloseButton,{onClose:a,testId:`add-backend-close`}),(0,y.jsx)(`div`,{className:`px-6 pt-6 pb-2 pr-12`,children:(0,y.jsx)(`h2`,{className:`text-lg font-semibold`,children:o(n.I18nKey.BACKEND$ADD_TITLE)})}),(0,y.jsxs)(`div`,{className:`flex gap-6 px-6 pb-6 pt-2`,children:[(0,y.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,y.jsx)(D,{onClose:a})}),(0,y.jsxs)(`div`,{className:`flex shrink-0 flex-col items-center`,children:[(0,y.jsx)(`div`,{className:`flex-1 w-px bg-[var(--oh-border)]`}),(0,y.jsx)(`span`,{className:`py-3 text-xs uppercase text-[var(--oh-muted)]`,children:o(n.I18nKey.BACKEND$LOGIN_OR)}),(0,y.jsx)(`div`,{className:`flex-1 w-px bg-[var(--oh-border)]`})]}),(0,y.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,y.jsx)(O,{onClose:a})})]})]})});let s=`edit-backend`;return(0,y.jsx)(c.ModalBackdrop,{onClose:a,closeOnEscape:!1,"aria-label":o(n.I18nKey.BACKEND$EDIT_TITLE),children:(0,y.jsxs)(`div`,{"data-testid":`${s}-modal`,className:r.cn(`relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]`,l.modalWidthClassName(`md`)),children:[(0,y.jsx)(u.ModalCloseButton,{onClose:a,testId:`${s}-close`}),(0,y.jsx)(`h2`,{className:`pr-6 text-lg font-semibold`,children:o(n.I18nKey.BACKEND$EDIT_TITLE)}),(0,y.jsx)(E,{mode:`edit`,backend:i,onSubmitted:a,testIdRoot:s})]})})}exports.BackendFormModal=k;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../utils/utils.cjs`),i=require(`../../../context/navigation-context.cjs`),a=require(`../../../contexts/active-backend-context.cjs`),o=require(`../../../node_modules/@openhands/typescript-client/dist/client/server-client.cjs`),s=require(`../../../node_modules/@tanstack/react-query/build/modern/useQuery.cjs`),c=require(`../../../api/agent-server-client-options.cjs`),l=require(`../../shared/modals/modal-backdrop.cjs`),u=require(`../../shared/modals/modal-body.cjs`),d=require(`../../shared/modals/modal-close-button.cjs`),f=require(`../settings/brand-button.cjs`),p=require(`../settings/settings-input.cjs`),m=require(`../../../hooks/query/use-backends-health.cjs`),h=require(`../../../assets/branding/openhands-logo-white.cjs`),g=require(`../../../icons/chevron-down-small.cjs`),_=require(`./backend-status-dot.cjs`),v=require(`./device-flow-auth.cjs`);let y=require(`react`);y=e.__toESM(y,1);let b=require(`react/jsx-runtime`);function x(e){let t=e.trim().toLowerCase();return t.includes(`all-hands.dev`)||t.includes(`openhands.dev`)?`cloud`:`local`}function S(e){let t=e.toLowerCase().replace(/^\[|\]$/g,``);return!!(t===`localhost`||t===`::1`||t===`::`||t===`0.0.0.0`||/^127\./.test(t)||/^::ffff:127\./i.test(t)||/^10\./.test(t)||/^192\.168\./.test(t)||/^172\.(1[6-9]|2\d|3[01])\./.test(t)||/^fe[89ab][0-9a-f]:/i.test(t)||/^f[cd][0-9a-f]{2}:/i.test(t)||t.endsWith(`.local`)||!t.includes(`.`)&&!t.includes(`:`))}function C(e){let t=e.trim().replace(/\/+$/,``);if(!t)return``;if(/^https?:\/\//i.test(t))return t;let n=t.match(/^\[([^\]]+)\]/);return`${S(n?n[1]:(t.match(/:/g)??[]).length>1?t:t.split(`:`)[0])?`http`:`https`}://${t}`}function w(e){let t=e.trim();if(!t||/\s/.test(t))return!1;let n=C(t);if(!n)return!1;try{let e=new URL(n);return(e.protocol===`http:`||e.protocol===`https:`)&&e.hostname.length>0}catch{return!1}}var T=`https://app.all-hands.dev`;function E({backend:e,testIdRoot:r}){let{t:i}=t.useTranslation(`openhands`),a=m.useBackendsHealth([e])[e.id],l=a?.isConnected??null,u=a?.disabled===!0,d=a?.consecutiveFailures??0,f=a?.lastError??null,{data:p}=s.useQuery({queryKey:[`backend-version`,e.host,e.apiKey],queryFn:async()=>(await new o.ServerClient(c.getAgentServerClientOptions({host:e.host,sessionApiKey:e.apiKey||null,timeout:5e3})).getServerInfo()).version??null,retry:!1,staleTime:6e4,enabled:e.kind===`local`&&!u}),h;h=i(l===!0?n.I18nKey.ONBOARDING$BACKEND_STATUS_CONNECTED:l===!1?n.I18nKey.ONBOARDING$BACKEND_STATUS_DISCONNECTED:n.I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING);let g=e.kind===`cloud`?i(n.I18nKey.BACKEND$KIND_CLOUD):i(n.I18nKey.BACKEND$KIND_LOCAL);return(0,b.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,b.jsxs)(`div`,{"data-testid":`${r}-status`,className:`flex items-center gap-3 text-sm`,children:[(0,b.jsx)(_.BackendStatusDot,{isConnected:l}),(0,b.jsx)(`span`,{className:`text-white`,"data-testid":`${r}-status-label`,children:h}),(0,b.jsx)(`span`,{className:`text-tertiary-alt`,children:`·`}),(0,b.jsx)(`span`,{className:`text-[var(--oh-text-tertiary)]`,children:g}),p?(0,b.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`${r}-version`,children:i(n.I18nKey.BACKEND$VERSION_LABEL,{version:p})}):null]}),u?(0,b.jsxs)(`div`,{"data-testid":`${r}-status-error`,className:`flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm`,children:[(0,b.jsx)(`span`,{className:`font-semibold text-red-300`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_TITLE)}),(0,b.jsx)(`span`,{className:`text-xs text-[var(--oh-text-tertiary)]`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_DETAIL,{count:d})}),f?(0,b.jsx)(`span`,{"data-testid":`${r}-status-error-message`,className:`text-xs text-red-300 whitespace-pre-wrap break-words`,children:f}):null]}):null]})}function D({mode:e,backend:r,onSubmitted:i,renderActions:o,testIdRoot:s}){let{t:c}=t.useTranslation(`openhands`),{addBackend:l,updateBackend:u}=a.useActiveBackendContext(),[d,m]=y.default.useState(r?.name??``),[h,g]=y.default.useState(r?.host??``),[_,v]=y.default.useState(r?.apiKey??``),[S,D]=y.default.useState(!1),[O,k]=y.default.useState(!1),A=x(h),j=s??(e===`edit`?`edit-backend`:`add-backend`),M=d.trim().length>0&&w(h)&&(A===`local`||_.trim().length>0),N=S&&!d.trim()?c(n.I18nKey.BACKEND$NAME_REQUIRED):void 0,P=O?h.trim()?w(h)?void 0:c(n.I18nKey.BACKEND$HOST_INVALID):c(n.I18nKey.BACKEND$HOST_REQUIRED):void 0;return(0,b.jsxs)(`form`,{"data-testid":`${j}-form`,onSubmit:t=>{if(t.preventDefault(),!M){D(!0),k(!0);return}let n={name:d.trim(),host:C(h),apiKey:_.trim(),kind:A};e===`edit`&&r?u(r.id,n):l(n),i()},className:`flex flex-col gap-4`,children:[(0,b.jsx)(p.SettingsInput,{testId:`${j}-name`,name:`${j}-name`,type:`text`,label:c(n.I18nKey.BACKEND$NAME_LABEL),value:d,onChange:m,onBlur:()=>D(!0),placeholder:`Production`,className:`w-full`,showRequiredTag:!0,error:N}),(0,b.jsx)(p.SettingsInput,{testId:`${j}-host`,name:`${j}-host`,type:`text`,label:c(n.I18nKey.BACKEND$HOST_LABEL),value:h,onChange:g,onBlur:()=>k(!0),placeholder:T,className:`w-full`,showRequiredTag:!0,error:P}),(0,b.jsx)(p.SettingsInput,{testId:`${j}-api-key`,name:`${j}-api-key`,type:`password`,label:c(n.I18nKey.BACKEND$KEY_LABEL),value:_,onChange:v,placeholder:``,className:`w-full`}),e===`edit`&&r&&(0,b.jsx)(E,{backend:r,testIdRoot:j}),o?o({canSubmit:M,testIdRoot:j}):(0,b.jsxs)(`div`,{className:`flex justify-end gap-2 mt-2 w-full`,children:[(0,b.jsx)(f.BrandButton,{type:`button`,variant:`secondary`,onClick:i,testId:`${j}-cancel`,children:c(n.I18nKey.BUTTON$CANCEL)}),(0,b.jsx)(f.BrandButton,{type:`submit`,variant:`primary`,isDisabled:!M,testId:`${j}-submit`,children:c(n.I18nKey.BACKEND$SAVE)})]})]})}function O(){let{currentPath:e,navigate:t}=i.useNavigation();return y.default.useCallback(()=>{/^\/automations\/[^/]+/.test(e)?t(`/automations`):/^\/conversations\/[^/]+/.test(e)&&t(`/conversations`)},[e,t])}function k({onClose:e}){let{t:r}=t.useTranslation(`openhands`),{addBackend:i}=a.useActiveBackendContext(),o=O(),[s,c]=y.default.useState(``),[l,u]=y.default.useState(``),[d,m]=y.default.useState(``),h=x(l),g=s.trim().length>0&&w(l)&&(h===`local`||d.trim().length>0);return(0,b.jsxs)(`form`,{"data-testid":`add-backend-form`,onSubmit:t=>{t.preventDefault(),g&&(i({name:s.trim(),host:C(l),apiKey:d.trim(),kind:h}),o(),e())},className:`flex flex-col gap-4 flex-1 min-w-0`,children:[(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(p.SettingsInput,{testId:`add-backend-name`,name:`add-backend-name`,type:`text`,label:r(n.I18nKey.BACKEND$NAME_LABEL),value:s,onChange:c,placeholder:`e.g. My Server`,className:`w-full`}),(0,b.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:r(n.I18nKey.BACKEND$NAME_HELPER)})]}),(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(p.SettingsInput,{testId:`add-backend-host`,name:`add-backend-host`,type:`text`,label:r(n.I18nKey.BACKEND$HOST_LABEL),value:l,onChange:u,placeholder:`http://localhost:8000`,className:`w-full`}),(0,b.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`add-backend-host-helper`,children:r(n.I18nKey.BACKEND$HOST_HELPER)})]}),(0,b.jsx)(p.SettingsInput,{testId:`add-backend-api-key`,name:`add-backend-api-key`,type:`password`,label:r(n.I18nKey.BACKEND$KEY_LABEL),value:d,onChange:m,placeholder:`sk-••••••••••`,className:`w-full`}),(0,b.jsx)(f.BrandButton,{type:`submit`,variant:`secondary`,isDisabled:!g,testId:`add-backend-submit`,className:`w-full text-center`,children:r(n.I18nKey.BACKEND$CONNECT)})]})}function A({onClose:e}){let{t:i}=t.useTranslation(`openhands`),{addBackend:o}=a.useActiveBackendContext(),s=O(),[c,l]=y.default.useState(!1),[u,d]=y.default.useState(``),f=u.trim()||T;return(0,b.jsxs)(`div`,{className:`flex flex-1 min-w-0 flex-col items-center gap-3`,children:[(0,b.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,b.jsx)(h.default,{width:56,height:56,"aria-hidden":!0}),(0,b.jsx)(`h4`,{className:`text-lg font-medium text-white`,"data-testid":`add-backend-cloud-title`,children:i(n.I18nKey.BACKEND$CLOUD_TITLE)})]}),(0,b.jsx)(`p`,{className:`text-center text-sm leading-relaxed text-[var(--oh-muted)]`,children:i(n.I18nKey.BACKEND$CLOUD_DESCRIPTION)}),(0,b.jsx)(v.DeviceFlowAuth,{host:f,onSuccess:t=>{o({name:`OpenHands Cloud`,host:C(f),apiKey:t,kind:`cloud`}),s(),e()},testIdRoot:`add-backend`}),(0,b.jsxs)(`div`,{className:`w-full`,children:[(0,b.jsxs)(`button`,{type:`button`,onClick:()=>l(e=>!e),"aria-expanded":c,"data-testid":`add-backend-advanced-toggle`,className:`flex w-full cursor-pointer items-center justify-center gap-1 text-center text-xs text-[var(--oh-muted)] transition-colors hover:text-content-2`,children:[(0,b.jsx)(`span`,{children:i(n.I18nKey.BACKEND$ADVANCED)}),(0,b.jsx)(g.default,{className:r.cn(`h-4 w-4 shrink-0 text-muted transition-transform`,c&&`rotate-180`),"aria-hidden":!0})]}),(0,b.jsxs)(`div`,{className:r.cn(`pt-2`,!c&&`pointer-events-none invisible`),"aria-hidden":!c,children:[(0,b.jsx)(p.SettingsInput,{testId:`add-backend-cloud-host`,name:`add-backend-cloud-host`,type:`text`,label:i(n.I18nKey.BACKEND$HOST_LABEL),value:u,onChange:d,placeholder:T,className:`w-full`}),(0,b.jsx)(`p`,{className:`mt-1 text-xs text-[var(--oh-muted)]`,children:i(n.I18nKey.BACKEND$LOGIN_CLOUD_HINT)})]})]})]})}function j({mode:e,backend:i,onClose:a}){let{t:o}=t.useTranslation(`openhands`);if(e===`add`)return(0,b.jsx)(l.ModalBackdrop,{onClose:a,closeOnEscape:!1,"aria-label":o(n.I18nKey.BACKEND$ADD_TITLE),children:(0,b.jsxs)(`div`,{"data-testid":`add-backend-modal`,className:r.cn(`relative rounded-xl border border-[var(--oh-border)] bg-base-secondary`,u.modalWidthClassName(`xl`),u.MODAL_MAX_WIDTH_VIEWPORT),children:[(0,b.jsx)(d.ModalCloseButton,{onClose:a,testId:`add-backend-close`}),(0,b.jsx)(`div`,{className:`px-6 pt-6 pb-2 pr-12`,children:(0,b.jsx)(`h2`,{className:`text-lg font-semibold`,children:o(n.I18nKey.BACKEND$ADD_TITLE)})}),(0,b.jsxs)(`div`,{className:`flex gap-6 px-6 pb-6 pt-2`,children:[(0,b.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,b.jsx)(k,{onClose:a})}),(0,b.jsxs)(`div`,{className:`flex shrink-0 flex-col items-center`,children:[(0,b.jsx)(`div`,{className:`flex-1 w-px bg-[var(--oh-border)]`}),(0,b.jsx)(`span`,{className:`py-3 text-xs uppercase text-[var(--oh-muted)]`,children:o(n.I18nKey.BACKEND$LOGIN_OR)}),(0,b.jsx)(`div`,{className:`flex-1 w-px bg-[var(--oh-border)]`})]}),(0,b.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,b.jsx)(A,{onClose:a})})]})]})});let s=`edit-backend`;return(0,b.jsx)(l.ModalBackdrop,{onClose:a,closeOnEscape:!1,"aria-label":o(n.I18nKey.BACKEND$EDIT_TITLE),children:(0,b.jsxs)(`div`,{"data-testid":`${s}-modal`,className:r.cn(`relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]`,u.modalWidthClassName(`md`)),children:[(0,b.jsx)(d.ModalCloseButton,{onClose:a,testId:`${s}-close`}),(0,b.jsx)(`h2`,{className:`pr-6 text-lg font-semibold`,children:o(n.I18nKey.BACKEND$EDIT_TITLE)}),(0,b.jsx)(D,{mode:`edit`,backend:i,onSubmitted:a,testIdRoot:s})]})})}exports.BackendFormModal=j;
 //# sourceMappingURL=backend-form-modal.cjs.map

package/dist/components/features/backends/backend-form-modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"backend-form-modal.cjs","names":[],"sources":["../../../../src/components/features/backends/backend-form-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useTranslation } from \"react-i18next\";\nimport { ServerClient } from \"@openhands/typescript-client/clients\";\nimport OpenHandsLogoWhite from \"#/assets/branding/openhands-logo-white.svg?react\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n  MODAL_MAX_WIDTH_VIEWPORT,\n  modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { useBackendsHealth } from \"#/hooks/query/use-backends-health\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport ChevronDownSmallIcon from \"#/icons/chevron-down-small.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Backend, BackendKind } from \"#/api/backend-registry/types\";\nimport { cn } from \"#/utils/utils\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\nimport { DeviceFlowAuth } from \"./device-flow-auth\";\n\nexport type BackendFormMode = \"add\" | \"edit\";\n\ninterface BackendFormModalProps {\n  mode: BackendFormMode;\n  /** Required when `mode === \"edit\"`. */\n  backend?: Backend;\n  onClose: () => void;\n}\n\nfunction inferKindFromHost(host: string): BackendKind {\n  const trimmed = host.trim().toLowerCase();\n  if (trimmed.includes(\"all-hands.dev\") || trimmed.includes(\"openhands.dev\")) {\n    return \"cloud\";\n  }\n  return \"local\";\n}\n\n/**\n * Returns true for hostnames that represent a local / private-network address.\n * Used by normalizeHost to choose http:// instead of https://.\n */\nfunction isLocalAddress(hostname: string): boolean {\n  // Strip IPv6 bracket notation: [::1] → ::1\n  const h = hostname.toLowerCase().replace(/^\\[|\\]$/g, \"\");\n  // IPv6 loopback, any-address, and named loopback\n  if (h === \"localhost\" || h === \"::1\" || h === \"::\" || h === \"0.0.0.0\")\n    return true;\n  // 127.x.x.x loopback range + IPv4-mapped loopback (::ffff:127.x.x.x)\n  if (/^127\\./.test(h) || /^::ffff:127\\./i.test(h)) return true;\n  // RFC 1918 private ranges\n  if (/^10\\./.test(h)) return true;\n  if (/^192\\.168\\./.test(h)) return true;\n  if (/^172\\.(1[6-9]|2\\d|3[01])\\./.test(h)) return true;\n  // IPv6 link-local (fe80::/10) and unique local (fc00::/7)\n  if (/^fe[89ab][0-9a-f]:/i.test(h)) return true;\n  if (/^f[cd][0-9a-f]{2}:/i.test(h)) return true;\n  // mDNS / Bonjour (.local)\n  if (h.endsWith(\".local\")) return true;\n  // Single-label hostnames (no dots, no colons) are local network names.\n  // Colons are excluded so bare IPv6 addresses don't accidentally match.\n  if (!h.includes(\".\") && !h.includes(\":\")) return true;\n  return false;\n}\n\nfunction normalizeHost(host: string): string {\n  const trimmed = host.trim().replace(/\\/+$/, \"\");\n  if (!trimmed) return \"\";\n  // Already has an explicit scheme — respect it.\n  if (/^https?:\\/\\//i.test(trimmed)) return trimmed;\n  // Extract the pure hostname for scheme selection, handling three cases:\n  //   [::1]:8080  → bracket IPv6 notation → extract ::1\n  //   ::1         → bare IPv6 (multiple colons, no bracket) → whole string\n  //   host:port   → regular host:port → part before the colon\n  const bracketMatch = trimmed.match(/^\\[([^\\]]+)\\]/);\n  const hostname = bracketMatch\n    ? bracketMatch[1]\n    : (trimmed.match(/:/g) ?? []).length > 1\n      ? trimmed\n      : trimmed.split(\":\")[0];\n  const scheme = isLocalAddress(hostname) ? \"http\" : \"https\";\n  return `${scheme}://${trimmed}`;\n}\n\n/**\n * Returns true when `host` represents a reachable backend URL.\n *\n * Rules (applied in order):\n *   1. Must be non-empty after trimming.\n *   2. Must contain no whitespace — spaces can never appear in a host/port.\n *   3. After normalisation (bare hosts get `https://` prepended), must parse\n *      as a valid http or https URL with a non-empty hostname.\n */\nfunction isValidHostUrl(host: string): boolean {\n  const trimmed = host.trim();\n  if (!trimmed) return false;\n  // Spaces anywhere in the input are an immediate rejection.\n  if (/\\s/.test(trimmed)) return false;\n  const normalized = normalizeHost(trimmed);\n  if (!normalized) return false;\n  try {\n    const url = new URL(normalized);\n    return (\n      (url.protocol === \"http:\" || url.protocol === \"https:\") &&\n      url.hostname.length > 0\n    );\n  } catch {\n    return false;\n  }\n}\n\nconst DEFAULT_OPENHANDS_CLOUD_HOST = \"https://app.all-hands.dev\";\n\n/**\n * Live status row for the edit form: shows a connection dot, a\n * \"Local\"/\"Cloud\" label, and the agent server's reported version when\n * available. Replaces the legacy local/cloud radio fieldset (kind is\n * now inferred from the host).\n */\nfunction BackendStatusBadge({\n  backend,\n  testIdRoot,\n}: {\n  backend: Backend;\n  testIdRoot: string;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const healthByBackendId = useBackendsHealth([backend]);\n  const health = healthByBackendId[backend.id];\n  const isConnected = health?.isConnected ?? null;\n  const disabled = health?.disabled === true;\n  const consecutiveFailures = health?.consecutiveFailures ?? 0;\n  const lastError = health?.lastError ?? null;\n\n  const { data: version } = useQuery({\n    queryKey: [\"backend-version\", backend.host, backend.apiKey],\n    queryFn: async () => {\n      const info = await new ServerClient(\n        getAgentServerClientOptions({\n          host: backend.host,\n          sessionApiKey: backend.apiKey || null,\n          timeout: 5000,\n        }),\n      ).getServerInfo();\n      return info.version ?? null;\n    },\n    retry: false,\n    staleTime: 60_000,\n    enabled: backend.kind === \"local\" && !disabled,\n  });\n\n  let statusLabel: string;\n  if (isConnected === true) {\n    statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_CONNECTED);\n  } else if (isConnected === false) {\n    statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_DISCONNECTED);\n  } else {\n    statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING);\n  }\n\n  const kindLabel =\n    backend.kind === \"cloud\"\n      ? t(I18nKey.BACKEND$KIND_CLOUD)\n      : t(I18nKey.BACKEND$KIND_LOCAL);\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div\n        data-testid={`${testIdRoot}-status`}\n        className=\"flex items-center gap-3 text-sm\"\n      >\n        <BackendStatusDot isConnected={isConnected} />\n        <span className=\"text-white\" data-testid={`${testIdRoot}-status-label`}>\n          {statusLabel}\n        </span>\n        <span className=\"text-tertiary-alt\">·</span>\n        <span className=\"text-[var(--oh-text-tertiary)]\">{kindLabel}</span>\n        {version ? (\n          <span\n            className=\"text-xs text-[var(--oh-muted)]\"\n            data-testid={`${testIdRoot}-version`}\n          >\n            {t(I18nKey.BACKEND$VERSION_LABEL, { version })}\n          </span>\n        ) : null}\n      </div>\n\n      {disabled ? (\n        <div\n          data-testid={`${testIdRoot}-status-error`}\n          className=\"flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm\"\n        >\n          <span className=\"font-semibold text-red-300\">\n            {t(I18nKey.BACKEND$HEALTH_FAILED_TITLE)}\n          </span>\n          <span className=\"text-xs text-[var(--oh-text-tertiary)]\">\n            {t(I18nKey.BACKEND$HEALTH_FAILED_DETAIL, {\n              count: consecutiveFailures,\n            })}\n          </span>\n          {lastError ? (\n            <span\n              data-testid={`${testIdRoot}-status-error-message`}\n              className=\"text-xs text-red-300 whitespace-pre-wrap break-words\"\n            >\n              {lastError}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport interface BackendFormProps {\n  mode: BackendFormMode;\n  /** Required when `mode === \"edit\"`. */\n  backend?: Backend;\n  /**\n   * Called after the form is submitted and the backend has been\n   * persisted. Use this to dismiss a containing modal, advance an\n   * onboarding step, etc.\n   */\n  onSubmitted: () => void;\n  /**\n   * Optional render slot rendered in place of the default\n   * Save / Cancel button row, so callers (e.g. the onboarding flow)\n   * can re-skin the action area while still owning submission via the\n   * standard `<form onSubmit>` flow. Receives the form's submit-ready\n   * state.\n   */\n  renderActions?: (state: {\n    canSubmit: boolean;\n    testIdRoot: string;\n  }) => React.ReactNode;\n  /** Used to disambiguate test ids across the same screen. */\n  testIdRoot?: string;\n}\n\n/**\n * Reusable form body for adding / editing a backend. Renders the\n * common name / host / API-key inputs plus the kind selector\n * (radio buttons in `add` mode, status badge in `edit` mode).\n *\n * Rendered as a `<form>`, so consumers should put any extra controls\n * either inside `renderActions` or as siblings inside a wrapping\n * element — but submission flows through the standard form submit so\n * Enter-to-submit still works.\n */\nexport function BackendForm({\n  mode,\n  backend,\n  onSubmitted,\n  renderActions,\n  testIdRoot: explicitTestIdRoot,\n}: BackendFormProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { addBackend, updateBackend } = useActiveBackendContext();\n\n  const [name, setName] = React.useState(backend?.name ?? \"\");\n  const [host, setHost] = React.useState(backend?.host ?? \"\");\n  const [apiKey, setApiKey] = React.useState(backend?.apiKey ?? \"\");\n\n  // Inline validation: only show errors after the user has left a field.\n  const [nameTouched, setNameTouched] = React.useState(false);\n  const [hostTouched, setHostTouched] = React.useState(false);\n\n  // Kind is inferred from the host on every change.\n  const kind: BackendKind = inferKindFromHost(host);\n\n  const testIdRoot =\n    explicitTestIdRoot ?? (mode === \"edit\" ? \"edit-backend\" : \"add-backend\");\n\n  const canSubmit =\n    name.trim().length > 0 &&\n    isValidHostUrl(host) &&\n    (kind === \"local\" || apiKey.trim().length > 0);\n\n  // Error messages — only surfaced after the user has blurred the field.\n  const nameError =\n    nameTouched && !name.trim() ? t(I18nKey.BACKEND$NAME_REQUIRED) : undefined;\n  const hostError = hostTouched\n    ? !host.trim()\n      ? t(I18nKey.BACKEND$HOST_REQUIRED)\n      : !isValidHostUrl(host)\n        ? t(I18nKey.BACKEND$HOST_INVALID)\n        : undefined\n    : undefined;\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    if (!canSubmit) {\n      // Mark all validated fields as touched so inline errors become visible\n      // (e.g. user pressed Enter before filling required fields).\n      setNameTouched(true);\n      setHostTouched(true);\n      return;\n    }\n\n    const payload = {\n      name: name.trim(),\n      host: normalizeHost(host),\n      apiKey: apiKey.trim(),\n      kind,\n    };\n\n    if (mode === \"edit\" && backend) {\n      updateBackend(backend.id, payload);\n    } else {\n      addBackend(payload);\n    }\n\n    onSubmitted();\n  };\n\n  return (\n    <form\n      data-testid={`${testIdRoot}-form`}\n      onSubmit={handleSubmit}\n      className=\"flex flex-col gap-4\"\n    >\n      <SettingsInput\n        testId={`${testIdRoot}-name`}\n        name={`${testIdRoot}-name`}\n        type=\"text\"\n        label={t(I18nKey.BACKEND$NAME_LABEL)}\n        value={name}\n        onChange={setName}\n        onBlur={() => setNameTouched(true)}\n        placeholder=\"Production\"\n        className=\"w-full\"\n        showRequiredTag\n        error={nameError}\n      />\n\n      <SettingsInput\n        testId={`${testIdRoot}-host`}\n        name={`${testIdRoot}-host`}\n        type=\"text\"\n        label={t(I18nKey.BACKEND$HOST_LABEL)}\n        value={host}\n        onChange={setHost}\n        onBlur={() => setHostTouched(true)}\n        placeholder={DEFAULT_OPENHANDS_CLOUD_HOST}\n        className=\"w-full\"\n        showRequiredTag\n        error={hostError}\n      />\n\n      <SettingsInput\n        testId={`${testIdRoot}-api-key`}\n        name={`${testIdRoot}-api-key`}\n        type=\"password\"\n        label={t(I18nKey.BACKEND$KEY_LABEL)}\n        value={apiKey}\n        onChange={setApiKey}\n        placeholder=\"\"\n        className=\"w-full\"\n      />\n\n      {mode === \"edit\" && backend && (\n        <BackendStatusBadge backend={backend} testIdRoot={testIdRoot} />\n      )}\n\n      {renderActions ? (\n        renderActions({ canSubmit, testIdRoot })\n      ) : (\n        <div className=\"flex justify-end gap-2 mt-2 w-full\">\n          <BrandButton\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onSubmitted}\n            testId={`${testIdRoot}-cancel`}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={!canSubmit}\n            testId={`${testIdRoot}-submit`}\n          >\n            {t(I18nKey.BACKEND$SAVE)}\n          </BrandButton>\n        </div>\n      )}\n    </form>\n  );\n}\n\n// ── Add-mode two-column layout ──────────────────────────────────────\n\n/**\n * Left column of the \"Add a Backend\" modal: manual connection via\n * Host + API Key. Designed for self-hosted agent servers and\n * self-hosted OpenHands Cloud with API key auth.\n */\nfunction ManualConnectionColumn({ onClose }: { onClose: () => void }) {\n  const { t } = useTranslation(\"openhands\");\n  const { addBackend } = useActiveBackendContext();\n\n  const [name, setName] = React.useState(\"\");\n  const [host, setHost] = React.useState(\"\");\n  const [apiKey, setApiKey] = React.useState(\"\");\n\n  const kind: BackendKind = inferKindFromHost(host);\n  const canSubmit =\n    name.trim().length > 0 &&\n    isValidHostUrl(host) &&\n    (kind === \"local\" || apiKey.trim().length > 0);\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    if (!canSubmit) return;\n    addBackend({\n      name: name.trim(),\n      host: normalizeHost(host),\n      apiKey: apiKey.trim(),\n      kind,\n    });\n    onClose();\n  };\n\n  return (\n    <form\n      data-testid=\"add-backend-form\"\n      onSubmit={handleSubmit}\n      className=\"flex flex-col gap-4 flex-1 min-w-0\"\n    >\n      <div className=\"flex flex-col gap-1\">\n        <SettingsInput\n          testId=\"add-backend-name\"\n          name=\"add-backend-name\"\n          type=\"text\"\n          label={t(I18nKey.BACKEND$NAME_LABEL)}\n          value={name}\n          onChange={setName}\n          placeholder=\"e.g. My Server\"\n          className=\"w-full\"\n        />\n        <p className=\"text-xs text-[var(--oh-muted)]\">\n          {t(I18nKey.BACKEND$NAME_HELPER)}\n        </p>\n      </div>\n\n      <div className=\"flex flex-col gap-1\">\n        <SettingsInput\n          testId=\"add-backend-host\"\n          name=\"add-backend-host\"\n          type=\"text\"\n          label={t(I18nKey.BACKEND$HOST_LABEL)}\n          value={host}\n          onChange={setHost}\n          placeholder=\"http://localhost:8000\"\n          className=\"w-full\"\n        />\n        <p\n          className=\"text-xs text-[var(--oh-muted)]\"\n          data-testid=\"add-backend-host-helper\"\n        >\n          {t(I18nKey.BACKEND$HOST_HELPER)}\n        </p>\n      </div>\n\n      <SettingsInput\n        testId=\"add-backend-api-key\"\n        name=\"add-backend-api-key\"\n        type=\"password\"\n        label={t(I18nKey.BACKEND$KEY_LABEL)}\n        value={apiKey}\n        onChange={setApiKey}\n        placeholder=\"sk-••••••••••\"\n        className=\"w-full\"\n      />\n\n      <BrandButton\n        type=\"submit\"\n        variant=\"secondary\"\n        isDisabled={!canSubmit}\n        testId=\"add-backend-submit\"\n        className=\"w-full text-center\"\n      >\n        {t(I18nKey.BACKEND$CONNECT)}\n      </BrandButton>\n    </form>\n  );\n}\n\n/**\n * Right column of the \"Add a Backend\" modal: one-click OAuth login\n * with OpenHands Cloud. Includes an \"Advanced\" disclosure for\n * users who self-host OpenHands Cloud and need to override the host.\n */\nfunction CloudLoginColumn({ onClose }: { onClose: () => void }) {\n  const { t } = useTranslation(\"openhands\");\n  const { addBackend } = useActiveBackendContext();\n\n  const [advancedOpen, setAdvancedOpen] = React.useState(false);\n  const [customHost, setCustomHost] = React.useState(\"\");\n\n  const effectiveHost = customHost.trim() || DEFAULT_OPENHANDS_CLOUD_HOST;\n\n  const handleLoginSuccess = (apiKey: string) => {\n    addBackend({\n      name: \"OpenHands Cloud\",\n      host: normalizeHost(effectiveHost),\n      apiKey,\n      kind: \"cloud\",\n    });\n    onClose();\n  };\n\n  return (\n    <div className=\"flex flex-1 min-w-0 flex-col items-center gap-3\">\n      <div className=\"flex flex-col items-center gap-1\">\n        <OpenHandsLogoWhite width={56} height={56} aria-hidden />\n\n        <h4\n          className=\"text-lg font-medium text-white\"\n          data-testid=\"add-backend-cloud-title\"\n        >\n          {t(I18nKey.BACKEND$CLOUD_TITLE)}\n        </h4>\n      </div>\n\n      <p className=\"text-center text-sm leading-relaxed text-[var(--oh-muted)]\">\n        {t(I18nKey.BACKEND$CLOUD_DESCRIPTION)}\n      </p>\n\n      <DeviceFlowAuth\n        host={effectiveHost}\n        onSuccess={handleLoginSuccess}\n        testIdRoot=\"add-backend\"\n      />\n\n      <div className=\"w-full\">\n        <button\n          type=\"button\"\n          onClick={() => setAdvancedOpen((open) => !open)}\n          aria-expanded={advancedOpen}\n          data-testid=\"add-backend-advanced-toggle\"\n          className=\"flex w-full cursor-pointer items-center justify-center gap-1 text-center text-xs text-[var(--oh-muted)] transition-colors hover:text-content-2\"\n        >\n          <span>{t(I18nKey.BACKEND$ADVANCED)}</span>\n          <ChevronDownSmallIcon\n            className={cn(\n              \"h-4 w-4 shrink-0 text-muted transition-transform\",\n              advancedOpen && \"rotate-180\",\n            )}\n            aria-hidden\n          />\n        </button>\n        <div\n          className={cn(\n            \"pt-2\",\n            !advancedOpen && \"pointer-events-none invisible\",\n          )}\n          aria-hidden={!advancedOpen}\n        >\n          <SettingsInput\n            testId=\"add-backend-cloud-host\"\n            name=\"add-backend-cloud-host\"\n            type=\"text\"\n            label={t(I18nKey.BACKEND$HOST_LABEL)}\n            value={customHost}\n            onChange={setCustomHost}\n            placeholder={DEFAULT_OPENHANDS_CLOUD_HOST}\n            className=\"w-full\"\n          />\n          <p className=\"mt-1 text-xs text-[var(--oh-muted)]\">\n            {t(I18nKey.BACKEND$LOGIN_CLOUD_HINT)}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// ── Modal wrappers ──────────────────────────────────────────────────\n\n/**\n * Modal wrapper. In **add** mode it renders a two-column layout\n * (manual connection | OR | Cloud login). In **edit** mode it wraps\n * the standard `BackendForm`.\n */\nexport function BackendFormModal({\n  mode,\n  backend,\n  onClose,\n}: BackendFormModalProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  if (mode === \"add\") {\n    return (\n      <ModalBackdrop\n        onClose={onClose}\n        closeOnEscape={false}\n        aria-label={t(I18nKey.BACKEND$ADD_TITLE)}\n      >\n        <div\n          data-testid=\"add-backend-modal\"\n          className={cn(\n            \"relative rounded-xl border border-[var(--oh-border)] bg-base-secondary\",\n            modalWidthClassName(\"xl\"),\n            MODAL_MAX_WIDTH_VIEWPORT,\n          )}\n        >\n          <ModalCloseButton onClose={onClose} testId=\"add-backend-close\" />\n          {/* Header */}\n          <div className=\"px-6 pt-6 pb-2 pr-12\">\n            <h2 className=\"text-lg font-semibold\">\n              {t(I18nKey.BACKEND$ADD_TITLE)}\n            </h2>\n          </div>\n\n          {/* Two-column body */}\n          <div className=\"flex gap-6 px-6 pb-6 pt-2\">\n            {/* Left: manual connection */}\n            <div className=\"flex-1 min-w-0\">\n              <ManualConnectionColumn onClose={onClose} />\n            </div>\n\n            {/* Vertical OR divider */}\n            <div className=\"flex shrink-0 flex-col items-center\">\n              <div className=\"flex-1 w-px bg-[var(--oh-border)]\" />\n              <span className=\"py-3 text-xs uppercase text-[var(--oh-muted)]\">\n                {t(I18nKey.BACKEND$LOGIN_OR)}\n              </span>\n              <div className=\"flex-1 w-px bg-[var(--oh-border)]\" />\n            </div>\n\n            {/* Right: cloud login */}\n            <div className=\"flex-1 min-w-0\">\n              <CloudLoginColumn onClose={onClose} />\n            </div>\n          </div>\n        </div>\n      </ModalBackdrop>\n    );\n  }\n\n  // Edit mode — single-column form (unchanged)\n  const testIdRoot = \"edit-backend\";\n  return (\n    <ModalBackdrop\n      onClose={onClose}\n      closeOnEscape={false}\n      aria-label={t(I18nKey.BACKEND$EDIT_TITLE)}\n    >\n      <div\n        data-testid={`${testIdRoot}-modal`}\n        className={cn(\n          \"relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]\",\n          modalWidthClassName(\"md\"),\n        )}\n      >\n        <ModalCloseButton onClose={onClose} testId={`${testIdRoot}-close`} />\n        <h2 className=\"pr-6 text-lg font-semibold\">\n          {t(I18nKey.BACKEND$EDIT_TITLE)}\n        </h2>\n        <BackendForm\n          mode=\"edit\"\n          backend={backend}\n          onSubmitted={onClose}\n          testIdRoot={testIdRoot}\n        />\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"backend-form-modal.cjs","names":[],"sources":["../../../../src/components/features/backends/backend-form-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useTranslation } from \"react-i18next\";\nimport { ServerClient } from \"@openhands/typescript-client/clients\";\nimport OpenHandsLogoWhite from \"#/assets/branding/openhands-logo-white.svg?react\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n  MODAL_MAX_WIDTH_VIEWPORT,\n  modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useBackendsHealth } from \"#/hooks/query/use-backends-health\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport ChevronDownSmallIcon from \"#/icons/chevron-down-small.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Backend, BackendKind } from \"#/api/backend-registry/types\";\nimport { cn } from \"#/utils/utils\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\nimport { DeviceFlowAuth } from \"./device-flow-auth\";\n\nexport type BackendFormMode = \"add\" | \"edit\";\n\ninterface BackendFormModalProps {\n  mode: BackendFormMode;\n  /** Required when `mode === \"edit\"`. */\n  backend?: Backend;\n  onClose: () => void;\n}\n\nfunction inferKindFromHost(host: string): BackendKind {\n  const trimmed = host.trim().toLowerCase();\n  if (trimmed.includes(\"all-hands.dev\") || trimmed.includes(\"openhands.dev\")) {\n    return \"cloud\";\n  }\n  return \"local\";\n}\n\n/**\n * Returns true for hostnames that represent a local / private-network address.\n * Used by normalizeHost to choose http:// instead of https://.\n */\nfunction isLocalAddress(hostname: string): boolean {\n  // Strip IPv6 bracket notation: [::1] → ::1\n  const h = hostname.toLowerCase().replace(/^\\[|\\]$/g, \"\");\n  // IPv6 loopback, any-address, and named loopback\n  if (h === \"localhost\" || h === \"::1\" || h === \"::\" || h === \"0.0.0.0\")\n    return true;\n  // 127.x.x.x loopback range + IPv4-mapped loopback (::ffff:127.x.x.x)\n  if (/^127\\./.test(h) || /^::ffff:127\\./i.test(h)) return true;\n  // RFC 1918 private ranges\n  if (/^10\\./.test(h)) return true;\n  if (/^192\\.168\\./.test(h)) return true;\n  if (/^172\\.(1[6-9]|2\\d|3[01])\\./.test(h)) return true;\n  // IPv6 link-local (fe80::/10) and unique local (fc00::/7)\n  if (/^fe[89ab][0-9a-f]:/i.test(h)) return true;\n  if (/^f[cd][0-9a-f]{2}:/i.test(h)) return true;\n  // mDNS / Bonjour (.local)\n  if (h.endsWith(\".local\")) return true;\n  // Single-label hostnames (no dots, no colons) are local network names.\n  // Colons are excluded so bare IPv6 addresses don't accidentally match.\n  if (!h.includes(\".\") && !h.includes(\":\")) return true;\n  return false;\n}\n\nfunction normalizeHost(host: string): string {\n  const trimmed = host.trim().replace(/\\/+$/, \"\");\n  if (!trimmed) return \"\";\n  // Already has an explicit scheme — respect it.\n  if (/^https?:\\/\\//i.test(trimmed)) return trimmed;\n  // Extract the pure hostname for scheme selection, handling three cases:\n  //   [::1]:8080  → bracket IPv6 notation → extract ::1\n  //   ::1         → bare IPv6 (multiple colons, no bracket) → whole string\n  //   host:port   → regular host:port → part before the colon\n  const bracketMatch = trimmed.match(/^\\[([^\\]]+)\\]/);\n  const hostname = bracketMatch\n    ? bracketMatch[1]\n    : (trimmed.match(/:/g) ?? []).length > 1\n      ? trimmed\n      : trimmed.split(\":\")[0];\n  const scheme = isLocalAddress(hostname) ? \"http\" : \"https\";\n  return `${scheme}://${trimmed}`;\n}\n\n/**\n * Returns true when `host` represents a reachable backend URL.\n *\n * Rules (applied in order):\n *   1. Must be non-empty after trimming.\n *   2. Must contain no whitespace — spaces can never appear in a host/port.\n *   3. After normalisation (bare hosts get `https://` prepended), must parse\n *      as a valid http or https URL with a non-empty hostname.\n */\nfunction isValidHostUrl(host: string): boolean {\n  const trimmed = host.trim();\n  if (!trimmed) return false;\n  // Spaces anywhere in the input are an immediate rejection.\n  if (/\\s/.test(trimmed)) return false;\n  const normalized = normalizeHost(trimmed);\n  if (!normalized) return false;\n  try {\n    const url = new URL(normalized);\n    return (\n      (url.protocol === \"http:\" || url.protocol === \"https:\") &&\n      url.hostname.length > 0\n    );\n  } catch {\n    return false;\n  }\n}\n\nconst DEFAULT_OPENHANDS_CLOUD_HOST = \"https://app.all-hands.dev\";\n\n/**\n * Live status row for the edit form: shows a connection dot, a\n * \"Local\"/\"Cloud\" label, and the agent server's reported version when\n * available. Replaces the legacy local/cloud radio fieldset (kind is\n * now inferred from the host).\n */\nfunction BackendStatusBadge({\n  backend,\n  testIdRoot,\n}: {\n  backend: Backend;\n  testIdRoot: string;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const healthByBackendId = useBackendsHealth([backend]);\n  const health = healthByBackendId[backend.id];\n  const isConnected = health?.isConnected ?? null;\n  const disabled = health?.disabled === true;\n  const consecutiveFailures = health?.consecutiveFailures ?? 0;\n  const lastError = health?.lastError ?? null;\n\n  const { data: version } = useQuery({\n    queryKey: [\"backend-version\", backend.host, backend.apiKey],\n    queryFn: async () => {\n      const info = await new ServerClient(\n        getAgentServerClientOptions({\n          host: backend.host,\n          sessionApiKey: backend.apiKey || null,\n          timeout: 5000,\n        }),\n      ).getServerInfo();\n      return info.version ?? null;\n    },\n    retry: false,\n    staleTime: 60_000,\n    enabled: backend.kind === \"local\" && !disabled,\n  });\n\n  let statusLabel: string;\n  if (isConnected === true) {\n    statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_CONNECTED);\n  } else if (isConnected === false) {\n    statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_DISCONNECTED);\n  } else {\n    statusLabel = t(I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING);\n  }\n\n  const kindLabel =\n    backend.kind === \"cloud\"\n      ? t(I18nKey.BACKEND$KIND_CLOUD)\n      : t(I18nKey.BACKEND$KIND_LOCAL);\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div\n        data-testid={`${testIdRoot}-status`}\n        className=\"flex items-center gap-3 text-sm\"\n      >\n        <BackendStatusDot isConnected={isConnected} />\n        <span className=\"text-white\" data-testid={`${testIdRoot}-status-label`}>\n          {statusLabel}\n        </span>\n        <span className=\"text-tertiary-alt\">·</span>\n        <span className=\"text-[var(--oh-text-tertiary)]\">{kindLabel}</span>\n        {version ? (\n          <span\n            className=\"text-xs text-[var(--oh-muted)]\"\n            data-testid={`${testIdRoot}-version`}\n          >\n            {t(I18nKey.BACKEND$VERSION_LABEL, { version })}\n          </span>\n        ) : null}\n      </div>\n\n      {disabled ? (\n        <div\n          data-testid={`${testIdRoot}-status-error`}\n          className=\"flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm\"\n        >\n          <span className=\"font-semibold text-red-300\">\n            {t(I18nKey.BACKEND$HEALTH_FAILED_TITLE)}\n          </span>\n          <span className=\"text-xs text-[var(--oh-text-tertiary)]\">\n            {t(I18nKey.BACKEND$HEALTH_FAILED_DETAIL, {\n              count: consecutiveFailures,\n            })}\n          </span>\n          {lastError ? (\n            <span\n              data-testid={`${testIdRoot}-status-error-message`}\n              className=\"text-xs text-red-300 whitespace-pre-wrap break-words\"\n            >\n              {lastError}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport interface BackendFormProps {\n  mode: BackendFormMode;\n  /** Required when `mode === \"edit\"`. */\n  backend?: Backend;\n  /**\n   * Called after the form is submitted and the backend has been\n   * persisted. Use this to dismiss a containing modal, advance an\n   * onboarding step, etc.\n   */\n  onSubmitted: () => void;\n  /**\n   * Optional render slot rendered in place of the default\n   * Save / Cancel button row, so callers (e.g. the onboarding flow)\n   * can re-skin the action area while still owning submission via the\n   * standard `<form onSubmit>` flow. Receives the form's submit-ready\n   * state.\n   */\n  renderActions?: (state: {\n    canSubmit: boolean;\n    testIdRoot: string;\n  }) => React.ReactNode;\n  /** Used to disambiguate test ids across the same screen. */\n  testIdRoot?: string;\n}\n\n/**\n * Reusable form body for adding / editing a backend. Renders the\n * common name / host / API-key inputs plus the kind selector\n * (radio buttons in `add` mode, status badge in `edit` mode).\n *\n * Rendered as a `<form>`, so consumers should put any extra controls\n * either inside `renderActions` or as siblings inside a wrapping\n * element — but submission flows through the standard form submit so\n * Enter-to-submit still works.\n */\nexport function BackendForm({\n  mode,\n  backend,\n  onSubmitted,\n  renderActions,\n  testIdRoot: explicitTestIdRoot,\n}: BackendFormProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { addBackend, updateBackend } = useActiveBackendContext();\n\n  const [name, setName] = React.useState(backend?.name ?? \"\");\n  const [host, setHost] = React.useState(backend?.host ?? \"\");\n  const [apiKey, setApiKey] = React.useState(backend?.apiKey ?? \"\");\n\n  // Inline validation: only show errors after the user has left a field.\n  const [nameTouched, setNameTouched] = React.useState(false);\n  const [hostTouched, setHostTouched] = React.useState(false);\n\n  // Kind is inferred from the host on every change.\n  const kind: BackendKind = inferKindFromHost(host);\n\n  const testIdRoot =\n    explicitTestIdRoot ?? (mode === \"edit\" ? \"edit-backend\" : \"add-backend\");\n\n  const canSubmit =\n    name.trim().length > 0 &&\n    isValidHostUrl(host) &&\n    (kind === \"local\" || apiKey.trim().length > 0);\n\n  // Error messages — only surfaced after the user has blurred the field.\n  const nameError =\n    nameTouched && !name.trim() ? t(I18nKey.BACKEND$NAME_REQUIRED) : undefined;\n  const hostError = hostTouched\n    ? !host.trim()\n      ? t(I18nKey.BACKEND$HOST_REQUIRED)\n      : !isValidHostUrl(host)\n        ? t(I18nKey.BACKEND$HOST_INVALID)\n        : undefined\n    : undefined;\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    if (!canSubmit) {\n      // Mark all validated fields as touched so inline errors become visible\n      // (e.g. user pressed Enter before filling required fields).\n      setNameTouched(true);\n      setHostTouched(true);\n      return;\n    }\n\n    const payload = {\n      name: name.trim(),\n      host: normalizeHost(host),\n      apiKey: apiKey.trim(),\n      kind,\n    };\n\n    if (mode === \"edit\" && backend) {\n      updateBackend(backend.id, payload);\n    } else {\n      addBackend(payload);\n    }\n\n    onSubmitted();\n  };\n\n  return (\n    <form\n      data-testid={`${testIdRoot}-form`}\n      onSubmit={handleSubmit}\n      className=\"flex flex-col gap-4\"\n    >\n      <SettingsInput\n        testId={`${testIdRoot}-name`}\n        name={`${testIdRoot}-name`}\n        type=\"text\"\n        label={t(I18nKey.BACKEND$NAME_LABEL)}\n        value={name}\n        onChange={setName}\n        onBlur={() => setNameTouched(true)}\n        placeholder=\"Production\"\n        className=\"w-full\"\n        showRequiredTag\n        error={nameError}\n      />\n\n      <SettingsInput\n        testId={`${testIdRoot}-host`}\n        name={`${testIdRoot}-host`}\n        type=\"text\"\n        label={t(I18nKey.BACKEND$HOST_LABEL)}\n        value={host}\n        onChange={setHost}\n        onBlur={() => setHostTouched(true)}\n        placeholder={DEFAULT_OPENHANDS_CLOUD_HOST}\n        className=\"w-full\"\n        showRequiredTag\n        error={hostError}\n      />\n\n      <SettingsInput\n        testId={`${testIdRoot}-api-key`}\n        name={`${testIdRoot}-api-key`}\n        type=\"password\"\n        label={t(I18nKey.BACKEND$KEY_LABEL)}\n        value={apiKey}\n        onChange={setApiKey}\n        placeholder=\"\"\n        className=\"w-full\"\n      />\n\n      {mode === \"edit\" && backend && (\n        <BackendStatusBadge backend={backend} testIdRoot={testIdRoot} />\n      )}\n\n      {renderActions ? (\n        renderActions({ canSubmit, testIdRoot })\n      ) : (\n        <div className=\"flex justify-end gap-2 mt-2 w-full\">\n          <BrandButton\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onSubmitted}\n            testId={`${testIdRoot}-cancel`}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={!canSubmit}\n            testId={`${testIdRoot}-submit`}\n          >\n            {t(I18nKey.BACKEND$SAVE)}\n          </BrandButton>\n        </div>\n      )}\n    </form>\n  );\n}\n\n// ── Add-mode two-column layout ──────────────────────────────────────\n\n/**\n * @spec BM-002 — Adding a backend auto-switches the active selection to it\n * (BM-001), so a backend-scoped detail page the user is viewing now belongs\n * to the previous backend. Redirect to that section's list so they never see\n * stale data, mirroring the switch-backend redirect in BackendSelector.\n */\nfunction useRedirectAfterAddBackend() {\n  const { currentPath, navigate } = useNavigation();\n  return React.useCallback(() => {\n    if (/^\\/automations\\/[^/]+/.test(currentPath)) navigate(\"/automations\");\n    else if (/^\\/conversations\\/[^/]+/.test(currentPath))\n      navigate(\"/conversations\");\n  }, [currentPath, navigate]);\n}\n\n/**\n * Left column of the \"Add a Backend\" modal: manual connection via\n * Host + API Key. Designed for self-hosted agent servers and\n * self-hosted OpenHands Cloud with API key auth.\n */\nfunction ManualConnectionColumn({ onClose }: { onClose: () => void }) {\n  const { t } = useTranslation(\"openhands\");\n  const { addBackend } = useActiveBackendContext();\n  const redirectAfterAdd = useRedirectAfterAddBackend();\n\n  const [name, setName] = React.useState(\"\");\n  const [host, setHost] = React.useState(\"\");\n  const [apiKey, setApiKey] = React.useState(\"\");\n\n  const kind: BackendKind = inferKindFromHost(host);\n  const canSubmit =\n    name.trim().length > 0 &&\n    isValidHostUrl(host) &&\n    (kind === \"local\" || apiKey.trim().length > 0);\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    if (!canSubmit) return;\n    addBackend({\n      name: name.trim(),\n      host: normalizeHost(host),\n      apiKey: apiKey.trim(),\n      kind,\n    });\n    redirectAfterAdd();\n    onClose();\n  };\n\n  return (\n    <form\n      data-testid=\"add-backend-form\"\n      onSubmit={handleSubmit}\n      className=\"flex flex-col gap-4 flex-1 min-w-0\"\n    >\n      <div className=\"flex flex-col gap-1\">\n        <SettingsInput\n          testId=\"add-backend-name\"\n          name=\"add-backend-name\"\n          type=\"text\"\n          label={t(I18nKey.BACKEND$NAME_LABEL)}\n          value={name}\n          onChange={setName}\n          placeholder=\"e.g. My Server\"\n          className=\"w-full\"\n        />\n        <p className=\"text-xs text-[var(--oh-muted)]\">\n          {t(I18nKey.BACKEND$NAME_HELPER)}\n        </p>\n      </div>\n\n      <div className=\"flex flex-col gap-1\">\n        <SettingsInput\n          testId=\"add-backend-host\"\n          name=\"add-backend-host\"\n          type=\"text\"\n          label={t(I18nKey.BACKEND$HOST_LABEL)}\n          value={host}\n          onChange={setHost}\n          placeholder=\"http://localhost:8000\"\n          className=\"w-full\"\n        />\n        <p\n          className=\"text-xs text-[var(--oh-muted)]\"\n          data-testid=\"add-backend-host-helper\"\n        >\n          {t(I18nKey.BACKEND$HOST_HELPER)}\n        </p>\n      </div>\n\n      <SettingsInput\n        testId=\"add-backend-api-key\"\n        name=\"add-backend-api-key\"\n        type=\"password\"\n        label={t(I18nKey.BACKEND$KEY_LABEL)}\n        value={apiKey}\n        onChange={setApiKey}\n        placeholder=\"sk-••••••••••\"\n        className=\"w-full\"\n      />\n\n      <BrandButton\n        type=\"submit\"\n        variant=\"secondary\"\n        isDisabled={!canSubmit}\n        testId=\"add-backend-submit\"\n        className=\"w-full text-center\"\n      >\n        {t(I18nKey.BACKEND$CONNECT)}\n      </BrandButton>\n    </form>\n  );\n}\n\n/**\n * Right column of the \"Add a Backend\" modal: one-click OAuth login\n * with OpenHands Cloud. Includes an \"Advanced\" disclosure for\n * users who self-host OpenHands Cloud and need to override the host.\n */\nfunction CloudLoginColumn({ onClose }: { onClose: () => void }) {\n  const { t } = useTranslation(\"openhands\");\n  const { addBackend } = useActiveBackendContext();\n  const redirectAfterAdd = useRedirectAfterAddBackend();\n\n  const [advancedOpen, setAdvancedOpen] = React.useState(false);\n  const [customHost, setCustomHost] = React.useState(\"\");\n\n  const effectiveHost = customHost.trim() || DEFAULT_OPENHANDS_CLOUD_HOST;\n\n  const handleLoginSuccess = (apiKey: string) => {\n    addBackend({\n      name: \"OpenHands Cloud\",\n      host: normalizeHost(effectiveHost),\n      apiKey,\n      kind: \"cloud\",\n    });\n    redirectAfterAdd();\n    onClose();\n  };\n\n  return (\n    <div className=\"flex flex-1 min-w-0 flex-col items-center gap-3\">\n      <div className=\"flex flex-col items-center gap-1\">\n        <OpenHandsLogoWhite width={56} height={56} aria-hidden />\n\n        <h4\n          className=\"text-lg font-medium text-white\"\n          data-testid=\"add-backend-cloud-title\"\n        >\n          {t(I18nKey.BACKEND$CLOUD_TITLE)}\n        </h4>\n      </div>\n\n      <p className=\"text-center text-sm leading-relaxed text-[var(--oh-muted)]\">\n        {t(I18nKey.BACKEND$CLOUD_DESCRIPTION)}\n      </p>\n\n      <DeviceFlowAuth\n        host={effectiveHost}\n        onSuccess={handleLoginSuccess}\n        testIdRoot=\"add-backend\"\n      />\n\n      <div className=\"w-full\">\n        <button\n          type=\"button\"\n          onClick={() => setAdvancedOpen((open) => !open)}\n          aria-expanded={advancedOpen}\n          data-testid=\"add-backend-advanced-toggle\"\n          className=\"flex w-full cursor-pointer items-center justify-center gap-1 text-center text-xs text-[var(--oh-muted)] transition-colors hover:text-content-2\"\n        >\n          <span>{t(I18nKey.BACKEND$ADVANCED)}</span>\n          <ChevronDownSmallIcon\n            className={cn(\n              \"h-4 w-4 shrink-0 text-muted transition-transform\",\n              advancedOpen && \"rotate-180\",\n            )}\n            aria-hidden\n          />\n        </button>\n        <div\n          className={cn(\n            \"pt-2\",\n            !advancedOpen && \"pointer-events-none invisible\",\n          )}\n          aria-hidden={!advancedOpen}\n        >\n          <SettingsInput\n            testId=\"add-backend-cloud-host\"\n            name=\"add-backend-cloud-host\"\n            type=\"text\"\n            label={t(I18nKey.BACKEND$HOST_LABEL)}\n            value={customHost}\n            onChange={setCustomHost}\n            placeholder={DEFAULT_OPENHANDS_CLOUD_HOST}\n            className=\"w-full\"\n          />\n          <p className=\"mt-1 text-xs text-[var(--oh-muted)]\">\n            {t(I18nKey.BACKEND$LOGIN_CLOUD_HINT)}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// ── Modal wrappers ──────────────────────────────────────────────────\n\n/**\n * Modal wrapper. In **add** mode it renders a two-column layout\n * (manual connection | OR | Cloud login). In **edit** mode it wraps\n * the standard `BackendForm`.\n */\nexport function BackendFormModal({\n  mode,\n  backend,\n  onClose,\n}: BackendFormModalProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  if (mode === \"add\") {\n    return (\n      <ModalBackdrop\n        onClose={onClose}\n        closeOnEscape={false}\n        aria-label={t(I18nKey.BACKEND$ADD_TITLE)}\n      >\n        <div\n          data-testid=\"add-backend-modal\"\n          className={cn(\n            \"relative rounded-xl border border-[var(--oh-border)] bg-base-secondary\",\n            modalWidthClassName(\"xl\"),\n            MODAL_MAX_WIDTH_VIEWPORT,\n          )}\n        >\n          <ModalCloseButton onClose={onClose} testId=\"add-backend-close\" />\n          {/* Header */}\n          <div className=\"px-6 pt-6 pb-2 pr-12\">\n            <h2 className=\"text-lg font-semibold\">\n              {t(I18nKey.BACKEND$ADD_TITLE)}\n            </h2>\n          </div>\n\n          {/* Two-column body */}\n          <div className=\"flex gap-6 px-6 pb-6 pt-2\">\n            {/* Left: manual connection */}\n            <div className=\"flex-1 min-w-0\">\n              <ManualConnectionColumn onClose={onClose} />\n            </div>\n\n            {/* Vertical OR divider */}\n            <div className=\"flex shrink-0 flex-col items-center\">\n              <div className=\"flex-1 w-px bg-[var(--oh-border)]\" />\n              <span className=\"py-3 text-xs uppercase text-[var(--oh-muted)]\">\n                {t(I18nKey.BACKEND$LOGIN_OR)}\n              </span>\n              <div className=\"flex-1 w-px bg-[var(--oh-border)]\" />\n            </div>\n\n            {/* Right: cloud login */}\n            <div className=\"flex-1 min-w-0\">\n              <CloudLoginColumn onClose={onClose} />\n            </div>\n          </div>\n        </div>\n      </ModalBackdrop>\n    );\n  }\n\n  // Edit mode — single-column form (unchanged)\n  const testIdRoot = \"edit-backend\";\n  return (\n    <ModalBackdrop\n      onClose={onClose}\n      closeOnEscape={false}\n      aria-label={t(I18nKey.BACKEND$EDIT_TITLE)}\n    >\n      <div\n        data-testid={`${testIdRoot}-modal`}\n        className={cn(\n          \"relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]\",\n          modalWidthClassName(\"md\"),\n        )}\n      >\n        <ModalCloseButton onClose={onClose} testId={`${testIdRoot}-close`} />\n        <h2 className=\"pr-6 text-lg font-semibold\">\n          {t(I18nKey.BACKEND$EDIT_TITLE)}\n        </h2>\n        <BackendForm\n          mode=\"edit\"\n          backend={backend}\n          onSubmitted={onClose}\n          testIdRoot={testIdRoot}\n        />\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}