@openhands/agent-canvas 1.8.0 → 1.10.0

package/dist/components/features/automations/detail/activity-log-item.d.ts

@@ -3,5 +3,5 @@ interface ActivityLogItemProps {
     run: AutomationRun;
     automation?: Automation;
 }
-export declare function ActivityLogItem({ run, automation }: ActivityLogItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActivityLogItem({ run, automation }: ActivityLogItemProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/detail/activity-log-section.d.ts

@@ -1,6 +1,8 @@
 import type { Automation } from "#/types/automation";
 interface ActivityLogSectionProps {
     automation: Automation;
+    /** Optional run id from `?run=` to scroll/highlight in the log. */
+    highlightedRunId?: string | null;
 }
-export declare function ActivityLogSection({ automation }: ActivityLogSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActivityLogSection({ automation, highlightedRunId, }: ActivityLogSectionProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/detail/activity-section.d.ts

@@ -2,5 +2,5 @@ interface ActivitySectionProps {
     createdAt: string;
     lastRunAt: string | null | undefined;
 }
-export declare function ActivitySection({ createdAt, lastRunAt, }: ActivitySectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActivitySection({ createdAt, lastRunAt, }: ActivitySectionProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/detail/back-link.d.ts

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

package/dist/components/features/automations/detail/branch-badge.d.ts

@@ -1,5 +1,5 @@
 interface BranchBadgeProps {
     branch: string;
 }
-export declare function BranchBadge({ branch }: BranchBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function BranchBadge({ branch }: BranchBadgeProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/detail/config-field.d.ts

@@ -3,5 +3,5 @@ interface ConfigFieldProps {
     label: string;
     children: React.ReactNode;
 }
-export declare function ConfigField({ icon, label, children }: ConfigFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConfigField({ icon, label, children }: ConfigFieldProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/detail/configuration-section.d.ts

@@ -2,5 +2,5 @@ import type { Automation } from "#/types/automation";
 interface ConfigurationSectionProps {
     automation: Automation;
 }
-export declare function ConfigurationSection({ automation, }: ConfigurationSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConfigurationSection({ automation, }: ConfigurationSectionProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/detail/debug-automation-button.d.ts

@@ -13,5 +13,5 @@ interface DebugAutomationButtonProps {
  * (rather than inlined into the logs modal) so `useCreateConversation` — which
  * requires a QueryClientProvider — only mounts for failed runs.
  */
-export declare function DebugAutomationButton({ run, automation, stderr, }: DebugAutomationButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function DebugAutomationButton({ run, automation, stderr, }: DebugAutomationButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/detail/detail-header.d.ts

@@ -13,5 +13,5 @@ interface DetailHeaderProps {
     onRunNow?: () => void;
     isRunningNow?: boolean;
 }
-export declare function DetailHeader({ automation, onToggle, onEdit, onDelete, onExport, onDownloadTarball, onRunNow, isRunningNow, }: DetailHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DetailHeader({ automation, onToggle, onEdit, onDelete, onExport, onDownloadTarball, onRunNow, isRunningNow, }: DetailHeaderProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/detail/detail-skeleton.d.ts

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

package/dist/components/features/automations/detail/edit-automation-modal.d.ts

@@ -4,5 +4,5 @@ interface EditAutomationModalProps {
     isOpen: boolean;
     onClose: () => void;
 }
-export declare function EditAutomationModal({ automation, isOpen, onClose, }: EditAutomationModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function EditAutomationModal({ automation, isOpen, onClose, }: EditAutomationModalProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/automations/detail/not-found-state.d.ts

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

package/dist/components/features/automations/detail/plugin-chip.d.ts

@@ -1,5 +1,5 @@
 interface PluginChipProps {
     name: string;
 }
-export declare function PluginChip({ name }: PluginChipProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginChip({ name }: PluginChipProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/detail/plugins-section.d.ts

@@ -1,5 +1,5 @@
 interface PluginsSectionProps {
     plugins: string[];
 }
-export declare function PluginsSection({ plugins }: PluginsSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginsSection({ plugins }: PluginsSectionProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/detail/prompt-section.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 interface PromptSectionProps {
     prompt: string;
 }
-export declare function PromptSection({ prompt }: PromptSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function PromptSection({ prompt }: PromptSectionProps): React.JSX.Element;
 export {};

package/dist/components/features/automations/detail/run-logs-modal.d.ts

@@ -11,5 +11,5 @@ interface RunLogsModalProps {
     /** The parent automation, used to add context to the debug prompt. */
     automation?: Automation;
 }
-export declare function RunLogsModal({ conversationId, bashCommandId, isOpen, onClose, run, automation, }: RunLogsModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function RunLogsModal({ conversationId, bashCommandId, isOpen, onClose, run, automation, }: RunLogsModalProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/automations/detail/run-status-badge.d.ts

@@ -1,6 +1,15 @@
 import { AutomationRunStatus } from "#/types/automation";
 interface RunStatusBadgeProps {
     status: AutomationRunStatus;
+    /**
+     * Icon-only mark (no pill). Status text is available via hover tooltip and
+     * `aria-label`, unless {@link showLabel} is also set.
+     */
+    iconOnly?: boolean;
+    /** With `iconOnly`, render the status word next to the icon (still no pill). */
+    showLabel?: boolean;
+    /** Smaller pill for dense rows (e.g. home activity meta line). */
+    compact?: boolean;
 }
-export declare function RunStatusBadge({ status }: RunStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function RunStatusBadge({ status, iconOnly, showLabel, compact, }: RunStatusBadgeProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/detail/section-card.d.ts

@@ -3,5 +3,5 @@ interface SectionCardProps {
     title: string;
     children: React.ReactNode;
 }
-export declare function SectionCard({ icon, title, children }: SectionCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function SectionCard({ icon, title, children }: SectionCardProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/empty-state.d.ts

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

package/dist/components/features/automations/error-state.d.ts

@@ -1,5 +1,5 @@
 interface ErrorStateProps {
     onRetry: () => void;
 }
-export declare function ErrorState({ onRetry }: ErrorStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorState({ onRetry }: ErrorStateProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/import-automation-modal.d.ts

@@ -6,5 +6,5 @@ interface ImportAutomationModalProps {
     onClose: () => void;
     onImport: () => void;
 }
-export declare function ImportAutomationModal({ isOpen, spec, isImporting, onClose, onImport, }: ImportAutomationModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ImportAutomationModal({ isOpen, spec, isImporting, onClose, onImport, }: ImportAutomationModalProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/automations/kebab-menu-item-content.d.ts

@@ -2,5 +2,5 @@ interface KebabMenuItemContentProps {
     icon: React.ReactNode;
     label: string;
 }
-export declare function KebabMenuItemContent({ icon, label, }: KebabMenuItemContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function KebabMenuItemContent({ icon, label, }: KebabMenuItemContentProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/kebab-menu.d.ts

@@ -7,5 +7,5 @@ export interface KebabMenuItem {
 interface KebabMenuProps {
     items: KebabMenuItem[];
 }
-export declare function KebabMenu({ items }: KebabMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function KebabMenu({ items }: KebabMenuProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/metadata-chip.d.ts

@@ -2,5 +2,5 @@ interface MetadataChipProps {
     icon: React.ReactNode;
     label: string;
 }
-export declare function MetadataChip({ icon, label }: MetadataChipProps): import("react/jsx-runtime").JSX.Element;
+export declare function MetadataChip({ icon, label }: MetadataChipProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/recommended-automations-launcher.d.ts

@@ -4,12 +4,5 @@ interface RecommendedAutomationsLauncherProps {
     /** When true, only the automation card grid scrolls inside its section. */
     scrollableGrid?: boolean;
 }
-/**
- * The catalog prompt (or slash command) is passed through as-is.
- * API routing (host, auth) is discovered by the agent at runtime from
- * `<RUNTIME_SERVICES>` in the system prompt — the skills themselves
- * contain the instructions for reading that block.
- */
-export declare function buildAutomationPrompt(basePrompt: string): string;
-export declare function RecommendedAutomationsLauncher({ query, onLaunched, scrollableGrid, }: RecommendedAutomationsLauncherProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function RecommendedAutomationsLauncher({ query, onLaunched, scrollableGrid, }: RecommendedAutomationsLauncherProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/automations/recommended-automations-section.d.ts

@@ -9,11 +9,5 @@ interface RecommendedAutomationsSectionProps {
     scrollableGrid?: boolean;
 }
 export declare function getAutomationsByPopularity(catalog: RecommendedAutomation[]): RecommendedAutomation[];
-/**
- * Launch allowlist — proven automations featured above the Beta group.
- * NOT derived from popularityRank (slack-standup-digest@94 outranks
- * slack-channel-monitor@92 yet is Beta). A future flag could swap this set.
- */
-export declare const PROVEN_AUTOMATION_IDS: readonly ["github-pr-reviewer", "github-repo-monitor", "slack-channel-monitor"];
-export declare function RecommendedAutomationsSection({ backendKind: _backendKind, installedServers, query, onSelect, scrollableGrid, }: RecommendedAutomationsSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function RecommendedAutomationsSection({ backendKind: _backendKind, installedServers, query, onSelect, scrollableGrid, }: RecommendedAutomationsSectionProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/automations/responder-deployment-modal.d.ts

@@ -6,5 +6,5 @@ interface ResponderDeploymentModalProps {
     /** Fired for an external-URL action (e.g. OpenHands Cloud integrations). */
     onOpenUrl: (url: string) => void;
 }
-export declare function ResponderDeploymentModal({ isOpen, onClose, onContinueLocal, onOpenUrl, }: ResponderDeploymentModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ResponderDeploymentModal({ isOpen, onClose, onContinueLocal, onOpenUrl, }: ResponderDeploymentModalProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/automations/search-input.d.ts

@@ -3,5 +3,5 @@ interface SearchInputProps {
     onChange: (value: string) => void;
     className?: string;
 }
-export declare function SearchInput({ value, onChange, className }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchInput({ value, onChange, className }: SearchInputProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/status-badge.d.ts

@@ -1,5 +1,5 @@
 interface StatusBadgeProps {
     count: number;
 }
-export declare function StatusBadge({ count }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusBadge({ count }: StatusBadgeProps): import("react").JSX.Element;
 export {};

package/dist/components/features/automations/turn-off-confirmation-modal.d.ts

@@ -0,0 +1,8 @@
+interface TurnOffConfirmationModalProps {
+    automationName: string;
+    isOpen: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export declare function TurnOffConfirmationModal({ automationName, isOpen, onConfirm, onCancel, }: TurnOffConfirmationModalProps): import("react").JSX.Element | null;
+export {};

package/dist/components/features/automations/view-menu-item-content.d.ts

@@ -3,4 +3,4 @@ export declare function ViewMenuItemContent({ icon: Icon, label, isSelected, }:
     icon: typeof Grid2x2;
     label: string;
     isSelected: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/features/backends/add-backend-modal.d.ts

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

package/dist/components/features/backends/api-key-entry-screen.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 /**
  * Full-screen prompt shown when the server is in public mode
  * (`VITE_AUTH_REQUIRED=true`) and no valid API key has been configured.
@@ -7,4 +8,4 @@
  * server-side validation (calls `GET /api/settings` before persisting)
  * and a connection status indicator.
  */
-export default function ApiKeyEntryScreen(): import("react/jsx-runtime").JSX.Element;
+export default function ApiKeyEntryScreen(): React.JSX.Element;

package/dist/components/features/backends/backend-form-modal.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("../../../utils/utils.cjs"),i=require("../../../context/navigation-context.cjs"),a=require("../../../node_modules/@openhands/typescript-client/dist/client/server-client.cjs"),o=require("../../../node_modules/@openhands/typescript-client/dist/client/device-flow-client.cjs");require("../../../node_modules/@openhands/typescript-client/dist/clients.cjs");const s=require("../../../api/agent-server-config.cjs"),c=require("../../../utils/user-facing-error.cjs"),l=require("../../../api/agent-server-client-options.cjs"),u=require("../../../api/agent-server-compatibility.cjs"),d=require("../../../node_modules/@tanstack/react-query/build/modern/useQuery.cjs"),f=require("../../../contexts/active-backend-context.cjs"),p=require("../../../hooks/use-tracking.cjs"),m=require("../../shared/modals/modal-backdrop.cjs"),h=require("../../shared/modals/modal-body.cjs"),g=require("../../../utils/modal-classes.cjs"),_=require("../../shared/modals/modal-close-button.cjs"),v=require("../settings/brand-button.cjs"),y=require("../settings/settings-input.cjs"),b=require("../../../hooks/query/use-backends-health.cjs"),x=require("../../../assets/branding/openhands-logo-white.cjs"),S=require("../files-tab/segmented-toggle.cjs");require("../../../api/device-flow-client.cjs");const C=require("../../../icons/chevron-down-small.cjs"),w=require("./backend-status-label.cjs"),T=require("./backend-status-dot.cjs"),E=require("./device-flow-auth.cjs");let D=require("react");D=e.__toESM(D,1);let O=require("react/jsx-runtime");function k(e){return o.isOpenHandsCloudHost(e)?`cloud`:`local`}function A(e){let t=e.toLowerCase().replace(/^\[|\]$/g,``);return!!(t===`localhost`||t===`::1`||t===`::`||t===`0.0.0.0`||/^127\./.test(t)||/^::ffff:127\./i.test(t)||/^10\./.test(t)||/^192\.168\./.test(t)||/^172\.(1[6-9]|2\d|3[01])\./.test(t)||/^fe[89ab][0-9a-f]:/i.test(t)||/^f[cd][0-9a-f]{2}:/i.test(t)||t.endsWith(`.local`)||!t.includes(`.`)&&!t.includes(`:`))}function j(e){let t=e.trim().replace(/\/+$/,``);if(!t)return``;if(/^https?:\/\//i.test(t))return t;let n=t.match(/^\[([^\]]+)\]/);return`${A(n?n[1]:(t.match(/:/g)??[]).length>1?t:t.split(`:`)[0])?`http`:`https`}://${t}`}function M(e){let t=e.trim();if(!t||/\s/.test(t))return!1;let n=j(t);if(!n)return!1;try{let e=new URL(n);return(e.protocol===`http:`||e.protocol===`https:`)&&e.hostname.length>0}catch{return!1}}var N=`https://app.all-hands.dev`;function P(e,t){return e(n.I18nKey.BACKEND$CONNECTION_TEST_FAILED,{host:t,interpolation:{escapeValue:!1}})}function F(e){return c.getUserFacingConnectionErrorMessage(e)}function I(e,t){let n=F(t);return n?`${e}\n${n}`:e}async function L(e){if(e.kind!==`local`)return{agentServerVersion:null};let t=await new a.ServerClient(l.getAgentServerClientOptions({host:e.host,sessionApiKey:e.apiKey||null,timeout:5e3})).getServerInfo();return u.assertAgentServerVersionIsSupported(t),{agentServerVersion:u.getDisplayAgentServerVersion(t)}}function R({backend:e,testIdRoot:r}){let{t:i}=t.useTranslation(`openhands`),o=b.useBackendsHealth([e])[e.id],s=o?.isConnected??null,c=o?.disabled===!0,f=o?.consecutiveFailures??0,p=o?.lastError??null,{data:m}=d.useQuery({queryKey:[`backend-version`,e.host,e.apiKey],queryFn:async()=>u.getDisplayAgentServerVersion(await new a.ServerClient(l.getAgentServerClientOptions({host:e.host,sessionApiKey:e.apiKey||null,timeout:5e3})).getServerInfo()),retry:!1,staleTime:6e4,enabled:e.kind===`local`&&!c}),h=w.getBackendStatusLabel(i,e,o),g=e.kind===`cloud`?i(n.I18nKey.BACKEND$KIND_CLOUD):i(n.I18nKey.BACKEND$KIND_LOCAL);return(0,O.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,O.jsxs)(`div`,{"data-testid":`${r}-status`,className:`flex items-center gap-3 text-sm`,children:[(0,O.jsx)(T.BackendStatusDot,{isConnected:s}),(0,O.jsx)(`span`,{className:`text-white`,"data-testid":`${r}-status-label`,children:h}),(0,O.jsx)(`span`,{className:`text-tertiary-alt`,children:`·`}),(0,O.jsx)(`span`,{className:`text-[var(--oh-text-tertiary)]`,children:g}),m?(0,O.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`${r}-version`,children:i(n.I18nKey.BACKEND$VERSION_LABEL,{version:m})}):null]}),c?(0,O.jsxs)(`div`,{"data-testid":`${r}-status-error`,className:`flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm`,children:[(0,O.jsx)(`span`,{className:`font-semibold text-red-300`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_TITLE)}),(0,O.jsx)(`span`,{className:`text-xs text-[var(--oh-text-tertiary)]`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_DETAIL,{count:f})}),p?(0,O.jsx)(`span`,{"data-testid":`${r}-status-error-message`,className:`text-xs text-red-300 whitespace-pre-wrap break-words`,children:p}):null]}):null]})}function z({initialName:e=``,initialHost:n=``,initialApiKey:r=``,onTestConnection:i,onSuccess:a,requireApiKey:o=!1,onSubmitOverride:s}){let{t:c}=t.useTranslation(`openhands`),[l,u]=D.default.useState(e),[d,f]=D.default.useState(n),[p,m]=D.default.useState(r),[h,g]=D.default.useState(null),[_,v]=D.default.useState(!1),[y,b]=D.default.useState(null),x=y??k(d),S=o||x!==`local`,C=l.trim().length>0&&M(d)&&(!S||p.trim().length>0);return{name:l,setName:u,host:d,setHost:f,apiKey:p,setApiKey:m,connectionError:h,setConnectionError:g,isSubmitting:_,kind:x,setKind:b,canSubmit:C,handleSubmit:D.default.useCallback(async e=>{if(e.preventDefault(),!C||_)return;let t={name:l.trim(),host:j(d),apiKey:p.trim(),kind:x};g(null),v(!0);try{s?await s(t):a(await i(t))}catch(e){g(I(P(c,t.host),e))}finally{v(!1)}},[C,_,l,d,p,x,i,a,o,s,c])}}function B({mode:e,backend:i,onSubmitted:a,renderActions:o,testIdRoot:s,hostReadOnly:c,requireApiKey:l,hideConfigurationFields:u=!1,onSubmitOverride:d}){let{t:p}=t.useTranslation(`openhands`),{addBackend:m,updateBackend:h}=f.useActiveBackendContext(),g=e===`edit`&&i?i.kind:null,{name:_,setName:b,host:x,setHost:S,apiKey:C,setApiKey:w,connectionError:T,setConnectionError:E,isSubmitting:k,kind:A,handleSubmit:P}=z({initialName:i?.name??``,initialHost:i?.host??``,initialApiKey:i?.apiKey??``,onTestConnection:L,onSuccess:async()=>{let t={name:_.trim(),host:j(x),apiKey:C.trim(),kind:g??A};e===`edit`&&i?h(i.id,t):m(t),a()},requireApiKey:l,onSubmitOverride:d}),[F,I]=D.default.useState(!1),[B,V]=D.default.useState(!1),H=g??A,U=s??(e===`edit`?`edit-backend`:`add-backend`),W=l||H!==`local`,G=_.trim().length>0&&M(x)&&(!W||C.trim().length>0),K=F&&!_.trim()?p(n.I18nKey.BACKEND$NAME_REQUIRED):void 0,q=B?x.trim()?M(x)?void 0:p(n.I18nKey.BACKEND$HOST_INVALID):p(n.I18nKey.BACKEND$HOST_REQUIRED):void 0;return(0,O.jsxs)(`form`,{"data-testid":`${U}-form`,onSubmit:async e=>{if(!G){I(!0),V(!0);return}await P(e)},className:`flex flex-col gap-4`,children:[(0,O.jsxs)(`div`,{"data-testid":`${U}-configuration-fields`,className:r.cn(`flex flex-col gap-4`,u&&`hidden`),children:[(0,O.jsx)(y.SettingsInput,{testId:`${U}-name`,name:`${U}-name`,type:`text`,label:p(n.I18nKey.BACKEND$NAME_LABEL),value:_,onChange:e=>{b(e),E(null)},onBlur:()=>I(!0),placeholder:`Production`,className:`w-full`,showRequiredTag:!0,error:K}),(0,O.jsx)(y.SettingsInput,{testId:`${U}-host`,name:`${U}-host`,type:`text`,label:p(n.I18nKey.BACKEND$HOST_LABEL),value:x,onChange:c?void 0:e=>{S(e),E(null)},onBlur:()=>V(!0),placeholder:N,className:`w-full`,showRequiredTag:!0,error:q,isDisabled:c}),(0,O.jsx)(y.SettingsInput,{testId:`${U}-api-key`,name:`${U}-api-key`,type:`password`,label:p(n.I18nKey.BACKEND$KEY_LABEL),value:C,onChange:e=>{w(e),E(null)},placeholder:``,className:`w-full`}),T?(0,O.jsx)(`div`,{role:`alert`,"data-testid":`${U}-error`,className:`rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words`,children:T}):null,e===`edit`&&i&&(0,O.jsx)(R,{backend:i,testIdRoot:U})]}),o?o({canSubmit:G&&!k,isSubmitting:k,testIdRoot:U}):(0,O.jsxs)(`div`,{className:`flex justify-end gap-2 mt-2 w-full`,children:[(0,O.jsx)(v.BrandButton,{type:`button`,variant:`secondary`,onClick:a,testId:`${U}-cancel`,children:p(n.I18nKey.BUTTON$CANCEL)}),(0,O.jsx)(v.BrandButton,{type:`submit`,variant:`primary`,isDisabled:!G||k,testId:`${U}-submit`,children:p(n.I18nKey.BACKEND$SAVE)})]})]})}function V(){let{currentPath:e,navigate:t}=i.useNavigation();return D.default.useCallback(()=>{/^\/automations\/[^/]+/.test(e)?t(`/automations`):/^\/conversations\/[^/]+/.test(e)&&t(`/conversations`)},[e,t])}function H({onConnected:e,testIdRoot:r=`add-backend`,initialManualBackend:i,requireManualApiKey:a=!1,manualSubmitLabel:o,manualSubmittingLabel:c,manualSubmitTestId:l,analyticsSource:u}){let{t:d}=t.useTranslation(`openhands`),f=s.getLockedCloudHost();return f?(0,O.jsx)(`div`,{"data-testid":`${r}-connection-options`,className:`flex justify-center`,children:(0,O.jsx)(`div`,{className:`w-full`,children:(0,O.jsx)(W,{onConnected:e,testIdRoot:r,lockedHost:f,analyticsSource:u})})}):(0,O.jsxs)(`div`,{"data-testid":`${r}-connection-options`,className:`flex flex-col gap-6 md:flex-row`,children:[(0,O.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,O.jsx)(U,{onConnected:e,testIdRoot:r,initialBackend:i,requireApiKey:a,submitLabel:o??d(n.I18nKey.BACKEND$CONNECT),submittingLabel:c??d(n.I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING),submitTestId:l})}),(0,O.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,O.jsx)(W,{onConnected:e,testIdRoot:r,analyticsSource:u})})]})}function U({onConnected:e,testIdRoot:r,initialBackend:i,requireApiKey:a,submitLabel:o,submittingLabel:s,submitTestId:c}){let{t:l}=t.useTranslation(`openhands`),{name:u,setName:d,host:f,setHost:p,apiKey:m,setApiKey:h,connectionError:g,setConnectionError:_,isSubmitting:b,kind:x,setKind:C,canSubmit:w,handleSubmit:T}=z({initialName:i?.name??``,initialHost:i?.host??``,initialApiKey:i?.apiKey??``,onTestConnection:L,onSuccess:t=>{e({name:u.trim(),host:j(f),apiKey:m.trim(),kind:x},`manual`,t)},requireApiKey:a});return(0,O.jsxs)(`form`,{"data-testid":`${r}-form`,onSubmit:T,className:`flex flex-col gap-4 flex-1 min-w-0`,children:[(0,O.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,O.jsx)(y.SettingsInput,{testId:`${r}-name`,name:`${r}-name`,type:`text`,label:l(n.I18nKey.BACKEND$NAME_LABEL),value:u,onChange:e=>{d(e),_(null)},placeholder:`e.g. My Server`,className:`w-full`}),(0,O.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:l(n.I18nKey.BACKEND$NAME_HELPER)})]}),(0,O.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,O.jsx)(y.SettingsInput,{testId:`${r}-host`,name:`${r}-host`,type:`text`,label:l(n.I18nKey.BACKEND$HOST_LABEL),value:f,onChange:e=>{p(e),_(null)},placeholder:`http://localhost:8000`,className:`w-full`}),(0,O.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`${r}-host-helper`,children:l(n.I18nKey.BACKEND$HOST_HELPER)})]}),(0,O.jsxs)(`div`,{className:`flex flex-col items-start gap-2.5`,children:[(0,O.jsx)(`span`,{className:`text-sm`,children:l(n.I18nKey.BACKEND$KIND_LABEL)}),(0,O.jsx)(S.SegmentedToggle,{value:x,options:[{value:`local`,label:l(n.I18nKey.BACKEND$KIND_LOCAL)},{value:`cloud`,label:l(n.I18nKey.BACKEND$KIND_CLOUD)}],onChange:e=>C(e),ariaLabel:l(n.I18nKey.BACKEND$KIND_LABEL),testId:`${r}-kind`})]}),(0,O.jsx)(y.SettingsInput,{testId:`${r}-api-key`,name:`${r}-api-key`,type:`password`,label:l(n.I18nKey.BACKEND$KEY_LABEL),value:m,onChange:e=>{h(e),_(null)},placeholder:`sk-••••••••••`,className:`w-full`}),g?(0,O.jsx)(`div`,{role:`alert`,"data-testid":`${r}-error`,className:`rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words`,children:g}):null,(0,O.jsx)(v.BrandButton,{type:`submit`,variant:`secondary`,isDisabled:!w||b,testId:c??`${r}-submit`,className:`w-full text-center`,children:b?s:o})]})}function W({onConnected:e,testIdRoot:i,lockedHost:a,analyticsSource:o}){let{t:s}=t.useTranslation(`openhands`),[c,l]=D.default.useState(!1),[u,d]=D.default.useState(``),f=a??(u.trim()||N);return(0,O.jsxs)(`div`,{className:`flex flex-1 min-w-0 flex-col items-center gap-3 pb-8`,children:[(0,O.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,O.jsx)(x.default,{width:56,height:56,"aria-hidden":!0}),(0,O.jsx)(`h4`,{className:g.modalTitleLgMediumClassName,"data-testid":`${i}-cloud-title`,children:s(n.I18nKey.BACKEND$CLOUD_TITLE)})]}),(0,O.jsx)(`p`,{className:`text-center text-sm leading-relaxed text-[var(--oh-muted)]`,children:s(n.I18nKey.BACKEND$CLOUD_DESCRIPTION)}),(0,O.jsx)(E.DeviceFlowAuth,{host:f,onSuccess:t=>{e({name:`OpenHands Cloud`,host:j(f),apiKey:t,kind:`cloud`},`cloud_login`)},testIdRoot:i,analyticsSource:o}),a?null:(0,O.jsxs)(`div`,{className:`w-full`,children:[(0,O.jsxs)(`button`,{type:`button`,onClick:()=>l(e=>!e),"aria-expanded":c,"data-testid":`${i}-advanced-toggle`,className:`flex w-full cursor-pointer items-center justify-center gap-1 text-center text-xs text-[var(--oh-muted)] transition-colors hover:text-content-2`,children:[(0,O.jsx)(`span`,{children:s(n.I18nKey.BACKEND$ADVANCED)}),(0,O.jsx)(C.default,{className:r.cn(`h-4 w-4 shrink-0 text-muted transition-transform`,c&&`rotate-180`),"aria-hidden":!0})]}),(0,O.jsxs)(`div`,{className:r.cn(`pt-2`,!c&&`pointer-events-none invisible`),"aria-hidden":!c,children:[(0,O.jsx)(y.SettingsInput,{testId:`${i}-cloud-host`,name:`${i}-cloud-host`,type:`text`,label:s(n.I18nKey.BACKEND$HOST_LABEL),value:u,onChange:d,placeholder:N,className:`w-full`}),(0,O.jsx)(`p`,{className:`mt-1 text-xs text-[var(--oh-muted)]`,children:s(n.I18nKey.BACKEND$LOGIN_CLOUD_HINT)})]})]})]})}function G({onClose:e,source:t}){let{addBackend:n}=f.useActiveBackendContext(),r=V(),{trackBackendAdded:i}=p.useTracking();return(0,O.jsx)(H,{onConnected:D.default.useCallback((a,o,s)=>{n(a),i({backendKind:a.kind,connectionMethod:o,hasApiKey:!!a.apiKey,source:t,agentServerVersion:s?.agentServerVersion}),r(),e()},[n,r,e,i,t]),analyticsSource:t})}function K({mode:e,backend:i,onClose:a,source:o=`add_backend_modal`,hideCloseButton:s=!1}){let{t:c}=t.useTranslation(`openhands`);if(e===`add`)return(0,O.jsx)(m.ModalBackdrop,{onClose:s?void 0:a,closeOnEscape:!1,closeOnBackdropClick:!s,"aria-label":c(n.I18nKey.BACKEND$ADD_TITLE),children:(0,O.jsxs)(`div`,{"data-testid":s?`onboarding-modal`:`add-backend-modal`,className:r.cn(`relative rounded-xl border border-[var(--oh-border)] bg-base-secondary`,h.modalWidthClassName(`xl`),h.MODAL_MAX_WIDTH_VIEWPORT),children:[s?null:(0,O.jsx)(_.ModalCloseButton,{onClose:a,testId:`add-backend-close`}),s?null:(0,O.jsx)(`div`,{className:`px-6 pt-6 pb-2 pr-12`,children:(0,O.jsx)(`h2`,{className:g.modalTitleLgClassName,children:c(n.I18nKey.BACKEND$ADD_TITLE)})}),(0,O.jsx)(`div`,{className:r.cn(`px-6 pb-6`,s?`pt-6`:`pt-2`),children:(0,O.jsx)(G,{onClose:a,source:o})})]})});let l=`edit-backend`;return(0,O.jsx)(m.ModalBackdrop,{onClose:a,closeOnEscape:!1,"aria-label":c(n.I18nKey.BACKEND$EDIT_TITLE),children:(0,O.jsxs)(`div`,{"data-testid":`${l}-modal`,className:r.cn(`relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]`,h.modalWidthClassName(`md`)),children:[(0,O.jsx)(_.ModalCloseButton,{onClose:a,testId:`${l}-close`}),(0,O.jsx)(`h2`,{className:r.cn(`pr-6`,g.modalTitleLgClassName),children:c(n.I18nKey.BACKEND$EDIT_TITLE)}),(0,O.jsx)(B,{mode:`edit`,backend:i,onSubmitted:a,testIdRoot:l})]})})}exports.BackendFormModal=K;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/globe.cjs"),a=require("../../../node_modules/lucide-react/dist/esm/icons/info.cjs"),o=require("../../../node_modules/lucide-react/dist/esm/icons/monitor.cjs"),s=require("../../../utils/utils.cjs"),c=require("../../../context/navigation-context.cjs"),l=require("../../../node_modules/@openhands/typescript-client/dist/client/server-client.cjs"),u=require("../../../node_modules/@openhands/typescript-client/dist/client/device-flow-client.cjs");require("../../../node_modules/@openhands/typescript-client/dist/clients.cjs");const d=require("../../../api/agent-server-config.cjs"),f=require("../../../utils/user-facing-error.cjs"),p=require("../../../api/agent-server-client-options.cjs"),m=require("../../../api/agent-server-compatibility.cjs"),h=require("../../../node_modules/@tanstack/react-query/build/modern/useQuery.cjs"),g=require("../../../contexts/active-backend-context.cjs"),_=require("../../../hooks/use-tracking.cjs"),v=require("../../shared/modals/modal-backdrop.cjs"),y=require("../../shared/modals/modal-body.cjs"),b=require("../../../utils/modal-classes.cjs"),x=require("../../shared/modals/modal-close-button.cjs"),S=require("../settings/brand-button.cjs"),C=require("../settings/settings-input.cjs"),w=require("../../../hooks/query/use-backends-health.cjs"),T=require("../../../assets/branding/openhands-logo-white.cjs"),E=require("../files-tab/segmented-toggle.cjs");require("../../../api/device-flow-client.cjs");const D=require("../../../icons/chevron-down-small.cjs"),O=require("../../../icons/external-link.cjs"),k=require("../../../icons/server.cjs"),A=require("./backend-status-label.cjs"),j=require("./backend-status-dot.cjs"),M=require("./device-flow-auth.cjs");let N=require("react");N=e.__toESM(N,1);let P=require("react/jsx-runtime");function F(e){return u.isOpenHandsCloudHost(e)?`cloud`:`local`}function I(e){let t=e.toLowerCase().replace(/^\[|\]$/g,``);return!!(t===`localhost`||t===`::1`||t===`::`||t===`0.0.0.0`||/^127\./.test(t)||/^::ffff:127\./i.test(t)||/^10\./.test(t)||/^192\.168\./.test(t)||/^172\.(1[6-9]|2\d|3[01])\./.test(t)||/^fe[89ab][0-9a-f]:/i.test(t)||/^f[cd][0-9a-f]{2}:/i.test(t)||t.endsWith(`.local`)||!t.includes(`.`)&&!t.includes(`:`))}function L(e){let t=e.trim().replace(/\/+$/,``);if(!t)return``;if(/^https?:\/\//i.test(t))return t;let n=t.match(/^\[([^\]]+)\]/);return`${I(n?n[1]:(t.match(/:/g)??[]).length>1?t:t.split(`:`)[0])?`http`:`https`}://${t}`}function R(e){let t=e.trim();if(!t||/\s/.test(t))return!1;let n=L(t);if(!n)return!1;try{let e=new URL(n);return(e.protocol===`http:`||e.protocol===`https:`)&&e.hostname.length>0}catch{return!1}}var z=`https://app.all-hands.dev`,B=`agent-canvas --backend-only --port 8001`,V=`https://github.com/OpenHands/OpenHands/blob/main/docs/DEVELOPMENT.md#alternative-development-workflows`,H=`https://github.com/OpenHands/OpenHands/blob/main/docs/SELF_HOSTING.md`,U=`https://docs.openhands.dev/overview/introduction`;function W(e,t){return e(n.I18nKey.BACKEND$CONNECTION_TEST_FAILED,{host:t,interpolation:{escapeValue:!1}})}function G(e){return f.getUserFacingConnectionErrorMessage(e)}function K(e,t){let n=G(t);return n?`${e}\n${n}`:e}async function q(e){if(e.kind!==`local`)return{agentServerVersion:null};let t=await new l.ServerClient(p.getAgentServerClientOptions({host:e.host,sessionApiKey:e.apiKey||null,timeout:5e3})).getServerInfo();return m.assertAgentServerVersionIsSupported(t),{agentServerVersion:m.getDisplayAgentServerVersion(t)}}function J({backend:e,testIdRoot:r}){let{t:i}=t.useTranslation(`openhands`),a=w.useBackendsHealth([e])[e.id],o=a?.isConnected??null,s=a?.disabled===!0,c=a?.consecutiveFailures??0,u=a?.lastError??null,{data:d}=h.useQuery({queryKey:[`backend-version`,e.host,e.apiKey],queryFn:async()=>m.getDisplayAgentServerVersion(await new l.ServerClient(p.getAgentServerClientOptions({host:e.host,sessionApiKey:e.apiKey||null,timeout:5e3})).getServerInfo()),retry:!1,staleTime:6e4,enabled:e.kind===`local`&&!s}),f=A.getBackendStatusLabel(i,e,a),g=e.kind===`cloud`?i(n.I18nKey.BACKEND$KIND_CLOUD):i(n.I18nKey.BACKEND$KIND_LOCAL);return(0,P.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,P.jsxs)(`div`,{"data-testid":`${r}-status`,className:`flex items-center gap-3 text-sm`,children:[(0,P.jsx)(j.BackendStatusDot,{isConnected:o}),(0,P.jsx)(`span`,{className:`text-white`,"data-testid":`${r}-status-label`,children:f}),(0,P.jsx)(`span`,{className:`text-tertiary-alt`,children:`·`}),(0,P.jsx)(`span`,{className:`text-[var(--oh-text-tertiary)]`,children:g}),d?(0,P.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`${r}-version`,children:i(n.I18nKey.BACKEND$VERSION_LABEL,{version:d})}):null]}),s?(0,P.jsxs)(`div`,{"data-testid":`${r}-status-error`,className:`flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm`,children:[(0,P.jsx)(`span`,{className:`font-semibold text-red-300`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_TITLE)}),(0,P.jsx)(`span`,{className:`text-xs text-[var(--oh-text-tertiary)]`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_DETAIL,{count:c})}),u?(0,P.jsx)(`span`,{"data-testid":`${r}-status-error-message`,className:`text-xs text-red-300 whitespace-pre-wrap break-words`,children:u}):null]}):null]})}function Y({initialName:e=``,initialHost:n=``,initialApiKey:r=``,onTestConnection:i,onSuccess:a,requireApiKey:o=!1,onSubmitOverride:s,fixedKind:c}){let{t:l}=t.useTranslation(`openhands`),[u,d]=N.default.useState(e),[f,p]=N.default.useState(n),[m,h]=N.default.useState(r),[g,_]=N.default.useState(null),[v,y]=N.default.useState(!1),[b,x]=N.default.useState(null),S=c??b??F(f),C=o||S!==`local`,w=u.trim().length>0&&R(f)&&(!C||m.trim().length>0);return{name:u,setName:d,host:f,setHost:p,apiKey:m,setApiKey:h,connectionError:g,setConnectionError:_,isSubmitting:v,kind:S,setKind:x,canSubmit:w,handleSubmit:N.default.useCallback(async e=>{if(e.preventDefault(),!w||v)return;let t={name:u.trim(),host:L(f),apiKey:m.trim(),kind:S};_(null),y(!0);try{s?await s(t):a(await i(t))}catch(e){_(K(W(l,t.host),e))}finally{y(!1)}},[w,v,u,f,m,S,i,a,o,s,c,l])}}function X({mode:e,backend:r,onSubmitted:i,renderActions:a,testIdRoot:o,hostReadOnly:c,requireApiKey:l,hideConfigurationFields:u=!1,onSubmitOverride:d}){let{t:f}=t.useTranslation(`openhands`),{addBackend:p,updateBackend:m}=g.useActiveBackendContext(),h=e===`edit`&&r?r.kind:null,{name:_,setName:v,host:y,setHost:b,apiKey:x,setApiKey:w,connectionError:T,setConnectionError:E,isSubmitting:D,kind:O,handleSubmit:k}=Y({initialName:r?.name??``,initialHost:r?.host??``,initialApiKey:r?.apiKey??``,onTestConnection:q,onSuccess:async()=>{let t={name:_.trim(),host:L(y),apiKey:x.trim(),kind:h??O};e===`edit`&&r?m(r.id,t):p(t),i()},requireApiKey:l,onSubmitOverride:d}),[A,j]=N.default.useState(!1),[M,F]=N.default.useState(!1),I=h??O,B=o??(e===`edit`?`edit-backend`:`add-backend`),V=l||I!==`local`,H=_.trim().length>0&&R(y)&&(!V||x.trim().length>0),U=A&&!_.trim()?f(n.I18nKey.BACKEND$NAME_REQUIRED):void 0,W=M?y.trim()?R(y)?void 0:f(n.I18nKey.BACKEND$HOST_INVALID):f(n.I18nKey.BACKEND$HOST_REQUIRED):void 0;return(0,P.jsxs)(`form`,{"data-testid":`${B}-form`,onSubmit:async e=>{if(!H){j(!0),F(!0);return}await k(e)},className:`flex flex-col gap-4`,children:[(0,P.jsxs)(`div`,{"data-testid":`${B}-configuration-fields`,className:s.cn(`flex flex-col gap-4`,u&&`hidden`),children:[(0,P.jsx)(C.SettingsInput,{testId:`${B}-name`,name:`${B}-name`,type:`text`,label:f(n.I18nKey.BACKEND$NAME_LABEL),value:_,onChange:e=>{v(e),E(null)},onBlur:()=>j(!0),placeholder:`Production`,className:`w-full`,showRequiredTag:!0,error:U}),(0,P.jsx)(C.SettingsInput,{testId:`${B}-host`,name:`${B}-host`,type:`text`,label:f(n.I18nKey.BACKEND$HOST_LABEL),value:y,onChange:c?void 0:e=>{b(e),E(null)},onBlur:()=>F(!0),placeholder:z,className:`w-full`,showRequiredTag:!0,error:W,isDisabled:c}),(0,P.jsx)(C.SettingsInput,{testId:`${B}-api-key`,name:`${B}-api-key`,type:`password`,label:f(n.I18nKey.BACKEND$KEY_LABEL),value:x,onChange:e=>{w(e),E(null)},placeholder:``,className:`w-full`}),T?(0,P.jsx)(`div`,{role:`alert`,"data-testid":`${B}-error`,className:`rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words`,children:T}):null,e===`edit`&&r&&(0,P.jsx)(J,{backend:r,testIdRoot:B})]}),a?a({canSubmit:H&&!D,isSubmitting:D,testIdRoot:B}):(0,P.jsxs)(`div`,{className:`flex justify-end gap-2 mt-2 w-full`,children:[(0,P.jsx)(S.BrandButton,{type:`button`,variant:`secondary`,onClick:i,testId:`${B}-cancel`,children:f(n.I18nKey.BUTTON$CANCEL)}),(0,P.jsx)(S.BrandButton,{type:`submit`,variant:`primary`,isDisabled:!H||D,testId:`${B}-submit`,children:f(n.I18nKey.BACKEND$SAVE)})]})]})}function Z(){let{currentPath:e,navigate:t}=c.useNavigation();return N.default.useCallback(()=>{/^\/automations\/[^/]+/.test(e)?t(`/automations`):/^\/conversations\/[^/]+/.test(e)&&t(`/conversations`)},[e,t])}function ee({onConnected:e,testIdRoot:r,initialBackend:i,requireApiKey:a,submitLabel:o,submittingLabel:s,submitTestId:c,fixedKind:l,showKindSelector:u=!0}){let{t:d}=t.useTranslation(`openhands`),{name:f,setName:p,host:m,setHost:h,apiKey:g,setApiKey:_,connectionError:v,setConnectionError:y,isSubmitting:b,kind:x,setKind:w,canSubmit:T,handleSubmit:D}=Y({initialName:i?.name??``,initialHost:i?.host??``,initialApiKey:i?.apiKey??``,onTestConnection:q,onSuccess:t=>{e({name:f.trim(),host:L(m),apiKey:g.trim(),kind:x},`manual`,t)},requireApiKey:a,fixedKind:l});return(0,P.jsxs)(`form`,{"data-testid":`${r}-form`,onSubmit:D,className:`flex flex-col gap-4 flex-1 min-w-0`,children:[(0,P.jsx)(C.SettingsInput,{testId:`${r}-name`,name:`${r}-name`,type:`text`,label:d(n.I18nKey.BACKEND$NAME_LABEL),hint:d(n.I18nKey.BACKEND$NAME_HELPER),value:f,onChange:e=>{p(e),y(null)},placeholder:`e.g. My Server`,className:`w-full`}),(0,P.jsx)(C.SettingsInput,{testId:`${r}-host`,name:`${r}-host`,type:`text`,label:d(n.I18nKey.BACKEND$HOST_LABEL),hint:d(n.I18nKey.BACKEND$HOST_HELPER),value:m,onChange:e=>{h(e),y(null)},placeholder:`http://localhost:8000`,className:`w-full`}),u?(0,P.jsxs)(`div`,{className:`flex flex-col items-start gap-2.5`,children:[(0,P.jsx)(`span`,{className:`text-sm`,children:d(n.I18nKey.BACKEND$KIND_LABEL)}),(0,P.jsx)(E.SegmentedToggle,{value:x,options:[{value:`local`,label:d(n.I18nKey.BACKEND$KIND_LOCAL)},{value:`cloud`,label:d(n.I18nKey.BACKEND$KIND_CLOUD)}],onChange:e=>w(e),ariaLabel:d(n.I18nKey.BACKEND$KIND_LABEL),testId:`${r}-kind`})]}):null,(0,P.jsx)(C.SettingsInput,{testId:`${r}-api-key`,name:`${r}-api-key`,type:`password`,label:d(n.I18nKey.BACKEND$KEY_LABEL),value:g,onChange:e=>{_(e),y(null)},placeholder:`sk-••••••••••`,className:`w-full`}),v?(0,P.jsx)(`div`,{role:`alert`,"data-testid":`${r}-error`,className:`rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words`,children:v}):null,(0,P.jsx)(S.BrandButton,{type:`submit`,variant:`secondary`,isDisabled:!T||b,testId:c??`${r}-submit`,className:`w-full text-center`,children:b?s:o})]})}function Q({onConnected:e,testIdRoot:r,lockedHost:i,analyticsSource:a,showBranding:o=!0}){let{t:c}=t.useTranslation(`openhands`),[l,u]=N.default.useState(!1),[d,f]=N.default.useState(``),p=`${r}-advanced-panel`,m=i??(d.trim()||z);return(0,P.jsxs)(`div`,{className:`flex w-full min-w-0 flex-col items-center gap-3`,children:[o?(0,P.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,P.jsx)(T.default,{width:56,height:56,"aria-hidden":!0}),(0,P.jsx)(`h4`,{className:b.modalTitleLgMediumClassName,"data-testid":`${r}-cloud-title`,children:c(n.I18nKey.BACKEND$CLOUD_TITLE)})]}):null,(0,P.jsx)(M.DeviceFlowAuth,{host:m,onSuccess:t=>{e({name:`OpenHands Cloud`,host:L(m),apiKey:t,kind:`cloud`},`cloud_login`)},testIdRoot:r,analyticsSource:a,className:`w-full items-center`,idleDescription:(0,P.jsx)(`p`,{className:`text-center text-sm leading-relaxed text-[var(--oh-muted)]`,"data-testid":`${r}-cloud-description`,children:c(n.I18nKey.BACKEND$CLOUD_DESCRIPTION)}),idleFooter:i?null:(0,P.jsxs)(`div`,{className:`mx-auto w-full max-w-md`,children:[(0,P.jsxs)(`button`,{type:`button`,onClick:()=>u(e=>!e),"aria-expanded":l,"aria-controls":p,"data-testid":`${r}-advanced-toggle`,className:`flex w-full cursor-pointer items-center justify-center gap-1 text-center text-xs text-[var(--oh-muted)] transition-colors hover:text-content-2`,children:[(0,P.jsx)(`span`,{children:c(n.I18nKey.BACKEND$ADVANCED)}),(0,P.jsx)(D.default,{className:s.cn(`h-4 w-4 shrink-0 text-muted transition-transform duration-200 ease-out`,l&&`rotate-180`),"aria-hidden":!0})]}),(0,P.jsx)(`div`,{className:s.cn(`grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none`,l?`grid-rows-[1fr]`:`grid-rows-[0fr]`),children:(0,P.jsx)(`div`,{className:`overflow-hidden`,children:(0,P.jsxs)(`div`,{id:p,"data-testid":`${r}-advanced-panel`,"aria-hidden":!l,inert:l?void 0:!0,className:s.cn(`pt-3 transition-opacity duration-200 ease-out motion-reduce:transition-none`,l?`opacity-100`:`opacity-0`),children:[(0,P.jsx)(C.SettingsInput,{testId:`${r}-cloud-host`,name:`${r}-cloud-host`,type:`text`,label:c(n.I18nKey.BACKEND$HOST_LABEL),value:d,onChange:f,placeholder:z,className:`w-full`}),(0,P.jsx)(`p`,{className:`mt-1 text-xs text-[var(--oh-muted)]`,children:c(n.I18nKey.BACKEND$LOGIN_CLOUD_HINT)})]})})})]})})]})}function $({value:e,selectedValue:t,title:n,description:r,icon:i,onSelect:a,panelId:o,testId:c}){let l=e===t;return(0,P.jsxs)(`button`,{id:`${c}-tab`,type:`button`,role:`tab`,"aria-selected":l,"aria-controls":o,"data-testid":c,onClick:()=>a(e),className:s.cn(`relative flex min-h-16 w-full cursor-pointer items-center gap-3 px-3 py-3 text-left transition-colors`,`first:border-r first:border-r-[var(--oh-border)]`,`focus-visible:z-10 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-blue-300`,l?`bg-[var(--oh-surface-raised)] text-white after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:bg-primary`:`text-[var(--oh-muted)] hover:bg-[var(--oh-surface-raised)] hover:text-white`),children:[(0,P.jsx)(`span`,{className:`flex size-8 shrink-0 items-center justify-center`,"aria-hidden":!0,children:i}),(0,P.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,P.jsx)(`span`,{className:`block truncate text-sm font-medium`,children:n}),(0,P.jsx)(`span`,{className:`mt-0.5 block text-xs leading-tight text-[var(--oh-muted)]`,children:r})]})]})}function te({children:e}){let t=N.default.useRef(null),[n,r]=N.default.useState();return N.default.useLayoutEffect(()=>{let e=t.current;if(!e)return;let n=()=>{let t=e.getBoundingClientRect().height;r(t>0?t:void 0)};if(n(),typeof ResizeObserver>`u`)return;let i=new ResizeObserver(n);return i.observe(e),()=>i.disconnect()},[]),(0,P.jsx)(`div`,{"data-testid":`add-backend-panel-height`,style:n===void 0?void 0:{height:n},className:`overflow-hidden transition-[height] duration-300 ease-in-out motion-reduce:transition-none`,children:(0,P.jsx)(`div`,{ref:t,children:e})})}function ne({location:e}){let{t:i}=t.useTranslation(`openhands`),[o,c]=N.default.useState(!1),l=e===`remote`,u=i(l?n.I18nKey.BACKEND$REMOTE_SETUP_TITLE:n.I18nKey.BACKEND$BEFORE_CONNECT_TITLE),d=i(l?n.I18nKey.BACKEND$REMOTE_SETUP_DESCRIPTION:n.I18nKey.BACKEND$LOCAL_SETUP_DESCRIPTION),f=l?H:V,p=i(l?n.I18nKey.BACKEND$REMOTE_SETUP_DOCS:n.I18nKey.BACKEND$LOCAL_SETUP_DOCS),m=l?`add-backend-remote`:`add-backend-local`,h=`${m}-guidance-toggle`,g=`${m}-guidance-body`;return(0,P.jsxs)(`aside`,{"data-testid":`${m}-guidance`,className:`rounded-lg bg-[var(--oh-surface-raised)] text-sm text-[var(--oh-muted)]`,children:[(0,P.jsx)(`h4`,{className:`text-white`,children:(0,P.jsxs)(`button`,{id:h,type:`button`,onClick:()=>c(e=>!e),"aria-expanded":o,"aria-controls":g,"data-testid":h,className:s.cn(`flex w-full cursor-pointer items-center justify-between gap-2 rounded-lg px-3 py-2 text-left font-medium`,`transition-colors hover:bg-[var(--oh-interactive-hover)]`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300`),children:[(0,P.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,P.jsx)(a.Info,{className:`size-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0}),(0,P.jsx)(`span`,{className:`truncate`,children:u})]}),(0,P.jsx)(r.ChevronDown,{className:s.cn(`size-5 shrink-0 text-[var(--oh-muted)] transition-transform duration-200 ease-out`,o&&`rotate-180`),"aria-hidden":!0})]})}),(0,P.jsx)(`div`,{className:s.cn(`grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none`,o?`grid-rows-[1fr]`:`grid-rows-[0fr]`),children:(0,P.jsx)(`div`,{className:`overflow-hidden`,children:(0,P.jsxs)(`div`,{id:g,"data-testid":g,role:`region`,"aria-labelledby":h,"aria-hidden":!o,inert:o?void 0:!0,className:s.cn(`flex flex-col gap-2 px-3 pb-3 transition-opacity duration-200 ease-out motion-reduce:transition-none`,o?`opacity-100`:`opacity-0`),children:[(0,P.jsx)(`p`,{className:`leading-5`,children:d}),l?(0,P.jsxs)(`div`,{children:[(0,P.jsx)(`h5`,{className:`font-medium text-white`,children:i(n.I18nKey.BACKEND$REMOTE_CONNECTION_TITLE)}),(0,P.jsx)(`p`,{className:`mt-1 leading-5`,children:i(n.I18nKey.BACKEND$REMOTE_CONNECTION_DESCRIPTION)})]}):(0,P.jsx)(`code`,{className:`block break-words font-mono text-xs text-white`,children:B}),(0,P.jsxs)(`a`,{href:f,target:`_blank`,rel:`noopener noreferrer`,"data-testid":`${m}-docs-link`,tabIndex:o?void 0:-1,className:`inline-flex w-fit items-center gap-1.5 text-primary hover:underline`,children:[(0,P.jsx)(`span`,{children:p}),(0,P.jsx)(O.default,{className:`size-4 shrink-0`,"aria-hidden":!0})]})]})})})]})}function re({onConnected:e,source:r}){let{t:a}=t.useTranslation(`openhands`),[c,l]=N.default.useState(`cloud`),[u,d]=N.default.useState(`local`),f=`add-backend-selected-panel`,p=`add-backend-option-${c}-tab`,m=c===`cloud`;return(0,P.jsxs)(`div`,{"data-testid":`add-backend-chooser`,className:`flex flex-col`,children:[(0,P.jsxs)(`div`,{role:`tablist`,"aria-label":a(n.I18nKey.BACKEND$CHOOSER_TITLE),className:`grid grid-cols-2 overflow-hidden rounded-lg border border-[var(--oh-border)]`,children:[(0,P.jsx)($,{value:`cloud`,selectedValue:c,title:a(n.I18nKey.BACKEND$CLOUD_TITLE),description:a(n.I18nKey.BACKEND$CLOUD_OPTION_DESCRIPTION),icon:(0,P.jsx)(T.default,{width:32,height:32,"data-testid":`add-backend-option-cloud-logo`}),onSelect:l,panelId:f,testId:`add-backend-option-cloud`}),(0,P.jsx)($,{value:`agent-server`,selectedValue:c,title:a(n.I18nKey.BACKEND$AGENT_SERVER_TITLE),description:a(n.I18nKey.BACKEND$AGENT_SERVER_OPTION_DESCRIPTION),icon:(0,P.jsx)(k.default,{className:`size-6`}),onSelect:l,panelId:f,testId:`add-backend-option-agent-server`})]}),(0,P.jsx)(`div`,{className:`mt-6`,children:(0,P.jsx)(te,{children:(0,P.jsx)(`section`,{id:f,role:`tabpanel`,"aria-labelledby":p,className:`min-w-0`,children:m?(0,P.jsx)(`div`,{"data-testid":`add-backend-cloud-panel`,className:s.cn(`relative isolate flex min-h-[13.5rem] w-full items-center justify-center rounded-xl border border-[var(--oh-border)] px-5 py-6`,`before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-xl`,`before:bg-[radial-gradient(75%_75%_at_50%_50%,rgba(255,255,255,0.1)_0%,rgba(255,255,255,0)_70%)]`),children:(0,P.jsx)(Q,{onConnected:e,testIdRoot:`add-backend`,analyticsSource:r,showBranding:!1})}):(0,P.jsxs)(`div`,{"data-testid":`add-backend-agent-server-panel`,className:`mx-auto w-full max-w-xl`,children:[(0,P.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,P.jsx)(`span`,{className:`h-px flex-1 bg-[var(--oh-border)]`,"aria-hidden":!0}),(0,P.jsx)(E.SegmentedToggle,{value:u,options:[{value:`local`,label:a(n.I18nKey.BACKEND$KIND_LOCAL),icon:(0,P.jsx)(o.Monitor,{"aria-hidden":!0})},{value:`remote`,label:a(n.I18nKey.BACKEND$KIND_REMOTE),icon:(0,P.jsx)(i.Globe,{"aria-hidden":!0})}],onChange:d,ariaLabel:a(n.I18nKey.BACKEND$AGENT_SERVER_LOCATION),testId:`add-backend-location`}),(0,P.jsx)(`span`,{className:`h-px flex-1 bg-[var(--oh-border)]`,"aria-hidden":!0})]}),(0,P.jsxs)(`div`,{className:`mt-4 flex flex-col gap-4`,children:[(0,P.jsx)(ne,{location:u},u),(0,P.jsx)(ee,{onConnected:e,testIdRoot:`add-backend`,requireApiKey:u===`remote`,submitLabel:a(n.I18nKey.BACKEND$CONNECT),submittingLabel:a(n.I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING),fixedKind:`local`,showKindSelector:!1})]})]})})})})]})}function ie({onClose:e,source:t}){let{addBackend:n}=g.useActiveBackendContext(),r=Z(),{trackBackendAdded:i}=_.useTracking(),a=d.getLockedCloudHost(),o=N.default.useCallback((a,o,s)=>{n(a),i({backendKind:a.kind,connectionMethod:o,hasApiKey:!!a.apiKey,source:t,agentServerVersion:s?.agentServerVersion}),r(),e()},[n,r,e,i,t]);return a?(0,P.jsx)(Q,{onConnected:o,testIdRoot:`add-backend`,lockedHost:a,analyticsSource:t}):(0,P.jsx)(re,{onConnected:o,source:t})}function ae({mode:e,backend:r,onClose:i,source:a=`add_backend_modal`,hideCloseButton:o=!1}){let{t:c}=t.useTranslation(`openhands`);if(e===`add`)return(0,P.jsx)(v.ModalBackdrop,{onClose:o?void 0:i,closeOnEscape:!1,closeOnBackdropClick:!o,"aria-label":c(n.I18nKey.BACKEND$ADD_TITLE),children:(0,P.jsxs)(`div`,{"data-testid":o?`onboarding-modal`:`add-backend-modal`,className:s.cn(`relative max-h-[92vh] w-[720px] overflow-y-auto rounded-xl border border-[var(--oh-border)] bg-base-secondary p-6`,y.MODAL_MAX_WIDTH_VIEWPORT),children:[o?null:(0,P.jsx)(x.ModalCloseButton,{onClose:i,testId:`add-backend-close`}),o?null:(0,P.jsxs)(`div`,{className:`pr-8`,children:[(0,P.jsx)(`h2`,{className:b.modalTitleLgClassName,children:c(n.I18nKey.BACKEND$CHOOSER_TITLE)}),(0,P.jsxs)(`p`,{className:`mt-2 text-sm leading-6 text-[var(--oh-muted)]`,"data-testid":`add-backend-description`,children:[c(n.I18nKey.BACKEND$CHOOSER_DESCRIPTION),` `,(0,P.jsxs)(`a`,{href:U,target:`_blank`,rel:`noopener noreferrer`,"aria-label":c(n.I18nKey.BACKEND$DEPLOYMENT_OPTIONS),"data-testid":`add-backend-deployment-options-link`,className:`text-primary hover:underline`,children:[c(n.I18nKey.CTA$LEARN_MORE),(0,P.jsx)(O.default,{className:`ml-1 inline size-3.5 align-[-0.125em]`,"aria-hidden":!0})]})]})]}),(0,P.jsx)(`div`,{className:o?void 0:`mt-5`,children:(0,P.jsx)(ie,{onClose:i,source:a})})]})});let l=`edit-backend`;return(0,P.jsx)(v.ModalBackdrop,{onClose:i,closeOnEscape:!1,"aria-label":c(n.I18nKey.BACKEND$EDIT_TITLE),children:(0,P.jsxs)(`div`,{"data-testid":`${l}-modal`,className:s.cn(`relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]`,y.modalWidthClassName(`md`)),children:[(0,P.jsx)(x.ModalCloseButton,{onClose:i,testId:`${l}-close`}),(0,P.jsx)(`h2`,{className:s.cn(`pr-6`,b.modalTitleLgClassName),children:c(n.I18nKey.BACKEND$EDIT_TITLE)}),(0,P.jsx)(X,{mode:`edit`,backend:r,onSubmitted:i,testIdRoot:l})]})})}exports.BackendFormModal=ae;
 //# sourceMappingURL=backend-form-modal.cjs.map