@openhands/agent-canvas 1.10.0 → 1.12.0

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

@@ -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"}
+{"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

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

@@ -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"}
+{"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/chat/components/chat-input-llm-profile-picker.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../../icons/checkmark.cjs"),a=require("../../../../utils/form-control-classes.cjs"),o=require("../../../../ui/typography.cjs"),s=require("../../../../ui/combobox-caret.cjs"),c=require("../../../../ui/context-menu.cjs"),l=require("../../context-menu/context-menu-list-item.cjs"),u=require("../../../../hooks/use-click-outside-element.cjs"),d=require("../../../../icons/settings-gear.cjs"),f=require("../../../shared/navigation-link.cjs"),p=require("../../../../ui/divider.cjs"),m=require("../../../../hooks/use-chat-input-llm-profile-state.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");var _=18;function v(e){return e.length<=_?e:`${e.slice(0,_)}…`}function y({onClose:e,dividerInset:a,settingsLinkClassName:s,settingsIconClassName:c}){let{t:u}=t.useTranslation(`openhands`),{profiles:h,currentProfileName:_,currentProfileModel:v,canSwitchProfile:y,selectProfile:b}=m.useChatInputLlmProfileState(),x=y&&h.length>0,S=y?null:_,C=t=>{b(t),e()};return(0,g.jsxs)(g.Fragment,{children:[x&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(`li`,{role:`presentation`,className:`px-2 pt-1 pb-0.5`,children:(0,g.jsx)(o.Typography.Text,{className:`text-[11px] font-medium text-[var(--oh-text-dim)] uppercase tracking-wide leading-4`,children:u(n.I18nKey.SETTINGS$AVAILABLE_PROFILES)})}),h.map(t=>{let n=t.name===_;return(0,g.jsxs)(l.ContextMenuListItem,{testId:`chat-input-llm-profile-option-${t.name}`,onClick:r=>{if(r.preventDefault(),r.stopPropagation(),n){e();return}C(t.name)},className:r.cn(`flex flex-col items-stretch gap-0.5`,n&&`bg-[var(--oh-interactive-hover)]`),children:[(0,g.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,g.jsx)(`span`,{className:`flex-1 truncate text-sm leading-5`,title:t.model??t.name,children:t.name}),n&&(0,g.jsx)(i.default,{width:14,height:14,className:`shrink-0`,"aria-hidden":!0})]}),t.model&&(0,g.jsx)(`span`,{className:`block truncate text-xs leading-4 text-[var(--oh-muted)]`,children:t.model})]},t.name)})]}),S&&(0,g.jsx)(`li`,{className:`text-sm`,"data-testid":`chat-input-llm-profile-current`,children:(0,g.jsxs)(`div`,{className:`flex flex-col gap-0.5 p-2 leading-5 text-[var(--oh-foreground)]`,children:[(0,g.jsx)(`span`,{className:`truncate`,title:S,children:S}),v&&(0,g.jsx)(`span`,{className:`truncate text-xs leading-4 text-[var(--oh-muted)]`,children:v})]})}),(x||S)&&(0,g.jsx)(p.Divider,{inset:a}),(0,g.jsx)(`li`,{className:`text-sm`,children:(0,g.jsxs)(f.NavigationLink,{to:`/settings/llm`,onClick:e,className:r.cn(`flex h-[30px] items-center gap-2 rounded p-2 leading-5 text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] transition-colors`,s),children:[(0,g.jsx)(d.default,{width:16,height:16,className:r.cn(`shrink-0`,c),"aria-hidden":!0}),(0,g.jsx)(`span`,{children:u(n.I18nKey.SETTINGS$LLM_PROFILES)})]})})]})}function b(){let{t:e}=t.useTranslation(`openhands`),{profiles:i,currentProfileName:o,isLoading:l,isSwitching:d}=m.useChatInputLlmProfileState(),[f,p]=h.default.useState(!1),_=h.default.useRef(null),b=u.useClickOutsideElement(()=>p(!1),_);if(l||i.length===0)return null;let x=o??e(n.I18nKey.LLM$SELECT_MODEL_PLACEHOLDER);return(0,g.jsxs)(`div`,{className:`relative min-w-0`,children:[(0,g.jsxs)(`button`,{ref:_,type:`button`,className:r.cn(a.chatInputPillButtonClassName,`max-w-[200px]`),title:o??void 0,"data-testid":`chat-input-llm-profile`,"aria-expanded":f,"aria-haspopup":`dialog`,disabled:d,"aria-busy":d,onClick:e=>{e.preventDefault(),e.stopPropagation(),p(e=>!e)},children:[(0,g.jsx)(`span`,{className:`truncate`,children:v(x)}),(0,g.jsx)(s.ComboboxCaretInline,{isOpen:f})]}),f&&(0,g.jsx)(c.ContextMenu,{ref:b,testId:`chat-input-llm-profile-popover`,position:`top`,alignment:`left`,spacing:`none`,className:`z-[60] mb-2 min-w-[200px] max-w-[320px] max-h-[60vh] overflow-y-auto`,children:(0,g.jsx)(y,{onClose:()=>p(!1)})})]})}exports.ChatInputLlmProfileMenuContent=y,exports.ChatInputLlmProfilePicker=b;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../../icons/checkmark.cjs"),a=require("../../../../utils/form-control-classes.cjs"),o=require("../../../../utils/format-model-name.cjs"),s=require("../../../../ui/typography.cjs"),c=require("../../../../ui/combobox-caret.cjs"),l=require("../../../../ui/context-menu.cjs"),u=require("../../context-menu/context-menu-list-item.cjs"),d=require("../../../../hooks/use-click-outside-element.cjs"),f=require("../../../../icons/settings-gear.cjs"),p=require("../../../shared/navigation-link.cjs"),m=require("../../../../ui/divider.cjs"),h=require("../../../../hooks/use-chat-input-llm-profile-state.cjs");let g=require("react");g=e.__toESM(g,1);let _=require("react/jsx-runtime");var v=18;function y(e){return e.length<=v?e:`${e.slice(0,v)}…`}function b({onClose:e,dividerInset:a,settingsLinkClassName:c,settingsIconClassName:l}){let{t:d}=t.useTranslation(`openhands`),{profiles:g,currentProfileName:v,currentProfileModel:y,canSwitchProfile:b,selectProfile:x}=h.useChatInputLlmProfileState(),S=b&&g.length>0,C=b?null:v,w=t=>{x(t),e()};return(0,_.jsxs)(_.Fragment,{children:[S&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`li`,{role:`presentation`,className:`px-2 pt-1 pb-0.5`,children:(0,_.jsx)(s.Typography.Text,{className:`text-[11px] font-medium text-[var(--oh-text-dim)] uppercase tracking-wide leading-4`,children:d(n.I18nKey.SETTINGS$AVAILABLE_PROFILES)})}),g.map(t=>{let n=t.name===v,a=o.formatModelNameForDisplay(t.model);return(0,_.jsxs)(u.ContextMenuListItem,{testId:`chat-input-llm-profile-option-${t.name}`,onClick:r=>{if(r.preventDefault(),r.stopPropagation(),n){e();return}w(t.name)},className:r.cn(`flex flex-col items-stretch gap-0.5`,n&&`bg-[var(--oh-interactive-hover)]`),children:[(0,_.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,_.jsx)(`span`,{className:`flex-1 truncate text-sm leading-5`,title:t.model??t.name,children:t.name}),n&&(0,_.jsx)(i.default,{width:14,height:14,className:`shrink-0`,"aria-hidden":!0})]}),a&&(0,_.jsx)(`span`,{className:`block truncate text-xs leading-4 text-[var(--oh-muted)]`,children:a})]},t.name)})]}),C&&(0,_.jsx)(`li`,{className:`text-sm`,"data-testid":`chat-input-llm-profile-current`,children:(0,_.jsxs)(`div`,{className:`flex flex-col gap-0.5 p-2 leading-5 text-[var(--oh-foreground)]`,children:[(0,_.jsx)(`span`,{className:`truncate`,title:C,children:C}),y&&(0,_.jsx)(`span`,{className:`truncate text-xs leading-4 text-[var(--oh-muted)]`,children:o.formatModelNameForDisplay(y)})]})}),(S||C)&&(0,_.jsx)(m.Divider,{inset:a}),(0,_.jsx)(`li`,{className:`text-sm`,children:(0,_.jsxs)(p.NavigationLink,{to:`/settings/llm`,onClick:e,className:r.cn(`flex h-[30px] items-center gap-2 rounded p-2 leading-5 text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] transition-colors`,c),children:[(0,_.jsx)(f.default,{width:16,height:16,className:r.cn(`shrink-0`,l),"aria-hidden":!0}),(0,_.jsx)(`span`,{children:d(n.I18nKey.SETTINGS$LLM_PROFILES)})]})})]})}function x(){let{t:e}=t.useTranslation(`openhands`),{profiles:i,currentProfileName:o,isLoading:s,isSwitching:u}=h.useChatInputLlmProfileState(),[f,p]=g.default.useState(!1),m=g.default.useRef(null),v=d.useClickOutsideElement(()=>p(!1),m);if(s||i.length===0)return null;let x=o??e(n.I18nKey.LLM$SELECT_MODEL_PLACEHOLDER);return(0,_.jsxs)(`div`,{className:`relative min-w-0`,children:[(0,_.jsxs)(`button`,{ref:m,type:`button`,className:r.cn(a.chatInputPillButtonClassName,`max-w-[200px]`),title:o??void 0,"data-testid":`chat-input-llm-profile`,"aria-expanded":f,"aria-haspopup":`dialog`,disabled:u,"aria-busy":u,onClick:e=>{e.preventDefault(),e.stopPropagation(),p(e=>!e)},children:[(0,_.jsx)(`span`,{className:`truncate`,children:y(x)}),(0,_.jsx)(c.ComboboxCaretInline,{isOpen:f})]}),f&&(0,_.jsx)(l.ContextMenu,{ref:v,testId:`chat-input-llm-profile-popover`,position:`top`,alignment:`left`,spacing:`none`,className:`z-[60] mb-2 min-w-[200px] max-w-[320px] max-h-[60vh] overflow-y-auto`,children:(0,_.jsx)(b,{onClose:()=>p(!1)})})]})}exports.ChatInputLlmProfileMenuContent=b,exports.ChatInputLlmProfilePicker=x;
 //# sourceMappingURL=chat-input-llm-profile-picker.cjs.map

package/dist/components/features/chat/components/chat-input-llm-profile-picker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chat-input-llm-profile-picker.cjs","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-llm-profile-picker.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useChatInputLlmProfileState } from \"#/hooks/use-chat-input-llm-profile-state\";\nimport { ComboboxCaretInline } from \"#/ui/combobox-caret\";\nimport SettingsGearIcon from \"#/icons/settings-gear.svg?react\";\nimport CheckIcon from \"#/icons/checkmark.svg?react\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"#/components/features/context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { chatInputPillButtonClassName } from \"#/utils/form-control-classes\";\n\nconst PROFILE_LABEL_MAX_CHARS = 18;\n\nfunction truncateLabel(label: string): string {\n  return label.length <= PROFILE_LABEL_MAX_CHARS\n    ? label\n    : `${label.slice(0, PROFILE_LABEL_MAX_CHARS)}…`;\n}\n\ninterface ChatInputLlmProfileMenuContentProps {\n  onClose: () => void;\n  dividerInset?: \"menu\";\n  settingsLinkClassName?: string;\n  settingsIconClassName?: string;\n}\n\n/**\n * The in-conversation OpenHands LLM-profile switcher list. Selecting a profile\n * live-swaps the running conversation's LLM via `/switch_profile` (the ACP\n * analog is {@link ChatInputModelMenuContent}). Shared by the inline pill and\n * the chat-input overflow submenu.\n */\nexport function ChatInputLlmProfileMenuContent({\n  onClose,\n  dividerInset,\n  settingsLinkClassName,\n  settingsIconClassName,\n}: ChatInputLlmProfileMenuContentProps) {\n  const { t } = useTranslation(\"openhands\");\n  const {\n    profiles,\n    currentProfileName,\n    currentProfileModel,\n    canSwitchProfile,\n    selectProfile,\n  } = useChatInputLlmProfileState();\n  // Read-only surfaces (a cloud member on the home page, or a start-task route)\n  // still name the active profile — the same shape ChatInputModelMenuContent\n  // uses when the ACP picker is gated off.\n  const showProfileList = canSwitchProfile && profiles.length > 0;\n  const readOnlyProfileName = canSwitchProfile ? null : currentProfileName;\n\n  const handleSelect = (profileName: string) => {\n    selectProfile(profileName);\n    onClose();\n  };\n\n  return (\n    <>\n      {showProfileList && (\n        <>\n          {/* role=\"presentation\" keeps this a valid <li> child of the\n              ContextMenu <ul> without exposing the label as a menu item. */}\n          <li role=\"presentation\" className=\"px-2 pt-1 pb-0.5\">\n            <Typography.Text className=\"text-[11px] font-medium text-[var(--oh-text-dim)] uppercase tracking-wide leading-4\">\n              {t(I18nKey.SETTINGS$AVAILABLE_PROFILES)}\n            </Typography.Text>\n          </li>\n          {profiles.map((profile) => {\n            const isCurrent = profile.name === currentProfileName;\n            return (\n              <ContextMenuListItem\n                key={profile.name}\n                testId={`chat-input-llm-profile-option-${profile.name}`}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  if (isCurrent) {\n                    onClose();\n                    return;\n                  }\n                  handleSelect(profile.name);\n                }}\n                className={cn(\n                  \"flex flex-col items-stretch gap-0.5\",\n                  isCurrent && \"bg-[var(--oh-interactive-hover)]\",\n                )}\n              >\n                <span className=\"flex items-center gap-2\">\n                  <span\n                    className=\"flex-1 truncate text-sm leading-5\"\n                    title={profile.model ?? profile.name}\n                  >\n                    {profile.name}\n                  </span>\n                  {isCurrent && (\n                    <CheckIcon\n                      width={14}\n                      height={14}\n                      className=\"shrink-0\"\n                      aria-hidden\n                    />\n                  )}\n                </span>\n                {profile.model && (\n                  <span className=\"block truncate text-xs leading-4 text-[var(--oh-muted)]\">\n                    {profile.model}\n                  </span>\n                )}\n              </ContextMenuListItem>\n            );\n          })}\n        </>\n      )}\n      {readOnlyProfileName && (\n        <li className=\"text-sm\" data-testid=\"chat-input-llm-profile-current\">\n          <div className=\"flex flex-col gap-0.5 p-2 leading-5 text-[var(--oh-foreground)]\">\n            <span className=\"truncate\" title={readOnlyProfileName}>\n              {readOnlyProfileName}\n            </span>\n            {currentProfileModel && (\n              <span className=\"truncate text-xs leading-4 text-[var(--oh-muted)]\">\n                {currentProfileModel}\n              </span>\n            )}\n          </div>\n        </li>\n      )}\n      {(showProfileList || readOnlyProfileName) && (\n        <Divider inset={dividerInset} />\n      )}\n      <li className=\"text-sm\">\n        <NavigationLink\n          to=\"/settings/llm\"\n          onClick={onClose}\n          className={cn(\n            \"flex h-[30px] items-center gap-2 rounded p-2 leading-5 text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] transition-colors\",\n            settingsLinkClassName,\n          )}\n        >\n          <SettingsGearIcon\n            width={16}\n            height={16}\n            className={cn(\"shrink-0\", settingsIconClassName)}\n            aria-hidden\n          />\n          <span>{t(I18nKey.SETTINGS$LLM_PROFILES)}</span>\n        </NavigationLink>\n      </li>\n    </>\n  );\n}\n\nexport function ChatInputLlmProfilePicker() {\n  const { t } = useTranslation(\"openhands\");\n  const { profiles, currentProfileName, isLoading, isSwitching } =\n    useChatInputLlmProfileState();\n  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const popoverRef = useClickOutsideElement<HTMLUListElement>(\n    () => setIsPopoverOpen(false),\n    triggerRef,\n  );\n\n  // No LLM profiles yet (or the agent-server lacks the surface): stay out of\n  // the way, exactly like the ACP/AgentProfile pickers.\n  if (isLoading || profiles.length === 0) {\n    return null;\n  }\n\n  const label = currentProfileName ?? t(I18nKey.LLM$SELECT_MODEL_PLACEHOLDER);\n\n  return (\n    <div className=\"relative min-w-0\">\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={cn(chatInputPillButtonClassName, \"max-w-[200px]\")}\n        title={currentProfileName ?? undefined}\n        data-testid=\"chat-input-llm-profile\"\n        aria-expanded={isPopoverOpen}\n        aria-haspopup=\"dialog\"\n        // Disabled mid-switch so re-opening can't fire a second /switch_profile.\n        disabled={isSwitching}\n        aria-busy={isSwitching}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          setIsPopoverOpen((open) => !open);\n        }}\n      >\n        <span className=\"truncate\">{truncateLabel(label)}</span>\n        <ComboboxCaretInline isOpen={isPopoverOpen} />\n      </button>\n\n      {isPopoverOpen && (\n        <ContextMenu\n          ref={popoverRef}\n          testId=\"chat-input-llm-profile-popover\"\n          position=\"top\"\n          alignment=\"left\"\n          spacing=\"none\"\n          className=\"z-[60] mb-2 min-w-[200px] max-w-[320px] max-h-[60vh] overflow-y-auto\"\n        >\n          <ChatInputLlmProfileMenuContent\n            onClose={() => setIsPopoverOpen(false)}\n          />\n        </ContextMenu>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"chat-input-llm-profile-picker.cjs","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-llm-profile-picker.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useChatInputLlmProfileState } from \"#/hooks/use-chat-input-llm-profile-state\";\nimport { ComboboxCaretInline } from \"#/ui/combobox-caret\";\nimport SettingsGearIcon from \"#/icons/settings-gear.svg?react\";\nimport CheckIcon from \"#/icons/checkmark.svg?react\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"#/components/features/context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { chatInputPillButtonClassName } from \"#/utils/form-control-classes\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\n\nconst PROFILE_LABEL_MAX_CHARS = 18;\n\nfunction truncateLabel(label: string): string {\n  return label.length <= PROFILE_LABEL_MAX_CHARS\n    ? label\n    : `${label.slice(0, PROFILE_LABEL_MAX_CHARS)}…`;\n}\n\ninterface ChatInputLlmProfileMenuContentProps {\n  onClose: () => void;\n  dividerInset?: \"menu\";\n  settingsLinkClassName?: string;\n  settingsIconClassName?: string;\n}\n\n/**\n * The in-conversation OpenHands LLM-profile switcher list. Selecting a profile\n * live-swaps the running conversation's LLM via `/switch_profile` (the ACP\n * analog is {@link ChatInputModelMenuContent}). Shared by the inline pill and\n * the chat-input overflow submenu.\n */\nexport function ChatInputLlmProfileMenuContent({\n  onClose,\n  dividerInset,\n  settingsLinkClassName,\n  settingsIconClassName,\n}: ChatInputLlmProfileMenuContentProps) {\n  const { t } = useTranslation(\"openhands\");\n  const {\n    profiles,\n    currentProfileName,\n    currentProfileModel,\n    canSwitchProfile,\n    selectProfile,\n  } = useChatInputLlmProfileState();\n  // Read-only surfaces (a cloud member on the home page, or a start-task route)\n  // still name the active profile — the same shape ChatInputModelMenuContent\n  // uses when the ACP picker is gated off.\n  const showProfileList = canSwitchProfile && profiles.length > 0;\n  const readOnlyProfileName = canSwitchProfile ? null : currentProfileName;\n\n  const handleSelect = (profileName: string) => {\n    selectProfile(profileName);\n    onClose();\n  };\n\n  return (\n    <>\n      {showProfileList && (\n        <>\n          {/* role=\"presentation\" keeps this a valid <li> child of the\n              ContextMenu <ul> without exposing the label as a menu item. */}\n          <li role=\"presentation\" className=\"px-2 pt-1 pb-0.5\">\n            <Typography.Text className=\"text-[11px] font-medium text-[var(--oh-text-dim)] uppercase tracking-wide leading-4\">\n              {t(I18nKey.SETTINGS$AVAILABLE_PROFILES)}\n            </Typography.Text>\n          </li>\n          {profiles.map((profile) => {\n            const isCurrent = profile.name === currentProfileName;\n            const displayModel = formatModelNameForDisplay(profile.model);\n            return (\n              <ContextMenuListItem\n                key={profile.name}\n                testId={`chat-input-llm-profile-option-${profile.name}`}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  if (isCurrent) {\n                    onClose();\n                    return;\n                  }\n                  handleSelect(profile.name);\n                }}\n                className={cn(\n                  \"flex flex-col items-stretch gap-0.5\",\n                  isCurrent && \"bg-[var(--oh-interactive-hover)]\",\n                )}\n              >\n                <span className=\"flex items-center gap-2\">\n                  <span\n                    className=\"flex-1 truncate text-sm leading-5\"\n                    title={profile.model ?? profile.name}\n                  >\n                    {profile.name}\n                  </span>\n                  {isCurrent && (\n                    <CheckIcon\n                      width={14}\n                      height={14}\n                      className=\"shrink-0\"\n                      aria-hidden\n                    />\n                  )}\n                </span>\n                {displayModel && (\n                  <span className=\"block truncate text-xs leading-4 text-[var(--oh-muted)]\">\n                    {displayModel}\n                  </span>\n                )}\n              </ContextMenuListItem>\n            );\n          })}\n        </>\n      )}\n      {readOnlyProfileName && (\n        <li className=\"text-sm\" data-testid=\"chat-input-llm-profile-current\">\n          <div className=\"flex flex-col gap-0.5 p-2 leading-5 text-[var(--oh-foreground)]\">\n            <span className=\"truncate\" title={readOnlyProfileName}>\n              {readOnlyProfileName}\n            </span>\n            {currentProfileModel && (\n              <span className=\"truncate text-xs leading-4 text-[var(--oh-muted)]\">\n                {formatModelNameForDisplay(currentProfileModel)}\n              </span>\n            )}\n          </div>\n        </li>\n      )}\n      {(showProfileList || readOnlyProfileName) && (\n        <Divider inset={dividerInset} />\n      )}\n      <li className=\"text-sm\">\n        <NavigationLink\n          to=\"/settings/llm\"\n          onClick={onClose}\n          className={cn(\n            \"flex h-[30px] items-center gap-2 rounded p-2 leading-5 text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] transition-colors\",\n            settingsLinkClassName,\n          )}\n        >\n          <SettingsGearIcon\n            width={16}\n            height={16}\n            className={cn(\"shrink-0\", settingsIconClassName)}\n            aria-hidden\n          />\n          <span>{t(I18nKey.SETTINGS$LLM_PROFILES)}</span>\n        </NavigationLink>\n      </li>\n    </>\n  );\n}\n\nexport function ChatInputLlmProfilePicker() {\n  const { t } = useTranslation(\"openhands\");\n  const { profiles, currentProfileName, isLoading, isSwitching } =\n    useChatInputLlmProfileState();\n  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const popoverRef = useClickOutsideElement<HTMLUListElement>(\n    () => setIsPopoverOpen(false),\n    triggerRef,\n  );\n\n  // No LLM profiles yet (or the agent-server lacks the surface): stay out of\n  // the way, exactly like the ACP/AgentProfile pickers.\n  if (isLoading || profiles.length === 0) {\n    return null;\n  }\n\n  const label = currentProfileName ?? t(I18nKey.LLM$SELECT_MODEL_PLACEHOLDER);\n\n  return (\n    <div className=\"relative min-w-0\">\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={cn(chatInputPillButtonClassName, \"max-w-[200px]\")}\n        title={currentProfileName ?? undefined}\n        data-testid=\"chat-input-llm-profile\"\n        aria-expanded={isPopoverOpen}\n        aria-haspopup=\"dialog\"\n        // Disabled mid-switch so re-opening can't fire a second /switch_profile.\n        disabled={isSwitching}\n        aria-busy={isSwitching}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          setIsPopoverOpen((open) => !open);\n        }}\n      >\n        <span className=\"truncate\">{truncateLabel(label)}</span>\n        <ComboboxCaretInline isOpen={isPopoverOpen} />\n      </button>\n\n      {isPopoverOpen && (\n        <ContextMenu\n          ref={popoverRef}\n          testId=\"chat-input-llm-profile-popover\"\n          position=\"top\"\n          alignment=\"left\"\n          spacing=\"none\"\n          className=\"z-[60] mb-2 min-w-[200px] max-w-[320px] max-h-[60vh] overflow-y-auto\"\n        >\n          <ChatInputLlmProfileMenuContent\n            onClose={() => setIsPopoverOpen(false)}\n          />\n        </ContextMenu>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/chat/components/chat-input-llm-profile-picker.js

@@ -3,131 +3,132 @@ import { I18nKey as t } from "../../../../i18n/declaration.js";
 import { cn as n } from "../../../../utils/utils.js";
 import r from "../../../../icons/checkmark.js";
 import { chatInputPillButtonClassName as i } from "../../../../utils/form-control-classes.js";
-import { Typography as a } from "../../../../ui/typography.js";
-import { ComboboxCaretInline as o } from "../../../../ui/combobox-caret.js";
-import { ContextMenu as s } from "../../../../ui/context-menu.js";
-import { ContextMenuListItem as c } from "../../context-menu/context-menu-list-item.js";
-import { useClickOutsideElement as l } from "../../../../hooks/use-click-outside-element.js";
-import u from "../../../../icons/settings-gear.js";
-import { NavigationLink as d } from "../../../shared/navigation-link.js";
-import { Divider as f } from "../../../../ui/divider.js";
-import { useChatInputLlmProfileState as p } from "../../../../hooks/use-chat-input-llm-profile-state.js";
-import m from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { formatModelNameForDisplay as a } from "../../../../utils/format-model-name.js";
+import { Typography as o } from "../../../../ui/typography.js";
+import { ComboboxCaretInline as s } from "../../../../ui/combobox-caret.js";
+import { ContextMenu as c } from "../../../../ui/context-menu.js";
+import { ContextMenuListItem as l } from "../../context-menu/context-menu-list-item.js";
+import { useClickOutsideElement as u } from "../../../../hooks/use-click-outside-element.js";
+import d from "../../../../icons/settings-gear.js";
+import { NavigationLink as f } from "../../../shared/navigation-link.js";
+import { Divider as p } from "../../../../ui/divider.js";
+import { useChatInputLlmProfileState as m } from "../../../../hooks/use-chat-input-llm-profile-state.js";
+import h from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/features/chat/components/chat-input-llm-profile-picker.tsx
-var v = 18;
-function y(e) {
-	return e.length <= v ? e : `${e.slice(0, v)}…`;
+var y = 18;
+function b(e) {
+	return e.length <= y ? e : `${e.slice(0, y)}…`;
 }
-function b({ onClose: i, dividerInset: o, settingsLinkClassName: s, settingsIconClassName: l }) {
-	let { t: m } = e("openhands"), { profiles: v, currentProfileName: y, currentProfileModel: b, canSwitchProfile: x, selectProfile: S } = p(), C = x && v.length > 0, w = x ? null : y, T = (e) => {
-		S(e), i();
+function x({ onClose: i, dividerInset: s, settingsLinkClassName: c, settingsIconClassName: u }) {
+	let { t: h } = e("openhands"), { profiles: y, currentProfileName: b, currentProfileModel: x, canSwitchProfile: S, selectProfile: C } = m(), w = S && y.length > 0, T = S ? null : b, E = (e) => {
+		C(e), i();
 	};
-	return /* @__PURE__ */ _(h, { children: [
-		C && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("li", {
+	return /* @__PURE__ */ v(g, { children: [
+		w && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("li", {
 			role: "presentation",
 			className: "px-2 pt-1 pb-0.5",
-			children: /* @__PURE__ */ g(a.Text, {
+			children: /* @__PURE__ */ _(o.Text, {
 				className: "text-[11px] font-medium text-[var(--oh-text-dim)] uppercase tracking-wide leading-4",
-				children: m(t.SETTINGS$AVAILABLE_PROFILES)
+				children: h(t.SETTINGS$AVAILABLE_PROFILES)
 			})
-		}), v.map((e) => {
-			let t = e.name === y;
-			return /* @__PURE__ */ _(c, {
+		}), y.map((e) => {
+			let t = e.name === b, o = a(e.model);
+			return /* @__PURE__ */ v(l, {
 				testId: `chat-input-llm-profile-option-${e.name}`,
 				onClick: (n) => {
 					if (n.preventDefault(), n.stopPropagation(), t) {
 						i();
 						return;
 					}
-					T(e.name);
+					E(e.name);
 				},
 				className: n("flex flex-col items-stretch gap-0.5", t && "bg-[var(--oh-interactive-hover)]"),
-				children: [/* @__PURE__ */ _("span", {
+				children: [/* @__PURE__ */ v("span", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ _("span", {
 						className: "flex-1 truncate text-sm leading-5",
 						title: e.model ?? e.name,
 						children: e.name
-					}), t && /* @__PURE__ */ g(r, {
+					}), t && /* @__PURE__ */ _(r, {
 						width: 14,
 						height: 14,
 						className: "shrink-0",
 						"aria-hidden": !0
 					})]
-				}), e.model && /* @__PURE__ */ g("span", {
+				}), o && /* @__PURE__ */ _("span", {
 					className: "block truncate text-xs leading-4 text-[var(--oh-muted)]",
-					children: e.model
+					children: o
 				})]
 			}, e.name);
 		})] }),
-		w && /* @__PURE__ */ g("li", {
+		T && /* @__PURE__ */ _("li", {
 			className: "text-sm",
 			"data-testid": "chat-input-llm-profile-current",
-			children: /* @__PURE__ */ _("div", {
+			children: /* @__PURE__ */ v("div", {
 				className: "flex flex-col gap-0.5 p-2 leading-5 text-[var(--oh-foreground)]",
-				children: [/* @__PURE__ */ g("span", {
+				children: [/* @__PURE__ */ _("span", {
 					className: "truncate",
-					title: w,
-					children: w
-				}), b && /* @__PURE__ */ g("span", {
+					title: T,
+					children: T
+				}), x && /* @__PURE__ */ _("span", {
 					className: "truncate text-xs leading-4 text-[var(--oh-muted)]",
-					children: b
+					children: a(x)
 				})]
 			})
 		}),
-		(C || w) && /* @__PURE__ */ g(f, { inset: o }),
-		/* @__PURE__ */ g("li", {
+		(w || T) && /* @__PURE__ */ _(p, { inset: s }),
+		/* @__PURE__ */ _("li", {
 			className: "text-sm",
-			children: /* @__PURE__ */ _(d, {
+			children: /* @__PURE__ */ v(f, {
 				to: "/settings/llm",
 				onClick: i,
-				className: n("flex h-[30px] items-center gap-2 rounded p-2 leading-5 text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] transition-colors", s),
-				children: [/* @__PURE__ */ g(u, {
+				className: n("flex h-[30px] items-center gap-2 rounded p-2 leading-5 text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] transition-colors", c),
+				children: [/* @__PURE__ */ _(d, {
 					width: 16,
 					height: 16,
-					className: n("shrink-0", l),
+					className: n("shrink-0", u),
 					"aria-hidden": !0
-				}), /* @__PURE__ */ g("span", { children: m(t.SETTINGS$LLM_PROFILES) })]
+				}), /* @__PURE__ */ _("span", { children: h(t.SETTINGS$LLM_PROFILES) })]
 			})
 		})
 	] });
 }
-function x() {
-	let { t: r } = e("openhands"), { profiles: a, currentProfileName: c, isLoading: u, isSwitching: d } = p(), [f, h] = m.useState(!1), v = m.useRef(null), x = l(() => h(!1), v);
-	if (u || a.length === 0) return null;
-	let S = c ?? r(t.LLM$SELECT_MODEL_PLACEHOLDER);
-	return /* @__PURE__ */ _("div", {
+function S() {
+	let { t: r } = e("openhands"), { profiles: a, currentProfileName: o, isLoading: l, isSwitching: d } = m(), [f, p] = h.useState(!1), g = h.useRef(null), y = u(() => p(!1), g);
+	if (l || a.length === 0) return null;
+	let S = o ?? r(t.LLM$SELECT_MODEL_PLACEHOLDER);
+	return /* @__PURE__ */ v("div", {
 		className: "relative min-w-0",
-		children: [/* @__PURE__ */ _("button", {
-			ref: v,
+		children: [/* @__PURE__ */ v("button", {
+			ref: g,
 			type: "button",
 			className: n(i, "max-w-[200px]"),
-			title: c ?? void 0,
+			title: o ?? void 0,
 			"data-testid": "chat-input-llm-profile",
 			"aria-expanded": f,
 			"aria-haspopup": "dialog",
 			disabled: d,
 			"aria-busy": d,
 			onClick: (e) => {
-				e.preventDefault(), e.stopPropagation(), h((e) => !e);
+				e.preventDefault(), e.stopPropagation(), p((e) => !e);
 			},
-			children: [/* @__PURE__ */ g("span", {
+			children: [/* @__PURE__ */ _("span", {
 				className: "truncate",
-				children: y(S)
-			}), /* @__PURE__ */ g(o, { isOpen: f })]
-		}), f && /* @__PURE__ */ g(s, {
-			ref: x,
+				children: b(S)
+			}), /* @__PURE__ */ _(s, { isOpen: f })]
+		}), f && /* @__PURE__ */ _(c, {
+			ref: y,
 			testId: "chat-input-llm-profile-popover",
 			position: "top",
 			alignment: "left",
 			spacing: "none",
 			className: "z-[60] mb-2 min-w-[200px] max-w-[320px] max-h-[60vh] overflow-y-auto",
-			children: /* @__PURE__ */ g(b, { onClose: () => h(!1) })
+			children: /* @__PURE__ */ _(x, { onClose: () => p(!1) })
 		})]
 	});
 }
 //#endregion
-export { b as ChatInputLlmProfileMenuContent, x as ChatInputLlmProfilePicker };
+export { x as ChatInputLlmProfileMenuContent, S as ChatInputLlmProfilePicker };
 
 //# sourceMappingURL=chat-input-llm-profile-picker.js.map

package/dist/components/features/chat/components/chat-input-llm-profile-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-input-llm-profile-picker.js","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-llm-profile-picker.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useChatInputLlmProfileState } from \"#/hooks/use-chat-input-llm-profile-state\";\nimport { ComboboxCaretInline } from \"#/ui/combobox-caret\";\nimport SettingsGearIcon from \"#/icons/settings-gear.svg?react\";\nimport CheckIcon from \"#/icons/checkmark.svg?react\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"#/components/features/context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { chatInputPillButtonClassName } from \"#/utils/form-control-classes\";\n\nconst PROFILE_LABEL_MAX_CHARS = 18;\n\nfunction truncateLabel(label: string): string {\n  return label.length <= PROFILE_LABEL_MAX_CHARS\n    ? label\n    : `${label.slice(0, PROFILE_LABEL_MAX_CHARS)}…`;\n}\n\ninterface ChatInputLlmProfileMenuContentProps {\n  onClose: () => void;\n  dividerInset?: \"menu\";\n  settingsLinkClassName?: string;\n  settingsIconClassName?: string;\n}\n\n/**\n * The in-conversation OpenHands LLM-profile switcher list. Selecting a profile\n * live-swaps the running conversation's LLM via `/switch_profile` (the ACP\n * analog is {@link ChatInputModelMenuContent}). Shared by the inline pill and\n * the chat-input overflow submenu.\n */\nexport function ChatInputLlmProfileMenuContent({\n  onClose,\n  dividerInset,\n  settingsLinkClassName,\n  settingsIconClassName,\n}: ChatInputLlmProfileMenuContentProps) {\n  const { t } = useTranslation(\"openhands\");\n  const {\n    profiles,\n    currentProfileName,\n    currentProfileModel,\n    canSwitchProfile,\n    selectProfile,\n  } = useChatInputLlmProfileState();\n  // Read-only surfaces (a cloud member on the home page, or a start-task route)\n  // still name the active profile — the same shape ChatInputModelMenuContent\n  // uses when the ACP picker is gated off.\n  const showProfileList = canSwitchProfile && profiles.length > 0;\n  const readOnlyProfileName = canSwitchProfile ? null : currentProfileName;\n\n  const handleSelect = (profileName: string) => {\n    selectProfile(profileName);\n    onClose();\n  };\n\n  return (\n    <>\n      {showProfileList && (\n        <>\n          {/* role=\"presentation\" keeps this a valid <li> child of the\n              ContextMenu <ul> without exposing the label as a menu item. */}\n          <li role=\"presentation\" className=\"px-2 pt-1 pb-0.5\">\n            <Typography.Text className=\"text-[11px] font-medium text-[var(--oh-text-dim)] uppercase tracking-wide leading-4\">\n              {t(I18nKey.SETTINGS$AVAILABLE_PROFILES)}\n            </Typography.Text>\n          </li>\n          {profiles.map((profile) => {\n            const isCurrent = profile.name === currentProfileName;\n            return (\n              <ContextMenuListItem\n                key={profile.name}\n                testId={`chat-input-llm-profile-option-${profile.name}`}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  if (isCurrent) {\n                    onClose();\n                    return;\n                  }\n                  handleSelect(profile.name);\n                }}\n                className={cn(\n                  \"flex flex-col items-stretch gap-0.5\",\n                  isCurrent && \"bg-[var(--oh-interactive-hover)]\",\n                )}\n              >\n                <span className=\"flex items-center gap-2\">\n                  <span\n                    className=\"flex-1 truncate text-sm leading-5\"\n                    title={profile.model ?? profile.name}\n                  >\n                    {profile.name}\n                  </span>\n                  {isCurrent && (\n                    <CheckIcon\n                      width={14}\n                      height={14}\n                      className=\"shrink-0\"\n                      aria-hidden\n                    />\n                  )}\n                </span>\n                {profile.model && (\n                  <span className=\"block truncate text-xs leading-4 text-[var(--oh-muted)]\">\n                    {profile.model}\n                  </span>\n                )}\n              </ContextMenuListItem>\n            );\n          })}\n        </>\n      )}\n      {readOnlyProfileName && (\n        <li className=\"text-sm\" data-testid=\"chat-input-llm-profile-current\">\n          <div className=\"flex flex-col gap-0.5 p-2 leading-5 text-[var(--oh-foreground)]\">\n            <span className=\"truncate\" title={readOnlyProfileName}>\n              {readOnlyProfileName}\n            </span>\n            {currentProfileModel && (\n              <span className=\"truncate text-xs leading-4 text-[var(--oh-muted)]\">\n                {currentProfileModel}\n              </span>\n            )}\n          </div>\n        </li>\n      )}\n      {(showProfileList || readOnlyProfileName) && (\n        <Divider inset={dividerInset} />\n      )}\n      <li className=\"text-sm\">\n        <NavigationLink\n          to=\"/settings/llm\"\n          onClick={onClose}\n          className={cn(\n            \"flex h-[30px] items-center gap-2 rounded p-2 leading-5 text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] transition-colors\",\n            settingsLinkClassName,\n          )}\n        >\n          <SettingsGearIcon\n            width={16}\n            height={16}\n            className={cn(\"shrink-0\", settingsIconClassName)}\n            aria-hidden\n          />\n          <span>{t(I18nKey.SETTINGS$LLM_PROFILES)}</span>\n        </NavigationLink>\n      </li>\n    </>\n  );\n}\n\nexport function ChatInputLlmProfilePicker() {\n  const { t } = useTranslation(\"openhands\");\n  const { profiles, currentProfileName, isLoading, isSwitching } =\n    useChatInputLlmProfileState();\n  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const popoverRef = useClickOutsideElement<HTMLUListElement>(\n    () => setIsPopoverOpen(false),\n    triggerRef,\n  );\n\n  // No LLM profiles yet (or the agent-server lacks the surface): stay out of\n  // the way, exactly like the ACP/AgentProfile pickers.\n  if (isLoading || profiles.length === 0) {\n    return null;\n  }\n\n  const label = currentProfileName ?? t(I18nKey.LLM$SELECT_MODEL_PLACEHOLDER);\n\n  return (\n    <div className=\"relative min-w-0\">\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={cn(chatInputPillButtonClassName, \"max-w-[200px]\")}\n        title={currentProfileName ?? undefined}\n        data-testid=\"chat-input-llm-profile\"\n        aria-expanded={isPopoverOpen}\n        aria-haspopup=\"dialog\"\n        // Disabled mid-switch so re-opening can't fire a second /switch_profile.\n        disabled={isSwitching}\n        aria-busy={isSwitching}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          setIsPopoverOpen((open) => !open);\n        }}\n      >\n        <span className=\"truncate\">{truncateLabel(label)}</span>\n        <ComboboxCaretInline isOpen={isPopoverOpen} />\n      </button>\n\n      {isPopoverOpen && (\n        <ContextMenu\n          ref={popoverRef}\n          testId=\"chat-input-llm-profile-popover\"\n          position=\"top\"\n          alignment=\"left\"\n          spacing=\"none\"\n          className=\"z-[60] mb-2 min-w-[200px] max-w-[320px] max-h-[60vh] overflow-y-auto\"\n        >\n          <ChatInputLlmProfileMenuContent\n            onClose={() => setIsPopoverOpen(false)}\n          />\n        </ContextMenu>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,IAAM,IAA0B;AAEhC,SAAS,EAAc,GAAuB;CAC5C,OAAO,EAAM,UAAU,IACnB,IACA,GAAG,EAAM,MAAM,GAAG,CAAuB,EAAE;AACjD;AAeA,SAAgB,EAA+B,EAC7C,YACA,iBACA,0BACA,4BACsC;CACtC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EACJ,aACA,uBACA,wBACA,qBACA,qBACE,EAA4B,GAI1B,IAAkB,KAAoB,EAAS,SAAS,GACxD,IAAsB,IAAmB,OAAO,GAEhD,KAAgB,MAAwB;EAE5C,AADA,EAAc,CAAW,GACzB,EAAQ;CACV;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA;EACG,KACC,kBAAA,GAAA,EAAA,UAAA,CAGE,kBAAC,MAAD;GAAI,MAAK;GAAe,WAAU;aAChC,kBAAC,EAAW,MAAZ;IAAiB,WAAU;cACxB,EAAE,EAAQ,2BAA2B;GACvB,CAAA;EACf,CAAA,GACH,EAAS,KAAK,MAAY;GACzB,IAAM,IAAY,EAAQ,SAAS;GACnC,OACE,kBAAC,GAAD;IAEE,QAAQ,iCAAiC,EAAQ;IACjD,UAAU,MAAU;KAGlB,IAFA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GAClB,GAAW;MACb,EAAQ;MACR;KACF;KACA,EAAa,EAAQ,IAAI;IAC3B;IACA,WAAW,EACT,uCACA,KAAa,kCACf;cAfF,CAiBE,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,QAAD;MACE,WAAU;MACV,OAAO,EAAQ,SAAS,EAAQ;gBAE/B,EAAQ;KACL,CAAA,GACL,KACC,kBAAC,GAAD;MACE,OAAO;MACP,QAAQ;MACR,WAAU;MACV,eAAA;KACD,CAAA,CAEC;QACL,EAAQ,SACP,kBAAC,QAAD;KAAM,WAAU;eACb,EAAQ;IACL,CAAA,CAEW;MArCd,EAAQ,IAqCM;EAEzB,CAAC,CACD,EAAA,CAAA;EAEH,KACC,kBAAC,MAAD;GAAI,WAAU;GAAU,eAAY;aAClC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;KAAW,OAAO;eAC/B;IACG,CAAA,GACL,KACC,kBAAC,QAAD;KAAM,WAAU;eACb;IACG,CAAA,CAEL;;EACH,CAAA;GAEJ,KAAmB,MACnB,kBAAC,GAAD,EAAS,OAAO,EAAe,CAAA;EAEjC,kBAAC,MAAD;GAAI,WAAU;aACZ,kBAAC,GAAD;IACE,IAAG;IACH,SAAS;IACT,WAAW,EACT,+IACA,CACF;cANF,CAQE,kBAAC,GAAD;KACE,OAAO;KACP,QAAQ;KACR,WAAW,EAAG,YAAY,CAAqB;KAC/C,eAAA;IACD,CAAA,GACD,kBAAC,QAAD,EAAA,UAAO,EAAE,EAAQ,qBAAqB,EAAQ,CAAA,CAChC;;EACd,CAAA;CACJ,EAAA,CAAA;AAEN;AAEA,SAAgB,IAA4B;CAC1C,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,aAAU,uBAAoB,cAAW,mBAC/C,EAA4B,GACxB,CAAC,GAAe,KAAoB,EAAM,SAAS,EAAK,GACxD,IAAa,EAAM,OAA0B,IAAI,GACjD,IAAa,QACX,EAAiB,EAAK,GAC5B,CACF;CAIA,IAAI,KAAa,EAAS,WAAW,GACnC,OAAO;CAGT,IAAM,IAAQ,KAAsB,EAAE,EAAQ,4BAA4B;CAE1E,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,KAAK;GACL,MAAK;GACL,WAAW,EAAG,GAA8B,eAAe;GAC3D,OAAO,KAAsB,KAAA;GAC7B,eAAY;GACZ,iBAAe;GACf,iBAAc;GAEd,UAAU;GACV,aAAW;GACX,UAAU,MAAU;IAGlB,AAFA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACtB,GAAkB,MAAS,CAAC,CAAI;GAClC;aAfF,CAiBE,kBAAC,QAAD;IAAM,WAAU;cAAY,EAAc,CAAK;GAAQ,CAAA,GACvD,kBAAC,GAAD,EAAqB,QAAQ,EAAgB,CAAA,CACvC;MAEP,KACC,kBAAC,GAAD;GACE,KAAK;GACL,QAAO;GACP,UAAS;GACT,WAAU;GACV,SAAQ;GACR,WAAU;aAEV,kBAAC,GAAD,EACE,eAAe,EAAiB,EAAK,EACtC,CAAA;EACU,CAAA,CAEZ;;AAET"}
+{"version":3,"file":"chat-input-llm-profile-picker.js","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-llm-profile-picker.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useChatInputLlmProfileState } from \"#/hooks/use-chat-input-llm-profile-state\";\nimport { ComboboxCaretInline } from \"#/ui/combobox-caret\";\nimport SettingsGearIcon from \"#/icons/settings-gear.svg?react\";\nimport CheckIcon from \"#/icons/checkmark.svg?react\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"#/components/features/context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { chatInputPillButtonClassName } from \"#/utils/form-control-classes\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\n\nconst PROFILE_LABEL_MAX_CHARS = 18;\n\nfunction truncateLabel(label: string): string {\n  return label.length <= PROFILE_LABEL_MAX_CHARS\n    ? label\n    : `${label.slice(0, PROFILE_LABEL_MAX_CHARS)}…`;\n}\n\ninterface ChatInputLlmProfileMenuContentProps {\n  onClose: () => void;\n  dividerInset?: \"menu\";\n  settingsLinkClassName?: string;\n  settingsIconClassName?: string;\n}\n\n/**\n * The in-conversation OpenHands LLM-profile switcher list. Selecting a profile\n * live-swaps the running conversation's LLM via `/switch_profile` (the ACP\n * analog is {@link ChatInputModelMenuContent}). Shared by the inline pill and\n * the chat-input overflow submenu.\n */\nexport function ChatInputLlmProfileMenuContent({\n  onClose,\n  dividerInset,\n  settingsLinkClassName,\n  settingsIconClassName,\n}: ChatInputLlmProfileMenuContentProps) {\n  const { t } = useTranslation(\"openhands\");\n  const {\n    profiles,\n    currentProfileName,\n    currentProfileModel,\n    canSwitchProfile,\n    selectProfile,\n  } = useChatInputLlmProfileState();\n  // Read-only surfaces (a cloud member on the home page, or a start-task route)\n  // still name the active profile — the same shape ChatInputModelMenuContent\n  // uses when the ACP picker is gated off.\n  const showProfileList = canSwitchProfile && profiles.length > 0;\n  const readOnlyProfileName = canSwitchProfile ? null : currentProfileName;\n\n  const handleSelect = (profileName: string) => {\n    selectProfile(profileName);\n    onClose();\n  };\n\n  return (\n    <>\n      {showProfileList && (\n        <>\n          {/* role=\"presentation\" keeps this a valid <li> child of the\n              ContextMenu <ul> without exposing the label as a menu item. */}\n          <li role=\"presentation\" className=\"px-2 pt-1 pb-0.5\">\n            <Typography.Text className=\"text-[11px] font-medium text-[var(--oh-text-dim)] uppercase tracking-wide leading-4\">\n              {t(I18nKey.SETTINGS$AVAILABLE_PROFILES)}\n            </Typography.Text>\n          </li>\n          {profiles.map((profile) => {\n            const isCurrent = profile.name === currentProfileName;\n            const displayModel = formatModelNameForDisplay(profile.model);\n            return (\n              <ContextMenuListItem\n                key={profile.name}\n                testId={`chat-input-llm-profile-option-${profile.name}`}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  if (isCurrent) {\n                    onClose();\n                    return;\n                  }\n                  handleSelect(profile.name);\n                }}\n                className={cn(\n                  \"flex flex-col items-stretch gap-0.5\",\n                  isCurrent && \"bg-[var(--oh-interactive-hover)]\",\n                )}\n              >\n                <span className=\"flex items-center gap-2\">\n                  <span\n                    className=\"flex-1 truncate text-sm leading-5\"\n                    title={profile.model ?? profile.name}\n                  >\n                    {profile.name}\n                  </span>\n                  {isCurrent && (\n                    <CheckIcon\n                      width={14}\n                      height={14}\n                      className=\"shrink-0\"\n                      aria-hidden\n                    />\n                  )}\n                </span>\n                {displayModel && (\n                  <span className=\"block truncate text-xs leading-4 text-[var(--oh-muted)]\">\n                    {displayModel}\n                  </span>\n                )}\n              </ContextMenuListItem>\n            );\n          })}\n        </>\n      )}\n      {readOnlyProfileName && (\n        <li className=\"text-sm\" data-testid=\"chat-input-llm-profile-current\">\n          <div className=\"flex flex-col gap-0.5 p-2 leading-5 text-[var(--oh-foreground)]\">\n            <span className=\"truncate\" title={readOnlyProfileName}>\n              {readOnlyProfileName}\n            </span>\n            {currentProfileModel && (\n              <span className=\"truncate text-xs leading-4 text-[var(--oh-muted)]\">\n                {formatModelNameForDisplay(currentProfileModel)}\n              </span>\n            )}\n          </div>\n        </li>\n      )}\n      {(showProfileList || readOnlyProfileName) && (\n        <Divider inset={dividerInset} />\n      )}\n      <li className=\"text-sm\">\n        <NavigationLink\n          to=\"/settings/llm\"\n          onClick={onClose}\n          className={cn(\n            \"flex h-[30px] items-center gap-2 rounded p-2 leading-5 text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] transition-colors\",\n            settingsLinkClassName,\n          )}\n        >\n          <SettingsGearIcon\n            width={16}\n            height={16}\n            className={cn(\"shrink-0\", settingsIconClassName)}\n            aria-hidden\n          />\n          <span>{t(I18nKey.SETTINGS$LLM_PROFILES)}</span>\n        </NavigationLink>\n      </li>\n    </>\n  );\n}\n\nexport function ChatInputLlmProfilePicker() {\n  const { t } = useTranslation(\"openhands\");\n  const { profiles, currentProfileName, isLoading, isSwitching } =\n    useChatInputLlmProfileState();\n  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const popoverRef = useClickOutsideElement<HTMLUListElement>(\n    () => setIsPopoverOpen(false),\n    triggerRef,\n  );\n\n  // No LLM profiles yet (or the agent-server lacks the surface): stay out of\n  // the way, exactly like the ACP/AgentProfile pickers.\n  if (isLoading || profiles.length === 0) {\n    return null;\n  }\n\n  const label = currentProfileName ?? t(I18nKey.LLM$SELECT_MODEL_PLACEHOLDER);\n\n  return (\n    <div className=\"relative min-w-0\">\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={cn(chatInputPillButtonClassName, \"max-w-[200px]\")}\n        title={currentProfileName ?? undefined}\n        data-testid=\"chat-input-llm-profile\"\n        aria-expanded={isPopoverOpen}\n        aria-haspopup=\"dialog\"\n        // Disabled mid-switch so re-opening can't fire a second /switch_profile.\n        disabled={isSwitching}\n        aria-busy={isSwitching}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          setIsPopoverOpen((open) => !open);\n        }}\n      >\n        <span className=\"truncate\">{truncateLabel(label)}</span>\n        <ComboboxCaretInline isOpen={isPopoverOpen} />\n      </button>\n\n      {isPopoverOpen && (\n        <ContextMenu\n          ref={popoverRef}\n          testId=\"chat-input-llm-profile-popover\"\n          position=\"top\"\n          alignment=\"left\"\n          spacing=\"none\"\n          className=\"z-[60] mb-2 min-w-[200px] max-w-[320px] max-h-[60vh] overflow-y-auto\"\n        >\n          <ChatInputLlmProfileMenuContent\n            onClose={() => setIsPopoverOpen(false)}\n          />\n        </ContextMenu>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/chat/model-messages.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/Trans.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-right.cjs"),a=require("../../../stores/model-store.cjs"),o=require("./generic-event-message.cjs"),s=require("../../../icons/info-circle.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u({profile:e}){let[t,n]=c.default.useState(!1);return(0,l.jsxs)(`div`,{className:`border border-neutral-700 rounded-md overflow-hidden`,children:[(0,l.jsxs)(`button`,{type:`button`,onClick:()=>n(e=>!e),"aria-expanded":t,"aria-label":`Toggle details for ${e.name}`,className:`w-full py-1.5 px-2 text-left flex items-center gap-2 hover:bg-neutral-700 transition-colors cursor-pointer`,children:[(0,l.jsx)(`span`,{className:`text-neutral-300`,children:t?(0,l.jsx)(r.ChevronDown,{size:14}):(0,l.jsx)(i.ChevronRight,{size:14})}),(0,l.jsx)(`span`,{className:`font-normal text-neutral-200 text-sm`,children:e.name})]}),t&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`hr`,{className:`border-neutral-700`}),(0,l.jsx)(`div`,{className:`px-3 py-2 text-xs text-neutral-300 font-mono whitespace-pre-wrap`,children:`model:    ${e.model??`—`}\nbase_url: ${e.base_url??`—`}\napi_key:  ${e.api_key_set?`set`:`not set`}`})]})]})}function d({conversationId:e,anchorEventId:r}){let i=a.useModelStore(e=>e.entriesByConversation),c=(e?i[e]??[]:[]).filter(e=>e.anchorEventId===r);return!e||c.length===0?null:(0,l.jsx)(`div`,{"data-testid":`model-messages`,className:`flex flex-col w-full`,children:c.map(e=>{if(e.switchedTo)return(0,l.jsx)(o.GenericEventMessage,{title:(0,l.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,l.jsx)(s.default,{width:14,height:14,className:`shrink-0 text-neutral-400`,"aria-hidden":!0}),(0,l.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$SWITCHED_TO_PROFILE,values:{name:e.switchedTo},components:{cmd:(0,l.jsx)(`span`,{className:`font-mono text-neutral-200 bg-neutral-800 px-1 rounded`})}})]}),details:``},e.id);let r=e.profiles.length===0;return(0,l.jsx)(o.GenericEventMessage,{title:(0,l.jsx)(`span`,{children:r?(0,l.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$NO_SAVED_PROFILES}):(0,l.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$AVAILABLE_PROFILES,values:{count:e.profiles.length}})}),details:r?(0,l.jsx)(`span`,{className:`text-neutral-300 text-sm px-2 py-1 block`,children:(0,l.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$NO_PROFILES_HINT})}):(0,l.jsx)(`div`,{className:`flex flex-col gap-1 mt-1`,children:e.profiles.map(e=>(0,l.jsx)(u,{profile:e},e.name))}),initiallyExpanded:r},e.id)})})}exports.ModelMessages=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/Trans.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-right.cjs"),a=require("../../../stores/model-store.cjs"),o=require("./generic-event-message.cjs"),s=require("../../../icons/info-circle.cjs"),c=require("../../../utils/format-model-name.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");function d({profile:e}){let[t,n]=l.default.useState(!1),a=c.formatModelNameForDisplay(e.model);return(0,u.jsxs)(`div`,{className:`border border-neutral-700 rounded-md overflow-hidden`,children:[(0,u.jsxs)(`button`,{type:`button`,onClick:()=>n(e=>!e),"aria-expanded":t,"aria-label":`Toggle details for ${e.name}`,className:`w-full py-1.5 px-2 text-left flex items-center gap-2 hover:bg-neutral-700 transition-colors cursor-pointer`,children:[(0,u.jsx)(`span`,{className:`text-neutral-300`,children:t?(0,u.jsx)(r.ChevronDown,{size:14}):(0,u.jsx)(i.ChevronRight,{size:14})}),(0,u.jsx)(`span`,{className:`font-normal text-neutral-200 text-sm`,children:e.name})]}),t&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`hr`,{className:`border-neutral-700`}),(0,u.jsx)(`div`,{className:`px-3 py-2 text-xs text-neutral-300 font-mono whitespace-pre-wrap`,children:`model:    ${a??`—`}\nbase_url: ${e.base_url??`—`}\napi_key:  ${e.api_key_set?`set`:`not set`}`})]})]})}function f({conversationId:e,anchorEventId:r}){let i=a.useModelStore(e=>e.entriesByConversation),c=(e?i[e]??[]:[]).filter(e=>e.anchorEventId===r);return!e||c.length===0?null:(0,u.jsx)(`div`,{"data-testid":`model-messages`,className:`flex flex-col w-full`,children:c.map(e=>{if(e.switchedTo)return(0,u.jsx)(o.GenericEventMessage,{title:(0,u.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,u.jsx)(s.default,{width:14,height:14,className:`shrink-0 text-neutral-400`,"aria-hidden":!0}),(0,u.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$SWITCHED_TO_PROFILE,values:{name:e.switchedTo},components:{cmd:(0,u.jsx)(`span`,{className:`font-mono text-neutral-200 bg-neutral-800 px-1 rounded`})}})]}),details:``},e.id);let r=e.profiles.length===0;return(0,u.jsx)(o.GenericEventMessage,{title:(0,u.jsx)(`span`,{children:r?(0,u.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$NO_SAVED_PROFILES}):(0,u.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$AVAILABLE_PROFILES,values:{count:e.profiles.length}})}),details:r?(0,u.jsx)(`span`,{className:`text-neutral-300 text-sm px-2 py-1 block`,children:(0,u.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$NO_PROFILES_HINT})}):(0,u.jsx)(`div`,{className:`flex flex-col gap-1 mt-1`,children:e.profiles.map(e=>(0,u.jsx)(d,{profile:e},e.name))}),initiallyExpanded:r},e.id)})})}exports.ModelMessages=f;
 //# sourceMappingURL=model-messages.cjs.map

package/dist/components/features/chat/model-messages.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"model-messages.cjs","names":[],"sources":["../../../../src/components/features/chat/model-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { Trans } from \"react-i18next\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport InfoCircleIcon from \"#/icons/info-circle.svg?react\";\nimport type { ProfileInfo } from \"#/api/profiles-service/profiles-service.api\";\nimport { GenericEventMessage } from \"./generic-event-message\";\n\ninterface ProfileRowProps {\n  profile: ProfileInfo;\n}\n\nfunction ProfileRow({ profile }: ProfileRowProps) {\n  const [expanded, setExpanded] = React.useState(false);\n\n  return (\n    <div className=\"border border-neutral-700 rounded-md overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded((v) => !v)}\n        aria-expanded={expanded}\n        aria-label={`Toggle details for ${profile.name}`}\n        className=\"w-full py-1.5 px-2 text-left flex items-center gap-2 hover:bg-neutral-700 transition-colors cursor-pointer\"\n      >\n        <span className=\"text-neutral-300\">\n          {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n        </span>\n        <span className=\"font-normal text-neutral-200 text-sm\">\n          {profile.name}\n        </span>\n      </button>\n      {expanded && (\n        <>\n          <hr className=\"border-neutral-700\" />\n          <div className=\"px-3 py-2 text-xs text-neutral-300 font-mono whitespace-pre-wrap\">\n            {`model:    ${profile.model ?? \"—\"}\\n` +\n              `base_url: ${profile.base_url ?? \"—\"}\\n` +\n              // eslint-disable-next-line i18next/no-literal-string -- diagnostic readout; field labels are intentionally untranslated\n              `api_key:  ${profile.api_key_set ? \"set\" : \"not set\"}`}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport interface ModelMessagesProps {\n  conversationId: string | null | undefined;\n  /**\n   * Render only entries anchored to this event id. Use `null` to render the\n   * \"no events at the time of /model\" entries (top of the chat history).\n   */\n  anchorEventId: string | null;\n}\n\nexport function ModelMessages({\n  conversationId,\n  anchorEventId,\n}: ModelMessagesProps) {\n  const entriesById = useModelStore((s) => s.entriesByConversation);\n  const allEntries = conversationId ? (entriesById[conversationId] ?? []) : [];\n  const entries = allEntries.filter((e) => e.anchorEventId === anchorEventId);\n\n  if (!conversationId || entries.length === 0) return null;\n\n  return (\n    <div data-testid=\"model-messages\" className=\"flex flex-col w-full\">\n      {entries.map((entry) => {\n        if (entry.switchedTo) {\n          return (\n            <GenericEventMessage\n              key={entry.id}\n              title={\n                <span className=\"inline-flex items-center gap-1.5\">\n                  <InfoCircleIcon\n                    width={14}\n                    height={14}\n                    className=\"shrink-0 text-neutral-400\"\n                    aria-hidden\n                  />\n                  <Trans\n                    i18nKey={I18nKey.MODEL$SWITCHED_TO_PROFILE}\n                    values={{ name: entry.switchedTo }}\n                    components={{\n                      cmd: (\n                        <span className=\"font-mono text-neutral-200 bg-neutral-800 px-1 rounded\" />\n                      ),\n                    }}\n                  />\n                </span>\n              }\n              details=\"\"\n            />\n          );\n        }\n\n        const isEmpty = entry.profiles.length === 0;\n        return (\n          <GenericEventMessage\n            key={entry.id}\n            title={\n              <span>\n                {isEmpty ? (\n                  <Trans i18nKey={I18nKey.MODEL$NO_SAVED_PROFILES} />\n                ) : (\n                  <Trans\n                    i18nKey={I18nKey.MODEL$AVAILABLE_PROFILES}\n                    values={{ count: entry.profiles.length }}\n                  />\n                )}\n              </span>\n            }\n            details={\n              isEmpty ? (\n                <span className=\"text-neutral-300 text-sm px-2 py-1 block\">\n                  <Trans i18nKey={I18nKey.MODEL$NO_PROFILES_HINT} />\n                </span>\n              ) : (\n                <div className=\"flex flex-col gap-1 mt-1\">\n                  {entry.profiles.map((p) => (\n                    <ProfileRow key={p.name} profile={p} />\n                  ))}\n                </div>\n              )\n            }\n            initiallyExpanded={isEmpty}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"uhBAaA,SAAS,EAAW,CAAE,WAA4B,CAChD,GAAM,CAAC,EAAU,GAAe,EAAA,QAAM,SAAS,EAAK,EAEpD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gEAAf,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,YAAe,EAAa,GAAM,CAAC,CAAC,EACpC,gBAAe,EACf,aAAY,sBAAsB,EAAQ,OAC1C,UAAU,sHALZ,EAOE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4BACb,GAAW,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,KAAM,EAAK,CAAA,GAAI,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,KAAM,EAAK,CAAA,CAC7D,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDACb,EAAQ,IACL,CAAA,CACA,IACP,IACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,oBAAsB,CAAA,GACpC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,4EACZ,aAAa,EAAQ,OAAS,IAAI,cACpB,EAAQ,UAAY,IAAI,cAExB,EAAQ,YAAc,MAAQ,WAC1C,CAAA,CACL,CAAA,CAAA,CAED,GAET,CAWA,SAAgB,EAAc,CAC5B,iBACA,iBACqB,CACrB,IAAM,EAAc,EAAA,cAAe,GAAM,EAAE,qBAAqB,EAE1D,GADa,EAAkB,EAAY,IAAmB,CAAC,EAAK,CAAC,GAChD,OAAQ,GAAM,EAAE,gBAAkB,CAAa,EAI1E,MAFI,CAAC,GAAkB,EAAQ,SAAW,EAAU,MAGlD,EAAA,EAAA,KAAC,MAAD,CAAK,cAAY,iBAAiB,UAAU,gCACzC,EAAQ,IAAK,GAAU,CACtB,GAAI,EAAM,WACR,OACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,4CAAhB,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,MAAO,GACP,OAAQ,GACR,UAAU,4BACV,cAAA,EACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,QAAS,EAAA,QAAQ,0BACjB,OAAQ,CAAE,KAAM,EAAM,UAAW,EACjC,WAAY,CACV,KACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wDAA0D,CAAA,CAE9E,CACD,CAAA,CACG,IAER,QAAQ,EACT,EArBM,EAAM,EAqBZ,EAIL,IAAM,EAAU,EAAM,SAAS,SAAW,EAC1C,OACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OACE,EAAA,EAAA,KAAC,OAAD,CAAA,SACG,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,QAAS,EAAA,QAAQ,uBAA0B,CAAA,GAElD,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,QAAS,EAAA,QAAQ,yBACjB,OAAQ,CAAE,MAAO,EAAM,SAAS,MAAO,CACxC,CAAA,CAEC,CAAA,EAER,QACE,GACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDACd,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,QAAS,EAAA,QAAQ,sBAAyB,CAAA,CAC7C,CAAA,GAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oCACZ,EAAM,SAAS,IAAK,IACnB,EAAA,EAAA,KAAC,EAAD,CAAyB,QAAS,CAAI,EAArB,EAAE,IAAmB,CACvC,CACE,CAAA,EAGT,kBAAmB,CACpB,EA3BM,EAAM,EA2BZ,CAEL,CAAC,CACE,CAAA,CAET"}
+{"version":3,"file":"model-messages.cjs","names":[],"sources":["../../../../src/components/features/chat/model-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { Trans } from \"react-i18next\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport InfoCircleIcon from \"#/icons/info-circle.svg?react\";\nimport type { ProfileInfo } from \"#/api/profiles-service/profiles-service.api\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\nimport { GenericEventMessage } from \"./generic-event-message\";\n\ninterface ProfileRowProps {\n  profile: ProfileInfo;\n}\n\nfunction ProfileRow({ profile }: ProfileRowProps) {\n  const [expanded, setExpanded] = React.useState(false);\n  const displayModel = formatModelNameForDisplay(profile.model);\n\n  return (\n    <div className=\"border border-neutral-700 rounded-md overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded((v) => !v)}\n        aria-expanded={expanded}\n        aria-label={`Toggle details for ${profile.name}`}\n        className=\"w-full py-1.5 px-2 text-left flex items-center gap-2 hover:bg-neutral-700 transition-colors cursor-pointer\"\n      >\n        <span className=\"text-neutral-300\">\n          {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n        </span>\n        <span className=\"font-normal text-neutral-200 text-sm\">\n          {profile.name}\n        </span>\n      </button>\n      {expanded && (\n        <>\n          <hr className=\"border-neutral-700\" />\n          <div className=\"px-3 py-2 text-xs text-neutral-300 font-mono whitespace-pre-wrap\">\n            {`model:    ${displayModel ?? \"—\"}\\n` +\n              `base_url: ${profile.base_url ?? \"—\"}\\n` +\n              // eslint-disable-next-line i18next/no-literal-string -- diagnostic readout; field labels are intentionally untranslated\n              `api_key:  ${profile.api_key_set ? \"set\" : \"not set\"}`}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport interface ModelMessagesProps {\n  conversationId: string | null | undefined;\n  /**\n   * Render only entries anchored to this event id. Use `null` to render the\n   * \"no events at the time of /model\" entries (top of the chat history).\n   */\n  anchorEventId: string | null;\n}\n\nexport function ModelMessages({\n  conversationId,\n  anchorEventId,\n}: ModelMessagesProps) {\n  const entriesById = useModelStore((s) => s.entriesByConversation);\n  const allEntries = conversationId ? (entriesById[conversationId] ?? []) : [];\n  const entries = allEntries.filter((e) => e.anchorEventId === anchorEventId);\n\n  if (!conversationId || entries.length === 0) return null;\n\n  return (\n    <div data-testid=\"model-messages\" className=\"flex flex-col w-full\">\n      {entries.map((entry) => {\n        if (entry.switchedTo) {\n          return (\n            <GenericEventMessage\n              key={entry.id}\n              title={\n                <span className=\"inline-flex items-center gap-1.5\">\n                  <InfoCircleIcon\n                    width={14}\n                    height={14}\n                    className=\"shrink-0 text-neutral-400\"\n                    aria-hidden\n                  />\n                  <Trans\n                    i18nKey={I18nKey.MODEL$SWITCHED_TO_PROFILE}\n                    values={{ name: entry.switchedTo }}\n                    components={{\n                      cmd: (\n                        <span className=\"font-mono text-neutral-200 bg-neutral-800 px-1 rounded\" />\n                      ),\n                    }}\n                  />\n                </span>\n              }\n              details=\"\"\n            />\n          );\n        }\n\n        const isEmpty = entry.profiles.length === 0;\n        return (\n          <GenericEventMessage\n            key={entry.id}\n            title={\n              <span>\n                {isEmpty ? (\n                  <Trans i18nKey={I18nKey.MODEL$NO_SAVED_PROFILES} />\n                ) : (\n                  <Trans\n                    i18nKey={I18nKey.MODEL$AVAILABLE_PROFILES}\n                    values={{ count: entry.profiles.length }}\n                  />\n                )}\n              </span>\n            }\n            details={\n              isEmpty ? (\n                <span className=\"text-neutral-300 text-sm px-2 py-1 block\">\n                  <Trans i18nKey={I18nKey.MODEL$NO_PROFILES_HINT} />\n                </span>\n              ) : (\n                <div className=\"flex flex-col gap-1 mt-1\">\n                  {entry.profiles.map((p) => (\n                    <ProfileRow key={p.name} profile={p} />\n                  ))}\n                </div>\n              )\n            }\n            initiallyExpanded={isEmpty}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"ykBAcA,SAAS,EAAW,CAAE,WAA4B,CAChD,GAAM,CAAC,EAAU,GAAe,EAAA,QAAM,SAAS,EAAK,EAC9C,EAAe,EAAA,0BAA0B,EAAQ,KAAK,EAE5D,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gEAAf,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,YAAe,EAAa,GAAM,CAAC,CAAC,EACpC,gBAAe,EACf,aAAY,sBAAsB,EAAQ,OAC1C,UAAU,sHALZ,EAOE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4BACb,GAAW,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,KAAM,EAAK,CAAA,GAAI,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,KAAM,EAAK,CAAA,CAC7D,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDACb,EAAQ,IACL,CAAA,CACA,IACP,IACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,oBAAsB,CAAA,GACpC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,4EACZ,aAAa,GAAgB,IAAI,cACnB,EAAQ,UAAY,IAAI,cAExB,EAAQ,YAAc,MAAQ,WAC1C,CAAA,CACL,CAAA,CAAA,CAED,GAET,CAWA,SAAgB,EAAc,CAC5B,iBACA,iBACqB,CACrB,IAAM,EAAc,EAAA,cAAe,GAAM,EAAE,qBAAqB,EAE1D,GADa,EAAkB,EAAY,IAAmB,CAAC,EAAK,CAAC,GAChD,OAAQ,GAAM,EAAE,gBAAkB,CAAa,EAI1E,MAFI,CAAC,GAAkB,EAAQ,SAAW,EAAU,MAGlD,EAAA,EAAA,KAAC,MAAD,CAAK,cAAY,iBAAiB,UAAU,gCACzC,EAAQ,IAAK,GAAU,CACtB,GAAI,EAAM,WACR,OACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,4CAAhB,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,MAAO,GACP,OAAQ,GACR,UAAU,4BACV,cAAA,EACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,QAAS,EAAA,QAAQ,0BACjB,OAAQ,CAAE,KAAM,EAAM,UAAW,EACjC,WAAY,CACV,KACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wDAA0D,CAAA,CAE9E,CACD,CAAA,CACG,IAER,QAAQ,EACT,EArBM,EAAM,EAqBZ,EAIL,IAAM,EAAU,EAAM,SAAS,SAAW,EAC1C,OACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OACE,EAAA,EAAA,KAAC,OAAD,CAAA,SACG,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,QAAS,EAAA,QAAQ,uBAA0B,CAAA,GAElD,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,QAAS,EAAA,QAAQ,yBACjB,OAAQ,CAAE,MAAO,EAAM,SAAS,MAAO,CACxC,CAAA,CAEC,CAAA,EAER,QACE,GACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDACd,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,QAAS,EAAA,QAAQ,sBAAyB,CAAA,CAC7C,CAAA,GAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oCACZ,EAAM,SAAS,IAAK,IACnB,EAAA,EAAA,KAAC,EAAD,CAAyB,QAAS,CAAI,EAArB,EAAE,IAAmB,CACvC,CACE,CAAA,EAGT,kBAAmB,CACpB,EA3BM,EAAM,EA2BZ,CAEL,CAAC,CACE,CAAA,CAET"}