@openhands/agent-canvas 1.16.0 → 1.18.0

package/dist/components/features/automations/recommended-automations-section.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("../../../utils/utils.cjs"),r=require("../../../utils/automation-catalog.cjs"),i=require("../../../node_modules/@openhands/extensions/automations/index.cjs"),a=require("../../../manifests/automation-interface.cjs"),o=require("../../../utils/extension-module-card-classes.cjs"),s=require("../skills/skill-card-pill-row.cjs"),c=require("../../../node_modules/@openhands/extensions/integrations/index.cjs"),l=require("../mcp-logo-badge.cjs"),u=require("../../../utils/mcp-marketplace-utils.cjs"),d=require("./status-badge.cjs"),f=require("../../../utils/recommended-automation-rail.cjs"),p=require("../mcp-page/mcp-logo-stack-badge.cjs"),m=require("../../shared/buttons/circle-plus-check-toggle.cjs");let h=require("react"),g=require("react/jsx-runtime");var _=f.getAutomationsByPopularity(i.default);function v(e){return a.getFeaturedAutomationIds().includes(e.id)}function y(e){return r.getIntegrationIds(e).map(e=>{let t=u.getMarketplaceEntryById(e,c.default);return{id:e,entry:t,mcpInstallable:!!t&&u.isMcpInstallableEntry(t)}})}function b(e,t,n){let i=n.trim().toLowerCase();return i?[e.name,e.category,e.description,r.getAutomationLaunchPrompt(e),...t.flatMap(({entry:e,id:t})=>e?[e.name,t,...e.keywords??[]]:[t])].join(` `).toLowerCase().includes(i):!0}function x(e,r,i,a){let s=e.map(({id:e,entry:i,mcpInstallable:s})=>{let c=!!i&&u.findInstalledEntryMatch(i,r),d=i?.name??e;return{id:`integration-${e}`,node:(0,g.jsxs)(`span`,{className:n.cn(o.extensionModuleCardPillClassName,`gap-1`),children:[(0,g.jsx)(l.McpLogoBadge,{entry:i,size:`xs`}),d,c?(0,g.jsx)(`span`,{className:`text-white`,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$CONNECTED)}):i?s?null:(0,g.jsx)(`span`,{className:`text-tertiary-alt`,"data-testid":`automation-integration-external-${e}`,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$EXTERNAL_SETUP)}):(0,g.jsx)(`span`,{className:`text-tertiary-alt`,"data-testid":`recommended-automation-integration-${e}`,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$UNKNOWN_SETUP)})]})}});return i>0&&s.push({id:`missing-connect`,node:(0,g.jsx)(`span`,{className:o.extensionModuleCardPillClassName,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$MISSING_CONNECT,{count:i})})}),s}function S({automation:e,integrations:t,size:n,testId:i}){let a=r.getAutomationIcon(e);return a?(0,g.jsx)(l.McpLogoBadge,{entry:null,size:n,testId:i,fallback:(0,h.createElement)(a,{className:`h-5 w-5`,strokeWidth:2.25})}):(0,g.jsx)(p.McpLogoStackBadge,{entries:t.flatMap(({entry:e})=>e?[e]:[]),testId:i})}function C({automations:e,installedServers:t,onSelect:r,translate:i}){return(0,g.jsx)(`div`,{className:n.cn(`mt-3`,o.extensionModuleCardGridClassName),children:e.map(e=>{let a=y(e),c=a.filter(({entry:e,mcpInstallable:n})=>!!e&&n&&!u.findInstalledEntryMatch(e,t)).length;return(0,g.jsx)(`button`,{type:`button`,"data-testid":`recommended-automation-card-${e.id}`,onClick:()=>r(e),className:n.cn(`flex min-w-0 overflow-hidden p-4 text-left`,o.extensionModuleCardSurfaceClassName,o.extensionModuleCardInteractiveClassName),children:(0,g.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-3`,children:[(0,g.jsx)(S,{automation:e,integrations:a,size:`md`,testId:`recommended-automation-icon-${e.id}`}),(0,g.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3`,children:[(0,g.jsxs)(`header`,{className:`flex items-start justify-between gap-3`,children:[(0,g.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,g.jsx)(`h3`,{className:`truncate text-sm font-semibold text-white`,children:e.name}),(0,g.jsx)(`p`,{className:`mt-0.5 truncate text-xs text-tertiary-alt`,children:e.category})]}),(0,g.jsx)(m.CirclePlusBadge,{testId:`recommended-automation-plus-${e.id}`})]}),(0,g.jsx)(`p`,{className:`line-clamp-2 text-xs leading-relaxed text-tertiary-light`,children:e.description}),(0,g.jsx)(s.SkillCardPillRow,{pills:x(a,t,c,i),testId:`recommended-automation-pills-${e.id}`})]})]})},e.id)})})}function w({backendKind:r,installedServers:i,query:a=``,onSelect:s,scrollableGrid:c=!1}){let{t:l}=e.useTranslation(`openhands`),u=_.filter(e=>b(e,y(e),a));if(u.length===0)return null;let f=u.filter(v),p=u.filter(e=>!v(e));return(0,g.jsx)(`section`,{"data-testid":`recommended-automations-section`,className:n.cn(c&&`flex min-h-0 flex-1 flex-col`),children:(0,g.jsxs)(`div`,{"data-testid":c?`recommended-automations-scroll-area`:void 0,className:n.cn(`mt-3`,o.extensionModuleCardGridContainerClassName,c&&`min-h-0 flex-1 overflow-y-auto custom-scrollbar-always`),children:[f.length>0&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(`div`,{className:`flex items-center`,children:[(0,g.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:l(t.I18nKey.RECOMMENDED_AUTOMATIONS$SECTION_TITLE)}),(0,g.jsx)(d.StatusBadge,{count:f.length})]}),(0,g.jsx)(`p`,{className:`mt-1 text-sm text-muted`,children:l(t.I18nKey.RECOMMENDED_AUTOMATIONS$SECTION_DESCRIPTION)}),(0,g.jsx)(C,{automations:f,installedServers:i,onSelect:s,translate:l})]}),p.length>0&&(0,g.jsxs)(`section`,{"data-testid":`recommended-automations-beta-section`,className:n.cn(f.length>0&&`mt-8`),children:[(0,g.jsxs)(`div`,{"data-testid":`recommended-automations-beta-heading`,className:`flex items-center`,children:[(0,g.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:l(t.I18nKey.RECOMMENDED_AUTOMATIONS$BETA_LABEL)}),(0,g.jsx)(d.StatusBadge,{count:p.length})]}),(0,g.jsx)(C,{automations:p,installedServers:i,onSelect:s,translate:l})]})]})})}exports.RecommendedAutomationsSection=w;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../../node_modules/@openhands/extensions/automations/index.cjs"),i=require("../../../utils/automation-catalog.cjs"),a=require("../../../manifests/automation-interface.cjs"),o=require("../../../utils/extension-module-card-classes.cjs"),s=require("../skills/skill-card-pill-row.cjs"),c=require("../../../node_modules/@openhands/extensions/integrations/index.cjs"),l=require("../mcp-logo-badge.cjs"),u=require("../../../utils/mcp-marketplace-utils.cjs"),d=require("./status-badge.cjs"),f=require("../../../utils/recommended-automation-rail.cjs"),p=require("../mcp-page/mcp-logo-stack-badge.cjs"),m=require("../../shared/buttons/circle-plus-check-toggle.cjs");let h=require("react"),g=require("react/jsx-runtime");var _=f.getAutomationsByPopularity(r.default);function v(e){return a.getFeaturedAutomationIds().includes(e.id)}function y(e){return i.getIntegrationIds(e).map(e=>{let t=u.getMarketplaceEntryById(e,c.default);return{id:e,entry:t,mcpInstallable:!!t&&u.isMcpInstallableEntry(t)}})}function b(e,t,n){let r=n.trim().toLowerCase();return r?[e.name,e.category,e.description,i.getAutomationLaunchPrompt(e),...t.flatMap(({entry:e,id:t})=>e?[e.name,t,...e.keywords??[]]:[t])].join(` `).toLowerCase().includes(r):!0}function x(e,r,i,a){let s=e.map(({id:e,entry:i,mcpInstallable:s})=>{let c=!!i&&u.findInstalledEntryMatch(i,r),d=i?.name??e;return{id:`integration-${e}`,node:(0,g.jsxs)(`span`,{className:n.cn(o.extensionModuleCardPillClassName,`gap-1`),children:[(0,g.jsx)(l.McpLogoBadge,{entry:i,size:`xs`}),d,c?(0,g.jsx)(`span`,{className:`text-white`,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$CONNECTED)}):i?s?null:(0,g.jsx)(`span`,{className:`text-tertiary-alt`,"data-testid":`automation-integration-external-${e}`,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$EXTERNAL_SETUP)}):(0,g.jsx)(`span`,{className:`text-tertiary-alt`,"data-testid":`recommended-automation-integration-${e}`,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$UNKNOWN_SETUP)})]})}});return i>0&&s.push({id:`missing-connect`,node:(0,g.jsx)(`span`,{className:o.extensionModuleCardPillClassName,children:a(t.I18nKey.RECOMMENDED_AUTOMATIONS$MISSING_CONNECT,{count:i})})}),s}function S({automation:e,integrations:t,size:n,testId:r}){let a=i.getAutomationIcon(e);return a?(0,g.jsx)(l.McpLogoBadge,{entry:null,size:n,testId:r,fallback:(0,h.createElement)(a,{className:`h-5 w-5`,strokeWidth:2.25})}):(0,g.jsx)(p.McpLogoStackBadge,{entries:t.flatMap(({entry:e})=>e?[e]:[]),testId:r})}function C({automations:e,installedServers:t,onSelect:r,translate:i}){return(0,g.jsx)(`div`,{className:n.cn(`mt-3`,o.extensionModuleCardGridClassName),children:e.map(e=>{let a=y(e),c=a.filter(({entry:e,mcpInstallable:n})=>!!e&&n&&!u.findInstalledEntryMatch(e,t)).length;return(0,g.jsx)(`button`,{type:`button`,"data-testid":`recommended-automation-card-${e.id}`,onClick:()=>r(e),className:n.cn(`flex min-w-0 overflow-hidden p-4 text-left`,o.extensionModuleCardSurfaceClassName,o.extensionModuleCardInteractiveClassName),children:(0,g.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-3`,children:[(0,g.jsx)(S,{automation:e,integrations:a,size:`md`,testId:`recommended-automation-icon-${e.id}`}),(0,g.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3`,children:[(0,g.jsxs)(`header`,{className:`flex items-start justify-between gap-3`,children:[(0,g.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,g.jsx)(`h3`,{className:`truncate text-sm font-semibold text-white`,children:e.name}),(0,g.jsx)(`p`,{className:`mt-0.5 truncate text-xs text-tertiary-alt`,children:e.category})]}),(0,g.jsx)(m.CirclePlusBadge,{testId:`recommended-automation-plus-${e.id}`})]}),(0,g.jsx)(`p`,{className:`line-clamp-2 text-xs leading-relaxed text-tertiary-light`,children:e.description}),(0,g.jsx)(s.SkillCardPillRow,{pills:x(a,t,c,i),testId:`recommended-automation-pills-${e.id}`})]})]})},e.id)})})}function w({backendKind:r,installedServers:i,query:a=``,onSelect:s,scrollableGrid:c=!1}){let{t:l}=e.useTranslation(`openhands`),u=_.filter(e=>b(e,y(e),a));if(u.length===0)return null;let f=u.filter(v),p=u.filter(e=>!v(e));return(0,g.jsx)(`section`,{"data-testid":`recommended-automations-section`,className:n.cn(c&&`flex min-h-0 flex-1 flex-col`),children:(0,g.jsxs)(`div`,{"data-testid":c?`recommended-automations-scroll-area`:void 0,className:n.cn(`mt-3`,o.extensionModuleCardGridContainerClassName,c&&`min-h-0 flex-1 overflow-y-auto custom-scrollbar-always`),children:[f.length>0&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(`div`,{className:`flex items-center`,children:[(0,g.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:l(t.I18nKey.RECOMMENDED_AUTOMATIONS$SECTION_TITLE)}),(0,g.jsx)(d.StatusBadge,{count:f.length})]}),(0,g.jsx)(`p`,{className:`mt-1 text-sm text-muted`,children:l(t.I18nKey.RECOMMENDED_AUTOMATIONS$SECTION_DESCRIPTION)}),(0,g.jsx)(C,{automations:f,installedServers:i,onSelect:s,translate:l})]}),p.length>0&&(0,g.jsxs)(`section`,{"data-testid":`recommended-automations-beta-section`,className:n.cn(f.length>0&&`mt-8`),children:[(0,g.jsxs)(`div`,{"data-testid":`recommended-automations-beta-heading`,className:`flex items-center`,children:[(0,g.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:l(t.I18nKey.RECOMMENDED_AUTOMATIONS$BETA_LABEL)}),(0,g.jsx)(d.StatusBadge,{count:p.length})]}),(0,g.jsx)(C,{automations:p,installedServers:i,onSelect:s,translate:l})]})]})})}exports.RecommendedAutomationsSection=w;
 //# sourceMappingURL=recommended-automations-section.cjs.map

package/dist/components/features/automations/recommended-automations-section.js

@@ -1,8 +1,8 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
-import { getAutomationIcon as r, getAutomationLaunchPrompt as i, getIntegrationIds as a } from "../../../utils/automation-catalog.js";
-import o from "../../../node_modules/@openhands/extensions/automations/index.js";
+import r from "../../../node_modules/@openhands/extensions/automations/index.js";
+import { getAutomationIcon as i, getAutomationLaunchPrompt as a, getIntegrationIds as o } from "../../../utils/automation-catalog.js";
 import { getFeaturedAutomationIds as s } from "../../../manifests/automation-interface.js";
 import { extensionModuleCardGridClassName as c, extensionModuleCardGridContainerClassName as l, extensionModuleCardInteractiveClassName as u, extensionModuleCardPillClassName as d, extensionModuleCardSurfaceClassName as f } from "../../../utils/extension-module-card-classes.js";
 import { SkillCardPillRow as p } from "../skills/skill-card-pill-row.js";
@@ -16,12 +16,12 @@ import { CirclePlusBadge as S } from "../../shared/buttons/circle-plus-check-tog
 import { createElement as C } from "react";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/components/features/automations/recommended-automations-section.tsx
-var D = b(o);
+var D = b(r);
 function O(e) {
 	return s().includes(e.id);
 }
 function k(e) {
-	return a(e).map((e) => {
+	return o(e).map((e) => {
 		let t = _(e, m);
 		return {
 			id: e,
@@ -36,7 +36,7 @@ function A(e, t, n) {
 		e.name,
 		e.category,
 		e.description,
-		i(e),
+		a(e),
 		...t.flatMap(({ entry: e, id: t }) => e ? [
 			e.name,
 			t,
@@ -81,19 +81,19 @@ function j(e, r, i, a) {
 		})
 	}), o;
 }
-function M({ automation: e, integrations: t, size: n, testId: i }) {
-	let a = r(e);
+function M({ automation: e, integrations: t, size: n, testId: r }) {
+	let a = i(e);
 	return a ? /* @__PURE__ */ T(h, {
 		entry: null,
 		size: n,
-		testId: i,
+		testId: r,
 		fallback: C(a, {
 			className: "h-5 w-5",
 			strokeWidth: 2.25
 		})
 	}) : /* @__PURE__ */ T(x, {
 		entries: t.flatMap(({ entry: e }) => e ? [e] : []),
-		testId: i
+		testId: r
 	});
 }
 function N({ automations: e, installedServers: t, onSelect: r, translate: i }) {

package/dist/components/features/backends/backend-selector.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/lucide-react/dist/esm/icons/plus.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/settings.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../stores/conversation-store.cjs"),s=require("../../../api/agent-server-config.cjs"),ee=require("../../../api/backend-registry/active-store.cjs"),c=require("../../../contexts/active-backend-context.cjs"),l=require("../../../utils/form-control-classes.cjs"),te=require("../../shared/buttons/styled-tooltip.cjs"),u=require("../../../utils/dropdown-classes.cjs"),d=require("../../shared/navigation-link.cjs"),f=require("../../../hooks/query/use-cloud-organizations.cjs"),p=require("../../../hooks/query/use-cloud-current-user-id.cjs"),m=require("../../../ui/dropdown/dropdown.cjs"),h=require("../../../hooks/query/use-backends-health.cjs"),g=require("./environment-switch-store.cjs"),_=require("./backend-status-dot.cjs"),ne=require("./add-backend-modal.cjs"),re=require("./manage-backends-modal.cjs");let v=require("react");v=e.__toESM(v,1);let y=require("react/jsx-runtime"),b=require("react-router");var x=`::`;function S(e,t){return t?`${e}${x}${t}`:e}function ie(e){let[t,n]=e.split(x);return{backendId:t,orgId:n??null}}function C(e){return(0,y.jsx)(_.BackendStatusDot,{isConnected:e?.isConnected??null})}function ae(){return(0,y.jsx)(_.BackendStatusDot,{isConnected:`unavailable`})}function w(e,t,n,r,i){let a=[],o=e.filter(e=>e.kind===`local`),s=e.filter(e=>e.kind===`cloud`);for(let e of o)a.push({value:S(e.id,null),label:e.name,prefix:C(i[e.id])});for(let e of s){let o=n[e.id],s=C(i[e.id]);if(!o||o.orgs.length===0)a.push({value:S(e.id,null),label:e.name,prefix:s});else{let n=r[e.id]?.userId??null;for(let r of o.orgs){let i=n&&n===r.id?t:r.name;a.push({value:S(e.id,r.id),label:`${e.name} – ${i}`,prefix:s})}}}return a}function T({openUpward:e=!1,hideTrigger:_=!1,defaultOpen:x=!1,onSelectOption:T,onOpenAddBackend:E,onOpenManageBackends:D,sidebarCollapsed:oe=!1}={}){let{t:O}=t.useTranslation(`openhands`),{backends:k,active:A,setActive:j}=c.useActiveBackendContext(),M=f.useAllCloudOrganizations(),N=p.useCloudCurrentUserId(),P=h.useBackendsHealth(k),F=(0,b.useNavigate)(),se=(0,b.useMatch)(`/settings`),ce=(0,b.useMatch)(`/settings/*`),I=(0,b.useMatch)(`/conversations/:conversationId`),L=(0,b.useMatch)(`/automations/:automationId`),[R,z]=v.default.useState(!1),[B,V]=v.default.useState(!1),H=O(n.I18nKey.BACKEND$PERSONAL_WORKSPACE),U=v.default.useMemo(()=>w(k,H,M,N,P),[k,H,M,N,P]),W=ee.isNoBackend(A.backend),G=O(n.I18nKey.BACKEND$NO_BACKEND_AVAILABLE),K=S(A.backend.id,A.orgId),q=W?void 0:U.find(e=>e.value===K),J=!!(se||ce),Y=O(n.I18nKey.SIDEBAR$SETTINGS),le=o.useConversationStore(e=>e.isRightPanelShown),ue=!oe||I&&le?`top`:`left`,de=Object.values(M).some(e=>e.isLoading);v.default.useEffect(()=>{if(W||A.backend.kind!==`cloud`||A.orgId)return;let{backend:e}=A,t=M[e.id];if(!t||t.orgs.length===0)return;let n=t.currentOrgId?t.orgs.find(e=>e.id===t.currentOrgId):void 0,r=N[e.id]?.userId??null,i=r?t.orgs.find(e=>e.id===r):void 0,a=n??i??t.orgs[0];a&&j(e.id,a.id)},[A,M,N,j,W]);let X=v.default.useCallback(()=>{if(E){E(),T?.();return}z(!0)},[E,T]),Z=v.default.useCallback(()=>{if(D){D(),T?.();return}V(!0)},[D,T]),Q=s.getLockedCloudHost()!==null,$=v.default.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),fe=v.default.useCallback(e=>{$(e),X()},[X,$]),pe=v.default.useCallback(e=>{$(e),X()},[X,$]),me=v.default.useCallback(e=>{$(e),Z()},[Z,$]),he=v.default.useCallback(e=>{$(e),Z()},[Z,$]),ge=(0,y.jsxs)(`div`,{className:u.dropdownMenuListClassName,children:[Q?null:(0,y.jsxs)(`button`,{type:`button`,"data-testid":`add-backend-menu-item`,onMouseDown:$,onTouchStart:$,onTouchEnd:pe,onClick:fe,className:a.cn(u.dropdownFooterActionClassName,`cursor-pointer rounded-md`),children:[(0,y.jsx)(`span`,{className:u.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,y.jsx)(r.Plus,{width:16,height:16})}),O(n.I18nKey.BACKEND$ADD)]}),(0,y.jsxs)(`button`,{type:`button`,"data-testid":`manage-backends-menu-item`,onMouseDown:$,onTouchStart:$,onTouchEnd:he,onClick:me,className:a.cn(u.dropdownFooterActionClassName,`cursor-pointer rounded-md`),children:[(0,y.jsx)(`span`,{className:u.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,y.jsx)(i.Settings,{width:16,height:16})}),O(Q?n.I18nKey.BACKEND$RECONNECT_CLOUD:n.I18nKey.BACKEND$MANAGE)]})]}),_e=v.default.useCallback(async e=>{if(e===K)return;let{backendId:t,orgId:n}=ie(e),r=k.find(e=>e.id===t);r&&(g.triggerEnvironmentSwitch(U.find(t=>t.value===e)?.label??r.name),await new Promise(e=>{setTimeout(e,400)}),I?F(`/conversations`):L&&F(`/automations`),j(r.id,n),T?.())},[K,k,I,L,F,U,j,O,T]);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(`div`,{className:`flex items-center gap-2 w-full`,children:[(0,y.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,y.jsx)(m.Dropdown,{testId:`backend-selector`,defaultValue:q??{value:K,label:W?G:A.backend.name,prefix:W?ae():C(P[A.backend.id])},footer:ge,openUpward:e,hideTrigger:_,defaultOpen:x,openOnHover:!_,onChange:e=>{e&&_e(e.value)},placeholder:W?G:A.backend.name,loading:de,options:U,className:`h-10 px-2 py-0 bg-transparent border-transparent hover:bg-[var(--oh-surface-raised)] focus-within:bg-[var(--oh-surface-raised)] focus-within:border-transparent focus-within:ring-0`},`${K}-${q?.label??``}`)}),_?null:(0,y.jsx)(te.StyledTooltip,{content:Y,placement:ue,offset:10,children:(0,y.jsx)(d.NavigationLink,{to:`/settings`,"data-testid":`backend-selector-settings-link`,"data-active":J,"aria-label":Y,className:J?a.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer`,l.formControlTransitionClassName):a.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer`,l.formControlTransitionClassName),children:(0,y.jsx)(i.Settings,{width:16,height:16})})})]}),R?(0,y.jsx)(ne.AddBackendModal,{onClose:()=>z(!1)}):null,B?(0,y.jsx)(re.ManageBackendsModal,{onClose:()=>V(!1)}):null]})}exports.BackendSelector=T;
+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/lucide-react/dist/esm/icons/plus.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/settings.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../stores/conversation-store.cjs"),s=require("../../../api/agent-server-config.cjs"),ee=require("../../../api/backend-registry/active-store.cjs"),c=require("../../../contexts/active-backend-context.cjs"),te=require("../../shared/buttons/styled-tooltip.cjs"),l=require("../../../utils/form-control-classes.cjs"),u=require("../../../utils/dropdown-classes.cjs"),ne=require("../../shared/navigation-link.cjs"),d=require("../../../hooks/query/use-cloud-organizations.cjs"),re=require("../../../hooks/query/use-cloud-current-user-id.cjs"),f=require("../../../ui/dropdown/dropdown.cjs"),p=require("../../../hooks/query/use-backends-health.cjs"),ie=require("./environment-switch-store.cjs"),m=require("./backend-status-dot.cjs"),ae=require("./add-backend-modal.cjs"),oe=require("./manage-backends-modal.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime"),_=require("react-router");var v=`::`;function y(e,t){return t?`${e}${v}${t}`:e}function se(e){let[t,n]=e.split(v);return{backendId:t,orgId:n??null}}function b(e){return(0,g.jsx)(m.BackendStatusDot,{isConnected:e?.isConnected??null})}function x(){return(0,g.jsx)(m.BackendStatusDot,{isConnected:`unavailable`})}function S(e,t,n,r,i){let a=[],o=e.filter(e=>e.kind===`local`),s=e.filter(e=>e.kind===`cloud`);for(let e of o)a.push({value:y(e.id,null),label:e.name,prefix:b(i[e.id])});for(let e of s){let o=n[e.id],s=b(i[e.id]);if(!o||o.orgs.length===0)a.push({value:y(e.id,null),label:e.name,prefix:s});else{let n=r[e.id]?.userId??null;for(let r of o.orgs){let i=n&&n===r.id?t:r.name;a.push({value:y(e.id,r.id),label:`${e.name} – ${i}`,prefix:s})}}}return a}function C({openUpward:e=!1,hideTrigger:m=!1,defaultOpen:v=!1,onSelectOption:C,onOpenAddBackend:w,onOpenManageBackends:T,sidebarCollapsed:E=!1}={}){let{t:D}=t.useTranslation(`openhands`),{backends:O,active:k,setActive:A}=c.useActiveBackendContext(),j=d.useAllCloudOrganizations(),M=re.useCloudCurrentUserId(),N=p.useBackendsHealth(O),P=(0,_.useNavigate)(),ce=(0,_.useMatch)(`/settings`),le=(0,_.useMatch)(`/settings/*`),F=(0,_.useMatch)(`/conversations/:conversationId`),I=(0,_.useMatch)(`/automations/:automationId`),[L,R]=h.default.useState(!1),[z,B]=h.default.useState(!1),V=D(n.I18nKey.BACKEND$PERSONAL_WORKSPACE),H=h.default.useMemo(()=>S(O,V,j,M,N),[O,V,j,M,N]),U=ee.isNoBackend(k.backend),W=D(n.I18nKey.BACKEND$NO_BACKEND_AVAILABLE),G=y(k.backend.id,k.orgId),K=U?void 0:H.find(e=>e.value===G),q=!!(ce||le),J=D(n.I18nKey.SIDEBAR$SETTINGS),ue=k.orgId?`?org=${encodeURIComponent(k.orgId)}`:``,de=o.useConversationStore(e=>e.isRightPanelShown),fe=!E||F&&de?`top`:`left`,pe=Object.values(j).some(e=>e.isLoading);h.default.useEffect(()=>{if(U||k.backend.kind!==`cloud`||k.orgId)return;let{backend:e}=k,t=j[e.id];if(!t||t.orgs.length===0)return;let n=t.currentOrgId?t.orgs.find(e=>e.id===t.currentOrgId):void 0,r=M[e.id]?.userId??null,i=r?t.orgs.find(e=>e.id===r):void 0,a=n??i??t.orgs[0];a&&A(e.id,a.id)},[k,j,M,A,U]);let Y=h.default.useCallback(()=>{if(w){w(),C?.();return}R(!0)},[w,C]),X=h.default.useCallback(()=>{if(T){T(),C?.();return}B(!0)},[T,C]),Z=s.getLockedCloudHost()!==null,Q=Z&&k.backend.authMode===`cookie`,$=h.default.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),me=h.default.useCallback(e=>{$(e),Y()},[Y,$]),he=h.default.useCallback(e=>{$(e),Y()},[Y,$]),ge=h.default.useCallback(e=>{$(e),X()},[X,$]),_e=h.default.useCallback(e=>{$(e),X()},[X,$]),ve=Q?void 0:(0,g.jsxs)(`div`,{className:u.dropdownMenuListClassName,children:[Z?null:(0,g.jsxs)(`button`,{type:`button`,"data-testid":`add-backend-menu-item`,onMouseDown:$,onTouchStart:$,onTouchEnd:he,onClick:me,className:a.cn(u.dropdownFooterActionClassName,`cursor-pointer rounded-md`),children:[(0,g.jsx)(`span`,{className:u.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,g.jsx)(r.Plus,{width:16,height:16})}),D(n.I18nKey.BACKEND$ADD)]}),(0,g.jsxs)(`button`,{type:`button`,"data-testid":`manage-backends-menu-item`,onMouseDown:$,onTouchStart:$,onTouchEnd:_e,onClick:ge,className:a.cn(u.dropdownFooterActionClassName,`cursor-pointer rounded-md`),children:[(0,g.jsx)(`span`,{className:u.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,g.jsx)(i.Settings,{width:16,height:16})}),D(Z?n.I18nKey.BACKEND$RECONNECT_CLOUD:n.I18nKey.BACKEND$MANAGE)]})]}),ye=h.default.useCallback(async e=>{if(e===G)return;let{backendId:t,orgId:n}=se(e),r=O.find(e=>e.id===t);r&&(ie.triggerEnvironmentSwitch(H.find(t=>t.value===e)?.label??r.name),await new Promise(e=>{setTimeout(e,400)}),F?P(`/conversations`):I&&P(`/automations`),A(r.id,n),C?.())},[G,O,F,I,P,H,A,D,C]);return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(`div`,{className:`flex items-center gap-2 w-full`,children:[(0,g.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,g.jsx)(f.Dropdown,{testId:`backend-selector`,defaultValue:K??{value:G,label:U?W:k.backend.name,prefix:U?x():b(N[k.backend.id])},footer:ve,openUpward:e,hideTrigger:m,defaultOpen:v,openOnHover:!m,onChange:e=>{e&&ye(e.value)},placeholder:U?W:k.backend.name,loading:pe,options:H,className:`h-10 px-2 py-0 bg-transparent border-transparent hover:bg-[var(--oh-surface-raised)] focus-within:bg-[var(--oh-surface-raised)] focus-within:border-transparent focus-within:ring-0`},`${G}-${K?.label??``}`)}),m?null:(0,g.jsx)(te.StyledTooltip,{content:J,placement:fe,offset:10,children:k.backend.kind===`cloud`?(0,g.jsx)(`a`,{href:`${k.backend.host.replace(/\/+$/,``)}/settings${ue}`,target:Z?void 0:`_blank`,rel:Z?void 0:`noopener noreferrer`,"data-testid":`backend-selector-settings-link`,"aria-label":J,className:a.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer`,l.formControlTransitionClassName),children:(0,g.jsx)(i.Settings,{width:16,height:16})}):(0,g.jsx)(ne.NavigationLink,{to:`/settings`,"data-testid":`backend-selector-settings-link`,"data-active":q,"aria-label":J,className:q?a.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer`,l.formControlTransitionClassName):a.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer`,l.formControlTransitionClassName),children:(0,g.jsx)(i.Settings,{width:16,height:16})})})]}),L?(0,g.jsx)(ae.AddBackendModal,{onClose:()=>R(!1)}):null,z?(0,g.jsx)(oe.ManageBackendsModal,{onClose:()=>B(!1)}):null]})}exports.BackendSelector=C;
 //# sourceMappingURL=backend-selector.cjs.map

package/dist/components/features/backends/backend-selector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"backend-selector.cjs","names":[],"sources":["../../../../src/components/features/backends/backend-selector.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useMatch, useNavigate } from \"react-router\";\nimport { Plus, Settings } from \"lucide-react\";\nimport { Dropdown } from \"#/ui/dropdown/dropdown\";\nimport { DropdownOption } from \"#/ui/dropdown/types\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { useAllCloudOrganizations } from \"#/hooks/query/use-cloud-organizations\";\nimport { useCloudCurrentUserId } from \"#/hooks/query/use-cloud-current-user-id\";\nimport {\n  useBackendsHealth,\n  type BackendHealth,\n} from \"#/hooks/query/use-backends-health\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Backend } from \"#/api/backend-registry/types\";\n// Import the trigger helpers from the lightweight store, not the overlay\n// component, so the eagerly-mounted sidebar/backend-selector graph does not\n// pull in the overlay's render code (the overlay is lazy-loaded from\n// `routes/root-layout.tsx`).\nimport {\n  ENVIRONMENT_SWITCH_SETACTIVE_DELAY_MS,\n  triggerEnvironmentSwitch,\n} from \"#/components/features/backends/environment-switch-store\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { AddBackendModal } from \"./add-backend-modal\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\nimport { ManageBackendsModal } from \"./manage-backends-modal\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlTransitionClassName } from \"#/utils/form-control-classes\";\nimport {\n  dropdownFooterActionClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\n\nconst VALUE_SEPARATOR = \"::\";\n\nfunction makeOptionValue(backendId: string, orgId: string | null): string {\n  return orgId ? `${backendId}${VALUE_SEPARATOR}${orgId}` : backendId;\n}\n\nfunction parseOptionValue(value: string): {\n  backendId: string;\n  orgId: string | null;\n} {\n  const [backendId, orgId] = value.split(VALUE_SEPARATOR);\n  return { backendId, orgId: orgId ?? null };\n}\n\nfunction buildStatusPrefix(health: BackendHealth | undefined) {\n  return <BackendStatusDot isConnected={health?.isConnected ?? null} />;\n}\n\nfunction buildNoBackendPrefix() {\n  return <BackendStatusDot isConnected=\"unavailable\" />;\n}\n\nfunction buildOptions(\n  registered: Backend[],\n  personalWorkspaceLabel: string,\n  cloudOrgs: ReturnType<typeof useAllCloudOrganizations>,\n  currentUserIds: ReturnType<typeof useCloudCurrentUserId>,\n  healthByBackendId: Record<string, BackendHealth>,\n): DropdownOption[] {\n  const options: DropdownOption[] = [];\n\n  const locals = registered.filter((b) => b.kind === \"local\");\n  const clouds = registered.filter((b) => b.kind === \"cloud\");\n\n  for (const b of locals) {\n    options.push({\n      value: makeOptionValue(b.id, null),\n      label: b.name,\n      prefix: buildStatusPrefix(healthByBackendId[b.id]),\n    });\n  }\n\n  for (const b of clouds) {\n    const entry = cloudOrgs[b.id];\n    const prefix = buildStatusPrefix(healthByBackendId[b.id]);\n    if (!entry || entry.orgs.length === 0) {\n      options.push({\n        value: makeOptionValue(b.id, null),\n        label: b.name,\n        prefix,\n      });\n    } else {\n      // Personal-workspace rule (per the cloud contract): the org whose\n      // id matches the calling user's id is the user's personal\n      // workspace. We resolve `user_id` once per backend (via /me on any\n      // one org) and apply it across all orgs of that backend.\n      const userIdForBackend = currentUserIds[b.id]?.userId ?? null;\n\n      for (const org of entry.orgs) {\n        const isPersonal = !!userIdForBackend && userIdForBackend === org.id;\n        const orgLabel = isPersonal ? personalWorkspaceLabel : org.name;\n        options.push({\n          value: makeOptionValue(b.id, org.id),\n          label: `${b.name} – ${orgLabel}`,\n          // All org rows for the same cloud backend share that backend's\n          // single connectivity verdict — there is no per-org probe.\n          prefix,\n        });\n      }\n    }\n  }\n\n  return options;\n}\n\ninterface BackendSelectorProps {\n  /** Render the menu above the trigger (e.g. when pinned to bottom of sidebar). */\n  openUpward?: boolean;\n  /** Hide the selector input trigger and only render the dropdown menu. */\n  hideTrigger?: boolean;\n  /** Whether the dropdown menu should start open on mount. */\n  defaultOpen?: boolean;\n  /** Callback fired after selecting a backend/org option. */\n  onSelectOption?: () => void;\n  /**\n   * Override the internal Add Backend modal handling. When provided,\n   * clicking \"Add Backend\" calls this instead of opening BackendSelector's\n   * own modal. Useful when the selector is mounted inside an ephemeral\n   * container (e.g. the collapsed-sidebar popover) and the modal must\n   * survive the parent unmounting.\n   */\n  onOpenAddBackend?: () => void;\n  /** Same as onOpenAddBackend but for the Manage Backends modal. */\n  onOpenManageBackends?: () => void;\n  /**\n   * Whether the surrounding sidebar rail is in its collapsed variant. Passed\n   * down from `SidebarRailBody` so the mobile drawer (which always renders\n   * the expanded rail) can override the persisted desktop value.\n   */\n  sidebarCollapsed?: boolean;\n}\n\nexport function BackendSelector({\n  openUpward = false,\n  hideTrigger = false,\n  defaultOpen = false,\n  onSelectOption,\n  onOpenAddBackend,\n  onOpenManageBackends,\n  sidebarCollapsed = false,\n}: BackendSelectorProps = {}) {\n  const { t } = useTranslation(\"openhands\");\n  const { backends, active, setActive } = useActiveBackendContext();\n  const cloudOrgs = useAllCloudOrganizations();\n  const currentUserIds = useCloudCurrentUserId();\n  // Probe each registered backend every 10s.\n  const healthByBackendId = useBackendsHealth(backends);\n  const navigate = useNavigate();\n  const settingsMatch = useMatch(\"/settings\");\n  const settingsSubrouteMatch = useMatch(\"/settings/*\");\n  const conversationMatch = useMatch(\"/conversations/:conversationId\");\n  const automationDetailMatch = useMatch(\"/automations/:automationId\");\n  const [addBackendModalOpen, setAddBackendModalOpen] = React.useState(false);\n  const [manageBackendsModalOpen, setManageBackendsModalOpen] =\n    React.useState(false);\n\n  const personalWorkspaceLabel = t(I18nKey.BACKEND$PERSONAL_WORKSPACE);\n\n  const options = React.useMemo(\n    () =>\n      buildOptions(\n        backends,\n        personalWorkspaceLabel,\n        cloudOrgs,\n        currentUserIds,\n        healthByBackendId,\n      ),\n    [\n      backends,\n      personalWorkspaceLabel,\n      cloudOrgs,\n      currentUserIds,\n      healthByBackendId,\n    ],\n  );\n\n  const noBackendSelected = isNoBackend(active.backend);\n  const noBackendLabel = t(I18nKey.BACKEND$NO_BACKEND_AVAILABLE);\n  const activeValue = makeOptionValue(active.backend.id, active.orgId);\n  const activeOption = noBackendSelected\n    ? undefined\n    : options.find((o) => o.value === activeValue);\n  const isSettingsActive = Boolean(settingsMatch || settingsSubrouteMatch);\n  const settingsLabel = t(I18nKey.SIDEBAR$SETTINGS);\n  const isRightPanelShown = useConversationStore(\n    (state) => state.isRightPanelShown,\n  );\n  // When the sidebar rail is expanded, `placement=\"left\"` hugs the main\n  // canvas and reads awkwardly; prefer above the control. When the rail is\n  // collapsed, keep left except on active conversation + open right drawer.\n  const settingsTooltipPlacement =\n    !sidebarCollapsed || (conversationMatch && isRightPanelShown)\n      ? \"top\"\n      : \"left\";\n\n  const someCloudLoading = Object.values(cloudOrgs).some((c) => c.isLoading);\n\n  // Self-heal a malformed `(cloudBackendId, null)` selection.\n  //\n  // Once a cloud backend's orgs resolve, the dropdown only renders\n  // per-org rows for it — the `(backendId, null)` row disappears, so\n  // selecting that shape would drift from what the dropdown can render\n  // (UI says \"Local\", APIs hit cloud). When we detect the drift, snap\n  // the selection onto Cloud's current org first, then fall back to the\n  // personal workspace (or, lacking a /me result, the first org). The\n  // selection is recorded locally only; the cloud request scope follows\n  // from the X-Org-Id header sent by `callCloudProxy`, so the cloud UI's\n  // org choice is never mutated as a side effect.\n  React.useEffect(() => {\n    if (noBackendSelected || active.backend.kind !== \"cloud\" || active.orgId)\n      return;\n    const { backend } = active;\n    const entry = cloudOrgs[backend.id];\n    if (!entry || entry.orgs.length === 0) return;\n\n    const currentOrg = entry.currentOrgId\n      ? entry.orgs.find((o) => o.id === entry.currentOrgId)\n      : undefined;\n    const userId = currentUserIds[backend.id]?.userId ?? null;\n    const personal = userId\n      ? entry.orgs.find((o) => o.id === userId)\n      : undefined;\n    const target = currentOrg ?? personal ?? entry.orgs[0];\n    if (target) {\n      setActive(backend.id, target.id);\n    }\n  }, [active, cloudOrgs, currentUserIds, setActive, noBackendSelected]);\n\n  const openAddBackendModal = React.useCallback(() => {\n    if (onOpenAddBackend) {\n      onOpenAddBackend();\n      onSelectOption?.();\n      return;\n    }\n    setAddBackendModalOpen(true);\n  }, [onOpenAddBackend, onSelectOption]);\n\n  const openManageBackendsModal = React.useCallback(() => {\n    if (onOpenManageBackends) {\n      onOpenManageBackends();\n      onSelectOption?.();\n      return;\n    }\n    setManageBackendsModalOpen(true);\n  }, [onOpenManageBackends, onSelectOption]);\n\n  const isLockedToCloud = getLockedCloudHost() !== null;\n\n  const preventDropdownMenuClose = React.useCallback(\n    (event: React.SyntheticEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [],\n  );\n\n  const handleAddBackendClick = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      preventDropdownMenuClose(event);\n      openAddBackendModal();\n    },\n    [openAddBackendModal, preventDropdownMenuClose],\n  );\n\n  const handleAddBackendTouchEnd = React.useCallback(\n    (event: React.TouchEvent<HTMLButtonElement>) => {\n      preventDropdownMenuClose(event);\n      openAddBackendModal();\n    },\n    [openAddBackendModal, preventDropdownMenuClose],\n  );\n\n  const handleManageBackendsClick = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      preventDropdownMenuClose(event);\n      openManageBackendsModal();\n    },\n    [openManageBackendsModal, preventDropdownMenuClose],\n  );\n\n  const handleManageBackendsTouchEnd = React.useCallback(\n    (event: React.TouchEvent<HTMLButtonElement>) => {\n      preventDropdownMenuClose(event);\n      openManageBackendsModal();\n    },\n    [openManageBackendsModal, preventDropdownMenuClose],\n  );\n\n  const addBackendFooter = (\n    <div className={dropdownMenuListClassName}>\n      {isLockedToCloud ? null : (\n        <button\n          type=\"button\"\n          data-testid=\"add-backend-menu-item\"\n          onMouseDown={preventDropdownMenuClose}\n          onTouchStart={preventDropdownMenuClose}\n          onTouchEnd={handleAddBackendTouchEnd}\n          onClick={handleAddBackendClick}\n          className={cn(\n            dropdownFooterActionClassName,\n            \"cursor-pointer rounded-md\",\n          )}\n        >\n          <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n            <Plus width={16} height={16} />\n          </span>\n          {t(I18nKey.BACKEND$ADD)}\n        </button>\n      )}\n      <button\n        type=\"button\"\n        data-testid=\"manage-backends-menu-item\"\n        onMouseDown={preventDropdownMenuClose}\n        onTouchStart={preventDropdownMenuClose}\n        onTouchEnd={handleManageBackendsTouchEnd}\n        onClick={handleManageBackendsClick}\n        className={cn(\n          dropdownFooterActionClassName,\n          \"cursor-pointer rounded-md\",\n        )}\n      >\n        <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n          <Settings width={16} height={16} />\n        </span>\n        {t(\n          isLockedToCloud\n            ? I18nKey.BACKEND$RECONNECT_CLOUD\n            : I18nKey.BACKEND$MANAGE,\n        )}\n      </button>\n    </div>\n  );\n\n  const handleSelectBackend = React.useCallback(\n    async (value: string) => {\n      if (value === activeValue) return;\n\n      const { backendId, orgId } = parseOptionValue(value);\n      const target = backends.find((b) => b.id === backendId);\n      if (!target) return;\n\n      triggerEnvironmentSwitch(\n        options.find((option) => option.value === value)?.label ?? target.name,\n      );\n      await new Promise<void>((resolve) => {\n        setTimeout(resolve, ENVIRONMENT_SWITCH_SETACTIVE_DELAY_MS);\n      });\n\n      // @spec BM-002 — Switching backends keeps the user on the same page\n      if (conversationMatch) navigate(\"/conversations\");\n      else if (automationDetailMatch) navigate(\"/automations\");\n\n      setActive(target.id, orgId);\n      onSelectOption?.();\n    },\n    [\n      activeValue,\n      backends,\n      conversationMatch,\n      automationDetailMatch,\n      navigate,\n      options,\n      setActive,\n      t,\n      onSelectOption,\n    ],\n  );\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 w-full\">\n        <div className=\"flex-1 min-w-0\">\n          <Dropdown\n            testId=\"backend-selector\"\n            key={`${activeValue}-${activeOption?.label ?? \"\"}`}\n            defaultValue={\n              activeOption ?? {\n                value: activeValue,\n                label: noBackendSelected ? noBackendLabel : active.backend.name,\n                prefix: noBackendSelected\n                  ? buildNoBackendPrefix()\n                  : buildStatusPrefix(healthByBackendId[active.backend.id]),\n              }\n            }\n            footer={addBackendFooter}\n            openUpward={openUpward}\n            hideTrigger={hideTrigger}\n            defaultOpen={defaultOpen}\n            openOnHover={!hideTrigger}\n            onChange={(item) => {\n              if (!item) return;\n              void handleSelectBackend(item.value);\n            }}\n            placeholder={\n              noBackendSelected ? noBackendLabel : active.backend.name\n            }\n            loading={someCloudLoading}\n            options={options}\n            className=\"h-10 px-2 py-0 bg-transparent border-transparent hover:bg-[var(--oh-surface-raised)] focus-within:bg-[var(--oh-surface-raised)] focus-within:border-transparent focus-within:ring-0\"\n          />\n        </div>\n        {!hideTrigger ? (\n          <StyledTooltip\n            content={settingsLabel}\n            placement={settingsTooltipPlacement}\n            offset={10}\n          >\n            <NavigationLink\n              to=\"/settings\"\n              data-testid=\"backend-selector-settings-link\"\n              data-active={isSettingsActive}\n              aria-label={settingsLabel}\n              className={\n                isSettingsActive\n                  ? cn(\n                      \"inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer\",\n                      formControlTransitionClassName,\n                    )\n                  : cn(\n                      \"inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer\",\n                      formControlTransitionClassName,\n                    )\n              }\n            >\n              <Settings width={16} height={16} />\n            </NavigationLink>\n          </StyledTooltip>\n        ) : null}\n      </div>\n      {addBackendModalOpen ? (\n        <AddBackendModal onClose={() => setAddBackendModalOpen(false)} />\n      ) : null}\n      {manageBackendsModalOpen ? (\n        <ManageBackendsModal\n          onClose={() => setManageBackendsModalOpen(false)}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"iwCAuCA,IAAM,EAAkB,KAExB,SAAS,EAAgB,EAAmB,EAA8B,CACxE,OAAO,EAAQ,GAAG,IAAY,IAAkB,IAAU,CAC5D,CAEA,SAAS,GAAiB,EAGxB,CACA,GAAM,CAAC,EAAW,GAAS,EAAM,MAAM,CAAe,EACtD,MAAO,CAAE,YAAW,MAAO,GAAS,IAAK,CAC3C,CAEA,SAAS,EAAkB,EAAmC,CAC5D,OAAO,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,YAAa,GAAQ,aAAe,IAAO,CAAA,CACtE,CAEA,SAAS,IAAuB,CAC9B,OAAO,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,YAAY,aAAe,CAAA,CACtD,CAEA,SAAS,EACP,EACA,EACA,EACA,EACA,EACkB,CAClB,IAAM,EAA4B,CAAC,EAE7B,EAAS,EAAW,OAAQ,GAAM,EAAE,OAAS,OAAO,EACpD,EAAS,EAAW,OAAQ,GAAM,EAAE,OAAS,OAAO,EAE1D,IAAK,IAAM,KAAK,EACd,EAAQ,KAAK,CACX,MAAO,EAAgB,EAAE,GAAI,IAAI,EACjC,MAAO,EAAE,KACT,OAAQ,EAAkB,EAAkB,EAAE,GAAG,CACnD,CAAC,EAGH,IAAK,IAAM,KAAK,EAAQ,CACtB,IAAM,EAAQ,EAAU,EAAE,IACpB,EAAS,EAAkB,EAAkB,EAAE,GAAG,EACxD,GAAI,CAAC,GAAS,EAAM,KAAK,SAAW,EAClC,EAAQ,KAAK,CACX,MAAO,EAAgB,EAAE,GAAI,IAAI,EACjC,MAAO,EAAE,KACT,QACF,CAAC,MACI,CAKL,IAAM,EAAmB,EAAe,EAAE,KAAK,QAAU,KAEzD,IAAK,IAAM,KAAO,EAAM,KAAM,CAE5B,IAAM,EADe,GAAoB,IAAqB,EAAI,GACpC,EAAyB,EAAI,KAC3D,EAAQ,KAAK,CACX,MAAO,EAAgB,EAAE,GAAI,EAAI,EAAE,EACnC,MAAO,GAAG,EAAE,KAAK,KAAK,IAGtB,QACF,CAAC,CACH,CACF,CACF,CAEA,OAAO,CACT,CA6BA,SAAgB,EAAgB,CAC9B,aAAa,GACb,cAAc,GACd,cAAc,GACd,iBACA,mBACA,uBACA,oBAAmB,IACK,CAAC,EAAG,CAC5B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,WAAU,SAAQ,aAAc,EAAA,wBAAwB,EAC1D,EAAY,EAAA,yBAAyB,EACrC,EAAiB,EAAA,sBAAsB,EAEvC,EAAoB,EAAA,kBAAkB,CAAQ,EAC9C,GAAA,EAAA,EAAA,aAAuB,EACvB,IAAA,EAAA,EAAA,UAAyB,WAAW,EACpC,IAAA,EAAA,EAAA,UAAiC,aAAa,EAC9C,GAAA,EAAA,EAAA,UAA6B,gCAAgC,EAC7D,GAAA,EAAA,EAAA,UAAiC,4BAA4B,EAC7D,CAAC,EAAqB,GAA0B,EAAA,QAAM,SAAS,EAAK,EACpE,CAAC,EAAyB,GAC9B,EAAA,QAAM,SAAS,EAAK,EAEhB,EAAyB,EAAE,EAAA,QAAQ,0BAA0B,EAE7D,EAAU,EAAA,QAAM,YAElB,EACE,EACA,EACA,EACA,EACA,CACF,EACF,CACE,EACA,EACA,EACA,EACA,CACF,CACF,EAEM,EAAoB,GAAA,YAAY,EAAO,OAAO,EAC9C,EAAiB,EAAE,EAAA,QAAQ,4BAA4B,EACvD,EAAc,EAAgB,EAAO,QAAQ,GAAI,EAAO,KAAK,EAC7D,EAAe,EACjB,IAAA,GACA,EAAQ,KAAM,GAAM,EAAE,QAAU,CAAW,EACzC,EAAmB,GAAQ,IAAiB,IAC5C,EAAgB,EAAE,EAAA,QAAQ,gBAAgB,EAC1C,GAAoB,EAAA,qBACvB,GAAU,EAAM,iBACnB,EAIM,GACJ,CAAC,IAAqB,GAAqB,GACvC,MACA,OAEA,GAAmB,OAAO,OAAO,CAAS,EAAE,KAAM,GAAM,EAAE,SAAS,EAazE,EAAA,QAAM,cAAgB,CACpB,GAAI,GAAqB,EAAO,QAAQ,OAAS,SAAW,EAAO,MACjE,OACF,GAAM,CAAE,WAAY,EACd,EAAQ,EAAU,EAAQ,IAChC,GAAI,CAAC,GAAS,EAAM,KAAK,SAAW,EAAG,OAEvC,IAAM,EAAa,EAAM,aACrB,EAAM,KAAK,KAAM,GAAM,EAAE,KAAO,EAAM,YAAY,EAClD,IAAA,GACE,EAAS,EAAe,EAAQ,KAAK,QAAU,KAC/C,EAAW,EACb,EAAM,KAAK,KAAM,GAAM,EAAE,KAAO,CAAM,EACtC,IAAA,GACE,EAAS,GAAc,GAAY,EAAM,KAAK,GAChD,GACF,EAAU,EAAQ,GAAI,EAAO,EAAE,CAEnC,EAAG,CAAC,EAAQ,EAAW,EAAgB,EAAW,CAAiB,CAAC,EAEpE,IAAM,EAAsB,EAAA,QAAM,gBAAkB,CAClD,GAAI,EAAkB,CACpB,EAAiB,EACjB,IAAiB,EACjB,MACF,CACA,EAAuB,EAAI,CAC7B,EAAG,CAAC,EAAkB,CAAc,CAAC,EAE/B,EAA0B,EAAA,QAAM,gBAAkB,CACtD,GAAI,EAAsB,CACxB,EAAqB,EACrB,IAAiB,EACjB,MACF,CACA,EAA2B,EAAI,CACjC,EAAG,CAAC,EAAsB,CAAc,CAAC,EAEnC,EAAkB,EAAA,mBAAmB,IAAM,KAE3C,EAA2B,EAAA,QAAM,YACpC,GAAmD,CAClD,EAAM,eAAe,EACrB,EAAM,gBAAgB,CACxB,EACA,CAAC,CACH,EAEM,GAAwB,EAAA,QAAM,YACjC,GAA+C,CAC9C,EAAyB,CAAK,EAC9B,EAAoB,CACtB,EACA,CAAC,EAAqB,CAAwB,CAChD,EAEM,GAA2B,EAAA,QAAM,YACpC,GAA+C,CAC9C,EAAyB,CAAK,EAC9B,EAAoB,CACtB,EACA,CAAC,EAAqB,CAAwB,CAChD,EAEM,GAA4B,EAAA,QAAM,YACrC,GAA+C,CAC9C,EAAyB,CAAK,EAC9B,EAAwB,CAC1B,EACA,CAAC,EAAyB,CAAwB,CACpD,EAEM,GAA+B,EAAA,QAAM,YACxC,GAA+C,CAC9C,EAAyB,CAAK,EAC9B,EAAwB,CAC1B,EACA,CAAC,EAAyB,CAAwB,CACpD,EAEM,IACJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,mCAAhB,CACG,EAAkB,MACjB,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAY,wBACZ,YAAa,EACb,aAAc,EACd,WAAY,GACZ,QAAS,GACT,UAAW,EAAA,GACT,EAAA,8BACA,2BACF,WAVF,EAYE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,oCAAqC,cAAA,aACpD,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,MAAO,GAAI,OAAQ,EAAK,CAAA,CAC1B,CAAA,EACL,EAAE,EAAA,QAAQ,WAAW,CAChB,KAEV,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAY,4BACZ,YAAa,EACb,aAAc,EACd,WAAY,GACZ,QAAS,GACT,UAAW,EAAA,GACT,EAAA,8BACA,2BACF,WAVF,EAYE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,oCAAqC,cAAA,aACpD,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,MAAO,GAAI,OAAQ,EAAK,CAAA,CAC9B,CAAA,EACL,EACC,EACI,EAAA,QAAQ,wBACR,EAAA,QAAQ,cACd,CACM,GACL,IAGD,GAAsB,EAAA,QAAM,YAChC,KAAO,IAAkB,CACvB,GAAI,IAAU,EAAa,OAE3B,GAAM,CAAE,YAAW,SAAU,GAAiB,CAAK,EAC7C,EAAS,EAAS,KAAM,GAAM,EAAE,KAAO,CAAS,EACjD,IAEL,EAAA,yBACE,EAAQ,KAAM,GAAW,EAAO,QAAU,CAAK,GAAG,OAAS,EAAO,IACpE,EACA,MAAM,IAAI,QAAe,GAAY,CACnC,WAAW,EAAA,GAA8C,CAC3D,CAAC,EAGG,EAAmB,EAAS,gBAAgB,EACvC,GAAuB,EAAS,cAAc,EAEvD,EAAU,EAAO,GAAI,CAAK,EAC1B,IAAiB,EACnB,EACA,CACE,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,CACF,CACF,EAEA,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2BACb,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAO,mBAEP,aACE,GAAgB,CACd,MAAO,EACP,MAAO,EAAoB,EAAiB,EAAO,QAAQ,KAC3D,OAAQ,EACJ,GAAqB,EACrB,EAAkB,EAAkB,EAAO,QAAQ,GAAG,CAC5D,EAEF,OAAQ,GACI,aACC,cACA,cACb,YAAa,CAAC,EACd,SAAW,GAAS,CACb,GACL,GAAyB,EAAK,KAAK,CACrC,EACA,YACE,EAAoB,EAAiB,EAAO,QAAQ,KAEtD,QAAS,GACA,UACT,UAAU,qLACX,EAzBM,GAAG,EAAY,GAAG,GAAc,OAAS,IAyB/C,CACE,CAAA,EACH,EA0BE,MAzBF,EAAA,EAAA,KAAC,GAAA,cAAD,CACE,QAAS,EACT,UAAW,GACX,OAAQ,aAER,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,GAAG,YACH,cAAY,iCACZ,cAAa,EACb,aAAY,EACZ,UACE,EACI,EAAA,GACE,wHACA,EAAA,8BACF,EACA,EAAA,GACE,iKACA,EAAA,8BACF,YAGN,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,MAAO,GAAI,OAAQ,EAAK,CAAA,CACpB,CAAA,CACH,CAAA,CAEd,IACJ,GACC,EAAA,EAAA,KAAC,GAAA,gBAAD,CAAiB,YAAe,EAAuB,EAAK,CAAI,CAAA,EAC9D,KACH,GACC,EAAA,EAAA,KAAC,GAAA,oBAAD,CACE,YAAe,EAA2B,EAAK,CAChD,CAAA,EACC,IACJ,CAAA,CAAA,CAEN"}
+{"version":3,"file":"backend-selector.cjs","names":[],"sources":["../../../../src/components/features/backends/backend-selector.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useMatch, useNavigate } from \"react-router\";\nimport { Plus, Settings } from \"lucide-react\";\nimport { Dropdown } from \"#/ui/dropdown/dropdown\";\nimport { DropdownOption } from \"#/ui/dropdown/types\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { useAllCloudOrganizations } from \"#/hooks/query/use-cloud-organizations\";\nimport { useCloudCurrentUserId } from \"#/hooks/query/use-cloud-current-user-id\";\nimport {\n  useBackendsHealth,\n  type BackendHealth,\n} from \"#/hooks/query/use-backends-health\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Backend } from \"#/api/backend-registry/types\";\n// Import the trigger helpers from the lightweight store, not the overlay\n// component, so the eagerly-mounted sidebar/backend-selector graph does not\n// pull in the overlay's render code (the overlay is lazy-loaded from\n// `routes/root-layout.tsx`).\nimport {\n  ENVIRONMENT_SWITCH_SETACTIVE_DELAY_MS,\n  triggerEnvironmentSwitch,\n} from \"#/components/features/backends/environment-switch-store\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { AddBackendModal } from \"./add-backend-modal\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\nimport { ManageBackendsModal } from \"./manage-backends-modal\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlTransitionClassName } from \"#/utils/form-control-classes\";\nimport {\n  dropdownFooterActionClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\n\nconst VALUE_SEPARATOR = \"::\";\n\nfunction makeOptionValue(backendId: string, orgId: string | null): string {\n  return orgId ? `${backendId}${VALUE_SEPARATOR}${orgId}` : backendId;\n}\n\nfunction parseOptionValue(value: string): {\n  backendId: string;\n  orgId: string | null;\n} {\n  const [backendId, orgId] = value.split(VALUE_SEPARATOR);\n  return { backendId, orgId: orgId ?? null };\n}\n\nfunction buildStatusPrefix(health: BackendHealth | undefined) {\n  return <BackendStatusDot isConnected={health?.isConnected ?? null} />;\n}\n\nfunction buildNoBackendPrefix() {\n  return <BackendStatusDot isConnected=\"unavailable\" />;\n}\n\nfunction buildOptions(\n  registered: Backend[],\n  personalWorkspaceLabel: string,\n  cloudOrgs: ReturnType<typeof useAllCloudOrganizations>,\n  currentUserIds: ReturnType<typeof useCloudCurrentUserId>,\n  healthByBackendId: Record<string, BackendHealth>,\n): DropdownOption[] {\n  const options: DropdownOption[] = [];\n\n  const locals = registered.filter((b) => b.kind === \"local\");\n  const clouds = registered.filter((b) => b.kind === \"cloud\");\n\n  for (const b of locals) {\n    options.push({\n      value: makeOptionValue(b.id, null),\n      label: b.name,\n      prefix: buildStatusPrefix(healthByBackendId[b.id]),\n    });\n  }\n\n  for (const b of clouds) {\n    const entry = cloudOrgs[b.id];\n    const prefix = buildStatusPrefix(healthByBackendId[b.id]);\n    if (!entry || entry.orgs.length === 0) {\n      options.push({\n        value: makeOptionValue(b.id, null),\n        label: b.name,\n        prefix,\n      });\n    } else {\n      // Personal-workspace rule (per the cloud contract): the org whose\n      // id matches the calling user's id is the user's personal\n      // workspace. We resolve `user_id` once per backend (via /me on any\n      // one org) and apply it across all orgs of that backend.\n      const userIdForBackend = currentUserIds[b.id]?.userId ?? null;\n\n      for (const org of entry.orgs) {\n        const isPersonal = !!userIdForBackend && userIdForBackend === org.id;\n        const orgLabel = isPersonal ? personalWorkspaceLabel : org.name;\n        options.push({\n          value: makeOptionValue(b.id, org.id),\n          label: `${b.name} – ${orgLabel}`,\n          // All org rows for the same cloud backend share that backend's\n          // single connectivity verdict — there is no per-org probe.\n          prefix,\n        });\n      }\n    }\n  }\n\n  return options;\n}\n\ninterface BackendSelectorProps {\n  /** Render the menu above the trigger (e.g. when pinned to bottom of sidebar). */\n  openUpward?: boolean;\n  /** Hide the selector input trigger and only render the dropdown menu. */\n  hideTrigger?: boolean;\n  /** Whether the dropdown menu should start open on mount. */\n  defaultOpen?: boolean;\n  /** Callback fired after selecting a backend/org option. */\n  onSelectOption?: () => void;\n  /**\n   * Override the internal Add Backend modal handling. When provided,\n   * clicking \"Add Backend\" calls this instead of opening BackendSelector's\n   * own modal. Useful when the selector is mounted inside an ephemeral\n   * container (e.g. the collapsed-sidebar popover) and the modal must\n   * survive the parent unmounting.\n   */\n  onOpenAddBackend?: () => void;\n  /** Same as onOpenAddBackend but for the Manage Backends modal. */\n  onOpenManageBackends?: () => void;\n  /**\n   * Whether the surrounding sidebar rail is in its collapsed variant. Passed\n   * down from `SidebarRailBody` so the mobile drawer (which always renders\n   * the expanded rail) can override the persisted desktop value.\n   */\n  sidebarCollapsed?: boolean;\n}\n\nexport function BackendSelector({\n  openUpward = false,\n  hideTrigger = false,\n  defaultOpen = false,\n  onSelectOption,\n  onOpenAddBackend,\n  onOpenManageBackends,\n  sidebarCollapsed = false,\n}: BackendSelectorProps = {}) {\n  const { t } = useTranslation(\"openhands\");\n  const { backends, active, setActive } = useActiveBackendContext();\n  const cloudOrgs = useAllCloudOrganizations();\n  const currentUserIds = useCloudCurrentUserId();\n  // Probe each registered backend every 10s.\n  const healthByBackendId = useBackendsHealth(backends);\n  const navigate = useNavigate();\n  const settingsMatch = useMatch(\"/settings\");\n  const settingsSubrouteMatch = useMatch(\"/settings/*\");\n  const conversationMatch = useMatch(\"/conversations/:conversationId\");\n  const automationDetailMatch = useMatch(\"/automations/:automationId\");\n  const [addBackendModalOpen, setAddBackendModalOpen] = React.useState(false);\n  const [manageBackendsModalOpen, setManageBackendsModalOpen] =\n    React.useState(false);\n\n  const personalWorkspaceLabel = t(I18nKey.BACKEND$PERSONAL_WORKSPACE);\n\n  const options = React.useMemo(\n    () =>\n      buildOptions(\n        backends,\n        personalWorkspaceLabel,\n        cloudOrgs,\n        currentUserIds,\n        healthByBackendId,\n      ),\n    [\n      backends,\n      personalWorkspaceLabel,\n      cloudOrgs,\n      currentUserIds,\n      healthByBackendId,\n    ],\n  );\n\n  const noBackendSelected = isNoBackend(active.backend);\n  const noBackendLabel = t(I18nKey.BACKEND$NO_BACKEND_AVAILABLE);\n  const activeValue = makeOptionValue(active.backend.id, active.orgId);\n  const activeOption = noBackendSelected\n    ? undefined\n    : options.find((o) => o.value === activeValue);\n  const isSettingsActive = Boolean(settingsMatch || settingsSubrouteMatch);\n  const settingsLabel = t(I18nKey.SIDEBAR$SETTINGS);\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 cloudSettingsOrgQuery = active.orgId\n    ? `?org=${encodeURIComponent(active.orgId)}`\n    : \"\";\n  const isRightPanelShown = useConversationStore(\n    (state) => state.isRightPanelShown,\n  );\n  // When the sidebar rail is expanded, `placement=\"left\"` hugs the main\n  // canvas and reads awkwardly; prefer above the control. When the rail is\n  // collapsed, keep left except on active conversation + open right drawer.\n  const settingsTooltipPlacement =\n    !sidebarCollapsed || (conversationMatch && isRightPanelShown)\n      ? \"top\"\n      : \"left\";\n\n  const someCloudLoading = Object.values(cloudOrgs).some((c) => c.isLoading);\n\n  // Self-heal a malformed `(cloudBackendId, null)` selection.\n  //\n  // Once a cloud backend's orgs resolve, the dropdown only renders\n  // per-org rows for it — the `(backendId, null)` row disappears, so\n  // selecting that shape would drift from what the dropdown can render\n  // (UI says \"Local\", APIs hit cloud). When we detect the drift, snap\n  // the selection onto Cloud's current org first, then fall back to the\n  // personal workspace (or, lacking a /me result, the first org). The\n  // selection is recorded locally only; the cloud request scope follows\n  // from the X-Org-Id header sent by `callCloudProxy`, so the cloud UI's\n  // org choice is never mutated as a side effect.\n  React.useEffect(() => {\n    if (noBackendSelected || active.backend.kind !== \"cloud\" || active.orgId)\n      return;\n    const { backend } = active;\n    const entry = cloudOrgs[backend.id];\n    if (!entry || entry.orgs.length === 0) return;\n\n    const currentOrg = entry.currentOrgId\n      ? entry.orgs.find((o) => o.id === entry.currentOrgId)\n      : undefined;\n    const userId = currentUserIds[backend.id]?.userId ?? null;\n    const personal = userId\n      ? entry.orgs.find((o) => o.id === userId)\n      : undefined;\n    const target = currentOrg ?? personal ?? entry.orgs[0];\n    if (target) {\n      setActive(backend.id, target.id);\n    }\n  }, [active, cloudOrgs, currentUserIds, setActive, noBackendSelected]);\n\n  const openAddBackendModal = React.useCallback(() => {\n    if (onOpenAddBackend) {\n      onOpenAddBackend();\n      onSelectOption?.();\n      return;\n    }\n    setAddBackendModalOpen(true);\n  }, [onOpenAddBackend, onSelectOption]);\n\n  const openManageBackendsModal = React.useCallback(() => {\n    if (onOpenManageBackends) {\n      onOpenManageBackends();\n      onSelectOption?.();\n      return;\n    }\n    setManageBackendsModalOpen(true);\n  }, [onOpenManageBackends, onSelectOption]);\n\n  const isLockedToCloud = getLockedCloudHost() !== null;\n  // A cookie-auth (OHE-hosted) Canvas has nothing to add, manage, or\n  // reconnect — its single locked backend is owned by the main-app session.\n  const hideBackendFooter =\n    isLockedToCloud && active.backend.authMode === \"cookie\";\n\n  const preventDropdownMenuClose = React.useCallback(\n    (event: React.SyntheticEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [],\n  );\n\n  const handleAddBackendClick = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      preventDropdownMenuClose(event);\n      openAddBackendModal();\n    },\n    [openAddBackendModal, preventDropdownMenuClose],\n  );\n\n  const handleAddBackendTouchEnd = React.useCallback(\n    (event: React.TouchEvent<HTMLButtonElement>) => {\n      preventDropdownMenuClose(event);\n      openAddBackendModal();\n    },\n    [openAddBackendModal, preventDropdownMenuClose],\n  );\n\n  const handleManageBackendsClick = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      preventDropdownMenuClose(event);\n      openManageBackendsModal();\n    },\n    [openManageBackendsModal, preventDropdownMenuClose],\n  );\n\n  const handleManageBackendsTouchEnd = React.useCallback(\n    (event: React.TouchEvent<HTMLButtonElement>) => {\n      preventDropdownMenuClose(event);\n      openManageBackendsModal();\n    },\n    [openManageBackendsModal, preventDropdownMenuClose],\n  );\n\n  const addBackendFooter = hideBackendFooter ? undefined : (\n    <div className={dropdownMenuListClassName}>\n      {isLockedToCloud ? null : (\n        <button\n          type=\"button\"\n          data-testid=\"add-backend-menu-item\"\n          onMouseDown={preventDropdownMenuClose}\n          onTouchStart={preventDropdownMenuClose}\n          onTouchEnd={handleAddBackendTouchEnd}\n          onClick={handleAddBackendClick}\n          className={cn(\n            dropdownFooterActionClassName,\n            \"cursor-pointer rounded-md\",\n          )}\n        >\n          <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n            <Plus width={16} height={16} />\n          </span>\n          {t(I18nKey.BACKEND$ADD)}\n        </button>\n      )}\n      <button\n        type=\"button\"\n        data-testid=\"manage-backends-menu-item\"\n        onMouseDown={preventDropdownMenuClose}\n        onTouchStart={preventDropdownMenuClose}\n        onTouchEnd={handleManageBackendsTouchEnd}\n        onClick={handleManageBackendsClick}\n        className={cn(\n          dropdownFooterActionClassName,\n          \"cursor-pointer rounded-md\",\n        )}\n      >\n        <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n          <Settings width={16} height={16} />\n        </span>\n        {t(\n          isLockedToCloud\n            ? I18nKey.BACKEND$RECONNECT_CLOUD\n            : I18nKey.BACKEND$MANAGE,\n        )}\n      </button>\n    </div>\n  );\n\n  const handleSelectBackend = React.useCallback(\n    async (value: string) => {\n      if (value === activeValue) return;\n\n      const { backendId, orgId } = parseOptionValue(value);\n      const target = backends.find((b) => b.id === backendId);\n      if (!target) return;\n\n      triggerEnvironmentSwitch(\n        options.find((option) => option.value === value)?.label ?? target.name,\n      );\n      await new Promise<void>((resolve) => {\n        setTimeout(resolve, ENVIRONMENT_SWITCH_SETACTIVE_DELAY_MS);\n      });\n\n      // @spec BM-002 — Switching backends keeps the user on the same page\n      if (conversationMatch) navigate(\"/conversations\");\n      else if (automationDetailMatch) navigate(\"/automations\");\n\n      setActive(target.id, orgId);\n      onSelectOption?.();\n    },\n    [\n      activeValue,\n      backends,\n      conversationMatch,\n      automationDetailMatch,\n      navigate,\n      options,\n      setActive,\n      t,\n      onSelectOption,\n    ],\n  );\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 w-full\">\n        <div className=\"flex-1 min-w-0\">\n          <Dropdown\n            testId=\"backend-selector\"\n            key={`${activeValue}-${activeOption?.label ?? \"\"}`}\n            defaultValue={\n              activeOption ?? {\n                value: activeValue,\n                label: noBackendSelected ? noBackendLabel : active.backend.name,\n                prefix: noBackendSelected\n                  ? buildNoBackendPrefix()\n                  : buildStatusPrefix(healthByBackendId[active.backend.id]),\n              }\n            }\n            footer={addBackendFooter}\n            openUpward={openUpward}\n            hideTrigger={hideTrigger}\n            defaultOpen={defaultOpen}\n            openOnHover={!hideTrigger}\n            onChange={(item) => {\n              if (!item) return;\n              void handleSelectBackend(item.value);\n            }}\n            placeholder={\n              noBackendSelected ? noBackendLabel : active.backend.name\n            }\n            loading={someCloudLoading}\n            options={options}\n            className=\"h-10 px-2 py-0 bg-transparent border-transparent hover:bg-[var(--oh-surface-raised)] focus-within:bg-[var(--oh-surface-raised)] focus-within:border-transparent focus-within:ring-0\"\n          />\n        </div>\n        {!hideTrigger ? (\n          <StyledTooltip\n            content={settingsLabel}\n            placement={settingsTooltipPlacement}\n            offset={10}\n          >\n            {active.backend.kind === \"cloud\" ? (\n              <a\n                href={`${active.backend.host.replace(/\\/+$/, \"\")}/settings${cloudSettingsOrgQuery}`}\n                target={isLockedToCloud ? undefined : \"_blank\"}\n                rel={isLockedToCloud ? undefined : \"noopener noreferrer\"}\n                data-testid=\"backend-selector-settings-link\"\n                aria-label={settingsLabel}\n                className={cn(\n                  \"inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer\",\n                  formControlTransitionClassName,\n                )}\n              >\n                <Settings width={16} height={16} />\n              </a>\n            ) : (\n              <NavigationLink\n                to=\"/settings\"\n                data-testid=\"backend-selector-settings-link\"\n                data-active={isSettingsActive}\n                aria-label={settingsLabel}\n                className={\n                  isSettingsActive\n                    ? cn(\n                        \"inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer\",\n                        formControlTransitionClassName,\n                      )\n                    : cn(\n                        \"inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer\",\n                        formControlTransitionClassName,\n                      )\n                }\n              >\n                <Settings width={16} height={16} />\n              </NavigationLink>\n            )}\n          </StyledTooltip>\n        ) : null}\n      </div>\n      {addBackendModalOpen ? (\n        <AddBackendModal onClose={() => setAddBackendModalOpen(false)} />\n      ) : null}\n      {manageBackendsModalOpen ? (\n        <ManageBackendsModal\n          onClose={() => setManageBackendsModalOpen(false)}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/backends/backend-selector.js

@@ -7,50 +7,50 @@ import { useConversationStore as a } from "../../../stores/conversation-store.js
 import { getLockedCloudHost as o } from "../../../api/agent-server-config.js";
 import { isNoBackend as s } from "../../../api/backend-registry/active-store.js";
 import { useActiveBackendContext as ee } from "../../../contexts/active-backend-context.js";
-import { formControlTransitionClassName as te } from "../../../utils/form-control-classes.js";
-import { StyledTooltip as ne } from "../../shared/buttons/styled-tooltip.js";
-import { dropdownFooterActionClassName as c, dropdownMenuListClassName as l, dropdownMenuRowIconWrapperClassName as u } from "../../../utils/dropdown-classes.js";
-import { NavigationLink as re } from "../../shared/navigation-link.js";
-import { useAllCloudOrganizations as ie } from "../../../hooks/query/use-cloud-organizations.js";
-import { useCloudCurrentUserId as ae } from "../../../hooks/query/use-cloud-current-user-id.js";
-import { Dropdown as oe } from "../../../ui/dropdown/dropdown.js";
-import { useBackendsHealth as se } from "../../../hooks/query/use-backends-health.js";
-import { triggerEnvironmentSwitch as ce } from "./environment-switch-store.js";
-import { BackendStatusDot as d } from "./backend-status-dot.js";
-import { AddBackendModal as f } from "./add-backend-modal.js";
-import { ManageBackendsModal as le } from "./manage-backends-modal.js";
-import p from "react";
-import { Fragment as ue, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { useMatch as g, useNavigate as de } from "react-router";
+import { StyledTooltip as te } from "../../shared/buttons/styled-tooltip.js";
+import { formControlTransitionClassName as c } from "../../../utils/form-control-classes.js";
+import { dropdownFooterActionClassName as l, dropdownMenuListClassName as u, dropdownMenuRowIconWrapperClassName as d } from "../../../utils/dropdown-classes.js";
+import { NavigationLink as ne } from "../../shared/navigation-link.js";
+import { useAllCloudOrganizations as re } from "../../../hooks/query/use-cloud-organizations.js";
+import { useCloudCurrentUserId as ie } from "../../../hooks/query/use-cloud-current-user-id.js";
+import { Dropdown as ae } from "../../../ui/dropdown/dropdown.js";
+import { useBackendsHealth as oe } from "../../../hooks/query/use-backends-health.js";
+import { triggerEnvironmentSwitch as se } from "./environment-switch-store.js";
+import { BackendStatusDot as f } from "./backend-status-dot.js";
+import { AddBackendModal as p } from "./add-backend-modal.js";
+import { ManageBackendsModal as ce } from "./manage-backends-modal.js";
+import m from "react";
+import { Fragment as le, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useMatch as _, useNavigate as ue } from "react-router";
 //#region src/components/features/backends/backend-selector.tsx
-var _ = "::";
-function v(e, t) {
-	return t ? `${e}${_}${t}` : e;
+var v = "::";
+function y(e, t) {
+	return t ? `${e}${v}${t}` : e;
 }
-function fe(e) {
-	let [t, n] = e.split(_);
+function de(e) {
+	let [t, n] = e.split(v);
 	return {
 		backendId: t,
 		orgId: n ?? null
 	};
 }
-function y(e) {
-	return /* @__PURE__ */ m(d, { isConnected: e?.isConnected ?? null });
+function b(e) {
+	return /* @__PURE__ */ h(f, { isConnected: e?.isConnected ?? null });
 }
-function b() {
-	return /* @__PURE__ */ m(d, { isConnected: "unavailable" });
+function x() {
+	return /* @__PURE__ */ h(f, { isConnected: "unavailable" });
 }
-function x(e, t, n, r, i) {
+function S(e, t, n, r, i) {
 	let a = [], o = e.filter((e) => e.kind === "local"), s = e.filter((e) => e.kind === "cloud");
 	for (let e of o) a.push({
-		value: v(e.id, null),
+		value: y(e.id, null),
 		label: e.name,
-		prefix: y(i[e.id])
+		prefix: b(i[e.id])
 	});
 	for (let e of s) {
-		let o = n[e.id], s = y(i[e.id]);
+		let o = n[e.id], s = b(i[e.id]);
 		if (!o || o.orgs.length === 0) a.push({
-			value: v(e.id, null),
+			value: y(e.id, null),
 			label: e.name,
 			prefix: s
 		});
@@ -59,7 +59,7 @@ function x(e, t, n, r, i) {
 			for (let r of o.orgs) {
 				let i = n && n === r.id ? t : r.name;
 				a.push({
-					value: v(e.id, r.id),
+					value: y(e.id, r.id),
 					label: `${e.name} – ${i}`,
 					prefix: s
 				});
@@ -68,148 +68,159 @@ function x(e, t, n, r, i) {
 	}
 	return a;
 }
-function S({ openUpward: d = !1, hideTrigger: _ = !1, defaultOpen: S = !1, onSelectOption: C, onOpenAddBackend: w, onOpenManageBackends: T, sidebarCollapsed: pe = !1 } = {}) {
-	let { t: E } = e("openhands"), { backends: D, active: O, setActive: k } = ee(), A = ie(), j = ae(), M = se(D), N = de(), P = g("/settings"), F = g("/settings/*"), I = g("/conversations/:conversationId"), L = g("/automations/:automationId"), [R, z] = p.useState(!1), [me, B] = p.useState(!1), V = E(t.BACKEND$PERSONAL_WORKSPACE), H = p.useMemo(() => x(D, V, A, j, M), [
-		D,
+function C({ openUpward: f = !1, hideTrigger: v = !1, defaultOpen: C = !1, onSelectOption: w, onOpenAddBackend: T, onOpenManageBackends: E, sidebarCollapsed: fe = !1 } = {}) {
+	let { t: D } = e("openhands"), { backends: O, active: k, setActive: A } = ee(), j = re(), M = ie(), N = oe(O), P = ue(), pe = _("/settings"), F = _("/settings/*"), I = _("/conversations/:conversationId"), L = _("/automations/:automationId"), [R, z] = m.useState(!1), [me, B] = m.useState(!1), V = D(t.BACKEND$PERSONAL_WORKSPACE), H = m.useMemo(() => S(O, V, j, M, N), [
+		O,
 		V,
-		A,
 		j,
-		M
-	]), U = s(O.backend), W = E(t.BACKEND$NO_BACKEND_AVAILABLE), G = v(O.backend.id, O.orgId), K = U ? void 0 : H.find((e) => e.value === G), q = !!(P || F), J = E(t.SIDEBAR$SETTINGS), he = a((e) => e.isRightPanelShown), ge = !pe || I && he ? "top" : "left", _e = Object.values(A).some((e) => e.isLoading);
-	p.useEffect(() => {
-		if (U || O.backend.kind !== "cloud" || O.orgId) return;
-		let { backend: e } = O, t = A[e.id];
+		M,
+		N
+	]), U = s(k.backend), W = D(t.BACKEND$NO_BACKEND_AVAILABLE), G = y(k.backend.id, k.orgId), K = U ? void 0 : H.find((e) => e.value === G), q = !!(pe || F), J = D(t.SIDEBAR$SETTINGS), he = k.orgId ? `?org=${encodeURIComponent(k.orgId)}` : "", ge = a((e) => e.isRightPanelShown), _e = !fe || I && ge ? "top" : "left", ve = Object.values(j).some((e) => e.isLoading);
+	m.useEffect(() => {
+		if (U || k.backend.kind !== "cloud" || k.orgId) return;
+		let { backend: e } = k, t = j[e.id];
 		if (!t || t.orgs.length === 0) return;
-		let n = t.currentOrgId ? t.orgs.find((e) => e.id === t.currentOrgId) : void 0, r = j[e.id]?.userId ?? null, i = r ? t.orgs.find((e) => e.id === r) : void 0, a = n ?? i ?? t.orgs[0];
-		a && k(e.id, a.id);
+		let n = t.currentOrgId ? t.orgs.find((e) => e.id === t.currentOrgId) : void 0, r = M[e.id]?.userId ?? null, i = r ? t.orgs.find((e) => e.id === r) : void 0, a = n ?? i ?? t.orgs[0];
+		a && A(e.id, a.id);
 	}, [
-		O,
-		A,
-		j,
 		k,
+		j,
+		M,
+		A,
 		U
 	]);
-	let Y = p.useCallback(() => {
-		if (w) {
-			w(), C?.();
+	let Y = m.useCallback(() => {
+		if (T) {
+			T(), w?.();
 			return;
 		}
 		z(!0);
-	}, [w, C]), X = p.useCallback(() => {
-		if (T) {
-			T(), C?.();
+	}, [T, w]), X = m.useCallback(() => {
+		if (E) {
+			E(), w?.();
 			return;
 		}
 		B(!0);
-	}, [T, C]), Z = o() !== null, Q = p.useCallback((e) => {
+	}, [E, w]), Z = o() !== null, Q = Z && k.backend.authMode === "cookie", $ = m.useCallback((e) => {
 		e.preventDefault(), e.stopPropagation();
-	}, []), ve = p.useCallback((e) => {
-		Q(e), Y();
-	}, [Y, Q]), ye = p.useCallback((e) => {
-		Q(e), Y();
-	}, [Y, Q]), be = p.useCallback((e) => {
-		Q(e), X();
-	}, [X, Q]), $ = p.useCallback((e) => {
-		Q(e), X();
-	}, [X, Q]), xe = /* @__PURE__ */ h("div", {
-		className: l,
-		children: [Z ? null : /* @__PURE__ */ h("button", {
+	}, []), ye = m.useCallback((e) => {
+		$(e), Y();
+	}, [Y, $]), be = m.useCallback((e) => {
+		$(e), Y();
+	}, [Y, $]), xe = m.useCallback((e) => {
+		$(e), X();
+	}, [X, $]), Se = m.useCallback((e) => {
+		$(e), X();
+	}, [X, $]), Ce = Q ? void 0 : /* @__PURE__ */ g("div", {
+		className: u,
+		children: [Z ? null : /* @__PURE__ */ g("button", {
 			type: "button",
 			"data-testid": "add-backend-menu-item",
-			onMouseDown: Q,
-			onTouchStart: Q,
-			onTouchEnd: ye,
-			onClick: ve,
-			className: i(c, "cursor-pointer rounded-md"),
-			children: [/* @__PURE__ */ m("span", {
-				className: u,
+			onMouseDown: $,
+			onTouchStart: $,
+			onTouchEnd: be,
+			onClick: ye,
+			className: i(l, "cursor-pointer rounded-md"),
+			children: [/* @__PURE__ */ h("span", {
+				className: d,
 				"aria-hidden": !0,
-				children: /* @__PURE__ */ m(n, {
+				children: /* @__PURE__ */ h(n, {
 					width: 16,
 					height: 16
 				})
-			}), E(t.BACKEND$ADD)]
-		}), /* @__PURE__ */ h("button", {
+			}), D(t.BACKEND$ADD)]
+		}), /* @__PURE__ */ g("button", {
 			type: "button",
 			"data-testid": "manage-backends-menu-item",
-			onMouseDown: Q,
-			onTouchStart: Q,
-			onTouchEnd: $,
-			onClick: be,
-			className: i(c, "cursor-pointer rounded-md"),
-			children: [/* @__PURE__ */ m("span", {
-				className: u,
+			onMouseDown: $,
+			onTouchStart: $,
+			onTouchEnd: Se,
+			onClick: xe,
+			className: i(l, "cursor-pointer rounded-md"),
+			children: [/* @__PURE__ */ h("span", {
+				className: d,
 				"aria-hidden": !0,
-				children: /* @__PURE__ */ m(r, {
+				children: /* @__PURE__ */ h(r, {
 					width: 16,
 					height: 16
 				})
-			}), E(Z ? t.BACKEND$RECONNECT_CLOUD : t.BACKEND$MANAGE)]
+			}), D(Z ? t.BACKEND$RECONNECT_CLOUD : t.BACKEND$MANAGE)]
 		})]
-	}), Se = p.useCallback(async (e) => {
+	}), we = m.useCallback(async (e) => {
 		if (e === G) return;
-		let { backendId: t, orgId: n } = fe(e), r = D.find((e) => e.id === t);
-		r && (ce(H.find((t) => t.value === e)?.label ?? r.name), await new Promise((e) => {
+		let { backendId: t, orgId: n } = de(e), r = O.find((e) => e.id === t);
+		r && (se(H.find((t) => t.value === e)?.label ?? r.name), await new Promise((e) => {
 			setTimeout(e, 400);
-		}), I ? N("/conversations") : L && N("/automations"), k(r.id, n), C?.());
+		}), I ? P("/conversations") : L && P("/automations"), A(r.id, n), w?.());
 	}, [
 		G,
-		D,
+		O,
 		I,
 		L,
-		N,
+		P,
 		H,
-		k,
-		E,
-		C
+		A,
+		D,
+		w
 	]);
-	return /* @__PURE__ */ h(ue, { children: [
-		/* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ g(le, { children: [
+		/* @__PURE__ */ g("div", {
 			className: "flex items-center gap-2 w-full",
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ h("div", {
 				className: "flex-1 min-w-0",
-				children: /* @__PURE__ */ m(oe, {
+				children: /* @__PURE__ */ h(ae, {
 					testId: "backend-selector",
 					defaultValue: K ?? {
 						value: G,
-						label: U ? W : O.backend.name,
-						prefix: U ? b() : y(M[O.backend.id])
+						label: U ? W : k.backend.name,
+						prefix: U ? x() : b(N[k.backend.id])
 					},
-					footer: xe,
-					openUpward: d,
-					hideTrigger: _,
-					defaultOpen: S,
-					openOnHover: !_,
+					footer: Ce,
+					openUpward: f,
+					hideTrigger: v,
+					defaultOpen: C,
+					openOnHover: !v,
 					onChange: (e) => {
-						e && Se(e.value);
+						e && we(e.value);
 					},
-					placeholder: U ? W : O.backend.name,
-					loading: _e,
+					placeholder: U ? W : k.backend.name,
+					loading: ve,
 					options: H,
 					className: "h-10 px-2 py-0 bg-transparent border-transparent hover:bg-[var(--oh-surface-raised)] focus-within:bg-[var(--oh-surface-raised)] focus-within:border-transparent focus-within:ring-0"
 				}, `${G}-${K?.label ?? ""}`)
-			}), _ ? null : /* @__PURE__ */ m(ne, {
+			}), v ? null : /* @__PURE__ */ h(te, {
 				content: J,
-				placement: ge,
+				placement: _e,
 				offset: 10,
-				children: /* @__PURE__ */ m(re, {
+				children: k.backend.kind === "cloud" ? /* @__PURE__ */ h("a", {
+					href: `${k.backend.host.replace(/\/+$/, "")}/settings${he}`,
+					target: Z ? void 0 : "_blank",
+					rel: Z ? void 0 : "noopener noreferrer",
+					"data-testid": "backend-selector-settings-link",
+					"aria-label": J,
+					className: i("inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer", c),
+					children: /* @__PURE__ */ h(r, {
+						width: 16,
+						height: 16
+					})
+				}) : /* @__PURE__ */ h(ne, {
 					to: "/settings",
 					"data-testid": "backend-selector-settings-link",
 					"data-active": q,
 					"aria-label": J,
-					className: i(q ? "inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer" : "inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer", te),
-					children: /* @__PURE__ */ m(r, {
+					className: i(q ? "inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer" : "inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer", c),
+					children: /* @__PURE__ */ h(r, {
 						width: 16,
 						height: 16
 					})
 				})
 			})]
 		}),
-		R ? /* @__PURE__ */ m(f, { onClose: () => z(!1) }) : null,
-		me ? /* @__PURE__ */ m(le, { onClose: () => B(!1) }) : null
+		R ? /* @__PURE__ */ h(p, { onClose: () => z(!1) }) : null,
+		me ? /* @__PURE__ */ h(ce, { onClose: () => B(!1) }) : null
 	] });
 }
 //#endregion
-export { S as BackendSelector };
+export { C as BackendSelector };
 
 //# sourceMappingURL=backend-selector.js.map