npm - @openhands/agent-canvas - Versions diffs - 1.16.0 → 1.18.0 - Mend

@openhands/agent-canvas 1.16.0 → 1.18.0

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 (1093) hide show

package/dist/components/features/settings/secrets-settings/secret-form.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),a=require("../../../../utils/form-control-classes.cjs"),o=require("../brand-button.cjs"),s=require("../../../../hooks/mutation/use-create-secret.cjs"),c=require("../optional-tag.cjs"),l=require("../settings-input.cjs"),u=require("../../../../hooks/query/use-get-secrets.cjs"),d=require("../../../../hooks/mutation/use-update-secret.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("react/jsx-runtime");function m({mode:e,selectedSecret:m,onCancel:h}){let g=i.useQueryClient(),{t:_}=t.useTranslation(`openhands`),{data:v}=u.useSearchSecrets(),{mutate:y}=s.useCreateSecret(),{mutate:b}=d.useUpdateSecret(),[x,S]=f.default.useState(null),C=e===`edit`&&m&&v?.find(e=>e.name===m)?.description?.trim()||``,w=()=>{g.invalidateQueries({queryKey:[`secrets-search`]}),g.invalidateQueries({queryKey:[`secrets`]})},T=(e,t,n)=>{y({name:e,value:t,description:n},{onSettled:h,onSuccess:w})},E=(e,t,n,r)=>{b({secretToEdit:e,name:t,description:n,value:r},{onSettled:h,onSuccess:w})};return(0,p.jsxs)(`form`,{"data-testid":e===`add`?`add-secret-form`:`edit-secret-form`,onSubmit:t=>{t.preventDefault();let r=new FormData(t.currentTarget),i=r.get(`secret-name`)?.toString(),a=r.get(`secret-value`)?.toString().trim(),o=r.get(`secret-description`)?.toString();if(i){if(S(null),v?.some(e=>e.name===i&&e.name!==m)){S(_(n.I18nKey.SECRETS$SECRET_ALREADY_EXISTS));return}if(e===`add`){if(!a){S(_(n.I18nKey.SECRETS$SECRET_VALUE_REQUIRED));return}T(i,a,o||void 0)}else e===`edit`&&m&&E(m,i,o||void 0,a||void 0)}},className:`flex flex-col items-start gap-6`,children:[(0,p.jsx)(l.SettingsInput,{testId:`name-input`,name:`secret-name`,type:`text`,label:_(n.I18nKey.SETTINGS$NAME),className:`w-full min-w-0`,required:!0,defaultValue:e===`edit`&&m?m:``,placeholder:_(n.I18nKey.SECRETS$API_KEY_EXAMPLE),pattern:`^[a-zA-Z][a-zA-Z0-9_]{0,63}$`,title:_(n.I18nKey.SETTINGS$SECRET_NAME_PATTERN_TITLE)}),x&&(0,p.jsx)(`p`,{className:`text-red-500 text-sm`,children:x}),(0,p.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full min-w-0`,children:[(0,p.jsx)(`span`,{className:`text-sm`,children:_(e===`add`?n.I18nKey.FORM$VALUE:n.I18nKey.SECRETS$SECRET_VALUE_LEAVE_BLANK)}),(0,p.jsx)(`textarea`,{"data-testid":`value-input`,name:`secret-value`,required:e===`add`,className:r.cn(`resize-none`,a.formControlMultilineFieldClassName,`placeholder:italic`,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)] disabled:cursor-not-allowed`),rows:8})]}),(0,p.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full min-w-0`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`span`,{className:`text-sm`,children:_(n.I18nKey.FORM$DESCRIPTION)}),(0,p.jsx)(c.OptionalTag,{})]}),(0,p.jsx)(`input`,{"data-testid":`description-input`,name:`secret-description`,defaultValue:C,className:r.cn(a.formControlSettingsFieldClassName,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]`)})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,p.jsx)(o.BrandButton,{testId:`cancel-button`,type:`button`,variant:`secondary`,onClick:h,children:_(n.I18nKey.BUTTON$CANCEL)}),(0,p.jsxs)(o.BrandButton,{testId:`submit-button`,type:`submit`,variant:`primary`,children:[e===`add`&&_(n.I18nKey.SECRETS$ADD_SECRET),e===`edit`&&_(n.I18nKey.SECRETS$EDIT_SECRET)]})]})]})}exports.SecretForm=m;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),a=require("../../../../utils/form-control-classes.cjs"),o=require("../brand-button.cjs"),s=require("../../../../hooks/mutation/use-create-secret.cjs"),c=require("../optional-tag.cjs"),l=require("../settings-input.cjs"),u=require("../../../../hooks/query/use-get-secrets.cjs"),d=require("../../../../hooks/mutation/use-update-secret.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("react/jsx-runtime");function m({mode:e,selectedSecret:m,onCancel:h}){let g=i.useQueryClient(),{t:_}=t.useTranslation(`openhands`),{data:v}=u.useSearchSecrets(),{mutate:y}=s.useCreateSecret(),{mutate:b}=d.useUpdateSecret(),[x,S]=f.default.useState(null),[C,w]=f.default.useState(e===`edit`&&m?m:``),[T,E]=f.default.useState(``),[D,O]=f.default.useState(``),k=e===`edit`&&m&&v?.find(e=>e.name===m)?.description?.trim()||``,A=e===`edit`&&m?m:``;f.default.useEffect(()=>{w(e===`edit`&&m?m:``),E(``),O(k),S(null)},[e,m,k]);let j=()=>{g.invalidateQueries({queryKey:[`secrets-search`]}),g.invalidateQueries({queryKey:[`secrets`]})},M=(e,t,n)=>{y({name:e,value:t,description:n},{onSettled:h,onSuccess:j})},N=(e,t,n,r)=>{b({secretToEdit:e,name:t,description:n,value:r},{onSettled:h,onSuccess:j})},P=t=>{t.preventDefault();let r=C.trim(),i=T.trim(),a=D||void 0;if(r){if(S(null),v?.some(e=>e.name===r&&e.name!==m)){S(_(n.I18nKey.SECRETS$SECRET_ALREADY_EXISTS));return}if(e===`add`){if(!i){S(_(n.I18nKey.SECRETS$SECRET_VALUE_REQUIRED));return}M(r,i,a)}else e===`edit`&&m&&N(m,r,a,i||void 0)}},F=e===`add`?`add-secret-form`:`edit-secret-form`,I=e===`edit`&&(C.trim()!==A.trim()||D!==k||T.trim()!==``),L=e===`add`?!C.trim()||!T.trim():e===`edit`?!I:!1;return(0,p.jsxs)(`form`,{"data-testid":F,onSubmit:P,className:`flex flex-col items-start gap-6`,children:[(0,p.jsx)(l.SettingsInput,{testId:`name-input`,name:`secret-name`,type:`text`,label:_(n.I18nKey.SETTINGS$NAME),className:`w-full min-w-0`,required:!0,value:C,onChange:w,placeholder:_(n.I18nKey.SECRETS$API_KEY_EXAMPLE),pattern:`^[a-zA-Z][a-zA-Z0-9_]{0,63}$`,title:_(n.I18nKey.SETTINGS$SECRET_NAME_PATTERN_TITLE)}),x&&(0,p.jsx)(`p`,{className:`text-red-500 text-sm`,children:x}),(0,p.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full min-w-0`,children:[(0,p.jsx)(`span`,{className:`text-sm`,children:_(e===`add`?n.I18nKey.FORM$VALUE:n.I18nKey.SECRETS$SECRET_VALUE_LEAVE_BLANK)}),(0,p.jsx)(`textarea`,{"data-testid":`value-input`,name:`secret-value`,required:e===`add`,value:T,onChange:e=>E(e.currentTarget.value),className:r.cn(`resize-none`,a.formControlMultilineFieldClassName,`placeholder:italic`,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)] disabled:cursor-not-allowed`),rows:8})]}),(0,p.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full min-w-0`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`span`,{className:`text-sm`,children:_(n.I18nKey.FORM$DESCRIPTION)}),(0,p.jsx)(c.OptionalTag,{})]}),(0,p.jsx)(`input`,{"data-testid":`description-input`,name:`secret-description`,value:D,onChange:e=>O(e.currentTarget.value),className:r.cn(a.formControlSettingsFieldClassName,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]`)})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,p.jsx)(o.BrandButton,{testId:`cancel-button`,type:`button`,variant:`secondary`,onClick:h,children:_(n.I18nKey.BUTTON$CANCEL)}),(0,p.jsxs)(o.BrandButton,{testId:`submit-button`,type:`submit`,variant:`primary`,isDisabled:L,children:[e===`add`&&_(n.I18nKey.SECRETS$ADD_SECRET),e===`edit`&&_(n.I18nKey.SECRETS$EDIT_SECRET)]})]})]})}exports.SecretForm=m;
 //# sourceMappingURL=secret-form.cjs.map

package/dist/components/features/settings/secrets-settings/secret-form.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"secret-form.cjs","names":[],"sources":["../../../../../src/components/features/settings/secrets-settings/secret-form.tsx"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useCreateSecret } from \"#/hooks/mutation/use-create-secret\";\nimport { useUpdateSecret } from \"#/hooks/mutation/use-update-secret\";\nimport { SettingsInput } from \"../settings-input\";\nimport { cn } from \"#/utils/utils\";\nimport {\n formControlMultilineFieldClassName,\n formControlSettingsFieldClassName,\n} from \"#/utils/form-control-classes\";\nimport { BrandButton } from \"../brand-button\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { OptionalTag } from \"../optional-tag\";\n\ninterface SecretFormProps {\n mode: \"add\" \| \"edit\";\n selectedSecret: string \| null;\n onCancel: () => void;\n}\n\nexport function SecretForm({\n mode,\n selectedSecret,\n onCancel,\n}: SecretFormProps) {\n const queryClient = useQueryClient();\n const { t } = useTranslation(\"openhands\");\n\n const { data: secrets } = useSearchSecrets();\n const { mutate: createSecret } = useCreateSecret();\n const { mutate: updateSecret } = useUpdateSecret();\n\n const [error, setError] = React.useState<string \| null>(null);\n\n const secretDescription =\n (mode === \"edit\" &&\n selectedSecret &&\n secrets\n ?.find((secret) => secret.name === selectedSecret)\n ?.description?.trim()) \|\|\n \"\";\n\n const invalidateSecrets = () => {\n queryClient.invalidateQueries({\n queryKey: [\"secrets-search\"],\n });\n queryClient.invalidateQueries({\n queryKey: [\"secrets\"],\n });\n };\n\n const handleCreateSecret = (\n name: string,\n value: string,\n description?: string,\n ) => {\n createSecret(\n { name, value, description },\n {\n onSettled: onCancel,\n onSuccess: invalidateSecrets,\n },\n );\n };\n\n const handleEditSecret = (\n secretToEdit: string,\n name: string,\n description?: string,\n value?: string,\n ) => {\n updateSecret(\n { secretToEdit, name, description, value },\n {\n onSettled: onCancel,\n onSuccess: invalidateSecrets,\n },\n );\n };\n\n const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n\n const formData = new FormData(event.currentTarget);\n const name = formData.get(\"secret-name\")?.toString();\n const value = formData.get(\"secret-value\")?.toString().trim();\n const description = formData.get(\"secret-description\")?.toString();\n\n if (name) {\n setError(null);\n\n const isNameAlreadyUsed = secrets?.some(\n (secret) => secret.name === name && secret.name !== selectedSecret,\n );\n if (isNameAlreadyUsed) {\n setError(t(I18nKey.SECRETS$SECRET_ALREADY_EXISTS));\n return;\n }\n\n if (mode === \"add\") {\n if (!value) {\n setError(t(I18nKey.SECRETS$SECRET_VALUE_REQUIRED));\n return;\n }\n\n handleCreateSecret(name, value, description \|\| undefined);\n } else if (mode === \"edit\" && selectedSecret) {\n handleEditSecret(\n selectedSecret,\n name,\n description \|\| undefined,\n value \|\| undefined,\n );\n }\n }\n };\n\n const formTestId = mode === \"add\" ? \"add-secret-form\" : \"edit-secret-form\";\n\n return (\n <form\n data-testid={formTestId}\n onSubmit={handleSubmit}\n className=\"flex flex-col items-start gap-6\"\n >\n <SettingsInput\n testId=\"name-input\"\n name=\"secret-name\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$NAME)}\n className=\"w-full min-w-0\"\n required\n defaultValue={mode === \"edit\" && selectedSecret ? selectedSecret : \"\"}\n placeholder={t(I18nKey.SECRETS$API_KEY_EXAMPLE)}\n pattern=\"^[a-zA-Z][a-zA-Z0-9_]{0,63}$\"\n title={t(I18nKey.SETTINGS$SECRET_NAME_PATTERN_TITLE)}\n />\n {error && <p className=\"text-red-500 text-sm\">{error}</p>}\n\n <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n <span className=\"text-sm\">\n {mode === \"add\"\n ? t(I18nKey.FORM$VALUE)\n : t(I18nKey.SECRETS$SECRET_VALUE_LEAVE_BLANK)}\n </span>\n <textarea\n data-testid=\"value-input\"\n name=\"secret-value\"\n required={mode === \"add\"}\n className={cn(\n \"resize-none\",\n formControlMultilineFieldClassName,\n \"placeholder:italic\",\n \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)] disabled:cursor-not-allowed\",\n )}\n rows={8}\n />\n </label>\n\n <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n <div className=\"flex items-center gap-2\">\n <span className=\"text-sm\">{t(I18nKey.FORM$DESCRIPTION)}</span>\n <OptionalTag />\n </div>\n <input\n data-testid=\"description-input\"\n name=\"secret-description\"\n defaultValue={secretDescription}\n className={cn(\n formControlSettingsFieldClassName,\n \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n )}\n />\n </label>\n\n <div className=\"flex items-center gap-4\">\n <BrandButton\n testId=\"cancel-button\"\n type=\"button\"\n variant=\"secondary\"\n onClick={onCancel}\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n <BrandButton testId=\"submit-button\" type=\"submit\" variant=\"primary\">\n {mode === \"add\" && t(I18nKey.SECRETS$ADD_SECRET)}\n {mode === \"edit\" && t(I18nKey.SECRETS$EDIT_SECRET)}\n </BrandButton>\n </div>\n </form>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"secret-form.cjs","names":[],"sources":["../../../../../src/components/features/settings/secrets-settings/secret-form.tsx"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useCreateSecret } from \"#/hooks/mutation/use-create-secret\";\nimport { useUpdateSecret } from \"#/hooks/mutation/use-update-secret\";\nimport { SettingsInput } from \"../settings-input\";\nimport { cn } from \"#/utils/utils\";\nimport {\n formControlMultilineFieldClassName,\n formControlSettingsFieldClassName,\n} from \"#/utils/form-control-classes\";\nimport { BrandButton } from \"../brand-button\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { OptionalTag } from \"../optional-tag\";\n\ninterface SecretFormProps {\n mode: \"add\" \| \"edit\";\n selectedSecret: string \| null;\n onCancel: () => void;\n}\n\nexport function SecretForm({\n mode,\n selectedSecret,\n onCancel,\n}: SecretFormProps) {\n const queryClient = useQueryClient();\n const { t } = useTranslation(\"openhands\");\n\n const { data: secrets } = useSearchSecrets();\n const { mutate: createSecret } = useCreateSecret();\n const { mutate: updateSecret } = useUpdateSecret();\n\n const [error, setError] = React.useState<string \| null>(null);\n const [name, setName] = React.useState(\n mode === \"edit\" && selectedSecret ? selectedSecret : \"\",\n );\n const [value, setValue] = React.useState(\"\");\n const [description, setDescription] = React.useState(\"\");\n\n const secretDescription =\n (mode === \"edit\" &&\n selectedSecret &&\n secrets\n ?.find((secret) => secret.name === selectedSecret)\n ?.description?.trim()) \|\|\n \"\";\n const initialName = mode === \"edit\" && selectedSecret ? selectedSecret : \"\";\n\n React.useEffect(() => {\n setName(mode === \"edit\" && selectedSecret ? selectedSecret : \"\");\n setValue(\"\");\n setDescription(secretDescription);\n setError(null);\n }, [mode, selectedSecret, secretDescription]);\n\n const invalidateSecrets = () => {\n queryClient.invalidateQueries({\n queryKey: [\"secrets-search\"],\n });\n queryClient.invalidateQueries({\n queryKey: [\"secrets\"],\n });\n };\n\n const handleCreateSecret = (\n name: string,\n value: string,\n description?: string,\n ) => {\n createSecret(\n { name, value, description },\n {\n onSettled: onCancel,\n onSuccess: invalidateSecrets,\n },\n );\n };\n\n const handleEditSecret = (\n secretToEdit: string,\n name: string,\n description?: string,\n value?: string,\n ) => {\n updateSecret(\n { secretToEdit, name, description, value },\n {\n onSettled: onCancel,\n onSuccess: invalidateSecrets,\n },\n );\n };\n\n const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n\n const trimmedName = name.trim();\n const trimmedValue = value.trim();\n const normalizedDescription = description \|\| undefined;\n\n if (trimmedName) {\n setError(null);\n\n const isNameAlreadyUsed = secrets?.some(\n (secret) =>\n secret.name === trimmedName && secret.name !== selectedSecret,\n );\n if (isNameAlreadyUsed) {\n setError(t(I18nKey.SECRETS$SECRET_ALREADY_EXISTS));\n return;\n }\n\n if (mode === \"add\") {\n if (!trimmedValue) {\n setError(t(I18nKey.SECRETS$SECRET_VALUE_REQUIRED));\n return;\n }\n\n handleCreateSecret(trimmedName, trimmedValue, normalizedDescription);\n } else if (mode === \"edit\" && selectedSecret) {\n // Blank value means \"keep the existing secret\"; only send a value when\n // the user typed a replacement (#16134).\n handleEditSecret(\n selectedSecret,\n trimmedName,\n normalizedDescription,\n trimmedValue \|\| undefined,\n );\n }\n }\n };\n\n const formTestId = mode === \"add\" ? \"add-secret-form\" : \"edit-secret-form\";\n const isEditDirty =\n mode === \"edit\" &&\n (name.trim() !== initialName.trim() \|\|\n description !== secretDescription \|\|\n value.trim() !== \"\");\n const isSubmitDisabled =\n mode === \"add\"\n ? !name.trim() \|\| !value.trim()\n : mode === \"edit\"\n ? !isEditDirty\n : false;\n\n return (\n <form\n data-testid={formTestId}\n onSubmit={handleSubmit}\n className=\"flex flex-col items-start gap-6\"\n >\n <SettingsInput\n testId=\"name-input\"\n name=\"secret-name\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$NAME)}\n className=\"w-full min-w-0\"\n required\n value={name}\n onChange={setName}\n placeholder={t(I18nKey.SECRETS$API_KEY_EXAMPLE)}\n pattern=\"^[a-zA-Z][a-zA-Z0-9_]{0,63}$\"\n title={t(I18nKey.SETTINGS$SECRET_NAME_PATTERN_TITLE)}\n />\n {error && <p className=\"text-red-500 text-sm\">{error}</p>}\n\n <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n <span className=\"text-sm\">\n {mode === \"add\"\n ? t(I18nKey.FORM$VALUE)\n : t(I18nKey.SECRETS$SECRET_VALUE_LEAVE_BLANK)}\n </span>\n <textarea\n data-testid=\"value-input\"\n name=\"secret-value\"\n required={mode === \"add\"}\n value={value}\n onChange={(event) => setValue(event.currentTarget.value)}\n className={cn(\n \"resize-none\",\n formControlMultilineFieldClassName,\n \"placeholder:italic\",\n \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)] disabled:cursor-not-allowed\",\n )}\n rows={8}\n />\n </label>\n\n <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n <div className=\"flex items-center gap-2\">\n <span className=\"text-sm\">{t(I18nKey.FORM$DESCRIPTION)}</span>\n <OptionalTag />\n </div>\n <input\n data-testid=\"description-input\"\n name=\"secret-description\"\n value={description}\n onChange={(event) => setDescription(event.currentTarget.value)}\n className={cn(\n formControlSettingsFieldClassName,\n \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n )}\n />\n </label>\n\n <div className=\"flex items-center gap-4\">\n <BrandButton\n testId=\"cancel-button\"\n type=\"button\"\n variant=\"secondary\"\n onClick={onCancel}\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n <BrandButton\n testId=\"submit-button\"\n type=\"submit\"\n variant=\"primary\"\n isDisabled={isSubmitDisabled}\n >\n {mode === \"add\" && t(I18nKey.SECRETS$ADD_SECRET)}\n {mode === \"edit\" && t(I18nKey.SECRETS$EDIT_SECRET)}\n </BrandButton>\n </div>\n </form>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/settings/secrets-settings/secret-form.js CHANGED Viewed

@@ -13,18 +13,26 @@ import f from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/features/settings/secrets-settings/secret-form.tsx
 function h({ mode: h, selectedSecret: g, onCancel: _ }) {
-	let v = r(), { t: y } = e("openhands"), { data: b } = u(), { mutate: x } = s(), { mutate: S } = d(), [C, w] = f.useState(null), T = h === "edit" && g && b?.find((e) => e.name === g)?.description?.trim() || "", E = () => {
+	let v = r(), { t: y } = e("openhands"), { data: b } = u(), { mutate: x } = s(), { mutate: S } = d(), [C, w] = f.useState(null), [T, E] = f.useState(h === "edit" && g ? g : ""), [D, O] = f.useState(""), [k, A] = f.useState(""), j = h === "edit" && g && b?.find((e) => e.name === g)?.description?.trim() || "", M = h === "edit" && g ? g : "";
+	f.useEffect(() => {
+		E(h === "edit" && g ? g : ""), O(""), A(j), w(null);
+	}, [
+		h,
+		g,
+		j
+	]);
+	let N = () => {
 		v.invalidateQueries({ queryKey: ["secrets-search"] }), v.invalidateQueries({ queryKey: ["secrets"] });
-	}, D = (e, t, n) => {
+	}, P = (e, t, n) => {
 		x({
 			name: e,
 			value: t,
 			description: n
 		}, {
 			onSettled: _,
-			onSuccess: E
+			onSuccess: N
 		});
-	}, O = (e, t, n, r) => {
+	}, F = (e, t, n, r) => {
 		S({
 			secretToEdit: e,
 			name: t,
@@ -32,28 +40,28 @@ function h({ mode: h, selectedSecret: g, onCancel: _ }) {
 			value: r
 		}, {
 			onSettled: _,
-			onSuccess: E
+			onSuccess: N
 		});
-	};
-	return /* @__PURE__ */ m("form", {
-		"data-testid": h === "add" ? "add-secret-form" : "edit-secret-form",
-		onSubmit: (e) => {
-			e.preventDefault();
-			let n = new FormData(e.currentTarget), r = n.get("secret-name")?.toString(), i = n.get("secret-value")?.toString().trim(), a = n.get("secret-description")?.toString();
-			if (r) {
-				if (w(null), b?.some((e) => e.name === r && e.name !== g)) {
-					w(y(t.SECRETS$SECRET_ALREADY_EXISTS));
+	}, I = (e) => {
+		e.preventDefault();
+		let n = T.trim(), r = D.trim(), i = k || void 0;
+		if (n) {
+			if (w(null), b?.some((e) => e.name === n && e.name !== g)) {
+				w(y(t.SECRETS$SECRET_ALREADY_EXISTS));
+				return;
+			}
+			if (h === "add") {
+				if (!r) {
+					w(y(t.SECRETS$SECRET_VALUE_REQUIRED));
 					return;
 				}
-				if (h === "add") {
-					if (!i) {
-						w(y(t.SECRETS$SECRET_VALUE_REQUIRED));
-						return;
-					}
-					D(r, i, a || void 0);
-				} else h === "edit" && g && O(g, r, a || void 0, i || void 0);
-			}
-		},
+				P(n, r, i);
+			} else h === "edit" && g && F(g, n, i, r || void 0);
+		}
+	}, L = h === "add" ? "add-secret-form" : "edit-secret-form", R = h === "edit" && (T.trim() !== M.trim() || k !== j || D.trim() !== ""), z = h === "add" ? !T.trim() || !D.trim() : h === "edit" ? !R : !1;
+	return /* @__PURE__ */ m("form", {
+		"data-testid": L,
+		onSubmit: I,
 		className: "flex flex-col items-start gap-6",
 		children: [
 			/* @__PURE__ */ p(l, {
@@ -63,7 +71,8 @@ function h({ mode: h, selectedSecret: g, onCancel: _ }) {
 				label: y(t.SETTINGS$NAME),
 				className: "w-full min-w-0",
 				required: !0,
-				defaultValue: h === "edit" && g ? g : "",
+				value: T,
+				onChange: E,
 				placeholder: y(t.SECRETS$API_KEY_EXAMPLE),
 				pattern: "^[a-zA-Z][a-zA-Z0-9_]{0,63}$",
 				title: y(t.SETTINGS$SECRET_NAME_PATTERN_TITLE)
@@ -81,6 +90,8 @@ function h({ mode: h, selectedSecret: g, onCancel: _ }) {
 					"data-testid": "value-input",
 					name: "secret-value",
 					required: h === "add",
+					value: D,
+					onChange: (e) => O(e.currentTarget.value),
 					className: n("resize-none", i, "placeholder:italic", "disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)] disabled:cursor-not-allowed"),
 					rows: 8
 				})]
@@ -96,7 +107,8 @@ function h({ mode: h, selectedSecret: g, onCancel: _ }) {
 				}), /* @__PURE__ */ p("input", {
 					"data-testid": "description-input",
 					name: "secret-description",
-					defaultValue: T,
+					value: k,
+					onChange: (e) => A(e.currentTarget.value),
 					className: n(a, "disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]")
 				})]
 			}),
@@ -112,6 +124,7 @@ function h({ mode: h, selectedSecret: g, onCancel: _ }) {
 					testId: "submit-button",
 					type: "submit",
 					variant: "primary",
+					isDisabled: z,
 					children: [h === "add" && y(t.SECRETS$ADD_SECRET), h === "edit" && y(t.SECRETS$EDIT_SECRET)]
 				})]
 			})

package/dist/components/features/settings/secrets-settings/secret-form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"secret-form.js","names":[],"sources":["../../../../../src/components/features/settings/secrets-settings/secret-form.tsx"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useCreateSecret } from \"#/hooks/mutation/use-create-secret\";\nimport { useUpdateSecret } from \"#/hooks/mutation/use-update-secret\";\nimport { SettingsInput } from \"../settings-input\";\nimport { cn } from \"#/utils/utils\";\nimport {\n formControlMultilineFieldClassName,\n formControlSettingsFieldClassName,\n} from \"#/utils/form-control-classes\";\nimport { BrandButton } from \"../brand-button\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { OptionalTag } from \"../optional-tag\";\n\ninterface SecretFormProps {\n mode: \"add\" \| \"edit\";\n selectedSecret: string \| null;\n onCancel: () => void;\n}\n\nexport function SecretForm({\n mode,\n selectedSecret,\n onCancel,\n}: SecretFormProps) {\n const queryClient = useQueryClient();\n const { t } = useTranslation(\"openhands\");\n\n const { data: secrets } = useSearchSecrets();\n const { mutate: createSecret } = useCreateSecret();\n const { mutate: updateSecret } = useUpdateSecret();\n\n const [error, setError] = React.useState<string \| null>(null);\n\n const secretDescription =\n (mode === \"edit\" &&\n selectedSecret &&\n secrets\n ?.find((secret) => secret.name === selectedSecret)\n ?.description?.trim()) \|\|\n \"\";\n\n const invalidateSecrets = () => {\n queryClient.invalidateQueries({\n queryKey: [\"secrets-search\"],\n });\n queryClient.invalidateQueries({\n queryKey: [\"secrets\"],\n });\n };\n\n const handleCreateSecret = (\n name: string,\n value: string,\n description?: string,\n ) => {\n createSecret(\n { name, value, description },\n {\n onSettled: onCancel,\n onSuccess: invalidateSecrets,\n },\n );\n };\n\n const handleEditSecret = (\n secretToEdit: string,\n name: string,\n description?: string,\n value?: string,\n ) => {\n updateSecret(\n { secretToEdit, name, description, value },\n {\n onSettled: onCancel,\n onSuccess: invalidateSecrets,\n },\n );\n };\n\n const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n\n const ~~formData~~ = ~~new FormData(event.currentTarget);\n const~~ name ~~= formData~~.~~get~~(~~\"secret-name\"~~)~~?.toString()~~;\n const ~~value~~ = ~~formData.get(\"secret-~~value~~\")?.toString()~~.trim();\n const ~~description~~ = ~~formData.get(\"secret-~~description~~\")?.toString()~~;\n\n if (~~name~~) {\n setError(null);\n\n const isNameAlreadyUsed = secrets?.some(\n (secret) => secret.name === ~~name~~ && secret.name !== selectedSecret,\n );\n if (isNameAlreadyUsed) {\n setError(t(I18nKey.SECRETS$SECRET_ALREADY_EXISTS));\n return;\n }\n\n if (mode === \"add\") {\n if (!~~value~~) {\n setError(t(I18nKey.SECRETS$SECRET_VALUE_REQUIRED));\n return;\n }\n\n handleCreateSecret(~~name~~, ~~value~~, ~~description \|\| undefined~~);\n } else if (mode === \"edit\" && selectedSecret) {\n handleEditSecret(\n selectedSecret,\n ~~name~~,\n ~~description \|\| undefined~~,\n ~~value~~ \|\| undefined,\n );\n }\n }\n };\n\n const formTestId = mode === \"add\" ? \"add-secret-form\" : \"edit-secret-form\";\n\n return (\n <form\n data-testid={formTestId}\n onSubmit={handleSubmit}\n className=\"flex flex-col items-start gap-6\"\n >\n <SettingsInput\n testId=\"name-input\"\n name=\"secret-name\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$NAME)}\n className=\"w-full min-w-0\"\n required\n ~~defaultValue~~={~~mode ===~~ \~~"edit\" && selectedSecret ? selectedSecret : \"\"~~}\n placeholder={t(I18nKey.SECRETS$API_KEY_EXAMPLE)}\n pattern=\"^[a-zA-Z][a-zA-Z0-9_]{0,63}$\"\n title={t(I18nKey.SETTINGS$SECRET_NAME_PATTERN_TITLE)}\n />\n {error && <p className=\"text-red-500 text-sm\">{error}</p>}\n\n <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n <span className=\"text-sm\">\n {mode === \"add\"\n ? t(I18nKey.FORM$VALUE)\n : t(I18nKey.SECRETS$SECRET_VALUE_LEAVE_BLANK)}\n </span>\n <textarea\n data-testid=\"value-input\"\n name=\"secret-value\"\n required={mode === \"add\"}\n className={cn(\n \"resize-none\",\n formControlMultilineFieldClassName,\n \"placeholder:italic\",\n \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)] disabled:cursor-not-allowed\",\n )}\n rows={8}\n />\n </label>\n\n <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n <div className=\"flex items-center gap-2\">\n <span className=\"text-sm\">{t(I18nKey.FORM$DESCRIPTION)}</span>\n <OptionalTag />\n </div>\n <input\n data-testid=\"description-input\"\n name=\"secret-description\"\n ~~defaultValue~~={~~secretDescription~~}\n className={cn(\n formControlSettingsFieldClassName,\n \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n )}\n />\n </label>\n\n <div className=\"flex items-center gap-4\">\n <BrandButton\n testId=\"cancel-button\"\n type=\"button\"\n variant=\"secondary\"\n onClick={onCancel}\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n <BrandButton testId=\"submit-button\" type=\"submit\" variant=\"primary\">\n {mode === \"add\" && t(I18nKey.SECRETS$ADD_SECRET)}\n {mode === \"edit\" && t(I18nKey.SECRETS$EDIT_SECRET)}\n </BrandButton>\n </div>\n </form>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;AAsBA,SAAgB,EAAW,EACzB,SACA,mBACA,eACkB;CAClB,IAAM,IAAc,EAAe,GAC7B,EAAE,SAAM,EAAe,WAAW,GAElC,EAAE,MAAM,MAAY,EAAiB,GACrC,EAAE,QAAQ,MAAiB,EAAgB,GAC3C,EAAE,QAAQ,MAAiB,EAAgB,GAE3C,CAAC,GAAO,KAAY,EAAM,SAAwB,IAAI,~~GAEtD~~,IACH,MAAS,UACR,KACA,GACI,MAAM,MAAW,EAAO,SAAS,CAAc,GAC/C,aAAa,KAAK,KACxB,~~IAEI~~,UAA0B;EAI9B,AAHA,EAAY,kBAAkB,EAC5B,UAAU,CAAC,gBAAgB,EAC7B,CAAC,GACD,EAAY,kBAAkB,EAC5B,UAAU,CAAC,SAAS,EACtB,CAAC;CACH,GAEM,KACJ,GACA,GACA,MACG;EACH,EACE;GAAE;GAAM;GAAO;EAAY,GAC3B;GACE,WAAW;GACX,WAAW;EACb,CACF;CACF,GAEM,KACJ,GACA,GACA,GACA,MACG;EACH,EACE;GAAE;GAAc;GAAM;GAAa;EAAM,GACzC;GACE,WAAW;GACX,WAAW;EACb,CACF;CACF~~;CAyCA~~,~~OACE~~,~~kBAAC~~,~~QAAD;EACE,eAJe,MAAS,QAAQ,oBAAoB;EAKpD,WA1CkB,~~MAA4C;~~GAChE~~,EAAM,eAAe;~~GAErB~~,IAAM,~~IAAW~~,~~IAAI~~,~~SAAS~~,~~EAAM~~,~~aAAa~~,~~GAC3C~~,~~IAAO,EAAS,IAAI,aAAa,GAAG,SAAS,GAC7C,IAAQ,EAAS,IAAI,cAAc,GAAG,SAAS,EAAE,~~KAAK,~~GACtD~~,~~IAAc~~,~~EAAS~~,~~IAAI,oBAAoB,GAAG,SAAS~~;~~GAEjE~~,IAAI,~~GAAM~~;~~IAMR~~,~~IALA~~,EAAS,IAAI,GAEa,GAAS,MAChC,~~MAAW~~,EAAO,SAAS,~~KAAQ~~,EAAO,SAAS,~~CACtD~~,GACuB;~~KACrB~~,EAAS,EAAE,EAAQ,6BAA6B,CAAC;~~KACjD~~;~~IACF~~;~~IAEA~~,IAAI,MAAS,OAAO;~~KAClB~~,IAAI,CAAC,~~GAAO~~;~~MACV~~,EAAS,EAAE,EAAQ,6BAA6B,CAAC;~~MACjD~~;~~KACF~~;~~KAEA~~,EAAmB,~~GAAM~~,~~GAAO~~,~~KAAe,KAAA,CAAS~~;~~IAC1D~~,OAAO,AAAI,MAAS,UAAU,~~KAC5B~~,EACE,GACA,GACA,~~KAAe~~,KAAA,~~GACf~~,~~KAAS~~,~~KAAA~~,~~CACX~~;~~GAEJ~~;~~EACF~~;~~EAQI~~,WAAU;YAHZ;GAKE,kBAAC,GAAD;IACE,QAAO;IACP,MAAK;IACL,MAAK;IACL,OAAO,EAAE,EAAQ,aAAa;IAC9B,WAAU;IACV,UAAA;IACA,~~cAAc~~,~~MAAS,~~UAAU~~,IAAiB,IAAiB~~;~~IACnE~~,aAAa,EAAE,EAAQ,uBAAuB;IAC9C,SAAQ;IACR,OAAO,EAAE,EAAQ,kCAAkC;GACpD,CAAA;GACA,KAAS,kBAAC,KAAD;IAAG,WAAU;cAAwB;GAAS,CAAA;GAExD,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,QAAD;KAAM,WAAU;eAEV,EADH,MAAS,QACJ,EAAQ,aACR,EAAQ,gCAAgC;IAC1C,CAAA,GACN,kBAAC,YAAD;KACE,eAAY;KACZ,MAAK;KACL,UAAU,MAAS;~~KACnB~~,WAAW,EACT,eACA,GACA,sBACA,8GACF;KACA,MAAM;IACP,CAAA,CACI;;GAEP,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAW,EAAE,EAAQ,gBAAgB;KAAQ,CAAA,GAC7D,kBAAC,GAAD,CAAc,CAAA,CACX;QACL,kBAAC,SAAD;KACE,eAAY;KACZ,MAAK;KACL,cAAc;~~KACd~~,WAAW,EACT,GACA,kFACF;IACD,CAAA,CACI;;GAEP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,SAAQ;KACR,SAAS;eAER,EAAE,EAAQ,aAAa;IACb,CAAA,GACb,kBAAC,GAAD;~~KAAa~~,QAAO;~~KAAgB~~,MAAK;~~KAAS~~,SAAQ;~~eAA1D~~,~~CACG~~,MAAS,SAAS,EAAE,EAAQ,kBAAkB,GAC9C,MAAS,UAAU,EAAE,EAAQ,mBAAmB,CACtC;MACV;;EACD;;AAEV"}
1	+ {"version":3,"file":"secret-form.js","names":[],"sources":["../../../../../src/components/features/settings/secrets-settings/secret-form.tsx"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useCreateSecret } from \"#/hooks/mutation/use-create-secret\";\nimport { useUpdateSecret } from \"#/hooks/mutation/use-update-secret\";\nimport { SettingsInput } from \"../settings-input\";\nimport { cn } from \"#/utils/utils\";\nimport {\n formControlMultilineFieldClassName,\n formControlSettingsFieldClassName,\n} from \"#/utils/form-control-classes\";\nimport { BrandButton } from \"../brand-button\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { OptionalTag } from \"../optional-tag\";\n\ninterface SecretFormProps {\n mode: \"add\" \| \"edit\";\n selectedSecret: string \| null;\n onCancel: () => void;\n}\n\nexport function SecretForm({\n mode,\n selectedSecret,\n onCancel,\n}: SecretFormProps) {\n const queryClient = useQueryClient();\n const { t } = useTranslation(\"openhands\");\n\n const { data: secrets } = useSearchSecrets();\n const { mutate: createSecret } = useCreateSecret();\n const { mutate: updateSecret } = useUpdateSecret();\n\n const [error, setError] = React.useState<string \| null>(null);\n const [name, setName] = React.useState(\n mode === \"edit\" && selectedSecret ? selectedSecret : \"\",\n );\n const [value, setValue] = React.useState(\"\");\n const [description, setDescription] = React.useState(\"\");\n\n const secretDescription =\n (mode === \"edit\" &&\n selectedSecret &&\n secrets\n ?.find((secret) => secret.name === selectedSecret)\n ?.description?.trim()) \|\|\n \"\";\n const initialName = mode === \"edit\" && selectedSecret ? selectedSecret : \"\";\n\n React.useEffect(() => {\n setName(mode === \"edit\" && selectedSecret ? selectedSecret : \"\");\n setValue(\"\");\n setDescription(secretDescription);\n setError(null);\n }, [mode, selectedSecret, secretDescription]);\n\n const invalidateSecrets = () => {\n queryClient.invalidateQueries({\n queryKey: [\"secrets-search\"],\n });\n queryClient.invalidateQueries({\n queryKey: [\"secrets\"],\n });\n };\n\n const handleCreateSecret = (\n name: string,\n value: string,\n description?: string,\n ) => {\n createSecret(\n { name, value, description },\n {\n onSettled: onCancel,\n onSuccess: invalidateSecrets,\n },\n );\n };\n\n const handleEditSecret = (\n secretToEdit: string,\n name: string,\n description?: string,\n value?: string,\n ) => {\n updateSecret(\n { secretToEdit, name, description, value },\n {\n onSettled: onCancel,\n onSuccess: invalidateSecrets,\n },\n );\n };\n\n const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n\n const trimmedName = name.trim();\n const trimmedValue = value.trim();\n const normalizedDescription = description \|\| undefined;\n\n if (trimmedName) {\n setError(null);\n\n const isNameAlreadyUsed = secrets?.some(\n (secret) =>\n secret.name === trimmedName && secret.name !== selectedSecret,\n );\n if (isNameAlreadyUsed) {\n setError(t(I18nKey.SECRETS$SECRET_ALREADY_EXISTS));\n return;\n }\n\n if (mode === \"add\") {\n if (!trimmedValue) {\n setError(t(I18nKey.SECRETS$SECRET_VALUE_REQUIRED));\n return;\n }\n\n handleCreateSecret(trimmedName, trimmedValue, normalizedDescription);\n } else if (mode === \"edit\" && selectedSecret) {\n // Blank value means \"keep the existing secret\"; only send a value when\n // the user typed a replacement (#16134).\n handleEditSecret(\n selectedSecret,\n trimmedName,\n normalizedDescription,\n trimmedValue \|\| undefined,\n );\n }\n }\n };\n\n const formTestId = mode === \"add\" ? \"add-secret-form\" : \"edit-secret-form\";\n const isEditDirty =\n mode === \"edit\" &&\n (name.trim() !== initialName.trim() \|\|\n description !== secretDescription \|\|\n value.trim() !== \"\");\n const isSubmitDisabled =\n mode === \"add\"\n ? !name.trim() \|\| !value.trim()\n : mode === \"edit\"\n ? !isEditDirty\n : false;\n\n return (\n <form\n data-testid={formTestId}\n onSubmit={handleSubmit}\n className=\"flex flex-col items-start gap-6\"\n >\n <SettingsInput\n testId=\"name-input\"\n name=\"secret-name\"\n type=\"text\"\n label={t(I18nKey.SETTINGS$NAME)}\n className=\"w-full min-w-0\"\n required\n value={name}\n onChange={setName}\n placeholder={t(I18nKey.SECRETS$API_KEY_EXAMPLE)}\n pattern=\"^[a-zA-Z][a-zA-Z0-9_]{0,63}$\"\n title={t(I18nKey.SETTINGS$SECRET_NAME_PATTERN_TITLE)}\n />\n {error && <p className=\"text-red-500 text-sm\">{error}</p>}\n\n <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n <span className=\"text-sm\">\n {mode === \"add\"\n ? t(I18nKey.FORM$VALUE)\n : t(I18nKey.SECRETS$SECRET_VALUE_LEAVE_BLANK)}\n </span>\n <textarea\n data-testid=\"value-input\"\n name=\"secret-value\"\n required={mode === \"add\"}\n value={value}\n onChange={(event) => setValue(event.currentTarget.value)}\n className={cn(\n \"resize-none\",\n formControlMultilineFieldClassName,\n \"placeholder:italic\",\n \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)] disabled:cursor-not-allowed\",\n )}\n rows={8}\n />\n </label>\n\n <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n <div className=\"flex items-center gap-2\">\n <span className=\"text-sm\">{t(I18nKey.FORM$DESCRIPTION)}</span>\n <OptionalTag />\n </div>\n <input\n data-testid=\"description-input\"\n name=\"secret-description\"\n value={description}\n onChange={(event) => setDescription(event.currentTarget.value)}\n className={cn(\n formControlSettingsFieldClassName,\n \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n )}\n />\n </label>\n\n <div className=\"flex items-center gap-4\">\n <BrandButton\n testId=\"cancel-button\"\n type=\"button\"\n variant=\"secondary\"\n onClick={onCancel}\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n <BrandButton\n testId=\"submit-button\"\n type=\"submit\"\n variant=\"primary\"\n isDisabled={isSubmitDisabled}\n >\n {mode === \"add\" && t(I18nKey.SECRETS$ADD_SECRET)}\n {mode === \"edit\" && t(I18nKey.SECRETS$EDIT_SECRET)}\n </BrandButton>\n </div>\n </form>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;AAsBA,SAAgB,EAAW,EACzB,SACA,mBACA,eACkB;CAClB,IAAM,IAAc,EAAe,GAC7B,EAAE,SAAM,EAAe,WAAW,GAElC,EAAE,MAAM,MAAY,EAAiB,GACrC,EAAE,QAAQ,MAAiB,EAAgB,GAC3C,EAAE,QAAQ,MAAiB,EAAgB,GAE3C,CAAC,GAAO,KAAY,EAAM,SAAwB,IAAI,GACtD,CAAC,GAAM,KAAW,EAAM,SAC5B,MAAS,UAAU,IAAiB,IAAiB,EACvD,GACM,CAAC,GAAO,KAAY,EAAM,SAAS,EAAE,GACrC,CAAC,GAAa,KAAkB,EAAM,SAAS,EAAE,GAEjD,IACH,MAAS,UACR,KACA,GACI,MAAM,MAAW,EAAO,SAAS,CAAc,GAC/C,aAAa,KAAK,KACxB,IACI,IAAc,MAAS,UAAU,IAAiB,IAAiB;CAEzE,EAAM,gBAAgB;EAIpB,AAHA,EAAQ,MAAS,UAAU,IAAiB,IAAiB,EAAE,GAC/D,EAAS,EAAE,GACX,EAAe,CAAiB,GAChC,EAAS,IAAI;CACf,GAAG;EAAC;EAAM;EAAgB;CAAiB,CAAC;CAE5C,IAAM,UAA0B;EAI9B,AAHA,EAAY,kBAAkB,EAC5B,UAAU,CAAC,gBAAgB,EAC7B,CAAC,GACD,EAAY,kBAAkB,EAC5B,UAAU,CAAC,SAAS,EACtB,CAAC;CACH,GAEM,KACJ,GACA,GACA,MACG;EACH,EACE;GAAE;GAAM;GAAO;EAAY,GAC3B;GACE,WAAW;GACX,WAAW;EACb,CACF;CACF,GAEM,KACJ,GACA,GACA,GACA,MACG;EACH,EACE;GAAE;GAAc;GAAM;GAAa;EAAM,GACzC;GACE,WAAW;GACX,WAAW;EACb,CACF;CACF,GAEM,KAAgB,MAA4C;EAChE,EAAM,eAAe;EAErB,IAAM,IAAc,EAAK,KAAK,GACxB,IAAe,EAAM,KAAK,GAC1B,IAAwB,KAAe,KAAA;EAE7C,IAAI,GAAa;GAOf,IANA,EAAS,IAAI,GAEa,GAAS,MAChC,MACC,EAAO,SAAS,KAAe,EAAO,SAAS,CACnD,GACuB;IACrB,EAAS,EAAE,EAAQ,6BAA6B,CAAC;IACjD;GACF;GAEA,IAAI,MAAS,OAAO;IAClB,IAAI,CAAC,GAAc;KACjB,EAAS,EAAE,EAAQ,6BAA6B,CAAC;KACjD;IACF;IAEA,EAAmB,GAAa,GAAc,CAAqB;GACrE,OAAO,AAAI,MAAS,UAAU,KAG5B,EACE,GACA,GACA,GACA,KAAgB,KAAA,CAClB;EAEJ;CACF,GAEM,IAAa,MAAS,QAAQ,oBAAoB,oBAClD,IACJ,MAAS,WACR,EAAK,KAAK,MAAM,EAAY,KAAK,KAChC,MAAgB,KAChB,EAAM,KAAK,MAAM,KACf,IACJ,MAAS,QACL,CAAC,EAAK,KAAK,KAAK,CAAC,EAAM,KAAK,IAC5B,MAAS,SACP,CAAC,IACD;CAER,OACE,kBAAC,QAAD;EACE,eAAa;EACb,UAAU;EACV,WAAU;YAHZ;GAKE,kBAAC,GAAD;IACE,QAAO;IACP,MAAK;IACL,MAAK;IACL,OAAO,EAAE,EAAQ,aAAa;IAC9B,WAAU;IACV,UAAA;IACA,OAAO;IACP,UAAU;IACV,aAAa,EAAE,EAAQ,uBAAuB;IAC9C,SAAQ;IACR,OAAO,EAAE,EAAQ,kCAAkC;GACpD,CAAA;GACA,KAAS,kBAAC,KAAD;IAAG,WAAU;cAAwB;GAAS,CAAA;GAExD,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,QAAD;KAAM,WAAU;eAEV,EADH,MAAS,QACJ,EAAQ,aACR,EAAQ,gCAAgC;IAC1C,CAAA,GACN,kBAAC,YAAD;KACE,eAAY;KACZ,MAAK;KACL,UAAU,MAAS;KACZ;KACP,WAAW,MAAU,EAAS,EAAM,cAAc,KAAK;KACvD,WAAW,EACT,eACA,GACA,sBACA,8GACF;KACA,MAAM;IACP,CAAA,CACI;;GAEP,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAW,EAAE,EAAQ,gBAAgB;KAAQ,CAAA,GAC7D,kBAAC,GAAD,CAAc,CAAA,CACX;QACL,kBAAC,SAAD;KACE,eAAY;KACZ,MAAK;KACL,OAAO;KACP,WAAW,MAAU,EAAe,EAAM,cAAc,KAAK;KAC7D,WAAW,EACT,GACA,kFACF;IACD,CAAA,CACI;;GAEP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,SAAQ;KACR,SAAS;eAER,EAAE,EAAQ,aAAa;IACb,CAAA,GACb,kBAAC,GAAD;KACE,QAAO;KACP,MAAK;KACL,SAAQ;KACR,YAAY;eAJd,CAMG,MAAS,SAAS,EAAE,EAAQ,kBAAkB,GAC9C,MAAS,UAAU,EAAE,EAAQ,mBAAmB,CACtC;MACV;;EACD;;AAEV"}

package/dist/components/features/settings/settings-dropdown-input.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../utils/form-control-classes.cjs"),a=require("../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.cjs"),o=require("../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.cjs"),s=require("../../../ui/combobox-caret.cjs"),c=require("./optional-tag.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");function d({testId:e,label:l,wrapperClassName:d,name:f,items:p,placeholder:m,showOptionalTag:h,isDisabled:g,isLoading:_,defaultSelectedKey:v,selectedKey:y,isClearable:b,allowsCustomValue:x,required:S,onSelectionChange:C,onInputChange:w,defaultFilter:T,startContent:E,inputWrapperClassName:D,inputClassName:O}){let{t:k}=t.useTranslation(`openhands`);return(0,u.jsxs)(`label`,{className:r.cn(`flex flex-col gap-2.5 w-full min-w-0`,d),children:[l&&(0,u.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,u.jsx)(`span`,{className:`text-sm`,children:l}),h&&(0,u.jsx)(c.OptionalTag,{})]}),(0,u.jsx)(o.autocomplete_default,{"aria-label":typeof l==`string`?l:f,"data-testid":e,name:f,defaultItems:p,defaultSelectedKey:v,selectedKey:y,onSelectionChange:C,onInputChange:w,isClearable:b,isDisabled:g||_,isLoading:_,placeholder:_?k(n.I18nKey.HOME$LOADING):m,allowsCustomValue:x,isRequired:S,className:`w-full`,classNames:{popoverContent:`bg-content1 rounded-xl`,selectorButton:s.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:r.cn(i.formControlSettingsFieldClassName,D),input:O}},defaultFilter:T,startContent:E||null,children:e=>(0,u.jsx)(a.listbox_item_base_default,{children:e.label},e.key)})]})}exports.SettingsDropdownInput=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.cjs"),a=require("../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.cjs"),o=require("../../../utils/form-control-classes.cjs"),s=require("../../../ui/combobox-caret.cjs"),c=require("./optional-tag.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");function d({testId:e,label:l,wrapperClassName:d,name:f,items:p,placeholder:m,showOptionalTag:h,isDisabled:g,isLoading:_,defaultSelectedKey:v,selectedKey:y,isClearable:b,allowsCustomValue:x,required:S,onSelectionChange:C,onInputChange:w,defaultFilter:T,startContent:E,inputWrapperClassName:D,inputClassName:O}){let{t:k}=t.useTranslation(`openhands`);return(0,u.jsxs)(`label`,{className:r.cn(`flex flex-col gap-2.5 w-full min-w-0`,d),children:[l&&(0,u.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,u.jsx)(`span`,{className:`text-sm`,children:l}),h&&(0,u.jsx)(c.OptionalTag,{})]}),(0,u.jsx)(a.autocomplete_default,{"aria-label":typeof l==`string`?l:f,"data-testid":e,name:f,defaultItems:p,defaultSelectedKey:v,selectedKey:y,onSelectionChange:C,onInputChange:w,isClearable:b,isDisabled:g||_,isLoading:_,placeholder:_?k(n.I18nKey.HOME$LOADING):m,allowsCustomValue:x,isRequired:S,className:`w-full`,classNames:{popoverContent:`bg-content1 rounded-xl`,selectorButton:s.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:r.cn(o.formControlSettingsFieldClassName,D),input:O}},defaultFilter:T,startContent:E||null,children:e=>(0,u.jsx)(i.listbox_item_base_default,{children:e.label},e.key)})]})}exports.SettingsDropdownInput=d;
 //# sourceMappingURL=settings-dropdown-input.cjs.map

package/dist/components/features/settings/settings-dropdown-input.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
-import { formControlSettingsFieldClassName as r } from "../../../utils/form-control-classes.js";
-import { listbox_item_base_default as i } from "../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.js";
-import { autocomplete_default as a } from "../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.js";
+import { listbox_item_base_default as r } from "../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.js";
+import { autocomplete_default as i } from "../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.js";
+import { formControlSettingsFieldClassName as a } from "../../../utils/form-control-classes.js";
 import { heroUiAutocompleteSelectorButtonClassName as o } from "../../../ui/combobox-caret.js";
 import { OptionalTag as s } from "./optional-tag.js";
 import "react";
@@ -19,7 +19,7 @@ function u({ testId: u, label: d, wrapperClassName: f, name: p, items: m, placeh
 				className: "text-sm",
 				children: d
 			}), g && /* @__PURE__ */ c(s, {})]
-		}), /* @__PURE__ */ c(a, {
+		}), /* @__PURE__ */ c(i, {
 			"aria-label": typeof d == "string" ? d : p,
 			"data-testid": u,
 			name: p,
@@ -41,12 +41,12 @@ function u({ testId: u, label: d, wrapperClassName: f, name: p, items: m, placeh
 			},
 			selectorButtonProps: { disableRipple: !0 },
 			inputProps: { classNames: {
-				inputWrapper: n(r, O),
+				inputWrapper: n(a, O),
 				input: k
 			} },
 			defaultFilter: E,
 			startContent: D || null,
-			children: (e) => /* @__PURE__ */ c(i, { children: e.label }, e.key)
+			children: (e) => /* @__PURE__ */ c(r, { children: e.label }, e.key)
 		})]
 	});
 }

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

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

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

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

package/dist/components/features/sidebar/sidebar-rail-body.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import React from "react";
+import type { Backend } from "#/api/backend-registry/types";
 export interface SidebarRailBodyProps {
     collapsed: boolean;
     showCollapseToggle: boolean;
@@ -10,6 +11,8 @@ export interface SidebarRailBodyProps {
     showCollapsedExpandButton: boolean;
     isExtensionsActive: boolean;
     currentPath: string;
+    activeBackend: Backend;
+    activeOrgId: string | null;
     activeBackendHealth: {
         isConnected: boolean | null;
     } | undefined;
@@ -20,4 +23,4 @@ export interface SidebarRailBodyProps {
     onOpenAddBackend: () => void;
     onOpenManageBackends: () => void;
 }
-export declare function SidebarRailBody({ collapsed, showCollapseToggle, showMobileCloseButton, onCloseMobile, collapseToggleLabel, onCollapse, onExpand, showCollapsedExpandButton, isExtensionsActive, currentPath, activeBackendHealth, collapsedBackendPopoverOpen, setCollapsedBackendPopoverOpen, collapsedBackendPopoverRef, collapsedBackendCloseTimer, onOpenAddBackend, onOpenManageBackends, }: SidebarRailBodyProps): React.JSX.Element;
+export declare function SidebarRailBody({ collapsed, showCollapseToggle, showMobileCloseButton, onCloseMobile, collapseToggleLabel, onCollapse, onExpand, showCollapsedExpandButton, isExtensionsActive, currentPath, activeBackend, activeOrgId, activeBackendHealth, collapsedBackendPopoverOpen, setCollapsedBackendPopoverOpen, collapsedBackendPopoverRef, collapsedBackendCloseTimer, onOpenAddBackend, onOpenManageBackends, }: SidebarRailBodyProps): React.JSX.Element;