App.tsx

import React, { useState } from 'react';
import { Message, Toast, TabType, AppSettings, DeclutterItem, Task } from './types';
import { translations } from './i18n';
import AppLayout from './components/AppLayout';
import ChatView from './views/ChatView';
import TaskListView from './views/TaskListView';
import SettingsView from './views/SettingsView';
import DeclutterView from './views/DeclutterView';
import FacebookView from './views/FacebookView';
import HomeScreenView from './views/HomeScreenView';
import TutorialModal from './components/TutorialModal';
import { useDemoMode } from './hooks/useDemoMode';
import { useTaskManager } from './hooks/useTaskManager';
import { useMessageHandler } from './hooks/useMessageHandler';
import { useNudgeChecker } from './hooks/useNudgeChecker';

type AppScreen = 'home' | 'facebook' | 'buddy';

function App() {
  // --- 全域狀態 ---
  const [currentScreen, setCurrentScreen] = useState<AppScreen>('home');
  const [activeTab, setActiveTab] = useState<TabType>('chat');
  const [settings, setSettings] = useState<AppSettings>({
      buddyName: 'Buddy',
    language: 'en-US',
      selectedModel: 'gemini-2.5-flash',
      customInstruction: '',
    demoMode: 'demo1'
  });

  const t = translations[settings.language]; 

  // --- Demo 模式管理 ---
  const { currentDate, setCurrentDate, tasks, setTasks } = useDemoMode(settings.demoMode);

  // --- 消息和任務狀態 ---
  const [messages, setMessages] = useState<Message[]>([{
      id: 'welcome',
      role: 'model',
    text: t.chat.welcome.replace('{{name}}', settings.buddyName),
      timestamp: new Date(),
      tone: 'casual'
  }]);
  
  const [inputValue, setInputValue] = useState('');
  const [toasts, setToasts] = useState<Toast[]>([]);
  const [pendingTask, setPendingTask] = useState<Task | null>(null);
  
  // --- Declutter 狀態 ---
  const [declutterItems, setDeclutterItems] = useState<DeclutterItem[]>([]);

  // --- 教學狀態 ---
  const [showTutorial, setShowTutorial] = useState(false);

  // --- Toast 工具函數 ---
  const addToast = (msg: string, type: 'info' | 'urgent') => {
    const id = Date.now().toString() + Math.random();
    setToasts(prev => [...prev, { id, message: msg, type }]);
    setTimeout(() => {
      setToasts(prev => prev.filter(t => t.id !== id));
    }, 3000);
  };

  // --- 任務管理 ---
  const taskManager = useTaskManager(
    tasks,
    setTasks,
    messages,
    setMessages,
    pendingTask,
    setPendingTask,
    currentDate,
    settings.language
  );

  // --- Nudge 檢查 ---
  const { clearAbandonQueue } = useNudgeChecker(
    tasks,
    currentDate,
    messages,
    setMessages,
    taskManager.autoAbandonTask,
    addToast,
    settings.language
  );

  // --- 消息處理 ---
  const { handleSendMessage, isProcessing } = useMessageHandler(
    messages,
    setMessages,
    tasks,
    pendingTask,
    setPendingTask,
    currentDate,
    settings,
    taskManager,
    clearAbandonQueue,
    addToast
  );

  // --- Facebook 分享處理 ---
  const handleShareFromFacebook = (postContent: string, postUrl?: string) => {
    handleSendMessage(postContent, undefined);
    
    const toastMessage = settings.language === 'zh-TW' 
      ? '已分享貼文給 Buddy！' 
      : 'Shared post to Buddy!';
    addToast(toastMessage, 'info');
  };

  const handleEnterApp = () => {
    setCurrentScreen('buddy');
    setActiveTab('chat');
  };

  // --- 主頁處理 ---
  const handleOpenFacebook = () => {
    setCurrentScreen('facebook');
  };

  const handleOpenBuddy = () => {
    setCurrentScreen('buddy');
    setActiveTab('chat');
  };

  const handleGoHome = () => {
    setCurrentScreen('home');
  };

  // --- Declutter 處理 ---
  const handleAddDeclutterItem = (item: DeclutterItem) => {
      setDeclutterItems(prev => [item, ...prev]);
  };

  const handleUpdateDeclutterItem = (id: string, updates: Partial<DeclutterItem>) => {
      setDeclutterItems(prev => prev.map(item => item.id === id ? { ...item, ...updates } : item));
  };

  const handleRemoveDeclutterItem = (id: string) => {
      setDeclutterItems(prev => prev.filter(item => item.id !== id));
  };

  // --- 時間跳躍 ---
  const handleTimeJump = (days: number) => {
    const newDate = new Date(currentDate);
    newDate.setDate(newDate.getDate() + days);
    setCurrentDate(newDate);
    const toastMessage = t.toast.timeJump.replace('{{days}}', days.toString());
    addToast(toastMessage, 'info');
  };

  // --- 教學 ---
  const handleCloseTutorial = () => {
    setShowTutorial(false);
    localStorage.setItem('hasSeenBuddyTutorial', 'true');
  };

  const handleShowTutorial = () => {
    setShowTutorial(true);
  };

  // --- iPhone 外框樣式（放大版）---
  const iPhoneFrameClass = "flex flex-col w-full h-[100dvh] max-w-[430px] relative overflow-hidden sm:h-[932px] sm:rounded-[55px] sm:border-[14px] sm:border-black sm:shadow-[0_0_0_2px_#333,0_25px_60px_rgba(0,0,0,0.5)]";

  // --- 渲染 ---
  // 顯示主頁畫面
  if (currentScreen === 'home') {
    return (
      <div className="min-h-screen w-full bg-neutral-800 flex items-center justify-center font-sans">
        <div className={iPhoneFrameClass + " bg-black"}>
          <HomeScreenView
            onOpenFacebook={handleOpenFacebook}
            onOpenBuddy={handleOpenBuddy}
            buddyName={settings.buddyName}
            language={settings.language}
            t={t}
            hasNotifications={tasks.filter(t => t.status === 'active').length}
            currentDate={currentDate}
            onTimeJump={handleTimeJump}
            messageCount={messages.length}
            lastMessage={messages.filter(m => m.role === 'model').slice(-1)[0]?.text || ''}
          />
        </div>
      </div>
    );
  }

  // 顯示 Facebook 畫面
  if (currentScreen === 'facebook') {
    return (
      <>
        <div className="min-h-screen w-full bg-neutral-800 flex items-center justify-center font-sans">
          <div className={iPhoneFrameClass + " bg-white"}>
            <FacebookView 
              onShareToBuddy={handleShareFromFacebook}
              onEnterApp={handleEnterApp}
              buddyName={settings.buddyName}
              language={settings.language}
              t={t}
            />
          </div>
        </div>
        {/* Toast 通知 */}
        <div className="fixed top-4 right-4 z-50 space-y-2">
          {toasts.map(toast => (
            <div key={toast.id} className="animate-slide-in">
              <div className={`px-4 py-3 rounded-lg shadow-lg ${
                toast.type === 'urgent' ? 'bg-red-500' : 'bg-indigo-600'
              } text-white text-sm font-medium`}>
                {toast.message}
              </div>
            </div>
          ))}
        </div>
      </>
    );
  }

  // Buddy App 畫面
  return (
    <AppLayout
        activeTab={activeTab}
        onTabChange={setActiveTab}
        currentDate={currentDate}
        onTimeJump={handleTimeJump}
        toasts={toasts}
        onToastRemove={(id) => setToasts(prev => prev.filter(t => t.id !== id))}
        activeTaskCount={tasks.filter(t => t.status === 'active').length}
        buddyName={settings.buddyName}
        t={t}
        onShowTutorial={activeTab === 'chat' || activeTab === 'tasks' ? handleShowTutorial : undefined}
      onGoHome={handleGoHome}
    >
        {activeTab === 'chat' && (
            <ChatView 
                messages={messages}
                isProcessing={isProcessing}
                inputValue={inputValue}
                setInputValue={setInputValue}
                onSendMessage={handleSendMessage}
          onTaskAction={taskManager.handleTaskAction}
          onTaskEdit={taskManager.handleTaskEdit}
                buddyName={settings.buddyName}
                language={settings.language}
                t={t}
            />
        )}
        {activeTab === 'tasks' && (
            <TaskListView 
                tasks={tasks}
          onTaskAction={taskManager.handleTaskAction}
          onTaskEdit={taskManager.handleTaskEdit}
          onAddTask={taskManager.handleManualAddTask}
                t={t}
            />
        )}
        {activeTab === 'declutter' && (
            <DeclutterView 
                items={declutterItems}
                onAddItem={handleAddDeclutterItem}
                onUpdateItem={handleUpdateDeclutterItem}
                onRemoveItem={handleRemoveDeclutterItem}
                language={settings.language}
                t={t}
                onToast={addToast}
            />
        )}
        {activeTab === 'settings' && (
            <SettingsView 
                settings={settings}
                onSettingsChange={setSettings}
                t={t}
            />
        )}

      {/* 全域 Buddy 教學 Modal */}
        {showTutorial && (
            <TutorialModal 
                title={t.tutorial.buddyTitle}
                steps={t.tutorial.buddySteps}
                buttonText={t.tutorial.gotIt}
                onClose={handleCloseTutorial}
            />
        )}
    </AppLayout>
  );
}

export default App;