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

@openhands/agent-canvas 1.12.0 → 1.14.0

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

Files changed (899) hide show

package/dist/components/features/conversation/conversation-name-with-status.js CHANGED Viewed

@@ -1,59 +1,87 @@
-import { AgentState as e } from "../../../types/agent-state.js";
-import { isExecutionActive as t, isExecutionErrored as n, isExecutionPaused as r } from "../../../utils/status.js";
-import { getStatusColor as i } from "../../../utils/utils.js";
-import { useConversationId as a } from "../../../hooks/use-conversation-id.js";
-import { useActiveConversation as o } from "../../../hooks/query/use-active-conversation.js";
-import { useAgentState as s } from "../../../hooks/use-agent-state.js";
-import { useTaskPolling as c } from "../../../hooks/query/use-task-polling.js";
-import { useUnifiedPauseConversation as l } from "../../../hooks/mutation/use-unified-stop-conversation.js";
-import { useUserProviders as u } from "../../../hooks/use-user-providers.js";
-import d from "../../../icons/debug-stackframe-dot.js";
-import { useUnifiedResumeConversation as f } from "../../../hooks/mutation/use-unified-start-conversation.js";
-import { ServerStatusContextMenu as p } from "../controls/server-status-context-menu.js";
-import { ConversationName as m } from "./conversation-name.js";
-import { RightPanelToggle as h } from "./right-panel-toggle.js";
-import "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { AgentState as n } from "../../../types/agent-state.js";
+import { isExecutionActive as r, isExecutionErrored as i, isExecutionPaused as a } from "../../../utils/status.js";
+import { cn as o, getStatusColor as s } from "../../../utils/utils.js";
+import { useConversationId as c } from "../../../hooks/use-conversation-id.js";
+import { useActiveConversation as l } from "../../../hooks/query/use-active-conversation.js";
+import { useAgentState as u } from "../../../hooks/use-agent-state.js";
+import { useTaskPolling as d } from "../../../hooks/query/use-task-polling.js";
+import { useUnifiedPauseConversation as f } from "../../../hooks/mutation/use-unified-stop-conversation.js";
+import { useUserProviders as p } from "../../../hooks/use-user-providers.js";
+import m from "../../../icons/debug-stackframe-dot.js";
+import { useUnifiedResumeConversation as h } from "../../../hooks/mutation/use-unified-start-conversation.js";
+import { ServerStatusContextMenu as g } from "../controls/server-status-context-menu.js";
+import { ConversationName as _ } from "./conversation-name.js";
+import { RightPanelToggle as v } from "./right-panel-toggle.js";
+import y from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-name-with-status.tsx
-function v() {
-	let { conversationId: v } = a(), { data: y } = o(), { curAgentState: b } = s(), { isTask: x, taskStatus: S } = c(), { mutate: C } = l(), { mutate: w } = f(), { providers: T } = u(), E = y?.execution_status ?? null;
-	return /* @__PURE__ */ _("div", {
+function S() {
+	let { t: S } = e("openhands"), { conversationId: C } = c(), { data: w } = l(), { curAgentState: T } = u(), { isTask: E, taskStatus: D } = d(), { mutate: O } = f(), { mutate: k } = h(), { providers: A } = p(), [j, M] = y.useState(!1), [N, P] = y.useState(!1), F = y.useRef(null), I = w?.execution_status ?? null, L = s({
+		isPausing: !1,
+		isTask: E,
+		taskStatus: D,
+		isStartingStatus: T === n.LOADING || T === n.INIT,
+		isStopStatus: i(I),
+		curAgentState: T
+	}), R = j || N, z = () => {
+		M(!1), P(!1);
+	};
+	return /* @__PURE__ */ x("div", {
 		className: "flex items-center justify-between w-full",
-		children: [/* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ x("div", {
 			className: "flex items-center min-w-0",
-			children: [/* @__PURE__ */ _("div", {
-				className: "group relative shrink-0",
-				children: [/* @__PURE__ */ g(d, {
-					className: "ml-[3.5px] w-6 h-6 cursor-pointer",
-					color: i({
-						isPausing: !1,
-						isTask: x,
-						taskStatus: S,
-						isStartingStatus: b === e.LOADING || b === e.INIT,
-						isStopStatus: n(E),
-						curAgentState: b
+			children: [/* @__PURE__ */ x("div", {
+				className: "relative shrink-0",
+				onPointerEnter: (e) => {
+					e.pointerType === "mouse" && P(!0);
+				},
+				onPointerLeave: (e) => {
+					e.pointerType === "mouse" && P(!1);
+				},
+				children: [/* @__PURE__ */ b("button", {
+					ref: F,
+					type: "button",
+					"data-testid": "server-status-menu-trigger",
+					"aria-label": S(t.COMMON$SERVER_STATUS),
+					"aria-expanded": R,
+					"aria-haspopup": "menu",
+					onClick: (e) => {
+						if (e.preventDefault(), e.stopPropagation(), R) {
+							z();
+							return;
+						}
+						M(!0);
+					},
+					className: o("flex items-center justify-center rounded-md", "text-[var(--oh-muted)] hover:bg-white/10"),
+					children: /* @__PURE__ */ b(m, {
+						className: "ml-[3.5px] w-6 h-6 cursor-pointer",
+						color: L,
+						"aria-hidden": !0
 					})
-				}), /* @__PURE__ */ g(p, {
-					onClose: () => {},
-					onStopServer: t(E) ? (e) => {
-						e.preventDefault(), e.stopPropagation(), v && C({ conversationId: v });
+				}), R ? /* @__PURE__ */ b(g, {
+					onClose: z,
+					ignoreOutsideClickRef: F,
+					onStopServer: r(I) ? (e) => {
+						e.preventDefault(), e.stopPropagation(), C && O({ conversationId: C }), z();
 					} : void 0,
-					onStartServer: r(E) ? (e) => {
-						e.preventDefault(), e.stopPropagation(), v && w({
-							conversationId: v,
-							providers: T
-						});
+					onStartServer: a(I) ? (e) => {
+						e.preventDefault(), e.stopPropagation(), C && k({
+							conversationId: C,
+							providers: A
+						}), z();
 					} : void 0,
-					executionStatus: E,
+					executionStatus: I,
 					position: "bottom",
-					className: "opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto bottom-full left-0 mt-0 min-h-fit",
+					className: "bottom-full left-0 mt-0 min-h-fit",
 					isPausing: !1
-				})]
-			}), /* @__PURE__ */ g(m, {})]
-		}), /* @__PURE__ */ g(h, { className: "mr-2" })]
+				}) : null]
+			}), /* @__PURE__ */ b(_, {})]
+		}), /* @__PURE__ */ b(v, { className: "mr-2" })]
 	});
 }
 //#endregion
-export { v as ConversationNameWithStatus };
+export { S as ConversationNameWithStatus };
 //# sourceMappingURL=conversation-name-with-status.js.map

package/dist/components/features/conversation/conversation-name-with-status.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-name-with-status.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-with-status.tsx"],"sourcesContent":["import React from \"react\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { useUnifiedResumeConversation } from \"#/hooks/mutation/use-unified-start-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { getStatusColor } from \"#/utils/utils\";\nimport { AgentState } from \"#/types/agent-state\";\nimport DebugStackframeDot from \"#/icons/debug-stackframe-dot.svg?react\";\nimport { ServerStatusContextMenu } from \"../controls/server-status-context-menu\";\nimport { ConversationName } from \"./conversation-name\";\nimport { RightPanelToggle } from \"./right-panel-toggle\";\nimport {\n isExecutionActive,\n isExecutionErrored,\n isExecutionPaused,\n} from \"#/utils/status\";\n\nexport function ConversationNameWithStatus() {\n const { conversationId } = useConversationId();\n const { data: conversation } = useActiveConversation();\n const { curAgentState } = useAgentState();\n const { isTask, taskStatus } = useTaskPolling();\n const { mutate: pauseConversation } = useUnifiedPauseConversation();\n const { mutate: resumeConversation } = useUnifiedResumeConversation();\n const { providers } = useUserProviders();\n\n const executionStatus = conversation?.execution_status ?? null;\n const isStartingStatus =\n curAgentState === AgentState.LOADING \|\| curAgentState === AgentState.INIT;\n const isStopStatus = isExecutionErrored(executionStatus);\n\n const statusColor = getStatusColor({\n isPausing: false,\n isTask,\n taskStatus,\n isStartingStatus,\n isStopStatus,\n curAgentState,\n });\n\n const handleStopServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n if (conversationId) {\n pauseConversation({ conversationId });\n }\n };\n\n const handleStartServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n if (conversationId) {\n resumeConversation({ conversationId, providers });\n }\n };\n\n return (\n <div className=\"flex items-center justify-between w-full\">\n <div className=\"flex items-center min-w-0\">\n <div className=\"~~group~~ relative shrink-0\">\n <~~DebugStackframeDot~~\n className=\"ml-[3.5px] w-6 h-6 cursor-pointer\"\n color={statusColor}\n />\n <ServerStatusContextMenu\n onClose={~~() =>~~ {}}\n onStopServer={\n isExecutionActive(executionStatus) ? handleStopServer : undefined\n }\n onStartServer={\n isExecutionPaused(executionStatus) ? handleStartServer : undefined\n }\n executionStatus={executionStatus}\n position=\"bottom\"\n className=\"~~opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto~~ bottom-full left-0 mt-0 min-h-fit\"\n isPausing={false}\n />\n </div>\n <ConversationName />\n </div>\n <RightPanelToggle className=\"mr-2\" />\n </div>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;;;AAoBA~~,SAAgB,IAA6B;CAC3C,IAAM,EAAE,sBAAmB,EAAkB,GACvC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,qBAAkB,EAAc,GAClC,EAAE,WAAQ,kBAAe,EAAe,GACxC,EAAE,QAAQ,MAAsB,EAA4B,GAC5D,EAAE,QAAQ,MAAuB,EAA6B,GAC9D,EAAE,iBAAc,EAAiB,~~GAEjC~~,IAAkB,GAAc,oBAAoB;~~CA8B1D~~,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;~~IAAK~~,WAAU;~~cAAf~~,~~CACE~~,kBAAC,~~GAAD~~;KACE,~~WAAU~~;~~KACV~~,~~OA/BU~~,~~EAAe~~;~~MACjC~~,~~WAAW~~;~~MACX~~;~~MACA~~;MACA,~~kBAPA~~,~~MAAkB~~,~~EAAW,~~WAAW,~~MAAkB~~,~~EAAW~~;~~MAQrE~~,~~cAPmB~~,~~EAAmB~~,~~CAOtC~~;~~MACA~~;~~KACF~~,~~CAwBiB~~;~~IACR~~,CAAA,~~GACD~~,kBAAC,GAAD;KACE,~~eAAe~~,~~CAAC~~;~~KAChB~~,cACE,EAAkB,CAAe,~~KA3BnB~~,MAA+C;~~MAGvE~~,~~AAFA~~,EAAM,eAAe,GACrB,EAAM,gBAAgB,GAClB,KACF,EAAkB,EAAE,kBAAe,CAAC;~~KAExC~~,~~IAqBoE~~,KAAA;~~KAE1D~~,eACE,EAAkB,CAAe,~~KAtBlB~~,MAA+C;~~MAGxE~~,~~AAFA~~,EAAM,eAAe,GACrB,EAAM,gBAAgB,GAClB,KACF,EAAmB;OAAE;OAAgB;MAAU,CAAC;~~KAEpD~~,~~IAgBqE~~,KAAA;~~KAE1C~~;KACjB,UAAS;KACT,WAAU;KACV,WAAW;IACZ,CAAA,~~CACE~~;OACL,kBAAC,GAAD,CAAmB,CAAA,CAChB;MACL,kBAAC,GAAD,EAAkB,WAAU,OAAQ,CAAA,CACjC;;AAET"}
1	+ {"version":3,"file":"conversation-name-with-status.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-with-status.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { useUnifiedResumeConversation } from \"#/hooks/mutation/use-unified-start-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { getStatusColor, cn } from \"#/utils/utils\";\nimport { AgentState } from \"#/types/agent-state\";\nimport DebugStackframeDot from \"#/icons/debug-stackframe-dot.svg?react\";\nimport { ServerStatusContextMenu } from \"../controls/server-status-context-menu\";\nimport { ConversationName } from \"./conversation-name\";\nimport { RightPanelToggle } from \"./right-panel-toggle\";\nimport {\n isExecutionActive,\n isExecutionErrored,\n isExecutionPaused,\n} from \"#/utils/status\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nexport function ConversationNameWithStatus() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const { data: conversation } = useActiveConversation();\n const { curAgentState } = useAgentState();\n const { isTask, taskStatus } = useTaskPolling();\n const { mutate: pauseConversation } = useUnifiedPauseConversation();\n const { mutate: resumeConversation } = useUnifiedResumeConversation();\n const { providers } = useUserProviders();\n const [menuOpen, setMenuOpen] = React.useState(false);\n const [hoveredOpen, setHoveredOpen] = React.useState(false);\n const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n const executionStatus = conversation?.execution_status ?? null;\n const isStartingStatus =\n curAgentState === AgentState.LOADING \|\| curAgentState === AgentState.INIT;\n const isStopStatus = isExecutionErrored(executionStatus);\n\n const statusColor = getStatusColor({\n isPausing: false,\n isTask,\n taskStatus,\n isStartingStatus,\n isStopStatus,\n curAgentState,\n });\n\n const isMenuVisible = menuOpen \|\| hoveredOpen;\n\n const closeMenu = () => {\n setMenuOpen(false);\n setHoveredOpen(false);\n };\n\n const handleStopServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n if (conversationId) {\n pauseConversation({ conversationId });\n }\n closeMenu();\n };\n\n const handleStartServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n if (conversationId) {\n resumeConversation({ conversationId, providers });\n }\n closeMenu();\n };\n\n const handleStatusClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n // Click toggles for touch; on desktop it also dismisses a hover-opened menu\n // instead of \"pinning\" it open under the cursor.\n if (isMenuVisible) {\n closeMenu();\n return;\n }\n setMenuOpen(true);\n };\n\n return (\n <div className=\"flex items-center justify-between w-full\">\n <div className=\"flex items-center min-w-0\">\n <div\n className=\"relative shrink-0\"\n onPointerEnter={(event) => {\n // Gate on this event's pointer, not device-primary matchMedia — hybrid\n // laptops can emit compatibility mouseenter for touchscreen taps.\n if (event.pointerType === \"mouse\") {\n setHoveredOpen(true);\n }\n }}\n onPointerLeave={(event) => {\n if (event.pointerType === \"mouse\") {\n setHoveredOpen(false);\n }\n }}\n >\n <button\n ref={triggerRef}\n type=\"button\"\n data-testid=\"server-status-menu-trigger\"\n aria-label={t(I18nKey.COMMON$SERVER_STATUS)}\n aria-expanded={isMenuVisible}\n aria-haspopup=\"menu\"\n onClick={handleStatusClick}\n className={cn(\n \"flex items-center justify-center rounded-md\",\n \"text-[var(--oh-muted)] hover:bg-white/10\",\n )}\n >\n <DebugStackframeDot\n className=\"ml-[3.5px] w-6 h-6 cursor-pointer\"\n color={statusColor}\n aria-hidden\n />\n </button>\n {isMenuVisible ? (\n <ServerStatusContextMenu\n onClose={closeMenu}\n ignoreOutsideClickRef={triggerRef}\n onStopServer={\n isExecutionActive(executionStatus)\n ? handleStopServer\n : undefined\n }\n onStartServer={\n isExecutionPaused(executionStatus)\n ? handleStartServer\n : undefined\n }\n executionStatus={executionStatus}\n position=\"bottom\"\n className=\"bottom-full left-0 mt-0 min-h-fit\"\n isPausing={false}\n />\n ) : null}\n </div>\n <ConversationName />\n </div>\n <RightPanelToggle className=\"mr-2\" />\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,SAAgB,IAA6B;CAC3C,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,sBAAmB,EAAkB,GACvC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,qBAAkB,EAAc,GAClC,EAAE,WAAQ,kBAAe,EAAe,GACxC,EAAE,QAAQ,MAAsB,EAA4B,GAC5D,EAAE,QAAQ,MAAuB,EAA6B,GAC9D,EAAE,iBAAc,EAAiB,GACjC,CAAC,GAAU,KAAe,EAAM,SAAS,EAAK,GAC9C,CAAC,GAAa,KAAkB,EAAM,SAAS,EAAK,GACpD,IAAa,EAAM,OAA0B,IAAI,GAEjD,IAAkB,GAAc,oBAAoB,MAKpD,IAAc,EAAe;EACjC,WAAW;EACX;EACA;EACA,kBAPA,MAAkB,EAAW,WAAW,MAAkB,EAAW;EAQrE,cAPmB,EAAmB,CAOtC;EACA;CACF,CAAC,GAEK,IAAgB,KAAY,GAE5B,UAAkB;EAEtB,AADA,EAAY,EAAK,GACjB,EAAe,EAAK;CACtB;CAgCA,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IACE,WAAU;IACV,iBAAiB,MAAU;KAGzB,AAAI,EAAM,gBAAgB,WACxB,EAAe,EAAI;IAEvB;IACA,iBAAiB,MAAU;KACzB,AAAI,EAAM,gBAAgB,WACxB,EAAe,EAAK;IAExB;cAbF,CAeE,kBAAC,UAAD;KACE,KAAK;KACL,MAAK;KACL,eAAY;KACZ,cAAY,EAAE,EAAQ,oBAAoB;KAC1C,iBAAe;KACf,iBAAc;KACd,UArCiB,MAA+C;MAKxE,IAJA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GAGlB,GAAe;OACjB,EAAU;OACV;MACF;MACA,EAAY,EAAI;KAClB;KA4BU,WAAW,EACT,+CACA,0CACF;eAEA,kBAAC,GAAD;MACE,WAAU;MACV,OAAO;MACP,eAAA;KACD,CAAA;IACK,CAAA,GACP,IACC,kBAAC,GAAD;KACE,SAAS;KACT,uBAAuB;KACvB,cACE,EAAkB,CAAe,KAxErB,MAA+C;MAMvE,AALA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GAClB,KACF,EAAkB,EAAE,kBAAe,CAAC,GAEtC,EAAU;KACZ,IAmEkB,KAAA;KAEN,eACE,EAAkB,CAAe,KApEpB,MAA+C;MAMxE,AALA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GAClB,KACF,EAAmB;OAAE;OAAgB;MAAU,CAAC,GAElD,EAAU;KACZ,IA+DkB,KAAA;KAEW;KACjB,UAAS;KACT,WAAU;KACV,WAAW;IACZ,CAAA,IACC,IACD;OACL,kBAAC,GAAD,CAAmB,CAAA,CAChB;MACL,kBAAC,GAAD,EAAkB,WAAU,OAAQ,CAAA,CACjC;;AAET"}

package/dist/components/features/conversation/conversation-name.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("../../../hooks/use-conversation-id.cjs"),i=require("../../../utils/custom-toast-handlers.cjs"),a=require("../../../hooks/query/use-active-conversation.cjs"),o=require("../../../hooks/use-conversation-name-context-menu.cjs"),s=require("../conversation-panel/system-message-modal.cjs"),c=require("../conversation-panel/skills-modal.cjs"),l=require("../conversation-panel/hooks-modal.cjs"),u=require("../../../hooks/mutation/use-update-conversation.cjs"),d=require("../conversation-panel/ellipsis-button.cjs"),f=require("./conversation-name-context-menu.cjs"),p=require("../conversation-panel/confirm-delete-modal.cjs"),m=require("../conversation-panel/confirm-stop-modal.cjs"),h=require("./metrics-modal/metrics-modal.cjs"),g=require("./transcript-export-modal.cjs");let _=require("react");_=e.__toESM(_,1);let v=require("react/jsx-runtime");function y(){let{t:e}=t.useTranslation(`openhands`),{conversationId:y}=r.useConversationId(),{data:b}=a.useActiveConversation(),{mutate:x}=u.useUpdateConversation(),[S,C]=_.default.useState(`view`),[w,T]=_.default.useState(!1),[E,D]=_.default.useState(!1),O=_.default.useRef(null),k=_.default.useRef(null),{handleDelete:A,handleStop:j,handleDownloadConversation:M,handleDisplayCost:N,handleShowAgentTools:ee,handleShowSkills:P,handleShowHooks:F,handleTogglePublic:I,handleCopyShareLink:L,shareUrl:R,handleConfirmDelete:z,handleConfirmStop:B,metricsModalVisible:V,setMetricsModalVisible:H,systemModalVisible:U,setSystemModalVisible:W,skillsModalVisible:G,setSkillsModalVisible:K,hooksModalVisible:q,setHooksModalVisible:J,confirmDeleteModalVisible:Y,setConfirmDeleteModalVisible:X,confirmStopModalVisible:Z,setConfirmStopModalVisible:Q,systemMessage:$,shouldShowStop:te,shouldShowDownloadConversation:ne,shouldShowDisplayCost:re,shouldShowAgentTools:ie,shouldShowSkills:ae,shouldShowHooks:oe}=o.useConversationNameContextMenu({conversationId:y,executionStatus:b?.execution_status,showOptions:!0,onContextMenuToggle:T});return _.default.useEffect(()=>{S===`edit`&&O.current?.focus()},[S]),b?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0`,"data-testid":`conversation-name`,children:[S===`edit`?(0,v.jsx)(`input`,{ref:O,"data-testid":`conversation-name-input`,onClick:e=>{S===`edit`&&(e.preventDefault(),e.stopPropagation())},onBlur:()=>{if(O.current?.value&&y){let t=O.current.value.trim();t!==b?.title&&x({conversationId:y,newTitle:t},{onSuccess:()=>{i.displaySuccessToast(e(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})}else O.current&&(O.current.value=b?.title??``);C(`view`)},onKeyUp:e=>{e.nativeEvent.isComposing||e.key===`Enter`&&e.currentTarget.blur()},type:`text`,defaultValue:b.title||``,className:`text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content`}):(0,v.jsx)(`div`,{className:`text-white leading-5 truncate`,"data-testid":`conversation-name-title`,onDoubleClick:()=>{C(`edit`)},title:b.title||``,children:b.title}),S!==`edit`&&(0,v.jsxs)(`div`,{ref:k,className:`relative flex items-center shrink-0`,children:[(0,v.jsx)(d.EllipsisButton,{onClick:e=>{e.preventDefault(),e.stopPropagation(),T(!w)}}),w&&(0,v.jsx)(f.ConversationNameContextMenu,{onClose:()=>T(!1),onRename:e=>{e.preventDefault(),e.stopPropagation(),C(`edit`),T(!1)},onDelete:A,onStop:te?j:void 0,onDisplayCost:re?N:void 0,onShowAgentTools:ie?ee:void 0,onShowSkills:ae?P:void 0,onShowHooks:oe?F:void 0,onTogglePublic:I,onCopyShareLink:L,shareUrl:R,onExportTranscript:e=>{e.preventDefault(),e.stopPropagation(),D(!0),T(!1)},onDownloadConversation:ne?M:void 0,position:`bottom`,anchorRef:k})]})]}),(0,v.jsx)(h.MetricsModal,{isOpen:V,onOpenChange:H}),E&&y&&(0,v.jsx)(g.TranscriptExportModal,{conversationId:y,conversationUrl:b.conversation_url,sessionApiKey:b.session_api_key,conversationTitle:b.title,model:b.llm_model,onClose:()=>D(!1)}),(0,v.jsx)(s.SystemMessageModal,{isOpen:U,onClose:()=>W(!1),systemMessage:$||null}),G&&(0,v.jsx)(c.SkillsModal,{onClose:()=>K(!1)}),q&&(0,v.jsx)(l.HooksModal,{onClose:()=>J(!1)}),Y&&(0,v.jsx)(p.ConfirmDeleteModal,{onConfirm:z,onCancel:()=>X(!1),conversationTitle:b?.title||``}),Z&&(0,v.jsx)(m.ConfirmStopModal,{onConfirm:B,onCancel:()=>Q(!1)})]}):null}exports.ConversationName=y;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../hooks/use-conversation-id.cjs"),i=require("../../../utils/custom-toast-handlers.cjs"),a=require("../../../hooks/query/use-active-conversation.cjs"),o=require("../../../hooks/use-conversation-name-context-menu.cjs"),s=require("../conversation-panel/system-message-modal.cjs"),c=require("../conversation-panel/skills-modal.cjs"),l=require("../conversation-panel/hooks-modal.cjs"),u=require("../../../hooks/mutation/use-update-conversation.cjs"),d=require("../conversation-panel/ellipsis-button.cjs"),f=require("./conversation-name-context-menu.cjs"),p=require("../conversation-panel/confirm-delete-modal.cjs"),m=require("../conversation-panel/confirm-stop-modal.cjs"),h=require("./transcript-export-modal.cjs");let g=require("react");g=e.__toESM(g,1);let _=require("react/jsx-runtime");function v(){let{t:e}=t.useTranslation(`openhands`),{conversationId:v}=r.useConversationId(),{data:y}=a.useActiveConversation(),{mutate:b}=u.useUpdateConversation(),[x,S]=g.default.useState(`view`),[C,w]=g.default.useState(!1),[T,E]=g.default.useState(!1),D=g.default.useRef(null),O=g.default.useRef(null),{handleDelete:k,handleStop:A,handleDownloadConversation:j,handleDisplayCost:M,handleShowAgentTools:N,handleShowSkills:P,handleShowHooks:ee,handleTogglePublic:F,handleCopyShareLink:I,shareUrl:L,handleConfirmDelete:R,handleConfirmStop:z,systemModalVisible:B,setSystemModalVisible:V,skillsModalVisible:H,setSkillsModalVisible:U,hooksModalVisible:W,setHooksModalVisible:G,confirmDeleteModalVisible:K,setConfirmDeleteModalVisible:q,confirmStopModalVisible:J,setConfirmStopModalVisible:Y,systemMessage:X,shouldShowStop:Z,shouldShowDownloadConversation:Q,shouldShowDisplayCost:$,shouldShowAgentTools:te,shouldShowSkills:ne,shouldShowHooks:re}=o.useConversationNameContextMenu({conversationId:v,executionStatus:y?.execution_status,showOptions:!0,onContextMenuToggle:w});return g.default.useEffect(()=>{x===`edit`&&D.current?.focus()},[x]),y?(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0`,"data-testid":`conversation-name`,children:[x===`edit`?(0,_.jsx)(`input`,{ref:D,"data-testid":`conversation-name-input`,onClick:e=>{x===`edit`&&(e.preventDefault(),e.stopPropagation())},onBlur:()=>{if(D.current?.value&&v){let t=D.current.value.trim();t!==y?.title&&b({conversationId:v,newTitle:t},{onSuccess:()=>{i.displaySuccessToast(e(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})}else D.current&&(D.current.value=y?.title??``);S(`view`)},onKeyUp:e=>{e.nativeEvent.isComposing||e.key===`Enter`&&e.currentTarget.blur()},type:`text`,defaultValue:y.title||``,className:`text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content`}):(0,_.jsx)(`div`,{className:`text-white leading-5 truncate`,"data-testid":`conversation-name-title`,onDoubleClick:()=>{S(`edit`)},title:y.title||``,children:y.title}),x!==`edit`&&(0,_.jsxs)(`div`,{ref:O,className:`relative flex items-center shrink-0`,children:[(0,_.jsx)(d.EllipsisButton,{onClick:e=>{e.preventDefault(),e.stopPropagation(),w(!C)},ariaLabel:e(n.I18nKey.COMMON$MORE_OPTIONS)}),C&&(0,_.jsx)(f.ConversationNameContextMenu,{onClose:()=>w(!1),onRename:e=>{e.preventDefault(),e.stopPropagation(),S(`edit`),w(!1)},onDelete:k,onStop:Z?A:void 0,onDisplayCost:$?M:void 0,onShowAgentTools:te?N:void 0,onShowSkills:ne?P:void 0,onShowHooks:re?ee:void 0,onTogglePublic:F,onCopyShareLink:I,shareUrl:L,onExportTranscript:e=>{e.preventDefault(),e.stopPropagation(),E(!0),w(!1)},onDownloadConversation:Q?j:void 0,position:`bottom`,anchorRef:O})]})]}),T&&v&&(0,_.jsx)(h.TranscriptExportModal,{conversationId:v,conversationUrl:y.conversation_url,sessionApiKey:y.session_api_key,conversationTitle:y.title,model:y.llm_model,onClose:()=>E(!1)}),(0,_.jsx)(s.SystemMessageModal,{isOpen:B,onClose:()=>V(!1),systemMessage:X||null}),H&&(0,_.jsx)(c.SkillsModal,{onClose:()=>U(!1)}),W&&(0,_.jsx)(l.HooksModal,{onClose:()=>G(!1)}),K&&(0,_.jsx)(p.ConfirmDeleteModal,{onConfirm:R,onCancel:()=>q(!1),conversationTitle:y?.title||``}),J&&(0,_.jsx)(m.ConfirmStopModal,{onConfirm:z,onCancel:()=>Y(!1)})]}):null}exports.ConversationName=v;
 //# sourceMappingURL=conversation-name.cjs.map

package/dist/components/features/conversation/conversation-name.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-name.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-name.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationNameContextMenu } from \"#/hooks/use-conversation-name-context-menu\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { EllipsisButton } from \"../conversation-panel/ellipsis-button\";\nimport { ConversationNameContextMenu } from \"./conversation-name-context-menu\";\nimport { SystemMessageModal } from \"../conversation-panel/system-message-modal\";\nimport { SkillsModal } from \"../conversation-panel/skills-modal\";\nimport { HooksModal } from \"../conversation-panel/hooks-modal\";\nimport { ConfirmDeleteModal } from \"../conversation-panel/confirm-delete-modal\";\nimport { ConfirmStopModal } from \"../conversation-panel/confirm-stop-modal\";\nimport { MetricsModal } from \"./metrics-modal/metrics-modal\";\nimport { TranscriptExportModal } from \"./transcript-export-modal\";\n\nexport function ConversationName() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const { data: conversation } = useActiveConversation();\n const { mutate: updateConversation } = useUpdateConversation();\n\n const [titleMode, setTitleMode] = React.useState<\"view\" \| \"edit\">(\"view\");\n const [contextMenuOpen, setContextMenuOpen] = React.useState(false);\n const [transcriptExportModalVisible, setTranscriptExportModalVisible] =\n React.useState(false);\n const inputRef = React.useRef<HTMLInputElement>(null);\n const ellipsisAnchorRef = React.useRef<HTMLDivElement>(null);\n\n // Use the custom hook for context menu handlers\n const {\n handleDelete,\n handleStop,\n handleDownloadConversation,\n handleDisplayCost,\n handleShowAgentTools,\n handleShowSkills,\n handleShowHooks,\n handleTogglePublic,\n handleCopyShareLink,\n shareUrl,\n handleConfirmDelete,\n handleConfirmStop,\n metricsModalVisible,\n setMetricsModalVisible,\n systemModalVisible,\n setSystemModalVisible,\n skillsModalVisible,\n setSkillsModalVisible,\n hooksModalVisible,\n setHooksModalVisible,\n confirmDeleteModalVisible,\n setConfirmDeleteModalVisible,\n confirmStopModalVisible,\n setConfirmStopModalVisible,\n systemMessage,\n shouldShowStop,\n shouldShowDownloadConversation,\n shouldShowDisplayCost,\n shouldShowAgentTools,\n shouldShowSkills,\n shouldShowHooks,\n } = useConversationNameContextMenu({\n conversationId,\n executionStatus: conversation?.execution_status,\n showOptions: true,\n onContextMenuToggle: setContextMenuOpen,\n });\n\n const handleDoubleClick = () => {\n setTitleMode(\"edit\");\n };\n\n const handleBlur = () => {\n if (inputRef.current?.value && conversationId) {\n const trimmed = inputRef.current.value.trim();\n if (trimmed !== conversation?.title) {\n updateConversation(\n { conversationId, newTitle: trimmed },\n {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n },\n },\n );\n }\n } else if (inputRef.current) {\n // reset the value if it's empty\n inputRef.current.value = conversation?.title ?? \"\";\n }\n\n setTitleMode(\"view\");\n };\n\n const handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n // Ignore Enter key during IME composition (e.g., Chinese, Japanese, Korean input)\n if (event.nativeEvent.isComposing) {\n return;\n }\n if (event.key === \"Enter\") {\n event.currentTarget.blur();\n }\n };\n\n const handleInputClick = (event: React.MouseEvent<HTMLInputElement>) => {\n if (titleMode === \"edit\") {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n const handleEllipsisClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setContextMenuOpen(!contextMenuOpen);\n };\n\n const handleRename = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setTitleMode(\"edit\");\n setContextMenuOpen(false);\n };\n\n const handleExportTranscript = (\n event: React.MouseEvent<HTMLButtonElement>,\n ) => {\n event.preventDefault();\n event.stopPropagation();\n setTranscriptExportModalVisible(true);\n setContextMenuOpen(false);\n };\n\n React.useEffect(() => {\n if (titleMode === \"edit\") {\n inputRef.current?.focus();\n }\n }, [titleMode]);\n\n if (!conversation) {\n return null;\n }\n\n return (\n <>\n <div\n className=\"flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0\"\n data-testid=\"conversation-name\"\n >\n {titleMode === \"edit\" ? (\n <input\n ref={inputRef}\n data-testid=\"conversation-name-input\"\n onClick={handleInputClick}\n onBlur={handleBlur}\n onKeyUp={handleKeyUp}\n type=\"text\"\n defaultValue={conversation.title \|\| \"\"}\n className=\"text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content\"\n />\n ) : (\n <div\n className=\"text-white leading-5 truncate\"\n data-testid=\"conversation-name-title\"\n onDoubleClick={handleDoubleClick}\n title={conversation.title \|\| \"\"}\n >\n {conversation.title}\n </div>\n )}\n\n {titleMode !== \"edit\" && (\n <div\n ref={ellipsisAnchorRef}\n className=\"relative flex items-center shrink-0\"\n >\n <EllipsisButton onClick={handleEllipsisClick} />\n {contextMenuOpen && (\n <ConversationNameContextMenu\n onClose={() => setContextMenuOpen(false)}\n onRename={handleRename}\n onDelete={handleDelete}\n onStop={shouldShowStop ? handleStop : undefined}\n onDisplayCost={\n shouldShowDisplayCost ? handleDisplayCost : undefined\n }\n onShowAgentTools={\n shouldShowAgentTools ? handleShowAgentTools : undefined\n }\n onShowSkills={shouldShowSkills ? handleShowSkills : undefined}\n onShowHooks={shouldShowHooks ? handleShowHooks : undefined}\n onTogglePublic={handleTogglePublic}\n onCopyShareLink={handleCopyShareLink}\n shareUrl={shareUrl}\n onExportTranscript={handleExportTranscript}\n onDownloadConversation={\n shouldShowDownloadConversation\n ? handleDownloadConversation\n : undefined\n }\n position=\"bottom\"\n anchorRef={ellipsisAnchorRef}\n />\n )}\n </div>\n )}\n </div>\n\n {/* Metrics Modal /}\n <MetricsModal\n isOpen={metricsModalVisible}\n onOpenChange={setMetricsModalVisible}\n />\n\n {transcriptExportModalVisible && conversationId && (\n <TranscriptExportModal\n conversationId={conversationId}\n conversationUrl={conversation.conversation_url}\n sessionApiKey={conversation.session_api_key}\n conversationTitle={conversation.title}\n model={conversation.llm_model}\n onClose={() => setTranscriptExportModalVisible(false)}\n />\n )}\n\n {/ System Message Modal /}\n <SystemMessageModal\n isOpen={systemModalVisible}\n onClose={() => setSystemModalVisible(false)}\n systemMessage={systemMessage \|\| null}\n />\n\n {/ Skills Modal /}\n {skillsModalVisible && (\n <SkillsModal onClose={() => setSkillsModalVisible(false)} />\n )}\n\n {/ Hooks Modal /}\n {hooksModalVisible && (\n <HooksModal onClose={() => setHooksModalVisible(false)} />\n )}\n\n {/ Confirm Delete Modal */}\n {confirmDeleteModalVisible && (\n <ConfirmDeleteModal\n onConfirm={handleConfirmDelete}\n onCancel={() => setConfirmDeleteModalVisible(false)}\n conversationTitle={conversation?.title \|\| \"\"}\n />\n )}\n\n {confirmStopModalVisible && (\n <ConfirmStopModal\n onConfirm={handleConfirmStop}\n onCancel={() => setConfirmStopModalVisible(false)}\n />\n )}\n </>\n );\n}\n"],"mappings":"qgCAkBA,SAAgB,GAAmB,CACjC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,kBAAmB,EAAA,kBAAkB,EACvC,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,OAAQ,GAAuB,EAAA,sBAAsB,EAEvD,CAAC,EAAW,GAAgB,EAAA,QAAM,SAA0B,MAAM,EAClE,CAAC,EAAiB,GAAsB,EAAA,QAAM,SAAS,EAAK,EAC5D,CAAC,EAA8B,GACnC,EAAA,QAAM,SAAS,EAAK,EAChB,EAAW,EAAA,QAAM,OAAyB,IAAI,EAC9C,EAAoB,EAAA,QAAM,OAAuB,IAAI,EAGrD,CACJ,eACA,aACA,6BACA,oBACA,wBACA,mBACA,kBACA,qBACA,sBACA,WACA,sBACA,oBACA,sBACA,yBACA,qBACA,wBACA,qBACA,wBACA,oBACA,uBACA,4BACA,+BACA,0BACA,6BACA,gBACA,kBACA,kCACA,yBACA,wBACA,oBACA,oBACE,EAAA,+BAA+B,CACjC,iBACA,gBAAiB,GAAc,iBAC/B,YAAa,GACb,oBAAqB,CACvB,CAAC,EA4ED,OAVA,EAAA,QAAM,cAAgB,CAChB,IAAc,QAChB,EAAS,SAAS,MAAM,CAE5B,EAAG,CAAC,CAAS,CAAC,EAET,GAKH,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,wFACV,cAAY,6BAFd,CAIG,IAAc,QACb,EAAA,EAAA,KAAC,QAAD,CACE,IAAK,EACL,cAAY,0BACZ,QAjDgB,GAA8C,CAClE,IAAc,SAChB,EAAM,eAAe,EACrB,EAAM,gBAAgB,EAE1B,EA6CU,WAjFe,CACvB,GAAI,EAAS,SAAS,OAAS,EAAgB,CAC7C,IAAM,EAAU,EAAS,QAAQ,MAAM,KAAK,EACxC,IAAY,GAAc,OAC5B,EACE,CAAE,iBAAgB,SAAU,CAAQ,EACpC,CACE,cAAiB,CACf,EAAA,oBAAoB,EAAE,EAAA,QAAQ,0BAA0B,CAAC,CAC3D,CACF,CACF,CAEJ,MAAW,EAAS,UAElB,EAAS,QAAQ,MAAQ,GAAc,OAAS,IAGlD,EAAa,MAAM,CACrB,EA+DU,QA7DW,GAAiD,CAEhE,EAAM,YAAY,aAGlB,EAAM,MAAQ,SAChB,EAAM,cAAc,KAAK,CAE7B,EAsDU,KAAK,OACL,aAAc,EAAa,OAAS,GACpC,UAAU,yHACX,CAAA,GAED,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,gCACV,cAAY,0BACZ,kBA/FsB,CAC9B,EAAa,MAAM,CACrB,EA8FU,MAAO,EAAa,OAAS,YAE5B,EAAa,KACX,CAAA,EAGN,IAAc,SACb,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAU,+CAFZ,EAIE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,QAjEG,GAA+C,CAC1E,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,EAAmB,CAAC,CAAe,CACrC,CA6DyD,CAAA,EAC9C,IACC,EAAA,EAAA,KAAC,EAAA,4BAAD,CACE,YAAe,EAAmB,EAAK,EACvC,SA/DQ,GAA+C,CACnE,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,EAAa,MAAM,EACnB,EAAmB,EAAK,CAC1B,EA2Dc,SAAU,EACV,OAAQ,GAAiB,EAAa,IAAA,GACtC,cACE,GAAwB,EAAoB,IAAA,GAE9C,iBACE,GAAuB,GAAuB,IAAA,GAEhD,aAAc,GAAmB,EAAmB,IAAA,GACpD,YAAa,GAAkB,EAAkB,IAAA,GACjD,eAAgB,EAChB,gBAAiB,EACP,WACV,mBArEZ,GACG,CACH,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,EAAgC,EAAI,EACpC,EAAmB,EAAK,CAC1B,EAgEc,uBACE,GACI,EACA,IAAA,GAEN,SAAS,SACT,UAAW,CACZ,CAAA,CAEA,GAEJ,KAGL,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,OAAQ,EACR,aAAc,CACf,CAAA,EAEA,GAAgC,IAC/B,EAAA,EAAA,KAAC,EAAA,sBAAD,CACkB,iBAChB,gBAAiB,EAAa,iBAC9B,cAAe,EAAa,gBAC5B,kBAAmB,EAAa,MAChC,MAAO,EAAa,UACpB,YAAe,EAAgC,EAAK,CACrD,CAAA,GAIH,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,OAAQ,EACR,YAAe,EAAsB,EAAK,EAC1C,cAAe,GAAiB,IACjC,CAAA,EAGA,IACC,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,YAAe,EAAsB,EAAK,CAAI,CAAA,EAI5D,IACC,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,YAAe,EAAqB,EAAK,CAAI,CAAA,EAI1D,IACC,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,UAAW,EACX,aAAgB,EAA6B,EAAK,EAClD,kBAAmB,GAAc,OAAS,EAC3C,CAAA,EAGF,IACC,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,UAAW,EACX,aAAgB,EAA2B,EAAK,CACjD,CAAA,CAEH,CAAA,CAAA,EArHK,IAuHX"}
1	+ {"version":3,"file":"conversation-name.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-name.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationNameContextMenu } from \"#/hooks/use-conversation-name-context-menu\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { EllipsisButton } from \"../conversation-panel/ellipsis-button\";\nimport { ConversationNameContextMenu } from \"./conversation-name-context-menu\";\nimport { SystemMessageModal } from \"../conversation-panel/system-message-modal\";\nimport { SkillsModal } from \"../conversation-panel/skills-modal\";\nimport { HooksModal } from \"../conversation-panel/hooks-modal\";\nimport { ConfirmDeleteModal } from \"../conversation-panel/confirm-delete-modal\";\nimport { ConfirmStopModal } from \"../conversation-panel/confirm-stop-modal\";\nimport { TranscriptExportModal } from \"./transcript-export-modal\";\n\nexport function ConversationName() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const { data: conversation } = useActiveConversation();\n const { mutate: updateConversation } = useUpdateConversation();\n\n const [titleMode, setTitleMode] = React.useState<\"view\" \| \"edit\">(\"view\");\n const [contextMenuOpen, setContextMenuOpen] = React.useState(false);\n const [transcriptExportModalVisible, setTranscriptExportModalVisible] =\n React.useState(false);\n const inputRef = React.useRef<HTMLInputElement>(null);\n const ellipsisAnchorRef = React.useRef<HTMLDivElement>(null);\n\n // Use the custom hook for context menu handlers\n const {\n handleDelete,\n handleStop,\n handleDownloadConversation,\n handleDisplayCost,\n handleShowAgentTools,\n handleShowSkills,\n handleShowHooks,\n handleTogglePublic,\n handleCopyShareLink,\n shareUrl,\n handleConfirmDelete,\n handleConfirmStop,\n systemModalVisible,\n setSystemModalVisible,\n skillsModalVisible,\n setSkillsModalVisible,\n hooksModalVisible,\n setHooksModalVisible,\n confirmDeleteModalVisible,\n setConfirmDeleteModalVisible,\n confirmStopModalVisible,\n setConfirmStopModalVisible,\n systemMessage,\n shouldShowStop,\n shouldShowDownloadConversation,\n shouldShowDisplayCost,\n shouldShowAgentTools,\n shouldShowSkills,\n shouldShowHooks,\n } = useConversationNameContextMenu({\n conversationId,\n executionStatus: conversation?.execution_status,\n showOptions: true,\n onContextMenuToggle: setContextMenuOpen,\n });\n\n const handleDoubleClick = () => {\n setTitleMode(\"edit\");\n };\n\n const handleBlur = () => {\n if (inputRef.current?.value && conversationId) {\n const trimmed = inputRef.current.value.trim();\n if (trimmed !== conversation?.title) {\n updateConversation(\n { conversationId, newTitle: trimmed },\n {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n },\n },\n );\n }\n } else if (inputRef.current) {\n // reset the value if it's empty\n inputRef.current.value = conversation?.title ?? \"\";\n }\n\n setTitleMode(\"view\");\n };\n\n const handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n // Ignore Enter key during IME composition (e.g., Chinese, Japanese, Korean input)\n if (event.nativeEvent.isComposing) {\n return;\n }\n if (event.key === \"Enter\") {\n event.currentTarget.blur();\n }\n };\n\n const handleInputClick = (event: React.MouseEvent<HTMLInputElement>) => {\n if (titleMode === \"edit\") {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n const handleEllipsisClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setContextMenuOpen(!contextMenuOpen);\n };\n\n const handleRename = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setTitleMode(\"edit\");\n setContextMenuOpen(false);\n };\n\n const handleExportTranscript = (\n event: React.MouseEvent<HTMLButtonElement>,\n ) => {\n event.preventDefault();\n event.stopPropagation();\n setTranscriptExportModalVisible(true);\n setContextMenuOpen(false);\n };\n\n React.useEffect(() => {\n if (titleMode === \"edit\") {\n inputRef.current?.focus();\n }\n }, [titleMode]);\n\n if (!conversation) {\n return null;\n }\n\n return (\n <>\n <div\n className=\"flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0\"\n data-testid=\"conversation-name\"\n >\n {titleMode === \"edit\" ? (\n <input\n ref={inputRef}\n data-testid=\"conversation-name-input\"\n onClick={handleInputClick}\n onBlur={handleBlur}\n onKeyUp={handleKeyUp}\n type=\"text\"\n defaultValue={conversation.title \|\| \"\"}\n className=\"text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content\"\n />\n ) : (\n <div\n className=\"text-white leading-5 truncate\"\n data-testid=\"conversation-name-title\"\n onDoubleClick={handleDoubleClick}\n title={conversation.title \|\| \"\"}\n >\n {conversation.title}\n </div>\n )}\n\n {titleMode !== \"edit\" && (\n <div\n ref={ellipsisAnchorRef}\n className=\"relative flex items-center shrink-0\"\n >\n <EllipsisButton\n onClick={handleEllipsisClick}\n ariaLabel={t(I18nKey.COMMON$MORE_OPTIONS)}\n />\n {contextMenuOpen && (\n <ConversationNameContextMenu\n onClose={() => setContextMenuOpen(false)}\n onRename={handleRename}\n onDelete={handleDelete}\n onStop={shouldShowStop ? handleStop : undefined}\n onDisplayCost={\n shouldShowDisplayCost ? handleDisplayCost : undefined\n }\n onShowAgentTools={\n shouldShowAgentTools ? handleShowAgentTools : undefined\n }\n onShowSkills={shouldShowSkills ? handleShowSkills : undefined}\n onShowHooks={shouldShowHooks ? handleShowHooks : undefined}\n onTogglePublic={handleTogglePublic}\n onCopyShareLink={handleCopyShareLink}\n shareUrl={shareUrl}\n onExportTranscript={handleExportTranscript}\n onDownloadConversation={\n shouldShowDownloadConversation\n ? handleDownloadConversation\n : undefined\n }\n position=\"bottom\"\n anchorRef={ellipsisAnchorRef}\n />\n )}\n </div>\n )}\n </div>\n\n {transcriptExportModalVisible && conversationId && (\n <TranscriptExportModal\n conversationId={conversationId}\n conversationUrl={conversation.conversation_url}\n sessionApiKey={conversation.session_api_key}\n conversationTitle={conversation.title}\n model={conversation.llm_model}\n onClose={() => setTranscriptExportModalVisible(false)}\n />\n )}\n\n {/* System Message Modal /}\n <SystemMessageModal\n isOpen={systemModalVisible}\n onClose={() => setSystemModalVisible(false)}\n systemMessage={systemMessage \|\| null}\n />\n\n {/ Skills Modal /}\n {skillsModalVisible && (\n <SkillsModal onClose={() => setSkillsModalVisible(false)} />\n )}\n\n {/ Hooks Modal /}\n {hooksModalVisible && (\n <HooksModal onClose={() => setHooksModalVisible(false)} />\n )}\n\n {/ Confirm Delete Modal */}\n {confirmDeleteModalVisible && (\n <ConfirmDeleteModal\n onConfirm={handleConfirmDelete}\n onCancel={() => setConfirmDeleteModalVisible(false)}\n conversationTitle={conversation?.title \|\| \"\"}\n />\n )}\n\n {confirmStopModalVisible && (\n <ConfirmStopModal\n onConfirm={handleConfirmStop}\n onCancel={() => setConfirmStopModalVisible(false)}\n />\n )}\n </>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation/conversation-name.js CHANGED Viewed

@@ -12,115 +12,113 @@ import { EllipsisButton as u } from "../conversation-panel/ellipsis-button.js";
 import { ConversationNameContextMenu as d } from "./conversation-name-context-menu.js";
 import { ConfirmDeleteModal as f } from "../conversation-panel/confirm-delete-modal.js";
 import { ConfirmStopModal as p } from "../conversation-panel/confirm-stop-modal.js";
-import { MetricsModal as m } from "./metrics-modal/metrics-modal.js";
-import { TranscriptExportModal as h } from "./transcript-export-modal.js";
-import g from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { TranscriptExportModal as m } from "./transcript-export-modal.js";
+import h from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-name.tsx
-function b() {
-	let { t: b } = e("openhands"), { conversationId: x } = n(), { data: S } = i(), { mutate: C } = l(), [w, T] = g.useState("view"), [E, D] = g.useState(!1), [O, k] = g.useState(!1), A = g.useRef(null), j = g.useRef(null), { handleDelete: M, handleStop: N, handleDownloadConversation: P, handleDisplayCost: F, handleShowAgentTools: I, handleShowSkills: L, handleShowHooks: R, handleTogglePublic: ee, handleCopyShareLink: z, shareUrl: B, handleConfirmDelete: V, handleConfirmStop: H, metricsModalVisible: U, setMetricsModalVisible: W, systemModalVisible: G, setSystemModalVisible: K, skillsModalVisible: q, setSkillsModalVisible: J, hooksModalVisible: Y, setHooksModalVisible: X, confirmDeleteModalVisible: Z, setConfirmDeleteModalVisible: Q, confirmStopModalVisible: $, setConfirmStopModalVisible: te, systemMessage: ne, shouldShowStop: re, shouldShowDownloadConversation: ie, shouldShowDisplayCost: ae, shouldShowAgentTools: oe, shouldShowSkills: se, shouldShowHooks: ce } = a({
-		conversationId: x,
-		executionStatus: S?.execution_status,
+function y() {
+	let { t: y } = e("openhands"), { conversationId: b } = n(), { data: x } = i(), { mutate: S } = l(), [C, w] = h.useState("view"), [T, E] = h.useState(!1), [D, O] = h.useState(!1), k = h.useRef(null), A = h.useRef(null), { handleDelete: j, handleStop: M, handleDownloadConversation: N, handleDisplayCost: P, handleShowAgentTools: F, handleShowSkills: ee, handleShowHooks: I, handleTogglePublic: L, handleCopyShareLink: R, shareUrl: z, handleConfirmDelete: B, handleConfirmStop: V, systemModalVisible: H, setSystemModalVisible: U, skillsModalVisible: W, setSkillsModalVisible: G, hooksModalVisible: K, setHooksModalVisible: q, confirmDeleteModalVisible: J, setConfirmDeleteModalVisible: Y, confirmStopModalVisible: X, setConfirmStopModalVisible: Z, systemMessage: Q, shouldShowStop: $, shouldShowDownloadConversation: te, shouldShowDisplayCost: ne, shouldShowAgentTools: re, shouldShowSkills: ie, shouldShowHooks: ae } = a({
+		conversationId: b,
+		executionStatus: x?.execution_status,
 		showOptions: !0,
-		onContextMenuToggle: D
+		onContextMenuToggle: E
 	});
-	return g.useEffect(() => {
-		w === "edit" && A.current?.focus();
-	}, [w]), S ? /* @__PURE__ */ y(_, { children: [
-		/* @__PURE__ */ y("div", {
+	return h.useEffect(() => {
+		C === "edit" && k.current?.focus();
+	}, [C]), x ? /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ v("div", {
 			className: "flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0",
 			"data-testid": "conversation-name",
-			children: [w === "edit" ? /* @__PURE__ */ v("input", {
-				ref: A,
+			children: [C === "edit" ? /* @__PURE__ */ _("input", {
+				ref: k,
 				"data-testid": "conversation-name-input",
 				onClick: (e) => {
-					w === "edit" && (e.preventDefault(), e.stopPropagation());
+					C === "edit" && (e.preventDefault(), e.stopPropagation());
 				},
 				onBlur: () => {
-					if (A.current?.value && x) {
-						let e = A.current.value.trim();
-						e !== S?.title && C({
-							conversationId: x,
+					if (k.current?.value && b) {
+						let e = k.current.value.trim();
+						e !== x?.title && S({
+							conversationId: b,
 							newTitle: e
 						}, { onSuccess: () => {
-							r(b(t.CONVERSATION$TITLE_UPDATED));
+							r(y(t.CONVERSATION$TITLE_UPDATED));
 						} });
-					} else A.current && (A.current.value = S?.title ?? "");
-					T("view");
+					} else k.current && (k.current.value = x?.title ?? "");
+					w("view");
 				},
 				onKeyUp: (e) => {
 					e.nativeEvent.isComposing || e.key === "Enter" && e.currentTarget.blur();
 				},
 				type: "text",
-				defaultValue: S.title || "",
+				defaultValue: x.title || "",
 				className: "text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content"
-			}) : /* @__PURE__ */ v("div", {
+			}) : /* @__PURE__ */ _("div", {
 				className: "text-white leading-5 truncate",
 				"data-testid": "conversation-name-title",
 				onDoubleClick: () => {
-					T("edit");
+					w("edit");
 				},
-				title: S.title || "",
-				children: S.title
-			}), w !== "edit" && /* @__PURE__ */ y("div", {
-				ref: j,
+				title: x.title || "",
+				children: x.title
+			}), C !== "edit" && /* @__PURE__ */ v("div", {
+				ref: A,
 				className: "relative flex items-center shrink-0",
-				children: [/* @__PURE__ */ v(u, { onClick: (e) => {
-					e.preventDefault(), e.stopPropagation(), D(!E);
-				} }), E && /* @__PURE__ */ v(d, {
-					onClose: () => D(!1),
+				children: [/* @__PURE__ */ _(u, {
+					onClick: (e) => {
+						e.preventDefault(), e.stopPropagation(), E(!T);
+					},
+					ariaLabel: y(t.COMMON$MORE_OPTIONS)
+				}), T && /* @__PURE__ */ _(d, {
+					onClose: () => E(!1),
 					onRename: (e) => {
-						e.preventDefault(), e.stopPropagation(), T("edit"), D(!1);
+						e.preventDefault(), e.stopPropagation(), w("edit"), E(!1);
 					},
-					onDelete: M,
-					onStop: re ? N : void 0,
-					onDisplayCost: ae ? F : void 0,
-					onShowAgentTools: oe ? I : void 0,
-					onShowSkills: se ? L : void 0,
-					onShowHooks: ce ? R : void 0,
-					onTogglePublic: ee,
-					onCopyShareLink: z,
-					shareUrl: B,
+					onDelete: j,
+					onStop: $ ? M : void 0,
+					onDisplayCost: ne ? P : void 0,
+					onShowAgentTools: re ? F : void 0,
+					onShowSkills: ie ? ee : void 0,
+					onShowHooks: ae ? I : void 0,
+					onTogglePublic: L,
+					onCopyShareLink: R,
+					shareUrl: z,
 					onExportTranscript: (e) => {
-						e.preventDefault(), e.stopPropagation(), k(!0), D(!1);
+						e.preventDefault(), e.stopPropagation(), O(!0), E(!1);
 					},
-					onDownloadConversation: ie ? P : void 0,
+					onDownloadConversation: te ? N : void 0,
 					position: "bottom",
-					anchorRef: j
+					anchorRef: A
 				})]
 			})]
 		}),
-		/* @__PURE__ */ v(m, {
-			isOpen: U,
-			onOpenChange: W
+		D && b && /* @__PURE__ */ _(m, {
+			conversationId: b,
+			conversationUrl: x.conversation_url,
+			sessionApiKey: x.session_api_key,
+			conversationTitle: x.title,
+			model: x.llm_model,
+			onClose: () => O(!1)
 		}),
-		O && x && /* @__PURE__ */ v(h, {
-			conversationId: x,
-			conversationUrl: S.conversation_url,
-			sessionApiKey: S.session_api_key,
-			conversationTitle: S.title,
-			model: S.llm_model,
-			onClose: () => k(!1)
+		/* @__PURE__ */ _(o, {
+			isOpen: H,
+			onClose: () => U(!1),
+			systemMessage: Q || null
 		}),
-		/* @__PURE__ */ v(o, {
-			isOpen: G,
-			onClose: () => K(!1),
-			systemMessage: ne || null
+		W && /* @__PURE__ */ _(s, { onClose: () => G(!1) }),
+		K && /* @__PURE__ */ _(c, { onClose: () => q(!1) }),
+		J && /* @__PURE__ */ _(f, {
+			onConfirm: B,
+			onCancel: () => Y(!1),
+			conversationTitle: x?.title || ""
 		}),
-		q && /* @__PURE__ */ v(s, { onClose: () => J(!1) }),
-		Y && /* @__PURE__ */ v(c, { onClose: () => X(!1) }),
-		Z && /* @__PURE__ */ v(f, {
+		X && /* @__PURE__ */ _(p, {
 			onConfirm: V,
-			onCancel: () => Q(!1),
-			conversationTitle: S?.title || ""
-		}),
-		$ && /* @__PURE__ */ v(p, {
-			onConfirm: H,
-			onCancel: () => te(!1)
+			onCancel: () => Z(!1)
 		})
 	] }) : null;
 }
 //#endregion
-export { b as ConversationName };
+export { y as ConversationName };
 //# sourceMappingURL=conversation-name.js.map

package/dist/components/features/conversation/conversation-name.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-name.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationNameContextMenu } from \"#/hooks/use-conversation-name-context-menu\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { EllipsisButton } from \"../conversation-panel/ellipsis-button\";\nimport { ConversationNameContextMenu } from \"./conversation-name-context-menu\";\nimport { SystemMessageModal } from \"../conversation-panel/system-message-modal\";\nimport { SkillsModal } from \"../conversation-panel/skills-modal\";\nimport { HooksModal } from \"../conversation-panel/hooks-modal\";\nimport { ConfirmDeleteModal } from \"../conversation-panel/confirm-delete-modal\";\nimport { ConfirmStopModal } from \"../conversation-panel/confirm-stop-modal\";\nimport { MetricsModal } from \"./metrics-modal/metrics-modal\";\nimport { TranscriptExportModal } from \"./transcript-export-modal\";\n\nexport function ConversationName() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const { data: conversation } = useActiveConversation();\n const { mutate: updateConversation } = useUpdateConversation();\n\n const [titleMode, setTitleMode] = React.useState<\"view\" \| \"edit\">(\"view\");\n const [contextMenuOpen, setContextMenuOpen] = React.useState(false);\n const [transcriptExportModalVisible, setTranscriptExportModalVisible] =\n React.useState(false);\n const inputRef = React.useRef<HTMLInputElement>(null);\n const ellipsisAnchorRef = React.useRef<HTMLDivElement>(null);\n\n // Use the custom hook for context menu handlers\n const {\n handleDelete,\n handleStop,\n handleDownloadConversation,\n handleDisplayCost,\n handleShowAgentTools,\n handleShowSkills,\n handleShowHooks,\n handleTogglePublic,\n handleCopyShareLink,\n shareUrl,\n handleConfirmDelete,\n handleConfirmStop,\n metricsModalVisible,\n setMetricsModalVisible,\n systemModalVisible,\n setSystemModalVisible,\n skillsModalVisible,\n setSkillsModalVisible,\n hooksModalVisible,\n setHooksModalVisible,\n confirmDeleteModalVisible,\n setConfirmDeleteModalVisible,\n confirmStopModalVisible,\n setConfirmStopModalVisible,\n systemMessage,\n shouldShowStop,\n shouldShowDownloadConversation,\n shouldShowDisplayCost,\n shouldShowAgentTools,\n shouldShowSkills,\n shouldShowHooks,\n } = useConversationNameContextMenu({\n conversationId,\n executionStatus: conversation?.execution_status,\n showOptions: true,\n onContextMenuToggle: setContextMenuOpen,\n });\n\n const handleDoubleClick = () => {\n setTitleMode(\"edit\");\n };\n\n const handleBlur = () => {\n if (inputRef.current?.value && conversationId) {\n const trimmed = inputRef.current.value.trim();\n if (trimmed !== conversation?.title) {\n updateConversation(\n { conversationId, newTitle: trimmed },\n {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n },\n },\n );\n }\n } else if (inputRef.current) {\n // reset the value if it's empty\n inputRef.current.value = conversation?.title ?? \"\";\n }\n\n setTitleMode(\"view\");\n };\n\n const handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n // Ignore Enter key during IME composition (e.g., Chinese, Japanese, Korean input)\n if (event.nativeEvent.isComposing) {\n return;\n }\n if (event.key === \"Enter\") {\n event.currentTarget.blur();\n }\n };\n\n const handleInputClick = (event: React.MouseEvent<HTMLInputElement>) => {\n if (titleMode === \"edit\") {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n const handleEllipsisClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setContextMenuOpen(!contextMenuOpen);\n };\n\n const handleRename = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setTitleMode(\"edit\");\n setContextMenuOpen(false);\n };\n\n const handleExportTranscript = (\n event: React.MouseEvent<HTMLButtonElement>,\n ) => {\n event.preventDefault();\n event.stopPropagation();\n setTranscriptExportModalVisible(true);\n setContextMenuOpen(false);\n };\n\n React.useEffect(() => {\n if (titleMode === \"edit\") {\n inputRef.current?.focus();\n }\n }, [titleMode]);\n\n if (!conversation) {\n return null;\n }\n\n return (\n <>\n <div\n className=\"flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0\"\n data-testid=\"conversation-name\"\n >\n {titleMode === \"edit\" ? (\n <input\n ref={inputRef}\n data-testid=\"conversation-name-input\"\n onClick={handleInputClick}\n onBlur={handleBlur}\n onKeyUp={handleKeyUp}\n type=\"text\"\n defaultValue={conversation.title \|\| \"\"}\n className=\"text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content\"\n />\n ) : (\n <div\n className=\"text-white leading-5 truncate\"\n data-testid=\"conversation-name-title\"\n onDoubleClick={handleDoubleClick}\n title={conversation.title \|\| \"\"}\n >\n {conversation.title}\n </div>\n )}\n\n {titleMode !== \"edit\" && (\n <div\n ref={ellipsisAnchorRef}\n className=\"relative flex items-center shrink-0\"\n >\n <EllipsisButton onClick={handleEllipsisClick} />\n {contextMenuOpen && (\n <ConversationNameContextMenu\n onClose={() => setContextMenuOpen(false)}\n onRename={handleRename}\n onDelete={handleDelete}\n onStop={shouldShowStop ? handleStop : undefined}\n onDisplayCost={\n shouldShowDisplayCost ? handleDisplayCost : undefined\n }\n onShowAgentTools={\n shouldShowAgentTools ? handleShowAgentTools : undefined\n }\n onShowSkills={shouldShowSkills ? handleShowSkills : undefined}\n onShowHooks={shouldShowHooks ? handleShowHooks : undefined}\n onTogglePublic={handleTogglePublic}\n onCopyShareLink={handleCopyShareLink}\n shareUrl={shareUrl}\n onExportTranscript={handleExportTranscript}\n onDownloadConversation={\n shouldShowDownloadConversation\n ? handleDownloadConversation\n : undefined\n }\n position=\"bottom\"\n anchorRef={ellipsisAnchorRef}\n />\n )}\n </div>\n )}\n </div>\n\n {/* Metrics Modal /}\n <MetricsModal\n isOpen={metricsModalVisible}\n onOpenChange={setMetricsModalVisible}\n />\n\n {transcriptExportModalVisible && conversationId && (\n <TranscriptExportModal\n conversationId={conversationId}\n conversationUrl={conversation.conversation_url}\n sessionApiKey={conversation.session_api_key}\n conversationTitle={conversation.title}\n model={conversation.llm_model}\n onClose={() => setTranscriptExportModalVisible(false)}\n />\n )}\n\n {/ System Message Modal /}\n <SystemMessageModal\n isOpen={systemModalVisible}\n onClose={() => setSystemModalVisible(false)}\n systemMessage={systemMessage \|\| null}\n />\n\n {/ Skills Modal /}\n {skillsModalVisible && (\n <SkillsModal onClose={() => setSkillsModalVisible(false)} />\n )}\n\n {/ Hooks Modal /}\n {hooksModalVisible && (\n <HooksModal onClose={() => setHooksModalVisible(false)} />\n )}\n\n {/ Confirm Delete Modal */}\n {confirmDeleteModalVisible && (\n <ConfirmDeleteModal\n onConfirm={handleConfirmDelete}\n onCancel={() => setConfirmDeleteModalVisible(false)}\n conversationTitle={conversation?.title \|\| \"\"}\n />\n )}\n\n {confirmStopModalVisible && (\n <ConfirmStopModal\n onConfirm={handleConfirmStop}\n onCancel={() => setConfirmStopModalVisible(false)}\n />\n )}\n </>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"conversation-name.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationNameContextMenu } from \"#/hooks/use-conversation-name-context-menu\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { EllipsisButton } from \"../conversation-panel/ellipsis-button\";\nimport { ConversationNameContextMenu } from \"./conversation-name-context-menu\";\nimport { SystemMessageModal } from \"../conversation-panel/system-message-modal\";\nimport { SkillsModal } from \"../conversation-panel/skills-modal\";\nimport { HooksModal } from \"../conversation-panel/hooks-modal\";\nimport { ConfirmDeleteModal } from \"../conversation-panel/confirm-delete-modal\";\nimport { ConfirmStopModal } from \"../conversation-panel/confirm-stop-modal\";\nimport { TranscriptExportModal } from \"./transcript-export-modal\";\n\nexport function ConversationName() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const { data: conversation } = useActiveConversation();\n const { mutate: updateConversation } = useUpdateConversation();\n\n const [titleMode, setTitleMode] = React.useState<\"view\" \| \"edit\">(\"view\");\n const [contextMenuOpen, setContextMenuOpen] = React.useState(false);\n const [transcriptExportModalVisible, setTranscriptExportModalVisible] =\n React.useState(false);\n const inputRef = React.useRef<HTMLInputElement>(null);\n const ellipsisAnchorRef = React.useRef<HTMLDivElement>(null);\n\n // Use the custom hook for context menu handlers\n const {\n handleDelete,\n handleStop,\n handleDownloadConversation,\n handleDisplayCost,\n handleShowAgentTools,\n handleShowSkills,\n handleShowHooks,\n handleTogglePublic,\n handleCopyShareLink,\n shareUrl,\n handleConfirmDelete,\n handleConfirmStop,\n systemModalVisible,\n setSystemModalVisible,\n skillsModalVisible,\n setSkillsModalVisible,\n hooksModalVisible,\n setHooksModalVisible,\n confirmDeleteModalVisible,\n setConfirmDeleteModalVisible,\n confirmStopModalVisible,\n setConfirmStopModalVisible,\n systemMessage,\n shouldShowStop,\n shouldShowDownloadConversation,\n shouldShowDisplayCost,\n shouldShowAgentTools,\n shouldShowSkills,\n shouldShowHooks,\n } = useConversationNameContextMenu({\n conversationId,\n executionStatus: conversation?.execution_status,\n showOptions: true,\n onContextMenuToggle: setContextMenuOpen,\n });\n\n const handleDoubleClick = () => {\n setTitleMode(\"edit\");\n };\n\n const handleBlur = () => {\n if (inputRef.current?.value && conversationId) {\n const trimmed = inputRef.current.value.trim();\n if (trimmed !== conversation?.title) {\n updateConversation(\n { conversationId, newTitle: trimmed },\n {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n },\n },\n );\n }\n } else if (inputRef.current) {\n // reset the value if it's empty\n inputRef.current.value = conversation?.title ?? \"\";\n }\n\n setTitleMode(\"view\");\n };\n\n const handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n // Ignore Enter key during IME composition (e.g., Chinese, Japanese, Korean input)\n if (event.nativeEvent.isComposing) {\n return;\n }\n if (event.key === \"Enter\") {\n event.currentTarget.blur();\n }\n };\n\n const handleInputClick = (event: React.MouseEvent<HTMLInputElement>) => {\n if (titleMode === \"edit\") {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n const handleEllipsisClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setContextMenuOpen(!contextMenuOpen);\n };\n\n const handleRename = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setTitleMode(\"edit\");\n setContextMenuOpen(false);\n };\n\n const handleExportTranscript = (\n event: React.MouseEvent<HTMLButtonElement>,\n ) => {\n event.preventDefault();\n event.stopPropagation();\n setTranscriptExportModalVisible(true);\n setContextMenuOpen(false);\n };\n\n React.useEffect(() => {\n if (titleMode === \"edit\") {\n inputRef.current?.focus();\n }\n }, [titleMode]);\n\n if (!conversation) {\n return null;\n }\n\n return (\n <>\n <div\n className=\"flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0\"\n data-testid=\"conversation-name\"\n >\n {titleMode === \"edit\" ? (\n <input\n ref={inputRef}\n data-testid=\"conversation-name-input\"\n onClick={handleInputClick}\n onBlur={handleBlur}\n onKeyUp={handleKeyUp}\n type=\"text\"\n defaultValue={conversation.title \|\| \"\"}\n className=\"text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content\"\n />\n ) : (\n <div\n className=\"text-white leading-5 truncate\"\n data-testid=\"conversation-name-title\"\n onDoubleClick={handleDoubleClick}\n title={conversation.title \|\| \"\"}\n >\n {conversation.title}\n </div>\n )}\n\n {titleMode !== \"edit\" && (\n <div\n ref={ellipsisAnchorRef}\n className=\"relative flex items-center shrink-0\"\n >\n <EllipsisButton\n onClick={handleEllipsisClick}\n ariaLabel={t(I18nKey.COMMON$MORE_OPTIONS)}\n />\n {contextMenuOpen && (\n <ConversationNameContextMenu\n onClose={() => setContextMenuOpen(false)}\n onRename={handleRename}\n onDelete={handleDelete}\n onStop={shouldShowStop ? handleStop : undefined}\n onDisplayCost={\n shouldShowDisplayCost ? handleDisplayCost : undefined\n }\n onShowAgentTools={\n shouldShowAgentTools ? handleShowAgentTools : undefined\n }\n onShowSkills={shouldShowSkills ? handleShowSkills : undefined}\n onShowHooks={shouldShowHooks ? handleShowHooks : undefined}\n onTogglePublic={handleTogglePublic}\n onCopyShareLink={handleCopyShareLink}\n shareUrl={shareUrl}\n onExportTranscript={handleExportTranscript}\n onDownloadConversation={\n shouldShowDownloadConversation\n ? handleDownloadConversation\n : undefined\n }\n position=\"bottom\"\n anchorRef={ellipsisAnchorRef}\n />\n )}\n </div>\n )}\n </div>\n\n {transcriptExportModalVisible && conversationId && (\n <TranscriptExportModal\n conversationId={conversationId}\n conversationUrl={conversation.conversation_url}\n sessionApiKey={conversation.session_api_key}\n conversationTitle={conversation.title}\n model={conversation.llm_model}\n onClose={() => setTranscriptExportModalVisible(false)}\n />\n )}\n\n {/* System Message Modal /}\n <SystemMessageModal\n isOpen={systemModalVisible}\n onClose={() => setSystemModalVisible(false)}\n systemMessage={systemMessage \|\| null}\n />\n\n {/ Skills Modal /}\n {skillsModalVisible && (\n <SkillsModal onClose={() => setSkillsModalVisible(false)} />\n )}\n\n {/ Hooks Modal /}\n {hooksModalVisible && (\n <HooksModal onClose={() => setHooksModalVisible(false)} />\n )}\n\n {/ Confirm Delete Modal */}\n {confirmDeleteModalVisible && (\n <ConfirmDeleteModal\n onConfirm={handleConfirmDelete}\n onCancel={() => setConfirmDeleteModalVisible(false)}\n conversationTitle={conversation?.title \|\| \"\"}\n />\n )}\n\n {confirmStopModalVisible && (\n <ConfirmStopModal\n onConfirm={handleConfirmStop}\n onCancel={() => setConfirmStopModalVisible(false)}\n />\n )}\n </>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,sBAAmB,EAAkB,GACvC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,QAAQ,MAAuB,EAAsB,GAEvD,CAAC,GAAW,KAAgB,EAAM,SAA0B,MAAM,GAClE,CAAC,GAAiB,KAAsB,EAAM,SAAS,EAAK,GAC5D,CAAC,GAA8B,KACnC,EAAM,SAAS,EAAK,GAChB,IAAW,EAAM,OAAyB,IAAI,GAC9C,IAAoB,EAAM,OAAuB,IAAI,GAGrD,EACJ,iBACA,eACA,+BACA,sBACA,yBACA,sBACA,oBACA,uBACA,wBACA,aACA,wBACA,sBACA,uBACA,0BACA,uBACA,0BACA,sBACA,yBACA,8BACA,iCACA,4BACA,+BACA,kBACA,mBACA,oCACA,2BACA,0BACA,sBACA,wBACE,EAA+B;EACjC;EACA,iBAAiB,GAAc;EAC/B,aAAa;EACb,qBAAqB;CACvB,CAAC;CA4ED,OAVA,EAAM,gBAAgB;EACpB,AAAI,MAAc,UAChB,EAAS,SAAS,MAAM;CAE5B,GAAG,CAAC,CAAS,CAAC,GAET,IAKH,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,OAAD;GACE,WAAU;GACV,eAAY;aAFd,CAIG,MAAc,SACb,kBAAC,SAAD;IACE,KAAK;IACL,eAAY;IACZ,UAjDgB,MAA8C;KACtE,AAAI,MAAc,WAChB,EAAM,eAAe,GACrB,EAAM,gBAAgB;IAE1B;IA6CU,cAjFe;KACvB,IAAI,EAAS,SAAS,SAAS,GAAgB;MAC7C,IAAM,IAAU,EAAS,QAAQ,MAAM,KAAK;MAC5C,AAAI,MAAY,GAAc,SAC5B,EACE;OAAE;OAAgB,UAAU;MAAQ,GACpC,EACE,iBAAiB;OACf,EAAoB,EAAE,EAAQ,0BAA0B,CAAC;MAC3D,EACF,CACF;KAEJ,OAAO,AAAI,EAAS,YAElB,EAAS,QAAQ,QAAQ,GAAc,SAAS;KAGlD,EAAa,MAAM;IACrB;IA+DU,UA7DW,MAAiD;KAEhE,EAAM,YAAY,eAGlB,EAAM,QAAQ,WAChB,EAAM,cAAc,KAAK;IAE7B;IAsDU,MAAK;IACL,cAAc,EAAa,SAAS;IACpC,WAAU;GACX,CAAA,IAED,kBAAC,OAAD;IACE,WAAU;IACV,eAAY;IACZ,qBA/FsB;KAC9B,EAAa,MAAM;IACrB;IA8FU,OAAO,EAAa,SAAS;cAE5B,EAAa;GACX,CAAA,GAGN,MAAc,UACb,kBAAC,OAAD;IACE,KAAK;IACL,WAAU;cAFZ,CAIE,kBAAC,GAAD;KACE,UAlEiB,MAA+C;MAG1E,AAFA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACtB,EAAmB,CAAC,CAAe;KACrC;KA+DY,WAAW,EAAE,EAAQ,mBAAmB;IACzC,CAAA,GACA,KACC,kBAAC,GAAD;KACE,eAAe,EAAmB,EAAK;KACvC,WAlEQ,MAA+C;MAInE,AAHA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACtB,EAAa,MAAM,GACnB,EAAmB,EAAK;KAC1B;KA8Dc,UAAU;KACV,QAAQ,IAAiB,IAAa,KAAA;KACtC,eACE,KAAwB,IAAoB,KAAA;KAE9C,kBACE,KAAuB,IAAuB,KAAA;KAEhD,cAAc,KAAmB,KAAmB,KAAA;KACpD,aAAa,KAAkB,IAAkB,KAAA;KACjD,gBAAgB;KAChB,iBAAiB;KACP;KACV,qBAxEZ,MACG;MAIH,AAHA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACtB,EAAgC,EAAI,GACpC,EAAmB,EAAK;KAC1B;KAmEc,wBACE,KACI,IACA,KAAA;KAEN,UAAS;KACT,WAAW;IACZ,CAAA,CAEA;KAEJ;;EAEJ,KAAgC,KAC/B,kBAAC,GAAD;GACkB;GAChB,iBAAiB,EAAa;GAC9B,eAAe,EAAa;GAC5B,mBAAmB,EAAa;GAChC,OAAO,EAAa;GACpB,eAAe,EAAgC,EAAK;EACrD,CAAA;EAIH,kBAAC,GAAD;GACE,QAAQ;GACR,eAAe,EAAsB,EAAK;GAC1C,eAAe,KAAiB;EACjC,CAAA;EAGA,KACC,kBAAC,GAAD,EAAa,eAAe,EAAsB,EAAK,EAAI,CAAA;EAI5D,KACC,kBAAC,GAAD,EAAY,eAAe,EAAqB,EAAK,EAAI,CAAA;EAI1D,KACC,kBAAC,GAAD;GACE,WAAW;GACX,gBAAgB,EAA6B,EAAK;GAClD,mBAAmB,GAAc,SAAS;EAC3C,CAAA;EAGF,KACC,kBAAC,GAAD;GACE,WAAW;GACX,gBAAgB,EAA2B,EAAK;EACjD,CAAA;CAEH,EAAA,CAAA,IAlHK;AAoHX"}

package/dist/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../../hooks/use-conversation-id.cjs"),t=require("../../../../../stores/conversation-store.cjs"),n=require("./tab-wrapper.cjs"),r=require("./tab-container.cjs"),i=require("./tab-content-area.cjs"),a=require("./conversation-tab-content-crossfade.cjs");let o=require("react"),s=require("react/jsx-runtime");var c=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/files-tab.cjs"))),l=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/browser-tab.cjs"))),u=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/planner-tab.cjs"))),d=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/task-list-tab.cjs"))),f=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../terminal/terminal.cjs"))),p={tasklist:{component:d},files:{component:c},browser:{component:l},terminal:{component:f},planner:{component:u}};function m(){let{selectedTab:c,shouldShownAgentLoading:l}=t.useConversationStore(),{conversationId:u}=e.useConversationId(),d=(0,o.useMemo)(()=>p[c]??p.files,[c]).component,f=c===`terminal`?`${c}-${u}`:c??`files`;return(0,s.jsx)(r.TabContainer,{children:(0,s.jsx)(i.TabContentArea,{children:(0,s.jsx)(a.ConversationTabContentCrossfade,{showAgentLoading:l,tabKey:f,children:(0,s.jsx)(n.TabWrapper,{children:(0,s.jsx)(d,{})},f)})})})}exports.ConversationTabContent=m;
+require("../../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../../hooks/use-conversation-id.cjs"),t=require("../../../../../stores/conversation-store.cjs"),n=require("./tab-wrapper.cjs"),r=require("./tab-container.cjs"),i=require("./tab-content-area.cjs"),a=require("./conversation-tab-content-crossfade.cjs");let o=require("react"),s=require("react/jsx-runtime");var c=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/files-tab.cjs"))),l=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/browser-tab.cjs"))),u=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/planner-tab.cjs"))),d=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/task-list-tab.cjs"))),f=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/usage-tab.cjs"))),p=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../terminal/terminal.cjs"))),m={tasklist:{component:d},files:{component:c},browser:{component:l},terminal:{component:p},planner:{component:u},usage:{component:f}};function h(){let{selectedTab:c,shouldShownAgentLoading:l}=t.useConversationStore(),{conversationId:u}=e.useConversationId(),d=(0,o.useMemo)(()=>m[c]??m.files,[c]).component,f=c===`terminal`?`${c}-${u}`:c??`files`;return(0,s.jsx)(r.TabContainer,{children:(0,s.jsx)(i.TabContentArea,{children:(0,s.jsx)(a.ConversationTabContentCrossfade,{showAgentLoading:l,tabKey:f,children:(0,s.jsx)(n.TabWrapper,{children:(0,s.jsx)(d,{})},f)})})})}exports.ConversationTabContent=h;
 //# sourceMappingURL=conversation-tab-content.cjs.map

package/dist/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-tab-content.cjs","names":[],"sources":["../../../../../../src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx"],"sourcesContent":["import { lazy, useMemo } from \"react\";\nimport { TabWrapper } from \"./tab-wrapper\";\nimport { TabContainer } from \"./tab-container\";\nimport { TabContentArea } from \"./tab-content-area\";\nimport { ConversationTabContentCrossfade } from \"./conversation-tab-content-crossfade\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\n\n// Lazy load all tab components, including the terminal — xterm + addon-fit +\n// xterm.css are large enough that we don't want them in the conversation\n// route's eager graph just because the terminal tab might be selected later.\nconst FilesTab = lazy(() => import(\"#/routes/files-tab\"));\nconst BrowserTab = lazy(() => import(\"#/routes/browser-tab\"));\nconst PlannerTab = lazy(() => import(\"#/routes/planner-tab\"));\nconst TaskListTab = lazy(() => import(\"#/routes/task-list-tab\"));\nconst Terminal = lazy(() => import(\"#/components/features/terminal/terminal\"));\n\nconst TAB_CONFIG = {\n tasklist: { component: TaskListTab },\n files: { component: FilesTab },\n browser: { component: BrowserTab },\n terminal: { component: Terminal },\n planner: { component: PlannerTab },\n};\n\nexport function ConversationTabContent() {\n const { selectedTab, shouldShownAgentLoading } = useConversationStore();\n const { conversationId } = useConversationId();\n\n const activeTab = useMemo(\n () =>\n TAB_CONFIG[selectedTab as keyof typeof TAB_CONFIG] ?? TAB_CONFIG.files,\n [selectedTab],\n );\n\n const ActiveComponent = activeTab.component;\n\n const tabWrapperKey =\n selectedTab === \"terminal\"\n ? `${selectedTab}-${conversationId}`\n : (selectedTab ?? \"files\");\n\n return (\n <TabContainer>\n <TabContentArea>\n <ConversationTabContentCrossfade\n showAgentLoading={shouldShownAgentLoading}\n tabKey={tabWrapperKey}\n >\n <TabWrapper key={tabWrapperKey}>\n <ActiveComponent />\n </TabWrapper>\n </ConversationTabContentCrossfade>\n </TabContentArea>\n </TabContainer>\n );\n}\n"],"mappings":"mYAWA,IAAM,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,qCAAA,CAAA,CAA4B,EAClD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAwB,uCAAA,CAAA,CAA8B,EACtD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAwB,uCAAA,CAAA,CAA8B,EACtD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAyB,yCAAA,CAAA,CAAgC,EACzD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,gCAAA,CAAA,CAAiD,EAEvE,EAAa,CACjB,SAAU,CAAE,UAAW,CAAY,EACnC,MAAO,CAAE,UAAW,CAAS,EAC7B,QAAS,CAAE,UAAW,CAAW,EACjC,SAAU,CAAE,UAAW,CAAS,EAChC,QAAS,CAAE,UAAW,CAAW,~~CACnC~~,EAEA,SAAgB,GAAyB,CACvC,GAAM,CAAE,cAAa,2BAA4B,EAAA,qBAAqB,EAChE,CAAE,kBAAmB,EAAA,kBAAkB,EAQvC,GAAA,EAAA,EAAA,aAJF,EAAW,IAA2C,EAAW,MACnE,CAAC,CAAW,CAGU,EAAU,UAE5B,EACJ,IAAgB,WACZ,GAAG,EAAY,GAAG,IACjB,GAAe,QAEtB,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gCAAD,CACE,iBAAkB,EAClB,OAAQ,YAER,EAAA,EAAA,KAAC,EAAA,WAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAD,CAAkB,CAAA,CACR,EAFK,CAEL,CACmB,CAAA,CACnB,CAAA,CACJ,CAAA,CAElB"}
1	+ {"version":3,"file":"conversation-tab-content.cjs","names":[],"sources":["../../../../../../src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx"],"sourcesContent":["import { lazy, useMemo } from \"react\";\nimport { TabWrapper } from \"./tab-wrapper\";\nimport { TabContainer } from \"./tab-container\";\nimport { TabContentArea } from \"./tab-content-area\";\nimport { ConversationTabContentCrossfade } from \"./conversation-tab-content-crossfade\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\n\n// Lazy load all tab components, including the terminal — xterm + addon-fit +\n// xterm.css are large enough that we don't want them in the conversation\n// route's eager graph just because the terminal tab might be selected later.\nconst FilesTab = lazy(() => import(\"#/routes/files-tab\"));\nconst BrowserTab = lazy(() => import(\"#/routes/browser-tab\"));\nconst PlannerTab = lazy(() => import(\"#/routes/planner-tab\"));\nconst TaskListTab = lazy(() => import(\"#/routes/task-list-tab\"));\nconst UsageTab = lazy(() => import(\"#/routes/usage-tab\"));\nconst Terminal = lazy(() => import(\"#/components/features/terminal/terminal\"));\n\nconst TAB_CONFIG = {\n tasklist: { component: TaskListTab },\n files: { component: FilesTab },\n browser: { component: BrowserTab },\n terminal: { component: Terminal },\n planner: { component: PlannerTab },\n usage: { component: UsageTab },\n};\n\nexport function ConversationTabContent() {\n const { selectedTab, shouldShownAgentLoading } = useConversationStore();\n const { conversationId } = useConversationId();\n\n const activeTab = useMemo(\n () =>\n TAB_CONFIG[selectedTab as keyof typeof TAB_CONFIG] ?? TAB_CONFIG.files,\n [selectedTab],\n );\n\n const ActiveComponent = activeTab.component;\n\n const tabWrapperKey =\n selectedTab === \"terminal\"\n ? `${selectedTab}-${conversationId}`\n : (selectedTab ?? \"files\");\n\n return (\n <TabContainer>\n <TabContentArea>\n <ConversationTabContentCrossfade\n showAgentLoading={shouldShownAgentLoading}\n tabKey={tabWrapperKey}\n >\n <TabWrapper key={tabWrapperKey}>\n <ActiveComponent />\n </TabWrapper>\n </ConversationTabContentCrossfade>\n </TabContentArea>\n </TabContainer>\n );\n}\n"],"mappings":"mYAWA,IAAM,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,qCAAA,CAAA,CAA4B,EAClD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAwB,uCAAA,CAAA,CAA8B,EACtD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAwB,uCAAA,CAAA,CAA8B,EACtD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAyB,yCAAA,CAAA,CAAgC,EACzD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,qCAAA,CAAA,CAA4B,EAClD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,gCAAA,CAAA,CAAiD,EAEvE,EAAa,CACjB,SAAU,CAAE,UAAW,CAAY,EACnC,MAAO,CAAE,UAAW,CAAS,EAC7B,QAAS,CAAE,UAAW,CAAW,EACjC,SAAU,CAAE,UAAW,CAAS,EAChC,QAAS,CAAE,UAAW,CAAW,EACjC,MAAO,CAAE,UAAW,CAAS,CAC/B,EAEA,SAAgB,GAAyB,CACvC,GAAM,CAAE,cAAa,2BAA4B,EAAA,qBAAqB,EAChE,CAAE,kBAAmB,EAAA,kBAAkB,EAQvC,GAAA,EAAA,EAAA,aAJF,EAAW,IAA2C,EAAW,MACnE,CAAC,CAAW,CAGU,EAAU,UAE5B,EACJ,IAAgB,WACZ,GAAG,EAAY,GAAG,IACjB,GAAe,QAEtB,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gCAAD,CACE,iBAAkB,EAClB,OAAQ,YAER,EAAA,EAAA,KAAC,EAAA,WAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAD,CAAkB,CAAA,CACR,EAFK,CAEL,CACmB,CAAA,CACnB,CAAA,CACJ,CAAA,CAElB"}

package/dist/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.js CHANGED Viewed

@@ -7,15 +7,16 @@ import { ConversationTabContentCrossfade as a } from "./conversation-tab-content
 import { lazy as o, useMemo as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx
-var l = o(() => import("../../../../../routes/files-tab.js")), u = o(() => import("../../../../../routes/browser-tab.js")), d = o(() => import("../../../../../routes/planner-tab.js")), f = o(() => import("../../../../../routes/task-list-tab.js")), p = o(() => import("../../../terminal/terminal.js")), m = {
+var l = o(() => import("../../../../../routes/files-tab.js")), u = o(() => import("../../../../../routes/browser-tab.js")), d = o(() => import("../../../../../routes/planner-tab.js")), f = o(() => import("../../../../../routes/task-list-tab.js")), p = o(() => import("../../../../../routes/usage-tab.js")), m = o(() => import("../../../terminal/terminal.js")), h = {
 	tasklist: { component: f },
 	files: { component: l },
 	browser: { component: u },
-	terminal: { component: p },
-	planner: { component: d }
+	terminal: { component: m },
+	planner: { component: d },
+	usage: { component: p }
 };
-function h() {
-	let { selectedTab: o, shouldShownAgentLoading: l } = t(), { conversationId: u } = e(), d = s(() => m[o] ?? m.files, [o]).component, f = o === "terminal" ? `${o}-${u}` : o ?? "files";
+function g() {
+	let { selectedTab: o, shouldShownAgentLoading: l } = t(), { conversationId: u } = e(), d = s(() => h[o] ?? h.files, [o]).component, f = o === "terminal" ? `${o}-${u}` : o ?? "files";
 	return /* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(i, { children: /* @__PURE__ */ c(a, {
 		showAgentLoading: l,
 		tabKey: f,
@@ -23,6 +24,6 @@ function h() {
 	}) }) });
 }
 //#endregion
-export { h as ConversationTabContent };
+export { g as ConversationTabContent };
 //# sourceMappingURL=conversation-tab-content.js.map

package/dist/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-tab-content.js","names":[],"sources":["../../../../../../src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx"],"sourcesContent":["import { lazy, useMemo } from \"react\";\nimport { TabWrapper } from \"./tab-wrapper\";\nimport { TabContainer } from \"./tab-container\";\nimport { TabContentArea } from \"./tab-content-area\";\nimport { ConversationTabContentCrossfade } from \"./conversation-tab-content-crossfade\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\n\n// Lazy load all tab components, including the terminal — xterm + addon-fit +\n// xterm.css are large enough that we don't want them in the conversation\n// route's eager graph just because the terminal tab might be selected later.\nconst FilesTab = lazy(() => import(\"#/routes/files-tab\"));\nconst BrowserTab = lazy(() => import(\"#/routes/browser-tab\"));\nconst PlannerTab = lazy(() => import(\"#/routes/planner-tab\"));\nconst TaskListTab = lazy(() => import(\"#/routes/task-list-tab\"));\nconst Terminal = lazy(() => import(\"#/components/features/terminal/terminal\"));\n\nconst TAB_CONFIG = {\n tasklist: { component: TaskListTab },\n files: { component: FilesTab },\n browser: { component: BrowserTab },\n terminal: { component: Terminal },\n planner: { component: PlannerTab },\n};\n\nexport function ConversationTabContent() {\n const { selectedTab, shouldShownAgentLoading } = useConversationStore();\n const { conversationId } = useConversationId();\n\n const activeTab = useMemo(\n () =>\n TAB_CONFIG[selectedTab as keyof typeof TAB_CONFIG] ?? TAB_CONFIG.files,\n [selectedTab],\n );\n\n const ActiveComponent = activeTab.component;\n\n const tabWrapperKey =\n selectedTab === \"terminal\"\n ? `${selectedTab}-${conversationId}`\n : (selectedTab ?? \"files\");\n\n return (\n <TabContainer>\n <TabContentArea>\n <ConversationTabContentCrossfade\n showAgentLoading={shouldShownAgentLoading}\n tabKey={tabWrapperKey}\n >\n <TabWrapper key={tabWrapperKey}>\n <ActiveComponent />\n </TabWrapper>\n </ConversationTabContentCrossfade>\n </TabContentArea>\n </TabContainer>\n );\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAW,QAAW,OAAO,qCAAqB,GAClD,IAAa,QAAW,OAAO,uCAAuB,GACtD,IAAa,QAAW,OAAO,uCAAuB,GACtD,IAAc,QAAW,OAAO,yCAAyB,GACzD,IAAW,QAAW,OAAO,gCAA0C,GAEvE,IAAa;CACjB,UAAU,EAAE,WAAW,EAAY;CACnC,OAAO,EAAE,WAAW,EAAS;CAC7B,SAAS,EAAE,WAAW,EAAW;CACjC,UAAU,EAAE,WAAW,EAAS;CAChC,SAAS,EAAE,WAAW,EAAW;~~AACnC~~;AAEA,SAAgB,IAAyB;CACvC,IAAM,EAAE,gBAAa,+BAA4B,EAAqB,GAChE,EAAE,sBAAmB,EAAkB,GAQvC,IANY,QAEd,EAAW,MAA2C,EAAW,OACnE,CAAC,CAAW,CAGU,EAAU,WAE5B,IACJ,MAAgB,aACZ,GAAG,EAAY,GAAG,MACjB,KAAe;CAEtB,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,kBAAkB;EAClB,QAAQ;YAER,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAkB,CAAA,EACR,GAFK,CAEL;CACmB,CAAA,EACnB,CAAA,EACJ,CAAA;AAElB"}
1	+ {"version":3,"file":"conversation-tab-content.js","names":[],"sources":["../../../../../../src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx"],"sourcesContent":["import { lazy, useMemo } from \"react\";\nimport { TabWrapper } from \"./tab-wrapper\";\nimport { TabContainer } from \"./tab-container\";\nimport { TabContentArea } from \"./tab-content-area\";\nimport { ConversationTabContentCrossfade } from \"./conversation-tab-content-crossfade\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\n\n// Lazy load all tab components, including the terminal — xterm + addon-fit +\n// xterm.css are large enough that we don't want them in the conversation\n// route's eager graph just because the terminal tab might be selected later.\nconst FilesTab = lazy(() => import(\"#/routes/files-tab\"));\nconst BrowserTab = lazy(() => import(\"#/routes/browser-tab\"));\nconst PlannerTab = lazy(() => import(\"#/routes/planner-tab\"));\nconst TaskListTab = lazy(() => import(\"#/routes/task-list-tab\"));\nconst UsageTab = lazy(() => import(\"#/routes/usage-tab\"));\nconst Terminal = lazy(() => import(\"#/components/features/terminal/terminal\"));\n\nconst TAB_CONFIG = {\n tasklist: { component: TaskListTab },\n files: { component: FilesTab },\n browser: { component: BrowserTab },\n terminal: { component: Terminal },\n planner: { component: PlannerTab },\n usage: { component: UsageTab },\n};\n\nexport function ConversationTabContent() {\n const { selectedTab, shouldShownAgentLoading } = useConversationStore();\n const { conversationId } = useConversationId();\n\n const activeTab = useMemo(\n () =>\n TAB_CONFIG[selectedTab as keyof typeof TAB_CONFIG] ?? TAB_CONFIG.files,\n [selectedTab],\n );\n\n const ActiveComponent = activeTab.component;\n\n const tabWrapperKey =\n selectedTab === \"terminal\"\n ? `${selectedTab}-${conversationId}`\n : (selectedTab ?? \"files\");\n\n return (\n <TabContainer>\n <TabContentArea>\n <ConversationTabContentCrossfade\n showAgentLoading={shouldShownAgentLoading}\n tabKey={tabWrapperKey}\n >\n <TabWrapper key={tabWrapperKey}>\n <ActiveComponent />\n </TabWrapper>\n </ConversationTabContentCrossfade>\n </TabContentArea>\n </TabContainer>\n );\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAW,QAAW,OAAO,qCAAqB,GAClD,IAAa,QAAW,OAAO,uCAAuB,GACtD,IAAa,QAAW,OAAO,uCAAuB,GACtD,IAAc,QAAW,OAAO,yCAAyB,GACzD,IAAW,QAAW,OAAO,qCAAqB,GAClD,IAAW,QAAW,OAAO,gCAA0C,GAEvE,IAAa;CACjB,UAAU,EAAE,WAAW,EAAY;CACnC,OAAO,EAAE,WAAW,EAAS;CAC7B,SAAS,EAAE,WAAW,EAAW;CACjC,UAAU,EAAE,WAAW,EAAS;CAChC,SAAS,EAAE,WAAW,EAAW;CACjC,OAAO,EAAE,WAAW,EAAS;AAC/B;AAEA,SAAgB,IAAyB;CACvC,IAAM,EAAE,gBAAa,+BAA4B,EAAqB,GAChE,EAAE,sBAAmB,EAAkB,GAQvC,IANY,QAEd,EAAW,MAA2C,EAAW,OACnE,CAAC,CAAW,CAGU,EAAU,WAE5B,IACJ,MAAgB,aACZ,GAAG,EAAY,GAAG,MACjB,KAAe;CAEtB,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,kBAAkB;EAClB,QAAQ;YAER,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAkB,CAAA,EACR,GAFK,CAEL;CACmB,CAAA,EACnB,CAAA,EACJ,CAAA;AAElB"}