fluxy-bot 0.2.39 → 0.2.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluxy-bot",
-  "version": "0.2.39",
+  "version": "0.2.41",
   "description": "Self-hosted AI bot — run your own AI assistant from anywhere",
   "type": "module",
   "license": "MIT",

package/supervisor/chat/fluxy-main.tsx

@@ -106,7 +106,7 @@ function FluxyApp() {
         const cfgRes = await fetch('/api/auth/configured');
         const cfg = await cfgRes.json();
         if (!cfg.configured) {
-          setAuthState('first-run'); // No credentials yet — allow chat for onboarding
+          setAuthState('first-run');
         } else {
           setAuthState('unauthenticated');
         }

package/workspace/client/src/App.tsx

@@ -1,10 +1,9 @@
 import { useState, useEffect } from 'react';
-import { Routes, Route, Navigate, useLocation } from 'react-router-dom';
+import { Routes, Route, Navigate } from 'react-router-dom';
 import ErrorBoundary from './components/ErrorBoundary';
 import DashboardLayout from './components/Layout/DashboardLayout';
 import DashboardPage from './components/Dashboard/DashboardPage';
 import LandingPage from './components/Landing/LandingPage';
-import LoginPage from './components/Auth/LoginPage';
 
 function DashboardError() {
   return (
@@ -31,7 +30,6 @@ function ProtectedRoute({ children }: { children: React.ReactNode }) {
   useEffect(() => {
     (async () => {
       try {
-        // Check if credentials are configured at all
         const cfgRes = await fetch('/api/auth/configured');
         const cfg = await cfgRes.json();
         if (!cfg.configured) {
@@ -40,12 +38,10 @@ function ProtectedRoute({ children }: { children: React.ReactNode }) {
           return;
         }
 
-        // Credentials exist — verify session
         const meRes = await fetch('/api/auth/me');
         const me = await meRes.json();
         setStatus(me.authenticated ? 'ok' : 'denied');
       } catch {
-        // Worker not ready — allow (onboarding scenario)
         setStatus('ok');
       }
     })();
@@ -59,7 +55,8 @@ function ProtectedRoute({ children }: { children: React.ReactNode }) {
     );
   }
 
-  if (status === 'denied') return <Navigate to="/login" replace />;
+  // Not authenticated — send to landing page (login via chat bubble)
+  if (status === 'denied') return <Navigate to="/" replace />;
 
   return <>{children}</>;
 }
@@ -151,7 +148,6 @@ export default function App() {
   return (
     <Routes>
       <Route path="/" element={<LandingPage />} />
-      <Route path="/login" element={<LoginPage />} />
       <Route
         path="/dashboard"
         element={

package/workspace/client/src/components/Landing/LandingPage.tsx

@@ -5,19 +5,38 @@ export default function LandingPage() {
   const navigate = useNavigate();
   const [botName, setBotName] = useState('Fluxy');
   const [isAuthed, setIsAuthed] = useState(false);
-  const [checking, setChecking] = useState(true);
+  const [showOnboard, setShowOnboard] = useState(false);
 
   useEffect(() => {
     Promise.all([
       fetch('/api/settings').then((r) => r.json()).catch(() => null),
       fetch('/api/auth/me').then((r) => r.json()).catch(() => null),
-    ]).then(([settings, me]) => {
+      fetch('/api/auth/configured').then((r) => r.json()).catch(() => null),
+    ]).then(([settings, me, cfg]) => {
       if (settings?.agent_name) setBotName(settings.agent_name);
       if (me?.authenticated) setIsAuthed(true);
-      setChecking(false);
+      // First run — show onboard overlay
+      if (cfg && !cfg.configured && !cfg.onboardComplete) setShowOnboard(true);
     });
   }, []);
 
+  // Hide/show bubble during onboarding
+  useEffect(() => {
+    const bubble = document.getElementById('fluxy-widget-bubble');
+    if (bubble) bubble.style.display = showOnboard ? 'none' : '';
+  }, [showOnboard]);
+
+  // Listen for onboard complete from fluxy iframe
+  useEffect(() => {
+    const handler = (e: MessageEvent) => {
+      if (e.data?.type === 'fluxy:onboard-complete') {
+        setShowOnboard(false);
+      }
+    };
+    window.addEventListener('message', handler);
+    return () => window.removeEventListener('message', handler);
+  }, []);
+
   return (
     <div className="min-h-dvh flex flex-col bg-background">
       {/* Header */}
@@ -26,12 +45,12 @@ export default function LandingPage() {
           <img src="/fluxy.png" alt={botName} className="h-6 w-auto" />
           <span className="text-sm font-semibold">{botName}</span>
         </div>
-        {!checking && (
+        {isAuthed && (
           <button
-            onClick={() => navigate(isAuthed ? '/dashboard' : '/login')}
+            onClick={() => navigate('/dashboard')}
             className="text-sm font-medium px-4 py-2 rounded-full border border-white/[0.08] hover:bg-white/[0.06] transition-colors"
           >
-            {isAuthed ? 'Dashboard' : 'Sign In'}
+            Dashboard
           </button>
         )}
       </header>
@@ -58,6 +77,14 @@ export default function LandingPage() {
       <footer className="py-4 text-center">
         <p className="text-xs text-muted-foreground/60">Powered by Fluxy</p>
       </footer>
+
+      {/* Onboard overlay (first run) — served from dist-fluxy (supervisor territory) */}
+      {showOnboard && (
+        <iframe
+          src="/fluxy/onboard.html"
+          style={{ position: 'fixed', inset: 0, width: '100vw', height: '100dvh', border: 'none', zIndex: 200 }}
+        />
+      )}
     </div>
   );
 }

package/workspace/client/src/components/Auth/LoginPage.tsx

@@ -1,83 +0,0 @@
-import { useState } from 'react';
-import { useNavigate, Link } from 'react-router-dom';
-
-export default function LoginPage() {
-  const navigate = useNavigate();
-  const [username, setUsername] = useState('');
-  const [password, setPassword] = useState('');
-  const [error, setError] = useState('');
-  const [loading, setLoading] = useState(false);
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-    setError('');
-    setLoading(true);
-    try {
-      const res = await fetch('/api/auth/login', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ username, password }),
-      });
-      const data = await res.json();
-      if (data.ok) {
-        navigate('/dashboard');
-      } else {
-        setError(data.error || 'Login failed');
-      }
-    } catch {
-      setError('Connection error');
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  return (
-    <div className="min-h-dvh flex flex-col items-center justify-center bg-background px-6">
-      <div className="w-full max-w-sm">
-        <div className="flex flex-col items-center mb-8">
-          <img src="/fluxy.png" alt="Fluxy" className="h-12 w-auto mb-4" />
-          <h1 className="text-xl font-semibold">Welcome Back</h1>
-          <p className="text-sm text-muted-foreground mt-1">Sign in to access the dashboard</p>
-        </div>
-
-        <form onSubmit={handleSubmit} className="flex flex-col gap-3">
-          <input
-            type="text"
-            placeholder="Username"
-            value={username}
-            onChange={(e) => setUsername(e.target.value)}
-            autoComplete="username"
-            autoFocus
-            className="w-full bg-white/[0.05] border border-white/[0.08] rounded-xl px-4 py-3 text-sm text-foreground placeholder:text-muted-foreground outline-none input-glow"
-          />
-          <input
-            type="password"
-            placeholder="Password"
-            value={password}
-            onChange={(e) => setPassword(e.target.value)}
-            autoComplete="current-password"
-            className="w-full bg-white/[0.05] border border-white/[0.08] rounded-xl px-4 py-3 text-sm text-foreground placeholder:text-muted-foreground outline-none input-glow"
-          />
-          {error && (
-            <div className="bg-red-500/8 border border-red-500/15 rounded-lg px-3 py-2 text-xs text-red-400">
-              {error}
-            </div>
-          )}
-          <button
-            type="submit"
-            disabled={loading || !username || !password}
-            className="w-full bg-gradient-brand text-white font-medium rounded-full py-3 text-sm hover:opacity-90 transition-opacity disabled:opacity-50"
-          >
-            {loading ? 'Signing in...' : 'Sign In'}
-          </button>
-        </form>
-
-        <div className="mt-6 text-center">
-          <Link to="/" className="text-sm text-muted-foreground hover:text-foreground transition-colors">
-            Back to home
-          </Link>
-        </div>
-      </div>
-    </div>
-  );
-}