fluxy-bot 0.2.44 → 0.3.1

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

@@ -1,98 +0,0 @@
-import { useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-
-export default function LandingPage() {
-  const navigate = useNavigate();
-  const [botName, setBotName] = useState('Fluxy');
-  const [isAuthed, setIsAuthed] = useState(false);
-  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),
-      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);
-      // 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);
-        // Re-check auth — onboard auto-issues a JWT cookie
-        fetch('/api/auth/me').then((r) => r.json())
-          .then((me) => { if (me?.authenticated) setIsAuthed(true); })
-          .catch(() => {});
-        // Re-fetch bot name
-        fetch('/api/settings').then((r) => r.json())
-          .then((s) => { if (s?.agent_name) setBotName(s.agent_name); })
-          .catch(() => {});
-      }
-    };
-    window.addEventListener('message', handler);
-    return () => window.removeEventListener('message', handler);
-  }, []);
-
-  return (
-    <div className="min-h-dvh flex flex-col bg-background">
-      {/* Header */}
-      <header className="flex items-center justify-between px-6 py-4">
-        <div className="flex items-center gap-2">
-          <img src="/fluxy.png" alt={botName} className="h-6 w-auto" />
-          <span className="text-sm font-semibold">{botName}</span>
-        </div>
-        {isAuthed && (
-          <button
-            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"
-          >
-            Dashboard
-          </button>
-        )}
-      </header>
-
-      {/* Hero */}
-      <main className="flex-1 flex flex-col items-center justify-center px-6 text-center">
-        <video
-          src="/fluxy_say_hi.webm"
-          autoPlay
-          loop
-          muted
-          playsInline
-          className="h-28 w-28 rounded-full object-cover mb-8"
-        />
-        <h1 className="text-3xl sm:text-4xl font-bold mb-3">
-          <span className="text-gradient">{botName}</span>
-        </h1>
-        <p className="text-muted-foreground text-base max-w-md">
-          Your personal AI assistant, always ready to help.
-        </p>
-      </main>
-
-      {/* Footer */}
-      <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>
-  );
-}