npm - @openhands/agent-canvas - Versions diffs - 1.12.0 → 1.14.0 - Mend

@openhands/agent-canvas 1.12.0 → 1.14.0

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

Files changed (899) hide show

package/dist/components/features/chat/components/chat-input-actions.js CHANGED Viewed

@@ -10,74 +10,75 @@ import { useAgentState as c } from "../../../../hooks/use-agent-state.js";
 import { chatInputIconButtonClassName as ee, formControlTransitionClassName as l } from "../../../../utils/form-control-classes.js";
 import { useUnifiedWebSocketStatus as te } from "../../../../hooks/use-unified-websocket-status.js";
 import ne from "../../controls/agent-status.js";
-import u from "../../../../icons/lesson-plan.js";
-import { CodePillIcon as d } from "../../../../icons/code-pill.js";
-import { ContextMenu as f } from "../../../../ui/context-menu.js";
-import { ContextMenuListItem as p } from "../../context-menu/context-menu-list-item.js";
-import { useClickOutsideElement as re } from "../../../../hooks/use-click-outside-element.js";
-import { useAgentProfiles as m } from "../../../../hooks/query/use-agent-profiles.js";
-import { useHandlePlanClick as ie } from "../../../../hooks/use-handle-plan-click.js";
-import { ChangeAgentButton as ae } from "../change-agent-button.js";
-import { useChatInputModelState as oe } from "../../../../hooks/use-chat-input-model-state.js";
-import { ChatInputModel as se, ChatInputModelMenuContent as ce } from "./chat-input-model.js";
-import { ChatInputLlmProfileMenuContent as le, ChatInputLlmProfilePicker as ue } from "./chat-input-llm-profile-picker.js";
-import { resolvePickerKind as de } from "./resolve-picker-kind.js";
-import { useUnifiedPauseConversation as fe } from "../../../../hooks/mutation/use-unified-stop-conversation.js";
-import h from "../../../../icons/carret-right-fill.js";
-import { ToolsContextMenuIconText as g } from "../../controls/tools-context-menu-icon-text.js";
-import { ChatAddFileButton as pe } from "../chat-add-file-button.js";
-import { ChatSendButton as me } from "../chat-send-button.js";
-import he from "../../../../icons/three-dots-vertical.js";
-import { usePauseConversation as ge } from "../../../../hooks/mutation/use-pause-conversation.js";
-import { useResumeConversation as _e } from "../../../../hooks/mutation/use-resume-conversation.js";
-import _ from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import ve from "react-dom";
+import re from "../../../../icons/lesson-plan.js";
+import { CodePillIcon as u } from "../../../../icons/code-pill.js";
+import { ContextMenu as d } from "../../../../ui/context-menu.js";
+import { ContextMenuListItem as f } from "../../context-menu/context-menu-list-item.js";
+import { useClickOutsideElement as ie } from "../../../../hooks/use-click-outside-element.js";
+import { useAgentProfiles as p } from "../../../../hooks/query/use-agent-profiles.js";
+import { useHandlePlanClick as ae } from "../../../../hooks/use-handle-plan-click.js";
+import { ChangeAgentButton as oe } from "../change-agent-button.js";
+import { useChatInputModelState as se } from "../../../../hooks/use-chat-input-model-state.js";
+import { ChatInputModel as ce, ChatInputModelMenuContent as le } from "./chat-input-model.js";
+import { ChatInputLlmProfileMenuContent as ue, ChatInputLlmProfilePicker as de } from "./chat-input-llm-profile-picker.js";
+import { resolvePickerKind as fe } from "./resolve-picker-kind.js";
+import { useUnifiedPauseConversation as pe } from "../../../../hooks/mutation/use-unified-stop-conversation.js";
+import m from "../../../../icons/carret-right-fill.js";
+import { ToolsContextMenuIconText as h } from "../../controls/tools-context-menu-icon-text.js";
+import { ChatAddFileButton as me } from "../chat-add-file-button.js";
+import { ChatSendButton as he } from "../chat-send-button.js";
+import { ContextWindowMeter as ge } from "./context-window-meter.js";
+import _e from "../../../../icons/three-dots-vertical.js";
+import { usePauseConversation as ve } from "../../../../hooks/mutation/use-pause-conversation.js";
+import { useResumeConversation as ye } from "../../../../hooks/mutation/use-resume-conversation.js";
+import g from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import be from "react-dom";
 //#region src/components/features/chat/components/chat-input-actions.tsx
-function b({ disabled: b, canSubmit: ye = !0, hasStartedConversation: be, onAddFileClick: xe = () => {}, showButton: Se = !0, buttonClassName: Ce = "", handleSubmit: we = () => {} }) {
-	let { t: x } = e("openhands"), Te = fe(), S = ge(), Ee = _e(), { conversationId: C } = a(), { backend: De } = s(), Oe = De.kind === "cloud", w = oe(), T = !C || be === !1, ke = m({ enabled: T }), Ae = T && !(C?.startsWith("task-") ?? !1) && (ke.data?.profiles?.length ?? 0) > 0, E = Oe && !w.isAcpContext, je = te(), { curAgentState: Me } = c(), { conversationMode: Ne, setConversationMode: Pe } = o(), { handlePlanClick: Fe, isCreatingConversation: Ie } = ie(), D = _.useRef(null), O = _.useRef(null), k = _.useRef(null), A = _.useRef(null), j = _.useRef(null), M = _.useRef(null), [N, Le] = _.useState(Infinity), [Re, ze] = _.useState(0), [P, Be] = _.useState(32), [F, Ve] = _.useState(96), [I, He] = _.useState(120), [L, R] = _.useState(!1), [z, B] = _.useState(null), [V, Ue] = _.useState();
-	_.useEffect(() => {
+function y({ disabled: y, canSubmit: xe = !0, hasStartedConversation: Se, onAddFileClick: Ce = () => {}, showButton: we = !0, buttonClassName: Te = "", handleSubmit: Ee = () => {} }) {
+	let { t: b } = e("openhands"), De = pe(), x = ve(), Oe = ye(), { conversationId: S } = a(), { backend: ke } = s(), C = ke.kind === "cloud", w = se(), T = !S || Se === !1, Ae = p({ enabled: T }), je = T && !(S?.startsWith("task-") ?? !1) && (Ae.data?.profiles?.length ?? 0) > 0, E = C && !w.isAcpContext, Me = te(), { curAgentState: Ne } = c(), { conversationMode: Pe, setConversationMode: Fe } = o(), { handlePlanClick: Ie, isCreatingConversation: Le } = ae(), D = g.useRef(null), O = g.useRef(null), k = g.useRef(null), A = g.useRef(null), j = g.useRef(null), M = g.useRef(null), [N, Re] = g.useState(Infinity), [ze, Be] = g.useState(0), [Ve, He] = g.useState(32), [P, Ue] = g.useState(96), [F, We] = g.useState(120), [I, L] = g.useState(!1), [R, z] = g.useState(null), [B, Ge] = g.useState();
+	g.useEffect(() => {
 		let e = D.current, t = O.current, n = k.current, r = A.current, i = j.current;
 		if (!e || !t || !n || !i || E && !r || typeof ResizeObserver > "u") return;
 		let a = () => {
 			let a = e.getBoundingClientRect().width, o = t.getBoundingClientRect().width, s = n.getBoundingClientRect().width, c = i.getBoundingClientRect().width;
-			if (a > 0 && Le(a), o > 0 && ze(o), s > 0 && Be(s), c > 0 && He(c), r) {
+			if (a > 0 && Re(a), o > 0 && Be(o), s > 0 && He(s), c > 0 && We(c), r) {
 				let e = r.getBoundingClientRect().width;
-				e > 0 && Ve(e);
+				e > 0 && Ue(e);
 			}
 		}, o = new ResizeObserver(() => {
 			a();
 		});
 		return o.observe(e), o.observe(t), o.observe(n), o.observe(i), r && o.observe(r), a(), () => o.disconnect();
 	}, [E]);
-	let We = () => {
-		C && S.mutate({ conversationId: C });
-	}, Ge = () => {
-		C && Ee.mutate({ conversationId: C });
-	}, Ke = Te.isPending || S.isPending, H = _.useCallback((e) => {
+	let Ke = () => {
+		S && x.mutate({ conversationId: S });
+	}, qe = () => {
+		S && Oe.mutate({ conversationId: S });
+	}, Je = De.isPending || x.isPending, V = g.useCallback((e) => {
 		let t = e, n = {
 			showCodeInline: !1,
 			showModelInline: !1
 		};
-		return E && t >= F && (n.showCodeInline = !0, t -= F + 12), t >= I && (n.showModelInline = !0), n;
+		return E && t >= P && (n.showCodeInline = !0, t -= P + 12), t >= F && (n.showModelInline = !0), n;
 	}, [
 		E,
-		F,
-		I
-	]), U = N - Re - 8 - P - 12, W = H(U), G = (!E || W.showCodeInline) && W.showModelInline ? W : H(U - 28 - 12), K = E ? G.showCodeInline : !1, q = G.showModelInline, qe = N >= 360, J = E && !K || !q;
-	_.useEffect(() => {
-		J || (R(!1), B(null));
-	}, [J]);
-	let Je = re(() => {
-		R(!1), B(null);
-	}), Y = Me === r.RUNNING || Ie || je !== "OPEN", X = () => {
-		B(null), R(!1);
-	}, Z = de({ isAcp: w.isAcpContext }), Q = i("group", l), $ = i("text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)]", l);
-	_.useLayoutEffect(() => {
-		if (!L || !M.current) return;
+		P,
+		F
+	]), H = N - ze - 8 - Ve - 12, U = V(H), W = (!E || U.showCodeInline) && U.showModelInline ? U : V(H - 28 - 12), G = E ? W.showCodeInline : !1, K = W.showModelInline, Ye = N >= 360, q = E && !G || !K;
+	g.useEffect(() => {
+		q || (L(!1), z(null));
+	}, [q]);
+	let J = ie(() => {
+		L(!1), z(null);
+	}), Y = Ne === r.RUNNING || Le || Me !== "OPEN", X = () => {
+		z(null), L(!1);
+	}, Z = fe({ isAcp: w.isAcpContext }), Q = i("group", l), $ = i("text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)]", l);
+	g.useLayoutEffect(() => {
+		if (!I || !M.current) return;
 		let e = M.current, t = () => {
 			let t = e.getBoundingClientRect();
-			Ue({
+			Ge({
 				position: "fixed",
 				top: t.top - 8,
 				left: t.left,
@@ -88,87 +89,87 @@ function b({ disabled: b, canSubmit: ye = !0, hasStartedConversation: be, onAddF
 		return t(), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
 			window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
 		};
-	}, [L]);
-	let Ye = /* @__PURE__ */ y(f, {
-		ref: Je,
+	}, [I]);
+	let Xe = /* @__PURE__ */ v(d, {
+		ref: J,
 		testId: "chat-input-overflow-menu",
 		position: "top",
 		alignment: "left",
 		className: "!static !top-auto !bottom-auto !left-auto !right-auto !mt-0 overflow-visible min-w-[200px]",
-		children: [E && !K && /* @__PURE__ */ y("div", {
+		children: [E && !G && /* @__PURE__ */ v("div", {
 			className: "relative group/overflow-agent",
-			children: [/* @__PURE__ */ v(p, {
+			children: [/* @__PURE__ */ _(f, {
 				testId: "overflow-agent-button",
-				onClick: () => B((e) => e === "agent" ? null : "agent"),
+				onClick: () => z((e) => e === "agent" ? null : "agent"),
 				isDisabled: Y,
-				children: /* @__PURE__ */ v(g, {
-					icon: /* @__PURE__ */ v(d, { className: "h-[11px] w-[11px]" }),
-					text: x(Ne === "code" ? t.COMMON$CODE : t.COMMON$PLAN),
-					rightIcon: /* @__PURE__ */ v(h, {
+				children: /* @__PURE__ */ _(h, {
+					icon: /* @__PURE__ */ _(u, { className: "h-[11px] w-[11px]" }),
+					text: b(Pe === "code" ? t.COMMON$CODE : t.COMMON$PLAN),
+					rightIcon: /* @__PURE__ */ _(m, {
 						width: 10,
 						height: 10
 					})
 				})
-			}), !Y && /* @__PURE__ */ v("div", {
-				className: i("absolute left-full top-[-4px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]", "group-hover/overflow-agent:opacity-100 group-hover/overflow-agent:visible group-hover/overflow-agent:pointer-events-auto", "hover:opacity-100 hover:visible hover:pointer-events-auto", z === "agent" && "opacity-100 visible pointer-events-auto"),
-				children: /* @__PURE__ */ y(f, {
+			}), !Y && /* @__PURE__ */ _("div", {
+				className: i("absolute left-full top-[-4px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]", "group-hover/overflow-agent:opacity-100 group-hover/overflow-agent:visible group-hover/overflow-agent:pointer-events-auto", "hover:opacity-100 hover:visible hover:pointer-events-auto", R === "agent" && "opacity-100 visible pointer-events-auto"),
+				children: /* @__PURE__ */ v(d, {
 					testId: "overflow-agent-submenu",
 					className: "overflow-visible min-w-[195px]",
-					children: [/* @__PURE__ */ v(p, {
+					children: [/* @__PURE__ */ _(f, {
 						testId: "overflow-agent-code",
 						onClick: (e) => {
-							e.preventDefault(), e.stopPropagation(), Pe("code"), X();
+							e.preventDefault(), e.stopPropagation(), Fe("code"), X();
 						},
-						children: /* @__PURE__ */ v(g, {
-							icon: /* @__PURE__ */ v(d, { className: "h-[11px] w-[11px]" }),
-							text: x(t.COMMON$CODE)
+						children: /* @__PURE__ */ _(h, {
+							icon: /* @__PURE__ */ _(u, { className: "h-[11px] w-[11px]" }),
+							text: b(t.COMMON$CODE)
 						})
-					}), /* @__PURE__ */ v(p, {
+					}), /* @__PURE__ */ _(f, {
 						testId: "overflow-agent-plan",
 						onClick: (e) => {
-							Fe(e), X();
+							Ie(e), X();
 						},
-						children: /* @__PURE__ */ v(g, {
-							icon: /* @__PURE__ */ v(u, {
+						children: /* @__PURE__ */ _(h, {
+							icon: /* @__PURE__ */ _(re, {
 								width: 16,
 								height: 16,
 								color: "currentColor"
 							}),
-							text: x(t.COMMON$PLAN)
+							text: b(t.COMMON$PLAN)
 						})
 					})]
 				})
 			})]
-		}), !q && /* @__PURE__ */ y("div", {
+		}), !K && /* @__PURE__ */ v("div", {
 			className: "relative group/overflow-model",
-			children: [/* @__PURE__ */ v(p, {
+			children: [/* @__PURE__ */ _(f, {
 				testId: "overflow-model-button",
-				onClick: () => B((e) => e === "model" ? null : "model"),
-				children: /* @__PURE__ */ v(g, {
-					icon: /* @__PURE__ */ v(n, {
+				onClick: () => z((e) => e === "model" ? null : "model"),
+				children: /* @__PURE__ */ _(h, {
+					icon: /* @__PURE__ */ _(n, {
 						width: 16,
 						height: 16,
 						strokeWidth: 2,
 						"aria-hidden": !0
 					}),
-					text: x(t.SETTINGS$AGENT_MODEL),
-					rightIcon: /* @__PURE__ */ v(h, {
+					text: b(t.SETTINGS$AGENT_MODEL),
+					rightIcon: /* @__PURE__ */ _(m, {
 						width: 10,
 						height: 10
 					})
 				})
-			}), /* @__PURE__ */ v("div", {
-				className: i("absolute left-full top-[-4px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]", "group-hover/overflow-model:opacity-100 group-hover/overflow-model:visible group-hover/overflow-model:pointer-events-auto", "hover:opacity-100 hover:visible hover:pointer-events-auto", z === "model" && "opacity-100 visible pointer-events-auto"),
-				children: /* @__PURE__ */ v(f, {
+			}), /* @__PURE__ */ _("div", {
+				className: i("absolute left-full top-[-4px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]", "group-hover/overflow-model:opacity-100 group-hover/overflow-model:visible group-hover/overflow-model:pointer-events-auto", "hover:opacity-100 hover:visible hover:pointer-events-auto", R === "model" && "opacity-100 visible pointer-events-auto"),
+				children: /* @__PURE__ */ _(d, {
 					testId: "overflow-model-submenu",
 					className: "min-w-[220px] max-w-[320px] max-h-[60vh] overflow-y-auto gap-0",
-					children: Z === "model" ? /* @__PURE__ */ v(ce, {
+					children: Z === "model" ? /* @__PURE__ */ _(le, {
 						model: w,
 						onClose: X,
 						dividerInset: "menu",
 						settingsLinkClassName: Q,
 						settingsIconClassName: $
-					}) : /* @__PURE__ */ v(le, {
+					}) : /* @__PURE__ */ _(ue, {
 						onClose: X,
 						dividerInset: "menu",
 						settingsLinkClassName: Q,
@@ -178,74 +179,78 @@ function b({ disabled: b, canSubmit: ye = !0, hasStartedConversation: be, onAddF
 			})]
 		})]
 	});
-	return /* @__PURE__ */ y("div", {
+	return /* @__PURE__ */ v("div", {
 		ref: D,
 		className: "w-full min-w-0 flex items-center justify-between gap-2",
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "flex min-w-0 items-center gap-1",
-			children: /* @__PURE__ */ y("div", {
+			children: /* @__PURE__ */ v("div", {
 				className: "flex min-w-0 items-center gap-3",
 				children: [
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ _("div", {
 						ref: k,
 						className: i(!1),
-						children: /* @__PURE__ */ v(pe, {
-							disabled: b,
-							handleFileIconClick: xe,
-							showAgentProfileSwitch: Ae
+						children: /* @__PURE__ */ _(me, {
+							disabled: y,
+							handleFileIconClick: Ce,
+							showAgentProfileSwitch: je
 						})
 					}),
-					E && /* @__PURE__ */ v("div", {
+					E && /* @__PURE__ */ _("div", {
 						ref: A,
-						className: i(!K && "hidden"),
-						children: /* @__PURE__ */ v(ae, {})
+						className: i(!G && "hidden"),
+						children: /* @__PURE__ */ _(oe, {})
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ _("div", {
 						ref: j,
-						className: i(!q && "hidden"),
-						children: v(Z === "model" ? se : ue, {})
+						className: i(!K && "hidden"),
+						children: _(Z === "model" ? ce : de, {})
 					}),
-					J && /* @__PURE__ */ y("div", {
+					q && /* @__PURE__ */ v("div", {
 						className: "relative shrink-0",
-						children: [/* @__PURE__ */ v("button", {
+						children: [/* @__PURE__ */ _("button", {
 							ref: M,
 							type: "button",
 							className: i(ee, "size-6"),
-							"aria-label": x(t.CHAT_INTERFACE$MORE_INPUT_ACTIONS),
-							"aria-expanded": L,
+							"aria-label": b(t.CHAT_INTERFACE$MORE_INPUT_ACTIONS),
+							"aria-expanded": I,
 							"aria-haspopup": "menu",
 							onClick: (e) => {
-								e.preventDefault(), e.stopPropagation(), R((e) => !e);
+								e.preventDefault(), e.stopPropagation(), L((e) => !e);
 							},
-							children: /* @__PURE__ */ v(he, {
+							children: /* @__PURE__ */ _(_e, {
 								width: 16,
 								height: 16,
 								color: "currentColor"
 							})
-						}), L && typeof document < "u" && V && ve.createPortal(/* @__PURE__ */ v("div", {
-							style: V,
-							children: Ye
+						}), I && typeof document < "u" && B && be.createPortal(/* @__PURE__ */ _("div", {
+							style: B,
+							children: Xe
 						}), document.body)]
 					})
 				]
 			})
-		}), /* @__PURE__ */ y("div", {
+		}), /* @__PURE__ */ v("div", {
 			ref: O,
 			className: "ml-auto flex shrink-0 items-center gap-2",
-			children: [qe && C && /* @__PURE__ */ v(ne, {
-				handleStop: We,
-				handleResumeAgent: Ge,
-				disabled: b,
-				isPausing: Ke
-			}), Se && /* @__PURE__ */ v(me, {
-				buttonClassName: Ce,
-				handleSubmit: we,
-				disabled: b || !ye
-			})]
+			children: [
+				Ye && S && /* @__PURE__ */ _(ne, {
+					handleStop: Ke,
+					handleResumeAgent: qe,
+					disabled: y,
+					isPausing: Je
+				}),
+				/* @__PURE__ */ _(ge, {}),
+				we && /* @__PURE__ */ _(he, {
+					buttonClassName: Te,
+					handleSubmit: Ee,
+					disabled: y || !xe
+				})
+			]
 		})]
 	});
 }
 //#endregion
-export { b as ChatInputActions };
+export { y as ChatInputActions };
 //# sourceMappingURL=chat-input-actions.js.map

package/dist/components/features/chat/components/chat-input-actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chat-input-actions.js","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-actions.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { Cpu } from \"lucide-react\";\nimport { AgentStatus } from \"#/components/features/controls/agent-status\";\nimport { ChangeAgentButton } from \"../change-agent-button\";\nimport { ChatInputModel, ChatInputModelMenuContent } from \"./chat-input-model\";\nimport {\n ChatInputLlmProfilePicker,\n ChatInputLlmProfileMenuContent,\n} from \"./chat-input-llm-profile-picker\";\nimport { resolvePickerKind } from \"./resolve-picker-kind\";\nimport { ChatAddFileButton } from \"../chat-add-file-button\";\nimport { ChatSendButton } from \"../chat-send-button\";\nimport CarretRightFillIcon from \"#/icons/carret-right-fill.svg?react\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.svg?react\";\nimport ThreeDotsVerticalIcon from \"#/icons/three-dots-vertical.svg?react\";\nimport { CodePillIcon } from \"#/icons/code-pill\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { usePauseConversation } from \"#/hooks/mutation/use-pause-conversation\";\nimport { useResumeConversation } from \"#/hooks/mutation/use-resume-conversation\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useAgentProfiles } from \"#/hooks/query/use-agent-profiles\";\nimport { useChatInputModelState } from \"#/hooks/use-chat-input-model-state\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useUnifiedWebSocketStatus } from \"#/hooks/use-unified-websocket-status\";\nimport { useHandlePlanClick } from \"#/hooks/use-handle-plan-click\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ToolsContextMenuIconText } from \"../../controls/tools-context-menu-icon-text\";\nimport { ContextMenuListItem } from \"../../context-menu/context-menu-list-item\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n chatInputIconButtonClassName,\n formControlTransitionClassName,\n} from \"#/utils/form-control-classes\";\n\ninterface ChatInputActionsProps {\n disabled: boolean;\n canSubmit?: boolean;\n hasStartedConversation?: boolean;\n onAddFileClick?: () => void;\n showButton?: boolean;\n buttonClassName?: string;\n handleSubmit?: () => void;\n}\n\nexport function ChatInputActions({\n disabled,\n canSubmit = true,\n hasStartedConversation,\n onAddFileClick = () => {},\n showButton = true,\n buttonClassName = \"\",\n handleSubmit = () => {},\n}: ChatInputActionsProps) {\n const { t } = useTranslation(\"openhands\");\n const unifiedPauseMutation = useUnifiedPauseConversation();\n const pauseConversationMutation = usePauseConversation();\n const resumeConversationMutation = useResumeConversation();\n const { conversationId } = useOptionalConversationId();\n const { backend } = useActiveBackend();\n const isCloud = backend.kind === \"cloud\";\n const modelState = useChatInputModelState();\n // Agent-profile switching lives in the \"+\" tools menu while the conversation\n // hasn't started (OSS-5735) — the pill itself is always an LLM selector. The\n // gate is computed here (not in the menu) so ToolsContextMenu only mounts the\n // profile submenu when it can actually be used: pre-start, not on a task\n // route, and only when the backend has profiles (#1571 fallback). Fetch is\n // limited to the pre-start window.\n const isPreStart = !conversationId \|\| hasStartedConversation === false;\n const agentProfilesForStart = useAgentProfiles({ enabled: isPreStart });\n const showAgentProfileSwitch =\n isPreStart &&\n !(conversationId?.startsWith(\"task-\") ?? false) &&\n (agentProfilesForStart.data?.profiles?.length ?? 0) > 0;\n // Code/Plan mode switching is a cloud OpenHands feature — it doesn't apply\n // to ACP conversations (which have no \"plan\" mode), so hide it when ACP.\n const showChangeAgentButton = isCloud && !modelState.isAcpContext;\n const webSocketStatus = useUnifiedWebSocketStatus();\n const { curAgentState } = useAgentState();\n const { conversationMode, setConversationMode } = useConversationStore();\n const { handlePlanClick, isCreatingConversation } = useHandlePlanClick();\n\n const actionsRowRef = React.useRef<HTMLDivElement>(null);\n const rightSectionRef = React.useRef<HTMLDivElement>(null);\n const addFileRef = React.useRef<HTMLDivElement>(null);\n const codeRef = React.useRef<HTMLDivElement>(null);\n const modelRef = React.useRef<HTMLDivElement>(null);\n const overflowTriggerRef = React.useRef<HTMLButtonElement>(null);\n const [actionsRowWidth, setActionsRowWidth] = React.useState<number>(\n Number.POSITIVE_INFINITY,\n );\n const [rightSectionWidth, setRightSectionWidth] = React.useState(0);\n const [addFileWidth, setAddFileWidth] = React.useState(32);\n const [codeWidth, setCodeWidth] = React.useState(96);\n const [modelWidth, setModelWidth] = React.useState(120);\n const [isOverflowOpen, setIsOverflowOpen] = React.useState(false);\n const [activeSubmenu, setActiveSubmenu] = React.useState<\n \"agent\" \| \"model\" \| null\n >(null);\n const [overflowPortalStyle, setOverflowPortalStyle] =\n React.useState<React.CSSProperties>();\n\n React.useEffect(() => {\n const rowEl = actionsRowRef.current;\n const rightEl = rightSectionRef.current;\n const addEl = addFileRef.current;\n const codeEl = codeRef.current;\n const modelEl = modelRef.current;\n\n if (\n !rowEl \|\|\n !rightEl \|\|\n !addEl \|\|\n !modelEl \|\|\n (showChangeAgentButton && !codeEl) \|\|\n typeof ResizeObserver === \"undefined\"\n ) {\n return;\n }\n\n const syncWidths = () => {\n const nextRowWidth = rowEl.getBoundingClientRect().width;\n const nextRightWidth = rightEl.getBoundingClientRect().width;\n const nextAddWidth = addEl.getBoundingClientRect().width;\n const nextModelWidth = modelEl.getBoundingClientRect().width;\n\n if (nextRowWidth > 0) setActionsRowWidth(nextRowWidth);\n if (nextRightWidth > 0) setRightSectionWidth(nextRightWidth);\n if (nextAddWidth > 0) setAddFileWidth(nextAddWidth);\n if (nextModelWidth > 0) setModelWidth(nextModelWidth);\n\n if (codeEl) {\n const nextCodeWidth = codeEl.getBoundingClientRect().width;\n if (nextCodeWidth > 0) setCodeWidth(nextCodeWidth);\n }\n };\n\n const observer = new ResizeObserver(() => {\n syncWidths();\n });\n\n observer.observe(rowEl);\n observer.observe(rightEl);\n observer.observe(addEl);\n observer.observe(modelEl);\n if (codeEl) {\n observer.observe(codeEl);\n }\n\n syncWidths();\n\n return () => observer.disconnect();\n }, [showChangeAgentButton]);\n\n const handlePauseAgent = () => {\n if (!conversationId) return;\n pauseConversationMutation.mutate({ conversationId });\n };\n\n const handleResumeAgentClick = () => {\n if (!conversationId) return;\n resumeConversationMutation.mutate({ conversationId });\n };\n\n const isPausing =\n unifiedPauseMutation.isPending \|\| pauseConversationMutation.isPending;\n\n const OVERFLOW_BUTTON_WIDTH = 28;\n const INLINE_GAP = 12;\n const ROOT_GAP = 8;\n\n const fitOptionalItems = React.useCallback(\n (availableWidth: number) => {\n let remaining = availableWidth;\n const next = {\n showCodeInline: false,\n showModelInline: false,\n };\n\n if (showChangeAgentButton && remaining >= codeWidth) {\n next.showCodeInline = true;\n remaining -= codeWidth + INLINE_GAP;\n }\n\n if (remaining >= modelWidth) {\n next.showModelInline = true;\n }\n\n return next;\n },\n [showChangeAgentButton, codeWidth, modelWidth],\n );\n\n const leftBaseWidth =\n actionsRowWidth - rightSectionWidth - ROOT_GAP - addFileWidth - INLINE_GAP;\n\n const fitWithoutOverflow = fitOptionalItems(leftBaseWidth);\n const allOptionalFit =\n (!showChangeAgentButton \|\| fitWithoutOverflow.showCodeInline) &&\n fitWithoutOverflow.showModelInline;\n\n const fitWithOverflow = allOptionalFit\n ? fitWithoutOverflow\n : fitOptionalItems(leftBaseWidth - OVERFLOW_BUTTON_WIDTH - INLINE_GAP);\n\n const showCodeInline = !showChangeAgentButton\n ? false\n : fitWithOverflow.showCodeInline;\n const showModelInline = fitWithOverflow.showModelInline;\n const showAddFileInline = true;\n const showAgentStatusInline = actionsRowWidth >= 360;\n\n const hasOverflowItems =\n !showAddFileInline \|\|\n (showChangeAgentButton && !showCodeInline) \|\|\n !showModelInline;\n\n React.useEffect(() => {\n if (!hasOverflowItems) {\n setIsOverflowOpen(false);\n setActiveSubmenu(null);\n }\n }, [hasOverflowItems]);\n\n const overflowMenuRef = useClickOutsideElement<HTMLUListElement>(() => {\n setIsOverflowOpen(false);\n setActiveSubmenu(null);\n });\n\n const isAgentSwitcherDisabled =\n curAgentState === AgentState.RUNNING \|\|\n isCreatingConversation \|\|\n webSocketStatus !== \"OPEN\";\n\n const closeOverflowMenus = () => {\n setActiveSubmenu(null);\n setIsOverflowOpen(false);\n };\n\n // Which chat-input LLM picker to show — the constrained ACP model picker or\n // the LLM-profile picker (unit-tested in `resolve-picker-kind.test.ts`).\n const pickerKind = resolvePickerKind({ isAcp: modelState.isAcpContext });\n\n // Shared styling for the settings link inside the overflow submenu content.\n const overflowSettingsLinkClassName = cn(\n \"group\",\n formControlTransitionClassName,\n );\n const overflowSettingsIconClassName = cn(\n \"text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)]\",\n formControlTransitionClassName,\n );\n\n React.useLayoutEffect(() => {\n if (!isOverflowOpen \|\| !overflowTriggerRef.current) {\n return;\n }\n\n const trigger = overflowTriggerRef.current;\n\n const updatePosition = () => {\n const rect = trigger.getBoundingClientRect();\n const GAP = 8;\n setOverflowPortalStyle({\n position: \"fixed\",\n top: rect.top - GAP,\n left: rect.left,\n transform: \"translateY(-100%)\",\n zIndex: 9999,\n });\n };\n\n updatePosition();\n window.addEventListener(\"resize\", updatePosition);\n window.addEventListener(\"scroll\", updatePosition, true);\n\n return () => {\n window.removeEventListener(\"resize\", updatePosition);\n window.removeEventListener(\"scroll\", updatePosition, true);\n };\n }, [isOverflowOpen]);\n\n const overflowMenu = (\n <ContextMenu\n ref={overflowMenuRef}\n testId=\"chat-input-overflow-menu\"\n position=\"top\"\n alignment=\"left\"\n className=\"!static !top-auto !bottom-auto !left-auto !right-auto !mt-0 overflow-visible min-w-[200px]\"\n >\n {showChangeAgentButton && !showCodeInline && (\n <div className=\"relative group/overflow-agent\">\n <ContextMenuListItem\n testId=\"overflow-agent-button\"\n onClick={() =>\n setActiveSubmenu((current) =>\n current === \"agent\" ? null : \"agent\",\n )\n }\n isDisabled={isAgentSwitcherDisabled}\n >\n <ToolsContextMenuIconText\n icon={<CodePillIcon className=\"h-[11px] w-[11px]\" />}\n text={\n conversationMode === \"code\"\n ? t(I18nKey.COMMON$CODE)\n : t(I18nKey.COMMON$PLAN)\n }\n rightIcon={<CarretRightFillIcon width={10} height={10} />}\n />\n </ContextMenuListItem>\n {!isAgentSwitcherDisabled && (\n <div\n className={cn(\n \"absolute left-full top-[-4px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]\",\n \"group-hover/overflow-agent:opacity-100 group-hover/overflow-agent:visible group-hover/overflow-agent:pointer-events-auto\",\n \"hover:opacity-100 hover:visible hover:pointer-events-auto\",\n activeSubmenu === \"agent\" &&\n \"opacity-100 visible pointer-events-auto\",\n )}\n >\n <ContextMenu\n testId=\"overflow-agent-submenu\"\n className=\"overflow-visible min-w-[195px]\"\n >\n <ContextMenuListItem\n testId=\"overflow-agent-code\"\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n setConversationMode(\"code\");\n closeOverflowMenus();\n }}\n >\n <ToolsContextMenuIconText\n icon={<CodePillIcon className=\"h-[11px] w-[11px]\" />}\n text={t(I18nKey.COMMON$CODE)}\n />\n </ContextMenuListItem>\n <ContextMenuListItem\n testId=\"overflow-agent-plan\"\n onClick={(event) => {\n handlePlanClick(event);\n closeOverflowMenus();\n }}\n >\n <ToolsContextMenuIconText\n icon={\n <LessonPlanIcon\n width={16}\n height={16}\n color=\"currentColor\"\n />\n }\n text={t(I18nKey.COMMON$PLAN)}\n />\n </ContextMenuListItem>\n </ContextMenu>\n </div>\n )}\n </div>\n )}\n {!showModelInline && (\n <div className=\"relative group/overflow-model\">\n <ContextMenuListItem\n testId=\"overflow-model-button\"\n onClick={() =>\n setActiveSubmenu((current) =>\n current === \"model\" ? null : \"model\",\n )\n }\n >\n <ToolsContextMenuIconText\n icon={<Cpu width={16} height={16} strokeWidth={2} aria-hidden />}\n text={t(I18nKey.SETTINGS$AGENT_MODEL)}\n rightIcon={<CarretRightFillIcon width={10} height={10} />}\n />\n </ContextMenuListItem>\n <div\n className={cn(\n \"absolute left-full top-[-4px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]\",\n \"group-hover/overflow-model:opacity-100 group-hover/overflow-model:visible group-hover/overflow-model:pointer-events-auto\",\n \"hover:opacity-100 hover:visible hover:pointer-events-auto\",\n activeSubmenu === \"model\" &&\n \"opacity-100 visible pointer-events-auto\",\n )}\n >\n {/* overflow-y-auto (not overflow-visible) so a long ACP model list\n scrolls within the menu instead of overflowing the viewport.\n Safe because this menu has no floating children (tooltips /\n nested popovers) that would be clipped — only a flat model list\n + Settings link. Revisit if floating children are added here. /}\n <ContextMenu\n testId=\"overflow-model-submenu\"\n className=\"min-w-[220px] max-w-[320px] max-h-[60vh] overflow-y-auto gap-0\"\n >\n {pickerKind === \"model\" ? (\n <ChatInputModelMenuContent\n model={modelState}\n onClose={closeOverflowMenus}\n dividerInset=\"menu\"\n settingsLinkClassName={overflowSettingsLinkClassName}\n settingsIconClassName={overflowSettingsIconClassName}\n />\n ) : (\n <ChatInputLlmProfileMenuContent\n onClose={closeOverflowMenus}\n dividerInset=\"menu\"\n settingsLinkClassName={overflowSettingsLinkClassName}\n settingsIconClassName={overflowSettingsIconClassName}\n />\n )}\n </ContextMenu>\n </div>\n </div>\n )}\n </ContextMenu>\n );\n\n return (\n <div\n ref={actionsRowRef}\n className=\"w-full min-w-0 flex items-center justify-between gap-2\"\n >\n <div className=\"flex min-w-0 items-center gap-1\">\n <div className=\"flex min-w-0 items-center gap-3\">\n <div ref={addFileRef} className={cn(!showAddFileInline && \"hidden\")}>\n <ChatAddFileButton\n disabled={disabled}\n handleFileIconClick={onAddFileClick}\n showAgentProfileSwitch={showAgentProfileSwitch}\n />\n </div>\n {showChangeAgentButton && (\n <div ref={codeRef} className={cn(!showCodeInline && \"hidden\")}>\n <ChangeAgentButton />\n </div>\n )}\n <div ref={modelRef} className={cn(!showModelInline && \"hidden\")}>\n {/ Picker depends on backend + ACP context; see the `pickerKind`\n cases above. */}\n {pickerKind === \"model\" ? (\n <ChatInputModel />\n ) : (\n <ChatInputLlmProfilePicker />\n )}\n </div>\n\n {hasOverflowItems && (\n <div className=\"relative shrink-0\">\n <button\n ref={overflowTriggerRef}\n type=\"button\"\n className={cn(chatInputIconButtonClassName, \"size-6\")}\n aria-label={t(I18nKey.CHAT_INTERFACE$MORE_INPUT_ACTIONS)}\n aria-expanded={isOverflowOpen}\n aria-haspopup=\"menu\"\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n setIsOverflowOpen((open) => !open);\n }}\n >\n <ThreeDotsVerticalIcon\n width={16}\n height={16}\n color=\"currentColor\"\n />\n </button>\n\n {isOverflowOpen &&\n typeof document !== \"undefined\" &&\n overflowPortalStyle &&\n ReactDOM.createPortal(\n <div style={overflowPortalStyle}>{overflowMenu}</div>,\n document.body,\n )}\n </div>\n )}\n </div>\n </div>\n <div\n ref={rightSectionRef}\n className=\"ml-auto flex shrink-0 items-center gap-2\"\n >\n {showAgentStatusInline && conversationId && (\n <AgentStatus\n handleStop={handlePauseAgent}\n handleResumeAgent={handleResumeAgentClick}\n disabled={disabled}\n isPausing={isPausing}\n />\n )}\n {showButton && (\n <ChatSendButton\n buttonClassName={buttonClassName}\n handleSubmit={handleSubmit}\n disabled={disabled \|\| !canSubmit}\n />\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"chat-input-actions.js","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-actions.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { Cpu } from \"lucide-react\";\nimport { AgentStatus } from \"#/components/features/controls/agent-status\";\nimport { ChangeAgentButton } from \"../change-agent-button\";\nimport { ChatInputModel, ChatInputModelMenuContent } from \"./chat-input-model\";\nimport {\n ChatInputLlmProfilePicker,\n ChatInputLlmProfileMenuContent,\n} from \"./chat-input-llm-profile-picker\";\nimport { resolvePickerKind } from \"./resolve-picker-kind\";\nimport { ChatAddFileButton } from \"../chat-add-file-button\";\nimport { ChatSendButton } from \"../chat-send-button\";\nimport { ContextWindowMeter } from \"./context-window-meter\";\nimport CarretRightFillIcon from \"#/icons/carret-right-fill.svg?react\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.svg?react\";\nimport ThreeDotsVerticalIcon from \"#/icons/three-dots-vertical.svg?react\";\nimport { CodePillIcon } from \"#/icons/code-pill\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { usePauseConversation } from \"#/hooks/mutation/use-pause-conversation\";\nimport { useResumeConversation } from \"#/hooks/mutation/use-resume-conversation\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useAgentProfiles } from \"#/hooks/query/use-agent-profiles\";\nimport { useChatInputModelState } from \"#/hooks/use-chat-input-model-state\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useUnifiedWebSocketStatus } from \"#/hooks/use-unified-websocket-status\";\nimport { useHandlePlanClick } from \"#/hooks/use-handle-plan-click\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ToolsContextMenuIconText } from \"../../controls/tools-context-menu-icon-text\";\nimport { ContextMenuListItem } from \"../../context-menu/context-menu-list-item\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n chatInputIconButtonClassName,\n formControlTransitionClassName,\n} from \"#/utils/form-control-classes\";\n\ninterface ChatInputActionsProps {\n disabled: boolean;\n canSubmit?: boolean;\n hasStartedConversation?: boolean;\n onAddFileClick?: () => void;\n showButton?: boolean;\n buttonClassName?: string;\n handleSubmit?: () => void;\n}\n\nexport function ChatInputActions({\n disabled,\n canSubmit = true,\n hasStartedConversation,\n onAddFileClick = () => {},\n showButton = true,\n buttonClassName = \"\",\n handleSubmit = () => {},\n}: ChatInputActionsProps) {\n const { t } = useTranslation(\"openhands\");\n const unifiedPauseMutation = useUnifiedPauseConversation();\n const pauseConversationMutation = usePauseConversation();\n const resumeConversationMutation = useResumeConversation();\n const { conversationId } = useOptionalConversationId();\n const { backend } = useActiveBackend();\n const isCloud = backend.kind === \"cloud\";\n const modelState = useChatInputModelState();\n // Agent-profile switching lives in the \"+\" tools menu while the conversation\n // hasn't started (OSS-5735) — the pill itself is always an LLM selector. The\n // gate is computed here (not in the menu) so ToolsContextMenu only mounts the\n // profile submenu when it can actually be used: pre-start, not on a task\n // route, and only when the backend has profiles (#1571 fallback). Fetch is\n // limited to the pre-start window.\n const isPreStart = !conversationId \|\| hasStartedConversation === false;\n const agentProfilesForStart = useAgentProfiles({ enabled: isPreStart });\n const showAgentProfileSwitch =\n isPreStart &&\n !(conversationId?.startsWith(\"task-\") ?? false) &&\n (agentProfilesForStart.data?.profiles?.length ?? 0) > 0;\n // Code/Plan mode switching is a cloud OpenHands feature — it doesn't apply\n // to ACP conversations (which have no \"plan\" mode), so hide it when ACP.\n const showChangeAgentButton = isCloud && !modelState.isAcpContext;\n const webSocketStatus = useUnifiedWebSocketStatus();\n const { curAgentState } = useAgentState();\n const { conversationMode, setConversationMode } = useConversationStore();\n const { handlePlanClick, isCreatingConversation } = useHandlePlanClick();\n\n const actionsRowRef = React.useRef<HTMLDivElement>(null);\n const rightSectionRef = React.useRef<HTMLDivElement>(null);\n const addFileRef = React.useRef<HTMLDivElement>(null);\n const codeRef = React.useRef<HTMLDivElement>(null);\n const modelRef = React.useRef<HTMLDivElement>(null);\n const overflowTriggerRef = React.useRef<HTMLButtonElement>(null);\n const [actionsRowWidth, setActionsRowWidth] = React.useState<number>(\n Number.POSITIVE_INFINITY,\n );\n const [rightSectionWidth, setRightSectionWidth] = React.useState(0);\n const [addFileWidth, setAddFileWidth] = React.useState(32);\n const [codeWidth, setCodeWidth] = React.useState(96);\n const [modelWidth, setModelWidth] = React.useState(120);\n const [isOverflowOpen, setIsOverflowOpen] = React.useState(false);\n const [activeSubmenu, setActiveSubmenu] = React.useState<\n \"agent\" \| \"model\" \| null\n >(null);\n const [overflowPortalStyle, setOverflowPortalStyle] =\n React.useState<React.CSSProperties>();\n\n React.useEffect(() => {\n const rowEl = actionsRowRef.current;\n const rightEl = rightSectionRef.current;\n const addEl = addFileRef.current;\n const codeEl = codeRef.current;\n const modelEl = modelRef.current;\n\n if (\n !rowEl \|\|\n !rightEl \|\|\n !addEl \|\|\n !modelEl \|\|\n (showChangeAgentButton && !codeEl) \|\|\n typeof ResizeObserver === \"undefined\"\n ) {\n return;\n }\n\n const syncWidths = () => {\n const nextRowWidth = rowEl.getBoundingClientRect().width;\n const nextRightWidth = rightEl.getBoundingClientRect().width;\n const nextAddWidth = addEl.getBoundingClientRect().width;\n const nextModelWidth = modelEl.getBoundingClientRect().width;\n\n if (nextRowWidth > 0) setActionsRowWidth(nextRowWidth);\n if (nextRightWidth > 0) setRightSectionWidth(nextRightWidth);\n if (nextAddWidth > 0) setAddFileWidth(nextAddWidth);\n if (nextModelWidth > 0) setModelWidth(nextModelWidth);\n\n if (codeEl) {\n const nextCodeWidth = codeEl.getBoundingClientRect().width;\n if (nextCodeWidth > 0) setCodeWidth(nextCodeWidth);\n }\n };\n\n const observer = new ResizeObserver(() => {\n syncWidths();\n });\n\n observer.observe(rowEl);\n observer.observe(rightEl);\n observer.observe(addEl);\n observer.observe(modelEl);\n if (codeEl) {\n observer.observe(codeEl);\n }\n\n syncWidths();\n\n return () => observer.disconnect();\n }, [showChangeAgentButton]);\n\n const handlePauseAgent = () => {\n if (!conversationId) return;\n pauseConversationMutation.mutate({ conversationId });\n };\n\n const handleResumeAgentClick = () => {\n if (!conversationId) return;\n resumeConversationMutation.mutate({ conversationId });\n };\n\n const isPausing =\n unifiedPauseMutation.isPending \|\| pauseConversationMutation.isPending;\n\n const OVERFLOW_BUTTON_WIDTH = 28;\n const INLINE_GAP = 12;\n const ROOT_GAP = 8;\n\n const fitOptionalItems = React.useCallback(\n (availableWidth: number) => {\n let remaining = availableWidth;\n const next = {\n showCodeInline: false,\n showModelInline: false,\n };\n\n if (showChangeAgentButton && remaining >= codeWidth) {\n next.showCodeInline = true;\n remaining -= codeWidth + INLINE_GAP;\n }\n\n if (remaining >= modelWidth) {\n next.showModelInline = true;\n }\n\n return next;\n },\n [showChangeAgentButton, codeWidth, modelWidth],\n );\n\n const leftBaseWidth =\n actionsRowWidth - rightSectionWidth - ROOT_GAP - addFileWidth - INLINE_GAP;\n\n const fitWithoutOverflow = fitOptionalItems(leftBaseWidth);\n const allOptionalFit =\n (!showChangeAgentButton \|\| fitWithoutOverflow.showCodeInline) &&\n fitWithoutOverflow.showModelInline;\n\n const fitWithOverflow = allOptionalFit\n ? fitWithoutOverflow\n : fitOptionalItems(leftBaseWidth - OVERFLOW_BUTTON_WIDTH - INLINE_GAP);\n\n const showCodeInline = !showChangeAgentButton\n ? false\n : fitWithOverflow.showCodeInline;\n const showModelInline = fitWithOverflow.showModelInline;\n const showAddFileInline = true;\n const showAgentStatusInline = actionsRowWidth >= 360;\n\n const hasOverflowItems =\n !showAddFileInline \|\|\n (showChangeAgentButton && !showCodeInline) \|\|\n !showModelInline;\n\n React.useEffect(() => {\n if (!hasOverflowItems) {\n setIsOverflowOpen(false);\n setActiveSubmenu(null);\n }\n }, [hasOverflowItems]);\n\n const overflowMenuRef = useClickOutsideElement<HTMLUListElement>(() => {\n setIsOverflowOpen(false);\n setActiveSubmenu(null);\n });\n\n const isAgentSwitcherDisabled =\n curAgentState === AgentState.RUNNING \|\|\n isCreatingConversation \|\|\n webSocketStatus !== \"OPEN\";\n\n const closeOverflowMenus = () => {\n setActiveSubmenu(null);\n setIsOverflowOpen(false);\n };\n\n // Which chat-input LLM picker to show — the constrained ACP model picker or\n // the LLM-profile picker (unit-tested in `resolve-picker-kind.test.ts`).\n const pickerKind = resolvePickerKind({ isAcp: modelState.isAcpContext });\n\n // Shared styling for the settings link inside the overflow submenu content.\n const overflowSettingsLinkClassName = cn(\n \"group\",\n formControlTransitionClassName,\n );\n const overflowSettingsIconClassName = cn(\n \"text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)]\",\n formControlTransitionClassName,\n );\n\n React.useLayoutEffect(() => {\n if (!isOverflowOpen \|\| !overflowTriggerRef.current) {\n return;\n }\n\n const trigger = overflowTriggerRef.current;\n\n const updatePosition = () => {\n const rect = trigger.getBoundingClientRect();\n const GAP = 8;\n setOverflowPortalStyle({\n position: \"fixed\",\n top: rect.top - GAP,\n left: rect.left,\n transform: \"translateY(-100%)\",\n zIndex: 9999,\n });\n };\n\n updatePosition();\n window.addEventListener(\"resize\", updatePosition);\n window.addEventListener(\"scroll\", updatePosition, true);\n\n return () => {\n window.removeEventListener(\"resize\", updatePosition);\n window.removeEventListener(\"scroll\", updatePosition, true);\n };\n }, [isOverflowOpen]);\n\n const overflowMenu = (\n <ContextMenu\n ref={overflowMenuRef}\n testId=\"chat-input-overflow-menu\"\n position=\"top\"\n alignment=\"left\"\n className=\"!static !top-auto !bottom-auto !left-auto !right-auto !mt-0 overflow-visible min-w-[200px]\"\n >\n {showChangeAgentButton && !showCodeInline && (\n <div className=\"relative group/overflow-agent\">\n <ContextMenuListItem\n testId=\"overflow-agent-button\"\n onClick={() =>\n setActiveSubmenu((current) =>\n current === \"agent\" ? null : \"agent\",\n )\n }\n isDisabled={isAgentSwitcherDisabled}\n >\n <ToolsContextMenuIconText\n icon={<CodePillIcon className=\"h-[11px] w-[11px]\" />}\n text={\n conversationMode === \"code\"\n ? t(I18nKey.COMMON$CODE)\n : t(I18nKey.COMMON$PLAN)\n }\n rightIcon={<CarretRightFillIcon width={10} height={10} />}\n />\n </ContextMenuListItem>\n {!isAgentSwitcherDisabled && (\n <div\n className={cn(\n \"absolute left-full top-[-4px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]\",\n \"group-hover/overflow-agent:opacity-100 group-hover/overflow-agent:visible group-hover/overflow-agent:pointer-events-auto\",\n \"hover:opacity-100 hover:visible hover:pointer-events-auto\",\n activeSubmenu === \"agent\" &&\n \"opacity-100 visible pointer-events-auto\",\n )}\n >\n <ContextMenu\n testId=\"overflow-agent-submenu\"\n className=\"overflow-visible min-w-[195px]\"\n >\n <ContextMenuListItem\n testId=\"overflow-agent-code\"\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n setConversationMode(\"code\");\n closeOverflowMenus();\n }}\n >\n <ToolsContextMenuIconText\n icon={<CodePillIcon className=\"h-[11px] w-[11px]\" />}\n text={t(I18nKey.COMMON$CODE)}\n />\n </ContextMenuListItem>\n <ContextMenuListItem\n testId=\"overflow-agent-plan\"\n onClick={(event) => {\n handlePlanClick(event);\n closeOverflowMenus();\n }}\n >\n <ToolsContextMenuIconText\n icon={\n <LessonPlanIcon\n width={16}\n height={16}\n color=\"currentColor\"\n />\n }\n text={t(I18nKey.COMMON$PLAN)}\n />\n </ContextMenuListItem>\n </ContextMenu>\n </div>\n )}\n </div>\n )}\n {!showModelInline && (\n <div className=\"relative group/overflow-model\">\n <ContextMenuListItem\n testId=\"overflow-model-button\"\n onClick={() =>\n setActiveSubmenu((current) =>\n current === \"model\" ? null : \"model\",\n )\n }\n >\n <ToolsContextMenuIconText\n icon={<Cpu width={16} height={16} strokeWidth={2} aria-hidden />}\n text={t(I18nKey.SETTINGS$AGENT_MODEL)}\n rightIcon={<CarretRightFillIcon width={10} height={10} />}\n />\n </ContextMenuListItem>\n <div\n className={cn(\n \"absolute left-full top-[-4px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]\",\n \"group-hover/overflow-model:opacity-100 group-hover/overflow-model:visible group-hover/overflow-model:pointer-events-auto\",\n \"hover:opacity-100 hover:visible hover:pointer-events-auto\",\n activeSubmenu === \"model\" &&\n \"opacity-100 visible pointer-events-auto\",\n )}\n >\n {/* overflow-y-auto (not overflow-visible) so a long ACP model list\n scrolls within the menu instead of overflowing the viewport.\n Safe because this menu has no floating children (tooltips /\n nested popovers) that would be clipped — only a flat model list\n + Settings link. Revisit if floating children are added here. /}\n <ContextMenu\n testId=\"overflow-model-submenu\"\n className=\"min-w-[220px] max-w-[320px] max-h-[60vh] overflow-y-auto gap-0\"\n >\n {pickerKind === \"model\" ? (\n <ChatInputModelMenuContent\n model={modelState}\n onClose={closeOverflowMenus}\n dividerInset=\"menu\"\n settingsLinkClassName={overflowSettingsLinkClassName}\n settingsIconClassName={overflowSettingsIconClassName}\n />\n ) : (\n <ChatInputLlmProfileMenuContent\n onClose={closeOverflowMenus}\n dividerInset=\"menu\"\n settingsLinkClassName={overflowSettingsLinkClassName}\n settingsIconClassName={overflowSettingsIconClassName}\n />\n )}\n </ContextMenu>\n </div>\n </div>\n )}\n </ContextMenu>\n );\n\n return (\n <div\n ref={actionsRowRef}\n className=\"w-full min-w-0 flex items-center justify-between gap-2\"\n >\n <div className=\"flex min-w-0 items-center gap-1\">\n <div className=\"flex min-w-0 items-center gap-3\">\n <div ref={addFileRef} className={cn(!showAddFileInline && \"hidden\")}>\n <ChatAddFileButton\n disabled={disabled}\n handleFileIconClick={onAddFileClick}\n showAgentProfileSwitch={showAgentProfileSwitch}\n />\n </div>\n {showChangeAgentButton && (\n <div ref={codeRef} className={cn(!showCodeInline && \"hidden\")}>\n <ChangeAgentButton />\n </div>\n )}\n <div ref={modelRef} className={cn(!showModelInline && \"hidden\")}>\n {/ Picker depends on backend + ACP context; see the `pickerKind`\n cases above. */}\n {pickerKind === \"model\" ? (\n <ChatInputModel />\n ) : (\n <ChatInputLlmProfilePicker />\n )}\n </div>\n\n {hasOverflowItems && (\n <div className=\"relative shrink-0\">\n <button\n ref={overflowTriggerRef}\n type=\"button\"\n className={cn(chatInputIconButtonClassName, \"size-6\")}\n aria-label={t(I18nKey.CHAT_INTERFACE$MORE_INPUT_ACTIONS)}\n aria-expanded={isOverflowOpen}\n aria-haspopup=\"menu\"\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n setIsOverflowOpen((open) => !open);\n }}\n >\n <ThreeDotsVerticalIcon\n width={16}\n height={16}\n color=\"currentColor\"\n />\n </button>\n\n {isOverflowOpen &&\n typeof document !== \"undefined\" &&\n overflowPortalStyle &&\n ReactDOM.createPortal(\n <div style={overflowPortalStyle}>{overflowMenu}</div>,\n document.body,\n )}\n </div>\n )}\n </div>\n </div>\n <div\n ref={rightSectionRef}\n className=\"ml-auto flex shrink-0 items-center gap-2\"\n >\n {showAgentStatusInline && conversationId && (\n <AgentStatus\n handleStop={handlePauseAgent}\n handleResumeAgent={handleResumeAgentClick}\n disabled={disabled}\n isPausing={isPausing}\n />\n )}\n <ContextWindowMeter />\n {showButton && (\n <ChatSendButton\n buttonClassName={buttonClassName}\n handleSubmit={handleSubmit}\n disabled={disabled \|\| !canSubmit}\n />\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/chat/components/chat-input-grip.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../utils/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({gripRef:e,isGripVisible:n,isGripDragging:i,handleTopEdgeClick:a,handleGripMouseDown:o,handleGripTouchStart:s}){return(0,r.jsxs)(`div`,{className:`absolute top-0 left-0 w-full h-3 z-20 group`,id:`resize-grip`,onClick:a,children:[(0,r.jsx)(`div`,{className:`absolute inset-0 z-[1] cursor-ns-resize select-none`,onMouseDown:o,onTouchStart:s,"aria-hidden":!0}),(0,r.jsx)(`div`,{ref:e,className:t.cn(`pointer-events-none absolute top-0 left-0 w-full h-px bg-white z-[2] transition-opacity duration-200`,n||i?`opacity-100`:`opacity-0 group-hover:opacity-100`)})]})}exports.ChatInputGrip=i;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../utils/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({gripRef:e,isGripVisible:n,isGripDragging:i,canResize:a,handleTopEdgeClick:o,handleGripMouseDown:s,handleGripTouchStart:c}){return(0,r.jsxs)(`div`,{className:t.cn(`absolute top-0 left-0 w-full h-3 z-20 group`,!a&&`pointer-events-none`),id:`resize-grip`,onClick:a?o:void 0,children:[a&&(0,r.jsx)(`div`,{className:`absolute inset-0 z-[1] cursor-ns-resize select-none`,onMouseDown:s,onTouchStart:c,"aria-hidden":!0}),(0,r.jsx)(`div`,{ref:e,className:t.cn(`pointer-events-none absolute top-0 left-0 w-full h-px bg-white z-[2] transition-opacity duration-200`,!a&&`opacity-0`,a&&(n||i?`opacity-100`:`opacity-0 group-hover:opacity-100`))})]})}exports.ChatInputGrip=i;
 //# sourceMappingURL=chat-input-grip.cjs.map

package/dist/components/features/chat/components/chat-input-grip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chat-input-grip.cjs","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-grip.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ChatInputGripProps {\n gripRef: React.RefObject<HTMLDivElement \| null>;\n isGripVisible: boolean;\n isGripDragging: boolean;\n handleTopEdgeClick: (e: React.MouseEvent) => void;\n handleGripMouseDown: (e: React.MouseEvent) => void;\n handleGripTouchStart: (e: React.TouchEvent) => void;\n}\n\nexport function ChatInputGrip({\n gripRef,\n isGripVisible,\n isGripDragging,\n handleTopEdgeClick,\n handleGripMouseDown,\n handleGripTouchStart,\n}: ChatInputGripProps) {\n return (\n <div\n className=\"absolute top-0 left-0 w-full h-3 z-20 group\"\n id=\"resize-grip\"\n onClick={handleTopEdgeClick}\n >\n {/* Resize hit target; 1px line is drawn at top-0 (flush with chat input box) */}\n <div\n className=\"absolute inset-0 z-[1] cursor-ns-resize select-none\"\n onMouseDown={handleGripMouseDown}\n onTouchStart={handleGripTouchStart}\n aria-hidden\n />\n <div\n ref={gripRef}\n className={cn(\n \"pointer-events-none absolute top-0 left-0 w-full h-px bg-white z-[2] transition-opacity duration-200\",\n isGripVisible \|\| isGripDragging\n ? \"opacity-100\"\n : \"opacity-0 group-hover:opacity-100\",\n )}\n />\n </div>\n );\n}\n"],"mappings":"~~kLAYA~~,SAAgB,EAAc,CAC5B,UACA,gBACA,iBACA,qBACA,sBACA,wBACqB,CACrB,OACE,EAAA,EAAA,MAAC,MAAD,CACE,~~UAAU~~,~~8CACV~~,GAAG,cACH,QAAS,~~WAHX~~,~~EAME~~,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,sDACV,YAAa,EACb,aAAc,EACd,cAAA,EACD,CAAA,~~GACD~~,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,uGACA,GAAiB,~~EACb~~,cACA,~~mCACN~~,CACD,CAAA,CACE,GAET"}
1	+ {"version":3,"file":"chat-input-grip.cjs","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-grip.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ChatInputGripProps {\n gripRef: React.RefObject<HTMLDivElement \| null>;\n isGripVisible: boolean;\n isGripDragging: boolean;\n canResize: boolean;\n handleTopEdgeClick: (e: React.MouseEvent) => void;\n handleGripMouseDown: (e: React.MouseEvent) => void;\n handleGripTouchStart: (e: React.TouchEvent) => void;\n}\n\nexport function ChatInputGrip({\n gripRef,\n isGripVisible,\n isGripDragging,\n canResize,\n handleTopEdgeClick,\n handleGripMouseDown,\n handleGripTouchStart,\n}: ChatInputGripProps) {\n return (\n <div\n className={cn(\n \"absolute top-0 left-0 w-full h-3 z-20 group\",\n !canResize && \"pointer-events-none\",\n )}\n id=\"resize-grip\"\n onClick={canResize ? handleTopEdgeClick : undefined}\n >\n {/* Resize hit target; 1px line is drawn at top-0 (flush with chat input box) */}\n {canResize && (\n <div\n className=\"absolute inset-0 z-[1] cursor-ns-resize select-none\"\n onMouseDown={handleGripMouseDown}\n onTouchStart={handleGripTouchStart}\n aria-hidden\n />\n )}\n <div\n ref={gripRef}\n className={cn(\n \"pointer-events-none absolute top-0 left-0 w-full h-px bg-white z-[2] transition-opacity duration-200\",\n !canResize && \"opacity-0\",\n canResize &&\n (isGripVisible \|\| isGripDragging\n ? \"opacity-100\"\n : \"opacity-0 group-hover:opacity-100\"),\n )}\n />\n </div>\n );\n}\n"],"mappings":"kLAaA,SAAgB,EAAc,CAC5B,UACA,gBACA,iBACA,YACA,qBACA,sBACA,wBACqB,CACrB,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,8CACA,CAAC,GAAa,qBAChB,EACA,GAAG,cACH,QAAS,EAAY,EAAqB,IAAA,YAN5C,CASG,IACC,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,sDACV,YAAa,EACb,aAAc,EACd,cAAA,EACD,CAAA,GAEH,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,uGACA,CAAC,GAAa,YACd,IACG,GAAiB,EACd,cACA,oCACR,CACD,CAAA,CACE,GAET"}

package/dist/components/features/chat/components/chat-input-grip.d.ts CHANGED Viewed

@@ -3,9 +3,10 @@ interface ChatInputGripProps {
     gripRef: React.RefObject<HTMLDivElement | null>;
     isGripVisible: boolean;
     isGripDragging: boolean;
+    canResize: boolean;
     handleTopEdgeClick: (e: React.MouseEvent) => void;
     handleGripMouseDown: (e: React.MouseEvent) => void;
     handleGripTouchStart: (e: React.TouchEvent) => void;
 }
-export declare function ChatInputGrip({ gripRef, isGripVisible, isGripDragging, handleTopEdgeClick, handleGripMouseDown, handleGripTouchStart, }: ChatInputGripProps): React.JSX.Element;
+export declare function ChatInputGrip({ gripRef, isGripVisible, isGripDragging, canResize, handleTopEdgeClick, handleGripMouseDown, handleGripTouchStart, }: ChatInputGripProps): React.JSX.Element;
 export {};

package/dist/components/features/chat/components/chat-input-grip.js CHANGED Viewed

@@ -2,19 +2,19 @@ import { cn as e } from "../../../../utils/utils.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/features/chat/components/chat-input-grip.tsx
-function r({ gripRef: r, isGripVisible: i, isGripDragging: a, handleTopEdgeClick: o, handleGripMouseDown: s, handleGripTouchStart: c }) {
+function r({ gripRef: r, isGripVisible: i, isGripDragging: a, canResize: o, handleTopEdgeClick: s, handleGripMouseDown: c, handleGripTouchStart: l }) {
 	return /* @__PURE__ */ n("div", {
-		className: "absolute top-0 left-0 w-full h-3 z-20 group",
+		className: e("absolute top-0 left-0 w-full h-3 z-20 group", !o && "pointer-events-none"),
 		id: "resize-grip",
-		onClick: o,
-		children: [/* @__PURE__ */ t("div", {
+		onClick: o ? s : void 0,
+		children: [o && /* @__PURE__ */ t("div", {
 			className: "absolute inset-0 z-[1] cursor-ns-resize select-none",
-			onMouseDown: s,
-			onTouchStart: c,
+			onMouseDown: c,
+			onTouchStart: l,
 			"aria-hidden": !0
 		}), /* @__PURE__ */ t("div", {
 			ref: r,
-			className: e("pointer-events-none absolute top-0 left-0 w-full h-px bg-white z-[2] transition-opacity duration-200", i || a ? "opacity-100" : "opacity-0 group-hover:opacity-100")
+			className: e("pointer-events-none absolute top-0 left-0 w-full h-px bg-white z-[2] transition-opacity duration-200", !o && "opacity-0", o && (i || a ? "opacity-100" : "opacity-0 group-hover:opacity-100"))
 		})]
 	});
 }

package/dist/components/features/chat/components/chat-input-grip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chat-input-grip.js","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-grip.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ChatInputGripProps {\n gripRef: React.RefObject<HTMLDivElement \| null>;\n isGripVisible: boolean;\n isGripDragging: boolean;\n handleTopEdgeClick: (e: React.MouseEvent) => void;\n handleGripMouseDown: (e: React.MouseEvent) => void;\n handleGripTouchStart: (e: React.TouchEvent) => void;\n}\n\nexport function ChatInputGrip({\n gripRef,\n isGripVisible,\n isGripDragging,\n handleTopEdgeClick,\n handleGripMouseDown,\n handleGripTouchStart,\n}: ChatInputGripProps) {\n return (\n <div\n className=\"absolute top-0 left-0 w-full h-3 z-20 group\"\n id=\"resize-grip\"\n onClick={handleTopEdgeClick}\n >\n {/* Resize hit target; 1px line is drawn at top-0 (flush with chat input box) */}\n <div\n className=\"absolute inset-0 z-[1] cursor-ns-resize select-none\"\n onMouseDown={handleGripMouseDown}\n onTouchStart={handleGripTouchStart}\n aria-hidden\n />\n <div\n ref={gripRef}\n className={cn(\n \"pointer-events-none absolute top-0 left-0 w-full h-px bg-white z-[2] transition-opacity duration-200\",\n isGripVisible \|\| isGripDragging\n ? \"opacity-100\"\n : \"opacity-0 group-hover:opacity-100\",\n )}\n />\n </div>\n );\n}\n"],"mappings":";;;;~~AAYA~~,SAAgB,EAAc,EAC5B,YACA,kBACA,mBACA,uBACA,wBACA,2BACqB;CACrB,OACE,kBAAC,OAAD;EACE,~~WAAU~~;~~EACV~~,IAAG;EACH,SAAS;~~YAHX~~,~~CAME~~,kBAAC,OAAD;GACE,WAAU;GACV,aAAa;GACb,cAAc;GACd,eAAA;EACD,CAAA,~~GACD~~,kBAAC,OAAD;GACE,KAAK;GACL,WAAW,EACT,wGACA,KAAiB,~~IACb~~,gBACA,~~mCACN~~;EACD,CAAA,CACE;;AAET"}
1	+ {"version":3,"file":"chat-input-grip.js","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-grip.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ChatInputGripProps {\n gripRef: React.RefObject<HTMLDivElement \| null>;\n isGripVisible: boolean;\n isGripDragging: boolean;\n canResize: boolean;\n handleTopEdgeClick: (e: React.MouseEvent) => void;\n handleGripMouseDown: (e: React.MouseEvent) => void;\n handleGripTouchStart: (e: React.TouchEvent) => void;\n}\n\nexport function ChatInputGrip({\n gripRef,\n isGripVisible,\n isGripDragging,\n canResize,\n handleTopEdgeClick,\n handleGripMouseDown,\n handleGripTouchStart,\n}: ChatInputGripProps) {\n return (\n <div\n className={cn(\n \"absolute top-0 left-0 w-full h-3 z-20 group\",\n !canResize && \"pointer-events-none\",\n )}\n id=\"resize-grip\"\n onClick={canResize ? handleTopEdgeClick : undefined}\n >\n {/* Resize hit target; 1px line is drawn at top-0 (flush with chat input box) */}\n {canResize && (\n <div\n className=\"absolute inset-0 z-[1] cursor-ns-resize select-none\"\n onMouseDown={handleGripMouseDown}\n onTouchStart={handleGripTouchStart}\n aria-hidden\n />\n )}\n <div\n ref={gripRef}\n className={cn(\n \"pointer-events-none absolute top-0 left-0 w-full h-px bg-white z-[2] transition-opacity duration-200\",\n !canResize && \"opacity-0\",\n canResize &&\n (isGripVisible \|\| isGripDragging\n ? \"opacity-100\"\n : \"opacity-0 group-hover:opacity-100\"),\n )}\n />\n </div>\n );\n}\n"],"mappings":";;;;AAaA,SAAgB,EAAc,EAC5B,YACA,kBACA,mBACA,cACA,uBACA,wBACA,2BACqB;CACrB,OACE,kBAAC,OAAD;EACE,WAAW,EACT,+CACA,CAAC,KAAa,qBAChB;EACA,IAAG;EACH,SAAS,IAAY,IAAqB,KAAA;YAN5C,CASG,KACC,kBAAC,OAAD;GACE,WAAU;GACV,aAAa;GACb,cAAc;GACd,eAAA;EACD,CAAA,GAEH,kBAAC,OAAD;GACE,KAAK;GACL,WAAW,EACT,wGACA,CAAC,KAAa,aACd,MACG,KAAiB,IACd,gBACA,oCACR;EACD,CAAA,CACE;;AAET"}

package/dist/components/features/chat/components/context-window-meter.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/lucide-react/dist/esm/icons/gauge.cjs"),i=require("../../../../node_modules/lucide-react/dist/esm/icons/loader-circle.cjs"),a=require("../../../../node_modules/lucide-react/dist/esm/icons/minimize.cjs"),o=require("../../../../utils/utils.cjs"),s=require("../../../../utils/form-control-classes.cjs"),c=require("../../../shared/buttons/styled-tooltip.cjs"),l=require("../../context-menu/context-menu-list-item.cjs"),u=require("../../../../hooks/use-click-outside-element.cjs"),d=require("../../../../ui/divider.cjs"),f=require("../../../../hooks/use-select-conversation-tab.cjs"),p=require("../../../../hooks/use-context-window-usage.cjs"),m=require("../../../../utils/format-token-count.cjs"),h=require("../../../../hooks/use-compact-context-action.cjs"),g=require("../../conversation/conversation-name-context-menu-icon-text.cjs"),_=require("../../conversation/usage-panel/context-meter.cjs"),v=require("./context-window-ring.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");var x={neutral:`bg-foreground`,warning:`bg-amber-500`,danger:`bg-red-500`},S={neutral:`text-[var(--oh-muted)]`,warning:`text-amber-500`,danger:`text-red-500`};function C(){let{t:e}=t.useTranslation(`openhands`),C=p.useContextWindowUsage(),{navigateToTab:w}=f.useSelectConversationTab(),[T,E]=y.default.useState(!1),D=y.default.useRef(null),O=u.useClickOutsideElement(()=>E(!1),D),{handleCompact:k,isCompacting:A,isDisabled:j}=h.useCompactContextAction(C?.perTurnToken??0);if(!C)return null;let M=m.getContextWindowUsagePercentage(C.perTurnToken,C.contextWindow),N=Math.round(M),P=Math.max(0,100-N),F=`${N}% ${e(n.I18nKey.CONVERSATION$USED)} (${P}% ${e(n.I18nKey.CONVERSATION$LEFT)})`,I=`${m.formatCompactTokenCount(C.perTurnToken)} / ${m.formatCompactTokenCount(C.contextWindow)}`,L=_.getContextFillTone(M),R=()=>{E(!1),w(`usage`)};return(0,b.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,b.jsx)(c.StyledTooltip,{content:e(n.I18nKey.CHAT_INTERFACE$SHOW_CONTEXT),placement:`top`,children:(0,b.jsx)(`button`,{ref:D,type:`button`,className:o.cn(s.chatInputIconButtonClassName,`size-8`),"aria-label":`${e(n.I18nKey.CHAT_INTERFACE$CONTEXT_WINDOW_METER_LABEL)}: ${F}`,"aria-expanded":T,"aria-haspopup":`dialog`,"data-testid":`context-window-meter`,onClick:e=>{e.preventDefault(),e.stopPropagation(),E(e=>!e)},children:(0,b.jsx)(v.ContextWindowRing,{percentage:M})})}),T&&(0,b.jsxs)(`div`,{ref:O,"data-testid":`context-window-meter-popover`,className:o.cn(`absolute bottom-full right-0 z-[60] mb-2 w-[280px]`,`flex flex-col gap-0.5 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 shadow-lg`),children:[(0,b.jsxs)(`div`,{className:`flex flex-col gap-2 px-2 py-1.5`,children:[(0,b.jsxs)(`div`,{className:`flex items-center justify-between gap-2 text-sm`,children:[(0,b.jsx)(`span`,{className:`font-semibold text-[var(--oh-foreground)]`,children:e(n.I18nKey.CONVERSATION$CONTEXT_WINDOW)}),(0,b.jsx)(`span`,{className:o.cn(`shrink-0 text-xs`,S[L]),children:F})]}),(0,b.jsx)(`button`,{type:`button`,"data-testid":`context-window-meter-bar-button`,className:`relative h-1.5 w-full rounded-full cursor-pointer`,style:{backgroundColor:v.CONTEXT_WINDOW_TRACK_COLOR},"aria-label":e(n.I18nKey.COMMON$USAGE),onClick:e=>{e.preventDefault(),e.stopPropagation(),R()},children:(0,b.jsx)(`span`,{className:o.cn(`absolute inset-y-0 left-0 rounded-full transition-all duration-300`,x[L]),style:{width:`${Math.min(100,M)}%`}})}),(0,b.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,b.jsxs)(`button`,{type:`button`,"data-testid":`context-window-compact-button`,disabled:j,"aria-busy":A,"aria-label":e(n.I18nKey.CONVERSATION$COMPACT_CONTEXT),className:o.cn(`inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs`,`text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]`,`transition-colors disabled:cursor-not-allowed disabled:opacity-50`),onClick:e=>{e.preventDefault(),e.stopPropagation(),k()},children:[A?(0,b.jsx)(i.LoaderCircle,{className:`size-3 animate-spin`,"aria-hidden":!0}):(0,b.jsx)(a.Minimize,{className:`size-3`,"aria-hidden":!0}),(0,b.jsx)(`span`,{children:e(n.I18nKey.CONVERSATION$COMPACT_CONTEXT)})]}),(0,b.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)]`,children:I})]})]}),(0,b.jsx)(d.Divider,{inset:`menu`}),(0,b.jsx)(l.ContextMenuListItem,{testId:`context-window-plan-usage`,onClick:e=>{e.preventDefault(),e.stopPropagation(),R()},children:(0,b.jsx)(g.ConversationNameContextMenuIconText,{icon:(0,b.jsx)(r.Gauge,{size:16}),text:e(n.I18nKey.COMMON$USAGE)})})]})]})}exports.ContextWindowMeter=C;
2	+ //# sourceMappingURL=context-window-meter.cjs.map