agentworkshop 0.7.34 → 0.7.37

package/app/components/workshop/DaqNodeRow.vue

@@ -273,10 +273,22 @@ async function removeNodeDevice(deviceId: string): Promise<void> {
           :y2="ctx.limMax"
         />
         <polyline
+          v-if="ctx.trend"
           class="trace"
           :class="{ alarm: n.state === 'alarm' || ctx.alarm }"
           :points="ctx.trend"
         />
+        <!-- 无足够样本(<2 个有效值)时给一道基线,而不是留一条 points="" 的空 polyline:
+             空 polyline 不渲染任何东西,单元格看上去是"坏了"而不是"还没有数据"。
+             采样由活动批次门控,未开跑时这一列**本来就应该**是空的 —— 需要看得出是"待数据"。 -->
+        <line
+          v-else
+          class="trace-idle"
+          x1="0"
+          :y1="TREND_H / 2"
+          x2="120"
+          :y2="TREND_H / 2"
+        />
       </svg>
     </td>
     <td class="mono">
@@ -421,6 +433,13 @@ async function removeNodeDevice(deviceId: string): Promise<void> {
   stroke-width: 1.4;
 }
 .trend .trace.alarm { stroke: var(--tone-danger-dot); }
+/* 待数据基线:一条极淡的中线(仅装饰 → 用 ink-fainter;非文字无对比度要求) */
+.trend .trace-idle {
+  stroke: var(--ink-fainter);
+  stroke-width: 1;
+  stroke-dasharray: 2 4;
+  opacity: 0.55;
+}
 .trend .lim {
   stroke: color-mix(in srgb, var(--tone-warning-dot) 62%, transparent);
   stroke-width: 1;
@@ -500,7 +519,7 @@ tr.row-recipe-alarm td:first-child { box-shadow: inset 3px 0 0 var(--tone-danger
   align-items: center;
   padding: 2px 9px;
   font-size: 10.5px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
   border: 1px solid var(--line);
   border-radius: var(--radius-pill);
 }

package/app/components/workshop/EventBlock.vue

@@ -468,7 +468,7 @@ const quoteToComposer = (): void => {
   overflow: hidden;
   font-family: var(--font-body);
   font-size: 10.5px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -483,7 +483,7 @@ const quoteToComposer = (): void => {
   font-size: 9px;
   letter-spacing: 0.06em;
   line-height: 14px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 .head-right {
   display: flex;
@@ -525,7 +525,7 @@ const quoteToComposer = (): void => {
   font-family: var(--font-mono);
   font-size: 9px;
   font-variant-numeric: tabular-nums;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
   pointer-events: none;
   opacity: 0;
   background: var(--paper-raised);

package/app/components/workshop/MentionHoverCard.vue

@@ -150,6 +150,6 @@ const stateDot = (s: AgentView['state']): string =>
 .mh-hint {
   margin-top: 3px;
   font-size: 10.5px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 </style>

package/app/components/workshop/MultiChannelView.vue

@@ -171,7 +171,7 @@ const summaryOf = (e: { type: string, at: string, agentId?: string, payload: unk
 }
 .mini-event.clickable { cursor: pointer; }
 .mini-event.clickable:hover { background: var(--hover-tint); }
-.me-time { flex: 0 0 auto; color: var(--ink-fainter); }
+.me-time { flex: 0 0 auto; color: var(--ink-faint); }
 .me-agent { flex: 0 0 auto; color: var(--ink-faint); }
 .me-text {
   flex: 1 1 auto;

package/app/components/workshop/TaskBoardView.vue

@@ -415,7 +415,7 @@ const onMenuAction = async (key: 'cancel' | 'retry' | 'detail') => {
 .count {
   overflow: hidden;
   font-size: 11.5px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -463,7 +463,7 @@ const onMenuAction = async (key: 'cancel' | 'retry' | 'detail') => {
 .sec-cnt {
   font-size: 11px;
   font-variant-numeric: tabular-nums;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 .st-dot {
   flex: none;
@@ -506,7 +506,7 @@ const onMenuAction = async (key: 'cancel' | 'retry' | 'detail') => {
 }
 .tk-num {
   font-variant-numeric: tabular-nums;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 .tk-title {
   display: -webkit-box;
@@ -534,7 +534,7 @@ const onMenuAction = async (key: 'cancel' | 'retry' | 'detail') => {
 .col-empty {
   padding: 14px 8px;
   font-size: 11.5px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
   text-align: center;
   border: 1.5px dashed var(--line-strong);
   border-radius: var(--radius-panel);
@@ -597,7 +597,7 @@ const onMenuAction = async (key: 'cancel' | 'retry' | 'detail') => {
 .meta {
   font-family: var(--font-mono);
   font-size: 11px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 
 /* 状态菜单 */

package/app/components/workshop/TranscriptTimeline.vue

@@ -373,7 +373,7 @@ const blockDayFlags = computed(() => {
   font-size: 11px;
   font-family: var(--font-mono);
   font-variant-numeric: tabular-nums;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 /* 连接诚实态 chip:同步中琥珀脉搏 / 在线绿点+最后数据时间 / 离线灰 */
 .sync-chip {
@@ -474,7 +474,7 @@ const blockDayFlags = computed(() => {
   font-family: var(--font-mono);
   font-size: 9.5px;
   text-align: center;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 /* 空态:编辑部式 serif 标题(pane-empty 声部) */
 .empty {
@@ -487,7 +487,7 @@ const blockDayFlags = computed(() => {
 }
 .empty-icon {
   font-size: 28px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 .empty-title {
   margin: 0;

package/app/components/workshop/blocks/ClusterRoute.vue

@@ -246,7 +246,7 @@ const hasMore = computed(() => rows.value.length > MAX)
 
 .to-arrow {
   font-size: 11px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 
 .who-broadcast {
@@ -297,14 +297,14 @@ const hasMore = computed(() => rows.value.length > MAX)
 }
 .route-badge.reply-link {
   font-size: 9.5px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
   background: color-mix(in srgb, var(--ink) 6%, transparent);
 }
 
 .chat-time {
   margin-left: auto;
   font-size: 9.5px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 
 /* 正文:聊天正文排版(无高度封顶,消息流自然展开) */

package/app/components/workshop/blocks/ClusterStream.vue

@@ -206,7 +206,7 @@ const rendered = computed(() => mdLiteMentions(full.value.slice(0, visible.value
   padding-left: 1px;
 }
 .prose :deep(li::marker) {
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 .prose :deep(code) {
   padding: 1px 5px;

package/app/components/workshop/blocks/ClusterTool.vue

@@ -85,7 +85,7 @@ const hasMore = computed(() => toolLines.value.length > MAX)
   font-family: var(--font-mono);
   font-size: 9.5px;
   font-variant-numeric: tabular-nums;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 .tool-node {
   flex: 0 0 7px;

package/app/components/workshop/lanes/LaneBlocks.vue

@@ -28,6 +28,9 @@ const events = useEventsStore()
 const { blocks } = useClusteredBlocks(
   () => props.channelId,
   {
+    // agentId 走 store 的增量索引(每帧 O(1));predicate 仅作为语义声明保留 ——
+    // 给了 agentId 后 composable 不再跑 predicate,否则每个成员 lane 仍会各扫一遍整条 ring
+    agentId: () => props.agentId,
     predicate: (e: AepEnvelope) => e.agentId === props.agentId,
     resetKey: () => props.agentId,
     raw: true,
@@ -103,13 +106,13 @@ const loadLaneEarlier = async (): Promise<void> => {
   align-items: center;
   padding: 28px 8px;
   font-size: 11.5px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
   text-align: center;
 }
 
 .lane-empty-icon {
   font-size: 16px;
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
   animation: lane-sync-spin 1.2s linear infinite;
 }
 

package/app/components/workshop/town/TownView.vue

@@ -5476,7 +5476,6 @@ onBeforeUnmount(() => {
   border-radius: var(--hud-r-md);
   padding: 8px 12px;
   backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
 }
 .vp-title h2 { margin: 0; font-size: 15px; font-weight: 700; letter-spacing: 0.02em; }
 .vp-id {
@@ -5501,7 +5500,6 @@ onBeforeUnmount(() => {
   background: rgba(13, 20, 32, 0.85);
   border: 1px solid #223050;
   backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
   font-size: 12px;
   font-weight: 600;
   transition: color 0.15s var(--hud-ease), border-color 0.15s var(--hud-ease), background 0.15s var(--hud-ease);
@@ -5535,7 +5533,6 @@ onBeforeUnmount(() => {
   border-radius: var(--hud-r-sm);
   padding: 5px 8px;
   backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
   font-size: 11.5px;
   color: var(--hud-dim);
 }
@@ -5569,7 +5566,6 @@ onBeforeUnmount(() => {
   padding: 9px 12px 8px;
   box-shadow: var(--hud-shadow);
   backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
   transition: opacity 0.22s var(--hud-ease), transform 0.22s var(--hud-ease), border-color 0.15s var(--hud-ease);
 }
 /* 越近越亮:相机进入阈值半径后淡入上浮(数据只属于走近的人) */
@@ -5640,7 +5636,6 @@ onBeforeUnmount(() => {
   border: 1px solid #1e2c46;
   border-radius: var(--hud-r-md);
   backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
   /* 玻璃光泽:上缘内高光 + 悬浮投影,与 .panel 同族 */
   box-shadow:
     inset 0 1px 0 rgba(143, 176, 220, 0.08),
@@ -6328,7 +6323,6 @@ onBeforeUnmount(() => {
   border-radius: var(--hud-r-lg);
   box-shadow: var(--hud-shadow);
   backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
   pointer-events: auto;
 }
 .bp-title { display: flex; gap: 8px; align-items: center; padding-bottom: 8px; border-bottom: 1px solid var(--hud-line); cursor: grab; touch-action: none; }
@@ -6435,7 +6429,6 @@ onBeforeUnmount(() => {
   border-radius: var(--hud-r-md);
   box-shadow: var(--hud-shadow);
   backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
   max-width: 70%;
   overflow: hidden;
   text-overflow: ellipsis;

package/app/composables/workshop/useClusteredBlocks.ts

@@ -27,6 +27,8 @@ import { BlockClusterer, buildStreamText, type EventBlock } from './useEventBloc
 
 /** 聚合窗:过程帧突发合并为一次呈现(ms) */
 const FLUSH_MS = 160
+/** 稳定空数组(无频道/无数据时同一引用,避免下游 computed 每帧产出新数组) */
+const EMPTY: AepEnvelope[] = Object.freeze([]) as unknown as AepEnvelope[]
 /** 尾部流块最小可见文本(字符):不足则暂缓一拍,避免 1-2 字符的"准空白"块闪现 */
 const MIN_STREAM_PREVIEW = 8
 /** 即时呈现的终局/外显帧:结果类与状态翻转类内容不合批 */
@@ -52,6 +54,15 @@ export function useClusteredBlocks(
     resetKey?: MaybeRefOrGetter<unknown>
     /** raw 源:绕过 timeline 的 filter/focus(lanes 场景),用 ring items + predicate */
     raw?: boolean
+    /**
+     * lane 专用:按 agentId 直接取增量索引(events.agentEvents),**跳过谓词全量过滤**。
+     *
+     * 为什么:lane 场景下 predicate 就是 `e.agentId === id`,而每个成员 lane 各有一份
+     * 实例 —— 每帧 L×R 次谓词调用 + L 次数组分配(L=成员数,R=ring≤5000)。
+     * 传入 agentId 后改为读 store 里已维护好的子序列 → 每帧 O(1)。
+     * 与 predicate 互斥:给了 agentId 就不再跑 predicate(索引语义等价于该谓词)。
+     */
+    agentId?: MaybeRefOrGetter<string | null | undefined>
   } = {},
 ) {
   const events = useEventsStore()
@@ -63,14 +74,22 @@ export function useClusteredBlocks(
   const focusVal = computed(() => events.focusAgents[cid.value] ?? null)
   const resetKeyVal = computed(() => toValue(opts.resetKey))
   const predRaw = computed(() => opts.predicate ?? null)
+  const laneAgentId = computed(() => toValue(opts.agentId) ?? '')
 
   const list = computed(() => {
-    if (opts.raw) return cid.value ? events.ring(cid.value).items : []
-    return cid.value ? events.timeline(cid.value) : []
+    if (opts.raw) {
+      if (!cid.value) return EMPTY
+      // lane 快路径:索引已按 agentId 分桶,无需再过滤
+      if (opts.agentId) return events.agentEvents(cid.value, laneAgentId.value)
+      return events.ring(cid.value).items
+    }
+    return cid.value ? events.timeline(cid.value) : EMPTY
   })
   const source = computed(() => {
     // resetKey(外部捕获上下文)列入依赖:变化时 source 重算,配合下方重置重建
     void resetKeyVal.value
+    // agentId 快路径已由索引完成归属过滤,不再叠加 predicate(否则又退化成 O(R)/帧)
+    if (opts.agentId) return list.value
     return predRaw.value ? list.value.filter(predRaw.value) : list.value
   })
 
@@ -121,7 +140,7 @@ export function useClusteredBlocks(
 
   if (opts.raw) {
     // raw 模式:filter/focus 不影响源,重置仅由 cid / predicate / 上下文驱动
-    watch([cid, predRaw, resetKeyVal], () => {
+    watch([cid, predRaw, resetKeyVal, laneAgentId], () => {
       clusterer.reset()
       rebuildPending = true
     }, { immediate: true })

package/app/composables/workshop/useEscClose.ts

@@ -0,0 +1,44 @@
+/**
+ * Esc 关闭浮层(模态/抽屉/命令面板)—— 可复用的键盘可达性基线。
+ *
+ * 为什么需要:页内模态此前只能靠点遮罩或"取消"按钮关闭,Esc 无响应。
+ * Esc 关闭是桌面端浮层的**基本约定**(用户会本能地按),缺了它每次都要移动鼠标找按钮。
+ *
+ * 行为约定:
+ *  - 仅在 isOpen 为真时挂监听(不留常驻全局监听器);
+ *  - `capture: true`:浮层内的输入框/富文本可能吞掉 keydown,捕获阶段拦更可靠;
+ *  - 关闭时 stopPropagation:嵌套浮层只关最内层,不连锁关掉父层。
+ *
+ * 用法:
+ *   const open = ref(false)
+ *   useEscClose(open, () => { open.value = false })
+ */
+import { onScopeDispose, watch } from 'vue'
+import type { Ref } from 'vue'
+
+export function useEscClose(isOpen: Ref<boolean>, close: () => void): void {
+  let handler: ((e: KeyboardEvent) => void) | null = null
+
+  const detach = (): void => {
+    if (!handler) return
+    window.removeEventListener('keydown', handler, true)
+    handler = null
+  }
+
+  const attach = (): void => {
+    if (handler) return
+    handler = (e: KeyboardEvent): void => {
+      if (e.key !== 'Escape') return
+      e.stopPropagation()
+      close()
+    }
+    window.addEventListener('keydown', handler, true)
+  }
+
+  watch(isOpen, (open) => {
+    if (open) attach()
+    else detach()
+  }, { immediate: true })
+
+  onScopeDispose(detach)
+}

package/app/config/index.ts

@@ -62,7 +62,8 @@ export function loadConfig(): AppConfig {
   try {
     const pkg = JSON.parse(readFileSync(join(packageRoot, 'package.json'), 'utf8')) as { version?: string }
     if (pkg.version) (raw.app as Record<string, unknown>).version = pkg.version
-  } catch { /* 载荷异常时保留 yml 兜底值 */ }
+  }
+  catch { /* 载荷异常时保留 yml 兜底值 */ }
   applyRuntimeOverrides(raw)
   cached = appConfigSchema.parse(raw)
   return cached

package/app/layouts/default.vue

@@ -4,10 +4,18 @@ import { theme } from 'ant-design-vue'
 // 响应式 token:随 ConfigProvider 算法(亮/暗)自动切换,注入 CSS 变量供布局子组件消费
 const { token } = theme.useToken()
 const site = useSiteConfig()
+
+// 注:模板里的 <a-layout> 显式带 has-sider。antd 默认靠运行时探测子 Sider 来加
+// .ant-layout-has-sider,而服务端没有 mount 阶段 → SSR 输出不含该类、客户端水合后才补上,
+// 既是 hydration mismatch,也是首帧到水合之间的布局跳变(该类决定 flex-direction)。
+// 显式声明后两侧类名一致,警告与跳变同时消失。
 </script>
 
 <template>
-  <a-layout class="app-layout">
+  <a-layout
+    class="app-layout"
+    has-sider
+  >
     <AppSidebar />
 
     <a-layout
@@ -51,18 +59,27 @@ const site = useSiteConfig()
 </template>
 
 <style scoped>
+/* ⚠️ 布局骨架**自持**:不依赖 antd cssinjs 的注入时机。
+ * 实测复现:某些进入路径下 .app-layout 拿不到 .ant-layout 的 `display:flex`
+ * (计算值 display:block),于是 aside(position:sticky; height:100vh)与 .app-main
+ * 变成块级上下堆叠 —— 内容被推到 y=1050(整整一个视口之下),整页"掉到折叠线以下"。
+ * 这与项目已记录的"主题不一致导致 cssinjs 不重注入"是同一类问题。
+ * 骨架的 display/flex-direction 是**结构性**的,不该由运行时样式注入决定成败;
+ * 在这里显式声明后,即使 antd 样式迟到/缺失,页面结构也始终正确。
+ * (特异度 .app-layout[data-v-*] = 0,2,0 > .ant-layout = 0,1,0,稳定胜出) */
 .app-layout {
+  display: flex;
+  flex-direction: row;
   min-height: 100vh;
   background: transparent;
 }
 
 .app-main {
   position: relative;
-  z-index: 1;
   display: flex;
+  flex-direction: column;
   flex: 1 1 auto;
   min-width: 0;
-  flex-direction: column;
   min-height: 100vh;
 }
 
@@ -72,12 +89,12 @@ const site = useSiteConfig()
   padding: 2px;
 }
 
-/* 页脚:mono 铭牌行(固定高度,供 harness 页计算视口高度);玻璃收边 */
+/* 页脚:mono 铭牌行(固定高度,供 harness 页计算视口高度);壳层玻璃收边 */
 .app-footer {
-  background: linear-gradient(0deg, var(--frost-bg), color-mix(in srgb, var(--frost-bg) 60%, transparent));
-  backdrop-filter: var(--aurora-blur);
-  -webkit-backdrop-filter: var(--aurora-blur);
+  background: var(--mat-chrome-bg);
+  backdrop-filter: var(--vibrancy-chrome);
   border-top: 1px solid var(--glass-line);
+  box-shadow: var(--glass-specular);
   display: flex;
   gap: 10px;
   align-items: center;
@@ -91,7 +108,7 @@ const site = useSiteConfig()
 }
 
 .app-footer .sep {
-  color: var(--ink-fainter);
+  color: var(--ink-faint);
 }
 
 .footer-title {