修复 AGC 画布素材卡「引用」无消费者：新增活跃聊天输入区注册表

新增 features/project-workspace/activeChatComposer.ts：模块级保存当前挂载的输入区句柄，registerActiveChatComposer 注销时校验身份，insertChatReferences 空批次或无句柄返回 false
DirectProjectComposer 用 useImperativeHandle 暴露 DirectProjectComposerHandle（按 ref 转发，句柄稳定），新增可选 ref 入参
DirectProjectChatView 挂载期间注册、卸载注销，并把 composerHandleRef 传给 DirectProjectComposer
PlanningChatView 同样注册（句柄按 composerRef 转发），两条链路互斥渲染，同一时刻只有一个句柄
App.tsx 收敛为一处监听：单条「引用」与批量拖拽两个事件都走 insertChatReferences，返回 false 时 dev 下 console.warn
chatComposerRef 只保留给策划输入盒自己的 getDraft / clear，不再承担跨面板插入
project-development.suite.ts：工具条「引用」用例改为渲染真实 DirectProject 聊天面，断言草稿里出现引用芯片（键盘 + 鼠标两条通路、光标留在插入之后）
resourceCanvasChatReferenceDrop.test.tsx：换成真实 DirectProject 聊天面，批量拖拽断言整批一次落进草稿且顺序 = 拖动集合顺序；新增未登记素材不出「引用」按钮、拖拽只给原因的用例
design-agent.suite.ts：新增策划链路引用插入不回归用例
同步 docs/【功能说明】AGC聊天素材引用-2026-09-08.md、shared-memory 的 pitfalls 与 decision-log

apps/ai-game-creator-shell/src/App.tsx

@@ -71,6 +71,7 @@ import {
   isAbsoluteProjectPath,
   projectPathHasControlCharacter,
 } from './features/project-summary/projectSummary';
+import { insertChatReferences } from './features/project-workspace/activeChatComposer';
 import { importDesignFiles } from './features/project-workspace/importDesignFiles';
 import {
   needsInitializedChatProject,
@@ -78,10 +79,13 @@ import {
 } from './features/project-workspace/projectCommandPolicy';
 import type { ResourceReferenceInputHandle } from './features/project-workspace/ResourceReferenceInput';
 import {
+  type ChatReference,
   directCodexContentToLegacyContentDto,
   hasMeaningfulDirectCodexContent,
   RESOURCE_REFERENCE_INSERT_EVENT,
+  RESOURCE_REFERENCE_INSERT_MANY_EVENT,
   type ResourceReferenceInsertEventDetail,
+  type ResourceReferenceInsertManyEventDetail,
 } from './features/project-workspace/resourceReferences';
 import { RuntimeConfigDialog } from './features/runtime-config/RuntimeConfigDialog';
 import { readGamePublishAvailability } from './services/gameDistributionPublish';
@@ -1273,22 +1277,52 @@ export function App({
   }
 
   useEffect(() => {
+    /*
+      画布引用只有这一处消费者：单条「引用」按钮与拖拽批量引用都从这里落进草稿。
+      落到哪份输入区由「活跃聊天输入区」注册表回答——普通项目挂 DirectProject、
+      策划链路挂策划面，事件本身不携带这个判断。
+
+      插入失败（空批次，或此刻没有输入区挂载）不再静默：dev 下留一行线索，
+      否则用户看到的又是一次「点了没反应」。
+    */
+    const insertReferences = (references: readonly ChatReference[]) => {
+      if (insertChatReferences(references)) return;
+      if (import.meta.env.DEV) {
+        console.warn(
+          '[resource-reference] 引用没有落进草稿：当前没有挂载中的聊天输入区',
+        );
+      }
+    };
     const handleResourceReferenceInsert = (event: Event) => {
       const detail = (event as CustomEvent<ResourceReferenceInsertEventDetail>)
         .detail;
       if (!detail?.reference) return;
-      chatComposerRef.current?.insertReferences([detail.reference]);
-      chatComposerRef.current?.focus();
+      insertReferences([detail.reference]);
+    };
+    const handleResourceReferenceInsertMany = (event: Event) => {
+      const detail = (
+        event as CustomEvent<ResourceReferenceInsertManyEventDetail>
+      ).detail;
+      insertReferences(detail?.references ?? []);
     };
     window.addEventListener(
       RESOURCE_REFERENCE_INSERT_EVENT,
       handleResourceReferenceInsert,
     );
-    return () =>
+    window.addEventListener(
+      RESOURCE_REFERENCE_INSERT_MANY_EVENT,
+      handleResourceReferenceInsertMany,
+    );
+    return () => {
       window.removeEventListener(
         RESOURCE_REFERENCE_INSERT_EVENT,
         handleResourceReferenceInsert,
       );
+      window.removeEventListener(
+        RESOURCE_REFERENCE_INSERT_MANY_EVENT,
+        handleResourceReferenceInsertMany,
+      );
+    };
   }, []);
 
   /**

apps/ai-game-creator-shell/src/features/project-workspace/activeChatComposer.ts

@@ -0,0 +1,52 @@
+import type { ChatReference } from './resourceReferences';
+
+/**
+ * 当前挂载的聊天输入区句柄：只保留「把引用插进草稿」这一件事。
+ *
+ * 输入区自己还持有 `getDraft` / `clear` 之类的提交期能力，但那些只在所属面板内部用，
+ * 不进这里——注册表只负责跨面板的引用插入。
+ */
+export type ActiveChatComposerHandle = {
+  insertReferences: (references: ChatReference[]) => void;
+  focus: () => void;
+};
+
+/**
+ * 同一时刻只可能有一个聊天输入区挂载：普通项目走 DirectProject，立项策划走策划面，
+ * 两条链路互斥渲染（见 `App.tsx` 的 `directProjectMode`）。
+ */
+let activeChatComposer: ActiveChatComposerHandle | null = null;
+
+/**
+ * 注册当前挂载的聊天输入区，返回注销函数。
+ *
+ * 注销时按身份校验：新输入区已经接管、旧输入区才卸载时（切换项目、两条链路互换），
+ * 旧注销不能把新句柄一起清掉。
+ */
+export function registerActiveChatComposer(
+  handle: ActiveChatComposerHandle,
+): () => void {
+  activeChatComposer = handle;
+  return () => {
+    if (activeChatComposer === handle) {
+      activeChatComposer = null;
+    }
+  };
+}
+
+/**
+ * 把一批引用插进当前挂载的聊天输入区，回答**有没有落进草稿**。
+ *
+ * 空批次与「此刻没有任何输入区挂载」都返回 `false`：这两件事都不能静默，
+ * 由调用方（`App.tsx` 的事件监听）决定怎么留痕或提示，注册表本身不吞。
+ */
+export function insertChatReferences(
+  references: readonly ChatReference[],
+): boolean {
+  if (references.length === 0) return false;
+  const handle = activeChatComposer;
+  if (!handle) return false;
+  handle.insertReferences([...references]);
+  handle.focus();
+  return true;
+}

apps/ai-game-creator-shell/src/view/project-development/chat/DirectProjectChatView.tsx

@@ -4,17 +4,22 @@ import {
   useEffect,
   useImperativeHandle,
   useMemo,
+  useRef,
   useState,
 } from 'react';
 
 import { claimInitialTurnForPage } from '../../../app/initialTurnClaims';
 import type { PendingUiConfirmation } from '../../../app/types';
 import { projectNameFromPath } from '../../../features/agent-runtime';
+import { registerActiveChatComposer } from '../../../features/project-workspace/activeChatComposer';
 import { userItemFromContent } from '../../../features/project-workspace/resourceReferences';
 import { type ApprovalMode, approvalModeLabel } from '../approvalMode';
 import { ApprovalModeDialog } from '../ApprovalModeDialog';
 import { DirectProjectChatHeader } from './components/DirectProjectChatHeader/DirectProjectChatHeader';
-import { DirectProjectComposer } from './components/DirectProjectComposer/DirectProjectComposer';
+import {
+  DirectProjectComposer,
+  type DirectProjectComposerHandle,
+} from './components/DirectProjectComposer/DirectProjectComposer';
 import { DirectProjectConversation } from './components/DirectProjectConversation/DirectProjectConversation';
 import { DirectProjectSettingsDialog } from './components/DirectProjectSettingsDialog/DirectProjectSettingsDialog';
 import {
@@ -103,6 +108,7 @@ export function DirectProjectChatView({
 }: DirectProjectChatViewProps) {
   const { assets, projectId, refresh, versions } =
     useDirectProjectManifest(projectPath);
+  const composerHandleRef = useRef<DirectProjectComposerHandle | null>(null);
   const [runtimeNotice, setRuntimeNotice] = useState('');
   const [settingsOpen, setSettingsOpen] = useState(false);
   const [approvalOpen, setApprovalOpen] = useState(false);
@@ -212,6 +218,18 @@ export function DirectProjectChatView({
     },
   }));
 
+  /*
+    画布的「引用」与拖拽批量引用是 window 事件，唯一消费者在 `App.tsx`；它只认注册表里
+    **当前挂载**的输入区。普通项目固定渲染这里、策划链路渲染 `PlanningChatView`，两条链路
+    互斥，所以同一时刻注册表里只有一个句柄。挂载期间注册、卸载注销，输入区不在位时
+    插入请求会拿到 `false` 而不是静默丢掉（见 `activeChatComposer.ts`）。
+  */
+  useEffect(() => {
+    const handle = composerHandleRef.current;
+    if (!handle) return;
+    return registerActiveChatComposer(handle);
+  }, []);
+
   return (
     <section
       className="project-chat-surface is-direct-codex"
@@ -252,6 +270,7 @@ export function DirectProjectChatView({
           </div>
         ) : null}
         <DirectProjectComposer
+          ref={composerHandleRef}
           assets={assets}
           {...(versions ? { versions } : {})}
           projectPath={projectPath}

apps/ai-game-creator-shell/src/view/project-development/chat/components/DirectProjectComposer/DirectProjectComposer.tsx

@@ -1,10 +1,18 @@
 import { ArrowUp, AtSign } from 'lucide-react';
-import { useCallback, useMemo, useRef, useState } from 'react';
+import {
+  type Ref,
+  useCallback,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 
 import type {
   GameCreationAppAssetManifestEntry,
   GameIterationVersion,
 } from '../../../../../../../../packages/shared/src/contracts/gameCreationApp';
+import type { ActiveChatComposerHandle } from '../../../../../features/project-workspace/activeChatComposer';
 import {
   ConversationModelSelect,
   type ConversationModelSelectHandle,
@@ -40,6 +48,12 @@ function draftAttachmentCount(draft: { content: UserContentPart[] }) {
   ).length;
 }
 
+/**
+ * 输入区对外的命令式出口：就是「活跃聊天输入区」注册表要的那两件事
+ * （见 `features/project-workspace/activeChatComposer.ts`）。
+ */
+export type DirectProjectComposerHandle = ActiveChatComposerHandle;
+
 /**
  * DirectProject 输入区：待发消息 chip、附件、`@` 引用输入框、模型/推理选择和发送/终止。
  *
@@ -62,6 +76,7 @@ export function DirectProjectComposer({
   onReferencePickerOpen,
   onSubmit,
   onUploadFiles,
+  ref,
 }: {
   assets: GameCreationAppAssetManifestEntry[];
   versions?: GameIterationVersion[];
@@ -107,6 +122,11 @@ export function DirectProjectComposer({
     files: readonly File[],
     draftAttachmentCount: number,
   ) => Promise<DirectCodexTurnAttachment[]>;
+  /**
+   * 输入区句柄出口：`DirectProjectChatView` 拿它注册「活跃聊天输入区」，
+   * 画布的「引用」/拖拽批量引用事件才能落进这份草稿。
+   */
+  ref?: Ref<DirectProjectComposerHandle>;
 }) {
   const composerRef = useRef<ResourceReferenceInputHandle | null>(null);
   const composerRootRef = useRef<HTMLDivElement | null>(null);
@@ -166,6 +186,19 @@ export function DirectProjectComposer({
     },
     [onUploadFiles],
   );
+  /*
+    对外句柄只做一层转发：内部输入区句柄会随编辑器重挂载换对象，这里按 ref 读最新值，
+    句柄本身（注册表持有的那个）保持稳定。插入与聚焦都不自己实现，避免出现第二套草稿真相。
+  */
+  useImperativeHandle(
+    ref,
+    () => ({
+      insertReferences: (references) =>
+        composerRef.current?.insertReferences([...references]),
+      focus: () => composerRef.current?.focus(),
+    }),
+    [],
+  );
   // 这个按钮只在"没有可终止对象"的分支出现（有的话由 ComposerStopButton 接管），
   // 所以不再带忙态逻辑：队列里有待发消息时它照样在，用户能继续排。
   const submitButton = (

apps/ai-game-creator-shell/src/view/project-development/planning/PlanningChatView.tsx

@@ -1,6 +1,6 @@
 import { ArrowUp, FileUp, Loader2 } from 'lucide-react';
 import type { FormEventHandler, RefObject, UIEventHandler } from 'react';
-import { useMemo, useRef } from 'react';
+import { useEffect, useMemo, useRef } from 'react';
 
 import { AgentMessageContent } from '../../../../../../packages/shared/src/components/AgentMessageContent';
 import type {
@@ -15,6 +15,7 @@ import {
   projectNameFromPath,
   projectRuntimeVisibleError,
 } from '../../../features/agent-runtime';
+import { registerActiveChatComposer } from '../../../features/project-workspace/activeChatComposer';
 import { ConversationModelSelect } from '../../../features/project-workspace/ConversationModelSelect';
 import { attachmentReferenceProvider } from '../../../features/project-workspace/reference-source/attachmentReferenceProvider';
 import { createResourceReferenceProvider } from '../../../features/project-workspace/reference-source/resourceReferenceProvider';
@@ -133,6 +134,19 @@ export function PlanningChatView({
   onDesignRetry,
 }: PlanningChatViewProps) {
   const designFileInputRef = useRef<HTMLInputElement>(null);
+  /*
+    策划输入盒也进「活跃聊天输入区」注册表：画布的引用事件消费者只有 `App.tsx` 一处，
+    它不关心当前挂哪条链路。句柄按 ref 转发（`composerRef` 指向的是输入区自己那份
+    可变句柄），注册的那个包装对象因此永远读到最新值。
+  */
+  useEffect(() => {
+    if (!composerRef) return;
+    return registerActiveChatComposer({
+      insertReferences: (references) =>
+        composerRef.current?.insertReferences([...references]),
+      focus: () => composerRef.current?.focus(),
+    });
+  }, [composerRef]);
   /*
     策划输入盒的引用来源：**只注入资源与两个静默 provider**。
 

apps/ai-game-creator-shell/tests/appSurface/design-agent.suite.ts

@@ -1,3 +1,4 @@
+import { dispatchResourceReferenceInsert } from '../../src/features/project-workspace/resourceReferences';
 import {
   act,
   App,
@@ -916,4 +917,35 @@ export function registerDesignAgentSurfaceTests() {
     expect(details[1].open).toBe(false);
     await waitFor(() => expect(summaries[0].textContent).toBe('思考过程'));
   });
+
+  it('画布派发的「引用」落进策划输入盒草稿', async () => {
+    const harness = createProjectChatRuntimeHarness({
+      initialSessionExists: false,
+    });
+    renderDesignAgent(harness);
+    const editor = await screen.findByLabelText('项目需求');
+
+    // 资源画布唯一的生产入口就是这个 window 事件；消费者在 `App.tsx`，落到哪份输入盒由
+    // 「活跃聊天输入区」注册表回答。策划链路与普通项目共用一个消费者，这条用例钉的是
+    // 它在 `PlanningChatView` 这一侧也真的进了草稿。
+    act(() => {
+      dispatchResourceReferenceInsert({
+        type: 'resource',
+        resourceId: 'planning-hero',
+        kind: 'character',
+        mediaType: 'image/png',
+        label: 'hero.png',
+        category: 'character',
+        tags: [],
+        source: 'resource-card',
+      });
+    });
+
+    await waitFor(() =>
+      expect(
+        editor.querySelectorAll('[data-resource-reference-id="planning-hero"]'),
+      ).toHaveLength(1),
+    );
+    expect(editor.textContent).toContain('@hero.png');
+  });
 }

apps/ai-game-creator-shell/tests/appSurface/project-development.suite.ts

@@ -10,7 +10,6 @@ import {
   GAME_CREATION_APP_UI_DESIGN_DOC_ASSET_KIND,
   GAME_CREATION_APP_UI_DESIGN_DOC_MEDIA_TYPE,
 } from '../../../../packages/shared/src/contracts/gameCreationApp';
-import { RESOURCE_REFERENCE_INSERT_EVENT } from '../../src/features/project-workspace/resourceReferences';
 import { ApprovalModeDialog } from '../../src/view/project-development/ApprovalModeDialog';
 import { RESOURCE_BOOK_OVERVIEW_STACK_LIMIT } from '../../src/view/project-development/resourceBookLayout';
 import {
@@ -30,8 +29,10 @@ import {
 } from '../resourceGenerationPromptTestUtils';
 import {
   act,
+  App,
   cleanup,
   createGameCreationAppManifest,
+  createProjectChatRuntimeHarness,
   expect,
   findResourceSelectButton,
   fireEvent,
@@ -3596,7 +3597,7 @@ export function registerProjectWorkbenchFoundationTests() {
     );
   });
 
-  it('工具条里的「引用」用键盘也能插进聊天输入框', async () => {
+  it('工具条里的「引用」把素材 @ 进真实聊天草稿（键盘与鼠标两条通路）', async () => {
     const manifest = createGameCreationAppManifest(
       'workbench-resource-reference',
       '引用入口测试',
@@ -3611,6 +3612,13 @@ export function registerProjectWorkbenchFoundationTests() {
       source: { kind: 'generated' },
     });
     let layoutRevision = 0;
+    const projectPath = '/tmp/workbench-resource-reference';
+    // 对话面用真实 DirectProject 链路（`App` → `DirectProjectChatView` → `DirectProjectComposer`）：
+    // 引用事件的消费者在 `App.tsx`，桩接不住它，链路断点正好在「谁把它落进草稿」。
+    const chatHarness = createProjectChatRuntimeHarness({
+      projectPath,
+      initialSessionExists: false,
+    });
     const invoke = vi.fn(
       async (command: string, args?: Record<string, unknown>) => {
         if (command === 'read_local_project_resource_graph') {
@@ -3648,20 +3656,43 @@ export function registerProjectWorkbenchFoundationTests() {
             dataUrl: 'data:image/png;base64,iVBORw0KGgo=',
           };
         }
-        throw new Error(`unexpected invoke ${command}`);
+        if (command === 'get_local_game_manifest') {
+          return manifest;
+        }
+        if (command === 'inspect_local_project_directory') {
+          return {
+            projectPath,
+            exists: true,
+            isDirectory: true,
+            isGameCreatorProject: true,
+            projectName: manifest.name,
+            recentRunStatus: null,
+            recentRunStopReason: null,
+          };
+        }
+        if (command === 'get_local_game_preview_status') {
+          return { status: 'stopped', url: null, port: null, root: null };
+        }
+        if (command === 'get_design_agent_runtime_mode') {
+          return null;
+        }
+        return chatHarness.invoke(command, args);
       },
     );
-    window.__TAURI__ = { core: { invoke } };
+    window.__TAURI__ = {
+      core: { invoke },
+      event: { listen: chatHarness.listen },
+    } as unknown as typeof window.__TAURI__;
 
     render(
       React.createElement(ProjectDevelopmentView, {
         projectName: '引用入口测试',
-        projectPath: '/tmp/workbench-resource-reference',
+        projectPath,
         manifest,
         attachments: [],
         recentRunStatus: null,
         recentRunStopReason: null,
-        chat: React.createElement('div', null, '项目总控'),
+        chat: React.createElement(App, { initialProjectPath: projectPath }),
         onHomeOpen: vi.fn(),
         onProjectsOpen: vi.fn(),
       }),
@@ -3689,49 +3720,39 @@ export function registerProjectWorkbenchFoundationTests() {
       '引用资源 hero.png',
     );
 
-    const inserted: unknown[] = [];
-    const onInsert = (event: Event) => {
-      inserted.push(
-        (event as CustomEvent<{ reference: unknown }>).detail.reference,
-      );
-    };
-    window.addEventListener(RESOURCE_REFERENCE_INSERT_EVENT, onInsert);
-    try {
-      // 键盘通路：聚焦后回车确认。App 侧监听同一个事件并把它插成输入框里的引用 chip
-      // （`App.tsx` 的 `handleResourceReferenceInsert`），所以这里钉的是真链路而不是按钮长相。
-      referenceButton.focus();
-      expect(document.activeElement).toBe(referenceButton);
-      await userEvent.setup().keyboard('{Enter}');
-      expect(inserted).toHaveLength(1);
+    // 端到端契约：交付结果是草稿里的引用芯片，不是 window 上的一次 dispatch。
+    // 链路断点一直是「谁把引用落进草稿」，所以断言必须读真实输入盒的 DOM。
+    const draftChipIds = () =>
+      Array.from(
+        document.querySelectorAll<HTMLElement>(
+          'form.project-chat-composer [data-resource-reference-id]',
+        ),
+      ).map((chip) => chip.getAttribute('data-resource-reference-id'));
+    const composerEditor = () =>
+      document.querySelector<HTMLElement>(
+        'form.project-chat-composer [contenteditable="true"][aria-label="陶泥儿对话内容"]',
+      )!;
+    // 芯片显示名走聊天自己的 manifest 口径（文件名去扩展名），与画布卡片上的文件名不同。
+    const firstChipLabel = () =>
+      document.querySelector<HTMLElement>(
+        'form.project-chat-composer [data-resource-reference-id] .resource-reference-chip-label',
+      )?.textContent;
 
-      // 鼠标通路仍然只派发一次；两条通路带的是逐字相同的出站负载。
-      fireEvent.click(referenceButton);
-      expect(inserted).toHaveLength(2);
-    } finally {
-      window.removeEventListener(RESOURCE_REFERENCE_INSERT_EVENT, onInsert);
-    }
-    expect(inserted).toEqual([
-      {
-        type: 'resource',
-        resourceId: 'scene-hero',
-        kind: 'image',
-        mediaType: 'image/png',
-        label: 'hero.png',
-        category: 'scene',
-        tags: ['主舞台'],
-        source: 'resource-card',
-      },
-      {
-        type: 'resource',
-        resourceId: 'scene-hero',
-        kind: 'image',
-        mediaType: 'image/png',
-        label: 'hero.png',
-        category: 'scene',
-        tags: ['主舞台'],
-        source: 'resource-card',
-      },
-    ]);
+    // 键盘通路：聚焦后回车确认。
+    referenceButton.focus();
+    expect(document.activeElement).toBe(referenceButton);
+    await userEvent.setup().keyboard('{Enter}');
+    await waitFor(() => expect(draftChipIds()).toEqual(['scene-hero']));
+    expect(firstChipLabel()).toBe('hero');
+    expect(composerEditor().textContent).toContain('@hero');
+
+    // 鼠标通路：再点一次，第二枚芯片接在第一枚之后——光标留在插入之后，不覆盖已插的引用。
+    fireEvent.click(referenceButton);
+    await waitFor(() =>
+      expect(draftChipIds()).toEqual(['scene-hero', 'scene-hero']),
+    );
+    // 插入后焦点回到输入盒，用户可以接着打字。
+    expect(document.activeElement).toBe(composerEditor());
   });
 
   it('信息面板在画布浮层与运行页签里渲染同一份只读字段', async () => {

apps/ai-game-creator-shell/tests/resourceCanvasChatReferenceDrop.test.tsx

@@ -14,8 +14,11 @@ import {
   type ResourceReferenceInsertManyEventDetail,
 } from '../src/features/project-workspace/resourceReferences';
 import ProjectDevelopmentView from '../src/view/project-development';
+import type { ProjectAttachmentResult } from '../src/view/project-development/resourceProjectionModel';
 import {
+  App,
   createGameCreationAppManifest,
+  createProjectChatRuntimeHarness,
   fireEvent,
   React,
   render,
@@ -87,10 +90,21 @@ type LayoutWrite = {
   positions: ProjectResourceCanvasPosition[];
 };
 
-function installTauri(): { layoutWrites: LayoutWrite[] } {
+/** 画布与真实 DirectProject 聊天面共用的项目身份。 */
+const CANVAS_PROJECT_PATH = '/tmp/chat-reference-drop';
+
+function installTauri(manifest: GameCreationAppManifest): {
+  layoutWrites: LayoutWrite[];
+} {
   const layoutWrites: LayoutWrite[] = [];
   const persisted = new Map<string, ProjectResourceCanvasPosition[]>();
   const revisions = new Map<string, number>();
+  // 聊天面是**真的** DirectProject：它自己的清单 / 订阅 / 历史 IPC 全部由这份运行时夹具回答，
+  // 画布命令再叠在它上面。夹具与 `chat-composer.suite` 同一套，不另造聊天替身。
+  const chatHarness = createProjectChatRuntimeHarness({
+    projectPath: CANVAS_PROJECT_PATH,
+    initialSessionExists: false,
+  });
   const invoke = vi.fn(
     async (command: string, args?: Record<string, unknown>) => {
       if (command === 'get_local_game_project_revision') {
@@ -140,10 +154,33 @@ function installTauri(): { layoutWrites: LayoutWrite[] } {
       if (command === 'list_local_project_asset_generations') {
         return [];
       }
-      return undefined;
+      if (command === 'get_local_game_manifest') {
+        return manifest;
+      }
+      if (command === 'inspect_local_project_directory') {
+        return {
+          projectPath: CANVAS_PROJECT_PATH,
+          exists: true,
+          isDirectory: true,
+          isGameCreatorProject: true,
+          projectName: manifest.name,
+          recentRunStatus: null,
+          recentRunStopReason: null,
+        };
+      }
+      if (command === 'get_local_game_preview_status') {
+        return { status: 'stopped', url: null, port: null, root: null };
+      }
+      if (command === 'get_design_agent_runtime_mode') {
+        return null;
+      }
+      return chatHarness.invoke(command, args);
     },
   );
-  window.__TAURI__ = { core: { invoke } } as unknown as typeof window.__TAURI__;
+  window.__TAURI__ = {
+    core: { invoke },
+    event: { listen: chatHarness.listen },
+  } as unknown as typeof window.__TAURI__;
   return { layoutWrites };
 }
 
@@ -185,21 +222,34 @@ function collectReferenceInserts() {
   };
 }
 
-async function mountCanvas() {
-  const tauri = installTauri();
+async function mountCanvas(
+  options: {
+    /** 项目附件（无 manifest 登记的素材来源）。 */
+    attachments?: ProjectAttachmentResult[];
+    /** 打开哪个栏目找卡片；未登记素材统一落在「待归类」。 */
+    categoryLabel?: string;
+  } = {},
+) {
+  const { attachments = [], categoryLabel = '角色与对象' } = options;
   const manifest = manifestFor('chat-reference-drop', [
     characterAsset('drop-a', 'a.png'),
     characterAsset('drop-b', 'b.png'),
   ]);
+  const tauri = installTauri(manifest);
   render(
     React.createElement(ProjectDevelopmentView, {
       projectName: manifest.name,
-      projectPath: '/tmp/chat-reference-drop',
+      projectPath: CANVAS_PROJECT_PATH,
       manifest,
-      attachments: [],
+      attachments,
       recentRunStatus: null,
       recentRunStopReason: null,
-      supervisor: React.createElement('div', null, '项目总控'),
+      // 对话面是真实链路：`App`（`directProjectMode`）→ `DirectProjectChatView` →
+      // `DirectProjectComposer`。桩接不住引用事件，链路断点正好在「谁把它落进草稿」，
+      // 所以这里不能再拿 `<div>项目总控</div>` 顶替。
+      chat: React.createElement(App, {
+        initialProjectPath: CANVAS_PROJECT_PATH,
+      }),
       onHomeOpen: vi.fn(),
       onProjectsOpen: vi.fn(),
     }),
@@ -220,7 +270,7 @@ async function mountCanvas() {
     toJSON: () => ({}),
   } as DOMRect);
   act(() => window.dispatchEvent(new Event('resize')));
-  fireEvent.click(screen.getByRole('button', { name: '打开角色与对象' }));
+  fireEvent.click(screen.getByRole('button', { name: `打开${categoryLabel}` }));
   await settle();
   const chat = document.querySelector<HTMLElement>('.game-workbench-chat')!;
   vi.spyOn(chat, 'getBoundingClientRect').mockReturnValue(CHAT_RECT);
@@ -234,6 +284,20 @@ function cardIn(manager: HTMLElement, resourceId: string) {
   )!;
 }
 
+/**
+ * 真实 DirectProject 输入盒草稿里的资源引用芯片，按 DOM 顺序读出 `resourceId`。
+ *
+ * 事件派发本身不是交付结果：链路断点一直是「谁把它落进草稿」，所以断言必须读草稿，
+ * 不能再读 window 上的一次 dispatch。
+ */
+function draftReferenceIds() {
+  return Array.from(
+    document.querySelectorAll<HTMLElement>(
+      'form.project-chat-composer [data-resource-reference-id]',
+    ),
+  ).map((chip) => chip.getAttribute('data-resource-reference-id') ?? '');
+}
+
 afterEach(() => {
   delete window.__TAURI__;
   vi.restoreAllMocks();
@@ -279,6 +343,8 @@ describe('拖动素材到对话：批量 @ 引用', () => {
       kind: 'character',
       source: 'resource-card',
     });
+    // 端到端：这一批引用真的落进了真实 DirectProject 输入盒的草稿。
+    await waitFor(() => expect(draftReferenceIds()).toEqual(['drop-a']));
     // 拖到对话不是排版：一条坐标都不写。
     expect(tauri.layoutWrites).toHaveLength(writesBefore);
     expect(screen.queryByText('松手即可 @ 引用 1 项素材')).toBeNull();
@@ -318,6 +384,10 @@ describe('拖动素材到对话：批量 @ 引用', () => {
     expect(
       new Set(inserts[0]!.map((reference) => reference.resourceId)),
     ).toEqual(new Set(['drop-a', 'drop-b']));
+    // 端到端：整批一次插进同一份草稿，顺序就是拖动集合（画布可见顺序）的顺序。
+    await waitFor(() =>
+      expect(draftReferenceIds()).toEqual(['drop-a', 'drop-b']),
+    );
     expect(tauri.layoutWrites).toHaveLength(writesBefore);
     dispose();
   });
@@ -395,4 +465,57 @@ describe('拖动素材到对话：批量 @ 引用', () => {
     expect(inserts).toHaveLength(0);
     dispose();
   });
+
+  it('未登记素材：不出现「引用」按钮，拖到对话栏只给原因', async () => {
+    // 导入的附件没有 manifest 登记（`manifestAssetId: null`），画布把它归到「待归类」。
+    const { manager, inserts, dispose } = await mountCanvas({
+      categoryLabel: '待归类',
+      attachments: [
+        {
+          fileName: 'raw-shot.png',
+          mediaType: 'image/png',
+          status: 'imported',
+          localPath: 'assets/raw-shot.png',
+        },
+      ],
+    });
+    const card = cardIn(manager, 'attachment:assets/raw-shot.png');
+    expect(card).not.toBeNull();
+
+    fireEvent.click(card);
+    // 引用入口与「编辑 / 删除」同一条 `manifestAssetId` 判据：没登记就没有这枚按钮。
+    expect(screen.queryByRole('button', { name: /^引用资源/ })).toBeNull();
+
+    fireEvent.pointerDown(card, {
+      pointerId: 74,
+      button: 0,
+      clientX: 100,
+      clientY: 100,
+    });
+    fireEvent.pointerMove(card, {
+      pointerId: 74,
+      buttons: 1,
+      clientX: 1000,
+      clientY: 300,
+    });
+    // 落点提示也说清原因，不承诺一次插不进去的引用。
+    expect(
+      screen.getByText('这些素材还没登记为项目资源，不能 @ 引用'),
+    ).not.toBeNull();
+
+    fireEvent.pointerUp(card, {
+      pointerId: 74,
+      button: 0,
+      clientX: 1000,
+      clientY: 300,
+    });
+    await settle();
+
+    expect(
+      screen.getByText('选中的素材都还没登记为项目资源，暂时不能 @ 引用'),
+    ).not.toBeNull();
+    expect(inserts).toHaveLength(0);
+    expect(draftReferenceIds()).toEqual([]);
+    dispose();
+  });
 });