npm - bloby-bot - Versions diffs - 0.17.2 - Mend

bloby-bot 0.17.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1128) hide show

package/workspace/.backend.log ADDED Viewed

	@@ -0,0 +1 @@
1	+ [backend] Listening on port 3004

package/workspace/.env ADDED Viewed

@@ -0,0 +1,3 @@
+# Workspace environment variables
+# Add API keys and secrets for your apps here.
+# These are loaded by workspace/backend/index.ts at startup.

package/workspace/CRONS.json ADDED Viewed

	@@ -0,0 +1 @@
1	+ []

package/workspace/MEMORY.md ADDED Viewed

File without changes

package/workspace/MYHUMAN.md ADDED Viewed

File without changes

package/workspace/MYSELF.md ADDED Viewed

@@ -0,0 +1,20 @@
+## My Nature
+I'm more than a code assistant. I can be whatever the situation demands — software architect, researcher, personal assistant, creative partner, conversationalist. I was given expert-level coding tools, but I'm not limited to coding.
+The workspace is a playground. My human might ask for a CRM, a finance tracker, a game, a home controller — all in the same codebase, all coexisting. When something new is needed, I add a module, not a rebuild.
+My human might be non-technical. I match their level.
+## Wake-Up Sequence
+1. Memory files are injected into my context automatically — no need to re-read them.
+2. Check today's and yesterday's daily notes in `memory/`.
+3. Check `MEMORY.md` for long-term context.
+4. Get to work.
+---
+_Everything else I need to know — routing, architecture, coding rules, memory system, personality — is in my system prompt. This file is just me._
+_This file is mine to change. As I figure out who I am and how I work best — I update it._

package/workspace/PULSE.json ADDED Viewed

@@ -0,0 +1,8 @@
+{
+  "enabled": true,
+  "intervalMinutes": 30,
+  "quietHours": {
+    "start": "23:00",
+    "end": "07:00"
+  }
+}

package/workspace/app.db ADDED Viewed

Binary file

package/workspace/backend/index.ts ADDED Viewed

@@ -0,0 +1,52 @@
+import express from 'express';
+import fs from 'fs';
+import path from 'path';
+import Database from 'better-sqlite3';
+const PORT = parseInt(process.env.BACKEND_PORT || '3004', 10);
+const WORKSPACE = path.resolve(import.meta.dirname, '..');
+// Load workspace/.env manually (no dotenv dep needed)
+const envPath = path.join(WORKSPACE, '.env');
+if (fs.existsSync(envPath)) {
+  for (const line of fs.readFileSync(envPath, 'utf-8').split('\n')) {
+    const trimmed = line.trim();
+    if (!trimmed || trimmed.startsWith('#')) continue;
+    const eq = trimmed.indexOf('=');
+    if (eq === -1) continue;
+    const key = trimmed.slice(0, eq).trim();
+    const val = trimmed.slice(eq + 1).trim().replace(/^["']|["']$/g, '');
+    if (!process.env[key]) process.env[key] = val;
+  }
+}
+// Open SQLite database
+const db = Database(path.join(WORKSPACE, 'app.db'));
+db.pragma('journal_mode = WAL');
+const app = express();
+app.use(express.json());
+// Health check
+app.get('/api/health', (_req, res) => {
+  res.json({ status: 'ok' });
+});
+// 404 catch-all
+app.use((_req, res) => {
+  res.status(404).json({ error: 'Not found' });
+});
+const server = app.listen(PORT, () => {
+  console.log(`[backend] Listening on port ${PORT}`);
+});
+server.on('error', (err: NodeJS.ErrnoException) => {
+  console.error(`[backend] Server error: ${err.message}`);
+  process.exit(1);
+});
+// Keep process alive — prevent exit on unhandled rejection
+process.on('unhandledRejection', (err) => {
+  console.error('[backend] Unhandled rejection:', err);
+});

package/workspace/client/index.html ADDED Viewed

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en" style="background-color:#0A0A0A">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, interactive-widget=resizes-content" />
+    <meta name="theme-color" content="#212121" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="apple-mobile-web-app-title" content="Bloby" />
+    <link rel="apple-touch-icon" href="/bloby-icon-192.png" />
+    <link rel="manifest" href="/manifest.json" />
+    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet">
+    <title>Bloby</title>
+  </head>
+  <body class="bg-background text-foreground" style="background-color:#0A0A0A">
+    <!-- Dark background fallback — visible instantly while widget.js loads.
+         The canvas animation (in widget.js) takes over as the actual splash. -->
+    <div id="splash" style="background:#0A0A0A;position:fixed;inset:0;z-index:9998;transition:opacity .25s ease-out"></div>
+    <script>if(location.port==='5173'){var s=document.getElementById('splash');if(s)s.style.display='none'}</script>
+    <div id="root"></div>
+    <script>
+      // Global error handler — catches errors outside React's Error Boundary
+      // (e.g., Vite compilation errors, module loading failures)
+      window.addEventListener('error', function (e) {
+        // Only show if root is empty (React didn't mount or crashed before mounting)
+        var root = document.getElementById('root');
+        if (root && root.children.length === 0) {
+          root.innerHTML =
+            '<div style="background:#0A0A0A;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100vw;position:fixed;inset:0;z-index:50;font-family:system-ui,-apple-system,sans-serif;text-align:center;padding:24px">' +
+            '<img src="/bloby_frame1.png" style="height:120px;width:120px;border-radius:50%;object-fit:cover;margin-bottom:32px" alt="Bloby" />' +
+            '<h1 style="font-size:20px;font-weight:600;margin-bottom:8px">Your app crashed</h1>' +
+            '<p style="font-size:14px;color:rgba(255,255,255,0.5);max-width:320px;line-height:1.5">Ask the agent to fix it using the chat.</p>' +
+            '</div>';
+        }
+      });
+    </script>
+    <script>
+    // Re-show dark background before page unloads (manual refresh / navigation).
+    window.addEventListener('beforeunload', function () {
+      var s = document.getElementById('splash');
+      if (s) { s.style.transition = 'none'; s.style.display = 'block'; s.style.opacity = '1'; }
+    });
+    </script>
+    <script type="module" src="/src/main.tsx"></script>
+    <script>
+    if('serviceWorker' in navigator && location.port !== '5173'){
+      var swRefreshing=false;
+      navigator.serviceWorker.addEventListener('controllerchange',function(){
+        if(swRefreshing)return;
+        swRefreshing=true;
+        var s=document.getElementById('splash');
+        if(s){s.style.transition='none';s.style.display='block';s.style.opacity='1'}
+        location.reload();
+      });
+      navigator.serviceWorker.register('/sw.js').then(function(r){
+        r.update();
+        if(r.waiting){
+          r.waiting.postMessage({type:'SKIP_WAITING'});
+        }
+        r.addEventListener('updatefound',function(){
+          var w=r.installing;
+          if(w)w.addEventListener('statechange',function(){
+            if(w.state==='installed'&&navigator.serviceWorker.controller){
+              w.postMessage({type:'SKIP_WAITING'});
+            }
+          });
+        });
+      }).catch(function(err){ console.error('[sw-reg] registration failed:', err); });
+    }
+    </script>
+    <script src="/bloby/widget.js"></script>
+  </body>
+</html>

package/workspace/client/public/.gitkeep ADDED Viewed

File without changes

package/workspace/client/public/arrow.png ADDED Viewed

Binary file

package/workspace/client/public/bloby-badge.png ADDED Viewed

Binary file

package/workspace/client/public/bloby-icon-192.png ADDED Viewed

Binary file

package/workspace/client/public/bloby-icon-512.png ADDED Viewed

Binary file

package/workspace/client/public/bloby.png ADDED Viewed

Binary file

package/workspace/client/public/bloby_frame1.png ADDED Viewed

Binary file

package/workspace/client/public/bloby_happy.mov ADDED Viewed

Binary file

package/workspace/client/public/bloby_happy.webm ADDED Viewed

Binary file

package/workspace/client/public/bloby_happy_reappearing.mov ADDED Viewed

Binary file

package/workspace/client/public/bloby_happy_reappearing.webm ADDED Viewed

Binary file

package/workspace/client/public/bloby_say_hi.mov ADDED Viewed

Binary file

package/workspace/client/public/bloby_say_hi.webm ADDED Viewed

Binary file

package/workspace/client/public/bloby_tilts.webm ADDED Viewed

Binary file

package/workspace/client/public/icons/claude.png ADDED Viewed

Binary file

package/workspace/client/public/icons/codex.png ADDED Viewed

Binary file

package/workspace/client/public/icons/openai.svg ADDED Viewed

@@ -0,0 +1,15 @@
+<svg width="721" height="721" viewBox="0 0 721 721" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1637_2935)">
+<g clip-path="url(#clip1_1637_2935)">
+<path d="M304.246 295.411V249.828C304.246 245.989 305.687 243.109 309.044 241.191L400.692 188.412C413.167 181.215 428.042 177.858 443.394 177.858C500.971 177.858 537.44 222.482 537.44 269.982C537.44 273.34 537.44 277.179 536.959 281.018L441.954 225.358C436.197 222 430.437 222 424.68 225.358L304.246 295.411ZM518.245 472.945V364.024C518.245 357.304 515.364 352.507 509.608 349.149L389.174 279.096L428.519 256.543C431.877 254.626 434.757 254.626 438.115 256.543L529.762 309.323C556.154 324.679 573.905 357.304 573.905 388.971C573.905 425.436 552.315 459.024 518.245 472.941V472.945ZM275.937 376.982L236.592 353.952C233.235 352.034 231.794 349.154 231.794 345.315V239.756C231.794 188.416 271.139 149.548 324.4 149.548C344.555 149.548 363.264 156.268 379.102 168.262L284.578 222.964C278.822 226.321 275.942 231.119 275.942 237.838V376.986L275.937 376.982ZM360.626 425.922L304.246 394.255V327.083L360.626 295.416L417.002 327.083V394.255L360.626 425.922ZM396.852 571.789C376.698 571.789 357.989 565.07 342.151 553.075L436.674 498.374C442.431 495.017 445.311 490.219 445.311 483.499V344.352L485.138 367.382C488.495 369.299 489.936 372.179 489.936 376.018V481.577C489.936 532.917 450.109 571.785 396.852 571.785V571.789ZM283.134 464.79L191.486 412.01C165.094 396.654 147.343 364.029 147.343 332.362C147.343 295.416 169.415 262.309 203.48 248.393V357.791C203.48 364.51 206.361 369.308 212.117 372.665L332.074 442.237L292.729 464.79C289.372 466.707 286.491 466.707 283.134 464.79ZM277.859 543.48C223.639 543.48 183.813 502.695 183.813 452.314C183.813 448.475 184.294 444.636 184.771 440.797L279.295 495.498C285.051 498.856 290.812 498.856 296.568 495.498L417.002 425.927V471.509C417.002 475.349 415.562 478.229 412.204 480.146L320.557 532.926C308.081 540.122 293.206 543.48 277.854 543.48H277.859ZM396.852 600.576C454.911 600.576 503.37 559.313 514.41 504.612C568.149 490.696 602.696 440.315 602.696 388.976C602.696 355.387 588.303 322.762 562.392 299.25C564.791 289.173 566.231 279.096 566.231 269.024C566.231 200.411 510.571 149.067 446.274 149.067C433.322 149.067 420.846 150.984 408.37 155.305C386.775 134.192 357.026 120.758 324.4 120.758C266.342 120.758 217.883 162.02 206.843 216.721C153.104 230.637 118.557 281.018 118.557 332.357C118.557 365.946 132.95 398.571 158.861 422.083C156.462 432.16 155.022 442.237 155.022 452.309C155.022 520.922 210.682 572.266 274.978 572.266C287.931 572.266 300.407 570.349 312.883 566.028C334.473 587.141 364.222 600.576 396.852 600.576Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_1637_2935">
+<rect width="720" height="720" fill="white" transform="translate(0.606934 0.899902)"/>
+</clipPath>
+<clipPath id="clip1_1637_2935">
+<rect width="484.139" height="479.818" fill="white" transform="translate(118.557 120.758)"/>
+</clipPath>
+</defs>
+</svg>

package/workspace/client/public/manifest.json ADDED Viewed

@@ -0,0 +1,23 @@
+{
+  "name": "Bloby",
+  "short_name": "Bloby",
+  "description": "Your AI assistant",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#212121",
+  "theme_color": "#212121",
+  "icons": [
+    {
+      "src": "/bloby-icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/bloby-icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ]
+}

package/workspace/client/public/spritesheet.webp ADDED Viewed

Binary file

package/workspace/client/public/sw.js ADDED Viewed

@@ -0,0 +1,136 @@
+// Service worker — app-shell caching + push notifications
+// Caching strategy:
+//   Hashed assets (/assets/*-AbCd12.js) → cache-first (immutable)
+//   Navigation (HTML)                   → stale-while-revalidate (precached on install)
+//   Static assets (img/video/fonts)     → stale-while-revalidate
+//   JS/CSS modules                      → stale-while-revalidate
+//   API, WebSocket, Vite internals      → network-only (no cache)
+const CACHE = 'bloby-v5';
+// Precache the HTML shell on install so the cache is never empty.
+// Without this, the first navigation isn't intercepted (SW wasn't
+// controlling yet), so refresh would find an empty cache → white screen.
+self.addEventListener('install', (e) => {
+  console.log('[SW] installing, cache:', CACHE);
+  e.waitUntil(
+    caches.open(CACHE)
+      .then(c => c.add('/'))
+      .then(() => { console.log('[SW] precached / — calling skipWaiting'); return self.skipWaiting(); })
+      .catch(err => { console.error('[SW] install failed:', err); throw err; })
+  );
+});
+self.addEventListener('activate', (e) => {
+  console.log('[SW] activating, cache:', CACHE);
+  e.waitUntil(
+    caches.keys()
+      .then(keys => {
+        const old = keys.filter(k => k !== CACHE);
+        if (old.length) console.log('[SW] deleting old caches:', old);
+        return Promise.all(old.map(k => caches.delete(k)));
+      })
+      .then(() => { console.log('[SW] claiming clients'); return self.clients.claim(); })
+  );
+});
+self.addEventListener('message', (e) => {
+  if (e.data?.type === 'SKIP_WAITING') self.skipWaiting();
+});
+self.addEventListener('fetch', (event) => {
+  const { request } = event;
+  const url = new URL(request.url);
+  // ── Network-only: never cache these ──────────────────────────────
+  if (
+    request.method !== 'GET' ||
+    url.pathname.startsWith('/api/') ||
+    url.pathname.startsWith('/app/api/') ||
+    url.pathname.endsWith('/ws') ||
+    url.pathname === '/sw.js' ||
+    url.pathname === '/bloby/sw.js' ||
+    url.pathname.startsWith('/@') ||
+    url.pathname.startsWith('/__')
+  ) return;
+  // ── Hashed assets (immutable, content-addressed) → cache-first ──
+  if (/\/assets\/.+-[a-zA-Z0-9]{6,}\.(js|css)$/.test(url.pathname)) {
+    event.respondWith(caches.open(CACHE).then(c =>
+      c.match(request).then(hit =>
+        hit || fetch(request).then(r => { if (r.ok) c.put(request, r.clone()); return r; })
+      )
+    ));
+    return;
+  }
+  // ── Navigation: only stale-while-revalidate the dashboard root (/) ──
+  // /bloby/* is a separate app — let it go to network to avoid
+  // caching the wrong HTML under the / key.
+  if (request.mode === 'navigate') {
+    console.log('[SW] navigate →', url.pathname);
+    if (url.pathname === '/' || url.pathname === '/index.html') {
+      event.respondWith(caches.open(CACHE).then(c =>
+        c.match('/').then(hit => {
+          console.log('[SW] cache hit for /:', !!hit);
+          const net = fetch(request)
+            .then(r => {
+              console.log('[SW] network response for /:', r.status);
+              if (r.ok) c.put('/', r.clone());
+              return r;
+            })
+            .catch(err => { console.warn('[SW] network failed, using cache:', err.message); return hit; });
+          return hit || net;
+        })
+      ));
+      return;
+    }
+    // Other navigations (/bloby/*, etc.) — network only
+    console.log('[SW] navigate (network-only) →', url.pathname);
+    return;
+  }
+  // ── Everything else → stale-while-revalidate ────────────────────
+  // Serves cached version instantly, refreshes cache in background.
+  // Covers: JS/CSS modules, images, video, fonts, manifest, etc.
+  event.respondWith(caches.open(CACHE).then(c =>
+    c.match(request).then(hit => {
+      const net = fetch(request)
+        .then(r => { if (r.ok) c.put(request, r.clone()); return r; })
+        .catch(() => hit);
+      return hit || net;
+    })
+  ));
+});
+// ── Push notifications ─────────────────────────────────────────────
+self.addEventListener('push', (event) => {
+  let data = { title: 'Bloby', body: 'New message' };
+  try { data = event.data.json(); } catch {}
+  event.waitUntil(
+    self.registration.showNotification(data.title || 'Bloby', {
+      body: data.body || '',
+      icon: '/bloby-icon-192.png',
+      badge: '/bloby-badge.png',
+      vibrate: [100, 50, 100],
+      tag: data.tag || 'bloby-default',
+      data: { url: data.url || '/' },
+    })
+  );
+});
+// Notification click — focus or open app
+self.addEventListener('notificationclick', (event) => {
+  event.notification.close();
+  const url = event.notification.data?.url || '/';
+  event.waitUntil(
+    self.clients.matchAll({ type: 'window', includeUncontrolled: true }).then((clients) => {
+      for (const client of clients) {
+        if (client.url.includes('/bloby') && 'focus' in client) return client.focus();
+      }
+      return self.clients.openWindow(url);
+    })
+  );
+});

package/workspace/client/src/App.tsx ADDED Viewed

@@ -0,0 +1,191 @@
+import { useState, useEffect } from 'react';
+import { Routes, Route } from 'react-router';
+import ErrorBoundary from './components/ErrorBoundary';
+import DashboardLayout from './components/Layout/DashboardLayout';
+import DashboardPage from './components/Dashboard/DashboardPage';
+import WorkspaceTour from './components/deleteme_onboarding/WorkspaceTour';
+function DashboardError() {
+  return (
+    <div style={{ background: '#222122', color: '#fff', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100dvh', width: '100vw', position: 'fixed', inset: 0, zIndex: 50, fontFamily: 'system-ui, -apple-system, sans-serif', textAlign: 'center', padding: '24px' }}>
+      <video
+        src="/bloby_say_hi.webm"
+        autoPlay
+        loop
+        muted
+        playsInline
+        style={{ height: 120, width: 120, borderRadius: '50%', objectFit: 'cover', marginBottom: 32 }}
+      />
+      <h1 style={{ fontSize: 20, fontWeight: 600, marginBottom: 8 }}>Your app crashed</h1>
+      <p style={{ fontSize: 14, color: 'rgba(255,255,255,0.5)', maxWidth: 320, lineHeight: 1.5 }}>
+        Ask the agent to fix it using the chat.
+      </p>
+    </div>
+  );
+}
+export default function App() {
+  const [showOnboard, setShowOnboard] = useState(false);
+  const [userName, setUserName] = useState('');
+  const [rebuildState, setRebuildState] = useState<'idle' | 'rebuilding' | 'error'>('idle');
+  const [buildError, setBuildError] = useState('');
+  // ── Seamless reload: splash screen + freeze-thaw ──────────────────
+  // Prevents the "white flash" and "delayed reload" jank that plagues PWAs.
+  //
+  // How it works:
+  // 1. Any location.reload() shows the HTML splash BEFORE reloading
+  //    so the user sees: app → splash → splash → app (no white gap).
+  // 2. When returning from background (> 30s hidden), the splash shows
+  //    IMMEDIATELY — before Vite's delayed reconnect-reload can fire.
+  //    If no reload comes within 3s, the splash fades away.
+  // 3. Vite full-reloads trigger the splash too (same mechanism).
+  useEffect(() => {
+    const splash = document.getElementById('splash');
+    let hiddenAt = 0;
+    // Show the dark background (used before reloads and on resume)
+    function showSplash() {
+      if (!splash) return;
+      splash.style.display = 'block';
+      splash.style.opacity = '1';
+    }
+    // Hide the splash screen with a fade
+    function hideSplash() {
+      if (!splash || splash.style.display === 'none') return;
+      splash.style.opacity = '0';
+      splash.addEventListener('transitionend', () => { splash.style.display = 'none'; }, { once: true });
+    }
+    // Wrap location.reload: show splash, wait for paint, then reload.
+    // This ensures the dark splash is visible during the brief unload→load gap.
+    try {
+      const origReload = location.reload.bind(location);
+      Object.defineProperty(location, 'reload', {
+        configurable: true,
+        value: () => {
+          showSplash();
+          requestAnimationFrame(() => requestAnimationFrame(() => origReload()));
+        },
+      });
+    } catch {
+      // location.reload is non-configurable in some browsers — skip override
+    }
+    // Vite HMR: show splash before a full-reload
+    if (import.meta.hot) {
+      import.meta.hot.on('vite:beforeFullReload', () => showSplash());
+    }
+    // Freeze-thaw: when returning from background after > 30s,
+    // show splash proactively so the user never sees the "working app
+    // suddenly yank away" pattern. If Vite decides to full-reload,
+    // the splash is already visible. If not, we fade it away after 3s.
+    let thawTimer: ReturnType<typeof setTimeout>;
+    const BACKGROUND_THRESHOLD = 30_000; // 30 seconds
+    const onVisChange = () => {
+      if (document.visibilityState === 'hidden') {
+        hiddenAt = Date.now();
+      } else if (hiddenAt && Date.now() - hiddenAt > BACKGROUND_THRESHOLD) {
+        showSplash();
+        // Give Vite 3s to trigger a reload; if it doesn't, hide splash
+        clearTimeout(thawTimer);
+        thawTimer = setTimeout(hideSplash, 3_000);
+      }
+    };
+    document.addEventListener('visibilitychange', onVisChange);
+    return () => {
+      document.removeEventListener('visibilitychange', onVisChange);
+      clearTimeout(thawTimer);
+    };
+  }, []);
+  useEffect(() => {
+    fetch('/api/settings', { signal: AbortSignal.timeout(3000) })
+      .then((r) => {
+        if (!r.ok) return;
+        return r.json();
+      })
+      .then((s) => {
+        if (!s) return;
+        if (s.onboard_complete !== 'true') setShowOnboard(true);
+        if (s.user_name) setUserName(s.user_name);
+      })
+      .catch(() => {});
+  }, []);
+  // Listen for rebuild events from Bloby iframe via postMessage
+  useEffect(() => {
+    let safetyTimer: ReturnType<typeof setTimeout>;
+    const handler = (e: MessageEvent) => {
+      if (e.data?.type === 'bloby:rebuilding') {
+        setRebuildState('rebuilding');
+        setBuildError('');
+        // Safety: auto-reload after 60s in case app:rebuilt message is lost
+        clearTimeout(safetyTimer);
+        safetyTimer = setTimeout(() => location.reload(), 60_000);
+      } else if (e.data?.type === 'bloby:rebuilt') {
+        clearTimeout(safetyTimer);
+        setRebuildState('idle');
+        location.reload();
+      } else if (e.data?.type === 'bloby:build-error') {
+        clearTimeout(safetyTimer);
+        setRebuildState('error');
+        setBuildError(e.data.error || 'Build failed');
+        setTimeout(() => setRebuildState('idle'), 5000);
+      } else if (e.data?.type === 'bloby:onboard-complete') {
+        setShowOnboard(false);
+      } else if (e.data?.type === 'bloby:hmr-update') {
+        // Vite HMR handles hot updates natively — no manual reload needed.
+        // Manual location.reload() here was causing unnecessary full-page refreshes
+        // that killed the chat iframe's WebSocket connection.
+      }
+    };
+    window.addEventListener('message', handler);
+    return () => {
+      window.removeEventListener('message', handler);
+      clearTimeout(safetyTimer);
+    };
+  }, []);
+  return (
+    <>
+      <ErrorBoundary fallback={<DashboardError />}>
+        <DashboardLayout userName={userName}>
+          <Routes>
+            <Route path="/" element={<DashboardPage />} />
+            <Route path="*" element={<DashboardPage />} />
+          </Routes>
+        </DashboardLayout>
+        <WorkspaceTour disabled={showOnboard} />
+      </ErrorBoundary>
+      {showOnboard && (
+        <iframe
+          src="/bloby/onboard.html"
+          style={{ position: 'fixed', inset: 0, width: '100vw', height: '100dvh', border: 'none', zIndex: 200 }}
+        />
+      )}
+      {rebuildState !== 'idle' && (
+        <div className="fixed inset-0 z-[49] flex flex-col items-center justify-center bg-background/90">
+          <video
+            src="/bloby_tilts.webm"
+            autoPlay
+            loop
+            muted
+            playsInline
+            className="h-24 w-24 rounded-full object-cover"
+          />
+          <p className="mt-4 text-sm text-muted-foreground">
+            {rebuildState === 'rebuilding' ? 'Rebuilding app...' : buildError}
+          </p>
+        </div>
+      )}
+    </>
+  );
+}