@openhands/agent-canvas 1.12.0 → 1.14.0

package/dist/hooks/use-await-context-compaction.js

@@ -0,0 +1,61 @@
+import { isCondensationEvent as e } from "../types/agent-server/type-guards.js";
+import { useEventStore as t } from "../stores/use-event-store.js";
+import n from "../stores/metrics-store.js";
+import { useEffect as r, useRef as i } from "react";
+//#region src/hooks/use-await-context-compaction.ts
+var a = 2500, o = 9e4;
+function s(e, t, n) {
+	return {
+		beforeToken: e,
+		afterToken: t,
+		savedToken: Math.max(0, e - t),
+		outcome: n
+	};
+}
+function c({ beforeToken: c, baselineEventIds: l, onComplete: u, timeoutMs: d = o }) {
+	let f = i(u);
+	f.current = u, r(() => {
+		if (c === null) return;
+		let r = !1, i = !1, o, u = l ? new Set(l) : new Set(t.getState().eventIds), p = () => n.getState().usage?.per_turn_token ?? c, m = (e, t) => {
+			r || (r = !0, f.current(s(c, e, t)));
+		}, h = () => {
+			let e = p();
+			return i && e < c ? (m(e, "compacted"), !0) : !1;
+		}, g = () => {
+			clearTimeout(o), o = setTimeout(() => {
+				m(p(), "no_change");
+			}, a);
+		}, _ = () => {
+			for (let n of t.getState().events) {
+				let t = "id" in n ? n.id : void 0;
+				if (t !== void 0) {
+					if (u.has(t)) continue;
+					u.add(t);
+				}
+				if (e(n)) {
+					i = !0, h() || g();
+					return;
+				}
+			}
+		};
+		_();
+		let v = t.subscribe(() => {
+			r || _();
+		}), y = n.subscribe(() => {
+			r || h() && clearTimeout(o);
+		}), b = setTimeout(() => {
+			m(p(), i ? "no_change" : "timeout");
+		}, d);
+		return () => {
+			r = !0, v(), y(), clearTimeout(o), clearTimeout(b);
+		};
+	}, [
+		c,
+		l,
+		d
+	]);
+}
+//#endregion
+export { c as useAwaitContextCompaction };
+
+//# sourceMappingURL=use-await-context-compaction.js.map

package/dist/hooks/use-await-context-compaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-await-context-compaction.js","names":[],"sources":["../../src/hooks/use-await-context-compaction.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport useMetricsStore from \"#/stores/metrics-store\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { isCondensationEvent } from \"#/types/agent-server/type-guards\";\n\n/** How long to wait after a Condensation event for a lower per_turn_token. */\nconst METRICS_SETTLE_MS = 2_500;\n/** Give up waiting for condensation / metrics and surface whatever we have. */\nconst DEFAULT_TIMEOUT_MS = 90_000;\n\nexport type ContextCompactionOutcome = \"compacted\" | \"no_change\" | \"timeout\";\n\nexport interface ContextCompactionResult {\n  beforeToken: number;\n  afterToken: number;\n  savedToken: number;\n  /**\n   * \"compacted\" — a Condensation event landed and per_turn_token dropped.\n   * \"no_change\" — a Condensation event landed but no token drop was measured.\n   * \"timeout\" — no Condensation event arrived in time; compaction did not\n   * happen (or was never processed), so this is a failure, not a no-op.\n   */\n  outcome: ContextCompactionOutcome;\n}\n\nexport function buildContextCompactionResult(\n  beforeToken: number,\n  afterToken: number,\n  outcome: ContextCompactionOutcome,\n): ContextCompactionResult {\n  return {\n    beforeToken,\n    afterToken,\n    savedToken: Math.max(0, beforeToken - afterToken),\n    outcome,\n  };\n}\n\ninterface UseAwaitContextCompactionOptions {\n  /**\n   * Snapshot of `per_turn_token` taken when compaction was requested.\n   * Pass `null` when not awaiting a result.\n   */\n  beforeToken: number | null;\n  /**\n   * Event ids that predate the compaction *request*. The condense POST can\n   * return only after the server already emitted its Condensation event, so\n   * snapshotting \"known\" ids when this effect starts would miss fast\n   * condensations; the baseline must be captured before the request fires.\n   * When omitted, falls back to the ids present when the effect starts.\n   */\n  baselineEventIds?: Set<string | number> | null;\n  onComplete: (result: ContextCompactionResult) => void;\n  timeoutMs?: number;\n}\n\n/**\n * Waits for a post-request Condensation event (and ideally a lower\n * `per_turn_token` in the live metrics store), then reports how many tokens\n * were freed. The HTTP `/condense` ack only means work *started*.\n */\nexport function useAwaitContextCompaction({\n  beforeToken,\n  baselineEventIds,\n  onComplete,\n  timeoutMs = DEFAULT_TIMEOUT_MS,\n}: UseAwaitContextCompactionOptions) {\n  const onCompleteRef = useRef(onComplete);\n  onCompleteRef.current = onComplete;\n\n  useEffect(() => {\n    if (beforeToken === null) {\n      return undefined;\n    }\n\n    let completed = false;\n    let sawCondensation = false;\n    let settleTimer: ReturnType<typeof setTimeout> | undefined;\n    const knownEventIds = baselineEventIds\n      ? new Set(baselineEventIds)\n      : new Set(useEventStore.getState().eventIds);\n\n    const readAfterToken = () =>\n      useMetricsStore.getState().usage?.per_turn_token ?? beforeToken;\n\n    const finish = (afterToken: number, outcome: ContextCompactionOutcome) => {\n      if (completed) {\n        return;\n      }\n      completed = true;\n      onCompleteRef.current(\n        buildContextCompactionResult(beforeToken, afterToken, outcome),\n      );\n    };\n\n    const finishFromMetricsIfReady = () => {\n      const afterToken = readAfterToken();\n      if (sawCondensation && afterToken < beforeToken) {\n        finish(afterToken, \"compacted\");\n        return true;\n      }\n      return false;\n    };\n\n    const scheduleSettleFinish = () => {\n      clearTimeout(settleTimer);\n      settleTimer = setTimeout(() => {\n        finish(readAfterToken(), \"no_change\");\n      }, METRICS_SETTLE_MS);\n    };\n\n    const scanForNewCondensation = () => {\n      for (const event of useEventStore.getState().events) {\n        const eventId = \"id\" in event ? event.id : undefined;\n        if (eventId !== undefined) {\n          if (knownEventIds.has(eventId)) {\n            continue;\n          }\n          knownEventIds.add(eventId);\n        }\n        if (!isCondensationEvent(event)) {\n          continue;\n        }\n        sawCondensation = true;\n        if (!finishFromMetricsIfReady()) {\n          scheduleSettleFinish();\n        }\n        return;\n      }\n    };\n\n    scanForNewCondensation();\n\n    const unsubscribeEvents = useEventStore.subscribe(() => {\n      if (completed) {\n        return;\n      }\n      scanForNewCondensation();\n    });\n\n    const unsubscribeMetrics = useMetricsStore.subscribe(() => {\n      if (completed) {\n        return;\n      }\n      if (finishFromMetricsIfReady()) {\n        clearTimeout(settleTimer);\n      }\n    });\n\n    const timeoutTimer = setTimeout(() => {\n      // No Condensation event in time means the compaction never landed —\n      // a failure, not a \"nothing to compact\" no-op.\n      finish(readAfterToken(), sawCondensation ? \"no_change\" : \"timeout\");\n    }, timeoutMs);\n\n    return () => {\n      completed = true;\n      unsubscribeEvents();\n      unsubscribeMetrics();\n      clearTimeout(settleTimer);\n      clearTimeout(timeoutTimer);\n    };\n  }, [beforeToken, baselineEventIds, timeoutMs]);\n}\n"],"mappings":";;;;;AAMA,IAAM,IAAoB,MAEpB,IAAqB;AAiB3B,SAAgB,EACd,GACA,GACA,GACyB;CACzB,OAAO;EACL;EACA;EACA,YAAY,KAAK,IAAI,GAAG,IAAc,CAAU;EAChD;CACF;AACF;AAyBA,SAAgB,EAA0B,EACxC,gBACA,qBACA,eACA,eAAY,KACuB;CACnC,IAAM,IAAgB,EAAO,CAAU;CAGvC,AAFA,EAAc,UAAU,GAExB,QAAgB;EACd,IAAI,MAAgB,MAClB;EAGF,IAAI,IAAY,IACZ,IAAkB,IAClB,GACE,IAAgB,IAClB,IAAI,IAAI,CAAgB,IACxB,IAAI,IAAI,EAAc,SAAS,EAAE,QAAQ,GAEvC,UACJ,EAAgB,SAAS,EAAE,OAAO,kBAAkB,GAEhD,KAAU,GAAoB,MAAsC;GACpE,MAGJ,IAAY,IACZ,EAAc,QACZ,EAA6B,GAAa,GAAY,CAAO,CAC/D;EACF,GAEM,UAAiC;GACrC,IAAM,IAAa,EAAe;GAKlC,OAJI,KAAmB,IAAa,KAClC,EAAO,GAAY,WAAW,GACvB,MAEF;EACT,GAEM,UAA6B;GAEjC,AADA,aAAa,CAAW,GACxB,IAAc,iBAAiB;IAC7B,EAAO,EAAe,GAAG,WAAW;GACtC,GAAG,CAAiB;EACtB,GAEM,UAA+B;GACnC,KAAK,IAAM,KAAS,EAAc,SAAS,EAAE,QAAQ;IACnD,IAAM,IAAU,QAAQ,IAAQ,EAAM,KAAK,KAAA;IAC3C,IAAI,MAAY,KAAA,GAAW;KACzB,IAAI,EAAc,IAAI,CAAO,GAC3B;KAEF,EAAc,IAAI,CAAO;IAC3B;IACK,MAAoB,CAAK,GAI9B;KADA,IAAkB,IACb,EAAyB,KAC5B,EAAqB;KAEvB;IAFuB;GAGzB;EACF;EAEA,EAAuB;EAEvB,IAAM,IAAoB,EAAc,gBAAgB;GAClD,KAGJ,EAAuB;EACzB,CAAC,GAEK,IAAqB,EAAgB,gBAAgB;GACrD,KAGA,EAAyB,KAC3B,aAAa,CAAW;EAE5B,CAAC,GAEK,IAAe,iBAAiB;GAGpC,EAAO,EAAe,GAAG,IAAkB,cAAc,SAAS;EACpE,GAAG,CAAS;EAEZ,aAAa;GAKX,AAJA,IAAY,IACZ,EAAkB,GAClB,EAAmB,GACnB,aAAa,CAAW,GACxB,aAAa,CAAY;EAC3B;CACF,GAAG;EAAC;EAAa;EAAkB;CAAS,CAAC;AAC/C"}

package/dist/hooks/use-compact-context-action.cjs

@@ -0,0 +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("../types/agent-state.cjs"),i=require("../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),a=require("../utils/retrieve-axios-error-message.cjs"),o=require("../utils/custom-toast-handlers.cjs"),s=require("../stores/use-event-store.cjs"),c=require("../stores/metrics-store.cjs"),l=require("./query/use-active-conversation.cjs"),u=require("./use-agent-state.cjs"),d=require("./mutation/use-condense-conversation.cjs"),f=require("./use-await-context-compaction.cjs"),p=require("../utils/format-token-count.cjs");let m=require("react");m=e.__toESM(m,1);function h(e=0){let{t:h}=t.useTranslation(`openhands`),g=i.useQueryClient(),{data:_}=l.useActiveConversation(),{curAgentState:v}=u.useAgentState(),{mutate:y,isPending:b}=d.useCondenseConversation(),[x,S]=m.default.useState(null),C=m.default.useRef(null),w=v===r.AgentState.RUNNING||v===r.AgentState.LOADING,T=b||x!==null,E=!_?.id||w||T,D=h(n.I18nKey.CONVERSATION$COMPACT_CONTEXT_DESCRIPTION),O=m.default.useEffectEvent(e=>{if(S(null),C.current=null,_?.id&&g.invalidateQueries({queryKey:[`conversation-metrics`,_.id]}),e.outcome===`timeout`){o.displayErrorToast(h(n.I18nKey.CONVERSATION$COMPACT_CONTEXT_FAILED));return}if(e.savedToken>0){o.displaySuccessToast(h(n.I18nKey.CONVERSATION$COMPACT_CONTEXT_COMPLETE,{saved:p.formatCompactTokenCount(e.savedToken),before:p.formatCompactTokenCount(e.beforeToken),after:p.formatCompactTokenCount(e.afterToken)}));return}o.displaySuccessToast(h(n.I18nKey.CONVERSATION$COMPACT_CONTEXT_COMPLETE_NO_CHANGE))});return f.useAwaitContextCompaction({beforeToken:x,baselineEventIds:x===null?null:C.current,onComplete:O}),{handleCompact:()=>{if(!_?.id||T)return;let t=c.default.getState().usage?.per_turn_token??e;C.current=new Set(s.useEventStore.getState().eventIds),y({conversationId:_.id,conversationUrl:_.conversation_url,sessionApiKey:_.session_api_key},{onSuccess:()=>{S(t),o.displaySuccessToast(h(n.I18nKey.CONVERSATION$COMPACT_CONTEXT_STARTED))},onError:e=>{S(null),C.current=null,o.displayErrorToast(a.retrieveAxiosErrorMessage(e)||h(n.I18nKey.CONVERSATION$COMPACT_CONTEXT_FAILED))}})},isCompacting:T,isDisabled:E,description:D}}exports.useCompactContextAction=h;
+//# sourceMappingURL=use-compact-context-action.cjs.map

package/dist/hooks/use-compact-context-action.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-compact-context-action.cjs","names":[],"sources":["../../src/hooks/use-compact-context-action.ts"],"sourcesContent":["import React from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useCondenseConversation } from \"#/hooks/mutation/use-condense-conversation\";\nimport {\n  type ContextCompactionResult,\n  useAwaitContextCompaction,\n} from \"#/hooks/use-await-context-compaction\";\nimport { AgentState } from \"#/types/agent-state\";\nimport useMetricsStore from \"#/stores/metrics-store\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { formatCompactTokenCount } from \"#/utils/format-token-count\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\n\n/**\n * Shared compact/condense action used by the Usage panel CTA and the\n * composer context-window popover.\n */\nexport function useCompactContextAction(perTurnToken: number = 0) {\n  const { t } = useTranslation(\"openhands\");\n  const queryClient = useQueryClient();\n  const { data: conversation } = useActiveConversation();\n  const { curAgentState } = useAgentState();\n  const { mutate: condense, isPending } = useCondenseConversation();\n  const [beforeToken, setBeforeToken] = React.useState<number | null>(null);\n  const baselineEventIdsRef = React.useRef<Set<string | number> | null>(null);\n\n  const isAgentBusy =\n    curAgentState === AgentState.RUNNING ||\n    curAgentState === AgentState.LOADING;\n  const isCompacting = isPending || beforeToken !== null;\n  const isDisabled = !conversation?.id || isAgentBusy || isCompacting;\n  const description = t(I18nKey.CONVERSATION$COMPACT_CONTEXT_DESCRIPTION);\n\n  const handleCompactionComplete = React.useEffectEvent(\n    (result: ContextCompactionResult) => {\n      setBeforeToken(null);\n      baselineEventIdsRef.current = null;\n      if (conversation?.id) {\n        queryClient.invalidateQueries({\n          queryKey: [\"conversation-metrics\", conversation.id],\n        });\n      }\n\n      if (result.outcome === \"timeout\") {\n        displayErrorToast(t(I18nKey.CONVERSATION$COMPACT_CONTEXT_FAILED));\n        return;\n      }\n\n      if (result.savedToken > 0) {\n        displaySuccessToast(\n          t(I18nKey.CONVERSATION$COMPACT_CONTEXT_COMPLETE, {\n            saved: formatCompactTokenCount(result.savedToken),\n            before: formatCompactTokenCount(result.beforeToken),\n            after: formatCompactTokenCount(result.afterToken),\n          }),\n        );\n        return;\n      }\n\n      displaySuccessToast(\n        t(I18nKey.CONVERSATION$COMPACT_CONTEXT_COMPLETE_NO_CHANGE),\n      );\n    },\n  );\n\n  useAwaitContextCompaction({\n    beforeToken,\n    baselineEventIds: beforeToken !== null ? baselineEventIdsRef.current : null,\n    onComplete: handleCompactionComplete,\n  });\n\n  const handleCompact = () => {\n    if (!conversation?.id || isCompacting) return;\n\n    const snapshot =\n      useMetricsStore.getState().usage?.per_turn_token ?? perTurnToken;\n    // The condense POST can return only after the server already emitted its\n    // Condensation event, so the await baseline must be captured *before* the\n    // request fires, not when the post-ack effect starts.\n    baselineEventIdsRef.current = new Set(useEventStore.getState().eventIds);\n\n    condense(\n      {\n        conversationId: conversation.id,\n        conversationUrl: conversation.conversation_url,\n        sessionApiKey: conversation.session_api_key,\n      },\n      {\n        onSuccess: () => {\n          setBeforeToken(snapshot);\n          displaySuccessToast(t(I18nKey.CONVERSATION$COMPACT_CONTEXT_STARTED));\n        },\n        onError: (error) => {\n          setBeforeToken(null);\n          baselineEventIdsRef.current = null;\n          displayErrorToast(\n            retrieveAxiosErrorMessage(error) ||\n              t(I18nKey.CONVERSATION$COMPACT_CONTEXT_FAILED),\n          );\n        },\n      },\n    );\n  };\n\n  return {\n    handleCompact,\n    isCompacting,\n    isDisabled,\n    description,\n  };\n}\n"],"mappings":"wuBAyBA,SAAgB,EAAwB,EAAuB,EAAG,CAChE,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAc,EAAA,eAAe,EAC7B,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,OAAQ,EAAU,aAAc,EAAA,wBAAwB,EAC1D,CAAC,EAAa,GAAkB,EAAA,QAAM,SAAwB,IAAI,EAClE,EAAsB,EAAA,QAAM,OAAoC,IAAI,EAEpE,EACJ,IAAkB,EAAA,WAAW,SAC7B,IAAkB,EAAA,WAAW,QACzB,EAAe,GAAa,IAAgB,KAC5C,EAAa,CAAC,GAAc,IAAM,GAAe,EACjD,EAAc,EAAE,EAAA,QAAQ,wCAAwC,EAEhE,EAA2B,EAAA,QAAM,eACpC,GAAoC,CASnC,GARA,EAAe,IAAI,EACnB,EAAoB,QAAU,KAC1B,GAAc,IAChB,EAAY,kBAAkB,CAC5B,SAAU,CAAC,uBAAwB,EAAa,EAAE,CACpD,CAAC,EAGC,EAAO,UAAY,UAAW,CAChC,EAAA,kBAAkB,EAAE,EAAA,QAAQ,mCAAmC,CAAC,EAChE,MACF,CAEA,GAAI,EAAO,WAAa,EAAG,CACzB,EAAA,oBACE,EAAE,EAAA,QAAQ,sCAAuC,CAC/C,MAAO,EAAA,wBAAwB,EAAO,UAAU,EAChD,OAAQ,EAAA,wBAAwB,EAAO,WAAW,EAClD,MAAO,EAAA,wBAAwB,EAAO,UAAU,CAClD,CAAC,CACH,EACA,MACF,CAEA,EAAA,oBACE,EAAE,EAAA,QAAQ,+CAA+C,CAC3D,CACF,CACF,EAyCA,OAvCA,EAAA,0BAA0B,CACxB,cACA,iBAAkB,IAAgB,KAAqC,KAA9B,EAAoB,QAC7D,WAAY,CACd,CAAC,EAmCM,CACL,kBAlC0B,CAC1B,GAAI,CAAC,GAAc,IAAM,EAAc,OAEvC,IAAM,EACJ,EAAA,QAAgB,SAAS,EAAE,OAAO,gBAAkB,EAItD,EAAoB,QAAU,IAAI,IAAI,EAAA,cAAc,SAAS,EAAE,QAAQ,EAEvE,EACE,CACE,eAAgB,EAAa,GAC7B,gBAAiB,EAAa,iBAC9B,cAAe,EAAa,eAC9B,EACA,CACE,cAAiB,CACf,EAAe,CAAQ,EACvB,EAAA,oBAAoB,EAAE,EAAA,QAAQ,oCAAoC,CAAC,CACrE,EACA,QAAU,GAAU,CAClB,EAAe,IAAI,EACnB,EAAoB,QAAU,KAC9B,EAAA,kBACE,EAAA,0BAA0B,CAAK,GAC7B,EAAE,EAAA,QAAQ,mCAAmC,CACjD,CACF,CACF,CACF,CACF,EAIE,eACA,aACA,aACF,CACF"}

package/dist/hooks/use-compact-context-action.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Shared compact/condense action used by the Usage panel CTA and the
+ * composer context-window popover.
+ */
+export declare function useCompactContextAction(perTurnToken?: number): {
+    handleCompact: () => void;
+    isCompacting: boolean;
+    isDisabled: boolean;
+    description: string;
+};

package/dist/hooks/use-compact-context-action.js

@@ -0,0 +1,61 @@
+import { useTranslation as e } from "../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../i18n/declaration.js";
+import { AgentState as n } from "../types/agent-state.js";
+import { useQueryClient as r } from "../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
+import { retrieveAxiosErrorMessage as i } from "../utils/retrieve-axios-error-message.js";
+import { displayErrorToast as a, displaySuccessToast as o } from "../utils/custom-toast-handlers.js";
+import { useEventStore as s } from "../stores/use-event-store.js";
+import c from "../stores/metrics-store.js";
+import { useActiveConversation as l } from "./query/use-active-conversation.js";
+import { useAgentState as u } from "./use-agent-state.js";
+import { useCondenseConversation as d } from "./mutation/use-condense-conversation.js";
+import { useAwaitContextCompaction as f } from "./use-await-context-compaction.js";
+import { formatCompactTokenCount as p } from "../utils/format-token-count.js";
+import m from "react";
+//#region src/hooks/use-compact-context-action.ts
+function h(h = 0) {
+	let { t: g } = e("openhands"), _ = r(), { data: v } = l(), { curAgentState: y } = u(), { mutate: b, isPending: x } = d(), [S, C] = m.useState(null), w = m.useRef(null), T = y === n.RUNNING || y === n.LOADING, E = x || S !== null, D = !v?.id || T || E, O = g(t.CONVERSATION$COMPACT_CONTEXT_DESCRIPTION), k = m.useEffectEvent((e) => {
+		if (C(null), w.current = null, v?.id && _.invalidateQueries({ queryKey: ["conversation-metrics", v.id] }), e.outcome === "timeout") {
+			a(g(t.CONVERSATION$COMPACT_CONTEXT_FAILED));
+			return;
+		}
+		if (e.savedToken > 0) {
+			o(g(t.CONVERSATION$COMPACT_CONTEXT_COMPLETE, {
+				saved: p(e.savedToken),
+				before: p(e.beforeToken),
+				after: p(e.afterToken)
+			}));
+			return;
+		}
+		o(g(t.CONVERSATION$COMPACT_CONTEXT_COMPLETE_NO_CHANGE));
+	});
+	return f({
+		beforeToken: S,
+		baselineEventIds: S === null ? null : w.current,
+		onComplete: k
+	}), {
+		handleCompact: () => {
+			if (!v?.id || E) return;
+			let e = c.getState().usage?.per_turn_token ?? h;
+			w.current = new Set(s.getState().eventIds), b({
+				conversationId: v.id,
+				conversationUrl: v.conversation_url,
+				sessionApiKey: v.session_api_key
+			}, {
+				onSuccess: () => {
+					C(e), o(g(t.CONVERSATION$COMPACT_CONTEXT_STARTED));
+				},
+				onError: (e) => {
+					C(null), w.current = null, a(i(e) || g(t.CONVERSATION$COMPACT_CONTEXT_FAILED));
+				}
+			});
+		},
+		isCompacting: E,
+		isDisabled: D,
+		description: O
+	};
+}
+//#endregion
+export { h as useCompactContextAction };
+
+//# sourceMappingURL=use-compact-context-action.js.map

package/dist/hooks/use-compact-context-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-compact-context-action.js","names":[],"sources":["../../src/hooks/use-compact-context-action.ts"],"sourcesContent":["import React from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useCondenseConversation } from \"#/hooks/mutation/use-condense-conversation\";\nimport {\n  type ContextCompactionResult,\n  useAwaitContextCompaction,\n} from \"#/hooks/use-await-context-compaction\";\nimport { AgentState } from \"#/types/agent-state\";\nimport useMetricsStore from \"#/stores/metrics-store\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { formatCompactTokenCount } from \"#/utils/format-token-count\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\n\n/**\n * Shared compact/condense action used by the Usage panel CTA and the\n * composer context-window popover.\n */\nexport function useCompactContextAction(perTurnToken: number = 0) {\n  const { t } = useTranslation(\"openhands\");\n  const queryClient = useQueryClient();\n  const { data: conversation } = useActiveConversation();\n  const { curAgentState } = useAgentState();\n  const { mutate: condense, isPending } = useCondenseConversation();\n  const [beforeToken, setBeforeToken] = React.useState<number | null>(null);\n  const baselineEventIdsRef = React.useRef<Set<string | number> | null>(null);\n\n  const isAgentBusy =\n    curAgentState === AgentState.RUNNING ||\n    curAgentState === AgentState.LOADING;\n  const isCompacting = isPending || beforeToken !== null;\n  const isDisabled = !conversation?.id || isAgentBusy || isCompacting;\n  const description = t(I18nKey.CONVERSATION$COMPACT_CONTEXT_DESCRIPTION);\n\n  const handleCompactionComplete = React.useEffectEvent(\n    (result: ContextCompactionResult) => {\n      setBeforeToken(null);\n      baselineEventIdsRef.current = null;\n      if (conversation?.id) {\n        queryClient.invalidateQueries({\n          queryKey: [\"conversation-metrics\", conversation.id],\n        });\n      }\n\n      if (result.outcome === \"timeout\") {\n        displayErrorToast(t(I18nKey.CONVERSATION$COMPACT_CONTEXT_FAILED));\n        return;\n      }\n\n      if (result.savedToken > 0) {\n        displaySuccessToast(\n          t(I18nKey.CONVERSATION$COMPACT_CONTEXT_COMPLETE, {\n            saved: formatCompactTokenCount(result.savedToken),\n            before: formatCompactTokenCount(result.beforeToken),\n            after: formatCompactTokenCount(result.afterToken),\n          }),\n        );\n        return;\n      }\n\n      displaySuccessToast(\n        t(I18nKey.CONVERSATION$COMPACT_CONTEXT_COMPLETE_NO_CHANGE),\n      );\n    },\n  );\n\n  useAwaitContextCompaction({\n    beforeToken,\n    baselineEventIds: beforeToken !== null ? baselineEventIdsRef.current : null,\n    onComplete: handleCompactionComplete,\n  });\n\n  const handleCompact = () => {\n    if (!conversation?.id || isCompacting) return;\n\n    const snapshot =\n      useMetricsStore.getState().usage?.per_turn_token ?? perTurnToken;\n    // The condense POST can return only after the server already emitted its\n    // Condensation event, so the await baseline must be captured *before* the\n    // request fires, not when the post-ack effect starts.\n    baselineEventIdsRef.current = new Set(useEventStore.getState().eventIds);\n\n    condense(\n      {\n        conversationId: conversation.id,\n        conversationUrl: conversation.conversation_url,\n        sessionApiKey: conversation.session_api_key,\n      },\n      {\n        onSuccess: () => {\n          setBeforeToken(snapshot);\n          displaySuccessToast(t(I18nKey.CONVERSATION$COMPACT_CONTEXT_STARTED));\n        },\n        onError: (error) => {\n          setBeforeToken(null);\n          baselineEventIdsRef.current = null;\n          displayErrorToast(\n            retrieveAxiosErrorMessage(error) ||\n              t(I18nKey.CONVERSATION$COMPACT_CONTEXT_FAILED),\n          );\n        },\n      },\n    );\n  };\n\n  return {\n    handleCompact,\n    isCompacting,\n    isDisabled,\n    description,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAyBA,SAAgB,EAAwB,IAAuB,GAAG;CAChE,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAc,EAAe,GAC7B,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,qBAAkB,EAAc,GAClC,EAAE,QAAQ,GAAU,iBAAc,EAAwB,GAC1D,CAAC,GAAa,KAAkB,EAAM,SAAwB,IAAI,GAClE,IAAsB,EAAM,OAAoC,IAAI,GAEpE,IACJ,MAAkB,EAAW,WAC7B,MAAkB,EAAW,SACzB,IAAe,KAAa,MAAgB,MAC5C,IAAa,CAAC,GAAc,MAAM,KAAe,GACjD,IAAc,EAAE,EAAQ,wCAAwC,GAEhE,IAA2B,EAAM,gBACpC,MAAoC;EASnC,IARA,EAAe,IAAI,GACnB,EAAoB,UAAU,MAC1B,GAAc,MAChB,EAAY,kBAAkB,EAC5B,UAAU,CAAC,wBAAwB,EAAa,EAAE,EACpD,CAAC,GAGC,EAAO,YAAY,WAAW;GAChC,EAAkB,EAAE,EAAQ,mCAAmC,CAAC;GAChE;EACF;EAEA,IAAI,EAAO,aAAa,GAAG;GACzB,EACE,EAAE,EAAQ,uCAAuC;IAC/C,OAAO,EAAwB,EAAO,UAAU;IAChD,QAAQ,EAAwB,EAAO,WAAW;IAClD,OAAO,EAAwB,EAAO,UAAU;GAClD,CAAC,CACH;GACA;EACF;EAEA,EACE,EAAE,EAAQ,+CAA+C,CAC3D;CACF,CACF;CAyCA,OAvCA,EAA0B;EACxB;EACA,kBAAkB,MAAgB,OAAqC,OAA9B,EAAoB;EAC7D,YAAY;CACd,CAAC,GAmCM;EACL,qBAlC0B;GAC1B,IAAI,CAAC,GAAc,MAAM,GAAc;GAEvC,IAAM,IACJ,EAAgB,SAAS,EAAE,OAAO,kBAAkB;GAMtD,AAFA,EAAoB,UAAU,IAAI,IAAI,EAAc,SAAS,EAAE,QAAQ,GAEvE,EACE;IACE,gBAAgB,EAAa;IAC7B,iBAAiB,EAAa;IAC9B,eAAe,EAAa;GAC9B,GACA;IACE,iBAAiB;KAEf,AADA,EAAe,CAAQ,GACvB,EAAoB,EAAE,EAAQ,oCAAoC,CAAC;IACrE;IACA,UAAU,MAAU;KAGlB,AAFA,EAAe,IAAI,GACnB,EAAoB,UAAU,MAC9B,EACE,EAA0B,CAAK,KAC7B,EAAE,EAAQ,mCAAmC,CACjD;IACF;GACF,CACF;EACF;EAIE;EACA;EACA;CACF;AACF"}

package/dist/hooks/use-context-window-usage.cjs

@@ -0,0 +1,2 @@
+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(e){let t=e?.context_window??0;return t<=0?null:{perTurnToken:e?.per_turn_token??0,contextWindow:t}}function a(){let a=e.default(e=>e.usage),{data:o}=t.useActiveConversation(),{data:s}=n.useConversationMetrics(o?.id,o?.conversation_url,o?.session_api_key,!!o?.id);return(0,r.useMemo)(()=>i(a)||i(s?.accumulated_token_usage??null),[a,s])}exports.useContextWindowUsage=a;
+//# sourceMappingURL=use-context-window-usage.cjs.map

package/dist/hooks/use-context-window-usage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-context-window-usage.cjs","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":"sNAUA,SAAS,EACP,EAO2B,CAC3B,IAAM,EAAgB,GAAO,gBAAkB,EAK/C,OAJI,GAAiB,EACZ,KAGF,CACL,aAAc,GAAO,gBAAkB,EACvC,eACF,CACF,CAEA,SAAgB,GAAmD,CACjE,IAAM,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,EAAQ,GAAc,EACxB,EAEA,OAAA,EAAA,EAAA,aACoB,EAAqB,CACnC,GAIG,EACL,GAAqB,yBAA2B,IAClD,EACC,CAAC,EAAY,CAAmB,CAAC,CACtC"}

package/dist/hooks/use-context-window-usage.d.ts

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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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"}
+{"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":"y0BA6BA,SAAgB,EAA+B,CAC7C,iBACA,kBACA,cAAc,GACd,uBACsC,CACtC,GAAM,CAAE,KAAM,EAAA,eAAe,EACvB,CAAE,eAAgB,EAAuB,YAAa,EAAA,cAAc,EACpE,CAAE,WAAY,EAAA,iBAAiB,EAC/B,EAAS,EAAA,cAAe,GAAU,EAAM,MAAM,EAC9C,CAAE,OAAQ,GAAuB,GAAA,sBAAsB,EACvD,CAAE,OAAQ,GAAqB,EAAA,4BAA4B,EAC3D,CAAE,OAAQ,GAAqB,EAAA,gCAAgC,EAC/D,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAC,EAAoB,GAAyB,EAAA,QAAM,SAAS,EAAK,EAClE,CAAC,EAAoB,GAAyB,EAAA,QAAM,SAAS,EAAK,EAClE,CAAC,EAAqB,GAA0B,EAAA,QAAM,SAAS,EAAK,EACpE,CAAC,EAAmB,GAAwB,EAAA,QAAM,SAAS,EAAK,EAChE,CAAC,EAA2B,GAChC,EAAA,QAAM,SAAS,EAAK,EAChB,CAAC,EAAyB,GAC9B,EAAA,QAAM,SAAS,EAAK,EAChB,CAAE,YAAa,GAAyB,EAAA,wBAAwB,EAChE,CAAE,iBAAkB,EAAA,yBAAyB,EAE7C,EACJ,EAAA,mBAAmB,CAAM,EAErB,EAAgB,GAA+C,CACnE,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,EAA6B,EAAI,EACjC,IAAsB,EAAK,CAC7B,EAEM,EAAc,GAA+C,CACjE,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,EAA2B,EAAI,EAC/B,IAAsB,EAAK,CAC7B,EAEM,MAA4B,CAC5B,GACF,EACE,CAAE,gBAAe,EACjB,CACE,cAAiB,CACX,IAAmB,GACrB,EAAS,gBAAgB,CAE7B,CACF,CACF,EAEF,EAA6B,EAAK,CACpC,EAEM,MAA0B,CAC1B,GACF,EAAiB,CAAE,gBAAe,CAAC,EAErC,EAA2B,EAAK,CAClC,EAEM,EAAc,GAA+C,CACjE,EAAM,eAAe,EACrB,EAAM,gBAAgB,EAEtB,IAAsB,EAAK,CAC7B,EAEM,EAA6B,KACjC,IACG,CACH,EAAM,eAAe,EACrB,EAAM,gBAAgB,EAClB,GACF,MAAM,EAAqB,CAAc,EAE3C,IAAsB,EAAK,CAC7B,EAEM,EAAqB,GAA+C,CACxE,EAAM,gBAAgB,EACtB,EAAc,OAAO,EACrB,IAAsB,EAAK,CAC7B,EAEM,EAAwB,GAA+C,CAC3E,EAAM,gBAAgB,EACtB,EAAsB,EAAI,EAC1B,IAAsB,EAAK,CAC7B,EAEM,EAAoB,GAA+C,CACvE,EAAM,gBAAgB,EACtB,EAAsB,EAAI,EAC1B,IAAsB,EAAK,CAC7B,EAEM,EAAqB,GAA+C,CACxE,EAAM,gBAAgB,EACtB,EAAuB,EAAI,EAC3B,IAAsB,EAAK,CAC7B,EAEM,EAAmB,GAA+C,CACtE,EAAM,gBAAgB,EACtB,EAAqB,EAAI,EACzB,IAAsB,EAAK,CAC7B,EAEM,GAAsB,GAA2B,CACjD,GAAkB,GACpB,EAAiB,CACf,iBACA,SAAU,GAAgB,CAAC,EAAa,MAC1C,CAAC,CAGL,EAEM,EAAW,EAAA,QAAM,YAChB,EAQE,GAHL,EAAQ,OAAS,QACb,EAAQ,KAAK,QAAQ,OAAQ,EAAE,EAC/B,OAAO,SAAS,OACL,wBAAwB,IARb,GAS3B,CAAC,EAAgB,EAAQ,KAAM,EAAQ,IAAI,CAAC,EAe/C,MAAO,CAEL,eACA,aACA,aACA,6BACA,oBACA,uBACA,mBACA,oBACA,kBACA,sBACA,oBAzB2B,GAA+C,CAI1E,GAHA,EAAM,eAAe,EACrB,EAAM,gBAAgB,EAElB,CAAC,EAAU,CACb,IAAsB,EAAK,EAC3B,MACF,CAEA,UAAU,UAAU,UAAU,CAAQ,EACtC,EAAA,oBAAoB,EAAE,GAAA,QAAQ,wBAAwB,CAAC,CACzD,EAeE,WACA,sBACA,oBAGA,qBACA,wBACA,qBACA,wBACA,sBACA,yBACA,oBACA,uBACA,4BACA,+BACA,0BACA,6BAGA,gBAEA,eAAgB,EAAA,kBAAkB,CAAe,EACjD,+BAAgC,GAAQ,GAAkB,GAC1D,sBAAuB,EACvB,qBAAsB,GAAQ,GAAe,GAC7C,iBAAkB,GAAQ,GAAe,GACzC,kBAAmB,GACjB,GACA,IACC,EAAA,8BAA8B,CAAc,GAAG,SAAS,QAAU,GAAK,GAE1E,gBAAiB,GACf,GAAe,GAAkB,EAAA,kBAAkB,CAAe,EAEtE,CACF"}

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

@@ -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

@@ -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

@@ -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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"}
+{"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

@@ -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

@@ -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"}
+{"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"}