feat: add project-aware agent workspace

src/app/auth-startup-screen.tsx

@@ -1,26 +1,17 @@
-import { Droplets, RefreshCw } from "lucide-react";
-import { Button } from "@/shared/ui/button";
+import { Droplet } from "lucide-react";
+import { StartupScreen } from "@/shared/ui/startup-screen";
 
 export function AuthStartupScreen({ error }: { error?: boolean }) {
   return (
-    <main className="grid min-h-[100dvh] place-items-center bg-slate-100 px-5 text-slate-900">
-      <section className="surface-reading w-full max-w-md p-6 text-center shadow-xl shadow-slate-900/5">
-        <span className="mx-auto grid h-11 w-11 place-items-center rounded-xl bg-blue-600 text-white">
-          <Droplets size={22} aria-hidden="true" />
-        </span>
-        <h1 className="mt-4 text-lg font-semibold">
-          {error ? "统一身份认证连接失败" : "正在连接统一身份认证"}
-        </h1>
-        <p className="mt-2 text-sm leading-6 text-slate-500">
-          {error ? "请检查网络或 Keycloak 配置后重试。" : "正在检查登录状态，请稍候。"}
-        </p>
-        {error ? (
-          <Button className="mt-5" onClick={() => window.location.reload()}>
-            <RefreshCw size={15} aria-hidden="true" />
-            重新连接
-          </Button>
-        ) : null}
-      </section>
-    </main>
+    <StartupScreen
+      brand={{ name: "TJWater", description: "智慧水务平台", icon: <Droplet strokeWidth={1.5} /> }}
+      title={error ? "统一身份认证连接失败" : "正在连接统一身份认证"}
+      description={error ? "连接恢复后，可以重新尝试登录。" : "正在确认登录状态，完成后自动继续。"}
+      progressLabel="身份认证进度"
+      steps={[{ id: "identity", label: "检查登录状态", detail: "连接认证服务，确认登录状态", state: "loading" }]}
+      error={error ? "暂时无法连接登录服务，请检查网络连接后重试。" : null}
+      retryLabel="重新连接"
+      onRetry={() => window.location.reload()}
+    />
   );
 }