codexmate 0.0.5 → 0.0.7

package/web-ui.html

@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Codex Mate</title>
     <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+    <script src="https://unpkg.com/json5@2/dist/index.min.js"></script>
     <style>
         @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Source+Sans+3:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');
 
@@ -920,6 +921,51 @@
             letter-spacing: -0.01em;
         }
 
+        .btn-session-open {
+            border: 1px solid var(--color-border-soft);
+            border-radius: var(--radius-sm);
+            background: linear-gradient(to bottom, var(--color-surface) 0%, rgba(255, 255, 255, 0.9) 100%);
+            color: var(--color-text-secondary);
+            padding: 8px 12px;
+            font-size: var(--font-size-secondary);
+            font-weight: var(--font-weight-secondary);
+            cursor: pointer;
+            transition: all var(--transition-fast) var(--ease-spring);
+            white-space: nowrap;
+            box-shadow: var(--shadow-subtle);
+            letter-spacing: -0.01em;
+        }
+
+        .btn-session-clone {
+            border: 1px solid var(--color-border-soft);
+            border-radius: var(--radius-sm);
+            background: linear-gradient(to bottom, var(--color-surface) 0%, rgba(255, 255, 255, 0.9) 100%);
+            color: var(--color-text-secondary);
+            padding: 8px 12px;
+            font-size: var(--font-size-secondary);
+            font-weight: var(--font-weight-secondary);
+            cursor: pointer;
+            transition: all var(--transition-fast) var(--ease-spring);
+            white-space: nowrap;
+            box-shadow: var(--shadow-subtle);
+            letter-spacing: -0.01em;
+        }
+
+        .btn-session-delete {
+            border: 1px solid rgba(189, 70, 68, 0.4);
+            border-radius: var(--radius-sm);
+            background: linear-gradient(to bottom, rgba(255, 245, 245, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%);
+            color: #b74545;
+            padding: 8px 12px;
+            font-size: var(--font-size-secondary);
+            font-weight: var(--font-weight-secondary);
+            cursor: pointer;
+            transition: all var(--transition-fast) var(--ease-spring);
+            white-space: nowrap;
+            box-shadow: var(--shadow-subtle);
+            letter-spacing: -0.01em;
+        }
+
         .btn-session-refresh {
             border: 1px solid var(--color-border-soft);
             border-radius: var(--radius-sm);
@@ -947,13 +993,39 @@
             transform: none;
         }
 
-        .btn-session-export:hover {
+        .btn-session-export:hover,
+        .btn-session-open:hover {
+            border-color: var(--color-brand);
+            color: var(--color-brand);
+            transform: translateY(-1px);
+        }
+
+        .btn-session-export:disabled,
+        .btn-session-open:disabled {
+            opacity: 0.5;
+            cursor: not-allowed;
+            transform: none;
+        }
+
+        .btn-session-clone:hover {
             border-color: var(--color-brand);
             color: var(--color-brand);
             transform: translateY(-1px);
         }
 
-        .btn-session-export:disabled {
+        .btn-session-clone:disabled {
+            opacity: 0.5;
+            cursor: not-allowed;
+            transform: none;
+        }
+
+        .btn-session-delete:hover {
+            border-color: rgba(189, 70, 68, 0.8);
+            color: #9f3b3b;
+            transform: translateY(-1px);
+        }
+
+        .btn-session-delete:disabled {
             opacity: 0.5;
             cursor: not-allowed;
             transform: none;
@@ -990,11 +1062,38 @@
             min-height: 520px;
         }
 
-        .session-list {
-            display: flex;
-            flex-direction: column;
-            gap: var(--spacing-xs);
-            position: sticky;
+        .session-layout.session-standalone {
+            grid-template-columns: minmax(0, 1fr);
+        }
+
+        .session-standalone-page {
+            max-width: 960px;
+            margin: 0 auto;
+            padding: var(--spacing-sm) 0;
+        }
+
+        .session-standalone-title {
+            font-size: var(--font-size-title);
+            font-weight: var(--font-weight-title);
+            color: var(--color-text-primary);
+            margin-bottom: var(--spacing-sm);
+            letter-spacing: -0.01em;
+        }
+
+        .session-standalone-text {
+            white-space: pre-wrap;
+            font-family: var(--font-family-body);
+            font-size: var(--font-size-body);
+            line-height: 1.7;
+            color: var(--color-text-primary);
+            word-break: break-word;
+        }
+
+        .session-list {
+            display: flex;
+            flex-direction: column;
+            gap: var(--spacing-xs);
+            position: sticky;
             top: 12px;
             height: 100%;
             max-height: none;
@@ -1108,6 +1207,21 @@
             transition: all var(--transition-fast) var(--ease-spring);
         }
 
+        .session-item-delete {
+            border: 1px solid rgba(189, 70, 68, 0.35);
+            background: rgba(189, 70, 68, 0.08);
+            color: #b74545;
+            width: 28px;
+            height: 28px;
+            border-radius: 8px;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            flex-shrink: 0;
+            transition: all var(--transition-fast) var(--ease-spring);
+        }
+
         .session-item-copy:hover {
             border-color: rgba(70, 86, 110, 0.7);
             background: rgba(70, 86, 110, 0.16);
@@ -1115,17 +1229,35 @@
             transform: translateY(-1px);
         }
 
+        .session-item-delete:hover {
+            border-color: rgba(189, 70, 68, 0.7);
+            background: rgba(189, 70, 68, 0.18);
+            color: #9f3b3b;
+            transform: translateY(-1px);
+        }
+
         .session-item-copy:disabled {
             opacity: 0.5;
             cursor: not-allowed;
             transform: none;
         }
 
+        .session-item-delete:disabled {
+            opacity: 0.5;
+            cursor: not-allowed;
+            transform: none;
+        }
+
         .session-item-copy svg {
             width: 16px;
             height: 16px;
         }
 
+        .session-item-delete svg {
+            width: 16px;
+            height: 16px;
+        }
+
         .session-item-sub {
             font-size: var(--font-size-caption);
             color: var(--color-text-tertiary);
@@ -1461,6 +1593,9 @@
             background: linear-gradient(to bottom, var(--color-surface) 0%, rgba(255, 255, 255, 0.98) 100%);
             width: 90%;
             max-width: 400px;
+            max-height: 90vh;
+            overflow-y: auto;
+            overscroll-behavior: contain;
             border-radius: var(--radius-lg);
             padding: var(--spacing-md);
             box-shadow: var(--shadow-modal);
@@ -1480,6 +1615,25 @@
             letter-spacing: -0.01em;
         }
 
+        .modal-header {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            gap: var(--spacing-sm);
+            margin-bottom: var(--spacing-md);
+            flex-wrap: wrap;
+        }
+
+        .modal-header .modal-title {
+            margin-bottom: 0;
+        }
+
+        .btn-modal-copy {
+            padding: 6px 12px;
+            white-space: nowrap;
+            flex-shrink: 0;
+        }
+
         .form-group {
             margin-bottom: var(--spacing-sm);
         }
@@ -1555,133 +1709,407 @@
             opacity: 0.8;
         }
 
-        .btn-group {
-            display: flex;
-            gap: var(--spacing-sm);
+        .quick-section {
             margin-top: var(--spacing-md);
+            padding: var(--spacing-sm);
+            border-radius: var(--radius-lg);
+            border: 1px solid var(--color-border-soft);
+            background: linear-gradient(140deg, rgba(255, 252, 247, 0.95), rgba(255, 255, 255, 0.6));
         }
 
-        .btn {
-            flex: 1;
-            padding: 14px var(--spacing-sm);
-            border-radius: var(--radius-sm);
-            font-size: var(--font-size-body);
+        .quick-header {
+            display: flex;
+            flex-wrap: wrap;
+            gap: var(--spacing-xs);
+            align-items: flex-start;
+            justify-content: space-between;
+            margin-bottom: var(--spacing-sm);
+        }
+
+        .quick-title {
+            font-size: var(--font-size-secondary);
             font-weight: var(--font-weight-secondary);
-            cursor: pointer;
-            transition: all var(--transition-fast) var(--ease-spring);
-            border: 1px solid var(--color-border-soft);
-            background: linear-gradient(to bottom, var(--color-surface) 0%, rgba(255, 255, 255, 0.95) 100%);
             color: var(--color-text-secondary);
-            box-shadow: var(--shadow-subtle);
-            letter-spacing: -0.01em;
         }
 
-        .btn:active {
-            transform: scale(0.97);
+        .quick-actions {
+            display: flex;
+            flex-wrap: wrap;
+            gap: var(--spacing-xs);
         }
 
-        .btn-cancel {
-            background: linear-gradient(to bottom, var(--color-bg) 0%, rgba(247, 241, 232, 0.8) 100%);
-            color: var(--color-text-primary);
-            border: 1px solid var(--color-border-soft);
+        .quick-steps {
+            display: flex;
+            flex-wrap: wrap;
+            gap: var(--spacing-xs);
+            margin-bottom: var(--spacing-sm);
         }
 
-        .btn-cancel:hover {
-            background: linear-gradient(to bottom, var(--color-border) 0%, rgba(208, 196, 182, 0.5) 100%);
+        .quick-step {
+            display: inline-flex;
+            align-items: center;
+            gap: 6px;
+            padding: 4px 10px;
+            border-radius: 999px;
+            border: 1px dashed var(--color-border-soft);
+            background: var(--color-surface);
+            font-size: var(--font-size-caption);
+            color: var(--color-text-secondary);
         }
 
-        .btn-confirm {
-            background: linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);
-            color: white;
-            box-shadow: 0 2px 4px rgba(210, 107, 90, 0.2);
-            border: none;
+        .step-badge {
+            width: 20px;
+            height: 20px;
+            border-radius: 999px;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            background: var(--color-brand);
+            color: #fff;
+            font-size: 12px;
+            font-weight: var(--font-weight-secondary);
         }
 
-        .btn-confirm:hover {
-            box-shadow: 0 4px 8px rgba(210, 107, 90, 0.25);
-            filter: brightness(1.05);
+        .quick-grid {
+            display: grid;
+            gap: var(--spacing-sm);
+            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
         }
 
-        .btn-confirm.secondary {
-            background: linear-gradient(135deg, var(--color-success) 0%, rgba(90, 139, 106, 0.85) 100%);
-            box-shadow: 0 2px 4px rgba(90, 139, 106, 0.2);
-            border: none;
+        .quick-card {
+            background: var(--color-surface);
+            border: 1px solid var(--color-border-soft);
+            border-radius: var(--radius-sm);
+            padding: var(--spacing-sm);
+            box-shadow: var(--shadow-subtle);
         }
 
-        .btn-confirm.secondary:hover {
-            box-shadow: 0 4px 8px rgba(90, 139, 106, 0.25);
-            filter: brightness(1.05);
+        .quick-option {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            font-size: var(--font-size-caption);
+            color: var(--color-text-secondary);
+            margin-bottom: 6px;
         }
 
-        /* ============================================
-           模型列表
-           ============================================ */
-        .model-list {
-            max-height: 200px;
-            overflow-y: auto;
-            border: 1px solid rgba(208, 196, 182, 0.4);
-            border-radius: var(--radius-sm);
-            margin-bottom: var(--spacing-sm);
-            scrollbar-width: none;
-            background: linear-gradient(to bottom, var(--color-surface) 0%, rgba(255, 255, 255, 0.8) 100%);
-            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02);
+        .quick-option input {
+            accent-color: var(--color-brand);
         }
 
-        .model-list::-webkit-scrollbar {
-            display: none;
+        .structured-section {
+            margin-top: var(--spacing-md);
+            padding: var(--spacing-sm);
+            border-radius: var(--radius-lg);
+            border: 1px solid var(--color-border-soft);
+            background: rgba(255, 255, 255, 0.6);
         }
 
-        .model-item {
+        .structured-header {
             display: flex;
+            flex-wrap: wrap;
+            gap: var(--spacing-xs);
+            align-items: baseline;
             justify-content: space-between;
-            align-items: center;
-            padding: 11px var(--spacing-sm);
-            border-bottom: 1px solid rgba(208, 196, 182, 0.3);
-            font-size: var(--font-size-body);
-            color: var(--color-text-primary);
-            transition: all var(--transition-fast) var(--ease-spring);
-            letter-spacing: -0.005em;
+            margin-bottom: var(--spacing-sm);
         }
 
-        .model-item:last-child {
-            border-bottom: none;
+        .structured-title {
+            font-size: var(--font-size-secondary);
+            font-weight: var(--font-weight-secondary);
+            color: var(--color-text-secondary);
         }
 
-        .model-item:hover {
-            background: linear-gradient(to right, rgba(247, 241, 232, 0.6) 0%, rgba(247, 241, 232, 0.3) 100%);
+        .structured-grid {
+            display: grid;
+            gap: var(--spacing-sm);
+            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
         }
 
-        .btn-remove-model {
-            font-size: var(--font-size-caption);
-            font-weight: var(--font-weight-caption);
-            color: var(--color-text-tertiary);
-            cursor: pointer;
-            padding: 5px 10px;
-            border-radius: var(--radius-full);
-            transition: all var(--transition-fast) var(--ease-spring);
-            background: transparent;
-            border: 1px solid rgba(139, 118, 104, 0.2);
-            letter-spacing: 0.03em;
+        .structured-card {
+            background: var(--color-surface);
+            border: 1px solid var(--color-border-soft);
+            border-radius: var(--radius-sm);
+            padding: var(--spacing-sm);
+            box-shadow: var(--shadow-subtle);
         }
 
-        .btn-remove-model:hover {
-            background: linear-gradient(135deg, var(--color-error) 0%, rgba(200, 74, 58, 0.9) 100%);
-            color: white;
-            transform: scale(1.08);
-            box-shadow: 0 2px 6px rgba(200, 74, 58, 0.25);
-            border-color: transparent;
+        .structured-card-title {
+            font-size: var(--font-size-body);
+            font-weight: var(--font-weight-secondary);
+            color: var(--color-text-secondary);
+            margin-bottom: 8px;
         }
 
-        /* ============================================
-           Toast - 顶部横幅
-           ============================================ */
-        .toast {
-            position: fixed;
-            top: 16px;
-            left: 50%;
-            transform: translateX(-50%);
-            background: linear-gradient(to bottom, var(--color-surface) 0%, rgba(255, 255, 255, 0.95) 100%);
-            padding: 12px 24px;
+        .provider-list {
+            display: flex;
+            flex-direction: column;
+            gap: var(--spacing-xs);
+        }
+
+        .provider-item {
+            border: 1px dashed var(--color-border-soft);
+            border-radius: var(--radius-sm);
+            padding: var(--spacing-xs);
+            background: var(--color-surface-alt);
+        }
+
+        .provider-header {
+            display: flex;
+            flex-wrap: wrap;
+            gap: var(--spacing-xs);
+            align-items: center;
+            margin-bottom: 6px;
+        }
+
+        .provider-name {
+            font-weight: var(--font-weight-secondary);
+            color: var(--color-text-secondary);
+        }
+
+        .provider-source {
+            font-size: var(--font-size-caption);
+            color: var(--color-text-tertiary);
+        }
+
+        .provider-fields {
+            display: grid;
+            gap: 6px;
+        }
+
+        .provider-field {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 6px;
+            align-items: baseline;
+        }
+
+        .provider-field-key {
+            font-family: var(--font-family-mono);
+            font-size: var(--font-size-caption);
+            color: var(--color-text-muted);
+            min-width: 110px;
+        }
+
+        .provider-field-value {
+            font-family: var(--font-family-mono);
+            font-size: var(--font-size-caption);
+            color: var(--color-text-secondary);
+            word-break: break-all;
+        }
+
+        .agent-list {
+            display: flex;
+            flex-direction: column;
+            gap: var(--spacing-xs);
+        }
+
+        .agent-item {
+            border: 1px dashed var(--color-border-soft);
+            border-radius: var(--radius-sm);
+            padding: var(--spacing-xs);
+            background: var(--color-surface-alt);
+        }
+
+        .agent-header {
+            display: flex;
+            flex-wrap: wrap;
+            gap: var(--spacing-xs);
+            align-items: center;
+            margin-bottom: 6px;
+        }
+
+        .agent-name {
+            font-weight: var(--font-weight-secondary);
+            color: var(--color-text-secondary);
+        }
+
+        .agent-id {
+            font-size: var(--font-size-caption);
+            color: var(--color-text-tertiary);
+        }
+
+        .agent-meta {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+            font-size: var(--font-size-caption);
+            color: var(--color-text-secondary);
+        }
+
+        .list-row {
+            display: flex;
+            flex-wrap: wrap;
+            gap: var(--spacing-xs);
+            align-items: center;
+            margin-bottom: var(--spacing-xs);
+        }
+
+        .list-row:last-child {
+            margin-bottom: 0;
+        }
+
+        .list-row .form-input {
+            flex: 1;
+            min-width: 140px;
+        }
+
+        .btn-mini {
+            padding: 6px 10px;
+            border-radius: var(--radius-sm);
+            border: 1px solid var(--color-border-soft);
+            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%);
+            font-size: var(--font-size-caption);
+            font-weight: var(--font-weight-secondary);
+            color: var(--color-text-secondary);
+            cursor: pointer;
+            transition: all var(--transition-fast) var(--ease-spring);
+            box-shadow: var(--shadow-subtle);
+        }
+
+        .btn-mini:hover {
+            border-color: var(--color-brand);
+            color: var(--color-brand);
+            transform: translateY(-1px);
+        }
+
+        .btn-mini.delete {
+            color: var(--color-error);
+            border-color: rgba(193, 72, 59, 0.35);
+        }
+
+        .btn-mini.delete:hover {
+            border-color: rgba(193, 72, 59, 0.7);
+            color: var(--color-error);
+        }
+
+        .btn-group {
+            display: flex;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-md);
+        }
+
+        .btn {
+            flex: 1;
+            padding: 14px var(--spacing-sm);
+            border-radius: var(--radius-sm);
+            font-size: var(--font-size-body);
+            font-weight: var(--font-weight-secondary);
+            cursor: pointer;
+            transition: all var(--transition-fast) var(--ease-spring);
+            border: 1px solid var(--color-border-soft);
+            background: linear-gradient(to bottom, var(--color-surface) 0%, rgba(255, 255, 255, 0.95) 100%);
+            color: var(--color-text-secondary);
+            box-shadow: var(--shadow-subtle);
+            letter-spacing: -0.01em;
+        }
+
+        .btn:active {
+            transform: scale(0.97);
+        }
+
+        .btn-cancel {
+            background: linear-gradient(to bottom, var(--color-bg) 0%, rgba(247, 241, 232, 0.8) 100%);
+            color: var(--color-text-primary);
+            border: 1px solid var(--color-border-soft);
+        }
+
+        .btn-cancel:hover {
+            background: linear-gradient(to bottom, var(--color-border) 0%, rgba(208, 196, 182, 0.5) 100%);
+        }
+
+        .btn-confirm {
+            background: linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);
+            color: white;
+            box-shadow: 0 2px 4px rgba(210, 107, 90, 0.2);
+            border: none;
+        }
+
+        .btn-confirm:hover {
+            box-shadow: 0 4px 8px rgba(210, 107, 90, 0.25);
+            filter: brightness(1.05);
+        }
+
+        .btn-confirm.secondary {
+            background: linear-gradient(135deg, var(--color-success) 0%, rgba(90, 139, 106, 0.85) 100%);
+            box-shadow: 0 2px 4px rgba(90, 139, 106, 0.2);
+            border: none;
+        }
+
+        .btn-confirm.secondary:hover {
+            box-shadow: 0 4px 8px rgba(90, 139, 106, 0.25);
+            filter: brightness(1.05);
+        }
+
+        /* ============================================
+           模型列表
+           ============================================ */
+        .model-list {
+            max-height: 200px;
+            overflow-y: auto;
+            border: 1px solid rgba(208, 196, 182, 0.4);
+            border-radius: var(--radius-sm);
+            margin-bottom: var(--spacing-sm);
+            scrollbar-width: none;
+            background: linear-gradient(to bottom, var(--color-surface) 0%, rgba(255, 255, 255, 0.8) 100%);
+            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02);
+        }
+
+        .model-list::-webkit-scrollbar {
+            display: none;
+        }
+
+        .model-item {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 11px var(--spacing-sm);
+            border-bottom: 1px solid rgba(208, 196, 182, 0.3);
+            font-size: var(--font-size-body);
+            color: var(--color-text-primary);
+            transition: all var(--transition-fast) var(--ease-spring);
+            letter-spacing: -0.005em;
+        }
+
+        .model-item:last-child {
+            border-bottom: none;
+        }
+
+        .model-item:hover {
+            background: linear-gradient(to right, rgba(247, 241, 232, 0.6) 0%, rgba(247, 241, 232, 0.3) 100%);
+        }
+
+        .btn-remove-model {
+            font-size: var(--font-size-caption);
+            font-weight: var(--font-weight-caption);
+            color: var(--color-text-tertiary);
+            cursor: pointer;
+            padding: 5px 10px;
+            border-radius: var(--radius-full);
+            transition: all var(--transition-fast) var(--ease-spring);
+            background: transparent;
+            border: 1px solid rgba(139, 118, 104, 0.2);
+            letter-spacing: 0.03em;
+        }
+
+        .btn-remove-model:hover {
+            background: linear-gradient(135deg, var(--color-error) 0%, rgba(200, 74, 58, 0.9) 100%);
+            color: white;
+            transform: scale(1.08);
+            box-shadow: 0 2px 6px rgba(200, 74, 58, 0.25);
+            border-color: transparent;
+        }
+
+        /* ============================================
+           Toast - 顶部横幅
+           ============================================ */
+        .toast {
+            position: fixed;
+            top: 16px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: linear-gradient(to bottom, var(--color-surface) 0%, rgba(255, 255, 255, 0.95) 100%);
+            padding: 12px 24px;
             border-radius: var(--radius-full);
             box-shadow: var(--shadow-raised);
             z-index: 200;
@@ -1813,14 +2241,14 @@
 <body>
     <div id="app" class="container" v-cloak>
         <!-- 主标题 -->
-        <h1 class="main-title">
+        <h1 v-if="!sessionStandalone" class="main-title">
             Codex<br>
             <span class="accent">Mate.</span>
         </h1>
-        <p class="subtitle">本地配置中枢，统一管理 Codex / Claude Code / OpenClaw / 会话。</p>
+        <p v-if="!sessionStandalone" class="subtitle">本地配置中枢，统一管理 Codex / Claude Code / OpenClaw / 会话。</p>
 
         <!-- 模式切换器 -->
-        <div class="segmented-control">
+        <div v-if="!sessionStandalone" class="segmented-control">
             <button :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">
                 Codex 配置
             </button>
@@ -1874,7 +2302,7 @@
                         placeholder="例如: gpt-5.3-codex"
                     >
                     <div class="config-template-hint" v-if="modelsSource === 'unlimited'">
-                        当前提供商未提供模型列表，视为不限；模型可手动输入。
+                        当前提供商未提供模型列表，视为不限。模型可手动输入。
                     </div>
                     <div class="config-template-hint" v-if="modelsSource === 'error'">
                         模型列表获取失败，请检查接口或手动输入。
@@ -1927,30 +2355,9 @@
                     <div class="selector-header">
                         <span class="selector-title">配置健康检查</span>
                     </div>
-                    <div class="config-template-hint">
-                        检测 base_url、API Key 与模型可用性（可选远程探测会发起真实请求，可能产生费用）。
-                    </div>
-                    <div class="config-template-hint">
-                        <label class="health-remote-toggle">
-                            <input type="checkbox" v-model="healthCheckRemote">
-                            启用远程探测（请求 base_url 与 /v1/models）
-                        </label>
-                    </div>
                     <button class="btn-tool" @click="runHealthCheck" :disabled="healthCheckLoading || loading || !!initError">
                         {{ healthCheckLoading ? '检查中...' : '运行检查' }}
                     </button>
-                    <div v-if="healthCheckResult" class="health-report">
-                        <div v-if="healthCheckResult.ok" class="health-ok">未发现问题</div>
-                        <div v-else>
-                            <div
-                                v-for="(issue, index) in healthCheckResult.issues"
-                                :key="(issue.code || 'issue') + index"
-                                class="health-issue">
-                                <div class="health-issue-title">{{ issue.message }}</div>
-                                <div v-if="issue.suggestion" class="health-issue-suggestion">{{ issue.suggestion }}</div>
-                            </div>
-                        </div>
-                    </div>
                 </div>
 
                 <div v-if="!loading && !initError" class="card-list">
@@ -2067,7 +2474,7 @@
                     添加 OpenClaw 配置
                 </button>
                 <div class="config-template-hint">
-                    默认应用到 <code>~/.openclaw/openclaw.json</code>；支持 JSON5（注释/尾逗号）。
+                    默认应用到 <code>~/.openclaw/openclaw.json</code>。支持 JSON5（注释/尾逗号）。
                 </div>
 
                 <div class="selector-section">
@@ -2082,6 +2489,22 @@
                     </button>
                 </div>
 
+                <div class="selector-section">
+                    <div class="selector-header">
+                        <span class="selector-title">工作区文件</span>
+                    </div>
+                    <input
+                        class="form-input"
+                        v-model="openclawWorkspaceFileName"
+                        placeholder="例如: SOUL.md">
+                    <div class="config-template-hint">
+                        仅支持 OpenClaw Workspace 内的 <code>.md</code> 文件。
+                    </div>
+                    <button class="btn-tool" @click="openOpenclawWorkspaceEditor" :disabled="loading || !!initError || agentsLoading">
+                        {{ agentsLoading ? '加载中...' : '打开工作区文件' }}
+                    </button>
+                </div>
+
                 <div class="card-list">
                     <div v-for="(config, name) in openclawConfigs" :key="name"
                          :class="['card', { active: currentOpenclawConfig === name }]"
@@ -2116,12 +2539,29 @@
                 </div>
             </div>
 
-            <!-- 会话浏览模式 -->
-            <div v-show="configMode === 'sessions'" class="mode-content">
-                <div class="selector-section">
-                    <div class="selector-header">
-                        <span class="selector-title">会话来源</span>
-                    </div>
+            <!-- 会话浏览模式 -->
+            <div v-show="configMode === 'sessions'" class="mode-content">
+                <div v-if="sessionStandalone" class="session-standalone-page">
+                    <div v-if="sessionStandaloneLoading" class="state-message">
+                        加载中...
+                    </div>
+                    <div v-else-if="sessionStandaloneError" class="state-message error">
+                        {{ sessionStandaloneError }}
+                    </div>
+                    <div v-else>
+                        <div class="session-standalone-title">
+                            {{ sessionStandaloneTitle }}
+                            <span v-if="sessionStandaloneSourceLabel"> · {{ sessionStandaloneSourceLabel }}</span>
+                        </div>
+                        <pre class="session-standalone-text">{{ sessionStandaloneText }}</pre>
+                    </div>
+                </div>
+
+                <div v-else>
+                <div v-if="!sessionStandalone" class="selector-section">
+                    <div class="selector-header">
+                        <span class="selector-title">会话来源</span>
+                    </div>
                     <div class="session-toolbar">
                         <div class="session-toolbar-group">
                             <select class="session-source-select" v-model="sessionFilterSource" @change="onSessionSourceChange" :disabled="sessionsLoading">
@@ -2143,8 +2583,8 @@
                                 class="session-query-input"
                                 v-model="sessionQuery"
                                 @keyup.enter="loadSessions"
-                                disabled
-                                placeholder="关键词检索（暂时停用）">
+                                :disabled="sessionsLoading || !isSessionQueryEnabled"
+                                :placeholder="sessionQueryPlaceholder">
                         </div>
                         <div class="session-toolbar-group">
                             <select
@@ -2178,21 +2618,22 @@
                         </div>
                     </div>
                     <div class="session-hint">
-                        关键词/角色/时间筛选暂不可用；<br>
+                        关键词检索仅 Codex 可用；<br>
+                        角色/时间筛选暂不可用；<br>
                         仅支持来源与路径筛选，右侧仅查看/导出。
                     </div>
                 </div>
 
-                <div v-if="sessionsLoading" class="state-message">
+                <div v-if="!sessionStandalone && sessionsLoading" class="state-message">
                     会话加载中...
                 </div>
 
-                <div v-else-if="sessionsList.length === 0" class="session-empty">
+                <div v-else-if="!sessionStandalone && sessionsList.length === 0" class="session-empty">
                     暂无可用会话记录
                 </div>
 
-                <div v-else class="session-layout">
-                    <div class="session-list">
+                <div v-else :class="['session-layout', { 'session-standalone': sessionStandalone }]">
+                    <div v-if="!sessionStandalone" class="session-list">
                         <div
                             v-for="session in sessionsList"
                             :key="session.source + '-' + session.sessionId + '-' + session.filePath"
@@ -2220,6 +2661,21 @@
                                             <path d="M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"></path>
                                         </svg>
                                     </button>
+                                    <button
+                                        v-if="isDeleteAvailable(session)"
+                                        class="session-item-delete"
+                                        @click.stop="deleteSession(session)"
+                                        :disabled="sessionsLoading || sessionDeleting[getSessionExportKey(session)]"
+                                        aria-label="删除会话"
+                                        title="删除会话">
+                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                            <path d="M3 6h18"></path>
+                                            <path d="M8 6V4h8v2"></path>
+                                            <path d="M19 6l-1 14H6L5 6"></path>
+                                            <path d="M10 11v6"></path>
+                                            <path d="M14 11v6"></path>
+                                        </svg>
+                                    </button>
                                 </div>
                             </div>
                             <div class="session-item-meta">
@@ -2248,16 +2704,37 @@
                                             <span class="session-preview-meta-item">{{ activeSession.cwd }}</span>
                                         </div>
                                     </div>
-                                    <div class="session-actions">
+                                    <div v-if="!sessionStandalone" class="session-actions">
                                         <button class="btn-session-refresh" @click="loadActiveSessionDetail" :disabled="sessionDetailLoading || !activeSession">
                                             {{ sessionDetailLoading ? '加载中...' : '刷新内容' }}
                                         </button>
+                                        <button
+                                            v-if="isCloneAvailable(activeSession)"
+                                            class="btn-session-clone"
+                                            @click="cloneSession(activeSession)"
+                                            :disabled="!activeSession || sessionsLoading || sessionCloning[getSessionExportKey(activeSession)]">
+                                            {{ (activeSession && sessionCloning[getSessionExportKey(activeSession)]) ? '克隆中...' : '克隆会话' }}
+                                        </button>
+                                        <button
+                                            v-if="isDeleteAvailable(activeSession)"
+                                            class="btn-session-delete"
+                                            @click="deleteSession(activeSession)"
+                                            :disabled="!activeSession || sessionsLoading || sessionDeleting[getSessionExportKey(activeSession)]">
+                                            {{ (activeSession && sessionDeleting[getSessionExportKey(activeSession)]) ? '删除中...' : '删除会话' }}
+                                        </button>
                                         <button
                                             class="btn-session-export"
                                             @click="exportSession(activeSession)"
                                             :disabled="!activeSession || sessionExporting[getSessionExportKey(activeSession)]">
                                             {{ (activeSession && sessionExporting[getSessionExportKey(activeSession)]) ? '导出中...' : '导出记录' }}
                                         </button>
+                                        <button
+                                            v-if="!sessionStandalone"
+                                            class="btn-session-open"
+                                            @click="openSessionStandalone(activeSession)"
+                                            :disabled="!activeSession">
+                                            新页查看
+                                        </button>
                                     </div>
                                 </div>
 
@@ -2293,12 +2770,14 @@
                             </div>
                         </template>
 
-                        <div v-else class="session-preview-empty">
-                            请先在左侧选择一个会话
-                        </div>
-                    </div>
-                </div>
-            </div>
+                    <div v-else class="session-preview-empty">
+                        <span v-if="sessionStandaloneError">{{ sessionStandaloneError }}</span>
+                        <span v-else>请先在左侧选择一个会话</span>
+                    </div>
+                </div>
+                </div>
+                </div>
+            </div>
 
             <!-- 加载状态 -->
             <div v-if="loading" class="state-message">
@@ -2471,6 +2950,233 @@
                     </div>
                 </div>
 
+                <div class="quick-section">
+                    <div class="quick-header">
+                        <div>
+                            <div class="quick-title">新手快速配置</div>
+                            <div class="form-hint">按 3 步完成：填 Provider 和模型，写入编辑器，保存并应用。</div>
+                        </div>
+                        <div class="quick-actions">
+                            <button class="btn-mini" @click="syncOpenclawQuickFromText">从编辑器读取</button>
+                            <button class="btn-mini" @click="resetOpenclawQuick">清空</button>
+                        </div>
+                    </div>
+                    <div class="quick-steps">
+                        <div class="quick-step"><span class="step-badge">1</span><span>填写 Provider 与模型</span></div>
+                        <div class="quick-step"><span class="step-badge">2</span><span>点击写入编辑器</span></div>
+                        <div class="quick-step"><span class="step-badge">3</span><span>保存并应用</span></div>
+                    </div>
+                    <div class="quick-grid">
+                        <div class="quick-card">
+                            <div class="structured-card-title">Provider</div>
+                            <div class="form-group">
+                                <label class="form-label">Provider 名称</label>
+                                <input v-model="openclawQuick.providerName" class="form-input" placeholder="例如: custom-myapi">
+                                <div class="form-hint">会拼成 provider/model 作为主模型标识。</div>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">Base URL</label>
+                                <input v-model="openclawQuick.baseUrl" class="form-input" placeholder="https://api.example.com/v1">
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">API Key</label>
+                                <div class="list-row">
+                                    <input v-model="openclawQuick.apiKey" class="form-input" :type="openclawQuick.showKey ? 'text' : 'password'" placeholder="sk-...">
+                                    <button class="btn-mini" @click="toggleOpenclawQuickKey">
+                                        {{ openclawQuick.showKey ? '隐藏' : '显示' }}
+                                    </button>
+                                </div>
+                                <div class="form-hint">留空表示不覆盖现有 key。</div>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">API 类型</label>
+                                <input v-model="openclawQuick.apiType" class="form-input" list="openclawApiTypeList" placeholder="例如: openai-responses">
+                                <datalist id="openclawApiTypeList">
+                                    <option value="openai-responses"></option>
+                                    <option value="openai-chat"></option>
+                                    <option value="anthropic"></option>
+                                    <option value="custom"></option>
+                                </datalist>
+                            </div>
+                        </div>
+
+                        <div class="quick-card">
+                            <div class="structured-card-title">模型</div>
+                            <div class="form-group">
+                                <label class="form-label">模型 ID</label>
+                                <input v-model="openclawQuick.modelId" class="form-input" placeholder="例如: gpt-4.1">
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">展示名称</label>
+                                <input v-model="openclawQuick.modelName" class="form-input" placeholder="留空则使用模型 ID">
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">上下文与最大输出</label>
+                                <div class="list-row">
+                                    <input v-model="openclawQuick.contextWindow" class="form-input" placeholder="上下文长度">
+                                    <input v-model="openclawQuick.maxTokens" class="form-input" placeholder="最大输出">
+                                </div>
+                                <div class="form-hint">留空表示不改动已有配置。</div>
+                            </div>
+                        </div>
+
+                        <div class="quick-card">
+                            <div class="structured-card-title">选项</div>
+                            <label class="quick-option">
+                                <input type="checkbox" v-model="openclawQuick.setPrimary">
+                                设为主模型
+                            </label>
+                            <label class="quick-option">
+                                <input type="checkbox" v-model="openclawQuick.overrideProvider">
+                                覆盖同名 Provider 基础信息
+                            </label>
+                            <label class="quick-option">
+                                <input type="checkbox" v-model="openclawQuick.overrideModels">
+                                覆盖同名模型列表
+                            </label>
+                            <div class="form-hint">关闭覆盖会只补空缺字段。</div>
+                        </div>
+                    </div>
+                    <div class="btn-group">
+                        <button class="btn btn-confirm" @click="applyOpenclawQuickToText">写入编辑器</button>
+                    </div>
+                </div>
+
+                <div class="structured-section">
+                    <div class="structured-header">
+                        <span class="structured-title">结构化配置（高级）</span>
+                        <span class="form-hint">写入编辑器会重排 JSON，注释可能丢失。</span>
+                    </div>
+                    <div class="structured-grid">
+                        <div class="structured-card">
+                            <div class="structured-card-title">Agents Defaults</div>
+                            <div class="form-group">
+                                <label class="form-label">主模型</label>
+                                <input v-model="openclawStructured.agentPrimary" class="form-input" placeholder="例如: provider/model">
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">备选模型</label>
+                                <div class="list-row" v-for="(item, index) in openclawStructured.agentFallbacks" :key="'fallback-' + index">
+                                    <input v-model="openclawStructured.agentFallbacks[index]" class="form-input" placeholder="例如: provider/model">
+                                    <button class="btn-mini delete" @click="removeOpenclawFallback(index)">删除</button>
+                                </div>
+                                <button class="btn-mini" @click="addOpenclawFallback">添加备选</button>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">Workspace</label>
+                                <input v-model="openclawStructured.workspace" class="form-input" placeholder="例如: ~/.openclaw/workspace">
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">Timeout(s)</label>
+                                <input v-model="openclawStructured.timeout" class="form-input" placeholder="例如: 600">
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">Context Tokens</label>
+                                <input v-model="openclawStructured.contextTokens" class="form-input" placeholder="例如: 4096">
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">Max Concurrent</label>
+                                <input v-model="openclawStructured.maxConcurrent" class="form-input" placeholder="例如: 2">
+                            </div>
+                        </div>
+
+                        <div class="structured-card">
+                            <div class="structured-card-title">Env</div>
+                            <div class="form-group">
+                                <label class="form-label">环境变量</label>
+                                <div class="list-row" v-for="(item, index) in openclawStructured.envItems" :key="'env-' + index">
+                                    <input v-model="item.key" class="form-input" placeholder="KEY">
+                                    <input v-model="item.value" class="form-input" :type="item.show ? 'text' : 'password'" placeholder="VALUE">
+                                    <button class="btn-mini" @click="toggleOpenclawEnvItem(index)">
+                                        {{ item.show ? '隐藏' : '显示' }}
+                                    </button>
+                                    <button class="btn-mini delete" @click="removeOpenclawEnvItem(index)">删除</button>
+                                </div>
+                                <button class="btn-mini" @click="addOpenclawEnvItem">添加变量</button>
+                            </div>
+                        </div>
+
+                        <div class="structured-card">
+                            <div class="structured-card-title">Tools</div>
+                            <div class="form-group">
+                                <label class="form-label">Profile</label>
+                                <select v-model="openclawStructured.toolsProfile" class="form-input">
+                                    <option value="default">default</option>
+                                    <option value="strict">strict</option>
+                                    <option value="permissive">permissive</option>
+                                    <option value="custom">custom</option>
+                                </select>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">Allow</label>
+                                <div class="list-row" v-for="(item, index) in openclawStructured.toolsAllow" :key="'allow-' + index">
+                                    <input v-model="openclawStructured.toolsAllow[index]" class="form-input" placeholder="例如: fs.read*">
+                                    <button class="btn-mini delete" @click="removeOpenclawToolsAllow(index)">删除</button>
+                                </div>
+                                <button class="btn-mini" @click="addOpenclawToolsAllow">添加 allow</button>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-label">Deny</label>
+                                <div class="list-row" v-for="(item, index) in openclawStructured.toolsDeny" :key="'deny-' + index">
+                                    <input v-model="openclawStructured.toolsDeny[index]" class="form-input" placeholder="例如: net.*">
+                                    <button class="btn-mini delete" @click="removeOpenclawToolsDeny(index)">删除</button>
+                                </div>
+                                <button class="btn-mini" @click="addOpenclawToolsDeny">添加 deny</button>
+                            </div>
+                        </div>
+
+                        <div class="structured-card">
+                            <div class="structured-card-title">Providers（只读）</div>
+                            <div v-if="openclawProviders.length === 0" class="form-hint">
+                                未发现 providers 配置（可能使用内置 provider 或 auth profiles）。
+                            </div>
+                            <div v-else class="provider-list">
+                                <div class="provider-item" v-for="(provider, index) in openclawProviders" :key="provider.key + '-' + provider.source + '-' + index">
+                                    <div class="provider-header">
+                                        <span class="provider-name">{{ provider.key }}</span>
+                                        <span class="provider-source">来源: {{ provider.source }}</span>
+                                        <span v-if="provider.isActive" class="pill configured">使用中</span>
+                                    </div>
+                                    <div v-if="provider.fields.length === 0" class="form-hint">未配置字段</div>
+                                    <div v-else class="provider-fields">
+                                        <div class="provider-field" v-for="field in provider.fields" :key="provider.key + '-' + field.key">
+                                            <span class="provider-field-key">{{ field.key }}</span>
+                                            <span class="provider-field-value">{{ field.value }}</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div v-if="openclawMissingProviders.length" class="form-hint">
+                                使用中的 provider 未在配置中显示：{{ openclawMissingProviders.join(', ') }}。
+                            </div>
+                        </div>
+
+                        <div class="structured-card">
+                            <div class="structured-card-title">Agents（只读）</div>
+                            <div v-if="openclawAgentsList.length === 0" class="form-hint">
+                                未发现 agents.list 配置。
+                            </div>
+                            <div v-else class="agent-list">
+                                <div class="agent-item" v-for="(agent, index) in openclawAgentsList" :key="agent.key + '-' + index">
+                                    <div class="agent-header">
+                                        <span class="agent-name">{{ agent.name }}</span>
+                                        <span class="agent-id">ID: {{ agent.id }}</span>
+                                    </div>
+                                    <div class="agent-meta" v-if="agent.theme || agent.emoji || agent.avatar">
+                                        <span v-if="agent.theme">主题: {{ agent.theme }}</span>
+                                        <span v-if="agent.emoji">表情: {{ agent.emoji }}</span>
+                                        <span v-if="agent.avatar">头像: {{ agent.avatar }}</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="btn-group">
+                        <button class="btn btn-confirm secondary" @click="syncOpenclawStructuredFromText">从文本刷新</button>
+                        <button class="btn btn-confirm" @click="applyOpenclawStructuredToText">写入编辑器</button>
+                    </div>
+                </div>
+
                 <div class="form-group">
                     <label class="form-label">OpenClaw 配置（JSON5）</label>
                     <textarea
@@ -2479,7 +3185,7 @@
                         spellcheck="false"
                         placeholder="在这里编辑 OpenClaw 配置（JSON5）"></textarea>
                     <div class="template-editor-warning">
-                        保存仅写入本地配置库；点击“保存并应用”后会写入 openclaw.json。
+                        保存仅写入本地配置库。点击“保存并应用”后会写入 openclaw.json。
                     </div>
                 </div>
 
@@ -2507,7 +3213,7 @@
                         spellcheck="false"
                         placeholder="在这里编辑 config.toml 模板内容"></textarea>
                     <div class="template-editor-warning">
-                        工具不会自动改动 `config.toml`；只有点击“确认应用模板”后才写入。
+                        工具不会自动改动 `config.toml`。只有点击“确认应用模板”后才写入。
                     </div>
                 </div>
 
@@ -2522,7 +3228,15 @@
 
         <div v-if="showAgentsModal" class="modal-overlay" @click.self="closeAgentsModal">
             <div class="modal modal-wide">
-                <div class="modal-title">{{ agentsModalTitle }}</div>
+                <div class="modal-header">
+                    <div class="modal-title">{{ agentsModalTitle }}</div>
+                    <button
+                        class="btn-mini btn-modal-copy"
+                        @click="copyAgentsContent"
+                        :disabled="agentsLoading">
+                        复制
+                    </button>
+                </div>
 
                 <div class="form-group">
                     <label class="form-label">目标文件</label>
@@ -2564,7 +3278,9 @@
 
     <script>
         const { createApp } = Vue;
-        const API_BASE = 'http://localhost:3737';
+        const API_BASE = (location && location.origin && location.origin !== 'null')
+            ? location.origin
+            : 'http://localhost:3737';
         const DEFAULT_OPENCLAW_TEMPLATE = `{
   // OpenClaw config (JSON5)
   agent: {
@@ -2646,13 +3362,22 @@
                     },
                     sessionPathRequestSeq: 0,
                     sessionExporting: {},
+                    sessionCloning: {},
+                    sessionDeleting: {},
                     activeSession: null,
                     activeSessionMessages: [],
                     activeSessionDetailError: '',
                     activeSessionDetailClipped: false,
-                    sessionDetailLoading: false,
-                    sessionDetailRequestSeq: 0,
-                    speedResults: {},
+                    sessionDetailLoading: false,
+                    sessionDetailRequestSeq: 0,
+                    sessionStandalone: false,
+                    sessionStandaloneError: '',
+                    sessionStandaloneText: '',
+                    sessionStandaloneTitle: '',
+                    sessionStandaloneSourceLabel: '',
+                    sessionStandaloneLoading: false,
+                    sessionStandaloneRequestSeq: 0,
+                    speedResults: {},
                     speedLoading: {},
                     newProvider: { name: '', url: '', key: '' },
                     editingProvider: { name: '', url: '', key: '' },
@@ -2688,6 +3413,37 @@
                     openclawFileLoading: false,
                     openclawSaving: false,
                     openclawApplying: false,
+                    openclawWorkspaceFileName: 'SOUL.md',
+                    agentsWorkspaceFileName: '',
+                    openclawStructured: {
+                        agentPrimary: '',
+                        agentFallbacks: [],
+                        workspace: '',
+                        timeout: '',
+                        contextTokens: '',
+                        maxConcurrent: '',
+                        envItems: [],
+                        toolsProfile: 'default',
+                        toolsAllow: [],
+                        toolsDeny: []
+                    },
+                    openclawQuick: {
+                        providerName: '',
+                        baseUrl: '',
+                        apiKey: '',
+                        apiType: 'openai-responses',
+                        modelId: '',
+                        modelName: '',
+                        contextWindow: '',
+                        maxTokens: '',
+                        setPrimary: true,
+                        overrideProvider: true,
+                        overrideModels: true,
+                        showKey: false
+                    },
+                    openclawAgentsList: [],
+                    openclawProviders: [],
+                    openclawMissingProviders: [],
                     recentConfigs: [],
                     recentLoading: false,
                     healthCheckLoading: false,
@@ -2696,6 +3452,7 @@
                 }
             },
             mounted() {
+                this.initSessionStandalone();
                 const savedConfigs = localStorage.getItem('claudeConfigs');
                 if (savedConfigs) {
                     try {
@@ -2742,6 +3499,15 @@
                 }
                 this.loadAll();
             },
+
+            computed: {
+                isSessionQueryEnabled() {
+                    return this.sessionFilterSource === 'codex';
+                },
+                sessionQueryPlaceholder() {
+                    return this.isSessionQueryEnabled ? '关键词检索' : '仅 Codex 支持关键词检索';
+                }
+            },
             methods: {
                 async loadAll() {
                     this.loading = true;
@@ -2758,7 +3524,7 @@
                             this.providersList = listRes.providers;
                             await this.loadModelsForProvider(this.currentProvider);
                             if (statusRes.configReady === false) {
-                                this.showMessage(statusRes.configNotice || '未检测到 config.toml，已加载默认模板；请在模板编辑器确认后创建。', 'info');
+                                this.showMessage(statusRes.configNotice || '未检测到 config.toml，已加载默认模板。请在模板编辑器确认后创建。', 'info');
                             }
                             if (statusRes.initNotice) {
                                 this.showMessage(statusRes.initNotice, 'info');
@@ -2901,6 +3667,100 @@
                     }
                 },
 
+                getSessionStandaloneContext() {
+                    try {
+                        const url = new URL(window.location.href);
+                        if (url.pathname !== '/session') {
+                            return { requested: false, params: null, error: '' };
+                        }
+
+                        const source = (url.searchParams.get('source') || '').trim().toLowerCase();
+                        const sessionId = (url.searchParams.get('sessionId') || url.searchParams.get('id') || '').trim();
+                        const filePath = (url.searchParams.get('filePath') || url.searchParams.get('path') || '').trim();
+                        let error = '';
+                        if (!source) {
+                            error = '缺少 source 参数';
+                        } else if (source !== 'codex' && source !== 'claude') {
+                            error = 'source 仅支持 codex 或 claude';
+                        }
+                        if (!sessionId && !filePath) {
+                            error = error ? `${error}，还缺少 sessionId 或 filePath` : '缺少 sessionId 或 filePath 参数';
+                        }
+
+                        if (error) {
+                            return { requested: true, params: null, error };
+                        }
+
+                        return {
+                            requested: true,
+                            params: {
+                                source,
+                                sessionId,
+                                filePath
+                            },
+                            error: ''
+                        };
+                    } catch (_) {
+                        return { requested: false, params: null, error: '' };
+                    }
+                },
+
+                initSessionStandalone() {
+                    const context = this.getSessionStandaloneContext();
+                    if (!context.requested) return;
+
+                    this.sessionStandalone = true;
+                    this.configMode = 'sessions';
+
+                    if (context.error || !context.params) {
+                        this.sessionStandaloneError = `会话链接参数不完整：${context.error || '参数解析失败'}`;
+                        return;
+                    }
+
+                    const sourceLabel = context.params.source === 'codex' ? 'Codex' : 'Claude Code';
+                    this.activeSession = {
+                        source: context.params.source,
+                        sourceLabel,
+                        sessionId: context.params.sessionId,
+                        filePath: context.params.filePath,
+                        title: context.params.sessionId || context.params.filePath || '会话'
+                    };
+                    this.activeSessionMessages = [];
+                    this.activeSessionDetailError = '';
+                    this.activeSessionDetailClipped = false;
+                    this.sessionStandaloneError = '';
+                    this.sessionStandaloneText = '';
+                    this.sessionStandaloneTitle = this.activeSession.title || '会话';
+                    this.sessionStandaloneSourceLabel = sourceLabel;
+                    this.loadSessionStandalonePlain();
+                },
+
+                buildSessionStandaloneUrl(session) {
+                    if (!session) return '';
+                    const source = typeof session.source === 'string' ? session.source.trim().toLowerCase() : '';
+                    if (!source || (source !== 'codex' && source !== 'claude')) return '';
+                    const sessionId = typeof session.sessionId === 'string' ? session.sessionId.trim() : '';
+                    const filePath = typeof session.filePath === 'string' ? session.filePath.trim() : '';
+                    if (!sessionId && !filePath) return '';
+                    const origin = window.location.origin && window.location.origin !== 'null'
+                        ? window.location.origin
+                        : API_BASE;
+                    const params = new URLSearchParams();
+                    params.set('source', source);
+                    if (sessionId) params.set('sessionId', sessionId);
+                    if (filePath) params.set('filePath', filePath);
+                    return `${origin}/session?${params.toString()}`;
+                },
+
+                openSessionStandalone(session) {
+                    const url = this.buildSessionStandaloneUrl(session);
+                    if (!url) {
+                        this.showMessage('当前会话无法生成新页链接', 'error');
+                        return;
+                    }
+                    window.open(url, '_blank', 'noopener');
+                },
+
                 getSessionExportKey(session) {
                     return `${session.source || 'unknown'}:${session.sessionId || ''}:${session.filePath || ''}`;
                 },
@@ -2912,6 +3772,23 @@
                     return source === 'codex' && !!sessionId;
                 },
 
+                isCloneAvailable(session) {
+                    if (!session) return false;
+                    const source = String(session.source || '').trim().toLowerCase();
+                    const sessionId = typeof session.sessionId === 'string' ? session.sessionId.trim() : '';
+                    const filePath = typeof session.filePath === 'string' ? session.filePath.trim() : '';
+                    return source === 'codex' && (!!sessionId || !!filePath);
+                },
+
+                isDeleteAvailable(session) {
+                    if (!session) return false;
+                    const source = String(session.source || '').trim().toLowerCase();
+                    if (source !== 'codex' && source !== 'claude') return false;
+                    const sessionId = typeof session.sessionId === 'string' ? session.sessionId.trim() : '';
+                    const filePath = typeof session.filePath === 'string' ? session.filePath.trim() : '';
+                    return !!sessionId || !!filePath;
+                },
+
                 buildResumeCommand(session) {
                     const sessionId = session && session.sessionId ? String(session.sessionId).trim() : '';
                     return `codex resume ${this.quoteResumeArg(sessionId)}`;
@@ -2948,6 +3825,20 @@
                     }
                 },
 
+                copyAgentsContent() {
+                    const text = typeof this.agentsContent === 'string' ? this.agentsContent : '';
+                    if (!text) {
+                        this.showMessage('没有可复制的内容', 'info');
+                        return;
+                    }
+                    const ok = this.fallbackCopyText(text);
+                    if (ok) {
+                        this.showMessage('已复制 AGENTS.md 内容', 'success');
+                        return;
+                    }
+                    this.showMessage('复制失败，请手动复制内容', 'error');
+                },
+
                 async copyResumeCommand(session) {
                     if (!this.isResumeCommandAvailable(session)) {
                         this.showMessage('当前会话不支持生成恢复命令', 'error');
@@ -2971,6 +3862,71 @@
                     this.showMessage('复制失败，请手动复制命令', 'error');
                 },
 
+                async cloneSession(session) {
+                    if (!this.isCloneAvailable(session)) {
+                        this.showMessage('当前会话不支持克隆', 'error');
+                        return;
+                    }
+                    const key = this.getSessionExportKey(session);
+                    if (this.sessionCloning[key]) {
+                        return;
+                    }
+                    this.sessionCloning[key] = true;
+                    try {
+                        const res = await api('clone-session', {
+                            source: session.source,
+                            sessionId: session.sessionId,
+                            filePath: session.filePath
+                        });
+                        if (res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+
+                        this.showMessage('会话已克隆', 'success');
+                        await this.loadSessions();
+                        if (res.sessionId) {
+                            const matched = this.sessionsList.find(item => item.source === 'codex' && item.sessionId === res.sessionId);
+                            if (matched) {
+                                await this.selectSession(matched);
+                            }
+                        }
+                    } catch (e) {
+                        this.showMessage('克隆失败: ' + e.message, 'error');
+                    } finally {
+                        this.sessionCloning[key] = false;
+                    }
+                },
+
+                async deleteSession(session) {
+                    if (!this.isDeleteAvailable(session)) {
+                        this.showMessage('当前会话不支持删除', 'error');
+                        return;
+                    }
+                    const key = this.getSessionExportKey(session);
+                    if (this.sessionDeleting[key]) {
+                        return;
+                    }
+                    this.sessionDeleting[key] = true;
+                    try {
+                        const res = await api('delete-session', {
+                            source: session.source,
+                            sessionId: session.sessionId,
+                            filePath: session.filePath
+                        });
+                        if (res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        this.showMessage('会话已删除', 'success');
+                        await this.loadSessions();
+                    } catch (e) {
+                        this.showMessage('删除失败: ' + e.message, 'error');
+                    } finally {
+                        this.sessionDeleting[key] = false;
+                    }
+                },
+
                 normalizeSessionPathValue(value) {
                     if (typeof value !== 'string') return '';
                     return value.trim();
@@ -3134,7 +4090,7 @@
                     if (this.sessionsLoading) return;
                     this.sessionsLoading = true;
                     this.activeSessionDetailError = '';
-                    const query = this.sessionQuery;
+                    const query = this.isSessionQueryEnabled ? this.sessionQuery : '';
                     try {
                         const res = await api('list-sessions', {
                             source: this.sessionFilterSource,
@@ -3142,7 +4098,7 @@
                             query,
                             queryMode: 'and',
                             queryScope: 'content',
-                            contentScanLimit: 2,
+                            contentScanLimit: 50,
                             roleFilter: this.sessionRoleFilter,
                             timeRangePreset: this.sessionTimePreset,
                             limit: 200,
@@ -3184,21 +4140,66 @@
                     }
                 },
 
-                async selectSession(session) {
-                    if (!session) return;
-                    if (this.activeSession && this.getSessionExportKey(this.activeSession) === this.getSessionExportKey(session)) return;
-                    this.activeSession = session;
-                    this.activeSessionMessages = [];
-                    this.activeSessionDetailError = '';
-                    this.activeSessionDetailClipped = false;
-                    await this.loadActiveSessionDetail();
-                },
-
-                async loadActiveSessionDetail() {
-                    if (!this.activeSession) {
-                        this.activeSessionMessages = [];
-                        this.activeSessionDetailError = '';
-                        this.activeSessionDetailClipped = false;
+                async selectSession(session) {
+                    if (!session) return;
+                    if (this.activeSession && this.getSessionExportKey(this.activeSession) === this.getSessionExportKey(session)) return;
+                    this.activeSession = session;
+                    this.activeSessionMessages = [];
+                    this.activeSessionDetailError = '';
+                    this.activeSessionDetailClipped = false;
+                    await this.loadActiveSessionDetail();
+                },
+
+                async loadSessionStandalonePlain() {
+                    if (!this.activeSession) {
+                        this.sessionStandaloneText = '';
+                        this.sessionStandaloneTitle = '会话';
+                        this.sessionStandaloneSourceLabel = '';
+                        this.sessionStandaloneError = '';
+                        return;
+                    }
+
+                    const requestSeq = ++this.sessionStandaloneRequestSeq;
+                    this.sessionStandaloneLoading = true;
+                    this.sessionStandaloneError = '';
+                    try {
+                        const res = await api('session-plain', {
+                            source: this.activeSession.source,
+                            sessionId: this.activeSession.sessionId,
+                            filePath: this.activeSession.filePath
+                        });
+
+                        if (requestSeq !== this.sessionStandaloneRequestSeq) {
+                            return;
+                        }
+
+                        if (res.error) {
+                            this.sessionStandaloneText = '';
+                            this.sessionStandaloneError = res.error;
+                            return;
+                        }
+
+                        this.sessionStandaloneSourceLabel = res.sourceLabel || this.activeSession.sourceLabel || '';
+                        this.sessionStandaloneTitle = res.sessionId || this.activeSession.title || '会话';
+                        this.sessionStandaloneText = typeof res.text === 'string' ? res.text : '';
+                    } catch (e) {
+                        if (requestSeq !== this.sessionStandaloneRequestSeq) {
+                            return;
+                        }
+                        this.sessionStandaloneText = '';
+                        this.sessionStandaloneError = '加载会话内容失败: ' + e.message;
+                    } finally {
+                        if (requestSeq === this.sessionStandaloneRequestSeq) {
+                            this.sessionStandaloneLoading = false;
+                        }
+                    }
+                },
+
+                async loadActiveSessionDetail() {
+                    if (!this.activeSession) {
+                        this.activeSessionMessages = [];
+                        this.activeSessionDetailError = '';
+                        this.activeSessionDetailClipped = false;
                         return;
                     }
 
@@ -3226,6 +4227,20 @@
 
                         this.activeSessionMessages = Array.isArray(res.messages) ? res.messages : [];
                         this.activeSessionDetailClipped = !!res.clipped;
+                        if (this.activeSession) {
+                            if (res.sourceLabel) {
+                                this.activeSession.sourceLabel = res.sourceLabel;
+                            }
+                            if (res.sessionId) {
+                                this.activeSession.sessionId = res.sessionId;
+                                if (!this.activeSession.title) {
+                                    this.activeSession.title = res.sessionId;
+                                }
+                            }
+                            if (res.filePath) {
+                                this.activeSession.filePath = res.filePath;
+                            }
+                        }
                         if (res.updatedAt) {
                             this.activeSession.updatedAt = res.updatedAt;
                         }
@@ -3270,17 +4285,22 @@
                             sessionId: session.sessionId,
                             filePath: session.filePath
                         });
-                        if (res.error) {
-                            this.showMessage(res.error, 'error');
-                            return;
-                        }
-
-                        const fileName = res.fileName || `${session.source || 'session'}-${session.sessionId || Date.now()}.md`;
-                        this.downloadTextFile(fileName, res.content || '');
-                        this.showMessage('会话导出完成', 'success');
-                    } catch (e) {
-                        this.showMessage('导出失败: ' + e.message, 'error');
-                    } finally {
+                        if (res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+
+                        const fileName = res.fileName || `${session.source || 'session'}-${session.sessionId || Date.now()}.md`;
+                        this.downloadTextFile(fileName, res.content || '');
+                        if (res.truncated) {
+                            const maxLabel = res.maxMessages === 'all' ? 'all' : res.maxMessages;
+                            this.showMessage(`会话导出完成（已截断：最多 ${maxLabel} 条消息）`, 'info');
+                        } else {
+                            this.showMessage('会话导出完成', 'success');
+                        }
+                    } catch (e) {
+                        this.showMessage('导出失败: ' + e.message, 'error');
+                    } finally {
                         this.sessionExporting[key] = false;
                     }
                 },
@@ -3328,14 +4348,44 @@
                     this.healthCheckResult = null;
                     try {
                         const res = await api('config-health-check', {
-                            remote: this.healthCheckRemote
+                            remote: false
                         });
                         if (res && typeof res === 'object') {
-                            this.healthCheckResult = res;
-                            if (res.ok) {
+                            const issues = Array.isArray(res.issues) ? [...res.issues] : [];
+                            let remote = res.remote || null;
+                            {
+                                const providers = (this.providersList || [])
+                                    .filter(provider => provider && provider.name);
+                                const tasks = providers.map(provider =>
+                                    this.runSpeedTest(provider.name, { silent: true })
+                                        .then(result => ({ name: provider.name, result }))
+                                        .catch(err => ({
+                                            name: provider.name,
+                                            result: { ok: false, error: err && err.message ? err.message : 'Speed test failed' }
+                                        }))
+                                );
+                                const pairs = await Promise.all(tasks);
+                                const results = {};
+                                for (const pair of pairs) {
+                                    results[pair.name] = pair.result || null;
+                                    const issue = this.buildSpeedTestIssue(pair.name, pair.result);
+                                    if (issue) issues.push(issue);
+                                }
+                                remote = {
+                                    type: 'speed-test',
+                                    results
+                                };
+                            }
+
+                            const ok = issues.length === 0;
+                            this.healthCheckResult = {
+                                ...res,
+                                ok,
+                                issues,
+                                remote
+                            };
+                            if (ok) {
                                 this.showMessage('健康检查通过', 'success');
-                            } else {
-                                this.showMessage('发现配置问题，请查看详情', 'error');
                             }
                         } else {
                             this.healthCheckResult = null;
@@ -3456,7 +4506,44 @@
                     }
                 },
 
-                setAgentsModalContext(context) {
+                async openOpenclawWorkspaceEditor() {
+                    const fileName = (this.openclawWorkspaceFileName || '').trim();
+                    if (!fileName) {
+                        this.showMessage('请输入工作区文件名', 'error');
+                        return;
+                    }
+                    this.setAgentsModalContext('openclaw-workspace', { fileName });
+                    this.agentsLoading = true;
+                    try {
+                        const res = await api('get-openclaw-workspace-file', { fileName });
+                        if (res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        if (res.configError) {
+                            this.showMessage(`OpenClaw 配置解析失败，已使用默认 Workspace：${res.configError}`, 'error');
+                        }
+                        this.agentsContent = res.content || '';
+                        this.agentsPath = res.path || '';
+                        this.agentsExists = !!res.exists;
+                        this.agentsLineEnding = res.lineEnding === '\r\n' ? '\r\n' : '\n';
+                        this.showAgentsModal = true;
+                    } catch (e) {
+                        this.showMessage('加载 OpenClaw 工作区文件失败: ' + e.message, 'error');
+                    } finally {
+                        this.agentsLoading = false;
+                    }
+                },
+
+                setAgentsModalContext(context, options = {}) {
+                    if (context === 'openclaw-workspace') {
+                        const fileName = (options.fileName || this.openclawWorkspaceFileName || 'AGENTS.md').trim();
+                        this.agentsContext = 'openclaw-workspace';
+                        this.agentsWorkspaceFileName = fileName;
+                        this.agentsModalTitle = `OpenClaw 工作区文件: ${fileName}`;
+                        this.agentsModalHint = `保存后会写入 OpenClaw Workspace 下的 ${fileName}。`;
+                        return;
+                    }
                     this.agentsContext = context === 'openclaw' ? 'openclaw' : 'codex';
                     if (this.agentsContext === 'openclaw') {
                         this.agentsModalTitle = 'OpenClaw AGENTS.md 编辑器';
@@ -3465,6 +4552,7 @@
                         this.agentsModalTitle = 'AGENTS.md 编辑器';
                         this.agentsModalHint = '保存后会写入目标 AGENTS.md（与 config.toml 同级）。';
                     }
+                    this.agentsWorkspaceFileName = '';
                 },
 
                 closeAgentsModal() {
@@ -3474,27 +4562,36 @@
                     this.agentsExists = false;
                     this.agentsLineEnding = '\n';
                     this.agentsSaving = false;
+                    this.agentsWorkspaceFileName = '';
                     this.setAgentsModalContext('codex');
                 },
 
                 async applyAgentsContent() {
                     this.agentsSaving = true;
                     try {
-                        const action = this.agentsContext === 'openclaw'
-                            ? 'apply-openclaw-agents-file'
-                            : 'apply-agents-file';
-                        const res = await api(action, {
+                        let action = 'apply-agents-file';
+                        const params = {
                             content: this.agentsContent,
                             lineEnding: this.agentsLineEnding
-                        });
+                        };
+                        if (this.agentsContext === 'openclaw') {
+                            action = 'apply-openclaw-agents-file';
+                        } else if (this.agentsContext === 'openclaw-workspace') {
+                            action = 'apply-openclaw-workspace-file';
+                            params.fileName = this.agentsWorkspaceFileName;
+                        }
+                        const res = await api(action, params);
                         if (res.error) {
                             this.showMessage(res.error, 'error');
                             return;
                         }
-                        this.showMessage('AGENTS.md 已保存', 'success');
+                        const successLabel = this.agentsContext === 'openclaw-workspace'
+                            ? `工作区文件已保存${this.agentsWorkspaceFileName ? `: ${this.agentsWorkspaceFileName}` : ''}`
+                            : (this.agentsContext === 'openclaw' ? 'OpenClaw AGENTS.md 已保存' : 'AGENTS.md 已保存');
+                        this.showMessage(successLabel, 'success');
                         this.closeAgentsModal();
                     } catch (e) {
-                        this.showMessage('保存 AGENTS.md 失败: ' + e.message, 'error');
+                        this.showMessage('保存文件失败: ' + e.message, 'error');
                     } finally {
                         this.agentsSaving = false;
                     }
@@ -3780,6 +4877,763 @@
                     };
                 },
 
+                getOpenclawParser() {
+                    if (window.JSON5 && typeof window.JSON5.parse === 'function' && typeof window.JSON5.stringify === 'function') {
+                        return {
+                            parse: window.JSON5.parse,
+                            stringify: window.JSON5.stringify
+                        };
+                    }
+                    return {
+                        parse: JSON.parse,
+                        stringify: JSON.stringify
+                    };
+                },
+
+                parseOpenclawContent(content, options = {}) {
+                    const allowEmpty = !!options.allowEmpty;
+                    const raw = typeof content === 'string' ? content.trim() : '';
+                    if (!raw) {
+                        if (allowEmpty) {
+                            return { ok: true, data: {} };
+                        }
+                        return { ok: false, error: '配置内容为空' };
+                    }
+                    try {
+                        const parser = this.getOpenclawParser();
+                        const data = parser.parse(raw);
+                        if (!data || typeof data !== 'object' || Array.isArray(data)) {
+                            return { ok: false, error: '配置格式错误（根节点必须是对象）' };
+                        }
+                        return { ok: true, data };
+                    } catch (e) {
+                        return { ok: false, error: e.message || '解析失败' };
+                    }
+                },
+
+                stringifyOpenclawConfig(data) {
+                    const parser = this.getOpenclawParser();
+                    try {
+                        return parser.stringify(data, null, 2);
+                    } catch (e) {
+                        return JSON.stringify(data, null, 2);
+                    }
+                },
+
+                resetOpenclawStructured() {
+                    this.openclawStructured = {
+                        agentPrimary: '',
+                        agentFallbacks: [''],
+                        workspace: '',
+                        timeout: '',
+                        contextTokens: '',
+                        maxConcurrent: '',
+                        envItems: [{ key: '', value: '', show: false }],
+                        toolsProfile: 'default',
+                        toolsAllow: [''],
+                        toolsDeny: ['']
+                    };
+                    this.openclawAgentsList = [];
+                    this.openclawProviders = [];
+                    this.openclawMissingProviders = [];
+                },
+
+                getOpenclawQuickDefaults() {
+                    return {
+                        providerName: '',
+                        baseUrl: '',
+                        apiKey: '',
+                        apiType: 'openai-responses',
+                        modelId: '',
+                        modelName: '',
+                        contextWindow: '',
+                        maxTokens: '',
+                        setPrimary: true,
+                        overrideProvider: true,
+                        overrideModels: true,
+                        showKey: false
+                    };
+                },
+
+                resetOpenclawQuick() {
+                    this.openclawQuick = this.getOpenclawQuickDefaults();
+                },
+
+                toggleOpenclawQuickKey() {
+                    this.openclawQuick.showKey = !this.openclawQuick.showKey;
+                },
+
+                fillOpenclawQuickFromConfig(config) {
+                    const defaults = this.getOpenclawQuickDefaults();
+                    if (!config || typeof config !== 'object' || Array.isArray(config)) {
+                        this.openclawQuick = defaults;
+                        return;
+                    }
+
+                    const agentDefaults = config.agents && typeof config.agents === 'object' && !Array.isArray(config.agents)
+                        && config.agents.defaults && typeof config.agents.defaults === 'object' && !Array.isArray(config.agents.defaults)
+                        ? config.agents.defaults
+                        : {};
+                    const modelConfig = agentDefaults.model;
+                    const legacyAgent = config.agent && typeof config.agent === 'object' && !Array.isArray(config.agent)
+                        ? config.agent
+                        : {};
+
+                    let primaryRef = '';
+                    if (modelConfig && typeof modelConfig === 'object' && !Array.isArray(modelConfig) && typeof modelConfig.primary === 'string') {
+                        primaryRef = modelConfig.primary;
+                    } else if (typeof modelConfig === 'string') {
+                        primaryRef = modelConfig;
+                    }
+                    if (!primaryRef) {
+                        if (typeof legacyAgent.model === 'string') {
+                            primaryRef = legacyAgent.model;
+                        } else if (legacyAgent.model && typeof legacyAgent.model === 'object' && typeof legacyAgent.model.primary === 'string') {
+                            primaryRef = legacyAgent.model.primary;
+                        }
+                    }
+
+                    let providerName = '';
+                    let modelId = '';
+                    if (primaryRef) {
+                        const parts = primaryRef.split('/');
+                        if (parts.length >= 2) {
+                            providerName = parts.shift().trim();
+                            modelId = parts.join('/').trim();
+                        }
+                    }
+
+                    const providers = config.models && typeof config.models === 'object' && !Array.isArray(config.models)
+                        && config.models.providers && typeof config.models.providers === 'object' && !Array.isArray(config.models.providers)
+                        ? config.models.providers
+                        : null;
+                    let providerConfig = providerName && providers ? providers[providerName] : null;
+                    if (!providerName && providers) {
+                        const providerKeys = Object.keys(providers);
+                        if (providerKeys.length === 1) {
+                            providerName = providerKeys[0];
+                            providerConfig = providers[providerName];
+                        }
+                    }
+
+                    let modelEntry = null;
+                    if (providerConfig && typeof providerConfig === 'object' && Array.isArray(providerConfig.models)) {
+                        if (modelId) {
+                            modelEntry = providerConfig.models.find(item => item && item.id === modelId);
+                        }
+                        if (!modelEntry && providerConfig.models.length === 1) {
+                            modelEntry = providerConfig.models[0];
+                            if (!modelId && modelEntry && typeof modelEntry.id === 'string') {
+                                modelId = modelEntry.id;
+                            }
+                        }
+                    }
+
+                    const baseUrl = providerConfig && typeof providerConfig === 'object' && typeof providerConfig.baseUrl === 'string'
+                        ? providerConfig.baseUrl
+                        : '';
+                    const apiKey = providerConfig && typeof providerConfig === 'object' && typeof providerConfig.apiKey === 'string'
+                        ? providerConfig.apiKey
+                        : '';
+                    const apiType = providerConfig && typeof providerConfig === 'object' && typeof providerConfig.api === 'string'
+                        ? providerConfig.api
+                        : defaults.apiType;
+
+                    this.openclawQuick = {
+                        ...defaults,
+                        providerName,
+                        baseUrl,
+                        apiKey,
+                        apiType,
+                        modelId: modelId || '',
+                        modelName: modelEntry && typeof modelEntry.name === 'string' ? modelEntry.name : '',
+                        contextWindow: modelEntry && typeof modelEntry.contextWindow === 'number'
+                            ? String(modelEntry.contextWindow)
+                            : '',
+                        maxTokens: modelEntry && typeof modelEntry.maxTokens === 'number'
+                            ? String(modelEntry.maxTokens)
+                            : ''
+                    };
+                },
+
+                syncOpenclawQuickFromText(options = {}) {
+                    const silent = !!options.silent;
+                    const parsed = this.parseOpenclawContent(this.openclawEditing.content, { allowEmpty: true });
+                    if (!parsed.ok) {
+                        this.resetOpenclawQuick();
+                        if (!silent) {
+                            this.showMessage('解析 OpenClaw 配置失败: ' + parsed.error, 'error');
+                        }
+                        return false;
+                    }
+                    this.fillOpenclawQuickFromConfig(parsed.data);
+                    if (!silent) {
+                        this.showMessage('已从编辑器读取快速配置', 'success');
+                    }
+                    return true;
+                },
+
+                mergeOpenclawModelEntry(existing, incoming, overwrite = false) {
+                    if (!existing || typeof existing !== 'object' || Array.isArray(existing)) {
+                        return { ...incoming };
+                    }
+                    if (overwrite) {
+                        return { ...incoming };
+                    }
+                    const merged = { ...existing };
+                    for (const [key, value] of Object.entries(incoming || {})) {
+                        if (merged[key] === undefined || merged[key] === null || merged[key] === '') {
+                            merged[key] = value;
+                        }
+                    }
+                    return merged;
+                },
+
+                fillOpenclawStructured(config) {
+                    const defaults = config && config.agents && typeof config.agents === 'object' && !Array.isArray(config.agents)
+                        && config.agents.defaults && typeof config.agents.defaults === 'object' && !Array.isArray(config.agents.defaults)
+                        ? config.agents.defaults
+                        : {};
+                    const model = defaults.model && typeof defaults.model === 'object' && !Array.isArray(defaults.model)
+                        ? defaults.model
+                        : {};
+                    const legacyAgent = config && config.agent && typeof config.agent === 'object' && !Array.isArray(config.agent)
+                        ? config.agent
+                        : {};
+                    const fallbackList = Array.isArray(model.fallbacks)
+                        ? model.fallbacks.filter(item => typeof item === 'string' && item.trim()).map(item => item.trim())
+                        : [];
+                    const env = config && config.env && typeof config.env === 'object' && !Array.isArray(config.env)
+                        ? config.env
+                        : {};
+                    const envItems = Object.entries(env).map(([key, value]) => ({
+                        key,
+                        value: value == null ? '' : String(value),
+                        show: false
+                    }));
+                    const tools = config && config.tools && typeof config.tools === 'object' && !Array.isArray(config.tools)
+                        ? config.tools
+                        : {};
+
+                    let primary = typeof model.primary === 'string' ? model.primary : '';
+                    if (!primary) {
+                        if (typeof legacyAgent.model === 'string') {
+                            primary = legacyAgent.model;
+                        } else if (legacyAgent.model && typeof legacyAgent.model === 'object' && typeof legacyAgent.model.primary === 'string') {
+                            primary = legacyAgent.model.primary;
+                        }
+                    }
+
+                    this.openclawStructured = {
+                        agentPrimary: primary,
+                        agentFallbacks: fallbackList.length ? fallbackList : [''],
+                        workspace: typeof defaults.workspace === 'string' ? defaults.workspace : '',
+                        timeout: typeof defaults.timeout === 'number' && Number.isFinite(defaults.timeout)
+                            ? String(defaults.timeout)
+                            : '',
+                        contextTokens: typeof defaults.contextTokens === 'number' && Number.isFinite(defaults.contextTokens)
+                            ? String(defaults.contextTokens)
+                            : '',
+                        maxConcurrent: typeof defaults.maxConcurrent === 'number' && Number.isFinite(defaults.maxConcurrent)
+                            ? String(defaults.maxConcurrent)
+                            : '',
+                        envItems: envItems.length ? envItems : [{ key: '', value: '', show: false }],
+                        toolsProfile: typeof tools.profile === 'string' && tools.profile.trim() ? tools.profile : 'default',
+                        toolsAllow: Array.isArray(tools.allow) && tools.allow.length
+                            ? tools.allow.filter(item => typeof item === 'string' && item.trim()).map(item => item.trim())
+                            : [''],
+                        toolsDeny: Array.isArray(tools.deny) && tools.deny.length
+                            ? tools.deny.filter(item => typeof item === 'string' && item.trim()).map(item => item.trim())
+                            : ['']
+                    };
+                },
+
+                syncOpenclawStructuredFromText(options = {}) {
+                    const silent = !!options.silent;
+                    const parsed = this.parseOpenclawContent(this.openclawEditing.content, { allowEmpty: true });
+                    if (!parsed.ok) {
+                        this.resetOpenclawStructured();
+                        this.resetOpenclawQuick();
+                        if (!silent) {
+                            this.showMessage('解析 OpenClaw 配置失败: ' + parsed.error, 'error');
+                        }
+                        return false;
+                    }
+                    this.fillOpenclawStructured(parsed.data);
+                    this.fillOpenclawQuickFromConfig(parsed.data);
+                    this.refreshOpenclawProviders(parsed.data);
+                    this.refreshOpenclawAgentsList(parsed.data);
+                    if (!silent) {
+                        this.showMessage('已从文本刷新结构化配置', 'success');
+                    }
+                    return true;
+                },
+
+                getOpenclawActiveProviders(config) {
+                    const active = new Set();
+                    const addProvider = (ref) => {
+                        if (typeof ref !== 'string') return;
+                        const text = ref.trim();
+                        if (!text) return;
+                        const parts = text.split('/');
+                        if (parts.length < 2) return;
+                        const provider = parts[0].trim();
+                        if (provider) active.add(provider);
+                    };
+                    const defaults = config && config.agents && config.agents.defaults
+                        ? config.agents.defaults
+                        : {};
+                    const model = defaults && defaults.model;
+                    if (model && typeof model === 'object' && !Array.isArray(model)) {
+                        addProvider(model.primary);
+                        if (Array.isArray(model.fallbacks)) {
+                            for (const item of model.fallbacks) {
+                                addProvider(item);
+                            }
+                        }
+                    } else if (typeof model === 'string') {
+                        addProvider(model);
+                    }
+                    const modelsDefaults = config && config.models && config.models.defaults
+                        ? config.models.defaults
+                        : {};
+                    if (modelsDefaults && typeof modelsDefaults.provider === 'string' && modelsDefaults.provider.trim()) {
+                        active.add(modelsDefaults.provider.trim());
+                    }
+                    if (modelsDefaults && typeof modelsDefaults.model === 'string') {
+                        addProvider(modelsDefaults.model);
+                    }
+                    return active;
+                },
+
+                maskProviderValue(value) {
+                    const text = value == null ? '' : String(value);
+                    if (!text) return '****';
+                    if (text.length <= 6) return '****';
+                    return `${text.slice(0, 3)}****${text.slice(-3)}`;
+                },
+
+                formatProviderValue(key, value) {
+                    if (typeof value === 'undefined' || value === null) {
+                        return '';
+                    }
+                    let text = '';
+                    if (typeof value === 'string') {
+                        text = value;
+                    } else if (typeof value === 'number' || typeof value === 'boolean') {
+                        text = String(value);
+                    } else {
+                        try {
+                            text = JSON.stringify(value);
+                        } catch (_) {
+                            text = String(value);
+                        }
+                    }
+                    if (!text) return '';
+                    if (/key|token|secret|password/i.test(key)) {
+                        return this.maskProviderValue(text);
+                    }
+                    if (text.length > 160) {
+                        return `${text.slice(0, 157)}...`;
+                    }
+                    return text;
+                },
+
+                collectOpenclawProviders(source, providerMap, activeProviders, entries) {
+                    if (!providerMap || typeof providerMap !== 'object' || Array.isArray(providerMap)) {
+                        return;
+                    }
+                    const keys = Object.keys(providerMap).sort();
+                    for (const key of keys) {
+                        const value = providerMap[key];
+                        const fields = [];
+                        if (value && typeof value === 'object' && !Array.isArray(value)) {
+                            const fieldKeys = Object.keys(value).sort();
+                            for (const fieldKey of fieldKeys) {
+                                const fieldValue = this.formatProviderValue(fieldKey, value[fieldKey]);
+                                if (fieldValue === '') continue;
+                                fields.push({ key: fieldKey, value: fieldValue });
+                            }
+                        } else {
+                            const fieldValue = this.formatProviderValue('value', value);
+                            if (fieldValue !== '') {
+                                fields.push({ key: 'value', value: fieldValue });
+                            }
+                        }
+                        entries.push({
+                            key,
+                            source,
+                            fields,
+                            isActive: activeProviders.has(key)
+                        });
+                    }
+                },
+
+                refreshOpenclawProviders(config) {
+                    const activeProviders = this.getOpenclawActiveProviders(config || {});
+                    const entries = [];
+                    const modelsProviders = config && config.models ? config.models.providers : null;
+                    const rootProviders = config && config.providers ? config.providers : null;
+                    this.collectOpenclawProviders('models.providers', modelsProviders, activeProviders, entries);
+                    this.collectOpenclawProviders('providers', rootProviders, activeProviders, entries);
+                    const existing = new Set(entries.map(item => item.key));
+                    const missing = [];
+                    for (const provider of activeProviders) {
+                        if (!existing.has(provider)) {
+                            missing.push(provider);
+                        }
+                    }
+                    this.openclawProviders = entries;
+                    this.openclawMissingProviders = missing;
+                },
+
+                refreshOpenclawAgentsList(config) {
+                    const list = config && config.agents && typeof config.agents === 'object' && !Array.isArray(config.agents)
+                        ? config.agents.list
+                        : null;
+                    if (!Array.isArray(list)) {
+                        this.openclawAgentsList = [];
+                        return;
+                    }
+                    const entries = [];
+                    list.forEach((item, index) => {
+                        if (!item || typeof item !== 'object') return;
+                        const id = typeof item.id === 'string' && item.id.trim() ? item.id.trim() : `agent-${index + 1}`;
+                        const identity = item.identity && typeof item.identity === 'object' && !Array.isArray(item.identity)
+                            ? item.identity
+                            : {};
+                        const name = typeof identity.name === 'string' && identity.name.trim()
+                            ? identity.name.trim()
+                            : id;
+                        entries.push({
+                            key: `${id}-${index}`,
+                            id,
+                            name,
+                            theme: typeof identity.theme === 'string' ? identity.theme : '',
+                            emoji: typeof identity.emoji === 'string' ? identity.emoji : '',
+                            avatar: typeof identity.avatar === 'string' ? identity.avatar : ''
+                        });
+                    });
+                    this.openclawAgentsList = entries;
+                },
+
+                normalizeStringList(list) {
+                    if (!Array.isArray(list)) return [];
+                    const result = [];
+                    const seen = new Set();
+                    for (const item of list) {
+                        const value = typeof item === 'string' ? item.trim() : String(item || '').trim();
+                        if (!value) continue;
+                        const key = value;
+                        if (seen.has(key)) continue;
+                        seen.add(key);
+                        result.push(value);
+                    }
+                    return result;
+                },
+
+                normalizeEnvItems(items) {
+                    if (!Array.isArray(items)) {
+                        return { ok: true, items: {} };
+                    }
+                    const output = {};
+                    const seen = new Set();
+                    for (const item of items) {
+                        const key = item && typeof item.key === 'string' ? item.key.trim() : '';
+                        if (!key) continue;
+                        if (seen.has(key)) {
+                            return { ok: false, error: `环境变量重复: ${key}` };
+                        }
+                        seen.add(key);
+                        const value = item && typeof item.value !== 'undefined' ? String(item.value) : '';
+                        output[key] = value;
+                    }
+                    return { ok: true, items: output };
+                },
+
+                parseOptionalNumber(value, label) {
+                    const text = typeof value === 'string' ? value.trim() : String(value || '').trim();
+                    if (!text) {
+                        return { ok: true, value: null };
+                    }
+                    const num = Number(text);
+                    if (!Number.isFinite(num) || num < 0) {
+                        return { ok: false, error: `${label} 请输入有效数字` };
+                    }
+                    return { ok: true, value: num };
+                },
+
+                applyOpenclawStructuredToText() {
+                    const parsed = this.parseOpenclawContent(this.openclawEditing.content, { allowEmpty: true });
+                    if (!parsed.ok) {
+                        this.showMessage('解析 OpenClaw 配置失败: ' + parsed.error, 'error');
+                        return;
+                    }
+
+                    const config = parsed.data;
+                    const agents = config.agents && typeof config.agents === 'object' && !Array.isArray(config.agents)
+                        ? config.agents
+                        : {};
+                    const defaults = agents.defaults && typeof agents.defaults === 'object' && !Array.isArray(agents.defaults)
+                        ? agents.defaults
+                        : {};
+                    const model = defaults.model && typeof defaults.model === 'object' && !Array.isArray(defaults.model)
+                        ? defaults.model
+                        : {};
+
+                    const primary = (this.openclawStructured.agentPrimary || '').trim();
+                    const fallbacks = this.normalizeStringList(this.openclawStructured.agentFallbacks);
+                    if (primary) {
+                        model.primary = primary;
+                    }
+                    if (fallbacks.length) {
+                        model.fallbacks = fallbacks;
+                    }
+                    if (primary || fallbacks.length) {
+                        defaults.model = model;
+                    }
+                    if (primary && config.agent && typeof config.agent === 'object' && !Array.isArray(config.agent)) {
+                        config.agent.model = primary;
+                    }
+
+                    const workspace = (this.openclawStructured.workspace || '').trim();
+                    if (workspace) {
+                        defaults.workspace = workspace;
+                    }
+
+                    const timeout = this.parseOptionalNumber(this.openclawStructured.timeout, 'Timeout');
+                    if (!timeout.ok) {
+                        this.showMessage(timeout.error, 'error');
+                        return;
+                    }
+                    if (timeout.value !== null) {
+                        defaults.timeout = timeout.value;
+                    }
+
+                    const contextTokens = this.parseOptionalNumber(this.openclawStructured.contextTokens, 'Context Tokens');
+                    if (!contextTokens.ok) {
+                        this.showMessage(contextTokens.error, 'error');
+                        return;
+                    }
+                    if (contextTokens.value !== null) {
+                        defaults.contextTokens = contextTokens.value;
+                    }
+
+                    const maxConcurrent = this.parseOptionalNumber(this.openclawStructured.maxConcurrent, 'Max Concurrent');
+                    if (!maxConcurrent.ok) {
+                        this.showMessage(maxConcurrent.error, 'error');
+                        return;
+                    }
+                    if (maxConcurrent.value !== null) {
+                        defaults.maxConcurrent = maxConcurrent.value;
+                    }
+
+                    if (Object.keys(defaults).length > 0) {
+                        config.agents = agents;
+                        config.agents.defaults = defaults;
+                    }
+
+                    const envResult = this.normalizeEnvItems(this.openclawStructured.envItems);
+                    if (!envResult.ok) {
+                        this.showMessage(envResult.error, 'error');
+                        return;
+                    }
+                    if (Object.keys(envResult.items).length > 0) {
+                        config.env = envResult.items;
+                    } else if (config.env) {
+                        delete config.env;
+                    }
+
+                    const profile = (this.openclawStructured.toolsProfile || '').trim();
+                    const allowList = this.normalizeStringList(this.openclawStructured.toolsAllow);
+                    const denyList = this.normalizeStringList(this.openclawStructured.toolsDeny);
+                    const hasTools = profile || allowList.length || denyList.length || (config.tools && typeof config.tools === 'object');
+                    if (hasTools) {
+                        const tools = config.tools && typeof config.tools === 'object' && !Array.isArray(config.tools)
+                            ? config.tools
+                            : {};
+                        tools.profile = profile || tools.profile || 'default';
+                        tools.allow = allowList;
+                        tools.deny = denyList;
+                        config.tools = tools;
+                    }
+
+                    this.openclawEditing.content = this.stringifyOpenclawConfig(config);
+                    this.refreshOpenclawProviders(config);
+                    this.refreshOpenclawAgentsList(config);
+                    this.fillOpenclawQuickFromConfig(config);
+                    this.showMessage('已写入编辑器', 'success');
+                },
+
+                applyOpenclawQuickToText() {
+                    const parsed = this.parseOpenclawContent(this.openclawEditing.content, { allowEmpty: true });
+                    if (!parsed.ok) {
+                        this.showMessage('解析 OpenClaw 配置失败: ' + parsed.error, 'error');
+                        return;
+                    }
+
+                    const providerName = (this.openclawQuick.providerName || '').trim();
+                    const modelId = (this.openclawQuick.modelId || '').trim();
+                    if (!providerName) {
+                        this.showMessage('请填写 Provider 名称', 'error');
+                        return;
+                    }
+                    if (providerName.includes('/')) {
+                        this.showMessage('Provider 名称不能包含 "/"', 'error');
+                        return;
+                    }
+                    if (!modelId) {
+                        this.showMessage('请填写模型 ID', 'error');
+                        return;
+                    }
+
+                    const config = parsed.data;
+                    const ensureObject = (value) => (value && typeof value === 'object' && !Array.isArray(value)) ? value : {};
+                    const models = ensureObject(config.models);
+                    const providers = ensureObject(models.providers);
+                    const provider = ensureObject(providers[providerName]);
+                    const baseUrl = (this.openclawQuick.baseUrl || '').trim();
+                    if (!baseUrl && !provider.baseUrl) {
+                        this.showMessage('请填写 Base URL', 'error');
+                        return;
+                    }
+
+                    const contextWindow = this.parseOptionalNumber(this.openclawQuick.contextWindow, '上下文长度');
+                    if (!contextWindow.ok) {
+                        this.showMessage(contextWindow.error, 'error');
+                        return;
+                    }
+                    const maxTokens = this.parseOptionalNumber(this.openclawQuick.maxTokens, '最大输出');
+                    if (!maxTokens.ok) {
+                        this.showMessage(maxTokens.error, 'error');
+                        return;
+                    }
+
+                    const shouldOverrideProvider = !!this.openclawQuick.overrideProvider;
+                    const apiKey = (this.openclawQuick.apiKey || '').trim();
+                    const apiType = (this.openclawQuick.apiType || '').trim();
+                    const setProviderField = (key, value) => {
+                        if (!value) return;
+                        if (shouldOverrideProvider || provider[key] === undefined || provider[key] === null || provider[key] === '') {
+                            provider[key] = value;
+                        }
+                    };
+                    setProviderField('baseUrl', baseUrl);
+                    setProviderField('api', apiType);
+                    if (apiKey) {
+                        setProviderField('apiKey', apiKey);
+                    }
+
+                    const modelName = (this.openclawQuick.modelName || '').trim() || modelId;
+                    const modelEntry = {
+                        id: modelId,
+                        name: modelName,
+                        reasoning: false,
+                        input: ['text'],
+                        cost: {
+                            input: 0,
+                            output: 0,
+                            cacheRead: 0,
+                            cacheWrite: 0
+                        }
+                    };
+                    if (contextWindow.value !== null) {
+                        modelEntry.contextWindow = contextWindow.value;
+                    }
+                    if (maxTokens.value !== null) {
+                        modelEntry.maxTokens = maxTokens.value;
+                    }
+
+                    const existingModels = Array.isArray(provider.models) ? [...provider.models] : [];
+                    if (this.openclawQuick.overrideModels || existingModels.length === 0) {
+                        provider.models = [modelEntry];
+                    } else {
+                        const idx = existingModels.findIndex(item => item && item.id === modelId);
+                        if (idx >= 0) {
+                            existingModels[idx] = this.mergeOpenclawModelEntry(existingModels[idx], modelEntry, false);
+                        } else {
+                            existingModels.push(modelEntry);
+                        }
+                        provider.models = existingModels;
+                    }
+
+                    providers[providerName] = provider;
+                    models.providers = providers;
+                    config.models = models;
+
+                    if (this.openclawQuick.setPrimary) {
+                        const agents = ensureObject(config.agents);
+                        const defaults = ensureObject(agents.defaults);
+                        const modelConfig = defaults.model && typeof defaults.model === 'object' && !Array.isArray(defaults.model)
+                            ? defaults.model
+                            : {};
+                        modelConfig.primary = `${providerName}/${modelId}`;
+                        defaults.model = modelConfig;
+                        agents.defaults = defaults;
+                        config.agents = agents;
+                        if (config.agent && typeof config.agent === 'object' && !Array.isArray(config.agent)) {
+                            config.agent.model = modelConfig.primary;
+                        }
+                    }
+
+                    this.openclawEditing.content = this.stringifyOpenclawConfig(config);
+                    this.fillOpenclawStructured(config);
+                    this.refreshOpenclawProviders(config);
+                    this.refreshOpenclawAgentsList(config);
+                    this.showMessage('快速配置已写入编辑器', 'success');
+                },
+
+                addOpenclawFallback() {
+                    this.openclawStructured.agentFallbacks.push('');
+                },
+
+                removeOpenclawFallback(index) {
+                    this.openclawStructured.agentFallbacks.splice(index, 1);
+                    if (this.openclawStructured.agentFallbacks.length === 0) {
+                        this.openclawStructured.agentFallbacks.push('');
+                    }
+                },
+
+                addOpenclawEnvItem() {
+                    this.openclawStructured.envItems.push({ key: '', value: '', show: false });
+                },
+
+                removeOpenclawEnvItem(index) {
+                    this.openclawStructured.envItems.splice(index, 1);
+                    if (this.openclawStructured.envItems.length === 0) {
+                        this.openclawStructured.envItems.push({ key: '', value: '', show: false });
+                    }
+                },
+
+                toggleOpenclawEnvItem(index) {
+                    const item = this.openclawStructured.envItems[index];
+                    if (item) {
+                        item.show = !item.show;
+                    }
+                },
+
+                addOpenclawToolsAllow() {
+                    this.openclawStructured.toolsAllow.push('');
+                },
+
+                removeOpenclawToolsAllow(index) {
+                    this.openclawStructured.toolsAllow.splice(index, 1);
+                    if (this.openclawStructured.toolsAllow.length === 0) {
+                        this.openclawStructured.toolsAllow.push('');
+                    }
+                },
+
+                addOpenclawToolsDeny() {
+                    this.openclawStructured.toolsDeny.push('');
+                },
+
+                removeOpenclawToolsDeny(index) {
+                    this.openclawStructured.toolsDeny.splice(index, 1);
+                    if (this.openclawStructured.toolsDeny.length === 0) {
+                        this.openclawStructured.toolsDeny.push('');
+                    }
+                },
+
                 openclawHasContent(config) {
                     return !!(config && typeof config.content === 'string' && config.content.trim());
                 },
@@ -3800,23 +5654,24 @@
                     this.openclawEditorTitle = '添加 OpenClaw 配置';
                     this.openclawEditing = {
                         name: '',
-                        content: DEFAULT_OPENCLAW_TEMPLATE,
+                        content: '',
                         lockName: false
                     };
                     this.openclawConfigPath = '';
                     this.openclawConfigExists = false;
                     this.openclawLineEnding = '\n';
+                    void this.loadOpenclawConfigFromFile({ silent: true, force: true, fallbackToTemplate: true });
                     this.showOpenclawConfigModal = true;
                 },
 
                 openOpenclawEditModal(name) {
-                    const config = this.openclawConfigs[name];
                     this.openclawEditorTitle = `编辑 OpenClaw 配置: ${name}`;
                     this.openclawEditing = {
                         name,
-                        content: (config && config.content) ? config.content : '',
+                        content: '',
                         lockName: true
                     };
+                    void this.loadOpenclawConfigFromFile({ silent: true, force: true, fallbackToTemplate: true });
                     this.showOpenclawConfigModal = true;
                 },
 
@@ -3825,27 +5680,41 @@
                     this.openclawEditing = { name: '', content: '', lockName: false };
                     this.openclawSaving = false;
                     this.openclawApplying = false;
+                    this.resetOpenclawStructured();
+                    this.resetOpenclawQuick();
                 },
 
-                async loadOpenclawConfigFromFile() {
+                async loadOpenclawConfigFromFile(options = {}) {
+                    const silent = !!options.silent;
+                    const force = !!options.force;
+                    const fallbackToTemplate = options.fallbackToTemplate !== false;
                     this.openclawFileLoading = true;
                     try {
                         const res = await api('get-openclaw-config');
                         if (res.error) {
-                            this.showMessage(res.error, 'error');
+                            if (!silent) {
+                                this.showMessage(res.error, 'error');
+                            }
                             return;
                         }
                         this.openclawConfigPath = res.path || '';
                         this.openclawConfigExists = !!res.exists;
                         this.openclawLineEnding = res.lineEnding === '\r\n' ? '\r\n' : '\n';
-                        if (res.content && res.content.trim()) {
+                        const hasContent = !!(res.content && res.content.trim());
+                        const shouldOverride = force || !this.openclawEditing.content || !this.openclawEditing.content.trim();
+                        if (hasContent && shouldOverride) {
                             this.openclawEditing.content = res.content;
-                        } else if (!this.openclawEditing.content) {
+                        } else if (!hasContent && shouldOverride && fallbackToTemplate) {
                             this.openclawEditing.content = DEFAULT_OPENCLAW_TEMPLATE;
                         }
-                        this.showMessage('已加载当前 OpenClaw 配置', 'success');
+                        this.syncOpenclawStructuredFromText({ silent: true });
+                        if (!silent) {
+                            this.showMessage('已加载当前 OpenClaw 配置', 'success');
+                        }
                     } catch (e) {
-                        this.showMessage('加载 OpenClaw 配置失败: ' + e.message, 'error');
+                        if (!silent) {
+                            this.showMessage('加载 OpenClaw 配置失败: ' + e.message, 'error');
+                        }
                     } finally {
                         this.openclawFileLoading = false;
                     }
@@ -3954,19 +5823,93 @@
                     return `${ms}ms`;
                 },
 
-                async runSpeedTest(name) {
-                    if (!name || this.speedLoading[name]) return;
+                buildSpeedTestIssue(name, result) {
+                    if (!name || !result) return null;
+                    if (result.error) {
+                        const error = String(result.error || '');
+                        const errorLower = error.toLowerCase();
+                        if (error === 'Provider not found') {
+                            return {
+                                code: 'remote-speedtest-provider-missing',
+                                message: `提供商 ${name} 未找到，无法测速`,
+                                suggestion: '检查配置是否存在该 provider'
+                            };
+                        }
+                        if (error === 'Provider missing URL' || error === 'Missing name or url') {
+                            return {
+                                code: 'remote-speedtest-baseurl-missing',
+                                message: `提供商 ${name} 缺少 base_url`,
+                                suggestion: '补全 base_url 后重试'
+                            };
+                        }
+                        if (errorLower.includes('invalid url')) {
+                            return {
+                                code: 'remote-speedtest-invalid-url',
+                                message: `提供商 ${name} 的 base_url 无效`,
+                                suggestion: '请设置为 http/https 的完整 URL'
+                            };
+                        }
+                        if (errorLower.includes('timeout')) {
+                            return {
+                                code: 'remote-speedtest-timeout',
+                                message: `提供商 ${name} 远程测速超时`,
+                                suggestion: '检查网络或 base_url 是否可达'
+                            };
+                        }
+                        return {
+                            code: 'remote-speedtest-unreachable',
+                            message: `提供商 ${name} 远程测速失败：${error || '无法连接'}`,
+                            suggestion: '检查网络或 base_url 是否可用'
+                        };
+                    }
+
+                    const status = typeof result.status === 'number' ? result.status : 0;
+                    if (status === 401 || status === 403) {
+                        return {
+                            code: 'remote-speedtest-auth-failed',
+                            message: `提供商 ${name} 远程测速鉴权失败（401/403）`,
+                            suggestion: '检查 API Key 或认证方式'
+                        };
+                    }
+                    if (status >= 400) {
+                        return {
+                            code: 'remote-speedtest-http-error',
+                            message: `提供商 ${name} 远程测速返回异常状态: ${status}`,
+                            suggestion: '检查 base_url 或服务状态'
+                        };
+                    }
+                    return null;
+                },
+
+                async runSpeedTest(name, options = {}) {
+                    if (!name || this.speedLoading[name]) return null;
+                    const silent = !!options.silent;
                     this.speedLoading[name] = true;
-                    const res = await api('speed-test', { name });
-                    if (res.error) {
-                        this.speedResults[name] = { ok: false, error: res.error };
-                        this.showMessage(res.error, 'error');
-                    } else {
+                    try {
+                        const res = await api('speed-test', { name });
+                        if (res.error) {
+                            this.speedResults[name] = { ok: false, error: res.error };
+                            if (!silent) {
+                                this.showMessage(res.error, 'error');
+                            }
+                            return { ok: false, error: res.error };
+                        }
                         this.speedResults[name] = res;
-                        const status = res.status ? ` (${res.status})` : '';
-                        this.showMessage(`Speed ${name}: ${this.formatLatency(res)}${status}`, 'success');
+                        if (!silent) {
+                            const status = res.status ? ` (${res.status})` : '';
+                            this.showMessage(`Speed ${name}: ${this.formatLatency(res)}${status}`, 'success');
+                        }
+                        return res;
+                    } catch (e) {
+                        const message = e && e.message ? e.message : 'Speed test failed';
+                        this.speedResults[name] = { ok: false, error: message };
+                        if (!silent) {
+                            this.showMessage(message, 'error');
+                        }
+                        return { ok: false, error: message };
+                    } finally {
+                        this.speedLoading[name] = false;
                     }
-                    this.speedLoading[name] = false;
                 },
 
                 showMessage(text, type) {