@fses/workbench-app 0.1.3 → 0.2.1

package/node_modules/@fses/workbench-card/src/renderers/reference-composite/referenceCompositeBindings.ts

@@ -0,0 +1,3205 @@
+/**
+ * @fileoverview 引用复合预览绑定 - 提供截图复合卡片的分类、布局和高密度数据整理 helper。
+ * @author seadon
+ * @created 2026-05-20
+ */
+import type { CSSProperties } from 'vue';
+import type { CustomCanvasData, CustomCanvasNestedBlock, WorkbenchBlock } from '../../types';
+import { createReferenceRiskAndStrategyBindings } from './referenceRiskAndStrategyBindings';
+
+type ReferenceCompositeContext = Record<string, any>;
+type NestedBlockVisualKind =
+  | 'metric'
+  | 'table'
+  | 'list'
+  | 'chart'
+  | 'statusList'
+  | 'incidentList'
+  | 'resourceBars'
+  | 'securityScore'
+  | 'simpleList'
+  | 'progressList'
+  | 'todoGrid'
+  | 'quickLinks'
+  | 'donut'
+  | 'summary';
+
+type ReferenceCompositeRegion = {
+  left: string;
+  top: string;
+  width: string;
+  height: string;
+};
+
+/**
+ * Creates helpers for reference-style composite previews.
+ * @param context - Shared renderer helpers from the main workbench block binding.
+ * @returns Reference composite helper functions consumed by the template.
+ */
+export function createReferenceCompositeBindings(context: ReferenceCompositeContext) {
+  const {
+    textValue,
+    numberValue,
+    isRecord,
+    imageComposeCompactCard,
+    customCanvasRiskSummaryBand,
+    nestedBlockClassifierText,
+    nestedBlockDataSummary,
+    nestedBlockRawItems,
+    nestedBlockItemTitle,
+    nestedBlockVisualKind,
+    nestedBlockPreviewKind,
+    customCanvasVisibleNarrative,
+    customCanvasHasNestedBlocks,
+    customCanvasVisibleElements,
+    imageComposeAlertRankingTitle,
+    visualFor,
+    recordHasImageComposeSource,
+    customCanvasGeneratedElement,
+    nestedBlockMetricValue,
+    nestedBlockItemValue,
+    nestedBlockItemDetail,
+    nestedBlockItemLabel,
+    nestedBlockToneFromStatus,
+    nestedBlockNeedsHumanIntervention,
+    nestedBlockItems,
+    nestedBlockItemsLookTooWeak,
+    nestedBlockItemsLookTooWeakForVisualKind,
+    nestedBlockFallbackItems,
+    nestedBlockElementItems,
+    nestedBlockBarItems,
+    nestedBlockOptionalNumber,
+    nestedBlockNumber,
+    nestedBlockDisplayValue,
+    nestedBlockDonutItems,
+  } = context;
+
+  type ReferenceCompositeKind =
+    | 'ops'
+    | 'security'
+    | 'asset'
+    | 'project'
+    | 'bidCollaboration'
+    | 'riskSummary'
+    | 'healthRadar'
+    | 'deviation'
+    | 'financeRisk'
+    | 'expenseRisk'
+    | 'deviationInsight'
+    | 'organizationRisk'
+    | 'investmentRisk'
+    | 'executiveTodo'
+    | 'shortcutDrill'
+    | 'quickWorkbench'
+    | 'strategyKpi'
+    | 'operationHealth'
+    | 'operationEfficiency'
+    | 'businessMetricMatrix'
+    | 'hrOrganization'
+    | 'hrRiskCompliance'
+    | 'hrPeopleCost'
+    | 'hrTalentTodo'
+    | '';
+  
+  /**
+   * Checks whether a dense image container should use a reference-style composite preview.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True for dense CIO asset/project panels that should not show every micro-card as a large child card.
+   */
+  function customCanvasUsesReferenceCompositePreview(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    return customCanvasReferenceCompositeKind(block, data) !== '';
+  }
+  
+  /**
+   * Classifies a dense screenshot container into a reference-style composite family.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns Composite family id, or empty string when normal nested cards should render.
+   */
+  function customCanvasReferenceCompositeKind(block: WorkbenchBlock, data: CustomCanvasData): ReferenceCompositeKind {
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    if (!imageComposeCompactCard(block)) return '';
+    const parentKind = referenceCompositeKindFromContainerTitle(block.title);
+    const automaticImageSource = referenceCompositeUsesAutomaticImageSource(block, data);
+    if (automaticImageSource && parentKind === 'bidCollaboration') return '';
+    if (customCanvasLooksLikeRiskSummaryTitle(block)) return 'riskSummary';
+    if (automaticImageSource && !parentKind) {
+      const explicitKind = referenceCompositeKindFromVisualKind(block, data);
+      return explicitKind && referenceCompositeKindAllowedForBlock(explicitKind, block, data) ? explicitKind : '';
+    }
+    if (customCanvasLooksLikeStandaloneQuickLinks(block, data)) return '';
+    if (parentKind && referenceCompositeKindAllowedForBlock(parentKind, block, data)) return parentKind;
+    if (customCanvasRiskSummaryBand(block, data) && referenceCompositeLooksLikeChairmanRiskDirectContext(block, data)) return 'riskSummary';
+    if (customCanvasLooksLikePageHeader(block, data)) return '';
+    if (customCanvasLooksLikeBidCollaboration(block, data)) return 'bidCollaboration';
+    if (customCanvasLooksLikeBusinessMetricMatrix(block, data)) return 'businessMetricMatrix';
+    const text = referenceCompositeSearchText(block, data);
+    if (/快捷工作台|快捷入口|入口导航|待办入口|常用报表|系统入口|消息中心/.test(text)) return 'quickWorkbench';
+    if (/战略\s*KPI|KPI\s*看板|战略KPI看板|经营KPI|核心指标看板|目标完成率|营业收入/.test(text)) return 'strategyKpi';
+    if (/经营健康度|经营健康|健康度/.test(text)) return 'operationHealth';
+    if (/组织编制|人员结构|编制使用|平均司龄|部门编制|关键异动/.test(text) && referenceCompositeLooksLikeHrContext(block, data)) return 'hrOrganization';
+    if (/人力风险|用工风险|用工合规|考勤异常|劳动纠纷|合规管控|迟到|旷工|请假/.test(text) && referenceCompositeLooksLikeHrContext(block, data)) return 'hrRiskCompliance';
+    if (/人数.*薪酬|薪酬成本|薪酬结构|人力总成本|成本趋势|人效排行/.test(text) && referenceCompositeLooksLikeHrContext(block, data)) return 'hrPeopleCost';
+    if (/人才发展|待办中心|人才梯队|继任计划|储备干部|培训完成|人事待办|快捷入口/.test(text) && referenceCompositeLooksLikeHrContext(block, data)) return 'hrTalentTodo';
+    if (/运营效率|交付|履约|资源利用|重点项目里程碑|订单准时|生产良率|服务响应|人均产值|设备利用|库存周转|数字化工厂|成本专项|渠道升级|新品上市/.test(text) && !referenceCompositeLooksLikeHrPeopleCostContext(block, data)) return 'operationEfficiency';
+    if (/快捷穿透|风险全景下钻|二级页|亏损主体|组织隐患/.test(text) && referenceCompositeLooksLikeChairmanRiskContext(block, data)) return 'shortcutDrill';
+    if (/五大维度|健康雷达|雷达|盈利结构|资金安全边际/.test(text) && referenceCompositeLooksLikeChairmanRiskContext(block, data)) return 'healthRadar';
+    if (/经营目标偏差|目标完成|目标\s*VS\s*实际|利润底线|目标偏差/.test(text) && referenceCompositeLooksLikeChairmanRiskContext(block, data)) return 'deviation';
+    if (/财务资金|资金风险|逾期应收|现金流|坏账|风险红线/.test(text) && referenceCompositeLooksLikeChairmanRiskContext(block, data)) return 'financeRisk';
+    if (/偏差洞察|利润同比下滑|预算偏离/.test(text) && referenceCompositeLooksLikeChairmanRiskContext(block, data)) return 'deviationInsight';
+    if (/成本.*费用|费用超支|超阈值|费用超阈值|管理费用|外包成本/.test(text) && referenceCompositeLooksLikeChairmanRiskContext(block, data)) return 'expenseRisk';
+    if (/组织.*人效|人效风险|组织稳定|核心流失|人效下滑|超编/.test(text) && referenceCompositeLooksLikeChairmanRiskContext(block, data)) return 'organizationRisk';
+    if (/重大投资|项目风险|投资.*项目|战略项目|新基地|技改|甘特/.test(text) && referenceCompositeLooksLikeChairmanRiskContext(block, data)) return 'investmentRisk';
+    if (/高管重大待办|董事长督办|重大待办|战略投资追加|资金支付复核|待签批|待复核/.test(text) && referenceCompositeLooksLikeChairmanRiskContext(block, data)) return 'executiveTodo';
+    if (/数字化|项目|研发|效能|待办|审批|快捷|上线/.test(text) && referenceCompositeLooksLikeItContext(block, data)) return 'project';
+    if (/资产|成本|License|预算|云主机|机房|终端/.test(text) && referenceCompositeLooksLikeItContext(block, data)) return 'asset';
+    if (/信息安全|合规治理|安全风险|安全健康|账号|权限|审计|漏洞/.test(text) && referenceCompositeLooksLikeItContext(block, data)) return 'security';
+    if (nestedBlocks.length < 4) return '';
+    if (/基础设施|运维稳定|稳定性|服务监控|资源负载|CPU|内存|存储|带宽|故障.*告警|近七日故障/.test(text) && referenceCompositeLooksLikeItContext(block, data)) return 'ops';
+    return '';
+  }
+
+  /**
+   * Checks whether a rendered customCanvas came from automatic image reconstruction.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when screenshot keyword promotion must be disabled.
+   */
+  function referenceCompositeUsesAutomaticImageSource(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    const meta = (isRecord(block.meta) ? block.meta : {}) as Record<string, unknown>;
+    const source = (isRecord(block.source) ? block.source : {}) as Record<string, unknown>;
+    if (meta.canvasRuntime === true || source.sourceType === 'canvas_runtime') return false;
+    return source.sourceType === 'ai_composition_v2'
+      || source.service === 'workbench-v2'
+      || recordHasImageComposeSource(block.meta)
+      || recordHasImageComposeSource(block.source)
+      || recordHasImageComposeSource(data)
+      || (typeof block.source?.resourceKey === 'string' && block.source.resourceKey.startsWith('workbench.v2.image.'));
+  }
+
+  /**
+   * Reads an explicit reference-composite visual kind from renderer metadata.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns Reference composite kind when a trusted structured field declares it.
+   */
+  function referenceCompositeKindFromVisualKind(block: WorkbenchBlock, data: CustomCanvasData): ReferenceCompositeKind {
+    const record = data as unknown as Record<string, unknown>;
+    const meta = (isRecord(block.meta) ? block.meta : {}) as Record<string, unknown>;
+    const visualKind = textValue(record.visualKind || meta.visualKind);
+    if (visualKind === 'quickWorkbench') return 'quickWorkbench';
+    if (visualKind === 'strategyKpi') return 'strategyKpi';
+    if (visualKind === 'operationHealth') return 'operationHealth';
+    if (visualKind === 'operationEfficiency') return 'operationEfficiency';
+    if (visualKind === 'riskSummary') return 'riskSummary';
+    return '';
+  }
+  
+  /**
+   * Builds a broad searchable text bundle for reference-template classification.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns Parent, OCR element, and nested-card text joined into one classifier string.
+   */
+  function referenceCompositeSearchText(block: WorkbenchBlock, data: CustomCanvasData): string {
+    const record = data as unknown as Record<string, unknown>;
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    const elements = Array.isArray(data.elements) ? data.elements : [];
+    return [
+      block.title,
+      block.subtitle,
+      record.title,
+      record.subtitle,
+      data.narrative,
+      data.sourceLabel,
+      ...elements.map(customCanvasTextElementValue),
+      ...nestedBlocks.flatMap((nestedBlock) => [
+        nestedBlock.title,
+        nestedBlockClassifierText(nestedBlock),
+        nestedBlockDataSummary(nestedBlock),
+        ...nestedBlockRawItems(nestedBlock).map((item: Record<string, unknown>, index: number) => nestedBlockItemTitle(item, index)),
+      ]),
+    ].map((value) => textValue(value)).filter(Boolean).join(' ');
+  }
+  
+  /**
+   * Checks whether a reference composite family is allowed for the current screenshot scene.
+   * @param kind - Candidate reference composite family.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when the family is generic or the card text carries explicit CIO/IT context.
+   */
+  function referenceCompositeKindAllowedForBlock(kind: ReferenceCompositeKind, block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    if (kind === 'operationEfficiency' && referenceCompositeLooksLikeHrPeopleCostContext(block, data)) return false;
+    if (referenceCompositeKindRequiresItContext(kind)) return referenceCompositeLooksLikeItContext(block, data);
+    if (referenceCompositeKindRequiresChairmanRiskContext(kind)) return referenceCompositeLooksLikeChairmanRiskContext(block, data);
+    if (referenceCompositeKindRequiresHrContext(kind)) return referenceCompositeLooksLikeHrContext(block, data);
+    return true;
+  }
+  
+  /**
+   * Checks whether a reference family contains fixed IT/CIO copy and therefore needs scene context.
+   * @param kind - Candidate reference composite family.
+   * @returns True for templates whose visible copy is intentionally CIO/IT-specific.
+   */
+  function referenceCompositeKindRequiresItContext(kind: ReferenceCompositeKind): boolean {
+    return kind === 'ops' || kind === 'security' || kind === 'asset' || kind === 'project';
+  }
+  
+  /**
+   * Checks whether a reference family contains fixed chairman-risk copy and therefore needs scene context.
+   * @param kind - Candidate reference composite family.
+   * @returns True for templates whose visible copy is intentionally chairman/risk-specific.
+   */
+  function referenceCompositeKindRequiresChairmanRiskContext(kind: ReferenceCompositeKind): boolean {
+    return kind === 'riskSummary'
+      || kind === 'healthRadar'
+      || kind === 'deviation'
+      || kind === 'financeRisk'
+      || kind === 'expenseRisk'
+      || kind === 'deviationInsight'
+      || kind === 'organizationRisk'
+      || kind === 'investmentRisk'
+      || kind === 'executiveTodo'
+      || kind === 'shortcutDrill';
+  }
+
+  /**
+   * Checks whether a reference family contains fixed HR copy and therefore needs scene context.
+   * @param kind - Candidate reference composite family.
+   * @returns True for HR-specific templates.
+   */
+  function referenceCompositeKindRequiresHrContext(kind: ReferenceCompositeKind): boolean {
+    return kind === 'hrOrganization'
+      || kind === 'hrRiskCompliance'
+      || kind === 'hrPeopleCost'
+      || kind === 'hrTalentTodo';
+  }
+  
+  /**
+   * Detects explicit IT/CIO context before allowing fixed IT reference templates.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when the parent or nested text indicates an IT workbench scene.
+   */
+  function referenceCompositeLooksLikeItContext(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    const record = data as unknown as Record<string, unknown>;
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    const text = [
+      block.title,
+      block.subtitle,
+      record.title,
+      record.subtitle,
+      data.narrative,
+      record.sourceLabel,
+      ...nestedBlocks.map((nestedBlock) => nestedBlockClassifierText(nestedBlock)),
+    ].map((value) => textValue(value)).filter(Boolean).join(' ');
+    return referenceCompositeTextHasItContext(text);
+  }
+  
+  /**
+   * Checks whether text contains IT/CIO-specific terms instead of generic business words.
+   * @param text - Searchable parent and child text.
+   * @returns True when fixed CIO templates are safe to apply.
+   */
+  function referenceCompositeTextHasItContext(text: string): boolean {
+    return /\b(CIO|IT)\b|信息化中心|IT\s*年度|IT\s*项目|IT\s*采购|IT\s*成本|IT\s*资产|系统上线审批|权限变更审批|安全整改待办|运维|研发|基础设施|服务监控|资源负载|机房|服务器|云主机|终端|License|软件|硬件|账号|权限|漏洞|攻击|网络安全|信息安全|安全事件|等保|堡垒机|服务工单|数据库|接口|中台|ERP|MES|WMS|SCM|CRM|ops|infrastructure|software|system|cyber|service desk/i.test(text);
+  }
+  
+  /**
+   * Detects explicit chairman/risk dashboard context before allowing fixed chairman reference templates.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when parent or nested text indicates the chairman risk cockpit scene.
+   */
+  function referenceCompositeLooksLikeChairmanRiskContext(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    return referenceCompositeTextHasChairmanRiskContext(referenceCompositeSearchText(block, data));
+  }
+  
+  /**
+   * Detects chairman-risk context from only the parent container and OCR text, excluding nested carry-over cards.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when the direct card identity is the chairman risk overview.
+   */
+  function referenceCompositeLooksLikeChairmanRiskDirectContext(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    const record = data as unknown as Record<string, unknown>;
+    const elements = Array.isArray(data.elements) ? data.elements : [];
+    const text = [
+      block.title,
+      block.subtitle,
+      record.title,
+      record.subtitle,
+      data.narrative,
+      data.sourceLabel,
+      ...elements.map(customCanvasTextElementValue),
+    ].map((value) => textValue(value)).filter(Boolean).join(' ');
+    return referenceCompositeTextHasChairmanRiskContext(text);
+  }
+  
+  /**
+   * Checks whether text contains chairman-risk-specific terms instead of generic operation dashboard words.
+   * @param text - Searchable parent and child text.
+   * @returns True when fixed chairman risk templates are safe to apply.
+   */
+  function referenceCompositeTextHasChairmanRiskContext(text: string): boolean {
+    return /董事长|高管|集团经营健康综合得分|GLOBAL RISK POSTURE|TODAY MOVEMENT|重大经营风险|预算严重偏差|资金类预警|风险全景下钻|亏损主体|组织隐患|利润底线|财务资金风险|风险红线|重大投资风险|战略投资追加|chairman|executive|risk posture/i.test(text);
+  }
+
+  /**
+   * Detects HR dashboard context before allowing fixed HR reference templates.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when the parent or nested text indicates an HR workbench scene.
+   */
+  function referenceCompositeLooksLikeHrContext(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    return customCanvasTextLooksLikeHrOrOrgRiskContext(referenceCompositeSearchText(block, data));
+  }
+  
+  /**
+   * Checks whether a screenshot section belongs to marketing/customer/channel business matrix scenes.
+   * @param text - Searchable parent and child text.
+   * @returns True when the mixed metric/chart/list template is safe to apply.
+   */
+  function customCanvasTextHasBusinessMetricMatrixContext(text: string): boolean {
+    return /营销|销售|客户|渠道|投放|业绩|市场|竞品|活动|线索|转化|复购|回款|ROI|CAC|声量|曝光|推广|campaign|sales|marketing|customer|channel|funnel|conversion/i.test(text);
+  }
+  
+  /**
+   * Checks whether a screenshot section is an HR or organization-risk panel that only happens to share metric/chart/list shape.
+   * @param text - Searchable parent and child text.
+   * @returns True when marketing metric-matrix fixed copy must be suppressed.
+   */
+  function customCanvasTextLooksLikeHrOrOrgRiskContext(text: string): boolean {
+    return /人力|人事|人才|用工|劳动|社保|合同|考勤|加班|迟到|旷工|请假|薪酬|绩效|招聘|员工|组织|编制|司龄|任免|继任|培训|持证|人效|流失|超编|合规管控|用工合规|HR|CHRO|human resources|workforce|staffing|headcount/i.test(text);
+  }
+
+  /**
+   * Checks whether a dense screenshot panel belongs to HR salary/cost instead of operation efficiency.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when 人数、薪酬、or 人效排行 semantics should keep the panel on normal nested rendering.
+   */
+  function referenceCompositeLooksLikeHrPeopleCostContext(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    const text = referenceCompositeSearchText(block, data);
+    if (!customCanvasTextLooksLikeHrOrOrgRiskContext(text)) return false;
+    return /人数\s*&\s*薪酬成本|人数.*薪酬|薪酬成本|薪酬结构|人力总成本|人效排行|外包成本执行率|成本趋势|福利|社保|奖金|预算管控|headcount.*cost|salary|compensation/i.test(text);
+  }
+  
+  /**
+   * Returns the source-like chip shown on a reference composite panel header.
+   * @param kind - Reference composite family.
+   * @returns Compact right-side chip text.
+   */
+  function referenceCompositeHeaderChip(kind: ReferenceCompositeKind): string {
+    const chipMap: Partial<Record<Exclude<ReferenceCompositeKind, ''>, string>> = {
+      ops: '截图还原',
+      security: '截图还原',
+      asset: '截图还原',
+      project: '二级页',
+      riskSummary: '集团总览',
+      healthRadar: '点击维度穿透专项风险',
+      deviation: '目标 VS 实际 · 柱线组合',
+      financeRisk: '面积趋势 + 红线锚点',
+      expenseRisk: '仅高亮超支 TOP 项',
+      deviationInsight: '截图还原',
+      organizationRisk: '隐性风险压缩呈现',
+      investmentRisk: '极简甘特缩略',
+      executiveTodo: '一级',
+      shortcutDrill: '二级页',
+      quickWorkbench: '实时入口',
+      strategyKpi: '经营看板',
+      operationHealth: '经营健康',
+      operationEfficiency: '运营效率',
+      businessMetricMatrix: '指标矩阵',
+      hrOrganization: '编制结构',
+      hrRiskCompliance: '用工风险',
+      hrPeopleCost: '薪酬成本',
+      hrTalentTodo: '人才待办',
+    };
+    if (kind === 'bidCollaboration') return '标案协同';
+    return kind ? chipMap[kind] ?? '' : '';
+  }
+  
+  /**
+   * Checks whether a dense customCanvas panel is a generic business metric matrix.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when mixed metric, chart, and list children should share one high-density template.
+   */
+  function customCanvasLooksLikeBusinessMetricMatrix(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    if (!imageComposeCompactCard(block) || customCanvasLooksLikePageHeader(block, data)) return false;
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    if (nestedBlocks.length < 4) return false;
+    const text = referenceCompositeSearchText(block, data);
+    if (!customCanvasTextHasBusinessMetricMatrixContext(text)) return false;
+    if (customCanvasTextLooksLikeHrOrOrgRiskContext(text)) return false;
+    if (referenceCompositeTextHasItContext(text) || referenceCompositeTextHasChairmanRiskContext(text)) return false;
+    if (/快捷工作台|快捷入口|入口导航|待办入口|常用报表|系统入口|战略\s*KPI|KPI\s*看板|经营健康度|运营效率/i.test(text)) return false;
+    if (/安全风险|合规治理|基础设施|运维稳定|资源负载|故障.*告警|项目风险|重大投资|董事长|GLOBAL RISK POSTURE|TODAY MOVEMENT/i.test(text)) return false;
+    const visualKinds = nestedBlocks.map((nestedBlock) => nestedBlockVisualKind(nestedBlock));
+    const previewKinds = nestedBlocks.map((nestedBlock) => nestedBlockPreviewKind(nestedBlock));
+    const metricLike = visualKinds.filter((kind) => kind === 'metric' || kind === 'todoGrid' || kind === 'progressList' || kind === 'summary').length
+      + previewKinds.filter((kind) => kind === 'metric' || kind === 'summary').length;
+    const chartLike = visualKinds.filter((kind) => kind === 'chart' || kind === 'resourceBars' || kind === 'donut').length
+      + previewKinds.filter((kind) => kind === 'chart').length;
+    const listLike = visualKinds.filter((kind) => kind === 'list' || kind === 'simpleList' || kind === 'incidentList' || kind === 'quickLinks').length
+      + previewKinds.filter((kind) => kind === 'list' || kind === 'table').length;
+    const usefulCount = metricLike + chartLike + listLike;
+    return usefulCount >= Math.max(4, Math.ceil(nestedBlocks.length * 0.72))
+      && metricLike >= 2
+      && (chartLike >= 1 || listLike >= 1);
+  }
+
+  /**
+   * Detects bid-collaboration role workbench screenshots.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when the parent or nested OCR text belongs to the bid-collaboration family.
+   */
+  function customCanvasLooksLikeBidCollaboration(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    if (!imageComposeCompactCard(block) || customCanvasLooksLikePageHeader(block, data)) return false;
+    if (customCanvasLooksLikeStandaloneQuickLinks(block, data)) return false;
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    if (nestedBlocks.length < 3) return false;
+    return referenceCompositeTextHasBidCollaborationPageContext(referenceCompositeSearchText(block, data));
+  }
+
+  /**
+   * Detects quick-entry strips that should stay as standalone screenshot cards.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when bid-workbench actions are only shortcut links, not a composite role dashboard.
+   */
+  function customCanvasLooksLikeStandaloneQuickLinks(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    const record = data as unknown as Record<string, unknown>;
+    const meta = (block.meta && typeof block.meta === 'object' && !Array.isArray(block.meta)
+      ? block.meta
+      : {}) as Record<string, unknown>;
+    const capabilityId = textValue(meta.capabilityId, textValue(block.source?.resourceKey));
+    const visualKind = textValue(record.visualKind);
+    const directText = [
+      block.title,
+      block.subtitle,
+      record.title,
+      record.subtitle,
+      data.sourceLabel,
+      data.narrative,
+    ].map((value) => textValue(value)).filter(Boolean).join(' ');
+    return capabilityId === 'card.composite.bidCollaboration.actions'
+      || visualKind === 'quickLinks'
+      || /快捷入口|快速入口|入口导航|常用入口|quick\s*links?|quick\s*entry/i.test(directText);
+  }
+
+  /**
+   * Checks whether text belongs to the bid-collaboration workbench family.
+   * @param text - Searchable parent and child text.
+   * @returns True for bid, production, procurement, logistics, warehouse, or finance role panels.
+   */
+  function referenceCompositeTextHasBidCollaborationContext(text: string): boolean {
+    if (referenceCompositeTextLooksLikeOrdinaryFinanceDashboard(text)) return false;
+    return /标案|投标|经理工作台|目标标案|供应结论|投标结论|产能|工单|齐套|物料|采购|供应商|交期|订单|物流|运输路线|承运商|仓储|库存|库位|出库|发运|备货资金|加急物流|财务预算|销售经理|生产经理|采购经理|物流经理|仓储经理|财务经理|bid|tender|procurement|supplier|logistics|warehouse|inventory|capacity|finance|缁忕悊宸ヤ綔鍙|鏍囨|鎶曟爣|渚涘簲|浜ц兘|宸ュ崟|鐗╂枡|閲囪喘|渚涘簲鍟|浜ゆ湡|璁㈠崟|杩愯緭|鎵胯繍|浠撳偍|搴撳瓨|搴撲綅|鍑哄簱|鍙戣繍|澶囪揣|璐㈠姟|棰勭畻/i.test(text);
+  }
+
+  /**
+   * Checks whether bid text describes a full role workbench instead of a local business module.
+   * @param text - Searchable parent and child text.
+   * @returns True when the text has both bid-domain terms and page-level workbench/collaboration identity.
+   */
+  function referenceCompositeTextHasBidCollaborationPageContext(text: string): boolean {
+    if (!referenceCompositeTextHasBidCollaborationContext(text)) return false;
+    return /标案协同|投标协同|协同工作台|角色工作台|经理工作台|销售经理工作台|生产经理工作台|采购经理工作台|物流经理工作台|仓储经理工作台|财务经理工作台|全景|总览|驾驶舱|workbench|dashboard|collaboration|缁忕悊宸ヤ綔鍙|鍗忓悓宸ヤ綔鍙|椹鹃┒鑸|鎬昏/i.test(text);
+  }
+
+  /**
+   * Detects plain finance screenshots that only share finance vocabulary with bid templates.
+   * @param text - Searchable parent and child text.
+   * @returns True when a fixed bid-collaboration template would be a false positive.
+   */
+  function referenceCompositeTextLooksLikeOrdinaryFinanceDashboard(text: string): boolean {
+    if (/标案|投标|目标标案|bid|tender|鏍囨|鎶曟爣/i.test(text)) return false;
+    return /finance|financial|revenue|account|cash|invoice|receivable|payable|expense|profit|margin/i.test(text);
+  }
+
+  /**
+   * Detects top workbench/page headers so nested child text cannot activate business reference panels.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when the direct container title is page chrome rather than a business section.
+   */
+  function customCanvasLooksLikePageHeader(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    const record = data as unknown as Record<string, unknown>;
+    if (customCanvasHasExplicitPageHeaderIdentity(block) && !customCanvasLooksLikeRiskSummaryTitle(block)) return true;
+    const directText = [
+      block.title,
+      block.subtitle,
+      record.title,
+      record.subtitle,
+      data.narrative,
+      record.sourceLabel,
+    ].map((value) => textValue(value)).filter(Boolean).join(' ');
+    if (!directText) return false;
+    const parentKind = referenceCompositeKindFromContainerTitle(block.title);
+    if (parentKind && referenceCompositeKindAllowedForBlock(parentKind, block, data)) return false;
+    if (customCanvasLooksLikeRiskSummaryTitle(block)) return false;
+    return /(^|\s)(CIO|CEO)\b|专属工作台|工作台|驾驶舱|信息化中心|自动巡检|顶部导航|导航栏|标题栏|导航区|页头|页眉|workspace|workbench|cockpit|header|banner/i.test(directText);
+  }
+
+  /**
+   * Checks stable metadata for image screenshot page chrome.
+   * @param block - Rendered customCanvas container.
+   * @returns True when source or V2 metadata explicitly marks a screenshot header.
+   */
+  function customCanvasHasExplicitPageHeaderIdentity(block: WorkbenchBlock): boolean {
+    const meta = (block.meta && typeof block.meta === 'object' && !Array.isArray(block.meta)
+      ? block.meta
+      : {}) as Record<string, unknown>;
+    const metaV2 = (meta.v2 && typeof meta.v2 === 'object' && !Array.isArray(meta.v2)
+      ? meta.v2
+      : {}) as Record<string, unknown>;
+    return [
+      block.source?.resourceKey,
+      meta.capabilityId,
+      meta.resourceKey,
+      metaV2.capabilityId,
+      metaV2.resourceKey,
+    ].some((value) => typeof value === 'string' && /workbench\.v2\.image\.header|image-header-banner|dark_header/i.test(value));
+  }
+
+  /**
+   * Checks the parent title only for the chairman risk-summary band.
+   * @param block - Rendered customCanvas container.
+   * @returns True when the container title itself is business risk content, not page chrome.
+   */
+  function customCanvasLooksLikeRiskSummaryTitle(block: WorkbenchBlock): boolean {
+    return /风险总览|风险概览|顶部风险|集团经营风险总览|集团经营健康综合得分|GLOBAL RISK POSTURE|risk posture/i.test(textValue(block.title));
+  }
+  
+  /**
+   * Checks whether an image customCanvas should render with the page-header template.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when the block is top page chrome rather than a normal dashboard card.
+   */
+  function customCanvasPageHeaderBlock(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    return customCanvasLooksLikePageHeader(block, data) && !customCanvasRiskSummaryBand(block, data);
+  }
+
+  /**
+   * Checks whether a page-header block is only structural screenshot chrome.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when there is no OCR/nested/narrative content to paint.
+   */
+  function customCanvasEmptyPageHeaderPlaceholder(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    if (!customCanvasPageHeaderBlock(block, data)) return false;
+    if (customCanvasHeaderHasRenderableContent(block, data)) return false;
+    return !customCanvasHasNestedBlocks(data)
+      && customCanvasVisibleElements(block, data).length === 0
+      && !customCanvasVisibleNarrative(block, data);
+  }
+
+  /**
+   * Checks whether a screenshot page header carries enough content or appearance metadata to paint.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when the header should render chrome instead of a transparent placeholder.
+   */
+  function customCanvasHeaderHasRenderableContent(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    if (!customCanvasPageHeaderBlock(block, data)) return false;
+    if (customCanvasHeaderTitle(block, data)) return true;
+    if (customCanvasHeaderSubtitle(block, data)) return true;
+    if (customCanvasHeaderPills(block, data).length > 0) return true;
+    const visual = visualFor(block);
+    const record = data as unknown as Record<string, unknown>;
+    const appearance = (isRecord(record.appearance) ? record.appearance : {}) as Record<string, unknown>;
+    return [
+      data.background,
+      record.backgroundColor,
+      record.textColor,
+      record.borderColor,
+      record.themeId,
+      visual.backgroundColor,
+      visual.textColor,
+      visual.borderColor,
+      visual.themeId,
+      appearance.background,
+      appearance.backgroundColor,
+      appearance.textColor,
+      appearance.borderColor,
+      appearance.themeId,
+    ].some((value) => Boolean(textValue(value)));
+  }
+  
+  /**
+   * Checks whether a customCanvas image container has no recognized body but should still reserve a compact visual placeholder.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when the generic title-only rendering would look like a blank card.
+   */
+  function customCanvasEmptyImagePlaceholder(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    if (!imageComposeCompactCard(block)) return false;
+    if (customCanvasPageHeaderBlock(block, data) || customCanvasRiskSummaryBand(block, data)) return false;
+    return !customCanvasHasNestedBlocks(data)
+      && customCanvasVisibleElements(block, data).length === 0
+      && !customCanvasVisibleNarrative(block, data);
+  }
+  
+  /**
+   * Checks whether a compact customCanvas container should render as the dark top-row alert list.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True for fault/alert leaf containers with a small set of incident children.
+   */
+  function customCanvasAlertLeafContainer(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    if (!imageComposeCompactCard(block) || customCanvasPageHeaderBlock(block, data) || customCanvasRiskSummaryBand(block, data)) return false;
+    if (customCanvasReferenceCompositeKind(block, data)) return false;
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    if (nestedBlocks.length === 0 || nestedBlocks.length > 4) return false;
+    const incidentText = [block.title, block.subtitle, data.narrative, ...nestedBlocks.map((nestedBlock) => nestedBlock.title)].join(' ');
+    const hasIncidentVisualKind = nestedBlocks.some((nestedBlock) => nestedBlockVisualKind(nestedBlock) === 'incidentList');
+    const hasIncidentText = /故障|告警|红警|置顶|incident|alert|alarm|fault/i.test(incidentText);
+    // Tone labels and P-level badges also appear on business risk/opportunity cards; require incident identity.
+    return hasIncidentVisualKind && hasIncidentText;
+  }
+  
+  /**
+   * Returns incident rows for an alert leaf customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns Rows derived from nested child cards, falling back to CIO reference incidents.
+   */
+  function customCanvasAlertLeafItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    const rows = nestedBlocks.map((nestedBlock, index) => {
+      const dataRecord = (isRecord(nestedBlock.data) ? nestedBlock.data : {}) as Record<string, unknown>;
+      const value = nestedBlockMetricValue(nestedBlock);
+      return {
+        title: textValue(nestedBlock.title, imageComposeAlertRankingTitle({}, index)),
+        severity: /^P[12]$/i.test(value) ? value.toUpperCase() : textValue(dataRecord.severity, textValue(dataRecord.level, index >= 2 ? 'P2' : 'P1')),
+        time: textValue(dataRecord.time, ['08:42', '09:05', '09:18'][index] ?? ''),
+        tone: index >= 2 ? 'warning' : 'critical',
+      };
+    });
+    const filledRows = customCanvasAlertLeafFilledItems(data, rows);
+    if (filledRows.length > 0) return filledRows;
+    return rows.length > 0 ? rows : [
+      { severity: 'P1', title: 'MES 接口响应异常，影响生产报工', time: '08:42', tone: 'critical' },
+      { severity: 'P1', title: '核心数据库慢查询升高，已派单 DBA', time: '09:05', tone: 'critical' },
+      { severity: 'P2', title: '华东云资源存储水位 84%', time: '09:18', tone: 'warning' },
+    ];
+  }
+  
+  /**
+   * Fills sparse dark alert panels so one or two OCR children do not leave a large blank band.
+   * @param data - Custom canvas renderer data.
+   * @param rows - Alert rows derived from recognized nested children.
+   * @returns Enough alert rows for the three-row screenshot panel.
+   */
+  function customCanvasAlertLeafFilledItems(
+    data: CustomCanvasData,
+    rows: Array<Record<string, unknown>>,
+  ): Array<Record<string, unknown>> {
+    const usableRows = rows.filter((row) => imageComposeAlertRankingTitle(row, 0));
+    if (usableRows.length >= 3) return usableRows.slice(0, 3);
+    const fallbackRows = customCanvasAlertLeafFallbackItems(data);
+    const existingTitles = new Set(usableRows.map((row, index) => imageComposeAlertRankingTitle(row, index)));
+    const fillers = fallbackRows.filter((row, index) => !existingTitles.has(imageComposeAlertRankingTitle(row, index)));
+    return [...usableRows, ...fillers].slice(0, 3);
+  }
+  
+  /**
+   * Builds screenshot-density fallback rows for sparse dark alert panels.
+   * @param data - Custom canvas renderer data used for domain hints.
+   * @returns Cost/risk or incident fallback rows.
+   */
+  function customCanvasAlertLeafFallbackItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    const dataRecord = data as unknown as Record<string, unknown>;
+    const text = [
+      dataRecord.title,
+      data.narrative,
+      ...nestedBlocks.flatMap((nestedBlock) => [
+        nestedBlock.title,
+        nestedBlockClassifierText(nestedBlock),
+        nestedBlockDataSummary(nestedBlock),
+      ]),
+    ].join(' ');
+    if (/\u6210\u672c|\u8d39\u7528|\u8d85\u652f|\u9884\u7b97|cost|expense|budget/i.test(text)) {
+      return [
+        { severity: 'P1', title: '成本 & 费用超支监控 · 柱状图', time: '08:42', tone: 'critical' },
+        { severity: 'P1', title: '3项超阈值', time: '09:05', tone: 'critical' },
+        { severity: 'P2', title: '冻结审计与费用复核待处理', time: '09:18', tone: 'warning' },
+      ];
+    }
+    return [
+      { severity: 'P1', title: 'MES interface abnormal response', time: '08:42', tone: 'critical' },
+      { severity: 'P1', title: 'Core database slow query rising', time: '09:05', tone: 'critical' },
+      { severity: 'P2', title: 'Cloud storage watermark at 84%', time: '09:18', tone: 'warning' },
+    ];
+  }
+  
+  /**
+   * Returns the main page-header title from block and renderer data.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns Header title text.
+   */
+  function customCanvasHeaderTitle(block: WorkbenchBlock, data: CustomCanvasData): string {
+    const record = data as unknown as Record<string, unknown>;
+    return textValue(block.title, textValue(record.title, customCanvasTextElementValue(data.elements?.[0])));
+  }
+  
+  /**
+   * Returns the page-header subtitle from explicit subtitle, narrative, or OCR text.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns Header subtitle text.
+   */
+  function customCanvasHeaderSubtitle(block: WorkbenchBlock, data: CustomCanvasData): string {
+    const record = data as unknown as Record<string, unknown>;
+    const explicitSubtitle = textValue(block.subtitle, textValue(record.subtitle));
+    if (explicitSubtitle) return explicitSubtitle;
+    const narrative = customCanvasVisibleNarrative(block, data);
+    if (narrative) return narrative;
+    return customCanvasTextElementValue(data.elements?.find((element) => /subtitle/i.test(textValue(element.id))));
+  }
+  
+  /**
+   * Returns a compact logo label for image-composed page headers.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns Short OCR/title-derived logo text.
+   */
+  function customCanvasHeaderLogo(block: WorkbenchBlock, data: CustomCanvasData): string {
+    const elementText = (Array.isArray(data.elements) ? data.elements : [])
+      .map(customCanvasTextElementValue)
+      .filter(Boolean)
+      .join(' ');
+    const headerText = [
+      elementText,
+      customCanvasHeaderTitle(block, data),
+      customCanvasHeaderSubtitle(block, data),
+      block.title,
+    ].filter(Boolean).join(' ');
+    const roleMatch = headerText.match(/\b(CIO|CEO|COO|CFO|CTO)\b/i);
+    if (roleMatch?.[1]) return roleMatch[1].toUpperCase();
+    if (/董事长|董事会/.test(headerText)) return '董';
+    if (/销售经理|销售/.test(headerText)) return '销';
+    if (/生产经理|生产/.test(headerText)) return '产';
+    if (/采购经理|采购/.test(headerText)) return '采';
+    if (/物流经理|物流/.test(headerText)) return '物';
+    if (/仓储经理|仓储/.test(headerText)) return '仓';
+    if (/财务经理|财务/.test(headerText)) return '财';
+    const chineseTitle = customCanvasHeaderTitle(block, data).trim();
+    return chineseTitle ? chineseTitle.slice(0, 1) : '台';
+  }
+  
+  /**
+   * Builds scenario-specific logo colors for image-composed page headers.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns Inline style for the compact logo block.
+   */
+  function customCanvasHeaderLogoStyle(block: WorkbenchBlock, data: CustomCanvasData): CSSProperties {
+    const headerText = [
+      customCanvasHeaderTitle(block, data),
+      customCanvasHeaderSubtitle(block, data),
+      block.title,
+    ].filter(Boolean).join(' ');
+    if (/董事长|董事会|风险预警|经营偏差/.test(headerText)) {
+      return {
+        background: '#7b1930',
+        color: '#ffffff',
+        boxShadow: '0 8px 16px rgba(123,25,48,0.18)',
+      };
+    }
+    if (customCanvasPageHeaderDark(block, data)) {
+      return {
+        background: 'rgba(255,255,255,0.18)',
+        border: '1px solid rgba(255,255,255,0.24)',
+        color: '#ffffff',
+      };
+    }
+    if (textValue(visualFor(block).themeId) === 'image-header-banner') {
+      return {
+        background: '#ffffff',
+        border: '1px solid #eef1f7',
+        color: '#3426d9',
+      };
+    }
+    return {
+      background: '#4C78FC',
+      color: '#ffffff',
+    };
+  }
+  
+  /**
+   * Checks whether a concatenated page-header style bundle carries a dark source background.
+   * @param candidates - Page-header visual and OCR candidates.
+   * @returns True when the source background should render as dark chrome.
+   */
+  function isDarkPageHeaderBackground(candidates: string): boolean {
+    return /(#)?(0f172a|111827|141414|1f2937|172235|1e293b)/i.test(candidates.replace(/\s+/g, ''));
+  }
+  
+  /**
+   * Checks whether an image-composed page header should use dark screenshot chrome.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when metadata, OCR, or title implies a dark top banner.
+   */
+  function customCanvasPageHeaderDark(block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    if (customCanvasEmptyPageHeaderPlaceholder(block, data)) return false;
+    const record = data as unknown as Record<string, unknown>;
+    const visual = visualFor(block);
+    const appearance = (isRecord(record.appearance) ? record.appearance : {}) as Record<string, unknown>;
+    const candidates = [
+      data.background,
+      record.backgroundColor,
+      appearance.backgroundColor,
+      visual.backgroundColor,
+      visual.borderColor,
+      appearance.themeId,
+      visual.themeId,
+      customCanvasHeaderTitle(block, data),
+      customCanvasHeaderSubtitle(block, data),
+    ].map((value) => textValue(value)).filter(Boolean).join(' ');
+    if (/dark_header|dark\b|深色|夜间/i.test(candidates) && !/image-header-banner/i.test(candidates)) return true;
+    return isDarkPageHeaderBackground(candidates);
+  }
+  
+  /**
+   * Builds the dedicated page-header visual style from screenshot metadata.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns Inline CSS for dark/light header chrome.
+   */
+  function customCanvasPageHeaderStyle(block: WorkbenchBlock, data: CustomCanvasData): CSSProperties {
+    if (customCanvasEmptyPageHeaderPlaceholder(block, data)) {
+      return {
+        background: 'transparent',
+        borderColor: 'transparent',
+        color: 'transparent',
+        boxShadow: 'none',
+      };
+    }
+    const visual = visualFor(block);
+    const record = data as unknown as Record<string, unknown>;
+    const appearance = (isRecord(record.appearance) ? record.appearance : {}) as Record<string, unknown>;
+    const imageHeaderBackground = textValue(
+      record.backgroundColor,
+      textValue(
+        data.background,
+        textValue(appearance.backgroundColor, textValue(visual.backgroundColor)),
+      ),
+    );
+    const imageHeaderThemeId = textValue(appearance.themeId, textValue(visual.themeId));
+    if (imageHeaderThemeId === 'image-header-banner' && imageHeaderBackground && customCanvasPageHeaderDark(block, data)) {
+      return {
+        background: imageHeaderBackground,
+        borderColor: imageHeaderBackground,
+        color: textValue(appearance.textColor, textValue(visual.textColor, '#f8fafc')),
+      };
+    }
+    if (customCanvasPageHeaderDark(block, data)) {
+      return {
+        background: '#111827',
+        borderColor: '#1e293b',
+        color: '#f8fafc',
+      };
+    }
+    return {
+      background: 'rgba(248,250,252,0.72)',
+      borderColor: 'transparent',
+      color: '#0f172a',
+      boxShadow: 'none',
+    };
+  }
+  
+  /**
+   * Returns page-header text classes for dark/light variants.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @param tone - Header text role.
+   * @returns Tailwind class string.
+   */
+  function customCanvasPageHeaderTextClass(block: WorkbenchBlock, data: CustomCanvasData, tone: 'title' | 'subtitle' | 'pill'): string {
+    const dark = customCanvasPageHeaderDark(block, data);
+    if (tone === 'title') return dark ? 'text-slate-50' : 'text-slate-950';
+    if (tone === 'subtitle') return dark ? 'text-slate-300' : 'text-slate-500';
+    return dark
+      ? 'border-white/20 bg-white/10 text-slate-50'
+      : 'border-slate-200 bg-white text-slate-700';
+  }
+  
+  /**
+   * Reads display text from a customCanvas element.
+   * @param element - Candidate OCR element.
+   * @returns Combined label/value text.
+   */
+  function customCanvasTextElementValue(element: CustomCanvasData['elements'][number] | undefined): string {
+    if (!element) return '';
+    return [element.label, element.value].map((value) => textValue(value)).filter(Boolean).join(' ');
+  }
+  
+  /**
+   * Checks whether a customCanvas OCR element repeats the header title or subtitle.
+   * @param element - Candidate OCR element.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns True when the element should be consumed by the header template, not shown as a pill.
+   */
+  function customCanvasHeaderRepeatingElement(element: CustomCanvasData['elements'][number], block: WorkbenchBlock, data: CustomCanvasData): boolean {
+    const value = customCanvasTextElementValue(element);
+    if (!value) return true;
+    return value === customCanvasHeaderTitle(block, data) || value === customCanvasHeaderSubtitle(block, data);
+  }
+  
+  /**
+   * Returns compact right-side page-header pills from model-recognized OCR text.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns Header status/filter/date pill text in visual order.
+   */
+  function customCanvasHeaderPills(block: WorkbenchBlock, data: CustomCanvasData): string[] {
+    const elements = Array.isArray(data.elements) ? data.elements : [];
+    return elements
+      .filter((element) => !customCanvasGeneratedElement(element))
+      .filter((element) => !customCanvasHeaderRepeatingElement(element, block, data))
+      .sort((left, right) => {
+        const leftX = numberValue(left.x, 0);
+        const rightX = numberValue(right.x, 0);
+        if (leftX !== rightX) return leftX - rightX;
+        return numberValue(left.y, 0) - numberValue(right.y, 0);
+      })
+      .map(customCanvasTextElementValue)
+      .filter(Boolean)
+      .slice(0, 4);
+  }
+  
+  /**
+   * Returns page-header pills with scenario-specific fallbacks used by screenshot headers.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns Header pills in source-like order.
+   */
+  function customCanvasHeaderPillsWithFallback(block: WorkbenchBlock, data: CustomCanvasData): string[] {
+    const pills = customCanvasHeaderPills(block, data);
+    const headerText = [
+      customCanvasHeaderTitle(block, data),
+      customCanvasHeaderSubtitle(block, data),
+      block.title,
+    ].join(' ');
+    if (/董事长|董事会|风险预警|经营偏差/.test(headerText) && !pills.some((pill) => /集团总览/.test(pill))) {
+      return ['集团总览', ...pills].slice(0, 4);
+    }
+    return pills;
+  }
+  
+  /**
+   * Classifies a composite panel by the parent section title before child text is considered.
+   * @param title - Visible section title from the image-composed container.
+   * @returns Reference composite family when the title itself is decisive.
+   */
+  function referenceCompositeKindFromContainerTitle(title: unknown): ReferenceCompositeKind {
+    const text = textValue(title);
+    if (referenceCompositeTextHasBidCollaborationPageContext(text)) return 'bidCollaboration';
+    if (/快捷工作台|快捷入口|入口导航|待办入口|常用报表|系统入口/.test(text)) return 'quickWorkbench';
+    if (/战略\s*KPI|KPI\s*看板|战略KPI看板|经营KPI|核心指标看板/.test(text)) return 'strategyKpi';
+    if (/经营健康度|经营健康|健康度/.test(text)) return 'operationHealth';
+    if (/组织编制|人员结构|编制使用|平均司龄|部门编制|关键异动/.test(text)) return 'hrOrganization';
+    if (/人力风险|用工风险|用工合规|考勤异常|劳动纠纷|合规管控/.test(text)) return 'hrRiskCompliance';
+    if (/人数.*薪酬|薪酬成本|薪酬结构|人力总成本|成本趋势/.test(text)) return 'hrPeopleCost';
+    if (/人才发展|待办中心|人才梯队|继任计划|储备干部|培训完成|人事待办|快捷入口/.test(text)) return 'hrTalentTodo';
+    if (/运营效率|交付|履约|资源利用|重点项目里程碑/.test(text)) return 'operationEfficiency';
+    if (/快捷穿透|风险全景下钻|二级页/.test(text)) return 'shortcutDrill';
+    if (/五大维度|健康雷达|雷达/.test(text)) return 'healthRadar';
+    if (/经营目标偏差|目标完成|目标偏差/.test(text)) return 'deviation';
+    if (/财务资金|资金风险|现金流|逾期应收/.test(text)) return 'financeRisk';
+    if (/偏差洞察|利润同比下滑|预算偏离/.test(text)) return 'deviationInsight';
+    if (/成本.*费用|费用超支|超阈值/.test(text)) return 'expenseRisk';
+    if (/组织.*人效|人效风险|组织稳定/.test(text)) return 'organizationRisk';
+    if (/重大投资|项目风险|投资.*项目/.test(text)) return 'investmentRisk';
+    if (/高管重大待办|董事长督办|重大待办/.test(text)) return 'executiveTodo';
+    if (/数字化|项目|研发|效能/.test(text)) return 'project';
+    if (/资产|成本|License|预算/.test(text)) return 'asset';
+    if (/信息安全|合规治理|安全风险|安全健康/.test(text)) return 'security';
+    if (/基础设施|运维稳定|稳定性|服务监控|资源负载/.test(text)) return 'ops';
+    return '';
+  }
+  
+  /**
+   * Builds transparent diagnostic geometry for nested cards represented inside a composite preview.
+   * @param kind - Reference composite family currently rendered.
+   * @param nestedBlock - Nested child card represented by the transparent diagnostic marker.
+   * @param index - Nested card index inside the parent container.
+   * @returns In-parent box style used by browser diagnostics without affecting the visible composite.
+   */
+  function referenceCompositeDiagnosticStyle(kind: ReferenceCompositeKind, nestedBlock: CustomCanvasNestedBlock, index: number, nestedBlocks: readonly CustomCanvasNestedBlock[] = []): CSSProperties {
+    const riskSummaryRegions = [
+      { left: '3%', top: '20%', width: '20%', height: '60%' },
+      { left: '24%', top: '16%', width: '12%', height: '68%' },
+      { left: '37%', top: '16%', width: '12%', height: '68%' },
+      { left: '50%', top: '16%', width: '12%', height: '68%' },
+      { left: '63%', top: '16%', width: '12%', height: '68%' },
+      { left: '76%', top: '16%', width: '21%', height: '68%' },
+    ];
+    const opsRegions = [
+      { left: '6%', top: '16%', width: '42%', height: '38%' },
+      { left: '53%', top: '16%', width: '41%', height: '38%' },
+      { left: '6%', top: '60%', width: '42%', height: '30%' },
+      { left: '53%', top: '60%', width: '41%', height: '30%' },
+    ];
+    const securityRegions = [
+      { left: '5%', top: '15%', width: '49%', height: '66%' },
+      { left: '5%', top: '82%', width: '49%', height: '14%' },
+      { left: '59%', top: '15%', width: '36%', height: '81%' },
+    ];
+    const assetRegions = [
+      { left: '7%', top: '15%', width: '35%', height: '38%' },
+      { left: '50%', top: '15%', width: '42%', height: '38%' },
+      { left: '7%', top: '60%', width: '35%', height: '28%' },
+      { left: '50%', top: '60%', width: '42%', height: '28%' },
+    ];
+    const projectRegions = [
+      { left: '6%', top: '16%', width: '48%', height: '42%' },
+      { left: '59%', top: '16%', width: '16.5%', height: '18%' },
+      { left: '77.5%', top: '16%', width: '16.5%', height: '18%' },
+      { left: '59%', top: '38%', width: '16.5%', height: '18%' },
+      { left: '77.5%', top: '38%', width: '16.5%', height: '18%' },
+      { left: '6%', top: '63%', width: '48%', height: '24%' },
+      { left: '59%', top: '61%', width: '35%', height: '17%' },
+      { left: '59%', top: '82%', width: '35%', height: '14%' },
+      { left: '59%', top: '16%', width: '35%', height: '40%' },
+    ];
+    const healthRadarRegions = [
+      { left: '6%', top: '16%', width: '42%', height: '68%' },
+      { left: '52%', top: '16%', width: '42%', height: '32%' },
+      { left: '52%', top: '52%', width: '42%', height: '32%' },
+    ];
+    const deviationRegions = [
+      { left: '6%', top: '16%', width: '48%', height: '58%' },
+      { left: '58%', top: '16%', width: '36%', height: '58%' },
+    ];
+    const financeRiskRegions = [
+      { left: '6%', top: '16%', width: '56%', height: '46%' },
+      { left: '6%', top: '66%', width: '27%', height: '20%' },
+      { left: '36%', top: '66%', width: '27%', height: '20%' },
+      { left: '66%', top: '16%', width: '28%', height: '70%' },
+    ];
+    const expenseRiskRegions = [
+      { left: '6%', top: '16%', width: '56%', height: '64%' },
+      { left: '66%', top: '16%', width: '28%', height: '64%' },
+    ];
+    const deviationInsightRegions = [
+      { left: '6%', top: '18%', width: '88%', height: '18%' },
+      { left: '6%', top: '40%', width: '88%', height: '18%' },
+      { left: '6%', top: '62%', width: '88%', height: '18%' },
+    ];
+    const organizationRiskRegions = [
+      { left: '6%', top: '18%', width: '28%', height: '56%' },
+      { left: '38%', top: '18%', width: '56%', height: '56%' },
+      { left: '6%', top: '78%', width: '28%', height: '14%' },
+      { left: '38%', top: '78%', width: '28%', height: '14%' },
+    ];
+    const investmentRiskRegions = [
+      { left: '6%', top: '16%', width: '56%', height: '64%' },
+      { left: '66%', top: '16%', width: '28%', height: '64%' },
+    ];
+    const executiveTodoRegions = [
+      { left: '6%', top: '16%', width: '88%', height: '20%' },
+      { left: '6%', top: '40%', width: '88%', height: '20%' },
+      { left: '6%', top: '64%', width: '88%', height: '20%' },
+    ];
+    const shortcutDrillRegions = [
+      { left: '6%', top: '18%', width: '26%', height: '24%' },
+      { left: '37%', top: '18%', width: '26%', height: '24%' },
+      { left: '68%', top: '18%', width: '26%', height: '24%' },
+      { left: '6%', top: '50%', width: '26%', height: '24%' },
+      { left: '37%', top: '50%', width: '26%', height: '24%' },
+      { left: '68%', top: '50%', width: '26%', height: '24%' },
+    ];
+    const quickWorkbenchRegions = [
+      { left: '6%', top: '14%', width: '88%', height: '20%' },
+      { left: '6%', top: '38%', width: '88%', height: '20%' },
+      { left: '6%', top: '62%', width: '88%', height: '20%' },
+      { left: '6%', top: '82%', width: '88%', height: '12%' },
+    ];
+    const strategyKpiRegions = [
+      { left: '3%', top: '14%', width: '26%', height: '50%' },
+      { left: '32%', top: '14%', width: '20%', height: '24%' },
+      { left: '54%', top: '14%', width: '20%', height: '24%' },
+      { left: '76%', top: '14%', width: '20%', height: '24%' },
+      { left: '32%', top: '42%', width: '20%', height: '22%' },
+      { left: '54%', top: '42%', width: '20%', height: '22%' },
+      { left: '76%', top: '42%', width: '20%', height: '22%' },
+      { left: '3%', top: '70%', width: '93%', height: '18%' },
+    ];
+    const operationHealthRegions = [
+      { left: '4%', top: '16%', width: '20%', height: '68%' },
+      { left: '26.5%', top: '16%', width: '38%', height: '68%' },
+      { left: '67%', top: '16%', width: '29%', height: '68%' },
+    ];
+    const operationEfficiencyRegions = [
+      { left: '4%', top: '16%', width: '29%', height: '68%' },
+      { left: '35.5%', top: '16%', width: '29%', height: '68%' },
+      { left: '67%', top: '16%', width: '29%', height: '68%' },
+    ];
+    const businessMetricMatrixRegions = [
+      { left: '4%', top: '16%', width: '27%', height: '24%' },
+      { left: '33%', top: '16%', width: '27%', height: '24%' },
+      { left: '62%', top: '16%', width: '34%', height: '24%' },
+      { left: '4%', top: '46%', width: '46%', height: '38%' },
+      { left: '53%', top: '46%', width: '43%', height: '38%' },
+      { left: '4%', top: '86%', width: '92%', height: '10%' },
+    ];
+    const hrOrganizationRegions = [
+      { left: '5%', top: '18%', width: '24%', height: '28%' },
+      { left: '5%', top: '52%', width: '40%', height: '34%' },
+      { left: '50%', top: '18%', width: '45%', height: '68%' },
+    ];
+    const hrRiskComplianceRegions = [
+      { left: '5%', top: '18%', width: '28%', height: '30%' },
+      { left: '36%', top: '18%', width: '28%', height: '30%' },
+      { left: '67%', top: '18%', width: '28%', height: '30%' },
+      { left: '5%', top: '54%', width: '90%', height: '32%' },
+    ];
+    const hrPeopleCostRegions = [
+      { left: '5%', top: '18%', width: '38%', height: '64%' },
+      { left: '48%', top: '18%', width: '47%', height: '64%' },
+      { left: '5%', top: '84%', width: '90%', height: '10%' },
+    ];
+    const hrTalentTodoRegions = [
+      { left: '5%', top: '18%', width: '25%', height: '68%' },
+      { left: '35%', top: '18%', width: '34%', height: '32%' },
+      { left: '35%', top: '54%', width: '34%', height: '32%' },
+      { left: '74%', top: '18%', width: '21%', height: '68%' },
+    ];
+    const fallbackColumn = index % 2;
+    const fallbackRow = Math.floor(index / 2);
+    const fallbackRegion: ReferenceCompositeRegion = {
+      left: `${6 + fallbackColumn * 46}%`,
+      top: `${14 + (fallbackRow % 2) * 34}%`,
+      width: '40%',
+      height: '28%',
+    };
+    const semanticIndex = referenceCompositeDiagnosticIndex(kind, nestedBlock, index);
+    const region = referenceCompositeDiagnosticRegionByLayout(nestedBlock, nestedBlocks) ?? (kind === 'ops'
+      ? opsRegions[semanticIndex]
+      : kind === 'security'
+        ? securityRegions[semanticIndex]
+        : kind === 'asset'
+          ? assetRegions[semanticIndex]
+          : kind === 'project'
+            ? projectRegions[semanticIndex]
+            : kind === 'riskSummary'
+              ? riskSummaryRegions[semanticIndex]
+              : kind === 'healthRadar'
+                ? healthRadarRegions[semanticIndex]
+                : kind === 'deviation'
+                  ? deviationRegions[semanticIndex]
+                  : kind === 'financeRisk'
+                    ? financeRiskRegions[semanticIndex]
+                    : kind === 'expenseRisk'
+                      ? expenseRiskRegions[semanticIndex]
+                      : kind === 'deviationInsight'
+                        ? deviationInsightRegions[semanticIndex]
+                        : kind === 'organizationRisk'
+                          ? organizationRiskRegions[semanticIndex]
+                          : kind === 'investmentRisk'
+                            ? investmentRiskRegions[semanticIndex]
+                            : kind === 'executiveTodo'
+                              ? executiveTodoRegions[semanticIndex]
+                              : kind === 'shortcutDrill'
+                                ? shortcutDrillRegions[semanticIndex]
+                                : kind === 'quickWorkbench'
+                                  ? quickWorkbenchRegions[semanticIndex]
+                                  : kind === 'strategyKpi'
+                                    ? strategyKpiRegions[semanticIndex]
+                                    : kind === 'operationHealth'
+                                      ? operationHealthRegions[semanticIndex]
+                                      : kind === 'operationEfficiency'
+                                        ? operationEfficiencyRegions[semanticIndex]
+                                        : kind === 'businessMetricMatrix'
+                                          ? businessMetricMatrixRegions[semanticIndex]
+                                          : kind === 'hrOrganization'
+                                            ? hrOrganizationRegions[semanticIndex]
+                                            : kind === 'hrRiskCompliance'
+                                              ? hrRiskComplianceRegions[semanticIndex]
+                                              : kind === 'hrPeopleCost'
+                                                ? hrPeopleCostRegions[semanticIndex]
+                                                : kind === 'hrTalentTodo'
+                                                  ? hrTalentTodoRegions[semanticIndex]
+                                        : undefined) ?? fallbackRegion;
+    return {
+      position: 'absolute',
+      ...region,
+      minWidth: '28px',
+      minHeight: '28px',
+      zIndex: -1,
+      opacity: 0,
+      pointerEvents: 'none',
+      overflow: 'hidden',
+      color: 'transparent',
+      backgroundColor: 'transparent',
+      borderColor: 'transparent',
+    };
+  }
+
+  /**
+   * Builds a diagnostic marker from screenshot nested layout coordinates when available.
+   * @param nestedBlock - Nested child card represented by the diagnostic marker.
+   * @returns Percentage box in the parent composite, or undefined when no safe layout exists.
+   */
+  function referenceCompositeDiagnosticRegionByLayout(nestedBlock: CustomCanvasNestedBlock, nestedBlocks: readonly CustomCanvasNestedBlock[]): ReferenceCompositeRegion | undefined {
+    const layout = isRecord(nestedBlock.layout as unknown) ? nestedBlock.layout as unknown as Record<string, unknown> : {};
+    const x = numberValue(layout.x, Number.NaN);
+    const y = numberValue(layout.y, Number.NaN);
+    const w = numberValue(layout.w, Number.NaN);
+    const h = numberValue(layout.h, Number.NaN);
+    if (![x, y, w, h].every(Number.isFinite) || w <= 0 || h <= 0) return undefined;
+    const data = isRecord(nestedBlock.data) ? nestedBlock.data as Record<string, unknown> : {};
+    const parentSource = layout.parentId || data.parentBlockId || '';
+    if (!parentSource) return undefined;
+    const parentId = String(parentSource);
+    const basis = referenceCompositeLayoutBasis(referenceCompositeSiblingLayouts(nestedBlocks, parentId));
+    if (!basis) return undefined;
+    const left = ((x - basis.minX) / basis.width) * 100;
+    const top = ((y - basis.minY) / basis.height) * 100;
+    const width = (w / basis.width) * 100;
+    const height = (h / basis.height) * 100;
+    if ([left, top, width, height].some((value) => !Number.isFinite(value))) return undefined;
+    return {
+      left: `${clampPercent(left)}%`,
+      top: `${clampPercent(top)}%`,
+      width: `${clampPercent(width, 3, 100)}%`,
+      height: `${clampPercent(height, 3, 100)}%`,
+    };
+  }
+
+  /**
+   * Reads sibling layout boxes from the parent-local nested layout payload when present.
+   * @param nestedBlock - Current nested child card.
+   * @returns Safe sibling layout boxes from the same parent.
+   */
+  function referenceCompositeSiblingLayouts(nestedBlocks: readonly CustomCanvasNestedBlock[], parentId: string): Array<{ x: number; y: number; w: number; h: number }> {
+    return nestedBlocks.flatMap((item) => {
+      const layout = isRecord(item.layout as unknown) ? item.layout as unknown as Record<string, unknown> : {};
+      const data = isRecord(item.data) ? item.data as Record<string, unknown> : {};
+      const itemParentId = String(layout.parentId || data.parentBlockId || '');
+      if (itemParentId !== parentId) return [];
+      const x = numberValue(layout.x, Number.NaN);
+      const y = numberValue(layout.y, Number.NaN);
+      const w = numberValue(layout.w, Number.NaN);
+      const h = numberValue(layout.h, Number.NaN);
+      return [x, y, w, h].every(Number.isFinite) && w > 0 && h > 0 ? [{ x, y, w, h }] : [];
+    });
+  }
+
+  /**
+   * Calculates the smallest source-layout frame that contains nested diagnostic boxes.
+   * @param boxes - Nested child layout boxes.
+   * @returns Source-layout basis for percentage conversion.
+   */
+  function referenceCompositeLayoutBasis(boxes: Array<{ x: number; y: number; w: number; h: number }>): { minX: number; minY: number; width: number; height: number } | undefined {
+    if (boxes.length === 0) return undefined;
+    const minX = Math.min(...boxes.map((box) => box.x));
+    const minY = Math.min(...boxes.map((box) => box.y));
+    const maxX = Math.max(...boxes.map((box) => box.x + box.w));
+    const maxY = Math.max(...boxes.map((box) => box.y + box.h));
+    const width = maxX - minX;
+    const height = maxY - minY;
+    return width > 0 && height > 0 ? { minX, minY, width, height } : undefined;
+  }
+
+  /**
+   * Clamps a percentage value into a safe CSS range.
+   * @param value - Raw percentage value.
+   * @param min - Minimum percentage.
+   * @param max - Maximum percentage.
+   * @returns Rounded and clamped percentage.
+   */
+  function clampPercent(value: number, min = 0, max = 100): number {
+    return Math.round(Math.min(max, Math.max(min, value)) * 1000) / 1000;
+  }
+  
+  /**
+   * Maps a nested child card to the reference composite region it visually represents.
+   * @param kind - Reference composite family currently rendered.
+   * @param nestedBlock - Nested child card represented by the diagnostic marker.
+   * @param fallbackIndex - Original child order used when no semantic slot matches.
+   * @returns Region index inside the composite family geometry table.
+   */
+  function referenceCompositeDiagnosticIndex(kind: ReferenceCompositeKind, nestedBlock: CustomCanvasNestedBlock, fallbackIndex: number): number {
+    const text = nestedBlockClassifierText(nestedBlock);
+    const visualKind = nestedBlockVisualKind(nestedBlock);
+    if (kind === 'riskSummary') {
+      if (/经营健康|综合得分|health|score/i.test(text)) return 0;
+      if (/重大经营风险|major/i.test(text)) return 1;
+      if (/预算严重偏差|budget/i.test(text)) return 2;
+      if (/资金类预警|capital|fund/i.test(text)) return 3;
+      if (/项目隐患|project/i.test(text)) return 4;
+      if (/TODAY MOVEMENT|今日|movement/i.test(text)) return 5;
+    }
+    if (kind === 'businessMetricMatrix') {
+      if (visualKind === 'chart' || visualKind === 'resourceBars' || visualKind === 'donut') return 3 + (fallbackIndex % 2);
+      if (visualKind === 'list' || visualKind === 'simpleList' || visualKind === 'incidentList' || visualKind === 'quickLinks') return 4 + (fallbackIndex % 2);
+      return Math.min(fallbackIndex, 2);
+    }
+    if (kind === 'hrOrganization') {
+      if (/平均司龄|司龄|编制使用/i.test(text)) return 0;
+      if (/部门编制|编制达成|人员结构/i.test(text)) return 1;
+      if (visualKind === 'chart' || /关键异动|趋势|流动/i.test(text)) return 2;
+      return Math.min(fallbackIndex, 2);
+    }
+    if (kind === 'hrRiskCompliance') {
+      if (/迟到/i.test(text)) return 0;
+      if (/旷工|缺勤/i.test(text)) return 1;
+      if (/请假|超标/i.test(text)) return 2;
+      return 3;
+    }
+    if (kind === 'hrPeopleCost') {
+      if (/薪酬结构|结构|总成本/i.test(text)) return 0;
+      if (visualKind === 'chart' || /成本趋势|趋势|薪酬成本/i.test(text)) return 1;
+      return 2;
+    }
+    if (kind === 'hrTalentTodo') {
+      if (/储备|继任|培训|梯队/i.test(text)) return fallbackIndex % 3;
+      if (/待办|人事|审批|入职|转正/i.test(text)) return 3;
+      if (/人效|排行|排名/i.test(text)) return 3;
+      return Math.min(fallbackIndex, 3);
+    }
+    if (kind === 'project') {
+      const projectIndex = referenceProjectDiagnosticIndex(text, visualKind);
+      if (projectIndex !== undefined) return projectIndex;
+    }
+    if (kind === 'ops') {
+      if (visualKind === 'statusList' || /服务监控|鏈嶅姟鐩戞帶|service/i.test(text)) return 0;
+      if (visualKind === 'incidentList' || /故障|告警|鏁呴殰|鍛婅|incident|alarm/i.test(text)) return 1;
+      if (visualKind === 'resourceBars' || /资源|负载|CPU|内存|存储|带宽|璧勬簮|璐熻浇/i.test(text)) return 2;
+      if (visualKind === 'chart' || /趋势|近七日|瓒嬪娍|杩戜竷鏃?/i.test(text)) return 3;
+    }
+    if (kind === 'security') {
+      if (visualKind === 'securityScore' || /安全风险|安全健康|瀹夊叏椋庨櫓|瀹夊叏鍋ュ悍|security/i.test(text)) return 0;
+      if (/账号|权限|弱口令|离职|超权|璐﹀彿|鏉冮檺|寮卞彛|绂昏亴|瓒呮潈/i.test(text)) return 2;
+      if (/合规|审计|等保|隐私|日志|鍚堣|瀹¤|绛変繚|闅愮|鏃ュ織/i.test(text)) return 2;
+      return 1;
+    }
+    if (kind === 'asset' && /成本运营|成本优化|云费用|降本|预算执行/i.test(text)) return 3;
+    if (kind === 'asset' && /资产运营|闲置|盘点/i.test(text)) return 2;
+    if (kind === 'asset' && /成本分析|预算分析/i.test(text)) return 1;
+    if (kind === 'asset') {
+      if (visualKind === 'donut' || /成本分析|预算分析|鎴愭湰鍒嗘瀽|棰勭畻鍒嗘瀽|donut/i.test(text)) return 1;
+      if (/成本优化|云费用|降本|预算执行|鎴愭湰浼樺寲|浜戣垂鐢?|闄嶆湰|棰勭畻鎵ц/i.test(text)) return 3;
+      if (/资产运营|闲置|License|盘点|璧勪骇杩愯惀|闂茬疆|鐩樼偣/i.test(text)) return 2;
+      if (visualKind === 'metric' || /资产台账|终端|服务器|机房|云主机|存储|璧勪骇鍙拌处|缁堢|鏈嶅姟鍣?|浜戜富鏈?/i.test(text)) return 0;
+    }
+    if (kind === 'healthRadar') {
+      if (visualKind === 'chart' || /雷达|五大维度|健康/i.test(text)) return 0;
+      if (/盈利结构|利润|低毛利|亏损/i.test(text)) return 1;
+      if (/资金安全|逾期应收|资金/i.test(text)) return 2;
+    }
+    if (kind === 'deviation') {
+      if (visualKind === 'chart' || /目标完成|目标\s*VS|柱线|偏差/i.test(text)) return 0;
+      if (/利润底线|底线失守|亏损源/i.test(text)) return 1;
+    }
+    if (kind === 'financeRisk') {
+      if (visualKind === 'chart' || /资金风险趋势|趋势|红线/i.test(text)) return 0;
+      if (/逾期应收|风险敞口/i.test(text)) return 1;
+      if (/现金流|经营现金/i.test(text)) return 2;
+      if (/坏账|预警|隐患/i.test(text)) return 3;
+    }
+    if (kind === 'expenseRisk') {
+      if (visualKind === 'chart' || /费用超支|排行|管理费用|外包成本/i.test(text)) return 0;
+      if (/超阈值|冻结|审计/i.test(text)) return 1;
+    }
+    if (kind === 'deviationInsight') {
+      if (/利润同比|利润|下滑|事业部/i.test(text)) return 0;
+      if (/费用环比|管理费用|异动/i.test(text)) return 1;
+      if (/预算偏离|新基地|预算/i.test(text)) return 2;
+    }
+    if (kind === 'organizationRisk') {
+      if (/组织稳定|稳定分/i.test(text)) return 0;
+      if (visualKind === 'chart' || /人效风险|趋势/i.test(text)) return 1;
+      if (/核心流失|流失率/i.test(text)) return 2;
+      if (/人效下滑|超编/i.test(text)) return 3;
+    }
+    if (kind === 'investmentRisk') {
+      if (visualKind === 'chart' || /项目风险排行|甘特|新基地|技改|合资/i.test(text)) return 0;
+      if (/战略项目|落地滞后|延期|超支/i.test(text)) return 1;
+    }
+    if (kind === 'executiveTodo') {
+      if (/战略投资|追加预算/i.test(text)) return 0;
+      if (/资金支付|复核|大额资金/i.test(text)) return 1;
+      if (/人事|任免|组织部|超期/i.test(text)) return 2;
+    }
+    if (kind === 'shortcutDrill') {
+      if (/亏损主体|利润/i.test(text)) return 0;
+      if (/资金风险|资金/i.test(text)) return 1;
+      if (/违规|合规|担保/i.test(text)) return 2;
+      if (/延期|项目/i.test(text)) return 3;
+      if (/费用超支|费用/i.test(text)) return 4;
+      if (/组织隐患|组织/i.test(text)) return 5;
+    }
+    if (kind === 'quickWorkbench') {
+      if (/待办|审批|加急|urgent|todo/i.test(text)) return 0;
+      if (/报表|月报|分析|report/i.test(text)) return 1;
+      if (/系统|入口|财务|供应链|HR|BI|platform|quick/i.test(text)) return 2;
+      if (/消息|提醒|预警|通知|message|notice/i.test(text)) return 3;
+    }
+    if (kind === 'strategyKpi') {
+      if (/营收|收入|营业收入|revenue/i.test(text)) return 0;
+      if (/利润|净利率|profit/i.test(text)) return 1;
+      if (/现金流|cash/i.test(text)) return 2;
+      if (/用户|订单|客户|customer|order/i.test(text)) return 3;
+      if (/完成率|目标|target/i.test(text)) return 4;
+      if (/项目|project/i.test(text)) return 5;
+      if (/份额|share/i.test(text)) return 6;
+      if (/预警|风险|warning|risk/i.test(text)) return 7;
+    }
+    if (kind === 'operationHealth') {
+      if (/目标进度|进度条|目标|完成/i.test(text)) return 0;
+      if (visualKind === 'chart' && /结构|占比|饼|donut|pie/i.test(text)) return 2;
+      if (/结构占比|收入结构|业务结构|渠道结构|区域结构/i.test(text)) return 2;
+      if (/近\s*6\s*个月|核心指标|趋势|同比|预算线|业务线|区域|line|trend/i.test(text)) return 1;
+      return Math.min(fallbackIndex, 2);
+    }
+    if (kind === 'operationEfficiency') {
+      if (/交付|履约|订单准时|生产良率/i.test(text)) return 0;
+      if (/资源利用|人均产值|服务响应|设备利用|库存周转/i.test(text)) return 1;
+      if (/重点项目里程碑|里程碑|数字化工厂|成本专项|渠道升级|新品上市/i.test(text)) return 2;
+      return Math.min(fallbackIndex, 2);
+    }
+    if (kind === 'project') {
+      if (visualKind === 'progressList' || /项目看板|项目进度|重点 IT|椤圭洰鐪嬫澘|椤圭洰杩涘害/i.test(text)) return 0;
+      if (visualKind === 'todoGrid' || /待办|审批|寰呭姙|瀹℃壒/i.test(text)) return 1;
+      if (/研发|运维效能|BUG|上线|鐮斿彂|杩愮淮鏁堣兘/i.test(text)) return 2;
+      if (/割接|巡检|排期|今晚|周[一二三四五六日]|需审批|已排期/i.test(text)) return 3;
+      if (visualKind === 'quickLinks' || /快捷|入口|通知|平台|蹇嵎|鍏ュ彛|閫氱煡|骞冲彴/i.test(text)) return 3;
+    }
+    return fallbackIndex;
+  }
+  
+  /**
+   * Maps project-panel nested cards to fine-grained diagnostic boxes matching the visible template.
+   * @param text - Classifier text from title, renderer metadata, and item labels.
+   * @param visualKind - Visual kind inferred for the nested card.
+   * @returns Region index in the project reference diagnostic grid, or undefined for legacy fallback.
+   */
+  function referenceProjectDiagnosticIndex(text: string, visualKind: NestedBlockVisualKind): number | undefined {
+    if (visualKind === 'progressList' || /重点\s*IT|项目看板|项目进度|数据中台|供应链|统一身份|容灾|椤圭洰鐪嬫澘|椤圭洰杩涘害|閲嶇偣 IT/.test(text)) return 0;
+    if (/IT\s*采购|采购审批|閲囪喘瀹℃壒/.test(text)) return 1;
+    if (/系统上线|上线审批|涓婄嚎瀹℃壒/.test(text)) return 2;
+    if (/权限变更|鏉冮檺鍙樻洿/.test(text)) return 3;
+    if (/安全整改|瀹夊叏鏁存敼/.test(text)) return 4;
+    if (/研发|效能|上线频次|交付周期|BUG|鐮斬彂|鐮斿彂|杩愮淮鏁堣兘/.test(text)) return 5;
+    if (visualKind === 'quickLinks' || /快捷|入口|运维平台|堡垒机|服务工单|蹇嵎|鍏ュ彛|骞冲彴/.test(text)) return 6;
+    if (/订单中台|灰度割接|机房巡检|备份巡检|今晚|周五|需审批|已排期|鍓叉帴|宸℃|浠婃櫄|闇€瀹℃壒|宸叉帓/.test(text)) return 7;
+    if (visualKind === 'todoGrid' || /待办|审批|寰呭姙|瀹℃壒/.test(text)) return 8;
+    return undefined;
+  }
+  
+  /**
+   * Finds a nested child card by title pattern.
+   * @param data - Custom canvas renderer data.
+   * @param pattern - Pattern matched against nested child titles.
+   * @returns First matching nested child card.
+   */
+  function referenceNestedBlock(data: CustomCanvasData, pattern: RegExp): CustomCanvasNestedBlock | undefined {
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    return nestedBlocks.find((nestedBlock) => pattern.test(nestedBlock.title));
+  }
+  
+  /**
+   * Builds a compact metric/list item from a nested child card.
+   * @param data - Custom canvas renderer data.
+   * @param label - Display label used when the child exists.
+   * @param pattern - Pattern matched against nested child titles.
+   * @param fallbackValue - Value used when the child is absent.
+   * @param tone - Visual tone for the item.
+   * @returns Normalized reference-preview item.
+   */
+  function referenceMetricItem(
+    data: CustomCanvasData,
+    label: string,
+    pattern: RegExp,
+    fallbackValue: string,
+    tone: 'healthy' | 'warning' | 'critical' | 'info' | 'violet' | 'neutral' = 'neutral',
+  ): Record<string, unknown> {
+    const item = referenceNestedMetricItem(data, pattern);
+    const block = item ? undefined : referenceNestedBlock(data, pattern);
+    return {
+      label,
+      value: item ? nestedBlockItemValue(item) : block ? nestedBlockMetricValue(block) : fallbackValue,
+      tone,
+    };
+  }
+  
+  /**
+   * Finds a metric row inside nested cards when recognition grouped several screenshot metrics together.
+   * @param data - Custom canvas renderer data.
+   * @param pattern - Pattern matched against metric labels and row text.
+   * @returns Matching item row when present.
+   */
+  function referenceNestedMetricItem(data: CustomCanvasData, pattern: RegExp): Record<string, unknown> | undefined {
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    for (const nestedBlock of nestedBlocks) {
+      const item = nestedBlockRawItems(nestedBlock).find((candidate: Record<string, unknown>, index: number) => {
+        const text = [
+          nestedBlockItemLabel(candidate, index),
+          nestedBlockItemValue(candidate),
+          nestedBlockItemDetail(candidate),
+        ].filter(Boolean).join(' ');
+        return pattern.test(text);
+      });
+      if (item) return item;
+    }
+    return undefined;
+  }
+  
+  /**
+   * Returns the main value for one KPI inside the risk summary band.
+   * @param data - Custom canvas renderer data.
+   * @param pattern - Nested card title pattern.
+   * @param fallbackValue - Value used when OCR data is missing.
+   * @returns Display value with screenshot units preserved when available.
+   */
+  function referenceRiskMetricValue(data: CustomCanvasData, pattern: RegExp, fallbackValue: string): string {
+    const item = referenceNestedMetricItem(data, pattern);
+    if (item) return nestedBlockItemValue(item) || fallbackValue;
+    const block = referenceNestedBlock(data, pattern);
+    return block ? nestedBlockMetricValue(block) : fallbackValue;
+  }
+  
+  /**
+   * Normalizes risk KPI values to the large-number style used in the source band.
+   * @param value - OCR or binding value, sometimes including the Chinese unit 项.
+   * @returns Numeric display value without the unit suffix.
+   */
+  function referenceRiskKpiValue(value: string): string {
+    return value.replace(/\s*项$/u, '').trim() || value;
+  }
+  
+  /**
+   * Returns KPI tiles for the first-viewport risk summary band.
+   * @param data - Custom canvas renderer data.
+   * @returns Four KPI tile rows matching the screenshot order.
+   */
+  function referenceRiskKpiItems(data: CustomCanvasData): Array<{ label: string; value: string; detail: string; tone: 'critical' | 'warning' }> {
+    return [
+      {
+        label: '重大经营风险',
+        value: referenceRiskKpiValue(referenceRiskMetricValue(data, /重大经营风险|major/i, '8')),
+        detail: '亏损主体与毛利下滑集中',
+        tone: 'critical',
+      },
+      {
+        label: '预算严重偏差',
+        value: referenceRiskKpiValue(referenceRiskMetricValue(data, /预算严重偏差|budget/i, '6')),
+        detail: '费用超阈值连续两期',
+        tone: 'warning',
+      },
+      {
+        label: '资金类预警',
+        value: referenceRiskKpiValue(referenceRiskMetricValue(data, /资金类预警|capital|fund/i, '14')),
+        detail: '逾期应收触碰红线',
+        tone: 'critical',
+      },
+      {
+        label: '项目隐患',
+        value: referenceRiskKpiValue(referenceRiskMetricValue(data, /项目隐患|project/i, '5')),
+        detail: '延期叠加投资超支',
+        tone: 'warning',
+      },
+    ];
+  }
+  
+  /**
+   * Returns today movement rows for the risk summary band.
+   * @param data - Custom canvas renderer data.
+   * @returns Movement list rows from OCR data or screenshot fallback rows.
+   */
+  function referenceRiskMovementItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const movement = referenceNestedBlock(data, /TODAY MOVEMENT|今日|movement/i);
+    if (!movement) {
+      return [
+        { label: '2 家子公司毛利率环比大幅下滑' },
+        { label: '3 项费用超阈值预警，管理费用连续偏高' },
+        { label: '重大担保事项进入董事会复核' },
+      ];
+    }
+    const elementRows = referenceRiskMovementElementItems(movement);
+    if (elementRows.length > 0) return elementRows.slice(0, 3);
+    const rows = nestedBlockItems(movement).filter((item: Record<string, unknown>, index: number) => {
+      const label = nestedBlockItemLabel(item, index);
+      return label && !/^TODAY MOVEMENT$/i.test(label);
+    });
+    return rows.length > 0 ? rows.slice(0, 3) : [
+      { label: '2 家子公司毛利率环比大幅下滑' },
+      { label: '3 项费用超阈值预警，管理费用连续偏高' },
+      { label: '重大担保事项进入董事会复核' },
+    ];
+  }
+  
+  /**
+   * Reads TODAY MOVEMENT rows from OCR/customCanvas text elements when the movement card is not a list.
+   * @param movement - Nested movement preview block.
+   * @returns Movement row labels from recognized text elements.
+   */
+  function referenceRiskMovementElementItems(movement: CustomCanvasNestedBlock): Array<Record<string, unknown>> {
+    const data = (isRecord(movement.data) ? movement.data : {}) as Record<string, unknown>;
+    const elements = Array.isArray(data.elements) ? data.elements : [];
+    return elements
+      .map((element, index): Record<string, unknown> | undefined => {
+        if (!isRecord(element)) return undefined;
+        const label = textValue(element.label, textValue(element.text, textValue(element.value)));
+        if (!label || /^TODAY MOVEMENT$/i.test(label)) return undefined;
+        return { label, value: textValue(element.value), order: index };
+      })
+      .filter((item): item is Record<string, unknown> => Boolean(item));
+  }
+  
+  /**
+   * Returns service status rows for the reference-style operations panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Status rows built from a nested child or screenshot fallback data.
+   */
+  function referenceOpsServiceItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /服务监控|系统监控|在线/);
+    return block
+      ? referenceOpsItemsFromBlock(block, 'statusList').slice(0, 5)
+      : nestedBlockFallbackItems({ id: 'reference-ops-service', title: '全局服务监控', kind: 'list', slot: 'body', dataBindingStatus: 'none' }, 'statusList');
+  }
+  
+  /**
+   * Returns resource load rows for the reference-style operations panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Resource utilization rows.
+   */
+  function referenceOpsResourceItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /资源负载|负载监控|CPU|内存|存储|带宽/) ?? referenceNestedBlock(data, /服务监控|系统监控|在线/);
+    return block
+      ? referenceOpsItemsFromBlock(block, 'resourceBars').slice(0, 4)
+      : nestedBlockFallbackItems({ id: 'reference-ops-resource', title: '资源负载监控', kind: 'chart', slot: 'body', dataBindingStatus: 'none' }, 'resourceBars');
+  }
+  
+  /**
+   * Returns incident rows for the reference-style operations panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Fault and alert rows.
+   */
+  function referenceOpsIncidentItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /故障|告警|事件|红警/);
+    return block
+      ? referenceOpsItemsFromBlock(block, 'incidentList').slice(0, 3)
+      : nestedBlockFallbackItems({ id: 'reference-ops-incidents', title: '故障 & 告警中心', kind: 'list', slot: 'body', dataBindingStatus: 'none' }, 'incidentList');
+  }
+  
+  /**
+   * Returns ops rows from model/OCR data only when they are strong enough for the target template.
+   * @param block - Nested ops child card.
+   * @param visualKind - Target ops visual region.
+   * @returns Strong element/model rows, or reference fallback rows.
+   */
+  function referenceOpsItemsFromBlock(block: CustomCanvasNestedBlock, visualKind: NestedBlockVisualKind): Array<Record<string, unknown>> {
+    const elementItems = nestedBlockElementItems(block, visualKind);
+    if (elementItems.length > 0 && !nestedBlockItemsLookTooWeakForVisualKind(elementItems, visualKind)) return elementItems;
+    const rawItems = nestedBlockRawItems(block);
+    if (rawItems.length > 0 && !nestedBlockItemsLookTooWeakForVisualKind(rawItems, visualKind)) return rawItems;
+    return nestedBlockFallbackItems(block, visualKind);
+  }
+  
+  /**
+   * Returns seven-day trend bar rows for the reference-style operations panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Bar rows shaped like the source CIO panel.
+   */
+  function referenceOpsTrendItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /趋势|近七日|七日/);
+    const rawItems = block ? nestedBlockRawItems(block) : [];
+    if (rawItems.length > 0 && !nestedBlockItemsLookTooWeak(rawItems)) return rawItems.slice(0, 7);
+    return [
+      { label: '周一', value: '6', progress: 42, tone: 'neutral' },
+      { label: '周二', value: '8', progress: 53, tone: 'info' },
+      { label: '周三', value: '5', progress: 35, tone: 'healthy' },
+      { label: '周四', value: '11', progress: 70, tone: 'warning' },
+      { label: '周五', value: '7', progress: 50, tone: 'info' },
+      { label: '周六', value: '13', progress: 88, tone: 'critical' },
+      { label: '周日', value: '8', progress: 56, tone: 'warning' },
+    ];
+  }
+  
+  /**
+   * Reads status-like OCR elements as compact rows for reference panels.
+   * @param block - Nested child card carrying screenshot-recognized elements.
+   * @returns Rows with label, value/status, and tone.
+   */
+  function referenceStatusElementItems(block: CustomCanvasNestedBlock): Array<Record<string, unknown>> {
+    const data = (isRecord(block.data) ? block.data : {}) as Record<string, unknown>;
+    const elements = Array.isArray(data.elements) ? data.elements : [];
+    return elements
+      .map((element): Record<string, unknown> | undefined => {
+        if (!isRecord(element)) return undefined;
+        const label = textValue(element.label, textValue(element.title, textValue(element.text)));
+        if (!label) return undefined;
+        const status = textValue(element.status);
+        const value = textValue(element.value, status);
+        return {
+          label,
+          value,
+          status,
+          tone: nestedBlockToneFromStatus(`${label} ${value} ${status}`),
+        };
+      })
+      .filter((item): item is Record<string, unknown> => Boolean(item));
+  }
+
+  /**
+   * Checks whether a security row belongs in the compliance audit column.
+   * @param item - Candidate row.
+   * @param index - Candidate index.
+   * @returns True for compliance and audit rows.
+   */
+  function referenceSecurityAuditRow(item: Record<string, unknown>, index: number): boolean {
+    const text = nestedBlockItemTitle(item, index);
+    return /等保|隐私|日志|合规/.test(text) && !/账号|账户|权限|离职|超权|弱口令|操作/.test(text);
+  }
+
+  /**
+   * Checks whether a security row belongs in the account and operation audit column.
+   * @param item - Candidate row.
+   * @param index - Candidate index.
+   * @returns True for account, permission, and operation rows.
+   */
+  function referenceSecurityAccountRow(item: Record<string, unknown>, index: number): boolean {
+    return /账号|账户|权限|离职|超权|弱口令|操作/.test(nestedBlockItemTitle(item, index));
+  }
+
+  /**
+   * Returns the security score child for the reference-style security panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Nested block that carries score/risk-card data, or a fallback card.
+   */
+  function referenceSecurityScoreBlock(data: CustomCanvasData): CustomCanvasNestedBlock {
+    return referenceNestedBlock(data, /安全风险|安全健康|风险总览|漏洞/) ?? {
+      id: 'reference-security-score',
+      title: '安全风险总览',
+      kind: 'chart',
+      slot: 'body',
+      dataBindingStatus: 'none',
+      data: { value: 86 },
+    };
+  }
+  
+  /**
+   * Returns compact risk rows for the reference-style security panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Security risk summary rows.
+   */
+  function referenceSecurityRiskItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /安全风险总览|敏感|弱口令|外网攻击|风险总览/);
+    const elementItems = block ? referenceStatusElementItems(block) : [];
+    if (elementItems.length > 0) return elementItems.slice(0, 3);
+    if (block && !nestedBlockItemsLookTooWeakForVisualKind(nestedBlockRawItems(block), 'simpleList')) {
+      return nestedBlockItems(block).slice(0, 3);
+    }
+    return [
+      { label: '敏感数据导出异常', value: '2 次', tone: 'critical' },
+      { label: '弱口令账号', value: '36 个', tone: 'warning' },
+      { label: '外网攻击峰值', value: '14:00', tone: 'warning' },
+    ];
+  }
+  
+  /**
+   * Returns compliance rows for the reference-style security panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Compliance and audit rows.
+   */
+  function referenceSecurityAuditItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /合规|审计|等保|隐私|日志/);
+    const elementItems = block ? referenceStatusElementItems(block) : [];
+    const auditItems = elementItems.filter(referenceSecurityAuditRow);
+    if (auditItems.length > 0) return auditItems.slice(0, 3);
+    if (elementItems.length > 0) return elementItems.slice(0, 3);
+    if (block && !nestedBlockItemsLookTooWeakForVisualKind(nestedBlockRawItems(block), 'simpleList')) {
+      const items = nestedBlockItems(block);
+      const filtered = items.filter(referenceSecurityAuditRow);
+      return (filtered.length > 0 ? filtered : items).slice(0, 3);
+    }
+    return [
+      { label: '等保 2.0 整改进度', value: '92%', tone: 'healthy' },
+      { label: '隐私合规检查', value: '通过', tone: 'healthy' },
+      { label: '日志留存覆盖率', value: '88%', tone: 'warning' },
+    ];
+  }
+  
+  /**
+   * Returns account/permission rows for the reference-style security panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Account and operation-audit rows.
+   */
+  function referenceSecurityAccountItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /账号|权限|操作|弱口令|离职|超权|合规|审计|等保|隐私|日志/);
+    const elementItems = block ? referenceStatusElementItems(block) : [];
+    const accountItems = elementItems.filter(referenceSecurityAccountRow);
+    if (accountItems.length > 0) return accountItems.slice(0, 3);
+    if (elementItems.length > 3) return elementItems.slice(3, 6);
+    if (block && !nestedBlockItemsLookTooWeakForVisualKind(nestedBlockRawItems(block), 'simpleList')) {
+      const items = nestedBlockItems(block);
+      const filtered = items.filter(referenceSecurityAccountRow);
+      return (filtered.length > 0 ? filtered : items.slice(3)).slice(0, 3);
+    }
+    return [
+      { label: '离职未回收账号', value: '7 个', tone: 'critical' },
+      { label: '超权限管理员账号', value: '4 个', tone: 'critical' },
+      { label: '关键操作审计', value: '已归档', tone: 'healthy' },
+    ];
+  }
+  
+  /**
+   * Returns the unified compliance/audit card rows shown in the source CIO security panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Compliance and account-audit rows as one card group.
+   */
+  function referenceSecurityComplianceItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const auditItems = referenceSecurityAuditItems(data).slice(0, 3);
+    const accountItems = referenceSecurityAccountItems({ ...data, nestedBlocks: [] }).slice(0, 3);
+    const seen = new Set<string>();
+    return [...auditItems, ...accountItems].filter((item, index) => {
+      const key = `${nestedBlockItemTitle(item, index)}:${nestedBlockItemValue(item)}`;
+      if (seen.has(key)) return false;
+      seen.add(key);
+      return true;
+    });
+  }
+
+  /**
+   * Returns asset-ledger tiles for the reference-style asset panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Four normalized metric tile rows.
+   */
+  function referenceAssetLedgerItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    return [
+      referenceMetricItem(data, '终端与办公设备', /终端|办公设备/, '18,426'),
+      referenceMetricItem(data, '服务器与机房设备', /服务器|机房设备/, '1,284'),
+      referenceMetricItem(data, '商业软件 License', /License|商业软件/, '312'),
+      referenceMetricItem(data, '云主机与存储资源', /云主机|存储资源/, '2,096'),
+    ];
+  }
+  
+  /**
+   * Returns asset exception rows for the reference-style asset panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Compact asset exception rows.
+   */
+  function referenceAssetExceptionItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    return [
+      referenceMetricItem(data, '闲置云主机待回收', /闲置云主机|待回收/, '47 台', 'warning'),
+      referenceMetricItem(data, 'License 即将到期', /即将到期/, '12 项', 'critical'),
+      referenceMetricItem(data, '资产盘点完成率', /资产盘点/, '96%', 'healthy'),
+    ];
+  }
+  
+  /**
+   * Returns cost optimization rows for the reference-style asset panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Compact cost rows.
+   */
+  function referenceCostItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    return [
+      referenceMetricItem(data, '本月云费用环比', /云费用环比/, '+8.4%', 'warning'),
+      referenceMetricItem(data, '可释放资源降本空间', /降本空间|释放资源/, '128 万', 'healthy'),
+      referenceMetricItem(data, '预算执行偏差', /预算执行偏差/, '-4.6%', 'healthy'),
+    ];
+  }
+  
+  /**
+   * Returns cost donut legend rows for the reference-style asset panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Donut legend rows.
+   */
+  function referenceCostFallbackDonutItems(): Array<Record<string, unknown>> {
+    return [
+      { label: '云资源费用', value: '42%', share: 42, normalizedShare: 42 },
+      { label: '软件采购', value: '25%', share: 25, normalizedShare: 25 },
+      { label: '外包服务', value: '17%', share: 17, normalizedShare: 17 },
+      { label: '维保与机房', value: '16%', share: 16, normalizedShare: 16 },
+    ];
+  }
+
+  /**
+   * Merges source-image cost slices with canonical CIO budget slices when recognition misses a segment.
+   * @param items - Candidate donut legend rows read from the nested cost chart.
+   * @returns Four stable cost slices in the source screenshot order.
+   */
+  function referenceMergeCostDonutItems(items: Array<Record<string, unknown>>): Array<Record<string, unknown>> {
+    const fallback = referenceCostFallbackDonutItems();
+    const merged = [...items];
+    fallback.forEach((fallbackItem) => {
+      const fallbackLabel = nestedBlockItemLabel(fallbackItem, 0);
+      const matched = merged.some((item, index) => {
+        const label = nestedBlockItemLabel(item, index);
+        return label === fallbackLabel || label.includes(fallbackLabel) || fallbackLabel.includes(label);
+      });
+      if (!matched) merged.push(fallbackItem);
+    });
+    const selected = merged.slice(0, 4);
+    const shares = selected.map((item) => Math.max(0, nestedBlockNumber(item.share ?? item.normalizedShare ?? nestedBlockItemValue(item), 0)));
+    const totalShare = shares.reduce((sum, share) => sum + share, 0);
+    const fallbackShare = 100 / Math.max(1, selected.length);
+    return selected.map((item, index) => ({
+      ...item,
+      value: nestedBlockItemValue(item) || `${Math.round(totalShare > 0 ? shares[index] : fallbackShare)}%`,
+      normalizedShare: totalShare > 0 ? (shares[index] / totalShare) * 100 : fallbackShare,
+    }));
+  }
+
+  function referenceCostDonutItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const costBlock = referenceNestedBlock(data, /成本分析|预算分析|cost|budget/i);
+    if (costBlock) return referenceMergeCostDonutItems(nestedBlockDonutItems(costBlock));
+    return referenceMergeCostDonutItems(referenceCostFallbackDonutItems());
+  }
+  
+  /**
+   * Builds the donut style for the reference-style asset panel.
+   * @param data - Custom canvas renderer data.
+   * @returns CSS conic-gradient style.
+   */
+  function referenceCostDonutStyle(data: CustomCanvasData): CSSProperties {
+    const colors = ['#0F8B8D', '#6D4AE6', '#C6851A', '#9AA5B1'];
+    let cursor = 0;
+    const segments = referenceCostDonutItems(data).map((item, index) => {
+      const share = Math.max(0, Math.min(100, nestedBlockNumber(item.normalizedShare ?? item.share ?? nestedBlockItemValue(item), 25)));
+      const start = cursor;
+      cursor += share;
+      return `${colors[index % colors.length]} ${start}% ${Math.min(100, cursor)}%`;
+    });
+    return {
+      background: `radial-gradient(circle at center, #f8fafc 0 52%, transparent 53%), conic-gradient(${segments.join(', ')})`,
+    };
+  }
+  
+  /**
+   * Returns project progress rows for the reference-style project panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Project progress rows.
+   */
+  function referenceProjectProgressItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /项目看板|项目进度|重点.*项目/);
+    const rawItems = block ? nestedBlockRawItems(block) : [];
+    if (block && rawItems.length > 0 && !nestedBlockItemsLookTooWeakForVisualKind(rawItems, 'progressList')) {
+      return nestedBlockBarItems(block);
+    }
+    return nestedBlockFallbackItems({ id: 'reference-project-list', title: '重点 IT 项目看板', kind: 'list', slot: 'body', dataBindingStatus: 'none' }, 'progressList');
+  }
+  
+  /**
+   * Returns todo metric tiles for the reference-style project panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Four todo tiles built from child cards when available.
+   */
+  function referenceTodoItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    return [
+      referenceMetricItem(data, 'IT 采购审批', /采购审批/, '18'),
+      referenceMetricItem(data, '系统上线审批', /上线审批/, '7'),
+      referenceMetricItem(data, '权限变更审批', /权限变更/, '24'),
+      referenceMetricItem(data, '安全整改待办', /安全整改/, '5'),
+    ];
+  }
+  
+  /**
+   * Returns efficiency rows for the reference-style project panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Efficiency list rows.
+   */
+  function referenceEfficiencyItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /研发|运维效能/);
+    if (block && !nestedBlockItemsLookTooWeakForVisualKind(nestedBlockRawItems(block), 'simpleList')) {
+      return nestedBlockItems(block).slice(0, 3);
+    }
+    return nestedBlockFallbackItems({ id: 'reference-efficiency', title: '研发 & 运维效能', kind: 'list', slot: 'footer', dataBindingStatus: 'none' }, 'simpleList');
+  }
+  
+  /**
+   * Filters model quick-link rows that are usable as platform shortcuts.
+   * @param items - Candidate rows from image OCR/model output.
+   * @returns Rows that look like links rather than repeated approval metrics.
+   */
+  function referenceUsableQuickLinkItems(items: Array<Record<string, unknown>>): Array<Record<string, unknown>> {
+    return items.filter((item) => {
+      const text = [nestedBlockItemLabel(item, 0), nestedBlockItemValue(item), nestedBlockItemDetail(item)].filter(Boolean).join(' ');
+      return /平台|堡垒|安全|服务|工单|入口|运维/.test(text) && !/审批|待办|变更/.test(text);
+    });
+  }
+  
+  /**
+   * Returns quick-link rows for the reference-style project panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Quick link rows.
+   */
+  function referenceQuickLinkItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /快捷|入口|平台/);
+    if (block) {
+      const usableItems = referenceUsableQuickLinkItems(nestedBlockItems(block));
+      if (usableItems.length >= 2) return usableItems.slice(0, 4);
+    }
+    return nestedBlockFallbackItems({ id: 'reference-quick-links', title: '快捷入口', kind: 'list', slot: 'footer', dataBindingStatus: 'none' }, 'quickLinks');
+  }
+  
+  /**
+   * Returns metric-like rows for the generic business metric-matrix panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Compact metric tiles derived from nested screenshot cards.
+   */
+  function referenceBusinessMetricItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    const rows = nestedBlocks
+      .filter((block) => {
+        const visualKind = nestedBlockVisualKind(block);
+        const previewKind = nestedBlockPreviewKind(block);
+        return visualKind === 'metric' || visualKind === 'todoGrid' || visualKind === 'progressList' || previewKind === 'metric' || previewKind === 'summary';
+      })
+      .map((block, index) => ({
+        label: block.title || `指标 ${index + 1}`,
+        value: nestedBlockMetricValue(block),
+        detail: nestedBlockDataSummary(block),
+        progress: nestedBlockOptionalNumber(nestedBlockMetricValue(block)) ?? 56,
+        tone: nestedBlockNeedsHumanIntervention(block) ? 'warning' : nestedBlockToneFromStatus(`${block.title} ${nestedBlockDataSummary(block)}`),
+      }))
+      .filter((item) => item.label && item.value && item.value !== '--');
+    return (rows.length > 0 ? rows : [
+      { label: '核心指标', value: '--', detail: '等待可靠问数回填', tone: 'neutral' },
+      { label: '目标完成率', value: '--', detail: '需补充业务口径', tone: 'warning' },
+      { label: '风险项', value: '--', detail: '保持截图识别值', tone: 'warning' },
+      { label: '本期变化', value: '--', detail: '未伪造 setData', tone: 'neutral' },
+    ]).slice(0, 6);
+  }
+  
+  /**
+   * Returns chart-like rows for the generic business metric-matrix panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Compact chart summary rows.
+   */
+  function referenceBusinessChartItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    const chartRows = nestedBlocks
+      .filter((block) => {
+        const visualKind = nestedBlockVisualKind(block);
+        const previewKind = nestedBlockPreviewKind(block);
+        return visualKind === 'chart' || visualKind === 'resourceBars' || visualKind === 'donut' || previewKind === 'chart';
+      })
+      .flatMap((block, blockIndex) => {
+        const rawItems = nestedBlockRawItems(block);
+        if (rawItems.length > 0 && !nestedBlockItemsLookTooWeak(rawItems)) return rawItems.slice(0, 5);
+        return [{
+          label: block.title || `趋势 ${blockIndex + 1}`,
+          value: nestedBlockMetricValue(block),
+          detail: nestedBlockDataSummary(block),
+          progress: 42 + (blockIndex % 4) * 12,
+          tone: nestedBlockNeedsHumanIntervention(block) ? 'warning' : 'info',
+        }];
+      });
+    if (chartRows.length > 0) return chartRows.slice(0, 6);
+    return referenceBusinessMetricItems(data).slice(0, 6).map((item, index) => ({
+      ...item,
+      progress: 42 + (index % 4) * 13,
+    }));
+  }
+  
+  /**
+   * Returns list-like rows for the generic business metric-matrix panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Compact business rows preserving long text in title attributes.
+   */
+  function referenceBusinessListItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    const rows = nestedBlocks
+      .filter((block) => {
+        const visualKind = nestedBlockVisualKind(block);
+        const previewKind = nestedBlockPreviewKind(block);
+        return visualKind === 'list'
+          || visualKind === 'simpleList'
+          || visualKind === 'incidentList'
+          || visualKind === 'quickLinks'
+          || previewKind === 'list'
+          || previewKind === 'table';
+      })
+      .flatMap((block) => {
+        const rawItems = nestedBlockRawItems(block);
+        if (rawItems.length > 0 && !nestedBlockItemsLookTooWeak(rawItems)) return rawItems;
+        return [{
+          label: block.title,
+          value: nestedBlockMetricValue(block),
+          detail: nestedBlockDataSummary(block),
+          tone: nestedBlockNeedsHumanIntervention(block) ? 'warning' : nestedBlockToneFromStatus(`${block.title} ${nestedBlockDataSummary(block)}`),
+        }];
+      })
+      .filter((item) => nestedBlockItemLabel(item, 0));
+    return (rows.length > 0 ? rows : referenceBusinessMetricItems(data)).slice(0, 5);
+  }
+
+  type ReferenceBidRoleKey = 'sales' | 'production' | 'procurement' | 'logistics' | 'warehouse' | 'finance';
+
+  type ReferenceBidSection = {
+    id: string;
+    title: string;
+    subtitle: string;
+    rows: Array<Record<string, unknown>>;
+  };
+
+  type ReferenceBidProfile = {
+    roleKey: ReferenceBidRoleKey;
+    icon: string;
+    accent: string;
+    title: string;
+    subtitle: string;
+    route: string;
+    scope: string;
+    quickActions: string[];
+    kpis: Array<Record<string, unknown>>;
+    infoItems: Array<Record<string, unknown>>;
+    sections: ReferenceBidSection[];
+    riskRows: Array<Record<string, unknown>>;
+    conclusions: Array<Record<string, unknown>>;
+  };
+
+  /**
+   * Builds searchable text from a bid-collaboration custom canvas.
+   * @param data - Custom canvas renderer data.
+   * @returns Parent narrative and nested-card text.
+   */
+  function referenceBidSearchText(data: CustomCanvasData): string {
+    const record = data as unknown as Record<string, unknown>;
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    return [
+      record.title,
+      record.subtitle,
+      data.narrative,
+      data.sourceLabel,
+      ...nestedBlocks.flatMap((nestedBlock) => [
+        nestedBlock.title,
+        nestedBlockClassifierText(nestedBlock),
+        nestedBlockDataSummary(nestedBlock),
+        ...nestedBlockRawItems(nestedBlock).map((item: Record<string, unknown>, index: number) => nestedBlockItemTitle(item, index)),
+      ]),
+    ].map((value) => textValue(value)).filter(Boolean).join(' ');
+  }
+
+  /**
+   * Resolves the role represented by a bid-collaboration screenshot.
+   * @param data - Custom canvas renderer data.
+   * @returns Role key used for source-like visual copy.
+   */
+  function referenceBidRoleKey(data: CustomCanvasData): ReferenceBidRoleKey {
+    const text = referenceBidSearchText(data);
+    if (/财务经理|财务关键|财务预算|备货资金|回款|毛利|finance/i.test(text)) return 'finance';
+    if (/仓储经理|仓储关键|库存|库位|出库|发运|warehouse|inventory/i.test(text)) return 'warehouse';
+    if (/物流经理|物流关键|运输|路线|承运商|logistics/i.test(text)) return 'logistics';
+    if (/采购经理|采购关键|供应商|物料|采购订单|procurement|supplier/i.test(text)) return 'procurement';
+    if (/生产经理|生产关键|产能|工单|齐套|production|capacity/i.test(text)) return 'production';
+    return 'sales';
+  }
+
+  /**
+   * Creates a lightweight pseudo nested block for source-like table sections.
+   * @param id - Stable section id.
+   * @param title - Visible section title.
+   * @returns Custom canvas nested block compatible with existing template helpers.
+   */
+  function referenceBidSectionBlock(id: string, title: string): CustomCanvasNestedBlock {
+    return {
+      id,
+      title,
+      kind: 'table',
+      slot: 'main',
+      dataBindingStatus: 'error',
+    };
+  }
+
+  /**
+   * Returns role-specific source-preview content for the six bid workbench screenshots.
+   * @param data - Custom canvas renderer data.
+   * @returns Dense visual profile; values are screenshot preview copy, not queried facts.
+   */
+  function referenceBidProfile(data: CustomCanvasData): ReferenceBidProfile {
+    const commonInfo = [
+      { label: '产品', value: '14寸笔记本电脑' },
+      { label: '数量', value: '6000台' },
+      { label: '要求送达时间', value: '2026-07-15' },
+      { label: '交付地点', value: '上海' },
+    ];
+    const commonRiskRows = [
+      { label: '目标标案口径', value: '待补', detail: '需补充指标、表、字段或系统口径', owner: '业务负责人', tone: 'warning' },
+      { label: '真实问数绑定', value: '待执行', detail: '截图预览不写入 ready/setData', owner: '数据负责人', tone: 'warning' },
+      { label: '跨部门结论', value: '需确认', detail: '生产、采购、物流、仓储、财务需补充口径', owner: '协同负责人', tone: 'info' },
+    ];
+    const commonBoundary = [
+      { label: '绑定状态', value: '待补口径', tone: 'warning' },
+      { label: '数据来源', value: '截图预览', tone: 'neutral' },
+      { label: '真实问数', value: '未执行', tone: 'warning' },
+      { label: 'setData', value: '未写入', tone: 'neutral' },
+    ];
+
+    const profiles: Record<ReferenceBidRoleKey, ReferenceBidProfile> = {
+      sales: {
+        roleKey: 'sales',
+        icon: '销',
+        accent: '#145C3D',
+        title: '01 销售经理工作台',
+        subtitle: '重点客户投标案的供需问题研讨',
+        route: '标案状态',
+        scope: '销售团队',
+        quickActions: ['目标标案', '供需结论', '报价调整', '客户确认', '投标决策'],
+        kpis: [
+          { label: '待讨论标案', value: '1', detail: '当前销售经理推动研讨对象', tone: 'info' },
+          { label: '中标概率', value: '60%', detail: '销售侧当前评估', tone: 'neutral' },
+          { label: '目标数量', value: '6000', detail: '14寸笔记本电脑', tone: 'neutral' },
+          { label: '综合结论', value: '有条件投标', detail: '需客户沟通后确定方案', tone: 'warning' },
+        ],
+        infoItems: [
+          { label: '客户', value: '重点客户A' },
+          { label: '产品', value: '14寸笔记本电脑' },
+          { label: '数量', value: '6000台' },
+          { label: '投标时间', value: '2026-06-15', tone: 'warning' },
+          { label: '要求送达时间', value: '2026-07-15', tone: 'warning' },
+          { label: '交付地点', value: '上海' },
+        ],
+        sections: [
+          {
+            id: 'sales-supply',
+            title: '跨角色供需结论',
+            subtitle: '生产 / 采购 / 物流 / 仓储 / 财务',
+            rows: [
+              { label: '生产', value: '有条件承诺', detail: '当前产能 2500 台/天，需物料齐套时间确认', tone: 'warning' },
+              { label: '采购', value: '有条件齐套', detail: 'CPU 存在缺口，D 面建议提前备货', tone: 'warning' },
+              { label: '物流', value: '有条件交付', detail: '铁路不可行，公路压线，建议 2 批发运', tone: 'warning' },
+              { label: '仓储', value: '有条件承接', detail: '库位足够，第二批加急出库存在压力', tone: 'warning' },
+              { label: '财务', value: '有条件批准', detail: 'D 面提前备货 ¥132万，加急物流增量 ¥2.4万', tone: 'warning' },
+            ],
+          },
+          {
+            id: 'sales-actions',
+            title: '销售动作拆解',
+            subtitle: '客户确认 / 报价边界 / 承诺校验',
+            rows: [
+              { label: 'CPU 是否可加急', value: '采购经理', detail: '要求采购在投标前取得供应商确认', tone: 'warning' },
+              { label: 'D 面是否可开标前备货', value: '采购经理 / 财务经理', detail: '推动财务审批和采购锁定供应商产能', tone: 'warning' },
+              { label: '第二批车辆资源', value: '物流经理', detail: '确认 2026-07-10 至 2026-07-15 到仓时效', tone: 'info' },
+              { label: '客户是否接受分批交付', value: '销售经理', detail: '与客户确认分批交付安排', tone: 'info' },
+            ],
+          },
+        ],
+        riskRows: [
+          { label: 'CPU 加急周期', value: '需确认', detail: '采购需在投标前拿到供应商承诺', owner: '采购经理', tone: 'warning' },
+          { label: 'D 面提前备货', value: '需审批', detail: '财务审批与采购锁产能要同步', owner: '采购 / 财务', tone: 'warning' },
+          { label: '第二批加急整车', value: '压线', detail: '车辆资源和到仓时效需锁定', owner: '物流经理', tone: 'critical' },
+          { label: '客户分批交付', value: '待沟通', detail: '影响投标承诺和违约边界', owner: '销售经理', tone: 'warning' },
+        ],
+        conclusions: [
+          { label: '销售侧决策建议', value: '有条件投标', detail: '可继续投标，但需先确认 CPU 加急交期、D 面提前备货审批、客户分批交付安排。', tone: 'warning' },
+          { label: '报价覆盖项', value: '需覆盖风险', detail: '报价应覆盖第二批加急物流成本，并预留因备货和交付压线带来的风险缓冲。', tone: 'info' },
+        ],
+      },
+      production: {
+        roleKey: 'production',
+        icon: '产',
+        accent: '#153F4A',
+        title: '生产经理工作台',
+        subtitle: '目标标案相关的生产参数',
+        route: '生产执行',
+        scope: '生产中心',
+        quickActions: ['目标标案', '产能信息', '当前工单列表'],
+        kpis: [
+          { label: '待讨论标案', value: '1', detail: '当前会议聚焦单一目标标案', tone: 'info' },
+          { label: '当前产能', value: '2500', detail: '近 90 天日均产量，单位：台/天', tone: 'healthy' },
+          { label: '当前工单', value: '6', detail: '当前生产队列中的工单数量', tone: 'neutral' },
+        ],
+        infoItems: [
+          { label: '产品', value: '14寸笔记本电脑' },
+          { label: '数量', value: '6000台' },
+          { label: '交付时间', value: '2026-07-15' },
+          { label: '要求生产完成时间', value: '2026-07-12' },
+          { label: '交付地点', value: '上海' },
+          { label: '物料齐套时间', value: '采购确认中', tone: 'warning' },
+        ],
+        sections: [
+          {
+            id: 'production-capacity',
+            title: '产能基础信息',
+            subtitle: '解释当前产能 2500 台/天的依据',
+            rows: [
+              { label: '组装产品', value: '14寸笔记本', detail: '主生产型号', tone: 'neutral' },
+              { label: '组装线平均产能', value: '100台/小时', detail: '按当前班次测算', tone: 'healthy' },
+              { label: '日平均班次', value: '2', detail: '可承接常规排产', tone: 'neutral' },
+              { label: '产线数量', value: '2', detail: '支持目标产量', tone: 'healthy' },
+              { label: '近90天日均产量', value: '2500台/天', detail: '作为产能依据', tone: 'healthy' },
+            ],
+          },
+          {
+            id: 'production-orders',
+            title: '当前工单信息',
+            subtitle: '按优先级与计划完成时间排序',
+            rows: [
+              { label: 'A001', value: '1000台', detail: '14寸笔记本 · 优先级 1 · 2026-06-01', tone: 'healthy' },
+              { label: 'B002', value: '3000台', detail: '14寸笔记本 · 优先级 2 · 2026-06-03', tone: 'healthy' },
+              { label: 'B003', value: '1000台', detail: '13寸笔记本 · 优先级 2 · 2026-06-06', tone: 'healthy' },
+              { label: 'C004', value: '7000台', detail: '15寸笔记本 · 优先级 3 · 2026-06-08', tone: 'healthy' },
+            ],
+          },
+        ],
+        riskRows: [
+          { label: '物料齐套', value: '需采购确认', detail: '物料齐套时间仍需采购确认', owner: '采购经理', tone: 'warning' },
+          { label: '排产窗口', value: '可承接', detail: '6000 台约需 2.4 个生产日', owner: '生产经理', tone: 'healthy' },
+          { label: '工单插单', value: '需确认', detail: '高优先级工单可能挤占产能', owner: '生产计划', tone: 'warning' },
+        ],
+        conclusions: [
+          { label: '生产侧初步判断', value: '有条件承诺', detail: '产能与当前工单窗口基本可承接，物料齐套时间仍需采购确认。', tone: 'warning' },
+          { label: '目标标案生产量 / 当前日均产能', value: '2.4 个生产日', detail: '6000 台按 2500 台/天测算，需确保齐套后连续排产。', tone: 'healthy' },
+        ],
+      },
+      procurement: {
+        roleKey: 'procurement',
+        icon: '采',
+        accent: '#684513',
+        title: '采购经理工作台',
+        subtitle: '目标标案相关的物料齐套与采购到货判断',
+        route: '采购执行',
+        scope: '采购中心',
+        quickActions: ['目标标案', '物料缺口', '采购订单', '供应商交期'],
+        kpis: [
+          { label: '待讨论标案', value: '1', detail: '当前采购侧确认对象', tone: 'info' },
+          { label: '关键物料', value: '8', detail: '目标产品重点物料', tone: 'neutral' },
+          { label: '缺口物料', value: '2', detail: 'CPU 与 D 面需重点处理', tone: 'critical' },
+          { label: '供应商确认中', value: '3', detail: '交期、加急周期、产能待确认', tone: 'warning' },
+        ],
+        infoItems: [
+          { label: '产品', value: '14寸笔记本电脑' },
+          { label: '数量', value: '6000台' },
+          { label: '要求生产完成时间', value: '2026-07-12' },
+          { label: '交付地点', value: '上海' },
+          { label: '物料齐套要求时间', value: '2026-07-05', tone: 'warning' },
+          { label: '当前齐套结论', value: '采购确认中', tone: 'warning' },
+        ],
+        sections: [
+          {
+            id: 'procurement-materials',
+            title: '关键物料齐套信息',
+            subtitle: 'CPU 和 D 面为当前关键风险',
+            rows: [
+              { label: 'CPU i5-14G', value: '缺口 2700', detail: '供应商确认中 · 交期风险高', tone: 'critical' },
+              { label: 'D面外壳 NB14-D', value: '缺口 2200', detail: '建议提前备货', tone: 'warning' },
+              { label: '屏幕模组 NB14-LCD', value: '可齐套', detail: '库存覆盖', tone: 'healthy' },
+              { label: '内存 16G DDR5', value: '可齐套', detail: '库存覆盖', tone: 'healthy' },
+              { label: '固态硬盘 512G', value: '可齐套', detail: '2026-07-02 到货', tone: 'healthy' },
+            ],
+          },
+          {
+            id: 'procurement-orders',
+            title: '供应商交期与采购订单',
+            subtitle: '解释缺口、加急和提前备货的外部依赖',
+            rows: [
+              { label: '英芯供应链', value: 'CPU i5-14G', detail: '拟下单 2700 · 理论周期45天', tone: 'critical' },
+              { label: '英芯供应链', value: '加急确认中', detail: 'CPU 2700 · 待确认', tone: 'critical' },
+              { label: '精密结构件', value: 'D面外壳 NB14-D', detail: '备货申请中 2200', tone: 'warning' },
+              { label: '精密结构件', value: 'PO-260604', detail: 'D面 1200 · 2026-07-03', tone: 'warning' },
+            ],
+          },
+        ],
+        riskRows: [
+          { label: 'CPU 缺口', value: '硬交期风险', detail: '理论供货周期 45 天，需供应商确认能否加急', owner: '采购经理', tone: 'critical' },
+          { label: 'D 面提前备货', value: '需财务协商', detail: '开标前备货需资金审批与销售确认', owner: '采购 / 财务', tone: 'warning' },
+          { label: '齐套时间', value: '2026-07-05', detail: '未确认会影响 2026-07-12 生产完成', owner: '采购经理', tone: 'warning' },
+        ],
+        conclusions: [
+          { label: '采购侧结论：CPU 缺口', value: '硬交期风险', detail: 'CPU 存在缺口，理论供货周期 45 天。如待 2026-06-15 明确中标后再采购，必然来不及满足物料齐套要求。', tone: 'critical' },
+          { label: '采购侧结论：D 面提前备货', value: '需财务协商', detail: 'D 面供应商产能存在缺口，建议开标前备货并联动财务。', tone: 'warning' },
+        ],
+      },
+      logistics: {
+        roleKey: 'logistics',
+        icon: '物',
+        accent: '#145466',
+        title: '04 物流经理工作台',
+        subtitle: '目标标案相关的发运计划与交付可达性判断',
+        route: '物流执行',
+        scope: '物流中心',
+        quickActions: ['目标标案', '始发地', '目的地', '运输方式', '承运商时效'],
+        kpis: [
+          { label: '待讨论标案', value: '1', detail: '当前物流侧确认对象', tone: 'info' },
+          { label: '始发地', value: '成都', detail: '目标货物预计发运地', tone: 'info' },
+          { label: '目的地', value: '上海', detail: '客户要求交付地点', tone: 'info' },
+          { label: '默认运输方式', value: '铁路', detail: '常规默认方案', tone: 'warning' },
+          { label: '默认运输时效', value: '7天', detail: '2026-07-12 入库后不可满足', tone: 'warning' },
+        ],
+        infoItems: commonInfo,
+        sections: [
+          {
+            id: 'logistics-capacity',
+            title: '物流运力',
+            subtitle: '铁路与公路运力对比',
+            rows: [
+              { label: '铁路运力', value: '常规默认', detail: '货量无限 · 提前7天预定 · 紧急增派不接受', tone: 'warning' },
+              { label: '公路运力', value: '备选主方案', detail: '货量无限 · 提前1天预定 · 提前4小时确认', tone: 'info' },
+            ],
+          },
+          {
+            id: 'logistics-routes',
+            title: '运输路线与承运商',
+            subtitle: '周期 / 价格 / 运输时效',
+            rows: [
+              { label: '成都 -> 上海', value: '铁路承运商A', detail: '铁路 · 7天 · ¥38,000 · 延迟交付', tone: 'critical' },
+              { label: '成都 -> 上海', value: '公路承运商B', detail: '常规公路 · 3天 · ¥62,000 · 压线交付', tone: 'warning' },
+              { label: '成都 -> 上海', value: '公路承运商C', detail: '加急整车 · 2天 · ¥86,000 · 可及时交付', tone: 'healthy' },
+            ],
+          },
+        ],
+        riskRows: [
+          { label: '铁路不可行', value: '延迟交付', detail: '2026-07-12 入库后采用铁路会导致延迟', owner: '物流经理', tone: 'critical' },
+          { label: '公路压线', value: '需客户确认', detail: '常规公路到达上海正好压线交付', owner: '销售经理', tone: 'warning' },
+          { label: '第二批加急', value: '有成本增量', detail: '需确认车辆资源和到仓时效', owner: '物流经理', tone: 'warning' },
+        ],
+        conclusions: [
+          { label: '物流侧结论：常规方案风险', value: '铁路不可行', detail: '常规铁路运输会导致延迟交付；公路方案仍需确认装车、到仓预约等不确定风险。', tone: 'critical' },
+          { label: '建议方案：分 2 批发运', value: '有条件交付', detail: '首批 7月11日发货，第二批 7月12日使用加急整车，需销售确认分批交付与加急成本。', tone: 'warning' },
+        ],
+      },
+      warehouse: {
+        roleKey: 'warehouse',
+        icon: '仓',
+        accent: '#115C54',
+        title: '05 仓储经理工作台',
+        subtitle: '目标标案相关的库存容量与爆仓风险判断',
+        route: '仓储执行',
+        scope: '仓储中心',
+        quickActions: ['目标标案', '库存信息', '库位容量', '出库计划', '分批备货'],
+        kpis: [
+          { label: '待讨论标案', value: '1', detail: '当前仓储侧确认对象', tone: 'info' },
+          { label: '目标数量', value: '6000', detail: '本标案待入库与出库数量', tone: 'neutral' },
+          { label: '当前成品库存', value: '0', detail: '2026-07-12 前预计基线库存为 0', tone: 'warning' },
+          { label: '可用库位', value: '7800', detail: '可容纳目标标案 6000 台', tone: 'healthy' },
+        ],
+        infoItems: [
+          { label: '产品', value: '14寸笔记本电脑' },
+          { label: '数量', value: '6000台' },
+          { label: '要求生产完成时间', value: '2026-07-12' },
+          { label: '要求送达时间', value: '2026-07-15' },
+          { label: '交付地点', value: '上海' },
+          { label: '出库节奏', value: '建议分2批', tone: 'warning' },
+        ],
+        sections: [
+          {
+            id: 'warehouse-capacity',
+            title: '仓储基础能力',
+            subtitle: '库存容量与出入库能力',
+            rows: [
+              { label: '成品仓可用库位', value: '7800台', detail: '库位足够', tone: 'healthy' },
+              { label: '日均入库能力', value: '6000台/天', detail: '满足目标入库', tone: 'healthy' },
+              { label: '日均出库能力', value: '3500台/天', detail: '需分批出库', tone: 'neutral' },
+              { label: '分拣包装能力', value: '3500台/天', detail: '第二批存在压力', tone: 'warning' },
+              { label: '当前库位占用率', value: '72%', detail: '可承接', tone: 'healthy' },
+            ],
+          },
+          {
+            id: 'warehouse-stock',
+            title: '库存与库位状态',
+            subtitle: '当前库存 / 待入库 / 爆仓风险',
+            rows: [
+              { label: '14寸笔记本成品', value: '0 / 6000 / 7800', detail: '依赖生产入库', tone: 'warning' },
+              { label: '14寸笔记本包装箱', value: '6200 / 0 / 1200', detail: '可承接', tone: 'healthy' },
+              { label: '防震托盘', value: '4800 / 1500 / 900', detail: '需补充', tone: 'warning' },
+              { label: '出库暂存区', value: '0 / 6000 / 3000', detail: '需分批暂存', tone: 'warning' },
+            ],
+          },
+          {
+            id: 'warehouse-shipping',
+            title: '出库与发运衔接',
+            subtitle: '对应物流经理的 2 批发运方案',
+            rows: [
+              { label: '第一批', value: '3000台', detail: '7月11日 12:00 入库，18:00 出库 · 提前备货', tone: 'warning' },
+              { label: '第二批', value: '3000台', detail: '7月12日 12:00 入库，18:00 出库 · 加急出库', tone: 'warning' },
+            ],
+          },
+        ],
+        riskRows: [
+          { label: '成品库存为 0', value: '依赖生产', detail: '生产完成后需立即发货出库', owner: '生产经理', tone: 'warning' },
+          { label: '分拣包装能力', value: '有压力', detail: '第二批加急出库需提前排班', owner: '仓储经理', tone: 'warning' },
+          { label: '出库暂存区', value: '需分批', detail: '单批 6000 台会压缩暂存区', owner: '仓储计划', tone: 'warning' },
+        ],
+        conclusions: [
+          { label: '仓储侧容量判断', value: '库位足够', detail: '当前成品库存为 0，现有工单完成生产后会立即发货出库；可用库位 7800 台，能容纳目标标案。', tone: 'healthy' },
+          { label: '仓储侧执行判断', value: '有条件承接', detail: '若物流分 2 批发运，仓储侧可支持；但包装复核能力加强时段有压力，需要提前排班。', tone: 'warning' },
+        ],
+      },
+      finance: {
+        roleKey: 'finance',
+        icon: '财',
+        accent: '#263545',
+        title: '06 财务经理工作台',
+        subtitle: '目标标案相关的资金占用、成本增量与财务风险判断',
+        route: '财务测算',
+        scope: '财务中心',
+        quickActions: ['目标标案', '备货资金', '加急成本', '毛利测算', '风险审批'],
+        kpis: [
+          { label: '待讨论标案', value: '1', detail: '当前财务侧确认对象', tone: 'info' },
+          { label: '标案金额', value: '待定', detail: '销售报价仍需补充', tone: 'neutral' },
+          { label: '提前备货金额', value: '¥132万', detail: 'D 面外壳提前备货', tone: 'warning' },
+          { label: '加急物流增量', value: '¥2.4万', detail: '第二批加急整车增量', tone: 'warning' },
+        ],
+        infoItems: [
+          { label: '产品', value: '14寸笔记本电脑' },
+          { label: '数量', value: '6000台' },
+          { label: '要求送达时间', value: '2026-07-15' },
+          { label: '销售评估的中标概率', value: '60%', tone: 'warning' },
+          { label: '交付地点', value: '上海' },
+          { label: '采购提前备货', value: 'D面外壳 2200件', tone: 'warning' },
+          { label: '物流方案', value: '第二批加急整车', tone: 'warning' },
+        ],
+        sections: [
+          {
+            id: 'finance-overview',
+            title: '财务测算概览',
+            subtitle: '资金占用 / 成本增量 / 毛利影响',
+            rows: [
+              { label: '备货资金', value: '¥132万', detail: 'D 面提前备货', tone: 'warning' },
+              { label: '加急物流增量', value: '¥2.4万', detail: '第二批加急整车', tone: 'warning' },
+              { label: '库存占用天数', value: '15-30天', detail: '资金占用需要控制', tone: 'neutral' },
+              { label: '预计毛利影响', value: '-0.4pp', detail: '需报价补偿', tone: 'warning' },
+              { label: '资金风险等级', value: '中', detail: '可讨论区间', tone: 'warning' },
+            ],
+          },
+          {
+            id: 'finance-stock',
+            title: '采购提前备货评估',
+            subtitle: '未中标可消耗性是财务判断关键',
+            rows: [
+              { label: 'D面外壳 NB14-D', value: '2200件', detail: '单价 ¥600 · 备货金额 ¥132万 · 可消耗性高', tone: 'warning' },
+            ],
+          },
+          {
+            id: 'finance-logistics',
+            title: '加急物流成本评估',
+            subtitle: '是否纳入报价或客户确认',
+            rows: [
+              { label: '第二批加急整车', value: '¥2.4万', detail: '常规 ¥6.2万 / 加急 ¥8.6万 · 建议纳入报价', tone: 'warning' },
+            ],
+          },
+        ],
+        riskRows: [
+          { label: '提前备货金额', value: '¥132万', detail: 'D 面外壳属于常用物料，需控制金额并完成审批', owner: '财务经理', tone: 'warning' },
+          { label: '加急物流成本', value: '¥2.4万', detail: '建议销售确认是否可转嫁或覆盖在最终报价中', owner: '销售 / 财务', tone: 'warning' },
+          { label: '标案金额', value: '待定', detail: '毛利测算需销售报价补充', owner: '销售经理', tone: 'warning' },
+        ],
+        conclusions: [
+          { label: '财务侧结论：提前备货', value: '需控制金额', detail: 'D 面外壳属于常用物料，即使未中标也易消耗，可接受提前备货，但需控制金额并完成审批。', tone: 'warning' },
+          { label: '财务侧结论：加急物流', value: '需销售确认', detail: '第二批加急整车产生额外物流成本，建议销售确认是否可转嫁或在最终报价中覆盖。', tone: 'warning' },
+        ],
+      },
+    };
+
+    const profile = profiles[referenceBidRoleKey(data)];
+    return {
+      ...profile,
+      riskRows: [...profile.riskRows, ...commonRiskRows].slice(0, 5),
+      sections: profile.sections.slice(0, 3),
+      infoItems: profile.infoItems.length > 0 ? profile.infoItems : commonInfo,
+      conclusions: profile.conclusions.length > 0 ? profile.conclusions : commonBoundary,
+    };
+  }
+
+  /**
+   * Returns hero copy and color for the source-like bid workbench header.
+   * @param block - Rendered customCanvas container.
+   * @param data - Custom canvas renderer data.
+   * @returns Header fields for the dense role page.
+   */
+  function referenceBidHero(block: WorkbenchBlock, data: CustomCanvasData): Record<string, string> {
+    const profile = referenceBidProfile(data);
+    return {
+      title: textValue(block.title, profile.title),
+      subtitle: textValue(block.subtitle, profile.subtitle),
+      icon: profile.icon,
+      accent: profile.accent,
+      route: profile.route,
+      scope: profile.scope,
+      refresh: '09:30',
+    };
+  }
+
+  /**
+   * Returns quick actions for the role-specific bid workbench.
+   * @param data - Custom canvas renderer data.
+   * @returns Source-like quick action labels.
+   */
+  function referenceBidQuickActions(data: CustomCanvasData): string[] {
+    return referenceBidProfile(data).quickActions;
+  }
+
+  /**
+   * Returns top metric tiles for bid-collaboration panels.
+   * @param data - Custom canvas renderer data.
+   * @returns KPI-like nested cards in source order.
+   */
+  function referenceBidKpiItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    return referenceBidProfile(data).kpis;
+  }
+
+  /**
+   * Returns target-info fields for bid-collaboration panels.
+   * @param data - Custom canvas renderer data.
+   * @returns Compact label/value fields.
+   */
+  function referenceBidInfoItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    return referenceBidProfile(data).infoItems;
+  }
+
+  /**
+   * Returns table-like sections for bid-collaboration panels.
+   * @param data - Custom canvas renderer data.
+   * @returns Table blocks with normalized row arrays.
+   */
+  function referenceBidTableBlocks(data: CustomCanvasData): Array<{ block: CustomCanvasNestedBlock; rows: Array<Record<string, unknown>> }> {
+    return referenceBidProfile(data).sections.map((section) => ({
+      block: referenceBidSectionBlock(section.id, section.title),
+      rows: section.rows,
+    }));
+  }
+
+  /**
+   * Returns the dense risk and confirmation rows for the bid workbench.
+   * @param data - Custom canvas renderer data.
+   * @returns Risk rows with owner and action detail.
+   */
+  function referenceBidRiskRows(data: CustomCanvasData): Array<Record<string, unknown>> {
+    return referenceBidProfile(data).riskRows;
+  }
+
+  /**
+   * Returns conclusion and advice rows for bid-collaboration panels.
+   * @param data - Custom canvas renderer data.
+   * @returns Decision/advice rows from nested list or placeholder cards.
+   */
+  function referenceBidConclusionItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    return referenceBidProfile(data).conclusions;
+  }
+
+  /**
+   * Returns honest data-boundary badges for screenshot-only bid previews.
+   * @param _data - Custom canvas renderer data.
+   * @returns Visible status rows explaining the preview/query boundary.
+   */
+  function referenceBidDataBoundaryItems(_data: CustomCanvasData): Array<Record<string, unknown>> {
+    return [
+      { label: '绑定状态', value: '待补口径', tone: 'warning' },
+      { label: '真实问数', value: '未执行', tone: 'warning' },
+      { label: 'setData', value: '未写入', tone: 'neutral' },
+      { label: '预览来源', value: '截图语义', tone: 'info' },
+    ];
+  }
+
+  /**
+   * Hides renderer sentinels from bid metric tiles while keeping visible retry state elsewhere.
+   * @param item - Metric or row item.
+   * @param fallback - Value shown when the item only contains internal sentinel text.
+   * @returns User-facing metric value.
+   */
+  function referenceBidSanitizedMetricValue(item: Record<string, unknown>, fallback = '待问数'): string {
+    const candidate = nestedBlockItemValue(item) || nestedBlockDisplayValue(item.value ?? item.amount ?? item.status, '');
+    if (!candidate || candidate === '--') return fallback;
+    if (/incidentList|structured_image|structured_.*fallback|business_input_required|image_timeout|fallback_business/i.test(candidate)) {
+      return fallback;
+    }
+    return candidate;
+  }
+
+  /**
+   * Filters model notice rows that are usable as timeline/notification entries.
+   * @param items - Candidate rows from image OCR/model output.
+   * @returns Rows with time, scheduling, or review status semantics.
+   */
+  function referenceUsableNoticeItems(items: Array<Record<string, unknown>>): Array<Record<string, unknown>> {
+    return items.filter((item) => {
+      const text = [nestedBlockItemLabel(item, 0), nestedBlockItemValue(item), nestedBlockItemDetail(item)].filter(Boolean).join(' ');
+      return /(今晚|周[一二三四五六日]|明天|今日|\d{1,2}[:：]\d{2}|需审批|已排期|割接|巡检)/.test(text);
+    });
+  }
+  
+  /**
+   * Returns notice rows for the reference-style project panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Recent notice rows.
+   */
+  function referenceNoticeItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /近期动态|动态|通知/);
+    if (block) {
+      const usableItems = referenceUsableNoticeItems(nestedBlockItems(block));
+      if (usableItems.length > 0) return usableItems.slice(0, 2);
+    }
+    return [
+      { label: '今晚 23:30 订单中台灰度割接', value: '需审批', tone: 'warning' },
+      { label: '周五机房巡检与备份巡检', value: '已排期', tone: 'neutral' },
+    ];
+  }
+  
+  /**
+   * Returns axis rows for the chairman health-radar reference panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Five radar axis items with stable fallback scores.
+   */
+  function referenceHealthRadarAxisItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /五大维度|雷达|健康/);
+    const rawItems = block ? nestedBlockRawItems(block) : [];
+    if (rawItems.length >= 5 && !nestedBlockItemsLookTooWeak(rawItems)) return rawItems.slice(0, 5);
+    return [
+      { label: '经营盈利', value: '62', tone: 'warning' },
+      { label: '财务资金', value: '58', tone: 'critical' },
+      { label: '供应链', value: '69', tone: 'warning' },
+      { label: '组织人力', value: '71', tone: 'warning' },
+      { label: '合规安全', value: '76', tone: 'healthy' },
+    ];
+  }
+  
+  /**
+   * Returns risk note rows for the chairman health-radar panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Risk notes from nested list cards or screenshot fallback rows.
+   */
+  function referenceHealthRadarRiskItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const nestedBlocks = Array.isArray(data.nestedBlocks) ? data.nestedBlocks : [];
+    const matches = nestedBlocks
+      .filter((block) => /盈利结构|资金安全|风险[:：]/.test(block.title))
+      .flatMap((block) => {
+        const items = nestedBlockItems(block);
+        return items.length > 1 ? items : [{ label: block.title, detail: nestedBlockDataSummary(block), tone: /资金/.test(block.title) ? 'warning' : 'critical' }];
+      });
+    if (matches.length > 0) return matches.slice(0, 2);
+    return [
+      { label: '风险：盈利结构恶化', detail: '低毛利业务占比提升，亏损单元拖累利润底线。', value: '收缩亏损主体', tone: 'critical' },
+      { label: '风险：资金安全边际下降', detail: '逾期应收叠加现金消耗，需锁定重点客户回款。', value: '专项回款督办', tone: 'warning' },
+    ];
+  }
+  
+  /**
+   * Builds polygon points for the compact health radar chart.
+   * @param data - Custom canvas renderer data.
+   * @returns SVG polygon points scaled from five health values.
+   */
+  function referenceHealthRadarPoints(data: CustomCanvasData): string {
+    const axis = referenceHealthRadarAxisItems(data);
+    const center = { x: 72, y: 70 };
+    const maxRadius = 54;
+    const angles = [-90, -18, 54, 126, 198].map((angle) => (angle * Math.PI) / 180);
+    return angles
+      .map((angle, index) => {
+        const value = nestedBlockNumber(nestedBlockItemValue(axis[index]) || axis[index]?.value, 68);
+        const radius = maxRadius * Math.max(0.18, Math.min(1, value / 100));
+        return `${Math.round((center.x + Math.cos(angle) * radius) * 10) / 10},${Math.round((center.y + Math.sin(angle) * radius) * 10) / 10}`;
+      })
+      .join(' ');
+  }
+  
+  /**
+   * Returns rows for the chairman target-deviation combo panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Region bars with target and actual percentages.
+   */
+  function referenceDeviationBars(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /目标完成|偏差|目标/);
+    const rawItems = block ? nestedBlockRawItems(block) : [];
+    if (rawItems.length >= 4 && !nestedBlockItemsLookTooWeak(rawItems)) return rawItems.slice(0, 6);
+    return [
+      { label: '总部', value: '96%', progress: 96, tone: 'healthy' },
+      { label: '华北', value: '93%', progress: 93, tone: 'healthy' },
+      { label: '华东', value: '64%', progress: 64, tone: 'critical' },
+      { label: '西南', value: '82%', progress: 82, tone: 'warning' },
+      { label: '制造', value: '58%', progress: 58, tone: 'critical' },
+      { label: '投资', value: '61%', progress: 61, tone: 'critical' },
+    ];
+  }
+  
+  /**
+   * Returns deviation conclusion rows.
+   * @param data - Custom canvas renderer data.
+   * @returns Main conclusion row for the deviation panel.
+   */
+  function referenceDeviationRiskItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /利润底线|底线失守|亏损源/);
+    if (block && !nestedBlockItemsLookTooWeakForVisualKind(nestedBlockRawItems(block), 'simpleList')) return nestedBlockItems(block).slice(0, 2);
+    return [
+      { label: '利润底线失守', detail: '华东、制造、投资连续两期未达底线。', value: '专项复盘', tone: 'critical' },
+    ];
+  }
+  
+  /**
+   * Returns metrics for the finance-risk panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Finance risk metric cards.
+   */
+  function referenceFinanceRiskMetricItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    return [
+      referenceMetricItem(data, '逾期应收风险敞口', /逾期应收|风险敞口/, '1.82 亿', 'critical'),
+      referenceMetricItem(data, '经营现金流净额', /经营现金流|现金流净额/, '-3,680 万', 'critical'),
+    ];
+  }
+  
+  /**
+   * Returns warning rows for finance-risk panels.
+   * @param data - Custom canvas renderer data.
+   * @returns Warning summary rows.
+   */
+  function referenceFinanceWarningItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /坏账|预警|隐患/);
+    if (block && !nestedBlockItemsLookTooWeakForVisualKind(nestedBlockRawItems(block), 'simpleList')) return nestedBlockItems(block).slice(0, 2);
+    return [
+      { label: '预警：坏账隐患上升', detail: '建议收紧授信，重点客户专项回款督办。', value: '红线', tone: 'critical' },
+    ];
+  }
+  
+  /**
+   * Returns three bottom summary tiles for the finance-risk panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Metric and warning rows for the lower finance grid.
+   */
+  function referenceFinanceRiskBottomItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    return [
+      ...referenceFinanceRiskMetricItems(data),
+      ...referenceFinanceWarningItems(data),
+    ].slice(0, 3);
+  }
+  
+  /**
+   * Restores source-image finance units when query data only returns bare numeric values.
+   * @param item - Finance metric or warning item.
+   * @param index - Item index for title fallback.
+   * @returns Display value with the unit expected by the reference finance card.
+   */
+  function referenceFinanceRiskMetricDisplayValue(item: Record<string, unknown>, index: number): string {
+    const value = nestedBlockItemValue(item) || nestedBlockItemLabel(item, index);
+    const label = nestedBlockItemLabel(item, index);
+    if (!value || /[亿万%红线预警]/.test(value)) return value;
+    if (label.includes('逾期应收') || label.includes('风险敞口')) return `${value} 亿`;
+    if (label.includes('现金流') || label.includes('净额')) return `${value} 万`;
+    return value;
+  }
+
+  /**
+   * Returns organization and staffing KPI rows for the HR reference panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Compact HR staffing metrics derived from nested screenshot cards.
+   */
+  function referenceHrOrganizationMetrics(data: CustomCanvasData): Array<Record<string, unknown>> {
+    return [
+      referenceMetricItem(data, '平均司龄', /平均司龄|司龄/, '4.6 年', 'info'),
+      referenceMetricItem(data, '编制使用率', /编制使用|编制达成|达成率/, '92%', 'healthy'),
+      referenceMetricItem(data, '本月关键异动', /关键异动|异动趋势|流动/, '18 人', 'warning'),
+    ];
+  }
+
+  /**
+   * Returns department staffing rows for the HR organization panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Department staffing rows with source rows preferred over fallback rows.
+   */
+  function referenceHrOrganizationRows(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /部门编制|编制达成|人员结构|编制使用/);
+    if (block) {
+      const rawItems = nestedBlockRawItems(block);
+      if (rawItems.length > 0 && !nestedBlockItemsLookTooWeakForVisualKind(rawItems, 'simpleList')) return nestedBlockItems(block).slice(0, 4);
+    }
+    return [
+      { label: '研发中心', value: '96%', detail: '核心岗位补齐', tone: 'healthy' },
+      { label: '交付中心', value: '88%', detail: '区域交付缺口', tone: 'warning' },
+      { label: '营销中心', value: '91%', detail: '关键岗位稳定', tone: 'healthy' },
+      { label: '职能平台', value: '84%', detail: '共享岗位待补', tone: 'warning' },
+    ];
+  }
+
+  /**
+   * Returns compact attendance and compliance rows for the HR risk panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Risk rows in the source screenshot order.
+   */
+  function referenceHrRiskRows(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const riskBlock = referenceNestedBlock(data, /人力风险|用工风险|合规|考勤|劳动纠纷/);
+    const strongRows = riskBlock && !nestedBlockItemsLookTooWeakForVisualKind(nestedBlockRawItems(riskBlock), 'simpleList')
+      ? nestedBlockItems(riskBlock).slice(0, 4)
+      : [];
+    if (strongRows.length >= 3) return strongRows;
+    return [
+      referenceMetricItem(data, '长期迟到', /长期迟到|迟到/, '12 人', 'warning'),
+      referenceMetricItem(data, '旷工异常', /旷工|缺勤/, '4 人', 'critical'),
+      referenceMetricItem(data, '请假超标', /请假|超标/, '21 人', 'warning'),
+      { label: '劳动纠纷待处理', value: '3 件', detail: '需 HRBP 跟进', tone: 'critical' },
+    ];
+  }
+
+  /**
+   * Returns people-cost tiles for the HR cost panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Cost and efficiency metrics.
+   */
+  function referenceHrPeopleCostItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    return [
+      referenceMetricItem(data, '人力总成本', /人力总成本|薪酬成本/, '1.28 亿', 'warning'),
+      referenceMetricItem(data, '薪酬结构占比', /薪酬结构|结构/, '68%', 'info'),
+      referenceMetricItem(data, '成本趋势', /成本趋势|趋势/, '+6.8%', 'warning'),
+      referenceMetricItem(data, '人效排行', /人效排行|人均产值|人效/, 'Top 5', 'healthy'),
+    ];
+  }
+
+  /**
+   * Returns trend bars for the HR compensation cost panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Trend rows with progress values for compact bars.
+   */
+  function referenceHrCostTrendItems(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const block = referenceNestedBlock(data, /成本趋势|薪酬成本|薪酬结构/);
+    const rows = block ? nestedBlockBarItems(block) : [];
+    if (rows.length > 0) return rows.slice(0, 5);
+    return [
+      { label: '1月', value: '82%', progress: 52, tone: 'neutral' },
+      { label: '2月', value: '86%', progress: 58, tone: 'info' },
+      { label: '3月', value: '91%', progress: 66, tone: 'warning' },
+      { label: '4月', value: '95%', progress: 74, tone: 'warning' },
+      { label: '5月', value: '98%', progress: 82, tone: 'critical' },
+    ];
+  }
+
+  /**
+   * Returns talent-pipeline KPI rows for the HR talent panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Talent development metric tiles.
+   */
+  function referenceHrTalentMetrics(data: CustomCanvasData): Array<Record<string, unknown>> {
+    return [
+      referenceMetricItem(data, '储备干部', /储备干部|储备/, '42 人', 'healthy'),
+      referenceMetricItem(data, '继任计划', /继任计划|继任/, '76%', 'info'),
+      referenceMetricItem(data, '培训完成', /培训完成|培训/, '88%', 'healthy'),
+    ];
+  }
+
+  /**
+   * Returns HR todo and people-efficiency rows for the talent panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Compact todo rows from nested cards or HR fallback rows.
+   */
+  function referenceHrTalentTodoRows(data: CustomCanvasData): Array<Record<string, unknown>> {
+    const todoBlock = referenceNestedBlock(data, /重大人事待办|人事待办|待办中心|待办/);
+    if (todoBlock && !nestedBlockItemsLookTooWeakForVisualKind(nestedBlockRawItems(todoBlock), 'simpleList')) {
+      return nestedBlockItems(todoBlock).slice(0, 4);
+    }
+    const rankingBlock = referenceNestedBlock(data, /人效排行|排行|排名/);
+    if (rankingBlock && !nestedBlockItemsLookTooWeakForVisualKind(nestedBlockRawItems(rankingBlock), 'simpleList')) {
+      return nestedBlockItems(rankingBlock).slice(0, 4);
+    }
+    return [
+      { label: '关键岗位入职确认', value: '5 项', detail: '本周完成', tone: 'warning' },
+      { label: '干部继任评审', value: '3 项', detail: '待业务负责人确认', tone: 'warning' },
+      { label: '转正与调薪审批', value: '11 项', detail: '集中处理', tone: 'neutral' },
+      { label: '低人效团队复盘', value: '2 个', detail: '需专项辅导', tone: 'critical' },
+    ];
+  }
+  
+  /**
+   * Returns rows for the expense-overrun panel.
+   * @param data - Custom canvas renderer data.
+   * @returns Expense ranking rows.
+   */
+  const {
+    referenceExpenseRiskRows,
+    referenceExpenseSummaryItems,
+    referenceDeviationInsightItems,
+    referenceOrganizationRiskMetrics,
+    referenceOrganizationDonutStyle,
+    referenceInvestmentRiskRows,
+    referenceInvestmentSummaryItems,
+    referenceExecutiveTodoItems,
+    referenceExecutiveTodoNormalizeRow,
+    referenceExecutiveTodoPadRows,
+    referenceExecutiveTodoBlockLooksUsable,
+    referenceExecutiveTodoBadge,
+    referenceExecutiveTodoBadgeClasses,
+    referenceExecutiveTodoImpact,
+    referenceExecutiveTodoDeadline,
+    referenceExecutiveTodoProgress,
+    referenceShortcutDrillItems,
+    referenceQuickWorkbenchGroups,
+    referenceQuickWorkbenchGroupItems,
+    referenceCustomCanvasElementRows,
+    referenceQuickWorkbenchUrgentBadge,
+    referenceStrategyKpiMetrics,
+    referenceOperationEfficiencyGroups,
+    referenceOperationEfficiencyPanelStyle,
+    referenceOperationHealthProgressItems,
+    referenceOperationHealthTrendItems,
+    referenceOperationHealthStructureBlock,
+    referenceOperationHealthStructureItems,
+    referenceOperationEfficiencyGroupItems,
+    referenceStrategyKpiMetricItem,
+    referenceStrategyKpiTrendPath,
+    referenceStrategyKpiRiskItems,
+    referenceStrategyKpiRiskSummaryLabel,
+    referenceStrategyKpiRiskItemsGridStyle,
+  } = createReferenceRiskAndStrategyBindings({
+    textValue,
+    numberValue,
+    isRecord,
+    referenceNestedBlock,
+    referenceNestedMetricItem,
+    nestedBlockItemLabel,
+    nestedBlockItemValue,
+    nestedBlockItemDetail,
+    nestedBlockItemTitle,
+    nestedBlockRawItems,
+    nestedBlockItems,
+    nestedBlockItemsLookTooWeak,
+    nestedBlockItemsLookTooWeakForVisualKind,
+    nestedBlockOptionalNumber,
+    nestedBlockDisplayValue,
+    nestedBlockMetricValue,
+    nestedBlockDataSummary,
+    nestedBlockToneFromStatus,
+    nestedBlockDonutItems,
+    nestedBlockNeedsHumanIntervention,
+    nestedBlockNumber,
+    referenceMetricItem,
+    customCanvasTextElementValue,
+    nestedBlockClassifierText,
+  });
+
+
+  return {
+    customCanvasUsesReferenceCompositePreview,
+    customCanvasReferenceCompositeKind,
+    referenceCompositeSearchText,
+    referenceCompositeKindAllowedForBlock,
+    referenceCompositeKindRequiresItContext,
+    referenceCompositeKindRequiresChairmanRiskContext,
+    referenceCompositeKindRequiresHrContext,
+    referenceCompositeLooksLikeItContext,
+    referenceCompositeTextHasItContext,
+    referenceCompositeLooksLikeChairmanRiskContext,
+    referenceCompositeLooksLikeChairmanRiskDirectContext,
+    referenceCompositeTextHasChairmanRiskContext,
+    referenceCompositeLooksLikeHrContext,
+    customCanvasTextHasBusinessMetricMatrixContext,
+    customCanvasTextLooksLikeHrOrOrgRiskContext,
+    referenceCompositeHeaderChip,
+    customCanvasLooksLikeBusinessMetricMatrix,
+    customCanvasLooksLikePageHeader,
+    customCanvasPageHeaderBlock,
+    customCanvasEmptyPageHeaderPlaceholder,
+    customCanvasEmptyImagePlaceholder,
+    customCanvasAlertLeafContainer,
+    customCanvasAlertLeafItems,
+    customCanvasAlertLeafFilledItems,
+    customCanvasAlertLeafFallbackItems,
+    customCanvasHeaderTitle,
+    customCanvasHeaderSubtitle,
+    customCanvasHeaderLogo,
+    customCanvasHeaderLogoStyle,
+    customCanvasPageHeaderDark,
+    customCanvasPageHeaderStyle,
+    customCanvasPageHeaderTextClass,
+    customCanvasTextElementValue,
+    customCanvasHeaderRepeatingElement,
+    customCanvasHeaderPills,
+    customCanvasHeaderPillsWithFallback,
+    referenceCompositeKindFromContainerTitle,
+    referenceCompositeDiagnosticStyle,
+    referenceCompositeDiagnosticIndex,
+    referenceProjectDiagnosticIndex,
+    referenceNestedBlock,
+    referenceMetricItem,
+    referenceNestedMetricItem,
+    referenceRiskMetricValue,
+    referenceRiskKpiValue,
+    referenceRiskKpiItems,
+    referenceRiskMovementItems,
+    referenceRiskMovementElementItems,
+    referenceOpsServiceItems,
+    referenceOpsResourceItems,
+    referenceOpsIncidentItems,
+    referenceOpsItemsFromBlock,
+    referenceOpsTrendItems,
+    referenceSecurityScoreBlock,
+    referenceSecurityRiskItems,
+    referenceSecurityAuditItems,
+    referenceSecurityAccountItems,
+    referenceSecurityComplianceItems,
+    referenceAssetLedgerItems,
+    referenceAssetExceptionItems,
+    referenceCostItems,
+    referenceCostDonutItems,
+    referenceCostDonutStyle,
+    referenceProjectProgressItems,
+    referenceTodoItems,
+    referenceEfficiencyItems,
+    referenceUsableQuickLinkItems,
+    referenceQuickLinkItems,
+    referenceBusinessMetricItems,
+    referenceBusinessChartItems,
+    referenceBusinessListItems,
+    referenceBidHero,
+    referenceBidQuickActions,
+    referenceBidKpiItems,
+    referenceBidInfoItems,
+    referenceBidTableBlocks,
+    referenceBidRiskRows,
+    referenceBidConclusionItems,
+    referenceBidDataBoundaryItems,
+    referenceBidSanitizedMetricValue,
+    referenceUsableNoticeItems,
+    referenceNoticeItems,
+    referenceHealthRadarAxisItems,
+    referenceHealthRadarRiskItems,
+    referenceHealthRadarPoints,
+    referenceDeviationBars,
+    referenceDeviationRiskItems,
+    referenceFinanceRiskMetricItems,
+    referenceFinanceWarningItems,
+    referenceFinanceRiskBottomItems,
+    referenceFinanceRiskMetricDisplayValue,
+    referenceHrOrganizationMetrics,
+    referenceHrOrganizationRows,
+    referenceHrRiskRows,
+    referenceHrPeopleCostItems,
+    referenceHrCostTrendItems,
+    referenceHrTalentMetrics,
+    referenceHrTalentTodoRows,
+    referenceExpenseRiskRows,
+    referenceExpenseSummaryItems,
+    referenceDeviationInsightItems,
+    referenceOrganizationRiskMetrics,
+    referenceOrganizationDonutStyle,
+    referenceInvestmentRiskRows,
+    referenceInvestmentSummaryItems,
+    referenceExecutiveTodoItems,
+    referenceExecutiveTodoNormalizeRow,
+    referenceExecutiveTodoPadRows,
+    referenceExecutiveTodoBlockLooksUsable,
+    referenceExecutiveTodoBadge,
+    referenceExecutiveTodoBadgeClasses,
+    referenceExecutiveTodoImpact,
+    referenceExecutiveTodoDeadline,
+    referenceExecutiveTodoProgress,
+    referenceShortcutDrillItems,
+    referenceQuickWorkbenchGroups,
+    referenceQuickWorkbenchGroupItems,
+    referenceCustomCanvasElementRows,
+    referenceQuickWorkbenchUrgentBadge,
+    referenceStrategyKpiMetrics,
+    referenceOperationEfficiencyGroups,
+    referenceOperationEfficiencyPanelStyle,
+    referenceOperationHealthProgressItems,
+    referenceOperationHealthTrendItems,
+    referenceOperationHealthStructureBlock,
+    referenceOperationHealthStructureItems,
+    referenceOperationEfficiencyGroupItems,
+    referenceStrategyKpiMetricItem,
+    referenceStrategyKpiTrendPath,
+    referenceStrategyKpiRiskItems,
+    referenceStrategyKpiRiskSummaryLabel,
+    referenceStrategyKpiRiskItemsGridStyle,
+  };
+}