From 9fd5b999728fc16ab879460364ba5815b5ae406e Mon Sep 17 00:00:00 2001
From: Suzumiya <suzmii@qq.com>
Date: Wed, 9 Sep 2026 20:04:24 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=20asset-canvas=20=E5=89=8D?=
 =?UTF-8?q?=E7=AB=AF=E7=B2=BE=E4=BF=AE=E8=8D=89=E7=A8=BF=E5=85=A5=E5=8F=A3?=
 =?UTF-8?q?=E5=B9=B6=E9=87=8D=E6=8E=A5=E8=B5=84=E6=BA=90=E6=B4=BE=E7=94=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 删除 apps/ai-game-creator-shell/src/features/asset-canvas 全部四个文件（AssetCanvasSurface.tsx、assetCanvasNaming.ts、assetCanvasSurface.css、tauriImageCanvasHostAdapter.ts）
- index.tsx 删除 assetCanvasRoute 状态与 ref、beginAssetCanvas/openAssetCanvas/normalizeRasterSourceAndOpen、cancelAssetCanvas/handleAssetCanvasSaveAttempt/handleAssetCommitted 与 game-creator-local-asset-committed 事件监听、中央主视窗渲染分支与 resources.asset-canvas 视图状态
- index.tsx 把 assetCanvasNotice 改名为通用 resourceWorkbenchNotice，保留非草稿流程文案与资源定位按钮
- resourceEditModel.ts 取消 image-canvas 路由，PNG/JPEG/WebP 统一走 derive + image-reference（复用 resource_editor.rs 的 /editor/images/edits）
- styles.css 删除 resources.asset-canvas 两条画布选择器，保留 resources.ui-editor 规则
- check-config.mjs 把 normalize_local_project_raster_resource 加入 native-only 白名单（临时项：C3 快速编辑重建后会重新获得前端调用方，届时删除该 allowlist 条目）
- index.tsx 移除 useMemo 依赖数组里模块级常量 visibleCategoryOrder（基线遗留的 react-hooks/exhaustive-deps warning，会阻断 pre-commit，属通过门禁所需的最小修正）
---
 .../scripts/check-config.mjs                  |    1 +
 .../asset-canvas/AssetCanvasSurface.tsx       | 4518 -----------------
 .../asset-canvas/assetCanvasNaming.ts         |   82 -
 .../asset-canvas/assetCanvasSurface.css       |  931 ----
 .../tauriImageCanvasHostAdapter.ts            |  932 ----
 apps/ai-game-creator-shell/src/styles.css     |    7 -
 .../src/view/project-development/index.tsx    |  521 +-
 .../project-development/resourceEditModel.ts  |   42 +-
 8 files changed, 55 insertions(+), 6979 deletions(-)
 delete mode 100644 apps/ai-game-creator-shell/src/features/asset-canvas/AssetCanvasSurface.tsx
 delete mode 100644 apps/ai-game-creator-shell/src/features/asset-canvas/assetCanvasNaming.ts
 delete mode 100644 apps/ai-game-creator-shell/src/features/asset-canvas/assetCanvasSurface.css
 delete mode 100644 apps/ai-game-creator-shell/src/features/asset-canvas/tauriImageCanvasHostAdapter.ts

diff --git a/apps/ai-game-creator-shell/scripts/check-config.mjs b/apps/ai-game-creator-shell/scripts/check-config.mjs
index 0149d953a..93977e9c3 100644
--- a/apps/ai-game-creator-shell/scripts/check-config.mjs
+++ b/apps/ai-game-creator-shell/scripts/check-config.mjs
@@ -111,6 +111,7 @@ const allowedUncalledTauriCommands = [
   'chat_with_game_creator_agent',
   'check_ui_editor_font_glyph_coverage',
   'create_ui_design_resource',
+  'normalize_local_project_raster_resource',
   'open_game_creator_launcher_window',
   'open_game_creator_workspace_window',
   'read_direct_project_conversation',
diff --git a/apps/ai-game-creator-shell/src/features/asset-canvas/AssetCanvasSurface.tsx b/apps/ai-game-creator-shell/src/features/asset-canvas/AssetCanvasSurface.tsx
deleted file mode 100644
index e77e7d7a7..000000000
--- a/apps/ai-game-creator-shell/src/features/asset-canvas/AssetCanvasSurface.tsx
+++ /dev/null
@@ -1,4518 +0,0 @@
-/* eslint-disable react-refresh/only-export-components -- The surface exports its host callback contracts and deterministic fixture helpers for integration tests. */
-
-import './assetCanvasSurface.css';
-
-import {
-  type CanvasHistoryAction,
-  type CanvasHistorySnapshot,
-  type CanvasLayer,
-  type CanvasViewport,
-  createMinimapModel,
-  fitViewportToLayers,
-  type ImageCanvasDraft,
-  type ImageCanvasDraftCanvas,
-  type ImageCanvasGenerationProgress,
-  type ImageCanvasGenerationProgressPhase,
-  type ImageCanvasGenerationRecord,
-  type ImageCanvasGenerationServiceIdentityConfirmation,
-  type ImageCanvasHostScope,
-  type ImageCanvasMediaRef,
-  moveViewportFromMinimapPointer,
-  moveViewportFromPan,
-  removeCanvasLayers,
-  resizeCanvasLayerBounds,
-  resolveLayerPointerSelection,
-  resolveQuickEditFocusViewport,
-  resolveViewportFromWheel,
-  scaleViewportFromScreenPoint,
-  transformCanvasLayers,
-} from '@genarrative/image-canvas-core';
-import {
-  CanvasChromeButton,
-  CanvasPortal,
-  CanvasToolbar,
-  CanvasToolbarDivider,
-  CanvasToolbarGroup,
-  CanvasViewport as SharedCanvasViewport,
-  CanvasWorld,
-  LayerRenderer,
-  Minimap,
-  useCanvasHistory,
-  ZoomControls,
-} from '@genarrative/image-canvas-react';
-import {
-  ArrowLeft,
-  Check,
-  CircleCheck,
-  CircleX,
-  Clock3,
-  ImagePlus,
-  ListChecks,
-  LoaderCircle,
-  LocateFixed,
-  Maximize2,
-  Minus,
-  Plus,
-  Redo2,
-  RotateCcw,
-  Save,
-  Sparkles,
-  Trash2,
-  Undo2,
-  Upload,
-  X,
-} from 'lucide-react';
-import {
-  type ChangeEvent,
-  type CSSProperties,
-  type PointerEvent as ReactPointerEvent,
-  useCallback,
-  useEffect,
-  useLayoutEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
-
-import type { GameCreationAppManifest } from '../../../../../packages/shared/src/contracts/gameCreationApp';
-import { useWalletStore } from '../../stores/useWalletStore';
-import { isValidAssetCanvasName } from './assetCanvasNaming';
-import type {
-  LocalAssetCommittedEvent,
-  TauriImageCanvasHostAdapter,
-} from './tauriImageCanvasHostAdapter';
-
-export type AssetCanvasLifecycleState =
-  | { kind: 'canvas.creating' }
-  | { kind: 'canvas.editing'; dirty: boolean }
-  | {
-      kind: 'canvas.saving';
-      stage: 'draft' | 'staging' | 'committing' | 'projecting';
-    }
-  | { kind: 'canvas.recovering' }
-  | {
-      kind: 'canvas.generating';
-      phase: ImageCanvasGenerationProgressPhase;
-    }
-  | {
-      kind: 'canvas.failed';
-      operation:
-        | 'generation'
-        | 'draft-save'
-        | 'asset-commit'
-        | 'recovery'
-        | 'cancellation';
-      code: string;
-      message: string;
-      reconciliationRequired: boolean;
-    };
-
-export type AssetCanvasSaveAttempt = {
-  saveAttemptId: string;
-  sessionId: string;
-  projectId: string;
-  draftId: string;
-  commitId: string;
-};
-
-export type AssetCanvasExitResult = {
-  draftId: string;
-  disposition: 'kept' | 'discarded';
-};
-
-export type AssetCanvasCommitNotification = {
-  source: 'command' | 'event';
-  projectPath: string;
-  projectId: string;
-  draftId: string;
-  commitId: string;
-  assetId: string;
-  manifest: GameCreationAppManifest;
-  projectRevision: number;
-  committedProjectRevision: number;
-  eventId?: string;
-};
-
-export const ASSET_CANVAS_KIND_OPTIONS = [
-  { value: 'game-art', label: '普通游戏美术' },
-  { value: 'icon-spec', label: '统一视觉规范' },
-  { value: 'ui-prototype', label: '游戏界面原型' },
-  { value: 'art-spritesheet', label: '核心美术图集' },
-] as const;
-
-type RuntimeCanvasLayer = CanvasLayer & { mediaRef: ImageCanvasMediaRef };
-
-type PendingGenerationIdentity = {
-  saveAttemptId: string;
-  intentId: string;
-  generationId: string;
-  idempotencyKey: string;
-  commitId: string;
-  commitIdempotencyKey: string;
-};
-
-const ASSET_CANVAS_WORLD_SIZE = 12_000;
-
-const GENERATION_ASPECT_RATIOS = ['1:1', '2:3', '3:2', '9:16', '16:9'] as const;
-
-type GenerationAspectRatio = (typeof GENERATION_ASPECT_RATIOS)[number];
-
-function numericAspectRatio(aspectRatio: GenerationAspectRatio) {
-  const [width = 1, height = 1] = aspectRatio.split(':').map(Number);
-  return width / height;
-}
-
-export function generationAspectRatioForOriginalImage(
-  width: number,
-  height: number,
-): GenerationAspectRatio {
-  if (
-    !Number.isFinite(width) ||
-    !Number.isFinite(height) ||
-    width <= 0 ||
-    height <= 0
-  ) {
-    return '1:1';
-  }
-  const originalRatio = width / height;
-  return GENERATION_ASPECT_RATIOS.reduce<GenerationAspectRatio>(
-    (closest, candidate) =>
-      Math.abs(Math.log(originalRatio / numericAspectRatio(candidate))) <
-      Math.abs(Math.log(originalRatio / numericAspectRatio(closest)))
-        ? candidate
-        : closest,
-    '1:1',
-  );
-}
-
-export function resolveQuickEditPanelPosition(input: {
-  anchorX: number;
-  belowTop: number;
-  aboveTop: number;
-  canvasSize: { width: number; height: number };
-  panelSize: { width: number; height: number };
-  edgePadding?: number;
-}) {
-  const edgePadding = input.edgePadding ?? 12;
-  const panelWidth = Math.max(0, input.panelSize.width);
-  const panelHeight = Math.max(0, input.panelSize.height);
-  const minCenterX = edgePadding + panelWidth / 2;
-  const maxCenterX = Math.max(
-    minCenterX,
-    input.canvasSize.width - edgePadding - panelWidth / 2,
-  );
-  const maxTop = Math.max(
-    edgePadding,
-    input.canvasSize.height - edgePadding - panelHeight,
-  );
-  const top =
-    input.belowTop + panelHeight <= input.canvasSize.height - edgePadding
-      ? input.belowTop
-      : input.aboveTop;
-  return {
-    left: Math.min(Math.max(input.anchorX, minCenterX), maxCenterX),
-    top: Math.min(Math.max(top, edgePadding), maxTop),
-  };
-}
-
-type RuntimeGenerationTask = {
-  generationId: string;
-  sourceLayerId: string | null;
-  placeholder: { x: number; y: number; width: number; height: number } | null;
-  phase: ImageCanvasGenerationProgressPhase;
-  progress: number | null;
-  errorCode: string | null;
-  createdAt: number;
-  updatedAt: number;
-};
-
-type GenerationTaskVisualStatus = 'pending' | 'running' | 'failed' | 'done';
-
-function generationTaskVisualStatus(
-  phase: ImageCanvasGenerationProgressPhase,
-): GenerationTaskVisualStatus {
-  if (phase === 'failed') return 'failed';
-  if (
-    phase === 'candidate-ready' ||
-    phase === 'asset-durable-committed' ||
-    phase === 'manifest-projected' ||
-    phase === 'layout-ready' ||
-    phase === 'selected'
-  ) {
-    return 'done';
-  }
-  if (phase === 'confirmation-required' || phase === 'generation-accepted') {
-    return 'pending';
-  }
-  return 'running';
-}
-
-function generationTaskStatusLabel(status: GenerationTaskVisualStatus) {
-  if (status === 'pending') return '排队中';
-  if (status === 'running') return '生成中';
-  if (status === 'failed') return '失败';
-  return '已完成';
-}
-
-function generationTaskStatusIcon(status: GenerationTaskVisualStatus) {
-  if (status === 'pending') return <Clock3 size={13} aria-hidden="true" />;
-  if (status === 'running') {
-    return <LoaderCircle size={13} aria-hidden="true" />;
-  }
-  if (status === 'failed') return <CircleX size={13} aria-hidden="true" />;
-  return <CircleCheck size={13} aria-hidden="true" />;
-}
-
-function formatGenerationTaskTime(timestamp: number) {
-  return new Intl.DateTimeFormat('zh-CN', {
-    hour: '2-digit',
-    minute: '2-digit',
-  }).format(timestamp);
-}
-
-function formatGenerationTaskDuration(
-  task: RuntimeGenerationTask,
-  finishedAt: number,
-) {
-  const elapsedSeconds = Math.max(
-    0,
-    Math.round((finishedAt - task.createdAt) / 1_000),
-  );
-  if (elapsedSeconds < 60) return `${elapsedSeconds} 秒`;
-  const elapsedMinutes = Math.floor(elapsedSeconds / 60);
-  const remainingSeconds = elapsedSeconds % 60;
-  return remainingSeconds
-    ? `${elapsedMinutes} 分 ${remainingSeconds} 秒`
-    : `${elapsedMinutes} 分`;
-}
-
-function generationPlaceholderSize(
-  aspectRatio: GenerationAspectRatio,
-  imageSize: '0.5K' | '1K' | '2K',
-) {
-  const [ratioWidthText, ratioHeightText] = aspectRatio.split(':');
-  const ratioWidth = Number(ratioWidthText ?? 1);
-  const ratioHeight = Number(ratioHeightText ?? 1);
-  const longestEdge =
-    imageSize === '0.5K' ? 512 : imageSize === '1K' ? 1024 : 2048;
-  if (ratioWidth >= ratioHeight) {
-    return {
-      width: longestEdge,
-      height: Math.max(1, Math.round((longestEdge * ratioHeight) / ratioWidth)),
-    };
-  }
-  return {
-    width: Math.max(1, Math.round((longestEdge * ratioWidth) / ratioHeight)),
-    height: longestEdge,
-  };
-}
-
-function generationPlaceholderForLayer(input: {
-  sourceLayer: RuntimeCanvasLayer | null;
-  layers: readonly RuntimeCanvasLayer[];
-  tasks: readonly RuntimeGenerationTask[];
-  width: number;
-  height: number;
-}) {
-  const source = input.sourceLayer;
-  const originX = source
-    ? source.x + source.width + 80
-    : 6000 - input.width / 2;
-  const originY = source ? source.y : 6000 - input.height / 2;
-  const occupied = [
-    ...input.layers.map((layer) => ({
-      x: layer.x,
-      y: layer.y,
-      width: layer.width,
-      height: layer.height,
-    })),
-    ...input.tasks.flatMap((task) =>
-      task.placeholder ? [task.placeholder] : [],
-    ),
-  ];
-  for (let index = 0; index < 256; index += 1) {
-    const column = index % 4;
-    const row = Math.floor(index / 4);
-    const candidate = {
-      x: originX + column * (input.width + 80),
-      y: originY + row * (input.height + 80),
-      width: input.width,
-      height: input.height,
-    };
-    const withinWorld =
-      candidate.x >= 0 &&
-      candidate.y >= 0 &&
-      candidate.x + candidate.width <= ASSET_CANVAS_WORLD_SIZE &&
-      candidate.y + candidate.height <= ASSET_CANVAS_WORLD_SIZE;
-    const overlaps = occupied.some(
-      (rect) =>
-        candidate.x < rect.x + rect.width + 40 &&
-        candidate.x + candidate.width + 40 > rect.x &&
-        candidate.y < rect.y + rect.height + 40 &&
-        candidate.y + candidate.height + 40 > rect.y,
-    );
-    if (withinWorld && !overlaps) return candidate;
-  }
-  return {
-    x: Math.max(0, Math.min(originX, ASSET_CANVAS_WORLD_SIZE - input.width)),
-    y: Math.max(0, Math.min(originY, ASSET_CANVAS_WORLD_SIZE - input.height)),
-    width: input.width,
-    height: input.height,
-  };
-}
-
-function runtimeGenerationTaskFromRecord(
-  record: ImageCanvasGenerationRecord,
-): RuntimeGenerationTask {
-  return {
-    generationId: record.generationId,
-    sourceLayerId: record.sourceLayerId,
-    placeholder: record.placeholder,
-    phase: record.phase,
-    progress: generationPhaseProgress[record.phase] ?? null,
-    errorCode: record.errorCode,
-    createdAt: record.createdAt,
-    updatedAt: record.updatedAt,
-  };
-}
-
-const MODAL_FOCUSABLE_SELECTOR = [
-  'a[href]',
-  'button:not([disabled])',
-  'input:not([disabled])',
-  'select:not([disabled])',
-  'textarea:not([disabled])',
-  '[tabindex]:not([tabindex="-1"])',
-].join(',');
-
-function modalFocusableElements(dialog: HTMLElement) {
-  return Array.from(
-    dialog.querySelectorAll<HTMLElement>(MODAL_FOCUSABLE_SELECTOR),
-  ).filter(
-    (element) =>
-      element.getAttribute('aria-hidden') !== 'true' &&
-      !element.closest<HTMLElement>('[inert]'),
-  );
-}
-
-type DragState =
-  | {
-      kind: 'pan';
-      pointerId: number;
-      startClientX: number;
-      startClientY: number;
-      startViewport: CanvasViewport;
-      historyAction: CanvasHistoryAction;
-      historySnapshot: CanvasHistorySnapshot;
-      changed: boolean;
-      selectionChanged: boolean;
-    }
-  | {
-      kind: 'move';
-      pointerId: number;
-      startClientX: number;
-      startClientY: number;
-      startLayers: RuntimeCanvasLayer[];
-      targetIds: string[];
-      historyAction: CanvasHistoryAction;
-      historySnapshot: CanvasHistorySnapshot;
-      changed: boolean;
-      selectionChanged: boolean;
-    }
-  | {
-      kind: 'resize';
-      pointerId: number;
-      startClientX: number;
-      startClientY: number;
-      startLayers: RuntimeCanvasLayer[];
-      layerId: string;
-      historyAction: CanvasHistoryAction;
-      historySnapshot: CanvasHistorySnapshot;
-      changed: boolean;
-      selectionChanged: false;
-    }
-  | {
-      kind: 'generation';
-      pointerId: number;
-      startClientX: number;
-      startClientY: number;
-      startTasks: RuntimeGenerationTask[];
-      taskId: string;
-      changed: boolean;
-      selectionChanged: false;
-    };
-
-function equalSelectionIds(left: string[], right: string[]) {
-  return (
-    left.length === right.length &&
-    left.every((selectionId, index) => selectionId === right[index])
-  );
-}
-
-function draftMatchesScope(
-  draft: ImageCanvasDraft,
-  scope: ImageCanvasHostScope,
-) {
-  return (
-    draft.projectId === scope.projectId &&
-    draft.draftId === scope.draftId &&
-    draft.intent === scope.intent &&
-    draft.sourceAssetId === (scope.sourceAssetId ?? null)
-  );
-}
-
-export function shouldApplyAssetCanvasDraftCandidate({
-  current,
-  candidate,
-  minimumRevision,
-  scope,
-}: {
-  current: ImageCanvasDraft;
-  candidate: ImageCanvasDraft;
-  minimumRevision: number;
-  scope: ImageCanvasHostScope;
-}) {
-  if (
-    !draftMatchesScope(candidate, scope) ||
-    candidate.revision < minimumRevision ||
-    candidate.revision < current.revision
-  ) {
-    return false;
-  }
-  if (candidate.revision > current.revision) {
-    return true;
-  }
-  return JSON.stringify(candidate) === JSON.stringify(current);
-}
-
-const generationPhaseLabels: Record<
-  ImageCanvasGenerationProgressPhase,
-  string
-> = {
-  'confirmation-required': '正在确认生成请求',
-  'generation-accepted': '请求已受理，正在排队',
-  'generation-running': '正在生成图片',
-  'remote-completed': '图片已生成，正在准备下载',
-  'media-downloaded': '图片已下载，正在加入精修草稿',
-  'candidate-ready': '候选图片已加入画布',
-  'asset-durable-committed': '图片已保存到项目',
-  'manifest-projected': '资源已登记，正在更新画布',
-  'layout-ready': '资源布局已更新',
-  selected: '新资源已选中',
-  failed: '图片生成失败',
-  'reconciliation-required': '正在等待原任务恢复',
-};
-
-const generationPhaseProgress: Record<
-  ImageCanvasGenerationProgressPhase,
-  number
-> = {
-  'confirmation-required': 4,
-  'generation-accepted': 12,
-  'generation-running': 40,
-  'remote-completed': 64,
-  'media-downloaded': 84,
-  'candidate-ready': 100,
-  'asset-durable-committed': 100,
-  'manifest-projected': 100,
-  'layout-ready': 100,
-  selected: 100,
-  failed: 0,
-  'reconciliation-required': 55,
-};
-
-function generationFailureTitle(code: string) {
-  if (code === 'authentication-required') return '登录已失效';
-  if (code === 'insufficient-mud-points') return '泥点余额不足';
-  if (code === 'platform-service-configuration') return '平台生成服务暂不可用';
-  if (code === 'reconciliation-required') return '原生成任务需要恢复';
-  return '图片生成未完成';
-}
-
-export function assetCanvasFailurePresentation(
-  failure: Extract<AssetCanvasLifecycleState, { kind: 'canvas.failed' }>,
-) {
-  if (failure.operation === 'draft-save') {
-    return {
-      ariaLabel: '草稿保存失败',
-      kicker: '草稿保存',
-      title:
-        failure.code === 'draft-revision-conflict'
-          ? '草稿已在其它窗口更新'
-          : '草稿暂未保存',
-    };
-  }
-  if (failure.operation === 'asset-commit') {
-    if (failure.code === 'asset-name-invalid') {
-      return {
-        ariaLabel: '素材名称无效',
-        kicker: '输入校验',
-        title: '素材名称需要修改',
-      };
-    }
-    return {
-      ariaLabel: '素材提交未完成',
-      kicker: '素材提交',
-      title: failure.reconciliationRequired
-        ? '素材结果需要安全对账'
-        : '素材提交未完成',
-    };
-  }
-  if (failure.operation === 'recovery') {
-    return {
-      ariaLabel: '原任务恢复未完成',
-      kicker: '安全恢复',
-      title: failure.reconciliationRequired
-        ? '原任务需要对账'
-        : '原任务恢复未完成',
-    };
-  }
-  if (failure.operation === 'cancellation') {
-    return {
-      ariaLabel: '草稿处置失败',
-      kicker: '草稿处置',
-      title: '未能完成草稿处置',
-    };
-  }
-  return {
-    ariaLabel: '图片生成失败',
-    kicker: 'AI 图片生成',
-    title: generationFailureTitle(failure.code),
-  };
-}
-
-function generationRecoveryStateLabel(state: string) {
-  if (state === 'prepared') return '请求已冻结，尚未确认受理结果';
-  if (state === 'accepted') return '平台已受理';
-  if (state === 'running') return '平台处理中';
-  if (state === 'reconciliation-required') return '等待安全对账';
-  return '等待恢复';
-}
-
-export type RenderAssetCanvasImage = (input: {
-  layers: RuntimeCanvasLayer[];
-  backgroundColor: string;
-  mediaType: 'image/png' | 'image/jpeg' | 'image/webp';
-  quality: number | null;
-}) => Promise<Uint8Array>;
-
-function loadImage(src: string): Promise<HTMLImageElement> {
-  return new Promise((resolve, reject) => {
-    const image = new Image();
-    image.onload = () => resolve(image);
-    image.onerror = () => reject(new Error('图片预览无法用于导出'));
-    image.src = src;
-  });
-}
-
-export async function renderAssetCanvasImage({
-  layers,
-  backgroundColor,
-  mediaType,
-  quality,
-}: Parameters<RenderAssetCanvasImage>[0]): Promise<Uint8Array> {
-  const visible = layers.filter((layer) => !layer.hidden);
-  if (!visible.length) throw new Error('画布中没有可导出的图片');
-  const minX = Math.floor(Math.min(...visible.map((layer) => layer.x)));
-  const minY = Math.floor(Math.min(...visible.map((layer) => layer.y)));
-  const maxX = Math.ceil(
-    Math.max(...visible.map((layer) => layer.x + layer.width)),
-  );
-  const maxY = Math.ceil(
-    Math.max(...visible.map((layer) => layer.y + layer.height)),
-  );
-  const width = Math.max(1, maxX - minX);
-  const height = Math.max(1, maxY - minY);
-  if (width > 16_384 || height > 16_384 || width * height > 268_435_456) {
-    throw new Error('导出尺寸超过素材画布上限');
-  }
-  const canvas = document.createElement('canvas');
-  canvas.width = width;
-  canvas.height = height;
-  const context = canvas.getContext('2d');
-  if (!context) throw new Error('当前 WebView 不支持画布导出');
-  context.fillStyle = backgroundColor;
-  context.fillRect(0, 0, width, height);
-  for (const layer of [...visible].sort((a, b) => a.zIndex - b.zIndex)) {
-    const image = await loadImage(layer.src);
-    context.save();
-    const centerX = layer.x - minX + layer.width / 2;
-    const centerY = layer.y - minY + layer.height / 2;
-    context.translate(centerX, centerY);
-    context.scale(layer.flipX ? -1 : 1, layer.flipY ? -1 : 1);
-    context.drawImage(
-      image,
-      -layer.width / 2,
-      -layer.height / 2,
-      layer.width,
-      layer.height,
-    );
-    context.restore();
-  }
-  const blob = await new Promise<Blob>((resolve, reject) => {
-    canvas.toBlob(
-      (value) =>
-        value ? resolve(value) : reject(new Error('图片导出编码失败')),
-      mediaType,
-      quality ?? undefined,
-    );
-  });
-  if (blob.type && blob.type !== mediaType) {
-    throw new Error('当前 WebView 不支持所选导出格式');
-  }
-  return new Uint8Array(await blob.arrayBuffer());
-}
-
-function draftCanvasFromRuntime(
-  layers: RuntimeCanvasLayer[],
-  viewport: CanvasViewport,
-  backgroundColor: string,
-  selectedLayerIds: string[],
-): ImageCanvasDraftCanvas {
-  const visibleSelected = selectedLayerIds.filter((id) =>
-    layers.some((layer) => layer.id === id && !layer.hidden),
-  );
-  return {
-    viewport: { ...viewport },
-    backgroundColor,
-    layers: layers.map((layer) => ({
-      layerId: layer.id,
-      resourceId: layer.resourceId,
-      title: layer.title,
-      mediaRef: layer.mediaRef,
-      x: layer.x,
-      y: layer.y,
-      width: layer.width,
-      height: layer.height,
-      originalWidth: layer.originalWidth,
-      originalHeight: layer.originalHeight,
-      zIndex: layer.zIndex,
-      groupId: layer.groupId ?? null,
-      hidden: Boolean(layer.hidden),
-      locked: Boolean(layer.locked),
-      flipX: Boolean(layer.flipX),
-      flipY: Boolean(layer.flipY),
-    })),
-    selectedLayerIds: visibleSelected,
-    primarySelectedLayerId: visibleSelected.at(-1) ?? null,
-  };
-}
-
-function runtimeLayerFromDraftLayer(
-  layer: ImageCanvasDraft['canvas']['layers'][number],
-  previewUrl: string,
-): RuntimeCanvasLayer {
-  return {
-    id: layer.layerId,
-    resourceId: layer.resourceId,
-    resourcePersistenceState: 'self-contained-local',
-    title: layer.title,
-    src: previewUrl,
-    mediaType: 'image',
-    x: layer.x,
-    y: layer.y,
-    width: layer.width,
-    height: layer.height,
-    originalWidth: layer.originalWidth,
-    originalHeight: layer.originalHeight,
-    zIndex: layer.zIndex,
-    sourceType: 'uploaded',
-    groupId: layer.groupId,
-    hidden: layer.hidden,
-    locked: layer.locked,
-    flipX: layer.flipX,
-    flipY: layer.flipY,
-    mediaRef: layer.mediaRef,
-  };
-}
-
-function mediaTypeForFile(file: File) {
-  if (file.type === 'image/png') return 'image/png' as const;
-  if (file.type === 'image/jpeg') return 'image/jpeg' as const;
-  if (file.type === 'image/webp') return 'image/webp' as const;
-  return null;
-}
-
-export function AssetCanvasSurface({
-  host,
-  scope,
-  sessionId,
-  expectedHostRevision,
-  initialAssetName = '画布素材',
-  initialAssetKind = 'game-art',
-  initialOpenQuickEdit = false,
-  onCancel,
-  onCommitted,
-  onSaveAttempt,
-  renderImage = renderAssetCanvasImage,
-}: {
-  host: TauriImageCanvasHostAdapter;
-  scope: ImageCanvasHostScope;
-  sessionId: string;
-  expectedHostRevision: string;
-  initialAssetName?: string;
-  initialAssetKind?: string;
-  initialOpenQuickEdit?: boolean;
-  onCancel?: (result: AssetCanvasExitResult) => void;
-  onCommitted?: (input: AssetCanvasCommitNotification) => void;
-  onSaveAttempt?: (input: AssetCanvasSaveAttempt) => void;
-  renderImage?: RenderAssetCanvasImage;
-}) {
-  const resolvedInitialAssetName = initialAssetName.trim() || '画布素材';
-  const resolvedInitialAssetKind = initialAssetKind.trim() || 'game-art';
-  const stableScope = useMemo<ImageCanvasHostScope>(
-    () => ({
-      projectId: scope.projectId,
-      draftId: scope.draftId,
-      intent: scope.intent,
-      sourceAssetId: scope.sourceAssetId,
-    }),
-    [scope.draftId, scope.intent, scope.projectId, scope.sourceAssetId],
-  );
-  const [lifecycle, setLifecycle] = useState<AssetCanvasLifecycleState>({
-    kind: 'canvas.recovering',
-  });
-  const [draft, setDraft] = useState<ImageCanvasDraft | null>(null);
-  const [layers, setLayers] = useState<RuntimeCanvasLayer[]>([]);
-  const [viewport, setViewport] = useState<CanvasViewport>({
-    x: 0,
-    y: 0,
-    scale: 0.5,
-  });
-  const [backgroundColor, setBackgroundColor] = useState('#f4f4f5');
-  const [selectedLayerIds, setSelectedLayerIds] = useState<string[]>([]);
-  const [notice, setNotice] = useState('');
-  const [assetName, setAssetName] = useState(resolvedInitialAssetName);
-  const [assetKind, setAssetKind] = useState(resolvedInitialAssetKind);
-  const [generationDialog, setGenerationDialog] = useState<
-    'edit' | 'confirm' | null
-  >(null);
-  const [quickEditOpen, setQuickEditOpen] = useState(false);
-  const [quickEditSourceLayerId, setQuickEditSourceLayerId] = useState<
-    string | null
-  >(null);
-  const [generationPrompt, setGenerationPrompt] = useState('');
-  const [generationAspectRatio, setGenerationAspectRatio] =
-    useState<GenerationAspectRatio>('1:1');
-  const [generationImageSize, setGenerationImageSize] = useState<
-    '0.5K' | '1K' | '2K'
-  >('1K');
-  const [generationReferenceResourceIds, setGenerationReferenceResourceIds] =
-    useState<string[]>([]);
-  const [generationTasks, setGenerationTasks] = useState<
-    RuntimeGenerationTask[]
-  >([]);
-  const [generationTasksCollapsed, setGenerationTasksCollapsed] =
-    useState(false);
-  const [generationTaskTab, setGenerationTaskTab] = useState<
-    'active' | 'completed'
-  >('active');
-  const [generationTaskNow, setGenerationTaskNow] = useState(() => Date.now());
-  const [archivingGenerationIds, setArchivingGenerationIds] = useState<
-    string[]
-  >([]);
-  const [importPending, setImportPending] = useState(false);
-  const [exitDialogOpen, setExitDialogOpen] = useState(false);
-  const [exitActionPending, setExitActionPending] = useState(false);
-  const [serviceIdentityConfirmations, setServiceIdentityConfirmations] =
-    useState<ImageCanvasGenerationServiceIdentityConfirmation[]>([]);
-  const [serviceIdentityDialogOpen, setServiceIdentityDialogOpen] =
-    useState(false);
-  const [serviceIdentityPending, setServiceIdentityPending] = useState(false);
-  const [serviceIdentityError, setServiceIdentityError] = useState('');
-  const [documentVersion, setDocumentVersion] = useState(0);
-  const [recoveryReloadToken, setRecoveryReloadToken] = useState(0);
-  const [canvasSize, setCanvasSize] = useState({ width: 900, height: 640 });
-  const [quickEditPanelSize, setQuickEditPanelSize] = useState({
-    width: 0,
-    height: 0,
-  });
-  const viewportElementRef = useRef<HTMLDivElement | null>(null);
-  const quickEditPanelRef = useRef<HTMLElement | null>(null);
-  const importInputRef = useRef<HTMLInputElement | null>(null);
-  const layersRef = useRef(layers);
-  const viewportRef = useRef(viewport);
-  const backgroundRef = useRef(backgroundColor);
-  const selectionRef = useRef(selectedLayerIds);
-  const draftRef = useRef(draft);
-  const lifecycleRef = useRef(lifecycle);
-  const documentVersionRef = useRef(documentVersion);
-  const persistedDocumentVersionRef = useRef(0);
-  const minimumDraftRevisionRef = useRef(draft?.revision ?? 0);
-  const epochRef = useRef(0);
-  const dragRef = useRef<DragState | null>(null);
-  const suppressNextLayerClickRef = useRef(false);
-  const saveQueueRef = useRef<Promise<unknown>>(Promise.resolve());
-  const pendingCandidateLayerIdsRef = useRef(new Set<string>());
-  const savePromiseRef = useRef<Promise<void> | null>(null);
-  const hostRevisionRef = useRef(expectedHostRevision);
-  const previewUrlsRef = useRef(new Set<string>());
-  const deliveredEventsRef = useRef(new Set<string>());
-  const pendingCommitRef = useRef<{
-    commitId: string;
-    idempotencyKey: string;
-    documentVersion: number;
-  } | null>(null);
-  const pendingGenerationRef = useRef<PendingGenerationIdentity | null>(null);
-  const generationStartingRef = useRef(false);
-  const generationFocusEpochRef = useRef(0);
-  const initialQuickEditOpenedRef = useRef(false);
-  const generationDialogQuickEditRef = useRef(false);
-  const quickEditOpenRef = useRef(quickEditOpen);
-  const generationStopButtonRef = useRef<HTMLButtonElement | null>(null);
-  const modalInitialFocusRef = useRef<HTMLButtonElement | null>(null);
-  const modalDialogRef = useRef<HTMLElement | null>(null);
-  const modalReturnFocusRef = useRef<HTMLElement | null>(null);
-  const modalFallbackFocusRef = useRef<HTMLButtonElement | null>(null);
-  const modalWasOpenRef = useRef(false);
-  const generationDialogRef = useRef(generationDialog);
-  const exitDialogOpenRef = useRef(exitDialogOpen);
-  const serviceIdentityDialogOpenRef = useRef(serviceIdentityDialogOpen);
-  const modalOpen =
-    generationDialog !== null || exitDialogOpen || serviceIdentityDialogOpen;
-  const backgroundInteractionLocked =
-    lifecycle.kind !== 'canvas.editing' || modalOpen || importPending;
-  const backgroundInteractionLockedRef = useRef(backgroundInteractionLocked);
-  const onWalletBalanceMayHaveChanged = useWalletStore(
-    (state) => state.onWalletBalanceMayHaveChanged,
-  );
-  const assetSettingsDisabled = backgroundInteractionLocked;
-  const inheritedUnknownAssetKind =
-    stableScope.intent === 'refine' &&
-    !ASSET_CANVAS_KIND_OPTIONS.some((option) => option.value === assetKind);
-  const activeGenerationTasks = useMemo(
-    () =>
-      [...generationTasks]
-        .filter((task) => {
-          const status = generationTaskVisualStatus(task.phase);
-          return status === 'pending' || status === 'running';
-        })
-        .sort(
-          (left, right) =>
-            right.updatedAt - left.updatedAt ||
-            left.generationId.localeCompare(right.generationId),
-        ),
-    [generationTasks],
-  );
-  const completedGenerationTasks = useMemo(
-    () =>
-      [...generationTasks]
-        .filter((task) => {
-          const status = generationTaskVisualStatus(task.phase);
-          return status === 'failed' || status === 'done';
-        })
-        .sort(
-          (left, right) =>
-            right.updatedAt - left.updatedAt ||
-            left.generationId.localeCompare(right.generationId),
-        )
-        .slice(0, 20),
-    [generationTasks],
-  );
-  const visibleGenerationTasks =
-    generationTaskTab === 'active'
-      ? activeGenerationTasks
-      : completedGenerationTasks;
-
-  useEffect(() => {
-    if (!activeGenerationTasks.length) return undefined;
-    setGenerationTaskNow(Date.now());
-    const timer = window.setInterval(
-      () => setGenerationTaskNow(Date.now()),
-      1_000,
-    );
-    return () => window.clearInterval(timer);
-  }, [activeGenerationTasks.length]);
-
-  layersRef.current = layers;
-  viewportRef.current = viewport;
-  backgroundRef.current = backgroundColor;
-  selectionRef.current = selectedLayerIds;
-  draftRef.current = draft;
-  lifecycleRef.current = lifecycle;
-  generationDialogRef.current = generationDialog;
-  quickEditOpenRef.current = quickEditOpen;
-  exitDialogOpenRef.current = exitDialogOpen;
-  serviceIdentityDialogOpenRef.current = serviceIdentityDialogOpen;
-  backgroundInteractionLockedRef.current = backgroundInteractionLocked;
-  documentVersionRef.current = documentVersion;
-
-  const markDirty = useCallback(() => {
-    if (backgroundInteractionLockedRef.current) return;
-    setDocumentVersion((value) => {
-      const next = value + 1;
-      documentVersionRef.current = next;
-      return next;
-    });
-    setLifecycle({ kind: 'canvas.editing', dirty: true });
-  }, []);
-
-  const applyDraftCandidate = useCallback(
-    (candidate: ImageCanvasDraft) => {
-      const current = draftRef.current;
-      if (
-        !current ||
-        !shouldApplyAssetCanvasDraftCandidate({
-          current,
-          candidate,
-          minimumRevision: minimumDraftRevisionRef.current,
-          scope: stableScope,
-        })
-      ) {
-        return false;
-      }
-      minimumDraftRevisionRef.current = Math.max(
-        minimumDraftRevisionRef.current,
-        candidate.revision,
-      );
-      draftRef.current = candidate;
-      setDraft(candidate);
-      setGenerationTasks((current) => {
-        const persisted = candidate.generations.map((record) => {
-          const task = runtimeGenerationTaskFromRecord(record);
-          const active = current.find(
-            (candidateTask) =>
-              candidateTask.generationId === record.generationId,
-          );
-          return active && active.phase === task.phase
-            ? { ...task, progress: active.progress }
-            : task;
-        });
-        const persistedIds = new Set(
-          persisted.map((task) => task.generationId),
-        );
-        return [
-          ...persisted,
-          ...current.filter((task) => !persistedIds.has(task.generationId)),
-        ];
-      });
-      return true;
-    },
-    [stableScope],
-  );
-
-  const applyGenerationProgressRevision = useCallback(
-    (progress: ImageCanvasGenerationProgress) => {
-      setGenerationTasks((current) => {
-        let found = false;
-        const next = current.map((task) => {
-          if (task.generationId !== progress.generationId) return task;
-          found = true;
-          return {
-            ...task,
-            phase: progress.phase,
-            progress:
-              progress.progress ?? generationPhaseProgress[progress.phase],
-            errorCode: progress.errorCode,
-            updatedAt: Date.now(),
-          };
-        });
-        return found
-          ? next
-          : [
-              ...next,
-              {
-                generationId: progress.generationId,
-                sourceLayerId: null,
-                placeholder: null,
-                phase: progress.phase,
-                progress:
-                  progress.progress ?? generationPhaseProgress[progress.phase],
-                errorCode: progress.errorCode,
-                createdAt: Date.now(),
-                updatedAt: Date.now(),
-              },
-            ];
-      });
-      const revision = progress.draftRevision;
-      const currentDraft = draftRef.current;
-      if (
-        typeof revision !== 'number' ||
-        !Number.isSafeInteger(revision) ||
-        revision < 0 ||
-        !currentDraft ||
-        revision <= currentDraft.revision ||
-        revision <= minimumDraftRevisionRef.current
-      ) {
-        return;
-      }
-      const epoch = epochRef.current;
-      void host.project.loadDraft(stableScope).then((loaded) => {
-        if (
-          epoch !== epochRef.current ||
-          loaded.status !== 'ok' ||
-          !loaded.value
-        ) {
-          return;
-        }
-        applyDraftCandidate(loaded.value);
-      });
-    },
-    [applyDraftCandidate, host.project, stableScope],
-  );
-
-  const canvasHistoryRefs = useMemo(
-    () => ({
-      layersRef,
-      viewportRef,
-      selectedLayerIdsRef: selectionRef,
-    }),
-    [],
-  );
-  const canvasHistorySetters = useMemo(
-    () => ({
-      setLayers: (nextLayers: CanvasLayer[]) =>
-        setLayers(nextLayers as RuntimeCanvasLayer[]),
-      setViewport,
-      setSelectedLayerIds,
-    }),
-    [],
-  );
-  const {
-    canUndo,
-    canRedo,
-    getCanvasHistorySnapshot,
-    captureCanvasHistory,
-    undoCanvasChange,
-    redoCanvasChange,
-    resetCanvasHistory,
-  } = useCanvasHistory({
-    refs: canvasHistoryRefs,
-    setters: canvasHistorySetters,
-    allowContentRemovalOnRestore: true,
-  });
-  const captureHistory = useCallback(
-    (action: CanvasHistoryAction, snapshot?: CanvasHistorySnapshot) =>
-      captureCanvasHistory(action, snapshot ? { snapshot } : undefined),
-    [captureCanvasHistory],
-  );
-  const undo = useCallback(() => {
-    if (backgroundInteractionLockedRef.current) return;
-    if (undoCanvasChange().status === 'success') markDirty();
-  }, [markDirty, undoCanvasChange]);
-  const redo = useCallback(() => {
-    if (backgroundInteractionLockedRef.current) return;
-    if (redoCanvasChange().status === 'success') markDirty();
-  }, [markDirty, redoCanvasChange]);
-
-  const hydrateDraft = useCallback(
-    async (nextDraft: ImageCanvasDraft, epoch: number) => {
-      const previousPreviewUrls = [...previewUrlsRef.current];
-      const runtimeLayers = await Promise.all(
-        nextDraft.canvas.layers.map(async (layer) => {
-          const preview = await host.readMediaPreview({
-            scope: stableScope,
-            mediaRef: layer.mediaRef,
-          });
-          if (preview.status !== 'ok') {
-            throw new Error(
-              preview.status === 'failed' ||
-              preview.status === 'unsupported-capability'
-                ? preview.message
-                : '素材媒体读取发生冲突',
-            );
-          }
-          if (epoch !== epochRef.current) {
-            URL.revokeObjectURL(preview.value.previewUrl);
-            throw new Error('stale-asset-canvas-epoch');
-          }
-          previewUrlsRef.current.add(preview.value.previewUrl);
-          return {
-            id: layer.layerId,
-            resourceId: layer.resourceId,
-            resourcePersistenceState: 'self-contained-local' as const,
-            title: layer.title,
-            src: preview.value.previewUrl,
-            mediaType: 'image' as const,
-            x: layer.x,
-            y: layer.y,
-            width: layer.width,
-            height: layer.height,
-            originalWidth: layer.originalWidth,
-            originalHeight: layer.originalHeight,
-            zIndex: layer.zIndex,
-            sourceType: 'uploaded' as const,
-            groupId: layer.groupId,
-            hidden: layer.hidden,
-            locked: layer.locked,
-            flipX: layer.flipX,
-            flipY: layer.flipY,
-            mediaRef: layer.mediaRef,
-          } satisfies RuntimeCanvasLayer;
-        }),
-      );
-      if (epoch !== epochRef.current) return;
-      minimumDraftRevisionRef.current = nextDraft.revision;
-      draftRef.current = nextDraft;
-      layersRef.current = runtimeLayers;
-      viewportRef.current = nextDraft.canvas.viewport;
-      backgroundRef.current = nextDraft.canvas.backgroundColor;
-      selectionRef.current = nextDraft.canvas.selectedLayerIds;
-      setDraft(nextDraft);
-      setGenerationTasks(
-        nextDraft.generations.map(runtimeGenerationTaskFromRecord),
-      );
-      setLayers(runtimeLayers);
-      setViewport(nextDraft.canvas.viewport);
-      setBackgroundColor(nextDraft.canvas.backgroundColor);
-      setSelectedLayerIds(nextDraft.canvas.selectedLayerIds);
-      for (const previewUrl of previousPreviewUrls) {
-        URL.revokeObjectURL(previewUrl);
-        previewUrlsRef.current.delete(previewUrl);
-      }
-      resetCanvasHistory();
-      documentVersionRef.current = 0;
-      persistedDocumentVersionRef.current = 0;
-      setDocumentVersion(0);
-    },
-    [host, resetCanvasHistory, stableScope],
-  );
-
-  useEffect(() => {
-    const previewUrls = previewUrlsRef.current;
-    const epoch = epochRef.current + 1;
-    epochRef.current = epoch;
-    saveQueueRef.current = Promise.resolve();
-    pendingCandidateLayerIdsRef.current.clear();
-    savePromiseRef.current = null;
-    pendingCommitRef.current = null;
-    pendingGenerationRef.current = null;
-    generationStartingRef.current = false;
-    dragRef.current = null;
-    initialQuickEditOpenedRef.current = false;
-    generationDialogQuickEditRef.current = false;
-    setQuickEditOpen(false);
-    setQuickEditSourceLayerId(null);
-    setGenerationTasks([]);
-    setGenerationTasksCollapsed(false);
-    setGenerationTaskTab('active');
-    setArchivingGenerationIds([]);
-    minimumDraftRevisionRef.current = 0;
-    generationFocusEpochRef.current += 1;
-    hostRevisionRef.current = expectedHostRevision;
-    deliveredEventsRef.current.clear();
-    setLifecycle({ kind: 'canvas.recovering' });
-    setNotice('');
-    setServiceIdentityConfirmations([]);
-    setServiceIdentityDialogOpen(false);
-    setServiceIdentityPending(false);
-    setServiceIdentityError('');
-    let unlisten: (() => void) | undefined;
-    void (async () => {
-      const nextUnlisten = await host.subscribeCommitted((event) => {
-        if (
-          epoch !== epochRef.current ||
-          event.projectId !== stableScope.projectId ||
-          event.draftId !== stableScope.draftId ||
-          deliveredEventsRef.current.has(event.eventId)
-        ) {
-          return;
-        }
-        deliveredEventsRef.current.add(event.eventId);
-        onCommitted?.({
-          source: 'event',
-          projectPath: event.projectPath,
-          projectId: event.projectId,
-          draftId: event.draftId,
-          commitId: event.commitId,
-          assetId: event.asset.id,
-          manifest: event.manifest,
-          projectRevision: event.committedProjectRevision,
-          committedProjectRevision: event.committedProjectRevision,
-          eventId: event.eventId,
-        });
-      });
-      if (epoch !== epochRef.current) {
-        nextUnlisten();
-        return;
-      }
-      unlisten = nextUnlisten;
-      const recovery = await host.recover();
-      if (epoch !== epochRef.current) return;
-      if (recovery.status !== 'ok') {
-        setLifecycle({
-          kind: 'canvas.failed',
-          operation: 'recovery',
-          code: recovery.status === 'failed' ? recovery.code : recovery.status,
-          message:
-            recovery.status === 'failed'
-              ? recovery.message
-              : '素材画布恢复发生冲突',
-          reconciliationRequired:
-            recovery.status === 'failed' &&
-            recovery.code === 'reconciliation-required',
-        });
-        return;
-      }
-      hostRevisionRef.current = String(recovery.value.projectRevision);
-      const loaded = await host.project.loadDraft(stableScope);
-      if (epoch !== epochRef.current) return;
-      let nextDraft: ImageCanvasDraft;
-      if (loaded.status === 'ok' && loaded.value) {
-        nextDraft = loaded.value;
-      } else if (loaded.status === 'ok') {
-        setLifecycle({ kind: 'canvas.creating' });
-        const created = await host.project.createDraft(stableScope);
-        if (epoch !== epochRef.current) return;
-        if (created.status !== 'ok') {
-          throw new Error(
-            created.status === 'failed'
-              ? created.message
-              : '素材画布草稿创建冲突',
-          );
-        }
-        nextDraft = created.value;
-      } else {
-        throw new Error(
-          loaded.status === 'failed' ? loaded.message : '素材画布草稿读取冲突',
-        );
-      }
-      await hydrateDraft(nextDraft, epoch);
-      if (epoch !== epochRef.current) return;
-      if (
-        nextDraft.generations.some(
-          (generation) => generation.phase === 'candidate-ready',
-        )
-      ) {
-        const acknowledged = await host.project.acknowledgeCandidateLayers({
-          scope: stableScope,
-          // The host ignores non-candidate and already acknowledged IDs. This
-          // closes the restart window without exposing private ledger state.
-          layerIds: nextDraft.canvas.layers.map((layer) => layer.layerId),
-        });
-        if (epoch !== epochRef.current) return;
-        if (acknowledged.status !== 'ok') {
-          throw new Error(
-            acknowledged.status === 'failed' ||
-            acknowledged.status === 'unsupported-capability'
-              ? acknowledged.message
-              : '恢复候选图层确认发生草稿冲突',
-          );
-        }
-        applyDraftCandidate(acknowledged.value);
-      }
-
-      // 生成 operation 的恢复可能持续数分钟。画布草稿已安全 hydrate 后应立即可编辑，
-      // 后台恢复只更新任务投影，不能把整个画布继续锁在 recovering。
-      setLifecycle({ kind: 'canvas.editing', dirty: false });
-      void onWalletBalanceMayHaveChanged();
-      const recoveryFocusEpoch = generationFocusEpochRef.current;
-      let result: Awaited<ReturnType<typeof host.generation.recoverImages>>;
-      try {
-        result = await host.generation.recoverImages({
-          scope: stableScope,
-          onProgress: (progress) => {
-            if (
-              epoch === epochRef.current &&
-              recoveryFocusEpoch === generationFocusEpochRef.current
-            ) {
-              applyGenerationProgressRevision(progress);
-              setNotice(`正在恢复图片生成：${progress.phase}`);
-            }
-          },
-        });
-      } catch (error) {
-        if (
-          epoch === epochRef.current &&
-          recoveryFocusEpoch === generationFocusEpochRef.current
-        ) {
-          setNotice(
-            `原生成任务后台恢复未完成：${
-              error instanceof Error ? error.message : String(error)
-            }`,
-          );
-        }
-        return;
-      }
-      if (
-        epoch !== epochRef.current ||
-        recoveryFocusEpoch !== generationFocusEpochRef.current
-      ) {
-        return;
-      }
-      if (result.status !== 'ok') {
-        setNotice(
-          result.status === 'failed'
-            ? `原生成任务后台恢复未完成：${result.message}`
-            : '原生成任务后台恢复发生冲突',
-        );
-        return;
-      }
-      if (result.value.resumedGenerationIds.length) {
-        setNotice(
-          `已安全恢复 ${result.value.resumedGenerationIds.length} 个原生成 operation`,
-        );
-      }
-      setServiceIdentityConfirmations(
-        result.value.serviceIdentityConfirmations,
-      );
-      setServiceIdentityDialogOpen(
-        result.value.serviceIdentityConfirmations.length > 0,
-      );
-      setServiceIdentityError('');
-    })().catch((error: unknown) => {
-      if (
-        epoch === epochRef.current &&
-        !(
-          error instanceof Error && error.message === 'stale-asset-canvas-epoch'
-        )
-      ) {
-        setLifecycle({
-          kind: 'canvas.failed',
-          operation: 'recovery',
-          code: 'canvas-open-failed',
-          message: error instanceof Error ? error.message : String(error),
-          reconciliationRequired: false,
-        });
-      }
-    });
-    return () => {
-      epochRef.current += 1;
-      generationFocusEpochRef.current += 1;
-      unlisten?.();
-      for (const url of previewUrls) URL.revokeObjectURL(url);
-      previewUrls.clear();
-    };
-  }, [
-    applyDraftCandidate,
-    applyGenerationProgressRevision,
-    expectedHostRevision,
-    host,
-    hydrateDraft,
-    onCommitted,
-    onWalletBalanceMayHaveChanged,
-    stableScope,
-    sessionId,
-    recoveryReloadToken,
-  ]);
-
-  const confirmCurrentGenerationServiceIdentity = useCallback(async () => {
-    const confirmation = serviceIdentityConfirmations[0];
-    if (
-      !confirmation ||
-      serviceIdentityPending ||
-      lifecycleRef.current.kind !== 'canvas.editing' ||
-      !serviceIdentityDialogOpenRef.current ||
-      generationDialogRef.current !== null ||
-      exitDialogOpenRef.current
-    ) {
-      return;
-    }
-    const epoch = epochRef.current;
-    const focusEpoch = generationFocusEpochRef.current;
-    setServiceIdentityPending(true);
-    setServiceIdentityError('');
-    const confirmed = await host.confirmGenerationServiceIdentity({
-      scope: stableScope,
-      confirmation,
-    });
-    if (
-      epoch !== epochRef.current ||
-      focusEpoch !== generationFocusEpochRef.current
-    ) {
-      return;
-    }
-    if (confirmed.status !== 'ok') {
-      setServiceIdentityPending(false);
-      setServiceIdentityError(
-        confirmed.status === 'failed'
-          ? confirmed.message
-          : '服务身份确认发生冲突，请重新打开画布后再试',
-      );
-      return;
-    }
-    const recovery = await host.generation.recoverImages({
-      scope: stableScope,
-      onProgress: (progress) => {
-        if (
-          epoch === epochRef.current &&
-          focusEpoch === generationFocusEpochRef.current
-        ) {
-          applyGenerationProgressRevision(progress);
-          setNotice(`正在恢复图片生成：${progress.phase}`);
-        }
-      },
-    });
-    if (
-      epoch !== epochRef.current ||
-      focusEpoch !== generationFocusEpochRef.current
-    ) {
-      return;
-    }
-    setServiceIdentityPending(false);
-    if (recovery.status !== 'ok') {
-      setServiceIdentityError(
-        recovery.status === 'failed'
-          ? recovery.message
-          : '原生成 operation 恢复发生冲突',
-      );
-      return;
-    }
-    setServiceIdentityConfirmations(
-      recovery.value.serviceIdentityConfirmations,
-    );
-    setServiceIdentityDialogOpen(
-      recovery.value.serviceIdentityConfirmations.length > 0,
-    );
-    setServiceIdentityError('');
-    if (recovery.value.resumedGenerationIds.length) {
-      setNotice(
-        `已安全恢复 ${recovery.value.resumedGenerationIds.length} 个原生成 operation`,
-      );
-    }
-    void onWalletBalanceMayHaveChanged();
-  }, [
-    applyGenerationProgressRevision,
-    host,
-    onWalletBalanceMayHaveChanged,
-    serviceIdentityConfirmations,
-    serviceIdentityPending,
-    stableScope,
-  ]);
-
-  useEffect(() => {
-    const element = viewportElementRef.current;
-    if (!element) return undefined;
-    const update = () =>
-      setCanvasSize({
-        width: element.clientWidth || 900,
-        height: element.clientHeight || 640,
-      });
-    update();
-    if (typeof ResizeObserver === 'undefined') {
-      window.addEventListener('resize', update);
-      return () => window.removeEventListener('resize', update);
-    }
-    const observer = new ResizeObserver(update);
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, [draft]);
-
-  const acknowledgePendingCandidateLayers = useCallback(
-    async (epoch: number): Promise<ImageCanvasDraft | null> => {
-      const currentDraft = draftRef.current;
-      const layerIds = [...pendingCandidateLayerIdsRef.current];
-      if (!currentDraft || epoch !== epochRef.current) return null;
-      if (layerIds.length === 0) return currentDraft;
-      const result = await host.project.acknowledgeCandidateLayers({
-        scope: stableScope,
-        layerIds,
-      });
-      if (epoch !== epochRef.current) return null;
-      if (result.status !== 'ok') {
-        setLifecycle({
-          kind: 'canvas.failed',
-          operation: 'draft-save',
-          code: result.status === 'failed' ? result.code : result.status,
-          message:
-            result.status === 'failed' ||
-            result.status === 'unsupported-capability'
-              ? result.message
-              : '候选图层确认发生草稿冲突',
-          reconciliationRequired: false,
-        });
-        return null;
-      }
-      for (const layerId of layerIds) {
-        pendingCandidateLayerIdsRef.current.delete(layerId);
-      }
-      applyDraftCandidate(result.value);
-      return result.value;
-    },
-    [applyDraftCandidate, host.project, stableScope],
-  );
-
-  const enqueuePendingCandidateAcknowledgements = useCallback(async () => {
-    const epoch = epochRef.current;
-    const task = saveQueueRef.current.then(() =>
-      acknowledgePendingCandidateLayers(epoch),
-    );
-    saveQueueRef.current = task.catch(() => undefined);
-    return await task;
-  }, [acknowledgePendingCandidateLayers]);
-
-  const persistDraft = useCallback(
-    async (
-      candidateLayerIds: readonly string[] = [],
-    ): Promise<ImageCanvasDraft | null> => {
-      const epoch = epochRef.current;
-      const requestedVersion = documentVersionRef.current;
-      const task = saveQueueRef.current.then(async () => {
-        const currentDraft = draftRef.current;
-        if (!currentDraft || epoch !== epochRef.current) return null;
-        // Register a candidate only when its own save reaches the head of the
-        // FIFO. Registering at enqueue time would let an older autosave
-        // acknowledge it before this save has written the latest canvas.
-        for (const layerId of candidateLayerIds) {
-          pendingCandidateLayerIdsRef.current.add(layerId);
-        }
-        const result = await host.project.updateDraft({
-          scope: stableScope,
-          expectedDraftRevision: currentDraft.revision,
-          status: 'editing',
-          canvas: draftCanvasFromRuntime(
-            layersRef.current,
-            viewportRef.current,
-            backgroundRef.current,
-            selectionRef.current,
-          ),
-          generations: currentDraft.generations,
-        });
-        if (epoch !== epochRef.current) return null;
-        if (result.status === 'conflict') {
-          setLifecycle({
-            kind: 'canvas.failed',
-            operation: 'draft-save',
-            code: 'draft-revision-conflict',
-            message: '草稿已被另一个窗口更新，请重新打开后继续',
-            reconciliationRequired: false,
-          });
-          return null;
-        }
-        if (result.status !== 'ok') {
-          setLifecycle({
-            kind: 'canvas.failed',
-            operation: 'draft-save',
-            code: result.status === 'failed' ? result.code : result.status,
-            message:
-              result.status === 'failed' ? result.message : '草稿保存失败',
-            reconciliationRequired: false,
-          });
-          return null;
-        }
-        applyDraftCandidate(result.value);
-        persistedDocumentVersionRef.current = Math.max(
-          persistedDocumentVersionRef.current,
-          requestedVersion,
-        );
-        const acknowledged = await acknowledgePendingCandidateLayers(epoch);
-        if (!acknowledged) return null;
-        if (
-          requestedVersion === documentVersionRef.current &&
-          lifecycleRef.current.kind === 'canvas.editing'
-        ) {
-          setLifecycle({ kind: 'canvas.editing', dirty: false });
-        }
-        return acknowledged;
-      });
-      saveQueueRef.current = task.catch(() => undefined);
-      return await task;
-    },
-    [
-      acknowledgePendingCandidateLayers,
-      applyDraftCandidate,
-      host.project,
-      stableScope,
-    ],
-  );
-
-  const flushDraftPersistence = useCallback(
-    async ({ persistDirty = true }: { persistDirty?: boolean } = {}) => {
-      const epoch = epochRef.current;
-      await saveQueueRef.current;
-      if (epoch !== epochRef.current || !draftRef.current) return null;
-      if (
-        persistDirty &&
-        documentVersionRef.current !== persistedDocumentVersionRef.current
-      ) {
-        return await persistDraft();
-      }
-      return await enqueuePendingCandidateAcknowledgements();
-    },
-    [enqueuePendingCandidateAcknowledgements, persistDraft],
-  );
-
-  useEffect(() => {
-    if (lifecycle.kind !== 'canvas.editing' || !lifecycle.dirty || !draft) {
-      return undefined;
-    }
-    const timer = window.setTimeout(() => void persistDraft(), 180);
-    return () => window.clearTimeout(timer);
-  }, [documentVersion, draft, lifecycle, persistDraft]);
-
-  useEffect(() => {
-    const onMove = (event: PointerEvent) => {
-      if (backgroundInteractionLockedRef.current) {
-        dragRef.current = null;
-        return;
-      }
-      const drag = dragRef.current;
-      if (!drag || drag.pointerId !== event.pointerId) return;
-      if (drag.kind === 'pan') {
-        const nextViewport = moveViewportFromPan(drag, {
-          x: event.clientX,
-          y: event.clientY,
-        });
-        if (
-          nextViewport.x === drag.startViewport.x &&
-          nextViewport.y === drag.startViewport.y &&
-          nextViewport.scale === drag.startViewport.scale
-        ) {
-          if (drag.changed) {
-            setViewport({ ...drag.startViewport });
-          }
-          drag.changed = false;
-          return;
-        }
-        drag.changed = true;
-        setViewport(nextViewport);
-        return;
-      }
-      const deltaX =
-        (event.clientX - drag.startClientX) / viewportRef.current.scale;
-      const deltaY =
-        (event.clientY - drag.startClientY) / viewportRef.current.scale;
-      if (drag.kind === 'generation') {
-        const task = drag.startTasks.find(
-          (item) => item.generationId === drag.taskId,
-        );
-        if (!task?.placeholder) return;
-        const deltaX =
-          (event.clientX - drag.startClientX) / viewportRef.current.scale;
-        const deltaY =
-          (event.clientY - drag.startClientY) / viewportRef.current.scale;
-        const start = task.placeholder;
-        const next = {
-          ...start,
-          x: Math.max(
-            0,
-            Math.min(ASSET_CANVAS_WORLD_SIZE - start.width, start.x + deltaX),
-          ),
-          y: Math.max(
-            0,
-            Math.min(ASSET_CANVAS_WORLD_SIZE - start.height, start.y + deltaY),
-          ),
-        };
-        drag.changed = deltaX !== 0 || deltaY !== 0;
-        setGenerationTasks((current) =>
-          current.map((candidate) =>
-            candidate.generationId === drag.taskId
-              ? { ...candidate, placeholder: next, updatedAt: Date.now() }
-              : candidate,
-          ),
-        );
-        const currentDraft = draftRef.current;
-        if (currentDraft) {
-          draftRef.current = {
-            ...currentDraft,
-            generations: currentDraft.generations.map((record) =>
-              record.generationId === drag.taskId
-                ? { ...record, placeholder: next, updatedAt: Date.now() }
-                : record,
-            ),
-          };
-          setDraft(draftRef.current);
-        }
-        return;
-      }
-      if (drag.kind === 'move') {
-        if (
-          (deltaX === 0 && deltaY === 0) ||
-          !drag.startLayers.some(
-            (layer) => drag.targetIds.includes(layer.id) && !layer.locked,
-          )
-        ) {
-          if (drag.changed) {
-            setLayers(drag.startLayers.map((layer) => ({ ...layer })));
-          }
-          drag.changed = false;
-          return;
-        }
-        drag.changed = true;
-        const transforms = new Map(
-          drag.startLayers
-            .filter((layer) => drag.targetIds.includes(layer.id))
-            .map((layer) => [
-              layer.id,
-              { x: layer.x + deltaX, y: layer.y + deltaY },
-            ]),
-        );
-        setLayers(
-          transformCanvasLayers(
-            drag.startLayers,
-            transforms,
-          ) as RuntimeCanvasLayer[],
-        );
-      } else {
-        const layer = drag.startLayers.find((item) => item.id === drag.layerId);
-        if (!layer) return;
-        const bounds = resizeCanvasLayerBounds({
-          initial: layer,
-          handle: 'bottom-right',
-          deltaX,
-          deltaY,
-          preserveAspectRatio: !event.shiftKey,
-          minSize: 8,
-        });
-        if (
-          bounds.x === layer.x &&
-          bounds.y === layer.y &&
-          bounds.width === layer.width &&
-          bounds.height === layer.height
-        ) {
-          if (drag.changed) {
-            setLayers(drag.startLayers.map((item) => ({ ...item })));
-          }
-          drag.changed = false;
-          return;
-        }
-        drag.changed = true;
-        setLayers(
-          transformCanvasLayers(
-            drag.startLayers,
-            new Map([[drag.layerId, bounds]]),
-          ) as RuntimeCanvasLayer[],
-        );
-      }
-    };
-    const onUp = (event: PointerEvent) => {
-      if (backgroundInteractionLockedRef.current) {
-        dragRef.current = null;
-        return;
-      }
-      const drag = dragRef.current;
-      if (!drag || drag.pointerId !== event.pointerId) return;
-      suppressNextLayerClickRef.current = drag.kind === 'move' && drag.changed;
-      dragRef.current = null;
-      if (drag.changed && drag.kind !== 'generation') {
-        captureHistory(drag.historyAction, drag.historySnapshot);
-      }
-      if (drag.changed || drag.selectionChanged) {
-        markDirty();
-      }
-    };
-    window.addEventListener('pointermove', onMove);
-    window.addEventListener('pointerup', onUp);
-    window.addEventListener('pointercancel', onUp);
-    return () => {
-      window.removeEventListener('pointermove', onMove);
-      window.removeEventListener('pointerup', onUp);
-      window.removeEventListener('pointercancel', onUp);
-    };
-  }, [captureHistory, markDirty]);
-
-  const handleLocalImport = useCallback(async () => {
-    if (
-      lifecycleRef.current.kind !== 'canvas.editing' ||
-      backgroundInteractionLockedRef.current
-    ) {
-      return;
-    }
-    const currentDraft = await flushDraftPersistence();
-    if (!currentDraft || lifecycleRef.current.kind !== 'canvas.editing') return;
-    const epoch = epochRef.current;
-    const historySnapshot = getCanvasHistorySnapshot();
-    setImportPending(true);
-    setNotice('请选择要导入的图片');
-    try {
-      const imported = await host.asset.importLocalImages({
-        scope: stableScope,
-        expectedDraftRevision: currentDraft.revision,
-        viewportSize: canvasSize,
-      });
-      if (epoch !== epochRef.current) return;
-      if (imported.status !== 'ok') {
-        setNotice(
-          imported.status === 'conflict'
-            ? '本地图片导入发生草稿冲突，请重新加载后再试'
-            : imported.message,
-        );
-        return;
-      }
-      if (imported.value.status === 'cancelled') {
-        setNotice('已取消导入');
-        return;
-      }
-      const importedIdSet = new Set(imported.value.importedLayerIds);
-      const importedDraftLayers = imported.value.draft.canvas.layers.filter(
-        (layer) => importedIdSet.has(layer.layerId),
-      );
-      if (
-        importedDraftLayers.length !== imported.value.importedLayerIds.length
-      ) {
-        throw new Error('导入结果缺少权威图层');
-      }
-      const runtimeLayers = await Promise.all(
-        importedDraftLayers.map(async (layer) => {
-          const preview = await host.readMediaPreview({
-            scope: stableScope,
-            mediaRef: layer.mediaRef,
-          });
-          if (preview.status !== 'ok') {
-            throw new Error(
-              preview.status === 'conflict'
-                ? '导入媒体预览发生冲突'
-                : preview.message,
-            );
-          }
-          if (epoch !== epochRef.current) {
-            URL.revokeObjectURL(preview.value.previewUrl);
-            throw new Error('stale-asset-canvas-epoch');
-          }
-          previewUrlsRef.current.add(preview.value.previewUrl);
-          return {
-            id: layer.layerId,
-            resourceId: layer.resourceId,
-            resourcePersistenceState: 'self-contained-local' as const,
-            title: layer.title,
-            src: preview.value.previewUrl,
-            mediaType: 'image' as const,
-            x: layer.x,
-            y: layer.y,
-            width: layer.width,
-            height: layer.height,
-            originalWidth: layer.originalWidth,
-            originalHeight: layer.originalHeight,
-            zIndex: layer.zIndex,
-            sourceType: 'uploaded' as const,
-            groupId: layer.groupId,
-            hidden: layer.hidden,
-            locked: layer.locked,
-            flipX: layer.flipX,
-            flipY: layer.flipY,
-            mediaRef: layer.mediaRef,
-          } satisfies RuntimeCanvasLayer;
-        }),
-      );
-      if (epoch !== epochRef.current) return;
-      captureHistory(
-        { type: 'upload-image', count: runtimeLayers.length },
-        historySnapshot,
-      );
-      const nextDraft = imported.value.draft;
-      minimumDraftRevisionRef.current = nextDraft.revision;
-      draftRef.current = nextDraft;
-      setDraft(nextDraft);
-      setGenerationTasks(
-        nextDraft.generations.map(runtimeGenerationTaskFromRecord),
-      );
-      setLayers((current) => [...current, ...runtimeLayers]);
-      setSelectedLayerIds(imported.value.importedLayerIds);
-      setViewport(nextDraft.canvas.viewport);
-      setBackgroundColor(nextDraft.canvas.backgroundColor);
-      persistedDocumentVersionRef.current = documentVersionRef.current;
-      setNotice(`已导入 ${runtimeLayers.length} 张图片`);
-    } catch (error) {
-      if (epoch === epochRef.current) {
-        setNotice(error instanceof Error ? error.message : String(error));
-      }
-    } finally {
-      if (epoch === epochRef.current) setImportPending(false);
-    }
-  }, [
-    canvasSize,
-    captureHistory,
-    getCanvasHistorySnapshot,
-    host,
-    flushDraftPersistence,
-    stableScope,
-  ]);
-
-  const handleImport = useCallback(
-    async (event: ChangeEvent<HTMLInputElement>) => {
-      const files = Array.from(event.target.files ?? []);
-      event.target.value = '';
-      if (
-        lifecycleRef.current.kind !== 'canvas.editing' ||
-        backgroundInteractionLockedRef.current ||
-        !draftRef.current ||
-        !files.length
-      )
-        return;
-      const epoch = epochRef.current;
-      let images: Array<{
-        name: string;
-        mediaType: 'image/png' | 'image/jpeg' | 'image/webp';
-        bytes: Uint8Array;
-      }>;
-      try {
-        images = await Promise.all(
-          files.map(async (file) => {
-            const mediaType = mediaTypeForFile(file);
-            if (!mediaType) throw new Error('只支持 PNG、JPEG 和 WebP 图片');
-            return {
-              name: file.name,
-              mediaType,
-              bytes: new Uint8Array(await file.arrayBuffer()),
-            };
-          }),
-        );
-      } catch (error) {
-        setNotice(error instanceof Error ? error.message : String(error));
-        return;
-      }
-      if (
-        epoch !== epochRef.current ||
-        lifecycleRef.current.kind !== 'canvas.editing' ||
-        backgroundInteractionLockedRef.current
-      ) {
-        return;
-      }
-      const currentDraft = await flushDraftPersistence();
-      if (
-        !currentDraft ||
-        epoch !== epochRef.current ||
-        lifecycleRef.current.kind !== 'canvas.editing' ||
-        backgroundInteractionLockedRef.current
-      ) {
-        return;
-      }
-      const imported = await host.asset.importImages({
-        scope: stableScope,
-        expectedDraftRevision: currentDraft.revision,
-        images,
-      });
-      if (
-        epoch !== epochRef.current ||
-        lifecycleRef.current.kind !== 'canvas.editing' ||
-        backgroundInteractionLockedRef.current
-      ) {
-        if (imported.status === 'ok') {
-          for (const image of imported.value)
-            URL.revokeObjectURL(image.previewUrl);
-        }
-        return;
-      }
-      if (imported.status !== 'ok') {
-        setNotice(
-          imported.status === 'failed'
-            ? imported.message
-            : '本地图片导入发生冲突',
-        );
-        return;
-      }
-      captureHistory({ type: 'upload-image', count: files.length });
-      const baseZ = layersRef.current.reduce(
-        (value, layer) => Math.max(value, layer.zIndex),
-        -1,
-      );
-      const additions = imported.value.map((image, index) => {
-        previewUrlsRef.current.add(image.previewUrl);
-        const source = images[index];
-        const layerId = crypto.randomUUID();
-        return {
-          id: layerId,
-          resourceId: image.resourceId ?? `draft:${layerId}`,
-          resourcePersistenceState: 'self-contained-local' as const,
-          title: source?.name ?? `图片 ${index + 1}`,
-          src: image.previewUrl,
-          mediaType: 'image' as const,
-          x: 5800 + index * 36,
-          y: 5800 + index * 36,
-          width:
-            image.mediaRef.kind === 'draft-media'
-              ? image.mediaRef.pixelWidth
-              : 480,
-          height:
-            image.mediaRef.kind === 'draft-media'
-              ? image.mediaRef.pixelHeight
-              : 320,
-          originalWidth:
-            image.mediaRef.kind === 'draft-media'
-              ? image.mediaRef.pixelWidth
-              : 480,
-          originalHeight:
-            image.mediaRef.kind === 'draft-media'
-              ? image.mediaRef.pixelHeight
-              : 320,
-          zIndex: baseZ + index + 1,
-          sourceType: 'uploaded' as const,
-          groupId: null,
-          hidden: false,
-          locked: false,
-          flipX: false,
-          flipY: false,
-          mediaRef: image.mediaRef,
-        } satisfies RuntimeCanvasLayer;
-      });
-      setLayers((current) => [...current, ...additions]);
-      setSelectedLayerIds(additions.map((layer) => layer.id));
-      markDirty();
-      setNotice(`已导入 ${additions.length} 张图片`);
-    },
-    [captureHistory, flushDraftPersistence, host.asset, markDirty, stableScope],
-  );
-
-  const deleteCanvasLayer = useCallback(
-    (layerId: string) => {
-      if (
-        lifecycleRef.current.kind !== 'canvas.editing' ||
-        backgroundInteractionLockedRef.current ||
-        !layersRef.current.some((layer) => layer.id === layerId)
-      ) {
-        return false;
-      }
-      captureHistory({
-        type: 'delete-image',
-        count: 1,
-        layerIds: [layerId],
-      });
-      setLayers(
-        (current) =>
-          removeCanvasLayers(current, [layerId]) as RuntimeCanvasLayer[],
-      );
-      setSelectedLayerIds((current) =>
-        current.filter((selectedLayerId) => selectedLayerId !== layerId),
-      );
-      markDirty();
-      return true;
-    },
-    [captureHistory, markDirty],
-  );
-
-  const deleteSelected = useCallback(() => {
-    const layerIds = selectedLayerIds.filter((layerId) =>
-      layersRef.current.some((layer) => layer.id === layerId),
-    );
-    if (
-      lifecycleRef.current.kind !== 'canvas.editing' ||
-      backgroundInteractionLockedRef.current ||
-      layerIds.length === 0
-    ) {
-      return;
-    }
-    captureHistory({
-      type: 'delete-image',
-      count: layerIds.length,
-      layerIds,
-    });
-    setLayers(
-      (current) =>
-        removeCanvasLayers(current, layerIds) as RuntimeCanvasLayer[],
-    );
-    setSelectedLayerIds([]);
-    markDirty();
-  }, [captureHistory, markDirty, selectedLayerIds]);
-
-  const saveAsset = useCallback(() => {
-    if (
-      lifecycleRef.current.kind !== 'canvas.editing' ||
-      backgroundInteractionLockedRef.current ||
-      savePromiseRef.current
-    ) {
-      return savePromiseRef.current ?? undefined;
-    }
-    if (!isValidAssetCanvasName(assetName)) {
-      setNotice('素材名称无效，请调整为 1-80 个有效字符');
-      return undefined;
-    }
-    const selectedCandidate =
-      stableScope.intent === 'refine' && quickEditSourceLayerId
-        ? (layersRef.current.find(
-            (layer) =>
-              layer.id === quickEditSourceLayerId &&
-              layer.mediaRef.kind === 'draft-media',
-          ) ?? null)
-        : null;
-    if (stableScope.intent === 'refine' && !selectedCandidate) {
-      setNotice('请选择一张完整候选图设为最终图');
-      return undefined;
-    }
-    const saveEpoch = epochRef.current;
-    const pending =
-      pendingCommitRef.current?.documentVersion === documentVersion
-        ? pendingCommitRef.current
-        : {
-            commitId: crypto.randomUUID(),
-            idempotencyKey: crypto.randomUUID(),
-            documentVersion,
-          };
-    pendingCommitRef.current = pending;
-    onSaveAttempt?.({
-      saveAttemptId: crypto.randomUUID(),
-      sessionId,
-      projectId: stableScope.projectId,
-      draftId: stableScope.draftId,
-      commitId: pending.commitId,
-    });
-    const task = (async () => {
-      const epoch = saveEpoch;
-      if (documentVersionRef.current !== persistedDocumentVersionRef.current) {
-        setLifecycle({ kind: 'canvas.saving', stage: 'draft' });
-      }
-      const persisted = await flushDraftPersistence();
-      if (!persisted) return;
-      if (epoch !== epochRef.current || !draftRef.current) return;
-      setLifecycle({ kind: 'canvas.saving', stage: 'committing' });
-      const referenceResourceIds = draftRef.current.sourceResourceId
-        ? [draftRef.current.sourceResourceId]
-        : [];
-      const result = selectedCandidate
-        ? await host.completion.commitSelectedCandidate({
-            scope: stableScope,
-            expectedHostRevision: hostRevisionRef.current,
-            expectedDraftRevision: draftRef.current.revision,
-            commitId: pending.commitId,
-            idempotencyKey: pending.idempotencyKey,
-            sourceLayerId: selectedCandidate.id,
-            name: assetName,
-            assetKind,
-            referenceResourceIds,
-          })
-        : await (async () => {
-            setLifecycle({ kind: 'canvas.saving', stage: 'staging' });
-            const bytes = await renderImage({
-              layers: layersRef.current,
-              backgroundColor: backgroundRef.current,
-              mediaType: 'image/png',
-              quality: null,
-            });
-            if (epoch !== epochRef.current) {
-              return null;
-            }
-            setLifecycle({ kind: 'canvas.saving', stage: 'committing' });
-            return host.completion.commitImage({
-              scope: stableScope,
-              expectedHostRevision: hostRevisionRef.current,
-              expectedDraftRevision: draftRef.current!.revision,
-              commitId: pending.commitId,
-              idempotencyKey: pending.idempotencyKey,
-              name: assetName,
-              assetKind,
-              referenceResourceIds,
-              mediaType: 'image/png',
-              bytes,
-            });
-          })();
-      if (epoch !== epochRef.current || !result) return;
-      if (result.status !== 'ok') {
-        const code = result.status === 'failed' ? result.code : result.status;
-        if (code === 'rolled-back') {
-          pendingCommitRef.current = null;
-        }
-        setLifecycle({
-          kind: 'canvas.failed',
-          operation: 'asset-commit',
-          code,
-          message:
-            result.status === 'failed'
-              ? result.message
-              : '素材保存发生 revision 冲突',
-          reconciliationRequired: code === 'reconciliation-required',
-        });
-        return;
-      }
-      hostRevisionRef.current = result.value.hostRevision;
-      setLifecycle({ kind: 'canvas.saving', stage: 'projecting' });
-      const loaded = await host.project.loadDraft(stableScope);
-      if (
-        epoch === epochRef.current &&
-        loaded.status === 'ok' &&
-        loaded.value
-      ) {
-        await hydrateDraft(loaded.value, epoch);
-      }
-      const manifest = result.value.manifest as
-        | GameCreationAppManifest
-        | undefined;
-      if (manifest) {
-        if (result.value.eventId) {
-          deliveredEventsRef.current.add(result.value.eventId);
-        }
-        onCommitted?.({
-          source: 'command',
-          projectPath: host.projectPath,
-          projectId: result.value.projectId ?? stableScope.projectId,
-          draftId: stableScope.draftId,
-          commitId: result.value.commitId ?? pending.commitId,
-          assetId: result.value.assetId ?? result.value.resourceId,
-          manifest,
-          projectRevision: Number(result.value.hostRevision),
-          committedProjectRevision:
-            result.value.committedProjectRevision ??
-            Number(result.value.hostRevision),
-          eventId: result.value.eventId,
-        });
-      }
-      pendingCommitRef.current = null;
-      persistedDocumentVersionRef.current = documentVersionRef.current;
-      setNotice(
-        result.value.commitStatus === 'already-committed'
-          ? '最终图已是该候选，本次返回原幂等结果'
-          : selectedCandidate
-            ? '已设为最终图，精修草稿可继续编辑'
-            : '素材已保存到项目 assets/ 并登记 manifest',
-      );
-      setLifecycle({ kind: 'canvas.editing', dirty: false });
-    })().catch((error: unknown) => {
-      if (epochRef.current !== saveEpoch) return;
-      setLifecycle({
-        kind: 'canvas.failed',
-        operation: 'asset-commit',
-        code: 'canvas-save-failed',
-        message: error instanceof Error ? error.message : String(error),
-        reconciliationRequired: false,
-      });
-    });
-    savePromiseRef.current = task.finally(() => {
-      savePromiseRef.current = null;
-    });
-    return savePromiseRef.current;
-  }, [
-    assetKind,
-    assetName,
-    documentVersion,
-    host.completion,
-    host.project,
-    host.projectPath,
-    hydrateDraft,
-    onCommitted,
-    onSaveAttempt,
-    flushDraftPersistence,
-    quickEditSourceLayerId,
-    renderImage,
-    sessionId,
-    stableScope,
-  ]);
-
-  const discardCanvas = useCallback(() => {
-    if (
-      !draftRef.current ||
-      !['canvas.editing', 'canvas.failed'].includes(
-        lifecycleRef.current.kind,
-      ) ||
-      !exitDialogOpenRef.current ||
-      generationDialogRef.current !== null ||
-      serviceIdentityDialogOpenRef.current
-    ) {
-      return;
-    }
-    setExitActionPending(true);
-    const epoch = epochRef.current;
-    void flushDraftPersistence({ persistDirty: false })
-      .then((currentDraft) => {
-        if (!currentDraft || epoch !== epochRef.current) return null;
-        return host.project.discardDraft({
-          scope: stableScope,
-          expectedDraftRevision: currentDraft.revision,
-        });
-      })
-      .then((result) => {
-        if (!result || epoch !== epochRef.current) return;
-        if (result.status === 'ok') {
-          setExitDialogOpen(false);
-          onCancel?.({
-            draftId: stableScope.draftId,
-            disposition: 'discarded',
-          });
-          return;
-        }
-        setLifecycle({
-          kind: 'canvas.failed',
-          operation: 'cancellation',
-          code: result.status === 'failed' ? result.code : result.status,
-          message:
-            result.status === 'failed'
-              ? result.message
-              : '素材画布取消发生 revision 冲突',
-          reconciliationRequired: false,
-        });
-        setExitDialogOpen(false);
-      })
-      .catch((error: unknown) => {
-        if (epoch !== epochRef.current) return;
-        setLifecycle({
-          kind: 'canvas.failed',
-          operation: 'cancellation',
-          code: 'canvas-cancel-failed',
-          message: error instanceof Error ? error.message : String(error),
-          reconciliationRequired: false,
-        });
-        setExitDialogOpen(false);
-      })
-      .finally(() => {
-        if (epoch === epochRef.current) setExitActionPending(false);
-      });
-  }, [flushDraftPersistence, host.project, onCancel, stableScope]);
-
-  const keepDraftAndExit = useCallback(() => {
-    if (
-      exitActionPending ||
-      !['canvas.editing', 'canvas.failed'].includes(
-        lifecycleRef.current.kind,
-      ) ||
-      !exitDialogOpenRef.current ||
-      generationDialogRef.current !== null ||
-      serviceIdentityDialogOpenRef.current
-    ) {
-      return;
-    }
-    const currentDraft = draftRef.current;
-    if (!currentDraft) return;
-    setExitActionPending(true);
-    const epoch = epochRef.current;
-    void flushDraftPersistence()
-      .then((persisted) => {
-        if (epoch !== epochRef.current || !persisted) return;
-        setExitDialogOpen(false);
-        onCancel?.({
-          draftId: stableScope.draftId,
-          disposition: 'kept',
-        });
-      })
-      .finally(() => {
-        if (epoch === epochRef.current) setExitActionPending(false);
-      });
-  }, [exitActionPending, flushDraftPersistence, onCancel, stableScope.draftId]);
-
-  const requestCanvasExit = useCallback(() => {
-    const currentDraft = draftRef.current;
-    if (
-      lifecycleRef.current.kind === 'canvas.saving' ||
-      lifecycleRef.current.kind === 'canvas.generating'
-    ) {
-      return;
-    }
-    if (!currentDraft) {
-      if (
-        lifecycleRef.current.kind === 'canvas.failed' &&
-        lifecycleRef.current.operation === 'recovery'
-      ) {
-        onCancel?.({
-          draftId: stableScope.draftId,
-          disposition: 'kept',
-        });
-      }
-      return;
-    }
-    if (documentVersionRef.current !== persistedDocumentVersionRef.current) {
-      setExitDialogOpen(true);
-      return;
-    }
-    onCancel?.({
-      draftId: stableScope.draftId,
-      disposition: 'kept',
-    });
-  }, [onCancel, stableScope.draftId]);
-
-  const openGenerationDialog = useCallback(
-    (
-      quickEdit = false,
-      sourceLayer: RuntimeCanvasLayer | null = null,
-      focusSource = true,
-    ) => {
-      const currentDraft = draftRef.current;
-      if (
-        !currentDraft ||
-        generationStartingRef.current ||
-        lifecycleRef.current.kind !== 'canvas.editing' ||
-        backgroundInteractionLockedRef.current
-      ) {
-        return;
-      }
-      const selectedReferences = sourceLayer
-        ? [sourceLayer.resourceId]
-        : layersRef.current
-            .filter((layer) => selectionRef.current.includes(layer.id))
-            .map((layer) => layer.resourceId);
-      if (
-        stableScope.intent === 'refine' &&
-        currentDraft.sourceResourceId &&
-        !selectedReferences.includes(currentDraft.sourceResourceId)
-      ) {
-        selectedReferences.push(currentDraft.sourceResourceId);
-      }
-      pendingGenerationRef.current = {
-        saveAttemptId: crypto.randomUUID(),
-        intentId: crypto.randomUUID(),
-        generationId: crypto.randomUUID(),
-        idempotencyKey: crypto.randomUUID(),
-        commitId: crypto.randomUUID(),
-        commitIdempotencyKey: crypto.randomUUID(),
-      };
-      setGenerationReferenceResourceIds([...new Set(selectedReferences)]);
-      generationDialogQuickEditRef.current = quickEdit;
-      if (quickEdit && sourceLayer) {
-        setGenerationAspectRatio(
-          generationAspectRatioForOriginalImage(
-            sourceLayer.originalWidth,
-            sourceLayer.originalHeight,
-          ),
-        );
-        setQuickEditSourceLayerId(sourceLayer.id);
-        setQuickEditOpen(true);
-        setGenerationDialog(null);
-        if (focusSource) {
-          const nextViewport = resolveQuickEditFocusViewport({
-            sourceLayer,
-            canvasSize,
-          });
-          setViewport(nextViewport);
-        }
-      } else {
-        setQuickEditOpen(false);
-        setQuickEditSourceLayerId(null);
-        setGenerationDialog('edit');
-      }
-      setNotice('');
-    },
-    [canvasSize, stableScope.intent],
-  );
-
-  const closeQuickEdit = useCallback(() => {
-    generationDialogQuickEditRef.current = false;
-    pendingGenerationRef.current = null;
-    setQuickEditOpen(false);
-    setQuickEditSourceLayerId(null);
-  }, []);
-
-  useEffect(() => {
-    if (
-      !initialOpenQuickEdit ||
-      initialQuickEditOpenedRef.current ||
-      lifecycle.kind !== 'canvas.editing' ||
-      serviceIdentityDialogOpen ||
-      serviceIdentityConfirmations.length > 0 ||
-      !layers.length
-    ) {
-      return;
-    }
-    const sourceLayer =
-      layers.find(
-        (layer) =>
-          layer.mediaRef.kind === 'project-asset' &&
-          layer.mediaRef.assetId === stableScope.sourceAssetId,
-      ) ?? layers[0];
-    initialQuickEditOpenedRef.current = true;
-    openGenerationDialog(true, sourceLayer, true);
-  }, [
-    initialOpenQuickEdit,
-    layers,
-    lifecycle.kind,
-    openGenerationDialog,
-    serviceIdentityConfirmations.length,
-    serviceIdentityDialogOpen,
-    stableScope.sourceAssetId,
-  ]);
-
-  const closeGenerationDialog = useCallback(() => {
-    if (generationStartingRef.current) return;
-    pendingGenerationRef.current = null;
-    setGenerationDialog(null);
-  }, []);
-
-  const showGenerationConfirmation = useCallback(() => {
-    if (
-      lifecycleRef.current.kind !== 'canvas.editing' ||
-      generationDialogRef.current !== 'edit' ||
-      exitDialogOpenRef.current ||
-      serviceIdentityDialogOpenRef.current
-    ) {
-      return;
-    }
-    if (!generationPrompt.trim()) {
-      setNotice('请先填写图片提示词');
-      return;
-    }
-    setGenerationDialog('confirm');
-  }, [generationPrompt]);
-
-  const confirmGeneration = useCallback(
-    (fromQuickEdit = false) => {
-      const allowedFromQuickEdit =
-        fromQuickEdit &&
-        quickEditOpenRef.current &&
-        quickEditSourceLayerId !== null;
-      if (
-        generationStartingRef.current ||
-        lifecycleRef.current.kind !== 'canvas.editing' ||
-        (!allowedFromQuickEdit && generationDialogRef.current !== 'confirm') ||
-        exitDialogOpenRef.current ||
-        serviceIdentityDialogOpenRef.current
-      ) {
-        return;
-      }
-      const identity = pendingGenerationRef.current;
-      const initialDraft = draftRef.current;
-      const prompt = generationPrompt.trim();
-      if (!identity || !initialDraft || !prompt) return;
-      const sourceLayer = quickEditSourceLayerId
-        ? (layersRef.current.find(
-            (layer) => layer.id === quickEditSourceLayerId,
-          ) ?? null)
-        : null;
-      const placeholderSize = generationPlaceholderSize(
-        generationAspectRatio,
-        generationImageSize,
-      );
-      const placeholder = generationPlaceholderForLayer({
-        sourceLayer,
-        layers: layersRef.current,
-        tasks: generationTasks,
-        ...placeholderSize,
-      });
-      const initialTask: RuntimeGenerationTask = {
-        generationId: identity.generationId,
-        sourceLayerId: sourceLayer?.id ?? null,
-        placeholder,
-        phase: 'confirmation-required',
-        progress: 2,
-        errorCode: null,
-        createdAt: Date.now(),
-        updatedAt: Date.now(),
-      };
-      const initialGenerationRecord: ImageCanvasGenerationRecord = {
-        generationId: identity.generationId,
-        intentId: identity.intentId,
-        phase: 'generation-running',
-        referenceResourceIds: [...generationReferenceResourceIds],
-        outputAssetId: null,
-        sourceLayerId: sourceLayer?.id ?? null,
-        placeholder,
-        errorCode: null,
-        createdAt: initialTask.createdAt,
-        updatedAt: initialTask.updatedAt,
-      };
-      const draftWithGeneration = draftRef.current;
-      if (draftWithGeneration) {
-        const nextDraft = {
-          ...draftWithGeneration,
-          generations: [
-            ...draftWithGeneration.generations,
-            initialGenerationRecord,
-          ],
-        };
-        draftRef.current = nextDraft;
-        setDraft(nextDraft);
-      }
-      setGenerationTasksCollapsed(false);
-      setGenerationTaskTab('active');
-      setGenerationTasks((current) => [...current, initialTask]);
-      generationStartingRef.current = true;
-      const epoch = epochRef.current;
-      const focusEpoch = generationFocusEpochRef.current + 1;
-      generationFocusEpochRef.current = focusEpoch;
-      const frozenReferences = [...generationReferenceResourceIds];
-      const frozenAspectRatio = generationAspectRatio;
-      const frozenImageSize = generationImageSize;
-      const frozenAssetKind = assetKind;
-      const frozenAssetName = assetName;
-      const needsDraftPersist = true;
-      setGenerationDialog(null);
-      setQuickEditOpen(false);
-      dragRef.current = null;
-      setNotice('生成任务已提交，结果会作为新候选加入画布');
-      const persistGenerationFailure = async (
-        code: string,
-        message: string,
-      ) => {
-        const currentDraft = draftRef.current;
-        if (!currentDraft) return false;
-        const settled = await host.generation.settleGenerationFailure({
-          scope: stableScope,
-          expectedDraftRevision: currentDraft.revision,
-          generationId: identity.generationId,
-          intentId: identity.intentId,
-          errorCode: code,
-          reconciliationRequired:
-            code === 'reconciliation-required' ||
-            code.includes('reconciliation') ||
-            message.includes('reconciliation-required'),
-        });
-        if (settled.status !== 'ok') {
-          setLifecycle({
-            kind: 'canvas.failed',
-            operation: 'draft-save',
-            code:
-              settled.status === 'failed'
-                ? settled.code
-                : 'draft-revision-conflict',
-            message:
-              settled.status === 'failed'
-                ? settled.message
-                : '生成失败状态结算发生 revision 冲突，请重新打开后继续',
-            reconciliationRequired: false,
-          });
-          setNotice(`${message}；失败状态结算未完成，请重新打开后对账`);
-          return false;
-        }
-        if (settled.value.disposition === 'already-terminal') {
-          setNotice('生成结果已在后台完成，请重新打开资源后查看最新候选');
-          setLifecycle({
-            kind: 'canvas.failed',
-            operation: 'recovery',
-            code: 'generation-already-terminal',
-            message: '生成结果已在后台完成，请重新打开资源后查看最新候选',
-            reconciliationRequired: true,
-          });
-          return false;
-        }
-        const authoritative = settled.value.draft;
-        const authoritativeById = new Map(
-          authoritative.generations.map((record) => [
-            record.generationId,
-            record,
-          ]),
-        );
-        const mergedGenerations = currentDraft.generations
-          .filter((record) => record.generationId !== identity.generationId)
-          .map(
-            (record) => authoritativeById.get(record.generationId) ?? record,
-          );
-        const settledRecord = authoritativeById.get(identity.generationId);
-        if (settledRecord) mergedGenerations.push(settledRecord);
-        const mergedDraft = {
-          ...authoritative,
-          status: 'editing' as const,
-          canvas: draftCanvasFromRuntime(
-            layersRef.current,
-            viewportRef.current,
-            backgroundRef.current,
-            selectionRef.current,
-          ),
-          generations: mergedGenerations,
-        };
-        minimumDraftRevisionRef.current = Math.max(
-          minimumDraftRevisionRef.current,
-          mergedDraft.revision,
-        );
-        draftRef.current = mergedDraft;
-        setDraft(mergedDraft);
-        setGenerationTasks(
-          mergedDraft.generations.map(runtimeGenerationTaskFromRecord),
-        );
-        const persisted = await persistDraft();
-        if (!persisted) {
-          setNotice(`${message}；失败状态保存未完成，请重新打开后对账`);
-          return false;
-        }
-        if (settled.value.disposition === 'reconciliation-required') {
-          setLifecycle({
-            kind: 'canvas.failed',
-            operation: 'recovery',
-            code,
-            message,
-            reconciliationRequired: true,
-          });
-          return true;
-        }
-        setLifecycle({ kind: 'canvas.editing', dirty: false });
-        return true;
-      };
-      const task = (async () => {
-        const persisted = needsDraftPersist
-          ? await persistDraft()
-          : await flushDraftPersistence();
-        if (!persisted) {
-          if (needsDraftPersist) {
-            await persistGenerationFailure(
-              'draft-save-failed',
-              '生成任务占位保存失败',
-            );
-          }
-          return;
-        }
-        const currentDraft = draftRef.current;
-        if (
-          !currentDraft ||
-          epoch !== epochRef.current ||
-          focusEpoch !== generationFocusEpochRef.current
-        ) {
-          return;
-        }
-        onSaveAttempt?.({
-          saveAttemptId: identity.saveAttemptId,
-          sessionId,
-          projectId: stableScope.projectId,
-          draftId: stableScope.draftId,
-          commitId: identity.commitId,
-        });
-        const onProgress = (progress: ImageCanvasGenerationProgress) => {
-          if (
-            epoch === epochRef.current &&
-            focusEpoch === generationFocusEpochRef.current &&
-            progress.intentId === identity.intentId &&
-            progress.generationId === identity.generationId
-          ) {
-            applyGenerationProgressRevision(progress);
-          }
-        };
-        const result = await host.generation.generateImage({
-          scope: stableScope,
-          expectedHostRevision: hostRevisionRef.current,
-          expectedDraftRevision: currentDraft.revision,
-          intentId: identity.intentId,
-          generationId: identity.generationId,
-          idempotencyKey: identity.idempotencyKey,
-          commitId: identity.commitId,
-          commitIdempotencyKey: identity.commitIdempotencyKey,
-          prompt,
-          aspectRatio: frozenAspectRatio,
-          imageSize: frozenImageSize,
-          assetKind: frozenAssetKind,
-          assetName: frozenAssetName,
-          referenceResourceIds: frozenReferences,
-          sourceLayerId: sourceLayer?.id ?? null,
-          placeholder,
-          onProgress,
-        });
-        void onWalletBalanceMayHaveChanged();
-        if (
-          epoch !== epochRef.current ||
-          focusEpoch !== generationFocusEpochRef.current
-        ) {
-          result.status === 'ok' &&
-            result.value.images.forEach((image) =>
-              URL.revokeObjectURL(image.previewUrl),
-            );
-          return;
-        }
-        if (result.status !== 'ok') {
-          const code = result.status === 'failed' ? result.code : result.status;
-          const settled = await persistGenerationFailure(
-            code,
-            result.status === 'failed'
-              ? result.message
-              : '图片生成发生 revision 冲突',
-          );
-          if (!settled) return;
-          setNotice(
-            result.status === 'failed'
-              ? result.message
-              : '图片生成发生 revision 冲突',
-          );
-          return;
-        }
-        const latestDraft = draftRef.current;
-        if (!latestDraft) return;
-        const authoritativeDraft = result.value.draft;
-        const localGeneration = latestDraft.generations.find(
-          (record) => record.generationId === identity.generationId,
-        );
-        const generatedResourceIds = new Set(
-          result.value.images.map((image) => image.resourceId),
-        );
-        const authoritativeLayers = authoritativeDraft.canvas.layers.filter(
-          (layer) =>
-            layer.layerId === identity.generationId ||
-            generatedResourceIds.has(layer.resourceId),
-        );
-        const mergedLayers = [...layersRef.current];
-        for (const layer of authoritativeLayers) {
-          const image = result.value.images.find(
-            (candidate) => candidate.resourceId === layer.resourceId,
-          );
-          if (!image) continue;
-          const placeholder = localGeneration?.placeholder;
-          const candidateLayer = placeholder
-            ? {
-                ...layer,
-                x: placeholder.x,
-                y: placeholder.y,
-                width: placeholder.width,
-                height: placeholder.height,
-              }
-            : layer;
-          previewUrlsRef.current.add(image.previewUrl);
-          const runtimeLayer = runtimeLayerFromDraftLayer(
-            candidateLayer,
-            image.previewUrl,
-          );
-          const existingIndex = mergedLayers.findIndex(
-            (candidate) => candidate.id === runtimeLayer.id,
-          );
-          if (existingIndex >= 0) {
-            mergedLayers[existingIndex] = runtimeLayer;
-          } else {
-            mergedLayers.push(runtimeLayer);
-          }
-        }
-        const authoritativeById = new Map(
-          authoritativeDraft.generations.map((record) => [
-            record.generationId,
-            record,
-          ]),
-        );
-        const mergedGenerations = latestDraft.generations.map((record) => {
-          const authoritative = authoritativeById.get(record.generationId);
-          if (!authoritative) return record;
-          return record.generationId === identity.generationId &&
-            record.placeholder
-            ? { ...authoritative, placeholder: record.placeholder }
-            : authoritative;
-        });
-        for (const record of authoritativeDraft.generations) {
-          if (
-            !mergedGenerations.some(
-              (candidate) => candidate.generationId === record.generationId,
-            )
-          ) {
-            mergedGenerations.push(record);
-          }
-        }
-        const mergedDraft = {
-          ...authoritativeDraft,
-          revision: Math.max(latestDraft.revision, authoritativeDraft.revision),
-          canvas: draftCanvasFromRuntime(
-            mergedLayers,
-            viewportRef.current,
-            backgroundRef.current,
-            selectionRef.current,
-          ),
-          generations: mergedGenerations,
-        };
-        minimumDraftRevisionRef.current = Math.max(
-          minimumDraftRevisionRef.current,
-          mergedDraft.revision,
-        );
-        draftRef.current = mergedDraft;
-        setDraft(mergedDraft);
-        setLayers(mergedLayers);
-        setGenerationTasks(
-          mergedGenerations.map(runtimeGenerationTaskFromRecord),
-        );
-        // Save the authoritative candidate, then acknowledge its private ledger
-        // in the same FIFO. Until both steps succeed, the backend keeps merging
-        // the new layer back into stale autosaves that were queued during generation.
-        if (
-          !(await persistDraft(
-            authoritativeLayers.map((layer) => layer.layerId),
-          ))
-        ) {
-          return;
-        }
-        pendingGenerationRef.current = null;
-        persistedDocumentVersionRef.current = documentVersionRef.current;
-        setLifecycle({ kind: 'canvas.editing', dirty: false });
-        setNotice('候选图片已加入画布，请选择满意结果设为最终图');
-      })().catch(async (error: unknown) => {
-        if (
-          epoch === epochRef.current &&
-          focusEpoch === generationFocusEpochRef.current
-        ) {
-          const message =
-            error instanceof Error ? error.message : String(error);
-          const settled = await persistGenerationFailure(
-            'canvas-generation-failed',
-            message,
-          );
-          if (!settled) return;
-          setNotice(message);
-        }
-      });
-      void task.finally(() => {
-        if (generationFocusEpochRef.current === focusEpoch) {
-          generationStartingRef.current = false;
-        }
-      });
-    },
-    [
-      applyGenerationProgressRevision,
-      assetKind,
-      assetName,
-      generationAspectRatio,
-      generationImageSize,
-      generationPrompt,
-      generationReferenceResourceIds,
-      generationTasks,
-      flushDraftPersistence,
-      host.generation,
-      onSaveAttempt,
-      onWalletBalanceMayHaveChanged,
-      persistDraft,
-      quickEditSourceLayerId,
-      sessionId,
-      stableScope,
-    ],
-  );
-
-  const archiveFailedGeneration = useCallback(
-    async (generationId: string) => {
-      if (
-        archivingGenerationIds.includes(generationId) ||
-        !generationTasks.some(
-          (task) =>
-            task.generationId === generationId && task.phase === 'failed',
-        ) ||
-        lifecycleRef.current.kind !== 'canvas.editing'
-      ) {
-        return;
-      }
-      const currentDraft = await flushDraftPersistence();
-      if (!currentDraft) return;
-      const epoch = epochRef.current;
-      setArchivingGenerationIds((current) => [...current, generationId]);
-      try {
-        const archived = await host.generation.archiveFailedGeneration({
-          scope: stableScope,
-          expectedDraftRevision: currentDraft.revision,
-          generationId,
-        });
-        if (epoch !== epochRef.current) return;
-        if (archived.status !== 'ok') {
-          setNotice(
-            archived.status === 'conflict'
-              ? '失败任务归档发生草稿冲突，请重新加载后再试'
-              : archived.message,
-          );
-          return;
-        }
-        minimumDraftRevisionRef.current = archived.value.revision;
-        draftRef.current = archived.value;
-        setDraft(archived.value);
-        setGenerationTasks((current) =>
-          current.filter((task) => task.generationId !== generationId),
-        );
-        setNotice('已删除失败任务');
-      } finally {
-        if (epoch === epochRef.current) {
-          setArchivingGenerationIds((current) =>
-            current.filter((id) => id !== generationId),
-          );
-        }
-      }
-    },
-    [
-      archivingGenerationIds,
-      flushDraftPersistence,
-      generationTasks,
-      host.generation,
-      stableScope,
-    ],
-  );
-
-  const reopenGenerationAfterFailure = useCallback(
-    (dialog: 'edit' | 'confirm') => {
-      if (
-        lifecycleRef.current.kind !== 'canvas.failed' ||
-        lifecycleRef.current.operation !== 'generation'
-      )
-        return;
-      pendingGenerationRef.current = {
-        saveAttemptId: crypto.randomUUID(),
-        intentId: crypto.randomUUID(),
-        generationId: crypto.randomUUID(),
-        idempotencyKey: crypto.randomUUID(),
-        commitId: crypto.randomUUID(),
-        commitIdempotencyKey: crypto.randomUUID(),
-      };
-      generationStartingRef.current = false;
-      setNotice('');
-      setLifecycle({ kind: 'canvas.editing', dirty: false });
-      setGenerationDialog(dialog);
-    },
-    [],
-  );
-
-  const retryDraftSaveAfterFailure = useCallback(() => {
-    if (
-      lifecycleRef.current.kind !== 'canvas.failed' ||
-      lifecycleRef.current.operation !== 'draft-save'
-    ) {
-      return;
-    }
-    setLifecycle({ kind: 'canvas.editing', dirty: true });
-  }, []);
-
-  const continueAfterAssetValidationFailure = useCallback(() => {
-    if (
-      lifecycleRef.current.kind !== 'canvas.failed' ||
-      lifecycleRef.current.operation !== 'asset-commit' ||
-      lifecycleRef.current.code !== 'asset-name-invalid'
-    ) {
-      return;
-    }
-    pendingCommitRef.current = null;
-    setNotice('素材名称无效，请调整为 1-80 个有效字符');
-    setLifecycle({
-      kind: 'canvas.editing',
-      dirty: documentVersionRef.current !== persistedDocumentVersionRef.current,
-    });
-  }, []);
-
-  const continueAfterCancellationFailure = useCallback(() => {
-    if (
-      lifecycleRef.current.kind !== 'canvas.failed' ||
-      lifecycleRef.current.operation !== 'cancellation'
-    ) {
-      return;
-    }
-    setExitDialogOpen(false);
-    setLifecycle({
-      kind: 'canvas.editing',
-      dirty: documentVersionRef.current !== persistedDocumentVersionRef.current,
-    });
-  }, []);
-
-  const retryCanvasRecovery = useCallback(() => {
-    if (
-      lifecycleRef.current.kind !== 'canvas.failed' ||
-      !['recovery', 'asset-commit', 'draft-save'].includes(
-        lifecycleRef.current.operation,
-      )
-    ) {
-      return;
-    }
-    setLifecycle({ kind: 'canvas.recovering' });
-    setRecoveryReloadToken((value) => value + 1);
-  }, []);
-
-  const stopWaitingForGeneration = useCallback(() => {
-    generationFocusEpochRef.current += 1;
-    pendingGenerationRef.current = null;
-    setGenerationDialog(null);
-    setNotice('生成仍会在后台使用原 operation 安全对账');
-    onCancel?.({
-      draftId: stableScope.draftId,
-      disposition: 'kept',
-    });
-  }, [onCancel, stableScope.draftId]);
-
-  const minimapModel = useMemo(
-    () => createMinimapModel({ layers, viewport, canvasSize }),
-    [canvasSize, layers, viewport],
-  );
-  const generationInteractionLocked = lifecycle.kind === 'canvas.generating';
-  const activeServiceIdentityConfirmation =
-    serviceIdentityConfirmations[0] ?? null;
-
-  const quickEditSourceLayer =
-    quickEditOpen && quickEditSourceLayerId
-      ? (layers.find((layer) => layer.id === quickEditSourceLayerId) ?? null)
-      : null;
-  useLayoutEffect(() => {
-    const element = quickEditPanelRef.current;
-    if (!element || !quickEditSourceLayer) return undefined;
-    const measure = () =>
-      setQuickEditPanelSize({
-        width: element.offsetWidth,
-        height: element.offsetHeight,
-      });
-    measure();
-    if (typeof ResizeObserver === 'undefined') {
-      window.addEventListener('resize', measure);
-      return () => window.removeEventListener('resize', measure);
-    }
-    const observer = new ResizeObserver(measure);
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, [quickEditSourceLayer, quickEditSourceLayerId, quickEditOpen]);
-  const quickEditPanelStyle: CSSProperties | null = quickEditSourceLayer
-    ? (() => {
-        const edgePadding = 12;
-        const panelWidth =
-          quickEditPanelSize.width ||
-          Math.min(672, canvasSize.width - edgePadding * 2);
-        const panelHeight =
-          quickEditPanelSize.height ||
-          Math.min(352, canvasSize.height - edgePadding * 2);
-        const anchorX =
-          viewport.x +
-          (quickEditSourceLayer.x + quickEditSourceLayer.width / 2) *
-            viewport.scale;
-        const belowTop =
-          viewport.y +
-          (quickEditSourceLayer.y + quickEditSourceLayer.height) *
-            viewport.scale +
-          edgePadding;
-        const aboveTop =
-          viewport.y +
-          quickEditSourceLayer.y * viewport.scale -
-          panelHeight -
-          edgePadding;
-        return resolveQuickEditPanelPosition({
-          anchorX,
-          belowTop,
-          aboveTop,
-          canvasSize,
-          panelSize: { width: panelWidth, height: panelHeight },
-          edgePadding,
-        });
-      })()
-    : null;
-  const currentFinalLayer =
-    (draft?.lastCommit
-      ? layers.find((layer) => layer.id === draft.lastCommit?.sourceLayerId)
-      : null) ??
-    layers.find(
-      (layer) =>
-        stableScope.intent === 'refine' &&
-        layer.resourceId === draft?.sourceResourceId,
-    ) ??
-    null;
-
-  const focusCurrentFinalImage = useCallback(() => {
-    if (backgroundInteractionLockedRef.current || !currentFinalLayer) return;
-    const nextViewport = fitViewportToLayers({
-      layers: [currentFinalLayer],
-      canvasSize,
-    });
-    if (!nextViewport) return;
-    captureHistory({ type: 'change-viewport' });
-    setSelectedLayerIds([currentFinalLayer.id]);
-    setViewport(nextViewport);
-    setNotice('已定位当前最终图');
-  }, [canvasSize, captureHistory, currentFinalLayer]);
-
-  useEffect(() => {
-    if (generationInteractionLocked) {
-      dragRef.current = null;
-      generationStopButtonRef.current?.focus();
-    }
-  }, [generationInteractionLocked]);
-
-  const dismissActiveModal = useCallback(() => {
-    if (generationDialogRef.current !== null) {
-      closeGenerationDialog();
-      return;
-    }
-    if (serviceIdentityDialogOpenRef.current) {
-      if (!serviceIdentityPending) {
-        setServiceIdentityDialogOpen(false);
-      }
-      return;
-    }
-    if (exitDialogOpenRef.current && !exitActionPending) {
-      setExitDialogOpen(false);
-    }
-  }, [closeGenerationDialog, exitActionPending, serviceIdentityPending]);
-
-  useLayoutEffect(() => {
-    if (!modalOpen) {
-      if (!modalWasOpenRef.current) return;
-      modalWasOpenRef.current = false;
-      const returnFocus = modalReturnFocusRef.current;
-      modalReturnFocusRef.current = null;
-      const focusTarget =
-        returnFocus?.isConnected === true
-          ? returnFocus
-          : modalFallbackFocusRef.current;
-      focusTarget?.focus();
-      return;
-    }
-
-    if (!modalWasOpenRef.current) {
-      const activeElement = document.activeElement;
-      modalReturnFocusRef.current =
-        activeElement instanceof HTMLElement &&
-        activeElement !== document.body &&
-        activeElement !== document.documentElement
-          ? activeElement
-          : null;
-      modalWasOpenRef.current = true;
-    }
-    (modalInitialFocusRef.current ?? modalDialogRef.current)?.focus();
-  }, [generationDialog, modalOpen, serviceIdentityDialogOpen]);
-
-  useEffect(() => {
-    if (!modalOpen) return undefined;
-    const onKeyDown = (event: KeyboardEvent) => {
-      if (event.key === 'Escape') {
-        event.preventDefault();
-        dismissActiveModal();
-        return;
-      }
-      if (event.key !== 'Tab') return;
-      const dialog = modalDialogRef.current;
-      if (!dialog) return;
-      const focusable = modalFocusableElements(dialog);
-      if (!focusable.length) {
-        event.preventDefault();
-        dialog.focus();
-        return;
-      }
-      const first = focusable[0];
-      const last = focusable[focusable.length - 1];
-      const activeElement = document.activeElement;
-      if (
-        event.shiftKey &&
-        (activeElement === first || !dialog.contains(activeElement))
-      ) {
-        event.preventDefault();
-        last?.focus();
-      } else if (
-        !event.shiftKey &&
-        (activeElement === last || !dialog.contains(activeElement))
-      ) {
-        event.preventDefault();
-        first?.focus();
-      }
-    };
-    document.addEventListener('keydown', onKeyDown);
-    return () => document.removeEventListener('keydown', onKeyDown);
-  }, [dismissActiveModal, modalOpen]);
-
-  const failurePresentation =
-    lifecycle.kind === 'canvas.failed'
-      ? assetCanvasFailurePresentation(lifecycle)
-      : null;
-
-  if (
-    (!draft && lifecycle.kind !== 'canvas.failed') ||
-    lifecycle.kind === 'canvas.recovering' ||
-    lifecycle.kind === 'canvas.creating'
-  ) {
-    return (
-      <section
-        className="asset-canvas-surface asset-canvas-surface--loading"
-        data-state={lifecycle.kind}
-        aria-label="素材创作无限画布"
-      >
-        <span>
-          {lifecycle.kind === 'canvas.recovering'
-            ? '正在恢复画布…'
-            : '正在创建画布…'}
-        </span>
-      </section>
-    );
-  }
-
-  return (
-    <section
-      className="asset-canvas-surface"
-      data-state={lifecycle.kind}
-      data-session-id={sessionId}
-      aria-label="素材创作无限画布"
-    >
-      <header
-        className="asset-canvas-surface__toolbar-shell"
-        inert={backgroundInteractionLocked || undefined}
-        aria-hidden={modalOpen || undefined}
-      >
-        <CanvasToolbar
-          label="素材画布工具栏"
-          surface="plain"
-          className="asset-canvas-surface__toolbar"
-        >
-          <CanvasToolbarGroup>
-            <CanvasChromeButton
-              label={
-                lifecycle.kind === 'canvas.generating'
-                  ? '停止等待并返回'
-                  : '取消并返回'
-              }
-              icon={<ArrowLeft size={15} aria-hidden="true" />}
-              onClick={
-                lifecycle.kind === 'canvas.generating'
-                  ? stopWaitingForGeneration
-                  : requestCanvasExit
-              }
-              disabled={backgroundInteractionLocked}
-            >
-              {lifecycle.kind === 'canvas.generating' ? '停止等待' : '返回'}
-            </CanvasChromeButton>
-            <CanvasChromeButton
-              label="导入图片"
-              title="导入本地图片"
-              icon={<Upload size={15} aria-hidden="true" />}
-              onClick={() => void handleLocalImport()}
-              disabled={backgroundInteractionLocked}
-            >
-              {importPending ? '正在导入…' : '导入'}
-            </CanvasChromeButton>
-            {stableScope.intent === 'refine' ? (
-              <CanvasChromeButton
-                label="定位当前最终图"
-                title="定位当前最终图"
-                icon={<LocateFixed size={15} aria-hidden="true" />}
-                onClick={focusCurrentFinalImage}
-                disabled={!currentFinalLayer || backgroundInteractionLocked}
-              >
-                定位最终图
-              </CanvasChromeButton>
-            ) : null}
-          </CanvasToolbarGroup>
-          <CanvasToolbarDivider />
-          <CanvasToolbarGroup>
-            <CanvasChromeButton
-              label="撤销"
-              icon={<Undo2 size={15} aria-hidden="true" />}
-              onClick={undo}
-              disabled={!canUndo || backgroundInteractionLocked}
-            />
-            <CanvasChromeButton
-              label="重做"
-              icon={<Redo2 size={15} aria-hidden="true" />}
-              onClick={redo}
-              disabled={!canRedo || backgroundInteractionLocked}
-            />
-            <CanvasChromeButton
-              label="删除"
-              title="删除选中图层"
-              icon={<Trash2 size={15} aria-hidden="true" />}
-              onClick={deleteSelected}
-              disabled={!selectedLayerIds.length || backgroundInteractionLocked}
-            />
-          </CanvasToolbarGroup>
-          {stableScope.intent === 'create' ||
-          activeServiceIdentityConfirmation ? (
-            <>
-              <CanvasToolbarDivider />
-              <CanvasToolbarGroup>
-                {stableScope.intent === 'create' ? (
-                  <CanvasChromeButton
-                    ref={modalFallbackFocusRef}
-                    label="AI 生成图片"
-                    icon={<Sparkles size={15} aria-hidden="true" />}
-                    onClick={() => openGenerationDialog()}
-                    expanded={generationDialog !== null}
-                    disabled={backgroundInteractionLocked}
-                  >
-                    AI 生成
-                  </CanvasChromeButton>
-                ) : null}
-                {activeServiceIdentityConfirmation ? (
-                  <CanvasChromeButton
-                    label="确认旧生成任务服务"
-                    icon={<RotateCcw size={15} aria-hidden="true" />}
-                    onClick={() => setServiceIdentityDialogOpen(true)}
-                    expanded={serviceIdentityDialogOpen}
-                    disabled={backgroundInteractionLocked}
-                  >
-                    恢复旧任务
-                  </CanvasChromeButton>
-                ) : null}
-              </CanvasToolbarGroup>
-            </>
-          ) : null}
-        </CanvasToolbar>
-
-        {stableScope.intent === 'create' ? (
-          <div
-            className="asset-canvas-surface__savebar"
-            aria-label="素材保存设置"
-          >
-            <label className="asset-canvas-surface__save-field">
-              <span>素材名称</span>
-              <input
-                aria-label="素材名称"
-                value={assetName}
-                maxLength={80}
-                onChange={(event) => setAssetName(event.target.value)}
-                disabled={assetSettingsDisabled}
-              />
-            </label>
-            <label className="asset-canvas-surface__save-field">
-              <span>资源用途</span>
-              <select
-                aria-label="资源用途"
-                value={assetKind}
-                onChange={(event) => setAssetKind(event.target.value)}
-                disabled={assetSettingsDisabled}
-              >
-                {inheritedUnknownAssetKind ? (
-                  <option value={assetKind}>原资源用途</option>
-                ) : null}
-                {ASSET_CANVAS_KIND_OPTIONS.map((option) => (
-                  <option key={option.value} value={option.value}>
-                    {option.label}
-                  </option>
-                ))}
-              </select>
-            </label>
-            <CanvasChromeButton
-              label="保存到项目"
-              icon={<Save size={15} aria-hidden="true" />}
-              className="asset-canvas-surface__save"
-              onClick={() => void saveAsset()}
-              disabled={
-                backgroundInteractionLocked || assetName.trim().length === 0
-              }
-            >
-              保存到项目
-            </CanvasChromeButton>
-          </div>
-        ) : null}
-        <input
-          ref={importInputRef}
-          className="asset-canvas-surface__import-input"
-          aria-label="导入本地图片"
-          type="file"
-          accept="image/png,image/jpeg,image/webp"
-          multiple
-          disabled={backgroundInteractionLocked}
-          onChange={(event) => void handleImport(event)}
-        />
-      </header>
-
-      {generationDialog ? (
-        <div
-          className="asset-canvas-surface__dialog-backdrop"
-          role="presentation"
-        >
-          <section
-            ref={modalDialogRef}
-            className="asset-canvas-surface__generation-dialog"
-            role="dialog"
-            tabIndex={-1}
-            aria-modal="true"
-            aria-labelledby="asset-canvas-generation-title"
-          >
-            <header>
-              <strong id="asset-canvas-generation-title">
-                {generationDialog === 'edit'
-                  ? generationDialogQuickEditRef.current
-                    ? '快速编辑'
-                    : 'AI 图片生成'
-                  : '确认图片生成'}
-              </strong>
-              <CanvasChromeButton
-                ref={modalInitialFocusRef}
-                label="关闭图片生成面板"
-                icon={<X size={16} aria-hidden="true" />}
-                onClick={closeGenerationDialog}
-              />
-            </header>
-            {generationDialog === 'edit' ? (
-              <div className="asset-canvas-surface__generation-form">
-                <label>
-                  图片提示词
-                  <textarea
-                    aria-label="图片提示词"
-                    value={generationPrompt}
-                    maxLength={32_000}
-                    rows={5}
-                    onChange={(event) =>
-                      setGenerationPrompt(event.currentTarget.value)
-                    }
-                  />
-                </label>
-                <div className="asset-canvas-surface__generation-options">
-                  <label>
-                    基础比例
-                    <select
-                      aria-label="图片比例"
-                      value={generationAspectRatio}
-                      onChange={(event) =>
-                        setGenerationAspectRatio(
-                          event.currentTarget
-                            .value as typeof generationAspectRatio,
-                        )
-                      }
-                    >
-                      <option value="1:1">1:1</option>
-                      <option value="2:3">2:3</option>
-                      <option value="3:2">3:2</option>
-                      <option value="9:16">9:16</option>
-                      <option value="16:9">16:9</option>
-                    </select>
-                  </label>
-                  <label>
-                    基础尺寸
-                    <select
-                      aria-label="图片尺寸"
-                      value={generationImageSize}
-                      onChange={(event) =>
-                        setGenerationImageSize(
-                          event.currentTarget
-                            .value as typeof generationImageSize,
-                        )
-                      }
-                    >
-                      <option value="0.5K">0.5K</option>
-                      <option value="1K">1K</option>
-                      <option value="2K">2K</option>
-                    </select>
-                  </label>
-                </div>
-                {layers.length ? (
-                  <fieldset>
-                    <legend>参考资源</legend>
-                    {layers.map((layer) => {
-                      const required =
-                        stableScope.intent === 'refine' &&
-                        draft?.sourceResourceId === layer.resourceId;
-                      return (
-                        <label key={layer.id}>
-                          <input
-                            type="checkbox"
-                            checked={generationReferenceResourceIds.includes(
-                              layer.resourceId,
-                            )}
-                            disabled={required}
-                            onChange={(event) => {
-                              setGenerationReferenceResourceIds((current) =>
-                                event.currentTarget.checked
-                                  ? [...new Set([...current, layer.resourceId])]
-                                  : current.filter(
-                                      (resourceId) =>
-                                        resourceId !== layer.resourceId,
-                                    ),
-                              );
-                            }}
-                          />
-                          {layer.title}
-                          {required ? '（精修源资源）' : ''}
-                        </label>
-                      );
-                    })}
-                  </fieldset>
-                ) : null}
-                <footer>
-                  <CanvasChromeButton
-                    label="取消"
-                    title="取消图片生成"
-                    icon={<X size={15} aria-hidden="true" />}
-                    onClick={closeGenerationDialog}
-                  >
-                    取消
-                  </CanvasChromeButton>
-                  <CanvasChromeButton
-                    label="继续确认"
-                    title="继续确认图片生成"
-                    icon={<Check size={15} aria-hidden="true" />}
-                    className="asset-canvas-surface__primary-action"
-                    onClick={showGenerationConfirmation}
-                  >
-                    继续确认
-                  </CanvasChromeButton>
-                </footer>
-              </div>
-            ) : (
-              <div className="asset-canvas-surface__generation-confirmation">
-                <p>
-                  将按 {generationAspectRatio}、{generationImageSize} 生成“
-                  {assetName}
-                  ”。生成结果会先加入当前精修画布，选择候选图后再替换入口图片。
-                </p>
-                <p>本次生成会按当前账号扣除泥点。</p>
-                <footer>
-                  <CanvasChromeButton
-                    label="返回修改"
-                    title="返回修改生成设置"
-                    icon={<ArrowLeft size={15} aria-hidden="true" />}
-                    onClick={() => {
-                      if (generationDialogQuickEditRef.current) {
-                        setGenerationDialog(null);
-                        setQuickEditOpen(true);
-                        return;
-                      }
-                      setGenerationDialog('edit');
-                    }}
-                  >
-                    返回修改
-                  </CanvasChromeButton>
-                  <CanvasChromeButton
-                    label="确认并生成"
-                    icon={<ImagePlus size={15} aria-hidden="true" />}
-                    className="asset-canvas-surface__primary-action"
-                    onClick={() => confirmGeneration(false)}
-                  >
-                    确认并生成
-                  </CanvasChromeButton>
-                </footer>
-              </div>
-            )}
-          </section>
-        </div>
-      ) : null}
-
-      {serviceIdentityDialogOpen && activeServiceIdentityConfirmation ? (
-        <div
-          className="asset-canvas-surface__dialog-backdrop"
-          role="presentation"
-        >
-          <section
-            ref={modalDialogRef}
-            className="asset-canvas-surface__generation-dialog"
-            role="dialog"
-            tabIndex={-1}
-            aria-modal="true"
-            aria-labelledby="asset-canvas-service-identity-title"
-          >
-            <header>
-              <strong id="asset-canvas-service-identity-title">
-                确认旧生成任务服务
-              </strong>
-            </header>
-            <div className="asset-canvas-surface__generation-confirmation">
-              <p>
-                当前服务：
-                <strong>
-                  {activeServiceIdentityConfirmation.serviceOrigin}
-                </strong>
-              </p>
-              <p>
-                原任务状态：
-                {generationRecoveryStateLabel(
-                  activeServiceIdentityConfirmation.operationState,
-                )}
-              </p>
-              <p>
-                仅当该地址就是创建原任务的服务时继续。已受理任务只会查询原
-                operation，不会新建生成请求。
-              </p>
-              {serviceIdentityError ? (
-                <p role="alert">{serviceIdentityError}</p>
-              ) : null}
-              <footer>
-                <CanvasChromeButton
-                  ref={modalInitialFocusRef}
-                  label="暂不恢复旧任务"
-                  icon={<X size={15} aria-hidden="true" />}
-                  onClick={() => setServiceIdentityDialogOpen(false)}
-                  disabled={serviceIdentityPending}
-                >
-                  暂不恢复
-                </CanvasChromeButton>
-                <CanvasChromeButton
-                  label="确认当前服务并恢复原任务"
-                  icon={<Check size={15} aria-hidden="true" />}
-                  className="asset-canvas-surface__primary-action"
-                  onClick={confirmCurrentGenerationServiceIdentity}
-                  disabled={serviceIdentityPending}
-                >
-                  {serviceIdentityPending ? '正在确认…' : '确认并恢复'}
-                </CanvasChromeButton>
-              </footer>
-            </div>
-          </section>
-        </div>
-      ) : null}
-
-      {exitDialogOpen ? (
-        <div
-          className="asset-canvas-surface__dialog-backdrop"
-          role="presentation"
-        >
-          <section
-            ref={modalDialogRef}
-            className="asset-canvas-surface__generation-dialog"
-            role="dialog"
-            tabIndex={-1}
-            aria-modal="true"
-            aria-labelledby="asset-canvas-exit-title"
-          >
-            <header>
-              <strong id="asset-canvas-exit-title">返回资源总览</strong>
-            </header>
-            <div className="asset-canvas-surface__generation-confirmation">
-              <p>当前画布有尚未完成的编辑，请选择是否保留草稿。</p>
-              <footer>
-                <CanvasChromeButton
-                  label="放弃草稿"
-                  icon={<Trash2 size={15} aria-hidden="true" />}
-                  onClick={discardCanvas}
-                  disabled={exitActionPending}
-                >
-                  放弃草稿
-                </CanvasChromeButton>
-                <CanvasChromeButton
-                  ref={modalInitialFocusRef}
-                  label="继续编辑"
-                  icon={<ArrowLeft size={15} aria-hidden="true" />}
-                  onClick={() => setExitDialogOpen(false)}
-                  disabled={exitActionPending}
-                >
-                  继续编辑
-                </CanvasChromeButton>
-                <CanvasChromeButton
-                  label="保留草稿并退出"
-                  icon={<Save size={15} aria-hidden="true" />}
-                  className="asset-canvas-surface__primary-action"
-                  onClick={keepDraftAndExit}
-                  disabled={exitActionPending}
-                >
-                  保留草稿并退出
-                </CanvasChromeButton>
-              </footer>
-            </div>
-          </section>
-        </div>
-      ) : null}
-
-      {lifecycle.kind === 'canvas.generating' ? (
-        <section
-          className="asset-canvas-surface__operation-overlay"
-          inert={modalOpen || undefined}
-          aria-hidden={modalOpen || undefined}
-          aria-live="polite"
-          aria-label="图片生成进度"
-        >
-          <div className="asset-canvas-surface__operation-card">
-            <span className="asset-canvas-surface__operation-kicker">
-              AI 图片生成
-            </span>
-            <strong>{generationPhaseLabels[lifecycle.phase]}</strong>
-            <progress
-              max={100}
-              value={generationPhaseProgress[lifecycle.phase]}
-              aria-label="图片生成进度"
-            />
-            <p>生成会由平台按当前账号扣除泥点，完成后先加入当前精修画布。</p>
-            <CanvasChromeButton
-              ref={generationStopButtonRef}
-              label="停止等待并返回"
-              icon={<ArrowLeft size={15} aria-hidden="true" />}
-              onClick={stopWaitingForGeneration}
-            >
-              停止等待并返回
-            </CanvasChromeButton>
-          </div>
-        </section>
-      ) : null}
-
-      {lifecycle.kind === 'canvas.failed' ? (
-        <CanvasPortal className="asset-canvas-surface__operation-portal">
-          <section
-            className="asset-canvas-surface__operation-overlay asset-canvas-surface__operation-overlay--fullscreen"
-            role="alert"
-            aria-label={failurePresentation?.ariaLabel}
-          >
-            <div className="asset-canvas-surface__operation-card asset-canvas-surface__operation-card--failed">
-              <span className="asset-canvas-surface__operation-kicker">
-                {failurePresentation?.kicker}
-              </span>
-              <strong>{failurePresentation?.title}</strong>
-              <p>{lifecycle.message}</p>
-              <div className="asset-canvas-surface__operation-actions">
-                <CanvasChromeButton
-                  label="返回资源总览"
-                  icon={<ArrowLeft size={15} aria-hidden="true" />}
-                  onClick={requestCanvasExit}
-                >
-                  返回资源总览
-                </CanvasChromeButton>
-                {lifecycle.operation === 'generation' &&
-                !lifecycle.reconciliationRequired ? (
-                  <>
-                    <CanvasChromeButton
-                      label="返回修改"
-                      title="返回修改生成设置"
-                      icon={<Undo2 size={15} aria-hidden="true" />}
-                      onClick={() => reopenGenerationAfterFailure('edit')}
-                    >
-                      返回修改
-                    </CanvasChromeButton>
-                    <CanvasChromeButton
-                      label="重新确认"
-                      title="重新确认图片生成"
-                      icon={<RotateCcw size={15} aria-hidden="true" />}
-                      className="asset-canvas-surface__primary-action"
-                      onClick={() => reopenGenerationAfterFailure('confirm')}
-                    >
-                      重新确认
-                    </CanvasChromeButton>
-                  </>
-                ) : null}
-                {lifecycle.operation === 'draft-save' ? (
-                  <CanvasChromeButton
-                    label={
-                      lifecycle.code === 'draft-revision-conflict'
-                        ? '重新加载画布'
-                        : '保留草稿并重试保存'
-                    }
-                    icon={<RotateCcw size={15} aria-hidden="true" />}
-                    className="asset-canvas-surface__primary-action"
-                    onClick={
-                      lifecycle.code === 'draft-revision-conflict'
-                        ? retryCanvasRecovery
-                        : retryDraftSaveAfterFailure
-                    }
-                  >
-                    {lifecycle.code === 'draft-revision-conflict'
-                      ? '重新加载'
-                      : '重试保存'}
-                  </CanvasChromeButton>
-                ) : null}
-                {lifecycle.operation === 'asset-commit' &&
-                lifecycle.code === 'asset-name-invalid' ? (
-                  <CanvasChromeButton
-                    label="继续编辑"
-                    icon={<Undo2 size={15} aria-hidden="true" />}
-                    className="asset-canvas-surface__primary-action"
-                    onClick={continueAfterAssetValidationFailure}
-                  >
-                    继续编辑
-                  </CanvasChromeButton>
-                ) : null}
-                {lifecycle.operation === 'asset-commit' &&
-                lifecycle.code !== 'asset-name-invalid' ? (
-                  <CanvasChromeButton
-                    label="重新加载并安全恢复"
-                    icon={<RotateCcw size={15} aria-hidden="true" />}
-                    className="asset-canvas-surface__primary-action"
-                    onClick={retryCanvasRecovery}
-                  >
-                    重新加载恢复
-                  </CanvasChromeButton>
-                ) : null}
-                {lifecycle.operation === 'recovery' ? (
-                  <CanvasChromeButton
-                    label="重新加载并安全恢复"
-                    icon={<RotateCcw size={15} aria-hidden="true" />}
-                    className="asset-canvas-surface__primary-action"
-                    onClick={retryCanvasRecovery}
-                  >
-                    重新加载恢复
-                  </CanvasChromeButton>
-                ) : null}
-                {lifecycle.operation === 'cancellation' ? (
-                  <CanvasChromeButton
-                    label="保留草稿继续编辑"
-                    icon={<Undo2 size={15} aria-hidden="true" />}
-                    className="asset-canvas-surface__primary-action"
-                    onClick={continueAfterCancellationFailure}
-                  >
-                    继续编辑
-                  </CanvasChromeButton>
-                ) : null}
-              </div>
-            </div>
-          </section>
-        </CanvasPortal>
-      ) : null}
-
-      <SharedCanvasViewport
-        ref={viewportElementRef}
-        className="asset-canvas-surface__viewport"
-        backgroundColor={backgroundColor}
-        isInteractionPaused={backgroundInteractionLocked}
-        inert={backgroundInteractionLocked || undefined}
-        aria-hidden={modalOpen || undefined}
-        isPanning={dragRef.current?.kind === 'pan'}
-        onPointerDown={(event) => {
-          if (backgroundInteractionLockedRef.current) return;
-          if (event.target !== event.currentTarget) return;
-          const selectionChanged = selectedLayerIds.length > 0;
-          const historySnapshot = getCanvasHistorySnapshot();
-          historySnapshot.selectedLayerIds = [];
-          closeQuickEdit();
-          setSelectedLayerIds([]);
-          dragRef.current = {
-            kind: 'pan',
-            pointerId: event.pointerId,
-            startClientX: event.clientX,
-            startClientY: event.clientY,
-            startViewport: { ...viewportRef.current },
-            historyAction: { type: 'change-viewport' },
-            historySnapshot,
-            changed: false,
-            selectionChanged,
-          };
-        }}
-        onWheel={(event) => {
-          if (backgroundInteractionLockedRef.current) return;
-          event.preventDefault();
-          const rect = event.currentTarget.getBoundingClientRect();
-          setViewport(
-            (current) =>
-              resolveViewportFromWheel({
-                viewport: current,
-                deltaX: event.deltaX,
-                deltaY: event.deltaY,
-                shiftKey: event.shiftKey,
-                ctrlKey: event.ctrlKey,
-                metaKey: event.metaKey,
-                screenPoint: {
-                  x: event.clientX - rect.left,
-                  y: event.clientY - rect.top,
-                },
-              }).viewport,
-          );
-          markDirty();
-        }}
-      >
-        {quickEditSourceLayer && quickEditPanelStyle ? (
-          <section
-            ref={quickEditPanelRef}
-            className="asset-canvas-surface__quick-edit-card"
-            style={quickEditPanelStyle}
-            role="region"
-            aria-label="快速编辑图片"
-            onPointerDown={(event) => event.stopPropagation()}
-            onWheel={(event) => event.stopPropagation()}
-          >
-            <header>
-              <div>
-                <strong>快速编辑</strong>
-                <span>{quickEditSourceLayer.title}</span>
-              </div>
-              <CanvasChromeButton
-                label="关闭快速编辑"
-                title="关闭快速编辑"
-                icon={<X size={15} aria-hidden="true" />}
-                onClick={closeQuickEdit}
-              />
-            </header>
-            <label>
-              图片提示词
-              <textarea
-                aria-label="图片提示词"
-                placeholder="你希望素材如何修改？"
-                value={generationPrompt}
-                maxLength={32_000}
-                rows={4}
-                onChange={(event) =>
-                  setGenerationPrompt(event.currentTarget.value)
-                }
-              />
-            </label>
-            <div className="asset-canvas-surface__quick-edit-options">
-              <label>
-                图片比例
-                <select
-                  aria-label="图片比例"
-                  value={generationAspectRatio}
-                  onChange={(event) =>
-                    setGenerationAspectRatio(
-                      event.currentTarget.value as typeof generationAspectRatio,
-                    )
-                  }
-                >
-                  <option value="1:1">1:1</option>
-                  <option value="2:3">2:3</option>
-                  <option value="3:2">3:2</option>
-                  <option value="9:16">9:16</option>
-                  <option value="16:9">16:9</option>
-                </select>
-              </label>
-              <label>
-                图片尺寸
-                <select
-                  aria-label="图片尺寸"
-                  value={generationImageSize}
-                  onChange={(event) =>
-                    setGenerationImageSize(
-                      event.currentTarget.value as typeof generationImageSize,
-                    )
-                  }
-                >
-                  <option value="0.5K">0.5K</option>
-                  <option value="1K">1K</option>
-                  <option value="2K">2K</option>
-                </select>
-              </label>
-            </div>
-            <footer>
-              <span className="asset-canvas-surface__quick-edit-reference">
-                参考资源：{quickEditSourceLayer.title}
-              </span>
-              <div className="asset-canvas-surface__quick-edit-actions">
-                <CanvasChromeButton
-                  label="删除"
-                  title="从精修草稿中删除这张图片"
-                  icon={<Trash2 size={15} aria-hidden="true" />}
-                  className="asset-canvas-surface__danger-action"
-                  disabled={backgroundInteractionLocked}
-                  onClick={() => {
-                    if (deleteCanvasLayer(quickEditSourceLayer.id)) {
-                      closeQuickEdit();
-                    }
-                  }}
-                >
-                  删除
-                </CanvasChromeButton>
-                {stableScope.intent === 'refine' &&
-                quickEditSourceLayer.mediaRef.kind === 'draft-media' ? (
-                  <CanvasChromeButton
-                    label="设为最终图"
-                    title="用这张候选图替换入口图片"
-                    icon={<Save size={15} aria-hidden="true" />}
-                    disabled={backgroundInteractionLocked}
-                    onClick={() => void saveAsset()}
-                  >
-                    设为最终图
-                  </CanvasChromeButton>
-                ) : null}
-                <CanvasChromeButton
-                  label="修改"
-                  title="修改图片"
-                  icon={<Sparkles size={15} aria-hidden="true" />}
-                  className="asset-canvas-surface__primary-action"
-                  disabled={
-                    generationPrompt.trim().length === 0 ||
-                    generationStartingRef.current
-                  }
-                  onClick={() => confirmGeneration(true)}
-                >
-                  修改
-                </CanvasChromeButton>
-              </div>
-            </footer>
-          </section>
-        ) : null}
-        <CanvasWorld viewport={viewport}>
-          {generationTasks.map((task) =>
-            task.placeholder &&
-            task.phase !== 'candidate-ready' &&
-            task.phase !== 'asset-durable-committed' ? (
-              <div
-                key={task.generationId}
-                className={`asset-canvas-surface__generation-placeholder${
-                  task.phase === 'failed' ||
-                  task.phase === 'reconciliation-required'
-                    ? ' is-failed'
-                    : ''
-                }`}
-                style={
-                  {
-                    left: task.placeholder.x,
-                    top: task.placeholder.y,
-                    width: task.placeholder.width,
-                    height: task.placeholder.height,
-                  } as CSSProperties
-                }
-                role="status"
-                aria-label={`生成任务：${generationPhaseLabels[task.phase]}`}
-                onPointerDown={(event) => {
-                  if (backgroundInteractionLockedRef.current) return;
-                  if ((event.target as HTMLElement).closest('button')) return;
-                  event.stopPropagation();
-                  dragRef.current = {
-                    kind: 'generation',
-                    pointerId: event.pointerId,
-                    startClientX: event.clientX,
-                    startClientY: event.clientY,
-                    startTasks: generationTasks.map((candidate) => ({
-                      ...candidate,
-                      placeholder: candidate.placeholder
-                        ? { ...candidate.placeholder }
-                        : null,
-                    })),
-                    taskId: task.generationId,
-                    changed: false,
-                    selectionChanged: false,
-                  };
-                }}
-              >
-                <span aria-hidden="true" />
-                <strong>{generationPhaseLabels[task.phase]}</strong>
-                {task.errorCode ? <small>{task.errorCode}</small> : null}
-                {task.phase === 'failed' ? (
-                  <CanvasChromeButton
-                    label="删除失败任务"
-                    title="删除失败任务"
-                    icon={<Trash2 size={14} aria-hidden="true" />}
-                    className="asset-canvas-surface__generation-delete"
-                    disabled={archivingGenerationIds.includes(
-                      task.generationId,
-                    )}
-                    onClick={() =>
-                      void archiveFailedGeneration(task.generationId)
-                    }
-                  >
-                    {archivingGenerationIds.includes(task.generationId)
-                      ? '正在删除…'
-                      : '删除'}
-                  </CanvasChromeButton>
-                ) : null}
-              </div>
-            ) : null,
-          )}
-          {layers.map((layer) => {
-            const selected = selectedLayerIds.includes(layer.id);
-            return (
-              <LayerRenderer
-                key={layer.id}
-                as="div"
-                layer={layer}
-                selected={selected}
-                role="group"
-                aria-label={`图层 ${layer.title}`}
-              >
-                <button
-                  type="button"
-                  className="asset-canvas-surface__layer-hit-target"
-                  aria-label={`选择图层 ${layer.title}`}
-                  aria-pressed={selected}
-                  disabled={backgroundInteractionLocked}
-                  onClick={(event) => {
-                    if (backgroundInteractionLockedRef.current) return;
-                    if (suppressNextLayerClickRef.current) {
-                      suppressNextLayerClickRef.current = false;
-                      return;
-                    }
-                    if (event.shiftKey) return;
-                    const targetIds = resolveLayerPointerSelection({
-                      layerId: layer.id,
-                      selectedLayerIds,
-                      isMultiSelectGesture: false,
-                    });
-                    if (!equalSelectionIds(targetIds, selectedLayerIds)) {
-                      setSelectedLayerIds(targetIds);
-                      markDirty();
-                    }
-                    openGenerationDialog(true, layer, false);
-                  }}
-                  onPointerDown={(
-                    event: ReactPointerEvent<HTMLButtonElement>,
-                  ) => {
-                    if (backgroundInteractionLockedRef.current) return;
-                    event.stopPropagation();
-                    const targetIds = resolveLayerPointerSelection({
-                      layerId: layer.id,
-                      selectedLayerIds,
-                      isMultiSelectGesture: event.shiftKey,
-                    });
-                    const selectionChanged = !equalSelectionIds(
-                      targetIds,
-                      selectedLayerIds,
-                    );
-                    setSelectedLayerIds(targetIds);
-                    if (layer.locked) {
-                      if (selectionChanged) {
-                        markDirty();
-                      }
-                      return;
-                    }
-                    const historySnapshot = getCanvasHistorySnapshot();
-                    historySnapshot.selectedLayerIds = [...targetIds];
-                    dragRef.current = {
-                      kind: 'move',
-                      pointerId: event.pointerId,
-                      startClientX: event.clientX,
-                      startClientY: event.clientY,
-                      startLayers: layersRef.current.map((item) => ({
-                        ...item,
-                      })),
-                      targetIds,
-                      historyAction: {
-                        type: 'move-image',
-                        count: targetIds.length,
-                        layerIds: targetIds,
-                      },
-                      historySnapshot,
-                      changed: false,
-                      selectionChanged,
-                    };
-                  }}
-                >
-                  <img
-                    src={layer.src}
-                    alt=""
-                    draggable={false}
-                    style={{
-                      width: '100%',
-                      height: '100%',
-                      objectFit: 'fill',
-                      transform: `scale(${layer.flipX ? -1 : 1}, ${layer.flipY ? -1 : 1})`,
-                      pointerEvents: 'none',
-                    }}
-                  />
-                </button>
-                {selected && !layer.locked ? (
-                  <button
-                    type="button"
-                    aria-label={`缩放图层 ${layer.title}`}
-                    className="asset-canvas-surface__resize-handle"
-                    disabled={backgroundInteractionLocked}
-                    onPointerDown={(event) => {
-                      if (backgroundInteractionLockedRef.current) return;
-                      event.stopPropagation();
-                      dragRef.current = {
-                        kind: 'resize',
-                        pointerId: event.pointerId,
-                        startClientX: event.clientX,
-                        startClientY: event.clientY,
-                        startLayers: layersRef.current.map((item) => ({
-                          ...item,
-                        })),
-                        layerId: layer.id,
-                        historyAction: {
-                          type: 'resize-image',
-                          count: 1,
-                          layerIds: [layer.id],
-                        },
-                        historySnapshot: getCanvasHistorySnapshot(),
-                        changed: false,
-                        selectionChanged: false,
-                      };
-                    }}
-                    onKeyDown={(event) => {
-                      if (backgroundInteractionLockedRef.current) return;
-                      if (!event.key.startsWith('Arrow')) return;
-                      event.preventDefault();
-                      const direction =
-                        event.key === 'ArrowRight' || event.key === 'ArrowDown'
-                          ? 1
-                          : -1;
-                      const delta = direction * (event.shiftKey ? 10 : 1);
-                      captureHistory({
-                        type: 'resize-image',
-                        count: 1,
-                        layerIds: [layer.id],
-                      });
-                      const resized = resizeCanvasLayerBounds({
-                        initial: layer,
-                        handle: 'bottom-right',
-                        deltaX: delta,
-                        deltaY: delta,
-                        preserveAspectRatio: true,
-                        minSize: 16,
-                      });
-                      setLayers(
-                        (current) =>
-                          transformCanvasLayers(
-                            current,
-                            new Map([[layer.id, resized]]),
-                          ) as RuntimeCanvasLayer[],
-                      );
-                      markDirty();
-                    }}
-                  />
-                ) : null}
-              </LayerRenderer>
-            );
-          })}
-        </CanvasWorld>
-      </SharedCanvasViewport>
-
-      <aside
-        className={`asset-canvas-surface__generation-tasks asset-canvas-surface__generation-tasks--${
-          generationTasksCollapsed ? 'closed' : 'open'
-        }`}
-        aria-label="画布任务列表"
-        onWheel={(event) => event.stopPropagation()}
-        onWheelCapture={(event) => event.stopPropagation()}
-      >
-        <CanvasChromeButton
-          label="任务列表"
-          title="任务列表"
-          icon={<ListChecks size={15} aria-hidden="true" />}
-          className="asset-canvas-surface__generation-tasks-toggle"
-          expanded={!generationTasksCollapsed}
-          onClick={() => setGenerationTasksCollapsed((collapsed) => !collapsed)}
-        />
-        {!generationTasksCollapsed ? (
-          <div className="asset-canvas-surface__generation-tasks-panel">
-            <div className="asset-canvas-surface__generation-tasks-header">
-              <strong>任务列表</strong>
-              <span>{generationTasks.length}</span>
-            </div>
-            <div
-              className="asset-canvas-surface__generation-tasks-tabs"
-              role="tablist"
-              aria-label="任务状态"
-            >
-              <button
-                type="button"
-                role="tab"
-                aria-selected={generationTaskTab === 'active'}
-                className={`asset-canvas-surface__generation-tasks-tab${
-                  generationTaskTab === 'active'
-                    ? ' asset-canvas-surface__generation-tasks-tab--active'
-                    : ''
-                }`}
-                onClick={() => setGenerationTaskTab('active')}
-              >
-                排队/生成中
-                <span>{activeGenerationTasks.length}</span>
-              </button>
-              <button
-                type="button"
-                role="tab"
-                aria-selected={generationTaskTab === 'completed'}
-                className={`asset-canvas-surface__generation-tasks-tab${
-                  generationTaskTab === 'completed'
-                    ? ' asset-canvas-surface__generation-tasks-tab--active'
-                    : ''
-                }`}
-                onClick={() => setGenerationTaskTab('completed')}
-              >
-                已完成
-                <span>{completedGenerationTasks.length}</span>
-              </button>
-            </div>
-            {visibleGenerationTasks.length ? (
-              <ol className="asset-canvas-surface__generation-tasks-list">
-                {visibleGenerationTasks.map((task) => {
-                  const status = generationTaskVisualStatus(task.phase);
-                  const phaseLabel = generationPhaseLabels[task.phase];
-                  const durationLabel = formatGenerationTaskDuration(
-                    task,
-                    status === 'pending' || status === 'running'
-                      ? generationTaskNow
-                      : task.updatedAt,
-                  );
-                  const timeLabel =
-                    status === 'failed'
-                      ? `失败于 ${formatGenerationTaskTime(task.updatedAt)}`
-                      : status === 'done'
-                        ? `完成于 ${formatGenerationTaskTime(task.updatedAt)}`
-                        : `已用时 ${durationLabel}`;
-                  return (
-                    <li
-                      key={task.generationId}
-                      className={`asset-canvas-surface__generation-task-item asset-canvas-surface__generation-task-item--${status}`}
-                    >
-                      <span className="asset-canvas-surface__generation-task-icon">
-                        {generationTaskStatusIcon(status)}
-                      </span>
-                      <span className="asset-canvas-surface__generation-task-main">
-                        <span className="asset-canvas-surface__generation-task-title-row">
-                          <strong className="asset-canvas-surface__generation-task-title">
-                            图片生成 {task.generationId.slice(0, 8)}
-                          </strong>
-                          <span className="asset-canvas-surface__generation-task-meta">
-                            <span className="asset-canvas-surface__generation-task-status">
-                              {generationTaskStatusLabel(status)}
-                            </span>
-                            <span className="asset-canvas-surface__generation-task-time">
-                              {timeLabel}
-                            </span>
-                          </span>
-                        </span>
-                        <span className="asset-canvas-surface__generation-task-detail">
-                          {phaseLabel}
-                          {task.errorCode ? ` · ${task.errorCode}` : ''}
-                        </span>
-                        {task.progress !== null ? (
-                          <span className="asset-canvas-surface__generation-task-progress">
-                            阶段进度 {Math.round(task.progress)}%
-                          </span>
-                        ) : null}
-                        {task.phase === 'failed' ? (
-                          <CanvasChromeButton
-                            label={`删除失败任务 ${task.generationId.slice(0, 8)}`}
-                            title="删除失败任务"
-                            icon={<Trash2 size={13} aria-hidden="true" />}
-                            className="asset-canvas-surface__generation-delete"
-                            disabled={archivingGenerationIds.includes(
-                              task.generationId,
-                            )}
-                            onClick={() =>
-                              void archiveFailedGeneration(task.generationId)
-                            }
-                          >
-                            {archivingGenerationIds.includes(task.generationId)
-                              ? '正在删除…'
-                              : '删除'}
-                          </CanvasChromeButton>
-                        ) : null}
-                      </span>
-                    </li>
-                  );
-                })}
-              </ol>
-            ) : (
-              <div className="asset-canvas-surface__generation-tasks-empty">
-                暂无任务
-              </div>
-            )}
-          </div>
-        ) : null}
-      </aside>
-
-      <aside
-        className="asset-canvas-surface__viewport-tools"
-        inert={backgroundInteractionLocked || undefined}
-        aria-hidden={backgroundInteractionLocked || undefined}
-      >
-        <ZoomControls
-          viewport={viewport}
-          onFit={() => {
-            if (backgroundInteractionLockedRef.current) return;
-            const next = fitViewportToLayers({ layers, canvasSize });
-            if (next) {
-              captureHistory({ type: 'change-viewport' });
-              setViewport(next);
-              markDirty();
-            }
-          }}
-          onScaleFromCenter={(scale) => {
-            if (backgroundInteractionLockedRef.current) return;
-            captureHistory({ type: 'change-viewport' });
-            setViewport((current) =>
-              scaleViewportFromScreenPoint({
-                viewport: current,
-                nextScale: scale,
-                screenPoint: {
-                  x: canvasSize.width / 2,
-                  y: canvasSize.height / 2,
-                },
-              }),
-            );
-            markDirty();
-          }}
-        >
-          {(actions) => (
-            <CanvasToolbar
-              label="画布缩放"
-              surface="floating"
-              className="asset-canvas-surface__zoom"
-            >
-              <CanvasChromeButton
-                label="缩小画布"
-                icon={<Minus size={15} aria-hidden="true" />}
-                onClick={actions.zoomOut}
-                disabled={backgroundInteractionLocked}
-              />
-              <CanvasChromeButton
-                label={`复位画布，当前 ${actions.displayPercent}`}
-                icon={<Maximize2 size={15} aria-hidden="true" />}
-                onClick={actions.fit}
-                disabled={backgroundInteractionLocked}
-              >
-                复位 {actions.displayPercent}
-              </CanvasChromeButton>
-              <CanvasChromeButton
-                label="放大画布"
-                icon={<Plus size={15} aria-hidden="true" />}
-                onClick={actions.zoomIn}
-                disabled={backgroundInteractionLocked}
-              />
-            </CanvasToolbar>
-          )}
-        </ZoomControls>
-        {minimapModel ? (
-          <Minimap
-            model={minimapModel}
-            onPointerDown={(event) => {
-              if (backgroundInteractionLockedRef.current) return;
-              const rect = event.currentTarget.getBoundingClientRect();
-              captureHistory({ type: 'change-viewport' });
-              setViewport(
-                moveViewportFromMinimapPointer({
-                  viewport,
-                  canvasSize,
-                  minimapModel,
-                  pointer: {
-                    x: event.clientX - rect.left,
-                    y: event.clientY - rect.top,
-                  },
-                }),
-              );
-              markDirty();
-            }}
-          />
-        ) : null}
-      </aside>
-
-      <footer
-        className="asset-canvas-surface__status"
-        role="status"
-        inert={modalOpen || undefined}
-        aria-hidden={modalOpen || undefined}
-      >
-        <span>
-          {lifecycle.kind === 'canvas.editing'
-            ? '画布可编辑'
-            : lifecycle.kind === 'canvas.saving'
-              ? '正在保存'
-              : lifecycle.kind === 'canvas.generating'
-                ? '正在生成'
-                : lifecycle.kind === 'canvas.failed'
-                  ? '操作未完成'
-                  : '正在准备画布'}
-        </span>
-        {lifecycle.kind === 'canvas.saving' ? (
-          <span>{lifecycle.stage}</span>
-        ) : null}
-        {lifecycle.kind === 'canvas.generating' ? (
-          <span>{generationPhaseLabels[lifecycle.phase]}</span>
-        ) : null}
-        {lifecycle.kind === 'canvas.failed' ? (
-          <span>{lifecycle.message}</span>
-        ) : null}
-        {notice ? <span>{notice}</span> : null}
-      </footer>
-    </section>
-  );
-}
-
-export function createAssetCanvasFixtureScope(input?: {
-  projectId?: string;
-  draftId?: string;
-  intent?: 'create' | 'refine';
-  sourceAssetId?: string | null;
-}): ImageCanvasHostScope {
-  return {
-    projectId: input?.projectId ?? 'asset-canvas-fixture',
-    draftId: input?.draftId ?? crypto.randomUUID(),
-    intent: input?.intent ?? 'create',
-    sourceAssetId: input?.sourceAssetId ?? null,
-  };
-}
-
-export type { LocalAssetCommittedEvent };
diff --git a/apps/ai-game-creator-shell/src/features/asset-canvas/assetCanvasNaming.ts b/apps/ai-game-creator-shell/src/features/asset-canvas/assetCanvasNaming.ts
deleted file mode 100644
index 02b4f24d0..000000000
--- a/apps/ai-game-creator-shell/src/features/asset-canvas/assetCanvasNaming.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-const COMMIT_ID_SUFFIX =
-  /--[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-const WINDOWS_RESERVED_NAMES = new Set([
-  'CON',
-  'PRN',
-  'AUX',
-  'NUL',
-  'COM1',
-  'COM2',
-  'COM3',
-  'COM4',
-  'COM5',
-  'COM6',
-  'COM7',
-  'COM8',
-  'COM9',
-  'LPT1',
-  'LPT2',
-  'LPT3',
-  'LPT4',
-  'LPT5',
-  'LPT6',
-  'LPT7',
-  'LPT8',
-  'LPT9',
-]);
-const FORBIDDEN_FILE_NAME_CHARACTERS = '/\\:*?"<>|';
-
-function isForbiddenFileNameCharacter(value: string) {
-  const code = value.codePointAt(0) ?? 0;
-  return (
-    code <= 0x1f ||
-    code === 0x7f ||
-    FORBIDDEN_FILE_NAME_CHARACTERS.includes(value)
-  );
-}
-
-function sanitizeAssetBaseName(value: string, fallback: string) {
-  const normalized = value
-    .normalize('NFC')
-    .split('')
-    .filter((character) => !isForbiddenFileNameCharacter(character))
-    .join('');
-  const bounded = Array.from(normalized)
-    .slice(0, 80)
-    .join('')
-    .replace(/[. ]+$/u, '');
-  if (
-    bounded.length === 0 ||
-    WINDOWS_RESERVED_NAMES.has(bounded.split('.')[0]?.toUpperCase() ?? '')
-  ) {
-    return fallback;
-  }
-  return bounded;
-}
-
-export function canonicalAssetBaseName(
-  localPath: string,
-  fallback = '画布素材',
-) {
-  const fileName = localPath.split(/[\\/]/u).filter(Boolean).pop() ?? '';
-  let stem = fileName.replace(/\.[^.]+$/u, '');
-  let next = stem.replace(COMMIT_ID_SUFFIX, '');
-  while (next !== stem) {
-    stem = next;
-    next = stem.replace(COMMIT_ID_SUFFIX, '');
-  }
-  return sanitizeAssetBaseName(next, fallback);
-}
-
-export function isValidAssetCanvasName(name: string) {
-  if (
-    name.length === 0 ||
-    Array.from(name).length > 80 ||
-    Array.from(name).some(isForbiddenFileNameCharacter) ||
-    /[. ]$/u.test(name) ||
-    WINDOWS_RESERVED_NAMES.has(name.split('.')[0]?.toUpperCase() ?? '')
-  ) {
-    return false;
-  }
-  return true;
-}
diff --git a/apps/ai-game-creator-shell/src/features/asset-canvas/assetCanvasSurface.css b/apps/ai-game-creator-shell/src/features/asset-canvas/assetCanvasSurface.css
deleted file mode 100644
index 0ac46a8eb..000000000
--- a/apps/ai-game-creator-shell/src/features/asset-canvas/assetCanvasSurface.css
+++ /dev/null
@@ -1,931 +0,0 @@
-.asset-canvas-surface {
-  --image-canvas-brand-accent: var(--platform-button-primary-solid);
-  --image-canvas-brand-accent-strong: var(--platform-text-strong);
-  --image-canvas-brand-border-soft: var(--platform-icon-border);
-  --image-canvas-brand-border-strong: var(--platform-nav-active-border);
-  --image-canvas-brand-focus-ring: var(--platform-input-focus-ring);
-  --image-canvas-brand-soft: var(--platform-nav-active-fill);
-  position: relative;
-  display: grid;
-  grid-template-rows: auto minmax(0, 1fr) auto;
-  width: 100%;
-  height: 100%;
-  min-height: 0;
-  container-type: inline-size;
-  overflow: hidden;
-  border-radius: inherit;
-  background: var(--platform-overlay-fill);
-  color: var(--platform-text-strong);
-}
-
-.asset-canvas-surface--loading {
-  place-items: center;
-}
-
-.asset-canvas-surface__toolbar-shell {
-  z-index: 4;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  align-items: stretch;
-  gap: 5px;
-  padding: 5px 8px 6px;
-  border-bottom: 1px solid var(--platform-line-soft);
-  background: var(--platform-desktop-topbar-fill);
-}
-
-.asset-canvas-surface__toolbar {
-  width: 100%;
-  max-width: 100%;
-  flex: 0 0 auto;
-  gap: 4px;
-  padding-block: 0;
-}
-
-.asset-canvas-surface__toolbar .genarrative-image-canvas__toolbar-group {
-  gap: 4px;
-}
-
-.asset-canvas-surface__toolbar .genarrative-image-canvas__chrome-button {
-  width: 30px;
-  height: 30px;
-  border-radius: 6px;
-}
-
-.asset-canvas-surface__toolbar
-  .genarrative-image-canvas__chrome-button--with-label {
-  width: auto;
-  min-width: 30px;
-  padding-inline: 8px;
-}
-
-.asset-canvas-surface__toolbar .genarrative-image-canvas__chrome-button-label {
-  font-size: 11px;
-}
-
-.asset-canvas-surface__savebar {
-  display: grid;
-  width: 100%;
-  max-width: 620px;
-  grid-template-columns:
-    minmax(150px, 1.35fr) minmax(118px, 1fr) minmax(88px, 0.55fr)
-    max-content;
-  flex: 0 0 auto;
-  min-width: 0;
-  align-self: flex-end;
-  align-items: end;
-  gap: 8px;
-  margin-inline-start: auto;
-}
-
-.asset-canvas-surface__save-field {
-  display: grid;
-  min-width: 0;
-  gap: 3px;
-}
-
-.asset-canvas-surface__save-field > span {
-  color: var(--platform-text-muted);
-  font-size: 11px;
-  font-weight: 700;
-  line-height: 1.2;
-  white-space: nowrap;
-}
-
-.asset-canvas-surface__savebar input,
-.asset-canvas-surface__savebar select,
-.asset-canvas-surface__generation-form select {
-  width: 100%;
-  min-width: 0;
-  min-height: 34px;
-  border: 1px solid var(--platform-surface-border);
-  border-radius: 8px;
-  background: var(--platform-input-fill);
-  color: var(--platform-text-base);
-  font: inherit;
-  padding: 0 8px;
-}
-
-.asset-canvas-surface__savebar input,
-.asset-canvas-surface__savebar select {
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 1.25;
-}
-
-.asset-canvas-surface__savebar input:focus-visible,
-.asset-canvas-surface__savebar select:focus-visible,
-.asset-canvas-surface__generation-form select:focus-visible,
-.asset-canvas-surface__generation-form textarea:focus-visible {
-  border-color: var(--platform-surface-hover-border);
-  outline: none;
-  box-shadow: 0 0 0 3px var(--platform-input-focus-ring);
-}
-
-.asset-canvas-surface__import-input {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-}
-
-.asset-canvas-surface .asset-canvas-surface__primary-action,
-.asset-canvas-surface .asset-canvas-surface__save {
-  border-color: var(--platform-button-primary-border);
-  background: var(--platform-button-primary-fill);
-  color: var(--platform-button-primary-text);
-  box-shadow: var(--platform-nav-active-shadow);
-}
-
-.asset-canvas-surface .asset-canvas-surface__save {
-  min-width: max-content;
-  min-height: 34px;
-  align-self: end;
-  white-space: nowrap;
-}
-
-.asset-canvas-surface
-  .asset-canvas-surface__primary-action:not(:disabled):hover,
-.asset-canvas-surface .asset-canvas-surface__save:not(:disabled):hover {
-  border-color: var(--platform-button-primary-border);
-  background: var(--platform-button-primary-fill);
-  color: var(--platform-button-primary-text);
-}
-
-.asset-canvas-surface__dialog-backdrop {
-  position: absolute;
-  z-index: 20;
-  inset: 0;
-  display: grid;
-  place-items: center;
-  padding: 16px;
-  background: color-mix(in srgb, var(--platform-text-strong) 36%, transparent);
-  backdrop-filter: blur(5px);
-}
-
-.asset-canvas-surface__generation-dialog {
-  display: grid;
-  width: min(560px, 100%);
-  max-height: calc(100% - 32px);
-  min-height: 0;
-  overflow: auto;
-  border: 1px solid var(--platform-modal-border);
-  border-radius: 16px;
-  background: var(--platform-modal-fill);
-  color: var(--platform-text-strong);
-  box-shadow: var(--platform-panel-shadow);
-}
-
-.asset-canvas-surface__generation-dialog > header,
-.asset-canvas-surface__generation-dialog footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-  padding: 14px 16px;
-}
-
-.asset-canvas-surface__generation-dialog > header {
-  border-bottom: 1px solid var(--platform-line-soft);
-}
-
-.asset-canvas-surface__generation-form,
-.asset-canvas-surface__generation-confirmation {
-  display: grid;
-  gap: 14px;
-  padding: 16px;
-}
-
-.asset-canvas-surface__generation-form label {
-  display: grid;
-  gap: 6px;
-  color: var(--platform-text-base);
-  font-size: 13px;
-  font-weight: 700;
-}
-
-.asset-canvas-surface__generation-form textarea {
-  box-sizing: border-box;
-  width: 100%;
-  resize: vertical;
-  border: 1px solid var(--platform-surface-border);
-  border-radius: 10px;
-  padding: 10px;
-  background: var(--platform-input-fill);
-  color: var(--platform-text-strong);
-  font: inherit;
-}
-
-.asset-canvas-surface__generation-options {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 10px;
-}
-
-.asset-canvas-surface__generation-form fieldset {
-  display: grid;
-  max-height: 180px;
-  gap: 8px;
-  overflow: auto;
-  border: 1px solid var(--platform-subpanel-border);
-  border-radius: 10px;
-  padding: 10px;
-}
-
-.asset-canvas-surface__generation-form fieldset label {
-  display: flex;
-  align-items: center;
-  font-weight: 500;
-}
-
-.asset-canvas-surface__generation-form fieldset input {
-  min-height: auto;
-}
-
-.asset-canvas-surface__generation-dialog footer {
-  justify-content: flex-end;
-  padding: 0;
-}
-
-.asset-canvas-surface__viewport {
-  grid-row: 2;
-  min-height: 0;
-  background-color: var(--platform-neutral-bg);
-  background-image: radial-gradient(
-    var(--platform-line-soft) 1px,
-    transparent 1px
-  );
-  background-size: 18px 18px;
-}
-
-.asset-canvas-surface__operation-overlay {
-  z-index: 12;
-  grid-row: 2;
-  grid-column: 1;
-  display: grid;
-  min-width: 0;
-  min-height: 0;
-  place-items: center;
-  overflow: auto;
-  padding: 20px;
-  background: color-mix(in srgb, var(--platform-text-strong) 30%, transparent);
-  backdrop-filter: blur(4px);
-}
-
-.asset-canvas-surface__operation-portal {
-  position: fixed;
-  inset: 0;
-  z-index: 400;
-}
-
-.asset-canvas-surface__operation-overlay--fullscreen {
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-  box-sizing: border-box;
-}
-
-.asset-canvas-surface__operation-card {
-  display: grid;
-  width: min(440px, 100%);
-  max-height: 100%;
-  min-height: 0;
-  gap: 14px;
-  overflow: auto;
-  border: 1px solid var(--platform-modal-border);
-  border-radius: 18px;
-  padding: 22px;
-  background: var(--platform-modal-fill);
-  color: var(--platform-text-strong);
-  box-shadow: var(--platform-panel-shadow);
-}
-
-.asset-canvas-surface__operation-card strong {
-  font-size: 20px;
-}
-
-.asset-canvas-surface__operation-card p {
-  margin: 0;
-  color: var(--platform-text-base);
-  line-height: 1.55;
-  overflow-wrap: anywhere;
-}
-
-.asset-canvas-surface__operation-card progress {
-  width: 100%;
-  height: 8px;
-  overflow: hidden;
-  border: 0;
-  border-radius: 999px;
-  accent-color: var(--platform-accent);
-}
-
-.asset-canvas-surface__operation-kicker {
-  color: var(--platform-warm-text);
-  font-size: 12px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-}
-
-.asset-canvas-surface__operation-card--failed {
-  border-color: var(--platform-button-danger-border);
-}
-
-.asset-canvas-surface__operation-actions {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-.asset-canvas-surface__generation-placeholder {
-  position: absolute;
-  z-index: 2;
-  display: grid;
-  place-items: center;
-  align-content: center;
-  gap: 10px;
-  overflow: hidden;
-  border: 2px dashed var(--platform-surface-hover-border);
-  border-radius: 14px;
-  background: linear-gradient(
-    135deg,
-    color-mix(in srgb, var(--platform-accent) 10%, transparent),
-    color-mix(in srgb, var(--platform-input-fill) 88%, transparent)
-  );
-  color: var(--platform-text-strong);
-  box-shadow: var(--platform-nav-active-shadow);
-  cursor: grab;
-  touch-action: none;
-  user-select: none;
-}
-
-.asset-canvas-surface__generation-placeholder:active {
-  cursor: grabbing;
-}
-
-.asset-canvas-surface__generation-placeholder > span {
-  width: 34px;
-  height: 34px;
-  border: 3px solid color-mix(in srgb, var(--platform-accent) 24%, transparent);
-  border-top-color: var(--platform-accent);
-  border-radius: 50%;
-  animation: asset-canvas-generation-spin 0.9s linear infinite;
-}
-
-.asset-canvas-surface__generation-placeholder strong,
-.asset-canvas-surface__generation-placeholder small {
-  max-width: calc(100% - 24px);
-  overflow: hidden;
-  text-align: center;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.asset-canvas-surface__generation-placeholder.is-failed {
-  border-color: var(--platform-button-danger-border);
-  background: var(--platform-danger-soft-fill, #fff1ef);
-}
-
-.asset-canvas-surface__generation-placeholder.is-failed > span {
-  animation: none;
-  border-color: var(--platform-button-danger-border);
-}
-
-.asset-canvas-surface__generation-delete {
-  min-height: 28px;
-  border-color: var(--platform-button-danger-border);
-  color: var(--platform-danger-text, #9e3f34);
-}
-
-@keyframes asset-canvas-generation-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.asset-canvas-surface__generation-tasks {
-  position: absolute;
-  top: 14px;
-  right: 14px;
-  z-index: 20;
-  display: flex;
-  align-items: flex-start;
-  gap: 7px;
-  pointer-events: auto;
-}
-
-.asset-canvas-surface__generation-tasks--closed {
-  width: auto;
-}
-
-.asset-canvas-surface__generation-tasks-toggle {
-  flex: 0 0 auto;
-  border-color: var(--platform-modal-border);
-  background: #fff;
-  box-shadow: 0 16px 34px rgb(15 23 42 / 14%);
-}
-
-.asset-canvas-surface__generation-tasks-panel {
-  width: min(20rem, calc(100vw - 5.6rem));
-  max-height: min(24rem, calc(100vh - 9rem));
-  overflow: hidden;
-  overscroll-behavior: contain;
-  border: 1px solid var(--platform-modal-border);
-  border-radius: 8px;
-  background: rgb(255 255 255 / 96%);
-  box-shadow: 0 18px 42px rgb(15 23 42 / 18%);
-  backdrop-filter: blur(10px);
-}
-
-.asset-canvas-surface__generation-tasks-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  border-bottom: 1px solid #e2e8f0;
-  padding: 11px 12px;
-  color: #0f172a;
-}
-
-.asset-canvas-surface__generation-tasks-header strong {
-  font-size: 13px;
-  font-weight: 850;
-}
-
-.asset-canvas-surface__generation-tasks-header span {
-  display: inline-flex;
-  min-width: 22px;
-  height: 22px;
-  align-items: center;
-  justify-content: center;
-  border-radius: 999px;
-  background: #eff6ff;
-  color: #1d4ed8;
-  font-size: 12px;
-  font-weight: 850;
-}
-
-.asset-canvas-surface__generation-tasks-tabs {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 4px;
-  border-bottom: 1px solid #e2e8f0;
-  padding: 6px;
-}
-
-.asset-canvas-surface__generation-tasks-tab {
-  display: inline-flex;
-  min-width: 0;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  border: 0;
-  border-radius: 6px;
-  background: transparent;
-  padding: 7px 8px;
-  color: #64748b;
-  font: inherit;
-  font-size: 12px;
-  font-weight: 850;
-  cursor: pointer;
-}
-
-.asset-canvas-surface__generation-tasks-tab:hover {
-  background: #f8fafc;
-  color: #0f172a;
-}
-
-.asset-canvas-surface__generation-tasks-tab--active {
-  background: #eff6ff;
-  color: #1d4ed8;
-}
-
-.asset-canvas-surface__generation-tasks-tab span {
-  display: inline-flex;
-  min-width: 17px;
-  height: 17px;
-  align-items: center;
-  justify-content: center;
-  border-radius: 999px;
-  background: rgb(255 255 255 / 75%);
-  font-size: 10px;
-}
-
-.asset-canvas-surface__generation-tasks-list {
-  display: grid;
-  max-height: calc(min(24rem, calc(100vh - 9rem)) - 5.55rem);
-  margin: 0;
-  overflow-y: auto;
-  overscroll-behavior: contain;
-  padding: 6px;
-  list-style: none;
-}
-
-.asset-canvas-surface__generation-tasks-empty {
-  padding: 18px 12px;
-  color: #94a3b8;
-  font-size: 12px;
-  font-weight: 750;
-  text-align: center;
-}
-
-.asset-canvas-surface__generation-task-item {
-  display: grid;
-  grid-template-columns: auto minmax(0, 1fr);
-  align-items: start;
-  gap: 9px;
-  width: 100%;
-  border-radius: 7px;
-  padding: 9px;
-  color: #334155;
-}
-
-.asset-canvas-surface__generation-task-item:hover {
-  background: #f8fafc;
-}
-
-.asset-canvas-surface__generation-task-icon {
-  display: inline-flex;
-  width: 22px;
-  height: 22px;
-  align-items: center;
-  justify-content: center;
-  border-radius: 999px;
-  background: #e2e8f0;
-  color: #475569;
-}
-
-.asset-canvas-surface__generation-task-item--running
-  .asset-canvas-surface__generation-task-icon {
-  background: #ecfeff;
-  color: #0891b2;
-}
-
-.asset-canvas-surface__generation-task-item--running
-  .asset-canvas-surface__generation-task-icon
-  svg {
-  animation: asset-canvas-generation-task-spin 0.9s linear infinite;
-  transform-origin: center;
-}
-
-@keyframes asset-canvas-generation-task-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.asset-canvas-surface__generation-task-item--failed
-  .asset-canvas-surface__generation-task-icon {
-  background: #fef2f2;
-  color: #dc2626;
-}
-
-.asset-canvas-surface__generation-task-item--done
-  .asset-canvas-surface__generation-task-icon {
-  background: #f0fdf4;
-  color: #16a34a;
-}
-
-.asset-canvas-surface__generation-task-main {
-  display: grid;
-  min-width: 0;
-  gap: 3px;
-}
-
-.asset-canvas-surface__generation-task-title-row {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  min-width: 0;
-  align-items: start;
-  gap: 7px;
-}
-
-.asset-canvas-surface__generation-task-title {
-  overflow: hidden;
-  color: #0f172a;
-  font-size: 13px;
-  font-weight: 850;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.asset-canvas-surface__generation-task-detail {
-  overflow: hidden;
-  color: #64748b;
-  font-size: 11px;
-  line-height: 1.35;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.asset-canvas-surface__generation-task-progress {
-  overflow: hidden;
-  color: #334155;
-  font-size: 11px;
-  font-weight: 750;
-  line-height: 1.3;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.asset-canvas-surface__generation-task-meta {
-  display: inline-flex;
-  min-width: max-content;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 6px;
-}
-
-.asset-canvas-surface__generation-task-status,
-.asset-canvas-surface__generation-task-time {
-  color: #64748b;
-  font-size: 11px;
-  font-weight: 800;
-  line-height: 1.25;
-  white-space: nowrap;
-}
-
-.asset-canvas-surface__generation-delete {
-  justify-self: start;
-  margin-top: 4px;
-}
-
-.asset-canvas-surface__resize-handle {
-  position: absolute;
-  right: -8px;
-  bottom: -8px;
-  width: 16px;
-  height: 16px;
-  border: 2px solid var(--platform-input-fill);
-  border-radius: 50%;
-  background: var(--platform-accent);
-  cursor: nwse-resize;
-}
-
-.asset-canvas-surface__quick-edit-card {
-  position: absolute;
-  z-index: 13;
-  display: grid;
-  width: min(42rem, calc(100% - 24px));
-  max-height: min(22rem, calc(100% - 24px));
-  gap: 12px;
-  overflow: auto;
-  border: 1px solid var(--platform-modal-border);
-  border-radius: 8px;
-  padding: 14px;
-  background: var(--platform-modal-fill);
-  color: var(--platform-text-strong);
-  box-shadow: var(--platform-panel-shadow);
-  transform: translateX(-50%);
-}
-
-.asset-canvas-surface__quick-edit-card > header,
-.asset-canvas-surface__quick-edit-card > footer {
-  display: flex;
-  min-width: 0;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-}
-
-.asset-canvas-surface__quick-edit-card > header > div {
-  display: grid;
-  min-width: 0;
-  gap: 2px;
-}
-
-.asset-canvas-surface__quick-edit-card > header strong {
-  font-size: 15px;
-}
-
-.asset-canvas-surface__quick-edit-card > header span,
-.asset-canvas-surface__quick-edit-reference {
-  min-width: 0;
-  overflow: hidden;
-  color: var(--platform-text-muted);
-  font-size: 12px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.asset-canvas-surface__quick-edit-card > label,
-.asset-canvas-surface__quick-edit-options > label {
-  display: grid;
-  min-width: 0;
-  gap: 6px;
-  color: var(--platform-text-base);
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.asset-canvas-surface__quick-edit-card textarea,
-.asset-canvas-surface__quick-edit-card select {
-  width: 100%;
-  min-width: 0;
-  border: 1px solid var(--platform-surface-border);
-  border-radius: 8px;
-  background: var(--platform-input-fill);
-  color: var(--platform-text-base);
-  font: inherit;
-}
-
-.asset-canvas-surface__quick-edit-card textarea {
-  min-height: 84px;
-  resize: vertical;
-  padding: 8px;
-}
-
-.asset-canvas-surface__quick-edit-card select {
-  min-height: 34px;
-  padding: 0 8px;
-}
-
-.asset-canvas-surface__quick-edit-card textarea:focus-visible,
-.asset-canvas-surface__quick-edit-card select:focus-visible {
-  border-color: var(--platform-surface-hover-border);
-  outline: none;
-  box-shadow: 0 0 0 3px var(--platform-input-focus-ring);
-}
-
-.asset-canvas-surface__quick-edit-options {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 10px;
-}
-
-.asset-canvas-surface__quick-edit-card > footer {
-  align-items: end;
-  flex-wrap: wrap;
-}
-
-.asset-canvas-surface__quick-edit-actions {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-.asset-canvas-surface .asset-canvas-surface__danger-action {
-  border-color: var(--platform-danger-border, #d58b80);
-  background: var(--platform-danger-soft-fill, #fff1ef);
-  color: var(--platform-danger-text, #9e3f34);
-}
-
-.asset-canvas-surface__layer-hit-target {
-  display: block;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  overflow: hidden;
-  border: 0;
-  background: transparent;
-  color: inherit;
-  cursor: inherit;
-}
-
-.asset-canvas-surface__layer-hit-target:focus-visible,
-.asset-canvas-surface__resize-handle:focus-visible {
-  outline: 3px solid var(--platform-focus-ring);
-  outline-offset: 3px;
-}
-
-.asset-canvas-surface__viewport-tools {
-  position: absolute;
-  z-index: 5;
-  right: 14px;
-  bottom: 46px;
-  display: grid;
-  gap: 8px;
-}
-
-.asset-canvas-surface__zoom {
-  max-width: min(100%, 280px);
-  justify-content: flex-end;
-}
-
-.asset-canvas-surface .genarrative-image-canvas__minimap {
-  width: 132px;
-  height: 84px;
-  padding: 0;
-  overflow: hidden;
-  border: 1px solid var(--platform-surface-border);
-  background: var(--platform-input-fill);
-  box-shadow: var(--platform-nav-active-shadow);
-}
-
-.asset-canvas-surface .genarrative-image-canvas__minimap-layer {
-  background: var(--platform-warm-bg);
-}
-
-.asset-canvas-surface .genarrative-image-canvas__minimap-viewport {
-  border: 1px solid var(--platform-accent);
-}
-
-.asset-canvas-surface__status {
-  z-index: 4;
-  display: flex;
-  min-height: 34px;
-  max-height: 96px;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 12px;
-  overflow-y: auto;
-  padding: 8px 12px;
-  border-top: 1px solid var(--platform-line-soft);
-  background: var(--platform-desktop-topbar-fill);
-  color: var(--platform-text-base);
-  font-size: 12px;
-  line-height: 1.4;
-  scrollbar-gutter: stable;
-}
-
-.asset-canvas-surface__status > span {
-  min-width: 0;
-  overflow-wrap: anywhere;
-}
-
-.asset-canvas-surface__status > span:first-child {
-  color: var(--platform-text-strong);
-  font-weight: 800;
-}
-
-@media (max-width: 760px) {
-  .asset-canvas-surface {
-    height: 100%;
-    min-height: 0;
-    border-radius: 0;
-  }
-
-  .asset-canvas-surface__toolbar-shell {
-    padding-inline: 8px;
-  }
-
-  .asset-canvas-surface__savebar {
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-  }
-
-  .asset-canvas-surface__save-field:first-child {
-    grid-column: 1 / -1;
-  }
-
-  .asset-canvas-surface__save {
-    grid-column: 1 / -1;
-    width: 100%;
-  }
-
-  .asset-canvas-surface__viewport-tools {
-    right: 8px;
-    bottom: 52px;
-  }
-
-  .asset-canvas-surface__generation-tasks {
-    top: 8px;
-    right: 8px;
-  }
-
-  .asset-canvas-surface__generation-tasks-panel {
-    width: min(20rem, calc(100vw - 4.75rem));
-    max-height: min(70vh, 24rem);
-  }
-
-  .asset-canvas-surface__generation-options {
-    grid-template-columns: 1fr;
-  }
-
-  .asset-canvas-surface__quick-edit-card {
-    width: calc(100% - 24px);
-    max-height: min(20rem, calc(100% - 24px));
-    padding: 12px;
-  }
-
-  .asset-canvas-surface__quick-edit-options {
-    grid-template-columns: 1fr;
-  }
-
-  .asset-canvas-surface__operation-overlay {
-    place-items: end stretch;
-    padding: 10px;
-  }
-
-  .asset-canvas-surface__operation-card {
-    width: auto;
-    border-radius: 16px;
-    padding: 18px;
-  }
-}
-
-@container (max-width: 620px) {
-  .asset-canvas-surface__savebar {
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-  }
-
-  .asset-canvas-surface__save-field:first-child,
-  .asset-canvas-surface__save {
-    grid-column: 1 / -1;
-    width: 100%;
-  }
-}
diff --git a/apps/ai-game-creator-shell/src/features/asset-canvas/tauriImageCanvasHostAdapter.ts b/apps/ai-game-creator-shell/src/features/asset-canvas/tauriImageCanvasHostAdapter.ts
deleted file mode 100644
index 99742ef1f..000000000
--- a/apps/ai-game-creator-shell/src/features/asset-canvas/tauriImageCanvasHostAdapter.ts
+++ /dev/null
@@ -1,932 +0,0 @@
-import type {
-  ImageCanvasDraft,
-  ImageCanvasGenerationPort,
-  ImageCanvasGenerationProgress,
-  ImageCanvasGenerationRecord,
-  ImageCanvasGenerationServiceIdentityConfirmation,
-  ImageCanvasHostPort,
-  ImageCanvasHostResult,
-  ImageCanvasHostScope,
-  ImageCanvasLocalImportResult,
-  ImageCanvasMediaRef,
-  ImageCanvasProjectPort,
-} from '@genarrative/image-canvas-core';
-import { listen, type UnlistenFn } from '@tauri-apps/api/event';
-
-import type {
-  GameCreationAppAssetManifestEntry,
-  GameCreationAppManifest,
-} from '../../../../../packages/shared/src/contracts/gameCreationApp';
-import { requestPlatformSessionRefresh } from '../../services/platformSession';
-
-const MAX_SAFE_REVISION = Number.MAX_SAFE_INTEGER;
-export const LOCAL_ASSET_COMMITTED_EVENT =
-  'game-creator-local-asset-committed' as const;
-export const LOCAL_ASSET_GENERATION_PROGRESS_EVENT =
-  'game-creator-asset-generation-progress' as const;
-
-type Invoke = <T>(
-  command: string,
-  args?: Record<string, unknown>,
-) => Promise<T>;
-
-type DraftReadResult =
-  | { status: 'found'; draft: ImageCanvasDraft }
-  | { status: 'not-found'; draft: null }
-  | { status: 'project-identity-conflict'; draft: null };
-
-type DraftCreateResult = {
-  status: 'created' | 'existing';
-  draft: ImageCanvasDraft;
-};
-
-type DraftUpdateResult = {
-  status: 'updated' | 'conflict';
-  draft: ImageCanvasDraft;
-};
-
-type CandidateLayerAcknowledgementResult = {
-  draft: ImageCanvasDraft;
-};
-
-type StoredMediaResult = {
-  status: 'stored' | 'conflict';
-  draftId: string;
-  draftRevision: number;
-  mediaRef: ImageCanvasMediaRef | null;
-  draft: ImageCanvasDraft | null;
-};
-
-type ImportedLocalImagesResult = {
-  status: 'imported' | 'cancelled' | 'conflict';
-  draft: ImageCanvasDraft | null;
-  importedLayerIds: string[];
-};
-
-type StagedImageResult = {
-  status: 'staged' | 'conflict';
-  stagedImageToken: string | null;
-  draftId: string;
-  draftRevision: number;
-  draft: ImageCanvasDraft | null;
-};
-
-type GenerationCommandResult = {
-  generation: ImageCanvasGenerationRecord;
-  draft: ImageCanvasDraft;
-  images: Array<{
-    mediaRef: ImageCanvasMediaRef;
-    resourceId: string;
-  }>;
-};
-
-type GenerationFailureCommandResult = {
-  disposition:
-    | 'failed'
-    | 'reconciliation-required'
-    | 'not-started'
-    | 'already-terminal';
-  draft: ImageCanvasDraft;
-};
-
-type GenerationProgressEvent = ImageCanvasGenerationProgress & {
-  schemaVersion: 'game-creator-asset-generation-progress.v1';
-  projectId: string;
-  draftId: string;
-  occurredAt: number;
-};
-
-type ServiceIdentityConfirmationResult = {
-  generationId: string;
-  operationId: string | null;
-  operationState: string;
-  serviceOrigin: string;
-  identityScheme: 'service-origin-v1';
-};
-
-export type LocalAssetCommitResult =
-  | {
-      status: 'committed' | 'already-committed';
-      projectId: string;
-      projectRevision: number;
-      committedProjectRevision: number;
-      draftId: string;
-      draftRevision: number;
-      commitId: string;
-      idempotencyKey: string;
-      eventId: string;
-      asset: GameCreationAppAssetManifestEntry;
-      manifest: GameCreationAppManifest;
-    }
-  | {
-      status: 'conflict';
-      conflictKind: 'project-identity' | 'project-revision' | 'draft-revision';
-      projectRevision: number | null;
-      draftRevision: number | null;
-      manifest: GameCreationAppManifest | null;
-    }
-  | {
-      status: 'rolled-back' | 'reconciliation-required';
-      projectId: string;
-      projectRevision: number;
-      draftId: string;
-      draftRevision: number;
-      eventId: string;
-      manifest: GameCreationAppManifest;
-    };
-
-export type LocalAssetCommittedEvent = {
-  schemaVersion: 'game-creator-local-asset-committed.v1';
-  eventId: string;
-  projectPath: string;
-  projectId: string;
-  committedProjectRevision: number;
-  draftId: string;
-  commitId: string;
-  idempotencyKey?: string;
-  asset: GameCreationAppAssetManifestEntry;
-  manifest: GameCreationAppManifest;
-  occurredAt: number;
-};
-
-export type TauriImageCanvasHostAdapter = Omit<
-  ImageCanvasHostPort,
-  'project'
-> & {
-  readonly kind: 'tauri';
-  readonly project: ImageCanvasProjectPort;
-  readonly projectPath: string;
-  readonly expectedProjectId: string;
-  readMediaPreview(input: {
-    scope: ImageCanvasHostScope;
-    mediaRef: ImageCanvasMediaRef;
-  }): Promise<ImageCanvasHostResult<{ previewUrl: string }>>;
-  recover(): Promise<
-    ImageCanvasHostResult<{
-      projectRevision: number;
-      manifest: GameCreationAppManifest;
-    }>
-  >;
-  confirmGenerationServiceIdentity(input: {
-    scope: ImageCanvasHostScope;
-    confirmation: ImageCanvasGenerationServiceIdentityConfirmation;
-  }): Promise<ImageCanvasHostResult<ServiceIdentityConfirmationResult>>;
-  subscribeCommitted(
-    callback: (event: LocalAssetCommittedEvent) => void,
-  ): Promise<UnlistenFn>;
-};
-
-function safeRevision(value: unknown, label: string): number {
-  if (
-    typeof value !== 'number' ||
-    !Number.isSafeInteger(value) ||
-    value < 0 ||
-    value > MAX_SAFE_REVISION
-  ) {
-    throw new Error(`${label} 不是安全 revision`);
-  }
-  return value;
-}
-
-function safeRevisionString(value: string, label: string): number {
-  if (!/^(0|[1-9]\d*)$/.test(value)) {
-    throw new Error(`${label} 不是规范十进制 revision`);
-  }
-  return safeRevision(Number(value), label);
-}
-
-function failure(error: unknown): ImageCanvasHostResult<never> {
-  const message = error instanceof Error ? error.message : String(error);
-  const normalized = message.toLowerCase();
-  return {
-    status: 'failed',
-    code: message.includes('素材名称无效')
-      ? 'asset-name-invalid'
-      : message.includes('reconciliation-required')
-        ? 'reconciliation-required'
-        : message.includes('project-identity-conflict')
-          ? 'project-identity-conflict'
-          : normalized.includes('external editor api')
-            ? 'platform-service-configuration'
-            : normalized.includes('authentication-required') ||
-                message.includes('登录已失效')
-              ? 'authentication-required'
-              : message.includes('泥点余额不足')
-                ? 'insufficient-mud-points'
-                : message.includes('平台图片生成服务暂不可用')
-                  ? 'platform-service-configuration'
-                  : 'tauri-command-failed',
-    message,
-  };
-}
-
-function isAuthenticationRequiredError(error: unknown) {
-  const message = error instanceof Error ? error.message : String(error);
-  return (
-    message.includes('authentication-required') ||
-    message.includes('登录已失效')
-  );
-}
-
-function conflict(
-  kind: 'project-identity' | 'host-revision' | 'draft-revision',
-  draft: ImageCanvasDraft | null,
-  hostRevision: number | null,
-): ImageCanvasHostResult<never> {
-  return {
-    status: 'conflict',
-    conflictKind: kind,
-    draft,
-    hostRevision: hostRevision === null ? null : String(hostRevision),
-  };
-}
-
-function bytesToPreviewUrl(
-  bytes: Uint8Array | number[],
-  mediaType: string,
-): string {
-  return URL.createObjectURL(
-    new Blob([new Uint8Array(bytes)], { type: mediaType }),
-  );
-}
-
-export function createMockImageCanvasGenerationPort(): ImageCanvasGenerationPort {
-  const unsupported = async () => ({
-    status: 'unsupported-capability' as const,
-    capability: 'externalEditorGeneration' as const,
-    message: '当前阶段使用明确 mock，不会提交真实 AI 生成请求',
-  });
-  return {
-    settleGenerationFailure: unsupported,
-    archiveFailedGeneration: unsupported,
-    generateImage: unsupported,
-    recoverImages: async () => ({
-      status: 'ok' as const,
-      value: { resumedGenerationIds: [], serviceIdentityConfirmations: [] },
-    }),
-    removeBackground: unsupported,
-  };
-}
-
-export function createTauriImageCanvasHostAdapter(input: {
-  projectPath: string;
-  expectedProjectId: string;
-  expectedHostRevision: number;
-  invoke: Invoke;
-  listenEvent?: typeof listen;
-}): TauriImageCanvasHostAdapter {
-  const invokeInput = <T>(command: string, value: Record<string, unknown>) =>
-    input.invoke<T>(command, { input: value });
-  const invokeAuthenticatedInput = async <T>(
-    command: string,
-    value: Record<string, unknown>,
-  ) => {
-    try {
-      return await invokeInput<T>(command, value);
-    } catch (error) {
-      if (!isAuthenticationRequiredError(error)) throw error;
-      const refresh = await requestPlatformSessionRefresh();
-      if (refresh.status !== 'refreshed') {
-        throw new Error(
-          refresh.status === 'stale'
-            ? '登录账号已变化，原生成操作已停止'
-            : '登录已失效，请重新登录',
-        );
-      }
-      return invokeInput<T>(command, value);
-    }
-  };
-  const baseScope = (scope: ImageCanvasHostScope) => {
-    if (scope.projectId !== input.expectedProjectId) {
-      throw new Error(
-        'project-identity-conflict: 画布 scope 与宿主 expectedProjectId 不一致',
-      );
-    }
-    return {
-      projectPath: input.projectPath,
-      expectedProjectId: input.expectedProjectId,
-      draftId: scope.draftId,
-    };
-  };
-  const listenGenerationProgress = async (
-    scope: ImageCanvasHostScope,
-    generationId: string | null,
-    callback?: (progress: ImageCanvasGenerationProgress) => void,
-  ) => {
-    if (!callback) return () => undefined;
-    const listenEvent = input.listenEvent ?? listen;
-    return await listenEvent<GenerationProgressEvent>(
-      LOCAL_ASSET_GENERATION_PROGRESS_EVENT,
-      (event) => {
-        const progress = event.payload;
-        if (
-          progress.projectId === scope.projectId &&
-          progress.draftId === scope.draftId &&
-          (generationId === null || progress.generationId === generationId)
-        ) {
-          callback({
-            intentId: progress.intentId,
-            generationId: progress.generationId,
-            draftRevision: progress.draftRevision,
-            phase: progress.phase,
-            progress: progress.progress,
-            errorCode: progress.errorCode,
-          });
-        }
-      },
-    );
-  };
-  const generation: ImageCanvasGenerationPort = {
-    async settleGenerationFailure(failureInput) {
-      try {
-        const result = await invokeInput<GenerationFailureCommandResult>(
-          'finalize_local_project_asset_canvas_generation_failure',
-          {
-            ...baseScope(failureInput.scope),
-            expectedDraftRevision: safeRevision(
-              failureInput.expectedDraftRevision,
-              'expectedDraftRevision',
-            ),
-            generationId: failureInput.generationId,
-            intentId: failureInput.intentId,
-            errorCode: failureInput.errorCode,
-            reconciliationRequired: failureInput.reconciliationRequired,
-          },
-        );
-        return { status: 'ok', value: result };
-      } catch (error) {
-        const message = error instanceof Error ? error.message : String(error);
-        return message.includes('draft-revision-conflict')
-          ? conflict('draft-revision', null, null)
-          : failure(error);
-      }
-    },
-    async archiveFailedGeneration(archiveInput) {
-      try {
-        const result = await invokeInput<{
-          generationId: string;
-          phase: 'archived';
-          archivedAt: number;
-          draft: ImageCanvasDraft;
-        }>('archive_failed_local_project_asset_canvas_generation', {
-          ...baseScope(archiveInput.scope),
-          expectedDraftRevision: safeRevision(
-            archiveInput.expectedDraftRevision,
-            'expectedDraftRevision',
-          ),
-          generationId: archiveInput.generationId,
-        });
-        return { status: 'ok', value: result.draft };
-      } catch (error) {
-        const message = error instanceof Error ? error.message : String(error);
-        return message.includes('draft-revision-conflict')
-          ? conflict('draft-revision', null, null)
-          : failure(error);
-      }
-    },
-    async generateImage(generationInput) {
-      let unlisten: (() => void) | undefined;
-      try {
-        unlisten = await listenGenerationProgress(
-          generationInput.scope,
-          generationInput.generationId,
-          generationInput.onProgress,
-        );
-        const result = await invokeAuthenticatedInput<GenerationCommandResult>(
-          'generate_local_project_asset_canvas_image',
-          {
-            ...baseScope(generationInput.scope),
-            expectedHostRevision: safeRevisionString(
-              generationInput.expectedHostRevision,
-              'expectedHostRevision',
-            ),
-            expectedDraftRevision: safeRevision(
-              generationInput.expectedDraftRevision,
-              'expectedDraftRevision',
-            ),
-            intentId: generationInput.intentId,
-            generationId: generationInput.generationId,
-            idempotencyKey: generationInput.idempotencyKey,
-            commitId: generationInput.commitId,
-            commitIdempotencyKey: generationInput.commitIdempotencyKey,
-            prompt: generationInput.prompt,
-            aspectRatio: generationInput.aspectRatio,
-            imageSize: generationInput.imageSize,
-            assetKind: generationInput.assetKind,
-            assetName: generationInput.assetName,
-            referenceResourceIds: generationInput.referenceResourceIds,
-            sourceLayerId: generationInput.sourceLayerId,
-            placeholder: generationInput.placeholder,
-          },
-        );
-        const images = await Promise.all(
-          result.images.map(async (image) => {
-            const preview = await invokeInput<{
-              mediaType: string;
-              bytes: number[];
-            }>('read_local_project_asset_canvas_media', {
-              ...baseScope(generationInput.scope),
-              mediaRef: image.mediaRef,
-            });
-            return {
-              mediaRef: image.mediaRef,
-              resourceId: image.resourceId,
-              previewUrl: bytesToPreviewUrl(preview.bytes, preview.mediaType),
-            };
-          }),
-        );
-        return {
-          status: 'ok',
-          value: { generation: result.generation, images, draft: result.draft },
-        };
-      } catch (error) {
-        return failure(error);
-      } finally {
-        unlisten?.();
-      }
-    },
-    async recoverImages(recoverInput) {
-      let unlisten: (() => void) | undefined;
-      try {
-        unlisten = await listenGenerationProgress(
-          recoverInput.scope,
-          null,
-          recoverInput.onProgress,
-        );
-        const result = await invokeAuthenticatedInput<{
-          resumedGenerationIds: string[];
-          serviceIdentityConfirmations: ImageCanvasGenerationServiceIdentityConfirmation[];
-        }>(
-          'recover_local_project_asset_canvas_generations',
-          baseScope(recoverInput.scope),
-        );
-        return { status: 'ok', value: result };
-      } catch (error) {
-        return failure(error);
-      } finally {
-        unlisten?.();
-      }
-    },
-    async removeBackground() {
-      return {
-        status: 'unsupported-capability',
-        capability: 'advancedBackgroundRemoval',
-        message: '首版只接入图片生成与精修，不扩展高级去背景',
-      };
-    },
-  };
-  const stagedByCommit = new Map<
-    string,
-    {
-      idempotencyKey: string;
-      expectedDraftRevision: number;
-      mediaType: 'image/png' | 'image/jpeg' | 'image/webp';
-      byteLength: number;
-      stagedImageToken: string;
-    }
-  >();
-
-  return {
-    kind: 'tauri',
-    projectPath: input.projectPath,
-    expectedProjectId: input.expectedProjectId,
-    capabilities: {
-      account: false,
-      wallet: false,
-      cloudAssetLibrary: false,
-      localProject: true,
-      externalEditorGeneration: true,
-      advancedBackgroundRemoval: false,
-    },
-    project: {
-      async loadDraft(scope) {
-        try {
-          const result = await invokeInput<DraftReadResult>(
-            'read_local_project_asset_canvas_draft',
-            baseScope(scope),
-          );
-          if (result.status === 'project-identity-conflict') {
-            return conflict('project-identity', null, null);
-          }
-          return {
-            status: 'ok',
-            value: result.status === 'found' ? result.draft : null,
-          };
-        } catch (error) {
-          return failure(error);
-        }
-      },
-      async createDraft(scope) {
-        try {
-          const result = await invokeInput<DraftCreateResult>(
-            'create_local_project_asset_canvas_draft',
-            {
-              ...baseScope(scope),
-              intent: scope.intent,
-              sourceAssetId: scope.sourceAssetId,
-            },
-          );
-          return { status: 'ok', value: result.draft };
-        } catch (error) {
-          return failure(error);
-        }
-      },
-      async updateDraft(update) {
-        try {
-          const result = await invokeInput<DraftUpdateResult>(
-            'update_local_project_asset_canvas_draft',
-            {
-              ...baseScope(update.scope),
-              expectedDraftRevision: safeRevision(
-                update.expectedDraftRevision,
-                'expectedDraftRevision',
-              ),
-              status: update.status,
-              canvas: update.canvas,
-              generations: update.generations,
-            },
-          );
-          if (result.status === 'conflict') {
-            return conflict('draft-revision', result.draft, null);
-          }
-          return { status: 'ok', value: result.draft };
-        } catch (error) {
-          return failure(error);
-        }
-      },
-      async acknowledgeCandidateLayers(acknowledgement) {
-        try {
-          const result = await invokeInput<CandidateLayerAcknowledgementResult>(
-            'acknowledge_local_project_asset_canvas_candidate_layers',
-            {
-              ...baseScope(acknowledgement.scope),
-              layerIds: acknowledgement.layerIds,
-            },
-          );
-          return { status: 'ok', value: result.draft };
-        } catch (error) {
-          return failure(error);
-        }
-      },
-      async discardDraft(update) {
-        try {
-          const result = await invokeInput<DraftUpdateResult>(
-            'discard_local_project_asset_canvas_draft',
-            {
-              ...baseScope(update.scope),
-              expectedDraftRevision: safeRevision(
-                update.expectedDraftRevision,
-                'expectedDraftRevision',
-              ),
-            },
-          );
-          if (result.status === 'conflict') {
-            return conflict('draft-revision', result.draft, null);
-          }
-          return { status: 'ok', value: result.draft };
-        } catch (error) {
-          return failure(error);
-        }
-      },
-    },
-    asset: {
-      async importLocalImages(importInput) {
-        try {
-          const result = await invokeInput<ImportedLocalImagesResult>(
-            'import_local_project_asset_canvas_images',
-            {
-              ...baseScope(importInput.scope),
-              expectedDraftRevision: safeRevision(
-                importInput.expectedDraftRevision,
-                'expectedDraftRevision',
-              ),
-              viewportWidth: importInput.viewportSize.width,
-              viewportHeight: importInput.viewportSize.height,
-            },
-          );
-          if (result.status === 'conflict') {
-            return conflict('draft-revision', result.draft, null);
-          }
-          if (result.status === 'cancelled') {
-            return {
-              status: 'ok',
-              value: { status: 'cancelled' },
-            } satisfies ImageCanvasHostResult<ImageCanvasLocalImportResult>;
-          }
-          if (!result.draft) {
-            throw new Error('Tauri 导入完成后未返回权威草稿');
-          }
-          return {
-            status: 'ok',
-            value: {
-              status: 'imported',
-              draft: result.draft,
-              importedLayerIds: result.importedLayerIds,
-            },
-          } satisfies ImageCanvasHostResult<ImageCanvasLocalImportResult>;
-        } catch (error) {
-          return failure(error);
-        }
-      },
-      async importImages(importInput) {
-        const images = [];
-        try {
-          for (const image of importInput.images) {
-            const result = await invokeInput<StoredMediaResult>(
-              'store_local_project_asset_canvas_media',
-              {
-                ...baseScope(importInput.scope),
-                expectedDraftRevision: safeRevision(
-                  importInput.expectedDraftRevision,
-                  'expectedDraftRevision',
-                ),
-                mediaType: image.mediaType,
-                bytes: Array.from(image.bytes),
-              },
-            );
-            if (result.status === 'conflict') {
-              return conflict('draft-revision', result.draft, null);
-            }
-            if (!result.mediaRef || result.mediaRef.kind !== 'draft-media') {
-              throw new Error('Tauri 未返回受控草稿媒体引用');
-            }
-            images.push({
-              mediaRef: result.mediaRef,
-              previewUrl: bytesToPreviewUrl(image.bytes, image.mediaType),
-              resourceId: `draft-media:${result.mediaRef.mediaId}`,
-            });
-          }
-          return { status: 'ok', value: images };
-        } catch (error) {
-          for (const image of images) URL.revokeObjectURL(image.previewUrl);
-          return failure(error);
-        }
-      },
-      async exportImage() {
-        return {
-          status: 'failed',
-          code: 'commit-required',
-          message:
-            'Tauri 素材导出必须通过 completion port 完成 staging 与正式提交',
-        };
-      },
-    },
-    generation,
-    async confirmGenerationServiceIdentity({ scope, confirmation }) {
-      try {
-        const result = await invokeInput<ServiceIdentityConfirmationResult>(
-          'confirm_local_project_asset_canvas_generation_service_identity',
-          {
-            ...baseScope(scope),
-            generationId: confirmation.generationId,
-            operationId: confirmation.operationId,
-            challenge: confirmation.challenge,
-          },
-        );
-        return { status: 'ok', value: result };
-      } catch (error) {
-        return failure(error);
-      }
-    },
-    completion: {
-      async commitSelectedCandidate(commitInput) {
-        try {
-          const expectedDraftRevision = safeRevision(
-            commitInput.expectedDraftRevision,
-            'expectedDraftRevision',
-          );
-          const expectedRevision = safeRevisionString(
-            commitInput.expectedHostRevision,
-            'expectedHostRevision',
-          );
-          const result = await invokeInput<LocalAssetCommitResult>(
-            'commit_local_project_asset_canvas_candidate',
-            {
-              ...baseScope(commitInput.scope),
-              expectedRevision,
-              expectedDraftRevision,
-              commitId: commitInput.commitId,
-              idempotencyKey: commitInput.idempotencyKey,
-              sourceAssetId: commitInput.scope.sourceAssetId,
-              sourceLayerId: commitInput.sourceLayerId,
-              name: commitInput.name,
-              assetKind: commitInput.assetKind,
-              referenceResourceIds: commitInput.referenceResourceIds,
-            },
-          );
-          if (result.status === 'conflict') {
-            return conflict(
-              result.conflictKind === 'project-revision'
-                ? 'host-revision'
-                : result.conflictKind,
-              null,
-              result.projectRevision,
-            );
-          }
-          if (
-            result.status === 'rolled-back' ||
-            result.status === 'reconciliation-required'
-          ) {
-            return {
-              status: 'failed',
-              code: result.status,
-              message:
-                result.status === 'rolled-back'
-                  ? '最终图片替换已安全回滚'
-                  : '最终图片替换需要恢复或人工对账',
-            };
-          }
-          if (
-            result.status !== 'committed' &&
-            result.status !== 'already-committed'
-          ) {
-            return failure('最终图片替换返回未知状态');
-          }
-          return {
-            status: 'ok',
-            value: {
-              resourceId: result.asset.source.resourceId ?? result.asset.id,
-              assetId: result.asset.id,
-              projectId: result.projectId,
-              commitId: result.commitId,
-              committedProjectRevision: result.committedProjectRevision,
-              draftRevision: result.draftRevision,
-              hostRevision: String(result.projectRevision),
-              commitStatus: result.status,
-              manifest: result.manifest,
-              eventId: result.eventId,
-            },
-          };
-        } catch (error) {
-          return failure(error);
-        }
-      },
-      async commitImage(commitInput) {
-        try {
-          const expectedDraftRevision = safeRevision(
-            commitInput.expectedDraftRevision,
-            'expectedDraftRevision',
-          );
-          const expectedRevision = safeRevisionString(
-            commitInput.expectedHostRevision,
-            'expectedHostRevision',
-          );
-          let stagedIdentity = stagedByCommit.get(commitInput.commitId);
-          if (stagedIdentity) {
-            if (
-              stagedIdentity.idempotencyKey !== commitInput.idempotencyKey ||
-              stagedIdentity.expectedDraftRevision !== expectedDraftRevision ||
-              stagedIdentity.mediaType !== commitInput.mediaType ||
-              stagedIdentity.byteLength !== commitInput.bytes.byteLength
-            ) {
-              throw new Error('commitId 已绑定到不同的 staging 请求');
-            }
-          } else {
-            const staged = await invokeInput<StagedImageResult>(
-              'stage_local_project_asset_canvas_image',
-              {
-                ...baseScope(commitInput.scope),
-                expectedDraftRevision,
-                mediaType: commitInput.mediaType,
-                bytes: Array.from(commitInput.bytes),
-              },
-            );
-            if (staged.status === 'conflict' || !staged.stagedImageToken) {
-              return conflict('draft-revision', staged.draft, null);
-            }
-            stagedIdentity = {
-              idempotencyKey: commitInput.idempotencyKey,
-              expectedDraftRevision,
-              mediaType: commitInput.mediaType,
-              byteLength: commitInput.bytes.byteLength,
-              stagedImageToken: staged.stagedImageToken,
-            };
-            stagedByCommit.set(commitInput.commitId, stagedIdentity);
-          }
-          const result = await invokeInput<LocalAssetCommitResult>(
-            'commit_local_project_asset',
-            {
-              ...baseScope(commitInput.scope),
-              expectedRevision,
-              expectedDraftRevision,
-              commitId: commitInput.commitId,
-              idempotencyKey: commitInput.idempotencyKey,
-              intent: commitInput.scope.intent,
-              sourceAssetId: commitInput.scope.sourceAssetId,
-              stagedImageToken: stagedIdentity.stagedImageToken,
-              name: commitInput.name,
-              assetKind: commitInput.assetKind,
-              referenceResourceIds: commitInput.referenceResourceIds,
-              generationProvenance: null,
-            },
-          );
-          if (result.status === 'conflict') {
-            return conflict(
-              result.conflictKind === 'project-revision'
-                ? 'host-revision'
-                : result.conflictKind,
-              null,
-              result.projectRevision,
-            );
-          }
-          if (
-            result.status === 'rolled-back' ||
-            result.status === 'reconciliation-required'
-          ) {
-            return {
-              status: 'failed',
-              code: result.status,
-              message:
-                result.status === 'rolled-back'
-                  ? '素材保存已安全回滚'
-                  : '素材保存需要恢复或人工对账',
-            };
-          }
-          if (
-            result.status !== 'committed' &&
-            result.status !== 'already-committed'
-          ) {
-            return failure('素材保存返回未知状态');
-          }
-          return {
-            status: 'ok',
-            value: {
-              resourceId: result.asset.source.resourceId ?? result.asset.id,
-              assetId: result.asset.id,
-              projectId: result.projectId,
-              commitId: result.commitId,
-              committedProjectRevision: result.committedProjectRevision,
-              draftRevision: result.draftRevision,
-              hostRevision: String(result.projectRevision),
-              commitStatus: result.status,
-              manifest: result.manifest,
-              eventId: result.eventId,
-            },
-          };
-        } catch (error) {
-          return failure(error);
-        }
-      },
-    },
-    async readMediaPreview(readInput) {
-      try {
-        const result = await invokeInput<{
-          mediaType: string;
-          bytes: number[];
-        }>('read_local_project_asset_canvas_media', {
-          ...baseScope(readInput.scope),
-          mediaRef: readInput.mediaRef,
-        });
-        return {
-          status: 'ok',
-          value: {
-            previewUrl: bytesToPreviewUrl(result.bytes, result.mediaType),
-          },
-        };
-      } catch (error) {
-        return failure(error);
-      }
-    },
-    async recover() {
-      try {
-        const result = await invokeInput<{
-          projectRevision: number;
-          manifest: GameCreationAppManifest;
-          outcomes: Array<{ status: string }>;
-        }>('recover_local_project_asset_canvas_transactions', {
-          projectPath: input.projectPath,
-          expectedProjectId: input.expectedProjectId,
-        });
-        safeRevision(result.projectRevision, 'projectRevision');
-        if (
-          result.outcomes?.some(
-            (outcome) => outcome.status === 'reconciliation-required',
-          )
-        ) {
-          return {
-            status: 'failed',
-            code: 'reconciliation-required',
-            message: '素材画布存在无法自动证明的未完成事务',
-          };
-        }
-        return { status: 'ok', value: result };
-      } catch (error) {
-        return failure(error);
-      }
-    },
-    async subscribeCommitted(callback) {
-      const listenEvent = input.listenEvent ?? listen;
-      return listenEvent<LocalAssetCommittedEvent>(
-        LOCAL_ASSET_COMMITTED_EVENT,
-        (event) => {
-          if (
-            event.payload.projectPath === input.projectPath &&
-            event.payload.projectId === input.expectedProjectId
-          ) {
-            callback(event.payload);
-          }
-        },
-      );
-    },
-  };
-}
diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css
index f6c61717a..3d119aab9 100644
--- a/apps/ai-game-creator-shell/src/styles.css
+++ b/apps/ai-game-creator-shell/src/styles.css
@@ -5444,7 +5444,6 @@ iframe.preview-frame {
   box-shadow: var(--platform-nav-active-shadow);
 }
 
-.game-workbench-stage[data-resource-view-state^='resources.asset-canvas'],
 .game-workbench-stage[data-resource-view-state='resources.ui-editor'] {
   grid-template-rows: auto minmax(0, 1fr);
 }
@@ -5455,12 +5454,6 @@ iframe.preview-frame {
   min-height: 0;
 }
 
-.game-workbench-stage[data-resource-view-state^='resources.asset-canvas']
-  > .asset-canvas-surface {
-  grid-row: 2;
-  min-height: 0;
-}
-
 .game-workbench-toolbar {
   position: relative;
   display: flex;
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 38b1a3563..815a964ab 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
@@ -1,4 +1,3 @@
-import type { ImageCanvasHostScope } from '@genarrative/image-canvas-core';
 import type { CanvasViewport } from '@genarrative/image-canvas-core';
 import {
   AtSign,
@@ -52,19 +51,6 @@ import type {
   GameIterationVersion,
   ProjectResourceCanvasLayoutMode,
 } from '../../../../../packages/shared/src/contracts/gameCreationApp';
-import { canonicalAssetBaseName } from '../../features/asset-canvas/assetCanvasNaming';
-import {
-  type AssetCanvasCommitNotification,
-  type AssetCanvasExitResult,
-  type AssetCanvasSaveAttempt,
-  AssetCanvasSurface,
-} from '../../features/asset-canvas/AssetCanvasSurface';
-import {
-  createTauriImageCanvasHostAdapter,
-  LOCAL_ASSET_COMMITTED_EVENT,
-  type LocalAssetCommittedEvent,
-  type TauriImageCanvasHostAdapter,
-} from '../../features/asset-canvas/tauriImageCanvasHostAdapter';
 import {
   LocalGamePreviewFrame,
   type LocalGamePreviewInspectSelection,
@@ -93,8 +79,8 @@ import {
   groupResourceBookStacks,
   resourceBookChildCardLayout,
   resourceBookOverviewCardLayout,
-  selectResourceBookOverviewCards,
   type ResourceBookOverviewRect,
+  selectResourceBookOverviewCards,
 } from './resourceBookLayout';
 import {
   initialResourceBookState,
@@ -217,26 +203,6 @@ type WebKitGestureEvent = Event & {
   scale?: number;
 };
 
-type DiscoverAssetCanvasDraftResult = {
-  status: 'found' | 'not-found';
-  draft: {
-    draftId: string;
-    projectId: string;
-    intent: 'create' | 'refine';
-    sourceAssetId: string | null;
-  } | null;
-};
-
-type AssetCanvasRoute = {
-  flowId: string;
-  sessionId: string;
-  expectedHostRevision: string;
-  initialAssetName: string;
-  initialAssetKind: string;
-  scope: ImageCanvasHostScope;
-  host: TauriImageCanvasHostAdapter;
-};
-
 type ResourceEditorRoute = {
   flowId: string;
   operationId: string;
@@ -318,12 +284,6 @@ function pendingResourceEditCreatedAtLabel(createdAt: number) {
   }).format(new Date(createdAt * 1000));
 }
 
-type NormalizeLocalProjectRasterResourceResult = {
-  committedProjectRevision: number;
-  asset: GameCreationAppAssetManifestEntry;
-  manifest: GameCreationAppManifest;
-};
-
 export type ProjectAgentRuntimeSummary = {
   group: GameCreationAppAgentGroup;
   label: string;
@@ -1284,15 +1244,13 @@ export default function ProjectDevelopmentView({
   const [focusedResourceId, setFocusedResourceId] = useState<string | null>(
     null,
   );
-  const [assetCanvasRoute, setAssetCanvasRoute] =
-    useState<AssetCanvasRoute | null>(null);
   const [resourceEditorRoute, setResourceEditorRoute] =
     useState<ResourceEditorRoute | null>(null);
   const [uiEditorRoute, setUiEditorRoute] = useState<UiEditorRoute | null>(
     null,
   );
   const autoOpenedUiWorkflowResourceRef = useRef<string | null>(null);
-  const [assetCanvasNotice, setAssetCanvasNotice] = useState('');
+  const [resourceWorkbenchNotice, setResourceWorkbenchNotice] = useState('');
   const [pendingResourceEdits, setPendingResourceEdits] = useState<
     PendingLocalProjectResourceEdit[]
   >([]);
@@ -1412,7 +1370,6 @@ export default function ProjectDevelopmentView({
   const pendingResourceFocusRef = useRef<ResourceFocusIntent | null>(null);
   const focusedCommitIdsRef = useRef(new Set<string>());
   const activeFocusFlowIdRef = useRef<string | null>(null);
-  const assetCanvasRouteRef = useRef<AssetCanvasRoute | null>(null);
   const resourceEditorRevisionRef = useRef(new Map<string, number>());
   const pendingResourceEditsReadEpochRef = useRef(0);
   const platformSessionGenerationRef = useRef(platformSessionGeneration);
@@ -1458,7 +1415,6 @@ export default function ProjectDevelopmentView({
     projectPath,
     projectId: manifest.projectId,
   };
-  assetCanvasRouteRef.current = assetCanvasRoute;
   const advanceFocusGeneration = useCallback(() => {
     focusGenerationRef.current += 1;
     return focusGenerationRef.current;
@@ -2183,12 +2139,7 @@ export default function ProjectDevelopmentView({
         ] as const;
       }),
     );
-  }, [
-    resourceBookSceneSize,
-    resourceCanvasViewports,
-    sortMode,
-    visibleCategoryOrder,
-  ]);
+  }, [resourceBookSceneSize, resourceCanvasViewports, sortMode]);
   const setResourceCanvasViewport = useCallback(
     (
       category: ResourceCategory,
@@ -2952,7 +2903,6 @@ export default function ProjectDevelopmentView({
       advanceFocusGeneration();
       activeFocusFlowIdRef.current = null;
       pendingResourceFocusRef.current = null;
-      setAssetCanvasRoute(null);
       setResourceEditorRoute(null);
       setUiEditorRoute(null);
       resourceEditorRevisionRef.current.clear();
@@ -3001,7 +2951,6 @@ export default function ProjectDevelopmentView({
     advanceFocusGeneration();
     activeFocusFlowIdRef.current = null;
     pendingResourceFocusRef.current = null;
-    setAssetCanvasRoute(null);
     setResourceEditorRoute(null);
     setUiEditorRoute(null);
     resourceEditorRevisionRef.current.clear();
@@ -3829,223 +3778,16 @@ export default function ProjectDevelopmentView({
     setSortMode(nextMode);
   }
 
-  const beginAssetCanvas = useCallback(
-    async (
-      sourceAsset: GameCreationAppAssetManifestEntry,
-      expectedProjectRevision: number,
-    ) => {
-      const invoke = window.__TAURI__?.core?.invoke;
-      if (!invoke) {
-        setAssetCanvasNotice('素材创作画布需要在客户端内打开');
-        return;
-      }
-      advanceFocusGeneration();
-      pendingResourceFocusRef.current = null;
-      setHiddenCommittedResourceId(null);
-      const openEpoch = canvasOpenEpochRef.current + 1;
-      canvasOpenEpochRef.current = openEpoch;
-      const flowId = crypto.randomUUID();
-      const sessionId = crypto.randomUUID();
-      let discovered: DiscoverAssetCanvasDraftResult;
-      try {
-        discovered = await invoke<DiscoverAssetCanvasDraftResult>(
-          'discover_local_project_asset_canvas_draft',
-          {
-            input: {
-              projectPath,
-              expectedProjectId: manifest.projectId,
-              intent: 'refine',
-              sourceAssetId: sourceAsset.id,
-            },
-          },
-        );
-      } catch (error) {
-        if (canvasOpenEpochRef.current === openEpoch) {
-          setAssetCanvasNotice(
-            error instanceof Error ? error.message : String(error),
-          );
-        }
-        return;
-      }
-      const currentProject = currentProjectIdentityRef.current;
-      if (
-        canvasOpenEpochRef.current !== openEpoch ||
-        currentProject.projectPath !== projectPath ||
-        currentProject.projectId !== manifest.projectId
-      ) {
-        return;
-      }
-      const draftId =
-        discovered.status === 'found' &&
-        discovered.draft?.projectId === manifest.projectId &&
-        discovered.draft.intent === 'refine' &&
-        discovered.draft.sourceAssetId === sourceAsset.id
-          ? discovered.draft.draftId
-          : discovered.status === 'not-found' && discovered.draft === null
-            ? crypto.randomUUID()
-            : null;
-      if (!draftId) {
-        setAssetCanvasNotice('可恢复素材草稿与当前资源身份不一致');
-        return;
-      }
-      const scope: ImageCanvasHostScope = {
-        projectId: manifest.projectId,
-        draftId,
-        intent: 'refine',
-        sourceAssetId: sourceAsset.id,
-      };
-      activeFocusFlowIdRef.current = flowId;
-      setResourceEditorRoute(null);
-      setUiEditorRoute(null);
-      setAssetCanvasRoute({
-        flowId,
-        sessionId,
-        expectedHostRevision: String(expectedProjectRevision),
-        initialAssetName: canonicalAssetBaseName(sourceAsset.localPath),
-        initialAssetKind: sourceAsset.kind,
-        scope,
-        host: createTauriImageCanvasHostAdapter({
-          projectPath,
-          expectedProjectId: manifest.projectId,
-          expectedHostRevision: expectedProjectRevision,
-          invoke,
-        }),
-      });
-      setAssetCanvasNotice('');
-    },
-    [advanceFocusGeneration, manifest.projectId, projectPath],
-  );
-
-  const openAssetCanvas = useCallback(
-    (sourceAssetId: string) => {
-      const invoke = window.__TAURI__?.core?.invoke;
-      if (!invoke) {
-        setAssetCanvasNotice('素材创作画布需要在客户端内打开');
-        return;
-      }
-      const sourceAsset = manifest.assets.find(
-        (asset) => asset.id === sourceAssetId,
-      );
-      if (
-        !sourceAsset ||
-        !['image/png', 'image/jpeg', 'image/webp'].includes(
-          sourceAsset.mediaType,
-        )
-      ) {
-        setAssetCanvasNotice('只能编辑当前项目中已存在的图片资源');
-        return;
-      }
-      setAssetCanvasNotice('正在打开素材创作画布…');
-      const openEpoch = canvasOpenEpochRef.current + 1;
-      canvasOpenEpochRef.current = openEpoch;
-      void invoke<{ revision: number }>('get_local_game_project_revision', {
-        projectPath,
-      })
-        .then((status) => {
-          if (canvasOpenEpochRef.current !== openEpoch) {
-            return;
-          }
-          if (!Number.isSafeInteger(status.revision) || status.revision < 0) {
-            throw new Error('项目 revision 无效');
-          }
-          void beginAssetCanvas(sourceAsset, status.revision);
-        })
-        .catch((error: unknown) => {
-          if (canvasOpenEpochRef.current !== openEpoch) {
-            return;
-          }
-          setAssetCanvasNotice(
-            error instanceof Error ? error.message : String(error),
-          );
-        });
-    },
-    [beginAssetCanvas, manifest.assets, projectPath],
-  );
-
-  const normalizeRasterSourceAndOpen = useCallback(
-    async (
-      resource: ProjectResource,
-      capability: Extract<
-        ProjectResourceEditCapability,
-        { route: 'image-canvas'; normalizeSource: true }
-      >,
-    ) => {
-      const invoke = window.__TAURI__?.core?.invoke;
-      if (!invoke) {
-        setAssetCanvasNotice('素材创作画布需要在客户端内打开');
-        return;
-      }
-      if (!resource.producerTaskId) {
-        setAssetCanvasNotice('该图片缺少可核验的任务或上传登记身份');
-        return;
-      }
-      const openEpoch = canvasOpenEpochRef.current + 1;
-      canvasOpenEpochRef.current = openEpoch;
-      setAssetCanvasNotice('正在登记源图片并打开编辑画布…');
-      try {
-        const revision = await invoke<{ revision: number }>(
-          'get_local_game_project_revision',
-          { projectPath },
-        );
-        if (canvasOpenEpochRef.current !== openEpoch) {
-          return;
-        }
-        if (!Number.isSafeInteger(revision.revision) || revision.revision < 0) {
-          throw new Error('项目 revision 无效');
-        }
-        const normalized =
-          await invoke<NormalizeLocalProjectRasterResourceResult>(
-            'normalize_local_project_raster_resource',
-            {
-              input: {
-                projectPath,
-                expectedProjectId: manifest.projectId,
-                expectedProjectRevision: revision.revision,
-                sourceResourceId: resource.id,
-                sourcePath: resource.path,
-                sourceMediaType: capability.mediaType,
-                sourceSubtype: resource.subtype,
-                producerTaskId: resource.producerTaskId,
-              },
-            },
-          );
-        if (canvasOpenEpochRef.current !== openEpoch) {
-          return;
-        }
-        if (normalized.manifest.projectId !== manifest.projectId) {
-          throw new Error('源图片登记结果与当前项目不一致');
-        }
-        onManifestChange?.(projectPath, normalized.manifest, {
-          projectId: normalized.manifest.projectId,
-          revision: normalized.committedProjectRevision,
-          source: 'asset-command',
-          commitId: `normalize:${normalized.asset.id}`,
-        });
-        void beginAssetCanvas(
-          normalized.asset,
-          normalized.committedProjectRevision,
-        );
-      } catch (error) {
-        if (canvasOpenEpochRef.current === openEpoch) {
-          setAssetCanvasNotice(
-            error instanceof Error ? error.message : String(error),
-          );
-        }
-      }
-    },
-    [beginAssetCanvas, manifest.projectId, onManifestChange, projectPath],
-  );
-
   const openUiDesignEditor = useCallback(
     async (resource: ProjectResource) => {
       const prototypeAssetId = resource.manifestAssetId;
       if (!prototypeAssetId) {
-        setAssetCanvasNotice('该 UI 原型缺少有效的正式资产身份');
+        setResourceWorkbenchNotice('该 UI 原型缺少有效的正式资产身份');
         return;
       }
       const invoke = window.__TAURI__?.core?.invoke;
       if (!invoke) {
-        setAssetCanvasNotice('UI 编辑器需要在客户端内打开');
+        setResourceWorkbenchNotice('UI 编辑器需要在客户端内打开');
         return;
       }
       const openEpoch = canvasOpenEpochRef.current + 1;
@@ -4053,10 +3795,9 @@ export default function ProjectDevelopmentView({
       advanceFocusGeneration();
       activeFocusFlowIdRef.current = null;
       pendingResourceFocusRef.current = null;
-      setAssetCanvasRoute(null);
       setResourceEditorRoute(null);
       setUiEditorRoute(null);
-      setAssetCanvasNotice('正在准备 UI 编辑资源…');
+      setResourceWorkbenchNotice('正在准备 UI 编辑资源…');
       try {
         const result = await ensureUiDesignResourceForPrototype({
           projectPath,
@@ -4080,7 +3821,7 @@ export default function ProjectDevelopmentView({
             commitId: `ui-design-bridge:${result.asset.id}`,
           });
         }
-        setAssetCanvasNotice('');
+        setResourceWorkbenchNotice('');
         setUiEditorRoute({
           resourceId: result.asset.id,
           resourceLabel:
@@ -4095,7 +3836,7 @@ export default function ProjectDevelopmentView({
         });
       } catch (error) {
         if (canvasOpenEpochRef.current === openEpoch) {
-          setAssetCanvasNotice(
+          setResourceWorkbenchNotice(
             error instanceof Error ? error.message : String(error),
           );
         }
@@ -4112,16 +3853,15 @@ export default function ProjectDevelopmentView({
       }
       if (resource.subtype === 'UI') {
         if (resource.manifestAssetId === null) {
-          setAssetCanvasNotice('该 UI 资源缺少有效的正式资产身份');
+          setResourceWorkbenchNotice('该 UI 资源缺少有效的正式资产身份');
           return;
         }
         canvasOpenEpochRef.current += 1;
         advanceFocusGeneration();
         activeFocusFlowIdRef.current = null;
         pendingResourceFocusRef.current = null;
-        setAssetCanvasRoute(null);
         setResourceEditorRoute(null);
-        setAssetCanvasNotice('');
+        setResourceWorkbenchNotice('');
         setUiEditorRoute({
           resourceId: resource.manifestAssetId,
           resourceLabel: resource.label,
@@ -4137,22 +3877,13 @@ export default function ProjectDevelopmentView({
         return;
       }
       const capability = resolveProjectResourceEditCapability(resource);
-      if (capability.route === 'image-canvas') {
-        if (capability.normalizeSource) {
-          void normalizeRasterSourceAndOpen(resource, capability);
-        } else {
-          openAssetCanvas(capability.sourceAssetId);
-        }
-        return;
-      }
       canvasOpenEpochRef.current += 1;
       advanceFocusGeneration();
       const flowId = crypto.randomUUID();
       activeFocusFlowIdRef.current = flowId;
       pendingResourceFocusRef.current = null;
-      setAssetCanvasRoute(null);
       setUiEditorRoute(null);
-      setAssetCanvasNotice('');
+      setResourceWorkbenchNotice('');
       setResourceEditorRoute({
         flowId,
         operationId: crypto.randomUUID(),
@@ -4162,13 +3893,7 @@ export default function ProjectDevelopmentView({
         generationMode: 'derive',
       });
     },
-    [
-      advanceFocusGeneration,
-      manifest,
-      normalizeRasterSourceAndOpen,
-      openAssetCanvas,
-      openUiDesignEditor,
-    ],
+    [advanceFocusGeneration, manifest, openUiDesignEditor],
   );
 
   useEffect(() => {
@@ -4190,9 +3915,8 @@ export default function ProjectDevelopmentView({
     advanceFocusGeneration();
     activeFocusFlowIdRef.current = null;
     pendingResourceFocusRef.current = null;
-    setAssetCanvasRoute(null);
     setResourceEditorRoute(null);
-    setAssetCanvasNotice('');
+    setResourceWorkbenchNotice('');
     setUiEditorRoute({
       resourceId: completed.id,
       resourceLabel:
@@ -4225,8 +3949,7 @@ export default function ProjectDevelopmentView({
       const flowId = crypto.randomUUID();
       activeFocusFlowIdRef.current = flowId;
       pendingResourceFocusRef.current = null;
-      setAssetCanvasRoute(null);
-      setAssetCanvasNotice('');
+      setResourceWorkbenchNotice('');
       setResourceEditorRoute({
         flowId,
         operationId: crypto.randomUUID(),
@@ -4247,7 +3970,7 @@ export default function ProjectDevelopmentView({
     activeFocusFlowIdRef.current = null;
     pendingResourceFocusRef.current = null;
     setResourceEditorRoute(null);
-    setAssetCanvasNotice('');
+    setResourceWorkbenchNotice('');
   }, [advanceFocusGeneration, resourceEditorRoute]);
 
   const beginPendingResourceEditAction = useCallback((operationId: string) => {
@@ -4291,7 +4014,9 @@ export default function ProjectDevelopmentView({
         return next;
       });
       setPendingResourceEditsError('');
-      setAssetCanvasNotice(`正在继续“${pending.assetName}”的原生成 operation…`);
+      setResourceWorkbenchNotice(
+        `正在继续“${pending.assetName}”的原生成 operation…`,
+      );
       try {
         const result = await withPlatformSessionRefresh(() =>
           invoke<DeriveLocalProjectResourceResult>(
@@ -4356,7 +4081,9 @@ export default function ProjectDevelopmentView({
           focusGenerationRef.current === actionFocusGeneration &&
           pendingResourceFocusRef.current?.flowId === flowId
         ) {
-          setAssetCanvasNotice('原资源编辑已恢复，正在同步派生资源与布局…');
+          setResourceWorkbenchNotice(
+            '原资源编辑已恢复，正在同步派生资源与布局…',
+          );
         }
       } catch (error) {
         if (!isCurrentRecoveryProject(actionProject)) return;
@@ -4407,7 +4134,7 @@ export default function ProjectDevelopmentView({
         await refreshPendingResourceEdits();
         if (!isCurrentRecoveryProject(actionProject)) return;
         if (focusGenerationRef.current === actionFocusGeneration) {
-          setAssetCanvasNotice(message);
+          setResourceWorkbenchNotice(message);
         }
       } finally {
         if (isCurrentRecoveryProject(actionProject)) {
@@ -4547,7 +4274,9 @@ export default function ProjectDevelopmentView({
           refreshResult.status === 'ready' &&
           focusGenerationRef.current === actionFocusGeneration
         ) {
-          setAssetCanvasNotice(`已将“${pending.assetName}”移出活动恢复队列`);
+          setResourceWorkbenchNotice(
+            `已将“${pending.assetName}”移出活动恢复队列`,
+          );
         }
       } catch (error) {
         if (!isCurrentRecoveryProject(actionProject)) return;
@@ -4681,7 +4410,7 @@ export default function ProjectDevelopmentView({
       setResourceEditorRoute(null);
       setFocusedResourceId(null);
       setMode('resources');
-      setAssetCanvasNotice(
+      setResourceWorkbenchNotice(
         isCreate
           ? '生成资源已保存，正在同步资源与布局…'
           : '派生资源已保存，正在同步资源与布局…',
@@ -4691,145 +4420,6 @@ export default function ProjectDevelopmentView({
     [manifest.projectId, onManifestChange, projectPath, resourceEditorRoute],
   );
 
-  const cancelAssetCanvas = useCallback(
-    (_result: AssetCanvasExitResult) => {
-      canvasOpenEpochRef.current += 1;
-      advanceFocusGeneration();
-      activeFocusFlowIdRef.current = null;
-      pendingResourceFocusRef.current = null;
-      setAssetCanvasRoute(null);
-      setAssetCanvasNotice('');
-      setHiddenCommittedResourceId(null);
-    },
-    [advanceFocusGeneration],
-  );
-
-  const handleAssetCanvasSaveAttempt = useCallback(
-    (attempt: AssetCanvasSaveAttempt) => {
-      const route = assetCanvasRouteRef.current;
-      if (
-        !route ||
-        route.sessionId !== attempt.sessionId ||
-        route.scope.projectId !== attempt.projectId ||
-        route.scope.draftId !== attempt.draftId
-      ) {
-        return;
-      }
-      pendingResourceFocusRef.current = {
-        flowId: route.flowId,
-        saveAttemptId: attempt.saveAttemptId,
-        sessionId: attempt.sessionId,
-        draftId: attempt.draftId,
-        commitId: attempt.commitId,
-        projectPath,
-        projectId: attempt.projectId,
-        focusGeneration: focusGenerationRef.current,
-        resourceId: null,
-        completed: false,
-      };
-    },
-    [projectPath],
-  );
-
-  const handleAssetCommitted = useCallback(
-    (notification: AssetCanvasCommitNotification) => {
-      if (
-        notification.projectPath !== projectPath ||
-        notification.projectId !== manifest.projectId ||
-        notification.manifest.projectId !== manifest.projectId
-      ) {
-        return;
-      }
-      const committedResourceId = `asset:${notification.assetId}`;
-      setResourcePreviewVersionByResourceId((current) => {
-        if (current.get(committedResourceId) === notification.commitId) {
-          return current;
-        }
-        const next = new Map(current);
-        next.set(committedResourceId, notification.commitId);
-        return next;
-      });
-      onManifestChange?.(projectPath, notification.manifest, {
-        projectId: notification.projectId,
-        revision: notification.projectRevision,
-        source:
-          notification.source === 'event' ? 'asset-event' : 'asset-command',
-        commitId: notification.commitId,
-        eventId: notification.eventId,
-      });
-
-      const route = assetCanvasRouteRef.current;
-      if (
-        route?.scope.intent === 'refine' &&
-        route.scope.draftId === notification.draftId
-      ) {
-        pendingResourceFocusRef.current = null;
-        setHiddenCommittedResourceId(null);
-        setAssetCanvasNotice('已更新最终图，可继续在精修草稿中编辑');
-        return;
-      }
-      const focusIntent = pendingResourceFocusRef.current;
-      if (
-        !route ||
-        route.flowId !== activeFocusFlowIdRef.current ||
-        route.scope.draftId !== notification.draftId ||
-        !focusIntent ||
-        focusIntent.flowId !== route.flowId ||
-        focusIntent.commitId !== notification.commitId
-      ) {
-        return;
-      }
-      pendingResourceFocusRef.current = {
-        ...focusIntent,
-        resourceId: committedResourceId,
-      };
-      setAssetCanvasRoute(null);
-      setMode('resources');
-      setFocusedResourceId(null);
-      setAssetCanvasNotice('素材已保存，正在同步资源与布局…');
-    },
-    [manifest.projectId, onManifestChange, projectPath],
-  );
-
-  useEffect(() => {
-    const listen = window.__TAURI__?.event?.listen;
-    if (!listen) {
-      return undefined;
-    }
-    let disposed = false;
-    let unlisten: (() => void) | undefined;
-    void listen<LocalAssetCommittedEvent>(
-      LOCAL_ASSET_COMMITTED_EVENT,
-      (event) => {
-        const payload = event.payload;
-        handleAssetCommitted({
-          source: 'event',
-          projectPath: payload.projectPath,
-          projectId: payload.projectId,
-          draftId: payload.draftId,
-          commitId: payload.commitId,
-          assetId: payload.asset.id,
-          manifest: payload.manifest,
-          projectRevision: payload.committedProjectRevision,
-          committedProjectRevision: payload.committedProjectRevision,
-          eventId: payload.eventId,
-        });
-      },
-    )
-      .then((cleanup) => {
-        if (disposed) {
-          cleanup();
-        } else {
-          unlisten = cleanup;
-        }
-      })
-      .catch(() => undefined);
-    return () => {
-      disposed = true;
-      unlisten?.();
-    };
-  }, [handleAssetCommitted]);
-
   useLayoutEffect(() => {
     const intent = pendingResourceFocusRef.current;
     if (!intent) {
@@ -4877,24 +4467,28 @@ export default function ProjectDevelopmentView({
     });
     if (resolution === 'invalid') {
       pendingResourceFocusRef.current = null;
-      setAssetCanvasNotice('');
+      setResourceWorkbenchNotice('');
       return;
     }
     if (resolution === 'hidden' && intent.resourceId) {
       setHiddenCommittedResourceId(intent.resourceId);
-      setAssetCanvasNotice('新资源已保存，但被当前搜索条件隐藏');
+      setResourceWorkbenchNotice('新资源已保存，但被当前搜索条件隐藏');
       return;
     }
     if (resolution === 'wait-projection') {
-      setAssetCanvasNotice('asset durable committed，正在等待 manifest 投影…');
+      setResourceWorkbenchNotice(
+        'asset durable committed，正在等待 manifest 投影…',
+      );
       return;
     }
     if (resolution === 'wait-layout') {
-      setAssetCanvasNotice('manifest projected，正在等待两种资源布局就绪…');
+      setResourceWorkbenchNotice(
+        'manifest projected，正在等待两种资源布局就绪…',
+      );
       return;
     }
     if (resolution === 'wait-dom') {
-      setAssetCanvasNotice('layout ready，正在选择新资源…');
+      setResourceWorkbenchNotice('layout ready，正在选择新资源…');
       return;
     }
     if (resolution !== 'focus' || !intent.resourceId || !card) {
@@ -4907,7 +4501,7 @@ export default function ProjectDevelopmentView({
     intent.completed = true;
     focusedCommitIdsRef.current.add(intent.commitId);
     pendingResourceFocusRef.current = null;
-    setAssetCanvasNotice('');
+    setResourceWorkbenchNotice('');
     setHiddenCommittedResourceId(null);
     card.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });
     handleResourceSelect(intent.resourceId);
@@ -4939,7 +4533,6 @@ export default function ProjectDevelopmentView({
     advanceFocusGeneration();
     activeFocusFlowIdRef.current = null;
     pendingResourceFocusRef.current = null;
-    setAssetCanvasRoute(null);
     setResourceEditorRoute(null);
     setUiEditorRoute(null);
     resourceEditorRevisionRef.current.clear();
@@ -4955,11 +4548,7 @@ export default function ProjectDevelopmentView({
   }
 
   const showRunUnavailableHint =
-    !runAvailable &&
-    !focusedResource &&
-    !assetCanvasRoute &&
-    !resourceEditorRoute &&
-    !uiEditorRoute;
+    !runAvailable && !focusedResource && !resourceEditorRoute && !uiEditorRoute;
 
   const renderResourceBookCard = useCallback(
     (
@@ -5062,15 +4651,13 @@ export default function ProjectDevelopmentView({
           aria-label="项目主视窗"
           data-resource-view-state={
             mode === 'resources'
-              ? assetCanvasRoute
-                ? `resources.asset-canvas.${assetCanvasRoute.scope.intent}`
-                : resourceEditorRoute
-                  ? `resources.editor.${resourceEditorRoute.capability.editKind}`
-                  : uiEditorRoute
-                    ? 'resources.ui-editor'
-                    : focusedResource
-                      ? `resources.focused.${focusedResource.category}`
-                      : 'resources.list'
+              ? resourceEditorRoute
+                ? `resources.editor.${resourceEditorRoute.capability.editKind}`
+                : uiEditorRoute
+                  ? 'resources.ui-editor'
+                  : focusedResource
+                    ? `resources.focused.${focusedResource.category}`
+                    : 'resources.list'
               : undefined
           }
         >
@@ -5138,7 +4725,6 @@ export default function ProjectDevelopmentView({
                 </button>
               ) : null}
               {mode === 'resources' &&
-              !assetCanvasRoute &&
               !resourceEditorRoute &&
               !uiEditorRoute ? (
                 <>
@@ -5219,19 +4805,6 @@ export default function ProjectDevelopmentView({
                 onBack={() => setUiEditorRoute(null)}
               />
             </div>
-          ) : mode === 'resources' && assetCanvasRoute ? (
-            <AssetCanvasSurface
-              host={assetCanvasRoute.host}
-              scope={assetCanvasRoute.scope}
-              sessionId={assetCanvasRoute.sessionId}
-              expectedHostRevision={assetCanvasRoute.expectedHostRevision}
-              initialAssetName={assetCanvasRoute.initialAssetName}
-              initialAssetKind={assetCanvasRoute.initialAssetKind}
-              initialOpenQuickEdit
-              onCancel={cancelAssetCanvas}
-              onSaveAttempt={handleAssetCanvasSaveAttempt}
-              onCommitted={handleAssetCommitted}
-            />
           ) : mode === 'resources' && resourceEditorRoute ? (
             <ResourceEditSurface
               resourceLabel={
@@ -5657,9 +5230,9 @@ export default function ProjectDevelopmentView({
                     }}
                   />
                 </label>
-                {assetCanvasNotice ? (
+                {resourceWorkbenchNotice ? (
                   <div className="game-resource-live-notice" role="status">
-                    <span>{assetCanvasNotice}</span>
+                    <span>{resourceWorkbenchNotice}</span>
                     {hiddenCommittedResourceId ? (
                       <button
                         type="button"
@@ -5679,7 +5252,7 @@ export default function ProjectDevelopmentView({
                           };
                           setSearchText('');
                           setHiddenCommittedResourceId(null);
-                          setAssetCanvasNotice('正在定位新资源…');
+                          setResourceWorkbenchNotice('正在定位新资源…');
                         }}
                       >
                         清除搜索并定位
diff --git a/apps/ai-game-creator-shell/src/view/project-development/resourceEditModel.ts b/apps/ai-game-creator-shell/src/view/project-development/resourceEditModel.ts
index 81f862cb9..f33f292eb 100644
--- a/apps/ai-game-creator-shell/src/view/project-development/resourceEditModel.ts
+++ b/apps/ai-game-creator-shell/src/view/project-development/resourceEditModel.ts
@@ -11,26 +11,13 @@ export type LocalProjectResourceEditKind =
   | 'agent-result'
   | 'version';
 
-export type ProjectResourceEditCapability =
-  | {
-      route: 'image-canvas';
-      sourceAssetId: string;
-      normalizeSource: false;
-      mediaType: 'image/png' | 'image/jpeg' | 'image/webp';
-    }
-  | {
-      route: 'image-canvas';
-      sourceAssetId: null;
-      normalizeSource: true;
-      mediaType: 'image/png' | 'image/jpeg' | 'image/webp';
-    }
-  | {
-      route: 'derive';
-      editKind: LocalProjectResourceEditKind;
-      sourceMediaType: string;
-      semanticNotice: string | null;
-      generationMode?: 'create' | 'derive';
-    };
+export type ProjectResourceEditCapability = {
+  route: 'derive';
+  editKind: LocalProjectResourceEditKind;
+  sourceMediaType: string;
+  semanticNotice: string | null;
+  generationMode?: 'create' | 'derive';
+};
 
 const extensionMediaTypes: Record<string, string> = {
   png: 'image/png',
@@ -140,21 +127,6 @@ export function resolveProjectResourceEditCapability(
   }
 
   const mediaType = canonicalProjectedResourceMediaType(resource);
-  if (['image/png', 'image/jpeg', 'image/webp'].includes(mediaType)) {
-    return resource.manifestAssetId
-      ? {
-          route: 'image-canvas',
-          sourceAssetId: resource.manifestAssetId,
-          normalizeSource: false,
-          mediaType: mediaType as 'image/png' | 'image/jpeg' | 'image/webp',
-        }
-      : {
-          route: 'image-canvas',
-          sourceAssetId: null,
-          normalizeSource: true,
-          mediaType: mediaType as 'image/png' | 'image/jpeg' | 'image/webp',
-        };
-  }
   if (mediaType === 'image/svg+xml') {
     return {
       route: 'derive',