fluxy-bot 0.1.42 → 0.1.44

package/client/src/components/BuildOverlay.tsx

@@ -6,7 +6,7 @@ interface Props {
 }
 
 export default function BuildOverlay({ ws }: Props) {
-  const [state, setState] = useState<'idle' | 'building' | 'error'>('idle');
+  const [toast, setToast] = useState(false);
   const [error, setError] = useState('');
   const [copied, setCopied] = useState(false);
 
@@ -14,31 +14,18 @@ export default function BuildOverlay({ ws }: Props) {
     if (!ws) return;
 
     const unsubs = [
-      ws.on('build:start', () => {
-        setState('building');
-        setError('');
-        setCopied(false);
-      }),
-      ws.on('build:complete', () => {
-        // Wait for API to be healthy before reloading (worker may be restarting)
-        const checkAndReload = () => {
-          fetch('/api/health')
-            .then((r) => { if (r.ok) window.location.reload(); else setTimeout(checkAndReload, 500); })
-            .catch(() => setTimeout(checkAndReload, 500));
-        };
-        checkAndReload();
+      ws.on('changes:applied', () => {
+        setToast(true);
+        setTimeout(() => setToast(false), 3000);
       }),
       ws.on('build:error', (data: { error: string }) => {
-        setState('error');
-        setError(data.error || 'Unknown build error');
+        setError(data.error || 'Unknown error');
       }),
     ];
 
     return () => unsubs.forEach((u) => u());
   }, [ws]);
 
-  if (state === 'idle') return null;
-
   const handleCopy = () => {
     navigator.clipboard.writeText(error).then(() => {
       setCopied(true);
@@ -47,18 +34,19 @@ export default function BuildOverlay({ ws }: Props) {
   };
 
   return (
-    <div className="absolute inset-0 z-50 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>
+    <>
+      {/* Toast notification */}
+      {toast && (
+        <div className="fixed bottom-4 right-4 z-50 px-4 py-2 bg-zinc-800 border border-zinc-700 rounded-lg shadow-lg text-sm text-zinc-300 animate-in fade-in slide-in-from-bottom-2 duration-200">
+          Dashboard updated
         </div>
       )}
 
-      {state === 'error' && (
-        <div className="w-full max-w-lg bg-zinc-900 rounded-lg border border-red-500/30 overflow-hidden">
+      {/* HMR error — non-blocking, dismissible */}
+      {error && (
+        <div className="fixed bottom-4 right-4 z-50 w-96 max-w-[calc(100vw-2rem)] bg-zinc-900 rounded-lg border border-red-500/30 shadow-lg 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>
+            <span className="text-sm font-medium text-red-400">HMR Error</span>
             <div className="flex gap-2">
               <button
                 onClick={handleCopy}
@@ -67,14 +55,14 @@ export default function BuildOverlay({ ws }: Props) {
                 {copied ? 'Copied' : 'Copy'}
               </button>
               <button
-                onClick={() => setState('idle')}
+                onClick={() => setError('')}
                 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">
+          <pre className="p-4 text-xs text-red-300/90 overflow-auto max-h-48 whitespace-pre-wrap font-mono">
             {error}
           </pre>
           <p className="px-4 pb-3 text-xs text-white/40">
@@ -82,6 +70,6 @@ export default function BuildOverlay({ ws }: Props) {
           </p>
         </div>
       )}
-    </div>
+    </>
   );
 }

package/client/src/hooks/useChat.ts

@@ -132,7 +132,8 @@ export function useChat(ws: WsClient | null) {
     if (!ws) return;
 
     const unsubs = [
-      ws.on('bot:typing', () => {
+      ws.on('bot:typing', (data: { conversationId?: string }) => {
+        if (data.conversationId) setConversationId(data.conversationId);
         setStreaming(true);
         setTools([]);
       }),

package/client/src/lib/ws-client.ts

@@ -20,7 +20,7 @@ export class WsClient {
 
   constructor(url?: string) {
     const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
-    const host = import.meta.env.DEV ? 'localhost:3000' : location.host;
+    const host = location.host;
     this.url = url ?? `${proto}//${host}/ws`;
   }