npm - @openhands/agent-canvas - Versions diffs - 1.0.0-alpha.7 → 1.0.0-alpha.8 - Mend

@openhands/agent-canvas 1.0.0-alpha.7 → 1.0.0-alpha.8

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

Files changed (691) hide show

package/dist/api/settings-service/settings-service.api.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"settings-service.api.js","names":[],"sources":["../../../src/api/settings-service/settings-service.api.ts"],"sourcesContent":["import { SettingsClient } from \"@openhands/typescript-client/clients\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { Settings, SettingsSchema, SettingsValue } from \"#/types/settings\";\nimport {\n extractAppPreferences,\n readStoredAppPreferences,\n writeStoredAppPreferences,\n} from \"../app-preferences-store\";\nimport { getActiveBackend } from \"../backend-registry/active-store\";\nimport {\n fetchCloudConversationSettingsSchema,\n fetchCloudSettings,\n fetchCloudSettingsSchema,\n saveCloudSettings,\n} from \"../cloud/settings-service.api\";\nimport { getAgentServerClientOptions } from \"../agent-server-client-options\";\n\n/*\n Response from GET /api/settings\n * Mirrors the SettingsResponse model in the agent server\n /\nexport interface SettingsApiResponse {\n agent_settings: Record<string, SettingsValue>;\n conversation_settings: Record<string, SettingsValue>;\n llm_api_key_is_set: boolean;\n}\n\n/\n Request payload for PATCH /api/settings\n /\nexport interface SettingsUpdateRequest {\n agent_settings_diff?: Record<string, SettingsValue>;\n conversation_settings_diff?: Record<string, SettingsValue>;\n disabled_skills?: string[];\n}\n\n/\n Secret exposure mode for X-Expose-Secrets header.\n \n - undefined: Returns redacted secrets (\"*********\")\n - \"encrypted\": Returns cipher-encrypted values (safe for frontend to round-trip)\n * - \"plaintext\": Returns raw secret values (backend use only!)\n /\nexport type ExposeSecretsMode = \"encrypted\" \| \"plaintext\" \| undefined;\n\nconst deepClone = <T>(value: T): T => JSON.parse(JSON.stringify(value)) as T;\n\nconst mergeRecords = (\n base: Record<string, SettingsValue> \| null \| undefined,\n next: Record<string, SettingsValue> \| null \| undefined,\n) => ({ ...(base ?? {}), ...(next ?? {}) });\n\n/\n Retry helper for API calls with exponential backoff.\n /\nasync function withRetry<T>(\n fn: () => Promise<T>,\n maxRetries: number = 3,\n baseDelayMs: number = 500,\n): Promise<T> {\n for (let attempt = 0; attempt < maxRetries; attempt += 1) {\n try {\n return await fn();\n } catch (error) {\n if (attempt >= maxRetries - 1) {\n throw error;\n }\n\n const delay = baseDelayMs 2 attempt;\n\n await new Promise<void>((resolve) => {\n setTimeout(resolve, delay);\n });\n }\n }\n\n throw new Error(\"Retry attempts exhausted\");\n}\n\n/\n * In-memory cache for settings to avoid repeated network calls.\n * The cache is invalidated on save operations.\n /\nlet settingsCache: {\n /* Settings with redacted secrets for display /\n redacted: SettingsApiResponse \| null;\n /* Settings with encrypted secrets for conversation start /\n encrypted: SettingsApiResponse \| null;\n /* Timestamp when the cache was last populated /\n timestamp: number;\n} = {\n redacted: null,\n encrypted: null,\n timestamp: 0,\n};\n\nconst CACHE_TTL_MS = 5 60 * 1000; // 5 minutes\n\nconst isCacheValid = () => Date.now() - settingsCache.timestamp < CACHE_TTL_MS;\n\nconst clearCache = () => {\n settingsCache = { redacted: null, encrypted: null, timestamp: 0 };\n};\n\n/*\n Transform API response into Settings object with derived fields.\n /\nconst transformApiResponse = (\n response: SettingsApiResponse,\n): Partial<Settings> => {\n const agentSettings = response.agent_settings ?? {};\n const conversationSettings = response.conversation_settings ?? {};\n\n return {\n agent_settings: agentSettings,\n conversation_settings: conversationSettings,\n llm_api_key_set: response.llm_api_key_is_set,\n };\n};\n\n/\n Sync derived settings fields from agent_settings and conversation_settings.\n * This ensures backward compatibility with code that reads top-level fields.\n /\nconst syncDerivedSettings = (settings: Partial<Settings>): Settings => {\n const agentSettings = mergeRecords(\n DEFAULT_SETTINGS.agent_settings ?? {},\n settings.agent_settings ?? {},\n );\n const conversationSettings = mergeRecords(\n DEFAULT_SETTINGS.conversation_settings ?? {},\n settings.conversation_settings ?? {},\n );\n\n // App-level user preferences (language, git identity, sound notifications,\n // analytics consent) live in localStorage in local mode. In cloud mode the\n // server response carries them and overrides the local cache.\n const storedAppPrefs = readStoredAppPreferences();\n\n const merged = {\n ...deepClone(DEFAULT_SETTINGS),\n ...storedAppPrefs,\n ...settings,\n provider_tokens_set: {\n ...(DEFAULT_SETTINGS.provider_tokens_set ?? {}),\n ...(settings.provider_tokens_set ?? {}),\n },\n agent_settings: agentSettings,\n conversation_settings: conversationSettings,\n } as Settings;\n\n const llm = agentSettings.llm as Record<string, SettingsValue> \| undefined;\n const condenser = agentSettings.condenser as\n \| Record<string, SettingsValue>\n \| undefined;\n\n if (typeof agentSettings.agent === \"string\") {\n merged.agent = agentSettings.agent;\n }\n if (typeof llm?.model === \"string\" && llm.model.length > 0) {\n merged.llm_model = llm.model;\n }\n if (typeof llm?.base_url === \"string\") {\n merged.llm_base_url = llm.base_url;\n }\n // Note: api_key may be redacted (\"*******\") when fetched without expose header\n // We don't sync it to top-level llm_api_key to avoid overwriting with redacted value\n if (typeof condenser?.enabled === \"boolean\") {\n merged.enable_default_condenser = condenser.enabled;\n }\n if (typeof condenser?.max_size === \"number\") {\n merged.condenser_max_size = condenser.max_size;\n }\n if (agentSettings.mcp_config) {\n merged.mcp_config = agentSettings.mcp_config as Settings[\"mcp_config\"];\n }\n\n if (typeof conversationSettings.confirmation_mode === \"boolean\") {\n merged.confirmation_mode = conversationSettings.confirmation_mode;\n }\n if (\n typeof conversationSettings.security_analyzer === \"string\" \|\|\n conversationSettings.security_analyzer === null\n ) {\n merged.security_analyzer = conversationSettings.security_analyzer as\n \| string\n \| null;\n }\n if (typeof conversationSettings.max_iterations === \"number\") {\n merged.max_iterations = conversationSettings.max_iterations;\n }\n\n merged.search_api_key_set = !!merged.search_api_key;\n\n return merged;\n};\n\nclass SettingsService {\n /\n * Fetch settings from the agent server API with retry logic.\n \n @param exposeSecrets - Controls how secrets are returned:\n * - undefined: Secrets are redacted (\"*********\") - safe for display\n - \"encrypted\": Secrets are cipher-encrypted - safe for round-trip to start conversation\n * - \"plaintext\": Raw secrets - DO NOT USE from frontend\n /\n static async fetchSettingsFromApi(\n exposeSecrets?: ExposeSecretsMode,\n ): Promise<SettingsApiResponse> {\n return withRetry(() =>\n new SettingsClient(getAgentServerClientOptions()).getSettings({\n exposeSecrets,\n }),\n ) as Promise<SettingsApiResponse>;\n }\n\n /\n Get settings for display (secrets are redacted).\n * Uses in-memory cache for performance.\n /\n static async getSettings(): Promise<Settings> {\n // Cloud uses a different settings shape (flat top-level fields\n // including provider_tokens_set, llm_model, etc.). Branch out before\n // touching the local-only cache: cloud responses bypass the local\n // SettingsApiResponse shape and feed straight into syncDerivedSettings\n // so cloud-native fields like provider_tokens_set reach the GUI's\n // useUserProviders → useAppInstallations → useGitRepositories chain.\n if (getActiveBackend().backend.kind === \"cloud\") {\n try {\n const cloud = await withRetry(() => fetchCloudSettings());\n return syncDerivedSettings(cloud);\n } catch (error) {\n console.warn(\"Failed to fetch cloud settings, using defaults:\", error);\n return syncDerivedSettings({});\n }\n }\n\n // Check cache first\n if (isCacheValid() && settingsCache.redacted) {\n return syncDerivedSettings(transformApiResponse(settingsCache.redacted));\n }\n\n try {\n const response = await this.fetchSettingsFromApi();\n settingsCache.redacted = response;\n settingsCache.timestamp = Date.now();\n return syncDerivedSettings(transformApiResponse(response));\n } catch (error) {\n // If API fails, return defaults\n console.warn(\"Failed to fetch settings from API, using defaults:\", error);\n return syncDerivedSettings({});\n }\n }\n\n /\n Get settings with encrypted secrets for starting conversations.\n * The encrypted secrets can be passed to the start conversation API\n * with secrets_encrypted=true for server-side decryption.\n \n @throws Error if encrypted settings cannot be fetched - conversations\n * should not start with broken/redacted credentials.\n /\n static async getSettingsForConversation(): Promise<{\n agentSettings: Record<string, SettingsValue>;\n conversationSettings: Record<string, SettingsValue>;\n secretsEncrypted: boolean;\n }> {\n // Check cache first\n if (isCacheValid() && settingsCache.encrypted) {\n return {\n agentSettings: settingsCache.encrypted.agent_settings,\n conversationSettings: settingsCache.encrypted.conversation_settings,\n secretsEncrypted: true,\n };\n }\n\n // Fetch encrypted settings - this MUST succeed for conversations to work.\n // Do not fall back to redacted settings as that would cause auth failures.\n const response = await this.fetchSettingsFromApi(\"encrypted\");\n settingsCache.encrypted = response;\n if (!settingsCache.timestamp) {\n settingsCache.timestamp = Date.now();\n }\n return {\n agentSettings: response.agent_settings,\n conversationSettings: response.conversation_settings,\n secretsEncrypted: true,\n };\n }\n\n static async getSettingsSchema(): Promise<SettingsSchema> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n return (await fetchCloudSettingsSchema()) as SettingsSchema;\n }\n return (await new SettingsClient(\n getAgentServerClientOptions(),\n ).getAgentSchema()) as SettingsSchema;\n }\n\n static async getConversationSettingsSchema(): Promise<SettingsSchema> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n return (await fetchCloudConversationSettingsSchema()) as SettingsSchema;\n }\n return (await new SettingsClient(\n getAgentServerClientOptions(),\n ).getConversationSchema()) as SettingsSchema;\n }\n\n /\n Save settings to the agent server API.\n * Uses PATCH for incremental updates.\n /\n static async saveSettings(\n settings: Partial<Settings> & Record<string, unknown>,\n ): Promise<boolean> {\n // Split app-level user-preference fields (language, git identity, sound\n // notifications, analytics consent) off before building the diff payload.\n // The local agent-server's PATCH /api/settings has no schema for these\n // and Pydantic would drop them silently; persist them in localStorage\n // instead, and forward them as flat top-level keys to the cloud POST.\n const { extracted: appPreferences, rest } = extractAppPreferences(\n settings as Record<string, unknown>,\n );\n const hasAppPreferences = Object.keys(appPreferences).length > 0;\n if (hasAppPreferences) {\n writeStoredAppPreferences(appPreferences);\n }\n\n const payload: SettingsUpdateRequest = {};\n\n // Extract agent_settings_diff\n const agentSettingsDiff = rest.agent_settings_diff as\n \| Record<string, SettingsValue>\n \| undefined;\n if (agentSettingsDiff && Object.keys(agentSettingsDiff).length > 0) {\n payload.agent_settings_diff = agentSettingsDiff;\n }\n\n // Extract conversation_settings_diff\n const conversationSettingsDiff = rest.conversation_settings_diff as\n \| Record<string, SettingsValue>\n \| undefined;\n if (\n conversationSettingsDiff &&\n Object.keys(conversationSettingsDiff).length > 0\n ) {\n payload.conversation_settings_diff = conversationSettingsDiff;\n }\n\n // Extract disabled_skills (cloud-only — local agent-server has no skills concept)\n const disabledSkills = rest.disabled_skills as string[] \| undefined;\n if (Array.isArray(disabledSkills)) {\n payload.disabled_skills = disabledSkills;\n }\n\n const isCloud = getActiveBackend().backend.kind === \"cloud\";\n\n // The backend applies ``agent_settings_diff`` by deep-merging it into the\n // existing ``agent_settings`` dict (see SDK\n // ``openhands.agent_server.persistence.models._deep_merge``). That works\n // for scalar fields but is wrong for ``mcp_config.mcpServers``, which is\n // a name-keyed map: a diff that omits a server cannot remove it (stale\n // key stays), and a diff whose key indices shift (e.g. after deleting\n // index 0, the second server is renumbered) leaves the original keys\n // behind as duplicates pointing to the wrong server config.\n //\n // The only way to make ``mcp_config`` behave like a replace through this\n // API is to first null it out — ``null`` is not a dict, so deep-merge\n // takes the else branch and sets the field to ``None`` outright — and\n // then send the new value in a follow-up call. We do this for every\n // ``mcp_config`` write, including adds (the wasted round-trip is\n // negligible for this user action and avoids divergent code paths).\n const agentDiff = payload.agent_settings_diff;\n // Send a pre-clear PATCH when the diff sets ``mcp_config`` to a non-null\n // value. A second PATCH below then writes the new value. Skipping the\n // pre-clear when the caller is already clearing (``mcp_config: null``)\n // avoids a pointless duplicate request.\n const needsMcpPreClear =\n !!agentDiff && \"mcp_config\" in agentDiff && agentDiff.mcp_config !== null;\n\n // The pre-clear is destructive: if the follow-up write fails after the\n // clear succeeds, the user's MCP config is left empty. Snapshot the\n // previous value (in raw SDK shape, NOT the GUI's parsed MCPConfig)\n // before pre-clearing so we can attempt a best-effort rollback. The\n // original write error is always re-thrown to the caller regardless\n // of rollback success — the GUI's react-query mutations surface that\n // as an error toast so the user knows to retry.\n //\n // Snapshot must be the SDK shape (``{ mcpServers: { name: cfg }}``)\n // because that is what the backend expects on the rollback PATCH.\n // ``SettingsService.getSettings`` returns a GUI Settings object whose\n // ``mcp_config`` is typed as the parsed frontend MCPConfig and\n // defaults to empty arrays when nothing is installed, so it is not\n // suitable for round-tripping back to the backend.\n let mcpConfigSnapshot: unknown = undefined;\n if (needsMcpPreClear) {\n try {\n if (isCloud) {\n const raw = (await fetchCloudSettings()) as {\n agent_settings?: { mcp_config?: unknown };\n };\n mcpConfigSnapshot = raw?.agent_settings?.mcp_config;\n } else {\n const raw = (await SettingsService.fetchSettingsFromApi()) as {\n agent_settings?: { mcp_config?: unknown };\n };\n mcpConfigSnapshot = raw?.agent_settings?.mcp_config;\n }\n } catch {\n // Snapshot failed (network blip, etc.). Continue without rollback\n // ability — the original write error will still surface.\n }\n }\n\n if (isCloud) {\n const hasCloudWork =\n !!payload.agent_settings_diff \|\|\n !!payload.conversation_settings_diff \|\|\n payload.disabled_skills !== undefined \|\|\n hasAppPreferences;\n if (!hasCloudWork) {\n return true;\n }\n if (needsMcpPreClear) {\n await withRetry(() =>\n saveCloudSettings({\n agent_settings_diff: { mcp_config: null },\n }),\n );\n }\n try {\n await withRetry(() =>\n saveCloudSettings({\n ...payload,\n ...(hasAppPreferences ? { app_preferences: appPreferences } : {}),\n }),\n );\n } catch (err) {\n if (needsMcpPreClear && mcpConfigSnapshot) {\n // Best-effort rollback. We deliberately do not wrap in withRetry:\n // the user's session is already in a degraded state and we want\n // to surface the original error promptly. Swallowing the restore\n // error preserves the original failure context for the caller.\n try {\n await saveCloudSettings({\n agent_settings_diff: {\n mcp_config: mcpConfigSnapshot as SettingsValue,\n },\n });\n } catch {\n // Rollback failed; the original error takes precedence.\n }\n }\n throw err;\n }\n } else {\n // The local agent-server PATCH /api/settings rejects unknown fields and\n // requires at least one of the two diff fields. Strip disabled_skills\n // and skip the request entirely if no diffs remain. App preferences\n // are persisted to localStorage above and never sent to this endpoint.\n const localPayload = { ...payload };\n delete localPayload.disabled_skills;\n const hasLocalDiffs =\n !!localPayload.agent_settings_diff \|\|\n !!localPayload.conversation_settings_diff;\n if (!hasLocalDiffs) {\n if (hasAppPreferences) {\n // The localStorage write changed user-visible settings; clear the\n // in-memory cache so the next getSettings() re-derives from disk.\n clearCache();\n }\n return true;\n }\n if (needsMcpPreClear) {\n await withRetry(() =>\n new SettingsClient(getAgentServerClientOptions()).updateSettings({\n agent_settings_diff: { mcp_config: null },\n }),\n );\n }\n try {\n await withRetry(() =>\n new SettingsClient(getAgentServerClientOptions()).updateSettings(\n localPayload,\n ),\n );\n } catch (err) {\n if (needsMcpPreClear && mcpConfigSnapshot) {\n // See cloud branch above for rationale.\n try {\n await new SettingsClient(\n getAgentServerClientOptions(),\n ).updateSettings({\n agent_settings_diff: {\n mcp_config: mcpConfigSnapshot as SettingsValue,\n },\n });\n } catch {\n // Rollback failed; the original error takes precedence.\n }\n }\n throw err;\n }\n }\n\n // Invalidate cache after successful save\n clearCache();\n\n return true;\n }\n\n /\n Invalidate the settings cache.\n * Call this when settings may have changed externally.\n */\n static invalidateCache(): void {\n clearCache();\n }\n}\n\nexport default SettingsService;\n"],"mappings":"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"}
1	+ {"version":3,"file":"settings-service.api.js","names":[],"sources":["../../../src/api/settings-service/settings-service.api.ts"],"sourcesContent":["import { SettingsClient } from \"@openhands/typescript-client/clients\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { Settings, SettingsSchema, SettingsValue } from \"#/types/settings\";\nimport {\n extractAppPreferences,\n readStoredAppPreferences,\n writeStoredAppPreferences,\n} from \"../app-preferences-store\";\nimport { getActiveBackend } from \"../backend-registry/active-store\";\nimport {\n fetchCloudConversationSettingsSchema,\n fetchCloudSettings,\n fetchCloudSettingsSchema,\n saveCloudSettings,\n} from \"../cloud/settings-service.api\";\nimport { getAgentServerClientOptions } from \"../agent-server-client-options\";\n\n/*\n Response from GET /api/settings\n * Mirrors the SettingsResponse model in the agent server\n /\nexport interface SettingsApiResponse {\n agent_settings: Record<string, SettingsValue>;\n conversation_settings: Record<string, SettingsValue>;\n llm_api_key_is_set: boolean;\n}\n\n/\n Request payload for PATCH /api/settings\n /\nexport interface SettingsUpdateRequest {\n agent_settings_diff?: Record<string, SettingsValue>;\n conversation_settings_diff?: Record<string, SettingsValue>;\n disabled_skills?: string[];\n}\n\n/\n Secret exposure mode for X-Expose-Secrets header.\n \n - undefined: Returns redacted secrets (\"*********\")\n - \"encrypted\": Returns cipher-encrypted values (safe for frontend to round-trip)\n * - \"plaintext\": Returns raw secret values (backend use only!)\n /\nexport type ExposeSecretsMode = \"encrypted\" \| \"plaintext\" \| undefined;\n\nconst deepClone = <T>(value: T): T => JSON.parse(JSON.stringify(value)) as T;\n\n// disabled_skills is not persisted by the local agent-server, so we mirror\n// the app-preferences pattern: write to localStorage on save, read back on fetch.\nexport const DISABLED_SKILLS_STORAGE_KEY =\n \"openhands-agent-server-disabled-skills\";\n\nconst readStoredDisabledSkills = (): string[] \| null => {\n if (typeof window === \"undefined\") return null;\n try {\n const raw = window.localStorage.getItem(DISABLED_SKILLS_STORAGE_KEY);\n if (!raw) return null;\n const parsed: unknown = JSON.parse(raw);\n if (!Array.isArray(parsed)) return null;\n return parsed.filter((v): v is string => typeof v === \"string\");\n } catch {\n return null;\n }\n};\n\nconst writeStoredDisabledSkills = (skills: string[]): void => {\n if (typeof window === \"undefined\") return;\n try {\n window.localStorage.setItem(\n DISABLED_SKILLS_STORAGE_KEY,\n JSON.stringify(skills),\n );\n } catch {\n // ignore write failures (e.g. private-browsing quota exceeded)\n }\n};\n\nconst mergeRecords = (\n base: Record<string, SettingsValue> \| null \| undefined,\n next: Record<string, SettingsValue> \| null \| undefined,\n) => ({ ...(base ?? {}), ...(next ?? {}) });\n\n/\n Retry helper for API calls with exponential backoff.\n /\nasync function withRetry<T>(\n fn: () => Promise<T>,\n maxRetries: number = 3,\n baseDelayMs: number = 500,\n): Promise<T> {\n for (let attempt = 0; attempt < maxRetries; attempt += 1) {\n try {\n return await fn();\n } catch (error) {\n if (attempt >= maxRetries - 1) {\n throw error;\n }\n\n const delay = baseDelayMs 2 attempt;\n\n await new Promise<void>((resolve) => {\n setTimeout(resolve, delay);\n });\n }\n }\n\n throw new Error(\"Retry attempts exhausted\");\n}\n\n/\n * In-memory cache for settings to avoid repeated network calls.\n * The cache is invalidated on save operations.\n /\nlet settingsCache: {\n /* Settings with redacted secrets for display /\n redacted: SettingsApiResponse \| null;\n /* Settings with encrypted secrets for conversation start /\n encrypted: SettingsApiResponse \| null;\n /* Timestamp when the cache was last populated /\n timestamp: number;\n} = {\n redacted: null,\n encrypted: null,\n timestamp: 0,\n};\n\nconst CACHE_TTL_MS = 5 60 * 1000; // 5 minutes\n\nconst isCacheValid = () => Date.now() - settingsCache.timestamp < CACHE_TTL_MS;\n\nconst clearCache = () => {\n settingsCache = { redacted: null, encrypted: null, timestamp: 0 };\n};\n\n/*\n Transform API response into Settings object with derived fields.\n /\nconst transformApiResponse = (\n response: SettingsApiResponse,\n): Partial<Settings> => {\n const agentSettings = response.agent_settings ?? {};\n const conversationSettings = response.conversation_settings ?? {};\n\n const partial: Partial<Settings> = {\n agent_settings: agentSettings,\n conversation_settings: conversationSettings,\n llm_api_key_set: response.llm_api_key_is_set,\n };\n\n // The local agent-server never returns disabled_skills; read it from\n // localStorage where saveSettings writes it for local-mode clients.\n const stored = readStoredDisabledSkills();\n if (stored !== null) {\n partial.disabled_skills = stored;\n }\n\n return partial;\n};\n\n/\n Sync derived settings fields from agent_settings and conversation_settings.\n * This ensures backward compatibility with code that reads top-level fields.\n /\nconst syncDerivedSettings = (settings: Partial<Settings>): Settings => {\n const agentSettings = mergeRecords(\n DEFAULT_SETTINGS.agent_settings ?? {},\n settings.agent_settings ?? {},\n );\n const conversationSettings = mergeRecords(\n DEFAULT_SETTINGS.conversation_settings ?? {},\n settings.conversation_settings ?? {},\n );\n\n // App-level user preferences (language, git identity, sound notifications,\n // analytics consent) live in localStorage in local mode. In cloud mode the\n // server response carries them and overrides the local cache.\n const storedAppPrefs = readStoredAppPreferences();\n\n const merged = {\n ...deepClone(DEFAULT_SETTINGS),\n ...storedAppPrefs,\n ...settings,\n provider_tokens_set: {\n ...(DEFAULT_SETTINGS.provider_tokens_set ?? {}),\n ...(settings.provider_tokens_set ?? {}),\n },\n agent_settings: agentSettings,\n conversation_settings: conversationSettings,\n } as Settings;\n\n const llm = agentSettings.llm as Record<string, SettingsValue> \| undefined;\n const condenser = agentSettings.condenser as\n \| Record<string, SettingsValue>\n \| undefined;\n\n if (typeof agentSettings.agent === \"string\") {\n merged.agent = agentSettings.agent;\n }\n if (typeof llm?.model === \"string\" && llm.model.length > 0) {\n merged.llm_model = llm.model;\n }\n if (typeof llm?.base_url === \"string\") {\n merged.llm_base_url = llm.base_url;\n }\n // Note: api_key may be redacted (\"*******\") when fetched without expose header\n // We don't sync it to top-level llm_api_key to avoid overwriting with redacted value\n if (typeof condenser?.enabled === \"boolean\") {\n merged.enable_default_condenser = condenser.enabled;\n }\n if (typeof condenser?.max_size === \"number\") {\n merged.condenser_max_size = condenser.max_size;\n }\n if (agentSettings.mcp_config) {\n merged.mcp_config = agentSettings.mcp_config as Settings[\"mcp_config\"];\n }\n\n if (typeof conversationSettings.confirmation_mode === \"boolean\") {\n merged.confirmation_mode = conversationSettings.confirmation_mode;\n }\n if (\n typeof conversationSettings.security_analyzer === \"string\" \|\|\n conversationSettings.security_analyzer === null\n ) {\n merged.security_analyzer = conversationSettings.security_analyzer as\n \| string\n \| null;\n }\n if (typeof conversationSettings.max_iterations === \"number\") {\n merged.max_iterations = conversationSettings.max_iterations;\n }\n\n merged.search_api_key_set = !!merged.search_api_key;\n\n return merged;\n};\n\nclass SettingsService {\n /\n * Fetch settings from the agent server API with retry logic.\n \n @param exposeSecrets - Controls how secrets are returned:\n * - undefined: Secrets are redacted (\"*********\") - safe for display\n - \"encrypted\": Secrets are cipher-encrypted - safe for round-trip to start conversation\n * - \"plaintext\": Raw secrets - DO NOT USE from frontend\n /\n static async fetchSettingsFromApi(\n exposeSecrets?: ExposeSecretsMode,\n ): Promise<SettingsApiResponse> {\n return withRetry(() =>\n new SettingsClient(getAgentServerClientOptions()).getSettings({\n exposeSecrets,\n }),\n ) as Promise<SettingsApiResponse>;\n }\n\n /\n Get settings for display (secrets are redacted).\n * Uses in-memory cache for performance.\n /\n static async getSettings(): Promise<Settings> {\n // Cloud uses a different settings shape (flat top-level fields\n // including provider_tokens_set, llm_model, etc.). Branch out before\n // touching the local-only cache: cloud responses bypass the local\n // SettingsApiResponse shape and feed straight into syncDerivedSettings\n // so cloud-native fields like provider_tokens_set reach the GUI's\n // useUserProviders → useAppInstallations → useGitRepositories chain.\n if (getActiveBackend().backend.kind === \"cloud\") {\n try {\n const cloud = await withRetry(() => fetchCloudSettings());\n return syncDerivedSettings(cloud);\n } catch (error) {\n console.warn(\"Failed to fetch cloud settings, using defaults:\", error);\n return syncDerivedSettings({});\n }\n }\n\n // Check cache first\n if (isCacheValid() && settingsCache.redacted) {\n return syncDerivedSettings(transformApiResponse(settingsCache.redacted));\n }\n\n try {\n const response = await this.fetchSettingsFromApi();\n settingsCache.redacted = response;\n settingsCache.timestamp = Date.now();\n return syncDerivedSettings(transformApiResponse(response));\n } catch (error) {\n // If API fails, return defaults\n console.warn(\"Failed to fetch settings from API, using defaults:\", error);\n return syncDerivedSettings({});\n }\n }\n\n /\n Get settings with encrypted secrets for starting conversations.\n * The encrypted secrets can be passed to the start conversation API\n * with secrets_encrypted=true for server-side decryption.\n \n @throws Error if encrypted settings cannot be fetched - conversations\n * should not start with broken/redacted credentials.\n /\n static async getSettingsForConversation(): Promise<{\n agentSettings: Record<string, SettingsValue>;\n conversationSettings: Record<string, SettingsValue>;\n secretsEncrypted: boolean;\n }> {\n // Check cache first\n if (isCacheValid() && settingsCache.encrypted) {\n return {\n agentSettings: settingsCache.encrypted.agent_settings,\n conversationSettings: settingsCache.encrypted.conversation_settings,\n secretsEncrypted: true,\n };\n }\n\n // Fetch encrypted settings - this MUST succeed for conversations to work.\n // Do not fall back to redacted settings as that would cause auth failures.\n const response = await this.fetchSettingsFromApi(\"encrypted\");\n settingsCache.encrypted = response;\n if (!settingsCache.timestamp) {\n settingsCache.timestamp = Date.now();\n }\n return {\n agentSettings: response.agent_settings,\n conversationSettings: response.conversation_settings,\n secretsEncrypted: true,\n };\n }\n\n static async getSettingsSchema(): Promise<SettingsSchema> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n return (await fetchCloudSettingsSchema()) as SettingsSchema;\n }\n return (await new SettingsClient(\n getAgentServerClientOptions(),\n ).getAgentSchema()) as SettingsSchema;\n }\n\n static async getConversationSettingsSchema(): Promise<SettingsSchema> {\n if (getActiveBackend().backend.kind === \"cloud\") {\n return (await fetchCloudConversationSettingsSchema()) as SettingsSchema;\n }\n return (await new SettingsClient(\n getAgentServerClientOptions(),\n ).getConversationSchema()) as SettingsSchema;\n }\n\n /\n Save settings to the agent server API.\n * Uses PATCH for incremental updates.\n /\n static async saveSettings(\n settings: Partial<Settings> & Record<string, unknown>,\n ): Promise<boolean> {\n // Split app-level user-preference fields (language, git identity, sound\n // notifications, analytics consent) off before building the diff payload.\n // The local agent-server's PATCH /api/settings has no schema for these\n // and Pydantic would drop them silently; persist them in localStorage\n // instead, and forward them as flat top-level keys to the cloud POST.\n const { extracted: appPreferences, rest } = extractAppPreferences(\n settings as Record<string, unknown>,\n );\n const hasAppPreferences = Object.keys(appPreferences).length > 0;\n if (hasAppPreferences) {\n writeStoredAppPreferences(appPreferences);\n }\n\n const payload: SettingsUpdateRequest = {};\n\n // Extract agent_settings_diff\n const agentSettingsDiff = rest.agent_settings_diff as\n \| Record<string, SettingsValue>\n \| undefined;\n if (agentSettingsDiff && Object.keys(agentSettingsDiff).length > 0) {\n payload.agent_settings_diff = agentSettingsDiff;\n }\n\n // Extract conversation_settings_diff\n const conversationSettingsDiff = rest.conversation_settings_diff as\n \| Record<string, SettingsValue>\n \| undefined;\n if (\n conversationSettingsDiff &&\n Object.keys(conversationSettingsDiff).length > 0\n ) {\n payload.conversation_settings_diff = conversationSettingsDiff;\n }\n\n // Extract disabled_skills (cloud-only — local agent-server has no skills concept)\n const disabledSkills = rest.disabled_skills as string[] \| undefined;\n if (Array.isArray(disabledSkills)) {\n payload.disabled_skills = disabledSkills;\n }\n\n const isCloud = getActiveBackend().backend.kind === \"cloud\";\n\n // The backend applies ``agent_settings_diff`` by deep-merging it into the\n // existing ``agent_settings`` dict (see SDK\n // ``openhands.agent_server.persistence.models._deep_merge``). That works\n // for scalar fields but is wrong for ``mcp_config.mcpServers``, which is\n // a name-keyed map: a diff that omits a server cannot remove it (stale\n // key stays), and a diff whose key indices shift (e.g. after deleting\n // index 0, the second server is renumbered) leaves the original keys\n // behind as duplicates pointing to the wrong server config.\n //\n // The only way to make ``mcp_config`` behave like a replace through this\n // API is to first null it out — ``null`` is not a dict, so deep-merge\n // takes the else branch and sets the field to ``None`` outright — and\n // then send the new value in a follow-up call. We do this for every\n // ``mcp_config`` write, including adds (the wasted round-trip is\n // negligible for this user action and avoids divergent code paths).\n const agentDiff = payload.agent_settings_diff;\n // Send a pre-clear PATCH when the diff sets ``mcp_config`` to a non-null\n // value. A second PATCH below then writes the new value. Skipping the\n // pre-clear when the caller is already clearing (``mcp_config: null``)\n // avoids a pointless duplicate request.\n const needsMcpPreClear =\n !!agentDiff && \"mcp_config\" in agentDiff && agentDiff.mcp_config !== null;\n\n // The pre-clear is destructive: if the follow-up write fails after the\n // clear succeeds, the user's MCP config is left empty. Snapshot the\n // previous value (in raw SDK shape, NOT the GUI's parsed MCPConfig)\n // before pre-clearing so we can attempt a best-effort rollback. The\n // original write error is always re-thrown to the caller regardless\n // of rollback success — the GUI's react-query mutations surface that\n // as an error toast so the user knows to retry.\n //\n // Snapshot must be the SDK shape (``{ mcpServers: { name: cfg }}``)\n // because that is what the backend expects on the rollback PATCH.\n // ``SettingsService.getSettings`` returns a GUI Settings object whose\n // ``mcp_config`` is typed as the parsed frontend MCPConfig and\n // defaults to empty arrays when nothing is installed, so it is not\n // suitable for round-tripping back to the backend.\n let mcpConfigSnapshot: unknown = undefined;\n if (needsMcpPreClear) {\n try {\n if (isCloud) {\n const raw = (await fetchCloudSettings()) as {\n agent_settings?: { mcp_config?: unknown };\n };\n mcpConfigSnapshot = raw?.agent_settings?.mcp_config;\n } else {\n const raw = (await SettingsService.fetchSettingsFromApi()) as {\n agent_settings?: { mcp_config?: unknown };\n };\n mcpConfigSnapshot = raw?.agent_settings?.mcp_config;\n }\n } catch {\n // Snapshot failed (network blip, etc.). Continue without rollback\n // ability — the original write error will still surface.\n }\n }\n\n if (isCloud) {\n const hasCloudWork =\n !!payload.agent_settings_diff \|\|\n !!payload.conversation_settings_diff \|\|\n payload.disabled_skills !== undefined \|\|\n hasAppPreferences;\n if (!hasCloudWork) {\n return true;\n }\n if (needsMcpPreClear) {\n await withRetry(() =>\n saveCloudSettings({\n agent_settings_diff: { mcp_config: null },\n }),\n );\n }\n try {\n await withRetry(() =>\n saveCloudSettings({\n ...payload,\n ...(hasAppPreferences ? { app_preferences: appPreferences } : {}),\n }),\n );\n } catch (err) {\n if (needsMcpPreClear && mcpConfigSnapshot) {\n // Best-effort rollback. We deliberately do not wrap in withRetry:\n // the user's session is already in a degraded state and we want\n // to surface the original error promptly. Swallowing the restore\n // error preserves the original failure context for the caller.\n try {\n await saveCloudSettings({\n agent_settings_diff: {\n mcp_config: mcpConfigSnapshot as SettingsValue,\n },\n });\n } catch {\n // Rollback failed; the original error takes precedence.\n }\n }\n throw err;\n }\n } else {\n // The local agent-server PATCH /api/settings rejects unknown fields and\n // requires at least one of the two diff fields. Strip disabled_skills\n // and skip the request entirely if no diffs remain. App preferences\n // are persisted to localStorage above and never sent to this endpoint.\n if (Array.isArray(disabledSkills)) {\n writeStoredDisabledSkills(disabledSkills);\n }\n const localPayload = { ...payload };\n delete localPayload.disabled_skills;\n const hasLocalDiffs =\n !!localPayload.agent_settings_diff \|\|\n !!localPayload.conversation_settings_diff;\n if (!hasLocalDiffs) {\n if (hasAppPreferences) {\n // The localStorage write changed user-visible settings; clear the\n // in-memory cache so the next getSettings() re-derives from disk.\n clearCache();\n }\n return true;\n }\n if (needsMcpPreClear) {\n await withRetry(() =>\n new SettingsClient(getAgentServerClientOptions()).updateSettings({\n agent_settings_diff: { mcp_config: null },\n }),\n );\n }\n try {\n await withRetry(() =>\n new SettingsClient(getAgentServerClientOptions()).updateSettings(\n localPayload,\n ),\n );\n } catch (err) {\n if (needsMcpPreClear && mcpConfigSnapshot) {\n // See cloud branch above for rationale.\n try {\n await new SettingsClient(\n getAgentServerClientOptions(),\n ).updateSettings({\n agent_settings_diff: {\n mcp_config: mcpConfigSnapshot as SettingsValue,\n },\n });\n } catch {\n // Rollback failed; the original error takes precedence.\n }\n }\n throw err;\n }\n }\n\n // Invalidate cache after successful save\n clearCache();\n\n return true;\n }\n\n /\n Invalidate the settings cache.\n * Call this when settings may have changed externally.\n */\n static invalidateCache(): void {\n clearCache();\n }\n}\n\nexport default SettingsService;\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import type { AutomationRun } from "#/types/automation";
+import { type AutomationRun } from "#/types/automation";
 interface ActivityLogItemProps {
     run: AutomationRun;
 }

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

@@ -3,5 +3,5 @@ interface RecommendedAutomationsLauncherProps {
     onLaunched?: () => void;
 }
 export declare function buildAutomationPrompt(basePrompt: string, backendKind: "local" | "cloud", backendHost?: string): string;
-export declare function RecommendedAutomationsLauncher({ query, onLaunched, }: RecommendedAutomationsLauncherProps): import("react/jsx-runtime").JSX.Element;
+export declare function RecommendedAutomationsLauncher({ query, onLaunched, }: RecommendedAutomationsLauncherProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/features/chat/change-agent-button.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../types/agent-state.cjs`),i=require(`../../../utils/utils.cjs`),a=require(`../../../stores/conversation-store.cjs`),o=require(`../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),s=require(`../../../hooks/query/use-active-conversation.cjs`),c=require(`../../../hooks/use-agent-state.cjs`),l=require(`../../../hooks/use-unified-websocket-status.cjs`),u=require(`../../../hooks/query/use-sub-conversation-task-polling.cjs`),d=require(`../../../ui/typography.cjs`),f=require(`../../../ui/combobox-caret.cjs`),p=require(`../../../icons/lesson-plan.cjs`),m=require(`../../../icons/code-pill.cjs`),h=require(`./change-agent-context-menu.cjs`),g=require(`../../../hooks/use-handle-plan-click.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function y(){let[e,y]=(0,_.useState)(!1),{conversationMode:b,setConversationMode:x,subConversationTaskId:S}=a.useConversationStore(),C=l.useUnifiedWebSocketStatus()===`OPEN`,{curAgentState:w}=c.useAgentState(),{t:T}=t.useTranslation(`openhands`),E=w===r.AgentState.RUNNING,{data:D}=s.useActiveConversation(),O=o.useQueryClient(),k=(0,_.useRef)(null),{taskStatus:A,subConversationId:j}=u.useSubConversationTaskPolling(S,D?.id||null);(0,_.useEffect)(()=>{A===`READY`&&j&&D?.id&&S&&k.current!==S&&(k.current=S,O.invalidateQueries({queryKey:[`user`,`conversation`,D.id]}))},[A,j,D?.id,S,O]);let{handlePlanClick:M,isCreatingConversation:N}=g.useHandlePlanClick();(0,_.useEffect)(()=>{(E||!C)&&e&&y(!1)},[E,e,C]);let P=E||N||!C;(0,_.useEffect)(()=>{if(P)return;let e=e=>{if(e.shiftKey&&e.key===`Tab`){e.preventDefault(),e.stopPropagation();let t=b===`code`?`plan`:`code`;t===`plan`?M(e):x(t)}};return document.addEventListener(`keydown`,e),()=>{document.removeEventListener(`keydown`,e)}},[P,b,x,M]);let F=t=>{t.preventDefault(),t.stopPropagation(),y(!e)},I=e=>{e.preventDefault(),e.stopPropagation(),x(`code`)},L=b===`code`,R=(0,_.useMemo)(()=>T(L?n.I18nKey.COMMON$CODE:n.I18nKey.COMMON$PLAN),[L,T]),z=(0,_.useMemo)(()=>L?(0,v.jsx)(m.CodePillIcon,{className:`h-[11px] w-[11px] shrink-0`}):(0,v.jsx)(p.default,{width:18,height:18,color:`currentColor`}),[L]);return(0,v.jsxs)(`div`,{className:`relative`,children:[(0,v.jsxs)(`button`,{type:`button`,onClick:F,disabled:P,className:i.cn(`flex items-center rounded-[100px] transition-[border-color,color,opacity]`,L?`border border-transparent text-[var(--oh-muted)]`:`border border-[#597FF4] bg-[#4A67BD]`,!P&&L&&`cursor-pointer hover:text-white hover:bg-white/10`,!P&&!L&&`cursor-pointer text-white hover:bg-white/10`,P&&i.cn(`opacity-50 cursor-not-allowed`,L&&`border-transparent`)),children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-1 pl-1.5`,children:[z,(0,v.jsx)(d.Typography.Text,{className:`text-2.75 not-italic font-normal leading-5`,children:R})]}),(0,v.jsx)(f.ComboboxCaretInline,{isOpen:e})]}),e&&(0,v.jsx)(h.ChangeAgentContextMenu,{onClose:()=>y(!1),onCodeClick:I,onPlanClick:M})]})}exports.ChangeAgentButton=y;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../types/agent-state.cjs`),i=require(`../../../utils/utils.cjs`),a=require(`../../../hooks/use-conversation-id.cjs`),o=require(`../../../stores/conversation-store.cjs`),s=require(`../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),c=require(`../../../hooks/query/use-active-conversation.cjs`),l=require(`../../../hooks/use-agent-state.cjs`),u=require(`../../shared/buttons/styled-tooltip.cjs`),d=require(`../../../hooks/use-unified-websocket-status.cjs`),f=require(`../../../hooks/query/use-sub-conversation-task-polling.cjs`),p=require(`../../../ui/typography.cjs`),m=require(`../../../ui/combobox-caret.cjs`),h=require(`../../../icons/lesson-plan.cjs`),g=require(`../../../icons/code-pill.cjs`),_=require(`./change-agent-context-menu.cjs`),v=require(`../../../hooks/use-handle-plan-click.cjs`);let y=require(`react`);y=e.__toESM(y,1);let b=require(`react/jsx-runtime`);function x(){let[e,x]=(0,y.useState)(!1),{conversationMode:S,setConversationMode:C,subConversationTaskId:w}=o.useConversationStore(),{conversationId:T}=a.useOptionalConversationId(),E=!T,D=d.useUnifiedWebSocketStatus()===`OPEN`,{curAgentState:O}=l.useAgentState(),{t:k}=t.useTranslation(`openhands`),A=O===r.AgentState.RUNNING,{data:j}=c.useActiveConversation(),M=s.useQueryClient(),N=(0,y.useRef)(null),{taskStatus:P,subConversationId:F}=f.useSubConversationTaskPolling(w,j?.id||null);(0,y.useEffect)(()=>{P===`READY`&&F&&j?.id&&w&&N.current!==w&&(N.current=w,M.invalidateQueries({queryKey:[`user`,`conversation`,j.id]}))},[P,F,j?.id,w,M]);let{handlePlanClick:I,isCreatingConversation:L}=v.useHandlePlanClick();(0,y.useEffect)(()=>{(A||!D)&&e&&x(!1)},[A,e,D]);let R=E||A||L||!D;(0,y.useEffect)(()=>{if(R)return;let e=e=>{if(e.shiftKey&&e.key===`Tab`){e.preventDefault(),e.stopPropagation();let t=S===`code`?`plan`:`code`;t===`plan`?I(e):C(t)}};return document.addEventListener(`keydown`,e),()=>{document.removeEventListener(`keydown`,e)}},[R,S,C,I]);let z=t=>{t.preventDefault(),t.stopPropagation(),x(!e)},B=e=>{e.preventDefault(),e.stopPropagation(),C(`code`)},V=S===`code`,H=(0,y.useMemo)(()=>k(V?n.I18nKey.COMMON$CODE:n.I18nKey.COMMON$PLAN),[V,k]),U=(0,y.useMemo)(()=>V?(0,b.jsx)(g.CodePillIcon,{className:`h-[11px] w-[11px] shrink-0`}):(0,b.jsx)(h.default,{width:18,height:18,color:`currentColor`}),[V]),W=(0,b.jsxs)(`div`,{className:`relative`,children:[(0,b.jsxs)(`button`,{type:`button`,onClick:z,disabled:R,className:i.cn(`flex items-center rounded-[100px] transition-[border-color,color,opacity]`,V?`border border-transparent text-[var(--oh-muted)]`:`border border-[#597FF4] bg-[#4A67BD]`,!R&&V&&`cursor-pointer hover:text-white hover:bg-white/10`,!R&&!V&&`cursor-pointer text-white hover:bg-white/10`,R&&i.cn(`opacity-50 cursor-not-allowed`,V&&`border-transparent`)),children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-1 pl-1.5`,children:[U,(0,b.jsx)(p.Typography.Text,{className:`text-2.75 not-italic font-normal leading-5`,children:H})]}),(0,b.jsx)(m.ComboboxCaretInline,{isOpen:e})]}),e&&(0,b.jsx)(_.ChangeAgentContextMenu,{onClose:()=>x(!1),onCodeClick:B,onPlanClick:I})]});return E?(0,b.jsx)(u.StyledTooltip,{content:k(n.I18nKey.CHANGE_AGENT$SWITCH_AFTER_CONVERSATION),placement:`top`,children:W}):W}exports.ChangeAgentButton=x;
 //# sourceMappingURL=change-agent-button.cjs.map

package/dist/components/features/chat/change-agent-button.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"change-agent-button.cjs","names":[],"sources":["../../../../src/components/features/chat/change-agent-button.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useState, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ComboboxCaretInline } from \"#/ui/combobox-caret\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.svg?react\";\nimport { CodePillIcon } from \"#/icons/code-pill\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { ChangeAgentContextMenu } from \"./change-agent-context-menu\";\nimport { cn } from \"#/utils/utils\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUnifiedWebSocketStatus } from \"#/hooks/use-unified-websocket-status\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { useHandlePlanClick } from \"#/hooks/use-handle-plan-click\";\n\nexport function ChangeAgentButton() {\n const [contextMenuOpen, setContextMenuOpen] = useState<boolean>(false);\n\n const { conversationMode, setConversationMode, subConversationTaskId } =\n useConversationStore();\n\n const webSocketStatus = useUnifiedWebSocketStatus();\n\n const isWebSocketConnected = webSocketStatus === \"OPEN\";\n\n const { curAgentState } = useAgentState();\n\n const { t } = useTranslation(\"openhands\");\n\n const isAgentRunning = curAgentState === AgentState.RUNNING;\n\n const { data: conversation } = useActiveConversation();\n\n const queryClient = useQueryClient();\n\n // Track the last invalidated task ID to prevent duplicate invalidations\n const lastInvalidatedTaskIdRef = useRef<string \| null>(null);\n\n // Poll sub-conversation task status\n const { taskStatus, subConversationId } = useSubConversationTaskPolling(\n subConversationTaskId,\n conversation?.id \|\| null,\n );\n\n // Invalidate parent conversation cache when task is ready (only once per task)\n useEffect(() => {\n if (\n taskStatus === \"READY\" &&\n subConversationId &&\n conversation?.id &&\n subConversationTaskId &&\n lastInvalidatedTaskIdRef.current !== subConversationTaskId\n ) {\n // Mark this task as invalidated to prevent duplicate calls\n lastInvalidatedTaskIdRef.current = subConversationTaskId;\n // Invalidate the parent conversation to refetch with updated sub_conversation_ids\n queryClient.invalidateQueries({\n queryKey: [\"user\", \"conversation\", conversation.id],\n });\n }\n }, [\n taskStatus,\n subConversationId,\n conversation?.id,\n subConversationTaskId,\n queryClient,\n ]);\n\n // Get handlePlanClick and isCreatingConversation from custom hook\n const { handlePlanClick, isCreatingConversation } = useHandlePlanClick();\n\n // Close context menu when agent starts running\n useEffect(() => {\n if ((isAgentRunning \|\| !isWebSocketConnected) && contextMenuOpen) {\n setContextMenuOpen(false);\n }\n }, [isAgentRunning, contextMenuOpen, isWebSocketConnected]);\n\n const isButtonDisabled =\n isAgentRunning \|\| isCreatingConversation \|\| !isWebSocketConnected;\n\n // Handle Shift + Tab keyboard shortcut to cycle through modes\n useEffect(() => {\n if (isButtonDisabled) {\n return undefined;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n // Check for Shift + Tab combination\n if (event.shiftKey && event.key === \"Tab\") {\n // Prevent default tab navigation behavior\n event.preventDefault();\n event.stopPropagation();\n\n // Cycle between modes: code -> plan -> code\n const nextMode = conversationMode === \"code\" ? \"plan\" : \"code\";\n if (nextMode === \"plan\") {\n handlePlanClick(event);\n } else {\n setConversationMode(nextMode);\n }\n }\n };\n\n document.addEventListener(\"keydown\", handleKeyDown);\n\n return () => {\n document.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [\n isButtonDisabled,\n conversationMode,\n setConversationMode,\n handlePlanClick,\n ]);\n\n const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setContextMenuOpen(!contextMenuOpen);\n };\n\n const handleCodeClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setConversationMode(\"code\");\n };\n\n const isExecutionAgent = conversationMode === \"code\";\n\n const buttonLabel = useMemo(() => {\n if (isExecutionAgent) {\n return t(I18nKey.COMMON$CODE);\n }\n return t(I18nKey.COMMON$PLAN);\n }, [isExecutionAgent, t]);\n\n const buttonIcon = useMemo(() => {\n if (isExecutionAgent) {\n return <CodePillIcon className=\"h-[11px] w-[11px] shrink-0\" />;\n }\n return <LessonPlanIcon width={18} height={18} color=\"currentColor\" />;\n }, [isExecutionAgent]);\n\n ~~return~~ (\n <div className=\"relative\">\n <button\n type=\"button\"\n onClick={handleButtonClick}\n disabled={isButtonDisabled}\n className={cn(\n \"flex items-center rounded-[100px] transition-[border-color,color,opacity]\",\n isExecutionAgent\n ? \"border border-transparent text-[var(--oh-muted)]\"\n : \"border border-[#597FF4] bg-[#4A67BD]\",\n !isButtonDisabled &&\n isExecutionAgent &&\n \"cursor-pointer hover:text-white hover:bg-white/10\",\n !isButtonDisabled &&\n !isExecutionAgent &&\n \"cursor-pointer text-white hover:bg-white/10\",\n isButtonDisabled &&\n cn(\n \"opacity-50 cursor-not-allowed\",\n isExecutionAgent && \"border-transparent\",\n ),\n )}\n >\n <div className=\"flex items-center gap-1 pl-1.5\">\n {buttonIcon}\n <Typography.Text className=\"text-2.75 not-italic font-normal leading-5\">\n {buttonLabel}\n </Typography.Text>\n </div>\n <ComboboxCaretInline isOpen={contextMenuOpen} />\n </button>\n {contextMenuOpen && (\n <ChangeAgentContextMenu\n onClose={() => setContextMenuOpen(false)}\n onCodeClick={handleCodeClick}\n onPlanClick={handlePlanClick}\n />\n )}\n </div>\n );\n}\n"],"mappings":"~~i+BAkBA~~,SAAgB,GAAoB,CAClC,GAAM,CAAC,EAAiB,IAAA,EAAA,EAAA,UAAwC,GAAM,CAEhE,CAAE,mBAAkB,sBAAqB,yBAC7C,EAAA,sBAAsB,~~CAIlB~~,EAFkB,EAAA,2BAEK,GAAoB,OAE3C,CAAE,iBAAkB,EAAA,eAAe,CAEnC,CAAE,KAAM,EAAA,eAAe,YAAY,CAEnC,EAAiB,IAAkB,EAAA,WAAW,QAE9C,CAAE,KAAM,GAAiB,EAAA,uBAAuB,CAEhD,EAAc,EAAA,gBAAgB,CAG9B,GAAA,EAAA,EAAA,QAAiD,KAAK,CAGtD,CAAE,aAAY,qBAAsB,EAAA,8BACxC,EACA,GAAc,IAAM,KACrB,EAGD,EAAA,EAAA,eAAgB,CAEZ,IAAe,SACf,GACA,GAAc,IACd,GACA,EAAyB,UAAY,IAGrC,EAAyB,QAAU,EAEnC,EAAY,kBAAkB,CAC5B,SAAU,CAAC,OAAQ,eAAgB,EAAa,GAAG,CACpD,CAAC,GAEH,CACD,EACA,EACA,GAAc,GACd,EACA,EACD,CAAC,CAGF,GAAM,CAAE,kBAAiB,0BAA2B,EAAA,oBAAoB,EAGxE,EAAA,EAAA,eAAgB,EACT,GAAkB,CAAC,IAAyB,GAC/C,EAAmB,GAAM,EAE1B,CAAC,EAAgB,EAAiB,EAAqB,CAAC,CAE3D,IAAM,EACJ,~~GAAkB~~,~~GAA0B~~,CAAC,~~GAG/C~~,EAAA,EAAA,eAAgB,CACd,GAAI,EACF,OAGF,IAAM,EAAiB,GAAyB,CAE9C,GAAI,EAAM,UAAY,EAAM,MAAQ,MAAO,CAEzC,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CAGvB,IAAM,EAAW,IAAqB,OAAS,OAAS,OACpD,IAAa,OACf,EAAgB,EAAM,CAEtB,EAAoB,EAAS,GAOnC,OAFA,SAAS,iBAAiB,UAAW,EAAc,KAEtC,CACX,SAAS,oBAAoB,UAAW,EAAc,GAEvD,CACD,EACA,EACA,EACA,EACD,CAAC,CAEF,IAAM,EAAqB,GAA+C,CACxE,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACvB,EAAmB,CAAC,EAAgB,EAGhC,EAAmB,GAA+C,CACtE,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACvB,EAAoB,OAAO,EAGvB,EAAmB,IAAqB,OAExC,GAAA,EAAA,EAAA,aAEK,EADL,EACO,EAAA,QAAQ,YAEV,EAAA,QAAQ,YAFc,CAG9B,CAAC,EAAkB,EAAE,CAAC,CAEnB,GAAA,EAAA,EAAA,aACA,GACK,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,UAAU,6BAA+B,CAAA,EAEzD,EAAA,EAAA,KAAC,EAAA,QAAD,CAAgB,MAAO,GAAI,OAAQ,GAAI,MAAM,eAAiB,CAAA,CACpE,CAAC,EAAiB,CAAC,~~CAEtB~~,~~OACE~~,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oBAAf,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,SAAU,EACV,UAAW,EAAA,GACT,4EACA,EACI,mDACA,uCACJ,CAAC,GACC,GACA,oDACF,CAAC,GACC,CAAC,GACD,8CACF,GACE,EAAA,GACE,gCACA,GAAoB,qBACrB,CACJ,UApBH,EAsBE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,CACG,GACD,EAAA,EAAA,KAAC,EAAA,WAAW,KAAZ,CAAiB,UAAU,sDACxB,EACe,CAAA,CACd,IACN,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,OAAQ,EAAmB,CAAA,CACzC,GACR,IACC,EAAA,EAAA,KAAC,EAAA,uBAAD,CACE,YAAe,EAAmB,GAAM,CACxC,YAAa,EACb,YAAa,EACb,CAAA,CAEA"}
1	+ {"version":3,"file":"change-agent-button.cjs","names":[],"sources":["../../../../src/components/features/chat/change-agent-button.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useState, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ComboboxCaretInline } from \"#/ui/combobox-caret\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.svg?react\";\nimport { CodePillIcon } from \"#/icons/code-pill\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { ChangeAgentContextMenu } from \"./change-agent-context-menu\";\nimport { cn } from \"#/utils/utils\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUnifiedWebSocketStatus } from \"#/hooks/use-unified-websocket-status\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { useHandlePlanClick } from \"#/hooks/use-handle-plan-click\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\n\nexport function ChangeAgentButton() {\n const [contextMenuOpen, setContextMenuOpen] = useState<boolean>(false);\n\n const { conversationMode, setConversationMode, subConversationTaskId } =\n useConversationStore();\n\n const { conversationId } = useOptionalConversationId();\n\n const isHomePage = !conversationId;\n\n const webSocketStatus = useUnifiedWebSocketStatus();\n\n const isWebSocketConnected = webSocketStatus === \"OPEN\";\n\n const { curAgentState } = useAgentState();\n\n const { t } = useTranslation(\"openhands\");\n\n const isAgentRunning = curAgentState === AgentState.RUNNING;\n\n const { data: conversation } = useActiveConversation();\n\n const queryClient = useQueryClient();\n\n // Track the last invalidated task ID to prevent duplicate invalidations\n const lastInvalidatedTaskIdRef = useRef<string \| null>(null);\n\n // Poll sub-conversation task status\n const { taskStatus, subConversationId } = useSubConversationTaskPolling(\n subConversationTaskId,\n conversation?.id \|\| null,\n );\n\n // Invalidate parent conversation cache when task is ready (only once per task)\n useEffect(() => {\n if (\n taskStatus === \"READY\" &&\n subConversationId &&\n conversation?.id &&\n subConversationTaskId &&\n lastInvalidatedTaskIdRef.current !== subConversationTaskId\n ) {\n // Mark this task as invalidated to prevent duplicate calls\n lastInvalidatedTaskIdRef.current = subConversationTaskId;\n // Invalidate the parent conversation to refetch with updated sub_conversation_ids\n queryClient.invalidateQueries({\n queryKey: [\"user\", \"conversation\", conversation.id],\n });\n }\n }, [\n taskStatus,\n subConversationId,\n conversation?.id,\n subConversationTaskId,\n queryClient,\n ]);\n\n // Get handlePlanClick and isCreatingConversation from custom hook\n const { handlePlanClick, isCreatingConversation } = useHandlePlanClick();\n\n // Close context menu when agent starts running\n useEffect(() => {\n if ((isAgentRunning \|\| !isWebSocketConnected) && contextMenuOpen) {\n setContextMenuOpen(false);\n }\n }, [isAgentRunning, contextMenuOpen, isWebSocketConnected]);\n\n const isButtonDisabled =\n isHomePage \|\|\n isAgentRunning \|\|\n isCreatingConversation \|\|\n !isWebSocketConnected;\n\n // Handle Shift + Tab keyboard shortcut to cycle through modes\n useEffect(() => {\n if (isButtonDisabled) {\n return undefined;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n // Check for Shift + Tab combination\n if (event.shiftKey && event.key === \"Tab\") {\n // Prevent default tab navigation behavior\n event.preventDefault();\n event.stopPropagation();\n\n // Cycle between modes: code -> plan -> code\n const nextMode = conversationMode === \"code\" ? \"plan\" : \"code\";\n if (nextMode === \"plan\") {\n handlePlanClick(event);\n } else {\n setConversationMode(nextMode);\n }\n }\n };\n\n document.addEventListener(\"keydown\", handleKeyDown);\n\n return () => {\n document.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [\n isButtonDisabled,\n conversationMode,\n setConversationMode,\n handlePlanClick,\n ]);\n\n const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setContextMenuOpen(!contextMenuOpen);\n };\n\n const handleCodeClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setConversationMode(\"code\");\n };\n\n const isExecutionAgent = conversationMode === \"code\";\n\n const buttonLabel = useMemo(() => {\n if (isExecutionAgent) {\n return t(I18nKey.COMMON$CODE);\n }\n return t(I18nKey.COMMON$PLAN);\n }, [isExecutionAgent, t]);\n\n const buttonIcon = useMemo(() => {\n if (isExecutionAgent) {\n return <CodePillIcon className=\"h-[11px] w-[11px] shrink-0\" />;\n }\n return <LessonPlanIcon width={18} height={18} color=\"currentColor\" />;\n }, [isExecutionAgent]);\n\n const button = (\n <div className=\"relative\">\n <button\n type=\"button\"\n onClick={handleButtonClick}\n disabled={isButtonDisabled}\n className={cn(\n \"flex items-center rounded-[100px] transition-[border-color,color,opacity]\",\n isExecutionAgent\n ? \"border border-transparent text-[var(--oh-muted)]\"\n : \"border border-[#597FF4] bg-[#4A67BD]\",\n !isButtonDisabled &&\n isExecutionAgent &&\n \"cursor-pointer hover:text-white hover:bg-white/10\",\n !isButtonDisabled &&\n !isExecutionAgent &&\n \"cursor-pointer text-white hover:bg-white/10\",\n isButtonDisabled &&\n cn(\n \"opacity-50 cursor-not-allowed\",\n isExecutionAgent && \"border-transparent\",\n ),\n )}\n >\n <div className=\"flex items-center gap-1 pl-1.5\">\n {buttonIcon}\n <Typography.Text className=\"text-2.75 not-italic font-normal leading-5\">\n {buttonLabel}\n </Typography.Text>\n </div>\n <ComboboxCaretInline isOpen={contextMenuOpen} />\n </button>\n {contextMenuOpen && (\n <ChangeAgentContextMenu\n onClose={() => setContextMenuOpen(false)}\n onCodeClick={handleCodeClick}\n onPlanClick={handlePlanClick}\n />\n )}\n </div>\n );\n\n if (isHomePage) {\n return (\n <StyledTooltip\n content={t(I18nKey.CHANGE_AGENT$SWITCH_AFTER_CONVERSATION)}\n placement=\"top\"\n >\n {button}\n </StyledTooltip>\n );\n }\n\n return button;\n}\n"],"mappings":"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"}

package/dist/components/features/chat/change-agent-button.js CHANGED Viewed

@@ -2,94 +2,100 @@ import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { AgentState as n } from "../../../types/agent-state.js";
 import { cn as r } from "../../../utils/utils.js";
-import { useConversationStore as i } from "../../../stores/conversation-store.js";
-import { useQueryClient as a } from "../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
-import { useActiveConversation as o } from "../../../hooks/query/use-active-conversation.js";
-import { useAgentState as s } from "../../../hooks/use-agent-state.js";
-import { useUnifiedWebSocketStatus as c } from "../../../hooks/use-unified-websocket-status.js";
-import { useSubConversationTaskPolling as l } from "../../../hooks/query/use-sub-conversation-task-polling.js";
-import { Typography as u } from "../../../ui/typography.js";
-import { ComboboxCaretInline as d } from "../../../ui/combobox-caret.js";
-import f from "../../../icons/lesson-plan.js";
-import { CodePillIcon as p } from "../../../icons/code-pill.js";
-import { ChangeAgentContextMenu as m } from "./change-agent-context-menu.js";
-import { useHandlePlanClick as h } from "../../../hooks/use-handle-plan-click.js";
-import { useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useOptionalConversationId as i } from "../../../hooks/use-conversation-id.js";
+import { useConversationStore as a } from "../../../stores/conversation-store.js";
+import { useQueryClient as o } from "../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
+import { useActiveConversation as s } from "../../../hooks/query/use-active-conversation.js";
+import { useAgentState as c } from "../../../hooks/use-agent-state.js";
+import { StyledTooltip as l } from "../../shared/buttons/styled-tooltip.js";
+import { useUnifiedWebSocketStatus as u } from "../../../hooks/use-unified-websocket-status.js";
+import { useSubConversationTaskPolling as d } from "../../../hooks/query/use-sub-conversation-task-polling.js";
+import { Typography as f } from "../../../ui/typography.js";
+import { ComboboxCaretInline as p } from "../../../ui/combobox-caret.js";
+import m from "../../../icons/lesson-plan.js";
+import { CodePillIcon as h } from "../../../icons/code-pill.js";
+import { ChangeAgentContextMenu as g } from "./change-agent-context-menu.js";
+import { useHandlePlanClick as _ } from "../../../hooks/use-handle-plan-click.js";
+import { useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/components/features/chat/change-agent-button.tsx
-function S() {
-	let [S, C] = y(!1), { conversationMode: w, setConversationMode: T, subConversationTaskId: E } = i(), D = c() === "OPEN", { curAgentState: O } = s(), { t: k } = e("openhands"), A = O === n.RUNNING, { data: j } = o(), M = a(), N = v(null), { taskStatus: P, subConversationId: F } = l(E, j?.id || null);
-	g(() => {
-		P === "READY" && F && j?.id && E && N.current !== E && (N.current = E, M.invalidateQueries({ queryKey: [
+function w() {
+	let [w, T] = x(!1), { conversationMode: E, setConversationMode: D, subConversationTaskId: O } = a(), { conversationId: k } = i(), A = !k, j = u() === "OPEN", { curAgentState: M } = c(), { t: N } = e("openhands"), P = M === n.RUNNING, { data: F } = s(), I = o(), L = b(null), { taskStatus: R, subConversationId: z } = d(O, F?.id || null);
+	v(() => {
+		R === "READY" && z && F?.id && O && L.current !== O && (L.current = O, I.invalidateQueries({ queryKey: [
 			"user",
 			"conversation",
-			j.id
+			F.id
 		] }));
 	}, [
-		P,
-		F,
-		j?.id,
-		E,
-		M
+		R,
+		z,
+		F?.id,
+		O,
+		I
 	]);
-	let { handlePlanClick: I, isCreatingConversation: L } = h();
-	g(() => {
-		(A || !D) && S && C(!1);
+	let { handlePlanClick: B, isCreatingConversation: V } = _();
+	v(() => {
+		(P || !j) && w && T(!1);
 	}, [
-		A,
-		S,
-		D
+		P,
+		w,
+		j
 	]);
-	let R = A || L || !D;
-	g(() => {
-		if (R) return;
+	let H = A || P || V || !j;
+	v(() => {
+		if (H) return;
 		let e = (e) => {
 			if (e.shiftKey && e.key === "Tab") {
 				e.preventDefault(), e.stopPropagation();
-				let t = w === "code" ? "plan" : "code";
-				t === "plan" ? I(e) : T(t);
+				let t = E === "code" ? "plan" : "code";
+				t === "plan" ? B(e) : D(t);
 			}
 		};
 		return document.addEventListener("keydown", e), () => {
 			document.removeEventListener("keydown", e);
 		};
 	}, [
-		R,
-		w,
-		T,
-		I
+		H,
+		E,
+		D,
+		B
 	]);
-	let z = (e) => {
-		e.preventDefault(), e.stopPropagation(), C(!S);
-	}, B = (e) => {
-		e.preventDefault(), e.stopPropagation(), T("code");
-	}, V = w === "code", H = _(() => k(V ? t.COMMON$CODE : t.COMMON$PLAN), [V, k]), U = _(() => V ? /* @__PURE__ */ b(p, { className: "h-[11px] w-[11px] shrink-0" }) : /* @__PURE__ */ b(f, {
+	let U = (e) => {
+		e.preventDefault(), e.stopPropagation(), T(!w);
+	}, W = (e) => {
+		e.preventDefault(), e.stopPropagation(), D("code");
+	}, G = E === "code", K = y(() => N(G ? t.COMMON$CODE : t.COMMON$PLAN), [G, N]), q = y(() => G ? /* @__PURE__ */ S(h, { className: "h-[11px] w-[11px] shrink-0" }) : /* @__PURE__ */ S(m, {
 		width: 18,
 		height: 18,
 		color: "currentColor"
-	}), [V]);
-	return /* @__PURE__ */ x("div", {
+	}), [G]), J = /* @__PURE__ */ C("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ x("button", {
+		children: [/* @__PURE__ */ C("button", {
 			type: "button",
-			onClick: z,
-			disabled: R,
-			className: r("flex items-center rounded-[100px] transition-[border-color,color,opacity]", V ? "border border-transparent text-[var(--oh-muted)]" : "border border-[#597FF4] bg-[#4A67BD]", !R && V && "cursor-pointer hover:text-white hover:bg-white/10", !R && !V && "cursor-pointer text-white hover:bg-white/10", R && r("opacity-50 cursor-not-allowed", V && "border-transparent")),
-			children: [/* @__PURE__ */ x("div", {
+			onClick: U,
+			disabled: H,
+			className: r("flex items-center rounded-[100px] transition-[border-color,color,opacity]", G ? "border border-transparent text-[var(--oh-muted)]" : "border border-[#597FF4] bg-[#4A67BD]", !H && G && "cursor-pointer hover:text-white hover:bg-white/10", !H && !G && "cursor-pointer text-white hover:bg-white/10", H && r("opacity-50 cursor-not-allowed", G && "border-transparent")),
+			children: [/* @__PURE__ */ C("div", {
 				className: "flex items-center gap-1 pl-1.5",
-				children: [U, /* @__PURE__ */ b(u.Text, {
+				children: [q, /* @__PURE__ */ S(f.Text, {
 					className: "text-2.75 not-italic font-normal leading-5",
-					children: H
+					children: K
 				})]
-			}), /* @__PURE__ */ b(d, { isOpen: S })]
-		}), S && /* @__PURE__ */ b(m, {
-			onClose: () => C(!1),
-			onCodeClick: B,
-			onPlanClick: I
+			}), /* @__PURE__ */ S(p, { isOpen: w })]
+		}), w && /* @__PURE__ */ S(g, {
+			onClose: () => T(!1),
+			onCodeClick: W,
+			onPlanClick: B
 		})]
 	});
+	return A ? /* @__PURE__ */ S(l, {
+		content: N(t.CHANGE_AGENT$SWITCH_AFTER_CONVERSATION),
+		placement: "top",
+		children: J
+	}) : J;
 }
 //#endregion
-export { S as ChangeAgentButton };
+export { w as ChangeAgentButton };
 //# sourceMappingURL=change-agent-button.js.map

package/dist/components/features/chat/change-agent-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"change-agent-button.js","names":[],"sources":["../../../../src/components/features/chat/change-agent-button.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useState, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ComboboxCaretInline } from \"#/ui/combobox-caret\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.svg?react\";\nimport { CodePillIcon } from \"#/icons/code-pill\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { ChangeAgentContextMenu } from \"./change-agent-context-menu\";\nimport { cn } from \"#/utils/utils\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUnifiedWebSocketStatus } from \"#/hooks/use-unified-websocket-status\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { useHandlePlanClick } from \"#/hooks/use-handle-plan-click\";\n\nexport function ChangeAgentButton() {\n const [contextMenuOpen, setContextMenuOpen] = useState<boolean>(false);\n\n const { conversationMode, setConversationMode, subConversationTaskId } =\n useConversationStore();\n\n const webSocketStatus = useUnifiedWebSocketStatus();\n\n const isWebSocketConnected = webSocketStatus === \"OPEN\";\n\n const { curAgentState } = useAgentState();\n\n const { t } = useTranslation(\"openhands\");\n\n const isAgentRunning = curAgentState === AgentState.RUNNING;\n\n const { data: conversation } = useActiveConversation();\n\n const queryClient = useQueryClient();\n\n // Track the last invalidated task ID to prevent duplicate invalidations\n const lastInvalidatedTaskIdRef = useRef<string \| null>(null);\n\n // Poll sub-conversation task status\n const { taskStatus, subConversationId } = useSubConversationTaskPolling(\n subConversationTaskId,\n conversation?.id \|\| null,\n );\n\n // Invalidate parent conversation cache when task is ready (only once per task)\n useEffect(() => {\n if (\n taskStatus === \"READY\" &&\n subConversationId &&\n conversation?.id &&\n subConversationTaskId &&\n lastInvalidatedTaskIdRef.current !== subConversationTaskId\n ) {\n // Mark this task as invalidated to prevent duplicate calls\n lastInvalidatedTaskIdRef.current = subConversationTaskId;\n // Invalidate the parent conversation to refetch with updated sub_conversation_ids\n queryClient.invalidateQueries({\n queryKey: [\"user\", \"conversation\", conversation.id],\n });\n }\n }, [\n taskStatus,\n subConversationId,\n conversation?.id,\n subConversationTaskId,\n queryClient,\n ]);\n\n // Get handlePlanClick and isCreatingConversation from custom hook\n const { handlePlanClick, isCreatingConversation } = useHandlePlanClick();\n\n // Close context menu when agent starts running\n useEffect(() => {\n if ((isAgentRunning \|\| !isWebSocketConnected) && contextMenuOpen) {\n setContextMenuOpen(false);\n }\n }, [isAgentRunning, contextMenuOpen, isWebSocketConnected]);\n\n const isButtonDisabled =\n isAgentRunning \|\| isCreatingConversation \|\| !isWebSocketConnected;\n\n // Handle Shift + Tab keyboard shortcut to cycle through modes\n useEffect(() => {\n if (isButtonDisabled) {\n return undefined;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n // Check for Shift + Tab combination\n if (event.shiftKey && event.key === \"Tab\") {\n // Prevent default tab navigation behavior\n event.preventDefault();\n event.stopPropagation();\n\n // Cycle between modes: code -> plan -> code\n const nextMode = conversationMode === \"code\" ? \"plan\" : \"code\";\n if (nextMode === \"plan\") {\n handlePlanClick(event);\n } else {\n setConversationMode(nextMode);\n }\n }\n };\n\n document.addEventListener(\"keydown\", handleKeyDown);\n\n return () => {\n document.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [\n isButtonDisabled,\n conversationMode,\n setConversationMode,\n handlePlanClick,\n ]);\n\n const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setContextMenuOpen(!contextMenuOpen);\n };\n\n const handleCodeClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setConversationMode(\"code\");\n };\n\n const isExecutionAgent = conversationMode === \"code\";\n\n const buttonLabel = useMemo(() => {\n if (isExecutionAgent) {\n return t(I18nKey.COMMON$CODE);\n }\n return t(I18nKey.COMMON$PLAN);\n }, [isExecutionAgent, t]);\n\n const buttonIcon = useMemo(() => {\n if (isExecutionAgent) {\n return <CodePillIcon className=\"h-[11px] w-[11px] shrink-0\" />;\n }\n return <LessonPlanIcon width={18} height={18} color=\"currentColor\" />;\n }, [isExecutionAgent]);\n\n ~~return~~ (\n <div className=\"relative\">\n <button\n type=\"button\"\n onClick={handleButtonClick}\n disabled={isButtonDisabled}\n className={cn(\n \"flex items-center rounded-[100px] transition-[border-color,color,opacity]\",\n isExecutionAgent\n ? \"border border-transparent text-[var(--oh-muted)]\"\n : \"border border-[#597FF4] bg-[#4A67BD]\",\n !isButtonDisabled &&\n isExecutionAgent &&\n \"cursor-pointer hover:text-white hover:bg-white/10\",\n !isButtonDisabled &&\n !isExecutionAgent &&\n \"cursor-pointer text-white hover:bg-white/10\",\n isButtonDisabled &&\n cn(\n \"opacity-50 cursor-not-allowed\",\n isExecutionAgent && \"border-transparent\",\n ),\n )}\n >\n <div className=\"flex items-center gap-1 pl-1.5\">\n {buttonIcon}\n <Typography.Text className=\"text-2.75 not-italic font-normal leading-5\">\n {buttonLabel}\n </Typography.Text>\n </div>\n <ComboboxCaretInline isOpen={contextMenuOpen} />\n </button>\n {contextMenuOpen && (\n <ChangeAgentContextMenu\n onClose={() => setContextMenuOpen(false)}\n onCodeClick={handleCodeClick}\n onPlanClick={handlePlanClick}\n />\n )}\n </div>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;AAkBA~~,SAAgB,IAAoB;CAClC,IAAM,CAAC,GAAiB,KAAsB,EAAkB,GAAM,EAEhE,EAAE,qBAAkB,wBAAqB,6BAC7C,GAAsB,~~EAIlB~~,IAFkB,GAEK,KAAoB,QAE3C,EAAE,qBAAkB,GAAe,EAEnC,EAAE,SAAM,EAAe,YAAY,EAEnC,IAAiB,MAAkB,EAAW,SAE9C,EAAE,MAAM,MAAiB,GAAuB,EAEhD,IAAc,GAAgB,EAG9B,IAA2B,EAAsB,KAAK,EAGtD,EAAE,eAAY,yBAAsB,EACxC,GACA,GAAc,MAAM,KACrB;AAGD,SAAgB;AACd,EACE,MAAe,WACf,KACA,GAAc,MACd,KACA,EAAyB,YAAY,MAGrC,EAAyB,UAAU,GAEnC,EAAY,kBAAkB,EAC5B,UAAU;GAAC;GAAQ;GAAgB,EAAa;GAAG,EACpD,CAAC;IAEH;EACD;EACA;EACA,GAAc;EACd;EACA;EACD,CAAC;CAGF,IAAM,EAAE,oBAAiB,8BAA2B,GAAoB;AAGxE,SAAgB;AACd,GAAK,KAAkB,CAAC,MAAyB,KAC/C,EAAmB,GAAM;IAE1B;EAAC;EAAgB;EAAiB;EAAqB,CAAC;CAE3D,IAAM,IACJ,~~KAAkB~~,~~KAA0B~~,CAAC;~~AAG/C~~,SAAgB;AACd,MAAI,EACF;EAGF,IAAM,KAAiB,MAAyB;AAE9C,OAAI,EAAM,YAAY,EAAM,QAAQ,OAAO;AAGzC,IADA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB;IAGvB,IAAM,IAAW,MAAqB,SAAS,SAAS;AACxD,IAAI,MAAa,SACf,EAAgB,EAAM,GAEtB,EAAoB,EAAS;;;AAOnC,SAFA,SAAS,iBAAiB,WAAW,EAAc,QAEtC;AACX,YAAS,oBAAoB,WAAW,EAAc;;IAEvD;EACD;EACA;EACA;EACA;EACD,CAAC;CAEF,IAAM,KAAqB,MAA+C;AAGxE,EAFA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACvB,EAAmB,CAAC,EAAgB;IAGhC,KAAmB,MAA+C;AAGtE,EAFA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACvB,EAAoB,OAAO;IAGvB,IAAmB,MAAqB,QAExC,IAAc,QAET,EADL,IACO,EAAQ,cAEV,EAAQ,YAFc,EAG9B,CAAC,GAAkB,EAAE,CAAC,EAEnB,IAAa,QACb,IACK,kBAAC,GAAD,EAAc,WAAU,8BAA+B,CAAA,GAEzD,kBAAC,GAAD;EAAgB,OAAO;EAAI,QAAQ;EAAI,OAAM;EAAiB,CAAA,EACpE,CAAC,EAAiB,CAAC~~;AAEtB~~,~~QACE~~,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,UAAU;GACV,WAAW,EACT,6EACA,IACI,qDACA,wCACJ,CAAC,KACC,KACA,qDACF,CAAC,KACC,CAAC,KACD,+CACF,KACE,EACE,iCACA,KAAoB,qBACrB,CACJ;aApBH,CAsBE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,GACD,kBAAC,EAAW,MAAZ;KAAiB,WAAU;eACxB;KACe,CAAA,CACd;OACN,kBAAC,GAAD,EAAqB,QAAQ,GAAmB,CAAA,CACzC;MACR,KACC,kBAAC,GAAD;GACE,eAAe,EAAmB,GAAM;GACxC,aAAa;GACb,aAAa;GACb,CAAA,CAEA"}
1	+ {"version":3,"file":"change-agent-button.js","names":[],"sources":["../../../../src/components/features/chat/change-agent-button.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useState, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ComboboxCaretInline } from \"#/ui/combobox-caret\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.svg?react\";\nimport { CodePillIcon } from \"#/icons/code-pill\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { ChangeAgentContextMenu } from \"./change-agent-context-menu\";\nimport { cn } from \"#/utils/utils\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUnifiedWebSocketStatus } from \"#/hooks/use-unified-websocket-status\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { useHandlePlanClick } from \"#/hooks/use-handle-plan-click\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\n\nexport function ChangeAgentButton() {\n const [contextMenuOpen, setContextMenuOpen] = useState<boolean>(false);\n\n const { conversationMode, setConversationMode, subConversationTaskId } =\n useConversationStore();\n\n const { conversationId } = useOptionalConversationId();\n\n const isHomePage = !conversationId;\n\n const webSocketStatus = useUnifiedWebSocketStatus();\n\n const isWebSocketConnected = webSocketStatus === \"OPEN\";\n\n const { curAgentState } = useAgentState();\n\n const { t } = useTranslation(\"openhands\");\n\n const isAgentRunning = curAgentState === AgentState.RUNNING;\n\n const { data: conversation } = useActiveConversation();\n\n const queryClient = useQueryClient();\n\n // Track the last invalidated task ID to prevent duplicate invalidations\n const lastInvalidatedTaskIdRef = useRef<string \| null>(null);\n\n // Poll sub-conversation task status\n const { taskStatus, subConversationId } = useSubConversationTaskPolling(\n subConversationTaskId,\n conversation?.id \|\| null,\n );\n\n // Invalidate parent conversation cache when task is ready (only once per task)\n useEffect(() => {\n if (\n taskStatus === \"READY\" &&\n subConversationId &&\n conversation?.id &&\n subConversationTaskId &&\n lastInvalidatedTaskIdRef.current !== subConversationTaskId\n ) {\n // Mark this task as invalidated to prevent duplicate calls\n lastInvalidatedTaskIdRef.current = subConversationTaskId;\n // Invalidate the parent conversation to refetch with updated sub_conversation_ids\n queryClient.invalidateQueries({\n queryKey: [\"user\", \"conversation\", conversation.id],\n });\n }\n }, [\n taskStatus,\n subConversationId,\n conversation?.id,\n subConversationTaskId,\n queryClient,\n ]);\n\n // Get handlePlanClick and isCreatingConversation from custom hook\n const { handlePlanClick, isCreatingConversation } = useHandlePlanClick();\n\n // Close context menu when agent starts running\n useEffect(() => {\n if ((isAgentRunning \|\| !isWebSocketConnected) && contextMenuOpen) {\n setContextMenuOpen(false);\n }\n }, [isAgentRunning, contextMenuOpen, isWebSocketConnected]);\n\n const isButtonDisabled =\n isHomePage \|\|\n isAgentRunning \|\|\n isCreatingConversation \|\|\n !isWebSocketConnected;\n\n // Handle Shift + Tab keyboard shortcut to cycle through modes\n useEffect(() => {\n if (isButtonDisabled) {\n return undefined;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n // Check for Shift + Tab combination\n if (event.shiftKey && event.key === \"Tab\") {\n // Prevent default tab navigation behavior\n event.preventDefault();\n event.stopPropagation();\n\n // Cycle between modes: code -> plan -> code\n const nextMode = conversationMode === \"code\" ? \"plan\" : \"code\";\n if (nextMode === \"plan\") {\n handlePlanClick(event);\n } else {\n setConversationMode(nextMode);\n }\n }\n };\n\n document.addEventListener(\"keydown\", handleKeyDown);\n\n return () => {\n document.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [\n isButtonDisabled,\n conversationMode,\n setConversationMode,\n handlePlanClick,\n ]);\n\n const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setContextMenuOpen(!contextMenuOpen);\n };\n\n const handleCodeClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setConversationMode(\"code\");\n };\n\n const isExecutionAgent = conversationMode === \"code\";\n\n const buttonLabel = useMemo(() => {\n if (isExecutionAgent) {\n return t(I18nKey.COMMON$CODE);\n }\n return t(I18nKey.COMMON$PLAN);\n }, [isExecutionAgent, t]);\n\n const buttonIcon = useMemo(() => {\n if (isExecutionAgent) {\n return <CodePillIcon className=\"h-[11px] w-[11px] shrink-0\" />;\n }\n return <LessonPlanIcon width={18} height={18} color=\"currentColor\" />;\n }, [isExecutionAgent]);\n\n const button = (\n <div className=\"relative\">\n <button\n type=\"button\"\n onClick={handleButtonClick}\n disabled={isButtonDisabled}\n className={cn(\n \"flex items-center rounded-[100px] transition-[border-color,color,opacity]\",\n isExecutionAgent\n ? \"border border-transparent text-[var(--oh-muted)]\"\n : \"border border-[#597FF4] bg-[#4A67BD]\",\n !isButtonDisabled &&\n isExecutionAgent &&\n \"cursor-pointer hover:text-white hover:bg-white/10\",\n !isButtonDisabled &&\n !isExecutionAgent &&\n \"cursor-pointer text-white hover:bg-white/10\",\n isButtonDisabled &&\n cn(\n \"opacity-50 cursor-not-allowed\",\n isExecutionAgent && \"border-transparent\",\n ),\n )}\n >\n <div className=\"flex items-center gap-1 pl-1.5\">\n {buttonIcon}\n <Typography.Text className=\"text-2.75 not-italic font-normal leading-5\">\n {buttonLabel}\n </Typography.Text>\n </div>\n <ComboboxCaretInline isOpen={contextMenuOpen} />\n </button>\n {contextMenuOpen && (\n <ChangeAgentContextMenu\n onClose={() => setContextMenuOpen(false)}\n onCodeClick={handleCodeClick}\n onPlanClick={handlePlanClick}\n />\n )}\n </div>\n );\n\n if (isHomePage) {\n return (\n <StyledTooltip\n content={t(I18nKey.CHANGE_AGENT$SWITCH_AFTER_CONVERSATION)}\n placement=\"top\"\n >\n {button}\n </StyledTooltip>\n );\n }\n\n return button;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,IAAoB;CAClC,IAAM,CAAC,GAAiB,KAAsB,EAAkB,GAAM,EAEhE,EAAE,qBAAkB,wBAAqB,6BAC7C,GAAsB,EAElB,EAAE,sBAAmB,GAA2B,EAEhD,IAAa,CAAC,GAId,IAFkB,GAEK,KAAoB,QAE3C,EAAE,qBAAkB,GAAe,EAEnC,EAAE,SAAM,EAAe,YAAY,EAEnC,IAAiB,MAAkB,EAAW,SAE9C,EAAE,MAAM,MAAiB,GAAuB,EAEhD,IAAc,GAAgB,EAG9B,IAA2B,EAAsB,KAAK,EAGtD,EAAE,eAAY,yBAAsB,EACxC,GACA,GAAc,MAAM,KACrB;AAGD,SAAgB;AACd,EACE,MAAe,WACf,KACA,GAAc,MACd,KACA,EAAyB,YAAY,MAGrC,EAAyB,UAAU,GAEnC,EAAY,kBAAkB,EAC5B,UAAU;GAAC;GAAQ;GAAgB,EAAa;GAAG,EACpD,CAAC;IAEH;EACD;EACA;EACA,GAAc;EACd;EACA;EACD,CAAC;CAGF,IAAM,EAAE,oBAAiB,8BAA2B,GAAoB;AAGxE,SAAgB;AACd,GAAK,KAAkB,CAAC,MAAyB,KAC/C,EAAmB,GAAM;IAE1B;EAAC;EAAgB;EAAiB;EAAqB,CAAC;CAE3D,IAAM,IACJ,KACA,KACA,KACA,CAAC;AAGH,SAAgB;AACd,MAAI,EACF;EAGF,IAAM,KAAiB,MAAyB;AAE9C,OAAI,EAAM,YAAY,EAAM,QAAQ,OAAO;AAGzC,IADA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB;IAGvB,IAAM,IAAW,MAAqB,SAAS,SAAS;AACxD,IAAI,MAAa,SACf,EAAgB,EAAM,GAEtB,EAAoB,EAAS;;;AAOnC,SAFA,SAAS,iBAAiB,WAAW,EAAc,QAEtC;AACX,YAAS,oBAAoB,WAAW,EAAc;;IAEvD;EACD;EACA;EACA;EACA;EACD,CAAC;CAEF,IAAM,KAAqB,MAA+C;AAGxE,EAFA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACvB,EAAmB,CAAC,EAAgB;IAGhC,KAAmB,MAA+C;AAGtE,EAFA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACvB,EAAoB,OAAO;IAGvB,IAAmB,MAAqB,QAExC,IAAc,QAET,EADL,IACO,EAAQ,cAEV,EAAQ,YAFc,EAG9B,CAAC,GAAkB,EAAE,CAAC,EAEnB,IAAa,QACb,IACK,kBAAC,GAAD,EAAc,WAAU,8BAA+B,CAAA,GAEzD,kBAAC,GAAD;EAAgB,OAAO;EAAI,QAAQ;EAAI,OAAM;EAAiB,CAAA,EACpE,CAAC,EAAiB,CAAC,EAEhB,IACJ,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,UAAU;GACV,WAAW,EACT,6EACA,IACI,qDACA,wCACJ,CAAC,KACC,KACA,qDACF,CAAC,KACC,CAAC,KACD,+CACF,KACE,EACE,iCACA,KAAoB,qBACrB,CACJ;aApBH,CAsBE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,GACD,kBAAC,EAAW,MAAZ;KAAiB,WAAU;eACxB;KACe,CAAA,CACd;OACN,kBAAC,GAAD,EAAqB,QAAQ,GAAmB,CAAA,CACzC;MACR,KACC,kBAAC,GAAD;GACE,eAAe,EAAmB,GAAM;GACxC,aAAa;GACb,aAAa;GACb,CAAA,CAEA;;AAcR,QAXI,IAEA,kBAAC,GAAD;EACE,SAAS,EAAE,EAAQ,uCAAuC;EAC1D,WAAU;YAET;EACa,CAAA,GAIb"}

package/dist/components/features/chat/chat-interface.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../types/agent-state.cjs`),i=require(`../../../utils/utils.cjs`),a=require(`../../../hooks/use-conversation-id.cjs`),o=require(`../../../stores/conversation-store.cjs`),s=require(`../../../utils/custom-toast-handlers.cjs`),c=require(`../../../node_modules/posthog-js/react/dist/esm/index.cjs`);require(`../../../constants/server-connection-error.cjs`);const l=require(`../../../stores/error-message-store.cjs`),u=require(`../../../stores/optimistic-user-message-store.cjs`),d=require(`../../../stores/model-store.cjs`),f=require(`../../../contexts/conversation-websocket-context.cjs`),p=require(`../../../hooks/use-send-message.cjs`),m=require(`../../../hooks/query/use-active-conversation.cjs`),h=require(`../../../hooks/use-agent-state.cjs`),ee=require(`../../../utils/convert-image-to-base-64.cjs`),te=require(`../../../utils/file-validation.cjs`),g=require(`../../../utils/pending-task-message-link.cjs`),ne=require(`../../../hooks/query/use-task-polling.cjs`),re=require(`../../../services/chat-service.cjs`),ie=require(`./btw-messages.cjs`),ae=require(`./model-messages.cjs`),oe=require(`../../shared/loading-spinner.cjs`),se=require(`./interactive-chat-box.cjs`),ce=require(`../../../hooks/use-filtered-events.cjs`),le=require(`../../../hooks/use-scroll-to-bottom.cjs`),ue=require(`../../../hooks/use-load-older-events.cjs`),de=require(`./typing-indicator.cjs`),fe=require(`./chat-suggestions.cjs`),pe=require(`../../../context/scroll-context.cjs`),me=require(`../../../stores/initial-query-store.cjs`),he=require(`../../../hooks/use-handle-build-plan-click.cjs`),ge=require(`../../shared/buttons/scroll-to-bottom-button.cjs`),_e=require(`./chat-messages-skeleton.cjs`),ve=require(`./error-message-banner.cjs`),ye=require(`../../conversation-events/chat/messages.cjs`),be=require(`./pending-user-messages.cjs`),xe=require(`../../../hooks/mutation/use-unified-upload-files.cjs`),Se=require(`./confirmation-mode-enabled.cjs`),Ce=require(`./chat-status-indicator.cjs`),we=require(`../../../hooks/mutation/use-new-conversation-command.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function Te(e,t){return e?`github`:t?`replay`:`direct`}function y(){let e=c.usePostHog(),{setMessageToSend:y}=o.useConversationStore(),{errorMessage:b,removeErrorMessage:Ee,setErrorMessage:x}=l.useErrorMessageStore(),{isTask:S,taskStatus:C,taskDetail:De}=ne.useTaskPolling(),w=S,T=f.useConversationWebSocket(),{send:Oe}=p.useSendMessage(),{renderableEvents:E,allConversationEvents:ke,totalEvents:D,hasSubstantiveAgentActions:Ae,userEventsExist:je}=ce.useFilteredEvents(),Me=u.useOptimisticUserMessageStore(e=>e.enqueuePendingMessage),Ne=u.useOptimisticUserMessageStore(e=>e.markPendingMessageError),O=u.useOptimisticUserMessageStore(e=>e.pendingMessages),{t:k}=t.useTranslation(`openhands`),A=_.default.useRef(null),{scrollDomToBottom:j,onChatBodyScroll:M,hitBottom:N,autoScroll:P,setAutoScroll:Pe,setHitBottom:Fe}=le.useScrollToBottom(A),{mutate:Ie,isPending:F}=we.useNewConversationCommand(),{curAgentState:I}=h.useAgentState(),{handleBuildPlanClick:L}=he.useHandleBuildPlanClick(),{data:Le}=m.useActiveConversation(),R=Le?.sandbox_status??null,z=R===`MISSING`||R===`ERROR`,B=I===r.AgentState.RUNNING||I===r.AgentState.LOADING;_.default.useEffect(()=>{if(B)return;let e=e=>{(e.metaKey||e.ctrlKey)&&e.key===`Enter`&&(e.preventDefault(),e.stopPropagation(),L(e),j())};return document.addEventListener(`keydown`,e),()=>{document.removeEventListener(`keydown`,e)}},[B,L,j]);let{selectedRepository:Re,replayJson:V}=me.useInitialQueryStore(),{conversationId:H}=a.useOptionalConversationId(),{mutateAsync:ze}=xe.useUnifiedUploadFiles(),{isLoading:U,hasMore:W,loadOlder:G}=ue.useLoadOlderEvents(H),K=_.default.useRef(null),q=_.default.useCallback(e=>{if(w||U||!W)return;let t=e.scrollTop<=80,r=e.scrollHeight<=e.clientHeight+80;!t&&!r||(K.current={scrollHeight:e.scrollHeight,scrollTop:e.scrollTop},G().catch(e=>{K.current=null,x(e instanceof Error&&e.message?e.message:k(n.I18nKey.ERROR$GENERIC))}))},[W,U,w,G,x,k]),Be=_.default.useCallback(e=>{e.deltaY<0&&e.currentTarget.scrollTop<=0&&q(e.currentTarget)},[q]),J=_.default.useMemo(()=>H?O.some(e=>g.matchesPendingConversationId(H,e.conversationId)):!1,[O,H]),Y=ke.length>0||J||!T?.isLoadingHistory,X=!!H,Z=!Y&&!S,Ve=d.useModelStore(e=>H?(e.entriesByConversation[H]?.length??0)>0:!1),He=async(t,r,i)=>{if(t.trim()===`/new`){if(!H){s.displayErrorToast(k(n.I18nKey.CONVERSATION$CLEAR_NO_ID));return}if(D===0){s.displayErrorToast(k(n.I18nKey.CONVERSATION$CLEAR_EMPTY));return}if(F)return;Ie();return}let a=[...r],o=[...i];D===0?e.capture(`initial_query_submitted`,{entry_point:Te(Re!==null,V!==null),query_character_length:t.length,replay_json_size:V?.length}):e.capture(`user_message_sent`,{session_message_count:D,current_message_length:t.length});let c=te.validateFiles([...a,...o]);if(!c.isValid){s.displayErrorToast(`Error: ${c.errorMessage}`);return}let l=a.map(e=>ee.convertImageToBase64(e)),u=await Promise.all(l),d=new Date().toISOString(),{skipped_files:f,uploaded_files:p}=o.length>0?await ze({conversationId:H,files:o}):{skipped_files:[],uploaded_files:[]};f.forEach(e=>s.displayErrorToast(e.reason));let m=`${k(`CHAT_INTERFACE$AUGMENTED_PROMPT_FILES_TITLE`)}: ${p.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(`../../../types/agent-state.cjs`),i=require(`../../../utils/utils.cjs`),a=require(`../../../hooks/use-conversation-id.cjs`),o=require(`../../../stores/conversation-store.cjs`),s=require(`../../../utils/custom-toast-handlers.cjs`),c=require(`../../../node_modules/posthog-js/react/dist/esm/index.cjs`);require(`../../../constants/server-connection-error.cjs`);const l=require(`../../../stores/error-message-store.cjs`),u=require(`../../../stores/optimistic-user-message-store.cjs`),d=require(`../../../stores/model-store.cjs`),f=require(`../../../contexts/conversation-websocket-context.cjs`),p=require(`../../../hooks/use-send-message.cjs`),m=require(`../../../hooks/query/use-active-conversation.cjs`),h=require(`../../../hooks/use-agent-state.cjs`),ee=require(`../../../utils/convert-image-to-base-64.cjs`),te=require(`../../../utils/file-validation.cjs`),g=require(`../../../utils/pending-task-message-link.cjs`),ne=require(`../../../hooks/query/use-task-polling.cjs`),re=require(`../../../services/chat-service.cjs`),ie=require(`./btw-messages.cjs`),ae=require(`./model-messages.cjs`),oe=require(`../../shared/loading-spinner.cjs`),se=require(`../../../hooks/use-scroll-to-bottom.cjs`),ce=require(`../../../context/scroll-context.cjs`),le=require(`./interactive-chat-box.cjs`),ue=require(`../../../hooks/use-filtered-events.cjs`),de=require(`../../../hooks/use-load-older-events.cjs`),fe=require(`./typing-indicator.cjs`),pe=require(`./chat-suggestions.cjs`),me=require(`../../../stores/initial-query-store.cjs`),he=require(`../../../hooks/use-handle-build-plan-click.cjs`),ge=require(`../../shared/buttons/scroll-to-bottom-button.cjs`),_e=require(`./chat-messages-skeleton.cjs`),ve=require(`./error-message-banner.cjs`),ye=require(`../../conversation-events/chat/messages.cjs`),be=require(`./pending-user-messages.cjs`),xe=require(`../../../hooks/mutation/use-unified-upload-files.cjs`),Se=require(`./confirmation-mode-enabled.cjs`),Ce=require(`./chat-status-indicator.cjs`),we=require(`../../../hooks/mutation/use-new-conversation-command.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function Te(e,t){return e?`github`:t?`replay`:`direct`}function y(){let e=c.usePostHog(),{setMessageToSend:y}=o.useConversationStore(),{errorMessage:b,removeErrorMessage:Ee,setErrorMessage:x}=l.useErrorMessageStore(),{isTask:S,taskStatus:C,taskDetail:De}=ne.useTaskPolling(),w=S,T=f.useConversationWebSocket(),{send:Oe}=p.useSendMessage(),{renderableEvents:E,allConversationEvents:ke,totalEvents:D,hasSubstantiveAgentActions:Ae,userEventsExist:je}=ue.useFilteredEvents(),Me=u.useOptimisticUserMessageStore(e=>e.enqueuePendingMessage),Ne=u.useOptimisticUserMessageStore(e=>e.markPendingMessageError),O=u.useOptimisticUserMessageStore(e=>e.pendingMessages),{t:k}=t.useTranslation(`openhands`),A=_.default.useRef(null),{scrollDomToBottom:j,onChatBodyScroll:M,hitBottom:N,autoScroll:P,setAutoScroll:Pe,setHitBottom:Fe}=se.useScrollToBottom(A),{mutate:Ie,isPending:F}=we.useNewConversationCommand(),{curAgentState:I}=h.useAgentState(),{handleBuildPlanClick:L}=he.useHandleBuildPlanClick(),{data:Le}=m.useActiveConversation(),R=Le?.sandbox_status??null,z=R===`MISSING`||R===`ERROR`,B=I===r.AgentState.RUNNING||I===r.AgentState.LOADING;_.default.useEffect(()=>{if(B)return;let e=e=>{(e.metaKey||e.ctrlKey)&&e.key===`Enter`&&(e.preventDefault(),e.stopPropagation(),L(e),j())};return document.addEventListener(`keydown`,e),()=>{document.removeEventListener(`keydown`,e)}},[B,L,j]);let{selectedRepository:Re,replayJson:V}=me.useInitialQueryStore(),{conversationId:H}=a.useOptionalConversationId(),{mutateAsync:ze}=xe.useUnifiedUploadFiles(),{isLoading:U,hasMore:W,loadOlder:G}=de.useLoadOlderEvents(H),K=_.default.useRef(null),q=_.default.useCallback(e=>{if(w||U||!W)return;let t=e.scrollTop<=80,r=e.scrollHeight<=e.clientHeight+80;!t&&!r||(K.current={scrollHeight:e.scrollHeight,scrollTop:e.scrollTop},G().catch(e=>{K.current=null,x(e instanceof Error&&e.message?e.message:k(n.I18nKey.ERROR$GENERIC))}))},[W,U,w,G,x,k]),Be=_.default.useCallback(e=>{e.deltaY<0&&e.currentTarget.scrollTop<=0&&q(e.currentTarget)},[q]),J=_.default.useMemo(()=>H?O.some(e=>g.matchesPendingConversationId(H,e.conversationId)):!1,[O,H]),Y=ke.length>0||J||!T?.isLoadingHistory,X=!!H,Z=!Y&&!S,Ve=d.useModelStore(e=>H?(e.entriesByConversation[H]?.length??0)>0:!1),He=async(t,r,i)=>{if(t.trim()===`/new`){if(!H){s.displayErrorToast(k(n.I18nKey.CONVERSATION$CLEAR_NO_ID));return}if(D===0){s.displayErrorToast(k(n.I18nKey.CONVERSATION$CLEAR_EMPTY));return}if(F)return;Ie();return}let a=[...r],o=[...i];D===0?e.capture(`initial_query_submitted`,{entry_point:Te(Re!==null,V!==null),query_character_length:t.length,replay_json_size:V?.length}):e.capture(`user_message_sent`,{session_message_count:D,current_message_length:t.length});let c=te.validateFiles([...a,...o]);if(!c.isValid){s.displayErrorToast(`Error: ${c.errorMessage}`);return}let l=a.map(e=>ee.convertImageToBase64(e)),u=await Promise.all(l),d=new Date().toISOString(),{skipped_files:f,uploaded_files:p}=o.length>0?await ze({conversationId:H,files:o}):{skipped_files:[],uploaded_files:[]};f.forEach(e=>s.displayErrorToast(e.reason));let m=`${k(`CHAT_INTERFACE$AUGMENTED_PROMPT_FILES_TITLE`)}: ${p.join(`
-`)}`,h=p.length>0?`${t}\n\n${m}`:t,g=Me({conversationId:H,text:t,content:h,imageUrls:u,fileUrls:p,timestamp:d});y(``);try{await Oe(re.createChatMessage(h,u,p,d))}catch(e){Ne(g,e instanceof Error?e.message:`Failed to send message`)}};_.default.useEffect(()=>{if(K.current&&A.current){let{scrollHeight:e,scrollTop:t}=K.current,n=A.current,r=n.scrollHeight-e;r>0&&(n.scrollTop=t+r),K.current=null;return}P&&j()},[E.length,J,j]);let Ue=_.default.useRef(q);_.default.useEffect(()=>{Ue.current=q}),_.default.useEffect(()=>{let e=A.current;e&&Ue.current(e)},[E.length,W]);let We={scrollRef:A,autoScroll:P,setAutoScroll:Pe,scrollDomToBottom:j,hitBottom:N,setHitBottom:Fe,onChatBodyScroll:M},Q=I===r.AgentState.LOADING||I===r.AgentState.INIT,Ge=I===r.AgentState.STOPPED,$=I===r.AgentState.PAUSED,Ke=i.getStatusColor({isPausing:$,isTask:S,taskStatus:C,isStartingStatus:Q,isStopStatus:Ge,curAgentState:I}),qe=i.getStatusText({isPausing:$,isTask:S,taskStatus:C,taskDetail:De,isStartingStatus:Q,isStopStatus:Ge,curAgentState:I,errorMessage:b,t:k});return(0,v.jsx)(pe.ScrollProvider,{value:We,children:(0,v.jsxs)(`div`,{className:`relative flex h-full flex-col justify-between px-4`,"data-testid":`chat-interface`,children:[!Ae&&!J&&!je&&!Ve&&!Z&&!w&&D===0&&!z&&(0,v.jsx)(fe.ChatSuggestions,{onSuggestionsClick:e=>y(e)}),(0,v.jsxs)(`div`,{ref:A,onScroll:e=>{M(e.currentTarget),q(e.currentTarget)},onWheel:Be,className:`custom-scrollbar-always flex min-h-0 grow flex-col gap-2 overflow-x-hidden overflow-y-auto px-0 pt-4 pb-8 md:px-4`,children:[Z&&X&&(0,v.jsx)(_e.ChatMessagesSkeleton,{}),Z&&!X&&(0,v.jsx)(`div`,{className:`flex justify-center`,"data-testid":`loading-spinner`,children:(0,v.jsx)(oe.LoadingSpinner,{size:`small`})}),U&&(0,v.jsxs)(`div`,{className:`flex items-center justify-center gap-2 py-3 text-sm text-neutral-400`,"data-testid":`loading-older-events`,children:[(0,v.jsx)(oe.LoadingSpinner,{size:`small`}),(0,v.jsx)(`span`,{children:k(n.I18nKey.CHAT_INTERFACE$FETCHING_OLDER_MESSAGES)})]}),(0,v.jsx)(ae.ModelMessages,{conversationId:H,anchorEventId:null}),Y&&E.length>0&&(0,v.jsx)(ye.Messages,{messages:E,allEvents:ke}),(0,v.jsx)(be.PendingUserMessages,{})]}),(0,v.jsxs)(`div`,{className:`flex shrink-0 flex-col gap-[6px]`,children:[(0,v.jsx)(ie.BtwMessages,{conversationId:H}),b&&(0,v.jsx)(ve.ErrorMessageBanner,{message:b,onDismiss:Ee,onRetry:b===`Unable to connect to server`?()=>T?.reconnect():void 0}),z?(0,v.jsxs)(`div`,{"data-testid":`archived-conversation-banner`,className:`mx-1 px-4 py-3 rounded-lg bg-[var(--oh-surface)] border border-[var(--oh-border-subtle)]`,children:[(0,v.jsx)(`p`,{className:`text-xs font-semibold text-[var(--oh-foreground)]`,children:k(R===`ERROR`?n.I18nKey.CHAT_INTERFACE$ERROR_SANDBOX_TITLE:n.I18nKey.CHAT_INTERFACE$ARCHIVED_SANDBOX_TITLE)}),(0,v.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)] mt-0.5`,children:k(R===`ERROR`?n.I18nKey.CHAT_INTERFACE$ERROR_SANDBOX_DESCRIPTION:n.I18nKey.CHAT_INTERFACE$ARCHIVED_SANDBOX_DESCRIPTION)})]}):(0,v.jsxs)(`div`,{className:`relative`,children:[(0,v.jsx)(`div`,{className:`pointer-events-none absolute inset-x-0 bottom-full mb-1 z-20`,children:(0,v.jsxs)(`div`,{className:`flex justify-between relative`,children:[(0,v.jsxs)(`div`,{className:`flex items-end gap-1 pointer-events-auto`,children:[(0,v.jsx)(Se.default,{}),Q&&(0,v.jsx)(Ce.default,{statusColor:Ke,status:qe})]}),N?I===r.AgentState.RUNNING&&(0,v.jsx)(`div`,{className:`absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto`,children:(0,v.jsx)(de.TypingIndicator,{})}):(0,v.jsx)(`div`,{className:`absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto`,children:(0,v.jsx)(ge.ScrollToBottomButton,{onClick:j})})]})}),(0,v.jsx)(se.InteractiveChatBox,{onSubmit:He,disabled:F})]})]})]})})}exports.ChatInterface=y;
+`)}`,h=p.length>0?`${t}\n\n${m}`:t,g=Me({conversationId:H,text:t,content:h,imageUrls:u,fileUrls:p,timestamp:d});j(),y(``);try{await Oe(re.createChatMessage(h,u,p,d))}catch(e){Ne(g,e instanceof Error?e.message:`Failed to send message`)}};_.default.useEffect(()=>{if(K.current&&A.current){let{scrollHeight:e,scrollTop:t}=K.current,n=A.current,r=n.scrollHeight-e;r>0&&(n.scrollTop=t+r),K.current=null;return}P&&j()},[E.length,J,j]);let Ue=_.default.useRef(q);_.default.useEffect(()=>{Ue.current=q}),_.default.useEffect(()=>{let e=A.current;e&&Ue.current(e)},[E.length,W]);let We={scrollRef:A,autoScroll:P,setAutoScroll:Pe,scrollDomToBottom:j,hitBottom:N,setHitBottom:Fe,onChatBodyScroll:M},Q=I===r.AgentState.LOADING||I===r.AgentState.INIT,Ge=I===r.AgentState.STOPPED,$=I===r.AgentState.PAUSED,Ke=i.getStatusColor({isPausing:$,isTask:S,taskStatus:C,isStartingStatus:Q,isStopStatus:Ge,curAgentState:I}),qe=i.getStatusText({isPausing:$,isTask:S,taskStatus:C,taskDetail:De,isStartingStatus:Q,isStopStatus:Ge,curAgentState:I,errorMessage:b,t:k});return(0,v.jsx)(ce.ScrollProvider,{value:We,children:(0,v.jsxs)(`div`,{className:`relative flex h-full flex-col justify-between px-4`,"data-testid":`chat-interface`,children:[!Ae&&!J&&!je&&!Ve&&!Z&&!w&&D===0&&!z&&(0,v.jsx)(pe.ChatSuggestions,{onSuggestionsClick:e=>y(e)}),(0,v.jsxs)(`div`,{ref:A,"data-testid":`chat-scroll-container`,onScroll:e=>{M(e.currentTarget),q(e.currentTarget)},onWheel:Be,className:`custom-scrollbar-always flex min-h-0 grow flex-col gap-2 overflow-x-hidden overflow-y-auto px-0 pt-4 pb-8 md:px-4`,children:[Z&&X&&(0,v.jsx)(_e.ChatMessagesSkeleton,{}),Z&&!X&&(0,v.jsx)(`div`,{className:`flex justify-center`,"data-testid":`loading-spinner`,children:(0,v.jsx)(oe.LoadingSpinner,{size:`small`})}),U&&(0,v.jsxs)(`div`,{className:`flex items-center justify-center gap-2 py-3 text-sm text-neutral-400`,"data-testid":`loading-older-events`,children:[(0,v.jsx)(oe.LoadingSpinner,{size:`small`}),(0,v.jsx)(`span`,{children:k(n.I18nKey.CHAT_INTERFACE$FETCHING_OLDER_MESSAGES)})]}),(0,v.jsx)(ae.ModelMessages,{conversationId:H,anchorEventId:null}),Y&&E.length>0&&(0,v.jsx)(ye.Messages,{messages:E,allEvents:ke}),(0,v.jsx)(be.PendingUserMessages,{})]}),(0,v.jsxs)(`div`,{className:`flex shrink-0 flex-col gap-[6px]`,children:[(0,v.jsx)(ie.BtwMessages,{conversationId:H}),b&&(0,v.jsx)(ve.ErrorMessageBanner,{message:b,onDismiss:Ee,onRetry:b===`Unable to connect to server`?()=>T?.reconnect():void 0}),z?(0,v.jsxs)(`div`,{"data-testid":`archived-conversation-banner`,className:`mx-1 px-4 py-3 rounded-lg bg-[var(--oh-surface)] border border-[var(--oh-border-subtle)]`,children:[(0,v.jsx)(`p`,{className:`text-xs font-semibold text-[var(--oh-foreground)]`,children:k(R===`ERROR`?n.I18nKey.CHAT_INTERFACE$ERROR_SANDBOX_TITLE:n.I18nKey.CHAT_INTERFACE$ARCHIVED_SANDBOX_TITLE)}),(0,v.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)] mt-0.5`,children:k(R===`ERROR`?n.I18nKey.CHAT_INTERFACE$ERROR_SANDBOX_DESCRIPTION:n.I18nKey.CHAT_INTERFACE$ARCHIVED_SANDBOX_DESCRIPTION)})]}):(0,v.jsxs)(`div`,{className:`relative`,children:[(0,v.jsx)(`div`,{className:`pointer-events-none absolute inset-x-0 bottom-full mb-1 z-20`,children:(0,v.jsxs)(`div`,{className:`flex justify-between relative`,children:[(0,v.jsxs)(`div`,{className:`flex items-end gap-1 pointer-events-auto`,children:[(0,v.jsx)(Se.default,{}),Q&&(0,v.jsx)(Ce.default,{statusColor:Ke,status:qe})]}),N?I===r.AgentState.RUNNING&&(0,v.jsx)(`div`,{className:`absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto`,children:(0,v.jsx)(fe.TypingIndicator,{})}):(0,v.jsx)(`div`,{className:`absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto`,children:(0,v.jsx)(ge.ScrollToBottomButton,{onClick:j})})]})}),(0,v.jsx)(le.InteractiveChatBox,{onSubmit:He,disabled:F})]})]})]})})}exports.ChatInterface=y;
 //# sourceMappingURL=chat-interface.cjs.map