@openhands/agent-canvas 1.12.0 → 1.14.0

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

@@ -5,18 +5,19 @@ 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 { 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, jsxs as p } from "react/jsx-runtime";
+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";
 //#region src/components/conversation-events/chat/event-message-components/generic-event-message-wrapper.tsx
-function m(t) {
+function h(t) {
 	if (c(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 = u(t);
+		let n = d(t);
 		return n.length > 0 ? {
 			items: n,
 			titleKey: e.SKILLS$INVOKED_SKILL_KNOWLEDGE
@@ -24,24 +25,24 @@ function m(t) {
 	}
 	return null;
 }
-function h({ event: e, isLastMessage: u, correspondingAction: h }) {
-	let { title: g, details: _ } = l(e, h);
-	if (!c(e) && n(e) && e.observation.kind === "TaskTrackerObservation") return /* @__PURE__ */ f("div", { children: _ });
-	let v;
-	c(e) ? v = "success" : n(e) ? v = s(e) : t(e) && (v = o(e));
-	let y = m(e);
-	return /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(r, {
-		title: g,
-		details: y ? /* @__PURE__ */ f(d, {
-			items: y.items,
-			titleKey: y.titleKey
-		}) : _,
-		success: v,
-		initiallyExpanded: !1,
-		titleIcon: y ? /* @__PURE__ */ f(i, { className: "h-4 w-4 stroke-[var(--oh-muted)] flex-shrink-0 mr-2" }) : void 0
-	}), u && /* @__PURE__ */ f(a, {})] });
+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, {})] });
 }
 //#endregion
-export { h as GenericEventMessageWrapper };
+export { g 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\";\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  return (\n    <div>\n      <GenericEventMessage\n        title={title}\n        details={bodyDetails}\n        success={success}\n        initiallyExpanded={false}\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":";;;;;;;;;;;;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,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;CAU9C,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACS;EACP,SAbc,IAClB,kBAAC,GAAD;GACE,OAAO,EAAe;GACtB,UAAU,EAAe;EAC1B,CAAA,IAED;EAQa;EACT,mBAAmB;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 { 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"}

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

@@ -1,5 +1,4 @@
 export { UserAssistantEventMessage } from "./user-assistant-event-message";
-export { ObservationPairEventMessage } from "./observation-pair-event-message";
 export { ErrorEventMessage } from "./error-event-message";
 export { FinishEventMessage } from "./finish-event-message";
 export { GenericEventMessageWrapper } from "./generic-event-message-wrapper";

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

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../types/agent-server/type-guards.cjs"),t=require("./event-thought-helpers.cjs");var n=t=>{if(e.isActionEvent(t)){let{kind:e}=t.action;return!(e===`FinishAction`||e===`ThinkAction`)}return e.isObservationEvent(t)?!(e.isPlanningFileEditorObservationEvent(t)||t.observation.kind===`TaskTrackerObservation`):!1},r=(e,r=2,i=e)=>{if(r<1)throw Error(`minSize must be at least 1`);let a=[],o=new Set,s=null,c=()=>{s&&=(s.events.length>=r?a.push({kind:`group`,events:s.events,startIndex:s.startIndex}):s.events.forEach((e,t)=>{a.push({kind:`single`,event:e,index:s.startIndex+t})}),null)};return e.forEach((e,r)=>{if(n(e)){let n=t.getThoughtSourceAction(e,i);n&&!o.has(n.id)&&(c(),o.add(n.id),a.push({kind:`thought`,action:n,index:r})),s||={events:[],startIndex:r},s.events.push(e)}else c(),a.push({kind:`single`,event:e,index:r})}),c(),a};exports.groupEvents=r;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../types/agent-server/type-guards.cjs"),t=require("./event-thought-helpers.cjs"),n=require("../../features/chat/tool-visualizers/primitives/markdown-file-preview.cjs");var r=(t,r)=>{if(e.isActionEvent(t)){let{kind:e}=t.action;return!(e===`FinishAction`||e===`ThinkAction`||n.isMarkdownFileEditorEvent(t,r))}return e.isObservationEvent(t)?!(e.isPlanningFileEditorObservationEvent(t)||n.isMarkdownFileEditorEvent(t,r)||t.observation.kind===`TaskTrackerObservation`):!1},i=(n,i=2,a=n)=>{if(i<1)throw Error(`minSize must be at least 1`);let o=[],s=new Set,c=null,l=()=>{c&&=(c.events.length>=i?o.push({kind:`group`,events:c.events,startIndex:c.startIndex}):c.events.forEach((e,t)=>{o.push({kind:`single`,event:e,index:c.startIndex+t})}),null)};return n.forEach((n,i)=>{if(r(n,e.isObservationEvent(n)?a.find(t=>e.isActionEvent(t)&&t.id===n.action_id):void 0)){let e=t.getThoughtSourceAction(n,a);e&&!s.has(e.id)&&(l(),s.add(e.id),o.push({kind:`thought`,action:e,index:i})),c||={events:[],startIndex:i},c.events.push(n)}else l(),o.push({kind:`single`,event:n,index:i})}),l(),o};exports.groupEvents=i;
 //# sourceMappingURL=group-events.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"group-events.cjs","names":[],"sources":["../../../../src/components/conversation-events/chat/group-events.ts"],"sourcesContent":["import { ActionEvent, OpenHandsEvent } from \"#/types/agent-server/core\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n  isPlanningFileEditorObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { getThoughtSourceAction } from \"./event-thought-helpers\";\n\n/** Minimum run-length before consecutive actions get folded into a single\n *  collapsible group. Even pairs are folded so the chat scroll stays compact\n *  when the agent fires off back-to-back tool calls. */\nexport const EVENT_GROUP_MIN_SIZE = 2;\n\n/**\n * Returns true if the given event is one of the action / observation cards\n * that we want to fold into an `EventGroup` when several appear in a row.\n *\n * Events that have their own dedicated rendering (FinishAction, ThinkAction,\n * HookExecution, AgentError, MessageEvent, PlanPreview, TaskTracker) are\n * treated as group breakers.\n */\nexport const isGroupableEvent = (event: OpenHandsEvent): boolean => {\n  if (isActionEvent(event)) {\n    const { kind } = event.action;\n    if (kind === \"FinishAction\" || kind === \"ThinkAction\") {\n      return false;\n    }\n    return true;\n  }\n\n  if (isObservationEvent(event)) {\n    if (isPlanningFileEditorObservationEvent(event)) {\n      return false;\n    }\n    if (event.observation.kind === \"TaskTrackerObservation\") {\n      return false;\n    }\n    return true;\n  }\n\n  return false;\n};\n\nexport type RenderedItem =\n  | { kind: \"single\"; event: OpenHandsEvent; index: number }\n  | { kind: \"thought\"; action: ActionEvent; index: number }\n  | { kind: \"group\"; events: OpenHandsEvent[]; startIndex: number };\n\n/**\n * Walk a list of UI events and bucket consecutive groupable events into\n * `group` items. Anything that breaks the run, or runs shorter than\n * `EVENT_GROUP_MIN_SIZE`, is emitted as `single` items so they keep rendering\n * the way they always have.\n *\n * Whenever a groupable event carries an agent thought (either an\n * `ActionEvent.thought` or the corresponding action of an\n * `ObservationEvent`), the thought is hoisted out as its own `thought`\n * `RenderedItem`, the current run is flushed, and a new run is started with\n * the event itself. This keeps reasoning text in the main message stream\n * instead of buried inside a collapsed action group.\n *\n * `allEvents` should be the full event history so observations can find\n * their matching action; if omitted, it defaults to `events`.\n */\nexport const groupEvents = (\n  events: OpenHandsEvent[],\n  minSize: number = EVENT_GROUP_MIN_SIZE,\n  allEvents: OpenHandsEvent[] = events,\n): RenderedItem[] => {\n  if (minSize < 1) {\n    throw new Error(\"minSize must be at least 1\");\n  }\n\n  const items: RenderedItem[] = [];\n  const emittedThoughtActionIds = new Set<string>();\n  let run: { events: OpenHandsEvent[]; startIndex: number } | null = null;\n\n  const flushRun = () => {\n    if (!run) return;\n    if (run.events.length >= minSize) {\n      items.push({\n        kind: \"group\",\n        events: run.events,\n        startIndex: run.startIndex,\n      });\n    } else {\n      run.events.forEach((event, offset) => {\n        items.push({ kind: \"single\", event, index: run!.startIndex + offset });\n      });\n    }\n    run = null;\n  };\n\n  events.forEach((event, index) => {\n    if (isGroupableEvent(event)) {\n      const thoughtAction = getThoughtSourceAction(event, allEvents);\n      if (thoughtAction && !emittedThoughtActionIds.has(thoughtAction.id)) {\n        flushRun();\n        emittedThoughtActionIds.add(thoughtAction.id);\n        items.push({ kind: \"thought\", action: thoughtAction, index });\n      }\n      if (!run) run = { events: [], startIndex: index };\n      run.events.push(event);\n    } else {\n      flushRun();\n      items.push({ kind: \"single\", event, index });\n    }\n  });\n\n  flushRun();\n  return items;\n};\n"],"mappings":"2JAqBA,IAAa,EAAoB,GAAmC,CAClE,GAAI,EAAA,cAAc,CAAK,EAAG,CACxB,GAAM,CAAE,QAAS,EAAM,OAIvB,MAHA,EAAI,IAAS,gBAAkB,IAAS,cAI1C,CAYA,OAVI,EAAA,mBAAmB,CAAK,EAI1B,EAHI,EAAA,qCAAqC,CAAK,GAG1C,EAAM,YAAY,OAAS,0BAM1B,EACT,EAuBa,GACX,EACA,EAAA,EACA,EAA8B,IACX,CACnB,GAAI,EAAU,EACZ,MAAU,MAAM,4BAA4B,EAG9C,IAAM,EAAwB,CAAC,EACzB,EAA0B,IAAI,IAChC,EAA+D,KAE7D,MAAiB,CAChB,AAYL,KAXI,EAAI,OAAO,QAAU,EACvB,EAAM,KAAK,CACT,KAAM,QACN,OAAQ,EAAI,OACZ,WAAY,EAAI,UAClB,CAAC,EAED,EAAI,OAAO,SAAS,EAAO,IAAW,CACpC,EAAM,KAAK,CAAE,KAAM,SAAU,QAAO,MAAO,EAAK,WAAa,CAAO,CAAC,CACvE,CAAC,EAEG,KACR,EAmBA,OAjBA,EAAO,SAAS,EAAO,IAAU,CAC/B,GAAI,EAAiB,CAAK,EAAG,CAC3B,IAAM,EAAgB,EAAA,uBAAuB,EAAO,CAAS,EACzD,GAAiB,CAAC,EAAwB,IAAI,EAAc,EAAE,IAChE,EAAS,EACT,EAAwB,IAAI,EAAc,EAAE,EAC5C,EAAM,KAAK,CAAE,KAAM,UAAW,OAAQ,EAAe,OAAM,CAAC,GAE9D,AAAU,IAAM,CAAE,OAAQ,CAAC,EAAG,WAAY,CAAM,EAChD,EAAI,OAAO,KAAK,CAAK,CACvB,MACE,EAAS,EACT,EAAM,KAAK,CAAE,KAAM,SAAU,QAAO,OAAM,CAAC,CAE/C,CAAC,EAED,EAAS,EACF,CACT"}
+{"version":3,"file":"group-events.cjs","names":[],"sources":["../../../../src/components/conversation-events/chat/group-events.ts"],"sourcesContent":["import { ActionEvent, OpenHandsEvent } from \"#/types/agent-server/core\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n  isPlanningFileEditorObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { isMarkdownFileEditorEvent } from \"#/components/features/chat/tool-visualizers/primitives/markdown-file-preview\";\nimport { getThoughtSourceAction } from \"./event-thought-helpers\";\n\n/** Minimum run-length before consecutive actions get folded into a single\n *  collapsible group. Even pairs are folded so the chat scroll stays compact\n *  when the agent fires off back-to-back tool calls. */\nexport const EVENT_GROUP_MIN_SIZE = 2;\n\n/**\n * Returns true if the given event is one of the action / observation cards\n * that we want to fold into an `EventGroup` when several appear in a row.\n *\n * Events that have their own dedicated rendering (FinishAction, ThinkAction,\n * HookExecution, AgentError, MessageEvent, PlanPreview, markdown file\n * artifacts, TaskTracker) are treated as group breakers.\n */\nexport const isGroupableEvent = (\n  event: OpenHandsEvent,\n  correspondingAction?: ActionEvent,\n): boolean => {\n  if (isActionEvent(event)) {\n    const { kind } = event.action;\n    if (kind === \"FinishAction\" || kind === \"ThinkAction\") {\n      return false;\n    }\n    // Keep markdown *create* artifact cards outside collapsed groups so their\n    // clipped preview is visible without expanding a parent summary.\n    if (isMarkdownFileEditorEvent(event, correspondingAction)) {\n      return false;\n    }\n    return true;\n  }\n\n  if (isObservationEvent(event)) {\n    if (isPlanningFileEditorObservationEvent(event)) {\n      return false;\n    }\n    if (isMarkdownFileEditorEvent(event, correspondingAction)) {\n      return false;\n    }\n    if (event.observation.kind === \"TaskTrackerObservation\") {\n      return false;\n    }\n    return true;\n  }\n\n  return false;\n};\n\nexport type RenderedItem =\n  | { kind: \"single\"; event: OpenHandsEvent; index: number }\n  | { kind: \"thought\"; action: ActionEvent; index: number }\n  | { kind: \"group\"; events: OpenHandsEvent[]; startIndex: number };\n\n/**\n * Walk a list of UI events and bucket consecutive groupable events into\n * `group` items. Anything that breaks the run, or runs shorter than\n * `EVENT_GROUP_MIN_SIZE`, is emitted as `single` items so they keep rendering\n * the way they always have.\n *\n * Whenever a groupable event carries an agent thought (either an\n * `ActionEvent.thought` or the corresponding action of an\n * `ObservationEvent`), the thought is hoisted out as its own `thought`\n * `RenderedItem`, the current run is flushed, and a new run is started with\n * the event itself. This keeps reasoning text in the main message stream\n * instead of buried inside a collapsed action group.\n *\n * `allEvents` should be the full event history so observations can find\n * their matching action; if omitted, it defaults to `events`.\n */\nexport const groupEvents = (\n  events: OpenHandsEvent[],\n  minSize: number = EVENT_GROUP_MIN_SIZE,\n  allEvents: OpenHandsEvent[] = events,\n): RenderedItem[] => {\n  if (minSize < 1) {\n    throw new Error(\"minSize must be at least 1\");\n  }\n\n  const items: RenderedItem[] = [];\n  const emittedThoughtActionIds = new Set<string>();\n  let run: { events: OpenHandsEvent[]; startIndex: number } | null = null;\n\n  const flushRun = () => {\n    if (!run) return;\n    if (run.events.length >= minSize) {\n      items.push({\n        kind: \"group\",\n        events: run.events,\n        startIndex: run.startIndex,\n      });\n    } else {\n      run.events.forEach((event, offset) => {\n        items.push({ kind: \"single\", event, index: run!.startIndex + offset });\n      });\n    }\n    run = null;\n  };\n\n  events.forEach((event, index) => {\n    const correspondingAction = isObservationEvent(event)\n      ? allEvents.find(\n          (candidate): candidate is ActionEvent =>\n            isActionEvent(candidate) && candidate.id === event.action_id,\n        )\n      : undefined;\n    if (isGroupableEvent(event, correspondingAction)) {\n      const thoughtAction = getThoughtSourceAction(event, allEvents);\n      if (thoughtAction && !emittedThoughtActionIds.has(thoughtAction.id)) {\n        flushRun();\n        emittedThoughtActionIds.add(thoughtAction.id);\n        items.push({ kind: \"thought\", action: thoughtAction, index });\n      }\n      if (!run) run = { events: [], startIndex: index };\n      run.events.push(event);\n    } else {\n      flushRun();\n      items.push({ kind: \"single\", event, index });\n    }\n  });\n\n  flushRun();\n  return items;\n};\n"],"mappings":"kPAsBA,IAAa,GACX,EACA,IACY,CACZ,GAAI,EAAA,cAAc,CAAK,EAAG,CACxB,GAAM,CAAE,QAAS,EAAM,OASvB,MAHA,EALI,IAAS,gBAAkB,IAAS,eAKpC,EAAA,0BAA0B,EAAO,CAAmB,EAI1D,CAeA,OAbI,EAAA,mBAAmB,CAAK,EAO1B,EANI,EAAA,qCAAqC,CAAK,GAG1C,EAAA,0BAA0B,EAAO,CAAmB,GAGpD,EAAM,YAAY,OAAS,0BAM1B,EACT,EAuBa,GACX,EACA,EAAA,EACA,EAA8B,IACX,CACnB,GAAI,EAAU,EACZ,MAAU,MAAM,4BAA4B,EAG9C,IAAM,EAAwB,CAAC,EACzB,EAA0B,IAAI,IAChC,EAA+D,KAE7D,MAAiB,CAChB,AAYL,KAXI,EAAI,OAAO,QAAU,EACvB,EAAM,KAAK,CACT,KAAM,QACN,OAAQ,EAAI,OACZ,WAAY,EAAI,UAClB,CAAC,EAED,EAAI,OAAO,SAAS,EAAO,IAAW,CACpC,EAAM,KAAK,CAAE,KAAM,SAAU,QAAO,MAAO,EAAK,WAAa,CAAO,CAAC,CACvE,CAAC,EAEG,KACR,EAyBA,OAvBA,EAAO,SAAS,EAAO,IAAU,CAO/B,GAAI,EAAiB,EANO,EAAA,mBAAmB,CAAK,EAChD,EAAU,KACP,GACC,EAAA,cAAc,CAAS,GAAK,EAAU,KAAO,EAAM,SACvD,EACA,IAAA,EAC2C,EAAG,CAChD,IAAM,EAAgB,EAAA,uBAAuB,EAAO,CAAS,EACzD,GAAiB,CAAC,EAAwB,IAAI,EAAc,EAAE,IAChE,EAAS,EACT,EAAwB,IAAI,EAAc,EAAE,EAC5C,EAAM,KAAK,CAAE,KAAM,UAAW,OAAQ,EAAe,OAAM,CAAC,GAE9D,AAAU,IAAM,CAAE,OAAQ,CAAC,EAAG,WAAY,CAAM,EAChD,EAAI,OAAO,KAAK,CAAK,CACvB,MACE,EAAS,EACT,EAAM,KAAK,CAAE,KAAM,SAAU,QAAO,OAAM,CAAC,CAE/C,CAAC,EAED,EAAS,EACF,CACT"}

package/dist/components/conversation-events/chat/group-events.d.ts

@@ -8,10 +8,10 @@ export declare const EVENT_GROUP_MIN_SIZE = 2;
  * that we want to fold into an `EventGroup` when several appear in a row.
  *
  * Events that have their own dedicated rendering (FinishAction, ThinkAction,
- * HookExecution, AgentError, MessageEvent, PlanPreview, TaskTracker) are
- * treated as group breakers.
+ * HookExecution, AgentError, MessageEvent, PlanPreview, markdown file
+ * artifacts, TaskTracker) are treated as group breakers.
  */
-export declare const isGroupableEvent: (event: OpenHandsEvent) => boolean;
+export declare const isGroupableEvent: (event: OpenHandsEvent, correspondingAction?: ActionEvent) => boolean;
 export type RenderedItem = {
     kind: "single";
     event: OpenHandsEvent;

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

@@ -1,45 +1,46 @@
 import { isActionEvent as e, isObservationEvent as t, isPlanningFileEditorObservationEvent as n } from "../../../types/agent-server/type-guards.js";
 import { getThoughtSourceAction as r } from "./event-thought-helpers.js";
-var i = (r) => {
+import { isMarkdownFileEditorEvent as i } from "../../features/chat/tool-visualizers/primitives/markdown-file-preview.js";
+var a = (r, a) => {
 	if (e(r)) {
 		let { kind: e } = r.action;
-		return !(e === "FinishAction" || e === "ThinkAction");
+		return !(e === "FinishAction" || e === "ThinkAction" || i(r, a));
 	}
-	return t(r) ? !(n(r) || r.observation.kind === "TaskTrackerObservation") : !1;
-}, a = (e, t = 2, n = e) => {
-	if (t < 1) throw Error("minSize must be at least 1");
-	let a = [], o = /* @__PURE__ */ new Set(), s = null, c = () => {
-		s &&= (s.events.length >= t ? a.push({
+	return t(r) ? !(n(r) || i(r, a) || r.observation.kind === "TaskTrackerObservation") : !1;
+}, o = (n, i = 2, o = n) => {
+	if (i < 1) throw Error("minSize must be at least 1");
+	let s = [], c = /* @__PURE__ */ new Set(), l = null, u = () => {
+		l &&= (l.events.length >= i ? s.push({
 			kind: "group",
-			events: s.events,
-			startIndex: s.startIndex
-		}) : s.events.forEach((e, t) => {
-			a.push({
+			events: l.events,
+			startIndex: l.startIndex
+		}) : l.events.forEach((e, t) => {
+			s.push({
 				kind: "single",
 				event: e,
-				index: s.startIndex + t
+				index: l.startIndex + t
 			});
 		}), null);
 	};
-	return e.forEach((e, t) => {
-		if (i(e)) {
-			let i = r(e, n);
-			i && !o.has(i.id) && (c(), o.add(i.id), a.push({
+	return n.forEach((n, i) => {
+		if (a(n, t(n) ? o.find((t) => e(t) && t.id === n.action_id) : void 0)) {
+			let e = r(n, o);
+			e && !c.has(e.id) && (u(), c.add(e.id), s.push({
 				kind: "thought",
-				action: i,
-				index: t
-			})), s ||= {
+				action: e,
+				index: i
+			})), l ||= {
 				events: [],
-				startIndex: t
-			}, s.events.push(e);
-		} else c(), a.push({
+				startIndex: i
+			}, l.events.push(n);
+		} else u(), s.push({
 			kind: "single",
-			event: e,
-			index: t
+			event: n,
+			index: i
 		});
-	}), c(), a;
+	}), u(), s;
 };
 //#endregion
-export { a as groupEvents };
+export { o as groupEvents };
 
 //# sourceMappingURL=group-events.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"group-events.js","names":[],"sources":["../../../../src/components/conversation-events/chat/group-events.ts"],"sourcesContent":["import { ActionEvent, OpenHandsEvent } from \"#/types/agent-server/core\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n  isPlanningFileEditorObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { getThoughtSourceAction } from \"./event-thought-helpers\";\n\n/** Minimum run-length before consecutive actions get folded into a single\n *  collapsible group. Even pairs are folded so the chat scroll stays compact\n *  when the agent fires off back-to-back tool calls. */\nexport const EVENT_GROUP_MIN_SIZE = 2;\n\n/**\n * Returns true if the given event is one of the action / observation cards\n * that we want to fold into an `EventGroup` when several appear in a row.\n *\n * Events that have their own dedicated rendering (FinishAction, ThinkAction,\n * HookExecution, AgentError, MessageEvent, PlanPreview, TaskTracker) are\n * treated as group breakers.\n */\nexport const isGroupableEvent = (event: OpenHandsEvent): boolean => {\n  if (isActionEvent(event)) {\n    const { kind } = event.action;\n    if (kind === \"FinishAction\" || kind === \"ThinkAction\") {\n      return false;\n    }\n    return true;\n  }\n\n  if (isObservationEvent(event)) {\n    if (isPlanningFileEditorObservationEvent(event)) {\n      return false;\n    }\n    if (event.observation.kind === \"TaskTrackerObservation\") {\n      return false;\n    }\n    return true;\n  }\n\n  return false;\n};\n\nexport type RenderedItem =\n  | { kind: \"single\"; event: OpenHandsEvent; index: number }\n  | { kind: \"thought\"; action: ActionEvent; index: number }\n  | { kind: \"group\"; events: OpenHandsEvent[]; startIndex: number };\n\n/**\n * Walk a list of UI events and bucket consecutive groupable events into\n * `group` items. Anything that breaks the run, or runs shorter than\n * `EVENT_GROUP_MIN_SIZE`, is emitted as `single` items so they keep rendering\n * the way they always have.\n *\n * Whenever a groupable event carries an agent thought (either an\n * `ActionEvent.thought` or the corresponding action of an\n * `ObservationEvent`), the thought is hoisted out as its own `thought`\n * `RenderedItem`, the current run is flushed, and a new run is started with\n * the event itself. This keeps reasoning text in the main message stream\n * instead of buried inside a collapsed action group.\n *\n * `allEvents` should be the full event history so observations can find\n * their matching action; if omitted, it defaults to `events`.\n */\nexport const groupEvents = (\n  events: OpenHandsEvent[],\n  minSize: number = EVENT_GROUP_MIN_SIZE,\n  allEvents: OpenHandsEvent[] = events,\n): RenderedItem[] => {\n  if (minSize < 1) {\n    throw new Error(\"minSize must be at least 1\");\n  }\n\n  const items: RenderedItem[] = [];\n  const emittedThoughtActionIds = new Set<string>();\n  let run: { events: OpenHandsEvent[]; startIndex: number } | null = null;\n\n  const flushRun = () => {\n    if (!run) return;\n    if (run.events.length >= minSize) {\n      items.push({\n        kind: \"group\",\n        events: run.events,\n        startIndex: run.startIndex,\n      });\n    } else {\n      run.events.forEach((event, offset) => {\n        items.push({ kind: \"single\", event, index: run!.startIndex + offset });\n      });\n    }\n    run = null;\n  };\n\n  events.forEach((event, index) => {\n    if (isGroupableEvent(event)) {\n      const thoughtAction = getThoughtSourceAction(event, allEvents);\n      if (thoughtAction && !emittedThoughtActionIds.has(thoughtAction.id)) {\n        flushRun();\n        emittedThoughtActionIds.add(thoughtAction.id);\n        items.push({ kind: \"thought\", action: thoughtAction, index });\n      }\n      if (!run) run = { events: [], startIndex: index };\n      run.events.push(event);\n    } else {\n      flushRun();\n      items.push({ kind: \"single\", event, index });\n    }\n  });\n\n  flushRun();\n  return items;\n};\n"],"mappings":";;AAqBA,IAAa,KAAoB,MAAmC;CAClE,IAAI,EAAc,CAAK,GAAG;EACxB,IAAM,EAAE,YAAS,EAAM;EAIvB,OAHA,EAAI,MAAS,kBAAkB,MAAS;CAI1C;CAYA,OAVI,EAAmB,CAAK,IAI1B,EAHI,EAAqC,CAAK,KAG1C,EAAM,YAAY,SAAS,4BAM1B;AACT,GAuBa,KACX,GACA,IAAA,GACA,IAA8B,MACX;CACnB,IAAI,IAAU,GACZ,MAAU,MAAM,4BAA4B;CAG9C,IAAM,IAAwB,CAAC,GACzB,oBAA0B,IAAI,IAAY,GAC5C,IAA+D,MAE7D,UAAiB;EAChB,AAYL,OAXI,EAAI,OAAO,UAAU,IACvB,EAAM,KAAK;GACT,MAAM;GACN,QAAQ,EAAI;GACZ,YAAY,EAAI;EAClB,CAAC,IAED,EAAI,OAAO,SAAS,GAAO,MAAW;GACpC,EAAM,KAAK;IAAE,MAAM;IAAU;IAAO,OAAO,EAAK,aAAa;GAAO,CAAC;EACvE,CAAC,GAEG;CACR;CAmBA,OAjBA,EAAO,SAAS,GAAO,MAAU;EAC/B,IAAI,EAAiB,CAAK,GAAG;GAC3B,IAAM,IAAgB,EAAuB,GAAO,CAAS;GAO7D,AANI,KAAiB,CAAC,EAAwB,IAAI,EAAc,EAAE,MAChE,EAAS,GACT,EAAwB,IAAI,EAAc,EAAE,GAC5C,EAAM,KAAK;IAAE,MAAM;IAAW,QAAQ;IAAe;GAAM,CAAC,IAE9D,AAAU,MAAM;IAAE,QAAQ,CAAC;IAAG,YAAY;GAAM,GAChD,EAAI,OAAO,KAAK,CAAK;EACvB,OAEE,AADA,EAAS,GACT,EAAM,KAAK;GAAE,MAAM;GAAU;GAAO;EAAM,CAAC;CAE/C,CAAC,GAED,EAAS,GACF;AACT"}
+{"version":3,"file":"group-events.js","names":[],"sources":["../../../../src/components/conversation-events/chat/group-events.ts"],"sourcesContent":["import { ActionEvent, OpenHandsEvent } from \"#/types/agent-server/core\";\nimport {\n  isActionEvent,\n  isObservationEvent,\n  isPlanningFileEditorObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport { isMarkdownFileEditorEvent } from \"#/components/features/chat/tool-visualizers/primitives/markdown-file-preview\";\nimport { getThoughtSourceAction } from \"./event-thought-helpers\";\n\n/** Minimum run-length before consecutive actions get folded into a single\n *  collapsible group. Even pairs are folded so the chat scroll stays compact\n *  when the agent fires off back-to-back tool calls. */\nexport const EVENT_GROUP_MIN_SIZE = 2;\n\n/**\n * Returns true if the given event is one of the action / observation cards\n * that we want to fold into an `EventGroup` when several appear in a row.\n *\n * Events that have their own dedicated rendering (FinishAction, ThinkAction,\n * HookExecution, AgentError, MessageEvent, PlanPreview, markdown file\n * artifacts, TaskTracker) are treated as group breakers.\n */\nexport const isGroupableEvent = (\n  event: OpenHandsEvent,\n  correspondingAction?: ActionEvent,\n): boolean => {\n  if (isActionEvent(event)) {\n    const { kind } = event.action;\n    if (kind === \"FinishAction\" || kind === \"ThinkAction\") {\n      return false;\n    }\n    // Keep markdown *create* artifact cards outside collapsed groups so their\n    // clipped preview is visible without expanding a parent summary.\n    if (isMarkdownFileEditorEvent(event, correspondingAction)) {\n      return false;\n    }\n    return true;\n  }\n\n  if (isObservationEvent(event)) {\n    if (isPlanningFileEditorObservationEvent(event)) {\n      return false;\n    }\n    if (isMarkdownFileEditorEvent(event, correspondingAction)) {\n      return false;\n    }\n    if (event.observation.kind === \"TaskTrackerObservation\") {\n      return false;\n    }\n    return true;\n  }\n\n  return false;\n};\n\nexport type RenderedItem =\n  | { kind: \"single\"; event: OpenHandsEvent; index: number }\n  | { kind: \"thought\"; action: ActionEvent; index: number }\n  | { kind: \"group\"; events: OpenHandsEvent[]; startIndex: number };\n\n/**\n * Walk a list of UI events and bucket consecutive groupable events into\n * `group` items. Anything that breaks the run, or runs shorter than\n * `EVENT_GROUP_MIN_SIZE`, is emitted as `single` items so they keep rendering\n * the way they always have.\n *\n * Whenever a groupable event carries an agent thought (either an\n * `ActionEvent.thought` or the corresponding action of an\n * `ObservationEvent`), the thought is hoisted out as its own `thought`\n * `RenderedItem`, the current run is flushed, and a new run is started with\n * the event itself. This keeps reasoning text in the main message stream\n * instead of buried inside a collapsed action group.\n *\n * `allEvents` should be the full event history so observations can find\n * their matching action; if omitted, it defaults to `events`.\n */\nexport const groupEvents = (\n  events: OpenHandsEvent[],\n  minSize: number = EVENT_GROUP_MIN_SIZE,\n  allEvents: OpenHandsEvent[] = events,\n): RenderedItem[] => {\n  if (minSize < 1) {\n    throw new Error(\"minSize must be at least 1\");\n  }\n\n  const items: RenderedItem[] = [];\n  const emittedThoughtActionIds = new Set<string>();\n  let run: { events: OpenHandsEvent[]; startIndex: number } | null = null;\n\n  const flushRun = () => {\n    if (!run) return;\n    if (run.events.length >= minSize) {\n      items.push({\n        kind: \"group\",\n        events: run.events,\n        startIndex: run.startIndex,\n      });\n    } else {\n      run.events.forEach((event, offset) => {\n        items.push({ kind: \"single\", event, index: run!.startIndex + offset });\n      });\n    }\n    run = null;\n  };\n\n  events.forEach((event, index) => {\n    const correspondingAction = isObservationEvent(event)\n      ? allEvents.find(\n          (candidate): candidate is ActionEvent =>\n            isActionEvent(candidate) && candidate.id === event.action_id,\n        )\n      : undefined;\n    if (isGroupableEvent(event, correspondingAction)) {\n      const thoughtAction = getThoughtSourceAction(event, allEvents);\n      if (thoughtAction && !emittedThoughtActionIds.has(thoughtAction.id)) {\n        flushRun();\n        emittedThoughtActionIds.add(thoughtAction.id);\n        items.push({ kind: \"thought\", action: thoughtAction, index });\n      }\n      if (!run) run = { events: [], startIndex: index };\n      run.events.push(event);\n    } else {\n      flushRun();\n      items.push({ kind: \"single\", event, index });\n    }\n  });\n\n  flushRun();\n  return items;\n};\n"],"mappings":";;;AAsBA,IAAa,KACX,GACA,MACY;CACZ,IAAI,EAAc,CAAK,GAAG;EACxB,IAAM,EAAE,YAAS,EAAM;EASvB,OAHA,EALI,MAAS,kBAAkB,MAAS,iBAKpC,EAA0B,GAAO,CAAmB;CAI1D;CAeA,OAbI,EAAmB,CAAK,IAO1B,EANI,EAAqC,CAAK,KAG1C,EAA0B,GAAO,CAAmB,KAGpD,EAAM,YAAY,SAAS,4BAM1B;AACT,GAuBa,KACX,GACA,IAAA,GACA,IAA8B,MACX;CACnB,IAAI,IAAU,GACZ,MAAU,MAAM,4BAA4B;CAG9C,IAAM,IAAwB,CAAC,GACzB,oBAA0B,IAAI,IAAY,GAC5C,IAA+D,MAE7D,UAAiB;EAChB,AAYL,OAXI,EAAI,OAAO,UAAU,IACvB,EAAM,KAAK;GACT,MAAM;GACN,QAAQ,EAAI;GACZ,YAAY,EAAI;EAClB,CAAC,IAED,EAAI,OAAO,SAAS,GAAO,MAAW;GACpC,EAAM,KAAK;IAAE,MAAM;IAAU;IAAO,OAAO,EAAK,aAAa;GAAO,CAAC;EACvE,CAAC,GAEG;CACR;CAyBA,OAvBA,EAAO,SAAS,GAAO,MAAU;EAO/B,IAAI,EAAiB,GANO,EAAmB,CAAK,IAChD,EAAU,MACP,MACC,EAAc,CAAS,KAAK,EAAU,OAAO,EAAM,SACvD,IACA,KAAA,CAC2C,GAAG;GAChD,IAAM,IAAgB,EAAuB,GAAO,CAAS;GAO7D,AANI,KAAiB,CAAC,EAAwB,IAAI,EAAc,EAAE,MAChE,EAAS,GACT,EAAwB,IAAI,EAAc,EAAE,GAC5C,EAAM,KAAK;IAAE,MAAM;IAAW,QAAQ;IAAe;GAAM,CAAC,IAE9D,AAAU,MAAM;IAAE,QAAQ,CAAC;IAAG,YAAY;GAAM,GAChD,EAAI,OAAO,KAAK,CAAK;EACvB,OAEE,AADA,EAAS,GACT,EAAM,KAAK;GAAE,MAAM;GAAU;GAAO;EAAM,CAAC;CAE/C,CAAC,GAED,EAAS,GACF;AACT"}

package/dist/components/features/automations/git-sync/git-sync-activity-row.d.ts

@@ -0,0 +1,15 @@
+export type GitSyncActivityState = "idle" | "running" | "succeeded" | "failed";
+interface GitSyncActivityRowProps {
+    state: GitSyncActivityState;
+    /** When the running cycle started, for the elapsed-time hint. */
+    startedAt: string | null;
+    /** Automations still waiting to be pushed, shown while a cycle runs. */
+    pendingCount: number;
+}
+/**
+ * The page's own account of the sync cycle, in place of the fire-and-forget
+ * success toast: the trigger returns as soon as the cycle is scheduled, so a
+ * toast said "started" and then never came back with an outcome.
+ */
+export declare function GitSyncActivityRow({ state, startedAt, pendingCount, }: GitSyncActivityRowProps): import("react").JSX.Element | null;
+export {};

package/dist/components/features/automations/git-sync/git-sync-config-form.d.ts

@@ -0,0 +1,13 @@
+import type { GitSyncStatus } from "#/types/git-sync";
+interface GitSyncConfigFormProps {
+    status: GitSyncStatus;
+    canManage: boolean;
+    /**
+     * Runs a sync cycle. The same handler the overview's Sync now button uses,
+     * so a save-and-sync is followed by the one activity row rather than
+     * starting a cycle nothing on the page is watching.
+     */
+    onSyncNow: () => void;
+}
+export declare function GitSyncConfigForm({ status, canManage, onSyncNow, }: GitSyncConfigFormProps): import("react").JSX.Element;
+export {};

package/dist/components/features/automations/git-sync/git-sync-error-banner.d.ts

@@ -0,0 +1,6 @@
+interface GitSyncErrorBannerProps {
+    error: string;
+    errorAt: string | null;
+}
+export declare function GitSyncErrorBanner({ error, errorAt, }: GitSyncErrorBannerProps): import("react").JSX.Element;
+export {};

package/dist/components/features/automations/git-sync/git-sync-not-local-state.d.ts

@@ -0,0 +1 @@
+export declare function GitSyncNotLocalState(): import("react").JSX.Element;

package/dist/components/features/automations/git-sync/git-sync-overview-section.d.ts

@@ -0,0 +1,12 @@
+import type { GitSyncStatus } from "#/types/git-sync";
+import { type GitSyncActivityState } from "./git-sync-activity-row";
+interface GitSyncOverviewSectionProps {
+    status: GitSyncStatus;
+    onSyncNow: () => void;
+    isSyncing: boolean;
+    syncActivity: GitSyncActivityState;
+    syncStartedAt: string | null;
+    canManage: boolean;
+}
+export declare function GitSyncOverviewSection({ status, onSyncNow, isSyncing, syncActivity, syncStartedAt, canManage, }: GitSyncOverviewSectionProps): import("react").JSX.Element;
+export {};

package/dist/components/features/automations/git-sync/git-sync-skeleton.d.ts

@@ -0,0 +1 @@
+export declare function GitSyncSkeleton(): import("react").JSX.Element;

package/dist/components/features/automations/git-sync/git-sync-status-pill.d.ts

@@ -0,0 +1,7 @@
+interface GitSyncStatusPillProps {
+    tone: "success" | "neutral" | "warning";
+    label: string;
+    testId?: string;
+}
+export declare function GitSyncStatusPill({ tone, label, testId, }: GitSyncStatusPillProps): import("react").JSX.Element;
+export {};

package/dist/components/features/automations/git-sync/git-sync-unsupported-state.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Shown when the automation backend answers the git-sync endpoints with 404:
+ * it predates the API. Without this the page settles on the generic "something
+ * went wrong" panel, which reads as a broken install rather than an old
+ * backend.
+ */
+export declare function GitSyncUnsupportedState(): import("react").JSX.Element;

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

@@ -1,4 +1,5 @@
 import { type RecommendedAutomation } from "@openhands/extensions/automations";
+import { type IntegrationCatalogEntry as MarketplaceEntry } from "@openhands/extensions/integrations";
 import { MCPServerConfig } from "#/types/mcp-server";
 interface RecommendedAutomationsSectionProps {
     backendKind: "local" | "cloud";
@@ -9,5 +10,11 @@ interface RecommendedAutomationsSectionProps {
     scrollableGrid?: boolean;
 }
 export declare function getAutomationsByPopularity(catalog: RecommendedAutomation[]): RecommendedAutomation[];
+export interface AutomationIntegration {
+    id: string;
+    entry?: MarketplaceEntry;
+    /** False when this backend has no MCP install flow for the entry. */
+    mcpInstallable: boolean;
+}
 export declare function RecommendedAutomationsSection({ backendKind: _backendKind, installedServers, query, onSelect, scrollableGrid, }: RecommendedAutomationsSectionProps): import("react").JSX.Element | null;
 export {};

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

@@ -1,10 +1,11 @@
 interface ResponderDeploymentModalProps {
     isOpen: boolean;
+    isPending: boolean;
     onClose: () => void;
     /** Fired for the "Continue with local setup" action. */
     onContinueLocal: () => void;
     /** Fired for an external-URL action (e.g. OpenHands Cloud integrations). */
     onOpenUrl: (url: string) => void;
 }
-export declare function ResponderDeploymentModal({ isOpen, onClose, onContinueLocal, onOpenUrl, }: ResponderDeploymentModalProps): import("react").JSX.Element | null;
+export declare function ResponderDeploymentModal({ isOpen, isPending, onClose, onContinueLocal, onOpenUrl, }: ResponderDeploymentModalProps): import("react").JSX.Element | null;
 export {};

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

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