From 1cc9a2381589cfe7c15a0560662b550ddba69b8c Mon Sep 17 00:00:00 2001
From: Suzumiya <suzmii@qq.com>
Date: Fri, 11 Sep 2026 11:21:03 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E6=BA=90=E6=80=BB=E8=A7=88=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E3=80=8C=E6=89=80=E6=9C=89=E8=B5=84=E6=BA=90=E3=80=8D?=
 =?UTF-8?q?=E6=B1=87=E6=80=BB=E5=8D=A1=E4=B8=8E=E5=85=A8=E9=83=A8=E8=B5=84?=
 =?UTF-8?q?=E6=BA=90=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 渲染层新增 `RESOURCE_BOOK_ALL_TARGET = 'all'` 特殊项：跨端契约 `ProjectResourceCanvasCategory` 不加 `'all'`，sidecar schema 不升版，落盘布局的 `section` 也不会出现它
- 资源总览第 0 张卡即「所有资源」：排在全部栏目卡之前，复用同一套缩略图类名/圆角/底色/阴影与栏目标题栏组件，不新增卡片样式
- 该卡的计数徽标取全量资源数，口径等于各栏目计数之和（同一份画布投影，不另算一套）
- 画本场景的栏目顺序与资源分组各多一个渲染层入口；`buildResourceBookScenePlan` 对特殊项只出计数与标题栏，不铺卡片，避免同一张资源卡在总览里挂载两份（`data-resource-card-id` 查询与 FLIP 的 `card:*` 键都会撞车）
- 新增「所有资源」页：栏目大纲 + 收起资源按钮 + 按栏目分组的滚动卡片网格；卡片复用栏目页同一颗渲染器与卡宽高，容器与网格样式补齐在 styles.css
- 该页的卡片显式关掉拖拽（卡片坐标不属于任何栏目画布，写回会污染布局 sidecar），保留选中/播放/菜单交互，并把光标与 `touch-action: pan-y` 交给滚动容器
- 栏目大纲抽成 `ResourceBookOutlineNav`，栏目页与全部资源页共用同一条入口带；渲染出的 DOM 与抽取前一致
- `renderResourceBookCard` 增加可选 `draggable` 参数，`ResourceCard` 的三个移动端指针回调改为可选
- 断言：总览存在「所有资源」卡且为第 0 张、计数等于全量资源数且等于各栏目计数之和、点它进入的页面按栏目分组且每组都挂真实资源卡、场景计划里特殊项不出卡片且整份计划无重复卡片键、全部资源页分组只保留非空栏目且保持总览顺序
- 既有「N 项」徽标断言从全文档文本查找收窄到 character 栏自己的标题栏（新增第 0 张卡后同文案会撞车，收窄而非放宽）
---
 apps/ai-game-creator-shell/src/styles.css     |  59 +++
 .../src/view/project-development/index.tsx    | 375 ++++++++++++++----
 .../project-development/resourceBookLayout.ts |  48 ++-
 .../project-development/resourceBookModel.ts  |  32 +-
 .../appSurface/project-development.suite.ts   | 208 +++++++++-
 .../tests/resourceBookLayout.test.ts          |  99 ++++-
 .../tests/resourceBookModel.test.ts           |  53 +++
 7 files changed, 791 insertions(+), 83 deletions(-)

diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css
index 8bc7b0bf7..18b025651 100644
--- a/apps/ai-game-creator-shell/src/styles.css
+++ b/apps/ai-game-creator-shell/src/styles.css
@@ -6650,6 +6650,65 @@ iframe.preview-frame {
   font-size: 12px;
 }
 
+/*
+ * 「所有资源」页。
+ *
+ * 资源总览第 0 张卡打开的汇总页：左侧沿用栏目大纲，正文按栏目分组的滚动卡片网格。
+ * 整页自成一层（`z-index: 21`）：栏目态的画本场景自带一层不透明底纹（`z-index: 20`），
+ * 只在 `z-index: auto` 上铺会被它盖住；同时它不落在 `.game-resource-canvas` 里，
+ * 那层挂着画布平移/框选的指针与滚轮处理器，会把这里的滚动吃掉。
+ *
+ * 卡片本体仍由栏目页同一颗卡片渲染器产出（尺寸取画布默认卡宽高），
+ * 因此这一页只补齐容器与网格，不新增卡片样式。
+ */
+.game-resource-all-resources-host {
+  position: absolute;
+  z-index: 21;
+  inset: 0;
+  padding: 12px;
+  overflow: hidden;
+  background-color: #fffdfa;
+  background-image: radial-gradient(#eaded8 0.8px, transparent 0.8px);
+  background-size: 18px 18px;
+}
+
+.game-resource-all-scroll {
+  display: grid;
+  gap: 14px;
+  align-content: start;
+  min-height: 0;
+  padding: 2px;
+  overflow: auto;
+  overscroll-behavior: contain;
+}
+
+.game-resource-all-section {
+  display: grid;
+  gap: 10px;
+  padding: 12px;
+  border: 1px solid #ecdfd8;
+  border-radius: 12px;
+  background: rgb(255 253 250 / 82%);
+}
+
+.game-resource-all-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 180px);
+  gap: 14px;
+}
+
+.game-resource-all-card {
+  position: relative;
+  display: block;
+}
+
+/* 只浏览的页面不接拖拽：光标如实反映「点选 / 播放」，并且把纵向触摸手势交还给滚动容器
+   （`.game-resource-card` 常态是 `touch-action: none`，那是画布拖卡需要的）。 */
+.game-resource-all-grid .game-resource-card {
+  cursor: pointer;
+  touch-action: pan-y;
+}
+
 .game-resource-section-stack {
   display: contents;
 }
diff --git a/apps/ai-game-creator-shell/src/view/project-development/index.tsx b/apps/ai-game-creator-shell/src/view/project-development/index.tsx
index d5c7766a5..e5ea3cdca 100644
--- a/apps/ai-game-creator-shell/src/view/project-development/index.tsx
+++ b/apps/ai-game-creator-shell/src/view/project-development/index.tsx
@@ -22,6 +22,7 @@ import {
   Gamepad2,
   Image,
   Info,
+  Layers,
   LayoutGrid,
   ListFilter,
   Maximize2,
@@ -149,7 +150,10 @@ import {
   type ResourceBookTransitionController,
 } from './resourceBookController';
 import {
+  buildResourceBookAllResourcesSections,
   buildResourceBookScenePlan,
+  RESOURCE_BOOK_OVERVIEW_STACK_LIMIT,
+  type ResourceBookAllResourcesSection,
   type ResourceBookOverviewRect,
   resourceBookSceneCardKey,
   resourceBookSceneCardLayoutSignature,
@@ -159,8 +163,12 @@ import {
 } from './resourceBookLayout';
 import {
   initialResourceBookState,
+  isResourceBookAllTarget,
+  RESOURCE_BOOK_ALL_TARGET,
+  type ResourceBookCategory,
   resourceBookReducer,
   type ResourceBookState,
+  type ResourceBookTarget,
 } from './resourceBookModel';
 import {
   DEFAULT_RESOURCE_BOOK_VIEWPORT,
@@ -456,8 +464,11 @@ const categoryOrder = RESOURCE_CANVAS_SECTION_ORDER;
 /**
  * 栏目标签复用资源筛选的唯一中文口径；「项目版本」不是资源资产、单独成栏，
  * 不在筛选口径内，因此只有它在这里给出文案。
+ *
+ * `all` 是渲染层的「所有资源」入口（见 `RESOURCE_BOOK_ALL_TARGET`），不是真实栏目，
+ * 因此只在这里补文案与图标，不进入跨端契约的分区枚举。
  */
-const categoryLabels: Record<ResourceCategory, string> = {
+const categoryLabels: Record<ResourceBookTarget, string> = {
   'ui-interaction': resourceReferenceCategoryLabel('ui-interaction'),
   character: resourceReferenceCategoryLabel('character'),
   scene: resourceReferenceCategoryLabel('scene'),
@@ -465,9 +476,10 @@ const categoryLabels: Record<ResourceCategory, string> = {
   document: resourceReferenceCategoryLabel('document'),
   unclassified: resourceReferenceCategoryLabel('unclassified'),
   version: '项目版本',
+  [RESOURCE_BOOK_ALL_TARGET]: '所有资源',
 };
 
-const categoryIcons: Record<ResourceCategory, typeof FileText> = {
+const categoryIcons: Record<ResourceBookTarget, typeof FileText> = {
   'ui-interaction': LayoutGrid,
   character: Users,
   scene: Image,
@@ -475,6 +487,7 @@ const categoryIcons: Record<ResourceCategory, typeof FileText> = {
   document: FileText,
   unclassified: PackageOpen,
   version: Gamepad2,
+  [RESOURCE_BOOK_ALL_TARGET]: Layers,
 };
 
 const approvalOptions: Array<{
@@ -591,9 +604,10 @@ const ResourceCard = memo(function ResourceCard({
     x: number,
     y: number,
   ) => void;
-  onPointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;
-  onPointerUp: (event: ReactPointerEvent<HTMLDivElement>) => void;
-  onPointerCancel: (event: ReactPointerEvent<HTMLDivElement>) => void;
+  /** 只浏览的页面（「所有资源」）不接拖拽，三个移动端回调可以整体缺省。 */
+  onPointerMove?: (event: ReactPointerEvent<HTMLDivElement>) => void;
+  onPointerUp?: (event: ReactPointerEvent<HTMLDivElement>) => void;
+  onPointerCancel?: (event: ReactPointerEvent<HTMLDivElement>) => void;
   onObservePreview: (
     element: HTMLElement,
     resource: ProjectResource,
@@ -909,11 +923,11 @@ function ResourceBookThumbnail({
   onOpen,
   registerElement,
 }: {
-  category: ResourceCategory;
+  category: ResourceBookTarget;
   resources: ProjectResource[];
-  onOpen: (category: ResourceCategory) => void;
+  onOpen: (category: ResourceBookTarget) => void;
   registerElement?: (
-    category: ResourceCategory,
+    category: ResourceBookTarget,
     element: HTMLElement | null,
   ) => void;
 }) {
@@ -926,6 +940,11 @@ function ResourceBookThumbnail({
       return groups;
     }, new Map<string, ProjectResource[]>()),
   );
+  // 「所有资源」卡的正文只保留同一套占位摞结构：全量资源的张数由标题栏计数徽标表达，
+  // 卡片本体不进这一格（同一张资源卡已经在它所属栏目的摞里挂载过）。
+  const bodyStacks = isResourceBookAllTarget(category)
+    ? stacks.slice(0, RESOURCE_BOOK_OVERVIEW_STACK_LIMIT)
+    : stacks;
 
   return (
     <div
@@ -956,8 +975,8 @@ function ResourceBookThumbnail({
         aria-hidden="true"
       />
       <span className="game-resource-book-thumbnail-body">
-        {stacks.length > 0 ? (
-          stacks.map(([type]) => {
+        {bodyStacks.length > 0 ? (
+          bodyStacks.map(([type]) => {
             return (
               <span
                 className="game-resource-book-stack"
@@ -983,7 +1002,7 @@ function ResourceBookTitleBar({
   countLabel,
   onCollapse,
 }: {
-  category: ResourceCategory;
+  category: ResourceBookTarget;
   countLabel: string;
   onCollapse?: () => void;
 }) {
@@ -1016,6 +1035,170 @@ function ResourceBookTitleBar({
   );
 }
 
+/**
+ * 资源栏目大纲。栏目页与「所有资源」页共用同一条入口带：两页都能横向切到任一栏目，
+ * 只是「所有资源」页在最前面多一颗指向自己的入口。
+ */
+function ResourceBookOutlineNav({
+  categories,
+  activeCategory,
+  unreadCategories,
+  onOpen,
+  includeAllTarget = false,
+}: {
+  categories: readonly ResourceBookCategory[];
+  activeCategory: ResourceBookTarget | null;
+  unreadCategories: ReadonlySet<ResourceBookCategory>;
+  onOpen: (category: ResourceBookTarget) => void;
+  includeAllTarget?: boolean;
+}) {
+  const items: ResourceBookTarget[] = includeAllTarget
+    ? [RESOURCE_BOOK_ALL_TARGET, ...categories]
+    : [...categories];
+  return (
+    <nav className="game-resource-outline" aria-label="资源栏目大纲">
+      {items.map((category) => {
+        const Icon = categoryIcons[category];
+        // 「所有资源」是汇总入口，不属于任何栏目，因此没有「有新资源」一说。
+        const hasUnreadResources =
+          !isResourceBookAllTarget(category) && unreadCategories.has(category);
+        return (
+          <button
+            key={category}
+            type="button"
+            aria-label={`${categoryLabels[category]}${
+              hasUnreadResources ? '，有新资源' : ''
+            }`}
+            aria-current={category === activeCategory ? 'page' : undefined}
+            className={category === activeCategory ? 'is-active' : undefined}
+            onClick={() => onOpen(category)}
+          >
+            <Icon size={14} aria-hidden="true" />
+            <strong className="game-resource-outline-label">
+              {categoryLabels[category]}
+              {hasUnreadResources ? (
+                <span
+                  className="game-resource-outline-unread"
+                  aria-hidden="true"
+                />
+              ) : null}
+            </strong>
+          </button>
+        );
+      })}
+    </nav>
+  );
+}
+
+/**
+ * 「所有资源」页：把每个非空栏目的资源卡摊在同一张滚动网格里。
+ *
+ * 复用既有分区机制的三件事：栏目大纲（可横向切栏目）、栏目标题栏（图标 + 文案 + N 项
+ * 计数徽标）、以及栏目页同一颗资源卡片渲染器；差别只是这里一次铺开全部栏目，
+ * 卡片按格子排布而不是画布坐标。网格里的卡片是只读的（不接拖拽），
+ * 因为它们的坐标不属于任何栏目画布。
+ */
+function ResourceBookAllResourcesPage({
+  sections,
+  totalCount,
+  unreadCategories,
+  onOpen,
+  onCollapse,
+  renderCard,
+}: {
+  sections: ResourceBookAllResourcesSection[];
+  totalCount: number;
+  unreadCategories: ReadonlySet<ResourceBookCategory>;
+  onOpen: (category: ResourceBookTarget) => void;
+  onCollapse: () => void;
+  renderCard: (
+    resource: ProjectResource,
+    layout: {
+      x: number;
+      y: number;
+      width: number;
+      height: number;
+      rotation: number;
+      dragX: number;
+      dragY: number;
+    },
+    options?: { draggable?: boolean },
+  ) => ReactNode;
+}) {
+  const outlineCategories = sections.map((section) => section.category);
+  return (
+    <div
+      className="game-resource-page-shell"
+      data-resource-book-all-page="true"
+    >
+      <ResourceBookOutlineNav
+        categories={outlineCategories}
+        activeCategory={RESOURCE_BOOK_ALL_TARGET}
+        unreadCategories={unreadCategories}
+        onOpen={onOpen}
+        includeAllTarget
+      />
+      <section
+        className="game-resource-page game-resource-all-page"
+        aria-label={categoryLabels[RESOURCE_BOOK_ALL_TARGET]}
+      >
+        <header className="game-resource-page-heading">
+          <ResourceBookTitleBar
+            category={RESOURCE_BOOK_ALL_TARGET}
+            countLabel={`${totalCount} 项`}
+            onCollapse={onCollapse}
+          />
+        </header>
+        <div className="game-resource-all-scroll">
+          {sections.length > 0 ? (
+            sections.map((section) => (
+              <section
+                className="game-resource-all-section"
+                key={section.category}
+                data-resource-book-category={section.category}
+                aria-label={categoryLabels[section.category]}
+              >
+                <ResourceBookTitleBar
+                  category={section.category}
+                  countLabel={`${section.resources.length} 项`}
+                />
+                <div className="game-resource-all-grid">
+                  {section.resources.map((resource) => (
+                    <span
+                      className="game-resource-all-card"
+                      key={resource.id}
+                      style={{
+                        width: RESOURCE_CANVAS_CARD_WIDTH,
+                        height: RESOURCE_CANVAS_CARD_HEIGHT,
+                      }}
+                    >
+                      {renderCard(
+                        resource,
+                        {
+                          x: 0,
+                          y: 0,
+                          width: RESOURCE_CANVAS_CARD_WIDTH,
+                          height: RESOURCE_CANVAS_CARD_HEIGHT,
+                          rotation: 0,
+                          dragX: 0,
+                          dragY: 0,
+                        },
+                        { draggable: false },
+                      )}
+                    </span>
+                  ))}
+                </div>
+              </section>
+            ))
+          ) : (
+            <p className="game-resource-page-empty">没有匹配资源</p>
+          )}
+        </div>
+      </section>
+    </div>
+  );
+}
+
 function ResourceBookScene({
   plan,
   resourceBookState,
@@ -1036,7 +1219,7 @@ function ResourceBookScene({
 }: {
   plan: ResourceBookSceneCategoryPlan[];
   resourceBookState: ResourceBookState;
-  overviewRects: Map<ResourceCategory, ResourceBookOverviewRect>;
+  overviewRects: Map<ResourceBookTarget, ResourceBookOverviewRect>;
   overviewReady: boolean;
   visibleResourceIds: Set<string>;
   viewport: CanvasViewport;
@@ -1217,10 +1400,10 @@ export default function ProjectDevelopmentView({
     new Map<string, ResourceBookSceneCardPlan>(),
   );
   const resourceBookThumbnailElementsRef = useRef(
-    new Map<ResourceCategory, HTMLElement>(),
+    new Map<ResourceBookTarget, HTMLElement>(),
   );
   const [resourceBookOverviewRects, setResourceBookOverviewRects] = useState(
-    () => new Map<ResourceCategory, ResourceBookOverviewRect>(),
+    () => new Map<ResourceBookTarget, ResourceBookOverviewRect>(),
   );
   const [resourceBookSceneSize, setResourceBookSceneSize] = useState({
     width: 900,
@@ -1833,6 +2016,30 @@ export default function ProjectDevelopmentView({
       ),
     [canvasResources],
   );
+  /**
+   * 「所有资源」卡排在栏目卡之前，并且和栏目卡走同一条渲染管线（同一套缩略图结构、
+   * 同一套栏目标题栏），因此画本场景的栏目顺序与资源分组都要多出一个渲染层入口：
+   * 顺序里排第 0，分组里挂全量资源。
+   *
+   * 这一格只借全量投影算计数徽标：资源本体已经落在各自栏目的摞里，画布不再复制一遍
+   * （见 `buildResourceBookScenePlan` 对 `RESOURCE_BOOK_ALL_TARGET` 的处理）。
+   * 计数口径就是各栏目计数之和，不另算一套。
+   */
+  const resourceBookSceneCategoryOrder = useMemo(
+    () => [RESOURCE_BOOK_ALL_TARGET, ...categoryOrder] as const,
+    [],
+  );
+  const resourceBookSceneResourcesByCategory = useMemo(
+    () =>
+      new Map<ResourceBookTarget, ProjectResource[]>([
+        [RESOURCE_BOOK_ALL_TARGET, canvasResources],
+        ...categoryOrder.map(
+          (category) =>
+            [category, projectResourcesByCategory.get(category) ?? []] as const,
+        ),
+      ]),
+    [canvasResources, projectResourcesByCategory],
+  );
   // 当前分页栏目必须早于卡片预览 Hook 求出：热预取只喂当前栏目。
   // 传全量投影时前 12 张可能落在别的栏目，用户看不到的卡片先占满读取槽，
   // 看得见的卡片反而要排队。
@@ -1990,6 +2197,22 @@ export default function ProjectDevelopmentView({
       ),
     [visibleResources],
   );
+  /** 当前停在「所有资源」页：分组网格自己渲染卡片，画布分页那一套整体让位。 */
+  const resourceBookOpensAllResources =
+    resourceBookView === 'child' &&
+    isResourceBookAllTarget(resourceBookState.category);
+  /**
+   * 「所有资源」页的分组：沿用总览的栏目顺序，只保留搜索后仍有资源的栏目。
+   * 分组内部的资源集合就是画布可见集，所以搜索框在这一页与栏目页口径一致。
+   */
+  const resourceBookAllResourcesSections = useMemo(
+    () =>
+      buildResourceBookAllResourcesSections({
+        categoryOrder,
+        resourcesByCategory: visibleResourcesByCategory,
+      }),
+    [visibleResourcesByCategory],
+  );
   const resourceIdsByCategory = useMemo(
     () =>
       new Map(
@@ -2020,7 +2243,7 @@ export default function ProjectDevelopmentView({
   }, [resourceCategoryScopeKey]);
 
   const registerResourceBookThumbnail = useCallback(
-    (category: ResourceCategory, element: HTMLElement | null) => {
+    (category: ResourceBookTarget, element: HTMLElement | null) => {
       if (element) {
         resourceBookThumbnailElementsRef.current.set(category, element);
       } else {
@@ -2044,7 +2267,7 @@ export default function ProjectDevelopmentView({
         ? current
         : { width: managerRect.width, height: managerRect.height },
     );
-    const next = new Map<ResourceCategory, ResourceBookOverviewRect>();
+    const next = new Map<ResourceBookTarget, ResourceBookOverviewRect>();
     resourceBookThumbnailElementsRef.current.forEach((element, category) => {
       const rect = element.getBoundingClientRect();
       // Read layout coordinates, not the translated/scaled main canvas.
@@ -2677,8 +2900,8 @@ export default function ProjectDevelopmentView({
     () =>
       buildResourceBookScenePlan({
         state: resourceBookState,
-        visibleCategoryOrder: categoryOrder,
-        resourcesByCategory: projectResourcesByCategory,
+        visibleCategoryOrder: resourceBookSceneCategoryOrder,
+        resourcesByCategory: resourceBookSceneResourcesByCategory,
         overviewRects: resourceBookOverviewRects,
         positions: resourcePositionById,
         cardSizes: resourceCardSizeByResourceId,
@@ -2694,10 +2917,11 @@ export default function ProjectDevelopmentView({
       }),
     [
       activePageCategory,
-      projectResourcesByCategory,
       resourceBookCategoryViewCenters,
       resourceBookExitingCards,
       resourceBookOverviewRects,
+      resourceBookSceneCategoryOrder,
+      resourceBookSceneResourcesByCategory,
       resourceBookState,
       resourceCardSizeByResourceId,
       resourceGraphInitializationReady,
@@ -2820,7 +3044,7 @@ export default function ProjectDevelopmentView({
   });
 
   const openResourceBookChild = useCallback(
-    (category: ResourceCategory) => {
+    (category: ResourceBookTarget) => {
       cancelResourceCardDrag();
       cancelResourceCanvasPan();
 
@@ -2841,6 +3065,13 @@ export default function ProjectDevelopmentView({
         token: transitionToken,
       });
 
+      // 「所有资源」页是滚动分组网格，不落画布视口：没有分页视口要拟合，
+      // 也不改 `activeResourceCategory`（它只认真实栏目）。
+      if (isResourceBookAllTarget(category)) {
+        setActiveResourceCategory(null);
+        return;
+      }
+
       const categoryFitKey = `${projectPath}\n${manifest.projectId}\n${sortMode}\n${category}`;
       const fitCanvasSize =
         resourceBookSceneSize.width > 0 && resourceBookSceneSize.height > 0
@@ -4891,6 +5122,11 @@ export default function ProjectDevelopmentView({
         dragX: number;
         dragY: number;
       },
+      /**
+       * 「所有资源」页只做浏览：卡片坐标不属于任何栏目画布，拖拽会把跨栏目的合成坐标
+       * 写回布局 sidecar，因此那一页显式关掉拖拽（选中、播放、菜单等交互保持不变）。
+       */
+      options?: { draggable?: boolean },
     ) => {
       const previewIdentity = resourceCardPreviews.identityByResourceId.get(
         resource.id,
@@ -4898,8 +5134,9 @@ export default function ProjectDevelopmentView({
       if (!previewIdentity) {
         return null;
       }
+      const draggable = options?.draggable !== false;
       const dragPreview =
-        resourceCardDragPreview?.resourceId === resource.id
+        draggable && resourceCardDragPreview?.resourceId === resource.id
           ? resourceCardDragPreview
           : null;
       const previewX = dragPreview ? dragPreview.x : undefined;
@@ -4929,17 +5166,24 @@ export default function ProjectDevelopmentView({
           }
           activeMediaIdentity={activeCardMediaIdentity}
           onSelect={handleResourceSelect}
-          onPointerDown={(event) =>
+          onPointerDown={(event) => {
+            if (!draggable) {
+              // 只浏览的页面里连指针捕获都不开：卡片仍然可选、可播、可开菜单。
+              event.stopPropagation();
+              return;
+            }
             handleResourceCardPointerDown(
               event,
               resource,
               layout.dragX,
               layout.dragY,
-            )
+            );
+          }}
+          onPointerMove={draggable ? handleResourceCardPointerMove : undefined}
+          onPointerUp={draggable ? handleResourceCardPointerUp : undefined}
+          onPointerCancel={
+            draggable ? handleResourceCardPointerCancel : undefined
           }
-          onPointerMove={handleResourceCardPointerMove}
-          onPointerUp={handleResourceCardPointerUp}
-          onPointerCancel={handleResourceCardPointerCancel}
           onObservePreview={resourceCardPreviews.observePreview}
           onRequestPreview={resourceCardPreviews.requestPreview}
           onPreviewDecodeError={handleCardPreviewDecodeError}
@@ -5871,6 +6115,13 @@ export default function ProjectDevelopmentView({
                       </span>
                     </header>
                     <div className="game-resource-book-main-grid">
+                      <ResourceBookThumbnail
+                        key={RESOURCE_BOOK_ALL_TARGET}
+                        category={RESOURCE_BOOK_ALL_TARGET}
+                        resources={canvasResources}
+                        onOpen={openResourceBookChild}
+                        registerElement={registerResourceBookThumbnail}
+                      />
                       {categoryOrder.map((category) => (
                         <ResourceBookThumbnail
                           key={category}
@@ -5924,49 +6175,16 @@ export default function ProjectDevelopmentView({
                     </div>
                   ) : null}
                   <div className="game-resource-canvas-content game-resource-canvas-content--paged">
-                    {activePageCategory ? (
+                    {/* 「所有资源」页在管理区里自成一层（见下方 host）；这一块只承载
+                        栏目页的分页画布。 */}
+                    {resourceBookOpensAllResources ? null : activePageCategory ? (
                       <div className="game-resource-page-shell">
-                        <nav
-                          className="game-resource-outline"
-                          aria-label="资源栏目大纲"
-                        >
-                          {resourcePageCategories.map((category) => {
-                            const Icon = categoryIcons[category];
-                            const hasUnreadResources =
-                              unreadResourceCategories.has(category);
-                            return (
-                              <button
-                                key={category}
-                                type="button"
-                                aria-label={`${categoryLabels[category]}${
-                                  hasUnreadResources ? '，有新资源' : ''
-                                }`}
-                                aria-current={
-                                  category === activePageCategory
-                                    ? 'page'
-                                    : undefined
-                                }
-                                className={
-                                  category === activePageCategory
-                                    ? 'is-active'
-                                    : undefined
-                                }
-                                onClick={() => openResourceBookChild(category)}
-                              >
-                                <Icon size={14} aria-hidden="true" />
-                                <strong className="game-resource-outline-label">
-                                  {categoryLabels[category]}
-                                  {hasUnreadResources ? (
-                                    <span
-                                      className="game-resource-outline-unread"
-                                      aria-hidden="true"
-                                    />
-                                  ) : null}
-                                </strong>
-                              </button>
-                            );
-                          })}
-                        </nav>
+                        <ResourceBookOutlineNav
+                          categories={resourcePageCategories}
+                          activeCategory={activePageCategory}
+                          unreadCategories={unreadResourceCategories}
+                          onOpen={openResourceBookChild}
+                        />
                         <section
                           className="game-resource-page"
                           aria-label={categoryLabels[activePageCategory]}
@@ -6085,6 +6303,27 @@ export default function ProjectDevelopmentView({
                     )}
                   </div>
                 </div>
+                {/*
+                  「所有资源」页自成一层：它是全页面的滚动分组网格，不能落在
+                  `.game-resource-canvas`（那层挂着画布平移/框选的指针与滚轮处理器，
+                  会把网格滚动吃掉），也不能只靠 z-index:auto 铺在画本场景之下
+                  ——场景在栏目态自带一层不透明底纹。这里显式排在场景之上。
+                */}
+                {resourceBookOpensAllResources ? (
+                  <div
+                    className="game-resource-all-resources-host"
+                    data-resource-book-all-host="true"
+                  >
+                    <ResourceBookAllResourcesPage
+                      sections={resourceBookAllResourcesSections}
+                      totalCount={canvasResources.length}
+                      unreadCategories={unreadResourceCategories}
+                      onOpen={openResourceBookChild}
+                      onCollapse={returnToResourceBookMain}
+                      renderCard={renderResourceBookCard}
+                    />
+                  </div>
+                ) : null}
               </div>
             </>
           ) : (
diff --git a/apps/ai-game-creator-shell/src/view/project-development/resourceBookLayout.ts b/apps/ai-game-creator-shell/src/view/project-development/resourceBookLayout.ts
index a38eee973..e04641de0 100644
--- a/apps/ai-game-creator-shell/src/view/project-development/resourceBookLayout.ts
+++ b/apps/ai-game-creator-shell/src/view/project-development/resourceBookLayout.ts
@@ -2,8 +2,10 @@ import type {
   ResourceBookCardPresentation,
   ResourceBookCategory,
   ResourceBookState,
+  ResourceBookTarget,
 } from './resourceBookModel';
 import {
+  isResourceBookAllTarget,
   resourceBookCategoryCardPresentation,
   resourceBookShowsExitingCards,
 } from './resourceBookModel';
@@ -55,6 +57,29 @@ export function groupResourceBookStacks(
   );
 }
 
+export type ResourceBookAllResourcesSection = {
+  category: ResourceBookCategory;
+  resources: ProjectResource[];
+};
+
+/**
+ * 「所有资源」页的分组分页口径：只保留有资源的栏目，并沿用总览的栏目顺序。
+ *
+ * 空栏目不占一屏，用户在全部资源页看到的每一屏都能对上资源总览里的某一栏。
+ */
+export function buildResourceBookAllResourcesSections({
+  categoryOrder,
+  resourcesByCategory,
+}: {
+  categoryOrder: readonly ResourceBookCategory[];
+  resourcesByCategory: ReadonlyMap<ResourceBookCategory, ProjectResource[]>;
+}): ResourceBookAllResourcesSection[] {
+  return categoryOrder.flatMap((category) => {
+    const resources = resourcesByCategory.get(category) ?? [];
+    return resources.length > 0 ? [{ category, resources }] : [];
+  });
+}
+
 export function groupResourceBookResourcesByCategory(
   resources: readonly ProjectResource[],
 ) {
@@ -174,13 +199,13 @@ export function resourceBookSceneCardKey(resourceId: string) {
   return `card:${resourceId}`;
 }
 
-export function resourceBookSceneTitleKey(category: ResourceBookCategory) {
+export function resourceBookSceneTitleKey(category: ResourceBookTarget) {
   return `title:${category}`;
 }
 
 export type ResourceBookSceneCardPlan = {
   key: string;
-  category: ResourceBookCategory;
+  category: ResourceBookTarget;
   resource: ProjectResource;
   presentation: ResourceBookCardPresentation;
   stackIndex: number;
@@ -191,7 +216,7 @@ export type ResourceBookSceneCardPlan = {
 };
 
 export type ResourceBookSceneCategoryPlan = {
-  category: ResourceBookCategory;
+  category: ResourceBookTarget;
   resourceCount: number;
   titlebarActive: boolean;
   titlebarOpacity: number;
@@ -205,6 +230,7 @@ export type ResourceBookSceneCategoryPlan = {
  * - 进入栏目时当前栏目换成子画布布局，其他栏目留在 DOM 里按总览布局淡出；
  * - 返回总览时源栏目未回到摞上的卡片按子画布布局淡出；
  * - 搜索/排序导致的卸载由 `exitingCards` 保留一帧，用同一套淡出撤下。
+ * - 「所有资源」组只出栏目标题栏（计数即全量资源数），卡片本体仍由各栏目摞承载。
  */
 export function buildResourceBookScenePlan({
   state,
@@ -220,18 +246,18 @@ export function buildResourceBookScenePlan({
   exitingCards = [],
 }: {
   state: ResourceBookState;
-  visibleCategoryOrder: readonly ResourceBookCategory[];
-  resourcesByCategory: ReadonlyMap<ResourceBookCategory, ProjectResource[]>;
-  overviewRects: ReadonlyMap<ResourceBookCategory, ResourceBookOverviewRect>;
+  visibleCategoryOrder: readonly ResourceBookTarget[];
+  resourcesByCategory: ReadonlyMap<ResourceBookTarget, ProjectResource[]>;
+  overviewRects: ReadonlyMap<ResourceBookTarget, ResourceBookOverviewRect>;
   positions: ReadonlyMap<string, { x: number; y: number }>;
   cardSizes: ReadonlyMap<string, ResourceCanvasCardSize>;
   visibleResourceIds: ReadonlySet<string>;
   categoryViewCenters: ReadonlyMap<
-    ResourceBookCategory,
+    ResourceBookTarget,
     { x: number; y: number }
   >;
   cardsReady: boolean;
-  exitingCategory?: ResourceBookCategory | null;
+  exitingCategory?: ResourceBookTarget | null;
   exitingCards?: readonly ResourceBookSceneCardPlan[];
 }): ResourceBookSceneCategoryPlan[] {
   return visibleCategoryOrder.map((category) => {
@@ -241,7 +267,11 @@ export function buildResourceBookScenePlan({
     const categoryResources = resourcesByCategory.get(category) ?? [];
     const stacks = groupResourceBookStacks(categoryResources);
     const childLayout = presentation === 'child';
-    if (cardsReady && presentation) {
+    // 「所有资源」的卡片在各栏目摞里已经渲染过；这里再铺一遍会让同一张资源卡在
+    // 总览里挂载两份（`data-resource-card-id` 查询与 FLIP 的 `card:*` 键都会撞车）。
+    const rendersCards =
+      cardsReady && presentation && !isResourceBookAllTarget(category);
+    if (rendersCards) {
       stacks.forEach(([, items], stackColumn) => {
         // 总览只铺有限张，数量由栏目标题栏的“N 项”表达；子画布渲染全部资源。
         const stackItems = childLayout
diff --git a/apps/ai-game-creator-shell/src/view/project-development/resourceBookModel.ts b/apps/ai-game-creator-shell/src/view/project-development/resourceBookModel.ts
index 5e7a188ec..b855efa39 100644
--- a/apps/ai-game-creator-shell/src/view/project-development/resourceBookModel.ts
+++ b/apps/ai-game-creator-shell/src/view/project-development/resourceBookModel.ts
@@ -1,17 +1,38 @@
 import type { ProjectResourceCategory } from './resourceProjectionModel';
 
 export type ResourceBookCategory = ProjectResourceCategory;
+
+/**
+ * 「所有资源」是渲染层的特殊项，不是真实资源栏目。
+ *
+ * 它只存在于画本（资源总览）自己的状态与渲染里：跨端契约的
+ * `ProjectResourceCanvasCategory` 不新增 `'all'`，落盘布局的 `section` 也不会出现它，
+ * 因此既不需要改 sidecar schema，也不会污染写入侧的分区口径。
+ */
+export const RESOURCE_BOOK_ALL_TARGET = 'all' as const;
+
+/** 画本可以打开的目标：真实栏目，或渲染层的「所有资源」。 */
+export type ResourceBookTarget =
+  | ResourceBookCategory
+  | typeof RESOURCE_BOOK_ALL_TARGET;
+
+export function isResourceBookAllTarget(
+  value: unknown,
+): value is typeof RESOURCE_BOOK_ALL_TARGET {
+  return value === RESOURCE_BOOK_ALL_TARGET;
+}
+
 export type ResourceBookPhase = 'idle' | 'entering' | 'returning-main';
 
 export type ResourceBookState = {
   view: 'main' | 'child';
-  category: ResourceBookCategory | null;
+  category: ResourceBookTarget | null;
   phase: ResourceBookPhase;
   token: number;
 };
 
 export type ResourceBookAction =
-  | { type: 'open-category'; category: ResourceBookCategory; token: number }
+  | { type: 'open-category'; category: ResourceBookTarget; token: number }
   | { type: 'finish-transition'; token: number }
   | { type: 'return-to-main'; token: number }
   | { type: 'reset'; token: number };
@@ -91,11 +112,16 @@ export type ResourceBookCardPresentation = 'child' | 'overview' | 'exiting';
 
 export function resourceBookCategoryCardPresentation(
   state: ResourceBookState,
-  category: ResourceBookCategory,
+  category: ResourceBookTarget,
 ): Exclude<ResourceBookCardPresentation, 'exiting'> | null {
   if (state.view === 'main') {
     return 'overview';
   }
+  // 「所有资源」页自己按栏目渲染全部资源卡，画本场景不再复制一份；
+  // 否则同一张资源卡会在总览/全部资源页同时挂载（DOM 查询与 FLIP 键都会撞车）。
+  if (isResourceBookAllTarget(state.category)) {
+    return null;
+  }
   if (category === state.category) {
     return 'child';
   }
diff --git a/apps/ai-game-creator-shell/tests/appSurface/project-development.suite.ts b/apps/ai-game-creator-shell/tests/appSurface/project-development.suite.ts
index 2f0652a8c..2f22b490a 100644
--- a/apps/ai-game-creator-shell/tests/appSurface/project-development.suite.ts
+++ b/apps/ai-game-creator-shell/tests/appSurface/project-development.suite.ts
@@ -1130,7 +1130,13 @@ export function registerProjectWorkbenchFoundationTests() {
         ),
       ).toHaveLength(RESOURCE_BOOK_OVERVIEW_STACK_LIMIT),
     );
-    expect(screen.getByText('5 项')).not.toBeNull();
+    // 「N 项」徽标现在同样出现在总览第 0 张「所有资源」卡上（全量计数），
+    // 因此这里必须钉到 character 栏自己的标题栏，而不是按可见文本全文档查找。
+    expect(
+      document.querySelector(
+        '.game-resource-book-scene-titlebar[data-resource-book-category="character"] small',
+      )?.textContent,
+    ).toBe('5 项');
     const overviewCardLayers = Array.from(
       document.querySelectorAll<HTMLElement>(
         '.game-resource-book-scene-card[data-resource-book-category="character"]',
@@ -8599,4 +8605,204 @@ export function registerProjectAgentStatusTests() {
       });
     }
   });
+
+  /**
+   * 资源总览第 0 张「所有资源」卡。
+   *
+   * 三件事必须同时成立：它是总览的第一张、计数就是全量资源数（与各栏目计数之和同口径）、
+   * 点它进入的页面里能同时看到来自多个栏目的资源。只断言「页面上有全部资源入口」会让
+   * 一个只展示单栏目的实现也变绿，所以第三条按栏目分组逐组钉卡片本体。
+   */
+  it('keeps an all-resources tile first in the overview and opens every section', async () => {
+    const manifest = createGameCreationAppManifest(
+      'workbench-all-resources',
+      '全部资源项目',
+    );
+    manifest.assets = [
+      {
+        id: 'all-resources-document',
+        kind: 'design-document',
+        mediaType: 'text/markdown',
+        localPath: 'memory/all-resources.md',
+        source: { kind: 'generated', taskId: 'design-foundation' },
+        category: 'document',
+      },
+      {
+        id: 'all-resources-character',
+        kind: 'character',
+        mediaType: 'image/png',
+        localPath: 'assets/all-resources-character.png',
+        source: { kind: 'generated', taskId: 'art-asset-plan' },
+        category: 'character',
+      },
+      {
+        id: 'all-resources-audio',
+        kind: 'background-music',
+        mediaType: 'audio/mpeg',
+        localPath: 'assets/all-resources-audio.mp3',
+        source: { kind: 'generated', taskId: 'audio-asset-plan' },
+        category: 'audio',
+      },
+    ];
+    manifest.versions = [
+      {
+        versionId: 'all-resources-version',
+        parentVersionId: null,
+        projectRevision: 1,
+        resourceBindings: [],
+        createdReason: 'initial',
+        createdAt: 1,
+      },
+    ];
+    const allResources = projectResourcesFromReadModels(manifest, [], []);
+    let layoutRevision = 0;
+    const invoke = vi.fn(
+      async (command: string, args?: Record<string, unknown>) => {
+        if (command === 'read_local_project_resource_graph') {
+          return resourceGraphForInputs([]);
+        }
+        if (command === 'read_local_project_resource_canvas_layout') {
+          return {
+            schemaVersion: 'game-creator-resource-layout.v1',
+            projectId: args?.expectedProjectId,
+            mode: args?.mode,
+            revision: layoutRevision,
+            positions: [],
+            updatedAt: layoutRevision,
+          };
+        }
+        if (command === 'update_local_project_resource_canvas_layout') {
+          layoutRevision += 1;
+          return {
+            status: 'updated',
+            layout: {
+              schemaVersion: 'game-creator-resource-layout.v1',
+              projectId: args?.expectedProjectId,
+              mode: args?.mode,
+              revision: layoutRevision,
+              positions: args?.positions,
+              updatedAt: layoutRevision,
+            },
+          };
+        }
+        throw new Error(`unexpected invoke ${command}`);
+      },
+    );
+    window.__TAURI__ = { core: { invoke } };
+
+    render(
+      React.createElement(ProjectDevelopmentView, {
+        projectName: manifest.name,
+        projectPath: '/tmp/workbench-all-resources',
+        manifest,
+        attachments: [],
+        recentRunStatus: null,
+        recentRunStopReason: null,
+        supervisor: React.createElement('div', null, '项目总控'),
+        onHomeOpen: vi.fn(),
+        onProjectsOpen: vi.fn(),
+      }),
+    );
+
+    const readCountBadge = (selector: string) => {
+      const badge = document.querySelector<HTMLElement>(
+        `${selector} .game-resource-book-titlebar-meta small`,
+      );
+      const match = /^(\d+) 项$/u.exec(badge?.textContent ?? '');
+      expect(badge, `${selector} 的计数徽标缺失`).not.toBeNull();
+      expect(match, `${selector} 的计数徽标不是「N 项」`).not.toBeNull();
+      return Number(match![1]);
+    };
+
+    await waitFor(() =>
+      expect(
+        document.querySelector(
+          '.game-resource-book-scene-titlebar[data-resource-book-category="all"]',
+        ),
+      ).not.toBeNull(),
+    );
+
+    // 1) 总览里存在「所有资源」卡，并且排在栏目卡之前（第 0 张）。
+    const overviewGrid = document.querySelector<HTMLElement>(
+      '.game-resource-book-main-grid',
+    );
+    expect(overviewGrid).not.toBeNull();
+    const overviewTiles = Array.from(
+      overviewGrid!.querySelectorAll<HTMLElement>(
+        '.game-resource-book-thumbnail',
+      ),
+    );
+    expect(
+      overviewTiles.map((tile) => tile.dataset.resourceBookCategory),
+    ).toEqual([
+      'all',
+      'ui-interaction',
+      'character',
+      'scene',
+      'audio',
+      'document',
+      'unclassified',
+      'version',
+    ]);
+    expect(screen.getByRole('button', { name: '打开所有资源' })).toBe(
+      overviewTiles[0],
+    );
+
+    // 2) 它的计数等于全量资源数，并且与各栏目计数之和同一口径（不另算一套）。
+    const allResourcesCount = readCountBadge(
+      '.game-resource-book-scene-titlebar[data-resource-book-category="all"]',
+    );
+    expect(allResourcesCount).toBe(allResources.length);
+    const perCategoryCounts = Array.from(
+      document.querySelectorAll<HTMLElement>(
+        '.game-resource-book-scene-titlebar[data-resource-book-category]',
+      ),
+    )
+      .filter((titlebar) => titlebar.dataset.resourceBookCategory !== 'all')
+      .map((titlebar) =>
+        readCountBadge(
+          `.game-resource-book-scene-titlebar[data-resource-book-category="${titlebar.dataset.resourceBookCategory}"]`,
+        ),
+      );
+    expect(perCategoryCounts.reduce((total, count) => total + count, 0)).toBe(
+      allResourcesCount,
+    );
+
+    // 3) 点它进入的视图包含来自多个栏目的资源，而不是某一个栏目。
+    fireEvent.click(screen.getByRole('button', { name: '打开所有资源' }));
+    await waitFor(() =>
+      expect(
+        document.querySelector('[data-resource-book-all-host="true"]'),
+      ).not.toBeNull(),
+    );
+
+    const expectSortedCategories = (categories: string[]) =>
+      [...categories].sort();
+    const allSections = Array.from(
+      document.querySelectorAll<HTMLElement>(
+        '.game-resource-all-section[data-resource-book-category]',
+      ),
+    );
+    const expectedSections = expectSortedCategories(
+      Array.from(new Set(allResources.map((resource) => resource.category))),
+    );
+    expect(
+      expectSortedCategories(
+        allSections.map((section) => section.dataset.resourceBookCategory!),
+      ),
+    ).toEqual(expectedSections);
+    expect(allSections.length).toBeGreaterThan(1);
+    for (const section of allSections) {
+      expect(
+        section.querySelectorAll('.game-resource-card').length,
+      ).toBeGreaterThan(0);
+    }
+    // 汇总页自己的标题栏也用同一份全量计数。
+    expect(readCountBadge('.game-resource-all-page')).toBe(allResourcesCount);
+    // 汇总页复用栏目大纲：第 0 项是「所有资源」，并标成当前页。
+    const allOutline = screen.getByLabelText('资源栏目大纲');
+    expect(
+      allOutline.querySelector('[aria-current="page"]')?.textContent?.trim(),
+    ).toBe('所有资源');
+  });
 }
diff --git a/apps/ai-game-creator-shell/tests/resourceBookLayout.test.ts b/apps/ai-game-creator-shell/tests/resourceBookLayout.test.ts
index c73573fd8..22b8a309a 100644
--- a/apps/ai-game-creator-shell/tests/resourceBookLayout.test.ts
+++ b/apps/ai-game-creator-shell/tests/resourceBookLayout.test.ts
@@ -1,19 +1,28 @@
 import { describe, expect, it } from 'vitest';
 
 import {
+  buildResourceBookAllResourcesSections,
   buildResourceBookScenePlan,
   groupResourceBookStacks,
   RESOURCE_BOOK_OVERVIEW_STACK_LIMIT,
   resourceBookOverviewCardLayout,
+  type ResourceBookOverviewRect,
   resourceBookSceneCardKey,
   selectResourceBookOverviewCards,
 } from '../src/view/project-development/resourceBookLayout';
+import {
+  RESOURCE_BOOK_ALL_TARGET,
+  type ResourceBookTarget,
+} from '../src/view/project-development/resourceBookModel';
 import type { ProjectResource } from '../src/view/project-development/resourceProjectionModel';
 
-function resource(id: string): ProjectResource {
+function resource(
+  id: string,
+  category: ProjectResource['category'] = 'unclassified',
+): ProjectResource {
   return {
     id,
-    category: 'unclassified',
+    category,
     subtype: 'image',
     label: id,
     path: `assets/${id}.png`,
@@ -278,4 +287,90 @@ describe('buildResourceBookScenePlan', () => {
       keys.filter((key) => key === resourceBookSceneCardKey('art-0')),
     ).toHaveLength(1);
   });
+
+  /**
+   * 资源总览第 0 张「所有资源」卡走的是同一条渲染管线：它有栏目标题栏（计数即全量
+   * 资源数），但正文不铺卡片——同一张资源卡在各栏目摞里已经渲染过，再铺一遍会让
+   * `data-resource-card-id` 与 FLIP 的 `card:*` 键在同一份计划里出现两次。
+   */
+  it('reports the full count for the all-resources tile without duplicating cards', () => {
+    const documentResource = resource('design-0', 'document');
+    const allResources = [...resources, documentResource];
+    const allPositions = new Map([
+      ...positions,
+      [documentResource.id, { x: 900, y: 0 }],
+    ]);
+    const allCardSizes = new Map([
+      ...cardSizes,
+      [documentResource.id, { width: 180, height: 128 }],
+    ]);
+    const plan = buildResourceBookScenePlan({
+      ...base,
+      visibleCategoryOrder: [
+        RESOURCE_BOOK_ALL_TARGET,
+        'unclassified',
+        'document',
+      ],
+      resourcesByCategory: new Map<ResourceBookTarget, ProjectResource[]>([
+        [RESOURCE_BOOK_ALL_TARGET, allResources],
+        ['unclassified', resources],
+        ['document', [documentResource]],
+      ]),
+      overviewRects: new Map<ResourceBookTarget, ResourceBookOverviewRect>([
+        [RESOURCE_BOOK_ALL_TARGET, { ...rect, left: 0, top: 0 }],
+        ['unclassified', rect],
+        ['document', { ...rect, left: 500 }],
+      ]),
+      positions: allPositions,
+      cardSizes: allCardSizes,
+      visibleResourceIds: new Set(allResources.map((item) => item.id)),
+      categoryViewCenters: new Map([
+        ['unclassified', { x: 0, y: 64 }],
+        ['document', { x: 900, y: 64 }],
+      ]),
+      state: { view: 'main', category: null, phase: 'idle', token: 0 },
+    });
+
+    const allGroup = plan.find(
+      (group) => group.category === RESOURCE_BOOK_ALL_TARGET,
+    )!;
+    expect(allGroup.resourceCount).toBe(allResources.length);
+    expect(allGroup.cards).toHaveLength(0);
+    expect(allGroup.titlebarActive).toBe(false);
+    expect(allGroup.titlebarOpacity).toBe(1);
+
+    // 各栏目自己的摞照旧，且整份计划里没有任何一张资源卡被挂两次。
+    const cardKeys = plan
+      .flatMap((group) => group.cards)
+      .map((card) => card.key);
+    expect(new Set(cardKeys).size).toBe(cardKeys.length);
+    expect(
+      plan
+        .find((group) => group.category === 'document')!
+        .cards.map((card) => card.key),
+    ).toEqual([resourceBookSceneCardKey('design-0')]);
+    expect(
+      plan.find((group) => group.category === 'unclassified')!.cards.length,
+    ).toBeGreaterThan(0);
+  });
+});
+
+describe('buildResourceBookAllResourcesSections', () => {
+  it('keeps the overview section order and drops empty sections', () => {
+    const sections = buildResourceBookAllResourcesSections({
+      categoryOrder: ['ui-interaction', 'character', 'audio'],
+      resourcesByCategory: new Map([
+        ['ui-interaction', [resource('ui-0', 'ui-interaction')]],
+        ['character', []],
+        ['audio', [resource('bgm-0', 'audio'), resource('bgm-1', 'audio')]],
+      ]),
+    });
+
+    expect(
+      sections.map((section) => [section.category, section.resources.length]),
+    ).toEqual([
+      ['ui-interaction', 1],
+      ['audio', 2],
+    ]);
+  });
 });
diff --git a/apps/ai-game-creator-shell/tests/resourceBookModel.test.ts b/apps/ai-game-creator-shell/tests/resourceBookModel.test.ts
index 7a47f35b7..23666aeab 100644
--- a/apps/ai-game-creator-shell/tests/resourceBookModel.test.ts
+++ b/apps/ai-game-creator-shell/tests/resourceBookModel.test.ts
@@ -2,6 +2,8 @@ import { describe, expect, it } from 'vitest';
 
 import {
   initialResourceBookState,
+  isResourceBookAllTarget,
+  RESOURCE_BOOK_ALL_TARGET,
   resourceBookCategoryCardPresentation,
   resourceBookReducer,
   resourceBookSceneCategory,
@@ -162,3 +164,54 @@ describe('resource book card presentation', () => {
     expect(resourceBookShowsExitingCards(initialResourceBookState)).toBe(false);
   });
 });
+
+describe('resource book all-resources target', () => {
+  it('takes the overview stack as the first tile on the main canvas', () => {
+    expect(
+      resourceBookCategoryCardPresentation(
+        initialResourceBookState,
+        RESOURCE_BOOK_ALL_TARGET,
+      ),
+    ).toBe('overview');
+  });
+
+  it('lets the all-resources page render every category without a second copy', () => {
+    const all = resourceBookReducer(
+      resourceBookReducer(initialResourceBookState, {
+        type: 'open-category',
+        category: RESOURCE_BOOK_ALL_TARGET,
+        token: 1,
+      }),
+      { type: 'finish-transition', token: 1 },
+    );
+
+    expect(all).toMatchObject({
+      view: 'child',
+      category: RESOURCE_BOOK_ALL_TARGET,
+      phase: 'idle',
+    });
+    expect(resourceBookSceneCategory(all)).toBe(RESOURCE_BOOK_ALL_TARGET);
+    // 「所有资源」页自己按栏目渲染全部资源卡；画本场景不再复制一份，否则同一张
+    // 资源卡会挂载两次（DOM 查询与 FLIP 键都会撞车）。
+    for (const category of [
+      'ui-interaction',
+      'character',
+      'scene',
+      'audio',
+      'document',
+      'unclassified',
+      'version',
+    ] as const) {
+      expect(resourceBookCategoryCardPresentation(all, category)).toBeNull();
+    }
+    expect(
+      resourceBookCategoryCardPresentation(all, RESOURCE_BOOK_ALL_TARGET),
+    ).toBeNull();
+  });
+
+  it('identifies the render-layer sentinel without widening the section contract', () => {
+    expect(isResourceBookAllTarget(RESOURCE_BOOK_ALL_TARGET)).toBe(true);
+    expect(isResourceBookAllTarget('unclassified')).toBe(false);
+    expect(isResourceBookAllTarget(null)).toBe(false);
+  });
+});