npm - @openhands/agent-canvas - Versions diffs - 1.1.0 → 1.2.0 - Mend

@openhands/agent-canvas 1.1.0 → 1.2.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 (1373) hide show

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

@@ -1,2 +1,2 @@
-const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../../i18n/declaration.cjs`),r=require(`../../../../node_modules/lucide-react/dist/esm/icons/cpu.cjs`),i=require(`../../../../types/agent-state.cjs`),a=require(`../../../../utils/utils.cjs`),o=require(`../../../../hooks/use-conversation-id.cjs`),s=require(`../../../../stores/conversation-store.cjs`),c=require(`../../../../contexts/active-backend-context.cjs`),ee=require(`../../../../hooks/use-agent-state.cjs`),te=require(`../../../../hooks/use-unified-websocket-status.cjs`),ne=require(`../../controls/agent-status.cjs`),l=require(`../../../../utils/form-control-classes.cjs`),re=require(`../../../../icons/lesson-plan.cjs`),u=require(`../../../../icons/code-pill.cjs`),d=require(`../../../../ui/context-menu.cjs`),f=require(`../../context-menu/context-menu-list-item.cjs`),ie=require(`../../../../hooks/use-click-outside-element.cjs`),ae=require(`../../../../hooks/use-handle-plan-click.cjs`),oe=require(`../change-agent-button.cjs`),se=require(`../../../../hooks/use-chat-input-model-state.cjs`),p=require(`./chat-input-model.cjs`),ce=require(`../switch-profile-button.cjs`),le=require(`../../../../hooks/mutation/use-unified-stop-conversation.cjs`),m=require(`../../../../icons/carret-right-fill.cjs`),h=require(`../../controls/tools-context-menu-icon-text.cjs`),ue=require(`../chat-add-file-button.cjs`),de=require(`../chat-send-button.cjs`),fe=require(`../../../../icons/three-dots-vertical.cjs`),g=require(`../../../../hooks/mutation/use-pause-conversation.cjs`),pe=require(`../../../../hooks/mutation/use-resume-conversation.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`),y=require(`react-dom`);y=e.__toESM(y,1);function b({disabled:e,canSubmit:b=!0,onAddFileClick:me=()=>{},showButton:he=!0,buttonClassName:ge=``,handleSubmit:_e=()=>{}}){let{t:x}=t.useTranslation(`openhands`),ve=le.useUnifiedPauseConversation(),S=g.usePauseConversation(),ye=pe.useResumeConversation(),{conversationId:C}=o.useOptionalConversationId(),{backend:be}=c.useActiveBackend(),w=be.kind===`cloud`,T=se.useChatInputModelState(),E=w&&!T.isAcpContext,xe=te.useUnifiedWebSocketStatus(),{curAgentState:Se}=ee.useAgentState(),{conversationMode:Ce,setConversationMode:D}=s.useConversationStore(),{handlePlanClick:O,isCreatingConversation:k}=ae.useHandlePlanClick(),A=_.default.useRef(null),j=_.default.useRef(null),M=_.default.useRef(null),N=_.default.useRef(null),P=_.default.useRef(null),F=_.default.useRef(null),[I,we]=_.default.useState(1/0),[Te,Ee]=_.default.useState(0),[De,Oe]=_.default.useState(32),[L,ke]=_.default.useState(96),[R,Ae]=_.default.useState(120),[z,B]=_.default.useState(!1),[V,H]=_.default.useState(null),[U,je]=_.default.useState();_.default.useEffect(()=>{let e=A.current,t=j.current,n=M.current,r=N.current,i=P.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&&we(a),o>0&&Ee(o),s>0&&Oe(s),c>0&&Ae(c),r){let e=r.getBoundingClientRect().width;e>0&&ke(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 Me=()=>{C&&S.mutate({conversationId:C})},Ne=()=>{C&&ye.mutate({conversationId:C})},Pe=ve.isPending||S.isPending,W=_.default.useCallback(e=>{let t=e,n={showCodeInline:!1,showModelInline:!1};return E&&t>=L&&(n.showCodeInline=!0,t-=L+12),t>=R&&(n.showModelInline=!0),n},[E,L,R]),G=I-Te-8-De-12,K=W(G),q=(!E||K.showCodeInline)&&K.showModelInline?K:W(G-28-12),J=E?q.showCodeInline:!1,Y=q.showModelInline,X=I>=360,Z=E&&!J||!Y;_.default.useEffect(()=>{Z||(B(!1),H(null))},[Z]);let Fe=ie.useClickOutsideElement(()=>{B(!1),H(null)}),Q=Se===i.AgentState.RUNNING||k||xe!==`OPEN`,$=()=>{H(null),B(!1)};_.default.useLayoutEffect(()=>{if(!z||!F.current)return;let e=F.current,t=()=>{let t=e.getBoundingClientRect();je({position:`fixed`,top:t.top-8,left:t.left,transform:`translateY(-100%)`,zIndex:9999})};return t(),window.addEventListener(`resize`,t),window.addEventListener(`scroll`,t,!0),()=>{window.removeEventListener(`resize`,t),window.removeEventListener(`scroll`,t,!0)}},[z]);let Ie=(0,v.jsxs)(d.ContextMenu,{ref:Fe,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&&!J&&(0,v.jsxs)(`div`,{className:`relative group/overflow-agent`,children:[(0,v.jsx)(f.ContextMenuListItem,{testId:`overflow-agent-button`,onClick:()=>H(e=>e===`agent`?null:`agent`),isDisabled:Q,children:(0,v.jsx)(h.ToolsContextMenuIconText,{icon:(0,v.jsx)(u.CodePillIcon,{className:`h-[11px] w-[11px]`}),text:x(Ce===`code`?n.I18nKey.COMMON$CODE:n.I18nKey.COMMON$PLAN),rightIcon:(0,v.jsx)(m.default,{width:10,height:10})})}),!Q&&(0,v.jsx)(`div`,{className:a.cn(`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`,V===`agent`&&`opacity-100 visible pointer-events-auto`),children:(0,v.jsxs)(d.ContextMenu,{testId:`overflow-agent-submenu`,className:`overflow-visible min-w-[195px]`,children:[(0,v.jsx)(f.ContextMenuListItem,{testId:`overflow-agent-code`,onClick:e=>{e.preventDefault(),e.stopPropagation(),D(`code`),$()},children:(0,v.jsx)(h.ToolsContextMenuIconText,{icon:(0,v.jsx)(u.CodePillIcon,{className:`h-[11px] w-[11px]`}),text:x(n.I18nKey.COMMON$CODE)})}),(0,v.jsx)(f.ContextMenuListItem,{testId:`overflow-agent-plan`,onClick:e=>{O(e),$()},children:(0,v.jsx)(h.ToolsContextMenuIconText,{icon:(0,v.jsx)(re.default,{width:16,height:16,color:`currentColor`}),text:x(n.I18nKey.COMMON$PLAN)})})]})})]}),!Y&&(0,v.jsxs)(`div`,{className:`relative group/overflow-model`,children:[(0,v.jsx)(f.ContextMenuListItem,{testId:`overflow-model-button`,onClick:()=>H(e=>e===`model`?null:`model`),children:(0,v.jsx)(h.ToolsContextMenuIconText,{icon:(0,v.jsx)(r.Cpu,{width:16,height:16,strokeWidth:2,"aria-hidden":!0}),text:x(n.I18nKey.SETTINGS$AGENT_MODEL),rightIcon:(0,v.jsx)(m.default,{width:10,height:10})})}),(0,v.jsx)(`div`,{className:a.cn(`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`,V===`model`&&`opacity-100 visible pointer-events-auto`),children:(0,v.jsx)(d.ContextMenu,{testId:`overflow-model-submenu`,className:`min-w-[220px] max-w-[320px] max-h-[60vh] overflow-y-auto gap-0`,children:(0,v.jsx)(p.ChatInputModelMenuContent,{model:T,onClose:$,dividerInset:`menu`,settingsLinkClassName:a.cn(`group`,l.formControlTransitionClassName),settingsIconClassName:a.cn(`text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)]`,l.formControlTransitionClassName)})})})]})]});return(0,v.jsxs)(`div`,{ref:A,className:`w-full min-w-0 flex items-center justify-between gap-2`,children:[(0,v.jsx)(`div`,{className:`flex min-w-0 items-center gap-1`,children:(0,v.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,v.jsx)(`div`,{ref:M,className:a.cn(!1),children:(0,v.jsx)(ue.ChatAddFileButton,{disabled:e,handleFileIconClick:me})}),E&&(0,v.jsx)(`div`,{ref:N,className:a.cn(!J&&`hidden`),children:(0,v.jsx)(oe.ChangeAgentButton,{})}),(0,v.jsx)(`div`,{ref:P,className:a.cn(!Y&&`hidden`),children:w||T.isAcpContext?(0,v.jsx)(p.ChatInputModel,{}):(0,v.jsx)(ce.SwitchProfileButton,{})}),Z&&(0,v.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,v.jsx)(`button`,{ref:F,type:`button`,className:a.cn(l.chatInputIconButtonClassName,`size-6`),"aria-label":x(n.I18nKey.CHAT_INTERFACE$MORE_INPUT_ACTIONS),"aria-expanded":z,"aria-haspopup":`menu`,onClick:e=>{e.preventDefault(),e.stopPropagation(),B(e=>!e)},children:(0,v.jsx)(fe.default,{width:16,height:16,color:`currentColor`})}),z&&typeof document<`u`&&U&&y.default.createPortal((0,v.jsx)(`div`,{style:U,children:Ie}),document.body)]})]})}),(0,v.jsxs)(`div`,{ref:j,className:`ml-auto flex shrink-0 items-center gap-2`,children:[X&&C&&(0,v.jsx)(ne.default,{handleStop:Me,handleResumeAgent:Ne,disabled:e,isPausing:Pe}),he&&(0,v.jsx)(de.ChatSendButton,{buttonClassName:ge,handleSubmit:_e,disabled:e||!b})]})]})}exports.ChatInputActions=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(`../../../../node_modules/lucide-react/dist/esm/icons/cpu.cjs`),i=require(`../../../../types/agent-state.cjs`),a=require(`../../../../utils/utils.cjs`),o=require(`../../../../hooks/use-conversation-id.cjs`),s=require(`../../../../stores/conversation-store.cjs`),c=require(`../../../../contexts/active-backend-context.cjs`),ee=require(`../../../../hooks/use-agent-state.cjs`),l=require(`../../../../utils/form-control-classes.cjs`),te=require(`../../../../hooks/use-unified-websocket-status.cjs`),ne=require(`../../controls/agent-status.cjs`),re=require(`../../../../icons/lesson-plan.cjs`),u=require(`../../../../icons/code-pill.cjs`),d=require(`../../../../ui/context-menu.cjs`),f=require(`../../context-menu/context-menu-list-item.cjs`),ie=require(`../../../../hooks/use-click-outside-element.cjs`),ae=require(`../../../../hooks/query/use-agent-profiles.cjs`),oe=require(`../../../../hooks/use-handle-plan-click.cjs`),se=require(`../change-agent-button.cjs`),ce=require(`../../../../hooks/use-chat-input-model-state.cjs`),p=require(`./chat-input-model.cjs`),m=require(`./chat-input-profile-picker.cjs`),h=require(`./chat-input-llm-profile-picker.cjs`),le=require(`./resolve-picker-kind.cjs`),ue=require(`../../../../hooks/mutation/use-unified-stop-conversation.cjs`),g=require(`../../../../icons/carret-right-fill.cjs`),_=require(`../../controls/tools-context-menu-icon-text.cjs`),de=require(`../chat-add-file-button.cjs`),fe=require(`../chat-send-button.cjs`),pe=require(`../../../../icons/three-dots-vertical.cjs`),me=require(`../../../../hooks/mutation/use-pause-conversation.cjs`),he=require(`../../../../hooks/mutation/use-resume-conversation.cjs`);let v=require(`react`);v=e.__toESM(v,1);let y=require(`react/jsx-runtime`),b=require(`react-dom`);b=e.__toESM(b,1);function x({disabled:e,canSubmit:x=!0,onAddFileClick:ge=()=>{},showButton:_e=!0,buttonClassName:ve=``,handleSubmit:ye=()=>{}}){let{t:S}=t.useTranslation(`openhands`),be=ue.useUnifiedPauseConversation(),C=me.usePauseConversation(),xe=he.useResumeConversation(),{conversationId:w}=o.useOptionalConversationId(),{backend:Se}=c.useActiveBackend(),T=Se.kind===`cloud`,E=ce.useChatInputModelState(),D=ae.useAgentProfiles({enabled:!w}),Ce=D.isFetched&&(D.data?.profiles?.length??0)===0,O=T&&!E.isAcpContext,we=te.useUnifiedWebSocketStatus(),{curAgentState:Te}=ee.useAgentState(),{conversationMode:Ee,setConversationMode:De}=s.useConversationStore(),{handlePlanClick:Oe,isCreatingConversation:ke}=oe.useHandlePlanClick(),k=v.default.useRef(null),A=v.default.useRef(null),j=v.default.useRef(null),M=v.default.useRef(null),N=v.default.useRef(null),P=v.default.useRef(null),[F,Ae]=v.default.useState(1/0),[je,Me]=v.default.useState(0),[Ne,Pe]=v.default.useState(32),[I,Fe]=v.default.useState(96),[L,Ie]=v.default.useState(120),[R,z]=v.default.useState(!1),[B,V]=v.default.useState(null),[H,Le]=v.default.useState();v.default.useEffect(()=>{let e=k.current,t=A.current,n=j.current,r=M.current,i=N.current;if(!e||!t||!n||!i||O&&!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&&Ae(a),o>0&&Me(o),s>0&&Pe(s),c>0&&Ie(c),r){let e=r.getBoundingClientRect().width;e>0&&Fe(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()},[O]);let Re=()=>{w&&C.mutate({conversationId:w})},ze=()=>{w&&xe.mutate({conversationId:w})},Be=be.isPending||C.isPending,U=v.default.useCallback(e=>{let t=e,n={showCodeInline:!1,showModelInline:!1};return O&&t>=I&&(n.showCodeInline=!0,t-=I+12),t>=L&&(n.showModelInline=!0),n},[O,I,L]),W=F-je-8-Ne-12,G=U(W),K=(!O||G.showCodeInline)&&G.showModelInline?G:U(W-28-12),q=O?K.showCodeInline:!1,J=K.showModelInline,Ve=F>=360,Y=O&&!q||!J;v.default.useEffect(()=>{Y||(z(!1),V(null))},[Y]);let He=ie.useClickOutsideElement(()=>{z(!1),V(null)}),Ue=Te===i.AgentState.RUNNING||ke||we!==`OPEN`,X=()=>{V(null),z(!1)},Z=le.resolvePickerKind({hasConversation:!!w,isCloud:T,isAcp:E.isAcpContext,profilesAvailable:!Ce}),Q=a.cn(`group`,l.formControlTransitionClassName),$=a.cn(`text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)]`,l.formControlTransitionClassName);v.default.useLayoutEffect(()=>{if(!R||!P.current)return;let e=P.current,t=()=>{let t=e.getBoundingClientRect();Le({position:`fixed`,top:t.top-8,left:t.left,transform:`translateY(-100%)`,zIndex:9999})};return t(),window.addEventListener(`resize`,t),window.addEventListener(`scroll`,t,!0),()=>{window.removeEventListener(`resize`,t),window.removeEventListener(`scroll`,t,!0)}},[R]);let We=(0,y.jsxs)(d.ContextMenu,{ref:He,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:[O&&!q&&(0,y.jsxs)(`div`,{className:`relative group/overflow-agent`,children:[(0,y.jsx)(f.ContextMenuListItem,{testId:`overflow-agent-button`,onClick:()=>V(e=>e===`agent`?null:`agent`),isDisabled:Ue,children:(0,y.jsx)(_.ToolsContextMenuIconText,{icon:(0,y.jsx)(u.CodePillIcon,{className:`h-[11px] w-[11px]`}),text:S(Ee===`code`?n.I18nKey.COMMON$CODE:n.I18nKey.COMMON$PLAN),rightIcon:(0,y.jsx)(g.default,{width:10,height:10})})}),!Ue&&(0,y.jsx)(`div`,{className:a.cn(`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`,B===`agent`&&`opacity-100 visible pointer-events-auto`),children:(0,y.jsxs)(d.ContextMenu,{testId:`overflow-agent-submenu`,className:`overflow-visible min-w-[195px]`,children:[(0,y.jsx)(f.ContextMenuListItem,{testId:`overflow-agent-code`,onClick:e=>{e.preventDefault(),e.stopPropagation(),De(`code`),X()},children:(0,y.jsx)(_.ToolsContextMenuIconText,{icon:(0,y.jsx)(u.CodePillIcon,{className:`h-[11px] w-[11px]`}),text:S(n.I18nKey.COMMON$CODE)})}),(0,y.jsx)(f.ContextMenuListItem,{testId:`overflow-agent-plan`,onClick:e=>{Oe(e),X()},children:(0,y.jsx)(_.ToolsContextMenuIconText,{icon:(0,y.jsx)(re.default,{width:16,height:16,color:`currentColor`}),text:S(n.I18nKey.COMMON$PLAN)})})]})})]}),!J&&(0,y.jsxs)(`div`,{className:`relative group/overflow-model`,children:[(0,y.jsx)(f.ContextMenuListItem,{testId:`overflow-model-button`,onClick:()=>V(e=>e===`model`?null:`model`),children:(0,y.jsx)(_.ToolsContextMenuIconText,{icon:(0,y.jsx)(r.Cpu,{width:16,height:16,strokeWidth:2,"aria-hidden":!0}),text:S(n.I18nKey.SETTINGS$AGENT_MODEL),rightIcon:(0,y.jsx)(g.default,{width:10,height:10})})}),(0,y.jsx)(`div`,{className:a.cn(`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`,B===`model`&&`opacity-100 visible pointer-events-auto`),children:(0,y.jsx)(d.ContextMenu,{testId:`overflow-model-submenu`,className:`min-w-[220px] max-w-[320px] max-h-[60vh] overflow-y-auto gap-0`,children:Z===`model`?(0,y.jsx)(p.ChatInputModelMenuContent,{model:E,onClose:X,dividerInset:`menu`,settingsLinkClassName:Q,settingsIconClassName:$}):Z===`agent-profile`?(0,y.jsx)(m.ChatInputProfileMenuContent,{onClose:X,dividerInset:`menu`,settingsLinkClassName:Q,settingsIconClassName:$}):(0,y.jsx)(h.ChatInputLlmProfileMenuContent,{onClose:X,dividerInset:`menu`,settingsLinkClassName:Q,settingsIconClassName:$})})})]})]});return(0,y.jsxs)(`div`,{ref:k,className:`w-full min-w-0 flex items-center justify-between gap-2`,children:[(0,y.jsx)(`div`,{className:`flex min-w-0 items-center gap-1`,children:(0,y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,y.jsx)(`div`,{ref:j,className:a.cn(!1),children:(0,y.jsx)(de.ChatAddFileButton,{disabled:e,handleFileIconClick:ge})}),O&&(0,y.jsx)(`div`,{ref:M,className:a.cn(!q&&`hidden`),children:(0,y.jsx)(se.ChangeAgentButton,{})}),(0,y.jsx)(`div`,{ref:N,className:a.cn(!J&&`hidden`),children:Z===`model`?(0,y.jsx)(p.ChatInputModel,{}):Z===`agent-profile`?(0,y.jsx)(m.ChatInputProfilePicker,{}):(0,y.jsx)(h.ChatInputLlmProfilePicker,{})}),Y&&(0,y.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,y.jsx)(`button`,{ref:P,type:`button`,className:a.cn(l.chatInputIconButtonClassName,`size-6`),"aria-label":S(n.I18nKey.CHAT_INTERFACE$MORE_INPUT_ACTIONS),"aria-expanded":R,"aria-haspopup":`menu`,onClick:e=>{e.preventDefault(),e.stopPropagation(),z(e=>!e)},children:(0,y.jsx)(pe.default,{width:16,height:16,color:`currentColor`})}),R&&typeof document<`u`&&H&&b.default.createPortal((0,y.jsx)(`div`,{style:H,children:We}),document.body)]})]})}),(0,y.jsxs)(`div`,{ref:A,className:`ml-auto flex shrink-0 items-center gap-2`,children:[Ve&&w&&(0,y.jsx)(ne.default,{handleStop:Re,handleResumeAgent:ze,disabled:e,isPausing:Be}),_e&&(0,y.jsx)(fe.ChatSendButton,{buttonClassName:ve,handleSubmit:ye,disabled:e||!x})]})]})}exports.ChatInputActions=x;
 //# sourceMappingURL=chat-input-actions.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"chat-input-actions.cjs","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 { SwitchProfileButton } from \"../switch-profile-button\";\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 { 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 onAddFileClick?: () => void;\n showButton?: boolean;\n buttonClassName?: string;\n handleSubmit?: () => void;\n}\n\nexport function ChatInputActions({\n disabled,\n canSubmit = true,\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 // 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 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 <ChatInputModelMenuContent\n model={modelState}\n onClose={closeOverflowMenus}\n dividerInset=\"menu\"\n settingsLinkClassName={cn(\n \"group\",\n formControlTransitionClassName,\n )}\n settingsIconClassName={cn(\n \"text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)]\",\n formControlTransitionClassName,\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 />\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 {isCloud \|\| modelState.isAcpContext ? (\n <ChatInputModel />\n ) : (\n <SwitchProfileButton />\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.cjs","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 ChatInputProfilePicker,\n ChatInputProfileMenuContent,\n} from \"./chat-input-profile-picker\";\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 onAddFileClick?: () => void;\n showButton?: boolean;\n buttonClassName?: string;\n handleSubmit?: () => void;\n}\n\nexport function ChatInputActions({\n disabled,\n canSubmit = true,\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 // The home page defaults to the AgentProfile picker (#3727) on both local and\n // cloud (cloud gained the /api/agent-profiles surface in OpenHands #15060). A\n // backend without that surface returns none — fall back so the composer still\n // shows a model affordance instead of nothing (#1571). Only fetched on home.\n const homeAgentProfiles = useAgentProfiles({\n enabled: !conversationId,\n });\n const agentProfilesUnavailableOnHome =\n homeAgentProfiles.isFetched &&\n (homeAgentProfiles.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 model/profile picker to show (pure matrix, unit-tested in\n // `resolve-picker-kind.test.ts`).\n const pickerKind = resolvePickerKind({\n hasConversation: !!conversationId,\n isCloud,\n isAcp: modelState.isAcpContext,\n profilesAvailable: !agentProfilesUnavailableOnHome,\n });\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 ) : pickerKind === \"agent-profile\" ? (\n <ChatInputProfileMenuContent\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 />\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 + whether we're in a conversation;\n see the `pickerKind` cases above. */}\n {pickerKind === \"model\" ? (\n <ChatInputModel />\n ) : pickerKind === \"agent-profile\" ? (\n <ChatInputProfilePicker />\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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"}

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

@@ -7,75 +7,83 @@ import { useOptionalConversationId as a } from "../../../../hooks/use-conversati
 import { useConversationStore as o } from "../../../../stores/conversation-store.js";
 import { useActiveBackend as s } from "../../../../contexts/active-backend-context.js";
 import { useAgentState as c } from "../../../../hooks/use-agent-state.js";
-import { useUnifiedWebSocketStatus as ee } from "../../../../hooks/use-unified-websocket-status.js";
-import te from "../../controls/agent-status.js";
-import { chatInputIconButtonClassName as ne, formControlTransitionClassName as l } from "../../../../utils/form-control-classes.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 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 p } 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 { SwitchProfileButton as le } from "../switch-profile-button.js";
-import { useUnifiedPauseConversation as ue } from "../../../../hooks/mutation/use-unified-stop-conversation.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 { ChatInputProfileMenuContent as ue, ChatInputProfilePicker as de } from "./chat-input-profile-picker.js";
+import { ChatInputLlmProfileMenuContent as fe, ChatInputLlmProfilePicker as pe } from "./chat-input-llm-profile-picker.js";
+import { resolvePickerKind as me } from "./resolve-picker-kind.js";
+import { useUnifiedPauseConversation as he } 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 de } from "../chat-add-file-button.js";
-import { ChatSendButton as fe } from "../chat-send-button.js";
-import pe from "../../../../icons/three-dots-vertical.js";
-import { usePauseConversation as me } from "../../../../hooks/mutation/use-pause-conversation.js";
-import { useResumeConversation as he } from "../../../../hooks/mutation/use-resume-conversation.js";
+import { ChatAddFileButton as ge } from "../chat-add-file-button.js";
+import { ChatSendButton as _e } from "../chat-send-button.js";
+import ve from "../../../../icons/three-dots-vertical.js";
+import { usePauseConversation as ye } from "../../../../hooks/mutation/use-pause-conversation.js";
+import { useResumeConversation as be } from "../../../../hooks/mutation/use-resume-conversation.js";
 import g from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import ge from "react-dom";
+import xe from "react-dom";
 //#region src/components/features/chat/components/chat-input-actions.tsx
-function y({ disabled: y, canSubmit: _e = !0, onAddFileClick: ve = () => {}, showButton: ye = !0, buttonClassName: be = "", handleSubmit: xe = () => {} }) {
-	let { t: b } = e("openhands"), Se = ue(), x = me(), Ce = he(), { conversationId: S } = a(), { backend: we } = s(), C = we.kind === "cloud", w = oe(), T = C && !w.isAcpContext, E = ee(), { curAgentState: D } = c(), { conversationMode: O, setConversationMode: k } = o(), { handlePlanClick: Te, isCreatingConversation: Ee } = ae(), A = g.useRef(null), j = g.useRef(null), M = g.useRef(null), N = g.useRef(null), P = g.useRef(null), F = g.useRef(null), [I, De] = g.useState(Infinity), [Oe, ke] = g.useState(0), [Ae, je] = g.useState(32), [L, Me] = g.useState(96), [R, Ne] = g.useState(120), [z, B] = g.useState(!1), [V, H] = g.useState(null), [U, Pe] = g.useState();
+function y({ disabled: y, canSubmit: Se = !0, onAddFileClick: Ce = () => {}, showButton: we = !0, buttonClassName: Te = "", handleSubmit: Ee = () => {} }) {
+	let { t: b } = e("openhands"), De = he(), x = ye(), Oe = be(), { conversationId: S } = a(), { backend: ke } = s(), C = ke.kind === "cloud", w = se(), T = p({ enabled: !S }), Ae = T.isFetched && (T.data?.profiles?.length ?? 0) === 0, E = C && !w.isAcpContext, je = te(), { curAgentState: Me } = c(), { conversationMode: Ne, setConversationMode: Pe } = o(), { handlePlanClick: Fe, isCreatingConversation: Ie } = 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, Le] = g.useState(Infinity), [Re, ze] = g.useState(0), [Be, P] = g.useState(32), [F, Ve] = g.useState(96), [I, He] = g.useState(120), [L, R] = g.useState(!1), [z, B] = g.useState(null), [V, Ue] = g.useState();
 	g.useEffect(() => {
-		let e = A.current, t = j.current, n = M.current, r = N.current, i = P.current;
-		if (!e || !t || !n || !i || T && !r || typeof ResizeObserver > "u") return;
+		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 && De(a), o > 0 && ke(o), s > 0 && je(s), c > 0 && Ne(c), r) {
+			if (a > 0 && Le(a), o > 0 && ze(o), s > 0 && P(s), c > 0 && He(c), r) {
 				let e = r.getBoundingClientRect().width;
-				e > 0 && Me(e);
+				e > 0 && Ve(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();
-	}, [T]);
-	let Fe = () => {
+	}, [E]);
+	let We = () => {
 		S && x.mutate({ conversationId: S });
-	}, W = () => {
-		S && Ce.mutate({ conversationId: S });
-	}, Ie = Se.isPending || x.isPending, G = g.useCallback((e) => {
+	}, Ge = () => {
+		S && Oe.mutate({ conversationId: S });
+	}, Ke = De.isPending || x.isPending, H = g.useCallback((e) => {
 		let t = e, n = {
 			showCodeInline: !1,
 			showModelInline: !1
 		};
-		return T && t >= L && (n.showCodeInline = !0, t -= L + 12), t >= R && (n.showModelInline = !0), n;
+		return E && t >= F && (n.showCodeInline = !0, t -= F + 12), t >= I && (n.showModelInline = !0), n;
 	}, [
-		T,
-		L,
-		R
-	]), K = I - Oe - 8 - Ae - 12, q = G(K), J = (!T || q.showCodeInline) && q.showModelInline ? q : G(K - 28 - 12), Y = T ? J.showCodeInline : !1, X = J.showModelInline, Le = I >= 360, Z = T && !Y || !X;
+		E,
+		F,
+		I
+	]), U = N - Re - 8 - Be - 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;
 	g.useEffect(() => {
-		Z || (B(!1), H(null));
-	}, [Z]);
-	let Re = ie(() => {
-		B(!1), H(null);
-	}), Q = D === r.RUNNING || Ee || E !== "OPEN", $ = () => {
-		H(null), B(!1);
-	};
+		J || (R(!1), B(null));
+	}, [J]);
+	let Je = ie(() => {
+		R(!1), B(null);
+	}), Y = Me === r.RUNNING || Ie || je !== "OPEN", X = () => {
+		B(null), R(!1);
+	}, Z = me({
+		hasConversation: !!S,
+		isCloud: C,
+		isAcp: w.isAcpContext,
+		profilesAvailable: !Ae
+	}), Q = i("group", l), $ = i("text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)]", l);
 	g.useLayoutEffect(() => {
-		if (!z || !F.current) return;
-		let e = F.current, t = () => {
+		if (!L || !M.current) return;
+		let e = M.current, t = () => {
 			let t = e.getBoundingClientRect();
-			Pe({
+			Ue({
 				position: "fixed",
 				top: t.top - 8,
 				left: t.left,
@@ -86,36 +94,36 @@ function y({ disabled: y, canSubmit: _e = !0, onAddFileClick: ve = () => {}, sho
 		return t(), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
 			window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
 		};
-	}, [z]);
-	let ze = /* @__PURE__ */ v(d, {
-		ref: Re,
+	}, [L]);
+	let Ye = /* @__PURE__ */ v(d, {
+		ref: Je,
 		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: [T && !Y && /* @__PURE__ */ v("div", {
+		children: [E && !K && /* @__PURE__ */ v("div", {
 			className: "relative group/overflow-agent",
 			children: [/* @__PURE__ */ _(f, {
 				testId: "overflow-agent-button",
-				onClick: () => H((e) => e === "agent" ? null : "agent"),
-				isDisabled: Q,
+				onClick: () => B((e) => e === "agent" ? null : "agent"),
+				isDisabled: Y,
 				children: /* @__PURE__ */ _(h, {
 					icon: /* @__PURE__ */ _(u, { className: "h-[11px] w-[11px]" }),
-					text: b(O === "code" ? t.COMMON$CODE : t.COMMON$PLAN),
+					text: b(Ne === "code" ? t.COMMON$CODE : t.COMMON$PLAN),
 					rightIcon: /* @__PURE__ */ _(m, {
 						width: 10,
 						height: 10
 					})
 				})
-			}), !Q && /* @__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", V === "agent" && "opacity-100 visible pointer-events-auto"),
+			}), !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", z === "agent" && "opacity-100 visible pointer-events-auto"),
 				children: /* @__PURE__ */ v(d, {
 					testId: "overflow-agent-submenu",
 					className: "overflow-visible min-w-[195px]",
 					children: [/* @__PURE__ */ _(f, {
 						testId: "overflow-agent-code",
 						onClick: (e) => {
-							e.preventDefault(), e.stopPropagation(), k("code"), $();
+							e.preventDefault(), e.stopPropagation(), Pe("code"), X();
 						},
 						children: /* @__PURE__ */ _(h, {
 							icon: /* @__PURE__ */ _(u, { className: "h-[11px] w-[11px]" }),
@@ -124,7 +132,7 @@ function y({ disabled: y, canSubmit: _e = !0, onAddFileClick: ve = () => {}, sho
 					}), /* @__PURE__ */ _(f, {
 						testId: "overflow-agent-plan",
 						onClick: (e) => {
-							Te(e), $();
+							Fe(e), X();
 						},
 						children: /* @__PURE__ */ _(h, {
 							icon: /* @__PURE__ */ _(re, {
@@ -137,11 +145,11 @@ function y({ disabled: y, canSubmit: _e = !0, onAddFileClick: ve = () => {}, sho
 					})]
 				})
 			})]
-		}), !X && /* @__PURE__ */ v("div", {
+		}), !q && /* @__PURE__ */ v("div", {
 			className: "relative group/overflow-model",
 			children: [/* @__PURE__ */ _(f, {
 				testId: "overflow-model-button",
-				onClick: () => H((e) => e === "model" ? null : "model"),
+				onClick: () => B((e) => e === "model" ? null : "model"),
 				children: /* @__PURE__ */ _(h, {
 					icon: /* @__PURE__ */ _(n, {
 						width: 16,
@@ -156,23 +164,28 @@ function y({ disabled: y, canSubmit: _e = !0, onAddFileClick: ve = () => {}, sho
 					})
 				})
 			}), /* @__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", V === "model" && "opacity-100 visible pointer-events-auto"),
+				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__ */ _(d, {
 					testId: "overflow-model-submenu",
 					className: "min-w-[220px] max-w-[320px] max-h-[60vh] overflow-y-auto gap-0",
-					children: /* @__PURE__ */ _(ce, {
+					children: Z === "model" ? /* @__PURE__ */ _(le, {
 						model: w,
-						onClose: $,
+						onClose: X,
 						dividerInset: "menu",
-						settingsLinkClassName: i("group", l),
-						settingsIconClassName: i("text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)]", l)
+						settingsLinkClassName: Q,
+						settingsIconClassName: $
+					}) : _(Z === "agent-profile" ? ue : fe, {
+						onClose: X,
+						dividerInset: "menu",
+						settingsLinkClassName: Q,
+						settingsIconClassName: $
 					})
 				})
 			})]
 		})]
 	});
 	return /* @__PURE__ */ v("div", {
-		ref: A,
+		ref: D,
 		className: "w-full min-w-0 flex items-center justify-between gap-2",
 		children: [/* @__PURE__ */ _("div", {
 			className: "flex min-w-0 items-center gap-1",
@@ -180,59 +193,59 @@ function y({ disabled: y, canSubmit: _e = !0, onAddFileClick: ve = () => {}, sho
 				className: "flex min-w-0 items-center gap-3",
 				children: [
 					/* @__PURE__ */ _("div", {
-						ref: M,
+						ref: k,
 						className: i(!1),
-						children: /* @__PURE__ */ _(de, {
+						children: /* @__PURE__ */ _(ge, {
 							disabled: y,
-							handleFileIconClick: ve
+							handleFileIconClick: Ce
 						})
 					}),
-					T && /* @__PURE__ */ _("div", {
-						ref: N,
-						className: i(!Y && "hidden"),
-						children: /* @__PURE__ */ _(p, {})
+					E && /* @__PURE__ */ _("div", {
+						ref: A,
+						className: i(!K && "hidden"),
+						children: /* @__PURE__ */ _(oe, {})
 					}),
 					/* @__PURE__ */ _("div", {
-						ref: P,
-						className: i(!X && "hidden"),
-						children: C || w.isAcpContext ? /* @__PURE__ */ _(se, {}) : /* @__PURE__ */ _(le, {})
+						ref: j,
+						className: i(!q && "hidden"),
+						children: _(Z === "model" ? ce : Z === "agent-profile" ? de : pe, {})
 					}),
-					Z && /* @__PURE__ */ v("div", {
+					J && /* @__PURE__ */ v("div", {
 						className: "relative shrink-0",
 						children: [/* @__PURE__ */ _("button", {
-							ref: F,
+							ref: M,
 							type: "button",
-							className: i(ne, "size-6"),
+							className: i(ee, "size-6"),
 							"aria-label": b(t.CHAT_INTERFACE$MORE_INPUT_ACTIONS),
-							"aria-expanded": z,
+							"aria-expanded": L,
 							"aria-haspopup": "menu",
 							onClick: (e) => {
-								e.preventDefault(), e.stopPropagation(), B((e) => !e);
+								e.preventDefault(), e.stopPropagation(), R((e) => !e);
 							},
-							children: /* @__PURE__ */ _(pe, {
+							children: /* @__PURE__ */ _(ve, {
 								width: 16,
 								height: 16,
 								color: "currentColor"
 							})
-						}), z && typeof document < "u" && U && ge.createPortal(/* @__PURE__ */ _("div", {
-							style: U,
-							children: ze
+						}), L && typeof document < "u" && V && xe.createPortal(/* @__PURE__ */ _("div", {
+							style: V,
+							children: Ye
 						}), document.body)]
 					})
 				]
 			})
 		}), /* @__PURE__ */ v("div", {
-			ref: j,
+			ref: O,
 			className: "ml-auto flex shrink-0 items-center gap-2",
-			children: [Le && S && /* @__PURE__ */ _(te, {
-				handleStop: Fe,
-				handleResumeAgent: W,
+			children: [qe && S && /* @__PURE__ */ _(ne, {
+				handleStop: We,
+				handleResumeAgent: Ge,
 				disabled: y,
-				isPausing: Ie
-			}), ye && /* @__PURE__ */ _(fe, {
-				buttonClassName: be,
-				handleSubmit: xe,
-				disabled: y || !_e
+				isPausing: Ke
+			}), we && /* @__PURE__ */ _(_e, {
+				buttonClassName: Te,
+				handleSubmit: Ee,
+				disabled: y || !Se
 			})]
 		})]
 	});