@openhands/agent-canvas 1.15.0 → 1.16.0

package/dist/components/features/sidebar/sidebar-nav-link.js

@@ -1,49 +1,67 @@
-import { cn as e } from "../../../utils/utils.js";
-import { useNavigation as t } from "../../../context/navigation-context.js";
-import { StyledTooltip as n } from "../../shared/buttons/styled-tooltip.js";
-import { NavigationLink as r } from "../../shared/navigation-link.js";
-import { SIDEBAR_ICON_SLOT_CLASS as i, SIDEBAR_ROW_INTERACTIVE_CLASS as a, sidebarNavLabelClassName as o, sidebarNavRowClassName as s } from "./sidebar-layout.js";
-import { SidebarCollapsedIconSlot as c } from "./sidebar-collapsed-icon-slot.js";
+import { Pin as e } from "../../../node_modules/lucide-react/dist/esm/icons/pin.js";
+import { cn as t } from "../../../utils/utils.js";
+import { useNavigation as n } from "../../../context/navigation-context.js";
+import { StyledTooltip as r } from "../../shared/buttons/styled-tooltip.js";
+import { NavigationLink as i } from "../../shared/navigation-link.js";
+import { hoverRevealActionClassName as a } from "../../../utils/hover-reveal-classes.js";
+import { SIDEBAR_ICON_SLOT_CLASS as o, SIDEBAR_ROW_INTERACTIVE_CLASS as s, sidebarNavLabelClassName as c, sidebarNavRowClassName as l } from "./sidebar-layout.js";
+import { SidebarCollapsedIconSlot as u } from "./sidebar-collapsed-icon-slot.js";
 import "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/features/sidebar/sidebar-nav-link.tsx
-function d(e, t, n) {
+function p(e, t, n) {
 	return t === "/" || n ? e === t : e === t || e.startsWith(`${t}/`);
 }
-function f({ to: f, label: p, end: m = !1, indent: h = !1, testId: g, disabled: _ = !1, icon: v, collapsed: y = !1, hoverContent: b, forceActive: x = !1 }) {
-	let { currentPath: S } = t(), C = x || d(S, f, m), w = /* @__PURE__ */ u(r, {
-		to: f,
-		end: m,
-		"data-testid": g,
-		tabIndex: _ ? -1 : 0,
-		"aria-label": y ? p : void 0,
-		"aria-disabled": _ || void 0,
+function m({ to: m, label: h, end: g = !1, indent: _ = !1, testId: v, disabled: y = !1, icon: b, collapsed: x = !1, hoverContent: S, forceActive: C = !1, pinAction: w }) {
+	let { currentPath: T } = n(), E = C || p(T, m, g), D = !x && w != null, O = /* @__PURE__ */ f(i, {
+		to: m,
+		end: g,
+		"data-testid": v,
+		tabIndex: y ? -1 : 0,
+		"aria-label": x ? h : void 0,
+		"aria-disabled": y || void 0,
 		onClick: (e) => {
-			_ && e.preventDefault();
+			y && e.preventDefault();
 		},
-		className: e(s({
-			indent: h,
-			collapsed: y
-		}), !y && (C ? a.active : a.idle), _ && "opacity-50", _ && "pointer-events-none"),
-		children: [v ? y ? /* @__PURE__ */ l(c, {
-			active: C,
-			children: v
-		}) : /* @__PURE__ */ l("span", {
-			className: i,
-			children: v
-		}) : null, /* @__PURE__ */ l("span", {
-			className: o(y),
-			children: p
+		className: t(l({
+			indent: _,
+			collapsed: x
+		}), !x && (E ? s.active : s.idle), y && "opacity-50", y && "pointer-events-none", D && "pr-9"),
+		children: [b ? x ? /* @__PURE__ */ d(u, {
+			active: E,
+			children: b
+		}) : /* @__PURE__ */ d("span", {
+			className: o,
+			children: b
+		}) : null, /* @__PURE__ */ d("span", {
+			className: c(x),
+			children: h
 		})]
 	});
-	return y ? /* @__PURE__ */ l(n, {
-		content: b ?? p,
+	return x ? /* @__PURE__ */ d(r, {
+		content: S ?? h,
 		placement: "right",
-		tooltipClassName: b ? "p-0 bg-tertiary text-white" : void 0,
-		children: w
-	}) : w;
+		tooltipClassName: S ? "p-0 bg-tertiary text-white" : void 0,
+		children: O
+	}) : w ? /* @__PURE__ */ f("div", {
+		className: "group relative",
+		children: [O, /* @__PURE__ */ d("button", {
+			type: "button",
+			"data-testid": w.testId,
+			"aria-pressed": w.pinned,
+			"aria-label": w.label,
+			onClick: (e) => {
+				e.preventDefault(), e.stopPropagation(), w.onToggle();
+			},
+			className: t("absolute right-1.5 top-1/2 -translate-y-1/2", "flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1", "text-[var(--oh-muted)] hover:bg-white/10 hover:text-white", a(w.pinned)),
+			children: /* @__PURE__ */ d(e, {
+				className: t("h-3.5 w-3.5", w.pinned && "fill-current"),
+				"aria-hidden": !0
+			})
+		})]
+	}) : O;
 }
 //#endregion
-export { f as SidebarNavLink };
+export { m as SidebarNavLink };
 
 //# sourceMappingURL=sidebar-nav-link.js.map

package/dist/components/features/sidebar/sidebar-nav-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-nav-link.js","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-nav-link.tsx"],"sourcesContent":["import React from \"react\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { cn } from \"#/utils/utils\";\nimport { SidebarCollapsedIconSlot } from \"./sidebar-collapsed-icon-slot\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"./sidebar-layout\";\n\nfunction isPathActive(currentPath: string, to: string, end: boolean) {\n  if (to === \"/\") {\n    return currentPath === to;\n  }\n\n  if (end) {\n    return currentPath === to;\n  }\n\n  return currentPath === to || currentPath.startsWith(`${to}/`);\n}\n\ninterface SidebarNavLinkProps {\n  to: string;\n  label: string;\n  end?: boolean;\n  indent?: boolean;\n  testId?: string;\n  disabled?: boolean;\n  icon?: React.ReactElement;\n  collapsed?: boolean;\n  hoverContent?: React.ReactNode;\n  /**\n   * When true, forces the active style regardless of the current path.\n   * Useful for links that should appear active for multiple related routes\n   * (e.g. the Extensions link being active on /mcp and /plugins too).\n   */\n  forceActive?: boolean;\n}\n\nexport function SidebarNavLink({\n  to,\n  label,\n  end = false,\n  indent = false,\n  testId,\n  disabled = false,\n  icon,\n  collapsed = false,\n  hoverContent,\n  forceActive = false,\n}: SidebarNavLinkProps) {\n  const { currentPath } = useNavigation();\n  const active = forceActive || isPathActive(currentPath, to, end);\n\n  const link = (\n    <NavigationLink\n      to={to}\n      end={end}\n      data-testid={testId}\n      tabIndex={disabled ? -1 : 0}\n      aria-label={collapsed ? label : undefined}\n      // Announce the disabled state to assistive tech. The visual disabled\n      // styling plus tabIndex=-1 + preventDefault gives sighted/keyboard users\n      // the right behaviour already; this closes the screen-reader gap so the\n      // link doesn't sound \"actionable.\"\n      aria-disabled={disabled || undefined}\n      onClick={(e) => {\n        if (disabled) {\n          e.preventDefault();\n        }\n      }}\n      className={cn(\n        sidebarNavRowClassName({ indent, collapsed }),\n        !collapsed &&\n          (active\n            ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n            : SIDEBAR_ROW_INTERACTIVE_CLASS.idle),\n        disabled && \"opacity-50\",\n        disabled && \"pointer-events-none\",\n      )}\n    >\n      {icon ? (\n        collapsed ? (\n          <SidebarCollapsedIconSlot active={active}>\n            {icon}\n          </SidebarCollapsedIconSlot>\n        ) : (\n          <span className={SIDEBAR_ICON_SLOT_CLASS}>{icon}</span>\n        )\n      ) : null}\n      <span className={sidebarNavLabelClassName(collapsed)}>{label}</span>\n    </NavigationLink>\n  );\n\n  if (!collapsed) return link;\n\n  return (\n    <StyledTooltip\n      content={hoverContent ?? label}\n      placement=\"right\"\n      tooltipClassName={hoverContent ? \"p-0 bg-tertiary text-white\" : undefined}\n    >\n      {link}\n    </StyledTooltip>\n  );\n}\n"],"mappings":";;;;;;;;;AAaA,SAAS,EAAa,GAAqB,GAAY,GAAc;CASnE,OARI,MAAO,OAIP,IACK,MAAgB,IAGlB,MAAgB,KAAM,EAAY,WAAW,GAAG,EAAG,EAAE;AAC9D;AAoBA,SAAgB,EAAe,EAC7B,OACA,UACA,SAAM,IACN,YAAS,IACT,WACA,cAAW,IACX,SACA,eAAY,IACZ,iBACA,iBAAc,MACQ;CACtB,IAAM,EAAE,mBAAgB,EAAc,GAChC,IAAS,KAAe,EAAa,GAAa,GAAI,CAAG,GAEzD,IACJ,kBAAC,GAAD;EACM;EACC;EACL,eAAa;EACb,UAAU,IAAW,KAAK;EAC1B,cAAY,IAAY,IAAQ,KAAA;EAKhC,iBAAe,KAAY,KAAA;EAC3B,UAAU,MAAM;GACd,AAAI,KACF,EAAE,eAAe;EAErB;EACA,WAAW,EACT,EAAuB;GAAE;GAAQ;EAAU,CAAC,GAC5C,CAAC,MACE,IACG,EAA8B,SAC9B,EAA8B,OACpC,KAAY,cACZ,KAAY,qBACd;YAxBF,CA0BG,IACC,IACE,kBAAC,GAAD;GAAkC;aAC/B;EACuB,CAAA,IAE1B,kBAAC,QAAD;GAAM,WAAW;aAA0B;EAAW,CAAA,IAEtD,MACJ,kBAAC,QAAD;GAAM,WAAW,EAAyB,CAAS;aAAI;EAAY,CAAA,CACrD;;CAKlB,OAFK,IAGH,kBAAC,GAAD;EACE,SAAS,KAAgB;EACzB,WAAU;EACV,kBAAkB,IAAe,+BAA+B,KAAA;YAE/D;CACY,CAAA,IATM;AAWzB"}
+{"version":3,"file":"sidebar-nav-link.js","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-nav-link.tsx"],"sourcesContent":["import React from \"react\";\nimport { Pin } from \"lucide-react\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { hoverRevealActionClassName } from \"#/utils/hover-reveal-classes\";\nimport { cn } from \"#/utils/utils\";\nimport { SidebarCollapsedIconSlot } from \"./sidebar-collapsed-icon-slot\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"./sidebar-layout\";\n\nfunction isPathActive(currentPath: string, to: string, end: boolean) {\n  if (to === \"/\") {\n    return currentPath === to;\n  }\n\n  if (end) {\n    return currentPath === to;\n  }\n\n  return currentPath === to || currentPath.startsWith(`${to}/`);\n}\n\nexport interface SidebarNavLinkPinAction {\n  pinned: boolean;\n  onToggle: () => void;\n  /** Localized aria-label; pin vs unpin variants resolved by the caller. */\n  label: string;\n  testId: string;\n}\n\ninterface SidebarNavLinkProps {\n  to: string;\n  label: string;\n  end?: boolean;\n  indent?: boolean;\n  testId?: string;\n  disabled?: boolean;\n  icon?: React.ReactElement;\n  collapsed?: boolean;\n  hoverContent?: React.ReactNode;\n  /**\n   * When true, forces the active style regardless of the current path.\n   * Useful for links that should appear active for multiple related routes\n   * (e.g. the Extensions link being active on /mcp and /plugins too).\n   */\n  forceActive?: boolean;\n  /** Pin-as-home toggle; rendered only when the sidebar is expanded. */\n  pinAction?: SidebarNavLinkPinAction;\n}\n\nexport function SidebarNavLink({\n  to,\n  label,\n  end = false,\n  indent = false,\n  testId,\n  disabled = false,\n  icon,\n  collapsed = false,\n  hoverContent,\n  forceActive = false,\n  pinAction,\n}: SidebarNavLinkProps) {\n  const { currentPath } = useNavigation();\n  const active = forceActive || isPathActive(currentPath, to, end);\n  const showPinAction = !collapsed && pinAction != null;\n\n  const link = (\n    <NavigationLink\n      to={to}\n      end={end}\n      data-testid={testId}\n      tabIndex={disabled ? -1 : 0}\n      aria-label={collapsed ? label : undefined}\n      // Announce the disabled state to assistive tech. The visual disabled\n      // styling plus tabIndex=-1 + preventDefault gives sighted/keyboard users\n      // the right behaviour already; this closes the screen-reader gap so the\n      // link doesn't sound \"actionable.\"\n      aria-disabled={disabled || undefined}\n      onClick={(e) => {\n        if (disabled) {\n          e.preventDefault();\n        }\n      }}\n      className={cn(\n        sidebarNavRowClassName({ indent, collapsed }),\n        !collapsed &&\n          (active\n            ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n            : SIDEBAR_ROW_INTERACTIVE_CLASS.idle),\n        disabled && \"opacity-50\",\n        disabled && \"pointer-events-none\",\n        // Constant right reserve so label truncation doesn't reflow on hover.\n        showPinAction && \"pr-9\",\n      )}\n    >\n      {icon ? (\n        collapsed ? (\n          <SidebarCollapsedIconSlot active={active}>\n            {icon}\n          </SidebarCollapsedIconSlot>\n        ) : (\n          <span className={SIDEBAR_ICON_SLOT_CLASS}>{icon}</span>\n        )\n      ) : null}\n      <span className={sidebarNavLabelClassName(collapsed)}>{label}</span>\n    </NavigationLink>\n  );\n\n  if (!collapsed) {\n    if (!pinAction) return link;\n\n    // NavigationLink renders an <a>, so the pin toggle is an absolutely\n    // positioned sibling rather than a nested button. Bare `group` is safe\n    // here: only collapsed rows use it, and this branch is expanded-only.\n    return (\n      <div className=\"group relative\">\n        {link}\n        <button\n          type=\"button\"\n          data-testid={pinAction.testId}\n          aria-pressed={pinAction.pinned}\n          aria-label={pinAction.label}\n          onClick={(event) => {\n            event.preventDefault();\n            event.stopPropagation();\n            pinAction.onToggle();\n          }}\n          className={cn(\n            \"absolute right-1.5 top-1/2 -translate-y-1/2\",\n            \"flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1\",\n            \"text-[var(--oh-muted)] hover:bg-white/10 hover:text-white\",\n            hoverRevealActionClassName(pinAction.pinned),\n          )}\n        >\n          <Pin\n            className={cn(\"h-3.5 w-3.5\", pinAction.pinned && \"fill-current\")}\n            aria-hidden\n          />\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <StyledTooltip\n      content={hoverContent ?? label}\n      placement=\"right\"\n      tooltipClassName={hoverContent ? \"p-0 bg-tertiary text-white\" : undefined}\n    >\n      {link}\n    </StyledTooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAeA,SAAS,EAAa,GAAqB,GAAY,GAAc;CASnE,OARI,MAAO,OAIP,IACK,MAAgB,IAGlB,MAAgB,KAAM,EAAY,WAAW,GAAG,EAAG,EAAE;AAC9D;AA8BA,SAAgB,EAAe,EAC7B,OACA,UACA,SAAM,IACN,YAAS,IACT,WACA,cAAW,IACX,SACA,eAAY,IACZ,iBACA,iBAAc,IACd,gBACsB;CACtB,IAAM,EAAE,mBAAgB,EAAc,GAChC,IAAS,KAAe,EAAa,GAAa,GAAI,CAAG,GACzD,IAAgB,CAAC,KAAa,KAAa,MAE3C,IACJ,kBAAC,GAAD;EACM;EACC;EACL,eAAa;EACb,UAAU,IAAW,KAAK;EAC1B,cAAY,IAAY,IAAQ,KAAA;EAKhC,iBAAe,KAAY,KAAA;EAC3B,UAAU,MAAM;GACd,AAAI,KACF,EAAE,eAAe;EAErB;EACA,WAAW,EACT,EAAuB;GAAE;GAAQ;EAAU,CAAC,GAC5C,CAAC,MACE,IACG,EAA8B,SAC9B,EAA8B,OACpC,KAAY,cACZ,KAAY,uBAEZ,KAAiB,MACnB;YA1BF,CA4BG,IACC,IACE,kBAAC,GAAD;GAAkC;aAC/B;EACuB,CAAA,IAE1B,kBAAC,QAAD;GAAM,WAAW;aAA0B;EAAW,CAAA,IAEtD,MACJ,kBAAC,QAAD;GAAM,WAAW,EAAyB,CAAS;aAAI;EAAY,CAAA,CACrD;;CAsClB,OAnCK,IAoCH,kBAAC,GAAD;EACE,SAAS,KAAgB;EACzB,WAAU;EACV,kBAAkB,IAAe,+BAA+B,KAAA;YAE/D;CACY,CAAA,IAzCV,IAMH,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,GACD,kBAAC,UAAD;GACE,MAAK;GACL,eAAa,EAAU;GACvB,gBAAc,EAAU;GACxB,cAAY,EAAU;GACtB,UAAU,MAAU;IAGlB,AAFA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACtB,EAAU,SAAS;GACrB;GACA,WAAW,EACT,+CACA,2EACA,6DACA,EAA2B,EAAU,MAAM,CAC7C;aAEA,kBAAC,GAAD;IACE,WAAW,EAAG,eAAe,EAAU,UAAU,cAAc;IAC/D,eAAA;GACD,CAAA;EACK,CAAA,CACL;MA9BgB;AA2C3B"}

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

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-left.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-right.cjs"),a=require("../../../node_modules/lucide-react/dist/esm/icons/plus.cjs"),o=require("../../../node_modules/lucide-react/dist/esm/icons/server.cjs"),s=require("../../../node_modules/lucide-react/dist/esm/icons/settings.cjs"),c=require("../../../utils/utils.cjs"),l=require("../../../manifests/automation-interface.cjs"),u=require("../../shared/buttons/styled-tooltip.cjs"),d=require("../../shared/navigation-link.cjs"),f=require("./sidebar-layout.cjs"),p=require("./sidebar-collapsed-icon-slot.cjs"),m=require("./sidebar-nav-link.cjs"),h=require("../../shared/buttons/openhands-logo-button.cjs"),g=require("../backends/backend-status-dot.cjs"),_=require("../backends/backend-selector.cjs"),v=require("../command-menu/command-menu-trigger.cjs"),y=require("../settings/agent-canvas-version-tile.cjs"),b=require("./sidebar-conversation-list.cjs"),x=require("./sidebar-onboarding-checklist.cjs"),S=require("../../../icons/automations.cjs");let C=require("react");C=e.__toESM(C,1);let w=require("react/jsx-runtime");var T=18,E=34,D=Math.round(E*30/46);function O({collapsed:e,showCollapseToggle:C,showMobileCloseButton:O=!1,onCloseMobile:k,collapseToggleLabel:A,onCollapse:j,onExpand:M,showCollapsedExpandButton:N,isExtensionsActive:P,currentPath:F,activeBackendHealth:I,collapsedBackendPopoverOpen:L,setCollapsedBackendPopoverOpen:R,collapsedBackendPopoverRef:z,collapsedBackendCloseTimer:B,onOpenAddBackend:V,onOpenManageBackends:H}){let{t:U}=t.useTranslation(`openhands`),W=B;return(0,w.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col`,children:[(0,w.jsxs)(`div`,{className:f.sidebarHeaderRowClassName(e),children:[(0,w.jsxs)(`div`,{className:c.cn(e&&C?f.SIDEBAR_COLLAPSED_LOGO_WRAPPER_CLASS:`flex min-w-0 shrink-0 items-center`),children:[(0,w.jsx)(`div`,{className:c.cn(e&&C&&`flex h-full w-full items-center justify-start pl-2.5 transition-opacity duration-150`,e&&N&&`opacity-0`),children:(0,w.jsx)(h.OpenHandsLogoButton,{logoWidth:E,logoHeight:D,logoClassName:`max-w-none`,className:c.cn(f.SIDEBAR_ICON_SLOT_CLASS,`overflow-visible`)})}),e&&C?(0,w.jsx)(`button`,{type:`button`,"data-testid":`sidebar-collapse-toggle`,"aria-pressed":e,"aria-label":A,onClick:M,className:c.cn(f.SIDEBAR_COLLAPSE_TOGGLE_OVERLAY_CLASS,N?`opacity-100 pointer-events-auto`:`opacity-0 pointer-events-none`),children:(0,w.jsx)(i.ChevronRight,{width:14,height:14})}):null]}),!e&&C?(0,w.jsx)(`button`,{type:`button`,"data-testid":`sidebar-collapse-toggle`,"aria-pressed":e,"aria-label":A,onClick:j,className:c.cn(`hidden md:inline-flex ml-auto`,f.SIDEBAR_ICON_BUTTON_CLASS,`text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]`),children:(0,w.jsx)(r.ChevronLeft,{width:14,height:14})}):null,!e&&O?(0,w.jsx)(`button`,{type:`button`,"data-testid":`sidebar-mobile-drawer-close`,onClick:k,"aria-label":U(n.I18nKey.SIDEBAR$CLOSE_MENU),className:c.cn(`inline-flex ml-auto`,f.SIDEBAR_ICON_BUTTON_CLASS,`text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]`),children:(0,w.jsx)(r.ChevronLeft,{width:14,height:14})}):null]}),(0,w.jsxs)(`nav`,{className:f.sidebarNavListClassName(e),children:[(0,w.jsx)(v.CommandMenuTrigger,{collapsed:e}),(0,w.jsx)(m.SidebarNavLink,{to:`/conversations`,end:!0,label:U(n.I18nKey.SIDEBAR$NEW_CHAT),testId:`sidebar-conversations-link`,collapsed:e,icon:(0,w.jsx)(a.Plus,{width:T,height:T})}),(0,w.jsx)(m.SidebarNavLink,{to:`/customize`,label:U(n.I18nKey.NAV$CUSTOMIZE),testId:`sidebar-skills-link`,collapsed:e,forceActive:P,icon:(0,w.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:T,height:T,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,w.jsx)(`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`}),(0,w.jsx)(`path`,{d:`m7 16.5-4.74-2.85`}),(0,w.jsx)(`path`,{d:`m7 16.5 5-3`}),(0,w.jsx)(`path`,{d:`M7 16.5v5.17`}),(0,w.jsx)(`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`}),(0,w.jsx)(`path`,{d:`m17 16.5-5-3`}),(0,w.jsx)(`path`,{d:`m17 16.5 4.74-2.85`}),(0,w.jsx)(`path`,{d:`m17 16.5v5.17`}),(0,w.jsx)(`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`}),(0,w.jsx)(`path`,{d:`M12 8 7.26 5.15`}),(0,w.jsx)(`path`,{d:`m12 8 4.74-2.85`}),(0,w.jsx)(`path`,{d:`M12 13.5V8`})]})}),l.hasAutomationInterface()&&(0,w.jsx)(m.SidebarNavLink,{to:l.automationListPath(),label:l.getInterfaceCopy().sidebarLabel,testId:`sidebar-automations-link`,collapsed:e,icon:(0,w.jsx)(S.default,{width:T,height:T})})]}),(0,w.jsx)(b.SidebarConversationList,{collapsed:e}),e&&C?(0,w.jsxs)(`nav`,{className:c.cn(f.sidebarNavListClassName(e),`mt-auto pb-2 cursor-pointer`),children:[(0,w.jsx)(u.StyledTooltip,{content:U(n.I18nKey.SIDEBAR$SETTINGS),placement:`right`,children:(0,w.jsxs)(d.NavigationLink,{to:`/settings`,"data-testid":`collapsed-settings-link`,"aria-label":U(n.I18nKey.SIDEBAR$SETTINGS),className:f.sidebarNavRowClassName({collapsed:!0}),children:[(0,w.jsx)(p.SidebarCollapsedIconSlot,{active:F.startsWith(`/settings`),children:(0,w.jsx)(s.Settings,{width:T,height:T})}),(0,w.jsx)(`span`,{className:f.sidebarNavLabelClassName(!0),children:U(n.I18nKey.SIDEBAR$SETTINGS)})]})}),(0,w.jsxs)(`div`,{className:`relative`,ref:z,onMouseEnter:()=>{W.current&&=(clearTimeout(W.current),null),R(!0)},onMouseLeave:()=>{W.current=setTimeout(()=>R(!1),150)},children:[(0,w.jsxs)(`button`,{type:`button`,"data-testid":`collapsed-backend-selector-link`,"aria-label":U(n.I18nKey.BACKEND$MANAGE),"aria-expanded":L,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onMouseUp:e=>e.stopPropagation(),className:c.cn(f.sidebarNavRowClassName({collapsed:!0}),`relative`),children:[(0,w.jsx)(p.SidebarCollapsedIconSlot,{active:L,children:(0,w.jsxs)(`span`,{className:`relative inline-flex size-[18px] shrink-0 items-center justify-center`,children:[(0,w.jsx)(g.BackendStatusDot,{isConnected:I?.isConnected??null,className:`absolute -left-0.5 -top-0.5 z-[1] pointer-events-none`}),(0,w.jsx)(o.Server,{width:T,height:T})]})}),(0,w.jsx)(`span`,{className:f.sidebarNavLabelClassName(!0),children:U(n.I18nKey.BACKEND$MANAGE)})]}),L?(0,w.jsx)(`div`,{className:`absolute bottom-[-4px] left-full pl-2.5 z-40 w-[272px]`,onClick:e=>e.stopPropagation(),children:(0,w.jsx)(_.BackendSelector,{sidebarCollapsed:e,hideTrigger:!0,defaultOpen:!0,openUpward:!0,onSelectOption:()=>R(!1),onOpenAddBackend:V,onOpenManageBackends:H})}):null]})]}):null,e?null:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(`div`,{className:`mb-2 shrink-0 pr-2.5`,children:(0,w.jsx)(x.SidebarOnboardingChecklist,{collapsed:e})}),(0,w.jsxs)(`div`,{className:c.cn(`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:[(0,w.jsx)(y.AgentCanvasVersionTile,{hideWhenUpToDate:!0}),(0,w.jsx)(_.BackendSelector,{sidebarCollapsed:e,openUpward:!0})]})]})]})}exports.SidebarRailBody=O;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-left.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-right.cjs"),a=require("../../../node_modules/lucide-react/dist/esm/icons/panels-top-left.cjs"),o=require("../../../node_modules/lucide-react/dist/esm/icons/plus.cjs"),s=require("../../../node_modules/lucide-react/dist/esm/icons/server.cjs"),c=require("../../../node_modules/lucide-react/dist/esm/icons/settings.cjs"),l=require("../../../utils/utils.cjs"),u=require("../../../manifests/automation-interface.cjs"),d=require("../../shared/buttons/styled-tooltip.cjs"),f=require("../../shared/navigation-link.cjs"),p=require("./sidebar-layout.cjs"),m=require("./sidebar-collapsed-icon-slot.cjs"),h=require("./sidebar-nav-link.cjs"),g=require("../../shared/buttons/openhands-logo-button.cjs"),_=require("../../../hooks/use-pinned-home-route.cjs"),v=require("../backends/backend-status-dot.cjs"),y=require("../backends/backend-selector.cjs"),b=require("../command-menu/command-menu-trigger.cjs"),x=require("../settings/agent-canvas-version-tile.cjs"),S=require("./sidebar-conversation-list.cjs"),C=require("./sidebar-onboarding-checklist.cjs"),w=require("../../../icons/automations.cjs"),T=require("../canvas-extensions/canvas-extensions-runtime.cjs");let E=require("react");E=e.__toESM(E,1);let D=require("react/jsx-runtime");var O=18,k=34,A=Math.round(k*30/46);function j({collapsed:e,showCollapseToggle:E,showMobileCloseButton:j=!1,onCloseMobile:M,collapseToggleLabel:N,onCollapse:P,onExpand:F,showCollapsedExpandButton:I,isExtensionsActive:L,currentPath:R,activeBackendHealth:z,collapsedBackendPopoverOpen:B,setCollapsedBackendPopoverOpen:V,collapsedBackendPopoverRef:H,collapsedBackendCloseTimer:U,onOpenAddBackend:W,onOpenManageBackends:G}){let{t:K}=t.useTranslation(`openhands`),{pages:q}=T.useCanvasExtensionsRuntime(),J=U,{isPinnedRoute:Y,togglePinnedRoute:X}=_.usePinnedHomeRoute(),Z=(e,t)=>{let r=Y(e);return{pinned:r,onToggle:()=>X(e),label:K(r?n.I18nKey.SIDEBAR$UNPIN_AS_HOME:n.I18nKey.SIDEBAR$PIN_AS_HOME),testId:t}};return(0,D.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col`,children:[(0,D.jsxs)(`div`,{className:p.sidebarHeaderRowClassName(e),children:[(0,D.jsxs)(`div`,{className:l.cn(e&&E?p.SIDEBAR_COLLAPSED_LOGO_WRAPPER_CLASS:`flex min-w-0 shrink-0 items-center`),children:[(0,D.jsx)(`div`,{className:l.cn(e&&E&&`flex h-full w-full items-center justify-start pl-2.5 transition-opacity duration-150`,e&&I&&`opacity-0`),children:(0,D.jsx)(g.OpenHandsLogoButton,{logoWidth:k,logoHeight:A,logoClassName:`max-w-none`,className:l.cn(p.SIDEBAR_ICON_SLOT_CLASS,`overflow-visible`)})}),e&&E?(0,D.jsx)(`button`,{type:`button`,"data-testid":`sidebar-collapse-toggle`,"aria-pressed":e,"aria-label":N,onClick:F,className:l.cn(p.SIDEBAR_COLLAPSE_TOGGLE_OVERLAY_CLASS,I?`opacity-100 pointer-events-auto`:`opacity-0 pointer-events-none`),children:(0,D.jsx)(i.ChevronRight,{width:14,height:14})}):null]}),!e&&E?(0,D.jsx)(`button`,{type:`button`,"data-testid":`sidebar-collapse-toggle`,"aria-pressed":e,"aria-label":N,onClick:P,className:l.cn(`hidden md:inline-flex ml-auto`,p.SIDEBAR_ICON_BUTTON_CLASS,`text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]`),children:(0,D.jsx)(r.ChevronLeft,{width:14,height:14})}):null,!e&&j?(0,D.jsx)(`button`,{type:`button`,"data-testid":`sidebar-mobile-drawer-close`,onClick:M,"aria-label":K(n.I18nKey.SIDEBAR$CLOSE_MENU),className:l.cn(`inline-flex ml-auto`,p.SIDEBAR_ICON_BUTTON_CLASS,`text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]`),children:(0,D.jsx)(r.ChevronLeft,{width:14,height:14})}):null]}),(0,D.jsxs)(`nav`,{className:p.sidebarNavListClassName(e),children:[(0,D.jsx)(b.CommandMenuTrigger,{collapsed:e}),(0,D.jsx)(h.SidebarNavLink,{to:`/conversations`,end:!0,label:K(n.I18nKey.SIDEBAR$NEW_CHAT),testId:`sidebar-conversations-link`,collapsed:e,icon:(0,D.jsx)(o.Plus,{width:O,height:O})}),(0,D.jsx)(h.SidebarNavLink,{to:_.CUSTOMIZE_PATH,label:K(n.I18nKey.NAV$CUSTOMIZE),testId:`sidebar-skills-link`,collapsed:e,forceActive:L,pinAction:Z(_.CUSTOMIZE_PATH,`sidebar-pin-home-toggle-customize`),icon:(0,D.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:O,height:O,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,D.jsx)(`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`}),(0,D.jsx)(`path`,{d:`m7 16.5-4.74-2.85`}),(0,D.jsx)(`path`,{d:`m7 16.5 5-3`}),(0,D.jsx)(`path`,{d:`M7 16.5v5.17`}),(0,D.jsx)(`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`}),(0,D.jsx)(`path`,{d:`m17 16.5-5-3`}),(0,D.jsx)(`path`,{d:`m17 16.5 4.74-2.85`}),(0,D.jsx)(`path`,{d:`m17 16.5v5.17`}),(0,D.jsx)(`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`}),(0,D.jsx)(`path`,{d:`M12 8 7.26 5.15`}),(0,D.jsx)(`path`,{d:`m12 8 4.74-2.85`}),(0,D.jsx)(`path`,{d:`M12 13.5V8`})]})}),u.hasAutomationInterface()&&(0,D.jsx)(h.SidebarNavLink,{to:u.automationListPath(),label:u.getInterfaceCopy().sidebarLabel,testId:`sidebar-automations-link`,collapsed:e,icon:(0,D.jsx)(w.default,{width:O,height:O}),pinAction:Z(u.automationListPath(),`sidebar-pin-home-toggle-automations`)}),q.map(t=>(0,D.jsx)(h.SidebarNavLink,{to:t.href,label:t.contribution.nav_label||t.contribution.title,testId:`sidebar-canvas-extension-${t.extension.name}-${t.contribution.id}`,collapsed:e,icon:(0,D.jsx)(a.PanelsTopLeft,{width:O,height:O})},`${t.extension.name}:${t.contribution.id}`))]}),(0,D.jsx)(S.SidebarConversationList,{collapsed:e}),e&&E?(0,D.jsxs)(`nav`,{className:l.cn(p.sidebarNavListClassName(e),`mt-auto pb-2 cursor-pointer`),children:[(0,D.jsx)(d.StyledTooltip,{content:K(n.I18nKey.SIDEBAR$SETTINGS),placement:`right`,children:(0,D.jsxs)(f.NavigationLink,{to:`/settings`,"data-testid":`collapsed-settings-link`,"aria-label":K(n.I18nKey.SIDEBAR$SETTINGS),className:p.sidebarNavRowClassName({collapsed:!0}),children:[(0,D.jsx)(m.SidebarCollapsedIconSlot,{active:R.startsWith(`/settings`),children:(0,D.jsx)(c.Settings,{width:O,height:O})}),(0,D.jsx)(`span`,{className:p.sidebarNavLabelClassName(!0),children:K(n.I18nKey.SIDEBAR$SETTINGS)})]})}),(0,D.jsxs)(`div`,{className:`relative`,ref:H,onMouseEnter:()=>{J.current&&=(clearTimeout(J.current),null),V(!0)},onMouseLeave:()=>{J.current=setTimeout(()=>V(!1),150)},children:[(0,D.jsxs)(`button`,{type:`button`,"data-testid":`collapsed-backend-selector-link`,"aria-label":K(n.I18nKey.BACKEND$MANAGE),"aria-expanded":B,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onMouseUp:e=>e.stopPropagation(),className:l.cn(p.sidebarNavRowClassName({collapsed:!0}),`relative`),children:[(0,D.jsx)(m.SidebarCollapsedIconSlot,{active:B,children:(0,D.jsxs)(`span`,{className:`relative inline-flex size-[18px] shrink-0 items-center justify-center`,children:[(0,D.jsx)(v.BackendStatusDot,{isConnected:z?.isConnected??null,className:`absolute -left-0.5 -top-0.5 z-[1] pointer-events-none`}),(0,D.jsx)(s.Server,{width:O,height:O})]})}),(0,D.jsx)(`span`,{className:p.sidebarNavLabelClassName(!0),children:K(n.I18nKey.BACKEND$MANAGE)})]}),B?(0,D.jsx)(`div`,{className:`absolute bottom-[-4px] left-full pl-2.5 z-40 w-[272px]`,onClick:e=>e.stopPropagation(),children:(0,D.jsx)(y.BackendSelector,{sidebarCollapsed:e,hideTrigger:!0,defaultOpen:!0,openUpward:!0,onSelectOption:()=>V(!1),onOpenAddBackend:W,onOpenManageBackends:G})}):null]})]}):null,e?null:(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(`div`,{className:`mb-2 shrink-0 pr-2.5`,children:(0,D.jsx)(C.SidebarOnboardingChecklist,{collapsed:e})}),(0,D.jsxs)(`div`,{className:l.cn(`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:[(0,D.jsx)(x.AgentCanvasVersionTile,{hideWhenUpToDate:!0}),(0,D.jsx)(y.BackendSelector,{sidebarCollapsed:e,openUpward:!0})]})]})]})}exports.SidebarRailBody=j;
 //# sourceMappingURL=sidebar-rail-body.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-rail-body.cjs","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} 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 { 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\";\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  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  activeBackendHealth,\n  collapsedBackendPopoverOpen,\n  setCollapsedBackendPopoverOpen,\n  collapsedBackendPopoverRef,\n  collapsedBackendCloseTimer,\n  onOpenAddBackend,\n  onOpenManageBackends,\n}: SidebarRailBodyProps) {\n  const { t } = useTranslation(\"openhands\");\n  const backendCloseTimerRef = collapsedBackendCloseTimer;\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\"\n          label={t(I18nKey.NAV$CUSTOMIZE)}\n          testId=\"sidebar-skills-link\"\n          collapsed={collapsed}\n          forceActive={isExtensionsActive}\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          />\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            <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          </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.cjs","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\";\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  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  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  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            <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          </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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"}