0.3.1 UI修复

wolai-frontend/src/app/(app)/documents/[id]/page.tsx

@@ -1,10 +1,8 @@
 import { notFound, redirect } from "next/navigation";
-import { createSupabaseServerClient } from "@/lib/supabase/server";
 import { DocumentShell } from "@/components/editor/document-shell";
 import type { PageOptionsState, DocumentStats } from "@/types/page-options";
 import { isConvexEnabled } from "@/lib/convex/enabled";
-import { requireAuthContext } from "@/lib/auth/authContext";
-import { getConvexHttpClient } from "@/lib/convex/server";
+import { getAuthedConvexClient } from "@/lib/convex/route";
 import { api } from "@/lib/convex/api";
 
 interface DocumentPageProps {
@@ -20,9 +18,8 @@ export default async function DocumentPage({ params, searchParams }: DocumentPag
   const openTableId = typeof openTableIdRaw === "string" ? openTableIdRaw : null;
 
   if (isConvexEnabled()) {
-    const auth = await requireAuthContext();
-    const client = getConvexHttpClient();
-    const doc = await client.query(api.documents.getMeta, { userId: auth.userId, id });
+    const { client } = await getAuthedConvexClient();
+    const doc = await client.query(api.documents.getMeta, { id });
     if (!doc) {
       notFound();
     }
@@ -61,58 +58,5 @@ export default async function DocumentPage({ params, searchParams }: DocumentPag
     );
   }
 
-  const supabase = await createSupabaseServerClient();
-  const {
-    data: { session },
-  } = await supabase.auth.getSession();
-
-  if (!session) {
-    redirect("/login");
-  }
-
-  const { data: document } = await supabase
-    .from("documents")
-    .select(
-      "id,title,updated_at,workspace_id,wide_layout,use_small_text,show_heading_numbers,show_toc,show_structure,protect_editing,show_word_count,word_count,character_count,block_count",
-    )
-    .eq("user_id", session.user.id)
-    .eq("id", id)
-    .single();
-
-  if (!document) {
-    notFound();
-  }
-
-  const initialOptions: PageOptionsState = {
-    wideLayout: document.wide_layout ?? false,
-    smallText: document.use_small_text ?? false,
-    showHeadingNumbers: document.show_heading_numbers ?? true,
-    showToc: document.show_toc ?? false,
-    showStructure: document.show_structure ?? false,
-    protectEditing: document.protect_editing ?? false,
-    showWordCount: document.show_word_count ?? true,
-  };
-
-  const initialStats: DocumentStats = {
-    wordCount: document.word_count ?? 0,
-    characterCount: document.character_count ?? 0,
-    blockCount: document.block_count ?? 0,
-  };
-
-  return (
-    <div className="flex h-screen flex-col">
-      <div className="min-h-0 flex-1">
-        <DocumentShell
-          documentId={document.id}
-          workspaceId={document.workspace_id}
-          title={document.title}
-          updatedAt={document.updated_at}
-          initialContent={null}
-          initialOptions={initialOptions}
-          initialStats={initialStats}
-          openTableId={openTableId}
-        />
-      </div>
-    </div>
-  );
+  redirect("/auth");
 }

wolai-frontend/src/app/(app)/layout.tsx

@@ -5,14 +5,10 @@ import { Breadcrumb } from "@/components/breadcrumb";
 import { BottomToolbar } from "@/components/bottom-toolbar";
 import { MobileSidebarTrigger } from "@/components/mobile-sidebar-trigger";
 import type { DocumentRecord } from "@/lib/documents";
-import { createSupabaseServerClient } from "@/lib/supabase/server";
-import { ensureDefaultWorkspace, fetchWorkspaceSummaries } from "@/lib/workspaces";
-import { fetchSidebarDataset } from "@/lib/sidebar-tree";
 import type { SidebarInitialData } from "@/components/sidebar/types";
 import { SearchPalette } from "@/components/search/search-palette";
 import { isConvexEnabled } from "@/lib/convex/enabled";
-import { requireAuthContext } from "@/lib/auth/authContext";
-import { getConvexHttpClient } from "@/lib/convex/server";
+import { getAuthedConvexClient } from "@/lib/convex/route";
 import { api } from "@/lib/convex/api";
 import type { MediaAsset } from "@/types/media";
 
@@ -66,11 +62,9 @@ function makeId(): string {
 
 export default async function AppLayout({ children }: { children: ReactNode }) {
   if (isConvexEnabled()) {
-    const auth = await requireAuthContext();
-    const client = getConvexHttpClient();
+    const { auth, client } = await getAuthedConvexClient();
 
     const ensured = await client.mutation(api.workspaces.ensureDefaultWorkspace, {
-      userId: auth.userId,
       fallbackName: auth.name ?? auth.email ?? "我的空间",
       workspaceIdIfCreate: makeId(),
     });
@@ -84,11 +78,9 @@ export default async function AppLayout({ children }: { children: ReactNode }) {
     if (activeWorkspaceId) {
       const [docRows, trashedDocs] = await Promise.all([
         client.query(api.documents.listByWorkspace, {
-          userId: auth.userId,
           workspaceId: activeWorkspaceId,
         }),
         client.query(api.documents.listTrashedByWorkspace, {
-          userId: auth.userId,
           workspaceId: activeWorkspaceId,
         }),
       ]);
@@ -96,7 +88,6 @@ export default async function AppLayout({ children }: { children: ReactNode }) {
       documents = docRows as unknown as DocumentRecord[];
 
       const mindmapRows = await client.query(api.mindmaps.listByWorkspace, {
-        userId: auth.userId,
         workspaceId: activeWorkspaceId,
         includeDeleted: true,
       });
@@ -178,10 +169,10 @@ export default async function AppLayout({ children }: { children: ReactNode }) {
     }
 
     return (
-      <div className="flex h-screen bg-white">
+      <div className="flex h-screen w-full overflow-hidden bg-wolai-bg text-wolai-text-primary">
         {sidebarInitialData && <Sidebar initialData={sidebarInitialData} />}
-        <div className="flex min-w-0 flex-1 flex-col">
-          <header className="flex h-10 items-center gap-4 border-b border-[#eeeeee] px-4">
+        <div className="flex min-w-0 flex-1 flex-col h-full bg-white relative overflow-hidden">
+          <header className="h-[44px] w-full flex items-center px-4 text-wolai-text-secondary text-sm bg-white/80 backdrop-blur-sm sticky top-0 z-50">
             <MobileSidebarTrigger />
             <Breadcrumb documents={documents} />
           </header>
@@ -193,58 +184,5 @@ export default async function AppLayout({ children }: { children: ReactNode }) {
     );
   }
 
-  const supabase = await createSupabaseServerClient();
-  const {
-    data: { session },
-  } = await supabase.auth.getSession();
-
-  if (!session) {
-    redirect("/login");
-  }
-
-  await ensureDefaultWorkspace(supabase, session.user.id, session.user.email ?? "我的空间");
-  const { workspaces, activeWorkspaceId } = await fetchWorkspaceSummaries(supabase, session.user.id);
-
-  let documents: DocumentRecord[] = [];
-  let sidebarInitialData: SidebarInitialData | null = null;
-
-  if (activeWorkspaceId) {
-    const dataset = await fetchSidebarDataset(supabase, activeWorkspaceId);     
-    documents = dataset.documents;
-    const localMindmaps = await detectLocalMindmapDocs(
-      dataset.documents.map((d) => d.id),
-    );
-    const mindmapDocs = Array.from(
-      new Set([...(dataset.mindmapDocs ?? []), ...localMindmaps]),
-    );
-    const trashedMindmapAssets = await detectLocalTrashedMindmapAssets(
-      activeWorkspaceId,
-      dataset.documents.map((d) => d.id),
-    );
-    sidebarInitialData = {
-      activeWorkspaceId,
-      workspaces,
-      documents: dataset.documents,
-      trashedDocuments: dataset.trashedDocuments,
-      trashedMediaAssets: dataset.trashedMediaAssets ?? [],
-      trashedMindmapAssets,
-      mediaAssets: dataset.mediaAssets,
-      mindmapDocs,
-    };
-  }
-
-  return (
-    <div className="flex h-screen bg-white">
-      {sidebarInitialData && <Sidebar initialData={sidebarInitialData} />}
-      <div className="flex min-w-0 flex-1 flex-col">
-        <header className="flex h-10 items-center gap-4 border-b border-[#eeeeee] px-4">
-          <MobileSidebarTrigger />
-          <Breadcrumb documents={documents} />
-        </header>
-        <main className="flex-1 overflow-hidden bg-white">{children}</main>
-        <BottomToolbar />
-        <SearchPalette workspaceId={sidebarInitialData?.activeWorkspaceId ?? null} />
-      </div>
-    </div>
-  );
+  redirect("/login");
 }