fix: force dynamic for meeting page

components/init-wizard.tsx

@@ -0,0 +1,106 @@
+'use client';
+
+import { useState } from 'react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Target, Loader2, Sparkles, CheckCircle } from 'lucide-react';
+
+interface InitWizardProps {
+  onComplete: () => void;
+}
+
+export function InitWizard({ onComplete }: InitWizardProps) {
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [success, setSuccess] = useState(false);
+
+  const handleInit = async () => {
+    setIsLoading(true);
+    setError(null);
+
+    try {
+      const res = await fetch('/api/seed', { method: 'POST' });
+      const data = await res.json();
+
+      if (!res.ok) {
+        throw new Error(data.error || '初始化失败');
+      }
+
+      if (data.ownerId) {
+        localStorage.setItem('currentUserId', data.ownerId);
+      }
+
+      setSuccess(true);
+      setTimeout(() => {
+        onComplete();
+      }, 1500);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : '初始化失败');
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-slate-50 to-slate-100 p-4">
+      <Card className="w-full max-w-lg">
+        <CardHeader className="text-center space-y-4">
+          <div className="mx-auto w-16 h-16 bg-teal-100 rounded-full flex items-center justify-center">
+            <Target className="h-8 w-8 text-teal-600" />
+          </div>
+          <CardTitle className="text-2xl">欢迎使用 OKR 执行系统</CardTitle>
+          <CardDescription className="text-base">
+            系统检测到数据库为空，点击下方按钮初始化演示数据，开始体验完整功能
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="space-y-4">
+          {success ? (
+            <div className="flex flex-col items-center gap-3 py-4 text-emerald-600">
+              <CheckCircle className="h-12 w-12" />
+              <p className="font-medium">初始化成功！正在跳转...</p>
+            </div>
+          ) : (
+            <>
+              <div className="bg-slate-50 rounded-lg p-4 space-y-2 text-sm text-slate-600">
+                <p className="font-medium text-slate-800">演示数据包含：</p>
+                <ul className="space-y-1 list-disc list-inside">
+                  <li>3 位用户（老板、项目经理、工程师）</li>
+                  <li>2 个项目及成员配置</li>
+                  <li>1 个阶段目标（Objective）</li>
+                  <li>多个执行目标（KR）含不同周期</li>
+                  <li>历史打卡记录和会议纪要</li>
+                  <li>指标库和模板库</li>
+                </ul>
+              </div>
+
+              {error && (
+                <div className="bg-rose-50 text-rose-700 rounded-lg p-3 text-sm">
+                  {error}
+                </div>
+              )}
+
+              <Button
+                onClick={handleInit}
+                disabled={isLoading}
+                className="w-full bg-teal-600 hover:bg-teal-700"
+                size="lg"
+              >
+                {isLoading ? (
+                  <>
+                    <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                    正在初始化...
+                  </>
+                ) : (
+                  <>
+                    <Sparkles className="mr-2 h-4 w-4" />
+                    生成演示数据
+                  </>
+                )}
+              </Button>
+            </>
+          )}
+        </CardContent>
+      </Card>
+    </div>
+  );
+}