feat: rename graph titles with select-then-edit interaction

src/components/workspace/graph-page.tsx

@@ -12,7 +12,7 @@ import GraphCanvas from "@/components/canvas/graph-canvas";
 export default function GraphPage({ workspaceId, boardId }: { workspaceId: string; boardId: string }) {
   const demo = useSearchParams().get("demo") === "1";
   const router = useRouter();
-  const { setBoard: setActiveBoard } = useActiveBoard();
+  const { board: activeBoard, setBoard: setActiveBoard } = useActiveBoard();
   const [board, setBoard] = useState<Board | null>(null);
   const [error, setError] = useState("");
 
@@ -54,9 +54,12 @@ export default function GraphPage({ workspaceId, boardId }: { workspaceId: strin
     return () => setActiveBoard(null);
   }, [board, boardId, workspaceId, setActiveBoard]);
 
+  const displayBoard = board && activeBoard?.id === board.id && activeBoard.workspace_id === workspaceId
+    ? { ...board, title: activeBoard.title } : board;
+
   return (
-    <main className={styles.graph} aria-label={board ? board.title + " · 无限图谱" : "无限图谱"} aria-busy={!board && !error}>
-      {board ? <GraphCanvas key={workspaceId + ":" + boardId} board={board} /> : <div className={styles.graphSurface} aria-label="正在读取画布" />}
+    <main className={styles.graph} aria-label={displayBoard ? displayBoard.title + " · 无限图谱" : "无限图谱"} aria-busy={!board && !error}>
+      {displayBoard ? <GraphCanvas key={workspaceId + ":" + boardId} board={displayBoard} /> : <div className={styles.graphSurface} aria-label="正在读取画布" />}
       {error ? <p className={styles.graphStatus} role="alert">{error}</p>
         : !board && <p className={styles.graphStatus} role="status">正在打开图谱…</p>}
     </main>