npm - @openhands/agent-canvas - Versions diffs - 1.11.0 → 1.13.0 - Mend

@openhands/agent-canvas 1.11.0 → 1.13.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 (766) hide show

package/dist/components/features/markdown/markdown-table-scroll.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"markdown-table-scroll.js","names":[],"sources":["../../../../src/components/features/markdown/markdown-table-scroll.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\nconst SCROLL_EDGE_THRESHOLD_PX = 1;\nconst FADE_WIDTH_CLASS = \"w-10\";\n\ninterface MarkdownTableScrollProps {\n children: React.ReactNode;\n}\n\ninterface ScrollFadeState {\n left: boolean;\n right: boolean;\n}\n\nexport function readScrollFadeState(element: HTMLDivElement): ScrollFadeState {\n const { scrollLeft, scrollWidth, clientWidth } = element;\n const maxScroll = scrollWidth - clientWidth;\n const hasOverflow = maxScroll > SCROLL_EDGE_THRESHOLD_PX;\n\n return {\n left: hasOverflow && scrollLeft > SCROLL_EDGE_THRESHOLD_PX,\n right: hasOverflow && scrollLeft < maxScroll - SCROLL_EDGE_THRESHOLD_PX,\n };\n}\n\nexport function MarkdownTableScroll({ children }: MarkdownTableScrollProps) {\n const scrollRef = React.useRef<HTMLDivElement>(null);\n const [fadeState, setFadeState] = React.useState<ScrollFadeState>({\n left: false,\n right: false,\n });\n\n const updateFadeState = React.useCallback(() => {\n const element = scrollRef.current;\n if (!element) {\n return;\n }\n setFadeState(readScrollFadeState(element));\n }, []);\n\n React.useLayoutEffect(() => {\n updateFadeState();\n\n const element = scrollRef.current;\n if (!element) {\n return undefined;\n }\n\n const resizeObserver = new ResizeObserver(updateFadeState);\n resizeObserver.observe(element);\n\n const table = element.firstElementChild;\n if (table) {\n resizeObserver.observe(table);\n }\n\n return () => resizeObserver.disconnect();\n }, [updateFadeState, children]);\n\n return (\n <div className=\"relative max-w-full\">\n <div\n ref={scrollRef}\n data-testid=\"markdown-table-scroll\"\n onScroll={updateFadeState}\n className=\"max-w-full overflow-x-auto custom-scrollbar-always\"\n >\n {children}\n </div>\n <div\n aria-hidden\n data-testid=\"markdown-table-scroll-fade-left\"\n data-visible={fadeState.left ? \"true\" : \"false\"}\n className={cn(\n \"pointer-events-none absolute inset-y-0 left-0 z-10\",\n FADE_WIDTH_CLASS,\n \"bg-gradient-to-r from-base to-transparent\",\n \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n fadeState.left ? \"opacity-100\" : \"opacity-0\",\n )}\n />\n <div\n aria-hidden\n data-testid=\"markdown-table-scroll-fade-right\"\n data-visible={fadeState.right ? \"true\" : \"false\"}\n className={cn(\n \"pointer-events-none absolute inset-y-0 right-0 z-10\",\n FADE_WIDTH_CLASS,\n \"bg-gradient-to-l from-base to-transparent\",\n \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n fadeState.right ? \"opacity-100\" : \"opacity-0\",\n )}\n />\n </div>\n );\n}\n"],"mappings":";;;;AAGA,IAAM,IAA2B,GAC3B,IAAmB;AAWzB,SAAgB,EAAoB,GAA0C;CAC5E,IAAM,EAAE,eAAY,gBAAa,mBAAgB,GAC3C,IAAY,IAAc,GAC1B,IAAc,IAAY;CAEhC,OAAO;EACL,MAAM,KAAe,IAAa;EAClC,OAAO,KAAe,IAAa,IAAY;CACjD;AACF;AAEA,SAAgB,EAAoB,EAAE,eAAsC;CAC1E,IAAM,IAAY,EAAM,OAAuB,IAAI,GAC7C,CAAC,GAAW,KAAgB,EAAM,SAA0B;EAChE,MAAM;EACN,OAAO;CACT,CAAC,GAEK,IAAkB,EAAM,kBAAkB;EAC9C,IAAM,IAAU,EAAU;EACrB,KAGL,EAAa,EAAoB,CAAO,CAAC;CAC3C,GAAG,CAAC,CAAC;CAqBL,OAnBA,EAAM,sBAAsB;EAC1B,EAAgB;EAEhB,IAAM,IAAU,EAAU;EAC1B,IAAI,CAAC,GACH;EAGF,IAAM,IAAiB,IAAI,eAAe,CAAe;EACzD,EAAe,QAAQ,CAAO;EAE9B,IAAM,IAAQ,EAAQ;EAKtB,OAJI,KACF,EAAe,QAAQ,CAAK,SAGjB,EAAe,WAAW;CACzC,GAAG,CAAC,GAAiB,CAAQ,CAAC,GAG5B,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IACE,KAAK;IACL,eAAY;IACZ,UAAU;IACV,WAAU;IAET;GACE,CAAA;~~GACL~~,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,OAAO,SAAS;IACxC,WAAW,EACT,sDACA,GACA,~~6CACA~~,0EACA,EAAU,OAAO,gBAAgB,WACnC;GACD,CAAA;GACD,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,QAAQ,SAAS;IACzC,WAAW,EACT,uDACA,GACA,~~6CACA~~,0EACA,EAAU,QAAQ,gBAAgB,WACpC;GACD,CAAA;EACE;;AAET"}
1	+ {"version":3,"file":"markdown-table-scroll.js","names":[],"sources":["../../../../src/components/features/markdown/markdown-table-scroll.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\nconst SCROLL_EDGE_THRESHOLD_PX = 1;\nconst FADE_WIDTH_CLASS = \"w-10\";\n\ninterface MarkdownTableScrollProps {\n children: React.ReactNode;\n}\n\ninterface ScrollFadeState {\n left: boolean;\n right: boolean;\n}\n\nexport function readScrollFadeState(element: HTMLDivElement): ScrollFadeState {\n const { scrollLeft, scrollWidth, clientWidth } = element;\n const maxScroll = scrollWidth - clientWidth;\n const hasOverflow = maxScroll > SCROLL_EDGE_THRESHOLD_PX;\n\n return {\n left: hasOverflow && scrollLeft > SCROLL_EDGE_THRESHOLD_PX,\n right: hasOverflow && scrollLeft < maxScroll - SCROLL_EDGE_THRESHOLD_PX,\n };\n}\n\nexport function MarkdownTableScroll({ children }: MarkdownTableScrollProps) {\n const scrollRef = React.useRef<HTMLDivElement>(null);\n const [fadeState, setFadeState] = React.useState<ScrollFadeState>({\n left: false,\n right: false,\n });\n\n const updateFadeState = React.useCallback(() => {\n const element = scrollRef.current;\n if (!element) {\n return;\n }\n setFadeState(readScrollFadeState(element));\n }, []);\n\n React.useLayoutEffect(() => {\n updateFadeState();\n\n const element = scrollRef.current;\n if (!element) {\n return undefined;\n }\n\n const resizeObserver = new ResizeObserver(updateFadeState);\n resizeObserver.observe(element);\n\n const table = element.firstElementChild;\n if (table) {\n resizeObserver.observe(table);\n }\n\n return () => resizeObserver.disconnect();\n }, [updateFadeState, children]);\n\n return (\n <div className=\"relative max-w-full\">\n <div\n ref={scrollRef}\n data-testid=\"markdown-table-scroll\"\n onScroll={updateFadeState}\n className=\"max-w-full overflow-x-auto custom-scrollbar-always\"\n >\n {children}\n </div>\n {/* The fades blend into whatever surface the table sits on, which differs\n between the chat stream and cards like the markdown artifact preview.\n Set `--oh-scroll-fade-from` on any ancestor to match another surface.\n The value is inlined at both edges because Tailwind only extracts\n classes from literal strings, not interpolated constants. */}\n <div\n aria-hidden\n data-testid=\"markdown-table-scroll-fade-left\"\n data-visible={fadeState.left ? \"true\" : \"false\"}\n className={cn(\n \"pointer-events-none absolute inset-y-0 left-0 z-10\",\n FADE_WIDTH_CLASS,\n \"bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n fadeState.left ? \"opacity-100\" : \"opacity-0\",\n )}\n />\n <div\n aria-hidden\n data-testid=\"markdown-table-scroll-fade-right\"\n data-visible={fadeState.right ? \"true\" : \"false\"}\n className={cn(\n \"pointer-events-none absolute inset-y-0 right-0 z-10\",\n FADE_WIDTH_CLASS,\n \"bg-gradient-to-l from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n fadeState.right ? \"opacity-100\" : \"opacity-0\",\n )}\n />\n </div>\n );\n}\n"],"mappings":";;;;AAGA,IAAM,IAA2B,GAC3B,IAAmB;AAWzB,SAAgB,EAAoB,GAA0C;CAC5E,IAAM,EAAE,eAAY,gBAAa,mBAAgB,GAC3C,IAAY,IAAc,GAC1B,IAAc,IAAY;CAEhC,OAAO;EACL,MAAM,KAAe,IAAa;EAClC,OAAO,KAAe,IAAa,IAAY;CACjD;AACF;AAEA,SAAgB,EAAoB,EAAE,eAAsC;CAC1E,IAAM,IAAY,EAAM,OAAuB,IAAI,GAC7C,CAAC,GAAW,KAAgB,EAAM,SAA0B;EAChE,MAAM;EACN,OAAO;CACT,CAAC,GAEK,IAAkB,EAAM,kBAAkB;EAC9C,IAAM,IAAU,EAAU;EACrB,KAGL,EAAa,EAAoB,CAAO,CAAC;CAC3C,GAAG,CAAC,CAAC;CAqBL,OAnBA,EAAM,sBAAsB;EAC1B,EAAgB;EAEhB,IAAM,IAAU,EAAU;EAC1B,IAAI,CAAC,GACH;EAGF,IAAM,IAAiB,IAAI,eAAe,CAAe;EACzD,EAAe,QAAQ,CAAO;EAE9B,IAAM,IAAQ,EAAQ;EAKtB,OAJI,KACF,EAAe,QAAQ,CAAK,SAGjB,EAAe,WAAW;CACzC,GAAG,CAAC,GAAiB,CAAQ,CAAC,GAG5B,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IACE,KAAK;IACL,eAAY;IACZ,UAAU;IACV,WAAU;IAET;GACE,CAAA;GAML,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,OAAO,SAAS;IACxC,WAAW,EACT,sDACA,GACA,0FACA,0EACA,EAAU,OAAO,gBAAgB,WACnC;GACD,CAAA;GACD,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,QAAQ,SAAS;IACzC,WAAW,EACT,uDACA,GACA,0FACA,0EACA,EAAU,QAAQ,gBAAgB,WACpC;GACD,CAAA;EACE;;AAET"}

package/dist/components/features/settings/llm-profiles/profile-row.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- require("../../../../_virtual/_rolldown/runtime.cjs"),require("../../../../utils/utils.cjs"),require("../../conversation-panel/ellipsis-button.cjs"),require("./profile-actions-menu.cjs"),require("../../../shared/badge.cjs"),require("../../../../utils/settings-list-classes.cjs"),require("react"),require("react/jsx-runtime");
1	+ require("../../../../_virtual/_rolldown/runtime.cjs"),require("../../../../utils/utils.cjs"),require("../../../../utils/format-model-name.cjs"),require("../../conversation-panel/ellipsis-button.cjs"),require("./profile-actions-menu.cjs"),require("../../../shared/badge.cjs"),require("../../../../utils/settings-list-classes.cjs"),require("react"),require("react/jsx-runtime");

package/dist/components/features/settings/llm-profiles/profile-row.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import "../../../../utils/utils.js";
+import "../../../../utils/format-model-name.js";
 import "../../conversation-panel/ellipsis-button.js";
 import "./profile-actions-menu.js";
 import "../../../shared/badge.js";

package/dist/components/shared/buttons/conversation-confirmation-buttons.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../types/agent-state.cjs"),r=require("../../../types/agent-server/core/base/common.cjs"),i=require("../../../types/agent-server/type-guards.cjs"),a=require("../../../stores/use-event-store.cjs"),o=require("../../../hooks/query/use-active-conversation.cjs"),s=require("../../../hooks/use-agent-state.cjs"),c=require("../action-tooltip.cjs"),l=require("../risk-alert.cjs"),u=require("../../../icons/u-warning.cjs"),d=require("../../../stores/event-message-store.cjs"),f=require("../../../hooks/mutation/use-respond-to-confirmation.cjs");let p=require("react"),m=require("react/jsx-runtime");function h(){let h=d.useEventMessageStore(e=>e.submittedEventIds),g=d.useEventMessageStore(e=>e.addSubmittedEventId),{t:_}=e.useTranslation(`openhands`),{data:v}=o.useActiveConversation(),{curAgentState:y}=s.useAgentState(),{mutate:b}=f.useRespondToConfirmation(),x=a.useEventStore(e=>e.events).slice().reverse().find(e=>e.source===`agent`?y===n.AgentState.AWAITING_USER_CONFIRMATION:!1),S=(0,p.useCallback)(e=>{!x||!v||(g(x.id),b({conversationId:v.id,conversationUrl:v.conversation_url||``,sessionApiKey:v.session_api_key,accept:e}))},[x,v,g,b]);return(0,p.useEffect)(()=>{if(!x)return;let e=e=>{e.shiftKey&&e.metaKey&&e.key===`Backspace`&&(e.preventDefault(),S(!1))},t=e=>{e.metaKey&&e.key===`Enter`&&(e.preventDefault(),S(!0))},n=n=>{e(n),t(n)};return document.addEventListener(`keydown`,n),()=>document.removeEventListener(`keydown`,n)},[x,S]),y!==n.AgentState.AWAITING_USER_CONFIRMATION||!x||h.includes(x.id)?null:(0,m.jsxs)(`div`,{className:`flex flex-col gap-2 pt-4`,children:[(i.isActionEvent(x)?x.security_risk:r.SecurityRisk.UNKNOWN)===r.SecurityRisk.HIGH&&(0,m.jsx)(l.RiskAlert,{content:_(t.I18nKey.CHAT_INTERFACE$HIGH_RISK_WARNING),icon:(0,m.jsx)(u.default,{width:16,height:16,color:`#fff`}),severity:`high`,title:_(t.I18nKey.COMMON$HIGH_RISK)}),(0,m.jsxs)(`div`,{className:`flex justify-between items-center`,children:[(0,m.jsx)(`p`,{className:`text-sm font-normal text-white`,children:_(t.I18nKey.CHAT_INTERFACE$USER_ASK_CONFIRMATION)}),(0,m.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,m.jsx)(c.ActionTooltip,{type:`reject`,onClick:()=>S(!1)}),(0,m.jsx)(c.ActionTooltip,{type:`confirm`,onClick:()=>S(!0)})]})]})]})}exports.ConversationConfirmationButtons=h;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../types/agent-state.cjs"),r=require("../../../types/agent-server/core/base/common.cjs"),i=require("../../../types/agent-server/type-guards.cjs"),a=require("../../../stores/use-event-store.cjs"),o=require("../../../hooks/query/use-active-conversation.cjs"),s=require("../../../hooks/use-agent-state.cjs"),c=require("../action-tooltip.cjs"),l=require("../risk-alert.cjs"),u=require("../../../icons/u-warning.cjs"),d=require("../../../stores/event-message-store.cjs"),f=require("../../../hooks/mutation/use-respond-to-confirmation.cjs");let p=require("react"),m=require("react/jsx-runtime");function h(){let h=d.useEventMessageStore(e=>e.submittedEventIds),g=d.useEventMessageStore(e=>e.addSubmittedEventId),{t:_}=e.useTranslation(`openhands`),{data:v}=o.useActiveConversation(),{curAgentState:y}=s.useAgentState(),{mutate:b}=f.useRespondToConfirmation(),x=a.useEventStore(e=>e.events).slice().reverse().find(e=>e.source===`agent`?y===n.AgentState.AWAITING_USER_CONFIRMATION:!1),S=(0,p.useCallback)(e=>{!x||!v||(x.id&&g(x.id),b({conversationId:v.id,conversationUrl:v.conversation_url||``,sessionApiKey:v.session_api_key,accept:e}))},[x,v,g,b]);return(0,p.useEffect)(()=>{if(!x)return;let e=e=>{e.shiftKey&&e.metaKey&&e.key===`Backspace`&&(e.preventDefault(),S(!1))},t=e=>{e.metaKey&&e.key===`Enter`&&(e.preventDefault(),S(!0))},n=n=>{e(n),t(n)};return document.addEventListener(`keydown`,n),()=>document.removeEventListener(`keydown`,n)},[x,S]),y!==n.AgentState.AWAITING_USER_CONFIRMATION||!x||h.includes(x.id??``)?null:(0,m.jsxs)(`div`,{className:`flex flex-col gap-2 pt-4`,children:[(i.isActionEvent(x)?x.security_risk:r.SecurityRisk.UNKNOWN)===r.SecurityRisk.HIGH&&(0,m.jsx)(l.RiskAlert,{content:_(t.I18nKey.CHAT_INTERFACE$HIGH_RISK_WARNING),icon:(0,m.jsx)(u.default,{width:16,height:16,color:`#fff`}),severity:`high`,title:_(t.I18nKey.COMMON$HIGH_RISK)}),(0,m.jsxs)(`div`,{className:`flex justify-between items-center`,children:[(0,m.jsx)(`p`,{className:`text-sm font-normal text-white`,children:_(t.I18nKey.CHAT_INTERFACE$USER_ASK_CONFIRMATION)}),(0,m.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,m.jsx)(c.ActionTooltip,{type:`reject`,onClick:()=>S(!1)}),(0,m.jsx)(c.ActionTooltip,{type:`confirm`,onClick:()=>S(!0)})]})]})]})}exports.ConversationConfirmationButtons=h;
 //# sourceMappingURL=conversation-confirmation-buttons.cjs.map

package/dist/components/shared/buttons/conversation-confirmation-buttons.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-confirmation-buttons.cjs","names":[],"sources":["../../../../src/components/shared/buttons/conversation-confirmation-buttons.tsx"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ActionTooltip } from \"../action-tooltip\";\nimport { RiskAlert } from \"#/components/shared/risk-alert\";\nimport WarningIcon from \"#/icons/u-warning.svg?react\";\nimport { useEventMessageStore } from \"#/stores/event-message-store\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { isActionEvent } from \"#/types/agent-server/type-guards\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useRespondToConfirmation } from \"#/hooks/mutation/use-respond-to-confirmation\";\nimport { SecurityRisk } from \"#/types/agent-server/core/base/common\";\n\nexport function ConversationConfirmationButtons() {\n const submittedEventIds = useEventMessageStore(\n (state) => state.submittedEventIds,\n );\n const addSubmittedEventId = useEventMessageStore(\n (state) => state.addSubmittedEventId,\n );\n\n const { t } = useTranslation(\"openhands\");\n const { data: conversation } = useActiveConversation();\n const { curAgentState } = useAgentState();\n const { mutate: respondToConfirmation } = useRespondToConfirmation();\n const events = useEventStore((state) => state.events);\n\n const awaitingAction = events\n .slice()\n .reverse()\n .find((ev) => {\n if (ev.source !== \"agent\") return false;\n return curAgentState === AgentState.AWAITING_USER_CONFIRMATION;\n });\n\n const handleConfirmation = useCallback(\n (accept: boolean) => {\n if (!awaitingAction \|\| !conversation) {\n return;\n }\n\n // Mark event as submitted to prevent duplicate submissions\n addSubmittedEventId(awaitingAction.id);\n\n // Call the agent-server API endpoint\n respondToConfirmation({\n conversationId: conversation.id,\n conversationUrl: conversation.conversation_url \|\| \"\",\n sessionApiKey: conversation.session_api_key,\n accept,\n });\n },\n [awaitingAction, conversation, addSubmittedEventId, respondToConfirmation],\n );\n\n // Handle keyboard shortcuts\n useEffect(() => {\n if (!awaitingAction) {\n return undefined;\n }\n\n const handleCancelShortcut = (event: KeyboardEvent) => {\n if (event.shiftKey && event.metaKey && event.key === \"Backspace\") {\n event.preventDefault();\n handleConfirmation(false);\n }\n };\n\n const handleContinueShortcut = (event: KeyboardEvent) => {\n if (event.metaKey && event.key === \"Enter\") {\n event.preventDefault();\n handleConfirmation(true);\n }\n };\n\n const handleKeyDown = (event: KeyboardEvent) => {\n // Cancel: Shift+Cmd+Backspace (⇧⌘⌫)\n handleCancelShortcut(event);\n // Continue: Cmd+Enter (⌘↩)\n handleContinueShortcut(event);\n };\n\n document.addEventListener(\"keydown\", handleKeyDown);\n\n return () => document.removeEventListener(\"keydown\", handleKeyDown);\n }, [awaitingAction, handleConfirmation]);\n\n // Only show if agent is waiting for confirmation and we haven't already submitted\n if (\n curAgentState !== AgentState.AWAITING_USER_CONFIRMATION \|\|\n !awaitingAction \|\|\n submittedEventIds.includes(awaitingAction.id)\n ) {\n return null;\n }\n\n // Get security risk from the action (only ActionEvent has security_risk)\n const risk = isActionEvent(awaitingAction)\n ? awaitingAction.security_risk\n : SecurityRisk.UNKNOWN;\n\n const isHighRisk = risk === SecurityRisk.HIGH;\n\n return (\n <div className=\"flex flex-col gap-2 pt-4\">\n {isHighRisk && (\n <RiskAlert\n content={t(I18nKey.CHAT_INTERFACE$HIGH_RISK_WARNING)}\n icon={<WarningIcon width={16} height={16} color=\"#fff\" />}\n severity=\"high\"\n title={t(I18nKey.COMMON$HIGH_RISK)}\n />\n )}\n <div className=\"flex justify-between items-center\">\n <p className=\"text-sm font-normal text-white\">\n {t(I18nKey.CHAT_INTERFACE$USER_ASK_CONFIRMATION)}\n </p>\n <div className=\"flex items-center gap-3\">\n <ActionTooltip\n type=\"reject\"\n onClick={() => handleConfirmation(false)}\n />\n <ActionTooltip\n type=\"confirm\"\n onClick={() => handleConfirmation(true)}\n />\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"8wBAeA,SAAgB,GAAkC,CAChD,IAAM,EAAoB,EAAA,qBACvB,GAAU,EAAM,iBACnB,EACM,EAAsB,EAAA,qBACzB,GAAU,EAAM,mBACnB,EAEM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,OAAQ,GAA0B,EAAA,yBAAyB,EAG7D,EAFS,EAAA,cAAe,GAAU,EAAM,MAEvB,EACpB,MAAM,EACN,QAAQ,EACR,KAAM,GACD,EAAG,SAAW,QACX,IAAkB,EAAA,WAAW,2BADF,EAEnC,EAEG,GAAA,EAAA,EAAA,aACH,GAAoB,CACf,CAAC,GAAkB,CAAC,~~IAKxB~~,EAAoB,EAAe,EAAE,~~EAGrC~~,EAAsB,CACpB,eAAgB,EAAa,GAC7B,gBAAiB,EAAa,kBAAoB,GAClD,cAAe,EAAa,gBAC5B,QACF,CAAC,EACH,EACA,CAAC,EAAgB,EAAc,EAAqB,CAAqB,CAC3E,EAkDA,OA/CA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EACH,OAGF,IAAM,EAAwB,GAAyB,CACjD,EAAM,UAAY,EAAM,SAAW,EAAM,MAAQ,cACnD,EAAM,eAAe,EACrB,EAAmB,EAAK,EAE5B,EAEM,EAA0B,GAAyB,CACnD,EAAM,SAAW,EAAM,MAAQ,UACjC,EAAM,eAAe,EACrB,EAAmB,EAAI,EAE3B,EAEM,EAAiB,GAAyB,CAE9C,EAAqB,CAAK,EAE1B,EAAuB,CAAK,CAC9B,EAIA,OAFA,SAAS,iBAAiB,UAAW,CAAa,MAErC,SAAS,oBAAoB,UAAW,CAAa,CACpE,EAAG,CAAC,EAAgB,CAAkB,CAAC,EAIrC,IAAkB,EAAA,WAAW,4BAC7B,CAAC,GACD,EAAkB,SAAS,EAAe,EAAE,~~EAErC~~,MAWP,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oCAAf,EAPW,EAAA,cAAc,CAAc,EACrC,EAAe,cACf,EAAA,aAAa,WAEW,EAAA,aAAa,OAKnC,EAAA,EAAA,KAAC,EAAA,UAAD,CACE,QAAS,EAAE,EAAA,QAAQ,gCAAgC,EACnD,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAa,MAAO,GAAI,OAAQ,GAAI,MAAM,MAAQ,CAAA,EACxD,SAAS,OACT,MAAO,EAAE,EAAA,QAAQ,gBAAgB,CAClC,CAAA,GAEH,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,0CACV,EAAE,EAAA,QAAQ,oCAAoC,CAC9C,CAAA,GACH,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,KAAK,SACL,YAAe,EAAmB,EAAK,CACxC,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,KAAK,UACL,YAAe,EAAmB,EAAI,CACvC,CAAA,CACE,GACF,GACF,GAET"}
1	+ {"version":3,"file":"conversation-confirmation-buttons.cjs","names":[],"sources":["../../../../src/components/shared/buttons/conversation-confirmation-buttons.tsx"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ActionTooltip } from \"../action-tooltip\";\nimport { RiskAlert } from \"#/components/shared/risk-alert\";\nimport WarningIcon from \"#/icons/u-warning.svg?react\";\nimport { useEventMessageStore } from \"#/stores/event-message-store\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { isActionEvent } from \"#/types/agent-server/type-guards\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useRespondToConfirmation } from \"#/hooks/mutation/use-respond-to-confirmation\";\nimport { SecurityRisk } from \"#/types/agent-server/core/base/common\";\n\nexport function ConversationConfirmationButtons() {\n const submittedEventIds = useEventMessageStore(\n (state) => state.submittedEventIds,\n );\n const addSubmittedEventId = useEventMessageStore(\n (state) => state.addSubmittedEventId,\n );\n\n const { t } = useTranslation(\"openhands\");\n const { data: conversation } = useActiveConversation();\n const { curAgentState } = useAgentState();\n const { mutate: respondToConfirmation } = useRespondToConfirmation();\n const events = useEventStore((state) => state.events);\n\n const awaitingAction = events\n .slice()\n .reverse()\n .find((ev) => {\n if (ev.source !== \"agent\") return false;\n return curAgentState === AgentState.AWAITING_USER_CONFIRMATION;\n });\n\n const handleConfirmation = useCallback(\n (accept: boolean) => {\n if (!awaitingAction \|\| !conversation) {\n return;\n }\n\n // Mark event as submitted to prevent duplicate submissions\n if (awaitingAction.id) {\n addSubmittedEventId(awaitingAction.id);\n }\n\n // Call the agent-server API endpoint\n respondToConfirmation({\n conversationId: conversation.id,\n conversationUrl: conversation.conversation_url \|\| \"\",\n sessionApiKey: conversation.session_api_key,\n accept,\n });\n },\n [awaitingAction, conversation, addSubmittedEventId, respondToConfirmation],\n );\n\n // Handle keyboard shortcuts\n useEffect(() => {\n if (!awaitingAction) {\n return undefined;\n }\n\n const handleCancelShortcut = (event: KeyboardEvent) => {\n if (event.shiftKey && event.metaKey && event.key === \"Backspace\") {\n event.preventDefault();\n handleConfirmation(false);\n }\n };\n\n const handleContinueShortcut = (event: KeyboardEvent) => {\n if (event.metaKey && event.key === \"Enter\") {\n event.preventDefault();\n handleConfirmation(true);\n }\n };\n\n const handleKeyDown = (event: KeyboardEvent) => {\n // Cancel: Shift+Cmd+Backspace (⇧⌘⌫)\n handleCancelShortcut(event);\n // Continue: Cmd+Enter (⌘↩)\n handleContinueShortcut(event);\n };\n\n document.addEventListener(\"keydown\", handleKeyDown);\n\n return () => document.removeEventListener(\"keydown\", handleKeyDown);\n }, [awaitingAction, handleConfirmation]);\n\n // Only show if agent is waiting for confirmation and we haven't already submitted\n if (\n curAgentState !== AgentState.AWAITING_USER_CONFIRMATION \|\|\n !awaitingAction \|\|\n submittedEventIds.includes(awaitingAction.id ?? \"\")\n ) {\n return null;\n }\n\n // Get security risk from the action (only ActionEvent has security_risk)\n const risk = isActionEvent(awaitingAction)\n ? awaitingAction.security_risk\n : SecurityRisk.UNKNOWN;\n\n const isHighRisk = risk === SecurityRisk.HIGH;\n\n return (\n <div className=\"flex flex-col gap-2 pt-4\">\n {isHighRisk && (\n <RiskAlert\n content={t(I18nKey.CHAT_INTERFACE$HIGH_RISK_WARNING)}\n icon={<WarningIcon width={16} height={16} color=\"#fff\" />}\n severity=\"high\"\n title={t(I18nKey.COMMON$HIGH_RISK)}\n />\n )}\n <div className=\"flex justify-between items-center\">\n <p className=\"text-sm font-normal text-white\">\n {t(I18nKey.CHAT_INTERFACE$USER_ASK_CONFIRMATION)}\n </p>\n <div className=\"flex items-center gap-3\">\n <ActionTooltip\n type=\"reject\"\n onClick={() => handleConfirmation(false)}\n />\n <ActionTooltip\n type=\"confirm\"\n onClick={() => handleConfirmation(true)}\n />\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"8wBAeA,SAAgB,GAAkC,CAChD,IAAM,EAAoB,EAAA,qBACvB,GAAU,EAAM,iBACnB,EACM,EAAsB,EAAA,qBACzB,GAAU,EAAM,mBACnB,EAEM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,OAAQ,GAA0B,EAAA,yBAAyB,EAG7D,EAFS,EAAA,cAAe,GAAU,EAAM,MAEvB,EACpB,MAAM,EACN,QAAQ,EACR,KAAM,GACD,EAAG,SAAW,QACX,IAAkB,EAAA,WAAW,2BADF,EAEnC,EAEG,GAAA,EAAA,EAAA,aACH,GAAoB,CACf,CAAC,GAAkB,CAAC,IAKpB,EAAe,IACjB,EAAoB,EAAe,EAAE,EAIvC,EAAsB,CACpB,eAAgB,EAAa,GAC7B,gBAAiB,EAAa,kBAAoB,GAClD,cAAe,EAAa,gBAC5B,QACF,CAAC,EACH,EACA,CAAC,EAAgB,EAAc,EAAqB,CAAqB,CAC3E,EAkDA,OA/CA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EACH,OAGF,IAAM,EAAwB,GAAyB,CACjD,EAAM,UAAY,EAAM,SAAW,EAAM,MAAQ,cACnD,EAAM,eAAe,EACrB,EAAmB,EAAK,EAE5B,EAEM,EAA0B,GAAyB,CACnD,EAAM,SAAW,EAAM,MAAQ,UACjC,EAAM,eAAe,EACrB,EAAmB,EAAI,EAE3B,EAEM,EAAiB,GAAyB,CAE9C,EAAqB,CAAK,EAE1B,EAAuB,CAAK,CAC9B,EAIA,OAFA,SAAS,iBAAiB,UAAW,CAAa,MAErC,SAAS,oBAAoB,UAAW,CAAa,CACpE,EAAG,CAAC,EAAgB,CAAkB,CAAC,EAIrC,IAAkB,EAAA,WAAW,4BAC7B,CAAC,GACD,EAAkB,SAAS,EAAe,IAAM,EAAE,EAE3C,MAWP,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oCAAf,EAPW,EAAA,cAAc,CAAc,EACrC,EAAe,cACf,EAAA,aAAa,WAEW,EAAA,aAAa,OAKnC,EAAA,EAAA,KAAC,EAAA,UAAD,CACE,QAAS,EAAE,EAAA,QAAQ,gCAAgC,EACnD,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAa,MAAO,GAAI,OAAQ,GAAI,MAAM,MAAQ,CAAA,EACxD,SAAS,OACT,MAAO,EAAE,EAAA,QAAQ,gBAAgB,CAClC,CAAA,GAEH,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,0CACV,EAAE,EAAA,QAAQ,oCAAoC,CAC9C,CAAA,GACH,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,KAAK,SACL,YAAe,EAAmB,EAAK,CACxC,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,KAAK,UACL,YAAe,EAAmB,EAAI,CACvC,CAAA,CACE,GACF,GACF,GAET"}

package/dist/components/shared/buttons/conversation-confirmation-buttons.js CHANGED Viewed

@@ -16,7 +16,7 @@ import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/shared/buttons/conversation-confirmation-buttons.tsx
 function _() {
 	let _ = d((e) => e.submittedEventIds), v = d((e) => e.addSubmittedEventId), { t: y } = e("openhands"), { data: b } = o(), { curAgentState: x } = s(), { mutate: S } = f(), C = a((e) => e.events).slice().reverse().find((e) => e.source === "agent" ? x === n.AWAITING_USER_CONFIRMATION : !1), w = p((e) => {
-		!C || !b || (v(C.id), S({
+		!C || !b || (C.id && v(C.id), S({
 			conversationId: b.id,
 			conversationUrl: b.conversation_url || "",
 			sessionApiKey: b.session_api_key,
@@ -38,7 +38,7 @@ function _() {
 			e(n), t(n);
 		};
 		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-	}, [C, w]), x !== n.AWAITING_USER_CONFIRMATION || !C || _.includes(C.id) ? null : /* @__PURE__ */ g("div", {
+	}, [C, w]), x !== n.AWAITING_USER_CONFIRMATION || !C || _.includes(C.id ?? "") ? null : /* @__PURE__ */ g("div", {
 		className: "flex flex-col gap-2 pt-4",
 		children: [(i(C) ? C.security_risk : r.UNKNOWN) === r.HIGH && /* @__PURE__ */ h(l, {
 			content: y(t.CHAT_INTERFACE$HIGH_RISK_WARNING),

package/dist/components/shared/buttons/conversation-confirmation-buttons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-confirmation-buttons.js","names":[],"sources":["../../../../src/components/shared/buttons/conversation-confirmation-buttons.tsx"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ActionTooltip } from \"../action-tooltip\";\nimport { RiskAlert } from \"#/components/shared/risk-alert\";\nimport WarningIcon from \"#/icons/u-warning.svg?react\";\nimport { useEventMessageStore } from \"#/stores/event-message-store\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { isActionEvent } from \"#/types/agent-server/type-guards\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useRespondToConfirmation } from \"#/hooks/mutation/use-respond-to-confirmation\";\nimport { SecurityRisk } from \"#/types/agent-server/core/base/common\";\n\nexport function ConversationConfirmationButtons() {\n const submittedEventIds = useEventMessageStore(\n (state) => state.submittedEventIds,\n );\n const addSubmittedEventId = useEventMessageStore(\n (state) => state.addSubmittedEventId,\n );\n\n const { t } = useTranslation(\"openhands\");\n const { data: conversation } = useActiveConversation();\n const { curAgentState } = useAgentState();\n const { mutate: respondToConfirmation } = useRespondToConfirmation();\n const events = useEventStore((state) => state.events);\n\n const awaitingAction = events\n .slice()\n .reverse()\n .find((ev) => {\n if (ev.source !== \"agent\") return false;\n return curAgentState === AgentState.AWAITING_USER_CONFIRMATION;\n });\n\n const handleConfirmation = useCallback(\n (accept: boolean) => {\n if (!awaitingAction \|\| !conversation) {\n return;\n }\n\n // Mark event as submitted to prevent duplicate submissions\n addSubmittedEventId(awaitingAction.id);\n\n // Call the agent-server API endpoint\n respondToConfirmation({\n conversationId: conversation.id,\n conversationUrl: conversation.conversation_url \|\| \"\",\n sessionApiKey: conversation.session_api_key,\n accept,\n });\n },\n [awaitingAction, conversation, addSubmittedEventId, respondToConfirmation],\n );\n\n // Handle keyboard shortcuts\n useEffect(() => {\n if (!awaitingAction) {\n return undefined;\n }\n\n const handleCancelShortcut = (event: KeyboardEvent) => {\n if (event.shiftKey && event.metaKey && event.key === \"Backspace\") {\n event.preventDefault();\n handleConfirmation(false);\n }\n };\n\n const handleContinueShortcut = (event: KeyboardEvent) => {\n if (event.metaKey && event.key === \"Enter\") {\n event.preventDefault();\n handleConfirmation(true);\n }\n };\n\n const handleKeyDown = (event: KeyboardEvent) => {\n // Cancel: Shift+Cmd+Backspace (⇧⌘⌫)\n handleCancelShortcut(event);\n // Continue: Cmd+Enter (⌘↩)\n handleContinueShortcut(event);\n };\n\n document.addEventListener(\"keydown\", handleKeyDown);\n\n return () => document.removeEventListener(\"keydown\", handleKeyDown);\n }, [awaitingAction, handleConfirmation]);\n\n // Only show if agent is waiting for confirmation and we haven't already submitted\n if (\n curAgentState !== AgentState.AWAITING_USER_CONFIRMATION \|\|\n !awaitingAction \|\|\n submittedEventIds.includes(awaitingAction.id)\n ) {\n return null;\n }\n\n // Get security risk from the action (only ActionEvent has security_risk)\n const risk = isActionEvent(awaitingAction)\n ? awaitingAction.security_risk\n : SecurityRisk.UNKNOWN;\n\n const isHighRisk = risk === SecurityRisk.HIGH;\n\n return (\n <div className=\"flex flex-col gap-2 pt-4\">\n {isHighRisk && (\n <RiskAlert\n content={t(I18nKey.CHAT_INTERFACE$HIGH_RISK_WARNING)}\n icon={<WarningIcon width={16} height={16} color=\"#fff\" />}\n severity=\"high\"\n title={t(I18nKey.COMMON$HIGH_RISK)}\n />\n )}\n <div className=\"flex justify-between items-center\">\n <p className=\"text-sm font-normal text-white\">\n {t(I18nKey.CHAT_INTERFACE$USER_ASK_CONFIRMATION)}\n </p>\n <div className=\"flex items-center gap-3\">\n <ActionTooltip\n type=\"reject\"\n onClick={() => handleConfirmation(false)}\n />\n <ActionTooltip\n type=\"confirm\"\n onClick={() => handleConfirmation(true)}\n />\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAAgB,IAAkC;CAChD,IAAM,IAAoB,GACvB,MAAU,EAAM,iBACnB,GACM,IAAsB,GACzB,MAAU,EAAM,mBACnB,GAEM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,qBAAkB,EAAc,GAClC,EAAE,QAAQ,MAA0B,EAAyB,GAG7D,IAFS,GAAe,MAAU,EAAM,MAEvB,EACpB,MAAM,EACN,QAAQ,EACR,MAAM,MACD,EAAG,WAAW,UACX,MAAkB,EAAW,6BADF,EAEnC,GAEG,IAAqB,GACxB,MAAoB;EACf,CAAC,KAAkB,CAAC,~~MAKxB~~,EAAoB,EAAe,EAAE,~~GAGrC~~,EAAsB;GACpB,gBAAgB,EAAa;GAC7B,iBAAiB,EAAa,oBAAoB;GAClD,eAAe,EAAa;GAC5B;EACF,CAAC;CACH,GACA;EAAC;EAAgB;EAAc;EAAqB;CAAqB,CAC3E;CAkDA,OA/CA,QAAgB;EACd,IAAI,CAAC,GACH;EAGF,IAAM,KAAwB,MAAyB;GACrD,AAAI,EAAM,YAAY,EAAM,WAAW,EAAM,QAAQ,gBACnD,EAAM,eAAe,GACrB,EAAmB,EAAK;EAE5B,GAEM,KAA0B,MAAyB;GACvD,AAAI,EAAM,WAAW,EAAM,QAAQ,YACjC,EAAM,eAAe,GACrB,EAAmB,EAAI;EAE3B,GAEM,KAAiB,MAAyB;GAI9C,AAFA,EAAqB,CAAK,GAE1B,EAAuB,CAAK;EAC9B;EAIA,OAFA,SAAS,iBAAiB,WAAW,CAAa,SAErC,SAAS,oBAAoB,WAAW,CAAa;CACpE,GAAG,CAAC,GAAgB,CAAkB,CAAC,GAIrC,MAAkB,EAAW,8BAC7B,CAAC,KACD,EAAkB,SAAS,EAAe,EAAE,~~IAErC~~,OAWP,kBAAC,OAAD;EAAK,WAAU;YAAf,EAPW,EAAc,CAAc,IACrC,EAAe,gBACf,EAAa,aAEW,EAAa,QAKnC,kBAAC,GAAD;GACE,SAAS,EAAE,EAAQ,gCAAgC;GACnD,MAAM,kBAAC,GAAD;IAAa,OAAO;IAAI,QAAQ;IAAI,OAAM;GAAQ,CAAA;GACxD,UAAS;GACT,OAAO,EAAE,EAAQ,gBAAgB;EAClC,CAAA,GAEH,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,EAAQ,oCAAoC;GAC9C,CAAA,GACH,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,MAAK;KACL,eAAe,EAAmB,EAAK;IACxC,CAAA,GACD,kBAAC,GAAD;KACE,MAAK;KACL,eAAe,EAAmB,EAAI;IACvC,CAAA,CACE;KACF;IACF;;AAET"}
1	+ {"version":3,"file":"conversation-confirmation-buttons.js","names":[],"sources":["../../../../src/components/shared/buttons/conversation-confirmation-buttons.tsx"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { ActionTooltip } from \"../action-tooltip\";\nimport { RiskAlert } from \"#/components/shared/risk-alert\";\nimport WarningIcon from \"#/icons/u-warning.svg?react\";\nimport { useEventMessageStore } from \"#/stores/event-message-store\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { isActionEvent } from \"#/types/agent-server/type-guards\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useRespondToConfirmation } from \"#/hooks/mutation/use-respond-to-confirmation\";\nimport { SecurityRisk } from \"#/types/agent-server/core/base/common\";\n\nexport function ConversationConfirmationButtons() {\n const submittedEventIds = useEventMessageStore(\n (state) => state.submittedEventIds,\n );\n const addSubmittedEventId = useEventMessageStore(\n (state) => state.addSubmittedEventId,\n );\n\n const { t } = useTranslation(\"openhands\");\n const { data: conversation } = useActiveConversation();\n const { curAgentState } = useAgentState();\n const { mutate: respondToConfirmation } = useRespondToConfirmation();\n const events = useEventStore((state) => state.events);\n\n const awaitingAction = events\n .slice()\n .reverse()\n .find((ev) => {\n if (ev.source !== \"agent\") return false;\n return curAgentState === AgentState.AWAITING_USER_CONFIRMATION;\n });\n\n const handleConfirmation = useCallback(\n (accept: boolean) => {\n if (!awaitingAction \|\| !conversation) {\n return;\n }\n\n // Mark event as submitted to prevent duplicate submissions\n if (awaitingAction.id) {\n addSubmittedEventId(awaitingAction.id);\n }\n\n // Call the agent-server API endpoint\n respondToConfirmation({\n conversationId: conversation.id,\n conversationUrl: conversation.conversation_url \|\| \"\",\n sessionApiKey: conversation.session_api_key,\n accept,\n });\n },\n [awaitingAction, conversation, addSubmittedEventId, respondToConfirmation],\n );\n\n // Handle keyboard shortcuts\n useEffect(() => {\n if (!awaitingAction) {\n return undefined;\n }\n\n const handleCancelShortcut = (event: KeyboardEvent) => {\n if (event.shiftKey && event.metaKey && event.key === \"Backspace\") {\n event.preventDefault();\n handleConfirmation(false);\n }\n };\n\n const handleContinueShortcut = (event: KeyboardEvent) => {\n if (event.metaKey && event.key === \"Enter\") {\n event.preventDefault();\n handleConfirmation(true);\n }\n };\n\n const handleKeyDown = (event: KeyboardEvent) => {\n // Cancel: Shift+Cmd+Backspace (⇧⌘⌫)\n handleCancelShortcut(event);\n // Continue: Cmd+Enter (⌘↩)\n handleContinueShortcut(event);\n };\n\n document.addEventListener(\"keydown\", handleKeyDown);\n\n return () => document.removeEventListener(\"keydown\", handleKeyDown);\n }, [awaitingAction, handleConfirmation]);\n\n // Only show if agent is waiting for confirmation and we haven't already submitted\n if (\n curAgentState !== AgentState.AWAITING_USER_CONFIRMATION \|\|\n !awaitingAction \|\|\n submittedEventIds.includes(awaitingAction.id ?? \"\")\n ) {\n return null;\n }\n\n // Get security risk from the action (only ActionEvent has security_risk)\n const risk = isActionEvent(awaitingAction)\n ? awaitingAction.security_risk\n : SecurityRisk.UNKNOWN;\n\n const isHighRisk = risk === SecurityRisk.HIGH;\n\n return (\n <div className=\"flex flex-col gap-2 pt-4\">\n {isHighRisk && (\n <RiskAlert\n content={t(I18nKey.CHAT_INTERFACE$HIGH_RISK_WARNING)}\n icon={<WarningIcon width={16} height={16} color=\"#fff\" />}\n severity=\"high\"\n title={t(I18nKey.COMMON$HIGH_RISK)}\n />\n )}\n <div className=\"flex justify-between items-center\">\n <p className=\"text-sm font-normal text-white\">\n {t(I18nKey.CHAT_INTERFACE$USER_ASK_CONFIRMATION)}\n </p>\n <div className=\"flex items-center gap-3\">\n <ActionTooltip\n type=\"reject\"\n onClick={() => handleConfirmation(false)}\n />\n <ActionTooltip\n type=\"confirm\"\n onClick={() => handleConfirmation(true)}\n />\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAAgB,IAAkC;CAChD,IAAM,IAAoB,GACvB,MAAU,EAAM,iBACnB,GACM,IAAsB,GACzB,MAAU,EAAM,mBACnB,GAEM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,qBAAkB,EAAc,GAClC,EAAE,QAAQ,MAA0B,EAAyB,GAG7D,IAFS,GAAe,MAAU,EAAM,MAEvB,EACpB,MAAM,EACN,QAAQ,EACR,MAAM,MACD,EAAG,WAAW,UACX,MAAkB,EAAW,6BADF,EAEnC,GAEG,IAAqB,GACxB,MAAoB;EACf,CAAC,KAAkB,CAAC,MAKpB,EAAe,MACjB,EAAoB,EAAe,EAAE,GAIvC,EAAsB;GACpB,gBAAgB,EAAa;GAC7B,iBAAiB,EAAa,oBAAoB;GAClD,eAAe,EAAa;GAC5B;EACF,CAAC;CACH,GACA;EAAC;EAAgB;EAAc;EAAqB;CAAqB,CAC3E;CAkDA,OA/CA,QAAgB;EACd,IAAI,CAAC,GACH;EAGF,IAAM,KAAwB,MAAyB;GACrD,AAAI,EAAM,YAAY,EAAM,WAAW,EAAM,QAAQ,gBACnD,EAAM,eAAe,GACrB,EAAmB,EAAK;EAE5B,GAEM,KAA0B,MAAyB;GACvD,AAAI,EAAM,WAAW,EAAM,QAAQ,YACjC,EAAM,eAAe,GACrB,EAAmB,EAAI;EAE3B,GAEM,KAAiB,MAAyB;GAI9C,AAFA,EAAqB,CAAK,GAE1B,EAAuB,CAAK;EAC9B;EAIA,OAFA,SAAS,iBAAiB,WAAW,CAAa,SAErC,SAAS,oBAAoB,WAAW,CAAa;CACpE,GAAG,CAAC,GAAgB,CAAkB,CAAC,GAIrC,MAAkB,EAAW,8BAC7B,CAAC,KACD,EAAkB,SAAS,EAAe,MAAM,EAAE,IAE3C,OAWP,kBAAC,OAAD;EAAK,WAAU;YAAf,EAPW,EAAc,CAAc,IACrC,EAAe,gBACf,EAAa,aAEW,EAAa,QAKnC,kBAAC,GAAD;GACE,SAAS,EAAE,EAAQ,gCAAgC;GACnD,MAAM,kBAAC,GAAD;IAAa,OAAO;IAAI,QAAQ;IAAI,OAAM;GAAQ,CAAA;GACxD,UAAS;GACT,OAAO,EAAE,EAAQ,gBAAgB;EAClC,CAAA,GAEH,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,EAAQ,oCAAoC;GAC9C,CAAA,GACH,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,MAAK;KACL,eAAe,EAAmB,EAAK;IACxC,CAAA,GACD,kBAAC,GAAD;KACE,MAAK;KACL,eAAe,EAAmB,EAAI;IACvC,CAAA,CACE;KACF;IACF;;AAET"}

package/dist/components/shared/modals/confirmation-modals/base-modal.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../utils/utils.cjs"),n=require("../modal-body.cjs"),r=require("../../buttons/modal-button.cjs"),i=require("../../../../utils/modal-classes.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({title:e,id:n,className:r}){return(0,o.jsx)(`span`,{id:n,className:t.cn(i.modalTitleClassName,r),children:e})}function c({description:e,children:t}){return(0,o.jsx)(`span`,{className:`text-xs text-modal-muted`,children:t||e})}function l({testId:e,title:t,description:i,buttons:a}){return(0,o.jsxs)(n.ModalBody,{testID:e,children:[(0,o.jsxs)(`div`,{className:`flex flex-col gap-2 self-start`,children:[(0,o.jsx)(s,{title:t}),(0,o.jsx)(c,{description:i})]}),(0,o.jsx)(`div`,{className:`flex flex-col gap-2 w-full`,children:a.map((e,t)=>(0,o.jsx)(r.ModalButton,{onClick:e.onClick,text:e.text,className:e.className},t))})]})}exports.BaseModal=l,exports.BaseModalDescription=c,exports.BaseModalTitle=s;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../utils/utils.cjs"),n=require("../modal-body.cjs"),r=require("../../buttons/modal-button.cjs"),i=require("../../../../utils/modal-classes.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({title:e,id:n,className:r}){return(0,o.jsx)(`span`,{id:n,className:t.cn(i.modalTitleClassName,r),children:e})}function c({description:e,children:t}){return(0,o.jsx)(`span`,{className:`text-sm text-modal-muted`,children:t||e})}function l({testId:e,title:t,description:i,buttons:a}){return(0,o.jsxs)(n.ModalBody,{testID:e,children:[(0,o.jsxs)(`div`,{className:`flex flex-col gap-2 self-start`,children:[(0,o.jsx)(s,{title:t}),(0,o.jsx)(c,{description:i})]}),(0,o.jsx)(`div`,{className:`flex flex-col gap-2 w-full`,children:a.map((e,t)=>(0,o.jsx)(r.ModalButton,{onClick:e.onClick,text:e.text,className:e.className},t))})]})}exports.BaseModal=l,exports.BaseModalDescription=c,exports.BaseModalTitle=s;
 //# sourceMappingURL=base-modal.cjs.map

package/dist/components/shared/modals/confirmation-modals/base-modal.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base-modal.cjs","names":[],"sources":["../../../../../src/components/shared/modals/confirmation-modals/base-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalBody } from \"../modal-body\";\nimport { ModalButton } from \"../../buttons/modal-button\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\n\ninterface ButtonConfig {\n text: string;\n onClick: () => void;\n className: React.HTMLProps<HTMLButtonElement>[\"className\"];\n}\n\ninterface BaseModalTitleProps {\n title: React.ReactNode;\n id?: string;\n className?: string;\n}\n\nexport function BaseModalTitle({ title, id, className }: BaseModalTitleProps) {\n return (\n <span id={id} className={cn(modalTitleClassName, className)}>\n {title}\n </span>\n );\n}\n\ninterface BaseModalDescriptionProps {\n description?: React.ReactNode;\n children?: React.ReactNode;\n}\n\nexport function BaseModalDescription({\n description,\n children,\n}: BaseModalDescriptionProps) {\n return (\n <span className=\"text-xs text-modal-muted\">{children \|\| description}</span>\n );\n}\n\ninterface BaseModalProps {\n testId?: string;\n title: string;\n description: string;\n buttons: ButtonConfig[];\n}\n\nexport function BaseModal({\n testId,\n title,\n description,\n buttons,\n}: BaseModalProps) {\n return (\n <ModalBody testID={testId}>\n <div className=\"flex flex-col gap-2 self-start\">\n <BaseModalTitle title={title} />\n <BaseModalDescription description={description} />\n </div>\n\n <div className=\"flex flex-col gap-2 w-full\">\n {buttons.map((button, index) => (\n <ModalButton\n key={index}\n onClick={button.onClick}\n text={button.text}\n className={button.className}\n />\n ))}\n </div>\n </ModalBody>\n );\n}\n"],"mappings":"8SAkBA,SAAgB,EAAe,CAAE,QAAO,KAAI,aAAkC,CAC5E,OACE,EAAA,EAAA,KAAC,OAAD,CAAU,KAAI,UAAW,EAAA,GAAG,EAAA,oBAAqB,CAAS,WACvD,CACG,CAAA,CAEV,CAOA,SAAgB,EAAqB,CACnC,cACA,YAC4B,CAC5B,OACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oCAA4B,GAAY,CAAkB,CAAA,CAE9E,CASA,SAAgB,EAAU,CACxB,SACA,QACA,cACA,WACiB,CACjB,OACE,EAAA,EAAA,MAAC,EAAA,UAAD,CAAW,OAAQ,WAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAuB,OAAQ,CAAA,GAC/B,EAAA,EAAA,KAAC,EAAD,CAAmC,aAAc,CAAA,CAC9C,KAEL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sCACZ,EAAQ,KAAK,EAAQ,KACpB,EAAA,EAAA,KAAC,EAAA,YAAD,CAEE,QAAS,EAAO,QAChB,KAAM,EAAO,KACb,UAAW,EAAO,SACnB,EAJM,CAIN,CACF,CACE,CAAA,CACI,GAEf"}
1	+ {"version":3,"file":"base-modal.cjs","names":[],"sources":["../../../../../src/components/shared/modals/confirmation-modals/base-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalBody } from \"../modal-body\";\nimport { ModalButton } from \"../../buttons/modal-button\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\n\ninterface ButtonConfig {\n text: string;\n onClick: () => void;\n className: React.HTMLProps<HTMLButtonElement>[\"className\"];\n}\n\ninterface BaseModalTitleProps {\n title: React.ReactNode;\n id?: string;\n className?: string;\n}\n\nexport function BaseModalTitle({ title, id, className }: BaseModalTitleProps) {\n return (\n <span id={id} className={cn(modalTitleClassName, className)}>\n {title}\n </span>\n );\n}\n\ninterface BaseModalDescriptionProps {\n description?: React.ReactNode;\n children?: React.ReactNode;\n}\n\nexport function BaseModalDescription({\n description,\n children,\n}: BaseModalDescriptionProps) {\n return (\n <span className=\"text-sm text-modal-muted\">{children \|\| description}</span>\n );\n}\n\ninterface BaseModalProps {\n testId?: string;\n title: string;\n description: string;\n buttons: ButtonConfig[];\n}\n\nexport function BaseModal({\n testId,\n title,\n description,\n buttons,\n}: BaseModalProps) {\n return (\n <ModalBody testID={testId}>\n <div className=\"flex flex-col gap-2 self-start\">\n <BaseModalTitle title={title} />\n <BaseModalDescription description={description} />\n </div>\n\n <div className=\"flex flex-col gap-2 w-full\">\n {buttons.map((button, index) => (\n <ModalButton\n key={index}\n onClick={button.onClick}\n text={button.text}\n className={button.className}\n />\n ))}\n </div>\n </ModalBody>\n );\n}\n"],"mappings":"8SAkBA,SAAgB,EAAe,CAAE,QAAO,KAAI,aAAkC,CAC5E,OACE,EAAA,EAAA,KAAC,OAAD,CAAU,KAAI,UAAW,EAAA,GAAG,EAAA,oBAAqB,CAAS,WACvD,CACG,CAAA,CAEV,CAOA,SAAgB,EAAqB,CACnC,cACA,YAC4B,CAC5B,OACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oCAA4B,GAAY,CAAkB,CAAA,CAE9E,CASA,SAAgB,EAAU,CACxB,SACA,QACA,cACA,WACiB,CACjB,OACE,EAAA,EAAA,MAAC,EAAA,UAAD,CAAW,OAAQ,WAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAuB,OAAQ,CAAA,GAC/B,EAAA,EAAA,KAAC,EAAD,CAAmC,aAAc,CAAA,CAC9C,KAEL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sCACZ,EAAQ,KAAK,EAAQ,KACpB,EAAA,EAAA,KAAC,EAAA,YAAD,CAEE,QAAS,EAAO,QAChB,KAAM,EAAO,KACb,UAAW,EAAO,SACnB,EAJM,CAIN,CACF,CACE,CAAA,CACI,GAEf"}

package/dist/components/shared/modals/confirmation-modals/base-modal.js CHANGED Viewed

@@ -14,7 +14,7 @@ function o({ title: t, id: n, className: a }) {
 }
 function s({ description: e, children: t }) {
 	return /* @__PURE__ */ i("span", {
-		className: "text-xs text-modal-muted",
+		className: "text-sm text-modal-muted",
 		children: t || e
 	});
 }

package/dist/components/shared/modals/confirmation-modals/base-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base-modal.js","names":[],"sources":["../../../../../src/components/shared/modals/confirmation-modals/base-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalBody } from \"../modal-body\";\nimport { ModalButton } from \"../../buttons/modal-button\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\n\ninterface ButtonConfig {\n text: string;\n onClick: () => void;\n className: React.HTMLProps<HTMLButtonElement>[\"className\"];\n}\n\ninterface BaseModalTitleProps {\n title: React.ReactNode;\n id?: string;\n className?: string;\n}\n\nexport function BaseModalTitle({ title, id, className }: BaseModalTitleProps) {\n return (\n <span id={id} className={cn(modalTitleClassName, className)}>\n {title}\n </span>\n );\n}\n\ninterface BaseModalDescriptionProps {\n description?: React.ReactNode;\n children?: React.ReactNode;\n}\n\nexport function BaseModalDescription({\n description,\n children,\n}: BaseModalDescriptionProps) {\n return (\n <span className=\"text-xs text-modal-muted\">{children \|\| description}</span>\n );\n}\n\ninterface BaseModalProps {\n testId?: string;\n title: string;\n description: string;\n buttons: ButtonConfig[];\n}\n\nexport function BaseModal({\n testId,\n title,\n description,\n buttons,\n}: BaseModalProps) {\n return (\n <ModalBody testID={testId}>\n <div className=\"flex flex-col gap-2 self-start\">\n <BaseModalTitle title={title} />\n <BaseModalDescription description={description} />\n </div>\n\n <div className=\"flex flex-col gap-2 w-full\">\n {buttons.map((button, index) => (\n <ModalButton\n key={index}\n onClick={button.onClick}\n text={button.text}\n className={button.className}\n />\n ))}\n </div>\n </ModalBody>\n );\n}\n"],"mappings":";;;;;;;AAkBA,SAAgB,EAAe,EAAE,UAAO,OAAI,gBAAkC;CAC5E,OACE,kBAAC,QAAD;EAAU;EAAI,WAAW,EAAG,GAAqB,CAAS;YACvD;CACG,CAAA;AAEV;AAOA,SAAgB,EAAqB,EACnC,gBACA,eAC4B;CAC5B,OACE,kBAAC,QAAD;EAAM,WAAU;YAA4B,KAAY;CAAkB,CAAA;AAE9E;AASA,SAAgB,EAAU,EACxB,WACA,UACA,gBACA,cACiB;CACjB,OACE,kBAAC,GAAD;EAAW,QAAQ;YAAnB,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAuB,SAAQ,CAAA,GAC/B,kBAAC,GAAD,EAAmC,eAAc,CAAA,CAC9C;MAEL,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,KAAK,GAAQ,MACpB,kBAAC,GAAD;IAEE,SAAS,EAAO;IAChB,MAAM,EAAO;IACb,WAAW,EAAO;GACnB,GAJM,CAIN,CACF;EACE,CAAA,CACI;;AAEf"}
1	+ {"version":3,"file":"base-modal.js","names":[],"sources":["../../../../../src/components/shared/modals/confirmation-modals/base-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalBody } from \"../modal-body\";\nimport { ModalButton } from \"../../buttons/modal-button\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleClassName } from \"#/utils/modal-classes\";\n\ninterface ButtonConfig {\n text: string;\n onClick: () => void;\n className: React.HTMLProps<HTMLButtonElement>[\"className\"];\n}\n\ninterface BaseModalTitleProps {\n title: React.ReactNode;\n id?: string;\n className?: string;\n}\n\nexport function BaseModalTitle({ title, id, className }: BaseModalTitleProps) {\n return (\n <span id={id} className={cn(modalTitleClassName, className)}>\n {title}\n </span>\n );\n}\n\ninterface BaseModalDescriptionProps {\n description?: React.ReactNode;\n children?: React.ReactNode;\n}\n\nexport function BaseModalDescription({\n description,\n children,\n}: BaseModalDescriptionProps) {\n return (\n <span className=\"text-sm text-modal-muted\">{children \|\| description}</span>\n );\n}\n\ninterface BaseModalProps {\n testId?: string;\n title: string;\n description: string;\n buttons: ButtonConfig[];\n}\n\nexport function BaseModal({\n testId,\n title,\n description,\n buttons,\n}: BaseModalProps) {\n return (\n <ModalBody testID={testId}>\n <div className=\"flex flex-col gap-2 self-start\">\n <BaseModalTitle title={title} />\n <BaseModalDescription description={description} />\n </div>\n\n <div className=\"flex flex-col gap-2 w-full\">\n {buttons.map((button, index) => (\n <ModalButton\n key={index}\n onClick={button.onClick}\n text={button.text}\n className={button.className}\n />\n ))}\n </div>\n </ModalBody>\n );\n}\n"],"mappings":";;;;;;;AAkBA,SAAgB,EAAe,EAAE,UAAO,OAAI,gBAAkC;CAC5E,OACE,kBAAC,QAAD;EAAU;EAAI,WAAW,EAAG,GAAqB,CAAS;YACvD;CACG,CAAA;AAEV;AAOA,SAAgB,EAAqB,EACnC,gBACA,eAC4B;CAC5B,OACE,kBAAC,QAAD;EAAM,WAAU;YAA4B,KAAY;CAAkB,CAAA;AAE9E;AASA,SAAgB,EAAU,EACxB,WACA,UACA,gBACA,cACiB;CACjB,OACE,kBAAC,GAAD;EAAW,QAAQ;YAAnB,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAuB,SAAQ,CAAA,GAC/B,kBAAC,GAAD,EAAmC,eAAc,CAAA,CAC9C;MAEL,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,KAAK,GAAQ,MACpB,kBAAC,GAAD;IAEE,SAAS,EAAO;IAChB,MAAM,EAAO;IACb,WAAW,EAAO;GACnB,GAJM,CAIN,CACF;EACE,CAAA,CACI;;AAEf"}

package/dist/components/shared/modals/settings/model-selector.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("../../../../utils/constants.cjs"),i=require("../../../../utils/utils.cjs"),a=require("../../../../utils/form-control-classes.cjs"),o=require("../../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.cjs"),s=require("../../../../node_modules/@heroui/listbox/dist/chunk-ANTZPR32.cjs"),c=require("../../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.cjs"),l=require("../../../../ui/combobox-caret.cjs"),u=require("../../../../utils/map-provider.cjs"),d=require("../../../../utils/extract-model-and-provider.cjs"),f=require("../../../../ui/help-link.cjs"),p=require("../../../../hooks/query/use-search-providers.cjs"),m=require("../../../../hooks/query/use-provider-models.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");function _({isDisabled:e,currentModel:_,onChange:v,onDefaultValuesChanged:y,wrapperClassName:b,labelClassName:x}){let[,S]=h.default.useState(null),[C,w]=h.default.useState(null),[T,E]=h.default.useState(null),{data:D=[]}=p.useSearchProviders(),{data:O=[],isLoading:k,error:A}=m.useProviderModels(C),j=h.default.useMemo(()=>D.filter(e=>e.verified),[D]),M=h.default.useMemo(()=>D.filter(e=>!e.verified),[D]),N=h.default.useMemo(()=>O.filter(e=>e.verified),[O]),P=h.default.useMemo(()=>O.filter(e=>!e.verified),[O]);h.default.useEffect(()=>{if(_){let{provider:e,model:t}=d.extractModelAndProvider(_);S(_),w(e||null),E(t),y?.(e||null,t)}},[_]);let F=e=>{w(e),E(null),S(`${e}/`),v?.(e,null)},I=e=>{let t=`${C}/${e}`;C===`openai`&&(t=e),S(t),E(e),v?.(C,e)},L=()=>{w(null),S(null)},{t:R}=t.useTranslation(`openhands`);return(0,g.jsxs)(`div`,{className:i.cn(`flex flex-col md:flex-row w-full min-w-0 justify-between gap-4 md:gap-[46px]`,b),children:[(0,g.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,g.jsx)(`label`,{className:i.cn(`text-sm`,x),children:R(n.I18nKey.LLM$PROVIDER)}),(0,g.jsxs)(c.autocomplete_default,{"data-testid":`llm-provider-input`,isRequired:!0,isVirtualized:!1,name:`llm-provider-input`,isDisabled:e,"aria-label":R(n.I18nKey.LLM$PROVIDER),isClearable:!1,onSelectionChange:e=>{e?.toString()&&F(e.toString())},onInputChange:e=>!e&&L(),defaultSelectedKey:C??void 0,selectedKey:C,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:l.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:a.formControlSettingsFieldClassName}},children:[(0,g.jsx)(s.listbox_section_base_default,{title:R(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:j.map(e=>(0,g.jsx)(o.listbox_item_base_default,{"data-testid":`provider-item-${e.name}`,children:u.mapProvider(e.name)},e.name))}),M.length>0?(0,g.jsx)(s.listbox_section_base_default,{title:R(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:M.map(e=>(0,g.jsx)(o.listbox_item_base_default,{children:u.mapProvider(e.name)},e.name))}):null]})]}),C===`openhands`&&(0,g.jsx)(f.HelpLink,{testId:`openhands-account-help`,text:R(n.I18nKey.SETTINGS$NEED_OPENHANDS_ACCOUNT),linkText:R(n.I18nKey.SETTINGS$CLICK_HERE),href:r.PRODUCT_URL.PRODUCTION,size:`settings`,linkColor:`white`}),(0,g.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,g.jsx)(`label`,{className:i.cn(`text-sm`,x),children:R(n.I18nKey.LLM$MODEL)}),(0,g.jsxs)(c.autocomplete_default,{"data-testid":`llm-model-input`,isRequired:!0,isVirtualized:!1,isLoading:k,name:`llm-model-input`,"aria-label":R(n.I18nKey.LLM$MODEL),isClearable:!1,onSelectionChange:e=>{e?.toString()&&I(e.toString())},isDisabled:e||!C,selectedKey:T,defaultSelectedKey:T??void 0,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:l.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:a.formControlSettingsFieldClassName}},children:[(0,g.jsx)(s.listbox_section_base_default,{title:R(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:N.map(e=>(0,g.jsx)(o.listbox_item_base_default,{children:e.name},e.name))}),P.length>0?(0,g.jsx)(s.listbox_section_base_default,{title:R(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:P.map(e=>(0,g.jsx)(o.listbox_item_base_default,{"data-testid":`model-item-${e.name}`,children:e.name},e.name))}):null]}),A&&(0,g.jsx)(`p`,{"data-testid":`models-error`,className:`text-danger text-xs`,children:R(n.I18nKey.CONFIGURATION$ERROR_FETCH_MODELS)})]})]})}exports.ModelSelector=_;
+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/info.cjs"),i=require("../../../../utils/constants.cjs"),a=require("../../../../utils/utils.cjs"),o=require("../../../../utils/form-control-classes.cjs"),s=require("../../../../utils/format-model-name.cjs"),c=require("../../../../node_modules/@heroui/listbox/dist/chunk-BJFJ4DRR.cjs"),l=require("../../../../node_modules/@heroui/listbox/dist/chunk-ANTZPR32.cjs"),u=require("../../../../node_modules/@heroui/autocomplete/dist/chunk-3QKDXXDY.cjs"),d=require("../../../../ui/combobox-caret.cjs"),f=require("../../../../utils/map-provider.cjs"),p=require("../../../../utils/extract-model-and-provider.cjs"),m=require("../../../../ui/help-link.cjs"),h=require("../../../../hooks/query/use-search-providers.cjs"),g=require("../../../../hooks/query/use-provider-models.cjs");let _=require("react");_=e.__toESM(_,1);let v=require("react/jsx-runtime");var y=`shrink-0 rounded-full border border-warning/40 bg-warning/10 px-1.5 py-0.5 text-[10px] leading-none text-warning`;function b(){return(0,v.jsxs)(`p`,{"data-testid":`openhands-free-models-note`,className:`flex items-start gap-2 text-xs text-warning`,children:[(0,v.jsx)(r.Info,{className:`mt-0.5 size-4 shrink-0 text-warning`,"aria-hidden":!0}),(0,v.jsx)(`span`,{children:s.FREE_OPENHANDS_MODEL_NOTE})]})}function x({isDisabled:e,currentModel:r,onChange:x,onDefaultValuesChanged:S,wrapperClassName:C,labelClassName:w}){let[,T]=_.default.useState(null),[E,D]=_.default.useState(null),[O,k]=_.default.useState(null),{data:A=[]}=h.useSearchProviders(),{data:j=[],isLoading:M,error:N}=g.useProviderModels(E),P=_.default.useMemo(()=>A.filter(e=>e.verified),[A]),F=_.default.useMemo(()=>A.filter(e=>!e.verified),[A]),I=_.default.useMemo(()=>j.filter(e=>e.verified),[j]),L=_.default.useMemo(()=>j.filter(e=>!e.verified),[j]);_.default.useEffect(()=>{if(r){let{provider:e,model:t}=p.extractModelAndProvider(r);T(r),D(e||null),k(t),S?.(e||null,t)}},[r]);let R=e=>{D(e),k(null),T(`${e}/`),x?.(e,null)},z=e=>{let t=`${E}/${e}`;E===`openai`&&(t=e),T(t),k(e),x?.(E,e)},B=()=>{D(null),T(null)},V=s.isFreeOpenHandsModel(E&&O?`${E}/${O}`:null),H=_.default.useRef(null),[U,W]=_.default.useState(0);_.default.useLayoutEffect(()=>{if(!V||!H.current){W(0);return}let e=()=>{W(Math.ceil(H.current?.getBoundingClientRect().width??0))};if(e(),typeof ResizeObserver>`u`)return;let t=new ResizeObserver(e);return t.observe(H.current),()=>t.disconnect()},[V,O]);let{t:G}=t.useTranslation(`openhands`);return(0,v.jsxs)(`div`,{className:a.cn(`flex flex-col md:flex-row w-full min-w-0 justify-between gap-4 md:gap-[46px]`,C),children:[(0,v.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,v.jsx)(`label`,{className:a.cn(`text-sm`,w),children:G(n.I18nKey.LLM$PROVIDER)}),(0,v.jsxs)(u.autocomplete_default,{"data-testid":`llm-provider-input`,isRequired:!0,isVirtualized:!1,name:`llm-provider-input`,isDisabled:e,"aria-label":G(n.I18nKey.LLM$PROVIDER),isClearable:!1,onSelectionChange:e=>{e?.toString()&&R(e.toString())},onInputChange:e=>!e&&B(),defaultSelectedKey:E??void 0,selectedKey:E,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:d.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:o.formControlSettingsFieldClassName}},children:[(0,v.jsx)(l.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:P.map(e=>(0,v.jsx)(c.listbox_item_base_default,{"data-testid":`provider-item-${e.name}`,children:f.mapProvider(e.name)},e.name))}),F.length>0?(0,v.jsx)(l.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:F.map(e=>(0,v.jsx)(c.listbox_item_base_default,{children:f.mapProvider(e.name)},e.name))}):null]})]}),E===`openhands`&&(0,v.jsx)(`div`,{className:`flex flex-col gap-2`,children:(0,v.jsx)(m.HelpLink,{testId:`openhands-account-help`,text:G(n.I18nKey.SETTINGS$NEED_OPENHANDS_ACCOUNT),linkText:G(n.I18nKey.SETTINGS$CLICK_HERE),href:i.PRODUCT_URL.PRODUCTION,size:`settings`,linkColor:`white`})}),(0,v.jsxs)(`fieldset`,{className:`flex flex-col gap-2.5 w-full`,children:[(0,v.jsx)(`label`,{className:a.cn(`text-sm`,w),children:G(n.I18nKey.LLM$MODEL)}),(0,v.jsxs)(`div`,{className:`relative`,children:[(0,v.jsxs)(u.autocomplete_default,{"data-testid":`llm-model-input`,isRequired:!0,isVirtualized:!1,isLoading:M,name:`llm-model-input`,"aria-label":G(n.I18nKey.LLM$MODEL),isClearable:!1,onSelectionChange:e=>{e?.toString()&&z(e.toString())},isDisabled:e||!E,selectedKey:O,defaultSelectedKey:O??void 0,classNames:{popoverContent:`bg-content1 rounded-xl border border-[var(--oh-border)]`,selectorButton:d.heroUiAutocompleteSelectorButtonClassName},selectorButtonProps:{disableRipple:!0},inputProps:{classNames:{inputWrapper:o.formControlSettingsFieldClassName}},children:[(0,v.jsx)(l.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$VERIFIED),classNames:{heading:`text-[var(--oh-muted)]`},children:I.map(e=>(0,v.jsx)(c.listbox_item_base_default,{textValue:e.name,children:(0,v.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,v.jsx)(`span`,{className:`truncate`,children:e.name}),s.isFreeOpenHandsModel(`${E}/${e.name}`)?(0,v.jsx)(`span`,{className:y,children:s.FREE_MODEL_BADGE_LABEL}):null]})},e.name))}),L.length>0?(0,v.jsx)(l.listbox_section_base_default,{title:G(n.I18nKey.MODEL_SELECTOR$OTHERS),classNames:{heading:`text-[var(--oh-muted)]`},children:L.map(e=>(0,v.jsx)(c.listbox_item_base_default,{"data-testid":`model-item-${e.name}`,textValue:e.name,children:e.name},e.name))}):null]}),V&&O?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`span`,{ref:H,className:`pointer-events-none absolute left-3 top-1/2 whitespace-pre text-sm opacity-0`,"aria-hidden":!0,children:O}),(0,v.jsx)(`span`,{"data-testid":`selected-free-model-badge`,className:a.cn(y,`pointer-events-none absolute top-1/2 z-10 -translate-y-1/2`),style:{left:`calc(0.75rem + ${U}px + 0.5rem)`},children:s.FREE_MODEL_BADGE_LABEL})]}):null]}),N&&(0,v.jsx)(`p`,{"data-testid":`models-error`,className:`text-danger text-xs`,children:G(n.I18nKey.CONFIGURATION$ERROR_FETCH_MODELS)}),E===`openhands`?(0,v.jsx)(b,{}):null]})]})}exports.ModelSelector=x;
 //# sourceMappingURL=model-selector.cjs.map

package/dist/components/shared/modals/settings/model-selector.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"model-selector.cjs","names":[],"sources":["../../../../../src/components/shared/modals/settings/model-selector.tsx"],"sourcesContent":["import {\n Autocomplete,\n AutocompleteItem,\n AutocompleteSection,\n} from \"@heroui/react\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { mapProvider } from \"#/utils/map-provider\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlSettingsFieldClassName } from \"#/utils/form-control-classes\";\nimport { heroUiAutocompleteSelectorButtonClassName } from \"#/ui/combobox-caret\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { PRODUCT_URL } from \"#/utils/constants\";\nimport { useSearchProviders } from \"#/hooks/query/use-search-providers\";\nimport { useProviderModels } from \"#/hooks/query/use-provider-models\";\n\ninterface ModelSelectorProps {\n isDisabled?: boolean;\n currentModel?: string;\n onChange?: (provider: string \| null, model: string \| null) => void;\n onDefaultValuesChanged?: (\n provider: string \| null,\n model: string \| null,\n ) => void;\n wrapperClassName?: string;\n labelClassName?: string;\n}\n\nexport function ModelSelector({\n isDisabled,\n currentModel,\n onChange,\n onDefaultValuesChanged,\n wrapperClassName,\n labelClassName,\n}: ModelSelectorProps) {\n const [, setLitellmId] = React.useState<string \| null>(null);\n const [selectedProvider, setSelectedProvider] = React.useState<string \| null>(\n null,\n );\n const [selectedModel, setSelectedModel] = React.useState<string \| null>(null);\n\n const { data: providers = [] } = useSearchProviders();\n const {\n data: providerModels = [],\n isLoading: isLoadingModels,\n error: modelsError,\n } = useProviderModels(selectedProvider);\n\n const verifiedProviders = React.useMemo(\n () => providers.filter((p) => p.verified),\n [providers],\n );\n const unverifiedProviders = React.useMemo(\n () => providers.filter((p) => !p.verified),\n [providers],\n );\n\n const verifiedModels = React.useMemo(\n () => providerModels.filter((m) => m.verified),\n [providerModels],\n );\n const unverifiedModels = React.useMemo(\n () => providerModels.filter((m) => !m.verified),\n [providerModels],\n );\n\n React.useEffect(() => {\n if (currentModel) {\n const { provider, model } = extractModelAndProvider(currentModel);\n\n setLitellmId(currentModel);\n setSelectedProvider(provider \|\| null);\n setSelectedModel(model);\n onDefaultValuesChanged?.(provider \|\| null, model);\n }\n }, [currentModel]);\n\n const handleChangeProvider = (provider: string) => {\n setSelectedProvider(provider);\n setSelectedModel(null);\n setLitellmId(`${provider}/`);\n onChange?.(provider, null);\n };\n\n const handleChangeModel = (model: string) => {\n let fullModel = `${selectedProvider}/${model}`;\n if (selectedProvider === \"openai\") {\n fullModel = model;\n }\n setLitellmId(fullModel);\n setSelectedModel(model);\n onChange?.(selectedProvider, model);\n };\n\n const clear = () => {\n setSelectedProvider(null);\n setLitellmId(null);\n };\n\n const { t } = useTranslation(\"openhands\");\n\n return (\n <div\n className={cn(\n \"flex flex-col md:flex-row w-full min-w-0 justify-between gap-4 md:gap-[46px]\",\n wrapperClassName,\n )}\n >\n <fieldset className=\"flex flex-col gap-2.5 w-full\">\n <label className={cn(\"text-sm\", labelClassName)}>\n {t(I18nKey.LLM$PROVIDER)}\n </label>\n <Autocomplete\n data-testid=\"llm-provider-input\"\n isRequired\n isVirtualized={false}\n name=\"llm-provider-input\"\n isDisabled={isDisabled}\n aria-label={t(I18nKey.LLM$PROVIDER)}\n isClearable={false}\n onSelectionChange={(e) => {\n if (e?.toString()) handleChangeProvider(e.toString());\n }}\n onInputChange={(value) => !value && clear()}\n defaultSelectedKey={selectedProvider ?? undefined}\n selectedKey={selectedProvider}\n classNames={{\n popoverContent:\n \"bg-content1 rounded-xl border border-[var(--oh-border)]\",\n selectorButton: heroUiAutocompleteSelectorButtonClassName,\n }}\n selectorButtonProps={{ disableRipple: true }}\n inputProps={{\n classNames: {\n inputWrapper: formControlSettingsFieldClassName,\n },\n }}\n >\n <AutocompleteSection\n title={t(I18nKey.MODEL_SELECTOR$VERIFIED)}\n classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n >\n {verifiedProviders.map((provider) => (\n <AutocompleteItem\n data-testid={`provider-item-${provider.name}`}\n key={provider.name}\n >\n {mapProvider(provider.name)}\n </AutocompleteItem>\n ))}\n </AutocompleteSection>\n {unverifiedProviders.length > 0 ? (\n <AutocompleteSection\n title={t(I18nKey.MODEL_SELECTOR$OTHERS)}\n classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n >\n {unverifiedProviders.map((provider) => (\n <AutocompleteItem key={provider.name}>\n {mapProvider(provider.name)}\n </AutocompleteItem>\n ))}\n </AutocompleteSection>\n ) : null}\n </Autocomplete>\n </fieldset>\n\n {selectedProvider === \"openhands\" && (\n <HelpLink\n testId=\"openhands-account-help\"\n text={t(I18nKey.SETTINGS$NEED_OPENHANDS_ACCOUNT)}\n linkText={t(I18nKey.SETTINGS$CLICK_HERE)}\n href={PRODUCT_URL.PRODUCTION}\n size=\"settings\"\n linkColor=\"white\"\n />\n )}\n\n <fieldset className=\"flex flex-col gap-2.5 w-full\">\n <label className={cn(\"text-sm\", labelClassName)}>\n {t(I18nKey.LLM$MODEL)}\n </label>\n <Autocomplete\n data-testid=\"llm-model-input\"\n isRequired\n isVirtualized={false}\n isLoading={isLoadingModels}\n name=\"llm-model-input\"\n aria-label={t(I18nKey.LLM$MODEL)}\n isClearable={false}\n onSelectionChange={(e) => {\n if (e?.toString()) handleChangeModel(e.toString());\n }}\n isDisabled={isDisabled \|\| !selectedProvider}\n selectedKey={selectedModel}\n defaultSelectedKey={selectedModel ?? undefined}\n classNames={{\n popoverContent:\n \"bg-content1 rounded-xl border border-[var(--oh-border)]\",\n selectorButton: heroUiAutocompleteSelectorButtonClassName,\n }}\n selectorButtonProps={{ disableRipple: true }}\n inputProps={{\n classNames: {\n inputWrapper: formControlSettingsFieldClassName,\n },\n }}\n >\n <AutocompleteSection\n title={t(I18nKey.MODEL_SELECTOR$VERIFIED)}\n classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n >\n {verifiedModels.map((model) => (\n <AutocompleteItem key={model.name}>{model.name}</AutocompleteItem>\n ))}\n </AutocompleteSection>\n {unverifiedModels.length > 0 ? (\n <AutocompleteSection\n title={t(I18nKey.MODEL_SELECTOR$OTHERS)}\n classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n >\n {unverifiedModels.map((model) => (\n <AutocompleteItem\n data-testid={`model-item-${model.name}`}\n key={model.name}\n >\n {model.name}\n </AutocompleteItem>\n ))}\n </AutocompleteSection>\n ) : null}\n </Autocomplete>\n {modelsError && (\n <p data-testid=\"models-error\" className=\"text-danger text-xs\">\n {t(I18nKey.CONFIGURATION$ERROR_FETCH_MODELS)}\n </p>\n )}\n </fieldset>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"model-selector.cjs","names":[],"sources":["../../../../../src/components/shared/modals/settings/model-selector.tsx"],"sourcesContent":["import {\n Autocomplete,\n AutocompleteItem,\n AutocompleteSection,\n} from \"@heroui/react\";\nimport { Info } from \"lucide-react\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { mapProvider } from \"#/utils/map-provider\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlSettingsFieldClassName } from \"#/utils/form-control-classes\";\nimport { heroUiAutocompleteSelectorButtonClassName } from \"#/ui/combobox-caret\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { PRODUCT_URL } from \"#/utils/constants\";\nimport { useSearchProviders } from \"#/hooks/query/use-search-providers\";\nimport { useProviderModels } from \"#/hooks/query/use-provider-models\";\nimport {\n FREE_MODEL_BADGE_LABEL,\n FREE_OPENHANDS_MODEL_NOTE,\n isFreeOpenHandsModel,\n} from \"#/utils/format-model-name\";\n\nconst freeModelBadgeClassName =\n \"shrink-0 rounded-full border border-warning/40 bg-warning/10 px-1.5 py-0.5 text-[10px] leading-none text-warning\";\n\nfunction FreeOpenHandsModelsNote() {\n return (\n <p\n data-testid=\"openhands-free-models-note\"\n className=\"flex items-start gap-2 text-xs text-warning\"\n >\n <Info className=\"mt-0.5 size-4 shrink-0 text-warning\" aria-hidden />\n <span>{FREE_OPENHANDS_MODEL_NOTE}</span>\n </p>\n );\n}\n\ninterface ModelSelectorProps {\n isDisabled?: boolean;\n currentModel?: string;\n onChange?: (provider: string \| null, model: string \| null) => void;\n onDefaultValuesChanged?: (\n provider: string \| null,\n model: string \| null,\n ) => void;\n wrapperClassName?: string;\n labelClassName?: string;\n}\n\nexport function ModelSelector({\n isDisabled,\n currentModel,\n onChange,\n onDefaultValuesChanged,\n wrapperClassName,\n labelClassName,\n}: ModelSelectorProps) {\n const [, setLitellmId] = React.useState<string \| null>(null);\n const [selectedProvider, setSelectedProvider] = React.useState<string \| null>(\n null,\n );\n const [selectedModel, setSelectedModel] = React.useState<string \| null>(null);\n\n const { data: providers = [] } = useSearchProviders();\n const {\n data: providerModels = [],\n isLoading: isLoadingModels,\n error: modelsError,\n } = useProviderModels(selectedProvider);\n\n const verifiedProviders = React.useMemo(\n () => providers.filter((p) => p.verified),\n [providers],\n );\n const unverifiedProviders = React.useMemo(\n () => providers.filter((p) => !p.verified),\n [providers],\n );\n\n const verifiedModels = React.useMemo(\n () => providerModels.filter((m) => m.verified),\n [providerModels],\n );\n const unverifiedModels = React.useMemo(\n () => providerModels.filter((m) => !m.verified),\n [providerModels],\n );\n\n React.useEffect(() => {\n if (currentModel) {\n const { provider, model } = extractModelAndProvider(currentModel);\n\n setLitellmId(currentModel);\n setSelectedProvider(provider \|\| null);\n setSelectedModel(model);\n onDefaultValuesChanged?.(provider \|\| null, model);\n }\n }, [currentModel]);\n\n const handleChangeProvider = (provider: string) => {\n setSelectedProvider(provider);\n setSelectedModel(null);\n setLitellmId(`${provider}/`);\n onChange?.(provider, null);\n };\n\n const handleChangeModel = (model: string) => {\n let fullModel = `${selectedProvider}/${model}`;\n if (selectedProvider === \"openai\") {\n fullModel = model;\n }\n setLitellmId(fullModel);\n setSelectedModel(model);\n onChange?.(selectedProvider, model);\n };\n\n const clear = () => {\n setSelectedProvider(null);\n setLitellmId(null);\n };\n\n const selectedFullModel =\n selectedProvider && selectedModel\n ? `${selectedProvider}/${selectedModel}`\n : null;\n const isSelectedModelFree = isFreeOpenHandsModel(selectedFullModel);\n const selectedModelMeasureRef = React.useRef<HTMLSpanElement>(null);\n const [selectedModelTextWidth, setSelectedModelTextWidth] = React.useState(0);\n\n React.useLayoutEffect(() => {\n if (!isSelectedModelFree \|\| !selectedModelMeasureRef.current) {\n setSelectedModelTextWidth(0);\n return undefined;\n }\n\n const measureSelectedModel = () => {\n setSelectedModelTextWidth(\n Math.ceil(\n selectedModelMeasureRef.current?.getBoundingClientRect().width ?? 0,\n ),\n );\n };\n measureSelectedModel();\n\n if (typeof ResizeObserver === \"undefined\") {\n return undefined;\n }\n\n const observer = new ResizeObserver(measureSelectedModel);\n observer.observe(selectedModelMeasureRef.current);\n return () => observer.disconnect();\n }, [isSelectedModelFree, selectedModel]);\n\n const { t } = useTranslation(\"openhands\");\n\n return (\n <div\n className={cn(\n \"flex flex-col md:flex-row w-full min-w-0 justify-between gap-4 md:gap-[46px]\",\n wrapperClassName,\n )}\n >\n <fieldset className=\"flex flex-col gap-2.5 w-full\">\n <label className={cn(\"text-sm\", labelClassName)}>\n {t(I18nKey.LLM$PROVIDER)}\n </label>\n <Autocomplete\n data-testid=\"llm-provider-input\"\n isRequired\n isVirtualized={false}\n name=\"llm-provider-input\"\n isDisabled={isDisabled}\n aria-label={t(I18nKey.LLM$PROVIDER)}\n isClearable={false}\n onSelectionChange={(e) => {\n if (e?.toString()) handleChangeProvider(e.toString());\n }}\n onInputChange={(value) => !value && clear()}\n defaultSelectedKey={selectedProvider ?? undefined}\n selectedKey={selectedProvider}\n classNames={{\n popoverContent:\n \"bg-content1 rounded-xl border border-[var(--oh-border)]\",\n selectorButton: heroUiAutocompleteSelectorButtonClassName,\n }}\n selectorButtonProps={{ disableRipple: true }}\n inputProps={{\n classNames: {\n inputWrapper: formControlSettingsFieldClassName,\n },\n }}\n >\n <AutocompleteSection\n title={t(I18nKey.MODEL_SELECTOR$VERIFIED)}\n classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n >\n {verifiedProviders.map((provider) => (\n <AutocompleteItem\n data-testid={`provider-item-${provider.name}`}\n key={provider.name}\n >\n {mapProvider(provider.name)}\n </AutocompleteItem>\n ))}\n </AutocompleteSection>\n {unverifiedProviders.length > 0 ? (\n <AutocompleteSection\n title={t(I18nKey.MODEL_SELECTOR$OTHERS)}\n classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n >\n {unverifiedProviders.map((provider) => (\n <AutocompleteItem key={provider.name}>\n {mapProvider(provider.name)}\n </AutocompleteItem>\n ))}\n </AutocompleteSection>\n ) : null}\n </Autocomplete>\n </fieldset>\n\n {selectedProvider === \"openhands\" && (\n <div className=\"flex flex-col gap-2\">\n <HelpLink\n testId=\"openhands-account-help\"\n text={t(I18nKey.SETTINGS$NEED_OPENHANDS_ACCOUNT)}\n linkText={t(I18nKey.SETTINGS$CLICK_HERE)}\n href={PRODUCT_URL.PRODUCTION}\n size=\"settings\"\n linkColor=\"white\"\n />\n </div>\n )}\n\n <fieldset className=\"flex flex-col gap-2.5 w-full\">\n <label className={cn(\"text-sm\", labelClassName)}>\n {t(I18nKey.LLM$MODEL)}\n </label>\n <div className=\"relative\">\n <Autocomplete\n data-testid=\"llm-model-input\"\n isRequired\n isVirtualized={false}\n isLoading={isLoadingModels}\n name=\"llm-model-input\"\n aria-label={t(I18nKey.LLM$MODEL)}\n isClearable={false}\n onSelectionChange={(e) => {\n if (e?.toString()) handleChangeModel(e.toString());\n }}\n isDisabled={isDisabled \|\| !selectedProvider}\n selectedKey={selectedModel}\n defaultSelectedKey={selectedModel ?? undefined}\n classNames={{\n popoverContent:\n \"bg-content1 rounded-xl border border-[var(--oh-border)]\",\n selectorButton: heroUiAutocompleteSelectorButtonClassName,\n }}\n selectorButtonProps={{ disableRipple: true }}\n inputProps={{\n classNames: {\n inputWrapper: formControlSettingsFieldClassName,\n },\n }}\n >\n <AutocompleteSection\n title={t(I18nKey.MODEL_SELECTOR$VERIFIED)}\n classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n >\n {verifiedModels.map((model) => (\n <AutocompleteItem key={model.name} textValue={model.name}>\n <span className=\"flex min-w-0 items-center gap-2\">\n <span className=\"truncate\">{model.name}</span>\n {isFreeOpenHandsModel(\n `${selectedProvider}/${model.name}`,\n ) ? (\n <span className={freeModelBadgeClassName}>\n {FREE_MODEL_BADGE_LABEL}\n </span>\n ) : null}\n </span>\n </AutocompleteItem>\n ))}\n </AutocompleteSection>\n {unverifiedModels.length > 0 ? (\n <AutocompleteSection\n title={t(I18nKey.MODEL_SELECTOR$OTHERS)}\n classNames={{ heading: \"text-[var(--oh-muted)]\" }}\n >\n {unverifiedModels.map((model) => (\n <AutocompleteItem\n data-testid={`model-item-${model.name}`}\n key={model.name}\n textValue={model.name}\n >\n {model.name}\n </AutocompleteItem>\n ))}\n </AutocompleteSection>\n ) : null}\n </Autocomplete>\n {isSelectedModelFree && selectedModel ? (\n <>\n <span\n ref={selectedModelMeasureRef}\n className=\"pointer-events-none absolute left-3 top-1/2 whitespace-pre text-sm opacity-0\"\n aria-hidden\n >\n {selectedModel}\n </span>\n <span\n data-testid=\"selected-free-model-badge\"\n className={cn(\n freeModelBadgeClassName,\n \"pointer-events-none absolute top-1/2 z-10 -translate-y-1/2\",\n )}\n style={{\n left: `calc(0.75rem + ${selectedModelTextWidth}px + 0.5rem)`,\n }}\n >\n {FREE_MODEL_BADGE_LABEL}\n </span>\n </>\n ) : null}\n </div>\n {modelsError && (\n <p data-testid=\"models-error\" className=\"text-danger text-xs\">\n {t(I18nKey.CONFIGURATION$ERROR_FETCH_MODELS)}\n </p>\n )}\n {selectedProvider === \"openhands\" ? <FreeOpenHandsModelsNote /> : null}\n </fieldset>\n </div>\n );\n}\n"],"mappings":"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"}