@openhands/agent-canvas 1.14.0 → 1.15.0

package/dist/api/profiles-service/profiles-service.api.d.ts

@@ -1,5 +1,19 @@
-import { type ProfileInfo, type ProfileListResponse, type ProfileDetailResponse, type ProfileMutationResponse, type ActivateProfileResponse, type SaveProfileRequest, type ExposeSecretsMode, type ValidateProfileResponse } from "@openhands/typescript-client";
-export type { ProfileInfo, ProfileListResponse, ProfileDetailResponse, ProfileMutationResponse, ActivateProfileResponse, SaveProfileRequest, ExposeSecretsMode, ValidateProfileResponse, };
+import type { ProfileInfo as ClientProfileInfo, ProfileListResponse as ClientProfileListResponse, ProfileDetailResponse, ProfileMutationResponse, ActivateProfileResponse, SaveProfileRequest, ExposeSecretsMode, ValidateProfileResponse } from "@openhands/typescript-client";
+/**
+ * Profile summaries carry an optional `provider_connection_id` (the shared
+ * provider connection a profile links to), but `@openhands/typescript-client`
+ * predates that field. Widen the client types here so consumers can read it; it
+ * stays optional, so a client response without the field is still assignable.
+ */
+export interface ProfileInfo extends ClientProfileInfo {
+    provider_connection_id?: string | null;
+    /** True when provider_connection_id is set but the referenced connection no longer exists. */
+    provider_connection_broken?: boolean;
+}
+export interface ProfileListResponse extends Omit<ClientProfileListResponse, "profiles"> {
+    profiles: ProfileInfo[];
+}
+export type { ProfileDetailResponse, ProfileMutationResponse, ActivateProfileResponse, SaveProfileRequest, ExposeSecretsMode, ValidateProfileResponse, };
 declare class ProfilesService {
     static listProfiles(): Promise<ProfileListResponse>;
     static getProfile(name: string, exposeSecrets?: ExposeSecretsMode): Promise<ProfileDetailResponse>;

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

@@ -1 +1 @@
-{"version":3,"file":"profiles-service.api.js","names":[],"sources":["../../../src/api/profiles-service/profiles-service.api.ts"],"sourcesContent":["/**\n * ProfilesService is the single entry point for LLM-profile CRUD, routing per\n * active backend so callers (hooks, the settings manager) stay backend-agnostic:\n * - local agent-server: the SDK's ProfilesClient (`/api/profiles`), created\n *   per-call to pick up current backend configuration;\n * - cloud app-server: `src/api/cloud/profiles-service.api.ts` (the org-gated\n *   `/api/organizations/{orgId}/profiles` routes, or the per-user settings\n *   route as a fallback) via the org-scoped cloud proxy.\n * This mirrors how SettingsService branches to fetchCloudSettings().\n *\n * Uses ProfilesClient from @openhands/typescript-client v0.2.0+.\n * All types are re-exported from the SDK for consumer convenience.\n *\n * Note: Unlike some SDK clients, we don't call client.close() here for\n * consistency with other services (SettingsService, SecretsService) that\n * also create SDK clients without explicit cleanup. The SDK clients use\n * fetch-based HTTP which doesn't require connection cleanup.\n */\nimport {\n  ProfilesClient,\n  type GetProfileOptions,\n} from \"@openhands/typescript-client/clients\";\nimport {\n  type ProfileInfo,\n  type ProfileListResponse,\n  type ProfileDetailResponse,\n  type ProfileMutationResponse,\n  type ActivateProfileResponse,\n  type SaveProfileRequest,\n  type ExposeSecretsMode,\n  type ValidateProfileResponse,\n} from \"@openhands/typescript-client\";\nimport { getAgentServerClientOptions } from \"../agent-server-client-options\";\nimport { getActiveBackend } from \"../backend-registry/active-store\";\nimport {\n  activateCloudProfile,\n  deleteCloudProfile,\n  fetchCloudProfile,\n  fetchCloudProfiles,\n  renameCloudProfile,\n  saveCloudProfile,\n} from \"../cloud/profiles-service.api\";\n\n// Re-export SDK types for consumers\nexport type {\n  ProfileInfo,\n  ProfileListResponse,\n  ProfileDetailResponse,\n  ProfileMutationResponse,\n  ActivateProfileResponse,\n  SaveProfileRequest,\n  ExposeSecretsMode,\n  ValidateProfileResponse,\n};\n\nfunction isCloudBackend(): boolean {\n  return getActiveBackend().backend.kind === \"cloud\";\n}\n\nfunction isAbortLike(error: unknown): boolean {\n  if (!error || typeof error !== \"object\") return false;\n  const name = \"name\" in error ? error.name : undefined;\n  if (name === \"AbortError\" || name === \"TimeoutError\") return true;\n  const cause = \"cause\" in error ? error.cause : undefined;\n  return (\n    !!cause &&\n    typeof cause === \"object\" &&\n    \"name\" in cause &&\n    (cause.name === \"AbortError\" || cause.name === \"TimeoutError\")\n  );\n}\n\nclass ProfilesService {\n  static async listProfiles(): Promise<ProfileListResponse> {\n    if (isCloudBackend()) return fetchCloudProfiles();\n    return new ProfilesClient(getAgentServerClientOptions()).listProfiles();\n  }\n\n  static async getProfile(\n    name: string,\n    exposeSecrets?: ExposeSecretsMode,\n  ): Promise<ProfileDetailResponse> {\n    // Cloud never exposes profile secrets (api_key is always nulled with an\n    // api_key_set flag), so `exposeSecrets` is local-only.\n    if (isCloudBackend()) return fetchCloudProfile(name);\n    const options: GetProfileOptions = exposeSecrets ? { exposeSecrets } : {};\n    return new ProfilesClient(getAgentServerClientOptions()).getProfile(\n      name,\n      options,\n    );\n  }\n\n  static async saveProfile(\n    name: string,\n    request: SaveProfileRequest,\n  ): Promise<ProfileMutationResponse> {\n    if (isCloudBackend()) return saveCloudProfile(name, request);\n    return new ProfilesClient(getAgentServerClientOptions()).saveProfile(\n      name,\n      request,\n    );\n  }\n\n  static async deleteProfile(name: string): Promise<ProfileMutationResponse> {\n    if (isCloudBackend()) return deleteCloudProfile(name);\n    return new ProfilesClient(getAgentServerClientOptions()).deleteProfile(\n      name,\n    );\n  }\n\n  static async renameProfile(\n    name: string,\n    newName: string,\n  ): Promise<ProfileMutationResponse> {\n    if (isCloudBackend()) return renameCloudProfile(name, newName);\n    return new ProfilesClient(getAgentServerClientOptions()).renameProfile(\n      name,\n      newName,\n    );\n  }\n\n  static async activateProfile(name: string): Promise<ActivateProfileResponse> {\n    if (isCloudBackend()) return activateCloudProfile(name);\n    return new ProfilesClient(getAgentServerClientOptions()).activateProfile(\n      name,\n    );\n  }\n\n  /**\n   * Pre-flight check: fire a minimal LLM completion to catch misconfigurations\n   * (invalid model names, missing provider prefixes, bad base URLs, invalid\n   * API keys) before a profile is saved.\n   *\n   * Returns `{ valid: true }` when the LLM responds, or\n   * `{ valid: false, error: { type, message } }` on a blocking error.\n   * Transient errors (rate limits, timeouts) are non-blocking.\n   *\n   * Cloud backends do not implement this endpoint; `null` signals\n   * \"no verdict\" so callers fall through to the normal save path.\n   */\n  static async validateProfile(\n    name: string,\n    request: SaveProfileRequest,\n  ): Promise<ValidateProfileResponse | null> {\n    if (isCloudBackend()) return null;\n    const client = new ProfilesClient({\n      ...getAgentServerClientOptions(),\n      timeout: 30000,\n    });\n    try {\n      return await client.validateProfile(name, request);\n    } catch (error) {\n      // Older agent-server versions don't have the endpoint → 404\n      // Treat as \"no verdict\" rather than blocking the save.\n      const status =\n        error && typeof error === \"object\" && \"status\" in error\n          ? (error as { status?: unknown }).status\n          : undefined;\n      if (\n        status === 404 ||\n        status === 429 ||\n        (typeof status === \"number\" && status >= 500) ||\n        isAbortLike(error)\n      ) {\n        return null;\n      }\n      throw error;\n    } finally {\n      client.close();\n    }\n  }\n}\n\nexport default ProfilesService;\n"],"mappings":";;;;;;AAuDA,SAAS,IAA0B;CACjC,OAAO,EAAiB,EAAE,QAAQ,SAAS;AAC7C;AAEA,SAAS,EAAY,GAAyB;CAC5C,IAAI,CAAC,KAAS,OAAO,KAAU,UAAU,OAAO;CAChD,IAAM,IAAO,UAAU,IAAQ,EAAM,OAAO,KAAA;CAC5C,IAAI,MAAS,gBAAgB,MAAS,gBAAgB,OAAO;CAC7D,IAAM,IAAQ,WAAW,IAAQ,EAAM,QAAQ,KAAA;CAC/C,OACE,CAAC,CAAC,KACF,OAAO,KAAU,YACjB,UAAU,MACT,EAAM,SAAS,gBAAgB,EAAM,SAAS;AAEnD;AAEA,IAAM,IAAN,MAAsB;CACpB,aAAa,eAA6C;EAExD,OADI,EAAe,IAAU,EAAmB,IACzC,IAAI,EAAe,EAA4B,CAAC,EAAE,aAAa;CACxE;CAEA,aAAa,WACX,GACA,GACgC;EAGhC,IAAI,EAAe,GAAG,OAAO,EAAkB,CAAI;EACnD,IAAM,IAA6B,IAAgB,EAAE,iBAAc,IAAI,CAAC;EACxE,OAAO,IAAI,EAAe,EAA4B,CAAC,EAAE,WACvD,GACA,CACF;CACF;CAEA,aAAa,YACX,GACA,GACkC;EAElC,OADI,EAAe,IAAU,EAAiB,GAAM,CAAO,IACpD,IAAI,EAAe,EAA4B,CAAC,EAAE,YACvD,GACA,CACF;CACF;CAEA,aAAa,cAAc,GAAgD;EAEzE,OADI,EAAe,IAAU,EAAmB,CAAI,IAC7C,IAAI,EAAe,EAA4B,CAAC,EAAE,cACvD,CACF;CACF;CAEA,aAAa,cACX,GACA,GACkC;EAElC,OADI,EAAe,IAAU,EAAmB,GAAM,CAAO,IACtD,IAAI,EAAe,EAA4B,CAAC,EAAE,cACvD,GACA,CACF;CACF;CAEA,aAAa,gBAAgB,GAAgD;EAE3E,OADI,EAAe,IAAU,EAAqB,CAAI,IAC/C,IAAI,EAAe,EAA4B,CAAC,EAAE,gBACvD,CACF;CACF;CAcA,aAAa,gBACX,GACA,GACyC;EACzC,IAAI,EAAe,GAAG,OAAO;EAC7B,IAAM,IAAS,IAAI,EAAe;GAChC,GAAG,EAA4B;GAC/B,SAAS;EACX,CAAC;EACD,IAAI;GACF,OAAO,MAAM,EAAO,gBAAgB,GAAM,CAAO;EACnD,SAAS,GAAO;GAGd,IAAM,IACJ,KAAS,OAAO,KAAU,YAAY,YAAY,IAC7C,EAA+B,SAChC,KAAA;GACN,IACE,MAAW,OACX,MAAW,OACV,OAAO,KAAW,YAAY,KAAU,OACzC,EAAY,CAAK,GAEjB,OAAO;GAET,MAAM;EACR,UAAU;GACR,EAAO,MAAM;EACf;CACF;AACF"}
+{"version":3,"file":"profiles-service.api.js","names":[],"sources":["../../../src/api/profiles-service/profiles-service.api.ts"],"sourcesContent":["/**\n * ProfilesService is the single entry point for LLM-profile CRUD, routing per\n * active backend so callers (hooks, the settings manager) stay backend-agnostic:\n * - local agent-server: the SDK's ProfilesClient (`/api/profiles`), created\n *   per-call to pick up current backend configuration;\n * - cloud app-server: `src/api/cloud/profiles-service.api.ts` (the org-gated\n *   `/api/organizations/{orgId}/profiles` routes, or the per-user settings\n *   route as a fallback) via the org-scoped cloud proxy.\n * This mirrors how SettingsService branches to fetchCloudSettings().\n *\n * Uses ProfilesClient from @openhands/typescript-client v0.2.0+.\n * All types are re-exported from the SDK for consumer convenience.\n *\n * Note: Unlike some SDK clients, we don't call client.close() here for\n * consistency with other services (SettingsService, SecretsService) that\n * also create SDK clients without explicit cleanup. The SDK clients use\n * fetch-based HTTP which doesn't require connection cleanup.\n */\nimport {\n  ProfilesClient,\n  type GetProfileOptions,\n} from \"@openhands/typescript-client/clients\";\nimport type {\n  ProfileInfo as ClientProfileInfo,\n  ProfileListResponse as ClientProfileListResponse,\n  ProfileDetailResponse,\n  ProfileMutationResponse,\n  ActivateProfileResponse,\n  SaveProfileRequest,\n  ExposeSecretsMode,\n  ValidateProfileResponse,\n} from \"@openhands/typescript-client\";\nimport { getAgentServerClientOptions } from \"../agent-server-client-options\";\nimport { getActiveBackend } from \"../backend-registry/active-store\";\nimport {\n  activateCloudProfile,\n  deleteCloudProfile,\n  fetchCloudProfile,\n  fetchCloudProfiles,\n  renameCloudProfile,\n  saveCloudProfile,\n} from \"../cloud/profiles-service.api\";\n\n/**\n * Profile summaries carry an optional `provider_connection_id` (the shared\n * provider connection a profile links to), but `@openhands/typescript-client`\n * predates that field. Widen the client types here so consumers can read it; it\n * stays optional, so a client response without the field is still assignable.\n */\nexport interface ProfileInfo extends ClientProfileInfo {\n  provider_connection_id?: string | null;\n  /** True when provider_connection_id is set but the referenced connection no longer exists. */\n  provider_connection_broken?: boolean;\n}\n\nexport interface ProfileListResponse extends Omit<\n  ClientProfileListResponse,\n  \"profiles\"\n> {\n  profiles: ProfileInfo[];\n}\n\n// Re-export SDK types for consumers\nexport type {\n  ProfileDetailResponse,\n  ProfileMutationResponse,\n  ActivateProfileResponse,\n  SaveProfileRequest,\n  ExposeSecretsMode,\n  ValidateProfileResponse,\n};\n\nfunction isCloudBackend(): boolean {\n  return getActiveBackend().backend.kind === \"cloud\";\n}\n\nfunction isAbortLike(error: unknown): boolean {\n  if (!error || typeof error !== \"object\") return false;\n  const name = \"name\" in error ? error.name : undefined;\n  if (name === \"AbortError\" || name === \"TimeoutError\") return true;\n  const cause = \"cause\" in error ? error.cause : undefined;\n  return (\n    !!cause &&\n    typeof cause === \"object\" &&\n    \"name\" in cause &&\n    (cause.name === \"AbortError\" || cause.name === \"TimeoutError\")\n  );\n}\n\nclass ProfilesService {\n  static async listProfiles(): Promise<ProfileListResponse> {\n    if (isCloudBackend()) return fetchCloudProfiles();\n    return new ProfilesClient(getAgentServerClientOptions()).listProfiles();\n  }\n\n  static async getProfile(\n    name: string,\n    exposeSecrets?: ExposeSecretsMode,\n  ): Promise<ProfileDetailResponse> {\n    // Cloud never exposes profile secrets (api_key is always nulled with an\n    // api_key_set flag), so `exposeSecrets` is local-only.\n    if (isCloudBackend()) return fetchCloudProfile(name);\n    const options: GetProfileOptions = exposeSecrets ? { exposeSecrets } : {};\n    return new ProfilesClient(getAgentServerClientOptions()).getProfile(\n      name,\n      options,\n    );\n  }\n\n  static async saveProfile(\n    name: string,\n    request: SaveProfileRequest,\n  ): Promise<ProfileMutationResponse> {\n    if (isCloudBackend()) return saveCloudProfile(name, request);\n    return new ProfilesClient(getAgentServerClientOptions()).saveProfile(\n      name,\n      request,\n    );\n  }\n\n  static async deleteProfile(name: string): Promise<ProfileMutationResponse> {\n    if (isCloudBackend()) return deleteCloudProfile(name);\n    return new ProfilesClient(getAgentServerClientOptions()).deleteProfile(\n      name,\n    );\n  }\n\n  static async renameProfile(\n    name: string,\n    newName: string,\n  ): Promise<ProfileMutationResponse> {\n    if (isCloudBackend()) return renameCloudProfile(name, newName);\n    return new ProfilesClient(getAgentServerClientOptions()).renameProfile(\n      name,\n      newName,\n    );\n  }\n\n  static async activateProfile(name: string): Promise<ActivateProfileResponse> {\n    if (isCloudBackend()) return activateCloudProfile(name);\n    return new ProfilesClient(getAgentServerClientOptions()).activateProfile(\n      name,\n    );\n  }\n\n  /**\n   * Pre-flight check: fire a minimal LLM completion to catch misconfigurations\n   * (invalid model names, missing provider prefixes, bad base URLs, invalid\n   * API keys) before a profile is saved.\n   *\n   * Returns `{ valid: true }` when the LLM responds, or\n   * `{ valid: false, error: { type, message } }` on a blocking error.\n   * Transient errors (rate limits, timeouts) are non-blocking.\n   *\n   * Cloud backends do not implement this endpoint; `null` signals\n   * \"no verdict\" so callers fall through to the normal save path.\n   */\n  static async validateProfile(\n    name: string,\n    request: SaveProfileRequest,\n  ): Promise<ValidateProfileResponse | null> {\n    if (isCloudBackend()) return null;\n    const client = new ProfilesClient({\n      ...getAgentServerClientOptions(),\n      timeout: 30000,\n    });\n    try {\n      return await client.validateProfile(name, request);\n    } catch (error) {\n      // Older agent-server versions don't have the endpoint → 404\n      // Treat as \"no verdict\" rather than blocking the save.\n      const status =\n        error && typeof error === \"object\" && \"status\" in error\n          ? (error as { status?: unknown }).status\n          : undefined;\n      if (\n        status === 404 ||\n        status === 429 ||\n        (typeof status === \"number\" && status >= 500) ||\n        isAbortLike(error)\n      ) {\n        return null;\n      }\n      throw error;\n    } finally {\n      client.close();\n    }\n  }\n}\n\nexport default ProfilesService;\n"],"mappings":";;;;;;AAwEA,SAAS,IAA0B;CACjC,OAAO,EAAiB,EAAE,QAAQ,SAAS;AAC7C;AAEA,SAAS,EAAY,GAAyB;CAC5C,IAAI,CAAC,KAAS,OAAO,KAAU,UAAU,OAAO;CAChD,IAAM,IAAO,UAAU,IAAQ,EAAM,OAAO,KAAA;CAC5C,IAAI,MAAS,gBAAgB,MAAS,gBAAgB,OAAO;CAC7D,IAAM,IAAQ,WAAW,IAAQ,EAAM,QAAQ,KAAA;CAC/C,OACE,CAAC,CAAC,KACF,OAAO,KAAU,YACjB,UAAU,MACT,EAAM,SAAS,gBAAgB,EAAM,SAAS;AAEnD;AAEA,IAAM,IAAN,MAAsB;CACpB,aAAa,eAA6C;EAExD,OADI,EAAe,IAAU,EAAmB,IACzC,IAAI,EAAe,EAA4B,CAAC,EAAE,aAAa;CACxE;CAEA,aAAa,WACX,GACA,GACgC;EAGhC,IAAI,EAAe,GAAG,OAAO,EAAkB,CAAI;EACnD,IAAM,IAA6B,IAAgB,EAAE,iBAAc,IAAI,CAAC;EACxE,OAAO,IAAI,EAAe,EAA4B,CAAC,EAAE,WACvD,GACA,CACF;CACF;CAEA,aAAa,YACX,GACA,GACkC;EAElC,OADI,EAAe,IAAU,EAAiB,GAAM,CAAO,IACpD,IAAI,EAAe,EAA4B,CAAC,EAAE,YACvD,GACA,CACF;CACF;CAEA,aAAa,cAAc,GAAgD;EAEzE,OADI,EAAe,IAAU,EAAmB,CAAI,IAC7C,IAAI,EAAe,EAA4B,CAAC,EAAE,cACvD,CACF;CACF;CAEA,aAAa,cACX,GACA,GACkC;EAElC,OADI,EAAe,IAAU,EAAmB,GAAM,CAAO,IACtD,IAAI,EAAe,EAA4B,CAAC,EAAE,cACvD,GACA,CACF;CACF;CAEA,aAAa,gBAAgB,GAAgD;EAE3E,OADI,EAAe,IAAU,EAAqB,CAAI,IAC/C,IAAI,EAAe,EAA4B,CAAC,EAAE,gBACvD,CACF;CACF;CAcA,aAAa,gBACX,GACA,GACyC;EACzC,IAAI,EAAe,GAAG,OAAO;EAC7B,IAAM,IAAS,IAAI,EAAe;GAChC,GAAG,EAA4B;GAC/B,SAAS;EACX,CAAC;EACD,IAAI;GACF,OAAO,MAAM,EAAO,gBAAgB,GAAM,CAAO;EACnD,SAAS,GAAO;GAGd,IAAM,IACJ,KAAS,OAAO,KAAU,YAAY,YAAY,IAC7C,EAA+B,SAChC,KAAA;GACN,IACE,MAAW,OACX,MAAW,OACV,OAAO,KAAW,YAAY,KAAU,OACzC,EAAY,CAAK,GAEjB,OAAO;GAET,MAAM;EACR,UAAU;GACR,EAAO,MAAM;EACf;CACF;AACF"}

package/dist/api/provider-connections-service/provider-connections-service.api.cjs

@@ -0,0 +1,2 @@
+require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../node_modules/@openhands/typescript-client/dist/client/openhands-client.cjs");require("../../node_modules/@openhands/typescript-client/dist/clients.cjs");const t=require("../agent-server-client-options.cjs");var n=`/api/llm/provider-connections`;function r(){let{host:n,apiKey:r}=t.getAgentServerClientOptions();return new e.AgentServerClient({host:n,...r?{apiKey:r}:{}})}var i=class{static async list(){let e=r();try{return await e.get(n,{responseType:`json`})}finally{e.close()}}static async create(e){let t=r();try{return await t.post(n,e,{responseType:`json`})}finally{t.close()}}static async update(e,t){let i=r();try{return await i.patch(`${n}/${encodeURIComponent(e)}`,t,{responseType:`json`})}finally{i.close()}}static async delete(e){let t=r();try{return await t.delete(`${n}/${encodeURIComponent(e)}`,{responseType:`json`})}finally{t.close()}}};exports.default=i;
+//# sourceMappingURL=provider-connections-service.api.cjs.map

package/dist/api/provider-connections-service/provider-connections-service.api.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-connections-service.api.cjs","names":[],"sources":["../../../src/api/provider-connections-service/provider-connections-service.api.ts"],"sourcesContent":["/**\n * ProviderConnectionsService is a thin wrapper over the local agent-server's\n * `/api/llm/provider-connections` CRUD endpoints. A provider connection is a\n * shared `api_key` + optional `base_url` that one or more LLM profiles\n * reference by id; the agent-server resolves the credential into a runnable LLM\n * at profile-load time, so this service only manages the stored connections.\n *\n * These endpoints exist only on the agent-server (local backend). Cloud has no\n * equivalent yet, so callers must gate usage on `backend.kind === \"local\"`.\n *\n * There is no generated client for these routes in `@openhands/typescript-client`\n * yet, so requests go through the generic `AgentServerClient` verb helpers —\n * the same approach `LLMBalanceService` uses.\n */\nimport { AgentServerClient } from \"@openhands/typescript-client/clients\";\nimport { getAgentServerClientOptions } from \"../agent-server-client-options\";\n\nconst PROVIDER_CONNECTIONS_PATH = \"/api/llm/provider-connections\";\n\nexport interface ProviderConnection {\n  id: string;\n  display_name: string;\n  provider: string;\n  base_url: string | null;\n  created_at: number;\n  updated_at: number;\n  /** Whether the stored connection currently holds a usable key. */\n  api_key_set: boolean;\n}\n\nexport interface CreateProviderConnectionRequest {\n  display_name: string;\n  provider: string;\n  api_key: string;\n  base_url?: string | null;\n}\n\n/**\n * Partial update. Only the provided fields change. `api_key` may be sent to\n * rotate the key; the agent-server rejects `api_key: null` (a connection must\n * always keep a key), so callers omit it to leave the key unchanged.\n */\nexport interface UpdateProviderConnectionRequest {\n  display_name?: string;\n  provider?: string;\n  api_key?: string;\n  base_url?: string | null;\n}\n\nfunction createClient(): AgentServerClient {\n  const { host, apiKey } = getAgentServerClientOptions();\n  return new AgentServerClient({ host, ...(apiKey ? { apiKey } : {}) });\n}\n\nclass ProviderConnectionsService {\n  static async list(): Promise<ProviderConnection[]> {\n    const client = createClient();\n    try {\n      return await client.get<ProviderConnection[]>(PROVIDER_CONNECTIONS_PATH, {\n        responseType: \"json\",\n      });\n    } finally {\n      client.close();\n    }\n  }\n\n  static async create(\n    request: CreateProviderConnectionRequest,\n  ): Promise<ProviderConnection> {\n    const client = createClient();\n    try {\n      return await client.post<ProviderConnection>(\n        PROVIDER_CONNECTIONS_PATH,\n        request,\n        { responseType: \"json\" },\n      );\n    } finally {\n      client.close();\n    }\n  }\n\n  static async update(\n    id: string,\n    request: UpdateProviderConnectionRequest,\n  ): Promise<ProviderConnection> {\n    const client = createClient();\n    try {\n      return await client.patch<ProviderConnection>(\n        `${PROVIDER_CONNECTIONS_PATH}/${encodeURIComponent(id)}`,\n        request,\n        { responseType: \"json\" },\n      );\n    } finally {\n      client.close();\n    }\n  }\n\n  static async delete(id: string): Promise<ProviderConnection> {\n    const client = createClient();\n    try {\n      return await client.delete<ProviderConnection>(\n        `${PROVIDER_CONNECTIONS_PATH}/${encodeURIComponent(id)}`,\n        { responseType: \"json\" },\n      );\n    } finally {\n      client.close();\n    }\n  }\n}\n\nexport default ProviderConnectionsService;\n"],"mappings":"sRAiBA,IAAM,EAA4B,gCAgClC,SAAS,GAAkC,CACzC,GAAM,CAAE,OAAM,UAAW,EAAA,4BAA4B,EACrD,OAAO,IAAI,EAAA,kBAAkB,CAAE,OAAM,GAAI,EAAS,CAAE,QAAO,EAAI,CAAC,CAAG,CAAC,CACtE,CAEA,IAAM,EAAN,KAAiC,CAC/B,aAAa,MAAsC,CACjD,IAAM,EAAS,EAAa,EAC5B,GAAI,CACF,OAAO,MAAM,EAAO,IAA0B,EAA2B,CACvE,aAAc,MAChB,CAAC,CACH,QAAU,CACR,EAAO,MAAM,CACf,CACF,CAEA,aAAa,OACX,EAC6B,CAC7B,IAAM,EAAS,EAAa,EAC5B,GAAI,CACF,OAAO,MAAM,EAAO,KAClB,EACA,EACA,CAAE,aAAc,MAAO,CACzB,CACF,QAAU,CACR,EAAO,MAAM,CACf,CACF,CAEA,aAAa,OACX,EACA,EAC6B,CAC7B,IAAM,EAAS,EAAa,EAC5B,GAAI,CACF,OAAO,MAAM,EAAO,MAClB,GAAG,EAA0B,GAAG,mBAAmB,CAAE,IACrD,EACA,CAAE,aAAc,MAAO,CACzB,CACF,QAAU,CACR,EAAO,MAAM,CACf,CACF,CAEA,aAAa,OAAO,EAAyC,CAC3D,IAAM,EAAS,EAAa,EAC5B,GAAI,CACF,OAAO,MAAM,EAAO,OAClB,GAAG,EAA0B,GAAG,mBAAmB,CAAE,IACrD,CAAE,aAAc,MAAO,CACzB,CACF,QAAU,CACR,EAAO,MAAM,CACf,CACF,CACF"}

package/dist/api/provider-connections-service/provider-connections-service.api.d.ts

@@ -0,0 +1,34 @@
+export interface ProviderConnection {
+    id: string;
+    display_name: string;
+    provider: string;
+    base_url: string | null;
+    created_at: number;
+    updated_at: number;
+    /** Whether the stored connection currently holds a usable key. */
+    api_key_set: boolean;
+}
+export interface CreateProviderConnectionRequest {
+    display_name: string;
+    provider: string;
+    api_key: string;
+    base_url?: string | null;
+}
+/**
+ * Partial update. Only the provided fields change. `api_key` may be sent to
+ * rotate the key; the agent-server rejects `api_key: null` (a connection must
+ * always keep a key), so callers omit it to leave the key unchanged.
+ */
+export interface UpdateProviderConnectionRequest {
+    display_name?: string;
+    provider?: string;
+    api_key?: string;
+    base_url?: string | null;
+}
+declare class ProviderConnectionsService {
+    static list(): Promise<ProviderConnection[]>;
+    static create(request: CreateProviderConnectionRequest): Promise<ProviderConnection>;
+    static update(id: string, request: UpdateProviderConnectionRequest): Promise<ProviderConnection>;
+    static delete(id: string): Promise<ProviderConnection>;
+}
+export default ProviderConnectionsService;

package/dist/api/provider-connections-service/provider-connections-service.api.js

@@ -0,0 +1,50 @@
+import { AgentServerClient as e } from "../../node_modules/@openhands/typescript-client/dist/client/openhands-client.js";
+import "../../node_modules/@openhands/typescript-client/dist/clients.js";
+import { getAgentServerClientOptions as t } from "../agent-server-client-options.js";
+//#region src/api/provider-connections-service/provider-connections-service.api.ts
+var n = "/api/llm/provider-connections";
+function r() {
+	let { host: n, apiKey: r } = t();
+	return new e({
+		host: n,
+		...r ? { apiKey: r } : {}
+	});
+}
+var i = class {
+	static async list() {
+		let e = r();
+		try {
+			return await e.get(n, { responseType: "json" });
+		} finally {
+			e.close();
+		}
+	}
+	static async create(e) {
+		let t = r();
+		try {
+			return await t.post(n, e, { responseType: "json" });
+		} finally {
+			t.close();
+		}
+	}
+	static async update(e, t) {
+		let i = r();
+		try {
+			return await i.patch(`${n}/${encodeURIComponent(e)}`, t, { responseType: "json" });
+		} finally {
+			i.close();
+		}
+	}
+	static async delete(e) {
+		let t = r();
+		try {
+			return await t.delete(`${n}/${encodeURIComponent(e)}`, { responseType: "json" });
+		} finally {
+			t.close();
+		}
+	}
+};
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=provider-connections-service.api.js.map

package/dist/api/provider-connections-service/provider-connections-service.api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-connections-service.api.js","names":[],"sources":["../../../src/api/provider-connections-service/provider-connections-service.api.ts"],"sourcesContent":["/**\n * ProviderConnectionsService is a thin wrapper over the local agent-server's\n * `/api/llm/provider-connections` CRUD endpoints. A provider connection is a\n * shared `api_key` + optional `base_url` that one or more LLM profiles\n * reference by id; the agent-server resolves the credential into a runnable LLM\n * at profile-load time, so this service only manages the stored connections.\n *\n * These endpoints exist only on the agent-server (local backend). Cloud has no\n * equivalent yet, so callers must gate usage on `backend.kind === \"local\"`.\n *\n * There is no generated client for these routes in `@openhands/typescript-client`\n * yet, so requests go through the generic `AgentServerClient` verb helpers —\n * the same approach `LLMBalanceService` uses.\n */\nimport { AgentServerClient } from \"@openhands/typescript-client/clients\";\nimport { getAgentServerClientOptions } from \"../agent-server-client-options\";\n\nconst PROVIDER_CONNECTIONS_PATH = \"/api/llm/provider-connections\";\n\nexport interface ProviderConnection {\n  id: string;\n  display_name: string;\n  provider: string;\n  base_url: string | null;\n  created_at: number;\n  updated_at: number;\n  /** Whether the stored connection currently holds a usable key. */\n  api_key_set: boolean;\n}\n\nexport interface CreateProviderConnectionRequest {\n  display_name: string;\n  provider: string;\n  api_key: string;\n  base_url?: string | null;\n}\n\n/**\n * Partial update. Only the provided fields change. `api_key` may be sent to\n * rotate the key; the agent-server rejects `api_key: null` (a connection must\n * always keep a key), so callers omit it to leave the key unchanged.\n */\nexport interface UpdateProviderConnectionRequest {\n  display_name?: string;\n  provider?: string;\n  api_key?: string;\n  base_url?: string | null;\n}\n\nfunction createClient(): AgentServerClient {\n  const { host, apiKey } = getAgentServerClientOptions();\n  return new AgentServerClient({ host, ...(apiKey ? { apiKey } : {}) });\n}\n\nclass ProviderConnectionsService {\n  static async list(): Promise<ProviderConnection[]> {\n    const client = createClient();\n    try {\n      return await client.get<ProviderConnection[]>(PROVIDER_CONNECTIONS_PATH, {\n        responseType: \"json\",\n      });\n    } finally {\n      client.close();\n    }\n  }\n\n  static async create(\n    request: CreateProviderConnectionRequest,\n  ): Promise<ProviderConnection> {\n    const client = createClient();\n    try {\n      return await client.post<ProviderConnection>(\n        PROVIDER_CONNECTIONS_PATH,\n        request,\n        { responseType: \"json\" },\n      );\n    } finally {\n      client.close();\n    }\n  }\n\n  static async update(\n    id: string,\n    request: UpdateProviderConnectionRequest,\n  ): Promise<ProviderConnection> {\n    const client = createClient();\n    try {\n      return await client.patch<ProviderConnection>(\n        `${PROVIDER_CONNECTIONS_PATH}/${encodeURIComponent(id)}`,\n        request,\n        { responseType: \"json\" },\n      );\n    } finally {\n      client.close();\n    }\n  }\n\n  static async delete(id: string): Promise<ProviderConnection> {\n    const client = createClient();\n    try {\n      return await client.delete<ProviderConnection>(\n        `${PROVIDER_CONNECTIONS_PATH}/${encodeURIComponent(id)}`,\n        { responseType: \"json\" },\n      );\n    } finally {\n      client.close();\n    }\n  }\n}\n\nexport default ProviderConnectionsService;\n"],"mappings":";;;;AAiBA,IAAM,IAA4B;AAgClC,SAAS,IAAkC;CACzC,IAAM,EAAE,SAAM,cAAW,EAA4B;CACrD,OAAO,IAAI,EAAkB;EAAE;EAAM,GAAI,IAAS,EAAE,UAAO,IAAI,CAAC;CAAG,CAAC;AACtE;AAEA,IAAM,IAAN,MAAiC;CAC/B,aAAa,OAAsC;EACjD,IAAM,IAAS,EAAa;EAC5B,IAAI;GACF,OAAO,MAAM,EAAO,IAA0B,GAA2B,EACvE,cAAc,OAChB,CAAC;EACH,UAAU;GACR,EAAO,MAAM;EACf;CACF;CAEA,aAAa,OACX,GAC6B;EAC7B,IAAM,IAAS,EAAa;EAC5B,IAAI;GACF,OAAO,MAAM,EAAO,KAClB,GACA,GACA,EAAE,cAAc,OAAO,CACzB;EACF,UAAU;GACR,EAAO,MAAM;EACf;CACF;CAEA,aAAa,OACX,GACA,GAC6B;EAC7B,IAAM,IAAS,EAAa;EAC5B,IAAI;GACF,OAAO,MAAM,EAAO,MAClB,GAAG,EAA0B,GAAG,mBAAmB,CAAE,KACrD,GACA,EAAE,cAAc,OAAO,CACzB;EACF,UAAU;GACR,EAAO,MAAM;EACf;CACF;CAEA,aAAa,OAAO,GAAyC;EAC3D,IAAM,IAAS,EAAa;EAC5B,IAAI;GACF,OAAO,MAAM,EAAO,OAClB,GAAG,EAA0B,GAAG,mBAAmB,CAAE,KACrD,EAAE,cAAc,OAAO,CACzB;EACF,UAAU;GACR,EAAO,MAAM;EACf;CACF;AACF"}

package/dist/components/conversation-events/chat/event-content-helpers/create-skill-ready-event.cjs

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("./get-skill-ready-content.cjs");var t=e=>typeof e==`object`&&!!e&&`_isSkillReadyEvent`in e&&e._isSkillReadyEvent===!0,n=t=>{let n=t.activated_skills||t.activated_microagents||[],r=t.extended_content||[];if(n.length===0&&r.length===0)throw Error(`Cannot create skill ready event without activated skills or extended content`);let i=e.getSkillReadyContent(n,r),a=e.getSkillReadyItems(n,r);return{id:`${t.id}-skill-ready`,timestamp:t.timestamp,source:`agent`,_isSkillReadyEvent:!0,_skillReadyContent:i,_skillReadyItems:a}};exports.createSkillReadyEvent=n,exports.isSkillReadyEvent=t;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("./get-skill-ready-content.cjs");var t=e=>typeof e==`object`&&!!e&&`_isSkillReadyEvent`in e&&e._isSkillReadyEvent===!0,n=t=>{let n=t.activated_skills||[],r=t.extended_content||[];if(n.length===0&&r.length===0)throw Error(`Cannot create skill ready event without activated skills or extended content`);let i=e.getSkillReadyContent(n,r),a=e.getSkillReadyItems(n,r);return{id:`${t.id}-skill-ready`,timestamp:t.timestamp,source:`agent`,_isSkillReadyEvent:!0,_skillReadyContent:i,_skillReadyItems:a}};exports.createSkillReadyEvent=n,exports.isSkillReadyEvent=t;
 //# sourceMappingURL=create-skill-ready-event.cjs.map

package/dist/components/conversation-events/chat/event-content-helpers/create-skill-ready-event.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"create-skill-ready-event.cjs","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-content-helpers/create-skill-ready-event.ts"],"sourcesContent":["import { MessageEvent } from \"#/types/agent-server/core\";\nimport { BaseEvent } from \"#/types/agent-server/core/base/event\";\nimport {\n  getSkillReadyContent,\n  getSkillReadyItems,\n  SkillReadyItem,\n} from \"./get-skill-ready-content\";\n\nexport type { SkillReadyItem };\n\n/**\n * Synthetic event type for Skill Ready events.\n * This extends BaseEvent and includes a marker to identify it as a skill ready event.\n */\nexport interface SkillReadyEvent extends BaseEvent {\n  _isSkillReadyEvent: true;\n  _skillReadyContent: string;\n  _skillReadyItems: SkillReadyItem[];\n}\n\n/**\n * Type guard for Skill Ready events.\n */\nexport const isSkillReadyEvent = (event: unknown): event is SkillReadyEvent =>\n  typeof event === \"object\" &&\n  event !== null &&\n  \"_isSkillReadyEvent\" in event &&\n  event._isSkillReadyEvent === true;\n\n/**\n * Creates a synthetic \"Skill Ready\" event from a user MessageEvent.\n * This event appears as originating from the agent and contains formatted\n * information about activated skills and extended content.\n */\nexport const createSkillReadyEvent = (\n  userEvent: MessageEvent,\n): SkillReadyEvent => {\n  // Support both activated_skills and activated_microagents field names\n  const activatedSkills =\n    (userEvent as unknown as { activated_skills?: string[] })\n      .activated_skills ||\n    userEvent.activated_microagents ||\n    [];\n\n  const extendedContent = userEvent.extended_content || [];\n\n  // Only create event if we have skills or extended content\n  if (activatedSkills.length === 0 && extendedContent.length === 0) {\n    throw new Error(\n      \"Cannot create skill ready event without activated skills or extended content\",\n    );\n  }\n\n  const content = getSkillReadyContent(activatedSkills, extendedContent);\n  const items = getSkillReadyItems(activatedSkills, extendedContent);\n\n  return {\n    id: `${userEvent.id}-skill-ready`,\n    timestamp: userEvent.timestamp,\n    source: \"agent\",\n    _isSkillReadyEvent: true,\n    _skillReadyContent: content,\n    _skillReadyItems: items,\n  };\n};\n"],"mappings":"uGAuBA,IAAa,EAAqB,GAChC,OAAO,GAAU,YACjB,GACA,uBAAwB,GACxB,EAAM,qBAAuB,GAOlB,EACX,GACoB,CAEpB,IAAM,EACH,EACE,kBACH,EAAU,uBACV,CAAC,EAEG,EAAkB,EAAU,kBAAoB,CAAC,EAGvD,GAAI,EAAgB,SAAW,GAAK,EAAgB,SAAW,EAC7D,MAAU,MACR,8EACF,EAGF,IAAM,EAAU,EAAA,qBAAqB,EAAiB,CAAe,EAC/D,EAAQ,EAAA,mBAAmB,EAAiB,CAAe,EAEjE,MAAO,CACL,GAAI,GAAG,EAAU,GAAG,cACpB,UAAW,EAAU,UACrB,OAAQ,QACR,mBAAoB,GACpB,mBAAoB,EACpB,iBAAkB,CACpB,CACF"}
+{"version":3,"file":"create-skill-ready-event.cjs","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-content-helpers/create-skill-ready-event.ts"],"sourcesContent":["import { MessageEvent } from \"#/types/agent-server/core\";\nimport { BaseEvent } from \"#/types/agent-server/core/base/event\";\nimport {\n  getSkillReadyContent,\n  getSkillReadyItems,\n  SkillReadyItem,\n} from \"./get-skill-ready-content\";\n\nexport type { SkillReadyItem };\n\n/**\n * Synthetic event type for Skill Ready events.\n * This extends BaseEvent and includes a marker to identify it as a skill ready event.\n */\nexport interface SkillReadyEvent extends BaseEvent {\n  _isSkillReadyEvent: true;\n  _skillReadyContent: string;\n  _skillReadyItems: SkillReadyItem[];\n}\n\n/**\n * Type guard for Skill Ready events.\n */\nexport const isSkillReadyEvent = (event: unknown): event is SkillReadyEvent =>\n  typeof event === \"object\" &&\n  event !== null &&\n  \"_isSkillReadyEvent\" in event &&\n  event._isSkillReadyEvent === true;\n\n/**\n * Creates a synthetic \"Skill Ready\" event from a user MessageEvent.\n * This event appears as originating from the agent and contains formatted\n * information about activated skills and extended content.\n */\nexport const createSkillReadyEvent = (\n  userEvent: MessageEvent,\n): SkillReadyEvent => {\n  const activatedSkills = userEvent.activated_skills || [];\n\n  const extendedContent = userEvent.extended_content || [];\n\n  // Only create event if we have skills or extended content\n  if (activatedSkills.length === 0 && extendedContent.length === 0) {\n    throw new Error(\n      \"Cannot create skill ready event without activated skills or extended content\",\n    );\n  }\n\n  const content = getSkillReadyContent(activatedSkills, extendedContent);\n  const items = getSkillReadyItems(activatedSkills, extendedContent);\n\n  return {\n    id: `${userEvent.id}-skill-ready`,\n    timestamp: userEvent.timestamp,\n    source: \"agent\",\n    _isSkillReadyEvent: true,\n    _skillReadyContent: content,\n    _skillReadyItems: items,\n  };\n};\n"],"mappings":"uGAuBA,IAAa,EAAqB,GAChC,OAAO,GAAU,YACjB,GACA,uBAAwB,GACxB,EAAM,qBAAuB,GAOlB,EACX,GACoB,CACpB,IAAM,EAAkB,EAAU,kBAAoB,CAAC,EAEjD,EAAkB,EAAU,kBAAoB,CAAC,EAGvD,GAAI,EAAgB,SAAW,GAAK,EAAgB,SAAW,EAC7D,MAAU,MACR,8EACF,EAGF,IAAM,EAAU,EAAA,qBAAqB,EAAiB,CAAe,EAC/D,EAAQ,EAAA,mBAAmB,EAAiB,CAAe,EAEjE,MAAO,CACL,GAAI,GAAG,EAAU,GAAG,cACpB,UAAW,EAAU,UACrB,OAAQ,QACR,mBAAoB,GACpB,mBAAoB,EACpB,iBAAkB,CACpB,CACF"}

package/dist/components/conversation-events/chat/event-content-helpers/create-skill-ready-event.js

@@ -1,7 +1,7 @@
 import { getSkillReadyContent as e, getSkillReadyItems as t } from "./get-skill-ready-content.js";
 //#region src/components/conversation-events/chat/event-content-helpers/create-skill-ready-event.ts
 var n = (e) => typeof e == "object" && !!e && "_isSkillReadyEvent" in e && e._isSkillReadyEvent === !0, r = (n) => {
-	let r = n.activated_skills || n.activated_microagents || [], i = n.extended_content || [];
+	let r = n.activated_skills || [], i = n.extended_content || [];
 	if (r.length === 0 && i.length === 0) throw Error("Cannot create skill ready event without activated skills or extended content");
 	let a = e(r, i), o = t(r, i);
 	return {

package/dist/components/conversation-events/chat/event-content-helpers/create-skill-ready-event.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-skill-ready-event.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-content-helpers/create-skill-ready-event.ts"],"sourcesContent":["import { MessageEvent } from \"#/types/agent-server/core\";\nimport { BaseEvent } from \"#/types/agent-server/core/base/event\";\nimport {\n  getSkillReadyContent,\n  getSkillReadyItems,\n  SkillReadyItem,\n} from \"./get-skill-ready-content\";\n\nexport type { SkillReadyItem };\n\n/**\n * Synthetic event type for Skill Ready events.\n * This extends BaseEvent and includes a marker to identify it as a skill ready event.\n */\nexport interface SkillReadyEvent extends BaseEvent {\n  _isSkillReadyEvent: true;\n  _skillReadyContent: string;\n  _skillReadyItems: SkillReadyItem[];\n}\n\n/**\n * Type guard for Skill Ready events.\n */\nexport const isSkillReadyEvent = (event: unknown): event is SkillReadyEvent =>\n  typeof event === \"object\" &&\n  event !== null &&\n  \"_isSkillReadyEvent\" in event &&\n  event._isSkillReadyEvent === true;\n\n/**\n * Creates a synthetic \"Skill Ready\" event from a user MessageEvent.\n * This event appears as originating from the agent and contains formatted\n * information about activated skills and extended content.\n */\nexport const createSkillReadyEvent = (\n  userEvent: MessageEvent,\n): SkillReadyEvent => {\n  // Support both activated_skills and activated_microagents field names\n  const activatedSkills =\n    (userEvent as unknown as { activated_skills?: string[] })\n      .activated_skills ||\n    userEvent.activated_microagents ||\n    [];\n\n  const extendedContent = userEvent.extended_content || [];\n\n  // Only create event if we have skills or extended content\n  if (activatedSkills.length === 0 && extendedContent.length === 0) {\n    throw new Error(\n      \"Cannot create skill ready event without activated skills or extended content\",\n    );\n  }\n\n  const content = getSkillReadyContent(activatedSkills, extendedContent);\n  const items = getSkillReadyItems(activatedSkills, extendedContent);\n\n  return {\n    id: `${userEvent.id}-skill-ready`,\n    timestamp: userEvent.timestamp,\n    source: \"agent\",\n    _isSkillReadyEvent: true,\n    _skillReadyContent: content,\n    _skillReadyItems: items,\n  };\n};\n"],"mappings":";;AAuBA,IAAa,KAAqB,MAChC,OAAO,KAAU,cACjB,KACA,wBAAwB,KACxB,EAAM,uBAAuB,IAOlB,KACX,MACoB;CAEpB,IAAM,IACH,EACE,oBACH,EAAU,yBACV,CAAC,GAEG,IAAkB,EAAU,oBAAoB,CAAC;CAGvD,IAAI,EAAgB,WAAW,KAAK,EAAgB,WAAW,GAC7D,MAAU,MACR,8EACF;CAGF,IAAM,IAAU,EAAqB,GAAiB,CAAe,GAC/D,IAAQ,EAAmB,GAAiB,CAAe;CAEjE,OAAO;EACL,IAAI,GAAG,EAAU,GAAG;EACpB,WAAW,EAAU;EACrB,QAAQ;EACR,oBAAoB;EACpB,oBAAoB;EACpB,kBAAkB;CACpB;AACF"}
+{"version":3,"file":"create-skill-ready-event.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-content-helpers/create-skill-ready-event.ts"],"sourcesContent":["import { MessageEvent } from \"#/types/agent-server/core\";\nimport { BaseEvent } from \"#/types/agent-server/core/base/event\";\nimport {\n  getSkillReadyContent,\n  getSkillReadyItems,\n  SkillReadyItem,\n} from \"./get-skill-ready-content\";\n\nexport type { SkillReadyItem };\n\n/**\n * Synthetic event type for Skill Ready events.\n * This extends BaseEvent and includes a marker to identify it as a skill ready event.\n */\nexport interface SkillReadyEvent extends BaseEvent {\n  _isSkillReadyEvent: true;\n  _skillReadyContent: string;\n  _skillReadyItems: SkillReadyItem[];\n}\n\n/**\n * Type guard for Skill Ready events.\n */\nexport const isSkillReadyEvent = (event: unknown): event is SkillReadyEvent =>\n  typeof event === \"object\" &&\n  event !== null &&\n  \"_isSkillReadyEvent\" in event &&\n  event._isSkillReadyEvent === true;\n\n/**\n * Creates a synthetic \"Skill Ready\" event from a user MessageEvent.\n * This event appears as originating from the agent and contains formatted\n * information about activated skills and extended content.\n */\nexport const createSkillReadyEvent = (\n  userEvent: MessageEvent,\n): SkillReadyEvent => {\n  const activatedSkills = userEvent.activated_skills || [];\n\n  const extendedContent = userEvent.extended_content || [];\n\n  // Only create event if we have skills or extended content\n  if (activatedSkills.length === 0 && extendedContent.length === 0) {\n    throw new Error(\n      \"Cannot create skill ready event without activated skills or extended content\",\n    );\n  }\n\n  const content = getSkillReadyContent(activatedSkills, extendedContent);\n  const items = getSkillReadyItems(activatedSkills, extendedContent);\n\n  return {\n    id: `${userEvent.id}-skill-ready`,\n    timestamp: userEvent.timestamp,\n    source: \"agent\",\n    _isSkillReadyEvent: true,\n    _skillReadyContent: content,\n    _skillReadyItems: items,\n  };\n};\n"],"mappings":";;AAuBA,IAAa,KAAqB,MAChC,OAAO,KAAU,cACjB,KACA,wBAAwB,KACxB,EAAM,uBAAuB,IAOlB,KACX,MACoB;CACpB,IAAM,IAAkB,EAAU,oBAAoB,CAAC,GAEjD,IAAkB,EAAU,oBAAoB,CAAC;CAGvD,IAAI,EAAgB,WAAW,KAAK,EAAgB,WAAW,GAC7D,MAAU,MACR,8EACF;CAGF,IAAM,IAAU,EAAqB,GAAiB,CAAe,GAC/D,IAAQ,EAAmB,GAAiB,CAAe;CAEjE,OAAO;EACL,IAAI,GAAG,EAAU,GAAG;EACpB,WAAW,EAAU;EACrB,QAAQ;EACR,oBAAoB;EACpB,oBAAoB;EACpB,kBAAkB;CACpB;AACF"}

package/dist/components/conversation-events/chat/event-message.cjs

@@ -1,4 +1,4 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../types/agent-state.cjs"),n=require("../../../stores/conversation-store.cjs"),r=require("../../../types/agent-server/type-guards.cjs"),i=require("./event-thought-helpers.cjs"),a=require("../../../hooks/use-agent-state.cjs"),o=require("../../features/chat/goal-status-content.cjs"),s=require("../../../hooks/query/use-config.cjs"),c=require("../../features/chat/chat-message.cjs"),l=require("../../features/chat/plan-preview.cjs"),u=require("./event-message-components/error-event-message.cjs"),d=require("./event-message-components/collapsible-thinking.cjs"),f=require("./event-message-components/user-assistant-event-message.cjs"),p=require("./event-content-helpers/create-skill-ready-event.cjs"),m=require("./event-message-components/finish-event-message.cjs"),h=require("./event-message-components/generic-event-message-wrapper.cjs"),g=require("./event-message-components/thought-event-message.cjs"),_=require("../../shared/hook-execution-event-message.cjs");require("./event-message-components/hook-execution-event-message.cjs");const v=require("./hooks/use-plan-preview-events.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");var x=e=>e.activated_skills||e.activated_microagents||[],S=e=>!e||e.length===0?!1:e.some(e=>e.type===`text`&&e.text.trim().length>0),C=e=>{let t=x(e).length>0,n=S(e.extended_content);return t&&n},w=(e,t,n)=>{try{let r=p.createSkillReadyEvent(e);return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(f.UserAssistantEventMessage,{event:e,isLastMessage:!1,isFromPlanningAgent:t.isFromPlanningAgent}),(0,b.jsx)(h.GenericEventMessageWrapper,{event:r,isLastMessage:n})]})}catch{return(0,b.jsx)(f.UserAssistantEventMessage,{event:e,isLastMessage:n,isFromPlanningAgent:t.isFromPlanningAgent})}};function T({event:e,messages:p,isLastMessage:y,isInLast10Actions:x,planPreviewEventIds:S,suppressThought:T=!1}){let{data:E}=s.useConfig(),{planContent:D}=n.useConversationStore(),{curAgentState:O}=a.useAgentState(),k=O===t.AgentState.RUNNING||O===t.AgentState.LOADING,A=e.isFromPlanningAgent||!1,j={isLastMessage:y,isInLast10Actions:x,config:E,isFromPlanningAgent:A};if(r.isConversationStateUpdateEvent(e)&&r.isGoalConversationStateUpdateEvent(e))return(0,b.jsx)(o.GoalStatusContent,{status:e.value});if(r.isAgentErrorEvent(e))return(0,b.jsx)(u.ErrorEventMessage,{event:e,...j});if(r.isHookExecutionEvent(e))return(0,b.jsx)(_.HookExecutionEventMessage,{event:e});if(r.isACPToolCallEvent(e))return(0,b.jsx)(h.GenericEventMessageWrapper,{event:e,isLastMessage:y});if(r.isStreamingDeltaEvent(e)){let{reasoning:t,message:n}=i.splitInlineThink(e.content??``,{streaming:!0}),r=[e.reasoning_content??``,t].filter(Boolean).join(`
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../types/agent-state.cjs"),n=require("../../../stores/conversation-store.cjs"),r=require("../../../types/agent-server/type-guards.cjs"),i=require("./event-thought-helpers.cjs"),a=require("../../../hooks/use-agent-state.cjs"),o=require("../../features/chat/goal-status-content.cjs"),s=require("../../../hooks/query/use-config.cjs"),c=require("../../features/chat/chat-message.cjs"),l=require("../../features/chat/plan-preview.cjs"),u=require("./event-message-components/error-event-message.cjs"),d=require("./event-message-components/collapsible-thinking.cjs"),f=require("./event-message-components/user-assistant-event-message.cjs"),p=require("./event-content-helpers/create-skill-ready-event.cjs"),m=require("./event-message-components/finish-event-message.cjs"),h=require("./event-message-components/generic-event-message-wrapper.cjs"),g=require("./event-message-components/thought-event-message.cjs"),_=require("../../shared/hook-execution-event-message.cjs");require("./event-message-components/hook-execution-event-message.cjs");const v=require("./hooks/use-plan-preview-events.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");var x=e=>e.activated_skills||[],S=e=>!e||e.length===0?!1:e.some(e=>e.type===`text`&&e.text.trim().length>0),C=e=>{let t=x(e).length>0,n=S(e.extended_content);return t&&n},w=(e,t,n)=>{try{let r=p.createSkillReadyEvent(e);return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(f.UserAssistantEventMessage,{event:e,isLastMessage:!1,isFromPlanningAgent:t.isFromPlanningAgent}),(0,b.jsx)(h.GenericEventMessageWrapper,{event:r,isLastMessage:n})]})}catch{return(0,b.jsx)(f.UserAssistantEventMessage,{event:e,isLastMessage:n,isFromPlanningAgent:t.isFromPlanningAgent})}};function T({event:e,messages:p,isLastMessage:y,isInLast10Actions:x,planPreviewEventIds:S,suppressThought:T=!1}){let{data:E}=s.useConfig(),{planContent:D}=n.useConversationStore(),{curAgentState:O}=a.useAgentState(),k=O===t.AgentState.RUNNING||O===t.AgentState.LOADING,A=e.isFromPlanningAgent||!1,j={isLastMessage:y,isInLast10Actions:x,config:E,isFromPlanningAgent:A};if(r.isConversationStateUpdateEvent(e)&&r.isGoalConversationStateUpdateEvent(e))return(0,b.jsx)(o.GoalStatusContent,{status:e.value});if(r.isAgentErrorEvent(e))return(0,b.jsx)(u.ErrorEventMessage,{event:e,...j});if(r.isHookExecutionEvent(e))return(0,b.jsx)(_.HookExecutionEventMessage,{event:e});if(r.isACPToolCallEvent(e))return(0,b.jsx)(h.GenericEventMessageWrapper,{event:e,isLastMessage:y});if(r.isStreamingDeltaEvent(e)){let{reasoning:t,message:n}=i.splitInlineThink(e.content??``,{streaming:!0}),r=[e.reasoning_content??``,t].filter(Boolean).join(`
 
 `);return(0,b.jsxs)(b.Fragment,{children:[r&&(0,b.jsx)(d.CollapsibleThinking,{content:r}),n&&(0,b.jsx)(c.ChatMessage,{type:`agent`,message:n,isFromPlanningAgent:A})]})}if(r.isActionEvent(e)&&e.action.kind===`FinishAction`)return(0,b.jsx)(m.FinishEventMessage,{event:e,...j});if(r.isActionEvent(e)&&e.action.kind===`ThinkAction`)return(0,b.jsx)(d.CollapsibleThinking,{content:e.action.thought});if(r.isActionEvent(e)){let t=i.getReasoningContent(e);return(0,b.jsxs)(b.Fragment,{children:[t&&(0,b.jsx)(d.CollapsibleThinking,{content:t}),!T&&(0,b.jsx)(g.ThoughtEventMessage,{event:e,isFromPlanningAgent:A}),(0,b.jsx)(h.GenericEventMessageWrapper,{event:e,isLastMessage:y})]})}if(r.isObservationEvent(e)){if(r.isPlanningFileEditorObservationEvent(e))return S&&v.shouldShowPlanPreview(e.id,S)?(0,b.jsx)(l.PlanPreview,{planContent:D,isStreaming:y&&O===t.AgentState.RUNNING,isBuildDisabled:k}):null;let n=p.find(t=>r.isActionEvent(t)&&t.id===e.action_id),a=!T&&n&&r.isActionEvent(n)&&n.action.kind!==`ThinkAction`,o=n&&r.isActionEvent(n)?i.getReasoningContent(n):``;return(0,b.jsxs)(b.Fragment,{children:[o&&(0,b.jsx)(d.CollapsibleThinking,{content:o}),a&&(0,b.jsx)(g.ThoughtEventMessage,{event:n,isFromPlanningAgent:A}),(0,b.jsx)(h.GenericEventMessageWrapper,{event:e,isLastMessage:y,correspondingAction:n&&r.isActionEvent(n)?n:void 0})]})}if(!r.isActionEvent(e)&&!r.isObservationEvent(e)){let t=e;return r.isUserMessageEvent(e)&&C(t)?w(t,j,y):(0,b.jsx)(f.UserAssistantEventMessage,{event:t,...j,isLastMessage:y})}return(0,b.jsx)(h.GenericEventMessageWrapper,{event:e,isLastMessage:y})}exports.EventMessage=T;
 //# sourceMappingURL=event-message.cjs.map

package/dist/components/conversation-events/chat/event-message.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"event-message.cjs","names":[],"sources":["../../../../src/components/conversation-events/chat/event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  OpenHandsEvent,\n  MessageEvent,\n  ActionEvent,\n} from \"#/types/agent-server/core\";\nimport {\n  FinishAction,\n  ThinkAction,\n} from \"#/types/agent-server/core/base/action\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n  isAgentErrorEvent,\n  isUserMessageEvent,\n  isPlanningFileEditorObservationEvent,\n  isHookExecutionEvent,\n  isACPToolCallEvent,\n  isStreamingDeltaEvent,\n  isConversationStateUpdateEvent,\n  isGoalConversationStateUpdateEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { useConfig } from \"#/hooks/query/use-config\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ChatMessage } from \"#/components/features/chat/chat-message\";\nimport { GoalStatusContent } from \"#/components/features/chat/goal-status-content\";\nimport { PlanPreview } from \"../../features/chat/plan-preview\";\nimport { ErrorEventMessage } from \"./event-message-components/error-event-message\";\nimport { UserAssistantEventMessage } from \"./event-message-components/user-assistant-event-message\";\nimport { FinishEventMessage } from \"./event-message-components/finish-event-message\";\nimport { GenericEventMessageWrapper } from \"./event-message-components/generic-event-message-wrapper\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { CollapsibleThinking } from \"./event-message-components/collapsible-thinking\";\nimport { HookExecutionEventMessage } from \"./event-message-components/hook-execution-event-message\";\nimport { createSkillReadyEvent } from \"./event-content-helpers/create-skill-ready-event\";\nimport { shouldShowPlanPreview } from \"./hooks/use-plan-preview-events\";\nimport { getReasoningContent, splitInlineThink } from \"./event-thought-helpers\";\n\ninterface EventMessageProps {\n  event: OpenHandsEvent & { isFromPlanningAgent?: boolean };\n  messages: OpenHandsEvent[];\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  /** Set of event IDs that should render PlanPreview (one per user message phase) */\n  planPreviewEventIds?: Set<string>;\n  /**\n   * When true, do not render the inline `ThoughtEventMessage` for action /\n   * observation events. The caller is expected to render the thought\n   * separately (e.g. via a hoisted \"thought\" rendered item) so the message\n   * pane and the in-group rendering don't double up on the same content.\n   * Has no effect on `ThinkAction`, whose thought IS its action body.\n   */\n  suppressThought?: boolean;\n}\n\n/**\n * Extracts activated skills from a MessageEvent, supporting both\n * activated_skills and activated_microagents field names.\n */\nconst getActivatedSkills = (event: MessageEvent): string[] =>\n  (event as unknown as { activated_skills?: string[] }).activated_skills ||\n  event.activated_microagents ||\n  [];\n\n/**\n * Checks if extended content contains valid text content.\n */\nconst hasValidExtendedContent = (\n  extendedContent: MessageEvent[\"extended_content\"],\n): boolean => {\n  if (!extendedContent || extendedContent.length === 0) {\n    return false;\n  }\n\n  return extendedContent.some(\n    (content) => content.type === \"text\" && content.text.trim().length > 0,\n  );\n};\n\n/**\n * Determines if a Skill Ready event should be displayed for the given message event.\n */\nconst shouldShowSkillReadyEvent = (messageEvent: MessageEvent): boolean => {\n  const activatedSkills = getActivatedSkills(messageEvent);\n  const hasActivatedSkills = activatedSkills.length > 0;\n  const hasExtendedContent = hasValidExtendedContent(\n    messageEvent.extended_content,\n  );\n\n  return hasActivatedSkills && hasExtendedContent;\n};\n\ninterface CommonProps {\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  config: unknown;\n  isFromPlanningAgent: boolean;\n}\n\n/**\n * Renders a user message with its corresponding Skill Ready event.\n */\nconst renderUserMessageWithSkillReady = (\n  messageEvent: MessageEvent,\n  commonProps: CommonProps,\n  isLastMessage: boolean,\n): React.ReactElement => {\n  try {\n    const skillReadyEvent = createSkillReadyEvent(messageEvent);\n    return (\n      <>\n        <UserAssistantEventMessage\n          event={messageEvent}\n          isLastMessage={false}\n          isFromPlanningAgent={commonProps.isFromPlanningAgent}\n        />\n        <GenericEventMessageWrapper\n          event={skillReadyEvent}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  } catch (error) {\n    // If skill ready event creation fails, just render the user message\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        isLastMessage={isLastMessage}\n        isFromPlanningAgent={commonProps.isFromPlanningAgent}\n      />\n    );\n  }\n};\n\nexport function EventMessage({\n  event,\n  messages,\n  isLastMessage,\n  isInLast10Actions,\n  planPreviewEventIds,\n  suppressThought = false,\n}: EventMessageProps) {\n  const { data: config } = useConfig();\n  const { planContent } = useConversationStore();\n  const { curAgentState } = useAgentState();\n\n  // Disable Build button while agent is running (streaming)\n  const isAgentRunning =\n    curAgentState === AgentState.RUNNING ||\n    curAgentState === AgentState.LOADING;\n\n  // Read isFromPlanningAgent directly from the event object\n  const isFromPlanningAgent = event.isFromPlanningAgent || false;\n\n  // Common props for components that need them\n  const commonProps = {\n    isLastMessage,\n    isInLast10Actions,\n    config,\n    isFromPlanningAgent,\n  };\n\n  // Finished `/goal` loop: render the terminal status inline so it settles into\n  // the conversation. should-render-event.ts only lets the terminal goal event\n  // through; the active loop is shown by the separate bottom GoalStatusBanner.\n  if (\n    isConversationStateUpdateEvent(event) &&\n    isGoalConversationStateUpdateEvent(event)\n  ) {\n    return <GoalStatusContent status={event.value} />;\n  }\n\n  // Agent error events\n  if (isAgentErrorEvent(event)) {\n    return <ErrorEventMessage event={event} {...commonProps} />;\n  }\n\n  // Hook execution events\n  if (isHookExecutionEvent(event)) {\n    return <HookExecutionEventMessage event={event} />;\n  }\n\n  // ACP sub-agent tool call events (Claude Code, Codex, Gemini CLI, …)\n  // render through the same generic wrapper used for observation events so\n  // the card shape, success indicator and markdown rendering all match.\n  if (isACPToolCallEvent(event)) {\n    return (\n      <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n    );\n  }\n\n  if (isStreamingDeltaEvent(event)) {\n    // Route an inline <think> block to the thinking section, not the bubble.\n    const { reasoning: inlineThink, message } = splitInlineThink(\n      event.content ?? \"\",\n      { streaming: true },\n    );\n    const reasoningContent = [event.reasoning_content ?? \"\", inlineThink]\n      .filter(Boolean)\n      .join(\"\\n\\n\");\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {message && (\n          <ChatMessage\n            type=\"agent\"\n            message={message}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n      </>\n    );\n  }\n\n  // Finish actions\n  if (isActionEvent(event) && event.action.kind === \"FinishAction\") {\n    return (\n      <FinishEventMessage\n        event={event as ActionEvent<FinishAction>}\n        {...commonProps}\n      />\n    );\n  }\n\n  // ThinkAction - render the thought inside a collapsible section so it\n  // doesn't dominate the chat, especially when the thinking language\n  // (usually English) differs from the conversation language.\n  if (isActionEvent(event) && event.action.kind === \"ThinkAction\") {\n    const thinkAction = event as ActionEvent<ThinkAction>;\n    return <CollapsibleThinking content={thinkAction.action.thought} />;\n  }\n\n  // Action events - render thought + action (will be replaced by thought + observation)\n  if (isActionEvent(event)) {\n    const reasoningContent = getReasoningContent(event);\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {!suppressThought && (\n          <ThoughtEventMessage\n            event={event}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  }\n\n  // Observation events - find the corresponding action and render thought + observation\n  if (isObservationEvent(event)) {\n    // Handle PlanningFileEditorObservation specially\n    if (isPlanningFileEditorObservationEvent(event)) {\n      // Only show PlanPreview if this event is marked as the one to display\n      // (last PlanningFileEditorObservation in its phase)\n      if (\n        planPreviewEventIds &&\n        shouldShowPlanPreview(event.id, planPreviewEventIds)\n      ) {\n        // Show shine effect only if this is the last message AND agent is running\n        const isStreaming =\n          isLastMessage && curAgentState === AgentState.RUNNING;\n        return (\n          <PlanPreview\n            planContent={planContent}\n            isStreaming={isStreaming}\n            isBuildDisabled={isAgentRunning}\n          />\n        );\n      }\n      // Not the designated preview event for this phase - render nothing\n      // This prevents duplicate previews within the same phase\n      return null;\n    }\n\n    // Find the action that this observation is responding to\n    const correspondingAction = messages.find(\n      (msg) => isActionEvent(msg) && msg.id === event.action_id,\n    );\n\n    // Skip ThoughtEventMessage for ThinkAction (thought IS the action)\n    const shouldShowThought =\n      !suppressThought &&\n      correspondingAction &&\n      isActionEvent(correspondingAction) &&\n      correspondingAction.action.kind !== \"ThinkAction\";\n\n    const reasoningContent =\n      correspondingAction && isActionEvent(correspondingAction)\n        ? getReasoningContent(correspondingAction)\n        : \"\";\n\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {shouldShowThought && (\n          <ThoughtEventMessage\n            event={correspondingAction}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n          correspondingAction={\n            correspondingAction && isActionEvent(correspondingAction)\n              ? correspondingAction\n              : undefined\n          }\n        />\n      </>\n    );\n  }\n\n  // Message events (user and assistant messages)\n  if (!isActionEvent(event) && !isObservationEvent(event)) {\n    const messageEvent = event as MessageEvent;\n\n    // Check if this is a user message that should display a Skill Ready event\n    if (isUserMessageEvent(event) && shouldShowSkillReadyEvent(messageEvent)) {\n      return renderUserMessageWithSkillReady(\n        messageEvent,\n        commonProps,\n        isLastMessage,\n      );\n    }\n\n    // Render normal message event (user or assistant)\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        {...commonProps}\n        isLastMessage={isLastMessage}\n      />\n    );\n  }\n\n  // Generic fallback for all other events\n  return (\n    <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"event-message.cjs","names":[],"sources":["../../../../src/components/conversation-events/chat/event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  OpenHandsEvent,\n  MessageEvent,\n  ActionEvent,\n} from \"#/types/agent-server/core\";\nimport {\n  FinishAction,\n  ThinkAction,\n} from \"#/types/agent-server/core/base/action\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n  isAgentErrorEvent,\n  isUserMessageEvent,\n  isPlanningFileEditorObservationEvent,\n  isHookExecutionEvent,\n  isACPToolCallEvent,\n  isStreamingDeltaEvent,\n  isConversationStateUpdateEvent,\n  isGoalConversationStateUpdateEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { useConfig } from \"#/hooks/query/use-config\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ChatMessage } from \"#/components/features/chat/chat-message\";\nimport { GoalStatusContent } from \"#/components/features/chat/goal-status-content\";\nimport { PlanPreview } from \"../../features/chat/plan-preview\";\nimport { ErrorEventMessage } from \"./event-message-components/error-event-message\";\nimport { UserAssistantEventMessage } from \"./event-message-components/user-assistant-event-message\";\nimport { FinishEventMessage } from \"./event-message-components/finish-event-message\";\nimport { GenericEventMessageWrapper } from \"./event-message-components/generic-event-message-wrapper\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { CollapsibleThinking } from \"./event-message-components/collapsible-thinking\";\nimport { HookExecutionEventMessage } from \"./event-message-components/hook-execution-event-message\";\nimport { createSkillReadyEvent } from \"./event-content-helpers/create-skill-ready-event\";\nimport { shouldShowPlanPreview } from \"./hooks/use-plan-preview-events\";\nimport { getReasoningContent, splitInlineThink } from \"./event-thought-helpers\";\n\ninterface EventMessageProps {\n  event: OpenHandsEvent & { isFromPlanningAgent?: boolean };\n  messages: OpenHandsEvent[];\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  /** Set of event IDs that should render PlanPreview (one per user message phase) */\n  planPreviewEventIds?: Set<string>;\n  /**\n   * When true, do not render the inline `ThoughtEventMessage` for action /\n   * observation events. The caller is expected to render the thought\n   * separately (e.g. via a hoisted \"thought\" rendered item) so the message\n   * pane and the in-group rendering don't double up on the same content.\n   * Has no effect on `ThinkAction`, whose thought IS its action body.\n   */\n  suppressThought?: boolean;\n}\n\nconst getActivatedSkills = (event: MessageEvent): string[] =>\n  event.activated_skills || [];\n\n/**\n * Checks if extended content contains valid text content.\n */\nconst hasValidExtendedContent = (\n  extendedContent: MessageEvent[\"extended_content\"],\n): boolean => {\n  if (!extendedContent || extendedContent.length === 0) {\n    return false;\n  }\n\n  return extendedContent.some(\n    (content) => content.type === \"text\" && content.text.trim().length > 0,\n  );\n};\n\n/**\n * Determines if a Skill Ready event should be displayed for the given message event.\n */\nconst shouldShowSkillReadyEvent = (messageEvent: MessageEvent): boolean => {\n  const activatedSkills = getActivatedSkills(messageEvent);\n  const hasActivatedSkills = activatedSkills.length > 0;\n  const hasExtendedContent = hasValidExtendedContent(\n    messageEvent.extended_content,\n  );\n\n  return hasActivatedSkills && hasExtendedContent;\n};\n\ninterface CommonProps {\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  config: unknown;\n  isFromPlanningAgent: boolean;\n}\n\n/**\n * Renders a user message with its corresponding Skill Ready event.\n */\nconst renderUserMessageWithSkillReady = (\n  messageEvent: MessageEvent,\n  commonProps: CommonProps,\n  isLastMessage: boolean,\n): React.ReactElement => {\n  try {\n    const skillReadyEvent = createSkillReadyEvent(messageEvent);\n    return (\n      <>\n        <UserAssistantEventMessage\n          event={messageEvent}\n          isLastMessage={false}\n          isFromPlanningAgent={commonProps.isFromPlanningAgent}\n        />\n        <GenericEventMessageWrapper\n          event={skillReadyEvent}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  } catch (error) {\n    // If skill ready event creation fails, just render the user message\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        isLastMessage={isLastMessage}\n        isFromPlanningAgent={commonProps.isFromPlanningAgent}\n      />\n    );\n  }\n};\n\nexport function EventMessage({\n  event,\n  messages,\n  isLastMessage,\n  isInLast10Actions,\n  planPreviewEventIds,\n  suppressThought = false,\n}: EventMessageProps) {\n  const { data: config } = useConfig();\n  const { planContent } = useConversationStore();\n  const { curAgentState } = useAgentState();\n\n  // Disable Build button while agent is running (streaming)\n  const isAgentRunning =\n    curAgentState === AgentState.RUNNING ||\n    curAgentState === AgentState.LOADING;\n\n  // Read isFromPlanningAgent directly from the event object\n  const isFromPlanningAgent = event.isFromPlanningAgent || false;\n\n  // Common props for components that need them\n  const commonProps = {\n    isLastMessage,\n    isInLast10Actions,\n    config,\n    isFromPlanningAgent,\n  };\n\n  // Finished `/goal` loop: render the terminal status inline so it settles into\n  // the conversation. should-render-event.ts only lets the terminal goal event\n  // through; the active loop is shown by the separate bottom GoalStatusBanner.\n  if (\n    isConversationStateUpdateEvent(event) &&\n    isGoalConversationStateUpdateEvent(event)\n  ) {\n    return <GoalStatusContent status={event.value} />;\n  }\n\n  // Agent error events\n  if (isAgentErrorEvent(event)) {\n    return <ErrorEventMessage event={event} {...commonProps} />;\n  }\n\n  // Hook execution events\n  if (isHookExecutionEvent(event)) {\n    return <HookExecutionEventMessage event={event} />;\n  }\n\n  // ACP sub-agent tool call events (Claude Code, Codex, Gemini CLI, …)\n  // render through the same generic wrapper used for observation events so\n  // the card shape, success indicator and markdown rendering all match.\n  if (isACPToolCallEvent(event)) {\n    return (\n      <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n    );\n  }\n\n  if (isStreamingDeltaEvent(event)) {\n    // Route an inline <think> block to the thinking section, not the bubble.\n    const { reasoning: inlineThink, message } = splitInlineThink(\n      event.content ?? \"\",\n      { streaming: true },\n    );\n    const reasoningContent = [event.reasoning_content ?? \"\", inlineThink]\n      .filter(Boolean)\n      .join(\"\\n\\n\");\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {message && (\n          <ChatMessage\n            type=\"agent\"\n            message={message}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n      </>\n    );\n  }\n\n  // Finish actions\n  if (isActionEvent(event) && event.action.kind === \"FinishAction\") {\n    return (\n      <FinishEventMessage\n        event={event as ActionEvent<FinishAction>}\n        {...commonProps}\n      />\n    );\n  }\n\n  // ThinkAction - render the thought inside a collapsible section so it\n  // doesn't dominate the chat, especially when the thinking language\n  // (usually English) differs from the conversation language.\n  if (isActionEvent(event) && event.action.kind === \"ThinkAction\") {\n    const thinkAction = event as ActionEvent<ThinkAction>;\n    return <CollapsibleThinking content={thinkAction.action.thought} />;\n  }\n\n  // Action events - render thought + action (will be replaced by thought + observation)\n  if (isActionEvent(event)) {\n    const reasoningContent = getReasoningContent(event);\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {!suppressThought && (\n          <ThoughtEventMessage\n            event={event}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  }\n\n  // Observation events - find the corresponding action and render thought + observation\n  if (isObservationEvent(event)) {\n    // Handle PlanningFileEditorObservation specially\n    if (isPlanningFileEditorObservationEvent(event)) {\n      // Only show PlanPreview if this event is marked as the one to display\n      // (last PlanningFileEditorObservation in its phase)\n      if (\n        planPreviewEventIds &&\n        shouldShowPlanPreview(event.id, planPreviewEventIds)\n      ) {\n        // Show shine effect only if this is the last message AND agent is running\n        const isStreaming =\n          isLastMessage && curAgentState === AgentState.RUNNING;\n        return (\n          <PlanPreview\n            planContent={planContent}\n            isStreaming={isStreaming}\n            isBuildDisabled={isAgentRunning}\n          />\n        );\n      }\n      // Not the designated preview event for this phase - render nothing\n      // This prevents duplicate previews within the same phase\n      return null;\n    }\n\n    // Find the action that this observation is responding to\n    const correspondingAction = messages.find(\n      (msg) => isActionEvent(msg) && msg.id === event.action_id,\n    );\n\n    // Skip ThoughtEventMessage for ThinkAction (thought IS the action)\n    const shouldShowThought =\n      !suppressThought &&\n      correspondingAction &&\n      isActionEvent(correspondingAction) &&\n      correspondingAction.action.kind !== \"ThinkAction\";\n\n    const reasoningContent =\n      correspondingAction && isActionEvent(correspondingAction)\n        ? getReasoningContent(correspondingAction)\n        : \"\";\n\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {shouldShowThought && (\n          <ThoughtEventMessage\n            event={correspondingAction}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n          correspondingAction={\n            correspondingAction && isActionEvent(correspondingAction)\n              ? correspondingAction\n              : undefined\n          }\n        />\n      </>\n    );\n  }\n\n  // Message events (user and assistant messages)\n  if (!isActionEvent(event) && !isObservationEvent(event)) {\n    const messageEvent = event as MessageEvent;\n\n    // Check if this is a user message that should display a Skill Ready event\n    if (isUserMessageEvent(event) && shouldShowSkillReadyEvent(messageEvent)) {\n      return renderUserMessageWithSkillReady(\n        messageEvent,\n        commonProps,\n        isLastMessage,\n      );\n    }\n\n    // Render normal message event (user or assistant)\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        {...commonProps}\n        isLastMessage={isLastMessage}\n      />\n    );\n  }\n\n  // Generic fallback for all other events\n  return (\n    <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n  );\n}\n"],"mappings":"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"}

package/dist/components/conversation-events/chat/event-message.js

@@ -20,7 +20,7 @@ import { shouldShowPlanPreview as D } from "./hooks/use-plan-preview-events.js";
 import "react";
 import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region src/components/conversation-events/chat/event-message.tsx
-var j = (e) => e.activated_skills || e.activated_microagents || [], M = (e) => !e || e.length === 0 ? !1 : e.some((e) => e.type === "text" && e.text.trim().length > 0), N = (e) => {
+var j = (e) => e.activated_skills || [], M = (e) => !e || e.length === 0 ? !1 : e.some((e) => e.type === "text" && e.text.trim().length > 0), N = (e) => {
 	let t = j(e).length > 0, n = M(e.extended_content);
 	return t && n;
 }, P = (e, t, n) => {

package/dist/components/conversation-events/chat/event-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"event-message.js","names":[],"sources":["../../../../src/components/conversation-events/chat/event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  OpenHandsEvent,\n  MessageEvent,\n  ActionEvent,\n} from \"#/types/agent-server/core\";\nimport {\n  FinishAction,\n  ThinkAction,\n} from \"#/types/agent-server/core/base/action\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n  isAgentErrorEvent,\n  isUserMessageEvent,\n  isPlanningFileEditorObservationEvent,\n  isHookExecutionEvent,\n  isACPToolCallEvent,\n  isStreamingDeltaEvent,\n  isConversationStateUpdateEvent,\n  isGoalConversationStateUpdateEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { useConfig } from \"#/hooks/query/use-config\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ChatMessage } from \"#/components/features/chat/chat-message\";\nimport { GoalStatusContent } from \"#/components/features/chat/goal-status-content\";\nimport { PlanPreview } from \"../../features/chat/plan-preview\";\nimport { ErrorEventMessage } from \"./event-message-components/error-event-message\";\nimport { UserAssistantEventMessage } from \"./event-message-components/user-assistant-event-message\";\nimport { FinishEventMessage } from \"./event-message-components/finish-event-message\";\nimport { GenericEventMessageWrapper } from \"./event-message-components/generic-event-message-wrapper\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { CollapsibleThinking } from \"./event-message-components/collapsible-thinking\";\nimport { HookExecutionEventMessage } from \"./event-message-components/hook-execution-event-message\";\nimport { createSkillReadyEvent } from \"./event-content-helpers/create-skill-ready-event\";\nimport { shouldShowPlanPreview } from \"./hooks/use-plan-preview-events\";\nimport { getReasoningContent, splitInlineThink } from \"./event-thought-helpers\";\n\ninterface EventMessageProps {\n  event: OpenHandsEvent & { isFromPlanningAgent?: boolean };\n  messages: OpenHandsEvent[];\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  /** Set of event IDs that should render PlanPreview (one per user message phase) */\n  planPreviewEventIds?: Set<string>;\n  /**\n   * When true, do not render the inline `ThoughtEventMessage` for action /\n   * observation events. The caller is expected to render the thought\n   * separately (e.g. via a hoisted \"thought\" rendered item) so the message\n   * pane and the in-group rendering don't double up on the same content.\n   * Has no effect on `ThinkAction`, whose thought IS its action body.\n   */\n  suppressThought?: boolean;\n}\n\n/**\n * Extracts activated skills from a MessageEvent, supporting both\n * activated_skills and activated_microagents field names.\n */\nconst getActivatedSkills = (event: MessageEvent): string[] =>\n  (event as unknown as { activated_skills?: string[] }).activated_skills ||\n  event.activated_microagents ||\n  [];\n\n/**\n * Checks if extended content contains valid text content.\n */\nconst hasValidExtendedContent = (\n  extendedContent: MessageEvent[\"extended_content\"],\n): boolean => {\n  if (!extendedContent || extendedContent.length === 0) {\n    return false;\n  }\n\n  return extendedContent.some(\n    (content) => content.type === \"text\" && content.text.trim().length > 0,\n  );\n};\n\n/**\n * Determines if a Skill Ready event should be displayed for the given message event.\n */\nconst shouldShowSkillReadyEvent = (messageEvent: MessageEvent): boolean => {\n  const activatedSkills = getActivatedSkills(messageEvent);\n  const hasActivatedSkills = activatedSkills.length > 0;\n  const hasExtendedContent = hasValidExtendedContent(\n    messageEvent.extended_content,\n  );\n\n  return hasActivatedSkills && hasExtendedContent;\n};\n\ninterface CommonProps {\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  config: unknown;\n  isFromPlanningAgent: boolean;\n}\n\n/**\n * Renders a user message with its corresponding Skill Ready event.\n */\nconst renderUserMessageWithSkillReady = (\n  messageEvent: MessageEvent,\n  commonProps: CommonProps,\n  isLastMessage: boolean,\n): React.ReactElement => {\n  try {\n    const skillReadyEvent = createSkillReadyEvent(messageEvent);\n    return (\n      <>\n        <UserAssistantEventMessage\n          event={messageEvent}\n          isLastMessage={false}\n          isFromPlanningAgent={commonProps.isFromPlanningAgent}\n        />\n        <GenericEventMessageWrapper\n          event={skillReadyEvent}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  } catch (error) {\n    // If skill ready event creation fails, just render the user message\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        isLastMessage={isLastMessage}\n        isFromPlanningAgent={commonProps.isFromPlanningAgent}\n      />\n    );\n  }\n};\n\nexport function EventMessage({\n  event,\n  messages,\n  isLastMessage,\n  isInLast10Actions,\n  planPreviewEventIds,\n  suppressThought = false,\n}: EventMessageProps) {\n  const { data: config } = useConfig();\n  const { planContent } = useConversationStore();\n  const { curAgentState } = useAgentState();\n\n  // Disable Build button while agent is running (streaming)\n  const isAgentRunning =\n    curAgentState === AgentState.RUNNING ||\n    curAgentState === AgentState.LOADING;\n\n  // Read isFromPlanningAgent directly from the event object\n  const isFromPlanningAgent = event.isFromPlanningAgent || false;\n\n  // Common props for components that need them\n  const commonProps = {\n    isLastMessage,\n    isInLast10Actions,\n    config,\n    isFromPlanningAgent,\n  };\n\n  // Finished `/goal` loop: render the terminal status inline so it settles into\n  // the conversation. should-render-event.ts only lets the terminal goal event\n  // through; the active loop is shown by the separate bottom GoalStatusBanner.\n  if (\n    isConversationStateUpdateEvent(event) &&\n    isGoalConversationStateUpdateEvent(event)\n  ) {\n    return <GoalStatusContent status={event.value} />;\n  }\n\n  // Agent error events\n  if (isAgentErrorEvent(event)) {\n    return <ErrorEventMessage event={event} {...commonProps} />;\n  }\n\n  // Hook execution events\n  if (isHookExecutionEvent(event)) {\n    return <HookExecutionEventMessage event={event} />;\n  }\n\n  // ACP sub-agent tool call events (Claude Code, Codex, Gemini CLI, …)\n  // render through the same generic wrapper used for observation events so\n  // the card shape, success indicator and markdown rendering all match.\n  if (isACPToolCallEvent(event)) {\n    return (\n      <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n    );\n  }\n\n  if (isStreamingDeltaEvent(event)) {\n    // Route an inline <think> block to the thinking section, not the bubble.\n    const { reasoning: inlineThink, message } = splitInlineThink(\n      event.content ?? \"\",\n      { streaming: true },\n    );\n    const reasoningContent = [event.reasoning_content ?? \"\", inlineThink]\n      .filter(Boolean)\n      .join(\"\\n\\n\");\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {message && (\n          <ChatMessage\n            type=\"agent\"\n            message={message}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n      </>\n    );\n  }\n\n  // Finish actions\n  if (isActionEvent(event) && event.action.kind === \"FinishAction\") {\n    return (\n      <FinishEventMessage\n        event={event as ActionEvent<FinishAction>}\n        {...commonProps}\n      />\n    );\n  }\n\n  // ThinkAction - render the thought inside a collapsible section so it\n  // doesn't dominate the chat, especially when the thinking language\n  // (usually English) differs from the conversation language.\n  if (isActionEvent(event) && event.action.kind === \"ThinkAction\") {\n    const thinkAction = event as ActionEvent<ThinkAction>;\n    return <CollapsibleThinking content={thinkAction.action.thought} />;\n  }\n\n  // Action events - render thought + action (will be replaced by thought + observation)\n  if (isActionEvent(event)) {\n    const reasoningContent = getReasoningContent(event);\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {!suppressThought && (\n          <ThoughtEventMessage\n            event={event}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  }\n\n  // Observation events - find the corresponding action and render thought + observation\n  if (isObservationEvent(event)) {\n    // Handle PlanningFileEditorObservation specially\n    if (isPlanningFileEditorObservationEvent(event)) {\n      // Only show PlanPreview if this event is marked as the one to display\n      // (last PlanningFileEditorObservation in its phase)\n      if (\n        planPreviewEventIds &&\n        shouldShowPlanPreview(event.id, planPreviewEventIds)\n      ) {\n        // Show shine effect only if this is the last message AND agent is running\n        const isStreaming =\n          isLastMessage && curAgentState === AgentState.RUNNING;\n        return (\n          <PlanPreview\n            planContent={planContent}\n            isStreaming={isStreaming}\n            isBuildDisabled={isAgentRunning}\n          />\n        );\n      }\n      // Not the designated preview event for this phase - render nothing\n      // This prevents duplicate previews within the same phase\n      return null;\n    }\n\n    // Find the action that this observation is responding to\n    const correspondingAction = messages.find(\n      (msg) => isActionEvent(msg) && msg.id === event.action_id,\n    );\n\n    // Skip ThoughtEventMessage for ThinkAction (thought IS the action)\n    const shouldShowThought =\n      !suppressThought &&\n      correspondingAction &&\n      isActionEvent(correspondingAction) &&\n      correspondingAction.action.kind !== \"ThinkAction\";\n\n    const reasoningContent =\n      correspondingAction && isActionEvent(correspondingAction)\n        ? getReasoningContent(correspondingAction)\n        : \"\";\n\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {shouldShowThought && (\n          <ThoughtEventMessage\n            event={correspondingAction}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n          correspondingAction={\n            correspondingAction && isActionEvent(correspondingAction)\n              ? correspondingAction\n              : undefined\n          }\n        />\n      </>\n    );\n  }\n\n  // Message events (user and assistant messages)\n  if (!isActionEvent(event) && !isObservationEvent(event)) {\n    const messageEvent = event as MessageEvent;\n\n    // Check if this is a user message that should display a Skill Ready event\n    if (isUserMessageEvent(event) && shouldShowSkillReadyEvent(messageEvent)) {\n      return renderUserMessageWithSkillReady(\n        messageEvent,\n        commonProps,\n        isLastMessage,\n      );\n    }\n\n    // Render normal message event (user or assistant)\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        {...commonProps}\n        isLastMessage={isLastMessage}\n      />\n    );\n  }\n\n  // Generic fallback for all other events\n  return (\n    <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"event-message.js","names":[],"sources":["../../../../src/components/conversation-events/chat/event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  OpenHandsEvent,\n  MessageEvent,\n  ActionEvent,\n} from \"#/types/agent-server/core\";\nimport {\n  FinishAction,\n  ThinkAction,\n} from \"#/types/agent-server/core/base/action\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n  isAgentErrorEvent,\n  isUserMessageEvent,\n  isPlanningFileEditorObservationEvent,\n  isHookExecutionEvent,\n  isACPToolCallEvent,\n  isStreamingDeltaEvent,\n  isConversationStateUpdateEvent,\n  isGoalConversationStateUpdateEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { useConfig } from \"#/hooks/query/use-config\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ChatMessage } from \"#/components/features/chat/chat-message\";\nimport { GoalStatusContent } from \"#/components/features/chat/goal-status-content\";\nimport { PlanPreview } from \"../../features/chat/plan-preview\";\nimport { ErrorEventMessage } from \"./event-message-components/error-event-message\";\nimport { UserAssistantEventMessage } from \"./event-message-components/user-assistant-event-message\";\nimport { FinishEventMessage } from \"./event-message-components/finish-event-message\";\nimport { GenericEventMessageWrapper } from \"./event-message-components/generic-event-message-wrapper\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { CollapsibleThinking } from \"./event-message-components/collapsible-thinking\";\nimport { HookExecutionEventMessage } from \"./event-message-components/hook-execution-event-message\";\nimport { createSkillReadyEvent } from \"./event-content-helpers/create-skill-ready-event\";\nimport { shouldShowPlanPreview } from \"./hooks/use-plan-preview-events\";\nimport { getReasoningContent, splitInlineThink } from \"./event-thought-helpers\";\n\ninterface EventMessageProps {\n  event: OpenHandsEvent & { isFromPlanningAgent?: boolean };\n  messages: OpenHandsEvent[];\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  /** Set of event IDs that should render PlanPreview (one per user message phase) */\n  planPreviewEventIds?: Set<string>;\n  /**\n   * When true, do not render the inline `ThoughtEventMessage` for action /\n   * observation events. The caller is expected to render the thought\n   * separately (e.g. via a hoisted \"thought\" rendered item) so the message\n   * pane and the in-group rendering don't double up on the same content.\n   * Has no effect on `ThinkAction`, whose thought IS its action body.\n   */\n  suppressThought?: boolean;\n}\n\nconst getActivatedSkills = (event: MessageEvent): string[] =>\n  event.activated_skills || [];\n\n/**\n * Checks if extended content contains valid text content.\n */\nconst hasValidExtendedContent = (\n  extendedContent: MessageEvent[\"extended_content\"],\n): boolean => {\n  if (!extendedContent || extendedContent.length === 0) {\n    return false;\n  }\n\n  return extendedContent.some(\n    (content) => content.type === \"text\" && content.text.trim().length > 0,\n  );\n};\n\n/**\n * Determines if a Skill Ready event should be displayed for the given message event.\n */\nconst shouldShowSkillReadyEvent = (messageEvent: MessageEvent): boolean => {\n  const activatedSkills = getActivatedSkills(messageEvent);\n  const hasActivatedSkills = activatedSkills.length > 0;\n  const hasExtendedContent = hasValidExtendedContent(\n    messageEvent.extended_content,\n  );\n\n  return hasActivatedSkills && hasExtendedContent;\n};\n\ninterface CommonProps {\n  isLastMessage: boolean;\n  isInLast10Actions: boolean;\n  config: unknown;\n  isFromPlanningAgent: boolean;\n}\n\n/**\n * Renders a user message with its corresponding Skill Ready event.\n */\nconst renderUserMessageWithSkillReady = (\n  messageEvent: MessageEvent,\n  commonProps: CommonProps,\n  isLastMessage: boolean,\n): React.ReactElement => {\n  try {\n    const skillReadyEvent = createSkillReadyEvent(messageEvent);\n    return (\n      <>\n        <UserAssistantEventMessage\n          event={messageEvent}\n          isLastMessage={false}\n          isFromPlanningAgent={commonProps.isFromPlanningAgent}\n        />\n        <GenericEventMessageWrapper\n          event={skillReadyEvent}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  } catch (error) {\n    // If skill ready event creation fails, just render the user message\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        isLastMessage={isLastMessage}\n        isFromPlanningAgent={commonProps.isFromPlanningAgent}\n      />\n    );\n  }\n};\n\nexport function EventMessage({\n  event,\n  messages,\n  isLastMessage,\n  isInLast10Actions,\n  planPreviewEventIds,\n  suppressThought = false,\n}: EventMessageProps) {\n  const { data: config } = useConfig();\n  const { planContent } = useConversationStore();\n  const { curAgentState } = useAgentState();\n\n  // Disable Build button while agent is running (streaming)\n  const isAgentRunning =\n    curAgentState === AgentState.RUNNING ||\n    curAgentState === AgentState.LOADING;\n\n  // Read isFromPlanningAgent directly from the event object\n  const isFromPlanningAgent = event.isFromPlanningAgent || false;\n\n  // Common props for components that need them\n  const commonProps = {\n    isLastMessage,\n    isInLast10Actions,\n    config,\n    isFromPlanningAgent,\n  };\n\n  // Finished `/goal` loop: render the terminal status inline so it settles into\n  // the conversation. should-render-event.ts only lets the terminal goal event\n  // through; the active loop is shown by the separate bottom GoalStatusBanner.\n  if (\n    isConversationStateUpdateEvent(event) &&\n    isGoalConversationStateUpdateEvent(event)\n  ) {\n    return <GoalStatusContent status={event.value} />;\n  }\n\n  // Agent error events\n  if (isAgentErrorEvent(event)) {\n    return <ErrorEventMessage event={event} {...commonProps} />;\n  }\n\n  // Hook execution events\n  if (isHookExecutionEvent(event)) {\n    return <HookExecutionEventMessage event={event} />;\n  }\n\n  // ACP sub-agent tool call events (Claude Code, Codex, Gemini CLI, …)\n  // render through the same generic wrapper used for observation events so\n  // the card shape, success indicator and markdown rendering all match.\n  if (isACPToolCallEvent(event)) {\n    return (\n      <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n    );\n  }\n\n  if (isStreamingDeltaEvent(event)) {\n    // Route an inline <think> block to the thinking section, not the bubble.\n    const { reasoning: inlineThink, message } = splitInlineThink(\n      event.content ?? \"\",\n      { streaming: true },\n    );\n    const reasoningContent = [event.reasoning_content ?? \"\", inlineThink]\n      .filter(Boolean)\n      .join(\"\\n\\n\");\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {message && (\n          <ChatMessage\n            type=\"agent\"\n            message={message}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n      </>\n    );\n  }\n\n  // Finish actions\n  if (isActionEvent(event) && event.action.kind === \"FinishAction\") {\n    return (\n      <FinishEventMessage\n        event={event as ActionEvent<FinishAction>}\n        {...commonProps}\n      />\n    );\n  }\n\n  // ThinkAction - render the thought inside a collapsible section so it\n  // doesn't dominate the chat, especially when the thinking language\n  // (usually English) differs from the conversation language.\n  if (isActionEvent(event) && event.action.kind === \"ThinkAction\") {\n    const thinkAction = event as ActionEvent<ThinkAction>;\n    return <CollapsibleThinking content={thinkAction.action.thought} />;\n  }\n\n  // Action events - render thought + action (will be replaced by thought + observation)\n  if (isActionEvent(event)) {\n    const reasoningContent = getReasoningContent(event);\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {!suppressThought && (\n          <ThoughtEventMessage\n            event={event}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n        />\n      </>\n    );\n  }\n\n  // Observation events - find the corresponding action and render thought + observation\n  if (isObservationEvent(event)) {\n    // Handle PlanningFileEditorObservation specially\n    if (isPlanningFileEditorObservationEvent(event)) {\n      // Only show PlanPreview if this event is marked as the one to display\n      // (last PlanningFileEditorObservation in its phase)\n      if (\n        planPreviewEventIds &&\n        shouldShowPlanPreview(event.id, planPreviewEventIds)\n      ) {\n        // Show shine effect only if this is the last message AND agent is running\n        const isStreaming =\n          isLastMessage && curAgentState === AgentState.RUNNING;\n        return (\n          <PlanPreview\n            planContent={planContent}\n            isStreaming={isStreaming}\n            isBuildDisabled={isAgentRunning}\n          />\n        );\n      }\n      // Not the designated preview event for this phase - render nothing\n      // This prevents duplicate previews within the same phase\n      return null;\n    }\n\n    // Find the action that this observation is responding to\n    const correspondingAction = messages.find(\n      (msg) => isActionEvent(msg) && msg.id === event.action_id,\n    );\n\n    // Skip ThoughtEventMessage for ThinkAction (thought IS the action)\n    const shouldShowThought =\n      !suppressThought &&\n      correspondingAction &&\n      isActionEvent(correspondingAction) &&\n      correspondingAction.action.kind !== \"ThinkAction\";\n\n    const reasoningContent =\n      correspondingAction && isActionEvent(correspondingAction)\n        ? getReasoningContent(correspondingAction)\n        : \"\";\n\n    return (\n      <>\n        {reasoningContent && <CollapsibleThinking content={reasoningContent} />}\n        {shouldShowThought && (\n          <ThoughtEventMessage\n            event={correspondingAction}\n            isFromPlanningAgent={isFromPlanningAgent}\n          />\n        )}\n        <GenericEventMessageWrapper\n          event={event}\n          isLastMessage={isLastMessage}\n          correspondingAction={\n            correspondingAction && isActionEvent(correspondingAction)\n              ? correspondingAction\n              : undefined\n          }\n        />\n      </>\n    );\n  }\n\n  // Message events (user and assistant messages)\n  if (!isActionEvent(event) && !isObservationEvent(event)) {\n    const messageEvent = event as MessageEvent;\n\n    // Check if this is a user message that should display a Skill Ready event\n    if (isUserMessageEvent(event) && shouldShowSkillReadyEvent(messageEvent)) {\n      return renderUserMessageWithSkillReady(\n        messageEvent,\n        commonProps,\n        isLastMessage,\n      );\n    }\n\n    // Render normal message event (user or assistant)\n    return (\n      <UserAssistantEventMessage\n        event={messageEvent}\n        {...commonProps}\n        isLastMessage={isLastMessage}\n      />\n    );\n  }\n\n  // Generic fallback for all other events\n  return (\n    <GenericEventMessageWrapper event={event} isLastMessage={isLastMessage} />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyDA,IAAM,KAAsB,MAC1B,EAAM,oBAAoB,CAAC,GAKvB,KACJ,MAEI,CAAC,KAAmB,EAAgB,WAAW,IAC1C,KAGF,EAAgB,MACpB,MAAY,EAAQ,SAAS,UAAU,EAAQ,KAAK,KAAK,EAAE,SAAS,CACvE,GAMI,KAA6B,MAAwC;CAEzE,IAAM,IADkB,EAAmB,CAChB,EAAgB,SAAS,GAC9C,IAAqB,EACzB,EAAa,gBACf;CAEA,OAAO,KAAsB;AAC/B,GAYM,KACJ,GACA,GACA,MACuB;CACvB,IAAI;EACF,IAAM,IAAkB,EAAsB,CAAY;EAC1D,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,OAAO;GACP,eAAe;GACf,qBAAqB,EAAY;EAClC,CAAA,GACD,kBAAC,GAAD;GACE,OAAO;GACQ;EAChB,CAAA,CACD,EAAA,CAAA;CAEN,QAAgB;EAEd,OACE,kBAAC,GAAD;GACE,OAAO;GACQ;GACf,qBAAqB,EAAY;EAClC,CAAA;CAEL;AACF;AAEA,SAAgB,EAAa,EAC3B,UACA,aACA,kBACA,sBACA,wBACA,qBAAkB,MACE;CACpB,IAAM,EAAE,MAAM,MAAW,EAAU,GAC7B,EAAE,mBAAgB,EAAqB,GACvC,EAAE,qBAAkB,EAAc,GAGlC,IACJ,MAAkB,EAAW,WAC7B,MAAkB,EAAW,SAGzB,IAAsB,EAAM,uBAAuB,IAGnD,IAAc;EAClB;EACA;EACA;EACA;CACF;CAKA,IACE,EAA+B,CAAK,KACpC,EAAmC,CAAK,GAExC,OAAO,kBAAC,GAAD,EAAmB,QAAQ,EAAM,MAAQ,CAAA;CAIlD,IAAI,EAAkB,CAAK,GACzB,OAAO,kBAAC,GAAD;EAA0B;EAAO,GAAI;CAAc,CAAA;CAI5D,IAAI,EAAqB,CAAK,GAC5B,OAAO,kBAAC,GAAD,EAAkC,SAAQ,CAAA;CAMnD,IAAI,EAAmB,CAAK,GAC1B,OACE,kBAAC,GAAD;EAAmC;EAAsB;CAAgB,CAAA;CAI7E,IAAI,EAAsB,CAAK,GAAG;EAEhC,IAAM,EAAE,WAAW,GAAa,eAAY,EAC1C,EAAM,WAAW,IACjB,EAAE,WAAW,GAAK,CACpB,GACM,IAAmB,CAAC,EAAM,qBAAqB,IAAI,CAAW,EACjE,OAAO,OAAO,EACd,KAAK,MAAM;EACd,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,KAAoB,kBAAC,GAAD,EAAqB,SAAS,EAAmB,CAAA,GACrE,KACC,kBAAC,GAAD;GACE,MAAK;GACI;GACY;EACtB,CAAA,CAEH,EAAA,CAAA;CAEN;CAGA,IAAI,EAAc,CAAK,KAAK,EAAM,OAAO,SAAS,gBAChD,OACE,kBAAC,GAAD;EACS;EACP,GAAI;CACL,CAAA;CAOL,IAAI,EAAc,CAAK,KAAK,EAAM,OAAO,SAAS,eAEhD,OAAO,kBAAC,GAAD,EAAqB,SAAS,EAAY,OAAO,QAAU,CAAA;CAIpE,IAAI,EAAc,CAAK,GAAG;EACxB,IAAM,IAAmB,EAAoB,CAAK;EAClD,OACE,kBAAA,GAAA,EAAA,UAAA;GACG,KAAoB,kBAAC,GAAD,EAAqB,SAAS,EAAmB,CAAA;GACrE,CAAC,KACA,kBAAC,GAAD;IACS;IACc;GACtB,CAAA;GAEH,kBAAC,GAAD;IACS;IACQ;GAChB,CAAA;EACD,EAAA,CAAA;CAEN;CAGA,IAAI,EAAmB,CAAK,GAAG;EAE7B,IAAI,EAAqC,CAAK,GAoB5C,OAhBE,KACA,EAAsB,EAAM,IAAI,CAAmB,IAMjD,kBAAC,GAAD;GACe;GACA,aAJf,KAAiB,MAAkB,EAAW;GAK5C,iBAAiB;EAClB,CAAA,IAKE;EAIT,IAAM,IAAsB,EAAS,MAClC,MAAQ,EAAc,CAAG,KAAK,EAAI,OAAO,EAAM,SAClD,GAGM,IACJ,CAAC,KACD,KACA,EAAc,CAAmB,KACjC,EAAoB,OAAO,SAAS,eAEhC,IACJ,KAAuB,EAAc,CAAmB,IACpD,EAAoB,CAAmB,IACvC;EAEN,OACE,kBAAA,GAAA,EAAA,UAAA;GACG,KAAoB,kBAAC,GAAD,EAAqB,SAAS,EAAmB,CAAA;GACrE,KACC,kBAAC,GAAD;IACE,OAAO;IACc;GACtB,CAAA;GAEH,kBAAC,GAAD;IACS;IACQ;IACf,qBACE,KAAuB,EAAc,CAAmB,IACpD,IACA,KAAA;GAEP,CAAA;EACD,EAAA,CAAA;CAEN;CAGA,IAAI,CAAC,EAAc,CAAK,KAAK,CAAC,EAAmB,CAAK,GAAG;EACvD,IAAM,IAAe;EAYrB,OATI,EAAmB,CAAK,KAAK,EAA0B,CAAY,IAC9D,EACL,GACA,GACA,CACF,IAKA,kBAAC,GAAD;GACE,OAAO;GACP,GAAI;GACW;EAChB,CAAA;CAEL;CAGA,OACE,kBAAC,GAAD;EAAmC;EAAsB;CAAgB,CAAA;AAE7E"}

package/dist/components/conversation-events/chat/messages.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"messages.cjs","names":[],"sources":["../../../../src/components/conversation-events/chat/messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { OpenHandsEvent } from \"#/types/agent-server/core\";\nimport { EventMessage } from \"./event-message\";\nimport { usePlanPreviewEvents } from \"./hooks/use-plan-preview-events\";\nimport { groupEvents } from \"./group-events\";\nimport { EventGroup } from \"./event-message-components/event-group\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { ModelMessages } from \"#/components/features/chat/model-messages\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\n// TODO: Implement microagent functionality for V1 when APIs support V1 event IDs\n// import { AgentState } from \"#/types/agent-state\";\n// import MemoryIcon from \"#/icons/memory_icon.svg?react\";\n\ninterface MessagesProps {\n  messages: OpenHandsEvent[]; // UI events (actions replaced by observations)\n  allEvents: OpenHandsEvent[]; // Full event history (for action lookup)\n}\n\nconst getLastEventId = (events: OpenHandsEvent[]) => events.at(-1)?.id;\nconst getLastEvent = (events: OpenHandsEvent[]) => events.at(-1);\n\nexport const Messages: React.FC<MessagesProps> = React.memo(\n  ({ messages, allEvents }) => {\n    const { conversationId } = useOptionalConversationId();\n    // Get the set of event IDs that should render PlanPreview\n    // This ensures only one preview per user message \"phase\"\n    const planPreviewEventIds = usePlanPreviewEvents(allEvents);\n\n    // Set of event ids that have a /model entry anchored to them — used to\n    // avoid mounting <ModelMessages> for every event (the component would\n    // otherwise early-return null).\n    const modelEntries = useModelStore((s) =>\n      conversationId ? s.entriesByConversation[conversationId] : undefined,\n    );\n    const modelAnchorIds = React.useMemo(() => {\n      if (!modelEntries || modelEntries.length === 0) return null;\n      const ids = new Set<string>();\n      for (const entry of modelEntries) {\n        if (entry.anchorEventId !== null) ids.add(entry.anchorEventId);\n      }\n      return ids.size > 0 ? ids : null;\n    }, [modelEntries]);\n\n    const maybeRenderModelMessages = (eventId: string | number | undefined) => {\n      if (!modelAnchorIds || eventId === undefined) return null;\n      const key = String(eventId);\n      if (!modelAnchorIds.has(key)) return null;\n      return (\n        <ModelMessages conversationId={conversationId} anchorEventId={key} />\n      );\n    };\n\n    // Fold consecutive action/observation events into collapsible groups so a\n    // long sequence of tool calls doesn't dominate the chat scroll. Items that\n    // can't be grouped (or that fall in a short run) are still rendered one by\n    // one, identically to before. Agent thoughts attached to an action are\n    // hoisted out as their own rendered item so they always show up in the\n    // message pane and a thought between actions starts a fresh group.\n    const renderedItems = React.useMemo(\n      () => groupEvents(messages, undefined, allEvents),\n      [messages, allEvents],\n    );\n\n    const renderEventMessage = (\n      event: OpenHandsEvent,\n      index: number,\n      suppressThought: boolean,\n    ) => (\n      <EventMessage\n        key={event.id}\n        event={event}\n        messages={allEvents}\n        isLastMessage={messages.length - 1 === index}\n        isInLast10Actions={messages.length - 1 - index < 10}\n        planPreviewEventIds={planPreviewEventIds}\n        suppressThought={suppressThought}\n      />\n    );\n\n    return (\n      <>\n        {renderedItems.map((item, itemIndex) => {\n          if (item.kind === \"single\") {\n            return (\n              <React.Fragment key={`single-${item.event.id}`}>\n                {/* Thoughts for singles are also hoisted as their own\n                    \"thought\" item, so suppress the inline render to avoid\n                    duplication. */}\n                {renderEventMessage(item.event, item.index, true)}\n                {maybeRenderModelMessages(item.event.id)}\n              </React.Fragment>\n            );\n          }\n\n          if (item.kind === \"thought\") {\n            return (\n              <React.Fragment key={`thought-${item.action.id}`}>\n                <ThoughtEventMessage event={item.action} />\n                {maybeRenderModelMessages(item.action.id)}\n              </React.Fragment>\n            );\n          }\n\n          // A group is \"finalized\" once another rendered item appears after\n          // it, signalling the agent has moved on. While the group is still\n          // the live tail, it keeps showing the latest action title as its\n          // prominent summary.\n          const isFinalized = itemIndex < renderedItems.length - 1;\n          const groupKey = item.events[0]?.id ?? `group-${item.startIndex}`;\n          return (\n            <React.Fragment key={`group-${groupKey}`}>\n              <EventGroup\n                events={item.events}\n                allEvents={allEvents}\n                isFinalized={isFinalized}\n              >\n                {item.events.map((event, offset) =>\n                  renderEventMessage(event, item.startIndex + offset, true),\n                )}\n              </EventGroup>\n              {item.events.map((event) => (\n                <React.Fragment key={`model-${event.id}`}>\n                  {maybeRenderModelMessages(event.id)}\n                </React.Fragment>\n              ))}\n            </React.Fragment>\n          );\n        })}\n      </>\n    );\n  },\n  (prevProps, nextProps) =>\n    prevProps.messages.length === nextProps.messages.length &&\n    prevProps.allEvents.length === nextProps.allEvents.length &&\n    getLastEventId(prevProps.messages) === getLastEventId(nextProps.messages) &&\n    getLastEventId(prevProps.allEvents) ===\n      getLastEventId(nextProps.allEvents) &&\n    getLastEvent(prevProps.messages) === getLastEvent(nextProps.messages) &&\n    getLastEvent(prevProps.allEvents) === getLastEvent(nextProps.allEvents),\n);\n\nMessages.displayName = \"Messages\";\n"],"mappings":"ugBAmBA,IAAM,EAAkB,GAA6B,EAAO,GAAG,EAAE,GAAG,GAC9D,EAAgB,GAA6B,EAAO,GAAG,EAAE,EAElD,EAAoC,EAAA,QAAM,MACpD,CAAE,WAAU,eAAgB,CAC3B,GAAM,CAAE,kBAAmB,EAAA,0BAA0B,EAG/C,EAAsB,EAAA,qBAAqB,CAAS,EAKpD,EAAe,EAAA,cAAe,GAClC,EAAiB,EAAE,sBAAsB,GAAkB,IAAA,EAC7D,EACM,EAAiB,EAAA,QAAM,YAAc,CACzC,GAAI,CAAC,GAAgB,EAAa,SAAW,EAAG,OAAO,KACvD,IAAM,EAAM,IAAI,IAChB,IAAK,IAAM,KAAS,EACd,EAAM,gBAAkB,MAAM,EAAI,IAAI,EAAM,aAAa,EAE/D,OAAO,EAAI,KAAO,EAAI,EAAM,IAC9B,EAAG,CAAC,CAAY,CAAC,EAEX,EAA4B,GAAyC,CACzE,GAAI,CAAC,GAAkB,IAAY,IAAA,GAAW,OAAO,KACrD,IAAM,EAAM,OAAO,CAAO,EAE1B,OADK,EAAe,IAAI,CAAG,GAEzB,EAAA,EAAA,KAAC,EAAA,cAAD,CAA+B,iBAAgB,cAAe,CAAM,CAAA,EAFjC,IAIvC,EAQM,EAAgB,EAAA,QAAM,YACpB,EAAA,YAAY,EAAU,IAAA,GAAW,CAAS,EAChD,CAAC,EAAU,CAAS,CACtB,EAEM,GACJ,EACA,EACA,KAEA,EAAA,EAAA,KAAC,EAAA,aAAD,CAES,QACP,SAAU,EACV,cAAe,EAAS,OAAS,IAAM,EACvC,kBAAmB,EAAS,OAAS,EAAI,EAAQ,GAC5B,sBACJ,iBAClB,EAPM,EAAM,EAOZ,EAGH,OACE,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EAAc,KAAK,EAAM,IAAc,CACtC,GAAI,EAAK,OAAS,SAChB,OACE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,CAIG,EAAmB,EAAK,MAAO,EAAK,MAAO,EAAI,EAC/C,EAAyB,EAAK,MAAM,EAAE,CACzB,CAAA,EANK,UAAU,EAAK,MAAM,IAM1B,EAIpB,GAAI,EAAK,OAAS,UAChB,OACE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,MAAO,EAAK,MAAS,CAAA,EACzC,EAAyB,EAAK,OAAO,EAAE,CAC1B,CAAA,EAHK,WAAW,EAAK,OAAO,IAG5B,EAQpB,IAAM,EAAc,EAAY,EAAc,OAAS,EACjD,EAAW,EAAK,OAAO,IAAI,IAAM,SAAS,EAAK,aACrD,OACE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,OAAQ,EAAK,OACF,YACE,uBAEZ,EAAK,OAAO,KAAK,EAAO,IACvB,EAAmB,EAAO,EAAK,WAAa,EAAQ,EAAI,CAC1D,CACU,CAAA,EACX,EAAK,OAAO,IAAK,IAChB,EAAA,EAAA,KAAC,EAAA,QAAM,SAAP,CAAA,SACG,EAAyB,EAAM,EAAE,CACpB,EAFK,SAAS,EAAM,IAEpB,CACjB,CACa,CAAA,EAfK,SAAS,GAed,CAEpB,CAAC,CACD,CAAA,CAEN,GACC,EAAW,IACV,EAAU,SAAS,SAAW,EAAU,SAAS,QACjD,EAAU,UAAU,SAAW,EAAU,UAAU,QACnD,EAAe,EAAU,QAAQ,IAAM,EAAe,EAAU,QAAQ,GACxE,EAAe,EAAU,SAAS,IAChC,EAAe,EAAU,SAAS,GACpC,EAAa,EAAU,QAAQ,IAAM,EAAa,EAAU,QAAQ,GACpE,EAAa,EAAU,SAAS,IAAM,EAAa,EAAU,SAAS,CAC1E,EAEA,EAAS,YAAc"}
+{"version":3,"file":"messages.cjs","names":[],"sources":["../../../../src/components/conversation-events/chat/messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { OpenHandsEvent } from \"#/types/agent-server/core\";\nimport { EventMessage } from \"./event-message\";\nimport { usePlanPreviewEvents } from \"./hooks/use-plan-preview-events\";\nimport { groupEvents } from \"./group-events\";\nimport { EventGroup } from \"./event-message-components/event-group\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { ModelMessages } from \"#/components/features/chat/model-messages\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\n\ninterface MessagesProps {\n  messages: OpenHandsEvent[]; // UI events (actions replaced by observations)\n  allEvents: OpenHandsEvent[]; // Full event history (for action lookup)\n}\n\nconst getLastEventId = (events: OpenHandsEvent[]) => events.at(-1)?.id;\nconst getLastEvent = (events: OpenHandsEvent[]) => events.at(-1);\n\nexport const Messages: React.FC<MessagesProps> = React.memo(\n  ({ messages, allEvents }) => {\n    const { conversationId } = useOptionalConversationId();\n    // Get the set of event IDs that should render PlanPreview\n    // This ensures only one preview per user message \"phase\"\n    const planPreviewEventIds = usePlanPreviewEvents(allEvents);\n\n    // Set of event ids that have a /model entry anchored to them — used to\n    // avoid mounting <ModelMessages> for every event (the component would\n    // otherwise early-return null).\n    const modelEntries = useModelStore((s) =>\n      conversationId ? s.entriesByConversation[conversationId] : undefined,\n    );\n    const modelAnchorIds = React.useMemo(() => {\n      if (!modelEntries || modelEntries.length === 0) return null;\n      const ids = new Set<string>();\n      for (const entry of modelEntries) {\n        if (entry.anchorEventId !== null) ids.add(entry.anchorEventId);\n      }\n      return ids.size > 0 ? ids : null;\n    }, [modelEntries]);\n\n    const maybeRenderModelMessages = (eventId: string | number | undefined) => {\n      if (!modelAnchorIds || eventId === undefined) return null;\n      const key = String(eventId);\n      if (!modelAnchorIds.has(key)) return null;\n      return (\n        <ModelMessages conversationId={conversationId} anchorEventId={key} />\n      );\n    };\n\n    // Fold consecutive action/observation events into collapsible groups so a\n    // long sequence of tool calls doesn't dominate the chat scroll. Items that\n    // can't be grouped (or that fall in a short run) are still rendered one by\n    // one, identically to before. Agent thoughts attached to an action are\n    // hoisted out as their own rendered item so they always show up in the\n    // message pane and a thought between actions starts a fresh group.\n    const renderedItems = React.useMemo(\n      () => groupEvents(messages, undefined, allEvents),\n      [messages, allEvents],\n    );\n\n    const renderEventMessage = (\n      event: OpenHandsEvent,\n      index: number,\n      suppressThought: boolean,\n    ) => (\n      <EventMessage\n        key={event.id}\n        event={event}\n        messages={allEvents}\n        isLastMessage={messages.length - 1 === index}\n        isInLast10Actions={messages.length - 1 - index < 10}\n        planPreviewEventIds={planPreviewEventIds}\n        suppressThought={suppressThought}\n      />\n    );\n\n    return (\n      <>\n        {renderedItems.map((item, itemIndex) => {\n          if (item.kind === \"single\") {\n            return (\n              <React.Fragment key={`single-${item.event.id}`}>\n                {/* Thoughts for singles are also hoisted as their own\n                    \"thought\" item, so suppress the inline render to avoid\n                    duplication. */}\n                {renderEventMessage(item.event, item.index, true)}\n                {maybeRenderModelMessages(item.event.id)}\n              </React.Fragment>\n            );\n          }\n\n          if (item.kind === \"thought\") {\n            return (\n              <React.Fragment key={`thought-${item.action.id}`}>\n                <ThoughtEventMessage event={item.action} />\n                {maybeRenderModelMessages(item.action.id)}\n              </React.Fragment>\n            );\n          }\n\n          // A group is \"finalized\" once another rendered item appears after\n          // it, signalling the agent has moved on. While the group is still\n          // the live tail, it keeps showing the latest action title as its\n          // prominent summary.\n          const isFinalized = itemIndex < renderedItems.length - 1;\n          const groupKey = item.events[0]?.id ?? `group-${item.startIndex}`;\n          return (\n            <React.Fragment key={`group-${groupKey}`}>\n              <EventGroup\n                events={item.events}\n                allEvents={allEvents}\n                isFinalized={isFinalized}\n              >\n                {item.events.map((event, offset) =>\n                  renderEventMessage(event, item.startIndex + offset, true),\n                )}\n              </EventGroup>\n              {item.events.map((event) => (\n                <React.Fragment key={`model-${event.id}`}>\n                  {maybeRenderModelMessages(event.id)}\n                </React.Fragment>\n              ))}\n            </React.Fragment>\n          );\n        })}\n      </>\n    );\n  },\n  (prevProps, nextProps) =>\n    prevProps.messages.length === nextProps.messages.length &&\n    prevProps.allEvents.length === nextProps.allEvents.length &&\n    getLastEventId(prevProps.messages) === getLastEventId(nextProps.messages) &&\n    getLastEventId(prevProps.allEvents) ===\n      getLastEventId(nextProps.allEvents) &&\n    getLastEvent(prevProps.messages) === getLastEvent(nextProps.messages) &&\n    getLastEvent(prevProps.allEvents) === getLastEvent(nextProps.allEvents),\n);\n\nMessages.displayName = \"Messages\";\n"],"mappings":"ugBAgBA,IAAM,EAAkB,GAA6B,EAAO,GAAG,EAAE,GAAG,GAC9D,EAAgB,GAA6B,EAAO,GAAG,EAAE,EAElD,EAAoC,EAAA,QAAM,MACpD,CAAE,WAAU,eAAgB,CAC3B,GAAM,CAAE,kBAAmB,EAAA,0BAA0B,EAG/C,EAAsB,EAAA,qBAAqB,CAAS,EAKpD,EAAe,EAAA,cAAe,GAClC,EAAiB,EAAE,sBAAsB,GAAkB,IAAA,EAC7D,EACM,EAAiB,EAAA,QAAM,YAAc,CACzC,GAAI,CAAC,GAAgB,EAAa,SAAW,EAAG,OAAO,KACvD,IAAM,EAAM,IAAI,IAChB,IAAK,IAAM,KAAS,EACd,EAAM,gBAAkB,MAAM,EAAI,IAAI,EAAM,aAAa,EAE/D,OAAO,EAAI,KAAO,EAAI,EAAM,IAC9B,EAAG,CAAC,CAAY,CAAC,EAEX,EAA4B,GAAyC,CACzE,GAAI,CAAC,GAAkB,IAAY,IAAA,GAAW,OAAO,KACrD,IAAM,EAAM,OAAO,CAAO,EAE1B,OADK,EAAe,IAAI,CAAG,GAEzB,EAAA,EAAA,KAAC,EAAA,cAAD,CAA+B,iBAAgB,cAAe,CAAM,CAAA,EAFjC,IAIvC,EAQM,EAAgB,EAAA,QAAM,YACpB,EAAA,YAAY,EAAU,IAAA,GAAW,CAAS,EAChD,CAAC,EAAU,CAAS,CACtB,EAEM,GACJ,EACA,EACA,KAEA,EAAA,EAAA,KAAC,EAAA,aAAD,CAES,QACP,SAAU,EACV,cAAe,EAAS,OAAS,IAAM,EACvC,kBAAmB,EAAS,OAAS,EAAI,EAAQ,GAC5B,sBACJ,iBAClB,EAPM,EAAM,EAOZ,EAGH,OACE,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EAAc,KAAK,EAAM,IAAc,CACtC,GAAI,EAAK,OAAS,SAChB,OACE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,CAIG,EAAmB,EAAK,MAAO,EAAK,MAAO,EAAI,EAC/C,EAAyB,EAAK,MAAM,EAAE,CACzB,CAAA,EANK,UAAU,EAAK,MAAM,IAM1B,EAIpB,GAAI,EAAK,OAAS,UAChB,OACE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,MAAO,EAAK,MAAS,CAAA,EACzC,EAAyB,EAAK,OAAO,EAAE,CAC1B,CAAA,EAHK,WAAW,EAAK,OAAO,IAG5B,EAQpB,IAAM,EAAc,EAAY,EAAc,OAAS,EACjD,EAAW,EAAK,OAAO,IAAI,IAAM,SAAS,EAAK,aACrD,OACE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,OAAQ,EAAK,OACF,YACE,uBAEZ,EAAK,OAAO,KAAK,EAAO,IACvB,EAAmB,EAAO,EAAK,WAAa,EAAQ,EAAI,CAC1D,CACU,CAAA,EACX,EAAK,OAAO,IAAK,IAChB,EAAA,EAAA,KAAC,EAAA,QAAM,SAAP,CAAA,SACG,EAAyB,EAAM,EAAE,CACpB,EAFK,SAAS,EAAM,IAEpB,CACjB,CACa,CAAA,EAfK,SAAS,GAed,CAEpB,CAAC,CACD,CAAA,CAEN,GACC,EAAW,IACV,EAAU,SAAS,SAAW,EAAU,SAAS,QACjD,EAAU,UAAU,SAAW,EAAU,UAAU,QACnD,EAAe,EAAU,QAAQ,IAAM,EAAe,EAAU,QAAQ,GACxE,EAAe,EAAU,SAAS,IAChC,EAAe,EAAU,SAAS,GACpC,EAAa,EAAU,QAAQ,IAAM,EAAa,EAAU,QAAQ,GACpE,EAAa,EAAU,SAAS,IAAM,EAAa,EAAU,SAAS,CAC1E,EAEA,EAAS,YAAc"}

package/dist/components/conversation-events/chat/messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages.js","names":[],"sources":["../../../../src/components/conversation-events/chat/messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { OpenHandsEvent } from \"#/types/agent-server/core\";\nimport { EventMessage } from \"./event-message\";\nimport { usePlanPreviewEvents } from \"./hooks/use-plan-preview-events\";\nimport { groupEvents } from \"./group-events\";\nimport { EventGroup } from \"./event-message-components/event-group\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { ModelMessages } from \"#/components/features/chat/model-messages\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\n// TODO: Implement microagent functionality for V1 when APIs support V1 event IDs\n// import { AgentState } from \"#/types/agent-state\";\n// import MemoryIcon from \"#/icons/memory_icon.svg?react\";\n\ninterface MessagesProps {\n  messages: OpenHandsEvent[]; // UI events (actions replaced by observations)\n  allEvents: OpenHandsEvent[]; // Full event history (for action lookup)\n}\n\nconst getLastEventId = (events: OpenHandsEvent[]) => events.at(-1)?.id;\nconst getLastEvent = (events: OpenHandsEvent[]) => events.at(-1);\n\nexport const Messages: React.FC<MessagesProps> = React.memo(\n  ({ messages, allEvents }) => {\n    const { conversationId } = useOptionalConversationId();\n    // Get the set of event IDs that should render PlanPreview\n    // This ensures only one preview per user message \"phase\"\n    const planPreviewEventIds = usePlanPreviewEvents(allEvents);\n\n    // Set of event ids that have a /model entry anchored to them — used to\n    // avoid mounting <ModelMessages> for every event (the component would\n    // otherwise early-return null).\n    const modelEntries = useModelStore((s) =>\n      conversationId ? s.entriesByConversation[conversationId] : undefined,\n    );\n    const modelAnchorIds = React.useMemo(() => {\n      if (!modelEntries || modelEntries.length === 0) return null;\n      const ids = new Set<string>();\n      for (const entry of modelEntries) {\n        if (entry.anchorEventId !== null) ids.add(entry.anchorEventId);\n      }\n      return ids.size > 0 ? ids : null;\n    }, [modelEntries]);\n\n    const maybeRenderModelMessages = (eventId: string | number | undefined) => {\n      if (!modelAnchorIds || eventId === undefined) return null;\n      const key = String(eventId);\n      if (!modelAnchorIds.has(key)) return null;\n      return (\n        <ModelMessages conversationId={conversationId} anchorEventId={key} />\n      );\n    };\n\n    // Fold consecutive action/observation events into collapsible groups so a\n    // long sequence of tool calls doesn't dominate the chat scroll. Items that\n    // can't be grouped (or that fall in a short run) are still rendered one by\n    // one, identically to before. Agent thoughts attached to an action are\n    // hoisted out as their own rendered item so they always show up in the\n    // message pane and a thought between actions starts a fresh group.\n    const renderedItems = React.useMemo(\n      () => groupEvents(messages, undefined, allEvents),\n      [messages, allEvents],\n    );\n\n    const renderEventMessage = (\n      event: OpenHandsEvent,\n      index: number,\n      suppressThought: boolean,\n    ) => (\n      <EventMessage\n        key={event.id}\n        event={event}\n        messages={allEvents}\n        isLastMessage={messages.length - 1 === index}\n        isInLast10Actions={messages.length - 1 - index < 10}\n        planPreviewEventIds={planPreviewEventIds}\n        suppressThought={suppressThought}\n      />\n    );\n\n    return (\n      <>\n        {renderedItems.map((item, itemIndex) => {\n          if (item.kind === \"single\") {\n            return (\n              <React.Fragment key={`single-${item.event.id}`}>\n                {/* Thoughts for singles are also hoisted as their own\n                    \"thought\" item, so suppress the inline render to avoid\n                    duplication. */}\n                {renderEventMessage(item.event, item.index, true)}\n                {maybeRenderModelMessages(item.event.id)}\n              </React.Fragment>\n            );\n          }\n\n          if (item.kind === \"thought\") {\n            return (\n              <React.Fragment key={`thought-${item.action.id}`}>\n                <ThoughtEventMessage event={item.action} />\n                {maybeRenderModelMessages(item.action.id)}\n              </React.Fragment>\n            );\n          }\n\n          // A group is \"finalized\" once another rendered item appears after\n          // it, signalling the agent has moved on. While the group is still\n          // the live tail, it keeps showing the latest action title as its\n          // prominent summary.\n          const isFinalized = itemIndex < renderedItems.length - 1;\n          const groupKey = item.events[0]?.id ?? `group-${item.startIndex}`;\n          return (\n            <React.Fragment key={`group-${groupKey}`}>\n              <EventGroup\n                events={item.events}\n                allEvents={allEvents}\n                isFinalized={isFinalized}\n              >\n                {item.events.map((event, offset) =>\n                  renderEventMessage(event, item.startIndex + offset, true),\n                )}\n              </EventGroup>\n              {item.events.map((event) => (\n                <React.Fragment key={`model-${event.id}`}>\n                  {maybeRenderModelMessages(event.id)}\n                </React.Fragment>\n              ))}\n            </React.Fragment>\n          );\n        })}\n      </>\n    );\n  },\n  (prevProps, nextProps) =>\n    prevProps.messages.length === nextProps.messages.length &&\n    prevProps.allEvents.length === nextProps.allEvents.length &&\n    getLastEventId(prevProps.messages) === getLastEventId(nextProps.messages) &&\n    getLastEventId(prevProps.allEvents) ===\n      getLastEventId(nextProps.allEvents) &&\n    getLastEvent(prevProps.messages) === getLastEvent(nextProps.messages) &&\n    getLastEvent(prevProps.allEvents) === getLastEvent(nextProps.allEvents),\n);\n\nMessages.displayName = \"Messages\";\n"],"mappings":";;;;;;;;;;;AAmBA,IAAM,KAAkB,MAA6B,EAAO,GAAG,EAAE,GAAG,IAC9D,KAAgB,MAA6B,EAAO,GAAG,EAAE,GAElD,IAAoC,EAAM,MACpD,EAAE,aAAU,mBAAgB;CAC3B,IAAM,EAAE,sBAAmB,EAA0B,GAG/C,IAAsB,EAAqB,CAAS,GAKpD,IAAe,GAAe,MAClC,IAAiB,EAAE,sBAAsB,KAAkB,KAAA,CAC7D,GACM,IAAiB,EAAM,cAAc;EACzC,IAAI,CAAC,KAAgB,EAAa,WAAW,GAAG,OAAO;EACvD,IAAM,oBAAM,IAAI,IAAY;EAC5B,KAAK,IAAM,KAAS,GAClB,AAAI,EAAM,kBAAkB,QAAM,EAAI,IAAI,EAAM,aAAa;EAE/D,OAAO,EAAI,OAAO,IAAI,IAAM;CAC9B,GAAG,CAAC,CAAY,CAAC,GAEX,KAA4B,MAAyC;EACzE,IAAI,CAAC,KAAkB,MAAY,KAAA,GAAW,OAAO;EACrD,IAAM,IAAM,OAAO,CAAO;EAE1B,OADK,EAAe,IAAI,CAAG,IAEzB,kBAAC,GAAD;GAA+B;GAAgB,eAAe;EAAM,CAAA,IAFjC;CAIvC,GAQM,IAAgB,EAAM,cACpB,EAAY,GAAU,KAAA,GAAW,CAAS,GAChD,CAAC,GAAU,CAAS,CACtB,GAEM,KACJ,GACA,GACA,MAEA,kBAAC,GAAD;EAES;EACP,UAAU;EACV,eAAe,EAAS,SAAS,MAAM;EACvC,mBAAmB,EAAS,SAAS,IAAI,IAAQ;EAC5B;EACJ;CAClB,GAPM,EAAM,EAOZ;CAGH,OACE,kBAAA,GAAA,EAAA,UACG,EAAc,KAAK,GAAM,MAAc;EACtC,IAAI,EAAK,SAAS,UAChB,OACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CAIG,EAAmB,EAAK,OAAO,EAAK,OAAO,EAAI,GAC/C,EAAyB,EAAK,MAAM,EAAE,CACzB,EAAA,GANK,UAAU,EAAK,MAAM,IAM1B;EAIpB,IAAI,EAAK,SAAS,WAChB,OACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACE,kBAAC,GAAD,EAAqB,OAAO,EAAK,OAAS,CAAA,GACzC,EAAyB,EAAK,OAAO,EAAE,CAC1B,EAAA,GAHK,WAAW,EAAK,OAAO,IAG5B;EAQpB,IAAM,IAAc,IAAY,EAAc,SAAS,GACjD,IAAW,EAAK,OAAO,IAAI,MAAM,SAAS,EAAK;EACrD,OACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,QAAQ,EAAK;GACF;GACE;aAEZ,EAAK,OAAO,KAAK,GAAO,MACvB,EAAmB,GAAO,EAAK,aAAa,GAAQ,EAAI,CAC1D;EACU,CAAA,GACX,EAAK,OAAO,KAAK,MAChB,kBAAC,EAAM,UAAP,EAAA,UACG,EAAyB,EAAM,EAAE,EACpB,GAFK,SAAS,EAAM,IAEpB,CACjB,CACa,EAAA,GAfK,SAAS,GAed;CAEpB,CAAC,EACD,CAAA;AAEN,IACC,GAAW,MACV,EAAU,SAAS,WAAW,EAAU,SAAS,UACjD,EAAU,UAAU,WAAW,EAAU,UAAU,UACnD,EAAe,EAAU,QAAQ,MAAM,EAAe,EAAU,QAAQ,KACxE,EAAe,EAAU,SAAS,MAChC,EAAe,EAAU,SAAS,KACpC,EAAa,EAAU,QAAQ,MAAM,EAAa,EAAU,QAAQ,KACpE,EAAa,EAAU,SAAS,MAAM,EAAa,EAAU,SAAS,CAC1E;AAEA,EAAS,cAAc"}
+{"version":3,"file":"messages.js","names":[],"sources":["../../../../src/components/conversation-events/chat/messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { OpenHandsEvent } from \"#/types/agent-server/core\";\nimport { EventMessage } from \"./event-message\";\nimport { usePlanPreviewEvents } from \"./hooks/use-plan-preview-events\";\nimport { groupEvents } from \"./group-events\";\nimport { EventGroup } from \"./event-message-components/event-group\";\nimport { ThoughtEventMessage } from \"./event-message-components/thought-event-message\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { ModelMessages } from \"#/components/features/chat/model-messages\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\n\ninterface MessagesProps {\n  messages: OpenHandsEvent[]; // UI events (actions replaced by observations)\n  allEvents: OpenHandsEvent[]; // Full event history (for action lookup)\n}\n\nconst getLastEventId = (events: OpenHandsEvent[]) => events.at(-1)?.id;\nconst getLastEvent = (events: OpenHandsEvent[]) => events.at(-1);\n\nexport const Messages: React.FC<MessagesProps> = React.memo(\n  ({ messages, allEvents }) => {\n    const { conversationId } = useOptionalConversationId();\n    // Get the set of event IDs that should render PlanPreview\n    // This ensures only one preview per user message \"phase\"\n    const planPreviewEventIds = usePlanPreviewEvents(allEvents);\n\n    // Set of event ids that have a /model entry anchored to them — used to\n    // avoid mounting <ModelMessages> for every event (the component would\n    // otherwise early-return null).\n    const modelEntries = useModelStore((s) =>\n      conversationId ? s.entriesByConversation[conversationId] : undefined,\n    );\n    const modelAnchorIds = React.useMemo(() => {\n      if (!modelEntries || modelEntries.length === 0) return null;\n      const ids = new Set<string>();\n      for (const entry of modelEntries) {\n        if (entry.anchorEventId !== null) ids.add(entry.anchorEventId);\n      }\n      return ids.size > 0 ? ids : null;\n    }, [modelEntries]);\n\n    const maybeRenderModelMessages = (eventId: string | number | undefined) => {\n      if (!modelAnchorIds || eventId === undefined) return null;\n      const key = String(eventId);\n      if (!modelAnchorIds.has(key)) return null;\n      return (\n        <ModelMessages conversationId={conversationId} anchorEventId={key} />\n      );\n    };\n\n    // Fold consecutive action/observation events into collapsible groups so a\n    // long sequence of tool calls doesn't dominate the chat scroll. Items that\n    // can't be grouped (or that fall in a short run) are still rendered one by\n    // one, identically to before. Agent thoughts attached to an action are\n    // hoisted out as their own rendered item so they always show up in the\n    // message pane and a thought between actions starts a fresh group.\n    const renderedItems = React.useMemo(\n      () => groupEvents(messages, undefined, allEvents),\n      [messages, allEvents],\n    );\n\n    const renderEventMessage = (\n      event: OpenHandsEvent,\n      index: number,\n      suppressThought: boolean,\n    ) => (\n      <EventMessage\n        key={event.id}\n        event={event}\n        messages={allEvents}\n        isLastMessage={messages.length - 1 === index}\n        isInLast10Actions={messages.length - 1 - index < 10}\n        planPreviewEventIds={planPreviewEventIds}\n        suppressThought={suppressThought}\n      />\n    );\n\n    return (\n      <>\n        {renderedItems.map((item, itemIndex) => {\n          if (item.kind === \"single\") {\n            return (\n              <React.Fragment key={`single-${item.event.id}`}>\n                {/* Thoughts for singles are also hoisted as their own\n                    \"thought\" item, so suppress the inline render to avoid\n                    duplication. */}\n                {renderEventMessage(item.event, item.index, true)}\n                {maybeRenderModelMessages(item.event.id)}\n              </React.Fragment>\n            );\n          }\n\n          if (item.kind === \"thought\") {\n            return (\n              <React.Fragment key={`thought-${item.action.id}`}>\n                <ThoughtEventMessage event={item.action} />\n                {maybeRenderModelMessages(item.action.id)}\n              </React.Fragment>\n            );\n          }\n\n          // A group is \"finalized\" once another rendered item appears after\n          // it, signalling the agent has moved on. While the group is still\n          // the live tail, it keeps showing the latest action title as its\n          // prominent summary.\n          const isFinalized = itemIndex < renderedItems.length - 1;\n          const groupKey = item.events[0]?.id ?? `group-${item.startIndex}`;\n          return (\n            <React.Fragment key={`group-${groupKey}`}>\n              <EventGroup\n                events={item.events}\n                allEvents={allEvents}\n                isFinalized={isFinalized}\n              >\n                {item.events.map((event, offset) =>\n                  renderEventMessage(event, item.startIndex + offset, true),\n                )}\n              </EventGroup>\n              {item.events.map((event) => (\n                <React.Fragment key={`model-${event.id}`}>\n                  {maybeRenderModelMessages(event.id)}\n                </React.Fragment>\n              ))}\n            </React.Fragment>\n          );\n        })}\n      </>\n    );\n  },\n  (prevProps, nextProps) =>\n    prevProps.messages.length === nextProps.messages.length &&\n    prevProps.allEvents.length === nextProps.allEvents.length &&\n    getLastEventId(prevProps.messages) === getLastEventId(nextProps.messages) &&\n    getLastEventId(prevProps.allEvents) ===\n      getLastEventId(nextProps.allEvents) &&\n    getLastEvent(prevProps.messages) === getLastEvent(nextProps.messages) &&\n    getLastEvent(prevProps.allEvents) === getLastEvent(nextProps.allEvents),\n);\n\nMessages.displayName = \"Messages\";\n"],"mappings":";;;;;;;;;;;AAgBA,IAAM,KAAkB,MAA6B,EAAO,GAAG,EAAE,GAAG,IAC9D,KAAgB,MAA6B,EAAO,GAAG,EAAE,GAElD,IAAoC,EAAM,MACpD,EAAE,aAAU,mBAAgB;CAC3B,IAAM,EAAE,sBAAmB,EAA0B,GAG/C,IAAsB,EAAqB,CAAS,GAKpD,IAAe,GAAe,MAClC,IAAiB,EAAE,sBAAsB,KAAkB,KAAA,CAC7D,GACM,IAAiB,EAAM,cAAc;EACzC,IAAI,CAAC,KAAgB,EAAa,WAAW,GAAG,OAAO;EACvD,IAAM,oBAAM,IAAI,IAAY;EAC5B,KAAK,IAAM,KAAS,GAClB,AAAI,EAAM,kBAAkB,QAAM,EAAI,IAAI,EAAM,aAAa;EAE/D,OAAO,EAAI,OAAO,IAAI,IAAM;CAC9B,GAAG,CAAC,CAAY,CAAC,GAEX,KAA4B,MAAyC;EACzE,IAAI,CAAC,KAAkB,MAAY,KAAA,GAAW,OAAO;EACrD,IAAM,IAAM,OAAO,CAAO;EAE1B,OADK,EAAe,IAAI,CAAG,IAEzB,kBAAC,GAAD;GAA+B;GAAgB,eAAe;EAAM,CAAA,IAFjC;CAIvC,GAQM,IAAgB,EAAM,cACpB,EAAY,GAAU,KAAA,GAAW,CAAS,GAChD,CAAC,GAAU,CAAS,CACtB,GAEM,KACJ,GACA,GACA,MAEA,kBAAC,GAAD;EAES;EACP,UAAU;EACV,eAAe,EAAS,SAAS,MAAM;EACvC,mBAAmB,EAAS,SAAS,IAAI,IAAQ;EAC5B;EACJ;CAClB,GAPM,EAAM,EAOZ;CAGH,OACE,kBAAA,GAAA,EAAA,UACG,EAAc,KAAK,GAAM,MAAc;EACtC,IAAI,EAAK,SAAS,UAChB,OACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CAIG,EAAmB,EAAK,OAAO,EAAK,OAAO,EAAI,GAC/C,EAAyB,EAAK,MAAM,EAAE,CACzB,EAAA,GANK,UAAU,EAAK,MAAM,IAM1B;EAIpB,IAAI,EAAK,SAAS,WAChB,OACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACE,kBAAC,GAAD,EAAqB,OAAO,EAAK,OAAS,CAAA,GACzC,EAAyB,EAAK,OAAO,EAAE,CAC1B,EAAA,GAHK,WAAW,EAAK,OAAO,IAG5B;EAQpB,IAAM,IAAc,IAAY,EAAc,SAAS,GACjD,IAAW,EAAK,OAAO,IAAI,MAAM,SAAS,EAAK;EACrD,OACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,QAAQ,EAAK;GACF;GACE;aAEZ,EAAK,OAAO,KAAK,GAAO,MACvB,EAAmB,GAAO,EAAK,aAAa,GAAQ,EAAI,CAC1D;EACU,CAAA,GACX,EAAK,OAAO,KAAK,MAChB,kBAAC,EAAM,UAAP,EAAA,UACG,EAAyB,EAAM,EAAE,EACpB,GAFK,SAAS,EAAM,IAEpB,CACjB,CACa,EAAA,GAfK,SAAS,GAed;CAEpB,CAAC,EACD,CAAA;AAEN,IACC,GAAW,MACV,EAAU,SAAS,WAAW,EAAU,SAAS,UACjD,EAAU,UAAU,WAAW,EAAU,UAAU,UACnD,EAAe,EAAU,QAAQ,MAAM,EAAe,EAAU,QAAQ,KACxE,EAAe,EAAU,SAAS,MAChC,EAAe,EAAU,SAAS,KACpC,EAAa,EAAU,QAAQ,MAAM,EAAa,EAAU,QAAQ,KACpE,EAAa,EAAU,SAAS,MAAM,EAAa,EAAU,SAAS,CAC1E;AAEA,EAAS,cAAc"}

package/dist/components/features/automations/add-automation-menu.d.ts

@@ -0,0 +1,7 @@
+interface AddAutomationMenuProps {
+    onAdd: () => void;
+    onImport: () => void;
+    isAddDisabled?: boolean;
+}
+export declare function AddAutomationMenu({ onAdd, onImport, isAddDisabled, }: AddAutomationMenuProps): import("react").JSX.Element;
+export {};

package/dist/components/features/automations/add-automation-modal.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../shared/modals/modal-backdrop.cjs"),i=require("../../../utils/modal-classes.cjs"),a=require("../../shared/modals/modal-close-button.cjs"),o=require("./create-instructions.cjs");let s=require("react/jsx-runtime");function c({isOpen:c,onClose:l}){let{t:u}=e.useTranslation(`openhands`);return c?(0,s.jsx)(r.ModalBackdrop,{onClose:l,"aria-label":u(t.I18nKey.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE),children:(0,s.jsxs)(`div`,{"data-testid":`add-automation-modal`,className:`relative flex w-full max-w-lg flex-col rounded-xl border border-[var(--oh-border)] bg-base-secondary`,children:[(0,s.jsx)(a.ModalCloseButton,{onClose:l,testId:`add-automation-modal-close`}),(0,s.jsx)(`header`,{className:`flex-shrink-0 px-6 pb-4 pt-6`,children:(0,s.jsx)(`h2`,{id:`add-automation-modal-title`,className:n.cn(`pr-6`,i.modalTitleLgClassName),children:u(t.I18nKey.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)})}),(0,s.jsx)(`div`,{className:`px-6 pb-6`,children:(0,s.jsx)(o.CreateInstructionsContent,{onLaunch:l})})]})}):null}exports.AddAutomationModal=c;
+//# sourceMappingURL=add-automation-modal.cjs.map

package/dist/components/features/automations/add-automation-modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-automation-modal.cjs","names":[],"sources":["../../../../src/components/features/automations/add-automation-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport { CreateInstructionsContent } from \"./create-instructions\";\n\ninterface AddAutomationModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport function AddAutomationModal({\n  isOpen,\n  onClose,\n}: AddAutomationModalProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  if (!isOpen) return null;\n\n  return (\n    <ModalBackdrop\n      onClose={onClose}\n      aria-label={t(I18nKey.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)}\n    >\n      <div\n        data-testid=\"add-automation-modal\"\n        className=\"relative flex w-full max-w-lg flex-col rounded-xl border border-[var(--oh-border)] bg-base-secondary\"\n      >\n        <ModalCloseButton\n          onClose={onClose}\n          testId=\"add-automation-modal-close\"\n        />\n        <header className=\"flex-shrink-0 px-6 pb-4 pt-6\">\n          <h2\n            id=\"add-automation-modal-title\"\n            className={cn(\"pr-6\", modalTitleLgClassName)}\n          >\n            {t(I18nKey.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)}\n          </h2>\n        </header>\n        <div className=\"px-6 pb-6\">\n          <CreateInstructionsContent onLaunch={onClose} />\n        </div>\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"0bAaA,SAAgB,EAAmB,CACjC,SACA,WAC0B,CAC1B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAIxC,OAFK,GAGH,EAAA,EAAA,KAAC,EAAA,cAAD,CACW,UACT,aAAY,EAAE,EAAA,QAAQ,qCAAqC,YAE3D,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,uBACZ,UAAU,gHAFZ,EAIE,EAAA,EAAA,KAAC,EAAA,iBAAD,CACW,UACT,OAAO,4BACR,CAAA,GACD,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAU,yCAChB,EAAA,EAAA,KAAC,KAAD,CACE,GAAG,6BACH,UAAW,EAAA,GAAG,OAAQ,EAAA,qBAAqB,WAE1C,EAAE,EAAA,QAAQ,qCAAqC,CAC9C,CAAA,CACE,CAAA,GACR,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,0BAAD,CAA2B,SAAU,CAAU,CAAA,CAC5C,CAAA,CACF,GACQ,CAAA,EA3BG,IA6BtB"}

package/dist/components/features/automations/add-automation-modal.js

@@ -0,0 +1,42 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { cn as n } from "../../../utils/utils.js";
+import { ModalBackdrop as r } from "../../shared/modals/modal-backdrop.js";
+import { modalTitleLgClassName as i } from "../../../utils/modal-classes.js";
+import { ModalCloseButton as a } from "../../shared/modals/modal-close-button.js";
+import { CreateInstructionsContent as o } from "./create-instructions.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/features/automations/add-automation-modal.tsx
+function l({ isOpen: l, onClose: u }) {
+	let { t: d } = e("openhands");
+	return l ? /* @__PURE__ */ s(r, {
+		onClose: u,
+		"aria-label": d(t.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE),
+		children: /* @__PURE__ */ c("div", {
+			"data-testid": "add-automation-modal",
+			className: "relative flex w-full max-w-lg flex-col rounded-xl border border-[var(--oh-border)] bg-base-secondary",
+			children: [
+				/* @__PURE__ */ s(a, {
+					onClose: u,
+					testId: "add-automation-modal-close"
+				}),
+				/* @__PURE__ */ s("header", {
+					className: "flex-shrink-0 px-6 pb-4 pt-6",
+					children: /* @__PURE__ */ s("h2", {
+						id: "add-automation-modal-title",
+						className: n("pr-6", i),
+						children: d(t.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)
+					})
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "px-6 pb-6",
+					children: /* @__PURE__ */ s(o, { onLaunch: u })
+				})
+			]
+		})
+	}) : null;
+}
+//#endregion
+export { l as AddAutomationModal };
+
+//# sourceMappingURL=add-automation-modal.js.map

package/dist/components/features/automations/add-automation-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-automation-modal.js","names":[],"sources":["../../../../src/components/features/automations/add-automation-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport { CreateInstructionsContent } from \"./create-instructions\";\n\ninterface AddAutomationModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport function AddAutomationModal({\n  isOpen,\n  onClose,\n}: AddAutomationModalProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  if (!isOpen) return null;\n\n  return (\n    <ModalBackdrop\n      onClose={onClose}\n      aria-label={t(I18nKey.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)}\n    >\n      <div\n        data-testid=\"add-automation-modal\"\n        className=\"relative flex w-full max-w-lg flex-col rounded-xl border border-[var(--oh-border)] bg-base-secondary\"\n      >\n        <ModalCloseButton\n          onClose={onClose}\n          testId=\"add-automation-modal-close\"\n        />\n        <header className=\"flex-shrink-0 px-6 pb-4 pt-6\">\n          <h2\n            id=\"add-automation-modal-title\"\n            className={cn(\"pr-6\", modalTitleLgClassName)}\n          >\n            {t(I18nKey.AUTOMATIONS$EMPTY_HOW_TO_CREATE_TITLE)}\n          </h2>\n        </header>\n        <div className=\"px-6 pb-6\">\n          <CreateInstructionsContent onLaunch={onClose} />\n        </div>\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,EAAmB,EACjC,WACA,cAC0B;CAC1B,IAAM,EAAE,SAAM,EAAe,WAAW;CAIxC,OAFK,IAGH,kBAAC,GAAD;EACW;EACT,cAAY,EAAE,EAAQ,qCAAqC;YAE3D,kBAAC,OAAD;GACE,eAAY;GACZ,WAAU;aAFZ;IAIE,kBAAC,GAAD;KACW;KACT,QAAO;IACR,CAAA;IACD,kBAAC,UAAD;KAAQ,WAAU;eAChB,kBAAC,MAAD;MACE,IAAG;MACH,WAAW,EAAG,QAAQ,CAAqB;gBAE1C,EAAE,EAAQ,qCAAqC;KAC9C,CAAA;IACE,CAAA;IACR,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAA2B,UAAU,EAAU,CAAA;IAC5C,CAAA;GACF;;CACQ,CAAA,IA3BG;AA6BtB"}