@ykurilov/agent-chat-react 0.62.0 → 0.63.1

package/dist/{chunk-7DVTSVKQ.js → chunk-Y5HL6THS.js}

@@ -3983,7 +3983,7 @@ function useThinkingStatus(active = true) {
 
 // src/agent-chat.tsx
 import { getToolName as getToolName5, isToolUIPart as isToolUIPart3 } from "ai";
-import { Fragment, memo as memo4, useCallback as useCallback16, useEffect as useEffect14, useId as useId2, useMemo as useMemo15, useRef as useRef16, useState as useState17 } from "react";
+import { Fragment, memo as memo4, useCallback as useCallback17, useEffect as useEffect14, useId as useId2, useMemo as useMemo16, useRef as useRef17, useState as useState18 } from "react";
 
 // src/expanded-parts.ts
 import { useCallback as useCallback6, useMemo as useMemo5, useSyncExternalStore as useSyncExternalStore2 } from "react";
@@ -4121,7 +4121,7 @@ function isTextField(target) {
   if (!(target instanceof Element)) return false;
   return target.closest("textarea, input, select, [contenteditable]:not([contenteditable='false'])") !== null;
 }
-function MessageFeedView({ scrollRef, messages, renderMessage, keepLastMounted, openAtMessageId, ref }) {
+function MessageFeedView({ scrollRef, messages, renderMessage, keepLastMounted, openAtMessageId, keepMountedMessageId, ref }) {
   const rootRef = useRef7(null);
   const virtualizerRef = useRef7(null);
   const stuck = useRef7(true);
@@ -4312,11 +4312,14 @@ function MessageFeedView({ scrollRef, messages, renderMessage, keepLastMounted,
   }, [scrollRef, stick]);
   useImperativeHandle(ref, () => ({ scrollToBottom }), [scrollToBottom]);
   const virtualizer = virtualizerRef.current;
+  const editedIndex = keepMountedMessageId === void 0 ? -1 : messages.findIndex((message) => message.id === keepMountedMessageId);
   const tailStart = positioned && followingBottom && virtualizer && lastIndex >= 0 ? Math.min(lastIndex, Math.max(0, virtualizer.findItemIndex(virtualizer.scrollOffset - BUFFER_PX))) : lastIndex + 1;
   const keepMounted = useMemo6(() => {
-    const kept = Array.from({ length: Math.max(0, lastIndex + 1 - tailStart) }, (_, offset) => tailStart + offset);
-    return keepLastMounted && lastIndex >= 0 && kept.at(-1) !== lastIndex ? [...kept, lastIndex] : kept;
-  }, [keepLastMounted, lastIndex, tailStart]);
+    const kept = new Set(Array.from({ length: Math.max(0, lastIndex + 1 - tailStart) }, (_, offset) => tailStart + offset));
+    if (keepLastMounted && lastIndex >= 0) kept.add(lastIndex);
+    if (editedIndex >= 0) kept.add(editedIndex);
+    return [...kept].sort((a, b) => a - b);
+  }, [editedIndex, keepLastMounted, lastIndex, tailStart]);
   return /* @__PURE__ */ jsx3("div", { ref: rootRef, children: scrollerReady && /* @__PURE__ */ jsx3(
     Virtualizer,
     {
@@ -4334,6 +4337,68 @@ function MessageFeedView({ scrollRef, messages, renderMessage, keepLastMounted,
 }
 var MessageFeed = memo(MessageFeedView);
 
+// src/message-editing/use-message-editing.ts
+import { useCallback as useCallback8, useLayoutEffect as useLayoutEffect2, useMemo as useMemo7, useRef as useRef8, useState as useState8 } from "react";
+function useMessageEditing(messages, { saving, onDraftLost }) {
+  const [editor, setEditor] = useState8(null);
+  const draft = useRef8(null);
+  const messagesRef = useRef8(messages);
+  messagesRef.current = messages;
+  const reportLost = useRef8(onDraftLost);
+  reportLost.current = onDraftLost;
+  useLayoutEffect2(() => {
+    if (!editor || saving.current || messages.some((message) => message.id === editor.id)) return;
+    const same = sameMessage(messages, editor);
+    if (same) {
+      setEditor({ ...editor, id: same.id });
+      return;
+    }
+    const typed = draft.current;
+    draft.current = null;
+    setEditor(null);
+    if (typed !== null && typed.trim().length > 0 && typed !== editor.original) reportLost.current(typed);
+  }, [editor, messages, saving]);
+  const open = useCallback8((messageId) => {
+    const index = messagesRef.current.findIndex((message2) => message2.id === messageId);
+    const message = messagesRef.current[index];
+    if (!message) return;
+    draft.current = null;
+    setEditor({ id: messageId, attempt: 0, original: messageText(message), index });
+  }, []);
+  const close = useCallback8(() => {
+    draft.current = null;
+    setEditor(null);
+  }, []);
+  const type = useCallback8((text) => {
+    draft.current = text;
+  }, []);
+  const refuse = useCallback8((messageId, text, error) => {
+    draft.current = text;
+    setEditor((current) => current && { ...current, id: messageId, attempt: current.attempt + 1, error });
+  }, []);
+  const draftOf = useCallback8((message) => draft.current ?? messageText(message), []);
+  return useMemo7(
+    () => ({
+      id: editor?.id ?? null,
+      attempt: editor?.attempt ?? 0,
+      ...editor?.error !== void 0 && { error: editor.error },
+      draftOf,
+      open,
+      type,
+      close,
+      refuse
+    }),
+    [close, draftOf, editor, open, refuse, type]
+  );
+}
+function sameMessage(messages, editor) {
+  const isSame = (message) => message?.role === "user" && messageText(message) === editor.original;
+  const atPlace = messages[editor.index];
+  if (isSame(atPlace)) return atPlace;
+  const matches = messages.filter(isSame);
+  return matches.length === 1 ? matches[0] : void 0;
+}
+
 // src/answer-editing/answer-editing.ts
 function answerEdited(mark) {
   return mark !== void 0 && (mark.textEdited || mark.editedToolCallIds.length > 0);
@@ -4367,7 +4432,7 @@ ${source}`;
 }
 
 // src/diagrams/use-diagram-blocks.ts
-import { useCallback as useCallback8, useEffect as useEffect7, useId, useMemo as useMemo7, useState as useState8 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect7, useId, useMemo as useMemo8, useState as useState9 } from "react";
 
 // src/diagrams/unique-svg-ids.ts
 var ID_ATTRIBUTE = /\sid="([^"]+)"/g;
@@ -4385,11 +4450,11 @@ function withUniqueIds(svg, suffix) {
 // src/diagrams/use-diagram-blocks.ts
 var countMermaidBlocks = (markdown) => splitMermaidBlocks(markdown).filter((segment) => segment.kind === "mermaid").length;
 function useDiagramBlocks({ markdown, streaming, messageId, firstBlock, renders, colors, open }) {
-  const blocks = useMemo7(
+  const blocks = useMemo8(
     () => splitMermaidBlocks(markdown).flatMap((segment) => segment.kind === "mermaid" ? [segment] : []),
     [markdown]
   );
-  const [version, setVersion] = useState8(0);
+  const [version, setVersion] = useState9(0);
   const insertion = useId();
   useEffect7(() => {
     let alive = true;
@@ -4402,7 +4467,7 @@ function useDiagramBlocks({ markdown, streaming, messageId, firstBlock, renders,
       alive = false;
     };
   }, [blocks, colors, renders, streaming]);
-  const renderDiagram = useCallback8(
+  const renderDiagram = useCallback9(
     (source, blockIndex) => {
       const block = blocks[blockIndex];
       if (streaming && block && !block.closed) return { state: "streaming" };
@@ -4413,7 +4478,7 @@ function useDiagramBlocks({ markdown, streaming, messageId, firstBlock, renders,
     // eslint-disable-next-line react-hooks/exhaustive-deps -- `version`: готов новый рисунок, функция новая, скин рисует блок заново
     [blocks, colors, insertion, renders, streaming, version]
   );
-  const onOpenDiagram = useCallback8(
+  const onOpenDiagram = useCallback9(
     (blockIndex, trigger) => {
       const block = blocks[blockIndex];
       const result = block && renders.get(block.source, colors);
@@ -4428,7 +4493,7 @@ function useDiagramBlocks({ markdown, streaming, messageId, firstBlock, renders,
 }
 
 // src/diagrams/use-diagram-colors.ts
-import { useMemo as useMemo8, useSyncExternalStore as useSyncExternalStore3 } from "react";
+import { useMemo as useMemo9, useSyncExternalStore as useSyncExternalStore3 } from "react";
 var FALLBACK_COLORS = {
   light: { background: "#ffffff", text: "#1f2328", line: "#6e7781", node: "#f3f4f6", accent: "#0969da", dark: false },
   dark: { background: "#16181b", text: "#e6e8eb", line: "#8b949e", node: "#24282d", accent: "#58a6ff", dark: true }
@@ -4458,21 +4523,21 @@ function usePageDark(enabled) {
 }
 function useDiagramColors(skin, enabled) {
   const dark = usePageDark(enabled);
-  return useMemo8(() => {
+  return useMemo9(() => {
     if (!enabled) return void 0;
     return skin.diagramColors?.(dark) ?? FALLBACK_COLORS[dark ? "dark" : "light"];
   }, [dark, enabled, skin]);
 }
 
 // src/live-demos/use-live-demo-blocks.tsx
-import { useCallback as useCallback9, useMemo as useMemo10, useState as useState10 } from "react";
+import { useCallback as useCallback10, useMemo as useMemo11, useState as useState11 } from "react";
 
 // src/live-demos/live-demo-frame.tsx
-import { memo as memo2, useEffect as useEffect8, useMemo as useMemo9, useRef as useRef8, useState as useState9 } from "react";
+import { memo as memo2, useEffect as useEffect8, useMemo as useMemo10, useRef as useRef9, useState as useState10 } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var INITIAL_HEIGHT = 160;
 function useTwoThirdsOfScreen() {
-  const [limit, setLimit] = useState9(() => Math.round(window.innerHeight * 2 / 3));
+  const [limit, setLimit] = useState10(() => Math.round(window.innerHeight * 2 / 3));
   useEffect8(() => {
     const update = () => setLimit(Math.round(window.innerHeight * 2 / 3));
     window.addEventListener("resize", update);
@@ -4481,15 +4546,15 @@ function useTwoThirdsOfScreen() {
   return limit;
 }
 var LiveDemoFrame = memo2(function LiveDemoFrame2({ source, colors, title, onLeftPage }) {
-  const srcDoc = useMemo9(() => liveDemoDocument(source, colors), [source, colors]);
+  const srcDoc = useMemo10(() => liveDemoDocument(source, colors), [source, colors]);
   return /* @__PURE__ */ jsx4(Frame, { srcDoc, dark: colors.dark, title, onLeftPage }, srcDoc);
 });
 function Frame({ srcDoc, dark, title, onLeftPage }) {
-  const frame = useRef8(null);
-  const loads = useRef8(0);
-  const [height, setHeight] = useState9(INITIAL_HEIGHT);
+  const frame = useRef9(null);
+  const loads = useRef9(0);
+  const [height, setHeight] = useState10(INITIAL_HEIGHT);
   const limit = useTwoThirdsOfScreen();
-  const leftPage = useRef8(onLeftPage);
+  const leftPage = useRef9(onLeftPage);
   leftPage.current = onLeftPage;
   useEffect8(() => {
     const onMessage = (event) => {
@@ -4522,19 +4587,19 @@ function Frame({ srcDoc, dark, title, onLeftPage }) {
 import { jsx as jsx5 } from "react/jsx-runtime";
 function useDemoColors(skin, enabled) {
   const dark = usePageDark(enabled);
-  return useMemo10(() => {
+  return useMemo11(() => {
     if (!enabled) return void 0;
     return skin.demoColors?.(dark) ?? FALLBACK_DEMO_COLORS[dark ? "dark" : "light"];
   }, [dark, enabled, skin]);
 }
 function useLiveDemoBlocks({ markdown, streaming, colors, blocked }) {
   const labels = useChatLabels();
-  const blocks = useMemo10(
+  const blocks = useMemo11(
     () => colors ? splitAnswerFences(markdown, { demos: true }).flatMap((segment) => segment.kind === "demo" ? [segment] : []) : [],
     [colors, markdown]
   );
-  const [leftPage, setLeftPage] = useState10(() => /* @__PURE__ */ new Set());
-  const renderDemo = useCallback9(
+  const [leftPage, setLeftPage] = useState11(() => /* @__PURE__ */ new Set());
+  const renderDemo = useCallback10(
     (source, blockIndex) => {
       if (blocks[blockIndex]?.closed === false) return streaming ? { state: "streaming" } : { state: "code", source, reason: "unfinished" };
       if (!liveDemoFits(source)) return { state: "code", source, reason: "tooLarge" };
@@ -4607,12 +4672,12 @@ function escapeLinkText(text) {
 }
 
 // src/subject-chat/subject-chat-loading.tsx
-import { useRef as useRef9 } from "react";
+import { useRef as useRef10 } from "react";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var nothing = () => {
 };
 function SubjectChatLoading({ skin }) {
-  const scrollRef = useRef9(null);
+  const scrollRef = useRef10(null);
   return /* @__PURE__ */ jsx6(
     skin.Layout,
     {
@@ -4625,15 +4690,15 @@ function SubjectChatLoading({ skin }) {
 }
 
 // src/subject-chat/use-subject-chat-id.ts
-import { useCallback as useCallback10, useEffect as useEffect9, useRef as useRef10, useState as useState11 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect9, useRef as useRef11, useState as useState12 } from "react";
 function useSubjectChatId(api, subject, onAppRefusal) {
-  const [attempt, setAttempt] = useState11(0);
-  const onAppRefusalRef = useRef10(onAppRefusal);
+  const [attempt, setAttempt] = useState12(0);
+  const onAppRefusalRef = useRef11(onAppRefusal);
   onAppRefusalRef.current = onAppRefusal;
   const request2 = `${attempt}
 ${api}
 ${subject}`;
-  const [found, setFound] = useState11(null);
+  const [found, setFound] = useState12(null);
   useEffect9(() => {
     const controller = new AbortController();
     const settle = (state) => {
@@ -4662,7 +4727,7 @@ ${subject}`;
     })();
     return () => controller.abort();
   }, [api, subject, request2]);
-  const retry = useCallback10(() => setAttempt((value) => value + 1), []);
+  const retry = useCallback11(() => setAttempt((value) => value + 1), []);
   return { ...found?.request === request2 ? found.state : { state: "loading" }, retry };
 }
 
@@ -4709,20 +4774,20 @@ function generatedViewerItems(describe) {
 }
 
 // src/media-viewer/use-media-viewer.ts
-import { useCallback as useCallback11, useEffect as useEffect10, useMemo as useMemo11, useRef as useRef11, useState as useState12 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect10, useMemo as useMemo12, useRef as useRef12, useState as useState13 } from "react";
 var ENTRY_FIELD = "agentChatViewer";
 var entryCounter = 0;
 var currentEntry = () => history.state?.[ENTRY_FIELD];
 function useMediaViewer({ getItems, resetKey }) {
-  const [opened, setOpened] = useState12(null);
-  const trigger = useRef11(null);
-  const openedRef = useRef11(opened);
+  const [opened, setOpened] = useState13(null);
+  const trigger = useRef12(null);
+  const openedRef = useRef12(opened);
   openedRef.current = opened;
-  const getItemsRef = useRef11(getItems);
+  const getItemsRef = useRef12(getItems);
   getItemsRef.current = getItems;
-  const items = useMemo11(() => opened ? opened.items ?? getItems() : [], [opened, getItems]);
+  const items = useMemo12(() => opened ? opened.items ?? getItems() : [], [opened, getItems]);
   const index = opened ? items.findIndex((item) => item.key === opened.key) : -1;
-  const close = useCallback11((fromHistory, returnFocus) => {
+  const close = useCallback12((fromHistory, returnFocus) => {
     const current = openedRef.current;
     if (!current) return;
     openedRef.current = null;
@@ -4732,7 +4797,7 @@ function useMediaViewer({ getItems, resetKey }) {
     trigger.current = null;
     if (returnFocus && source?.isConnected) source.focus();
   }, []);
-  const open = useCallback11(
+  const open = useCallback12(
     (key, source, own) => {
       if (!(own ?? getItemsRef.current()).some((item) => item.key === key)) return;
       trigger.current = source;
@@ -4758,14 +4823,14 @@ function useMediaViewer({ getItems, resetKey }) {
   useEffect10(() => {
     if (gone) close(false, true);
   }, [gone, close]);
-  const shownFor = useRef11(resetKey);
+  const shownFor = useRef12(resetKey);
   useEffect10(() => {
     if (shownFor.current === resetKey) return;
     shownFor.current = resetKey;
     close(false, false);
   }, [resetKey, close]);
   useEffect10(() => () => close(false, false), [close]);
-  const onIndexChange = useCallback11(
+  const onIndexChange = useCallback12(
     (next) => {
       const item = items[next];
       const current = openedRef.current;
@@ -4776,8 +4841,8 @@ function useMediaViewer({ getItems, resetKey }) {
     },
     [items]
   );
-  const onClose = useCallback11(() => close(false, true), [close]);
-  const viewer = useMemo11(
+  const onClose = useCallback12(() => close(false, true), [close]);
+  const viewer = useMemo12(
     () => opened && index >= 0 ? { items, index, onIndexChange, onClose } : null,
     [opened, index, items, onIndexChange, onClose]
   );
@@ -5034,7 +5099,7 @@ function suggestedRepliesOf(messages, busy) {
 }
 
 // src/widgets/widget-part.tsx
-import { memo as memo3, useCallback as useCallback12, useMemo as useMemo12, useState as useState13 } from "react";
+import { memo as memo3, useCallback as useCallback13, useMemo as useMemo13, useState as useState14 } from "react";
 
 // src/widgets/custom-widget-guard.tsx
 import { Component } from "react";
@@ -5063,12 +5128,12 @@ var WidgetPart = memo3(function WidgetPart2({
   onAnswer
 }) {
   const labels = useChatLabels();
-  const messages = useMemo12(() => formCheckMessages(labels.widgets), [labels.widgets]);
-  const [fieldErrors, setFieldErrors] = useState13({});
+  const messages = useMemo13(() => formCheckMessages(labels.widgets), [labels.widgets]);
+  const [fieldErrors, setFieldErrors] = useState14({});
   const toolCallId = call.toolCallId;
-  const answer = useCallback12((value) => onAnswer(toolCallId, value), [onAnswer, toolCallId]);
-  const [crashed, setCrashed] = useState13(false);
-  const onCrash = useCallback12(() => setCrashed(true), []);
+  const answer = useCallback13((value) => onAnswer(toolCallId, value), [onAnswer, toolCallId]);
+  const [crashed, setCrashed] = useState14(false);
+  const onCrash = useCallback13(() => setCrashed(true), []);
   const active = call.state === "pending";
   const content = Custom && !crashed && /* @__PURE__ */ jsx7(CustomWidgetGuard, { onCrash, children: /* @__PURE__ */ jsx7(
     Custom,
@@ -5096,7 +5161,7 @@ var WidgetPart = memo3(function WidgetPart2({
 });
 
 // src/use-voice-dictation.ts
-import { useCallback as useCallback13, useEffect as useEffect11, useRef as useRef12, useState as useState14 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect11, useRef as useRef13, useState as useState15 } from "react";
 
 // src/dictation-field.ts
 function createDictationField(startValue) {
@@ -5147,17 +5212,17 @@ function createDictationField(startValue) {
 // src/use-voice-dictation.ts
 function useVoiceDictation({ voice, value, setValue, chatId }) {
   const labels = useChatLabels();
-  const [state, setState] = useState14("idle");
-  const [error, setError] = useState14();
-  const [polishing, setPolishing] = useState14(false);
-  const session = useRef12(null);
-  const field = useRef12(null);
-  const run = useRef12(0);
-  const latestValue = useRef12(value);
-  const knownValue = useRef12(value);
-  const pendingWrites = useRef12([]);
+  const [state, setState] = useState15("idle");
+  const [error, setError] = useState15();
+  const [polishing, setPolishing] = useState15(false);
+  const session = useRef13(null);
+  const field = useRef13(null);
+  const run = useRef13(0);
+  const latestValue = useRef13(value);
+  const knownValue = useRef13(value);
+  const pendingWrites = useRef13([]);
   latestValue.current = value;
-  const drop = useCallback13(() => {
+  const drop = useCallback14(() => {
     run.current += 1;
     session.current?.cancel();
     session.current = null;
@@ -5178,7 +5243,7 @@ function useVoiceDictation({ voice, value, setValue, chatId }) {
     setError(void 0);
   }, [value]);
   useEffect11(() => drop, [chatId, drop]);
-  const start = useCallback13(() => {
+  const start = useCallback14(() => {
     if (!voice) return;
     const mine = ++run.current;
     const dictation = createDictationField(latestValue.current);
@@ -5224,7 +5289,7 @@ function useVoiceDictation({ voice, value, setValue, chatId }) {
       { chatId, ...labels.locale && { language: labels.locale } }
     );
   }, [voice, setValue, chatId, labels.locale]);
-  const onToggle = useCallback13(() => {
+  const onToggle = useCallback14(() => {
     if (state === "idle") start();
     else if (state === "connecting") drop();
     else if (state === "listening") {
@@ -5232,7 +5297,7 @@ function useVoiceDictation({ voice, value, setValue, chatId }) {
       session.current?.stop();
     }
   }, [state, start, drop]);
-  const cancel = useCallback13(() => {
+  const cancel = useCallback14(() => {
     if (session.current) drop();
   }, [drop]);
   const view = voice ? { state, onToggle, ...polishing && { polishing }, ...error && { error: voiceErrorText(labels.voiceErrors, error.kind, error.details) } } : void 0;
@@ -5241,33 +5306,33 @@ function useVoiceDictation({ voice, value, setValue, chatId }) {
 
 // src/use-voice-dialog.ts
 import { getToolName as getToolName4, isToolUIPart as isToolUIPart2 } from "ai";
-import { useCallback as useCallback14, useEffect as useEffect12, useMemo as useMemo13, useRef as useRef13, useState as useState15 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect12, useMemo as useMemo14, useRef as useRef14, useState as useState16 } from "react";
 var finished = (view) => view.state === "off" || view.state === "error";
 function useVoiceDialog({ engine, chatId, chat, videos }) {
   const labels = useChatLabels();
-  const labelsRef = useRef13(labels);
+  const labelsRef = useRef14(labels);
   labelsRef.current = labels;
-  const [engineView, setEngineView] = useState15(null);
-  const chatRef = useRef13(chat);
+  const [engineView, setEngineView] = useState16(null);
+  const chatRef = useRef14(chat);
   chatRef.current = chat;
-  const active = useRef13(false);
-  const generation = useRef13(0);
-  const textListeners = useRef13(/* @__PURE__ */ new Set());
-  const endListeners = useRef13(/* @__PURE__ */ new Set());
-  const delivered = useRef13(/* @__PURE__ */ new Map());
-  const spokenWidgets = useRef13(/* @__PURE__ */ new Set());
-  const spokenVideos = useRef13(/* @__PURE__ */ new Set());
-  const videosRef = useRef13(videos);
+  const active = useRef14(false);
+  const generation = useRef14(0);
+  const textListeners = useRef14(/* @__PURE__ */ new Set());
+  const endListeners = useRef14(/* @__PURE__ */ new Set());
+  const delivered = useRef14(/* @__PURE__ */ new Map());
+  const spokenWidgets = useRef14(/* @__PURE__ */ new Set());
+  const spokenVideos = useRef14(/* @__PURE__ */ new Set());
+  const videosRef = useRef14(videos);
   videosRef.current = videos;
-  const activityListeners = useRef13(/* @__PURE__ */ new Set());
-  const announced = useRef13(/* @__PURE__ */ new Map());
-  const emitActivity = useCallback14((activity) => {
+  const activityListeners = useRef14(/* @__PURE__ */ new Set());
+  const announced = useRef14(/* @__PURE__ */ new Map());
+  const emitActivity = useCallback15((activity) => {
     for (const listener of [...activityListeners.current]) listener(activity);
   }, []);
-  const emitEnd = useCallback14((end) => {
+  const emitEnd = useCallback15((end) => {
     for (const listener of [...endListeners.current]) listener(end);
   }, []);
-  const bridge = useMemo13(
+  const bridge = useMemo14(
     () => ({
       send: (text, options) => {
         if (!chatRef.current.sendVoiceMessage(text, options)) queueMicrotask(() => emitEnd({ messageId: "", status: "error" }));
@@ -5349,7 +5414,7 @@ function useVoiceDialog({ engine, chatId, chat, videos }) {
     }
     if (parts.size > 0) known.set(last.id, parts);
   }, [chat.messages, emitActivity]);
-  const wasBusy = useRef13(chat.busy);
+  const wasBusy = useRef14(chat.busy);
   useEffect12(() => {
     const ended = wasBusy.current && !chat.busy;
     wasBusy.current = chat.busy;
@@ -5373,7 +5438,7 @@ function useVoiceDialog({ engine, chatId, chat, videos }) {
     },
     [engine, chatId]
   );
-  const toggle = useCallback14(() => {
+  const toggle = useCallback15(() => {
     if (!engine) return;
     if (engineView?.state === "error") {
       generation.current += 1;
@@ -5407,7 +5472,7 @@ function useVoiceDialog({ engine, chatId, chat, videos }) {
     engine.close();
     setEngineView(null);
   }, [bridge, chatId, engine, engineView]);
-  return useMemo13(() => {
+  return useMemo14(() => {
     if (!engine) return void 0;
     const view = engineView ?? { state: "off", speechAvailable: true, onToggle: toggle };
     return { ...view, onToggle: toggle };
@@ -5481,11 +5546,11 @@ function widgetPhrase(call, labels) {
 }
 
 // src/message-actions.ts
-import { useCallback as useCallback15, useMemo as useMemo14, useRef as useRef14, useState as useState16 } from "react";
+import { useCallback as useCallback16, useMemo as useMemo15, useRef as useRef15, useState as useState17 } from "react";
 function useMessageActionRuns(chatId) {
-  const [running, setRunning] = useState16(() => /* @__PURE__ */ new Map());
-  const runningRef = useRef14(/* @__PURE__ */ new Set());
-  const run = useCallback15(
+  const [running, setRunning] = useState17(() => /* @__PURE__ */ new Map());
+  const runningRef = useRef15(/* @__PURE__ */ new Set());
+  const run = useCallback16(
     (action, message, text) => {
       const key = `${message.id}
 ${action.id}`;
@@ -5507,7 +5572,7 @@ ${action.id}`;
     },
     [chatId]
   );
-  return useMemo14(() => ({ running, run }), [running, run]);
+  return useMemo15(() => ({ running, run }), [running, run]);
 }
 function withRunning(current, messageId, actionId, on) {
   const ids = current.get(messageId) ?? [];
@@ -5525,14 +5590,14 @@ function renderComposerActions(actions, helper) {
 }
 
 // src/turn-finished.ts
-import { useEffect as useEffect13, useRef as useRef15 } from "react";
+import { useEffect as useEffect13, useRef as useRef16 } from "react";
 function useTurnFinishedReport(chatId, busy, messages, onTurnFinished) {
-  const report = useRef15(onTurnFinished);
+  const report = useRef16(onTurnFinished);
   report.current = onTurnFinished;
-  const turnRunning = useRef15(false);
-  const latest = useRef15(messages);
+  const turnRunning = useRef16(false);
+  const latest = useRef16(messages);
   latest.current = messages;
-  const finishedBefore = useRef15(/* @__PURE__ */ new Set());
+  const finishedBefore = useRef16(/* @__PURE__ */ new Set());
   const last = messages.at(-1);
   const answerId = last?.role === "assistant" ? last.id : void 0;
   const answerStatus = last?.role === "assistant" ? last.metadata?.status : void 0;
@@ -5743,7 +5808,7 @@ function AgentChatBody({ api, chatId, skin, liveness, voice, voiceDialog, attach
   const attachments = attachmentsPlugin?.useController({ api, chatId, modelSeesImages: chatModelSeesImages });
   const describeFiles = attachments?.describe;
   const imageClients = useSameList(imageClientsOf(images));
-  const extensions = useMemo15(
+  const extensions = useMemo16(
     () => ({
       ...widgets && { widgets },
       ...diagrams && { diagrams },
@@ -5756,59 +5821,59 @@ function AgentChatBody({ api, chatId, skin, liveness, voice, voiceDialog, attach
     }),
     [widgets, diagrams, liveDemos, imageClients, videos, appEvents, workView, stepPhrases]
   );
-  const scrollRef = useRef16(null);
-  const feedRef = useRef16(null);
+  const scrollRef = useRef17(null);
+  const feedRef = useRef17(null);
   const labels = useChatLabels();
   const expanded = useExpandedParts(chatId);
   const announcement = useFeedAnnouncement(chat.messages, chat.busy, chatId);
   const { busy, canRetry, retry, canEdit, canRegenerate, regenerate, edit, selectBranch, respondToApproval, approvalPendingId, approvalFailure } = chat;
   const { answerWidget, widgetPendingId, widgetFailure, sendReply, capabilities, closed } = chat;
   const chatClosed = closed !== null;
-  const reportAccess = useRef16(onChatAccessChange);
+  const reportAccess = useRef17(onChatAccessChange);
   reportAccess.current = onChatAccessChange;
   useEffect14(() => {
     if (chat.loaded) reportAccess.current?.({ capabilities, closed });
   }, [capabilities, chat.loaded, closed]);
   const { chatState } = chat;
-  const reportState = useRef16(onStateChange);
+  const reportState = useRef17(onStateChange);
   reportState.current = onStateChange;
   useEffect14(() => {
     if (chat.loaded) reportState.current?.(chatState);
   }, [chat.loaded, chatState]);
-  const reportUnavailable = useRef16(onChatUnavailable);
+  const reportUnavailable = useRef17(onChatUnavailable);
   reportUnavailable.current = onChatUnavailable;
   const unavailable2 = chat.notFound || chat.loadFailed || chat.accessRefusal !== null;
   useEffect14(() => {
     if (unavailable2) reportUnavailable.current?.();
   }, [unavailable2]);
-  const [widgetAnnouncement, setWidgetAnnouncement] = useState17(null);
+  const [widgetAnnouncement, setWidgetAnnouncement] = useState18(null);
   const announced = widgetAnnouncement && widgetAnnouncement.chatId === chatId && (announcement === "" || announcement === widgetAnnouncement.feed) ? widgetAnnouncement.text : announcement;
-  const announcementRef = useRef16(announcement);
+  const announcementRef = useRef17(announcement);
   announcementRef.current = announcement;
-  const onWidgetAnswer = useCallback16(
+  const onWidgetAnswer = useCallback17(
     (toolCallId, answer) => void answerWidget(toolCallId, answer, () => setWidgetAnnouncement({ text: labels.widgets.answerSent, feed: announcementRef.current, chatId })),
     [answerWidget, chatId, labels]
   );
-  const suggestedReplies = useMemo15(() => suggestedRepliesOf(chat.messages, busy), [busy, chat.messages]);
+  const suggestedReplies = useMemo16(() => suggestedRepliesOf(chat.messages, busy), [busy, chat.messages]);
   const exhaustedSpending = chat.spending?.state === "exhausted";
-  const pickReply = useCallback16(
+  const pickReply = useCallback17(
     (text) => {
       if (sendReply(text)) feedRef.current?.scrollToBottom();
     },
     [sendReply]
   );
-  const reportBusy = useRef16(onBusyChange);
+  const reportBusy = useRef17(onBusyChange);
   reportBusy.current = onBusyChange;
   useEffect14(() => {
     reportBusy.current?.(busy);
   }, [busy, chatId]);
   const lastIndex = chat.messages.length - 1;
   const { corrections } = chat;
-  const feedMessages = useMemo15(() => corrections.length > 0 ? [...chat.messages, ...corrections] : chat.messages, [chat.messages, corrections]);
-  const correctionIds = useMemo15(() => new Set(corrections.map((correction) => correction.id)), [corrections]);
+  const feedMessages = useMemo16(() => corrections.length > 0 ? [...chat.messages, ...corrections] : chat.messages, [chat.messages, corrections]);
+  const correctionIds = useMemo16(() => new Set(corrections.map((correction) => correction.id)), [corrections]);
   const steeredAnswerIdsKey = steeredAnswerIdsOf(feedMessages);
-  const steeredAnswerIds = useMemo15(() => new Set(steeredAnswerIdsKey.split(" ")), [steeredAnswerIdsKey]);
-  const reportFeed = useRef16(onFeedChange);
+  const steeredAnswerIds = useMemo16(() => new Set(steeredAnswerIdsKey.split(" ")), [steeredAnswerIdsKey]);
+  const reportFeed = useRef17(onFeedChange);
   reportFeed.current = onFeedChange;
   useEffect14(() => {
     reportFeed.current?.({ messages: chat.messages, busy });
@@ -5816,45 +5881,54 @@ function AgentChatBody({ api, chatId, skin, liveness, voice, voiceDialog, attach
   useTurnFinishedReport(chatId, busy, chat.messages, onTurnFinished);
   const appEventReport = useAppEventReport(chatId, chat.loaded, busy, chat.messages, onAppEvent);
   const actionRuns = useMessageActionRuns(chatId);
-  const dividers = useMemo15(() => dividersByMessage(chat.compactions), [chat.compactions]);
+  const dividers = useMemo16(() => dividersByMessage(chat.compactions), [chat.compactions]);
   const voiceAnswers = useVoiceAnswerIds(chat.messages);
-  const forkByMessage = useMemo15(() => new Map(chat.forks.map((fork) => [fork.messageId, fork])), [chat.forks]);
-  const [editing, setEditing] = useState17(null);
-  const editingId = editing?.id ?? null;
-  const [editingAnswerId, setEditingAnswerId] = useState17(null);
-  const saving = useRef16(false);
-  const [feedView, setFeedView] = useState17({ epoch: 0 });
+  const forkByMessage = useMemo16(() => new Map(chat.forks.map((fork) => [fork.messageId, fork])), [chat.forks]);
+  const [editingAnswerId, setEditingAnswerId] = useState18(null);
+  const saving = useRef17(false);
+  const composerValue = useRef17(chat.value);
+  composerValue.current = chat.value;
+  const { setValue: setComposerValue } = chat;
+  const draftLost = useCallback17(
+    (text) => setComposerValue(composerValue.current.trim().length > 0 ? `${composerValue.current}
+
+${text}` : text),
+    [setComposerValue]
+  );
+  const editing = useMessageEditing(chat.messages, { saving, onDraftLost: draftLost });
+  const editingId = editing.id;
+  const [feedView, setFeedView] = useState18({ epoch: 0 });
   const imagesShown = imageClients.length > 0 && skin.GeneratedImages ? imageClients : void 0;
-  const viewerImages = useMemo15(() => imagesShown && generatedViewerItems(describeGeneratedImages(imagesShown, { api, chatId })), [imagesShown, api, chatId]);
-  const getViewerItems = useCallback16(
+  const viewerImages = useMemo16(() => imagesShown && generatedViewerItems(describeGeneratedImages(imagesShown, { api, chatId })), [imagesShown, api, chatId]);
+  const getViewerItems = useCallback17(
     () => collectViewerItems({ messages: chat.messages, describeAttachments: describeFiles, extraItems: viewerImages }),
     [chat.messages, describeFiles, viewerImages]
   );
   const mediaViewer = useMediaViewer({ getItems: getViewerItems, resetKey: `${chatId}:${feedView.epoch}` });
-  const describeImages = useMemo15(
+  const describeImages = useMemo16(
     () => imagesShown && describeGeneratedImages(imagesShown, { api, chatId, open: skin.MediaViewer && mediaViewer.open }),
     [imagesShown, api, chatId, skin.MediaViewer, mediaViewer.open]
   );
-  const describeAttachments = useMemo15(
+  const describeAttachments = useMemo16(
     () => describeWithViewer(describeFiles, skin.MediaViewer && mediaViewer.open),
     [describeFiles, skin.MediaViewer, mediaViewer.open]
   );
-  const diagramRenders = useMemo15(() => diagrams && createDiagramRenders(diagrams), [diagrams]);
+  const diagramRenders = useMemo16(() => diagrams && createDiagramRenders(diagrams), [diagrams]);
   const diagramColors = useDiagramColors(skin, diagrams !== void 0);
-  const diagramSetup = useMemo15(
+  const diagramSetup = useMemo16(
     () => diagramRenders && diagramColors ? { renders: diagramRenders, colors: diagramColors, ...skin.MediaViewer && { open: mediaViewer.open } } : void 0,
     [diagramColors, diagramRenders, mediaViewer.open, skin.MediaViewer]
   );
   const demoColors = useDemoColors(skin, liveDemos === true);
-  const demos = useMemo15(() => demoColors && { colors: demoColors, blocked: chat.externalContent }, [demoColors, chat.externalContent]);
-  const switchBranch = useCallback16(
+  const demos = useMemo16(() => demoColors && { colors: demoColors, blocked: chat.externalContent }, [demoColors, chat.externalContent]);
+  const switchBranch = useCallback17(
     async (messageId) => {
       if (await selectBranch(messageId)) setFeedView((view) => ({ epoch: view.epoch + 1, openAtMessageId: messageId }));
     },
     [selectBranch]
   );
-  const switchers = useMemo15(() => /* @__PURE__ */ new Map(), [busy, capabilities.branches, forkByMessage, skin, switchBranch]);
-  const switcherOf = useCallback16(
+  const switchers = useMemo16(() => /* @__PURE__ */ new Map(), [busy, capabilities.branches, forkByMessage, skin, switchBranch]);
+  const switcherOf = useCallback17(
     (messageId) => {
       const cached = switchers.get(messageId);
       if (cached !== void 0) return cached;
@@ -5878,33 +5952,33 @@ function AgentChatBody({ api, chatId, skin, liveness, voice, voiceDialog, attach
     },
     [busy, capabilities.branches, forkByMessage, skin, switchBranch, switchers]
   );
-  const saveEdit = useCallback16(
+  const saveEdit = useCallback17(
     async (messageId, text) => {
       if (saving.current) return;
       saving.current = true;
       try {
         const outcome = await edit(messageId, text);
         if (outcome.status === "started") {
-          setEditing(null);
+          editing.close();
           feedRef.current?.scrollToBottom();
           return;
         }
         const kind = outcome.status === "refused" ? EDIT_REFUSAL_ERRORS[outcome.reason] : outcome.reason === "busy" || outcome.reason === "offline" ? outcome.reason : "rejected";
         const messageLimit = outcome.status === "refused" && outcome.reason === "spending_limit" && outcome.unit === "messages";
         const error = outcome.status === "refused" && outcome.text || (messageLimit ? labels.editMessageLimit : labels.editErrors[kind]);
-        setEditing((current) => ({ id: messageId, attempt: (current?.attempt ?? 0) + 1, text, error }));
+        editing.refuse(messageId, text, error);
       } finally {
         saving.current = false;
       }
     },
-    [edit, labels]
+    [edit, editing, labels]
   );
   const { tasks: backgroundTaskList, decisions: taskDecisions, decide: decideTask } = backgroundTasks;
-  const noticeControls = useMemo15(
+  const noticeControls = useMemo16(
     () => ({ tasks: backgroundTaskList, decisions: taskDecisions, decide: (taskId, approvalId, decision) => void decideTask(taskId, approvalId, decision), failureText: labels.approvalFailed }),
     [backgroundTaskList, decideTask, labels, taskDecisions]
   );
-  const renderMessage = useCallback16(
+  const renderMessage = useCallback17(
     (message, index) => {
       if (correctionIds.has(message.id)) return /* @__PURE__ */ jsx9(UserMessage, { skin, message, describe: describeAttachments, branchSwitcher: void 0, pending: true });
       const branchSwitcher = switcherOf(message.id);
@@ -5918,14 +5992,15 @@ function AgentChatBody({ api, chatId, skin, liveness, voice, voiceDialog, attach
         MessageEditorRow,
         {
           skin,
-          initialText: editing?.text ?? messageText(message),
+          initialText: editing.draftOf(message),
           describe: describeAttachments,
           message,
-          ...editing?.error && { error: editing.error },
+          ...editing.error && { error: editing.error },
+          onDraftChange: editing.type,
           onSave: (text) => void saveEdit(message.id, text),
-          onCancel: () => setEditing(null)
+          onCancel: editing.close
         },
-        editing?.attempt
+        editing.attempt
       ) : /* @__PURE__ */ jsx9(
         UserMessage,
         {
@@ -5933,7 +6008,7 @@ function AgentChatBody({ api, chatId, skin, liveness, voice, voiceDialog, attach
           message,
           describe: describeAttachments,
           branchSwitcher,
-          ...canEdit && { onEdit: () => setEditing({ id: message.id, attempt: 0 }) }
+          ...canEdit && { onEdit: () => editing.open(message.id) }
         }
       ) : editingAnswerId === message.id && answerEditing ? /* @__PURE__ */ jsx9(Fragment2, { children: answerEditing.renderEditor({
         message,
@@ -6040,6 +6115,7 @@ function AgentChatBody({ api, chatId, skin, liveness, voice, voiceDialog, attach
       scrollRef,
       messages: feedMessages,
       keepLastMounted: busy,
+      ...editingId !== null && { keepMountedMessageId: editingId },
       ...feedView.openAtMessageId && { openAtMessageId: feedView.openAtMessageId },
       renderMessage
     },
@@ -6193,7 +6269,7 @@ var UserMessage = memo4(function UserMessage2({
   onEdit,
   pending
 }) {
-  const files = useMemo15(() => describe?.(message), [describe, message]);
+  const files = useMemo16(() => describe?.(message), [describe, message]);
   return /* @__PURE__ */ jsx9(
     skin.UserMessage,
     {
@@ -6211,12 +6287,13 @@ function MessageEditorRow({
   initialText,
   describe,
   error,
+  onDraftChange,
   onSave,
   onCancel
 }) {
-  const [draft, setDraft] = useState17(initialText);
-  const [shownError, setShownError] = useState17(error);
-  const files = useMemo15(() => describe?.(message), [describe, message]);
+  const [draft, setDraft] = useState18(initialText);
+  const [shownError, setShownError] = useState18(error);
+  const files = useMemo16(() => describe?.(message), [describe, message]);
   const canSave = draft.trim().length > 0 || files !== void 0;
   return /* @__PURE__ */ jsx9(
     skin.MessageEditor,
@@ -6224,6 +6301,7 @@ function MessageEditorRow({
       value: draft,
       onValueChange: (value) => {
         setDraft(value);
+        onDraftChange(value);
         setShownError(void 0);
       },
       onSave: () => canSave && onSave(draft),
@@ -6562,13 +6640,13 @@ function approvalProps(part, controls) {
   return { approval: { state: approval.reason === ALWAYS_IN_CHAT ? "always" : "allowed" } };
 }
 function useSameList(list) {
-  const kept = useRef16(list);
+  const kept = useRef17(list);
   if (kept.current.length !== list.length || kept.current.some((item, index) => item !== list[index])) kept.current = list;
   return kept.current;
 }
 
 // src/chat-list/use-chat-list.ts
-import { useCallback as useCallback17, useEffect as useEffect15, useRef as useRef17, useState as useState18 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect15, useRef as useRef18, useState as useState19 } from "react";
 
 // src/chat-list/active-chat-memory.ts
 var defaultRememberKey = (api) => `agent-chat:active-chat:${api}`;
@@ -6650,15 +6728,15 @@ var NOTHING_LOADED = {
 var collapse = (title) => title.trim().replace(/\s+/g, " ");
 function useChatList({ api, initialChatId, fetch: customFetch, rememberKey, onCreateRefused }) {
   const memoryKey = rememberKey ?? defaultRememberKey(api);
-  const [status, setStatus] = useState18("loading");
-  const [items, setItems] = useState18([]);
-  const [activeChatId, setActiveChatId] = useState18(null);
-  const [error, setError] = useState18(null);
-  const [creationRefusal, setCreationRefusal] = useState18(null);
-  const [creating, setCreating] = useState18(false);
-  const [deleteRequest, setDeleteRequest] = useState18(null);
-  const [deleting, setDeleting] = useState18(false);
-  const [stateKey, setStateKey] = useState18(memoryKey);
+  const [status, setStatus] = useState19("loading");
+  const [items, setItems] = useState19([]);
+  const [activeChatId, setActiveChatId] = useState19(null);
+  const [error, setError] = useState19(null);
+  const [creationRefusal, setCreationRefusal] = useState19(null);
+  const [creating, setCreating] = useState19(false);
+  const [deleteRequest, setDeleteRequest] = useState19(null);
+  const [deleting, setDeleting] = useState19(false);
+  const [stateKey, setStateKey] = useState19(memoryKey);
   const keyChanged = stateKey !== memoryKey;
   if (keyChanged) {
     setStateKey(memoryKey);
@@ -6671,30 +6749,30 @@ function useChatList({ api, initialChatId, fetch: customFetch, rememberKey, onCr
     setDeleteRequest(null);
     setDeleting(false);
   }
-  const keyRef = useRef17(memoryKey);
+  const keyRef = useRef18(memoryKey);
   keyRef.current = memoryKey;
-  const fetchRef = useRef17(customFetch);
+  const fetchRef = useRef18(customFetch);
   fetchRef.current = customFetch;
-  const refusedRef = useRef17(onCreateRefused);
+  const refusedRef = useRef18(onCreateRefused);
   refusedRef.current = onCreateRefused;
-  const send = useCallback17((input, init) => (fetchRef.current ?? globalThis.fetch)(input, init), []);
-  const itemsRef = useRef17(items);
+  const send = useCallback18((input, init) => (fetchRef.current ?? globalThis.fetch)(input, init), []);
+  const itemsRef = useRef18(items);
   itemsRef.current = keyChanged ? [] : items;
-  const activeRef = useRef17(activeChatId);
+  const activeRef = useRef18(activeChatId);
   activeRef.current = keyChanged ? null : activeChatId;
-  const initialRef = useRef17(initialChatId);
-  const loadRequest = useRef17(0);
-  const listRequest = useRef17(0);
-  const loadedKey = useRef17(null);
-  const alive = useRef17(true);
+  const initialRef = useRef18(initialChatId);
+  const loadRequest = useRef18(0);
+  const listRequest = useRef18(0);
+  const loadedKey = useRef18(null);
+  const alive = useRef18(true);
   useEffect15(() => {
     alive.current = true;
     return () => {
       alive.current = false;
     };
   }, []);
-  const stillFor = useCallback17((key) => alive.current && keyRef.current === key, []);
-  const failCreate = useCallback17(
+  const stillFor = useCallback18((key) => alive.current && keyRef.current === key, []);
+  const failCreate = useCallback18(
     (cause) => {
       const refusal = cause instanceof ChatCreationRefusedError ? cause.refusal : null;
       setCreationRefusal(refusal);
@@ -6703,7 +6781,7 @@ function useChatList({ api, initialChatId, fetch: customFetch, rememberKey, onCr
     },
     []
   );
-  const activate = useCallback17(
+  const activate = useCallback18(
     (chatId) => {
       activeRef.current = chatId;
       setActiveChatId(chatId);
@@ -6711,7 +6789,7 @@ function useChatList({ api, initialChatId, fetch: customFetch, rememberKey, onCr
     },
     [memoryKey]
   );
-  const createAndOpen = useCallback17(async () => {
+  const createAndOpen = useCallback18(async () => {
     const id = await createChatOnServer(api, send);
     if (!stillFor(memoryKey)) return false;
     const now = (/* @__PURE__ */ new Date()).toISOString();
@@ -6719,7 +6797,7 @@ function useChatList({ api, initialChatId, fetch: customFetch, rememberKey, onCr
     activate(id);
     return true;
   }, [activate, api, memoryKey, send, stillFor]);
-  const load = useCallback17(async () => {
+  const load = useCallback18(async () => {
     if (loadedKey.current !== memoryKey) {
       if (loadedKey.current !== null) initialRef.current = void 0;
       loadedKey.current = memoryKey;
@@ -6752,7 +6830,7 @@ function useChatList({ api, initialChatId, fetch: customFetch, rememberKey, onCr
   useEffect15(() => {
     void load();
   }, [load]);
-  const refresh = useCallback17(async () => {
+  const refresh = useCallback18(async () => {
     const request2 = ++listRequest.current;
     try {
       const loaded = await fetchChatList(api, send);
@@ -6760,7 +6838,7 @@ function useChatList({ api, initialChatId, fetch: customFetch, rememberKey, onCr
     } catch {
     }
   }, [api, memoryKey, send, stillFor]);
-  const create = useCallback17(async () => {
+  const create = useCallback18(async () => {
     setError(null);
     setCreating(true);
     try {
@@ -6778,14 +6856,14 @@ function useChatList({ api, initialChatId, fetch: customFetch, rememberKey, onCr
       if (stillFor(memoryKey)) setCreating(false);
     }
   }, [activate, api, createAndOpen, failCreate, memoryKey, send, stillFor]);
-  const select = useCallback17(
+  const select = useCallback18(
     (chatId) => {
       setError(null);
       activate(chatId);
     },
     [activate]
   );
-  const rename = useCallback17(
+  const rename = useCallback18(
     async (chatId, title) => {
       const normalized = collapse(title);
       const current = itemsRef.current.find((item) => item.id === chatId);
@@ -6804,12 +6882,12 @@ function useChatList({ api, initialChatId, fetch: customFetch, rememberKey, onCr
     },
     [api, memoryKey, send, stillFor]
   );
-  const requestDelete = useCallback17((chatId) => {
+  const requestDelete = useCallback18((chatId) => {
     const item = itemsRef.current.find((entry) => entry.id === chatId);
     if (item) setDeleteRequest({ id: item.id, title: item.title });
   }, []);
-  const cancelDelete = useCallback17(() => setDeleteRequest(null), []);
-  const confirmDelete = useCallback17(async () => {
+  const cancelDelete = useCallback18(() => setDeleteRequest(null), []);
+  const confirmDelete = useCallback18(async () => {
     if (!deleteRequest) return;
     const { id } = deleteRequest;
     setError(null);
@@ -6845,7 +6923,7 @@ function useChatList({ api, initialChatId, fetch: customFetch, rememberKey, onCr
       if (stillFor(memoryKey)) failCreate(cause);
     }
   }, [activate, api, createAndOpen, deleteRequest, failCreate, memoryKey, send, stillFor]);
-  const reload = useCallback17(() => void load(), [load]);
+  const reload = useCallback18(() => void load(), [load]);
   return {
     ...keyChanged ? NOTHING_LOADED : { status, items, activeChatId, error, creationRefusal, creating, deleteRequest, deleting },
     select,
@@ -6860,18 +6938,18 @@ function useChatList({ api, initialChatId, fetch: customFetch, rememberKey, onCr
 }
 
 // src/chat-list/use-chat-list-view.ts
-import { useCallback as useCallback18 } from "react";
+import { useCallback as useCallback19 } from "react";
 function useChatListView(list, onChosen) {
   const labels = useChatLabels();
   const { select, create: createChat } = list;
-  const onSelect = useCallback18(
+  const onSelect = useCallback19(
     (chatId) => {
       select(chatId);
       onChosen();
     },
     [onChosen, select]
   );
-  const onCreate = useCallback18(() => {
+  const onCreate = useCallback19(() => {
     void createChat().then((opened) => opened && onChosen());
   }, [createChat, onChosen]);
   const deleteRequest = list.deleteRequest && {
@@ -6915,11 +6993,11 @@ var CHAT_ORIGINS = /* @__PURE__ */ new Set(["telegram", "vk", "max"]);
 var chatOriginOf = (origin) => origin !== void 0 && CHAT_ORIGINS.has(origin) ? origin : void 0;
 
 // src/chat-list/use-workspace-list-sync.ts
-import { useEffect as useEffect16, useRef as useRef18 } from "react";
+import { useEffect as useEffect16, useRef as useRef19 } from "react";
 var TITLE_POLL_MS = 1e3;
 function useWorkspaceListSync(list, busy, enabled = true) {
   const { items, activeChatId, refresh } = list;
-  const previousBusy = useRef18(null);
+  const previousBusy = useRef19(null);
   useEffect16(() => {
     const before = previousBusy.current;
     previousBusy.current = busy;
@@ -6964,4 +7042,4 @@ export {
   activeChatTitle,
   useWorkspaceListSync
 };
-//# sourceMappingURL=chunk-7DVTSVKQ.js.map
+//# sourceMappingURL=chunk-Y5HL6THS.js.map