@openhands/agent-canvas 1.10.0 → 1.12.0

package/dist/components/features/settings/agent-canvas-version-modal.js

@@ -0,0 +1,166 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { Check as n } from "../../../node_modules/lucide-react/dist/esm/icons/check.js";
+import { CircleArrowUp as r } from "../../../node_modules/lucide-react/dist/esm/icons/circle-arrow-up.js";
+import { CircleCheck as i } from "../../../node_modules/lucide-react/dist/esm/icons/circle-check.js";
+import { Copy as a } from "../../../node_modules/lucide-react/dist/esm/icons/copy.js";
+import { ExternalLink as o } from "../../../node_modules/lucide-react/dist/esm/icons/external-link.js";
+import { RefreshCw as s } from "../../../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
+import { cn as c } from "../../../utils/utils.js";
+import { ModalBackdrop as l } from "../../shared/modals/modal-backdrop.js";
+import { ModalCloseButton as u } from "../../shared/modals/modal-close-button.js";
+import { AGENT_CANVAS_RELEASE_NOTES_URL as d, AGENT_CANVAS_UPDATE_COMMANDS as f } from "../../../api/agent-canvas-updates.js";
+import p from "../../../icons/docker.js";
+import m from "../../../icons/npm.js";
+import h from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/components/features/settings/agent-canvas-version-modal.tsx
+var y = 2e3, b = ["npm", "docker"];
+function x(e) {
+	return e === "npm" ? t.SETTINGS$VERSION_NPM_RECOMMENDED : t.SETTINGS$VERSION_DOCKER;
+}
+function S({ tab: e }) {
+	return e === "npm" ? /* @__PURE__ */ _(m, {
+		className: "size-4 shrink-0",
+		"aria-hidden": !0
+	}) : /* @__PURE__ */ _(p, {
+		className: "size-5 shrink-0",
+		"aria-hidden": !0
+	});
+}
+function C({ installedVersion: p, latestVersion: m, updateAvailable: C, isChecking: w, onCheckForUpdates: T, onClose: E }) {
+	let { t: D } = e("openhands"), [O, k] = h.useState("npm"), [A, j] = h.useState(!1), M = h.useRef(null), N = O === "npm" ? f.npm : f.docker;
+	h.useEffect(() => () => {
+		M.current !== null && window.clearTimeout(M.current);
+	}, []), h.useEffect(() => {
+		j(!1), M.current !== null && (window.clearTimeout(M.current), M.current = null);
+	}, [O]);
+	let P = h.useCallback(() => {
+		navigator.clipboard?.writeText(N), j(!0), M.current !== null && window.clearTimeout(M.current), M.current = window.setTimeout(() => {
+			j(!1), M.current = null;
+		}, y);
+	}, [N]);
+	return /* @__PURE__ */ _(l, {
+		onClose: E,
+		"aria-label": D(t.SETTINGS$VERSION_MODAL_ARIA_LABEL),
+		children: /* @__PURE__ */ v("section", {
+			className: "relative flex w-[520px] max-w-[90vw] flex-col gap-5 rounded-xl border border-[var(--oh-border)] bg-base-secondary p-6 shadow-xl",
+			children: [
+				/* @__PURE__ */ _(u, {
+					onClose: E,
+					testId: "agent-canvas-version-modal-close"
+				}),
+				/* @__PURE__ */ v("header", {
+					className: "flex items-center gap-3 pr-8",
+					children: [
+						C ? /* @__PURE__ */ _(r, {
+							className: "size-7 shrink-0 text-[#3B82F6]",
+							"aria-hidden": !0
+						}) : /* @__PURE__ */ _(i, {
+							className: "size-7 shrink-0 text-[var(--oh-status-success)]",
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ _("h2", {
+							className: "text-base font-semibold leading-6 text-white",
+							children: D(C ? t.SETTINGS$VERSION_UPDATE_AVAILABLE : t.SETTINGS$VERSION_UP_TO_DATE_TITLE)
+						}),
+						C && m ? /* @__PURE__ */ _("span", {
+							className: "rounded-full bg-[#1E3A5F] px-2 py-0.5 text-xs font-semibold text-[#3B82F6]",
+							children: m
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "flex flex-col gap-1",
+					children: C && m ? /* @__PURE__ */ v("p", {
+						className: "text-sm text-[var(--oh-text)]",
+						children: [
+							D(t.SETTINGS$VERSION_UPDATE_MESSAGE, {
+								installed: p,
+								latest: m
+							}),
+							" ",
+							/* @__PURE__ */ v("a", {
+								href: d,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "inline-flex items-center gap-1.5 whitespace-nowrap font-medium text-white hover:text-[var(--oh-text)]",
+								children: [D(t.SETTINGS$VERSION_RELEASE_NOTES), /* @__PURE__ */ _(o, {
+									className: "size-4 shrink-0",
+									"aria-hidden": !0
+								})]
+							})
+						]
+					}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("p", {
+						className: "text-sm text-[var(--oh-text)]",
+						children: D(t.SETTINGS$VERSION_INSTALLED, { version: p })
+					}), m ? /* @__PURE__ */ v("p", {
+						className: "whitespace-nowrap text-sm text-[var(--oh-status-success)]",
+						children: [
+							D(t.SETTINGS$VERSION_LATEST_MESSAGE),
+							" ",
+							/* @__PURE__ */ v("a", {
+								href: d,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "inline-flex items-center gap-1.5 font-medium text-white hover:text-[var(--oh-text)]",
+								children: [D(t.SETTINGS$VERSION_RELEASE_NOTES), /* @__PURE__ */ _(o, {
+									className: "size-4 shrink-0",
+									"aria-hidden": !0
+								})]
+							})
+						]
+					}) : /* @__PURE__ */ _("p", {
+						className: "text-sm text-[var(--oh-muted)]",
+						children: D(t.SETTINGS$VERSION_CHECK_UNAVAILABLE)
+					})] })
+				}),
+				C ? /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("div", {
+					className: "flex justify-center",
+					children: b.map((e) => /* @__PURE__ */ v("button", {
+						type: "button",
+						onClick: () => k(e),
+						className: c("inline-flex items-center gap-1.5 px-3 pb-2 text-sm font-medium", O === e ? "border-b border-white text-white" : "text-[var(--oh-muted)] hover:text-white"),
+						children: [/* @__PURE__ */ _(S, { tab: e }), D(x(e))]
+					}, e))
+				}), /* @__PURE__ */ v("div", {
+					className: "flex items-center gap-3 rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface-deep)] px-4 py-3",
+					children: [/* @__PURE__ */ _("code", {
+						className: "min-w-0 flex-1 overflow-visible whitespace-nowrap font-mono text-sm text-white",
+						children: N
+					}), /* @__PURE__ */ _("button", {
+						type: "button",
+						onClick: P,
+						"aria-label": D(A ? t.BUTTON$COPIED : t.SETTINGS$VERSION_COPY_COMMAND),
+						disabled: A,
+						className: "shrink-0 text-[var(--oh-muted)] hover:text-white disabled:hover:text-[var(--oh-muted)]",
+						children: A ? /* @__PURE__ */ _(n, {
+							className: "size-4 text-[var(--oh-status-success)]",
+							"aria-hidden": !0
+						}) : /* @__PURE__ */ _(a, {
+							className: "size-4",
+							"aria-hidden": !0
+						})
+					})]
+				})] }) : null,
+				C ? null : /* @__PURE__ */ _("div", {
+					className: "flex flex-wrap gap-x-8 gap-y-3",
+					children: /* @__PURE__ */ v("button", {
+						type: "button",
+						onClick: T,
+						className: "inline-flex items-center gap-2 text-sm font-medium text-white hover:text-[var(--oh-text)] disabled:cursor-wait disabled:text-[var(--oh-muted)]",
+						disabled: w,
+						children: [D(t.SETTINGS$VERSION_CHECK_FOR_UPDATES), /* @__PURE__ */ _(s, {
+							className: c("size-4 shrink-0", w && "animate-spin"),
+							"aria-hidden": !0
+						})]
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { C as AgentCanvasVersionModal };
+
+//# sourceMappingURL=agent-canvas-version-modal.js.map

package/dist/components/features/settings/agent-canvas-version-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-canvas-version-modal.js","names":[],"sources":["../../../../src/components/features/settings/agent-canvas-version-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  ArrowUpCircle,\n  Check,\n  CheckCircle2,\n  Copy,\n  ExternalLink,\n  RefreshCw,\n} from \"lucide-react\";\nimport {\n  AGENT_CANVAS_RELEASE_NOTES_URL,\n  AGENT_CANVAS_UPDATE_COMMANDS,\n} from \"#/api/agent-canvas-updates\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport DockerIcon from \"#/icons/docker.svg?react\";\nimport NpmIcon from \"#/icons/npm.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\n\nconst COPY_FEEDBACK_MS = 2000;\n\ntype UpdateCommandTab = \"npm\" | \"docker\";\n\nconst UPDATE_COMMAND_TABS: UpdateCommandTab[] = [\"npm\", \"docker\"];\n\ninterface AgentCanvasVersionModalProps {\n  installedVersion: string;\n  latestVersion: string | null;\n  updateAvailable: boolean;\n  isChecking: boolean;\n  onCheckForUpdates: () => void;\n  onClose: () => void;\n}\n\nfunction getUpdateCommandTabLabelKey(tab: UpdateCommandTab): I18nKey {\n  return tab === \"npm\"\n    ? I18nKey.SETTINGS$VERSION_NPM_RECOMMENDED\n    : I18nKey.SETTINGS$VERSION_DOCKER;\n}\n\nfunction UpdateCommandTabIcon({ tab }: { tab: UpdateCommandTab }) {\n  if (tab === \"npm\") {\n    return <NpmIcon className=\"size-4 shrink-0\" aria-hidden />;\n  }\n  return <DockerIcon className=\"size-5 shrink-0\" aria-hidden />;\n}\n\nexport function AgentCanvasVersionModal({\n  installedVersion,\n  latestVersion,\n  updateAvailable,\n  isChecking,\n  onCheckForUpdates,\n  onClose,\n}: AgentCanvasVersionModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [selectedTab, setSelectedTab] = React.useState<UpdateCommandTab>(\"npm\");\n  const [copied, setCopied] = React.useState(false);\n  const copiedTimeoutRef = React.useRef<number | null>(null);\n  const command =\n    selectedTab === \"npm\"\n      ? AGENT_CANVAS_UPDATE_COMMANDS.npm\n      : AGENT_CANVAS_UPDATE_COMMANDS.docker;\n\n  React.useEffect(\n    () => () => {\n      if (copiedTimeoutRef.current !== null) {\n        window.clearTimeout(copiedTimeoutRef.current);\n      }\n    },\n    [],\n  );\n\n  React.useEffect(() => {\n    setCopied(false);\n    if (copiedTimeoutRef.current !== null) {\n      window.clearTimeout(copiedTimeoutRef.current);\n      copiedTimeoutRef.current = null;\n    }\n  }, [selectedTab]);\n\n  const copyCommand = React.useCallback(() => {\n    void navigator.clipboard?.writeText(command);\n    setCopied(true);\n    if (copiedTimeoutRef.current !== null) {\n      window.clearTimeout(copiedTimeoutRef.current);\n    }\n    copiedTimeoutRef.current = window.setTimeout(() => {\n      setCopied(false);\n      copiedTimeoutRef.current = null;\n    }, COPY_FEEDBACK_MS);\n  }, [command]);\n\n  return (\n    <ModalBackdrop\n      onClose={onClose}\n      aria-label={t(I18nKey.SETTINGS$VERSION_MODAL_ARIA_LABEL)}\n    >\n      <section className=\"relative flex w-[520px] max-w-[90vw] flex-col gap-5 rounded-xl border border-[var(--oh-border)] bg-base-secondary p-6 shadow-xl\">\n        <ModalCloseButton\n          onClose={onClose}\n          testId=\"agent-canvas-version-modal-close\"\n        />\n\n        <header className=\"flex items-center gap-3 pr-8\">\n          {updateAvailable ? (\n            <ArrowUpCircle\n              className=\"size-7 shrink-0 text-[#3B82F6]\"\n              aria-hidden\n            />\n          ) : (\n            <CheckCircle2\n              className=\"size-7 shrink-0 text-[var(--oh-status-success)]\"\n              aria-hidden\n            />\n          )}\n          <h2 className=\"text-base font-semibold leading-6 text-white\">\n            {t(\n              updateAvailable\n                ? I18nKey.SETTINGS$VERSION_UPDATE_AVAILABLE\n                : I18nKey.SETTINGS$VERSION_UP_TO_DATE_TITLE,\n            )}\n          </h2>\n          {updateAvailable && latestVersion ? (\n            <span className=\"rounded-full bg-[#1E3A5F] px-2 py-0.5 text-xs font-semibold text-[#3B82F6]\">\n              {latestVersion}\n            </span>\n          ) : null}\n        </header>\n\n        <div className=\"flex flex-col gap-1\">\n          {updateAvailable && latestVersion ? (\n            <p className=\"text-sm text-[var(--oh-text)]\">\n              {t(I18nKey.SETTINGS$VERSION_UPDATE_MESSAGE, {\n                installed: installedVersion,\n                latest: latestVersion,\n              })}{\" \"}\n              <a\n                href={AGENT_CANVAS_RELEASE_NOTES_URL}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"inline-flex items-center gap-1.5 whitespace-nowrap font-medium text-white hover:text-[var(--oh-text)]\"\n              >\n                {t(I18nKey.SETTINGS$VERSION_RELEASE_NOTES)}\n                <ExternalLink className=\"size-4 shrink-0\" aria-hidden />\n              </a>\n            </p>\n          ) : (\n            <>\n              <p className=\"text-sm text-[var(--oh-text)]\">\n                {t(I18nKey.SETTINGS$VERSION_INSTALLED, {\n                  version: installedVersion,\n                })}\n              </p>\n              {latestVersion ? (\n                <p className=\"whitespace-nowrap text-sm text-[var(--oh-status-success)]\">\n                  {t(I18nKey.SETTINGS$VERSION_LATEST_MESSAGE)}{\" \"}\n                  <a\n                    href={AGENT_CANVAS_RELEASE_NOTES_URL}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"inline-flex items-center gap-1.5 font-medium text-white hover:text-[var(--oh-text)]\"\n                  >\n                    {t(I18nKey.SETTINGS$VERSION_RELEASE_NOTES)}\n                    <ExternalLink className=\"size-4 shrink-0\" aria-hidden />\n                  </a>\n                </p>\n              ) : (\n                <p className=\"text-sm text-[var(--oh-muted)]\">\n                  {t(I18nKey.SETTINGS$VERSION_CHECK_UNAVAILABLE)}\n                </p>\n              )}\n            </>\n          )}\n        </div>\n\n        {updateAvailable ? (\n          <div>\n            <div className=\"flex justify-center\">\n              {UPDATE_COMMAND_TABS.map((tab) => (\n                <button\n                  key={tab}\n                  type=\"button\"\n                  onClick={() => setSelectedTab(tab)}\n                  className={cn(\n                    \"inline-flex items-center gap-1.5 px-3 pb-2 text-sm font-medium\",\n                    selectedTab === tab\n                      ? \"border-b border-white text-white\"\n                      : \"text-[var(--oh-muted)] hover:text-white\",\n                  )}\n                >\n                  <UpdateCommandTabIcon tab={tab} />\n                  {t(getUpdateCommandTabLabelKey(tab))}\n                </button>\n              ))}\n            </div>\n            <div className=\"flex items-center gap-3 rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface-deep)] px-4 py-3\">\n              <code className=\"min-w-0 flex-1 overflow-visible whitespace-nowrap font-mono text-sm text-white\">\n                {command}\n              </code>\n              <button\n                type=\"button\"\n                onClick={copyCommand}\n                aria-label={t(\n                  copied\n                    ? I18nKey.BUTTON$COPIED\n                    : I18nKey.SETTINGS$VERSION_COPY_COMMAND,\n                )}\n                disabled={copied}\n                className=\"shrink-0 text-[var(--oh-muted)] hover:text-white disabled:hover:text-[var(--oh-muted)]\"\n              >\n                {copied ? (\n                  <Check\n                    className=\"size-4 text-[var(--oh-status-success)]\"\n                    aria-hidden\n                  />\n                ) : (\n                  <Copy className=\"size-4\" aria-hidden />\n                )}\n              </button>\n            </div>\n          </div>\n        ) : null}\n\n        {!updateAvailable ? (\n          <div className=\"flex flex-wrap gap-x-8 gap-y-3\">\n            <button\n              type=\"button\"\n              onClick={onCheckForUpdates}\n              className=\"inline-flex items-center gap-2 text-sm font-medium text-white hover:text-[var(--oh-text)] disabled:cursor-wait disabled:text-[var(--oh-muted)]\"\n              disabled={isChecking}\n            >\n              {t(I18nKey.SETTINGS$VERSION_CHECK_FOR_UPDATES)}\n              <RefreshCw\n                className={cn(\"size-4 shrink-0\", isChecking && \"animate-spin\")}\n                aria-hidden\n              />\n            </button>\n          </div>\n        ) : null}\n      </section>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,IAAM,IAAmB,KAInB,IAA0C,CAAC,OAAO,QAAQ;AAWhE,SAAS,EAA4B,GAAgC;CACnE,OAAO,MAAQ,QACX,EAAQ,mCACR,EAAQ;AACd;AAEA,SAAS,EAAqB,EAAE,UAAkC;CAIhE,OAHI,MAAQ,QACH,kBAAC,GAAD;EAAS,WAAU;EAAkB,eAAA;CAAa,CAAA,IAEpD,kBAAC,GAAD;EAAY,WAAU;EAAkB,eAAA;CAAa,CAAA;AAC9D;AAEA,SAAgB,EAAwB,EACtC,qBACA,kBACA,oBACA,eACA,sBACA,cAC+B;CAC/B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAa,KAAkB,EAAM,SAA2B,KAAK,GACtE,CAAC,GAAQ,KAAa,EAAM,SAAS,EAAK,GAC1C,IAAmB,EAAM,OAAsB,IAAI,GACnD,IACJ,MAAgB,QACZ,EAA6B,MAC7B,EAA6B;CAWnC,AATA,EAAM,sBACQ;EACV,AAAI,EAAiB,YAAY,QAC/B,OAAO,aAAa,EAAiB,OAAO;CAEhD,GACA,CAAC,CACH,GAEA,EAAM,gBAAgB;EAEpB,AADA,EAAU,EAAK,GACX,EAAiB,YAAY,SAC/B,OAAO,aAAa,EAAiB,OAAO,GAC5C,EAAiB,UAAU;CAE/B,GAAG,CAAC,CAAW,CAAC;CAEhB,IAAM,IAAc,EAAM,kBAAkB;EAM1C,AALA,UAAe,WAAW,UAAU,CAAO,GAC3C,EAAU,EAAI,GACV,EAAiB,YAAY,QAC/B,OAAO,aAAa,EAAiB,OAAO,GAE9C,EAAiB,UAAU,OAAO,iBAAiB;GAEjD,AADA,EAAU,EAAK,GACf,EAAiB,UAAU;EAC7B,GAAG,CAAgB;CACrB,GAAG,CAAC,CAAO,CAAC;CAEZ,OACE,kBAAC,GAAD;EACW;EACT,cAAY,EAAE,EAAQ,iCAAiC;YAEvD,kBAAC,WAAD;GAAS,WAAU;aAAnB;IACE,kBAAC,GAAD;KACW;KACT,QAAO;IACR,CAAA;IAED,kBAAC,UAAD;KAAQ,WAAU;eAAlB;MACG,IACC,kBAAC,GAAD;OACE,WAAU;OACV,eAAA;MACD,CAAA,IAED,kBAAC,GAAD;OACE,WAAU;OACV,eAAA;MACD,CAAA;MAEH,kBAAC,MAAD;OAAI,WAAU;iBACX,EACC,IACI,EAAQ,oCACR,EAAQ,iCACd;MACE,CAAA;MACH,KAAmB,IAClB,kBAAC,QAAD;OAAM,WAAU;iBACb;MACG,CAAA,IACJ;KACE;;IAER,kBAAC,OAAD;KAAK,WAAU;eACZ,KAAmB,IAClB,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,EAAE,EAAQ,iCAAiC;QAC1C,WAAW;QACX,QAAQ;OACV,CAAC;OAAG;OACJ,kBAAC,KAAD;QACE,MAAM;QACN,QAAO;QACP,KAAI;QACJ,WAAU;kBAJZ,CAMG,EAAE,EAAQ,8BAA8B,GACzC,kBAAC,GAAD;SAAc,WAAU;SAAkB,eAAA;QAAa,CAAA,CACtD;;MACF;UAEH,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAE,EAAQ,4BAA4B,EACrC,SAAS,EACX,CAAC;KACA,CAAA,GACF,IACC,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,EAAE,EAAQ,+BAA+B;OAAG;OAC7C,kBAAC,KAAD;QACE,MAAM;QACN,QAAO;QACP,KAAI;QACJ,WAAU;kBAJZ,CAMG,EAAE,EAAQ,8BAA8B,GACzC,kBAAC,GAAD;SAAc,WAAU;SAAkB,eAAA;QAAa,CAAA,CACtD;;MACF;UAEH,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAE,EAAQ,kCAAkC;KAC5C,CAAA,CAEL,EAAA,CAAA;IAED,CAAA;IAEJ,IACC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAoB,KAAK,MACxB,kBAAC,UAAD;MAEE,MAAK;MACL,eAAe,EAAe,CAAG;MACjC,WAAW,EACT,kEACA,MAAgB,IACZ,qCACA,yCACN;gBATF,CAWE,kBAAC,GAAD,EAA2B,OAAM,CAAA,GAChC,EAAE,EAA4B,CAAG,CAAC,CAC7B;QAZD,CAYC,CACT;IACE,CAAA,GACL,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBACb;KACG,CAAA,GACN,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,cAAY,EACV,IACI,EAAQ,gBACR,EAAQ,6BACd;MACA,UAAU;MACV,WAAU;gBAET,IACC,kBAAC,GAAD;OACE,WAAU;OACV,eAAA;MACD,CAAA,IAED,kBAAC,GAAD;OAAM,WAAU;OAAS,eAAA;MAAa,CAAA;KAElC,CAAA,CACL;MACF,EAAA,CAAA,IACH;IAEF,IAeE,OAdF,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;MACV,UAAU;gBAJZ,CAMG,EAAE,EAAQ,kCAAkC,GAC7C,kBAAC,GAAD;OACE,WAAW,EAAG,mBAAmB,KAAc,cAAc;OAC7D,eAAA;MACD,CAAA,CACK;;IACL,CAAA;GAEA;;CACI,CAAA;AAEnB"}

package/dist/components/features/settings/agent-canvas-version-tile.cjs

@@ -0,0 +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/circle-arrow-up.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/circle-check.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../api/agent-server-config.cjs"),s=require("../../../api/agent-server-compatibility.cjs"),c=require("../../../api/client-source.cjs"),l=require("../../../hooks/query/use-latest-agent-canvas-version.cjs"),u=require("./agent-canvas-version-modal.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");function p({className:e,hideWhenUpToDate:p=!1}){let{t:m}=t.useTranslation(`openhands`),[h,g]=d.default.useState(!1),_=o.getLockedCloudHost()!==null,v=l.useLatestAgentCanvasVersion({enabled:!_});if(_)return null;let y=c.AGENT_CANVAS_CLIENT_VERSION,b=v.data??null,x=(b===null?null:s.compareAgentServerVersions(b,y))===1;return p&&!x?null:(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(`button`,{type:`button`,"data-testid":`agent-canvas-version-tile`,onClick:()=>g(!0),"aria-label":m(n.I18nKey.SETTINGS$VERSION_TILE_ARIA_LABEL),className:a.cn(`flex w-full items-center gap-3 rounded-md border border-[var(--oh-border)] bg-base-secondary px-3 py-2 text-left hover:bg-[var(--oh-surface-raised)]`,e),children:[(0,f.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,f.jsx)(`span`,{className:`block truncate text-sm font-semibold leading-5 text-white`,children:m(x?n.I18nKey.SETTINGS$VERSION_TILE_NEW_VERSION:n.I18nKey.SETTINGS$VERSION_PRODUCT_NAME)}),(0,f.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1.5 truncate text-xs leading-5`,children:[(0,f.jsx)(`span`,{className:`text-[var(--oh-muted)]`,children:m(n.I18nKey.SETTINGS$APP_UPDATE_VERSION_LABEL)}),(0,f.jsx)(`span`,{className:`truncate text-white`,children:x&&b?b:y})]})]}),x?(0,f.jsx)(r.CircleArrowUp,{className:`size-5 shrink-0 text-[#3B82F6]`,"aria-hidden":!0}):(0,f.jsx)(i.CircleCheck,{className:`size-5 shrink-0 text-[var(--oh-status-success)]`,"aria-hidden":!0})]}),h?(0,f.jsx)(u.AgentCanvasVersionModal,{installedVersion:y,latestVersion:b,updateAvailable:x,isChecking:v.isFetching,onCheckForUpdates:()=>{v.refetch()},onClose:()=>g(!1)}):null]})}exports.AgentCanvasVersionTile=p;
+//# sourceMappingURL=agent-canvas-version-tile.cjs.map

package/dist/components/features/settings/agent-canvas-version-tile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-canvas-version-tile.cjs","names":[],"sources":["../../../../src/components/features/settings/agent-canvas-version-tile.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ArrowUpCircle, CheckCircle2 } from \"lucide-react\";\nimport { compareAgentServerVersions } from \"#/api/agent-server-compatibility\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport { AGENT_CANVAS_CLIENT_VERSION } from \"#/api/client-source\";\nimport { useLatestAgentCanvasVersion } from \"#/hooks/query/use-latest-agent-canvas-version\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { AgentCanvasVersionModal } from \"./agent-canvas-version-modal\";\n\ninterface AgentCanvasVersionTileProps {\n  className?: string;\n  /** When true, the tile is omitted unless an update is available. */\n  hideWhenUpToDate?: boolean;\n}\n\n/**\n * Main-sidebar tile that opens the update-specific version modal.\n * Hidden when the install is already up to date; settings uses\n * AgentCanvasUpdateCard instead.\n */\nexport function AgentCanvasVersionTile({\n  className,\n  hideWhenUpToDate = false,\n}: AgentCanvasVersionTileProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [isModalOpen, setIsModalOpen] = React.useState(false);\n  const isLockedToCloud = getLockedCloudHost() !== null;\n  const latestVersionQuery = useLatestAgentCanvasVersion({\n    enabled: !isLockedToCloud,\n  });\n\n  if (isLockedToCloud) return null;\n\n  const installedVersion = AGENT_CANVAS_CLIENT_VERSION;\n  const latestVersion = latestVersionQuery.data ?? null;\n  const comparison =\n    latestVersion !== null\n      ? compareAgentServerVersions(latestVersion, installedVersion)\n      : null;\n  const updateAvailable = comparison === 1;\n\n  if (hideWhenUpToDate && !updateAvailable) return null;\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        data-testid=\"agent-canvas-version-tile\"\n        onClick={() => setIsModalOpen(true)}\n        aria-label={t(I18nKey.SETTINGS$VERSION_TILE_ARIA_LABEL)}\n        className={cn(\n          \"flex w-full items-center gap-3 rounded-md border border-[var(--oh-border)] bg-base-secondary px-3 py-2 text-left hover:bg-[var(--oh-surface-raised)]\",\n          className,\n        )}\n      >\n        <span className=\"min-w-0 flex-1\">\n          <span className=\"block truncate text-sm font-semibold leading-5 text-white\">\n            {updateAvailable\n              ? t(I18nKey.SETTINGS$VERSION_TILE_NEW_VERSION)\n              : t(I18nKey.SETTINGS$VERSION_PRODUCT_NAME)}\n          </span>\n          <span className=\"flex min-w-0 items-center gap-1.5 truncate text-xs leading-5\">\n            <span className=\"text-[var(--oh-muted)]\">\n              {t(I18nKey.SETTINGS$APP_UPDATE_VERSION_LABEL)}\n            </span>\n            <span className=\"truncate text-white\">\n              {updateAvailable && latestVersion\n                ? latestVersion\n                : installedVersion}\n            </span>\n          </span>\n        </span>\n        {updateAvailable ? (\n          <ArrowUpCircle\n            className=\"size-5 shrink-0 text-[#3B82F6]\"\n            aria-hidden\n          />\n        ) : (\n          <CheckCircle2\n            className=\"size-5 shrink-0 text-[var(--oh-status-success)]\"\n            aria-hidden\n          />\n        )}\n      </button>\n\n      {isModalOpen ? (\n        <AgentCanvasVersionModal\n          installedVersion={installedVersion}\n          latestVersion={latestVersion}\n          updateAvailable={updateAvailable}\n          isChecking={latestVersionQuery.isFetching}\n          onCheckForUpdates={() => {\n            void latestVersionQuery.refetch();\n          }}\n          onClose={() => setIsModalOpen(false)}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"itBAsBA,SAAgB,EAAuB,CACrC,YACA,mBAAmB,IACW,CAC9B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAa,GAAkB,EAAA,QAAM,SAAS,EAAK,EACpD,EAAkB,EAAA,mBAAmB,IAAM,KAC3C,EAAqB,EAAA,4BAA4B,CACrD,QAAS,CAAC,CACZ,CAAC,EAED,GAAI,EAAiB,OAAO,KAE5B,IAAM,EAAmB,EAAA,4BACnB,EAAgB,EAAmB,MAAQ,KAK3C,GAHJ,IAAkB,KAEd,KADA,EAAA,2BAA2B,EAAe,CAAgB,KAEzB,EAIvC,OAFI,GAAoB,CAAC,EAAwB,MAG/C,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAY,4BACZ,YAAe,EAAe,EAAI,EAClC,aAAY,EAAE,EAAA,QAAQ,gCAAgC,EACtD,UAAW,EAAA,GACT,uJACA,CACF,WARF,EAUE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,0BAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qEAEV,EADH,EACK,EAAA,QAAQ,kCACR,EAAA,QAAQ,6BAA6B,CACvC,CAAA,GACN,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,wEAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,kCACb,EAAE,EAAA,QAAQ,iCAAiC,CACxC,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,+BACb,GAAmB,EAChB,EACA,CACA,CAAA,CACF,GACF,IACL,GACC,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,UAAU,iCACV,cAAA,EACD,CAAA,GAED,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,UAAU,kDACV,cAAA,EACD,CAAA,CAEG,IAEP,GACC,EAAA,EAAA,KAAC,EAAA,wBAAD,CACoB,mBACH,gBACE,kBACjB,WAAY,EAAmB,WAC/B,sBAAyB,CACvB,EAAwB,QAAQ,CAClC,EACA,YAAe,EAAe,EAAK,CACpC,CAAA,EACC,IACJ,CAAA,CAAA,CAEN"}

package/dist/components/features/settings/agent-canvas-version-tile.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface AgentCanvasVersionTileProps {
+    className?: string;
+    /** When true, the tile is omitted unless an update is available. */
+    hideWhenUpToDate?: boolean;
+}
+/**
+ * Main-sidebar tile that opens the update-specific version modal.
+ * Hidden when the install is already up to date; settings uses
+ * AgentCanvasUpdateCard instead.
+ */
+export declare function AgentCanvasVersionTile({ className, hideWhenUpToDate, }: AgentCanvasVersionTileProps): React.JSX.Element | null;
+export {};

package/dist/components/features/settings/agent-canvas-version-tile.js

@@ -0,0 +1,60 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { CircleArrowUp as n } from "../../../node_modules/lucide-react/dist/esm/icons/circle-arrow-up.js";
+import { CircleCheck as r } from "../../../node_modules/lucide-react/dist/esm/icons/circle-check.js";
+import { cn as i } from "../../../utils/utils.js";
+import { getLockedCloudHost as a } from "../../../api/agent-server-config.js";
+import { compareAgentServerVersions as o } from "../../../api/agent-server-compatibility.js";
+import { AGENT_CANVAS_CLIENT_VERSION as s } from "../../../api/client-source.js";
+import { useLatestAgentCanvasVersion as c } from "../../../hooks/query/use-latest-agent-canvas-version.js";
+import { AgentCanvasVersionModal as l } from "./agent-canvas-version-modal.js";
+import u from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/features/settings/agent-canvas-version-tile.tsx
+function m({ className: m, hideWhenUpToDate: h = !1 }) {
+	let { t: g } = e("openhands"), [_, v] = u.useState(!1), y = a() !== null, b = c({ enabled: !y });
+	if (y) return null;
+	let x = s, S = b.data ?? null, C = (S === null ? null : o(S, x)) === 1;
+	return h && !C ? null : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("button", {
+		type: "button",
+		"data-testid": "agent-canvas-version-tile",
+		onClick: () => v(!0),
+		"aria-label": g(t.SETTINGS$VERSION_TILE_ARIA_LABEL),
+		className: i("flex w-full items-center gap-3 rounded-md border border-[var(--oh-border)] bg-base-secondary px-3 py-2 text-left hover:bg-[var(--oh-surface-raised)]", m),
+		children: [/* @__PURE__ */ p("span", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ f("span", {
+				className: "block truncate text-sm font-semibold leading-5 text-white",
+				children: g(C ? t.SETTINGS$VERSION_TILE_NEW_VERSION : t.SETTINGS$VERSION_PRODUCT_NAME)
+			}), /* @__PURE__ */ p("span", {
+				className: "flex min-w-0 items-center gap-1.5 truncate text-xs leading-5",
+				children: [/* @__PURE__ */ f("span", {
+					className: "text-[var(--oh-muted)]",
+					children: g(t.SETTINGS$APP_UPDATE_VERSION_LABEL)
+				}), /* @__PURE__ */ f("span", {
+					className: "truncate text-white",
+					children: C && S ? S : x
+				})]
+			})]
+		}), C ? /* @__PURE__ */ f(n, {
+			className: "size-5 shrink-0 text-[#3B82F6]",
+			"aria-hidden": !0
+		}) : /* @__PURE__ */ f(r, {
+			className: "size-5 shrink-0 text-[var(--oh-status-success)]",
+			"aria-hidden": !0
+		})]
+	}), _ ? /* @__PURE__ */ f(l, {
+		installedVersion: x,
+		latestVersion: S,
+		updateAvailable: C,
+		isChecking: b.isFetching,
+		onCheckForUpdates: () => {
+			b.refetch();
+		},
+		onClose: () => v(!1)
+	}) : null] });
+}
+//#endregion
+export { m as AgentCanvasVersionTile };
+
+//# sourceMappingURL=agent-canvas-version-tile.js.map

package/dist/components/features/settings/agent-canvas-version-tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-canvas-version-tile.js","names":[],"sources":["../../../../src/components/features/settings/agent-canvas-version-tile.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ArrowUpCircle, CheckCircle2 } from \"lucide-react\";\nimport { compareAgentServerVersions } from \"#/api/agent-server-compatibility\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport { AGENT_CANVAS_CLIENT_VERSION } from \"#/api/client-source\";\nimport { useLatestAgentCanvasVersion } from \"#/hooks/query/use-latest-agent-canvas-version\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { AgentCanvasVersionModal } from \"./agent-canvas-version-modal\";\n\ninterface AgentCanvasVersionTileProps {\n  className?: string;\n  /** When true, the tile is omitted unless an update is available. */\n  hideWhenUpToDate?: boolean;\n}\n\n/**\n * Main-sidebar tile that opens the update-specific version modal.\n * Hidden when the install is already up to date; settings uses\n * AgentCanvasUpdateCard instead.\n */\nexport function AgentCanvasVersionTile({\n  className,\n  hideWhenUpToDate = false,\n}: AgentCanvasVersionTileProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [isModalOpen, setIsModalOpen] = React.useState(false);\n  const isLockedToCloud = getLockedCloudHost() !== null;\n  const latestVersionQuery = useLatestAgentCanvasVersion({\n    enabled: !isLockedToCloud,\n  });\n\n  if (isLockedToCloud) return null;\n\n  const installedVersion = AGENT_CANVAS_CLIENT_VERSION;\n  const latestVersion = latestVersionQuery.data ?? null;\n  const comparison =\n    latestVersion !== null\n      ? compareAgentServerVersions(latestVersion, installedVersion)\n      : null;\n  const updateAvailable = comparison === 1;\n\n  if (hideWhenUpToDate && !updateAvailable) return null;\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        data-testid=\"agent-canvas-version-tile\"\n        onClick={() => setIsModalOpen(true)}\n        aria-label={t(I18nKey.SETTINGS$VERSION_TILE_ARIA_LABEL)}\n        className={cn(\n          \"flex w-full items-center gap-3 rounded-md border border-[var(--oh-border)] bg-base-secondary px-3 py-2 text-left hover:bg-[var(--oh-surface-raised)]\",\n          className,\n        )}\n      >\n        <span className=\"min-w-0 flex-1\">\n          <span className=\"block truncate text-sm font-semibold leading-5 text-white\">\n            {updateAvailable\n              ? t(I18nKey.SETTINGS$VERSION_TILE_NEW_VERSION)\n              : t(I18nKey.SETTINGS$VERSION_PRODUCT_NAME)}\n          </span>\n          <span className=\"flex min-w-0 items-center gap-1.5 truncate text-xs leading-5\">\n            <span className=\"text-[var(--oh-muted)]\">\n              {t(I18nKey.SETTINGS$APP_UPDATE_VERSION_LABEL)}\n            </span>\n            <span className=\"truncate text-white\">\n              {updateAvailable && latestVersion\n                ? latestVersion\n                : installedVersion}\n            </span>\n          </span>\n        </span>\n        {updateAvailable ? (\n          <ArrowUpCircle\n            className=\"size-5 shrink-0 text-[#3B82F6]\"\n            aria-hidden\n          />\n        ) : (\n          <CheckCircle2\n            className=\"size-5 shrink-0 text-[var(--oh-status-success)]\"\n            aria-hidden\n          />\n        )}\n      </button>\n\n      {isModalOpen ? (\n        <AgentCanvasVersionModal\n          installedVersion={installedVersion}\n          latestVersion={latestVersion}\n          updateAvailable={updateAvailable}\n          isChecking={latestVersionQuery.isFetching}\n          onCheckForUpdates={() => {\n            void latestVersionQuery.refetch();\n          }}\n          onClose={() => setIsModalOpen(false)}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAsBA,SAAgB,EAAuB,EACrC,cACA,sBAAmB,MACW;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAa,KAAkB,EAAM,SAAS,EAAK,GACpD,IAAkB,EAAmB,MAAM,MAC3C,IAAqB,EAA4B,EACrD,SAAS,CAAC,EACZ,CAAC;CAED,IAAI,GAAiB,OAAO;CAE5B,IAAM,IAAmB,GACnB,IAAgB,EAAmB,QAAQ,MAK3C,KAHJ,MAAkB,OAEd,OADA,EAA2B,GAAe,CAAgB,OAEzB;CAIvC,OAFI,KAAoB,CAAC,IAAwB,OAG/C,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;EACE,MAAK;EACL,eAAY;EACZ,eAAe,EAAe,EAAI;EAClC,cAAY,EAAE,EAAQ,gCAAgC;EACtD,WAAW,EACT,wJACA,CACF;YARF,CAUE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,QAAD;IAAM,WAAU;cAEV,EADH,IACK,EAAQ,oCACR,EAAQ,6BAA6B;GACvC,CAAA,GACN,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,QAAD;KAAM,WAAU;eACb,EAAE,EAAQ,iCAAiC;IACxC,CAAA,GACN,kBAAC,QAAD;KAAM,WAAU;eACb,KAAmB,IAChB,IACA;IACA,CAAA,CACF;KACF;MACL,IACC,kBAAC,GAAD;GACE,WAAU;GACV,eAAA;EACD,CAAA,IAED,kBAAC,GAAD;GACE,WAAU;GACV,eAAA;EACD,CAAA,CAEG;KAEP,IACC,kBAAC,GAAD;EACoB;EACH;EACE;EACjB,YAAY,EAAmB;EAC/B,yBAAyB;GACvB,EAAwB,QAAQ;EAClC;EACA,eAAe,EAAe,EAAK;CACpC,CAAA,IACC,IACJ,EAAA,CAAA;AAEN"}

package/dist/components/features/settings/llm-profiles/profile-row.cjs

@@ -1 +1 @@
-require("../../../../_virtual/_rolldown/runtime.cjs"),require("../../../../utils/utils.cjs"),require("../../conversation-panel/ellipsis-button.cjs"),require("./profile-actions-menu.cjs"),require("../../../shared/badge.cjs"),require("../../../../utils/settings-list-classes.cjs"),require("react"),require("react/jsx-runtime");
+require("../../../../_virtual/_rolldown/runtime.cjs"),require("../../../../utils/utils.cjs"),require("../../../../utils/format-model-name.cjs"),require("../../conversation-panel/ellipsis-button.cjs"),require("./profile-actions-menu.cjs"),require("../../../shared/badge.cjs"),require("../../../../utils/settings-list-classes.cjs"),require("react"),require("react/jsx-runtime");

package/dist/components/features/settings/llm-profiles/profile-row.js

@@ -1,4 +1,5 @@
 import "../../../../utils/utils.js";
+import "../../../../utils/format-model-name.js";
 import "../../conversation-panel/ellipsis-button.js";
 import "./profile-actions-menu.js";
 import "../../../shared/badge.js";

package/dist/components/features/settings/settings-desktop-sidebar.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../../ui/typography.cjs"),i=require("../sidebar/sidebar-nav-link.cjs"),a=require("./agent-canvas-update-card.cjs"),o=require("./backend-synced-settings-badge.cjs"),s=require("./cloud-settings-link.cjs"),c=require("./integrations-settings-link.cjs");let l=require("react/jsx-runtime");function u({navigationItems:u}){let{t:d}=e.useTranslation(`openhands`),f=u.filter(e=>e.type===`item`);return(0,l.jsxs)(`aside`,{"data-testid":`settings-navbar-desktop`,className:n.cn(`hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2`,`md:sticky md:top-8 md:self-start md:pl-8`),children:[(0,l.jsx)(r.Typography.Text,{className:`px-2 text-sm font-normal text-white`,children:d(t.I18nKey.SETTINGS$TITLE)}),(0,l.jsxs)(`div`,{className:`flex flex-col gap-0.5 pt-0.5`,children:[f.map(e=>(0,l.jsx)(i.SidebarNavLink,{to:e.item.to,label:d(e.item.text),end:!0,testId:`sidebar-settings-${e.item.to}`,icon:e.item.icon},e.item.to)),(0,l.jsx)(c.IntegrationsSettingsLink,{}),(0,l.jsx)(s.CloudSettingsLink,{})]}),(0,l.jsx)(`div`,{className:`px-2 pt-3`,children:(0,l.jsx)(a.AgentCanvasUpdateCard,{})}),(0,l.jsx)(`div`,{className:`px-2 pt-3`,children:(0,l.jsx)(o.BackendSyncedSettingsBadge,{})})]})}exports.SettingsDesktopSidebar=u;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../../ui/typography.cjs"),i=require("../sidebar/sidebar-nav-link.cjs"),a=require("./agent-canvas-update-card.cjs"),o=require("./backend-synced-settings-badge.cjs"),s=require("./cloud-settings-link.cjs"),c=require("./integrations-settings-link.cjs");let l=require("react/jsx-runtime");function u({navigationItems:u}){let{t:d}=e.useTranslation(`openhands`),f=u.filter(e=>e.type===`item`);return(0,l.jsxs)(`aside`,{"data-testid":`settings-navbar-desktop`,className:n.cn(`hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2`,`md:sticky md:top-8 md:self-start md:pl-8`),children:[(0,l.jsx)(r.Typography.Text,{className:`px-2 text-sm font-normal text-white`,children:d(t.I18nKey.SETTINGS$TITLE)}),(0,l.jsxs)(`div`,{className:`flex flex-col gap-0.5 pt-0.5`,children:[f.map(e=>(0,l.jsx)(i.SidebarNavLink,{to:e.item.to,label:d(e.item.text),end:!0,testId:`sidebar-settings-${e.item.to}`,icon:e.item.icon},e.item.to)),(0,l.jsx)(c.IntegrationsSettingsLink,{}),(0,l.jsx)(s.CloudSettingsLink,{})]}),(0,l.jsx)(`div`,{className:`flex flex-col gap-2 px-2 pt-3`,children:(0,l.jsx)(a.AgentCanvasUpdateCard,{})}),(0,l.jsx)(`div`,{className:`px-2 pt-3`,children:(0,l.jsx)(o.BackendSyncedSettingsBadge,{})})]})}exports.SettingsDesktopSidebar=u;
 //# sourceMappingURL=settings-desktop-sidebar.cjs.map

package/dist/components/features/settings/settings-desktop-sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"settings-desktop-sidebar.cjs","names":[],"sources":["../../../../src/components/features/settings/settings-desktop-sidebar.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { SettingsNavRenderedItem } from \"#/hooks/use-settings-nav-items\";\nimport { SidebarNavLink } from \"#/components/features/sidebar/sidebar-nav-link\";\nimport { AgentCanvasUpdateCard } from \"#/components/features/settings/agent-canvas-update-card\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport { CloudSettingsLink } from \"#/components/features/settings/cloud-settings-link\";\nimport { IntegrationsSettingsLink } from \"#/components/features/settings/integrations-settings-link\";\n\ninterface SettingsDesktopSidebarProps {\n  navigationItems: SettingsNavRenderedItem[];\n}\n\n/**\n * Desktop sidebar — sibling of the scrolling main column (same pattern as\n * {@link ExtensionsNavigation}). Mobile drawer stays `position: fixed` outside\n * this row in the layout.\n */\nexport function SettingsDesktopSidebar({\n  navigationItems,\n}: SettingsDesktopSidebarProps) {\n  const { t } = useTranslation(\"openhands\");\n  const desktopNavItems = navigationItems.filter(\n    (item): item is Extract<SettingsNavRenderedItem, { type: \"item\" }> =>\n      item.type === \"item\",\n  );\n\n  return (\n    <aside\n      data-testid=\"settings-navbar-desktop\"\n      className={cn(\n        \"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2\",\n        \"md:sticky md:top-8 md:self-start md:pl-8\",\n      )}\n    >\n      <Typography.Text className=\"px-2 text-sm font-normal text-white\">\n        {t(I18nKey.SETTINGS$TITLE)}\n      </Typography.Text>\n      <div className=\"flex flex-col gap-0.5 pt-0.5\">\n        {desktopNavItems.map((renderedItem) => (\n          <SidebarNavLink\n            key={renderedItem.item.to}\n            to={renderedItem.item.to}\n            label={t(renderedItem.item.text as I18nKey)}\n            end\n            testId={`sidebar-settings-${renderedItem.item.to}`}\n            icon={renderedItem.item.icon}\n          />\n        ))}\n        <IntegrationsSettingsLink />\n        <CloudSettingsLink />\n      </div>\n      <div className=\"px-2 pt-3\">\n        <AgentCanvasUpdateCard />\n      </div>\n      <div className=\"px-2 pt-3\">\n        <BackendSyncedSettingsBadge />\n      </div>\n    </aside>\n  );\n}\n"],"mappings":"ggBAoBA,SAAgB,EAAuB,CACrC,mBAC8B,CAC9B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAkB,EAAgB,OACrC,GACC,EAAK,OAAS,MAClB,EAEA,OACE,EAAA,EAAA,MAAC,QAAD,CACE,cAAY,0BACZ,UAAW,EAAA,GACT,+DACA,0CACF,WALF,EAOE,EAAA,EAAA,KAAC,EAAA,WAAW,KAAZ,CAAiB,UAAU,+CACxB,EAAE,EAAA,QAAQ,cAAc,CACV,CAAA,GACjB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,wCAAf,CACG,EAAgB,IAAK,IACpB,EAAA,EAAA,KAAC,EAAA,eAAD,CAEE,GAAI,EAAa,KAAK,GACtB,MAAO,EAAE,EAAa,KAAK,IAAe,EAC1C,IAAA,GACA,OAAQ,oBAAoB,EAAa,KAAK,KAC9C,KAAM,EAAa,KAAK,IACzB,EANM,EAAa,KAAK,EAMxB,CACF,GACD,EAAA,EAAA,KAAC,EAAA,yBAAD,CAA2B,CAAA,GAC3B,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAoB,CAAA,CACjB,KACL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,sBAAD,CAAwB,CAAA,CACrB,CAAA,GACL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,2BAAD,CAA6B,CAAA,CAC1B,CAAA,CACA,GAEX"}
+{"version":3,"file":"settings-desktop-sidebar.cjs","names":[],"sources":["../../../../src/components/features/settings/settings-desktop-sidebar.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { SettingsNavRenderedItem } from \"#/hooks/use-settings-nav-items\";\nimport { SidebarNavLink } from \"#/components/features/sidebar/sidebar-nav-link\";\nimport { AgentCanvasUpdateCard } from \"#/components/features/settings/agent-canvas-update-card\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport { CloudSettingsLink } from \"#/components/features/settings/cloud-settings-link\";\nimport { IntegrationsSettingsLink } from \"#/components/features/settings/integrations-settings-link\";\n\ninterface SettingsDesktopSidebarProps {\n  navigationItems: SettingsNavRenderedItem[];\n}\n\n/**\n * Desktop sidebar — sibling of the scrolling main column (same pattern as\n * {@link ExtensionsNavigation}). Mobile drawer stays `position: fixed` outside\n * this row in the layout.\n */\nexport function SettingsDesktopSidebar({\n  navigationItems,\n}: SettingsDesktopSidebarProps) {\n  const { t } = useTranslation(\"openhands\");\n  const desktopNavItems = navigationItems.filter(\n    (item): item is Extract<SettingsNavRenderedItem, { type: \"item\" }> =>\n      item.type === \"item\",\n  );\n\n  return (\n    <aside\n      data-testid=\"settings-navbar-desktop\"\n      className={cn(\n        \"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2\",\n        \"md:sticky md:top-8 md:self-start md:pl-8\",\n      )}\n    >\n      <Typography.Text className=\"px-2 text-sm font-normal text-white\">\n        {t(I18nKey.SETTINGS$TITLE)}\n      </Typography.Text>\n      <div className=\"flex flex-col gap-0.5 pt-0.5\">\n        {desktopNavItems.map((renderedItem) => (\n          <SidebarNavLink\n            key={renderedItem.item.to}\n            to={renderedItem.item.to}\n            label={t(renderedItem.item.text as I18nKey)}\n            end\n            testId={`sidebar-settings-${renderedItem.item.to}`}\n            icon={renderedItem.item.icon}\n          />\n        ))}\n        <IntegrationsSettingsLink />\n        <CloudSettingsLink />\n      </div>\n      <div className=\"flex flex-col gap-2 px-2 pt-3\">\n        <AgentCanvasUpdateCard />\n      </div>\n      <div className=\"px-2 pt-3\">\n        <BackendSyncedSettingsBadge />\n      </div>\n    </aside>\n  );\n}\n"],"mappings":"ggBAoBA,SAAgB,EAAuB,CACrC,mBAC8B,CAC9B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAkB,EAAgB,OACrC,GACC,EAAK,OAAS,MAClB,EAEA,OACE,EAAA,EAAA,MAAC,QAAD,CACE,cAAY,0BACZ,UAAW,EAAA,GACT,+DACA,0CACF,WALF,EAOE,EAAA,EAAA,KAAC,EAAA,WAAW,KAAZ,CAAiB,UAAU,+CACxB,EAAE,EAAA,QAAQ,cAAc,CACV,CAAA,GACjB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,wCAAf,CACG,EAAgB,IAAK,IACpB,EAAA,EAAA,KAAC,EAAA,eAAD,CAEE,GAAI,EAAa,KAAK,GACtB,MAAO,EAAE,EAAa,KAAK,IAAe,EAC1C,IAAA,GACA,OAAQ,oBAAoB,EAAa,KAAK,KAC9C,KAAM,EAAa,KAAK,IACzB,EANM,EAAa,KAAK,EAMxB,CACF,GACD,EAAA,EAAA,KAAC,EAAA,yBAAD,CAA2B,CAAA,GAC3B,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAoB,CAAA,CACjB,KACL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,0CACb,EAAA,EAAA,KAAC,EAAA,sBAAD,CAAwB,CAAA,CACrB,CAAA,GACL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,2BAAD,CAA6B,CAAA,CAC1B,CAAA,CACA,GAEX"}

package/dist/components/features/settings/settings-desktop-sidebar.js

@@ -34,7 +34,7 @@ function d({ navigationItems: d }) {
 				]
 			}),
 			/* @__PURE__ */ l("div", {
-				className: "px-2 pt-3",
+				className: "flex flex-col gap-2 px-2 pt-3",
 				children: /* @__PURE__ */ l(a, {})
 			}),
 			/* @__PURE__ */ l("div", {

package/dist/components/features/settings/settings-desktop-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-desktop-sidebar.js","names":[],"sources":["../../../../src/components/features/settings/settings-desktop-sidebar.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { SettingsNavRenderedItem } from \"#/hooks/use-settings-nav-items\";\nimport { SidebarNavLink } from \"#/components/features/sidebar/sidebar-nav-link\";\nimport { AgentCanvasUpdateCard } from \"#/components/features/settings/agent-canvas-update-card\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport { CloudSettingsLink } from \"#/components/features/settings/cloud-settings-link\";\nimport { IntegrationsSettingsLink } from \"#/components/features/settings/integrations-settings-link\";\n\ninterface SettingsDesktopSidebarProps {\n  navigationItems: SettingsNavRenderedItem[];\n}\n\n/**\n * Desktop sidebar — sibling of the scrolling main column (same pattern as\n * {@link ExtensionsNavigation}). Mobile drawer stays `position: fixed` outside\n * this row in the layout.\n */\nexport function SettingsDesktopSidebar({\n  navigationItems,\n}: SettingsDesktopSidebarProps) {\n  const { t } = useTranslation(\"openhands\");\n  const desktopNavItems = navigationItems.filter(\n    (item): item is Extract<SettingsNavRenderedItem, { type: \"item\" }> =>\n      item.type === \"item\",\n  );\n\n  return (\n    <aside\n      data-testid=\"settings-navbar-desktop\"\n      className={cn(\n        \"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2\",\n        \"md:sticky md:top-8 md:self-start md:pl-8\",\n      )}\n    >\n      <Typography.Text className=\"px-2 text-sm font-normal text-white\">\n        {t(I18nKey.SETTINGS$TITLE)}\n      </Typography.Text>\n      <div className=\"flex flex-col gap-0.5 pt-0.5\">\n        {desktopNavItems.map((renderedItem) => (\n          <SidebarNavLink\n            key={renderedItem.item.to}\n            to={renderedItem.item.to}\n            label={t(renderedItem.item.text as I18nKey)}\n            end\n            testId={`sidebar-settings-${renderedItem.item.to}`}\n            icon={renderedItem.item.icon}\n          />\n        ))}\n        <IntegrationsSettingsLink />\n        <CloudSettingsLink />\n      </div>\n      <div className=\"px-2 pt-3\">\n        <AgentCanvasUpdateCard />\n      </div>\n      <div className=\"px-2 pt-3\">\n        <BackendSyncedSettingsBadge />\n      </div>\n    </aside>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgB,EAAuB,EACrC,sBAC8B;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAkB,EAAgB,QACrC,MACC,EAAK,SAAS,MAClB;CAEA,OACE,kBAAC,SAAD;EACE,eAAY;EACZ,WAAW,EACT,gEACA,0CACF;YALF;GAOE,kBAAC,EAAW,MAAZ;IAAiB,WAAU;cACxB,EAAE,EAAQ,cAAc;GACV,CAAA;GACjB,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,EAAgB,KAAK,MACpB,kBAAC,GAAD;MAEE,IAAI,EAAa,KAAK;MACtB,OAAO,EAAE,EAAa,KAAK,IAAe;MAC1C,KAAA;MACA,QAAQ,oBAAoB,EAAa,KAAK;MAC9C,MAAM,EAAa,KAAK;KACzB,GANM,EAAa,KAAK,EAMxB,CACF;KACD,kBAAC,GAAD,CAA2B,CAAA;KAC3B,kBAAC,GAAD,CAAoB,CAAA;IACjB;;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAAwB,CAAA;GACrB,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAA6B,CAAA;GAC1B,CAAA;EACA;;AAEX"}
+{"version":3,"file":"settings-desktop-sidebar.js","names":[],"sources":["../../../../src/components/features/settings/settings-desktop-sidebar.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { SettingsNavRenderedItem } from \"#/hooks/use-settings-nav-items\";\nimport { SidebarNavLink } from \"#/components/features/sidebar/sidebar-nav-link\";\nimport { AgentCanvasUpdateCard } from \"#/components/features/settings/agent-canvas-update-card\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport { CloudSettingsLink } from \"#/components/features/settings/cloud-settings-link\";\nimport { IntegrationsSettingsLink } from \"#/components/features/settings/integrations-settings-link\";\n\ninterface SettingsDesktopSidebarProps {\n  navigationItems: SettingsNavRenderedItem[];\n}\n\n/**\n * Desktop sidebar — sibling of the scrolling main column (same pattern as\n * {@link ExtensionsNavigation}). Mobile drawer stays `position: fixed` outside\n * this row in the layout.\n */\nexport function SettingsDesktopSidebar({\n  navigationItems,\n}: SettingsDesktopSidebarProps) {\n  const { t } = useTranslation(\"openhands\");\n  const desktopNavItems = navigationItems.filter(\n    (item): item is Extract<SettingsNavRenderedItem, { type: \"item\" }> =>\n      item.type === \"item\",\n  );\n\n  return (\n    <aside\n      data-testid=\"settings-navbar-desktop\"\n      className={cn(\n        \"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2\",\n        \"md:sticky md:top-8 md:self-start md:pl-8\",\n      )}\n    >\n      <Typography.Text className=\"px-2 text-sm font-normal text-white\">\n        {t(I18nKey.SETTINGS$TITLE)}\n      </Typography.Text>\n      <div className=\"flex flex-col gap-0.5 pt-0.5\">\n        {desktopNavItems.map((renderedItem) => (\n          <SidebarNavLink\n            key={renderedItem.item.to}\n            to={renderedItem.item.to}\n            label={t(renderedItem.item.text as I18nKey)}\n            end\n            testId={`sidebar-settings-${renderedItem.item.to}`}\n            icon={renderedItem.item.icon}\n          />\n        ))}\n        <IntegrationsSettingsLink />\n        <CloudSettingsLink />\n      </div>\n      <div className=\"flex flex-col gap-2 px-2 pt-3\">\n        <AgentCanvasUpdateCard />\n      </div>\n      <div className=\"px-2 pt-3\">\n        <BackendSyncedSettingsBadge />\n      </div>\n    </aside>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgB,EAAuB,EACrC,sBAC8B;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAkB,EAAgB,QACrC,MACC,EAAK,SAAS,MAClB;CAEA,OACE,kBAAC,SAAD;EACE,eAAY;EACZ,WAAW,EACT,gEACA,0CACF;YALF;GAOE,kBAAC,EAAW,MAAZ;IAAiB,WAAU;cACxB,EAAE,EAAQ,cAAc;GACV,CAAA;GACjB,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,EAAgB,KAAK,MACpB,kBAAC,GAAD;MAEE,IAAI,EAAa,KAAK;MACtB,OAAO,EAAE,EAAa,KAAK,IAAe;MAC1C,KAAA;MACA,QAAQ,oBAAoB,EAAa,KAAK;MAC9C,MAAM,EAAa,KAAK;KACzB,GANM,EAAa,KAAK,EAMxB,CACF;KACD,kBAAC,GAAD,CAA2B,CAAA;KAC3B,kBAAC,GAAD,CAAoB,CAAA;IACjB;;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAAwB,CAAA;GACrB,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAA6B,CAAA;GAC1B,CAAA;EACA;;AAEX"}

package/dist/components/features/settings/settings-mobile-drawer.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../../ui/typography.cjs"),i=require("../../../icons/settings-gear.cjs"),a=require("../../../icons/close.cjs"),o=require("../sidebar/sidebar-layout.cjs"),s=require("./agent-canvas-update-card.cjs"),c=require("./backend-synced-settings-badge.cjs"),l=require("./cloud-settings-link.cjs"),u=require("./integrations-settings-link.cjs"),d=require("./settings-nav-header.cjs"),f=require("./settings-nav-divider.cjs"),p=require("./settings-nav-link.cjs");let m=require("react/jsx-runtime");function h({isMobileMenuOpen:h,onCloseMobileMenu:g,navigationItems:_}){let{t:v}=e.useTranslation(`openhands`);return(0,m.jsxs)(m.Fragment,{children:[h&&(0,m.jsx)(`div`,{className:`fixed inset-0 z-40 bg-black bg-opacity-50 md:hidden`,onClick:g}),(0,m.jsxs)(`nav`,{"data-testid":`settings-navbar`,className:n.cn(`flex flex-col gap-6 transition-transform duration-300 ease-in-out`,`fixed inset-0 z-50 w-full bg-[var(--oh-surface-deep)] p-4 transform md:hidden`,h?`translate-x-0`:`-translate-x-full`),children:[(0,m.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,m.jsxs)(`div`,{className:`ml-1 flex items-center gap-2 sm:ml-4.5`,children:[(0,m.jsx)(i.default,{width:16,height:16}),(0,m.jsx)(r.Typography.H2,{children:v(t.I18nKey.SETTINGS$TITLE)})]}),(0,m.jsx)(`button`,{type:`button`,onClick:g,className:n.cn(`cursor-pointer rounded-md p-0.5 hover:bg-tertiary md:hidden`,o.navInteractiveTransitionClassName),"aria-label":v(t.I18nKey.SIDEBAR$CLOSE_MENU),children:(0,m.jsx)(a.default,{width:32,height:32})})]}),(0,m.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[_.map((e,t)=>e.type===`header`?(0,m.jsx)(d.SettingsNavHeader,{text:e.text},`header-${e.text}`):e.type===`divider`?(0,m.jsx)(f.SettingsNavDivider,{},`divider-${t}`):(0,m.jsx)(p.SettingsNavLink,{item:e.item,onClick:g},e.item.to)),(0,m.jsx)(u.IntegrationsSettingsLink,{}),(0,m.jsx)(l.CloudSettingsLink,{})]}),(0,m.jsx)(`div`,{className:`px-2 pt-3`,children:(0,m.jsx)(s.AgentCanvasUpdateCard,{})}),(0,m.jsx)(`div`,{className:`px-2 pt-3`,children:(0,m.jsx)(c.BackendSyncedSettingsBadge,{})})]})]})}exports.SettingsMobileDrawer=h;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../../ui/typography.cjs"),i=require("../../../icons/settings-gear.cjs"),a=require("../../../icons/close.cjs"),o=require("../sidebar/sidebar-layout.cjs"),s=require("./agent-canvas-update-card.cjs"),c=require("./backend-synced-settings-badge.cjs"),l=require("./cloud-settings-link.cjs"),u=require("./integrations-settings-link.cjs"),d=require("./settings-nav-header.cjs"),f=require("./settings-nav-divider.cjs"),p=require("./settings-nav-link.cjs");let m=require("react/jsx-runtime");function h({isMobileMenuOpen:h,onCloseMobileMenu:g,navigationItems:_}){let{t:v}=e.useTranslation(`openhands`);return(0,m.jsxs)(m.Fragment,{children:[h&&(0,m.jsx)(`div`,{className:`fixed inset-0 z-40 bg-black bg-opacity-50 md:hidden`,onClick:g}),(0,m.jsxs)(`nav`,{"data-testid":`settings-navbar`,className:n.cn(`flex flex-col gap-6 transition-transform duration-300 ease-in-out`,`fixed inset-0 z-50 w-full bg-[var(--oh-surface-deep)] p-4 transform md:hidden`,h?`translate-x-0`:`-translate-x-full`),children:[(0,m.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,m.jsxs)(`div`,{className:`ml-1 flex items-center gap-2 sm:ml-4.5`,children:[(0,m.jsx)(i.default,{width:16,height:16}),(0,m.jsx)(r.Typography.H2,{children:v(t.I18nKey.SETTINGS$TITLE)})]}),(0,m.jsx)(`button`,{type:`button`,onClick:g,className:n.cn(`cursor-pointer rounded-md p-0.5 hover:bg-tertiary md:hidden`,o.navInteractiveTransitionClassName),"aria-label":v(t.I18nKey.SIDEBAR$CLOSE_MENU),children:(0,m.jsx)(a.default,{width:32,height:32})})]}),(0,m.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[_.map((e,t)=>e.type===`header`?(0,m.jsx)(d.SettingsNavHeader,{text:e.text},`header-${e.text}`):e.type===`divider`?(0,m.jsx)(f.SettingsNavDivider,{},`divider-${t}`):(0,m.jsx)(p.SettingsNavLink,{item:e.item,onClick:g},e.item.to)),(0,m.jsx)(u.IntegrationsSettingsLink,{}),(0,m.jsx)(l.CloudSettingsLink,{})]}),(0,m.jsx)(`div`,{className:`flex flex-col gap-2 px-2 pt-3`,children:(0,m.jsx)(s.AgentCanvasUpdateCard,{})}),(0,m.jsx)(`div`,{className:`px-2 pt-3`,children:(0,m.jsx)(c.BackendSyncedSettingsBadge,{})})]})]})}exports.SettingsMobileDrawer=h;
 //# sourceMappingURL=settings-mobile-drawer.cjs.map

package/dist/components/features/settings/settings-mobile-drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"settings-mobile-drawer.cjs","names":[],"sources":["../../../../src/components/features/settings/settings-mobile-drawer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport SettingsIcon from \"#/icons/settings-gear.svg?react\";\nimport CloseIcon from \"#/icons/close.svg?react\";\nimport { SettingsNavRenderedItem } from \"#/hooks/use-settings-nav-items\";\nimport { SettingsNavHeader } from \"./settings-nav-header\";\nimport { SettingsNavDivider } from \"./settings-nav-divider\";\nimport { SettingsNavLink } from \"./settings-nav-link\";\nimport { navInteractiveTransitionClassName } from \"#/components/features/sidebar/sidebar-layout\";\nimport { AgentCanvasUpdateCard } from \"#/components/features/settings/agent-canvas-update-card\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport { CloudSettingsLink } from \"#/components/features/settings/cloud-settings-link\";\nimport { IntegrationsSettingsLink } from \"#/components/features/settings/integrations-settings-link\";\n\ninterface SettingsMobileDrawerProps {\n  isMobileMenuOpen: boolean;\n  onCloseMobileMenu: () => void;\n  navigationItems: SettingsNavRenderedItem[];\n}\n\n/**\n * Mobile overlay + drawer. Rendered outside the scrolling flex row so `position:\n * fixed` does not interact with flex item sizing on desktop.\n */\nexport function SettingsMobileDrawer({\n  isMobileMenuOpen,\n  onCloseMobileMenu,\n  navigationItems,\n}: SettingsMobileDrawerProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <>\n      {isMobileMenuOpen && (\n        <div\n          className=\"fixed inset-0 z-40 bg-black bg-opacity-50 md:hidden\"\n          onClick={onCloseMobileMenu}\n        />\n      )}\n      <nav\n        data-testid=\"settings-navbar\"\n        className={cn(\n          \"flex flex-col gap-6 transition-transform duration-300 ease-in-out\",\n          \"fixed inset-0 z-50 w-full bg-[var(--oh-surface-deep)] p-4 transform md:hidden\",\n          isMobileMenuOpen ? \"translate-x-0\" : \"-translate-x-full\",\n        )}\n      >\n        <div className=\"flex items-center justify-between\">\n          <div className=\"ml-1 flex items-center gap-2 sm:ml-4.5\">\n            <SettingsIcon width={16} height={16} />\n            <Typography.H2>{t(I18nKey.SETTINGS$TITLE)}</Typography.H2>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onCloseMobileMenu}\n            className={cn(\n              \"cursor-pointer rounded-md p-0.5 hover:bg-tertiary md:hidden\",\n              navInteractiveTransitionClassName,\n            )}\n            aria-label={t(I18nKey.SIDEBAR$CLOSE_MENU)}\n          >\n            <CloseIcon width={32} height={32} />\n          </button>\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          {navigationItems.map((renderedItem, index) => {\n            if (renderedItem.type === \"header\") {\n              return (\n                <SettingsNavHeader\n                  key={`header-${renderedItem.text}`}\n                  text={renderedItem.text}\n                />\n              );\n            }\n\n            if (renderedItem.type === \"divider\") {\n              return <SettingsNavDivider key={`divider-${index}`} />;\n            }\n\n            return (\n              <SettingsNavLink\n                key={renderedItem.item.to}\n                item={renderedItem.item}\n                onClick={onCloseMobileMenu}\n              />\n            );\n          })}\n          <IntegrationsSettingsLink />\n          <CloudSettingsLink />\n        </div>\n\n        <div className=\"px-2 pt-3\">\n          <AgentCanvasUpdateCard />\n        </div>\n\n        <div className=\"px-2 pt-3\">\n          <BackendSyncedSettingsBadge />\n        </div>\n      </nav>\n    </>\n  );\n}\n"],"mappings":"ssBA0BA,SAAgB,EAAqB,CACnC,mBACA,oBACA,mBAC4B,CAC5B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,IACC,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,sDACV,QAAS,CACV,CAAA,GAEH,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,kBACZ,UAAW,EAAA,GACT,oEACA,gFACA,EAAmB,gBAAkB,mBACvC,WANF,EAQE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kDAAf,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAc,MAAO,GAAI,OAAQ,EAAK,CAAA,GACtC,EAAA,EAAA,KAAC,EAAA,WAAW,GAAZ,CAAA,SAAgB,EAAE,EAAA,QAAQ,cAAc,CAAiB,CAAA,CACtD,KACL,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,UAAW,EAAA,GACT,8DACA,EAAA,iCACF,EACA,aAAY,EAAE,EAAA,QAAQ,kBAAkB,YAExC,EAAA,EAAA,KAAC,EAAA,QAAD,CAAW,MAAO,GAAI,OAAQ,EAAK,CAAA,CAC7B,CAAA,CACL,KAEL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,EAAgB,KAAK,EAAc,IAC9B,EAAa,OAAS,UAEtB,EAAA,EAAA,KAAC,EAAA,kBAAD,CAEE,KAAM,EAAa,IACpB,EAFM,UAAU,EAAa,MAE7B,EAID,EAAa,OAAS,WACjB,EAAA,EAAA,KAAC,EAAA,mBAAD,CAA8C,EAArB,WAAW,GAAU,GAIrD,EAAA,EAAA,KAAC,EAAA,gBAAD,CAEE,KAAM,EAAa,KACnB,QAAS,CACV,EAHM,EAAa,KAAK,EAGxB,CAEJ,GACD,EAAA,EAAA,KAAC,EAAA,yBAAD,CAA2B,CAAA,GAC3B,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAoB,CAAA,CACjB,KAEL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,sBAAD,CAAwB,CAAA,CACrB,CAAA,GAEL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,2BAAD,CAA6B,CAAA,CAC1B,CAAA,CACF,GACL,CAAA,CAAA,CAEN"}
+{"version":3,"file":"settings-mobile-drawer.cjs","names":[],"sources":["../../../../src/components/features/settings/settings-mobile-drawer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport SettingsIcon from \"#/icons/settings-gear.svg?react\";\nimport CloseIcon from \"#/icons/close.svg?react\";\nimport { SettingsNavRenderedItem } from \"#/hooks/use-settings-nav-items\";\nimport { SettingsNavHeader } from \"./settings-nav-header\";\nimport { SettingsNavDivider } from \"./settings-nav-divider\";\nimport { SettingsNavLink } from \"./settings-nav-link\";\nimport { navInteractiveTransitionClassName } from \"#/components/features/sidebar/sidebar-layout\";\nimport { AgentCanvasUpdateCard } from \"#/components/features/settings/agent-canvas-update-card\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport { CloudSettingsLink } from \"#/components/features/settings/cloud-settings-link\";\nimport { IntegrationsSettingsLink } from \"#/components/features/settings/integrations-settings-link\";\n\ninterface SettingsMobileDrawerProps {\n  isMobileMenuOpen: boolean;\n  onCloseMobileMenu: () => void;\n  navigationItems: SettingsNavRenderedItem[];\n}\n\n/**\n * Mobile overlay + drawer. Rendered outside the scrolling flex row so `position:\n * fixed` does not interact with flex item sizing on desktop.\n */\nexport function SettingsMobileDrawer({\n  isMobileMenuOpen,\n  onCloseMobileMenu,\n  navigationItems,\n}: SettingsMobileDrawerProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <>\n      {isMobileMenuOpen && (\n        <div\n          className=\"fixed inset-0 z-40 bg-black bg-opacity-50 md:hidden\"\n          onClick={onCloseMobileMenu}\n        />\n      )}\n      <nav\n        data-testid=\"settings-navbar\"\n        className={cn(\n          \"flex flex-col gap-6 transition-transform duration-300 ease-in-out\",\n          \"fixed inset-0 z-50 w-full bg-[var(--oh-surface-deep)] p-4 transform md:hidden\",\n          isMobileMenuOpen ? \"translate-x-0\" : \"-translate-x-full\",\n        )}\n      >\n        <div className=\"flex items-center justify-between\">\n          <div className=\"ml-1 flex items-center gap-2 sm:ml-4.5\">\n            <SettingsIcon width={16} height={16} />\n            <Typography.H2>{t(I18nKey.SETTINGS$TITLE)}</Typography.H2>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onCloseMobileMenu}\n            className={cn(\n              \"cursor-pointer rounded-md p-0.5 hover:bg-tertiary md:hidden\",\n              navInteractiveTransitionClassName,\n            )}\n            aria-label={t(I18nKey.SIDEBAR$CLOSE_MENU)}\n          >\n            <CloseIcon width={32} height={32} />\n          </button>\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          {navigationItems.map((renderedItem, index) => {\n            if (renderedItem.type === \"header\") {\n              return (\n                <SettingsNavHeader\n                  key={`header-${renderedItem.text}`}\n                  text={renderedItem.text}\n                />\n              );\n            }\n\n            if (renderedItem.type === \"divider\") {\n              return <SettingsNavDivider key={`divider-${index}`} />;\n            }\n\n            return (\n              <SettingsNavLink\n                key={renderedItem.item.to}\n                item={renderedItem.item}\n                onClick={onCloseMobileMenu}\n              />\n            );\n          })}\n          <IntegrationsSettingsLink />\n          <CloudSettingsLink />\n        </div>\n\n        <div className=\"flex flex-col gap-2 px-2 pt-3\">\n          <AgentCanvasUpdateCard />\n        </div>\n\n        <div className=\"px-2 pt-3\">\n          <BackendSyncedSettingsBadge />\n        </div>\n      </nav>\n    </>\n  );\n}\n"],"mappings":"ssBA0BA,SAAgB,EAAqB,CACnC,mBACA,oBACA,mBAC4B,CAC5B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,IACC,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,sDACV,QAAS,CACV,CAAA,GAEH,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,kBACZ,UAAW,EAAA,GACT,oEACA,gFACA,EAAmB,gBAAkB,mBACvC,WANF,EAQE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kDAAf,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAc,MAAO,GAAI,OAAQ,EAAK,CAAA,GACtC,EAAA,EAAA,KAAC,EAAA,WAAW,GAAZ,CAAA,SAAgB,EAAE,EAAA,QAAQ,cAAc,CAAiB,CAAA,CACtD,KACL,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,UAAW,EAAA,GACT,8DACA,EAAA,iCACF,EACA,aAAY,EAAE,EAAA,QAAQ,kBAAkB,YAExC,EAAA,EAAA,KAAC,EAAA,QAAD,CAAW,MAAO,GAAI,OAAQ,EAAK,CAAA,CAC7B,CAAA,CACL,KAEL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,EAAgB,KAAK,EAAc,IAC9B,EAAa,OAAS,UAEtB,EAAA,EAAA,KAAC,EAAA,kBAAD,CAEE,KAAM,EAAa,IACpB,EAFM,UAAU,EAAa,MAE7B,EAID,EAAa,OAAS,WACjB,EAAA,EAAA,KAAC,EAAA,mBAAD,CAA8C,EAArB,WAAW,GAAU,GAIrD,EAAA,EAAA,KAAC,EAAA,gBAAD,CAEE,KAAM,EAAa,KACnB,QAAS,CACV,EAHM,EAAa,KAAK,EAGxB,CAEJ,GACD,EAAA,EAAA,KAAC,EAAA,yBAAD,CAA2B,CAAA,GAC3B,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAoB,CAAA,CACjB,KAEL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,0CACb,EAAA,EAAA,KAAC,EAAA,sBAAD,CAAwB,CAAA,CACrB,CAAA,GAEL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,2BAAD,CAA6B,CAAA,CAC1B,CAAA,CACF,GACL,CAAA,CAAA,CAEN"}

package/dist/components/features/settings/settings-mobile-drawer.js

@@ -54,7 +54,7 @@ function _({ isMobileMenuOpen: _, onCloseMobileMenu: v, navigationItems: y }) {
 				]
 			}),
 			/* @__PURE__ */ h("div", {
-				className: "px-2 pt-3",
+				className: "flex flex-col gap-2 px-2 pt-3",
 				children: /* @__PURE__ */ h(s, {})
 			}),
 			/* @__PURE__ */ h("div", {

package/dist/components/features/settings/settings-mobile-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-mobile-drawer.js","names":[],"sources":["../../../../src/components/features/settings/settings-mobile-drawer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport SettingsIcon from \"#/icons/settings-gear.svg?react\";\nimport CloseIcon from \"#/icons/close.svg?react\";\nimport { SettingsNavRenderedItem } from \"#/hooks/use-settings-nav-items\";\nimport { SettingsNavHeader } from \"./settings-nav-header\";\nimport { SettingsNavDivider } from \"./settings-nav-divider\";\nimport { SettingsNavLink } from \"./settings-nav-link\";\nimport { navInteractiveTransitionClassName } from \"#/components/features/sidebar/sidebar-layout\";\nimport { AgentCanvasUpdateCard } from \"#/components/features/settings/agent-canvas-update-card\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport { CloudSettingsLink } from \"#/components/features/settings/cloud-settings-link\";\nimport { IntegrationsSettingsLink } from \"#/components/features/settings/integrations-settings-link\";\n\ninterface SettingsMobileDrawerProps {\n  isMobileMenuOpen: boolean;\n  onCloseMobileMenu: () => void;\n  navigationItems: SettingsNavRenderedItem[];\n}\n\n/**\n * Mobile overlay + drawer. Rendered outside the scrolling flex row so `position:\n * fixed` does not interact with flex item sizing on desktop.\n */\nexport function SettingsMobileDrawer({\n  isMobileMenuOpen,\n  onCloseMobileMenu,\n  navigationItems,\n}: SettingsMobileDrawerProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <>\n      {isMobileMenuOpen && (\n        <div\n          className=\"fixed inset-0 z-40 bg-black bg-opacity-50 md:hidden\"\n          onClick={onCloseMobileMenu}\n        />\n      )}\n      <nav\n        data-testid=\"settings-navbar\"\n        className={cn(\n          \"flex flex-col gap-6 transition-transform duration-300 ease-in-out\",\n          \"fixed inset-0 z-50 w-full bg-[var(--oh-surface-deep)] p-4 transform md:hidden\",\n          isMobileMenuOpen ? \"translate-x-0\" : \"-translate-x-full\",\n        )}\n      >\n        <div className=\"flex items-center justify-between\">\n          <div className=\"ml-1 flex items-center gap-2 sm:ml-4.5\">\n            <SettingsIcon width={16} height={16} />\n            <Typography.H2>{t(I18nKey.SETTINGS$TITLE)}</Typography.H2>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onCloseMobileMenu}\n            className={cn(\n              \"cursor-pointer rounded-md p-0.5 hover:bg-tertiary md:hidden\",\n              navInteractiveTransitionClassName,\n            )}\n            aria-label={t(I18nKey.SIDEBAR$CLOSE_MENU)}\n          >\n            <CloseIcon width={32} height={32} />\n          </button>\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          {navigationItems.map((renderedItem, index) => {\n            if (renderedItem.type === \"header\") {\n              return (\n                <SettingsNavHeader\n                  key={`header-${renderedItem.text}`}\n                  text={renderedItem.text}\n                />\n              );\n            }\n\n            if (renderedItem.type === \"divider\") {\n              return <SettingsNavDivider key={`divider-${index}`} />;\n            }\n\n            return (\n              <SettingsNavLink\n                key={renderedItem.item.to}\n                item={renderedItem.item}\n                onClick={onCloseMobileMenu}\n              />\n            );\n          })}\n          <IntegrationsSettingsLink />\n          <CloudSettingsLink />\n        </div>\n\n        <div className=\"px-2 pt-3\">\n          <AgentCanvasUpdateCard />\n        </div>\n\n        <div className=\"px-2 pt-3\">\n          <BackendSyncedSettingsBadge />\n        </div>\n      </nav>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA0BA,SAAgB,EAAqB,EACnC,qBACA,sBACA,sBAC4B;CAC5B,IAAM,EAAE,SAAM,EAAe,WAAW;CAExC,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,KACC,kBAAC,OAAD;EACE,WAAU;EACV,SAAS;CACV,CAAA,GAEH,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW,EACT,qEACA,iFACA,IAAmB,kBAAkB,mBACvC;YANF;GAQE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAc,OAAO;MAAI,QAAQ;KAAK,CAAA,GACtC,kBAAC,EAAW,IAAZ,EAAA,UAAgB,EAAE,EAAQ,cAAc,EAAiB,CAAA,CACtD;QACL,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAW,EACT,+DACA,CACF;KACA,cAAY,EAAE,EAAQ,kBAAkB;eAExC,kBAAC,GAAD;MAAW,OAAO;MAAI,QAAQ;KAAK,CAAA;IAC7B,CAAA,CACL;;GAEL,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,EAAgB,KAAK,GAAc,MAC9B,EAAa,SAAS,WAEtB,kBAAC,GAAD,EAEE,MAAM,EAAa,KACpB,GAFM,UAAU,EAAa,MAE7B,IAID,EAAa,SAAS,YACjB,kBAAC,GAAD,CAA8C,GAArB,WAAW,GAAU,IAIrD,kBAAC,GAAD;MAEE,MAAM,EAAa;MACnB,SAAS;KACV,GAHM,EAAa,KAAK,EAGxB,CAEJ;KACD,kBAAC,GAAD,CAA2B,CAAA;KAC3B,kBAAC,GAAD,CAAoB,CAAA;IACjB;;GAEL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAAwB,CAAA;GACrB,CAAA;GAEL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAA6B,CAAA;GAC1B,CAAA;EACF;GACL,EAAA,CAAA;AAEN"}
+{"version":3,"file":"settings-mobile-drawer.js","names":[],"sources":["../../../../src/components/features/settings/settings-mobile-drawer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport SettingsIcon from \"#/icons/settings-gear.svg?react\";\nimport CloseIcon from \"#/icons/close.svg?react\";\nimport { SettingsNavRenderedItem } from \"#/hooks/use-settings-nav-items\";\nimport { SettingsNavHeader } from \"./settings-nav-header\";\nimport { SettingsNavDivider } from \"./settings-nav-divider\";\nimport { SettingsNavLink } from \"./settings-nav-link\";\nimport { navInteractiveTransitionClassName } from \"#/components/features/sidebar/sidebar-layout\";\nimport { AgentCanvasUpdateCard } from \"#/components/features/settings/agent-canvas-update-card\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport { CloudSettingsLink } from \"#/components/features/settings/cloud-settings-link\";\nimport { IntegrationsSettingsLink } from \"#/components/features/settings/integrations-settings-link\";\n\ninterface SettingsMobileDrawerProps {\n  isMobileMenuOpen: boolean;\n  onCloseMobileMenu: () => void;\n  navigationItems: SettingsNavRenderedItem[];\n}\n\n/**\n * Mobile overlay + drawer. Rendered outside the scrolling flex row so `position:\n * fixed` does not interact with flex item sizing on desktop.\n */\nexport function SettingsMobileDrawer({\n  isMobileMenuOpen,\n  onCloseMobileMenu,\n  navigationItems,\n}: SettingsMobileDrawerProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <>\n      {isMobileMenuOpen && (\n        <div\n          className=\"fixed inset-0 z-40 bg-black bg-opacity-50 md:hidden\"\n          onClick={onCloseMobileMenu}\n        />\n      )}\n      <nav\n        data-testid=\"settings-navbar\"\n        className={cn(\n          \"flex flex-col gap-6 transition-transform duration-300 ease-in-out\",\n          \"fixed inset-0 z-50 w-full bg-[var(--oh-surface-deep)] p-4 transform md:hidden\",\n          isMobileMenuOpen ? \"translate-x-0\" : \"-translate-x-full\",\n        )}\n      >\n        <div className=\"flex items-center justify-between\">\n          <div className=\"ml-1 flex items-center gap-2 sm:ml-4.5\">\n            <SettingsIcon width={16} height={16} />\n            <Typography.H2>{t(I18nKey.SETTINGS$TITLE)}</Typography.H2>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onCloseMobileMenu}\n            className={cn(\n              \"cursor-pointer rounded-md p-0.5 hover:bg-tertiary md:hidden\",\n              navInteractiveTransitionClassName,\n            )}\n            aria-label={t(I18nKey.SIDEBAR$CLOSE_MENU)}\n          >\n            <CloseIcon width={32} height={32} />\n          </button>\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          {navigationItems.map((renderedItem, index) => {\n            if (renderedItem.type === \"header\") {\n              return (\n                <SettingsNavHeader\n                  key={`header-${renderedItem.text}`}\n                  text={renderedItem.text}\n                />\n              );\n            }\n\n            if (renderedItem.type === \"divider\") {\n              return <SettingsNavDivider key={`divider-${index}`} />;\n            }\n\n            return (\n              <SettingsNavLink\n                key={renderedItem.item.to}\n                item={renderedItem.item}\n                onClick={onCloseMobileMenu}\n              />\n            );\n          })}\n          <IntegrationsSettingsLink />\n          <CloudSettingsLink />\n        </div>\n\n        <div className=\"flex flex-col gap-2 px-2 pt-3\">\n          <AgentCanvasUpdateCard />\n        </div>\n\n        <div className=\"px-2 pt-3\">\n          <BackendSyncedSettingsBadge />\n        </div>\n      </nav>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA0BA,SAAgB,EAAqB,EACnC,qBACA,sBACA,sBAC4B;CAC5B,IAAM,EAAE,SAAM,EAAe,WAAW;CAExC,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,KACC,kBAAC,OAAD;EACE,WAAU;EACV,SAAS;CACV,CAAA,GAEH,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW,EACT,qEACA,iFACA,IAAmB,kBAAkB,mBACvC;YANF;GAQE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAc,OAAO;MAAI,QAAQ;KAAK,CAAA,GACtC,kBAAC,EAAW,IAAZ,EAAA,UAAgB,EAAE,EAAQ,cAAc,EAAiB,CAAA,CACtD;QACL,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAW,EACT,+DACA,CACF;KACA,cAAY,EAAE,EAAQ,kBAAkB;eAExC,kBAAC,GAAD;MAAW,OAAO;MAAI,QAAQ;KAAK,CAAA;IAC7B,CAAA,CACL;;GAEL,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,EAAgB,KAAK,GAAc,MAC9B,EAAa,SAAS,WAEtB,kBAAC,GAAD,EAEE,MAAM,EAAa,KACpB,GAFM,UAAU,EAAa,MAE7B,IAID,EAAa,SAAS,YACjB,kBAAC,GAAD,CAA8C,GAArB,WAAW,GAAU,IAIrD,kBAAC,GAAD;MAEE,MAAM,EAAa;MACnB,SAAS;KACV,GAHM,EAAa,KAAK,EAGxB,CAEJ;KACD,kBAAC,GAAD,CAA2B,CAAA;KAC3B,kBAAC,GAAD,CAAoB,CAAA;IACjB;;GAEL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAAwB,CAAA;GACrB,CAAA;GAEL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,CAA6B,CAAA;GAC1B,CAAA;EACF;GACL,EAAA,CAAA;AAEN"}

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("./sidebar-conversation-list.cjs"),b=require("../../../icons/automations.cjs");let x=require("react");x=e.__toESM(x,1);let S=require("react/jsx-runtime");var C=18,w=34,T=Math.round(w*30/46);function E({collapsed:e,showCollapseToggle:x,showMobileCloseButton:E=!1,onCloseMobile:D,collapseToggleLabel:O,onCollapse:k,onExpand:A,showCollapsedExpandButton:j,isExtensionsActive:M,currentPath:N,activeBackendHealth:P,collapsedBackendPopoverOpen:F,setCollapsedBackendPopoverOpen:I,collapsedBackendPopoverRef:L,collapsedBackendCloseTimer:R,onOpenAddBackend:z,onOpenManageBackends:B}){let{t:V}=t.useTranslation(`openhands`),H=R;return(0,S.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col`,children:[(0,S.jsxs)(`div`,{className:f.sidebarHeaderRowClassName(e),children:[(0,S.jsxs)(`div`,{className:c.cn(e&&x?f.SIDEBAR_COLLAPSED_LOGO_WRAPPER_CLASS:`flex min-w-0 shrink-0 items-center`),children:[(0,S.jsx)(`div`,{className:c.cn(e&&x&&`flex h-full w-full items-center justify-start pl-2.5 transition-opacity duration-150`,e&&j&&`opacity-0`),children:(0,S.jsx)(h.OpenHandsLogoButton,{logoWidth:w,logoHeight:T,logoClassName:`max-w-none`,className:c.cn(f.SIDEBAR_ICON_SLOT_CLASS,`overflow-visible`)})}),e&&x?(0,S.jsx)(`button`,{type:`button`,"data-testid":`sidebar-collapse-toggle`,"aria-pressed":e,"aria-label":O,onClick:A,className:c.cn(f.SIDEBAR_COLLAPSE_TOGGLE_OVERLAY_CLASS,j?`opacity-100 pointer-events-auto`:`opacity-0 pointer-events-none`),children:(0,S.jsx)(i.ChevronRight,{width:14,height:14})}):null]}),!e&&x?(0,S.jsx)(`button`,{type:`button`,"data-testid":`sidebar-collapse-toggle`,"aria-pressed":e,"aria-label":O,onClick:k,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,S.jsx)(r.ChevronLeft,{width:14,height:14})}):null,!e&&E?(0,S.jsx)(`button`,{type:`button`,"data-testid":`sidebar-mobile-drawer-close`,onClick:D,"aria-label":V(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,S.jsx)(r.ChevronLeft,{width:14,height:14})}):null]}),(0,S.jsxs)(`nav`,{className:f.sidebarNavListClassName(e),children:[(0,S.jsx)(v.CommandMenuTrigger,{collapsed:e}),(0,S.jsx)(m.SidebarNavLink,{to:`/conversations`,end:!0,label:V(n.I18nKey.SIDEBAR$NEW_CHAT),testId:`sidebar-conversations-link`,collapsed:e,icon:(0,S.jsx)(a.Plus,{width:C,height:C})}),(0,S.jsx)(m.SidebarNavLink,{to:`/customize`,label:V(n.I18nKey.NAV$CUSTOMIZE),testId:`sidebar-skills-link`,collapsed:e,forceActive:M,icon:(0,S.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:C,height:C,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,S.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,S.jsx)(`path`,{d:`m7 16.5-4.74-2.85`}),(0,S.jsx)(`path`,{d:`m7 16.5 5-3`}),(0,S.jsx)(`path`,{d:`M7 16.5v5.17`}),(0,S.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,S.jsx)(`path`,{d:`m17 16.5-5-3`}),(0,S.jsx)(`path`,{d:`m17 16.5 4.74-2.85`}),(0,S.jsx)(`path`,{d:`m17 16.5v5.17`}),(0,S.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,S.jsx)(`path`,{d:`M12 8 7.26 5.15`}),(0,S.jsx)(`path`,{d:`m12 8 4.74-2.85`}),(0,S.jsx)(`path`,{d:`M12 13.5V8`})]})}),(0,S.jsx)(m.SidebarNavLink,{to:l.automationListPath(),label:l.getInterfaceCopy().sidebarLabel??V(n.I18nKey.SIDEBAR$AUTOMATIONS),testId:`sidebar-automations-link`,collapsed:e,icon:(0,S.jsx)(b.default,{width:C,height:C})})]}),(0,S.jsx)(y.SidebarConversationList,{collapsed:e}),e&&x?(0,S.jsxs)(`nav`,{className:c.cn(f.sidebarNavListClassName(e),`mt-auto pb-2 cursor-pointer`),children:[(0,S.jsx)(u.StyledTooltip,{content:V(n.I18nKey.SIDEBAR$SETTINGS),placement:`right`,children:(0,S.jsxs)(d.NavigationLink,{to:`/settings`,"data-testid":`collapsed-settings-link`,"aria-label":V(n.I18nKey.SIDEBAR$SETTINGS),className:f.sidebarNavRowClassName({collapsed:!0}),children:[(0,S.jsx)(p.SidebarCollapsedIconSlot,{active:N.startsWith(`/settings`),children:(0,S.jsx)(s.Settings,{width:C,height:C})}),(0,S.jsx)(`span`,{className:f.sidebarNavLabelClassName(!0),children:V(n.I18nKey.SIDEBAR$SETTINGS)})]})}),(0,S.jsxs)(`div`,{className:`relative`,ref:L,onMouseEnter:()=>{H.current&&=(clearTimeout(H.current),null),I(!0)},onMouseLeave:()=>{H.current=setTimeout(()=>I(!1),150)},children:[(0,S.jsxs)(`button`,{type:`button`,"data-testid":`collapsed-backend-selector-link`,"aria-label":V(n.I18nKey.BACKEND$MANAGE),"aria-expanded":F,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onMouseUp:e=>e.stopPropagation(),className:c.cn(f.sidebarNavRowClassName({collapsed:!0}),`relative`),children:[(0,S.jsx)(p.SidebarCollapsedIconSlot,{active:F,children:(0,S.jsxs)(`span`,{className:`relative inline-flex size-[18px] shrink-0 items-center justify-center`,children:[(0,S.jsx)(g.BackendStatusDot,{isConnected:P?.isConnected??null,className:`absolute -left-0.5 -top-0.5 z-[1] pointer-events-none`}),(0,S.jsx)(o.Server,{width:C,height:C})]})}),(0,S.jsx)(`span`,{className:f.sidebarNavLabelClassName(!0),children:V(n.I18nKey.BACKEND$MANAGE)})]}),F?(0,S.jsx)(`div`,{className:`absolute bottom-[-4px] left-full pl-2.5 z-40 w-[272px]`,onClick:e=>e.stopPropagation(),children:(0,S.jsx)(_.BackendSelector,{sidebarCollapsed:e,hideTrigger:!0,defaultOpen:!0,openUpward:!0,onSelectOption:()=>I(!1),onOpenAddBackend:z,onOpenManageBackends:B})}):null]})]}):null,e?null:(0,S.jsx)(`div`,{className:c.cn(`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:(0,S.jsx)(_.BackendSelector,{sidebarCollapsed:e,openUpward:!0})})]})}exports.SidebarRailBody=E;
+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("../../../icons/automations.cjs");let S=require("react");S=e.__toESM(S,1);let C=require("react/jsx-runtime");var w=18,T=34,E=Math.round(T*30/46);function D({collapsed:e,showCollapseToggle:S,showMobileCloseButton:D=!1,onCloseMobile:O,collapseToggleLabel:k,onCollapse:A,onExpand:j,showCollapsedExpandButton:M,isExtensionsActive:N,currentPath:P,activeBackendHealth:F,collapsedBackendPopoverOpen:I,setCollapsedBackendPopoverOpen:L,collapsedBackendPopoverRef:R,collapsedBackendCloseTimer:z,onOpenAddBackend:B,onOpenManageBackends:V}){let{t:H}=t.useTranslation(`openhands`),U=z;return(0,C.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col`,children:[(0,C.jsxs)(`div`,{className:f.sidebarHeaderRowClassName(e),children:[(0,C.jsxs)(`div`,{className:c.cn(e&&S?f.SIDEBAR_COLLAPSED_LOGO_WRAPPER_CLASS:`flex min-w-0 shrink-0 items-center`),children:[(0,C.jsx)(`div`,{className:c.cn(e&&S&&`flex h-full w-full items-center justify-start pl-2.5 transition-opacity duration-150`,e&&M&&`opacity-0`),children:(0,C.jsx)(h.OpenHandsLogoButton,{logoWidth:T,logoHeight:E,logoClassName:`max-w-none`,className:c.cn(f.SIDEBAR_ICON_SLOT_CLASS,`overflow-visible`)})}),e&&S?(0,C.jsx)(`button`,{type:`button`,"data-testid":`sidebar-collapse-toggle`,"aria-pressed":e,"aria-label":k,onClick:j,className:c.cn(f.SIDEBAR_COLLAPSE_TOGGLE_OVERLAY_CLASS,M?`opacity-100 pointer-events-auto`:`opacity-0 pointer-events-none`),children:(0,C.jsx)(i.ChevronRight,{width:14,height:14})}):null]}),!e&&S?(0,C.jsx)(`button`,{type:`button`,"data-testid":`sidebar-collapse-toggle`,"aria-pressed":e,"aria-label":k,onClick:A,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,C.jsx)(r.ChevronLeft,{width:14,height:14})}):null,!e&&D?(0,C.jsx)(`button`,{type:`button`,"data-testid":`sidebar-mobile-drawer-close`,onClick:O,"aria-label":H(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,C.jsx)(r.ChevronLeft,{width:14,height:14})}):null]}),(0,C.jsxs)(`nav`,{className:f.sidebarNavListClassName(e),children:[(0,C.jsx)(v.CommandMenuTrigger,{collapsed:e}),(0,C.jsx)(m.SidebarNavLink,{to:`/conversations`,end:!0,label:H(n.I18nKey.SIDEBAR$NEW_CHAT),testId:`sidebar-conversations-link`,collapsed:e,icon:(0,C.jsx)(a.Plus,{width:w,height:w})}),(0,C.jsx)(m.SidebarNavLink,{to:`/customize`,label:H(n.I18nKey.NAV$CUSTOMIZE),testId:`sidebar-skills-link`,collapsed:e,forceActive:N,icon:(0,C.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:w,height:w,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,C.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,C.jsx)(`path`,{d:`m7 16.5-4.74-2.85`}),(0,C.jsx)(`path`,{d:`m7 16.5 5-3`}),(0,C.jsx)(`path`,{d:`M7 16.5v5.17`}),(0,C.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,C.jsx)(`path`,{d:`m17 16.5-5-3`}),(0,C.jsx)(`path`,{d:`m17 16.5 4.74-2.85`}),(0,C.jsx)(`path`,{d:`m17 16.5v5.17`}),(0,C.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,C.jsx)(`path`,{d:`M12 8 7.26 5.15`}),(0,C.jsx)(`path`,{d:`m12 8 4.74-2.85`}),(0,C.jsx)(`path`,{d:`M12 13.5V8`})]})}),(0,C.jsx)(m.SidebarNavLink,{to:l.automationListPath(),label:l.getInterfaceCopy().sidebarLabel??H(n.I18nKey.SIDEBAR$AUTOMATIONS),testId:`sidebar-automations-link`,collapsed:e,icon:(0,C.jsx)(x.default,{width:w,height:w})})]}),(0,C.jsx)(b.SidebarConversationList,{collapsed:e}),e&&S?(0,C.jsxs)(`nav`,{className:c.cn(f.sidebarNavListClassName(e),`mt-auto pb-2 cursor-pointer`),children:[(0,C.jsx)(u.StyledTooltip,{content:H(n.I18nKey.SIDEBAR$SETTINGS),placement:`right`,children:(0,C.jsxs)(d.NavigationLink,{to:`/settings`,"data-testid":`collapsed-settings-link`,"aria-label":H(n.I18nKey.SIDEBAR$SETTINGS),className:f.sidebarNavRowClassName({collapsed:!0}),children:[(0,C.jsx)(p.SidebarCollapsedIconSlot,{active:P.startsWith(`/settings`),children:(0,C.jsx)(s.Settings,{width:w,height:w})}),(0,C.jsx)(`span`,{className:f.sidebarNavLabelClassName(!0),children:H(n.I18nKey.SIDEBAR$SETTINGS)})]})}),(0,C.jsxs)(`div`,{className:`relative`,ref:R,onMouseEnter:()=>{U.current&&=(clearTimeout(U.current),null),L(!0)},onMouseLeave:()=>{U.current=setTimeout(()=>L(!1),150)},children:[(0,C.jsxs)(`button`,{type:`button`,"data-testid":`collapsed-backend-selector-link`,"aria-label":H(n.I18nKey.BACKEND$MANAGE),"aria-expanded":I,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onMouseUp:e=>e.stopPropagation(),className:c.cn(f.sidebarNavRowClassName({collapsed:!0}),`relative`),children:[(0,C.jsx)(p.SidebarCollapsedIconSlot,{active:I,children:(0,C.jsxs)(`span`,{className:`relative inline-flex size-[18px] shrink-0 items-center justify-center`,children:[(0,C.jsx)(g.BackendStatusDot,{isConnected:F?.isConnected??null,className:`absolute -left-0.5 -top-0.5 z-[1] pointer-events-none`}),(0,C.jsx)(o.Server,{width:w,height:w})]})}),(0,C.jsx)(`span`,{className:f.sidebarNavLabelClassName(!0),children:H(n.I18nKey.BACKEND$MANAGE)})]}),I?(0,C.jsx)(`div`,{className:`absolute bottom-[-4px] left-full pl-2.5 z-40 w-[272px]`,onClick:e=>e.stopPropagation(),children:(0,C.jsx)(_.BackendSelector,{sidebarCollapsed:e,hideTrigger:!0,defaultOpen:!0,openUpward:!0,onSelectOption:()=>L(!1),onOpenAddBackend:B,onOpenManageBackends:V})}):null]})]}):null,e?null:(0,C.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,C.jsx)(y.AgentCanvasVersionTile,{hideWhenUpToDate:!0}),(0,C.jsx)(_.BackendSelector,{sidebarCollapsed:e,openUpward:!0})]})]})}exports.SidebarRailBody=D;
 //# sourceMappingURL=sidebar-rail-body.cjs.map