@openhands/agent-canvas 1.8.0 → 1.10.0

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

@@ -6,102 +6,103 @@ import { Plus as i } from "../../../node_modules/lucide-react/dist/esm/icons/plu
 import { Server as a } from "../../../node_modules/lucide-react/dist/esm/icons/server.js";
 import { Settings as o } from "../../../node_modules/lucide-react/dist/esm/icons/settings.js";
 import { cn as s } from "../../../utils/utils.js";
-import { StyledTooltip as c } from "../../shared/buttons/styled-tooltip.js";
-import { NavigationLink as l } from "../../shared/navigation-link.js";
-import { SIDEBAR_COLLAPSED_LOGO_WRAPPER_CLASS as u, SIDEBAR_COLLAPSE_TOGGLE_OVERLAY_CLASS as d, SIDEBAR_ICON_BUTTON_CLASS as f, SIDEBAR_ICON_SLOT_CLASS as p, sidebarHeaderRowClassName as m, sidebarNavLabelClassName as h, sidebarNavListClassName as g, sidebarNavRowClassName as _ } from "./sidebar-layout.js";
-import { SidebarCollapsedIconSlot as v } from "./sidebar-collapsed-icon-slot.js";
-import { SidebarNavLink as y } from "./sidebar-nav-link.js";
-import { OpenHandsLogoButton as b } from "../../shared/buttons/openhands-logo-button.js";
-import { BackendStatusDot as x } from "../backends/backend-status-dot.js";
-import { BackendSelector as S } from "../backends/backend-selector.js";
-import { CommandMenuTrigger as C } from "../command-menu/command-menu-trigger.js";
-import { SidebarConversationList as w } from "./sidebar-conversation-list.js";
-import T from "../../../icons/automations.js";
+import { automationListPath as c, getInterfaceCopy as l } from "../../../manifests/automation-interface.js";
+import { StyledTooltip as u } from "../../shared/buttons/styled-tooltip.js";
+import { NavigationLink as d } from "../../shared/navigation-link.js";
+import { SIDEBAR_COLLAPSED_LOGO_WRAPPER_CLASS as f, SIDEBAR_COLLAPSE_TOGGLE_OVERLAY_CLASS as p, SIDEBAR_ICON_BUTTON_CLASS as m, SIDEBAR_ICON_SLOT_CLASS as h, 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 { BackendStatusDot as C } from "../backends/backend-status-dot.js";
+import { BackendSelector as w } from "../backends/backend-selector.js";
+import { CommandMenuTrigger as T } from "../command-menu/command-menu-trigger.js";
+import { SidebarConversationList as E } from "./sidebar-conversation-list.js";
+import D from "../../../icons/automations.js";
 import "react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
 //#region src/components/features/sidebar/sidebar-rail-body.tsx
-var O = 18, k = 34, A = Math.round(k * 30 / 46);
-function j({ collapsed: j, showCollapseToggle: M, showMobileCloseButton: N = !1, onCloseMobile: P, collapseToggleLabel: F, onCollapse: I, onExpand: L, showCollapsedExpandButton: R, isExtensionsActive: z, currentPath: B, activeBackendHealth: V, collapsedBackendPopoverOpen: H, setCollapsedBackendPopoverOpen: U, collapsedBackendPopoverRef: W, collapsedBackendCloseTimer: G, onOpenAddBackend: K, onOpenManageBackends: q }) {
-	let { t: J } = e("openhands"), Y = G;
-	return /* @__PURE__ */ D("div", {
+var A = 18, j = 34, M = Math.round(j * 30 / 46);
+function N({ collapsed: N, showCollapseToggle: P, showMobileCloseButton: F = !1, onCloseMobile: I, collapseToggleLabel: L, onCollapse: R, onExpand: z, showCollapsedExpandButton: B, isExtensionsActive: V, currentPath: H, activeBackendHealth: U, collapsedBackendPopoverOpen: W, setCollapsedBackendPopoverOpen: G, collapsedBackendPopoverRef: K, collapsedBackendCloseTimer: q, onOpenAddBackend: J, onOpenManageBackends: Y }) {
+	let { t: X } = e("openhands"), Z = q;
+	return /* @__PURE__ */ k("div", {
 		className: "flex min-h-0 flex-1 flex-col",
 		children: [
-			/* @__PURE__ */ D("div", {
-				className: m(j),
+			/* @__PURE__ */ k("div", {
+				className: g(N),
 				children: [
-					/* @__PURE__ */ D("div", {
-						className: s(j && M ? u : "flex min-w-0 shrink-0 items-center"),
-						children: [/* @__PURE__ */ E("div", {
-							className: s(j && M && "flex h-full w-full items-center justify-start pl-2.5 transition-opacity duration-150", j && R && "opacity-0"),
-							children: /* @__PURE__ */ E(b, {
-								logoWidth: k,
-								logoHeight: A,
+					/* @__PURE__ */ k("div", {
+						className: s(N && P ? f : "flex min-w-0 shrink-0 items-center"),
+						children: [/* @__PURE__ */ O("div", {
+							className: s(N && P && "flex h-full w-full items-center justify-start pl-2.5 transition-opacity duration-150", N && B && "opacity-0"),
+							children: /* @__PURE__ */ O(S, {
+								logoWidth: j,
+								logoHeight: M,
 								logoClassName: "max-w-none",
-								className: s(p, "overflow-visible")
+								className: s(h, "overflow-visible")
 							})
-						}), j && M ? /* @__PURE__ */ E("button", {
+						}), N && P ? /* @__PURE__ */ O("button", {
 							type: "button",
 							"data-testid": "sidebar-collapse-toggle",
-							"aria-pressed": j,
-							"aria-label": F,
-							onClick: L,
-							className: s(d, R ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"),
-							children: /* @__PURE__ */ E(r, {
+							"aria-pressed": N,
+							"aria-label": L,
+							onClick: z,
+							className: s(p, B ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"),
+							children: /* @__PURE__ */ O(r, {
 								width: 14,
 								height: 14
 							})
 						}) : null]
 					}),
-					!j && M ? /* @__PURE__ */ E("button", {
+					!N && P ? /* @__PURE__ */ O("button", {
 						type: "button",
 						"data-testid": "sidebar-collapse-toggle",
-						"aria-pressed": j,
-						"aria-label": F,
-						onClick: I,
-						className: s("hidden md:inline-flex ml-auto", f, "text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]"),
-						children: /* @__PURE__ */ E(n, {
+						"aria-pressed": N,
+						"aria-label": L,
+						onClick: R,
+						className: s("hidden md:inline-flex ml-auto", m, "text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]"),
+						children: /* @__PURE__ */ O(n, {
 							width: 14,
 							height: 14
 						})
 					}) : null,
-					!j && N ? /* @__PURE__ */ E("button", {
+					!N && F ? /* @__PURE__ */ O("button", {
 						type: "button",
 						"data-testid": "sidebar-mobile-drawer-close",
-						onClick: P,
-						"aria-label": J(t.SIDEBAR$CLOSE_MENU),
-						className: s("inline-flex ml-auto", f, "text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]"),
-						children: /* @__PURE__ */ E(n, {
+						onClick: I,
+						"aria-label": X(t.SIDEBAR$CLOSE_MENU),
+						className: s("inline-flex ml-auto", m, "text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]"),
+						children: /* @__PURE__ */ O(n, {
 							width: 14,
 							height: 14
 						})
 					}) : null
 				]
 			}),
-			/* @__PURE__ */ D("nav", {
-				className: g(j),
+			/* @__PURE__ */ k("nav", {
+				className: v(N),
 				children: [
-					/* @__PURE__ */ E(C, { collapsed: j }),
-					/* @__PURE__ */ E(y, {
+					/* @__PURE__ */ O(T, { collapsed: N }),
+					/* @__PURE__ */ O(x, {
 						to: "/conversations",
 						end: !0,
-						label: J(t.SIDEBAR$NEW_CHAT),
+						label: X(t.SIDEBAR$NEW_CHAT),
 						testId: "sidebar-conversations-link",
-						collapsed: j,
-						icon: /* @__PURE__ */ E(i, {
-							width: O,
-							height: O
+						collapsed: N,
+						icon: /* @__PURE__ */ O(i, {
+							width: A,
+							height: A
 						})
 					}),
-					/* @__PURE__ */ E(y, {
+					/* @__PURE__ */ O(x, {
 						to: "/customize",
-						label: J(t.NAV$CUSTOMIZE),
+						label: X(t.NAV$CUSTOMIZE),
 						testId: "sidebar-skills-link",
-						collapsed: j,
-						forceActive: z,
-						icon: /* @__PURE__ */ D("svg", {
+						collapsed: N,
+						forceActive: V,
+						icon: /* @__PURE__ */ k("svg", {
 							xmlns: "http://www.w3.org/2000/svg",
-							width: O,
-							height: O,
+							width: A,
+							height: A,
 							viewBox: "0 0 24 24",
 							fill: "none",
 							stroke: "currentColor",
@@ -110,109 +111,109 @@ function j({ collapsed: j, showCollapseToggle: M, showMobileCloseButton: N = !1,
 							strokeLinejoin: "round",
 							"aria-hidden": "true",
 							children: [
-								/* @__PURE__ */ E("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__ */ E("path", { d: "m7 16.5-4.74-2.85" }),
-								/* @__PURE__ */ E("path", { d: "m7 16.5 5-3" }),
-								/* @__PURE__ */ E("path", { d: "M7 16.5v5.17" }),
-								/* @__PURE__ */ E("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__ */ E("path", { d: "m17 16.5-5-3" }),
-								/* @__PURE__ */ E("path", { d: "m17 16.5 4.74-2.85" }),
-								/* @__PURE__ */ E("path", { d: "m17 16.5v5.17" }),
-								/* @__PURE__ */ E("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__ */ E("path", { d: "M12 8 7.26 5.15" }),
-								/* @__PURE__ */ E("path", { d: "m12 8 4.74-2.85" }),
-								/* @__PURE__ */ E("path", { d: "M12 13.5V8" })
+								/* @__PURE__ */ O("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__ */ O("path", { d: "m7 16.5-4.74-2.85" }),
+								/* @__PURE__ */ O("path", { d: "m7 16.5 5-3" }),
+								/* @__PURE__ */ O("path", { d: "M7 16.5v5.17" }),
+								/* @__PURE__ */ O("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__ */ O("path", { d: "m17 16.5-5-3" }),
+								/* @__PURE__ */ O("path", { d: "m17 16.5 4.74-2.85" }),
+								/* @__PURE__ */ O("path", { d: "m17 16.5v5.17" }),
+								/* @__PURE__ */ O("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__ */ O("path", { d: "M12 8 7.26 5.15" }),
+								/* @__PURE__ */ O("path", { d: "m12 8 4.74-2.85" }),
+								/* @__PURE__ */ O("path", { d: "M12 13.5V8" })
 							]
 						})
 					}),
-					/* @__PURE__ */ E(y, {
-						to: "/automations",
-						label: J(t.SIDEBAR$AUTOMATIONS),
+					/* @__PURE__ */ O(x, {
+						to: c(),
+						label: l().sidebarLabel ?? X(t.SIDEBAR$AUTOMATIONS),
 						testId: "sidebar-automations-link",
-						collapsed: j,
-						icon: /* @__PURE__ */ E(T, {
-							width: O,
-							height: O
+						collapsed: N,
+						icon: /* @__PURE__ */ O(D, {
+							width: A,
+							height: A
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ E(w, { collapsed: j }),
-			j && M ? /* @__PURE__ */ D("nav", {
-				className: s(g(j), "mt-auto pb-2 cursor-pointer"),
-				children: [/* @__PURE__ */ E(c, {
-					content: J(t.SIDEBAR$SETTINGS),
+			/* @__PURE__ */ O(E, { collapsed: N }),
+			N && P ? /* @__PURE__ */ k("nav", {
+				className: s(v(N), "mt-auto pb-2 cursor-pointer"),
+				children: [/* @__PURE__ */ O(u, {
+					content: X(t.SIDEBAR$SETTINGS),
 					placement: "right",
-					children: /* @__PURE__ */ D(l, {
+					children: /* @__PURE__ */ k(d, {
 						to: "/settings",
 						"data-testid": "collapsed-settings-link",
-						"aria-label": J(t.SIDEBAR$SETTINGS),
-						className: _({ collapsed: !0 }),
-						children: [/* @__PURE__ */ E(v, {
-							active: B.startsWith("/settings"),
-							children: /* @__PURE__ */ E(o, {
-								width: O,
-								height: O
+						"aria-label": X(t.SIDEBAR$SETTINGS),
+						className: y({ collapsed: !0 }),
+						children: [/* @__PURE__ */ O(b, {
+							active: H.startsWith("/settings"),
+							children: /* @__PURE__ */ O(o, {
+								width: A,
+								height: A
 							})
-						}), /* @__PURE__ */ E("span", {
-							className: h(!0),
-							children: J(t.SIDEBAR$SETTINGS)
+						}), /* @__PURE__ */ O("span", {
+							className: _(!0),
+							children: X(t.SIDEBAR$SETTINGS)
 						})]
 					})
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ k("div", {
 					className: "relative",
-					ref: W,
+					ref: K,
 					onMouseEnter: () => {
-						Y.current &&= (clearTimeout(Y.current), null), U(!0);
+						Z.current &&= (clearTimeout(Z.current), null), G(!0);
 					},
 					onMouseLeave: () => {
-						Y.current = setTimeout(() => U(!1), 150);
+						Z.current = setTimeout(() => G(!1), 150);
 					},
-					children: [/* @__PURE__ */ D("button", {
+					children: [/* @__PURE__ */ k("button", {
 						type: "button",
 						"data-testid": "collapsed-backend-selector-link",
-						"aria-label": J(t.BACKEND$MANAGE),
-						"aria-expanded": H,
+						"aria-label": X(t.BACKEND$MANAGE),
+						"aria-expanded": W,
 						onMouseDown: (e) => {
 							e.preventDefault(), e.stopPropagation();
 						},
 						onMouseUp: (e) => e.stopPropagation(),
-						className: s(_({ collapsed: !0 }), "relative"),
-						children: [/* @__PURE__ */ E(v, {
-							active: H,
-							children: /* @__PURE__ */ D("span", {
+						className: s(y({ collapsed: !0 }), "relative"),
+						children: [/* @__PURE__ */ O(b, {
+							active: W,
+							children: /* @__PURE__ */ k("span", {
 								className: "relative inline-flex size-[18px] shrink-0 items-center justify-center",
-								children: [/* @__PURE__ */ E(x, {
-									isConnected: V?.isConnected ?? null,
+								children: [/* @__PURE__ */ O(C, {
+									isConnected: U?.isConnected ?? null,
 									className: "absolute -left-0.5 -top-0.5 z-[1] pointer-events-none"
-								}), /* @__PURE__ */ E(a, {
-									width: O,
-									height: O
+								}), /* @__PURE__ */ O(a, {
+									width: A,
+									height: A
 								})]
 							})
-						}), /* @__PURE__ */ E("span", {
-							className: h(!0),
-							children: J(t.BACKEND$MANAGE)
+						}), /* @__PURE__ */ O("span", {
+							className: _(!0),
+							children: X(t.BACKEND$MANAGE)
 						})]
-					}), H ? /* @__PURE__ */ E("div", {
+					}), W ? /* @__PURE__ */ O("div", {
 						className: "absolute bottom-[-4px] left-full pl-2.5 z-40 w-[272px]",
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ E(S, {
-							sidebarCollapsed: j,
+						children: /* @__PURE__ */ O(w, {
+							sidebarCollapsed: N,
 							hideTrigger: !0,
 							defaultOpen: !0,
 							openUpward: !0,
-							onSelectOption: () => U(!1),
-							onOpenAddBackend: K,
-							onOpenManageBackends: q
+							onSelectOption: () => G(!1),
+							onOpenAddBackend: J,
+							onOpenManageBackends: Y
 						})
 					}) : null]
 				})]
 			}) : null,
-			j ? null : /* @__PURE__ */ E("div", {
+			N ? null : /* @__PURE__ */ O("div", {
 				className: s("flex flex-col items-stretch max-w-none box-border shrink-0", "-ml-2.5 w-[calc(100%+0.625rem)] border-t border-[var(--oh-border)] pt-2 px-2.5"),
-				children: /* @__PURE__ */ E(S, {
-					sidebarCollapsed: j,
+				children: /* @__PURE__ */ O(w, {
+					sidebarCollapsed: N,
 					openUpward: !0
 				})
 			})
@@ -220,6 +221,6 @@ function j({ collapsed: j, showCollapseToggle: M, showMobileCloseButton: N = !1,
 	});
 }
 //#endregion
-export { j as SidebarRailBody };
+export { N 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} from \"lucide-react\";\nimport { OpenHandsLogoButton } from \"#/components/shared/buttons/openhands-logo-button\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\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 { SidebarConversationList } from \"./sidebar-conversation-list\";\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        <SidebarNavLink\n          to=\"/automations\"\n          label={t(I18nKey.SIDEBAR$AUTOMATIONS)}\n          testId=\"sidebar-automations-link\"\n          collapsed={collapsed}\n          icon={<AutomationsIcon width={ICON_SIZE} height={ICON_SIZE} />}\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        <div\n          className={cn(\n            \"flex flex-col items-stretch max-w-none box-border shrink-0\",\n            \"-ml-2.5 w-[calc(100%+0.625rem)] border-t border-[var(--oh-border)] pt-2 px-2.5\",\n          )}\n        >\n          <BackendSelector sidebarCollapsed={collapsed} openUpward />\n        </div>\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} 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} 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 { SidebarConversationList } from \"./sidebar-conversation-list\";\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        <SidebarNavLink\n          to={automationListPath()}\n          label={\n            getInterfaceCopy().sidebarLabel ?? t(I18nKey.SIDEBAR$AUTOMATIONS)\n          }\n          testId=\"sidebar-automations-link\"\n          collapsed={collapsed}\n          icon={<AutomationsIcon width={ICON_SIZE} height={ICON_SIZE} />}\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        <div\n          className={cn(\n            \"flex flex-col items-stretch max-w-none box-border shrink-0\",\n            \"-ml-2.5 w-[calc(100%+0.625rem)] border-t border-[var(--oh-border)] pt-2 px-2.5\",\n          )}\n        >\n          <BackendSelector sidebarCollapsed={collapsed} openUpward />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/sidebar/sidebar.d.ts

@@ -1 +1,2 @@
-export declare function Sidebar(): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+export declare function Sidebar(): React.JSX.Element;

package/dist/components/features/sidebar/user-avatar.d.ts

@@ -2,5 +2,5 @@ interface UserAvatarProps {
     avatarUrl?: string;
     isLoading?: boolean;
 }
-export declare function UserAvatar({ avatarUrl, isLoading }: UserAvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function UserAvatar({ avatarUrl, isLoading }: UserAvatarProps): import("react").JSX.Element;
 export {};

package/dist/components/features/skills/add-skill-modal.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 interface AddSkillModalProps {
     onClose: () => void;
 }
-export declare function AddSkillModal({ onClose }: AddSkillModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function AddSkillModal({ onClose }: AddSkillModalProps): React.JSX.Element;
 export {};

package/dist/components/features/skills/extensions-mobile-hub.d.ts

@@ -1 +1 @@
-export declare function ExtensionsMobileHub(): import("react/jsx-runtime").JSX.Element;
+export declare function ExtensionsMobileHub(): import("react").JSX.Element;

package/dist/components/features/skills/extensions-navigation.d.ts

@@ -6,5 +6,5 @@ interface ExtensionNavItem {
     comingSoon?: boolean;
 }
 export declare const EXTENSIONS_NAV_ITEMS: ExtensionNavItem[];
-export declare function ExtensionsNavigation(): import("react/jsx-runtime").JSX.Element;
+export declare function ExtensionsNavigation(): import("react").JSX.Element;
 export {};

package/dist/components/features/skills/skill-card-pill-row.d.ts

@@ -9,5 +9,5 @@ interface SkillCardPillRowProps {
     pills: SkillCardPill[];
     testId: string;
 }
-export declare function SkillCardPillRow({ pills, testId }: SkillCardPillRowProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SkillCardPillRow({ pills, testId }: SkillCardPillRowProps): React.JSX.Element | null;
 export {};

package/dist/components/features/skills/skill-card.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { SkillInfo } from "#/types/settings";
 interface SkillCardProps {
     skill: SkillInfo;
@@ -5,5 +6,5 @@ interface SkillCardProps {
     onOpen: () => void;
     onToggle: (enabled: boolean) => void;
 }
-export declare function SkillCard({ skill, enabled, onOpen, onToggle, }: SkillCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkillCard({ skill, enabled, onOpen, onToggle, }: SkillCardProps): React.JSX.Element;
 export {};

package/dist/components/features/skills/skill-detail-modal.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { SkillInfo } from "#/types/settings";
 interface SkillDetailModalProps {
     skill: SkillInfo;
@@ -5,5 +6,5 @@ interface SkillDetailModalProps {
     onToggle: (enabled: boolean) => void;
     onClose: () => void;
 }
-export declare function SkillDetailModal({ skill, enabled, onToggle, onClose, }: SkillDetailModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkillDetailModal({ skill, enabled, onToggle, onClose, }: SkillDetailModalProps): React.JSX.Element;
 export {};

package/dist/components/features/skills/skill-facet-rail.d.ts

@@ -0,0 +1,8 @@
+import type { SkillFacetGroup, SkillFacetGroupId } from "./skill-filter";
+interface SkillFacetRailProps {
+    groups: SkillFacetGroup[];
+    onToggle: (groupId: SkillFacetGroupId, value: string) => void;
+    className?: string;
+}
+export declare function SkillFacetRail({ groups, onToggle, className, }: SkillFacetRailProps): import("react").JSX.Element | null;
+export {};

package/dist/components/features/skills/skill-facet-row.d.ts

@@ -0,0 +1,13 @@
+import { type LucideIcon } from "lucide-react";
+import { I18nKey } from "#/i18n/declaration";
+interface SkillFacetRowProps {
+    labelKey: I18nKey;
+    count: number;
+    checked: boolean;
+    disabled: boolean;
+    icon?: LucideIcon;
+    testId: string;
+    onToggle: () => void;
+}
+export declare function SkillFacetRow({ labelKey, count, checked, disabled, icon: Icon, testId, onToggle, }: SkillFacetRowProps): import("react").JSX.Element;
+export {};

package/dist/components/features/skills/skill-filter.d.ts

@@ -0,0 +1,34 @@
+import type { SkillCategoryId } from "@openhands/extensions/skills";
+import { I18nKey } from "#/i18n/declaration";
+import type { SkillInfo, SkillType } from "#/types/settings";
+import { type SkillScope } from "#/utils/skill-scope";
+export declare const SKILL_FILTER_QUERY_PARAM = "q";
+export type SkillEnabledState = "enabled" | "disabled";
+export type SkillFacetGroupId = "state" | "source" | "category" | "type";
+export interface SkillFilterState {
+    query: string;
+    sources: Set<SkillScope>;
+    categories: Set<SkillCategoryId>;
+    types: Set<SkillType>;
+    states: Set<SkillEnabledState>;
+}
+export interface SkillFacetRowModel {
+    value: string;
+    labelKey: I18nKey;
+    count: number;
+    checked: boolean;
+    disabled: boolean;
+}
+export interface SkillFacetGroup {
+    id: SkillFacetGroupId;
+    labelKey: I18nKey;
+    rows: SkillFacetRowModel[];
+}
+export declare const EMPTY_SKILL_FILTER_STATE: SkillFilterState;
+export declare function parseSkillFilterState(params: URLSearchParams): SkillFilterState;
+export declare function toSkillFilterSearchParams(state: SkillFilterState): URLSearchParams;
+export declare function applySkillFilters(skills: SkillInfo[], disabledSet: Set<string>, state: SkillFilterState): SkillInfo[];
+export declare function buildSkillFacetGroups(skills: SkillInfo[], disabledSet: Set<string>, state: SkillFilterState): SkillFacetGroup[];
+export declare function toggleSkillFilterValue(state: SkillFilterState, groupId: SkillFacetGroupId, value: string): SkillFilterState;
+export declare function clearSkillFilterFacets(state: SkillFilterState): SkillFilterState;
+export declare function countActiveFilters(state: SkillFilterState): number;

package/dist/components/features/skills/skill-filters-modal.d.ts

@@ -0,0 +1,10 @@
+import type { SkillFacetGroup, SkillFacetGroupId } from "./skill-filter";
+interface SkillFiltersModalProps {
+    groups: SkillFacetGroup[];
+    activeCount: number;
+    onToggle: (groupId: SkillFacetGroupId, value: string) => void;
+    onClearAll: () => void;
+    onClose: () => void;
+}
+export declare function SkillFiltersModal({ groups, activeCount, onToggle, onClearAll, onClose, }: SkillFiltersModalProps): import("react").JSX.Element;
+export {};

package/dist/components/features/skills/skill-icon-badge.d.ts

@@ -2,5 +2,5 @@ interface SkillIconBadgeProps {
     skillName: string;
     className?: string;
 }
-export declare function SkillIconBadge({ skillName, className }: SkillIconBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkillIconBadge({ skillName, className }: SkillIconBadgeProps): import("react").JSX.Element;
 export {};

package/dist/components/features/skills/skill-type-badge.d.ts

@@ -4,5 +4,5 @@ interface SkillTypeBadgeProps {
     type: SkillType;
 }
 export declare function getSkillTypeLabelKey(type: SkillType): I18nKey;
-export declare function SkillTypeBadge({ type }: SkillTypeBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkillTypeBadge({ type }: SkillTypeBadgeProps): import("react").JSX.Element;
 export {};

package/dist/components/features/skills/skills-toolbar.d.ts

@@ -1,9 +1,8 @@
-import type { SkillTypeFilter } from "./skill-type-filter";
 interface SkillsToolbarProps {
     search: string;
     onSearchChange: (value: string) => void;
-    typeFilter: SkillTypeFilter;
-    onTypeFilterChange: (filter: SkillTypeFilter) => void;
+    activeFilterCount: number;
+    onOpenFilters: () => void;
 }
-export declare function SkillsToolbar({ search, onSearchChange, typeFilter, onTypeFilterChange, }: SkillsToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkillsToolbar({ search, onSearchChange, activeFilterCount, onOpenFilters, }: SkillsToolbarProps): import("react").JSX.Element;
 export {};

package/dist/components/features/suggestions/suggestion-item.d.ts

@@ -7,5 +7,5 @@ interface SuggestionItemProps {
     suggestion: Suggestion;
     onClick: (value: string) => void;
 }
-export declare function SuggestionItem({ suggestion, onClick }: SuggestionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SuggestionItem({ suggestion, onClick }: SuggestionItemProps): import("react").JSX.Element;
 export {};

package/dist/components/features/suggestions/suggestions.d.ts

@@ -3,5 +3,5 @@ interface SuggestionsProps {
     suggestions: Suggestion[];
     onSuggestionClick: (value: string) => void;
 }
-export declare function Suggestions({ suggestions, onSuggestionClick, }: SuggestionsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Suggestions({ suggestions, onSuggestionClick, }: SuggestionsProps): import("react").JSX.Element;
 export {};

package/dist/components/features/terminal/empty-terminal-message.d.ts

@@ -1 +1 @@
-export declare function EmptyTerminalMessage(): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyTerminalMessage(): import("react").JSX.Element;