@openhands/agent-canvas 1.15.0 → 1.17.0

package/dist/api/skills-service.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skills-service.cjs","names":[],"sources":["../../src/api/skills-service.ts"],"sourcesContent":["import { SkillsClient } from \"@openhands/typescript-client/clients\";\nimport {\n  SKILLS_CATALOG,\n  type SkillCatalogEntry,\n} from \"@openhands/extensions/skills\";\nimport { SkillInfo } from \"#/types/settings\";\nimport { getAgentServerWorkingDir } from \"./agent-server-config\";\nimport { getActiveBackend } from \"./backend-registry/active-store\";\nimport { fetchCloudSkills } from \"./cloud/skills-service.api\";\nimport { getAgentServerClientOptions } from \"./agent-server-client-options\";\n\nfunction catalogEntryToSkillInfo(entry: SkillCatalogEntry): SkillInfo {\n  return {\n    name: entry.name,\n    type: \"knowledge\",\n    source: \"public\",\n    description: entry.description,\n    triggers: entry.triggers,\n    category: entry.category,\n    content: entry.content,\n    license: entry.license ?? null,\n    compatibility: entry.compatibility ?? null,\n  };\n}\n\n/**\n * Public skills loaded from the `@openhands/extensions` npm package.\n *\n * This is an **immutable build-time snapshot**: the catalog is baked into the\n * bundle at `npm run build` / `vite build` time and does not change at\n * runtime. Updating the catalog requires bumping the `@openhands/extensions`\n * dependency and rebuilding.\n */\nconst PUBLIC_SKILLS: SkillInfo[] = SKILLS_CATALOG.map(catalogEntryToSkillInfo);\n\nclass SkillsService {\n  static async getSkills(projectDir?: string): Promise<SkillInfo[]> {\n    if (getActiveBackend().backend.kind === \"cloud\") {\n      return fetchCloudSkills();\n    }\n\n    // Public skills come from the bundled @openhands/extensions npm package —\n    // no agent-server round-trip or GitHub fetch needed. Only ask the agent-\n    // server for user and project skills so local .agents/skills/ content is\n    // still picked up.\n    let localSkills: SkillInfo[] = [];\n    try {\n      const response = await new SkillsClient(\n        getAgentServerClientOptions(),\n      ).getSkills({\n        load_public: false,\n        load_user: true,\n        load_project: true,\n        load_org: false,\n        project_dir: projectDir ?? getAgentServerWorkingDir(),\n      });\n      localSkills = (response.skills ?? []) as SkillInfo[];\n    } catch {\n      // Agent-server may not support the skills endpoint or may be\n      // unreachable; fall back to the bundled public catalog alone.\n    }\n\n    return [...localSkills, ...PUBLIC_SKILLS];\n  }\n}\n\nexport default SkillsService;\n"],"mappings":"idAWA,SAAS,EAAwB,EAAqC,CACpE,MAAO,CACL,KAAM,EAAM,KACZ,KAAM,YACN,OAAQ,SACR,YAAa,EAAM,YACnB,SAAU,EAAM,SAChB,SAAU,EAAM,SAChB,QAAS,EAAM,QACf,QAAS,EAAM,SAAW,KAC1B,cAAe,EAAM,eAAiB,IACxC,CACF,CAUA,IAAM,EAA6B,EAAA,QAAe,IAAI,CAAuB,EAEvE,EAAN,KAAoB,CAClB,aAAa,UAAU,EAA2C,CAChE,GAAI,EAAA,iBAAiB,EAAE,QAAQ,OAAS,QACtC,OAAO,EAAA,iBAAiB,EAO1B,IAAI,EAA2B,CAAC,EAChC,GAAI,CAUF,GAAe,MATQ,IAAI,EAAA,aACzB,EAAA,4BAA4B,CAC9B,EAAE,UAAU,CACV,YAAa,GACb,UAAW,GACX,aAAc,GACd,SAAU,GACV,YAAa,GAAc,EAAA,yBAAyB,CACtD,CAAC,GACuB,QAAU,CAAC,CACrC,MAAQ,CAGR,CAEA,MAAO,CAAC,GAAG,EAAa,GAAG,CAAa,CAC1C,CACF"}
+{"version":3,"file":"skills-service.cjs","names":[],"sources":["../../src/api/skills-service.ts"],"sourcesContent":["import { SkillsClient } from \"@openhands/typescript-client/clients\";\nimport {\n  SKILLS_CATALOG,\n  type SkillCatalogEntry,\n} from \"@openhands/extensions/skills\";\nimport { SkillInfo } from \"#/types/settings\";\nimport { getAgentServerWorkingDir } from \"./agent-server-config\";\nimport { getActiveBackend } from \"./backend-registry/active-store\";\nimport {\n  fetchCloudConversationSkills,\n  fetchCloudSkills,\n} from \"./cloud/skills-service.api\";\nimport { getAgentServerClientOptions } from \"./agent-server-client-options\";\n\nfunction catalogEntryToSkillInfo(entry: SkillCatalogEntry): SkillInfo {\n  return {\n    name: entry.name,\n    type: \"knowledge\",\n    source: \"public\",\n    description: entry.description,\n    triggers: entry.triggers,\n    category: entry.category,\n    content: entry.content,\n    license: entry.license ?? null,\n    compatibility: entry.compatibility ?? null,\n  };\n}\n\n/**\n * Public skills loaded from the `@openhands/extensions` npm package.\n *\n * This is an **immutable build-time snapshot**: the catalog is baked into the\n * bundle at `npm run build` / `vite build` time and does not change at\n * runtime. Updating the catalog requires bumping the `@openhands/extensions`\n * dependency and rebuilding.\n */\nconst PUBLIC_SKILLS: SkillInfo[] = SKILLS_CATALOG.map(catalogEntryToSkillInfo);\n\nclass SkillsService {\n  static async getSkills(projectDir?: string): Promise<SkillInfo[]> {\n    if (getActiveBackend().backend.kind === \"cloud\") {\n      return fetchCloudSkills();\n    }\n\n    // Public skills come from the bundled @openhands/extensions npm package —\n    // no agent-server round-trip or GitHub fetch needed. Only ask the agent-\n    // server for user and project skills so local .agents/skills/ content is\n    // still picked up.\n    let localSkills: SkillInfo[] = [];\n    try {\n      const response = await new SkillsClient(\n        getAgentServerClientOptions(),\n      ).getSkills({\n        load_public: false,\n        load_user: true,\n        load_project: true,\n        load_org: false,\n        project_dir: projectDir ?? getAgentServerWorkingDir(),\n      });\n      localSkills = (response.skills ?? []) as SkillInfo[];\n    } catch {\n      // Agent-server may not support the skills endpoint or may be\n      // unreachable; fall back to the bundled public catalog alone.\n    }\n\n    return [...localSkills, ...PUBLIC_SKILLS];\n  }\n\n  /**\n   * Skills loaded into a running cloud conversation (see\n   * `fetchCloudConversationSkills`). Cloud-only: local conversations keep\n   * using `getSkills(projectDir)`, whose agent-server call already scopes to\n   * the conversation's workspace.\n   */\n  static getConversationSkills(conversationId: string): Promise<SkillInfo[]> {\n    return fetchCloudConversationSkills(conversationId);\n  }\n}\n\nexport default SkillsService;\n"],"mappings":"idAcA,SAAS,EAAwB,EAAqC,CACpE,MAAO,CACL,KAAM,EAAM,KACZ,KAAM,YACN,OAAQ,SACR,YAAa,EAAM,YACnB,SAAU,EAAM,SAChB,SAAU,EAAM,SAChB,QAAS,EAAM,QACf,QAAS,EAAM,SAAW,KAC1B,cAAe,EAAM,eAAiB,IACxC,CACF,CAUA,IAAM,EAA6B,EAAA,QAAe,IAAI,CAAuB,EAEvE,EAAN,KAAoB,CAClB,aAAa,UAAU,EAA2C,CAChE,GAAI,EAAA,iBAAiB,EAAE,QAAQ,OAAS,QACtC,OAAO,EAAA,iBAAiB,EAO1B,IAAI,EAA2B,CAAC,EAChC,GAAI,CAUF,GAAe,MATQ,IAAI,EAAA,aACzB,EAAA,4BAA4B,CAC9B,EAAE,UAAU,CACV,YAAa,GACb,UAAW,GACX,aAAc,GACd,SAAU,GACV,YAAa,GAAc,EAAA,yBAAyB,CACtD,CAAC,GACuB,QAAU,CAAC,CACrC,MAAQ,CAGR,CAEA,MAAO,CAAC,GAAG,EAAa,GAAG,CAAa,CAC1C,CAQA,OAAO,sBAAsB,EAA8C,CACzE,OAAO,EAAA,6BAA6B,CAAc,CACpD,CACF"}

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

@@ -1,5 +1,12 @@
 import { SkillInfo } from "#/types/settings";
 declare class SkillsService {
     static getSkills(projectDir?: string): Promise<SkillInfo[]>;
+    /**
+     * Skills loaded into a running cloud conversation (see
+     * `fetchCloudConversationSkills`). Cloud-only: local conversations keep
+     * using `getSkills(projectDir)`, whose agent-server call already scopes to
+     * the conversation's workspace.
+     */
+    static getConversationSkills(conversationId: string): Promise<SkillInfo[]>;
 }
 export default SkillsService;

package/dist/api/skills-service.js

@@ -4,9 +4,9 @@ import { getAgentServerWorkingDir as t } from "./agent-server-config.js";
 import { getActiveBackend as n } from "./backend-registry/active-store.js";
 import { getAgentServerClientOptions as r } from "./agent-server-client-options.js";
 import i from "../node_modules/@openhands/extensions/skills/index.js";
-import { fetchCloudSkills as a } from "./cloud/skills-service.api.js";
+import { fetchCloudConversationSkills as a, fetchCloudSkills as o } from "./cloud/skills-service.api.js";
 //#region src/api/skills-service.ts
-function o(e) {
+function s(e) {
 	return {
 		name: e.name,
 		type: "knowledge",
@@ -19,12 +19,12 @@ function o(e) {
 		compatibility: e.compatibility ?? null
 	};
 }
-var s = i.map(o), c = class {
+var c = i.map(s), l = class {
 	static async getSkills(i) {
-		if (n().backend.kind === "cloud") return a();
-		let o = [];
+		if (n().backend.kind === "cloud") return o();
+		let a = [];
 		try {
-			o = (await new e(r()).getSkills({
+			a = (await new e(r()).getSkills({
 				load_public: !1,
 				load_user: !0,
 				load_project: !0,
@@ -32,10 +32,13 @@ var s = i.map(o), c = class {
 				project_dir: i ?? t()
 			})).skills ?? [];
 		} catch {}
-		return [...o, ...s];
+		return [...a, ...c];
+	}
+	static getConversationSkills(e) {
+		return a(e);
 	}
 };
 //#endregion
-export { c as default };
+export { l as default };
 
 //# sourceMappingURL=skills-service.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skills-service.js","names":[],"sources":["../../src/api/skills-service.ts"],"sourcesContent":["import { SkillsClient } from \"@openhands/typescript-client/clients\";\nimport {\n  SKILLS_CATALOG,\n  type SkillCatalogEntry,\n} from \"@openhands/extensions/skills\";\nimport { SkillInfo } from \"#/types/settings\";\nimport { getAgentServerWorkingDir } from \"./agent-server-config\";\nimport { getActiveBackend } from \"./backend-registry/active-store\";\nimport { fetchCloudSkills } from \"./cloud/skills-service.api\";\nimport { getAgentServerClientOptions } from \"./agent-server-client-options\";\n\nfunction catalogEntryToSkillInfo(entry: SkillCatalogEntry): SkillInfo {\n  return {\n    name: entry.name,\n    type: \"knowledge\",\n    source: \"public\",\n    description: entry.description,\n    triggers: entry.triggers,\n    category: entry.category,\n    content: entry.content,\n    license: entry.license ?? null,\n    compatibility: entry.compatibility ?? null,\n  };\n}\n\n/**\n * Public skills loaded from the `@openhands/extensions` npm package.\n *\n * This is an **immutable build-time snapshot**: the catalog is baked into the\n * bundle at `npm run build` / `vite build` time and does not change at\n * runtime. Updating the catalog requires bumping the `@openhands/extensions`\n * dependency and rebuilding.\n */\nconst PUBLIC_SKILLS: SkillInfo[] = SKILLS_CATALOG.map(catalogEntryToSkillInfo);\n\nclass SkillsService {\n  static async getSkills(projectDir?: string): Promise<SkillInfo[]> {\n    if (getActiveBackend().backend.kind === \"cloud\") {\n      return fetchCloudSkills();\n    }\n\n    // Public skills come from the bundled @openhands/extensions npm package —\n    // no agent-server round-trip or GitHub fetch needed. Only ask the agent-\n    // server for user and project skills so local .agents/skills/ content is\n    // still picked up.\n    let localSkills: SkillInfo[] = [];\n    try {\n      const response = await new SkillsClient(\n        getAgentServerClientOptions(),\n      ).getSkills({\n        load_public: false,\n        load_user: true,\n        load_project: true,\n        load_org: false,\n        project_dir: projectDir ?? getAgentServerWorkingDir(),\n      });\n      localSkills = (response.skills ?? []) as SkillInfo[];\n    } catch {\n      // Agent-server may not support the skills endpoint or may be\n      // unreachable; fall back to the bundled public catalog alone.\n    }\n\n    return [...localSkills, ...PUBLIC_SKILLS];\n  }\n}\n\nexport default SkillsService;\n"],"mappings":";;;;;;;;AAWA,SAAS,EAAwB,GAAqC;CACpE,OAAO;EACL,MAAM,EAAM;EACZ,MAAM;EACN,QAAQ;EACR,aAAa,EAAM;EACnB,UAAU,EAAM;EAChB,UAAU,EAAM;EAChB,SAAS,EAAM;EACf,SAAS,EAAM,WAAW;EAC1B,eAAe,EAAM,iBAAiB;CACxC;AACF;AAUA,IAAM,IAA6B,EAAe,IAAI,CAAuB,GAEvE,IAAN,MAAoB;CAClB,aAAa,UAAU,GAA2C;EAChE,IAAI,EAAiB,EAAE,QAAQ,SAAS,SACtC,OAAO,EAAiB;EAO1B,IAAI,IAA2B,CAAC;EAChC,IAAI;GAUF,KAAe,MATQ,IAAI,EACzB,EAA4B,CAC9B,EAAE,UAAU;IACV,aAAa;IACb,WAAW;IACX,cAAc;IACd,UAAU;IACV,aAAa,KAAc,EAAyB;GACtD,CAAC,GACuB,UAAU,CAAC;EACrC,QAAQ,CAGR;EAEA,OAAO,CAAC,GAAG,GAAa,GAAG,CAAa;CAC1C;AACF"}
+{"version":3,"file":"skills-service.js","names":[],"sources":["../../src/api/skills-service.ts"],"sourcesContent":["import { SkillsClient } from \"@openhands/typescript-client/clients\";\nimport {\n  SKILLS_CATALOG,\n  type SkillCatalogEntry,\n} from \"@openhands/extensions/skills\";\nimport { SkillInfo } from \"#/types/settings\";\nimport { getAgentServerWorkingDir } from \"./agent-server-config\";\nimport { getActiveBackend } from \"./backend-registry/active-store\";\nimport {\n  fetchCloudConversationSkills,\n  fetchCloudSkills,\n} from \"./cloud/skills-service.api\";\nimport { getAgentServerClientOptions } from \"./agent-server-client-options\";\n\nfunction catalogEntryToSkillInfo(entry: SkillCatalogEntry): SkillInfo {\n  return {\n    name: entry.name,\n    type: \"knowledge\",\n    source: \"public\",\n    description: entry.description,\n    triggers: entry.triggers,\n    category: entry.category,\n    content: entry.content,\n    license: entry.license ?? null,\n    compatibility: entry.compatibility ?? null,\n  };\n}\n\n/**\n * Public skills loaded from the `@openhands/extensions` npm package.\n *\n * This is an **immutable build-time snapshot**: the catalog is baked into the\n * bundle at `npm run build` / `vite build` time and does not change at\n * runtime. Updating the catalog requires bumping the `@openhands/extensions`\n * dependency and rebuilding.\n */\nconst PUBLIC_SKILLS: SkillInfo[] = SKILLS_CATALOG.map(catalogEntryToSkillInfo);\n\nclass SkillsService {\n  static async getSkills(projectDir?: string): Promise<SkillInfo[]> {\n    if (getActiveBackend().backend.kind === \"cloud\") {\n      return fetchCloudSkills();\n    }\n\n    // Public skills come from the bundled @openhands/extensions npm package —\n    // no agent-server round-trip or GitHub fetch needed. Only ask the agent-\n    // server for user and project skills so local .agents/skills/ content is\n    // still picked up.\n    let localSkills: SkillInfo[] = [];\n    try {\n      const response = await new SkillsClient(\n        getAgentServerClientOptions(),\n      ).getSkills({\n        load_public: false,\n        load_user: true,\n        load_project: true,\n        load_org: false,\n        project_dir: projectDir ?? getAgentServerWorkingDir(),\n      });\n      localSkills = (response.skills ?? []) as SkillInfo[];\n    } catch {\n      // Agent-server may not support the skills endpoint or may be\n      // unreachable; fall back to the bundled public catalog alone.\n    }\n\n    return [...localSkills, ...PUBLIC_SKILLS];\n  }\n\n  /**\n   * Skills loaded into a running cloud conversation (see\n   * `fetchCloudConversationSkills`). Cloud-only: local conversations keep\n   * using `getSkills(projectDir)`, whose agent-server call already scopes to\n   * the conversation's workspace.\n   */\n  static getConversationSkills(conversationId: string): Promise<SkillInfo[]> {\n    return fetchCloudConversationSkills(conversationId);\n  }\n}\n\nexport default SkillsService;\n"],"mappings":";;;;;;;;AAcA,SAAS,EAAwB,GAAqC;CACpE,OAAO;EACL,MAAM,EAAM;EACZ,MAAM;EACN,QAAQ;EACR,aAAa,EAAM;EACnB,UAAU,EAAM;EAChB,UAAU,EAAM;EAChB,SAAS,EAAM;EACf,SAAS,EAAM,WAAW;EAC1B,eAAe,EAAM,iBAAiB;CACxC;AACF;AAUA,IAAM,IAA6B,EAAe,IAAI,CAAuB,GAEvE,IAAN,MAAoB;CAClB,aAAa,UAAU,GAA2C;EAChE,IAAI,EAAiB,EAAE,QAAQ,SAAS,SACtC,OAAO,EAAiB;EAO1B,IAAI,IAA2B,CAAC;EAChC,IAAI;GAUF,KAAe,MATQ,IAAI,EACzB,EAA4B,CAC9B,EAAE,UAAU;IACV,aAAa;IACb,WAAW;IACX,cAAc;IACd,UAAU;IACV,aAAa,KAAc,EAAyB;GACtD,CAAC,GACuB,UAAU,CAAC;EACrC,QAAQ,CAGR;EAEA,OAAO,CAAC,GAAG,GAAa,GAAG,CAAa;CAC1C;CAQA,OAAO,sBAAsB,GAA8C;EACzE,OAAO,EAA6B,CAAc;CACpD;AACF"}

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

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../icons/angle-down-solid.cjs"),i=require("../../../../icons/angle-up-solid.cjs"),a=require("../../../../hooks/query/use-settings.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c(e){return Number.isFinite(e)?Math.min(1,Math.max(0,e)):0}function l(e){let t=Math.round(e*5);return{filled:t,empty:5-t}}function u(e){return e>=.6?`text-green-400`:e>=.4?`text-yellow-400`:`text-red-400`}function d(e){return e>=.7?`text-red-400 font-semibold`:e>=.5?`text-yellow-400`:`text-neutral-400`}function f(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function p(e){let t=e?.verification;if(!f(t))return null;let n=t.enable_iterative_refinement;return typeof n==`boolean`?n:null}function m({feature:e}){let t=Math.round(e.probability*100),n=d(e.probability);return(0,s.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,s.jsx)(`span`,{className:`text-neutral-200`,children:e.display_name}),(0,s.jsxs)(`span`,{className:n,children:[`(`,t,`%)`]})]})}function h({label:e,features:t}){return!t||t.length===0?null:(0,s.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-1 text-xs`,children:[(0,s.jsx)(`span`,{className:`font-semibold text-neutral-300`,children:e}),t.map((e,t)=>(0,s.jsxs)(o.default.Fragment,{children:[t>0&&(0,s.jsx)(`span`,{className:`text-neutral-500`,children:`·`}),(0,s.jsx)(m,{feature:e})]},e.name))]})}function g({categorized:e}){let{t:r}=t.useTranslation(),i=e.agent_behavioral_issues&&e.agent_behavioral_issues.length>0,a=e.user_followup_patterns&&e.user_followup_patterns.length>0,o=e.infrastructure_issues&&e.infrastructure_issues.length>0,c=e.other&&e.other.length>0;return!i&&!a&&!o&&!c?null:(0,s.jsxs)(`div`,{className:`flex flex-col gap-1 mt-1.5`,children:[i&&(0,s.jsx)(h,{label:r(n.I18nKey.CRITIC$POTENTIAL_ISSUES),features:e.agent_behavioral_issues}),o&&(0,s.jsx)(h,{label:r(n.I18nKey.CRITIC$INFRASTRUCTURE),features:e.infrastructure_issues}),a&&(0,s.jsx)(h,{label:r(n.I18nKey.CRITIC$LIKELY_FOLLOWUP),features:e.user_followup_patterns}),c&&(0,s.jsx)(h,{label:r(n.I18nKey.CRITIC$OTHER),features:e.other})]})}function _({criticResult:e}){let{t:d}=t.useTranslation(),{data:f}=a.useSettings(),[m,h]=o.default.useState(!1),_=c(e.score),{filled:v,empty:y}=l(_),b=u(_),x=(_*100).toFixed(1),S=p(f?.agent_settings)===!1,C=e.metadata?.categorized_features,w=C!=null&&((C.agent_behavioral_issues??[]).length>0||(C.user_followup_patterns??[]).length>0||(C.infrastructure_issues??[]).length>0||(C.other??[]).length>0);return(0,s.jsxs)(`div`,{className:`border-l-2 border-neutral-600 pl-2 my-2 py-1.5 text-sm`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,s.jsx)(`span`,{className:`font-semibold text-neutral-300 text-xs`,children:d(n.I18nKey.CRITIC$SUCCESS_LIKELIHOOD_LABEL)}),(0,s.jsxs)(`span`,{className:`${b} text-xs tracking-wide`,"aria-label":`Score: ${x}%`,children:[`★`.repeat(v),`☆`.repeat(y)]}),(0,s.jsxs)(`span`,{className:`text-neutral-500 text-xs`,children:[`(`,x,`%)`]}),w&&(0,s.jsx)(`button`,{type:`button`,onClick:()=>h(e=>!e),className:`cursor-pointer ml-1`,"aria-label":d(m?n.I18nKey.BUTTON$COLLAPSE_DETAILS:n.I18nKey.BUTTON$EXPAND_DETAILS),children:m?(0,s.jsx)(i.default,{className:`h-3 w-3 inline fill-neutral-400`}):(0,s.jsx)(r.default,{className:`h-3 w-3 inline fill-neutral-400`})})]}),m&&w&&(0,s.jsx)(g,{categorized:C}),S&&(0,s.jsx)(`p`,{className:`mt-1.5 text-xs leading-5 text-neutral-500`,"data-testid":`critic-iterative-refinement-hint`,children:d(n.I18nKey.CRITIC$ITERATIVE_REFINEMENT_HINT)})]})}exports.CriticResultDisplay=_;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../hooks/query/use-settings.cjs"),i=require("../../../../icons/angle-down-solid.cjs"),a=require("../../../../icons/angle-up-solid.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c(e){return Number.isFinite(e)?Math.min(1,Math.max(0,e)):0}function l(e){let t=Math.round(e*5);return{filled:t,empty:5-t}}function u(e){return e>=.6?`text-green-400`:e>=.4?`text-yellow-400`:`text-red-400`}function d(e){return e>=.7?`text-red-400 font-semibold`:e>=.5?`text-yellow-400`:`text-neutral-400`}function f(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function p(e){let t=e?.verification;if(!f(t))return null;let n=t.enable_iterative_refinement;return typeof n==`boolean`?n:null}function m({feature:e}){let t=Math.round(e.probability*100),n=d(e.probability);return(0,s.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,s.jsx)(`span`,{className:`text-neutral-200`,children:e.display_name}),(0,s.jsxs)(`span`,{className:n,children:[`(`,t,`%)`]})]})}function h({label:e,features:t}){return!t||t.length===0?null:(0,s.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-1 text-xs`,children:[(0,s.jsx)(`span`,{className:`font-semibold text-neutral-300`,children:e}),t.map((e,t)=>(0,s.jsxs)(o.default.Fragment,{children:[t>0&&(0,s.jsx)(`span`,{className:`text-neutral-500`,children:`·`}),(0,s.jsx)(m,{feature:e})]},e.name))]})}function g({categorized:e}){let{t:r}=t.useTranslation(),i=e.agent_behavioral_issues&&e.agent_behavioral_issues.length>0,a=e.user_followup_patterns&&e.user_followup_patterns.length>0,o=e.infrastructure_issues&&e.infrastructure_issues.length>0,c=e.other&&e.other.length>0;return!i&&!a&&!o&&!c?null:(0,s.jsxs)(`div`,{className:`flex flex-col gap-1 mt-1.5`,children:[i&&(0,s.jsx)(h,{label:r(n.I18nKey.CRITIC$POTENTIAL_ISSUES),features:e.agent_behavioral_issues}),o&&(0,s.jsx)(h,{label:r(n.I18nKey.CRITIC$INFRASTRUCTURE),features:e.infrastructure_issues}),a&&(0,s.jsx)(h,{label:r(n.I18nKey.CRITIC$LIKELY_FOLLOWUP),features:e.user_followup_patterns}),c&&(0,s.jsx)(h,{label:r(n.I18nKey.CRITIC$OTHER),features:e.other})]})}function _({criticResult:e}){let{t:d}=t.useTranslation(),{data:f}=r.useSettings(),[m,h]=o.default.useState(!1),_=c(e.score),{filled:v,empty:y}=l(_),b=u(_),x=(_*100).toFixed(1),S=p(f?.agent_settings)===!1,C=e.metadata?.categorized_features,w=C!=null&&((C.agent_behavioral_issues??[]).length>0||(C.user_followup_patterns??[]).length>0||(C.infrastructure_issues??[]).length>0||(C.other??[]).length>0);return(0,s.jsxs)(`div`,{className:`border-l-2 border-neutral-600 pl-2 my-2 py-1.5 text-sm`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,s.jsx)(`span`,{className:`font-semibold text-neutral-300 text-xs`,children:d(n.I18nKey.CRITIC$SUCCESS_LIKELIHOOD_LABEL)}),(0,s.jsxs)(`span`,{className:`${b} text-xs tracking-wide`,"aria-label":`Score: ${x}%`,children:[`★`.repeat(v),`☆`.repeat(y)]}),(0,s.jsxs)(`span`,{className:`text-neutral-500 text-xs`,children:[`(`,x,`%)`]}),w&&(0,s.jsx)(`button`,{type:`button`,onClick:()=>h(e=>!e),className:`cursor-pointer ml-1`,"aria-label":d(m?n.I18nKey.BUTTON$COLLAPSE_DETAILS:n.I18nKey.BUTTON$EXPAND_DETAILS),children:m?(0,s.jsx)(a.default,{className:`h-3 w-3 inline fill-neutral-400`}):(0,s.jsx)(i.default,{className:`h-3 w-3 inline fill-neutral-400`})})]}),m&&w&&(0,s.jsx)(g,{categorized:C}),S&&(0,s.jsx)(`p`,{className:`mt-1.5 text-xs leading-5 text-neutral-500`,"data-testid":`critic-iterative-refinement-hint`,children:d(n.I18nKey.CRITIC$ITERATIVE_REFINEMENT_HINT)})]})}exports.CriticResultDisplay=_;
 //# sourceMappingURL=critic-result-display.cjs.map

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

@@ -1,8 +1,8 @@
 import { useTranslation as e } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../../i18n/declaration.js";
-import n from "../../../../icons/angle-down-solid.js";
-import r from "../../../../icons/angle-up-solid.js";
-import { useSettings as i } from "../../../../hooks/query/use-settings.js";
+import { useSettings as n } from "../../../../hooks/query/use-settings.js";
+import r from "../../../../icons/angle-down-solid.js";
+import i from "../../../../icons/angle-up-solid.js";
 import a from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/conversation-events/chat/event-message-components/critic-result-display.tsx
@@ -85,7 +85,7 @@ function g({ categorized: n }) {
 	});
 }
 function _({ criticResult: d }) {
-	let { t: f } = e(), { data: m } = i(), [h, _] = a.useState(!1), v = c(d.score), { filled: y, empty: b } = l(v), x = u(v), S = (v * 100).toFixed(1), C = p(m?.agent_settings) === !1, w = d.metadata?.categorized_features, T = w != null && ((w.agent_behavioral_issues ?? []).length > 0 || (w.user_followup_patterns ?? []).length > 0 || (w.infrastructure_issues ?? []).length > 0 || (w.other ?? []).length > 0);
+	let { t: f } = e(), { data: m } = n(), [h, _] = a.useState(!1), v = c(d.score), { filled: y, empty: b } = l(v), x = u(v), S = (v * 100).toFixed(1), C = p(m?.agent_settings) === !1, w = d.metadata?.categorized_features, T = w != null && ((w.agent_behavioral_issues ?? []).length > 0 || (w.user_followup_patterns ?? []).length > 0 || (w.infrastructure_issues ?? []).length > 0 || (w.other ?? []).length > 0);
 	return /* @__PURE__ */ s("div", {
 		className: "border-l-2 border-neutral-600 pl-2 my-2 py-1.5 text-sm",
 		children: [
@@ -114,7 +114,7 @@ function _({ criticResult: d }) {
 						onClick: () => _((e) => !e),
 						className: "cursor-pointer ml-1",
 						"aria-label": f(h ? t.BUTTON$COLLAPSE_DETAILS : t.BUTTON$EXPAND_DETAILS),
-						children: o(h ? r : n, { className: "h-3 w-3 inline fill-neutral-400" })
+						children: o(h ? i : r, { className: "h-3 w-3 inline fill-neutral-400" })
 					})
 				]
 			}),

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

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/lucide-react/dist/esm/icons/loader-circle.cjs"),i=require("../../../../types/agent-server/type-guards.cjs"),a=require("../../../../icons/angle-down-solid.cjs"),o=require("../../../../icons/angle-up-solid.cjs"),s=require("../event-content-helpers/get-event-content.cjs"),c=require("../../../features/chat/is-in-event-group-context.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");function d({events:e,allEvents:d,isFinalized:f=!1,children:p}){let{t:m}=t.useTranslation(`openhands`),[h,g]=l.default.useState(!1),_=l.default.useId(),v=`${_}-toggle`;if(e.length===0)return null;let y=e.find(e=>i.isActionEvent(e)),b=e.filter(i.isObservationEvent).length,x=e.length,S=!!y,C=e[e.length-1],w=null;C&&(i.isActionEvent(C)?w=s.getEventContent(C).title:i.isObservationEvent(C)&&(w=s.getEventContent(C,(d??e).find(e=>i.isActionEvent(e)&&e.id===C.action_id)).title));let T=S?m(n.I18nKey.EVENT_GROUP$ACTIONS_PROGRESS,{completed:b,total:x}):m(n.I18nKey.EVENT_GROUP$ACTIONS_COMPLETED,{count:x}),E=h?o.default:a.default;return(0,u.jsxs)(`div`,{className:`my-1 w-full py-1 text-sm`,"data-testid":`event-group`,children:[(0,u.jsx)(`button`,{id:v,type:`button`,onClick:()=>g(e=>!e),"aria-controls":_,"aria-expanded":h,"aria-label":m(h?n.I18nKey.EVENT_GROUP$COLLAPSE:n.I18nKey.EVENT_GROUP$EXPAND),"data-testid":`event-group-toggle`,className:`w-full flex items-center justify-between gap-2 text-left cursor-pointer`,children:f?(0,u.jsxs)(`span`,{className:`flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]`,children:[(0,u.jsx)(E,{className:`h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0`}),(0,u.jsx)(`span`,{className:`truncate`,children:T})]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(`span`,{className:`flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]`,children:[(0,u.jsx)(E,{className:`h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0`}),(0,u.jsx)(`span`,{className:`truncate`,children:w??T})]}),(0,u.jsxs)(`span`,{className:`flex items-center flex-shrink-0 font-normal text-[var(--oh-muted)]`,children:[(0,u.jsx)(`span`,{className:`truncate`,children:T}),S?(0,u.jsx)(r.LoaderCircle,{"data-testid":`spinner-icon`,className:`h-4 w-4 ml-2 inline animate-spin text-[var(--oh-muted)]`}):null]})]})}),h&&(0,u.jsx)(`div`,{id:_,role:`region`,"aria-labelledby":v,className:`mt-1.5 flex flex-col`,"data-testid":`event-group-content`,children:(0,u.jsx)(c.IsInEventGroupContext.Provider,{value:!0,children:p})})]})}exports.EventGroup=d;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/lucide-react/dist/esm/icons/loader-circle.cjs"),i=require("../../../../types/agent-server/type-guards.cjs"),a=require("../../../../icons/angle-down-solid.cjs"),o=require("../../../../icons/angle-up-solid.cjs"),s=require("../../../features/chat/path-component.cjs"),c=require("../event-content-helpers/get-event-content.cjs"),l=require("../../../features/chat/is-in-event-group-context.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f({events:e,allEvents:f,isFinalized:p=!1,children:m}){let{t:h}=t.useTranslation(`openhands`),[g,_]=u.default.useState(!1),v=u.default.useId(),y=`${v}-toggle`;if(e.length===0)return null;let b=e.find(e=>i.isActionEvent(e)),x=e.filter(i.isObservationEvent).length,S=e.length,C=!!b,w=e[e.length-1],T=null;w&&(i.isActionEvent(w)?T=c.getEventContent(w).title:i.isObservationEvent(w)&&(T=c.getEventContent(w,(f??e).find(e=>i.isActionEvent(e)&&e.id===w.action_id)).title));let E=C?h(n.I18nKey.EVENT_GROUP$ACTIONS_PROGRESS,{completed:x,total:S}):h(n.I18nKey.EVENT_GROUP$ACTIONS_COMPLETED,{count:S}),D=g?o.default:a.default;return(0,d.jsxs)(`div`,{className:`my-1 w-full py-1 text-sm`,"data-testid":`event-group`,children:[(0,d.jsx)(`button`,{id:y,type:`button`,onClick:()=>_(e=>!e),"aria-controls":v,"aria-expanded":g,"aria-label":h(g?n.I18nKey.EVENT_GROUP$COLLAPSE:n.I18nKey.EVENT_GROUP$EXPAND),"data-testid":`event-group-toggle`,className:`w-full flex items-center justify-between gap-2 text-left cursor-pointer`,children:p?(0,d.jsxs)(`span`,{className:`flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]`,children:[(0,d.jsx)(D,{className:`h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0`}),(0,d.jsx)(`span`,{className:`truncate`,children:E})]}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(`span`,{className:`flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]`,children:[(0,d.jsx)(D,{className:`h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0`}),(0,d.jsx)(`span`,{className:`truncate`,children:(0,d.jsx)(s.PathInteractiveContext.Provider,{value:!1,children:T??E})})]}),(0,d.jsxs)(`span`,{className:`flex items-center flex-shrink-0 font-normal text-[var(--oh-muted)]`,children:[(0,d.jsx)(`span`,{className:`truncate`,children:E}),C?(0,d.jsx)(r.LoaderCircle,{"data-testid":`spinner-icon`,className:`h-4 w-4 ml-2 inline animate-spin text-[var(--oh-muted)]`}):null]})]})}),g&&(0,d.jsx)(`div`,{id:v,role:`region`,"aria-labelledby":y,className:`mt-1.5 flex flex-col`,"data-testid":`event-group-content`,children:(0,d.jsx)(l.IsInEventGroupContext.Provider,{value:!0,children:m})})]})}exports.EventGroup=f;
 //# sourceMappingURL=event-group.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"event-group.cjs","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/event-group.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { LoaderCircle } from \"lucide-react\";\nimport ArrowDown from \"#/icons/angle-down-solid.svg?react\";\nimport ArrowUp from \"#/icons/angle-up-solid.svg?react\";\nimport { OpenHandsEvent, ActionEvent } from \"#/types/agent-server/core\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getEventContent } from \"../event-content-helpers/get-event-content\";\nimport { IsInEventGroupContext } from \"../../../features/chat/is-in-event-group-context\";\n\ninterface EventGroupProps {\n  /** The events represented by this group. Used to compute the summary. */\n  events: OpenHandsEvent[];\n  /**\n   * Full event history. Used to resolve the action that produced the latest\n   * observation in the group so the summary title matches what the individual\n   * card would show (e.g. \"Editing path/to/file\"). Falls back to `events` when\n   * omitted.\n   */\n  allEvents?: OpenHandsEvent[];\n  /**\n   * `true` once an event outside this group has been emitted after it, so the\n   * group is no longer the \"live\" tail of the chat. While `false` (the\n   * default), the group keeps showing the most recent action's title as its\n   * prominent summary, with the count of completed actions shown subtly on\n   * the right.\n   */\n  isFinalized?: boolean;\n  /** The fully-rendered event messages to show when the group is expanded. */\n  children: React.ReactNode;\n}\n\n/**\n * Collapsible container that wraps a run of consecutive agent action/observation\n * events into a single summary card.\n *\n * Collapsed, while the group is still the live tail of the chat\n * (`isFinalized=false`):\n *   - Left (prominent): the title of the most recent action/observation in\n *     the group — i.e. either the action currently in flight, or the latest\n *     completed step.\n *   - Right (subdued):  \"{completed}/{total} actions completed\" while at\n *     least one action is still pending (with a spinner), otherwise\n *     \"{count} actions completed\" followed by a success check.\n *\n * Collapsed, after the group has been \"moved past\" (`isFinalized=true`):\n *   - \"{count} actions completed\" is promoted to the prominent foreground\n *     style and the count is the only thing shown next to the chevron.\n *\n * Expanded:\n *   - Renders the children verbatim, so each individual action/observation can\n *     still be expanded the way it was before grouping.\n */\nexport function EventGroup({\n  events,\n  allEvents,\n  isFinalized = false,\n  children,\n}: EventGroupProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [expanded, setExpanded] = React.useState(false);\n  const contentId = React.useId();\n  const buttonId = `${contentId}-toggle`;\n\n  if (events.length === 0) {\n    return null;\n  }\n\n  // Each ObservationEvent in the group is a completed action. An ActionEvent\n  // that's still here (i.e. not yet replaced by its observation in the UI\n  // events array) is an action currently in flight.\n  const pendingAction = events.find((e): e is ActionEvent => isActionEvent(e));\n  const completedCount = events.filter(isObservationEvent).length;\n  const totalCount = events.length;\n  const isRunning = !!pendingAction;\n\n  // Title of the most recent groupable event. While running this is the\n  // pending action; otherwise it's the latest observation, with its\n  // originating action looked up so the title can be the action-style summary\n  // (\"Editing path/to/file\") instead of the observation default.\n  const latestEvent = events[events.length - 1];\n  let latestTitle: React.ReactNode = null;\n  if (latestEvent) {\n    if (isActionEvent(latestEvent)) {\n      latestTitle = getEventContent(latestEvent).title;\n    } else if (isObservationEvent(latestEvent)) {\n      const lookupSource = allEvents ?? events;\n      const correspondingAction = lookupSource.find(\n        (e): e is ActionEvent =>\n          isActionEvent(e) && e.id === latestEvent.action_id,\n      );\n      latestTitle = getEventContent(latestEvent, correspondingAction).title;\n    }\n  }\n\n  const countSummary = isRunning\n    ? t(I18nKey.EVENT_GROUP$ACTIONS_PROGRESS, {\n        completed: completedCount,\n        total: totalCount,\n      })\n    : t(I18nKey.EVENT_GROUP$ACTIONS_COMPLETED, { count: totalCount });\n\n  const Chevron = expanded ? ArrowUp : ArrowDown;\n\n  return (\n    <div className=\"my-1 w-full py-1 text-sm\" data-testid=\"event-group\">\n      <button\n        id={buttonId}\n        type=\"button\"\n        onClick={() => setExpanded((prev) => !prev)}\n        aria-controls={contentId}\n        aria-expanded={expanded}\n        aria-label={\n          expanded\n            ? t(I18nKey.EVENT_GROUP$COLLAPSE)\n            : t(I18nKey.EVENT_GROUP$EXPAND)\n        }\n        data-testid=\"event-group-toggle\"\n        className=\"w-full flex items-center justify-between gap-2 text-left cursor-pointer\"\n      >\n        {isFinalized ? (\n          <span className=\"flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]\">\n            <Chevron className=\"h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0\" />\n            <span className=\"truncate\">{countSummary}</span>\n          </span>\n        ) : (\n          <>\n            <span className=\"flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]\">\n              <Chevron className=\"h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0\" />\n              <span className=\"truncate\">{latestTitle ?? countSummary}</span>\n            </span>\n            <span className=\"flex items-center flex-shrink-0 font-normal text-[var(--oh-muted)]\">\n              <span className=\"truncate\">{countSummary}</span>\n              {isRunning ? (\n                <LoaderCircle\n                  data-testid=\"spinner-icon\"\n                  className=\"h-4 w-4 ml-2 inline animate-spin text-[var(--oh-muted)]\"\n                />\n              ) : null}\n            </span>\n          </>\n        )}\n      </button>\n\n      {expanded && (\n        <div\n          id={contentId}\n          role=\"region\"\n          aria-labelledby={buttonId}\n          className=\"mt-1.5 flex flex-col\"\n          data-testid=\"event-group-content\"\n        >\n          <IsInEventGroupContext.Provider value>\n            {children}\n          </IsInEventGroupContext.Provider>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"0nBAyDA,SAAgB,EAAW,CACzB,SACA,YACA,cAAc,GACd,YACkB,CAClB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAU,GAAe,EAAA,QAAM,SAAS,EAAK,EAC9C,EAAY,EAAA,QAAM,MAAM,EACxB,EAAW,GAAG,EAAU,SAE9B,GAAI,EAAO,SAAW,EACpB,OAAO,KAMT,IAAM,EAAgB,EAAO,KAAM,GAAwB,EAAA,cAAc,CAAC,CAAC,EACrE,EAAiB,EAAO,OAAO,EAAA,kBAAkB,EAAE,OACnD,EAAa,EAAO,OACpB,EAAY,CAAC,CAAC,EAMd,EAAc,EAAO,EAAO,OAAS,GACvC,EAA+B,KAC/B,IACE,EAAA,cAAc,CAAW,EAC3B,EAAc,EAAA,gBAAgB,CAAW,EAAE,MAClC,EAAA,mBAAmB,CAAW,IAMvC,EAAc,EAAA,gBAAgB,GALT,GAAa,GACO,KACtC,GACC,EAAA,cAAc,CAAC,GAAK,EAAE,KAAO,EAAY,SAEF,CAAmB,EAAE,QAIpE,IAAM,EAAe,EACjB,EAAE,EAAA,QAAQ,6BAA8B,CACtC,UAAW,EACX,MAAO,CACT,CAAC,EACD,EAAE,EAAA,QAAQ,8BAA+B,CAAE,MAAO,CAAW,CAAC,EAE5D,EAAU,EAAW,EAAA,QAAU,EAAA,QAErC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2BAA2B,cAAY,uBAAtD,EACE,EAAA,EAAA,KAAC,SAAD,CACE,GAAI,EACJ,KAAK,SACL,YAAe,EAAa,GAAS,CAAC,CAAI,EAC1C,gBAAe,EACf,gBAAe,EACf,aAEM,EADJ,EACM,EAAA,QAAQ,qBACR,EAAA,QAAQ,kBAAkB,EAElC,cAAY,qBACZ,UAAU,mFAET,GACC,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,8EAAhB,EACE,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,8CAAgD,CAAA,GACnE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,CAAmB,CAAA,CAC3C,KAEN,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,8EAAhB,EACE,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,8CAAgD,CAAA,GACnE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,GAAe,CAAmB,CAAA,CAC1D,KACN,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,8EAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,CAAmB,CAAA,EAC9C,GACC,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,cAAY,eACZ,UAAU,yDACX,CAAA,EACC,IACA,GACN,CAAA,CAAA,CAEE,CAAA,EAEP,IACC,EAAA,EAAA,KAAC,MAAD,CACE,GAAI,EACJ,KAAK,SACL,kBAAiB,EACjB,UAAU,uBACV,cAAY,gCAEZ,EAAA,EAAA,KAAC,EAAA,sBAAsB,SAAvB,CAAgC,MAAA,GAC7B,UAC6B,CAAA,CAC7B,CAAA,CAEJ,GAET"}
+{"version":3,"file":"event-group.cjs","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/event-group.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { LoaderCircle } from \"lucide-react\";\nimport ArrowDown from \"#/icons/angle-down-solid.svg?react\";\nimport ArrowUp from \"#/icons/angle-up-solid.svg?react\";\nimport { OpenHandsEvent, ActionEvent } from \"#/types/agent-server/core\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getEventContent } from \"../event-content-helpers/get-event-content\";\nimport { IsInEventGroupContext } from \"../../../features/chat/is-in-event-group-context\";\nimport { PathInteractiveContext } from \"../../../features/chat/path-component\";\n\ninterface EventGroupProps {\n  /** The events represented by this group. Used to compute the summary. */\n  events: OpenHandsEvent[];\n  /**\n   * Full event history. Used to resolve the action that produced the latest\n   * observation in the group so the summary title matches what the individual\n   * card would show (e.g. \"Editing path/to/file\"). Falls back to `events` when\n   * omitted.\n   */\n  allEvents?: OpenHandsEvent[];\n  /**\n   * `true` once an event outside this group has been emitted after it, so the\n   * group is no longer the \"live\" tail of the chat. While `false` (the\n   * default), the group keeps showing the most recent action's title as its\n   * prominent summary, with the count of completed actions shown subtly on\n   * the right.\n   */\n  isFinalized?: boolean;\n  /** The fully-rendered event messages to show when the group is expanded. */\n  children: React.ReactNode;\n}\n\n/**\n * Collapsible container that wraps a run of consecutive agent action/observation\n * events into a single summary card.\n *\n * Collapsed, while the group is still the live tail of the chat\n * (`isFinalized=false`):\n *   - Left (prominent): the title of the most recent action/observation in\n *     the group — i.e. either the action currently in flight, or the latest\n *     completed step.\n *   - Right (subdued):  \"{completed}/{total} actions completed\" while at\n *     least one action is still pending (with a spinner), otherwise\n *     \"{count} actions completed\" followed by a success check.\n *\n * Collapsed, after the group has been \"moved past\" (`isFinalized=true`):\n *   - \"{count} actions completed\" is promoted to the prominent foreground\n *     style and the count is the only thing shown next to the chevron.\n *\n * Expanded:\n *   - Renders the children verbatim, so each individual action/observation can\n *     still be expanded the way it was before grouping.\n */\nexport function EventGroup({\n  events,\n  allEvents,\n  isFinalized = false,\n  children,\n}: EventGroupProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [expanded, setExpanded] = React.useState(false);\n  const contentId = React.useId();\n  const buttonId = `${contentId}-toggle`;\n\n  if (events.length === 0) {\n    return null;\n  }\n\n  // Each ObservationEvent in the group is a completed action. An ActionEvent\n  // that's still here (i.e. not yet replaced by its observation in the UI\n  // events array) is an action currently in flight.\n  const pendingAction = events.find((e): e is ActionEvent => isActionEvent(e));\n  const completedCount = events.filter(isObservationEvent).length;\n  const totalCount = events.length;\n  const isRunning = !!pendingAction;\n\n  // Title of the most recent groupable event. While running this is the\n  // pending action; otherwise it's the latest observation, with its\n  // originating action looked up so the title can be the action-style summary\n  // (\"Editing path/to/file\") instead of the observation default.\n  const latestEvent = events[events.length - 1];\n  let latestTitle: React.ReactNode = null;\n  if (latestEvent) {\n    if (isActionEvent(latestEvent)) {\n      latestTitle = getEventContent(latestEvent).title;\n    } else if (isObservationEvent(latestEvent)) {\n      const lookupSource = allEvents ?? events;\n      const correspondingAction = lookupSource.find(\n        (e): e is ActionEvent =>\n          isActionEvent(e) && e.id === latestEvent.action_id,\n      );\n      latestTitle = getEventContent(latestEvent, correspondingAction).title;\n    }\n  }\n\n  const countSummary = isRunning\n    ? t(I18nKey.EVENT_GROUP$ACTIONS_PROGRESS, {\n        completed: completedCount,\n        total: totalCount,\n      })\n    : t(I18nKey.EVENT_GROUP$ACTIONS_COMPLETED, { count: totalCount });\n\n  const Chevron = expanded ? ArrowUp : ArrowDown;\n\n  return (\n    <div className=\"my-1 w-full py-1 text-sm\" data-testid=\"event-group\">\n      <button\n        id={buttonId}\n        type=\"button\"\n        onClick={() => setExpanded((prev) => !prev)}\n        aria-controls={contentId}\n        aria-expanded={expanded}\n        aria-label={\n          expanded\n            ? t(I18nKey.EVENT_GROUP$COLLAPSE)\n            : t(I18nKey.EVENT_GROUP$EXPAND)\n        }\n        data-testid=\"event-group-toggle\"\n        className=\"w-full flex items-center justify-between gap-2 text-left cursor-pointer\"\n      >\n        {isFinalized ? (\n          <span className=\"flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]\">\n            <Chevron className=\"h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0\" />\n            <span className=\"truncate\">{countSummary}</span>\n          </span>\n        ) : (\n          <>\n            <span className=\"flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]\">\n              <Chevron className=\"h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0\" />\n              <span className=\"truncate\">\n                <PathInteractiveContext.Provider value={false}>\n                  {latestTitle ?? countSummary}\n                </PathInteractiveContext.Provider>\n              </span>\n            </span>\n            <span className=\"flex items-center flex-shrink-0 font-normal text-[var(--oh-muted)]\">\n              <span className=\"truncate\">{countSummary}</span>\n              {isRunning ? (\n                <LoaderCircle\n                  data-testid=\"spinner-icon\"\n                  className=\"h-4 w-4 ml-2 inline animate-spin text-[var(--oh-muted)]\"\n                />\n              ) : null}\n            </span>\n          </>\n        )}\n      </button>\n\n      {expanded && (\n        <div\n          id={contentId}\n          role=\"region\"\n          aria-labelledby={buttonId}\n          className=\"mt-1.5 flex flex-col\"\n          data-testid=\"event-group-content\"\n        >\n          <IsInEventGroupContext.Provider value>\n            {children}\n          </IsInEventGroupContext.Provider>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"irBA0DA,SAAgB,EAAW,CACzB,SACA,YACA,cAAc,GACd,YACkB,CAClB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAU,GAAe,EAAA,QAAM,SAAS,EAAK,EAC9C,EAAY,EAAA,QAAM,MAAM,EACxB,EAAW,GAAG,EAAU,SAE9B,GAAI,EAAO,SAAW,EACpB,OAAO,KAMT,IAAM,EAAgB,EAAO,KAAM,GAAwB,EAAA,cAAc,CAAC,CAAC,EACrE,EAAiB,EAAO,OAAO,EAAA,kBAAkB,EAAE,OACnD,EAAa,EAAO,OACpB,EAAY,CAAC,CAAC,EAMd,EAAc,EAAO,EAAO,OAAS,GACvC,EAA+B,KAC/B,IACE,EAAA,cAAc,CAAW,EAC3B,EAAc,EAAA,gBAAgB,CAAW,EAAE,MAClC,EAAA,mBAAmB,CAAW,IAMvC,EAAc,EAAA,gBAAgB,GALT,GAAa,GACO,KACtC,GACC,EAAA,cAAc,CAAC,GAAK,EAAE,KAAO,EAAY,SAEF,CAAmB,EAAE,QAIpE,IAAM,EAAe,EACjB,EAAE,EAAA,QAAQ,6BAA8B,CACtC,UAAW,EACX,MAAO,CACT,CAAC,EACD,EAAE,EAAA,QAAQ,8BAA+B,CAAE,MAAO,CAAW,CAAC,EAE5D,EAAU,EAAW,EAAA,QAAU,EAAA,QAErC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2BAA2B,cAAY,uBAAtD,EACE,EAAA,EAAA,KAAC,SAAD,CACE,GAAI,EACJ,KAAK,SACL,YAAe,EAAa,GAAS,CAAC,CAAI,EAC1C,gBAAe,EACf,gBAAe,EACf,aAEM,EADJ,EACM,EAAA,QAAQ,qBACR,EAAA,QAAQ,kBAAkB,EAElC,cAAY,qBACZ,UAAU,mFAET,GACC,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,8EAAhB,EACE,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,8CAAgD,CAAA,GACnE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,CAAmB,CAAA,CAC3C,KAEN,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,8EAAhB,EACE,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,8CAAgD,CAAA,GACnE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBACd,EAAA,EAAA,KAAC,EAAA,uBAAuB,SAAxB,CAAiC,MAAO,YACrC,GAAe,CACe,CAAA,CAC7B,CAAA,CACF,KACN,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,8EAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,CAAmB,CAAA,EAC9C,GACC,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,cAAY,eACZ,UAAU,yDACX,CAAA,EACC,IACA,GACN,CAAA,CAAA,CAEE,CAAA,EAEP,IACC,EAAA,EAAA,KAAC,MAAD,CACE,GAAI,EACJ,KAAK,SACL,kBAAiB,EACjB,UAAU,uBACV,cAAY,gCAEZ,EAAA,EAAA,KAAC,EAAA,sBAAsB,SAAvB,CAAgC,MAAA,GAC7B,UAC6B,CAAA,CAC7B,CAAA,CAEJ,GAET"}

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

@@ -4,68 +4,72 @@ import { LoaderCircle as n } from "../../../../node_modules/lucide-react/dist/es
 import { isActionEvent as r, isObservationEvent as i } from "../../../../types/agent-server/type-guards.js";
 import a from "../../../../icons/angle-down-solid.js";
 import o from "../../../../icons/angle-up-solid.js";
-import { getEventContent as s } from "../event-content-helpers/get-event-content.js";
-import { IsInEventGroupContext as c } from "../../../features/chat/is-in-event-group-context.js";
-import l from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { PathInteractiveContext as s } from "../../../features/chat/path-component.js";
+import { getEventContent as c } from "../event-content-helpers/get-event-content.js";
+import { IsInEventGroupContext as l } from "../../../features/chat/is-in-event-group-context.js";
+import u from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/conversation-events/chat/event-message-components/event-group.tsx
-function p({ events: p, allEvents: m, isFinalized: h = !1, children: g }) {
-	let { t: _ } = e("openhands"), [v, y] = l.useState(!1), b = l.useId(), x = `${b}-toggle`;
-	if (p.length === 0) return null;
-	let S = p.find((e) => r(e)), C = p.filter(i).length, w = p.length, T = !!S, E = p[p.length - 1], D = null;
-	E && (r(E) ? D = s(E).title : i(E) && (D = s(E, (m ?? p).find((e) => r(e) && e.id === E.action_id)).title));
-	let O = T ? _(t.EVENT_GROUP$ACTIONS_PROGRESS, {
-		completed: C,
-		total: w
-	}) : _(t.EVENT_GROUP$ACTIONS_COMPLETED, { count: w }), k = v ? o : a;
-	return /* @__PURE__ */ f("div", {
+function m({ events: m, allEvents: h, isFinalized: g = !1, children: _ }) {
+	let { t: v } = e("openhands"), [y, b] = u.useState(!1), x = u.useId(), S = `${x}-toggle`;
+	if (m.length === 0) return null;
+	let C = m.find((e) => r(e)), w = m.filter(i).length, T = m.length, E = !!C, D = m[m.length - 1], O = null;
+	D && (r(D) ? O = c(D).title : i(D) && (O = c(D, (h ?? m).find((e) => r(e) && e.id === D.action_id)).title));
+	let k = E ? v(t.EVENT_GROUP$ACTIONS_PROGRESS, {
+		completed: w,
+		total: T
+	}) : v(t.EVENT_GROUP$ACTIONS_COMPLETED, { count: T }), A = y ? o : a;
+	return /* @__PURE__ */ p("div", {
 		className: "my-1 w-full py-1 text-sm",
 		"data-testid": "event-group",
-		children: [/* @__PURE__ */ d("button", {
-			id: x,
+		children: [/* @__PURE__ */ f("button", {
+			id: S,
 			type: "button",
-			onClick: () => y((e) => !e),
-			"aria-controls": b,
-			"aria-expanded": v,
-			"aria-label": _(v ? t.EVENT_GROUP$COLLAPSE : t.EVENT_GROUP$EXPAND),
+			onClick: () => b((e) => !e),
+			"aria-controls": x,
+			"aria-expanded": y,
+			"aria-label": v(y ? t.EVENT_GROUP$COLLAPSE : t.EVENT_GROUP$EXPAND),
 			"data-testid": "event-group-toggle",
 			className: "w-full flex items-center justify-between gap-2 text-left cursor-pointer",
-			children: h ? /* @__PURE__ */ f("span", {
+			children: g ? /* @__PURE__ */ p("span", {
 				className: "flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]",
-				children: [/* @__PURE__ */ d(k, { className: "h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0" }), /* @__PURE__ */ d("span", {
+				children: [/* @__PURE__ */ f(A, { className: "h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0" }), /* @__PURE__ */ f("span", {
 					className: "truncate",
-					children: O
+					children: k
 				})]
-			}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("span", {
+			}) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("span", {
 				className: "flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]",
-				children: [/* @__PURE__ */ d(k, { className: "h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0" }), /* @__PURE__ */ d("span", {
+				children: [/* @__PURE__ */ f(A, { className: "h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0" }), /* @__PURE__ */ f("span", {
 					className: "truncate",
-					children: D ?? O
+					children: /* @__PURE__ */ f(s.Provider, {
+						value: !1,
+						children: O ?? k
+					})
 				})]
-			}), /* @__PURE__ */ f("span", {
+			}), /* @__PURE__ */ p("span", {
 				className: "flex items-center flex-shrink-0 font-normal text-[var(--oh-muted)]",
-				children: [/* @__PURE__ */ d("span", {
+				children: [/* @__PURE__ */ f("span", {
 					className: "truncate",
-					children: O
-				}), T ? /* @__PURE__ */ d(n, {
+					children: k
+				}), E ? /* @__PURE__ */ f(n, {
 					"data-testid": "spinner-icon",
 					className: "h-4 w-4 ml-2 inline animate-spin text-[var(--oh-muted)]"
 				}) : null]
 			})] })
-		}), v && /* @__PURE__ */ d("div", {
-			id: b,
+		}), y && /* @__PURE__ */ f("div", {
+			id: x,
 			role: "region",
-			"aria-labelledby": x,
+			"aria-labelledby": S,
 			className: "mt-1.5 flex flex-col",
 			"data-testid": "event-group-content",
-			children: /* @__PURE__ */ d(c.Provider, {
+			children: /* @__PURE__ */ f(l.Provider, {
 				value: !0,
-				children: g
+				children: _
 			})
 		})]
 	});
 }
 //#endregion
-export { p as EventGroup };
+export { m as EventGroup };
 
 //# sourceMappingURL=event-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"event-group.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/event-group.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { LoaderCircle } from \"lucide-react\";\nimport ArrowDown from \"#/icons/angle-down-solid.svg?react\";\nimport ArrowUp from \"#/icons/angle-up-solid.svg?react\";\nimport { OpenHandsEvent, ActionEvent } from \"#/types/agent-server/core\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getEventContent } from \"../event-content-helpers/get-event-content\";\nimport { IsInEventGroupContext } from \"../../../features/chat/is-in-event-group-context\";\n\ninterface EventGroupProps {\n  /** The events represented by this group. Used to compute the summary. */\n  events: OpenHandsEvent[];\n  /**\n   * Full event history. Used to resolve the action that produced the latest\n   * observation in the group so the summary title matches what the individual\n   * card would show (e.g. \"Editing path/to/file\"). Falls back to `events` when\n   * omitted.\n   */\n  allEvents?: OpenHandsEvent[];\n  /**\n   * `true` once an event outside this group has been emitted after it, so the\n   * group is no longer the \"live\" tail of the chat. While `false` (the\n   * default), the group keeps showing the most recent action's title as its\n   * prominent summary, with the count of completed actions shown subtly on\n   * the right.\n   */\n  isFinalized?: boolean;\n  /** The fully-rendered event messages to show when the group is expanded. */\n  children: React.ReactNode;\n}\n\n/**\n * Collapsible container that wraps a run of consecutive agent action/observation\n * events into a single summary card.\n *\n * Collapsed, while the group is still the live tail of the chat\n * (`isFinalized=false`):\n *   - Left (prominent): the title of the most recent action/observation in\n *     the group — i.e. either the action currently in flight, or the latest\n *     completed step.\n *   - Right (subdued):  \"{completed}/{total} actions completed\" while at\n *     least one action is still pending (with a spinner), otherwise\n *     \"{count} actions completed\" followed by a success check.\n *\n * Collapsed, after the group has been \"moved past\" (`isFinalized=true`):\n *   - \"{count} actions completed\" is promoted to the prominent foreground\n *     style and the count is the only thing shown next to the chevron.\n *\n * Expanded:\n *   - Renders the children verbatim, so each individual action/observation can\n *     still be expanded the way it was before grouping.\n */\nexport function EventGroup({\n  events,\n  allEvents,\n  isFinalized = false,\n  children,\n}: EventGroupProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [expanded, setExpanded] = React.useState(false);\n  const contentId = React.useId();\n  const buttonId = `${contentId}-toggle`;\n\n  if (events.length === 0) {\n    return null;\n  }\n\n  // Each ObservationEvent in the group is a completed action. An ActionEvent\n  // that's still here (i.e. not yet replaced by its observation in the UI\n  // events array) is an action currently in flight.\n  const pendingAction = events.find((e): e is ActionEvent => isActionEvent(e));\n  const completedCount = events.filter(isObservationEvent).length;\n  const totalCount = events.length;\n  const isRunning = !!pendingAction;\n\n  // Title of the most recent groupable event. While running this is the\n  // pending action; otherwise it's the latest observation, with its\n  // originating action looked up so the title can be the action-style summary\n  // (\"Editing path/to/file\") instead of the observation default.\n  const latestEvent = events[events.length - 1];\n  let latestTitle: React.ReactNode = null;\n  if (latestEvent) {\n    if (isActionEvent(latestEvent)) {\n      latestTitle = getEventContent(latestEvent).title;\n    } else if (isObservationEvent(latestEvent)) {\n      const lookupSource = allEvents ?? events;\n      const correspondingAction = lookupSource.find(\n        (e): e is ActionEvent =>\n          isActionEvent(e) && e.id === latestEvent.action_id,\n      );\n      latestTitle = getEventContent(latestEvent, correspondingAction).title;\n    }\n  }\n\n  const countSummary = isRunning\n    ? t(I18nKey.EVENT_GROUP$ACTIONS_PROGRESS, {\n        completed: completedCount,\n        total: totalCount,\n      })\n    : t(I18nKey.EVENT_GROUP$ACTIONS_COMPLETED, { count: totalCount });\n\n  const Chevron = expanded ? ArrowUp : ArrowDown;\n\n  return (\n    <div className=\"my-1 w-full py-1 text-sm\" data-testid=\"event-group\">\n      <button\n        id={buttonId}\n        type=\"button\"\n        onClick={() => setExpanded((prev) => !prev)}\n        aria-controls={contentId}\n        aria-expanded={expanded}\n        aria-label={\n          expanded\n            ? t(I18nKey.EVENT_GROUP$COLLAPSE)\n            : t(I18nKey.EVENT_GROUP$EXPAND)\n        }\n        data-testid=\"event-group-toggle\"\n        className=\"w-full flex items-center justify-between gap-2 text-left cursor-pointer\"\n      >\n        {isFinalized ? (\n          <span className=\"flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]\">\n            <Chevron className=\"h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0\" />\n            <span className=\"truncate\">{countSummary}</span>\n          </span>\n        ) : (\n          <>\n            <span className=\"flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]\">\n              <Chevron className=\"h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0\" />\n              <span className=\"truncate\">{latestTitle ?? countSummary}</span>\n            </span>\n            <span className=\"flex items-center flex-shrink-0 font-normal text-[var(--oh-muted)]\">\n              <span className=\"truncate\">{countSummary}</span>\n              {isRunning ? (\n                <LoaderCircle\n                  data-testid=\"spinner-icon\"\n                  className=\"h-4 w-4 ml-2 inline animate-spin text-[var(--oh-muted)]\"\n                />\n              ) : null}\n            </span>\n          </>\n        )}\n      </button>\n\n      {expanded && (\n        <div\n          id={contentId}\n          role=\"region\"\n          aria-labelledby={buttonId}\n          className=\"mt-1.5 flex flex-col\"\n          data-testid=\"event-group-content\"\n        >\n          <IsInEventGroupContext.Provider value>\n            {children}\n          </IsInEventGroupContext.Provider>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAyDA,SAAgB,EAAW,EACzB,WACA,cACA,iBAAc,IACd,eACkB;CAClB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAU,KAAe,EAAM,SAAS,EAAK,GAC9C,IAAY,EAAM,MAAM,GACxB,IAAW,GAAG,EAAU;CAE9B,IAAI,EAAO,WAAW,GACpB,OAAO;CAMT,IAAM,IAAgB,EAAO,MAAM,MAAwB,EAAc,CAAC,CAAC,GACrE,IAAiB,EAAO,OAAO,CAAkB,EAAE,QACnD,IAAa,EAAO,QACpB,IAAY,CAAC,CAAC,GAMd,IAAc,EAAO,EAAO,SAAS,IACvC,IAA+B;CACnC,AAAI,MACE,EAAc,CAAW,IAC3B,IAAc,EAAgB,CAAW,EAAE,QAClC,EAAmB,CAAW,MAMvC,IAAc,EAAgB,IALT,KAAa,GACO,MACtC,MACC,EAAc,CAAC,KAAK,EAAE,OAAO,EAAY,SAEF,CAAmB,EAAE;CAIpE,IAAM,IAAe,IACjB,EAAE,EAAQ,8BAA8B;EACtC,WAAW;EACX,OAAO;CACT,CAAC,IACD,EAAE,EAAQ,+BAA+B,EAAE,OAAO,EAAW,CAAC,GAE5D,IAAU,IAAW,IAAU;CAErC,OACE,kBAAC,OAAD;EAAK,WAAU;EAA2B,eAAY;YAAtD,CACE,kBAAC,UAAD;GACE,IAAI;GACJ,MAAK;GACL,eAAe,GAAa,MAAS,CAAC,CAAI;GAC1C,iBAAe;GACf,iBAAe;GACf,cAEM,EADJ,IACM,EAAQ,uBACR,EAAQ,kBAAkB;GAElC,eAAY;GACZ,WAAU;aAET,IACC,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,GAAD,EAAS,WAAU,+CAAgD,CAAA,GACnE,kBAAC,QAAD;KAAM,WAAU;eAAY;IAAmB,CAAA,CAC3C;QAEN,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,GAAD,EAAS,WAAU,+CAAgD,CAAA,GACnE,kBAAC,QAAD;KAAM,WAAU;eAAY,KAAe;IAAmB,CAAA,CAC1D;OACN,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,QAAD;KAAM,WAAU;eAAY;IAAmB,CAAA,GAC9C,IACC,kBAAC,GAAD;KACE,eAAY;KACZ,WAAU;IACX,CAAA,IACC,IACA;KACN,EAAA,CAAA;EAEE,CAAA,GAEP,KACC,kBAAC,OAAD;GACE,IAAI;GACJ,MAAK;GACL,mBAAiB;GACjB,WAAU;GACV,eAAY;aAEZ,kBAAC,EAAsB,UAAvB;IAAgC,OAAA;IAC7B;GAC6B,CAAA;EAC7B,CAAA,CAEJ;;AAET"}
+{"version":3,"file":"event-group.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/event-group.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { LoaderCircle } from \"lucide-react\";\nimport ArrowDown from \"#/icons/angle-down-solid.svg?react\";\nimport ArrowUp from \"#/icons/angle-up-solid.svg?react\";\nimport { OpenHandsEvent, ActionEvent } from \"#/types/agent-server/core\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getEventContent } from \"../event-content-helpers/get-event-content\";\nimport { IsInEventGroupContext } from \"../../../features/chat/is-in-event-group-context\";\nimport { PathInteractiveContext } from \"../../../features/chat/path-component\";\n\ninterface EventGroupProps {\n  /** The events represented by this group. Used to compute the summary. */\n  events: OpenHandsEvent[];\n  /**\n   * Full event history. Used to resolve the action that produced the latest\n   * observation in the group so the summary title matches what the individual\n   * card would show (e.g. \"Editing path/to/file\"). Falls back to `events` when\n   * omitted.\n   */\n  allEvents?: OpenHandsEvent[];\n  /**\n   * `true` once an event outside this group has been emitted after it, so the\n   * group is no longer the \"live\" tail of the chat. While `false` (the\n   * default), the group keeps showing the most recent action's title as its\n   * prominent summary, with the count of completed actions shown subtly on\n   * the right.\n   */\n  isFinalized?: boolean;\n  /** The fully-rendered event messages to show when the group is expanded. */\n  children: React.ReactNode;\n}\n\n/**\n * Collapsible container that wraps a run of consecutive agent action/observation\n * events into a single summary card.\n *\n * Collapsed, while the group is still the live tail of the chat\n * (`isFinalized=false`):\n *   - Left (prominent): the title of the most recent action/observation in\n *     the group — i.e. either the action currently in flight, or the latest\n *     completed step.\n *   - Right (subdued):  \"{completed}/{total} actions completed\" while at\n *     least one action is still pending (with a spinner), otherwise\n *     \"{count} actions completed\" followed by a success check.\n *\n * Collapsed, after the group has been \"moved past\" (`isFinalized=true`):\n *   - \"{count} actions completed\" is promoted to the prominent foreground\n *     style and the count is the only thing shown next to the chevron.\n *\n * Expanded:\n *   - Renders the children verbatim, so each individual action/observation can\n *     still be expanded the way it was before grouping.\n */\nexport function EventGroup({\n  events,\n  allEvents,\n  isFinalized = false,\n  children,\n}: EventGroupProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [expanded, setExpanded] = React.useState(false);\n  const contentId = React.useId();\n  const buttonId = `${contentId}-toggle`;\n\n  if (events.length === 0) {\n    return null;\n  }\n\n  // Each ObservationEvent in the group is a completed action. An ActionEvent\n  // that's still here (i.e. not yet replaced by its observation in the UI\n  // events array) is an action currently in flight.\n  const pendingAction = events.find((e): e is ActionEvent => isActionEvent(e));\n  const completedCount = events.filter(isObservationEvent).length;\n  const totalCount = events.length;\n  const isRunning = !!pendingAction;\n\n  // Title of the most recent groupable event. While running this is the\n  // pending action; otherwise it's the latest observation, with its\n  // originating action looked up so the title can be the action-style summary\n  // (\"Editing path/to/file\") instead of the observation default.\n  const latestEvent = events[events.length - 1];\n  let latestTitle: React.ReactNode = null;\n  if (latestEvent) {\n    if (isActionEvent(latestEvent)) {\n      latestTitle = getEventContent(latestEvent).title;\n    } else if (isObservationEvent(latestEvent)) {\n      const lookupSource = allEvents ?? events;\n      const correspondingAction = lookupSource.find(\n        (e): e is ActionEvent =>\n          isActionEvent(e) && e.id === latestEvent.action_id,\n      );\n      latestTitle = getEventContent(latestEvent, correspondingAction).title;\n    }\n  }\n\n  const countSummary = isRunning\n    ? t(I18nKey.EVENT_GROUP$ACTIONS_PROGRESS, {\n        completed: completedCount,\n        total: totalCount,\n      })\n    : t(I18nKey.EVENT_GROUP$ACTIONS_COMPLETED, { count: totalCount });\n\n  const Chevron = expanded ? ArrowUp : ArrowDown;\n\n  return (\n    <div className=\"my-1 w-full py-1 text-sm\" data-testid=\"event-group\">\n      <button\n        id={buttonId}\n        type=\"button\"\n        onClick={() => setExpanded((prev) => !prev)}\n        aria-controls={contentId}\n        aria-expanded={expanded}\n        aria-label={\n          expanded\n            ? t(I18nKey.EVENT_GROUP$COLLAPSE)\n            : t(I18nKey.EVENT_GROUP$EXPAND)\n        }\n        data-testid=\"event-group-toggle\"\n        className=\"w-full flex items-center justify-between gap-2 text-left cursor-pointer\"\n      >\n        {isFinalized ? (\n          <span className=\"flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]\">\n            <Chevron className=\"h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0\" />\n            <span className=\"truncate\">{countSummary}</span>\n          </span>\n        ) : (\n          <>\n            <span className=\"flex items-center gap-2 min-w-0 font-normal text-[var(--oh-muted)]\">\n              <Chevron className=\"h-4 w-4 fill-[var(--oh-muted)] flex-shrink-0\" />\n              <span className=\"truncate\">\n                <PathInteractiveContext.Provider value={false}>\n                  {latestTitle ?? countSummary}\n                </PathInteractiveContext.Provider>\n              </span>\n            </span>\n            <span className=\"flex items-center flex-shrink-0 font-normal text-[var(--oh-muted)]\">\n              <span className=\"truncate\">{countSummary}</span>\n              {isRunning ? (\n                <LoaderCircle\n                  data-testid=\"spinner-icon\"\n                  className=\"h-4 w-4 ml-2 inline animate-spin text-[var(--oh-muted)]\"\n                />\n              ) : null}\n            </span>\n          </>\n        )}\n      </button>\n\n      {expanded && (\n        <div\n          id={contentId}\n          role=\"region\"\n          aria-labelledby={buttonId}\n          className=\"mt-1.5 flex flex-col\"\n          data-testid=\"event-group-content\"\n        >\n          <IsInEventGroupContext.Provider value>\n            {children}\n          </IsInEventGroupContext.Provider>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA0DA,SAAgB,EAAW,EACzB,WACA,cACA,iBAAc,IACd,eACkB;CAClB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAU,KAAe,EAAM,SAAS,EAAK,GAC9C,IAAY,EAAM,MAAM,GACxB,IAAW,GAAG,EAAU;CAE9B,IAAI,EAAO,WAAW,GACpB,OAAO;CAMT,IAAM,IAAgB,EAAO,MAAM,MAAwB,EAAc,CAAC,CAAC,GACrE,IAAiB,EAAO,OAAO,CAAkB,EAAE,QACnD,IAAa,EAAO,QACpB,IAAY,CAAC,CAAC,GAMd,IAAc,EAAO,EAAO,SAAS,IACvC,IAA+B;CACnC,AAAI,MACE,EAAc,CAAW,IAC3B,IAAc,EAAgB,CAAW,EAAE,QAClC,EAAmB,CAAW,MAMvC,IAAc,EAAgB,IALT,KAAa,GACO,MACtC,MACC,EAAc,CAAC,KAAK,EAAE,OAAO,EAAY,SAEF,CAAmB,EAAE;CAIpE,IAAM,IAAe,IACjB,EAAE,EAAQ,8BAA8B;EACtC,WAAW;EACX,OAAO;CACT,CAAC,IACD,EAAE,EAAQ,+BAA+B,EAAE,OAAO,EAAW,CAAC,GAE5D,IAAU,IAAW,IAAU;CAErC,OACE,kBAAC,OAAD;EAAK,WAAU;EAA2B,eAAY;YAAtD,CACE,kBAAC,UAAD;GACE,IAAI;GACJ,MAAK;GACL,eAAe,GAAa,MAAS,CAAC,CAAI;GAC1C,iBAAe;GACf,iBAAe;GACf,cAEM,EADJ,IACM,EAAQ,uBACR,EAAQ,kBAAkB;GAElC,eAAY;GACZ,WAAU;aAET,IACC,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,GAAD,EAAS,WAAU,+CAAgD,CAAA,GACnE,kBAAC,QAAD;KAAM,WAAU;eAAY;IAAmB,CAAA,CAC3C;QAEN,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,GAAD,EAAS,WAAU,+CAAgD,CAAA,GACnE,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,EAAuB,UAAxB;MAAiC,OAAO;gBACrC,KAAe;KACe,CAAA;IAC7B,CAAA,CACF;OACN,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,QAAD;KAAM,WAAU;eAAY;IAAmB,CAAA,GAC9C,IACC,kBAAC,GAAD;KACE,eAAY;KACZ,WAAU;IACX,CAAA,IACC,IACA;KACN,EAAA,CAAA;EAEE,CAAA,GAEP,KACC,kBAAC,OAAD;GACE,IAAI;GACJ,MAAK;GACL,mBAAiB;GACjB,WAAU;GACV,eAAY;aAEZ,kBAAC,EAAsB,UAAvB;IAAgC,OAAA;IAC7B;GAC6B,CAAA;EAC7B,CAAA,CAEJ;;AAET"}

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

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../features/chat/chat-message.cjs"),t=require("./critic-result-display.cjs"),n=require("../event-content-helpers/get-event-content.cjs");let r=require("react/jsx-runtime");function i({event:i,isFromPlanningAgent:a=!1}){let o=n.getEventContent(i);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.ChatMessage,{type:`agent`,message:typeof o.details==`string`?o.details:String(o.details),isFromPlanningAgent:a}),i.critic_result!=null&&(0,r.jsx)(t.CriticResultDisplay,{criticResult:i.critic_result})]})}exports.FinishEventMessage=i;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../features/chat/chat-message.cjs"),t=require("./critic-result-display.cjs"),n=require("../event-content-helpers/get-event-content.cjs");let r=require("react/jsx-runtime");function i({event:i,isFromPlanningAgent:a=!1}){let o=n.getEventContent(i);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.ChatMessage,{type:`agent`,message:typeof o.details==`string`?o.details:String(o.details),isFromPlanningAgent:a,timestamp:i.timestamp}),i.critic_result!=null&&(0,r.jsx)(t.CriticResultDisplay,{criticResult:i.critic_result})]})}exports.FinishEventMessage=i;
 //# sourceMappingURL=finish-event-message.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"finish-event-message.cjs","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/finish-event-message.tsx"],"sourcesContent":["import { ActionEvent } from \"#/types/agent-server/core\";\nimport { FinishAction } from \"#/types/agent-server/core/base/action\";\nimport { ChatMessage } from \"../../../features/chat/chat-message\";\nimport { getEventContent } from \"../event-content-helpers/get-event-content\";\nimport { CriticResultDisplay } from \"./critic-result-display\";\n\ninterface FinishEventMessageProps {\n  event: ActionEvent<FinishAction>;\n  isFromPlanningAgent?: boolean;\n}\n\nexport function FinishEventMessage({\n  event,\n  isFromPlanningAgent = false,\n}: FinishEventMessageProps) {\n  const eventContent = getEventContent(event);\n  const message =\n    typeof eventContent.details === \"string\"\n      ? eventContent.details\n      : String(eventContent.details);\n\n  return (\n    <>\n      <ChatMessage\n        type=\"agent\"\n        message={message}\n        isFromPlanningAgent={isFromPlanningAgent}\n      />\n      {event.critic_result != null && (\n        <CriticResultDisplay criticResult={event.critic_result} />\n      )}\n    </>\n  );\n}\n"],"mappings":"yPAWA,SAAgB,EAAmB,CACjC,QACA,sBAAsB,IACI,CAC1B,IAAM,EAAe,EAAA,gBAAgB,CAAK,EAM1C,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,QACI,QARb,OAAO,EAAa,SAAY,SAC5B,EAAa,QACb,OAAO,EAAa,OAAO,EAON,qBACtB,CAAA,EACA,EAAM,eAAiB,OACtB,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,aAAc,EAAM,aAAgB,CAAA,CAE3D,CAAA,CAAA,CAEN"}
+{"version":3,"file":"finish-event-message.cjs","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/finish-event-message.tsx"],"sourcesContent":["import { ActionEvent } from \"#/types/agent-server/core\";\nimport { FinishAction } from \"#/types/agent-server/core/base/action\";\nimport { ChatMessage } from \"../../../features/chat/chat-message\";\nimport { getEventContent } from \"../event-content-helpers/get-event-content\";\nimport { CriticResultDisplay } from \"./critic-result-display\";\n\ninterface FinishEventMessageProps {\n  event: ActionEvent<FinishAction>;\n  isFromPlanningAgent?: boolean;\n}\n\nexport function FinishEventMessage({\n  event,\n  isFromPlanningAgent = false,\n}: FinishEventMessageProps) {\n  const eventContent = getEventContent(event);\n  const message =\n    typeof eventContent.details === \"string\"\n      ? eventContent.details\n      : String(eventContent.details);\n\n  return (\n    <>\n      <ChatMessage\n        type=\"agent\"\n        message={message}\n        isFromPlanningAgent={isFromPlanningAgent}\n        timestamp={event.timestamp}\n      />\n      {event.critic_result != null && (\n        <CriticResultDisplay criticResult={event.critic_result} />\n      )}\n    </>\n  );\n}\n"],"mappings":"yPAWA,SAAgB,EAAmB,CACjC,QACA,sBAAsB,IACI,CAC1B,IAAM,EAAe,EAAA,gBAAgB,CAAK,EAM1C,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,QACI,QARb,OAAO,EAAa,SAAY,SAC5B,EAAa,QACb,OAAO,EAAa,OAAO,EAON,sBACrB,UAAW,EAAM,SAClB,CAAA,EACA,EAAM,eAAiB,OACtB,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,aAAc,EAAM,aAAgB,CAAA,CAE3D,CAAA,CAAA,CAEN"}

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

@@ -8,7 +8,8 @@ function o({ event: o, isFromPlanningAgent: s = !1 }) {
 	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(e, {
 		type: "agent",
 		message: typeof c.details == "string" ? c.details : String(c.details),
-		isFromPlanningAgent: s
+		isFromPlanningAgent: s,
+		timestamp: o.timestamp
 	}), o.critic_result != null && /* @__PURE__ */ i(t, { criticResult: o.critic_result })] });
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"finish-event-message.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/finish-event-message.tsx"],"sourcesContent":["import { ActionEvent } from \"#/types/agent-server/core\";\nimport { FinishAction } from \"#/types/agent-server/core/base/action\";\nimport { ChatMessage } from \"../../../features/chat/chat-message\";\nimport { getEventContent } from \"../event-content-helpers/get-event-content\";\nimport { CriticResultDisplay } from \"./critic-result-display\";\n\ninterface FinishEventMessageProps {\n  event: ActionEvent<FinishAction>;\n  isFromPlanningAgent?: boolean;\n}\n\nexport function FinishEventMessage({\n  event,\n  isFromPlanningAgent = false,\n}: FinishEventMessageProps) {\n  const eventContent = getEventContent(event);\n  const message =\n    typeof eventContent.details === \"string\"\n      ? eventContent.details\n      : String(eventContent.details);\n\n  return (\n    <>\n      <ChatMessage\n        type=\"agent\"\n        message={message}\n        isFromPlanningAgent={isFromPlanningAgent}\n      />\n      {event.critic_result != null && (\n        <CriticResultDisplay criticResult={event.critic_result} />\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;AAWA,SAAgB,EAAmB,EACjC,UACA,yBAAsB,MACI;CAC1B,IAAM,IAAe,EAAgB,CAAK;CAM1C,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAK;EACI,SARb,OAAO,EAAa,WAAY,WAC5B,EAAa,UACb,OAAO,EAAa,OAAO;EAON;CACtB,CAAA,GACA,EAAM,iBAAiB,QACtB,kBAAC,GAAD,EAAqB,cAAc,EAAM,cAAgB,CAAA,CAE3D,EAAA,CAAA;AAEN"}
+{"version":3,"file":"finish-event-message.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/finish-event-message.tsx"],"sourcesContent":["import { ActionEvent } from \"#/types/agent-server/core\";\nimport { FinishAction } from \"#/types/agent-server/core/base/action\";\nimport { ChatMessage } from \"../../../features/chat/chat-message\";\nimport { getEventContent } from \"../event-content-helpers/get-event-content\";\nimport { CriticResultDisplay } from \"./critic-result-display\";\n\ninterface FinishEventMessageProps {\n  event: ActionEvent<FinishAction>;\n  isFromPlanningAgent?: boolean;\n}\n\nexport function FinishEventMessage({\n  event,\n  isFromPlanningAgent = false,\n}: FinishEventMessageProps) {\n  const eventContent = getEventContent(event);\n  const message =\n    typeof eventContent.details === \"string\"\n      ? eventContent.details\n      : String(eventContent.details);\n\n  return (\n    <>\n      <ChatMessage\n        type=\"agent\"\n        message={message}\n        isFromPlanningAgent={isFromPlanningAgent}\n        timestamp={event.timestamp}\n      />\n      {event.critic_result != null && (\n        <CriticResultDisplay criticResult={event.critic_result} />\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;AAWA,SAAgB,EAAmB,EACjC,UACA,yBAAsB,MACI;CAC1B,IAAM,IAAe,EAAgB,CAAK;CAM1C,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAK;EACI,SARb,OAAO,EAAa,WAAY,WAC5B,EAAa,UACb,OAAO,EAAa,OAAO;EAON;EACrB,WAAW,EAAM;CAClB,CAAA,GACA,EAAM,iBAAiB,QACtB,kBAAC,GAAD,EAAqB,cAAc,EAAM,cAAgB,CAAA,CAE3D,EAAA,CAAA;AAEN"}

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

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../i18n/declaration.cjs"),t=require("../../../../types/agent-server/type-guards.cjs"),n=require("../../../features/chat/generic-event-message.cjs"),r=require("../../../../icons/skills.cjs"),i=require("../../../shared/buttons/conversation-confirmation-buttons.cjs"),a=require("../event-content-helpers/get-observation-result.cjs"),o=require("../event-content-helpers/create-skill-ready-event.cjs"),s=require("../../../features/chat/tool-visualizers/primitives/markdown-file-preview.cjs"),c=require("../event-content-helpers/get-event-content.cjs"),l=require("../event-content-helpers/get-invoke-skill-items.cjs"),u=require("./skill-ready-content-list.cjs");let d=require("react/jsx-runtime");function f(n){if(o.isSkillReadyEvent(n))return n._skillReadyItems.length>0?{items:n._skillReadyItems,titleKey:e.I18nKey.SKILLS$TRIGGERED_SKILL_KNOWLEDGE}:null;if(t.isObservationEvent(n)&&n.observation.kind===`InvokeSkillObservation`){let t=l.getInvokeSkillItems(n);return t.length>0?{items:t,titleKey:e.I18nKey.SKILLS$INVOKED_SKILL_KNOWLEDGE}:null}return null}function p({event:e,isLastMessage:l,correspondingAction:p}){let{title:m,details:h}=c.getEventContent(e,p);if(!o.isSkillReadyEvent(e)&&t.isObservationEvent(e)&&e.observation.kind===`TaskTrackerObservation`)return(0,d.jsx)(`div`,{children:h});let g;o.isSkillReadyEvent(e)?g=`success`:t.isObservationEvent(e)?g=a.getObservationResult(e):t.isACPToolCallEvent(e)&&(g=a.getACPToolCallResult(e));let _=f(e),v=_?(0,d.jsx)(u.SkillReadyContentList,{items:_.items,titleKey:_.titleKey}):h,y=!o.isSkillReadyEvent(e)&&s.isMarkdownFileEditorEvent(e,p);return(0,d.jsxs)(`div`,{children:[(0,d.jsx)(n.GenericEventMessage,{title:m,details:v,success:g,initiallyExpanded:y,titleIcon:_?(0,d.jsx)(r.default,{className:`h-4 w-4 stroke-[var(--oh-muted)] flex-shrink-0 mr-2`}):void 0}),l&&(0,d.jsx)(i.ConversationConfirmationButtons,{})]})}exports.GenericEventMessageWrapper=p;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../i18n/declaration.cjs"),t=require("../../../../types/agent-server/type-guards.cjs"),n=require("../../../features/chat/generic-event-message.cjs"),r=require("../../../../icons/skills.cjs"),i=require("../event-content-helpers/get-observation-result.cjs"),a=require("../event-content-helpers/create-skill-ready-event.cjs"),o=require("../../../features/chat/tool-visualizers/primitives/markdown-file-preview.cjs"),s=require("../event-content-helpers/get-event-content.cjs"),c=require("../event-content-helpers/get-invoke-skill-items.cjs"),l=require("./skill-ready-content-list.cjs");let u=require("react/jsx-runtime");function d(n){if(a.isSkillReadyEvent(n))return n._skillReadyItems.length>0?{items:n._skillReadyItems,titleKey:e.I18nKey.SKILLS$TRIGGERED_SKILL_KNOWLEDGE}:null;if(t.isObservationEvent(n)&&n.observation.kind===`InvokeSkillObservation`){let t=c.getInvokeSkillItems(n);return t.length>0?{items:t,titleKey:e.I18nKey.SKILLS$INVOKED_SKILL_KNOWLEDGE}:null}return null}function f({event:e,correspondingAction:c}){let{title:f,details:p}=s.getEventContent(e,c);if(!a.isSkillReadyEvent(e)&&t.isObservationEvent(e)&&e.observation.kind===`TaskTrackerObservation`)return(0,u.jsx)(`div`,{children:p});let m;a.isSkillReadyEvent(e)?m=`success`:t.isObservationEvent(e)?m=i.getObservationResult(e):t.isACPToolCallEvent(e)&&(m=i.getACPToolCallResult(e));let h=d(e),g=h?(0,u.jsx)(l.SkillReadyContentList,{items:h.items,titleKey:h.titleKey}):p,_=!a.isSkillReadyEvent(e)&&o.isMarkdownFileEditorEvent(e,c);return(0,u.jsx)(`div`,{children:(0,u.jsx)(n.GenericEventMessage,{title:f,details:g,success:m,initiallyExpanded:_,timestamp:e.timestamp,titleIcon:h?(0,u.jsx)(r.default,{className:`h-4 w-4 stroke-[var(--oh-muted)] flex-shrink-0 mr-2`}):void 0})})}exports.GenericEventMessageWrapper=f;
 //# sourceMappingURL=generic-event-message-wrapper.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"generic-event-message-wrapper.cjs","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/generic-event-message-wrapper.tsx"],"sourcesContent":["import {\n  OpenHandsEvent,\n  ActionEvent,\n  ObservationEvent,\n} from \"#/types/agent-server/core\";\nimport { InvokeSkillObservation } from \"#/types/agent-server/core/base/observation\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { GenericEventMessage } from \"../../../features/chat/generic-event-message\";\nimport { getEventContent } from \"../event-content-helpers/get-event-content\";\nimport {\n  getACPToolCallResult,\n  getObservationResult,\n  ObservationResultStatus,\n} from \"../event-content-helpers/get-observation-result\";\nimport {\n  isACPToolCallEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport {\n  SkillReadyEvent,\n  SkillReadyItem,\n  isSkillReadyEvent,\n} from \"../event-content-helpers/create-skill-ready-event\";\nimport { getInvokeSkillItems } from \"../event-content-helpers/get-invoke-skill-items\";\nimport { ConversationConfirmationButtons } from \"#/components/shared/buttons/conversation-confirmation-buttons\";\nimport { SkillReadyContentList } from \"./skill-ready-content-list\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport { isMarkdownFileEditorEvent } from \"#/components/features/chat/tool-visualizers/primitives/markdown-file-preview\";\n\ninterface GenericEventMessageWrapperProps {\n  event: OpenHandsEvent | SkillReadyEvent;\n  isLastMessage: boolean;\n  correspondingAction?: ActionEvent;\n}\n\n/**\n * Resolves the expandable skill-knowledge list shared by Skill Ready events and\n * invoke-skill tool observations. Returns the list items and their header\n * label, or null when the event carries no skill knowledge (so the caller keeps\n * the default details body). Additional skill-knowledge sources slot in as one\n * more branch here.\n */\nfunction getSkillKnowledge(\n  event: OpenHandsEvent | SkillReadyEvent,\n): { items: SkillReadyItem[]; titleKey: I18nKey } | null {\n  if (isSkillReadyEvent(event)) {\n    return event._skillReadyItems.length > 0\n      ? {\n          items: event._skillReadyItems,\n          titleKey: I18nKey.SKILLS$TRIGGERED_SKILL_KNOWLEDGE,\n        }\n      : null;\n  }\n  if (\n    isObservationEvent(event) &&\n    event.observation.kind === \"InvokeSkillObservation\"\n  ) {\n    const items = getInvokeSkillItems(\n      event as ObservationEvent<InvokeSkillObservation>,\n    );\n    return items.length > 0\n      ? { items, titleKey: I18nKey.SKILLS$INVOKED_SKILL_KNOWLEDGE }\n      : null;\n  }\n  return null;\n}\n\nexport function GenericEventMessageWrapper({\n  event,\n  isLastMessage,\n  correspondingAction,\n}: GenericEventMessageWrapperProps) {\n  const { title, details } = getEventContent(event, correspondingAction);\n\n  // TaskTrackerObservation has its own rendering\n  if (\n    !isSkillReadyEvent(event) &&\n    isObservationEvent(event) &&\n    event.observation.kind === \"TaskTrackerObservation\"\n  ) {\n    return <div>{details}</div>;\n  }\n\n  // Determine success status\n  let success: ObservationResultStatus | undefined;\n  if (isSkillReadyEvent(event)) {\n    success = \"success\";\n  } else if (isObservationEvent(event)) {\n    success = getObservationResult(event);\n  } else if (isACPToolCallEvent(event)) {\n    success = getACPToolCallResult(event);\n  }\n\n  // Skill Ready events and invoke-skill tool observations both render the\n  // expandable skill-knowledge list (with the skills icon); they differ only in\n  // the header label.\n  const skillKnowledge = getSkillKnowledge(event);\n  const bodyDetails = skillKnowledge ? (\n    <SkillReadyContentList\n      items={skillKnowledge.items}\n      titleKey={skillKnowledge.titleKey}\n    />\n  ) : (\n    details\n  );\n\n  // Markdown file-editor cards carry a clipped preview; expand them by\n  // default so the artifact is visible without an extra chevron click.\n  const initiallyExpanded =\n    !isSkillReadyEvent(event) &&\n    isMarkdownFileEditorEvent(event, correspondingAction);\n\n  return (\n    <div>\n      <GenericEventMessage\n        title={title}\n        details={bodyDetails}\n        success={success}\n        initiallyExpanded={initiallyExpanded}\n        titleIcon={\n          skillKnowledge ? (\n            <SkillsIcon className=\"h-4 w-4 stroke-[var(--oh-muted)] flex-shrink-0 mr-2\" />\n          ) : undefined\n        }\n      />\n      {isLastMessage && <ConversationConfirmationButtons />}\n    </div>\n  );\n}\n"],"mappings":"mwBA0CA,SAAS,EACP,EACuD,CACvD,GAAI,EAAA,kBAAkB,CAAK,EACzB,OAAO,EAAM,iBAAiB,OAAS,EACnC,CACE,MAAO,EAAM,iBACb,SAAU,EAAA,QAAQ,gCACpB,EACA,KAEN,GACE,EAAA,mBAAmB,CAAK,GACxB,EAAM,YAAY,OAAS,yBAC3B,CACA,IAAM,EAAQ,EAAA,oBACZ,CACF,EACA,OAAO,EAAM,OAAS,EAClB,CAAE,QAAO,SAAU,EAAA,QAAQ,8BAA+B,EAC1D,IACN,CACA,OAAO,IACT,CAEA,SAAgB,EAA2B,CACzC,QACA,gBACA,uBACkC,CAClC,GAAM,CAAE,QAAO,WAAY,EAAA,gBAAgB,EAAO,CAAmB,EAGrE,GACE,CAAC,EAAA,kBAAkB,CAAK,GACxB,EAAA,mBAAmB,CAAK,GACxB,EAAM,YAAY,OAAS,yBAE3B,OAAO,EAAA,EAAA,KAAC,MAAD,CAAA,SAAM,CAAa,CAAA,EAI5B,IAAI,EACA,EAAA,kBAAkB,CAAK,EACzB,EAAU,UACD,EAAA,mBAAmB,CAAK,EACjC,EAAU,EAAA,qBAAqB,CAAK,EAC3B,EAAA,mBAAmB,CAAK,IACjC,EAAU,EAAA,qBAAqB,CAAK,GAMtC,IAAM,EAAiB,EAAkB,CAAK,EACxC,EAAc,GAClB,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,MAAO,EAAe,MACtB,SAAU,EAAe,QAC1B,CAAA,EAED,EAKI,EACJ,CAAC,EAAA,kBAAkB,CAAK,GACxB,EAAA,0BAA0B,EAAO,CAAmB,EAEtD,OACE,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CACS,QACP,QAAS,EACA,UACU,oBACnB,UACE,GACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,UAAU,qDAAuD,CAAA,EAC3E,IAAA,EAEP,CAAA,EACA,IAAiB,EAAA,EAAA,KAAC,EAAA,gCAAD,CAAkC,CAAA,CACjD,CAAA,CAAA,CAET"}
+{"version":3,"file":"generic-event-message-wrapper.cjs","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/generic-event-message-wrapper.tsx"],"sourcesContent":["import {\n  OpenHandsEvent,\n  ActionEvent,\n  ObservationEvent,\n} from \"#/types/agent-server/core\";\nimport { InvokeSkillObservation } from \"#/types/agent-server/core/base/observation\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { GenericEventMessage } from \"../../../features/chat/generic-event-message\";\nimport { getEventContent } from \"../event-content-helpers/get-event-content\";\nimport {\n  getACPToolCallResult,\n  getObservationResult,\n  ObservationResultStatus,\n} from \"../event-content-helpers/get-observation-result\";\nimport {\n  isACPToolCallEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport {\n  SkillReadyEvent,\n  SkillReadyItem,\n  isSkillReadyEvent,\n} from \"../event-content-helpers/create-skill-ready-event\";\nimport { getInvokeSkillItems } from \"../event-content-helpers/get-invoke-skill-items\";\nimport { SkillReadyContentList } from \"./skill-ready-content-list\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport { isMarkdownFileEditorEvent } from \"#/components/features/chat/tool-visualizers/primitives/markdown-file-preview\";\n\ninterface GenericEventMessageWrapperProps {\n  event: OpenHandsEvent | SkillReadyEvent;\n  isLastMessage: boolean;\n  correspondingAction?: ActionEvent;\n}\n\n/**\n * Resolves the expandable skill-knowledge list shared by Skill Ready events and\n * invoke-skill tool observations. Returns the list items and their header\n * label, or null when the event carries no skill knowledge (so the caller keeps\n * the default details body). Additional skill-knowledge sources slot in as one\n * more branch here.\n */\nfunction getSkillKnowledge(\n  event: OpenHandsEvent | SkillReadyEvent,\n): { items: SkillReadyItem[]; titleKey: I18nKey } | null {\n  if (isSkillReadyEvent(event)) {\n    return event._skillReadyItems.length > 0\n      ? {\n          items: event._skillReadyItems,\n          titleKey: I18nKey.SKILLS$TRIGGERED_SKILL_KNOWLEDGE,\n        }\n      : null;\n  }\n  if (\n    isObservationEvent(event) &&\n    event.observation.kind === \"InvokeSkillObservation\"\n  ) {\n    const items = getInvokeSkillItems(\n      event as ObservationEvent<InvokeSkillObservation>,\n    );\n    return items.length > 0\n      ? { items, titleKey: I18nKey.SKILLS$INVOKED_SKILL_KNOWLEDGE }\n      : null;\n  }\n  return null;\n}\n\nexport function GenericEventMessageWrapper({\n  event,\n  correspondingAction,\n}: GenericEventMessageWrapperProps) {\n  const { title, details } = getEventContent(event, correspondingAction);\n\n  // TaskTrackerObservation has its own rendering\n  if (\n    !isSkillReadyEvent(event) &&\n    isObservationEvent(event) &&\n    event.observation.kind === \"TaskTrackerObservation\"\n  ) {\n    return <div>{details}</div>;\n  }\n\n  // Determine success status\n  let success: ObservationResultStatus | undefined;\n  if (isSkillReadyEvent(event)) {\n    success = \"success\";\n  } else if (isObservationEvent(event)) {\n    success = getObservationResult(event);\n  } else if (isACPToolCallEvent(event)) {\n    success = getACPToolCallResult(event);\n  }\n\n  // Skill Ready events and invoke-skill tool observations both render the\n  // expandable skill-knowledge list (with the skills icon); they differ only in\n  // the header label.\n  const skillKnowledge = getSkillKnowledge(event);\n  const bodyDetails = skillKnowledge ? (\n    <SkillReadyContentList\n      items={skillKnowledge.items}\n      titleKey={skillKnowledge.titleKey}\n    />\n  ) : (\n    details\n  );\n\n  // Markdown file-editor cards carry a clipped preview; expand them by\n  // default so the artifact is visible without an extra chevron click.\n  const initiallyExpanded =\n    !isSkillReadyEvent(event) &&\n    isMarkdownFileEditorEvent(event, correspondingAction);\n\n  return (\n    <div>\n      <GenericEventMessage\n        title={title}\n        details={bodyDetails}\n        success={success}\n        initiallyExpanded={initiallyExpanded}\n        timestamp={event.timestamp}\n        titleIcon={\n          skillKnowledge ? (\n            <SkillsIcon className=\"h-4 w-4 stroke-[var(--oh-muted)] flex-shrink-0 mr-2\" />\n          ) : undefined\n        }\n      />\n    </div>\n  );\n}\n"],"mappings":"wrBAyCA,SAAS,EACP,EACuD,CACvD,GAAI,EAAA,kBAAkB,CAAK,EACzB,OAAO,EAAM,iBAAiB,OAAS,EACnC,CACE,MAAO,EAAM,iBACb,SAAU,EAAA,QAAQ,gCACpB,EACA,KAEN,GACE,EAAA,mBAAmB,CAAK,GACxB,EAAM,YAAY,OAAS,yBAC3B,CACA,IAAM,EAAQ,EAAA,oBACZ,CACF,EACA,OAAO,EAAM,OAAS,EAClB,CAAE,QAAO,SAAU,EAAA,QAAQ,8BAA+B,EAC1D,IACN,CACA,OAAO,IACT,CAEA,SAAgB,EAA2B,CACzC,QACA,uBACkC,CAClC,GAAM,CAAE,QAAO,WAAY,EAAA,gBAAgB,EAAO,CAAmB,EAGrE,GACE,CAAC,EAAA,kBAAkB,CAAK,GACxB,EAAA,mBAAmB,CAAK,GACxB,EAAM,YAAY,OAAS,yBAE3B,OAAO,EAAA,EAAA,KAAC,MAAD,CAAA,SAAM,CAAa,CAAA,EAI5B,IAAI,EACA,EAAA,kBAAkB,CAAK,EACzB,EAAU,UACD,EAAA,mBAAmB,CAAK,EACjC,EAAU,EAAA,qBAAqB,CAAK,EAC3B,EAAA,mBAAmB,CAAK,IACjC,EAAU,EAAA,qBAAqB,CAAK,GAMtC,IAAM,EAAiB,EAAkB,CAAK,EACxC,EAAc,GAClB,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,MAAO,EAAe,MACtB,SAAU,EAAe,QAC1B,CAAA,EAED,EAKI,EACJ,CAAC,EAAA,kBAAkB,CAAK,GACxB,EAAA,0BAA0B,EAAO,CAAmB,EAEtD,OACE,EAAA,EAAA,KAAC,MAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CACS,QACP,QAAS,EACA,UACU,oBACnB,UAAW,EAAM,UACjB,UACE,GACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,UAAU,qDAAuD,CAAA,EAC3E,IAAA,EAEP,CAAA,CACE,CAAA,CAET"}

package/dist/components/conversation-events/chat/event-message-components/generic-event-message-wrapper.d.ts

@@ -5,5 +5,5 @@ interface GenericEventMessageWrapperProps {
     isLastMessage: boolean;
     correspondingAction?: ActionEvent;
 }
-export declare function GenericEventMessageWrapper({ event, isLastMessage, correspondingAction, }: GenericEventMessageWrapperProps): import("react").JSX.Element;
+export declare function GenericEventMessageWrapper({ event, correspondingAction, }: GenericEventMessageWrapperProps): import("react").JSX.Element;
 export {};

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

@@ -2,22 +2,21 @@ import { I18nKey as e } from "../../../../i18n/declaration.js";
 import { isACPToolCallEvent as t, isObservationEvent as n } from "../../../../types/agent-server/type-guards.js";
 import { GenericEventMessage as r } from "../../../features/chat/generic-event-message.js";
 import i from "../../../../icons/skills.js";
-import { ConversationConfirmationButtons as a } from "../../../shared/buttons/conversation-confirmation-buttons.js";
-import { getACPToolCallResult as o, getObservationResult as s } from "../event-content-helpers/get-observation-result.js";
-import { isSkillReadyEvent as c } from "../event-content-helpers/create-skill-ready-event.js";
-import { isMarkdownFileEditorEvent as l } from "../../../features/chat/tool-visualizers/primitives/markdown-file-preview.js";
-import { getEventContent as u } from "../event-content-helpers/get-event-content.js";
-import { getInvokeSkillItems as d } from "../event-content-helpers/get-invoke-skill-items.js";
-import { SkillReadyContentList as f } from "./skill-ready-content-list.js";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { getACPToolCallResult as a, getObservationResult as o } from "../event-content-helpers/get-observation-result.js";
+import { isSkillReadyEvent as s } from "../event-content-helpers/create-skill-ready-event.js";
+import { isMarkdownFileEditorEvent as c } from "../../../features/chat/tool-visualizers/primitives/markdown-file-preview.js";
+import { getEventContent as l } from "../event-content-helpers/get-event-content.js";
+import { getInvokeSkillItems as u } from "../event-content-helpers/get-invoke-skill-items.js";
+import { SkillReadyContentList as d } from "./skill-ready-content-list.js";
+import { jsx as f } from "react/jsx-runtime";
 //#region src/components/conversation-events/chat/event-message-components/generic-event-message-wrapper.tsx
-function h(t) {
-	if (c(t)) return t._skillReadyItems.length > 0 ? {
+function p(t) {
+	if (s(t)) return t._skillReadyItems.length > 0 ? {
 		items: t._skillReadyItems,
 		titleKey: e.SKILLS$TRIGGERED_SKILL_KNOWLEDGE
 	} : null;
 	if (n(t) && t.observation.kind === "InvokeSkillObservation") {
-		let n = d(t);
+		let n = u(t);
 		return n.length > 0 ? {
 			items: n,
 			titleKey: e.SKILLS$INVOKED_SKILL_KNOWLEDGE
@@ -25,24 +24,25 @@ function h(t) {
 	}
 	return null;
 }
-function g({ event: e, isLastMessage: d, correspondingAction: g }) {
-	let { title: _, details: v } = u(e, g);
-	if (!c(e) && n(e) && e.observation.kind === "TaskTrackerObservation") return /* @__PURE__ */ p("div", { children: v });
-	let y;
-	c(e) ? y = "success" : n(e) ? y = s(e) : t(e) && (y = o(e));
-	let b = h(e), x = b ? /* @__PURE__ */ p(f, {
-		items: b.items,
-		titleKey: b.titleKey
-	}) : v, S = !c(e) && l(e, g);
-	return /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(r, {
-		title: _,
-		details: x,
-		success: y,
-		initiallyExpanded: S,
-		titleIcon: b ? /* @__PURE__ */ p(i, { className: "h-4 w-4 stroke-[var(--oh-muted)] flex-shrink-0 mr-2" }) : void 0
-	}), d && /* @__PURE__ */ p(a, {})] });
+function m({ event: e, correspondingAction: u }) {
+	let { title: m, details: h } = l(e, u);
+	if (!s(e) && n(e) && e.observation.kind === "TaskTrackerObservation") return /* @__PURE__ */ f("div", { children: h });
+	let g;
+	s(e) ? g = "success" : n(e) ? g = o(e) : t(e) && (g = a(e));
+	let _ = p(e), v = _ ? /* @__PURE__ */ f(d, {
+		items: _.items,
+		titleKey: _.titleKey
+	}) : h, y = !s(e) && c(e, u);
+	return /* @__PURE__ */ f("div", { children: /* @__PURE__ */ f(r, {
+		title: m,
+		details: v,
+		success: g,
+		initiallyExpanded: y,
+		timestamp: e.timestamp,
+		titleIcon: _ ? /* @__PURE__ */ f(i, { className: "h-4 w-4 stroke-[var(--oh-muted)] flex-shrink-0 mr-2" }) : void 0
+	}) });
 }
 //#endregion
-export { g as GenericEventMessageWrapper };
+export { m as GenericEventMessageWrapper };
 
 //# sourceMappingURL=generic-event-message-wrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"generic-event-message-wrapper.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/generic-event-message-wrapper.tsx"],"sourcesContent":["import {\n  OpenHandsEvent,\n  ActionEvent,\n  ObservationEvent,\n} from \"#/types/agent-server/core\";\nimport { InvokeSkillObservation } from \"#/types/agent-server/core/base/observation\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { GenericEventMessage } from \"../../../features/chat/generic-event-message\";\nimport { getEventContent } from \"../event-content-helpers/get-event-content\";\nimport {\n  getACPToolCallResult,\n  getObservationResult,\n  ObservationResultStatus,\n} from \"../event-content-helpers/get-observation-result\";\nimport {\n  isACPToolCallEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport {\n  SkillReadyEvent,\n  SkillReadyItem,\n  isSkillReadyEvent,\n} from \"../event-content-helpers/create-skill-ready-event\";\nimport { getInvokeSkillItems } from \"../event-content-helpers/get-invoke-skill-items\";\nimport { ConversationConfirmationButtons } from \"#/components/shared/buttons/conversation-confirmation-buttons\";\nimport { SkillReadyContentList } from \"./skill-ready-content-list\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport { isMarkdownFileEditorEvent } from \"#/components/features/chat/tool-visualizers/primitives/markdown-file-preview\";\n\ninterface GenericEventMessageWrapperProps {\n  event: OpenHandsEvent | SkillReadyEvent;\n  isLastMessage: boolean;\n  correspondingAction?: ActionEvent;\n}\n\n/**\n * Resolves the expandable skill-knowledge list shared by Skill Ready events and\n * invoke-skill tool observations. Returns the list items and their header\n * label, or null when the event carries no skill knowledge (so the caller keeps\n * the default details body). Additional skill-knowledge sources slot in as one\n * more branch here.\n */\nfunction getSkillKnowledge(\n  event: OpenHandsEvent | SkillReadyEvent,\n): { items: SkillReadyItem[]; titleKey: I18nKey } | null {\n  if (isSkillReadyEvent(event)) {\n    return event._skillReadyItems.length > 0\n      ? {\n          items: event._skillReadyItems,\n          titleKey: I18nKey.SKILLS$TRIGGERED_SKILL_KNOWLEDGE,\n        }\n      : null;\n  }\n  if (\n    isObservationEvent(event) &&\n    event.observation.kind === \"InvokeSkillObservation\"\n  ) {\n    const items = getInvokeSkillItems(\n      event as ObservationEvent<InvokeSkillObservation>,\n    );\n    return items.length > 0\n      ? { items, titleKey: I18nKey.SKILLS$INVOKED_SKILL_KNOWLEDGE }\n      : null;\n  }\n  return null;\n}\n\nexport function GenericEventMessageWrapper({\n  event,\n  isLastMessage,\n  correspondingAction,\n}: GenericEventMessageWrapperProps) {\n  const { title, details } = getEventContent(event, correspondingAction);\n\n  // TaskTrackerObservation has its own rendering\n  if (\n    !isSkillReadyEvent(event) &&\n    isObservationEvent(event) &&\n    event.observation.kind === \"TaskTrackerObservation\"\n  ) {\n    return <div>{details}</div>;\n  }\n\n  // Determine success status\n  let success: ObservationResultStatus | undefined;\n  if (isSkillReadyEvent(event)) {\n    success = \"success\";\n  } else if (isObservationEvent(event)) {\n    success = getObservationResult(event);\n  } else if (isACPToolCallEvent(event)) {\n    success = getACPToolCallResult(event);\n  }\n\n  // Skill Ready events and invoke-skill tool observations both render the\n  // expandable skill-knowledge list (with the skills icon); they differ only in\n  // the header label.\n  const skillKnowledge = getSkillKnowledge(event);\n  const bodyDetails = skillKnowledge ? (\n    <SkillReadyContentList\n      items={skillKnowledge.items}\n      titleKey={skillKnowledge.titleKey}\n    />\n  ) : (\n    details\n  );\n\n  // Markdown file-editor cards carry a clipped preview; expand them by\n  // default so the artifact is visible without an extra chevron click.\n  const initiallyExpanded =\n    !isSkillReadyEvent(event) &&\n    isMarkdownFileEditorEvent(event, correspondingAction);\n\n  return (\n    <div>\n      <GenericEventMessage\n        title={title}\n        details={bodyDetails}\n        success={success}\n        initiallyExpanded={initiallyExpanded}\n        titleIcon={\n          skillKnowledge ? (\n            <SkillsIcon className=\"h-4 w-4 stroke-[var(--oh-muted)] flex-shrink-0 mr-2\" />\n          ) : undefined\n        }\n      />\n      {isLastMessage && <ConversationConfirmationButtons />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA0CA,SAAS,EACP,GACuD;CACvD,IAAI,EAAkB,CAAK,GACzB,OAAO,EAAM,iBAAiB,SAAS,IACnC;EACE,OAAO,EAAM;EACb,UAAU,EAAQ;CACpB,IACA;CAEN,IACE,EAAmB,CAAK,KACxB,EAAM,YAAY,SAAS,0BAC3B;EACA,IAAM,IAAQ,EACZ,CACF;EACA,OAAO,EAAM,SAAS,IAClB;GAAE;GAAO,UAAU,EAAQ;EAA+B,IAC1D;CACN;CACA,OAAO;AACT;AAEA,SAAgB,EAA2B,EACzC,UACA,kBACA,0BACkC;CAClC,IAAM,EAAE,UAAO,eAAY,EAAgB,GAAO,CAAmB;CAGrE,IACE,CAAC,EAAkB,CAAK,KACxB,EAAmB,CAAK,KACxB,EAAM,YAAY,SAAS,0BAE3B,OAAO,kBAAC,OAAD,EAAA,UAAM,EAAa,CAAA;CAI5B,IAAI;CACJ,AAAI,EAAkB,CAAK,IACzB,IAAU,YACD,EAAmB,CAAK,IACjC,IAAU,EAAqB,CAAK,IAC3B,EAAmB,CAAK,MACjC,IAAU,EAAqB,CAAK;CAMtC,IAAM,IAAiB,EAAkB,CAAK,GACxC,IAAc,IAClB,kBAAC,GAAD;EACE,OAAO,EAAe;EACtB,UAAU,EAAe;CAC1B,CAAA,IAED,GAKI,IACJ,CAAC,EAAkB,CAAK,KACxB,EAA0B,GAAO,CAAmB;CAEtD,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACS;EACP,SAAS;EACA;EACU;EACnB,WACE,IACE,kBAAC,GAAD,EAAY,WAAU,sDAAuD,CAAA,IAC3E,KAAA;CAEP,CAAA,GACA,KAAiB,kBAAC,GAAD,CAAkC,CAAA,CACjD,EAAA,CAAA;AAET"}
+{"version":3,"file":"generic-event-message-wrapper.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-message-components/generic-event-message-wrapper.tsx"],"sourcesContent":["import {\n  OpenHandsEvent,\n  ActionEvent,\n  ObservationEvent,\n} from \"#/types/agent-server/core\";\nimport { InvokeSkillObservation } from \"#/types/agent-server/core/base/observation\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { GenericEventMessage } from \"../../../features/chat/generic-event-message\";\nimport { getEventContent } from \"../event-content-helpers/get-event-content\";\nimport {\n  getACPToolCallResult,\n  getObservationResult,\n  ObservationResultStatus,\n} from \"../event-content-helpers/get-observation-result\";\nimport {\n  isACPToolCallEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport {\n  SkillReadyEvent,\n  SkillReadyItem,\n  isSkillReadyEvent,\n} from \"../event-content-helpers/create-skill-ready-event\";\nimport { getInvokeSkillItems } from \"../event-content-helpers/get-invoke-skill-items\";\nimport { SkillReadyContentList } from \"./skill-ready-content-list\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport { isMarkdownFileEditorEvent } from \"#/components/features/chat/tool-visualizers/primitives/markdown-file-preview\";\n\ninterface GenericEventMessageWrapperProps {\n  event: OpenHandsEvent | SkillReadyEvent;\n  isLastMessage: boolean;\n  correspondingAction?: ActionEvent;\n}\n\n/**\n * Resolves the expandable skill-knowledge list shared by Skill Ready events and\n * invoke-skill tool observations. Returns the list items and their header\n * label, or null when the event carries no skill knowledge (so the caller keeps\n * the default details body). Additional skill-knowledge sources slot in as one\n * more branch here.\n */\nfunction getSkillKnowledge(\n  event: OpenHandsEvent | SkillReadyEvent,\n): { items: SkillReadyItem[]; titleKey: I18nKey } | null {\n  if (isSkillReadyEvent(event)) {\n    return event._skillReadyItems.length > 0\n      ? {\n          items: event._skillReadyItems,\n          titleKey: I18nKey.SKILLS$TRIGGERED_SKILL_KNOWLEDGE,\n        }\n      : null;\n  }\n  if (\n    isObservationEvent(event) &&\n    event.observation.kind === \"InvokeSkillObservation\"\n  ) {\n    const items = getInvokeSkillItems(\n      event as ObservationEvent<InvokeSkillObservation>,\n    );\n    return items.length > 0\n      ? { items, titleKey: I18nKey.SKILLS$INVOKED_SKILL_KNOWLEDGE }\n      : null;\n  }\n  return null;\n}\n\nexport function GenericEventMessageWrapper({\n  event,\n  correspondingAction,\n}: GenericEventMessageWrapperProps) {\n  const { title, details } = getEventContent(event, correspondingAction);\n\n  // TaskTrackerObservation has its own rendering\n  if (\n    !isSkillReadyEvent(event) &&\n    isObservationEvent(event) &&\n    event.observation.kind === \"TaskTrackerObservation\"\n  ) {\n    return <div>{details}</div>;\n  }\n\n  // Determine success status\n  let success: ObservationResultStatus | undefined;\n  if (isSkillReadyEvent(event)) {\n    success = \"success\";\n  } else if (isObservationEvent(event)) {\n    success = getObservationResult(event);\n  } else if (isACPToolCallEvent(event)) {\n    success = getACPToolCallResult(event);\n  }\n\n  // Skill Ready events and invoke-skill tool observations both render the\n  // expandable skill-knowledge list (with the skills icon); they differ only in\n  // the header label.\n  const skillKnowledge = getSkillKnowledge(event);\n  const bodyDetails = skillKnowledge ? (\n    <SkillReadyContentList\n      items={skillKnowledge.items}\n      titleKey={skillKnowledge.titleKey}\n    />\n  ) : (\n    details\n  );\n\n  // Markdown file-editor cards carry a clipped preview; expand them by\n  // default so the artifact is visible without an extra chevron click.\n  const initiallyExpanded =\n    !isSkillReadyEvent(event) &&\n    isMarkdownFileEditorEvent(event, correspondingAction);\n\n  return (\n    <div>\n      <GenericEventMessage\n        title={title}\n        details={bodyDetails}\n        success={success}\n        initiallyExpanded={initiallyExpanded}\n        timestamp={event.timestamp}\n        titleIcon={\n          skillKnowledge ? (\n            <SkillsIcon className=\"h-4 w-4 stroke-[var(--oh-muted)] flex-shrink-0 mr-2\" />\n          ) : undefined\n        }\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAyCA,SAAS,EACP,GACuD;CACvD,IAAI,EAAkB,CAAK,GACzB,OAAO,EAAM,iBAAiB,SAAS,IACnC;EACE,OAAO,EAAM;EACb,UAAU,EAAQ;CACpB,IACA;CAEN,IACE,EAAmB,CAAK,KACxB,EAAM,YAAY,SAAS,0BAC3B;EACA,IAAM,IAAQ,EACZ,CACF;EACA,OAAO,EAAM,SAAS,IAClB;GAAE;GAAO,UAAU,EAAQ;EAA+B,IAC1D;CACN;CACA,OAAO;AACT;AAEA,SAAgB,EAA2B,EACzC,UACA,0BACkC;CAClC,IAAM,EAAE,UAAO,eAAY,EAAgB,GAAO,CAAmB;CAGrE,IACE,CAAC,EAAkB,CAAK,KACxB,EAAmB,CAAK,KACxB,EAAM,YAAY,SAAS,0BAE3B,OAAO,kBAAC,OAAD,EAAA,UAAM,EAAa,CAAA;CAI5B,IAAI;CACJ,AAAI,EAAkB,CAAK,IACzB,IAAU,YACD,EAAmB,CAAK,IACjC,IAAU,EAAqB,CAAK,IAC3B,EAAmB,CAAK,MACjC,IAAU,EAAqB,CAAK;CAMtC,IAAM,IAAiB,EAAkB,CAAK,GACxC,IAAc,IAClB,kBAAC,GAAD;EACE,OAAO,EAAe;EACtB,UAAU,EAAe;CAC1B,CAAA,IAED,GAKI,IACJ,CAAC,EAAkB,CAAK,KACxB,EAA0B,GAAO,CAAmB;CAEtD,OACE,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;EACS;EACP,SAAS;EACA;EACU;EACnB,WAAW,EAAM;EACjB,WACE,IACE,kBAAC,GAAD,EAAY,WAAU,sDAAuD,CAAA,IAC3E,KAAA;CAEP,CAAA,EACE,CAAA;AAET"}