diff --git a/furniture-3d-system/src/app/intake/IntakeClient.test.tsx b/furniture-3d-system/src/app/intake/IntakeClient.test.tsx
index 522af30f..f0e096da 100644
--- a/furniture-3d-system/src/app/intake/IntakeClient.test.tsx
+++ b/furniture-3d-system/src/app/intake/IntakeClient.test.tsx
@@ -13,11 +13,25 @@ import {
 } from './non-integrated/nonIntegratedStorage'
 
 const push = jest.fn()
+const mockAoaToSheet = jest.fn((rows: unknown[][]) => ({ rows }))
+const mockBookNew = jest.fn(() => ({}))
+const mockBookAppendSheet = jest.fn()
+const mockXlsxWrite = jest.fn(() => new ArrayBuffer(8))
 
 jest.mock('next/navigation', () => ({
   useRouter: () => ({ push }),
 }))
 
+jest.mock('xlsx', () => ({
+  __esModule: true,
+  utils: {
+    aoa_to_sheet: mockAoaToSheet,
+    book_new: mockBookNew,
+    book_append_sheet: mockBookAppendSheet,
+  },
+  write: mockXlsxWrite,
+}))
+
 jest.mock('@/components/platform/PlatformSplitLayout', () => ({
   __esModule: true,
   PlatformSplitLayout: ({
@@ -262,8 +276,13 @@ function createNonIntegratedProduct(overrides: Record<string, unknown> = {}) {
 
 describe('IntakeClient', () => {
   beforeEach(() => {
+    jest.useRealTimers()
     window.localStorage.clear()
     jest.restoreAllMocks()
+    mockAoaToSheet.mockClear()
+    mockBookNew.mockClear()
+    mockBookAppendSheet.mockClear()
+    mockXlsxWrite.mockClear()
     push.mockReset()
   })
 
@@ -311,12 +330,121 @@ describe('IntakeClient', () => {
     const leftPanel = screen.getByTestId('left-panel')
     expect(screen.getByRole('tab', { name: '产品开发进度' })).toBeInTheDocument()
     expect(within(leftPanel).getByText('产品开发进度总览')).toBeInTheDocument()
-    expect(within(leftPanel).getByRole('button', { name: /总进度/ })).toBeInTheDocument()
+    expect(within(leftPanel).getByRole('button', { name: /状态总览/ })).toBeInTheDocument()
     expect(within(leftPanel).getByText('全部产品明细')).toBeInTheDocument()
     expect(within(leftPanel).getByText('SZ0230')).toBeInTheDocument()
   })
 
-  it('filters product progress rows by clicking a ring dimension item', async () => {
+  it('shows running total days and node elapsed days in the product progress table', async () => {
+    jest.useFakeTimers({ now: new Date('2026-04-29T00:00:00.000Z') })
+    const actor = userEvent.setup({ advanceTimers: jest.advanceTimersByTime })
+
+    try {
+      renderSelector({
+        eligibleSkuList: [],
+        initialNonIntegratedProducts: [
+          createNonIntegratedProduct({
+            id: 'duration-product',
+            spu: 'Duration SKU',
+            createdAt: '2026-04-28T00:00:00.000Z',
+            updatedAt: '2026-04-28T00:00:00.000Z',
+            documentWorkspaceApprovedAt: {
+              [NON_INTEGRATED_DOCUMENT_WORKSPACE_CATEGORIES[0]]:
+                '2026-04-28T12:00:00.000Z',
+            },
+          }),
+        ],
+      })
+
+      const rightPanel = screen.getByTestId('right-panel')
+      await actor.click(
+        within(rightPanel).getByRole('button', { name: /产品开发进度/ }),
+      )
+
+      const row = within(screen.getByTestId('left-panel'))
+        .getByText('Duration SKU')
+        .closest('tr')
+
+      expect(row).not.toBeNull()
+      expect(
+        within(row as HTMLElement).getByText('1.00 天'),
+      ).toBeInTheDocument()
+      expect(
+        within(row as HTMLElement).getByText('0.50 天'),
+      ).toBeInTheDocument()
+    } finally {
+      jest.useRealTimers()
+    }
+  })
+
+  it('exports current product progress rows as an Excel workbook', async () => {
+    jest.useFakeTimers({ now: new Date('2026-04-29T00:00:00.000Z') })
+    const actor = userEvent.setup({ advanceTimers: jest.advanceTimersByTime })
+    const originalCreateObjectURL = URL.createObjectURL
+    const originalRevokeObjectURL = URL.revokeObjectURL
+    const createObjectURL = jest.fn(() => 'blob:product-progress')
+    const revokeObjectURL = jest.fn()
+    const clickSpy = jest
+      .spyOn(HTMLAnchorElement.prototype, 'click')
+      .mockImplementation(() => {})
+
+    Object.defineProperty(URL, 'createObjectURL', {
+      configurable: true,
+      value: createObjectURL,
+    })
+    Object.defineProperty(URL, 'revokeObjectURL', {
+      configurable: true,
+      value: revokeObjectURL,
+    })
+
+    try {
+      renderSelector({
+        eligibleSkuList: [],
+        initialNonIntegratedProducts: [
+          createNonIntegratedProduct({
+            id: 'export-product',
+            spu: 'Export SKU',
+            createdAt: '2026-04-28T00:00:00.000Z',
+            updatedAt: '2026-04-28T00:00:00.000Z',
+            documentWorkspaceApprovedAt: {
+              [NON_INTEGRATED_DOCUMENT_WORKSPACE_CATEGORIES[0]]:
+                '2026-04-28T12:00:00.000Z',
+            },
+          }),
+        ],
+      })
+
+      const rightPanel = screen.getByTestId('right-panel')
+      await actor.click(
+        within(rightPanel).getByRole('button', { name: /产品开发进度/ }),
+      )
+      await actor.click(screen.getByRole('button', { name: '导出明细' }))
+
+      await waitFor(() => expect(mockXlsxWrite).toHaveBeenCalled())
+
+      const exportedRows = mockAoaToSheet.mock.calls[0]?.[0] as unknown[][]
+      expect(exportedRows[0]).toContain('总耗时')
+      expect(exportedRows.flat()).toContain('Export SKU')
+      expect(exportedRows.flat()).toContain('1.00 天')
+      expect(exportedRows.flat()).toContain('0.50 天')
+      expect(createObjectURL).toHaveBeenCalledWith(expect.any(Blob))
+      expect(clickSpy).toHaveBeenCalled()
+      expect(revokeObjectURL).toHaveBeenCalledWith('blob:product-progress')
+    } finally {
+      clickSpy.mockRestore()
+      Object.defineProperty(URL, 'createObjectURL', {
+        configurable: true,
+        value: originalCreateObjectURL,
+      })
+      Object.defineProperty(URL, 'revokeObjectURL', {
+        configurable: true,
+        value: originalRevokeObjectURL,
+      })
+      jest.useRealTimers()
+    }
+  })
+
+  it('filters product progress rows by clicking a status overview dimension item', async () => {
     const actor = userEvent.setup()
 
     renderSelector({
@@ -341,11 +469,10 @@ describe('IntakeClient', () => {
     )
 
     const leftPanel = screen.getByTestId('left-panel')
-    await actor.click(within(leftPanel).getByRole('button', { name: /环形视图/ }))
     await actor.click(within(leftPanel).getByRole('button', { name: /基本盘 1 个/ }))
 
     expect(
-      within(leftPanel).getByText('按品牌查看明细：基本盘'),
+      within(leftPanel).getByText('全部产品明细：基本盘'),
     ).toBeInTheDocument()
     expect(within(leftPanel).getByText('SZ0230')).toBeInTheDocument()
     expect(within(leftPanel).queryByText('GBGJ-SZ0230')).not.toBeInTheDocument()
diff --git a/furniture-3d-system/src/app/intake/IntakeClient.tsx b/furniture-3d-system/src/app/intake/IntakeClient.tsx
index 9366dacc..9fe9338e 100644
--- a/furniture-3d-system/src/app/intake/IntakeClient.tsx
+++ b/furniture-3d-system/src/app/intake/IntakeClient.tsx
@@ -2,7 +2,14 @@
 
 import Link from "next/link";
 import { useRouter } from "next/navigation";
-import { useEffect, useMemo, useRef, useState } from "react";
+import {
+  type KeyboardEvent,
+  type ReactNode,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
 import {
   Check,
   Copy,
@@ -237,8 +244,7 @@ function DocumentStatusMark({
   );
 }
 
-type NonIntegratedDocumentStatusCategory =
-  NonIntegratedWorkflowNodeCategory;
+type NonIntegratedDocumentStatusCategory = NonIntegratedWorkflowNodeCategory;
 
 const NON_INTEGRATED_DOCUMENT_STATUS_COLUMNS = [
   ...NON_INTEGRATED_WORKFLOW_NODE_CATEGORIES,
@@ -743,9 +749,7 @@ function getDocumentWorkspaceCountByCategory(
 
   product.uploadFiles.forEach((file) => {
     const category = file.category as NonIntegratedDocumentWorkspaceCategory;
-    if (
-      NON_INTEGRATED_DOCUMENT_WORKSPACE_CATEGORIES.includes(category)
-    ) {
+    if (NON_INTEGRATED_DOCUMENT_WORKSPACE_CATEGORIES.includes(category)) {
       uploadFileCountByCategory[category] += 1;
     }
   });
@@ -782,8 +786,11 @@ function getDocumentWorkspaceCountByCategory(
     包装细节:
       uploadFileCountByCategory["包装细节"] +
       (hasPackagingContentForList(product) ? 1 : 0),
-    [NON_INTEGRATED_BASIC_INFO_WORKSPACE_CATEGORY]:
-      hasBasicInfoContentForList(product) ? 1 : 0,
+    [NON_INTEGRATED_BASIC_INFO_WORKSPACE_CATEGORY]: hasBasicInfoContentForList(
+      product,
+    )
+      ? 1
+      : 0,
   };
 }
 
@@ -894,13 +901,9 @@ function getCurrentNodeOwnerCandidates(
   }
 
   if (
-    [
-      "产品定厂",
-      "样包测量",
-      "产品核价",
-      "工厂质检",
-      "检测报告",
-    ].includes(category)
+    ["产品定厂", "样包测量", "产品核价", "工厂质检", "检测报告"].includes(
+      category,
+    )
   ) {
     return getUniqueNonEmptyValues([
       product.purchaser,
@@ -957,7 +960,7 @@ function isDocumentWorkspaceApprovedForList(
 ) {
   return Boolean(
     product.documentWorkspaceConfirmations?.[category] &&
-      product.documentWorkspaceApprovedAt?.[category],
+    product.documentWorkspaceApprovedAt?.[category],
   );
 }
 
@@ -1549,7 +1552,8 @@ function NonIntegratedPendingDetail({
       );
 
       if (shouldUseSharedNonIntegratedApi) {
-        const savedProduct = await saveSharedNonIntegratedProduct(copiedProduct);
+        const savedProduct =
+          await saveSharedNonIntegratedProduct(copiedProduct);
         const nextProducts = [
           savedProduct,
           ...products.filter((product) => product.id !== savedProduct.id),
@@ -1697,7 +1701,7 @@ function NonIntegratedPendingDetail({
       <div className="min-h-0 flex-1 overflow-auto p-4">
         <div className="rounded-apple-lg border border-apple-separator bg-apple-bg-primary">
           <div className="overflow-x-auto overflow-y-hidden pb-3">
-            <table className="min-w-[1920px] text-left text-xs">
+            <table className="w-full min-w-[1920px] text-left text-xs">
               <thead className="bg-apple-bg-primary text-apple-label-secondary">
                 <tr className="border-b border-apple-separator">
                   <th className="min-w-[56px] px-3 py-2.5 font-apple-medium whitespace-nowrap">
@@ -1871,7 +1875,9 @@ function NonIntegratedPendingDetail({
                               variant="plain"
                               size="small"
                               aria-label="修改"
-                              title={isFlowAbandoned ? "已废弃，只能查看" : "修改"}
+                              title={
+                                isFlowAbandoned ? "已废弃，只能查看" : "修改"
+                              }
                               className={TABLE_ACTION_BUTTON_PRIMARY}
                               onClick={() =>
                                 onOpenProductWorkspace?.(
@@ -1880,17 +1886,16 @@ function NonIntegratedPendingDetail({
                                 )
                               }
                             >
-                              <Pencil
-                                className="h-4 w-4"
-                                aria-hidden="true"
-                              />
+                              <Pencil className="h-4 w-4" aria-hidden="true" />
                               <span className="sr-only">修改</span>
                             </Button>
                             <Button
                               variant="plain"
                               size="small"
                               aria-label="复制"
-                              title={isFlowAbandoned ? "已废弃，不可复制" : "复制"}
+                              title={
+                                isFlowAbandoned ? "已废弃，不可复制" : "复制"
+                              }
                               className={TABLE_ACTION_BUTTON_SECONDARY}
                               onClick={() => openCopyDialog(product)}
                               disabled={
@@ -1906,12 +1911,17 @@ function NonIntegratedPendingDetail({
                                 variant="plain"
                                 size="small"
                                 aria-label="删除"
-                                title={isFlowAbandoned ? "已废弃，不可删除" : "删除"}
+                                title={
+                                  isFlowAbandoned ? "已废弃，不可删除" : "删除"
+                                }
                                 className={TABLE_ACTION_BUTTON_SECONDARY}
                                 onClick={() => handleDelete(product)}
                                 disabled={isFlowAbandoned}
                               >
-                                <Trash2 className="h-4 w-4" aria-hidden="true" />
+                                <Trash2
+                                  className="h-4 w-4"
+                                  aria-hidden="true"
+                                />
                                 <span className="sr-only">删除</span>
                               </Button>
                             ) : null}
@@ -1978,14 +1988,36 @@ type ProductProgressStatus =
   | "pending"
   | "returned"
   | "scrapped";
-type ProductProgressStatusFilter = ProductProgressStatus | "all";
-type ProductProgressPanel = "total" | "rings" | "nodes" | "risk";
-type ProductProgressDimension = "brand" | "category" | "designer";
+type ProductProgressStatusFilter = ProductProgressStatus | "all" | "blocked";
+type ProductProgressPanel = "total" | "nodes" | "risk";
+type ProductProgressDimension = "brand" | "category" | "designer" | "type";
 type ProductProgressDimensionFilter = {
   dimension: ProductProgressDimension;
   value: string;
+  values?: string[];
 } | null;
 
+type ProductProgressDimensionChartItem = {
+  label: string;
+  values: string[];
+  count: number;
+  percent: number;
+  start: number;
+  end: number;
+  color: string;
+};
+
+type ProductProgressDimensionAnnotation = ProductProgressDimensionChartItem & {
+  anchorX: number;
+  anchorY: number;
+  elbowX: number;
+  elbowY: number;
+  lineEndX: number;
+  labelX: number;
+  labelY: number;
+  textAnchor: "start" | "end";
+};
+
 type ProductProgressRow = {
   id: string;
   source: "integrated" | "nonIntegrated";
@@ -2013,6 +2045,11 @@ type ProductProgressRow = {
   nodeApprovedAt: Partial<Record<NonIntegratedDocumentStatusCategory, string>>;
 };
 
+type ProductProgressExportColumn = {
+  header: string;
+  value: (row: ProductProgressRow, index: number) => string | number;
+};
+
 const PRODUCT_PROGRESS_STATUS_META: Record<
   ProductProgressStatus,
   { label: string; badgeType: "success" | "info" | "warning" | "error" }
@@ -2027,14 +2064,13 @@ const PRODUCT_PROGRESS_STATUS_META: Record<
 const PRODUCT_PROGRESS_FILTERS: Array<{
   key: ProductProgressStatusFilter;
   label: string;
-  tone: string;
+  description: string;
 }> = [
-  { key: "all", label: "总数量", tone: "border-apple-separator bg-apple-bg-primary" },
-  { key: "done", label: "已完成", tone: "border-apple-green/20 bg-apple-green/10" },
-  { key: "running", label: "流程中", tone: "border-apple-blue/20 bg-apple-blue/10" },
-  { key: "pending", label: "待立项", tone: "border-apple-orange/25 bg-apple-orange/10" },
-  { key: "returned", label: "退回修改", tone: "border-apple-orange/25 bg-apple-orange/10" },
-  { key: "scrapped", label: "已废弃", tone: "border-apple-red/25 bg-apple-red/10" },
+  { key: "all", label: "全部产品", description: "总盘面，含集成和非集成。" },
+  { key: "done", label: "已完成", description: "仓库抽检完成后归入。" },
+  { key: "running", label: "流程中", description: "已立项，后续节点推进中。" },
+  { key: "pending", label: "待立项", description: "仍在开品参考或立项前。" },
+  { key: "blocked", label: "退回 / 废弃", description: "需要复盘或恢复确认。" },
 ];
 
 const PRODUCT_PROGRESS_PANELS: Array<{
@@ -2044,28 +2080,25 @@ const PRODUCT_PROGRESS_PANELS: Array<{
 }> = [
   {
     key: "total",
-    label: "总进度",
-    description: "总数、完成、进行中、待立项、退回和废弃。",
-  },
-  {
-    key: "rings",
-    label: "环形视图",
-    description: "按品牌、品类、设计师看占比。",
+    label: "状态总览",
+    description: "按状态筛选，再看品牌、品类、设计师和类型。",
   },
   {
     key: "nodes",
-    label: "节点进度",
-    description: "按节点看最后审批时间和卡点。",
+    label: "节点耗时",
+    description: "按节点看累计耗时和卡点。",
   },
   {
     key: "risk",
-    label: "异常与废弃",
+    label: "异常归档",
     description: "退回、废弃和超期集中查看。",
   },
 ];
 
 function getProductProgressStatusLabel(status: ProductProgressStatusFilter) {
-  return status === "all" ? "全部产品" : PRODUCT_PROGRESS_STATUS_META[status].label;
+  if (status === "all") return "全部产品";
+  if (status === "blocked") return "退回 / 废弃";
+  return PRODUCT_PROGRESS_STATUS_META[status].label;
 }
 
 function formatNodeApprovalTime(value?: string) {
@@ -2078,14 +2111,18 @@ function formatNodeApprovalTime(value?: string) {
   return formattedValue;
 }
 
+function parseProgressDate(value?: string) {
+  if (!value?.trim()) return null;
+
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? null : date;
+}
+
 function getLatestApprovedAt(
   approvals: NonIntegratedProductRecord["documentWorkspaceApprovedAt"],
 ) {
   const approvedDates = Object.values(approvals ?? {})
-    .map((value) => {
-      const date = new Date(value ?? "");
-      return Number.isNaN(date.getTime()) ? null : date;
-    })
+    .map((value) => parseProgressDate(value))
     .filter((date): date is Date => date !== null)
     .sort((left, right) => right.getTime() - left.getTime());
 
@@ -2105,6 +2142,100 @@ function getElapsedDays(startValue: string, endDate: Date | null) {
   return `${Math.max(diffDays, 0.01).toFixed(2)} 天`;
 }
 
+function formatNodeElapsedDays(startValue: string, completedValue?: string) {
+  return getElapsedDays(startValue, parseProgressDate(completedValue));
+}
+
+function formatProgressExportFileDate(date: Date) {
+  const pad = (value: number) => String(value).padStart(2, "0");
+  return [
+    date.getFullYear(),
+    pad(date.getMonth() + 1),
+    pad(date.getDate()),
+    "-",
+    pad(date.getHours()),
+    pad(date.getMinutes()),
+  ].join("");
+}
+
+function sanitizeExcelSheetName(value: string) {
+  const sheetName = value.replace(/[\\/?*\[\]:]/g, " ").trim();
+  return (sheetName || "产品开发进度").slice(0, 31);
+}
+
+function getProductProgressExportColumns(): ProductProgressExportColumn[] {
+  return [
+    { header: "序号", value: (_row, index) => index + 1 },
+    { header: "类型", value: (row) => row.typeLabel },
+    { header: "流程单号", value: (row) => row.flowNo || "-" },
+    { header: "SPU / 开品名", value: (row) => row.spu || "-" },
+    { header: "流程模板", value: (row) => row.flowTemplate },
+    { header: "审批状态", value: (row) => row.statusLabel },
+    { header: "审批人", value: (row) => row.approver },
+    { header: "商品类目", value: (row) => row.productCategory },
+    { header: "销售类目", value: (row) => row.salesCategory },
+    { header: "品牌", value: (row) => row.brand },
+    { header: "设计师", value: (row) => row.spuOwner },
+    { header: "运营", value: (row) => row.operator },
+    { header: "采购", value: (row) => row.purchaser },
+    { header: "需求部门", value: (row) => row.demandDepartment },
+    { header: "当前节点", value: (row) => row.currentNode },
+    { header: "当前节点负责人", value: (row) => row.currentOwner },
+    {
+      header: "开始时间",
+      value: (row) => formatNodeApprovalTime(row.startTime),
+    },
+    { header: "结束时间", value: (row) => formatNodeApprovalTime(row.endTime) },
+    { header: "总耗时", value: (row) => row.totalDays },
+    ...NON_INTEGRATED_DOCUMENT_STATUS_COLUMNS.map((category) => ({
+      header: `${getNonIntegratedDocumentWorkspaceCategoryLabel(category)}耗时`,
+      value: (row: ProductProgressRow) =>
+        formatNodeElapsedDays(row.startTime, row.nodeApprovedAt[category]),
+    })),
+  ];
+}
+
+async function exportProductProgressRowsToExcel(
+  rows: ProductProgressRow[],
+  title: string,
+) {
+  const XLSX = await import("xlsx");
+  const columns = getProductProgressExportColumns();
+  const sheetRows = [
+    columns.map((column) => column.header),
+    ...rows.map((row, index) =>
+      columns.map((column) => column.value(row, index)),
+    ),
+  ];
+  const worksheet = XLSX.utils.aoa_to_sheet(sheetRows);
+  worksheet["!cols"] = columns.map((column) => ({
+    wch: Math.max(10, Math.min(column.header.length + 6, 22)),
+  }));
+
+  const workbook = XLSX.utils.book_new();
+  XLSX.utils.book_append_sheet(
+    workbook,
+    worksheet,
+    sanitizeExcelSheetName(title),
+  );
+
+  const workbookBuffer = XLSX.write(workbook, {
+    bookType: "xlsx",
+    type: "array",
+  }) as ArrayBuffer;
+  const blob = new Blob([workbookBuffer], {
+    type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = `产品开发进度-${formatProgressExportFileDate(new Date())}.xlsx`;
+  document.body.appendChild(link);
+  link.click();
+  link.remove();
+  URL.revokeObjectURL(url);
+}
+
 function getNonIntegratedProgressStatus(
   product: NonIntegratedProductRecord,
   documentWorkspaceCountByCategory: Record<
@@ -2148,6 +2279,7 @@ function buildNonIntegratedProgressRow(
   );
   const startTime = product.createdAt;
   const shouldShowEndTime = statusKey === "done" || statusKey === "scrapped";
+  const endedAt = shouldShowEndTime ? latestApprovedAt : null;
 
   return {
     id: `non-integrated:${product.id}`,
@@ -2168,7 +2300,9 @@ function buildNonIntegratedProgressRow(
       product.projectReview?.reviewers ||
       "-",
     productCategory:
-      product.productCategory || product.openingReference?.productCategory || "-",
+      product.productCategory ||
+      product.openingReference?.productCategory ||
+      "-",
     salesCategory:
       product.salesCategory || product.openingReference?.salesCategory || "-",
     brand: product.brand || product.openingReference?.brand || "-",
@@ -2179,9 +2313,8 @@ function buildNonIntegratedProgressRow(
     currentNode: currentNodeSummary.nodeLabel,
     currentOwner: currentNodeSummary.ownerText,
     startTime,
-    endTime:
-      shouldShowEndTime && latestApprovedAt ? latestApprovedAt.toISOString() : "",
-    totalDays: getElapsedDays(startTime, latestApprovedAt),
+    endTime: endedAt ? endedAt.toISOString() : "",
+    totalDays: getElapsedDays(startTime, endedAt ?? new Date()),
     nodeApprovedAt: product.documentWorkspaceApprovedAt ?? {},
   };
 }
@@ -2238,25 +2371,45 @@ function countRowsByStatus(
   rows: ProductProgressRow[],
   status: ProductProgressStatusFilter,
 ) {
-  return status === "all"
-    ? rows.length
-    : rows.filter((row) => row.statusKey === status).length;
+  if (status === "all") return rows.length;
+  if (status === "blocked") {
+    return rows.filter((row) =>
+      ["returned", "scrapped"].includes(row.statusKey),
+    ).length;
+  }
+
+  return rows.filter((row) => row.statusKey === status).length;
 }
 
 function getProductProgressDimensionValue(
   row: ProductProgressRow,
   dimension: ProductProgressDimension,
 ) {
-  const valueGetter: Record<ProductProgressDimension, (row: ProductProgressRow) => string> = {
+  const valueGetter: Record<
+    ProductProgressDimension,
+    (row: ProductProgressRow) => string
+  > = {
     brand: (currentRow) => currentRow.brand,
     category: (currentRow) => currentRow.productCategory,
     designer: (currentRow) => currentRow.spuOwner,
+    type: (currentRow) => currentRow.typeLabel,
   };
 
   return valueGetter[dimension](row).trim() || "未填写";
 }
 
-function getTopDimensionItems(
+const PRODUCT_PROGRESS_DIMENSION_COLORS = [
+  "#0b1220",
+  "#315f7d",
+  "#5e8fb2",
+  "#9bb8cd",
+  "#d69a2d",
+  "#8b6f47",
+  "#55706c",
+  "#c7d3dc",
+];
+
+function getDimensionCounts(
   rows: ProductProgressRow[],
   dimension: ProductProgressDimension,
 ) {
@@ -2266,20 +2419,192 @@ function getTopDimensionItems(
     return current;
   }, {});
 
-  return Object.entries(counts)
-    .sort((left, right) => right[1] - left[1])
-    .slice(0, 3);
+  return Object.entries(counts).sort(
+    (left, right) => right[1] - left[1] || left[0].localeCompare(right[0]),
+  );
+}
+
+function getDimensionChartItems(
+  rows: ProductProgressRow[],
+  dimension: ProductProgressDimension,
+  limit = 8,
+) {
+  const counts = getDimensionCounts(rows, dimension);
+  const total = rows.length;
+  if (total === 0) return [];
+
+  const visibleCount = Math.max(limit - 1, 1);
+  const entries =
+    counts.length > limit
+      ? [
+          ...counts.slice(0, visibleCount).map(([label, count]) => ({
+            label,
+            values: [label],
+            count,
+          })),
+          {
+            label: "其他",
+            values: counts.slice(visibleCount).map(([label]) => label),
+            count: counts
+              .slice(visibleCount)
+              .reduce((sum, [, count]) => sum + count, 0),
+          },
+        ]
+      : counts.map(([label, count]) => ({
+          label,
+          values: [label],
+          count,
+        }));
+
+  let cursor = 0;
+  return entries.map((entry, index) => {
+    const percent = Math.round((entry.count / total) * 100);
+    const start = cursor;
+    const end =
+      index === entries.length - 1 ? 100 : cursor + (entry.count / total) * 100;
+    cursor = end;
+    return {
+      ...entry,
+      percent,
+      start,
+      end,
+      color:
+        PRODUCT_PROGRESS_DIMENSION_COLORS[
+          index % PRODUCT_PROGRESS_DIMENSION_COLORS.length
+        ],
+    };
+  });
+}
+
+function getDimensionPolarPoint(
+  centerX: number,
+  centerY: number,
+  radius: number,
+  angle: number,
+) {
+  const radians = ((angle - 25) * Math.PI) / 50;
+  return {
+    x: centerX + radius * Math.cos(radians),
+    y: centerY + radius * Math.sin(radians),
+  };
+}
+
+function spreadDimensionLabelYs<T extends { labelY: number }>(
+  annotations: T[],
+  minY: number,
+  maxY: number,
+  gap: number,
+) {
+  const sorted = [...annotations].sort(
+    (left, right) => left.labelY - right.labelY,
+  );
+  for (let index = 1; index < sorted.length; index += 1) {
+    sorted[index].labelY = Math.max(
+      sorted[index].labelY,
+      sorted[index - 1].labelY + gap,
+    );
+  }
+
+  const overflow =
+    sorted.length > 0 ? sorted[sorted.length - 1].labelY - maxY : 0;
+  if (overflow > 0) {
+    sorted.forEach((item) => {
+      item.labelY -= overflow;
+    });
+  }
+
+  sorted.forEach((item, index) => {
+    const lowerBound = index === 0 ? minY : sorted[index - 1].labelY + gap;
+    item.labelY = Math.min(Math.max(item.labelY, lowerBound), maxY);
+  });
+}
+
+function getDimensionChartAnnotations(
+  items: ProductProgressDimensionChartItem[],
+) {
+  const centerX = 190;
+  const centerY = 142;
+  const ringRadius = 78;
+  const elbowRadius = 106;
+  const annotations: ProductProgressDimensionAnnotation[] = items.map(
+    (item) => {
+      const midAngle = (item.start + item.end) / 2;
+      const anchor = getDimensionPolarPoint(
+        centerX,
+        centerY,
+        ringRadius,
+        midAngle,
+      );
+      const elbow = getDimensionPolarPoint(
+        centerX,
+        centerY,
+        elbowRadius,
+        midAngle,
+      );
+      const isRight = elbow.x >= centerX;
+      return {
+        ...item,
+        anchorX: anchor.x,
+        anchorY: anchor.y,
+        elbowX: elbow.x,
+        elbowY: elbow.y,
+        lineEndX: isRight ? 298 : 82,
+        labelX: isRight ? 306 : 74,
+        labelY: elbow.y,
+        textAnchor: isRight ? "start" : "end",
+      };
+    },
+  );
+
+  spreadDimensionLabelYs(
+    annotations.filter((item) => item.textAnchor === "start"),
+    28,
+    260,
+    31,
+  );
+  spreadDimensionLabelYs(
+    annotations.filter((item) => item.textAnchor === "end"),
+    28,
+    260,
+    31,
+  );
+
+  return annotations;
+}
+
+function getShortDimensionLabel(label: string) {
+  const chars = Array.from(label);
+  return chars.length > 8 ? `${chars.slice(0, 8).join("")}...` : label;
+}
+
+function rowMatchesDimensionFilter(
+  row: ProductProgressRow,
+  dimension: ProductProgressDimension,
+  filter: ProductProgressDimensionFilter,
+) {
+  if (filter === null || filter.dimension !== dimension) return true;
+  const value = getProductProgressDimensionValue(row, dimension);
+  return (filter.values ?? [filter.value]).includes(value);
+}
+
+function getProgressSegmentWidth(count: number, total: number) {
+  if (total <= 0 || count <= 0) return "0%";
+  return `${Math.max((count / total) * 100, 2)}%`;
 }
 
 function ProgressTable({
   rows,
   title,
   description,
+  toolbar,
+  onExport,
   onOpenProductWorkspace,
 }: {
   rows: ProductProgressRow[];
   title: string;
   description: string;
+  toolbar?: ReactNode;
+  onExport?: () => void;
   onOpenProductWorkspace?: (
     product: NonIntegratedProductRecord,
     mode: WorkspaceProductMode,
@@ -2296,10 +2621,27 @@ function ProgressTable({
             {description}
           </p>
         </div>
-        <Badge type="info" variant="subtle" className="shrink-0">
-          {rows.length} 条
-        </Badge>
+        <div className="flex shrink-0 items-center gap-2">
+          {onExport ? (
+            <Button
+              variant="plain"
+              size="small"
+              className="h-8 text-xs"
+              onClick={onExport}
+            >
+              导出明细
+            </Button>
+          ) : null}
+          <Badge type="info" variant="subtle" className="shrink-0">
+            {rows.length} 条
+          </Badge>
+        </div>
       </div>
+      {toolbar ? (
+        <div className="border-b border-apple-separator px-4 py-2">
+          {toolbar}
+        </div>
+      ) : null}
       <div className="max-h-[470px] overflow-auto">
         <table className="min-w-[2280px] table-fixed text-left text-[11px]">
           <thead className="sticky top-0 z-10 bg-apple-bg-primary text-apple-label-secondary">
@@ -2307,7 +2649,9 @@ function ProgressTable({
               <th className="w-[52px] px-2 py-2.5 font-apple-medium">序号</th>
               <th className="w-[64px] px-2 py-2.5 font-apple-medium">图片</th>
               <th className="w-[72px] px-2 py-2.5 font-apple-medium">类型</th>
-              <th className="w-[142px] px-2 py-2.5 font-apple-medium">流程单号</th>
+              <th className="w-[142px] px-2 py-2.5 font-apple-medium">
+                流程单号
+              </th>
               <th className="w-[120px] px-2 py-2.5 font-apple-medium">
                 <SpuLabel /> / 开品名
               </th>
@@ -2317,9 +2661,7 @@ function ProgressTable({
               <th className="w-[84px] px-2 py-2.5 font-apple-medium">
                 审批状态
               </th>
-              <th className="w-[92px] px-2 py-2.5 font-apple-medium">
-                审批人
-              </th>
+              <th className="w-[92px] px-2 py-2.5 font-apple-medium">审批人</th>
               <th className="w-[118px] px-2 py-2.5 font-apple-medium">
                 商品类目
               </th>
@@ -2327,15 +2669,9 @@ function ProgressTable({
                 销售类目
               </th>
               <th className="w-[84px] px-2 py-2.5 font-apple-medium">品牌</th>
-              <th className="w-[96px] px-2 py-2.5 font-apple-medium">
-                <SpuLabel />负责人
-              </th>
-              <th className="w-[96px] px-2 py-2.5 font-apple-medium">
-                运营负责人
-              </th>
-              <th className="w-[96px] px-2 py-2.5 font-apple-medium">
-                采购负责人
-              </th>
+              <th className="w-[96px] px-2 py-2.5 font-apple-medium">设计师</th>
+              <th className="w-[96px] px-2 py-2.5 font-apple-medium">运营</th>
+              <th className="w-[96px] px-2 py-2.5 font-apple-medium">采购</th>
               <th className="w-[108px] px-2 py-2.5 font-apple-medium">
                 需求部门
               </th>
@@ -2345,9 +2681,7 @@ function ProgressTable({
               <th className="w-[104px] px-2 py-2.5 font-apple-medium">
                 结束时间
               </th>
-              <th className="w-[78px] px-2 py-2.5 font-apple-medium">
-                总耗时
-              </th>
+              <th className="w-[78px] px-2 py-2.5 font-apple-medium">总耗时</th>
               {NON_INTEGRATED_DOCUMENT_STATUS_COLUMNS.map((category) => (
                 <th
                   key={category}
@@ -2408,7 +2742,9 @@ function ProgressTable({
                   </td>
                   <td className="px-2 py-2.5">
                     <Badge
-                      type={getProgressRowStatusDisplay(row.statusKey).badgeType}
+                      type={
+                        getProgressRowStatusDisplay(row.statusKey).badgeType
+                      }
                       variant="subtle"
                     >
                       {row.statusLabel}
@@ -2452,7 +2788,10 @@ function ProgressTable({
                       key={category}
                       className="px-2 py-2.5 text-center text-apple-label-primary"
                     >
-                      {formatNodeApprovalTime(row.nodeApprovedAt[category])}
+                      {formatNodeElapsedDays(
+                        row.startTime,
+                        row.nodeApprovedAt[category],
+                      )}
                     </td>
                   ))}
                   <td
@@ -2503,18 +2842,22 @@ function ProductDevelopmentProgressDashboard({
     mode: WorkspaceProductMode,
   ) => void;
 }) {
-  const [activePanel, setActivePanel] =
-    useState<ProductProgressPanel>("total");
+  const [activePanel, setActivePanel] = useState<ProductProgressPanel>("total");
   const [statusFilter, setStatusFilter] =
     useState<ProductProgressStatusFilter>("all");
   const [activeDimension, setActiveDimension] =
     useState<ProductProgressDimension>("brand");
   const [dimensionFilter, setDimensionFilter] =
     useState<ProductProgressDimensionFilter>(null);
+  const [hoveredDimensionLabel, setHoveredDimensionLabel] = useState<
+    string | null
+  >(null);
   const [queryDraft, setQueryDraft] = useState({
     keyword: "",
     type: "all",
-    owner: "",
+    designer: "",
+    operator: "",
+    purchaser: "",
     node: "all",
   });
   const [appliedQuery, setAppliedQuery] = useState(queryDraft);
@@ -2532,7 +2875,9 @@ function ProductDevelopmentProgressDashboard({
   const filteredRows = useMemo(() => {
     return allRows.filter((row) => {
       const keyword = appliedQuery.keyword.trim().toLowerCase();
-      const owner = appliedQuery.owner.trim().toLowerCase();
+      const designer = appliedQuery.designer.trim().toLowerCase();
+      const operator = appliedQuery.operator.trim().toLowerCase();
+      const purchaser = appliedQuery.purchaser.trim().toLowerCase();
       const keywordMatched =
         keyword.length === 0 ||
         [
@@ -2544,23 +2889,24 @@ function ProductDevelopmentProgressDashboard({
         ].some((value) => value.toLowerCase().includes(keyword));
       const typeMatched =
         appliedQuery.type === "all" || row.source === appliedQuery.type;
-      const ownerMatched =
-        owner.length === 0 ||
-        [row.spuOwner, row.operator, row.purchaser, row.currentOwner].some(
-          (value) => value.toLowerCase().includes(owner),
-        );
+      const designerMatched =
+        designer.length === 0 || row.spuOwner.toLowerCase().includes(designer);
+      const operatorMatched =
+        operator.length === 0 || row.operator.toLowerCase().includes(operator);
+      const purchaserMatched =
+        purchaser.length === 0 ||
+        row.purchaser.toLowerCase().includes(purchaser);
       const nodeMatched =
         appliedQuery.node === "all" || row.currentNode === appliedQuery.node;
       const statusMatched =
         activePanel !== "total" ||
         statusFilter === "all" ||
-        row.statusKey === statusFilter;
+        (statusFilter === "blocked"
+          ? ["returned", "scrapped"].includes(row.statusKey)
+          : row.statusKey === statusFilter);
       const dimensionMatched =
-        activePanel !== "rings" ||
-        dimensionFilter === null ||
-        (dimensionFilter.dimension === activeDimension &&
-          getProductProgressDimensionValue(row, activeDimension) ===
-            dimensionFilter.value);
+        activePanel !== "total" ||
+        rowMatchesDimensionFilter(row, activeDimension, dimensionFilter);
       const riskMatched =
         activePanel !== "risk" ||
         ["returned", "scrapped"].includes(row.statusKey);
@@ -2568,14 +2914,23 @@ function ProductDevelopmentProgressDashboard({
       return (
         keywordMatched &&
         typeMatched &&
-        ownerMatched &&
+        designerMatched &&
+        operatorMatched &&
+        purchaserMatched &&
         nodeMatched &&
         statusMatched &&
         dimensionMatched &&
         riskMatched
       );
     });
-  }, [activeDimension, activePanel, allRows, appliedQuery, dimensionFilter, statusFilter]);
+  }, [
+    activeDimension,
+    activePanel,
+    allRows,
+    appliedQuery,
+    dimensionFilter,
+    statusFilter,
+  ]);
 
   const currentNodeOptions = useMemo(
     () =>
@@ -2589,47 +2944,143 @@ function ProductDevelopmentProgressDashboard({
     brand: "品牌",
     category: "品类",
     designer: "设计师",
+    type: "类型",
   };
 
+  const selectedDimensionLabel =
+    dimensionFilter?.dimension === activeDimension
+      ? dimensionFilter.value
+      : null;
   const tableTitle =
-    activePanel === "rings"
-      ? dimensionFilter?.dimension === activeDimension
-        ? `按${dimensionLabelMap[activeDimension]}查看明细：${dimensionFilter.value}`
-        : `按${dimensionLabelMap[activeDimension]}查看明细`
+    activePanel === "total"
+      ? selectedDimensionLabel
+        ? `${getProductProgressStatusLabel(statusFilter)}明细：${selectedDimensionLabel}`
+        : `${getProductProgressStatusLabel(statusFilter)}明细`
       : activePanel === "nodes"
-        ? "节点进度明细"
+        ? "节点耗时明细"
         : activePanel === "risk"
-          ? "异常与废弃明细"
+          ? "异常归档明细"
           : `${getProductProgressStatusLabel(statusFilter)}明细`;
 
+  const dimensionOptions: ProductProgressDimension[] = [
+    "brand",
+    "category",
+    "designer",
+    "type",
+  ];
+  const dimensionCounts = getDimensionCounts(allRows, activeDimension);
+  const dimensionChartItems = getDimensionChartItems(
+    allRows,
+    activeDimension,
+    8,
+  );
+  const dimensionAnnotations =
+    getDimensionChartAnnotations(dimensionChartItems);
+  const dimensionBreakdownItems = dimensionCounts.slice(0, 8);
+  const activeDimensionPreview =
+    dimensionChartItems.find((item) => item.label === hoveredDimensionLabel) ??
+    dimensionChartItems.find((item) => item.label === selectedDimensionLabel) ??
+    null;
+  const selectedDimensionRows =
+    dimensionFilter?.dimension === activeDimension
+      ? allRows.filter((row) =>
+          rowMatchesDimensionFilter(row, activeDimension, dimensionFilter),
+        )
+      : allRows;
+  const selectedDimensionCount = selectedDimensionRows.length;
+  const selectedDimensionPercent =
+    allRows.length === 0
+      ? 0
+      : Math.round((selectedDimensionCount / allRows.length) * 100);
+  const highestRiskDimension = dimensionBreakdownItems
+    .map(([label, count]) => {
+      const rows = allRows.filter(
+        (row) =>
+          getProductProgressDimensionValue(row, activeDimension) === label,
+      );
+      return { label, count, risk: countRowsByStatus(rows, "blocked") };
+    })
+    .sort((left, right) => right.risk - left.risk)[0];
+
+  const applyDimensionItem = (item: ProductProgressDimensionChartItem) => {
+    setDimensionFilter({
+      dimension: activeDimension,
+      value: item.label,
+      values: item.values,
+    });
+  };
+
+  const handleDimensionItemKeyDown = (
+    event: KeyboardEvent<SVGGElement>,
+    item: ProductProgressDimensionChartItem,
+  ) => {
+    if (event.key !== "Enter" && event.key !== " ") return;
+    event.preventDefault();
+    applyDimensionItem(item);
+  };
+
+  const statusFilterControls = (
+    <div className="grid gap-2 md:grid-cols-5">
+      {PRODUCT_PROGRESS_FILTERS.map((item) => {
+        const isActive = statusFilter === item.key;
+        return (
+          <button
+            key={item.key}
+            type="button"
+            onClick={() => setStatusFilter(item.key)}
+            className={`flex items-center justify-between gap-2 rounded-apple-lg border px-3 py-2 text-left text-xs transition ${
+              isActive
+                ? "border-zinc-950 bg-zinc-950 text-white"
+                : "border-apple-separator bg-apple-bg-secondary/55 text-apple-label-primary hover:border-zinc-300"
+            }`}
+          >
+            <span className="font-apple-semibold">{item.label}</span>
+            <span
+              className={`rounded-full px-2 py-0.5 text-[11px] font-apple-semibold ${
+                isActive
+                  ? "bg-white/15 text-white"
+                  : "bg-apple-bg-primary text-apple-label-secondary"
+              }`}
+            >
+              {countRowsByStatus(allRows, item.key)}
+            </span>
+          </button>
+        );
+      })}
+    </div>
+  );
+
+  async function handleExportProgressRows() {
+    try {
+      await exportProductProgressRowsToExcel(filteredRows, tableTitle);
+    } catch (error) {
+      console.error("Failed to export product progress rows", error);
+      window.alert("导出失败，请稍后重试。");
+    }
+  }
+
   return (
     <div className="flex h-full min-h-0 overflow-hidden rounded-apple-xl border border-apple-separator bg-apple-bg-primary shadow-apple-xs">
       <div className="flex min-w-0 flex-1 flex-col overflow-hidden">
         <div className="shrink-0 border-b border-apple-separator px-4 py-3">
-          <div className="flex items-start justify-between gap-3">
+          <div>
             <div>
               <h2 className="text-base font-apple-semibold text-apple-label-primary">
                 产品开发进度总览
               </h2>
               <p className="mt-1 text-xs leading-5 text-apple-label-secondary">
-                集成系列和非集成系列合并查看；明细每行是一个产品，节点列显示该节点最后一次审批/确认时间。
+                集成系列和非集成系列合并查看；明细每行是一个产品，节点列显示该节点从开始到完成的耗时。
               </p>
             </div>
-            <div className="flex shrink-0 gap-2">
-              <Button variant="plain" size="small" className="h-8 text-xs">
-                导出明细
-              </Button>
-              <Button size="small" className="h-8 text-xs">
-                刷新进度
-              </Button>
-            </div>
           </div>
         </div>
 
         <div className="min-h-0 flex-1 overflow-auto p-4">
-          <div className="grid gap-2.5 md:grid-cols-[1fr_140px_1fr_150px_88px]">
+          <div className="grid gap-2.5 md:grid-cols-[1fr_140px_130px_130px_130px_150px_88px_88px]">
             <label className="space-y-1.5 text-xs text-apple-label-secondary">
-              <span><SpuLabel /> / 开品名</span>
+              <span>
+                <SpuLabel /> / 开品名
+              </span>
               <input
                 value={queryDraft.keyword}
                 onChange={(event) =>
@@ -2660,16 +3111,44 @@ function ProductDevelopmentProgressDashboard({
               </select>
             </label>
             <label className="space-y-1.5 text-xs text-apple-label-secondary">
-              <span>当前负责人</span>
+              <span>设计师</span>
               <input
-                value={queryDraft.owner}
+                value={queryDraft.designer}
                 onChange={(event) =>
                   setQueryDraft((current) => ({
                     ...current,
-                    owner: event.target.value,
+                    designer: event.target.value,
                   }))
                 }
-                placeholder="设计 / 采购 / 运营"
+                placeholder="搜索设计师"
+                className="h-9 w-full rounded-apple-lg border border-apple-separator bg-apple-bg-secondary px-3 text-xs text-apple-label-primary outline-none"
+              />
+            </label>
+            <label className="space-y-1.5 text-xs text-apple-label-secondary">
+              <span>运营</span>
+              <input
+                value={queryDraft.operator}
+                onChange={(event) =>
+                  setQueryDraft((current) => ({
+                    ...current,
+                    operator: event.target.value,
+                  }))
+                }
+                placeholder="搜索运营"
+                className="h-9 w-full rounded-apple-lg border border-apple-separator bg-apple-bg-secondary px-3 text-xs text-apple-label-primary outline-none"
+              />
+            </label>
+            <label className="space-y-1.5 text-xs text-apple-label-secondary">
+              <span>采购</span>
+              <input
+                value={queryDraft.purchaser}
+                onChange={(event) =>
+                  setQueryDraft((current) => ({
+                    ...current,
+                    purchaser: event.target.value,
+                  }))
+                }
+                placeholder="搜索采购"
                 className="h-9 w-full rounded-apple-lg border border-apple-separator bg-apple-bg-secondary px-3 text-xs text-apple-label-primary outline-none"
               />
             </label>
@@ -2702,153 +3181,365 @@ function ProductDevelopmentProgressDashboard({
                 查询
               </Button>
             </div>
+            <div className="flex items-end">
+              <Button
+                size="small"
+                className="h-9 w-full text-xs"
+                onClick={() => setAppliedQuery(queryDraft)}
+              >
+                刷新
+              </Button>
+            </div>
           </div>
 
           {activePanel === "total" ? (
-            <div className="mt-3 grid gap-2.5 md:grid-cols-6">
-              {PRODUCT_PROGRESS_FILTERS.map((item) => {
-                const isActive = statusFilter === item.key;
-                return (
-                  <button
-                    key={item.key}
-                    type="button"
-                    onClick={() => setStatusFilter(item.key)}
-                    className={`rounded-apple-xl border px-3 py-3 text-left transition ${
-                      isActive
-                        ? "border-zinc-950 bg-zinc-950 text-white"
-                        : item.tone
-                    }`}
-                  >
-                    <span
-                      className={`text-xs ${
-                        isActive ? "text-white/70" : "text-apple-label-secondary"
-                      }`}
-                    >
-                      {item.label}
-                    </span>
-                    <strong className="mt-2 block text-2xl font-apple-semibold">
-                      {countRowsByStatus(allRows, item.key)}
-                    </strong>
-                  </button>
-                );
-              })}
-            </div>
-          ) : null}
-
-          {activePanel === "rings" ? (
-            <div className="mt-3 grid gap-3 lg:grid-cols-3">
-              {(["brand", "category", "designer"] as ProductProgressDimension[]).map(
-                (dimension) => {
-                  const isActive = activeDimension === dimension;
-                  const topItems = getTopDimensionItems(allRows, dimension);
-                  const totalCount = Math.max(allRows.length, 1);
-                  const firstPercent = Math.round(
-                    ((topItems[0]?.[1] ?? 0) / totalCount) * 100,
-                  );
-                  const selectedValue =
-                    dimensionFilter?.dimension === dimension
-                      ? dimensionFilter.value
-                      : null;
-
-                  return (
-                    <div
-                      key={dimension}
-                      className={`grid min-h-[152px] grid-cols-[84px_1fr] items-center gap-3 rounded-apple-xl border p-3 transition ${
-                        isActive
-                          ? "border-zinc-950 bg-zinc-950 text-white"
-                          : "border-apple-separator bg-apple-bg-primary"
-                      }`}
-                    >
-                      <button
-                        type="button"
-                        onClick={() => {
-                          setActiveDimension(dimension);
-                          setDimensionFilter(null);
-                        }}
-                        className="flex h-20 w-20 items-center justify-center rounded-full"
-                        aria-label={`查看全部${dimensionLabelMap[dimension]}`}
-                        title={`查看全部${dimensionLabelMap[dimension]}`}
-                        style={{
-                          background: `conic-gradient(#111820 0 ${firstPercent}%, #6b7f8c ${firstPercent}% 76%, #d5dde4 76% 100%)`,
-                        }}
-                      >
-                        <span
-                          className={`flex h-12 w-12 items-center justify-center rounded-full text-xs font-apple-semibold ${
-                            isActive
-                              ? "bg-zinc-950 text-white"
-                              : "bg-apple-bg-primary text-apple-label-primary"
-                          }`}
-                        >
-                          {dimensionLabelMap[dimension]}
-                        </span>
-                      </button>
-                      <div className="min-w-0">
-                        <div className="flex items-center justify-between gap-2">
+            <>
+              <div className="mt-3 grid gap-3 xl:grid-cols-[420px_minmax(0,1fr)_300px]">
+                <section className="rounded-apple-xl border border-apple-separator bg-apple-bg-primary">
+                  <div className="border-b border-apple-separator px-3 py-3">
+                    <div className="flex items-start justify-between gap-2">
+                      <div>
+                        <h3 className="text-sm font-apple-semibold text-apple-label-primary">
+                          结构维度
+                        </h3>
+                        <p className="mt-1 text-[11px] leading-5 text-apple-label-secondary">
+                          先选维度，点环上标注进入明细。
+                        </p>
+                      </div>
+                      <Badge type="info" variant="subtle">
+                        {dimensionCounts.length} 个
+                      </Badge>
+                    </div>
+                  </div>
+                  <div className="space-y-3 p-3">
+                    <div className="grid grid-cols-4 gap-1.5">
+                      {dimensionOptions.map((dimension) => {
+                        const isActive = activeDimension === dimension;
+                        return (
                           <button
+                            key={dimension}
                             type="button"
                             onClick={() => {
                               setActiveDimension(dimension);
                               setDimensionFilter(null);
+                              setHoveredDimensionLabel(null);
                             }}
-                            className="truncate text-left text-sm font-apple-semibold"
+                            className={`rounded-apple-md border px-2 py-1.5 text-xs transition ${
+                              isActive
+                                ? "border-zinc-950 bg-zinc-950 text-white"
+                                : "border-apple-separator bg-apple-bg-secondary text-apple-label-secondary hover:text-apple-label-primary"
+                            }`}
                           >
-                            {dimensionLabelMap[dimension]}占比
+                            {dimensionLabelMap[dimension]}
                           </button>
-                          {isActive ? (
-                            <button
-                              type="button"
-                              onClick={() => setDimensionFilter(null)}
-                              className={`shrink-0 rounded-full px-2 py-0.5 text-[11px] ${
-                                selectedValue === null
-                                  ? "bg-white/15 text-white"
-                                  : "bg-white/10 text-white/70 hover:bg-white/15"
-                              }`}
-                            >
-                              全部
-                            </button>
-                          ) : null}
-                        </div>
-                        <div
-                          className={`mt-2 grid gap-1 text-[11px] ${
-                            isActive
-                              ? "text-white/70"
-                              : "text-apple-label-secondary"
-                          }`}
-                        >
-                          {topItems.map(([label, count]) => {
-                            const isSelected =
-                              isActive && selectedValue === label;
-                            return (
-                              <button
-                                key={label}
-                                type="button"
-                                onClick={() => {
-                                  setActiveDimension(dimension);
-                                  setDimensionFilter({
-                                    dimension,
-                                    value: label,
-                                  });
-                                }}
-                                className={`flex items-center justify-between gap-2 rounded-md px-2 py-1 text-left transition ${
-                                  isSelected
-                                    ? "bg-white text-zinc-950"
-                                    : isActive
-                                      ? "hover:bg-white/10"
-                                      : "hover:bg-apple-bg-secondary"
-                                }`}
-                              >
-                                <span className="truncate">{label}</span>
-                                <span className="shrink-0">{count} 个</span>
-                              </button>
-                            );
-                          })}
-                        </div>
-                      </div>
+                        );
+                      })}
                     </div>
-                  );
-                },
-              )}
-            </div>
+                    <div className="flex justify-center py-1">
+                      <svg
+                        viewBox="0 0 380 284"
+                        className="h-[268px] w-full max-w-[388px] overflow-visible"
+                        role="img"
+                        aria-label={`${dimensionLabelMap[activeDimension]}结构占比`}
+                      >
+                        <circle
+                          cx="190"
+                          cy="142"
+                          r="78"
+                          fill="none"
+                          stroke="#e8eef3"
+                          strokeWidth="28"
+                        />
+                        {dimensionAnnotations.map((item) => {
+                          const isSelected =
+                            selectedDimensionLabel === item.label;
+                          const isHovered =
+                            hoveredDimensionLabel === item.label;
+                          const isEmphasized = isSelected || isHovered;
+                          return (
+                            <g
+                              key={item.label}
+                              role="button"
+                              tabIndex={0}
+                              aria-label={`${item.label} ${item.count} 个 ${item.percent}%`}
+                              className="cursor-pointer outline-none"
+                              onClick={() => applyDimensionItem(item)}
+                              onKeyDown={(event) =>
+                                handleDimensionItemKeyDown(event, item)
+                              }
+                              onMouseEnter={() =>
+                                setHoveredDimensionLabel(item.label)
+                              }
+                              onMouseLeave={() =>
+                                setHoveredDimensionLabel(null)
+                              }
+                              onFocus={() =>
+                                setHoveredDimensionLabel(item.label)
+                              }
+                              onBlur={() => setHoveredDimensionLabel(null)}
+                            >
+                              <title>
+                                {item.label} {item.count} / {item.percent}%
+                              </title>
+                              <circle
+                                cx="190"
+                                cy="142"
+                                r="78"
+                                fill="none"
+                                stroke={item.color}
+                                strokeWidth={isEmphasized ? 31 : 25}
+                                pathLength={100}
+                                strokeDasharray={`${Math.max(
+                                  item.end - item.start,
+                                  0.8,
+                                )} ${100 - Math.max(item.end - item.start, 0.8)}`}
+                                strokeDashoffset={-item.start}
+                                transform="rotate(-90 190 142)"
+                                className="transition-all"
+                                opacity={isSelected ? 1 : 0.92}
+                              />
+                              <polyline
+                                points={`${item.anchorX},${item.anchorY} ${item.elbowX},${item.labelY} ${item.lineEndX},${item.labelY}`}
+                                fill="none"
+                                stroke={isEmphasized ? "#0b1220" : "#9aa8b3"}
+                                strokeWidth={isEmphasized ? 1.6 : 1}
+                              />
+                              <circle
+                                cx={item.anchorX}
+                                cy={item.anchorY}
+                                r={isEmphasized ? 3.3 : 2.4}
+                                fill={isEmphasized ? "#0b1220" : item.color}
+                              />
+                              <text
+                                x={item.labelX}
+                                y={item.labelY - 4}
+                                textAnchor={item.textAnchor}
+                                fill={isEmphasized ? "#0b1220" : "#52606a"}
+                                fontSize={isEmphasized ? 13 : 10.5}
+                                fontWeight={isEmphasized ? 700 : 500}
+                                className="select-none transition-all"
+                              >
+                                <tspan>
+                                  {getShortDimensionLabel(item.label)}
+                                </tspan>
+                                <tspan
+                                  x={item.labelX}
+                                  dy={isEmphasized ? 16 : 13}
+                                  fontSize={isEmphasized ? 12 : 10}
+                                  fontWeight={700}
+                                >
+                                  {item.count} / {item.percent}%
+                                </tspan>
+                              </text>
+                            </g>
+                          );
+                        })}
+                        <g
+                          role="button"
+                          tabIndex={0}
+                          aria-label={`查看全部${dimensionLabelMap[activeDimension]}`}
+                          className="cursor-pointer outline-none"
+                          onClick={() => {
+                            setDimensionFilter(null);
+                            setHoveredDimensionLabel(null);
+                          }}
+                          onKeyDown={(event) => {
+                            if (event.key !== "Enter" && event.key !== " ")
+                              return;
+                            event.preventDefault();
+                            setDimensionFilter(null);
+                            setHoveredDimensionLabel(null);
+                          }}
+                        >
+                          <circle
+                            cx="190"
+                            cy="142"
+                            r="49"
+                            fill="#f8fafc"
+                            stroke="#d8e1e8"
+                            strokeWidth="1"
+                          />
+                          <text
+                            x="190"
+                            y="135"
+                            textAnchor="middle"
+                            fill="#0b1220"
+                            fontSize="13"
+                            fontWeight="700"
+                            className="select-none"
+                          >
+                            {getShortDimensionLabel(
+                              activeDimensionPreview?.label ??
+                                dimensionLabelMap[activeDimension],
+                            )}
+                          </text>
+                          <text
+                            x="190"
+                            y="154"
+                            textAnchor="middle"
+                            fill="#52606a"
+                            fontSize="11"
+                            fontWeight="700"
+                            className="select-none"
+                          >
+                            {activeDimensionPreview
+                              ? `${activeDimensionPreview.count} / ${activeDimensionPreview.percent}%`
+                              : `${allRows.length} 个产品`}
+                          </text>
+                        </g>
+                      </svg>
+                    </div>
+                  </div>
+                </section>
+
+                <section className="rounded-apple-xl border border-apple-separator bg-apple-bg-primary">
+                  <div className="flex items-start justify-between gap-3 border-b border-apple-separator px-3 py-3">
+                    <div>
+                      <h3 className="text-sm font-apple-semibold text-apple-label-primary">
+                        结构拆解
+                      </h3>
+                      <p className="mt-1 text-[11px] leading-5 text-apple-label-secondary">
+                        每一行看该结构项的完成、推进中和风险分布。
+                      </p>
+                    </div>
+                    <Badge type="info" variant="subtle">
+                      按{dimensionLabelMap[activeDimension]}
+                    </Badge>
+                  </div>
+                  <div className="p-3">
+                    <div className="grid grid-cols-[110px_minmax(0,1fr)_44px_44px] gap-3 border-b border-apple-separator pb-2 text-[11px] text-apple-label-secondary">
+                      <span>结构项</span>
+                      <span>状态分布</span>
+                      <span className="text-right">总数</span>
+                      <span className="text-right">风险</span>
+                    </div>
+                    <div className="divide-y divide-apple-separator">
+                      {dimensionBreakdownItems.map(([label, count]) => {
+                        const rows = allRows.filter(
+                          (row) =>
+                            getProductProgressDimensionValue(
+                              row,
+                              activeDimension,
+                            ) === label,
+                        );
+                        const itemDoneCount = countRowsByStatus(rows, "done");
+                        const itemRunningCount = countRowsByStatus(
+                          rows,
+                          "running",
+                        );
+                        const itemBlockedCount = countRowsByStatus(
+                          rows,
+                          "blocked",
+                        );
+                        const itemPendingCount = Math.max(
+                          count -
+                            itemDoneCount -
+                            itemRunningCount -
+                            itemBlockedCount,
+                          0,
+                        );
+                        return (
+                          <button
+                            key={label}
+                            type="button"
+                            onClick={() =>
+                              setDimensionFilter({
+                                dimension: activeDimension,
+                                value: label,
+                              })
+                            }
+                            className="grid w-full grid-cols-[110px_minmax(0,1fr)_44px_44px] items-center gap-3 py-3 text-left text-xs hover:bg-apple-bg-secondary/45"
+                          >
+                            <span className="truncate font-apple-semibold text-apple-label-primary">
+                              {label}
+                            </span>
+                            <span className="flex h-2 overflow-hidden rounded-full bg-apple-bg-tertiary">
+                              <span
+                                className="h-full bg-emerald-600"
+                                style={{
+                                  width: getProgressSegmentWidth(
+                                    itemDoneCount,
+                                    count,
+                                  ),
+                                }}
+                              />
+                              <span
+                                className="h-full bg-zinc-950"
+                                style={{
+                                  width: getProgressSegmentWidth(
+                                    itemRunningCount,
+                                    count,
+                                  ),
+                                }}
+                              />
+                              <span
+                                className="h-full bg-amber-500"
+                                style={{
+                                  width: getProgressSegmentWidth(
+                                    itemPendingCount,
+                                    count,
+                                  ),
+                                }}
+                              />
+                              <span
+                                className="h-full bg-red-500"
+                                style={{
+                                  width: getProgressSegmentWidth(
+                                    itemBlockedCount,
+                                    count,
+                                  ),
+                                }}
+                              />
+                            </span>
+                            <span className="text-right text-apple-label-primary">
+                              {count}
+                            </span>
+                            <span className="text-right font-apple-semibold text-amber-700">
+                              {itemBlockedCount}
+                            </span>
+                          </button>
+                        );
+                      })}
+                    </div>
+                  </div>
+                </section>
+
+                <section className="rounded-apple-xl border border-apple-separator bg-apple-bg-primary">
+                  <div className="border-b border-apple-separator px-3 py-3">
+                    <h3 className="text-sm font-apple-semibold text-apple-label-primary">
+                      看板判断
+                    </h3>
+                    <p className="mt-1 text-[11px] leading-5 text-apple-label-secondary">
+                      这里放需要负责人快速判断的结论。
+                    </p>
+                  </div>
+                  <div className="space-y-2 p-3 text-xs leading-5">
+                    <div className="rounded-apple-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-emerald-950">
+                      <strong className="block font-apple-semibold">
+                        {selectedDimensionLabel ?? "全部结构"}
+                      </strong>
+                      <span>
+                        当前占比 {selectedDimensionCount} /{" "}
+                        {selectedDimensionPercent}%，下方明细已按该项联动。
+                      </span>
+                    </div>
+                    <div className="rounded-apple-lg border border-amber-200 bg-amber-50 px-3 py-2 text-amber-950">
+                      <strong className="block font-apple-semibold">
+                        风险集中项
+                      </strong>
+                      <span>
+                        {highestRiskDimension?.risk
+                          ? `${highestRiskDimension.label} 有 ${highestRiskDimension.risk} 个异常，需要先看退回或废弃原因。`
+                          : "当前结构项暂无退回或废弃。"}
+                      </span>
+                    </div>
+                    <div className="rounded-apple-lg border border-apple-separator bg-apple-bg-secondary/55 px-3 py-2 text-apple-label-secondary">
+                      如果要追进度，先点占比最高的结构项；如果要查问题，优先看风险集中项。
+                    </div>
+                  </div>
+                </section>
+              </div>
+            </>
           ) : null}
 
           {activePanel === "nodes" ? (
@@ -2867,7 +3558,9 @@ function ProductDevelopmentProgressDashboard({
             <ProgressTable
               rows={filteredRows}
               title={tableTitle}
-              description="横向滚动查看全部节点时间；时间为空表示该节点尚未审批或还未走到。"
+              description="横向滚动查看全部节点耗时；空值表示该节点尚未审批或还未走到。"
+              toolbar={activePanel === "total" ? statusFilterControls : null}
+              onExport={() => void handleExportProgressRows()}
               onOpenProductWorkspace={onOpenProductWorkspace}
             />
           </div>
@@ -2875,26 +3568,16 @@ function ProductDevelopmentProgressDashboard({
       </div>
 
       <aside className="w-[224px] shrink-0 border-l border-apple-separator bg-apple-bg-secondary/60 p-3">
-        <div className="mb-3 rounded-apple-xl border border-apple-separator bg-apple-bg-primary px-4 py-3">
-          <h3 className="text-sm font-apple-semibold text-apple-label-primary">
-            产品开发进度
-          </h3>
-          <p className="mt-1 text-[11px] leading-5 text-apple-label-secondary">
-            右侧切换看板，左侧显示对应明细。
-          </p>
-        </div>
         <div className="space-y-2">
           {PRODUCT_PROGRESS_PANELS.map((panel) => {
             const isActive = activePanel === panel.key;
             const badgeCount =
               panel.key === "total"
                 ? allRows.length
-                : panel.key === "rings"
-                  ? 3
-                  : panel.key === "nodes"
-                    ? NON_INTEGRATED_DOCUMENT_STATUS_COLUMNS.length
-                    : countRowsByStatus(allRows, "returned") +
-                      countRowsByStatus(allRows, "scrapped");
+                : panel.key === "nodes"
+                  ? NON_INTEGRATED_DOCUMENT_STATUS_COLUMNS.length
+                  : countRowsByStatus(allRows, "returned") +
+                    countRowsByStatus(allRows, "scrapped");
 
             return (
               <button
@@ -3034,7 +3717,7 @@ function RawMaterialLibraryDetail({
         />
       </div>
     </div>
-  )
+  );
 }
 
 function FormalIntakeWorkbench({
@@ -3078,8 +3761,7 @@ function FormalIntakeWorkbench({
               type="button"
               onClick={() => onPendingEntryTabChange(option.key)}
               className={`flex w-full items-center rounded-apple-lg border px-3 py-2 text-left text-xs transition ${
-                pendingEntryTab === option.key
-                  && activeSection === "pending"
+                pendingEntryTab === option.key && activeSection === "pending"
                   ? "border-apple-blue bg-apple-blue/10 text-apple-blue"
                   : "border-apple-separator bg-apple-bg-secondary text-apple-label-secondary"
               }`}
@@ -3182,14 +3864,12 @@ export default function IntakeClient(props: IntakeClientProps) {
     NonIntegratedProductRecord[]
   >(props.initialNonIntegratedProducts);
   const selectedRawMaterialName = props.initialRawMaterialName?.trim() ?? "";
-  const [workspaceTabs, setWorkspaceTabs] = useState<IntakeWorkspaceTab[]>(() => [
-    createPendingEntryWorkspaceTab("nonIntegrated"),
-  ]);
+  const [workspaceTabs, setWorkspaceTabs] = useState<IntakeWorkspaceTab[]>(
+    () => [createPendingEntryWorkspaceTab("nonIntegrated")],
+  );
   const [activeWorkspaceTabId, setActiveWorkspaceTabId] = useState<
     string | null
-  >(
-    DEFAULT_WORKSPACE_TAB_ID,
-  );
+  >(DEFAULT_WORKSPACE_TAB_ID);
   const workspaceTabSequenceRef = useRef(0);
 
   const activeWorkspaceTab =
@@ -3214,8 +3894,7 @@ export default function IntakeClient(props: IntakeClientProps) {
     ]);
     setWorkspaceTabs((current) =>
       current.map((tab) =>
-        tab.kind === "nonIntegratedProduct" &&
-        tab.productId === savedProduct.id
+        tab.kind === "nonIntegratedProduct" && tab.productId === savedProduct.id
           ? {
               ...tab,
               label: `${savedProduct.spu}产品开发明细`,
@@ -3264,7 +3943,10 @@ export default function IntakeClient(props: IntakeClientProps) {
     setWorkspaceTabs(nextTabs);
     if (closingActiveTab) {
       syncWorkspaceState(
-        nextTabs[closingIndex] ?? nextTabs[closingIndex - 1] ?? nextTabs[0] ?? null,
+        nextTabs[closingIndex] ??
+          nextTabs[closingIndex - 1] ??
+          nextTabs[0] ??
+          null,
       );
     }
   }
diff --git a/furniture-3d-system/src/app/intake/non-integrated/NonIntegratedDetailClient.tsx b/furniture-3d-system/src/app/intake/non-integrated/NonIntegratedDetailClient.tsx
index fb888c36..d9b06681 100644
--- a/furniture-3d-system/src/app/intake/non-integrated/NonIntegratedDetailClient.tsx
+++ b/furniture-3d-system/src/app/intake/non-integrated/NonIntegratedDetailClient.tsx
@@ -324,6 +324,7 @@ type FieldDefinition = {
   type?: BasicFieldType;
   placeholder?: string;
   options?: string[];
+  auto?: boolean;
 };
 
 type StyleDetailForm = {
@@ -834,16 +835,18 @@ const PROJECT_STATUS_COPY: Record<
     saveMessage: "立项已通过，已展开产品资料、样品评审、基础信息和后续节点",
   },
 };
-const OPENING_REFERENCE_STAGE_OPTIONS = [
-  "立项前",
-  "资料补充中",
-  "待立项评审",
-  "已立项",
-  "退回修改",
-  "废弃不开",
-];
 const WORKFLOW_DATE_TIME_ZONE = "Asia/Shanghai";
 
+function getAutoProductYear(createdAt?: string) {
+  const parsedDate = createdAt ? new Date(createdAt) : null;
+  const sourceDate =
+    parsedDate && !Number.isNaN(parsedDate.getTime())
+      ? parsedDate
+      : new Date();
+
+  return String(sourceDate.getFullYear());
+}
+
 function formatWorkflowDateTime(value: string) {
   const parsedDate = new Date(value);
   if (Number.isNaN(parsedDate.getTime())) return value;
@@ -1433,7 +1436,7 @@ const BRAND_OPTIONS = ["基本盘", "顾家", "索菲亚", "朴美"];
 const CREATE_TOP_FIELD_COLUMNS: FieldDefinition[][] = [
   [
     { key: "spu", label: "SPU", required: true, placeholder: "请输入 SPU" },
-    { key: "year", label: "年份", placeholder: "请输入年份" },
+    { key: "year", label: "年份", placeholder: "系统自动带出", auto: true },
     {
       key: "salesCategory",
       label: "销售类目",
@@ -1562,7 +1565,8 @@ const BASIC_INFO_CORE_FIELDS: FieldDefinition[] = [
   {
     key: "year",
     label: "年份",
-    placeholder: "开品参考带出，可调整",
+    placeholder: "系统自动带出",
+    auto: true,
   },
   {
     key: "materialType",
@@ -3283,7 +3287,7 @@ function createFormValuesFromProduct(
   product: NonIntegratedProductRecord | null,
 ): FormValues {
   if (!product) {
-    return { ...EMPTY_FORM_VALUES };
+    return { ...EMPTY_FORM_VALUES, year: getAutoProductYear() };
   }
 
   const normalizedBrand = product.brand || "基本盘";
@@ -3298,7 +3302,7 @@ function createFormValuesFromProduct(
 
   return {
     spu: product.spu ?? "",
-    year: product.year ?? "",
+    year: product.year || getAutoProductYear(product.createdAt),
     demandFlowNo: product.demandFlowNo ?? "",
     processTemplate: product.processTemplate ?? "",
     productCategory: product.productCategory ?? "",
@@ -3361,6 +3365,26 @@ function getOpeningReferenceStageFromStatus(
   return "立项前";
 }
 
+const OPENING_REFERENCE_DRAFT_STAGES = new Set([
+  "立项前",
+  "资料补充中",
+  "待立项评审",
+]);
+
+function getAutoOpeningReferenceStage(
+  status: NonIntegratedProjectStatus,
+  currentStage?: string,
+) {
+  if (status !== "draft") {
+    return getOpeningReferenceStageFromStatus(status);
+  }
+
+  const normalizedStage = currentStage?.trim() ?? "";
+  return OPENING_REFERENCE_DRAFT_STAGES.has(normalizedStage)
+    ? normalizedStage
+    : getOpeningReferenceStageFromStatus(status);
+}
+
 function createInitialOpeningReference(
   product: NonIntegratedProductRecord | null,
 ): NonIntegratedOpeningReference {
@@ -3370,6 +3394,7 @@ function createInitialOpeningReference(
       brand: "基本盘",
       adaptableBrands: ["基本盘"],
       currentStage: "立项前",
+      year: getAutoProductYear(),
       urgent: "否",
     };
   }
@@ -3414,9 +3439,11 @@ function createInitialOpeningReference(
     salesCategory: normalized.salesCategory || product.salesCategory || "",
     designer: normalized.designer || product.designer || "",
     planningOwner: normalized.planningOwner || product.productPlanning || "",
-    currentStage:
-      normalized.currentStage || getOpeningReferenceStageFromStatus(projectStatus),
-    year: normalized.year || product.year || "",
+    currentStage: getAutoOpeningReferenceStage(
+      projectStatus,
+      normalized.currentStage,
+    ),
+    year: product.year || normalized.year || getAutoProductYear(product.createdAt),
     targetPriceBand: normalized.targetPriceBand || product.priceBand || "",
     size: normalized.size || product.size || "",
     material:
@@ -3479,7 +3506,7 @@ function buildOpeningReferenceFormValues(
     previewImage: reference.productImage.trim() || baseValues.previewImage,
     previewImageName:
       reference.productImageName.trim() || baseValues.previewImageName,
-    year: reference.year.trim() || baseValues.year,
+    year: baseValues.year || reference.year.trim() || getAutoProductYear(),
     brand: normalizedBrand,
     adaptableBrands: normalizedAdaptableBrands,
     productCategory:
@@ -5702,14 +5729,23 @@ function buildProductPayload(
   }));
   const primaryReviewSheet =
     normalizedReviewRounds[0]?.reviewSheet ?? createEmptyReviewSheet();
+  const autoYear = formValues.year.trim() || getAutoProductYear(createdAt);
+  const normalizedOpeningReference = normalizeNonIntegratedOpeningReference({
+    ...openingReference,
+    currentStage: getAutoOpeningReferenceStage(
+      projectStatus,
+      openingReference.currentStage,
+    ),
+    year: autoYear,
+  });
 
   return {
     id,
     projectStatus,
     projectReview: normalizeNonIntegratedProjectReview(projectReview),
-    openingReference: normalizeNonIntegratedOpeningReference(openingReference),
+    openingReference: normalizedOpeningReference,
     spu: formValues.spu.trim(),
-    year: formValues.year.trim(),
+    year: autoYear,
     demandFlowNo: formValues.demandFlowNo.trim(),
     processTemplate: formValues.processTemplate.trim(),
     productCategory: formValues.productCategory.trim(),
@@ -8619,6 +8655,7 @@ export default function NonIntegratedDetailClient({
 
   function updateField(key: keyof FormValues, value: string) {
     if (isReadOnly && key !== "brand") return;
+    if (key === "year") return;
 
     if (key === "spu") {
       setFormValues((current) => ({
@@ -9766,6 +9803,7 @@ export default function NonIntegratedDetailClient({
     value: string,
   ) {
     if (isReadOnly) return;
+    if (field === "currentStage" || field === "year") return;
 
     setOpeningReference((current) => {
       if (field !== "brand") {
@@ -13117,17 +13155,6 @@ export default function NonIntegratedDetailClient({
         label: "企划负责人",
         placeholder: "请输入企划负责人",
       },
-      {
-        key: "currentStage",
-        label: "当前阶段",
-        type: "select",
-        options: OPENING_REFERENCE_STAGE_OPTIONS,
-      },
-      {
-        key: "year",
-        label: "年份",
-        placeholder: "如：2026",
-      },
     ];
     const demandFields: {
       key: OpeningReferenceFieldKey;
@@ -13174,6 +13201,31 @@ export default function NonIntegratedDetailClient({
       },
     ];
     const openingReferenceFiles = activeDocumentWorkspaceFiles;
+    const autoOpeningReferenceStage =
+      getAutoOpeningReferenceStage(
+        projectStatus,
+        openingReference.currentStage,
+      );
+    const autoOpeningReferenceYear =
+      openingReference.year ||
+      formValues.year ||
+      getAutoProductYear(existingProductCreatedAt);
+    const renderAutoOpeningReferenceField = ({
+      label,
+      value,
+    }: {
+      label: string;
+      value: string;
+    }) => (
+      <div className="rounded-apple-lg border border-apple-separator bg-apple-bg-secondary/35 p-1.5">
+        <p className="mb-1 block text-[11px] leading-4 text-apple-label-secondary">
+          {label}
+        </p>
+        <div className="flex h-8 items-center rounded-apple-md border border-apple-separator bg-apple-bg-primary px-2 text-xs font-apple-medium text-apple-label-primary">
+          {value || "-"}
+        </div>
+      </div>
+    );
     const renderCompactOpeningReferenceField = (field: {
       key: OpeningReferenceFieldKey;
       label: string;
@@ -13287,6 +13339,14 @@ export default function NonIntegratedDetailClient({
               {topFields.map((field) =>
                 renderCompactOpeningReferenceField(field),
               )}
+              {renderAutoOpeningReferenceField({
+                label: "当前阶段",
+                value: autoOpeningReferenceStage,
+              })}
+              {renderAutoOpeningReferenceField({
+                label: "年份",
+                value: autoOpeningReferenceYear,
+              })}
               <div className="rounded-apple-lg border border-apple-separator bg-apple-bg-primary p-1.5">
                 <AdaptableBrandField
                   value={openingReference.adaptableBrands}
@@ -15120,7 +15180,7 @@ export default function NonIntegratedDetailClient({
                                   placeholder={field.placeholder}
                                   options={field.options}
                                   value={formValues[field.key] as string}
-                                  readOnly={isReadOnly}
+                                  readOnly={isReadOnly || field.auto === true}
                                   onChange={(value) =>
                                     updateField(field.key, value)
                                   }
@@ -15174,6 +15234,7 @@ export default function NonIntegratedDetailClient({
                                     value={formValues[field.key] as string}
                                     readOnly={
                                       isReadOnly ||
+                                      field.auto === true ||
                                       (field.key === "brand" &&
                                         (isCopiedBrandProduct ||
                                           availableBrandOptions.length === 0))