diff --git a/app/canvas/loading.tsx b/app/canvas/loading.tsx
new file mode 100644
index 000000000..b1c3afc82
--- /dev/null
+++ b/app/canvas/loading.tsx
@@ -0,0 +1,12 @@
+import { Loader2 } from "lucide-react";
+
+export default function CanvasLoading() {
+  return (
+    <div className="flex h-dvh w-screen items-center justify-center bg-[#050607] text-white/70">
+      <div className="flex flex-col items-center gap-4 rounded-[32px] border border-white/10 bg-white/[0.04] px-8 py-7 shadow-[0_24px_90px_rgba(0,0,0,0.42)]">
+        <Loader2 className="h-5 w-5 animate-spin text-emerald-300" />
+        <div className="text-sm tracking-[0.08em]">正在进入工作台...</div>
+      </div>
+    </div>
+  );
+}
diff --git a/app/(chat)/canvas/page.tsx b/app/canvas/page.tsx
similarity index 97%
rename from app/(chat)/canvas/page.tsx
rename to app/canvas/page.tsx
index 539258ba8..ccdd775c2 100644
--- a/app/(chat)/canvas/page.tsx
+++ b/app/canvas/page.tsx
@@ -5,6 +5,8 @@ import { db } from "@/lib/db";
 import { canvasProject } from "@/lib/db/schema";
 import { and, desc, eq } from "drizzle-orm";
 
+export const dynamic = "force-dynamic";
+
 type CanvasRedirectPageProps = {
   searchParams?: Promise<Record<string, string | string[] | undefined>>;
 };