@openhands/agent-canvas 1.1.0 → 1.2.0

package/dist/components/features/settings/agent-profiles/index.d.ts

@@ -0,0 +1,6 @@
+export { AgentProfilesLocalView } from "./agent-profiles-local-view";
+export { AgentProfilesManager } from "./agent-profiles-manager";
+export { AgentProfilesBody } from "./agent-profiles-body";
+export { AgentProfileRow } from "./agent-profile-row";
+export { AgentProfileActionsMenu } from "./agent-profile-actions-menu";
+export { DeleteAgentProfileModal } from "./delete-agent-profile-modal";

package/dist/components/features/settings/agent-profiles/merge-agent-profile-save-input.d.ts

@@ -0,0 +1,18 @@
+import type { AgentProfile, AgentProfileSaveInput } from "#/api/agent-profiles-service/agent-profiles-service.api";
+/**
+ * Merge the minimal editor's fields over the stored profile so an edit-save
+ * doesn't wipe the fields the editor doesn't model (condenser, verification,
+ * system_message_suffix, mcp_server_refs, the disabled_skills deny-list, ACP
+ * session mode/timeout, …) — `POST /api/agent-profiles/{name}` is a
+ * whole-profile overwrite, and unset fields fall back to server-side defaults.
+ *
+ * Kind-aware: when the editor switched `agent_kind`, the stored variant's
+ * fields must NOT be carried over — the server's `extra="forbid"` profile
+ * union rejects a payload mixing openhands and acp fields — so a kind switch
+ * stays a clean variant replacement built from the edited fields alone.
+ *
+ * Identity (`id` / `name` / `revision`) is stripped from the merge: the path
+ * name is authoritative on save, and the server preserves the namesake's id
+ * and bumps the revision itself (`save_profile_preserving_identity`).
+ */
+export declare function mergeAgentProfileSaveInput(stored: AgentProfile | null, edited: AgentProfileSaveInput): AgentProfileSaveInput;

package/dist/components/features/settings/llm-profiles/llm-profiles-manager.cjs

@@ -1 +1 @@
-require(`../../../../_virtual/_rolldown/runtime.cjs`),require(`../../../../utils/custom-toast-handlers.cjs`),require(`../../../../api/profiles-service/profiles-service.api.cjs`),require(`../../../../hooks/query/use-llm-profiles.cjs`),require(`../brand-button.cjs`),require(`./rename-profile-modal.cjs`),require(`./delete-profile-modal.cjs`),require(`./profiles-body.cjs`),require(`../../../../hooks/mutation/use-activate-llm-profile.cjs`),require(`../../../../hooks/mutation/use-save-llm-profile.cjs`),require(`react`),require(`react/jsx-runtime`);
+require(`../../../../_virtual/_rolldown/runtime.cjs`),require(`../../../../utils/custom-toast-handlers.cjs`),require(`../../../../api/profiles-service/profiles-service.api.cjs`),require(`../../../../hooks/query/use-llm-profiles.cjs`),require(`../brand-button.cjs`),require(`./rename-profile-modal.cjs`),require(`./delete-profile-modal.cjs`),require(`./profiles-body.cjs`),require(`../../../../hooks/mutation/use-activate-llm-profile.cjs`),require(`../../../../hooks/mutation/use-save-llm-profile.cjs`),require(`../../../../hooks/use-can-manage-org-profiles.cjs`),require(`react`),require(`react/jsx-runtime`);

package/dist/components/features/settings/llm-profiles/llm-profiles-manager.js

@@ -7,5 +7,6 @@ import "./delete-profile-modal.js";
 import "./profiles-body.js";
 import "../../../../hooks/mutation/use-activate-llm-profile.js";
 import "../../../../hooks/mutation/use-save-llm-profile.js";
+import "../../../../hooks/use-can-manage-org-profiles.js";
 import "react";
 import "react/jsx-runtime";

package/dist/components/features/settings/llm-profiles/llm-settings-local-view.cjs

@@ -1 +1 @@
-const e=require(`../../../../_virtual/_rolldown/runtime.cjs`);require(`../../../../utils/custom-toast-handlers.cjs`),require(`../../../../hooks/query/use-settings.cjs`),require(`../../../../api/profiles-service/profiles-service.api.cjs`),require(`../../../../hooks/query/use-llm-profiles.cjs`),require(`../../../../ui/typography.cjs`),require(`../brand-button.cjs`),require(`../../../../hooks/query/use-agent-settings-schema.cjs`),require(`./profile-name-input.cjs`),require(`../../../../hooks/mutation/use-activate-llm-profile.cjs`),require(`../../../../hooks/mutation/use-save-llm-profile.cjs`),require(`./llm-profiles-manager.cjs`),require(`../../../shared/buttons/back-nav-button.cjs`),require(`../../../../contexts/settings-section-header-context.cjs`),require(`../../../../routes/llm-settings.cjs`);let t=require(`react`);t=e.__toESM(t,1),require(`react/jsx-runtime`);
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`);require(`../../../../utils/custom-toast-handlers.cjs`),require(`../../../../api/profiles-service/profiles-service.api.cjs`),require(`../../../../hooks/query/use-settings.cjs`),require(`../../../../hooks/query/use-llm-profiles.cjs`),require(`../../../../ui/typography.cjs`),require(`../brand-button.cjs`),require(`../../../../hooks/query/use-agent-settings-schema.cjs`),require(`./profile-name-input.cjs`),require(`../../../../hooks/mutation/use-activate-llm-profile.cjs`),require(`../../../../hooks/mutation/use-save-llm-profile.cjs`),require(`./llm-profiles-manager.cjs`),require(`../../../shared/buttons/back-nav-button.cjs`),require(`../../../../contexts/settings-section-header-context.cjs`),require(`../../../../routes/llm-settings.cjs`);let t=require(`react`);t=e.__toESM(t,1),require(`react/jsx-runtime`);

package/dist/components/features/settings/llm-profiles/llm-settings-local-view.js

@@ -1,6 +1,6 @@
 import "../../../../utils/custom-toast-handlers.js";
-import "../../../../hooks/query/use-settings.js";
 import "../../../../api/profiles-service/profiles-service.api.js";
+import "../../../../hooks/query/use-settings.js";
 import "../../../../hooks/query/use-llm-profiles.js";
 import "../../../../ui/typography.js";
 import "../brand-button.js";

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

@@ -2,6 +2,8 @@ import { ProfileInfo } from "#/api/profiles-service/profiles-service.api";
 interface ProfileRowProps {
     profile: ProfileInfo;
     isActive: boolean;
+    /** When false, the row is read-only and the actions menu is hidden. */
+    canManage: boolean;
     onActivate: (name: string) => void;
     onEdit: (profile: ProfileInfo) => void;
     onRename: (profile: ProfileInfo) => void;
@@ -9,5 +11,5 @@ interface ProfileRowProps {
     onDelete: (profile: ProfileInfo) => void;
     isActivating: boolean;
 }
-export declare function ProfileRow({ profile, isActive, onActivate, onEdit, onRename, onDuplicate, onDelete, isActivating, }: ProfileRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProfileRow({ profile, isActive, canManage, onActivate, onEdit, onRename, onDuplicate, onDelete, isActivating, }: ProfileRowProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/features/settings/llm-profiles/profiles-body.d.ts

@@ -4,6 +4,8 @@ interface ProfilesBodyProps {
     loadError: Error | null;
     profiles: ProfileInfo[];
     active: string | null;
+    /** When false, rows render read-only (no actions menu) — cloud members. */
+    canManage: boolean;
     onActivate: (name: string) => void;
     onEdit: (profile: ProfileInfo) => void;
     onRename: (profile: ProfileInfo) => void;
@@ -11,5 +13,5 @@ interface ProfilesBodyProps {
     onDelete: (profile: ProfileInfo) => void;
     isActivating: boolean;
 }
-export declare function ProfilesBody({ isLoading, loadError, profiles, active, onActivate, onEdit, onRename, onDuplicate, onDelete, isActivating, }: ProfilesBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProfilesBody({ isLoading, loadError, profiles, active, canManage, onActivate, onEdit, onRename, onDuplicate, onDelete, isActivating, }: ProfilesBodyProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/features/settings/llm-settings/openai-subscription-auth-card.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../../i18n/declaration.cjs`),r=require(`../../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs`),i=require(`../../../../utils/custom-toast-handlers.cjs`),a=require(`../../../shared/buttons/copy-to-clipboard-button.cjs`),o=require(`../../../../ui/typography.cjs`),s=require(`../brand-button.cjs`),c=require(`../../../../hooks/mutation/use-llm-subscription-auth.cjs`),l=require(`../../../../hooks/query/use-llm-subscription-status.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);var f=5,p=1;function m(e){let t=e.verificationUriComplete??e.verificationUri;window.open(t,`_blank`,`noopener,noreferrer`)}function h({isDisabled:e=!1}){let{t:h}=t.useTranslation(`openhands`),g=l.useOpenAISubscriptionStatus(),_=c.useStartOpenAISubscriptionLogin(),v=c.usePollOpenAISubscriptionLogin(),y=c.useLogoutOpenAISubscription(),[b,x]=u.default.useState(null),[S,C]=u.default.useState(!1),[w,T]=u.default.useState(!1),E=u.default.useRef(null),D=u.default.useCallback(()=>{E.current!==null&&(window.clearTimeout(E.current),E.current=null)},[]),O=()=>{b&&(navigator.clipboard.writeText(b.userCode),C(!0),setTimeout(()=>C(!1),2e3))},k=_.isPending||v.isPending||y.isPending,A=!!g.data?.connected,j=u.default.useCallback(async e=>{try{return(await v.mutateAsync(e)).connected?(x(null),T(!1),i.displaySuccessToast(h(n.I18nKey.SETTINGS$SUBSCRIPTION_CONNECTED_TOAST)),!0):(T(!0),!1)}catch{return i.displayErrorToast(h(n.I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR)),!0}},[v,h]);return u.default.useEffect(()=>{if(!b||A||e)return;let t=!1,n=Math.max(b.intervalSeconds??f,p),r=()=>{D(),E.current=window.setTimeout(async()=>{if(t)return;let e=await j(b.deviceCode);!t&&!e&&r()},n*1e3)};return r(),()=>{t=!0,D()}},[b,D,A,e,j]),(0,d.jsxs)(`section`,{"data-testid":`openai-subscription-auth-card`,className:`flex flex-col gap-4 rounded-xl border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-4`,children:[(0,d.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,d.jsx)(o.Typography.H3,{children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_CARD_TITLE)}),(0,d.jsx)(o.Typography.Paragraph,{className:`text-tertiary-alt text-sm leading-5`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_CARD_DESCRIPTION)})]}),(0,d.jsx)(`div`,{className:`flex flex-col gap-1 text-sm`,"data-testid":`subscription-status`,children:g.isLoading?(0,d.jsx)(`span`,{className:`text-tertiary-light`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CHECKING)}):g.isError?(0,d.jsx)(`span`,{className:`text-danger`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_STATUS_UNAVAILABLE)}):A?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`span`,{className:`text-success`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CONNECTED)}),g.data?.accountEmail?(0,d.jsx)(`span`,{className:`text-tertiary-light`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_ACCOUNT,{account:g.data.accountEmail})}):null]}):(0,d.jsx)(`span`,{className:`text-warning`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_STATUS_DISCONNECTED)})}),b?(0,d.jsxs)(`div`,{"data-testid":`subscription-device-challenge`,className:`flex flex-col gap-2 rounded-lg border border-[var(--oh-border-subtle)] p-3 text-sm`,children:[(0,d.jsx)(`span`,{children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_DEVICE_INSTRUCTIONS)}),(0,d.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg bg-[var(--oh-surface-deep)] px-3 py-2 font-mono text-base text-[var(--oh-foreground)]`,children:[(0,d.jsx)(`span`,{className:`flex-1 select-all`,children:b.userCode}),(0,d.jsx)(a.CopyToClipboardButton,{isHidden:!1,isDisabled:!1,onClick:O,mode:S?`copied`:`copy`})]}),(0,d.jsxs)(`a`,{href:b.verificationUriComplete??b.verificationUri,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 text-sm text-[var(--oh-accent)] underline`,children:[h(n.I18nKey.SETTINGS$SUBSCRIPTION_OPEN_LOGIN),(0,d.jsx)(r.ExternalLink,{size:14,"aria-hidden":!0})]}),w?(0,d.jsx)(`span`,{className:`text-warning`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_PENDING_TOAST)}):null]}):null,(0,d.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[A?(0,d.jsx)(s.BrandButton,{testId:`subscription-disconnect`,type:`button`,variant:`tertiary`,isDisabled:e||k,onClick:async()=>{try{await y.mutateAsync(),D(),x(null),T(!1),i.displaySuccessToast(h(n.I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECTED_TOAST))}catch{i.displayErrorToast(h(n.I18nKey.ERROR$GENERIC))}},children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECT)}):(0,d.jsx)(s.BrandButton,{testId:`subscription-connect`,type:`button`,variant:`primary`,isDisabled:e||k,onClick:async()=>{try{let e=await _.mutateAsync();x(e),T(!0),m(e)}catch{i.displayErrorToast(h(n.I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR))}},children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_CONNECT)}),b?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s.BrandButton,{testId:`subscription-poll`,type:`button`,variant:`secondary`,isDisabled:e||k,onClick:async()=>{b&&(D(),j(b.deviceCode))},children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_FINISH_SIGN_IN)}),(0,d.jsx)(s.BrandButton,{testId:`subscription-cancel`,type:`button`,variant:`tertiary`,isDisabled:e||k,onClick:()=>{D(),x(null),T(!1)},children:h(n.I18nKey.BUTTON$CANCEL)})]}):null]})]})}exports.OpenAISubscriptionAuthCard=h;
+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/external-link.cjs`),i=require(`../../../../utils/custom-toast-handlers.cjs`),a=require(`../../../shared/buttons/copy-to-clipboard-button.cjs`),o=require(`../../../../ui/typography.cjs`),s=require(`../brand-button.cjs`),c=require(`../../../../hooks/mutation/use-llm-subscription-auth.cjs`),l=require(`../../../../hooks/query/use-llm-subscription-status.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);var f=5,p=1;function m(e){let t=e.verificationUriComplete??e.verificationUri;window.open(t,`_blank`,`noopener,noreferrer`)}function h({isDisabled:e=!1}){let{t:h}=t.useTranslation(`openhands`),g=l.useOpenAISubscriptionStatus(),_=c.useStartOpenAISubscriptionLogin(),v=c.usePollOpenAISubscriptionLogin(),y=c.useLogoutOpenAISubscription(),[b,x]=u.default.useState(null),[S,C]=u.default.useState(!1),[w,T]=u.default.useState(!1),E=u.default.useRef(null),D=u.default.useCallback(()=>{E.current!==null&&(window.clearTimeout(E.current),E.current=null)},[]),O=()=>{b&&(navigator.clipboard.writeText(b.userCode),C(!0),setTimeout(()=>C(!1),2e3))},k=_.isPending||v.isPending||y.isPending,A=!!g.data?.connected,j=u.default.useCallback(async e=>{try{return(await v.mutateAsync(e)).connected?(x(null),T(!1),i.displaySuccessToast(h(n.I18nKey.SETTINGS$SUBSCRIPTION_CONNECTED_TOAST)),!0):(T(!0),!1)}catch{return i.displayErrorToast(h(n.I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR)),!0}},[v,h]);return u.default.useEffect(()=>{if(!b||A||e)return;let t=!1,n=Math.max(b.intervalSeconds??f,p),r=()=>{D(),E.current=window.setTimeout(async()=>{if(t)return;let e=await j(b.deviceCode);!t&&!e&&r()},n*1e3)};return r(),()=>{t=!0,D()}},[b,D,A,e,j]),(0,d.jsxs)(`section`,{"data-testid":`openai-subscription-auth-card`,className:`flex flex-col gap-4 rounded-xl border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-4`,children:[(0,d.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,d.jsx)(o.Typography.H3,{children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_CARD_TITLE)}),(0,d.jsx)(o.Typography.Paragraph,{className:`text-tertiary-alt text-sm leading-5`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_CARD_DESCRIPTION)})]}),(0,d.jsx)(`div`,{className:`flex flex-col gap-1 text-sm`,"data-testid":`subscription-status`,children:g.isLoading?(0,d.jsx)(`span`,{className:`text-tertiary-light`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CHECKING)}):g.isError?(0,d.jsx)(`span`,{className:`text-danger`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_STATUS_UNAVAILABLE)}):A?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`span`,{className:`text-success`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CONNECTED)}),g.data?.accountEmail?(0,d.jsx)(`span`,{className:`text-tertiary-light`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_ACCOUNT,{account:g.data.accountEmail})}):null]}):(0,d.jsx)(`span`,{className:`text-warning`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_STATUS_DISCONNECTED)})}),b?(0,d.jsxs)(`div`,{"data-testid":`subscription-device-challenge`,className:`flex flex-col gap-2 rounded-lg border border-[var(--oh-border-subtle)] p-3 text-sm`,children:[(0,d.jsx)(`span`,{children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_DEVICE_INSTRUCTIONS)}),(0,d.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg bg-[var(--oh-surface-deep)] px-3 py-2 font-mono text-base font-semibold text-white`,children:[(0,d.jsx)(`span`,{"data-testid":`subscription-user-code`,className:`flex-1 select-all tracking-[0.08em]`,children:b.userCode}),(0,d.jsx)(a.CopyToClipboardButton,{isHidden:!1,isDisabled:!1,onClick:O,mode:S?`copied`:`copy`})]}),(0,d.jsxs)(`a`,{href:b.verificationUriComplete??b.verificationUri,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 text-sm text-[var(--oh-accent)] underline`,children:[h(n.I18nKey.SETTINGS$SUBSCRIPTION_OPEN_LOGIN),(0,d.jsx)(r.ExternalLink,{size:14,"aria-hidden":!0})]}),w?(0,d.jsx)(`span`,{className:`text-warning`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_PENDING_TOAST)}):null]}):null,(0,d.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[A?(0,d.jsx)(s.BrandButton,{testId:`subscription-disconnect`,type:`button`,variant:`tertiary`,isDisabled:e||k,onClick:async()=>{try{await y.mutateAsync(),D(),x(null),T(!1),i.displaySuccessToast(h(n.I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECTED_TOAST))}catch{i.displayErrorToast(h(n.I18nKey.ERROR$GENERIC))}},children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECT)}):(0,d.jsx)(s.BrandButton,{testId:`subscription-connect`,type:`button`,variant:`primary`,isDisabled:e||k,onClick:async()=>{try{let e=await _.mutateAsync();x(e),T(!0),m(e)}catch{i.displayErrorToast(h(n.I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR))}},children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_CONNECT)}),b?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s.BrandButton,{testId:`subscription-poll`,type:`button`,variant:`secondary`,isDisabled:e||k,onClick:async()=>{b&&(D(),j(b.deviceCode))},children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_FINISH_SIGN_IN)}),(0,d.jsx)(s.BrandButton,{testId:`subscription-cancel`,type:`button`,variant:`tertiary`,isDisabled:e||k,onClick:()=>{D(),x(null),T(!1)},children:h(n.I18nKey.BUTTON$CANCEL)})]}):null]})]})}exports.OpenAISubscriptionAuthCard=h;
 //# sourceMappingURL=openai-subscription-auth-card.cjs.map

package/dist/components/features/settings/llm-settings/openai-subscription-auth-card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"openai-subscription-auth-card.cjs","names":[],"sources":["../../../../../src/components/features/settings/llm-settings/openai-subscription-auth-card.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ExternalLink } from \"lucide-react\";\nimport type { LLMSubscriptionDeviceChallenge } from \"#/api/llm-subscription-service\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { CopyToClipboardButton } from \"#/components/shared/buttons/copy-to-clipboard-button\";\nimport {\n  useLogoutOpenAISubscription,\n  usePollOpenAISubscriptionLogin,\n  useStartOpenAISubscriptionLogin,\n} from \"#/hooks/mutation/use-llm-subscription-auth\";\nimport { useOpenAISubscriptionStatus } from \"#/hooks/query/use-llm-subscription-status\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Typography } from \"#/ui/typography\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\n\nconst DEFAULT_DEVICE_POLL_INTERVAL_SECONDS = 5;\nconst MIN_DEVICE_POLL_INTERVAL_SECONDS = 1;\n\ninterface OpenAISubscriptionAuthCardProps {\n  isDisabled?: boolean;\n}\n\nfunction openVerificationUrl(challenge: LLMSubscriptionDeviceChallenge) {\n  const url = challenge.verificationUriComplete ?? challenge.verificationUri;\n  window.open(url, \"_blank\", \"noopener,noreferrer\");\n}\n\nexport function OpenAISubscriptionAuthCard({\n  isDisabled = false,\n}: OpenAISubscriptionAuthCardProps) {\n  const { t } = useTranslation(\"openhands\");\n  const status = useOpenAISubscriptionStatus();\n  const startLogin = useStartOpenAISubscriptionLogin();\n  const pollLogin = usePollOpenAISubscriptionLogin();\n  const logout = useLogoutOpenAISubscription();\n  const [challenge, setChallenge] =\n    React.useState<LLMSubscriptionDeviceChallenge | null>(null);\n  const [copied, setCopied] = React.useState(false);\n  const [isPendingLogin, setIsPendingLogin] = React.useState(false);\n  const pollTimeoutRef = React.useRef<number | null>(null);\n\n  const clearPollTimeout = React.useCallback(() => {\n    if (pollTimeoutRef.current !== null) {\n      window.clearTimeout(pollTimeoutRef.current);\n      pollTimeoutRef.current = null;\n    }\n  }, []);\n\n  const handleCopyCode = () => {\n    if (!challenge) return;\n    navigator.clipboard.writeText(challenge.userCode);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  };\n\n  const isBusy =\n    startLogin.isPending || pollLogin.isPending || logout.isPending;\n  const connected = Boolean(status.data?.connected);\n\n  const pollDeviceLogin = React.useCallback(\n    async (deviceCode: string) => {\n      try {\n        const nextStatus = await pollLogin.mutateAsync(deviceCode);\n        if (nextStatus.connected) {\n          setChallenge(null);\n          setIsPendingLogin(false);\n          displaySuccessToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECTED_TOAST));\n          return true;\n        }\n        setIsPendingLogin(true);\n        return false;\n      } catch {\n        displayErrorToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR));\n        return true;\n      }\n    },\n    [pollLogin, t],\n  );\n\n  React.useEffect(() => {\n    if (!challenge || connected || isDisabled) {\n      return undefined;\n    }\n\n    let cancelled = false;\n    const intervalSeconds = Math.max(\n      challenge.intervalSeconds ?? DEFAULT_DEVICE_POLL_INTERVAL_SECONDS,\n      MIN_DEVICE_POLL_INTERVAL_SECONDS,\n    );\n\n    const schedulePoll = () => {\n      clearPollTimeout();\n      pollTimeoutRef.current = window.setTimeout(async () => {\n        if (cancelled) {\n          return;\n        }\n\n        const shouldStop = await pollDeviceLogin(challenge.deviceCode);\n        if (!cancelled && !shouldStop) {\n          schedulePoll();\n        }\n      }, intervalSeconds * 1000);\n    };\n\n    schedulePoll();\n\n    return () => {\n      cancelled = true;\n      clearPollTimeout();\n    };\n  }, [challenge, clearPollTimeout, connected, isDisabled, pollDeviceLogin]);\n\n  const handleStartLogin = async () => {\n    try {\n      const nextChallenge = await startLogin.mutateAsync();\n      setChallenge(nextChallenge);\n      setIsPendingLogin(true);\n      openVerificationUrl(nextChallenge);\n    } catch {\n      displayErrorToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR));\n    }\n  };\n\n  const handlePollLogin = async () => {\n    if (!challenge) return;\n    clearPollTimeout();\n    void pollDeviceLogin(challenge.deviceCode);\n  };\n\n  const handleLogout = async () => {\n    try {\n      await logout.mutateAsync();\n      clearPollTimeout();\n      setChallenge(null);\n      setIsPendingLogin(false);\n      displaySuccessToast(t(I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECTED_TOAST));\n    } catch {\n      displayErrorToast(t(I18nKey.ERROR$GENERIC));\n    }\n  };\n\n  const handleCancelLogin = () => {\n    clearPollTimeout();\n    setChallenge(null);\n    setIsPendingLogin(false);\n  };\n\n  return (\n    <section\n      data-testid=\"openai-subscription-auth-card\"\n      className=\"flex flex-col gap-4 rounded-xl border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-4\"\n    >\n      <div className=\"flex flex-col gap-2\">\n        <Typography.H3>\n          {t(I18nKey.SETTINGS$SUBSCRIPTION_CARD_TITLE)}\n        </Typography.H3>\n        <Typography.Paragraph className=\"text-tertiary-alt text-sm leading-5\">\n          {t(I18nKey.SETTINGS$SUBSCRIPTION_CARD_DESCRIPTION)}\n        </Typography.Paragraph>\n      </div>\n\n      <div\n        className=\"flex flex-col gap-1 text-sm\"\n        data-testid=\"subscription-status\"\n      >\n        {status.isLoading ? (\n          <span className=\"text-tertiary-light\">\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CHECKING)}\n          </span>\n        ) : status.isError ? (\n          <span className=\"text-danger\">\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_UNAVAILABLE)}\n          </span>\n        ) : connected ? (\n          <>\n            <span className=\"text-success\">\n              {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CONNECTED)}\n            </span>\n            {status.data?.accountEmail ? (\n              <span className=\"text-tertiary-light\">\n                {t(I18nKey.SETTINGS$SUBSCRIPTION_ACCOUNT, {\n                  account: status.data.accountEmail,\n                })}\n              </span>\n            ) : null}\n          </>\n        ) : (\n          <span className=\"text-warning\">\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_DISCONNECTED)}\n          </span>\n        )}\n      </div>\n\n      {challenge ? (\n        <div\n          data-testid=\"subscription-device-challenge\"\n          className=\"flex flex-col gap-2 rounded-lg border border-[var(--oh-border-subtle)] p-3 text-sm\"\n        >\n          <span>{t(I18nKey.SETTINGS$SUBSCRIPTION_DEVICE_INSTRUCTIONS)}</span>\n          <div className=\"flex items-center gap-2 rounded-lg bg-[var(--oh-surface-deep)] px-3 py-2 font-mono text-base text-[var(--oh-foreground)]\">\n            <span className=\"flex-1 select-all\">{challenge.userCode}</span>\n            <CopyToClipboardButton\n              isHidden={false}\n              isDisabled={false}\n              onClick={handleCopyCode}\n              mode={copied ? \"copied\" : \"copy\"}\n            />\n          </div>\n          <a\n            href={\n              challenge.verificationUriComplete ?? challenge.verificationUri\n            }\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className=\"inline-flex items-center gap-1 text-sm text-[var(--oh-accent)] underline\"\n          >\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_OPEN_LOGIN)}\n            <ExternalLink size={14} aria-hidden />\n          </a>\n          {isPendingLogin ? (\n            <span className=\"text-warning\">\n              {t(I18nKey.SETTINGS$SUBSCRIPTION_PENDING_TOAST)}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"flex flex-wrap gap-2\">\n        {connected ? (\n          <BrandButton\n            testId=\"subscription-disconnect\"\n            type=\"button\"\n            variant=\"tertiary\"\n            isDisabled={isDisabled || isBusy}\n            onClick={handleLogout}\n          >\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECT)}\n          </BrandButton>\n        ) : (\n          <BrandButton\n            testId=\"subscription-connect\"\n            type=\"button\"\n            variant=\"primary\"\n            isDisabled={isDisabled || isBusy}\n            onClick={handleStartLogin}\n          >\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT)}\n          </BrandButton>\n        )}\n\n        {challenge ? (\n          <>\n            <BrandButton\n              testId=\"subscription-poll\"\n              type=\"button\"\n              variant=\"secondary\"\n              isDisabled={isDisabled || isBusy}\n              onClick={handlePollLogin}\n            >\n              {t(I18nKey.SETTINGS$SUBSCRIPTION_FINISH_SIGN_IN)}\n            </BrandButton>\n            <BrandButton\n              testId=\"subscription-cancel\"\n              type=\"button\"\n              variant=\"tertiary\"\n              isDisabled={isDisabled || isBusy}\n              onClick={handleCancelLogin}\n            >\n              {t(I18nKey.BUTTON$CANCEL)}\n            </BrandButton>\n          </>\n        ) : null}\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"openai-subscription-auth-card.cjs","names":[],"sources":["../../../../../src/components/features/settings/llm-settings/openai-subscription-auth-card.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ExternalLink } from \"lucide-react\";\nimport type { LLMSubscriptionDeviceChallenge } from \"#/api/llm-subscription-service\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { CopyToClipboardButton } from \"#/components/shared/buttons/copy-to-clipboard-button\";\nimport {\n  useLogoutOpenAISubscription,\n  usePollOpenAISubscriptionLogin,\n  useStartOpenAISubscriptionLogin,\n} from \"#/hooks/mutation/use-llm-subscription-auth\";\nimport { useOpenAISubscriptionStatus } from \"#/hooks/query/use-llm-subscription-status\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Typography } from \"#/ui/typography\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\n\nconst DEFAULT_DEVICE_POLL_INTERVAL_SECONDS = 5;\nconst MIN_DEVICE_POLL_INTERVAL_SECONDS = 1;\n\ninterface OpenAISubscriptionAuthCardProps {\n  isDisabled?: boolean;\n}\n\nfunction openVerificationUrl(challenge: LLMSubscriptionDeviceChallenge) {\n  const url = challenge.verificationUriComplete ?? challenge.verificationUri;\n  window.open(url, \"_blank\", \"noopener,noreferrer\");\n}\n\nexport function OpenAISubscriptionAuthCard({\n  isDisabled = false,\n}: OpenAISubscriptionAuthCardProps) {\n  const { t } = useTranslation(\"openhands\");\n  const status = useOpenAISubscriptionStatus();\n  const startLogin = useStartOpenAISubscriptionLogin();\n  const pollLogin = usePollOpenAISubscriptionLogin();\n  const logout = useLogoutOpenAISubscription();\n  const [challenge, setChallenge] =\n    React.useState<LLMSubscriptionDeviceChallenge | null>(null);\n  const [copied, setCopied] = React.useState(false);\n  const [isPendingLogin, setIsPendingLogin] = React.useState(false);\n  const pollTimeoutRef = React.useRef<number | null>(null);\n\n  const clearPollTimeout = React.useCallback(() => {\n    if (pollTimeoutRef.current !== null) {\n      window.clearTimeout(pollTimeoutRef.current);\n      pollTimeoutRef.current = null;\n    }\n  }, []);\n\n  const handleCopyCode = () => {\n    if (!challenge) return;\n    navigator.clipboard.writeText(challenge.userCode);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  };\n\n  const isBusy =\n    startLogin.isPending || pollLogin.isPending || logout.isPending;\n  const connected = Boolean(status.data?.connected);\n\n  const pollDeviceLogin = React.useCallback(\n    async (deviceCode: string) => {\n      try {\n        const nextStatus = await pollLogin.mutateAsync(deviceCode);\n        if (nextStatus.connected) {\n          setChallenge(null);\n          setIsPendingLogin(false);\n          displaySuccessToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECTED_TOAST));\n          return true;\n        }\n        setIsPendingLogin(true);\n        return false;\n      } catch {\n        displayErrorToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR));\n        return true;\n      }\n    },\n    [pollLogin, t],\n  );\n\n  React.useEffect(() => {\n    if (!challenge || connected || isDisabled) {\n      return undefined;\n    }\n\n    let cancelled = false;\n    const intervalSeconds = Math.max(\n      challenge.intervalSeconds ?? DEFAULT_DEVICE_POLL_INTERVAL_SECONDS,\n      MIN_DEVICE_POLL_INTERVAL_SECONDS,\n    );\n\n    const schedulePoll = () => {\n      clearPollTimeout();\n      pollTimeoutRef.current = window.setTimeout(async () => {\n        if (cancelled) {\n          return;\n        }\n\n        const shouldStop = await pollDeviceLogin(challenge.deviceCode);\n        if (!cancelled && !shouldStop) {\n          schedulePoll();\n        }\n      }, intervalSeconds * 1000);\n    };\n\n    schedulePoll();\n\n    return () => {\n      cancelled = true;\n      clearPollTimeout();\n    };\n  }, [challenge, clearPollTimeout, connected, isDisabled, pollDeviceLogin]);\n\n  const handleStartLogin = async () => {\n    try {\n      const nextChallenge = await startLogin.mutateAsync();\n      setChallenge(nextChallenge);\n      setIsPendingLogin(true);\n      openVerificationUrl(nextChallenge);\n    } catch {\n      displayErrorToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR));\n    }\n  };\n\n  const handlePollLogin = async () => {\n    if (!challenge) return;\n    clearPollTimeout();\n    void pollDeviceLogin(challenge.deviceCode);\n  };\n\n  const handleLogout = async () => {\n    try {\n      await logout.mutateAsync();\n      clearPollTimeout();\n      setChallenge(null);\n      setIsPendingLogin(false);\n      displaySuccessToast(t(I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECTED_TOAST));\n    } catch {\n      displayErrorToast(t(I18nKey.ERROR$GENERIC));\n    }\n  };\n\n  const handleCancelLogin = () => {\n    clearPollTimeout();\n    setChallenge(null);\n    setIsPendingLogin(false);\n  };\n\n  return (\n    <section\n      data-testid=\"openai-subscription-auth-card\"\n      className=\"flex flex-col gap-4 rounded-xl border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-4\"\n    >\n      <div className=\"flex flex-col gap-2\">\n        <Typography.H3>\n          {t(I18nKey.SETTINGS$SUBSCRIPTION_CARD_TITLE)}\n        </Typography.H3>\n        <Typography.Paragraph className=\"text-tertiary-alt text-sm leading-5\">\n          {t(I18nKey.SETTINGS$SUBSCRIPTION_CARD_DESCRIPTION)}\n        </Typography.Paragraph>\n      </div>\n\n      <div\n        className=\"flex flex-col gap-1 text-sm\"\n        data-testid=\"subscription-status\"\n      >\n        {status.isLoading ? (\n          <span className=\"text-tertiary-light\">\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CHECKING)}\n          </span>\n        ) : status.isError ? (\n          <span className=\"text-danger\">\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_UNAVAILABLE)}\n          </span>\n        ) : connected ? (\n          <>\n            <span className=\"text-success\">\n              {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CONNECTED)}\n            </span>\n            {status.data?.accountEmail ? (\n              <span className=\"text-tertiary-light\">\n                {t(I18nKey.SETTINGS$SUBSCRIPTION_ACCOUNT, {\n                  account: status.data.accountEmail,\n                })}\n              </span>\n            ) : null}\n          </>\n        ) : (\n          <span className=\"text-warning\">\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_DISCONNECTED)}\n          </span>\n        )}\n      </div>\n\n      {challenge ? (\n        <div\n          data-testid=\"subscription-device-challenge\"\n          className=\"flex flex-col gap-2 rounded-lg border border-[var(--oh-border-subtle)] p-3 text-sm\"\n        >\n          <span>{t(I18nKey.SETTINGS$SUBSCRIPTION_DEVICE_INSTRUCTIONS)}</span>\n          <div className=\"flex items-center gap-2 rounded-lg bg-[var(--oh-surface-deep)] px-3 py-2 font-mono text-base font-semibold text-white\">\n            <span\n              data-testid=\"subscription-user-code\"\n              className=\"flex-1 select-all tracking-[0.08em]\"\n            >\n              {challenge.userCode}\n            </span>\n            <CopyToClipboardButton\n              isHidden={false}\n              isDisabled={false}\n              onClick={handleCopyCode}\n              mode={copied ? \"copied\" : \"copy\"}\n            />\n          </div>\n          <a\n            href={\n              challenge.verificationUriComplete ?? challenge.verificationUri\n            }\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className=\"inline-flex items-center gap-1 text-sm text-[var(--oh-accent)] underline\"\n          >\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_OPEN_LOGIN)}\n            <ExternalLink size={14} aria-hidden />\n          </a>\n          {isPendingLogin ? (\n            <span className=\"text-warning\">\n              {t(I18nKey.SETTINGS$SUBSCRIPTION_PENDING_TOAST)}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"flex flex-wrap gap-2\">\n        {connected ? (\n          <BrandButton\n            testId=\"subscription-disconnect\"\n            type=\"button\"\n            variant=\"tertiary\"\n            isDisabled={isDisabled || isBusy}\n            onClick={handleLogout}\n          >\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECT)}\n          </BrandButton>\n        ) : (\n          <BrandButton\n            testId=\"subscription-connect\"\n            type=\"button\"\n            variant=\"primary\"\n            isDisabled={isDisabled || isBusy}\n            onClick={handleStartLogin}\n          >\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT)}\n          </BrandButton>\n        )}\n\n        {challenge ? (\n          <>\n            <BrandButton\n              testId=\"subscription-poll\"\n              type=\"button\"\n              variant=\"secondary\"\n              isDisabled={isDisabled || isBusy}\n              onClick={handlePollLogin}\n            >\n              {t(I18nKey.SETTINGS$SUBSCRIPTION_FINISH_SIGN_IN)}\n            </BrandButton>\n            <BrandButton\n              testId=\"subscription-cancel\"\n              type=\"button\"\n              variant=\"tertiary\"\n              isDisabled={isDisabled || isBusy}\n              onClick={handleCancelLogin}\n            >\n              {t(I18nKey.BUTTON$CANCEL)}\n            </BrandButton>\n          </>\n        ) : null}\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/settings/llm-settings/openai-subscription-auth-card.js

@@ -82,9 +82,10 @@ function y({ isDisabled: y = !1 }) {
 				children: [
 					/* @__PURE__ */ m("span", { children: b(t.SETTINGS$SUBSCRIPTION_DEVICE_INSTRUCTIONS) }),
 					/* @__PURE__ */ h("div", {
-						className: "flex items-center gap-2 rounded-lg bg-[var(--oh-surface-deep)] px-3 py-2 font-mono text-base text-[var(--oh-foreground)]",
+						className: "flex items-center gap-2 rounded-lg bg-[var(--oh-surface-deep)] px-3 py-2 font-mono text-base font-semibold text-white",
 						children: [/* @__PURE__ */ m("span", {
-							className: "flex-1 select-all",
+							"data-testid": "subscription-user-code",
+							className: "flex-1 select-all tracking-[0.08em]",
 							children: T.userCode
 						}), /* @__PURE__ */ m(a, {
 							isHidden: !1,

package/dist/components/features/settings/llm-settings/openai-subscription-auth-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"openai-subscription-auth-card.js","names":[],"sources":["../../../../../src/components/features/settings/llm-settings/openai-subscription-auth-card.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ExternalLink } from \"lucide-react\";\nimport type { LLMSubscriptionDeviceChallenge } from \"#/api/llm-subscription-service\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { CopyToClipboardButton } from \"#/components/shared/buttons/copy-to-clipboard-button\";\nimport {\n  useLogoutOpenAISubscription,\n  usePollOpenAISubscriptionLogin,\n  useStartOpenAISubscriptionLogin,\n} from \"#/hooks/mutation/use-llm-subscription-auth\";\nimport { useOpenAISubscriptionStatus } from \"#/hooks/query/use-llm-subscription-status\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Typography } from \"#/ui/typography\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\n\nconst DEFAULT_DEVICE_POLL_INTERVAL_SECONDS = 5;\nconst MIN_DEVICE_POLL_INTERVAL_SECONDS = 1;\n\ninterface OpenAISubscriptionAuthCardProps {\n  isDisabled?: boolean;\n}\n\nfunction openVerificationUrl(challenge: LLMSubscriptionDeviceChallenge) {\n  const url = challenge.verificationUriComplete ?? challenge.verificationUri;\n  window.open(url, \"_blank\", \"noopener,noreferrer\");\n}\n\nexport function OpenAISubscriptionAuthCard({\n  isDisabled = false,\n}: OpenAISubscriptionAuthCardProps) {\n  const { t } = useTranslation(\"openhands\");\n  const status = useOpenAISubscriptionStatus();\n  const startLogin = useStartOpenAISubscriptionLogin();\n  const pollLogin = usePollOpenAISubscriptionLogin();\n  const logout = useLogoutOpenAISubscription();\n  const [challenge, setChallenge] =\n    React.useState<LLMSubscriptionDeviceChallenge | null>(null);\n  const [copied, setCopied] = React.useState(false);\n  const [isPendingLogin, setIsPendingLogin] = React.useState(false);\n  const pollTimeoutRef = React.useRef<number | null>(null);\n\n  const clearPollTimeout = React.useCallback(() => {\n    if (pollTimeoutRef.current !== null) {\n      window.clearTimeout(pollTimeoutRef.current);\n      pollTimeoutRef.current = null;\n    }\n  }, []);\n\n  const handleCopyCode = () => {\n    if (!challenge) return;\n    navigator.clipboard.writeText(challenge.userCode);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  };\n\n  const isBusy =\n    startLogin.isPending || pollLogin.isPending || logout.isPending;\n  const connected = Boolean(status.data?.connected);\n\n  const pollDeviceLogin = React.useCallback(\n    async (deviceCode: string) => {\n      try {\n        const nextStatus = await pollLogin.mutateAsync(deviceCode);\n        if (nextStatus.connected) {\n          setChallenge(null);\n          setIsPendingLogin(false);\n          displaySuccessToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECTED_TOAST));\n          return true;\n        }\n        setIsPendingLogin(true);\n        return false;\n      } catch {\n        displayErrorToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR));\n        return true;\n      }\n    },\n    [pollLogin, t],\n  );\n\n  React.useEffect(() => {\n    if (!challenge || connected || isDisabled) {\n      return undefined;\n    }\n\n    let cancelled = false;\n    const intervalSeconds = Math.max(\n      challenge.intervalSeconds ?? DEFAULT_DEVICE_POLL_INTERVAL_SECONDS,\n      MIN_DEVICE_POLL_INTERVAL_SECONDS,\n    );\n\n    const schedulePoll = () => {\n      clearPollTimeout();\n      pollTimeoutRef.current = window.setTimeout(async () => {\n        if (cancelled) {\n          return;\n        }\n\n        const shouldStop = await pollDeviceLogin(challenge.deviceCode);\n        if (!cancelled && !shouldStop) {\n          schedulePoll();\n        }\n      }, intervalSeconds * 1000);\n    };\n\n    schedulePoll();\n\n    return () => {\n      cancelled = true;\n      clearPollTimeout();\n    };\n  }, [challenge, clearPollTimeout, connected, isDisabled, pollDeviceLogin]);\n\n  const handleStartLogin = async () => {\n    try {\n      const nextChallenge = await startLogin.mutateAsync();\n      setChallenge(nextChallenge);\n      setIsPendingLogin(true);\n      openVerificationUrl(nextChallenge);\n    } catch {\n      displayErrorToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR));\n    }\n  };\n\n  const handlePollLogin = async () => {\n    if (!challenge) return;\n    clearPollTimeout();\n    void pollDeviceLogin(challenge.deviceCode);\n  };\n\n  const handleLogout = async () => {\n    try {\n      await logout.mutateAsync();\n      clearPollTimeout();\n      setChallenge(null);\n      setIsPendingLogin(false);\n      displaySuccessToast(t(I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECTED_TOAST));\n    } catch {\n      displayErrorToast(t(I18nKey.ERROR$GENERIC));\n    }\n  };\n\n  const handleCancelLogin = () => {\n    clearPollTimeout();\n    setChallenge(null);\n    setIsPendingLogin(false);\n  };\n\n  return (\n    <section\n      data-testid=\"openai-subscription-auth-card\"\n      className=\"flex flex-col gap-4 rounded-xl border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-4\"\n    >\n      <div className=\"flex flex-col gap-2\">\n        <Typography.H3>\n          {t(I18nKey.SETTINGS$SUBSCRIPTION_CARD_TITLE)}\n        </Typography.H3>\n        <Typography.Paragraph className=\"text-tertiary-alt text-sm leading-5\">\n          {t(I18nKey.SETTINGS$SUBSCRIPTION_CARD_DESCRIPTION)}\n        </Typography.Paragraph>\n      </div>\n\n      <div\n        className=\"flex flex-col gap-1 text-sm\"\n        data-testid=\"subscription-status\"\n      >\n        {status.isLoading ? (\n          <span className=\"text-tertiary-light\">\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CHECKING)}\n          </span>\n        ) : status.isError ? (\n          <span className=\"text-danger\">\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_UNAVAILABLE)}\n          </span>\n        ) : connected ? (\n          <>\n            <span className=\"text-success\">\n              {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CONNECTED)}\n            </span>\n            {status.data?.accountEmail ? (\n              <span className=\"text-tertiary-light\">\n                {t(I18nKey.SETTINGS$SUBSCRIPTION_ACCOUNT, {\n                  account: status.data.accountEmail,\n                })}\n              </span>\n            ) : null}\n          </>\n        ) : (\n          <span className=\"text-warning\">\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_DISCONNECTED)}\n          </span>\n        )}\n      </div>\n\n      {challenge ? (\n        <div\n          data-testid=\"subscription-device-challenge\"\n          className=\"flex flex-col gap-2 rounded-lg border border-[var(--oh-border-subtle)] p-3 text-sm\"\n        >\n          <span>{t(I18nKey.SETTINGS$SUBSCRIPTION_DEVICE_INSTRUCTIONS)}</span>\n          <div className=\"flex items-center gap-2 rounded-lg bg-[var(--oh-surface-deep)] px-3 py-2 font-mono text-base text-[var(--oh-foreground)]\">\n            <span className=\"flex-1 select-all\">{challenge.userCode}</span>\n            <CopyToClipboardButton\n              isHidden={false}\n              isDisabled={false}\n              onClick={handleCopyCode}\n              mode={copied ? \"copied\" : \"copy\"}\n            />\n          </div>\n          <a\n            href={\n              challenge.verificationUriComplete ?? challenge.verificationUri\n            }\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className=\"inline-flex items-center gap-1 text-sm text-[var(--oh-accent)] underline\"\n          >\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_OPEN_LOGIN)}\n            <ExternalLink size={14} aria-hidden />\n          </a>\n          {isPendingLogin ? (\n            <span className=\"text-warning\">\n              {t(I18nKey.SETTINGS$SUBSCRIPTION_PENDING_TOAST)}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"flex flex-wrap gap-2\">\n        {connected ? (\n          <BrandButton\n            testId=\"subscription-disconnect\"\n            type=\"button\"\n            variant=\"tertiary\"\n            isDisabled={isDisabled || isBusy}\n            onClick={handleLogout}\n          >\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECT)}\n          </BrandButton>\n        ) : (\n          <BrandButton\n            testId=\"subscription-connect\"\n            type=\"button\"\n            variant=\"primary\"\n            isDisabled={isDisabled || isBusy}\n            onClick={handleStartLogin}\n          >\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT)}\n          </BrandButton>\n        )}\n\n        {challenge ? (\n          <>\n            <BrandButton\n              testId=\"subscription-poll\"\n              type=\"button\"\n              variant=\"secondary\"\n              isDisabled={isDisabled || isBusy}\n              onClick={handlePollLogin}\n            >\n              {t(I18nKey.SETTINGS$SUBSCRIPTION_FINISH_SIGN_IN)}\n            </BrandButton>\n            <BrandButton\n              testId=\"subscription-cancel\"\n              type=\"button\"\n              variant=\"tertiary\"\n              isDisabled={isDisabled || isBusy}\n              onClick={handleCancelLogin}\n            >\n              {t(I18nKey.BUTTON$CANCEL)}\n            </BrandButton>\n          </>\n        ) : null}\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"openai-subscription-auth-card.js","names":[],"sources":["../../../../../src/components/features/settings/llm-settings/openai-subscription-auth-card.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ExternalLink } from \"lucide-react\";\nimport type { LLMSubscriptionDeviceChallenge } from \"#/api/llm-subscription-service\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { CopyToClipboardButton } from \"#/components/shared/buttons/copy-to-clipboard-button\";\nimport {\n  useLogoutOpenAISubscription,\n  usePollOpenAISubscriptionLogin,\n  useStartOpenAISubscriptionLogin,\n} from \"#/hooks/mutation/use-llm-subscription-auth\";\nimport { useOpenAISubscriptionStatus } from \"#/hooks/query/use-llm-subscription-status\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Typography } from \"#/ui/typography\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\n\nconst DEFAULT_DEVICE_POLL_INTERVAL_SECONDS = 5;\nconst MIN_DEVICE_POLL_INTERVAL_SECONDS = 1;\n\ninterface OpenAISubscriptionAuthCardProps {\n  isDisabled?: boolean;\n}\n\nfunction openVerificationUrl(challenge: LLMSubscriptionDeviceChallenge) {\n  const url = challenge.verificationUriComplete ?? challenge.verificationUri;\n  window.open(url, \"_blank\", \"noopener,noreferrer\");\n}\n\nexport function OpenAISubscriptionAuthCard({\n  isDisabled = false,\n}: OpenAISubscriptionAuthCardProps) {\n  const { t } = useTranslation(\"openhands\");\n  const status = useOpenAISubscriptionStatus();\n  const startLogin = useStartOpenAISubscriptionLogin();\n  const pollLogin = usePollOpenAISubscriptionLogin();\n  const logout = useLogoutOpenAISubscription();\n  const [challenge, setChallenge] =\n    React.useState<LLMSubscriptionDeviceChallenge | null>(null);\n  const [copied, setCopied] = React.useState(false);\n  const [isPendingLogin, setIsPendingLogin] = React.useState(false);\n  const pollTimeoutRef = React.useRef<number | null>(null);\n\n  const clearPollTimeout = React.useCallback(() => {\n    if (pollTimeoutRef.current !== null) {\n      window.clearTimeout(pollTimeoutRef.current);\n      pollTimeoutRef.current = null;\n    }\n  }, []);\n\n  const handleCopyCode = () => {\n    if (!challenge) return;\n    navigator.clipboard.writeText(challenge.userCode);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  };\n\n  const isBusy =\n    startLogin.isPending || pollLogin.isPending || logout.isPending;\n  const connected = Boolean(status.data?.connected);\n\n  const pollDeviceLogin = React.useCallback(\n    async (deviceCode: string) => {\n      try {\n        const nextStatus = await pollLogin.mutateAsync(deviceCode);\n        if (nextStatus.connected) {\n          setChallenge(null);\n          setIsPendingLogin(false);\n          displaySuccessToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECTED_TOAST));\n          return true;\n        }\n        setIsPendingLogin(true);\n        return false;\n      } catch {\n        displayErrorToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR));\n        return true;\n      }\n    },\n    [pollLogin, t],\n  );\n\n  React.useEffect(() => {\n    if (!challenge || connected || isDisabled) {\n      return undefined;\n    }\n\n    let cancelled = false;\n    const intervalSeconds = Math.max(\n      challenge.intervalSeconds ?? DEFAULT_DEVICE_POLL_INTERVAL_SECONDS,\n      MIN_DEVICE_POLL_INTERVAL_SECONDS,\n    );\n\n    const schedulePoll = () => {\n      clearPollTimeout();\n      pollTimeoutRef.current = window.setTimeout(async () => {\n        if (cancelled) {\n          return;\n        }\n\n        const shouldStop = await pollDeviceLogin(challenge.deviceCode);\n        if (!cancelled && !shouldStop) {\n          schedulePoll();\n        }\n      }, intervalSeconds * 1000);\n    };\n\n    schedulePoll();\n\n    return () => {\n      cancelled = true;\n      clearPollTimeout();\n    };\n  }, [challenge, clearPollTimeout, connected, isDisabled, pollDeviceLogin]);\n\n  const handleStartLogin = async () => {\n    try {\n      const nextChallenge = await startLogin.mutateAsync();\n      setChallenge(nextChallenge);\n      setIsPendingLogin(true);\n      openVerificationUrl(nextChallenge);\n    } catch {\n      displayErrorToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR));\n    }\n  };\n\n  const handlePollLogin = async () => {\n    if (!challenge) return;\n    clearPollTimeout();\n    void pollDeviceLogin(challenge.deviceCode);\n  };\n\n  const handleLogout = async () => {\n    try {\n      await logout.mutateAsync();\n      clearPollTimeout();\n      setChallenge(null);\n      setIsPendingLogin(false);\n      displaySuccessToast(t(I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECTED_TOAST));\n    } catch {\n      displayErrorToast(t(I18nKey.ERROR$GENERIC));\n    }\n  };\n\n  const handleCancelLogin = () => {\n    clearPollTimeout();\n    setChallenge(null);\n    setIsPendingLogin(false);\n  };\n\n  return (\n    <section\n      data-testid=\"openai-subscription-auth-card\"\n      className=\"flex flex-col gap-4 rounded-xl border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-4\"\n    >\n      <div className=\"flex flex-col gap-2\">\n        <Typography.H3>\n          {t(I18nKey.SETTINGS$SUBSCRIPTION_CARD_TITLE)}\n        </Typography.H3>\n        <Typography.Paragraph className=\"text-tertiary-alt text-sm leading-5\">\n          {t(I18nKey.SETTINGS$SUBSCRIPTION_CARD_DESCRIPTION)}\n        </Typography.Paragraph>\n      </div>\n\n      <div\n        className=\"flex flex-col gap-1 text-sm\"\n        data-testid=\"subscription-status\"\n      >\n        {status.isLoading ? (\n          <span className=\"text-tertiary-light\">\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CHECKING)}\n          </span>\n        ) : status.isError ? (\n          <span className=\"text-danger\">\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_UNAVAILABLE)}\n          </span>\n        ) : connected ? (\n          <>\n            <span className=\"text-success\">\n              {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CONNECTED)}\n            </span>\n            {status.data?.accountEmail ? (\n              <span className=\"text-tertiary-light\">\n                {t(I18nKey.SETTINGS$SUBSCRIPTION_ACCOUNT, {\n                  account: status.data.accountEmail,\n                })}\n              </span>\n            ) : null}\n          </>\n        ) : (\n          <span className=\"text-warning\">\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_DISCONNECTED)}\n          </span>\n        )}\n      </div>\n\n      {challenge ? (\n        <div\n          data-testid=\"subscription-device-challenge\"\n          className=\"flex flex-col gap-2 rounded-lg border border-[var(--oh-border-subtle)] p-3 text-sm\"\n        >\n          <span>{t(I18nKey.SETTINGS$SUBSCRIPTION_DEVICE_INSTRUCTIONS)}</span>\n          <div className=\"flex items-center gap-2 rounded-lg bg-[var(--oh-surface-deep)] px-3 py-2 font-mono text-base font-semibold text-white\">\n            <span\n              data-testid=\"subscription-user-code\"\n              className=\"flex-1 select-all tracking-[0.08em]\"\n            >\n              {challenge.userCode}\n            </span>\n            <CopyToClipboardButton\n              isHidden={false}\n              isDisabled={false}\n              onClick={handleCopyCode}\n              mode={copied ? \"copied\" : \"copy\"}\n            />\n          </div>\n          <a\n            href={\n              challenge.verificationUriComplete ?? challenge.verificationUri\n            }\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className=\"inline-flex items-center gap-1 text-sm text-[var(--oh-accent)] underline\"\n          >\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_OPEN_LOGIN)}\n            <ExternalLink size={14} aria-hidden />\n          </a>\n          {isPendingLogin ? (\n            <span className=\"text-warning\">\n              {t(I18nKey.SETTINGS$SUBSCRIPTION_PENDING_TOAST)}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"flex flex-wrap gap-2\">\n        {connected ? (\n          <BrandButton\n            testId=\"subscription-disconnect\"\n            type=\"button\"\n            variant=\"tertiary\"\n            isDisabled={isDisabled || isBusy}\n            onClick={handleLogout}\n          >\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECT)}\n          </BrandButton>\n        ) : (\n          <BrandButton\n            testId=\"subscription-connect\"\n            type=\"button\"\n            variant=\"primary\"\n            isDisabled={isDisabled || isBusy}\n            onClick={handleStartLogin}\n          >\n            {t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT)}\n          </BrandButton>\n        )}\n\n        {challenge ? (\n          <>\n            <BrandButton\n              testId=\"subscription-poll\"\n              type=\"button\"\n              variant=\"secondary\"\n              isDisabled={isDisabled || isBusy}\n              onClick={handlePollLogin}\n            >\n              {t(I18nKey.SETTINGS$SUBSCRIPTION_FINISH_SIGN_IN)}\n            </BrandButton>\n            <BrandButton\n              testId=\"subscription-cancel\"\n              type=\"button\"\n              variant=\"tertiary\"\n              isDisabled={isDisabled || isBusy}\n              onClick={handleCancelLogin}\n            >\n              {t(I18nKey.BUTTON$CANCEL)}\n            </BrandButton>\n          </>\n        ) : null}\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/settings/mcp-settings/mcp-server-form.cjs

@@ -1,10 +1,10 @@
-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/trash-2.cjs`),i=require(`../../../../utils/utils.cjs`),a=require(`../../../../utils/form-control-classes.cjs`),o=require(`../brand-button.cjs`),s=require(`../optional-tag.cjs`),c=require(`../settings-input.cjs`),l=require(`../settings-dropdown-input.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);function f({mode:e,server:f,existingServers:p,onSubmit:m,onCancel:h,onDelete:g,isActionDisabled:_=!1,onTest:v,isTestPending:y=!1,testMessage:b=null}){let{t:x}=t.useTranslation(`openhands`),[S,C]=u.default.useState(f?.type||`sse`),[w,T]=u.default.useState(null),E=u.default.useRef(null),D=[{key:`sse`,label:x(n.I18nKey.SETTINGS$MCP_SERVER_TYPE_SSE)},{key:`stdio`,label:x(n.I18nKey.SETTINGS$MCP_SERVER_TYPE_STDIO)},{key:`shttp`,label:x(n.I18nKey.SETTINGS$MCP_SERVER_TYPE_SHTTP)}],O=e=>{if(!e)return x(n.I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);try{let t=new URL(e);if(![`http:`,`https:`].includes(t.protocol))return x(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL)}catch{return x(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID)}return null},k=e=>e?/^[a-zA-Z0-9_-]+$/.test(e)?null:x(n.I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID):x(n.I18nKey.SETTINGS$MCP_ERROR_NAME_REQUIRED),A=t=>!p||!(e===`add`||e===`edit`&&f?.name!==t)?null:p.filter(e=>e.type===`stdio`).map(e=>e.name).filter(Boolean).includes(t)?x(n.I18nKey.SETTINGS$MCP_ERROR_NAME_DUPLICATE):null,j=e=>e?e.includes(` `)?x(n.I18nKey.SETTINGS$MCP_ERROR_COMMAND_NO_SPACES):null:x(n.I18nKey.SETTINGS$MCP_ERROR_COMMAND_REQUIRED),M=t=>{if(!p)return null;let r=f?.url;return(e===`add`||e===`edit`&&r!==t)&&p.some(e=>(e.type===`sse`||e.type===`shttp`)&&e.url===t)?x(n.I18nKey.SETTINGS$MCP_ERROR_URL_DUPLICATE):null},N=e=>{if(!e.trim())return null;let t=e.split(`
-`);for(let e=0;e<t.length;e+=1){let r=t[e].trim();if(r){let e=r.indexOf(`=`);if(e===-1||!r.substring(0,e).trim())return x(n.I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT)}}return null},P=e=>{if(!e.trim())return null;let t=parseInt(e.trim(),10);return Number.isNaN(t)?x(n.I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_INVALID_NUMBER):t<=0?x(n.I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_POSITIVE):t>3600?x(n.I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_MAX_EXCEEDED):null},F=e=>{let t=e.get(`name`)?.toString().trim()||``,n=e.get(`command`)?.toString().trim()||``,r=e.get(`env`)?.toString()||``;return k(t)||A(t)||j(n)||N(r)||null},I=e=>{if(S===`sse`||S===`shttp`){let t=e.get(`url`)?.toString().trim()||``,r=O(t);if(r)return r;let i=M(t);if(i)return i;let a=e.get(`name`)?.toString().trim()||``;if(a&&!/^[a-zA-Z0-9_-]+$/.test(a))return x(n.I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID);if(S===`shttp`){let t=P(e.get(`timeout`)?.toString()||``);if(t)return t}return null}return S===`stdio`?F(e):null},L=e=>{let t={},n=e.trim();if(!n)return t;for(let e of n.split(`
-`)){let n=e.trim(),r=n.indexOf(`=`),i=r>=0?n.substring(0,r).trim():``;n&&r!==-1&&i&&(t[i]=n.substring(r+1).trim())}return t},R=e=>e?Object.entries(e).map(([e,t])=>`${e}=${t}`).join(`
-`):``,z=e=>{let t={id:f?.id||`${S}-${Date.now()}`,type:S};if(S===`sse`||S===`shttp`){let n=e.get(`name`)?.toString().trim(),r=e.get(`url`)?.toString().trim(),i=e.get(`api_key`)?.toString().trim(),a=e.get(`timeout`)?.toString().trim(),o={...t,...n&&{name:n},url:r,...i&&{api_key:i}};if(S===`shttp`&&a){let e=parseInt(a,10);Number.isNaN(e)||(o.timeout=e)}return o}let n=e.get(`name`)?.toString().trim(),r=e.get(`command`)?.toString().trim(),i=e.get(`args`)?.toString().trim(),a=e.get(`env`)?.toString().trim(),o=i?i.split(`
-`).map(e=>e.trim()).filter(Boolean):[],s=L(a||``);return{...t,name:n,command:r,...o.length>0&&{args:o},...Object.keys(s).length>0&&{env:s}}};return(0,d.jsxs)(`form`,{ref:E,"data-testid":e===`add`?`add-mcp-server-form`:`edit-mcp-server-form`,onSubmit:e=>{e.preventDefault(),T(null);let t=new FormData(e.currentTarget),n=I(t);if(n){T(n);return}m(z(t))},className:`flex flex-col items-start gap-6`,children:[e===`add`&&(0,d.jsx)(l.SettingsDropdownInput,{testId:`server-type-dropdown`,name:`server-type`,label:x(n.I18nKey.SETTINGS$MCP_SERVER_TYPE),items:D,selectedKey:S,onSelectionChange:e=>C(e),onInputChange:()=>{},isClearable:!1,allowsCustomValue:!1,required:!0,wrapperClassName:`w-full min-w-0`}),w&&(0,d.jsx)(`p`,{className:`text-red-500 text-sm`,children:w}),(S===`sse`||S===`shttp`)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.SettingsInput,{testId:`server-name-input`,name:`name`,type:`text`,label:x(n.I18nKey.SETTINGS$MCP_SERVER_NAME),className:`w-full min-w-0`,showOptionalTag:!0,defaultValue:f?.name||``,placeholder:`my-search-server`}),(0,d.jsx)(c.SettingsInput,{testId:`url-input`,name:`url`,type:`url`,label:x(n.I18nKey.SETTINGS$MCP_URL),className:`w-full min-w-0`,required:!0,defaultValue:f?.url||``,placeholder:`https://api.example.com`}),(0,d.jsx)(c.SettingsInput,{testId:`api-key-input`,name:`api_key`,type:`password`,label:x(n.I18nKey.SETTINGS$MCP_API_KEY),className:`w-full min-w-0`,showOptionalTag:!0,defaultValue:f?.api_key||``,placeholder:x(n.I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}),S===`shttp`&&(0,d.jsx)(c.SettingsInput,{testId:`timeout-input`,name:`timeout`,type:`number`,label:x(n.I18nKey.SETTINGS$MCP_TIMEOUT_LABEL),className:`w-full min-w-0`,showOptionalTag:!0,defaultValue:f?.timeout?.toString()||``,placeholder:`60`,min:1,max:3600})]}),S===`stdio`&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.SettingsInput,{testId:`name-input`,name:`name`,type:`text`,label:x(n.I18nKey.SETTINGS$MCP_NAME),className:`w-full min-w-0`,required:!0,defaultValue:f?.name||``,placeholder:`my-mcp-server`,pattern:`^[a-zA-Z0-9_-]+$`}),(0,d.jsx)(c.SettingsInput,{testId:`command-input`,name:`command`,type:`text`,label:x(n.I18nKey.SETTINGS$MCP_COMMAND),className:`w-full min-w-0`,required:!0,defaultValue:f?.command||``,placeholder:`npx`}),(0,d.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full min-w-0`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-sm`,children:x(n.I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS)}),(0,d.jsx)(s.OptionalTag,{})]}),(0,d.jsx)(`textarea`,{"data-testid":`args-input`,name:`args`,rows:3,defaultValue:f?.args?.join(`
+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/trash-2.cjs`),i=require(`../../../../utils/utils.cjs`),a=require(`../../../../utils/mcp-server-name.cjs`),o=require(`../../../../utils/form-control-classes.cjs`),s=require(`../brand-button.cjs`),c=require(`../optional-tag.cjs`),l=require(`../settings-input.cjs`),u=require(`../settings-dropdown-input.cjs`);let d=require(`react`);d=e.__toESM(d,1);let f=require(`react/jsx-runtime`);function p({mode:e,server:p,existingServers:m,onSubmit:h,onCancel:g,onDelete:_,isActionDisabled:v=!1,onTest:y,isTestPending:b=!1,testMessage:x=null}){let{t:S}=t.useTranslation(`openhands`),[C,w]=d.default.useState(p?.type||`sse`),[T,E]=d.default.useState(()=>p?.auth?.strategy===`oauth2`?`oauth2`:p?.auth?.strategy===`header`?`header`:p?.auth?.strategy===`bearer`||p?.auth?.strategy===`api_key`?`bearer`:`none`),[D,O]=d.default.useState(()=>p?.auth?.strategy===`oauth2`?p.auth.authentication?.client_auth_method??`auto`:`auto`),[k,A]=d.default.useState(null),j=d.default.useRef(null),M=[{key:`sse`,label:S(n.I18nKey.SETTINGS$MCP_SERVER_TYPE_SSE)},{key:`stdio`,label:S(n.I18nKey.SETTINGS$MCP_SERVER_TYPE_STDIO)},{key:`shttp`,label:S(n.I18nKey.SETTINGS$MCP_SERVER_TYPE_SHTTP)}],N=[{key:`none`,label:S(n.I18nKey.SETTINGS$MCP_AUTH_MODE_NONE)},{key:`bearer`,label:S(n.I18nKey.SETTINGS$MCP_AUTH_MODE_BEARER)},{key:`header`,label:S(n.I18nKey.SETTINGS$MCP_AUTH_MODE_HEADER)},{key:`oauth2`,label:S(n.I18nKey.SETTINGS$MCP_AUTH_MODE_OAUTH)}],P=[{key:`auto`,label:S(n.I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_AUTO)},{key:`none`,label:S(n.I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_NONE)},{key:`client_secret_post`,label:S(n.I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_SECRET_POST)},{key:`client_secret_basic`,label:S(n.I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_SECRET_BASIC)},{key:`private_key_jwt`,label:S(n.I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_PRIVATE_KEY_JWT)}],F=e=>{if(!e)return S(n.I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);try{let t=new URL(e);if(![`http:`,`https:`].includes(t.protocol))return S(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL)}catch{return S(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID)}return null},I=e=>e?a.isValidMcpServerName(e)?null:S(n.I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID):S(n.I18nKey.SETTINGS$MCP_ERROR_NAME_REQUIRED),L=t=>!m||!(e===`add`||e===`edit`&&p?.name!==t)?null:m.filter(e=>e.type===`stdio`).map(e=>e.name).filter(Boolean).includes(t)?S(n.I18nKey.SETTINGS$MCP_ERROR_NAME_DUPLICATE):null,R=e=>e?e.includes(` `)?S(n.I18nKey.SETTINGS$MCP_ERROR_COMMAND_NO_SPACES):null:S(n.I18nKey.SETTINGS$MCP_ERROR_COMMAND_REQUIRED),z=t=>{if(!m)return null;let r=p?.url;return(e===`add`||e===`edit`&&r!==t)&&m.some(e=>(e.type===`sse`||e.type===`shttp`)&&e.url===t)?S(n.I18nKey.SETTINGS$MCP_ERROR_URL_DUPLICATE):null},B=e=>{if(!e.trim())return null;let t=e.split(`
+`);for(let e=0;e<t.length;e+=1){let r=t[e].trim();if(r){let e=r.indexOf(`=`);if(e===-1||!r.substring(0,e).trim())return S(n.I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT)}}return null},V=e=>{if(T===`header`){let t=e.get(`headers`)?.toString()||``;return t.trim()?B(t):S(n.I18nKey.SETTINGS$MCP_ERROR_HEADER_REQUIRED)}if(T===`oauth2`){let t=e.get(`oauth_client_id`)?.toString().trim();if(e.get(`oauth_client_secret`)?.toString().trim()&&!t)return S(n.I18nKey.SETTINGS$MCP_ERROR_OAUTH_SECRET_REQUIRES_ID)}return null},H=e=>{if(!e.trim())return null;let t=parseInt(e.trim(),10);return Number.isNaN(t)?S(n.I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_INVALID_NUMBER):t<=0?S(n.I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_POSITIVE):t>3600?S(n.I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_MAX_EXCEEDED):null},U=e=>{let t=e.get(`name`)?.toString().trim()||``,n=e.get(`command`)?.toString().trim()||``,r=e.get(`env`)?.toString()||``;return I(t)||L(t)||R(n)||B(r)||null},W=e=>{if(C===`sse`||C===`shttp`){let t=e.get(`url`)?.toString().trim()||``,r=F(t);if(r)return r;let i=z(t);if(i)return i;let o=e.get(`name`)?.toString().trim()||``;if(o&&!a.isValidMcpServerName(o))return S(n.I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID);if(C===`shttp`){let t=H(e.get(`timeout`)?.toString()||``);if(t)return t}return V(e)}return C===`stdio`?U(e):null},G=e=>{let t={},n=e.trim();if(!n)return t;for(let e of n.split(`
+`)){let n=e.trim(),r=n.indexOf(`=`),i=r>=0?n.substring(0,r).trim():``;n&&r!==-1&&i&&(t[i]=n.substring(r+1).trim())}return t},K=e=>e?Object.entries(e).map(([e,t])=>`${e}=${t}`).join(`
+`):``,q=e=>e?.strategy===`bearer`||e?.strategy===`api_key`?e.value??``:``,J=e=>e?.strategy===`header`?K(e.headers):``,Y=p?.auth?.strategy===`oauth2`?p.auth.authentication:void 0,X=p?.auth?.strategy===`oauth2`?p.auth.state:void 0,Z=e=>{if(T===`none`)return;if(T===`bearer`){let t=e.get(`api_key`)?.toString().trim();return t?p?.auth?.strategy===`api_key`?{...p.auth,value:t}:{strategy:`bearer`,value:t}:void 0}if(T===`header`)return{strategy:`header`,headers:G(e.get(`headers`)?.toString()||``)};let t=e.get(`oauth_scopes`)?.toString().trim(),n=e.get(`oauth_client_id`)?.toString().trim(),r=e.get(`oauth_client_secret`)?.toString().trim();return{strategy:`oauth2`,authentication:{type:`oauth`,...D!==`auto`&&{client_auth_method:D},...t&&{scopes:t},...n&&{client_id:n},...r&&{client_secret:r}},...X&&{state:X}}},Q=e=>{let t={id:p?.id||`${C}-${Date.now()}`,type:C};if(C===`sse`||C===`shttp`){let n=e.get(`name`)?.toString().trim(),r=e.get(`url`)?.toString().trim(),i=e.get(`timeout`)?.toString().trim(),a=Z(e),o={...t,...n&&{name:n},url:r,...a&&{auth:a}};if(C===`shttp`&&i){let e=parseInt(i,10);Number.isNaN(e)||(o.timeout=e)}return o}let n=e.get(`name`)?.toString().trim(),r=e.get(`command`)?.toString().trim(),i=e.get(`args`)?.toString().trim(),a=e.get(`env`)?.toString().trim(),o=i?i.split(`
+`).map(e=>e.trim()).filter(Boolean):[],s=G(a||``);return{...t,name:n,command:r,...o.length>0&&{args:o},...Object.keys(s).length>0&&{env:s}}};return(0,f.jsxs)(`form`,{ref:j,"data-testid":e===`add`?`add-mcp-server-form`:`edit-mcp-server-form`,onSubmit:e=>{e.preventDefault(),A(null);let t=new FormData(e.currentTarget),n=W(t);if(n){A(n);return}h(Q(t))},className:`flex flex-col items-start gap-6`,noValidate:!0,children:[e===`add`&&(0,f.jsx)(u.SettingsDropdownInput,{testId:`server-type-dropdown`,name:`server-type`,label:S(n.I18nKey.SETTINGS$MCP_SERVER_TYPE),items:M,selectedKey:C,onSelectionChange:e=>w(e),onInputChange:()=>{},isClearable:!1,allowsCustomValue:!1,required:!0,wrapperClassName:`w-full min-w-0`}),k&&(0,f.jsx)(`p`,{className:`text-red-500 text-sm`,children:k}),(C===`sse`||C===`shttp`)&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(l.SettingsInput,{testId:`server-name-input`,name:`name`,type:`text`,label:S(n.I18nKey.SETTINGS$MCP_SERVER_NAME),className:`w-full min-w-0`,showOptionalTag:!0,defaultValue:p?.name||``,placeholder:`my_search_server`,pattern:a.MCP_SERVER_NAME_PATTERN.source}),(0,f.jsx)(l.SettingsInput,{testId:`url-input`,name:`url`,type:`url`,label:S(n.I18nKey.SETTINGS$MCP_URL),className:`w-full min-w-0`,required:!0,defaultValue:p?.url||``,placeholder:`https://api.example.com`}),(0,f.jsx)(u.SettingsDropdownInput,{testId:`auth-mode-dropdown`,name:`auth-mode`,label:S(n.I18nKey.SETTINGS$MCP_AUTHENTICATION),items:N,selectedKey:T,onSelectionChange:e=>E(e),onInputChange:()=>{},isClearable:!1,allowsCustomValue:!1,wrapperClassName:`w-full min-w-0`}),T===`bearer`&&(0,f.jsx)(l.SettingsInput,{testId:`api-key-input`,name:`api_key`,type:`password`,label:S(n.I18nKey.SETTINGS$MCP_API_KEY),className:`w-full min-w-0`,required:!0,defaultValue:q(p?.auth),placeholder:S(n.I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}),T===`header`&&(0,f.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full min-w-0`,children:[(0,f.jsx)(`span`,{className:`text-sm`,children:S(n.I18nKey.SETTINGS$MCP_HEADERS)}),(0,f.jsx)(`textarea`,{"data-testid":`headers-input`,name:`headers`,rows:4,defaultValue:J(p?.auth),placeholder:S(n.I18nKey.SETTINGS$MCP_HEADERS_PLACEHOLDER),className:i.cn(o.formControlMultilineFieldClassName,`resize-none placeholder:italic`,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]`)})]}),T===`oauth2`&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(u.SettingsDropdownInput,{testId:`oauth-client-auth-method-dropdown`,name:`oauth_client_auth_method`,label:S(n.I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH),items:P,selectedKey:D,onSelectionChange:e=>O(e),onInputChange:()=>{},isClearable:!1,allowsCustomValue:!1,wrapperClassName:`w-full min-w-0`}),(0,f.jsx)(l.SettingsInput,{testId:`oauth-client-id-input`,name:`oauth_client_id`,type:`text`,label:S(n.I18nKey.SETTINGS$MCP_OAUTH_CLIENT_ID),className:`w-full min-w-0`,showOptionalTag:!0,defaultValue:Y?.client_id||``,placeholder:S(n.I18nKey.SETTINGS$MCP_OAUTH_CLIENT_ID_PLACEHOLDER)}),(0,f.jsx)(l.SettingsInput,{testId:`oauth-client-secret-input`,name:`oauth_client_secret`,type:`password`,label:S(n.I18nKey.SETTINGS$MCP_OAUTH_CLIENT_SECRET),className:`w-full min-w-0`,showOptionalTag:!0,defaultValue:Y?.client_secret||``,placeholder:S(n.I18nKey.SETTINGS$MCP_OAUTH_CLIENT_SECRET_PLACEHOLDER)}),(0,f.jsx)(l.SettingsInput,{testId:`oauth-scopes-input`,name:`oauth_scopes`,type:`text`,label:S(n.I18nKey.SETTINGS$MCP_OAUTH_SCOPES),className:`w-full min-w-0`,showOptionalTag:!0,defaultValue:Array.isArray(Y?.scopes)?Y.scopes.join(` `):Y?.scopes||``,placeholder:S(n.I18nKey.SETTINGS$MCP_OAUTH_SCOPES_PLACEHOLDER)})]}),C===`shttp`&&(0,f.jsx)(l.SettingsInput,{testId:`timeout-input`,name:`timeout`,type:`number`,label:S(n.I18nKey.SETTINGS$MCP_TIMEOUT_LABEL),className:`w-full min-w-0`,showOptionalTag:!0,defaultValue:p?.timeout?.toString()||``,placeholder:`60`,min:1,max:3600})]}),C===`stdio`&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(l.SettingsInput,{testId:`name-input`,name:`name`,type:`text`,label:S(n.I18nKey.SETTINGS$MCP_NAME),className:`w-full min-w-0`,required:!0,defaultValue:p?.name||``,placeholder:`my_mcp_server`,pattern:a.MCP_SERVER_NAME_PATTERN.source}),(0,f.jsx)(l.SettingsInput,{testId:`command-input`,name:`command`,type:`text`,label:S(n.I18nKey.SETTINGS$MCP_COMMAND),className:`w-full min-w-0`,required:!0,defaultValue:p?.command||``,placeholder:`npx`}),(0,f.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full min-w-0`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(`span`,{className:`text-sm`,children:S(n.I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS)}),(0,f.jsx)(c.OptionalTag,{})]}),(0,f.jsx)(`textarea`,{"data-testid":`args-input`,name:`args`,rows:3,defaultValue:p?.args?.join(`
 `)||``,placeholder:`arg1
 arg2
-arg3`,className:i.cn(a.formControlMultilineFieldClassName,`resize-none placeholder:italic`,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]`)}),(0,d.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(n.I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS_HELP)})]}),(0,d.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full min-w-0`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-sm`,children:x(n.I18nKey.SETTINGS$MCP_ENVIRONMENT_VARIABLES)}),(0,d.jsx)(s.OptionalTag,{})]}),(0,d.jsx)(`textarea`,{"data-testid":`env-input`,name:`env`,rows:4,defaultValue:R(f?.env),placeholder:`KEY1=value1
-KEY2=value2`,className:i.cn(a.formControlMultilineFieldClassName,`resize-none placeholder:italic`,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]`)})]})]}),b&&(0,d.jsx)(`p`,{"data-testid":`mcp-test-message`,className:b.ok?`text-sm text-green-500 whitespace-pre-wrap`:`text-sm text-red-500 whitespace-pre-wrap`,children:b.text}),(0,d.jsxs)(`div`,{className:i.cn(`flex w-full items-center gap-2`,g?`justify-between`:`justify-end`),children:[g?(0,d.jsx)(o.BrandButton,{testId:`mcp-custom-editor-delete`,type:`button`,variant:`secondary`,onClick:g,isDisabled:_,startContent:(0,d.jsx)(r.Trash2,{"aria-hidden":!0,className:`size-4`,strokeWidth:2}),children:x(n.I18nKey.BUTTON$DELETE)}):null,(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(o.BrandButton,{testId:`cancel-button`,type:`button`,variant:`secondary`,onClick:h,isDisabled:_,children:x(n.I18nKey.BUTTON$CANCEL)}),v&&(0,d.jsx)(o.BrandButton,{testId:`mcp-test-connection`,type:`button`,variant:`secondary`,onClick:()=>{if(!v||!E.current)return;T(null);let e=new FormData(E.current),t=I(e);if(t){T(t);return}v(z(e))},isDisabled:_||y,children:x(y?n.I18nKey.MCP$VERIFYING:n.I18nKey.MCP$TEST_BUTTON)}),(0,d.jsxs)(o.BrandButton,{testId:`submit-button`,type:`submit`,variant:`primary`,isDisabled:_||y,children:[e===`add`&&x(n.I18nKey.SETTINGS$MCP_ADD_SERVER),e===`edit`&&x(n.I18nKey.SETTINGS$MCP_SAVE_SERVER)]})]})]})]})}exports.MCPServerForm=f;
+arg3`,className:i.cn(o.formControlMultilineFieldClassName,`resize-none placeholder:italic`,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]`)}),(0,f.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:S(n.I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS_HELP)})]}),(0,f.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full min-w-0`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(`span`,{className:`text-sm`,children:S(n.I18nKey.SETTINGS$MCP_ENVIRONMENT_VARIABLES)}),(0,f.jsx)(c.OptionalTag,{})]}),(0,f.jsx)(`textarea`,{"data-testid":`env-input`,name:`env`,rows:4,defaultValue:K(p?.env),placeholder:`KEY1=value1
+KEY2=value2`,className:i.cn(o.formControlMultilineFieldClassName,`resize-none placeholder:italic`,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]`)})]})]}),x&&(0,f.jsx)(`p`,{"data-testid":`mcp-test-message`,className:x.ok?`text-sm text-green-500 whitespace-pre-wrap`:`text-sm text-red-500 whitespace-pre-wrap`,children:x.text}),(0,f.jsxs)(`div`,{className:i.cn(`flex w-full items-center gap-2`,_?`justify-between`:`justify-end`),children:[_?(0,f.jsx)(s.BrandButton,{testId:`mcp-custom-editor-delete`,type:`button`,variant:`secondary`,onClick:_,isDisabled:v,startContent:(0,f.jsx)(r.Trash2,{"aria-hidden":!0,className:`size-4`,strokeWidth:2}),children:S(n.I18nKey.BUTTON$DELETE)}):null,(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(s.BrandButton,{testId:`cancel-button`,type:`button`,variant:`secondary`,onClick:g,isDisabled:v,children:S(n.I18nKey.BUTTON$CANCEL)}),y&&(0,f.jsx)(s.BrandButton,{testId:`mcp-test-connection`,type:`button`,variant:`secondary`,onClick:()=>{if(!y||!j.current)return;A(null);let e=new FormData(j.current),t=W(e);if(t){A(t);return}y(Q(e))},isDisabled:v||b,children:S(b?n.I18nKey.MCP$VERIFYING:n.I18nKey.MCP$TEST_BUTTON)}),(0,f.jsxs)(s.BrandButton,{testId:`submit-button`,type:`submit`,variant:`primary`,isDisabled:v||b,children:[e===`add`&&S(n.I18nKey.SETTINGS$MCP_ADD_SERVER),e===`edit`&&S(n.I18nKey.SETTINGS$MCP_SAVE_SERVER)]})]})]})]})}exports.MCPServerForm=p;
 //# sourceMappingURL=mcp-server-form.cjs.map

package/dist/components/features/settings/mcp-settings/mcp-server-form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-server-form.cjs","names":[],"sources":["../../../../../src/components/features/settings/mcp-settings/mcp-server-form.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Trash2 } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { SettingsInput } from \"../settings-input\";\nimport { SettingsDropdownInput } from \"../settings-dropdown-input\";\nimport { BrandButton } from \"../brand-button\";\nimport { OptionalTag } from \"../optional-tag\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlMultilineFieldClassName } from \"#/utils/form-control-classes\";\nimport type { MCPServerConfig } from \"#/types/mcp-server\";\n\ntype MCPServerType = \"sse\" | \"stdio\" | \"shttp\";\n\nexport interface TestMessage {\n  ok: boolean;\n  text: string;\n}\n\ninterface MCPServerFormProps {\n  mode: \"add\" | \"edit\";\n  server?: MCPServerConfig;\n  existingServers?: MCPServerConfig[];\n  onSubmit: (server: MCPServerConfig) => void;\n  onCancel: () => void;\n  onDelete?: () => void;\n  isActionDisabled?: boolean;\n  onTest?: (server: MCPServerConfig) => void;\n  isTestPending?: boolean;\n  testMessage?: TestMessage | null;\n}\n\nexport function MCPServerForm({\n  mode,\n  server,\n  existingServers,\n  onSubmit,\n  onCancel,\n  onDelete,\n  isActionDisabled = false,\n  onTest,\n  isTestPending = false,\n  testMessage = null,\n}: MCPServerFormProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [serverType, setServerType] = React.useState<MCPServerType>(\n    server?.type || \"sse\",\n  );\n  const [error, setError] = React.useState<string | null>(null);\n  const formRef = React.useRef<HTMLFormElement>(null);\n\n  const serverTypeOptions = [\n    { key: \"sse\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_SSE) },\n    { key: \"stdio\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_STDIO) },\n    { key: \"shttp\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_SHTTP) },\n  ];\n\n  const validateUrl = (url: string): string | null => {\n    if (!url) return t(I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);\n    try {\n      const urlObj = new URL(url);\n      if (![\"http:\", \"https:\"].includes(urlObj.protocol)) {\n        return t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL);\n      }\n    } catch {\n      return t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID);\n    }\n    return null;\n  };\n\n  const validateName = (name: string): string | null => {\n    if (!name) return t(I18nKey.SETTINGS$MCP_ERROR_NAME_REQUIRED);\n    if (!/^[a-zA-Z0-9_-]+$/.test(name)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID);\n    }\n    return null;\n  };\n\n  const validateNameUniqueness = (name: string): string | null => {\n    if (!existingServers) return null;\n    const shouldCheckUniqueness =\n      mode === \"add\" || (mode === \"edit\" && server?.name !== name);\n    if (!shouldCheckUniqueness) return null;\n\n    const existingStdioNames = existingServers\n      .filter((s) => s.type === \"stdio\")\n      .map((s) => s.name)\n      .filter(Boolean);\n    if (existingStdioNames.includes(name)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_NAME_DUPLICATE);\n    }\n    return null;\n  };\n\n  const validateCommand = (command: string): string | null => {\n    if (!command) return t(I18nKey.SETTINGS$MCP_ERROR_COMMAND_REQUIRED);\n    if (command.includes(\" \")) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_COMMAND_NO_SPACES);\n    }\n    return null;\n  };\n\n  const validateUrlUniqueness = (url: string): string | null => {\n    if (!existingServers) return null;\n    const originalUrl = server?.url;\n    const changed = mode === \"add\" || (mode === \"edit\" && originalUrl !== url);\n    if (!changed) return null;\n    // For URL-based servers (sse/shttp), ensure URL is unique across both types\n    const exists = existingServers.some(\n      (s) => (s.type === \"sse\" || s.type === \"shttp\") && s.url === url,\n    );\n    if (exists) return t(I18nKey.SETTINGS$MCP_ERROR_URL_DUPLICATE);\n    return null;\n  };\n\n  const validateEnvFormat = (envString: string): string | null => {\n    if (!envString.trim()) return null;\n    const lines = envString.split(\"\\n\");\n    for (let i = 0; i < lines.length; i += 1) {\n      const trimmed = lines[i].trim();\n      if (trimmed) {\n        const eq = trimmed.indexOf(\"=\");\n        if (eq === -1) return t(I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT);\n        const key = trimmed.substring(0, eq).trim();\n        if (!key) return t(I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT);\n      }\n    }\n    return null;\n  };\n\n  const validateTimeout = (timeoutStr: string): string | null => {\n    if (!timeoutStr.trim()) return null; // Optional field\n\n    const timeout = parseInt(timeoutStr.trim(), 10);\n    if (Number.isNaN(timeout)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_INVALID_NUMBER);\n    }\n    if (timeout <= 0) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_POSITIVE);\n    }\n    if (timeout > 3600) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_MAX_EXCEEDED);\n    }\n    return null;\n  };\n\n  const validateStdioServer = (formData: FormData): string | null => {\n    const name = formData.get(\"name\")?.toString().trim() || \"\";\n    const command = formData.get(\"command\")?.toString().trim() || \"\";\n    const envString = formData.get(\"env\")?.toString() || \"\";\n\n    const nameError = validateName(name);\n    if (nameError) return nameError;\n\n    const uniquenessError = validateNameUniqueness(name);\n    if (uniquenessError) return uniquenessError;\n\n    const commandError = validateCommand(command);\n    if (commandError) return commandError;\n\n    // Validate environment variable format\n    const envError = validateEnvFormat(envString);\n    if (envError) return envError;\n\n    return null;\n  };\n\n  const validateForm = (formData: FormData): string | null => {\n    if (serverType === \"sse\" || serverType === \"shttp\") {\n      const url = formData.get(\"url\")?.toString().trim() || \"\";\n      const urlError = validateUrl(url);\n      if (urlError) return urlError;\n      const urlDupError = validateUrlUniqueness(url);\n      if (urlDupError) return urlDupError;\n\n      // The name is optional, but when provided it becomes the mcp_config\n      // key (and the reference used in mcp_server_refs), so hold it to the\n      // same safe-identifier rule as stdio names.\n      const name = formData.get(\"name\")?.toString().trim() || \"\";\n      if (name && !/^[a-zA-Z0-9_-]+$/.test(name)) {\n        return t(I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID);\n      }\n\n      // Validate timeout for SHTTP servers only\n      if (serverType === \"shttp\") {\n        const timeoutStr = formData.get(\"timeout\")?.toString() || \"\";\n        const timeoutError = validateTimeout(timeoutStr);\n        if (timeoutError) return timeoutError;\n      }\n\n      return null;\n    }\n\n    if (serverType === \"stdio\") {\n      return validateStdioServer(formData);\n    }\n\n    return null;\n  };\n\n  const parseEnvironmentVariables = (\n    envString: string,\n  ): Record<string, string> => {\n    const env: Record<string, string> = {};\n    const input = envString.trim();\n    if (!input) return env;\n\n    for (const line of input.split(\"\\n\")) {\n      const trimmed = line.trim();\n      const eq = trimmed.indexOf(\"=\");\n      const key = eq >= 0 ? trimmed.substring(0, eq).trim() : \"\";\n      if (trimmed && eq !== -1 && key) {\n        env[key] = trimmed.substring(eq + 1).trim();\n      }\n    }\n    return env;\n  };\n\n  const formatEnvironmentVariables = (env?: Record<string, string>): string => {\n    if (!env) return \"\";\n    return Object.entries(env)\n      .map(([key, value]) => `${key}=${value}`)\n      .join(\"\\n\");\n  };\n\n  const buildConfig = (formData: FormData): MCPServerConfig => {\n    const baseConfig = {\n      id: server?.id || `${serverType}-${Date.now()}`,\n      type: serverType,\n    };\n\n    if (serverType === \"sse\" || serverType === \"shttp\") {\n      const name = formData.get(\"name\")?.toString().trim();\n      const url = formData.get(\"url\")?.toString().trim();\n      const apiKey = formData.get(\"api_key\")?.toString().trim();\n      const timeoutStr = formData.get(\"timeout\")?.toString().trim();\n\n      const serverConfig: MCPServerConfig = {\n        ...baseConfig,\n        ...(name && { name }),\n        url: url!,\n        ...(apiKey && { api_key: apiKey }),\n      };\n\n      // Only add timeout for SHTTP servers\n      if (serverType === \"shttp\" && timeoutStr) {\n        const timeoutValue = parseInt(timeoutStr, 10);\n        if (!Number.isNaN(timeoutValue)) {\n          serverConfig.timeout = timeoutValue;\n        }\n      }\n\n      return serverConfig;\n    }\n\n    // stdio\n    const name = formData.get(\"name\")?.toString().trim();\n    const command = formData.get(\"command\")?.toString().trim();\n    const argsString = formData.get(\"args\")?.toString().trim();\n    const envString = formData.get(\"env\")?.toString().trim();\n\n    const args = argsString\n      ? argsString\n          .split(\"\\n\")\n          .map((arg) => arg.trim())\n          .filter(Boolean)\n      : [];\n    const env = parseEnvironmentVariables(envString || \"\");\n\n    return {\n      ...baseConfig,\n      name: name!,\n      command: command!,\n      ...(args.length > 0 && { args }),\n      ...(Object.keys(env).length > 0 && { env }),\n    };\n  };\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setError(null);\n\n    const formData = new FormData(event.currentTarget);\n    const validationError = validateForm(formData);\n\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n\n    onSubmit(buildConfig(formData));\n  };\n\n  const handleTestClick = () => {\n    if (!onTest || !formRef.current) return;\n    setError(null);\n    const formData = new FormData(formRef.current);\n    const validationError = validateForm(formData);\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n    onTest(buildConfig(formData));\n  };\n\n  const formTestId =\n    mode === \"add\" ? \"add-mcp-server-form\" : \"edit-mcp-server-form\";\n\n  return (\n    <form\n      ref={formRef}\n      data-testid={formTestId}\n      onSubmit={handleSubmit}\n      className=\"flex flex-col items-start gap-6\"\n    >\n      {mode === \"add\" && (\n        <SettingsDropdownInput\n          testId=\"server-type-dropdown\"\n          name=\"server-type\"\n          label={t(I18nKey.SETTINGS$MCP_SERVER_TYPE)}\n          items={serverTypeOptions}\n          selectedKey={serverType}\n          onSelectionChange={(key) => setServerType(key as MCPServerType)}\n          onInputChange={() => {}} // Prevent input changes\n          isClearable={false}\n          allowsCustomValue={false}\n          required\n          wrapperClassName=\"w-full min-w-0\"\n        />\n      )}\n\n      {error && <p className=\"text-red-500 text-sm\">{error}</p>}\n\n      {(serverType === \"sse\" || serverType === \"shttp\") && (\n        <>\n          <SettingsInput\n            testId=\"server-name-input\"\n            name=\"name\"\n            type=\"text\"\n            label={t(I18nKey.SETTINGS$MCP_SERVER_NAME)}\n            className=\"w-full min-w-0\"\n            showOptionalTag\n            defaultValue={server?.name || \"\"}\n            // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n            placeholder=\"my-search-server\"\n          />\n\n          <SettingsInput\n            testId=\"url-input\"\n            name=\"url\"\n            type=\"url\"\n            label={t(I18nKey.SETTINGS$MCP_URL)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.url || \"\"}\n            // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n            placeholder=\"https://api.example.com\"\n          />\n\n          <SettingsInput\n            testId=\"api-key-input\"\n            name=\"api_key\"\n            type=\"password\"\n            label={t(I18nKey.SETTINGS$MCP_API_KEY)}\n            className=\"w-full min-w-0\"\n            showOptionalTag\n            defaultValue={server?.api_key || \"\"}\n            placeholder={t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}\n          />\n\n          {serverType === \"shttp\" && (\n            <SettingsInput\n              testId=\"timeout-input\"\n              name=\"timeout\"\n              type=\"number\"\n              label={t(I18nKey.SETTINGS$MCP_TIMEOUT_LABEL)}\n              className=\"w-full min-w-0\"\n              showOptionalTag\n              defaultValue={server?.timeout?.toString() || \"\"}\n              placeholder=\"60\"\n              min={1}\n              max={3600}\n            />\n          )}\n        </>\n      )}\n\n      {serverType === \"stdio\" && (\n        <>\n          <SettingsInput\n            testId=\"name-input\"\n            name=\"name\"\n            type=\"text\"\n            label={t(I18nKey.SETTINGS$MCP_NAME)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.name || \"\"}\n            // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n            placeholder=\"my-mcp-server\"\n            pattern=\"^[a-zA-Z0-9_-]+$\"\n          />\n\n          <SettingsInput\n            testId=\"command-input\"\n            name=\"command\"\n            type=\"text\"\n            label={t(I18nKey.SETTINGS$MCP_COMMAND)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.command || \"\"}\n            // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n            placeholder=\"npx\"\n          />\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\">\n                {t(I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS)}\n              </span>\n              <OptionalTag />\n            </div>\n            <textarea\n              data-testid=\"args-input\"\n              name=\"args\"\n              rows={3}\n              defaultValue={server?.args?.join(\"\\n\") || \"\"}\n              // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n              placeholder=\"arg1&#10;arg2&#10;arg3\"\n              className={cn(\n                formControlMultilineFieldClassName,\n                \"resize-none placeholder:italic\",\n                \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n              )}\n            />\n            <p className=\"text-xs text-tertiary-alt\">\n              {t(I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS_HELP)}\n            </p>\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\">\n                {t(I18nKey.SETTINGS$MCP_ENVIRONMENT_VARIABLES)}\n              </span>\n              <OptionalTag />\n            </div>\n            <textarea\n              data-testid=\"env-input\"\n              name=\"env\"\n              rows={4}\n              defaultValue={formatEnvironmentVariables(server?.env)}\n              // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n              placeholder=\"KEY1=value1&#10;KEY2=value2\"\n              className={cn(\n                formControlMultilineFieldClassName,\n                \"resize-none placeholder:italic\",\n                \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n              )}\n            />\n          </label>\n        </>\n      )}\n\n      {testMessage && (\n        <p\n          data-testid=\"mcp-test-message\"\n          className={\n            testMessage.ok\n              ? \"text-sm text-green-500 whitespace-pre-wrap\"\n              : \"text-sm text-red-500 whitespace-pre-wrap\"\n          }\n        >\n          {testMessage.text}\n        </p>\n      )}\n\n      <div\n        className={cn(\n          \"flex w-full items-center gap-2\",\n          onDelete ? \"justify-between\" : \"justify-end\",\n        )}\n      >\n        {onDelete ? (\n          <BrandButton\n            testId=\"mcp-custom-editor-delete\"\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onDelete}\n            isDisabled={isActionDisabled}\n            startContent={\n              <Trash2 aria-hidden className=\"size-4\" strokeWidth={2} />\n            }\n          >\n            {t(I18nKey.BUTTON$DELETE)}\n          </BrandButton>\n        ) : null}\n        <div className=\"flex items-center gap-2\">\n          <BrandButton\n            testId=\"cancel-button\"\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onCancel}\n            isDisabled={isActionDisabled}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          {onTest && (\n            <BrandButton\n              testId=\"mcp-test-connection\"\n              type=\"button\"\n              variant=\"secondary\"\n              onClick={handleTestClick}\n              isDisabled={isActionDisabled || isTestPending}\n            >\n              {isTestPending\n                ? t(I18nKey.MCP$VERIFYING)\n                : t(I18nKey.MCP$TEST_BUTTON)}\n            </BrandButton>\n          )}\n          <BrandButton\n            testId=\"submit-button\"\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={isActionDisabled || isTestPending}\n          >\n            {mode === \"add\" && t(I18nKey.SETTINGS$MCP_ADD_SERVER)}\n            {mode === \"edit\" && t(I18nKey.SETTINGS$MCP_SAVE_SERVER)}\n          </BrandButton>\n        </div>\n      </div>\n    </form>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"mcp-server-form.cjs","names":[],"sources":["../../../../../src/components/features/settings/mcp-settings/mcp-server-form.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Trash2 } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { SettingsInput } from \"../settings-input\";\nimport { SettingsDropdownInput } from \"../settings-dropdown-input\";\nimport { BrandButton } from \"../brand-button\";\nimport { OptionalTag } from \"../optional-tag\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlMultilineFieldClassName } from \"#/utils/form-control-classes\";\nimport {\n  isValidMcpServerName,\n  MCP_SERVER_NAME_PATTERN,\n} from \"#/utils/mcp-server-name\";\nimport type {\n  MCPAuthCredential,\n  MCPAuthenticationConfig,\n  MCPOAuthClientAuthMethod,\n} from \"#/types/mcp-auth\";\nimport type { MCPServerConfig } from \"#/types/mcp-server\";\n\ntype MCPServerType = \"sse\" | \"stdio\" | \"shttp\";\ntype RemoteAuthMode = \"none\" | \"bearer\" | \"header\" | \"oauth2\";\ntype OAuthClientAuthMethodOption = \"auto\" | MCPOAuthClientAuthMethod;\n\nexport interface TestMessage {\n  ok: boolean;\n  text: string;\n}\n\ninterface MCPServerFormProps {\n  mode: \"add\" | \"edit\";\n  server?: MCPServerConfig;\n  existingServers?: MCPServerConfig[];\n  onSubmit: (server: MCPServerConfig) => void;\n  onCancel: () => void;\n  onDelete?: () => void;\n  isActionDisabled?: boolean;\n  onTest?: (server: MCPServerConfig) => void;\n  isTestPending?: boolean;\n  testMessage?: TestMessage | null;\n}\n\nexport function MCPServerForm({\n  mode,\n  server,\n  existingServers,\n  onSubmit,\n  onCancel,\n  onDelete,\n  isActionDisabled = false,\n  onTest,\n  isTestPending = false,\n  testMessage = null,\n}: MCPServerFormProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [serverType, setServerType] = React.useState<MCPServerType>(\n    server?.type || \"sse\",\n  );\n  const [authMode, setAuthMode] = React.useState<RemoteAuthMode>(() => {\n    if (server?.auth?.strategy === \"oauth2\") return \"oauth2\";\n    if (server?.auth?.strategy === \"header\") return \"header\";\n    if (\n      server?.auth?.strategy === \"bearer\" ||\n      server?.auth?.strategy === \"api_key\"\n    ) {\n      return \"bearer\";\n    }\n    return \"none\";\n  });\n  const [oauthClientAuthMethod, setOAuthClientAuthMethod] =\n    React.useState<OAuthClientAuthMethodOption>(() =>\n      server?.auth?.strategy === \"oauth2\"\n        ? (server.auth.authentication?.client_auth_method ?? \"auto\")\n        : \"auto\",\n    );\n  const [error, setError] = React.useState<string | null>(null);\n  const formRef = React.useRef<HTMLFormElement>(null);\n\n  const serverTypeOptions = [\n    { key: \"sse\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_SSE) },\n    { key: \"stdio\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_STDIO) },\n    { key: \"shttp\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_SHTTP) },\n  ];\n  const authModeOptions = [\n    { key: \"none\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_NONE) },\n    { key: \"bearer\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_BEARER) },\n    { key: \"header\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_HEADER) },\n    { key: \"oauth2\", label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_OAUTH) },\n  ];\n  const oauthClientAuthMethodOptions = [\n    { key: \"auto\", label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_AUTO) },\n    { key: \"none\", label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_NONE) },\n    {\n      key: \"client_secret_post\",\n      label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_SECRET_POST),\n    },\n    {\n      key: \"client_secret_basic\",\n      label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_SECRET_BASIC),\n    },\n    {\n      key: \"private_key_jwt\",\n      label: t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH_PRIVATE_KEY_JWT),\n    },\n  ];\n\n  const validateUrl = (url: string): string | null => {\n    if (!url) return t(I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);\n    try {\n      const urlObj = new URL(url);\n      if (![\"http:\", \"https:\"].includes(urlObj.protocol)) {\n        return t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL);\n      }\n    } catch {\n      return t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID);\n    }\n    return null;\n  };\n\n  const validateName = (name: string): string | null => {\n    if (!name) return t(I18nKey.SETTINGS$MCP_ERROR_NAME_REQUIRED);\n    if (!isValidMcpServerName(name)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID);\n    }\n    return null;\n  };\n\n  const validateNameUniqueness = (name: string): string | null => {\n    if (!existingServers) return null;\n    const shouldCheckUniqueness =\n      mode === \"add\" || (mode === \"edit\" && server?.name !== name);\n    if (!shouldCheckUniqueness) return null;\n\n    const existingStdioNames = existingServers\n      .filter((s) => s.type === \"stdio\")\n      .map((s) => s.name)\n      .filter(Boolean);\n    if (existingStdioNames.includes(name)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_NAME_DUPLICATE);\n    }\n    return null;\n  };\n\n  const validateCommand = (command: string): string | null => {\n    if (!command) return t(I18nKey.SETTINGS$MCP_ERROR_COMMAND_REQUIRED);\n    if (command.includes(\" \")) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_COMMAND_NO_SPACES);\n    }\n    return null;\n  };\n\n  const validateUrlUniqueness = (url: string): string | null => {\n    if (!existingServers) return null;\n    const originalUrl = server?.url;\n    const changed = mode === \"add\" || (mode === \"edit\" && originalUrl !== url);\n    if (!changed) return null;\n    // For URL-based servers (sse/shttp), ensure URL is unique across both types\n    const exists = existingServers.some(\n      (s) => (s.type === \"sse\" || s.type === \"shttp\") && s.url === url,\n    );\n    if (exists) return t(I18nKey.SETTINGS$MCP_ERROR_URL_DUPLICATE);\n    return null;\n  };\n\n  const validateEnvFormat = (envString: string): string | null => {\n    if (!envString.trim()) return null;\n    const lines = envString.split(\"\\n\");\n    for (let i = 0; i < lines.length; i += 1) {\n      const trimmed = lines[i].trim();\n      if (trimmed) {\n        const eq = trimmed.indexOf(\"=\");\n        if (eq === -1) return t(I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT);\n        const key = trimmed.substring(0, eq).trim();\n        if (!key) return t(I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT);\n      }\n    }\n    return null;\n  };\n\n  const validateRemoteAuth = (formData: FormData): string | null => {\n    if (authMode === \"header\") {\n      const headerString = formData.get(\"headers\")?.toString() || \"\";\n      if (!headerString.trim())\n        return t(I18nKey.SETTINGS$MCP_ERROR_HEADER_REQUIRED);\n      return validateEnvFormat(headerString);\n    }\n    if (authMode === \"oauth2\") {\n      const clientId = formData.get(\"oauth_client_id\")?.toString().trim();\n      const clientSecret = formData\n        .get(\"oauth_client_secret\")\n        ?.toString()\n        .trim();\n      if (clientSecret && !clientId) {\n        return t(I18nKey.SETTINGS$MCP_ERROR_OAUTH_SECRET_REQUIRES_ID);\n      }\n    }\n    return null;\n  };\n\n  const validateTimeout = (timeoutStr: string): string | null => {\n    if (!timeoutStr.trim()) return null; // Optional field\n\n    const timeout = parseInt(timeoutStr.trim(), 10);\n    if (Number.isNaN(timeout)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_INVALID_NUMBER);\n    }\n    if (timeout <= 0) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_POSITIVE);\n    }\n    if (timeout > 3600) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_MAX_EXCEEDED);\n    }\n    return null;\n  };\n\n  const validateStdioServer = (formData: FormData): string | null => {\n    const name = formData.get(\"name\")?.toString().trim() || \"\";\n    const command = formData.get(\"command\")?.toString().trim() || \"\";\n    const envString = formData.get(\"env\")?.toString() || \"\";\n\n    const nameError = validateName(name);\n    if (nameError) return nameError;\n\n    const uniquenessError = validateNameUniqueness(name);\n    if (uniquenessError) return uniquenessError;\n\n    const commandError = validateCommand(command);\n    if (commandError) return commandError;\n\n    // Validate environment variable format\n    const envError = validateEnvFormat(envString);\n    if (envError) return envError;\n\n    return null;\n  };\n\n  const validateForm = (formData: FormData): string | null => {\n    if (serverType === \"sse\" || serverType === \"shttp\") {\n      const url = formData.get(\"url\")?.toString().trim() || \"\";\n      const urlError = validateUrl(url);\n      if (urlError) return urlError;\n      const urlDupError = validateUrlUniqueness(url);\n      if (urlDupError) return urlDupError;\n\n      // The name is optional, but when provided it becomes the mcp_config\n      // key (and the reference used in mcp_server_refs), so hold it to the\n      // same safe-identifier rule as stdio names.\n      const name = formData.get(\"name\")?.toString().trim() || \"\";\n      if (name && !isValidMcpServerName(name)) {\n        return t(I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID);\n      }\n\n      // Validate timeout for SHTTP servers only\n      if (serverType === \"shttp\") {\n        const timeoutStr = formData.get(\"timeout\")?.toString() || \"\";\n        const timeoutError = validateTimeout(timeoutStr);\n        if (timeoutError) return timeoutError;\n      }\n\n      return validateRemoteAuth(formData);\n    }\n\n    if (serverType === \"stdio\") {\n      return validateStdioServer(formData);\n    }\n\n    return null;\n  };\n\n  const parseEnvironmentVariables = (\n    envString: string,\n  ): Record<string, string> => {\n    const env: Record<string, string> = {};\n    const input = envString.trim();\n    if (!input) return env;\n\n    for (const line of input.split(\"\\n\")) {\n      const trimmed = line.trim();\n      const eq = trimmed.indexOf(\"=\");\n      const key = eq >= 0 ? trimmed.substring(0, eq).trim() : \"\";\n      if (trimmed && eq !== -1 && key) {\n        env[key] = trimmed.substring(eq + 1).trim();\n      }\n    }\n    return env;\n  };\n\n  const formatEnvironmentVariables = (\n    env?: Record<string, string> | null,\n  ): string => {\n    if (!env) return \"\";\n    return Object.entries(env)\n      .map(([key, value]) => `${key}=${value}`)\n      .join(\"\\n\");\n  };\n\n  const editableAuthValue = (auth: MCPAuthCredential | undefined): string => {\n    if (auth?.strategy === \"bearer\" || auth?.strategy === \"api_key\") {\n      return auth.value ?? \"\";\n    }\n    return \"\";\n  };\n\n  const editableHeaderValue = (auth: MCPAuthCredential | undefined): string => {\n    if (auth?.strategy !== \"header\") return \"\";\n    return formatEnvironmentVariables(auth.headers);\n  };\n\n  const oauthAuthentication =\n    server?.auth?.strategy === \"oauth2\"\n      ? server.auth.authentication\n      : undefined;\n  const oauthState =\n    server?.auth?.strategy === \"oauth2\" ? server.auth.state : undefined;\n\n  const authFromFormData = (\n    formData: FormData,\n  ): MCPAuthCredential | undefined => {\n    if (authMode === \"none\") return undefined;\n    if (authMode === \"bearer\") {\n      const value = formData.get(\"api_key\")?.toString().trim();\n      if (!value) return undefined;\n      if (server?.auth?.strategy === \"api_key\") {\n        return { ...server.auth, value };\n      }\n      return { strategy: \"bearer\", value };\n    }\n    if (authMode === \"header\") {\n      const headers = parseEnvironmentVariables(\n        formData.get(\"headers\")?.toString() || \"\",\n      );\n      return { strategy: \"header\", headers };\n    }\n\n    const scopes = formData.get(\"oauth_scopes\")?.toString().trim();\n    const clientId = formData.get(\"oauth_client_id\")?.toString().trim();\n    const clientSecret = formData.get(\"oauth_client_secret\")?.toString().trim();\n    const authentication: MCPAuthenticationConfig = {\n      type: \"oauth\",\n      ...(oauthClientAuthMethod !== \"auto\" && {\n        client_auth_method: oauthClientAuthMethod,\n      }),\n      ...(scopes && { scopes }),\n      ...(clientId && { client_id: clientId }),\n      ...(clientSecret && { client_secret: clientSecret }),\n    };\n    return {\n      strategy: \"oauth2\",\n      authentication,\n      ...(oauthState && { state: oauthState }),\n    };\n  };\n\n  const buildConfig = (formData: FormData): MCPServerConfig => {\n    const baseConfig = {\n      id: server?.id || `${serverType}-${Date.now()}`,\n      type: serverType,\n    };\n\n    if (serverType === \"sse\" || serverType === \"shttp\") {\n      const name = formData.get(\"name\")?.toString().trim();\n      const url = formData.get(\"url\")?.toString().trim();\n      const timeoutStr = formData.get(\"timeout\")?.toString().trim();\n      const auth = authFromFormData(formData);\n\n      const serverConfig: MCPServerConfig = {\n        ...baseConfig,\n        ...(name && { name }),\n        url: url!,\n        ...(auth && { auth }),\n      };\n\n      // Only add timeout for SHTTP servers\n      if (serverType === \"shttp\" && timeoutStr) {\n        const timeoutValue = parseInt(timeoutStr, 10);\n        if (!Number.isNaN(timeoutValue)) {\n          serverConfig.timeout = timeoutValue;\n        }\n      }\n\n      return serverConfig;\n    }\n\n    // stdio\n    const name = formData.get(\"name\")?.toString().trim();\n    const command = formData.get(\"command\")?.toString().trim();\n    const argsString = formData.get(\"args\")?.toString().trim();\n    const envString = formData.get(\"env\")?.toString().trim();\n\n    const args = argsString\n      ? argsString\n          .split(\"\\n\")\n          .map((arg) => arg.trim())\n          .filter(Boolean)\n      : [];\n    const env = parseEnvironmentVariables(envString || \"\");\n\n    return {\n      ...baseConfig,\n      name: name!,\n      command: command!,\n      ...(args.length > 0 && { args }),\n      ...(Object.keys(env).length > 0 && { env }),\n    };\n  };\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setError(null);\n\n    const formData = new FormData(event.currentTarget);\n    const validationError = validateForm(formData);\n\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n\n    onSubmit(buildConfig(formData));\n  };\n\n  const handleTestClick = () => {\n    if (!onTest || !formRef.current) return;\n    setError(null);\n    const formData = new FormData(formRef.current);\n    const validationError = validateForm(formData);\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n    onTest(buildConfig(formData));\n  };\n\n  const formTestId =\n    mode === \"add\" ? \"add-mcp-server-form\" : \"edit-mcp-server-form\";\n\n  return (\n    <form\n      ref={formRef}\n      data-testid={formTestId}\n      onSubmit={handleSubmit}\n      className=\"flex flex-col items-start gap-6\"\n      noValidate\n    >\n      {mode === \"add\" && (\n        <SettingsDropdownInput\n          testId=\"server-type-dropdown\"\n          name=\"server-type\"\n          label={t(I18nKey.SETTINGS$MCP_SERVER_TYPE)}\n          items={serverTypeOptions}\n          selectedKey={serverType}\n          onSelectionChange={(key) => setServerType(key as MCPServerType)}\n          onInputChange={() => {}} // Prevent input changes\n          isClearable={false}\n          allowsCustomValue={false}\n          required\n          wrapperClassName=\"w-full min-w-0\"\n        />\n      )}\n\n      {error && <p className=\"text-red-500 text-sm\">{error}</p>}\n\n      {(serverType === \"sse\" || serverType === \"shttp\") && (\n        <>\n          <SettingsInput\n            testId=\"server-name-input\"\n            name=\"name\"\n            type=\"text\"\n            label={t(I18nKey.SETTINGS$MCP_SERVER_NAME)}\n            className=\"w-full min-w-0\"\n            showOptionalTag\n            defaultValue={server?.name || \"\"}\n            // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n            placeholder=\"my_search_server\"\n            pattern={MCP_SERVER_NAME_PATTERN.source}\n          />\n\n          <SettingsInput\n            testId=\"url-input\"\n            name=\"url\"\n            type=\"url\"\n            label={t(I18nKey.SETTINGS$MCP_URL)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.url || \"\"}\n            // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n            placeholder=\"https://api.example.com\"\n          />\n\n          <SettingsDropdownInput\n            testId=\"auth-mode-dropdown\"\n            name=\"auth-mode\"\n            label={t(I18nKey.SETTINGS$MCP_AUTHENTICATION)}\n            items={authModeOptions}\n            selectedKey={authMode}\n            onSelectionChange={(key) => setAuthMode(key as RemoteAuthMode)}\n            onInputChange={() => {}}\n            isClearable={false}\n            allowsCustomValue={false}\n            wrapperClassName=\"w-full min-w-0\"\n          />\n\n          {authMode === \"bearer\" && (\n            <SettingsInput\n              testId=\"api-key-input\"\n              name=\"api_key\"\n              type=\"password\"\n              label={t(I18nKey.SETTINGS$MCP_API_KEY)}\n              className=\"w-full min-w-0\"\n              required\n              defaultValue={editableAuthValue(server?.auth)}\n              placeholder={t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}\n            />\n          )}\n\n          {authMode === \"header\" && (\n            <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n              <span className=\"text-sm\">{t(I18nKey.SETTINGS$MCP_HEADERS)}</span>\n              <textarea\n                data-testid=\"headers-input\"\n                name=\"headers\"\n                rows={4}\n                defaultValue={editableHeaderValue(server?.auth)}\n                placeholder={t(I18nKey.SETTINGS$MCP_HEADERS_PLACEHOLDER)}\n                className={cn(\n                  formControlMultilineFieldClassName,\n                  \"resize-none placeholder:italic\",\n                  \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n                )}\n              />\n            </label>\n          )}\n\n          {authMode === \"oauth2\" && (\n            <>\n              <SettingsDropdownInput\n                testId=\"oauth-client-auth-method-dropdown\"\n                name=\"oauth_client_auth_method\"\n                label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_AUTH)}\n                items={oauthClientAuthMethodOptions}\n                selectedKey={oauthClientAuthMethod}\n                onSelectionChange={(key) =>\n                  setOAuthClientAuthMethod(key as OAuthClientAuthMethodOption)\n                }\n                onInputChange={() => {}}\n                isClearable={false}\n                allowsCustomValue={false}\n                wrapperClassName=\"w-full min-w-0\"\n              />\n              <SettingsInput\n                testId=\"oauth-client-id-input\"\n                name=\"oauth_client_id\"\n                type=\"text\"\n                label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_ID)}\n                className=\"w-full min-w-0\"\n                showOptionalTag\n                defaultValue={oauthAuthentication?.client_id || \"\"}\n                placeholder={t(\n                  I18nKey.SETTINGS$MCP_OAUTH_CLIENT_ID_PLACEHOLDER,\n                )}\n              />\n              <SettingsInput\n                testId=\"oauth-client-secret-input\"\n                name=\"oauth_client_secret\"\n                type=\"password\"\n                label={t(I18nKey.SETTINGS$MCP_OAUTH_CLIENT_SECRET)}\n                className=\"w-full min-w-0\"\n                showOptionalTag\n                defaultValue={oauthAuthentication?.client_secret || \"\"}\n                placeholder={t(\n                  I18nKey.SETTINGS$MCP_OAUTH_CLIENT_SECRET_PLACEHOLDER,\n                )}\n              />\n              <SettingsInput\n                testId=\"oauth-scopes-input\"\n                name=\"oauth_scopes\"\n                type=\"text\"\n                label={t(I18nKey.SETTINGS$MCP_OAUTH_SCOPES)}\n                className=\"w-full min-w-0\"\n                showOptionalTag\n                defaultValue={\n                  Array.isArray(oauthAuthentication?.scopes)\n                    ? oauthAuthentication.scopes.join(\" \")\n                    : oauthAuthentication?.scopes || \"\"\n                }\n                placeholder={t(I18nKey.SETTINGS$MCP_OAUTH_SCOPES_PLACEHOLDER)}\n              />\n            </>\n          )}\n\n          {serverType === \"shttp\" && (\n            <SettingsInput\n              testId=\"timeout-input\"\n              name=\"timeout\"\n              type=\"number\"\n              label={t(I18nKey.SETTINGS$MCP_TIMEOUT_LABEL)}\n              className=\"w-full min-w-0\"\n              showOptionalTag\n              defaultValue={server?.timeout?.toString() || \"\"}\n              placeholder=\"60\"\n              min={1}\n              max={3600}\n            />\n          )}\n        </>\n      )}\n\n      {serverType === \"stdio\" && (\n        <>\n          <SettingsInput\n            testId=\"name-input\"\n            name=\"name\"\n            type=\"text\"\n            label={t(I18nKey.SETTINGS$MCP_NAME)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.name || \"\"}\n            // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n            placeholder=\"my_mcp_server\"\n            pattern={MCP_SERVER_NAME_PATTERN.source}\n          />\n\n          <SettingsInput\n            testId=\"command-input\"\n            name=\"command\"\n            type=\"text\"\n            label={t(I18nKey.SETTINGS$MCP_COMMAND)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.command || \"\"}\n            // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n            placeholder=\"npx\"\n          />\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\">\n                {t(I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS)}\n              </span>\n              <OptionalTag />\n            </div>\n            <textarea\n              data-testid=\"args-input\"\n              name=\"args\"\n              rows={3}\n              defaultValue={server?.args?.join(\"\\n\") || \"\"}\n              // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n              placeholder=\"arg1&#10;arg2&#10;arg3\"\n              className={cn(\n                formControlMultilineFieldClassName,\n                \"resize-none placeholder:italic\",\n                \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n              )}\n            />\n            <p className=\"text-xs text-tertiary-alt\">\n              {t(I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS_HELP)}\n            </p>\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\">\n                {t(I18nKey.SETTINGS$MCP_ENVIRONMENT_VARIABLES)}\n              </span>\n              <OptionalTag />\n            </div>\n            <textarea\n              data-testid=\"env-input\"\n              name=\"env\"\n              rows={4}\n              defaultValue={formatEnvironmentVariables(server?.env)}\n              // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n              placeholder=\"KEY1=value1&#10;KEY2=value2\"\n              className={cn(\n                formControlMultilineFieldClassName,\n                \"resize-none placeholder:italic\",\n                \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n              )}\n            />\n          </label>\n        </>\n      )}\n\n      {testMessage && (\n        <p\n          data-testid=\"mcp-test-message\"\n          className={\n            testMessage.ok\n              ? \"text-sm text-green-500 whitespace-pre-wrap\"\n              : \"text-sm text-red-500 whitespace-pre-wrap\"\n          }\n        >\n          {testMessage.text}\n        </p>\n      )}\n\n      <div\n        className={cn(\n          \"flex w-full items-center gap-2\",\n          onDelete ? \"justify-between\" : \"justify-end\",\n        )}\n      >\n        {onDelete ? (\n          <BrandButton\n            testId=\"mcp-custom-editor-delete\"\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onDelete}\n            isDisabled={isActionDisabled}\n            startContent={\n              <Trash2 aria-hidden className=\"size-4\" strokeWidth={2} />\n            }\n          >\n            {t(I18nKey.BUTTON$DELETE)}\n          </BrandButton>\n        ) : null}\n        <div className=\"flex items-center gap-2\">\n          <BrandButton\n            testId=\"cancel-button\"\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onCancel}\n            isDisabled={isActionDisabled}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          {onTest && (\n            <BrandButton\n              testId=\"mcp-test-connection\"\n              type=\"button\"\n              variant=\"secondary\"\n              onClick={handleTestClick}\n              isDisabled={isActionDisabled || isTestPending}\n            >\n              {isTestPending\n                ? t(I18nKey.MCP$VERIFYING)\n                : t(I18nKey.MCP$TEST_BUTTON)}\n            </BrandButton>\n          )}\n          <BrandButton\n            testId=\"submit-button\"\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={isActionDisabled || isTestPending}\n          >\n            {mode === \"add\" && t(I18nKey.SETTINGS$MCP_ADD_SERVER)}\n            {mode === \"edit\" && t(I18nKey.SETTINGS$MCP_SAVE_SERVER)}\n          </BrandButton>\n        </div>\n      </div>\n    </form>\n  );\n}\n"],"mappings":"ynBA2CA,SAAgB,EAAc,CAC5B,OACA,SACA,kBACA,WACA,WACA,WACA,mBAAmB,GACnB,SACA,gBAAgB,GAChB,cAAc,MACO,CACrB,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAC,EAAY,GAAiB,EAAA,QAAM,SACxC,GAAQ,MAAQ,MACjB,CACK,CAAC,EAAU,GAAe,EAAA,QAAM,aAChC,GAAQ,MAAM,WAAa,SAAiB,SAC5C,GAAQ,MAAM,WAAa,SAAiB,SAE9C,GAAQ,MAAM,WAAa,UAC3B,GAAQ,MAAM,WAAa,UAEpB,SAEF,OACP,CACI,CAAC,EAAuB,GAC5B,EAAA,QAAM,aACJ,GAAQ,MAAM,WAAa,SACtB,EAAO,KAAK,gBAAgB,oBAAsB,OACnD,OACL,CACG,CAAC,EAAO,GAAY,EAAA,QAAM,SAAwB,KAAK,CACvD,EAAU,EAAA,QAAM,OAAwB,KAAK,CAE7C,EAAoB,CACxB,CAAE,IAAK,MAAO,MAAO,EAAE,EAAA,QAAQ,6BAA6B,CAAE,CAC9D,CAAE,IAAK,QAAS,MAAO,EAAE,EAAA,QAAQ,+BAA+B,CAAE,CAClE,CAAE,IAAK,QAAS,MAAO,EAAE,EAAA,QAAQ,+BAA+B,CAAE,CACnE,CACK,EAAkB,CACtB,CAAE,IAAK,OAAQ,MAAO,EAAE,EAAA,QAAQ,4BAA4B,CAAE,CAC9D,CAAE,IAAK,SAAU,MAAO,EAAE,EAAA,QAAQ,8BAA8B,CAAE,CAClE,CAAE,IAAK,SAAU,MAAO,EAAE,EAAA,QAAQ,8BAA8B,CAAE,CAClE,CAAE,IAAK,SAAU,MAAO,EAAE,EAAA,QAAQ,6BAA6B,CAAE,CAClE,CACK,EAA+B,CACnC,CAAE,IAAK,OAAQ,MAAO,EAAE,EAAA,QAAQ,oCAAoC,CAAE,CACtE,CAAE,IAAK,OAAQ,MAAO,EAAE,EAAA,QAAQ,oCAAoC,CAAE,CACtE,CACE,IAAK,qBACL,MAAO,EAAE,EAAA,QAAQ,2CAA2C,CAC7D,CACD,CACE,IAAK,sBACL,MAAO,EAAE,EAAA,QAAQ,4CAA4C,CAC9D,CACD,CACE,IAAK,kBACL,MAAO,EAAE,EAAA,QAAQ,+CAA+C,CACjE,CACF,CAEK,EAAe,GAA+B,CAClD,GAAI,CAAC,EAAK,OAAO,EAAE,EAAA,QAAQ,gCAAgC,CAC3D,GAAI,CACF,IAAM,EAAS,IAAI,IAAI,EAAI,CAC3B,GAAI,CAAC,CAAC,QAAS,SAAS,CAAC,SAAS,EAAO,SAAS,CAChD,OAAO,EAAE,EAAA,QAAQ,wCAAwC,MAErD,CACN,OAAO,EAAE,EAAA,QAAQ,+BAA+B,CAElD,OAAO,MAGH,EAAgB,GACf,EACA,EAAA,qBAAqB,EAAK,CAGxB,KAFE,EAAE,EAAA,QAAQ,gCAAgC,CAFjC,EAAE,EAAA,QAAQ,iCAAiC,CAOzD,EAA0B,GAC1B,CAAC,GAGD,EADF,IAAS,OAAU,IAAS,QAAU,GAAQ,OAAS,GACtB,KAER,EACxB,OAAQ,GAAM,EAAE,OAAS,QAAQ,CACjC,IAAK,GAAM,EAAE,KAAK,CAClB,OAAO,QACN,CAAmB,SAAS,EAAK,CAC5B,EAAE,EAAA,QAAQ,kCAAkC,CAE9C,KAGH,EAAmB,GAClB,EACD,EAAQ,SAAS,IAAI,CAChB,EAAE,EAAA,QAAQ,qCAAqC,CAEjD,KAJc,EAAE,EAAA,QAAQ,oCAAoC,CAO/D,EAAyB,GAA+B,CAC5D,GAAI,CAAC,EAAiB,OAAO,KAC7B,IAAM,EAAc,GAAQ,IAQ5B,OAPgB,IAAS,OAAU,IAAS,QAAU,IAAgB,IAGvD,EAAgB,KAC5B,IAAO,EAAE,OAAS,OAAS,EAAE,OAAS,UAAY,EAAE,MAAQ,EAE3D,CAAe,EAAE,EAAA,QAAQ,iCAAiC,CACvD,MAGH,EAAqB,GAAqC,CAC9D,GAAI,CAAC,EAAU,MAAM,CAAE,OAAO,KAC9B,IAAM,EAAQ,EAAU,MAAM;EAAK,CACnC,IAAK,IAAI,EAAI,EAAG,EAAI,EAAM,OAAQ,GAAK,EAAG,CACxC,IAAM,EAAU,EAAM,GAAG,MAAM,CAC/B,GAAI,EAAS,CACX,IAAM,EAAK,EAAQ,QAAQ,IAAI,CAG/B,GAFI,IAAO,IAEP,CADQ,EAAQ,UAAU,EAAG,EAAG,CAAC,MAChC,CAAK,OAAO,EAAE,EAAA,QAAQ,sCAAsC,EAGrE,OAAO,MAGH,EAAsB,GAAsC,CAChE,GAAI,IAAa,SAAU,CACzB,IAAM,EAAe,EAAS,IAAI,UAAU,EAAE,UAAU,EAAI,GAG5D,OAFK,EAAa,MAAM,CAEjB,EAAkB,EAAa,CAD7B,EAAE,EAAA,QAAQ,mCAAmC,CAGxD,GAAI,IAAa,SAAU,CACzB,IAAM,EAAW,EAAS,IAAI,kBAAkB,EAAE,UAAU,CAAC,MAAM,CAKnE,GAJqB,EAClB,IAAI,sBAAsB,EACzB,UAAU,CACX,MAAM,EACW,CAAC,EACnB,OAAO,EAAE,EAAA,QAAQ,4CAA4C,CAGjE,OAAO,MAGH,EAAmB,GAAsC,CAC7D,GAAI,CAAC,EAAW,MAAM,CAAE,OAAO,KAE/B,IAAM,EAAU,SAAS,EAAW,MAAM,CAAE,GAAG,CAU/C,OATI,OAAO,MAAM,EAAQ,CAChB,EAAE,EAAA,QAAQ,0CAA0C,CAEzD,GAAW,EACN,EAAE,EAAA,QAAQ,oCAAoC,CAEnD,EAAU,KACL,EAAE,EAAA,QAAQ,wCAAwC,CAEpD,MAGH,EAAuB,GAAsC,CACjE,IAAM,EAAO,EAAS,IAAI,OAAO,EAAE,UAAU,CAAC,MAAM,EAAI,GAClD,EAAU,EAAS,IAAI,UAAU,EAAE,UAAU,CAAC,MAAM,EAAI,GACxD,EAAY,EAAS,IAAI,MAAM,EAAE,UAAU,EAAI,GAerD,OAbkB,EAAa,EAC3B,EAEoB,EAAuB,EAC3C,EAEiB,EAAgB,EACjC,EAGa,EAAkB,EAC/B,EAEG,MAGH,EAAgB,GAAsC,CAC1D,GAAI,IAAe,OAAS,IAAe,QAAS,CAClD,IAAM,EAAM,EAAS,IAAI,MAAM,EAAE,UAAU,CAAC,MAAM,EAAI,GAChD,EAAW,EAAY,EAAI,CACjC,GAAI,EAAU,OAAO,EACrB,IAAM,EAAc,EAAsB,EAAI,CAC9C,GAAI,EAAa,OAAO,EAKxB,IAAM,EAAO,EAAS,IAAI,OAAO,EAAE,UAAU,CAAC,MAAM,EAAI,GACxD,GAAI,GAAQ,CAAC,EAAA,qBAAqB,EAAK,CACrC,OAAO,EAAE,EAAA,QAAQ,gCAAgC,CAInD,GAAI,IAAe,QAAS,CAE1B,IAAM,EAAe,EADF,EAAS,IAAI,UAAU,EAAE,UAAU,EAAI,GACV,CAChD,GAAI,EAAc,OAAO,EAG3B,OAAO,EAAmB,EAAS,CAOrC,OAJI,IAAe,QACV,EAAoB,EAAS,CAG/B,MAGH,EACJ,GAC2B,CAC3B,IAAM,EAA8B,EAAE,CAChC,EAAQ,EAAU,MAAM,CAC9B,GAAI,CAAC,EAAO,OAAO,EAEnB,IAAK,IAAM,KAAQ,EAAM,MAAM;EAAK,CAAE,CACpC,IAAM,EAAU,EAAK,MAAM,CACrB,EAAK,EAAQ,QAAQ,IAAI,CACzB,EAAM,GAAM,EAAI,EAAQ,UAAU,EAAG,EAAG,CAAC,MAAM,CAAG,GACpD,GAAW,IAAO,IAAM,IAC1B,EAAI,GAAO,EAAQ,UAAU,EAAK,EAAE,CAAC,MAAM,EAG/C,OAAO,GAGH,EACJ,GAEK,EACE,OAAO,QAAQ,EAAI,CACvB,KAAK,CAAC,EAAK,KAAW,GAAG,EAAI,GAAG,IAAQ,CACxC,KAAK;EAAK,CAHI,GAMb,EAAqB,GACrB,GAAM,WAAa,UAAY,GAAM,WAAa,UAC7C,EAAK,OAAS,GAEhB,GAGH,EAAuB,GACvB,GAAM,WAAa,SAChB,EAA2B,EAAK,QAAQ,CADP,GAIpC,EACJ,GAAQ,MAAM,WAAa,SACvB,EAAO,KAAK,eACZ,IAAA,GACA,EACJ,GAAQ,MAAM,WAAa,SAAW,EAAO,KAAK,MAAQ,IAAA,GAEtD,EACJ,GACkC,CAClC,GAAI,IAAa,OAAQ,OACzB,GAAI,IAAa,SAAU,CACzB,IAAM,EAAQ,EAAS,IAAI,UAAU,EAAE,UAAU,CAAC,MAAM,CAKxD,OAJK,EACD,GAAQ,MAAM,WAAa,UACtB,CAAE,GAAG,EAAO,KAAM,QAAO,CAE3B,CAAE,SAAU,SAAU,QAAO,CAJxB,OAMd,GAAI,IAAa,SAIf,MAAO,CAAE,SAAU,SAAU,QAHb,EACd,EAAS,IAAI,UAAU,EAAE,UAAU,EAAI,GAEZ,CAAS,CAGxC,IAAM,EAAS,EAAS,IAAI,eAAe,EAAE,UAAU,CAAC,MAAM,CACxD,EAAW,EAAS,IAAI,kBAAkB,EAAE,UAAU,CAAC,MAAM,CAC7D,EAAe,EAAS,IAAI,sBAAsB,EAAE,UAAU,CAAC,MAAM,CAU3E,MAAO,CACL,SAAU,SACV,eAAA,CAVA,KAAM,QACN,GAAI,IAA0B,QAAU,CACtC,mBAAoB,EACrB,CACD,GAAI,GAAU,CAAE,SAAQ,CACxB,GAAI,GAAY,CAAE,UAAW,EAAU,CACvC,GAAI,GAAgB,CAAE,cAAe,EAAc,CAInD,CACA,GAAI,GAAc,CAAE,MAAO,EAAY,CACxC,EAGG,EAAe,GAAwC,CAC3D,IAAM,EAAa,CACjB,GAAI,GAAQ,IAAM,GAAG,EAAW,GAAG,KAAK,KAAK,GAC7C,KAAM,EACP,CAED,GAAI,IAAe,OAAS,IAAe,QAAS,CAClD,IAAM,EAAO,EAAS,IAAI,OAAO,EAAE,UAAU,CAAC,MAAM,CAC9C,EAAM,EAAS,IAAI,MAAM,EAAE,UAAU,CAAC,MAAM,CAC5C,EAAa,EAAS,IAAI,UAAU,EAAE,UAAU,CAAC,MAAM,CACvD,EAAO,EAAiB,EAAS,CAEjC,EAAgC,CACpC,GAAG,EACH,GAAI,GAAQ,CAAE,OAAM,CACf,MACL,GAAI,GAAQ,CAAE,OAAM,CACrB,CAGD,GAAI,IAAe,SAAW,EAAY,CACxC,IAAM,EAAe,SAAS,EAAY,GAAG,CACxC,OAAO,MAAM,EAAa,GAC7B,EAAa,QAAU,GAI3B,OAAO,EAIT,IAAM,EAAO,EAAS,IAAI,OAAO,EAAE,UAAU,CAAC,MAAM,CAC9C,EAAU,EAAS,IAAI,UAAU,EAAE,UAAU,CAAC,MAAM,CACpD,EAAa,EAAS,IAAI,OAAO,EAAE,UAAU,CAAC,MAAM,CACpD,EAAY,EAAS,IAAI,MAAM,EAAE,UAAU,CAAC,MAAM,CAElD,EAAO,EACT,EACG,MAAM;EAAK,CACX,IAAK,GAAQ,EAAI,MAAM,CAAC,CACxB,OAAO,QAAQ,CAClB,EAAE,CACA,EAAM,EAA0B,GAAa,GAAG,CAEtD,MAAO,CACL,GAAG,EACG,OACG,UACT,GAAI,EAAK,OAAS,GAAK,CAAE,OAAM,CAC/B,GAAI,OAAO,KAAK,EAAI,CAAC,OAAS,GAAK,CAAE,MAAK,CAC3C,EAiCH,OACE,EAAA,EAAA,MAAC,OAAD,CACE,IAAK,EACL,cALF,IAAS,MAAQ,sBAAwB,uBAMvC,SAlCkB,GAA4C,CAChE,EAAM,gBAAgB,CACtB,EAAS,KAAK,CAEd,IAAM,EAAW,IAAI,SAAS,EAAM,cAAc,CAC5C,EAAkB,EAAa,EAAS,CAE9C,GAAI,EAAiB,CACnB,EAAS,EAAgB,CACzB,OAGF,EAAS,EAAY,EAAS,CAAC,EAuB7B,UAAU,kCACV,WAAA,YALF,CAOG,IAAS,QACR,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAO,uBACP,KAAK,cACL,MAAO,EAAE,EAAA,QAAQ,yBAAyB,CAC1C,MAAO,EACP,YAAa,EACb,kBAAoB,GAAQ,EAAc,EAAqB,CAC/D,kBAAqB,GACrB,YAAa,GACb,kBAAmB,GACnB,SAAA,GACA,iBAAiB,iBACjB,CAAA,CAGH,IAAS,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gCAAwB,EAAU,CAAA,EAEvD,IAAe,OAAS,IAAe,WACvC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,oBACP,KAAK,OACL,KAAK,OACL,MAAO,EAAE,EAAA,QAAQ,yBAAyB,CAC1C,UAAU,iBACV,gBAAA,GACA,aAAc,GAAQ,MAAQ,GAE9B,YAAY,mBACZ,QAAS,EAAA,wBAAwB,OACjC,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,YACP,KAAK,MACL,KAAK,MACL,MAAO,EAAE,EAAA,QAAQ,iBAAiB,CAClC,UAAU,iBACV,SAAA,GACA,aAAc,GAAQ,KAAO,GAE7B,YAAY,0BACZ,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAO,qBACP,KAAK,YACL,MAAO,EAAE,EAAA,QAAQ,4BAA4B,CAC7C,MAAO,EACP,YAAa,EACb,kBAAoB,GAAQ,EAAY,EAAsB,CAC9D,kBAAqB,GACrB,YAAa,GACb,kBAAmB,GACnB,iBAAiB,iBACjB,CAAA,CAED,IAAa,WACZ,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,gBACP,KAAK,UACL,KAAK,WACL,MAAO,EAAE,EAAA,QAAQ,qBAAqB,CACtC,UAAU,iBACV,SAAA,GACA,aAAc,EAAkB,GAAQ,KAAK,CAC7C,YAAa,EAAE,EAAA,QAAQ,iCAAiC,CACxD,CAAA,CAGH,IAAa,WACZ,EAAA,EAAA,MAAC,QAAD,CAAO,UAAU,gDAAjB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAW,EAAE,EAAA,QAAQ,qBAAqB,CAAQ,CAAA,EAClE,EAAA,EAAA,KAAC,WAAD,CACE,cAAY,gBACZ,KAAK,UACL,KAAM,EACN,aAAc,EAAoB,GAAQ,KAAK,CAC/C,YAAa,EAAE,EAAA,QAAQ,iCAAiC,CACxD,UAAW,EAAA,GACT,EAAA,mCACA,iCACA,mFACD,CACD,CAAA,CACI,GAGT,IAAa,WACZ,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAO,oCACP,KAAK,2BACL,MAAO,EAAE,EAAA,QAAQ,+BAA+B,CAChD,MAAO,EACP,YAAa,EACb,kBAAoB,GAClB,EAAyB,EAAmC,CAE9D,kBAAqB,GACrB,YAAa,GACb,kBAAmB,GACnB,iBAAiB,iBACjB,CAAA,EACF,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,wBACP,KAAK,kBACL,KAAK,OACL,MAAO,EAAE,EAAA,QAAQ,6BAA6B,CAC9C,UAAU,iBACV,gBAAA,GACA,aAAc,GAAqB,WAAa,GAChD,YAAa,EACX,EAAA,QAAQ,yCACT,CACD,CAAA,EACF,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,4BACP,KAAK,sBACL,KAAK,WACL,MAAO,EAAE,EAAA,QAAQ,iCAAiC,CAClD,UAAU,iBACV,gBAAA,GACA,aAAc,GAAqB,eAAiB,GACpD,YAAa,EACX,EAAA,QAAQ,6CACT,CACD,CAAA,EACF,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,qBACP,KAAK,eACL,KAAK,OACL,MAAO,EAAE,EAAA,QAAQ,0BAA0B,CAC3C,UAAU,iBACV,gBAAA,GACA,aACE,MAAM,QAAQ,GAAqB,OAAO,CACtC,EAAoB,OAAO,KAAK,IAAI,CACpC,GAAqB,QAAU,GAErC,YAAa,EAAE,EAAA,QAAQ,sCAAsC,CAC7D,CAAA,CACD,CAAA,CAAA,CAGJ,IAAe,UACd,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,gBACP,KAAK,UACL,KAAK,SACL,MAAO,EAAE,EAAA,QAAQ,2BAA2B,CAC5C,UAAU,iBACV,gBAAA,GACA,aAAc,GAAQ,SAAS,UAAU,EAAI,GAC7C,YAAY,KACZ,IAAK,EACL,IAAK,KACL,CAAA,CAEH,CAAA,CAAA,CAGJ,IAAe,UACd,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,aACP,KAAK,OACL,KAAK,OACL,MAAO,EAAE,EAAA,QAAQ,kBAAkB,CACnC,UAAU,iBACV,SAAA,GACA,aAAc,GAAQ,MAAQ,GAE9B,YAAY,gBACZ,QAAS,EAAA,wBAAwB,OACjC,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,gBACP,KAAK,UACL,KAAK,OACL,MAAO,EAAE,EAAA,QAAQ,qBAAqB,CACtC,UAAU,iBACV,SAAA,GACA,aAAc,GAAQ,SAAW,GAEjC,YAAY,MACZ,CAAA,EAEF,EAAA,EAAA,MAAC,QAAD,CAAO,UAAU,gDAAjB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBACb,EAAE,EAAA,QAAQ,+BAA+B,CACrC,CAAA,EACP,EAAA,EAAA,KAAC,EAAA,YAAD,EAAe,CAAA,CACX,IACN,EAAA,EAAA,KAAC,WAAD,CACE,cAAY,aACZ,KAAK,OACL,KAAM,EACN,aAAc,GAAQ,MAAM,KAAK;EAAK,EAAI,GAE1C,YAAY;;MACZ,UAAW,EAAA,GACT,EAAA,mCACA,iCACA,mFACD,CACD,CAAA,EACF,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,qCACV,EAAE,EAAA,QAAQ,oCAAoC,CAC7C,CAAA,CACE,IAER,EAAA,EAAA,MAAC,QAAD,CAAO,UAAU,gDAAjB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBACb,EAAE,EAAA,QAAQ,mCAAmC,CACzC,CAAA,EACP,EAAA,EAAA,KAAC,EAAA,YAAD,EAAe,CAAA,CACX,IACN,EAAA,EAAA,KAAC,WAAD,CACE,cAAY,YACZ,KAAK,MACL,KAAM,EACN,aAAc,EAA2B,GAAQ,IAAI,CAErD,YAAY;aACZ,UAAW,EAAA,GACT,EAAA,mCACA,iCACA,mFACD,CACD,CAAA,CACI,GACP,CAAA,CAAA,CAGJ,IACC,EAAA,EAAA,KAAC,IAAD,CACE,cAAY,mBACZ,UACE,EAAY,GACR,6CACA,oDAGL,EAAY,KACX,CAAA,EAGN,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,iCACA,EAAW,kBAAoB,cAChC,UAJH,CAMG,GACC,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,2BACP,KAAK,SACL,QAAQ,YACR,QAAS,EACT,WAAY,EACZ,cACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,cAAA,GAAY,UAAU,SAAS,YAAa,EAAK,CAAA,UAG1D,EAAE,EAAA,QAAQ,cAAc,CACb,CAAA,CACZ,MACJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,gBACP,KAAK,SACL,QAAQ,YACR,QAAS,EACT,WAAY,WAEX,EAAE,EAAA,QAAQ,cAAc,CACb,CAAA,CACb,IACC,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,sBACP,KAAK,SACL,QAAQ,YACR,YAtTkB,CAC5B,GAAI,CAAC,GAAU,CAAC,EAAQ,QAAS,OACjC,EAAS,KAAK,CACd,IAAM,EAAW,IAAI,SAAS,EAAQ,QAAQ,CACxC,EAAkB,EAAa,EAAS,CAC9C,GAAI,EAAiB,CACnB,EAAS,EAAgB,CACzB,OAEF,EAAO,EAAY,EAAS,CAAC,EA8SnB,WAAY,GAAoB,WAG5B,EADH,EACK,EAAA,QAAQ,cACR,EAAA,QAAQ,gBAAgB,CAClB,CAAA,EAEhB,EAAA,EAAA,MAAC,EAAA,YAAD,CACE,OAAO,gBACP,KAAK,SACL,QAAQ,UACR,WAAY,GAAoB,WAJlC,CAMG,IAAS,OAAS,EAAE,EAAA,QAAQ,wBAAwB,CACpD,IAAS,QAAU,EAAE,EAAA,QAAQ,yBAAyB,CAC3C,GACV,GACF,GACD"}