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

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

@@ -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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"}
+{"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":";;;;;;;AA6CA,IAAM,KAAgB,MAAgB,KAAK,MAAM,KAAK,UAAU,EAAM,CAAC,EAI1D,IACX,0CAEI,UAAkD;AACtD,KAAI,OAAO,SAAW,IAAa,QAAO;AAC1C,KAAI;EACF,IAAM,IAAM,OAAO,aAAa,QAAQ,EAA4B;AACpE,MAAI,CAAC,EAAK,QAAO;EACjB,IAAM,IAAkB,KAAK,MAAM,EAAI;AAEvC,SADK,MAAM,QAAQ,EAAO,GACnB,EAAO,QAAQ,MAAmB,OAAO,KAAM,SAAS,GAD5B;SAE7B;AACN,SAAO;;GAIL,KAA6B,MAA2B;AACxD,cAAO,SAAW,KACtB,KAAI;AACF,SAAO,aAAa,QAClB,GACA,KAAK,UAAU,EAAO,CACvB;SACK;GAKJ,KACJ,GACA,OACI;CAAE,GAAI,KAAQ,EAAE;CAAG,GAAI,KAAQ,EAAE;CAAG;AAK1C,eAAe,EACb,GACA,IAAqB,GACrB,IAAsB,KACV;AACZ,MAAK,IAAI,IAAU,GAAG,IAAU,GAAY,KAAW,EACrD,KAAI;AACF,SAAO,MAAM,GAAI;UACV,GAAO;AACd,MAAI,KAAW,IAAa,EAC1B,OAAM;EAGR,IAAM,IAAQ,IAAc,KAAK;AAEjC,QAAM,IAAI,SAAe,MAAY;AACnC,cAAW,GAAS,EAAM;IAC1B;;AAIN,OAAU,MAAM,2BAA2B;;AAO7C,IAAI,IAOA;CACF,UAAU;CACV,WAAW;CACX,WAAW;CACZ,EAEK,IAAe,MAAS,KAExB,UAAqB,KAAK,KAAK,GAAG,EAAc,YAAY,GAE5D,UAAmB;AACvB,KAAgB;EAAE,UAAU;EAAM,WAAW;EAAM,WAAW;EAAG;GAM7D,KACJ,MACsB;CAItB,IAAM,IAA6B;EACjC,gBAJoB,EAAS,kBAAkB,EAAE;EAKjD,uBAJ2B,EAAS,yBAAyB,EAAE;EAK/D,iBAAiB,EAAS;EAC3B,EAIK,IAAS,GAA0B;AAKzC,QAJI,MAAW,SACb,EAAQ,kBAAkB,IAGrB;GAOH,KAAuB,MAA0C;CACrE,IAAM,IAAgB,EACpB,EAAiB,kBAAkB,EAAE,EACrC,EAAS,kBAAkB,EAAE,CAC9B,EACK,IAAuB,EAC3B,EAAiB,yBAAyB,EAAE,EAC5C,EAAS,yBAAyB,EAAE,CACrC,EAKK,IAAiB,GAA0B,EAE3C,IAAS;EACb,GAAG,EAAU,EAAiB;EAC9B,GAAG;EACH,GAAG;EACH,qBAAqB;GACnB,GAAI,EAAiB,uBAAuB,EAAE;GAC9C,GAAI,EAAS,uBAAuB,EAAE;GACvC;EACD,gBAAgB;EAChB,uBAAuB;EACxB,EAEK,IAAM,EAAc,KACpB,IAAY,EAAc;AA0ChC,QAtCI,OAAO,EAAc,SAAU,aACjC,EAAO,QAAQ,EAAc,QAE3B,OAAO,GAAK,SAAU,YAAY,EAAI,MAAM,SAAS,MACvD,EAAO,YAAY,EAAI,QAErB,OAAO,GAAK,YAAa,aAC3B,EAAO,eAAe,EAAI,WAIxB,OAAO,GAAW,WAAY,cAChC,EAAO,2BAA2B,EAAU,UAE1C,OAAO,GAAW,YAAa,aACjC,EAAO,qBAAqB,EAAU,WAEpC,EAAc,eAChB,EAAO,aAAa,EAAc,aAGhC,OAAO,EAAqB,qBAAsB,cACpD,EAAO,oBAAoB,EAAqB,qBAGhD,OAAO,EAAqB,qBAAsB,YAClD,EAAqB,sBAAsB,UAE3C,EAAO,oBAAoB,EAAqB,oBAI9C,OAAO,EAAqB,kBAAmB,aACjD,EAAO,iBAAiB,EAAqB,iBAG/C,EAAO,qBAAqB,CAAC,CAAC,EAAO,gBAE9B;GAGH,IAAN,MAAM,EAAgB;CASpB,aAAa,qBACX,GAC8B;AAC9B,SAAO,QACL,IAAI,EAAe,GAA6B,CAAC,CAAC,YAAY,EAC5D,kBACD,CAAC,CACH;;CAOH,aAAa,cAAiC;AAO5C,MAAI,GAAkB,CAAC,QAAQ,SAAS,QACtC,KAAI;AAEF,UAAO,EAAoB,MADP,QAAgB,GAAoB,CAAC,CACxB;WAC1B,GAAO;AAEd,UADA,QAAQ,KAAK,mDAAmD,EAAM,EAC/D,EAAoB,EAAE,CAAC;;AAKlC,MAAI,GAAc,IAAI,EAAc,SAClC,QAAO,EAAoB,EAAqB,EAAc,SAAS,CAAC;AAG1E,MAAI;GACF,IAAM,IAAW,MAAM,KAAK,sBAAsB;AAGlD,UAFA,EAAc,WAAW,GACzB,EAAc,YAAY,KAAK,KAAK,EAC7B,EAAoB,EAAqB,EAAS,CAAC;WACnD,GAAO;AAGd,UADA,QAAQ,KAAK,sDAAsD,EAAM,EAClE,EAAoB,EAAE,CAAC;;;CAYlC,aAAa,6BAIV;AAED,MAAI,GAAc,IAAI,EAAc,UAClC,QAAO;GACL,eAAe,EAAc,UAAU;GACvC,sBAAsB,EAAc,UAAU;GAC9C,kBAAkB;GACnB;EAKH,IAAM,IAAW,MAAM,KAAK,qBAAqB,YAAY;AAK7D,SAJA,EAAc,YAAY,GAC1B,AACE,EAAc,cAAY,KAAK,KAAK,EAE/B;GACL,eAAe,EAAS;GACxB,sBAAsB,EAAS;GAC/B,kBAAkB;GACnB;;CAGH,aAAa,oBAA6C;AAIxD,SAHI,GAAkB,CAAC,QAAQ,SAAS,UAC9B,MAAM,GAA0B,GAElC,MAAM,IAAI,EAChB,GAA6B,CAC9B,CAAC,gBAAgB;;CAGpB,aAAa,gCAAyD;AAIpE,SAHI,GAAkB,CAAC,QAAQ,SAAS,UAC9B,MAAM,GAAsC,GAE9C,MAAM,IAAI,EAChB,GAA6B,CAC9B,CAAC,uBAAuB;;CAO3B,aAAa,aACX,GACkB;EAMlB,IAAM,EAAE,WAAW,GAAgB,YAAS,EAC1C,EACD,EACK,IAAoB,OAAO,KAAK,EAAe,CAAC,SAAS;AAC/D,EAAI,KACF,EAA0B,EAAe;EAG3C,IAAM,IAAiC,EAAE,EAGnC,IAAoB,EAAK;AAG/B,EAAI,KAAqB,OAAO,KAAK,EAAkB,CAAC,SAAS,MAC/D,EAAQ,sBAAsB;EAIhC,IAAM,IAA2B,EAAK;AAGtC,EACE,KACA,OAAO,KAAK,EAAyB,CAAC,SAAS,MAE/C,EAAQ,6BAA6B;EAIvC,IAAM,IAAiB,EAAK;AAC5B,EAAI,MAAM,QAAQ,EAAe,KAC/B,EAAQ,kBAAkB;EAG5B,IAAM,IAAU,GAAkB,CAAC,QAAQ,SAAS,SAiB9C,IAAY,EAAQ,qBAKpB,IACJ,CAAC,CAAC,KAAa,gBAAgB,KAAa,EAAU,eAAe,MAgBnE;AACJ,MAAI,EACF,KAAI;AACF,GASE,IATE,KAIkB,MAHD,GAAoB,GAGd,gBAAgB,cAKrB,MAHD,EAAgB,sBAAsB,GAGhC,gBAAgB;UAErC;AAMV,MAAI,GAAS;AAMX,OAAI,EAJA,EAAQ,uBACR,EAAQ,8BACV,EAAQ,oBAAoB,KAAA,KAC5B,GAEA,QAAO;AAET,GAAI,KACF,MAAM,QACJ,EAAkB,EAChB,qBAAqB,EAAE,YAAY,MAAM,EAC1C,CAAC,CACH;AAEH,OAAI;AACF,UAAM,QACJ,EAAkB;KAChB,GAAG;KACH,GAAI,IAAoB,EAAE,iBAAiB,GAAgB,GAAG,EAAE;KACjE,CAAC,CACH;YACM,GAAK;AACZ,QAAI,KAAoB,EAKtB,KAAI;AACF,WAAM,EAAkB,EACtB,qBAAqB,EACnB,YAAY,GACb,EACF,CAAC;YACI;AAIV,UAAM;;SAEH;AAKL,GAAI,MAAM,QAAQ,EAAe,IAC/B,EAA0B,EAAe;GAE3C,IAAM,IAAe,EAAE,GAAG,GAAS;AAKnC,OAJA,OAAO,EAAa,iBAIhB,EAFA,EAAa,uBACb,EAAa,4BAOf,QALI,KAGF,GAAY,EAEP;AAET,GAAI,KACF,MAAM,QACJ,IAAI,EAAe,GAA6B,CAAC,CAAC,eAAe,EAC/D,qBAAqB,EAAE,YAAY,MAAM,EAC1C,CAAC,CACH;AAEH,OAAI;AACF,UAAM,QACJ,IAAI,EAAe,GAA6B,CAAC,CAAC,eAChD,EACD,CACF;YACM,GAAK;AACZ,QAAI,KAAoB,EAEtB,KAAI;AACF,WAAM,IAAI,EACR,GAA6B,CAC9B,CAAC,eAAe,EACf,qBAAqB,EACnB,YAAY,GACb,EACF,CAAC;YACI;AAIV,UAAM;;;AAOV,SAFA,GAAY,EAEL;;CAOT,OAAO,kBAAwB;AAC7B,KAAY"}

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

@@ -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

@@ -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/backends/backend-selector.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../utils/utils.cjs`),i=require(`../../../stores/conversation-store.cjs`),a=require(`../../../contexts/active-backend-context.cjs`),o=require(`../../../node_modules/lucide-react/dist/esm/icons/plus.cjs`),s=require(`../../../node_modules/lucide-react/dist/esm/icons/settings.cjs`),c=require(`../../../utils/form-control-classes.cjs`),l=require(`../../shared/buttons/styled-tooltip.cjs`),u=require(`../../../hooks/query/use-cloud-organizations.cjs`),d=require(`../../../hooks/query/use-cloud-current-user-id.cjs`),f=require(`../../../ui/dropdown/dropdown.cjs`),p=require(`../../../hooks/query/use-backends-health.cjs`),m=require(`./environment-switch-store.cjs`),h=require(`./backend-status-dot.cjs`),g=require(`./add-backend-modal.cjs`),_=require(`./manage-backends-modal.cjs`);let v=require(`react`);v=e.__toESM(v,1);let y=require(`react/jsx-runtime`),b=require(`react-router`);var x=`::`;function S(e,t){return t?`${e}${x}${t}`:e}function C(e){let[t,n]=e.split(x);return{backendId:t,orgId:n??null}}function w(e){return(0,y.jsx)(h.BackendStatusDot,{isConnected:e?.isConnected??null})}function T(e,t,n,r,i){let a=[],o=e.filter(e=>e.kind===`local`),s=e.filter(e=>e.kind===`cloud`);for(let e of o)a.push({value:S(e.id,null),label:e.name,prefix:w(i[e.id])});for(let e of s){let o=n[e.id],s=w(i[e.id]);if(!o||o.orgs.length===0)a.push({value:S(e.id,null),label:e.name,prefix:s});else{let n=r[e.id]?.userId??null;for(let r of o.orgs){let i=n&&n===r.id?t:r.name;a.push({value:S(e.id,r.id),label:`${e.name} – ${i}`,prefix:s})}}}return a}function E({openUpward:e=!1,hideTrigger:h=!1,defaultOpen:x=!1,onSelectOption:E,onOpenAddBackend:D,onOpenManageBackends:O,sidebarCollapsed:k=!1}={}){let{t:A}=t.useTranslation(`openhands`),{backends:j,active:M,setActive:N}=a.useActiveBackendContext(),P=u.useAllCloudOrganizations(),F=d.useCloudCurrentUserId(),I=p.useBackendsHealth(j),L=(0,b.useNavigate)(),R=(0,b.useMatch)(`/settings`),z=(0,b.useMatch)(`/settings/*`),B=(0,b.useMatch)(`/conversations/:conversationId`),V=(0,b.useMatch)(`/automations/:automationId`),[H,U]=v.default.useState(!1),[W,G]=v.default.useState(!1),K=A(n.I18nKey.BACKEND$PERSONAL_WORKSPACE),q=v.default.useMemo(()=>T(j,K,P,F,I),[j,K,P,F,I]),J=S(M.backend.id,M.orgId),Y=q.find(e=>e.value===J),X=!!(R||z),Z=A(n.I18nKey.SIDEBAR$SETTINGS),Q=i.useConversationStore(e=>e.isRightPanelShown),ee=!k||B&&Q?`top`:`left`,te=Object.values(P).some(e=>e.isLoading);v.default.useEffect(()=>{if(M.backend.kind!==`cloud`||M.orgId)return;let{backend:e}=M,t=P[e.id];if(!t||t.orgs.length===0)return;let n=F[e.id]?.userId??null,r=(n?t.orgs.find(e=>e.id===n):void 0)??t.orgs[0];r&&N(e.id,r.id)},[M,P,F,N]);let ne=v.default.useCallback(()=>{if(D){D(),E?.();return}U(!0)},[D,E]),re=v.default.useCallback(()=>{if(O){O(),E?.();return}G(!0)},[O,E]),$=v.default.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),ie=(0,y.jsxs)(`div`,{className:`flex flex-col`,children:[(0,y.jsxs)(`button`,{type:`button`,"data-testid":`add-backend-menu-item`,onMouseDown:$,onClick:ne,className:`flex w-full items-center gap-2 px-2 py-2 rounded-md text-sm cursor-pointer text-white hover:bg-[var(--oh-interactive-hover)]`,children:[(0,y.jsx)(o.Plus,{width:16,height:16,className:`text-white shrink-0`}),A(n.I18nKey.BACKEND$ADD)]}),(0,y.jsxs)(`button`,{type:`button`,"data-testid":`manage-backends-menu-item`,onMouseDown:$,onClick:re,className:`flex w-full items-center gap-2 px-2 py-2 rounded-md text-sm cursor-pointer text-white hover:bg-[var(--oh-interactive-hover)]`,children:[(0,y.jsx)(s.Settings,{width:16,height:16,className:`text-white shrink-0`}),A(n.I18nKey.BACKEND$MANAGE)]})]}),ae=v.default.useCallback(async e=>{if(e===J)return;let{backendId:t,orgId:n}=C(e),r=j.find(e=>e.id===t);r&&(m.triggerEnvironmentSwitch(q.find(t=>t.value===e)?.label??r.name),await new Promise(e=>{setTimeout(e,400)}),B?L(`/conversations`):V&&L(`/automations`),N(r.id,n),E?.())},[J,j,B,V,L,q,N,A,E]);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(`div`,{className:`flex items-center gap-2 w-full`,children:[(0,y.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,y.jsx)(f.Dropdown,{testId:`backend-selector`,defaultValue:Y??{value:J,label:M.backend.name,prefix:w(I[M.backend.id])},footer:ie,openUpward:e,hideTrigger:h,defaultOpen:x,openOnHover:!h,onChange:e=>{e&&ae(e.value)},placeholder:M.backend.name,loading:te,options:q,className:`h-10 px-2 py-0 bg-transparent border-transparent hover:bg-[var(--oh-surface-raised)] focus-within:bg-[var(--oh-surface-raised)] focus-within:border-transparent focus-within:ring-0`},`${J}-${Y?.label??``}`)}),h?null:(0,y.jsx)(l.StyledTooltip,{content:Z,placement:ee,offset:10,children:(0,y.jsx)(`button`,{type:`button`,"data-testid":`backend-selector-settings-link`,"data-active":X,"aria-label":Z,onClick:()=>L(`/settings`),className:X?r.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer`,c.formControlTransitionClassName):r.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer`,c.formControlTransitionClassName),children:(0,y.jsx)(s.Settings,{width:16,height:16})})})]}),H?(0,y.jsx)(g.AddBackendModal,{onClose:()=>U(!1)}):null,W?(0,y.jsx)(_.ManageBackendsModal,{onClose:()=>G(!1)}):null]})}exports.BackendSelector=E;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../utils/utils.cjs`),i=require(`../../../stores/conversation-store.cjs`),a=require(`../../../contexts/active-backend-context.cjs`),o=require(`../../../node_modules/lucide-react/dist/esm/icons/plus.cjs`),s=require(`../../../node_modules/lucide-react/dist/esm/icons/settings.cjs`),c=require(`../../../utils/form-control-classes.cjs`),l=require(`../../shared/buttons/styled-tooltip.cjs`),u=require(`../../shared/navigation-link.cjs`),d=require(`../../../hooks/query/use-cloud-organizations.cjs`),f=require(`../../../hooks/query/use-cloud-current-user-id.cjs`),p=require(`../../../ui/dropdown/dropdown.cjs`),m=require(`../../../hooks/query/use-backends-health.cjs`),h=require(`./environment-switch-store.cjs`),g=require(`./backend-status-dot.cjs`),_=require(`./add-backend-modal.cjs`),v=require(`./manage-backends-modal.cjs`);let y=require(`react`);y=e.__toESM(y,1);let b=require(`react/jsx-runtime`),x=require(`react-router`);var S=`::`;function C(e,t){return t?`${e}${S}${t}`:e}function w(e){let[t,n]=e.split(S);return{backendId:t,orgId:n??null}}function T(e){return(0,b.jsx)(g.BackendStatusDot,{isConnected:e?.isConnected??null})}function E(e,t,n,r,i){let a=[],o=e.filter(e=>e.kind===`local`),s=e.filter(e=>e.kind===`cloud`);for(let e of o)a.push({value:C(e.id,null),label:e.name,prefix:T(i[e.id])});for(let e of s){let o=n[e.id],s=T(i[e.id]);if(!o||o.orgs.length===0)a.push({value:C(e.id,null),label:e.name,prefix:s});else{let n=r[e.id]?.userId??null;for(let r of o.orgs){let i=n&&n===r.id?t:r.name;a.push({value:C(e.id,r.id),label:`${e.name} – ${i}`,prefix:s})}}}return a}function D({openUpward:e=!1,hideTrigger:g=!1,defaultOpen:S=!1,onSelectOption:D,onOpenAddBackend:O,onOpenManageBackends:k,sidebarCollapsed:A=!1}={}){let{t:j}=t.useTranslation(`openhands`),{backends:M,active:N,setActive:P}=a.useActiveBackendContext(),F=d.useAllCloudOrganizations(),I=f.useCloudCurrentUserId(),L=m.useBackendsHealth(M),R=(0,x.useNavigate)(),z=(0,x.useMatch)(`/settings`),B=(0,x.useMatch)(`/settings/*`),V=(0,x.useMatch)(`/conversations/:conversationId`),H=(0,x.useMatch)(`/automations/:automationId`),[U,W]=y.default.useState(!1),[G,K]=y.default.useState(!1),q=j(n.I18nKey.BACKEND$PERSONAL_WORKSPACE),J=y.default.useMemo(()=>E(M,q,F,I,L),[M,q,F,I,L]),Y=C(N.backend.id,N.orgId),X=J.find(e=>e.value===Y),Z=!!(z||B),Q=j(n.I18nKey.SIDEBAR$SETTINGS),ee=i.useConversationStore(e=>e.isRightPanelShown),te=!A||V&&ee?`top`:`left`,ne=Object.values(F).some(e=>e.isLoading);y.default.useEffect(()=>{if(N.backend.kind!==`cloud`||N.orgId)return;let{backend:e}=N,t=F[e.id];if(!t||t.orgs.length===0)return;let n=I[e.id]?.userId??null,r=(n?t.orgs.find(e=>e.id===n):void 0)??t.orgs[0];r&&P(e.id,r.id)},[N,F,I,P]);let re=y.default.useCallback(()=>{if(O){O(),D?.();return}W(!0)},[O,D]),ie=y.default.useCallback(()=>{if(k){k(),D?.();return}K(!0)},[k,D]),$=y.default.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),ae=(0,b.jsxs)(`div`,{className:`flex flex-col`,children:[(0,b.jsxs)(`button`,{type:`button`,"data-testid":`add-backend-menu-item`,onMouseDown:$,onClick:re,className:`flex w-full items-center gap-2 px-2 py-2 rounded-md text-sm cursor-pointer text-white hover:bg-[var(--oh-interactive-hover)]`,children:[(0,b.jsx)(o.Plus,{width:16,height:16,className:`text-white shrink-0`}),j(n.I18nKey.BACKEND$ADD)]}),(0,b.jsxs)(`button`,{type:`button`,"data-testid":`manage-backends-menu-item`,onMouseDown:$,onClick:ie,className:`flex w-full items-center gap-2 px-2 py-2 rounded-md text-sm cursor-pointer text-white hover:bg-[var(--oh-interactive-hover)]`,children:[(0,b.jsx)(s.Settings,{width:16,height:16,className:`text-white shrink-0`}),j(n.I18nKey.BACKEND$MANAGE)]})]}),oe=y.default.useCallback(async e=>{if(e===Y)return;let{backendId:t,orgId:n}=w(e),r=M.find(e=>e.id===t);r&&(h.triggerEnvironmentSwitch(J.find(t=>t.value===e)?.label??r.name),await new Promise(e=>{setTimeout(e,400)}),V?R(`/conversations`):H&&R(`/automations`),P(r.id,n),D?.())},[Y,M,V,H,R,J,P,j,D]);return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-2 w-full`,children:[(0,b.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,b.jsx)(p.Dropdown,{testId:`backend-selector`,defaultValue:X??{value:Y,label:N.backend.name,prefix:T(L[N.backend.id])},footer:ae,openUpward:e,hideTrigger:g,defaultOpen:S,openOnHover:!g,onChange:e=>{e&&oe(e.value)},placeholder:N.backend.name,loading:ne,options:J,className:`h-10 px-2 py-0 bg-transparent border-transparent hover:bg-[var(--oh-surface-raised)] focus-within:bg-[var(--oh-surface-raised)] focus-within:border-transparent focus-within:ring-0`},`${Y}-${X?.label??``}`)}),g?null:(0,b.jsx)(l.StyledTooltip,{content:Q,placement:te,offset:10,children:(0,b.jsx)(u.NavigationLink,{to:`/settings`,"data-testid":`backend-selector-settings-link`,"data-active":Z,"aria-label":Q,className:Z?r.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer`,c.formControlTransitionClassName):r.cn(`inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer`,c.formControlTransitionClassName),children:(0,b.jsx)(s.Settings,{width:16,height:16})})})]}),U?(0,b.jsx)(_.AddBackendModal,{onClose:()=>W(!1)}):null,G?(0,b.jsx)(v.ManageBackendsModal,{onClose:()=>K(!1)}):null]})}exports.BackendSelector=D;
 //# sourceMappingURL=backend-selector.cjs.map

package/dist/components/features/backends/backend-selector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"backend-selector.cjs","names":[],"sources":["../../../../src/components/features/backends/backend-selector.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useMatch, useNavigate } from \"react-router\";\nimport { Plus, Settings } from \"lucide-react\";\nimport { Dropdown } from \"#/ui/dropdown/dropdown\";\nimport { DropdownOption } from \"#/ui/dropdown/types\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { useAllCloudOrganizations } from \"#/hooks/query/use-cloud-organizations\";\nimport { useCloudCurrentUserId } from \"#/hooks/query/use-cloud-current-user-id\";\nimport {\n  useBackendsHealth,\n  type BackendHealth,\n} from \"#/hooks/query/use-backends-health\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Backend } from \"#/api/backend-registry/types\";\n// Import the trigger helpers from the lightweight store, not the overlay\n// component, so the eagerly-mounted sidebar/backend-selector graph does not\n// pull in the overlay's render code (the overlay is lazy-loaded from\n// `routes/root-layout.tsx`).\nimport {\n  ENVIRONMENT_SWITCH_SETACTIVE_DELAY_MS,\n  triggerEnvironmentSwitch,\n} from \"#/components/features/backends/environment-switch-store\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { AddBackendModal } from \"./add-backend-modal\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\nimport { ManageBackendsModal } from \"./manage-backends-modal\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlTransitionClassName } from \"#/utils/form-control-classes\";\n\nconst VALUE_SEPARATOR = \"::\";\n\nfunction makeOptionValue(backendId: string, orgId: string | null): string {\n  return orgId ? `${backendId}${VALUE_SEPARATOR}${orgId}` : backendId;\n}\n\nfunction parseOptionValue(value: string): {\n  backendId: string;\n  orgId: string | null;\n} {\n  const [backendId, orgId] = value.split(VALUE_SEPARATOR);\n  return { backendId, orgId: orgId ?? null };\n}\n\nfunction buildStatusPrefix(health: BackendHealth | undefined) {\n  return <BackendStatusDot isConnected={health?.isConnected ?? null} />;\n}\n\nfunction buildOptions(\n  registered: Backend[],\n  personalWorkspaceLabel: string,\n  cloudOrgs: ReturnType<typeof useAllCloudOrganizations>,\n  currentUserIds: ReturnType<typeof useCloudCurrentUserId>,\n  healthByBackendId: Record<string, BackendHealth>,\n): DropdownOption[] {\n  const options: DropdownOption[] = [];\n\n  const locals = registered.filter((b) => b.kind === \"local\");\n  const clouds = registered.filter((b) => b.kind === \"cloud\");\n\n  for (const b of locals) {\n    options.push({\n      value: makeOptionValue(b.id, null),\n      label: b.name,\n      prefix: buildStatusPrefix(healthByBackendId[b.id]),\n    });\n  }\n\n  for (const b of clouds) {\n    const entry = cloudOrgs[b.id];\n    const prefix = buildStatusPrefix(healthByBackendId[b.id]);\n    if (!entry || entry.orgs.length === 0) {\n      options.push({\n        value: makeOptionValue(b.id, null),\n        label: b.name,\n        prefix,\n      });\n    } else {\n      // Personal-workspace rule (per the cloud contract): the org whose\n      // id matches the calling user's id is the user's personal\n      // workspace. We resolve `user_id` once per backend (via /me on any\n      // one org) and apply it across all orgs of that backend.\n      const userIdForBackend = currentUserIds[b.id]?.userId ?? null;\n\n      for (const org of entry.orgs) {\n        const isPersonal = !!userIdForBackend && userIdForBackend === org.id;\n        const orgLabel = isPersonal ? personalWorkspaceLabel : org.name;\n        options.push({\n          value: makeOptionValue(b.id, org.id),\n          label: `${b.name} – ${orgLabel}`,\n          // All org rows for the same cloud backend share that backend's\n          // single connectivity verdict — there is no per-org probe.\n          prefix,\n        });\n      }\n    }\n  }\n\n  return options;\n}\n\ninterface BackendSelectorProps {\n  /** Render the menu above the trigger (e.g. when pinned to bottom of sidebar). */\n  openUpward?: boolean;\n  /** Hide the selector input trigger and only render the dropdown menu. */\n  hideTrigger?: boolean;\n  /** Whether the dropdown menu should start open on mount. */\n  defaultOpen?: boolean;\n  /** Callback fired after selecting a backend/org option. */\n  onSelectOption?: () => void;\n  /**\n   * Override the internal Add Backend modal handling. When provided,\n   * clicking \"Add Backend\" calls this instead of opening BackendSelector's\n   * own modal. Useful when the selector is mounted inside an ephemeral\n   * container (e.g. the collapsed-sidebar popover) and the modal must\n   * survive the parent unmounting.\n   */\n  onOpenAddBackend?: () => void;\n  /** Same as onOpenAddBackend but for the Manage Backends modal. */\n  onOpenManageBackends?: () => void;\n  /**\n   * Whether the surrounding sidebar rail is in its collapsed variant. Passed\n   * down from `SidebarRailBody` so the mobile drawer (which always renders\n   * the expanded rail) can override the persisted desktop value.\n   */\n  sidebarCollapsed?: boolean;\n}\n\nexport function BackendSelector({\n  openUpward = false,\n  hideTrigger = false,\n  defaultOpen = false,\n  onSelectOption,\n  onOpenAddBackend,\n  onOpenManageBackends,\n  sidebarCollapsed = false,\n}: BackendSelectorProps = {}) {\n  const { t } = useTranslation(\"openhands\");\n  const { backends, active, setActive } = useActiveBackendContext();\n  const cloudOrgs = useAllCloudOrganizations();\n  const currentUserIds = useCloudCurrentUserId();\n  // Probe each registered backend every 10s.\n  const healthByBackendId = useBackendsHealth(backends);\n  const navigate = useNavigate();\n  const settingsMatch = useMatch(\"/settings\");\n  const settingsSubrouteMatch = useMatch(\"/settings/*\");\n  const conversationMatch = useMatch(\"/conversations/:conversationId\");\n  const automationDetailMatch = useMatch(\"/automations/:automationId\");\n  const [addBackendModalOpen, setAddBackendModalOpen] = React.useState(false);\n  const [manageBackendsModalOpen, setManageBackendsModalOpen] =\n    React.useState(false);\n\n  const personalWorkspaceLabel = t(I18nKey.BACKEND$PERSONAL_WORKSPACE);\n\n  const options = React.useMemo(\n    () =>\n      buildOptions(\n        backends,\n        personalWorkspaceLabel,\n        cloudOrgs,\n        currentUserIds,\n        healthByBackendId,\n      ),\n    [\n      backends,\n      personalWorkspaceLabel,\n      cloudOrgs,\n      currentUserIds,\n      healthByBackendId,\n    ],\n  );\n\n  const activeValue = makeOptionValue(active.backend.id, active.orgId);\n  const activeOption = options.find((o) => o.value === activeValue);\n  const isSettingsActive = Boolean(settingsMatch || settingsSubrouteMatch);\n  const settingsLabel = t(I18nKey.SIDEBAR$SETTINGS);\n  const isRightPanelShown = useConversationStore(\n    (state) => state.isRightPanelShown,\n  );\n  // When the sidebar rail is expanded, `placement=\"left\"` hugs the main\n  // canvas and reads awkwardly; prefer above the control. When the rail is\n  // collapsed, keep left except on active conversation + open right drawer.\n  const settingsTooltipPlacement =\n    !sidebarCollapsed || (conversationMatch && isRightPanelShown)\n      ? \"top\"\n      : \"left\";\n\n  const someCloudLoading = Object.values(cloudOrgs).some((c) => c.isLoading);\n\n  // Self-heal a malformed `(cloudBackendId, null)` selection.\n  //\n  // Once a cloud backend's orgs resolve, the dropdown only renders\n  // per-org rows for it — the `(backendId, null)` row disappears, so\n  // selecting that shape would drift from what the dropdown can render\n  // (UI says \"Local\", APIs hit cloud). When we detect the drift, snap\n  // the selection onto the personal-workspace org (or, lacking a /me\n  // result, the first org). The selection is recorded locally only;\n  // the cloud request scope follows from the API key's bound org and the\n  // X-Org-Id header sent by `callCloudProxy`, so the cloud UI's\n  // org choice is never mutated as a side effect.\n  React.useEffect(() => {\n    if (active.backend.kind !== \"cloud\" || active.orgId) return;\n    const { backend } = active;\n    const entry = cloudOrgs[backend.id];\n    if (!entry || entry.orgs.length === 0) return;\n\n    const userId = currentUserIds[backend.id]?.userId ?? null;\n    const personal = userId\n      ? entry.orgs.find((o) => o.id === userId)\n      : undefined;\n    const target = personal ?? entry.orgs[0];\n    if (target) {\n      setActive(backend.id, target.id);\n    }\n  }, [active, cloudOrgs, currentUserIds, setActive]);\n\n  const openAddBackendModal = React.useCallback(() => {\n    if (onOpenAddBackend) {\n      onOpenAddBackend();\n      onSelectOption?.();\n      return;\n    }\n    setAddBackendModalOpen(true);\n  }, [onOpenAddBackend, onSelectOption]);\n\n  const openManageBackendsModal = React.useCallback(() => {\n    if (onOpenManageBackends) {\n      onOpenManageBackends();\n      onSelectOption?.();\n      return;\n    }\n    setManageBackendsModalOpen(true);\n  }, [onOpenManageBackends, onSelectOption]);\n\n  const preventDropdownMenuClose = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [],\n  );\n\n  const addBackendFooter = (\n    <div className=\"flex flex-col\">\n      <button\n        type=\"button\"\n        data-testid=\"add-backend-menu-item\"\n        onMouseDown={preventDropdownMenuClose}\n        onClick={openAddBackendModal}\n        className=\"flex w-full items-center gap-2 px-2 py-2 rounded-md text-sm cursor-pointer text-white hover:bg-[var(--oh-interactive-hover)]\"\n      >\n        <Plus width={16} height={16} className=\"text-white shrink-0\" />\n        {t(I18nKey.BACKEND$ADD)}\n      </button>\n      <button\n        type=\"button\"\n        data-testid=\"manage-backends-menu-item\"\n        onMouseDown={preventDropdownMenuClose}\n        onClick={openManageBackendsModal}\n        className=\"flex w-full items-center gap-2 px-2 py-2 rounded-md text-sm cursor-pointer text-white hover:bg-[var(--oh-interactive-hover)]\"\n      >\n        <Settings width={16} height={16} className=\"text-white shrink-0\" />\n        {t(I18nKey.BACKEND$MANAGE)}\n      </button>\n    </div>\n  );\n\n  const handleSelectBackend = React.useCallback(\n    async (value: string) => {\n      if (value === activeValue) return;\n\n      const { backendId, orgId } = parseOptionValue(value);\n      const target = backends.find((b) => b.id === backendId);\n      if (!target) return;\n\n      triggerEnvironmentSwitch(\n        options.find((option) => option.value === value)?.label ?? target.name,\n      );\n      await new Promise<void>((resolve) => {\n        setTimeout(resolve, ENVIRONMENT_SWITCH_SETACTIVE_DELAY_MS);\n      });\n\n      // @spec BM-002 — Switching backends keeps the user on the same page\n      if (conversationMatch) navigate(\"/conversations\");\n      else if (automationDetailMatch) navigate(\"/automations\");\n\n      setActive(target.id, orgId);\n      onSelectOption?.();\n    },\n    [\n      activeValue,\n      backends,\n      conversationMatch,\n      automationDetailMatch,\n      navigate,\n      options,\n      setActive,\n      t,\n      onSelectOption,\n    ],\n  );\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 w-full\">\n        <div className=\"flex-1 min-w-0\">\n          <Dropdown\n            testId=\"backend-selector\"\n            key={`${activeValue}-${activeOption?.label ?? \"\"}`}\n            defaultValue={\n              activeOption ?? {\n                value: activeValue,\n                label: active.backend.name,\n                prefix: buildStatusPrefix(healthByBackendId[active.backend.id]),\n              }\n            }\n            footer={addBackendFooter}\n            openUpward={openUpward}\n            hideTrigger={hideTrigger}\n            defaultOpen={defaultOpen}\n            openOnHover={!hideTrigger}\n            onChange={(item) => {\n              if (!item) return;\n              void handleSelectBackend(item.value);\n            }}\n            placeholder={active.backend.name}\n            loading={someCloudLoading}\n            options={options}\n            className=\"h-10 px-2 py-0 bg-transparent border-transparent hover:bg-[var(--oh-surface-raised)] focus-within:bg-[var(--oh-surface-raised)] focus-within:border-transparent focus-within:ring-0\"\n          />\n        </div>\n        {!hideTrigger ? (\n          <StyledTooltip\n            content={settingsLabel}\n            placement={settingsTooltipPlacement}\n            offset={10}\n          >\n            <button\n              type=\"button\"\n              data-testid=\"backend-selector-settings-link\"\n              data-active={isSettingsActive}\n              aria-label={settingsLabel}\n              onClick={() => navigate(\"/settings\")}\n              className={\n                isSettingsActive\n                  ? cn(\n                      \"inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer\",\n                      formControlTransitionClassName,\n                    )\n                  : cn(\n                      \"inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer\",\n                      formControlTransitionClassName,\n                    )\n              }\n            >\n              <Settings width={16} height={16} />\n            </button>\n          </StyledTooltip>\n        ) : null}\n      </div>\n      {addBackendModalOpen ? (\n        <AddBackendModal onClose={() => setAddBackendModalOpen(false)} />\n      ) : null}\n      {manageBackendsModalOpen ? (\n        <ManageBackendsModal\n          onClose={() => setManageBackendsModalOpen(false)}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"backend-selector.cjs","names":[],"sources":["../../../../src/components/features/backends/backend-selector.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useMatch, useNavigate } from \"react-router\";\nimport { Plus, Settings } from \"lucide-react\";\nimport { Dropdown } from \"#/ui/dropdown/dropdown\";\nimport { DropdownOption } from \"#/ui/dropdown/types\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { useAllCloudOrganizations } from \"#/hooks/query/use-cloud-organizations\";\nimport { useCloudCurrentUserId } from \"#/hooks/query/use-cloud-current-user-id\";\nimport {\n  useBackendsHealth,\n  type BackendHealth,\n} from \"#/hooks/query/use-backends-health\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Backend } from \"#/api/backend-registry/types\";\n// Import the trigger helpers from the lightweight store, not the overlay\n// component, so the eagerly-mounted sidebar/backend-selector graph does not\n// pull in the overlay's render code (the overlay is lazy-loaded from\n// `routes/root-layout.tsx`).\nimport {\n  ENVIRONMENT_SWITCH_SETACTIVE_DELAY_MS,\n  triggerEnvironmentSwitch,\n} from \"#/components/features/backends/environment-switch-store\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { AddBackendModal } from \"./add-backend-modal\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\nimport { ManageBackendsModal } from \"./manage-backends-modal\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlTransitionClassName } from \"#/utils/form-control-classes\";\n\nconst VALUE_SEPARATOR = \"::\";\n\nfunction makeOptionValue(backendId: string, orgId: string | null): string {\n  return orgId ? `${backendId}${VALUE_SEPARATOR}${orgId}` : backendId;\n}\n\nfunction parseOptionValue(value: string): {\n  backendId: string;\n  orgId: string | null;\n} {\n  const [backendId, orgId] = value.split(VALUE_SEPARATOR);\n  return { backendId, orgId: orgId ?? null };\n}\n\nfunction buildStatusPrefix(health: BackendHealth | undefined) {\n  return <BackendStatusDot isConnected={health?.isConnected ?? null} />;\n}\n\nfunction buildOptions(\n  registered: Backend[],\n  personalWorkspaceLabel: string,\n  cloudOrgs: ReturnType<typeof useAllCloudOrganizations>,\n  currentUserIds: ReturnType<typeof useCloudCurrentUserId>,\n  healthByBackendId: Record<string, BackendHealth>,\n): DropdownOption[] {\n  const options: DropdownOption[] = [];\n\n  const locals = registered.filter((b) => b.kind === \"local\");\n  const clouds = registered.filter((b) => b.kind === \"cloud\");\n\n  for (const b of locals) {\n    options.push({\n      value: makeOptionValue(b.id, null),\n      label: b.name,\n      prefix: buildStatusPrefix(healthByBackendId[b.id]),\n    });\n  }\n\n  for (const b of clouds) {\n    const entry = cloudOrgs[b.id];\n    const prefix = buildStatusPrefix(healthByBackendId[b.id]);\n    if (!entry || entry.orgs.length === 0) {\n      options.push({\n        value: makeOptionValue(b.id, null),\n        label: b.name,\n        prefix,\n      });\n    } else {\n      // Personal-workspace rule (per the cloud contract): the org whose\n      // id matches the calling user's id is the user's personal\n      // workspace. We resolve `user_id` once per backend (via /me on any\n      // one org) and apply it across all orgs of that backend.\n      const userIdForBackend = currentUserIds[b.id]?.userId ?? null;\n\n      for (const org of entry.orgs) {\n        const isPersonal = !!userIdForBackend && userIdForBackend === org.id;\n        const orgLabel = isPersonal ? personalWorkspaceLabel : org.name;\n        options.push({\n          value: makeOptionValue(b.id, org.id),\n          label: `${b.name} – ${orgLabel}`,\n          // All org rows for the same cloud backend share that backend's\n          // single connectivity verdict — there is no per-org probe.\n          prefix,\n        });\n      }\n    }\n  }\n\n  return options;\n}\n\ninterface BackendSelectorProps {\n  /** Render the menu above the trigger (e.g. when pinned to bottom of sidebar). */\n  openUpward?: boolean;\n  /** Hide the selector input trigger and only render the dropdown menu. */\n  hideTrigger?: boolean;\n  /** Whether the dropdown menu should start open on mount. */\n  defaultOpen?: boolean;\n  /** Callback fired after selecting a backend/org option. */\n  onSelectOption?: () => void;\n  /**\n   * Override the internal Add Backend modal handling. When provided,\n   * clicking \"Add Backend\" calls this instead of opening BackendSelector's\n   * own modal. Useful when the selector is mounted inside an ephemeral\n   * container (e.g. the collapsed-sidebar popover) and the modal must\n   * survive the parent unmounting.\n   */\n  onOpenAddBackend?: () => void;\n  /** Same as onOpenAddBackend but for the Manage Backends modal. */\n  onOpenManageBackends?: () => void;\n  /**\n   * Whether the surrounding sidebar rail is in its collapsed variant. Passed\n   * down from `SidebarRailBody` so the mobile drawer (which always renders\n   * the expanded rail) can override the persisted desktop value.\n   */\n  sidebarCollapsed?: boolean;\n}\n\nexport function BackendSelector({\n  openUpward = false,\n  hideTrigger = false,\n  defaultOpen = false,\n  onSelectOption,\n  onOpenAddBackend,\n  onOpenManageBackends,\n  sidebarCollapsed = false,\n}: BackendSelectorProps = {}) {\n  const { t } = useTranslation(\"openhands\");\n  const { backends, active, setActive } = useActiveBackendContext();\n  const cloudOrgs = useAllCloudOrganizations();\n  const currentUserIds = useCloudCurrentUserId();\n  // Probe each registered backend every 10s.\n  const healthByBackendId = useBackendsHealth(backends);\n  const navigate = useNavigate();\n  const settingsMatch = useMatch(\"/settings\");\n  const settingsSubrouteMatch = useMatch(\"/settings/*\");\n  const conversationMatch = useMatch(\"/conversations/:conversationId\");\n  const automationDetailMatch = useMatch(\"/automations/:automationId\");\n  const [addBackendModalOpen, setAddBackendModalOpen] = React.useState(false);\n  const [manageBackendsModalOpen, setManageBackendsModalOpen] =\n    React.useState(false);\n\n  const personalWorkspaceLabel = t(I18nKey.BACKEND$PERSONAL_WORKSPACE);\n\n  const options = React.useMemo(\n    () =>\n      buildOptions(\n        backends,\n        personalWorkspaceLabel,\n        cloudOrgs,\n        currentUserIds,\n        healthByBackendId,\n      ),\n    [\n      backends,\n      personalWorkspaceLabel,\n      cloudOrgs,\n      currentUserIds,\n      healthByBackendId,\n    ],\n  );\n\n  const activeValue = makeOptionValue(active.backend.id, active.orgId);\n  const activeOption = options.find((o) => o.value === activeValue);\n  const isSettingsActive = Boolean(settingsMatch || settingsSubrouteMatch);\n  const settingsLabel = t(I18nKey.SIDEBAR$SETTINGS);\n  const isRightPanelShown = useConversationStore(\n    (state) => state.isRightPanelShown,\n  );\n  // When the sidebar rail is expanded, `placement=\"left\"` hugs the main\n  // canvas and reads awkwardly; prefer above the control. When the rail is\n  // collapsed, keep left except on active conversation + open right drawer.\n  const settingsTooltipPlacement =\n    !sidebarCollapsed || (conversationMatch && isRightPanelShown)\n      ? \"top\"\n      : \"left\";\n\n  const someCloudLoading = Object.values(cloudOrgs).some((c) => c.isLoading);\n\n  // Self-heal a malformed `(cloudBackendId, null)` selection.\n  //\n  // Once a cloud backend's orgs resolve, the dropdown only renders\n  // per-org rows for it — the `(backendId, null)` row disappears, so\n  // selecting that shape would drift from what the dropdown can render\n  // (UI says \"Local\", APIs hit cloud). When we detect the drift, snap\n  // the selection onto the personal-workspace org (or, lacking a /me\n  // result, the first org). The selection is recorded locally only;\n  // the cloud request scope follows from the API key's bound org and the\n  // X-Org-Id header sent by `callCloudProxy`, so the cloud UI's\n  // org choice is never mutated as a side effect.\n  React.useEffect(() => {\n    if (active.backend.kind !== \"cloud\" || active.orgId) return;\n    const { backend } = active;\n    const entry = cloudOrgs[backend.id];\n    if (!entry || entry.orgs.length === 0) return;\n\n    const userId = currentUserIds[backend.id]?.userId ?? null;\n    const personal = userId\n      ? entry.orgs.find((o) => o.id === userId)\n      : undefined;\n    const target = personal ?? entry.orgs[0];\n    if (target) {\n      setActive(backend.id, target.id);\n    }\n  }, [active, cloudOrgs, currentUserIds, setActive]);\n\n  const openAddBackendModal = React.useCallback(() => {\n    if (onOpenAddBackend) {\n      onOpenAddBackend();\n      onSelectOption?.();\n      return;\n    }\n    setAddBackendModalOpen(true);\n  }, [onOpenAddBackend, onSelectOption]);\n\n  const openManageBackendsModal = React.useCallback(() => {\n    if (onOpenManageBackends) {\n      onOpenManageBackends();\n      onSelectOption?.();\n      return;\n    }\n    setManageBackendsModalOpen(true);\n  }, [onOpenManageBackends, onSelectOption]);\n\n  const preventDropdownMenuClose = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [],\n  );\n\n  const addBackendFooter = (\n    <div className=\"flex flex-col\">\n      <button\n        type=\"button\"\n        data-testid=\"add-backend-menu-item\"\n        onMouseDown={preventDropdownMenuClose}\n        onClick={openAddBackendModal}\n        className=\"flex w-full items-center gap-2 px-2 py-2 rounded-md text-sm cursor-pointer text-white hover:bg-[var(--oh-interactive-hover)]\"\n      >\n        <Plus width={16} height={16} className=\"text-white shrink-0\" />\n        {t(I18nKey.BACKEND$ADD)}\n      </button>\n      <button\n        type=\"button\"\n        data-testid=\"manage-backends-menu-item\"\n        onMouseDown={preventDropdownMenuClose}\n        onClick={openManageBackendsModal}\n        className=\"flex w-full items-center gap-2 px-2 py-2 rounded-md text-sm cursor-pointer text-white hover:bg-[var(--oh-interactive-hover)]\"\n      >\n        <Settings width={16} height={16} className=\"text-white shrink-0\" />\n        {t(I18nKey.BACKEND$MANAGE)}\n      </button>\n    </div>\n  );\n\n  const handleSelectBackend = React.useCallback(\n    async (value: string) => {\n      if (value === activeValue) return;\n\n      const { backendId, orgId } = parseOptionValue(value);\n      const target = backends.find((b) => b.id === backendId);\n      if (!target) return;\n\n      triggerEnvironmentSwitch(\n        options.find((option) => option.value === value)?.label ?? target.name,\n      );\n      await new Promise<void>((resolve) => {\n        setTimeout(resolve, ENVIRONMENT_SWITCH_SETACTIVE_DELAY_MS);\n      });\n\n      // @spec BM-002 — Switching backends keeps the user on the same page\n      if (conversationMatch) navigate(\"/conversations\");\n      else if (automationDetailMatch) navigate(\"/automations\");\n\n      setActive(target.id, orgId);\n      onSelectOption?.();\n    },\n    [\n      activeValue,\n      backends,\n      conversationMatch,\n      automationDetailMatch,\n      navigate,\n      options,\n      setActive,\n      t,\n      onSelectOption,\n    ],\n  );\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 w-full\">\n        <div className=\"flex-1 min-w-0\">\n          <Dropdown\n            testId=\"backend-selector\"\n            key={`${activeValue}-${activeOption?.label ?? \"\"}`}\n            defaultValue={\n              activeOption ?? {\n                value: activeValue,\n                label: active.backend.name,\n                prefix: buildStatusPrefix(healthByBackendId[active.backend.id]),\n              }\n            }\n            footer={addBackendFooter}\n            openUpward={openUpward}\n            hideTrigger={hideTrigger}\n            defaultOpen={defaultOpen}\n            openOnHover={!hideTrigger}\n            onChange={(item) => {\n              if (!item) return;\n              void handleSelectBackend(item.value);\n            }}\n            placeholder={active.backend.name}\n            loading={someCloudLoading}\n            options={options}\n            className=\"h-10 px-2 py-0 bg-transparent border-transparent hover:bg-[var(--oh-surface-raised)] focus-within:bg-[var(--oh-surface-raised)] focus-within:border-transparent focus-within:ring-0\"\n          />\n        </div>\n        {!hideTrigger ? (\n          <StyledTooltip\n            content={settingsLabel}\n            placement={settingsTooltipPlacement}\n            offset={10}\n          >\n            <NavigationLink\n              to=\"/settings\"\n              data-testid=\"backend-selector-settings-link\"\n              data-active={isSettingsActive}\n              aria-label={settingsLabel}\n              className={\n                isSettingsActive\n                  ? cn(\n                      \"inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer\",\n                      formControlTransitionClassName,\n                    )\n                  : cn(\n                      \"inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer\",\n                      formControlTransitionClassName,\n                    )\n              }\n            >\n              <Settings width={16} height={16} />\n            </NavigationLink>\n          </StyledTooltip>\n        ) : null}\n      </div>\n      {addBackendModalOpen ? (\n        <AddBackendModal onClose={() => setAddBackendModalOpen(false)} />\n      ) : null}\n      {manageBackendsModalOpen ? (\n        <ManageBackendsModal\n          onClose={() => setManageBackendsModalOpen(false)}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"8lCAgCA,IAAM,EAAkB,KAExB,SAAS,EAAgB,EAAmB,EAA8B,CACxE,OAAO,EAAQ,GAAG,IAAY,IAAkB,IAAU,EAG5D,SAAS,EAAiB,EAGxB,CACA,GAAM,CAAC,EAAW,GAAS,EAAM,MAAM,EAAgB,CACvD,MAAO,CAAE,YAAW,MAAO,GAAS,KAAM,CAG5C,SAAS,EAAkB,EAAmC,CAC5D,OAAO,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,YAAa,GAAQ,aAAe,KAAQ,CAAA,CAGvE,SAAS,EACP,EACA,EACA,EACA,EACA,EACkB,CAClB,IAAM,EAA4B,EAAE,CAE9B,EAAS,EAAW,OAAQ,GAAM,EAAE,OAAS,QAAQ,CACrD,EAAS,EAAW,OAAQ,GAAM,EAAE,OAAS,QAAQ,CAE3D,IAAK,IAAM,KAAK,EACd,EAAQ,KAAK,CACX,MAAO,EAAgB,EAAE,GAAI,KAAK,CAClC,MAAO,EAAE,KACT,OAAQ,EAAkB,EAAkB,EAAE,IAAI,CACnD,CAAC,CAGJ,IAAK,IAAM,KAAK,EAAQ,CACtB,IAAM,EAAQ,EAAU,EAAE,IACpB,EAAS,EAAkB,EAAkB,EAAE,IAAI,CACzD,GAAI,CAAC,GAAS,EAAM,KAAK,SAAW,EAClC,EAAQ,KAAK,CACX,MAAO,EAAgB,EAAE,GAAI,KAAK,CAClC,MAAO,EAAE,KACT,SACD,CAAC,KACG,CAKL,IAAM,EAAmB,EAAe,EAAE,KAAK,QAAU,KAEzD,IAAK,IAAM,KAAO,EAAM,KAAM,CAE5B,IAAM,EADe,GAAoB,IAAqB,EAAI,GACpC,EAAyB,EAAI,KAC3D,EAAQ,KAAK,CACX,MAAO,EAAgB,EAAE,GAAI,EAAI,GAAG,CACpC,MAAO,GAAG,EAAE,KAAK,KAAK,IAGtB,SACD,CAAC,GAKR,OAAO,EA8BT,SAAgB,EAAgB,CAC9B,aAAa,GACb,cAAc,GACd,cAAc,GACd,iBACA,mBACA,uBACA,mBAAmB,IACK,EAAE,CAAE,CAC5B,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,WAAU,SAAQ,aAAc,EAAA,yBAAyB,CAC3D,EAAY,EAAA,0BAA0B,CACtC,EAAiB,EAAA,uBAAuB,CAExC,EAAoB,EAAA,kBAAkB,EAAS,CAC/C,GAAA,EAAA,EAAA,cAAwB,CACxB,GAAA,EAAA,EAAA,UAAyB,YAAY,CACrC,GAAA,EAAA,EAAA,UAAiC,cAAc,CAC/C,GAAA,EAAA,EAAA,UAA6B,iCAAiC,CAC9D,GAAA,EAAA,EAAA,UAAiC,6BAA6B,CAC9D,CAAC,EAAqB,GAA0B,EAAA,QAAM,SAAS,GAAM,CACrE,CAAC,EAAyB,GAC9B,EAAA,QAAM,SAAS,GAAM,CAEjB,EAAyB,EAAE,EAAA,QAAQ,2BAA2B,CAE9D,EAAU,EAAA,QAAM,YAElB,EACE,EACA,EACA,EACA,EACA,EACD,CACH,CACE,EACA,EACA,EACA,EACA,EACD,CACF,CAEK,EAAc,EAAgB,EAAO,QAAQ,GAAI,EAAO,MAAM,CAC9D,EAAe,EAAQ,KAAM,GAAM,EAAE,QAAU,EAAY,CAC3D,EAAmB,GAAQ,GAAiB,GAC5C,EAAgB,EAAE,EAAA,QAAQ,iBAAiB,CAC3C,GAAoB,EAAA,qBACvB,GAAU,EAAM,kBAClB,CAIK,GACJ,CAAC,GAAqB,GAAqB,GACvC,MACA,OAEA,GAAmB,OAAO,OAAO,EAAU,CAAC,KAAM,GAAM,EAAE,UAAU,CAa1E,EAAA,QAAM,cAAgB,CACpB,GAAI,EAAO,QAAQ,OAAS,SAAW,EAAO,MAAO,OACrD,GAAM,CAAE,WAAY,EACd,EAAQ,EAAU,EAAQ,IAChC,GAAI,CAAC,GAAS,EAAM,KAAK,SAAW,EAAG,OAEvC,IAAM,EAAS,EAAe,EAAQ,KAAK,QAAU,KAI/C,GAHW,EACb,EAAM,KAAK,KAAM,GAAM,EAAE,KAAO,EAAO,CACvC,IAAA,KACuB,EAAM,KAAK,GAClC,GACF,EAAU,EAAQ,GAAI,EAAO,GAAG,EAEjC,CAAC,EAAQ,EAAW,EAAgB,EAAU,CAAC,CAElD,IAAM,GAAsB,EAAA,QAAM,gBAAkB,CAClD,GAAI,EAAkB,CACpB,GAAkB,CAClB,KAAkB,CAClB,OAEF,EAAuB,GAAK,EAC3B,CAAC,EAAkB,EAAe,CAAC,CAEhC,GAA0B,EAAA,QAAM,gBAAkB,CACtD,GAAI,EAAsB,CACxB,GAAsB,CACtB,KAAkB,CAClB,OAEF,EAA2B,GAAK,EAC/B,CAAC,EAAsB,EAAe,CAAC,CAEpC,EAA2B,EAAA,QAAM,YACpC,GAA+C,CAC9C,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,EAEzB,EAAE,CACH,CAEK,IACJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yBAAf,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAY,wBACZ,YAAa,EACb,QAAS,GACT,UAAU,wIALZ,EAOE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,MAAO,GAAI,OAAQ,GAAI,UAAU,sBAAwB,CAAA,CAC9D,EAAE,EAAA,QAAQ,YAAY,CAChB,IACT,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAY,4BACZ,YAAa,EACb,QAAS,GACT,UAAU,wIALZ,EAOE,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,MAAO,GAAI,OAAQ,GAAI,UAAU,sBAAwB,CAAA,CAClE,EAAE,EAAA,QAAQ,eAAe,CACnB,GACL,GAGF,GAAsB,EAAA,QAAM,YAChC,KAAO,IAAkB,CACvB,GAAI,IAAU,EAAa,OAE3B,GAAM,CAAE,YAAW,SAAU,EAAiB,EAAM,CAC9C,EAAS,EAAS,KAAM,GAAM,EAAE,KAAO,EAAU,CAClD,IAEL,EAAA,yBACE,EAAQ,KAAM,GAAW,EAAO,QAAU,EAAM,EAAE,OAAS,EAAO,KACnE,CACD,MAAM,IAAI,QAAe,GAAY,CACnC,WAAW,EAAA,IAA+C,EAC1D,CAGE,EAAmB,EAAS,iBAAiB,CACxC,GAAuB,EAAS,eAAe,CAExD,EAAU,EAAO,GAAI,EAAM,CAC3B,KAAkB,GAEpB,CACE,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAED,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2BACb,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAO,mBAEP,aACE,GAAgB,CACd,MAAO,EACP,MAAO,EAAO,QAAQ,KACtB,OAAQ,EAAkB,EAAkB,EAAO,QAAQ,IAAI,CAChE,CAEH,OAAQ,GACI,aACC,cACA,cACb,YAAa,CAAC,EACd,SAAW,GAAS,CACb,GACA,GAAoB,EAAK,MAAM,EAEtC,YAAa,EAAO,QAAQ,KAC5B,QAAS,GACA,UACT,UAAU,sLACV,CArBK,GAAG,EAAY,GAAG,GAAc,OAAS,KAqB9C,CACE,CAAA,CACJ,EA0BE,MAzBF,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,QAAS,EACT,UAAW,GACX,OAAQ,aAER,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,GAAG,YACH,cAAY,iCACZ,cAAa,EACb,aAAY,EACZ,UACE,EACI,EAAA,GACE,wHACA,EAAA,+BACD,CACD,EAAA,GACE,iKACA,EAAA,+BACD,WAGP,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,MAAO,GAAI,OAAQ,GAAM,CAAA,CACpB,CAAA,CACH,CAAA,CAEd,GACL,GACC,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,YAAe,EAAuB,GAAM,CAAI,CAAA,CAC/D,KACH,GACC,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,YAAe,EAA2B,GAAM,CAChD,CAAA,CACA,KACH,CAAA,CAAA"}

package/dist/components/features/backends/backend-selector.js

@@ -6,44 +6,45 @@ import { useActiveBackendContext as i } from "../../../contexts/active-backend-c
 import { Plus as a } from "../../../node_modules/lucide-react/dist/esm/icons/plus.js";
 import { Settings as o } from "../../../node_modules/lucide-react/dist/esm/icons/settings.js";
 import { formControlTransitionClassName as s } from "../../../utils/form-control-classes.js";
-import { StyledTooltip as c } from "../../shared/buttons/styled-tooltip.js";
-import { useAllCloudOrganizations as l } from "../../../hooks/query/use-cloud-organizations.js";
-import { useCloudCurrentUserId as u } from "../../../hooks/query/use-cloud-current-user-id.js";
-import { Dropdown as d } from "../../../ui/dropdown/dropdown.js";
-import { useBackendsHealth as f } from "../../../hooks/query/use-backends-health.js";
-import { triggerEnvironmentSwitch as ee } from "./environment-switch-store.js";
+import { StyledTooltip as ee } from "../../shared/buttons/styled-tooltip.js";
+import { NavigationLink as te } from "../../shared/navigation-link.js";
+import { useAllCloudOrganizations as c } from "../../../hooks/query/use-cloud-organizations.js";
+import { useCloudCurrentUserId as l } from "../../../hooks/query/use-cloud-current-user-id.js";
+import { Dropdown as u } from "../../../ui/dropdown/dropdown.js";
+import { useBackendsHealth as d } from "../../../hooks/query/use-backends-health.js";
+import { triggerEnvironmentSwitch as f } from "./environment-switch-store.js";
 import { BackendStatusDot as p } from "./backend-status-dot.js";
 import { AddBackendModal as m } from "./add-backend-modal.js";
-import { ManageBackendsModal as te } from "./manage-backends-modal.js";
-import h from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { useMatch as y, useNavigate as b } from "react-router";
+import { ManageBackendsModal as h } from "./manage-backends-modal.js";
+import g from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useMatch as b, useNavigate as x } from "react-router";
 //#region src/components/features/backends/backend-selector.tsx
-var x = "::";
-function S(e, t) {
-	return t ? `${e}${x}${t}` : e;
+var S = "::";
+function C(e, t) {
+	return t ? `${e}${S}${t}` : e;
 }
 function ne(e) {
-	let [t, n] = e.split(x);
+	let [t, n] = e.split(S);
 	return {
 		backendId: t,
 		orgId: n ?? null
 	};
 }
-function C(e) {
-	return /* @__PURE__ */ _(p, { isConnected: e?.isConnected ?? null });
+function w(e) {
+	return /* @__PURE__ */ v(p, { isConnected: e?.isConnected ?? null });
 }
-function w(e, t, n, r, i) {
+function T(e, t, n, r, i) {
 	let a = [], o = e.filter((e) => e.kind === "local"), s = e.filter((e) => e.kind === "cloud");
 	for (let e of o) a.push({
-		value: S(e.id, null),
+		value: C(e.id, null),
 		label: e.name,
-		prefix: C(i[e.id])
+		prefix: w(i[e.id])
 	});
 	for (let e of s) {
-		let o = n[e.id], s = C(i[e.id]);
+		let o = n[e.id], s = w(i[e.id]);
 		if (!o || o.orgs.length === 0) a.push({
-			value: S(e.id, null),
+			value: C(e.id, null),
 			label: e.name,
 			prefix: s
 		});
@@ -52,7 +53,7 @@ function w(e, t, n, r, i) {
 			for (let r of o.orgs) {
 				let i = n && n === r.id ? t : r.name;
 				a.push({
-					value: S(e.id, r.id),
+					value: C(e.id, r.id),
 					label: `${e.name} – ${i}`,
 					prefix: s
 				});
@@ -61,130 +62,129 @@ function w(e, t, n, r, i) {
 	}
 	return a;
 }
-function T({ openUpward: p = !1, hideTrigger: x = !1, defaultOpen: T = !1, onSelectOption: E, onOpenAddBackend: D, onOpenManageBackends: O, sidebarCollapsed: k = !1 } = {}) {
-	let { t: A } = e("openhands"), { backends: j, active: M, setActive: N } = i(), P = l(), F = u(), I = f(j), L = b(), R = y("/settings"), z = y("/settings/*"), B = y("/conversations/:conversationId"), V = y("/automations/:automationId"), [H, U] = h.useState(!1), [W, G] = h.useState(!1), K = A(t.BACKEND$PERSONAL_WORKSPACE), q = h.useMemo(() => w(j, K, P, F, I), [
-		j,
-		K,
-		P,
+function E({ openUpward: p = !1, hideTrigger: S = !1, defaultOpen: E = !1, onSelectOption: D, onOpenAddBackend: O, onOpenManageBackends: k, sidebarCollapsed: A = !1 } = {}) {
+	let { t: j } = e("openhands"), { backends: M, active: N, setActive: P } = i(), F = c(), I = l(), L = d(M), R = x(), z = b("/settings"), B = b("/settings/*"), V = b("/conversations/:conversationId"), H = b("/automations/:automationId"), [U, W] = g.useState(!1), [G, K] = g.useState(!1), q = j(t.BACKEND$PERSONAL_WORKSPACE), J = g.useMemo(() => T(M, q, F, I, L), [
+		M,
+		q,
 		F,
-		I
-	]), J = S(M.backend.id, M.orgId), Y = q.find((e) => e.value === J), X = !!(R || z), Z = A(t.SIDEBAR$SETTINGS), re = r((e) => e.isRightPanelShown), ie = !k || B && re ? "top" : "left", ae = Object.values(P).some((e) => e.isLoading);
-	h.useEffect(() => {
-		if (M.backend.kind !== "cloud" || M.orgId) return;
-		let { backend: e } = M, t = P[e.id];
+		I,
+		L
+	]), Y = C(N.backend.id, N.orgId), X = J.find((e) => e.value === Y), Z = !!(z || B), Q = j(t.SIDEBAR$SETTINGS), re = r((e) => e.isRightPanelShown), ie = !A || V && re ? "top" : "left", ae = Object.values(F).some((e) => e.isLoading);
+	g.useEffect(() => {
+		if (N.backend.kind !== "cloud" || N.orgId) return;
+		let { backend: e } = N, t = F[e.id];
 		if (!t || t.orgs.length === 0) return;
-		let n = F[e.id]?.userId ?? null, r = (n ? t.orgs.find((e) => e.id === n) : void 0) ?? t.orgs[0];
-		r && N(e.id, r.id);
+		let n = I[e.id]?.userId ?? null, r = (n ? t.orgs.find((e) => e.id === n) : void 0) ?? t.orgs[0];
+		r && P(e.id, r.id);
 	}, [
-		M,
-		P,
+		N,
 		F,
-		N
+		I,
+		P
 	]);
-	let Q = h.useCallback(() => {
-		if (D) {
-			D(), E?.();
+	let oe = g.useCallback(() => {
+		if (O) {
+			O(), D?.();
 			return;
 		}
-		U(!0);
-	}, [D, E]), oe = h.useCallback(() => {
-		if (O) {
-			O(), E?.();
+		W(!0);
+	}, [O, D]), se = g.useCallback(() => {
+		if (k) {
+			k(), D?.();
 			return;
 		}
-		G(!0);
-	}, [O, E]), $ = h.useCallback((e) => {
+		K(!0);
+	}, [k, D]), $ = g.useCallback((e) => {
 		e.preventDefault(), e.stopPropagation();
-	}, []), se = /* @__PURE__ */ v("div", {
+	}, []), ce = /* @__PURE__ */ y("div", {
 		className: "flex flex-col",
-		children: [/* @__PURE__ */ v("button", {
+		children: [/* @__PURE__ */ y("button", {
 			type: "button",
 			"data-testid": "add-backend-menu-item",
 			onMouseDown: $,
-			onClick: Q,
+			onClick: oe,
 			className: "flex w-full items-center gap-2 px-2 py-2 rounded-md text-sm cursor-pointer text-white hover:bg-[var(--oh-interactive-hover)]",
-			children: [/* @__PURE__ */ _(a, {
+			children: [/* @__PURE__ */ v(a, {
 				width: 16,
 				height: 16,
 				className: "text-white shrink-0"
-			}), A(t.BACKEND$ADD)]
-		}), /* @__PURE__ */ v("button", {
+			}), j(t.BACKEND$ADD)]
+		}), /* @__PURE__ */ y("button", {
 			type: "button",
 			"data-testid": "manage-backends-menu-item",
 			onMouseDown: $,
-			onClick: oe,
+			onClick: se,
 			className: "flex w-full items-center gap-2 px-2 py-2 rounded-md text-sm cursor-pointer text-white hover:bg-[var(--oh-interactive-hover)]",
-			children: [/* @__PURE__ */ _(o, {
+			children: [/* @__PURE__ */ v(o, {
 				width: 16,
 				height: 16,
 				className: "text-white shrink-0"
-			}), A(t.BACKEND$MANAGE)]
+			}), j(t.BACKEND$MANAGE)]
 		})]
-	}), ce = h.useCallback(async (e) => {
-		if (e === J) return;
-		let { backendId: t, orgId: n } = ne(e), r = j.find((e) => e.id === t);
-		r && (ee(q.find((t) => t.value === e)?.label ?? r.name), await new Promise((e) => {
+	}), le = g.useCallback(async (e) => {
+		if (e === Y) return;
+		let { backendId: t, orgId: n } = ne(e), r = M.find((e) => e.id === t);
+		r && (f(J.find((t) => t.value === e)?.label ?? r.name), await new Promise((e) => {
 			setTimeout(e, 400);
-		}), B ? L("/conversations") : V && L("/automations"), N(r.id, n), E?.());
+		}), V ? R("/conversations") : H && R("/automations"), P(r.id, n), D?.());
 	}, [
+		Y,
+		M,
+		V,
+		H,
+		R,
 		J,
+		P,
 		j,
-		B,
-		V,
-		L,
-		q,
-		N,
-		A,
-		E
+		D
 	]);
-	return /* @__PURE__ */ v(g, { children: [
-		/* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ y("div", {
 			className: "flex items-center gap-2 w-full",
-			children: [/* @__PURE__ */ _("div", {
+			children: [/* @__PURE__ */ v("div", {
 				className: "flex-1 min-w-0",
-				children: /* @__PURE__ */ _(d, {
+				children: /* @__PURE__ */ v(u, {
 					testId: "backend-selector",
-					defaultValue: Y ?? {
-						value: J,
-						label: M.backend.name,
-						prefix: C(I[M.backend.id])
+					defaultValue: X ?? {
+						value: Y,
+						label: N.backend.name,
+						prefix: w(L[N.backend.id])
 					},
-					footer: se,
+					footer: ce,
 					openUpward: p,
-					hideTrigger: x,
-					defaultOpen: T,
-					openOnHover: !x,
+					hideTrigger: S,
+					defaultOpen: E,
+					openOnHover: !S,
 					onChange: (e) => {
-						e && ce(e.value);
+						e && le(e.value);
 					},
-					placeholder: M.backend.name,
+					placeholder: N.backend.name,
 					loading: ae,
-					options: q,
+					options: J,
 					className: "h-10 px-2 py-0 bg-transparent border-transparent hover:bg-[var(--oh-surface-raised)] focus-within:bg-[var(--oh-surface-raised)] focus-within:border-transparent focus-within:ring-0"
-				}, `${J}-${Y?.label ?? ""}`)
-			}), x ? null : /* @__PURE__ */ _(c, {
-				content: Z,
+				}, `${Y}-${X?.label ?? ""}`)
+			}), S ? null : /* @__PURE__ */ v(ee, {
+				content: Q,
 				placement: ie,
 				offset: 10,
-				children: /* @__PURE__ */ _("button", {
-					type: "button",
+				children: /* @__PURE__ */ v(te, {
+					to: "/settings",
 					"data-testid": "backend-selector-settings-link",
-					"data-active": X,
-					"aria-label": Z,
-					onClick: () => L("/settings"),
-					className: n(X ? "inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer" : "inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer", s),
-					children: /* @__PURE__ */ _(o, {
+					"data-active": Z,
+					"aria-label": Q,
+					className: n(Z ? "inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md bg-tertiary text-white font-normal cursor-pointer" : "inline-flex items-center justify-center shrink-0 w-9 h-9 rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)] cursor-pointer", s),
+					children: /* @__PURE__ */ v(o, {
 						width: 16,
 						height: 16
 					})
 				})
 			})]
 		}),
-		H ? /* @__PURE__ */ _(m, { onClose: () => U(!1) }) : null,
-		W ? /* @__PURE__ */ _(te, { onClose: () => G(!1) }) : null
+		U ? /* @__PURE__ */ v(m, { onClose: () => W(!1) }) : null,
+		G ? /* @__PURE__ */ v(h, { onClose: () => K(!1) }) : null
 	] });
 }
 //#endregion
-export { T as BackendSelector };
+export { E as BackendSelector };
 
 //# sourceMappingURL=backend-selector.js.map