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/hooks/use-context-window-usage.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export interface ContextWindowUsage {
+    perTurnToken: number;
+    contextWindow: number;
+}
+export declare function useContextWindowUsage(): ContextWindowUsage | null;

package/dist/hooks/use-context-window-usage.js ADDED Viewed

@@ -0,0 +1,20 @@
+import e from "../stores/metrics-store.js";
+import { useActiveConversation as t } from "./query/use-active-conversation.js";
+import { useConversationMetrics as n } from "./query/use-conversation-metrics.js";
+import { useMemo as r } from "react";
+//#region src/hooks/use-context-window-usage.ts
+function i(e) {
+	let t = e?.context_window ?? 0;
+	return t <= 0 ? null : {
+		perTurnToken: e?.per_turn_token ?? 0,
+		contextWindow: t
+	};
+}
+function a() {
+	let a = e((e) => e.usage), { data: o } = t(), { data: s } = n(o?.id, o?.conversation_url, o?.session_api_key, !!o?.id);
+	return r(() => i(a) || i(s?.accumulated_token_usage ?? null), [a, s]);
+}
+//#endregion
+export { a as useContextWindowUsage };
+//# sourceMappingURL=use-context-window-usage.js.map

package/dist/hooks/use-context-window-usage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-context-window-usage.js","names":[],"sources":["../../src/hooks/use-context-window-usage.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport useMetricsStore from \"#/stores/metrics-store\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useConversationMetrics } from \"#/hooks/query/use-conversation-metrics\";\n\nexport interface ContextWindowUsage {\n perTurnToken: number;\n contextWindow: number;\n}\n\nfunction toContextWindowUsage(\n usage:\n | {\n per_turn_token?: number | null;\n context_window?: number | null;\n }\n | null\n | undefined,\n): ContextWindowUsage | null {\n const contextWindow = usage?.context_window ?? 0;\n if (contextWindow <= 0) {\n return null;\n }\n\n return {\n perTurnToken: usage?.per_turn_token ?? 0,\n contextWindow,\n };\n}\n\nexport function useContextWindowUsage(): ContextWindowUsage | null {\n const storeUsage = useMetricsStore((state) => state.usage);\n const { data: conversation } = useActiveConversation();\n\n const { data: conversationMetrics } = useConversationMetrics(\n conversation?.id,\n conversation?.conversation_url,\n conversation?.session_api_key,\n Boolean(conversation?.id),\n );\n\n return useMemo(() => {\n const fromStore = toContextWindowUsage(storeUsage);\n if (fromStore) {\n return fromStore;\n }\n\n return toContextWindowUsage(\n conversationMetrics?.accumulated_token_usage ?? null,\n );\n }, [storeUsage, conversationMetrics]);\n}\n"],"mappings":";;;;;AAUA,SAAS,EACP,GAO2B;CAC3B,IAAM,IAAgB,GAAO,kBAAkB;CAK/C,OAJI,KAAiB,IACZ,OAGF;EACL,cAAc,GAAO,kBAAkB;EACvC;CACF;AACF;AAEA,SAAgB,IAAmD;CACjE,IAAM,IAAa,GAAiB,MAAU,EAAM,KAAK,GACnD,EAAE,MAAM,MAAiB,EAAsB,GAE/C,EAAE,MAAM,MAAwB,EACpC,GAAc,IACd,GAAc,kBACd,GAAc,iBACd,EAAQ,GAAc,EACxB;CAEA,OAAO,QACa,EAAqB,CACnC,KAIG,EACL,GAAqB,2BAA2B,IAClD,GACC,CAAC,GAAY,CAAmB,CAAC;AACtC"}

package/dist/hooks/use-conversation-name-context-menu.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/status.cjs"),ee=require("../context/navigation-context.cjs"),i=require("../utils/custom-toast-handlers.cjs"),a=require("../contexts/active-backend-context.cjs"),o=require("../stores/use-event-store.cjs"),s=require("../api/conversation-metadata-store.cjs"),c=require("../stores/metrics-store.cjs"),te=require("./query/use-active-conversation.cjs"),l=require("./mutation/use-delete-conversation.cjs"),u=require("./mutation/use-unified-stop-conversation.cjs"),d=require("./mutation/use-update-conversation-public-flag.cjs"),f=require("./use-download-conversation.cjs"),p=require("../utils/system-message-adapter.cjs");let m=require("react");m=e.__toESM(m,1);function h({conversationId:e,executionStatus:h,showOptions:g=!1,onContextMenuToggle:_}){let{t:v}=t.useTranslation(),{conversationId:y,navigate:b}=ee.useNavigation(),{backend:x}=a.useActiveBackend(),S=o.useEventStore(e=>e.events),{mutate:C}=l.useDeleteConversation(),{mutate:w}=u.useUnifiedPauseConversation(),{mutate:T}=d.useUpdateConversationPublicFlag(),{data:E}=te.useActiveConversation(),D=c.default(),[O,k]=m.default.useState(!1),[A,j]=m.default.useState(!1),[M,N]=m.default.useState(!1),[P,F]=m.default.useState(!1),[I,L]=m.default.useState(!1),[R,z]=m.default.useState(!1),[B,V]=m.default.useState(!1),{mutateAsync:H}=f.useDownloadConversation(),U=p.adaptSystemMessage(S),W=e=>{e.preventDefault(),e.stopPropagation(),z(!0),_?.(!1)},G=e=>{e.preventDefault(),e.stopPropagation(),V(!0),_?.(!1)},K=()=>{e&&C({conversationId:e},{onSuccess:()=>{e===y&&b(`/conversations`)}}),z(!1)},q=()=>{e&&w({conversationId:e}),V(!1)},J=e=>{e.preventDefault(),e.stopPropagation(),_?.(!1)},Y=async t=>{t.preventDefault(),t.stopPropagation(),e&&await H(e),_?.(!1)},X=e=>{e.stopPropagation(),k(!0),_?.(!1)},Z=e=>{e.stopPropagation(),j(!0),_?.(!1)},Q=e=>{e.stopPropagation(),N(!0),_?.(!1)},ne=e=>{e.stopPropagation(),F(!0),_?.(!1)},re=e=>{e.stopPropagation(),L(!0),_?.(!1)},ie=t=>{e&&E&&T({conversationId:e,isPublic:t??!E.public})},$=m.default.useMemo(()=>e?`${x.kind===`cloud`?x.host.replace(/\/+$/,``):window.location.origin}/shared/conversations/${e}`:``,[e,x.kind,x.host]);return{handleDelete:W,handleStop:G,handleEdit:J,handleDownloadConversation:Y,handleDisplayCost:X,handleShowAgentTools:Z,handleShowSkills:Q,handleShowPlugins:ne,handleShowHooks:re,handleTogglePublic:ie,handleCopyShareLink:e=>{if(e.preventDefault(),e.stopPropagation(),!$){_?.(!1);return}navigator.clipboard.writeText($),i.displaySuccessToast(v(n.I18nKey.CONVERSATION$LINK_COPIED))},shareUrl:$,handleConfirmDelete:K,handleConfirmStop:q,metricsModalVisible:O,setMetricsModalVisible:k,systemModalVisible:A,setSystemModalVisible:j,skillsModalVisible:M,setSkillsModalVisible:N,pluginsModalVisible:P,setPluginsModalVisible:F,hooksModalVisible:I,setHooksModalVisible:L,confirmDeleteModalVisible:R,setConfirmDeleteModalVisible:z,confirmStopModalVisible:B,setConfirmStopModalVisible:V,metrics:D,systemMessage:U,shouldShowStop:r.isExecutionActive(h),shouldShowDownloadConversation:!!(e&&g),shouldShowDisplayCost:g,shouldShowAgentTools:!!(g&&U),shouldShowSkills:!!(g&&e),shouldShowPlugins:!!(g&&e&&(s.getStoredConversationMetadata(e)?.plugins?.length??0)>0),shouldShowHooks:!!(g&&e&&r.isExecutionActive(h))}}exports.useConversationNameContextMenu=h;
+const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),ee=require("../i18n/declaration.cjs"),n=require("../utils/status.cjs"),r=require("../context/navigation-context.cjs"),i=require("../utils/custom-toast-handlers.cjs"),a=require("../contexts/active-backend-context.cjs"),o=require("../stores/use-event-store.cjs"),s=require("../api/conversation-metadata-store.cjs"),c=require("./query/use-active-conversation.cjs"),te=require("./mutation/use-delete-conversation.cjs"),l=require("./mutation/use-unified-stop-conversation.cjs"),u=require("./mutation/use-update-conversation-public-flag.cjs"),d=require("./use-download-conversation.cjs"),f=require("../utils/system-message-adapter.cjs"),p=require("./use-select-conversation-tab.cjs");let m=require("react");m=e.__toESM(m,1);function h({conversationId:e,executionStatus:h,showOptions:g=!1,onContextMenuToggle:_}){let{t:v}=t.useTranslation(),{conversationId:y,navigate:b}=r.useNavigation(),{backend:x}=a.useActiveBackend(),S=o.useEventStore(e=>e.events),{mutate:C}=te.useDeleteConversation(),{mutate:w}=l.useUnifiedPauseConversation(),{mutate:T}=u.useUpdateConversationPublicFlag(),{data:E}=c.useActiveConversation(),[D,O]=m.default.useState(!1),[k,A]=m.default.useState(!1),[j,M]=m.default.useState(!1),[N,P]=m.default.useState(!1),[F,I]=m.default.useState(!1),[L,R]=m.default.useState(!1),{mutateAsync:z}=d.useDownloadConversation(),{navigateToTab:B}=p.useSelectConversationTab(),V=f.adaptSystemMessage(S),H=e=>{e.preventDefault(),e.stopPropagation(),I(!0),_?.(!1)},U=e=>{e.preventDefault(),e.stopPropagation(),R(!0),_?.(!1)},W=()=>{e&&C({conversationId:e},{onSuccess:()=>{e===y&&b(`/conversations`)}}),I(!1)},G=()=>{e&&w({conversationId:e}),R(!1)},K=e=>{e.preventDefault(),e.stopPropagation(),_?.(!1)},q=async t=>{t.preventDefault(),t.stopPropagation(),e&&await z(e),_?.(!1)},J=e=>{e.stopPropagation(),B(`usage`),_?.(!1)},Y=e=>{e.stopPropagation(),O(!0),_?.(!1)},X=e=>{e.stopPropagation(),A(!0),_?.(!1)},Z=e=>{e.stopPropagation(),M(!0),_?.(!1)},Q=e=>{e.stopPropagation(),P(!0),_?.(!1)},ne=t=>{e&&E&&T({conversationId:e,isPublic:t??!E.public})},$=m.default.useMemo(()=>e?`${x.kind===`cloud`?x.host.replace(/\/+$/,``):window.location.origin}/shared/conversations/${e}`:``,[e,x.kind,x.host]);return{handleDelete:H,handleStop:U,handleEdit:K,handleDownloadConversation:q,handleDisplayCost:J,handleShowAgentTools:Y,handleShowSkills:X,handleShowPlugins:Z,handleShowHooks:Q,handleTogglePublic:ne,handleCopyShareLink:e=>{if(e.preventDefault(),e.stopPropagation(),!$){_?.(!1);return}navigator.clipboard.writeText($),i.displaySuccessToast(v(ee.I18nKey.CONVERSATION$LINK_COPIED))},shareUrl:$,handleConfirmDelete:W,handleConfirmStop:G,systemModalVisible:D,setSystemModalVisible:O,skillsModalVisible:k,setSkillsModalVisible:A,pluginsModalVisible:j,setPluginsModalVisible:M,hooksModalVisible:N,setHooksModalVisible:P,confirmDeleteModalVisible:F,setConfirmDeleteModalVisible:I,confirmStopModalVisible:L,setConfirmStopModalVisible:R,systemMessage:V,shouldShowStop:n.isExecutionActive(h),shouldShowDownloadConversation:!!(e&&g),shouldShowDisplayCost:g,shouldShowAgentTools:!!(g&&V),shouldShowSkills:!!(g&&e),shouldShowPlugins:!!(g&&e&&(s.getStoredConversationMetadata(e)?.plugins?.length??0)>0),shouldShowHooks:!!(g&&e&&n.isExecutionActive(h))}}exports.useConversationNameContextMenu=h;
 //# sourceMappingURL=use-conversation-name-context-menu.cjs.map

package/dist/hooks/use-conversation-name-context-menu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-conversation-name-context-menu.cjs","names":[],"sources":["../../src/hooks/use-conversation-name-context-menu.ts"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport useMetricsStore from \"#/stores/metrics-store\";\nimport { useDeleteConversation } from \"./mutation/use-delete-conversation\";\nimport { useUnifiedPauseConversation } from \"./mutation/use-unified-stop-conversation\";\nimport { useUpdateConversationPublicFlag } from \"./mutation/use-update-conversation-public-flag\";\nimport { useActiveConversation } from \"./query/use-active-conversation\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getStoredConversationMetadata } from \"#/api/conversation-metadata-store\";\n\nimport { useDownloadConversation } from \"./use-download-conversation\";\nimport {\n adaptSystemMessage,\n SystemMessageForModal,\n} from \"#/utils/system-message-adapter\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionActive } from \"#/utils/status\";\n\ninterface UseConversationNameContextMenuProps {\n conversationId?: string;\n executionStatus?: ExecutionStatus \| null;\n showOptions?: boolean;\n onContextMenuToggle?: (isOpen: boolean) => void;\n}\n\nexport function useConversationNameContextMenu({\n conversationId,\n executionStatus,\n showOptions = false,\n onContextMenuToggle,\n}: UseConversationNameContextMenuProps) {\n const { t } = useTranslation();\n const { conversationId: currentConversationId, navigate } = useNavigation();\n const { backend } = useActiveBackend();\n const events = useEventStore((state) => state.events);\n const { mutate: deleteConversation } = useDeleteConversation();\n const { mutate: stopConversation } = useUnifiedPauseConversation();\n const { mutate: updatePublicFlag } = useUpdateConversationPublicFlag();\n const { data: conversation } = useActiveConversation();\n const metrics = useMetricsStore();\n\n const [metricsModalVisible, setMetricsModalVisible] = React.useState(false);\n const [systemModalVisible, setSystemModalVisible] = React.useState(false);\n const [skillsModalVisible, setSkillsModalVisible] = React.useState(false);\n const [pluginsModalVisible, setPluginsModalVisible] = React.useState(false);\n const [hooksModalVisible, setHooksModalVisible] = React.useState(false);\n const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n React.useState(false);\n const [confirmStopModalVisible, setConfirmStopModalVisible] =\n React.useState(false);\n const { mutateAsync: downloadConversation } = useDownloadConversation();\n\n const systemMessage: SystemMessageForModal \| null =\n adaptSystemMessage(events);\n\n const handleDelete = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setConfirmDeleteModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleStop = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setConfirmStopModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleConfirmDelete = () => {\n if (conversationId) {\n deleteConversation(\n { conversationId },\n {\n onSuccess: () => {\n if (conversationId === currentConversationId) {\n navigate(\"/conversations\");\n }\n },\n },\n );\n }\n setConfirmDeleteModalVisible(false);\n };\n\n const handleConfirmStop = () => {\n if (conversationId) {\n stopConversation({ conversationId });\n }\n setConfirmStopModalVisible(false);\n };\n\n const handleEdit = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n // This will be handled by the parent component to switch to edit mode\n onContextMenuToggle?.(false);\n };\n\n const handleDownloadConversation = async (\n event: React.MouseEvent<HTMLButtonElement>,\n ) => {\n event.preventDefault();\n event.stopPropagation();\n if (conversationId) {\n await downloadConversation(conversationId);\n }\n onContextMenuToggle?.(false);\n };\n\n const handleDisplayCost = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setMetricsModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleShowAgentTools = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setSystemModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleShowSkills = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setSkillsModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleShowPlugins = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setPluginsModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleShowHooks = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setHooksModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleTogglePublic = (nextIsPublic?: boolean) => {\n if (conversationId && conversation) {\n updatePublicFlag({\n conversationId,\n isPublic: nextIsPublic ?? !conversation.public,\n });\n }\n // Intentionally don't close the menu — let the user see the toggle flip.\n };\n\n const shareUrl = React.useMemo(() => {\n if (!conversationId) return \"\";\n // On cloud backends, the shareable URL must point at the cloud\n // environment's host (e.g. the cloud app domain) rather than the local\n // dev origin so the link works for anyone the user shares it with.\n const origin =\n backend.kind === \"cloud\"\n ? backend.host.replace(/\\/+$/, \"\")\n : window.location.origin;\n return `${origin}/shared/conversations/${conversationId}`;\n }, [conversationId, backend.kind, backend.host]);\n\n const handleCopyShareLink = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n\n if (!shareUrl) {\n onContextMenuToggle?.(false);\n return;\n }\n\n navigator.clipboard.writeText(shareUrl);\n displaySuccessToast(t(I18nKey.CONVERSATION$LINK_COPIED));\n };\n\n return {\n // Handlers\n handleDelete,\n handleStop,\n handleEdit,\n handleDownloadConversation,\n handleDisplayCost,\n handleShowAgentTools,\n handleShowSkills,\n handleShowPlugins,\n handleShowHooks,\n handleTogglePublic,\n handleCopyShareLink,\n shareUrl,\n handleConfirmDelete,\n handleConfirmStop,\n\n // Modal states\n metricsModalVisible,\n setMetricsModalVisible,\n systemModalVisible,\n setSystemModalVisible,\n skillsModalVisible,\n setSkillsModalVisible,\n pluginsModalVisible,\n setPluginsModalVisible,\n hooksModalVisible,\n setHooksModalVisible,\n confirmDeleteModalVisible,\n setConfirmDeleteModalVisible,\n confirmStopModalVisible,\n setConfirmStopModalVisible,\n\n // Data\n metrics,\n systemMessage,\n\n shouldShowStop: isExecutionActive(executionStatus),\n shouldShowDownloadConversation: Boolean(conversationId && showOptions),\n shouldShowDisplayCost: showOptions,\n shouldShowAgentTools: Boolean(showOptions && systemMessage),\n shouldShowSkills: Boolean(showOptions && conversationId),\n shouldShowPlugins: Boolean(\n showOptions &&\n conversationId &&\n (getStoredConversationMetadata(conversationId)?.plugins?.length ?? 0) > 0,\n ),\n shouldShowHooks: Boolean(\n showOptions && conversationId && isExecutionActive(executionStatus),\n ),\n };\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"use-conversation-name-context-menu.cjs","names":[],"sources":["../../src/hooks/use-conversation-name-context-menu.ts"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useDeleteConversation } from \"./mutation/use-delete-conversation\";\nimport { useUnifiedPauseConversation } from \"./mutation/use-unified-stop-conversation\";\nimport { useUpdateConversationPublicFlag } from \"./mutation/use-update-conversation-public-flag\";\nimport { useActiveConversation } from \"./query/use-active-conversation\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getStoredConversationMetadata } from \"#/api/conversation-metadata-store\";\n\nimport { useDownloadConversation } from \"./use-download-conversation\";\nimport {\n adaptSystemMessage,\n SystemMessageForModal,\n} from \"#/utils/system-message-adapter\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionActive } from \"#/utils/status\";\nimport { useSelectConversationTab } from \"./use-select-conversation-tab\";\n\ninterface UseConversationNameContextMenuProps {\n conversationId?: string;\n executionStatus?: ExecutionStatus \| null;\n showOptions?: boolean;\n onContextMenuToggle?: (isOpen: boolean) => void;\n}\n\nexport function useConversationNameContextMenu({\n conversationId,\n executionStatus,\n showOptions = false,\n onContextMenuToggle,\n}: UseConversationNameContextMenuProps) {\n const { t } = useTranslation();\n const { conversationId: currentConversationId, navigate } = useNavigation();\n const { backend } = useActiveBackend();\n const events = useEventStore((state) => state.events);\n const { mutate: deleteConversation } = useDeleteConversation();\n const { mutate: stopConversation } = useUnifiedPauseConversation();\n const { mutate: updatePublicFlag } = useUpdateConversationPublicFlag();\n const { data: conversation } = useActiveConversation();\n const [systemModalVisible, setSystemModalVisible] = React.useState(false);\n const [skillsModalVisible, setSkillsModalVisible] = React.useState(false);\n const [pluginsModalVisible, setPluginsModalVisible] = React.useState(false);\n const [hooksModalVisible, setHooksModalVisible] = React.useState(false);\n const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n React.useState(false);\n const [confirmStopModalVisible, setConfirmStopModalVisible] =\n React.useState(false);\n const { mutateAsync: downloadConversation } = useDownloadConversation();\n const { navigateToTab } = useSelectConversationTab();\n\n const systemMessage: SystemMessageForModal \| null =\n adaptSystemMessage(events);\n\n const handleDelete = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setConfirmDeleteModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleStop = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setConfirmStopModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleConfirmDelete = () => {\n if (conversationId) {\n deleteConversation(\n { conversationId },\n {\n onSuccess: () => {\n if (conversationId === currentConversationId) {\n navigate(\"/conversations\");\n }\n },\n },\n );\n }\n setConfirmDeleteModalVisible(false);\n };\n\n const handleConfirmStop = () => {\n if (conversationId) {\n stopConversation({ conversationId });\n }\n setConfirmStopModalVisible(false);\n };\n\n const handleEdit = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n // This will be handled by the parent component to switch to edit mode\n onContextMenuToggle?.(false);\n };\n\n const handleDownloadConversation = async (\n event: React.MouseEvent<HTMLButtonElement>,\n ) => {\n event.preventDefault();\n event.stopPropagation();\n if (conversationId) {\n await downloadConversation(conversationId);\n }\n onContextMenuToggle?.(false);\n };\n\n const handleDisplayCost = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n navigateToTab(\"usage\");\n onContextMenuToggle?.(false);\n };\n\n const handleShowAgentTools = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setSystemModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleShowSkills = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setSkillsModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleShowPlugins = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setPluginsModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleShowHooks = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setHooksModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleTogglePublic = (nextIsPublic?: boolean) => {\n if (conversationId && conversation) {\n updatePublicFlag({\n conversationId,\n isPublic: nextIsPublic ?? !conversation.public,\n });\n }\n // Intentionally don't close the menu — let the user see the toggle flip.\n };\n\n const shareUrl = React.useMemo(() => {\n if (!conversationId) return \"\";\n // On cloud backends, the shareable URL must point at the cloud\n // environment's host (e.g. the cloud app domain) rather than the local\n // dev origin so the link works for anyone the user shares it with.\n const origin =\n backend.kind === \"cloud\"\n ? backend.host.replace(/\\/+$/, \"\")\n : window.location.origin;\n return `${origin}/shared/conversations/${conversationId}`;\n }, [conversationId, backend.kind, backend.host]);\n\n const handleCopyShareLink = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n\n if (!shareUrl) {\n onContextMenuToggle?.(false);\n return;\n }\n\n navigator.clipboard.writeText(shareUrl);\n displaySuccessToast(t(I18nKey.CONVERSATION$LINK_COPIED));\n };\n\n return {\n // Handlers\n handleDelete,\n handleStop,\n handleEdit,\n handleDownloadConversation,\n handleDisplayCost,\n handleShowAgentTools,\n handleShowSkills,\n handleShowPlugins,\n handleShowHooks,\n handleTogglePublic,\n handleCopyShareLink,\n shareUrl,\n handleConfirmDelete,\n handleConfirmStop,\n\n // Modal states\n systemModalVisible,\n setSystemModalVisible,\n skillsModalVisible,\n setSkillsModalVisible,\n pluginsModalVisible,\n setPluginsModalVisible,\n hooksModalVisible,\n setHooksModalVisible,\n confirmDeleteModalVisible,\n setConfirmDeleteModalVisible,\n confirmStopModalVisible,\n setConfirmStopModalVisible,\n\n // Data\n systemMessage,\n\n shouldShowStop: isExecutionActive(executionStatus),\n shouldShowDownloadConversation: Boolean(conversationId && showOptions),\n shouldShowDisplayCost: showOptions,\n shouldShowAgentTools: Boolean(showOptions && systemMessage),\n shouldShowSkills: Boolean(showOptions && conversationId),\n shouldShowPlugins: Boolean(\n showOptions &&\n conversationId &&\n (getStoredConversationMetadata(conversationId)?.plugins?.length ?? 0) > 0,\n ),\n shouldShowHooks: Boolean(\n showOptions && conversationId && isExecutionActive(executionStatus),\n ),\n };\n}\n"],"mappings":"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"}

package/dist/hooks/use-conversation-name-context-menu.d.ts CHANGED Viewed

@@ -22,8 +22,6 @@ export declare function useConversationNameContextMenu({ conversationId, executi
     shareUrl: string;
     handleConfirmDelete: () => void;
     handleConfirmStop: () => void;
-    metricsModalVisible: boolean;
-    setMetricsModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
     systemModalVisible: boolean;
     setSystemModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
     skillsModalVisible: boolean;
@@ -36,7 +34,6 @@ export declare function useConversationNameContextMenu({ conversationId, executi
     setConfirmDeleteModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
     confirmStopModalVisible: boolean;
     setConfirmStopModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
-    metrics: import("#/stores/metrics-store").MetricsStore;
     systemMessage: SystemMessageForModal | null;
     shouldShowStop: boolean;
     shouldShowDownloadConversation: boolean;

package/dist/hooks/use-conversation-name-context-menu.js CHANGED Viewed

@@ -1,46 +1,46 @@
 import { useTranslation as e } from "../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../i18n/declaration.js";
 import { isExecutionActive as n } from "../utils/status.js";
-import { useNavigation as r } from "../context/navigation-context.js";
-import { displaySuccessToast as ee } from "../utils/custom-toast-handlers.js";
+import { useNavigation as ee } from "../context/navigation-context.js";
+import { displaySuccessToast as r } from "../utils/custom-toast-handlers.js";
 import { useActiveBackend as i } from "../contexts/active-backend-context.js";
 import { useEventStore as a } from "../stores/use-event-store.js";
 import { getStoredConversationMetadata as o } from "../api/conversation-metadata-store.js";
-import s from "../stores/metrics-store.js";
-import { useActiveConversation as c } from "./query/use-active-conversation.js";
-import { useDeleteConversation as te } from "./mutation/use-delete-conversation.js";
-import { useUnifiedPauseConversation as l } from "./mutation/use-unified-stop-conversation.js";
-import { useUpdateConversationPublicFlag as u } from "./mutation/use-update-conversation-public-flag.js";
-import { useDownloadConversation as d } from "./use-download-conversation.js";
-import { adaptSystemMessage as f } from "../utils/system-message-adapter.js";
+import { useActiveConversation as s } from "./query/use-active-conversation.js";
+import { useDeleteConversation as c } from "./mutation/use-delete-conversation.js";
+import { useUnifiedPauseConversation as te } from "./mutation/use-unified-stop-conversation.js";
+import { useUpdateConversationPublicFlag as l } from "./mutation/use-update-conversation-public-flag.js";
+import { useDownloadConversation as u } from "./use-download-conversation.js";
+import { adaptSystemMessage as d } from "../utils/system-message-adapter.js";
+import { useSelectConversationTab as f } from "./use-select-conversation-tab.js";
 import p from "react";
 //#region src/hooks/use-conversation-name-context-menu.ts
 function m({ conversationId: m, executionStatus: h, showOptions: g = !1, onContextMenuToggle: _ }) {
-	let { t: v } = e(), { conversationId: y, navigate: b } = r(), { backend: x } = i(), S = a((e) => e.events), { mutate: C } = te(), { mutate: w } = l(), { mutate: T } = u(), { data: E } = c(), D = s(), [O, k] = p.useState(!1), [A, j] = p.useState(!1), [M, N] = p.useState(!1), [P, F] = p.useState(!1), [I, L] = p.useState(!1), [R, z] = p.useState(!1), [B, V] = p.useState(!1), { mutateAsync: H } = d(), U = f(S), W = (e) => {
-		e.preventDefault(), e.stopPropagation(), z(!0), _?.(!1);
-	}, G = (e) => {
-		e.preventDefault(), e.stopPropagation(), V(!0), _?.(!1);
-	}, K = () => {
+	let { t: v } = e(), { conversationId: y, navigate: b } = ee(), { backend: x } = i(), S = a((e) => e.events), { mutate: C } = c(), { mutate: w } = te(), { mutate: T } = l(), { data: E } = s(), [D, O] = p.useState(!1), [k, A] = p.useState(!1), [j, M] = p.useState(!1), [N, P] = p.useState(!1), [F, I] = p.useState(!1), [L, R] = p.useState(!1), { mutateAsync: z } = u(), { navigateToTab: B } = f(), V = d(S), H = (e) => {
+		e.preventDefault(), e.stopPropagation(), I(!0), _?.(!1);
+	}, U = (e) => {
+		e.preventDefault(), e.stopPropagation(), R(!0), _?.(!1);
+	}, W = () => {
 		m && C({ conversationId: m }, { onSuccess: () => {
 			m === y && b("/conversations");
-		} }), z(!1);
-	}, q = () => {
-		m && w({ conversationId: m }), V(!1);
-	}, J = (e) => {
+		} }), I(!1);
+	}, G = () => {
+		m && w({ conversationId: m }), R(!1);
+	}, K = (e) => {
 		e.preventDefault(), e.stopPropagation(), _?.(!1);
-	}, Y = async (e) => {
-		e.preventDefault(), e.stopPropagation(), m && await H(m), _?.(!1);
+	}, q = async (e) => {
+		e.preventDefault(), e.stopPropagation(), m && await z(m), _?.(!1);
+	}, J = (e) => {
+		e.stopPropagation(), B("usage"), _?.(!1);
+	}, Y = (e) => {
+		e.stopPropagation(), O(!0), _?.(!1);
 	}, X = (e) => {
-		e.stopPropagation(), k(!0), _?.(!1);
+		e.stopPropagation(), A(!0), _?.(!1);
 	}, Z = (e) => {
-		e.stopPropagation(), j(!0), _?.(!1);
+		e.stopPropagation(), M(!0), _?.(!1);
 	}, Q = (e) => {
-		e.stopPropagation(), N(!0), _?.(!1);
+		e.stopPropagation(), P(!0), _?.(!1);
 	}, ne = (e) => {
-		e.stopPropagation(), F(!0), _?.(!1);
-	}, re = (e) => {
-		e.stopPropagation(), L(!0), _?.(!1);
-	}, ie = (e) => {
 		m && E && T({
 			conversationId: m,
 			isPublic: e ?? !E.public
@@ -51,46 +51,43 @@ function m({ conversationId: m, executionStatus: h, showOptions: g = !1, onConte
 		x.host
 	]);
 	return {
-		handleDelete: W,
-		handleStop: G,
-		handleEdit: J,
-		handleDownloadConversation: Y,
-		handleDisplayCost: X,
-		handleShowAgentTools: Z,
-		handleShowSkills: Q,
-		handleShowPlugins: ne,
-		handleShowHooks: re,
-		handleTogglePublic: ie,
+		handleDelete: H,
+		handleStop: U,
+		handleEdit: K,
+		handleDownloadConversation: q,
+		handleDisplayCost: J,
+		handleShowAgentTools: Y,
+		handleShowSkills: X,
+		handleShowPlugins: Z,
+		handleShowHooks: Q,
+		handleTogglePublic: ne,
 		handleCopyShareLink: (e) => {
 			if (e.preventDefault(), e.stopPropagation(), !$) {
 				_?.(!1);
 				return;
 			}
-			navigator.clipboard.writeText($), ee(v(t.CONVERSATION$LINK_COPIED));
+			navigator.clipboard.writeText($), r(v(t.CONVERSATION$LINK_COPIED));
 		},
 		shareUrl: $,
-		handleConfirmDelete: K,
-		handleConfirmStop: q,
-		metricsModalVisible: O,
-		setMetricsModalVisible: k,
-		systemModalVisible: A,
-		setSystemModalVisible: j,
-		skillsModalVisible: M,
-		setSkillsModalVisible: N,
-		pluginsModalVisible: P,
-		setPluginsModalVisible: F,
-		hooksModalVisible: I,
-		setHooksModalVisible: L,
-		confirmDeleteModalVisible: R,
-		setConfirmDeleteModalVisible: z,
-		confirmStopModalVisible: B,
-		setConfirmStopModalVisible: V,
-		metrics: D,
-		systemMessage: U,
+		handleConfirmDelete: W,
+		handleConfirmStop: G,
+		systemModalVisible: D,
+		setSystemModalVisible: O,
+		skillsModalVisible: k,
+		setSkillsModalVisible: A,
+		pluginsModalVisible: j,
+		setPluginsModalVisible: M,
+		hooksModalVisible: N,
+		setHooksModalVisible: P,
+		confirmDeleteModalVisible: F,
+		setConfirmDeleteModalVisible: I,
+		confirmStopModalVisible: L,
+		setConfirmStopModalVisible: R,
+		systemMessage: V,
 		shouldShowStop: n(h),
 		shouldShowDownloadConversation: !!(m && g),
 		shouldShowDisplayCost: g,
-		shouldShowAgentTools: !!(g && U),
+		shouldShowAgentTools: !!(g && V),
 		shouldShowSkills: !!(g && m),
 		shouldShowPlugins: !!(g && m && (o(m)?.plugins?.length ?? 0) > 0),
 		shouldShowHooks: !!(g && m && n(h))

package/dist/hooks/use-conversation-name-context-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-conversation-name-context-menu.js","names":[],"sources":["../../src/hooks/use-conversation-name-context-menu.ts"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport useMetricsStore from \"#/stores/metrics-store\";\nimport { useDeleteConversation } from \"./mutation/use-delete-conversation\";\nimport { useUnifiedPauseConversation } from \"./mutation/use-unified-stop-conversation\";\nimport { useUpdateConversationPublicFlag } from \"./mutation/use-update-conversation-public-flag\";\nimport { useActiveConversation } from \"./query/use-active-conversation\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getStoredConversationMetadata } from \"#/api/conversation-metadata-store\";\n\nimport { useDownloadConversation } from \"./use-download-conversation\";\nimport {\n adaptSystemMessage,\n SystemMessageForModal,\n} from \"#/utils/system-message-adapter\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionActive } from \"#/utils/status\";\n\ninterface UseConversationNameContextMenuProps {\n conversationId?: string;\n executionStatus?: ExecutionStatus \| null;\n showOptions?: boolean;\n onContextMenuToggle?: (isOpen: boolean) => void;\n}\n\nexport function useConversationNameContextMenu({\n conversationId,\n executionStatus,\n showOptions = false,\n onContextMenuToggle,\n}: UseConversationNameContextMenuProps) {\n const { t } = useTranslation();\n const { conversationId: currentConversationId, navigate } = useNavigation();\n const { backend } = useActiveBackend();\n const events = useEventStore((state) => state.events);\n const { mutate: deleteConversation } = useDeleteConversation();\n const { mutate: stopConversation } = useUnifiedPauseConversation();\n const { mutate: updatePublicFlag } = useUpdateConversationPublicFlag();\n const { data: conversation } = useActiveConversation();\n const metrics = useMetricsStore();\n\n const [metricsModalVisible, setMetricsModalVisible] = React.useState(false);\n const [systemModalVisible, setSystemModalVisible] = React.useState(false);\n const [skillsModalVisible, setSkillsModalVisible] = React.useState(false);\n const [pluginsModalVisible, setPluginsModalVisible] = React.useState(false);\n const [hooksModalVisible, setHooksModalVisible] = React.useState(false);\n const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n React.useState(false);\n const [confirmStopModalVisible, setConfirmStopModalVisible] =\n React.useState(false);\n const { mutateAsync: downloadConversation } = useDownloadConversation();\n\n const systemMessage: SystemMessageForModal \| null =\n adaptSystemMessage(events);\n\n const handleDelete = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setConfirmDeleteModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleStop = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setConfirmStopModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleConfirmDelete = () => {\n if (conversationId) {\n deleteConversation(\n { conversationId },\n {\n onSuccess: () => {\n if (conversationId === currentConversationId) {\n navigate(\"/conversations\");\n }\n },\n },\n );\n }\n setConfirmDeleteModalVisible(false);\n };\n\n const handleConfirmStop = () => {\n if (conversationId) {\n stopConversation({ conversationId });\n }\n setConfirmStopModalVisible(false);\n };\n\n const handleEdit = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n // This will be handled by the parent component to switch to edit mode\n onContextMenuToggle?.(false);\n };\n\n const handleDownloadConversation = async (\n event: React.MouseEvent<HTMLButtonElement>,\n ) => {\n event.preventDefault();\n event.stopPropagation();\n if (conversationId) {\n await downloadConversation(conversationId);\n }\n onContextMenuToggle?.(false);\n };\n\n const handleDisplayCost = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setMetricsModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleShowAgentTools = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setSystemModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleShowSkills = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setSkillsModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleShowPlugins = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setPluginsModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleShowHooks = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setHooksModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleTogglePublic = (nextIsPublic?: boolean) => {\n if (conversationId && conversation) {\n updatePublicFlag({\n conversationId,\n isPublic: nextIsPublic ?? !conversation.public,\n });\n }\n // Intentionally don't close the menu — let the user see the toggle flip.\n };\n\n const shareUrl = React.useMemo(() => {\n if (!conversationId) return \"\";\n // On cloud backends, the shareable URL must point at the cloud\n // environment's host (e.g. the cloud app domain) rather than the local\n // dev origin so the link works for anyone the user shares it with.\n const origin =\n backend.kind === \"cloud\"\n ? backend.host.replace(/\\/+$/, \"\")\n : window.location.origin;\n return `${origin}/shared/conversations/${conversationId}`;\n }, [conversationId, backend.kind, backend.host]);\n\n const handleCopyShareLink = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n\n if (!shareUrl) {\n onContextMenuToggle?.(false);\n return;\n }\n\n navigator.clipboard.writeText(shareUrl);\n displaySuccessToast(t(I18nKey.CONVERSATION$LINK_COPIED));\n };\n\n return {\n // Handlers\n handleDelete,\n handleStop,\n handleEdit,\n handleDownloadConversation,\n handleDisplayCost,\n handleShowAgentTools,\n handleShowSkills,\n handleShowPlugins,\n handleShowHooks,\n handleTogglePublic,\n handleCopyShareLink,\n shareUrl,\n handleConfirmDelete,\n handleConfirmStop,\n\n // Modal states\n metricsModalVisible,\n setMetricsModalVisible,\n systemModalVisible,\n setSystemModalVisible,\n skillsModalVisible,\n setSkillsModalVisible,\n pluginsModalVisible,\n setPluginsModalVisible,\n hooksModalVisible,\n setHooksModalVisible,\n confirmDeleteModalVisible,\n setConfirmDeleteModalVisible,\n confirmStopModalVisible,\n setConfirmStopModalVisible,\n\n // Data\n metrics,\n systemMessage,\n\n shouldShowStop: isExecutionActive(executionStatus),\n shouldShowDownloadConversation: Boolean(conversationId && showOptions),\n shouldShowDisplayCost: showOptions,\n shouldShowAgentTools: Boolean(showOptions && systemMessage),\n shouldShowSkills: Boolean(showOptions && conversationId),\n shouldShowPlugins: Boolean(\n showOptions &&\n conversationId &&\n (getStoredConversationMetadata(conversationId)?.plugins?.length ?? 0) > 0,\n ),\n shouldShowHooks: Boolean(\n showOptions && conversationId && isExecutionActive(executionStatus),\n ),\n };\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"use-conversation-name-context-menu.js","names":[],"sources":["../../src/hooks/use-conversation-name-context-menu.ts"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useDeleteConversation } from \"./mutation/use-delete-conversation\";\nimport { useUnifiedPauseConversation } from \"./mutation/use-unified-stop-conversation\";\nimport { useUpdateConversationPublicFlag } from \"./mutation/use-update-conversation-public-flag\";\nimport { useActiveConversation } from \"./query/use-active-conversation\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getStoredConversationMetadata } from \"#/api/conversation-metadata-store\";\n\nimport { useDownloadConversation } from \"./use-download-conversation\";\nimport {\n adaptSystemMessage,\n SystemMessageForModal,\n} from \"#/utils/system-message-adapter\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionActive } from \"#/utils/status\";\nimport { useSelectConversationTab } from \"./use-select-conversation-tab\";\n\ninterface UseConversationNameContextMenuProps {\n conversationId?: string;\n executionStatus?: ExecutionStatus \| null;\n showOptions?: boolean;\n onContextMenuToggle?: (isOpen: boolean) => void;\n}\n\nexport function useConversationNameContextMenu({\n conversationId,\n executionStatus,\n showOptions = false,\n onContextMenuToggle,\n}: UseConversationNameContextMenuProps) {\n const { t } = useTranslation();\n const { conversationId: currentConversationId, navigate } = useNavigation();\n const { backend } = useActiveBackend();\n const events = useEventStore((state) => state.events);\n const { mutate: deleteConversation } = useDeleteConversation();\n const { mutate: stopConversation } = useUnifiedPauseConversation();\n const { mutate: updatePublicFlag } = useUpdateConversationPublicFlag();\n const { data: conversation } = useActiveConversation();\n const [systemModalVisible, setSystemModalVisible] = React.useState(false);\n const [skillsModalVisible, setSkillsModalVisible] = React.useState(false);\n const [pluginsModalVisible, setPluginsModalVisible] = React.useState(false);\n const [hooksModalVisible, setHooksModalVisible] = React.useState(false);\n const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n React.useState(false);\n const [confirmStopModalVisible, setConfirmStopModalVisible] =\n React.useState(false);\n const { mutateAsync: downloadConversation } = useDownloadConversation();\n const { navigateToTab } = useSelectConversationTab();\n\n const systemMessage: SystemMessageForModal \| null =\n adaptSystemMessage(events);\n\n const handleDelete = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setConfirmDeleteModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleStop = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setConfirmStopModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleConfirmDelete = () => {\n if (conversationId) {\n deleteConversation(\n { conversationId },\n {\n onSuccess: () => {\n if (conversationId === currentConversationId) {\n navigate(\"/conversations\");\n }\n },\n },\n );\n }\n setConfirmDeleteModalVisible(false);\n };\n\n const handleConfirmStop = () => {\n if (conversationId) {\n stopConversation({ conversationId });\n }\n setConfirmStopModalVisible(false);\n };\n\n const handleEdit = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n // This will be handled by the parent component to switch to edit mode\n onContextMenuToggle?.(false);\n };\n\n const handleDownloadConversation = async (\n event: React.MouseEvent<HTMLButtonElement>,\n ) => {\n event.preventDefault();\n event.stopPropagation();\n if (conversationId) {\n await downloadConversation(conversationId);\n }\n onContextMenuToggle?.(false);\n };\n\n const handleDisplayCost = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n navigateToTab(\"usage\");\n onContextMenuToggle?.(false);\n };\n\n const handleShowAgentTools = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setSystemModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleShowSkills = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setSkillsModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleShowPlugins = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setPluginsModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleShowHooks = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setHooksModalVisible(true);\n onContextMenuToggle?.(false);\n };\n\n const handleTogglePublic = (nextIsPublic?: boolean) => {\n if (conversationId && conversation) {\n updatePublicFlag({\n conversationId,\n isPublic: nextIsPublic ?? !conversation.public,\n });\n }\n // Intentionally don't close the menu — let the user see the toggle flip.\n };\n\n const shareUrl = React.useMemo(() => {\n if (!conversationId) return \"\";\n // On cloud backends, the shareable URL must point at the cloud\n // environment's host (e.g. the cloud app domain) rather than the local\n // dev origin so the link works for anyone the user shares it with.\n const origin =\n backend.kind === \"cloud\"\n ? backend.host.replace(/\\/+$/, \"\")\n : window.location.origin;\n return `${origin}/shared/conversations/${conversationId}`;\n }, [conversationId, backend.kind, backend.host]);\n\n const handleCopyShareLink = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n\n if (!shareUrl) {\n onContextMenuToggle?.(false);\n return;\n }\n\n navigator.clipboard.writeText(shareUrl);\n displaySuccessToast(t(I18nKey.CONVERSATION$LINK_COPIED));\n };\n\n return {\n // Handlers\n handleDelete,\n handleStop,\n handleEdit,\n handleDownloadConversation,\n handleDisplayCost,\n handleShowAgentTools,\n handleShowSkills,\n handleShowPlugins,\n handleShowHooks,\n handleTogglePublic,\n handleCopyShareLink,\n shareUrl,\n handleConfirmDelete,\n handleConfirmStop,\n\n // Modal states\n systemModalVisible,\n setSystemModalVisible,\n skillsModalVisible,\n setSkillsModalVisible,\n pluginsModalVisible,\n setPluginsModalVisible,\n hooksModalVisible,\n setHooksModalVisible,\n confirmDeleteModalVisible,\n setConfirmDeleteModalVisible,\n confirmStopModalVisible,\n setConfirmStopModalVisible,\n\n // Data\n systemMessage,\n\n shouldShowStop: isExecutionActive(executionStatus),\n shouldShowDownloadConversation: Boolean(conversationId && showOptions),\n shouldShowDisplayCost: showOptions,\n shouldShowAgentTools: Boolean(showOptions && systemMessage),\n shouldShowSkills: Boolean(showOptions && conversationId),\n shouldShowPlugins: Boolean(\n showOptions &&\n conversationId &&\n (getStoredConversationMetadata(conversationId)?.plugins?.length ?? 0) > 0,\n ),\n shouldShowHooks: Boolean(\n showOptions && conversationId && isExecutionActive(executionStatus),\n ),\n };\n}\n"],"mappings":"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"}

package/dist/hooks/use-drag-resize.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../_virtual/_rolldown/runtime.cjs"),require("../utils/constants.cjs");const e=require("../utils/utils.cjs");var t=2,n=({elementRef:n,minHeight:r,maxHeight:i,onGripDragStart:a,onGripDragEnd:o,onHeightChange:s,onReachedMinHeight:c})=>{let l=e=>`touches`in e&&e.touches.length>0?e.touches[0].clientY:e.clientY,u=(e,t)=>{let n=document.getElementById(`resize-grip`);n&&(n.addEventListener(`touchmove`,e,{passive:!1,capture:!0}),n.addEventListener(`touchend`,t,{capture:!0}))},d=(e,t)=>{document.addEventListener(`mousemove`,e),document.addEventListener(`mouseup`,t)},f=f=>{let p=e.isMobileDevice(),m=n.current?.offsetHeight||r,h=!1,g=e=>{if(e.preventDefault(),!h){let n=l(e);if(Math.abs(n-f)<t)return;h=!0,a?.()}let o=l(e)-f,u=Math.max(r,Math.min(i,m-o)),d=n.current;if(!d)return;d.style.height=`${u}px`;let p=d.scrollHeight>u||u>=i;d.style.overflowY=p?`auto`:`hidden`,s&&s(u),c&&Math.abs(u-r)<=1.5&&c()},_=()=>{if(h&&o?.(),p){let e=document.getElementById(`resize-grip`);if(!e)return;e.removeEventListener(`mousemove`,g),e.removeEventListener(`mouseup`,_),e.removeEventListener(`touchmove`,g),e.removeEventListener(`touchend`,_)}else document.removeEventListener(`mousemove`,g),document.removeEventListener(`mouseup`,_),document.removeEventListener(`touchmove`,g),document.removeEventListener(`touchend`,_)};p?u(g,_):d(g,_)};return{handleGripMouseDown:e=>{e.preventDefault(),f(e.clientY)},handleGripTouchStart:e=>{e.preventDefault(),f(e.touches[0].clientY)}}};exports.useDragResize=n;
+require("../_virtual/_rolldown/runtime.cjs"),require("../utils/constants.cjs");const e=require("../utils/utils.cjs");var t=2,n=120,r=()=>{let e=document.getElementById(`resize-grip`)?.parentElement??null;return e?e.getBoundingClientRect().bottom>=window.innerHeight-n:!0},i=({elementRef:n,minHeight:i,maxHeight:a,onGripDragStart:o,onGripDragEnd:s,onHeightChange:c,onReachedMinHeight:l})=>{let u=e=>`touches`in e&&e.touches.length>0?e.touches[0].clientY:e.clientY,d=(e,t)=>{let n=document.getElementById(`resize-grip`);n&&(n.addEventListener(`touchmove`,e,{passive:!1,capture:!0}),n.addEventListener(`touchend`,t,{capture:!0}))},f=(e,t)=>{document.addEventListener(`mousemove`,e),document.addEventListener(`mouseup`,t)},p=r=>{let p=e.isMobileDevice(),m=n.current?.offsetHeight||i,h=!1,g=e=>{if(e.preventDefault(),!h){let n=u(e);if(Math.abs(n-r)<t)return;h=!0,o?.()}let s=u(e)-r,d=Math.max(i,Math.min(a,m-s)),f=n.current;if(!f)return;f.style.height=`${d}px`;let p=f.scrollHeight>d||d>=a;f.style.overflowY=p?`auto`:`hidden`,c&&c(d),l&&Math.abs(d-i)<=1.5&&l()},_=()=>{if(h&&s?.(),p){let e=document.getElementById(`resize-grip`);if(!e)return;e.removeEventListener(`mousemove`,g),e.removeEventListener(`mouseup`,_),e.removeEventListener(`touchmove`,g),e.removeEventListener(`touchend`,_)}else document.removeEventListener(`mousemove`,g),document.removeEventListener(`mouseup`,_),document.removeEventListener(`touchmove`,g),document.removeEventListener(`touchend`,_)};p?d(g,_):f(g,_)};return{handleGripMouseDown:e=>{e.preventDefault(),r()&&p(e.clientY)},handleGripTouchStart:e=>{e.preventDefault(),r()&&p(e.touches[0].clientY)}}};exports.isBottomAnchored=r,exports.useDragResize=i;
 //# sourceMappingURL=use-drag-resize.cjs.map

package/dist/hooks/use-drag-resize.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-drag-resize.cjs","names":[],"sources":["../../src/hooks/use-drag-resize.ts"],"sourcesContent":["import type {\n RefObject,\n MouseEvent as ReactMouseEvent,\n TouchEvent as ReactTouchEvent,\n} from \"react\";\nimport { EPS } from \"#/utils/constants\";\nimport { isMobileDevice } from \"#/utils/utils\";\n\n/** Movement required before a pointer gesture is treated as a resize drag. */\nconst DRAG_COMMIT_PX = 2;\n\n// Drag handling hook\ninterface UseDragResizeOptions {\n elementRef: RefObject<HTMLElement \| null>;\n minHeight: number;\n maxHeight: number;\n onGripDragStart?: () => void;\n onGripDragEnd?: () => void;\n onHeightChange?: (height: number) => void;\n onReachedMinHeight?: () => void; // Notify when user drags to minimum height\n}\n\nexport const useDragResize = ({\n elementRef,\n minHeight,\n maxHeight,\n onGripDragStart,\n onGripDragEnd,\n onHeightChange,\n onReachedMinHeight,\n}: UseDragResizeOptions) => {\n const getClientY = (event: MouseEvent \| TouchEvent): number => {\n if (\"touches\" in event && event.touches.length > 0) {\n return event.touches[0].clientY;\n }\n return (event as MouseEvent).clientY;\n };\n\n // Setup event listeners for mobile devices\n const setupMobileEventListeners = (\n handleDragMove: (event: MouseEvent \| TouchEvent) => void,\n handleDragEnd: () => void,\n ) => {\n const resizeGrip = document.getElementById(\"resize-grip\");\n\n if (!resizeGrip) {\n return;\n }\n\n resizeGrip.addEventListener(\"touchmove\", handleDragMove, {\n passive: false,\n capture: true,\n });\n resizeGrip.addEventListener(\"touchend\", handleDragEnd, {\n capture: true,\n });\n };\n\n // Setup event listeners for desktop devices\n const setupDesktopEventListeners = (\n handleDragMove: (event: MouseEvent \| TouchEvent) => void,\n handleDragEnd: () => void,\n ) => {\n document.addEventListener(\"mousemove\", handleDragMove);\n document.addEventListener(\"mouseup\", handleDragEnd);\n };\n\n // Start drag operation\n const startDrag = (startY: number) => {\n const isMobile = isMobileDevice();\n const startHeight = elementRef.current?.offsetHeight \|\| minHeight;\n let dragCommitted = false;\n\n const handleDragMove = (moveEvent: MouseEvent \| TouchEvent) => {\n moveEvent.preventDefault();\n\n if (!dragCommitted) {\n const y = getClientY(moveEvent);\n if (Math.abs(y - startY) < DRAG_COMMIT_PX) {\n return;\n }\n dragCommitted = true;\n onGripDragStart?.();\n }\n\n const deltaY = getClientY(moveEvent) - startY;\n // Invert deltaY so moving up increases height and moving down decreases height\n const newHeight = Math.max(\n minHeight,\n Math.min(maxHeight, startHeight - deltaY),\n );\n\n const element = elementRef.current;\n\n if (!element) {\n return;\n }\n\n element.style.height = `${newHeight}px`;\n\n // Check if content exceeds the new height to determine scrollbar visibility\n const contentHeight = element.scrollHeight;\n const shouldShowScrollbar =\n contentHeight > newHeight \|\| newHeight >= maxHeight;\n element.style.overflowY = shouldShowScrollbar ? \"auto\" : \"hidden\";\n\n // Call the height change callback if provided\n if (onHeightChange) {\n onHeightChange(newHeight);\n }\n\n // Notify when dragged to minimum height to clear manual mode\n if (onReachedMinHeight && Math.abs(newHeight - minHeight) <= EPS) {\n onReachedMinHeight();\n }\n };\n\n const handleDragEnd = () => {\n if (dragCommitted) {\n onGripDragEnd?.();\n }\n\n if (isMobile) {\n const resizeGrip = document.getElementById(\"resize-grip\");\n if (!resizeGrip) {\n return;\n }\n\n // Remove both mouse and touch event listeners\n resizeGrip.removeEventListener(\"mousemove\", handleDragMove);\n resizeGrip.removeEventListener(\"mouseup\", handleDragEnd);\n resizeGrip.removeEventListener(\"touchmove\", handleDragMove);\n resizeGrip.removeEventListener(\"touchend\", handleDragEnd);\n } else {\n document.removeEventListener(\"mousemove\", handleDragMove);\n document.removeEventListener(\"mouseup\", handleDragEnd);\n document.removeEventListener(\"touchmove\", handleDragMove);\n document.removeEventListener(\"touchend\", handleDragEnd);\n }\n };\n\n // Setup event listeners based on device type\n if (isMobile) {\n setupMobileEventListeners(handleDragMove, handleDragEnd);\n } else {\n setupDesktopEventListeners(handleDragMove, handleDragEnd);\n }\n };\n\n // Handle mouse down on grip for manual resizing\n const handleGripMouseDown = (e: ReactMouseEvent) => {\n e.preventDefault();\n startDrag(e.clientY);\n };\n\n // Handle touch start on grip for manual resizing\n const handleGripTouchStart = (e: ReactTouchEvent) => {\n e.preventDefault();\n startDrag(e.touches[0].clientY);\n };\n\n return {\n handleGripMouseDown,\n handleGripTouchStart,\n };\n};\n"],"mappings":"qHASA,IAAM,EAAiB,~~EAaV~~,GAAiB,CAC5B,aACA,YACA,YACA,kBACA,gBACA,iBACA,wBAC0B,CAC1B,IAAM,EAAc,GACd,YAAa,GAAS,EAAM,QAAQ,OAAS,EACxC,EAAM,QAAQ,GAAG,QAElB,EAAqB,QAIzB,GACJ,EACA,IACG,CACH,IAAM,EAAa,SAAS,eAAe,aAAa,EAEnD,IAIL,EAAW,iBAAiB,YAAa,EAAgB,CACvD,QAAS,GACT,QAAS,EACX,CAAC,EACD,EAAW,iBAAiB,WAAY,EAAe,CACrD,QAAS,EACX,CAAC,EACH,EAGM,GACJ,EACA,IACG,CACH,SAAS,iBAAiB,YAAa,CAAc,EACrD,SAAS,iBAAiB,UAAW,CAAa,CACpD,EAGM,EAAa,GAAmB,CACpC,IAAM,EAAW,EAAA,eAAe,EAC1B,EAAc,EAAW,SAAS,cAAgB,EACpD,EAAgB,GAEd,EAAkB,GAAuC,CAG7D,GAFA,EAAU,eAAe,EAErB,CAAC,EAAe,CAClB,IAAM,EAAI,EAAW,CAAS,EAC9B,GAAI,KAAK,IAAI,EAAI,CAAM,EAAI,EACzB,OAEF,EAAgB,GAChB,IAAkB,CACpB,CAEA,IAAM,EAAS,EAAW,CAAS,EAAI,EAEjC,EAAY,KAAK,IACrB,EACA,KAAK,IAAI,EAAW,EAAc,CAAM,CAC1C,EAEM,EAAU,EAAW,QAE3B,GAAI,CAAC,EACH,OAGF,EAAQ,MAAM,OAAS,GAAG,EAAU,IAIpC,IAAM,EADgB,EAAQ,aAEZ,GAAa,GAAa,EAC5C,EAAQ,MAAM,UAAY,EAAsB,OAAS,SAGrD,GACF,EAAe,CAAS,EAItB,GAAsB,KAAK,IAAI,EAAY,CAAS,GAAA,KACtD,EAAmB,CAEvB,EAEM,MAAsB,CAK1B,GAJI,GACF,IAAgB,EAGd,EAAU,CACZ,IAAM,EAAa,SAAS,eAAe,aAAa,EACxD,GAAI,CAAC,EACH,OAIF,EAAW,oBAAoB,YAAa,CAAc,EAC1D,EAAW,oBAAoB,UAAW,CAAa,EACvD,EAAW,oBAAoB,YAAa,CAAc,EAC1D,EAAW,oBAAoB,WAAY,CAAa,CAC1D,MACE,SAAS,oBAAoB,YAAa,CAAc,EACxD,SAAS,oBAAoB,UAAW,CAAa,EACrD,SAAS,oBAAoB,YAAa,CAAc,EACxD,SAAS,oBAAoB,WAAY,CAAa,CAE1D,EAGI,EACF,EAA0B,EAAgB,CAAa,EAEvD,EAA2B,EAAgB,CAAa,CAE5D,~~EAcA~~,MAAO,CACL,~~oBAZ2B~~,GAAuB,CAClD,EAAE,eAAe,~~EACjB~~,EAAU,EAAE,OAAO,CACrB,~~EAUE~~,~~qBAP4B~~,GAAuB,CACnD,EAAE,eAAe,~~EACjB~~,EAAU,EAAE,QAAQ,GAAG,OAAO,CAChC,CAKA,CACF"}
1	+ {"version":3,"file":"use-drag-resize.cjs","names":[],"sources":["../../src/hooks/use-drag-resize.ts"],"sourcesContent":["import type {\n RefObject,\n MouseEvent as ReactMouseEvent,\n TouchEvent as ReactTouchEvent,\n} from \"react\";\nimport { EPS } from \"#/utils/constants\";\nimport { isMobileDevice } from \"#/utils/utils\";\n\n/** Movement required before a pointer gesture is treated as a resize drag. /\nconst DRAG_COMMIT_PX = 2;\n\n/\n Distance (px) from the viewport bottom within which we consider the chat\n * input to be \"bottom-anchored\" by its parent's flexbox. When the input is\n * bottom-anchored (e.g. the conversation page), dragging the top grip makes\n * the box grow upward — the expected behaviour. When it is NOT\n * bottom-anchored (e.g. the home page where the input sits in the centre of\n * the screen), the same drag would make the box grow downward, which is\n * confusing, so we disable manual resizing entirely in that case.\n /\nconst BOTTOM_ANCHORED_THRESHOLD = 120;\n\n/\n Determine whether the chat input is anchored to the bottom of the viewport\n * by its parent layout (e.g. the conversation page uses a flex column with a\n * growing scroll area above the input). When true, dragging the top grip\n * makes the box grow upward, which is the expected behaviour. When false,\n * the drag would grow the box downward, so we disable it.\n */\nexport const isBottomAnchored = (): boolean => {\n const grip = document.getElementById(\"resize-grip\");\n const wrapper = grip?.parentElement ?? null;\n if (!wrapper) return true; // fall back to allowing the drag\n const rect = wrapper.getBoundingClientRect();\n return rect.bottom >= window.innerHeight - BOTTOM_ANCHORED_THRESHOLD;\n};\n\n// Drag handling hook\ninterface UseDragResizeOptions {\n elementRef: RefObject<HTMLElement \| null>;\n minHeight: number;\n maxHeight: number;\n onGripDragStart?: () => void;\n onGripDragEnd?: () => void;\n onHeightChange?: (height: number) => void;\n onReachedMinHeight?: () => void; // Notify when user drags to minimum height\n}\n\nexport const useDragResize = ({\n elementRef,\n minHeight,\n maxHeight,\n onGripDragStart,\n onGripDragEnd,\n onHeightChange,\n onReachedMinHeight,\n}: UseDragResizeOptions) => {\n const getClientY = (event: MouseEvent \| TouchEvent): number => {\n if (\"touches\" in event && event.touches.length > 0) {\n return event.touches[0].clientY;\n }\n return (event as MouseEvent).clientY;\n };\n\n // Setup event listeners for mobile devices\n const setupMobileEventListeners = (\n handleDragMove: (event: MouseEvent \| TouchEvent) => void,\n handleDragEnd: () => void,\n ) => {\n const resizeGrip = document.getElementById(\"resize-grip\");\n\n if (!resizeGrip) {\n return;\n }\n\n resizeGrip.addEventListener(\"touchmove\", handleDragMove, {\n passive: false,\n capture: true,\n });\n resizeGrip.addEventListener(\"touchend\", handleDragEnd, {\n capture: true,\n });\n };\n\n // Setup event listeners for desktop devices\n const setupDesktopEventListeners = (\n handleDragMove: (event: MouseEvent \| TouchEvent) => void,\n handleDragEnd: () => void,\n ) => {\n document.addEventListener(\"mousemove\", handleDragMove);\n document.addEventListener(\"mouseup\", handleDragEnd);\n };\n\n // Start drag operation\n const startDrag = (startY: number) => {\n const isMobile = isMobileDevice();\n const startHeight = elementRef.current?.offsetHeight \|\| minHeight;\n let dragCommitted = false;\n\n const handleDragMove = (moveEvent: MouseEvent \| TouchEvent) => {\n moveEvent.preventDefault();\n\n if (!dragCommitted) {\n const y = getClientY(moveEvent);\n if (Math.abs(y - startY) < DRAG_COMMIT_PX) {\n return;\n }\n dragCommitted = true;\n onGripDragStart?.();\n }\n\n const deltaY = getClientY(moveEvent) - startY;\n // Invert deltaY so moving up increases height and moving down decreases height\n const newHeight = Math.max(\n minHeight,\n Math.min(maxHeight, startHeight - deltaY),\n );\n\n const element = elementRef.current;\n\n if (!element) {\n return;\n }\n\n element.style.height = `${newHeight}px`;\n\n // Check if content exceeds the new height to determine scrollbar visibility\n const contentHeight = element.scrollHeight;\n const shouldShowScrollbar =\n contentHeight > newHeight \|\| newHeight >= maxHeight;\n element.style.overflowY = shouldShowScrollbar ? \"auto\" : \"hidden\";\n\n // Call the height change callback if provided\n if (onHeightChange) {\n onHeightChange(newHeight);\n }\n\n // Notify when dragged to minimum height to clear manual mode\n if (onReachedMinHeight && Math.abs(newHeight - minHeight) <= EPS) {\n onReachedMinHeight();\n }\n };\n\n const handleDragEnd = () => {\n if (dragCommitted) {\n onGripDragEnd?.();\n }\n\n if (isMobile) {\n const resizeGrip = document.getElementById(\"resize-grip\");\n if (!resizeGrip) {\n return;\n }\n\n // Remove both mouse and touch event listeners\n resizeGrip.removeEventListener(\"mousemove\", handleDragMove);\n resizeGrip.removeEventListener(\"mouseup\", handleDragEnd);\n resizeGrip.removeEventListener(\"touchmove\", handleDragMove);\n resizeGrip.removeEventListener(\"touchend\", handleDragEnd);\n } else {\n document.removeEventListener(\"mousemove\", handleDragMove);\n document.removeEventListener(\"mouseup\", handleDragEnd);\n document.removeEventListener(\"touchmove\", handleDragMove);\n document.removeEventListener(\"touchend\", handleDragEnd);\n }\n };\n\n // Setup event listeners based on device type\n if (isMobile) {\n setupMobileEventListeners(handleDragMove, handleDragEnd);\n } else {\n setupDesktopEventListeners(handleDragMove, handleDragEnd);\n }\n };\n\n // Handle mouse down on grip for manual resizing\n const handleGripMouseDown = (e: ReactMouseEvent) => {\n e.preventDefault();\n // Only allow manual resizing when the input is bottom-anchored (e.g. the\n // conversation page). On the home page the input is centred and dragging\n // the top grip would grow the box downward, which is confusing.\n if (!isBottomAnchored()) return;\n startDrag(e.clientY);\n };\n\n // Handle touch start on grip for manual resizing\n const handleGripTouchStart = (e: ReactTouchEvent) => {\n e.preventDefault();\n if (!isBottomAnchored()) return;\n startDrag(e.touches[0].clientY);\n };\n\n return {\n handleGripMouseDown,\n handleGripTouchStart,\n };\n};\n"],"mappings":"qHASA,IAAM,EAAiB,EAWjB,EAA4B,IASrB,MAAkC,CAE7C,IAAM,EADO,SAAS,eAAe,aACrB,GAAM,eAAiB,KAGvC,OAFK,EACQ,EAAQ,sBACd,EAAK,QAAU,OAAO,YAAc,EAFtB,EAGvB,EAaa,GAAiB,CAC5B,aACA,YACA,YACA,kBACA,gBACA,iBACA,wBAC0B,CAC1B,IAAM,EAAc,GACd,YAAa,GAAS,EAAM,QAAQ,OAAS,EACxC,EAAM,QAAQ,GAAG,QAElB,EAAqB,QAIzB,GACJ,EACA,IACG,CACH,IAAM,EAAa,SAAS,eAAe,aAAa,EAEnD,IAIL,EAAW,iBAAiB,YAAa,EAAgB,CACvD,QAAS,GACT,QAAS,EACX,CAAC,EACD,EAAW,iBAAiB,WAAY,EAAe,CACrD,QAAS,EACX,CAAC,EACH,EAGM,GACJ,EACA,IACG,CACH,SAAS,iBAAiB,YAAa,CAAc,EACrD,SAAS,iBAAiB,UAAW,CAAa,CACpD,EAGM,EAAa,GAAmB,CACpC,IAAM,EAAW,EAAA,eAAe,EAC1B,EAAc,EAAW,SAAS,cAAgB,EACpD,EAAgB,GAEd,EAAkB,GAAuC,CAG7D,GAFA,EAAU,eAAe,EAErB,CAAC,EAAe,CAClB,IAAM,EAAI,EAAW,CAAS,EAC9B,GAAI,KAAK,IAAI,EAAI,CAAM,EAAI,EACzB,OAEF,EAAgB,GAChB,IAAkB,CACpB,CAEA,IAAM,EAAS,EAAW,CAAS,EAAI,EAEjC,EAAY,KAAK,IACrB,EACA,KAAK,IAAI,EAAW,EAAc,CAAM,CAC1C,EAEM,EAAU,EAAW,QAE3B,GAAI,CAAC,EACH,OAGF,EAAQ,MAAM,OAAS,GAAG,EAAU,IAIpC,IAAM,EADgB,EAAQ,aAEZ,GAAa,GAAa,EAC5C,EAAQ,MAAM,UAAY,EAAsB,OAAS,SAGrD,GACF,EAAe,CAAS,EAItB,GAAsB,KAAK,IAAI,EAAY,CAAS,GAAA,KACtD,EAAmB,CAEvB,EAEM,MAAsB,CAK1B,GAJI,GACF,IAAgB,EAGd,EAAU,CACZ,IAAM,EAAa,SAAS,eAAe,aAAa,EACxD,GAAI,CAAC,EACH,OAIF,EAAW,oBAAoB,YAAa,CAAc,EAC1D,EAAW,oBAAoB,UAAW,CAAa,EACvD,EAAW,oBAAoB,YAAa,CAAc,EAC1D,EAAW,oBAAoB,WAAY,CAAa,CAC1D,MACE,SAAS,oBAAoB,YAAa,CAAc,EACxD,SAAS,oBAAoB,UAAW,CAAa,EACrD,SAAS,oBAAoB,YAAa,CAAc,EACxD,SAAS,oBAAoB,WAAY,CAAa,CAE1D,EAGI,EACF,EAA0B,EAAgB,CAAa,EAEvD,EAA2B,EAAgB,CAAa,CAE5D,EAmBA,MAAO,CACL,oBAjB2B,GAAuB,CAClD,EAAE,eAAe,EAIZ,EAAiB,GACtB,EAAU,EAAE,OAAO,CACrB,EAWE,qBAR4B,GAAuB,CACnD,EAAE,eAAe,EACZ,EAAiB,GACtB,EAAU,EAAE,QAAQ,GAAG,OAAO,CAChC,CAKA,CACF"}

package/dist/hooks/use-drag-resize.d.ts CHANGED Viewed

@@ -1,4 +1,12 @@
 import type { RefObject, MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from "react";
+/**
+ * Determine whether the chat input is anchored to the bottom of the viewport
+ * by its parent layout (e.g. the conversation page uses a flex column with a
+ * growing scroll area above the input). When true, dragging the top grip
+ * makes the box grow upward, which is the expected behaviour. When false,
+ * the drag would grow the box downward, so we disable it.
+ */
+export declare const isBottomAnchored: () => boolean;
 interface UseDragResizeOptions {
     elementRef: RefObject<HTMLElement | null>;
     minHeight: number;

package/dist/hooks/use-drag-resize.js CHANGED Viewed

@@ -1,46 +1,49 @@
 import "../utils/constants.js";
 import { isMobileDevice as e } from "../utils/utils.js";
 //#region src/hooks/use-drag-resize.ts
-var t = 2, n = ({ elementRef: n, minHeight: r, maxHeight: i, onGripDragStart: a, onGripDragEnd: o, onHeightChange: s, onReachedMinHeight: c }) => {
-	let l = (e) => "touches" in e && e.touches.length > 0 ? e.touches[0].clientY : e.clientY, u = (e, t) => {
+var t = 2, n = 120, r = () => {
+	let e = document.getElementById("resize-grip")?.parentElement ?? null;
+	return e ? e.getBoundingClientRect().bottom >= window.innerHeight - n : !0;
+}, i = ({ elementRef: n, minHeight: i, maxHeight: a, onGripDragStart: o, onGripDragEnd: s, onHeightChange: c, onReachedMinHeight: l }) => {
+	let u = (e) => "touches" in e && e.touches.length > 0 ? e.touches[0].clientY : e.clientY, d = (e, t) => {
 		let n = document.getElementById("resize-grip");
 		n && (n.addEventListener("touchmove", e, {
 			passive: !1,
 			capture: !0
 		}), n.addEventListener("touchend", t, { capture: !0 }));
-	}, d = (e, t) => {
+	}, f = (e, t) => {
 		document.addEventListener("mousemove", e), document.addEventListener("mouseup", t);
-	}, f = (f) => {
-		let p = e(), m = n.current?.offsetHeight || r, h = !1, g = (e) => {
+	}, p = (r) => {
+		let p = e(), m = n.current?.offsetHeight || i, h = !1, g = (e) => {
 			if (e.preventDefault(), !h) {
-				let n = l(e);
-				if (Math.abs(n - f) < t) return;
-				h = !0, a?.();
+				let n = u(e);
+				if (Math.abs(n - r) < t) return;
+				h = !0, o?.();
 			}
-			let o = l(e) - f, u = Math.max(r, Math.min(i, m - o)), d = n.current;
-			if (!d) return;
-			d.style.height = `${u}px`;
-			let p = d.scrollHeight > u || u >= i;
-			d.style.overflowY = p ? "auto" : "hidden", s && s(u), c && Math.abs(u - r) <= 1.5 && c();
+			let s = u(e) - r, d = Math.max(i, Math.min(a, m - s)), f = n.current;
+			if (!f) return;
+			f.style.height = `${d}px`;
+			let p = f.scrollHeight > d || d >= a;
+			f.style.overflowY = p ? "auto" : "hidden", c && c(d), l && Math.abs(d - i) <= 1.5 && l();
 		}, _ = () => {
-			if (h && o?.(), p) {
+			if (h && s?.(), p) {
 				let e = document.getElementById("resize-grip");
 				if (!e) return;
 				e.removeEventListener("mousemove", g), e.removeEventListener("mouseup", _), e.removeEventListener("touchmove", g), e.removeEventListener("touchend", _);
 			} else document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", _), document.removeEventListener("touchmove", g), document.removeEventListener("touchend", _);
 		};
-		p ? u(g, _) : d(g, _);
+		p ? d(g, _) : f(g, _);
 	};
 	return {
 		handleGripMouseDown: (e) => {
-			e.preventDefault(), f(e.clientY);
+			e.preventDefault(), r() && p(e.clientY);
 		},
 		handleGripTouchStart: (e) => {
-			e.preventDefault(), f(e.touches[0].clientY);
+			e.preventDefault(), r() && p(e.touches[0].clientY);
 		}
 	};
 };
 //#endregion
-export { n as useDragResize };
+export { r as isBottomAnchored, i as useDragResize };
 //# sourceMappingURL=use-drag-resize.js.map

package/dist/hooks/use-drag-resize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-drag-resize.js","names":[],"sources":["../../src/hooks/use-drag-resize.ts"],"sourcesContent":["import type {\n RefObject,\n MouseEvent as ReactMouseEvent,\n TouchEvent as ReactTouchEvent,\n} from \"react\";\nimport { EPS } from \"#/utils/constants\";\nimport { isMobileDevice } from \"#/utils/utils\";\n\n/** Movement required before a pointer gesture is treated as a resize drag. */\nconst DRAG_COMMIT_PX = 2;\n\n// Drag handling hook\ninterface UseDragResizeOptions {\n elementRef: RefObject<HTMLElement \| null>;\n minHeight: number;\n maxHeight: number;\n onGripDragStart?: () => void;\n onGripDragEnd?: () => void;\n onHeightChange?: (height: number) => void;\n onReachedMinHeight?: () => void; // Notify when user drags to minimum height\n}\n\nexport const useDragResize = ({\n elementRef,\n minHeight,\n maxHeight,\n onGripDragStart,\n onGripDragEnd,\n onHeightChange,\n onReachedMinHeight,\n}: UseDragResizeOptions) => {\n const getClientY = (event: MouseEvent \| TouchEvent): number => {\n if (\"touches\" in event && event.touches.length > 0) {\n return event.touches[0].clientY;\n }\n return (event as MouseEvent).clientY;\n };\n\n // Setup event listeners for mobile devices\n const setupMobileEventListeners = (\n handleDragMove: (event: MouseEvent \| TouchEvent) => void,\n handleDragEnd: () => void,\n ) => {\n const resizeGrip = document.getElementById(\"resize-grip\");\n\n if (!resizeGrip) {\n return;\n }\n\n resizeGrip.addEventListener(\"touchmove\", handleDragMove, {\n passive: false,\n capture: true,\n });\n resizeGrip.addEventListener(\"touchend\", handleDragEnd, {\n capture: true,\n });\n };\n\n // Setup event listeners for desktop devices\n const setupDesktopEventListeners = (\n handleDragMove: (event: MouseEvent \| TouchEvent) => void,\n handleDragEnd: () => void,\n ) => {\n document.addEventListener(\"mousemove\", handleDragMove);\n document.addEventListener(\"mouseup\", handleDragEnd);\n };\n\n // Start drag operation\n const startDrag = (startY: number) => {\n const isMobile = isMobileDevice();\n const startHeight = elementRef.current?.offsetHeight \|\| minHeight;\n let dragCommitted = false;\n\n const handleDragMove = (moveEvent: MouseEvent \| TouchEvent) => {\n moveEvent.preventDefault();\n\n if (!dragCommitted) {\n const y = getClientY(moveEvent);\n if (Math.abs(y - startY) < DRAG_COMMIT_PX) {\n return;\n }\n dragCommitted = true;\n onGripDragStart?.();\n }\n\n const deltaY = getClientY(moveEvent) - startY;\n // Invert deltaY so moving up increases height and moving down decreases height\n const newHeight = Math.max(\n minHeight,\n Math.min(maxHeight, startHeight - deltaY),\n );\n\n const element = elementRef.current;\n\n if (!element) {\n return;\n }\n\n element.style.height = `${newHeight}px`;\n\n // Check if content exceeds the new height to determine scrollbar visibility\n const contentHeight = element.scrollHeight;\n const shouldShowScrollbar =\n contentHeight > newHeight \|\| newHeight >= maxHeight;\n element.style.overflowY = shouldShowScrollbar ? \"auto\" : \"hidden\";\n\n // Call the height change callback if provided\n if (onHeightChange) {\n onHeightChange(newHeight);\n }\n\n // Notify when dragged to minimum height to clear manual mode\n if (onReachedMinHeight && Math.abs(newHeight - minHeight) <= EPS) {\n onReachedMinHeight();\n }\n };\n\n const handleDragEnd = () => {\n if (dragCommitted) {\n onGripDragEnd?.();\n }\n\n if (isMobile) {\n const resizeGrip = document.getElementById(\"resize-grip\");\n if (!resizeGrip) {\n return;\n }\n\n // Remove both mouse and touch event listeners\n resizeGrip.removeEventListener(\"mousemove\", handleDragMove);\n resizeGrip.removeEventListener(\"mouseup\", handleDragEnd);\n resizeGrip.removeEventListener(\"touchmove\", handleDragMove);\n resizeGrip.removeEventListener(\"touchend\", handleDragEnd);\n } else {\n document.removeEventListener(\"mousemove\", handleDragMove);\n document.removeEventListener(\"mouseup\", handleDragEnd);\n document.removeEventListener(\"touchmove\", handleDragMove);\n document.removeEventListener(\"touchend\", handleDragEnd);\n }\n };\n\n // Setup event listeners based on device type\n if (isMobile) {\n setupMobileEventListeners(handleDragMove, handleDragEnd);\n } else {\n setupDesktopEventListeners(handleDragMove, handleDragEnd);\n }\n };\n\n // Handle mouse down on grip for manual resizing\n const handleGripMouseDown = (e: ReactMouseEvent) => {\n e.preventDefault();\n startDrag(e.clientY);\n };\n\n // Handle touch start on grip for manual resizing\n const handleGripTouchStart = (e: ReactTouchEvent) => {\n e.preventDefault();\n startDrag(e.touches[0].clientY);\n };\n\n return {\n handleGripMouseDown,\n handleGripTouchStart,\n };\n};\n"],"mappings":";;;AASA,IAAM,IAAiB,~~GAaV~~,KAAiB,EAC5B,eACA,cACA,cACA,oBACA,kBACA,mBACA,4BAC0B;CAC1B,IAAM,KAAc,MACd,aAAa,KAAS,EAAM,QAAQ,SAAS,IACxC,EAAM,QAAQ,GAAG,UAElB,EAAqB,SAIzB,KACJ,GACA,MACG;EACH,IAAM,IAAa,SAAS,eAAe,aAAa;EAEnD,MAIL,EAAW,iBAAiB,aAAa,GAAgB;GACvD,SAAS;GACT,SAAS;EACX,CAAC,GACD,EAAW,iBAAiB,YAAY,GAAe,EACrD,SAAS,GACX,CAAC;CACH,GAGM,KACJ,GACA,MACG;EAEH,AADA,SAAS,iBAAiB,aAAa,CAAc,GACrD,SAAS,iBAAiB,WAAW,CAAa;CACpD,GAGM,KAAa,MAAmB;EACpC,IAAM,IAAW,EAAe,GAC1B,IAAc,EAAW,SAAS,gBAAgB,GACpD,IAAgB,IAEd,KAAkB,MAAuC;GAG7D,IAFA,EAAU,eAAe,GAErB,CAAC,GAAe;IAClB,IAAM,IAAI,EAAW,CAAS;IAC9B,IAAI,KAAK,IAAI,IAAI,CAAM,IAAI,GACzB;IAGF,AADA,IAAgB,IAChB,IAAkB;GACpB;GAEA,IAAM,IAAS,EAAW,CAAS,IAAI,GAEjC,IAAY,KAAK,IACrB,GACA,KAAK,IAAI,GAAW,IAAc,CAAM,CAC1C,GAEM,IAAU,EAAW;GAE3B,IAAI,CAAC,GACH;GAGF,EAAQ,MAAM,SAAS,GAAG,EAAU;GAIpC,IAAM,IADgB,EAAQ,eAEZ,KAAa,KAAa;GAS5C,AARA,EAAQ,MAAM,YAAY,IAAsB,SAAS,UAGrD,KACF,EAAe,CAAS,GAItB,KAAsB,KAAK,IAAI,IAAY,CAAS,KAAA,OACtD,EAAmB;EAEvB,GAEM,UAAsB;GAK1B,IAJI,KACF,IAAgB,GAGd,GAAU;IACZ,IAAM,IAAa,SAAS,eAAe,aAAa;IACxD,IAAI,CAAC,GACH;IAOF,AAHA,EAAW,oBAAoB,aAAa,CAAc,GAC1D,EAAW,oBAAoB,WAAW,CAAa,GACvD,EAAW,oBAAoB,aAAa,CAAc,GAC1D,EAAW,oBAAoB,YAAY,CAAa;GAC1D,OAIE,AAHA,SAAS,oBAAoB,aAAa,CAAc,GACxD,SAAS,oBAAoB,WAAW,CAAa,GACrD,SAAS,oBAAoB,aAAa,CAAc,GACxD,SAAS,oBAAoB,YAAY,CAAa;EAE1D;EAGA,AAAI,IACF,EAA0B,GAAgB,CAAa,IAEvD,EAA2B,GAAgB,CAAa;CAE5D;~~CAcA~~,OAAO;EACL,~~sBAZ2B~~,MAAuB;~~GAElD~~,~~AADA,~~EAAE,eAAe,~~GACjB~~,EAAU,EAAE,OAAO;EACrB;~~EAUE~~,~~uBAP4B~~,MAAuB;~~GAEnD~~,~~AADA,~~EAAE,eAAe,~~GACjB~~,EAAU,EAAE,QAAQ,GAAG,OAAO;EAChC;CAKA;AACF"}
1	+ {"version":3,"file":"use-drag-resize.js","names":[],"sources":["../../src/hooks/use-drag-resize.ts"],"sourcesContent":["import type {\n RefObject,\n MouseEvent as ReactMouseEvent,\n TouchEvent as ReactTouchEvent,\n} from \"react\";\nimport { EPS } from \"#/utils/constants\";\nimport { isMobileDevice } from \"#/utils/utils\";\n\n/** Movement required before a pointer gesture is treated as a resize drag. /\nconst DRAG_COMMIT_PX = 2;\n\n/\n Distance (px) from the viewport bottom within which we consider the chat\n * input to be \"bottom-anchored\" by its parent's flexbox. When the input is\n * bottom-anchored (e.g. the conversation page), dragging the top grip makes\n * the box grow upward — the expected behaviour. When it is NOT\n * bottom-anchored (e.g. the home page where the input sits in the centre of\n * the screen), the same drag would make the box grow downward, which is\n * confusing, so we disable manual resizing entirely in that case.\n /\nconst BOTTOM_ANCHORED_THRESHOLD = 120;\n\n/\n Determine whether the chat input is anchored to the bottom of the viewport\n * by its parent layout (e.g. the conversation page uses a flex column with a\n * growing scroll area above the input). When true, dragging the top grip\n * makes the box grow upward, which is the expected behaviour. When false,\n * the drag would grow the box downward, so we disable it.\n */\nexport const isBottomAnchored = (): boolean => {\n const grip = document.getElementById(\"resize-grip\");\n const wrapper = grip?.parentElement ?? null;\n if (!wrapper) return true; // fall back to allowing the drag\n const rect = wrapper.getBoundingClientRect();\n return rect.bottom >= window.innerHeight - BOTTOM_ANCHORED_THRESHOLD;\n};\n\n// Drag handling hook\ninterface UseDragResizeOptions {\n elementRef: RefObject<HTMLElement \| null>;\n minHeight: number;\n maxHeight: number;\n onGripDragStart?: () => void;\n onGripDragEnd?: () => void;\n onHeightChange?: (height: number) => void;\n onReachedMinHeight?: () => void; // Notify when user drags to minimum height\n}\n\nexport const useDragResize = ({\n elementRef,\n minHeight,\n maxHeight,\n onGripDragStart,\n onGripDragEnd,\n onHeightChange,\n onReachedMinHeight,\n}: UseDragResizeOptions) => {\n const getClientY = (event: MouseEvent \| TouchEvent): number => {\n if (\"touches\" in event && event.touches.length > 0) {\n return event.touches[0].clientY;\n }\n return (event as MouseEvent).clientY;\n };\n\n // Setup event listeners for mobile devices\n const setupMobileEventListeners = (\n handleDragMove: (event: MouseEvent \| TouchEvent) => void,\n handleDragEnd: () => void,\n ) => {\n const resizeGrip = document.getElementById(\"resize-grip\");\n\n if (!resizeGrip) {\n return;\n }\n\n resizeGrip.addEventListener(\"touchmove\", handleDragMove, {\n passive: false,\n capture: true,\n });\n resizeGrip.addEventListener(\"touchend\", handleDragEnd, {\n capture: true,\n });\n };\n\n // Setup event listeners for desktop devices\n const setupDesktopEventListeners = (\n handleDragMove: (event: MouseEvent \| TouchEvent) => void,\n handleDragEnd: () => void,\n ) => {\n document.addEventListener(\"mousemove\", handleDragMove);\n document.addEventListener(\"mouseup\", handleDragEnd);\n };\n\n // Start drag operation\n const startDrag = (startY: number) => {\n const isMobile = isMobileDevice();\n const startHeight = elementRef.current?.offsetHeight \|\| minHeight;\n let dragCommitted = false;\n\n const handleDragMove = (moveEvent: MouseEvent \| TouchEvent) => {\n moveEvent.preventDefault();\n\n if (!dragCommitted) {\n const y = getClientY(moveEvent);\n if (Math.abs(y - startY) < DRAG_COMMIT_PX) {\n return;\n }\n dragCommitted = true;\n onGripDragStart?.();\n }\n\n const deltaY = getClientY(moveEvent) - startY;\n // Invert deltaY so moving up increases height and moving down decreases height\n const newHeight = Math.max(\n minHeight,\n Math.min(maxHeight, startHeight - deltaY),\n );\n\n const element = elementRef.current;\n\n if (!element) {\n return;\n }\n\n element.style.height = `${newHeight}px`;\n\n // Check if content exceeds the new height to determine scrollbar visibility\n const contentHeight = element.scrollHeight;\n const shouldShowScrollbar =\n contentHeight > newHeight \|\| newHeight >= maxHeight;\n element.style.overflowY = shouldShowScrollbar ? \"auto\" : \"hidden\";\n\n // Call the height change callback if provided\n if (onHeightChange) {\n onHeightChange(newHeight);\n }\n\n // Notify when dragged to minimum height to clear manual mode\n if (onReachedMinHeight && Math.abs(newHeight - minHeight) <= EPS) {\n onReachedMinHeight();\n }\n };\n\n const handleDragEnd = () => {\n if (dragCommitted) {\n onGripDragEnd?.();\n }\n\n if (isMobile) {\n const resizeGrip = document.getElementById(\"resize-grip\");\n if (!resizeGrip) {\n return;\n }\n\n // Remove both mouse and touch event listeners\n resizeGrip.removeEventListener(\"mousemove\", handleDragMove);\n resizeGrip.removeEventListener(\"mouseup\", handleDragEnd);\n resizeGrip.removeEventListener(\"touchmove\", handleDragMove);\n resizeGrip.removeEventListener(\"touchend\", handleDragEnd);\n } else {\n document.removeEventListener(\"mousemove\", handleDragMove);\n document.removeEventListener(\"mouseup\", handleDragEnd);\n document.removeEventListener(\"touchmove\", handleDragMove);\n document.removeEventListener(\"touchend\", handleDragEnd);\n }\n };\n\n // Setup event listeners based on device type\n if (isMobile) {\n setupMobileEventListeners(handleDragMove, handleDragEnd);\n } else {\n setupDesktopEventListeners(handleDragMove, handleDragEnd);\n }\n };\n\n // Handle mouse down on grip for manual resizing\n const handleGripMouseDown = (e: ReactMouseEvent) => {\n e.preventDefault();\n // Only allow manual resizing when the input is bottom-anchored (e.g. the\n // conversation page). On the home page the input is centred and dragging\n // the top grip would grow the box downward, which is confusing.\n if (!isBottomAnchored()) return;\n startDrag(e.clientY);\n };\n\n // Handle touch start on grip for manual resizing\n const handleGripTouchStart = (e: ReactTouchEvent) => {\n e.preventDefault();\n if (!isBottomAnchored()) return;\n startDrag(e.touches[0].clientY);\n };\n\n return {\n handleGripMouseDown,\n handleGripTouchStart,\n };\n};\n"],"mappings":";;;AASA,IAAM,IAAiB,GAWjB,IAA4B,KASrB,UAAkC;CAE7C,IAAM,IADO,SAAS,eAAe,aACrB,GAAM,iBAAiB;CAGvC,OAFK,IACQ,EAAQ,sBACd,EAAK,UAAU,OAAO,cAAc,IAFtB;AAGvB,GAaa,KAAiB,EAC5B,eACA,cACA,cACA,oBACA,kBACA,mBACA,4BAC0B;CAC1B,IAAM,KAAc,MACd,aAAa,KAAS,EAAM,QAAQ,SAAS,IACxC,EAAM,QAAQ,GAAG,UAElB,EAAqB,SAIzB,KACJ,GACA,MACG;EACH,IAAM,IAAa,SAAS,eAAe,aAAa;EAEnD,MAIL,EAAW,iBAAiB,aAAa,GAAgB;GACvD,SAAS;GACT,SAAS;EACX,CAAC,GACD,EAAW,iBAAiB,YAAY,GAAe,EACrD,SAAS,GACX,CAAC;CACH,GAGM,KACJ,GACA,MACG;EAEH,AADA,SAAS,iBAAiB,aAAa,CAAc,GACrD,SAAS,iBAAiB,WAAW,CAAa;CACpD,GAGM,KAAa,MAAmB;EACpC,IAAM,IAAW,EAAe,GAC1B,IAAc,EAAW,SAAS,gBAAgB,GACpD,IAAgB,IAEd,KAAkB,MAAuC;GAG7D,IAFA,EAAU,eAAe,GAErB,CAAC,GAAe;IAClB,IAAM,IAAI,EAAW,CAAS;IAC9B,IAAI,KAAK,IAAI,IAAI,CAAM,IAAI,GACzB;IAGF,AADA,IAAgB,IAChB,IAAkB;GACpB;GAEA,IAAM,IAAS,EAAW,CAAS,IAAI,GAEjC,IAAY,KAAK,IACrB,GACA,KAAK,IAAI,GAAW,IAAc,CAAM,CAC1C,GAEM,IAAU,EAAW;GAE3B,IAAI,CAAC,GACH;GAGF,EAAQ,MAAM,SAAS,GAAG,EAAU;GAIpC,IAAM,IADgB,EAAQ,eAEZ,KAAa,KAAa;GAS5C,AARA,EAAQ,MAAM,YAAY,IAAsB,SAAS,UAGrD,KACF,EAAe,CAAS,GAItB,KAAsB,KAAK,IAAI,IAAY,CAAS,KAAA,OACtD,EAAmB;EAEvB,GAEM,UAAsB;GAK1B,IAJI,KACF,IAAgB,GAGd,GAAU;IACZ,IAAM,IAAa,SAAS,eAAe,aAAa;IACxD,IAAI,CAAC,GACH;IAOF,AAHA,EAAW,oBAAoB,aAAa,CAAc,GAC1D,EAAW,oBAAoB,WAAW,CAAa,GACvD,EAAW,oBAAoB,aAAa,CAAc,GAC1D,EAAW,oBAAoB,YAAY,CAAa;GAC1D,OAIE,AAHA,SAAS,oBAAoB,aAAa,CAAc,GACxD,SAAS,oBAAoB,WAAW,CAAa,GACrD,SAAS,oBAAoB,aAAa,CAAc,GACxD,SAAS,oBAAoB,YAAY,CAAa;EAE1D;EAGA,AAAI,IACF,EAA0B,GAAgB,CAAa,IAEvD,EAA2B,GAAgB,CAAa;CAE5D;CAmBA,OAAO;EACL,sBAjB2B,MAAuB;GAClD,EAAE,eAAe,GAIZ,EAAiB,KACtB,EAAU,EAAE,OAAO;EACrB;EAWE,uBAR4B,MAAuB;GACnD,EAAE,eAAe,GACZ,EAAiB,KACtB,EAAU,EAAE,QAAQ,GAAG,OAAO;EAChC;CAKA;AACF"}

package/dist/hooks/use-live-conversation-metrics.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require("../_virtual/_rolldown/runtime.cjs");const e=require("../stores/metrics-store.cjs"),t=require("./query/use-active-conversation.cjs"),n=require("./query/use-conversation-metrics.cjs");let r=require("react");function i(i=!0){let a=e.default(e=>e.cost),o=e.default(e=>e.max_budget_per_task),s=e.default(e=>e.usage),{data:c}=t.useActiveConversation(),{data:l}=n.useConversationMetrics(c?.id,c?.conversation_url,c?.session_api_key,i);return(0,r.useMemo)(()=>a!==null\|\|s!==null?{cost:a,max_budget_per_task:o,usage:s}:l?{cost:l.accumulated_cost,max_budget_per_task:l.max_budget_per_task,usage:l.accumulated_token_usage?{prompt_tokens:l.accumulated_token_usage.prompt_tokens??0,completion_tokens:l.accumulated_token_usage.completion_tokens??0,cache_read_tokens:l.accumulated_token_usage.cache_read_tokens??0,cache_write_tokens:l.accumulated_token_usage.cache_write_tokens??0,context_window:l.accumulated_token_usage.context_window??0,per_turn_token:l.accumulated_token_usage.per_turn_token??0}:null}:{cost:null,max_budget_per_task:null,usage:null},[l,a,o,s])}exports.useLiveConversationMetrics=i;
2	+ //# sourceMappingURL=use-live-conversation-metrics.cjs.map

package/dist/hooks/use-live-conversation-metrics.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-live-conversation-metrics.cjs","names":[],"sources":["../../src/hooks/use-live-conversation-metrics.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport useMetricsStore, { type MetricsState } from \"#/stores/metrics-store\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useConversationMetrics } from \"#/hooks/query/use-conversation-metrics\";\n\n/**\n * Combined cost/token metrics for the active conversation.\n *\n * Prefers the live WebSocket metrics store, which updates in real time as\n * agent events stream in, and falls back to the REST snapshot\n * (`GET /api/conversations/{id}` stats, combined across all usage ids and\n * refreshed on a 30s interval by {@link useConversationMetrics}) before the\n * first stats arrive. The store is reset on conversation switch (see\n * `ConversationWebSocketProvider`), so its contents always belong to the\n * active conversation — preferring it cannot leak a previous\n * conversation's figures, and preferring REST would lag the display up to\n * a poll interval behind what the user just watched happen.\n *\n * Pass `enabled: false` to pause the REST polling while the consumer is\n * hidden (e.g. a closed modal).\n */\nexport function useLiveConversationMetrics(\n enabled: boolean = true,\n): MetricsState {\n // Per-field selectors rather than a bare `useMetricsStore()`: subscribing to\n // the whole store re-runs this hook on any store write, including the action\n // identity, and matches how `useContextWindowUsage` reads the same store.\n const storeCost = useMetricsStore((state) => state.cost);\n const storeMaxBudgetPerTask = useMetricsStore(\n (state) => state.max_budget_per_task,\n );\n const storeUsage = useMetricsStore((state) => state.usage);\n const { data: conversation } = useActiveConversation();\n\n const { data: conversationMetrics } = useConversationMetrics(\n conversation?.id,\n conversation?.conversation_url,\n conversation?.session_api_key,\n enabled,\n );\n\n return useMemo(() => {\n // Live store first: real-time and (post-reset) always the active\n // conversation's data. Any non-null field counts as data.\n if (storeCost !== null || storeUsage !== null) {\n return {\n cost: storeCost,\n max_budget_per_task: storeMaxBudgetPerTask,\n usage: storeUsage,\n };\n }\n\n if (conversationMetrics) {\n return {\n cost: conversationMetrics.accumulated_cost,\n max_budget_per_task: conversationMetrics.max_budget_per_task,\n usage: conversationMetrics.accumulated_token_usage\n ? {\n prompt_tokens:\n conversationMetrics.accumulated_token_usage.prompt_tokens ?? 0,\n completion_tokens:\n conversationMetrics.accumulated_token_usage.completion_tokens ??\n 0,\n cache_read_tokens:\n conversationMetrics.accumulated_token_usage.cache_read_tokens ??\n 0,\n cache_write_tokens:\n conversationMetrics.accumulated_token_usage\n .cache_write_tokens ?? 0,\n context_window:\n conversationMetrics.accumulated_token_usage.context_window ?? 0,\n per_turn_token:\n conversationMetrics.accumulated_token_usage.per_turn_token ?? 0,\n }\n : null,\n };\n }\n\n return {\n cost: null,\n max_budget_per_task: null,\n usage: null,\n };\n }, [conversationMetrics, storeCost, storeMaxBudgetPerTask, storeUsage]);\n}\n"],"mappings":"sNAqBA,SAAgB,EACd,EAAmB,GACL,CAId,IAAM,EAAY,EAAA,QAAiB,GAAU,EAAM,IAAI,EACjD,EAAwB,EAAA,QAC3B,GAAU,EAAM,mBACnB,EACM,EAAa,EAAA,QAAiB,GAAU,EAAM,KAAK,EACnD,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAE/C,CAAE,KAAM,GAAwB,EAAA,uBACpC,GAAc,GACd,GAAc,iBACd,GAAc,gBACd,CACF,EAEA,OAAA,EAAA,EAAA,aAGM,IAAc,MAAQ,IAAe,KAChC,CACL,KAAM,EACN,oBAAqB,EACrB,MAAO,CACT,EAGE,EACK,CACL,KAAM,EAAoB,iBAC1B,oBAAqB,EAAoB,oBACzC,MAAO,EAAoB,wBACvB,CACE,cACE,EAAoB,wBAAwB,eAAiB,EAC/D,kBACE,EAAoB,wBAAwB,mBAC5C,EACF,kBACE,EAAoB,wBAAwB,mBAC5C,EACF,mBACE,EAAoB,wBACjB,oBAAsB,EAC3B,eACE,EAAoB,wBAAwB,gBAAkB,EAChE,eACE,EAAoB,wBAAwB,gBAAkB,CAClE,EACA,IACN,EAGK,CACL,KAAM,KACN,oBAAqB,KACrB,MAAO,IACT,EACC,CAAC,EAAqB,EAAW,EAAuB,CAAU,CAAC,CACxE"}

package/dist/hooks/use-live-conversation-metrics.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import { type MetricsState } from "#/stores/metrics-store";
+/**
+ * Combined cost/token metrics for the active conversation.
+ *
+ * Prefers the live WebSocket metrics store, which updates in real time as
+ * agent events stream in, and falls back to the REST snapshot
+ * (`GET /api/conversations/{id}` stats, combined across all usage ids and
+ * refreshed on a 30s interval by {@link useConversationMetrics}) before the
+ * first stats arrive. The store is reset on conversation switch (see
+ * `ConversationWebSocketProvider`), so its contents always belong to the
+ * active conversation — preferring it cannot leak a previous
+ * conversation's figures, and preferring REST would lag the display up to
+ * a poll interval behind what the user just watched happen.
+ *
+ * Pass `enabled: false` to pause the REST polling while the consumer is
+ * hidden (e.g. a closed modal).
+ */
+export declare function useLiveConversationMetrics(enabled?: boolean): MetricsState;

package/dist/hooks/use-live-conversation-metrics.js ADDED Viewed

@@ -0,0 +1,37 @@
+import e from "../stores/metrics-store.js";
+import { useActiveConversation as t } from "./query/use-active-conversation.js";
+import { useConversationMetrics as n } from "./query/use-conversation-metrics.js";
+import { useMemo as r } from "react";
+//#region src/hooks/use-live-conversation-metrics.ts
+function i(i = !0) {
+	let a = e((e) => e.cost), o = e((e) => e.max_budget_per_task), s = e((e) => e.usage), { data: c } = t(), { data: l } = n(c?.id, c?.conversation_url, c?.session_api_key, i);
+	return r(() => a !== null || s !== null ? {
+		cost: a,
+		max_budget_per_task: o,
+		usage: s
+	} : l ? {
+		cost: l.accumulated_cost,
+		max_budget_per_task: l.max_budget_per_task,
+		usage: l.accumulated_token_usage ? {
+			prompt_tokens: l.accumulated_token_usage.prompt_tokens ?? 0,
+			completion_tokens: l.accumulated_token_usage.completion_tokens ?? 0,
+			cache_read_tokens: l.accumulated_token_usage.cache_read_tokens ?? 0,
+			cache_write_tokens: l.accumulated_token_usage.cache_write_tokens ?? 0,
+			context_window: l.accumulated_token_usage.context_window ?? 0,
+			per_turn_token: l.accumulated_token_usage.per_turn_token ?? 0
+		} : null
+	} : {
+		cost: null,
+		max_budget_per_task: null,
+		usage: null
+	}, [
+		l,
+		a,
+		o,
+		s
+	]);
+}
+//#endregion
+export { i as useLiveConversationMetrics };
+//# sourceMappingURL=use-live-conversation-metrics.js.map

package/dist/hooks/use-live-conversation-metrics.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-live-conversation-metrics.js","names":[],"sources":["../../src/hooks/use-live-conversation-metrics.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport useMetricsStore, { type MetricsState } from \"#/stores/metrics-store\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useConversationMetrics } from \"#/hooks/query/use-conversation-metrics\";\n\n/**\n * Combined cost/token metrics for the active conversation.\n *\n * Prefers the live WebSocket metrics store, which updates in real time as\n * agent events stream in, and falls back to the REST snapshot\n * (`GET /api/conversations/{id}` stats, combined across all usage ids and\n * refreshed on a 30s interval by {@link useConversationMetrics}) before the\n * first stats arrive. The store is reset on conversation switch (see\n * `ConversationWebSocketProvider`), so its contents always belong to the\n * active conversation — preferring it cannot leak a previous\n * conversation's figures, and preferring REST would lag the display up to\n * a poll interval behind what the user just watched happen.\n *\n * Pass `enabled: false` to pause the REST polling while the consumer is\n * hidden (e.g. a closed modal).\n */\nexport function useLiveConversationMetrics(\n enabled: boolean = true,\n): MetricsState {\n // Per-field selectors rather than a bare `useMetricsStore()`: subscribing to\n // the whole store re-runs this hook on any store write, including the action\n // identity, and matches how `useContextWindowUsage` reads the same store.\n const storeCost = useMetricsStore((state) => state.cost);\n const storeMaxBudgetPerTask = useMetricsStore(\n (state) => state.max_budget_per_task,\n );\n const storeUsage = useMetricsStore((state) => state.usage);\n const { data: conversation } = useActiveConversation();\n\n const { data: conversationMetrics } = useConversationMetrics(\n conversation?.id,\n conversation?.conversation_url,\n conversation?.session_api_key,\n enabled,\n );\n\n return useMemo(() => {\n // Live store first: real-time and (post-reset) always the active\n // conversation's data. Any non-null field counts as data.\n if (storeCost !== null || storeUsage !== null) {\n return {\n cost: storeCost,\n max_budget_per_task: storeMaxBudgetPerTask,\n usage: storeUsage,\n };\n }\n\n if (conversationMetrics) {\n return {\n cost: conversationMetrics.accumulated_cost,\n max_budget_per_task: conversationMetrics.max_budget_per_task,\n usage: conversationMetrics.accumulated_token_usage\n ? {\n prompt_tokens:\n conversationMetrics.accumulated_token_usage.prompt_tokens ?? 0,\n completion_tokens:\n conversationMetrics.accumulated_token_usage.completion_tokens ??\n 0,\n cache_read_tokens:\n conversationMetrics.accumulated_token_usage.cache_read_tokens ??\n 0,\n cache_write_tokens:\n conversationMetrics.accumulated_token_usage\n .cache_write_tokens ?? 0,\n context_window:\n conversationMetrics.accumulated_token_usage.context_window ?? 0,\n per_turn_token:\n conversationMetrics.accumulated_token_usage.per_turn_token ?? 0,\n }\n : null,\n };\n }\n\n return {\n cost: null,\n max_budget_per_task: null,\n usage: null,\n };\n }, [conversationMetrics, storeCost, storeMaxBudgetPerTask, storeUsage]);\n}\n"],"mappings":";;;;;AAqBA,SAAgB,EACd,IAAmB,IACL;CAId,IAAM,IAAY,GAAiB,MAAU,EAAM,IAAI,GACjD,IAAwB,GAC3B,MAAU,EAAM,mBACnB,GACM,IAAa,GAAiB,MAAU,EAAM,KAAK,GACnD,EAAE,MAAM,MAAiB,EAAsB,GAE/C,EAAE,MAAM,MAAwB,EACpC,GAAc,IACd,GAAc,kBACd,GAAc,iBACd,CACF;CAEA,OAAO,QAGD,MAAc,QAAQ,MAAe,OAChC;EACL,MAAM;EACN,qBAAqB;EACrB,OAAO;CACT,IAGE,IACK;EACL,MAAM,EAAoB;EAC1B,qBAAqB,EAAoB;EACzC,OAAO,EAAoB,0BACvB;GACE,eACE,EAAoB,wBAAwB,iBAAiB;GAC/D,mBACE,EAAoB,wBAAwB,qBAC5C;GACF,mBACE,EAAoB,wBAAwB,qBAC5C;GACF,oBACE,EAAoB,wBACjB,sBAAsB;GAC3B,gBACE,EAAoB,wBAAwB,kBAAkB;GAChE,gBACE,EAAoB,wBAAwB,kBAAkB;EAClE,IACA;CACN,IAGK;EACL,MAAM;EACN,qBAAqB;EACrB,OAAO;CACT,GACC;EAAC;EAAqB;EAAW;EAAuB;CAAU,CAAC;AACxE"}