@openhands/agent-canvas 1.4.0 → 1.5.1

package/dist/components/features/chat/components/chat-input-container.d.ts

@@ -5,6 +5,7 @@ interface ChatInputContainerProps {
     isDragOver: boolean;
     disabled: boolean;
     canSubmit: boolean;
+    hasStartedConversation?: boolean;
     isNewConversationPending?: boolean;
     showButton: boolean;
     buttonClassName: string;
@@ -24,5 +25,5 @@ interface ChatInputContainerProps {
     slashSelectedIndex?: number;
     onSlashSelect?: (item: SlashCommandItem) => void;
 }
-export declare function ChatInputContainer({ chatContainerRef, isDragOver, disabled, canSubmit, isNewConversationPending, showButton, buttonClassName, chatInputRef, handleFileIconClick, handleSubmit, onDragOver, onDragLeave, onDrop, onInput, onPaste, onKeyDown, onFocus, onBlur, isSlashMenuOpen, slashItems, slashSelectedIndex, onSlashSelect, }: ChatInputContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatInputContainer({ chatContainerRef, isDragOver, disabled, canSubmit, hasStartedConversation, isNewConversationPending, showButton, buttonClassName, chatInputRef, handleFileIconClick, handleSubmit, onDragOver, onDragLeave, onDrop, onInput, onPaste, onKeyDown, onFocus, onBlur, isSlashMenuOpen, slashItems, slashSelectedIndex, onSlashSelect, }: ChatInputContainerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/features/chat/components/chat-input-container.js

@@ -8,39 +8,40 @@ import { SlashCommandMenu as o } from "./slash-command-menu.js";
 import "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/features/chat/components/chat-input-container.tsx
-function l({ chatContainerRef: l, isDragOver: u, disabled: d, canSubmit: 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 }) {
+function l({ chatContainerRef: l, isDragOver: u, disabled: d, canSubmit: f, hasStartedConversation: p, isNewConversationPending: m = !1, showButton: h, buttonClassName: g, chatInputRef: _, handleFileIconClick: v, handleSubmit: y, onDragOver: b, onDragLeave: x, onDrop: S, onInput: C, onPaste: w, onKeyDown: T, onFocus: E, onBlur: D, isSlashMenuOpen: O = !1, slashItems: k = [], slashSelectedIndex: A = 0, onSlashSelect: j }) {
 	return /* @__PURE__ */ c("div", {
 		ref: l,
 		className: e("bg-[var(--oh-surface)] box-border content-stretch flex flex-col items-start justify-center p-4 relative rounded-[15px] w-full", t((e) => e.conversationMode) === "plan" && "border border-[#597FF4]"),
-		onDragOver: (e) => y(e, d),
-		onDragLeave: (e) => b(e, d),
-		onDrop: (e) => x(e, d),
+		onDragOver: (e) => b(e, d),
+		onDragLeave: (e) => x(e, d),
+		onDrop: (e) => S(e, d),
 		children: [
 			u && /* @__PURE__ */ s(n, {}),
 			/* @__PURE__ */ s(r, {}),
 			/* @__PURE__ */ c("div", {
 				className: "relative w-full",
-				children: [D && A && /* @__PURE__ */ s(o, {
-					items: O,
-					selectedIndex: k,
-					onSelect: A
+				children: [O && j && /* @__PURE__ */ s(o, {
+					items: k,
+					selectedIndex: A,
+					onSelect: j
 				}), /* @__PURE__ */ s(i, {
-					chatInputRef: g,
-					isNewConversationPending: p,
-					onInput: S,
-					onPaste: C,
-					onKeyDown: w,
-					onFocus: T,
-					onBlur: E
+					chatInputRef: _,
+					isNewConversationPending: m,
+					onInput: C,
+					onPaste: w,
+					onKeyDown: T,
+					onFocus: E,
+					onBlur: D
 				})]
 			}),
 			/* @__PURE__ */ s(a, {
 				disabled: d,
 				canSubmit: f,
-				onAddFileClick: () => _(d),
-				showButton: m,
-				buttonClassName: h,
-				handleSubmit: v
+				hasStartedConversation: p,
+				onAddFileClick: () => v(d),
+				showButton: h,
+				buttonClassName: g,
+				handleSubmit: y
 			})
 		]
 	});

package/dist/components/features/chat/components/chat-input-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-input-container.js","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":";;;;;;;;;;AAmCA,SAAgB,EAAmB,EACjC,qBACA,eACA,aACA,cACA,8BAA2B,IAC3B,eACA,oBACA,iBACA,wBACA,iBACA,eACA,gBACA,WACA,YACA,YACA,cACA,YACA,WACA,qBAAkB,IAClB,gBAAa,EAAE,EACf,wBAAqB,GACrB,oBAC0B;AAK1B,QACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EACT,iIARmB,GACtB,MAAU,EAAM,iBAQb,KAAqB,UAAU,0BAChC;EACD,aAAa,MAAM,EAAW,GAAG,EAAS;EAC1C,cAAc,MAAM,EAAY,GAAG,EAAS;EAC5C,SAAS,MAAM,EAAO,GAAG,EAAS;YARpC;GAWG,KAAc,kBAAC,GAAD,EAAY,CAAA;GAE3B,kBAAC,GAAD,EAAiB,CAAA;GAIjB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAmB,KAClB,kBAAC,GAAD;KACE,OAAO;KACP,eAAe;KACf,UAAU;KACV,CAAA,EAGJ,kBAAC,GAAD;KACgB;KACY;KACjB;KACA;KACE;KACF;KACD;KACR,CAAA,CACE;;GAEN,kBAAC,GAAD;IACY;IACC;IACX,sBAAsB,EAAoB,EAAS;IACvC;IACK;IACH;IACd,CAAA;GACE"}
+{"version":3,"file":"chat-input-container.js","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":";;;;;;;;;;AAoCA,SAAgB,EAAmB,EACjC,qBACA,eACA,aACA,cACA,2BACA,8BAA2B,IAC3B,eACA,oBACA,iBACA,wBACA,iBACA,eACA,gBACA,WACA,YACA,YACA,cACA,YACA,WACA,qBAAkB,IAClB,gBAAa,EAAE,EACf,wBAAqB,GACrB,oBAC0B;AAK1B,QACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EACT,iIARmB,GACtB,MAAU,EAAM,iBAQb,KAAqB,UAAU,0BAChC;EACD,aAAa,MAAM,EAAW,GAAG,EAAS;EAC1C,cAAc,MAAM,EAAY,GAAG,EAAS;EAC5C,SAAS,MAAM,EAAO,GAAG,EAAS;YARpC;GAWG,KAAc,kBAAC,GAAD,EAAY,CAAA;GAE3B,kBAAC,GAAD,EAAiB,CAAA;GAIjB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAmB,KAClB,kBAAC,GAAD;KACE,OAAO;KACP,eAAe;KACf,UAAU;KACV,CAAA,EAGJ,kBAAC,GAAD;KACgB;KACY;KACjB;KACA;KACE;KACF;KACD;KACR,CAAA,CACE;;GAEN,kBAAC,GAAD;IACY;IACC;IACa;IACxB,sBAAsB,EAAoB,EAAS;IACvC;IACK;IACH;IACd,CAAA;GACE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"chat-input-profile-picker.cjs","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-profile-picker.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useChatInputProfileState } from \"#/hooks/use-chat-input-profile-state\";\nimport { ComboboxCaretInline } from \"#/ui/combobox-caret\";\nimport SettingsGearIcon from \"#/icons/settings-gear.svg?react\";\nimport CheckIcon from \"#/icons/checkmark.svg?react\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"#/components/features/context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { chatInputPillButtonClassName } from \"#/utils/form-control-classes\";\n\nconst PROFILE_LABEL_MAX_CHARS = 18;\n\nfunction truncateLabel(label: string): string {\n  return label.length <= PROFILE_LABEL_MAX_CHARS\n    ? label\n    : `${label.slice(0, PROFILE_LABEL_MAX_CHARS)}…`;\n}\n\ninterface ChatInputProfileMenuContentProps {\n  onClose: () => void;\n  dividerInset?: \"menu\";\n  settingsLinkClassName?: string;\n  settingsIconClassName?: string;\n}\n\nexport function ChatInputProfileMenuContent({\n  onClose,\n  dividerInset,\n  settingsLinkClassName,\n  settingsIconClassName,\n}: ChatInputProfileMenuContentProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { profiles, currentProfileId, selectProfile } =\n    useChatInputProfileState();\n\n  const handleSelect = (profile: (typeof profiles)[number]) => {\n    selectProfile(profile);\n    onClose();\n  };\n\n  return (\n    <>\n      {profiles.length > 0 && (\n        <>\n          {/* role=\"presentation\" keeps this a valid <li> child of the\n              ContextMenu <ul> without exposing the label as a menu item. */}\n          <li role=\"presentation\" className=\"px-2 pt-1 pb-0.5\">\n            <Typography.Text className=\"text-[11px] font-medium text-[var(--oh-text-dim)] uppercase tracking-wide leading-4\">\n              {t(I18nKey.SETTINGS$AVAILABLE_PROFILES)}\n            </Typography.Text>\n          </li>\n          {profiles.map((profile) => {\n            const isCurrent =\n              profile.id != null && profile.id === currentProfileId;\n            return (\n              <ContextMenuListItem\n                key={profile.id ?? profile.name}\n                testId={`chat-input-agent-profile-option-${profile.name}`}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  if (isCurrent) {\n                    onClose();\n                    return;\n                  }\n                  handleSelect(profile);\n                }}\n                className={cn(\n                  \"flex items-center gap-2\",\n                  isCurrent && \"bg-[var(--oh-interactive-hover)]\",\n                )}\n              >\n                <span\n                  className=\"flex-1 truncate text-sm leading-5\"\n                  title={profile.name}\n                >\n                  {profile.name}\n                </span>\n                {isCurrent && (\n                  <CheckIcon\n                    width={14}\n                    height={14}\n                    className=\"shrink-0\"\n                    aria-hidden\n                  />\n                )}\n              </ContextMenuListItem>\n            );\n          })}\n        </>\n      )}\n      {profiles.length > 0 && <Divider inset={dividerInset} />}\n      <li className=\"text-sm\">\n        <NavigationLink\n          to=\"/settings/agents\"\n          onClick={onClose}\n          className={cn(\n            \"flex h-[30px] items-center gap-2 rounded p-2 leading-5 text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] transition-colors\",\n            settingsLinkClassName,\n          )}\n        >\n          <SettingsGearIcon\n            width={16}\n            height={16}\n            className={cn(\"shrink-0\", settingsIconClassName)}\n            aria-hidden\n          />\n          <span>{t(I18nKey.CHAT$MANAGE_AGENT_PROFILES)}</span>\n        </NavigationLink>\n      </li>\n    </>\n  );\n}\n\nexport function ChatInputProfilePicker() {\n  const { t } = useTranslation(\"openhands\");\n  const { profiles, currentProfileName, isLoading, isSwitching } =\n    useChatInputProfileState();\n  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const popoverRef = useClickOutsideElement<HTMLUListElement>(\n    () => setIsPopoverOpen(false),\n    triggerRef,\n  );\n\n  // Nothing to launch from yet (empty store before the backend seeds, or an\n  // agent-server without the /api/agent-profiles surface): stay out of the way.\n  if (isLoading || profiles.length === 0) {\n    return null;\n  }\n\n  const label = currentProfileName ?? t(I18nKey.CHAT$AGENT_PROFILE_PLACEHOLDER);\n\n  return (\n    <div className=\"relative min-w-0\">\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={cn(chatInputPillButtonClassName, \"max-w-[200px]\")}\n        title={currentProfileName ?? undefined}\n        data-testid=\"chat-input-agent-profile\"\n        aria-expanded={isPopoverOpen}\n        aria-haspopup=\"dialog\"\n        // Disabled while a profile switch (new-conversation create / activate) is\n        // in flight, so re-opening the menu can't fire a second create. The menu\n        // closes on select, so this is the only double-submit path.\n        disabled={isSwitching}\n        aria-busy={isSwitching}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          setIsPopoverOpen((open) => !open);\n        }}\n      >\n        <span className=\"truncate\">{truncateLabel(label)}</span>\n        <ComboboxCaretInline isOpen={isPopoverOpen} />\n      </button>\n\n      {isPopoverOpen && (\n        <ContextMenu\n          ref={popoverRef}\n          testId=\"chat-input-agent-profile-popover\"\n          position=\"top\"\n          alignment=\"left\"\n          spacing=\"none\"\n          className=\"z-[60] mb-2 min-w-[200px] max-w-[320px] max-h-[60vh] overflow-y-auto\"\n        >\n          <ChatInputProfileMenuContent\n            onClose={() => setIsPopoverOpen(false)}\n          />\n        </ContextMenu>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"chat-input-profile-picker.cjs","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-profile-picker.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useChatInputProfileState } from \"#/hooks/use-chat-input-profile-state\";\nimport { ComboboxCaretInline } from \"#/ui/combobox-caret\";\nimport SettingsGearIcon from \"#/icons/settings-gear.svg?react\";\nimport CheckIcon from \"#/icons/checkmark.svg?react\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"#/components/features/context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { chatInputPillButtonClassName } from \"#/utils/form-control-classes\";\n\nconst PROFILE_LABEL_MAX_CHARS = 18;\n\nfunction truncateLabel(label: string): string {\n  return label.length <= PROFILE_LABEL_MAX_CHARS\n    ? label\n    : `${label.slice(0, PROFILE_LABEL_MAX_CHARS)}…`;\n}\n\ninterface ChatInputProfileMenuContentProps {\n  onClose: () => void;\n  dividerInset?: \"menu\";\n  settingsLinkClassName?: string;\n  settingsIconClassName?: string;\n}\n\nexport function ChatInputProfileMenuContent({\n  onClose,\n  dividerInset,\n  settingsLinkClassName,\n  settingsIconClassName,\n}: ChatInputProfileMenuContentProps) {\n  const { t } = useTranslation(\"openhands\");\n  const {\n    profiles,\n    currentProfileId,\n    isInConversation,\n    isSwitching,\n    selectProfile,\n  } = useChatInputProfileState();\n\n  const handleSelect = (profile: (typeof profiles)[number]) => {\n    selectProfile(profile);\n    onClose();\n  };\n\n  return (\n    <>\n      {profiles.length > 0 && (\n        <>\n          {/* role=\"presentation\" keeps this a valid <li> child of the\n              ContextMenu <ul> without exposing the label as a menu item. */}\n          <li role=\"presentation\" className=\"px-2 pt-1 pb-0.5\">\n            <Typography.Text className=\"text-[11px] font-medium text-[var(--oh-text-dim)] uppercase tracking-wide leading-4\">\n              {t(I18nKey.SETTINGS$AVAILABLE_PROFILES)}\n            </Typography.Text>\n          </li>\n          {profiles.map((profile) => {\n            const isCurrent =\n              profile.id != null && profile.id === currentProfileId;\n            return (\n              <ContextMenuListItem\n                key={profile.id ?? profile.name}\n                testId={`chat-input-agent-profile-option-${profile.name}`}\n                isDisabled={isSwitching}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  if (isCurrent) {\n                    onClose();\n                    return;\n                  }\n                  handleSelect(profile);\n                }}\n                className={cn(\n                  \"flex items-center gap-2\",\n                  isCurrent && \"bg-[var(--oh-interactive-hover)]\",\n                )}\n              >\n                <span\n                  className=\"flex-1 truncate text-sm leading-5\"\n                  title={profile.name}\n                >\n                  {profile.name}\n                </span>\n                {isCurrent && (\n                  <CheckIcon\n                    width={14}\n                    height={14}\n                    className=\"shrink-0\"\n                    aria-hidden\n                  />\n                )}\n              </ContextMenuListItem>\n            );\n          })}\n          {isInConversation && (\n            <li role=\"presentation\" className=\"px-2 pt-0.5 pb-1\">\n              <Typography.Text className=\"text-[11px] text-[var(--oh-text-dim)] leading-4\">\n                {t(I18nKey.CHAT$START_NEW_WITH_PROFILE_HINT)}\n              </Typography.Text>\n            </li>\n          )}\n        </>\n      )}\n      {profiles.length > 0 && <Divider inset={dividerInset} />}\n      <li className=\"text-sm\">\n        <NavigationLink\n          to=\"/settings/agents\"\n          onClick={onClose}\n          className={cn(\n            \"flex h-[30px] items-center gap-2 rounded p-2 leading-5 text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] transition-colors\",\n            settingsLinkClassName,\n          )}\n        >\n          <SettingsGearIcon\n            width={16}\n            height={16}\n            className={cn(\"shrink-0\", settingsIconClassName)}\n            aria-hidden\n          />\n          <span>{t(I18nKey.CHAT$MANAGE_AGENT_PROFILES)}</span>\n        </NavigationLink>\n      </li>\n    </>\n  );\n}\n\nexport function ChatInputProfilePicker() {\n  const { t } = useTranslation(\"openhands\");\n  const { profiles, currentProfileName, isLoading, isSwitching } =\n    useChatInputProfileState();\n  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const popoverRef = useClickOutsideElement<HTMLUListElement>(\n    () => setIsPopoverOpen(false),\n    triggerRef,\n  );\n\n  // Nothing to launch from yet (empty store before the backend seeds, or an\n  // agent-server without the /api/agent-profiles surface): stay out of the way.\n  if (isLoading || profiles.length === 0) {\n    return null;\n  }\n\n  const label = currentProfileName ?? t(I18nKey.CHAT$AGENT_PROFILE_PLACEHOLDER);\n\n  return (\n    <div className=\"relative min-w-0\">\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={cn(chatInputPillButtonClassName, \"max-w-[200px]\")}\n        title={currentProfileName ?? undefined}\n        data-testid=\"chat-input-agent-profile\"\n        aria-expanded={isPopoverOpen}\n        aria-haspopup=\"dialog\"\n        // Disabled while a profile switch (new-conversation create / activate) is\n        // in flight, so re-opening the menu can't fire a second create. The menu\n        // closes on select, so this is the only double-submit path.\n        disabled={isSwitching}\n        aria-busy={isSwitching}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          setIsPopoverOpen((open) => !open);\n        }}\n      >\n        <span className=\"truncate\">{truncateLabel(label)}</span>\n        <ComboboxCaretInline isOpen={isPopoverOpen} />\n      </button>\n\n      {isPopoverOpen && (\n        <ContextMenu\n          ref={popoverRef}\n          testId=\"chat-input-agent-profile-popover\"\n          position=\"top\"\n          alignment=\"left\"\n          spacing=\"none\"\n          className=\"z-[60] mb-2 min-w-[200px] max-w-[320px] max-h-[60vh] overflow-y-auto\"\n        >\n          <ChatInputProfileMenuContent\n            onClose={() => setIsPopoverOpen(false)}\n          />\n        </ContextMenu>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -20,41 +20,53 @@ function y(e) {
 	return e.length <= v ? e : `${e.slice(0, v)}…`;
 }
 function b({ onClose: i, dividerInset: o, settingsLinkClassName: s, settingsIconClassName: l }) {
-	let { t: m } = e("openhands"), { profiles: v, currentProfileId: y, selectProfile: b } = p(), x = (e) => {
-		b(e), i();
+	let { t: m } = e("openhands"), { profiles: v, currentProfileId: y, isInConversation: b, isSwitching: x, selectProfile: S } = p(), C = (e) => {
+		S(e), i();
 	};
 	return /* @__PURE__ */ _(h, { children: [
-		v.length > 0 && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("li", {
-			role: "presentation",
-			className: "px-2 pt-1 pb-0.5",
-			children: /* @__PURE__ */ g(a.Text, {
-				className: "text-[11px] font-medium text-[var(--oh-text-dim)] uppercase tracking-wide leading-4",
-				children: m(t.SETTINGS$AVAILABLE_PROFILES)
+		v.length > 0 && /* @__PURE__ */ _(h, { children: [
+			/* @__PURE__ */ g("li", {
+				role: "presentation",
+				className: "px-2 pt-1 pb-0.5",
+				children: /* @__PURE__ */ g(a.Text, {
+					className: "text-[11px] font-medium text-[var(--oh-text-dim)] uppercase tracking-wide leading-4",
+					children: m(t.SETTINGS$AVAILABLE_PROFILES)
+				})
+			}),
+			v.map((e) => {
+				let t = e.id != null && e.id === y;
+				return /* @__PURE__ */ _(c, {
+					testId: `chat-input-agent-profile-option-${e.name}`,
+					isDisabled: x,
+					onClick: (n) => {
+						if (n.preventDefault(), n.stopPropagation(), t) {
+							i();
+							return;
+						}
+						C(e);
+					},
+					className: n("flex items-center gap-2", t && "bg-[var(--oh-interactive-hover)]"),
+					children: [/* @__PURE__ */ g("span", {
+						className: "flex-1 truncate text-sm leading-5",
+						title: e.name,
+						children: e.name
+					}), t && /* @__PURE__ */ g(r, {
+						width: 14,
+						height: 14,
+						className: "shrink-0",
+						"aria-hidden": !0
+					})]
+				}, e.id ?? e.name);
+			}),
+			b && /* @__PURE__ */ g("li", {
+				role: "presentation",
+				className: "px-2 pt-0.5 pb-1",
+				children: /* @__PURE__ */ g(a.Text, {
+					className: "text-[11px] text-[var(--oh-text-dim)] leading-4",
+					children: m(t.CHAT$START_NEW_WITH_PROFILE_HINT)
+				})
 			})
-		}), v.map((e) => {
-			let t = e.id != null && e.id === y;
-			return /* @__PURE__ */ _(c, {
-				testId: `chat-input-agent-profile-option-${e.name}`,
-				onClick: (n) => {
-					if (n.preventDefault(), n.stopPropagation(), t) {
-						i();
-						return;
-					}
-					x(e);
-				},
-				className: n("flex items-center gap-2", t && "bg-[var(--oh-interactive-hover)]"),
-				children: [/* @__PURE__ */ g("span", {
-					className: "flex-1 truncate text-sm leading-5",
-					title: e.name,
-					children: e.name
-				}), t && /* @__PURE__ */ g(r, {
-					width: 14,
-					height: 14,
-					className: "shrink-0",
-					"aria-hidden": !0
-				})]
-			}, e.id ?? e.name);
-		})] }),
+		] }),
 		v.length > 0 && /* @__PURE__ */ g(f, { inset: o }),
 		/* @__PURE__ */ g("li", {
 			className: "text-sm",

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

@@ -1 +1 @@
-{"version":3,"file":"chat-input-profile-picker.js","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-profile-picker.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useChatInputProfileState } from \"#/hooks/use-chat-input-profile-state\";\nimport { ComboboxCaretInline } from \"#/ui/combobox-caret\";\nimport SettingsGearIcon from \"#/icons/settings-gear.svg?react\";\nimport CheckIcon from \"#/icons/checkmark.svg?react\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"#/components/features/context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { chatInputPillButtonClassName } from \"#/utils/form-control-classes\";\n\nconst PROFILE_LABEL_MAX_CHARS = 18;\n\nfunction truncateLabel(label: string): string {\n  return label.length <= PROFILE_LABEL_MAX_CHARS\n    ? label\n    : `${label.slice(0, PROFILE_LABEL_MAX_CHARS)}…`;\n}\n\ninterface ChatInputProfileMenuContentProps {\n  onClose: () => void;\n  dividerInset?: \"menu\";\n  settingsLinkClassName?: string;\n  settingsIconClassName?: string;\n}\n\nexport function ChatInputProfileMenuContent({\n  onClose,\n  dividerInset,\n  settingsLinkClassName,\n  settingsIconClassName,\n}: ChatInputProfileMenuContentProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { profiles, currentProfileId, selectProfile } =\n    useChatInputProfileState();\n\n  const handleSelect = (profile: (typeof profiles)[number]) => {\n    selectProfile(profile);\n    onClose();\n  };\n\n  return (\n    <>\n      {profiles.length > 0 && (\n        <>\n          {/* role=\"presentation\" keeps this a valid <li> child of the\n              ContextMenu <ul> without exposing the label as a menu item. */}\n          <li role=\"presentation\" className=\"px-2 pt-1 pb-0.5\">\n            <Typography.Text className=\"text-[11px] font-medium text-[var(--oh-text-dim)] uppercase tracking-wide leading-4\">\n              {t(I18nKey.SETTINGS$AVAILABLE_PROFILES)}\n            </Typography.Text>\n          </li>\n          {profiles.map((profile) => {\n            const isCurrent =\n              profile.id != null && profile.id === currentProfileId;\n            return (\n              <ContextMenuListItem\n                key={profile.id ?? profile.name}\n                testId={`chat-input-agent-profile-option-${profile.name}`}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  if (isCurrent) {\n                    onClose();\n                    return;\n                  }\n                  handleSelect(profile);\n                }}\n                className={cn(\n                  \"flex items-center gap-2\",\n                  isCurrent && \"bg-[var(--oh-interactive-hover)]\",\n                )}\n              >\n                <span\n                  className=\"flex-1 truncate text-sm leading-5\"\n                  title={profile.name}\n                >\n                  {profile.name}\n                </span>\n                {isCurrent && (\n                  <CheckIcon\n                    width={14}\n                    height={14}\n                    className=\"shrink-0\"\n                    aria-hidden\n                  />\n                )}\n              </ContextMenuListItem>\n            );\n          })}\n        </>\n      )}\n      {profiles.length > 0 && <Divider inset={dividerInset} />}\n      <li className=\"text-sm\">\n        <NavigationLink\n          to=\"/settings/agents\"\n          onClick={onClose}\n          className={cn(\n            \"flex h-[30px] items-center gap-2 rounded p-2 leading-5 text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] transition-colors\",\n            settingsLinkClassName,\n          )}\n        >\n          <SettingsGearIcon\n            width={16}\n            height={16}\n            className={cn(\"shrink-0\", settingsIconClassName)}\n            aria-hidden\n          />\n          <span>{t(I18nKey.CHAT$MANAGE_AGENT_PROFILES)}</span>\n        </NavigationLink>\n      </li>\n    </>\n  );\n}\n\nexport function ChatInputProfilePicker() {\n  const { t } = useTranslation(\"openhands\");\n  const { profiles, currentProfileName, isLoading, isSwitching } =\n    useChatInputProfileState();\n  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const popoverRef = useClickOutsideElement<HTMLUListElement>(\n    () => setIsPopoverOpen(false),\n    triggerRef,\n  );\n\n  // Nothing to launch from yet (empty store before the backend seeds, or an\n  // agent-server without the /api/agent-profiles surface): stay out of the way.\n  if (isLoading || profiles.length === 0) {\n    return null;\n  }\n\n  const label = currentProfileName ?? t(I18nKey.CHAT$AGENT_PROFILE_PLACEHOLDER);\n\n  return (\n    <div className=\"relative min-w-0\">\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={cn(chatInputPillButtonClassName, \"max-w-[200px]\")}\n        title={currentProfileName ?? undefined}\n        data-testid=\"chat-input-agent-profile\"\n        aria-expanded={isPopoverOpen}\n        aria-haspopup=\"dialog\"\n        // Disabled while a profile switch (new-conversation create / activate) is\n        // in flight, so re-opening the menu can't fire a second create. The menu\n        // closes on select, so this is the only double-submit path.\n        disabled={isSwitching}\n        aria-busy={isSwitching}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          setIsPopoverOpen((open) => !open);\n        }}\n      >\n        <span className=\"truncate\">{truncateLabel(label)}</span>\n        <ComboboxCaretInline isOpen={isPopoverOpen} />\n      </button>\n\n      {isPopoverOpen && (\n        <ContextMenu\n          ref={popoverRef}\n          testId=\"chat-input-agent-profile-popover\"\n          position=\"top\"\n          alignment=\"left\"\n          spacing=\"none\"\n          className=\"z-[60] mb-2 min-w-[200px] max-w-[320px] max-h-[60vh] overflow-y-auto\"\n        >\n          <ChatInputProfileMenuContent\n            onClose={() => setIsPopoverOpen(false)}\n          />\n        </ContextMenu>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,IAAM,IAA0B;AAEhC,SAAS,EAAc,GAAuB;AAC5C,QAAO,EAAM,UAAU,IACnB,IACA,GAAG,EAAM,MAAM,GAAG,EAAwB,CAAC;;AAUjD,SAAgB,EAA4B,EAC1C,YACA,iBACA,0BACA,4BACmC;CACnC,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,aAAU,qBAAkB,qBAClC,GAA0B,EAEtB,KAAgB,MAAuC;AAE3D,EADA,EAAc,EAAQ,EACtB,GAAS;;AAGX,QACE,kBAAA,GAAA,EAAA,UAAA;EACG,EAAS,SAAS,KACjB,kBAAA,GAAA,EAAA,UAAA,CAGE,kBAAC,MAAD;GAAI,MAAK;GAAe,WAAU;aAChC,kBAAC,EAAW,MAAZ;IAAiB,WAAU;cACxB,EAAE,EAAQ,4BAA4B;IACvB,CAAA;GACf,CAAA,EACJ,EAAS,KAAK,MAAY;GACzB,IAAM,IACJ,EAAQ,MAAM,QAAQ,EAAQ,OAAO;AACvC,UACE,kBAAC,GAAD;IAEE,QAAQ,mCAAmC,EAAQ;IACnD,UAAU,MAAU;AAGlB,SAFA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACnB,GAAW;AACb,SAAS;AACT;;AAEF,OAAa,EAAQ;;IAEvB,WAAW,EACT,2BACA,KAAa,mCACd;cAfH,CAiBE,kBAAC,QAAD;KACE,WAAU;KACV,OAAO,EAAQ;eAEd,EAAQ;KACJ,CAAA,EACN,KACC,kBAAC,GAAD;KACE,OAAO;KACP,QAAQ;KACR,WAAU;KACV,eAAA;KACA,CAAA,CAEgB;MA9Bf,EAAQ,MAAM,EAAQ,KA8BP;IAExB,CACD,EAAA,CAAA;EAEJ,EAAS,SAAS,KAAK,kBAAC,GAAD,EAAS,OAAO,GAAgB,CAAA;EACxD,kBAAC,MAAD;GAAI,WAAU;aACZ,kBAAC,GAAD;IACE,IAAG;IACH,SAAS;IACT,WAAW,EACT,+IACA,EACD;cANH,CAQE,kBAAC,GAAD;KACE,OAAO;KACP,QAAQ;KACR,WAAW,EAAG,YAAY,EAAsB;KAChD,eAAA;KACA,CAAA,EACF,kBAAC,QAAD,EAAA,UAAO,EAAE,EAAQ,2BAA2B,EAAQ,CAAA,CACrC;;GACd,CAAA;EACJ,EAAA,CAAA;;AAIP,SAAgB,IAAyB;CACvC,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,aAAU,uBAAoB,cAAW,mBAC/C,GAA0B,EACtB,CAAC,GAAe,KAAoB,EAAM,SAAS,GAAM,EACzD,IAAa,EAAM,OAA0B,KAAK,EAClD,IAAa,QACX,EAAiB,GAAM,EAC7B,EACD;AAID,KAAI,KAAa,EAAS,WAAW,EACnC,QAAO;CAGT,IAAM,IAAQ,KAAsB,EAAE,EAAQ,+BAA+B;AAE7E,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,KAAK;GACL,MAAK;GACL,WAAW,EAAG,GAA8B,gBAAgB;GAC5D,OAAO,KAAsB,KAAA;GAC7B,eAAY;GACZ,iBAAe;GACf,iBAAc;GAId,UAAU;GACV,aAAW;GACX,UAAU,MAAU;AAGlB,IAFA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACvB,GAAkB,MAAS,CAAC,EAAK;;aAhBrC,CAmBE,kBAAC,QAAD;IAAM,WAAU;cAAY,EAAc,EAAM;IAAQ,CAAA,EACxD,kBAAC,GAAD,EAAqB,QAAQ,GAAiB,CAAA,CACvC;MAER,KACC,kBAAC,GAAD;GACE,KAAK;GACL,QAAO;GACP,UAAS;GACT,WAAU;GACV,SAAQ;GACR,WAAU;aAEV,kBAAC,GAAD,EACE,eAAe,EAAiB,GAAM,EACtC,CAAA;GACU,CAAA,CAEZ"}
+{"version":3,"file":"chat-input-profile-picker.js","names":[],"sources":["../../../../../src/components/features/chat/components/chat-input-profile-picker.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useChatInputProfileState } from \"#/hooks/use-chat-input-profile-state\";\nimport { ComboboxCaretInline } from \"#/ui/combobox-caret\";\nimport SettingsGearIcon from \"#/icons/settings-gear.svg?react\";\nimport CheckIcon from \"#/icons/checkmark.svg?react\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"#/components/features/context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { chatInputPillButtonClassName } from \"#/utils/form-control-classes\";\n\nconst PROFILE_LABEL_MAX_CHARS = 18;\n\nfunction truncateLabel(label: string): string {\n  return label.length <= PROFILE_LABEL_MAX_CHARS\n    ? label\n    : `${label.slice(0, PROFILE_LABEL_MAX_CHARS)}…`;\n}\n\ninterface ChatInputProfileMenuContentProps {\n  onClose: () => void;\n  dividerInset?: \"menu\";\n  settingsLinkClassName?: string;\n  settingsIconClassName?: string;\n}\n\nexport function ChatInputProfileMenuContent({\n  onClose,\n  dividerInset,\n  settingsLinkClassName,\n  settingsIconClassName,\n}: ChatInputProfileMenuContentProps) {\n  const { t } = useTranslation(\"openhands\");\n  const {\n    profiles,\n    currentProfileId,\n    isInConversation,\n    isSwitching,\n    selectProfile,\n  } = useChatInputProfileState();\n\n  const handleSelect = (profile: (typeof profiles)[number]) => {\n    selectProfile(profile);\n    onClose();\n  };\n\n  return (\n    <>\n      {profiles.length > 0 && (\n        <>\n          {/* role=\"presentation\" keeps this a valid <li> child of the\n              ContextMenu <ul> without exposing the label as a menu item. */}\n          <li role=\"presentation\" className=\"px-2 pt-1 pb-0.5\">\n            <Typography.Text className=\"text-[11px] font-medium text-[var(--oh-text-dim)] uppercase tracking-wide leading-4\">\n              {t(I18nKey.SETTINGS$AVAILABLE_PROFILES)}\n            </Typography.Text>\n          </li>\n          {profiles.map((profile) => {\n            const isCurrent =\n              profile.id != null && profile.id === currentProfileId;\n            return (\n              <ContextMenuListItem\n                key={profile.id ?? profile.name}\n                testId={`chat-input-agent-profile-option-${profile.name}`}\n                isDisabled={isSwitching}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  if (isCurrent) {\n                    onClose();\n                    return;\n                  }\n                  handleSelect(profile);\n                }}\n                className={cn(\n                  \"flex items-center gap-2\",\n                  isCurrent && \"bg-[var(--oh-interactive-hover)]\",\n                )}\n              >\n                <span\n                  className=\"flex-1 truncate text-sm leading-5\"\n                  title={profile.name}\n                >\n                  {profile.name}\n                </span>\n                {isCurrent && (\n                  <CheckIcon\n                    width={14}\n                    height={14}\n                    className=\"shrink-0\"\n                    aria-hidden\n                  />\n                )}\n              </ContextMenuListItem>\n            );\n          })}\n          {isInConversation && (\n            <li role=\"presentation\" className=\"px-2 pt-0.5 pb-1\">\n              <Typography.Text className=\"text-[11px] text-[var(--oh-text-dim)] leading-4\">\n                {t(I18nKey.CHAT$START_NEW_WITH_PROFILE_HINT)}\n              </Typography.Text>\n            </li>\n          )}\n        </>\n      )}\n      {profiles.length > 0 && <Divider inset={dividerInset} />}\n      <li className=\"text-sm\">\n        <NavigationLink\n          to=\"/settings/agents\"\n          onClick={onClose}\n          className={cn(\n            \"flex h-[30px] items-center gap-2 rounded p-2 leading-5 text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] transition-colors\",\n            settingsLinkClassName,\n          )}\n        >\n          <SettingsGearIcon\n            width={16}\n            height={16}\n            className={cn(\"shrink-0\", settingsIconClassName)}\n            aria-hidden\n          />\n          <span>{t(I18nKey.CHAT$MANAGE_AGENT_PROFILES)}</span>\n        </NavigationLink>\n      </li>\n    </>\n  );\n}\n\nexport function ChatInputProfilePicker() {\n  const { t } = useTranslation(\"openhands\");\n  const { profiles, currentProfileName, isLoading, isSwitching } =\n    useChatInputProfileState();\n  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const popoverRef = useClickOutsideElement<HTMLUListElement>(\n    () => setIsPopoverOpen(false),\n    triggerRef,\n  );\n\n  // Nothing to launch from yet (empty store before the backend seeds, or an\n  // agent-server without the /api/agent-profiles surface): stay out of the way.\n  if (isLoading || profiles.length === 0) {\n    return null;\n  }\n\n  const label = currentProfileName ?? t(I18nKey.CHAT$AGENT_PROFILE_PLACEHOLDER);\n\n  return (\n    <div className=\"relative min-w-0\">\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={cn(chatInputPillButtonClassName, \"max-w-[200px]\")}\n        title={currentProfileName ?? undefined}\n        data-testid=\"chat-input-agent-profile\"\n        aria-expanded={isPopoverOpen}\n        aria-haspopup=\"dialog\"\n        // Disabled while a profile switch (new-conversation create / activate) is\n        // in flight, so re-opening the menu can't fire a second create. The menu\n        // closes on select, so this is the only double-submit path.\n        disabled={isSwitching}\n        aria-busy={isSwitching}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          setIsPopoverOpen((open) => !open);\n        }}\n      >\n        <span className=\"truncate\">{truncateLabel(label)}</span>\n        <ComboboxCaretInline isOpen={isPopoverOpen} />\n      </button>\n\n      {isPopoverOpen && (\n        <ContextMenu\n          ref={popoverRef}\n          testId=\"chat-input-agent-profile-popover\"\n          position=\"top\"\n          alignment=\"left\"\n          spacing=\"none\"\n          className=\"z-[60] mb-2 min-w-[200px] max-w-[320px] max-h-[60vh] overflow-y-auto\"\n        >\n          <ChatInputProfileMenuContent\n            onClose={() => setIsPopoverOpen(false)}\n          />\n        </ContextMenu>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/chat/components/resolve-picker-kind.cjs

@@ -1,2 +1,2 @@
-require(`../../../../_virtual/_rolldown/runtime.cjs`);function e({hasConversation:e,isCloud:t,isAcp:n,profilesAvailable:r}){return e?n?`model`:`llm-profile`:r?`agent-profile`:t?`model`:`llm-profile`}exports.resolvePickerKind=e;
+require(`../../../../_virtual/_rolldown/runtime.cjs`);function e({isLoadingHistory:e,hasUserEvents:t,hasPendingUserMessages:n,hasSubstantiveAgentActions:r,hasModelEntries:i}){return e||t||n||r||i}function t({hasConversation:e,hasStartedConversation:t=e,isCloud:n,isAcp:r,profilesAvailable:i}){return!e||!t?i?`agent-profile`:n?`model`:`llm-profile`:r?`model`:`llm-profile`}exports.hasConversationStarted=e,exports.resolvePickerKind=t;
 //# sourceMappingURL=resolve-picker-kind.cjs.map

package/dist/components/features/chat/components/resolve-picker-kind.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-picker-kind.cjs","names":[],"sources":["../../../../../src/components/features/chat/components/resolve-picker-kind.ts"],"sourcesContent":["export type PickerKind = \"model\" | \"agent-profile\" | \"llm-profile\";\n\nexport interface ResolvePickerKindInput {\n  /** A conversation is active (i.e. we're inside a conversation, not on home). */\n  hasConversation: boolean;\n  /** The active backend is cloud (vs. a local agent-server). */\n  isCloud: boolean;\n  /** The current context runs an ACP agent (active conv or home ACP settings). */\n  isAcp: boolean;\n  /** At least one AgentProfile exists to launch the next conversation from. */\n  profilesAvailable: boolean;\n}\n\n/**\n * Decide which chat-input model/profile picker to show. Pure so the matrix is\n * unit-tested directly (see `resolve-picker-kind.test.ts`).\n *\n *  - Home (local or cloud): the AgentProfile picker, which starts a new\n *    conversation / activates the default (#3727, cloud via #15060). When no\n *    profiles exist yet, fall back — cloud → model, local → LLM-profile (cloud\n *    has no home LLM-profile activate path).\n *  - In an ACP conversation (local or cloud): the model picker — ACP owns its\n *    LLM via the subprocess/session, so the picker just live-switches the\n *    session model (set_session_model / cloud's switch_acp_model proxy).\n *  - In an OpenHands conversation (local or cloud): the LLM-profile picker,\n *    which live-switches the running conversation's LLM profile via\n *    /switch_profile — a real endpoint on both backends (cloud proxies\n *    POST /api/v1/app-conversations/{id}/switch_profile, unchanged since\n *    OpenHands#14288). There is no cloud-specific restriction here.\n */\nexport function resolvePickerKind({\n  hasConversation,\n  isCloud,\n  isAcp,\n  profilesAvailable,\n}: ResolvePickerKindInput): PickerKind {\n  if (!hasConversation) {\n    if (profilesAvailable) return \"agent-profile\";\n    return isCloud ? \"model\" : \"llm-profile\";\n  }\n  return isAcp ? \"model\" : \"llm-profile\";\n}\n"],"mappings":"sDA8BA,SAAgB,EAAkB,CAChC,kBACA,UACA,QACA,qBACqC,CAKrC,OAJK,EAIE,EAAQ,QAAU,cAHnB,EAA0B,gBACvB,EAAU,QAAU"}
+{"version":3,"file":"resolve-picker-kind.cjs","names":[],"sources":["../../../../../src/components/features/chat/components/resolve-picker-kind.ts"],"sourcesContent":["export type PickerKind = \"model\" | \"agent-profile\" | \"llm-profile\";\n\nexport interface ConversationStartState {\n  isLoadingHistory: boolean;\n  hasUserEvents: boolean;\n  hasPendingUserMessages: boolean;\n  hasSubstantiveAgentActions: boolean;\n  hasModelEntries: boolean;\n}\n\nexport function hasConversationStarted({\n  isLoadingHistory,\n  hasUserEvents,\n  hasPendingUserMessages,\n  hasSubstantiveAgentActions,\n  hasModelEntries,\n}: ConversationStartState) {\n  return (\n    isLoadingHistory ||\n    hasUserEvents ||\n    hasPendingUserMessages ||\n    hasSubstantiveAgentActions ||\n    hasModelEntries\n  );\n}\n\nexport interface ResolvePickerKindInput {\n  hasConversation: boolean;\n  hasStartedConversation?: boolean;\n  isCloud: boolean;\n  isAcp: boolean;\n  profilesAvailable: boolean;\n}\nexport function resolvePickerKind({\n  hasConversation,\n  hasStartedConversation = hasConversation,\n  isCloud,\n  isAcp,\n  profilesAvailable,\n}: ResolvePickerKindInput): PickerKind {\n  if (!hasConversation || !hasStartedConversation) {\n    if (profilesAvailable) return \"agent-profile\";\n    return isCloud ? \"model\" : \"llm-profile\";\n  }\n  return isAcp ? \"model\" : \"llm-profile\";\n}\n"],"mappings":"sDAUA,SAAgB,EAAuB,CACrC,mBACA,gBACA,yBACA,6BACA,mBACyB,CACzB,OACE,GACA,GACA,GACA,GACA,EAWJ,SAAgB,EAAkB,CAChC,kBACA,yBAAyB,EACzB,UACA,QACA,qBACqC,CAKrC,MAJI,CAAC,GAAmB,CAAC,EACnB,EAA0B,gBACvB,EAAU,QAAU,cAEtB,EAAQ,QAAU"}

package/dist/components/features/chat/components/resolve-picker-kind.d.ts

@@ -1,29 +1,17 @@
 export type PickerKind = "model" | "agent-profile" | "llm-profile";
+export interface ConversationStartState {
+    isLoadingHistory: boolean;
+    hasUserEvents: boolean;
+    hasPendingUserMessages: boolean;
+    hasSubstantiveAgentActions: boolean;
+    hasModelEntries: boolean;
+}
+export declare function hasConversationStarted({ isLoadingHistory, hasUserEvents, hasPendingUserMessages, hasSubstantiveAgentActions, hasModelEntries, }: ConversationStartState): boolean;
 export interface ResolvePickerKindInput {
-    /** A conversation is active (i.e. we're inside a conversation, not on home). */
     hasConversation: boolean;
-    /** The active backend is cloud (vs. a local agent-server). */
+    hasStartedConversation?: boolean;
     isCloud: boolean;
-    /** The current context runs an ACP agent (active conv or home ACP settings). */
     isAcp: boolean;
-    /** At least one AgentProfile exists to launch the next conversation from. */
     profilesAvailable: boolean;
 }
-/**
- * Decide which chat-input model/profile picker to show. Pure so the matrix is
- * unit-tested directly (see `resolve-picker-kind.test.ts`).
- *
- *  - Home (local or cloud): the AgentProfile picker, which starts a new
- *    conversation / activates the default (#3727, cloud via #15060). When no
- *    profiles exist yet, fall back — cloud → model, local → LLM-profile (cloud
- *    has no home LLM-profile activate path).
- *  - In an ACP conversation (local or cloud): the model picker — ACP owns its
- *    LLM via the subprocess/session, so the picker just live-switches the
- *    session model (set_session_model / cloud's switch_acp_model proxy).
- *  - In an OpenHands conversation (local or cloud): the LLM-profile picker,
- *    which live-switches the running conversation's LLM profile via
- *    /switch_profile — a real endpoint on both backends (cloud proxies
- *    POST /api/v1/app-conversations/{id}/switch_profile, unchanged since
- *    OpenHands#14288). There is no cloud-specific restriction here.
- */
-export declare function resolvePickerKind({ hasConversation, isCloud, isAcp, profilesAvailable, }: ResolvePickerKindInput): PickerKind;
+export declare function resolvePickerKind({ hasConversation, hasStartedConversation, isCloud, isAcp, profilesAvailable, }: ResolvePickerKindInput): PickerKind;

package/dist/components/features/chat/components/resolve-picker-kind.js

@@ -1,8 +1,11 @@
 //#region src/components/features/chat/components/resolve-picker-kind.ts
-function e({ hasConversation: e, isCloud: t, isAcp: n, profilesAvailable: r }) {
-	return e ? n ? "model" : "llm-profile" : r ? "agent-profile" : t ? "model" : "llm-profile";
+function e({ isLoadingHistory: e, hasUserEvents: t, hasPendingUserMessages: n, hasSubstantiveAgentActions: r, hasModelEntries: i }) {
+	return e || t || n || r || i;
+}
+function t({ hasConversation: e, hasStartedConversation: t = e, isCloud: n, isAcp: r, profilesAvailable: i }) {
+	return !e || !t ? i ? "agent-profile" : n ? "model" : "llm-profile" : r ? "model" : "llm-profile";
 }
 //#endregion
-export { e as resolvePickerKind };
+export { e as hasConversationStarted, t as resolvePickerKind };
 
 //# sourceMappingURL=resolve-picker-kind.js.map

package/dist/components/features/chat/components/resolve-picker-kind.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-picker-kind.js","names":[],"sources":["../../../../../src/components/features/chat/components/resolve-picker-kind.ts"],"sourcesContent":["export type PickerKind = \"model\" | \"agent-profile\" | \"llm-profile\";\n\nexport interface ResolvePickerKindInput {\n  /** A conversation is active (i.e. we're inside a conversation, not on home). */\n  hasConversation: boolean;\n  /** The active backend is cloud (vs. a local agent-server). */\n  isCloud: boolean;\n  /** The current context runs an ACP agent (active conv or home ACP settings). */\n  isAcp: boolean;\n  /** At least one AgentProfile exists to launch the next conversation from. */\n  profilesAvailable: boolean;\n}\n\n/**\n * Decide which chat-input model/profile picker to show. Pure so the matrix is\n * unit-tested directly (see `resolve-picker-kind.test.ts`).\n *\n *  - Home (local or cloud): the AgentProfile picker, which starts a new\n *    conversation / activates the default (#3727, cloud via #15060). When no\n *    profiles exist yet, fall back — cloud → model, local → LLM-profile (cloud\n *    has no home LLM-profile activate path).\n *  - In an ACP conversation (local or cloud): the model picker — ACP owns its\n *    LLM via the subprocess/session, so the picker just live-switches the\n *    session model (set_session_model / cloud's switch_acp_model proxy).\n *  - In an OpenHands conversation (local or cloud): the LLM-profile picker,\n *    which live-switches the running conversation's LLM profile via\n *    /switch_profile — a real endpoint on both backends (cloud proxies\n *    POST /api/v1/app-conversations/{id}/switch_profile, unchanged since\n *    OpenHands#14288). There is no cloud-specific restriction here.\n */\nexport function resolvePickerKind({\n  hasConversation,\n  isCloud,\n  isAcp,\n  profilesAvailable,\n}: ResolvePickerKindInput): PickerKind {\n  if (!hasConversation) {\n    if (profilesAvailable) return \"agent-profile\";\n    return isCloud ? \"model\" : \"llm-profile\";\n  }\n  return isAcp ? \"model\" : \"llm-profile\";\n}\n"],"mappings":";AA8BA,SAAgB,EAAkB,EAChC,oBACA,YACA,UACA,wBACqC;AAKrC,QAJK,IAIE,IAAQ,UAAU,gBAHnB,IAA0B,kBACvB,IAAU,UAAU"}
+{"version":3,"file":"resolve-picker-kind.js","names":[],"sources":["../../../../../src/components/features/chat/components/resolve-picker-kind.ts"],"sourcesContent":["export type PickerKind = \"model\" | \"agent-profile\" | \"llm-profile\";\n\nexport interface ConversationStartState {\n  isLoadingHistory: boolean;\n  hasUserEvents: boolean;\n  hasPendingUserMessages: boolean;\n  hasSubstantiveAgentActions: boolean;\n  hasModelEntries: boolean;\n}\n\nexport function hasConversationStarted({\n  isLoadingHistory,\n  hasUserEvents,\n  hasPendingUserMessages,\n  hasSubstantiveAgentActions,\n  hasModelEntries,\n}: ConversationStartState) {\n  return (\n    isLoadingHistory ||\n    hasUserEvents ||\n    hasPendingUserMessages ||\n    hasSubstantiveAgentActions ||\n    hasModelEntries\n  );\n}\n\nexport interface ResolvePickerKindInput {\n  hasConversation: boolean;\n  hasStartedConversation?: boolean;\n  isCloud: boolean;\n  isAcp: boolean;\n  profilesAvailable: boolean;\n}\nexport function resolvePickerKind({\n  hasConversation,\n  hasStartedConversation = hasConversation,\n  isCloud,\n  isAcp,\n  profilesAvailable,\n}: ResolvePickerKindInput): PickerKind {\n  if (!hasConversation || !hasStartedConversation) {\n    if (profilesAvailable) return \"agent-profile\";\n    return isCloud ? \"model\" : \"llm-profile\";\n  }\n  return isAcp ? \"model\" : \"llm-profile\";\n}\n"],"mappings":";AAUA,SAAgB,EAAuB,EACrC,qBACA,kBACA,2BACA,+BACA,sBACyB;AACzB,QACE,KACA,KACA,KACA,KACA;;AAWJ,SAAgB,EAAkB,EAChC,oBACA,4BAAyB,GACzB,YACA,UACA,wBACqC;AAKrC,QAJI,CAAC,KAAmB,CAAC,IACnB,IAA0B,kBACvB,IAAU,UAAU,gBAEtB,IAAQ,UAAU"}

package/dist/components/features/chat/custom-chat-input.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../utils/utils.cjs`),n=require(`../../../stores/conversation-store.cjs`),r=require(`../../../hooks/chat/use-chat-input-logic.cjs`),i=require(`../../../hooks/chat/use-file-handling.cjs`),a=require(`../../../hooks/chat/use-grip-resize.cjs`),o=require(`../../../hooks/chat/use-chat-input-events.cjs`),s=require(`../../../hooks/chat/use-chat-submission.cjs`),c=require(`../../../hooks/chat/use-slash-command.cjs`),l=require(`./components/chat-input-grip.cjs`),u=require(`./components/chat-input-container.cjs`),d=require(`./components/hidden-file-input.cjs`);let f=require(`react`);f=e.__toESM(f,1);let p=require(`react/jsx-runtime`);function m({disabled:e=!1,isNewConversationPending:m=!1,showButton:h=!0,onSubmit:g,onFocus:_,onBlur:v,onFilesPaste:ee,className:te=``,buttonClassName:y=``}){let[b,x]=f.default.useState(!1),{submittedMessage:S,clearAllFiles:C,setShouldHideSuggestions:w,setSubmittedMessage:T,images:E,files:D}=n.useConversationStore(),O=e,k=(0,f.useRef)(g);(0,f.useEffect)(()=>{k.current=g},[g]),(0,f.useEffect)(()=>{!S||e||(k.current(S),T(null))},[S,e,T]);let{chatInputRef:A,messageToSend:j,checkIsContentEmpty:M,clearEmptyContentHandler:N,saveDraft:P}=r.useChatInputLogic(),F=f.default.useCallback(()=>{let e=A.current?.innerText??``,t=E.length>0||D.length>0;x(e.trim().length>0||t)},[A,E,D]),{fileInputRef:I,chatContainerRef:L,isDragOver:R,handleFileIconClick:z,handleFileInputChange:B,handleDragOver:V,handleDragLeave:H,handleDrop:ne}=i.useFileHandling(ee),{gripRef:U,isGripVisible:W,isGripDragging:G,handleTopEdgeClick:K,smartResize:q,handleGripMouseDown:J,handleGripTouchStart:Y,increaseHeightForEmptyContent:X,resetManualResize:Z}=a.useGripResize(A,j),{handleSubmit:Q}=s.useChatSubmission(A,I,q,g,Z),$=f.default.useCallback(()=>{Q(),F()},[Q,F]),{handleInput:re,handlePaste:ie,handleKeyDown:ae,handleBlur:oe,handleFocus:se}=o.useChatInputEvents(A,q,X,M,N,_,v),{isMenuOpen:ce,filteredItems:le,selectedIndex:ue,updateSlashMenu:de,selectItem:fe,handleSlashKeyDown:pe,closeMenu:me}=c.useSlashCommand(A);return(0,f.useEffect)(()=>()=>{w(!1),C()},[w,C]),(0,f.useEffect)(()=>{F()},[F,E.length,D.length]),(0,p.jsxs)(`div`,{className:t.cn(`w-full`,te),children:[(0,p.jsx)(d.HiddenFileInput,{fileInputRef:I,onChange:B}),(0,p.jsxs)(`div`,{className:`relative w-full`,children:[(0,p.jsx)(l.ChatInputGrip,{gripRef:U,isGripVisible:W,isGripDragging:G,handleTopEdgeClick:K,handleGripMouseDown:J,handleGripTouchStart:Y}),(0,p.jsx)(u.ChatInputContainer,{chatContainerRef:L,isDragOver:R,disabled:O,canSubmit:b,isNewConversationPending:m,showButton:h,buttonClassName:y,chatInputRef:A,handleFileIconClick:z,handleSubmit:$,onDragOver:V,onDragLeave:H,onDrop:ne,onInput:()=>{re(),de(),P(),F()},onPaste:ie,onKeyDown:e=>{pe(e)||ae(e,O,$)},onFocus:se,onBlur:()=>{oe(),me(),F()},isSlashMenuOpen:ce,slashItems:le,slashSelectedIndex:ue,onSlashSelect:fe})]})]})}exports.CustomChatInput=m;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../utils/utils.cjs`),n=require(`../../../stores/conversation-store.cjs`),r=require(`../../../hooks/chat/use-chat-input-logic.cjs`),i=require(`../../../hooks/chat/use-file-handling.cjs`),a=require(`../../../hooks/chat/use-grip-resize.cjs`),o=require(`../../../hooks/chat/use-chat-input-events.cjs`),s=require(`../../../hooks/chat/use-chat-submission.cjs`),c=require(`../../../hooks/chat/use-slash-command.cjs`),l=require(`./components/chat-input-grip.cjs`),u=require(`./components/chat-input-container.cjs`),d=require(`./components/hidden-file-input.cjs`);let f=require(`react`);f=e.__toESM(f,1);let p=require(`react/jsx-runtime`);function m({disabled:e=!1,isNewConversationPending:m=!1,hasStartedConversation:h,showButton:g=!0,onSubmit:_,onFocus:ee,onBlur:te,onFilesPaste:ne,className:v=``,buttonClassName:y=``}){let[b,x]=f.default.useState(!1),{submittedMessage:S,clearAllFiles:C,setShouldHideSuggestions:w,setSubmittedMessage:T,images:E,files:D}=n.useConversationStore(),O=e,k=(0,f.useRef)(_);(0,f.useEffect)(()=>{k.current=_},[_]),(0,f.useEffect)(()=>{!S||e||(k.current(S),T(null))},[S,e,T]);let{chatInputRef:A,messageToSend:j,checkIsContentEmpty:M,clearEmptyContentHandler:N,saveDraft:P}=r.useChatInputLogic(),F=f.default.useCallback(()=>{let e=A.current?.innerText??``,t=E.length>0||D.length>0;x(e.trim().length>0||t)},[A,E,D]),{fileInputRef:I,chatContainerRef:L,isDragOver:R,handleFileIconClick:z,handleFileInputChange:B,handleDragOver:V,handleDragLeave:re,handleDrop:H}=i.useFileHandling(ne),{gripRef:U,isGripVisible:W,isGripDragging:G,handleTopEdgeClick:K,smartResize:q,handleGripMouseDown:J,handleGripTouchStart:Y,increaseHeightForEmptyContent:X,resetManualResize:ie}=a.useGripResize(A,j),{handleSubmit:Z}=s.useChatSubmission(A,I,q,_,ie),Q=f.default.useCallback(()=>{Z(),F()},[Z,F]),{handleInput:ae,handlePaste:oe,handleKeyDown:se,handleBlur:ce,handleFocus:le}=o.useChatInputEvents(A,q,X,M,N,ee,te),{isMenuOpen:$,filteredItems:ue,selectedIndex:de,updateSlashMenu:fe,selectItem:pe,handleSlashKeyDown:me,closeMenu:he}=c.useSlashCommand(A);return(0,f.useEffect)(()=>()=>{w(!1),C()},[w,C]),(0,f.useEffect)(()=>{F()},[F,E.length,D.length]),(0,p.jsxs)(`div`,{className:t.cn(`w-full`,v),children:[(0,p.jsx)(d.HiddenFileInput,{fileInputRef:I,onChange:B}),(0,p.jsxs)(`div`,{className:`relative w-full`,children:[(0,p.jsx)(l.ChatInputGrip,{gripRef:U,isGripVisible:W,isGripDragging:G,handleTopEdgeClick:K,handleGripMouseDown:J,handleGripTouchStart:Y}),(0,p.jsx)(u.ChatInputContainer,{chatContainerRef:L,isDragOver:R,disabled:O,canSubmit:b,hasStartedConversation:h,isNewConversationPending:m,showButton:g,buttonClassName:y,chatInputRef:A,handleFileIconClick:z,handleSubmit:Q,onDragOver:V,onDragLeave:re,onDrop:H,onInput:()=>{ae(),fe(),P(),F()},onPaste:oe,onKeyDown:e=>{me(e)||se(e,O,Q)},onFocus:le,onBlur:()=>{ce(),he(),F()},isSlashMenuOpen:$,slashItems:ue,slashSelectedIndex:de,onSlashSelect:pe})]})]})}exports.CustomChatInput=m;
 //# sourceMappingURL=custom-chat-input.cjs.map

package/dist/components/features/chat/custom-chat-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"custom-chat-input.cjs","names":[],"sources":["../../../../src/components/features/chat/custom-chat-input.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { useChatInputLogic } from \"#/hooks/chat/use-chat-input-logic\";\nimport { useFileHandling } from \"#/hooks/chat/use-file-handling\";\nimport { useGripResize } from \"#/hooks/chat/use-grip-resize\";\nimport { useChatInputEvents } from \"#/hooks/chat/use-chat-input-events\";\nimport { useChatSubmission } from \"#/hooks/chat/use-chat-submission\";\nimport { useSlashCommand } from \"#/hooks/chat/use-slash-command\";\nimport { ChatInputGrip } from \"./components/chat-input-grip\";\nimport { ChatInputContainer } from \"./components/chat-input-container\";\nimport { HiddenFileInput } from \"./components/hidden-file-input\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { cn } from \"#/utils/utils\";\n\nexport interface CustomChatInputProps {\n  disabled?: boolean;\n  isNewConversationPending?: boolean;\n  showButton?: boolean;\n  onSubmit: (message: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onFilesPaste?: (\n    files: File[],\n    options?: import(\"#/hooks/chat/use-chat-attachment-upload\").ChatAttachmentUploadOptions,\n  ) => void;\n  className?: React.HTMLAttributes<HTMLDivElement>[\"className\"];\n  buttonClassName?: React.HTMLAttributes<HTMLButtonElement>[\"className\"];\n}\n\nexport function CustomChatInput({\n  disabled = false,\n  isNewConversationPending = false,\n  showButton = true,\n  onSubmit,\n  onFocus,\n  onBlur,\n  onFilesPaste,\n  className = \"\",\n  buttonClassName = \"\",\n}: CustomChatInputProps) {\n  const [canSubmit, setCanSubmit] = React.useState(false);\n  const {\n    submittedMessage,\n    clearAllFiles,\n    setShouldHideSuggestions,\n    setSubmittedMessage,\n    images,\n    files,\n  } = useConversationStore();\n\n  // Note: we intentionally do NOT disable the input when the conversation is\n  // in an ERROR/STUCK execution state. Users should be able to send a follow-up\n  // message to recover the conversation; the message will be delivered\n  // immediately via the WebSocket if connected, or queued via REST otherwise.\n  const isDisabled = disabled;\n\n  // Always call the latest `onSubmit` without making the effect re-run when\n  // its identity changes. `onSubmit` (typically `handleSendMessage`) is a\n  // fresh function on every parent render, and the parent re-renders\n  // whenever the pending-message queue updates synchronously inside\n  // `onSubmit` itself. Listing it in the dep array caused the effect to\n  // fire twice — once for the original submit and again from the\n  // mid-submit re-render, before `setSubmittedMessage(null)` was applied —\n  // producing a duplicate \"Sending…\" bubble.\n  const onSubmitRef = useRef(onSubmit);\n  useEffect(() => {\n    onSubmitRef.current = onSubmit;\n  }, [onSubmit]);\n\n  // Listen to submittedMessage state changes\n  useEffect(() => {\n    if (!submittedMessage || disabled) {\n      return;\n    }\n    onSubmitRef.current(submittedMessage);\n    setSubmittedMessage(null);\n  }, [submittedMessage, disabled, setSubmittedMessage]);\n\n  // Custom hooks\n  const {\n    chatInputRef,\n    messageToSend,\n    checkIsContentEmpty,\n    clearEmptyContentHandler,\n    saveDraft,\n  } = useChatInputLogic();\n\n  const syncCanSubmit = React.useCallback(() => {\n    const text = chatInputRef.current?.innerText ?? \"\";\n    const hasAttachments = images.length > 0 || files.length > 0;\n    setCanSubmit(text.trim().length > 0 || hasAttachments);\n  }, [chatInputRef, images, files]);\n\n  const {\n    fileInputRef,\n    chatContainerRef,\n    isDragOver,\n    handleFileIconClick,\n    handleFileInputChange,\n    handleDragOver,\n    handleDragLeave,\n    handleDrop,\n  } = useFileHandling(onFilesPaste);\n\n  const {\n    gripRef,\n    isGripVisible,\n    isGripDragging,\n    handleTopEdgeClick,\n    smartResize,\n    handleGripMouseDown,\n    handleGripTouchStart,\n    increaseHeightForEmptyContent,\n    resetManualResize,\n  } = useGripResize(\n    chatInputRef as React.RefObject<HTMLDivElement | null>,\n    messageToSend,\n  );\n\n  const { handleSubmit } = useChatSubmission(\n    chatInputRef as React.RefObject<HTMLDivElement | null>,\n    fileInputRef as React.RefObject<HTMLInputElement | null>,\n    smartResize,\n    onSubmit,\n    resetManualResize,\n  );\n  const handleSubmitAndSync = React.useCallback(() => {\n    handleSubmit();\n    syncCanSubmit();\n  }, [handleSubmit, syncCanSubmit]);\n\n  const { handleInput, handlePaste, handleKeyDown, handleBlur, handleFocus } =\n    useChatInputEvents(\n      chatInputRef as React.RefObject<HTMLDivElement | null>,\n      smartResize,\n      increaseHeightForEmptyContent,\n      checkIsContentEmpty,\n      clearEmptyContentHandler,\n      onFocus,\n      onBlur,\n    );\n\n  const {\n    isMenuOpen: isSlashMenuOpen,\n    filteredItems: slashItems,\n    selectedIndex: slashSelectedIndex,\n    updateSlashMenu,\n    selectItem: selectSlashItem,\n    handleSlashKeyDown,\n    closeMenu: closeSlashMenu,\n  } = useSlashCommand(chatInputRef as React.RefObject<HTMLDivElement | null>);\n\n  // Cleanup: reset suggestions visibility when component unmounts\n  useEffect(\n    () => () => {\n      setShouldHideSuggestions(false);\n      clearAllFiles();\n    },\n    [setShouldHideSuggestions, clearAllFiles],\n  );\n  useEffect(() => {\n    syncCanSubmit();\n  }, [syncCanSubmit, images.length, files.length]);\n  return (\n    <div className={cn(\"w-full\", className)}>\n      {/* Hidden file input */}\n      <HiddenFileInput\n        fileInputRef={fileInputRef}\n        onChange={handleFileInputChange}\n      />\n\n      {/* Container with grip */}\n      <div className=\"relative w-full\">\n        <ChatInputGrip\n          gripRef={gripRef}\n          isGripVisible={isGripVisible}\n          isGripDragging={isGripDragging}\n          handleTopEdgeClick={handleTopEdgeClick}\n          handleGripMouseDown={handleGripMouseDown}\n          handleGripTouchStart={handleGripTouchStart}\n        />\n\n        <ChatInputContainer\n          chatContainerRef={chatContainerRef}\n          isDragOver={isDragOver}\n          disabled={isDisabled}\n          canSubmit={canSubmit}\n          isNewConversationPending={isNewConversationPending}\n          showButton={showButton}\n          buttonClassName={buttonClassName}\n          chatInputRef={chatInputRef}\n          handleFileIconClick={handleFileIconClick}\n          handleSubmit={handleSubmitAndSync}\n          onDragOver={handleDragOver}\n          onDragLeave={handleDragLeave}\n          onDrop={handleDrop}\n          onInput={() => {\n            handleInput();\n            updateSlashMenu();\n            saveDraft();\n            syncCanSubmit();\n          }}\n          onPaste={handlePaste}\n          onKeyDown={(e) => {\n            if (handleSlashKeyDown(e)) return;\n            handleKeyDown(e, isDisabled, handleSubmitAndSync);\n          }}\n          onFocus={handleFocus}\n          onBlur={() => {\n            handleBlur();\n            closeSlashMenu();\n            syncCanSubmit();\n          }}\n          isSlashMenuOpen={isSlashMenuOpen}\n          slashItems={slashItems}\n          slashSelectedIndex={slashSelectedIndex}\n          onSlashSelect={selectSlashItem}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"ksBA4BA,SAAgB,EAAgB,CAC9B,WAAW,GACX,2BAA2B,GAC3B,aAAa,GACb,WACA,UACA,SACA,gBACA,aAAY,GACZ,kBAAkB,IACK,CACvB,GAAM,CAAC,EAAW,GAAgB,EAAA,QAAM,SAAS,GAAM,CACjD,CACJ,mBACA,gBACA,2BACA,sBACA,SACA,SACE,EAAA,sBAAsB,CAMpB,EAAa,EAUb,GAAA,EAAA,EAAA,QAAqB,EAAS,EACpC,EAAA,EAAA,eAAgB,CACd,EAAY,QAAU,GACrB,CAAC,EAAS,CAAC,EAGd,EAAA,EAAA,eAAgB,CACV,CAAC,GAAoB,IAGzB,EAAY,QAAQ,EAAiB,CACrC,EAAoB,KAAK,GACxB,CAAC,EAAkB,EAAU,EAAoB,CAAC,CAGrD,GAAM,CACJ,eACA,gBACA,sBACA,2BACA,aACE,EAAA,mBAAmB,CAEjB,EAAgB,EAAA,QAAM,gBAAkB,CAC5C,IAAM,EAAO,EAAa,SAAS,WAAa,GAC1C,EAAiB,EAAO,OAAS,GAAK,EAAM,OAAS,EAC3D,EAAa,EAAK,MAAM,CAAC,OAAS,GAAK,EAAe,EACrD,CAAC,EAAc,EAAQ,EAAM,CAAC,CAE3B,CACJ,eACA,mBACA,aACA,sBACA,wBACA,iBACA,kBACA,eACE,EAAA,gBAAgB,GAAa,CAE3B,CACJ,UACA,gBACA,iBACA,qBACA,cACA,sBACA,uBACA,gCACA,qBACE,EAAA,cACF,EACA,EACD,CAEK,CAAE,gBAAiB,EAAA,kBACvB,EACA,EACA,EACA,EACA,EACD,CACK,EAAsB,EAAA,QAAM,gBAAkB,CAClD,GAAc,CACd,GAAe,EACd,CAAC,EAAc,EAAc,CAAC,CAE3B,CAAE,eAAa,eAAa,iBAAe,cAAY,gBAC3D,EAAA,mBACE,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CAEG,CACJ,WAAY,GACZ,cAAe,GACf,cAAe,GACf,mBACA,WAAY,GACZ,sBACA,UAAW,IACT,EAAA,gBAAgB,EAAuD,CAa3E,OAVA,EAAA,EAAA,mBACc,CACV,EAAyB,GAAM,CAC/B,GAAe,EAEjB,CAAC,EAA0B,EAAc,CAC1C,EACD,EAAA,EAAA,eAAgB,CACd,GAAe,EACd,CAAC,EAAe,EAAO,OAAQ,EAAM,OAAO,CAAC,EAE9C,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,GAAG,SAAU,GAAU,UAAvC,EAEE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACgB,eACd,SAAU,EACV,CAAA,EAGF,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2BAAf,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACW,UACM,gBACC,iBACI,qBACC,sBACC,uBACtB,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,mBAAD,CACoB,mBACN,aACZ,SAAU,EACC,YACe,2BACd,aACK,kBACH,eACO,sBACrB,aAAc,EACd,WAAY,EACZ,YAAa,EACb,OAAQ,GACR,YAAe,CACb,IAAa,CACb,IAAiB,CACjB,GAAW,CACX,GAAe,EAEjB,QAAS,GACT,UAAY,GAAM,CACZ,GAAmB,EAAE,EACzB,GAAc,EAAG,EAAY,EAAoB,EAEnD,QAAS,GACT,WAAc,CACZ,IAAY,CACZ,IAAgB,CAChB,GAAe,EAEA,mBACL,cACQ,sBACpB,cAAe,GACf,CAAA,CACE,GACF"}
+{"version":3,"file":"custom-chat-input.cjs","names":[],"sources":["../../../../src/components/features/chat/custom-chat-input.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { useChatInputLogic } from \"#/hooks/chat/use-chat-input-logic\";\nimport { useFileHandling } from \"#/hooks/chat/use-file-handling\";\nimport { useGripResize } from \"#/hooks/chat/use-grip-resize\";\nimport { useChatInputEvents } from \"#/hooks/chat/use-chat-input-events\";\nimport { useChatSubmission } from \"#/hooks/chat/use-chat-submission\";\nimport { useSlashCommand } from \"#/hooks/chat/use-slash-command\";\nimport { ChatInputGrip } from \"./components/chat-input-grip\";\nimport { ChatInputContainer } from \"./components/chat-input-container\";\nimport { HiddenFileInput } from \"./components/hidden-file-input\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { cn } from \"#/utils/utils\";\n\nexport interface CustomChatInputProps {\n  disabled?: boolean;\n  isNewConversationPending?: boolean;\n  hasStartedConversation?: boolean;\n  showButton?: boolean;\n  onSubmit: (message: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onFilesPaste?: (\n    files: File[],\n    options?: import(\"#/hooks/chat/use-chat-attachment-upload\").ChatAttachmentUploadOptions,\n  ) => void;\n  className?: React.HTMLAttributes<HTMLDivElement>[\"className\"];\n  buttonClassName?: React.HTMLAttributes<HTMLButtonElement>[\"className\"];\n}\n\nexport function CustomChatInput({\n  disabled = false,\n  isNewConversationPending = false,\n  hasStartedConversation,\n  showButton = true,\n  onSubmit,\n  onFocus,\n  onBlur,\n  onFilesPaste,\n  className = \"\",\n  buttonClassName = \"\",\n}: CustomChatInputProps) {\n  const [canSubmit, setCanSubmit] = React.useState(false);\n  const {\n    submittedMessage,\n    clearAllFiles,\n    setShouldHideSuggestions,\n    setSubmittedMessage,\n    images,\n    files,\n  } = useConversationStore();\n\n  // Note: we intentionally do NOT disable the input when the conversation is\n  // in an ERROR/STUCK execution state. Users should be able to send a follow-up\n  // message to recover the conversation; the message will be delivered\n  // immediately via the WebSocket if connected, or queued via REST otherwise.\n  const isDisabled = disabled;\n\n  // Always call the latest `onSubmit` without making the effect re-run when\n  // its identity changes. `onSubmit` (typically `handleSendMessage`) is a\n  // fresh function on every parent render, and the parent re-renders\n  // whenever the pending-message queue updates synchronously inside\n  // `onSubmit` itself. Listing it in the dep array caused the effect to\n  // fire twice — once for the original submit and again from the\n  // mid-submit re-render, before `setSubmittedMessage(null)` was applied —\n  // producing a duplicate \"Sending…\" bubble.\n  const onSubmitRef = useRef(onSubmit);\n  useEffect(() => {\n    onSubmitRef.current = onSubmit;\n  }, [onSubmit]);\n\n  // Listen to submittedMessage state changes\n  useEffect(() => {\n    if (!submittedMessage || disabled) {\n      return;\n    }\n    onSubmitRef.current(submittedMessage);\n    setSubmittedMessage(null);\n  }, [submittedMessage, disabled, setSubmittedMessage]);\n\n  // Custom hooks\n  const {\n    chatInputRef,\n    messageToSend,\n    checkIsContentEmpty,\n    clearEmptyContentHandler,\n    saveDraft,\n  } = useChatInputLogic();\n\n  const syncCanSubmit = React.useCallback(() => {\n    const text = chatInputRef.current?.innerText ?? \"\";\n    const hasAttachments = images.length > 0 || files.length > 0;\n    setCanSubmit(text.trim().length > 0 || hasAttachments);\n  }, [chatInputRef, images, files]);\n\n  const {\n    fileInputRef,\n    chatContainerRef,\n    isDragOver,\n    handleFileIconClick,\n    handleFileInputChange,\n    handleDragOver,\n    handleDragLeave,\n    handleDrop,\n  } = useFileHandling(onFilesPaste);\n\n  const {\n    gripRef,\n    isGripVisible,\n    isGripDragging,\n    handleTopEdgeClick,\n    smartResize,\n    handleGripMouseDown,\n    handleGripTouchStart,\n    increaseHeightForEmptyContent,\n    resetManualResize,\n  } = useGripResize(\n    chatInputRef as React.RefObject<HTMLDivElement | null>,\n    messageToSend,\n  );\n\n  const { handleSubmit } = useChatSubmission(\n    chatInputRef as React.RefObject<HTMLDivElement | null>,\n    fileInputRef as React.RefObject<HTMLInputElement | null>,\n    smartResize,\n    onSubmit,\n    resetManualResize,\n  );\n  const handleSubmitAndSync = React.useCallback(() => {\n    handleSubmit();\n    syncCanSubmit();\n  }, [handleSubmit, syncCanSubmit]);\n\n  const { handleInput, handlePaste, handleKeyDown, handleBlur, handleFocus } =\n    useChatInputEvents(\n      chatInputRef as React.RefObject<HTMLDivElement | null>,\n      smartResize,\n      increaseHeightForEmptyContent,\n      checkIsContentEmpty,\n      clearEmptyContentHandler,\n      onFocus,\n      onBlur,\n    );\n\n  const {\n    isMenuOpen: isSlashMenuOpen,\n    filteredItems: slashItems,\n    selectedIndex: slashSelectedIndex,\n    updateSlashMenu,\n    selectItem: selectSlashItem,\n    handleSlashKeyDown,\n    closeMenu: closeSlashMenu,\n  } = useSlashCommand(chatInputRef as React.RefObject<HTMLDivElement | null>);\n\n  // Cleanup: reset suggestions visibility when component unmounts\n  useEffect(\n    () => () => {\n      setShouldHideSuggestions(false);\n      clearAllFiles();\n    },\n    [setShouldHideSuggestions, clearAllFiles],\n  );\n  useEffect(() => {\n    syncCanSubmit();\n  }, [syncCanSubmit, images.length, files.length]);\n  return (\n    <div className={cn(\"w-full\", className)}>\n      {/* Hidden file input */}\n      <HiddenFileInput\n        fileInputRef={fileInputRef}\n        onChange={handleFileInputChange}\n      />\n\n      {/* Container with grip */}\n      <div className=\"relative w-full\">\n        <ChatInputGrip\n          gripRef={gripRef}\n          isGripVisible={isGripVisible}\n          isGripDragging={isGripDragging}\n          handleTopEdgeClick={handleTopEdgeClick}\n          handleGripMouseDown={handleGripMouseDown}\n          handleGripTouchStart={handleGripTouchStart}\n        />\n\n        <ChatInputContainer\n          chatContainerRef={chatContainerRef}\n          isDragOver={isDragOver}\n          disabled={isDisabled}\n          canSubmit={canSubmit}\n          hasStartedConversation={hasStartedConversation}\n          isNewConversationPending={isNewConversationPending}\n          showButton={showButton}\n          buttonClassName={buttonClassName}\n          chatInputRef={chatInputRef}\n          handleFileIconClick={handleFileIconClick}\n          handleSubmit={handleSubmitAndSync}\n          onDragOver={handleDragOver}\n          onDragLeave={handleDragLeave}\n          onDrop={handleDrop}\n          onInput={() => {\n            handleInput();\n            updateSlashMenu();\n            saveDraft();\n            syncCanSubmit();\n          }}\n          onPaste={handlePaste}\n          onKeyDown={(e) => {\n            if (handleSlashKeyDown(e)) return;\n            handleKeyDown(e, isDisabled, handleSubmitAndSync);\n          }}\n          onFocus={handleFocus}\n          onBlur={() => {\n            handleBlur();\n            closeSlashMenu();\n            syncCanSubmit();\n          }}\n          isSlashMenuOpen={isSlashMenuOpen}\n          slashItems={slashItems}\n          slashSelectedIndex={slashSelectedIndex}\n          onSlashSelect={selectSlashItem}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"ksBA6BA,SAAgB,EAAgB,CAC9B,WAAW,GACX,2BAA2B,GAC3B,yBACA,aAAa,GACb,WACA,WACA,UACA,gBACA,YAAY,GACZ,kBAAkB,IACK,CACvB,GAAM,CAAC,EAAW,GAAgB,EAAA,QAAM,SAAS,GAAM,CACjD,CACJ,mBACA,gBACA,2BACA,sBACA,SACA,SACE,EAAA,sBAAsB,CAMpB,EAAa,EAUb,GAAA,EAAA,EAAA,QAAqB,EAAS,EACpC,EAAA,EAAA,eAAgB,CACd,EAAY,QAAU,GACrB,CAAC,EAAS,CAAC,EAGd,EAAA,EAAA,eAAgB,CACV,CAAC,GAAoB,IAGzB,EAAY,QAAQ,EAAiB,CACrC,EAAoB,KAAK,GACxB,CAAC,EAAkB,EAAU,EAAoB,CAAC,CAGrD,GAAM,CACJ,eACA,gBACA,sBACA,2BACA,aACE,EAAA,mBAAmB,CAEjB,EAAgB,EAAA,QAAM,gBAAkB,CAC5C,IAAM,EAAO,EAAa,SAAS,WAAa,GAC1C,EAAiB,EAAO,OAAS,GAAK,EAAM,OAAS,EAC3D,EAAa,EAAK,MAAM,CAAC,OAAS,GAAK,EAAe,EACrD,CAAC,EAAc,EAAQ,EAAM,CAAC,CAE3B,CACJ,eACA,mBACA,aACA,sBACA,wBACA,iBACA,mBACA,cACE,EAAA,gBAAgB,GAAa,CAE3B,CACJ,UACA,gBACA,iBACA,qBACA,cACA,sBACA,uBACA,gCACA,sBACE,EAAA,cACF,EACA,EACD,CAEK,CAAE,gBAAiB,EAAA,kBACvB,EACA,EACA,EACA,EACA,GACD,CACK,EAAsB,EAAA,QAAM,gBAAkB,CAClD,GAAc,CACd,GAAe,EACd,CAAC,EAAc,EAAc,CAAC,CAE3B,CAAE,eAAa,eAAa,iBAAe,cAAY,gBAC3D,EAAA,mBACE,EACA,EACA,EACA,EACA,EACA,GACA,GACD,CAEG,CACJ,WAAY,EACZ,cAAe,GACf,cAAe,GACf,mBACA,WAAY,GACZ,sBACA,UAAW,IACT,EAAA,gBAAgB,EAAuD,CAa3E,OAVA,EAAA,EAAA,mBACc,CACV,EAAyB,GAAM,CAC/B,GAAe,EAEjB,CAAC,EAA0B,EAAc,CAC1C,EACD,EAAA,EAAA,eAAgB,CACd,GAAe,EACd,CAAC,EAAe,EAAO,OAAQ,EAAM,OAAO,CAAC,EAE9C,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,GAAG,SAAU,EAAU,UAAvC,EAEE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACgB,eACd,SAAU,EACV,CAAA,EAGF,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2BAAf,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACW,UACM,gBACC,iBACI,qBACC,sBACC,uBACtB,CAAA,EAEF,EAAA,EAAA,KAAC,EAAA,mBAAD,CACoB,mBACN,aACZ,SAAU,EACC,YACa,yBACE,2BACd,aACK,kBACH,eACO,sBACrB,aAAc,EACd,WAAY,EACZ,YAAa,GACb,OAAQ,EACR,YAAe,CACb,IAAa,CACb,IAAiB,CACjB,GAAW,CACX,GAAe,EAEjB,QAAS,GACT,UAAY,GAAM,CACZ,GAAmB,EAAE,EACzB,GAAc,EAAG,EAAY,EAAoB,EAEnD,QAAS,GACT,WAAc,CACZ,IAAY,CACZ,IAAgB,CAChB,GAAe,EAEA,kBACL,cACQ,sBACpB,cAAe,GACf,CAAA,CACE,GACF"}

package/dist/components/features/chat/custom-chat-input.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 export interface CustomChatInputProps {
     disabled?: boolean;
     isNewConversationPending?: boolean;
+    hasStartedConversation?: boolean;
     showButton?: boolean;
     onSubmit: (message: string) => void;
     onFocus?: () => void;
@@ -10,4 +11,4 @@ export interface CustomChatInputProps {
     className?: React.HTMLAttributes<HTMLDivElement>["className"];
     buttonClassName?: React.HTMLAttributes<HTMLButtonElement>["className"];
 }
-export declare function CustomChatInput({ disabled, isNewConversationPending, showButton, onSubmit, onFocus, onBlur, onFilesPaste, className, buttonClassName, }: CustomChatInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomChatInput({ disabled, isNewConversationPending, hasStartedConversation, showButton, onSubmit, onFocus, onBlur, onFilesPaste, className, buttonClassName, }: CustomChatInputProps): import("react/jsx-runtime").JSX.Element;