@openhands/agent-canvas 1.17.0 → 1.19.0

package/dist/components/features/sidebar/sidebar-rail-body.js

@@ -7,116 +7,117 @@ import { Plus as a } from "../../../node_modules/lucide-react/dist/esm/icons/plu
 import { Server as o } from "../../../node_modules/lucide-react/dist/esm/icons/server.js";
 import { Settings as s } from "../../../node_modules/lucide-react/dist/esm/icons/settings.js";
 import { cn as c } from "../../../utils/utils.js";
-import { automationListPath as l, getInterfaceCopy as u, hasAutomationInterface as d } from "../../../manifests/automation-interface.js";
-import { StyledTooltip as f } from "../../shared/buttons/styled-tooltip.js";
-import { NavigationLink as p } from "../../shared/navigation-link.js";
-import { SIDEBAR_COLLAPSED_LOGO_WRAPPER_CLASS as m, SIDEBAR_COLLAPSE_TOGGLE_OVERLAY_CLASS as h, SIDEBAR_ICON_BUTTON_CLASS as g, SIDEBAR_ICON_SLOT_CLASS as ee, sidebarHeaderRowClassName as te, sidebarNavLabelClassName as _, sidebarNavListClassName as v, sidebarNavRowClassName as y } from "./sidebar-layout.js";
+import { getLockedCloudHost as l } from "../../../api/agent-server-config.js";
+import { automationListPath as u, getInterfaceCopy as d, hasAutomationInterface as f } from "../../../manifests/automation-interface.js";
+import { StyledTooltip as p } from "../../shared/buttons/styled-tooltip.js";
+import { NavigationLink as m } from "../../shared/navigation-link.js";
+import { SIDEBAR_COLLAPSED_LOGO_WRAPPER_CLASS as ee, SIDEBAR_COLLAPSE_TOGGLE_OVERLAY_CLASS as te, SIDEBAR_ICON_BUTTON_CLASS as h, SIDEBAR_ICON_SLOT_CLASS as ne, sidebarHeaderRowClassName as g, sidebarNavLabelClassName as _, sidebarNavListClassName as v, sidebarNavRowClassName as y } from "./sidebar-layout.js";
 import { SidebarCollapsedIconSlot as b } from "./sidebar-collapsed-icon-slot.js";
 import { SidebarNavLink as x } from "./sidebar-nav-link.js";
 import { OpenHandsLogoButton as S } from "../../shared/buttons/openhands-logo-button.js";
-import { CUSTOMIZE_PATH as C, usePinnedHomeRoute as ne } from "../../../hooks/use-pinned-home-route.js";
-import { BackendStatusDot as w } from "../backends/backend-status-dot.js";
-import { BackendSelector as T } from "../backends/backend-selector.js";
+import { CUSTOMIZE_PATH as C, usePinnedHomeRoute as w } from "../../../hooks/use-pinned-home-route.js";
+import { BackendStatusDot as T } from "../backends/backend-status-dot.js";
+import { BackendSelector as E } from "../backends/backend-selector.js";
 import { CommandMenuTrigger as re } from "../command-menu/command-menu-trigger.js";
 import { AgentCanvasVersionTile as ie } from "../settings/agent-canvas-version-tile.js";
 import ae from "../../../icons/automations.js";
-import { SidebarConversationList as E } from "./sidebar-conversation-list.js";
-import { SidebarOnboardingChecklist as D } from "./sidebar-onboarding-checklist.js";
-import { useCanvasExtensionsRuntime as O } from "../canvas-extensions/canvas-extensions-runtime.js";
+import { SidebarConversationList as oe } from "./sidebar-conversation-list.js";
+import { SidebarOnboardingChecklist as se } from "./sidebar-onboarding-checklist.js";
+import { useCanvasExtensionsRuntime as D } from "../canvas-extensions/canvas-extensions-runtime.js";
 import "react";
-import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region src/components/features/sidebar/sidebar-rail-body.tsx
-var M = 18, N = 34, P = Math.round(N * 30 / 46);
-function F({ collapsed: F, showCollapseToggle: I, showMobileCloseButton: L = !1, onCloseMobile: R, collapseToggleLabel: z, onCollapse: B, onExpand: V, showCollapsedExpandButton: H, isExtensionsActive: U, currentPath: W, activeBackend: G, activeBackendHealth: K, collapsedBackendPopoverOpen: q, setCollapsedBackendPopoverOpen: J, collapsedBackendPopoverRef: oe, collapsedBackendCloseTimer: se, onOpenAddBackend: ce, onOpenManageBackends: le }) {
-	let { t: Y } = e("openhands"), { pages: ue } = O(), X = se, { isPinnedRoute: de, togglePinnedRoute: fe } = ne(), Z = (e, n) => {
-		let r = de(e);
+var j = 18, M = 34, N = Math.round(M * 30 / 46);
+function P({ collapsed: P, showCollapseToggle: F, showMobileCloseButton: I = !1, onCloseMobile: L, collapseToggleLabel: R, onCollapse: z, onExpand: B, showCollapsedExpandButton: V, isExtensionsActive: ce, currentPath: H, activeBackend: U, activeOrgId: W, activeBackendHealth: G, collapsedBackendPopoverOpen: K, setCollapsedBackendPopoverOpen: q, collapsedBackendPopoverRef: le, collapsedBackendCloseTimer: ue, onOpenAddBackend: de, onOpenManageBackends: fe }) {
+	let { t: J } = e("openhands"), { pages: pe } = D(), Y = ue, { isPinnedRoute: me, togglePinnedRoute: he } = w(), X = (e, n) => {
+		let r = me(e);
 		return {
 			pinned: r,
-			onToggle: () => fe(e),
-			label: Y(r ? t.SIDEBAR$UNPIN_AS_HOME : t.SIDEBAR$PIN_AS_HOME),
+			onToggle: () => he(e),
+			label: J(r ? t.SIDEBAR$UNPIN_AS_HOME : t.SIDEBAR$PIN_AS_HOME),
 			testId: n
 		};
-	}, Q = G.kind === "cloud", $ = Q ? `${G.host.replace(/\/+$/, "")}/settings` : null;
-	return /* @__PURE__ */ j("div", {
+	}, Z = U.kind === "cloud", ge = W ? `?org=${encodeURIComponent(W)}` : "", Q = Z ? `${U.host.replace(/\/+$/, "")}/settings${ge}` : null, $ = l() !== null;
+	return /* @__PURE__ */ A("div", {
 		className: "flex min-h-0 flex-1 flex-col",
 		children: [
-			/* @__PURE__ */ j("div", {
-				className: te(F),
+			/* @__PURE__ */ A("div", {
+				className: g(P),
 				children: [
-					/* @__PURE__ */ j("div", {
-						className: c(F && I ? m : "flex min-w-0 shrink-0 items-center"),
-						children: [/* @__PURE__ */ A("div", {
-							className: c(F && I && "flex h-full w-full items-center justify-start pl-2.5 transition-opacity duration-150", F && H && "opacity-0"),
-							children: /* @__PURE__ */ A(S, {
-								logoWidth: N,
-								logoHeight: P,
+					/* @__PURE__ */ A("div", {
+						className: c(P && F ? ee : "flex min-w-0 shrink-0 items-center"),
+						children: [/* @__PURE__ */ k("div", {
+							className: c(P && F && "flex h-full w-full items-center justify-start pl-2.5 transition-opacity duration-150", P && V && "opacity-0"),
+							children: /* @__PURE__ */ k(S, {
+								logoWidth: M,
+								logoHeight: N,
 								logoClassName: "max-w-none",
-								className: c(ee, "overflow-visible")
+								className: c(ne, "overflow-visible")
 							})
-						}), F && I ? /* @__PURE__ */ A("button", {
+						}), P && F ? /* @__PURE__ */ k("button", {
 							type: "button",
 							"data-testid": "sidebar-collapse-toggle",
-							"aria-pressed": F,
-							"aria-label": z,
-							onClick: V,
-							className: c(h, H ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"),
-							children: /* @__PURE__ */ A(r, {
+							"aria-pressed": P,
+							"aria-label": R,
+							onClick: B,
+							className: c(te, V ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"),
+							children: /* @__PURE__ */ k(r, {
 								width: 14,
 								height: 14
 							})
 						}) : null]
 					}),
-					!F && I ? /* @__PURE__ */ A("button", {
+					!P && F ? /* @__PURE__ */ k("button", {
 						type: "button",
 						"data-testid": "sidebar-collapse-toggle",
-						"aria-pressed": F,
-						"aria-label": z,
-						onClick: B,
-						className: c("hidden md:inline-flex ml-auto", g, "text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]"),
-						children: /* @__PURE__ */ A(n, {
+						"aria-pressed": P,
+						"aria-label": R,
+						onClick: z,
+						className: c("hidden md:inline-flex ml-auto", h, "text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]"),
+						children: /* @__PURE__ */ k(n, {
 							width: 14,
 							height: 14
 						})
 					}) : null,
-					!F && L ? /* @__PURE__ */ A("button", {
+					!P && I ? /* @__PURE__ */ k("button", {
 						type: "button",
 						"data-testid": "sidebar-mobile-drawer-close",
-						onClick: R,
-						"aria-label": Y(t.SIDEBAR$CLOSE_MENU),
-						className: c("inline-flex ml-auto", g, "text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]"),
-						children: /* @__PURE__ */ A(n, {
+						onClick: L,
+						"aria-label": J(t.SIDEBAR$CLOSE_MENU),
+						className: c("inline-flex ml-auto", h, "text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]"),
+						children: /* @__PURE__ */ k(n, {
 							width: 14,
 							height: 14
 						})
 					}) : null
 				]
 			}),
-			/* @__PURE__ */ j("nav", {
-				className: v(F),
+			/* @__PURE__ */ A("nav", {
+				className: v(P),
 				children: [
-					/* @__PURE__ */ A(re, { collapsed: F }),
-					/* @__PURE__ */ A(x, {
+					/* @__PURE__ */ k(re, { collapsed: P }),
+					/* @__PURE__ */ k(x, {
 						to: "/conversations",
 						end: !0,
-						label: Y(t.SIDEBAR$NEW_CHAT),
+						label: J(t.SIDEBAR$NEW_CHAT),
 						testId: "sidebar-conversations-link",
-						collapsed: F,
-						icon: /* @__PURE__ */ A(a, {
-							width: M,
-							height: M
+						collapsed: P,
+						icon: /* @__PURE__ */ k(a, {
+							width: j,
+							height: j
 						})
 					}),
-					/* @__PURE__ */ A(x, {
+					/* @__PURE__ */ k(x, {
 						to: C,
-						label: Y(t.NAV$CUSTOMIZE),
+						label: J(t.NAV$CUSTOMIZE),
 						testId: "sidebar-skills-link",
-						collapsed: F,
-						forceActive: U,
-						pinAction: Z(C, "sidebar-pin-home-toggle-customize"),
-						icon: /* @__PURE__ */ j("svg", {
+						collapsed: P,
+						forceActive: ce,
+						pinAction: X(C, "sidebar-pin-home-toggle-customize"),
+						icon: /* @__PURE__ */ A("svg", {
 							xmlns: "http://www.w3.org/2000/svg",
-							width: M,
-							height: M,
+							width: j,
+							height: j,
 							viewBox: "0 0 24 24",
 							fill: "none",
 							stroke: "currentColor",
@@ -125,140 +126,140 @@ function F({ collapsed: F, showCollapseToggle: I, showMobileCloseButton: L = !1,
 							strokeLinejoin: "round",
 							"aria-hidden": "true",
 							children: [
-								/* @__PURE__ */ A("path", { d: "M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z" }),
-								/* @__PURE__ */ A("path", { d: "m7 16.5-4.74-2.85" }),
-								/* @__PURE__ */ A("path", { d: "m7 16.5 5-3" }),
-								/* @__PURE__ */ A("path", { d: "M7 16.5v5.17" }),
-								/* @__PURE__ */ A("path", { d: "M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z" }),
-								/* @__PURE__ */ A("path", { d: "m17 16.5-5-3" }),
-								/* @__PURE__ */ A("path", { d: "m17 16.5 4.74-2.85" }),
-								/* @__PURE__ */ A("path", { d: "m17 16.5v5.17" }),
-								/* @__PURE__ */ A("path", { d: "M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z" }),
-								/* @__PURE__ */ A("path", { d: "M12 8 7.26 5.15" }),
-								/* @__PURE__ */ A("path", { d: "m12 8 4.74-2.85" }),
-								/* @__PURE__ */ A("path", { d: "M12 13.5V8" })
+								/* @__PURE__ */ k("path", { d: "M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z" }),
+								/* @__PURE__ */ k("path", { d: "m7 16.5-4.74-2.85" }),
+								/* @__PURE__ */ k("path", { d: "m7 16.5 5-3" }),
+								/* @__PURE__ */ k("path", { d: "M7 16.5v5.17" }),
+								/* @__PURE__ */ k("path", { d: "M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z" }),
+								/* @__PURE__ */ k("path", { d: "m17 16.5-5-3" }),
+								/* @__PURE__ */ k("path", { d: "m17 16.5 4.74-2.85" }),
+								/* @__PURE__ */ k("path", { d: "m17 16.5v5.17" }),
+								/* @__PURE__ */ k("path", { d: "M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z" }),
+								/* @__PURE__ */ k("path", { d: "M12 8 7.26 5.15" }),
+								/* @__PURE__ */ k("path", { d: "m12 8 4.74-2.85" }),
+								/* @__PURE__ */ k("path", { d: "M12 13.5V8" })
 							]
 						})
 					}),
-					d() && /* @__PURE__ */ A(x, {
-						to: l(),
-						label: u().sidebarLabel,
+					f() && /* @__PURE__ */ k(x, {
+						to: u(),
+						label: d().sidebarLabel,
 						testId: "sidebar-automations-link",
-						collapsed: F,
-						icon: /* @__PURE__ */ A(ae, {
-							width: M,
-							height: M
+						collapsed: P,
+						icon: /* @__PURE__ */ k(ae, {
+							width: j,
+							height: j
 						}),
-						pinAction: Z(l(), "sidebar-pin-home-toggle-automations")
+						pinAction: X(u(), "sidebar-pin-home-toggle-automations")
 					}),
-					ue.map((e) => /* @__PURE__ */ A(x, {
+					pe.map((e) => /* @__PURE__ */ k(x, {
 						to: e.href,
 						label: e.contribution.nav_label || e.contribution.title,
 						testId: `sidebar-canvas-extension-${e.extension.name}-${e.contribution.id}`,
-						collapsed: F,
-						icon: /* @__PURE__ */ A(i, {
-							width: M,
-							height: M
+						collapsed: P,
+						icon: /* @__PURE__ */ k(i, {
+							width: j,
+							height: j
 						})
 					}, `${e.extension.name}:${e.contribution.id}`))
 				]
 			}),
-			/* @__PURE__ */ A(E, { collapsed: F }),
-			F && I ? /* @__PURE__ */ j("nav", {
-				className: c(v(F), "mt-auto pb-2 cursor-pointer"),
-				children: [/* @__PURE__ */ A(f, {
-					content: Y(t.SIDEBAR$SETTINGS),
+			/* @__PURE__ */ k(oe, { collapsed: P }),
+			P && F ? /* @__PURE__ */ A("nav", {
+				className: c(v(P), "mt-auto pb-2 cursor-pointer"),
+				children: [/* @__PURE__ */ k(p, {
+					content: J(t.SIDEBAR$SETTINGS),
 					placement: "right",
-					children: Q && $ ? /* @__PURE__ */ j("a", {
-						href: $,
-						target: "_blank",
-						rel: "noopener noreferrer",
+					children: Z && Q ? /* @__PURE__ */ A("a", {
+						href: Q,
+						target: $ ? void 0 : "_blank",
+						rel: $ ? void 0 : "noopener noreferrer",
 						"data-testid": "collapsed-settings-link",
-						"aria-label": Y(t.SIDEBAR$SETTINGS),
+						"aria-label": J(t.SIDEBAR$SETTINGS),
 						className: y({ collapsed: !0 }),
-						children: [/* @__PURE__ */ A(b, {
+						children: [/* @__PURE__ */ k(b, {
 							active: !1,
-							children: /* @__PURE__ */ A(s, {
-								width: M,
-								height: M
+							children: /* @__PURE__ */ k(s, {
+								width: j,
+								height: j
 							})
-						}), /* @__PURE__ */ A("span", {
+						}), /* @__PURE__ */ k("span", {
 							className: _(!0),
-							children: Y(t.SIDEBAR$SETTINGS)
+							children: J(t.SIDEBAR$SETTINGS)
 						})]
-					}) : /* @__PURE__ */ j(p, {
+					}) : /* @__PURE__ */ A(m, {
 						to: "/settings",
 						"data-testid": "collapsed-settings-link",
-						"aria-label": Y(t.SIDEBAR$SETTINGS),
+						"aria-label": J(t.SIDEBAR$SETTINGS),
 						className: y({ collapsed: !0 }),
-						children: [/* @__PURE__ */ A(b, {
-							active: W.startsWith("/settings"),
-							children: /* @__PURE__ */ A(s, {
-								width: M,
-								height: M
+						children: [/* @__PURE__ */ k(b, {
+							active: H.startsWith("/settings"),
+							children: /* @__PURE__ */ k(s, {
+								width: j,
+								height: j
 							})
-						}), /* @__PURE__ */ A("span", {
+						}), /* @__PURE__ */ k("span", {
 							className: _(!0),
-							children: Y(t.SIDEBAR$SETTINGS)
+							children: J(t.SIDEBAR$SETTINGS)
 						})]
 					})
-				}), /* @__PURE__ */ j("div", {
+				}), /* @__PURE__ */ A("div", {
 					className: "relative",
-					ref: oe,
+					ref: le,
 					onMouseEnter: () => {
-						X.current &&= (clearTimeout(X.current), null), J(!0);
+						Y.current &&= (clearTimeout(Y.current), null), q(!0);
 					},
 					onMouseLeave: () => {
-						X.current = setTimeout(() => J(!1), 150);
+						Y.current = setTimeout(() => q(!1), 150);
 					},
-					children: [/* @__PURE__ */ j("button", {
+					children: [/* @__PURE__ */ A("button", {
 						type: "button",
 						"data-testid": "collapsed-backend-selector-link",
-						"aria-label": Y(t.BACKEND$MANAGE),
-						"aria-expanded": q,
+						"aria-label": J(t.BACKEND$MANAGE),
+						"aria-expanded": K,
 						onMouseDown: (e) => {
 							e.preventDefault(), e.stopPropagation();
 						},
 						onMouseUp: (e) => e.stopPropagation(),
 						className: c(y({ collapsed: !0 }), "relative"),
-						children: [/* @__PURE__ */ A(b, {
-							active: q,
-							children: /* @__PURE__ */ j("span", {
+						children: [/* @__PURE__ */ k(b, {
+							active: K,
+							children: /* @__PURE__ */ A("span", {
 								className: "relative inline-flex size-[18px] shrink-0 items-center justify-center",
-								children: [/* @__PURE__ */ A(w, {
-									isConnected: K?.isConnected ?? null,
+								children: [/* @__PURE__ */ k(T, {
+									isConnected: G?.isConnected ?? null,
 									className: "absolute -left-0.5 -top-0.5 z-[1] pointer-events-none"
-								}), /* @__PURE__ */ A(o, {
-									width: M,
-									height: M
+								}), /* @__PURE__ */ k(o, {
+									width: j,
+									height: j
 								})]
 							})
-						}), /* @__PURE__ */ A("span", {
+						}), /* @__PURE__ */ k("span", {
 							className: _(!0),
-							children: Y(t.BACKEND$MANAGE)
+							children: J(t.BACKEND$MANAGE)
 						})]
-					}), q ? /* @__PURE__ */ A("div", {
+					}), K ? /* @__PURE__ */ k("div", {
 						className: "absolute bottom-[-4px] left-full pl-2.5 z-40 w-[272px]",
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ A(T, {
-							sidebarCollapsed: F,
+						children: /* @__PURE__ */ k(E, {
+							sidebarCollapsed: P,
 							hideTrigger: !0,
 							defaultOpen: !0,
 							openUpward: !0,
-							onSelectOption: () => J(!1),
-							onOpenAddBackend: ce,
-							onOpenManageBackends: le
+							onSelectOption: () => q(!1),
+							onOpenAddBackend: de,
+							onOpenManageBackends: fe
 						})
 					}) : null]
 				})]
 			}) : null,
-			F ? null : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("div", {
+			P ? null : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("div", {
 				className: "mb-2 shrink-0 pr-2.5",
-				children: /* @__PURE__ */ A(D, { collapsed: F })
-			}), /* @__PURE__ */ j("div", {
+				children: /* @__PURE__ */ k(se, { collapsed: P })
+			}), /* @__PURE__ */ A("div", {
 				className: c("flex flex-col items-stretch max-w-none box-border shrink-0 gap-2", "-ml-2.5 w-[calc(100%+0.625rem)] border-t border-[var(--oh-border)] pt-2 px-2.5"),
-				children: [/* @__PURE__ */ A(ie, { hideWhenUpToDate: !0 }), /* @__PURE__ */ A(T, {
-					sidebarCollapsed: F,
+				children: [/* @__PURE__ */ k(ie, { hideWhenUpToDate: !0 }), /* @__PURE__ */ k(E, {
+					sidebarCollapsed: P,
 					openUpward: !0
 				})]
 			})] })
@@ -266,6 +267,6 @@ function F({ collapsed: F, showCollapseToggle: I, showMobileCloseButton: L = !1,
 	});
 }
 //#endregion
-export { F as SidebarRailBody };
+export { P as SidebarRailBody };
 
 //# sourceMappingURL=sidebar-rail-body.js.map

package/dist/components/features/sidebar/sidebar-rail-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-rail-body.js","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-rail-body.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  ChevronLeft,\n  ChevronRight,\n  Plus,\n  Server,\n  Settings,\n  PanelsTopLeft,\n} from \"lucide-react\";\nimport { OpenHandsLogoButton } from \"#/components/shared/buttons/openhands-logo-button\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport {\n  automationListPath,\n  getInterfaceCopy,\n  hasAutomationInterface,\n} from \"#/manifests/automation-interface\";\nimport {\n  CUSTOMIZE_PATH,\n  usePinnedHomeRoute,\n} from \"#/hooks/use-pinned-home-route\";\nimport { SidebarCollapsedIconSlot } from \"./sidebar-collapsed-icon-slot\";\nimport { SidebarNavLink } from \"./sidebar-nav-link\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { BackendSelector } from \"#/components/features/backends/backend-selector\";\nimport { BackendStatusDot } from \"#/components/features/backends/backend-status-dot\";\nimport { CommandMenuTrigger } from \"#/components/features/command-menu/command-menu-trigger\";\nimport { AgentCanvasVersionTile } from \"#/components/features/settings/agent-canvas-version-tile\";\nimport { SidebarConversationList } from \"./sidebar-conversation-list\";\nimport { SidebarOnboardingChecklist } from \"./sidebar-onboarding-checklist\";\nimport AutomationsIcon from \"#/icons/automations.svg?react\";\nimport {\n  SIDEBAR_COLLAPSE_TOGGLE_OVERLAY_CLASS,\n  SIDEBAR_COLLAPSED_LOGO_WRAPPER_CLASS,\n  SIDEBAR_ICON_BUTTON_CLASS,\n  SIDEBAR_ICON_SLOT_CLASS,\n  sidebarHeaderRowClassName,\n  sidebarNavLabelClassName,\n  sidebarNavListClassName,\n  sidebarNavRowClassName,\n} from \"./sidebar-layout\";\nimport { useCanvasExtensionsRuntime } from \"#/components/features/canvas-extensions/canvas-extensions-runtime\";\nimport type { Backend } from \"#/api/backend-registry/types\";\n\nconst ICON_SIZE = 18;\nconst SIDEBAR_LOGO_WIDTH = 34;\nconst SIDEBAR_LOGO_HEIGHT = Math.round((SIDEBAR_LOGO_WIDTH * 30) / 46);\n\nexport interface SidebarRailBodyProps {\n  collapsed: boolean;\n  showCollapseToggle: boolean;\n  showMobileCloseButton?: boolean;\n  onCloseMobile?: () => void;\n  collapseToggleLabel: string;\n  onCollapse: () => void;\n  onExpand: () => void;\n  showCollapsedExpandButton: boolean;\n  isExtensionsActive: boolean;\n  currentPath: string;\n  activeBackend: Backend;\n  activeBackendHealth: { isConnected: boolean | null } | undefined;\n  collapsedBackendPopoverOpen: boolean;\n  setCollapsedBackendPopoverOpen: (open: boolean) => void;\n  collapsedBackendPopoverRef: React.RefObject<HTMLDivElement | null>;\n  collapsedBackendCloseTimer: React.MutableRefObject<ReturnType<\n    typeof setTimeout\n  > | null>;\n  onOpenAddBackend: () => void;\n  onOpenManageBackends: () => void;\n}\n\nexport function SidebarRailBody({\n  collapsed,\n  showCollapseToggle,\n  showMobileCloseButton = false,\n  onCloseMobile,\n  collapseToggleLabel,\n  onCollapse,\n  onExpand,\n  showCollapsedExpandButton,\n  isExtensionsActive,\n  currentPath,\n  activeBackend,\n  activeBackendHealth,\n  collapsedBackendPopoverOpen,\n  setCollapsedBackendPopoverOpen,\n  collapsedBackendPopoverRef,\n  collapsedBackendCloseTimer,\n  onOpenAddBackend,\n  onOpenManageBackends,\n}: SidebarRailBodyProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { pages: canvasExtensionPages } = useCanvasExtensionsRuntime();\n  const backendCloseTimerRef = collapsedBackendCloseTimer;\n  const { isPinnedRoute, togglePinnedRoute } = usePinnedHomeRoute();\n\n  const buildPinAction = (path: string, testId: string) => {\n    const pinned = isPinnedRoute(path);\n    return {\n      pinned,\n      onToggle: () => togglePinnedRoute(path),\n      label: pinned\n        ? t(I18nKey.SIDEBAR$UNPIN_AS_HOME)\n        : t(I18nKey.SIDEBAR$PIN_AS_HOME),\n      testId,\n    };\n  };\n\n  const isCloudBackend = activeBackend.kind === \"cloud\";\n  const cloudSettingsUrl = isCloudBackend\n    ? `${activeBackend.host.replace(/\\/+$/, \"\")}/settings`\n    : null;\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col\">\n      <div className={sidebarHeaderRowClassName(collapsed)}>\n        <div\n          className={cn(\n            collapsed && showCollapseToggle\n              ? SIDEBAR_COLLAPSED_LOGO_WRAPPER_CLASS\n              : \"flex min-w-0 shrink-0 items-center\",\n          )}\n        >\n          <div\n            className={cn(\n              collapsed &&\n                showCollapseToggle &&\n                \"flex h-full w-full items-center justify-start pl-2.5 transition-opacity duration-150\",\n              collapsed && showCollapsedExpandButton && \"opacity-0\",\n            )}\n          >\n            <OpenHandsLogoButton\n              logoWidth={SIDEBAR_LOGO_WIDTH}\n              logoHeight={SIDEBAR_LOGO_HEIGHT}\n              logoClassName=\"max-w-none\"\n              className={cn(SIDEBAR_ICON_SLOT_CLASS, \"overflow-visible\")}\n            />\n          </div>\n          {collapsed && showCollapseToggle ? (\n            <button\n              type=\"button\"\n              data-testid=\"sidebar-collapse-toggle\"\n              aria-pressed={collapsed}\n              aria-label={collapseToggleLabel}\n              onClick={onExpand}\n              className={cn(\n                SIDEBAR_COLLAPSE_TOGGLE_OVERLAY_CLASS,\n                showCollapsedExpandButton\n                  ? \"opacity-100 pointer-events-auto\"\n                  : \"opacity-0 pointer-events-none\",\n              )}\n            >\n              <ChevronRight width={14} height={14} />\n            </button>\n          ) : null}\n        </div>\n        {!collapsed && showCollapseToggle ? (\n          <button\n            type=\"button\"\n            data-testid=\"sidebar-collapse-toggle\"\n            aria-pressed={collapsed}\n            aria-label={collapseToggleLabel}\n            onClick={onCollapse}\n            className={cn(\n              \"hidden md:inline-flex ml-auto\",\n              SIDEBAR_ICON_BUTTON_CLASS,\n              \"text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]\",\n            )}\n          >\n            <ChevronLeft width={14} height={14} />\n          </button>\n        ) : null}\n        {!collapsed && showMobileCloseButton ? (\n          <button\n            type=\"button\"\n            data-testid=\"sidebar-mobile-drawer-close\"\n            onClick={onCloseMobile}\n            aria-label={t(I18nKey.SIDEBAR$CLOSE_MENU)}\n            className={cn(\n              \"inline-flex ml-auto\",\n              SIDEBAR_ICON_BUTTON_CLASS,\n              \"text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]\",\n            )}\n          >\n            <ChevronLeft width={14} height={14} />\n          </button>\n        ) : null}\n      </div>\n\n      <nav className={sidebarNavListClassName(collapsed)}>\n        <CommandMenuTrigger collapsed={collapsed} />\n        <SidebarNavLink\n          to=\"/conversations\"\n          end\n          label={t(I18nKey.SIDEBAR$NEW_CHAT)}\n          testId=\"sidebar-conversations-link\"\n          collapsed={collapsed}\n          icon={<Plus width={ICON_SIZE} height={ICON_SIZE} />}\n        />\n        <SidebarNavLink\n          to={CUSTOMIZE_PATH}\n          label={t(I18nKey.NAV$CUSTOMIZE)}\n          testId=\"sidebar-skills-link\"\n          collapsed={collapsed}\n          forceActive={isExtensionsActive}\n          pinAction={buildPinAction(\n            CUSTOMIZE_PATH,\n            \"sidebar-pin-home-toggle-customize\",\n          )}\n          icon={\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width={ICON_SIZE}\n              height={ICON_SIZE}\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              aria-hidden=\"true\"\n            >\n              <path d=\"M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z\" />\n              <path d=\"m7 16.5-4.74-2.85\" />\n              <path d=\"m7 16.5 5-3\" />\n              <path d=\"M7 16.5v5.17\" />\n              <path d=\"M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z\" />\n              <path d=\"m17 16.5-5-3\" />\n              <path d=\"m17 16.5 4.74-2.85\" />\n              <path d=\"m17 16.5v5.17\" />\n              <path d=\"M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z\" />\n              <path d=\"M12 8 7.26 5.15\" />\n              <path d=\"m12 8 4.74-2.85\" />\n              <path d=\"M12 13.5V8\" />\n            </svg>\n          }\n        />\n        {/* The interface manifest owns this entry's label, so an absent\n            manifest leaves the rail without it rather than with host copy. */}\n        {hasAutomationInterface() && (\n          <SidebarNavLink\n            to={automationListPath()}\n            label={getInterfaceCopy().sidebarLabel}\n            testId=\"sidebar-automations-link\"\n            collapsed={collapsed}\n            icon={<AutomationsIcon width={ICON_SIZE} height={ICON_SIZE} />}\n            pinAction={buildPinAction(\n              automationListPath(),\n              \"sidebar-pin-home-toggle-automations\",\n            )}\n          />\n        )}\n        {canvasExtensionPages.map((page) => (\n          <SidebarNavLink\n            key={`${page.extension.name}:${page.contribution.id}`}\n            to={page.href}\n            label={page.contribution.nav_label || page.contribution.title}\n            testId={`sidebar-canvas-extension-${page.extension.name}-${page.contribution.id}`}\n            collapsed={collapsed}\n            icon={<PanelsTopLeft width={ICON_SIZE} height={ICON_SIZE} />}\n          />\n        ))}\n      </nav>\n\n      <SidebarConversationList collapsed={collapsed} />\n\n      {collapsed && showCollapseToggle ? (\n        <nav\n          className={cn(\n            sidebarNavListClassName(collapsed),\n            \"mt-auto pb-2 cursor-pointer\",\n          )}\n        >\n          <StyledTooltip\n            content={t(I18nKey.SIDEBAR$SETTINGS)}\n            placement=\"right\"\n          >\n            {isCloudBackend && cloudSettingsUrl ? (\n              <a\n                href={cloudSettingsUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                data-testid=\"collapsed-settings-link\"\n                aria-label={t(I18nKey.SIDEBAR$SETTINGS)}\n                className={sidebarNavRowClassName({ collapsed: true })}\n              >\n                <SidebarCollapsedIconSlot active={false}>\n                  <Settings width={ICON_SIZE} height={ICON_SIZE} />\n                </SidebarCollapsedIconSlot>\n                <span className={sidebarNavLabelClassName(true)}>\n                  {t(I18nKey.SIDEBAR$SETTINGS)}\n                </span>\n              </a>\n            ) : (\n              <NavigationLink\n                to=\"/settings\"\n                data-testid=\"collapsed-settings-link\"\n                aria-label={t(I18nKey.SIDEBAR$SETTINGS)}\n                className={sidebarNavRowClassName({ collapsed: true })}\n              >\n                <SidebarCollapsedIconSlot\n                  active={currentPath.startsWith(\"/settings\")}\n                >\n                  <Settings width={ICON_SIZE} height={ICON_SIZE} />\n                </SidebarCollapsedIconSlot>\n                <span className={sidebarNavLabelClassName(true)}>\n                  {t(I18nKey.SIDEBAR$SETTINGS)}\n                </span>\n              </NavigationLink>\n            )}\n          </StyledTooltip>\n          <div\n            className=\"relative\"\n            ref={collapsedBackendPopoverRef}\n            onMouseEnter={() => {\n              if (backendCloseTimerRef.current) {\n                clearTimeout(backendCloseTimerRef.current);\n                backendCloseTimerRef.current = null;\n              }\n              setCollapsedBackendPopoverOpen(true);\n            }}\n            onMouseLeave={() => {\n              backendCloseTimerRef.current = setTimeout(\n                () => setCollapsedBackendPopoverOpen(false),\n                150,\n              );\n            }}\n          >\n            <button\n              type=\"button\"\n              data-testid=\"collapsed-backend-selector-link\"\n              aria-label={t(I18nKey.BACKEND$MANAGE)}\n              aria-expanded={collapsedBackendPopoverOpen}\n              onMouseDown={(event) => {\n                event.preventDefault();\n                event.stopPropagation();\n              }}\n              onMouseUp={(event) => event.stopPropagation()}\n              className={cn(\n                sidebarNavRowClassName({ collapsed: true }),\n                \"relative\",\n              )}\n            >\n              <SidebarCollapsedIconSlot active={collapsedBackendPopoverOpen}>\n                <span className=\"relative inline-flex size-[18px] shrink-0 items-center justify-center\">\n                  <BackendStatusDot\n                    isConnected={activeBackendHealth?.isConnected ?? null}\n                    className=\"absolute -left-0.5 -top-0.5 z-[1] pointer-events-none\"\n                  />\n                  <Server width={ICON_SIZE} height={ICON_SIZE} />\n                </span>\n              </SidebarCollapsedIconSlot>\n              <span className={sidebarNavLabelClassName(true)}>\n                {t(I18nKey.BACKEND$MANAGE)}\n              </span>\n            </button>\n            {collapsedBackendPopoverOpen ? (\n              <div\n                className=\"absolute bottom-[-4px] left-full pl-2.5 z-40 w-[272px]\"\n                onClick={(event) => event.stopPropagation()}\n              >\n                <BackendSelector\n                  sidebarCollapsed={collapsed}\n                  hideTrigger\n                  defaultOpen\n                  openUpward\n                  onSelectOption={() => setCollapsedBackendPopoverOpen(false)}\n                  onOpenAddBackend={onOpenAddBackend}\n                  onOpenManageBackends={onOpenManageBackends}\n                />\n              </div>\n            ) : null}\n          </div>\n        </nav>\n      ) : null}\n\n      {!collapsed ? (\n        <>\n          <div className=\"mb-2 shrink-0 pr-2.5\">\n            <SidebarOnboardingChecklist collapsed={collapsed} />\n          </div>\n          <div\n            className={cn(\n              \"flex flex-col items-stretch max-w-none box-border shrink-0 gap-2\",\n              \"-ml-2.5 w-[calc(100%+0.625rem)] border-t border-[var(--oh-border)] pt-2 px-2.5\",\n            )}\n          >\n            <AgentCanvasVersionTile hideWhenUpToDate />\n            <BackendSelector sidebarCollapsed={collapsed} openUpward />\n          </div>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sidebar-rail-body.js","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-rail-body.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  ChevronLeft,\n  ChevronRight,\n  Plus,\n  Server,\n  Settings,\n  PanelsTopLeft,\n} from \"lucide-react\";\nimport { OpenHandsLogoButton } from \"#/components/shared/buttons/openhands-logo-button\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport {\n  automationListPath,\n  getInterfaceCopy,\n  hasAutomationInterface,\n} from \"#/manifests/automation-interface\";\nimport {\n  CUSTOMIZE_PATH,\n  usePinnedHomeRoute,\n} from \"#/hooks/use-pinned-home-route\";\nimport { SidebarCollapsedIconSlot } from \"./sidebar-collapsed-icon-slot\";\nimport { SidebarNavLink } from \"./sidebar-nav-link\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { BackendSelector } from \"#/components/features/backends/backend-selector\";\nimport { BackendStatusDot } from \"#/components/features/backends/backend-status-dot\";\nimport { CommandMenuTrigger } from \"#/components/features/command-menu/command-menu-trigger\";\nimport { AgentCanvasVersionTile } from \"#/components/features/settings/agent-canvas-version-tile\";\nimport { SidebarConversationList } from \"./sidebar-conversation-list\";\nimport { SidebarOnboardingChecklist } from \"./sidebar-onboarding-checklist\";\nimport AutomationsIcon from \"#/icons/automations.svg?react\";\nimport {\n  SIDEBAR_COLLAPSE_TOGGLE_OVERLAY_CLASS,\n  SIDEBAR_COLLAPSED_LOGO_WRAPPER_CLASS,\n  SIDEBAR_ICON_BUTTON_CLASS,\n  SIDEBAR_ICON_SLOT_CLASS,\n  sidebarHeaderRowClassName,\n  sidebarNavLabelClassName,\n  sidebarNavListClassName,\n  sidebarNavRowClassName,\n} from \"./sidebar-layout\";\nimport { useCanvasExtensionsRuntime } from \"#/components/features/canvas-extensions/canvas-extensions-runtime\";\nimport type { Backend } from \"#/api/backend-registry/types\";\n\nconst ICON_SIZE = 18;\nconst SIDEBAR_LOGO_WIDTH = 34;\nconst SIDEBAR_LOGO_HEIGHT = Math.round((SIDEBAR_LOGO_WIDTH * 30) / 46);\n\nexport interface SidebarRailBodyProps {\n  collapsed: boolean;\n  showCollapseToggle: boolean;\n  showMobileCloseButton?: boolean;\n  onCloseMobile?: () => void;\n  collapseToggleLabel: string;\n  onCollapse: () => void;\n  onExpand: () => void;\n  showCollapsedExpandButton: boolean;\n  isExtensionsActive: boolean;\n  currentPath: string;\n  activeBackend: Backend;\n  activeOrgId: string | null;\n  activeBackendHealth: { isConnected: boolean | null } | undefined;\n  collapsedBackendPopoverOpen: boolean;\n  setCollapsedBackendPopoverOpen: (open: boolean) => void;\n  collapsedBackendPopoverRef: React.RefObject<HTMLDivElement | null>;\n  collapsedBackendCloseTimer: React.MutableRefObject<ReturnType<\n    typeof setTimeout\n  > | null>;\n  onOpenAddBackend: () => void;\n  onOpenManageBackends: () => void;\n}\n\nexport function SidebarRailBody({\n  collapsed,\n  showCollapseToggle,\n  showMobileCloseButton = false,\n  onCloseMobile,\n  collapseToggleLabel,\n  onCollapse,\n  onExpand,\n  showCollapsedExpandButton,\n  isExtensionsActive,\n  currentPath,\n  activeBackend,\n  activeOrgId,\n  activeBackendHealth,\n  collapsedBackendPopoverOpen,\n  setCollapsedBackendPopoverOpen,\n  collapsedBackendPopoverRef,\n  collapsedBackendCloseTimer,\n  onOpenAddBackend,\n  onOpenManageBackends,\n}: SidebarRailBodyProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { pages: canvasExtensionPages } = useCanvasExtensionsRuntime();\n  const backendCloseTimerRef = collapsedBackendCloseTimer;\n  const { isPinnedRoute, togglePinnedRoute } = usePinnedHomeRoute();\n\n  const buildPinAction = (path: string, testId: string) => {\n    const pinned = isPinnedRoute(path);\n    return {\n      pinned,\n      onToggle: () => togglePinnedRoute(path),\n      label: pinned\n        ? t(I18nKey.SIDEBAR$UNPIN_AS_HOME)\n        : t(I18nKey.SIDEBAR$PIN_AS_HOME),\n      testId,\n    };\n  };\n\n  const isCloudBackend = activeBackend.kind === \"cloud\";\n  // `org` is consumed by the cloud settings loader so the page opens on the\n  // org that is active here instead of the cloud's last-used org.\n  const cloudSettingsOrgQuery = activeOrgId\n    ? `?org=${encodeURIComponent(activeOrgId)}`\n    : \"\";\n  const cloudSettingsUrl = isCloudBackend\n    ? `${activeBackend.host.replace(/\\/+$/, \"\")}/settings${cloudSettingsOrgQuery}`\n    : null;\n  // Locked-to-Cloud (SaaS / self-hosted OHE) serves the canvas at /canvas on\n  // the cloud host itself, so cloud settings open in this tab and Back\n  // returns here (OHE-3242). Standalone / Electron keep the new tab.\n  const isLockedToCloud = getLockedCloudHost() !== null;\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col\">\n      <div className={sidebarHeaderRowClassName(collapsed)}>\n        <div\n          className={cn(\n            collapsed && showCollapseToggle\n              ? SIDEBAR_COLLAPSED_LOGO_WRAPPER_CLASS\n              : \"flex min-w-0 shrink-0 items-center\",\n          )}\n        >\n          <div\n            className={cn(\n              collapsed &&\n                showCollapseToggle &&\n                \"flex h-full w-full items-center justify-start pl-2.5 transition-opacity duration-150\",\n              collapsed && showCollapsedExpandButton && \"opacity-0\",\n            )}\n          >\n            <OpenHandsLogoButton\n              logoWidth={SIDEBAR_LOGO_WIDTH}\n              logoHeight={SIDEBAR_LOGO_HEIGHT}\n              logoClassName=\"max-w-none\"\n              className={cn(SIDEBAR_ICON_SLOT_CLASS, \"overflow-visible\")}\n            />\n          </div>\n          {collapsed && showCollapseToggle ? (\n            <button\n              type=\"button\"\n              data-testid=\"sidebar-collapse-toggle\"\n              aria-pressed={collapsed}\n              aria-label={collapseToggleLabel}\n              onClick={onExpand}\n              className={cn(\n                SIDEBAR_COLLAPSE_TOGGLE_OVERLAY_CLASS,\n                showCollapsedExpandButton\n                  ? \"opacity-100 pointer-events-auto\"\n                  : \"opacity-0 pointer-events-none\",\n              )}\n            >\n              <ChevronRight width={14} height={14} />\n            </button>\n          ) : null}\n        </div>\n        {!collapsed && showCollapseToggle ? (\n          <button\n            type=\"button\"\n            data-testid=\"sidebar-collapse-toggle\"\n            aria-pressed={collapsed}\n            aria-label={collapseToggleLabel}\n            onClick={onCollapse}\n            className={cn(\n              \"hidden md:inline-flex ml-auto\",\n              SIDEBAR_ICON_BUTTON_CLASS,\n              \"text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]\",\n            )}\n          >\n            <ChevronLeft width={14} height={14} />\n          </button>\n        ) : null}\n        {!collapsed && showMobileCloseButton ? (\n          <button\n            type=\"button\"\n            data-testid=\"sidebar-mobile-drawer-close\"\n            onClick={onCloseMobile}\n            aria-label={t(I18nKey.SIDEBAR$CLOSE_MENU)}\n            className={cn(\n              \"inline-flex ml-auto\",\n              SIDEBAR_ICON_BUTTON_CLASS,\n              \"text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]\",\n            )}\n          >\n            <ChevronLeft width={14} height={14} />\n          </button>\n        ) : null}\n      </div>\n\n      <nav className={sidebarNavListClassName(collapsed)}>\n        <CommandMenuTrigger collapsed={collapsed} />\n        <SidebarNavLink\n          to=\"/conversations\"\n          end\n          label={t(I18nKey.SIDEBAR$NEW_CHAT)}\n          testId=\"sidebar-conversations-link\"\n          collapsed={collapsed}\n          icon={<Plus width={ICON_SIZE} height={ICON_SIZE} />}\n        />\n        <SidebarNavLink\n          to={CUSTOMIZE_PATH}\n          label={t(I18nKey.NAV$CUSTOMIZE)}\n          testId=\"sidebar-skills-link\"\n          collapsed={collapsed}\n          forceActive={isExtensionsActive}\n          pinAction={buildPinAction(\n            CUSTOMIZE_PATH,\n            \"sidebar-pin-home-toggle-customize\",\n          )}\n          icon={\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width={ICON_SIZE}\n              height={ICON_SIZE}\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              aria-hidden=\"true\"\n            >\n              <path d=\"M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z\" />\n              <path d=\"m7 16.5-4.74-2.85\" />\n              <path d=\"m7 16.5 5-3\" />\n              <path d=\"M7 16.5v5.17\" />\n              <path d=\"M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z\" />\n              <path d=\"m17 16.5-5-3\" />\n              <path d=\"m17 16.5 4.74-2.85\" />\n              <path d=\"m17 16.5v5.17\" />\n              <path d=\"M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z\" />\n              <path d=\"M12 8 7.26 5.15\" />\n              <path d=\"m12 8 4.74-2.85\" />\n              <path d=\"M12 13.5V8\" />\n            </svg>\n          }\n        />\n        {/* The interface manifest owns this entry's label, so an absent\n            manifest leaves the rail without it rather than with host copy. */}\n        {hasAutomationInterface() && (\n          <SidebarNavLink\n            to={automationListPath()}\n            label={getInterfaceCopy().sidebarLabel}\n            testId=\"sidebar-automations-link\"\n            collapsed={collapsed}\n            icon={<AutomationsIcon width={ICON_SIZE} height={ICON_SIZE} />}\n            pinAction={buildPinAction(\n              automationListPath(),\n              \"sidebar-pin-home-toggle-automations\",\n            )}\n          />\n        )}\n        {canvasExtensionPages.map((page) => (\n          <SidebarNavLink\n            key={`${page.extension.name}:${page.contribution.id}`}\n            to={page.href}\n            label={page.contribution.nav_label || page.contribution.title}\n            testId={`sidebar-canvas-extension-${page.extension.name}-${page.contribution.id}`}\n            collapsed={collapsed}\n            icon={<PanelsTopLeft width={ICON_SIZE} height={ICON_SIZE} />}\n          />\n        ))}\n      </nav>\n\n      <SidebarConversationList collapsed={collapsed} />\n\n      {collapsed && showCollapseToggle ? (\n        <nav\n          className={cn(\n            sidebarNavListClassName(collapsed),\n            \"mt-auto pb-2 cursor-pointer\",\n          )}\n        >\n          <StyledTooltip\n            content={t(I18nKey.SIDEBAR$SETTINGS)}\n            placement=\"right\"\n          >\n            {isCloudBackend && cloudSettingsUrl ? (\n              <a\n                href={cloudSettingsUrl}\n                target={isLockedToCloud ? undefined : \"_blank\"}\n                rel={isLockedToCloud ? undefined : \"noopener noreferrer\"}\n                data-testid=\"collapsed-settings-link\"\n                aria-label={t(I18nKey.SIDEBAR$SETTINGS)}\n                className={sidebarNavRowClassName({ collapsed: true })}\n              >\n                <SidebarCollapsedIconSlot active={false}>\n                  <Settings width={ICON_SIZE} height={ICON_SIZE} />\n                </SidebarCollapsedIconSlot>\n                <span className={sidebarNavLabelClassName(true)}>\n                  {t(I18nKey.SIDEBAR$SETTINGS)}\n                </span>\n              </a>\n            ) : (\n              <NavigationLink\n                to=\"/settings\"\n                data-testid=\"collapsed-settings-link\"\n                aria-label={t(I18nKey.SIDEBAR$SETTINGS)}\n                className={sidebarNavRowClassName({ collapsed: true })}\n              >\n                <SidebarCollapsedIconSlot\n                  active={currentPath.startsWith(\"/settings\")}\n                >\n                  <Settings width={ICON_SIZE} height={ICON_SIZE} />\n                </SidebarCollapsedIconSlot>\n                <span className={sidebarNavLabelClassName(true)}>\n                  {t(I18nKey.SIDEBAR$SETTINGS)}\n                </span>\n              </NavigationLink>\n            )}\n          </StyledTooltip>\n          <div\n            className=\"relative\"\n            ref={collapsedBackendPopoverRef}\n            onMouseEnter={() => {\n              if (backendCloseTimerRef.current) {\n                clearTimeout(backendCloseTimerRef.current);\n                backendCloseTimerRef.current = null;\n              }\n              setCollapsedBackendPopoverOpen(true);\n            }}\n            onMouseLeave={() => {\n              backendCloseTimerRef.current = setTimeout(\n                () => setCollapsedBackendPopoverOpen(false),\n                150,\n              );\n            }}\n          >\n            <button\n              type=\"button\"\n              data-testid=\"collapsed-backend-selector-link\"\n              aria-label={t(I18nKey.BACKEND$MANAGE)}\n              aria-expanded={collapsedBackendPopoverOpen}\n              onMouseDown={(event) => {\n                event.preventDefault();\n                event.stopPropagation();\n              }}\n              onMouseUp={(event) => event.stopPropagation()}\n              className={cn(\n                sidebarNavRowClassName({ collapsed: true }),\n                \"relative\",\n              )}\n            >\n              <SidebarCollapsedIconSlot active={collapsedBackendPopoverOpen}>\n                <span className=\"relative inline-flex size-[18px] shrink-0 items-center justify-center\">\n                  <BackendStatusDot\n                    isConnected={activeBackendHealth?.isConnected ?? null}\n                    className=\"absolute -left-0.5 -top-0.5 z-[1] pointer-events-none\"\n                  />\n                  <Server width={ICON_SIZE} height={ICON_SIZE} />\n                </span>\n              </SidebarCollapsedIconSlot>\n              <span className={sidebarNavLabelClassName(true)}>\n                {t(I18nKey.BACKEND$MANAGE)}\n              </span>\n            </button>\n            {collapsedBackendPopoverOpen ? (\n              <div\n                className=\"absolute bottom-[-4px] left-full pl-2.5 z-40 w-[272px]\"\n                onClick={(event) => event.stopPropagation()}\n              >\n                <BackendSelector\n                  sidebarCollapsed={collapsed}\n                  hideTrigger\n                  defaultOpen\n                  openUpward\n                  onSelectOption={() => setCollapsedBackendPopoverOpen(false)}\n                  onOpenAddBackend={onOpenAddBackend}\n                  onOpenManageBackends={onOpenManageBackends}\n                />\n              </div>\n            ) : null}\n          </div>\n        </nav>\n      ) : null}\n\n      {!collapsed ? (\n        <>\n          <div className=\"mb-2 shrink-0 pr-2.5\">\n            <SidebarOnboardingChecklist collapsed={collapsed} />\n          </div>\n          <div\n            className={cn(\n              \"flex flex-col items-stretch max-w-none box-border shrink-0 gap-2\",\n              \"-ml-2.5 w-[calc(100%+0.625rem)] border-t border-[var(--oh-border)] pt-2 px-2.5\",\n            )}\n          >\n            <AgentCanvasVersionTile hideWhenUpToDate />\n            <BackendSelector sidebarCollapsed={collapsed} openUpward />\n          </div>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../context/navigation-context.cjs"),a=require("../../../utils/custom-toast-handlers.cjs"),o=require("../../../contexts/active-backend-context.cjs"),s=require("../../../hooks/query/use-settings.cjs"),c=require("../../../hooks/use-click-outside-element.cjs"),l=require("../../../hooks/query/use-config.cjs"),u=require("./sidebar-mobile-nav-context.cjs"),d=require("../../../hooks/query/use-backends-health.cjs"),f=require("./sidebar-rail-body.cjs"),p=require("../../../stores/sidebar-store.cjs");let m=require("react");m=e.__toESM(m,1);let h=require("react/jsx-runtime");var g=m.default.lazy(()=>Promise.resolve().then(()=>require("../../shared/modals/settings/settings-modal.cjs")).then(e=>({default:e.SettingsModal}))),_=m.default.lazy(()=>Promise.resolve().then(()=>require("../backends/add-backend-modal.cjs")).then(e=>({default:e.AddBackendModal}))),v=m.default.lazy(()=>Promise.resolve().then(()=>require("../backends/manage-backends-modal.cjs")).then(e=>({default:e.ManageBackendsModal}))),y=250;function b(){let{t:e}=t.useTranslation(`openhands`),{currentPath:b}=i.useNavigation(),{data:x}=l.useConfig(),{data:S,error:C,isError:w,isFetching:T}=s.useSettings(),{backends:E,active:D}=o.useActiveBackendContext(),O=d.useBackendsHealth(E)[D.backend.id],k=p.useSidebarStore(e=>e.collapsed),A=p.useSidebarStore(e=>e.setCollapsed),[ee,j]=m.default.useState(!1),[M,N]=m.default.useState(!1),P=m.default.useRef(null),[F,I]=m.default.useState(!1),[L,R]=m.default.useState(!1),[z,B]=m.default.useState(!1),V=m.default.useRef(!1),[,H]=m.default.useReducer(e=>e+1,0),{isOpen:U,close:W}=u.useSidebarMobileNav(),[G,K]=m.default.useState(!1),[q,J]=m.default.useState(!1),Y=c.useClickOutsideElement(()=>N(!1)),X=s.getErrorStatus(C);m.default.useEffect(()=>{W()},[b,W]),m.default.useEffect(()=>{if(U){K(!0);let e=requestAnimationFrame(()=>{J(!0)});return()=>cancelAnimationFrame(e)}J(!1);let e=window.setTimeout(()=>{K(!1)},y);return()=>window.clearTimeout(e)},[U]),m.default.useEffect(()=>{if(!U)return;let e=e=>{e.key===`Escape`&&W()};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[U,W]),m.default.useEffect(()=>{b===`/settings`?j(!1):!T&&w&&X!==404?a.displayErrorToast(e(n.I18nKey.SETTINGS$FETCH_ERROR)):X===404&&!x?.feature_flags?.hide_llm_settings&&j(!0)},[b,T,w,X,x?.feature_flags?.hide_llm_settings,e]);let Z=e(k?n.I18nKey.SIDEBAR$EXPAND:n.I18nKey.SIDEBAR$COLLAPSE),Q=m.default.useCallback(e=>{if(!k)return;let t=e.target;t instanceof HTMLElement&&(t.closest(`a,button,input,textarea,select,[role='button'],[role='link']`)||A(!1))},[k,A]),$={collapseToggleLabel:Z,onCollapse:m.default.useCallback(()=>{B(!1),V.current=!0,H(),A(!0),window.setTimeout(()=>{V.current=!1,H()},250)},[A]),onExpand:()=>A(!1),showCollapsedExpandButton:k&&z&&!V.current,isExtensionsActive:b===`/customize`||b.startsWith(`/skills`)||b===`/plugins`||b===`/apps`||b===`/mcp`,currentPath:b,activeBackend:D.backend,activeBackendHealth:O,collapsedBackendPopoverOpen:M,setCollapsedBackendPopoverOpen:N,collapsedBackendPopoverRef:Y,collapsedBackendCloseTimer:P,onOpenAddBackend:()=>I(!0),onOpenManageBackends:()=>R(!0)};return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(`aside`,{"aria-label":e(n.I18nKey.SIDEBAR$NAVIGATION_LABEL),"data-collapsed":k?`true`:`false`,onClick:Q,onMouseEnter:()=>{k&&B(!0)},onMouseLeave:()=>{B(!1)},className:r.cn(`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`,k?`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`,b===`/`&&`md:pb-3`),children:(0,h.jsx)(f.SidebarRailBody,{collapsed:k,showCollapseToggle:!0,...$})}),G?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(`div`,{className:r.cn(`fixed inset-0 z-40 bg-black/50 md:hidden`,`transition-opacity ease-in-out motion-reduce:transition-none`,q?`opacity-100`:`pointer-events-none opacity-0`),style:{transitionDuration:`${y}ms`},onClick:W,"aria-hidden":!q}),(0,h.jsx)(`aside`,{"aria-label":e(n.I18nKey.SIDEBAR$NAVIGATION_LABEL),"data-testid":`sidebar-mobile-drawer`,"aria-hidden":!q,className:r.cn(`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`,q?`translate-x-0`:`-translate-x-full`),style:{transitionDuration:`${y}ms`},children:(0,h.jsx)(f.SidebarRailBody,{collapsed:!1,showCollapseToggle:!1,showMobileCloseButton:!0,onCloseMobile:W,...$})})]}):null,ee&&(0,h.jsx)(m.default.Suspense,{fallback:null,children:(0,h.jsx)(g,{settings:S,onClose:()=>j(!1)})}),F&&(0,h.jsx)(m.default.Suspense,{fallback:null,children:(0,h.jsx)(_,{onClose:()=>I(!1)})}),L&&(0,h.jsx)(m.default.Suspense,{fallback:null,children:(0,h.jsx)(v,{onClose:()=>R(!1)})})]})}exports.Sidebar=b;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../context/navigation-context.cjs"),a=require("../../../utils/custom-toast-handlers.cjs"),o=require("../../../contexts/active-backend-context.cjs"),s=require("../../../hooks/query/use-settings.cjs"),c=require("../../../hooks/use-click-outside-element.cjs"),l=require("../../../hooks/query/use-config.cjs"),u=require("./sidebar-mobile-nav-context.cjs"),d=require("../../../hooks/query/use-backends-health.cjs"),f=require("./sidebar-rail-body.cjs"),p=require("../../../stores/sidebar-store.cjs");let m=require("react");m=e.__toESM(m,1);let h=require("react/jsx-runtime");var g=m.default.lazy(()=>Promise.resolve().then(()=>require("../../shared/modals/settings/settings-modal.cjs")).then(e=>({default:e.SettingsModal}))),_=m.default.lazy(()=>Promise.resolve().then(()=>require("../backends/add-backend-modal.cjs")).then(e=>({default:e.AddBackendModal}))),v=m.default.lazy(()=>Promise.resolve().then(()=>require("../backends/manage-backends-modal.cjs")).then(e=>({default:e.ManageBackendsModal}))),y=250;function b(){let{t:e}=t.useTranslation(`openhands`),{currentPath:b}=i.useNavigation(),{data:x}=l.useConfig(),{data:S,error:C,isError:w,isFetching:T}=s.useSettings(),{backends:E,active:D}=o.useActiveBackendContext(),O=d.useBackendsHealth(E)[D.backend.id],k=p.useSidebarStore(e=>e.collapsed),A=p.useSidebarStore(e=>e.setCollapsed),[ee,j]=m.default.useState(!1),[M,N]=m.default.useState(!1),P=m.default.useRef(null),[F,I]=m.default.useState(!1),[L,R]=m.default.useState(!1),[z,B]=m.default.useState(!1),V=m.default.useRef(!1),[,H]=m.default.useReducer(e=>e+1,0),{isOpen:U,close:W}=u.useSidebarMobileNav(),[G,K]=m.default.useState(!1),[q,J]=m.default.useState(!1),Y=c.useClickOutsideElement(()=>N(!1)),X=s.getErrorStatus(C);m.default.useEffect(()=>{W()},[b,W]),m.default.useEffect(()=>{if(U){K(!0);let e=requestAnimationFrame(()=>{J(!0)});return()=>cancelAnimationFrame(e)}J(!1);let e=window.setTimeout(()=>{K(!1)},y);return()=>window.clearTimeout(e)},[U]),m.default.useEffect(()=>{if(!U)return;let e=e=>{e.key===`Escape`&&W()};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[U,W]),m.default.useEffect(()=>{b===`/settings`?j(!1):!T&&w&&X!==404?a.displayErrorToast(e(n.I18nKey.SETTINGS$FETCH_ERROR)):X===404&&!x?.feature_flags?.hide_llm_settings&&j(!0)},[b,T,w,X,x?.feature_flags?.hide_llm_settings,e]);let Z=e(k?n.I18nKey.SIDEBAR$EXPAND:n.I18nKey.SIDEBAR$COLLAPSE),Q=m.default.useCallback(e=>{if(!k)return;let t=e.target;t instanceof HTMLElement&&(t.closest(`a,button,input,textarea,select,[role='button'],[role='link']`)||A(!1))},[k,A]),$={collapseToggleLabel:Z,onCollapse:m.default.useCallback(()=>{B(!1),V.current=!0,H(),A(!0),window.setTimeout(()=>{V.current=!1,H()},250)},[A]),onExpand:()=>A(!1),showCollapsedExpandButton:k&&z&&!V.current,isExtensionsActive:b===`/customize`||b.startsWith(`/skills`)||b===`/plugins`||b===`/apps`||b===`/mcp`,currentPath:b,activeBackend:D.backend,activeOrgId:D.orgId,activeBackendHealth:O,collapsedBackendPopoverOpen:M,setCollapsedBackendPopoverOpen:N,collapsedBackendPopoverRef:Y,collapsedBackendCloseTimer:P,onOpenAddBackend:()=>I(!0),onOpenManageBackends:()=>R(!0)};return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(`aside`,{"aria-label":e(n.I18nKey.SIDEBAR$NAVIGATION_LABEL),"data-collapsed":k?`true`:`false`,onClick:Q,onMouseEnter:()=>{k&&B(!0)},onMouseLeave:()=>{B(!1)},className:r.cn(`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`,k?`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`,b===`/`&&`md:pb-3`),children:(0,h.jsx)(f.SidebarRailBody,{collapsed:k,showCollapseToggle:!0,...$})}),G?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(`div`,{className:r.cn(`fixed inset-0 z-40 bg-black/50 md:hidden`,`transition-opacity ease-in-out motion-reduce:transition-none`,q?`opacity-100`:`pointer-events-none opacity-0`),style:{transitionDuration:`${y}ms`},onClick:W,"aria-hidden":!q}),(0,h.jsx)(`aside`,{"aria-label":e(n.I18nKey.SIDEBAR$NAVIGATION_LABEL),"data-testid":`sidebar-mobile-drawer`,"aria-hidden":!q,className:r.cn(`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`,q?`translate-x-0`:`-translate-x-full`),style:{transitionDuration:`${y}ms`},children:(0,h.jsx)(f.SidebarRailBody,{collapsed:!1,showCollapseToggle:!1,showMobileCloseButton:!0,onCloseMobile:W,...$})})]}):null,ee&&(0,h.jsx)(m.default.Suspense,{fallback:null,children:(0,h.jsx)(g,{settings:S,onClose:()=>j(!1)})}),F&&(0,h.jsx)(m.default.Suspense,{fallback:null,children:(0,h.jsx)(_,{onClose:()=>I(!1)})}),L&&(0,h.jsx)(m.default.Suspense,{fallback:null,children:(0,h.jsx)(v,{onClose:()=>R(!1)})})]})}exports.Sidebar=b;
 //# sourceMappingURL=sidebar.cjs.map