feat: 完善知识库版本管理与检索审计后台

ai_knowledge_base_v2/apps/admin-web/src/styles.css

@@ -349,6 +349,145 @@ textarea {
   width: 100%;
 }
 
+.migration-overview {
+  display: grid;
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+  gap: 10px;
+  margin-bottom: 14px;
+}
+
+.migration-overview div,
+.knowledge-work-panel {
+  padding: 14px;
+  border: 1px solid #dfe8e5;
+  border-radius: 8px;
+  background: #ffffff;
+}
+
+.migration-overview span,
+.table-subline {
+  display: block;
+  color: #71817b;
+  font-size: 12px;
+}
+
+.migration-overview strong {
+  display: block;
+  margin-top: 7px;
+  color: #223631;
+  font-size: 22px;
+}
+
+.knowledge-work-panel {
+  margin-bottom: 14px;
+}
+
+.knowledge-work-panel h3 {
+  margin: 0 0 12px;
+  font-size: 16px;
+}
+
+.knowledge-create-grid {
+  display: grid;
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+  gap: 8px;
+}
+
+.knowledge-filters {
+  display: grid;
+  grid-template-columns: minmax(240px, 1.6fr) repeat(4, minmax(130px, 0.8fr));
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+.status-gap {
+  margin-left: 5px;
+}
+
+.knowledge-detail-head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 16px;
+}
+
+.knowledge-detail-head h3,
+.knowledge-detail-head p {
+  margin: 0;
+}
+
+.knowledge-detail-head p {
+  margin-top: 6px;
+  color: #667a73;
+}
+
+.knowledge-detail-head .el-tag + .el-tag {
+  margin-left: 6px;
+}
+
+.knowledge-meta {
+  display: grid;
+  grid-template-columns: 120px minmax(0, 1fr);
+  gap: 8px 14px;
+  margin: 0 0 16px;
+}
+
+.knowledge-meta dt {
+  color: #667a73;
+}
+
+.knowledge-meta dd {
+  min-width: 0;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
+.manifest-panel {
+  padding: 16px;
+  border: 1px solid #dfe8e5;
+  border-radius: 8px;
+  background: #f7faf9;
+}
+
+.manifest-panel h4 {
+  margin: 0 0 12px;
+}
+
+.manifest-panel p {
+  margin: 8px 0;
+  color: #40524b;
+  line-height: 1.65;
+}
+
+.version-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 16px;
+}
+
+.source-content {
+  max-height: 420px;
+  overflow: auto;
+  margin: 0;
+  white-space: pre-wrap;
+  color: #34453f;
+  font-family: inherit;
+  font-size: 13px;
+  line-height: 1.75;
+}
+
+@media (max-width: 1180px) {
+  .knowledge-create-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .knowledge-filters {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
 .actions.compact {
   display: flex;
   flex-wrap: wrap;
@@ -483,13 +622,14 @@ textarea {
 
 .agent-workbench {
   display: grid;
-  grid-template-columns: minmax(520px, 1fr) minmax(360px, 420px);
+  grid-template-columns: minmax(380px, 0.9fr) minmax(420px, 1.1fr) minmax(280px, 0.7fr);
   gap: 18px;
   align-items: start;
 }
 
 .agent-config-panel,
-.agent-preview-panel {
+.agent-preview-panel,
+.agent-trace-panel {
   padding: 18px;
   border: 1px solid #dfe8e5;
   border-radius: 8px;
@@ -504,6 +644,49 @@ textarea {
   overflow: hidden;
 }
 
+.agent-trace-panel {
+  height: clamp(560px, calc(100vh - 170px), 760px);
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  overflow: hidden;
+}
+
+.agent-trace-list {
+  min-height: 0;
+  overflow: auto;
+  padding: 12px;
+  background: #f6f8f7;
+}
+
+.agent-trace-list article {
+  margin-bottom: 10px;
+  padding: 10px;
+  border: 1px solid #dfe8e5;
+  border-radius: 6px;
+  background: #ffffff;
+}
+
+.agent-trace-list pre,
+.trace-json {
+  overflow: auto;
+  margin: 8px 0 0;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  color: #40524b;
+  font-family: "SFMono-Regular", Consolas, monospace;
+  font-size: 12px;
+  line-height: 1.6;
+}
+
+.trace-json {
+  max-height: 360px;
+  padding: 12px;
+  border: 1px solid #dfe8e5;
+  border-radius: 6px;
+  background: #f7faf9;
+}
+
 .agent-config-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -955,6 +1138,17 @@ textarea {
   color: #b42318;
 }
 
+@media (max-width: 1450px) {
+  .agent-workbench {
+    grid-template-columns: minmax(420px, 1fr) minmax(420px, 1fr);
+  }
+
+  .agent-trace-panel {
+    grid-column: 1 / -1;
+    height: 420px;
+  }
+}
+
 @media (max-width: 1120px) {
   .student-tools,
   .agent-workbench,
@@ -969,6 +1163,10 @@ textarea {
   .agent-preview-panel {
     height: 620px;
   }
+
+  .agent-trace-panel {
+    grid-column: auto;
+  }
 }
 
 @media (max-width: 860px) {