请求头
@@ -191,6 +191,10 @@ const transportOptions = MCP_TRANSPORT_OPTIONS.map(value => ({ value, label: val
const pullPolicyOptions = MCP_PULL_POLICY_OPTIONS.map(value => ({ value, label: { always: '总是拉取', missing: '缺失才拉取', never: '从不拉取' }[value]! }))
const negotiationOptions = MCP_NEGOTIATION_OPTIONS.map(value => ({ value, label: { legacy: '旧版（固定版本）', auto: '自动协商', modern: '现代（仅新版本）' }[value]! }))
+// 含 "//" 的占位文本必须经常量绑定：vue-tsc 3.3.12+ 模板 codegen 会把组件 props 里的 "//"
+// 误改写为块注释导致虚拟文件解析失败（language-tools#6264），直接写在模板里会让全文件报 TS2304
+const MCP_SERVER_URL_PLACEHOLDER = 'https://example.com/mcp'
+
function mcpSection(): JsonObject {
const settings = store.document.value?.settings
return isObject(settings) && isObject(settings.mcp) ? settings.mcp : {}
diff --git a/frontend/src/components/llm-config/ProvidersPanel.vue b/frontend/src/components/llm-config/ProvidersPanel.vue
index 9cda1c82..ad745a8a 100644
--- a/frontend/src/components/llm-config/ProvidersPanel.vue
+++ b/frontend/src/components/llm-config/ProvidersPanel.vue
@@ -5,27 +5,40 @@
渠道列表 ({{ providers.length }})
添加渠道
-
@@ -358,16 +371,15 @@ onMounted(() => { if (!store.environment.value) void store.loadEnvironment() })
display: grid;
grid-template-columns: 248px minmax(0, 1fr);
gap: var(--qq-gap-md);
- height: 100%;
- min-height: 0;
- overflow: hidden;
+ align-items: start;
}
.providers-panel__list {
+ position: sticky;
+ top: var(--qq-gap-lg);
display: flex;
flex-direction: column;
- height: 100%;
- min-height: 0;
+ max-height: calc(100vh - var(--qq-gap-lg) * 2);
background: var(--qq-surface);
border: 1px solid var(--qq-border);
border-radius: var(--qq-radius-card);
@@ -387,6 +399,10 @@ onMounted(() => { if (!store.environment.value) void store.loadEnvironment() })
flex-shrink: 0;
}
+.providers-panel__mobile-picker {
+ display: none;
+}
+
.providers-panel__list-scroll {
display: flex;
flex-direction: column;
@@ -446,10 +462,7 @@ onMounted(() => { if (!store.environment.value) void store.loadEnvironment() })
display: flex;
flex-direction: column;
gap: var(--qq-gap-sm);
- height: 100%;
- min-height: 0;
min-width: 0;
- overflow: hidden;
}
.provider-overview-bar {
@@ -515,17 +528,12 @@ onMounted(() => { if (!store.environment.value) void store.loadEnvironment() })
display: flex;
flex-direction: column;
gap: var(--qq-gap-md);
- flex: 1;
- min-height: 0;
- overflow-y: auto;
- padding-right: 4px;
padding-bottom: var(--qq-gap-md);
}
.providers-panel__placeholder {
display: grid;
place-items: center;
- height: 100%;
min-height: 320px;
background: var(--qq-surface);
border: 1px solid var(--qq-border);
@@ -771,17 +779,19 @@ onMounted(() => { if (!store.environment.value) void store.loadEnvironment() })
@media (max-width: 900px) {
.providers-panel {
grid-template-columns: 1fr;
- height: auto;
- overflow: visible;
}
.providers-panel__list {
- height: auto;
- max-height: 220px;
+ position: static;
+ max-height: none;
+ }
+ .providers-panel__mobile-picker {
+ display: block;
+ }
+ .providers-panel__mobile-picker select {
+ width: 100%;
}
- .providers-panel__detail,
- .providers-panel__detail-scroll {
- height: auto;
- overflow: visible;
+ .providers-panel__list-scroll {
+ display: none;
}
.form-grid { grid-template-columns: 1fr; }
}
diff --git a/frontend/src/components/skills/PresetSyncPanel.vue b/frontend/src/components/skills/PresetSyncPanel.vue
index a1167b29..87f9860d 100644
--- a/frontend/src/components/skills/PresetSyncPanel.vue
+++ b/frontend/src/components/skills/PresetSyncPanel.vue
@@ -154,6 +154,13 @@ defineExpose({ reload })
display: flex;
align-items: center;
gap: var(--qq-gap-xs);
+ flex-wrap: wrap;
+}
+
+/* 标题不换行：窄屏下由按钮组折行，避免「预置同/步」词中断行 */
+.preset-head .section-title {
+ flex-shrink: 0;
+ white-space: nowrap;
}
.preset-spacer { flex: 1; }
diff --git a/frontend/src/components/ui/UiPageHeader.vue b/frontend/src/components/ui/UiPageHeader.vue
index 7096cec3..32c6ea47 100644
--- a/frontend/src/components/ui/UiPageHeader.vue
+++ b/frontend/src/components/ui/UiPageHeader.vue
@@ -71,6 +71,10 @@ const brickStyle = computed(() => {
.ui-page-header__actions {
margin-left: auto;
+ display: flex;
+ align-items: center;
+ gap: var(--qq-gap-sm);
+ flex-shrink: 0;
}
.ui-page-header__title {
@@ -79,18 +83,30 @@ const brickStyle = computed(() => {
font-weight: 600;
color: var(--qq-text);
line-height: 1.3;
+ /* CJK 标题优先在词边界折行，仅整词仍溢出时才词内断行 */
+ word-break: keep-all;
+ overflow-wrap: break-word;
}
.ui-page-header__subtitle {
font-size: var(--qq-text-sm);
color: var(--qq-text-muted);
margin-top: var(--qq-gap-xs);
+ overflow-wrap: break-word;
}
-.ui-page-header__actions {
- display: flex;
- align-items: center;
- gap: var(--qq-gap-sm);
- flex-shrink: 0;
+@media (max-width: 767px) {
+ /* info 保留最小宽度，避免标题被 brick 与 actions 过度挤压 */
+ .ui-page-header__info {
+ min-width: 12rem;
+ }
+
+ /* actions 独占一行并受行宽约束：flex-basis:100% 使容器按行宽定宽，
+ 任意数量按钮在行宽内折行、整体右对齐 */
+ .ui-page-header__actions {
+ flex-basis: 100%;
+ flex-wrap: wrap;
+ justify-content: flex-end;
+ }
}
diff --git a/frontend/src/styles/variables.css b/frontend/src/styles/variables.css
index 8b3fde6d..6d824cc2 100644
--- a/frontend/src/styles/variables.css
+++ b/frontend/src/styles/variables.css
@@ -53,7 +53,8 @@
/* ── Semantics ── */
--qq-success: #07c160;
--qq-success-soft: rgba(7, 193, 96, 0.12);
- --qq-warn: #fa9d3b;
+ /* 浅色下取深琥珀（徽标文字对比度 4.5:1+，达 WCAG AA）；暗色覆盖回亮橙 */
+ --qq-warn: #b45309;
--qq-warn-soft: rgba(250, 157, 59, 0.12);
--qq-danger: #fa5151;
--qq-danger-deep: #e03e3e;
@@ -283,6 +284,8 @@
--qq-epoch-stripe-agg-b: #464e60;
--qq-success-soft: rgba(7, 193, 96, 0.16);
+ /* 暗色保持亮橙：浅底加深后的 #b45309 在暗底上对比不足 */
+ --qq-warn: #fa9d3b;
--qq-warn-soft: rgba(250, 157, 59, 0.16);
--qq-danger-soft: rgba(250, 81, 81, 0.16);
--qq-danger-deep: #e85a5a;
diff --git a/frontend/src/views/AuditView.vue b/frontend/src/views/AuditView.vue
index 20966356..cd48ec15 100644
--- a/frontend/src/views/AuditView.vue
+++ b/frontend/src/views/AuditView.vue
@@ -13,7 +13,7 @@
{{ error }}
-
+
@@ -73,4 +73,36 @@ onMounted(() => load())
.err { color: var(--qq-danger); font-size: var(--qq-text-sm); }
.pager { display: flex; align-items: center; justify-content: center; gap: var(--qq-gap-sm); padding-top: var(--qq-gap-sm); border-top: 1px solid var(--qq-border); margin-top: var(--qq-gap-sm); }
.page-info { font-size: var(--qq-text-xs); color: var(--qq-text-muted); }
+
+/* 移动端降级为卡片行：723px 表格塞进 324px 容器时操作徽标会在首屏被裁成两截，
+ 卡片化后每字段独占一行（标签取自 td 的 data-label），不再有横向裁切 */
+@media (max-width: 767px) {
+ .audit-view .table-scroll { overflow-x: visible; }
+ .audit-table, .audit-table tbody { display: block; width: 100%; }
+ .audit-table thead { display: none; }
+ .audit-table tbody tr.ar {
+ display: block;
+ padding: var(--qq-gap-sm) 0;
+ border-top: 1px solid var(--qq-border);
+ }
+ .audit-table tbody tr.ar:first-child { border-top: 0; }
+ .audit-table tbody tr.ar td {
+ display: flex;
+ align-items: center;
+ gap: var(--qq-gap-sm);
+ padding: 2px 0;
+ border-bottom: 0;
+ background: transparent;
+ }
+ .audit-table tbody tr.ar td[data-label]::before {
+ content: attr(data-label);
+ flex: 0 0 56px;
+ color: var(--qq-text-muted);
+ font-size: var(--qq-text-xs);
+ }
+ .audit-table tbody tr.ar td.col-t,
+ .audit-table tbody tr.ar td.col-tid { white-space: normal; word-break: break-all; max-width: none; }
+ .audit-table tbody tr:not(.ar) { display: block; }
+ .audit-table tbody tr:not(.ar) td { display: block; padding: 0 0 var(--qq-gap-sm); border-bottom: 0; background: transparent; }
+}
diff --git a/frontend/src/views/DiagnosticsView.vue b/frontend/src/views/DiagnosticsView.vue
index e98dea01..15a72952 100644
--- a/frontend/src/views/DiagnosticsView.vue
+++ b/frontend/src/views/DiagnosticsView.vue
@@ -2,6 +2,10 @@
+
+ Bot 当前离线（无有效心跳上报）：本页的健康检查、重载与探活操作会入队等待，Bot 上线后按序执行；动作记录中的「等待」状态即来源于此。
+
+
@@ -11,10 +15,24 @@
diff --git a/frontend/src/views/LlmUsageView.vue b/frontend/src/views/LlmUsageView.vue
index 12b56a72..c41ea86c 100644
--- a/frontend/src/views/LlmUsageView.vue
+++ b/frontend/src/views/LlmUsageView.vue
@@ -2,11 +2,13 @@
-
- 配置模型价格
-
-
- 刷新
+
+
+ 配置模型价格
+
+
+ 刷新
+
@@ -409,6 +411,16 @@ onMounted(() => {
diff --git a/frontend/src/views/QuotesView.vue b/frontend/src/views/QuotesView.vue
index 88e5321e..b500db13 100644
--- a/frontend/src/views/QuotesView.vue
+++ b/frontend/src/views/QuotesView.vue
@@ -19,6 +19,8 @@
+
+
@@ -67,7 +69,8 @@
- 加载更多
+ 已达 {{ LIST_SOFT_CAP }} 条上限，请用关键词缩小范围
+ 加载更多
@@ -104,6 +107,8 @@ const hasMore = ref(false)
const keyword = ref('')
const offset = ref(0)
const pageSize = 50
+const LIST_SOFT_CAP = 500
+const reachedSoftCap = computed(() => entries.value.length >= LIST_SOFT_CAP)
onMounted(() => loadGroups())
@@ -145,6 +150,7 @@ function clearSearch() {
}
function loadMore() {
+ if (reachedSoftCap.value) return
offset.value += pageSize
loadQuotes(false)
}
@@ -205,4 +211,5 @@ function formatTime(ts: number): string {
.sender-qq { margin-top: 2px; opacity: 0.7; font-variant-numeric: tabular-nums; }
.time { white-space: nowrap; font-size: var(--qq-text-xs); color: var(--qq-text-muted); }
.load-more { margin-top: var(--qq-gap-sm); text-align: center; }
+.muted { color: var(--qq-text-muted); font-size: var(--qq-text-sm); }
diff --git a/frontend/src/views/StatsView.vue b/frontend/src/views/StatsView.vue
index 469743aa..0804fec7 100644
--- a/frontend/src/views/StatsView.vue
+++ b/frontend/src/views/StatsView.vue
@@ -34,7 +34,7 @@