agentworkshop 0.7.24 → 0.7.33

package/app/pages/daq/index.vue

@@ -6,7 +6,7 @@
  */
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
 import { message } from 'ant-design-vue'
-import { useDaqStream } from '@/app/composables/workshop/useDaqStream'
+import { useDaqStream, type DaqNodeLive } from '@/app/composables/workshop/useDaqStream'
 import { useDcwStream } from '@/app/composables/workshop/useDcwStream'
 import { useWorkshopWs } from '@/app/composables/workshop/useWorkshopWs'
 import { DAQ_TEMPLATES, DAQ_DRIVERS, DAQ_TEMPLATE_ICONS, daqKeyFromRef, type DaqNodeView, type DaqNodeState, type DriverConfigField, type DriverTestResult as DaqDriverTestResult, type DaqTemplateDef, type DaqTemplateIcon } from '#shared/daq-protocol'
@@ -27,81 +27,6 @@ const ws = useWorkshopWs()
 /** 是否存在任意运行中的产线(横幅判定) */
 const anyLineActive = computed(() => dcw.lines.some(l => dcw.lineStateOf(l.id).active))
 
-/** 节点产线归属变更(挂载到产线/移出;失败 toast 后端可读原因) */
-async function setNodeLine(id: string, e: Event): Promise<void> {
-  const lineId = (e.target as HTMLSelectElement).value
-  try {
-    await daq.patchNode(id, { lineId })
-    const n = daq.nodes.find(x => x.id === id)
-    if (n) n.lineId = lineId
-  }
-  catch (err) {
-    message.error(apiErrorMessage(err))
-  }
-}
-
-/** 节点绑定设备(多对多:add 挂新设备 / remove 摘除一台;server 落库,与数字孪生同一 deviceIds 链路) */
-async function addNodeDevice(id: string, e: Event): Promise<void> {
-  const deviceId = (e.target as HTMLSelectElement).value
-  if (!deviceId) return
-  const node = daq.nodes.find(n => n.id === id)
-  if (!node) return
-  if (node.deviceIds?.includes(deviceId)) return
-  try {
-    await daq.setNodeBindings(id, [...(node.deviceIds ?? []), deviceId])
-  }
-  catch (err) {
-    message.error(apiErrorMessage(err))
-  }
-  ;(e.target as HTMLSelectElement).value = ''
-}
-
-async function removeNodeDevice(id: string, deviceId: string): Promise<void> {
-  const node = daq.nodes.find(n => n.id === id)
-  if (!node) return
-  try {
-    await daq.setNodeBindings(id, (node.deviceIds ?? []).filter(d => d !== deviceId))
-  }
-  catch (err) {
-    message.error(apiErrorMessage(err))
-  }
-}
-
-const nodeDeviceIds = (n: DaqNodeView): string[] =>
-  n.deviceIds ?? (n.deviceBindingId ? [n.deviceBindingId] : [])
-const deviceNameById = (id: string): string =>
-  nodeDevices.get(id) ?? deviceTwins.twins.find(t => t.id === id)?.name ?? id
-
-/** 单节点独立 启动/停止采集(PATCH enabled;server 权威,本地乐观翻转 + WS/轮询收敛) */
-async function toggleNodeEnabled(n: { id: string, enabled: boolean, state: string }): Promise<void> {
-  const next = !n.enabled
-  try {
-    await daq.patchNode(n.id, { enabled: next })
-    n.enabled = next
-    if (!next) n.state = 'offline'
-    message.success(next ? tt('daq.k1nodestart147') : tt('daq.k1nodestop146'))
-  }
-  catch (err) {
-    message.error(apiErrorMessage(err))
-  }
-}
-
-/** 活动配方对该节点的数采监控窗口(本线活动批次;不同 Recipe 不同窗口) */
-function recipeWinOf(n: { lineId: string, id: string }): { min?: number, max?: number } | null {
-  if (!n.lineId) return null
-  const run = dcw.lineStateOf(n.lineId)
-  if (!run.active || !run.recipeId) return null
-  const r = dcw.recipes.find(x => x.id === run.recipeId)
-  return r?.daqWindows?.find(w => w.nodeId === n.id) ?? null
-}
-
-/** 配方窗口越限(与服务端 alarm 判定同源;行标红) */
-function recipeAlarm(n: DaqNodeView): boolean {
-  const w = recipeWinOf(n)
-  if (!w || n.value == null) return false
-  return (w.min != null && n.value < w.min) || (w.max != null && n.value > w.max)
-}
-
 // ---------- 运维日志(全操作统一记录):实时事件轨渲染摘要,详情在 /logs 日志管理 ----------
 const opsLog = useOpsLog()
 
@@ -117,38 +42,6 @@ function opsTime(at: string): string {
     : ''
 }
 
-// ---------- 实时趋势(行内 sparkline;hist 为 WS 读数流客户端缓冲,每帧推进) ----------
-const TREND_W = 120
-const TREND_H = 26
-
-function trendPath(hist: number[]): string {
-  const vals = hist.filter(Number.isFinite)
-  if (vals.length < 2) return ''
-  const min = Math.min(...vals)
-  const max = Math.max(...vals)
-  const span = max - min || 1
-  return vals.map((v, i) => `${((i / (vals.length - 1)) * TREND_W).toFixed(1)},${(TREND_H - ((v - min) / span) * (TREND_H - 2) - 1).toFixed(1)}`).join(' ')
-}
-
-/** 上下限参考线在趋势图内的 y 坐标(量程不可知或无数据时返回 null 不画) */
-function limitY(hist: number[], limit: number | undefined | null): number | null {
-  if (limit == null || !Number.isFinite(limit)) return null
-  const vals = hist.filter(Number.isFinite)
-  if (vals.length < 2) return null
-  const min = Math.min(...vals, limit)
-  const max = Math.max(...vals, limit)
-  const span = max - min || 1
-  return Number((TREND_H - ((limit - min) / span) * (TREND_H - 2) - 1).toFixed(1))
-}
-
-/** 行内趋势的有效限值:活动配方窗口优先,节点预警带兜底,皆无 → 不画限值线 */
-function limitOf(n: DaqNodeView): { min: number | null | undefined, max: number | null | undefined, source: 'recipe' | 'warn' } {
-  const w = recipeWinOf(n)
-  if (w && (w.min != null || w.max != null)) return { min: w.min, max: w.max, source: 'recipe' }
-  if (n.warnLow != null || n.warnHigh != null) return { min: n.warnLow, max: n.warnHigh, source: 'warn' }
-  return { min: null, max: null, source: 'warn' }
-}
-
 /** 未确认报警确认(失败 toast 后端可读原因;成功后 fetchAlarms 已由 store 内部刷新) */
 async function ackOne(id: string): Promise<void> {
   try {
@@ -337,7 +230,7 @@ const filteredLine = computed(() => dcw.lines.find(l => l.id === filters.lineId)
 const filteredLineState = computed(() =>
   filteredLine.value ? dcw.lineStateOf(filteredLine.value.id) : null)
 
-// ---------- 行级展示状态(真实场景语义):人为停用/未分配/产线未运行 与 故障离线 分离 ----------
+// ---------- 行级展示状态(真实场景语义;筛选用,pill 呈现在 DaqNodeRow 行组件) ----------
 // 状态机:disabled(人为停用) → unassigned(未挂产线,永不采集) → idle(产线未开跑,采集门控)
 // → offline(网关暂停,或产线运行中却采不到新数据) → ok/warn/alarm(新鲜数据按量程/预警带/配方窗口派生)
 type RowState = DaqNodeState | 'idle' | 'disabled' | 'unassigned'
@@ -357,42 +250,7 @@ function rowStateOf(n: DaqNodeView): RowState {
   return n.state
 }
 
-/** 数据是否在线(实时值列据此区分「实时值」与「最后值」) */
-function isLive(n: DaqNodeView): boolean {
-  const s = rowStateOf(n)
-  return s === 'ok' || s === 'warn' || s === 'alarm'
-}
-
-const rowLabel: Record<RowState, string> = {
-  ok: tt('daq.k41k5c062'),
-  warn: tt('daq.k49z8v063'),
-  alarm: tt('daq.k3xmid064'),
-  offline: tt('daq.k44c2n065'),
-  idle: tt('daq.k3ozyqz117'),
-  disabled: tt('daq.k1disabl130'),
-  unassigned: tt('daq.k3ootr6053'),
-}
-
-/** 状态 pill(含诚实的原因提示;配方越限标签仅在数据新鲜时展示) */
-function statePillOf(n: DaqNodeView): { key: RowState, label: string, tip: string } {
-  const s = rowStateOf(n)
-  if (s === 'offline') {
-    // 采样失败优先透出分类错误(连接/超时/PLC 异常 + 处理提示);无错误才给通用提示
-    if (n.lastError) return { key: s, label: rowLabel.offline, tip: n.lastError }
-    const tip = !daq.controller.running
-      ? tt('daq.k1gateoff140')
-      : tt('daq.k1staled129', { p0: Math.round(Math.max((n.intervalMs ?? daq.controller.defaultIntervalMs) * 4, 12_000) / 1000) })
-    return { key: s, label: rowLabel.offline, tip }
-  }
-  if (s === 'idle') return { key: s, label: rowLabel.idle, tip: tt('daq.k1idlehin139') }
-  if ((s === 'ok' || s === 'warn' || s === 'alarm') && recipeAlarm(n)) {
-    const w = recipeWinOf(n)
-    return { key: 'alarm', label: tt('daq.k1l3pt51104'), tip: tt('daq.k1hrrqa1122', { p0: w?.min ?? '-∞', p1: w?.max ?? '+∞', p2: '' }) }
-  }
-  return { key: s, label: rowLabel[s], tip: '' }
-}
-
-const filteredNodes = computed<DaqNodeView[]>(() => daq.nodes.filter((n) => {
+const filteredNodes = computed<DaqNodeLive[]>(() => daq.nodes.filter((n) => {
   if (filters.lineId && (filters.lineId === 'none' ? !!n.lineId : (n.lineId ?? '') !== filters.lineId)) return false
   const nodeDevIds = n.deviceIds ?? (n.deviceBindingId ? [n.deviceBindingId] : [])
   if (filters.deviceId && (filters.deviceId === 'none' ? nodeDevIds.length > 0 : !nodeDevIds.includes(filters.deviceId))) return false
@@ -405,48 +263,13 @@ const filteredNodes = computed<DaqNodeView[]>(() => daq.nodes.filter((n) => {
   return true
 }))
 
-/** 行渲染上下文预计算:状态 pill/配方越限/在离线/模板名 每行只算一次,
- *  模板里 11 次函数调用/行(102 行 = 1100+ 次/渲染,含多次 .find)收敛为 1 次查表 */
-const rowCtx = computed(() => {
-  const m = new Map<string, { pill: { key: RowState, label: string, tip: string }, alarm: boolean, live: boolean, tpl: string }>()
-  for (const n of filteredNodes.value) {
-    m.set(n.id, {
-      pill: statePillOf(n),
-      alarm: recipeAlarm(n),
-      live: isLive(n),
-      tpl: daqTemplateRefCh(n.templateRef),
-    })
-  }
-  return m
-})
-const EMPTY_CTX = { pill: { key: 'offline' as RowState, label: '', tip: '' }, alarm: false, live: false, tpl: '-' }
-/** 行渲染视图:节点 + 预计算上下文成对交付,模板零函数调用 */
-const filteredRows = computed(() =>
-  filteredNodes.value.map(n => ({ n, c: rowCtx.value.get(n.id) ?? EMPTY_CTX })))
-
-// 设备名映射(device-twins 注册表;绑定列展示用)
+// 设备名映射(device-twins 注册表;绑定筛选下拉展示用)
 const deviceTwins = useDeviceTwins()
 const nodeDevices = new Map<string, string>()
 watch(() => deviceTwins.twins, (list) => {
   for (const t of list) nodeDevices.set(t.id, t.name)
 }, { immediate: true, deep: true })
 
-/** 绑定设备下拉选项:全部真实设备孪生(剔除 daq/dcw 伪孪生) */
-const bindableDeviceTwins = computed(() =>
-  deviceTwins.twins.filter(t => t.kind !== 'daq' && !(t.modelRef ?? '').startsWith('daq-') && !(t.modelRef ?? '').startsWith('dcw-')))
-
-const intervalOf = (intervalMs: number | null): string => {
-  if (intervalMs == null) return tt('daq.k9vnp9h124', { p0: daq.controller.defaultIntervalMs })
-  return `${intervalMs}ms`
-}
-
-/** WS 下发节拍展示(null=跟随全局;0=每帧;>0 独立间隔) */
-const publishOf = (v: number | null): string => {
-  if (v == null) return tt('daq.k9vnp9h124', { p0: daq.controller.defaultPublishIntervalMs })
-  if (v === 0) return tt('daq.k41mvv078')
-  return `${v}ms`
-}
-
 // ---------- 添加节点向导(mock / 真实场景 + 动态参数表单 + 测试连接) ----------
 const addOpen = ref(false)
 const addScenario = ref<'mock' | 'real'>('mock')
@@ -640,10 +463,6 @@ async function askDelTpl(t: DaqTemplateDef): Promise<void> {
   }
 }
 
-/** 驱动是否为预留协议(meta status=planned) */
-const driverPlanned = (kind: string): boolean =>
-  daq.meta.drivers.find(d => d.kind === kind)?.status === 'planned'
-
 const reconnecting = ref(false)
 async function doReconnect(): Promise<void> {
   reconnecting.value = true
@@ -1677,177 +1496,11 @@ async function doReconnect(): Promise<void> {
             </tr>
           </thead>
           <tbody>
-            <tr
-              v-for="{ n, c } in filteredRows"
+            <WorkshopDaqNodeRow
+              v-for="n in filteredNodes"
               :key="n.id"
-              :class="{ 'row-recipe-alarm': c.alarm }"
-            >
-              <td>
-                <span class="mono dim">{{ n.id.slice(0, 8) }}</span>
-                <b>{{ n.name }}</b>
-                <small class="mono ch">{{ c.tpl }}</small>
-              </td>
-              <td>
-                <span
-                  class="st-pill"
-                  :class="[c.pill.key]"
-                  :title="c.pill.tip"
-                >{{ c.pill.label }}</span>
-              </td>
-              <td
-                class="mono val"
-                :class="{ 'stale': !c.live, 'val-alarm': n.state === 'alarm' || c.alarm }"
-                :title="c.live ? undefined : c.pill.tip"
-              >
-                {{ n.value != null ? n.value.toFixed(n.decimals) : '--' }}
-                <small>{{ n.unit }}</small>
-              </td>
-              <td class="trend-cell">
-                <svg
-                  class="trend"
-                  viewBox="0 0 120 26"
-                  preserveAspectRatio="none"
-                  :title="$t('daq.k1trnd002')"
-                >
-                  <line
-                    v-if="limitY(n.hist, limitOf(n).min) != null"
-                    class="lim"
-                    x1="0"
-                    :y1="limitY(n.hist, limitOf(n).min)"
-                    x2="120"
-                    :y2="limitY(n.hist, limitOf(n).min)"
-                  />
-                  <line
-                    v-if="limitY(n.hist, limitOf(n).max) != null"
-                    class="lim max"
-                    x1="0"
-                    :y1="limitY(n.hist, limitOf(n).max)"
-                    x2="120"
-                    :y2="limitY(n.hist, limitOf(n).max)"
-                  />
-                  <polyline
-                    class="trace"
-                    :class="{ alarm: n.state === 'alarm' || c.alarm }"
-                    :points="trendPath(n.hist)"
-                  />
-                </svg>
-              </td>
-              <td class="mono">
-                {{ intervalOf(n.intervalMs) }}
-              </td>
-              <td class="mono">
-                {{ publishOf(n.publishIntervalMs) }}
-              </td>
-              <td>
-                <span
-                  class="drv-tag"
-                  :class="{ planned: driverPlanned(n.driver) }"
-                  :title="driverPlanned(n.driver) ? $t('daq.k1plndrv138') : ''"
-                >{{ n.driver }}</span>
-              </td>
-              <td>
-                <select
-                  class="line-sel"
-                  :value="n.lineId"
-                  :title="$t('daq.k3q23v3010')"
-                  @change="setNodeLine(n.id, $event)"
-                >
-                  <option value="">
-                    {{ $t('daq.k3ootr6053') }}
-                  </option>
-                  <option
-                    v-for="l in dcw.lines"
-                    :key="l.id"
-                    :value="l.id"
-                  >
-                    {{ l.name }}
-                  </option>
-                </select>
-              </td>
-              <!-- 产线运行:呼吸绿点=运行中 / 空心点=未运行(与产线状态带同一套点语义) -->
-              <td>
-                <span
-                  v-if="n.lineId"
-                  class="run-pill"
-                  :class="{ on: dcw.lineStateOf(n.lineId).active }"
-                  :title="$t('daq.k1runtipc131')"
-                >
-                  <span class="rp-dot" />
-                  {{ dcw.lineStateOf(n.lineId).active ? $t('daq.k3vp67i096') : $t('daq.k3ozyqz117') }}
-                </span>
-                <span
-                  v-else
-                  class="run-pill na"
-                >{{ $t('daq.k3ootr6053') }}</span>
-              </td>
-              <!-- 产品 / Recipe:本线活动批次(运行中才携带;停线/未分配 → --) -->
-              <td class="prod-cell">
-                <template v-if="n.lineId && dcw.lineStateOf(n.lineId).active">
-                  <b :title="$t('daq.k1prdrtip132')">{{ dcw.lineStateOf(n.lineId).productName || '--' }}</b>
-                  <small
-                    class="mono"
-                    :title="$t('daq.k1prdrtip132')"
-                  >{{ dcw.lineStateOf(n.lineId).recipeName || '--' }}</small>
-                </template>
-                <span
-                  v-else
-                  class="dim"
-                >--</span>
-              </td>
-              <td>
-                <div class="dev-binds">
-                  <span
-                    v-for="did in nodeDeviceIds(n)"
-                    :key="did"
-                    class="dev-bind-chip"
-                    :title="$t('daq.k2bindtip137')"
-                  >
-                    {{ deviceNameById(did) }}
-                    <span
-                      class="dev-unbind"
-                      title="unbind"
-                      @click="removeNodeDevice(n.id, did)"
-                    >✕</span>
-                  </span>
-                  <select
-                    class="line-sel dev-add"
-                    :value="''"
-                    :title="$t('daq.k2bindtip137')"
-                    @change="addNodeDevice(n.id, $event)"
-                  >
-                    <option value="">
-                      {{ $t('daq.k3own4q056') }}
-                    </option>
-                    <option
-                      v-for="d in bindableDeviceTwins"
-                      :key="d.id"
-                      :value="d.id"
-                      :disabled="(n.deviceIds ?? []).includes(d.id)"
-                    >
-                      {{ nodeDevices.get(d.id) ?? d.name }}
-                    </option>
-                  </select>
-                </div>
-              </td>
-              <td class="right">
-                <button
-                  class="node-toggle"
-                  :class="{ off: !n.enabled }"
-                  :title="n.enabled ? $t('daq.k1nodestop146') : $t('daq.k1nodestart147')"
-                  @click="toggleNodeEnabled(n)"
-                >
-                  <span :class="n.enabled ? 'i-tabler-player-pause' : 'i-tabler-player-play'" />
-                  {{ n.enabled ? $t('daq.k1nodestop146') : $t('daq.k1nodestart147') }}
-                </button>
-                <NuxtLink
-                  class="console-link"
-                  :to="`/daq/${n.id}`"
-                >
-                  <span class="i-tabler-dashboard" />
-                  {{ $t('daq.k3o3jg2074') }}
-                </NuxtLink>
-              </td>
-            </tr>
+              :n="n"
+            />
             <tr v-if="daq.loaded && daq.nodes.length === 0">
               <td colspan="11">
                 <div
@@ -2011,7 +1664,9 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
 .nodes-table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
 /* 离屏行跳过布局/绘制(102 行长表;contain-intrinsic-size 给出占位高度防滚动条跳动) */
 .nodes-table tbody tr { content-visibility: auto; contain-intrinsic-size: auto 42px; }
-.nodes-table th, .nodes-table td { padding: 9px 12px; text-align: left; border-bottom: 1px solid var(--divider-hair); }
+/* 单元格规则须穿透行组件(:deep):行组件是渲染隔离单元,其内部 td 只带子作用域,
+   父页 scoped 选择器不命中 —— 行内一切样式见 DaqNodeRow.vue 的 scoped 块。 */
+.nodes-table th, .nodes-table :deep(td) { padding: 9px 12px; text-align: left; border-bottom: 1px solid var(--divider-hair); }
 .nodes-table th {
   font-size: 11px;
   font-weight: 600;
@@ -2020,15 +1675,8 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
   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: 10px; color: var(--ink-faint); }
-.right { text-align: right; }
-.val { font-size: 13px; }
-.val small { margin-left: 3px; color: var(--ink-faint); }
-/* 数据静默(停用/未运行/采不到数据):最后值置灰呈现,不再冒充实时值 */
-.val.stale { opacity: 0.45; }
-/* 越限实时值:红字(与行红底叠加仍可读) */
-.val.val-alarm { color: var(--tone-danger-dot); font-weight: 700; }
+.nodes-table :deep(td b) { margin-left: 8px; }
+.right, .nodes-table :deep(.right) { text-align: right; }
 
 /* ── 实时告警 + 实时事件双面板(server 权威;玻璃面板语言) ── */
 .ops-panels {
@@ -2135,69 +1783,7 @@ h1 { margin: 2px 0 4px; font-size: 30px; font-weight: 400; letter-spacing: -0.01
 .kind-chip.write { color: var(--tone-info-dot); }
 .kind-chip.rollback { color: var(--tone-warning-dot); }
 
-/* ── 行内实时趋势(WS 读数流直驱;上下限虚线参考) ── */
-.trend-cell { width: 128px; }
-.trend { display: block; width: 120px; height: 26px; }
-.trend .trace {
-  fill: none;
-  stroke: var(--tone-info-dot);
-  stroke-width: 1.4;
-}
-.trend .trace.alarm { stroke: var(--tone-danger-dot); }
-.trend .lim {
-  stroke: color-mix(in srgb, var(--tone-warning-dot) 62%, transparent);
-  stroke-width: 1;
-  stroke-dasharray: 3 3;
-}
-.trend .lim.max { stroke: color-mix(in srgb, var(--tone-danger-dot) 55%, transparent); }
-
-.st-pill {
-  display: inline-block;
-  padding: 2px 9px;
-  font-family: var(--font-mono);
-  font-size: 10.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.warn { color: var(--tone-warning-dot); background: var(--tone-warning-bg); }
-.st-pill.alarm { color: var(--tone-danger-dot); background: var(--tone-danger-bg); }
-/* 配方越限行:整行淡红底 + 左缘警示条 */
-tr.row-recipe-alarm { background: color-mix(in srgb, var(--tone-danger-dot, #ff6b6b) 8%, transparent); }
-tr.row-recipe-alarm td:first-child { box-shadow: inset 3px 0 0 var(--tone-danger-dot, #ff6b6b); }
-.st-pill.offline { color: var(--tone-neutral-dot); background: var(--tone-neutral-bg); }
-/* 非故障的静止态(停用/未分配/未运行):同为中性灰,与故障离线区分靠文案与提示 */
-.st-pill.idle, .st-pill.disabled, .st-pill.unassigned { color: var(--tone-neutral-dot); background: var(--tone-neutral-bg); }
-
-.drv-tag {
-  font-family: var(--font-mono);
-  font-size: 10.5px;
-  padding: 2px 7px;
-  border: 1px solid var(--line);
-  border-radius: var(--radius-chip);
-  color: var(--ink-soft);
-}
-.drv-tag.planned { opacity: 0.55; border-style: dashed; }
-
-.console-link { display: inline-flex; gap: 5px; align-items: center; font-size: 12.5px; color: var(--accent); }
-
-/* 单节点 启动/停止采集(R:独立节点控制) */
-.node-toggle {
-  display: inline-flex;
-  gap: 4px;
-  align-items: center;
-  margin-right: 12px;
-  padding: 2px 9px;
-  font-size: 11.5px;
-  border: 1px solid var(--line);
-  border-radius: var(--radius-chip);
-  color: var(--ink);
-  background: transparent;
-  cursor: pointer;
-  transition: border-color 0.15s ease, background 0.15s ease;
-}
-.node-toggle:hover { border-color: var(--accent); background: var(--hover-tint); }
-.node-toggle.off { color: var(--ink-soft); border-style: dashed; opacity: 0.8; }
+/* ── 行内单元格样式(状态 pill/实时值/趋势/驱动/产线/绑定/操作)见行组件 ── */
 
 .err { margin-top: 14px; font-size: 13px; color: var(--tone-danger-dot); }
 @media (prefers-reduced-motion: no-preference) {
@@ -2414,81 +2000,7 @@ tr.row-recipe-alarm td:first-child { box-shadow: inset 3px 0 0 var(--tone-danger
 .flt-search::placeholder { color: var(--ink-fainter); }
 .count { padding-bottom: 4px; font-size: 11px; color: var(--ink-faint); }
 
-.dev-binds { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
-.dev-bind-chip { display: inline-flex; gap: 4px; align-items: center; padding: 1px 7px; font-size: 11px; 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); }
-.dev-unbind { cursor: pointer; opacity: 0.55; font-size: 10px; }
-.dev-unbind:hover { opacity: 1; color: var(--tone-danger-dot); }
-.dev-add { max-width: 130px; font-size: 11px; }
-.line-sel {
-  max-width: 120px;
-  padding: 3px 6px;
-  font-size: 10.5px;
-  color: var(--ink-soft);
-  background: var(--paper-deep);
-  border: 1px solid var(--line-strong);
-  border-radius: var(--radius-chip);
-  transition: border-color 0.15s;
-}
-.line-sel:focus { outline: none; border-color: var(--accent); }
-
-/* 产线运行列:空心点=未运行(中性) / 呼吸绿点=运行中 —— 与产线状态带同一套点语义 */
-.run-pill {
-  display: inline-flex;
-  gap: 6px;
-  align-items: center;
-  padding: 2px 9px;
-  font-size: 10.5px;
-  color: var(--ink-fainter);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-pill);
-}
-.run-pill .rp-dot {
-  width: 6px;
-  height: 6px;
-  border: 1.5px solid currentColor;
-  border-radius: 50%;
-  opacity: 0.7;
-}
-.run-pill.na {
-  border-style: dashed;
-  opacity: 0.75;
-}
-.run-pill.on {
-  color: var(--tone-success-dot);
-  border-color: color-mix(in srgb, var(--tone-success-dot) 40%, transparent);
-  background: var(--tone-success-bg);
-}
-.run-pill.on .rp-dot {
-  background: var(--tone-success-dot);
-  border-color: transparent;
-  opacity: 1;
-}
-@media (prefers-reduced-motion: no-preference) {
-  .run-pill.on .rp-dot { animation: rpPulse 1.8s ease-in-out infinite; }
-}
-@keyframes rpPulse {
-  0%, 100% { box-shadow: 0 0 2px color-mix(in srgb, var(--tone-success-dot) 55%, transparent); }
-  50% { box-shadow: 0 0 7px color-mix(in srgb, var(--tone-success-dot) 85%, transparent); }
-}
-
-/* 产品 / Recipe 列:产品主行 + Recipe 副行(两行紧凑,超长省略) */
-.prod-cell { max-width: 170px; }
-.prod-cell b {
-  display: block;
-  font-weight: 600;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.prod-cell small {
-  display: block;
-  margin-top: 1px;
-  font-size: 10px;
-  color: var(--ink-faint);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+/* ── 行内产线/绑定/运行态样式见 DaqNodeRow.vue scoped 块 ── */
 
 /* ── Agent 优化记录面板(调控闭环;与全站玻璃语言同族) ── */
 .opt-card { padding: 0; }