agentworkshop 0.7.66 → 0.7.70

package/app/components/AppSidebar.vue

@@ -45,6 +45,8 @@ const menuGroups = computed<MenuGroup[]>(() => [
       { key: '/town', icon: 'i-tabler-map-2', label: t('menu.town'), motion: 'im-pop' },
       { key: '/daq', icon: 'i-tabler-activity', label: t('menu.daq'), motion: 'im-pop' },
       { key: '/dcw', icon: 'i-tabler-settings-automation', label: t('menu.dcw'), motion: 'im-pop' },
+      { key: '/data', icon: 'i-tabler-database-export', label: t('menu.dataManagement'), motion: 'im-pop' },
+      { key: '/studio', icon: 'i-tabler-chart-dots', label: t('menu.studio'), motion: 'im-pop' },
       { key: '/aml', icon: 'i-tabler-flask', label: t('menu.aml'), motion: 'im-pop' },
     ],
   },
@@ -66,6 +68,7 @@ const menuGroups = computed<MenuGroup[]>(() => [
       { key: '/users', icon: 'i-tabler-users-group', label: t('menu.users'), motion: 'im-pop' },
       { key: '/permissions', icon: 'i-tabler-shield-lock', label: t('menu.permissions'), motion: 'im-pop', adminOnly: true },
       { key: '/plugins', icon: 'i-tabler-puzzle', label: t('menu.plugins'), motion: 'im-pop' },
+      { key: '/tools', icon: 'i-tabler-tools', label: t('menu.tools'), motion: 'im-pop', adminOnly: true },
       { key: '/settings', icon: 'i-tabler-settings', label: t('menu.settings'), motion: 'im-rotate' },
     ],
   },
@@ -252,11 +255,10 @@ onBeforeUnmount(() => {
   top: 0;
   height: 100vh;
   overflow: hidden auto;
-  /* v4 壳层材质:最透的一档 + 强振动(能看见背后的极光在缓慢流动) */
+  /* 壳层 chrome:高不透明 surface,保证导航文字对比 */
   background: var(--mat-chrome-bg);
   backdrop-filter: var(--vibrancy-chrome);
-  border-right: 1px solid var(--glass-line);
-  box-shadow: var(--glass-specular);
+  border-right: 1px solid var(--line);
   z-index: 20;
 }
 
@@ -303,10 +305,8 @@ onBeforeUnmount(() => {
 
 .logo-sub {
   font-family: var(--font-mono);
-  /* 8.5px 在这块铭牌上连"看得见"都勉强(实测全站每页稳定被判为不可读);
-     9.5px 是这套 mono 铭牌的下限,字距同步收一点以保持行长。 */
-  font-size: 9.5px;
-  letter-spacing: 0.16em;
+  font-size: 11px;
+  letter-spacing: 0.14em;
   text-transform: uppercase;
   color: var(--sider-ink-faint);
 }
@@ -338,9 +338,9 @@ onBeforeUnmount(() => {
 .menu-group-text {
   flex: none;
   font-family: var(--font-mono);
-  font-size: 9.5px;
+  font-size: 11px;
   font-weight: 600;
-  letter-spacing: 0.16em;
+  letter-spacing: 0.14em;
   text-transform: uppercase;
   color: var(--sider-ink-faint);
 }
@@ -364,7 +364,7 @@ onBeforeUnmount(() => {
   display: flex;
   align-items: center;
   width: 100%;
-  min-height: 34px;
+  min-height: 36px;
   padding: 0 10px;
   font-family: var(--font-body);
   font-size: 13px;
@@ -374,17 +374,15 @@ onBeforeUnmount(() => {
   cursor: pointer;
   background: transparent;
   border: 0;
-  border-radius: var(--radius-panel-sm);
+  border-radius: var(--radius-control);
   transition:
     background-color var(--transition-fast),
     color var(--transition-fast),
-    padding-left var(--transition-fast),
     transform var(--transition-fast);
 }
 
 @media (hover: hover) and (pointer: fine) {
   .menu-item:hover {
-    padding-left: 13px;
     color: var(--ink);
     background: var(--paper-deep);
   }
@@ -394,17 +392,16 @@ onBeforeUnmount(() => {
   transform: scale(0.985);
 }
 
-/* 当前页:控制室绿洗 + 左缘品牌绿标记(导航定位态,替代旧墨色药丸) */
+/* 当前页:信号绿洗 + 3px 左缘导轨(导航定位态) */
 .menu-item.active {
   font-weight: 600;
   color: var(--accent-strong);
   background: var(--accent-soft);
-  box-shadow: inset 2px 0 0 var(--accent);
+  box-shadow: inset 3px 0 0 var(--accent);
 }
 
 .menu-item.active:hover {
-  padding-left: 10px;
-  background: var(--tone-success-bg);
+  background: var(--accent-soft);
 }
 
 .menu-icon {
@@ -459,7 +456,7 @@ onBeforeUnmount(() => {
   align-items: center;
   font-family: var(--font-mono);
   font-variant-numeric: tabular-nums;
-  font-size: 10px;
+  font-size: 11px;
   letter-spacing: 0.06em;
   color: var(--sider-ink-faint);
 }

package/app/components/AwChart.vue

@@ -1,13 +1,15 @@
 <script setup lang="ts">
 import { use } from 'echarts/core'
 import { CanvasRenderer } from 'echarts/renderers'
-import { BarChart, GaugeChart, LineChart, PieChart } from 'echarts/charts'
+import { BarChart, GaugeChart, LineChart, PieChart, ScatterChart } from 'echarts/charts'
 import {
   DataZoomComponent,
   GraphicComponent,
   GridComponent,
   LegendComponent,
+  MarkLineComponent,
   TitleComponent,
+  ToolboxComponent,
   TooltipComponent,
 } from 'echarts/components'
 import VChart from 'vue-echarts'
@@ -23,6 +25,7 @@ use([
   LineChart,
   PieChart,
   GaugeChart,
+  ScatterChart,
   GridComponent,
   TooltipComponent,
   LegendComponent,
@@ -30,6 +33,10 @@ use([
   DataZoomComponent,
   // 冷启动"等待首帧"文字挂在 graphic 上;不注册会静默丢图并打控制台错误
   GraphicComponent,
+  // 参考线/阈值线(data-studio 参考线井、SPC 控制限);不注册 markLine 静默丢失
+  MarkLineComponent,
+  // 工具箱(saveAsImage 像素导出等;/studio 零成本三件套之一)
+  ToolboxComponent,
 ])
 
 /** Warm Editorial 图表色序(替代 ECharts 默认荧光绿/蓝;与 main.css --chart-* 同源) */

package/app/components/analysis/AnalysisEditModal.vue

@@ -178,6 +178,9 @@ function submit(): void {
 </template>
 
 <style scoped>
+/* 弹窗自适应:antd 的 width=720px 是内联宽度,max-width 在窄屏上收口(实测 390 下溢出) */
+:deep(.ant-modal) { max-width: calc(100vw - 24px); }
+:deep(.ant-modal .ant-modal-body) { padding-right: 4px; }
 .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; }
@@ -189,4 +192,9 @@ function submit(): void {
 .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; }
+@media (max-width: 640px) {
+  .edit-form { max-height: 58vh; gap: 8px; }
+  .fld-row { grid-template-columns: 1fr; gap: 8px; }
+  textarea.inp-sel { font-size: 12px; }
+}
 </style>

package/app/components/analysis/AnalysisPageHead.vue

@@ -30,8 +30,20 @@ defineProps<{
 </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); }
+.head-actions { display: flex; gap: 10px; align-items: center; padding-bottom: 4px; flex-wrap: wrap; }
+.sub {
+  margin: 8px 0 0;
+  max-width: 72ch;
+  font-size: clamp(12.5px, 1.1vw, 13px);
+  line-height: 1.65;
+  color: var(--ink-faint);
+  text-wrap: pretty;
+}
+/* 标题随视口收敛(窄屏不挤成两行),保持页面头度量线不被撑破 */
+:deep(.aw-page-head h1) {
+  font-size: clamp(22px, 3vw, 30px);
+  text-wrap: pretty;
+}
 .live-dot {
   width: 8px; height: 8px; border-radius: 50%;
   background: var(--tone-success-dot);
@@ -43,5 +55,8 @@ defineProps<{
   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); }
+.live-txt { font-size: 11.5px; color: var(--ink-faint); white-space: nowrap; }
+@media (max-width: 640px) {
+  .head-actions { padding-bottom: 0; }
+}
 </style>

package/app/components/analysis/AnalysisTable.vue

@@ -83,7 +83,9 @@ const contextText = (r: AnalysisReportView): string => {
           <th class="th-recipe">
             {{ $t('analysis.thRecipe') }}
           </th>
-          <th>{{ $t('analysis.thSummary') }}</th>
+          <th class="th-summary">
+            {{ $t('analysis.thSummary') }}
+          </th>
           <th class="th-src">
             {{ $t('analysis.thSource') }}
           </th>
@@ -113,11 +115,11 @@ const contextText = (r: AnalysisReportView): string => {
           v-for="row in rows"
           :key="row.id"
         >
-          <tr>
-            <td class="mono dim">
+          <tr class="report-row">
+            <td class="td-time mono dim">
               {{ fmtTime(row.createdAt) }}
             </td>
-            <td>
+            <td class="td-line">
               <span class="scope-chip">{{ row.lineName || lineName(row.lineId) || row.lineId || '—' }}</span>
             </td>
             <td class="title-cell">
@@ -127,7 +129,7 @@ const contextText = (r: AnalysisReportView): string => {
                 :class="row.category"
               >{{ catLabel(row.category) }}</small>
             </td>
-            <td class="mono dim">
+            <td class="td-recipe mono dim">
               {{ recipeLabel(row) }}
             </td>
             <td class="summary">
@@ -274,22 +276,30 @@ const contextText = (r: AnalysisReportView): string => {
   white-space: nowrap;
 }
 .ar-table tbody td { padding: 9px 12px; border-bottom: 1px solid color-mix(in srgb, var(--glass-line) 55%, transparent); vertical-align: top; }
+.ar-table tbody .report-row { transition: background 0.15s ease; }
+.ar-table tbody .report-row:hover { background: color-mix(in srgb, var(--tone-info-dot) 4%, transparent); }
 .th-time { width: 128px; }
 .th-line { width: 130px; }
 .th-recipe { width: 170px; }
 .th-src { width: 150px; }
 .th-detail { width: 92px; }
-.title-cell { max-width: 320px; font-weight: 600; }
+.title-cell { max-width: 320px; font-weight: 600; font-size: 13px; line-height: 1.55; text-wrap: pretty; }
 .cat-chip {
-  display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px;
-  font-size: 10.5px; font-weight: 500; color: var(--ink-faint);
+  display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: var(--radius-chip);
+  font-size: 11px; font-weight: 500; color: var(--ink-faint);
   background: color-mix(in srgb, var(--glass-line) 40%, transparent);
   vertical-align: 1px;
 }
-.summary { max-width: 380px; }
+/* 类别语义色(沿用控制室 tone token,不引入新色相) */
+.cat-chip.optimization { color: var(--tone-success-dot); background: color-mix(in srgb, var(--tone-success-dot) 12%, transparent); }
+.cat-chip.quality { color: var(--tone-info-dot); background: color-mix(in srgb, var(--tone-info-dot) 12%, transparent); }
+.cat-chip.alarm { color: var(--tone-danger-dot); background: color-mix(in srgb, var(--tone-danger-dot) 12%, transparent); }
+.cat-chip.trend { color: var(--tone-warn-dot, var(--tone-info-dot)); background: color-mix(in srgb, var(--tone-warn-dot, var(--tone-info-dot)) 12%, transparent); }
+.summary { max-width: 380px; line-height: 1.7; text-wrap: pretty; }
 .src small { display: block; }
 .mono { font-family: var(--font-mono, monospace); font-size: 11.5px; }
 .dim { color: var(--ink-faint); }
+.src small { display: block; font-size: 11px; line-height: 1.4; }
 .empty { padding: 28px 12px !important; text-align: center; color: var(--ink-faint); }
 .scope-chip {
   display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 11px;
@@ -315,8 +325,45 @@ const contextText = (r: AnalysisReportView): string => {
   border-radius: 8px;
   max-height: 340px; overflow: auto;
 }
-@media (max-width: 899px) {
-  .th-recipe, .th-src { display: none; }
-  .ar-table tbody td:nth-child(4), .ar-table tbody td:nth-child(6) { display: none; }
+
+/* ── 平板:收窄非关键列(配方/来源/时间压缩) ── */
+@media (max-width: 1099px) {
+  .th-recipe, .td-recipe { display: none; }
+  .th-src, .src { display: none; }
+  .th-time { width: 96px; }
+  .title-cell { max-width: none; }
+  .summary { max-width: none; }
+}
+
+/* ── 窄屏(≤760):表格转卡片列表(逐字竖排的根因修复) ── */
+@media (max-width: 760px) {
+  .card-meta { flex-wrap: wrap; gap: 4px 10px; }
+  .card-meta .hint { margin-left: 0; }
+  .ar-table { display: block; }
+  .ar-table thead { display: none; }
+  .ar-table tbody { display: flex; flex-direction: column; }
+  .ar-table tbody .report-row {
+    display: grid;
+    grid-template-columns: auto auto 1fr auto;
+    gap: 5px 10px;
+    padding: 12px 14px;
+    border-bottom: 1px solid color-mix(in srgb, var(--glass-line) 55%, transparent);
+  }
+  .ar-table tbody .report-row:active { background: color-mix(in srgb, var(--tone-info-dot) 6%, transparent); }
+  .ar-table tbody td { display: block; padding: 0; border: 0; max-width: none; }
+  .td-time { grid-column: 1; grid-row: 2; }
+  .td-line { grid-column: 2; grid-row: 2; }
+  .title-cell { grid-column: 1 / 4; grid-row: 1; font-size: 13.5px; }
+  .td-recipe { display: none; }
+  .summary { grid-column: 1 / -1; grid-row: 3; font-size: 12px; color: var(--ink-soft, var(--ink)); }
+  .src { grid-column: 1 / -1; grid-row: 4; font-size: 11px; color: var(--ink-faint); }
+  .src small { display: inline; margin-left: 4px; }
+  .detail-cell { grid-column: 4; grid-row: 1 / span 2; justify-self: end; align-self: start; }
+  .ar-detail-row td { display: block; border: 0; background: transparent; padding: 0 0 4px; }
+  .detail-grid { grid-template-columns: 1fr; padding: 10px 14px 14px; background: color-mix(in srgb, var(--frost-bg) 55%, transparent); }
+  .kv { flex-wrap: wrap; }
+  .kv .k { min-width: 56px; }
+  .report-body, .json-body { max-height: 46vh; font-size: 11px; }
+  .ar-table tbody .empty { padding: 28px 14px !important; }
 }
 </style>