diff --git a/frontend/next-env.d.ts b/frontend/next-env.d.ts
index 9edff1c..c4b7818 100644
--- a/frontend/next-env.d.ts
+++ b/frontend/next-env.d.ts
@@ -1,6 +1,6 @@
///
///
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
// NOTE: This file should not be edited
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/frontend/src/app/[...path]/page.tsx b/frontend/src/app/[...path]/page.tsx
new file mode 100644
index 0000000..7051332
--- /dev/null
+++ b/frontend/src/app/[...path]/page.tsx
@@ -0,0 +1,7 @@
+"use client";
+
+import { ClientRoot } from "@/app/root";
+
+export default function CatchAllPage() {
+ return ;
+}
diff --git a/frontend/src/app/project/[id]/page.tsx b/frontend/src/app/project/[id]/page.tsx
new file mode 100644
index 0000000..41d151c
--- /dev/null
+++ b/frontend/src/app/project/[id]/page.tsx
@@ -0,0 +1,7 @@
+"use client";
+
+import { ClientRoot } from "@/app/root";
+
+export default function ProjectPage() {
+ return ;
+}
diff --git a/frontend/src/app/projects/[id]/page.tsx b/frontend/src/app/projects/[id]/page.tsx
new file mode 100644
index 0000000..41d151c
--- /dev/null
+++ b/frontend/src/app/projects/[id]/page.tsx
@@ -0,0 +1,7 @@
+"use client";
+
+import { ClientRoot } from "@/app/root";
+
+export default function ProjectPage() {
+ return ;
+}
diff --git a/frontend/src/app/projects/page.tsx b/frontend/src/app/projects/page.tsx
new file mode 100644
index 0000000..e3096bc
--- /dev/null
+++ b/frontend/src/app/projects/page.tsx
@@ -0,0 +1,7 @@
+"use client";
+
+import { ClientRoot } from "@/app/root";
+
+export default function ProjectsPage() {
+ return ;
+}
diff --git a/frontend/src/application/route.ts b/frontend/src/application/route.ts
index da55163..b2e7b6a 100644
--- a/frontend/src/application/route.ts
+++ b/frontend/src/application/route.ts
@@ -1,25 +1,44 @@
export type AppRoute =
| { name: "home" }
| { name: "projects" }
- | { name: "project"; id: string };
+ | { name: "project"; id: string }
+ | { name: "notFound" };
export function readRoute(): AppRoute {
if (typeof window === "undefined") {
return { name: "home" };
}
const hash = window.location.hash.replace(/^#/, "");
- if (hash === "/projects") {
+ if (hash) {
+ return routeFromPath(hash) ?? { name: "notFound" };
+ }
+
+ return routeFromPath(window.location.pathname) ?? { name: "notFound" };
+}
+
+function routeFromPath(path: string): AppRoute | null {
+ const [pathOnly] = path.split(/[?#]/);
+ const normalized = pathOnly.replace(/\/+$/, "") || "/";
+ if (normalized === "/projects") {
return { name: "projects" };
}
- const match = hash.match(/^\/project\/([^/]+)$/);
+ const match = normalized.match(/^\/projects?\/([^/]+)$/);
if (match) {
return { name: "project", id: decodeURIComponent(match[1]) };
}
- return { name: "home" };
+ if (normalized === "/") {
+ return { name: "home" };
+ }
+ return null;
}
export function openHome() {
if (typeof window === "undefined") return;
+ if (window.location.pathname !== "/") {
+ window.history.pushState(null, "", "/");
+ window.dispatchEvent(new PopStateEvent("popstate"));
+ return;
+ }
window.location.hash = "/";
}
diff --git a/frontend/src/infrastructure/designGateway.ts b/frontend/src/infrastructure/designGateway.ts
index 344378c..bd55a7e 100644
--- a/frontend/src/infrastructure/designGateway.ts
+++ b/frontend/src/infrastructure/designGateway.ts
@@ -168,19 +168,17 @@ export const designGateway = {
agentSocket(projectId: string, payload: AgentChatPayload, handlers: ProjectEventHandlers) {
let closed = false;
- let closeEvents: (() => void) | null = payload.threadId ? designGateway.projectEvents(projectId, handlers, { threadId: payload.threadId }) : null;
+ let closeEvents: (() => void) | null = null;
void designGateway
.agentChat(projectId, payload)
.then((response) => {
if (closed) return;
handlers.onProject?.(response.project);
- if (!closeEvents) {
- closeEvents = designGateway.projectEvents(response.project.id, handlers, {
- threadId: response.threadId || payload.threadId,
- eventsUrl: response.eventsUrl
- });
- }
+ closeEvents = designGateway.projectEvents(response.project.id, handlers, {
+ threadId: response.threadId || payload.threadId,
+ eventsUrl: response.eventsUrl
+ });
})
.catch((error: Error) => {
if (!closed) {
diff --git a/frontend/src/ui/App.tsx b/frontend/src/ui/App.tsx
index 7c9f57e..45b944e 100644
--- a/frontend/src/ui/App.tsx
+++ b/frontend/src/ui/App.tsx
@@ -2,7 +2,8 @@
import { Loader2 } from "lucide-react";
import { useEffect, useState } from "react";
-import { readRoute, type AppRoute } from "@/application/route";
+import { openHome, readRoute, type AppRoute } from "@/application/route";
+import { BrandMark } from "@/ui/components/BrandMark";
import { CanvasWorkspace } from "@/ui/pages/CanvasWorkspace";
import { HomePage } from "@/ui/pages/HomePage";
import { ProjectsRoutePage } from "@/ui/pages/ProjectsRoutePage";
@@ -16,7 +17,11 @@ export function App() {
setRoute(readRoute());
const handleRoute = () => setRoute(readRoute());
window.addEventListener("hashchange", handleRoute);
- return () => window.removeEventListener("hashchange", handleRoute);
+ window.addEventListener("popstate", handleRoute);
+ return () => {
+ window.removeEventListener("hashchange", handleRoute);
+ window.removeEventListener("popstate", handleRoute);
+ };
}, []);
useEffect(() => {
@@ -33,8 +38,184 @@ export function App() {
);
}
- if (route.name === "project" && !isAuthenticated) return ;
+ if (route.name === "project" && !isAuthenticated) return ;
if (route.name === "project") return ;
if (route.name === "projects") return ;
+ if (route.name === "notFound") return ;
return ;
}
+
+function NotFoundPage() {
+ const handleHome = () => {
+ openHome();
+ };
+
+ return (
+
+
+
+ 404：页面未找到！
+ 我们到处都找过了，但找不到您要找的页面。
+
+
+
+ );
+}
+
+function NotFoundMark() {
+ return (
+
+ );
+}
+
+function ProjectAuthPreview() {
+ return (
+
+
+
+
+
+
+
+
+