agentworkshop 0.7.60 → 0.7.62

package/.output/server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentworkshop-prod",
-  "version": "0.7.60",
+  "version": "0.7.62",
   "type": "module",
   "private": true,
   "dependencies": {

package/app/components/analysis/AnalysisEditModal.vue

@@ -0,0 +1,192 @@
+<script setup lang="ts">
+/**
+ * 分析报告人工修订弹窗(v27 编辑面):预填当前值 → PATCH → 父级刷新。
+ * 可见性由行级 canEdit(admin/产线 operate)控制;结论明细每行一条,
+ * 支撑指标为 JSON 文本(留空 = 保留原值;Agent 面仍无改删,修订全程审计)。
+ */
+import { reactive, watch } from 'vue'
+import { ANALYSIS_CATEGORIES } from '@/app/pages/analysis/types'
+import type { AnalysisReportView } from '@/app/pages/analysis/types'
+
+const props = defineProps<{
+  /** 待编辑报告(null = 弹窗关闭) */
+  report: AnalysisReportView | null
+  saving: boolean
+}>()
+
+const emit = defineEmits<{
+  close: []
+  save: [patch: Record<string, unknown>]
+}>()
+
+const form = reactive({
+  title: '', summary: '', category: '', recipeId: '', recipeVersion: '',
+  windowFrom: '', windowTo: '', dataSources: '', conclusions: '', report: '', metrics: '',
+})
+
+watch(() => props.report, (r) => {
+  if (!r) return
+  form.title = r.title
+  form.summary = r.summary
+  form.category = r.category
+  form.recipeId = r.recipeId
+  form.recipeVersion = r.recipeVersion
+  form.windowFrom = r.windowFrom ?? ''
+  form.windowTo = r.windowTo ?? ''
+  form.dataSources = r.dataSources
+  form.conclusions = (r.conclusions ?? []).join('\n')
+  form.report = r.report ?? ''
+  form.metrics = Object.keys(r.metrics ?? {}).length ? JSON.stringify(r.metrics, null, 1) : ''
+}, { immediate: true })
+
+function submit(): void {
+  let metrics: unknown = undefined
+  if (form.metrics.trim()) {
+    try {
+      metrics = JSON.parse(form.metrics)
+    }
+    catch {
+      // JSON 非法直接留原值并由后端校验;此处不阻断
+      metrics = form.metrics
+    }
+  }
+  emit('save', {
+    title: form.title,
+    summary: form.summary,
+    category: form.category || 'general',
+    recipe_id: form.recipeId.trim(),
+    recipe_version: form.recipeVersion.trim(),
+    window_from: form.windowFrom.trim(),
+    window_to: form.windowTo.trim(),
+    data_sources: form.dataSources,
+    conclusions: form.conclusions,
+    report: form.report,
+    ...(metrics !== undefined ? { metrics } : {}),
+  })
+}
+</script>
+
+<template>
+  <a-modal
+    :open="Boolean(report)"
+    :title="$t('analysis.editTitle')"
+    :confirm-loading="saving"
+    :ok-text="$t('analysis.save')"
+    :cancel-text="$t('analysis.cancel')"
+    width="720px"
+    @ok="submit"
+    @cancel="emit('close')"
+  >
+    <div class="edit-form">
+      <label class="fld">
+        <span>{{ $t('analysis.thTitle') }}</span>
+        <input
+          v-model="form.title"
+          class="inp-sel"
+        >
+      </label>
+      <label class="fld">
+        <span>{{ $t('analysis.thSummary') }}</span>
+        <input
+          v-model="form.summary"
+          class="inp-sel"
+        >
+      </label>
+      <div class="fld-row">
+        <label class="fld">
+          <span>{{ $t('analysis.fCat') }}</span>
+          <select
+            v-model="form.category"
+            class="inp-sel"
+          >
+            <option
+              v-for="c in ANALYSIS_CATEGORIES"
+              :key="c"
+              :value="c"
+            >
+              {{ $t(`analysis.cat.${c}`) }}
+            </option>
+          </select>
+        </label>
+        <label class="fld">
+          <span>{{ $t('analysis.kRecipe') }}</span>
+          <input
+            v-model="form.recipeId"
+            class="inp-sel"
+            placeholder="rcp-…"
+          >
+        </label>
+        <label class="fld">
+          <span>{{ $t('analysis.kVersion') }}</span>
+          <input
+            v-model="form.recipeVersion"
+            class="inp-sel"
+          >
+        </label>
+      </div>
+      <div class="fld-row">
+        <label class="fld">
+          <span>{{ $t('analysis.kWindowFrom') }}</span>
+          <input
+            v-model="form.windowFrom"
+            class="inp-sel"
+            placeholder="ISO 8601"
+          >
+        </label>
+        <label class="fld">
+          <span>{{ $t('analysis.kWindowTo') }}</span>
+          <input
+            v-model="form.windowTo"
+            class="inp-sel"
+            placeholder="ISO 8601"
+          >
+        </label>
+      </div>
+      <label class="fld">
+        <span>{{ $t('analysis.kSources') }}</span>
+        <input
+          v-model="form.dataSources"
+          class="inp-sel"
+        >
+      </label>
+      <label class="fld">
+        <span>{{ $t('analysis.kConclusions') }}({{ $t('analysis.conclusionsHint') }})</span>
+        <textarea
+          v-model="form.conclusions"
+          class="inp-sel"
+          rows="4"
+        />
+      </label>
+      <label class="fld">
+        <span>{{ $t('analysis.kReport') }}</span>
+        <textarea
+          v-model="form.report"
+          class="inp-sel mono"
+          rows="6"
+        />
+      </label>
+      <label class="fld">
+        <span>{{ $t('analysis.kMetrics') }}(JSON)</span>
+        <textarea
+          v-model="form.metrics"
+          class="inp-sel mono"
+          rows="4"
+        />
+      </label>
+    </div>
+  </a-modal>
+</template>
+
+<style scoped>
+.edit-form { display: flex; flex-direction: column; gap: 10px; max-height: 64vh; overflow: auto; padding-right: 4px; }
+.fld { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--ink-faint); }
+.fld-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }
+.inp-sel {
+  min-width: 0; padding: 6px 9px; font-size: 13px; color: var(--ink);
+  background: var(--frost-bg);
+  border: 1px solid var(--glass-line); border-radius: 7px; outline: none;
+}
+.inp-sel:focus { border-color: color-mix(in srgb, var(--tone-info-dot) 55%, transparent); }
+textarea.inp-sel { resize: vertical; line-height: 1.6; }
+.mono { font-family: var(--font-mono, monospace); font-size: 11.5px; }
+</style>

package/app/components/analysis/AnalysisFilterCard.vue

@@ -1,160 +1,159 @@
-<script setup lang="ts">
-/**
- * 数据分析筛选卡:产线 / 类别 / 时间窗 / 关键词 + 查询/重置。
- * 筛选态由页面持有(useAnalysisFeed),这里只做双向绑定;
- * 产线选项与日志页同一份权威目录(useLogsScope → DCW 流单例)。
- */
-import { ANALYSIS_CATEGORIES } from '@/app/pages/analysis/types'
-import { ANALYSIS_WINDOW_PRESETS } from '@/app/pages/analysis/types'
-import { useLogsScope } from '@/app/pages/logs/composables/useLogsScope'
-
-defineProps<{
-  /** 是否已设任一筛选维度(决定"重置"按钮显隐) */
-  hasFilter: boolean
-  /** 查询中(查询按钮置灰) */
-  loading: boolean
-}>()
-
-defineEmits<{
-  query: []
-  reset: []
-}>()
-
-const lineId = defineModel<string>('lineId', { required: true })
-const category = defineModel<string>('category', { required: true })
-const preset = defineModel<string>('preset', { required: true })
-const text = defineModel<string>('text', { required: true })
-
-const { lines } = useLogsScope()
-</script>
-
-<template>
-  <section class="filter-card">
-    <label class="flt">
-      <span>{{ $t('analysis.fLine') }}</span>
-      <select
-        v-model="lineId"
-        class="inp-sel"
-      >
-        <option value="">
-          {{ $t('analysis.all') }}
-        </option>
-        <option
-          v-for="l in lines"
-          :key="l.id"
-          :value="l.id"
-        >
-          {{ l.name }}
-        </option>
-      </select>
-    </label>
-    <label class="flt">
-      <span>{{ $t('analysis.fCat') }}</span>
-      <select
-        v-model="category"
-        class="inp-sel"
-      >
-        <option value="">
-          {{ $t('analysis.all') }}
-        </option>
-        <option
-          v-for="c in ANALYSIS_CATEGORIES"
-          :key="c"
-          :value="c"
-        >
-          {{ $t(`analysis.cat.${c}`) }}
-        </option>
-      </select>
-    </label>
-    <label class="flt">
-      <span>{{ $t('analysis.fWindow') }}</span>
-      <select
-        v-model="preset"
-        class="inp-sel"
-      >
-        <option
-          v-for="p in ANALYSIS_WINDOW_PRESETS"
-          :key="p.key"
-          :value="p.key"
-        >
-          {{ $t(`analysis.win.${p.key}`) }}
-        </option>
-      </select>
-    </label>
-    <label class="flt flt-grow">
-      <span>{{ $t('analysis.fKeyword') }}</span>
-      <input
-        v-model="text"
-        class="inp-sel"
-        type="search"
-        :placeholder="$t('analysis.fKeywordPh')"
-        @keydown.enter="$emit('query')"
-      >
-    </label>
-    <button
-      class="pill-btn"
-      :disabled="loading"
-      @click="$emit('query')"
-    >
-      <span class="i-tabler-search" />
-      {{ $t('analysis.query') }}
-    </button>
-    <button
-      v-if="hasFilter"
-      class="mini-btn"
-      @click="$emit('reset')"
-    >
-      {{ $t('analysis.reset') }}
-    </button>
-  </section>
-</template>
-
-<style scoped>
-.filter-card {
-  display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end;
-  padding: 10px 14px;
-  background: var(--surface-glass);
-  border: 1px solid var(--glass-line);
-  border-radius: 10px;
-  backdrop-filter: var(--aurora-blur) saturate(1.15);
-}
-@media (max-width: 640px) {
-  .filter-card {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 8px;
-    align-items: end;
-  }
-  .filter-card .flt-grow,
-  .filter-card > button {
-    grid-column: 1 / -1;
-  }
-}
-.flt { display: flex; flex-direction: column; gap: 4px; font-size: 11.5px; color: var(--ink-faint); }
-.flt-grow { flex: 1 1 180px; }
-/* 输入框工具类:与 LogsFilterCard 同名规则逐字复制(样式随标记走,不抽公共 css) */
-.inp-sel {
-  min-width: 0; padding: 6px 9px; font-size: 13px; color: var(--ink);
-  background: var(--frost-bg);
-  border: 1px solid var(--glass-line); border-radius: 7px; outline: none;
-}
-.inp-sel:focus { border-color: color-mix(in srgb, var(--tone-info-dot) 55%, transparent); }
-@media (max-width: 899px) {
-  .filter-card .mini-btn,
-  .filter-card .pill-btn {
-    min-height: 40px;
-    padding: 8px 14px;
-  }
-  .filter-card {
-    padding: 10px;
-    gap: 8px;
-  }
-  .flt,
-  .flt-grow,
-  .flt .inp-sel {
-    flex: 1 1 100%;
-    width: 100%;
-    min-width: 0;
-  }
-}
-</style>
+<script setup lang="ts">
+/**
+ * 数据分析筛选卡:产线 / 类别 / 时间窗 / 关键词 + 查询/重置。
+ * 筛选态由页面持有(useAnalysisFeed),这里只做双向绑定;
+ * 产线选项与日志页同一份权威目录(useLogsScope → DCW 流单例)。
+ */
+import { ANALYSIS_CATEGORIES, ANALYSIS_WINDOW_PRESETS } from '@/app/pages/analysis/types'
+import { useLogsScope } from '@/app/pages/logs/composables/useLogsScope'
+
+defineProps<{
+  /** 是否已设任一筛选维度(决定"重置"按钮显隐) */
+  hasFilter: boolean
+  /** 查询中(查询按钮置灰) */
+  loading: boolean
+}>()
+
+defineEmits<{
+  query: []
+  reset: []
+}>()
+
+const lineId = defineModel<string>('lineId', { required: true })
+const category = defineModel<string>('category', { required: true })
+const preset = defineModel<string>('preset', { required: true })
+const text = defineModel<string>('text', { required: true })
+
+const { lines } = useLogsScope()
+</script>
+
+<template>
+  <section class="filter-card">
+    <label class="flt">
+      <span>{{ $t('analysis.fLine') }}</span>
+      <select
+        v-model="lineId"
+        class="inp-sel"
+      >
+        <option value="">
+          {{ $t('analysis.all') }}
+        </option>
+        <option
+          v-for="l in lines"
+          :key="l.id"
+          :value="l.id"
+        >
+          {{ l.name }}
+        </option>
+      </select>
+    </label>
+    <label class="flt">
+      <span>{{ $t('analysis.fCat') }}</span>
+      <select
+        v-model="category"
+        class="inp-sel"
+      >
+        <option value="">
+          {{ $t('analysis.all') }}
+        </option>
+        <option
+          v-for="c in ANALYSIS_CATEGORIES"
+          :key="c"
+          :value="c"
+        >
+          {{ $t(`analysis.cat.${c}`) }}
+        </option>
+      </select>
+    </label>
+    <label class="flt">
+      <span>{{ $t('analysis.fWindow') }}</span>
+      <select
+        v-model="preset"
+        class="inp-sel"
+      >
+        <option
+          v-for="p in ANALYSIS_WINDOW_PRESETS"
+          :key="p.key"
+          :value="p.key"
+        >
+          {{ $t(`analysis.win.${p.key}`) }}
+        </option>
+      </select>
+    </label>
+    <label class="flt flt-grow">
+      <span>{{ $t('analysis.fKeyword') }}</span>
+      <input
+        v-model="text"
+        class="inp-sel"
+        type="search"
+        :placeholder="$t('analysis.fKeywordPh')"
+        @keydown.enter="$emit('query')"
+      >
+    </label>
+    <button
+      class="pill-btn"
+      :disabled="loading"
+      @click="$emit('query')"
+    >
+      <span class="i-tabler-search" />
+      {{ $t('analysis.query') }}
+    </button>
+    <button
+      v-if="hasFilter"
+      class="mini-btn"
+      @click="$emit('reset')"
+    >
+      {{ $t('analysis.reset') }}
+    </button>
+  </section>
+</template>
+
+<style scoped>
+.filter-card {
+  display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end;
+  padding: 10px 14px;
+  background: var(--surface-glass);
+  border: 1px solid var(--glass-line);
+  border-radius: 10px;
+  backdrop-filter: var(--aurora-blur) saturate(1.15);
+}
+@media (max-width: 640px) {
+  .filter-card {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 8px;
+    align-items: end;
+  }
+  .filter-card .flt-grow,
+  .filter-card > button {
+    grid-column: 1 / -1;
+  }
+}
+.flt { display: flex; flex-direction: column; gap: 4px; font-size: 11.5px; color: var(--ink-faint); }
+.flt-grow { flex: 1 1 180px; }
+/* 输入框工具类:与 LogsFilterCard 同名规则逐字复制(样式随标记走,不抽公共 css) */
+.inp-sel {
+  min-width: 0; padding: 6px 9px; font-size: 13px; color: var(--ink);
+  background: var(--frost-bg);
+  border: 1px solid var(--glass-line); border-radius: 7px; outline: none;
+}
+.inp-sel:focus { border-color: color-mix(in srgb, var(--tone-info-dot) 55%, transparent); }
+@media (max-width: 899px) {
+  .filter-card .mini-btn,
+  .filter-card .pill-btn {
+    min-height: 40px;
+    padding: 8px 14px;
+  }
+  .filter-card {
+    padding: 10px;
+    gap: 8px;
+  }
+  .flt,
+  .flt-grow,
+  .flt .inp-sel {
+    flex: 1 1 100%;
+    width: 100%;
+    min-width: 0;
+  }
+}
+</style>

package/app/components/analysis/AnalysisPageHead.vue

@@ -1,47 +1,47 @@
-<script setup lang="ts">
-/**
- * 数据分析页页头:aw-page-head 规范(kicker + 大标题 + 描述)+ 实时轨计数。
- * 计数 = 本会话收到的 analysis 留痕 WS 帧(useAnalysisFeed.liveCount)。
- */
-defineProps<{
-  /** 实时轨当前帧数 */
-  liveCount: number
-}>()
-</script>
-
-<template>
-  <header class="aw-page-head">
-    <div>
-      <p class="aw-kicker">
-        agentworkshop / data analysis
-      </p>
-      <h1>{{ $t('analysis.title') }}</h1>
-      <p class="sub">
-        {{ $t('analysis.sub') }}
-      </p>
-    </div>
-    <div class="head-actions">
-      <span
-        class="live-dot"
-        :title="$t('analysis.liveHint')"
-      /><span class="live-txt mono">{{ $t('analysis.live') }} {{ liveCount }}</span>
-    </div>
-  </header>
-</template>
-
-<style scoped>
-.head-actions { display: flex; gap: 10px; align-items: center; padding-bottom: 4px; }
-.sub { margin: 8px 0 0; font-size: 13px; color: var(--ink-faint); }
-.live-dot {
-  width: 8px; height: 8px; border-radius: 50%;
-  background: var(--tone-success-dot);
-  box-shadow: 0 0 0 0 color-mix(in srgb, var(--tone-success-dot) 45%, transparent);
-  animation: analysisLivePulse 2s ease-out infinite;
-}
-@keyframes analysisLivePulse {
-  0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--tone-success-dot) 45%, transparent); }
-  70% { box-shadow: 0 0 0 8px transparent; }
-  100% { box-shadow: 0 0 0 0 transparent; }
-}
-.live-txt { font-size: 11.5px; color: var(--ink-faint); }
-</style>
+<script setup lang="ts">
+/**
+ * 数据分析页页头:aw-page-head 规范(kicker + 大标题 + 描述)+ 实时轨计数。
+ * 计数 = 本会话收到的 analysis 留痕 WS 帧(useAnalysisFeed.liveCount)。
+ */
+defineProps<{
+  /** 实时轨当前帧数 */
+  liveCount: number
+}>()
+</script>
+
+<template>
+  <header class="aw-page-head">
+    <div>
+      <p class="aw-kicker">
+        agentworkshop / data analysis
+      </p>
+      <h1>{{ $t('analysis.title') }}</h1>
+      <p class="sub">
+        {{ $t('analysis.sub') }}
+      </p>
+    </div>
+    <div class="head-actions">
+      <span
+        class="live-dot"
+        :title="$t('analysis.liveHint')"
+      /><span class="live-txt mono">{{ $t('analysis.live') }} {{ liveCount }}</span>
+    </div>
+  </header>
+</template>
+
+<style scoped>
+.head-actions { display: flex; gap: 10px; align-items: center; padding-bottom: 4px; }
+.sub { margin: 8px 0 0; font-size: 13px; color: var(--ink-faint); }
+.live-dot {
+  width: 8px; height: 8px; border-radius: 50%;
+  background: var(--tone-success-dot);
+  box-shadow: 0 0 0 0 color-mix(in srgb, var(--tone-success-dot) 45%, transparent);
+  animation: analysisLivePulse 2s ease-out infinite;
+}
+@keyframes analysisLivePulse {
+  0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--tone-success-dot) 45%, transparent); }
+  70% { box-shadow: 0 0 0 8px transparent; }
+  100% { box-shadow: 0 0 0 0 transparent; }
+}
+.live-txt { font-size: 11.5px; color: var(--ink-faint); }
+</style>