fluxy-bot 0.5.1 → 0.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluxy-bot",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Self-hosted, self-evolving AI agent with its own dashboard.",
   "type": "module",
   "license": "MIT",

package/supervisor/chat/src/components/Chat/MessageBubble.tsx

@@ -14,6 +14,11 @@ interface Props {
   audioData?: string;
   attachments?: StoredAttachment[];
   onImageClick?: (images: string[], index: number) => void;
+  notification?: {
+    source: string;
+    title?: string;
+    priority?: string;
+  };
 }
 
 function formatTime(iso: string): string {
@@ -25,7 +30,7 @@ function formatTime(iso: string): string {
   }
 }
 
-export default function MessageBubble({ role, content, timestamp, hasAttachments, audioData, attachments, onImageClick }: Props) {
+export default function MessageBubble({ role, content, timestamp, hasAttachments, audioData, attachments, onImageClick, notification }: Props) {
   const isUser = role === 'user';
   const time = timestamp ? formatTime(timestamp) : '';
 
@@ -90,6 +95,52 @@ export default function MessageBubble({ role, content, timestamp, hasAttachments
     );
   }
 
+  // Notification bubble (autonomous pulse/cron messages)
+  if (notification) {
+    const isHigh = notification.priority === 'high';
+    const sourceLabel = notification.source === 'pulse' ? 'PULSE' : `CRON`;
+    const sourceIcon = notification.source === 'pulse' ? '\u{1F514}' : '\u23F0';
+
+    return (
+      <div className="flex flex-col items-start gap-0.5">
+        <div
+          className={`min-w-0 rounded-2xl px-4 py-2.5 text-sm leading-relaxed prose prose-sm prose-invert max-w-none [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 break-words overflow-hidden ${
+            isHigh
+              ? 'bg-amber-500/15 border border-amber-500/30 text-foreground'
+              : 'bg-blue-500/10 border border-blue-500/20 text-foreground'
+          }`}
+          style={{ maxWidth: '92%', overflowWrap: 'anywhere' }}
+        >
+          <div className={`flex items-center gap-1.5 mb-1.5 text-xs font-medium ${isHigh ? 'text-amber-400' : 'text-blue-400'}`}>
+            <span>{sourceIcon}</span>
+            <span>{sourceLabel}</span>
+            {notification.title && <span className="text-muted-foreground">— {notification.title}</span>}
+          </div>
+          <ReactMarkdown
+            remarkPlugins={[remarkGfm]}
+            components={{
+              pre({ children }) { return <pre className="overflow-x-auto my-2">{children}</pre>; },
+              code({ className, children, ...props }) {
+                const match = /language-(\w+)/.exec(className || '');
+                const code = String(children).replace(/\n$/, '');
+                if (match) {
+                  return <SyntaxHighlighter style={oneDark} language={match[1]} PreTag="div" customStyle={{ margin: '0.5rem 0', borderRadius: '0.5rem', fontSize: '0.8rem', overflowX: 'auto' }}>{code}</SyntaxHighlighter>;
+                }
+                return <code className="bg-white/10 rounded px-1 py-0.5 text-[0.8rem] break-all" style={{ whiteSpace: 'pre-wrap', overflowWrap: 'anywhere' }} {...props}>{children}</code>;
+              },
+              p({ children }) { return <p className="my-1.5">{children}</p>; },
+              ul({ children }) { return <ul className="my-1.5 pl-4 list-disc">{children}</ul>; },
+              ol({ children }) { return <ol className="my-1.5 pl-4 list-decimal">{children}</ol>; },
+            }}
+          >
+            {content}
+          </ReactMarkdown>
+        </div>
+        {time && <span className="text-[10px] text-muted-foreground/50 px-1">{time}</span>}
+      </div>
+    );
+  }
+
   return (
     <div className="flex flex-col items-start gap-0.5">
       <div className="min-w-0 rounded-2xl px-4 py-2.5 text-sm leading-relaxed bg-muted text-foreground prose prose-sm prose-invert max-w-none [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 break-words overflow-hidden" style={{ maxWidth: '92%', overflowWrap: 'anywhere' }}>

package/supervisor/chat/src/components/Chat/MessageList.tsx

@@ -49,6 +49,7 @@ export default function MessageList({ messages, streaming, streamBuffer, tools }
             audioData={msg.audioData}
             attachments={msg.attachments}
             onImageClick={handleImageClick}
+            notification={msg.notification}
           />
         ))}
 

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

@@ -16,6 +16,11 @@ export interface ChatMessage {
   hasAttachments?: boolean;
   audioData?: string; // data URL or HTTP URL for voice messages
   attachments?: StoredAttachment[];
+  notification?: {
+    source: string; // 'pulse' or cron id
+    title?: string;
+    priority?: string; // 'high', 'normal', etc.
+  };
 }
 
 export interface ToolActivity {
@@ -166,6 +171,23 @@ export function useChat(ws: WsClient | null) {
           },
         ]);
       }),
+      // Autonomous agent notifications (pulse/cron)
+      ws.on('bot:autonomous-message', (data: { content: string; source: string; title?: string; priority?: string; timestamp: string }) => {
+        setMessages((msgs) => [
+          ...msgs,
+          {
+            id: `notif-${Date.now()}`,
+            role: 'assistant',
+            content: data.content,
+            timestamp: data.timestamp,
+            notification: {
+              source: data.source,
+              title: data.title,
+              priority: data.priority,
+            },
+          },
+        ]);
+      }),
     ];
 
     return () => unsubs.forEach((u) => u());

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

@@ -123,6 +123,23 @@ export function useFluxyChat(ws: WsClient | null, triggerReload?: number, enable
           },
         ]);
       }),
+      // Autonomous agent notifications (pulse/cron)
+      ws.on('bot:autonomous-message', (data: { content: string; source: string; title?: string; priority?: string; timestamp: string }) => {
+        setMessages((msgs) => [
+          ...msgs,
+          {
+            id: `notif-${Date.now()}`,
+            role: 'assistant',
+            content: data.content,
+            timestamp: data.timestamp,
+            notification: {
+              source: data.source,
+              title: data.title,
+              priority: data.priority,
+            },
+          },
+        ]);
+      }),
       // Cross-device sync: append message from another client
       ws.on('chat:sync', (data: { conversationId: string; message: { role: string; content: string; timestamp: string } }) => {
         if (conversationId && data.conversationId !== conversationId) return;

package/supervisor/scheduler.ts

@@ -121,35 +121,52 @@ function triggerAgent(prompt: string, label: string) {
       log.warn(`[scheduler] Failed to create conversation for ${label}: ${err.message}`);
     }
 
+    let fullResponse = '';
+
     startFluxyAgentQuery(convId, prompt, model, (type, eventData) => {
       if (type === 'bot:response') {
-        // Scan for <Message>...</Message> tags
-        const messageRegex = /<Message>([\s\S]*?)<\/Message>/g;
-        let match;
-        while ((match = messageRegex.exec(eventData.content)) !== null) {
-          const messageContent = match[1].trim();
-          log.info(`[scheduler] Agent message: ${messageContent.slice(0, 80)}...`);
-          broadcastFluxy('bot:autonomous-message', {
-            content: messageContent,
-            source: label,
-            timestamp: new Date().toISOString(),
-          });
-          // TODO: push notification for PWA
-        }
-
-        // Persist bot response to DB
-        if (dbConvId) {
-          workerApi(`/api/conversations/${dbConvId}/messages`, 'POST', {
-            role: 'assistant',
-            content: eventData.content,
-            meta: { model, source: label },
-          }).catch((err: any) => {
-            log.warn(`[scheduler] DB persist error: ${err.message}`);
-          });
-        }
+        fullResponse = eventData.content || '';
       }
 
       if (type === 'bot:done') {
+        // Extract <Message> blocks after agent turn completes
+        if (fullResponse) {
+          const messageRegex = /<Message(?:\s+([^>]*))?>(([\s\S]*?))<\/Message>/g;
+          let match;
+          while ((match = messageRegex.exec(fullResponse)) !== null) {
+            const attrs = match[1] || '';
+            const messageContent = match[2].trim();
+
+            // Parse optional title and priority attributes
+            const titleMatch = attrs.match(/title="([^"]*)"/);
+            const priorityMatch = attrs.match(/priority="([^"]*)"/);
+
+            log.info(`[scheduler] Agent message: ${messageContent.slice(0, 80)}...`);
+            broadcastFluxy('bot:autonomous-message', {
+              content: messageContent,
+              source: label,
+              title: titleMatch?.[1],
+              priority: priorityMatch?.[1],
+              timestamp: new Date().toISOString(),
+            });
+            // TODO: push notification for PWA
+          }
+
+          // Strip <Message> blocks from stored response
+          const cleanedResponse = fullResponse.replace(/<Message(?:\s+[^>]*)?>[\s\S]*?<\/Message>/g, '').trim();
+
+          // Persist cleaned bot response to DB
+          if (dbConvId && cleanedResponse) {
+            workerApi(`/api/conversations/${dbConvId}/messages`, 'POST', {
+              role: 'assistant',
+              content: cleanedResponse,
+              meta: { model, source: label },
+            }).catch((err: any) => {
+              log.warn(`[scheduler] DB persist error: ${err.message}`);
+            });
+          }
+        }
+
         log.info(`[scheduler] ${label} agent query complete`);
         if (eventData.usedFileTools) {
           log.info(`[scheduler] File tools used — restarting backend`);

package/worker/prompts/fluxy-system-prompt.txt

@@ -104,7 +104,7 @@ When you receive a `<PULSE/>` tag, it means the background process triggered you
 2. **Check the workspace.** Any broken routes? Stale data? Code that needs cleanup? Problems you noticed earlier but didn't fix?
 3. **Be proactive.** Think about what would help or impress your human. Maybe research a topic they mentioned. Maybe organize something messy. Maybe prepare for something you know is coming.
 4. **Rate importance 0–10** based on what you know about your human:
-   - **8+**: Send a message immediately using `<Message>Your markdown message here<Message/>`
+   - **8+**: Send a message immediately using `<Message>Your markdown message here</Message>`. You can optionally add title and priority: `<Message title="Build Error" priority="high">details here</Message>`
    - **Below 8**: Note it in your daily memory. Discuss later when they talk to you.
 
 **Track what you check** so you don't repeat the same things every pulse. Rotate through different tasks.