bloby-bot 0.21.4 → 0.21.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bloby-bot",
-  "version": "0.21.4",
+  "version": "0.21.5",
   "releaseNotes": [
     "1. react router implemented",
     "2. new workspace design",

package/supervisor/chat/src/hooks/useChat.ts

@@ -39,6 +39,10 @@ export function useChat(ws: WsClient | null) {
   const loaded = useRef(false);
   /** Count of user messages awaiting a bot response — keeps typing indicator alive across turns */
   const pendingMessages = useRef(0);
+  /** ID of a partial assistant message committed early (when user sends while bot is streaming) */
+  const partialMsgId = useRef<string | null>(null);
+  /** Ref to current streamBuffer value (accessible in callbacks without stale closures) */
+  const streamBufferRef = useRef('');
 
   // Load current conversation from DB on mount
   useEffect(() => {
@@ -132,7 +136,11 @@ export function useChat(ws: WsClient | null) {
       ws.on('bot:token', (data: { token: string }) => {
         // Auto-detect new turn — if tokens arrive after a response cleared streaming
         setStreaming(true);
-        setStreamBuffer((buf) => buf + data.token);
+        setStreamBuffer((buf) => {
+          const next = buf + data.token;
+          streamBufferRef.current = next;
+          return next;
+        });
       }),
       ws.on('bot:tool', (data: { name: string; input?: any; status?: string }) => {
         setTools((prev) => {
@@ -143,16 +151,29 @@ export function useChat(ws: WsClient | null) {
       }),
       ws.on('bot:response', (data: { conversationId: string; messageId?: string; content: string }) => {
         setConversationId(data.conversationId);
-        setMessages((msgs) => [
-          ...msgs,
-          {
-            id: data.messageId || Date.now().toString(),
-            role: 'assistant',
-            content: data.content,
-            timestamp: new Date().toISOString(),
-          },
-        ]);
+
+        if (partialMsgId.current) {
+          // A partial message was committed — update it with the full response
+          const pid = partialMsgId.current;
+          partialMsgId.current = null;
+          setMessages((msgs) => msgs.map((m) =>
+            m.id === pid ? { ...m, content: data.content } : m,
+          ));
+        } else {
+          // Normal: add new message bubble
+          setMessages((msgs) => [
+            ...msgs,
+            {
+              id: data.messageId || Date.now().toString(),
+              role: 'assistant',
+              content: data.content,
+              timestamp: new Date().toISOString(),
+            },
+          ]);
+        }
+
         setStreamBuffer('');
+        streamBufferRef.current = '';
         setTools([]);
         // Only stop streaming when all pending messages have been answered
         pendingMessages.current = Math.max(0, pendingMessages.current - 1);
@@ -201,6 +222,25 @@ export function useChat(ws: WsClient | null) {
         audioData: audioData ? (audioData.startsWith('data:') ? audioData : `data:audio/webm;base64,${audioData}`) : undefined,
         attachments: optimisticAttachments,
       };
+      // If bot is currently streaming, commit the partial response as a message
+      // so the user's new message appears BELOW the bot's in-progress text
+      if (streamBufferRef.current) {
+        const pid = 'partial-' + Date.now();
+        partialMsgId.current = pid;
+        const partialContent = streamBufferRef.current;
+        setMessages((msgs) => [
+          ...msgs,
+          {
+            id: pid,
+            role: 'assistant' as const,
+            content: partialContent,
+            timestamp: new Date().toISOString(),
+          },
+        ]);
+        setStreamBuffer('');
+        streamBufferRef.current = '';
+      }
+
       setMessages((msgs) => [...msgs, userMsg]);
       pendingMessages.current += 1;
 
@@ -231,17 +271,21 @@ export function useChat(ws: WsClient | null) {
     ws.send('user:stop', { conversationId });
     setStreaming(false);
     setStreamBuffer('');
+    streamBufferRef.current = '';
     setTools([]);
     pendingMessages.current = 0;
+    partialMsgId.current = null;
   }, [ws, conversationId]);
 
   const clearContext = useCallback(() => {
     setMessages([]);
     setConversationId(null);
     setStreamBuffer('');
+    streamBufferRef.current = '';
     setStreaming(false);
     setTools([]);
     pendingMessages.current = 0;
+    partialMsgId.current = null;
     prevConvId.current = null;
     loaded.current = false;
     fetch('/api/context/clear', { method: 'POST' }).catch(() => {});

package/supervisor/index.ts

@@ -80,7 +80,7 @@ const SW_JS = `// Service worker — app-shell caching + push notifications
 //   JS/CSS modules                      → stale-while-revalidate
 //   API, WebSocket, Vite internals      → network-only (no cache)
 
-var CACHE = 'bloby-v5';
+var CACHE = 'bloby-v6';
 var HASHED_RE = new RegExp('/assets/.+-[a-zA-Z0-9]{6,}[.](js|css)$');
 
 // Precache the HTML shell on install so the cache is never empty.