@openhands/agent-canvas 1.1.0 → 1.2.1

package/dist/components/features/sidebar/sidebar.js

@@ -7,19 +7,19 @@ import { useActiveBackendContext as a } from "../../../contexts/active-backend-c
 import { getErrorStatus as o, useSettings as s } from "../../../hooks/query/use-settings.js";
 import { useClickOutsideElement as c } from "../../../hooks/use-click-outside-element.js";
 import { useConfig as ee } from "../../../hooks/query/use-config.js";
-import { useSidebarMobileNav as te } from "./sidebar-mobile-nav-context.js";
-import { useBackendsHealth as l } from "../../../hooks/query/use-backends-health.js";
-import { SidebarRailBody as u } from "./sidebar-rail-body.js";
-import { useSidebarStore as d } from "../../../stores/sidebar-store.js";
-import f from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useSidebarMobileNav as l } from "./sidebar-mobile-nav-context.js";
+import { useBackendsHealth as u } from "../../../hooks/query/use-backends-health.js";
+import { SidebarRailBody as d } from "./sidebar-rail-body.js";
+import { useSidebarStore as f } from "../../../stores/sidebar-store.js";
+import p from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/features/sidebar/sidebar.tsx
-var g = f.lazy(() => import("../../shared/modals/settings/settings-modal.js").then((e) => ({ default: e.SettingsModal }))), _ = f.lazy(() => import("../backends/add-backend-modal.js").then((e) => ({ default: e.AddBackendModal }))), v = f.lazy(() => import("../backends/manage-backends-modal.js").then((e) => ({ default: e.ManageBackendsModal }))), y = 250;
-function b() {
-	let { t: b } = e("openhands"), { currentPath: x } = r(), { data: S } = ee(), { data: C, error: w, isError: T, isFetching: E } = s(), { backends: D, active: O } = a(), k = l(D)[O.backend.id], A = d((e) => e.collapsed), j = d((e) => e.setCollapsed), [M, N] = f.useState(!1), [P, F] = f.useState(!1), I = f.useRef(null), [L, R] = f.useState(!1), [z, B] = f.useState(!1), [V, H] = f.useState(!1), U = f.useRef(!1), [, W] = f.useReducer((e) => e + 1, 0), { isOpen: G, close: K } = te(), [q, J] = f.useState(!1), [Y, X] = f.useState(!1), Z = c(() => F(!1)), Q = o(w);
-	f.useEffect(() => {
+var _ = p.lazy(() => import("../../shared/modals/settings/settings-modal.js").then((e) => ({ default: e.SettingsModal }))), v = p.lazy(() => import("../backends/add-backend-modal.js").then((e) => ({ default: e.AddBackendModal }))), y = p.lazy(() => import("../backends/manage-backends-modal.js").then((e) => ({ default: e.ManageBackendsModal }))), b = 250;
+function x() {
+	let { t: x } = e("openhands"), { currentPath: S } = r(), { data: C } = ee(), { data: w, error: T, isError: E, isFetching: D } = s(), { backends: O, active: k } = a(), te = u(O)[k.backend.id], A = f((e) => e.collapsed), j = f((e) => e.setCollapsed), [M, N] = p.useState(!1), [P, F] = p.useState(!1), I = p.useRef(null), [L, R] = p.useState(!1), [z, B] = p.useState(!1), [V, H] = p.useState(!1), U = p.useRef(!1), [, W] = p.useReducer((e) => e + 1, 0), { isOpen: G, close: K } = l(), [q, J] = p.useState(!1), [Y, X] = p.useState(!1), Z = c(() => F(!1)), Q = o(T);
+	p.useEffect(() => {
 		K();
-	}, [x, K]), f.useEffect(() => {
+	}, [S, K]), p.useEffect(() => {
 		if (G) {
 			J(!0);
 			let e = requestAnimationFrame(() => {
@@ -30,41 +30,40 @@ function b() {
 		X(!1);
 		let e = window.setTimeout(() => {
 			J(!1);
-		}, y);
+		}, b);
 		return () => window.clearTimeout(e);
-	}, [G]), f.useEffect(() => {
+	}, [G]), p.useEffect(() => {
 		if (!G) return;
 		let e = (e) => {
 			e.key === "Escape" && K();
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [G, K]), f.useEffect(() => {
-		x === "/settings" ? N(!1) : !E && T && Q !== 404 ? i(b(t.SETTINGS$FETCH_ERROR)) : Q === 404 && !S?.feature_flags?.hide_llm_settings && N(!0);
+	}, [G, K]), p.useEffect(() => {
+		S === "/settings" ? N(!1) : !D && E && Q !== 404 ? i(x(t.SETTINGS$FETCH_ERROR)) : Q === 404 && !C?.feature_flags?.hide_llm_settings && N(!0);
 	}, [
-		x,
+		S,
+		D,
 		E,
-		T,
 		Q,
-		S?.feature_flags?.hide_llm_settings,
-		b
+		C?.feature_flags?.hide_llm_settings,
+		x
 	]);
-	let ne = C?.email_verified === !1, re = b(A ? t.SIDEBAR$EXPAND : t.SIDEBAR$COLLAPSE), ie = f.useCallback((e) => {
+	let ne = x(A ? t.SIDEBAR$EXPAND : t.SIDEBAR$COLLAPSE), re = p.useCallback((e) => {
 		if (!A) return;
 		let t = e.target;
 		t instanceof HTMLElement && (t.closest("a,button,input,textarea,select,[role='button'],[role='link']") || j(!1));
 	}, [A, j]), $ = {
-		linkDisabled: ne,
-		collapseToggleLabel: re,
-		onCollapse: f.useCallback(() => {
+		collapseToggleLabel: ne,
+		onCollapse: p.useCallback(() => {
 			H(!1), U.current = !0, W(), j(!0), window.setTimeout(() => {
 				U.current = !1, W();
 			}, 250);
 		}, [j]),
 		onExpand: () => j(!1),
 		showCollapsedExpandButton: A && V && !U.current,
-		isExtensionsActive: x === "/customize" || x.startsWith("/skills") || x === "/plugins" || x === "/mcp",
-		currentPath: x,
-		activeBackendHealth: k,
+		isExtensionsActive: S === "/customize" || S.startsWith("/skills") || S === "/plugins" || S === "/mcp",
+		currentPath: S,
+		activeBackendHealth: te,
 		collapsedBackendPopoverOpen: P,
 		setCollapsedBackendPopoverOpen: F,
 		collapsedBackendPopoverRef: Z,
@@ -72,36 +71,36 @@ function b() {
 		onOpenAddBackend: () => R(!0),
 		onOpenManageBackends: () => B(!0)
 	};
-	return /* @__PURE__ */ h(p, { children: [
-		/* @__PURE__ */ m("aside", {
-			"aria-label": b(t.SIDEBAR$NAVIGATION_LABEL),
+	return /* @__PURE__ */ g(m, { children: [
+		/* @__PURE__ */ h("aside", {
+			"aria-label": x(t.SIDEBAR$NAVIGATION_LABEL),
 			"data-collapsed": A ? "true" : "false",
-			onClick: ie,
+			onClick: re,
 			onMouseEnter: () => {
 				A && H(!0);
 			},
 			onMouseLeave: () => {
 				H(!1);
 			},
-			className: n("max-md:hidden flex bg-base flex-col min-h-0 transition-[width,min-width] duration-200", "md:border-r md:border-[var(--oh-border)] md:h-full", A ? "md:w-[60px] md:min-w-[60px] md:px-2.5" : "md:w-[300px] md:min-w-[300px] pb-2 md:pl-2.5 md:pr-0", x === "/" && "md:pb-3"),
-			children: /* @__PURE__ */ m(u, {
+			className: n("max-md:hidden flex bg-base flex-col min-h-0 transition-[width,min-width] duration-200", "md:border-r md:border-[var(--oh-border)] md:h-full", A ? "md:w-[60px] md:min-w-[60px] md:px-2.5" : "md:w-[300px] md:min-w-[300px] pb-2 md:pl-2.5 md:pr-0", S === "/" && "md:pb-3"),
+			children: /* @__PURE__ */ h(d, {
 				collapsed: A,
 				showCollapseToggle: !0,
 				...$
 			})
 		}),
-		q ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
+		q ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
 			className: n("fixed inset-0 z-40 bg-black/50 md:hidden", "transition-opacity ease-in-out motion-reduce:transition-none", Y ? "opacity-100" : "pointer-events-none opacity-0"),
-			style: { transitionDuration: `${y}ms` },
+			style: { transitionDuration: `${b}ms` },
 			onClick: K,
 			"aria-hidden": !Y
-		}), /* @__PURE__ */ m("aside", {
-			"aria-label": b(t.SIDEBAR$NAVIGATION_LABEL),
+		}), /* @__PURE__ */ h("aside", {
+			"aria-label": x(t.SIDEBAR$NAVIGATION_LABEL),
 			"data-testid": "sidebar-mobile-drawer",
 			"aria-hidden": !Y,
 			className: n("fixed inset-y-0 left-0 z-50 flex min-h-0 w-[min(300px,85vw)] flex-col bg-base", "border-r border-[var(--oh-border)] pb-2 pl-2.5 pr-0 md:hidden", "transition-transform ease-in-out motion-reduce:transition-none", Y ? "translate-x-0" : "-translate-x-full"),
-			style: { transitionDuration: `${y}ms` },
-			children: /* @__PURE__ */ m(u, {
+			style: { transitionDuration: `${b}ms` },
+			children: /* @__PURE__ */ h(d, {
 				collapsed: !1,
 				showCollapseToggle: !1,
 				showMobileCloseButton: !0,
@@ -109,24 +108,24 @@ function b() {
 				...$
 			})
 		})] }) : null,
-		M && /* @__PURE__ */ m(f.Suspense, {
+		M && /* @__PURE__ */ h(p.Suspense, {
 			fallback: null,
-			children: /* @__PURE__ */ m(g, {
-				settings: C,
+			children: /* @__PURE__ */ h(_, {
+				settings: w,
 				onClose: () => N(!1)
 			})
 		}),
-		L && /* @__PURE__ */ m(f.Suspense, {
+		L && /* @__PURE__ */ h(p.Suspense, {
 			fallback: null,
-			children: /* @__PURE__ */ m(_, { onClose: () => R(!1) })
+			children: /* @__PURE__ */ h(v, { onClose: () => R(!1) })
 		}),
-		z && /* @__PURE__ */ m(f.Suspense, {
+		z && /* @__PURE__ */ h(p.Suspense, {
 			fallback: null,
-			children: /* @__PURE__ */ m(v, { onClose: () => B(!1) })
+			children: /* @__PURE__ */ h(y, { onClose: () => B(!1) })
 		})
 	] });
 }
 //#endregion
-export { b as Sidebar };
+export { x as Sidebar };
 
 //# sourceMappingURL=sidebar.js.map

package/dist/components/features/sidebar/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":[],"sources":["../../../../src/components/features/sidebar/sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { SidebarRailBody } from \"./sidebar-rail-body\";\nimport { getErrorStatus, useSettings } from \"#/hooks/query/use-settings\";\nimport { useConfig } from \"#/hooks/query/use-config\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { cn } from \"#/utils/utils\";\nimport { useSidebarMobileNav } from \"./sidebar-mobile-nav-context\";\nimport { useSidebarStore } from \"#/stores/sidebar-store\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useBackendsHealth } from \"#/hooks/query/use-backends-health\";\n// The LLM settings modal is only mounted when the settings query 404s and\n// LLM settings aren't hidden — keep it out of the sidebar's eager graph.\nconst SettingsModal = React.lazy(() =>\n  import(\"#/components/shared/modals/settings/settings-modal\").then((m) => ({\n    default: m.SettingsModal,\n  })),\n);\n\n// Add/Manage backend modals are lifted into the sidebar (instead of living\n// inside BackendSelector) so they survive the collapsed popover unmounting\n// when the user moves the cursor out of the popover toward the modal.\nconst AddBackendModal = React.lazy(() =>\n  import(\"#/components/features/backends/add-backend-modal\").then((m) => ({\n    default: m.AddBackendModal,\n  })),\n);\nconst ManageBackendsModal = React.lazy(() =>\n  import(\"#/components/features/backends/manage-backends-modal\").then((m) => ({\n    default: m.ManageBackendsModal,\n  })),\n);\n\nconst MOBILE_DRAWER_TRANSITION_MS = 250;\n\nexport function Sidebar() {\n  const { t } = useTranslation(\"openhands\");\n  const { currentPath } = useNavigation();\n  const { data: config } = useConfig();\n  const {\n    data: settings,\n    error: settingsError,\n    isError: settingsIsError,\n    isFetching: isFetchingSettings,\n  } = useSettings();\n  const { backends, active } = useActiveBackendContext();\n  const healthByBackendId = useBackendsHealth(backends);\n  const activeBackendHealth = healthByBackendId[active.backend.id];\n  const collapsed = useSidebarStore((state) => state.collapsed);\n  const setCollapsed = useSidebarStore((state) => state.setCollapsed);\n  const [settingsModalIsOpen, setSettingsModalIsOpen] = React.useState(false);\n  const [collapsedBackendPopoverOpen, setCollapsedBackendPopoverOpen] =\n    React.useState(false);\n  const collapsedBackendCloseTimer = React.useRef<ReturnType<\n    typeof setTimeout\n  > | null>(null);\n  // Lifted out of BackendSelector so opening these modals from the\n  // collapsed-sidebar popover doesn't lose state when the popover unmounts\n  // (cursor moving toward the modal triggers onMouseLeave -> close).\n  const [addBackendModalOpen, setAddBackendModalOpen] = React.useState(false);\n  const [manageBackendsModalOpen, setManageBackendsModalOpen] =\n    React.useState(false);\n  const [collapsedRailHovered, setCollapsedRailHovered] = React.useState(false);\n  const suppressCollapsedExpandRef = React.useRef(false);\n  const [, refreshCollapsedExpandGate] = React.useReducer((n) => n + 1, 0);\n  const { isOpen: isMobileNavOpen, close: closeMobileNav } =\n    useSidebarMobileNav();\n  const [mobileDrawerMounted, setMobileDrawerMounted] = React.useState(false);\n  const [mobileDrawerVisible, setMobileDrawerVisible] = React.useState(false);\n  const collapsedBackendPopoverRef = useClickOutsideElement<HTMLDivElement>(\n    () => setCollapsedBackendPopoverOpen(false),\n  );\n  const settingsErrorStatus = getErrorStatus(settingsError);\n\n  React.useEffect(() => {\n    closeMobileNav();\n  }, [currentPath, closeMobileNav]);\n\n  React.useEffect(() => {\n    if (isMobileNavOpen) {\n      setMobileDrawerMounted(true);\n      const frame = requestAnimationFrame(() => {\n        setMobileDrawerVisible(true);\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n\n    setMobileDrawerVisible(false);\n    const timer = window.setTimeout(() => {\n      setMobileDrawerMounted(false);\n    }, MOBILE_DRAWER_TRANSITION_MS);\n    return () => window.clearTimeout(timer);\n  }, [isMobileNavOpen]);\n\n  React.useEffect(() => {\n    if (!isMobileNavOpen) {\n      return undefined;\n    }\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        closeMobileNav();\n      }\n    };\n\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [isMobileNavOpen, closeMobileNav]);\n\n  React.useEffect(() => {\n    if (currentPath === \"/settings\") {\n      setSettingsModalIsOpen(false);\n    } else if (\n      !isFetchingSettings &&\n      settingsIsError &&\n      settingsErrorStatus !== 404\n    ) {\n      // We don't show toast errors for settings in the global error handler\n      // because we have a special case for 404 errors\n      displayErrorToast(t(I18nKey.SETTINGS$FETCH_ERROR));\n    } else if (\n      settingsErrorStatus === 404 &&\n      !config?.feature_flags?.hide_llm_settings\n    ) {\n      setSettingsModalIsOpen(true);\n    }\n  }, [\n    currentPath,\n    isFetchingSettings,\n    settingsIsError,\n    settingsErrorStatus,\n    config?.feature_flags?.hide_llm_settings,\n    t,\n  ]);\n\n  const linkDisabled = settings?.email_verified === false;\n\n  const collapseToggleLabel = t(\n    collapsed ? I18nKey.SIDEBAR$EXPAND : I18nKey.SIDEBAR$COLLAPSE,\n  );\n  const handleCollapsedRailClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (!collapsed) {\n        return;\n      }\n\n      const target = event.target;\n      if (!(target instanceof HTMLElement)) {\n        return;\n      }\n\n      // Keep existing behavior for explicit controls/links and only use\n      // this as a convenience hit-area for empty collapsed-rail space.\n      if (\n        target.closest(\n          \"a,button,input,textarea,select,[role='button'],[role='link']\",\n        )\n      ) {\n        return;\n      }\n\n      setCollapsed(false);\n    },\n    [collapsed, setCollapsed],\n  );\n  const handleCollapse = React.useCallback(() => {\n    setCollapsedRailHovered(false);\n    suppressCollapsedExpandRef.current = true;\n    refreshCollapsedExpandGate();\n    setCollapsed(true);\n    window.setTimeout(() => {\n      suppressCollapsedExpandRef.current = false;\n      refreshCollapsedExpandGate();\n    }, 250);\n  }, [setCollapsed]);\n  const showCollapsedExpandButton =\n    collapsed && collapsedRailHovered && !suppressCollapsedExpandRef.current;\n\n  const isExtensionsActive =\n    currentPath === \"/customize\" ||\n    currentPath.startsWith(\"/skills\") ||\n    currentPath === \"/plugins\" ||\n    currentPath === \"/mcp\";\n\n  const railBodyProps = {\n    linkDisabled,\n    collapseToggleLabel,\n    onCollapse: handleCollapse,\n    onExpand: () => setCollapsed(false),\n    showCollapsedExpandButton,\n    isExtensionsActive,\n    currentPath,\n    activeBackendHealth,\n    collapsedBackendPopoverOpen,\n    setCollapsedBackendPopoverOpen,\n    collapsedBackendPopoverRef,\n    collapsedBackendCloseTimer,\n    onOpenAddBackend: () => setAddBackendModalOpen(true),\n    onOpenManageBackends: () => setManageBackendsModalOpen(true),\n  };\n\n  return (\n    <>\n      {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- the aside acts as a hit-area for the collapsed rail; nested controls handle their own keyboard interactions. */}\n      <aside\n        aria-label={t(I18nKey.SIDEBAR$NAVIGATION_LABEL)}\n        data-collapsed={collapsed ? \"true\" : \"false\"}\n        onClick={handleCollapsedRailClick}\n        onMouseEnter={() => {\n          if (collapsed) {\n            setCollapsedRailHovered(true);\n          }\n        }}\n        onMouseLeave={() => {\n          setCollapsedRailHovered(false);\n        }}\n        className={cn(\n          \"max-md:hidden flex bg-base flex-col min-h-0 transition-[width,min-width] duration-200\",\n          \"md:border-r md:border-[var(--oh-border)] md:h-full\",\n          collapsed\n            ? \"md:w-[60px] md:min-w-[60px] md:px-2.5\"\n            : \"md:w-[300px] md:min-w-[300px] pb-2 md:pl-2.5 md:pr-0\",\n          currentPath === \"/\" && \"md:pb-3\",\n        )}\n      >\n        <SidebarRailBody\n          collapsed={collapsed}\n          showCollapseToggle\n          {...railBodyProps}\n        />\n      </aside>\n\n      {mobileDrawerMounted ? (\n        <>\n          <div\n            className={cn(\n              \"fixed inset-0 z-40 bg-black/50 md:hidden\",\n              \"transition-opacity ease-in-out motion-reduce:transition-none\",\n              mobileDrawerVisible\n                ? \"opacity-100\"\n                : \"pointer-events-none opacity-0\",\n            )}\n            style={{ transitionDuration: `${MOBILE_DRAWER_TRANSITION_MS}ms` }}\n            onClick={closeMobileNav}\n            aria-hidden={!mobileDrawerVisible}\n          />\n          <aside\n            aria-label={t(I18nKey.SIDEBAR$NAVIGATION_LABEL)}\n            data-testid=\"sidebar-mobile-drawer\"\n            aria-hidden={!mobileDrawerVisible}\n            className={cn(\n              \"fixed inset-y-0 left-0 z-50 flex min-h-0 w-[min(300px,85vw)] flex-col bg-base\",\n              \"border-r border-[var(--oh-border)] pb-2 pl-2.5 pr-0 md:hidden\",\n              \"transition-transform ease-in-out motion-reduce:transition-none\",\n              mobileDrawerVisible ? \"translate-x-0\" : \"-translate-x-full\",\n            )}\n            style={{ transitionDuration: `${MOBILE_DRAWER_TRANSITION_MS}ms` }}\n          >\n            <SidebarRailBody\n              collapsed={false}\n              showCollapseToggle={false}\n              showMobileCloseButton\n              onCloseMobile={closeMobileNav}\n              {...railBodyProps}\n            />\n          </aside>\n        </>\n      ) : null}\n\n      {settingsModalIsOpen && (\n        <React.Suspense fallback={null}>\n          <SettingsModal\n            settings={settings}\n            onClose={() => setSettingsModalIsOpen(false)}\n          />\n        </React.Suspense>\n      )}\n      {addBackendModalOpen && (\n        <React.Suspense fallback={null}>\n          <AddBackendModal onClose={() => setAddBackendModalOpen(false)} />\n        </React.Suspense>\n      )}\n      {manageBackendsModalOpen && (\n        <React.Suspense fallback={null}>\n          <ManageBackendsModal\n            onClose={() => setManageBackendsModalOpen(false)}\n          />\n        </React.Suspense>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../../../src/components/features/sidebar/sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { SidebarRailBody } from \"./sidebar-rail-body\";\nimport { getErrorStatus, useSettings } from \"#/hooks/query/use-settings\";\nimport { useConfig } from \"#/hooks/query/use-config\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { cn } from \"#/utils/utils\";\nimport { useSidebarMobileNav } from \"./sidebar-mobile-nav-context\";\nimport { useSidebarStore } from \"#/stores/sidebar-store\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useBackendsHealth } from \"#/hooks/query/use-backends-health\";\n// The LLM settings modal is only mounted when the settings query 404s and\n// LLM settings aren't hidden — keep it out of the sidebar's eager graph.\nconst SettingsModal = React.lazy(() =>\n  import(\"#/components/shared/modals/settings/settings-modal\").then((m) => ({\n    default: m.SettingsModal,\n  })),\n);\n\n// Add/Manage backend modals are lifted into the sidebar (instead of living\n// inside BackendSelector) so they survive the collapsed popover unmounting\n// when the user moves the cursor out of the popover toward the modal.\nconst AddBackendModal = React.lazy(() =>\n  import(\"#/components/features/backends/add-backend-modal\").then((m) => ({\n    default: m.AddBackendModal,\n  })),\n);\nconst ManageBackendsModal = React.lazy(() =>\n  import(\"#/components/features/backends/manage-backends-modal\").then((m) => ({\n    default: m.ManageBackendsModal,\n  })),\n);\n\nconst MOBILE_DRAWER_TRANSITION_MS = 250;\n\nexport function Sidebar() {\n  const { t } = useTranslation(\"openhands\");\n  const { currentPath } = useNavigation();\n  const { data: config } = useConfig();\n  const {\n    data: settings,\n    error: settingsError,\n    isError: settingsIsError,\n    isFetching: isFetchingSettings,\n  } = useSettings();\n  const { backends, active } = useActiveBackendContext();\n  const healthByBackendId = useBackendsHealth(backends);\n  const activeBackendHealth = healthByBackendId[active.backend.id];\n  const collapsed = useSidebarStore((state) => state.collapsed);\n  const setCollapsed = useSidebarStore((state) => state.setCollapsed);\n  const [settingsModalIsOpen, setSettingsModalIsOpen] = React.useState(false);\n  const [collapsedBackendPopoverOpen, setCollapsedBackendPopoverOpen] =\n    React.useState(false);\n  const collapsedBackendCloseTimer = React.useRef<ReturnType<\n    typeof setTimeout\n  > | null>(null);\n  // Lifted out of BackendSelector so opening these modals from the\n  // collapsed-sidebar popover doesn't lose state when the popover unmounts\n  // (cursor moving toward the modal triggers onMouseLeave -> close).\n  const [addBackendModalOpen, setAddBackendModalOpen] = React.useState(false);\n  const [manageBackendsModalOpen, setManageBackendsModalOpen] =\n    React.useState(false);\n  const [collapsedRailHovered, setCollapsedRailHovered] = React.useState(false);\n  const suppressCollapsedExpandRef = React.useRef(false);\n  const [, refreshCollapsedExpandGate] = React.useReducer((n) => n + 1, 0);\n  const { isOpen: isMobileNavOpen, close: closeMobileNav } =\n    useSidebarMobileNav();\n  const [mobileDrawerMounted, setMobileDrawerMounted] = React.useState(false);\n  const [mobileDrawerVisible, setMobileDrawerVisible] = React.useState(false);\n  const collapsedBackendPopoverRef = useClickOutsideElement<HTMLDivElement>(\n    () => setCollapsedBackendPopoverOpen(false),\n  );\n  const settingsErrorStatus = getErrorStatus(settingsError);\n\n  React.useEffect(() => {\n    closeMobileNav();\n  }, [currentPath, closeMobileNav]);\n\n  React.useEffect(() => {\n    if (isMobileNavOpen) {\n      setMobileDrawerMounted(true);\n      const frame = requestAnimationFrame(() => {\n        setMobileDrawerVisible(true);\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n\n    setMobileDrawerVisible(false);\n    const timer = window.setTimeout(() => {\n      setMobileDrawerMounted(false);\n    }, MOBILE_DRAWER_TRANSITION_MS);\n    return () => window.clearTimeout(timer);\n  }, [isMobileNavOpen]);\n\n  React.useEffect(() => {\n    if (!isMobileNavOpen) {\n      return undefined;\n    }\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        closeMobileNav();\n      }\n    };\n\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [isMobileNavOpen, closeMobileNav]);\n\n  React.useEffect(() => {\n    if (currentPath === \"/settings\") {\n      setSettingsModalIsOpen(false);\n    } else if (\n      !isFetchingSettings &&\n      settingsIsError &&\n      settingsErrorStatus !== 404\n    ) {\n      // We don't show toast errors for settings in the global error handler\n      // because we have a special case for 404 errors\n      displayErrorToast(t(I18nKey.SETTINGS$FETCH_ERROR));\n    } else if (\n      settingsErrorStatus === 404 &&\n      !config?.feature_flags?.hide_llm_settings\n    ) {\n      setSettingsModalIsOpen(true);\n    }\n  }, [\n    currentPath,\n    isFetchingSettings,\n    settingsIsError,\n    settingsErrorStatus,\n    config?.feature_flags?.hide_llm_settings,\n    t,\n  ]);\n\n  const collapseToggleLabel = t(\n    collapsed ? I18nKey.SIDEBAR$EXPAND : I18nKey.SIDEBAR$COLLAPSE,\n  );\n  const handleCollapsedRailClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (!collapsed) {\n        return;\n      }\n\n      const target = event.target;\n      if (!(target instanceof HTMLElement)) {\n        return;\n      }\n\n      // Keep existing behavior for explicit controls/links and only use\n      // this as a convenience hit-area for empty collapsed-rail space.\n      if (\n        target.closest(\n          \"a,button,input,textarea,select,[role='button'],[role='link']\",\n        )\n      ) {\n        return;\n      }\n\n      setCollapsed(false);\n    },\n    [collapsed, setCollapsed],\n  );\n  const handleCollapse = React.useCallback(() => {\n    setCollapsedRailHovered(false);\n    suppressCollapsedExpandRef.current = true;\n    refreshCollapsedExpandGate();\n    setCollapsed(true);\n    window.setTimeout(() => {\n      suppressCollapsedExpandRef.current = false;\n      refreshCollapsedExpandGate();\n    }, 250);\n  }, [setCollapsed]);\n  const showCollapsedExpandButton =\n    collapsed && collapsedRailHovered && !suppressCollapsedExpandRef.current;\n\n  const isExtensionsActive =\n    currentPath === \"/customize\" ||\n    currentPath.startsWith(\"/skills\") ||\n    currentPath === \"/plugins\" ||\n    currentPath === \"/mcp\";\n\n  const railBodyProps = {\n    collapseToggleLabel,\n    onCollapse: handleCollapse,\n    onExpand: () => setCollapsed(false),\n    showCollapsedExpandButton,\n    isExtensionsActive,\n    currentPath,\n    activeBackendHealth,\n    collapsedBackendPopoverOpen,\n    setCollapsedBackendPopoverOpen,\n    collapsedBackendPopoverRef,\n    collapsedBackendCloseTimer,\n    onOpenAddBackend: () => setAddBackendModalOpen(true),\n    onOpenManageBackends: () => setManageBackendsModalOpen(true),\n  };\n\n  return (\n    <>\n      {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- the aside acts as a hit-area for the collapsed rail; nested controls handle their own keyboard interactions. */}\n      <aside\n        aria-label={t(I18nKey.SIDEBAR$NAVIGATION_LABEL)}\n        data-collapsed={collapsed ? \"true\" : \"false\"}\n        onClick={handleCollapsedRailClick}\n        onMouseEnter={() => {\n          if (collapsed) {\n            setCollapsedRailHovered(true);\n          }\n        }}\n        onMouseLeave={() => {\n          setCollapsedRailHovered(false);\n        }}\n        className={cn(\n          \"max-md:hidden flex bg-base flex-col min-h-0 transition-[width,min-width] duration-200\",\n          \"md:border-r md:border-[var(--oh-border)] md:h-full\",\n          collapsed\n            ? \"md:w-[60px] md:min-w-[60px] md:px-2.5\"\n            : \"md:w-[300px] md:min-w-[300px] pb-2 md:pl-2.5 md:pr-0\",\n          currentPath === \"/\" && \"md:pb-3\",\n        )}\n      >\n        <SidebarRailBody\n          collapsed={collapsed}\n          showCollapseToggle\n          {...railBodyProps}\n        />\n      </aside>\n\n      {mobileDrawerMounted ? (\n        <>\n          <div\n            className={cn(\n              \"fixed inset-0 z-40 bg-black/50 md:hidden\",\n              \"transition-opacity ease-in-out motion-reduce:transition-none\",\n              mobileDrawerVisible\n                ? \"opacity-100\"\n                : \"pointer-events-none opacity-0\",\n            )}\n            style={{ transitionDuration: `${MOBILE_DRAWER_TRANSITION_MS}ms` }}\n            onClick={closeMobileNav}\n            aria-hidden={!mobileDrawerVisible}\n          />\n          <aside\n            aria-label={t(I18nKey.SIDEBAR$NAVIGATION_LABEL)}\n            data-testid=\"sidebar-mobile-drawer\"\n            aria-hidden={!mobileDrawerVisible}\n            className={cn(\n              \"fixed inset-y-0 left-0 z-50 flex min-h-0 w-[min(300px,85vw)] flex-col bg-base\",\n              \"border-r border-[var(--oh-border)] pb-2 pl-2.5 pr-0 md:hidden\",\n              \"transition-transform ease-in-out motion-reduce:transition-none\",\n              mobileDrawerVisible ? \"translate-x-0\" : \"-translate-x-full\",\n            )}\n            style={{ transitionDuration: `${MOBILE_DRAWER_TRANSITION_MS}ms` }}\n          >\n            <SidebarRailBody\n              collapsed={false}\n              showCollapseToggle={false}\n              showMobileCloseButton\n              onCloseMobile={closeMobileNav}\n              {...railBodyProps}\n            />\n          </aside>\n        </>\n      ) : null}\n\n      {settingsModalIsOpen && (\n        <React.Suspense fallback={null}>\n          <SettingsModal\n            settings={settings}\n            onClose={() => setSettingsModalIsOpen(false)}\n          />\n        </React.Suspense>\n      )}\n      {addBackendModalOpen && (\n        <React.Suspense fallback={null}>\n          <AddBackendModal onClose={() => setAddBackendModalOpen(false)} />\n        </React.Suspense>\n      )}\n      {manageBackendsModalOpen && (\n        <React.Suspense fallback={null}>\n          <ManageBackendsModal\n            onClose={() => setManageBackendsModalOpen(false)}\n          />\n        </React.Suspense>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/skills/extensions-navigation.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(`../../shared/navigation-link.cjs`),i=require(`../../../icons/skills.cjs`),a=require(`../sidebar/sidebar-layout.cjs`),o=require(`../settings/backend-synced-settings-badge.cjs`),s=require(`../../../icons/server-process.cjs`);let c=require(`react/jsx-runtime`);var l=[{to:`/skills`,label:`Skills`,icon:(0,c.jsx)(i.default,{width:16,height:16,"aria-hidden":`true`}),end:!0},{to:`/mcp`,label:`MCP Servers`,icon:(0,c.jsx)(s.default,{width:16,height:16}),end:!0},{to:`/plugins`,label:`Plugins`,icon:(0,c.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,width:16,height:16,"aria-hidden":`true`,children:[(0,c.jsx)(`path`,{d:`M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z`}),(0,c.jsx)(`path`,{d:`m3.3 7 8.7 5 8.7-5`}),(0,c.jsx)(`path`,{d:`M12 22V12`})]}),end:!0,comingSoon:!0}];function u(){let{t:i}=e.useTranslation(`openhands`);return(0,c.jsxs)(`aside`,{"data-testid":`extensions-navbar-desktop`,className:`hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start`,children:[(0,c.jsx)(`span`,{className:`px-2 text-sm font-normal text-white`,children:i(t.I18nKey.NAV$CUSTOMIZE)}),(0,c.jsx)(`div`,{className:`flex flex-col gap-0.5 pt-0.5`,children:l.map(e=>{let o=(0,c.jsx)(`span`,{className:`shrink-0 flex items-center justify-center`,children:e.icon}),s=(0,c.jsx)(`span`,{className:`truncate`,children:e.label}),l=e.comingSoon&&(0,c.jsx)(`span`,{className:`ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]`,children:i(t.I18nKey.NAV$COMING_SOON)});return(0,c.jsxs)(r.NavigationLink,{to:e.to,end:e.end,"data-testid":`sidebar-extensions-${e.to}`,className:({isActive:e})=>n.cn(a.sidebarNavRowClassName(),`truncate`,e?a.SIDEBAR_ROW_INTERACTIVE_CLASS.active:a.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[o,s,l]},e.to)})}),(0,c.jsx)(`div`,{className:`px-2 pt-3`,children:(0,c.jsx)(o.BackendSyncedSettingsBadge,{})})]})}exports.ExtensionsNavigation=u;
+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(`../../shared/navigation-link.cjs`),i=require(`../../../icons/skills.cjs`),a=require(`../sidebar/sidebar-layout.cjs`),o=require(`../settings/backend-synced-settings-badge.cjs`),s=require(`../../../icons/server-process.cjs`);let c=require(`react/jsx-runtime`);var l=[{to:`/skills`,label:`Skills`,icon:(0,c.jsx)(i.default,{width:16,height:16,"aria-hidden":`true`}),end:!0},{to:`/mcp`,label:`MCP Servers`,icon:(0,c.jsx)(s.default,{width:16,height:16}),end:!0},{to:`/plugins`,label:`Plugins`,icon:(0,c.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,width:16,height:16,"aria-hidden":`true`,children:[(0,c.jsx)(`path`,{d:`M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z`}),(0,c.jsx)(`path`,{d:`m3.3 7 8.7 5 8.7-5`}),(0,c.jsx)(`path`,{d:`M12 22V12`})]}),end:!0}];function u(){let{t:i}=e.useTranslation(`openhands`);return(0,c.jsxs)(`aside`,{"data-testid":`extensions-navbar-desktop`,className:`hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start`,children:[(0,c.jsx)(`span`,{className:`px-2 text-sm font-normal text-white`,children:i(t.I18nKey.NAV$CUSTOMIZE)}),(0,c.jsx)(`div`,{className:`flex flex-col gap-0.5 pt-0.5`,children:l.map(e=>{let o=(0,c.jsx)(`span`,{className:`shrink-0 flex items-center justify-center`,children:e.icon}),s=(0,c.jsx)(`span`,{className:`truncate`,children:e.label}),l=e.comingSoon&&(0,c.jsx)(`span`,{className:`ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]`,children:i(t.I18nKey.NAV$COMING_SOON)});return(0,c.jsxs)(r.NavigationLink,{to:e.to,end:e.end,"data-testid":`sidebar-extensions-${e.to}`,className:({isActive:e})=>n.cn(a.sidebarNavRowClassName(),`truncate`,e?a.SIDEBAR_ROW_INTERACTIVE_CLASS.active:a.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[o,s,l]},e.to)})}),(0,c.jsx)(`div`,{className:`px-2 pt-3`,children:(0,c.jsx)(o.BackendSyncedSettingsBadge,{})})]})}exports.ExtensionsNavigation=u;
 //# sourceMappingURL=extensions-navigation.cjs.map

package/dist/components/features/skills/extensions-navigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"extensions-navigation.cjs","names":[],"sources":["../../../../src/components/features/skills/extensions-navigation.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { cn } from \"#/utils/utils\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ServerProcessIcon from \"#/icons/server-process.svg?react\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport {\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\ninterface ExtensionNavItem {\n  to: string;\n  label: string;\n  icon: React.ReactElement;\n  end?: boolean;\n  comingSoon?: boolean;\n}\n\nexport const EXTENSIONS_NAV_ITEMS: ExtensionNavItem[] = [\n  {\n    to: \"/skills\",\n    label: \"Skills\",\n    icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\n    end: true,\n  },\n  {\n    to: \"/mcp\",\n    label: \"MCP Servers\",\n    icon: <ServerProcessIcon width={16} height={16} />,\n    end: true,\n  },\n  {\n    to: \"/plugins\",\n    label: \"Plugins\",\n    icon: (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        width={16}\n        height={16}\n        aria-hidden=\"true\"\n      >\n        <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" />\n        <path d=\"m3.3 7 8.7 5 8.7-5\" />\n        <path d=\"M12 22V12\" />\n      </svg>\n    ),\n    end: true,\n    comingSoon: true,\n  },\n];\n\nexport function ExtensionsNavigation() {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <aside\n      data-testid=\"extensions-navbar-desktop\"\n      className=\"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start\"\n    >\n      <span className=\"px-2 text-sm font-normal text-white\">\n        {t(I18nKey.NAV$CUSTOMIZE)}\n      </span>\n      <div className=\"flex flex-col gap-0.5 pt-0.5\">\n        {EXTENSIONS_NAV_ITEMS.map((item) => {\n          const baseRow = (\n            <span className=\"shrink-0 flex items-center justify-center\">\n              {item.icon}\n            </span>\n          );\n          const label = <span className=\"truncate\">{item.label}</span>;\n          const comingSoonBadge = item.comingSoon && (\n            <span className=\"ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]\">\n              {t(I18nKey.NAV$COMING_SOON)}\n            </span>\n          );\n\n          return (\n            <NavigationLink\n              key={item.to}\n              to={item.to}\n              end={item.end}\n              data-testid={`sidebar-extensions-${item.to}`}\n              className={({ isActive }) =>\n                cn(\n                  sidebarNavRowClassName(),\n                  \"truncate\",\n                  isActive\n                    ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n                    : SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n                )\n              }\n            >\n              {baseRow}\n              {label}\n              {comingSoonBadge}\n            </NavigationLink>\n          );\n        })}\n      </div>\n      <div className=\"px-2 pt-3\">\n        <BackendSyncedSettingsBadge />\n      </div>\n    </aside>\n  );\n}\n"],"mappings":"meAoBA,IAAa,EAA2C,CACtD,CACE,GAAI,UACJ,MAAO,SACP,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,MAAO,GAAI,OAAQ,GAAI,cAAY,OAAS,CAAA,CAC9D,IAAK,GACN,CACD,CACE,GAAI,OACJ,MAAO,cACP,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAmB,MAAO,GAAI,OAAQ,GAAM,CAAA,CAClD,IAAK,GACN,CACD,CACE,GAAI,WACJ,MAAO,UACP,MACE,EAAA,EAAA,MAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QACf,MAAO,GACP,OAAQ,GACR,cAAY,gBAVd,EAYE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,yHAA2H,CAAA,EACnI,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,qBAAuB,CAAA,EAC/B,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,YAAc,CAAA,CAClB,GAER,IAAK,GACL,WAAY,GACb,CACF,CAED,SAAgB,GAAuB,CACrC,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEzC,OACE,EAAA,EAAA,MAAC,QAAD,CACE,cAAY,4BACZ,UAAU,yGAFZ,EAIE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,+CACb,EAAE,EAAA,QAAQ,cAAc,CACpB,CAAA,EACP,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wCACZ,EAAqB,IAAK,GAAS,CAClC,IAAM,GACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDACb,EAAK,KACD,CAAA,CAEH,GAAQ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,EAAK,MAAa,CAAA,CACtD,EAAkB,EAAK,aAC3B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,2IACb,EAAE,EAAA,QAAQ,gBAAgB,CACtB,CAAA,CAGT,OACE,EAAA,EAAA,MAAC,EAAA,eAAD,CAEE,GAAI,EAAK,GACT,IAAK,EAAK,IACV,cAAa,sBAAsB,EAAK,KACxC,WAAY,CAAE,cACZ,EAAA,GACE,EAAA,wBAAwB,CACxB,WACA,EACI,EAAA,8BAA8B,OAC9B,EAAA,8BAA8B,KACnC,UAZL,CAeG,EACA,EACA,EACc,EAjBV,EAAK,GAiBK,EAEnB,CACE,CAAA,EACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,2BAAD,EAA8B,CAAA,CAC1B,CAAA,CACA"}
+{"version":3,"file":"extensions-navigation.cjs","names":[],"sources":["../../../../src/components/features/skills/extensions-navigation.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { cn } from \"#/utils/utils\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ServerProcessIcon from \"#/icons/server-process.svg?react\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport {\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\ninterface ExtensionNavItem {\n  to: string;\n  label: string;\n  icon: React.ReactElement;\n  end?: boolean;\n  comingSoon?: boolean;\n}\n\nexport const EXTENSIONS_NAV_ITEMS: ExtensionNavItem[] = [\n  {\n    to: \"/skills\",\n    label: \"Skills\",\n    icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\n    end: true,\n  },\n  {\n    to: \"/mcp\",\n    label: \"MCP Servers\",\n    icon: <ServerProcessIcon width={16} height={16} />,\n    end: true,\n  },\n  {\n    to: \"/plugins\",\n    label: \"Plugins\",\n    icon: (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        width={16}\n        height={16}\n        aria-hidden=\"true\"\n      >\n        <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" />\n        <path d=\"m3.3 7 8.7 5 8.7-5\" />\n        <path d=\"M12 22V12\" />\n      </svg>\n    ),\n    end: true,\n  },\n];\n\nexport function ExtensionsNavigation() {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <aside\n      data-testid=\"extensions-navbar-desktop\"\n      className=\"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start\"\n    >\n      <span className=\"px-2 text-sm font-normal text-white\">\n        {t(I18nKey.NAV$CUSTOMIZE)}\n      </span>\n      <div className=\"flex flex-col gap-0.5 pt-0.5\">\n        {EXTENSIONS_NAV_ITEMS.map((item) => {\n          const baseRow = (\n            <span className=\"shrink-0 flex items-center justify-center\">\n              {item.icon}\n            </span>\n          );\n          const label = <span className=\"truncate\">{item.label}</span>;\n          const comingSoonBadge = item.comingSoon && (\n            <span className=\"ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]\">\n              {t(I18nKey.NAV$COMING_SOON)}\n            </span>\n          );\n\n          return (\n            <NavigationLink\n              key={item.to}\n              to={item.to}\n              end={item.end}\n              data-testid={`sidebar-extensions-${item.to}`}\n              className={({ isActive }) =>\n                cn(\n                  sidebarNavRowClassName(),\n                  \"truncate\",\n                  isActive\n                    ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n                    : SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n                )\n              }\n            >\n              {baseRow}\n              {label}\n              {comingSoonBadge}\n            </NavigationLink>\n          );\n        })}\n      </div>\n      <div className=\"px-2 pt-3\">\n        <BackendSyncedSettingsBadge />\n      </div>\n    </aside>\n  );\n}\n"],"mappings":"meAoBA,IAAa,EAA2C,CACtD,CACE,GAAI,UACJ,MAAO,SACP,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,MAAO,GAAI,OAAQ,GAAI,cAAY,OAAS,CAAA,CAC9D,IAAK,GACN,CACD,CACE,GAAI,OACJ,MAAO,cACP,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAmB,MAAO,GAAI,OAAQ,GAAM,CAAA,CAClD,IAAK,GACN,CACD,CACE,GAAI,WACJ,MAAO,UACP,MACE,EAAA,EAAA,MAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QACf,MAAO,GACP,OAAQ,GACR,cAAY,gBAVd,EAYE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,yHAA2H,CAAA,EACnI,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,qBAAuB,CAAA,EAC/B,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,YAAc,CAAA,CAClB,GAER,IAAK,GACN,CACF,CAED,SAAgB,GAAuB,CACrC,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEzC,OACE,EAAA,EAAA,MAAC,QAAD,CACE,cAAY,4BACZ,UAAU,yGAFZ,EAIE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,+CACb,EAAE,EAAA,QAAQ,cAAc,CACpB,CAAA,EACP,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wCACZ,EAAqB,IAAK,GAAS,CAClC,IAAM,GACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDACb,EAAK,KACD,CAAA,CAEH,GAAQ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,EAAK,MAAa,CAAA,CACtD,EAAkB,EAAK,aAC3B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,2IACb,EAAE,EAAA,QAAQ,gBAAgB,CACtB,CAAA,CAGT,OACE,EAAA,EAAA,MAAC,EAAA,eAAD,CAEE,GAAI,EAAK,GACT,IAAK,EAAK,IACV,cAAa,sBAAsB,EAAK,KACxC,WAAY,CAAE,cACZ,EAAA,GACE,EAAA,wBAAwB,CACxB,WACA,EACI,EAAA,8BAA8B,OAC9B,EAAA,8BAA8B,KACnC,UAZL,CAeG,EACA,EACA,EACc,EAjBV,EAAK,GAiBK,EAEnB,CACE,CAAA,EACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,2BAAD,EAA8B,CAAA,CAC1B,CAAA,CACA"}

package/dist/components/features/skills/extensions-navigation.js

@@ -48,8 +48,7 @@ var d = [
 				/* @__PURE__ */ l("path", { d: "M12 22V12" })
 			]
 		}),
-		end: !0,
-		comingSoon: !0
+		end: !0
 	}
 ];
 function f() {

package/dist/components/features/skills/extensions-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"extensions-navigation.js","names":[],"sources":["../../../../src/components/features/skills/extensions-navigation.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { cn } from \"#/utils/utils\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ServerProcessIcon from \"#/icons/server-process.svg?react\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport {\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\ninterface ExtensionNavItem {\n  to: string;\n  label: string;\n  icon: React.ReactElement;\n  end?: boolean;\n  comingSoon?: boolean;\n}\n\nexport const EXTENSIONS_NAV_ITEMS: ExtensionNavItem[] = [\n  {\n    to: \"/skills\",\n    label: \"Skills\",\n    icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\n    end: true,\n  },\n  {\n    to: \"/mcp\",\n    label: \"MCP Servers\",\n    icon: <ServerProcessIcon width={16} height={16} />,\n    end: true,\n  },\n  {\n    to: \"/plugins\",\n    label: \"Plugins\",\n    icon: (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        width={16}\n        height={16}\n        aria-hidden=\"true\"\n      >\n        <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" />\n        <path d=\"m3.3 7 8.7 5 8.7-5\" />\n        <path d=\"M12 22V12\" />\n      </svg>\n    ),\n    end: true,\n    comingSoon: true,\n  },\n];\n\nexport function ExtensionsNavigation() {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <aside\n      data-testid=\"extensions-navbar-desktop\"\n      className=\"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start\"\n    >\n      <span className=\"px-2 text-sm font-normal text-white\">\n        {t(I18nKey.NAV$CUSTOMIZE)}\n      </span>\n      <div className=\"flex flex-col gap-0.5 pt-0.5\">\n        {EXTENSIONS_NAV_ITEMS.map((item) => {\n          const baseRow = (\n            <span className=\"shrink-0 flex items-center justify-center\">\n              {item.icon}\n            </span>\n          );\n          const label = <span className=\"truncate\">{item.label}</span>;\n          const comingSoonBadge = item.comingSoon && (\n            <span className=\"ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]\">\n              {t(I18nKey.NAV$COMING_SOON)}\n            </span>\n          );\n\n          return (\n            <NavigationLink\n              key={item.to}\n              to={item.to}\n              end={item.end}\n              data-testid={`sidebar-extensions-${item.to}`}\n              className={({ isActive }) =>\n                cn(\n                  sidebarNavRowClassName(),\n                  \"truncate\",\n                  isActive\n                    ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n                    : SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n                )\n              }\n            >\n              {baseRow}\n              {label}\n              {comingSoonBadge}\n            </NavigationLink>\n          );\n        })}\n      </div>\n      <div className=\"px-2 pt-3\">\n        <BackendSyncedSettingsBadge />\n      </div>\n    </aside>\n  );\n}\n"],"mappings":";;;;;;;;;;AAoBA,IAAa,IAA2C;CACtD;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAY,OAAO;GAAI,QAAQ;GAAI,eAAY;GAAS,CAAA;EAC9D,KAAK;EACN;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAmB,OAAO;GAAI,QAAQ;GAAM,CAAA;EAClD,KAAK;EACN;CACD;EACE,IAAI;EACJ,OAAO;EACP,MACE,kBAAC,OAAD;GACE,OAAM;GACN,SAAQ;GACR,MAAK;GACL,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;GACf,OAAO;GACP,QAAQ;GACR,eAAY;aAVd;IAYE,kBAAC,QAAD,EAAM,GAAE,0HAA2H,CAAA;IACnI,kBAAC,QAAD,EAAM,GAAE,sBAAuB,CAAA;IAC/B,kBAAC,QAAD,EAAM,GAAE,aAAc,CAAA;IAClB;;EAER,KAAK;EACL,YAAY;EACb;CACF;AAED,SAAgB,IAAuB;CACrC,IAAM,EAAE,SAAM,EAAe,YAAY;AAEzC,QACE,kBAAC,SAAD;EACE,eAAY;EACZ,WAAU;YAFZ;GAIE,kBAAC,QAAD;IAAM,WAAU;cACb,EAAE,EAAQ,cAAc;IACpB,CAAA;GACP,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAqB,KAAK,MAAS;KAClC,IAAM,IACJ,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAK;MACD,CAAA,EAEH,IAAQ,kBAAC,QAAD;MAAM,WAAU;gBAAY,EAAK;MAAa,CAAA,EACtD,IAAkB,EAAK,cAC3B,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAE,EAAQ,gBAAgB;MACtB,CAAA;AAGT,YACE,kBAAC,GAAD;MAEE,IAAI,EAAK;MACT,KAAK,EAAK;MACV,eAAa,sBAAsB,EAAK;MACxC,YAAY,EAAE,kBACZ,EACE,GAAwB,EACxB,YACA,IACI,EAA8B,SAC9B,EAA8B,KACnC;gBAZL;OAeG;OACA;OACA;OACc;QAjBV,EAAK,GAiBK;MAEnB;IACE,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAA8B,CAAA;IAC1B,CAAA;GACA"}
+{"version":3,"file":"extensions-navigation.js","names":[],"sources":["../../../../src/components/features/skills/extensions-navigation.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { cn } from \"#/utils/utils\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ServerProcessIcon from \"#/icons/server-process.svg?react\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport {\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\ninterface ExtensionNavItem {\n  to: string;\n  label: string;\n  icon: React.ReactElement;\n  end?: boolean;\n  comingSoon?: boolean;\n}\n\nexport const EXTENSIONS_NAV_ITEMS: ExtensionNavItem[] = [\n  {\n    to: \"/skills\",\n    label: \"Skills\",\n    icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\n    end: true,\n  },\n  {\n    to: \"/mcp\",\n    label: \"MCP Servers\",\n    icon: <ServerProcessIcon width={16} height={16} />,\n    end: true,\n  },\n  {\n    to: \"/plugins\",\n    label: \"Plugins\",\n    icon: (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        width={16}\n        height={16}\n        aria-hidden=\"true\"\n      >\n        <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" />\n        <path d=\"m3.3 7 8.7 5 8.7-5\" />\n        <path d=\"M12 22V12\" />\n      </svg>\n    ),\n    end: true,\n  },\n];\n\nexport function ExtensionsNavigation() {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <aside\n      data-testid=\"extensions-navbar-desktop\"\n      className=\"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start\"\n    >\n      <span className=\"px-2 text-sm font-normal text-white\">\n        {t(I18nKey.NAV$CUSTOMIZE)}\n      </span>\n      <div className=\"flex flex-col gap-0.5 pt-0.5\">\n        {EXTENSIONS_NAV_ITEMS.map((item) => {\n          const baseRow = (\n            <span className=\"shrink-0 flex items-center justify-center\">\n              {item.icon}\n            </span>\n          );\n          const label = <span className=\"truncate\">{item.label}</span>;\n          const comingSoonBadge = item.comingSoon && (\n            <span className=\"ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]\">\n              {t(I18nKey.NAV$COMING_SOON)}\n            </span>\n          );\n\n          return (\n            <NavigationLink\n              key={item.to}\n              to={item.to}\n              end={item.end}\n              data-testid={`sidebar-extensions-${item.to}`}\n              className={({ isActive }) =>\n                cn(\n                  sidebarNavRowClassName(),\n                  \"truncate\",\n                  isActive\n                    ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n                    : SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n                )\n              }\n            >\n              {baseRow}\n              {label}\n              {comingSoonBadge}\n            </NavigationLink>\n          );\n        })}\n      </div>\n      <div className=\"px-2 pt-3\">\n        <BackendSyncedSettingsBadge />\n      </div>\n    </aside>\n  );\n}\n"],"mappings":";;;;;;;;;;AAoBA,IAAa,IAA2C;CACtD;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAY,OAAO;GAAI,QAAQ;GAAI,eAAY;GAAS,CAAA;EAC9D,KAAK;EACN;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAmB,OAAO;GAAI,QAAQ;GAAM,CAAA;EAClD,KAAK;EACN;CACD;EACE,IAAI;EACJ,OAAO;EACP,MACE,kBAAC,OAAD;GACE,OAAM;GACN,SAAQ;GACR,MAAK;GACL,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;GACf,OAAO;GACP,QAAQ;GACR,eAAY;aAVd;IAYE,kBAAC,QAAD,EAAM,GAAE,0HAA2H,CAAA;IACnI,kBAAC,QAAD,EAAM,GAAE,sBAAuB,CAAA;IAC/B,kBAAC,QAAD,EAAM,GAAE,aAAc,CAAA;IAClB;;EAER,KAAK;EACN;CACF;AAED,SAAgB,IAAuB;CACrC,IAAM,EAAE,SAAM,EAAe,YAAY;AAEzC,QACE,kBAAC,SAAD;EACE,eAAY;EACZ,WAAU;YAFZ;GAIE,kBAAC,QAAD;IAAM,WAAU;cACb,EAAE,EAAQ,cAAc;IACpB,CAAA;GACP,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAqB,KAAK,MAAS;KAClC,IAAM,IACJ,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAK;MACD,CAAA,EAEH,IAAQ,kBAAC,QAAD;MAAM,WAAU;gBAAY,EAAK;MAAa,CAAA,EACtD,IAAkB,EAAK,cAC3B,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAE,EAAQ,gBAAgB;MACtB,CAAA;AAGT,YACE,kBAAC,GAAD;MAEE,IAAI,EAAK;MACT,KAAK,EAAK;MACV,eAAa,sBAAsB,EAAK;MACxC,YAAY,EAAE,kBACZ,EACE,GAAwB,EACxB,YACA,IACI,EAA8B,SAC9B,EAA8B,KACnC;gBAZL;OAeG;OACA;OACA;OACc;QAjBV,EAAK,GAiBK;MAEnB;IACE,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAA8B,CAAA;IAC1B,CAAA;GACA"}

package/dist/components/shared/modals/modal-backdrop.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`),r=require(`react-dom`);function i({children:e,onClose:i,closeOnEscape:a=!0,closeOnBackdropClick:o=!0,"aria-label":s}){return t.default.useEffect(()=>{if(!a)return;let e=e=>{e.key===`Escape`&&i?.()};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[a,i]),typeof document>`u`?null:(0,r.createPortal)((0,n.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":s,className:`fixed inset-0 flex items-center justify-center z-60`,children:[(0,n.jsx)(`div`,{onClick:e=>{o&&e.target===e.currentTarget&&i?.()},className:`fixed inset-0 bg-black opacity-60`}),(0,n.jsx)(`div`,{className:`relative`,children:e})]}),document.body)}exports.ModalBackdrop=i;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`),r=require(`react-dom`);function i({children:e,onClose:i,closeOnEscape:a=!0,closeOnBackdropClick:o=!0,elevated:s=!1,"aria-label":c}){return t.default.useEffect(()=>{if(!a)return;let e=e=>{e.key===`Escape`&&i?.()};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[a,i]),typeof document>`u`?null:(0,r.createPortal)((0,n.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":c,className:`fixed inset-0 flex items-center justify-center ${s?`z-[70]`:`z-60`}`,children:[(0,n.jsx)(`div`,{onClick:e=>{o&&e.target===e.currentTarget&&i?.()},className:`fixed inset-0 bg-black opacity-60`}),(0,n.jsx)(`div`,{className:`relative`,children:e})]}),document.body)}exports.ModalBackdrop=i;
 //# sourceMappingURL=modal-backdrop.cjs.map

package/dist/components/shared/modals/modal-backdrop.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"modal-backdrop.cjs","names":[],"sources":["../../../../src/components/shared/modals/modal-backdrop.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\n\ninterface ModalBackdropProps {\n  children: React.ReactNode;\n  onClose?: () => void;\n  /** When false, pressing Escape does not close the modal. Defaults to true. */\n  closeOnEscape?: boolean;\n  /** When false, clicking the backdrop does not close the modal. Defaults to true. */\n  closeOnBackdropClick?: boolean;\n  \"aria-label\"?: string;\n}\n\nexport function ModalBackdrop({\n  children,\n  onClose,\n  closeOnEscape = true,\n  closeOnBackdropClick = true,\n  \"aria-label\": ariaLabel,\n}: ModalBackdropProps) {\n  React.useEffect(() => {\n    if (!closeOnEscape) return undefined;\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose?.();\n    };\n\n    window.addEventListener(\"keydown\", handleEscape);\n    return () => window.removeEventListener(\"keydown\", handleEscape);\n  }, [closeOnEscape, onClose]);\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (!closeOnBackdropClick) return;\n    if (e.target === e.currentTarget) onClose?.(); // only close if the click was on the backdrop\n  };\n\n  if (typeof document === \"undefined\") return null;\n\n  // Portal to document.body so the modal's `position: fixed` resolves\n  // against the viewport. Otherwise a transformed ancestor (e.g. the\n  // onboarding slide rail) would become the containing block and the\n  // modal would render trapped inside it instead of overlapping its\n  // parent modal.\n  return createPortal(\n    <div\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={ariaLabel}\n      className=\"fixed inset-0 flex items-center justify-center z-60\"\n    >\n      <div\n        onClick={handleClick}\n        className=\"fixed inset-0 bg-black opacity-60\"\n      />\n      <div className=\"relative\">{children}</div>\n    </div>,\n    document.body,\n  );\n}\n"],"mappings":"6JAaA,SAAgB,EAAc,CAC5B,WACA,UACA,gBAAgB,GAChB,uBAAuB,GACvB,aAAc,GACO,CAuBrB,OAtBA,EAAA,QAAM,cAAgB,CACpB,GAAI,CAAC,EAAe,OACpB,IAAM,EAAgB,GAAqB,CACrC,EAAE,MAAQ,UAAU,KAAW,EAIrC,OADA,OAAO,iBAAiB,UAAW,EAAa,KACnC,OAAO,oBAAoB,UAAW,EAAa,EAC/D,CAAC,EAAe,EAAQ,CAAC,CAOxB,OAAO,SAAa,IAAoB,MAO5C,EAAA,EAAA,eACE,EAAA,EAAA,MAAC,MAAD,CACE,KAAK,SACL,aAAW,OACX,aAAY,EACZ,UAAU,+DAJZ,EAME,EAAA,EAAA,KAAC,MAAD,CACE,QApBe,GAAwC,CACtD,GACD,EAAE,SAAW,EAAE,eAAe,KAAW,EAmBzC,UAAU,oCACV,CAAA,EACF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,WAAY,WAAe,CAAA,CACtC,GACN,SAAS,KACV"}
+{"version":3,"file":"modal-backdrop.cjs","names":[],"sources":["../../../../src/components/shared/modals/modal-backdrop.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\n\ninterface ModalBackdropProps {\n  children: React.ReactNode;\n  onClose?: () => void;\n  /** When false, pressing Escape does not close the modal. Defaults to true. */\n  closeOnEscape?: boolean;\n  /** When false, clicking the backdrop does not close the modal. Defaults to true. */\n  closeOnBackdropClick?: boolean;\n  /** When true, renders above the default modal layer so it stacks over other\n   *  modals (used by the telemetry consent banner over the onboarding modal).\n   *  Defaults to false. */\n  elevated?: boolean;\n  \"aria-label\"?: string;\n}\n\nexport function ModalBackdrop({\n  children,\n  onClose,\n  closeOnEscape = true,\n  closeOnBackdropClick = true,\n  elevated = false,\n  \"aria-label\": ariaLabel,\n}: ModalBackdropProps) {\n  React.useEffect(() => {\n    if (!closeOnEscape) return undefined;\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose?.();\n    };\n\n    window.addEventListener(\"keydown\", handleEscape);\n    return () => window.removeEventListener(\"keydown\", handleEscape);\n  }, [closeOnEscape, onClose]);\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (!closeOnBackdropClick) return;\n    if (e.target === e.currentTarget) onClose?.(); // only close if the click was on the backdrop\n  };\n\n  if (typeof document === \"undefined\") return null;\n\n  // Portal to document.body so the modal's `position: fixed` resolves\n  // against the viewport. Otherwise a transformed ancestor (e.g. the\n  // onboarding slide rail) would become the containing block and the\n  // modal would render trapped inside it instead of overlapping its\n  // parent modal.\n  return createPortal(\n    <div\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={ariaLabel}\n      className={`fixed inset-0 flex items-center justify-center ${\n        elevated ? \"z-[70]\" : \"z-60\"\n      }`}\n    >\n      <div\n        onClick={handleClick}\n        className=\"fixed inset-0 bg-black opacity-60\"\n      />\n      <div className=\"relative\">{children}</div>\n    </div>,\n    document.body,\n  );\n}\n"],"mappings":"6JAiBA,SAAgB,EAAc,CAC5B,WACA,UACA,gBAAgB,GAChB,uBAAuB,GACvB,WAAW,GACX,aAAc,GACO,CAuBrB,OAtBA,EAAA,QAAM,cAAgB,CACpB,GAAI,CAAC,EAAe,OACpB,IAAM,EAAgB,GAAqB,CACrC,EAAE,MAAQ,UAAU,KAAW,EAIrC,OADA,OAAO,iBAAiB,UAAW,EAAa,KACnC,OAAO,oBAAoB,UAAW,EAAa,EAC/D,CAAC,EAAe,EAAQ,CAAC,CAOxB,OAAO,SAAa,IAAoB,MAO5C,EAAA,EAAA,eACE,EAAA,EAAA,MAAC,MAAD,CACE,KAAK,SACL,aAAW,OACX,aAAY,EACZ,UAAW,kDACT,EAAW,SAAW,kBAL1B,EAQE,EAAA,EAAA,KAAC,MAAD,CACE,QAtBe,GAAwC,CACtD,GACD,EAAE,SAAW,EAAE,eAAe,KAAW,EAqBzC,UAAU,oCACV,CAAA,EACF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,WAAY,WAAe,CAAA,CACtC,GACN,SAAS,KACV"}

package/dist/components/shared/modals/modal-backdrop.d.ts

@@ -6,7 +6,11 @@ interface ModalBackdropProps {
     closeOnEscape?: boolean;
     /** When false, clicking the backdrop does not close the modal. Defaults to true. */
     closeOnBackdropClick?: boolean;
+    /** When true, renders above the default modal layer so it stacks over other
+     *  modals (used by the telemetry consent banner over the onboarding modal).
+     *  Defaults to false. */
+    elevated?: boolean;
     "aria-label"?: string;
 }
-export declare function ModalBackdrop({ children, onClose, closeOnEscape, closeOnBackdropClick, "aria-label": ariaLabel, }: ModalBackdropProps): React.ReactPortal | null;
+export declare function ModalBackdrop({ children, onClose, closeOnEscape, closeOnBackdropClick, elevated, "aria-label": ariaLabel, }: ModalBackdropProps): React.ReactPortal | null;
 export {};

package/dist/components/shared/modals/modal-backdrop.js

@@ -2,7 +2,7 @@ import e from "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { createPortal as r } from "react-dom";
 //#region src/components/shared/modals/modal-backdrop.tsx
-function i({ children: i, onClose: a, closeOnEscape: o = !0, closeOnBackdropClick: s = !0, "aria-label": c }) {
+function i({ children: i, onClose: a, closeOnEscape: o = !0, closeOnBackdropClick: s = !0, elevated: c = !1, "aria-label": l }) {
 	return e.useEffect(() => {
 		if (!o) return;
 		let e = (e) => {
@@ -12,8 +12,8 @@ function i({ children: i, onClose: a, closeOnEscape: o = !0, closeOnBackdropClic
 	}, [o, a]), typeof document > "u" ? null : r(/* @__PURE__ */ n("div", {
 		role: "dialog",
 		"aria-modal": "true",
-		"aria-label": c,
-		className: "fixed inset-0 flex items-center justify-center z-60",
+		"aria-label": l,
+		className: `fixed inset-0 flex items-center justify-center ${c ? "z-[70]" : "z-60"}`,
 		children: [/* @__PURE__ */ t("div", {
 			onClick: (e) => {
 				s && e.target === e.currentTarget && a?.();

package/dist/components/shared/modals/modal-backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-backdrop.js","names":[],"sources":["../../../../src/components/shared/modals/modal-backdrop.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\n\ninterface ModalBackdropProps {\n  children: React.ReactNode;\n  onClose?: () => void;\n  /** When false, pressing Escape does not close the modal. Defaults to true. */\n  closeOnEscape?: boolean;\n  /** When false, clicking the backdrop does not close the modal. Defaults to true. */\n  closeOnBackdropClick?: boolean;\n  \"aria-label\"?: string;\n}\n\nexport function ModalBackdrop({\n  children,\n  onClose,\n  closeOnEscape = true,\n  closeOnBackdropClick = true,\n  \"aria-label\": ariaLabel,\n}: ModalBackdropProps) {\n  React.useEffect(() => {\n    if (!closeOnEscape) return undefined;\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose?.();\n    };\n\n    window.addEventListener(\"keydown\", handleEscape);\n    return () => window.removeEventListener(\"keydown\", handleEscape);\n  }, [closeOnEscape, onClose]);\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (!closeOnBackdropClick) return;\n    if (e.target === e.currentTarget) onClose?.(); // only close if the click was on the backdrop\n  };\n\n  if (typeof document === \"undefined\") return null;\n\n  // Portal to document.body so the modal's `position: fixed` resolves\n  // against the viewport. Otherwise a transformed ancestor (e.g. the\n  // onboarding slide rail) would become the containing block and the\n  // modal would render trapped inside it instead of overlapping its\n  // parent modal.\n  return createPortal(\n    <div\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={ariaLabel}\n      className=\"fixed inset-0 flex items-center justify-center z-60\"\n    >\n      <div\n        onClick={handleClick}\n        className=\"fixed inset-0 bg-black opacity-60\"\n      />\n      <div className=\"relative\">{children}</div>\n    </div>,\n    document.body,\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,EAAc,EAC5B,aACA,YACA,mBAAgB,IAChB,0BAAuB,IACvB,cAAc,KACO;AAuBrB,QAtBA,EAAM,gBAAgB;AACpB,MAAI,CAAC,EAAe;EACpB,IAAM,KAAgB,MAAqB;AACzC,GAAI,EAAE,QAAQ,YAAU,KAAW;;AAIrC,SADA,OAAO,iBAAiB,WAAW,EAAa,QACnC,OAAO,oBAAoB,WAAW,EAAa;IAC/D,CAAC,GAAe,EAAQ,CAAC,EAOxB,OAAO,WAAa,MAAoB,OAOrC,EACL,kBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,cAAY;EACZ,WAAU;YAJZ,CAME,kBAAC,OAAD;GACE,UApBe,MAAwC;AACtD,SACD,EAAE,WAAW,EAAE,iBAAe,KAAW;;GAmBzC,WAAU;GACV,CAAA,EACF,kBAAC,OAAD;GAAK,WAAU;GAAY;GAAe,CAAA,CACtC;KACN,SAAS,KACV"}
+{"version":3,"file":"modal-backdrop.js","names":[],"sources":["../../../../src/components/shared/modals/modal-backdrop.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\n\ninterface ModalBackdropProps {\n  children: React.ReactNode;\n  onClose?: () => void;\n  /** When false, pressing Escape does not close the modal. Defaults to true. */\n  closeOnEscape?: boolean;\n  /** When false, clicking the backdrop does not close the modal. Defaults to true. */\n  closeOnBackdropClick?: boolean;\n  /** When true, renders above the default modal layer so it stacks over other\n   *  modals (used by the telemetry consent banner over the onboarding modal).\n   *  Defaults to false. */\n  elevated?: boolean;\n  \"aria-label\"?: string;\n}\n\nexport function ModalBackdrop({\n  children,\n  onClose,\n  closeOnEscape = true,\n  closeOnBackdropClick = true,\n  elevated = false,\n  \"aria-label\": ariaLabel,\n}: ModalBackdropProps) {\n  React.useEffect(() => {\n    if (!closeOnEscape) return undefined;\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose?.();\n    };\n\n    window.addEventListener(\"keydown\", handleEscape);\n    return () => window.removeEventListener(\"keydown\", handleEscape);\n  }, [closeOnEscape, onClose]);\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (!closeOnBackdropClick) return;\n    if (e.target === e.currentTarget) onClose?.(); // only close if the click was on the backdrop\n  };\n\n  if (typeof document === \"undefined\") return null;\n\n  // Portal to document.body so the modal's `position: fixed` resolves\n  // against the viewport. Otherwise a transformed ancestor (e.g. the\n  // onboarding slide rail) would become the containing block and the\n  // modal would render trapped inside it instead of overlapping its\n  // parent modal.\n  return createPortal(\n    <div\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={ariaLabel}\n      className={`fixed inset-0 flex items-center justify-center ${\n        elevated ? \"z-[70]\" : \"z-60\"\n      }`}\n    >\n      <div\n        onClick={handleClick}\n        className=\"fixed inset-0 bg-black opacity-60\"\n      />\n      <div className=\"relative\">{children}</div>\n    </div>,\n    document.body,\n  );\n}\n"],"mappings":";;;;AAiBA,SAAgB,EAAc,EAC5B,aACA,YACA,mBAAgB,IAChB,0BAAuB,IACvB,cAAW,IACX,cAAc,KACO;AAuBrB,QAtBA,EAAM,gBAAgB;AACpB,MAAI,CAAC,EAAe;EACpB,IAAM,KAAgB,MAAqB;AACzC,GAAI,EAAE,QAAQ,YAAU,KAAW;;AAIrC,SADA,OAAO,iBAAiB,WAAW,EAAa,QACnC,OAAO,oBAAoB,WAAW,EAAa;IAC/D,CAAC,GAAe,EAAQ,CAAC,EAOxB,OAAO,WAAa,MAAoB,OAOrC,EACL,kBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,cAAY;EACZ,WAAW,kDACT,IAAW,WAAW;YAL1B,CAQE,kBAAC,OAAD;GACE,UAtBe,MAAwC;AACtD,SACD,EAAE,WAAW,EAAE,iBAAe,KAAW;;GAqBzC,WAAU;GACV,CAAA,EACF,kBAAC,OAAD;GAAK,WAAU;GAAY;GAAe,CAAA,CACtC;KACN,SAAS,KACV"}

package/dist/components/shared/modals/settings/model-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(`../../../../utils/constants.cjs`),i=require(`../../../../utils/utils.cjs`),a=require(`../../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.cjs`),o=require(`../../../../node_modules/@heroui/listbox/dist/chunk-ANTZPR32.cjs`),s=require(`../../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.cjs`),c=require(`../../../../utils/form-control-classes.cjs`),l=require(`../../../../ui/combobox-caret.cjs`),u=require(`../../../../utils/map-provider.cjs`),d=require(`../../../../utils/extract-model-and-provider.cjs`),f=require(`../../../../ui/help-link.cjs`),p=require(`../../../../hooks/query/use-search-providers.cjs`),m=require(`../../../../hooks/query/use-provider-models.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);function _({isDisabled:e,currentModel:_,onChange:v,onDefaultValuesChanged:y,wrapperClassName:b,labelClassName:x}){let[,S]=h.default.useState(null),[C,w]=h.default.useState(null),[T,E]=h.default.useState(null),{data:D=[]}=p.useSearchProviders(),{data:O=[],isLoading:k,error:A}=m.useProviderModels(C),j=h.default.useMemo(()=>D.filter(e=>e.verified),[D]),M=h.default.useMemo(()=>D.filter(e=>!e.verified),[D]),N=h.default.useMemo(()=>O.filter(e=>e.verified),[O]),P=h.default.useMemo(()=>O.filter(e=>!e.verified),[O]);h.default.useEffect(()=>{if(_){let{provider:e,model:t}=d.extractModelAndProvider(_);S(_),w(e||null),E(t),y?.(e||null,t)}},[_]);let F=e=>{w(e),E(null),S(`${e}/`),v?.(e,null)},I=e=>{let t=`${C}/${e}`;C===`openai`&&(t=e),S(t),E(e),v?.(C,e)},L=()=>{w(null),S(null)},{t:R}=t.useTranslation(`openhands`);return(0,g.jsxs)(`div`,{className:i.cn(`flex flex-col md:flex-row w-full min-w-0 justify-between gap-4 md:gap-[46px]`,b),children:[(0,g.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,g.jsx)(`label`,{className:i.cn(`text-sm`,x),children:R(n.I18nKey.LLM$PROVIDER)}),(0,g.jsxs)(s.autocomplete_default,{"data-testid":`llm-provider-input`,isRequired:!0,isVirtualized:!1,name:`llm-provider-input`,isDisabled:e,"aria-label":R(n.I18nKey.LLM$PROVIDER),isClearable:!1,onSelectionChange:e=>{e?.toString()&&F(e.toString())},onInputChange:e=>!e&&L(),defaultSelectedKey:C??void 0,selectedKey:C,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:l.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:c.formControlSettingsFieldClassName}},children:[(0,g.jsx)(o.listbox_section_base_default,{title:R(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:j.map(e=>(0,g.jsx)(a.listbox_item_base_default,{"data-testid":`provider-item-${e.name}`,children:u.mapProvider(e.name)},e.name))}),M.length>0?(0,g.jsx)(o.listbox_section_base_default,{title:R(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:M.map(e=>(0,g.jsx)(a.listbox_item_base_default,{children:u.mapProvider(e.name)},e.name))}):null]})]}),C===`openhands`&&(0,g.jsx)(f.HelpLink,{testId:`openhands-account-help`,text:R(n.I18nKey.SETTINGS$NEED_OPENHANDS_ACCOUNT),linkText:R(n.I18nKey.SETTINGS$CLICK_HERE),href:r.PRODUCT_URL.PRODUCTION,size:`settings`,linkColor:`white`}),(0,g.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,g.jsx)(`label`,{className:i.cn(`text-sm`,x),children:R(n.I18nKey.LLM$MODEL)}),(0,g.jsxs)(s.autocomplete_default,{"data-testid":`llm-model-input`,isRequired:!0,isVirtualized:!1,isLoading:k,name:`llm-model-input`,"aria-label":R(n.I18nKey.LLM$MODEL),isClearable:!1,onSelectionChange:e=>{e?.toString()&&I(e.toString())},isDisabled:e||!C,selectedKey:T,defaultSelectedKey:T??void 0,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:l.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:c.formControlSettingsFieldClassName}},children:[(0,g.jsx)(o.listbox_section_base_default,{title:R(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:N.map(e=>(0,g.jsx)(a.listbox_item_base_default,{children:e.name},e.name))}),P.length>0?(0,g.jsx)(o.listbox_section_base_default,{title:R(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:P.map(e=>(0,g.jsx)(a.listbox_item_base_default,{"data-testid":`model-item-${e.name}`,children:e.name},e.name))}):null]}),A&&(0,g.jsx)(`p`,{"data-testid":`models-error`,className:`text-danger text-xs`,children:R(n.I18nKey.CONFIGURATION$ERROR_FETCH_MODELS)})]})]})}exports.ModelSelector=_;
+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/constants.cjs`),i=require(`../../../../utils/utils.cjs`),a=require(`../../../../utils/form-control-classes.cjs`),o=require(`../../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.cjs`),s=require(`../../../../node_modules/@heroui/listbox/dist/chunk-ANTZPR32.cjs`),c=require(`../../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.cjs`),l=require(`../../../../ui/combobox-caret.cjs`),u=require(`../../../../utils/map-provider.cjs`),d=require(`../../../../utils/extract-model-and-provider.cjs`),f=require(`../../../../ui/help-link.cjs`),p=require(`../../../../hooks/query/use-search-providers.cjs`),m=require(`../../../../hooks/query/use-provider-models.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);function _({isDisabled:e,currentModel:_,onChange:v,onDefaultValuesChanged:y,wrapperClassName:b,labelClassName:x}){let[,S]=h.default.useState(null),[C,w]=h.default.useState(null),[T,E]=h.default.useState(null),{data:D=[]}=p.useSearchProviders(),{data:O=[],isLoading:k,error:A}=m.useProviderModels(C),j=h.default.useMemo(()=>D.filter(e=>e.verified),[D]),M=h.default.useMemo(()=>D.filter(e=>!e.verified),[D]),N=h.default.useMemo(()=>O.filter(e=>e.verified),[O]),P=h.default.useMemo(()=>O.filter(e=>!e.verified),[O]);h.default.useEffect(()=>{if(_){let{provider:e,model:t}=d.extractModelAndProvider(_);S(_),w(e||null),E(t),y?.(e||null,t)}},[_]);let F=e=>{w(e),E(null),S(`${e}/`),v?.(e,null)},I=e=>{let t=`${C}/${e}`;C===`openai`&&(t=e),S(t),E(e),v?.(C,e)},L=()=>{w(null),S(null)},{t:R}=t.useTranslation(`openhands`);return(0,g.jsxs)(`div`,{className:i.cn(`flex flex-col md:flex-row w-full min-w-0 justify-between gap-4 md:gap-[46px]`,b),children:[(0,g.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,g.jsx)(`label`,{className:i.cn(`text-sm`,x),children:R(n.I18nKey.LLM$PROVIDER)}),(0,g.jsxs)(c.autocomplete_default,{"data-testid":`llm-provider-input`,isRequired:!0,isVirtualized:!1,name:`llm-provider-input`,isDisabled:e,"aria-label":R(n.I18nKey.LLM$PROVIDER),isClearable:!1,onSelectionChange:e=>{e?.toString()&&F(e.toString())},onInputChange:e=>!e&&L(),defaultSelectedKey:C??void 0,selectedKey:C,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:l.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:a.formControlSettingsFieldClassName}},children:[(0,g.jsx)(s.listbox_section_base_default,{title:R(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:j.map(e=>(0,g.jsx)(o.listbox_item_base_default,{"data-testid":`provider-item-${e.name}`,children:u.mapProvider(e.name)},e.name))}),M.length>0?(0,g.jsx)(s.listbox_section_base_default,{title:R(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:M.map(e=>(0,g.jsx)(o.listbox_item_base_default,{children:u.mapProvider(e.name)},e.name))}):null]})]}),C===`openhands`&&(0,g.jsx)(f.HelpLink,{testId:`openhands-account-help`,text:R(n.I18nKey.SETTINGS$NEED_OPENHANDS_ACCOUNT),linkText:R(n.I18nKey.SETTINGS$CLICK_HERE),href:r.PRODUCT_URL.PRODUCTION,size:`settings`,linkColor:`white`}),(0,g.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,g.jsx)(`label`,{className:i.cn(`text-sm`,x),children:R(n.I18nKey.LLM$MODEL)}),(0,g.jsxs)(c.autocomplete_default,{"data-testid":`llm-model-input`,isRequired:!0,isVirtualized:!1,isLoading:k,name:`llm-model-input`,"aria-label":R(n.I18nKey.LLM$MODEL),isClearable:!1,onSelectionChange:e=>{e?.toString()&&I(e.toString())},isDisabled:e||!C,selectedKey:T,defaultSelectedKey:T??void 0,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:l.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:a.formControlSettingsFieldClassName}},children:[(0,g.jsx)(s.listbox_section_base_default,{title:R(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:N.map(e=>(0,g.jsx)(o.listbox_item_base_default,{children:e.name},e.name))}),P.length>0?(0,g.jsx)(s.listbox_section_base_default,{title:R(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:P.map(e=>(0,g.jsx)(o.listbox_item_base_default,{"data-testid":`model-item-${e.name}`,children:e.name},e.name))}):null]}),A&&(0,g.jsx)(`p`,{"data-testid":`models-error`,className:`text-danger text-xs`,children:R(n.I18nKey.CONFIGURATION$ERROR_FETCH_MODELS)})]})]})}exports.ModelSelector=_;
 //# sourceMappingURL=model-selector.cjs.map

package/dist/components/shared/modals/settings/model-selector.js

@@ -2,10 +2,10 @@ import { useTranslation as e } from "../../../../node_modules/react-i18next/dist
 import { I18nKey as t } from "../../../../i18n/declaration.js";
 import { PRODUCT_URL as n } from "../../../../utils/constants.js";
 import { cn as r } from "../../../../utils/utils.js";
-import { listbox_item_base_default as i } from "../../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.js";
-import { listbox_section_base_default as a } from "../../../../node_modules/@heroui/listbox/dist/chunk-ANTZPR32.js";
-import { autocomplete_default as o } from "../../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.js";
-import { formControlSettingsFieldClassName as s } from "../../../../utils/form-control-classes.js";
+import { formControlSettingsFieldClassName as i } from "../../../../utils/form-control-classes.js";
+import { listbox_item_base_default as a } from "../../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.js";
+import { listbox_section_base_default as o } from "../../../../node_modules/@heroui/listbox/dist/chunk-ANTZPR32.js";
+import { autocomplete_default as s } from "../../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.js";
 import { heroUiAutocompleteSelectorButtonClassName as c } from "../../../../ui/combobox-caret.js";
 import { mapProvider as l } from "../../../../utils/map-provider.js";
 import { extractModelAndProvider as u } from "../../../../utils/extract-model-and-provider.js";
@@ -39,7 +39,7 @@ function _({ isDisabled: _, currentModel: v, onChange: y, onDefaultValuesChanged
 				children: [/* @__PURE__ */ h("label", {
 					className: r("text-sm", S),
 					children: z(t.LLM$PROVIDER)
-				}), /* @__PURE__ */ g(o, {
+				}), /* @__PURE__ */ g(s, {
 					"data-testid": "llm-provider-input",
 					isRequired: !0,
 					isVirtualized: !1,
@@ -58,18 +58,18 @@ function _({ isDisabled: _, currentModel: v, onChange: y, onDefaultValuesChanged
 						selectorButton: c
 					},
 					selectorButtonProps: { disableRipple: !0 },
-					inputProps: { classNames: { inputWrapper: s } },
-					children: [/* @__PURE__ */ h(a, {
+					inputProps: { classNames: { inputWrapper: i } },
+					children: [/* @__PURE__ */ h(o, {
 						title: z(t.MODEL_SELECTOR$VERIFIED),
 						classNames: { heading: "text-[var(--oh-muted)]" },
-						children: M.map((e) => /* @__PURE__ */ h(i, {
+						children: M.map((e) => /* @__PURE__ */ h(a, {
 							"data-testid": `provider-item-${e.name}`,
 							children: l(e.name)
 						}, e.name))
-					}), N.length > 0 ? /* @__PURE__ */ h(a, {
+					}), N.length > 0 ? /* @__PURE__ */ h(o, {
 						title: z(t.MODEL_SELECTOR$OTHERS),
 						classNames: { heading: "text-[var(--oh-muted)]" },
-						children: N.map((e) => /* @__PURE__ */ h(i, { children: l(e.name) }, e.name))
+						children: N.map((e) => /* @__PURE__ */ h(a, { children: l(e.name) }, e.name))
 					}) : null]
 				})]
 			}),
@@ -88,7 +88,7 @@ function _({ isDisabled: _, currentModel: v, onChange: y, onDefaultValuesChanged
 						className: r("text-sm", S),
 						children: z(t.LLM$MODEL)
 					}),
-					/* @__PURE__ */ g(o, {
+					/* @__PURE__ */ g(s, {
 						"data-testid": "llm-model-input",
 						isRequired: !0,
 						isVirtualized: !1,
@@ -107,15 +107,15 @@ function _({ isDisabled: _, currentModel: v, onChange: y, onDefaultValuesChanged
 							selectorButton: c
 						},
 						selectorButtonProps: { disableRipple: !0 },
-						inputProps: { classNames: { inputWrapper: s } },
-						children: [/* @__PURE__ */ h(a, {
+						inputProps: { classNames: { inputWrapper: i } },
+						children: [/* @__PURE__ */ h(o, {
 							title: z(t.MODEL_SELECTOR$VERIFIED),
 							classNames: { heading: "text-[var(--oh-muted)]" },
-							children: P.map((e) => /* @__PURE__ */ h(i, { children: e.name }, e.name))
-						}), F.length > 0 ? /* @__PURE__ */ h(a, {
+							children: P.map((e) => /* @__PURE__ */ h(a, { children: e.name }, e.name))
+						}), F.length > 0 ? /* @__PURE__ */ h(o, {
 							title: z(t.MODEL_SELECTOR$OTHERS),
 							classNames: { heading: "text-[var(--oh-muted)]" },
-							children: F.map((e) => /* @__PURE__ */ h(i, {
+							children: F.map((e) => /* @__PURE__ */ h(a, {
 								"data-testid": `model-item-${e.name}`,
 								children: e.name
 							}, e.name))

package/dist/config/defaults.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);var e={_comment:`Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.`,versions:{agentServer:`1.29.0`,agentCanvas:`1.1.0`,automation:`1.0.0a12`},compatibility:{minimumAgentServer:`1.28.0`},images:{agentServer:`ghcr.io/openhands/agent-server`,agentCanvas:`ghcr.io/openhands/agent-canvas`},ports:{agentServer:18e3,automation:18001,proxy:8e3},paths:{stateSubdir:`agent-canvas`,conversations:`agent-canvas/conversations`,bashEvents:`agent-canvas/bash_events`,automationDb:`automation/automations.db`},packages:{agentServer:`openhands-agent-server`,automation:`openhands-automation`,tools:`openhands-tools`,workspace:`openhands-workspace`}};exports.default=e;
+require(`../_virtual/_rolldown/runtime.cjs`);var e={_comment:`Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.`,versions:{agentServer:`1.33.0`,agentCanvas:`1.2.1`,automation:`1.1.4`},compatibility:{minimumAgentServer:`1.28.0`},constraints:{_comment:`Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.33.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).`,agentClientProtocol:`agent-client-protocol<0.11`},images:{agentServer:`ghcr.io/openhands/agent-server`,agentCanvas:`ghcr.io/openhands/agent-canvas`},ports:{agentServer:18e3,automation:18001,proxy:8e3},paths:{stateSubdir:`agent-canvas`,conversations:`agent-canvas/conversations`,bashEvents:`agent-canvas/bash_events`,automationDb:`automation/automations.db`},packages:{agentServer:`openhands-agent-server`,automation:`openhands-automation`,tools:`openhands-tools`,workspace:`openhands-workspace`}};exports.default=e;
 //# sourceMappingURL=defaults.cjs.map

package/dist/config/defaults.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.cjs","names":[],"sources":["../../config/defaults.json"],"sourcesContent":["{\n  \"_comment\": \"Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.\",\n\n  \"versions\": {\n    \"agentServer\": \"1.29.0\",\n    \"agentCanvas\": \"1.1.0\",\n    \"automation\": \"1.0.0a12\"\n  },\n\n  \"compatibility\": {\n    \"minimumAgentServer\": \"1.28.0\"\n  },\n\n  \"images\": {\n    \"agentServer\": \"ghcr.io/openhands/agent-server\",\n    \"agentCanvas\": \"ghcr.io/openhands/agent-canvas\"\n  },\n\n  \"ports\": {\n    \"agentServer\": 18000,\n    \"automation\": 18001,\n    \"proxy\": 8000\n  },\n\n  \"paths\": {\n    \"stateSubdir\": \"agent-canvas\",\n    \"conversations\": \"agent-canvas/conversations\",\n    \"bashEvents\": \"agent-canvas/bash_events\",\n    \"automationDb\": \"automation/automations.db\"\n  },\n\n  \"packages\": {\n    \"agentServer\": \"openhands-agent-server\",\n    \"automation\": \"openhands-automation\",\n    \"tools\": \"openhands-tools\",\n    \"workspace\": \"openhands-workspace\"\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"defaults.cjs","names":[],"sources":["../../config/defaults.json"],"sourcesContent":["{\n  \"_comment\": \"Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.\",\n  \"versions\": {\n    \"agentServer\": \"1.33.0\",\n    \"agentCanvas\": \"1.2.1\",\n    \"automation\": \"1.1.4\"\n  },\n  \"compatibility\": {\n    \"minimumAgentServer\": \"1.28.0\"\n  },\n  \"constraints\": {\n    \"_comment\": \"Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.33.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).\",\n    \"agentClientProtocol\": \"agent-client-protocol<0.11\"\n  },\n  \"images\": {\n    \"agentServer\": \"ghcr.io/openhands/agent-server\",\n    \"agentCanvas\": \"ghcr.io/openhands/agent-canvas\"\n  },\n  \"ports\": {\n    \"agentServer\": 18000,\n    \"automation\": 18001,\n    \"proxy\": 8000\n  },\n  \"paths\": {\n    \"stateSubdir\": \"agent-canvas\",\n    \"conversations\": \"agent-canvas/conversations\",\n    \"bashEvents\": \"agent-canvas/bash_events\",\n    \"automationDb\": \"automation/automations.db\"\n  },\n  \"packages\": {\n    \"agentServer\": \"openhands-agent-server\",\n    \"automation\": \"openhands-automation\",\n    \"tools\": \"openhands-tools\",\n    \"workspace\": \"openhands-workspace\"\n  }\n}\n"],"mappings":""}

package/dist/config/defaults.js

@@ -1,11 +1,15 @@
 var e = {
 	_comment: "Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.",
 	versions: {
-		agentServer: "1.29.0",
-		agentCanvas: "1.1.0",
-		automation: "1.0.0a12"
+		agentServer: "1.33.0",
+		agentCanvas: "1.2.1",
+		automation: "1.1.4"
 	},
 	compatibility: { minimumAgentServer: "1.28.0" },
+	constraints: {
+		_comment: "Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.33.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).",
+		agentClientProtocol: "agent-client-protocol<0.11"
+	},
 	images: {
 		agentServer: "ghcr.io/openhands/agent-server",
 		agentCanvas: "ghcr.io/openhands/agent-canvas"

package/dist/config/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","names":[],"sources":["../../config/defaults.json"],"sourcesContent":["{\n  \"_comment\": \"Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.\",\n\n  \"versions\": {\n    \"agentServer\": \"1.29.0\",\n    \"agentCanvas\": \"1.1.0\",\n    \"automation\": \"1.0.0a12\"\n  },\n\n  \"compatibility\": {\n    \"minimumAgentServer\": \"1.28.0\"\n  },\n\n  \"images\": {\n    \"agentServer\": \"ghcr.io/openhands/agent-server\",\n    \"agentCanvas\": \"ghcr.io/openhands/agent-canvas\"\n  },\n\n  \"ports\": {\n    \"agentServer\": 18000,\n    \"automation\": 18001,\n    \"proxy\": 8000\n  },\n\n  \"paths\": {\n    \"stateSubdir\": \"agent-canvas\",\n    \"conversations\": \"agent-canvas/conversations\",\n    \"bashEvents\": \"agent-canvas/bash_events\",\n    \"automationDb\": \"automation/automations.db\"\n  },\n\n  \"packages\": {\n    \"agentServer\": \"openhands-agent-server\",\n    \"automation\": \"openhands-automation\",\n    \"tools\": \"openhands-tools\",\n    \"workspace\": \"openhands-workspace\"\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"defaults.js","names":[],"sources":["../../config/defaults.json"],"sourcesContent":["{\n  \"_comment\": \"Single source of truth for version pins, ports, paths, and defaults shared across the npm and Docker install paths. Read by scripts/dev-safe.mjs, scripts/dev-with-automation.mjs, docker/entrypoint.sh (via generated defaults.env), and .github/workflows/docker.yml.\",\n  \"versions\": {\n    \"agentServer\": \"1.33.0\",\n    \"agentCanvas\": \"1.2.1\",\n    \"automation\": \"1.1.4\"\n  },\n  \"compatibility\": {\n    \"minimumAgentServer\": \"1.28.0\"\n  },\n  \"constraints\": {\n    \"_comment\": \"Temporary upper bound on the agent-client-protocol (acp) transitive dependency. openhands-sdk 1.33.0 requires agent-client-protocol>=0.10.1 with no upper bound, but acp 0.11.0 reordered the ACP prompt() arguments and breaks the SDK's ACP client (a PromptRequest validation error surfaces as 'ACP error: 2 validation errors for PromptRequest'). Pin acp <0.11 until a fixed openhands-sdk ships. Consumed by scripts/dev-safe.mjs (agent-server uvx install) and .github/workflows/mock-llm-e2e.yml (mock ACP server venv).\",\n    \"agentClientProtocol\": \"agent-client-protocol<0.11\"\n  },\n  \"images\": {\n    \"agentServer\": \"ghcr.io/openhands/agent-server\",\n    \"agentCanvas\": \"ghcr.io/openhands/agent-canvas\"\n  },\n  \"ports\": {\n    \"agentServer\": 18000,\n    \"automation\": 18001,\n    \"proxy\": 8000\n  },\n  \"paths\": {\n    \"stateSubdir\": \"agent-canvas\",\n    \"conversations\": \"agent-canvas/conversations\",\n    \"bashEvents\": \"agent-canvas/bash_events\",\n    \"automationDb\": \"automation/automations.db\"\n  },\n  \"packages\": {\n    \"agentServer\": \"openhands-agent-server\",\n    \"automation\": \"openhands-automation\",\n    \"tools\": \"openhands-tools\",\n    \"workspace\": \"openhands-workspace\"\n  }\n}\n"],"mappings":""}