agentworkshop 0.7.44 → 0.7.47

package/app/pages/dcw/[id].vue

@@ -1,2615 +1,297 @@
-<script setup lang="ts">
-import { computed, onUnmounted, reactive, ref } from 'vue'
-import { useRoute } from 'vue-router'
-import { DCW_DRIVERS, type DcwParamLedger, type DcwTemplateIcon, type LineQueryResult, type RecipeRunData, type RecipeView } from '#shared/dcw-protocol'
-import type { DaqDriverCatalogEntry, DriverConfigField } from '#shared/daq-protocol'
-import { useDcwStream } from '~/composables/workshop/useDcwStream'
-import { useDaqStream } from '~/composables/workshop/useDaqStream'
-import { useDeviceTwins } from '~/composables/workshop/useDeviceTwins'
-
-const { t } = useI18n()
-
-const route = useRoute()
-const dcw = useDcwStream()
-const daq = useDaqStream()
-const deviceTwins = useDeviceTwins()
-void daq.load()
-
-/** 路由产线 id;总览页「产线管理」进入 */
-const lineId = computed(() => String(route.params.id ?? ''))
-const line = computed(() => dcw.lines.find(l => l.id === lineId.value))
-const ls = computed(() => dcw.lineStateOf(lineId.value))
-
-void dcw.load()
-/** WS 喂帧:节点变更(dcw.node.changed)/写 ACK 实时收敛 —— 本页状态同步的通道 */
-const unsubDcw = dcw.ensureWsFeed()
-onUnmounted(() => unsubDcw())
-
-const nodeDeviceNames = (n: { deviceIds?: string[], deviceBindingId?: string | null }): string =>
-  (n.deviceIds ?? (n.deviceBindingId ? [n.deviceBindingId] : []))
-    .map(id => deviceName(id))
-    .join(' / ') || '—'
-const deviceName = (id: string | null): string =>
-  id ? (deviceTwins.twins.find(t => t.id === id)?.name ?? id) : t('dcwDetail.k3own4q121')
-
-const stateLabel = computed<Record<string, string>>(() => ({
-  idle: t('dcwDetail.k3zgkk122'), writing: t('dcwDetail.k3l3h80123'), ok: t('dcwDetail.stAck'), error: t('dcwDetail.k40reu124'), offline: t('dcwDetail.k44c2n125'),
-}))
-
-function dcwTemplateRefCh(templateRef?: string): string {
-  const ref = templateRef ?? ''
-  const tpl = dcw.templates.find(t => t.key === (ref.startsWith('dcw-') ? ref.slice(4) : ref))
-  return tpl?.ch ?? ref
-}
-
-/** 配方参数窗口提示:目标节点的全局工艺量程 */
-function nodeMin(nodeId: string): number | undefined {
-  return dcw.nodeById(nodeId)?.min
-}
-function nodeMax(nodeId: string): number | undefined {
-  return dcw.nodeById(nodeId)?.max
-}
-
-/** 本产线数采节点(配方监控窗口的可选目标) */
-const lineDaqNodes = computed(() => daq.nodes.filter(n => n.lineId === lineId.value))
-
-// ---------- 参数台账(调控闭环:三值对照 + 设定历史 + 优化记录) ----------
-const ledgerNodeId = ref('')
-const ledger = ref<DcwParamLedger | null>(null)
-const ledgerLoading = ref(false)
-async function loadLedger(): Promise<void> {
-  if (!ledgerNodeId.value) return
-  ledgerLoading.value = true
-  try {
-    ledger.value = await dcw.fetchLedger(ledgerNodeId.value)
-  }
-  finally {
-    ledgerLoading.value = false
-  }
-}
-/** 单步回退(经 write() 门控;回退后刷新台账) */
-async function rollbackLedgerNode(): Promise<void> {
-  if (!ledgerNodeId.value) return
-  await dcw.rollbackNode(ledgerNodeId.value)
-  await loadLedger()
-}
-
-/** 监控窗口 chip 显示:数采节点参数语义 */
-function daqNodeCh(nodeId: string): string {
-  return daq.nodeById(nodeId)?.name ?? nodeId
-}
-
-// ---------- 产线作用域数据(仅本产线 + 未分配收编) ----------
-/** 本产线节点(直写表) */
-const lineNodes = computed(() => dcw.nodes.filter(n => n.lineId === lineId.value))
-/** 本产线产品 */
-const lineProducts = computed(() => dcw.products.filter(p => p.lineId === lineId.value))
-/** 本产线配方 */
-const lineRecipesAll = computed(() => dcw.recipes.filter(r => r.lineId === lineId.value))
-/** 本产线批次 */
-const lineRuns = computed(() => dcw.runs.filter(r => r.lineId === lineId.value))
-/** 本产线写历史(按本产线节点过滤) */
-const lineHistory = computed(() => {
-  const ids = new Set(lineNodes.value.map(n => n.id))
-  return dcw.history.filter(h => ids.has(h.nodeId))
-})
-/** 未分配节点/产品(可收编进本产线) */
-const unassignedNodes = computed(() => dcw.nodes.filter(n => !n.lineId))
-const unassignedProducts = computed(() => dcw.products.filter(p => !p.lineId))
-
-async function adoptNode(id: string): Promise<void> {
-  await dcw.patchNode(id, { lineId: lineId.value })
-  const n = dcw.nodeById(id)
-  if (n) n.lineId = lineId.value
-}
-async function adoptProduct(id: string): Promise<void> {
-  await dcw.updateProduct(id, { lineId: lineId.value })
-  await dcw.load()
-}
-
-// ---------- 直写 ----------
-const setInputs = reactive<Record<string, number | ''>>({})
-const writingId = ref('')
-const writeError = ref('')
-const writeOk = ref('')
-
-async function doWrite(nodeId: string, value: number): Promise<void> {
-  writingId.value = nodeId
-  writeError.value = ''
-  writeOk.value = ''
-  try {
-    const outcome = await dcw.write(nodeId, value)
-    if (outcome.ok) {
-      writeOk.value = t('dcwDetail.k1alcbyu182', { p0: dcw.nodeById(nodeId)?.name ?? nodeId, p1: outcome.message })
-      setInputs[nodeId] = ''
-    }
-    else {
-      writeError.value = t('dcwDetail.kl1e9x9183', { p0: dcw.nodeById(nodeId)?.name ?? nodeId, p1: outcome.message })
-    }
-  }
-  catch (err) {
-    writeError.value = apiErrorMessage(err)
-  }
-  finally {
-    writingId.value = ''
-  }
-}
-
-// ---------- 读取(读写集成的读半边:手动读 PLC 当前值,周期读由服务端调度) ----------
-const readingId = ref('')
-
-async function doRead(nodeId: string): Promise<void> {
-  readingId.value = nodeId
-  writeError.value = ''
-  try {
-    await dcw.readNode(nodeId)
-  }
-  catch (err) {
-    writeError.value = apiErrorMessage(err)
-  }
-  finally {
-    readingId.value = ''
-  }
-}
-
-// ---------- 逐节点 控制开启/暂停 ----------
-const togglingId = ref('')
-/** 开启/暂停单个节点的控制:暂停后服务端拒绝一切下发(409 当前节点暂停),本地即时收敛状态 */
-async function toggleControl(nodeId: string, enabled: boolean): Promise<void> {
-  togglingId.value = nodeId
-  writeError.value = ''
-  try {
-    await dcw.patchNode(nodeId, { enabled })
-    const n = dcw.nodeById(nodeId)
-    if (n) {
-      n.enabled = enabled
-      if (!enabled) n.state = 'offline'
-      else if (n.state === 'offline') n.state = 'idle'
-    }
-  }
-  catch (err) {
-    writeError.value = apiErrorMessage(err)
-  }
-  finally {
-    togglingId.value = ''
-  }
-}
-
-// ---------- 添加控制节点向导 ----------
-const addOpen = ref(false)
-const addScenario = ref<'mock' | 'real'>('mock')
-const addTemplate = ref(dcw.templates[0]?.key ?? '')
-const addDriver = ref<'mock' | 'modbus-tcp' | 'opcua'>('mock')
-const addName = ref('')
-const addHold = ref<number | null>(null)
-const addRead = ref<number | null>(null)
-const addCfg = ref<Record<string, string | number>>({})
-const addTransform = reactive({ kind: 'none' as 'none' | 'linear', scale: 1, offset: 0 })
-const addSemantics = ref('')
-const addTesting = ref(false)
-const addTest = ref<{ ok: boolean, message: string } | null>(null)
-const addSaving = ref(false)
-const addError = ref('')
-
-// 写驱动目录:server 权威(内置 + 协议插件自描述;REST 未返回时回落静态目录)
-const driverCatalog = computed<DaqDriverCatalogEntry[]>(() => dcw.driverCatalog.length
-  ? dcw.driverCatalog
-  : DCW_DRIVERS.map(d => ({ ...d })))
-const addDriverMeta = computed(() => driverCatalog.value.find(d => d.kind === addDriver.value))
-const addFields = computed<DriverConfigField[]>(() => addDriverMeta.value?.configFields ?? [])
-
-function resetAddCfg(): void {
-  const cfg: Record<string, string | number> = {}
-  for (const f of addFields.value) {
-    if (f.default !== undefined) cfg[f.key] = f.default
-  }
-  addCfg.value = cfg
-  addTest.value = null
-}
-void resetAddCfg()
-
-async function doTestConnection(): Promise<void> {
-  addTesting.value = true
-  addTest.value = null
-  try {
-    addTest.value = await dcw.testDriver(addDriver.value, addCfg.value)
-  }
-  catch (err) {
-    addTest.value = { ok: false, message: apiErrorMessage(err) }
-  }
-  finally {
-    addTesting.value = false
-  }
-}
-
-async function doAddNode(): Promise<void> {
-  addSaving.value = true
-  addError.value = ''
-  try {
-    for (const f of addFields.value) {
-      if (f.required && (addCfg.value[f.key] === undefined || addCfg.value[f.key] === '')) {
-        throw new Error(t('dcwDetail.k8x1un1184', { p0: f.label }))
-      }
-    }
-    const transform = addTransform.kind === 'linear'
-      ? { kind: 'linear' as const, scale: Number(addTransform.scale), offset: Number(addTransform.offset) }
-      : undefined
-    await dcw.createFromTemplate(`dcw-${addTemplate.value}`, {
-      name: addName.value.trim() || undefined,
-      driver: addDriver.value,
-      driverConfig: { ...addCfg.value },
-      transform,
-      holdIntervalMs: addHold.value,
-      readIntervalMs: addRead.value,
-      lineId: lineId.value,
-      semantics: addSemantics.value.trim() || undefined,
-    })
-    addOpen.value = false
-    addName.value = ''
-    addSemantics.value = ''
-  }
-  catch (err) {
-    addError.value = apiErrorMessage(err)
-  }
-  finally {
-    addSaving.value = false
-  }
-}
-
-// ---------- 添加控制节点模板(自定义创建) ----------
-const tplOpen = ref(false)
-const tplSaving = ref(false)
-const tplError = ref('')
-const tplOk = ref('')
-
-function openTplModal(): void {
-  tplOpen.value = true
-  tplError.value = ''
-  tplOk.value = ''
-}
-
-const tplForm = reactive({
-  name: '', ch: '', code: '', unit: '', min: '' as number | '', max: '' as number | '',
-  decimals: 1, icon: 'gateway' as DcwTemplateIcon, semantics: '',
-})
-const tplIcons: Array<{ key: DcwTemplateIcon, label: string }> = [
-  { key: 'thermo', label: t('dcwDetail.k422b8126') },
-  { key: 'pressure', label: t('dcwDetail.k3x6ff127') },
-  { key: 'tension', label: t('dcwDetail.k3z9xc128') },
-  { key: 'encoder', label: t('dcwDetail.kjb3vhs129') },
-  { key: 'camera', label: t('dcwDetail.k47atw130') },
-  { key: 'gateway', label: t('dcwDetail.k48c07131') },
-]
-
-async function doCreateTemplate(): Promise<void> {
-  tplSaving.value = true
-  tplError.value = ''
-  tplOk.value = ''
-  try {
-    if (!tplForm.name.trim()) throw new Error(t('dcwDetail.k6ugbw2132'))
-    if (tplForm.unit.trim() === '') throw new Error(t('dcwDetail.kx3pg59133'))
-    if (tplForm.min === '' || tplForm.max === '') throw new Error(t('dcwDetail.k13awowo134'))
-    const tpl = await dcw.createTemplate({
-      name: tplForm.name.trim(),
-      ch: tplForm.ch.trim() || tplForm.name.trim(),
-      code: tplForm.code.trim() || 'CUSTOM',
-      unit: tplForm.unit.trim(),
-      min: Number(tplForm.min),
-      max: Number(tplForm.max),
-      decimals: Number(tplForm.decimals) || 0,
-      icon: tplForm.icon,
-      semantics: tplForm.semantics.trim() || undefined,
-    })
-    // 新模板即刻可选:添加控制节点向导自动选中它,下拉随 store 响应式更新
-    addTemplate.value = tpl.key
-    tplOk.value = t('dcwDetail.ky4e1tr185', { p0: catalogTplName(t, tpl) })
-    tplForm.name = ''
-    tplForm.ch = ''
-    tplForm.code = ''
-    tplForm.unit = ''
-    tplForm.min = ''
-    tplForm.max = ''
-    tplForm.semantics = ''
-  }
-  catch (err) {
-    tplError.value = apiErrorMessage(err)
-  }
-  finally {
-    tplSaving.value = false
-  }
-}
-
-// ---------- 产线开跑/停止(逐产线) ----------
-const lineProductId = ref('')
-const lineRecipeId = ref('')
-const lineBusy = ref(false)
-const lineMsg = ref('')
-const lineErr = ref('')
-
-const lineRecipes = computed(() => lineRecipesAll.value.filter(r => r.productId === lineProductId.value))
-
-async function doLineStart(): Promise<void> {
-  lineBusy.value = true
-  lineMsg.value = ''
-  lineErr.value = ''
-  try {
-    if (!lineRecipeId.value) {
-      throw new Error(t('dcwDetail.k1b6qe0r135'))
-    }
-    await dcw.startLine(lineId.value, lineRecipeId.value)
-    lineMsg.value = t('dcwDetail.k17jteb9186', { p0: ls.value.productName, p1: ls.value.recipeName, p2: ls.value.runId })
-  }
-  catch (err) {
-    lineErr.value = apiErrorMessage(err)
-  }
-  finally {
-    lineBusy.value = false
-  }
-}
-
-async function doLineStop(): Promise<void> {
-  lineBusy.value = true
-  lineMsg.value = ''
-  lineErr.value = ''
-  try {
-    const was = `${ls.value.productName ?? ''} · ${ls.value.recipeName ?? ''}`
-    await dcw.stopLine(lineId.value)
-    lineMsg.value = t('dcwDetail.kzl49pd187', { p0: was })
-  }
-  catch (err) {
-    lineErr.value = apiErrorMessage(err)
-  }
-  finally {
-    lineBusy.value = false
-  }
-}
-
-// ---------- 产品管理 ----------
-const productOpen = ref(false)
-const productSaving = ref(false)
-const productError = ref('')
-const productForm = reactive({ name: '', description: '' })
-const filterProductId = ref('')
-
-async function doCreateProduct(): Promise<void> {
-  productSaving.value = true
-  productError.value = ''
-  try {
-    const p = await dcw.createProduct({ name: productForm.name.trim(), description: productForm.description.trim(), lineId: lineId.value })
-    lineProductId.value = p.id
-    filterProductId.value = p.id
-    productOpen.value = false
-    productForm.name = ''
-    productForm.description = ''
-  }
-  catch (err) {
-    productError.value = apiErrorMessage(err)
-  }
-  finally {
-    productSaving.value = false
-  }
-}
-
-const visibleRecipes = computed(() =>
-  filterProductId.value
-    ? lineRecipesAll.value.filter(r => r.productId === filterProductId.value)
-    : lineRecipesAll.value,
-)
-const productName = (id: string): string => dcw.products.find(p => p.id === id)?.name ?? id
-
-// ---------- 配方参数节点失效态(已删除/已停用/已取消绑定;灰化 + 徽标) ----------
-interface StaleRef { code: 'deleted' | 'disabled' | 'unbound', label: string }
-function paramStatus(nodeId: string, lineId: string): StaleRef | null {
-  const node = dcw.nodes.find(n => n.id === nodeId)
-  if (!node) return { code: 'deleted', label: t('dcwDetail.staleDeleted') }
-  if (!node.enabled) return { code: 'disabled', label: t('dcwDetail.staleDisabled') }
-  if (lineId && node.lineId !== lineId) return { code: 'unbound', label: t('dcwDetail.staleUnbound') }
-  return null
-}
-function paramNodeName(nodeId: string): string {
-  return dcw.nodes.find(n => n.id === nodeId)?.name ?? nodeId
-}
-function daqWindowStatus(nodeId: string, lineId: string): StaleRef | null {
-  const node = daq.nodes.find(n => n.id === nodeId)
-  if (!node) return { code: 'deleted', label: t('dcwDetail.staleDeleted') }
-  if (!node.enabled) return { code: 'disabled', label: t('dcwDetail.staleDisabled') }
-  if (lineId && node.lineId !== lineId) return { code: 'unbound', label: t('dcwDetail.staleUnbound') }
-  return null
-}
-
-// ---------- 配方版本历史(整体修改变更记录;来源=用户/Agent/系统 + 操作者 + 回退) ----------
-interface RecipeVersionRow {
-  version: number
-  at: string
-  by?: string
-  actorName?: string
-  description?: string
-  params: Array<{ nodeId: string, value: number, min?: number, max?: number }>
-  current?: boolean
-}
-const verOpen = ref(false)
-const verRecipe = ref<RecipeView | null>(null)
-const verRows = ref<RecipeVersionRow[]>([])
-const verLoading = ref(false)
-const verMsg = ref('')
-
-async function openRecipeHistory(id: string): Promise<void> {
-  verRecipe.value = dcw.recipes.find(r => r.id === id) ?? null
-  verOpen.value = true
-  verMsg.value = ''
-  verLoading.value = true
-  try {
-    verRows.value = await dcw.recipeVersions(id)
-  }
-  catch (err) {
-    verMsg.value = apiErrorMessage(err)
-  }
-  finally {
-    verLoading.value = false
-  }
-}
-
-const verSrcLabel = (by?: string): string => (by === 'agent' ? 'Agent' : by === 'system' ? t('dcwDetail.srcSystem') : t('dcwDetail.srcUser'))
-
-function verDiff(row: RecipeVersionRow, idx: number): string {
-  if (idx === 0) return t('dcwDetail.histInit')
-  const prev = verRows.value[idx - 1]!
-  const changed = row.params
-    .map(p => ({ p, old: prev.params.find(x => x.nodeId === p.nodeId) }))
-    .filter(({ p, old }) => !old || old.value !== p.value)
-    .map(({ p, old }) => `${dcw.nodes.find(n => n.id === p.nodeId)?.name ?? p.nodeId}: ${old?.value ?? t('dcwDetail.histAdded')} → ${p.value}`)
-  return changed.length > 0 ? changed.join('；') : t('dcwDetail.histNoChange')
-}
-
-async function doRevert(version: number): Promise<void> {
-  if (!verRecipe.value) return
-  verMsg.value = ''
-  try {
-    const recipe = await dcw.revertRecipe(verRecipe.value.id, { version, reason: t('dcwDetail.revertReasonUi') })
-    verMsg.value = t('dcwDetail.revertOk', { p0: recipe.version ?? 0 })
-    verRows.value = await dcw.recipeVersions(verRecipe.value.id)
-  }
-  catch (err) {
-    verMsg.value = apiErrorMessage(err)
-  }
-}
-
-// ---------- 产线数据查询(产品/配方/参数/时间/间隔;限定本产线通道) ----------
-const query = reactive({
-  productId: '',
-  recipeId: '',
-  paramKey: '',
-  nodeId: '',
-  lastMin: 30,
-  bucketMs: 15000,
-})
-const queryResult = ref<LineQueryResult | null>(null)
-const queryBusy = ref(false)
-const queryError = ref('')
-
-async function doQuery(): Promise<void> {
-  queryBusy.value = true
-  queryError.value = ''
-  queryResult.value = null
-  try {
-    queryResult.value = await dcw.queryLine({
-      lineId: lineId.value,
-      productId: query.productId || undefined,
-      recipeId: query.recipeId || undefined,
-      paramKey: query.paramKey || undefined,
-      nodeId: query.nodeId || undefined,
-      fromMs: Date.now() - query.lastMin * 60_000,
-      toMs: Date.now(),
-      bucketMs: query.bucketMs > 0 ? query.bucketMs : undefined,
-      limit: 2000,
-    })
-    if (queryResult.value.channels.length === 0) queryError.value = t('dcwDetail.kszv5sq136')
-  }
-  catch (err) {
-    queryError.value = apiErrorMessage(err)
-  }
-  finally {
-    queryBusy.value = false
-  }
-}
-
-/** 查询参数选项(DAQ 模板 key,含自定义) */
-const daqParamKeys = computed(() => dcw.templates.map(t => t.key))
-
-// ---------- Recipe 配方管理(参数节点级绑定) ----------
-const recipeOpen = ref(false)
-const recipeEditing = ref<string | null>(null)
-const recipeSaving = ref(false)
-const recipeError = ref('')
-const recipeStaleNote = ref('')
-const recipeForm = reactive({
-  productId: '',
-  name: '',
-  description: '',
-  params: [] as Array<{ nodeId: string, value: number | '', min: number | '', max: number | '' }>,
-  daqWindows: [] as Array<{ nodeId: string, min: number | '', max: number | '' }>,
-})
-const applyResult = ref<{ runId: string, ok: number, total: number } | null>(null)
-const runDataView = ref<{ runId: string, data: RecipeRunData } | null>(null)
-const runDataLoading = ref(false)
-
-function openRecipeCreate(): void {
-  recipeEditing.value = null
-  recipeError.value = ''
-  recipeForm.productId = filterProductId.value || lineProductId.value || lineProducts.value[0]?.id || ''
-  recipeForm.name = ''
-  recipeForm.description = ''
-  recipeForm.params = [{ nodeId: lineNodes.value[0]?.id ?? '', value: '', min: '', max: '' }]
-  recipeForm.daqWindows = []
-  recipeOpen.value = true
-}
-
-function openRecipeEdit(id: string): void {
-  const r = dcw.recipes.find(x => x.id === id)
-  if (!r) return
-  recipeEditing.value = id
-  recipeError.value = ''
-  // 失效参数自动清理:节点已删除的参数行直接剔除(保存会被后端归一化拒绝);
-  // 停用/解绑节点参数保留可编辑,状态由 select 旁徽标标示
-  const live = r.params.filter(p => dcw.nodes.some(n => n.id === p.nodeId))
-  const dropped = r.params.length - live.length
-  recipeStaleNote.value = dropped > 0 ? t('dcwDetail.staleDropped', { p0: dropped }) : ''
-  recipeForm.productId = r.productId
-  recipeForm.name = r.name
-  recipeForm.description = r.description
-  recipeForm.params = live.map(p => ({
-    nodeId: p.nodeId,
-    value: p.value,
-    min: p.min ?? '',
-    max: p.max ?? '',
-  }))
-  recipeForm.daqWindows = (r.daqWindows ?? []).map(w => ({
-    nodeId: w.nodeId,
-    min: w.min ?? '',
-    max: w.max ?? '',
-  }))
-  recipeOpen.value = true
-}
-
-async function saveRecipe(): Promise<void> {
-  recipeSaving.value = true
-  recipeError.value = ''
-  try {
-    const input = {
-      productId: recipeForm.productId,
-      name: recipeForm.name.trim(),
-      description: recipeForm.description.trim(),
-      params: recipeForm.params
-        .filter(p => p.nodeId && p.value !== '' && Number.isFinite(Number(p.value)))
-        .map(p => ({
-          nodeId: p.nodeId,
-          value: Number(p.value),
-          ...(p.min !== '' && Number.isFinite(Number(p.min)) ? { min: Number(p.min) } : {}),
-          ...(p.max !== '' && Number.isFinite(Number(p.max)) ? { max: Number(p.max) } : {}),
-        })),
-      daqWindows: recipeForm.daqWindows
-        .filter(w => w.nodeId && (w.min !== '' || w.max !== ''))
-        .map(w => ({
-          nodeId: w.nodeId,
-          ...(w.min !== '' && Number.isFinite(Number(w.min)) ? { min: Number(w.min) } : {}),
-          ...(w.max !== '' && Number.isFinite(Number(w.max)) ? { max: Number(w.max) } : {}),
-        })),
-    }
-    if (recipeEditing.value) await dcw.updateRecipe(recipeEditing.value, input)
-    else await dcw.createRecipe(input)
-    recipeOpen.value = false
-  }
-  catch (err) {
-    recipeError.value = apiErrorMessage(err)
-  }
-  finally {
-    recipeSaving.value = false
-  }
-}
-
-async function doApplyRecipe(id: string): Promise<void> {
-  applyResult.value = null
-  writeError.value = ''
-  try {
-    const run = await dcw.applyRecipe(id)
-    const ok = run.results.filter(r => r.ok).length
-    applyResult.value = { runId: run.id, ok, total: run.results.length }
-    if (ok < run.results.length) writeError.value = t('dcwDetail.ks7szkt188', { p0: run.results.filter(r => !r.ok).map(r => r.message).join(';') })
-  }
-  catch (err) {
-    writeError.value = apiErrorMessage(err)
-  }
-}
-
-async function doViewRun(id: string): Promise<void> {
-  runDataLoading.value = true
-  try {
-    const data = await dcw.runData(id)
-    runDataView.value = { runId: id, data }
-  }
-  catch (err) {
-    writeError.value = apiErrorMessage(err)
-  }
-  finally {
-    runDataLoading.value = false
-  }
-}
-
-/** 查询点位展示(原始值或桶均值) */
-function fmtPoint(p: { value?: number, avg?: number } | undefined): string {
-  const v = p?.value ?? p?.avg
-  return v == null ? '--' : String(Math.round(v * 1000) / 1000)
-}
-</script>
-
-<template>
-  <div
-    v-if="dcw.loaded && !line"
-    class="page"
-  >
-    <p class="banner bad">
-      {{ $t('dcwDetail.k19337yp018') }}
-    </p>
-    <NuxtLink
-      class="pill-btn"
-      to="/dcw"
-    >
-      {{ $t('dcwDetail.kllwu1c019') }}
-    </NuxtLink>
-  </div>
-  <div
-    v-else
-    class="page"
-  >
-    <div class="aw-page-head">
-      <div>
-        <p class="aw-kicker">
-          <span
-            class="line-chip"
-            :style="{ background: line?.color ?? '#3aa0ff' }"
-          />AGENTWORKSHOP / LINE / {{ line?.name ?? lineId }}
-        </p>
-        <h1>{{ line?.name ?? $t('dcwDetail.k1b2snna151') }} · {{ $t('dcwDetail.k1l0iow1137') }}</h1>
-        <p class="sub">
-          {{ line?.description || $t('dcwDetail.kzcbfki152') }}
-        </p>
-      </div>
-      <div class="badges mono">
-        <span class="badge">{{ $t('dcwDetail.k45uio082') }} {{ lineNodes.length }}</span>
-        <span class="badge">{{ $t('dcwDetail.k3waz1025') }} {{ lineProducts.length }}</span>
-        <span class="badge">{{ $t('dcwDetail.k48grv027') }} {{ lineRecipesAll.length }}</span>
-      </div>
-    </div>
-
-    <!-- 网关总控条 -->
-    <section class="aw-tile ctrl-card">
-      <div class="ctrl-left">
-        <button
-          class="aw-pill"
-          :class="{ running: dcw.controller.running }"
-          :title="$t('dcwDetail.k1snap154')"
-          @click="dcw.startStop(dcw.controller.running ? 'pause' : 'resume')"
-        >
-          <span :class="dcw.controller.running ? 'i-tabler-player-pause' : 'i-tabler-player-play'" />
-          {{ dcw.controller.running ? $t('dcwDetail.kplrsg153') : $t('dcwDetail.knxgni9169') }}
-        </button>
-      </div>
-      <div class="ctrl-right">
-        <span class="ctrl-metrics mono">
-          <span>{{ $t('dcwDetail.k45uio082') }} {{ dcw.controller.nodesOnline }}/{{ dcw.controller.nodesTotal }}</span>
-          <span class="sep">·</span>
-          <span :title="$t('dcwDetail.kd3ygmn001')">{{ $t('dcwDetail.k3wtib138') }} {{ dcw.controller.writesTotal }}</span>
-          <span class="sep">·</span>
-          <span
-            :class="{ warn: dcw.controller.writesFailed > 0 }"
-            :title="$t('dcwDetail.kd3znl0002')"
-          >{{ $t('dcwDetail.k3yit7139') }} {{ dcw.controller.writesFailed }}</span>
-        </span>
-        <button
-          class="aw-pill outline"
-          :title="$t('dcwDetail.kc4ixly003')"
-          @click="openTplModal"
-        >
-          <span class="i-tabler-template" />
-          {{ $t('dcwDetail.k1972dx9020') }}
-        </button>
-        <button
-          class="aw-pill add-btn"
-          @click="addOpen = true"
-        >
-          <span class="i-tabler-plus" />
-          {{ $t('dcwDetail.k1976uns021') }}
-        </button>
-      </div>
-    </section>
-
-    <!-- 写错误/成功横幅 -->
-    <p
-      v-if="writeError || writeOk"
-      class="banner"
-      :class="writeError ? 'bad' : 'good'"
-    >
-      {{ writeError || writeOk }}
-    </p>
-
-    <!-- 未分配资产收编(历史节点/产品迁移到本产线) -->
-    <section
-      v-if="unassignedNodes.length || unassignedProducts.length"
-      class="aw-tile adopt-card"
-    >
-      <b class="adopt-title">{{ $t('dcwDetail.kaebkky022') }}</b>
-      <div class="adopt-list">
-        <span
-          v-for="n in unassignedNodes"
-          :key="n.id"
-          class="adopt-chip"
-        >
-          {{ n.name }}
-          <button
-            class="mini-btn"
-            @click="adoptNode(n.id)"
-          >
-            {{ $t('dcwDetail.kyjp9fg023') }}
-          </button>
-        </span>
-        <span
-          v-for="p in unassignedProducts"
-          :key="p.id"
-          class="adopt-chip"
-        >
-          {{ p.name }}({{ $t('dcwDetail.k3km252140') }}<button
-            class="mini-btn"
-            @click="adoptProduct(p.id)"
-          >
-            {{ $t('dcwDetail.kyjp9fg023') }}
-          </button>
-        </span>
-      </div>
-    </section>
-
-    <!-- 产线运行控制:开跑必设配方;窗口内数采逐样本打标 -->
-    <section class="aw-tile line-card">
-      <div class="line-status">
-        <span
-          class="line-dot"
-          :class="{ on: ls.active }"
-        />
-        <div class="line-info">
-          <b>{{ ls.active ? $t('dcwDetail.k1pxrhx0154') : $t('dcwDetail.k1b2hxmx170') }}</b>
-          <small
-            v-if="ls.active"
-            class="mono dim"
-          >{{ ls.productName }} · {{ ls.recipeName }} · {{ $t('dcwDetail.k400lb075') }} {{ ls.runId }} · {{ $t('dcwDetail.k3zkt2166') }} {{ ls.startedAt?.slice(11, 19) }} {{ $t('dcwDetail.k69vag8168') }} {{ ls.taggedSamples }} {{ $t('dcwDetail.k4118o085') }}</small>
-          <small
-            v-else
-            class="dim"
-          >{{ $t('dcwDetail.k19pof14024') }}</small>
-        </div>
-      </div>
-      <div class="line-ctl">
-        <label class="ctl-sel">
-          <span>{{ $t('dcwDetail.k3waz1025') }}</span>
-          <select
-            v-model="lineProductId"
-            class="inp"
-            @change="lineRecipeId = ''"
-          >
-            <option value="">
-              {{ $t('dcwDetail.kuisodh026') }}
-            </option>
-            <option
-              v-for="p in lineProducts"
-              :key="p.id"
-              :value="p.id"
-            >
-              {{ p.name }}
-            </option>
-          </select>
-        </label>
-        <label class="ctl-sel">
-          <span>{{ $t('dcwDetail.k48grv027') }}</span>
-          <select
-            v-model="lineRecipeId"
-            class="inp"
-            :disabled="!lineProductId"
-          >
-            <option value="">
-              {{ $t('dcwDetail.kutxzsz028') }}
-            </option>
-            <option
-              v-for="r in lineRecipes"
-              :key="r.id"
-              :value="r.id"
-              :disabled="r.params.length === 0"
-            >
-              {{ r.name }}{{ r.params.length === 0 ? $t('dcwDetail.k1hicmch155') : $t('dcwDetail.k1lzfi4g180', { p0: r.params.length }) }}
-            </option>
-          </select>
-        </label>
-        <button
-          v-if="!ls.active"
-          class="pill-btn"
-          :disabled="lineBusy || !lineRecipeId"
-          :title="!lineRecipeId ? $t('dcwDetail.startNeedRecipe') : $t('dcwDetail.startTip')"
-          @click="doLineStart"
-        >
-          {{ $t('dcwDetail.kfb8vml029') }}
-        </button>
-        <button
-          v-else
-          class="pill-btn stop"
-          :disabled="lineBusy"
-          @click="doLineStop"
-        >
-          {{ $t('dcwDetail.k1xyhd2y030') }}
-        </button>
-      </div>
-      <p
-        v-if="lineErr"
-        class="banner bad"
-        style="margin-top: 10px;"
-      >
-        {{ lineErr }}
-      </p>
-      <p
-        v-if="lineMsg"
-        class="banner good"
-        style="margin-top: 10px;"
-      >
-        {{ lineMsg }}
-      </p>
-    </section>
-
-    <!-- 添加控制节点模板(自定义创建) -->
-    <div
-      v-if="tplOpen"
-      class="modal-mask"
-      @click.self="tplOpen = false"
-    >
-      <div class="modal">
-        <h3 class="m-title">
-          {{ $t('dcwDetail.k1x4vam0031') }} <small class="dim mono">{{ $t('dcwDetail.k3x23c141') }} {{ dcw.templates.filter(t => t.builtin).length }} · {{ $t('dcwDetail.k3t616a142') }} {{ dcw.templates.filter(t => !t.builtin).length }}</small>
-        </h3>
-        <p class="dim tpl-hint">
-          {{ $t('dcwDetail.ke1iyud032') }}
-        </p>
-
-        <div class="tpl-chips">
-          <span
-            v-for="tpl in dcw.templates"
-            :key="tpl.key"
-            class="tpl-chip"
-            :title="`${tpl.code} · ${tpl.min}~${tpl.max} ${tpl.unit}${tpl.semantics ? ` · ${tpl.semantics}` : ''}`"
-          >
-            {{ catalogTplName(t, tpl) }} <small class="mono">{{ tpl.min }}~{{ tpl.max }}{{ tpl.unit }}</small>
-            <em
-              class="tpl-tag"
-              :class="{ builtin: tpl.builtin }"
-            >{{ tpl.builtin ? $t('dcwDetail.k3x23c141') : $t('dcwDetail.k3t616a142') }}</em>
-          </span>
-        </div>
-
-        <p class="sec-label">
-          {{ $t('dcwDetail.k169eb4s033') }}
-        </p>
-        <div class="f-grid tpl-form">
-          <label class="f">
-            <span>{{ $t('dcwDetail.k1f55q76034') }}<em>*</em></span>
-            <input
-              v-model="tplForm.name"
-              class="inp"
-              :placeholder="$t('dcwDetail.k1tooi3o004')"
-            >
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k1bqk219035') }}</span>
-            <input
-              v-model="tplForm.ch"
-              class="inp"
-              :placeholder="$t('dcwDetail.k698qz0005')"
-            >
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k1ayxrqb036') }}</span>
-            <input
-              v-model="tplForm.code"
-              class="inp"
-              :placeholder="$t('dcwDetail.codePh')"
-            >
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k3x4ef037') }}<em>*</em></span>
-            <input
-              v-model="tplForm.unit"
-              class="inp"
-              :placeholder="$t('dcwDetail.unitPh')"
-            >
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k1l9jv5m038') }}<em>*</em></span>
-            <input
-              v-model.number="tplForm.min"
-              type="number"
-              class="inp"
-              :placeholder="$t('dcwDetail.kxz9174006')"
-            >
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k1l9jv4p039') }}<em>*</em></span>
-            <input
-              v-model.number="tplForm.max"
-              type="number"
-              class="inp"
-              :placeholder="$t('dcwDetail.kxz9167007')"
-            >
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k3mxmcx040') }}</span>
-            <input
-              v-model.number="tplForm.decimals"
-              type="number"
-              min="0"
-              max="4"
-              class="inp"
-            >
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k3xx56041') }}</span>
-            <select
-              v-model="tplForm.icon"
-              class="inp"
-            >
-              <option
-                v-for="ic in tplIcons"
-                :key="ic.key"
-                :value="ic.key"
-              >
-                {{ ic.label }}
-              </option>
-            </select>
-          </label>
-        </div>
-        <label class="f">
-          <span>{{ $t('dcwDetail.knjmyfr042') }}</span>
-          <textarea
-            v-model="tplForm.semantics"
-            class="inp"
-            rows="2"
-            :placeholder="$t('dcwDetail.k1qdnfzc008')"
-          />
-        </label>
-
-        <p
-          v-if="tplOk"
-          class="banner good"
-          style="margin-top: 10px;"
-        >
-          {{ tplOk }}
-        </p>
-        <p
-          v-if="tplError"
-          class="m-err"
-        >
-          {{ tplError }}
-        </p>
-        <div class="m-actions">
-          <button
-            class="aw-pill outline"
-            @click="tplOpen = false"
-          >
-            {{ $t('dcwDetail.k3x62t043') }}
-          </button>
-          <button
-            class="pill-btn"
-            :disabled="tplSaving || !tplForm.name.trim() || tplForm.unit.trim() === '' || tplForm.min === '' || tplForm.max === ''"
-            @click="doCreateTemplate"
-          >
-            {{ tplSaving ? $t('dcwDetail.k1bg4759156') : $t('dcwDetail.k1bg9nga171') }}
-          </button>
-        </div>
-      </div>
-    </div>
-
-    <!-- 添加控制节点向导 -->
-    <div
-      v-if="addOpen"
-      class="modal-mask"
-      @click.self="addOpen = false"
-    >
-      <div class="modal">
-        <h3 class="m-title">
-          {{ $t('dcwDetail.k1976uns021') }}
-        </h3>
-
-        <div class="seg-row">
-          <button
-            class="seg"
-            :class="{ on: addScenario === 'mock' }"
-            @click="addScenario = 'mock'"
-          >
-            {{ $t('dcwDetail.mockPlc') }}
-          </button>
-          <button
-            class="seg"
-            :class="{ on: addScenario === 'real' }"
-            @click="addScenario = 'real'"
-          >
-            {{ $t('dcwDetail.kyj8fen044') }}
-          </button>
-        </div>
-
-        <div class="f-grid">
-          <label class="f">
-            <span>{{ $t('dcwDetail.k1ejzwqp045') }}</span>
-            <select
-              v-model="addTemplate"
-              class="inp"
-            >
-              <option
-                v-for="tpl in dcw.templates"
-                :key="tpl.key"
-                :value="tpl.key"
-              >
-                {{ catalogTplName(t, tpl) }} · {{ tpl.ch }}({{ tpl.min }}~{{ tpl.max }} {{ tpl.unit }}){{ tpl.builtin ? '' : $t('dcwDetail.kr45rk9157') }}
-              </option>
-            </select>
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k1ce2k1y046') }}</span>
-            <input
-              v-model="addName"
-              class="inp"
-              :placeholder="$t('dcwDetail.kgpxzy3009')"
-            >
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k1vyb8im047') }}</span>
-            <input
-              v-model.number="addHold"
-              type="number"
-              min="0"
-              max="3600000"
-              step="500"
-              class="inp"
-              :placeholder="$t('dcwDetail.kb1srz0010')"
-            >
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k9r7d4e016') }}</span>
-            <input
-              v-model.number="addRead"
-              type="number"
-              min="0"
-              max="3600000"
-              step="500"
-              class="inp"
-              :placeholder="$t('dcwDetail.k9r7d4e017')"
-            >
-          </label>
-        </div>
-
-        <!-- 数据语义标定 encode(物理设定值 → PLC 设定值;mock/真实均可用) -->
-        <div class="f-grid cal-form">
-          <label class="f">
-            <span>{{ $t('dcwDetail.kiune1f048') }}</span>
-            <select
-              v-model="addTransform.kind"
-              class="inp"
-            >
-              <option value="none">
-                {{ $t('dcwDetail.kkzy0k049') }}
-              </option>
-              <option value="linear">
-                {{ $t('dcwDetail.linearCalOpt') }}
-              </option>
-            </select>
-          </label>
-          <label class="f">
-            <span>scale / offset</span>
-            <div style="display: flex; gap: 6px;">
-              <input
-                v-model.number="addTransform.scale"
-                type="number"
-                step="0.1"
-                class="inp"
-                :disabled="addTransform.kind !== 'linear'"
-                :title="$t('dcwDetail.calScaleTip')"
-              >
-              <input
-                v-model.number="addTransform.offset"
-                type="number"
-                step="0.1"
-                class="inp"
-                :disabled="addTransform.kind !== 'linear'"
-                :title="$t('dcwDetail.calOffsetTip')"
-              >
-            </div>
-          </label>
-        </div>
-
-        <template v-if="addScenario === 'real'">
-          <div class="f-grid">
-            <label class="f">
-              <span>{{ $t('dcwDetail.k1kt87rx050') }}</span>
-              <select
-                v-model="addDriver"
-                class="inp"
-              >
-                <option
-                  v-for="d in driverCatalog.filter(x => x.status !== 'builtin')"
-                  :key="d.kind"
-                  :value="d.kind"
-                >
-                  {{ d.label }}{{ d.plugin ? ' ⌁' : '' }}
-                </option>
-              </select>
-            </label>
-          </div>
-          <div
-            v-if="addFields.length"
-            class="f-grid driver-form"
-          >
-            <label
-              v-for="f in addFields"
-              :key="f.key"
-              class="f"
-            >
-              <span>{{ f.label }}<em
-                v-if="f.required"
-                style="color: var(--tone-danger-dot); font-style: normal;"
-              >*</em></span>
-              <select
-                v-if="f.type === 'select'"
-                v-model="addCfg[f.key]"
-                class="inp"
-              >
-                <option
-                  v-for="o in f.options"
-                  :key="o.value"
-                  :value="o.value"
-                >
-                  {{ o.label }}
-                </option>
-              </select>
-              <input
-                v-else
-                v-model="addCfg[f.key]"
-                :type="f.type === 'number' ? 'number' : 'text'"
-                :placeholder="f.placeholder"
-                class="inp"
-              >
-              <small
-                v-if="f.hint"
-                class="hint"
-              >{{ f.hint }}</small>
-            </label>
-          </div>
-          <div class="test-row">
-            <button
-              class="pill-btn outline"
-              :disabled="addTesting"
-              @click="doTestConnection"
-            >
-              {{ addTesting ? $t('dcwDetail.k1fsh720158') : $t('dcwDetail.k1fstglk172') }}
-            </button>
-            <span
-              v-if="addTest"
-              class="test-result"
-              :class="addTest.ok ? 'good' : 'bad'"
-            >{{ addTest.ok ? '✓' : '✗' }} {{ addTest.message }}</span>
-          </div>
-        </template>
-
-        <label class="f">
-          <span>{{ $t('dcwDetail.k1hgizn7051') }}</span>
-          <textarea
-            v-model="addSemantics"
-            class="inp"
-            rows="2"
-            :placeholder="$t('dcwDetail.k12bnyt9011')"
-          />
-        </label>
-
-        <p
-          v-if="addError"
-          class="m-err"
-        >
-          {{ addError }}
-        </p>
-
-        <div class="m-actions">
-          <button
-            class="aw-pill outline"
-            @click="addOpen = false"
-          >
-            {{ $t('dcwDetail.k3xdnn052') }}
-          </button>
-          <button
-            class="aw-pill"
-            :disabled="addSaving"
-            @click="doAddNode"
-          >
-            {{ addSaving ? $t('dcwDetail.k1bg4759156') : $t('dcwDetail.k1bge46t173') }}
-          </button>
-        </div>
-      </div>
-    </div>
-
-    <!-- 控制节点清单 -->
-    <a-spin :spinning="!dcw.loaded && !dcw.error">
-      <section class="aw-tile table-card">
-        <table class="nodes-table">
-          <thead>
-            <tr>
-              <th>{{ $t('dcwDetail.k1e2dtkt053') }}</th>
-              <th>{{ $t('dcwDetail.k403cy054') }}</th>
-              <th>{{ $t('dcwDetail.k42w8s055') }}</th>
-              <th>{{ $t('dcwDetail.k1deqh0d056') }}</th>
-              <th>{{ $t('dcwDetail.k9r7d4e018') }}</th>
-              <th>{{ $t('dcwDetail.k1k79ec9057') }}</th>
-              <th>{{ $t('dcwDetail.k1dexou6058') }}</th>
-              <th>{{ $t('dcwDetail.k1b1nnaa059') }}</th>
-              <th>{{ $t('dcwDetail.k1i8rtqt060') }}</th>
-              <th class="right">
-                {{ $t('dcwDetail.k40aa6061') }}
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr
-              v-for="n in lineNodes"
-              :key="n.id"
-              :class="{ 'node-paused': !n.enabled }"
-            >
-              <td>
-                <span class="mono dim">{{ n.id.slice(0, 8) }}</span>
-                <b>{{ n.name }}</b>
-                <small class="mono ch">{{ dcwTemplateRefCh(n.templateRef) }}</small>
-              </td>
-              <td>
-                <button
-                  class="ctrl-toggle"
-                  :class="{ on: n.enabled }"
-                  :disabled="togglingId === n.id"
-                  :title="n.enabled ? $t('dcwDetail.pauseCtrlTip') : $t('dcwDetail.enableCtrlTip')"
-                  @click="toggleControl(n.id, !n.enabled)"
-                >
-                  <span class="ct-dot" />
-                  {{ n.enabled ? $t('dcwDetail.k3o3ib3159') : $t('dcwDetail.k3n93ed062') }}
-                </button>
-              </td>
-              <td>
-                <span
-                  v-if="!n.enabled"
-                  class="st-pill paused"
-                >{{ $t('dcwDetail.k3n93ed062') }}</span>
-                <span
-                  v-else
-                  class="st-pill"
-                  :class="n.state"
-                >{{ stateLabel[n.state] ?? n.state }}</span>
-              </td>
-              <td class="mono val">
-                {{ n.value != null ? n.value.toFixed(n.decimals) : '--' }}
-                <small>{{ n.unit }}</small>
-                <small
-                  v-if="n.lastAckAt"
-                  class="dim"
-                > · {{ n.lastAckAt.slice(11, 19) }}</small>
-              </td>
-              <td class="mono val">
-                <span
-                  :title="n.lastReadError ?? $t('dcwDetail.k9r7d4e019')"
-                  :class="{ 'read-stale': n.lastReadError }"
-                >{{ n.readValue != null ? n.readValue.toFixed(n.decimals) : '--' }}</span>
-                <small>{{ n.unit }}</small>
-                <small
-                  v-if="n.lastReadAt"
-                  class="dim"
-                > · {{ n.lastReadAt.slice(11, 19) }}</small>
-                <button
-                  class="mini-btn read-btn"
-                  :disabled="readingId === n.id"
-                  :title="$t('dcwDetail.k9r7d4e020')"
-                  @click="doRead(n.id)"
-                >
-                  {{ readingId === n.id ? '···' : $t('dcwDetail.k9r7d4e021') }}
-                </button>
-              </td>
-              <td>
-                <div class="write-row">
-                  <input
-                    v-model.number="setInputs[n.id]"
-                    type="number"
-                    class="inp write-inp mono"
-                    :placeholder="`${n.min}~${n.max}`"
-                    :min="n.min"
-                    :max="n.max"
-                    :step="10 ** -n.decimals"
-                    :disabled="!n.enabled"
-                    :title="!n.enabled ? $t('dcwDetail.pausedTip') : ''"
-                  >
-                  <button
-                    class="mini-btn write-btn"
-                    :disabled="!n.enabled || writingId === n.id || setInputs[n.id] == null || setInputs[n.id] === ''"
-                    :title="!n.enabled ? $t('dcwDetail.pausedTip') : $t('dcwDetail.writeTip')"
-                    @click="doWrite(n.id, Number(setInputs[n.id]))"
-                  >
-                    {{ writingId === n.id ? $t('dcwDetail.k3l3h80123') : $t('dcwDetail.k3w6td174') }}
-                  </button>
-                </div>
-              </td>
-              <td class="mono dim">
-                {{ n.min }} ~ {{ n.max }} {{ n.unit }}
-              </td>
-              <td class="mono">
-                {{ n.holdIntervalMs == null ? $t('dcwDetail.k3zul4160') : `${n.holdIntervalMs}ms` }}
-                <small
-                  class="dim"
-                  :title="$t('dcwDetail.k9r7d4e016')"
-                >· {{ n.readIntervalMs === 0 ? $t('dcwDetail.k9r7d4e022') : (n.readIntervalMs == null ? $t('dcwDetail.k9r7d4e023') : `${n.readIntervalMs}ms`) }}</small>
-              </td>
-              <td>{{ nodeDeviceNames(n) }}</td>
-              <td class="right">
-                <button
-                  class="mini-btn danger"
-                  @click="dcw.removeNode(n.id)"
-                >
-                  {{ $t('dcwDetail.k3xakp063') }}
-                </button>
-              </td>
-            </tr>
-            <tr v-if="dcw.loaded && lineNodes.length === 0">
-              <td colspan="9">
-                <div
-                  class="pane-empty"
-                  style="min-height: 120px;"
-                >
-                  <p class="pe-sub">
-                    {{ $t('dcwDetail.k1wtecyw064') }}
-                  </p>
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-    </a-spin>
-
-    <!-- 产品与配方管理 -->
-    <section class="aw-tile recipe-card">
-      <div class="recipe-hd">
-        <h3>{{ $t('dcwDetail.k1j8w3hd065') }}</h3>
-        <span class="panel-tag mono">{{ lineProducts.length }} {{ $t('dcwDetail.k1av3wgs143') }} {{ visibleRecipes.length }} {{ $t('dcwDetail.k48grv027') }}</span>
-        <button
-          class="pill-btn"
-          style="margin-left: auto;"
-          @click="openRecipeCreate"
-        >
-          {{ $t('dcwDetail.k1akm6dc066') }}
-        </button>
-        <button
-          class="mini-btn"
-          @click="productOpen = true"
-        >
-          {{ $t('dcwDetail.k1aka0ki067') }}
-        </button>
-      </div>
-      <p class="recipe-sub">
-        {{ $t('dcwDetail.k6bl2q8068') }}
-      </p>
-
-      <!-- 产品管理行 -->
-      <div
-        v-if="lineProducts.length"
-        class="product-row"
-      >
-        <button
-          class="prod-chip"
-          :class="{ on: filterProductId === '' }"
-          @click="filterProductId = ''"
-        >
-          {{ $t('dcwDetail.k3x4t1069') }}
-        </button>
-        <button
-          v-for="p in lineProducts"
-          :key="p.id"
-          class="prod-chip"
-          :class="{ on: filterProductId === p.id }"
-          :title="p.description"
-          @click="filterProductId = p.id"
-        >
-          {{ p.name }}
-          <span
-            class="prod-del"
-            :title="$t('dcwDetail.k1bpfjgx012')"
-            @click.stop="dcw.removeProduct(p.id)"
-          >×</span>
-        </button>
-      </div>
-      <p
-        v-else
-        class="dim"
-        style="margin: 6px 0 12px; font-size: 12px;"
-      >
-        {{ $t('dcwDetail.knov3zg070') }}
-      </p>
-
-      <div class="recipe-grid">
-        <div
-          v-for="r in visibleRecipes"
-          :key="r.id"
-          class="recipe-item"
-        >
-          <div class="recipe-name">
-            <b>{{ r.name }}</b>
-            <span
-              v-if="r.version"
-              class="param-chip mono"
-              :title="t('dcwDetail.histTitle')"
-            >v{{ r.version }}</span>
-            <small class="dim">{{ productName(r.productId) }}</small>
-            <small class="mono dim">{{ r.id }}</small>
-          </div>
-          <p
-            v-if="r.description"
-            class="dim desc"
-          >
-            {{ r.description }}
-          </p>
-          <div class="recipe-params mono">
-            <span
-              v-for="(p, i) in r.params"
-              :key="i"
-              class="param-chip"
-              :class="{ stale: paramStatus(p.nodeId, r.lineId) }"
-              :title="paramStatus(p.nodeId, r.lineId)?.label ?? ''"
-            >
-              {{ paramNodeName(p.nodeId) }} = {{ p.value }}<span
-                v-if="paramStatus(p.nodeId, r.lineId)"
-                class="chip-stale-tag"
-              >{{ paramStatus(p.nodeId, r.lineId)!.label }}</span>
-            </span>
-            <span
-              v-for="(w, i) in r.daqWindows"
-              :key="`w-${i}`"
-              class="param-chip daqwin"
-              :class="{ stale: daqWindowStatus(w.nodeId, r.lineId) }"
-              :title="daqWindowStatus(w.nodeId, r.lineId)?.label ?? $t('dcwDetail.k1l11api013')"
-            >
-              ◎ {{ daqNodeCh(w.nodeId) }} ∈ [{{ w.min ?? '-∞' }}, {{ w.max ?? '+∞' }}]<span
-                v-if="daqWindowStatus(w.nodeId, r.lineId)"
-                class="chip-stale-tag"
-              >{{ daqWindowStatus(w.nodeId, r.lineId)!.label }}</span>
-            </span>
-          </div>
-          <div class="recipe-actions">
-            <button
-              class="pill-btn"
-              @click="doApplyRecipe(r.id)"
-            >
-              {{ $t('dcwDetail.k1497qvr071') }}
-            </button>
-            <button
-              class="mini-btn"
-              @click="openRecipeEdit(r.id)"
-            >
-              {{ $t('dcwDetail.k45eb0072') }}
-            </button>
-            <button
-              class="mini-btn"
-              @click="openRecipeHistory(r.id)"
-            >
-              {{ t('dcwDetail.histBtn') }}<span
-                v-if="r.version"
-                class="mono"
-              >·v{{ r.version }}</span>
-            </button>
-            <button
-              class="mini-btn danger"
-              @click="dcw.removeRecipe(r.id)"
-            >
-              {{ $t('dcwDetail.k3xakp063') }}
-            </button>
-          </div>
-        </div>
-        <div
-          v-if="visibleRecipes.length === 0"
-          class="pane-empty"
-          style="grid-column: 1 / -1;"
-        >
-          {{ $t('dcwDetail.keko1xy073') }}
-        </div>
-      </div>
-
-      <div
-        v-if="applyResult"
-        class="banner good"
-      >
-        {{ $t('dcwDetail.k1l3hrvp144') }} {{ applyResult.runId }} {{ $t('dcwDetail.k1g3lh2v167') }}{{ applyResult.ok }}/{{ applyResult.total }} {{ $t('dcwDetail.k1bqci06149') }}
-        <button
-          class="mini-btn"
-          style="margin-left: 10px;"
-          :disabled="runDataLoading"
-          @click="doViewRun(applyResult.runId)"
-        >
-          {{ runDataLoading ? $t('dcwDetail.k1br0ij9161') : $t('dcwDetail.kxwei5175') }}
-        </button>
-      </div>
-
-      <!-- 批次列表 -->
-      <div
-        v-if="lineRuns.length"
-        class="runs"
-      >
-        <p class="sec-label">
-          {{ $t('dcwDetail.k1rjer8d074') }}
-        </p>
-        <table class="nodes-table">
-          <thead>
-            <tr>
-              <th>{{ $t('dcwDetail.k400lb075') }}</th>
-              <th>{{ $t('dcwDetail.k48grv027') }}</th>
-              <th>{{ $t('dcwDetail.k4497j076') }}</th>
-              <th>{{ $t('dcwDetail.k1bqhtmu077') }}</th>
-              <th class="right">
-                {{ $t('dcwDetail.k40aa6061') }}
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr
-              v-for="run in [...lineRuns].reverse().slice(0, 8)"
-              :key="run.id"
-            >
-              <td class="mono">
-                {{ run.id }}
-              </td>
-              <td>{{ run.recipeName }}</td>
-              <td class="mono dim">
-                {{ run.startedAt.slice(5, 19) }} ~ {{ run.endedAt ? run.endedAt.slice(5, 19) : $t('dcwDetail.k3vpfg9162') }}
-              </td>
-              <td>
-                <span
-                  class="st-pill"
-                  :class="run.results.every(r => r.ok) ? 'ok' : 'warn'"
-                >{{ run.results.filter(r => r.ok).length }}/{{ run.results.length }}</span>
-              </td>
-              <td class="right">
-                <button
-                  class="mini-btn"
-                  :disabled="runDataLoading"
-                  @click="doViewRun(run.id)"
-                >
-                  {{ $t('dcwDetail.k1dzwrdp078') }}
-                </button>
-                <button
-                  v-if="!run.endedAt"
-                  class="mini-btn"
-                  @click="dcw.closeRun(run.id)"
-                >
-                  {{ $t('dcwDetail.k1blr7y7079') }}
-                </button>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-
-      <!-- 批次数据视图 -->
-      <div
-        v-if="runDataView"
-        class="modal-mask"
-        @click.self="runDataView = null"
-      >
-        <div class="modal">
-          <h3 class="m-title">
-            {{ $t('dcwDetail.k11lq94k145') }} {{ runDataView.data.run.recipeName }}({{ runDataView.runId }})
-          </h3>
-          <p class="sec-label">
-            {{ $t('dcwDetail.k1me41w8080') }}
-          </p>
-          <table class="nodes-table">
-            <thead>
-              <tr>
-                <th>{{ $t('dcwDetail.k48hde081') }}</th>
-                <th>{{ $t('dcwDetail.k45uio082') }}</th>
-                <th>{{ $t('dcwDetail.k40t11083') }}</th>
-                <th>{{ $t('dcwDetail.k3xuaw084') }}</th>
-                <th>min ~ max</th>
-                <th>{{ $t('dcwDetail.k4118o085') }}</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr
-                v-for="d in runDataView.data.daq"
-                :key="d.nodeId"
-              >
-                <td>{{ d.ch }}<small class="mono dim"> {{ d.unit }}</small></td>
-                <td>{{ d.nodeName }}</td>
-                <td class="mono">
-                  {{ d.latest }}
-                </td>
-                <td class="mono">
-                  {{ d.avg }}
-                </td>
-                <td class="mono dim">
-                  {{ d.min }} ~ {{ d.max }}
-                </td>
-                <td class="mono dim">
-                  {{ d.cnt }}
-                </td>
-              </tr>
-              <tr v-if="runDataView.data.daq.length === 0">
-                <td
-                  colspan="6"
-                  class="dim"
-                  style="text-align: center; padding: 12px;"
-                >
-                  {{ $t('dcwDetail.kd457ry086') }}
-                </td>
-              </tr>
-            </tbody>
-          </table>
-          <p class="sec-label">
-            {{ $t('dcwDetail.k12b7cxs087') }}
-          </p>
-          <table class="nodes-table">
-            <thead>
-              <tr>
-                <th>{{ $t('dcwDetail.k3xbjr088') }}</th>
-                <th>{{ $t('dcwDetail.k45uio082') }}</th>
-                <th>{{ $t('dcwDetail.k3ncbsh089') }}</th>
-                <th>{{ $t('dcwDetail.k3lh3mz090') }}</th>
-                <th>{{ $t('dcwDetail.k454pg091') }}</th>
-                <th>{{ $t('dcwDetail.k40ieu092') }}</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr
-                v-for="(w, i) in runDataView.data.writes"
-                :key="i"
-              >
-                <td>{{ w.param }}</td>
-                <td>{{ w.nodeName }}</td>
-                <td class="mono">
-                  {{ w.eng }}
-                </td>
-                <td class="mono dim">
-                  {{ w.raw }}
-                </td>
-                <td>
-                  <span
-                    class="st-pill"
-                    :class="w.ok ? 'ok' : 'alarm'"
-                  >{{ w.ok ? 'ACK' : $t('dcwDetail.k3yit7139') }}</span>
-                </td>
-                <td class="mono dim">
-                  {{ w.at.slice(5, 19) }}
-                </td>
-              </tr>
-              <tr v-if="runDataView.data.writes.length === 0">
-                <td
-                  colspan="6"
-                  class="dim"
-                  style="text-align: center; padding: 12px;"
-                >
-                  {{ $t('dcwDetail.knzcp8i093') }}
-                </td>
-              </tr>
-            </tbody>
-          </table>
-          <div class="m-actions">
-            <button
-              class="aw-pill outline"
-              @click="runDataView = null"
-            >
-              {{ $t('dcwDetail.k3x62t043') }}
-            </button>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- 配方编辑弹窗 -->
-    <div
-      v-if="recipeOpen"
-      class="modal-mask"
-      @click.self="recipeOpen = false"
-    >
-      <div class="modal">
-        <h3 class="m-title">
-          {{ recipeEditing ? $t('dcwDetail.k1iiwk0i163') : $t('dcwDetail.k1efq0r9176') }}
-        </h3>
-        <div class="f-grid">
-          <label class="f">
-            <span>{{ $t('dcwDetail.k1dw4fzf094') }}<em>*</em></span>
-            <select
-              v-model="recipeForm.productId"
-              class="inp"
-            >
-              <option
-                v-for="p in lineProducts"
-                :key="p.id"
-                :value="p.id"
-              >
-                {{ p.name }}
-              </option>
-            </select>
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k1l3f8so095') }}<em>*</em></span>
-            <input
-              v-model="recipeForm.name"
-              class="inp"
-              :placeholder="$t('dcwDetail.k12c11vm014')"
-            >
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k40gkk096') }}</span>
-            <input
-              v-model="recipeForm.description"
-              class="inp"
-              :placeholder="$t('dcwDetail.k1hxx8hy015')"
-            >
-          </label>
-        </div>
-        <p class="sec-label">
-          {{ $t('dcwDetail.ka1kfgh097') }}
-        </p>
-        <div
-          v-for="(p, i) in recipeForm.params"
-          :key="i"
-          class="param-row"
-        >
-          <label class="f">
-            <span>{{ $t('dcwDetail.k1e2dtkt053') }}</span>
-            <select
-              v-model="p.nodeId"
-              class="inp"
-            >
-              <option
-                v-for="n in lineNodes"
-                :key="n.id"
-                :value="n.id"
-              >
-                {{ n.name }}({{ dcwTemplateRefCh(n.templateRef) }} · {{ n.min }}~{{ n.max }} {{ n.unit }})
-              </option>
-            </select>
-            <span
-              v-if="paramStatus(p.nodeId, lineId)"
-              class="row-stale"
-            >{{ paramStatus(p.nodeId, lineId)!.label }}</span>
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k3renp2098') }}<em>*</em></span>
-            <input
-              v-model.number="p.value"
-              type="number"
-              class="inp"
-              :step="0.1"
-            >
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k134rw3b146') }}{{ nodeMin(p.nodeId) ?? '-' }})</span>
-            <input
-              v-model.number="p.min"
-              type="number"
-              class="inp"
-              :step="0.1"
-              :placeholder="$t('dcwDetail.k5vew9z016')"
-            >
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.khrv911147') }}{{ nodeMax(p.nodeId) ?? '-' }})</span>
-            <input
-              v-model.number="p.max"
-              type="number"
-              class="inp"
-              :step="0.1"
-              :placeholder="$t('dcwDetail.kzoh5pr017')"
-            >
-          </label>
-          <button
-            class="mini-btn danger param-del"
-            @click="recipeForm.params.splice(i, 1)"
-          >
-            {{ $t('dcwDetail.k44idg099') }}
-          </button>
-        </div>
-        <button
-          class="mini-btn"
-          @click="recipeForm.params.push({ nodeId: lineNodes[0]?.id ?? '', value: '', min: '', max: '' })"
-        >
-          {{ $t('dcwDetail.k1broh7h100') }}
-        </button>
-        <p class="sec-label">
-          {{ $t('dcwDetail.k1h5gues101') }}
-        </p>
-        <div
-          v-for="(w, i) in recipeForm.daqWindows"
-          :key="`dw-${i}`"
-          class="param-row"
-        >
-          <label class="f">
-            <span>{{ $t('dcwDetail.k1empnnb102') }}</span>
-            <select
-              v-model="w.nodeId"
-              class="inp"
-            >
-              <option
-                v-for="n in lineDaqNodes"
-                :key="n.id"
-                :value="n.id"
-              >
-                {{ n.name }}({{ n.min }}~{{ n.max }} {{ n.unit }})
-              </option>
-            </select>
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.kqm08ap103') }}</span>
-            <input
-              v-model.number="w.min"
-              type="number"
-              class="inp"
-              :step="0.1"
-            >
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.kpypf8g104') }}</span>
-            <input
-              v-model.number="w.max"
-              type="number"
-              class="inp"
-              :step="0.1"
-            >
-          </label>
-          <button
-            class="mini-btn danger param-del"
-            @click="recipeForm.daqWindows.splice(i, 1)"
-          >
-            {{ $t('dcwDetail.k44idg099') }}
-          </button>
-        </div>
-        <button
-          class="mini-btn"
-          :disabled="lineDaqNodes.length === 0"
-          :title="lineDaqNodes.length === 0 ? $t('dcwDetail.noDaqTip') : ''"
-          @click="recipeForm.daqWindows.push({ nodeId: lineDaqNodes[0]?.id ?? '', min: '', max: '' })"
-        >
-          {{ $t('dcwDetail.kv1de1p105') }}
-        </button>
-        <p
-          v-if="recipeStaleNote"
-          class="m-note"
-        >
-          {{ recipeStaleNote }}
-        </p>
-        <p
-          v-if="recipeError"
-          class="m-err"
-        >
-          {{ recipeError }}
-        </p>
-        <div class="m-actions">
-          <button
-            class="aw-pill outline"
-            @click="recipeOpen = false"
-          >
-            {{ $t('dcwDetail.k3xdnn052') }}
-          </button>
-          <button
-            class="pill-btn"
-            :disabled="recipeSaving"
-            @click="saveRecipe"
-          >
-            {{ recipeSaving ? $t('dcwDetail.k1b38d59164') : $t('dcwDetail.k1b3kwg0177') }}
-          </button>
-        </div>
-      </div>
-    </div>
-
-    <!-- 配方版本历史(整体修改变更记录:来源/操作者/原因/参数 diff + 回退) -->
-    <div
-      v-if="verOpen"
-      class="modal-mask"
-      @click.self="verOpen = false"
-    >
-      <div
-        class="modal"
-        style="max-width: 760px;"
-      >
-        <div class="modal-head">
-          <h3>
-            {{ t('dcwDetail.histTitle') }}<span
-              v-if="verRecipe"
-              class="dim"
-              style="margin-left: 8px; font-size: 12px;"
-            >{{ verRecipe.name }} · v{{ verRecipe.version }}</span>
-          </h3>
-          <button
-            class="mini-btn"
-            @click="verOpen = false"
-          >
-            ✕
-          </button>
-        </div>
-        <p
-          v-if="verMsg"
-          class="banner good"
-          style="margin: 6px 0;"
-        >
-          {{ verMsg }}
-        </p>
-        <p
-          v-if="verLoading"
-          class="dim"
-        >
-          {{ t('dcwDetail.histLoading') }}
-        </p>
-        <div
-          v-else-if="verRows.length === 0"
-          class="pane-empty"
-        >
-          {{ t('dcwDetail.histEmpty') }}
-        </div>
-        <div
-          v-for="(row, i) in verRows"
-          v-else
-          :key="row.version"
-          class="ver-row"
-          :class="{ cur: row.current }"
-        >
-          <div class="ver-head">
-            <span class="mono ver-v">v{{ row.version }}</span>
-            <span
-              class="ver-src"
-              :class="row.by ?? (row.current ? 'cur' : '')"
-            >{{ row.current ? t('dcwDetail.histCurrent') : verSrcLabel(row.by) }}</span>
-            <span class="mono dim">{{ row.at.slice(0, 19).replace('T', ' ') }}</span>
-            <span class="ver-actor">{{ row.actorName || '—' }}</span>
-            <button
-              v-if="!row.current"
-              class="mini-btn"
-              @click="doRevert(row.version)"
-            >
-              {{ t('dcwDetail.revertTo') }}
-            </button>
-          </div>
-          <p
-            v-if="row.description"
-            class="ver-desc"
-          >
-            {{ row.description }}
-          </p>
-          <p class="ver-diff mono">
-            {{ verDiff(row, i) }}
-          </p>
-        </div>
-      </div>
-    </div>
-
-    <!-- 产线数据查询(产品/配方/参数/时间/间隔) -->
-    <section class="aw-tile query-card">
-      <p class="sec-label">
-        {{ $t('dcwDetail.k1us3jse106') }}
-      </p>
-      <div class="q-grid">
-        <label class="f">
-          <span>{{ $t('dcwDetail.k3waz1025') }}</span>
-          <select
-            v-model="query.productId"
-            class="inp"
-            @change="query.recipeId = ''"
-          >
-            <option value="">
-              {{ $t('dcwDetail.k1bkl1jx107') }}
-            </option>
-            <option
-              v-for="p in lineProducts"
-              :key="p.id"
-              :value="p.id"
-            >
-              {{ p.name }}
-            </option>
-          </select>
-        </label>
-        <label class="f">
-          <span>{{ $t('dcwDetail.k48grv027') }}</span>
-          <select
-            v-model="query.recipeId"
-            class="inp"
-            :disabled="!query.productId"
-          >
-            <option value="">
-              {{ $t('dcwDetail.k1bkx7cr108') }}
-            </option>
-            <option
-              v-for="r in visibleRecipes"
-              :key="r.id"
-              :value="r.id"
-            >
-              {{ r.name }}
-            </option>
-          </select>
-        </label>
-        <label class="f">
-          <span>{{ $t('dcwDetail.k1demcae109') }}</span>
-          <select
-            v-model="query.paramKey"
-            class="inp"
-          >
-            <option value="">
-              {{ $t('dcwDetail.k1bkx7ya110') }}
-            </option>
-            <option
-              v-for="k in daqParamKeys"
-              :key="k"
-              :value="k"
-            >
-              {{ k }}
-            </option>
-          </select>
-        </label>
-        <label class="f">
-          <span>{{ $t('dcwDetail.k45uio082') }}</span>
-          <select
-            v-model="query.nodeId"
-            class="inp"
-          >
-            <option value="">
-              {{ $t('dcwDetail.k1bkul3k111') }}
-            </option>
-            <option
-              v-for="n in lineDaqNodes"
-              :key="n.id"
-              :value="n.id"
-            >
-              {{ n.name }}
-            </option>
-          </select>
-        </label>
-        <label class="f">
-          <span>{{ $t('dcwDetail.kx2ojn0112') }}</span>
-          <input
-            v-model.number="query.lastMin"
-            type="number"
-            min="1"
-            max="10080"
-            class="inp"
-          >
-        </label>
-        <label class="f">
-          <span>{{ $t('dcwDetail.kjvnvn4113') }}</span>
-          <input
-            v-model.number="query.bucketMs"
-            type="number"
-            min="1000"
-            step="500"
-            class="inp"
-          >
-        </label>
-        <div class="f q-actions">
-          <button
-            class="pill-btn"
-            :disabled="queryBusy"
-            @click="doQuery"
-          >
-            {{ queryBusy ? $t('dcwDetail.k1eyx09r165') : $t('dcwDetail.k416ek178') }}
-          </button>
-        </div>
-      </div>
-      <p
-        v-if="queryError"
-        class="banner bad"
-        style="margin-top: 8px;"
-      >
-        {{ queryError }}
-      </p>
-      <div
-        v-if="queryResult"
-        class="q-result"
-      >
-        <table class="nodes-table">
-          <thead>
-            <tr>
-              <th>{{ $t('dcwDetail.k48hde081') }}</th>
-              <th>{{ $t('dcwDetail.k45uio082') }}</th>
-              <th>{{ $t('dcwDetail.k42kcu114') }}</th>
-              <th>{{ $t('dcwDetail.k49ujb115') }}</th>
-              <th>{{ $t('dcwDetail.k40pvw116') }}</th>
-              <th>{{ $t('dcwDetail.k3xho3117') }}</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr
-              v-for="c in queryResult.channels"
-              :key="c.nodeId"
-            >
-              <td>{{ c.ch }}<small class="mono dim"> {{ c.unit }}</small></td>
-              <td>{{ c.nodeName }}</td>
-              <td class="mono">
-                {{ c.points.length }}
-              </td>
-              <td class="mono">
-                {{ fmtPoint(c.points[0]) }}
-              </td>
-              <td class="mono">
-                {{ fmtPoint(c.points[c.points.length - 1]) }}
-              </td>
-              <td class="mono dim">
-                {{ new Date(c.points[0]?.at ?? 0).toLocaleTimeString() }} ~ {{ new Date(c.points[c.points.length - 1]?.at ?? 0).toLocaleTimeString() }}
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </section>
-
-    <!-- 写历史 -->
-    <section
-      v-if="lineHistory.length"
-      class="aw-tile table-card"
-    >
-      <p class="sec-label">
-        {{ $t('dcwDetail.kw7ym9b148') }} {{ lineHistory.length }} {{ $t('dcwDetail.k40bfz150') }}
-      </p>
-      <table class="nodes-table">
-        <tbody>
-          <tr
-            v-for="h in lineHistory.slice(0, 12)"
-            :key="h.id"
-          >
-            <td class="mono dim">
-              {{ h.at.slice(5, 19) }}
-            </td>
-            <td>{{ h.param }}</td>
-            <td>{{ h.nodeName }}</td>
-            <td class="mono">
-              {{ h.eng }}
-            </td>
-            <td class="mono dim">
-              raw {{ h.raw ?? '-' }}
-            </td>
-            <td>
-              <span
-                class="st-pill"
-                :class="h.ok ? 'ok' : 'alarm'"
-              >{{ h.ok ? 'ACK' : $t('dcwDetail.k3yit7139') }}</span>
-            </td>
-            <td class="dim">
-              {{ h.recipeRunId ? $t('dcwDetail.k6vgks7181', { p0: h.recipeRunId }) : $t('dcwDetail.manualTag') }}
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </section>
-
-    <!-- 新建产品弹窗 -->
-    <div
-      v-if="productOpen"
-      class="modal-mask"
-      @click.self="productOpen = false"
-    >
-      <div class="modal">
-        <h3 class="m-title">
-          {{ $t('dcwDetail.k1efduyf118') }}
-        </h3>
-        <div class="f-grid">
-          <label class="f">
-            <span>{{ $t('dcwDetail.k1avjrl6119') }}<em>*</em></span>
-            <input
-              v-model="productForm.name"
-              class="inp"
-              :placeholder="$t('dcwDetail.k12c11vm014')"
-            >
-          </label>
-          <label class="f">
-            <span>{{ $t('dcwDetail.k40gkk096') }}</span>
-            <input
-              v-model="productForm.description"
-              class="inp"
-              :placeholder="$t('dcwDetail.k1hxx8hy015')"
-            >
-          </label>
-        </div>
-        <p
-          v-if="productError"
-          class="m-err"
-        >
-          {{ productError }}
-        </p>
-        <div class="m-actions">
-          <button
-            class="aw-pill outline"
-            @click="productOpen = false"
-          >
-            {{ $t('dcwDetail.k3xdnn052') }}
-          </button>
-          <button
-            class="pill-btn"
-            :disabled="productSaving"
-            @click="doCreateProduct"
-          >
-            {{ productSaving ? $t('dcwDetail.k1bg4759156') : $t('dcwDetail.k1bg4kn6179') }}
-          </button>
-        </div>
-      </div>
-    </div>
-
-    <p
-      v-if="dcw.error"
-      class="err"
-    >
-      {{ dcw.error }}(<NuxtLink to="/workshop">{{ $t('dcwDetail.k1bhhheq120') }}</NuxtLink>)
-    </p>
-
-    <!-- 参数台账(调控闭环:当前值/配方目标/lastGood 三值对照 + 设定历史 + 优化记录) -->
-    <section class="aw-tile ledger-card">
-      <div class="ledger-head">
-        <b>{{ $t('dcwDetail.k1ledgt001') }}</b>
-        <select
-          v-model="ledgerNodeId"
-          class="inp"
-          @change="loadLedger"
-        >
-          <option value="">
-            {{ $t('dcwDetail.k1ledgs001') }}
-          </option>
-          <option
-            v-for="n in lineNodes"
-            :key="n.id"
-            :value="n.id"
-          >
-            {{ n.name }}
-          </option>
-        </select>
-      </div>
-      <template v-if="ledger">
-        <div class="ledger-tri">
-          <div class="tri-cell">
-            <small>{{ $t('dcwDetail.k1ledgv001') }}</small>
-            <b class="mono">{{ ledger.current ?? '--' }}</b>
-          </div>
-          <div class="tri-cell">
-            <small>{{ $t('dcwDetail.k1ledgv002') }}</small>
-            <b class="mono">{{ ledger.recipeTarget ?? '--' }}</b>
-          </div>
-          <div class="tri-cell">
-            <small>{{ $t('dcwDetail.k1ledgv003') }}</small>
-            <b class="mono">{{ ledger.lastGood ?? '--' }}</b>
-          </div>
-          <button
-            class="mini-btn"
-            @click="loadLedger"
-          >
-            {{ $t('dcwDetail.k1ledga001') }}
-          </button>
-          <button
-            class="mini-btn danger"
-            @click="rollbackLedgerNode"
-          >
-            {{ $t('dcwDetail.k1ledga002') }}
-          </button>
-        </div>
-        <div class="ledger-cols">
-          <div class="ledger-col">
-            <small class="sec-t">{{ $t('dcwDetail.k1ledgh001') }}</small>
-            <ul class="ledger-list mono">
-              <li
-                v-for="a in ledger.journal"
-                :key="a.id"
-              >
-                {{ a.at.slice(5, 16).replace('T', ' ') }} [{{ a.source }}] {{ a.prevValue ?? '?' }} → {{ a.newValue }}
-              </li>
-            </ul>
-          </div>
-          <div class="ledger-col">
-            <small class="sec-t">{{ $t('dcwDetail.k1ledgr001') }}</small>
-            <ul class="ledger-list">
-              <li
-                v-for="r in ledger.records"
-                :key="r.id"
-                class="ledger-rec"
-              >
-                <span
-                  class="rec-st"
-                  :class="r.status"
-                >{{ r.status }}</span>
-                <span class="mono">{{ r.params[0]?.from ?? '?' }} → {{ r.params[0]?.to }}</span>
-                <small>{{ r.judge ? `${r.judge.verdict}(${r.judge.by})` : (r.status === 'open' ? 'open' : r.closedBy ?? '') }}</small>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </template>
-    </section>
-  </div>
-</template>
-
-<style scoped>
-.line-chip {
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin-right: 8px;
-  vertical-align: -1px;
-  border-radius: 3px;
-  box-shadow: 0 0 10px currentColor;
-}
-.param-chip.daqwin { color: #41c8f4; border-color: rgba(65, 200, 244, 0.4); }
-.adopt-card { display: flex; gap: 12px; align-items: flex-start; flex-wrap: wrap; }
-.adopt-title { font-size: 12px; color: var(--aw-dim, #8fa0b5); flex: none; padding-top: 4px; }
-.adopt-list { display: flex; gap: 8px; flex-wrap: wrap; }
-.adopt-chip {
-  display: inline-flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  align-items: center;
-  padding: 4px 8px;
-  font-size: 11.5px;
-  color: #e8eef8;
-  background: rgba(13, 20, 32, 0.7);
-  border: 1px solid rgba(60, 80, 110, 0.5);
-  border-radius: 8px;
-}
-.page { padding: 4px; }
-h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.015em; }
-
-/* ── 参数台账(调控闭环) ── */
-.ledger-card { padding: 14px 18px; margin-bottom: 14px; }
-.ledger-head { display: flex; gap: 12px; align-items: center; }
-.ledger-head b { font-size: 13.5px; }
-.ledger-tri { display: flex; gap: 12px; align-items: center; margin-top: 12px; }
-.tri-cell {
-  display: flex;
-  flex: 0 0 auto;
-  flex-direction: column;
-  gap: 2px;
-  padding: 8px 16px;
-  background: var(--paper-deep);
-  border: 1px solid var(--line-strong);
-  border-radius: var(--radius-chip);
-}
-.tri-cell small { font-size: 11.5px; color: var(--ink-faint); }
-.tri-cell b { font-size: 17px; color: var(--ink); }
-.ledger-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 12px; }
-.sec-t { display: block; margin-bottom: 6px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.12em; color: var(--ink-faint); }
-.ledger-list { display: flex; flex-direction: column; gap: 3px; max-height: 200px; margin: 0; padding: 0; overflow: auto; font-size: 11.5px; color: var(--ink-soft); list-style: none; }
-.ledger-rec { display: flex; gap: 8px; align-items: center; }
-.rec-st {
-  flex: none;
-  padding: 0 6px;
-  font-family: var(--font-mono);
-  font-size: 11.5px;
-  color: var(--ink-faint);
-  border: 1px solid var(--line-strong);
-  border-radius: 4px;
-}
-.rec-st.open { color: var(--tone-warning-dot); border-color: var(--tone-warning-dot); }
-.tri-cell b { overflow-wrap: anywhere; }
-.rec-st.judged { color: var(--tone-warning-dot); border-color: var(--tone-warning-dot); opacity: 0.85; }
-.rec-st.rolled-back, .rec-st.judged-keep { color: var(--tone-success-dot); border-color: var(--tone-success-dot); }
-.sub { margin: 0; font-size: 12.5px; opacity: 0.6; }
-.mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
-.dim { opacity: 0.55; }
-.badges { display: flex; gap: 8px; }
-.badge { padding: 3px 10px; font-size: 11.5px; letter-spacing: 0.05em; color: var(--ink-soft); border: 1px solid var(--line-strong); border-radius: var(--radius-chip); }
-
-.ctrl-card { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; padding: 14px 18px; margin-bottom: 14px; }
-.ctrl-left { display: flex; gap: 14px; align-items: center; }
-.aw-pill.running { background: var(--accent); }
-.ctrl-right { display: flex; gap: 12px; align-items: center; }
-.ctrl-metrics { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; font-size: 11.5px; color: var(--ink-soft); }
-.ctrl-metrics .sep { opacity: 0.4; }
-.ctrl-metrics .warn { color: var(--tone-warning-dot); }
-.add-btn { padding: 8px 16px; font-size: 13px; }
-
-.banner { padding: 9px 14px; margin: 0 0 12px; font-size: 12.5px; border-radius: var(--radius-chip); }
-.banner.bad { color: var(--tone-danger-dot); background: var(--tone-danger-bg); border: 1px solid color-mix(in srgb, var(--tone-danger-dot) 40%, transparent); }
-.banner.good { color: var(--tone-success-dot); background: var(--tone-success-bg); border: 1px solid color-mix(in srgb, var(--tone-success-dot) 40%, transparent); }
-
-.table-card { overflow-x: auto; margin-bottom: 14px; }
-.nodes-table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
-.nodes-table th, .nodes-table td { padding: 9px 12px; text-align: left; border-bottom: 1px solid var(--divider-hair); }
-.nodes-table th { font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-faint); border-bottom: 1px solid var(--line-strong); }
-.nodes-table td b { margin-left: 8px; }
-.ch { display: block; margin-top: 2px; font-size: 11.5px; color: var(--ink-faint); }
-.right { text-align: right; }
-.val { font-size: 13px; }
-.val small { margin-left: 3px; color: var(--ink-faint); }
-.read-stale { color: var(--tone-danger-dot, #e05a5a); text-decoration: underline dotted; text-underline-offset: 3px; }
-.read-btn { margin-left: 8px; }
-
-.st-pill { display: inline-block; padding: 3px 9px; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.04em; border-radius: var(--radius-pill); }
-.st-pill.ok { color: var(--tone-success-dot); background: var(--tone-success-bg); }
-.st-pill.writing { color: var(--ink); background: var(--hover-tint); }
-.st-pill.error, .st-pill.alarm { color: var(--tone-danger-dot); background: var(--tone-danger-bg); }
-.st-pill.warn { color: var(--tone-warning-dot); background: var(--tone-warning-bg); }
-.st-pill.offline, .st-pill.idle { color: var(--tone-neutral-dot); background: var(--tone-neutral-bg); }
-.st-pill.paused { color: var(--tone-warning-dot); background: var(--tone-warning-bg); }
-
-/* 逐节点 控制开关 */
-.ctrl-toggle { display: inline-flex; gap: 6px; align-items: center; padding: 3px 10px; font-size: 11.5px; cursor: pointer; color: var(--ink-faint); background: var(--paper-deep); border: 1px solid var(--line-strong); border-radius: var(--radius-pill); }
-.ctrl-toggle .ct-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--tone-neutral-dot); }
-.ctrl-toggle.on { color: var(--tone-success-dot); border-color: color-mix(in srgb, var(--tone-success-dot) 45%, transparent); }
-.ctrl-toggle.on .ct-dot { background: var(--tone-success-dot); box-shadow: 0 0 6px var(--tone-success-dot); }
-.ctrl-toggle:disabled { opacity: 0.55; cursor: wait; }
-.node-paused td { opacity: 0.6; }
-.node-paused .write-row { opacity: 0.5; }
-
-/* 模板弹窗 */
-.tpl-hint { margin: 0 0 10px; font-size: 12px; }
-.recipe-hd { flex-wrap: wrap; }
-.recipe-actions { flex-wrap: wrap; }
-.tpl-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; }
-.tpl-chip { display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 3px 9px; font-size: 11.5px; color: var(--ink-soft); background: var(--paper-deep); border: 1px solid var(--line); border-radius: var(--radius-chip); }
-.tpl-chip small { color: var(--ink-faint); }
-.tpl-tag { padding: 1px 6px; font-size: 11.5px; font-style: normal; color: var(--accent); border: 1px solid color-mix(in srgb, var(--accent) 40%, transparent); border-radius: var(--radius-pill); }
-.tpl-tag.builtin { color: var(--ink-faint); border-color: var(--line-strong); }
-
-.write-row { display: flex; gap: 6px; align-items: center; }
-.write-inp { width: 92px; padding: 4px 8px; }
-.write-btn { padding: 5px 12px; }
-.mini-btn { margin-right: 4px; }
-.mini-btn.danger { color: var(--tone-danger-dot); }
-.mini-btn:hover { border-color: var(--accent); color: var(--accent); }
-.inp { padding: 5px 9px; font-size: 12.5px; color: var(--ink); background: var(--paper-deep); border: 1px solid var(--line-strong); border-radius: var(--radius-chip); }
-
-.line-card { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; padding: 14px 18px; margin-bottom: 14px; }
-.line-status { display: flex; gap: 12px; align-items: center; min-width: 260px; }
-.line-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--tone-neutral-dot); box-shadow: 0 0 0 4px color-mix(in srgb, var(--tone-neutral-dot) 20%, transparent); }
-.line-dot.on { background: var(--tone-success-dot); box-shadow: 0 0 0 4px color-mix(in srgb, var(--tone-success-dot) 22%, transparent); animation: linePulse 1.6s infinite; }
-@keyframes linePulse { 0%, 100% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--tone-success-dot) 25%, transparent); } 50% { box-shadow: 0 0 0 7px color-mix(in srgb, var(--tone-success-dot) 8%, transparent); } }
-.line-info b { font-size: 14px; }
-.line-info small { display: block; margin-top: 2px; font-size: 11px; }
-.line-ctl { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
-.ctl-sel { display: flex; flex-direction: column; gap: 4px; font-size: 11px; color: var(--ink-faint); }
-.ctl-sel .inp { min-width: 150px; }
-/* 配方参数行:窄屏不再按 5 列硬分,否则数值列被压成竖排字 */
-.param-chip { overflow-wrap: anywhere; }
-.product-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
-.prod-chip { display: inline-flex; gap: 6px; align-items: center; padding: 4px 12px; font-size: 12px; cursor: pointer; color: var(--ink-soft); background: var(--paper-deep); border: 1px solid var(--line-strong); border-radius: var(--radius-pill); }
-.prod-chip.on { color: var(--on-accent); background: var(--accent); border-color: var(--accent); }
-.prod-del { color: var(--tone-danger-dot); font-weight: 700; }
-.query-card { padding: 14px 18px; margin-bottom: 14px; }
-.q-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; align-items: end; }
-/* 配方网格:minmax(320px) 在 355px 画布(减去卡片内边距)里会溢出 1px,用 min() 兜住 */
-.recipe-grid { grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); }
-.q-grid .f { font-size: 11px; color: var(--ink-faint); }
-.q-actions { justify-content: flex-end; }
-.q-result { margin-top: 12px; overflow-x: auto; }
-.cal-form { grid-template-columns: 2fr 1fr; align-items: end; }
-.recipe-card { padding: 16px 18px; margin-bottom: 14px; }
-.recipe-hd { display: flex; gap: 10px; align-items: center; margin-bottom: 6px; }
-.recipe-hd h3 { margin: 0; font-size: 16px; }
-.panel-tag { padding: 2px 8px; font-size: 11.5px; color: var(--ink-soft); border: 1px solid var(--line-strong); border-radius: var(--radius-chip); }
-.recipe-sub { margin: 0 0 14px; font-size: 12px; color: var(--ink-faint); }
-.recipe-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; }
-.recipe-item { padding: 12px 14px; background: var(--paper-deep); border: 1px solid var(--line); border-radius: var(--radius-chip); }
-.recipe-name b { font-size: 13.5px; }
-.recipe-name small { margin-left: 8px; }
-.desc { margin: 4px 0; font-size: 12px; }
-.recipe-params { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
-.param-chip { padding: 2px 8px; font-size: 11.5px; color: var(--accent); background: color-mix(in srgb, var(--accent) 8%, transparent); border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent); border-radius: var(--radius-chip); }
-.recipe-actions { display: flex; gap: 6px; align-items: center; margin-top: 8px; }
-/* ---------- 配方版本历史 ---------- */
-.ver-row { padding: 10px 12px; margin-bottom: 8px; border: 1px solid var(--divider-hair); border-radius: 10px; }
-.ver-row.cur { background: color-mix(in srgb, var(--accent) 6%, transparent); border-color: color-mix(in srgb, var(--accent) 30%, transparent); }
-.ver-head { display: flex; gap: 10px; align-items: center; }
-.ver-v { font-weight: 700; font-size: 13px; }
-.ver-src { padding: 1px 8px; font-size: 11.5px; border: 1px solid var(--line-strong); border-radius: var(--radius-pill); }
-.ver-src.agent { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 50%, transparent); }
-.ver-src.user { color: var(--ink-soft); }
-.ver-src.system { color: var(--ink-faint); }
-.ver-src.cur { color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, transparent); border-color: transparent; }
-.ver-actor { font-family: var(--font-mono); font-size: 12px; color: var(--ink-soft); }
-.ver-desc { margin: 6px 0 0; font-size: 12px; color: var(--ink); }
-.ver-diff { margin: 4px 0 0; font-size: 11px; color: var(--ink-faint); }
-.sec-label { margin: 14px 0 6px; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-faint); }
-.runs { margin-top: 6px; }
-
-.modal-mask { position: fixed; z-index: 50; inset: 0; display: flex; align-items: center; justify-content: center; background: var(--scrim); backdrop-filter: blur(2px); }
-.modal { width: 680px; max-width: 94vw; max-height: 88vh; overflow-y: auto; padding: 22px 24px; background: var(--surface-glass-strong); backdrop-filter: var(--aurora-blur); border: 1px solid var(--glass-line); border-radius: var(--radius-panel); box-shadow: var(--glass-edge), var(--shadow-float); }
-.m-title { margin: 0 0 14px; font-size: 17px; }
-.seg-row { display: flex; gap: 8px; margin-bottom: 14px; }
-.seg { flex: 1; padding: 8px 0; font-size: 13px; cursor: pointer; color: var(--ink-faint); background: var(--paper-deep); border: 1px solid var(--line); border-radius: var(--radius-chip); }
-.seg.on { font-weight: 600; color: var(--on-accent); background: var(--accent); border-color: var(--accent); }
-.f-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
-.driver-form { grid-template-columns: repeat(3, 1fr); }
-.param-row { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr auto; gap: 8px; align-items: end; margin-bottom: 8px; }
-.param-row .f { flex: 1; }
-.param-del { margin-bottom: 2px; }
-.f { display: flex; flex-direction: column; gap: 4px; font-size: 11.5px; color: var(--ink-faint); }
-.f em { margin-left: 3px; font-style: normal; }
-.hint { font-size: 11.5px; color: var(--ink-faint); }
-.test-row { display: flex; gap: 10px; align-items: center; margin: 6px 0 4px; }
-.test-result { font-family: var(--font-mono); font-size: 11px; }
-.test-result.good { color: var(--tone-success-dot); }
-.test-result.bad { color: var(--tone-danger-dot); }
-.m-err { margin: 8px 0 0; font-size: 12px; color: var(--tone-danger-dot); }
-.m-note { margin: 8px 0 0; font-size: 12px; color: var(--ink-faint); }
-/* 失效配方参数:灰化 + 徽标 */
-.param-chip.stale { color: var(--ink-faint); background: color-mix(in srgb, var(--ink) 5%, transparent); border-color: var(--divider-hair); text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--ink-faint) 60%, transparent); }
-.chip-stale-tag { margin-left: 5px; padding: 0 5px; font-size: 11.5px; font-style: normal; color: var(--tone-danger-dot); background: color-mix(in srgb, var(--tone-danger-dot) 8%, transparent); border: 1px solid color-mix(in srgb, var(--tone-danger-dot) 30%, transparent); border-radius: var(--radius-chip); text-decoration: none; }
-.row-stale { flex: none; padding: 1px 7px; font-size: 11.5px; color: var(--tone-danger-dot); border: 1px solid color-mix(in srgb, var(--tone-danger-dot) 30%, transparent); border-radius: var(--radius-chip); }
-.m-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 16px; }
-.aw-pill.outline { color: var(--ink); background: var(--paper-raised); border-color: var(--line-strong); }
-.err { margin-top: 14px; font-size: 13px; color: var(--tone-danger-dot); }
-@media (prefers-reduced-motion: no-preference) {
-  .nodes-table tbody tr:hover { background: var(--hover-tint); }
-}
-
-/* ══ 窄屏自适应层(≤900 手持/平板竖,≤640 单列)════════════════════════════
-   375px 下本页的三类实测缺陷:网关总控条右侧三件套不换行(整块顶出画布)、
-   运行控制行的两个 150px 选择器 + 按钮并排超宽、微标签 9~10.5px。 */
-@media (max-width: 900px) {
-  .ctrl-card { gap: 12px; padding: 12px; }
-  .ctrl-right { flex-wrap: wrap; gap: 8px 10px; width: 100%; }
-  .ctrl-metrics { width: 100%; }
-  .line-card { gap: 12px; padding: 12px; }
-  .line-status { min-width: 0; }
-  .line-ctl { width: 100%; }
-  .ctl-sel { flex: 1 1 140px; min-width: 0; }
-  .ctl-sel .inp { min-width: 0; width: 100%; }
-  .line-ctl .pill-btn { flex: 1 1 120px; }
-
-  /* 控制节点表:保留列语义,给一条可横扫的卷轴 + 首列钉住 */
-  .table-card { overflow-x: auto; -webkit-overflow-scrolling: touch; }
-  .nodes-table { min-width: 1080px; }
-  .nodes-table th,
-  .nodes-table td { white-space: nowrap; }
-  .nodes-table thead > tr > th:first-child,
-  .nodes-table tbody > tr > td:first-child {
-    position: sticky;
-    left: 0;
-    z-index: 2;
-    background: var(--paper-raised);
-    box-shadow: 1px 0 0 var(--line);
-  }
-
-  .adopt-card { padding: 12px; }
-  .ledger-card,
-  .recipe-card,
-  .query-card { padding: 12px; }
-  .ledger-cols { grid-template-columns: 1fr; }
-  .ledger-tri { flex-wrap: wrap; }
-
-  /* 触摸目标:手持命中区 ≥40px(main.css 只在 pointer:coarse 下兜底) */
-  .mini-btn,
-  .pill-btn,
-  .aw-pill,
-  .ctrl-toggle,
-  .inp,
-  .write-inp,
-  .prod-chip,
-  .tpl-chip {
-    min-height: 40px;
-  }
-
-  .write-inp { width: 100%; min-width: 90px; }
-  .write-row { flex-wrap: wrap; }
-
-  /* 弹窗表单:两列/三列在窄屏一律落成一列,否则标签被压成竖排字 */
-  .f-grid,
-  .driver-form,
-  .cal-form { grid-template-columns: 1fr; }
-  .q-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .param-row { grid-template-columns: 1fr 1fr; }
-  .modal {
-    width: calc(100vw - 20px);
-    max-width: calc(100vw - 20px);
-    padding: 16px 14px;
-  }
-  .seg { padding: 10px 0; min-height: 40px; }
-  .m-actions { flex-wrap: wrap; }
-  .m-actions > * { flex: 1 1 auto; }
-  .recipe-hd .pill-btn,
-  .recipe-hd .mini-btn { min-height: 40px; }
-}
-
-@media (max-width: 640px) {
-  h1 { font-size: 22px; }
-  .q-grid { grid-template-columns: 1fr; }
-}
-</style>
+<script setup lang="ts">
+/**
+ * 单产线专业控制台(/dcw/[id])—— 网关总控 / 产线启停 / 控制节点清单 / 产品与配方 /
+ * 配方版本历史 / 产线数据查询 / 写历史 / 参数台账(调控闭环)。
+ *
+ * 页面只做编排:路由作用域、写路径、台账、产线启停、产品、配方、查询、添加节点、控制模板
+ * 各一个 composable(状态各归其主);视图放在 components/dcw/ 下的子组件
+ * (绝不放进 pages/** —— 那会生成路由),样式随标记进各组件自己的 scoped 样式块
+ * (scoped 的 data-v 不跨组件,共享工具类各自持有一份逐字相同的副本)。
+ * 弹窗与面板经 v-model 就地读写 composable 持有的同一份状态,不产生第二副本。
+ */
+import { useDcwAddNode } from './composables/useDcwAddNode'
+import { useDcwDetailScope } from './composables/useDcwDetailScope'
+import { useDcwDetailTemplates } from './composables/useDcwDetailTemplates'
+import { useDcwLedger } from './composables/useDcwLedger'
+import { useDcwLineRun } from './composables/useDcwLineRun'
+import { useDcwProducts } from './composables/useDcwProducts'
+import { useDcwQuery } from './composables/useDcwQuery'
+import { useDcwRecipes } from './composables/useDcwRecipes'
+import { useDcwWrites } from './composables/useDcwWrites'
+
+const scope = useDcwDetailScope()
+const writes = useDcwWrites()
+const ledgerCtl = useDcwLedger()
+const lineRun = useDcwLineRun(scope)
+const products = useDcwProducts(scope, lineRun)
+const recipes = useDcwRecipes(scope, products, lineRun, writes)
+const queryCtl = useDcwQuery(scope)
+const addNode = useDcwAddNode(scope)
+const tplCtl = useDcwDetailTemplates(addNode)
+
+const { dcw, line, lineId, ls, lineNodes, lineProducts, lineRecipesAll, lineRuns, lineHistory, unassignedNodes, unassignedProducts, stateLabel, dcwTemplateRefCh, nodeMin, nodeMax, lineDaqNodes, daqNodeCh, adoptNode, adoptProduct, productName, paramStatus, paramNodeName, daqWindowStatus, nodeDeviceNames } = scope
+const { setInputs, writingId, writeError, writeOk, readingId, togglingId, doWrite, doRead, toggleControl } = writes
+const { ledgerNodeId, ledger, loadLedger, rollbackLedgerNode } = ledgerCtl
+const { lineProductId, lineRecipeId, lineBusy, lineMsg, lineErr, lineRecipes, doLineStart, doLineStop } = lineRun
+const { filterProductId, visibleRecipes, productOpen, productSaving, productError, productForm, doCreateProduct } = products
+const { verOpen, verRecipe, verRows, verLoading, verMsg, doRevert, recipeOpen, recipeEditing, recipeSaving, recipeError, recipeStaleNote, recipeForm, applyResult, runDataView, runDataLoading, openRecipeCreate, openRecipeEdit, openRecipeHistory, saveRecipe, doApplyRecipe, doViewRun } = recipes
+const { query, queryBusy, queryError, queryResult, doQuery, daqParamKeys } = queryCtl
+const { addOpen, addScenario, addTemplate, addDriver, addName, addHold, addRead, addWriteLock, addCfg, addTransform, addSemantics, addTesting, addTest, addSaving, addError, addFields, driverCatalog, doTestConnection, doAddNode } = addNode
+const { tplOpen, tplSaving, tplError, tplOk, tplForm, tplIcons, builtinCount, customCount, openTplModal, doCreateTemplate } = tplCtl
+</script>
+
+<template>
+  <div
+    v-if="dcw.loaded && !line"
+    class="page"
+  >
+    <p class="banner bad">
+      {{ $t('dcwDetail.k19337yp018') }}
+    </p>
+    <NuxtLink
+      class="pill-btn"
+      to="/dcw"
+    >
+      {{ $t('dcwDetail.kllwu1c019') }}
+    </NuxtLink>
+  </div>
+  <div
+    v-else
+    class="page"
+  >
+    <DcwDetailHead
+      :line="line"
+      :line-id="lineId"
+      :nodes-count="lineNodes.length"
+      :products-count="lineProducts.length"
+      :recipes-count="lineRecipesAll.length"
+    />
+
+    <!-- 网关总控条 -->
+    <DcwGatewayBar
+      :running="dcw.controller.running"
+      :nodes-online="dcw.controller.nodesOnline"
+      :nodes-total="dcw.controller.nodesTotal"
+      :writes-total="dcw.controller.writesTotal"
+      :writes-failed="dcw.controller.writesFailed"
+      @toggle="dcw.startStop"
+      @open-templates="openTplModal"
+      @open-add="addOpen = true"
+    />
+
+    <!-- 写错误/成功横幅 -->
+    <p
+      v-if="writeError || writeOk"
+      class="banner"
+      :class="writeError ? 'bad' : 'good'"
+    >
+      {{ writeError || writeOk }}
+    </p>
+
+    <!-- 未分配资产收编(历史节点/产品迁移到本产线) -->
+    <DcwAdoptCard
+      :unassigned-nodes="unassignedNodes"
+      :unassigned-products="unassignedProducts"
+      @adopt-node="adoptNode"
+      @adopt-product="adoptProduct"
+    />
+
+    <!-- 产线运行控制:开跑必设配方;窗口内数采逐样本打标 -->
+    <DcwLineRunCard
+      v-model:product-id="lineProductId"
+      v-model:recipe-id="lineRecipeId"
+      :ls="ls"
+      :line-products="lineProducts"
+      :line-recipes="lineRecipes"
+      :line-busy="lineBusy"
+      :line-msg="lineMsg"
+      :line-err="lineErr"
+      @start="doLineStart"
+      @stop="doLineStop"
+    />
+
+    <!-- 添加控制节点模板(自定义创建) -->
+    <DcwDetailTemplateModal
+      v-model:open="tplOpen"
+      v-model:form="tplForm"
+      :templates="dcw.templates"
+      :tpl-icons="tplIcons"
+      :builtin-count="builtinCount"
+      :custom-count="customCount"
+      :tpl-saving="tplSaving"
+      :tpl-error="tplError"
+      :tpl-ok="tplOk"
+      @submit="doCreateTemplate"
+      @close="tplOpen = false"
+    />
+
+    <!-- 添加控制节点向导 -->
+    <DcwAddNodeModal
+      v-model:open="addOpen"
+      v-model:scenario="addScenario"
+      v-model:template="addTemplate"
+      v-model:driver="addDriver"
+      v-model:name="addName"
+      v-model:hold="addHold"
+      v-model:read="addRead"
+      v-model:write-lock="addWriteLock"
+      v-model:cfg="addCfg"
+      v-model:transform="addTransform"
+      v-model:semantics="addSemantics"
+      :templates="dcw.templates"
+      :driver-catalog="driverCatalog"
+      :add-fields="addFields"
+      :add-testing="addTesting"
+      :add-test="addTest"
+      :add-saving="addSaving"
+      :add-error="addError"
+      @test="doTestConnection"
+      @submit="doAddNode"
+    />
+
+    <!-- 控制节点清单 -->
+    <DcwNodesTable
+      v-model:set-inputs="setInputs"
+      :line-nodes="lineNodes"
+      :state-label="stateLabel"
+      :toggling-id="togglingId"
+      :reading-id="readingId"
+      :writing-id="writingId"
+      :loaded="dcw.loaded"
+      :error="dcw.error"
+      :dcw-template-ref-ch="dcwTemplateRefCh"
+      :node-device-names="nodeDeviceNames"
+      @toggle="toggleControl"
+      @read="doRead"
+      @write="doWrite"
+      @remove="dcw.removeNode"
+    />
+
+    <!-- 产品与配方管理 -->
+    <DcwRecipePanel
+      v-model:filter-product-id="filterProductId"
+      :line-products="lineProducts"
+      :visible-recipes="visibleRecipes"
+      :line-runs="lineRuns"
+      :apply-result="applyResult"
+      :run-data-view="runDataView"
+      :run-data-loading="runDataLoading"
+      :product-name="productName"
+      :param-status="paramStatus"
+      :param-node-name="paramNodeName"
+      :daq-window-status="daqWindowStatus"
+      :daq-node-ch="daqNodeCh"
+      @create="openRecipeCreate"
+      @open-product="productOpen = true"
+      @apply="doApplyRecipe"
+      @edit="openRecipeEdit"
+      @history="openRecipeHistory"
+      @remove-recipe="dcw.removeRecipe"
+      @remove-product="dcw.removeProduct"
+      @view-run="doViewRun"
+      @close-run="dcw.closeRun"
+      @close-run-data="runDataView = null"
+    />
+
+    <!-- 配方编辑弹窗 -->
+    <DcwRecipeEditModal
+      v-model:open="recipeOpen"
+      v-model:form="recipeForm"
+      :line-products="lineProducts"
+      :line-nodes="lineNodes"
+      :line-daq-nodes="lineDaqNodes"
+      :line-id="lineId"
+      :recipe-editing="recipeEditing"
+      :recipe-saving="recipeSaving"
+      :recipe-error="recipeError"
+      :recipe-stale-note="recipeStaleNote"
+      :dcw-template-ref-ch="dcwTemplateRefCh"
+      :node-min="nodeMin"
+      :node-max="nodeMax"
+      :param-status="paramStatus"
+      @submit="saveRecipe"
+      @close="recipeOpen = false"
+    />
+
+    <!-- 配方版本历史(整体修改变更记录:来源/操作者/原因/参数 diff + 回退) -->
+    <DcwRecipeHistoryModal
+      v-model:open="verOpen"
+      :ver-recipe="verRecipe"
+      :ver-rows="verRows"
+      :ver-loading="verLoading"
+      :ver-msg="verMsg"
+      :param-node-name="paramNodeName"
+      @revert="doRevert"
+      @close="verOpen = false"
+    />
+
+    <!-- 产线数据查询(产品/配方/参数/时间/间隔) -->
+    <DcwQueryCard
+      v-model:query="query"
+      :line-products="lineProducts"
+      :visible-recipes="visibleRecipes"
+      :line-daq-nodes="lineDaqNodes"
+      :daq-param-keys="daqParamKeys"
+      :query-busy="queryBusy"
+      :query-error="queryError"
+      :query-result="queryResult"
+      @run="doQuery"
+    />
+
+    <!-- 写历史 -->
+    <DcwWriteHistoryCard
+      v-if="lineHistory.length"
+      :line-history="lineHistory"
+    />
+
+    <!-- 新建产品弹窗 -->
+    <DcwProductCreateModal
+      v-model:open="productOpen"
+      v-model:form="productForm"
+      :product-saving="productSaving"
+      :product-error="productError"
+      @submit="doCreateProduct"
+      @close="productOpen = false"
+    />
+
+    <p
+      v-if="dcw.error"
+      class="err"
+    >
+      {{ dcw.error }}(<NuxtLink to="/workshop">{{ $t('dcwDetail.k1bhhheq120') }}</NuxtLink>)
+    </p>
+
+    <!-- 参数台账(调控闭环:当前值/配方目标/lastGood 三值对照 + 设定历史 + 优化记录) -->
+    <DcwLedgerCard
+      v-model:node-id="ledgerNodeId"
+      :line-nodes="lineNodes"
+      :ledger="ledger"
+      @load="loadLedger"
+      @rollback="rollbackLedgerNode"
+    />
+  </div>
+</template>
+
+<style scoped>
+/* 共享工具类随标记搬入本组件:scoped 的 data-v 归属不跨组件,
+   凡在多组件出现的规则(.mono/.dim/.inp/.mini-btn/.modal-mask/.banner/.nodes-table/.sec-label/.st-pill 等)
+   在此各持一份逐字相同的副本,以保证每个元素命中的声明集与拆分前一致,同时不引入任何全局选择器。 */
+
+.page { padding: 4px; }
+
+.banner { padding: 9px 14px; margin: 0 0 12px; font-size: 12.5px; border-radius: var(--radius-chip); }
+.banner.bad { color: var(--tone-danger-dot); background: var(--tone-danger-bg); border: 1px solid color-mix(in srgb, var(--tone-danger-dot) 40%, transparent); }
+.banner.good { color: var(--tone-success-dot); background: var(--tone-success-bg); border: 1px solid color-mix(in srgb, var(--tone-success-dot) 40%, transparent); }
+
+.err { margin-top: 14px; font-size: 13px; color: var(--tone-danger-dot); }
+
+@media (max-width: 900px) {
+/* ══ 窄屏自适应层(≤900 手持/平板竖,≤640 单列)════════════════════════════
+   375px 下本页的三类实测缺陷:网关总控条右侧三件套不换行(整块顶出画布)、
+   运行控制行的两个 150px 选择器 + 按钮并排超宽、微标签 9~10.5px。 */
+  /* 触摸目标:手持命中区 ≥40px(main.css 只在 pointer:coarse 下兜底) */
+  .pill-btn {
+    min-height: 40px;
+  }
+}
+</style>