@openhands/agent-canvas 1.16.0 → 1.18.0

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.cjs","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 === \"/extensions\" ||\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":"myBAgBA,IAAM,EAAgB,EAAA,QAAM,SAAA,QAAA,QAAA,EAAA,SAAA,QAC1B,iDAAA,CAAA,EAA6D,KAAM,IAAO,CACxE,QAAS,EAAE,aACb,EAAE,CACJ,EAKM,EAAkB,EAAA,QAAM,SAAA,QAAA,QAAA,EAAA,SAAA,QAC5B,mCAAA,CAAA,EAA2D,KAAM,IAAO,CACtE,QAAS,EAAE,eACb,EAAE,CACJ,EACM,EAAsB,EAAA,QAAM,SAAA,QAAA,QAAA,EAAA,SAAA,QAChC,uCAAA,CAAA,EAA+D,KAAM,IAAO,CAC1E,QAAS,EAAE,mBACb,EAAE,CACJ,EAEM,EAA8B,IAEpC,SAAgB,GAAU,CACxB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,eAAgB,GAAA,cAAc,EAChC,CAAE,KAAM,GAAW,EAAA,UAAU,EAC7B,CACJ,KAAM,EACN,MAAO,EACP,QAAS,EACT,WAAY,GACV,EAAA,YAAY,EACV,CAAE,WAAU,UAAW,EAAA,wBAAwB,EAE/C,EADoB,EAAA,kBAAkB,CAChB,EAAkB,EAAO,QAAQ,IACvD,EAAY,EAAA,gBAAiB,GAAU,EAAM,SAAS,EACtD,EAAe,EAAA,gBAAiB,GAAU,EAAM,YAAY,EAC5D,CAAC,EAAqB,GAA0B,EAAA,QAAM,SAAS,EAAK,EACpE,CAAC,EAA6B,GAClC,EAAA,QAAM,SAAS,EAAK,EAChB,EAA6B,EAAA,QAAM,OAE/B,IAAI,EAIR,CAAC,EAAqB,GAA0B,EAAA,QAAM,SAAS,EAAK,EACpE,CAAC,EAAyB,GAC9B,EAAA,QAAM,SAAS,EAAK,EAChB,CAAC,EAAsB,GAA2B,EAAA,QAAM,SAAS,EAAK,EACtE,EAA6B,EAAA,QAAM,OAAO,EAAK,EAC/C,EAAG,GAA8B,EAAA,QAAM,WAAY,GAAM,EAAI,EAAG,CAAC,EACjE,CAAE,OAAQ,EAAiB,MAAO,GACtC,EAAA,oBAAoB,EAChB,CAAC,EAAqB,GAA0B,EAAA,QAAM,SAAS,EAAK,EACpE,CAAC,EAAqB,GAA0B,EAAA,QAAM,SAAS,EAAK,EACpE,EAA6B,EAAA,2BAC3B,EAA+B,EAAK,CAC5C,EACM,EAAsB,EAAA,eAAe,CAAa,EAExD,EAAA,QAAM,cAAgB,CACpB,EAAe,CACjB,EAAG,CAAC,EAAa,CAAc,CAAC,EAEhC,EAAA,QAAM,cAAgB,CACpB,GAAI,EAAiB,CACnB,EAAuB,EAAI,EAC3B,IAAM,EAAQ,0BAA4B,CACxC,EAAuB,EAAI,CAC7B,CAAC,EACD,UAAa,qBAAqB,CAAK,CACzC,CAEA,EAAuB,EAAK,EAC5B,IAAM,EAAQ,OAAO,eAAiB,CACpC,EAAuB,EAAK,CAC9B,EAAG,CAA2B,EAC9B,UAAa,OAAO,aAAa,CAAK,CACxC,EAAG,CAAC,CAAe,CAAC,EAEpB,EAAA,QAAM,cAAgB,CACpB,GAAI,CAAC,EACH,OAGF,IAAM,EAAa,GAAyB,CACtC,EAAM,MAAQ,UAChB,EAAe,CAEnB,EAGA,OADA,OAAO,iBAAiB,UAAW,CAAS,MAC/B,OAAO,oBAAoB,UAAW,CAAS,CAC9D,EAAG,CAAC,EAAiB,CAAc,CAAC,EAEpC,EAAA,QAAM,cAAgB,CAChB,IAAgB,YAClB,EAAuB,EAAK,EAE5B,CAAC,GACD,GACA,IAAwB,IAIxB,EAAA,kBAAkB,EAAE,EAAA,QAAQ,oBAAoB,CAAC,EAEjD,IAAwB,KACxB,CAAC,GAAQ,eAAe,mBAExB,EAAuB,EAAI,CAE/B,EAAG,CACD,EACA,EACA,EACA,EACA,GAAQ,eAAe,kBACvB,CACF,CAAC,EAED,IAAM,EAAsB,EAC1B,EAAY,EAAA,QAAQ,eAAiB,EAAA,QAAQ,gBAC/C,EACM,EAA2B,EAAA,QAAM,YACpC,GAAyC,CACxC,GAAI,CAAC,EACH,OAGF,IAAM,EAAS,EAAM,OACf,aAAkB,cAOtB,EAAO,QACL,8DACF,GAKF,EAAa,EAAK,EACpB,EACA,CAAC,EAAW,CAAY,CAC1B,EAqBM,EAAgB,CACpB,sBACA,WAtBqB,EAAA,QAAM,gBAAkB,CAC7C,EAAwB,EAAK,EAC7B,EAA2B,QAAU,GACrC,EAA2B,EAC3B,EAAa,EAAI,EACjB,OAAO,eAAiB,CACtB,EAA2B,QAAU,GACrC,EAA2B,CAC7B,EAAG,GAAG,CACR,EAAG,CAAC,CAAY,CAaF,EACZ,aAAgB,EAAa,EAAK,EAClC,0BAbA,GAAa,GAAwB,CAAC,EAA2B,QAcjE,mBAXA,IAAgB,cAChB,EAAY,WAAW,SAAS,GAChC,IAAgB,YAChB,IAAgB,eAChB,IAAgB,OAQhB,cACA,sBACA,8BACA,iCACA,6BACA,6BACA,qBAAwB,EAAuB,EAAI,EACnD,yBAA4B,EAA2B,EAAI,CAC7D,EAEA,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EAEE,EAAA,EAAA,KAAC,QAAD,CACE,aAAY,EAAE,EAAA,QAAQ,wBAAwB,EAC9C,iBAAgB,EAAY,OAAS,QACrC,QAAS,EACT,iBAAoB,CACd,GACF,EAAwB,EAAI,CAEhC,EACA,iBAAoB,CAClB,EAAwB,EAAK,CAC/B,EACA,UAAW,EAAA,GACT,wFACA,qDACA,EACI,wCACA,uDACJ,IAAgB,KAAO,SACzB,YAEA,EAAA,EAAA,KAAC,EAAA,gBAAD,CACa,YACX,mBAAA,GACA,GAAI,CACL,CAAA,CACI,CAAA,EAEN,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,2CACA,+DACA,EACI,cACA,+BACN,EACA,MAAO,CAAE,mBAAoB,GAAG,EAA4B,GAAI,EAChE,QAAS,EACT,cAAa,CAAC,CACf,CAAA,GACD,EAAA,EAAA,KAAC,QAAD,CACE,aAAY,EAAE,EAAA,QAAQ,wBAAwB,EAC9C,cAAY,wBACZ,cAAa,CAAC,EACd,UAAW,EAAA,GACT,gFACA,gEACA,iEACA,EAAsB,gBAAkB,mBAC1C,EACA,MAAO,CAAE,mBAAoB,GAAG,EAA4B,GAAI,YAEhE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,UAAW,GACX,mBAAoB,GACpB,sBAAA,GACA,cAAe,EACf,GAAI,CACL,CAAA,CACI,CAAA,CACP,CAAA,CAAA,EACA,KAEH,IACC,EAAA,EAAA,KAAC,EAAA,QAAM,SAAP,CAAgB,SAAU,eACxB,EAAA,EAAA,KAAC,EAAD,CACY,WACV,YAAe,EAAuB,EAAK,CAC5C,CAAA,CACa,CAAA,EAEjB,IACC,EAAA,EAAA,KAAC,EAAA,QAAM,SAAP,CAAgB,SAAU,eACxB,EAAA,EAAA,KAAC,EAAD,CAAiB,YAAe,EAAuB,EAAK,CAAI,CAAA,CAClD,CAAA,EAEjB,IACC,EAAA,EAAA,KAAC,EAAA,QAAM,SAAP,CAAgB,SAAU,eACxB,EAAA,EAAA,KAAC,EAAD,CACE,YAAe,EAA2B,EAAK,CAChD,CAAA,CACa,CAAA,CAElB,CAAA,CAAA,CAEN"}
+{"version":3,"file":"sidebar.cjs","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 === \"/apps\" ||\n    currentPath === \"/mcp\";\n\n  const railBodyProps = {\n    collapseToggleLabel,\n    onCollapse: handleCollapse,\n    onExpand: () => setCollapsed(false),\n    showCollapsedExpandButton,\n    isExtensionsActive,\n    currentPath,\n    activeBackend: active.backend,\n    activeOrgId: active.orgId,\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/sidebar/sidebar.js

@@ -6,20 +6,20 @@ import { displayErrorToast as i } from "../../../utils/custom-toast-handlers.js"
 import { useActiveBackendContext as a } from "../../../contexts/active-backend-context.js";
 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 l } from "./sidebar-mobile-nav-context.js";
+import { useConfig as l } from "../../../hooks/query/use-config.js";
+import { useSidebarMobileNav as ee } 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 _ = 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);
+var te = p.lazy(() => import("../../shared/modals/settings/settings-modal.js").then((e) => ({ default: e.SettingsModal }))), _ = p.lazy(() => import("../backends/add-backend-modal.js").then((e) => ({ default: e.AddBackendModal }))), v = p.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 } = l(), { data: C, error: w, isError: T, isFetching: E } = s(), { backends: D, active: O } = a(), k = u(D)[O.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 } = ee(), [q, J] = p.useState(!1), [Y, X] = p.useState(!1), Z = c(() => F(!1)), Q = o(w);
 	p.useEffect(() => {
 		K();
-	}, [S, K]), p.useEffect(() => {
+	}, [x, K]), p.useEffect(() => {
 		if (G) {
 			J(!0);
 			let e = requestAnimationFrame(() => {
@@ -30,7 +30,7 @@ function x() {
 		X(!1);
 		let e = window.setTimeout(() => {
 			J(!1);
-		}, b);
+		}, y);
 		return () => window.clearTimeout(e);
 	}, [G]), p.useEffect(() => {
 		if (!G) return;
@@ -39,16 +39,16 @@ function x() {
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [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 === "/settings" ? N(!1) : !E && T && Q !== 404 ? i(b(t.SETTINGS$FETCH_ERROR)) : Q === 404 && !S?.feature_flags?.hide_llm_settings && N(!0);
 	}, [
-		S,
-		D,
+		x,
 		E,
+		T,
 		Q,
-		C?.feature_flags?.hide_llm_settings,
-		x
+		S?.feature_flags?.hide_llm_settings,
+		b
 	]);
-	let ne = x(A ? t.SIDEBAR$EXPAND : t.SIDEBAR$COLLAPSE), re = p.useCallback((e) => {
+	let ne = b(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));
@@ -61,9 +61,11 @@ function x() {
 		}, [j]),
 		onExpand: () => j(!1),
 		showCollapsedExpandButton: A && V && !U.current,
-		isExtensionsActive: S === "/customize" || S.startsWith("/skills") || S === "/plugins" || S === "/extensions" || S === "/mcp",
-		currentPath: S,
-		activeBackendHealth: te,
+		isExtensionsActive: x === "/customize" || x.startsWith("/skills") || x === "/plugins" || x === "/apps" || x === "/mcp",
+		currentPath: x,
+		activeBackend: O.backend,
+		activeOrgId: O.orgId,
+		activeBackendHealth: k,
 		collapsedBackendPopoverOpen: P,
 		setCollapsedBackendPopoverOpen: F,
 		collapsedBackendPopoverRef: Z,
@@ -73,7 +75,7 @@ function x() {
 	};
 	return /* @__PURE__ */ g(m, { children: [
 		/* @__PURE__ */ h("aside", {
-			"aria-label": x(t.SIDEBAR$NAVIGATION_LABEL),
+			"aria-label": b(t.SIDEBAR$NAVIGATION_LABEL),
 			"data-collapsed": A ? "true" : "false",
 			onClick: re,
 			onMouseEnter: () => {
@@ -82,7 +84,7 @@ function x() {
 			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", S === "/" && "md:pb-3"),
+			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__ */ h(d, {
 				collapsed: A,
 				showCollapseToggle: !0,
@@ -91,15 +93,15 @@ function x() {
 		}),
 		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: `${b}ms` },
+			style: { transitionDuration: `${y}ms` },
 			onClick: K,
 			"aria-hidden": !Y
 		}), /* @__PURE__ */ h("aside", {
-			"aria-label": x(t.SIDEBAR$NAVIGATION_LABEL),
+			"aria-label": b(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: `${b}ms` },
+			style: { transitionDuration: `${y}ms` },
 			children: /* @__PURE__ */ h(d, {
 				collapsed: !1,
 				showCollapseToggle: !1,
@@ -110,22 +112,22 @@ function x() {
 		})] }) : null,
 		M && /* @__PURE__ */ h(p.Suspense, {
 			fallback: null,
-			children: /* @__PURE__ */ h(_, {
-				settings: w,
+			children: /* @__PURE__ */ h(te, {
+				settings: C,
 				onClose: () => N(!1)
 			})
 		}),
 		L && /* @__PURE__ */ h(p.Suspense, {
 			fallback: null,
-			children: /* @__PURE__ */ h(v, { onClose: () => R(!1) })
+			children: /* @__PURE__ */ h(_, { onClose: () => R(!1) })
 		}),
 		z && /* @__PURE__ */ h(p.Suspense, {
 			fallback: null,
-			children: /* @__PURE__ */ h(y, { onClose: () => B(!1) })
+			children: /* @__PURE__ */ h(v, { onClose: () => B(!1) })
 		})
 	] });
 }
 //#endregion
-export { x as Sidebar };
+export { b 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 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 === \"/extensions\" ||\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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"}
+{"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 === \"/apps\" ||\n    currentPath === \"/mcp\";\n\n  const railBodyProps = {\n    collapseToggleLabel,\n    onCollapse: handleCollapse,\n    onExpand: () => setCollapsed(false),\n    showCollapsedExpandButton,\n    isExtensionsActive,\n    currentPath,\n    activeBackend: active.backend,\n    activeOrgId: active.orgId,\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/sidebar/use-sidebar-onboarding-checklist.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../context/navigation-context.cjs"),t=require("../../../utils/mcp-config.cjs"),n=require("../../../hooks/query/use-llm-profiles.cjs"),r=require("../../../hooks/query/use-settings.cjs"),i=require("../../../hooks/use-llm-configured.cjs"),a=require("../../../hooks/query/use-automations.cjs"),o=require("../../../hooks/query/use-automation-health.cjs"),s=require("./sidebar-onboarding-checklist.constants.cjs"),c=require("./sidebar-onboarding-checklist-storage.cjs"),l=require("../../../hooks/query/use-paginated-conversations.cjs"),u=require("../onboarding/use-onboarding-completion.cjs"),d=require("./sidebar-onboarding-checklist-llm-complete.cjs");let f=require("react");function p(e){return Object.keys(t.parseMcpConfig(e)).length>0}function m(){let{isCompleted:t}=u.useOnboardingCompletion(),{currentPath:m}=e.useNavigation(),h=(0,f.useSyncExternalStore)(c.subscribeSidebarOnboardingChecklistDismissed,c.getSidebarOnboardingChecklistDismissedSnapshot,()=>!1),[g,_]=(0,f.useState)(c.readSidebarOnboardingChecklistMinimized),[v,y]=(0,f.useState)(c.readSidebarOnboardingChecklistCustomizeExplored),[b,x]=(0,f.useState)(c.readSidebarOnboardingChecklistSlackJoined),{data:S}=r.useSettings(),{isConfigured:C,isLoading:w}=i.useLlmConfigured(),{data:T,isLoading:E}=n.useLlmProfiles(),{data:D}=l.usePaginatedConversations(1),{data:O}=o.useAutomationHealth(),{data:k}=a.useAutomations({limit:1,offset:0,enabled:O?.status===`ok`});(0,f.useEffect)(()=>{s.isCustomizeChecklistPath(m)&&(v||(c.writeSidebarOnboardingChecklistCustomizeExplored(!0),y(!0)))},[m,v]);let A=(0,f.useMemo)(()=>{let e=(D?.pages[0]?.items.length??0)>0,t=(k?.total??0)>0;return{"configure-llm":d.isConfigureLlmChecklistItemComplete(S,C,w,T,E),"connect-mcp":p(S?.agent_settings?.mcp_config),"start-conversation":e,"schedule-task":t,"customize-agent":v,"join-slack":b}},[k?.total,D?.pages,v,b,C,w,E,T,S,S?.agent_settings?.mcp_config]),j=(0,f.useMemo)(()=>s.SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS.map(e=>({id:e,isComplete:A[e]})),[A]),M=j.filter(e=>e.isComplete).length,N=M===j.length,P=t&&!h&&!N;return{items:j,completedCount:M,totalCount:j.length,isVisible:P,isMinimized:g,dismiss:()=>{c.writeSidebarOnboardingChecklistDismissed(!0)},toggleMinimized:()=>{_(e=>{let t=!e;return c.writeSidebarOnboardingChecklistMinimized(t),t})},markJoinSlackComplete:()=>{b||(c.writeSidebarOnboardingChecklistSlackJoined(!0),x(!0))}}}exports.useSidebarOnboardingChecklist=m;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../context/navigation-context.cjs"),t=require("../../../utils/mcp-config.cjs"),n=require("../../../hooks/query/use-settings.cjs"),r=require("../../../hooks/query/use-llm-profiles.cjs"),i=require("../../../hooks/use-llm-configured.cjs"),a=require("../../../hooks/query/use-automations.cjs"),o=require("../../../hooks/query/use-automation-health.cjs"),s=require("./sidebar-onboarding-checklist.constants.cjs"),c=require("./sidebar-onboarding-checklist-storage.cjs"),l=require("../../../hooks/query/use-paginated-conversations.cjs"),u=require("../onboarding/use-onboarding-completion.cjs"),d=require("./sidebar-onboarding-checklist-llm-complete.cjs");let f=require("react");function p(e){return Object.keys(t.parseMcpConfig(e)).length>0}function m(){let{isCompleted:t}=u.useOnboardingCompletion(),{currentPath:m}=e.useNavigation(),h=(0,f.useSyncExternalStore)(c.subscribeSidebarOnboardingChecklistDismissed,c.getSidebarOnboardingChecklistDismissedSnapshot,()=>!1),[g,_]=(0,f.useState)(c.readSidebarOnboardingChecklistMinimized),[v,y]=(0,f.useState)(c.readSidebarOnboardingChecklistCustomizeExplored),[b,x]=(0,f.useState)(c.readSidebarOnboardingChecklistSlackJoined),{data:S}=n.useSettings(),{isConfigured:C,isLoading:w}=i.useLlmConfigured(),{data:T,isLoading:E}=r.useLlmProfiles(),{data:D}=l.usePaginatedConversations(1),{data:O}=o.useAutomationHealth(),{data:k}=a.useAutomations({limit:1,offset:0,enabled:O?.status===`ok`});(0,f.useEffect)(()=>{s.isCustomizeChecklistPath(m)&&(v||(c.writeSidebarOnboardingChecklistCustomizeExplored(!0),y(!0)))},[m,v]);let A=(0,f.useMemo)(()=>{let e=(D?.pages[0]?.items.length??0)>0,t=(k?.total??0)>0;return{"configure-llm":d.isConfigureLlmChecklistItemComplete(S,C,w,T,E),"connect-mcp":p(S?.agent_settings?.mcp_config),"start-conversation":e,"schedule-task":t,"customize-agent":v,"join-slack":b}},[k?.total,D?.pages,v,b,C,w,E,T,S,S?.agent_settings?.mcp_config]),j=(0,f.useMemo)(()=>s.SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS.map(e=>({id:e,isComplete:A[e]})),[A]),M=j.filter(e=>e.isComplete).length,N=M===j.length,P=t&&!h&&!N;return{items:j,completedCount:M,totalCount:j.length,isVisible:P,isMinimized:g,dismiss:()=>{c.writeSidebarOnboardingChecklistDismissed(!0)},toggleMinimized:()=>{_(e=>{let t=!e;return c.writeSidebarOnboardingChecklistMinimized(t),t})},markJoinSlackComplete:()=>{b||(c.writeSidebarOnboardingChecklistSlackJoined(!0),x(!0))}}}exports.useSidebarOnboardingChecklist=m;
 //# sourceMappingURL=use-sidebar-onboarding-checklist.cjs.map

package/dist/components/features/sidebar/use-sidebar-onboarding-checklist.js

@@ -1,7 +1,7 @@
 import { useNavigation as e } from "../../../context/navigation-context.js";
 import { parseMcpConfig as t } from "../../../utils/mcp-config.js";
-import { useLlmProfiles as n } from "../../../hooks/query/use-llm-profiles.js";
-import { useSettings as r } from "../../../hooks/query/use-settings.js";
+import { useSettings as n } from "../../../hooks/query/use-settings.js";
+import { useLlmProfiles as r } from "../../../hooks/query/use-llm-profiles.js";
 import { useLlmConfigured as i } from "../../../hooks/use-llm-configured.js";
 import { useAutomations as a } from "../../../hooks/query/use-automations.js";
 import { useAutomationHealth as o } from "../../../hooks/query/use-automation-health.js";
@@ -16,7 +16,7 @@ function T(e) {
 	return Object.keys(t(e)).length > 0;
 }
 function E() {
-	let { isCompleted: t } = y(), { currentPath: E } = e(), D = w(p, l, () => !1), [O, k] = C(d), [A, j] = C(u), [M, N] = C(f), { data: P } = r(), { isConfigured: F, isLoading: I } = i(), { data: L, isLoading: R } = n(), { data: z } = v(1), { data: B } = o(), { data: V } = a({
+	let { isCompleted: t } = y(), { currentPath: E } = e(), D = w(p, l, () => !1), [O, k] = C(d), [A, j] = C(u), [M, N] = C(f), { data: P } = n(), { isConfigured: F, isLoading: I } = i(), { data: L, isLoading: R } = r(), { data: z } = v(1), { data: B } = o(), { data: V } = a({
 		limit: 1,
 		offset: 0,
 		enabled: B?.status === "ok"

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("../../../node_modules/lucide-react/dist/esm/icons/blocks.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../api/backend-registry/active-store.cjs"),o=require("../../../contexts/active-backend-context.cjs"),s=require("../../shared/navigation-link.cjs"),c=require("../../../icons/skills.cjs"),l=require("../sidebar/sidebar-layout.cjs"),u=require("../settings/backend-synced-settings-badge.cjs"),d=require("../../../icons/server-process.cjs");let f=require("react/jsx-runtime");var p=`/skills`,m=new Set([`/plugins`,`/extensions`]),h=[{to:`/mcp`,label:`MCP Servers`,icon:(0,f.jsx)(d.default,{width:16,height:16}),end:!0},{to:`/skills`,label:`Skills`,icon:(0,f.jsx)(c.default,{width:16,height:16,"aria-hidden":`true`}),end:!0},{to:`/plugins`,label:`Plugins`,icon:(0,f.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,f.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,f.jsx)(`path`,{d:`m3.3 7 8.7 5 8.7-5`}),(0,f.jsx)(`path`,{d:`M12 22V12`})]}),end:!0},{to:`/extensions`,label:`Extensions`,icon:(0,f.jsx)(n.Blocks,{width:16,height:16,"aria-hidden":`true`}),end:!0}];function g(){let{t:n}=e.useTranslation(`openhands`),{active:c}=o.useActiveBackendContext(),{backend:d}=c,g=!a.isNoBackend(d)&&d.kind===`cloud`;return(0,f.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,f.jsx)(`span`,{className:`px-2 text-sm font-normal text-white`,children:n(t.I18nKey.NAV$CUSTOMIZE)}),(0,f.jsx)(`div`,{className:`flex flex-col gap-0.5 pt-0.5`,children:h.filter(e=>!(m.has(e.to)&&g)).map(e=>{let a=e.to===p&&g,o=(0,f.jsx)(`span`,{className:`shrink-0 flex items-center justify-center`,children:e.icon}),c=(0,f.jsx)(`span`,{className:`truncate`,children:a?n(t.I18nKey.SIDEBAR$SKILLS_AND_PLUGINS_CLOUD_LINK):e.label}),u=e.comingSoon&&(0,f.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:n(t.I18nKey.NAV$COMING_SOON)});if(a){let t=`${d.host.replace(/\/+$/,``)}/settings/skills`;return(0,f.jsxs)(`a`,{"data-testid":`sidebar-extensions-${e.to}`,href:t,target:`_blank`,rel:`noopener noreferrer`,className:i.cn(l.sidebarNavRowClassName(),`truncate`,l.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[o,c,(0,f.jsx)(r.ExternalLink,{className:`ml-auto size-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0})]},e.to)}return(0,f.jsxs)(s.NavigationLink,{to:e.to,end:e.end,"data-testid":`sidebar-extensions-${e.to}`,className:({isActive:e})=>i.cn(l.sidebarNavRowClassName(),`truncate`,e?l.SIDEBAR_ROW_INTERACTIVE_CLASS.active:l.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[o,c,u]},e.to)})}),(0,f.jsx)(`div`,{className:`px-2 pt-3`,children:(0,f.jsx)(u.BackendSyncedSettingsBadge,{})})]})}exports.ExtensionsNavigation=g;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/blocks.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../api/backend-registry/active-store.cjs"),o=require("../../../contexts/active-backend-context.cjs"),s=require("../../shared/navigation-link.cjs"),c=require("../../../icons/skills.cjs"),l=require("../sidebar/sidebar-layout.cjs"),u=require("../settings/backend-synced-settings-badge.cjs"),d=require("../../../icons/server-process.cjs");let f=require("react/jsx-runtime");var p=`/skills`,m=new Set([`/plugins`,`/apps`]),h=[{to:`/mcp`,label:`MCP Servers`,icon:(0,f.jsx)(d.default,{width:16,height:16}),end:!0},{to:`/skills`,label:`Skills`,icon:(0,f.jsx)(c.default,{width:16,height:16,"aria-hidden":`true`}),end:!0},{to:`/plugins`,label:`Plugins`,icon:(0,f.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,f.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,f.jsx)(`path`,{d:`m3.3 7 8.7 5 8.7-5`}),(0,f.jsx)(`path`,{d:`M12 22V12`})]}),end:!0},{to:`/apps`,label:`Apps`,icon:(0,f.jsx)(n.Blocks,{width:16,height:16,"aria-hidden":`true`}),end:!0}];function g(){let{t:n}=e.useTranslation(`openhands`),{active:c}=o.useActiveBackendContext(),{backend:d}=c,g=!a.isNoBackend(d)&&d.kind===`cloud`;return(0,f.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,f.jsx)(`span`,{className:`px-2 text-sm font-normal text-white`,children:n(t.I18nKey.NAV$CUSTOMIZE)}),(0,f.jsx)(`div`,{className:`flex flex-col gap-0.5 pt-0.5`,children:h.filter(e=>!(m.has(e.to)&&g)).map(e=>{let a=e.to===p&&g,o=(0,f.jsx)(`span`,{className:`shrink-0 flex items-center justify-center`,children:e.icon}),c=(0,f.jsx)(`span`,{className:`truncate`,children:a?n(t.I18nKey.SIDEBAR$SKILLS_AND_PLUGINS_CLOUD_LINK):e.label}),u=e.comingSoon&&(0,f.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:n(t.I18nKey.NAV$COMING_SOON)});if(a){let t=`${d.host.replace(/\/+$/,``)}/settings/skills`;return(0,f.jsxs)(`a`,{"data-testid":`sidebar-extensions-${e.to}`,href:t,target:`_blank`,rel:`noopener noreferrer`,className:i.cn(l.sidebarNavRowClassName(),`truncate`,l.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[o,c,(0,f.jsx)(r.ExternalLink,{className:`ml-auto size-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0})]},e.to)}return(0,f.jsxs)(s.NavigationLink,{to:e.to,end:e.end,"data-testid":`sidebar-extensions-${e.to}`,className:({isActive:e})=>i.cn(l.sidebarNavRowClassName(),`truncate`,e?l.SIDEBAR_ROW_INTERACTIVE_CLASS.active:l.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[o,c,u]},e.to)})}),(0,f.jsx)(`div`,{className:`px-2 pt-3`,children:(0,f.jsx)(u.BackendSyncedSettingsBadge,{})})]})}exports.ExtensionsNavigation=g;
 //# 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 { Blocks, ExternalLink } from \"lucide-react\";\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\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\n\n/** Only the Skills item points to a cloud-hosted page today. */\nconst CLOUD_LINKED_EXTENSION_PATH = \"/skills\";\n/** Backend-installed artifacts are not available on Cloud backends yet. */\nconst CLOUD_HIDDEN_EXTENSION_PATHS = new Set([\"/plugins\", \"/extensions\"]);\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: \"/mcp\",\n    label: \"MCP Servers\",\n    icon: <ServerProcessIcon width={16} height={16} />,\n    end: true,\n  },\n  {\n    to: \"/skills\",\n    label: \"Skills\",\n    icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\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    to: \"/extensions\",\n    label: \"Extensions\",\n    icon: <Blocks width={16} height={16} aria-hidden=\"true\" />,\n    end: true,\n  },\n];\n\nexport function ExtensionsNavigation() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend } = active;\n  const isCloudBackend = !isNoBackend(backend) && backend.kind === \"cloud\";\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.filter(\n          (item) =>\n            !(CLOUD_HIDDEN_EXTENSION_PATHS.has(item.to) && isCloudBackend),\n        ).map((item) => {\n          const isCloudSkillsLink =\n            item.to === CLOUD_LINKED_EXTENSION_PATH && isCloudBackend;\n          const baseRow = (\n            <span className=\"shrink-0 flex items-center justify-center\">\n              {item.icon}\n            </span>\n          );\n          const label = (\n            <span className=\"truncate\">\n              {isCloudSkillsLink\n                ? t(I18nKey.SIDEBAR$SKILLS_AND_PLUGINS_CLOUD_LINK)\n                : item.label}\n            </span>\n          );\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          if (isCloudSkillsLink) {\n            const cloudSkillsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings/skills`;\n            return (\n              <a\n                key={item.to}\n                data-testid={`sidebar-extensions-${item.to}`}\n                href={cloudSkillsUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={cn(\n                  sidebarNavRowClassName(),\n                  \"truncate\",\n                  SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n                )}\n              >\n                {baseRow}\n                {label}\n                <ExternalLink\n                  className=\"ml-auto size-4 shrink-0 text-[var(--oh-muted)]\"\n                  aria-hidden\n                />\n              </a>\n            );\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":"ovBAgBA,IAAM,EAA8B,UAE9B,EAA+B,IAAI,IAAI,CAAC,WAAY,aAAa,CAAC,EAU3D,EAA2C,CACtD,CACE,GAAI,OACJ,MAAO,cACP,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAmB,MAAO,GAAI,OAAQ,EAAK,CAAA,EACjD,IAAK,EACP,EACA,CACE,GAAI,UACJ,MAAO,SACP,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,MAAO,GAAI,OAAQ,GAAI,cAAY,MAAQ,CAAA,EAC7D,IAAK,EACP,EACA,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,wHAA0H,CAAA,GAClI,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,oBAAsB,CAAA,GAC9B,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,CAClB,IAEP,IAAK,EACP,EACA,CACE,GAAI,cACJ,MAAO,aACP,MAAM,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,MAAO,GAAI,OAAQ,GAAI,cAAY,MAAQ,CAAA,EACzD,IAAK,EACP,CACF,EAEA,SAAgB,GAAuB,CACrC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,UAAW,EAAA,wBAAwB,EACrC,CAAE,WAAY,EACd,EAAiB,CAAC,EAAA,YAAY,CAAO,GAAK,EAAQ,OAAS,QAEjE,OACE,EAAA,EAAA,MAAC,QAAD,CACE,cAAY,4BACZ,UAAU,yGAFZ,EAIE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,+CACb,EAAE,EAAA,QAAQ,aAAa,CACpB,CAAA,GACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wCACZ,EAAqB,OACnB,GACC,EAAE,EAA6B,IAAI,EAAK,EAAE,GAAK,EACnD,EAAE,IAAK,GAAS,CACd,IAAM,EACJ,EAAK,KAAO,GAA+B,EACvC,GACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDACb,EAAK,IACF,CAAA,EAEF,GACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBACb,EACG,EAAE,EAAA,QAAQ,qCAAqC,EAC/C,EAAK,KACL,CAAA,EAEF,EAAkB,EAAK,aAC3B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,2IACb,EAAE,EAAA,QAAQ,eAAe,CACtB,CAAA,EAGR,GAAI,EAAmB,CACrB,IAAM,EAAiB,GAAG,EAAQ,KAAK,QAAQ,OAAQ,EAAE,EAAE,kBAC3D,OACE,EAAA,EAAA,MAAC,IAAD,CAEE,cAAa,sBAAsB,EAAK,KACxC,KAAM,EACN,OAAO,SACP,IAAI,sBACJ,UAAW,EAAA,GACT,EAAA,uBAAuB,EACvB,WACA,EAAA,8BAA8B,IAChC,WAVF,CAYG,EACA,GACD,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAU,iDACV,cAAA,EACD,CAAA,CACA,GAjBI,EAAK,EAiBT,CAEP,CAEA,OACE,EAAA,EAAA,MAAC,EAAA,eAAD,CAEE,GAAI,EAAK,GACT,IAAK,EAAK,IACV,cAAa,sBAAsB,EAAK,KACxC,WAAY,CAAE,cACZ,EAAA,GACE,EAAA,uBAAuB,EACvB,WACA,EACI,EAAA,8BAA8B,OAC9B,EAAA,8BAA8B,IACpC,WAZJ,CAeG,EACA,EACA,CACa,GAjBT,EAAK,EAiBI,CAEpB,CAAC,CACE,CAAA,GACL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,2BAAD,CAA6B,CAAA,CAC1B,CAAA,CACA,GAEX"}
+{"version":3,"file":"extensions-navigation.cjs","names":[],"sources":["../../../../src/components/features/skills/extensions-navigation.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Blocks, ExternalLink } from \"lucide-react\";\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\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\n\n/** Only the Skills item points to a cloud-hosted page today. */\nconst CLOUD_LINKED_EXTENSION_PATH = \"/skills\";\n/** Backend-installed artifacts are not available on Cloud backends yet. */\nconst CLOUD_HIDDEN_EXTENSION_PATHS = new Set([\"/plugins\", \"/apps\"]);\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: \"/mcp\",\n    label: \"MCP Servers\",\n    icon: <ServerProcessIcon width={16} height={16} />,\n    end: true,\n  },\n  {\n    to: \"/skills\",\n    label: \"Skills\",\n    icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\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    to: \"/apps\",\n    label: \"Apps\",\n    icon: <Blocks width={16} height={16} aria-hidden=\"true\" />,\n    end: true,\n  },\n];\n\nexport function ExtensionsNavigation() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend } = active;\n  const isCloudBackend = !isNoBackend(backend) && backend.kind === \"cloud\";\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.filter(\n          (item) =>\n            !(CLOUD_HIDDEN_EXTENSION_PATHS.has(item.to) && isCloudBackend),\n        ).map((item) => {\n          const isCloudSkillsLink =\n            item.to === CLOUD_LINKED_EXTENSION_PATH && isCloudBackend;\n          const baseRow = (\n            <span className=\"shrink-0 flex items-center justify-center\">\n              {item.icon}\n            </span>\n          );\n          const label = (\n            <span className=\"truncate\">\n              {isCloudSkillsLink\n                ? t(I18nKey.SIDEBAR$SKILLS_AND_PLUGINS_CLOUD_LINK)\n                : item.label}\n            </span>\n          );\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          if (isCloudSkillsLink) {\n            const cloudSkillsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings/skills`;\n            return (\n              <a\n                key={item.to}\n                data-testid={`sidebar-extensions-${item.to}`}\n                href={cloudSkillsUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={cn(\n                  sidebarNavRowClassName(),\n                  \"truncate\",\n                  SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n                )}\n              >\n                {baseRow}\n                {label}\n                <ExternalLink\n                  className=\"ml-auto size-4 shrink-0 text-[var(--oh-muted)]\"\n                  aria-hidden\n                />\n              </a>\n            );\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":"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"}

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

@@ -12,7 +12,7 @@ import { BackendSyncedSettingsBadge as d } from "../settings/backend-synced-sett
 import f from "../../../icons/server-process.js";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/features/skills/extensions-navigation.tsx
-var h = "/skills", g = new Set(["/plugins", "/extensions"]), _ = [
+var h = "/skills", g = new Set(["/plugins", "/apps"]), _ = [
 	{
 		to: "/mcp",
 		label: "MCP Servers",
@@ -55,8 +55,8 @@ var h = "/skills", g = new Set(["/plugins", "/extensions"]), _ = [
 		end: !0
 	},
 	{
-		to: "/extensions",
-		label: "Extensions",
+		to: "/apps",
+		label: "Apps",
 		icon: /* @__PURE__ */ p(n, {
 			width: 16,
 			height: 16,

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 { Blocks, ExternalLink } from \"lucide-react\";\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\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\n\n/** Only the Skills item points to a cloud-hosted page today. */\nconst CLOUD_LINKED_EXTENSION_PATH = \"/skills\";\n/** Backend-installed artifacts are not available on Cloud backends yet. */\nconst CLOUD_HIDDEN_EXTENSION_PATHS = new Set([\"/plugins\", \"/extensions\"]);\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: \"/mcp\",\n    label: \"MCP Servers\",\n    icon: <ServerProcessIcon width={16} height={16} />,\n    end: true,\n  },\n  {\n    to: \"/skills\",\n    label: \"Skills\",\n    icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\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    to: \"/extensions\",\n    label: \"Extensions\",\n    icon: <Blocks width={16} height={16} aria-hidden=\"true\" />,\n    end: true,\n  },\n];\n\nexport function ExtensionsNavigation() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend } = active;\n  const isCloudBackend = !isNoBackend(backend) && backend.kind === \"cloud\";\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.filter(\n          (item) =>\n            !(CLOUD_HIDDEN_EXTENSION_PATHS.has(item.to) && isCloudBackend),\n        ).map((item) => {\n          const isCloudSkillsLink =\n            item.to === CLOUD_LINKED_EXTENSION_PATH && isCloudBackend;\n          const baseRow = (\n            <span className=\"shrink-0 flex items-center justify-center\">\n              {item.icon}\n            </span>\n          );\n          const label = (\n            <span className=\"truncate\">\n              {isCloudSkillsLink\n                ? t(I18nKey.SIDEBAR$SKILLS_AND_PLUGINS_CLOUD_LINK)\n                : item.label}\n            </span>\n          );\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          if (isCloudSkillsLink) {\n            const cloudSkillsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings/skills`;\n            return (\n              <a\n                key={item.to}\n                data-testid={`sidebar-extensions-${item.to}`}\n                href={cloudSkillsUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={cn(\n                  sidebarNavRowClassName(),\n                  \"truncate\",\n                  SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n                )}\n              >\n                {baseRow}\n                {label}\n                <ExternalLink\n                  className=\"ml-auto size-4 shrink-0 text-[var(--oh-muted)]\"\n                  aria-hidden\n                />\n              </a>\n            );\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":";;;;;;;;;;;;;;AAgBA,IAAM,IAA8B,WAE9B,IAA+B,IAAI,IAAI,CAAC,YAAY,aAAa,CAAC,GAU3D,IAA2C;CACtD;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAmB,OAAO;GAAI,QAAQ;EAAK,CAAA;EACjD,KAAK;CACP;CACA;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAY,OAAO;GAAI,QAAQ;GAAI,eAAY;EAAQ,CAAA;EAC7D,KAAK;CACP;CACA;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,yHAA0H,CAAA;IAClI,kBAAC,QAAD,EAAM,GAAE,qBAAsB,CAAA;IAC9B,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;GAClB;;EAEP,KAAK;CACP;CACA;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAQ,OAAO;GAAI,QAAQ;GAAI,eAAY;EAAQ,CAAA;EACzD,KAAK;CACP;AACF;AAEA,SAAgB,IAAuB;CACrC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,cAAW,EAAwB,GACrC,EAAE,eAAY,GACd,IAAiB,CAAC,EAAY,CAAO,KAAK,EAAQ,SAAS;CAEjE,OACE,kBAAC,SAAD;EACE,eAAY;EACZ,WAAU;YAFZ;GAIE,kBAAC,QAAD;IAAM,WAAU;cACb,EAAE,EAAQ,aAAa;GACpB,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAqB,QACnB,MACC,EAAE,EAA6B,IAAI,EAAK,EAAE,KAAK,EACnD,EAAE,KAAK,MAAS;KACd,IAAM,IACJ,EAAK,OAAO,KAA+B,GACvC,IACJ,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAK;KACF,CAAA,GAEF,IACJ,kBAAC,QAAD;MAAM,WAAU;gBACb,IACG,EAAE,EAAQ,qCAAqC,IAC/C,EAAK;KACL,CAAA,GAEF,IAAkB,EAAK,cAC3B,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAE,EAAQ,eAAe;KACtB,CAAA;KAGR,IAAI,GAAmB;MACrB,IAAM,IAAiB,GAAG,EAAQ,KAAK,QAAQ,QAAQ,EAAE,EAAE;MAC3D,OACE,kBAAC,KAAD;OAEE,eAAa,sBAAsB,EAAK;OACxC,MAAM;OACN,QAAO;OACP,KAAI;OACJ,WAAW,EACT,EAAuB,GACvB,YACA,EAA8B,IAChC;iBAVF;QAYG;QACA;QACD,kBAAC,GAAD;SACE,WAAU;SACV,eAAA;QACD,CAAA;OACA;SAjBI,EAAK,EAiBT;KAEP;KAEA,OACE,kBAAC,GAAD;MAEE,IAAI,EAAK;MACT,KAAK,EAAK;MACV,eAAa,sBAAsB,EAAK;MACxC,YAAY,EAAE,kBACZ,EACE,EAAuB,GACvB,YACA,IACI,EAA8B,SAC9B,EAA8B,IACpC;gBAZJ;OAeG;OACA;OACA;MACa;QAjBT,EAAK,EAiBI;IAEpB,CAAC;GACE,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAA6B,CAAA;GAC1B,CAAA;EACA;;AAEX"}
+{"version":3,"file":"extensions-navigation.js","names":[],"sources":["../../../../src/components/features/skills/extensions-navigation.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Blocks, ExternalLink } from \"lucide-react\";\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\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\n\n/** Only the Skills item points to a cloud-hosted page today. */\nconst CLOUD_LINKED_EXTENSION_PATH = \"/skills\";\n/** Backend-installed artifacts are not available on Cloud backends yet. */\nconst CLOUD_HIDDEN_EXTENSION_PATHS = new Set([\"/plugins\", \"/apps\"]);\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: \"/mcp\",\n    label: \"MCP Servers\",\n    icon: <ServerProcessIcon width={16} height={16} />,\n    end: true,\n  },\n  {\n    to: \"/skills\",\n    label: \"Skills\",\n    icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\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    to: \"/apps\",\n    label: \"Apps\",\n    icon: <Blocks width={16} height={16} aria-hidden=\"true\" />,\n    end: true,\n  },\n];\n\nexport function ExtensionsNavigation() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend } = active;\n  const isCloudBackend = !isNoBackend(backend) && backend.kind === \"cloud\";\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.filter(\n          (item) =>\n            !(CLOUD_HIDDEN_EXTENSION_PATHS.has(item.to) && isCloudBackend),\n        ).map((item) => {\n          const isCloudSkillsLink =\n            item.to === CLOUD_LINKED_EXTENSION_PATH && isCloudBackend;\n          const baseRow = (\n            <span className=\"shrink-0 flex items-center justify-center\">\n              {item.icon}\n            </span>\n          );\n          const label = (\n            <span className=\"truncate\">\n              {isCloudSkillsLink\n                ? t(I18nKey.SIDEBAR$SKILLS_AND_PLUGINS_CLOUD_LINK)\n                : item.label}\n            </span>\n          );\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          if (isCloudSkillsLink) {\n            const cloudSkillsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings/skills`;\n            return (\n              <a\n                key={item.to}\n                data-testid={`sidebar-extensions-${item.to}`}\n                href={cloudSkillsUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={cn(\n                  sidebarNavRowClassName(),\n                  \"truncate\",\n                  SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n                )}\n              >\n                {baseRow}\n                {label}\n                <ExternalLink\n                  className=\"ml-auto size-4 shrink-0 text-[var(--oh-muted)]\"\n                  aria-hidden\n                />\n              </a>\n            );\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":";;;;;;;;;;;;;;AAgBA,IAAM,IAA8B,WAE9B,IAA+B,IAAI,IAAI,CAAC,YAAY,OAAO,CAAC,GAUrD,IAA2C;CACtD;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAmB,OAAO;GAAI,QAAQ;EAAK,CAAA;EACjD,KAAK;CACP;CACA;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAY,OAAO;GAAI,QAAQ;GAAI,eAAY;EAAQ,CAAA;EAC7D,KAAK;CACP;CACA;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,yHAA0H,CAAA;IAClI,kBAAC,QAAD,EAAM,GAAE,qBAAsB,CAAA;IAC9B,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;GAClB;;EAEP,KAAK;CACP;CACA;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAQ,OAAO;GAAI,QAAQ;GAAI,eAAY;EAAQ,CAAA;EACzD,KAAK;CACP;AACF;AAEA,SAAgB,IAAuB;CACrC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,cAAW,EAAwB,GACrC,EAAE,eAAY,GACd,IAAiB,CAAC,EAAY,CAAO,KAAK,EAAQ,SAAS;CAEjE,OACE,kBAAC,SAAD;EACE,eAAY;EACZ,WAAU;YAFZ;GAIE,kBAAC,QAAD;IAAM,WAAU;cACb,EAAE,EAAQ,aAAa;GACpB,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAqB,QACnB,MACC,EAAE,EAA6B,IAAI,EAAK,EAAE,KAAK,EACnD,EAAE,KAAK,MAAS;KACd,IAAM,IACJ,EAAK,OAAO,KAA+B,GACvC,IACJ,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAK;KACF,CAAA,GAEF,IACJ,kBAAC,QAAD;MAAM,WAAU;gBACb,IACG,EAAE,EAAQ,qCAAqC,IAC/C,EAAK;KACL,CAAA,GAEF,IAAkB,EAAK,cAC3B,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAE,EAAQ,eAAe;KACtB,CAAA;KAGR,IAAI,GAAmB;MACrB,IAAM,IAAiB,GAAG,EAAQ,KAAK,QAAQ,QAAQ,EAAE,EAAE;MAC3D,OACE,kBAAC,KAAD;OAEE,eAAa,sBAAsB,EAAK;OACxC,MAAM;OACN,QAAO;OACP,KAAI;OACJ,WAAW,EACT,EAAuB,GACvB,YACA,EAA8B,IAChC;iBAVF;QAYG;QACA;QACD,kBAAC,GAAD;SACE,WAAU;SACV,eAAA;QACD,CAAA;OACA;SAjBI,EAAK,EAiBT;KAEP;KAEA,OACE,kBAAC,GAAD;MAEE,IAAI,EAAK;MACT,KAAK,EAAK;MACV,eAAa,sBAAsB,EAAK;MACxC,YAAY,EAAE,kBACZ,EACE,EAAuB,GACvB,YACA,IACI,EAA8B,SAC9B,EAA8B,IACpC;gBAZJ;OAeG;OACA;OACA;MACa;QAjBT,EAAK,EAiBI;IAEpB,CAAC;GACE,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAA6B,CAAA;GAC1B,CAAA;EACA;;AAEX"}

package/dist/components/providers/agent-server-ui-providers.cjs

@@ -1,2 +1,2 @@
-const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../node_modules/react-i18next/dist/es/I18nextProvider.cjs"),n=require("../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),r=require("../../i18n/index.cjs"),i=require("../../query-client-config.cjs"),a=require("../../contexts/active-backend-context.cjs"),o=require("./telemetry-provider.cjs"),s=require("./agent-server-ui-root.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u={provider:`posthog`};function d({children:e,queryClient:u,analytics:d,i18n:f,className:p,contentClassName:m,style:h,styleOverrides:g,theme:_,withStyleRoot:v=!0}){let y=c.default.useMemo(()=>u??i.getDefaultQueryClient(),[u]),b=c.default.useMemo(()=>f??r.getDefaultI18n(),[f]),x=c.default.useRef(null);x.current||={queryClient:i.getQueryClient(),i18n:r.getI18n()},i.setQueryClient(y),r.setI18n(b),c.default.useEffect(()=>()=>{x.current&&(i.setQueryClient(x.current.queryClient),r.setI18n(x.current.i18n))},[]);let S=(0,l.jsx)(o.TelemetryProvider,{config:d&&d.provider===`posthog`?{apiKey:d.apiKey,apiHost:d.apiHost,uiHost:d.uiHost}:!1,children:e});return(0,l.jsx)(t.I18nextProvider,{i18n:b,defaultNS:r.OPENHANDS_I18N_NAMESPACE,children:(0,l.jsx)(n.QueryClientProvider,{client:y,children:(0,l.jsx)(a.ActiveBackendProvider,{children:v?(0,l.jsx)(s.AgentServerUIRoot,{className:p,contentClassName:m,style:h,styleOverrides:g,theme:_,children:S}):S})})})}exports.AgentServerUIProviders=d,exports.DEFAULT_AGENT_SERVER_ANALYTICS=u;
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../node_modules/react-i18next/dist/es/I18nextProvider.cjs"),n=require("../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),r=require("../../i18n/index.cjs"),i=require("../../query-client-config.cjs"),a=require("../../contexts/active-backend-context.cjs"),o=require("../../hooks/query/use-free-models.cjs"),s=require("./telemetry-provider.cjs"),c=require("./agent-server-ui-root.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d={provider:`posthog`};function f(){return o.useHydrateFreeModels(),null}function p({children:e,queryClient:o,analytics:d,i18n:p,className:m,contentClassName:h,style:g,styleOverrides:_,theme:v,withStyleRoot:y=!0}){let b=l.default.useMemo(()=>o??i.getDefaultQueryClient(),[o]),x=l.default.useMemo(()=>p??r.getDefaultI18n(),[p]),S=l.default.useRef(null);S.current||={queryClient:i.getQueryClient(),i18n:r.getI18n()},i.setQueryClient(b),r.setI18n(x),l.default.useEffect(()=>()=>{S.current&&(i.setQueryClient(S.current.queryClient),r.setI18n(S.current.i18n))},[]);let C=(0,u.jsxs)(s.TelemetryProvider,{config:d&&d.provider===`posthog`?{apiKey:d.apiKey,apiHost:d.apiHost,uiHost:d.uiHost}:!1,children:[(0,u.jsx)(f,{}),e]});return(0,u.jsx)(t.I18nextProvider,{i18n:x,defaultNS:r.OPENHANDS_I18N_NAMESPACE,children:(0,u.jsx)(n.QueryClientProvider,{client:b,children:(0,u.jsx)(a.ActiveBackendProvider,{children:y?(0,u.jsx)(c.AgentServerUIRoot,{className:m,contentClassName:h,style:g,styleOverrides:_,theme:v,children:C}):C})})})}exports.AgentServerUIProviders=p,exports.DEFAULT_AGENT_SERVER_ANALYTICS=d;
 //# sourceMappingURL=agent-server-ui-providers.cjs.map

package/dist/components/providers/agent-server-ui-providers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"agent-server-ui-providers.cjs","names":[],"sources":["../../../src/components/providers/agent-server-ui-providers.tsx"],"sourcesContent":["import React from \"react\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { I18nextProvider } from \"react-i18next\";\nimport { type i18n as I18nInstance } from \"i18next\";\nimport {\n  getDefaultQueryClient,\n  getQueryClient,\n  setQueryClient,\n} from \"#/query-client-config\";\nimport {\n  OPENHANDS_I18N_NAMESPACE,\n  getDefaultI18n,\n  getI18n,\n  setI18n,\n} from \"#/i18n\";\nimport { ActiveBackendProvider } from \"#/contexts/active-backend-context\";\nimport type { TelemetryConfig } from \"#/services/telemetry\";\nimport { TelemetryProvider } from \"./telemetry-provider\";\nimport {\n  AgentServerUIRoot,\n  type AgentServerUIRootProps,\n} from \"./agent-server-ui-root\";\n\nexport interface AgentServerUIPostHogAnalyticsConfig extends TelemetryConfig {\n  provider: \"posthog\";\n}\n\nexport type AgentServerUIAnalyticsConfig =\n  | AgentServerUIPostHogAnalyticsConfig\n  | false\n  | null;\n\nexport const DEFAULT_AGENT_SERVER_ANALYTICS: AgentServerUIAnalyticsConfig = {\n  provider: \"posthog\",\n};\n\nexport interface AgentServerUIProvidersProps extends Pick<\n  AgentServerUIRootProps,\n  \"className\" | \"contentClassName\" | \"style\" | \"styleOverrides\" | \"theme\"\n> {\n  children: React.ReactNode;\n  queryClient?: QueryClient;\n  analytics?: AgentServerUIAnalyticsConfig;\n  i18n?: I18nInstance;\n  withStyleRoot?: boolean;\n}\n\nexport function AgentServerUIProviders({\n  children,\n  queryClient,\n  analytics,\n  i18n,\n  className,\n  contentClassName,\n  style,\n  styleOverrides,\n  theme,\n  withStyleRoot = true,\n}: AgentServerUIProvidersProps) {\n  const resolvedQueryClient = React.useMemo(\n    () => queryClient ?? getDefaultQueryClient(),\n    [queryClient],\n  );\n  const resolvedI18n = React.useMemo(() => i18n ?? getDefaultI18n(), [i18n]);\n  const previousProvidersRef = React.useRef<{\n    queryClient: QueryClient;\n    i18n: I18nInstance;\n  } | null>(null);\n\n  if (!previousProvidersRef.current) {\n    previousProvidersRef.current = {\n      queryClient: getQueryClient(),\n      i18n: getI18n(),\n    };\n  }\n\n  setQueryClient(resolvedQueryClient);\n  setI18n(resolvedI18n);\n\n  React.useEffect(\n    () => () => {\n      if (previousProvidersRef.current) {\n        setQueryClient(previousProvidersRef.current.queryClient);\n        setI18n(previousProvidersRef.current.i18n);\n      }\n    },\n    [],\n  );\n\n  const posthogConfig =\n    analytics && analytics.provider === \"posthog\"\n      ? {\n          apiKey: analytics.apiKey,\n          apiHost: analytics.apiHost,\n          uiHost: analytics.uiHost,\n        }\n      : false;\n  const content = (\n    <TelemetryProvider config={posthogConfig}>{children}</TelemetryProvider>\n  );\n\n  const wrappedContent = withStyleRoot ? (\n    <AgentServerUIRoot\n      className={className}\n      contentClassName={contentClassName}\n      style={style}\n      styleOverrides={styleOverrides}\n      theme={theme}\n    >\n      {content}\n    </AgentServerUIRoot>\n  ) : (\n    content\n  );\n\n  return (\n    <I18nextProvider i18n={resolvedI18n} defaultNS={OPENHANDS_I18N_NAMESPACE}>\n      <QueryClientProvider client={resolvedQueryClient}>\n        <ActiveBackendProvider>{wrappedContent}</ActiveBackendProvider>\n      </QueryClientProvider>\n    </I18nextProvider>\n  );\n}\n"],"mappings":"0fAgCA,IAAa,EAA+D,CAC1E,SAAU,SACZ,EAaA,SAAgB,EAAuB,CACrC,WACA,cACA,YACA,OACA,YACA,mBACA,QACA,iBACA,QACA,gBAAgB,IACc,CAC9B,IAAM,EAAsB,EAAA,QAAM,YAC1B,GAAe,EAAA,sBAAsB,EAC3C,CAAC,CAAW,CACd,EACM,EAAe,EAAA,QAAM,YAAc,GAAQ,EAAA,eAAe,EAAG,CAAC,CAAI,CAAC,EACnE,EAAuB,EAAA,QAAM,OAGzB,IAAI,EAEd,AACE,EAAqB,UAAU,CAC7B,YAAa,EAAA,eAAe,EAC5B,KAAM,EAAA,QAAQ,CAChB,EAGF,EAAA,eAAe,CAAmB,EAClC,EAAA,QAAQ,CAAY,EAEpB,EAAA,QAAM,kBACQ,CACN,EAAqB,UACvB,EAAA,eAAe,EAAqB,QAAQ,WAAW,EACvD,EAAA,QAAQ,EAAqB,QAAQ,IAAI,EAE7C,EACA,CAAC,CACH,EAUA,IAAM,GACJ,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,OARnB,GAAa,EAAU,WAAa,UAChC,CACE,OAAQ,EAAU,OAClB,QAAS,EAAU,QACnB,OAAQ,EAAU,MACpB,EACA,GAEuC,UAA4B,CAAA,EAiBzE,OACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,KAAM,EAAc,UAAW,EAAA,mCAC9C,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,OAAQ,YAC3B,EAAA,EAAA,KAAC,EAAA,sBAAD,CAAA,SAjBiB,GACrB,EAAA,EAAA,KAAC,EAAA,kBAAD,CACa,YACO,mBACX,QACS,iBACT,iBAEN,CACgB,CAAA,EAEnB,CAMkE,CAAA,CAC3C,CAAA,CACN,CAAA,CAErB"}
+{"version":3,"file":"agent-server-ui-providers.cjs","names":[],"sources":["../../../src/components/providers/agent-server-ui-providers.tsx"],"sourcesContent":["import React from \"react\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { I18nextProvider } from \"react-i18next\";\nimport { type i18n as I18nInstance } from \"i18next\";\nimport {\n  getDefaultQueryClient,\n  getQueryClient,\n  setQueryClient,\n} from \"#/query-client-config\";\nimport {\n  OPENHANDS_I18N_NAMESPACE,\n  getDefaultI18n,\n  getI18n,\n  setI18n,\n} from \"#/i18n\";\nimport { ActiveBackendProvider } from \"#/contexts/active-backend-context\";\nimport { useHydrateFreeModels } from \"#/hooks/query/use-free-models\";\nimport type { TelemetryConfig } from \"#/services/telemetry\";\nimport { TelemetryProvider } from \"./telemetry-provider\";\nimport {\n  AgentServerUIRoot,\n  type AgentServerUIRootProps,\n} from \"./agent-server-ui-root\";\n\nexport interface AgentServerUIPostHogAnalyticsConfig extends TelemetryConfig {\n  provider: \"posthog\";\n}\n\nexport type AgentServerUIAnalyticsConfig =\n  | AgentServerUIPostHogAnalyticsConfig\n  | false\n  | null;\n\nexport const DEFAULT_AGENT_SERVER_ANALYTICS: AgentServerUIAnalyticsConfig = {\n  provider: \"posthog\",\n};\n\nexport interface AgentServerUIProvidersProps extends Pick<\n  AgentServerUIRootProps,\n  \"className\" | \"contentClassName\" | \"style\" | \"styleOverrides\" | \"theme\"\n> {\n  children: React.ReactNode;\n  queryClient?: QueryClient;\n  analytics?: AgentServerUIAnalyticsConfig;\n  i18n?: I18nInstance;\n  withStyleRoot?: boolean;\n}\n\n/**\n * Fetches the DB-driven free / default model flags once and mirrors them into\n * the free-models store. Rendered inside the query provider so leaf components\n * can read the flags synchronously without a QueryClientProvider in scope.\n */\nfunction FreeModelsHydrator() {\n  useHydrateFreeModels();\n  return null;\n}\n\nexport function AgentServerUIProviders({\n  children,\n  queryClient,\n  analytics,\n  i18n,\n  className,\n  contentClassName,\n  style,\n  styleOverrides,\n  theme,\n  withStyleRoot = true,\n}: AgentServerUIProvidersProps) {\n  const resolvedQueryClient = React.useMemo(\n    () => queryClient ?? getDefaultQueryClient(),\n    [queryClient],\n  );\n  const resolvedI18n = React.useMemo(() => i18n ?? getDefaultI18n(), [i18n]);\n  const previousProvidersRef = React.useRef<{\n    queryClient: QueryClient;\n    i18n: I18nInstance;\n  } | null>(null);\n\n  if (!previousProvidersRef.current) {\n    previousProvidersRef.current = {\n      queryClient: getQueryClient(),\n      i18n: getI18n(),\n    };\n  }\n\n  setQueryClient(resolvedQueryClient);\n  setI18n(resolvedI18n);\n\n  React.useEffect(\n    () => () => {\n      if (previousProvidersRef.current) {\n        setQueryClient(previousProvidersRef.current.queryClient);\n        setI18n(previousProvidersRef.current.i18n);\n      }\n    },\n    [],\n  );\n\n  const posthogConfig =\n    analytics && analytics.provider === \"posthog\"\n      ? {\n          apiKey: analytics.apiKey,\n          apiHost: analytics.apiHost,\n          uiHost: analytics.uiHost,\n        }\n      : false;\n  const content = (\n    <TelemetryProvider config={posthogConfig}>\n      <FreeModelsHydrator />\n      {children}\n    </TelemetryProvider>\n  );\n\n  const wrappedContent = withStyleRoot ? (\n    <AgentServerUIRoot\n      className={className}\n      contentClassName={contentClassName}\n      style={style}\n      styleOverrides={styleOverrides}\n      theme={theme}\n    >\n      {content}\n    </AgentServerUIRoot>\n  ) : (\n    content\n  );\n\n  return (\n    <I18nextProvider i18n={resolvedI18n} defaultNS={OPENHANDS_I18N_NAMESPACE}>\n      <QueryClientProvider client={resolvedQueryClient}>\n        <ActiveBackendProvider>{wrappedContent}</ActiveBackendProvider>\n      </QueryClientProvider>\n    </I18nextProvider>\n  );\n}\n"],"mappings":"6iBAiCA,IAAa,EAA+D,CAC1E,SAAU,SACZ,EAkBA,SAAS,GAAqB,CAE5B,OADA,EAAA,qBAAqB,EACd,IACT,CAEA,SAAgB,EAAuB,CACrC,WACA,cACA,YACA,OACA,YACA,mBACA,QACA,iBACA,QACA,gBAAgB,IACc,CAC9B,IAAM,EAAsB,EAAA,QAAM,YAC1B,GAAe,EAAA,sBAAsB,EAC3C,CAAC,CAAW,CACd,EACM,EAAe,EAAA,QAAM,YAAc,GAAQ,EAAA,eAAe,EAAG,CAAC,CAAI,CAAC,EACnE,EAAuB,EAAA,QAAM,OAGzB,IAAI,EAEd,AACE,EAAqB,UAAU,CAC7B,YAAa,EAAA,eAAe,EAC5B,KAAM,EAAA,QAAQ,CAChB,EAGF,EAAA,eAAe,CAAmB,EAClC,EAAA,QAAQ,CAAY,EAEpB,EAAA,QAAM,kBACQ,CACN,EAAqB,UACvB,EAAA,eAAe,EAAqB,QAAQ,WAAW,EACvD,EAAA,QAAQ,EAAqB,QAAQ,IAAI,EAE7C,EACA,CAAC,CACH,EAUA,IAAM,GACJ,EAAA,EAAA,MAAC,EAAA,kBAAD,CAAmB,OARnB,GAAa,EAAU,WAAa,UAChC,CACE,OAAQ,EAAU,OAClB,QAAS,EAAU,QACnB,OAAQ,EAAU,MACpB,EACA,YAEJ,EACE,EAAA,EAAA,KAAC,EAAD,CAAqB,CAAA,EACpB,CACgB,IAiBrB,OACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,KAAM,EAAc,UAAW,EAAA,mCAC9C,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,OAAQ,YAC3B,EAAA,EAAA,KAAC,EAAA,sBAAD,CAAA,SAjBiB,GACrB,EAAA,EAAA,KAAC,EAAA,kBAAD,CACa,YACO,mBACX,QACS,iBACT,iBAEN,CACgB,CAAA,EAEnB,CAMkE,CAAA,CAC3C,CAAA,CACN,CAAA,CAErB"}

package/dist/components/providers/agent-server-ui-providers.js

@@ -3,45 +3,49 @@ import { QueryClientProvider as t } from "../../node_modules/@tanstack/react-que
 import { OPENHANDS_I18N_NAMESPACE as n, getDefaultI18n as r, getI18n as i, setI18n as a } from "../../i18n/index.js";
 import { getDefaultQueryClient as o, getQueryClient as s, setQueryClient as c } from "../../query-client-config.js";
 import { ActiveBackendProvider as l } from "../../contexts/active-backend-context.js";
-import { TelemetryProvider as u } from "./telemetry-provider.js";
-import { AgentServerUIRoot as d } from "./agent-server-ui-root.js";
-import f from "react";
-import { jsx as p } from "react/jsx-runtime";
+import { useHydrateFreeModels as u } from "../../hooks/query/use-free-models.js";
+import { TelemetryProvider as d } from "./telemetry-provider.js";
+import { AgentServerUIRoot as f } from "./agent-server-ui-root.js";
+import p from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/providers/agent-server-ui-providers.tsx
-var m = { provider: "posthog" };
-function h({ children: m, queryClient: h, analytics: g, i18n: _, className: v, contentClassName: y, style: b, styleOverrides: x, theme: S, withStyleRoot: C = !0 }) {
-	let w = f.useMemo(() => h ?? o(), [h]), T = f.useMemo(() => _ ?? r(), [_]), E = f.useRef(null);
-	E.current ||= {
+var g = { provider: "posthog" };
+function _() {
+	return u(), null;
+}
+function v({ children: u, queryClient: g, analytics: v, i18n: y, className: b, contentClassName: x, style: S, styleOverrides: C, theme: w, withStyleRoot: T = !0 }) {
+	let E = p.useMemo(() => g ?? o(), [g]), D = p.useMemo(() => y ?? r(), [y]), O = p.useRef(null);
+	O.current ||= {
 		queryClient: s(),
 		i18n: i()
-	}, c(w), a(T), f.useEffect(() => () => {
-		E.current && (c(E.current.queryClient), a(E.current.i18n));
+	}, c(E), a(D), p.useEffect(() => () => {
+		O.current && (c(O.current.queryClient), a(O.current.i18n));
 	}, []);
-	let D = /* @__PURE__ */ p(u, {
-		config: g && g.provider === "posthog" ? {
-			apiKey: g.apiKey,
-			apiHost: g.apiHost,
-			uiHost: g.uiHost
+	let k = /* @__PURE__ */ h(d, {
+		config: v && v.provider === "posthog" ? {
+			apiKey: v.apiKey,
+			apiHost: v.apiHost,
+			uiHost: v.uiHost
 		} : !1,
-		children: m
+		children: [/* @__PURE__ */ m(_, {}), u]
 	});
-	return /* @__PURE__ */ p(e, {
-		i18n: T,
+	return /* @__PURE__ */ m(e, {
+		i18n: D,
 		defaultNS: n,
-		children: /* @__PURE__ */ p(t, {
-			client: w,
-			children: /* @__PURE__ */ p(l, { children: C ? /* @__PURE__ */ p(d, {
-				className: v,
-				contentClassName: y,
-				style: b,
-				styleOverrides: x,
-				theme: S,
-				children: D
-			}) : D })
+		children: /* @__PURE__ */ m(t, {
+			client: E,
+			children: /* @__PURE__ */ m(l, { children: T ? /* @__PURE__ */ m(f, {
+				className: b,
+				contentClassName: x,
+				style: S,
+				styleOverrides: C,
+				theme: w,
+				children: k
+			}) : k })
 		})
 	});
 }
 //#endregion
-export { h as AgentServerUIProviders, m as DEFAULT_AGENT_SERVER_ANALYTICS };
+export { v as AgentServerUIProviders, g as DEFAULT_AGENT_SERVER_ANALYTICS };
 
 //# sourceMappingURL=agent-server-ui-providers.js.map