@allbluecn/web-app 0.4.22 → 0.5.1

package/src/lib/changelog/sdk-versions.ts

@@ -10,7 +10,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-start",
         "displayName": "TanStack Start",
         "version": "v1.168.49",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/start/latest"
       },
@@ -18,7 +18,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-router",
         "displayName": "TanStack Router",
         "version": "v1.170.32",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/router/latest"
       },
@@ -26,7 +26,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-query",
         "displayName": "TanStack Query",
         "version": "v5.102.8",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/query/latest"
       },
@@ -34,7 +34,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/ai",
         "displayName": "TanStack AI",
         "version": "v0.52.0",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/ai/latest"
       },
@@ -42,7 +42,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-table",
         "displayName": "TanStack Table",
         "version": "v9.2.3",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/table/latest"
       },
@@ -50,7 +50,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-form",
         "displayName": "TanStack Form",
         "version": "v2.0.0-alpha.2",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/form/latest"
       },
@@ -58,7 +58,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/charts",
         "displayName": "TanStack Charts",
         "version": "v0.16.0",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/admin/package.json#dependencies",
         "docsUrl": "https://tanstack.com/charts/latest"
       },
@@ -66,7 +66,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-pacer",
         "displayName": "TanStack Pacer",
         "version": "v0.23.0",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/pacer/latest"
       },
@@ -74,7 +74,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-hotkeys",
         "displayName": "TanStack Hotkeys",
         "version": "v0.10.0",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://tanstack.com/hotkeys/latest"
       },
@@ -82,7 +82,7 @@ export const SDK_GROUPS: SdkGroup[] = [
         "name": "@tanstack/react-virtual",
         "displayName": "TanStack Virtual",
         "version": "v3.14.10",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/admin/package.json#dependencies",
         "docsUrl": "https://tanstack.com/virtual/latest"
       }
@@ -95,15 +95,15 @@ export const SDK_GROUPS: SdkGroup[] = [
     "items": [
       {
         "name": "@allbluecn/web-app",
-        "version": "v0.4.22",
-        "lastUpdate": "Aug 29, 2026",
+        "version": "v0.5.1",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"
       },
       {
         "name": "@allbluecn/kernel",
         "version": "v0.3.1",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "packages/kernel/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"
       }
@@ -117,42 +117,42 @@ export const SDK_GROUPS: SdkGroup[] = [
       {
         "name": "Vite",
         "version": "v8.1.5",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#devDependencies",
         "docsUrl": "https://vite.dev/"
       },
       {
         "name": "Node.js",
         "version": "v24.19.0",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": ".nvmrc",
         "docsUrl": "https://nodejs.org/"
       },
       {
         "name": "Prisma",
         "version": "v7.8.0",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "packages/database/package.json#devDependencies",
         "docsUrl": "https://www.prisma.io/docs"
       },
       {
         "name": "shadcn UI",
         "version": "v1.2.4",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "apps/web/package.json#dependencies",
         "docsUrl": "https://ui.shadcn.com/"
       },
       {
         "name": "TipTap",
         "version": "v3.27.4",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "packages/shared/package.json#devDependencies",
         "docsUrl": "https://tiptap.dev/"
       },
       {
         "name": "Lucide React",
         "version": "v1.24.0",
-        "lastUpdate": "Aug 29, 2026",
+        "lastUpdate": "Sep 1, 2026",
         "source": "packages/ui/package.json#dependencies",
         "docsUrl": "https://lucide.dev/"
       }

package/src/lib/datetime.ts

@@ -3,4 +3,5 @@ export {
   formatDate,
   formatChatDate,
   formatRelative,
+  formatTimestamp,
 } from '@allbluecn/shared/lib/datetime'

package/src/lib/story/__tests__/video-embed.test.ts

@@ -0,0 +1,77 @@
+import { describe, it, expect } from "vitest";
+import { resolveVideoEmbed } from "../video-embed";
+
+describe("resolveVideoEmbed", () => {
+  it("非视频链接返回 null", () => {
+    expect(resolveVideoEmbed("https://example.com/page")).toBeNull();
+    expect(resolveVideoEmbed("https://lucide.dev/icons/layout-list")).toBeNull();
+  });
+
+  it("直链视频文件走 file 分支（忽略 query/hash）", () => {
+    expect(resolveVideoEmbed("https://cdn.example.com/a.mp4")).toEqual({
+      kind: "file",
+      src: "https://cdn.example.com/a.mp4",
+    });
+    expect(
+      resolveVideoEmbed("https://cdn.example.com/a.webm?token=x#t=1"),
+    ).toEqual({ kind: "file", src: "https://cdn.example.com/a.webm?token=x#t=1" });
+    expect(resolveVideoEmbed("https://cdn.example.com/a.MOV")).toEqual({
+      kind: "file",
+      src: "https://cdn.example.com/a.MOV",
+    });
+    // 扩展名仅匹配路径末段，不匹配 query 里的伪扩展名
+    expect(resolveVideoEmbed("https://example.com/watch?file=a.mp4")).toBeNull();
+  });
+
+  it("YouTube watch 页转换为 embed 播放器", () => {
+    expect(resolveVideoEmbed("https://www.youtube.com/watch?v=dQw4w9WgXcQ")).toEqual({
+      kind: "iframe",
+      src: "https://www.youtube.com/embed/dQw4w9WgXcQ",
+    });
+    expect(
+      resolveVideoEmbed("https://www.youtube.com/watch?v=dQw4w9WgXcQ&t=30s"),
+    ).toEqual({ kind: "iframe", src: "https://www.youtube.com/embed/dQw4w9WgXcQ" });
+  });
+
+  it("YouTube youtu.be 短链与 shorts 转换", () => {
+    expect(resolveVideoEmbed("https://youtu.be/dQw4w9WgXcQ")).toEqual({
+      kind: "iframe",
+      src: "https://www.youtube.com/embed/dQw4w9WgXcQ",
+    });
+    expect(resolveVideoEmbed("https://www.youtube.com/shorts/abc123")).toEqual({
+      kind: "iframe",
+      src: "https://www.youtube.com/embed/abc123",
+    });
+    // 已是 embed 链接原样返回
+    expect(resolveVideoEmbed("https://www.youtube.com/embed/dQw4w9WgXcQ")).toEqual({
+      kind: "iframe",
+      src: "https://www.youtube.com/embed/dQw4w9WgXcQ",
+    });
+  });
+
+  it("Bilibili 视频页转换为官方播放器（BV 号 + 分 P）", () => {
+    expect(
+      resolveVideoEmbed("https://www.bilibili.com/video/BV1GJ411x7h7/"),
+    ).toEqual({
+      kind: "iframe",
+      src: "https://player.bilibili.com/player.html?bvid=BV1GJ411x7h7&autoplay=0",
+    });
+    expect(
+      resolveVideoEmbed("https://www.bilibili.com/video/BV1GJ411x7h7?p=3"),
+    ).toEqual({
+      kind: "iframe",
+      src: "https://player.bilibili.com/player.html?bvid=BV1GJ411x7h7&autoplay=0&p=3",
+    });
+  });
+
+  it("Vimeo 转换为播放器", () => {
+    expect(resolveVideoEmbed("https://vimeo.com/76979871")).toEqual({
+      kind: "iframe",
+      src: "https://player.vimeo.com/video/76979871",
+    });
+  });
+
+  it("b23.tv 短链无法本地解析，返回 null 交给原有探测逻辑", () => {
+    expect(resolveVideoEmbed("https://b23.tv/BV1GJ411x7h7")).toBeNull();
+  });
+});

package/src/lib/story/video-embed.ts

@@ -0,0 +1,59 @@
+// 视频链接识别与官方 embed 转换：供关联面板链接预览使用
+// 返回 null 表示非视频链接（交由原有的可嵌入探测逻辑处理）
+
+export type VideoEmbed =
+  | { kind: "file"; src: string }
+  | { kind: "iframe"; src: string };
+
+const VIDEO_FILE_RE = /\.(mp4|webm|ogg|ogv|mov|m4v)$/i;
+
+const YOUTUBE_ID_RE =
+  /^(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:watch\?(?:.*&)?v=|shorts\/|embed\/)|youtu\.be\/)([A-Za-z0-9_-]{6,})/i;
+
+const BILIBILI_BV_RE =
+  /^(?:https?:\/\/)?(?:www\.)?bilibili\.com\/video\/(BV[0-9A-Za-z]+)\/?(?:\?.*)?$/i;
+
+const VIMEO_ID_RE = /^(?:https?:\/\/)?(?:www\.)?vimeo\.com\/(\d+)(?:\?.*)?$/i;
+
+/** 解析 B 站分 P 参数（仅接受纯数字，防止参数注入） */
+function getBilibiliPart(rawUrl: string): string | null {
+  try {
+    const p = new URL(rawUrl).searchParams.get("p");
+    return p && /^\d+$/.test(p) ? p : null;
+  } catch {
+    return null;
+  }
+}
+
+export function resolveVideoEmbed(rawUrl: string): VideoEmbed | null {
+  if (!rawUrl) return null;
+
+  // 直链视频文件：扩展名只看 URL 路径末段，避免 query 中的伪扩展名误判
+  try {
+    const parsed = new URL(rawUrl);
+    if (VIDEO_FILE_RE.test(parsed.pathname)) {
+      return { kind: "file", src: rawUrl };
+    }
+  } catch {
+    return null;
+  }
+
+  const youtube = rawUrl.match(YOUTUBE_ID_RE);
+  if (youtube) {
+    return { kind: "iframe", src: `https://www.youtube.com/embed/${youtube[1]}` };
+  }
+
+  const bilibili = rawUrl.match(BILIBILI_BV_RE);
+  if (bilibili) {
+    const part = getBilibiliPart(rawUrl);
+    const src = `https://player.bilibili.com/player.html?bvid=${bilibili[1]}&autoplay=0${part ? `&p=${part}` : ""}`;
+    return { kind: "iframe", src };
+  }
+
+  const vimeo = rawUrl.match(VIMEO_ID_RE);
+  if (vimeo) {
+    return { kind: "iframe", src: `https://player.vimeo.com/video/${vimeo[1]}` };
+  }
+
+  return null;
+}

package/src/routeTree.gen.ts

@@ -31,6 +31,7 @@ import { Route as NavDashboardRouteRouteImport } from './routes/_nav/dashboard/r
 import { Route as NavDesignRouteRouteImport } from './routes/_nav/design/route'
 import { Route as NavInspirationRouteRouteImport } from './routes/_nav/inspiration/route'
 import { Route as NavKnowledgeRouteRouteImport } from './routes/_nav/knowledge/route'
+import { Route as NavNotificationsRouteRouteImport } from './routes/_nav/notifications/route'
 import { Route as NavNotionLikeRouteRouteImport } from './routes/_nav/notion-like/route'
 import { Route as NavPrdRouteRouteImport } from './routes/_nav/prd/route'
 import { Route as NavPricing02RouteRouteImport } from './routes/_nav/pricing-02/route'
@@ -81,6 +82,7 @@ import { Route as NavTagsIdRouteRouteImport } from './routes/_nav/tags/$id/route
 import { Route as NavTagsSettingsRouteRouteImport } from './routes/_nav/tags/settings/route'
 import { Route as NavWorkspacesIndexRouteImport } from './routes/_nav/workspaces/index'
 import { Route as NavWorkspacesWorkspaceIdRouteRouteImport } from './routes/_nav/workspaces/$workspaceId/route'
+import { Route as ApiAttachmentsUploadRouteImport } from './routes/api/attachments/upload'
 import { Route as ApiAuthSplatRouteImport } from './routes/api.auth.$'
 import { Route as ApiAuthDesktopCallbackRouteImport } from './routes/api/auth/desktop-callback'
 import { Route as ApiDesignUploadRouteImport } from './routes/api/design/upload'
@@ -99,6 +101,7 @@ import { Route as NavProjectsProjectIdStoryIdRouteRouteImport } from './routes/_
 import { Route as NavProjectsProjectIdSettingsRouteRouteImport } from './routes/_nav/projects/$projectId/settings/route'
 import { Route as NavSettingsAiProviderIdRouteRouteImport } from './routes/_nav/settings/ai/$providerId/route'
 import { Route as NavWorkspacesWorkspaceIdSettingsRouteRouteImport } from './routes/_nav/workspaces/$workspaceId/settings/route'
+import { Route as ApiAttachmentsIdContentRouteImport } from './routes/api/attachments/$id/content'
 import { Route as DesignFilesProjectIdArtboardIdFilenameRouteImport } from './routes/design-files/$projectId/$artboardId/$filename'
 import { Route as NavKnowledgeKbIdDocDocIdRouteRouteImport } from './routes/_nav/knowledge/$kbId/doc/$docId/route'
 import { Route as ApiSharePrdPrdIdEventsRouteImport } from './routes/api/share/prd/$prdId/events'
@@ -259,6 +262,13 @@ const NavKnowledgeRouteRoute = NavKnowledgeRouteRouteImport.update({
   path: '/knowledge',
   getParentRoute: () => NavRouteRoute,
 } as any)
+const NavNotificationsRouteRoute = NavNotificationsRouteRouteImport.update({
+  id: '/notifications',
+  path: '/notifications',
+  getParentRoute: () => NavRouteRoute,
+} as any).lazy(() =>
+  import('./routes/_nav/notifications/route.lazy').then((d) => d.Route),
+)
 const NavNotionLikeRouteRoute = NavNotionLikeRouteRouteImport.update({
   id: '/notion-like',
   path: '/notion-like',
@@ -567,6 +577,11 @@ const NavWorkspacesWorkspaceIdRouteRoute =
       (d) => d.Route,
     ),
   )
+const ApiAttachmentsUploadRoute = ApiAttachmentsUploadRouteImport.update({
+  id: '/api/attachments/upload',
+  path: '/api/attachments/upload',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const ApiAuthSplatRoute = ApiAuthSplatRouteImport.update({
   id: '/api/auth/$',
   path: '/api/auth/$',
@@ -782,6 +797,11 @@ const NavWorkspacesWorkspaceIdSettingsRouteRoute =
       (d) => d.Route,
     ),
   )
+const ApiAttachmentsIdContentRoute = ApiAttachmentsIdContentRouteImport.update({
+  id: '/api/attachments/$id/content',
+  path: '/api/attachments/$id/content',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const DesignFilesProjectIdArtboardIdFilenameRoute =
   DesignFilesProjectIdArtboardIdFilenameRouteImport.update({
     id: '/design-files/$projectId/$artboardId/$filename',
@@ -841,6 +861,7 @@ export interface FileRoutesByFullPath {
   '/design': typeof NavDesignRouteRouteWithChildren
   '/inspiration': typeof NavInspirationRouteRoute
   '/knowledge': typeof NavKnowledgeRouteRouteWithChildren
+  '/notifications': typeof NavNotificationsRouteRoute
   '/notion-like': typeof NavNotionLikeRouteRoute
   '/prd': typeof NavPrdRouteRouteWithChildren
   '/pricing-02': typeof NavPricing02RouteRoute
@@ -889,6 +910,7 @@ export interface FileRoutesByFullPath {
   '/share/law/$id': typeof ShareLawIdRouteRoute
   '/share/prd/$prdId': typeof SharePrdPrdIdRouteRoute
   '/chat/$threadId': typeof NavChatThreadIdRoute
+  '/api/attachments/upload': typeof ApiAttachmentsUploadRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
   '/api/auth/desktop-callback': typeof ApiAuthDesktopCallbackRoute
   '/api/design/upload': typeof ApiDesignUploadRoute
@@ -907,6 +929,7 @@ export interface FileRoutesByFullPath {
   '/projects/$projectId/settings': typeof NavProjectsProjectIdSettingsRouteRoute
   '/settings/ai/$providerId': typeof NavSettingsAiProviderIdRouteRoute
   '/workspaces/$workspaceId/settings': typeof NavWorkspacesWorkspaceIdSettingsRouteRoute
+  '/api/attachments/$id/content': typeof ApiAttachmentsIdContentRoute
   '/design-files/$projectId/$artboardId/$filename': typeof DesignFilesProjectIdArtboardIdFilenameRoute
   '/settings/ai/': typeof NavSettingsAiIndexRouteLazyRoute
   '/knowledge/bookmarks/$id': typeof NavKnowledgeBookmarksIdLazyRoute
@@ -942,6 +965,7 @@ export interface FileRoutesByTo {
   '/chat': typeof NavChatRouteRouteWithChildren
   '/dashboard': typeof NavDashboardRouteRoute
   '/inspiration': typeof NavInspirationRouteRoute
+  '/notifications': typeof NavNotificationsRouteRoute
   '/notion-like': typeof NavNotionLikeRouteRoute
   '/pricing-02': typeof NavPricing02RouteRoute
   '/projects': typeof NavProjectsRouteRouteWithChildren
@@ -978,6 +1002,7 @@ export interface FileRoutesByTo {
   '/share/law/$id': typeof ShareLawIdRouteRoute
   '/share/prd/$prdId': typeof SharePrdPrdIdRouteRoute
   '/chat/$threadId': typeof NavChatThreadIdRoute
+  '/api/attachments/upload': typeof ApiAttachmentsUploadRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
   '/api/auth/desktop-callback': typeof ApiAuthDesktopCallbackRoute
   '/api/design/upload': typeof ApiDesignUploadRoute
@@ -996,6 +1021,7 @@ export interface FileRoutesByTo {
   '/projects/$projectId/settings': typeof NavProjectsProjectIdSettingsRouteRoute
   '/settings/ai/$providerId': typeof NavSettingsAiProviderIdRouteRoute
   '/workspaces/$workspaceId/settings': typeof NavWorkspacesWorkspaceIdSettingsRouteRoute
+  '/api/attachments/$id/content': typeof ApiAttachmentsIdContentRoute
   '/design-files/$projectId/$artboardId/$filename': typeof DesignFilesProjectIdArtboardIdFilenameRoute
   '/settings/ai': typeof NavSettingsAiIndexRouteLazyRoute
   '/knowledge/bookmarks/$id': typeof NavKnowledgeBookmarksIdLazyRoute
@@ -1037,6 +1063,7 @@ export interface FileRoutesById {
   '/_nav/design': typeof NavDesignRouteRouteWithChildren
   '/_nav/inspiration': typeof NavInspirationRouteRoute
   '/_nav/knowledge': typeof NavKnowledgeRouteRouteWithChildren
+  '/_nav/notifications': typeof NavNotificationsRouteRoute
   '/_nav/notion-like': typeof NavNotionLikeRouteRoute
   '/_nav/prd': typeof NavPrdRouteRouteWithChildren
   '/_nav/pricing-02': typeof NavPricing02RouteRoute
@@ -1085,6 +1112,7 @@ export interface FileRoutesById {
   '/share/law/$id': typeof ShareLawIdRouteRoute
   '/share/prd/$prdId': typeof SharePrdPrdIdRouteRoute
   '/_nav/chat/$threadId': typeof NavChatThreadIdRoute
+  '/api/attachments/upload': typeof ApiAttachmentsUploadRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
   '/api/auth/desktop-callback': typeof ApiAuthDesktopCallbackRoute
   '/api/design/upload': typeof ApiDesignUploadRoute
@@ -1103,6 +1131,7 @@ export interface FileRoutesById {
   '/_nav/projects/$projectId/settings': typeof NavProjectsProjectIdSettingsRouteRoute
   '/_nav/settings/ai/$providerId': typeof NavSettingsAiProviderIdRouteRoute
   '/_nav/workspaces/$workspaceId/settings': typeof NavWorkspacesWorkspaceIdSettingsRouteRoute
+  '/api/attachments/$id/content': typeof ApiAttachmentsIdContentRoute
   '/design-files/$projectId/$artboardId/$filename': typeof DesignFilesProjectIdArtboardIdFilenameRoute
   '/_nav/settings/ai/': typeof NavSettingsAiIndexRouteLazyRoute
   '/_nav/knowledge/bookmarks/$id': typeof NavKnowledgeBookmarksIdLazyRoute
@@ -1142,6 +1171,7 @@ export interface FileRouteTypes {
     | '/design'
     | '/inspiration'
     | '/knowledge'
+    | '/notifications'
     | '/notion-like'
     | '/prd'
     | '/pricing-02'
@@ -1190,6 +1220,7 @@ export interface FileRouteTypes {
     | '/share/law/$id'
     | '/share/prd/$prdId'
     | '/chat/$threadId'
+    | '/api/attachments/upload'
     | '/api/auth/$'
     | '/api/auth/desktop-callback'
     | '/api/design/upload'
@@ -1208,6 +1239,7 @@ export interface FileRouteTypes {
     | '/projects/$projectId/settings'
     | '/settings/ai/$providerId'
     | '/workspaces/$workspaceId/settings'
+    | '/api/attachments/$id/content'
     | '/design-files/$projectId/$artboardId/$filename'
     | '/settings/ai/'
     | '/knowledge/bookmarks/$id'
@@ -1243,6 +1275,7 @@ export interface FileRouteTypes {
     | '/chat'
     | '/dashboard'
     | '/inspiration'
+    | '/notifications'
     | '/notion-like'
     | '/pricing-02'
     | '/projects'
@@ -1279,6 +1312,7 @@ export interface FileRouteTypes {
     | '/share/law/$id'
     | '/share/prd/$prdId'
     | '/chat/$threadId'
+    | '/api/attachments/upload'
     | '/api/auth/$'
     | '/api/auth/desktop-callback'
     | '/api/design/upload'
@@ -1297,6 +1331,7 @@ export interface FileRouteTypes {
     | '/projects/$projectId/settings'
     | '/settings/ai/$providerId'
     | '/workspaces/$workspaceId/settings'
+    | '/api/attachments/$id/content'
     | '/design-files/$projectId/$artboardId/$filename'
     | '/settings/ai'
     | '/knowledge/bookmarks/$id'
@@ -1337,6 +1372,7 @@ export interface FileRouteTypes {
     | '/_nav/design'
     | '/_nav/inspiration'
     | '/_nav/knowledge'
+    | '/_nav/notifications'
     | '/_nav/notion-like'
     | '/_nav/prd'
     | '/_nav/pricing-02'
@@ -1385,6 +1421,7 @@ export interface FileRouteTypes {
     | '/share/law/$id'
     | '/share/prd/$prdId'
     | '/_nav/chat/$threadId'
+    | '/api/attachments/upload'
     | '/api/auth/$'
     | '/api/auth/desktop-callback'
     | '/api/design/upload'
@@ -1403,6 +1440,7 @@ export interface FileRouteTypes {
     | '/_nav/projects/$projectId/settings'
     | '/_nav/settings/ai/$providerId'
     | '/_nav/workspaces/$workspaceId/settings'
+    | '/api/attachments/$id/content'
     | '/design-files/$projectId/$artboardId/$filename'
     | '/_nav/settings/ai/'
     | '/_nav/knowledge/bookmarks/$id'
@@ -1438,12 +1476,14 @@ export interface RootRouteChildren {
   ServerWsRoute: typeof ServerWsRoute
   ApiLicenseActivateRouteRoute: typeof ApiLicenseActivateRouteRoute
   ApiLicenseHeartbeatRouteRoute: typeof ApiLicenseHeartbeatRouteRoute
+  ApiAttachmentsUploadRoute: typeof ApiAttachmentsUploadRoute
   ApiAuthSplatRoute: typeof ApiAuthSplatRoute
   ApiAuthDesktopCallbackRoute: typeof ApiAuthDesktopCallbackRoute
   ApiDesignUploadRoute: typeof ApiDesignUploadRoute
   ApiKnowledgeSyncGithubRoute: typeof ApiKnowledgeSyncGithubRoute
   ApiNotificationsStreamRoute: typeof ApiNotificationsStreamRoute
   ServerAnyhubProxySplatRoute: typeof ServerAnyhubProxySplatRoute
+  ApiAttachmentsIdContentRoute: typeof ApiAttachmentsIdContentRoute
   DesignFilesProjectIdArtboardIdFilenameRoute: typeof DesignFilesProjectIdArtboardIdFilenameRoute
   ApiSharePrdPrdIdEventsRoute: typeof ApiSharePrdPrdIdEventsRoute
 }
@@ -1590,6 +1630,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof NavKnowledgeRouteRouteImport
       parentRoute: typeof NavRouteRoute
     }
+    '/_nav/notifications': {
+      id: '/_nav/notifications'
+      path: '/notifications'
+      fullPath: '/notifications'
+      preLoaderRoute: typeof NavNotificationsRouteRouteImport
+      parentRoute: typeof NavRouteRoute
+    }
     '/_nav/notion-like': {
       id: '/_nav/notion-like'
       path: '/notion-like'
@@ -1940,6 +1987,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof NavWorkspacesWorkspaceIdRouteRouteImport
       parentRoute: typeof NavWorkspacesRouteRoute
     }
+    '/api/attachments/upload': {
+      id: '/api/attachments/upload'
+      path: '/api/attachments/upload'
+      fullPath: '/api/attachments/upload'
+      preLoaderRoute: typeof ApiAttachmentsUploadRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/api/auth/$': {
       id: '/api/auth/$'
       path: '/api/auth/$'
@@ -2143,6 +2197,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof NavWorkspacesWorkspaceIdSettingsRouteRouteImport
       parentRoute: typeof NavWorkspacesWorkspaceIdRouteRoute
     }
+    '/api/attachments/$id/content': {
+      id: '/api/attachments/$id/content'
+      path: '/api/attachments/$id/content'
+      fullPath: '/api/attachments/$id/content'
+      preLoaderRoute: typeof ApiAttachmentsIdContentRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/design-files/$projectId/$artboardId/$filename': {
       id: '/design-files/$projectId/$artboardId/$filename'
       path: '/design-files/$projectId/$artboardId/$filename'
@@ -2543,6 +2604,7 @@ interface NavRouteRouteChildren {
   NavDesignRouteRoute: typeof NavDesignRouteRouteWithChildren
   NavInspirationRouteRoute: typeof NavInspirationRouteRoute
   NavKnowledgeRouteRoute: typeof NavKnowledgeRouteRouteWithChildren
+  NavNotificationsRouteRoute: typeof NavNotificationsRouteRoute
   NavNotionLikeRouteRoute: typeof NavNotionLikeRouteRoute
   NavPrdRouteRoute: typeof NavPrdRouteRouteWithChildren
   NavPricing02RouteRoute: typeof NavPricing02RouteRoute
@@ -2565,6 +2627,7 @@ const NavRouteRouteChildren: NavRouteRouteChildren = {
   NavDesignRouteRoute: NavDesignRouteRouteWithChildren,
   NavInspirationRouteRoute: NavInspirationRouteRoute,
   NavKnowledgeRouteRoute: NavKnowledgeRouteRouteWithChildren,
+  NavNotificationsRouteRoute: NavNotificationsRouteRoute,
   NavNotionLikeRouteRoute: NavNotionLikeRouteRoute,
   NavPrdRouteRoute: NavPrdRouteRouteWithChildren,
   NavPricing02RouteRoute: NavPricing02RouteRoute,
@@ -2628,12 +2691,14 @@ const rootRouteChildren: RootRouteChildren = {
   ServerWsRoute: ServerWsRoute,
   ApiLicenseActivateRouteRoute: ApiLicenseActivateRouteRoute,
   ApiLicenseHeartbeatRouteRoute: ApiLicenseHeartbeatRouteRoute,
+  ApiAttachmentsUploadRoute: ApiAttachmentsUploadRoute,
   ApiAuthSplatRoute: ApiAuthSplatRoute,
   ApiAuthDesktopCallbackRoute: ApiAuthDesktopCallbackRoute,
   ApiDesignUploadRoute: ApiDesignUploadRoute,
   ApiKnowledgeSyncGithubRoute: ApiKnowledgeSyncGithubRoute,
   ApiNotificationsStreamRoute: ApiNotificationsStreamRoute,
   ServerAnyhubProxySplatRoute: ServerAnyhubProxySplatRoute,
+  ApiAttachmentsIdContentRoute: ApiAttachmentsIdContentRoute,
   DesignFilesProjectIdArtboardIdFilenameRoute:
     DesignFilesProjectIdArtboardIdFilenameRoute,
   ApiSharePrdPrdIdEventsRoute: ApiSharePrdPrdIdEventsRoute,

package/src/routes/_nav/notifications/route.lazy.tsx

@@ -0,0 +1,22 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+import { createLazyFileRoute } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { TeamNotificationsPanel } from '@/components/notifications/team-notifications'
+
+export const Route = createLazyFileRoute('/_nav/notifications')({
+  component: NotificationsPage,
+})
+
+function NotificationsPage() {
+  const { t } = useTranslation('notifications')
+  return (
+    <div className="flex h-full flex-col gap-6 overflow-hidden p-6">
+      <div className="flex shrink-0 flex-col gap-1">
+        <h1 className="text-xl font-semibold">{t('title')}</h1>
+        <p className="text-sm text-muted-foreground">{t('description')}</p>
+      </div>
+      <TeamNotificationsPanel />
+    </div>
+  )
+}

package/src/routes/_nav/notifications/route.tsx

@@ -0,0 +1,30 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+import { createFileRoute } from '@tanstack/react-router'
+import type { NotificationListResult } from '@allbluecn/shared'
+import { NOTIFICATION_LIST_KEY, NOTIFICATION_UNREAD_KEY } from '@/hooks/use-notifications'
+import { getUnreadCountFn, listNotificationsFn } from '@/server/serverFns/notifications'
+
+export const Route = createFileRoute('/_nav/notifications')({
+  loader: async ({ context }) => {
+    const { queryClient } = context
+    // SSR 预取未读数 + 列表第一页，保证服务端与客户端 hydrate 首帧渲染一致
+    // （否则 SSR 渲染空态、客户端首帧已有数据 → hydration mismatch 整树重渲染）
+    await Promise.all([
+      queryClient.ensureQueryData({
+        queryKey: NOTIFICATION_UNREAD_KEY,
+        queryFn: () => getUnreadCountFn({ data: {} }),
+      }),
+      queryClient.fetchInfiniteQuery({
+        queryKey: [...NOTIFICATION_LIST_KEY, undefined],
+        queryFn: ({ pageParam }) =>
+          listNotificationsFn({ data: pageParam ? { cursor: pageParam } : {} }),
+        initialPageParam: undefined as string | undefined,
+        getNextPageParam: (lastPage: NotificationListResult) =>
+          lastPage.hasMore ? lastPage.items[lastPage.items.length - 1].id : undefined,
+      }),
+    ]).catch(() => {
+      // 预取失败降级为客户端 fetch（与旧行为一致），不阻塞页面
+    })
+  },
+})