@agentunion/kite 1.5.0 → 1.6.1

package/extensions/services/{evol → kite_console}/static/css/style.css

@@ -89,6 +89,11 @@ html, body {
   left: 0; width: var(--sidebar-width);
   background: var(--sidebar-bg);
   overflow-y: auto; z-index: 90;
+  transition: width 0.3s ease;
+}
+#sidebar.collapsed {
+  width: 0;
+  overflow: hidden;
 }
 .nav-list { list-style: none; padding: 12px 0; }
 .nav-item {
@@ -118,10 +123,14 @@ html, body {
   padding: 24px;
   padding-bottom: calc(var(--statusbar-height) + 24px);
   min-height: calc(100vh - var(--header-height) - var(--statusbar-height));
+  transition: margin-left 0.3s ease;
+}
+#sidebar.collapsed ~ #main-content {
+  margin-left: 0;
 }
 
 /* ===== PAGES ===== */
-.page { display: none; }
+.page { display: none; max-width: 1200px; }
 .page.active { display: block; }
 
 .page-title {
@@ -245,13 +254,14 @@ html, body {
   background: var(--gray-50); color: var(--gray-500);
   font-weight: 600; font-size: 12px; text-transform: uppercase;
   letter-spacing: .03em; border-bottom: 2px solid var(--gray-200);
+  white-space: nowrap;
 }
 .data-table td {
   padding: 10px 12px; border-bottom: 1px solid var(--gray-100);
   color: var(--gray-700);
 }
 .data-table tbody tr:hover { background: var(--gray-50); }
-.data-table .text-muted { color: var(--gray-400); font-style: italic; }
+.data-table .text-muted { color: var(--gray-400); }
 
 /* ===== BUTTONS ===== */
 .btn {
@@ -482,6 +492,9 @@ html, body {
 }
 .summary-content { font-size: 14px; line-height: 1.6; color: var(--gray-700); }
 .text-muted { color: var(--gray-400); }
+.text-success { color: var(--success); font-weight: 500; }
+.text-warning { color: var(--warning); font-weight: 500; }
+.text-error { color: var(--error); font-weight: 500; }
 .tool-calls-container { font-size: 13px; }
 
 /* ===== TAGS ===== */
@@ -1128,11 +1141,21 @@ html, body {
   padding: 4px 8px; border: 1px solid var(--gray-300); border-radius: 5px;
   font-size: 12px; background: var(--white); color: var(--gray-800);
   cursor: pointer;
+  transition: opacity 0.2s, background-color 0.2s;
 }
 .module-state-select:focus {
   outline: none; border-color: var(--primary);
   box-shadow: 0 0 0 2px rgba(59,130,246,.15);
 }
+.module-state-select:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  background: var(--gray-100);
+}
+.module-state-select option {
+  background: var(--white);
+  color: var(--gray-800);
+}
 
 /* Module type badges */
 .module-type-badge {
@@ -1198,3 +1221,634 @@ html, body {
 .config-tree-checkbox {
   width: 16px; height: 16px; cursor: pointer;
 }
+
+/* ===== 统计状态提示区 ===== */
+.stats-status {
+  display: none;
+  text-align: center;
+}
+.stats-status:not(:empty) {
+  display: block;
+}
+.stats-status.info {
+  background: #dbeafe;
+  color: #1e40af;
+  border: 1px solid #93c5fd;
+}
+.stats-status.success {
+  background: #dcfce7;
+  color: #166534;
+  border: 1px solid #86efac;
+}
+.stats-status.warning {
+  background: #fef9c3;
+  color: #854d0e;
+  border: 1px solid #fde047;
+}
+.stats-status.error {
+  background: #fee2e2;
+  color: #991b1b;
+  border: 1px solid #fca5a5;
+}
+
+/* Test Center Styles */
+.test-tab {
+  background: transparent;
+  border: none;
+  color: #9cdcfe;
+  padding: 10px 20px;
+  cursor: pointer;
+  border-bottom: 2px solid transparent;
+  transition: all 0.2s;
+}
+
+.test-tab:hover {
+  color: #dcdcaa;
+}
+
+.test-tab.active {
+  color: #4ec9b0;
+  border-bottom-color: #4ec9b0;
+}
+
+.test-panel {
+  margin-bottom: 15px;
+}
+
+.test-panel .test-controls {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 15px;
+  flex-wrap: wrap;
+}
+
+.test-panel .test-controls .btn {
+  width: auto;
+  flex: 0 0 auto;
+}
+
+.test-panel .test-controls select {
+  padding: 4px 8px;
+  border: 1px solid var(--gray-300);
+  border-radius: 5px;
+  font-size: 12px;
+  background: var(--white);
+  color: var(--gray-800);
+  cursor: pointer;
+  transition: opacity 0.2s, background-color 0.2s;
+  flex: 0 0 auto;
+}
+
+.test-panel .test-controls select:focus {
+  outline: none;
+  border-color: var(--primary);
+  box-shadow: 0 0 0 2px rgba(59,130,246,.15);
+}
+
+.test-panel .test-controls select option {
+  background: var(--white);
+  color: var(--gray-800);
+}
+
+.test-panel .test-controls label {
+  color: var(--gray-600);
+  font-size: 13px;
+  flex: 0 0 auto;
+  white-space: nowrap;
+}
+
+/* ===== LLM Test Styles ===== */
+.llm-test-sidebar {
+  width: 180px;
+  min-width: 180px;
+  border-left: 1px solid var(--gray-200);
+  padding: 16px;
+  background: var(--gray-50);
+}
+.llm-test-session-list {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.llm-session-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 12px;
+  border: 1px solid var(--gray-300);
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 13px;
+  background: var(--white);
+  transition: all .15s;
+}
+.llm-session-item:hover {
+  border-color: var(--primary);
+  background: var(--primary-light);
+}
+.llm-session-item.active {
+  border-color: var(--primary);
+  background: var(--primary);
+  color: var(--white);
+}
+.llm-session-name {
+  font-weight: 500;
+}
+.llm-session-count {
+  font-size: 11px;
+  padding: 2px 6px;
+  border-radius: 10px;
+  background: rgba(0,0,0,.1);
+}
+.llm-session-item.active .llm-session-count {
+  background: rgba(255,255,255,.3);
+}
+
+.inspect-tree {
+  width: 240px; min-width: 240px;
+  border-right: 1px solid var(--gray-200);
+  overflow-y: auto; padding: 8px 0;
+  font-size: 13px;
+}
+.inspect-detail {
+  flex: 1; overflow: auto; padding: 0;
+  font-size: 13px; background: #fafafa;
+}
+.tree-group { user-select: none; }
+.tree-group-header {
+  display: flex; align-items: center; gap: 4px;
+  padding: 6px 12px; cursor: pointer; font-weight: 600;
+  color: var(--gray-600); font-size: 12px; text-transform: uppercase;
+  letter-spacing: .5px;
+}
+.tree-group-header:hover { background: var(--gray-100); }
+.tree-group-header .arrow {
+  display: inline-block; width: 12px; font-size: 10px;
+  transition: transform .15s; color: var(--gray-400);
+}
+.tree-group.collapsed .arrow { transform: rotate(-90deg); }
+.tree-group.collapsed .tree-group-children { display: none; }
+.tree-item {
+  padding: 5px 12px 5px 28px; cursor: pointer;
+  display: flex; align-items: center; gap: 6px;
+  color: var(--gray-700); white-space: nowrap; overflow: hidden;
+  text-overflow: ellipsis;
+}
+.tree-item:hover { background: var(--primary-light); }
+.tree-item.active { background: var(--primary); color: #fff; }
+.tree-item .badge {
+  font-size: 10px; padding: 1px 5px; border-radius: 3px;
+  font-weight: 500; flex-shrink: 0;
+}
+/* JSON 美观展示 */
+.json-viewer { padding: 16px; font-family: 'Consolas','Monaco','Courier New',monospace; font-size: 12px; line-height: 1.6; }
+.json-key { color: #881391; }
+.json-string { color: #1a1aa6; }
+.json-number { color: #098658; }
+.json-bool { color: #0451a5; }
+.json-null { color: #999; }
+.json-toggle {
+  cursor: pointer; user-select: none; position: relative;
+}
+.json-toggle::before {
+  content: '▼'; display: inline-block; width: 14px; font-size: 9px;
+  color: #999; transition: transform .15s;
+}
+.json-toggle.collapsed::before { transform: rotate(-90deg); }
+.json-toggle.collapsed + .json-collapsible { display: none; }
+.json-toggle.collapsed + .json-collapsible + .json-ellipsis { display: inline; }
+.json-ellipsis { display: none; color: #999; font-style: italic; }
+
+.llm-test-footer {
+  border: 1px solid var(--gray-300);
+  border-radius: 6px;
+  overflow: hidden;
+  background: var(--white);
+}
+.llm-test-footer:focus-within {
+  border-color: var(--primary);
+  box-shadow: 0 0 0 3px rgba(59,130,246,.1);
+}
+
+.llm-test-input {
+  width: 100%;
+  box-sizing: border-box;
+  resize: none;
+  border: none;
+  padding: 10px 14px;
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 1.5;
+  min-height: 70px;
+  max-height: 160px;
+  overflow-y: auto;
+  outline: none;
+}
+
+.llm-test-footer-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 6px 8px;
+  border-top: 1px solid var(--gray-200);
+  background: var(--gray-50);
+}
+
+.llm-test-model-select {
+  padding: 4px 8px;
+  border: 1px solid var(--gray-300);
+  border-radius: 4px;
+  font-size: 12px;
+  color: var(--gray-700);
+  background: var(--white);
+  max-width: 240px;
+  cursor: pointer;
+}
+
+.llm-test-footer .btn-primary {
+  width: 120px;
+  height: 32px;
+  padding: 0;
+  font-size: 13px;
+  border-radius: 4px;
+  flex-shrink: 0;
+}
+
+.llm-test-stats {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  font-size: 12px;
+  color: var(--gray-600);
+  margin: 0 12px;
+}
+
+.llm-test-stats .stat-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.llm-test-stats .stat-label {
+  color: var(--gray-500);
+}
+
+.llm-test-stats #stat-context-toggle:hover {
+  color: var(--primary);
+}
+
+/* ===== NAV DIVIDER ===== */
+.nav-divider {
+  height: 1px;
+  background: rgba(148,163,184,0.2);
+  margin: 8px 16px;
+  list-style: none;
+}
+
+/* ===== BTN GROUP ===== */
+.btn-group {
+  display: inline-flex;
+  border-radius: 4px;
+  overflow: hidden;
+  border: 1px solid var(--gray-300);
+}
+.btn-group .btn {
+  border-radius: 0;
+  border: none;
+  border-right: 1px solid var(--gray-300);
+  margin: 0;
+}
+.btn-group .btn:last-child { border-right: none; }
+.btn-group .btn.active {
+  background: var(--primary);
+  color: white;
+}
+
+/* ===== REGISTRY TREE ===== */
+.reg-tree-module {
+  margin-bottom: 8px;
+}
+.reg-tree-module-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  cursor: pointer;
+  border-radius: 4px;
+  font-weight: 600;
+  font-size: 13px;
+  color: var(--gray-700);
+  transition: background 0.15s;
+}
+.reg-tree-module-header:hover { background: var(--gray-100); }
+.reg-tree-module-header .arrow {
+  transition: transform 0.2s;
+  font-size: 10px;
+  color: var(--gray-400);
+}
+.reg-tree-module-header.expanded .arrow { transform: rotate(90deg); }
+.reg-tree-items {
+  display: none;
+  padding-left: 24px;
+}
+.reg-tree-module-header.expanded + .reg-tree-items { display: block; }
+.reg-tree-item {
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+  padding: 4px 12px;
+  font-size: 12px;
+  border-left: 2px solid var(--gray-200);
+}
+.reg-tree-item .field-path {
+  font-family: monospace;
+  color: var(--primary);
+  white-space: nowrap;
+  min-width: 200px;
+}
+.reg-tree-item .field-value {
+  font-family: monospace;
+  color: var(--gray-600);
+  word-break: break-all;
+}
+
+/* ===== REGISTRY TABLE ===== */
+.reg-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+}
+.reg-table th {
+  text-align: left;
+  padding: 10px 12px;
+  background: var(--gray-100);
+  border-bottom: 2px solid var(--gray-200);
+  font-weight: 600;
+  color: var(--gray-600);
+  position: sticky;
+  top: 0;
+}
+.reg-table td {
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--gray-100);
+  vertical-align: top;
+}
+.reg-table tr:hover td { background: var(--gray-50); }
+.reg-table .mono {
+  font-family: monospace;
+  font-size: 12px;
+}
+
+/* ===== MODULE CHIP ===== */
+.chip {
+  display: inline-flex;
+  align-items: center;
+  padding: 4px 12px;
+  border-radius: 16px;
+  font-size: 12px;
+  cursor: pointer;
+  border: 1px solid var(--gray-300);
+  background: var(--white);
+  color: var(--gray-600);
+  transition: all 0.15s;
+}
+.chip:hover { border-color: var(--primary); color: var(--primary); }
+.chip.active {
+  background: var(--primary);
+  color: white;
+  border-color: var(--primary);
+}
+
+/* ===== ACCORDION ===== */
+.accordion-section { margin-bottom: 8px; }
+.accordion-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  background: var(--gray-50);
+  border: 1px solid var(--gray-200);
+  border-radius: 6px;
+  cursor: pointer;
+  font-weight: 600;
+  font-size: 14px;
+  color: var(--gray-700);
+  transition: background 0.15s;
+}
+.accordion-header:hover { background: var(--gray-100); }
+.accordion-header .arrow {
+  transition: transform 0.2s;
+  font-size: 10px;
+  color: var(--gray-400);
+}
+.accordion-header.expanded {
+  border-radius: 6px 6px 0 0;
+  border-bottom-color: transparent;
+}
+.accordion-header.expanded .arrow { transform: rotate(90deg); }
+.accordion-body {
+  display: none;
+  border: 1px solid var(--gray-200);
+  border-top: none;
+  border-radius: 0 0 6px 6px;
+  padding: 16px;
+}
+.accordion-header.expanded + .accordion-body { display: block; }
+
+/* ===== API REF ITEMS ===== */
+.apiref-method {
+  padding: 10px 0;
+  border-bottom: 1px solid var(--gray-100);
+}
+.apiref-method:last-child { border-bottom: none; }
+.apiref-method-name {
+  font-family: monospace;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--gray-800);
+}
+.apiref-method-desc {
+  font-size: 12px;
+  color: var(--gray-500);
+  margin-top: 2px;
+}
+.apiref-method-params {
+  margin-top: 6px;
+  padding: 8px 12px;
+  background: var(--gray-50);
+  border-radius: 4px;
+  font-family: monospace;
+  font-size: 11px;
+  color: var(--gray-600);
+  white-space: pre-wrap;
+}
+.apiref-event-item {
+  padding: 8px 0;
+  border-bottom: 1px solid var(--gray-100);
+}
+.apiref-event-item:last-child { border-bottom: none; }
+.apiref-event-name {
+  font-family: monospace;
+  font-size: 13px;
+  color: var(--success);
+  font-weight: 600;
+}
+.apiref-event-meta {
+  font-size: 12px;
+  color: var(--gray-500);
+  margin-top: 2px;
+}
+
+/* ============================================================
+   日志中心 (Logs Center)
+   ============================================================ */
+
+.logs-module-group {
+  border: 1px solid var(--gray-200);
+  border-radius: 6px;
+  margin-bottom: 8px;
+  overflow: hidden;
+}
+.logs-module-group.collapsed .logs-module-files { display: none; }
+.logs-module-group.collapsed .logs-module-arrow { transform: rotate(-90deg); }
+
+.logs-module-header {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 10px 14px;
+  background: var(--gray-50, #fafafa);
+  cursor: pointer;
+  user-select: none;
+  font-size: 13px;
+}
+.logs-module-header:hover { background: var(--gray-100); }
+
+.logs-module-arrow {
+  font-size: 10px;
+  color: var(--gray-400);
+  transition: transform 0.15s;
+}
+
+.logs-module-files { padding: 0 14px 8px; }
+
+.logs-file-item {
+  padding: 5px 0;
+  border-bottom: 1px solid var(--gray-100);
+  font-size: 12px;
+}
+.logs-file-item:last-child { border-bottom: none; }
+.logs-file-item code {
+  font-size: 12px;
+  color: var(--gray-700, #333);
+  word-break: break-all;
+}
+
+/* 搜索结果 */
+.logs-search-lines {
+  max-height: 600px;
+  overflow-y: auto;
+}
+.logs-line {
+  padding: 3px 8px;
+  border-bottom: 1px solid var(--gray-50, #fafafa);
+  font-size: 12px;
+  line-height: 1.5;
+}
+.logs-line code {
+  font-size: 12px;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+.logs-line.log-error { background: #fff5f5; }
+.logs-line.log-error code { color: #c0392b; }
+.logs-line.log-warn { background: #fffbeb; }
+.logs-line.log-warn code { color: #d68910; }
+.logs-line.log-debug code { color: var(--gray-400); }
+
+/* 变更追踪 */
+.logs-change-item {
+  padding: 6px 10px;
+  border-bottom: 1px solid var(--gray-100);
+  font-size: 12px;
+}
+.logs-change-item code { font-size: 12px; word-break: break-all; }
+.logs-change-item.change-new { border-left: 3px solid var(--success); }
+.logs-change-item.change-modified { border-left: 3px solid var(--warning, #f39c12); }
+.logs-change-item.change-deleted { border-left: 3px solid var(--danger, #e74c3c); }
+
+/* ============================================================
+   审计中心 (Audit Center)
+   ============================================================ */
+
+.audit-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+}
+.audit-table thead {
+  background: var(--gray-50, #fafafa);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+.audit-table th {
+  padding: 10px 12px;
+  text-align: left;
+  font-weight: 600;
+  color: var(--gray-600);
+  border-bottom: 2px solid var(--gray-200);
+  font-size: 12px;
+  white-space: nowrap;
+}
+.audit-table td {
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--gray-100);
+  vertical-align: middle;
+}
+.audit-table tbody tr:hover { background: var(--gray-50, #fafafa); }
+
+.audit-action-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 3px;
+  font-size: 11px;
+  font-family: monospace;
+  background: var(--gray-100);
+  color: var(--gray-600);
+}
+.audit-action-badge.audit-action-ok {
+  background: #e8f8f0;
+  color: #1a9a5a;
+}
+.audit-action-badge.audit-action-danger {
+  background: #fef2f2;
+  color: #c0392b;
+}
+
+.audit-actor-badge {
+  display: inline-block;
+  padding: 2px 6px;
+  border-radius: 3px;
+  font-size: 11px;
+  background: #eef2ff;
+  color: #4f46e5;
+}
+
+.audit-result-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 10px;
+  font-size: 11px;
+  font-weight: 500;
+}
+.audit-result-badge.audit-success {
+  background: #e8f8f0;
+  color: #1a9a5a;
+}
+.audit-result-badge.audit-failure {
+  background: #fef2f2;
+  color: #c0392b;
+}
+