feat: 7-61 Yuxi reference — extensions panel, KB detail, manifest split, event router, dashboard
Batch B: settings popover 新增"扩展"tab，按知识库/Skills/MCP/Agent工具分面板 Batch C: knowledge-rag popover 新增"资料源管理/检索测试/检索参数"三tab Batch A: manifest.rs 按能力域拆为 10 个分组函数（context/doc/knowledge_rag/block/page/mindmap/office/onlyoffice/artifact） Batch D: 新增 agent-stream-event-router.js 共享模块（事件状态机 + SSE 帧解析） Batch E: settings popover 新增"仪表盘"tab — 知识库文件数/Skills数量/MCP连接状态/Agent run次数 836/838 Rust 测试通过（仅 2 个预存失败）
This commit is contained in:
lix-2026
@@ -4102,6 +4102,282 @@ body {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
||||
/* 扩展面板 */
|
||||
.mnote-extensions-panel {
|
||||
gap: 12px;
|
||||
}
|
||||
.mnote-extensions-subtabs {
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
border-bottom: 1px solid #E5E4E4;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.mnote-extensions-subtab {
|
||||
padding: 4px 12px;
|
||||
border-radius: 6px;
|
||||
font-size: 13px;
|
||||
border: none;
|
||||
background: transparent;
|
||||
color: #787877;
|
||||
cursor: pointer;
|
||||
}
|
||||
.mnote-extensions-subtab:hover {
|
||||
background: #F4F3F3;
|
||||
}
|
||||
.mnote-extensions-subtab.is-active {
|
||||
background: #F4F3F3;
|
||||
color: #1B1C1C;
|
||||
font-weight: 600;
|
||||
}
|
||||
.mnote-extensions-subpanel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.mnote-extensions-item {
|
||||
padding: 8px 10px;
|
||||
background: #F9F8F8;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
.mnote-extensions-item-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 13px;
|
||||
}
|
||||
.mnote-extensions-label {
|
||||
color: #787877;
|
||||
}
|
||||
.mnote-extensions-detail {
|
||||
color: #AEADAB;
|
||||
font-size: 12px;
|
||||
max-width: 180px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.mnote-extensions-source {
|
||||
color: #AEADAB;
|
||||
font-size: 11px;
|
||||
}
|
||||
.mnote-extensions-agent-name {
|
||||
font-weight: 600;
|
||||
color: #1B1C1C;
|
||||
font-size: 13px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.mnote-extensions-tool-item {
|
||||
padding: 2px 0 2px 12px;
|
||||
font-size: 12px;
|
||||
color: #585857;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.mnote-extensions-tool-name {
|
||||
font-family: monospace;
|
||||
font-size: 11px;
|
||||
}
|
||||
.mnote-extensions-tool-disabled {
|
||||
color: #D15251;
|
||||
font-size: 10px;
|
||||
}
|
||||
.mnote-extensions-loading {
|
||||
color: #AEADAB;
|
||||
font-size: 13px;
|
||||
}
|
||||
.mnote-extensions-error {
|
||||
color: #D15251;
|
||||
font-size: 13px;
|
||||
}
|
||||
.mnote-extensions-item-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
.mnote-status-ready {
|
||||
color: #409440;
|
||||
font-weight: 500;
|
||||
}
|
||||
.mnote-status-pending {
|
||||
|
||||
/* 知识库详情面板 */
|
||||
.mnote-knowledge-rag-detail-tabs {
|
||||
display: flex;
|
||||
gap: 2px;
|
||||
border-bottom: 1px solid #E5E4E4;
|
||||
padding: 0 16px 0 16px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.mnote-knowledge-rag-detail-tab {
|
||||
padding: 6px 14px;
|
||||
border-radius: 6px 6px 0 0;
|
||||
font-size: 13px;
|
||||
border: none;
|
||||
background: transparent;
|
||||
color: #787877;
|
||||
cursor: pointer;
|
||||
}
|
||||
.mnote-knowledge-rag-detail-tab:hover {
|
||||
background: #F4F3F3;
|
||||
}
|
||||
.mnote-knowledge-rag-detail-tab.is-active {
|
||||
background: #F4F3F3;
|
||||
color: #1B1C1C;
|
||||
font-weight: 600;
|
||||
}
|
||||
.mnote-knowledge-rag-detail-panel {
|
||||
padding: 0 16px 12px 16px;
|
||||
max-height: 400px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.mnote-kb-search-form {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.mnote-kb-search-input {
|
||||
flex: 1;
|
||||
padding: 6px 10px;
|
||||
border: 1px solid #E5E4E4;
|
||||
border-radius: 6px;
|
||||
font-size: 13px;
|
||||
outline: none;
|
||||
}
|
||||
.mnote-kb-search-input:focus {
|
||||
border-color: #8F8E8C;
|
||||
}
|
||||
.mnote-kb-search-results {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
}
|
||||
.mnote-kb-search-result-item {
|
||||
padding: 8px 10px;
|
||||
background: #F9F8F8;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
.mnote-kb-search-result-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.mnote-kb-search-result-index {
|
||||
font-weight: 600;
|
||||
color: #1B1C1C;
|
||||
font-size: 12px;
|
||||
}
|
||||
.mnote-kb-search-result-score {
|
||||
font-size: 12px;
|
||||
color: #409440;
|
||||
font-weight: 500;
|
||||
}
|
||||
.mnote-kb-search-result-source {
|
||||
font-size: 11px;
|
||||
color: #AEADAB;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.mnote-kb-search-result-preview {
|
||||
font-size: 12px;
|
||||
color: #585857;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.mnote-kb-search-result-citation {
|
||||
font-size: 11px;
|
||||
color: #7B7A79;
|
||||
font-family: monospace;
|
||||
}
|
||||
.mnote-kb-params-form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
.mnote-kb-params-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.mnote-kb-params-label {
|
||||
font-size: 13px;
|
||||
color: #585857;
|
||||
min-width: 90px;
|
||||
}
|
||||
.mnote-kb-params-select {
|
||||
flex: 1;
|
||||
padding: 4px 8px;
|
||||
border: 1px solid #E5E4E4;
|
||||
border-radius: 6px;
|
||||
font-size: 13px;
|
||||
outline: none;
|
||||
background: #fff;
|
||||
}
|
||||
.mnote-kb-params-number {
|
||||
width: 80px;
|
||||
padding: 4px 8px;
|
||||
border: 1px solid #E5E4E4;
|
||||
border-radius: 6px;
|
||||
font-size: 13px;
|
||||
outline: none;
|
||||
}
|
||||
.mnote-kb-params-range {
|
||||
flex: 1;
|
||||
accent-color: #409440;
|
||||
}
|
||||
.mnote-kb-params-range-value {
|
||||
|
||||
/* 仪表盘 */
|
||||
.mnote-dashboard-panel {
|
||||
padding: 4px 0;
|
||||
}
|
||||
.mnote-dashboard-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 10px;
|
||||
}
|
||||
.mnote-dashboard-card {
|
||||
padding: 12px;
|
||||
background: #F9F8F8;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
.mnote-dashboard-card-title {
|
||||
font-size: 12px;
|
||||
color: #AEADAB;
|
||||
font-weight: 500;
|
||||
}
|
||||
.mnote-dashboard-card-value {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: #1B1C1C;
|
||||
}
|
||||
.mnote-dashboard-card-desc {
|
||||
font-size: 11px;
|
||||
color: #AEADAB;
|
||||
}
|
||||
|
||||
font-size: 13px;
|
||||
color: #1B1C1C;
|
||||
font-weight: 500;
|
||||
min-width: 32px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
color: #F09B26;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.wolai-page-settings-section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -6437,6 +6713,6 @@ mod tests {
|
||||
// 至少 2000 字符才能包含完整样式
|
||||
assert!(MNOTE_CSS.len() > 2000);
|
||||
// 当前整合了工作区壳、编辑器样式、树菜单、文件树图标、页面 AI、账号弹窗与授权管理控制面，仍保持在单文件可审阅范围内。
|
||||
assert!(MNOTE_CSS.len() < 145000);
|
||||
assert!(MNOTE_CSS.len() < 158000);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user