npm - @openhands/agent-canvas - Versions diffs - 1.0.0-beta.6 → 1.0.0-beta.7 - Mend

@openhands/agent-canvas 1.0.0-beta.6 → 1.0.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (802) hide show

package/dist/components/shared/modals/confirmation-modals/base-modal.js CHANGED Viewed

@@ -1,31 +1,32 @@
 import { cn as e } from "../../../../utils/utils.js";
 import { ModalBody as t } from "../modal-body.js";
 import { ModalButton as n } from "../../buttons/modal-button.js";
+import { modalTitleClassName as r } from "../../../../utils/modal-classes.js";
 import "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/shared/modals/confirmation-modals/base-modal.tsx
-function a({ title: t, id: n, className: i }) {
-	return /* @__PURE__ */ r("span", {
+function o({ title: t, id: n, className: a }) {
+	return /* @__PURE__ */ i("span", {
 		id: n,
-		className: e("text-xl leading-6 -tracking-[0.01em] font-medium text-content-2", i),
+		className: e(r, a),
 		children: t
 	});
 }
-function o({ description: e, children: t }) {
-	return /* @__PURE__ */ r("span", {
+function s({ description: e, children: t }) {
+	return /* @__PURE__ */ i("span", {
 		className: "text-xs text-modal-muted",
 		children: t || e
 	});
 }
-function s({ testId: e, title: s, description: c, buttons: l }) {
-	return /* @__PURE__ */ i(t, {
+function c({ testId: e, title: r, description: c, buttons: l }) {
+	return /* @__PURE__ */ a(t, {
 		testID: e,
-		children: [/* @__PURE__ */ i("div", {
+		children: [/* @__PURE__ */ a("div", {
 			className: "flex flex-col gap-2 self-start",
-			children: [/* @__PURE__ */ r(a, { title: s }), /* @__PURE__ */ r(o, { description: c })]
-		}), /* @__PURE__ */ r("div", {
+			children: [/* @__PURE__ */ i(o, { title: r }), /* @__PURE__ */ i(s, { description: c })]
+		}), /* @__PURE__ */ i("div", {
 			className: "flex flex-col gap-2 w-full",
-			children: l.map((e, t) => /* @__PURE__ */ r(n, {
+			children: l.map((e, t) => /* @__PURE__ */ i(n, {
 				onClick: e.onClick,
 				text: e.text,
 				className: e.className
@@ -34,6 +35,6 @@ function s({ testId: e, title: s, description: c, buttons: l }) {
 	});
 }
 //#endregion
-export { s as BaseModal, o as BaseModalDescription, a as BaseModalTitle };
+export { c as BaseModal, s as BaseModalDescription, o as BaseModalTitle };
 //# sourceMappingURL=base-modal.js.map

package/dist/components/shared/modals/confirmation-modals/base-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base-modal.js","names":[],"sources":["../../../../../src/components/shared/modals/confirmation-modals/base-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalBody } from \"../modal-body\";\nimport { ModalButton } from \"../../buttons/modal-button\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ButtonConfig {\n text: string;\n onClick: () => void;\n className: React.HTMLProps<HTMLButtonElement>[\"className\"];\n}\n\ninterface BaseModalTitleProps {\n title: React.ReactNode;\n id?: string;\n className?: string;\n}\n\nexport function BaseModalTitle({ title, id, className }: BaseModalTitleProps) {\n return (\n <span\n id={id}\n className={cn(~~\n \"text-xl~~ ~~leading-6 -tracking-[0.01em] font-medium text-content-2\",\n~~ className~~,\n~~ )}\n >\n {title}\n </span>\n );\n}\n\ninterface BaseModalDescriptionProps {\n description?: React.ReactNode;\n children?: React.ReactNode;\n}\n\nexport function BaseModalDescription({\n description,\n children,\n}: BaseModalDescriptionProps) {\n return (\n <span className=\"text-xs text-modal-muted\">{children \|\| description}</span>\n );\n}\n\ninterface BaseModalProps {\n testId?: string;\n title: string;\n description: string;\n buttons: ButtonConfig[];\n}\n\nexport function BaseModal({\n testId,\n title,\n description,\n buttons,\n}: BaseModalProps) {\n return (\n <ModalBody testID={testId}>\n <div className=\"flex flex-col gap-2 self-start\">\n <BaseModalTitle title={title} />\n <BaseModalDescription description={description} />\n </div>\n\n <div className=\"flex flex-col gap-2 w-full\">\n {buttons.map((button, index) => (\n <ModalButton\n key={index}\n onClick={button.onClick}\n text={button.text}\n className={button.className}\n />\n ))}\n </div>\n </ModalBody>\n );\n}\n"],"mappings":"~~;;;;;;AAiBA~~,SAAgB,EAAe,EAAE,UAAO,OAAI,gBAAkC;AAC5E,QACE,kBAAC,QAAD;~~EACM~~;~~EACJ~~,WAAW,~~EACT~~,~~mEACA~~,~~EACD~~;~~YAEA~~;EACI,CAAA;;AASX,SAAgB,EAAqB,EACnC,gBACA,eAC4B;AAC5B,QACE,kBAAC,QAAD;EAAM,WAAU;YAA4B,KAAY;EAAmB,CAAA;;AAW/E,SAAgB,EAAU,EACxB,WACA,UACA,gBACA,cACiB;AACjB,QACE,kBAAC,GAAD;EAAW,QAAQ;YAAnB,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAuB,UAAS,CAAA,EAChC,kBAAC,GAAD,EAAmC,gBAAe,CAAA,CAC9C;MAEN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,KAAK,GAAQ,MACpB,kBAAC,GAAD;IAEE,SAAS,EAAO;IAChB,MAAM,EAAO;IACb,WAAW,EAAO;IAClB,EAJK,EAIL,CACF;GACE,CAAA,CACI"}
1	+ {"version":3,"file":"base-modal.js","names":[],"sources":["../../../../../src/components/shared/modals/confirmation-modals/base-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalBody } from \"../modal-body\";\nimport { ModalButton } from \"../../buttons/modal-button\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\n\ninterface ButtonConfig {\n text: string;\n onClick: () => void;\n className: React.HTMLProps<HTMLButtonElement>[\"className\"];\n}\n\ninterface BaseModalTitleProps {\n title: React.ReactNode;\n id?: string;\n className?: string;\n}\n\nexport function BaseModalTitle({ title, id, className }: BaseModalTitleProps) {\n return (\n <span id={id} className={cn(modalTitleClassName, className)}>\n {title}\n </span>\n );\n}\n\ninterface BaseModalDescriptionProps {\n description?: React.ReactNode;\n children?: React.ReactNode;\n}\n\nexport function BaseModalDescription({\n description,\n children,\n}: BaseModalDescriptionProps) {\n return (\n <span className=\"text-xs text-modal-muted\">{children \|\| description}</span>\n );\n}\n\ninterface BaseModalProps {\n testId?: string;\n title: string;\n description: string;\n buttons: ButtonConfig[];\n}\n\nexport function BaseModal({\n testId,\n title,\n description,\n buttons,\n}: BaseModalProps) {\n return (\n <ModalBody testID={testId}>\n <div className=\"flex flex-col gap-2 self-start\">\n <BaseModalTitle title={title} />\n <BaseModalDescription description={description} />\n </div>\n\n <div className=\"flex flex-col gap-2 w-full\">\n {buttons.map((button, index) => (\n <ModalButton\n key={index}\n onClick={button.onClick}\n text={button.text}\n className={button.className}\n />\n ))}\n </div>\n </ModalBody>\n );\n}\n"],"mappings":";;;;;;;AAkBA,SAAgB,EAAe,EAAE,UAAO,OAAI,gBAAkC;AAC5E,QACE,kBAAC,QAAD;EAAU;EAAI,WAAW,EAAG,GAAqB,EAAU;YACxD;EACI,CAAA;;AASX,SAAgB,EAAqB,EACnC,gBACA,eAC4B;AAC5B,QACE,kBAAC,QAAD;EAAM,WAAU;YAA4B,KAAY;EAAmB,CAAA;;AAW/E,SAAgB,EAAU,EACxB,WACA,UACA,gBACA,cACiB;AACjB,QACE,kBAAC,GAAD;EAAW,QAAQ;YAAnB,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAuB,UAAS,CAAA,EAChC,kBAAC,GAAD,EAAmC,gBAAe,CAAA,CAC9C;MAEN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,KAAK,GAAQ,MACpB,kBAAC,GAAD;IAEE,SAAS,EAAO;IAChB,MAAM,EAAO;IACb,WAAW,EAAO;IAClB,EAJK,EAIL,CACF;GACE,CAAA,CACI"}

package/dist/components/shared/modals/settings/settings-modal.cjs CHANGED Viewed

@@ -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(`../../../../services/settings.cjs`),i=require(`../modal-backdrop.cjs`),a=require(`../modal-body.cjs`),o=require(`../../../../ui/help-link.cjs`),s=require(`./settings-form.cjs`);let c=require(`react/jsx-runtime`);function l({onClose:l,settings:u}){let{t:d}=e.useTranslation(`openhands`);return(0,c.jsx)(i.ModalBackdrop,{children:(0,c.jsxs)(`div`,{"data-testid":`ai-config-modal`,className:n.cn(`bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal`,a.modalWidthClassName(`md`),a.MODAL_MAX_WIDTH_VIEWPORT),children:[(0,c.jsx)(`span`,{className:`text-5 leading-6 font-medium -tracking-[0.2px]`,children:d(t.I18nKey.AI_SETTINGS$TITLE)}),(0,c.jsx)(o.HelpLink,{testId:`advanced-settings-link`,text:`${d(t.I18nKey.SETTINGS$DESCRIPTION)}. ${d(t.I18nKey.SETTINGS$FOR_OTHER_OPTIONS)} ${d(t.I18nKey.COMMON$SEE)}`,linkText:d(t.I18nKey.COMMON$ADVANCED_SETTINGS),href:`/settings`,suffix:`.`,size:`settings`,linkColor:`white`,suffixClassName:`text-white`}),(0,c.jsx)(s.SettingsForm,{settings:u||r.DEFAULT_SETTINGS,onClose:l})]})})}exports.SettingsModal=l;
+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(`../../../../services/settings.cjs`),i=require(`../modal-backdrop.cjs`),a=require(`../modal-body.cjs`),o=require(`../../../../utils/modal-classes.cjs`),s=require(`../../../../ui/help-link.cjs`),c=require(`./settings-form.cjs`);let l=require(`react/jsx-runtime`);function u({onClose:u,settings:d}){let{t:f}=e.useTranslation(`openhands`);return(0,l.jsx)(i.ModalBackdrop,{children:(0,l.jsxs)(`div`,{"data-testid":`ai-config-modal`,className:n.cn(`bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal`,a.modalWidthClassName(`md`),a.MODAL_MAX_WIDTH_VIEWPORT),children:[(0,l.jsx)(`span`,{className:o.modalTitleClassName,children:f(t.I18nKey.AI_SETTINGS$TITLE)}),(0,l.jsx)(s.HelpLink,{testId:`advanced-settings-link`,text:`${f(t.I18nKey.SETTINGS$DESCRIPTION)}. ${f(t.I18nKey.SETTINGS$FOR_OTHER_OPTIONS)} ${f(t.I18nKey.COMMON$SEE)}`,linkText:f(t.I18nKey.COMMON$ADVANCED_SETTINGS),href:`/settings`,suffix:`.`,size:`settings`,linkColor:`white`,suffixClassName:`text-white`}),(0,l.jsx)(c.SettingsForm,{settings:d||r.DEFAULT_SETTINGS,onClose:u})]})})}exports.SettingsModal=u;
 //# sourceMappingURL=settings-modal.cjs.map

package/dist/components/shared/modals/settings/settings-modal.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"settings-modal.cjs","names":[],"sources":["../../../../../src/components/shared/modals/settings/settings-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"../modal-backdrop\";\nimport { MODAL_MAX_WIDTH_VIEWPORT, modalWidthClassName } from \"../modal-body\";\nimport { cn } from \"#/utils/utils\";\nimport { SettingsForm } from \"./settings-form\";\nimport { Settings } from \"#/types/settings\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { HelpLink } from \"#/ui/help-link\";\n\ninterface SettingsModalProps {\n settings?: Settings;\n onClose: () => void;\n}\n\nexport function SettingsModal({ onClose, settings }: SettingsModalProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <ModalBackdrop>\n <div\n data-testid=\"ai-config-modal\"\n className={cn(\n \"bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal\",\n modalWidthClassName(\"md\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n )}\n >\n <span className~~=\"text-5 leading-6 font-medium -tracking-[0.2px]\"~~>\n {t(I18nKey.AI_SETTINGS$TITLE)}\n </span>\n <HelpLink\n testId=\"advanced-settings-link\"\n text={`${t(I18nKey.SETTINGS$DESCRIPTION)}. ${t(I18nKey.SETTINGS$FOR_OTHER_OPTIONS)} ${t(I18nKey.COMMON$SEE)}`}\n linkText={t(I18nKey.COMMON$ADVANCED_SETTINGS)}\n href=\"/settings\"\n suffix=\".\"\n size=\"settings\"\n linkColor=\"white\"\n suffixClassName=\"text-white\"\n />\n\n <SettingsForm\n settings={settings \|\| DEFAULT_SETTINGS}\n onClose={onClose}\n />\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"~~icAeA~~,SAAgB,EAAc,CAAE,UAAS,YAAgC,CACvE,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEzC,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAA,UACE,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,kBACZ,UAAW,EAAA,GACT,8HACA,EAAA,oBAAoB,KAAK,CACzB,EAAA,yBACD,UANH,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,~~UAAU~~,~~0DACb~~,EAAE,EAAA,QAAQ,kBAAkB,CACxB,CAAA,EACP,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAO,yBACP,KAAM,GAAG,EAAE,EAAA,QAAQ,qBAAqB,CAAC,IAAI,EAAE,EAAA,QAAQ,2BAA2B,CAAC,GAAG,EAAE,EAAA,QAAQ,WAAW,GAC3G,SAAU,EAAE,EAAA,QAAQ,yBAAyB,CAC7C,KAAK,YACL,OAAO,IACP,KAAK,WACL,UAAU,QACV,gBAAgB,aAChB,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,SAAU,GAAY,EAAA,iBACb,UACT,CAAA,CACE,GACQ,CAAA"}
1	+ {"version":3,"file":"settings-modal.cjs","names":[],"sources":["../../../../../src/components/shared/modals/settings/settings-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"../modal-backdrop\";\nimport { MODAL_MAX_WIDTH_VIEWPORT, modalWidthClassName } from \"../modal-body\";\nimport { cn } from \"#/utils/utils\";\nimport { SettingsForm } from \"./settings-form\";\nimport { Settings } from \"#/types/settings\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\n\ninterface SettingsModalProps {\n settings?: Settings;\n onClose: () => void;\n}\n\nexport function SettingsModal({ onClose, settings }: SettingsModalProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <ModalBackdrop>\n <div\n data-testid=\"ai-config-modal\"\n className={cn(\n \"bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal\",\n modalWidthClassName(\"md\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n )}\n >\n <span className={modalTitleClassName}>\n {t(I18nKey.AI_SETTINGS$TITLE)}\n </span>\n <HelpLink\n testId=\"advanced-settings-link\"\n text={`${t(I18nKey.SETTINGS$DESCRIPTION)}. ${t(I18nKey.SETTINGS$FOR_OTHER_OPTIONS)} ${t(I18nKey.COMMON$SEE)}`}\n linkText={t(I18nKey.COMMON$ADVANCED_SETTINGS)}\n href=\"/settings\"\n suffix=\".\"\n size=\"settings\"\n linkColor=\"white\"\n suffixClassName=\"text-white\"\n />\n\n <SettingsForm\n settings={settings \|\| DEFAULT_SETTINGS}\n onClose={onClose}\n />\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"kfAgBA,SAAgB,EAAc,CAAE,UAAS,YAAgC,CACvE,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEzC,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAA,UACE,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,kBACZ,UAAW,EAAA,GACT,8HACA,EAAA,oBAAoB,KAAK,CACzB,EAAA,yBACD,UANH,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,6BACd,EAAE,EAAA,QAAQ,kBAAkB,CACxB,CAAA,EACP,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAO,yBACP,KAAM,GAAG,EAAE,EAAA,QAAQ,qBAAqB,CAAC,IAAI,EAAE,EAAA,QAAQ,2BAA2B,CAAC,GAAG,EAAE,EAAA,QAAQ,WAAW,GAC3G,SAAU,EAAE,EAAA,QAAQ,yBAAyB,CAC7C,KAAK,YACL,OAAO,IACP,KAAK,WACL,UAAU,QACV,gBAAgB,aAChB,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,SAAU,GAAY,EAAA,iBACb,UACT,CAAA,CACE,GACQ,CAAA"}

package/dist/components/shared/modals/settings/settings-modal.js CHANGED Viewed

@@ -4,38 +4,39 @@ import { cn as n } from "../../../../utils/utils.js";
 import { DEFAULT_SETTINGS as r } from "../../../../services/settings.js";
 import { ModalBackdrop as i } from "../modal-backdrop.js";
 import { MODAL_MAX_WIDTH_VIEWPORT as a, modalWidthClassName as o } from "../modal-body.js";
-import { HelpLink as s } from "../../../../ui/help-link.js";
-import { SettingsForm as c } from "./settings-form.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { modalTitleClassName as s } from "../../../../utils/modal-classes.js";
+import { HelpLink as c } from "../../../../ui/help-link.js";
+import { SettingsForm as l } from "./settings-form.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/shared/modals/settings/settings-modal.tsx
-function d({ onClose: d, settings: f }) {
-	let { t: p } = e("openhands");
-	return /* @__PURE__ */ l(i, { children: /* @__PURE__ */ u("div", {
+function f({ onClose: f, settings: p }) {
+	let { t: m } = e("openhands");
+	return /* @__PURE__ */ u(i, { children: /* @__PURE__ */ d("div", {
 		"data-testid": "ai-config-modal",
 		className: n("bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal", o("md"), a),
 		children: [
-			/* @__PURE__ */ l("span", {
-				className: "text-5 leading-6 font-medium -tracking-[0.2px]",
-				children: p(t.AI_SETTINGS$TITLE)
+			/* @__PURE__ */ u("span", {
+				className: s,
+				children: m(t.AI_SETTINGS$TITLE)
 			}),
-			/* @__PURE__ */ l(s, {
+			/* @__PURE__ */ u(c, {
 				testId: "advanced-settings-link",
-				text: `${p(t.SETTINGS$DESCRIPTION)}. ${p(t.SETTINGS$FOR_OTHER_OPTIONS)} ${p(t.COMMON$SEE)}`,
-				linkText: p(t.COMMON$ADVANCED_SETTINGS),
+				text: `${m(t.SETTINGS$DESCRIPTION)}. ${m(t.SETTINGS$FOR_OTHER_OPTIONS)} ${m(t.COMMON$SEE)}`,
+				linkText: m(t.COMMON$ADVANCED_SETTINGS),
 				href: "/settings",
 				suffix: ".",
 				size: "settings",
 				linkColor: "white",
 				suffixClassName: "text-white"
 			}),
-			/* @__PURE__ */ l(c, {
-				settings: f || r,
-				onClose: d
+			/* @__PURE__ */ u(l, {
+				settings: p || r,
+				onClose: f
 			})
 		]
 	}) });
 }
 //#endregion
-export { d as SettingsModal };
+export { f as SettingsModal };
 //# sourceMappingURL=settings-modal.js.map

package/dist/components/shared/modals/settings/settings-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"settings-modal.js","names":[],"sources":["../../../../../src/components/shared/modals/settings/settings-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"../modal-backdrop\";\nimport { MODAL_MAX_WIDTH_VIEWPORT, modalWidthClassName } from \"../modal-body\";\nimport { cn } from \"#/utils/utils\";\nimport { SettingsForm } from \"./settings-form\";\nimport { Settings } from \"#/types/settings\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { HelpLink } from \"#/ui/help-link\";\n\ninterface SettingsModalProps {\n settings?: Settings;\n onClose: () => void;\n}\n\nexport function SettingsModal({ onClose, settings }: SettingsModalProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <ModalBackdrop>\n <div\n data-testid=\"ai-config-modal\"\n className={cn(\n \"bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal\",\n modalWidthClassName(\"md\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n )}\n >\n <span className~~=\"text-5 leading-6 font-medium -tracking-[0.2px]\"~~>\n {t(I18nKey.AI_SETTINGS$TITLE)}\n </span>\n <HelpLink\n testId=\"advanced-settings-link\"\n text={`${t(I18nKey.SETTINGS$DESCRIPTION)}. ${t(I18nKey.SETTINGS$FOR_OTHER_OPTIONS)} ${t(I18nKey.COMMON$SEE)}`}\n linkText={t(I18nKey.COMMON$ADVANCED_SETTINGS)}\n href=\"/settings\"\n suffix=\".\"\n size=\"settings\"\n linkColor=\"white\"\n suffixClassName=\"text-white\"\n />\n\n <SettingsForm\n settings={settings \|\| DEFAULT_SETTINGS}\n onClose={onClose}\n />\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"~~;;;;;;;;;;AAeA~~,SAAgB,EAAc,EAAE,YAAS,eAAgC;CACvE,IAAM,EAAE,SAAM,EAAe,YAAY;AAEzC,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW,EACT,+HACA,EAAoB,KAAK,EACzB,EACD;YANH;GAQE,kBAAC,QAAD;IAAM,~~WAAU~~;~~cACb~~,EAAE,EAAQ,kBAAkB;IACxB,CAAA;GACP,kBAAC,GAAD;IACE,QAAO;IACP,MAAM,GAAG,EAAE,EAAQ,qBAAqB,CAAC,IAAI,EAAE,EAAQ,2BAA2B,CAAC,GAAG,EAAE,EAAQ,WAAW;IAC3G,UAAU,EAAE,EAAQ,yBAAyB;IAC7C,MAAK;IACL,QAAO;IACP,MAAK;IACL,WAAU;IACV,iBAAgB;IAChB,CAAA;GAEF,kBAAC,GAAD;IACE,UAAU,KAAY;IACb;IACT,CAAA;GACE;KACQ,CAAA"}
1	+ {"version":3,"file":"settings-modal.js","names":[],"sources":["../../../../../src/components/shared/modals/settings/settings-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"../modal-backdrop\";\nimport { MODAL_MAX_WIDTH_VIEWPORT, modalWidthClassName } from \"../modal-body\";\nimport { cn } from \"#/utils/utils\";\nimport { SettingsForm } from \"./settings-form\";\nimport { Settings } from \"#/types/settings\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\n\ninterface SettingsModalProps {\n settings?: Settings;\n onClose: () => void;\n}\n\nexport function SettingsModal({ onClose, settings }: SettingsModalProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <ModalBackdrop>\n <div\n data-testid=\"ai-config-modal\"\n className={cn(\n \"bg-[var(--oh-surface)] m-4 p-6 rounded-xl flex flex-col gap-[17px] border border-[var(--oh-border)] api-configuration-modal\",\n modalWidthClassName(\"md\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n )}\n >\n <span className={modalTitleClassName}>\n {t(I18nKey.AI_SETTINGS$TITLE)}\n </span>\n <HelpLink\n testId=\"advanced-settings-link\"\n text={`${t(I18nKey.SETTINGS$DESCRIPTION)}. ${t(I18nKey.SETTINGS$FOR_OTHER_OPTIONS)} ${t(I18nKey.COMMON$SEE)}`}\n linkText={t(I18nKey.COMMON$ADVANCED_SETTINGS)}\n href=\"/settings\"\n suffix=\".\"\n size=\"settings\"\n linkColor=\"white\"\n suffixClassName=\"text-white\"\n />\n\n <SettingsForm\n settings={settings \|\| DEFAULT_SETTINGS}\n onClose={onClose}\n />\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":";;;;;;;;;;;AAgBA,SAAgB,EAAc,EAAE,YAAS,eAAgC;CACvE,IAAM,EAAE,SAAM,EAAe,YAAY;AAEzC,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW,EACT,+HACA,EAAoB,KAAK,EACzB,EACD;YANH;GAQE,kBAAC,QAAD;IAAM,WAAW;cACd,EAAE,EAAQ,kBAAkB;IACxB,CAAA;GACP,kBAAC,GAAD;IACE,QAAO;IACP,MAAM,GAAG,EAAE,EAAQ,qBAAqB,CAAC,IAAI,EAAE,EAAQ,2BAA2B,CAAC,GAAG,EAAE,EAAQ,WAAW;IAC3G,UAAU,EAAE,EAAQ,yBAAyB;IAC7C,MAAK;IACL,QAAO;IACP,MAAK;IACL,WAAU;IACV,iBAAgB;IAChB,CAAA;GAEF,kBAAC,GAAD;IACE,UAAU,KAAY;IACb;IACT,CAAA;GACE;KACQ,CAAA"}

package/dist/components/shared/text-shimmer.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/utils.cjs`),n=require(`../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=`200%`,o=8,s=o*2;function c({children:e,as:c=`p`,className:l,duration:u=2,spread:d=2,style:f,...p}){let m=n.useReducedMotion(),h=`oh-text-shimmer-${(0,r.useId)().replace(/:/g,``)}`,g=(0,r.useMemo)(()=>Math.min(o/2-1,1+d/2),[d]),_=(0,r.useMemo)(()=>{let e=o/2;return{...f,backgroundImage:`repeating-linear-gradient(90deg, var(--oh-muted) 0%, var(--oh-muted) ${e-g}%, var(--oh-foreground) ${e}%, var(--oh-muted) ${e+g}%, var(--oh-muted) ${o}%)`,backgroundSize:`${a} 100%`,backgroundRepeat:`no-repeat`,WebkitBackgroundClip:`text`,backgroundClip:`text`,color:`transparent`,WebkitTextFillColor:`transparent`,animation:`${h} ${u}s linear infinite`}},[h,g,u,f]);return m?(0,i.jsx)(c,{className:t.cn(`text-[var(--oh-muted)]`,l),style:f,...p,children:e}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`@keyframes ${h}{from{background-position:${s}% center}to{background-position:0% center}}`}}),(0,i.jsx)(c,{className:t.cn(`relative inline-block`,l),style:_,...p,children:e})]})}var l=r.default.memo(c);exports.TextShimmer=l;
2	+ //# sourceMappingURL=text-shimmer.cjs.map

package/dist/components/shared/text-shimmer.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"text-shimmer.cjs","names":[],"sources":["../../../src/components/shared/text-shimmer.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\nimport { useReducedMotion } from \"framer-motion\";\nimport { cn } from \"#/utils/utils\";\n\n/**\n * The gradient is an oversized repeating pattern; animating background-position\n * by exactly one period loops with no visible jump and no muted gap between\n * sweeps (the pattern is periodic, so a highlight is always near the text).\n */\nconst SHIMMER_BACKGROUND_SIZE = \"200%\";\n/** Gradient period as a percentage of the (oversized) background image. */\nconst SHIMMER_PERIOD = 8;\n/** Shifting background-position by one period == 2 * period (image is 2x wide). */\nconst SHIMMER_TRAVEL = SHIMMER_PERIOD * 2;\n\nexport type TextShimmerProps = {\n children: string;\n as?: React.ElementType;\n className?: string;\n duration?: number;\n spread?: number;\n} & Omit<React.HTMLAttributes<HTMLElement>, \"children\" | \"className\">;\n\nfunction TextShimmerComponent({\n children,\n as: Component = \"p\",\n className,\n duration = 2,\n spread = 2,\n style,\n ...rest\n}: TextShimmerProps) {\n const reduceMotion = useReducedMotion();\n const reactId = useId();\n const animationName = `oh-text-shimmer-${reactId.replace(/:/g, \"\")}`;\n\n // Wider spread => wider bright band within each repeating period.\n const bandHalfWidth = useMemo(\n () => Math.min(SHIMMER_PERIOD / 2 - 1, 1 + spread / 2),\n [spread],\n );\n\n const shimmerStyle = useMemo(() => {\n const center = SHIMMER_PERIOD / 2;\n return {\n ...style,\n backgroundImage: `repeating-linear-gradient(90deg, var(--oh-muted) 0%, var(--oh-muted) ${center - bandHalfWidth}%, var(--oh-foreground) ${center}%, var(--oh-muted) ${center + bandHalfWidth}%, var(--oh-muted) ${SHIMMER_PERIOD}%)`,\n backgroundSize: `${SHIMMER_BACKGROUND_SIZE} 100%`,\n backgroundRepeat: \"no-repeat\",\n WebkitBackgroundClip: \"text\",\n backgroundClip: \"text\",\n color: \"transparent\",\n WebkitTextFillColor: \"transparent\",\n animation: `${animationName} ${duration}s linear infinite`,\n } as React.CSSProperties;\n }, [animationName, bandHalfWidth, duration, style]);\n\n if (reduceMotion) {\n return (\n <Component\n className={cn(\"text-[var(--oh-muted)]\", className)}\n style={style}\n {...rest}\n >\n {children}\n </Component>\n );\n }\n\n return (\n <>\n <style\n dangerouslySetInnerHTML={{\n __html: `@keyframes ${animationName}{from{background-position:${SHIMMER_TRAVEL}% center}to{background-position:0% center}}`,\n }}\n />\n <Component\n className={cn(\"relative inline-block\", className)}\n style={shimmerStyle}\n {...rest}\n >\n {children}\n </Component>\n </>\n );\n}\n\nexport const TextShimmer = React.memo(TextShimmerComponent);\n"],"mappings":"wQASA,IAAM,EAA0B,OAE1B,EAAiB,EAEjB,EAAiB,EAAiB,EAUxC,SAAS,EAAqB,CAC5B,WACA,GAAI,EAAY,IAChB,YACA,WAAW,EACX,SAAS,EACT,QACA,GAAG,GACgB,CACnB,IAAM,EAAe,EAAA,kBAAkB,CAEjC,EAAgB,oBAAA,EAAA,EAAA,QAAmB,CAAQ,QAAQ,KAAM,GAAG,GAG5D,GAAA,EAAA,EAAA,aACE,KAAK,IAAI,EAAiB,EAAI,EAAG,EAAI,EAAS,EAAE,CACtD,CAAC,EAAO,CACT,CAEK,GAAA,EAAA,EAAA,aAA6B,CACjC,IAAM,EAAS,EAAiB,EAChC,MAAO,CACL,GAAG,EACH,gBAAiB,wEAAwE,EAAS,EAAc,0BAA0B,EAAO,qBAAqB,EAAS,EAAc,qBAAqB,EAAe,IACjO,eAAgB,GAAG,EAAwB,OAC3C,iBAAkB,YAClB,qBAAsB,OACtB,eAAgB,OAChB,MAAO,cACP,oBAAqB,cACrB,UAAW,GAAG,EAAc,GAAG,EAAS,mBACzC,EACA,CAAC,EAAe,EAAe,EAAU,EAAM,CAAC,CAcnD,OAZI,GAEA,EAAA,EAAA,KAAC,EAAD,CACE,UAAW,EAAA,GAAG,yBAA0B,EAAU,CAC3C,QACP,GAAI,EAEH,WACS,CAAA,EAKd,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,QAAD,CACE,wBAAyB,CACvB,OAAQ,cAAc,EAAc,4BAA4B,EAAe,6CAChF,CACD,CAAA,EACF,EAAA,EAAA,KAAC,EAAD,CACE,UAAW,EAAA,GAAG,wBAAyB,EAAU,CACjD,MAAO,EACP,GAAI,EAEH,WACS,CAAA,CACX,CAAA,CAAA,CAIP,IAAa,EAAc,EAAA,QAAM,KAAK,EAAqB"}

package/dist/components/shared/text-shimmer.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import React from "react";
+export type TextShimmerProps = {
+    children: string;
+    as?: React.ElementType;
+    className?: string;
+    duration?: number;
+    spread?: number;
+} & Omit<React.HTMLAttributes<HTMLElement>, "children" | "className">;
+declare function TextShimmerComponent({ children, as: Component, className, duration, spread, style, ...rest }: TextShimmerProps): import("react/jsx-runtime").JSX.Element;
+export declare const TextShimmer: React.MemoExoticComponent<typeof TextShimmerComponent>;
+export {};

package/dist/components/shared/text-shimmer.js ADDED Viewed

@@ -0,0 +1,43 @@
+import { cn as e } from "../../utils/utils.js";
+import { useReducedMotion as t } from "../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import n, { useId as r, useMemo as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/shared/text-shimmer.tsx
+var c = "200%", l = 8, u = l * 2;
+function d({ children: n, as: d = "p", className: f, duration: p = 2, spread: m = 2, style: h, ...g }) {
+	let _ = t(), v = `oh-text-shimmer-${r().replace(/:/g, "")}`, y = i(() => Math.min(l / 2 - 1, 1 + m / 2), [m]), b = i(() => {
+		let e = l / 2;
+		return {
+			...h,
+			backgroundImage: `repeating-linear-gradient(90deg, var(--oh-muted) 0%, var(--oh-muted) ${e - y}%, var(--oh-foreground) ${e}%, var(--oh-muted) ${e + y}%, var(--oh-muted) ${l}%)`,
+			backgroundSize: `${c} 100%`,
+			backgroundRepeat: "no-repeat",
+			WebkitBackgroundClip: "text",
+			backgroundClip: "text",
+			color: "transparent",
+			WebkitTextFillColor: "transparent",
+			animation: `${v} ${p}s linear infinite`
+		};
+	}, [
+		v,
+		y,
+		p,
+		h
+	]);
+	return _ ? /* @__PURE__ */ o(d, {
+		className: e("text-[var(--oh-muted)]", f),
+		style: h,
+		...g,
+		children: n
+	}) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("style", { dangerouslySetInnerHTML: { __html: `@keyframes ${v}{from{background-position:${u}% center}to{background-position:0% center}}` } }), /* @__PURE__ */ o(d, {
+		className: e("relative inline-block", f),
+		style: b,
+		...g,
+		children: n
+	})] });
+}
+var f = n.memo(d);
+//#endregion
+export { f as TextShimmer };
+//# sourceMappingURL=text-shimmer.js.map

package/dist/components/shared/text-shimmer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"text-shimmer.js","names":[],"sources":["../../../src/components/shared/text-shimmer.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\nimport { useReducedMotion } from \"framer-motion\";\nimport { cn } from \"#/utils/utils\";\n\n/**\n * The gradient is an oversized repeating pattern; animating background-position\n * by exactly one period loops with no visible jump and no muted gap between\n * sweeps (the pattern is periodic, so a highlight is always near the text).\n */\nconst SHIMMER_BACKGROUND_SIZE = \"200%\";\n/** Gradient period as a percentage of the (oversized) background image. */\nconst SHIMMER_PERIOD = 8;\n/** Shifting background-position by one period == 2 * period (image is 2x wide). */\nconst SHIMMER_TRAVEL = SHIMMER_PERIOD * 2;\n\nexport type TextShimmerProps = {\n children: string;\n as?: React.ElementType;\n className?: string;\n duration?: number;\n spread?: number;\n} & Omit<React.HTMLAttributes<HTMLElement>, \"children\" | \"className\">;\n\nfunction TextShimmerComponent({\n children,\n as: Component = \"p\",\n className,\n duration = 2,\n spread = 2,\n style,\n ...rest\n}: TextShimmerProps) {\n const reduceMotion = useReducedMotion();\n const reactId = useId();\n const animationName = `oh-text-shimmer-${reactId.replace(/:/g, \"\")}`;\n\n // Wider spread => wider bright band within each repeating period.\n const bandHalfWidth = useMemo(\n () => Math.min(SHIMMER_PERIOD / 2 - 1, 1 + spread / 2),\n [spread],\n );\n\n const shimmerStyle = useMemo(() => {\n const center = SHIMMER_PERIOD / 2;\n return {\n ...style,\n backgroundImage: `repeating-linear-gradient(90deg, var(--oh-muted) 0%, var(--oh-muted) ${center - bandHalfWidth}%, var(--oh-foreground) ${center}%, var(--oh-muted) ${center + bandHalfWidth}%, var(--oh-muted) ${SHIMMER_PERIOD}%)`,\n backgroundSize: `${SHIMMER_BACKGROUND_SIZE} 100%`,\n backgroundRepeat: \"no-repeat\",\n WebkitBackgroundClip: \"text\",\n backgroundClip: \"text\",\n color: \"transparent\",\n WebkitTextFillColor: \"transparent\",\n animation: `${animationName} ${duration}s linear infinite`,\n } as React.CSSProperties;\n }, [animationName, bandHalfWidth, duration, style]);\n\n if (reduceMotion) {\n return (\n <Component\n className={cn(\"text-[var(--oh-muted)]\", className)}\n style={style}\n {...rest}\n >\n {children}\n </Component>\n );\n }\n\n return (\n <>\n <style\n dangerouslySetInnerHTML={{\n __html: `@keyframes ${animationName}{from{background-position:${SHIMMER_TRAVEL}% center}to{background-position:0% center}}`,\n }}\n />\n <Component\n className={cn(\"relative inline-block\", className)}\n style={shimmerStyle}\n {...rest}\n >\n {children}\n </Component>\n </>\n );\n}\n\nexport const TextShimmer = React.memo(TextShimmerComponent);\n"],"mappings":";;;;;AASA,IAAM,IAA0B,QAE1B,IAAiB,GAEjB,IAAiB,IAAiB;AAUxC,SAAS,EAAqB,EAC5B,aACA,IAAI,IAAY,KAChB,cACA,cAAW,GACX,YAAS,GACT,UACA,GAAG,KACgB;CACnB,IAAM,IAAe,GAAkB,EAEjC,IAAgB,mBADN,GACyB,CAAQ,QAAQ,MAAM,GAAG,IAG5D,IAAgB,QACd,KAAK,IAAI,IAAiB,IAAI,GAAG,IAAI,IAAS,EAAE,EACtD,CAAC,EAAO,CACT,EAEK,IAAe,QAAc;EACjC,IAAM,IAAS,IAAiB;AAChC,SAAO;GACL,GAAG;GACH,iBAAiB,wEAAwE,IAAS,EAAc,0BAA0B,EAAO,qBAAqB,IAAS,EAAc,qBAAqB,EAAe;GACjO,gBAAgB,GAAG,EAAwB;GAC3C,kBAAkB;GAClB,sBAAsB;GACtB,gBAAgB;GAChB,OAAO;GACP,qBAAqB;GACrB,WAAW,GAAG,EAAc,GAAG,EAAS;GACzC;IACA;EAAC;EAAe;EAAe;EAAU;EAAM,CAAC;AAcnD,QAZI,IAEA,kBAAC,GAAD;EACE,WAAW,EAAG,0BAA0B,EAAU;EAC3C;EACP,GAAI;EAEH;EACS,CAAA,GAKd,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,SAAD,EACE,yBAAyB,EACvB,QAAQ,cAAc,EAAc,4BAA4B,EAAe,8CAChF,EACD,CAAA,EACF,kBAAC,GAAD;EACE,WAAW,EAAG,yBAAyB,EAAU;EACjD,OAAO;EACP,GAAI;EAEH;EACS,CAAA,CACX,EAAA,CAAA;;AAIP,IAAa,IAAc,EAAM,KAAK,EAAqB"}

package/dist/constants/acp-providers.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../i18n/declaration.cjs`),t=require(`../node_modules/@openhands/typescript-client/dist/models/acp.cjs`);require(`../node_modules/@openhands/typescript-client/dist/index.cjs`);var n=new Set([`default`,`default (recommended)`]);function r(e){if(typeof e!=`string`)return null;let t=e.trim();return!t||n.has(t.toLowerCase())||t===`acp-managed`?null:t}function i(e){for(let t of[e.runtimeName,e.runtimeId,e.configured,e.sdkLlm]){let e=r(t);if(e)return e}return e.providerDefault??null}var a={"claude-code":{icon:`claude-code`,description_key:e.I18nKey.ONBOARDING$AGENT_CLAUDE_CODE_DESCRIPTION},codex:{icon:`codex`,description_key:e.I18nKey.ONBOARDING$AGENT_CODEX_DESCRIPTION},"gemini-cli":{icon:`gemini`,description_key:e.I18nKey.ONBOARDING$AGENT_GEMINI_CLI_DESCRIPTION}},o=Object.entries(a).map(([e,n])=>{let r=t.getAcpProvider(e);return{key:e,display_name:r?.display_name??e,default_command:r?[...r.default_command]:[],available_models:r?.available_models?.map(e=>({id:e.id,label:e.label})),default_model:r?.default_model??void 0,description_key:n.description_key,icon:n.icon}});e.I18nKey.ONBOARDING$ACP_SECRET_API_KEY_HINT,e.I18nKey.ONBOARDING$ACP_SECRET_BASE_URL_HINT,e.I18nKey.ONBOARDING$ACP_SECRET_API_KEY_HINT,e.I18nKey.ONBOARDING$ACP_SECRET_BASE_URL_HINT;function s(e){if(e)return o.find(t=>t.key===e)}function c(e){let t=s(e);return t?t.display_name:null}function l(e){return s(e)?.icon??`cli-generic`}function u(e,t){return t?s(e)?.available_models?.find(e=>e.id===t)?.label??t:null}exports.ACP_PROVIDERS=o,exports.getAcpProvider=s,exports.getAcpProviderDisplayName=c,exports.labelForAcpModel=u,exports.resolveAcpProviderIcon=l,exports.resolveEffectiveAcpModel=i;
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../i18n/declaration.cjs`),t=require(`../node_modules/@openhands/typescript-client/dist/models/acp.cjs`);require(`../node_modules/@openhands/typescript-client/dist/index.cjs`);var n=new Set([`default`,`default (recommended)`]);function r(e){if(typeof e!=`string`)return null;let t=e.trim();return!t||n.has(t.toLowerCase())||t===`acp-managed`?null:t}function i(e){for(let t of[e.runtimeName,e.runtimeId,e.configured,e.sdkLlm]){let e=r(t);if(e)return e}return e.providerDefault??null}var a={"claude-code":{icon:`claude-code`,description_key:e.I18nKey.ONBOARDING$AGENT_CLAUDE_CODE_DESCRIPTION},codex:{icon:`codex`,description_key:e.I18nKey.ONBOARDING$AGENT_CODEX_DESCRIPTION},"gemini-cli":{icon:`gemini`,description_key:e.I18nKey.ONBOARDING$AGENT_GEMINI_CLI_DESCRIPTION}},o=Object.entries(a).map(([e,n])=>{let r=t.getAcpProvider(e);return{key:e,display_name:r?.display_name??e,default_command:r?[...r.default_command]:[],available_models:r?.available_models?.map(e=>({id:e.id,label:e.label})),default_model:r?.default_model??void 0,description_key:n.description_key,icon:n.icon}});function s(e){if(e)return o.find(t=>t.key===e)}function c(e){let t=s(e);return t?t.display_name:null}function l(e){return s(e)?.icon??`cli-generic`}function u(e,t){return t?s(e)?.available_models?.find(e=>e.id===t)?.label??t:null}exports.ACP_PROVIDERS=o,exports.getAcpProvider=s,exports.getAcpProviderDisplayName=c,exports.labelForAcpModel=u,exports.resolveAcpProviderIcon=l,exports.resolveEffectiveAcpModel=i;
 //# sourceMappingURL=acp-providers.cjs.map

package/dist/constants/acp-providers.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acp-providers.cjs","names":[],"sources":["../../src/constants/acp-providers.ts"],"sourcesContent":["import { getAcpProvider as getClientAcpProvider } from \"@openhands/typescript-client\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nexport type ACPProviderIcon =\n \| \"claude-code\"\n \| \"codex\"\n \| \"gemini\"\n \| \"cli-generic\";\n\nexport const ACP_PROVIDER_FALLBACK_ICON: ACPProviderIcon = \"cli-generic\";\n\n// SDK placeholder strings the ACP wrapper returns before the user has\n// chosen a real model — surfacing either would lie about what's running.\nexport const ACP_DEFAULT_PLACEHOLDERS = new Set([\n \"default\",\n \"default (recommended)\",\n]);\n\n// Sentinel ``agent.llm.model`` returned by older SDKs for ACP conversations\n// in lieu of a real model. Suppressed at every consumer that resolves a\n// display string.\nexport const ACP_MANAGED_SENTINEL = \"acp-managed\";\n\n/*\n Filter for \"real\" ACP model strings — non-empty, not the SDK's \"default\"\n * placeholder, not the legacy ``acp-managed`` sentinel. Returns the trimmed\n * value on success, ``null`` otherwise.\n /\nfunction realAcpModel(value: unknown): string \| null {\n if (typeof value !== \"string\") return null;\n const trimmed = value.trim();\n if (!trimmed) return null;\n if (ACP_DEFAULT_PLACEHOLDERS.has(trimmed.toLowerCase())) return null;\n if (trimmed === ACP_MANAGED_SENTINEL) return null;\n return trimmed;\n}\n\n/\n Single source of truth for resolving the model string to surface for an\n * ACP conversation/settings context. Consumed by the conversation adapter\n * (chip text), the conversation-creation path (concrete ``acp_model``\n * payload), the Settings → Agent form (initial value), and the chat-input\n * model label.\n \n Precedence: SDK runtime fields → user-configured ``acp_model`` →\n * legacy ``agent.llm.model`` → provider default (when ``providerDefault``\n * is passed). Pass ``providerDefault`` only on surfaces that should\n * silently substitute the registry default; omit it for the conversation\n * chip, which must distinguish \"no concrete model\" from \"default\".\n /\nexport function resolveEffectiveAcpModel(inputs: {\n runtimeName?: string \| null;\n runtimeId?: string \| null;\n configured?: string \| null;\n sdkLlm?: string \| null;\n providerDefault?: string \| null;\n}): string \| null {\n for (const candidate of [\n inputs.runtimeName,\n inputs.runtimeId,\n inputs.configured,\n inputs.sdkLlm,\n ]) {\n const value = realAcpModel(candidate);\n if (value) return value;\n }\n return inputs.providerDefault ?? null;\n}\n\n/\n Shape of a built-in ACP (Agent Client Protocol) provider as Canvas consumes\n * it. The data fields (display name, launch command, model picker + default)\n * are sourced at module load from ``@openhands/typescript-client``'s ACP\n * registry — the generated mirror of the Python source of truth\n * ``openhands.sdk.settings.acp_providers``. This config only adds the\n * Canvas-specific UI fields ({@link ACPProviderConfig.icon} +\n * {@link ACPProviderConfig.description_key}); see {@link ACP_PROVIDER_UI}.\n /\nexport interface ACPProviderConfig {\n /* Stable registry key, also stored on conversations as ``tags.acpserver``. /\n key: string;\n /* Human-readable name shown in dropdowns and conversation chips. /\n display_name: string;\n /\n Tokens passed to the agent-server as ``acp_command`` when this preset\n * is picked. Each entry must be a real ACP-protocol stdio server — the\n * SDK validates this against the {@link ACPProviderConfig.key}.\n \n NB: ``npx -y @openai/codex acp`` looks plausible but is not an\n * ACP server — the codex CLI has no ``acp`` subcommand and exits with\n * ``Error: stdin is not a terminal`` when spawned without a TTY, which\n * silently deadlocks the agent-server's ACP handshake. Use\n * ``@zed-industries/codex-acp`` (the Zed-shipped wrapper) instead.\n /\n default_command: string[];\n /\n Suggested ACP model IDs for the provider's picker, sourced from the\n * typescript-client registry. Not authoritative access checks; users can\n * still enter a custom override in Settings -> Agent.\n /\n available_models?: ACPModelOption[];\n /* Model ID preselected for built-in providers so Canvas never saves blank. /\n default_model?: string;\n /\n i18n key for the one-line provider description rendered under the\n * onboarding tile. Stored on the registry so adding a new ACP\n * provider only requires editing this file (not the onboarding tile\n * list separately).\n /\n description_key: I18nKey;\n /\n Serializable icon key used by UI surfaces that render provider\n * choices. Kept as a string so the SDK mirror check can continue to\n * parse this registry without importing React components.\n /\n icon?: ACPProviderIcon;\n}\n\nexport interface ACPModelOption {\n /* Exact model ID sent as ``acp_model``. /\n id: string;\n /* Human-readable label shown in Settings -> Agent. /\n label: string;\n}\n\n// Canvas-only UI metadata per built-in provider, keyed by the ACP registry\n// key. Everything else — display name, launch command, model picker list and\n// default — comes from the typescript-client registry below. Adding a model\n// or a provider happens upstream in the SDK; Canvas only owns the brand icon\n// and the onboarding-tile description here. A provider with no entry here is\n// intentionally not surfaced in the UI.\nconst ACP_PROVIDER_UI: Record<\n string,\n { icon: ACPProviderIcon; description_key: I18nKey }\n> = {\n \"claude-code\": {\n icon: \"claude-code\",\n description_key: I18nKey.ONBOARDING$AGENT_CLAUDE_CODE_DESCRIPTION,\n },\n codex: {\n icon: \"codex\",\n description_key: I18nKey.ONBOARDING$AGENT_CODEX_DESCRIPTION,\n },\n \"gemini-cli\": {\n icon: \"gemini\",\n description_key: I18nKey.ONBOARDING$AGENT_GEMINI_CLI_DESCRIPTION,\n },\n};\n\n// Built-in ACP providers Canvas surfaces, built by enriching each upstream\n// registry record (``@openhands/typescript-client`` → Python SDK) with the\n// Canvas UI metadata above. Model lists + defaults are no longer hand-kept\n// here (closes agent-canvas#740) — they track the SDK via the pinned client.\nexport const ACP_PROVIDERS: ACPProviderConfig[] = Object.entries(\n ACP_PROVIDER_UI,\n).map(([key, ui]) => {\n const info = getClientAcpProvider(key);\n return {\n key,\n display_name: info?.display_name ?? key,\n default_command: info ? [...info.default_command] : [],\n available_models: info?.available_models?.map((model) => ({\n id: model.id,\n label: model.label,\n })),\n default_model: info?.default_model ?? undefined,\n description_key: ui.description_key,\n icon: ui.icon,\n };\n});\n\nexport const ACP_CUSTOM_PRESET_KEY = \"custom\";\n\n/\n A credential an ACP provider authenticates with, surfaced during onboarding\n * so the user can populate it without leaving the flow. The {@link name} is\n * both the global-secret name and the environment variable the agent-server\n * exports into the ACP subprocess — keeping them identical is what makes a\n * saved secret actually reach the provider CLI.\n /\nexport interface ACPProviderSecretField {\n /* Secret name and env var (e.g. ``\"ANTHROPIC_API_KEY\"``). Must satisfy the\n * secret-name pattern ``^[a-zA-Z][a-zA-Z0-9_]{0,63}$``. /\n name: string;\n /* Render as a masked password input (API keys) rather than a plain-text\n * input (base URLs). Every field is optional regardless — the whole step is\n * skippable — so this only controls masking, not whether the field gates. /\n secret?: boolean;\n /* i18n key for the one-line helper text under the field. /\n hint_key: I18nKey;\n}\n\n// Credentials Canvas prompts for during onboarding, keyed by ACP registry key.\n// Only providers that authenticate through an env-var API key appear here:\n// Claude Code (Anthropic) and Codex (OpenAI). Gemini CLI authenticates via an\n// interactive OAuth login rather than a static key, so it has no entry and its\n// onboarding credentials step is skipped. Every field is optional (the step is\n// skippable): the API keys render masked, the base-URL entries are plain-text\n// overrides for proxies/gateways. A provider with no entry simply shows no\n// credentials step.\nconst ACP_PROVIDER_SECRETS: Record<string, ACPProviderSecretField[]> = {\n \"claude-code\": [\n {\n name: \"ANTHROPIC_API_KEY\",\n secret: true,\n hint_key: I18nKey.ONBOARDING$ACP_SECRET_API_KEY_HINT,\n },\n {\n name: \"ANTHROPIC_BASE_URL\",\n hint_key: I18nKey.ONBOARDING$ACP_SECRET_BASE_URL_HINT,\n },\n ],\n codex: [\n {\n name: \"OPENAI_API_KEY\",\n secret: true,\n hint_key: I18nKey.ONBOARDING$ACP_SECRET_API_KEY_HINT,\n },\n {\n name: \"OPENAI_BASE_URL\",\n hint_key: I18nKey.ONBOARDING$ACP_SECRET_BASE_URL_HINT,\n },\n ],\n};\n\n/\n List the credentials Canvas should prompt for when onboarding the given ACP\n * provider. Returns ``[]`` for OpenHands, the ``\"custom\"`` preset, providers\n * that don't use a static API key (Gemini CLI), and any unknown key — callers\n * treat an empty list as \"no credentials step for this provider\".\n /\nexport function getAcpProviderSecrets(\n key: string \| null \| undefined,\n): ACPProviderSecretField[] {\n if (!key) return [];\n return ACP_PROVIDER_SECRETS[key] ?? [];\n}\n\n/\n Look up a built-in ACP provider config by its registry key.\n \n Returns ``undefined`` for an empty / null key, for the ``\"custom\"`` preset\n * (which has no registry entry), and for any forward-compatible key Canvas's\n * registry doesn't know about yet. Centralizes the ``ACP_PROVIDERS.find(...)``\n * lookup shared by the resolvers below and by the adapter / settings surfaces\n * so the key-comparison shape lives in one place.\n /\nexport function getAcpProvider(\n key: string \| null \| undefined,\n): ACPProviderConfig \| undefined {\n if (!key) return undefined;\n return ACP_PROVIDERS.find((provider) => provider.key === key);\n}\n\n/\n Resolve an ACP provider registry key (the value stored under\n * ``tags.acpserver`` on a conversation) to a human display name for the\n * sidebar chip.\n \n Returns ``null`` for an empty / null key and for keys not in\n * {@link ACP_PROVIDERS} — most notably ``\"custom\"`` (the user-supplied\n * command preset has no canonical brand name) and any forward-compatible\n * value Canvas's registry doesn't know about yet. Callers should fall\n * back to a generic ``\"ACP\"`` label in that case so the chip still\n * communicates \"this is an ACP conversation\".\n \n Kept separate from {@link buildAcpAgentSettingsDiff}'s lookup so the\n * conversation-card render path can resolve display names without\n * importing the settings-payload builder.\n /\nexport function getAcpProviderDisplayName(\n key: string \| null \| undefined,\n): string \| null {\n const found = getAcpProvider(key);\n return found ? found.display_name : null;\n}\n\n/\n Resolve an ACP provider registry key to the icon discriminator the\n * conversation chip should render alongside the model text.\n \n Falls back to {@link ACP_PROVIDER_FALLBACK_ICON} for ``\"custom\"``,\n * unknown keys, or a missing key — the chip then shows a neutral\n * terminal glyph that still communicates \"this is an ACP conversation\"\n * without claiming a brand identity we don't know.\n /\nexport function resolveAcpProviderIcon(\n key: string \| null \| undefined,\n): ACPProviderIcon {\n return getAcpProvider(key)?.icon ?? ACP_PROVIDER_FALLBACK_ICON;\n}\n\n/\n Resolve a raw ``acp_model`` ID to the human-readable label the provider's\n * picker shows for it (e.g. ``\"claude-opus-4-7\"`` → ``\"Claude Opus 4.7\"``).\n \n Falls back to the raw ID when the provider is unknown or the ID isn't one\n * of its registered {@link ACPModelOption}s — so a user's custom override\n * still renders something meaningful rather than nothing. Returns ``null``\n * only when there is no model to show, letting the conversation chip decide\n * to display the provider name instead.\n /\nexport function labelForAcpModel(\n serverKey: string \| null \| undefined,\n modelId: string \| null \| undefined,\n): string \| null {\n if (!modelId) return null;\n const provider = getAcpProvider(serverKey);\n const match = provider?.available_models?.find((m) => m.id === modelId);\n return match?.label ?? modelId;\n}\n\n/\n Build the ``agent_settings_diff`` payload PATCH /api/settings expects\n * for the agent-kind/provider choice the user just made.\n \n Used by both the Settings → Agent page and the onboarding \"choose\n * agent\" step — keeping the shape in one helper means a future change\n * (e.g. always seeding ``acp_command`` from the registry instead of\n * sending ``[]``, or adding new ``acp_`` reset fields) lands in both\n surfaces atomically.\n \n Returns ``null`` for an unknown ACP provider key by default — the\n * caller can skip the save (the UI shouldn't surface unknown options,\n * but the defensive path keeps a buggy preset list from corrupting\n * settings).\n \n Pass ``allowUnknownServer: true`` to opt into pass-through for keys\n * that aren't in {@link ACP_PROVIDERS} or ``ACP_CUSTOM_PRESET_KEY``.\n * The Settings → Agent page uses this when the user opens settings\n * that already carry an ``acp_server`` value canvas's registry\n * doesn't know about (e.g. set out-of-band via the API for a provider\n * we haven't mirrored yet) and saves without changing the command —\n * otherwise the original key would be silently demoted to ``\"custom\"``.\n /\nexport function buildAcpAgentSettingsDiff(\n providerKey: string,\n options: {\n command?: string[];\n model?: string \| null;\n allowUnknownServer?: boolean;\n } = {},\n): Record<string, unknown> \| null {\n if (providerKey === \"openhands\") {\n // Switching back to OpenHands. The agent-server's ``Settings.update``\n // applies a fresh ``{'agent_kind': ...}`` base whenever the kind\n // flips, so any ``acp_`` fields would be discarded before\n // validation. Send the kind alone.\n return { agent_kind: \"openhands\" };\n }\n\n const isCustom = providerKey === ACP_CUSTOM_PRESET_KEY;\n const provider = isCustom ? undefined : getAcpProvider(providerKey);\n if (!isCustom && !provider && !options.allowUnknownServer) {\n return null;\n }\n\n const model =\n options.model === undefined\n ? (provider?.default_model ?? null)\n : options.model;\n\n // ``acp_args: []`` resets any API-set ``acp_args`` that would\n // otherwise survive and concatenate to ``acp_command`` at spawn time\n // (the agent-server merges the two before exec). Callers building the\n // payload from a textarea that already shows the merged command\n // (Settings → Agent) round-trip correctly — the merged tokens land in\n // ``acp_command`` here, so no args are lost.\n return {\n agent_kind: \"acp\",\n acp_server: providerKey,\n acp_command: options.command ?? [],\n acp_args: [],\n acp_model: model ?? null,\n };\n}\n"],"mappings":"6OAaA,IAAa,EAA2B,IAAI,IAAI,CAC9C,UACA,wBACD,CAAC,CAYF,SAAS,EAAa,EAA+B,CACnD,GAAI,OAAO,GAAU,SAAU,OAAO,KACtC,IAAM,EAAU,EAAM,MAAM,CAI5B,MAHI,CAAC,GACD,EAAyB,IAAI,EAAQ,aAAa,CAAC,EACnD,IAAA,cAAyC,KACtC,EAgBT,SAAgB,EAAyB,EAMvB,CAChB,IAAK,IAAM,IAAa,CACtB,EAAO,YACP,EAAO,UACP,EAAO,WACP,EAAO,OACR,CAAE,CACD,IAAM,EAAQ,EAAa,EAAU,CACrC,GAAI,EAAO,OAAO,EAEpB,OAAO,EAAO,iBAAmB,KAiEnC,IAAM,EAGF,CACF,cAAe,CACb,KAAM,cACN,gBAAiB,EAAA,QAAQ,yCAC1B,CACD,MAAO,CACL,KAAM,QACN,gBAAiB,EAAA,QAAQ,mCAC1B,CACD,aAAc,CACZ,KAAM,SACN,gBAAiB,EAAA,QAAQ,wCAC1B,CACF,CAMY,EAAqC,OAAO,QACvD,EACD,CAAC,KAAK,CAAC,EAAK,KAAQ,CACnB,IAAM,EAAO,EAAA,eAAqB,EAAI,CACtC,MAAO,CACL,MACA,aAAc,GAAM,cAAgB,EACpC,gBAAiB,EAAO,CAAC,GAAG,EAAK,gBAAgB,CAAG,EAAE,CACtD,iBAAkB,GAAM,kBAAkB,IAAK,IAAW,CACxD,GAAI,EAAM,GACV,MAAO,EAAM,MACd,EAAE,CACH,cAAe,GAAM,eAAiB,IAAA,GACtC,gBAAiB,EAAG,gBACpB,KAAM,EAAG,KACV,EACD,CAoCc,EAAA,QAAQ,mCAIR,EAAA,QAAQ,oCAOR,EAAA,QAAQ,mCAIR,EAAA,QAAQ,oCA2BxB,SAAgB,EACd,EAC+B,CAC1B,KACL,OAAO,EAAc,KAAM,GAAa,EAAS,MAAQ,EAAI,CAmB/D,SAAgB,EACd,EACe,CACf,IAAM,EAAQ,EAAe,EAAI,CACjC,OAAO,EAAQ,EAAM,aAAe,KAYtC,SAAgB,EACd,EACiB,CACjB,OAAO,EAAe,EAAI,EAAE,MAAA,cAa9B,SAAgB,EACd,EACA,EACe,CAIf,OAHK,EACY,EAAe,EAClB,EAAU,kBAAkB,KAAM,GAAM,EAAE,KAAO,EAAQ,EACzD,OAAS,EAHF"}
1	+ {"version":3,"file":"acp-providers.cjs","names":[],"sources":["../../src/constants/acp-providers.ts"],"sourcesContent":["import { getAcpProvider as getClientAcpProvider } from \"@openhands/typescript-client\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\n/** Upstream registry fields not yet on the pinned client's exported type. /\ntype ClientAcpProviderRegistry = NonNullable<\n ReturnType<typeof getClientAcpProvider>\n> & {\n available_models?: Array<{ id: string; label: string }>;\n default_model?: string;\n};\n\nexport type ACPProviderIcon =\n \| \"claude-code\"\n \| \"codex\"\n \| \"gemini\"\n \| \"cli-generic\";\n\nexport const ACP_PROVIDER_FALLBACK_ICON: ACPProviderIcon = \"cli-generic\";\n\n// SDK placeholder strings the ACP wrapper returns before the user has\n// chosen a real model — surfacing either would lie about what's running.\nexport const ACP_DEFAULT_PLACEHOLDERS = new Set([\n \"default\",\n \"default (recommended)\",\n]);\n\n// Sentinel ``agent.llm.model`` returned by older SDKs for ACP conversations\n// in lieu of a real model. Suppressed at every consumer that resolves a\n// display string.\nexport const ACP_MANAGED_SENTINEL = \"acp-managed\";\n\n/\n Filter for \"real\" ACP model strings — non-empty, not the SDK's \"default\"\n * placeholder, not the legacy ``acp-managed`` sentinel. Returns the trimmed\n * value on success, ``null`` otherwise.\n /\nfunction realAcpModel(value: unknown): string \| null {\n if (typeof value !== \"string\") return null;\n const trimmed = value.trim();\n if (!trimmed) return null;\n if (ACP_DEFAULT_PLACEHOLDERS.has(trimmed.toLowerCase())) return null;\n if (trimmed === ACP_MANAGED_SENTINEL) return null;\n return trimmed;\n}\n\n/\n Single source of truth for resolving the model string to surface for an\n * ACP conversation/settings context. Consumed by the conversation adapter\n * (chip text), the conversation-creation path (concrete ``acp_model``\n * payload), the Settings → Agent form (initial value), and the chat-input\n * model label.\n \n Precedence: SDK runtime fields → user-configured ``acp_model`` →\n * legacy ``agent.llm.model`` → provider default (when ``providerDefault``\n * is passed). Pass ``providerDefault`` only on surfaces that should\n * silently substitute the registry default; omit it for the conversation\n * chip, which must distinguish \"no concrete model\" from \"default\".\n /\nexport function resolveEffectiveAcpModel(inputs: {\n runtimeName?: string \| null;\n runtimeId?: string \| null;\n configured?: string \| null;\n sdkLlm?: string \| null;\n providerDefault?: string \| null;\n}): string \| null {\n for (const candidate of [\n inputs.runtimeName,\n inputs.runtimeId,\n inputs.configured,\n inputs.sdkLlm,\n ]) {\n const value = realAcpModel(candidate);\n if (value) return value;\n }\n return inputs.providerDefault ?? null;\n}\n\n/\n Shape of a built-in ACP (Agent Client Protocol) provider as Canvas consumes\n * it. The data fields (display name, launch command, model picker + default)\n * are sourced at module load from ``@openhands/typescript-client``'s ACP\n * registry — the generated mirror of the Python source of truth\n * ``openhands.sdk.settings.acp_providers``. This config only adds the\n * Canvas-specific UI fields ({@link ACPProviderConfig.icon} +\n * {@link ACPProviderConfig.description_key}); see {@link ACP_PROVIDER_UI}.\n /\nexport interface ACPProviderConfig {\n /* Stable registry key, also stored on conversations as ``tags.acpserver``. /\n key: string;\n /* Human-readable name shown in dropdowns and conversation chips. /\n display_name: string;\n /\n Tokens passed to the agent-server as ``acp_command`` when this preset\n * is picked. Each entry must be a real ACP-protocol stdio server — the\n * SDK validates this against the {@link ACPProviderConfig.key}.\n \n NB: ``npx -y @openai/codex acp`` looks plausible but is not an\n * ACP server — the codex CLI has no ``acp`` subcommand and exits with\n * ``Error: stdin is not a terminal`` when spawned without a TTY, which\n * silently deadlocks the agent-server's ACP handshake. Use\n * ``@zed-industries/codex-acp`` (the Zed-shipped wrapper) instead.\n /\n default_command: string[];\n /\n Suggested ACP model IDs for the provider's picker, sourced from the\n * typescript-client registry. Not authoritative access checks; users can\n * still enter a custom override in Settings -> Agent.\n /\n available_models?: ACPModelOption[];\n /* Model ID preselected for built-in providers so Canvas never saves blank. /\n default_model?: string;\n /\n i18n key for the one-line provider description rendered under the\n * onboarding tile. Stored on the registry so adding a new ACP\n * provider only requires editing this file (not the onboarding tile\n * list separately).\n /\n description_key: I18nKey;\n /\n Serializable icon key used by UI surfaces that render provider\n * choices. Kept as a string so the SDK mirror check can continue to\n * parse this registry without importing React components.\n /\n icon?: ACPProviderIcon;\n}\n\nexport interface ACPModelOption {\n /* Exact model ID sent as ``acp_model``. /\n id: string;\n /* Human-readable label shown in Settings -> Agent. /\n label: string;\n}\n\n// Canvas-only UI metadata per built-in provider, keyed by the ACP registry\n// key. Everything else — display name, launch command, model picker list and\n// default — comes from the typescript-client registry below. Adding a model\n// or a provider happens upstream in the SDK; Canvas only owns the brand icon\n// and the onboarding-tile description here. A provider with no entry here is\n// intentionally not surfaced in the UI.\nconst ACP_PROVIDER_UI: Record<\n string,\n { icon: ACPProviderIcon; description_key: I18nKey }\n> = {\n \"claude-code\": {\n icon: \"claude-code\",\n description_key: I18nKey.ONBOARDING$AGENT_CLAUDE_CODE_DESCRIPTION,\n },\n codex: {\n icon: \"codex\",\n description_key: I18nKey.ONBOARDING$AGENT_CODEX_DESCRIPTION,\n },\n \"gemini-cli\": {\n icon: \"gemini\",\n description_key: I18nKey.ONBOARDING$AGENT_GEMINI_CLI_DESCRIPTION,\n },\n};\n\n// Built-in ACP providers Canvas surfaces, built by enriching each upstream\n// registry record (``@openhands/typescript-client`` → Python SDK) with the\n// Canvas UI metadata above. Model lists + defaults are no longer hand-kept\n// here (closes agent-canvas#740) — they track the SDK via the pinned client.\nexport const ACP_PROVIDERS: ACPProviderConfig[] = Object.entries(\n ACP_PROVIDER_UI,\n).map(([key, ui]) => {\n const info = getClientAcpProvider(key) as ClientAcpProviderRegistry \| null;\n return {\n key,\n display_name: info?.display_name ?? key,\n default_command: info ? [...info.default_command] : [],\n available_models: info?.available_models?.map((model) => ({\n id: model.id,\n label: model.label,\n })),\n default_model: info?.default_model ?? undefined,\n description_key: ui.description_key,\n icon: ui.icon,\n };\n});\n\nexport const ACP_CUSTOM_PRESET_KEY = \"custom\";\n\n/\n A credential an ACP provider authenticates with, surfaced during onboarding\n * so the user can populate it without leaving the flow. The {@link name} is\n * both the global-secret name and the environment variable the agent-server\n * exports into the ACP subprocess — keeping them identical is what makes a\n * saved secret actually reach the provider CLI.\n /\nexport interface ACPProviderSecretField {\n /* Secret name and env var (e.g. ``\"ANTHROPIC_API_KEY\"``). Must satisfy the\n * secret-name pattern ``^[a-zA-Z][a-zA-Z0-9_]{0,63}$``. /\n name: string;\n /* Render as a masked password input (API keys) rather than a plain-text\n * input (base URLs). Every field is optional regardless — the whole step is\n * skippable — so this only controls masking, not whether the field gates. /\n secret?: boolean;\n /* i18n key for the one-line helper text under the field. /\n hint_key: I18nKey;\n}\n\n/\n List the credentials Canvas should prompt for when onboarding the given ACP\n * provider, derived from the SDK registry's ``api_key_env_var`` /\n * ``base_url_env_var`` (mirrored via ``@openhands/typescript-client``) rather\n * than a hand-maintained per-provider list — so the field names track the SDK\n * as providers are added or renamed, with no parallel copy to drift. Each field\n * name equals the env var the agent-server exports into the provider subprocess\n * (which is what makes a saved secret reach the CLI); the API key renders\n * masked, the base URL plain-text. All three built-ins (Claude Code, Codex,\n * Gemini CLI) expose an API key + optional base URL.\n \n Every field is optional — the step is skippable — and a subscription / OAuth\n * login takes precedence over a key at runtime (most relevant for Gemini, whose\n * Google login is the common local path).\n \n Returns ``[]`` for OpenHands, the ``\"custom\"`` preset, any unknown key, and a\n * future OAuth-only provider whose registry entry has no ``api_key_env_var`` —\n * callers treat an empty list as \"no credentials step for this provider\".\n /\nexport function getAcpProviderSecrets(\n key: string \| null \| undefined,\n): ACPProviderSecretField[] {\n const info = key ? getClientAcpProvider(key) : null;\n if (!info) return [];\n const fields: ACPProviderSecretField[] = [];\n if (info.api_key_env_var) {\n fields.push({\n name: info.api_key_env_var,\n secret: true,\n hint_key: I18nKey.ONBOARDING$ACP_SECRET_API_KEY_HINT,\n });\n }\n if (info.base_url_env_var) {\n fields.push({\n name: info.base_url_env_var,\n hint_key: I18nKey.ONBOARDING$ACP_SECRET_BASE_URL_HINT,\n });\n }\n return fields;\n}\n\n/\n Look up a built-in ACP provider config by its registry key.\n \n Returns ``undefined`` for an empty / null key, for the ``\"custom\"`` preset\n * (which has no registry entry), and for any forward-compatible key Canvas's\n * registry doesn't know about yet. Centralizes the ``ACP_PROVIDERS.find(...)``\n * lookup shared by the resolvers below and by the adapter / settings surfaces\n * so the key-comparison shape lives in one place.\n /\nexport function getAcpProvider(\n key: string \| null \| undefined,\n): ACPProviderConfig \| undefined {\n if (!key) return undefined;\n return ACP_PROVIDERS.find((provider) => provider.key === key);\n}\n\n/\n Resolve an ACP provider registry key (the value stored under\n * ``tags.acpserver`` on a conversation) to a human display name for the\n * sidebar chip.\n \n Returns ``null`` for an empty / null key and for keys not in\n * {@link ACP_PROVIDERS} — most notably ``\"custom\"`` (the user-supplied\n * command preset has no canonical brand name) and any forward-compatible\n * value Canvas's registry doesn't know about yet. Callers should fall\n * back to a generic ``\"ACP\"`` label in that case so the chip still\n * communicates \"this is an ACP conversation\".\n \n Kept separate from {@link buildAcpAgentSettingsDiff}'s lookup so the\n * conversation-card render path can resolve display names without\n * importing the settings-payload builder.\n /\nexport function getAcpProviderDisplayName(\n key: string \| null \| undefined,\n): string \| null {\n const found = getAcpProvider(key);\n return found ? found.display_name : null;\n}\n\n/\n Resolve an ACP provider registry key to the icon discriminator the\n * conversation chip should render alongside the model text.\n \n Falls back to {@link ACP_PROVIDER_FALLBACK_ICON} for ``\"custom\"``,\n * unknown keys, or a missing key — the chip then shows a neutral\n * terminal glyph that still communicates \"this is an ACP conversation\"\n * without claiming a brand identity we don't know.\n /\nexport function resolveAcpProviderIcon(\n key: string \| null \| undefined,\n): ACPProviderIcon {\n return getAcpProvider(key)?.icon ?? ACP_PROVIDER_FALLBACK_ICON;\n}\n\n/\n Resolve a raw ``acp_model`` ID to the human-readable label the provider's\n * picker shows for it (e.g. ``\"claude-opus-4-7\"`` → ``\"Claude Opus 4.7\"``).\n \n Falls back to the raw ID when the provider is unknown or the ID isn't one\n * of its registered {@link ACPModelOption}s — so a user's custom override\n * still renders something meaningful rather than nothing. Returns ``null``\n * only when there is no model to show, letting the conversation chip decide\n * to display the provider name instead.\n /\nexport function labelForAcpModel(\n serverKey: string \| null \| undefined,\n modelId: string \| null \| undefined,\n): string \| null {\n if (!modelId) return null;\n const provider = getAcpProvider(serverKey);\n const match = provider?.available_models?.find((m) => m.id === modelId);\n return match?.label ?? modelId;\n}\n\n/\n Build the ``agent_settings_diff`` payload PATCH /api/settings expects\n * for the agent-kind/provider choice the user just made.\n \n Used by both the Settings → Agent page and the onboarding \"choose\n * agent\" step — keeping the shape in one helper means a future change\n * (e.g. always seeding ``acp_command`` from the registry instead of\n * sending ``[]``, or adding new ``acp_`` reset fields) lands in both\n surfaces atomically.\n \n Returns ``null`` for an unknown ACP provider key by default — the\n * caller can skip the save (the UI shouldn't surface unknown options,\n * but the defensive path keeps a buggy preset list from corrupting\n * settings).\n \n Pass ``allowUnknownServer: true`` to opt into pass-through for keys\n * that aren't in {@link ACP_PROVIDERS} or ``ACP_CUSTOM_PRESET_KEY``.\n * The Settings → Agent page uses this when the user opens settings\n * that already carry an ``acp_server`` value canvas's registry\n * doesn't know about (e.g. set out-of-band via the API for a provider\n * we haven't mirrored yet) and saves without changing the command —\n * otherwise the original key would be silently demoted to ``\"custom\"``.\n /\nexport function buildAcpAgentSettingsDiff(\n providerKey: string,\n options: {\n command?: string[];\n model?: string \| null;\n allowUnknownServer?: boolean;\n } = {},\n): Record<string, unknown> \| null {\n if (providerKey === \"openhands\") {\n // Switching back to OpenHands. The agent-server's ``Settings.update``\n // applies a fresh ``{'agent_kind': ...}`` base whenever the kind\n // flips, so any ``acp_`` fields would be discarded before\n // validation. Send the kind alone.\n return { agent_kind: \"openhands\" };\n }\n\n const isCustom = providerKey === ACP_CUSTOM_PRESET_KEY;\n const provider = isCustom ? undefined : getAcpProvider(providerKey);\n if (!isCustom && !provider && !options.allowUnknownServer) {\n return null;\n }\n\n const model =\n options.model === undefined\n ? (provider?.default_model ?? null)\n : options.model;\n\n // ``acp_args: []`` resets any API-set ``acp_args`` that would\n // otherwise survive and concatenate to ``acp_command`` at spawn time\n // (the agent-server merges the two before exec). Callers building the\n // payload from a textarea that already shows the merged command\n // (Settings → Agent) round-trip correctly — the merged tokens land in\n // ``acp_command`` here, so no args are lost.\n return {\n agent_kind: \"acp\",\n acp_server: providerKey,\n acp_command: options.command ?? [],\n acp_args: [],\n acp_model: model ?? null,\n };\n}\n"],"mappings":"6OAqBA,IAAa,EAA2B,IAAI,IAAI,CAC9C,UACA,wBACD,CAAC,CAYF,SAAS,EAAa,EAA+B,CACnD,GAAI,OAAO,GAAU,SAAU,OAAO,KACtC,IAAM,EAAU,EAAM,MAAM,CAI5B,MAHI,CAAC,GACD,EAAyB,IAAI,EAAQ,aAAa,CAAC,EACnD,IAAA,cAAyC,KACtC,EAgBT,SAAgB,EAAyB,EAMvB,CAChB,IAAK,IAAM,IAAa,CACtB,EAAO,YACP,EAAO,UACP,EAAO,WACP,EAAO,OACR,CAAE,CACD,IAAM,EAAQ,EAAa,EAAU,CACrC,GAAI,EAAO,OAAO,EAEpB,OAAO,EAAO,iBAAmB,KAiEnC,IAAM,EAGF,CACF,cAAe,CACb,KAAM,cACN,gBAAiB,EAAA,QAAQ,yCAC1B,CACD,MAAO,CACL,KAAM,QACN,gBAAiB,EAAA,QAAQ,mCAC1B,CACD,aAAc,CACZ,KAAM,SACN,gBAAiB,EAAA,QAAQ,wCAC1B,CACF,CAMY,EAAqC,OAAO,QACvD,EACD,CAAC,KAAK,CAAC,EAAK,KAAQ,CACnB,IAAM,EAAO,EAAA,eAAqB,EAAI,CACtC,MAAO,CACL,MACA,aAAc,GAAM,cAAgB,EACpC,gBAAiB,EAAO,CAAC,GAAG,EAAK,gBAAgB,CAAG,EAAE,CACtD,iBAAkB,GAAM,kBAAkB,IAAK,IAAW,CACxD,GAAI,EAAM,GACV,MAAO,EAAM,MACd,EAAE,CACH,cAAe,GAAM,eAAiB,IAAA,GACtC,gBAAiB,EAAG,gBACpB,KAAM,EAAG,KACV,EACD,CAyEF,SAAgB,EACd,EAC+B,CAC1B,KACL,OAAO,EAAc,KAAM,GAAa,EAAS,MAAQ,EAAI,CAmB/D,SAAgB,EACd,EACe,CACf,IAAM,EAAQ,EAAe,EAAI,CACjC,OAAO,EAAQ,EAAM,aAAe,KAYtC,SAAgB,EACd,EACiB,CACjB,OAAO,EAAe,EAAI,EAAE,MAAA,cAa9B,SAAgB,EACd,EACA,EACe,CAIf,OAHK,EACY,EAAe,EAClB,EAAU,kBAAkB,KAAM,GAAM,EAAE,KAAO,EAAQ,EACzD,OAAS,EAHF"}

package/dist/constants/acp-providers.d.ts CHANGED Viewed

@@ -99,9 +99,22 @@ export interface ACPProviderSecretField {
 }
 /**
  * List the credentials Canvas should prompt for when onboarding the given ACP
- * provider. Returns ``[]`` for OpenHands, the ``"custom"`` preset, providers
- * that don't use a static API key (Gemini CLI), and any unknown key — callers
- * treat an empty list as "no credentials step for this provider".
+ * provider, derived from the SDK registry's ``api_key_env_var`` /
+ * ``base_url_env_var`` (mirrored via ``@openhands/typescript-client``) rather
+ * than a hand-maintained per-provider list — so the field names track the SDK
+ * as providers are added or renamed, with no parallel copy to drift. Each field
+ * name equals the env var the agent-server exports into the provider subprocess
+ * (which is what makes a saved secret reach the CLI); the API key renders
+ * masked, the base URL plain-text. All three built-ins (Claude Code, Codex,
+ * Gemini CLI) expose an API key + optional base URL.
+ *
+ * Every field is optional — the step is skippable — and a subscription / OAuth
+ * login takes precedence over a key at runtime (most relevant for Gemini, whose
+ * Google login is the common local path).
+ *
+ * Returns ``[]`` for OpenHands, the ``"custom"`` preset, any unknown key, and a
+ * future OAuth-only provider whose registry entry has no ``api_key_env_var`` —
+ * callers treat an empty list as "no credentials step for this provider".
  */
 export declare function getAcpProviderSecrets(key: string | null | undefined): ACPProviderSecretField[];
 /**

package/dist/constants/acp-providers.js CHANGED Viewed

@@ -47,7 +47,6 @@ var a = {
 		icon: n.icon
 	};
 });
-e.ONBOARDING$ACP_SECRET_API_KEY_HINT, e.ONBOARDING$ACP_SECRET_BASE_URL_HINT, e.ONBOARDING$ACP_SECRET_API_KEY_HINT, e.ONBOARDING$ACP_SECRET_BASE_URL_HINT;
 function s(e) {
 	if (e) return o.find((t) => t.key === e);
 }

package/dist/constants/acp-providers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acp-providers.js","names":[],"sources":["../../src/constants/acp-providers.ts"],"sourcesContent":["import { getAcpProvider as getClientAcpProvider } from \"@openhands/typescript-client\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nexport type ACPProviderIcon =\n \| \"claude-code\"\n \| \"codex\"\n \| \"gemini\"\n \| \"cli-generic\";\n\nexport const ACP_PROVIDER_FALLBACK_ICON: ACPProviderIcon = \"cli-generic\";\n\n// SDK placeholder strings the ACP wrapper returns before the user has\n// chosen a real model — surfacing either would lie about what's running.\nexport const ACP_DEFAULT_PLACEHOLDERS = new Set([\n \"default\",\n \"default (recommended)\",\n]);\n\n// Sentinel ``agent.llm.model`` returned by older SDKs for ACP conversations\n// in lieu of a real model. Suppressed at every consumer that resolves a\n// display string.\nexport const ACP_MANAGED_SENTINEL = \"acp-managed\";\n\n/*\n Filter for \"real\" ACP model strings — non-empty, not the SDK's \"default\"\n * placeholder, not the legacy ``acp-managed`` sentinel. Returns the trimmed\n * value on success, ``null`` otherwise.\n /\nfunction realAcpModel(value: unknown): string \| null {\n if (typeof value !== \"string\") return null;\n const trimmed = value.trim();\n if (!trimmed) return null;\n if (ACP_DEFAULT_PLACEHOLDERS.has(trimmed.toLowerCase())) return null;\n if (trimmed === ACP_MANAGED_SENTINEL) return null;\n return trimmed;\n}\n\n/\n Single source of truth for resolving the model string to surface for an\n * ACP conversation/settings context. Consumed by the conversation adapter\n * (chip text), the conversation-creation path (concrete ``acp_model``\n * payload), the Settings → Agent form (initial value), and the chat-input\n * model label.\n \n Precedence: SDK runtime fields → user-configured ``acp_model`` →\n * legacy ``agent.llm.model`` → provider default (when ``providerDefault``\n * is passed). Pass ``providerDefault`` only on surfaces that should\n * silently substitute the registry default; omit it for the conversation\n * chip, which must distinguish \"no concrete model\" from \"default\".\n /\nexport function resolveEffectiveAcpModel(inputs: {\n runtimeName?: string \| null;\n runtimeId?: string \| null;\n configured?: string \| null;\n sdkLlm?: string \| null;\n providerDefault?: string \| null;\n}): string \| null {\n for (const candidate of [\n inputs.runtimeName,\n inputs.runtimeId,\n inputs.configured,\n inputs.sdkLlm,\n ]) {\n const value = realAcpModel(candidate);\n if (value) return value;\n }\n return inputs.providerDefault ?? null;\n}\n\n/\n Shape of a built-in ACP (Agent Client Protocol) provider as Canvas consumes\n * it. The data fields (display name, launch command, model picker + default)\n * are sourced at module load from ``@openhands/typescript-client``'s ACP\n * registry — the generated mirror of the Python source of truth\n * ``openhands.sdk.settings.acp_providers``. This config only adds the\n * Canvas-specific UI fields ({@link ACPProviderConfig.icon} +\n * {@link ACPProviderConfig.description_key}); see {@link ACP_PROVIDER_UI}.\n /\nexport interface ACPProviderConfig {\n /* Stable registry key, also stored on conversations as ``tags.acpserver``. /\n key: string;\n /* Human-readable name shown in dropdowns and conversation chips. /\n display_name: string;\n /\n Tokens passed to the agent-server as ``acp_command`` when this preset\n * is picked. Each entry must be a real ACP-protocol stdio server — the\n * SDK validates this against the {@link ACPProviderConfig.key}.\n \n NB: ``npx -y @openai/codex acp`` looks plausible but is not an\n * ACP server — the codex CLI has no ``acp`` subcommand and exits with\n * ``Error: stdin is not a terminal`` when spawned without a TTY, which\n * silently deadlocks the agent-server's ACP handshake. Use\n * ``@zed-industries/codex-acp`` (the Zed-shipped wrapper) instead.\n /\n default_command: string[];\n /\n Suggested ACP model IDs for the provider's picker, sourced from the\n * typescript-client registry. Not authoritative access checks; users can\n * still enter a custom override in Settings -> Agent.\n /\n available_models?: ACPModelOption[];\n /* Model ID preselected for built-in providers so Canvas never saves blank. /\n default_model?: string;\n /\n i18n key for the one-line provider description rendered under the\n * onboarding tile. Stored on the registry so adding a new ACP\n * provider only requires editing this file (not the onboarding tile\n * list separately).\n /\n description_key: I18nKey;\n /\n Serializable icon key used by UI surfaces that render provider\n * choices. Kept as a string so the SDK mirror check can continue to\n * parse this registry without importing React components.\n /\n icon?: ACPProviderIcon;\n}\n\nexport interface ACPModelOption {\n /* Exact model ID sent as ``acp_model``. /\n id: string;\n /* Human-readable label shown in Settings -> Agent. /\n label: string;\n}\n\n// Canvas-only UI metadata per built-in provider, keyed by the ACP registry\n// key. Everything else — display name, launch command, model picker list and\n// default — comes from the typescript-client registry below. Adding a model\n// or a provider happens upstream in the SDK; Canvas only owns the brand icon\n// and the onboarding-tile description here. A provider with no entry here is\n// intentionally not surfaced in the UI.\nconst ACP_PROVIDER_UI: Record<\n string,\n { icon: ACPProviderIcon; description_key: I18nKey }\n> = {\n \"claude-code\": {\n icon: \"claude-code\",\n description_key: I18nKey.ONBOARDING$AGENT_CLAUDE_CODE_DESCRIPTION,\n },\n codex: {\n icon: \"codex\",\n description_key: I18nKey.ONBOARDING$AGENT_CODEX_DESCRIPTION,\n },\n \"gemini-cli\": {\n icon: \"gemini\",\n description_key: I18nKey.ONBOARDING$AGENT_GEMINI_CLI_DESCRIPTION,\n },\n};\n\n// Built-in ACP providers Canvas surfaces, built by enriching each upstream\n// registry record (``@openhands/typescript-client`` → Python SDK) with the\n// Canvas UI metadata above. Model lists + defaults are no longer hand-kept\n// here (closes agent-canvas#740) — they track the SDK via the pinned client.\nexport const ACP_PROVIDERS: ACPProviderConfig[] = Object.entries(\n ACP_PROVIDER_UI,\n).map(([key, ui]) => {\n const info = getClientAcpProvider(key);\n return {\n key,\n display_name: info?.display_name ?? key,\n default_command: info ? [...info.default_command] : [],\n available_models: info?.available_models?.map((model) => ({\n id: model.id,\n label: model.label,\n })),\n default_model: info?.default_model ?? undefined,\n description_key: ui.description_key,\n icon: ui.icon,\n };\n});\n\nexport const ACP_CUSTOM_PRESET_KEY = \"custom\";\n\n/\n A credential an ACP provider authenticates with, surfaced during onboarding\n * so the user can populate it without leaving the flow. The {@link name} is\n * both the global-secret name and the environment variable the agent-server\n * exports into the ACP subprocess — keeping them identical is what makes a\n * saved secret actually reach the provider CLI.\n /\nexport interface ACPProviderSecretField {\n /* Secret name and env var (e.g. ``\"ANTHROPIC_API_KEY\"``). Must satisfy the\n * secret-name pattern ``^[a-zA-Z][a-zA-Z0-9_]{0,63}$``. /\n name: string;\n /* Render as a masked password input (API keys) rather than a plain-text\n * input (base URLs). Every field is optional regardless — the whole step is\n * skippable — so this only controls masking, not whether the field gates. /\n secret?: boolean;\n /* i18n key for the one-line helper text under the field. /\n hint_key: I18nKey;\n}\n\n// Credentials Canvas prompts for during onboarding, keyed by ACP registry key.\n// Only providers that authenticate through an env-var API key appear here:\n// Claude Code (Anthropic) and Codex (OpenAI). Gemini CLI authenticates via an\n// interactive OAuth login rather than a static key, so it has no entry and its\n// onboarding credentials step is skipped. Every field is optional (the step is\n// skippable): the API keys render masked, the base-URL entries are plain-text\n// overrides for proxies/gateways. A provider with no entry simply shows no\n// credentials step.\nconst ACP_PROVIDER_SECRETS: Record<string, ACPProviderSecretField[]> = {\n \"claude-code\": [\n {\n name: \"ANTHROPIC_API_KEY\",\n secret: true,\n hint_key: I18nKey.ONBOARDING$ACP_SECRET_API_KEY_HINT,\n },\n {\n name: \"ANTHROPIC_BASE_URL\",\n hint_key: I18nKey.ONBOARDING$ACP_SECRET_BASE_URL_HINT,\n },\n ],\n codex: [\n {\n name: \"OPENAI_API_KEY\",\n secret: true,\n hint_key: I18nKey.ONBOARDING$ACP_SECRET_API_KEY_HINT,\n },\n {\n name: \"OPENAI_BASE_URL\",\n hint_key: I18nKey.ONBOARDING$ACP_SECRET_BASE_URL_HINT,\n },\n ],\n};\n\n/\n List the credentials Canvas should prompt for when onboarding the given ACP\n * provider. Returns ``[]`` for OpenHands, the ``\"custom\"`` preset, providers\n * that don't use a static API key (Gemini CLI), and any unknown key — callers\n * treat an empty list as \"no credentials step for this provider\".\n /\nexport function getAcpProviderSecrets(\n key: string \| null \| undefined,\n): ACPProviderSecretField[] {\n if (!key) return [];\n return ACP_PROVIDER_SECRETS[key] ?? [];\n}\n\n/\n Look up a built-in ACP provider config by its registry key.\n \n Returns ``undefined`` for an empty / null key, for the ``\"custom\"`` preset\n * (which has no registry entry), and for any forward-compatible key Canvas's\n * registry doesn't know about yet. Centralizes the ``ACP_PROVIDERS.find(...)``\n * lookup shared by the resolvers below and by the adapter / settings surfaces\n * so the key-comparison shape lives in one place.\n /\nexport function getAcpProvider(\n key: string \| null \| undefined,\n): ACPProviderConfig \| undefined {\n if (!key) return undefined;\n return ACP_PROVIDERS.find((provider) => provider.key === key);\n}\n\n/\n Resolve an ACP provider registry key (the value stored under\n * ``tags.acpserver`` on a conversation) to a human display name for the\n * sidebar chip.\n \n Returns ``null`` for an empty / null key and for keys not in\n * {@link ACP_PROVIDERS} — most notably ``\"custom\"`` (the user-supplied\n * command preset has no canonical brand name) and any forward-compatible\n * value Canvas's registry doesn't know about yet. Callers should fall\n * back to a generic ``\"ACP\"`` label in that case so the chip still\n * communicates \"this is an ACP conversation\".\n \n Kept separate from {@link buildAcpAgentSettingsDiff}'s lookup so the\n * conversation-card render path can resolve display names without\n * importing the settings-payload builder.\n /\nexport function getAcpProviderDisplayName(\n key: string \| null \| undefined,\n): string \| null {\n const found = getAcpProvider(key);\n return found ? found.display_name : null;\n}\n\n/\n Resolve an ACP provider registry key to the icon discriminator the\n * conversation chip should render alongside the model text.\n \n Falls back to {@link ACP_PROVIDER_FALLBACK_ICON} for ``\"custom\"``,\n * unknown keys, or a missing key — the chip then shows a neutral\n * terminal glyph that still communicates \"this is an ACP conversation\"\n * without claiming a brand identity we don't know.\n /\nexport function resolveAcpProviderIcon(\n key: string \| null \| undefined,\n): ACPProviderIcon {\n return getAcpProvider(key)?.icon ?? ACP_PROVIDER_FALLBACK_ICON;\n}\n\n/\n Resolve a raw ``acp_model`` ID to the human-readable label the provider's\n * picker shows for it (e.g. ``\"claude-opus-4-7\"`` → ``\"Claude Opus 4.7\"``).\n \n Falls back to the raw ID when the provider is unknown or the ID isn't one\n * of its registered {@link ACPModelOption}s — so a user's custom override\n * still renders something meaningful rather than nothing. Returns ``null``\n * only when there is no model to show, letting the conversation chip decide\n * to display the provider name instead.\n /\nexport function labelForAcpModel(\n serverKey: string \| null \| undefined,\n modelId: string \| null \| undefined,\n): string \| null {\n if (!modelId) return null;\n const provider = getAcpProvider(serverKey);\n const match = provider?.available_models?.find((m) => m.id === modelId);\n return match?.label ?? modelId;\n}\n\n/\n Build the ``agent_settings_diff`` payload PATCH /api/settings expects\n * for the agent-kind/provider choice the user just made.\n \n Used by both the Settings → Agent page and the onboarding \"choose\n * agent\" step — keeping the shape in one helper means a future change\n * (e.g. always seeding ``acp_command`` from the registry instead of\n * sending ``[]``, or adding new ``acp_`` reset fields) lands in both\n surfaces atomically.\n \n Returns ``null`` for an unknown ACP provider key by default — the\n * caller can skip the save (the UI shouldn't surface unknown options,\n * but the defensive path keeps a buggy preset list from corrupting\n * settings).\n \n Pass ``allowUnknownServer: true`` to opt into pass-through for keys\n * that aren't in {@link ACP_PROVIDERS} or ``ACP_CUSTOM_PRESET_KEY``.\n * The Settings → Agent page uses this when the user opens settings\n * that already carry an ``acp_server`` value canvas's registry\n * doesn't know about (e.g. set out-of-band via the API for a provider\n * we haven't mirrored yet) and saves without changing the command —\n * otherwise the original key would be silently demoted to ``\"custom\"``.\n /\nexport function buildAcpAgentSettingsDiff(\n providerKey: string,\n options: {\n command?: string[];\n model?: string \| null;\n allowUnknownServer?: boolean;\n } = {},\n): Record<string, unknown> \| null {\n if (providerKey === \"openhands\") {\n // Switching back to OpenHands. The agent-server's ``Settings.update``\n // applies a fresh ``{'agent_kind': ...}`` base whenever the kind\n // flips, so any ``acp_`` fields would be discarded before\n // validation. Send the kind alone.\n return { agent_kind: \"openhands\" };\n }\n\n const isCustom = providerKey === ACP_CUSTOM_PRESET_KEY;\n const provider = isCustom ? undefined : getAcpProvider(providerKey);\n if (!isCustom && !provider && !options.allowUnknownServer) {\n return null;\n }\n\n const model =\n options.model === undefined\n ? (provider?.default_model ?? null)\n : options.model;\n\n // ``acp_args: []`` resets any API-set ``acp_args`` that would\n // otherwise survive and concatenate to ``acp_command`` at spawn time\n // (the agent-server merges the two before exec). Callers building the\n // payload from a textarea that already shows the merged command\n // (Settings → Agent) round-trip correctly — the merged tokens land in\n // ``acp_command`` here, so no args are lost.\n return {\n agent_kind: \"acp\",\n acp_server: providerKey,\n acp_command: options.command ?? [],\n acp_args: [],\n acp_model: model ?? null,\n };\n}\n"],"mappings":";;;AAaA,IAAa,IAA2B,IAAI,IAAI,CAC9C,WACA,wBACD,CAAC;AAYF,SAAS,EAAa,GAA+B;AACnD,KAAI,OAAO,KAAU,SAAU,QAAO;CACtC,IAAM,IAAU,EAAM,MAAM;AAI5B,QAHI,CAAC,KACD,EAAyB,IAAI,EAAQ,aAAa,CAAC,IACnD,MAAA,gBAAyC,OACtC;;AAgBT,SAAgB,EAAyB,GAMvB;AAChB,MAAK,IAAM,KAAa;EACtB,EAAO;EACP,EAAO;EACP,EAAO;EACP,EAAO;EACR,EAAE;EACD,IAAM,IAAQ,EAAa,EAAU;AACrC,MAAI,EAAO,QAAO;;AAEpB,QAAO,EAAO,mBAAmB;;AAiEnC,IAAM,IAGF;CACF,eAAe;EACb,MAAM;EACN,iBAAiB,EAAQ;EAC1B;CACD,OAAO;EACL,MAAM;EACN,iBAAiB,EAAQ;EAC1B;CACD,cAAc;EACZ,MAAM;EACN,iBAAiB,EAAQ;EAC1B;CACF,EAMY,IAAqC,OAAO,QACvD,EACD,CAAC,KAAK,CAAC,GAAK,OAAQ;CACnB,IAAM,IAAO,EAAqB,EAAI;AACtC,QAAO;EACL;EACA,cAAc,GAAM,gBAAgB;EACpC,iBAAiB,IAAO,CAAC,GAAG,EAAK,gBAAgB,GAAG,EAAE;EACtD,kBAAkB,GAAM,kBAAkB,KAAK,OAAW;GACxD,IAAI,EAAM;GACV,OAAO,EAAM;GACd,EAAE;EACH,eAAe,GAAM,iBAAiB,KAAA;EACtC,iBAAiB,EAAG;EACpB,MAAM,EAAG;EACV;EACD;AAoCc,EAAQ,oCAIR,EAAQ,qCAOR,EAAQ,oCAIR,EAAQ;AA2BxB,SAAgB,EACd,GAC+B;AAC1B,OACL,QAAO,EAAc,MAAM,MAAa,EAAS,QAAQ,EAAI;;AAmB/D,SAAgB,EACd,GACe;CACf,IAAM,IAAQ,EAAe,EAAI;AACjC,QAAO,IAAQ,EAAM,eAAe;;AAYtC,SAAgB,EACd,GACiB;AACjB,QAAO,EAAe,EAAI,EAAE,QAAA;;AAa9B,SAAgB,EACd,GACA,GACe;AAIf,QAHK,IACY,EAAe,EAClB,EAAU,kBAAkB,MAAM,MAAM,EAAE,OAAO,EAAQ,EACzD,SAAS,IAHF"}
1	+ {"version":3,"file":"acp-providers.js","names":[],"sources":["../../src/constants/acp-providers.ts"],"sourcesContent":["import { getAcpProvider as getClientAcpProvider } from \"@openhands/typescript-client\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\n/** Upstream registry fields not yet on the pinned client's exported type. /\ntype ClientAcpProviderRegistry = NonNullable<\n ReturnType<typeof getClientAcpProvider>\n> & {\n available_models?: Array<{ id: string; label: string }>;\n default_model?: string;\n};\n\nexport type ACPProviderIcon =\n \| \"claude-code\"\n \| \"codex\"\n \| \"gemini\"\n \| \"cli-generic\";\n\nexport const ACP_PROVIDER_FALLBACK_ICON: ACPProviderIcon = \"cli-generic\";\n\n// SDK placeholder strings the ACP wrapper returns before the user has\n// chosen a real model — surfacing either would lie about what's running.\nexport const ACP_DEFAULT_PLACEHOLDERS = new Set([\n \"default\",\n \"default (recommended)\",\n]);\n\n// Sentinel ``agent.llm.model`` returned by older SDKs for ACP conversations\n// in lieu of a real model. Suppressed at every consumer that resolves a\n// display string.\nexport const ACP_MANAGED_SENTINEL = \"acp-managed\";\n\n/\n Filter for \"real\" ACP model strings — non-empty, not the SDK's \"default\"\n * placeholder, not the legacy ``acp-managed`` sentinel. Returns the trimmed\n * value on success, ``null`` otherwise.\n /\nfunction realAcpModel(value: unknown): string \| null {\n if (typeof value !== \"string\") return null;\n const trimmed = value.trim();\n if (!trimmed) return null;\n if (ACP_DEFAULT_PLACEHOLDERS.has(trimmed.toLowerCase())) return null;\n if (trimmed === ACP_MANAGED_SENTINEL) return null;\n return trimmed;\n}\n\n/\n Single source of truth for resolving the model string to surface for an\n * ACP conversation/settings context. Consumed by the conversation adapter\n * (chip text), the conversation-creation path (concrete ``acp_model``\n * payload), the Settings → Agent form (initial value), and the chat-input\n * model label.\n \n Precedence: SDK runtime fields → user-configured ``acp_model`` →\n * legacy ``agent.llm.model`` → provider default (when ``providerDefault``\n * is passed). Pass ``providerDefault`` only on surfaces that should\n * silently substitute the registry default; omit it for the conversation\n * chip, which must distinguish \"no concrete model\" from \"default\".\n /\nexport function resolveEffectiveAcpModel(inputs: {\n runtimeName?: string \| null;\n runtimeId?: string \| null;\n configured?: string \| null;\n sdkLlm?: string \| null;\n providerDefault?: string \| null;\n}): string \| null {\n for (const candidate of [\n inputs.runtimeName,\n inputs.runtimeId,\n inputs.configured,\n inputs.sdkLlm,\n ]) {\n const value = realAcpModel(candidate);\n if (value) return value;\n }\n return inputs.providerDefault ?? null;\n}\n\n/\n Shape of a built-in ACP (Agent Client Protocol) provider as Canvas consumes\n * it. The data fields (display name, launch command, model picker + default)\n * are sourced at module load from ``@openhands/typescript-client``'s ACP\n * registry — the generated mirror of the Python source of truth\n * ``openhands.sdk.settings.acp_providers``. This config only adds the\n * Canvas-specific UI fields ({@link ACPProviderConfig.icon} +\n * {@link ACPProviderConfig.description_key}); see {@link ACP_PROVIDER_UI}.\n /\nexport interface ACPProviderConfig {\n /* Stable registry key, also stored on conversations as ``tags.acpserver``. /\n key: string;\n /* Human-readable name shown in dropdowns and conversation chips. /\n display_name: string;\n /\n Tokens passed to the agent-server as ``acp_command`` when this preset\n * is picked. Each entry must be a real ACP-protocol stdio server — the\n * SDK validates this against the {@link ACPProviderConfig.key}.\n \n NB: ``npx -y @openai/codex acp`` looks plausible but is not an\n * ACP server — the codex CLI has no ``acp`` subcommand and exits with\n * ``Error: stdin is not a terminal`` when spawned without a TTY, which\n * silently deadlocks the agent-server's ACP handshake. Use\n * ``@zed-industries/codex-acp`` (the Zed-shipped wrapper) instead.\n /\n default_command: string[];\n /\n Suggested ACP model IDs for the provider's picker, sourced from the\n * typescript-client registry. Not authoritative access checks; users can\n * still enter a custom override in Settings -> Agent.\n /\n available_models?: ACPModelOption[];\n /* Model ID preselected for built-in providers so Canvas never saves blank. /\n default_model?: string;\n /\n i18n key for the one-line provider description rendered under the\n * onboarding tile. Stored on the registry so adding a new ACP\n * provider only requires editing this file (not the onboarding tile\n * list separately).\n /\n description_key: I18nKey;\n /\n Serializable icon key used by UI surfaces that render provider\n * choices. Kept as a string so the SDK mirror check can continue to\n * parse this registry without importing React components.\n /\n icon?: ACPProviderIcon;\n}\n\nexport interface ACPModelOption {\n /* Exact model ID sent as ``acp_model``. /\n id: string;\n /* Human-readable label shown in Settings -> Agent. /\n label: string;\n}\n\n// Canvas-only UI metadata per built-in provider, keyed by the ACP registry\n// key. Everything else — display name, launch command, model picker list and\n// default — comes from the typescript-client registry below. Adding a model\n// or a provider happens upstream in the SDK; Canvas only owns the brand icon\n// and the onboarding-tile description here. A provider with no entry here is\n// intentionally not surfaced in the UI.\nconst ACP_PROVIDER_UI: Record<\n string,\n { icon: ACPProviderIcon; description_key: I18nKey }\n> = {\n \"claude-code\": {\n icon: \"claude-code\",\n description_key: I18nKey.ONBOARDING$AGENT_CLAUDE_CODE_DESCRIPTION,\n },\n codex: {\n icon: \"codex\",\n description_key: I18nKey.ONBOARDING$AGENT_CODEX_DESCRIPTION,\n },\n \"gemini-cli\": {\n icon: \"gemini\",\n description_key: I18nKey.ONBOARDING$AGENT_GEMINI_CLI_DESCRIPTION,\n },\n};\n\n// Built-in ACP providers Canvas surfaces, built by enriching each upstream\n// registry record (``@openhands/typescript-client`` → Python SDK) with the\n// Canvas UI metadata above. Model lists + defaults are no longer hand-kept\n// here (closes agent-canvas#740) — they track the SDK via the pinned client.\nexport const ACP_PROVIDERS: ACPProviderConfig[] = Object.entries(\n ACP_PROVIDER_UI,\n).map(([key, ui]) => {\n const info = getClientAcpProvider(key) as ClientAcpProviderRegistry \| null;\n return {\n key,\n display_name: info?.display_name ?? key,\n default_command: info ? [...info.default_command] : [],\n available_models: info?.available_models?.map((model) => ({\n id: model.id,\n label: model.label,\n })),\n default_model: info?.default_model ?? undefined,\n description_key: ui.description_key,\n icon: ui.icon,\n };\n});\n\nexport const ACP_CUSTOM_PRESET_KEY = \"custom\";\n\n/\n A credential an ACP provider authenticates with, surfaced during onboarding\n * so the user can populate it without leaving the flow. The {@link name} is\n * both the global-secret name and the environment variable the agent-server\n * exports into the ACP subprocess — keeping them identical is what makes a\n * saved secret actually reach the provider CLI.\n /\nexport interface ACPProviderSecretField {\n /* Secret name and env var (e.g. ``\"ANTHROPIC_API_KEY\"``). Must satisfy the\n * secret-name pattern ``^[a-zA-Z][a-zA-Z0-9_]{0,63}$``. /\n name: string;\n /* Render as a masked password input (API keys) rather than a plain-text\n * input (base URLs). Every field is optional regardless — the whole step is\n * skippable — so this only controls masking, not whether the field gates. /\n secret?: boolean;\n /* i18n key for the one-line helper text under the field. /\n hint_key: I18nKey;\n}\n\n/\n List the credentials Canvas should prompt for when onboarding the given ACP\n * provider, derived from the SDK registry's ``api_key_env_var`` /\n * ``base_url_env_var`` (mirrored via ``@openhands/typescript-client``) rather\n * than a hand-maintained per-provider list — so the field names track the SDK\n * as providers are added or renamed, with no parallel copy to drift. Each field\n * name equals the env var the agent-server exports into the provider subprocess\n * (which is what makes a saved secret reach the CLI); the API key renders\n * masked, the base URL plain-text. All three built-ins (Claude Code, Codex,\n * Gemini CLI) expose an API key + optional base URL.\n \n Every field is optional — the step is skippable — and a subscription / OAuth\n * login takes precedence over a key at runtime (most relevant for Gemini, whose\n * Google login is the common local path).\n \n Returns ``[]`` for OpenHands, the ``\"custom\"`` preset, any unknown key, and a\n * future OAuth-only provider whose registry entry has no ``api_key_env_var`` —\n * callers treat an empty list as \"no credentials step for this provider\".\n /\nexport function getAcpProviderSecrets(\n key: string \| null \| undefined,\n): ACPProviderSecretField[] {\n const info = key ? getClientAcpProvider(key) : null;\n if (!info) return [];\n const fields: ACPProviderSecretField[] = [];\n if (info.api_key_env_var) {\n fields.push({\n name: info.api_key_env_var,\n secret: true,\n hint_key: I18nKey.ONBOARDING$ACP_SECRET_API_KEY_HINT,\n });\n }\n if (info.base_url_env_var) {\n fields.push({\n name: info.base_url_env_var,\n hint_key: I18nKey.ONBOARDING$ACP_SECRET_BASE_URL_HINT,\n });\n }\n return fields;\n}\n\n/\n Look up a built-in ACP provider config by its registry key.\n \n Returns ``undefined`` for an empty / null key, for the ``\"custom\"`` preset\n * (which has no registry entry), and for any forward-compatible key Canvas's\n * registry doesn't know about yet. Centralizes the ``ACP_PROVIDERS.find(...)``\n * lookup shared by the resolvers below and by the adapter / settings surfaces\n * so the key-comparison shape lives in one place.\n /\nexport function getAcpProvider(\n key: string \| null \| undefined,\n): ACPProviderConfig \| undefined {\n if (!key) return undefined;\n return ACP_PROVIDERS.find((provider) => provider.key === key);\n}\n\n/\n Resolve an ACP provider registry key (the value stored under\n * ``tags.acpserver`` on a conversation) to a human display name for the\n * sidebar chip.\n \n Returns ``null`` for an empty / null key and for keys not in\n * {@link ACP_PROVIDERS} — most notably ``\"custom\"`` (the user-supplied\n * command preset has no canonical brand name) and any forward-compatible\n * value Canvas's registry doesn't know about yet. Callers should fall\n * back to a generic ``\"ACP\"`` label in that case so the chip still\n * communicates \"this is an ACP conversation\".\n \n Kept separate from {@link buildAcpAgentSettingsDiff}'s lookup so the\n * conversation-card render path can resolve display names without\n * importing the settings-payload builder.\n /\nexport function getAcpProviderDisplayName(\n key: string \| null \| undefined,\n): string \| null {\n const found = getAcpProvider(key);\n return found ? found.display_name : null;\n}\n\n/\n Resolve an ACP provider registry key to the icon discriminator the\n * conversation chip should render alongside the model text.\n \n Falls back to {@link ACP_PROVIDER_FALLBACK_ICON} for ``\"custom\"``,\n * unknown keys, or a missing key — the chip then shows a neutral\n * terminal glyph that still communicates \"this is an ACP conversation\"\n * without claiming a brand identity we don't know.\n /\nexport function resolveAcpProviderIcon(\n key: string \| null \| undefined,\n): ACPProviderIcon {\n return getAcpProvider(key)?.icon ?? ACP_PROVIDER_FALLBACK_ICON;\n}\n\n/\n Resolve a raw ``acp_model`` ID to the human-readable label the provider's\n * picker shows for it (e.g. ``\"claude-opus-4-7\"`` → ``\"Claude Opus 4.7\"``).\n \n Falls back to the raw ID when the provider is unknown or the ID isn't one\n * of its registered {@link ACPModelOption}s — so a user's custom override\n * still renders something meaningful rather than nothing. Returns ``null``\n * only when there is no model to show, letting the conversation chip decide\n * to display the provider name instead.\n /\nexport function labelForAcpModel(\n serverKey: string \| null \| undefined,\n modelId: string \| null \| undefined,\n): string \| null {\n if (!modelId) return null;\n const provider = getAcpProvider(serverKey);\n const match = provider?.available_models?.find((m) => m.id === modelId);\n return match?.label ?? modelId;\n}\n\n/\n Build the ``agent_settings_diff`` payload PATCH /api/settings expects\n * for the agent-kind/provider choice the user just made.\n \n Used by both the Settings → Agent page and the onboarding \"choose\n * agent\" step — keeping the shape in one helper means a future change\n * (e.g. always seeding ``acp_command`` from the registry instead of\n * sending ``[]``, or adding new ``acp_`` reset fields) lands in both\n surfaces atomically.\n \n Returns ``null`` for an unknown ACP provider key by default — the\n * caller can skip the save (the UI shouldn't surface unknown options,\n * but the defensive path keeps a buggy preset list from corrupting\n * settings).\n \n Pass ``allowUnknownServer: true`` to opt into pass-through for keys\n * that aren't in {@link ACP_PROVIDERS} or ``ACP_CUSTOM_PRESET_KEY``.\n * The Settings → Agent page uses this when the user opens settings\n * that already carry an ``acp_server`` value canvas's registry\n * doesn't know about (e.g. set out-of-band via the API for a provider\n * we haven't mirrored yet) and saves without changing the command —\n * otherwise the original key would be silently demoted to ``\"custom\"``.\n /\nexport function buildAcpAgentSettingsDiff(\n providerKey: string,\n options: {\n command?: string[];\n model?: string \| null;\n allowUnknownServer?: boolean;\n } = {},\n): Record<string, unknown> \| null {\n if (providerKey === \"openhands\") {\n // Switching back to OpenHands. The agent-server's ``Settings.update``\n // applies a fresh ``{'agent_kind': ...}`` base whenever the kind\n // flips, so any ``acp_`` fields would be discarded before\n // validation. Send the kind alone.\n return { agent_kind: \"openhands\" };\n }\n\n const isCustom = providerKey === ACP_CUSTOM_PRESET_KEY;\n const provider = isCustom ? undefined : getAcpProvider(providerKey);\n if (!isCustom && !provider && !options.allowUnknownServer) {\n return null;\n }\n\n const model =\n options.model === undefined\n ? (provider?.default_model ?? null)\n : options.model;\n\n // ``acp_args: []`` resets any API-set ``acp_args`` that would\n // otherwise survive and concatenate to ``acp_command`` at spawn time\n // (the agent-server merges the two before exec). Callers building the\n // payload from a textarea that already shows the merged command\n // (Settings → Agent) round-trip correctly — the merged tokens land in\n // ``acp_command`` here, so no args are lost.\n return {\n agent_kind: \"acp\",\n acp_server: providerKey,\n acp_command: options.command ?? [],\n acp_args: [],\n acp_model: model ?? null,\n };\n}\n"],"mappings":";;;AAqBA,IAAa,IAA2B,IAAI,IAAI,CAC9C,WACA,wBACD,CAAC;AAYF,SAAS,EAAa,GAA+B;AACnD,KAAI,OAAO,KAAU,SAAU,QAAO;CACtC,IAAM,IAAU,EAAM,MAAM;AAI5B,QAHI,CAAC,KACD,EAAyB,IAAI,EAAQ,aAAa,CAAC,IACnD,MAAA,gBAAyC,OACtC;;AAgBT,SAAgB,EAAyB,GAMvB;AAChB,MAAK,IAAM,KAAa;EACtB,EAAO;EACP,EAAO;EACP,EAAO;EACP,EAAO;EACR,EAAE;EACD,IAAM,IAAQ,EAAa,EAAU;AACrC,MAAI,EAAO,QAAO;;AAEpB,QAAO,EAAO,mBAAmB;;AAiEnC,IAAM,IAGF;CACF,eAAe;EACb,MAAM;EACN,iBAAiB,EAAQ;EAC1B;CACD,OAAO;EACL,MAAM;EACN,iBAAiB,EAAQ;EAC1B;CACD,cAAc;EACZ,MAAM;EACN,iBAAiB,EAAQ;EAC1B;CACF,EAMY,IAAqC,OAAO,QACvD,EACD,CAAC,KAAK,CAAC,GAAK,OAAQ;CACnB,IAAM,IAAO,EAAqB,EAAI;AACtC,QAAO;EACL;EACA,cAAc,GAAM,gBAAgB;EACpC,iBAAiB,IAAO,CAAC,GAAG,EAAK,gBAAgB,GAAG,EAAE;EACtD,kBAAkB,GAAM,kBAAkB,KAAK,OAAW;GACxD,IAAI,EAAM;GACV,OAAO,EAAM;GACd,EAAE;EACH,eAAe,GAAM,iBAAiB,KAAA;EACtC,iBAAiB,EAAG;EACpB,MAAM,EAAG;EACV;EACD;AAyEF,SAAgB,EACd,GAC+B;AAC1B,OACL,QAAO,EAAc,MAAM,MAAa,EAAS,QAAQ,EAAI;;AAmB/D,SAAgB,EACd,GACe;CACf,IAAM,IAAQ,EAAe,EAAI;AACjC,QAAO,IAAQ,EAAM,eAAe;;AAYtC,SAAgB,EACd,GACiB;AACjB,QAAO,EAAe,EAAI,EAAE,QAAA;;AAa9B,SAAgB,EACd,GACA,GACe;AAIf,QAHK,IACY,EAAe,EAClB,EAAU,kBAAkB,MAAM,MAAM,EAAE,OAAO,EAAQ,EACzD,SAAS,IAHF"}

package/dist/contexts/active-backend-context.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../api/backend-registry/default-backend.cjs`),n=require(`../api/backend-registry/active-store.cjs`),r=require(`../api/backend-registry/health-store.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.default.createContext(null);function s(){return typeof crypto<`u`&&typeof crypto.randomUUID==`function`?crypto.randomUUID():`backend-${Date.now()}-${Math.random().toString(36).slice(2,10)}`}function c({children:e}){let t=i.default.useSyncExternalStore(n.subscribeActiveBackend,n.getSnapshot,n.getSnapshot),c=i.default.useCallback((e,t)=>{let r=n.getActiveSelection()?.backendId??null,i=n.getActiveSelection()?.orgId??null,a=t??null;e===r&&a===i||n.setActiveSelection({backendId:e,orgId:a})},[]),l=i.default.useCallback(e=>{let t={...e,id:s()};return n.setRegisteredBackends([...n.getRegisteredBackends(),t]),n.setActiveSelection({backendId:t.id}),t},[]),u=i.default.useCallback((e,t)=>{let i=n.getRegisteredBackends().find(t=>t.id===e);n.setRegisteredBackends(n.getRegisteredBackends().map(n=>n.id===e?{...n,...t}:n));let a=t.host!==void 0&&i!==void 0&&t.host!==i.host,o=t.apiKey!==void 0&&i!==void 0&&t.apiKey!==i.apiKey;(a||o)&&r.resetBackendHealth(e)},[]),d=i.default.useCallback(e=>{n.setRegisteredBackends(n.getRegisteredBackends().filter(t=>t.id!==e)),r.dropBackendHealth(e)},[]),f=i.default.useMemo(()=>({backends:t.backends,active:t.active,setActive:c,addBackend:l,updateBackend:u,removeBackend:d}),[t,c,l,u,d]);return(0,a.jsx)(o.Provider,{value:f,children:e})}function l(){let e=i.default.useContext(o);if(!e)throw Error(`useActiveBackendContext must be used inside <ActiveBackendProvider>`);return e}function u(){let e=i.default.useContext(o);return e?e.active:{backend:t.makeDefaultLocalBackend(),orgId:null}}exports.ActiveBackendProvider=c,exports.useActiveBackend=u,exports.useActiveBackendContext=l;
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../api/backend-registry/default-backend.cjs`),n=require(`../api/backend-registry/active-store.cjs`),r=require(`../api/backend-registry/health-store.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.default.createContext(null);function s(){return typeof crypto<`u`&&typeof crypto.randomUUID==`function`?crypto.randomUUID():`backend-${Date.now()}-${Math.random().toString(36).slice(2,10)}`}function c({children:e}){let t=i.default.useSyncExternalStore(n.subscribeActiveBackend,n.getSnapshot,n.getSnapshot),c=i.default.useCallback((e,t)=>{let r=n.getActiveSelection()?.backendId??null,i=n.getActiveSelection()?.orgId??null,a=t??null;e===r&&a===i||n.setActiveSelection({backendId:e,orgId:a})},[]),l=i.default.useCallback(e=>{let t={...e,id:s()};return n.setRegisteredBackends([...n.getRegisteredBackends(),t]),n.setActiveSelection({backendId:t.id}),t},[]),u=i.default.useCallback((e,t)=>{let i=n.getRegisteredBackends().find(t=>t.id===e);n.setRegisteredBackends(n.getRegisteredBackends().map(n=>n.id===e?{...n,...t}:n));let a=t.host!==void 0&&i!==void 0&&t.host!==i.host,o=t.apiKey!==void 0&&i!==void 0&&t.apiKey!==i.apiKey;(a||o)&&r.resetBackendHealth(e)},[]),d=i.default.useCallback(e=>{n.setRegisteredBackends(n.getRegisteredBackends().filter(t=>t.id!==e)),r.dropBackendHealth(e)},[]),f=i.default.useMemo(()=>({backends:t.backends,active:t.active,setActive:c,addBackend:l,updateBackend:u,removeBackend:d}),[t,c,l,u,d]);return(0,a.jsx)(o.Provider,{value:f,children:e})}function l(){let e=i.default.useContext(o);if(!e)throw Error(`useActiveBackendContext must be used inside <ActiveBackendProvider>`);return e}function u(){let e=i.default.useContext(o);return e?e.active:{backend:t.makeDefaultLocalBackend()??n.NO_BACKEND,orgId:null}}exports.ActiveBackendProvider=c,exports.useActiveBackend=u,exports.useActiveBackendContext=l;
 //# sourceMappingURL=active-backend-context.cjs.map

package/dist/contexts/active-backend-context.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"active-backend-context.cjs","names":[],"sources":["../../src/contexts/active-backend-context.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n getActiveSelection,\n getRegisteredBackends,\n getSnapshot,\n setActiveSelection,\n setRegisteredBackends,\n subscribeActiveBackend,\n} from \"#/api/backend-registry/active-store\";\nimport { makeDefaultLocalBackend } from \"#/api/backend-registry/default-backend\";\nimport {\n dropBackendHealth,\n resetBackendHealth,\n} from \"#/api/backend-registry/health-store\";\nimport {\n type Backend,\n type BackendSelection,\n type ResolvedActiveBackend,\n} from \"#/api/backend-registry/types\";\n\ninterface ActiveBackendContextValue {\n backends: Backend[];\n active: ResolvedActiveBackend;\n setActive: (backendId: string, orgId?: string \| null) => void;\n addBackend: (backend: Omit<Backend, \"id\">) => Backend;\n updateBackend: (id: string, patch: Partial<Omit<Backend, \"id\">>) => void;\n removeBackend: (id: string) => void;\n}\n\nconst ActiveBackendContext =\n React.createContext<ActiveBackendContextValue \| null>(null);\n\nfunction generateId(): string {\n if (\n typeof crypto !== \"undefined\" &&\n typeof crypto.randomUUID === \"function\"\n ) {\n return crypto.randomUUID();\n }\n return `backend-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;\n}\n\nexport function ActiveBackendProvider({\n children,\n}: {\n children: React.ReactNode;\n}) {\n const snapshot = React.useSyncExternalStore(\n subscribeActiveBackend,\n getSnapshot,\n getSnapshot,\n );\n\n const setActive = React.useCallback(\n (backendId: string, orgId?: string \| null) => {\n const prevBackendId = getActiveSelection()?.backendId ?? null;\n const prevOrgId = getActiveSelection()?.orgId ?? null;\n const nextOrgId = orgId ?? null;\n\n if (backendId === prevBackendId && nextOrgId === prevOrgId) return;\n\n const next: BackendSelection = { backendId, orgId: nextOrgId };\n setActiveSelection(next);\n\n // No blanket `invalidateQueries()` here. Long-lived queries\n // (`useSettings`, `usePaginatedConversations`,\n // `useGitRepositories`, `useAppInstallations`,\n // `useCloudCurrentUserId`, `useGitUser`, …) include the active\n // backend's `id` and `orgId` in their query keys, so React Query\n // treats a backend/org switch as a brand-new query and fetches\n // automatically — once, with no duplicate waves.\n },\n [],\n );\n\n // @spec BM-001 — Auto-switch to newly connected backend\n const addBackend = React.useCallback(\n (backend: Omit<Backend, \"id\">): Backend => {\n const next: Backend = { ...backend, id: generateId() };\n const list = [...getRegisteredBackends(), next];\n setRegisteredBackends(list);\n setActiveSelection({ backendId: next.id });\n return next;\n },\n [],\n );\n\n const updateBackend = React.useCallback(\n (id: string, patch: Partial<Omit<Backend, \"id\">>) => {\n const prev = getRegisteredBackends().find((b) => b.id === id);\n const list = getRegisteredBackends().map((b) =>\n b.id === id ? { ...b, ...patch } : b,\n );\n setRegisteredBackends(list);\n\n // Re-arm health polling when the user edits the fields that\n // actually drive the probe. Cosmetic edits (name) shouldn't\n // re-enable a backend that was disabled for being unreachable.\n const hostChanged =\n patch.host !== undefined &&\n prev !== undefined &&\n patch.host !== prev.host;\n const apiKeyChanged =\n patch.apiKey !== undefined &&\n prev !== undefined &&\n patch.apiKey !== prev.apiKey;\n if (hostChanged \|\| apiKeyChanged) {\n resetBackendHealth(id);\n }\n },\n [],\n );\n\n const removeBackend = React.useCallback((id: string) => {\n const list = getRegisteredBackends().filter((b) => b.id !== id);\n setRegisteredBackends(list);\n dropBackendHealth(id);\n // If the active selection pointed at this backend, the active\n // store falls back to the first remaining local backend (or the\n // env-derived default if no locals exist); consumer hooks re-key\n // by the new active backend identity and refetch automatically.\n }, []);\n\n const value = React.useMemo<ActiveBackendContextValue>(\n () => ({\n backends: snapshot.backends,\n active: snapshot.active,\n setActive,\n addBackend,\n updateBackend,\n removeBackend,\n }),\n [snapshot, setActive, addBackend, updateBackend, removeBackend],\n );\n\n return (\n <ActiveBackendContext.Provider value={value}>\n {children}\n </ActiveBackendContext.Provider>\n );\n}\n\nexport function useActiveBackendContext(): ActiveBackendContextValue {\n const ctx = React.useContext(ActiveBackendContext);\n if (!ctx) {\n throw new Error(\n \"useActiveBackendContext must be used inside <ActiveBackendProvider>\",\n );\n }\n return ctx;\n}\n\n/*\n Read the resolved active backend.\n \n Falls back to a synthesized env-derived local backend when called\n * outside an `<ActiveBackendProvider>` (e.g. from a unit test that\n * mounts a narrow component without the full provider stack). That\n * synthesized backend is identical to the seed used on first install.\n \n Components that need to mutate state (`setActive`, `addBackend`,\n * etc.) must use `useActiveBackendContext()` directly — that throws if\n * the provider is missing, since mutation requires the live store.\n */\nexport function useActiveBackend(): ResolvedActiveBackend {\n const ctx = React.useContext(ActiveBackendContext);\n if (ctx) return ctx.active;\n return { backend: makeDefaultLocalBackend(), orgId: null };\n}\n"],"mappings":"~~qSA6BA~~,IAAM,EACJ,EAAA,QAAM,cAAgD,KAAK,CAE7D,SAAS,GAAqB,CAO5B,OALE,OAAO,OAAW,KAClB,OAAO,OAAO,YAAe,WAEtB,OAAO,YAAY,CAErB,WAAW,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAG,GAAG,GAGzE,SAAgB,EAAsB,CACpC,YAGC,CACD,IAAM,EAAW,EAAA,QAAM,qBACrB,EAAA,uBACA,EAAA,YACA,EAAA,YACD,CAEK,EAAY,EAAA,QAAM,aACrB,EAAmB,IAA0B,CAC5C,IAAM,EAAgB,EAAA,oBAAoB,EAAE,WAAa,KACnD,EAAY,EAAA,oBAAoB,EAAE,OAAS,KAC3C,EAAY,GAAS,KAEvB,IAAc,GAAiB,IAAc,GAGjD,EAAA,mBAAmB,CADc,YAAW,MAAO,EAChC,CAAK,EAU1B,EAAE,CACH,CAGK,EAAa,EAAA,QAAM,YACtB,GAA0C,CACzC,IAAM,EAAgB,CAAE,GAAG,EAAS,GAAI,GAAY,CAAE,CAItD,OAFA,EAAA,sBAAsB,CADR,GAAG,EAAA,uBAAuB,CAAE,EACpB,CAAK,CAC3B,EAAA,mBAAmB,CAAE,UAAW,EAAK,GAAI,CAAC,CACnC,GAET,EAAE,CACH,CAEK,EAAgB,EAAA,QAAM,aACzB,EAAY,IAAwC,CACnD,IAAM,EAAO,EAAA,uBAAuB,CAAC,KAAM,GAAM,EAAE,KAAO,EAAG,CAI7D,EAAA,sBAHa,EAAA,uBAAuB,CAAC,IAAK,GACxC,EAAE,KAAO,EAAK,CAAE,GAAG,EAAG,GAAG,EAAO,CAAG,EAEf,CAAK,CAK3B,IAAM,EACJ,EAAM,OAAS,IAAA,IACf,IAAS,IAAA,IACT,EAAM,OAAS,EAAK,KAChB,EACJ,EAAM,SAAW,IAAA,IACjB,IAAS,IAAA,IACT,EAAM,SAAW,EAAK,QACpB,GAAe,IACjB,EAAA,mBAAmB,EAAG,EAG1B,EAAE,CACH,CAEK,EAAgB,EAAA,QAAM,YAAa,GAAe,CAEtD,EAAA,sBADa,EAAA,uBAAuB,CAAC,OAAQ,GAAM,EAAE,KAAO,EACtC,CAAK,CAC3B,EAAA,kBAAkB,EAAG,EAKpB,EAAE,CAAC,CAEA,EAAQ,EAAA,QAAM,aACX,CACL,SAAU,EAAS,SACnB,OAAQ,EAAS,OACjB,YACA,aACA,gBACA,gBACD,EACD,CAAC,EAAU,EAAW,EAAY,EAAe,EAAc,CAChE,CAED,OACE,EAAA,EAAA,KAAC,EAAqB,SAAtB,CAAsC,QACnC,WAC6B,CAAA,CAIpC,SAAgB,GAAqD,CACnE,IAAM,EAAM,EAAA,QAAM,WAAW,EAAqB,CAClD,GAAI,CAAC,EACH,MAAU,MACR,sEACD,CAEH,OAAO,EAeT,SAAgB,GAA0C,CACxD,IAAM,EAAM,EAAA,QAAM,WAAW,EAAqB,CAElD,OADI,EAAY,EAAI,OACb,CAAE,QAAS,EAAA,yBAAyB,~~CAAE~~,MAAO,KAAM"}
1	+ {"version":3,"file":"active-backend-context.cjs","names":[],"sources":["../../src/contexts/active-backend-context.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n getActiveSelection,\n getRegisteredBackends,\n getSnapshot,\n NO_BACKEND,\n setActiveSelection,\n setRegisteredBackends,\n subscribeActiveBackend,\n} from \"#/api/backend-registry/active-store\";\nimport { makeDefaultLocalBackend } from \"#/api/backend-registry/default-backend\";\nimport {\n dropBackendHealth,\n resetBackendHealth,\n} from \"#/api/backend-registry/health-store\";\nimport {\n type Backend,\n type BackendSelection,\n type ResolvedActiveBackend,\n} from \"#/api/backend-registry/types\";\n\ninterface ActiveBackendContextValue {\n backends: Backend[];\n active: ResolvedActiveBackend;\n setActive: (backendId: string, orgId?: string \| null) => void;\n addBackend: (backend: Omit<Backend, \"id\">) => Backend;\n updateBackend: (id: string, patch: Partial<Omit<Backend, \"id\">>) => void;\n removeBackend: (id: string) => void;\n}\n\nconst ActiveBackendContext =\n React.createContext<ActiveBackendContextValue \| null>(null);\n\nfunction generateId(): string {\n if (\n typeof crypto !== \"undefined\" &&\n typeof crypto.randomUUID === \"function\"\n ) {\n return crypto.randomUUID();\n }\n return `backend-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;\n}\n\nexport function ActiveBackendProvider({\n children,\n}: {\n children: React.ReactNode;\n}) {\n const snapshot = React.useSyncExternalStore(\n subscribeActiveBackend,\n getSnapshot,\n getSnapshot,\n );\n\n const setActive = React.useCallback(\n (backendId: string, orgId?: string \| null) => {\n const prevBackendId = getActiveSelection()?.backendId ?? null;\n const prevOrgId = getActiveSelection()?.orgId ?? null;\n const nextOrgId = orgId ?? null;\n\n if (backendId === prevBackendId && nextOrgId === prevOrgId) return;\n\n const next: BackendSelection = { backendId, orgId: nextOrgId };\n setActiveSelection(next);\n\n // No blanket `invalidateQueries()` here. Long-lived queries\n // (`useSettings`, `usePaginatedConversations`,\n // `useGitRepositories`, `useAppInstallations`,\n // `useCloudCurrentUserId`, `useGitUser`, …) include the active\n // backend's `id` and `orgId` in their query keys, so React Query\n // treats a backend/org switch as a brand-new query and fetches\n // automatically — once, with no duplicate waves.\n },\n [],\n );\n\n // @spec BM-001 — Auto-switch to newly connected backend\n const addBackend = React.useCallback(\n (backend: Omit<Backend, \"id\">): Backend => {\n const next: Backend = { ...backend, id: generateId() };\n const list = [...getRegisteredBackends(), next];\n setRegisteredBackends(list);\n setActiveSelection({ backendId: next.id });\n return next;\n },\n [],\n );\n\n const updateBackend = React.useCallback(\n (id: string, patch: Partial<Omit<Backend, \"id\">>) => {\n const prev = getRegisteredBackends().find((b) => b.id === id);\n const list = getRegisteredBackends().map((b) =>\n b.id === id ? { ...b, ...patch } : b,\n );\n setRegisteredBackends(list);\n\n // Re-arm health polling when the user edits the fields that\n // actually drive the probe. Cosmetic edits (name) shouldn't\n // re-enable a backend that was disabled for being unreachable.\n const hostChanged =\n patch.host !== undefined &&\n prev !== undefined &&\n patch.host !== prev.host;\n const apiKeyChanged =\n patch.apiKey !== undefined &&\n prev !== undefined &&\n patch.apiKey !== prev.apiKey;\n if (hostChanged \|\| apiKeyChanged) {\n resetBackendHealth(id);\n }\n },\n [],\n );\n\n const removeBackend = React.useCallback((id: string) => {\n const list = getRegisteredBackends().filter((b) => b.id !== id);\n setRegisteredBackends(list);\n dropBackendHealth(id);\n // If the active selection pointed at this backend, the active\n // store falls back to the first remaining local backend (or the\n // env-derived default if no locals exist); consumer hooks re-key\n // by the new active backend identity and refetch automatically.\n }, []);\n\n const value = React.useMemo<ActiveBackendContextValue>(\n () => ({\n backends: snapshot.backends,\n active: snapshot.active,\n setActive,\n addBackend,\n updateBackend,\n removeBackend,\n }),\n [snapshot, setActive, addBackend, updateBackend, removeBackend],\n );\n\n return (\n <ActiveBackendContext.Provider value={value}>\n {children}\n </ActiveBackendContext.Provider>\n );\n}\n\nexport function useActiveBackendContext(): ActiveBackendContextValue {\n const ctx = React.useContext(ActiveBackendContext);\n if (!ctx) {\n throw new Error(\n \"useActiveBackendContext must be used inside <ActiveBackendProvider>\",\n );\n }\n return ctx;\n}\n\n/*\n Read the resolved active backend.\n \n Falls back to a synthesized env-derived local backend when called\n * outside an `<ActiveBackendProvider>` (e.g. from a unit test that\n * mounts a narrow component without the full provider stack). That\n * synthesized backend is identical to the seed used on first install.\n \n Components that need to mutate state (`setActive`, `addBackend`,\n * etc.) must use `useActiveBackendContext()` directly — that throws if\n * the provider is missing, since mutation requires the live store.\n */\nexport function useActiveBackend(): ResolvedActiveBackend {\n const ctx = React.useContext(ActiveBackendContext);\n if (ctx) return ctx.active;\n return { backend: makeDefaultLocalBackend() ?? NO_BACKEND, orgId: null };\n}\n"],"mappings":"qSA8BA,IAAM,EACJ,EAAA,QAAM,cAAgD,KAAK,CAE7D,SAAS,GAAqB,CAO5B,OALE,OAAO,OAAW,KAClB,OAAO,OAAO,YAAe,WAEtB,OAAO,YAAY,CAErB,WAAW,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAG,GAAG,GAGzE,SAAgB,EAAsB,CACpC,YAGC,CACD,IAAM,EAAW,EAAA,QAAM,qBACrB,EAAA,uBACA,EAAA,YACA,EAAA,YACD,CAEK,EAAY,EAAA,QAAM,aACrB,EAAmB,IAA0B,CAC5C,IAAM,EAAgB,EAAA,oBAAoB,EAAE,WAAa,KACnD,EAAY,EAAA,oBAAoB,EAAE,OAAS,KAC3C,EAAY,GAAS,KAEvB,IAAc,GAAiB,IAAc,GAGjD,EAAA,mBAAmB,CADc,YAAW,MAAO,EAChC,CAAK,EAU1B,EAAE,CACH,CAGK,EAAa,EAAA,QAAM,YACtB,GAA0C,CACzC,IAAM,EAAgB,CAAE,GAAG,EAAS,GAAI,GAAY,CAAE,CAItD,OAFA,EAAA,sBAAsB,CADR,GAAG,EAAA,uBAAuB,CAAE,EACpB,CAAK,CAC3B,EAAA,mBAAmB,CAAE,UAAW,EAAK,GAAI,CAAC,CACnC,GAET,EAAE,CACH,CAEK,EAAgB,EAAA,QAAM,aACzB,EAAY,IAAwC,CACnD,IAAM,EAAO,EAAA,uBAAuB,CAAC,KAAM,GAAM,EAAE,KAAO,EAAG,CAI7D,EAAA,sBAHa,EAAA,uBAAuB,CAAC,IAAK,GACxC,EAAE,KAAO,EAAK,CAAE,GAAG,EAAG,GAAG,EAAO,CAAG,EAEf,CAAK,CAK3B,IAAM,EACJ,EAAM,OAAS,IAAA,IACf,IAAS,IAAA,IACT,EAAM,OAAS,EAAK,KAChB,EACJ,EAAM,SAAW,IAAA,IACjB,IAAS,IAAA,IACT,EAAM,SAAW,EAAK,QACpB,GAAe,IACjB,EAAA,mBAAmB,EAAG,EAG1B,EAAE,CACH,CAEK,EAAgB,EAAA,QAAM,YAAa,GAAe,CAEtD,EAAA,sBADa,EAAA,uBAAuB,CAAC,OAAQ,GAAM,EAAE,KAAO,EACtC,CAAK,CAC3B,EAAA,kBAAkB,EAAG,EAKpB,EAAE,CAAC,CAEA,EAAQ,EAAA,QAAM,aACX,CACL,SAAU,EAAS,SACnB,OAAQ,EAAS,OACjB,YACA,aACA,gBACA,gBACD,EACD,CAAC,EAAU,EAAW,EAAY,EAAe,EAAc,CAChE,CAED,OACE,EAAA,EAAA,KAAC,EAAqB,SAAtB,CAAsC,QACnC,WAC6B,CAAA,CAIpC,SAAgB,GAAqD,CACnE,IAAM,EAAM,EAAA,QAAM,WAAW,EAAqB,CAClD,GAAI,CAAC,EACH,MAAU,MACR,sEACD,CAEH,OAAO,EAeT,SAAgB,GAA0C,CACxD,IAAM,EAAM,EAAA,QAAM,WAAW,EAAqB,CAElD,OADI,EAAY,EAAI,OACb,CAAE,QAAS,EAAA,yBAAyB,EAAI,EAAA,WAAY,MAAO,KAAM"}