agentworkshop 0.7.44 → 0.7.47

package/app/components/aml/AmlEnvPanel.vue

@@ -0,0 +1,230 @@
+<script setup lang="ts">
+/**
+ * 运行环境面板:uv 检测 / 一键安装 / ./aml/.venv 供给 / 资产根与磁盘 / 元数据↔实体对账。
+ * 「展开任务日志」是纯呈现开关,就地持有;动作一律 emit 回页面(轮询与状态收敛在页面侧)。
+ */
+import { ref } from 'vue'
+import { useAmlFormat } from '../../pages/aml/composables/useAmlFormat'
+import type { AmlEnvStatus, AmlInventory } from '../../pages/aml/types'
+
+defineProps<{
+  env: AmlEnvStatus
+  inventory: AmlInventory | null
+  envBusy: boolean
+  uvText: string
+  uvSourceText: string
+  blockerText: string
+  rootSourceLabel: string
+}>()
+
+defineEmits<{
+  recheck: []
+  installUv: []
+  createVenv: [force: boolean]
+  prune: []
+}>()
+
+const envOpen = ref(false)
+const { shortId } = useAmlFormat()
+</script>
+
+<template>
+  <section class="aw-tile zone env-zone">
+    <div class="zone-head">
+      <h2>{{ $t('aml.k1amlx162') }}</h2>
+      <div class="zone-actions">
+        <button
+          class="mini-btn"
+          :disabled="envBusy"
+          @click="$emit('recheck')"
+        >
+          {{ $t('aml.k1amlx175') }}
+        </button>
+        <button
+          class="mini-btn"
+          @click="envOpen = !envOpen"
+        >
+          {{ envOpen ? $t('aml.k1amlx181') : $t('aml.k1amlx180') }}
+        </button>
+      </div>
+    </div>
+
+    <!-- 前置条件未满足 → 醒目提示 + 直接给修复入口(不让用户等作业失败才知道) -->
+    <div
+      v-if="!env.preflight.canRunJobs"
+      class="infra-banner"
+    >
+      <span class="i-tabler-alert-triangle" />
+      <span class="txt">
+        {{ $t('aml.k1amlx178') }}:<b class="mono">{{ blockerText }}</b>
+      </span>
+    </div>
+
+    <div class="env-grid">
+      <!-- uv:未安装才显示一键安装按钮 -->
+      <div
+        class="env-card"
+        :class="env.uv.ok ? 'ok' : 'bad'"
+      >
+        <div class="ec-head">
+          <span :class="env.uv.ok ? 'i-tabler-circle-check' : 'i-tabler-alert-triangle'" />
+          <b>{{ $t('aml.k1amlx163') }}</b>
+          <span class="ec-state">{{ uvText }}</span>
+        </div>
+        <p
+          v-if="env.uv.ok"
+          class="ec-detail mono"
+        >
+          {{ env.uv.path }}<template v-if="uvSourceText">
+            · {{ uvSourceText }}
+          </template>
+        </p>
+        <p
+          v-else
+          class="ec-detail"
+        >
+          {{ $t('aml.k1amlx177') }}
+        </p>
+        <div class="ec-actions">
+          <button
+            v-if="!env.uv.ok"
+            class="mini-btn primary"
+            :disabled="envBusy"
+            :title="$t('aml.k1amlx176')"
+            @click="$emit('installUv')"
+          >
+            <span class="i-tabler-download" />
+            {{ env.task?.kind === 'install-uv' && env.task.status === 'running' ? $t('aml.k1amlx167') : $t('aml.k1amlx166') }}
+          </button>
+        </div>
+      </div>
+
+      <!-- .venv 训练环境 -->
+      <div
+        class="env-card"
+        :class="env.venv.ready ? 'ok' : 'bad'"
+      >
+        <div class="ec-head">
+          <span :class="env.venv.ready ? 'i-tabler-circle-check' : 'i-tabler-alert-triangle'" />
+          <b>{{ $t('aml.k1amlx168') }}</b>
+          <span class="ec-state">{{ env.venv.ready ? $t('aml.k1amlx007') : $t('aml.k1amlx008') }}</span>
+        </div>
+        <p class="ec-detail mono">
+          {{ env.venv.dir }}
+          <template v-if="env.venv.ready">
+            · {{ env.venv.sizeMb }} MB
+          </template>
+        </p>
+        <div class="ec-actions">
+          <button
+            class="mini-btn primary"
+            :disabled="envBusy || !env.python.ok"
+            :title="env.python.ok ? '' : (env.python.reason ?? '')"
+            @click="$emit('createVenv', false)"
+          >
+            <span class="i-tabler-plus" />
+            {{ env.task?.kind === 'create-venv' && env.task.status === 'running' ? $t('aml.k1amlx170') : $t('aml.k1amlx168') }}
+          </button>
+          <button
+            v-if="env.venv.ready"
+            class="mini-btn"
+            :disabled="envBusy"
+            @click="$emit('createVenv', true)"
+          >
+            {{ $t('aml.k1amlx169') }}
+          </button>
+        </div>
+      </div>
+
+      <!-- 资产根与磁盘 -->
+      <div class="env-card">
+        <div class="ec-head">
+          <span class="i-tabler-folder" />
+          <b>{{ $t('aml.k1amlx171') }}</b>
+        </div>
+        <p class="ec-detail mono">
+          {{ env.amlRoot }}
+        </p>
+        <p class="ec-detail dim">
+          {{ $t('aml.k1amlx201') }}
+        </p>
+        <p class="ec-detail">
+          {{ $t('aml.k1amlx174') }}:
+          <b class="mono">{{ env.disk.usedMb }} / {{ env.disk.quotaMb }} MB</b>
+          <span class="dim"> · {{ rootSourceLabel }}</span>
+        </p>
+      </div>
+
+      <!-- 元数据 ↔ 实体对账 -->
+      <div
+        class="env-card"
+        :class="inventory == null ? '' : (inventory.ok ? 'ok' : 'bad')"
+      >
+        <div class="ec-head">
+          <span :class="inventory?.ok === false ? 'i-tabler-alert-triangle' : 'i-tabler-database'" />
+          <b>{{ $t('aml.k1amlx182') }}</b>
+          <span
+            v-if="inventory"
+            class="ec-state"
+          >{{ inventory.ok ? $t('aml.k1amlx183') : $t('aml.k1amlx184') }}</span>
+        </div>
+        <p
+          v-if="inventory"
+          class="ec-detail mono"
+        >
+          {{ $t('aml.k1amlx011') }} {{ inventory.counts.datasets }}/{{ inventory.entities.datasets }}
+          · {{ $t('aml.k1amlx010') }} {{ inventory.counts.jobs }}/{{ inventory.entities.jobs }}
+          · {{ $t('aml.k1amlx012') }} {{ inventory.counts.models }}/{{ inventory.entities.models }}
+        </p>
+        <ul
+          v-if="inventory && inventory.issues.length > 0"
+          class="ec-issues mono"
+        >
+          <li
+            v-for="is in inventory.issues.slice(0, 5)"
+            :key="`${is.kind}:${is.id}:${is.problem}`"
+            :title="is.detail"
+          >
+            <span class="tag">{{ is.problem === 'entity_missing' ? $t('aml.k1amlx185') : is.problem === 'orphan_dir' ? $t('aml.k1amlx186') : $t('aml.k1amlx187') }}</span>
+            {{ is.kind }} {{ shortId(is.id) }}
+          </li>
+        </ul>
+        <div class="ec-actions">
+          <button
+            v-if="inventory && inventory.issues.some(i => i.problem === 'orphan_dir')"
+            class="mini-btn"
+            @click="$emit('prune')"
+          >
+            <span class="i-tabler-trash" />
+            {{ $t('aml.k1amlx188') }}
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 环境任务进度(安装 uv / 建 venv 都是分钟级动作,必须可见可等) -->
+    <div
+      v-if="env.task && envOpen"
+      class="env-task"
+    >
+      <div class="et-head mono">
+        <span :class="env.task.status === 'running' ? 'i-tabler-loader-2 spin' : env.task.status === 'done' ? 'i-tabler-circle-check' : 'i-tabler-alert-triangle'" />
+        <b>{{ env.task.kind }}</b>
+        <span class="dim">{{ env.task.status }}</span>
+        <span
+          v-if="env.task.status === 'running'"
+          class="dim"
+        >· {{ $t('aml.k1amlx179') }}</span>
+      </div>
+      <pre class="et-log mono">{{ env.task.log.slice(-40).join('\n') }}</pre>
+      <p
+        v-if="env.task.error"
+        class="err"
+      >
+        {{ env.task.error }}
+      </p>
+    </div>
+  </section>
+</template>
+
+<style scoped src="../../pages/aml/styles.css"></style>

package/app/components/aml/AmlExperimentsTable.vue

@@ -0,0 +1,142 @@
+<script setup lang="ts">
+/**
+ * 实验排行榜:选数据集 → 谱系表(变更说明/父实验/G1/G2/门禁态),最优行高亮。
+ * 数据集选择经 v-model 回流页面(选中即触发重新拉取)。
+ */
+import { useAmlFormat } from '../../pages/aml/composables/useAmlFormat'
+import type { AmlDatasetRow, AmlExperiment } from '../../pages/aml/types'
+
+defineProps<{
+  datasets: AmlDatasetRow[]
+  experiments: AmlExperiment[]
+  bestExpId: string
+  expError: string
+}>()
+
+defineEmits<{
+  reload: []
+}>()
+
+/** 选中的数据集 id(页面持有,选择即落回页面状态) */
+const expDatasetId = defineModel<string>('expDatasetId', { required: true })
+
+const { fmtTime, fmtNum, shortId, expStatusLabel } = useAmlFormat()
+</script>
+
+<template>
+  <section class="aw-tile zone">
+    <div class="zone-head">
+      <h2>
+        <span class="i-tabler-trophy" />
+        {{ $t('aml.k1amlx109') }}
+        <b class="mono cnt">{{ experiments.length }}</b>
+      </h2>
+      <div class="zone-actions">
+        <select
+          v-model="expDatasetId"
+          class="inp-sel"
+          @change="$emit('reload')"
+        >
+          <option value="">
+            {{ $t('aml.k1amlx111') }}
+          </option>
+          <option
+            v-for="d in datasets"
+            :key="d.id"
+            :value="d.id"
+          >
+            {{ shortId(d.id) }} · {{ shortId(d.recipeId) }}
+          </option>
+        </select>
+        <button
+          class="mini-btn"
+          :disabled="!expDatasetId"
+          @click="$emit('reload')"
+        >
+          {{ $t('aml.k1amlx017') }}
+        </button>
+      </div>
+    </div>
+    <div
+      v-if="experiments.length"
+      class="tbl-scroll"
+    >
+      <table class="tbl tbl-exp">
+        <thead>
+          <tr>
+            <th>{{ $t('aml.k1amlx113') }}</th>
+            <th>{{ $t('aml.k1amlx020') }}</th>
+            <th>{{ $t('aml.k1amlx114') }}</th>
+            <th>{{ $t('aml.k1amlx115') }}</th>
+            <th
+              class="num"
+              :title="$t('aml.k1amlx121')"
+            >
+              {{ $t('aml.k1amlx116') }}
+            </th>
+            <th
+              class="num"
+              :title="$t('aml.k1amlx122')"
+            >
+              {{ $t('aml.k1amlx117') }}
+            </th>
+            <th>{{ $t('aml.k1amlx118') }}</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr
+            v-for="e in experiments"
+            :key="e.id"
+            :class="{ best: e.id === bestExpId }"
+          >
+            <td class="mono">
+              <span
+                v-if="e.id === bestExpId"
+                class="best-tag"
+              >{{ $t('aml.k1amlx120') }}</span>
+              {{ shortId(e.id) }}
+            </td>
+            <td class="mono dim">
+              {{ fmtTime(e.createdAt) }}
+            </td>
+            <td class="note-cell">
+              <span
+                class="note"
+                :title="e.changeNote"
+              >{{ e.changeNote || '--' }}</span>
+            </td>
+            <td class="mono dim">
+              {{ e.parentExperimentId ? shortId(e.parentExperimentId) : '--' }}
+            </td>
+            <td class="mono num">
+              {{ fmtNum(e.metrics?.oneStepTest?.nrmse) }}
+            </td>
+            <td class="mono num">
+              {{ fmtNum(e.metrics?.rolloutTest?.nrmse) }}
+            </td>
+            <td>
+              <span
+                class="st-pill"
+                :class="e.status"
+              >{{ expStatusLabel(e.status) }}</span>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <p
+      v-else
+      class="empty"
+    >
+      {{ expDatasetId ? $t('aml.k1amlx112') : $t('aml.k1amlx110') }}
+    </p>
+    <p
+      v-if="expError"
+      class="err pad"
+    >
+      {{ expError }}
+    </p>
+  </section>
+</template>
+
+<style scoped src="../../pages/aml/styles.css"></style>

package/app/components/aml/AmlInfraBanner.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+/**
+ * Python 运行时不可用横幅(与 daq 基础设施横幅同语)。
+ * 独立成一个单根组件:它在 DOM 上位于概览条之前、页头之后,不属于任何一块。
+ */
+import type { AmlOverview } from '../../pages/aml/types'
+
+defineProps<{
+  overview: AmlOverview | null
+}>()
+</script>
+
+<template>
+  <div
+    v-if="overview != null && !overview.runtime.python.ok"
+    class="infra-banner"
+  >
+    <span class="i-tabler-alert-triangle" />
+    <span class="txt">{{ $t('aml.k1amlx014') }}<b class="mono">{{ overview.runtime.python.reason ?? '' }}</b></span>
+  </div>
+</template>
+
+<style scoped src="../../pages/aml/styles.css"></style>

package/app/components/aml/AmlJobsTable.vue

@@ -0,0 +1,248 @@
+<script setup lang="ts">
+/**
+ * 训练作业表:REST 快照 + WS 实时进度;展开 = 门禁逐项 + 日志尾随(活跃作业 5s 轮询)。
+ * 实时投影后的行由页面下发,组件只做呈现与两段确认的回传。
+ */
+import { useAmlFormat } from '../../pages/aml/composables/useAmlFormat'
+import type { AmlJobRow, JobDetail } from '../../pages/aml/types'
+
+defineProps<{
+  jobRows: Array<AmlJobRow & { live?: boolean }>
+  expandedJob: string
+  jobDetails: Record<string, JobDetail>
+  confirmCancel: string
+  cancelling: string
+  confirmRetry: string
+  retrying: string
+}>()
+
+defineEmits<{
+  toggle: [id: string]
+  reload: []
+  cancel: [id: string]
+  retry: [id: string]
+  remove: [id: string, confirmText: string]
+}>()
+
+const { fmtTime, fmtNum, shortId, statusLabel, isActiveStatus, canRetry } = useAmlFormat()
+</script>
+
+<template>
+  <section class="aw-tile zone">
+    <div class="zone-head">
+      <h2>
+        <span class="i-tabler-brain" />
+        {{ $t('aml.k1amlx074') }}
+        <b class="mono cnt">{{ jobRows.length }}</b>
+        <span
+          v-if="jobRows.some(j => isActiveStatus(j.status))"
+          class="live-dot"
+          :title="$t('aml.k1amlx091')"
+        />
+      </h2>
+      <button
+        class="mini-btn"
+        @click="$emit('reload')"
+      >
+        {{ $t('aml.k1amlx017') }}
+      </button>
+    </div>
+    <div
+      v-if="jobRows.length"
+      class="tbl-scroll"
+    >
+      <table class="tbl tbl-jobs">
+        <thead>
+          <tr>
+            <th>{{ $t('aml.k1amlx076') }}</th>
+            <th>{{ $t('aml.k1amlx011') }}</th>
+            <th>{{ $t('aml.k1amlx066') }}</th>
+            <th>{{ $t('aml.k1amlx077') }}</th>
+            <th>{{ $t('aml.k1amlx078') }}</th>
+            <th class="prog-th">
+              {{ $t('aml.k1amlx079') }}
+            </th>
+            <th>{{ $t('aml.k1amlx020') }}</th>
+            <th class="right">
+              {{ $t('aml.k1amlx127') }}
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <template
+            v-for="j in jobRows"
+            :key="j.id"
+          >
+            <tr
+              class="row-main"
+              :class="{ open: expandedJob === j.id }"
+              @click="$emit('toggle', j.id)"
+            >
+              <td class="mono">
+                {{ shortId(j.id) }}
+              </td>
+              <td class="mono dim">
+                {{ shortId(j.datasetId) }}
+              </td>
+              <td class="mono dim">
+                {{ j.purpose }}
+              </td>
+              <td>
+                <span
+                  class="st-pill"
+                  :class="j.status"
+                >{{ statusLabel(j.status) }}</span>
+              </td>
+              <td class="mono dim">
+                {{ j.stage || '--' }}
+              </td>
+              <td class="prog-cell">
+                <span class="prog"><i
+                  :style="{ width: `${Math.max(0, Math.min(100, j.progress))}%` }"
+                  :class="{ done: j.status === 'done', bad: j.status === 'failed' }"
+                /></span>
+                <span class="mono prog-num">{{ Math.round(j.progress) }}%</span>
+              </td>
+              <td class="mono dim">
+                {{ fmtTime(j.createdAt) }}
+              </td>
+              <td class="right acts">
+                <button
+                  v-if="isActiveStatus(j.status)"
+                  class="mini-btn danger"
+                  :disabled="cancelling === j.id"
+                  @click.stop="$emit('cancel', j.id)"
+                >
+                  {{ confirmCancel === j.id ? $t('aml.k1amlx094') : (cancelling === j.id ? $t('aml.k1amlx093') : $t('aml.k1amlx071')) }}
+                </button>
+                <button
+                  v-if="canRetry(j.status)"
+                  class="mini-btn"
+                  :disabled="retrying === j.id"
+                  @click.stop="$emit('retry', j.id)"
+                >
+                  {{ confirmRetry === j.id ? $t('aml.k1amlx096') : $t('aml.k1amlx095') }}
+                </button>
+                <span
+                  v-if="!isActiveStatus(j.status)"
+                  class="i-tabler-trash edit-i"
+                  :title="$t('aml.k1amlx190')"
+                  @click.stop="$emit('remove', j.id, $t('aml.k1amlx200'))"
+                />
+              </td>
+            </tr>
+            <tr
+              v-if="expandedJob === j.id"
+              class="detail-row"
+            >
+              <td colspan="8">
+                <div
+                  v-if="jobDetails[j.id]?.loading"
+                  class="dim pad"
+                >
+                  {{ $t('aml.k1amlx030') }}
+                </div>
+                <div
+                  v-else-if="jobDetails[j.id]?.error"
+                  class="err pad"
+                >
+                  {{ jobDetails[j.id]?.error }}
+                </div>
+                <div
+                  v-else
+                  class="det-grid"
+                >
+                  <div>
+                    <p class="det-title">
+                      {{ $t('aml.k1amlx083') }}
+                    </p>
+                    <table
+                      v-if="jobDetails[j.id]?.gates?.checks.length"
+                      class="sub-tbl"
+                    >
+                      <thead>
+                        <tr>
+                          <th>{{ $t('aml.k1amlx084') }}</th>
+                          <th class="num">
+                            {{ $t('aml.k1amlx085') }}
+                          </th>
+                          <th class="num">
+                            {{ $t('aml.k1amlx086') }}
+                          </th>
+                          <th>{{ $t('aml.k1amlx118') }}</th>
+                        </tr>
+                      </thead>
+                      <tbody>
+                        <tr
+                          v-for="g in jobDetails[j.id]?.gates?.checks"
+                          :key="g.id"
+                        >
+                          <td>
+                            <b class="mono gate-id">{{ g.id }}</b>
+                            <small class="dim"> {{ g.name }}</small>
+                          </td>
+                          <td class="mono num">
+                            {{ fmtNum(g.value) }}
+                          </td>
+                          <td class="mono num dim">
+                            {{ fmtNum(g.threshold) }}
+                          </td>
+                          <td>
+                            <span
+                              class="verdict"
+                              :class="g.pass ? 'pass' : 'fail'"
+                            >{{ g.pass ? $t('aml.k1amlx087') : $t('aml.k1amlx088') }}</span>
+                            <small class="dim gate-detail">{{ g.detail }}</small>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                    <p
+                      v-else
+                      class="dim"
+                    >
+                      {{ $t('aml.k1amlx082') }}
+                    </p>
+                    <p
+                      v-if="jobDetails[j.id]?.metrics?.oneStepTest"
+                      class="mono dim gate-detail"
+                    >
+                      {{ $t('aml.k1amlx099') }}: {{ $t('aml.k1amlx116') }} {{ fmtNum(jobDetails[j.id]?.metrics?.oneStepTest?.nrmse) }}
+                      <template v-if="jobDetails[j.id]?.metrics?.rolloutTest">
+                        · {{ $t('aml.k1amlx117') }} {{ fmtNum(jobDetails[j.id]?.metrics?.rolloutTest?.nrmse) }}
+                      </template>
+                    </p>
+                    <p
+                      v-if="j.error"
+                      class="err gate-detail"
+                    >
+                      {{ $t('aml.k1amlx092') }}:{{ j.error }}
+                    </p>
+                  </div>
+                  <div>
+                    <p class="det-title">
+                      {{ $t('aml.k1amlx089') }}
+                      <span
+                        v-if="isActiveStatus(j.status)"
+                        class="mono live-hint"
+                      >{{ $t('aml.k1amlx091') }}</span>
+                    </p>
+                    <pre class="logs">{{ (jobDetails[j.id]?.logs ?? []).join('\n') || $t('aml.k1amlx090') }}</pre>
+                  </div>
+                </div>
+              </td>
+            </tr>
+          </template>
+        </tbody>
+      </table>
+    </div>
+    <p
+      v-else
+      class="empty"
+    >
+      {{ $t('aml.k1amlx075') }}
+    </p>
+  </section>
+</template>
+
+<style scoped src="../../pages/aml/styles.css"></style>