agentworkshop 0.7.66 → 0.7.71

package/app/pages/workshop/index.vue

@@ -90,6 +90,19 @@ useHead({ title: () => t('titles.workshop') })
             @remove="remove"
           />
 
+          <!-- 已有工作区时保留一个"新建"占位砖:网格不留整列空白,
+               新建入口也始终在视线内(页头按钮之外的第二落点)。 -->
+          <button
+            v-if="wsStore.workspaces.length > 0 && ready"
+            type="button"
+            class="ws-add"
+            @click="createOpen = true"
+          >
+            <span class="ws-add-plus i-tabler-plus" />
+            <span class="ws-add-title">{{ t('wsHome.newWs') }}</span>
+            <span class="ws-add-sub">{{ t('wsHome.newWsHint') }}</span>
+          </button>
+
           <WorkspaceEmpty
             v-if="wsStore.workspaces.length === 0 && ready"
             @create="createOpen = true"
@@ -118,4 +131,46 @@ useHead({ title: () => t('titles.workshop') })
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   gap: 16px;
 }
+
+/* 新建占位砖:与工作区卡同高同圆角,虚线边界表明"这里还能放一个" */
+.ws-add {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  align-items: center;
+  justify-content: center;
+  min-height: 190px;
+  padding: 20px;
+  font-family: var(--font-body);
+  color: var(--ink-faint);
+  cursor: pointer;
+  background: transparent;
+  border: 1px dashed var(--line-strong);
+  border-radius: var(--radius-panel);
+  transition:
+    color var(--transition-fast),
+    border-color var(--transition-fast),
+    background var(--transition-fast);
+}
+
+.ws-add:hover {
+  color: var(--ink-soft);
+  background: var(--hover-tint);
+  border-color: color-mix(in srgb, var(--line-strong) 55%, var(--accent) 45%);
+}
+
+.ws-add-plus {
+  font-size: 22px;
+  color: var(--accent);
+}
+
+.ws-add-title {
+  font-size: 13.5px;
+  font-weight: 600;
+}
+
+.ws-add-sub {
+  font-size: 12px;
+  color: var(--ink-faint);
+}
 </style>

package/app/pages/workshop/teams.vue

@@ -1,233 +1,237 @@
-<script setup lang="ts">
-/**
- * AgentTeam 编组库:用户级隔离的编组 CRUD + 成员管理 + 一键 deploy 到 Channel。
- * v10 可见性:private 仅本人;public 全员可读可用(仅属主可改删);内置(锁)不可变更。
- * admin:全量视图(含他人私有),附创建者;可改删任意非内置编组。
- *
- * 本页只做编排:目录/派生视图态在 composables/useTeamsCatalog,卡片即时写操作在
- * composables/useTeamActions,四个弹窗的开关与 payload 在 composables/useTeamDialogState,
- * 各弹窗自己的表单与提交在 useTeam*Dialog(由弹窗组件调用,成功后再 emit 回来 reload)。
- * 展示件:components/workshop/teams/**。
- */
-import TeamAddMemberModal from '@/app/components/workshop/teams/TeamAddMemberModal.vue'
-import TeamCard from '@/app/components/workshop/teams/TeamCard.vue'
-import TeamCreateModal from '@/app/components/workshop/teams/TeamCreateModal.vue'
-import TeamDeployModal from '@/app/components/workshop/teams/TeamDeployModal.vue'
-import TeamPluginModal from '@/app/components/workshop/teams/TeamPluginModal.vue'
-import { useTeamActions } from './composables/useTeamActions'
-import { useTeamDialogState } from './composables/useTeamDialogState'
-import { useTeamsCatalog } from './composables/useTeamsCatalog'
-
-const { t } = useI18n()
-
-definePageMeta({ layout: 'default' })
-
-const { teams, channels, loading, load, memberOptions, filter, shown, canWrite, visTag, isAdmin } = useTeamsCatalog()
-const { toggleVisibility, removeMember, removeTeam } = useTeamActions({ reload: load })
-const {
-  createOpen,
-  addOpen,
-  addTeam,
-  openAdd,
-  deployOpen,
-  deployTeam,
-  openDeploy,
-  plugOpen,
-  plugTeam,
-  openPlugins,
-} = useTeamDialogState()
-
-useHead({ title: () => t('titles.teams') })
-</script>
-
-<template>
-  <div class="page">
-    <div class="head">
-      <div>
-        <h2>AgentTeam {{ $t('teams.k3svl8y028') }}</h2>
-        <p class="sub">
-          {{ $t('teams.k12gl4wn008') }}
-        </p>
-      </div>
-      <a-space>
-        <a-button @click="navigateTo('/workshop')">
-          {{ $t('teams.krpx6qa009') }}
-        </a-button>
-        <a-button
-          type="primary"
-          @click="createOpen = true"
-        >
-          {{ $t('teams.k1efmuyx002') }}
-        </a-button>
-      </a-space>
-    </div>
-
-    <div class="toolbar">
-      <a-segmented
-        v-model:value="filter"
-        size="small"
-        :options="[
-          { value: 'all', label: $t('chips.chipAll', { n: teams.length }) },
-          { value: 'mine', label: $t('chips.mine') },
-          { value: 'public', label: $t('chips.public') },
-          { value: 'builtin', label: $t('chips.builtin') },
-        ]"
-      />
-      <span
-        v-if="isAdmin"
-        class="admin-note"
-      ><span class="i-tabler-shield-check" /> {{ $t('teams.k1bpgi8h010') }}</span>
-    </div>
-
-    <a-spin :spinning="loading">
-      <div class="grid">
-        <TeamCard
-          v-for="team in shown"
-          :key="team.id"
-          :team="team"
-          :vis="visTag(team)"
-          :can-write="canWrite(team)"
-          @toggle-visibility="toggleVisibility"
-          @deploy="openDeploy"
-          @plugins="openPlugins"
-          @remove="removeTeam"
-          @add-member="openAdd"
-          @remove-member="removeMember"
-        />
-        <div
-          v-if="shown.length === 0"
-          class="card placeholder"
-          @click="createOpen = true"
-        >
-          <span class="i-tabler-plus big" />
-          <span>{{ $t('teams.k6cbbgf014') }}</span>
-        </div>
-      </div>
-    </a-spin>
-
-    <TeamCreateModal
-      v-model:open="createOpen"
-      @created="load"
-    />
-
-    <TeamAddMemberModal
-      v-model:open="addOpen"
-      :team="addTeam"
-      :member-options="memberOptions"
-      @added="load"
-    />
-
-    <TeamDeployModal
-      v-model:open="deployOpen"
-      :team="deployTeam"
-      :channels="channels"
-    />
-
-    <TeamPluginModal
-      v-model:open="plugOpen"
-      :team="plugTeam"
-    />
-  </div>
-</template>
-
-<style scoped>
-.page { padding: 4px; }
-.head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
-}
-h2 { margin: 0 0 4px; }
-.sub { margin: 0; font-size: 12px; opacity: 0.55; }
-.toolbar {
-  display: flex;
-  gap: 12px;
-  align-items: center;
-  margin-bottom: 12px;
-}
-.admin-note {
-  display: inline-flex;
-  gap: 5px;
-  align-items: center;
-  font-size: 11px;
-  color: var(--ink-faint);
-}
-.grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  gap: 12px;
-}
-/* 卡片本体的规则现在归 TeamCard.vue;这里只为同一网格里的占位卡留一份逐字拷贝 ——
-   有意重复(scoped 样式不能外移成公共 css),改卡片外观时两处要一起改。 */
-.card {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  padding: 14px;
-  background: var(--paper-raised);
-  border: 1px solid var(--line);
-  border-radius: var(--radius-panel);
-  transition: border-color var(--transition-fast);
-}
-.card:hover { border-color: var(--line-strong); }
-.card.placeholder {
-  align-items: center;
-  justify-content: center;
-  min-height: 140px;
-  font-size: 13px;
-  opacity: 0.55;
-  cursor: pointer;
-  border-style: dashed;
-}
-.big { font-size: 28px; }
-
-/* ══ 窄屏(v9):页头纵向堆叠 / 筛选条换行 / 卡片单列 ══════════════════════
-   卡片内部的换行规则在 TeamCard.vue(同一断点,逐字复制)。 */
-@media (max-width: 900px) {
-  .head {
-    flex-direction: column;
-    align-items: stretch;
-    gap: 12px;
-  }
-
-  .head > div { min-width: 0; }
-  .head h2 { font-size: 21px; line-height: 1.25; }
-
-  .head :deep(.ant-space) {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    align-items: stretch;
-    width: 100%;
-  }
-
-  .head :deep(.ant-space-item) { width: 100%; }
-  .head :deep(.ant-btn) { width: 100%; min-height: 40px; }
-
-  .toolbar {
-    flex-wrap: wrap;
-    gap: 8px;
-  }
-
-  .toolbar :deep(.ant-segmented) {
-    flex: 1 1 100%;
-    min-width: 0;
-  }
-
-  .admin-note {
-    flex: 1 1 100%;
-    min-width: 0;
-    font-size: 11.5px;
-    line-height: 1.5;
-  }
-
-  .grid { grid-template-columns: 1fr; }
-}
-
-@media (max-width: 640px) {
-  .page { padding: 0; }
-  .head h2 { font-size: 19px; }
-  .sub { font-size: 11.5px; line-height: 1.5; }
-}
-</style>
+<script setup lang="ts">
+/**
+ * AgentTeam 编组库:用户级隔离的编组 CRUD + 成员管理 + 一键 deploy 到 Channel。
+ * v10 可见性:private 仅本人;public 全员可读可用(仅属主可改删);内置(锁)不可变更。
+ * admin:全量视图(含他人私有),附创建者;可改删任意非内置编组。
+ *
+ * 本页只做编排:目录/派生视图态在 composables/useTeamsCatalog,卡片即时写操作在
+ * composables/useTeamActions,四个弹窗的开关与 payload 在 composables/useTeamDialogState,
+ * 各弹窗自己的表单与提交在 useTeam*Dialog(由弹窗组件调用,成功后再 emit 回来 reload)。
+ * 展示件:components/workshop/teams/**。
+ */
+import TeamAddMemberModal from '@/app/components/workshop/teams/TeamAddMemberModal.vue'
+import TeamCard from '@/app/components/workshop/teams/TeamCard.vue'
+import TeamCreateModal from '@/app/components/workshop/teams/TeamCreateModal.vue'
+import TeamDeployModal from '@/app/components/workshop/teams/TeamDeployModal.vue'
+import TeamPluginModal from '@/app/components/workshop/teams/TeamPluginModal.vue'
+import { useTeamActions } from './composables/useTeamActions'
+import { useTeamDialogState } from './composables/useTeamDialogState'
+import { useTeamsCatalog } from './composables/useTeamsCatalog'
+
+const { t } = useI18n()
+
+definePageMeta({ layout: 'default' })
+
+const { teams, channels, loading, load, memberOptions, filter, shown, canWrite, visTag, isAdmin } = useTeamsCatalog()
+const { toggleVisibility, removeMember, removeTeam } = useTeamActions({ reload: load })
+const {
+  createOpen,
+  addOpen,
+  addTeam,
+  openAdd,
+  deployOpen,
+  deployTeam,
+  openDeploy,
+  plugOpen,
+  plugTeam,
+  openPlugins,
+} = useTeamDialogState()
+
+useHead({ title: () => t('titles.teams') })
+</script>
+
+<template>
+  <div class="page">
+    <div class="head">
+      <div>
+        <h2>AgentTeam {{ $t('teams.k3svl8y028') }}</h2>
+        <p class="sub">
+          {{ $t('teams.k12gl4wn008') }}
+        </p>
+      </div>
+      <a-space>
+        <a-button @click="navigateTo('/workshop')">
+          {{ $t('teams.krpx6qa009') }}
+        </a-button>
+        <a-button
+          type="primary"
+          @click="createOpen = true"
+        >
+          {{ $t('teams.k1efmuyx002') }}
+        </a-button>
+      </a-space>
+    </div>
+
+    <div class="toolbar">
+      <a-segmented
+        v-model:value="filter"
+        size="small"
+        :options="[
+          { value: 'all', label: $t('chips.chipAll', { n: teams.length }) },
+          { value: 'mine', label: $t('chips.mine') },
+          { value: 'public', label: $t('chips.public') },
+          { value: 'builtin', label: $t('chips.builtin') },
+        ]"
+      />
+      <ClientOnly>
+        <span
+          v-if="isAdmin"
+          class="admin-note"
+        ><span class="i-tabler-shield-check" /> {{ $t('teams.k1bpgi8h010') }}</span>
+      </ClientOnly>
+    </div>
+
+    <a-spin :spinning="loading">
+      <div class="grid">
+        <TeamCard
+          v-for="team in shown"
+          :key="team.id"
+          :team="team"
+          :vis="visTag(team)"
+          :can-write="canWrite(team)"
+          @toggle-visibility="toggleVisibility"
+          @deploy="openDeploy"
+          @plugins="openPlugins"
+          @remove="removeTeam"
+          @add-member="openAdd"
+          @remove-member="removeMember"
+        />
+        <div
+          v-if="shown.length === 0"
+          class="card placeholder"
+          @click="createOpen = true"
+        >
+          <span class="i-tabler-plus big" />
+          <span>{{ $t('teams.k6cbbgf014') }}</span>
+        </div>
+      </div>
+    </a-spin>
+
+    <TeamCreateModal
+      v-model:open="createOpen"
+      @created="load"
+    />
+
+    <TeamAddMemberModal
+      v-model:open="addOpen"
+      :team="addTeam"
+      :member-options="memberOptions"
+      @added="load"
+    />
+
+    <TeamDeployModal
+      v-model:open="deployOpen"
+      :team="deployTeam"
+      :channels="channels"
+    />
+
+    <TeamPluginModal
+      v-model:open="plugOpen"
+      :team="plugTeam"
+    />
+  </div>
+</template>
+
+<style scoped>
+.page { padding: 4px; }
+.head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 12px;
+}
+h2 { margin: 0 0 4px; }
+.sub { margin: 0; font-size: 12px; opacity: 0.55; }
+.toolbar {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  margin-bottom: 12px;
+}
+.admin-note {
+  display: inline-flex;
+  gap: 5px;
+  align-items: center;
+  font-size: 11px;
+  color: var(--ink-faint);
+}
+.grid {
+  display: grid;
+  /* auto-fit:已装配的组不足一行时铺满可用列,不在右侧留一整列空白
+     (实测 1600 视口 3 个编组 + auto-fill = 3 卡 + 1 列空)。 */
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 12px;
+}
+/* 卡片本体的规则现在归 TeamCard.vue;这里只为同一网格里的占位卡留一份逐字拷贝 ——
+   有意重复(scoped 样式不能外移成公共 css),改卡片外观时两处要一起改。 */
+.card {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 14px;
+  background: var(--paper-raised);
+  border: 1px solid var(--line);
+  border-radius: var(--radius-panel);
+  transition: border-color var(--transition-fast);
+}
+.card:hover { border-color: var(--line-strong); }
+.card.placeholder {
+  align-items: center;
+  justify-content: center;
+  min-height: 140px;
+  font-size: 13px;
+  opacity: 0.55;
+  cursor: pointer;
+  border-style: dashed;
+}
+.big { font-size: 28px; }
+
+/* ══ 窄屏(v9):页头纵向堆叠 / 筛选条换行 / 卡片单列 ══════════════════════
+   卡片内部的换行规则在 TeamCard.vue(同一断点,逐字复制)。 */
+@media (max-width: 900px) {
+  .head {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 12px;
+  }
+
+  .head > div { min-width: 0; }
+  .head h2 { font-size: 21px; line-height: 1.25; }
+
+  .head :deep(.ant-space) {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    align-items: stretch;
+    width: 100%;
+  }
+
+  .head :deep(.ant-space-item) { width: 100%; }
+  .head :deep(.ant-btn) { width: 100%; min-height: 40px; }
+
+  .toolbar {
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+
+  .toolbar :deep(.ant-segmented) {
+    flex: 1 1 100%;
+    min-width: 0;
+  }
+
+  .admin-note {
+    flex: 1 1 100%;
+    min-width: 0;
+    font-size: 11.5px;
+    line-height: 1.5;
+  }
+
+  .grid { grid-template-columns: 1fr; }
+}
+
+@media (max-width: 640px) {
+  .page { padding: 0; }
+  .head h2 { font-size: 19px; }
+  .sub { font-size: 11.5px; line-height: 1.5; }
+}
+</style>

package/app/stores/route-trail.ts

@@ -1,7 +1,9 @@
 /**
  * 路线航迹(route trail)——header 导航留痕:
  *  - 每次路由变化把路径追加为航点(同路径去重后移到末尾,视作"重新盖章")
- *  - 上限 8 个航点,超出淘汰最旧;localStorage 持久化,刷新后航迹保留
+ *  - 上限 4 个航点(顶栏是一级导航的"最近路径",不是完整浏览历史;
+ *    5 个以上会挤占右侧功能簇,实测 1440 视口下与语言/主题/用户区重叠)
+ *  - localStorage 持久化,刷新后航迹保留
  *  - 只存 path + 时间戳:标题/图标在渲染层按当前 locale 与 workspace 名派生,
  *    避免语言切换或异步数据到达后标题过期
  */
@@ -10,7 +12,7 @@ export interface TrailWaypoint {
   at: number
 }
 
-const MAX_WAYPOINTS = 8
+const MAX_WAYPOINTS = 4
 
 export const useRouteTrailStore = defineStore('app.routeTrail', () => {
   const waypoints = ref<TrailWaypoint[]>([])

package/app/utils/chart-trend.ts

@@ -0,0 +1,97 @@
+/**
+ * 趋势图 option 构建器 —— /studio 画布与 /studio/board 看板卡的单一实现。
+ *
+ * 为什么抽出来(2026-10-22-eda-ui-fix-plan F2/F3):此前两处各写一份 option 组装,
+ * 已经漂移 —— 看板 queryCard 丢 run_id 过滤、丢按单位双轴(保存的双轴图到看板变单轴),
+ * 且小卡下图例压轴名、x 轴刻度互相重叠。同一图表必须两处渲染一致,所以收敛到一个函数;
+ * 语义变更(如增加图型)只改这里。
+ *
+ * 取数永远在调用方按请求鉴权(图表只存查询参数快照 —— B4 铁律);本函数纯同步、零请求。
+ */
+import type { EChartsOption } from 'echarts'
+
+export interface TrendSeriesPoint { at: number, v: number }
+export interface TrendSeries { nodeId: string, name: string, unit: string, points: TrendSeriesPoint[] }
+/** 字段井条目(/studio 的 encoding.y;轴实际按单位分配,L/R 徽标为展示语义) */
+export interface TrendYEntry { nodeId: string, name: string, unit: string, axis: 'L' | 'R' }
+export interface TrendRefLine { label: string, value: number }
+export interface TrendGoldenBin { phase: number, mean: number | null, std: number | null }
+export interface TrendGolden {
+  /** nodeId → golden 相位画像(studio 的 goldenCache) */
+  cache: Map<string, TrendGoldenBin[]>
+  /** 当前叠加开启的 nodeId 集合(studio 的 goldenOn) */
+  on: Set<string>
+}
+
+export interface TrendOptionInput {
+  series: TrendSeries[]
+  refLines?: TrendRefLine[]
+  /** golden 相位叠加(仅 /studio 传入;看板不叠) */
+  golden?: TrendGolden
+  /** 看板小卡等紧凑场景:无 toolbox、无滑块缩放、收紧内边距 */
+  compact?: boolean
+}
+
+/** Warm Editorial 色序与 AwChart 注入的同源;此处不显式上色,交给 AwChart 统一调色。 */
+export function buildTrendOption(input: TrendOptionInput): EChartsOption {
+  const { series, refLines = [], golden, compact = false } = input
+  const units: string[] = []
+  for (const s of series) if (s.unit && !units.includes(s.unit)) units.push(s.unit)
+  const axisOf = (u: string) => Math.min(units.indexOf(u), 1)
+  const yAxes = [0, 1].slice(0, Math.max(1, Math.min(units.length, 2))).map(i => ({
+    type: 'value' as const,
+    name: units[i] ?? '',
+    scale: true,
+    // F3:轴名与图例/曲线留出间距,窄容器下不再压字
+    nameGap: compact ? 10 : 14,
+  }))
+
+  const seriesOut: Record<string, unknown>[] = series.map(s => ({
+    name: s.name,
+    type: 'line',
+    yAxisIndex: axisOf(s.unit),
+    showSymbol: false,
+    data: s.points.map(p => [p.at, p.v]),
+  }))
+
+  // golden 相位叠加(0-100% 副轴):均值虚线 + ±std 隐形堆叠面积带(与 studio 既有语义一致)
+  let hasGolden = false
+  if (golden) {
+    for (const s of series) {
+      const bins = golden.cache.get(s.nodeId)
+      if (!bins || !golden.on.has(s.nodeId)) continue
+      hasGolden = true
+      const mk = (pick: (b: TrendGoldenBin) => number | null) => bins.map(b => [Number((b.phase * 100).toFixed(2)), pick(b)])
+      seriesOut.push({ name: `${s.name} G`, type: 'line', xAxisIndex: 1, yAxisIndex: axisOf(s.unit), showSymbol: false, lineStyle: { type: 'dashed', width: 2 }, data: mk(b => b.mean) })
+      seriesOut.push({ name: `${s.name} G+`, type: 'line', xAxisIndex: 1, yAxisIndex: axisOf(s.unit), showSymbol: false, stack: `g-${s.nodeId}`, lineStyle: { opacity: 0 }, data: mk(b => (b.mean != null && b.std != null ? b.mean + b.std : null)) })
+      seriesOut.push({ name: `${s.name} G-`, type: 'line', xAxisIndex: 1, yAxisIndex: axisOf(s.unit), showSymbol: false, stack: `g-${s.nodeId}`, lineStyle: { opacity: 0 }, areaStyle: { opacity: 0.12 }, data: mk(b => (b.mean != null && b.std != null ? b.mean - b.std : null)) })
+    }
+  }
+
+  const xAxes: Record<string, unknown>[] = [{ type: 'time', axisLabel: { hideOverlap: true } }]
+  if (hasGolden) xAxes.push({ type: 'value', min: 0, max: 100, name: '%' })
+
+  // F3:参考线挂在第一个可用 series;hideOverlap 对轴刻度生效,markLine 标签靠 distance 收敛
+  if (refLines.length && seriesOut.length) {
+    ;(seriesOut[0] as Record<string, unknown>).markLine = {
+      silent: true,
+      symbol: 'none',
+      data: refLines.map(r => ({ yAxis: r.value, label: { formatter: `${r.label} ${r.value}` }, lineStyle: { type: 'dashed', color: '#b3403a' } })),
+    }
+  }
+
+  return {
+    tooltip: { trigger: 'axis' },
+    legend: { type: 'scroll', padding: compact ? [2, 4] : [4, 8] },
+    grid: compact
+      ? { left: 44, right: units.length > 1 ? 40 : 14, top: units.length > 1 ? 24 : 16, bottom: 18 }
+      : { left: 56, right: units.length > 1 ? 56 : 24, top: 32, bottom: 64 },
+    xAxis: xAxes,
+    yAxis: yAxes,
+    dataZoom: compact
+      ? [{ type: 'inside' }]
+      : [{ type: 'inside' }, { type: 'slider', height: 16, bottom: 10 }],
+    toolbox: compact ? undefined : { right: 8, top: 0, feature: { saveAsImage: { title: 'PNG' } } },
+    series: seriesOut,
+  } as EChartsOption
+}