npm - @openhands/agent-canvas - Versions diffs - 1.3.0 → 1.5.0 - Mend

@openhands/agent-canvas 1.3.0 → 1.5.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 (674) 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`),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;
+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`),le=require(`./chat-input-llm-profile-picker.cjs`),ue=require(`./resolve-picker-kind.cjs`),de=require(`../../../../hooks/mutation/use-unified-stop-conversation.cjs`),h=require(`../../../../icons/carret-right-fill.cjs`),g=require(`../../controls/tools-context-menu-icon-text.cjs`),fe=require(`../chat-add-file-button.cjs`),pe=require(`../chat-send-button.cjs`),me=require(`../../../../icons/three-dots-vertical.cjs`),he=require(`../../../../hooks/mutation/use-pause-conversation.cjs`),ge=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,hasStartedConversation:_e,onAddFileClick:ve=()=>{},showButton:ye=!0,buttonClassName:be=``,handleSubmit:xe=()=>{}}){let{t:x}=t.useTranslation(`openhands`),Se=de.useUnifiedPauseConversation(),S=he.usePauseConversation(),Ce=ge.useResumeConversation(),{conversationId:C}=o.useOptionalConversationId(),{backend:we}=c.useActiveBackend(),w=we.kind===`cloud`,T=ce.useChatInputModelState(),E=ae.useAgentProfiles({enabled:!C}),Te=E.isFetched&&(E.data?.profiles?.length??0)===0,D=w&&!T.isAcpContext,Ee=te.useUnifiedWebSocketStatus(),{curAgentState:De}=ee.useAgentState(),{conversationMode:Oe,setConversationMode:ke}=s.useConversationStore(),{handlePlanClick:Ae,isCreatingConversation:je}=oe.useHandlePlanClick(),O=_.default.useRef(null),k=_.default.useRef(null),A=_.default.useRef(null),j=_.default.useRef(null),M=_.default.useRef(null),N=_.default.useRef(null),[P,Me]=_.default.useState(1/0),[Ne,Pe]=_.default.useState(0),[Fe,Ie]=_.default.useState(32),[F,Le]=_.default.useState(96),[I,Re]=_.default.useState(120),[L,R]=_.default.useState(!1),[z,B]=_.default.useState(null),[V,ze]=_.default.useState();_.default.useEffect(()=>{let e=O.current,t=k.current,n=A.current,r=j.current,i=M.current;if(!e||!t||!n||!i||D&&!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&&Me(a),o>0&&Pe(o),s>0&&Ie(s),c>0&&Re(c),r){let e=r.getBoundingClientRect().width;e>0&&Le(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()},[D]);let Be=()=>{C&&S.mutate({conversationId:C})},Ve=()=>{C&&Ce.mutate({conversationId:C})},He=Se.isPending||S.isPending,H=_.default.useCallback(e=>{let t=e,n={showCodeInline:!1,showModelInline:!1};return D&&t>=F&&(n.showCodeInline=!0,t-=F+12),t>=I&&(n.showModelInline=!0),n},[D,F,I]),U=P-Ne-8-Fe-12,W=H(U),G=(!D||W.showCodeInline)&&W.showModelInline?W:H(U-28-12),K=D?G.showCodeInline:!1,q=G.showModelInline,Ue=P>=360,J=D&&!K||!q;_.default.useEffect(()=>{J||(R(!1),B(null))},[J]);let We=ie.useClickOutsideElement(()=>{R(!1),B(null)}),Y=De===i.AgentState.RUNNING||je||Ee!==`OPEN`,X=()=>{B(null),R(!1)},Z=ue.resolvePickerKind({hasConversation:!!C,hasStartedConversation:_e,isCloud:w,isAcp:T.isAcpContext,profilesAvailable:!Te}),Q=a.cn(`group`,l.formControlTransitionClassName),$=a.cn(`text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)]`,l.formControlTransitionClassName);_.default.useLayoutEffect(()=>{if(!L||!N.current)return;let e=N.current,t=()=>{let t=e.getBoundingClientRect();ze({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)}},[L]);let Ge=(0,v.jsxs)(d.ContextMenu,{ref:We,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:[D&&!K&&(0,v.jsxs)(`div`,{className:`relative group/overflow-agent`,children:[(0,v.jsx)(f.ContextMenuListItem,{testId:`overflow-agent-button`,onClick:()=>B(e=>e===`agent`?null:`agent`),isDisabled:Y,children:(0,v.jsx)(g.ToolsContextMenuIconText,{icon:(0,v.jsx)(u.CodePillIcon,{className:`h-[11px] w-[11px]`}),text:x(Oe===`code`?n.I18nKey.COMMON$CODE:n.I18nKey.COMMON$PLAN),rightIcon:(0,v.jsx)(h.default,{width:10,height:10})})}),!Y&&(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`,z===`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(),ke(`code`),X()},children:(0,v.jsx)(g.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=>{Ae(e),X()},children:(0,v.jsx)(g.ToolsContextMenuIconText,{icon:(0,v.jsx)(re.default,{width:16,height:16,color:`currentColor`}),text:x(n.I18nKey.COMMON$PLAN)})})]})})]}),!q&&(0,v.jsxs)(`div`,{className:`relative group/overflow-model`,children:[(0,v.jsx)(f.ContextMenuListItem,{testId:`overflow-model-button`,onClick:()=>B(e=>e===`model`?null:`model`),children:(0,v.jsx)(g.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)(h.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`,z===`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:Z===`model`?(0,v.jsx)(p.ChatInputModelMenuContent,{model:T,onClose:X,dividerInset:`menu`,settingsLinkClassName:Q,settingsIconClassName:$}):Z===`agent-profile`?(0,v.jsx)(m.ChatInputProfileMenuContent,{onClose:X,dividerInset:`menu`,settingsLinkClassName:Q,settingsIconClassName:$}):(0,v.jsx)(le.ChatInputLlmProfileMenuContent,{onClose:X,dividerInset:`menu`,settingsLinkClassName:Q,settingsIconClassName:$})})})]})]});return(0,v.jsxs)(`div`,{ref:O,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:A,className:a.cn(!1),children:(0,v.jsx)(fe.ChatAddFileButton,{disabled:e,handleFileIconClick:ve})}),D&&(0,v.jsx)(`div`,{ref:j,className:a.cn(!K&&`hidden`),children:(0,v.jsx)(se.ChangeAgentButton,{})}),(0,v.jsx)(`div`,{ref:M,className:a.cn(!q&&`hidden`),children:Z===`model`?(0,v.jsx)(p.ChatInputModel,{}):Z===`agent-profile`?(0,v.jsx)(m.ChatInputProfilePicker,{}):(0,v.jsx)(le.ChatInputLlmProfilePicker,{})}),J&&(0,v.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,v.jsx)(`button`,{ref:N,type:`button`,className:a.cn(l.chatInputIconButtonClassName,`size-6`),"aria-label":x(n.I18nKey.CHAT_INTERFACE$MORE_INPUT_ACTIONS),"aria-expanded":L,"aria-haspopup":`menu`,onClick:e=>{e.preventDefault(),e.stopPropagation(),R(e=>!e)},children:(0,v.jsx)(me.default,{width:16,height:16,color:`currentColor`})}),L&&typeof document<`u`&&V&&y.default.createPortal((0,v.jsx)(`div`,{style:V,children:Ge}),document.body)]})]})}),(0,v.jsxs)(`div`,{ref:k,className:`ml-auto flex shrink-0 items-center gap-2`,children:[Ue&&C&&(0,v.jsx)(ne.default,{handleStop:Be,handleResumeAgent:Ve,disabled:e,isPausing:He}),ye&&(0,v.jsx)(pe.ChatSendButton,{buttonClassName:be,handleSubmit:xe,disabled:e||!b})]})]})}exports.ChatInputActions=b;
 //# 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 {\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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"}
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 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 // 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 hasStartedConversation,\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.d.ts CHANGED Viewed

@@ -1,10 +1,11 @@
 interface ChatInputActionsProps {
     disabled: boolean;
     canSubmit?: boolean;
+    hasStartedConversation?: boolean;
     onAddFileClick?: () => void;
     showButton?: boolean;
     buttonClassName?: string;
     handleSubmit?: () => void;
 }
-export declare function ChatInputActions({ disabled, canSubmit, onAddFileClick, showButton, buttonClassName, handleSubmit, }: ChatInputActionsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatInputActions({ disabled, canSubmit, hasStartedConversation, onAddFileClick, showButton, buttonClassName, handleSubmit, }: ChatInputActionsProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -9,13 +9,13 @@ import { useActiveBackend as s } from "../../../../contexts/active-backend-conte
 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 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 u from "../../controls/agent-status.js";
+import ne 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 ie } 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";
@@ -35,27 +35,27 @@ import g from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 import xe from "react-dom";
 //#region src/components/features/chat/components/chat-input-actions.tsx
-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();
+function y({ disabled: y, canSubmit: Se = !0, hasStartedConversation: Ce, onAddFileClick: we = () => {}, showButton: Te = !0, buttonClassName: Ee = "", handleSubmit: De = () => {} }) {
+	let { t: b } = e("openhands"), Oe = he(), x = ye(), ke = be(), { conversationId: S } = a(), { backend: Ae } = s(), C = Ae.kind === "cloud", w = se(), T = ie({ enabled: !S }), je = T.isFetched && (T.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), [P, Ve] = g.useState(32), [F, He] = g.useState(96), [I, Ue] = g.useState(120), [L, R] = g.useState(!1), [z, B] = g.useState(null), [V, We] = 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 && P(s), c > 0 && He(c), r) {
+			if (a > 0 && Re(a), o > 0 && Be(o), s > 0 && Ve(s), c > 0 && Ue(c), r) {
 				let e = r.getBoundingClientRect().width;
-				e > 0 && Ve(e);
+				e > 0 && He(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 = () => {
+	let Ge = () => {
 		S && x.mutate({ conversationId: S });
-	}, Ge = () => {
-		S && Oe.mutate({ conversationId: S });
-	}, Ke = De.isPending || x.isPending, H = g.useCallback((e) => {
+	}, Ke = () => {
+		S && ke.mutate({ conversationId: S });
+	}, qe = Oe.isPending || x.isPending, H = g.useCallback((e) => {
 		let t = e, n = {
 			showCodeInline: !1,
 			showModelInline: !1
@@ -65,25 +65,26 @@ function y({ disabled: y, canSubmit: Se = !0, onAddFileClick: Ce = () => {}, sho
 		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;
+	]), U = N - ze - 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, Je = N >= 360, J = E && !K || !q;
 	g.useEffect(() => {
 		J || (R(!1), B(null));
 	}, [J]);
-	let Je = ie(() => {
+	let Ye = re(() => {
 		R(!1), B(null);
-	}), Y = Me === r.RUNNING || Ie || je !== "OPEN", X = () => {
+	}), Y = Ne === r.RUNNING || Le || Me !== "OPEN", X = () => {
 		B(null), R(!1);
 	}, Z = me({
 		hasConversation: !!S,
+		hasStartedConversation: Ce,
 		isCloud: C,
 		isAcp: w.isAcpContext,
-		profilesAvailable: !Ae
+		profilesAvailable: !je
 	}), Q = i("group", l), $ = i("text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)]", l);
 	g.useLayoutEffect(() => {
 		if (!L || !M.current) return;
 		let e = M.current, t = () => {
 			let t = e.getBoundingClientRect();
-			Ue({
+			We({
 				position: "fixed",
 				top: t.top - 8,
 				left: t.left,
@@ -95,21 +96,21 @@ function y({ disabled: y, canSubmit: Se = !0, onAddFileClick: Ce = () => {}, sho
 			window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
 		};
 	}, [L]);
-	let Ye = /* @__PURE__ */ v(d, {
-		ref: Je,
+	let Xe = /* @__PURE__ */ v(f, {
+		ref: Ye,
 		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__ */ v("div", {
 			className: "relative group/overflow-agent",
-			children: [/* @__PURE__ */ _(f, {
+			children: [/* @__PURE__ */ _(p, {
 				testId: "overflow-agent-button",
 				onClick: () => B((e) => e === "agent" ? null : "agent"),
 				isDisabled: Y,
 				children: /* @__PURE__ */ _(h, {
-					icon: /* @__PURE__ */ _(u, { className: "h-[11px] w-[11px]" }),
-					text: b(Ne === "code" ? t.COMMON$CODE : t.COMMON$PLAN),
+					icon: /* @__PURE__ */ _(d, { className: "h-[11px] w-[11px]" }),
+					text: b(Pe === "code" ? t.COMMON$CODE : t.COMMON$PLAN),
 					rightIcon: /* @__PURE__ */ _(m, {
 						width: 10,
 						height: 10
@@ -117,25 +118,25 @@ function y({ disabled: y, canSubmit: Se = !0, onAddFileClick: Ce = () => {}, sho
 				})
 			}), !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, {
+				children: /* @__PURE__ */ v(f, {
 					testId: "overflow-agent-submenu",
 					className: "overflow-visible min-w-[195px]",
-					children: [/* @__PURE__ */ _(f, {
+					children: [/* @__PURE__ */ _(p, {
 						testId: "overflow-agent-code",
 						onClick: (e) => {
-							e.preventDefault(), e.stopPropagation(), Pe("code"), X();
+							e.preventDefault(), e.stopPropagation(), Fe("code"), X();
 						},
 						children: /* @__PURE__ */ _(h, {
-							icon: /* @__PURE__ */ _(u, { className: "h-[11px] w-[11px]" }),
+							icon: /* @__PURE__ */ _(d, { className: "h-[11px] w-[11px]" }),
 							text: b(t.COMMON$CODE)
 						})
-					}), /* @__PURE__ */ _(f, {
+					}), /* @__PURE__ */ _(p, {
 						testId: "overflow-agent-plan",
 						onClick: (e) => {
-							Fe(e), X();
+							Ie(e), X();
 						},
 						children: /* @__PURE__ */ _(h, {
-							icon: /* @__PURE__ */ _(re, {
+							icon: /* @__PURE__ */ _(ne, {
 								width: 16,
 								height: 16,
 								color: "currentColor"
@@ -147,7 +148,7 @@ function y({ disabled: y, canSubmit: Se = !0, onAddFileClick: Ce = () => {}, sho
 			})]
 		}), !q && /* @__PURE__ */ v("div", {
 			className: "relative group/overflow-model",
-			children: [/* @__PURE__ */ _(f, {
+			children: [/* @__PURE__ */ _(p, {
 				testId: "overflow-model-button",
 				onClick: () => B((e) => e === "model" ? null : "model"),
 				children: /* @__PURE__ */ _(h, {
@@ -165,7 +166,7 @@ function y({ disabled: y, canSubmit: Se = !0, onAddFileClick: Ce = () => {}, 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", z === "model" && "opacity-100 visible pointer-events-auto"),
-				children: /* @__PURE__ */ _(d, {
+				children: /* @__PURE__ */ _(f, {
 					testId: "overflow-model-submenu",
 					className: "min-w-[220px] max-w-[320px] max-h-[60vh] overflow-y-auto gap-0",
 					children: Z === "model" ? /* @__PURE__ */ _(le, {
@@ -197,7 +198,7 @@ function y({ disabled: y, canSubmit: Se = !0, onAddFileClick: Ce = () => {}, sho
 						className: i(!1),
 						children: /* @__PURE__ */ _(ge, {
 							disabled: y,
-							handleFileIconClick: Ce
+							handleFileIconClick: we
 						})
 					}),
 					E && /* @__PURE__ */ _("div", {
@@ -229,7 +230,7 @@ function y({ disabled: y, canSubmit: Se = !0, onAddFileClick: Ce = () => {}, sho
 							})
 						}), L && typeof document < "u" && V && xe.createPortal(/* @__PURE__ */ _("div", {
 							style: V,
-							children: Ye
+							children: Xe
 						}), document.body)]
 					})
 				]
@@ -237,14 +238,14 @@ function y({ disabled: y, canSubmit: Se = !0, onAddFileClick: Ce = () => {}, sho
 		}), /* @__PURE__ */ v("div", {
 			ref: O,
 			className: "ml-auto flex shrink-0 items-center gap-2",
-			children: [qe && S && /* @__PURE__ */ _(ne, {
-				handleStop: We,
-				handleResumeAgent: Ge,
+			children: [Je && S && /* @__PURE__ */ _(u, {
+				handleStop: Ge,
+				handleResumeAgent: Ke,
 				disabled: y,
-				isPausing: Ke
-			}), we && /* @__PURE__ */ _(_e, {
-				buttonClassName: Te,
-				handleSubmit: Ee,
+				isPausing: qe
+			}), Te && /* @__PURE__ */ _(_e, {
+				buttonClassName: Ee,
+				handleSubmit: De,
 				disabled: y || !Se
 			})]
 		})]

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 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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"}
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 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 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 // 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 hasStartedConversation,\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-container.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../utils/utils.cjs`),n=require(`../../../../stores/conversation-store.cjs`),r=require(`../drag-over.cjs`),i=require(`../uploaded-files.cjs`),a=require(`./chat-input-row.cjs`),o=require(`./chat-input-actions.cjs`),s=require(`./slash-command-menu.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);function u({chatContainerRef:e,isDragOver:c,disabled:u,canSubmit:d,isNewConversationPending:f=!1,showButton:p,buttonClassName:m,chatInputRef:h,handleFileIconClick:g,handleSubmit:_,onDragOver:v,onDragLeave:y,onDrop:b,onInput:x,onPaste:S,onKeyDown:C,onFocus:w,onBlur:T,isSlashMenuOpen:E=!1,slashItems:D=[],slashSelectedIndex:O=0,onSlashSelect:k}){return(0,l.jsxs)(`div`,{ref:e,className:t.cn(`bg-[var(--oh-surface)] box-border content-stretch flex flex-col items-start justify-center p-4 relative rounded-[15px] w-full`,n.useConversationStore(e=>e.conversationMode)===`plan`&&`border border-[#597FF4]`),onDragOver:e=>v(e,u),onDragLeave:e=>y(e,u),onDrop:e=>b(e,u),children:[c&&(0,l.jsx)(r.DragOver,{}),(0,l.jsx)(i.UploadedFiles,{}),(0,l.jsxs)(`div`,{className:`relative w-full`,children:[E&&k&&(0,l.jsx)(s.SlashCommandMenu,{items:D,selectedIndex:O,onSelect:k}),(0,l.jsx)(a.ChatInputRow,{chatInputRef:h,isNewConversationPending:f,onInput:x,onPaste:S,onKeyDown:C,onFocus:w,onBlur:T})]}),(0,l.jsx)(o.ChatInputActions,{disabled:u,canSubmit:d,onAddFileClick:()=>g(u),showButton:p,buttonClassName:m,handleSubmit:_})]})}exports.ChatInputContainer=u;
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../utils/utils.cjs`),n=require(`../../../../stores/conversation-store.cjs`),r=require(`../drag-over.cjs`),i=require(`../uploaded-files.cjs`),a=require(`./chat-input-row.cjs`),o=require(`./chat-input-actions.cjs`),s=require(`./slash-command-menu.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);function u({chatContainerRef:e,isDragOver:c,disabled:u,canSubmit:d,hasStartedConversation:f,isNewConversationPending:p=!1,showButton:m,buttonClassName:h,chatInputRef:g,handleFileIconClick:_,handleSubmit:v,onDragOver:y,onDragLeave:b,onDrop:x,onInput:S,onPaste:C,onKeyDown:w,onFocus:T,onBlur:E,isSlashMenuOpen:D=!1,slashItems:O=[],slashSelectedIndex:k=0,onSlashSelect:A}){return(0,l.jsxs)(`div`,{ref:e,className:t.cn(`bg-[var(--oh-surface)] box-border content-stretch flex flex-col items-start justify-center p-4 relative rounded-[15px] w-full`,n.useConversationStore(e=>e.conversationMode)===`plan`&&`border border-[#597FF4]`),onDragOver:e=>y(e,u),onDragLeave:e=>b(e,u),onDrop:e=>x(e,u),children:[c&&(0,l.jsx)(r.DragOver,{}),(0,l.jsx)(i.UploadedFiles,{}),(0,l.jsxs)(`div`,{className:`relative w-full`,children:[D&&A&&(0,l.jsx)(s.SlashCommandMenu,{items:O,selectedIndex:k,onSelect:A}),(0,l.jsx)(a.ChatInputRow,{chatInputRef:g,isNewConversationPending:p,onInput:S,onPaste:C,onKeyDown:w,onFocus:T,onBlur:E})]}),(0,l.jsx)(o.ChatInputActions,{disabled:u,canSubmit:d,hasStartedConversation:f,onAddFileClick:()=>_(u),showButton:m,buttonClassName:h,handleSubmit:v})]})}exports.ChatInputContainer=u;
 //# sourceMappingURL=chat-input-container.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"chat-input-container.cjs","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-container.tsx"],"sourcesContent":["import React from \"react\";\nimport { DragOver } from \"../drag-over\";\nimport { UploadedFiles } from \"../uploaded-files\";\nimport { ChatInputRow } from \"./chat-input-row\";\nimport { ChatInputActions } from \"./chat-input-actions\";\nimport { SlashCommandMenu } from \"./slash-command-menu\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { cn } from \"#/utils/utils\";\nimport { SlashCommandItem } from \"#/hooks/chat/use-slash-command\";\n\ninterface ChatInputContainerProps {\n chatContainerRef: React.RefObject<HTMLDivElement \| null>;\n isDragOver: boolean;\n disabled: boolean;\n canSubmit: boolean;\n isNewConversationPending?: boolean;\n showButton: boolean;\n buttonClassName: string;\n chatInputRef: React.RefObject<HTMLDivElement \| null>;\n handleFileIconClick: (isDisabled: boolean) => void;\n handleSubmit: () => void;\n onDragOver: (e: React.DragEvent, isDisabled: boolean) => void;\n onDragLeave: (e: React.DragEvent, isDisabled: boolean) => void;\n onDrop: (e: React.DragEvent, isDisabled: boolean) => void;\n onInput: () => void;\n onPaste: (e: React.ClipboardEvent) => void;\n onKeyDown: (e: React.KeyboardEvent) => void;\n onFocus?: () => void;\n onBlur?: () => void;\n isSlashMenuOpen?: boolean;\n slashItems?: SlashCommandItem[];\n slashSelectedIndex?: number;\n onSlashSelect?: (item: SlashCommandItem) => void;\n}\n\nexport function ChatInputContainer({\n chatContainerRef,\n isDragOver,\n disabled,\n canSubmit,\n isNewConversationPending = false,\n showButton,\n buttonClassName,\n chatInputRef,\n handleFileIconClick,\n handleSubmit,\n onDragOver,\n onDragLeave,\n onDrop,\n onInput,\n onPaste,\n onKeyDown,\n onFocus,\n onBlur,\n isSlashMenuOpen = false,\n slashItems = [],\n slashSelectedIndex = 0,\n onSlashSelect,\n}: ChatInputContainerProps) {\n const conversationMode = useConversationStore(\n (state) => state.conversationMode,\n );\n\n return (\n <div\n ref={chatContainerRef}\n className={cn(\n \"bg-[var(--oh-surface)] box-border content-stretch flex flex-col items-start justify-center p-4 relative rounded-[15px] w-full\",\n conversationMode === \"plan\" && \"border border-[#597FF4]\",\n )}\n onDragOver={(e) => onDragOver(e, disabled)}\n onDragLeave={(e) => onDragLeave(e, disabled)}\n onDrop={(e) => onDrop(e, disabled)}\n >\n {/* Drag Over UI /}\n {isDragOver && <DragOver />}\n\n <UploadedFiles />\n\n {/ Wrapper so the slash menu anchors just above the input row,\n not above the entire (possibly resized) container */}\n <div className=\"relative w-full\">\n {isSlashMenuOpen && onSlashSelect && (\n <SlashCommandMenu\n items={slashItems}\n selectedIndex={slashSelectedIndex}\n onSelect={onSlashSelect}\n />\n )}\n\n <ChatInputRow\n chatInputRef={chatInputRef}\n isNewConversationPending={isNewConversationPending}\n onInput={onInput}\n onPaste={onPaste}\n onKeyDown={onKeyDown}\n onFocus={onFocus}\n onBlur={onBlur}\n />\n </div>\n\n <ChatInputActions\n disabled={disabled}\n canSubmit={canSubmit}\n onAddFileClick={() => handleFileIconClick(disabled)}\n showButton={showButton}\n buttonClassName={buttonClassName}\n handleSubmit={handleSubmit}\n />\n </div>\n );\n}\n"],"mappings":"~~wZAmCA~~,SAAgB,EAAmB,CACjC,mBACA,aACA,WACA,YACA,2BAA2B,GAC3B,aACA,kBACA,eACA,sBACA,eACA,aACA,cACA,SACA,UACA,UACA,YACA,UACA,SACA,kBAAkB,GAClB,aAAa,EAAE,CACf,qBAAqB,EACrB,iBAC0B,CAK1B,OACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,gIARmB,EAAA,qBACtB,GAAU,EAAM,iBAQb,GAAqB,QAAU,0BAChC,CACD,WAAa,GAAM,EAAW,EAAG,EAAS,CAC1C,YAAc,GAAM,EAAY,EAAG,EAAS,CAC5C,OAAS,GAAM,EAAO,EAAG,EAAS,UARpC,CAWG,IAAc,EAAA,EAAA,KAAC,EAAA,SAAD,EAAY,CAAA,EAE3B,EAAA,EAAA,KAAC,EAAA,cAAD,EAAiB,CAAA,EAIjB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2BAAf,CACG,GAAmB,IAClB,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,MAAO,EACP,cAAe,EACf,SAAU,EACV,CAAA,EAGJ,EAAA,EAAA,KAAC,EAAA,aAAD,CACgB,eACY,2BACjB,UACA,UACE,YACF,UACD,SACR,CAAA,CACE,IAEN,EAAA,EAAA,KAAC,EAAA,iBAAD,CACY,WACC,~~YACX~~,mBAAsB,EAAoB,EAAS,CACvC,aACK,kBACH,eACd,CAAA,CACE"}
1	+ {"version":3,"file":"chat-input-container.cjs","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-container.tsx"],"sourcesContent":["import React from \"react\";\nimport { DragOver } from \"../drag-over\";\nimport { UploadedFiles } from \"../uploaded-files\";\nimport { ChatInputRow } from \"./chat-input-row\";\nimport { ChatInputActions } from \"./chat-input-actions\";\nimport { SlashCommandMenu } from \"./slash-command-menu\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { cn } from \"#/utils/utils\";\nimport { SlashCommandItem } from \"#/hooks/chat/use-slash-command\";\n\ninterface ChatInputContainerProps {\n chatContainerRef: React.RefObject<HTMLDivElement \| null>;\n isDragOver: boolean;\n disabled: boolean;\n canSubmit: boolean;\n hasStartedConversation?: boolean;\n isNewConversationPending?: boolean;\n showButton: boolean;\n buttonClassName: string;\n chatInputRef: React.RefObject<HTMLDivElement \| null>;\n handleFileIconClick: (isDisabled: boolean) => void;\n handleSubmit: () => void;\n onDragOver: (e: React.DragEvent, isDisabled: boolean) => void;\n onDragLeave: (e: React.DragEvent, isDisabled: boolean) => void;\n onDrop: (e: React.DragEvent, isDisabled: boolean) => void;\n onInput: () => void;\n onPaste: (e: React.ClipboardEvent) => void;\n onKeyDown: (e: React.KeyboardEvent) => void;\n onFocus?: () => void;\n onBlur?: () => void;\n isSlashMenuOpen?: boolean;\n slashItems?: SlashCommandItem[];\n slashSelectedIndex?: number;\n onSlashSelect?: (item: SlashCommandItem) => void;\n}\n\nexport function ChatInputContainer({\n chatContainerRef,\n isDragOver,\n disabled,\n canSubmit,\n hasStartedConversation,\n isNewConversationPending = false,\n showButton,\n buttonClassName,\n chatInputRef,\n handleFileIconClick,\n handleSubmit,\n onDragOver,\n onDragLeave,\n onDrop,\n onInput,\n onPaste,\n onKeyDown,\n onFocus,\n onBlur,\n isSlashMenuOpen = false,\n slashItems = [],\n slashSelectedIndex = 0,\n onSlashSelect,\n}: ChatInputContainerProps) {\n const conversationMode = useConversationStore(\n (state) => state.conversationMode,\n );\n\n return (\n <div\n ref={chatContainerRef}\n className={cn(\n \"bg-[var(--oh-surface)] box-border content-stretch flex flex-col items-start justify-center p-4 relative rounded-[15px] w-full\",\n conversationMode === \"plan\" && \"border border-[#597FF4]\",\n )}\n onDragOver={(e) => onDragOver(e, disabled)}\n onDragLeave={(e) => onDragLeave(e, disabled)}\n onDrop={(e) => onDrop(e, disabled)}\n >\n {/* Drag Over UI /}\n {isDragOver && <DragOver />}\n\n <UploadedFiles />\n\n {/ Wrapper so the slash menu anchors just above the input row,\n not above the entire (possibly resized) container */}\n <div className=\"relative w-full\">\n {isSlashMenuOpen && onSlashSelect && (\n <SlashCommandMenu\n items={slashItems}\n selectedIndex={slashSelectedIndex}\n onSelect={onSlashSelect}\n />\n )}\n\n <ChatInputRow\n chatInputRef={chatInputRef}\n isNewConversationPending={isNewConversationPending}\n onInput={onInput}\n onPaste={onPaste}\n onKeyDown={onKeyDown}\n onFocus={onFocus}\n onBlur={onBlur}\n />\n </div>\n\n <ChatInputActions\n disabled={disabled}\n canSubmit={canSubmit}\n hasStartedConversation={hasStartedConversation}\n onAddFileClick={() => handleFileIconClick(disabled)}\n showButton={showButton}\n buttonClassName={buttonClassName}\n handleSubmit={handleSubmit}\n />\n </div>\n );\n}\n"],"mappings":"wZAoCA,SAAgB,EAAmB,CACjC,mBACA,aACA,WACA,YACA,yBACA,2BAA2B,GAC3B,aACA,kBACA,eACA,sBACA,eACA,aACA,cACA,SACA,UACA,UACA,YACA,UACA,SACA,kBAAkB,GAClB,aAAa,EAAE,CACf,qBAAqB,EACrB,iBAC0B,CAK1B,OACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,gIARmB,EAAA,qBACtB,GAAU,EAAM,iBAQb,GAAqB,QAAU,0BAChC,CACD,WAAa,GAAM,EAAW,EAAG,EAAS,CAC1C,YAAc,GAAM,EAAY,EAAG,EAAS,CAC5C,OAAS,GAAM,EAAO,EAAG,EAAS,UARpC,CAWG,IAAc,EAAA,EAAA,KAAC,EAAA,SAAD,EAAY,CAAA,EAE3B,EAAA,EAAA,KAAC,EAAA,cAAD,EAAiB,CAAA,EAIjB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2BAAf,CACG,GAAmB,IAClB,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,MAAO,EACP,cAAe,EACf,SAAU,EACV,CAAA,EAGJ,EAAA,EAAA,KAAC,EAAA,aAAD,CACgB,eACY,2BACjB,UACA,UACE,YACF,UACD,SACR,CAAA,CACE,IAEN,EAAA,EAAA,KAAC,EAAA,iBAAD,CACY,WACC,YACa,yBACxB,mBAAsB,EAAoB,EAAS,CACvC,aACK,kBACH,eACd,CAAA,CACE"}