@auto-ai/agent 2.1.170 → 2.1.174

package/dist/ws-test/ws-test.css

@@ -1086,92 +1086,284 @@
       cursor: pointer;
       text-align: left;
     }
-    #agentEnvModalCard .agent-env-tab-panels {
+    /* 设置主视图（布局对齐文件管理页） */
+    .agent-settings-view {
       flex: 1;
       min-height: 0;
       display: flex;
       flex-direction: column;
       overflow: hidden;
+      padding: 0;
     }
-    /* 设置弹窗复用「工具弹窗」tabbed 头部体系，仅补充隐藏设置标题 */
-    #agentEnvModalCard.agent-picker--tabbed #agentEnvModalTitle {
-      display: none;
+    .agent-settings-view[hidden] {
+      display: none !important;
     }
-    #agentEnvModalCard .agent-env-panel.tool-files-body {
-      max-height: none;
+    .agent-settings-layout {
       flex: 1;
       min-height: 0;
+      display: flex;
+      gap: 0;
+      overflow: hidden;
     }
-    /* 覆盖下面 .agent-env-panel--md 的 display:flex，否则 [hidden] 无法隐藏 Tab 内未选中的分栏 */
-    #agentEnvModalCard .agent-env-panel[hidden] {
-      display: none !important;
+    .agent-settings-nav {
+      flex-shrink: 0;
+      width: 220px;
+      display: flex;
+      flex-direction: column;
+      border: none;
+      border-radius: 0;
+      border-right: 1px solid var(--ds-border);
+      overflow: hidden;
+      background: var(--ds-bg);
+    }
+    .agent-settings-nav-title {
+      flex-shrink: 0;
+      padding: 10px 12px;
+      font-size: 12px;
+      font-weight: 600;
+      color: var(--ds-muted);
+      border-bottom: 1px solid var(--ds-border);
+      text-transform: uppercase;
+      letter-spacing: 0.04em;
     }
-    #agentEnvModalCard .agent-env-panel.agent-env-panel--md {
+    .agent-settings-nav-list {
+      flex: 1;
+      min-height: 0;
+      overflow-y: auto;
+      padding: 6px 0;
       display: flex;
       flex-direction: column;
-      gap: 0.4rem;
     }
-    #agentEnvModalCard .agent-env-panel--md .agent-md-editor {
-      min-height: min(42vh, 360px);
+    .agent-settings-nav-item {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      padding: 8px 12px;
+      border: none;
+      background: transparent;
+      color: inherit;
+      font: inherit;
+      font-size: 13px;
+      text-align: left;
+      cursor: pointer;
+      user-select: none;
     }
-    .agent-env-team-block {
-      margin-top: 0.35rem;
-      padding-top: 0.65rem;
-      border-top: 1px solid var(--ds-border, #e5e5ea);
+    .agent-settings-nav-item:hover {
+      background: var(--ds-item-hover);
     }
-    .agent-env-team-block > label {
-      font-size: 0.78rem;
-      color: var(--ds-text-soft);
-      display: block;
-      margin-bottom: 0.35rem;
+    .agent-settings-nav-item.is-selected {
+      background: rgba(10, 132, 255, 0.1);
+      color: var(--ds-accent);
+      font-weight: 600;
     }
-    .agent-env-team-empty {
-      margin: 0 0 0.45rem;
-      font-size: 0.78rem;
-      color: var(--ds-text-soft);
+    .agent-settings-content {
+      flex: 1;
+      min-width: 0;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      background: var(--ds-bg);
     }
-    .agent-env-team-chips {
+    .agent-settings-panels {
+      flex: 1;
+      min-height: 0;
       display: flex;
-      flex-wrap: wrap;
-      gap: 6px;
-      margin-bottom: 0.55rem;
-      min-height: 24px;
+      flex-direction: column;
+      overflow: hidden;
     }
-    .agent-env-team-chip {
+    .agent-settings-head {
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      gap: 8px;
+      padding: 10px 14px;
+      border-bottom: 1px solid var(--ds-border);
+      background: var(--ds-bg);
+    }
+    .agent-settings-actions {
       display: inline-flex;
       align-items: center;
-      gap: 4px;
-      padding: 0.15rem 0.4rem 0.15rem 0.5rem;
-      border-radius: 999px;
-      background: rgba(10, 132, 255, 0.12);
-      border: 1px solid rgba(10, 132, 255, 0.28);
-      font-size: 0.76rem;
+      gap: 8px;
+    }
+    .agent-settings-scroll {
+      flex: 1;
+      min-height: 0;
+      overflow-y: auto;
+      padding: 0;
+      background: var(--ds-bg);
+    }
+    .agent-settings-scroll[hidden] {
+      display: none !important;
+    }
+    .agent-settings-md-panel {
+      display: flex;
+      flex-direction: column;
+      gap: 0.5rem;
+      padding: 14px 20px;
+    }
+    .agent-settings-md-editor {
+      flex: 1;
+      min-height: min(60vh, 520px);
+      border: 1px solid var(--ds-separator);
+      border-radius: 10px;
+      background: #ffffff;
+    }
+    .btn-agent-settings-cancel {
+      padding: 6px 14px;
+      border: 1px solid var(--ds-border);
+      border-radius: 8px;
+      background: var(--ds-bg);
+      color: inherit;
+      font: inherit;
+      font-size: 13px;
+      cursor: pointer;
+    }
+    .btn-agent-settings-cancel:hover {
+      background: var(--ds-item-hover);
     }
-    .agent-env-team-chip button {
+    .settings-unified-panel {
+      display: flex;
+      flex-direction: column;
+      gap: 0;
+    }
+    .settings-section {
+      padding: 14px 20px;
       border: none;
+      border-radius: 0;
+      border-bottom: 1px solid var(--ds-border, #e5e5ea);
+      background: var(--ds-bg);
+    }
+    .settings-section:last-child {
+      border-bottom: none;
+    }
+    .settings-section-title {
+      margin: 0 0 0.65rem;
+      font-size: 0.82rem;
+      font-weight: 600;
+      color: var(--ds-text);
+    }
+    .settings-fields {
+      display: grid;
+      gap: 0.55rem;
+    }
+    .settings-field {
+      display: grid;
+      gap: 0.3rem;
+    }
+    .settings-field-label {
+      font-size: 0.78rem;
+      color: var(--ds-text-soft);
+      line-height: 1.35;
+    }
+    .settings-textarea {
+      min-height: 110px;
+    }
+    .settings-textarea--compact {
+      min-height: 80px;
+    }
+    .settings-env-list {
+      display: flex;
+      flex-direction: column;
+      gap: 0;
+    }
+    .settings-env-list .agent-env-fixed-section {
+      margin-bottom: 0;
+      padding-left: 0;
+      padding-right: 0;
+      border: none;
+      border-radius: 0;
+      border-bottom: 1px solid var(--ds-border, #e5e5ea);
       background: transparent;
+    }
+    .settings-env-list .agent-env-fixed-section:last-child {
+      border-bottom: none;
+    }
+    .agent-md-panel-hint {
+      margin: 0;
+      font-size: 0.75rem;
       color: var(--ds-text-soft);
-      cursor: pointer;
-      font-size: 1rem;
-      line-height: 1;
-      padding: 0 2px;
     }
-    .agent-env-team-chip button:hover {
-      color: var(--ds-danger, #ff3b30);
+    .llm-providers-block {
+      display: grid;
+      gap: 0.75rem;
+    }
+    .llm-providers-empty {
+      margin: 0;
+      font-size: 0.74rem;
+      color: var(--ds-text-soft);
+      line-height: 1.45;
+    }
+    .llm-provider-form {
+      display: grid;
+      gap: 0.55rem;
+      padding-bottom: 0.75rem;
+      border-bottom: 1px solid var(--ds-border, #e5e5ea);
+    }
+    .llm-provider-form-grid {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 0.55rem;
     }
-    .agent-env-team-add {
+    .llm-provider-form-field--full {
+      grid-column: 1 / -1;
+    }
+    .llm-provider-form-actions {
+      display: flex;
+      justify-content: flex-end;
+    }
+    .llm-provider-list {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+    }
+    .llm-provider-list-item {
       display: flex;
-      gap: 8px;
       align-items: center;
+      justify-content: space-between;
+      gap: 0.75rem;
+      padding: 0.55rem 0;
+      border-bottom: 1px solid var(--ds-border, #e5e5ea);
+      font-size: 0.84rem;
     }
-    .agent-env-team-add select {
-      flex: 1;
+    .llm-provider-list-item:last-child {
+      border-bottom: none;
+    }
+    .llm-provider-list-name {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.45rem;
       min-width: 0;
-      border: 1px solid var(--ds-border, #e5e5ea);
-      border-radius: 8px;
-      padding: 0.4rem 0.5rem;
-      font: inherit;
-      font-size: 0.82rem;
+      color: var(--ds-text);
+    }
+    .llm-provider-list-default {
+      flex-shrink: 0;
+      font-size: 0.7rem;
+      color: var(--ds-accent);
+      background: rgba(10, 132, 255, 0.1);
+      padding: 0.1rem 0.4rem;
+      border-radius: 4px;
+    }
+    .llm-provider-list-remove {
+      flex-shrink: 0;
+      border: none;
+      background: transparent;
+      color: var(--ds-danger, #ff3b30);
+      cursor: pointer;
+      font-size: 0.76rem;
+      padding: 0.15rem 0.35rem;
+      border-radius: 4px;
+    }
+    .llm-provider-list-remove:hover {
+      background: rgba(255, 59, 48, 0.08);
+    }
+    @media (max-width: 720px) {
+      .llm-provider-form-grid {
+        grid-template-columns: 1fr;
+      }
     }
     .agent-md-modal-close {
       border: none;
@@ -1236,6 +1428,13 @@
       outline: none;
       box-shadow: inset 0 0 0 2px rgba(79, 109, 245, 0.2);
     }
+    /* whentouse 仅需约三行高度，覆盖 agent-md-editor 的大块编辑区样式 */
+    .agent-md-editor.settings-textarea--whentouse {
+      flex: none;
+      min-height: calc(3 * 1.5em + 1.7rem);
+      height: auto;
+      resize: vertical;
+    }
     .agent-md-modal-foot {
       display: flex;
       justify-content: flex-end;
@@ -1287,14 +1486,6 @@
       border-bottom: 1px solid var(--ds-separator);
       background: var(--ds-bg);
     }
-    /* 设置弹窗（tabbed）覆盖 modal-unified 头部内边距，页签贴顶与工具弹窗一致 */
-    #agentEnvModalCard.agent-picker--tabbed .agent-md-modal-head {
-      padding: 0;
-      gap: 0;
-      border-bottom: none;
-      align-items: stretch;
-      min-height: 0;
-    }
     .agent-md-modal-card.modal-unified .tool-files-body {
       flex: 1;
       min-height: 0;
@@ -1411,6 +1602,12 @@
     .agent-env-fixed-row:last-child {
       margin-bottom: 0;
     }
+    .agent-env-fixed-row--whentouse {
+      align-items: start;
+    }
+    .agent-env-fixed-row--whentouse .agent-env-kv-input {
+      min-height: 0;
+    }
     .agent-env-fixed-label {
       color: var(--ds-text-soft);
       font-size: 0.78rem;
@@ -1437,12 +1634,6 @@
       border-color: var(--ds-accent);
       box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.16);
     }
-    #agentEnvModalCard .agent-env-panel--md .agent-md-editor {
-      border: 1px solid var(--ds-separator);
-      border-radius: 10px;
-      background: #ffffff;
-    }
-
     .main {
       flex: 1;
       display: flex;
@@ -1451,6 +1642,9 @@
       min-height: 0;
       background: var(--ds-bg);
     }
+    .main-header[hidden] {
+      display: none !important;
+    }
     .main-header {
       flex-shrink: 0;
       padding: 1rem clamp(1rem, 3vw, 1.75rem) 1rem;
@@ -2634,6 +2828,9 @@
       flex-direction: column;
       min-height: 0;
     }
+    .main-header[hidden] {
+      display: none !important;
+    }
     .main-header {
       flex-shrink: 0;
       display: flex;
@@ -2981,7 +3178,7 @@
       display: flex;
       flex-direction: column;
       overflow: hidden;
-      padding: 16px 20px;
+      padding: 0;
     }
     .repo-manage-view[hidden] {
       display: none !important;
@@ -3000,7 +3197,7 @@
       flex: 1;
       min-height: 0;
       display: flex;
-      gap: 12px;
+      gap: 0;
       overflow: hidden;
     }
     .repo-tree-panel {
@@ -3008,8 +3205,9 @@
       width: 220px;
       display: flex;
       flex-direction: column;
-      border: 1px solid var(--ds-border);
-      border-radius: 10px;
+      border: none;
+      border-radius: 0;
+      border-right: 1px solid var(--ds-border);
       overflow: hidden;
       background: var(--ds-bg);
     }
@@ -3083,10 +3281,64 @@
       justify-content: center;
       width: 16px;
       height: 16px;
+      color: var(--ds-muted);
+    }
+    .repo-type-icon-dir {
       color: #d4a017;
     }
     .repo-type-icon-file {
-      color: var(--ds-muted);
+      color: #94a3b8;
+    }
+    .repo-type-icon-md {
+      color: #2563eb;
+    }
+    .repo-type-icon-json {
+      color: #ca8a04;
+    }
+    .repo-type-icon-yaml {
+      color: #7c3aed;
+    }
+    .repo-type-icon-html {
+      color: #ea580c;
+    }
+    .repo-type-icon-js {
+      color: #ca8a04;
+    }
+    .repo-type-icon-ts {
+      color: #2563eb;
+    }
+    .repo-type-icon-vue {
+      color: #059669;
+    }
+    .repo-type-icon-code {
+      color: #0d9488;
+    }
+    .repo-type-icon-sql {
+      color: #6366f1;
+    }
+    .repo-type-icon-shell {
+      color: #475569;
+    }
+    .repo-type-icon-xml {
+      color: #b45309;
+    }
+    .repo-type-icon-image {
+      color: #db2777;
+    }
+    .repo-type-icon-archive {
+      color: #a16207;
+    }
+    .repo-type-icon-pdf {
+      color: #dc2626;
+    }
+    .repo-type-icon-doc {
+      color: #1d4ed8;
+    }
+    .repo-type-icon-text {
+      color: #64748b;
+    }
+    .repo-type-icon-docker {
+      color: #0284c7;
     }
     .repo-tree-item.is-selected .repo-type-icon-dir {
       color: var(--ds-accent);
@@ -3119,8 +3371,8 @@
       min-height: 0;
       display: flex;
       flex-direction: column;
-      border: 1px solid var(--ds-border);
-      border-radius: 10px;
+      border: none;
+      border-radius: 0;
       overflow: hidden;
       background: var(--ds-bg);
     }
@@ -3145,7 +3397,13 @@
       text-overflow: ellipsis;
       white-space: nowrap;
     }
-    .btn-repo-file-download {
+    .repo-file-preview-actions {
+      flex-shrink: 0;
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .btn-repo-file-action {
       flex-shrink: 0;
       padding: 5px 12px;
       border: 1px solid var(--ds-border);
@@ -3157,9 +3415,32 @@
       text-decoration: none;
       cursor: pointer;
     }
-    .btn-repo-file-download:hover {
+    .btn-repo-file-action:hover {
       background: var(--ds-item-hover);
     }
+    .btn-repo-file-delete {
+      color: #b91c1c;
+      border-color: #fecaca;
+    }
+    .btn-repo-file-delete:hover {
+      background: #fef2f2;
+    }
+    .btn-repo-file-delete:disabled {
+      opacity: 0.55;
+      cursor: not-allowed;
+    }
+    .repo-file-preview-unavailable {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--ds-muted);
+    }
+    .repo-file-preview-hint {
+      margin: 0;
+      font-size: 14px;
+      text-align: center;
+      line-height: 1.6;
+    }
     .repo-file-preview-body {
       flex: 1;
       min-height: 0;
@@ -3184,8 +3465,8 @@
       flex: 1;
       min-height: 0;
       overflow: auto;
-      border: 1px solid var(--ds-border);
-      border-radius: 10px;
+      border: none;
+      border-radius: 0;
     }
     .repo-entries-table {
       width: 100%;