npm - @openhands/agent-canvas - Versions diffs - 1.10.0 → 1.11.0 - Mend

@openhands/agent-canvas 1.10.0 → 1.11.0

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

Files changed (500) hide show

package/dist/components/conversation-events/chat/event-content-helpers/should-render-event.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"should-render-event.cjs","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-content-helpers/should-render-event.ts"],"sourcesContent":["import { MessageEvent, OpenHandsEvent } from \"#/types/agent-server/core\";\nimport {\n isActionEvent,\n isObservationEvent,\n isMessageEvent,\n isAgentErrorEvent,\n isConversationStateUpdateEvent,\n isGoalConversationStateUpdateEvent,\n isHookExecutionEvent,\n isACPToolCallEvent,\n isStreamingDeltaEvent,\n} from \"#/types/agent-server/type-guards\";\n\n// Prefixes of the SDK goal-loop re-prompts (FOLLOWUP_PROMPT / RESUME_PROMPT in\n// openhands.sdk .../conversation/goal/prompts.py). The goal loop injects these\n// as `user` messages each round to steer the agent, and FOLLOWUP_PROMPT embeds\n// the judge's verdict — which the goal banner already surfaces. The persisted\n// event carries no marker distinguishing them from real user input, so we match\n// the prompt text to keep this machinery out of the chat. Brittle by design;\n// keep in sync with the SDK prompts (the durable fix is a persisted goal-loop\n// flag on the event).\nconst GOAL_REPROMPT_PREFIXES = [\n \"The goal is NOT yet complete (audit iteration\",\n \"Resuming a goal that was paused or interrupted.\",\n];\n\nconst ~~isGoalLoopReprompt~~ = (event: MessageEvent): ~~boolean~~ => {\n if (event.llm_message?.role !== \"user\") return ~~false~~;\n const content = event.llm_message.content;\n ~~const~~ ~~text =~~ Array.isArray(content)\n ? content\n .filter((c) => c.type === \"text\")\n .map((c) => c.text)\n .join(\"\\n\")\n : \"\";\n return GOAL_REPROMPT_PREFIXES.some((prefix) => text.startsWith(prefix));\n};\n\nexport const shouldRenderEvent = (event: OpenHandsEvent) => {\n if (isConversationStateUpdateEvent(event)) {\n // A finished `/goal` loop renders inline so it settles into the\n // conversation; the live (active) banner is shown separately by\n // GoalStatusBanner, and all other state updates (and the in-progress goal\n // events) stay hidden.\n return isGoalConversationStateUpdateEvent(event) && !event.value.active;\n }\n\n // Render action events (with filtering)\n if (isActionEvent(event)) {\n // For V1, action is an object with kind property\n const actionType = event.action.kind;\n\n if (!actionType) {\n return false;\n }\n\n // Hide user commands from the chat interface\n if (actionType === \"ExecuteBashAction\" && event.source === \"user\") {\n return false;\n }\n\n // Hide PlanningFileEditorAction - handled separately with PlanPreview component\n if (actionType === \"PlanningFileEditorAction\") {\n return false;\n }\n\n // The model switch tool reuses the same inline model message UI as\n // `/model <profile>` once the observation arrives.\n if (actionType === \"SwitchLLMAction\") {\n return false;\n }\n\n return true;\n }\n\n // Render observation events\n if (isObservationEvent(event)) {\n // Successful model switches are rendered through ModelMessages so they\n // look identical to `/model <profile>` confirmations. Failed switches\n // still render as observations so the error remains visible in chat.\n if (\n event.observation.kind === \"SwitchLLMObservation\" &&\n !event.observation.is_error\n ) {\n return false;\n }\n\n return true;\n }\n\n // Render message events (user and assistant messages), except the goal loop's\n // injected re-prompts — the judge feedback they carry is shown in the goal\n // banner, so otherwise they leak into the chat as fake user turns.\n if (isMessageEvent(event)) {\n return !isGoalLoopReprompt(event);\n }\n\n // Render agent error events\n if (isAgentErrorEvent(event)) {\n return true;\n }\n\n // Render hook execution events\n if (isHookExecutionEvent(event)) {\n return true;\n }\n\n // Render ACP sub-agent tool call events at every lifecycle stage. The SDK\n // now persists exactly two events per ``tool_call_id`` — one early\n // ``started`` event (``pending`` / ``in_progress``) and one terminal\n // (``completed`` / ``failed``) event — the action->observation pair for a\n // tool call. The ``started`` event renders the card as \"running\" (no check\n // mark; see ``getACPToolCallResult``) and ``handleEventForUI`` replaces it\n // in place by ``tool_call_id`` once the terminal event arrives, mirroring\n // how an ObservationEvent supersedes its ActionEvent. The old terminal-only\n // gate existed because the source fanned out one cumulative-output frame per\n // ``ToolCallProgress``, which flashed half-formed cards mid-stream; that\n // fan-out is gone, so the running card is now a single clean event.\n if (isACPToolCallEvent(event)) {\n return true;\n }\n\n if (isStreamingDeltaEvent(event)) {\n return event.content !== null \|\| event.reasoning_content !== null;\n }\n\n // Don't render any other event types (system events, etc.)\n return false;\n};\n\nexport const hasUserEvent = (events: OpenHandsEvent[]) =>\n events.some((event) => event.source === \"user\");\n"],"mappings":"~~wHAqBA~~,IAAM,EAAyB,CAC7B,gDACA,iDACF,EAEM,~~EAAsB~~,~~GAAiC~~,~~CAC3D~~,GAAI,EAAM,aAAa,OAAS,OAAQ,~~MAAO~~,~~GAC~~/C,IAAM,EAAU,EAAM,YAAY,~~QAC5B~~,~~EAAO~~,MAAM,QAAQ,CAAO,~~EAC9B~~,EACG,OAAQ,GAAM,EAAE,OAAS,MAAM,EAC/B,IAAK,GAAM,EAAE,IAAI,EACjB,KAAK;CAAI,EACZ,~~GACJ~~,~~OAAO~~,EAAuB,KAAM,GAAW,EAAK,WAAW,CAAM,CAAC,CACxE,~~EAEa~~,EAAqB,GAA0B,CAC1D,GAAI,EAAA,+BAA+B,CAAK,EAKtC,OAAO,EAAA,mCAAmC,CAAK,GAAK,CAAC,EAAM,MAAM,OAInE,GAAI,EAAA,cAAc,CAAK,EAAG,CAExB,IAAM,EAAa,EAAM,OAAO,KAsBhC,MAJA,EAhBI,CAAC,GAKD,IAAe,qBAAuB,EAAM,SAAW,QAKvD,IAAe,4BAMf,IAAe,kBAKrB,~~CAsDA~~,~~OAnDI~~,EAAA,mBAAmB,CAAK,EAI1B,EACE,EAAM,YAAY,OAAS,wBAC3B,CAAC,EAAM,YAAY,~~UAWnB~~,EAAA,eAAe,CAAK,EACf,CAAC,EAAmB,CAAK,~~EAI9B~~,EAAA,kBAAkB,CAAK,GAKvB,EAAA,qBAAqB,CAAK,GAe1B,EAAA,mBAAmB,CAAK,EACnB,GAGL,EAAA,sBAAsB,CAAK,EACtB,EAAM,UAAY,MAAQ,EAAM,oBAAsB,KAIxD,EACT,EAEa,EAAgB,GAC3B,EAAO,KAAM,GAAU,EAAM,SAAW,MAAM"}
1	+ {"version":3,"file":"should-render-event.cjs","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-content-helpers/should-render-event.ts"],"sourcesContent":["import { CHILD_CONVERSATION_RESULT_PREFIX } from \"#/constants/child-conversation\";\nimport { MessageEvent, OpenHandsEvent } from \"#/types/agent-server/core\";\nimport {\n isActionEvent,\n isObservationEvent,\n isMessageEvent,\n isAgentErrorEvent,\n isConversationStateUpdateEvent,\n isGoalConversationStateUpdateEvent,\n isHookExecutionEvent,\n isACPToolCallEvent,\n isStreamingDeltaEvent,\n} from \"#/types/agent-server/type-guards\";\n\n// Prefixes of the SDK goal-loop re-prompts (FOLLOWUP_PROMPT / RESUME_PROMPT in\n// openhands.sdk .../conversation/goal/prompts.py). The goal loop injects these\n// as `user` messages each round to steer the agent, and FOLLOWUP_PROMPT embeds\n// the judge's verdict — which the goal banner already surfaces. The persisted\n// event carries no marker distinguishing them from real user input, so we match\n// the prompt text to keep this machinery out of the chat. Brittle by design;\n// keep in sync with the SDK prompts (the durable fix is a persisted goal-loop\n// flag on the event).\nconst GOAL_REPROMPT_PREFIXES = [\n \"The goal is NOT yet complete (audit iteration\",\n \"Resuming a goal that was paused or interrupted.\",\n];\n\nconst userMessageText = (event: MessageEvent): string \| null => {\n if (event.llm_message?.role !== \"user\") return null;\n const content = event.llm_message.content;\n return Array.isArray(content)\n ? content\n .filter((c) => c.type === \"text\")\n .map((c) => c.text)\n .join(\"\\n\")\n : \"\";\n};\n\nconst isGoalLoopReprompt = (event: MessageEvent): boolean => {\n const text = userMessageText(event);\n if (text === null) return false;\n return GOAL_REPROMPT_PREFIXES.some((prefix) => text.startsWith(prefix));\n};\n\n// The frontend posts the outcome of a `launch_child_conversation` call back as\n// a `user` message because client tools have no result channel (see\n// `services/child-conversation-launch.ts`). It is a JSON payload addressed to\n// the agent, which reports the child's id and link in its own reply, so the\n// raw message does not belong in the chat.\nconst isChildConversationResult = (event: MessageEvent): boolean =>\n userMessageText(event)?.startsWith(CHILD_CONVERSATION_RESULT_PREFIX) ?? false;\n\nexport const shouldRenderEvent = (event: OpenHandsEvent) => {\n if (isConversationStateUpdateEvent(event)) {\n // A finished `/goal` loop renders inline so it settles into the\n // conversation; the live (active) banner is shown separately by\n // GoalStatusBanner, and all other state updates (and the in-progress goal\n // events) stay hidden.\n return isGoalConversationStateUpdateEvent(event) && !event.value.active;\n }\n\n // Render action events (with filtering)\n if (isActionEvent(event)) {\n // For V1, action is an object with kind property\n const actionType = event.action.kind;\n\n if (!actionType) {\n return false;\n }\n\n // Hide user commands from the chat interface\n if (actionType === \"ExecuteBashAction\" && event.source === \"user\") {\n return false;\n }\n\n // Hide PlanningFileEditorAction - handled separately with PlanPreview component\n if (actionType === \"PlanningFileEditorAction\") {\n return false;\n }\n\n // The model switch tool reuses the same inline model message UI as\n // `/model <profile>` once the observation arrives.\n if (actionType === \"SwitchLLMAction\") {\n return false;\n }\n\n return true;\n }\n\n // Render observation events\n if (isObservationEvent(event)) {\n // Successful model switches are rendered through ModelMessages so they\n // look identical to `/model <profile>` confirmations. Failed switches\n // still render as observations so the error remains visible in chat.\n if (\n event.observation.kind === \"SwitchLLMObservation\" &&\n !event.observation.is_error\n ) {\n return false;\n }\n\n return true;\n }\n\n // Render message events (user and assistant messages), except the goal loop's\n // injected re-prompts — the judge feedback they carry is shown in the goal\n // banner, so otherwise they leak into the chat as fake user turns — and the\n // child-conversation launch results, which are machine payloads the agent\n // relays in its own reply.\n if (isMessageEvent(event)) {\n return !isGoalLoopReprompt(event) && !isChildConversationResult(event);\n }\n\n // Render agent error events\n if (isAgentErrorEvent(event)) {\n return true;\n }\n\n // Render hook execution events\n if (isHookExecutionEvent(event)) {\n return true;\n }\n\n // Render ACP sub-agent tool call events at every lifecycle stage. The SDK\n // now persists exactly two events per ``tool_call_id`` — one early\n // ``started`` event (``pending`` / ``in_progress``) and one terminal\n // (``completed`` / ``failed``) event — the action->observation pair for a\n // tool call. The ``started`` event renders the card as \"running\" (no check\n // mark; see ``getACPToolCallResult``) and ``handleEventForUI`` replaces it\n // in place by ``tool_call_id`` once the terminal event arrives, mirroring\n // how an ObservationEvent supersedes its ActionEvent. The old terminal-only\n // gate existed because the source fanned out one cumulative-output frame per\n // ``ToolCallProgress``, which flashed half-formed cards mid-stream; that\n // fan-out is gone, so the running card is now a single clean event.\n if (isACPToolCallEvent(event)) {\n return true;\n }\n\n if (isStreamingDeltaEvent(event)) {\n return event.content !== null \|\| event.reasoning_content !== null;\n }\n\n // Don't render any other event types (system events, etc.)\n return false;\n};\n\nexport const hasUserEvent = (events: OpenHandsEvent[]) =>\n events.some((event) => event.source === \"user\");\n"],"mappings":"gLAsBA,IAAM,EAAyB,CAC7B,gDACA,iDACF,EAEM,EAAmB,GAAuC,CAC9D,GAAI,EAAM,aAAa,OAAS,OAAQ,OAAO,KAC/C,IAAM,EAAU,EAAM,YAAY,QAClC,OAAO,MAAM,QAAQ,CAAO,EACxB,EACG,OAAQ,GAAM,EAAE,OAAS,MAAM,EAC/B,IAAK,GAAM,EAAE,IAAI,EACjB,KAAK;CAAI,EACZ,EACN,EAEM,EAAsB,GAAiC,CAC3D,IAAM,EAAO,EAAgB,CAAK,EAElC,OADI,IAAS,KAAa,GACnB,EAAuB,KAAM,GAAW,EAAK,WAAW,CAAM,CAAC,CACxE,EAOM,EAA6B,GACjC,EAAgB,CAAK,GAAG,WAAA,uBAA2C,GAAK,GAE7D,EAAqB,GAA0B,CAC1D,GAAI,EAAA,+BAA+B,CAAK,EAKtC,OAAO,EAAA,mCAAmC,CAAK,GAAK,CAAC,EAAM,MAAM,OAInE,GAAI,EAAA,cAAc,CAAK,EAAG,CAExB,IAAM,EAAa,EAAM,OAAO,KAsBhC,MAJA,EAhBI,CAAC,GAKD,IAAe,qBAAuB,EAAM,SAAW,QAKvD,IAAe,4BAMf,IAAe,kBAKrB,CAwDA,OArDI,EAAA,mBAAmB,CAAK,EAI1B,EACE,EAAM,YAAY,OAAS,wBAC3B,CAAC,EAAM,YAAY,UAanB,EAAA,eAAe,CAAK,EACf,CAAC,EAAmB,CAAK,GAAK,CAAC,EAA0B,CAAK,EAInE,EAAA,kBAAkB,CAAK,GAKvB,EAAA,qBAAqB,CAAK,GAe1B,EAAA,mBAAmB,CAAK,EACnB,GAGL,EAAA,sBAAsB,CAAK,EACtB,EAAM,UAAY,MAAQ,EAAM,oBAAsB,KAIxD,EACT,EAEa,EAAgB,GAC3B,EAAO,KAAM,GAAU,EAAM,SAAW,MAAM"}

package/dist/components/conversation-events/chat/event-content-helpers/should-render-event.js CHANGED Viewed

@@ -1,18 +1,22 @@
+import "../../../../constants/child-conversation.js";
 import { isACPToolCallEvent as e, isActionEvent as t, isAgentErrorEvent as n, isConversationStateUpdateEvent as r, isGoalConversationStateUpdateEvent as i, isHookExecutionEvent as a, isMessageEvent as o, isObservationEvent as s, isStreamingDeltaEvent as c } from "../../../../types/agent-server/type-guards.js";
 //#region src/components/conversation-events/chat/event-content-helpers/should-render-event.ts
 var l = ["The goal is NOT yet complete (audit iteration", "Resuming a goal that was paused or interrupted."], u = (e) => {
-	if (e.llm_message?.role !== "user") return !1;
-	let t = e.llm_message.content, n = Array.isArray(t) ? t.filter((e) => e.type === "text").map((e) => e.text).join("\n") : "";
-	return l.some((e) => n.startsWith(e));
-}, d = (l) => {
+	if (e.llm_message?.role !== "user") return null;
+	let t = e.llm_message.content;
+	return Array.isArray(t) ? t.filter((e) => e.type === "text").map((e) => e.text).join("\n") : "";
+}, d = (e) => {
+	let t = u(e);
+	return t === null ? !1 : l.some((e) => t.startsWith(e));
+}, f = (e) => u(e)?.startsWith("[child-conversation] ") ?? !1, p = (l) => {
 	if (r(l)) return i(l) && !l.value.active;
 	if (t(l)) {
 		let e = l.action.kind;
 		return !(!e || e === "ExecuteBashAction" && l.source === "user" || e === "PlanningFileEditorAction" || e === "SwitchLLMAction");
 	}
-	return s(l) ? !(l.observation.kind === "SwitchLLMObservation" && !l.observation.is_error) : o(l) ? !u(l) : n(l) || a(l) || e(l) ? !0 : c(l) ? l.content !== null || l.reasoning_content !== null : !1;
-}, f = (e) => e.some((e) => e.source === "user");
+	return s(l) ? !(l.observation.kind === "SwitchLLMObservation" && !l.observation.is_error) : o(l) ? !d(l) && !f(l) : n(l) || a(l) || e(l) ? !0 : c(l) ? l.content !== null || l.reasoning_content !== null : !1;
+}, m = (e) => e.some((e) => e.source === "user");
 //#endregion
-export { f as hasUserEvent, d as shouldRenderEvent };
+export { m as hasUserEvent, p as shouldRenderEvent };
 //# sourceMappingURL=should-render-event.js.map

package/dist/components/conversation-events/chat/event-content-helpers/should-render-event.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"should-render-event.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-content-helpers/should-render-event.ts"],"sourcesContent":["import { MessageEvent, OpenHandsEvent } from \"#/types/agent-server/core\";\nimport {\n isActionEvent,\n isObservationEvent,\n isMessageEvent,\n isAgentErrorEvent,\n isConversationStateUpdateEvent,\n isGoalConversationStateUpdateEvent,\n isHookExecutionEvent,\n isACPToolCallEvent,\n isStreamingDeltaEvent,\n} from \"#/types/agent-server/type-guards\";\n\n// Prefixes of the SDK goal-loop re-prompts (FOLLOWUP_PROMPT / RESUME_PROMPT in\n// openhands.sdk .../conversation/goal/prompts.py). The goal loop injects these\n// as `user` messages each round to steer the agent, and FOLLOWUP_PROMPT embeds\n// the judge's verdict — which the goal banner already surfaces. The persisted\n// event carries no marker distinguishing them from real user input, so we match\n// the prompt text to keep this machinery out of the chat. Brittle by design;\n// keep in sync with the SDK prompts (the durable fix is a persisted goal-loop\n// flag on the event).\nconst GOAL_REPROMPT_PREFIXES = [\n \"The goal is NOT yet complete (audit iteration\",\n \"Resuming a goal that was paused or interrupted.\",\n];\n\nconst ~~isGoalLoopReprompt~~ = (event: MessageEvent): ~~boolean~~ => {\n if (event.llm_message?.role !== \"user\") return ~~false~~;\n const content = event.llm_message.content;\n ~~const~~ ~~text =~~ Array.isArray(content)\n ? content\n .filter((c) => c.type === \"text\")\n .map((c) => c.text)\n .join(\"\\n\")\n : \"\";\n return GOAL_REPROMPT_PREFIXES.some((prefix) => text.startsWith(prefix));\n};\n\nexport const shouldRenderEvent = (event: OpenHandsEvent) => {\n if (isConversationStateUpdateEvent(event)) {\n // A finished `/goal` loop renders inline so it settles into the\n // conversation; the live (active) banner is shown separately by\n // GoalStatusBanner, and all other state updates (and the in-progress goal\n // events) stay hidden.\n return isGoalConversationStateUpdateEvent(event) && !event.value.active;\n }\n\n // Render action events (with filtering)\n if (isActionEvent(event)) {\n // For V1, action is an object with kind property\n const actionType = event.action.kind;\n\n if (!actionType) {\n return false;\n }\n\n // Hide user commands from the chat interface\n if (actionType === \"ExecuteBashAction\" && event.source === \"user\") {\n return false;\n }\n\n // Hide PlanningFileEditorAction - handled separately with PlanPreview component\n if (actionType === \"PlanningFileEditorAction\") {\n return false;\n }\n\n // The model switch tool reuses the same inline model message UI as\n // `/model <profile>` once the observation arrives.\n if (actionType === \"SwitchLLMAction\") {\n return false;\n }\n\n return true;\n }\n\n // Render observation events\n if (isObservationEvent(event)) {\n // Successful model switches are rendered through ModelMessages so they\n // look identical to `/model <profile>` confirmations. Failed switches\n // still render as observations so the error remains visible in chat.\n if (\n event.observation.kind === \"SwitchLLMObservation\" &&\n !event.observation.is_error\n ) {\n return false;\n }\n\n return true;\n }\n\n // Render message events (user and assistant messages), except the goal loop's\n // injected re-prompts — the judge feedback they carry is shown in the goal\n // banner, so otherwise they leak into the chat as fake user turns.\n if (isMessageEvent(event)) {\n return !isGoalLoopReprompt(event);\n }\n\n // Render agent error events\n if (isAgentErrorEvent(event)) {\n return true;\n }\n\n // Render hook execution events\n if (isHookExecutionEvent(event)) {\n return true;\n }\n\n // Render ACP sub-agent tool call events at every lifecycle stage. The SDK\n // now persists exactly two events per ``tool_call_id`` — one early\n // ``started`` event (``pending`` / ``in_progress``) and one terminal\n // (``completed`` / ``failed``) event — the action->observation pair for a\n // tool call. The ``started`` event renders the card as \"running\" (no check\n // mark; see ``getACPToolCallResult``) and ``handleEventForUI`` replaces it\n // in place by ``tool_call_id`` once the terminal event arrives, mirroring\n // how an ObservationEvent supersedes its ActionEvent. The old terminal-only\n // gate existed because the source fanned out one cumulative-output frame per\n // ``ToolCallProgress``, which flashed half-formed cards mid-stream; that\n // fan-out is gone, so the running card is now a single clean event.\n if (isACPToolCallEvent(event)) {\n return true;\n }\n\n if (isStreamingDeltaEvent(event)) {\n return event.content !== null \|\| event.reasoning_content !== null;\n }\n\n // Don't render any other event types (system events, etc.)\n return false;\n};\n\nexport const hasUserEvent = (events: OpenHandsEvent[]) =>\n events.some((event) => event.source === \"user\");\n"],"mappings":"~~;;AAqBA~~,IAAM,IAAyB,CAC7B,iDACA,iDACF,GAEM,~~KAAsB~~,~~MAAiC~~;~~CAC3D~~,IAAI,EAAM,aAAa,SAAS,QAAQ,OAAO;CAC/C,IAAM,IAAU,EAAM,YAAY,~~SAC5B~~,~~IAAO,~~MAAM,QAAQ,CAAO,~~IAC9B~~,EACG,QAAQ,MAAM,EAAE,SAAS,MAAM,EAC/B,KAAK,MAAM,EAAE,IAAI,EACjB,KAAK,IAAI,IACZ;~~CACJ~~,~~OAAO~~,EAAuB,MAAM,MAAW,EAAK,WAAW,CAAM,CAAC;AACxE,~~GAEa~~,KAAqB,MAA0B;CAC1D,IAAI,EAA+B,CAAK,GAKtC,OAAO,EAAmC,CAAK,KAAK,CAAC,EAAM,MAAM;CAInE,IAAI,EAAc,CAAK,GAAG;EAExB,IAAM,IAAa,EAAM,OAAO;EAsBhC,OAJA,EAhBI,CAAC,KAKD,MAAe,uBAAuB,EAAM,WAAW,UAKvD,MAAe,8BAMf,MAAe;CAKrB;~~CAsDA~~,~~OAnDI~~,EAAmB,CAAK,IAI1B,EACE,EAAM,YAAY,SAAS,0BAC3B,CAAC,EAAM,YAAY,~~YAWnB~~,EAAe,CAAK,IACf,CAAC,EAAmB,CAAK,~~IAI9B~~,EAAkB,CAAK,KAKvB,EAAqB,CAAK,KAe1B,EAAmB,CAAK,IACnB,KAGL,EAAsB,CAAK,IACtB,EAAM,YAAY,QAAQ,EAAM,sBAAsB,OAIxD;AACT,GAEa,KAAgB,MAC3B,EAAO,MAAM,MAAU,EAAM,WAAW,MAAM"}
1	+ {"version":3,"file":"should-render-event.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-content-helpers/should-render-event.ts"],"sourcesContent":["import { CHILD_CONVERSATION_RESULT_PREFIX } from \"#/constants/child-conversation\";\nimport { MessageEvent, OpenHandsEvent } from \"#/types/agent-server/core\";\nimport {\n isActionEvent,\n isObservationEvent,\n isMessageEvent,\n isAgentErrorEvent,\n isConversationStateUpdateEvent,\n isGoalConversationStateUpdateEvent,\n isHookExecutionEvent,\n isACPToolCallEvent,\n isStreamingDeltaEvent,\n} from \"#/types/agent-server/type-guards\";\n\n// Prefixes of the SDK goal-loop re-prompts (FOLLOWUP_PROMPT / RESUME_PROMPT in\n// openhands.sdk .../conversation/goal/prompts.py). The goal loop injects these\n// as `user` messages each round to steer the agent, and FOLLOWUP_PROMPT embeds\n// the judge's verdict — which the goal banner already surfaces. The persisted\n// event carries no marker distinguishing them from real user input, so we match\n// the prompt text to keep this machinery out of the chat. Brittle by design;\n// keep in sync with the SDK prompts (the durable fix is a persisted goal-loop\n// flag on the event).\nconst GOAL_REPROMPT_PREFIXES = [\n \"The goal is NOT yet complete (audit iteration\",\n \"Resuming a goal that was paused or interrupted.\",\n];\n\nconst userMessageText = (event: MessageEvent): string \| null => {\n if (event.llm_message?.role !== \"user\") return null;\n const content = event.llm_message.content;\n return Array.isArray(content)\n ? content\n .filter((c) => c.type === \"text\")\n .map((c) => c.text)\n .join(\"\\n\")\n : \"\";\n};\n\nconst isGoalLoopReprompt = (event: MessageEvent): boolean => {\n const text = userMessageText(event);\n if (text === null) return false;\n return GOAL_REPROMPT_PREFIXES.some((prefix) => text.startsWith(prefix));\n};\n\n// The frontend posts the outcome of a `launch_child_conversation` call back as\n// a `user` message because client tools have no result channel (see\n// `services/child-conversation-launch.ts`). It is a JSON payload addressed to\n// the agent, which reports the child's id and link in its own reply, so the\n// raw message does not belong in the chat.\nconst isChildConversationResult = (event: MessageEvent): boolean =>\n userMessageText(event)?.startsWith(CHILD_CONVERSATION_RESULT_PREFIX) ?? false;\n\nexport const shouldRenderEvent = (event: OpenHandsEvent) => {\n if (isConversationStateUpdateEvent(event)) {\n // A finished `/goal` loop renders inline so it settles into the\n // conversation; the live (active) banner is shown separately by\n // GoalStatusBanner, and all other state updates (and the in-progress goal\n // events) stay hidden.\n return isGoalConversationStateUpdateEvent(event) && !event.value.active;\n }\n\n // Render action events (with filtering)\n if (isActionEvent(event)) {\n // For V1, action is an object with kind property\n const actionType = event.action.kind;\n\n if (!actionType) {\n return false;\n }\n\n // Hide user commands from the chat interface\n if (actionType === \"ExecuteBashAction\" && event.source === \"user\") {\n return false;\n }\n\n // Hide PlanningFileEditorAction - handled separately with PlanPreview component\n if (actionType === \"PlanningFileEditorAction\") {\n return false;\n }\n\n // The model switch tool reuses the same inline model message UI as\n // `/model <profile>` once the observation arrives.\n if (actionType === \"SwitchLLMAction\") {\n return false;\n }\n\n return true;\n }\n\n // Render observation events\n if (isObservationEvent(event)) {\n // Successful model switches are rendered through ModelMessages so they\n // look identical to `/model <profile>` confirmations. Failed switches\n // still render as observations so the error remains visible in chat.\n if (\n event.observation.kind === \"SwitchLLMObservation\" &&\n !event.observation.is_error\n ) {\n return false;\n }\n\n return true;\n }\n\n // Render message events (user and assistant messages), except the goal loop's\n // injected re-prompts — the judge feedback they carry is shown in the goal\n // banner, so otherwise they leak into the chat as fake user turns — and the\n // child-conversation launch results, which are machine payloads the agent\n // relays in its own reply.\n if (isMessageEvent(event)) {\n return !isGoalLoopReprompt(event) && !isChildConversationResult(event);\n }\n\n // Render agent error events\n if (isAgentErrorEvent(event)) {\n return true;\n }\n\n // Render hook execution events\n if (isHookExecutionEvent(event)) {\n return true;\n }\n\n // Render ACP sub-agent tool call events at every lifecycle stage. The SDK\n // now persists exactly two events per ``tool_call_id`` — one early\n // ``started`` event (``pending`` / ``in_progress``) and one terminal\n // (``completed`` / ``failed``) event — the action->observation pair for a\n // tool call. The ``started`` event renders the card as \"running\" (no check\n // mark; see ``getACPToolCallResult``) and ``handleEventForUI`` replaces it\n // in place by ``tool_call_id`` once the terminal event arrives, mirroring\n // how an ObservationEvent supersedes its ActionEvent. The old terminal-only\n // gate existed because the source fanned out one cumulative-output frame per\n // ``ToolCallProgress``, which flashed half-formed cards mid-stream; that\n // fan-out is gone, so the running card is now a single clean event.\n if (isACPToolCallEvent(event)) {\n return true;\n }\n\n if (isStreamingDeltaEvent(event)) {\n return event.content !== null \|\| event.reasoning_content !== null;\n }\n\n // Don't render any other event types (system events, etc.)\n return false;\n};\n\nexport const hasUserEvent = (events: OpenHandsEvent[]) =>\n events.some((event) => event.source === \"user\");\n"],"mappings":";;;AAsBA,IAAM,IAAyB,CAC7B,iDACA,iDACF,GAEM,KAAmB,MAAuC;CAC9D,IAAI,EAAM,aAAa,SAAS,QAAQ,OAAO;CAC/C,IAAM,IAAU,EAAM,YAAY;CAClC,OAAO,MAAM,QAAQ,CAAO,IACxB,EACG,QAAQ,MAAM,EAAE,SAAS,MAAM,EAC/B,KAAK,MAAM,EAAE,IAAI,EACjB,KAAK,IAAI,IACZ;AACN,GAEM,KAAsB,MAAiC;CAC3D,IAAM,IAAO,EAAgB,CAAK;CAElC,OADI,MAAS,OAAa,KACnB,EAAuB,MAAM,MAAW,EAAK,WAAW,CAAM,CAAC;AACxE,GAOM,KAA6B,MACjC,EAAgB,CAAK,GAAG,WAAA,uBAA2C,KAAK,IAE7D,KAAqB,MAA0B;CAC1D,IAAI,EAA+B,CAAK,GAKtC,OAAO,EAAmC,CAAK,KAAK,CAAC,EAAM,MAAM;CAInE,IAAI,EAAc,CAAK,GAAG;EAExB,IAAM,IAAa,EAAM,OAAO;EAsBhC,OAJA,EAhBI,CAAC,KAKD,MAAe,uBAAuB,EAAM,WAAW,UAKvD,MAAe,8BAMf,MAAe;CAKrB;CAwDA,OArDI,EAAmB,CAAK,IAI1B,EACE,EAAM,YAAY,SAAS,0BAC3B,CAAC,EAAM,YAAY,YAanB,EAAe,CAAK,IACf,CAAC,EAAmB,CAAK,KAAK,CAAC,EAA0B,CAAK,IAInE,EAAkB,CAAK,KAKvB,EAAqB,CAAK,KAe1B,EAAmB,CAAK,IACnB,KAGL,EAAsB,CAAK,IACtB,EAAM,YAAY,QAAQ,EAAM,sBAAsB,OAIxD;AACT,GAEa,KAAgB,MAC3B,EAAO,MAAM,MAAU,EAAM,WAAW,MAAM"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card-footer.cjs CHANGED Viewed

@@ -1,3 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../utils/status.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../../constants/acp-providers.cjs"),a=require("../../../../api/agent-server-adapter.cjs"),o=require("../../../../utils/format-time-delta.cjs"),s=require("../../../../utils/format-model-name.cjs"),c=require("../../../shared/agent-brand-icon.cjs"),l=require("./conversation-repo-link.cjs"),u=require("./no-repository.cjs");let d=require("react/jsx-runtime");function f({selectedRepository:f,lastUpdatedAt:p,createdAt:m,executionStatus:h,workspaceWorkingDir:g,showRepositoryMetadata:_=!0,showTimestamp:v=!0,llmModel:y,showAgentChip:b=!1,agentKind:x=null,acpServer:S=null,tags:C=null,showTags:w=!1}){let{t:T}=e.useTranslation(`openhands`),E=n.isExecutionPaused(h),D=null;if(b)if(x===`acp`){let e=i.getAcpProviderDisplayName(S)??T(t.I18nKey.CONVERSATION$ACP_AGENT_GENERIC),n=i.labelForAcpModel(S,y),r=n??e;D={kind:i.resolveAcpProviderIcon(S),text:r,tooltip:n?`${e} · ${n}`:e}}else y&&(D={kind:`openhands`,text:s.formatNativeModelName(y)??y,tooltip:y});let O=h===void 0?void 0:`pl-[26px]`,k=w?a.getDisplayConversationTags(C):[],A=k.slice(0,3),j=k.slice(3);return(0,d.jsxs)(`div`,{className:r.cn(`flex flex-col gap-0.5 mt-0.5 w-full min-w-0`,E&&`opacity-60`),children:[D?(0,d.jsx)(`div`,{className:O,children:(0,d.jsxs)(`span`,{"data-testid":`conversation-card-agent-chip`,className:`inline-flex items-center gap-1 text-xs text-[var(--oh-muted)] max-w-full min-w-0`,title:D.tooltip,children:[(0,d.jsx)(c.AgentBrandIcon,{kind:D.kind}),(0,d.jsx)(`span`,{className:`truncate`,children:D.text})]})}):null,k.length>0?(0,d.jsxs)(`div`,{className:r.cn(`flex flex-row flex-wrap items-center gap-1 min-w-0`,O),children:[A.map(([e,t])=>(0,d.jsx)(`span`,{"data-testid":`conversation-card-tag-chip`,title:`${e}: ${t}`,className:`inline-flex max-w-full min-w-0 items-center rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]`,children:(0,d.jsx)(`span`,{className:`truncate`,children:`${e}: ${t}`})},e)),j.length>0?(0,d.jsx)(`span`,{"data-testid":`conversation-card-tag-overflow`,title:j.map(([e,t])=>`${e}: ${t}`).join(`
-`),className:`inline-flex items-center rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]`,children:`+${j.length}`}):null]}):null,(0,d.jsxs)(`div`,{className:r.cn(`flex flex-row items-center gap-2 w-full min-w-0`,_&&O),children:[_&&(f?.selected_repository?(0,d.jsx)(l.ConversationRepoLink,{selectedRepository:f}):(0,d.jsx)(u.NoRepository,{workspaceWorkingDir:g})),(0,d.jsx)(`div`,{className:`flex items-center gap-2 shrink-0 ml-auto`,children:v&&(m??p)&&(0,d.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)] text-right`,children:(0,d.jsx)(`time`,{children:`${o.formatTimeDelta(p??m)} ${T(t.I18nKey.CONVERSATION$AGO)}`})})})]})]})}exports.ConversationCardFooter=f;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../utils/status.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../../constants/acp-providers.cjs"),a=require("../../../../api/agent-server-adapter.cjs"),o=require("../../../../utils/format-time-delta.cjs"),s=require("../../../../utils/format-model-name.cjs"),c=require("../../../shared/agent-brand-icon.cjs"),l=require("./conversation-card-meta-chip.cjs"),u=require("./conversation-repo-link.cjs"),d=require("./no-repository.cjs"),f=require("./conversation-tag-chips.cjs");let p=require("react/jsx-runtime");function m({selectedRepository:m,lastUpdatedAt:h,createdAt:g,executionStatus:_,workspaceWorkingDir:v,showRepositoryMetadata:y=!0,showTimestamp:b=!0,llmModel:x,showAgentChip:S=!1,agentKind:C=null,acpServer:w=null,tags:T=null,showTags:E=!1}){let{t:D}=e.useTranslation(`openhands`),O=n.isExecutionPaused(_),k=null;if(S)if(C===`acp`){let e=i.getAcpProviderDisplayName(w)??D(t.I18nKey.CONVERSATION$ACP_AGENT_GENERIC),n=i.labelForAcpModel(w,x),r=n??e;k={kind:i.resolveAcpProviderIcon(w),text:r,tooltip:n?`${e} · ${n}`:e}}else x&&(k={kind:`openhands`,text:s.formatNativeModelName(x)??x,tooltip:x});let A=_===void 0?void 0:`pl-[26px]`,j=E?a.getDisplayConversationTags(T):[];return(0,p.jsxs)(`div`,{className:r.cn(`flex flex-col gap-0.5 mt-0.5 w-full min-w-0`,O&&`opacity-60`),children:[(0,p.jsxs)(`div`,{className:r.cn(`flex flex-row items-center gap-2 w-full min-w-0`,y&&A),children:[y&&(m?.selected_repository?(0,p.jsx)(u.ConversationRepoLink,{selectedRepository:m}):(0,p.jsx)(d.NoRepository,{workspaceWorkingDir:v})),(0,p.jsx)(`div`,{className:`flex items-center gap-2 shrink-0 ml-auto`,children:b&&(g??h)&&(0,p.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)] text-right`,children:(0,p.jsx)(`time`,{children:`${o.formatTimeDelta(h??g)} ${D(t.I18nKey.CONVERSATION$AGO)}`})})})]}),k?(0,p.jsx)(`div`,{className:A,children:(0,p.jsxs)(`span`,{"data-testid":`conversation-card-agent-chip`,className:l.CONVERSATION_CARD_META_CHIP_CLASSNAME,title:k.tooltip,children:[(0,p.jsx)(`span`,{className:`inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block`,"aria-hidden":!0,children:(0,p.jsx)(c.AgentBrandIcon,{kind:k.kind,size:12})}),(0,p.jsx)(`span`,{className:`truncate leading-4`,children:k.text})]})}):null,j.length>0?(0,p.jsx)(`div`,{className:A,children:(0,p.jsx)(f.ConversationTagChips,{tags:j})}):null]})}exports.ConversationCardFooter=m;
 //# sourceMappingURL=conversation-card-footer.cjs.map

package/dist/components/features/conversation-panel/conversation-card/conversation-card-footer.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-card-footer.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n getAcpProviderDisplayName,\n labelForAcpModel,\n resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n AgentBrandIcon,\n type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\n\n/*\n Display budget for the tag-chip row. Tags are server-/API-controlled, so a\n * conversation can carry arbitrarily many; the card shows at most this many\n * chips (sorted by key) and folds the rest into a \"+N\" overflow chip.\n /\nexport const MAX_VISIBLE_TAG_CHIPS = 3;\n\ninterface ConversationCardFooterProps {\n selectedRepository: RepositorySelection \| null;\n lastUpdatedAt: string;\n createdAt?: string;\n executionStatus?: ExecutionStatus \| null;\n workspaceWorkingDir?: string \| null;\n showRepositoryMetadata?: boolean;\n showTimestamp?: boolean;\n llmModel?: string \| null;\n /\n Whether to render the agent/model chip. Wired to the conversation\n * panel's \"LLM model\" toggle; gates the chip uniformly\n * for both ACP and OpenHands cards.\n /\n showAgentChip?: boolean;\n /\n High-level kind of the conversation's agent. Drives the chip's icon:\n * the OpenHands logo for native conversations and the resolved ACP brand\n * mark for ACP conversations. Defensive against stray ``acpServer``\n * values reaching an OpenHands card.\n /\n agentKind?: \"openhands\" \| \"acp\" \| null;\n /\n Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n * a generic \"ACP\" label so a Custom-command preset still produces a\n * useful chip.\n /\n acpServer?: string \| null;\n /\n Server-side conversation tags (``AppConversation.tags``). Non-reserved\n * entries render as ``key: value`` chips so API-/automation-born\n * conversations can surface attribution (e.g. ``origin: slack``).\n /\n tags?: Record<string, string> \| null;\n /\n Whether to render the tag-chip row. Wired to the conversation panel's\n * \"Tags\" toggle.\n */\n showTags?: boolean;\n}\n\nexport function ConversationCardFooter({\n selectedRepository,\n lastUpdatedAt,\n createdAt,\n executionStatus,\n workspaceWorkingDir,\n showRepositoryMetadata = true,\n showTimestamp = true,\n llmModel,\n showAgentChip = false,\n agentKind = null,\n acpServer = null,\n tags = null,\n showTags = false,\n}: ConversationCardFooterProps) {\n const { t } = useTranslation(\"openhands\");\n\n const isPaused = isExecutionPaused(executionStatus);\n\n // Single inline chip per conversation: [brand mark] {model text}. Gated by\n // the conversation panel's \"LLM model\" toggle and applied\n // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n // ACP shows the provider brand mark + model resolved through PR 730's\n // adapter chain, falling back to the provider display name when no model is\n // available so the chip never collapses to icon-only.\n let chip: {\n kind: AgentBrandIconKind;\n text: string;\n tooltip: string;\n } \| null = null;\n if (showAgentChip) {\n if (agentKind === \"acp\") {\n const providerName =\n getAcpProviderDisplayName(acpServer) ??\n t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n // and to the provider name when there's no model at all.\n const modelLabel = labelForAcpModel(acpServer, llmModel);\n const text = modelLabel ?? providerName;\n chip = {\n kind: resolveAcpProviderIcon(acpServer),\n text,\n tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n };\n } else if (llmModel) {\n // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n // the chip text; keep the full routing string in the tooltip.\n chip = {\n kind: \"openhands\",\n text: formatNativeModelName(llmModel) ?? llmModel,\n tooltip: llmModel,\n };\n }\n }\n\n // Match title text start: 18px status column + gap-2 (8px).\n const metadataIndentClass =\n executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n const displayTags = showTags ? getDisplayConversationTags(tags) : [];\n // Tags are API-controlled with no server-side count bound, so the card\n // renders a fixed display budget: the first chips in sorted-key order plus\n // a \"+N\" affordance whose tooltip reveals the remainder. The full map stays\n // on ``AppConversation.tags`` for non-display consumers.\n const visibleTags = displayTags.slice(0, MAX_VISIBLE_TAG_CHIPS);\n const overflowTags = displayTags.slice(MAX_VISIBLE_TAG_CHIPS);\n\n return (\n <div\n className={cn(\n \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n isPaused && \"opacity-60\",\n )}\n >\n {chip ? (\n <div className={metadataIndentClass}>\n <span\n data-testid=\"conversation-card-agent-chip\"\n className=\"inline-flex items-center gap-1 text-xs text-[var(--oh-muted)] max-w-full min-w-0\"\n title={chip.tooltip}\n >\n <AgentBrandIcon kind={chip.kind} />\n <span className=\"truncate\">{chip.text}</span>\n </span>\n </div>\n ) : null}\n {displayTags.length > 0 ? (\n <div\n className={cn(\n \"flex flex-row flex-wrap items-center gap-1 min-w-0\",\n metadataIndentClass,\n )}\n >\n {visibleTags.map(([key, value]) => (\n <span\n key={key}\n data-testid=\"conversation-card-tag-chip\"\n title={`${key}: ${value}`}\n className=\"inline-flex max-w-full min-w-0 items-center rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]\"\n >\n <span className=\"truncate\">{`${key}: ${value}`}</span>\n </span>\n ))}\n {overflowTags.length > 0 ? (\n <span\n data-testid=\"conversation-card-tag-overflow\"\n title={overflowTags\n .map(([key, value]) => `${key}: ${value}`)\n .join(\"\\n\")}\n className=\"inline-flex items-center rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]\"\n >\n {`+${overflowTags.length}`}\n </span>\n ) : null}\n </div>\n ) : null}\n <div\n className={cn(\n \"flex flex-row items-center gap-2 w-full min-w-0\",\n showRepositoryMetadata && metadataIndentClass,\n )}\n >\n {showRepositoryMetadata &&\n (selectedRepository?.selected_repository ? (\n <ConversationRepoLink selectedRepository={selectedRepository} />\n ) : (\n <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n ))}\n <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n <time>\n {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n </time>\n </p>\n )}\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"ioBAuEA,SAAgB,EAAuB,CACrC,qBACA,gBACA,YACA,kBACA,sBACA,yBAAyB,GACzB,gBAAgB,GAChB,WACA,gBAAgB,GAChB,YAAY,KACZ,YAAY,KACZ,OAAO,KACP,WAAW,IACmB,CAC9B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,EAAW,EAAA,kBAAkB,CAAe,EAQ9C,EAIO,KACX,GAAI,KACE,IAAc,MAAO,CACvB,IAAM,EACJ,EAAA,0BAA0B,CAAS,GACnC,EAAE,EAAA,QAAQ,8BAA8B,EAIpC,EAAa,EAAA,iBAAiB,EAAW,CAAQ,EACjD,EAAO,GAAc,EAC3B,EAAO,CACL,KAAM,EAAA,uBAAuB,CAAS,EACtC,OACA,QAAS,EAAa,GAAG,EAAa,KAAK,IAAe,CAC5D,CACF,MAAW,IAGT,EAAO,CACL,KAAM,YACN,KAAM,EAAA,sBAAsB,CAAQ,GAAK,EACzC,QAAS,CACX,GAKJ,IAAM,EACJ,IAAoB,IAAA,GAA0B,IAAA,GAAd,YAE5B,EAAc,EAAW,EAAA,2BAA2B,CAAI,EAAI,CAAC,EAK7D,EAAc,EAAY,MAAM,EAAA,CAAwB,EACxD,EAAe,EAAY,MAAA,CAA2B,EAE5D,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,8CACA,GAAY,YACd,WAJF,CAMG,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,+BACZ,UAAU,mFACV,MAAO,EAAK,iBAHd,EAKE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAM,EAAK,IAAO,CAAA,GAClC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,EAAK,IAAW,CAAA,CACxC,GACH,CAAA,EACH,KACH,EAAY,OAAS,GACpB,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,qDACA,CACF,WAJF,CAMG,EAAY,KAAK,CAAC,EAAK,MACtB,EAAA,EAAA,KAAC,OAAD,CAEE,cAAY,6BACZ,MAAO,GAAG,EAAI,IAAI,IAClB,UAAU,yJAEV,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,GAAG,EAAI,IAAI,GAAc,CAAA,CACjD,EANC,CAMD,CACP,EACA,EAAa,OAAS,GACrB,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,iCACZ,MAAO,EACJ,KAAK,CAAC,EAAK,KAAW,GAAG,EAAI,IAAI,GAAO,EACxC,KAAK;CAAI,EACZ,UAAU,qIAET,IAAI,EAAa,QACd,CAAA,EACJ,IACD,IACH,MACJ,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,kDACA,GAA0B,CAC5B,WAJF,CAMG,IACE,GAAoB,qBACnB,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA0C,oBAAqB,CAAA,GAE/D,EAAA,EAAA,KAAC,EAAA,aAAD,CAAmC,qBAAsB,CAAA,IAE7D,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oDACZ,IAAkB,GAAa,KAC9B,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,sDACX,EAAA,EAAA,KAAC,OAAD,CAAA,SACG,GAAG,EAAA,gBAAgB,GAAiB,CAAS,EAAE,GAAG,EAAE,EAAA,QAAQ,gBAAgB,GACzE,CAAA,CACL,CAAA,CAEF,CAAA,CACF,GACF,GAET"}
1	+ {"version":3,"file":"conversation-card-footer.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n getAcpProviderDisplayName,\n labelForAcpModel,\n resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n AgentBrandIcon,\n type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\nimport { ConversationTagChips } from \"./conversation-tag-chips\";\nimport { CONVERSATION_CARD_META_CHIP_CLASSNAME } from \"./conversation-card-meta-chip\";\n\ninterface ConversationCardFooterProps {\n selectedRepository: RepositorySelection \| null;\n lastUpdatedAt: string;\n createdAt?: string;\n executionStatus?: ExecutionStatus \| null;\n workspaceWorkingDir?: string \| null;\n showRepositoryMetadata?: boolean;\n showTimestamp?: boolean;\n llmModel?: string \| null;\n /*\n Whether to render the agent/model chip. Wired to the conversation\n * panel's \"LLM model\" toggle; gates the chip uniformly\n * for both ACP and OpenHands cards.\n /\n showAgentChip?: boolean;\n /\n High-level kind of the conversation's agent. Drives the chip's icon:\n * the OpenHands logo for native conversations and the resolved ACP brand\n * mark for ACP conversations. Defensive against stray ``acpServer``\n * values reaching an OpenHands card.\n /\n agentKind?: \"openhands\" \| \"acp\" \| null;\n /\n Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n * a generic \"ACP\" label so a Custom-command preset still produces a\n * useful chip.\n /\n acpServer?: string \| null;\n /\n Server-side conversation tags (``AppConversation.tags``). Non-reserved\n * entries render as value-only chips so API-/automation-born\n * conversations can surface attribution (e.g. ``origin: slack`` → ``slack``).\n /\n tags?: Record<string, string> \| null;\n /\n Whether to render the tag-chip row. Wired to the conversation panel's\n * \"Tags\" toggle.\n /\n showTags?: boolean;\n}\n\nexport function ConversationCardFooter({\n selectedRepository,\n lastUpdatedAt,\n createdAt,\n executionStatus,\n workspaceWorkingDir,\n showRepositoryMetadata = true,\n showTimestamp = true,\n llmModel,\n showAgentChip = false,\n agentKind = null,\n acpServer = null,\n tags = null,\n showTags = false,\n}: ConversationCardFooterProps) {\n const { t } = useTranslation(\"openhands\");\n\n const isPaused = isExecutionPaused(executionStatus);\n\n // Single inline chip per conversation: [brand mark] {model text}. Gated by\n // the conversation panel's \"LLM model\" toggle and applied\n // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n // ACP shows the provider brand mark + model resolved through PR 730's\n // adapter chain, falling back to the provider display name when no model is\n // available so the chip never collapses to icon-only.\n let chip: {\n kind: AgentBrandIconKind;\n text: string;\n tooltip: string;\n } \| null = null;\n if (showAgentChip) {\n if (agentKind === \"acp\") {\n const providerName =\n getAcpProviderDisplayName(acpServer) ??\n t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n // and to the provider name when there's no model at all.\n const modelLabel = labelForAcpModel(acpServer, llmModel);\n const text = modelLabel ?? providerName;\n chip = {\n kind: resolveAcpProviderIcon(acpServer),\n text,\n tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n };\n } else if (llmModel) {\n // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n // the chip text; keep the full routing string in the tooltip.\n chip = {\n kind: \"openhands\",\n text: formatNativeModelName(llmModel) ?? llmModel,\n tooltip: llmModel,\n };\n }\n }\n\n // Match title text start: 18px status column + gap-2 (8px).\n const metadataIndentClass =\n executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n const displayTags = showTags ? getDisplayConversationTags(tags) : [];\n\n return (\n <div\n className={cn(\n \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n isPaused && \"opacity-60\",\n )}\n >\n <div\n className={cn(\n \"flex flex-row items-center gap-2 w-full min-w-0\",\n showRepositoryMetadata && metadataIndentClass,\n )}\n >\n {showRepositoryMetadata &&\n (selectedRepository?.selected_repository ? (\n <ConversationRepoLink selectedRepository={selectedRepository} />\n ) : (\n <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n ))}\n <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n <time>\n {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n </time>\n </p>\n )}\n </div>\n </div>\n {chip ? (\n <div className={metadataIndentClass}>\n <span\n data-testid=\"conversation-card-agent-chip\"\n className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n title={chip.tooltip}\n >\n {/ Same line-height slot as tag chips; width flexes for the wider OpenHands mark. */}\n <span\n className=\"inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block\"\n aria-hidden\n >\n <AgentBrandIcon kind={chip.kind} size={12} />\n </span>\n <span className=\"truncate leading-4\">{chip.text}</span>\n </span>\n </div>\n ) : null}\n {displayTags.length > 0 ? (\n <div className={metadataIndentClass}>\n <ConversationTagChips tags={displayTags} />\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":"0tBAkEA,SAAgB,EAAuB,CACrC,qBACA,gBACA,YACA,kBACA,sBACA,yBAAyB,GACzB,gBAAgB,GAChB,WACA,gBAAgB,GAChB,YAAY,KACZ,YAAY,KACZ,OAAO,KACP,WAAW,IACmB,CAC9B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,EAAW,EAAA,kBAAkB,CAAe,EAQ9C,EAIO,KACX,GAAI,KACE,IAAc,MAAO,CACvB,IAAM,EACJ,EAAA,0BAA0B,CAAS,GACnC,EAAE,EAAA,QAAQ,8BAA8B,EAIpC,EAAa,EAAA,iBAAiB,EAAW,CAAQ,EACjD,EAAO,GAAc,EAC3B,EAAO,CACL,KAAM,EAAA,uBAAuB,CAAS,EACtC,OACA,QAAS,EAAa,GAAG,EAAa,KAAK,IAAe,CAC5D,CACF,MAAW,IAGT,EAAO,CACL,KAAM,YACN,KAAM,EAAA,sBAAsB,CAAQ,GAAK,EACzC,QAAS,CACX,GAKJ,IAAM,EACJ,IAAoB,IAAA,GAA0B,IAAA,GAAd,YAE5B,EAAc,EAAW,EAAA,2BAA2B,CAAI,EAAI,CAAC,EAEnE,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,8CACA,GAAY,YACd,WAJF,EAME,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,kDACA,GAA0B,CAC5B,WAJF,CAMG,IACE,GAAoB,qBACnB,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA0C,oBAAqB,CAAA,GAE/D,EAAA,EAAA,KAAC,EAAA,aAAD,CAAmC,qBAAsB,CAAA,IAE7D,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oDACZ,IAAkB,GAAa,KAC9B,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,sDACX,EAAA,EAAA,KAAC,OAAD,CAAA,SACG,GAAG,EAAA,gBAAgB,GAAiB,CAAS,EAAE,GAAG,EAAE,EAAA,QAAQ,gBAAgB,GACzE,CAAA,CACL,CAAA,CAEF,CAAA,CACF,IACJ,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,+BACZ,UAAW,EAAA,sCACX,MAAO,EAAK,iBAHd,EAME,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,qEACV,cAAA,aAEA,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAM,EAAK,KAAM,KAAM,EAAK,CAAA,CACxC,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,8BAAsB,EAAK,IAAW,CAAA,CAClD,GACH,CAAA,EACH,KACH,EAAY,OAAS,GACpB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAsB,KAAM,CAAc,CAAA,CACvC,CAAA,EACH,IACD,GAET"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card-footer.d.ts CHANGED Viewed

@@ -1,11 +1,5 @@
 import { RepositorySelection } from "#/api/open-hands.types";
 import { ExecutionStatus } from "#/types/agent-server/core/base/common";
-/**
- * Display budget for the tag-chip row. Tags are server-/API-controlled, so a
- * conversation can carry arbitrarily many; the card shows at most this many
- * chips (sorted by key) and folds the rest into a "+N" overflow chip.
- */
-export declare const MAX_VISIBLE_TAG_CHIPS = 3;
 interface ConversationCardFooterProps {
     selectedRepository: RepositorySelection | null;
     lastUpdatedAt: string;
@@ -38,8 +32,8 @@ interface ConversationCardFooterProps {
     acpServer?: string | null;
     /**
      * Server-side conversation tags (``AppConversation.tags``). Non-reserved
-     * entries render as ``key: value`` chips so API-/automation-born
-     * conversations can surface attribution (e.g. ``origin: slack``).
+     * entries render as value-only chips so API-/automation-born
+     * conversations can surface attribution (e.g. ``origin: slack`` → ``slack``).
      */
     tags?: Record<string, string> | null;
     /**

package/dist/components/features/conversation-panel/conversation-card/conversation-card-footer.js CHANGED Viewed

@@ -7,70 +7,67 @@ import { getDisplayConversationTags as s } from "../../../../api/agent-server-ad
 import { formatTimeDelta as c } from "../../../../utils/format-time-delta.js";
 import { formatNativeModelName as l } from "../../../../utils/format-model-name.js";
 import { AgentBrandIcon as u } from "../../../shared/agent-brand-icon.js";
-import { ConversationRepoLink as d } from "./conversation-repo-link.js";
-import { NoRepository as f } from "./no-repository.js";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-function h({ selectedRepository: h, lastUpdatedAt: g, createdAt: _, executionStatus: v, workspaceWorkingDir: y, showRepositoryMetadata: b = !0, showTimestamp: x = !0, llmModel: S, showAgentChip: C = !1, agentKind: w = null, acpServer: T = null, tags: E = null, showTags: D = !1 }) {
-	let { t: O } = e("openhands"), k = n(v), A = null;
-	if (C) if (w === "acp") {
-		let e = i(T) ?? O(t.CONVERSATION$ACP_AGENT_GENERIC), n = a(T, S), r = n ?? e;
-		A = {
-			kind: o(T),
+import { CONVERSATION_CARD_META_CHIP_CLASSNAME as d } from "./conversation-card-meta-chip.js";
+import { ConversationRepoLink as f } from "./conversation-repo-link.js";
+import { NoRepository as p } from "./no-repository.js";
+import { ConversationTagChips as m } from "./conversation-tag-chips.js";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx
+function _({ selectedRepository: _, lastUpdatedAt: v, createdAt: y, executionStatus: b, workspaceWorkingDir: x, showRepositoryMetadata: S = !0, showTimestamp: C = !0, llmModel: w, showAgentChip: T = !1, agentKind: E = null, acpServer: D = null, tags: O = null, showTags: k = !1 }) {
+	let { t: A } = e("openhands"), j = n(b), M = null;
+	if (T) if (E === "acp") {
+		let e = i(D) ?? A(t.CONVERSATION$ACP_AGENT_GENERIC), n = a(D, w), r = n ?? e;
+		M = {
+			kind: o(D),
 			text: r,
 			tooltip: n ? `${e} · ${n}` : e
 		};
-	} else S && (A = {
+	} else w && (M = {
 		kind: "openhands",
-		text: l(S) ?? S,
-		tooltip: S
+		text: l(w) ?? w,
+		tooltip: w
 	});
-	let j = v === void 0 ? void 0 : "pl-[26px]", M = D ? s(E) : [], N = M.slice(0, 3), P = M.slice(3);
-	return /* @__PURE__ */ m("div", {
-		className: r("flex flex-col gap-0.5 mt-0.5 w-full min-w-0", k && "opacity-60"),
+	let N = b === void 0 ? void 0 : "pl-[26px]", P = k ? s(O) : [];
+	return /* @__PURE__ */ g("div", {
+		className: r("flex flex-col gap-0.5 mt-0.5 w-full min-w-0", j && "opacity-60"),
 		children: [
-			A ? /* @__PURE__ */ p("div", {
-				className: j,
-				children: /* @__PURE__ */ m("span", {
-					"data-testid": "conversation-card-agent-chip",
-					className: "inline-flex items-center gap-1 text-xs text-[var(--oh-muted)] max-w-full min-w-0",
-					title: A.tooltip,
-					children: [/* @__PURE__ */ p(u, { kind: A.kind }), /* @__PURE__ */ p("span", {
-						className: "truncate",
-						children: A.text
-					})]
-				})
-			}) : null,
-			M.length > 0 ? /* @__PURE__ */ m("div", {
-				className: r("flex flex-row flex-wrap items-center gap-1 min-w-0", j),
-				children: [N.map(([e, t]) => /* @__PURE__ */ p("span", {
-					"data-testid": "conversation-card-tag-chip",
-					title: `${e}: ${t}`,
-					className: "inline-flex max-w-full min-w-0 items-center rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]",
-					children: /* @__PURE__ */ p("span", {
-						className: "truncate",
-						children: `${e}: ${t}`
-					})
-				}, e)), P.length > 0 ? /* @__PURE__ */ p("span", {
-					"data-testid": "conversation-card-tag-overflow",
-					title: P.map(([e, t]) => `${e}: ${t}`).join("\n"),
-					className: "inline-flex items-center rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]",
-					children: `+${P.length}`
-				}) : null]
-			}) : null,
-			/* @__PURE__ */ m("div", {
-				className: r("flex flex-row items-center gap-2 w-full min-w-0", b && j),
-				children: [b && (h?.selected_repository ? /* @__PURE__ */ p(d, { selectedRepository: h }) : /* @__PURE__ */ p(f, { workspaceWorkingDir: y })), /* @__PURE__ */ p("div", {
+			/* @__PURE__ */ g("div", {
+				className: r("flex flex-row items-center gap-2 w-full min-w-0", S && N),
+				children: [S && (_?.selected_repository ? /* @__PURE__ */ h(f, { selectedRepository: _ }) : /* @__PURE__ */ h(p, { workspaceWorkingDir: x })), /* @__PURE__ */ h("div", {
 					className: "flex items-center gap-2 shrink-0 ml-auto",
-					children: x && (_ ?? g) && /* @__PURE__ */ p("p", {
+					children: C && (y ?? v) && /* @__PURE__ */ h("p", {
 						className: "text-xs text-[var(--oh-muted)] text-right",
-						children: /* @__PURE__ */ p("time", { children: `${c(g ?? _)} ${O(t.CONVERSATION$AGO)}` })
+						children: /* @__PURE__ */ h("time", { children: `${c(v ?? y)} ${A(t.CONVERSATION$AGO)}` })
 					})
 				})]
-			})
+			}),
+			M ? /* @__PURE__ */ h("div", {
+				className: N,
+				children: /* @__PURE__ */ g("span", {
+					"data-testid": "conversation-card-agent-chip",
+					className: d,
+					title: M.tooltip,
+					children: [/* @__PURE__ */ h("span", {
+						className: "inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block",
+						"aria-hidden": !0,
+						children: /* @__PURE__ */ h(u, {
+							kind: M.kind,
+							size: 12
+						})
+					}), /* @__PURE__ */ h("span", {
+						className: "truncate leading-4",
+						children: M.text
+					})]
+				})
+			}) : null,
+			P.length > 0 ? /* @__PURE__ */ h("div", {
+				className: N,
+				children: /* @__PURE__ */ h(m, { tags: P })
+			}) : null
 		]
 	});
 }
 //#endregion
-export { h as ConversationCardFooter };
+export { _ as ConversationCardFooter };
 //# sourceMappingURL=conversation-card-footer.js.map

package/dist/components/features/conversation-panel/conversation-card/conversation-card-footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-card-footer.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n getAcpProviderDisplayName,\n labelForAcpModel,\n resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n AgentBrandIcon,\n type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\n\n/*\n Display budget for the tag-chip row. Tags are server-/API-controlled, so a\n * conversation can carry arbitrarily many; the card shows at most this many\n * chips (sorted by key) and folds the rest into a \"+N\" overflow chip.\n /\nexport const MAX_VISIBLE_TAG_CHIPS = 3;\n\ninterface ConversationCardFooterProps {\n selectedRepository: RepositorySelection \| null;\n lastUpdatedAt: string;\n createdAt?: string;\n executionStatus?: ExecutionStatus \| null;\n workspaceWorkingDir?: string \| null;\n showRepositoryMetadata?: boolean;\n showTimestamp?: boolean;\n llmModel?: string \| null;\n /\n Whether to render the agent/model chip. Wired to the conversation\n * panel's \"LLM model\" toggle; gates the chip uniformly\n * for both ACP and OpenHands cards.\n /\n showAgentChip?: boolean;\n /\n High-level kind of the conversation's agent. Drives the chip's icon:\n * the OpenHands logo for native conversations and the resolved ACP brand\n * mark for ACP conversations. Defensive against stray ``acpServer``\n * values reaching an OpenHands card.\n /\n agentKind?: \"openhands\" \| \"acp\" \| null;\n /\n Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n * a generic \"ACP\" label so a Custom-command preset still produces a\n * useful chip.\n /\n acpServer?: string \| null;\n /\n Server-side conversation tags (``AppConversation.tags``). Non-reserved\n * entries render as ``key: value`` chips so API-/automation-born\n * conversations can surface attribution (e.g. ``origin: slack``).\n /\n tags?: Record<string, string> \| null;\n /\n Whether to render the tag-chip row. Wired to the conversation panel's\n * \"Tags\" toggle.\n */\n showTags?: boolean;\n}\n\nexport function ConversationCardFooter({\n selectedRepository,\n lastUpdatedAt,\n createdAt,\n executionStatus,\n workspaceWorkingDir,\n showRepositoryMetadata = true,\n showTimestamp = true,\n llmModel,\n showAgentChip = false,\n agentKind = null,\n acpServer = null,\n tags = null,\n showTags = false,\n}: ConversationCardFooterProps) {\n const { t } = useTranslation(\"openhands\");\n\n const isPaused = isExecutionPaused(executionStatus);\n\n // Single inline chip per conversation: [brand mark] {model text}. Gated by\n // the conversation panel's \"LLM model\" toggle and applied\n // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n // ACP shows the provider brand mark + model resolved through PR 730's\n // adapter chain, falling back to the provider display name when no model is\n // available so the chip never collapses to icon-only.\n let chip: {\n kind: AgentBrandIconKind;\n text: string;\n tooltip: string;\n } \| null = null;\n if (showAgentChip) {\n if (agentKind === \"acp\") {\n const providerName =\n getAcpProviderDisplayName(acpServer) ??\n t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n // and to the provider name when there's no model at all.\n const modelLabel = labelForAcpModel(acpServer, llmModel);\n const text = modelLabel ?? providerName;\n chip = {\n kind: resolveAcpProviderIcon(acpServer),\n text,\n tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n };\n } else if (llmModel) {\n // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n // the chip text; keep the full routing string in the tooltip.\n chip = {\n kind: \"openhands\",\n text: formatNativeModelName(llmModel) ?? llmModel,\n tooltip: llmModel,\n };\n }\n }\n\n // Match title text start: 18px status column + gap-2 (8px).\n const metadataIndentClass =\n executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n const displayTags = showTags ? getDisplayConversationTags(tags) : [];\n // Tags are API-controlled with no server-side count bound, so the card\n // renders a fixed display budget: the first chips in sorted-key order plus\n // a \"+N\" affordance whose tooltip reveals the remainder. The full map stays\n // on ``AppConversation.tags`` for non-display consumers.\n const visibleTags = displayTags.slice(0, MAX_VISIBLE_TAG_CHIPS);\n const overflowTags = displayTags.slice(MAX_VISIBLE_TAG_CHIPS);\n\n return (\n <div\n className={cn(\n \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n isPaused && \"opacity-60\",\n )}\n >\n {chip ? (\n <div className={metadataIndentClass}>\n <span\n data-testid=\"conversation-card-agent-chip\"\n className=\"inline-flex items-center gap-1 text-xs text-[var(--oh-muted)] max-w-full min-w-0\"\n title={chip.tooltip}\n >\n <AgentBrandIcon kind={chip.kind} />\n <span className=\"truncate\">{chip.text}</span>\n </span>\n </div>\n ) : null}\n {displayTags.length > 0 ? (\n <div\n className={cn(\n \"flex flex-row flex-wrap items-center gap-1 min-w-0\",\n metadataIndentClass,\n )}\n >\n {visibleTags.map(([key, value]) => (\n <span\n key={key}\n data-testid=\"conversation-card-tag-chip\"\n title={`${key}: ${value}`}\n className=\"inline-flex max-w-full min-w-0 items-center rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]\"\n >\n <span className=\"truncate\">{`${key}: ${value}`}</span>\n </span>\n ))}\n {overflowTags.length > 0 ? (\n <span\n data-testid=\"conversation-card-tag-overflow\"\n title={overflowTags\n .map(([key, value]) => `${key}: ${value}`)\n .join(\"\\n\")}\n className=\"inline-flex items-center rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]\"\n >\n {`+${overflowTags.length}`}\n </span>\n ) : null}\n </div>\n ) : null}\n <div\n className={cn(\n \"flex flex-row items-center gap-2 w-full min-w-0\",\n showRepositoryMetadata && metadataIndentClass,\n )}\n >\n {showRepositoryMetadata &&\n (selectedRepository?.selected_repository ? (\n <ConversationRepoLink selectedRepository={selectedRepository} />\n ) : (\n <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n ))}\n <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n <time>\n {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n </time>\n </p>\n )}\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAuEA,SAAgB,EAAuB,EACrC,uBACA,kBACA,cACA,oBACA,wBACA,4BAAyB,IACzB,mBAAgB,IAChB,aACA,mBAAgB,IAChB,eAAY,MACZ,eAAY,MACZ,UAAO,MACP,cAAW,MACmB;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW,GAElC,IAAW,EAAkB,CAAe,GAQ9C,IAIO;CACX,IAAI,OACE,MAAc,OAAO;EACvB,IAAM,IACJ,EAA0B,CAAS,KACnC,EAAE,EAAQ,8BAA8B,GAIpC,IAAa,EAAiB,GAAW,CAAQ,GACjD,IAAO,KAAc;EAC3B,IAAO;GACL,MAAM,EAAuB,CAAS;GACtC;GACA,SAAS,IAAa,GAAG,EAAa,KAAK,MAAe;EAC5D;CACF,OAAO,AAAI,MAGT,IAAO;EACL,MAAM;EACN,MAAM,EAAsB,CAAQ,KAAK;EACzC,SAAS;CACX;CAKJ,IAAM,IACJ,MAAoB,KAAA,IAA0B,KAAA,IAAd,aAE5B,IAAc,IAAW,EAA2B,CAAI,IAAI,CAAC,GAK7D,IAAc,EAAY,MAAM,GAAA,CAAwB,GACxD,IAAe,EAAY,MAAA,CAA2B;CAE5D,OACE,kBAAC,OAAD;EACE,WAAW,EACT,+CACA,KAAY,YACd;YAJF;GAMG,IACC,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,QAAD;KACE,eAAY;KACZ,WAAU;KACV,OAAO,EAAK;eAHd,CAKE,kBAAC,GAAD,EAAgB,MAAM,EAAK,KAAO,CAAA,GAClC,kBAAC,QAAD;MAAM,WAAU;gBAAY,EAAK;KAAW,CAAA,CACxC;;GACH,CAAA,IACH;GACH,EAAY,SAAS,IACpB,kBAAC,OAAD;IACE,WAAW,EACT,sDACA,CACF;cAJF,CAMG,EAAY,KAAK,CAAC,GAAK,OACtB,kBAAC,QAAD;KAEE,eAAY;KACZ,OAAO,GAAG,EAAI,IAAI;KAClB,WAAU;eAEV,kBAAC,QAAD;MAAM,WAAU;gBAAY,GAAG,EAAI,IAAI;KAAc,CAAA;IACjD,GANC,CAMD,CACP,GACA,EAAa,SAAS,IACrB,kBAAC,QAAD;KACE,eAAY;KACZ,OAAO,EACJ,KAAK,CAAC,GAAK,OAAW,GAAG,EAAI,IAAI,GAAO,EACxC,KAAK,IAAI;KACZ,WAAU;eAET,IAAI,EAAa;IACd,CAAA,IACJ,IACD;QACH;GACJ,kBAAC,OAAD;IACE,WAAW,EACT,mDACA,KAA0B,CAC5B;cAJF,CAMG,MACE,GAAoB,sBACnB,kBAAC,GAAD,EAA0C,sBAAqB,CAAA,IAE/D,kBAAC,GAAD,EAAmC,uBAAsB,CAAA,IAE7D,kBAAC,OAAD;KAAK,WAAU;eACZ,MAAkB,KAAa,MAC9B,kBAAC,KAAD;MAAG,WAAU;gBACX,kBAAC,QAAD,EAAA,UACG,GAAG,EAAgB,KAAiB,CAAS,EAAE,GAAG,EAAE,EAAQ,gBAAgB,IACzE,CAAA;KACL,CAAA;IAEF,CAAA,CACF;;EACF;;AAET"}
1	+ {"version":3,"file":"conversation-card-footer.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n getAcpProviderDisplayName,\n labelForAcpModel,\n resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n AgentBrandIcon,\n type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\nimport { ConversationTagChips } from \"./conversation-tag-chips\";\nimport { CONVERSATION_CARD_META_CHIP_CLASSNAME } from \"./conversation-card-meta-chip\";\n\ninterface ConversationCardFooterProps {\n selectedRepository: RepositorySelection \| null;\n lastUpdatedAt: string;\n createdAt?: string;\n executionStatus?: ExecutionStatus \| null;\n workspaceWorkingDir?: string \| null;\n showRepositoryMetadata?: boolean;\n showTimestamp?: boolean;\n llmModel?: string \| null;\n /*\n Whether to render the agent/model chip. Wired to the conversation\n * panel's \"LLM model\" toggle; gates the chip uniformly\n * for both ACP and OpenHands cards.\n /\n showAgentChip?: boolean;\n /\n High-level kind of the conversation's agent. Drives the chip's icon:\n * the OpenHands logo for native conversations and the resolved ACP brand\n * mark for ACP conversations. Defensive against stray ``acpServer``\n * values reaching an OpenHands card.\n /\n agentKind?: \"openhands\" \| \"acp\" \| null;\n /\n Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n * a generic \"ACP\" label so a Custom-command preset still produces a\n * useful chip.\n /\n acpServer?: string \| null;\n /\n Server-side conversation tags (``AppConversation.tags``). Non-reserved\n * entries render as value-only chips so API-/automation-born\n * conversations can surface attribution (e.g. ``origin: slack`` → ``slack``).\n /\n tags?: Record<string, string> \| null;\n /\n Whether to render the tag-chip row. Wired to the conversation panel's\n * \"Tags\" toggle.\n /\n showTags?: boolean;\n}\n\nexport function ConversationCardFooter({\n selectedRepository,\n lastUpdatedAt,\n createdAt,\n executionStatus,\n workspaceWorkingDir,\n showRepositoryMetadata = true,\n showTimestamp = true,\n llmModel,\n showAgentChip = false,\n agentKind = null,\n acpServer = null,\n tags = null,\n showTags = false,\n}: ConversationCardFooterProps) {\n const { t } = useTranslation(\"openhands\");\n\n const isPaused = isExecutionPaused(executionStatus);\n\n // Single inline chip per conversation: [brand mark] {model text}. Gated by\n // the conversation panel's \"LLM model\" toggle and applied\n // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n // ACP shows the provider brand mark + model resolved through PR 730's\n // adapter chain, falling back to the provider display name when no model is\n // available so the chip never collapses to icon-only.\n let chip: {\n kind: AgentBrandIconKind;\n text: string;\n tooltip: string;\n } \| null = null;\n if (showAgentChip) {\n if (agentKind === \"acp\") {\n const providerName =\n getAcpProviderDisplayName(acpServer) ??\n t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n // and to the provider name when there's no model at all.\n const modelLabel = labelForAcpModel(acpServer, llmModel);\n const text = modelLabel ?? providerName;\n chip = {\n kind: resolveAcpProviderIcon(acpServer),\n text,\n tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n };\n } else if (llmModel) {\n // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n // the chip text; keep the full routing string in the tooltip.\n chip = {\n kind: \"openhands\",\n text: formatNativeModelName(llmModel) ?? llmModel,\n tooltip: llmModel,\n };\n }\n }\n\n // Match title text start: 18px status column + gap-2 (8px).\n const metadataIndentClass =\n executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n const displayTags = showTags ? getDisplayConversationTags(tags) : [];\n\n return (\n <div\n className={cn(\n \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n isPaused && \"opacity-60\",\n )}\n >\n <div\n className={cn(\n \"flex flex-row items-center gap-2 w-full min-w-0\",\n showRepositoryMetadata && metadataIndentClass,\n )}\n >\n {showRepositoryMetadata &&\n (selectedRepository?.selected_repository ? (\n <ConversationRepoLink selectedRepository={selectedRepository} />\n ) : (\n <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n ))}\n <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n <time>\n {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n </time>\n </p>\n )}\n </div>\n </div>\n {chip ? (\n <div className={metadataIndentClass}>\n <span\n data-testid=\"conversation-card-agent-chip\"\n className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n title={chip.tooltip}\n >\n {/ Same line-height slot as tag chips; width flexes for the wider OpenHands mark. */}\n <span\n className=\"inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block\"\n aria-hidden\n >\n <AgentBrandIcon kind={chip.kind} size={12} />\n </span>\n <span className=\"truncate leading-4\">{chip.text}</span>\n </span>\n </div>\n ) : null}\n {displayTags.length > 0 ? (\n <div className={metadataIndentClass}>\n <ConversationTagChips tags={displayTags} />\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkEA,SAAgB,EAAuB,EACrC,uBACA,kBACA,cACA,oBACA,wBACA,4BAAyB,IACzB,mBAAgB,IAChB,aACA,mBAAgB,IAChB,eAAY,MACZ,eAAY,MACZ,UAAO,MACP,cAAW,MACmB;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW,GAElC,IAAW,EAAkB,CAAe,GAQ9C,IAIO;CACX,IAAI,OACE,MAAc,OAAO;EACvB,IAAM,IACJ,EAA0B,CAAS,KACnC,EAAE,EAAQ,8BAA8B,GAIpC,IAAa,EAAiB,GAAW,CAAQ,GACjD,IAAO,KAAc;EAC3B,IAAO;GACL,MAAM,EAAuB,CAAS;GACtC;GACA,SAAS,IAAa,GAAG,EAAa,KAAK,MAAe;EAC5D;CACF,OAAO,AAAI,MAGT,IAAO;EACL,MAAM;EACN,MAAM,EAAsB,CAAQ,KAAK;EACzC,SAAS;CACX;CAKJ,IAAM,IACJ,MAAoB,KAAA,IAA0B,KAAA,IAAd,aAE5B,IAAc,IAAW,EAA2B,CAAI,IAAI,CAAC;CAEnE,OACE,kBAAC,OAAD;EACE,WAAW,EACT,+CACA,KAAY,YACd;YAJF;GAME,kBAAC,OAAD;IACE,WAAW,EACT,mDACA,KAA0B,CAC5B;cAJF,CAMG,MACE,GAAoB,sBACnB,kBAAC,GAAD,EAA0C,sBAAqB,CAAA,IAE/D,kBAAC,GAAD,EAAmC,uBAAsB,CAAA,IAE7D,kBAAC,OAAD;KAAK,WAAU;eACZ,MAAkB,KAAa,MAC9B,kBAAC,KAAD;MAAG,WAAU;gBACX,kBAAC,QAAD,EAAA,UACG,GAAG,EAAgB,KAAiB,CAAS,EAAE,GAAG,EAAE,EAAQ,gBAAgB,IACzE,CAAA;KACL,CAAA;IAEF,CAAA,CACF;;GACJ,IACC,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,QAAD;KACE,eAAY;KACZ,WAAW;KACX,OAAO,EAAK;eAHd,CAME,kBAAC,QAAD;MACE,WAAU;MACV,eAAA;gBAEA,kBAAC,GAAD;OAAgB,MAAM,EAAK;OAAM,MAAM;MAAK,CAAA;KACxC,CAAA,GACN,kBAAC,QAAD;MAAM,WAAU;gBAAsB,EAAK;KAAW,CAAA,CAClD;;GACH,CAAA,IACH;GACH,EAAY,SAAS,IACpB,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD,EAAsB,MAAM,EAAc,CAAA;GACvC,CAAA,IACH;EACD;;AAET"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card-meta-chip.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require("../../../../_virtual/_rolldown/runtime.cjs");var e=`inline-flex max-w-full min-w-0 shrink-0 items-center gap-0.5 rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]`,t=`inline-flex h-4 w-3 shrink-0 items-center justify-center [&_svg]:block`,n=`h-3 w-3`;exports.CONVERSATION_CARD_META_CHIP_CLASSNAME=e,exports.CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME=n,exports.CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME=t;
2	+ //# sourceMappingURL=conversation-card-meta-chip.cjs.map

package/dist/components/features/conversation-panel/conversation-card/conversation-card-meta-chip.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"conversation-card-meta-chip.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-meta-chip.ts"],"sourcesContent":["/**\n * Shared raised-pill class for conversation-card metadata chips (LLM model,\n * tags, repo, branch, workspace folder). Keep these visually identical so the\n * footer reads as one chip system.\n */\nexport const CONVERSATION_CARD_META_CHIP_CLASSNAME =\n \"inline-flex max-w-full min-w-0 shrink-0 items-center gap-0.5 rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]\";\n\n/**\n * Fixed line-height icon slot matching ``leading-4`` chip text so Lucide /\n * react-icons / local SVGs share the same optical center.\n */\nexport const CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME =\n \"inline-flex h-4 w-3 shrink-0 items-center justify-center [&_svg]:block\";\n\nexport const CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME = \"h-3 w-3\";\n"],"mappings":"sDAKA,IAAa,EACX,gKAMW,EACX,yEAEW,EAA6C"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card-meta-chip.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * Shared raised-pill class for conversation-card metadata chips (LLM model,
+ * tags, repo, branch, workspace folder). Keep these visually identical so the
+ * footer reads as one chip system.
+ */
+export declare const CONVERSATION_CARD_META_CHIP_CLASSNAME = "inline-flex max-w-full min-w-0 shrink-0 items-center gap-0.5 rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]";
+/**
+ * Fixed line-height icon slot matching ``leading-4`` chip text so Lucide /
+ * react-icons / local SVGs share the same optical center.
+ */
+export declare const CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME = "inline-flex h-4 w-3 shrink-0 items-center justify-center [&_svg]:block";
+export declare const CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME = "h-3 w-3";

package/dist/components/features/conversation-panel/conversation-card/conversation-card-meta-chip.js ADDED Viewed

@@ -0,0 +1,6 @@
+//#region src/components/features/conversation-panel/conversation-card/conversation-card-meta-chip.ts
+var e = "inline-flex max-w-full min-w-0 shrink-0 items-center gap-0.5 rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]", t = "inline-flex h-4 w-3 shrink-0 items-center justify-center [&_svg]:block", n = "h-3 w-3";
+//#endregion
+export { e as CONVERSATION_CARD_META_CHIP_CLASSNAME, n as CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME, t as CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME };
+//# sourceMappingURL=conversation-card-meta-chip.js.map

package/dist/components/features/conversation-panel/conversation-card/conversation-card-meta-chip.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"conversation-card-meta-chip.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-meta-chip.ts"],"sourcesContent":["/**\n * Shared raised-pill class for conversation-card metadata chips (LLM model,\n * tags, repo, branch, workspace folder). Keep these visually identical so the\n * footer reads as one chip system.\n */\nexport const CONVERSATION_CARD_META_CHIP_CLASSNAME =\n \"inline-flex max-w-full min-w-0 shrink-0 items-center gap-0.5 rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]\";\n\n/**\n * Fixed line-height icon slot matching ``leading-4`` chip text so Lucide /\n * react-icons / local SVGs share the same optical center.\n */\nexport const CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME =\n \"inline-flex h-4 w-3 shrink-0 items-center justify-center [&_svg]:block\";\n\nexport const CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME = \"h-3 w-3\";\n"],"mappings":";AAKA,IAAa,IACX,iKAMW,IACX,0EAEW,IAA6C"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card-preview.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/folder.cjs"),r=require("../../../../node_modules/react-icons/fa/index.cjs"),i=require("../../../../node_modules/react-icons/fa6/index.cjs"),a=require("../../../../assets/branding/azure-devops-logo.cjs"),o=require("../conversation-status-dot.cjs");let s=require("react/jsx-runtime");var c={bitbucket:i.FaBitbucket,bitbucket_data_center:i.FaBitbucket,github:i.FaGithub,gitlab:i.FaGitlab};function l({label:e,children:t}){return(0,s.jsxs)(`div`,{className:`flex items-start gap-2 text-xs`,children:[(0,s.jsx)(`span`,{className:`w-20 shrink-0 text-[var(--oh-muted)]`,children:e}),(0,s.jsx)(`span`,{className:`min-w-0 flex-1 break-words text-[var(--oh-foreground)]`,children:t})]})}function u({title:i,executionStatus:u,sandboxStatus:d,selectedRepository:f,workspaceWorkingDir:p,llmModel:m,createdAt:h}){let{t:g}=e.useTranslation(`openhands`),_=f?.selected_repository??null,v=f?.selected_branch??null,y=f?.git_provider??null,b=y?c[y]:null,x=h?new Date(h).toLocaleString(void 0,{dateStyle:`medium`,timeStyle:`short`}):null;return(0,s.jsxs)(`div`,{className:`flex w-[280px] flex-col gap-3 p-3`,children:[(0,s.jsxs)(`div`,{className:`flex items-start gap-2`,children:[u===void 0?null:(0,s.jsx)(`div`,{className:`mt-0.5`,children:(0,s.jsx)(o.ConversationStatusDot,{executionStatus:u,sandboxStatus:d,showTooltip:!1})}),(0,s.jsx)(`span`,{className:`break-words text-sm font-medium text-white`,children:i})]}),(0,s.jsxs)(`dl`,{className:`flex flex-col gap-1.5`,children:[_?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l,{label:g(t.I18nKey.CONVERSATION$REPOSITORY),children:(0,s.jsxs)(`span`,{className:`inline-flex min-w-0 items-start gap-1.5`,children:[b?(0,s.jsx)(b,{size:12,className:`mt-0.5 shrink-0`}):null,y===`azure_devops`?(0,s.jsx)(a.default,{className:`mt-0.5 h-3 w-3 shrink-0`}):null,(0,s.jsx)(`span`,{className:`break-all`,children:_})]})}),v?(0,s.jsx)(l,{label:g(t.I18nKey.CONVERSATION$BRANCH),children:(0,s.jsxs)(`span`,{className:`inline-flex min-w-0 items-start gap-1.5`,children:[(0,s.jsx)(r.FaCodeBranch,{size:11,className:`mt-0.5 shrink-0`}),(0,s.jsx)(`span`,{className:`break-all`,children:v})]})}):null]}):p?(0,s.jsx)(l,{label:g(t.I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY),children:(0,s.jsxs)(`span`,{className:`inline-flex min-w-0 items-start gap-1.5`,children:[(0,s.jsx)(n.Folder,{size:12,className:`mt-0.5 shrink-0`}),(0,s.jsx)(`span`,{className:`break-all`,children:p})]})}):null,m?(0,s.jsx)(l,{label:g(t.I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL),children:(0,s.jsx)(`span`,{className:`break-all`,children:m})}):null,x?(0,s.jsx)(l,{label:g(t.I18nKey.CONVERSATION$CREATED),children:x}):null]})]})}exports.ConversationCardPreview=u;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/folder.cjs"),r=require("../../../../constants/acp-providers.cjs"),i=require("../../../../api/agent-server-adapter.cjs"),a=require("../../../../node_modules/react-icons/fa/index.cjs"),o=require("../../../../node_modules/react-icons/fa6/index.cjs"),s=require("../../../../assets/branding/azure-devops-logo.cjs"),c=require("../conversation-status-dot.cjs"),l=require("../../../shared/agent-brand-icon.cjs"),u=require("./conversation-tag-display.cjs"),d=require("./conversation-tag-icons.cjs");let f=require("react/jsx-runtime");var p={bitbucket:o.FaBitbucket,bitbucket_data_center:o.FaBitbucket,github:o.FaGithub,gitlab:o.FaGitlab};function m({label:e,children:t}){return(0,f.jsxs)(`div`,{className:`flex items-start gap-2 text-xs leading-4`,children:[(0,f.jsx)(`span`,{className:`w-20 shrink-0 whitespace-normal break-words text-[var(--oh-muted)]`,children:e}),(0,f.jsx)(`span`,{className:`min-w-0 flex-1 overflow-visible whitespace-normal break-words text-[var(--oh-foreground)]`,children:t})]})}function h({icon:e,children:t,testId:n,tagKey:r}){return(0,f.jsxs)(`span`,{"data-testid":n,"data-tag-key":r,className:`inline-flex min-w-0 max-w-full items-start gap-1.5`,children:[e?(0,f.jsx)(`span`,{className:`inline-flex h-4 min-w-3 shrink-0 items-center justify-center [&_svg]:block`,children:e}):null,(0,f.jsx)(`span`,{className:`min-w-0 flex-1 whitespace-normal break-all`,children:t})]})}function g({title:o,executionStatus:g,sandboxStatus:_,selectedRepository:v,workspaceWorkingDir:y,llmModel:b,agentKind:x=null,acpServer:S=null,createdAt:C,tags:w=null}){let{t:T}=e.useTranslation(`openhands`),E=v?.selected_repository??null,D=v?.selected_branch??null,O=v?.git_provider??null,k=O?p[O]:null,A=C?new Date(C).toLocaleString(void 0,{dateStyle:`medium`,timeStyle:`short`}):null,j=i.getDisplayConversationTags(w);return(0,f.jsxs)(`div`,{"data-testid":`conversation-card-preview`,className:`flex w-[280px] max-w-[min(280px,90vw)] flex-col gap-3 overflow-visible p-3`,children:[(0,f.jsxs)(`div`,{className:`flex items-start gap-2`,children:[g===void 0?null:(0,f.jsx)(`span`,{className:`inline-flex h-5 w-2.5 shrink-0 items-center justify-center`,children:(0,f.jsx)(c.ConversationStatusDot,{executionStatus:g,sandboxStatus:_,showTooltip:!1})}),(0,f.jsx)(`span`,{className:`break-words text-sm font-medium leading-5 text-white`,children:o})]}),(0,f.jsxs)(`dl`,{className:`flex flex-col gap-1.5`,children:[E?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION_PANEL$PREVIEW_REPO),children:(0,f.jsx)(h,{icon:k?(0,f.jsx)(k,{size:12}):O===`azure_devops`?(0,f.jsx)(s.default,{className:`h-3 w-3`}):void 0,children:E})}),D?(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH),children:(0,f.jsx)(h,{icon:(0,f.jsx)(a.FaCodeBranch,{size:11}),children:D})}):null]}):y?(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY),children:(0,f.jsx)(h,{icon:(0,f.jsx)(n.Folder,{size:12}),children:y})}):null,b?(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL),children:(0,f.jsx)(h,{testId:`conversation-card-preview-model`,icon:(0,f.jsx)(l.AgentBrandIcon,{kind:x===`acp`?r.resolveAcpProviderIcon(S):`openhands`,size:12}),children:b})}):null,j.map(([e,t])=>{let n=d.getConversationTagIcon(e,t);return(0,f.jsx)(m,{label:u.getConversationTagLabel(e,T),children:(0,f.jsx)(h,{testId:`conversation-card-preview-tag-row`,tagKey:e,icon:(0,f.jsx)(n,{"aria-hidden":!0,className:`h-3 w-3`}),children:t})},e)}),A?(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION$CREATED),children:A}):null]})]})}exports.ConversationCardPreview=g;
 //# sourceMappingURL=conversation-card-preview.cjs.map

package/dist/components/features/conversation-panel/conversation-card/conversation-card-preview.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-card-preview.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-preview.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Folder } from \"lucide-react\";\nimport { FaBitbucket, FaGithub, FaGitlab } from \"react-icons/fa6\";\nimport { FaCodeBranch } from \"react-icons/fa\";\nimport type { IconType } from \"react-icons/lib\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { RepositorySelection } from \"#/api/open-hands.types\";\nimport type { Provider } from \"#/types/settings\";\nimport type { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport type { SandboxStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport AzureDevOpsLogo from \"#/assets/branding/azure-devops-logo.svg?react\";\nimport { ConversationStatusDot } from \"../conversation-status-dot\";\n\ninterface ConversationCardPreviewProps {\n title: string;\n executionStatus?: ExecutionStatus \| null;\n sandboxStatus?: SandboxStatus \| null;\n selectedRepository: RepositorySelection \| null;\n workspaceWorkingDir?: string \| null;\n llmModel?: string \| null;\n createdAt?: string;\n}\n\nconst providerIcon: Partial<Record<Provider, IconType>> = {\n bitbucket: FaBitbucket,\n bitbucket_data_center: FaBitbucket,\n github: FaGithub,\n gitlab: FaGitlab,\n};\n\ninterface PreviewRowProps {\n label: string;\n children: ReactNode;\n}\n\nfunction PreviewRow({ label, children }: PreviewRowProps) {\n return (\n <div className=\"flex items-start gap-2 text-xs\">\n <span className=\"w-20 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n <span className=\"min-w-0 flex-1 break-words text-[var(--oh-foreground)]\">\n {children}\n </span>\n </div>\n );\n}\n\nexport function ConversationCardPreview({\n title,\n executionStatus,\n sandboxStatus,\n selectedRepository,\n workspaceWorkingDir,\n llmModel,\n createdAt,\n}: ConversationCardPreviewProps) {\n const { t } = useTranslation(\"openhands\");\n\n const repository = selectedRepository?.selected_repository ?? null;\n const branch = selectedRepository?.selected_branch ?? null;\n const provider = selectedRepository?.git_provider ?? null;\n const ProviderIcon = provider ? providerIcon[provider] : null;\n\n const createdLabel = createdAt\n ? new Date(createdAt).toLocaleString(undefined, {\n dateStyle: \"medium\",\n timeStyle: \"short\",\n })\n : null;\n\n return (\n <div className=\"flex w-[280px] flex-col gap-3 p-3\">\n <div className=\"flex items-start gap-2\">\n {executionStatus !== undefined ? (\n <div className=\"mt-0.5\">\n <ConversationStatusDot\n executionStatus={executionStatus}\n sandboxStatus={sandboxStatus}\n showTooltip={false}\n />\n </div>\n ) : null}\n <span className=\"break-words text-sm font-medium text-white\">\n {title}\n </span>\n </div>\n\n <dl className=\"flex flex-col gap-1.5\">\n {repository ? (\n <>\n <PreviewRow label={t(I18nKey.CONVERSATION$REPOSITORY)}>\n <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n {ProviderIcon ? (\n <ProviderIcon size={12} className=\"mt-0.5 shrink-0\" />\n ) : null}\n {provider === \"azure_devops\" ? (\n <AzureDevOpsLogo className=\"mt-0.5 h-3 w-3 shrink-0\" />\n ) : null}\n <span className=\"break-all\">{repository}</span>\n </span>\n </PreviewRow>\n {branch ? (\n <PreviewRow label={t(I18nKey.CONVERSATION$BRANCH)}>\n <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n <FaCodeBranch size={11} className=\"mt-0.5 shrink-0\" />\n <span className=\"break-all\">{branch}</span>\n </span>\n </PreviewRow>\n ) : null}\n </>\n ) : workspaceWorkingDir ? (\n <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY)}>\n <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n <Folder size={12} className=\"mt-0.5 shrink-0\" />\n <span className=\"break-all\">{workspaceWorkingDir}</span>\n </span>\n </PreviewRow>\n ) : null}\n\n {llmModel ? (\n <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL)}>\n <span className=\"break-all\">{llmModel}</span>\n </PreviewRow>\n ) : null}\n\n {createdLabel ? (\n <PreviewRow label={t(I18nKey.CONVERSATION$CREATED)}>\n {createdLabel}\n </PreviewRow>\n ) : null}\n </dl>\n </div>\n );\n}\n"],"mappings":"mhBAwBA,IAAM,EAAoD,CACxD,UAAW,EAAA,YACX,sBAAuB,EAAA,YACvB,OAAQ,EAAA,SACR,OAAQ,EAAA,QACV,EAOA,SAAS,EAAW,CAAE,QAAO,YAA6B,CACxD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDAAwC,CAAY,CAAA,GACpE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,yDACb,UACG,CAAA,CACH,GAET,CAEA,SAAgB,EAAwB,CACtC,QACA,kBACA,gBACA,qBACA,sBACA,WACA,aAC+B,CAC/B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,EAAa,GAAoB,qBAAuB,KACxD,EAAS,GAAoB,iBAAmB,KAChD,EAAW,GAAoB,cAAgB,KAC/C,EAAe,EAAW,EAAa,GAAY,KAEnD,EAAe,EACjB,IAAI,KAAK,CAAS,EAAE,eAAe,IAAA,GAAW,CAC5C,UAAW,SACX,UAAW,OACb,CAAC,EACD,KAEJ,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kCAAf,CACG,IAAoB,IAAA,GAQjB,MAPF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,mBACb,EAAA,EAAA,KAAC,EAAA,sBAAD,CACmB,kBACF,gBACf,YAAa,EACd,CAAA,CACE,CAAA,GAEP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sDACb,CACG,CAAA,CACH,KAEL,EAAA,EAAA,MAAC,KAAD,CAAI,UAAU,iCAAd,CACG,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,uBAAuB,YAClD,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,mDAAhB,CACG,GACC,EAAA,EAAA,KAAC,EAAD,CAAc,KAAM,GAAI,UAAU,iBAAmB,CAAA,EACnD,KACH,IAAa,gBACZ,EAAA,EAAA,KAAC,EAAA,QAAD,CAAiB,UAAU,yBAA2B,CAAA,EACpD,MACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,CAAiB,CAAA,CAC1C,GACI,CAAA,EACX,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,mBAAmB,YAC9C,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,mDAAhB,EACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,KAAM,GAAI,UAAU,iBAAmB,CAAA,GACrD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,CAAa,CAAA,CACtC,GACI,CAAA,EACV,IACJ,CAAA,CAAA,EACA,GACF,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,oCAAoC,YAC/D,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,mDAAhB,EACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,KAAM,GAAI,UAAU,iBAAmB,CAAA,GAC/C,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,CAA0B,CAAA,CACnD,GACI,CAAA,EACV,KAEH,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,gCAAgC,YAC3D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,CAAe,CAAA,CAClC,CAAA,EACV,KAEH,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,oBAAoB,WAC9C,CACS,CAAA,EACV,IACF,GACD,GAET"}
1	+ {"version":3,"file":"conversation-card-preview.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-preview.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Folder } from \"lucide-react\";\nimport { FaBitbucket, FaGithub, FaGitlab } from \"react-icons/fa6\";\nimport { FaCodeBranch } from \"react-icons/fa\";\nimport type { IconType } from \"react-icons/lib\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { RepositorySelection } from \"#/api/open-hands.types\";\nimport type { Provider } from \"#/types/settings\";\nimport type { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport type { SandboxStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { resolveAcpProviderIcon } from \"#/constants/acp-providers\";\nimport AzureDevOpsLogo from \"#/assets/branding/azure-devops-logo.svg?react\";\nimport { AgentBrandIcon } from \"#/components/shared/agent-brand-icon\";\nimport { ConversationStatusDot } from \"../conversation-status-dot\";\nimport { getConversationTagLabel } from \"./conversation-tag-display\";\nimport { getConversationTagIcon } from \"./conversation-tag-icons\";\n\ninterface ConversationCardPreviewProps {\n title: string;\n executionStatus?: ExecutionStatus \| null;\n sandboxStatus?: SandboxStatus \| null;\n selectedRepository: RepositorySelection \| null;\n workspaceWorkingDir?: string \| null;\n llmModel?: string \| null;\n /*\n High-level kind of the conversation's agent. Drives the model row's brand\n * mark exactly like the card chip does — without it an ACP conversation\n * would show the OpenHands wordmark next to a Claude Code / Codex / Gemini\n * model, contradicting the chip on the very card being hovered.\n /\n agentKind?: \"openhands\" \| \"acp\" \| null;\n /* Registry key of the ACP CLI server, resolved to its brand mark. /\n acpServer?: string \| null;\n createdAt?: string;\n /\n Server-side conversation tags. Always shown in the hovercard when present\n * (except keys already covered by repository / branch / directory rows).\n * Sidebar card chips stay gated by the panel's Tags preference.\n /\n tags?: Record<string, string> \| null;\n}\n\nconst providerIcon: Partial<Record<Provider, IconType>> = {\n bitbucket: FaBitbucket,\n bitbucket_data_center: FaBitbucket,\n github: FaGithub,\n gitlab: FaGitlab,\n};\n\ninterface PreviewRowProps {\n label: string;\n children: ReactNode;\n}\n\nfunction PreviewRow({ label, children }: PreviewRowProps) {\n return (\n <div className=\"flex items-start gap-2 text-xs leading-4\">\n <span className=\"w-20 shrink-0 whitespace-normal break-words text-[var(--oh-muted)]\">\n {label}\n </span>\n <span className=\"min-w-0 flex-1 overflow-visible whitespace-normal break-words text-[var(--oh-foreground)]\">\n {children}\n </span>\n </div>\n );\n}\n\n/\n Icon + value for preview rows. The icon sits in a box matching the first\n * line's height (``leading-4``) so it stays optically centered when the value\n * wraps to multiple lines. The slot has a 12px minimum rather than a fixed\n * width so the wider OpenHands wordmark (18px at ``size={12}``) is not clipped,\n * while the square icons still share one column.\n */\nfunction PreviewValueWithIcon({\n icon,\n children,\n testId,\n tagKey,\n}: {\n icon?: ReactNode;\n children: ReactNode;\n testId?: string;\n tagKey?: string;\n}) {\n return (\n <span\n data-testid={testId}\n data-tag-key={tagKey}\n className=\"inline-flex min-w-0 max-w-full items-start gap-1.5\"\n >\n {icon ? (\n <span className=\"inline-flex h-4 min-w-3 shrink-0 items-center justify-center [&_svg]:block\">\n {icon}\n </span>\n ) : null}\n <span className=\"min-w-0 flex-1 whitespace-normal break-all\">\n {children}\n </span>\n </span>\n );\n}\n\nexport function ConversationCardPreview({\n title,\n executionStatus,\n sandboxStatus,\n selectedRepository,\n workspaceWorkingDir,\n llmModel,\n agentKind = null,\n acpServer = null,\n createdAt,\n tags = null,\n}: ConversationCardPreviewProps) {\n const { t } = useTranslation(\"openhands\");\n\n const repository = selectedRepository?.selected_repository ?? null;\n const branch = selectedRepository?.selected_branch ?? null;\n const provider = selectedRepository?.git_provider ?? null;\n const ProviderIcon = provider ? providerIcon[provider] : null;\n\n const createdLabel = createdAt\n ? new Date(createdAt).toLocaleString(undefined, {\n dateStyle: \"medium\",\n timeStyle: \"short\",\n })\n : null;\n\n const previewTags = getDisplayConversationTags(tags);\n\n return (\n <div\n data-testid=\"conversation-card-preview\"\n className=\"flex w-[280px] max-w-[min(280px,90vw)] flex-col gap-3 overflow-visible p-3\"\n >\n <div className=\"flex items-start gap-2\">\n {executionStatus !== undefined ? (\n <span className=\"inline-flex h-5 w-2.5 shrink-0 items-center justify-center\">\n <ConversationStatusDot\n executionStatus={executionStatus}\n sandboxStatus={sandboxStatus}\n showTooltip={false}\n />\n </span>\n ) : null}\n <span className=\"break-words text-sm font-medium leading-5 text-white\">\n {title}\n </span>\n </div>\n\n <dl className=\"flex flex-col gap-1.5\">\n {repository ? (\n <>\n <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_REPO)}>\n <PreviewValueWithIcon\n icon={\n ProviderIcon ? (\n <ProviderIcon size={12} />\n ) : provider === \"azure_devops\" ? (\n <AzureDevOpsLogo className=\"h-3 w-3\" />\n ) : undefined\n }\n >\n {repository}\n </PreviewValueWithIcon>\n </PreviewRow>\n {branch ? (\n <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH)}>\n <PreviewValueWithIcon icon={<FaCodeBranch size={11} />}>\n {branch}\n </PreviewValueWithIcon>\n </PreviewRow>\n ) : null}\n </>\n ) : workspaceWorkingDir ? (\n <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY)}>\n <PreviewValueWithIcon icon={<Folder size={12} />}>\n {workspaceWorkingDir}\n </PreviewValueWithIcon>\n </PreviewRow>\n ) : null}\n\n {llmModel ? (\n <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL)}>\n <PreviewValueWithIcon\n testId=\"conversation-card-preview-model\"\n icon={\n <AgentBrandIcon\n kind={\n agentKind === \"acp\"\n ? resolveAcpProviderIcon(acpServer)\n : \"openhands\"\n }\n size={12}\n />\n }\n >\n {llmModel}\n </PreviewValueWithIcon>\n </PreviewRow>\n ) : null}\n\n {previewTags.map(([key, value]) => {\n const Icon = getConversationTagIcon(key, value);\n const label = getConversationTagLabel(key, t);\n\n return (\n <PreviewRow key={key} label={label}>\n <PreviewValueWithIcon\n testId=\"conversation-card-preview-tag-row\"\n tagKey={key}\n icon={<Icon aria-hidden className=\"h-3 w-3\" />}\n >\n {value}\n </PreviewValueWithIcon>\n </PreviewRow>\n );\n })}\n\n {createdLabel ? (\n <PreviewRow label={t(I18nKey.CONVERSATION$CREATED)}>\n {createdLabel}\n </PreviewRow>\n ) : null}\n </dl>\n </div>\n );\n}\n"],"mappings":"swBA4CA,IAAM,EAAoD,CACxD,UAAW,EAAA,YACX,sBAAuB,EAAA,YACvB,OAAQ,EAAA,SACR,OAAQ,EAAA,QACV,EAOA,SAAS,EAAW,CAAE,QAAO,YAA6B,CACxD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,8EACb,CACG,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4FACb,UACG,CAAA,CACH,GAET,CASA,SAAS,EAAqB,CAC5B,OACA,WACA,SACA,UAMC,CACD,OACE,EAAA,EAAA,MAAC,OAAD,CACE,cAAa,EACb,eAAc,EACd,UAAU,8DAHZ,CAKG,GACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sFACb,CACG,CAAA,EACJ,MACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6CACb,UACG,CAAA,CACF,GAEV,CAEA,SAAgB,EAAwB,CACtC,QACA,kBACA,gBACA,qBACA,sBACA,WACA,YAAY,KACZ,YAAY,KACZ,YACA,OAAO,MACwB,CAC/B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,EAAa,GAAoB,qBAAuB,KACxD,EAAS,GAAoB,iBAAmB,KAChD,EAAW,GAAoB,cAAgB,KAC/C,EAAe,EAAW,EAAa,GAAY,KAEnD,EAAe,EACjB,IAAI,KAAK,CAAS,EAAE,eAAe,IAAA,GAAW,CAC5C,UAAW,SACX,UAAW,OACb,CAAC,EACD,KAEE,EAAc,EAAA,2BAA2B,CAAI,EAEnD,OACE,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,4BACZ,UAAU,sFAFZ,EAIE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kCAAf,CACG,IAAoB,IAAA,GAQjB,MAPF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uEACd,EAAA,EAAA,KAAC,EAAA,sBAAD,CACmB,kBACF,gBACf,YAAa,EACd,CAAA,CACG,CAAA,GAER,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gEACb,CACG,CAAA,CACH,KAEL,EAAA,EAAA,MAAC,KAAD,CAAI,UAAU,iCAAd,CACG,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,+BAA+B,YAC1D,EAAA,EAAA,KAAC,EAAD,CACE,KACE,GACE,EAAA,EAAA,KAAC,EAAD,CAAc,KAAM,EAAK,CAAA,EACvB,IAAa,gBACf,EAAA,EAAA,KAAC,EAAA,QAAD,CAAiB,UAAU,SAAW,CAAA,EACpC,IAAA,YAGL,CACmB,CAAA,CACZ,CAAA,EACX,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,iCAAiC,YAC5D,EAAA,EAAA,KAAC,EAAD,CAAsB,MAAM,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,KAAM,EAAK,CAAA,WAClD,CACmB,CAAA,CACZ,CAAA,EACV,IACJ,CAAA,CAAA,EACA,GACF,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,oCAAoC,YAC/D,EAAA,EAAA,KAAC,EAAD,CAAsB,MAAM,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,KAAM,EAAK,CAAA,WAC5C,CACmB,CAAA,CACZ,CAAA,EACV,KAEH,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,gCAAgC,YAC3D,EAAA,EAAA,KAAC,EAAD,CACE,OAAO,kCACP,MACE,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,KACE,IAAc,MACV,EAAA,uBAAuB,CAAS,EAChC,YAEN,KAAM,EACP,CAAA,WAGF,CACmB,CAAA,CACZ,CAAA,EACV,KAEH,EAAY,KAAK,CAAC,EAAK,KAAW,CACjC,IAAM,EAAO,EAAA,uBAAuB,EAAK,CAAK,EAG9C,OACE,EAAA,EAAA,KAAC,EAAD,CAA6B,MAHjB,EAAA,wBAAwB,EAAK,CAGZ,YAC3B,EAAA,EAAA,KAAC,EAAD,CACE,OAAO,oCACP,OAAQ,EACR,MAAM,EAAA,EAAA,KAAC,EAAD,CAAM,cAAA,GAAY,UAAU,SAAW,CAAA,WAE5C,CACmB,CAAA,CACZ,EARK,CAQL,CAEhB,CAAC,EAEA,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,oBAAoB,WAC9C,CACS,CAAA,EACV,IACF,GACD,GAET"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card-preview.d.ts CHANGED Viewed

@@ -8,7 +8,22 @@ interface ConversationCardPreviewProps {
     selectedRepository: RepositorySelection | null;
     workspaceWorkingDir?: string | null;
     llmModel?: string | null;
+    /**
+     * High-level kind of the conversation's agent. Drives the model row's brand
+     * mark exactly like the card chip does — without it an ACP conversation
+     * would show the OpenHands wordmark next to a Claude Code / Codex / Gemini
+     * model, contradicting the chip on the very card being hovered.
+     */
+    agentKind?: "openhands" | "acp" | null;
+    /** Registry key of the ACP CLI server, resolved to its brand mark. */
+    acpServer?: string | null;
     createdAt?: string;
+    /**
+     * Server-side conversation tags. Always shown in the hovercard when present
+     * (except keys already covered by repository / branch / directory rows).
+     * Sidebar card chips stay gated by the panel's Tags preference.
+     */
+    tags?: Record<string, string> | null;
 }
-export declare function ConversationCardPreview({ title, executionStatus, sandboxStatus, selectedRepository, workspaceWorkingDir, llmModel, createdAt, }: ConversationCardPreviewProps): import("react").JSX.Element;
+export declare function ConversationCardPreview({ title, executionStatus, sandboxStatus, selectedRepository, workspaceWorkingDir, llmModel, agentKind, acpServer, createdAt, tags, }: ConversationCardPreviewProps): import("react").JSX.Element;
 export {};