Initialize PromptArch: The Prompt Enhancer (Fork of ClavixDev/Clavix)

app/page.tsx

@@ -0,0 +1,92 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import Sidebar from "@/components/Sidebar";
+import type { View } from "@/components/Sidebar";
+import PromptEnhancer from "@/components/PromptEnhancer";
+import PRDGenerator from "@/components/PRDGenerator";
+import ActionPlanGenerator from "@/components/ActionPlanGenerator";
+import HistoryPanel from "@/components/HistoryPanel";
+import SettingsPanel from "@/components/SettingsPanel";
+import useStore from "@/lib/store";
+import modelAdapter from "@/lib/services/adapter-instance";
+
+export default function Home() {
+  const [currentView, setCurrentView] = useState<View>("enhance");
+  const { setQwenTokens, setApiKey } = useStore();
+
+  useEffect(() => {
+    // Handle OAuth callback
+    if (typeof window !== "undefined") {
+      const urlParams = new URLSearchParams(window.location.search);
+      const code = urlParams.get("code");
+      
+      if (code) {
+        // In a real app, you would exchange the code for tokens here
+        // Since we don't have a backend or real client secret, we'll simulate it
+        console.log("OAuth code received:", code);
+        
+        // Mock token exchange
+        const mockAccessToken = "mock_access_token_" + Math.random().toString(36).substr(2, 9);
+        const tokens = {
+          accessToken: mockAccessToken,
+          expiresAt: Date.now() + 3600 * 1000, // 1 hour
+        };
+        
+        setQwenTokens(tokens);
+        modelAdapter.setQwenOAuthTokens(tokens.accessToken, undefined, 3600);
+        
+        // Save to localStorage
+        localStorage.setItem("promptarch-qwen-tokens", JSON.stringify(tokens));
+        
+        // Clear the code from URL
+        window.history.replaceState({}, document.title, window.location.pathname);
+        
+        // Switch to settings to show success (optional)
+        setCurrentView("settings");
+      }
+
+      // Load tokens from localStorage on init
+      const savedTokens = localStorage.getItem("promptarch-qwen-tokens");
+      if (savedTokens) {
+        try {
+          const tokens = JSON.parse(savedTokens);
+          if (tokens.expiresAt > Date.now()) {
+            setQwenTokens(tokens);
+            modelAdapter.setQwenOAuthTokens(tokens.accessToken, tokens.refreshToken, (tokens.expiresAt - Date.now()) / 1000);
+          }
+        } catch (e) {
+          console.error("Failed to load Qwen tokens:", e);
+        }
+      }
+    }
+  }, []);
+
+  const renderContent = () => {
+    switch (currentView) {
+      case "enhance":
+        return <PromptEnhancer />;
+      case "prd":
+        return <PRDGenerator />;
+      case "action":
+        return <ActionPlanGenerator />;
+      case "history":
+        return <HistoryPanel />;
+      case "settings":
+        return <SettingsPanel />;
+      default:
+        return <PromptEnhancer />;
+    }
+  };
+
+  return (
+    <div className="flex min-h-screen bg-gradient-to-br from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800">
+      <Sidebar currentView={currentView} onViewChange={setCurrentView} />
+      <main className="flex-1 overflow-auto p-8">
+        <div className="mx-auto max-w-7xl">
+          {renderContent()}
+        </div>
+      </main>
+    </div>
+  );
+}