@columenlabs/lumen-ui 0.1.306 → 0.1.308

package/dist/assistant/lumen-assistant.js

@@ -197,18 +197,38 @@ export function LumenAssistant({ client, context, onSettings, keepDays = 30, cha
                             ...(chatScope && allScopes && c.scope ? { where: chatScope.name?.(c.scope) } : {}),
                         })) ?? (chats.isFetched ? [] : null), value: chat.chatId ?? undefined, toggle: chatScope && { label: chatScope.label, on: allScopes, onChange: setAllScopes }, note: `Chats are kept ${keepDays} days after their last message.`, onRefresh: () => void chats.refetch(), onOpen: (c) => void chat.open(c.id) }), _jsx(IconButton, { icon: CopyIcon, label: "Copy chat", disabled: !chat.items.length, onClick: () => copyMarkdown(chatMarkdown(chat.title, chat.items, name), 'Chat') }), _jsx(IconButton, { icon: PlusIcon, label: "New chat", disabled: !chat.items.length, onClick: chat.reset }), onClose && (_jsx(IconButton, { icon: XIcon, label: `Close ${s?.name ?? 'assistant'}`, onClick: onClose }))] }), _jsx(AssistantName.Provider, { value: name, children: _jsx(Screen.Provider, { value: controls, children: _jsx(ImageTool.Provider, { value: imageTool ?? null, children: _jsx(TaskSlots.Provider, { value: { actions: taskActions, state: taskState, view: taskView, stop: chat.stop }, children: _jsx(Messages, { chat: chat, status: s, onSettings: onSettings, onRetry: (at, user) => chat.retry(at, user, extra()), onFresh: (choice) => chat.fresh(choice, extra()), onAnswer: (text) => chat.send(text, extra()) }) }) }) }) }), _jsx(LumenComposer, { name: s?.name ?? 'the assistant', busy: chat.busy, queued: chat.queued, queue: chat.queue, canSteer: chat.canSteer, onSteerQueued: chat.steerQueued, onUnqueue: chat.unqueue, disabled: !s || !!s.wait, commands: allCommands, tiers: tiers, sources: allSources, page: context?.label, images: images, modes: modes, onSend: (text, more, how) => chat.send(text, { ...extra(), ...more }, how), onStop: chat.stop, meter: _jsx(ContextDonut, { usage: chat.usage, compactAt: s?.compact_at ?? compactAt, items: chat.items }) })] }));
 }
+/** How near the end of the chat (px) still counts as at the end, so it keeps following. */
+const FOLLOW_PX = 48;
 function Messages({ chat, status, onSettings, onRetry, onFresh, onAnswer, }) {
     const end = useRef(null);
     const box = useRef(null);
     const count = JSON.stringify(chat.items).length;
+    // Follow the chat as it grows only while the person is at its end: once they scroll up to read,
+    // a streaming answer or a card that changes leaves their place alone. Sending a message, or
+    // opening another chat, goes to the end again.
+    const pinned = useRef(true);
+    const onScroll = () => {
+        const el = box.current;
+        if (el)
+            pinned.current = el.scrollHeight - el.scrollTop - el.clientHeight < FOLLOW_PX;
+    };
+    const last = chat.items[chat.items.length - 1];
+    const sent = last?.kind === 'user' ? last.at : undefined;
+    // biome-ignore lint/correctness/useExhaustiveDependencies: a new message or chat pins the end again
+    useEffect(() => {
+        pinned.current = true;
+    }, [sent, chat.chatId]);
     // biome-ignore lint/correctness/useExhaustiveDependencies: scroll to the end as the chat grows
     useEffect(() => {
-        end.current?.scrollIntoView({ block: 'end' });
-    }, [count]);
+        const el = box.current;
+        // The list's own scroll only: scrollIntoView would move the page and every scroll box around it.
+        if (el && pinned.current)
+            el.scrollTop = el.scrollHeight;
+    }, [count, sent, chat.chatId, chat.loading]);
     // The app's own link to Settings, else the shell's, at the section that answers the wait.
     const shellSettings = useOpenSettings();
     const settings = onSettings ? (_section) => onSettings() : shellSettings;
-    return (_jsxs("div", { ref: box, className: "relative min-h-0 flex-1 overflow-y-auto px-3 py-3", children: [_jsx(ReplyToSelection, { box: box }), status?.wait && (_jsxs(Alert, { className: "mb-3", children: [_jsx(CircleAlertIcon, {}), _jsxs(AlertDescription, { className: "flex flex-col items-start gap-2", children: [status.wait === 'app_cap' && status.allowance
+    return (_jsxs("div", { ref: box, onScroll: onScroll, className: "relative min-h-0 flex-1 overflow-y-auto px-3 py-3", children: [_jsx(ReplyToSelection, { box: box }), status?.wait && (_jsxs(Alert, { className: "mb-3", children: [_jsx(CircleAlertIcon, {}), _jsxs(AlertDescription, { className: "flex flex-col items-start gap-2", children: [status.wait === 'app_cap' && status.allowance
                                 ? allowanceWait(status.allowance)
                                 : WAIT[status.wait](status.admin, status.providers.find((p) => p.id === status.wait_provider)?.label ?? 'API'), settings && (_jsx(Button, { size: "sm", variant: "outline", onClick: () => settings(status.wait === 'app_cap' && status.allowance
                                     ? 'assistant-allowance'

package/dist/assistant/use-assistant-chat.js

@@ -451,7 +451,10 @@ export function useAssistantChat(client) {
     const open = useCallback(async (id) => {
         abort.current?.abort();
         setQueue([]);
-        setLoading(true);
+        // Reading the chat that is on screen again (a task ended, a change was kept) swaps its items in
+        // place: the list stays, so the person's place in it stays. Only another chat shows Loading.
+        if (idRef.current !== id)
+            setLoading(true);
         try {
             const c = await client.chat(id);
             idRef.current = c.id;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@columenlabs/lumen-ui",
-  "version": "0.1.306",
+  "version": "0.1.308",
   "description": "Lumen: shared React components (frame, views, widgets, charts, drawers).",
   "license": "MIT",
   "type": "module",
@@ -49,7 +49,7 @@
     "@codemirror/lang-javascript": "6.2.5",
     "@codemirror/lang-json": "6.0.2",
     "@codemirror/lang-sql": "6.10.0",
-    "@columenlabs/lumen-ui-types": "0.1.306",
+    "@columenlabs/lumen-ui-types": "0.1.308",
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",