65 lines
2.1 KiB
TypeScript
65 lines
2.1 KiB
TypeScript
"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 UXDesignerPrompt from "@/components/UXDesignerPrompt";
|
|
import SlidesGenerator from "@/components/SlidesGenerator";
|
|
import GoogleAdsGenerator from "@/components/GoogleAdsGenerator";
|
|
import MarketResearcher from "@/components/MarketResearcher";
|
|
import AIAssist from "@/components/AIAssist";
|
|
import HistoryPanel from "@/components/HistoryPanel";
|
|
import SettingsPanel from "@/components/SettingsPanel";
|
|
import modelAdapter from "@/lib/services/adapter-instance";
|
|
|
|
export default function Home() {
|
|
const [currentView, setCurrentView] = useState<View>("enhance");
|
|
|
|
useEffect(() => {
|
|
console.log("[Home] Initializing Qwen OAuth service on client...");
|
|
modelAdapter["qwenService"]["initialize"]?.();
|
|
}, []);
|
|
|
|
const renderContent = () => {
|
|
switch (currentView) {
|
|
case "enhance":
|
|
return <PromptEnhancer />;
|
|
case "prd":
|
|
return <PRDGenerator />;
|
|
case "action":
|
|
return <ActionPlanGenerator />;
|
|
case "uxdesigner":
|
|
return <UXDesignerPrompt />;
|
|
case "slides":
|
|
return <SlidesGenerator />;
|
|
case "googleads":
|
|
return <GoogleAdsGenerator />;
|
|
case "market-research":
|
|
return <MarketResearcher />;
|
|
case "ai-assist":
|
|
return <AIAssist />;
|
|
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 pt-16 lg:pt-0 px-4 py-4 lg:p-8">
|
|
<div className="mx-auto max-w-7xl">
|
|
{renderContent()}
|
|
</div>
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|
|
|