agentworkshop 0.7.27 → 0.7.34

package/app/components/workshop/DaqNodeRow.vue

@@ -396,3 +396,159 @@ async function removeNodeDevice(deviceId: string): Promise<void> {
     </td>
   </tr>
 </template>
+
+<style scoped>
+/* 行组件是渲染隔离单元:父页 scoped 选择器不穿透到这里的元素,故行内全部样式
+   随组件内聚在本块。仅表格单元格的 padding/边框由父页 :deep(td) 统一供给。 */
+.mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
+.dim { opacity: 0.55; }
+
+.ch { display: block; margin-top: 2px; font-size: 10px; color: var(--ink-faint); }
+
+.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; }
+
+/* ── 行内实时趋势(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; }
+
+.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;
+}
+</style>

package/app/components/workshop/PluginSlot.vue

@@ -0,0 +1,120 @@
+<script setup lang="ts">
+/**
+ * 插件 UI 插槽 —— 页面在任意位置声明 <PluginSlot slot-name="..." /> 即接收
+ * 插件 client 面板注入(注册表见 usePluginPanels)。
+ * 生命周期:面板容器随面板清单 diff 挂载/卸载;mount 返回的清理函数在面板
+ * 注销与插槽卸载时调用;单面板渲染异常被隔离(其余面板不受影响)。
+ */
+import { nextTick, onBeforeUnmount, watch } from 'vue'
+import { usePluginPanels, type PluginPanelEntry } from '@/app/composables/workshop/usePluginPanels'
+
+const props = defineProps<{ slotName: string }>()
+
+const { panelsOf } = usePluginPanels()
+const panels = panelsOf(props.slotName)
+
+const { t } = useI18n()
+
+/** 已挂载面板:plugin/name → { el, cleanup } */
+const mounted = new Map<string, { el: HTMLElement, cleanup?: () => void }>()
+
+function panelKey(p: PluginPanelEntry): string {
+  return `${p.plugin}/${p.name}`
+}
+
+function titleOf(p: PluginPanelEntry): string {
+  if (p.titleKey) {
+    const key = p.titleKey.startsWith('plugin.') ? p.titleKey : `plugin.${p.plugin}.${p.titleKey}`
+    const translated = t(key)
+    if (translated !== key) return translated
+  }
+  return p.title ?? `${p.plugin}.${p.name}`
+}
+
+async function renderPanels(): Promise<void> {
+  await nextTick()
+  const host = hostRef.value
+  if (!host) return
+  const wanted = new Set(panels.value.map(panelKey))
+  // 卸载消失的面板
+  for (const [key, rec] of [...mounted.entries()]) {
+    if (wanted.has(key)) continue
+    try {
+      rec.cleanup?.()
+    }
+    catch { /* 清理失败不阻断 */ }
+    rec.el.remove()
+    mounted.delete(key)
+  }
+  // 挂载新面板
+  for (const p of panels.value) {
+    const key = panelKey(p)
+    if (mounted.has(key)) continue
+    const el = host.querySelector<HTMLElement>(`[data-plugin-panel="${key}"]`)
+    if (!el) continue
+    try {
+      const cleanup = await p.mount(el)
+      mounted.set(key, { el, cleanup: typeof cleanup === 'function' ? cleanup : undefined })
+    }
+    catch (err) {
+      console.warn(`[plugin-slot] 面板渲染失败 ${key}:`, err)
+    }
+  }
+}
+
+const hostRef = ref<HTMLElement | null>(null)
+
+watch(panels, () => void renderPanels(), { deep: true, immediate: true })
+
+onBeforeUnmount(() => {
+  for (const rec of mounted.values()) {
+    try {
+      rec.cleanup?.()
+    }
+    catch { /* 忽略 */ }
+  }
+  mounted.clear()
+})
+</script>
+
+<template>
+  <div
+    ref="hostRef"
+    class="plugin-slot"
+    :data-plugin-slot="slotName"
+  >
+    <div
+      v-for="p in panels"
+      :key="panelKey(p)"
+      class="plugin-slot-panel"
+      :data-plugin-panel="panelKey(p)"
+    >
+      <div class="plugin-slot-title">
+        {{ titleOf(p) }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.plugin-slot {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.plugin-slot-panel:empty {
+  display: none;
+}
+.plugin-slot-panel {
+  border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent);
+  border-radius: 10px;
+  padding: 12px 14px;
+  background: color-mix(in srgb, var(--ink) 3%, transparent);
+}
+.plugin-slot-title {
+  font-weight: 600;
+  font-size: 13px;
+  margin-bottom: 8px;
+  color: var(--ink-soft);
+}
+</style>

package/app/composables/workshop/useAmlStream.ts

@@ -0,0 +1,136 @@
+/**
+ * useAmlStream —— AML 自动建模实时流的前端单一消费口(与 useDcwStream/useOpsLog 对称)。
+ *
+ * 数据权威在 server:REST 快照(GET /api/workshop/aml/*)+ WS 实时帧增量收敛
+ * (aml.job 训练进度 / aml.dataset 数据集构建 / aml.model 模型晋升,均经 townBus 旁路)。
+ * townBus 单例挂 globalThis,subscribe 返回退订函数;ensure() 幂等建订阅,dispose() 释放。
+ */
+import { ref } from 'vue'
+import { useTownBus } from './useTownBus'
+import type { AepEnvelope } from '#shared/workshop-protocol'
+
+/** aml.job 帧 payload(server/services/workshop/aml/job-orchestrator broadcastSceneEvent) */
+export interface AmlJobFrame {
+  jobId: string
+  datasetId: string
+  lineId?: string
+  status: string
+  stage: string
+  progress: number
+  purpose?: string
+  note?: string
+}
+
+/** aml.dataset 帧 payload(数据集快照构建完成) */
+export interface AmlDatasetFrame {
+  op: 'built'
+  datasetId: string
+  lineId?: string
+  rowCount: number
+}
+
+/** aml.model 帧 payload(模型阶段晋升/退役) */
+export interface AmlModelFrame {
+  op: 'promoted'
+  modelId: string
+  stage: string
+}
+
+/** 作业实时投影(REST 快照行 + WS 增量收敛) */
+export interface AmlJobLive {
+  jobId: string
+  datasetId: string
+  lineId: string
+  status: string
+  stage: string
+  progress: number
+  purpose?: string
+  note?: string
+  at: string
+}
+
+function createStore() {
+  /** jobId → 实时投影(整表替换触发响应;帧频低,拷贝成本可忽略) */
+  const jobs = ref(new Map<string, AmlJobLive>())
+  const lastJob = ref<AmlJobFrame | null>(null)
+  const lastDataset = ref<AmlDatasetFrame | null>(null)
+  const lastModel = ref<AmlModelFrame | null>(null)
+
+  function applyJob(p: AmlJobFrame): void {
+    const prev = jobs.value.get(p.jobId)
+    const next = new Map(jobs.value)
+    next.set(p.jobId, {
+      jobId: p.jobId,
+      datasetId: p.datasetId || prev?.datasetId || '',
+      lineId: p.lineId ?? prev?.lineId ?? '',
+      status: p.status,
+      stage: p.stage,
+      progress: p.progress,
+      purpose: p.purpose ?? prev?.purpose,
+      note: p.note,
+      at: new Date().toISOString(),
+    })
+    jobs.value = next
+  }
+
+  function handler(e: AepEnvelope): void {
+    // aml.* 帧类型尚未并入 AepEvent 联合(e.type 只作为 string 分派),payload 经 unknown 桥接
+    if (e.type === 'aml.job') {
+      const p = e.payload as unknown as AmlJobFrame
+      if (!p?.jobId) return
+      lastJob.value = p
+      applyJob(p)
+    }
+    else if (e.type === 'aml.dataset') {
+      const p = e.payload as unknown as AmlDatasetFrame
+      if (!p?.datasetId) return
+      lastDataset.value = p
+    }
+    else if (e.type === 'aml.model') {
+      const p = e.payload as unknown as AmlModelFrame
+      if (!p?.modelId) return
+      lastModel.value = p
+    }
+  }
+
+  /** 引用计数订阅(同 useDcwStream):首个调用建订阅,归零才退订 */
+  let feedConsumers = 0
+  let feedUnsub: (() => void) | null = null
+
+  function release(): void {
+    feedConsumers = Math.max(0, feedConsumers - 1)
+    if (feedConsumers === 0 && feedUnsub) {
+      feedUnsub()
+      feedUnsub = null
+    }
+  }
+
+  /** 建立订阅(幂等);返回本次消费的退订函数 */
+  function ensure(): () => void {
+    feedConsumers++
+    if (!feedUnsub) feedUnsub = useTownBus().subscribe(handler)
+    let done = false
+    return () => {
+      if (done) return
+      done = true
+      release()
+    }
+  }
+
+  /** 释放一次消费(与 ensure 配对;幂等到归零) */
+  function dispose(): void {
+    release()
+  }
+
+  return { jobs, lastJob, lastDataset, lastModel, ensure, dispose }
+}
+
+type AmlStreamStore = ReturnType<typeof createStore>
+
+const GLOBAL_KEY = '__amlStream'
+
+export function useAmlStream(): AmlStreamStore {
+  const g = globalThis as typeof globalThis & Record<string, unknown>
+  if (!g[GLOBAL_KEY]) g[GLOBAL_KEY] = createStore()
+  return g[GLOBAL_KEY] as AmlStreamStore
+}

package/app/composables/workshop/useDaqStream.ts

@@ -38,6 +38,13 @@ interface DaqControllerState {
   defaultIntervalMs: number
   /** 全局缺省 WS 下发间隔(节点 null 跟随;0=随采样节拍) */
   defaultPublishIntervalMs: number
+  /** WS 下发节拍下限(节点 publishIntervalMs 钳制;0=允许每帧) */
+  minPublishIntervalMs?: number
+  /** 全局缺省采集下限(节点 intervalMs 钳制) */
+  minIntervalMs?: number
+  /** 趋势图自动拉取(时序库查询+重绘)间隔默认值/下限 */
+  queryDisplayIntervalMs?: number
+  minQueryDisplayIntervalMs?: number
   nodesTotal: number
   nodesOnline: number
   produced?: number
@@ -101,7 +108,7 @@ const createStore = () => {
   // 身份仅在 push/splice/load 时变化,故仅在这些点维护,热路径(读数合批/帧入账)免全表 find
   const nodeIndex = new Map<string, DaqNodeLive>()
   const alarms = reactive<DaqAlarmRow[]>([]) // S5:未确认报警(轮询 + ack 后刷新)
-  const controller = reactive<DaqControllerState>({ running: true, defaultIntervalMs: 1000, defaultPublishIntervalMs: 0, nodesTotal: 0, nodesOnline: 0 })
+  const controller = reactive<DaqControllerState>({ running: true, defaultIntervalMs: 1000, defaultPublishIntervalMs: 0, queryDisplayIntervalMs: 5000, nodesTotal: 0, nodesOnline: 0 })
   const meta = reactive<DaqBackendMeta>({
     tsdb: '…', queue: '…', drivers: [], driverAvailable: {},
     infra: undefined,

package/app/composables/workshop/usePluginPanels.ts

@@ -0,0 +1,72 @@
+/**
+ * 插件 UI 面板注册表(客户端单例)。
+ *
+ * 插件 client 脚本经 ctx.ui.registerPanel({ slot, name, title?, titleKey?, order?, mount })
+ * 向命名插槽注入自渲染面板;宿主页面在对应位置放 <PluginSlot slot-name="..." /> 即接收注入。
+ * 生命周期:注册随插件 ctx.dispose 自动回收(unregisterPlugin);插槽组件卸载时逐面板
+ * 调用 mount 返回的清理函数 —— 全生命周期无残留。
+ */
+import { computed, reactive } from 'vue'
+
+export interface PluginPanelEntry {
+  /** 注入目标插槽名(如 'plugins.page' / 'settings.plugins' / 'dashboard.widgets') */
+  slot: string
+  /** 宿主插件名(自动填充) */
+  plugin: string
+  /** 面板名(同插件内唯一) */
+  name: string
+  /** 静态标题(titleKey 优先) */
+  title?: string
+  /** i18n 键(命名空间 plugin.<plugin> 下) */
+  titleKey?: string
+  /** 排序权重(小者在前;缺省 100) */
+  order?: number
+  /**
+   * 渲染函数:把面板内容挂到给定容器(纯 DOM 或自带框架)。
+   * 可返回清理函数(卸载时调用);抛错由插槽隔离,不影响其他面板。
+   */
+  mount: (el: HTMLElement) => undefined | (() => void) | Promise<void> | Promise<undefined | (() => void)>
+}
+
+const state = reactive({
+  /** slot → entries(按 order 升序) */
+  slots: {} as Record<string, PluginPanelEntry[]>,
+})
+
+function sortedInsert(list: PluginPanelEntry[], entry: PluginPanelEntry): void {
+  const idx = list.findIndex(e => e.plugin === entry.plugin && e.name === entry.name)
+  if (idx >= 0) list.splice(idx, 1)
+  list.push(entry)
+  list.sort((a, b) => (a.order ?? 100) - (b.order ?? 100) || a.plugin.localeCompare(b.plugin) || a.name.localeCompare(b.name))
+}
+
+export function usePluginPanels() {
+  function registerPanel(entry: PluginPanelEntry): () => void {
+    const slot = entry.slot || 'plugins.page'
+    const list = (state.slots[slot] ??= [])
+    sortedInsert(list, { ...entry, slot })
+    return () => unregisterPanel(slot, entry.plugin, entry.name)
+  }
+
+  function unregisterPanel(slot: string, plugin: string, name: string): void {
+    const list = state.slots[slot]
+    if (!list) return
+    const idx = list.findIndex(e => e.plugin === plugin && e.name === name)
+    if (idx >= 0) list.splice(idx, 1)
+  }
+
+  /** 插件卸载:回收其注册的全部面板(热重载/停用路径) */
+  function unregisterPlugin(plugin: string): void {
+    for (const list of Object.values(state.slots)) {
+      for (let i = list.length - 1; i >= 0; i--) {
+        if (list[i]!.plugin === plugin) list.splice(i, 1)
+      }
+    }
+  }
+
+  function panelsOf(slot: string) {
+    return computed(() => state.slots[slot] ?? [])
+  }
+
+  return { registerPanel, unregisterPanel, unregisterPlugin, panelsOf }
+}

package/app/composables/workshop/useWorkshopApi.ts

@@ -38,6 +38,8 @@ export interface HarnessMetaDto {
   id: string
   label: string
   description: string
+  /** 官网/安装入口(未安装态跳转) */
+  homepage?: string
   capabilities: {
     steer: boolean
     supervise: boolean
@@ -193,6 +195,11 @@ export function useWorkshopApi() {
       http.get<{ data?: { plugins?: ChannelPluginStateDto[], source?: 'explicit' | 'default' } }>(`/workshop/channels/${id}/plugins`),
     putChannelPlugins: (id: string, body: { plugins: Array<{ name: string, enabled: boolean }> }) =>
       http.put<{ data?: { plugins?: ChannelPluginStateDto[], source?: 'explicit' | 'default' } }>(`/workshop/channels/${id}/plugins`, body),
+    // AgentTeam 级插件开关(同表 team 作用域;部署 deploy 时传导到目标 channel)
+    listTeamPlugins: (id: string) =>
+      http.get<{ data?: { plugins?: ChannelPluginStateDto[], source?: 'explicit' | 'default' } }>(`/workshop/teams/${id}/plugins`),
+    putTeamPlugins: (id: string, body: { plugins: Array<{ name: string, enabled: boolean }> }) =>
+      http.put<{ data?: { plugins?: ChannelPluginStateDto[], source?: 'explicit' | 'default' } }>(`/workshop/teams/${id}/plugins`, body),
   }
 }