fluxy-bot 0.8.9 → 0.9.0

package/supervisor/widget.js

@@ -1,154 +1,142 @@
 (function () {
-    if (document.getElementById('fluxy-widget')) return;
-
-    var PANEL_WIDTH = '480px';
-
-    // ── Styles ──
-    var style = document.createElement('style');
-    style.textContent = [
-        '#fluxy-widget-bubble{position:fixed;bottom:24px;right:24px;z-index:99998;cursor:pointer;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .15s ease;-webkit-tap-highlight-color:transparent}',
-        '#fluxy-widget-bubble:hover{transform:scale(1.1)}',
-        '#fluxy-widget-bubble:active{transform:scale(0.95)}',
-        '#fluxy-widget-bubble video{height:60px;width:auto;pointer-events:none;-webkit-user-drag:none}',
-        '#fluxy-widget-bubble img{width:60px;height:60px;object-fit:contain;pointer-events:none;-webkit-user-drag:none}',
-        '#fluxy-widget-backdrop{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,0.4);opacity:0;transition:opacity .2s ease;pointer-events:none}',
-        '#fluxy-widget-backdrop.open{opacity:1;pointer-events:auto}',
-        '#fluxy-widget-panel{position:fixed;top:0;right:0;bottom:0;z-index:99999;width:' +
-            PANEL_WIDTH +
-            ';max-width:100vw;transform:translateX(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px rgba(0,0,0,0.3);border-left:1px solid #3a3a3a;overflow:hidden}',
-        '#fluxy-widget-panel.open{transform:translateX(0)}',
-        '#fluxy-widget-panel iframe{width:100%;height:100%;border:none;background:#212121}',
-        '@media(max-width:480px){#fluxy-widget-panel{width:100vw}}'
-    ].join('\n');
-    document.head.appendChild(style);
-
-    // ── Backdrop ──
-    var backdrop = document.createElement('div');
-    backdrop.id = 'fluxy-widget-backdrop';
-    document.body.appendChild(backdrop);
-
-    // ── Panel ──
-    var panel = document.createElement('div');
-    panel.id = 'fluxy-widget-panel';
-    document.body.appendChild(panel);
-
-    var iframe = document.createElement('iframe');
-    iframe.src = '/fluxy/';
-    iframe.setAttribute('loading', 'lazy');
-    panel.appendChild(iframe);
-
-    // ── Bubble ──
-    var bubble = document.createElement('div');
-    bubble.id = 'fluxy-widget-bubble';
-    bubble.setAttribute('role', 'button');
-    bubble.setAttribute('aria-label', 'Open Fluxy chat');
-
-    // Safari doesn't support WebM alpha — fall back to poster image
-    var isSafari =
-        /^((?!chrome|android).)*safari/i.test(navigator.userAgent) ||
-        (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream);
-
-    if (isSafari) {
-        var img = document.createElement('img');
-        img.src = '/fluxy_frame1.png';
-        img.alt = 'Fluxy';
-        img.draggable = false;
-        bubble.appendChild(img);
-    } else {
-        var video = document.createElement('video');
-        video.src = '/fluxy_tilts.webm';
-        video.poster = '/fluxy_frame1.png';
-        video.autoplay = true;
-        video.loop = true;
-        video.muted = true;
-        video.playsInline = true;
-        video.setAttribute('playsinline', '');
-        video.draggable = false;
-        bubble.appendChild(video);
+  if (document.getElementById('fluxy-widget')) return;
+
+  var PANEL_WIDTH = '480px';
+
+  // ── Styles ──
+  var style = document.createElement('style');
+  style.textContent = [
+    '#fluxy-widget-bubble{position:fixed;bottom:24px;right:24px;z-index:99998;cursor:pointer;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .15s ease;-webkit-tap-highlight-color:transparent}',
+    '#fluxy-widget-bubble:hover{transform:scale(1.1)}',
+    '#fluxy-widget-bubble:active{transform:scale(0.95)}',
+    '#fluxy-widget-bubble video{height:60px;width:auto;pointer-events:none;-webkit-user-drag:none}',
+    '#fluxy-widget-bubble img{width:60px;height:60px;object-fit:contain;pointer-events:none;-webkit-user-drag:none}',
+    '#fluxy-widget-backdrop{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,0.4);opacity:0;transition:opacity .2s ease;pointer-events:none}',
+    '#fluxy-widget-backdrop.open{opacity:1;pointer-events:auto}',
+    '#fluxy-widget-panel{position:fixed;top:0;right:0;bottom:0;z-index:99999;width:' + PANEL_WIDTH + ';max-width:100vw;transform:translateX(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px rgba(0,0,0,0.3);border-left:1px solid #3a3a3a;overflow:hidden}',
+    '#fluxy-widget-panel.open{transform:translateX(0)}',
+    '#fluxy-widget-panel iframe{width:100%;height:100%;border:none;background:#212121}',
+    '@media(max-width:480px){#fluxy-widget-panel{width:100vw}}',
+  ].join('\n');
+  document.head.appendChild(style);
+
+  // ── Backdrop ──
+  var backdrop = document.createElement('div');
+  backdrop.id = 'fluxy-widget-backdrop';
+  document.body.appendChild(backdrop);
+
+  // ── Panel ──
+  var panel = document.createElement('div');
+  panel.id = 'fluxy-widget-panel';
+  document.body.appendChild(panel);
+
+  var iframe = document.createElement('iframe');
+  iframe.src = '/fluxy/';
+  iframe.setAttribute('loading', 'lazy');
+  panel.appendChild(iframe);
+
+  // ── Bubble ──
+  var bubble = document.createElement('div');
+  bubble.id = 'fluxy-widget-bubble';
+  bubble.setAttribute('role', 'button');
+  bubble.setAttribute('aria-label', 'Open Fluxy chat');
+
+  // Safari doesn't support WebM alpha — fall back to poster image
+  var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
+    || (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream);
+
+  if (isSafari) {
+    var img = document.createElement('img');
+    img.src = '/fluxy_frame1.png';
+    img.alt = 'Fluxy';
+    img.draggable = false;
+    bubble.appendChild(img);
+  } else {
+    var video = document.createElement('video');
+    video.src = '/fluxy_tilts.webm';
+    video.poster = '/fluxy_frame1.png';
+    video.autoplay = true;
+    video.loop = true;
+    video.muted = true;
+    video.playsInline = true;
+    video.setAttribute('playsinline', '');
+    video.draggable = false;
+    bubble.appendChild(video);
+  }
+
+  // Mark widget present
+  bubble.dataset.fluxyWidget = '1';
+  document.body.appendChild(bubble);
+
+  // ── Toggle ──
+  var isOpen = false;
+
+  function toggle() {
+    isOpen = !isOpen;
+    panel.classList.toggle('open', isOpen);
+    backdrop.classList.toggle('open', isOpen);
+    bubble.style.display = isOpen ? 'none' : 'flex';
+  }
+
+  bubble.addEventListener('click', toggle);
+  backdrop.addEventListener('click', toggle);
+
+  // Close on Escape
+  document.addEventListener('keydown', function (e) {
+    if (e.key === 'Escape' && isOpen) toggle();
+  });
+
+  // ── PWA Install ──
+  var deferredInstallPrompt = null;
+  window.addEventListener('beforeinstallprompt', function (e) {
+    e.preventDefault();
+    deferredInstallPrompt = e;
+  });
+
+  // Handle messages from iframe
+  window.addEventListener('message', function (e) {
+    if (!e.data || !e.data.type) return;
+
+    // Close chat panel
+    if (e.data.type === 'fluxy:close' && isOpen) toggle();
+
+    // Install App request from chat iframe
+    if (e.data.type === 'fluxy:install-app') {
+      if (deferredInstallPrompt) {
+        deferredInstallPrompt.prompt();
+        deferredInstallPrompt.userChoice.then(function (result) {
+          if (result.outcome === 'accepted') deferredInstallPrompt = null;
+        });
+      } else {
+        // No native prompt available — tell chat to show instructions modal
+        iframe.contentWindow.postMessage({ type: 'fluxy:show-ios-install' }, '*');
+      }
     }
+  });
 
-    // Mark widget present
-    bubble.dataset.fluxyWidget = '1';
-    document.body.appendChild(bubble);
-
-    // ── Toggle ──
-    var isOpen = false;
-
-    function toggle() {
-        isOpen = !isOpen;
-        panel.classList.toggle('open', isOpen);
-        backdrop.classList.toggle('open', isOpen);
-        bubble.style.display = isOpen ? 'none' : 'flex';
+  // Restore open state after HMR reload (so chat isn't disrupted)
+  try {
+    if (sessionStorage.getItem('fluxy_widget_open') === '1') {
+      sessionStorage.removeItem('fluxy_widget_open');
+      toggle();
     }
-
-    bubble.addEventListener('click', toggle);
-    backdrop.addEventListener('click', toggle);
-
-    // Close on Escape
-    document.addEventListener('keydown', function (e) {
-        if (e.key === 'Escape' && isOpen) toggle();
-    });
-
-    // ── PWA Install ──
-    var deferredInstallPrompt = null;
-    window.addEventListener('beforeinstallprompt', function (e) {
-        e.preventDefault();
-        deferredInstallPrompt = e;
-    });
-
-    // Handle messages from iframe
-    window.addEventListener('message', function (e) {
-        if (!e.data || !e.data.type) return;
-
-        // Close chat panel
-        if (e.data.type === 'fluxy:close' && isOpen) toggle();
-
-        // Install App request from chat iframe
-        if (e.data.type === 'fluxy:install-app') {
-            if (deferredInstallPrompt) {
-                deferredInstallPrompt.prompt();
-                deferredInstallPrompt.userChoice.then(function (result) {
-                    if (result.outcome === 'accepted')
-                        deferredInstallPrompt = null;
-                });
-            } else {
-                // No native prompt available — tell chat to show instructions modal
-                iframe.contentWindow.postMessage(
-                    { type: 'fluxy:show-ios-install' },
-                    '*'
-                );
+  } catch (e) {}
+
+  // Hide widget during initial onboard
+  try {
+    fetch('/api/settings')
+      .then(function (r) { return r.json(); })
+      .then(function (s) {
+        if (s.onboard_complete !== 'true') {
+          bubble.style.display = 'none';
+          window.addEventListener('message', function onMsg(e) {
+            if (e.data && e.data.type === 'fluxy:onboard-complete') {
+              bubble.style.display = 'flex';
+              window.removeEventListener('message', onMsg);
             }
+          });
         }
-    });
-
-    // Restore open state after HMR reload (so chat isn't disrupted)
-    try {
-        if (sessionStorage.getItem('fluxy_widget_open') === '1') {
-            sessionStorage.removeItem('fluxy_widget_open');
-            toggle();
-        }
-    } catch (_e) {}
-
-    // Hide widget during initial onboard
-    try {
-        fetch('/api/settings')
-            .then(function (r) {
-                return r.json();
-            })
-            .then(function (s) {
-                if (s.onboard_complete !== 'true') {
-                    bubble.style.display = 'none';
-                    window.addEventListener('message', function onMsg(e) {
-                        if (
-                            e.data &&
-                            e.data.type === 'fluxy:onboard-complete'
-                        ) {
-                            bubble.style.display = 'flex';
-                            window.removeEventListener('message', onMsg);
-                        }
-                    });
-                }
-            })
-            .catch(function () {});
-    } catch (_e) {}
+      })
+      .catch(function () {});
+  } catch (e) {}
 })();

package/supervisor/worker.ts

@@ -8,7 +8,7 @@ let restarts = 0;
 const MAX_RESTARTS = 3;
 
 export function getWorkerPort(basePort: number): number {
-    return basePort + 1;
+  return basePort + 1;
 }
 
 let lastSpawnTime = 0;
@@ -16,65 +16,61 @@ let intentionallyStopped = false;
 const STABLE_THRESHOLD = 30_000;
 
 export function spawnWorker(port: number): ChildProcess {
-    const workerPath = path.join(PKG_DIR, 'worker', 'index.ts');
-    lastSpawnTime = Date.now();
-    intentionallyStopped = false;
+  const workerPath = path.join(PKG_DIR, 'worker', 'index.ts');
+  lastSpawnTime = Date.now();
+  intentionallyStopped = false;
 
-    // Wrap the worker in an inline loader that:
-    // 1. Dynamically imports the worker (tsx handles .ts compilation)
-    // 2. Adds a keepalive timer so the event loop never drains (fixes exit code 0 under systemd)
-    // 3. Catches and logs import errors instead of silently exiting
-    const workerUrl = 'file://' + workerPath.replace(/\\/g, '/');
-    const wrapper = [
-        `import('${workerUrl}')`,
-        `  .catch(e => { console.error('[worker] Fatal:', e); process.exit(1); });`,
-        `setInterval(() => {}, 60000);`
-    ].join('\n');
+  // Wrap the worker in an inline loader that:
+  // 1. Dynamically imports the worker (tsx handles .ts compilation)
+  // 2. Adds a keepalive timer so the event loop never drains (fixes exit code 0 under systemd)
+  // 3. Catches and logs import errors instead of silently exiting
+  const workerUrl = 'file://' + workerPath.replace(/\\/g, '/');
+  const wrapper = [
+    `import('${workerUrl}')`,
+    `  .catch(e => { console.error('[worker] Fatal:', e); process.exit(1); });`,
+    `setInterval(() => {}, 60000);`,
+  ].join('\n');
 
-    child = spawn(
-        process.execPath,
-        ['--import', 'tsx/esm', '--input-type=module', '-e', wrapper],
-        {
-            cwd: PKG_DIR,
-            stdio: ['ignore', 'pipe', 'pipe'],
-            env: { ...process.env, WORKER_PORT: String(port) }
-        }
-    );
+  child = spawn(process.execPath, ['--import', 'tsx/esm', '--input-type=module', '-e', wrapper], {
+    cwd: PKG_DIR,
+    stdio: ['ignore', 'pipe', 'pipe'],
+    env: { ...process.env, WORKER_PORT: String(port) },
+  });
 
-    child.stdout?.on('data', d => {
-        process.stdout.write(d);
-    });
+  child.stdout?.on('data', (d) => {
+    process.stdout.write(d);
+  });
 
-    child.stderr?.on('data', d => {
-        process.stderr.write(d);
-    });
+  child.stderr?.on('data', (d) => {
+    process.stderr.write(d);
+  });
 
-    child.on('exit', code => {
-        if (intentionallyStopped) return;
+  child.on('exit', (code) => {
+    if (intentionallyStopped) return;
 
-        log.warn(`Worker exited unexpectedly (code ${code})`);
-        if (Date.now() - lastSpawnTime > STABLE_THRESHOLD) {
-            restarts = 0;
-        }
-        if (restarts < MAX_RESTARTS) {
-            restarts++;
-            log.info(`Restarting worker (${restarts}/${MAX_RESTARTS})...`);
-            setTimeout(() => spawnWorker(port), 1000 * restarts);
-        } else {
-            log.error('Worker failed too many times. Use Fluxy chat to debug.');
-        }
-    });
+    log.warn(`Worker exited unexpectedly (code ${code})`);
+    if (Date.now() - lastSpawnTime > STABLE_THRESHOLD) {
+      restarts = 0;
+    }
+    if (restarts < MAX_RESTARTS) {
+      restarts++;
+      log.info(`Restarting worker (${restarts}/${MAX_RESTARTS})...`);
+      setTimeout(() => spawnWorker(port), 1000 * restarts);
+    } else {
+      log.error('Worker failed too many times. Use Fluxy chat to debug.');
+    }
+  });
 
-    log.ok(`Worker spawned on port ${port}`);
-    return child;
+  log.ok(`Worker spawned on port ${port}`);
+  return child;
 }
 
 export function stopWorker(): void {
-    intentionallyStopped = true;
-    child?.kill();
-    child = null;
+  intentionallyStopped = true;
+  child?.kill();
+  child = null;
 }
 
 export function isWorkerAlive(): boolean {
-    return child !== null && child.exitCode === null;
+  return child !== null && child.exitCode === null;
 }

package/tsconfig.json

@@ -1,26 +1,20 @@
 {
-    "compilerOptions": {
-        "target": "ES2023",
-        "module": "ESNext",
-        "moduleResolution": "Bundler",
-        "esModuleInterop": true,
-        "strict": true,
-        "skipLibCheck": true,
-        "outDir": "dist",
-        "rootDir": ".",
-        "jsx": "react-jsx",
-        "types": [],
-        "paths": {
-            "@server/*": ["./server/*"],
-            "@client/*": ["./workspace/client/src/*"],
-            "@/*": ["./workspace/client/src/*"]
-        }
-    },
-    "include": [
-        "server/**/*",
-        "workspace/client/src/**/*",
-        "workspace/backend/**/*",
-        "vite.config.ts"
-    ],
-    "exclude": ["node_modules", "dist", "data"]
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "outDir": "dist",
+    "rootDir": ".",
+    "jsx": "react-jsx",
+    "types": [],
+    "paths": {
+      "@server/*": ["./server/*"],
+      "@client/*": ["./workspace/client/src/*"]
+    }
+  },
+  "include": ["server/**/*", "workspace/client/src/**/*", "workspace/backend/**/*", "vite.config.ts"],
+  "exclude": ["node_modules", "dist", "data"]
 }

package/vite.config.ts

@@ -4,62 +4,55 @@ import tailwindcss from '@tailwindcss/vite';
 import path from 'path';
 
 export default defineConfig({
-    root: process.env.FLUXY_WORKSPACE
-        ? path.join(process.env.FLUXY_WORKSPACE, 'client')
-        : 'workspace/client',
-    resolve: {
-        alias: {
-            '@': process.env.FLUXY_WORKSPACE
-                ? path.join(process.env.FLUXY_WORKSPACE, 'client/src')
-                : path.resolve(__dirname, 'workspace/client/src')
-        }
+  root: 'workspace/client',
+  resolve: {
+    alias: { '@': path.resolve(__dirname, 'workspace/client/src') },
+  },
+  build: {
+    outDir: '../../dist',
+    emptyOutDir: true,
+  },
+  server: {
+    port: 5173,
+    proxy: {
+      '/app/api': {
+        target: 'http://localhost:3004',
+        rewrite: (path) => path.replace(/^\/app\/api/, '') || '/',
+      },
+      '/api': 'http://localhost:3000',
     },
-    build: {
-        outDir: '../../dist',
-        emptyOutDir: true
+    warmup: {
+      clientFiles: ['./src/main.tsx'],
     },
-    server: {
-        port: 5173,
-        proxy: {
-            '/app/api': {
-                target: 'http://localhost:3004',
-                rewrite: path => path.replace(/^\/app\/api/, '') || '/'
-            },
-            '/api': 'http://localhost:3000'
-        },
-        warmup: {
-            clientFiles: ['./src/main.tsx']
-        },
-        watch: {
-            ignored: [
-                '**/app.db*',
-                '**/.backend.log',
-                '**/files/**',
-                '**/.env',
-                '**/backend/**',
-                '**/*.db',
-                '**/*.db-journal',
-                '**/*.db-wal',
-                '**/*.db-shm',
-                '**/*.sqlite',
-                '**/*.log'
-            ]
-        }
+    watch: {
+      ignored: [
+        '**/app.db*',
+        '**/.backend.log',
+        '**/files/**',
+        '**/.env',
+        '**/backend/**',
+        '**/*.db',
+        '**/*.db-journal',
+        '**/*.db-wal',
+        '**/*.db-shm',
+        '**/*.sqlite',
+        '**/*.log',
+      ],
     },
-    optimizeDeps: {
-        include: [
-            'react',
-            'react-dom/client',
-            'react/jsx-runtime',
-            'react-router',
-            'lucide-react',
-            'framer-motion',
-            'recharts',
-            'zustand',
-            'sonner',
-            'use-sync-external-store',
-            'use-sync-external-store/shim'
-        ]
-    },
-    plugins: [react(), tailwindcss()]
+  },
+  optimizeDeps: {
+    include: [
+      'react',
+      'react-dom/client',
+      'react/jsx-runtime',
+      'lucide-react',
+      'framer-motion',
+      'recharts',
+      'zustand',
+      'sonner',
+      'use-sync-external-store',
+      'use-sync-external-store/shim',
+    ],
+  },
+  plugins: [react(), tailwindcss()],
 });

package/vite.fluxy.config.ts

@@ -4,40 +4,40 @@ import tailwindcss from '@tailwindcss/vite';
 import path from 'path';
 
 export default defineConfig({
-    root: 'supervisor/chat',
-    base: '/fluxy/',
-    resolve: {
-        alias: { '@': path.resolve(__dirname, 'supervisor/chat/src') }
+  root: 'supervisor/chat',
+  base: '/fluxy/',
+  resolve: {
+    alias: { '@': path.resolve(__dirname, 'supervisor/chat/src') },
+  },
+  build: {
+    outDir: '../../dist-fluxy',
+    emptyOutDir: true,
+    rollupOptions: {
+      input: {
+        fluxy: path.resolve(__dirname, 'supervisor/chat/fluxy.html'),
+        onboard: path.resolve(__dirname, 'supervisor/chat/onboard.html'),
+      },
     },
-    build: {
-        outDir: '../../dist-fluxy',
-        emptyOutDir: true,
-        rollupOptions: {
-            input: {
-                fluxy: path.resolve(__dirname, 'supervisor/chat/fluxy.html'),
-                onboard: path.resolve(__dirname, 'supervisor/chat/onboard.html')
-            }
-        }
+  },
+  server: {
+    warmup: {
+      clientFiles: ['./fluxy-main.tsx', './onboard-main.tsx'],
     },
-    server: {
-        warmup: {
-            clientFiles: ['./fluxy-main.tsx', './onboard-main.tsx']
-        }
-    },
-    optimizeDeps: {
-        include: [
-            'react',
-            'react-dom/client',
-            'react/jsx-runtime',
-            'lucide-react',
-            'framer-motion',
-            'react-markdown',
-            'remark-gfm',
-            'react-syntax-highlighter',
-            'react-syntax-highlighter/dist/esm/styles/prism/one-dark',
-            'use-sync-external-store',
-            'use-sync-external-store/shim'
-        ]
-    },
-    plugins: [react(), tailwindcss()]
+  },
+  optimizeDeps: {
+    include: [
+      'react',
+      'react-dom/client',
+      'react/jsx-runtime',
+      'lucide-react',
+      'framer-motion',
+      'react-markdown',
+      'remark-gfm',
+      'react-syntax-highlighter',
+      'react-syntax-highlighter/dist/esm/styles/prism/one-dark',
+      'use-sync-external-store',
+      'use-sync-external-store/shim',
+    ],
+  },
+  plugins: [react(), tailwindcss()],
 });