fluxy-bot 0.1.39 → 0.1.41

package/client/src/App.tsx

@@ -6,6 +6,7 @@ import DashboardLayout from './components/Layout/DashboardLayout';
 import DashboardPage from './components/Dashboard/DashboardPage';
 import ChatView from './components/Chat/ChatView';
 import FluxyFab from './components/FluxyFab';
+import BuildOverlay from './components/BuildOverlay';
 import OnboardWizard from './components/Onboard/OnboardWizard';
 import {
   Sheet,
@@ -116,6 +117,7 @@ export default function App() {
         </SheetContent>
       </Sheet>
 
+      <BuildOverlay ws={ws} />
       <FluxyFab onClick={() => setChatOpen((o) => !o)} />
 
       {/* Onboarding wizard overlay */}

package/client/src/components/BuildOverlay.tsx

@@ -0,0 +1,83 @@
+import { useState, useEffect } from 'react';
+import type { WsClient } from '../lib/ws-client';
+
+interface Props {
+  ws: WsClient | null;
+}
+
+export default function BuildOverlay({ ws }: Props) {
+  const [state, setState] = useState<'idle' | 'building' | 'error'>('idle');
+  const [error, setError] = useState('');
+  const [copied, setCopied] = useState(false);
+
+  useEffect(() => {
+    if (!ws) return;
+
+    const unsubs = [
+      ws.on('build:start', () => {
+        setState('building');
+        setError('');
+        setCopied(false);
+      }),
+      ws.on('build:complete', () => {
+        setState('idle');
+        // Auto-refresh after a brief delay so the user sees the transition
+        setTimeout(() => window.location.reload(), 500);
+      }),
+      ws.on('build:error', (data: { error: string }) => {
+        setState('error');
+        setError(data.error || 'Unknown build error');
+      }),
+    ];
+
+    return () => unsubs.forEach((u) => u());
+  }, [ws]);
+
+  if (state === 'idle') return null;
+
+  const handleCopy = () => {
+    navigator.clipboard.writeText(error).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    });
+  };
+
+  return (
+    <div className="fixed inset-0 z-[100] bg-black/80 backdrop-blur-sm flex items-center justify-center p-6">
+      {state === 'building' && (
+        <div className="text-center">
+          <div className="inline-block h-8 w-8 animate-spin rounded-full border-2 border-white/20 border-t-white mb-4" />
+          <p className="text-sm text-white/80">Building...</p>
+        </div>
+      )}
+
+      {state === 'error' && (
+        <div className="w-full max-w-lg bg-zinc-900 rounded-lg border border-red-500/30 overflow-hidden">
+          <div className="flex items-center justify-between px-4 py-3 border-b border-red-500/20">
+            <span className="text-sm font-medium text-red-400">Build Failed</span>
+            <div className="flex gap-2">
+              <button
+                onClick={handleCopy}
+                className="px-3 py-1 text-xs rounded bg-white/10 hover:bg-white/20 text-white/80 transition-colors"
+              >
+                {copied ? 'Copied' : 'Copy'}
+              </button>
+              <button
+                onClick={() => setState('idle')}
+                className="px-3 py-1 text-xs rounded bg-white/10 hover:bg-white/20 text-white/80 transition-colors"
+              >
+                Dismiss
+              </button>
+            </div>
+          </div>
+          <pre className="p-4 text-xs text-red-300/90 overflow-auto max-h-64 whitespace-pre-wrap font-mono">
+            {error}
+          </pre>
+          <p className="px-4 pb-3 text-xs text-white/40">
+            Copy this error and paste it in the chat to fix
+          </p>
+        </div>
+      )}
+    </div>
+  );
+}

package/client/src/hooks/useChat.ts

@@ -100,9 +100,7 @@ export function useChat(ws: WsClient | null) {
         }
       })
       .catch(() => {
-        // Conversation gone — clear
-        setConversationId(null);
-        fetch('/api/context/clear', { method: 'POST' }).catch(() => {});
+        // Network error (worker may be restarting) — don't clear, just ignore
       });
   }, [conversationId]);
 
@@ -223,13 +221,14 @@ export function useChat(ws: WsClient | null) {
   }, [ws, conversationId]);
 
   const clearContext = useCallback(() => {
+    // Clear UI state only — starts a fresh conversation on next message.
+    // Old messages stay in DB (used as context for the agent).
     setMessages([]);
     setConversationId(null);
     setStreamBuffer('');
     setStreaming(false);
     setTools([]);
     prevConvId.current = null;
-    loaded.current = false;
     fetch('/api/context/clear', { method: 'POST' }).catch(() => {});
   }, []);