Initial commit: Sencho V1 complete with Auth and Dockerization

frontend/src/App.tsx

@@ -0,0 +1,44 @@
+import { AuthProvider, useAuth } from './context/AuthContext';
+import { Login } from './components/Login';
+import { Setup } from './components/Setup';
+import EditorLayout from './components/EditorLayout';
+
+function AppContent() {
+  const { appStatus, isAuthenticated, needsSetup, completeSetup } = useAuth();
+
+  if (appStatus === 'loading') {
+    return (
+      <div className="min-h-screen flex items-center justify-center bg-background">
+        <div className="text-muted-foreground">Loading...</div>
+      </div>
+    );
+  }
+
+  if (needsSetup) {
+    return (
+      <div className="min-h-screen flex items-center justify-center bg-background p-4">
+        <Setup className="w-full max-w-sm" onComplete={completeSetup} />
+      </div>
+    );
+  }
+
+  if (!isAuthenticated) {
+    return (
+      <div className="min-h-screen flex items-center justify-center bg-background p-4">
+        <Login className="w-full max-w-sm" />
+      </div>
+    );
+  }
+
+  return <EditorLayout />;
+}
+
+function App() {
+  return (
+    <AuthProvider>
+      <AppContent />
+    </AuthProvider>
+  );
+}
+
+export default App;