feat: enhance order asset selection and previews

tests/features/workflows/workflow-detail.test.tsx

@@ -42,6 +42,7 @@ const BASE_WORKFLOW_DETAIL: WorkflowDetailVM = {
       endedAt: "2026-03-27T00:07:00Z",
       containsMockAssets: false,
       mockAssetUris: [],
+      previewUri: null,
       isCurrent: false,
       isFailed: true,
     },
@@ -64,6 +65,7 @@ const BASE_WORKFLOW_DETAIL: WorkflowDetailVM = {
       endedAt: null,
       containsMockAssets: true,
       mockAssetUris: ["mock://fusion-preview"],
+      previewUri: "mock://fusion-preview",
       isCurrent: true,
       isFailed: false,
     },
@@ -82,3 +84,41 @@ test("highlights failed steps and mock asset hints in the workflow timeline", ()
   expect(screen.getByText("Temporal activity timed out.")).toBeInTheDocument();
   expect(screen.getByText("当前流程包含 mock 资产")).toBeInTheDocument();
 });
+
+test("renders image previews for real workflow step outputs", () => {
+  render(
+    <WorkflowDetail
+      viewModel={{
+        ...BASE_WORKFLOW_DETAIL,
+        hasMockAssets: false,
+        steps: [
+          {
+            id: 21,
+            workflowRunId: 9001,
+            name: "scene",
+            label: "场景处理",
+            status: "succeeded",
+            statusMeta: {
+              label: "已完成",
+              tone: "success",
+            },
+            input: null,
+            output: {
+              uri: "https://images.example.com/orders/101/scene/generated.jpg",
+            },
+            errorMessage: null,
+            startedAt: "2026-03-27T00:06:00Z",
+            endedAt: "2026-03-27T00:07:00Z",
+            containsMockAssets: false,
+            mockAssetUris: [],
+            previewUri: "https://images.example.com/orders/101/scene/generated.jpg",
+            isCurrent: false,
+            isFailed: false,
+          },
+        ],
+      }}
+    />,
+  );
+
+  expect(screen.getByAltText("场景处理预览")).toBeInTheDocument();
+});