npm - ec-web - Versions diffs - 0.0.20 → 0.0.22 - Mend

ec-web 0.0.20 → 0.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/dist/ipc-client.js +7 -1
package/dist/paths.js +18 -1
package/dist/server.js +159 -28
package/dist/sources/aid.js +69 -49
package/dist/sources/baseagent-detector.js +60 -6
package/dist/sources/basic-settings.js +818 -0
package/dist/sources/gateway.js +5 -4
package/dist/sources/monitor.js +22 -5
package/dist/sources/msg.js +4 -96
package/dist/sources/relation-roles.js +216 -207
package/dist/sources/role-definitions.js +162 -331
package/dist/sources/session-codex.js +207 -84
package/dist/sources/system.js +10 -9
package/dist/sources/triggers.js +82 -13
package/dist/sources/types.js +20 -1
package/dist/static/app.js +175 -15
package/dist/static/basic-settings.js +1576 -0
package/dist/static/index.html +43 -1
package/dist/static/style.css +586 -2
package/ecweb-wrapper.cjs +5 -1
package/package.json +1 -1

package/dist/static/index.html CHANGED Viewed

@@ -18,6 +18,7 @@
   <link rel="stylesheet" href="style.css">
   <script defer src="vendor/echarts-5.6.0.min.js"></script>
   <script defer src="app.js"></script>
+  <script defer src="basic-settings.js"></script>
 </head>
 <body>
   <!-- 配对页 -->
@@ -48,10 +49,11 @@
       </nav>
       <span style="flex:1"></span>
-      2026-08-28 04:38
+      2026-09-05 04:51
       <span id="conn-status" class="conn-status" data-i18n="status.connecting">连接中…</span>
       <button id="lang-btn" class="theme-btn" data-i18n-title="language.buttonTitle" title="切换语言">🌐</button>
       <button id="theme-btn" class="theme-btn" data-i18n-title="theme.buttonTitle" title="主题">🌗</button>
+      <button id="basic-settings-btn" class="theme-btn basic-settings-launch" data-i18n-title="basicSettings.openTitle" title="打开基础设置" aria-label="打开基础设置" aria-haspopup="dialog"><span aria-hidden="true">⚙️</span></button>
       <button id="logout-btn" class="logout-btn" data-i18n="action.logout" data-i18n-title="pair.logoutTitle" title="退出配对">退出</button>
     </header>
@@ -381,5 +383,45 @@
     </main>
   </div>
+  <!-- 基础设置弹窗 -->
+  <div id="basic-settings-modal" class="basic-settings-modal" hidden>
+    <section class="basic-settings-dialog" role="dialog" aria-modal="true" aria-labelledby="basic-settings-title">
+      <header class="basic-settings-header">
+        <div>
+          <h2 id="basic-settings-title" data-i18n="basicSettings.title">基础设置</h2>
+          <p data-i18n="basicSettings.subtitle">按用途组织参数。保存前会校验并保留未编辑字段。</p>
+        </div>
+        <div class="basic-settings-header-actions">
+          <button type="button" class="basic-settings-close" id="basic-settings-close" data-i18n-title="common.close" aria-label="关闭">×</button>
+        </div>
+      </header>
+      <div class="basic-settings-layout">
+        <nav class="basic-settings-tabs" aria-label="基础设置页签" role="tablist">
+          <button type="button" class="basic-settings-tab active" role="tab" aria-selected="true" data-basic-tab="models"><span>01</span><b data-i18n="basicSettings.tabs.models">模型与推理</b><small data-i18n="basicSettings.tabs.modelsHint">基座、模型与连接</small></button>
+          <button type="button" class="basic-settings-tab" role="tab" aria-selected="false" data-basic-tab="response"><span>02</span><b data-i18n="basicSettings.tabs.response">响应与会话</b><small data-i18n="basicSettings.tabs.responseHint">响应方式与续接</small></button>
+          <button type="button" class="basic-settings-tab" role="tab" aria-selected="false" data-basic-tab="projects"><span>03</span><b data-i18n="basicSettings.tabs.projects">项目与服务</b><small data-i18n="basicSettings.tabs.projectsHint">路径与本机服务</small></button>
+          <button type="button" class="basic-settings-tab" role="tab" aria-selected="false" data-basic-tab="identity"><span>04</span><b data-i18n="basicSettings.tabs.identity">身份与安全</b><small data-i18n="basicSettings.tabs.identityHint">AID 与访问保护</small></button>
+          <button type="button" class="basic-settings-tab" role="tab" aria-selected="false" data-basic-tab="runtime"><span>05</span><b data-i18n="basicSettings.tabs.runtime">运行与诊断</b><small data-i18n="basicSettings.tabs.runtimeHint">日志与稳定性</small></button>
+        </nav>
+        <div class="basic-settings-scroll" id="basic-settings-content" aria-live="polite"></div>
+      </div>
+      <footer class="basic-settings-footer">
+        <span id="basic-settings-status" class="basic-settings-status" data-i18n="basicSettings.noChanges">没有需要保存的改动</span>
+        <span class="basic-settings-footer-spacer"></span>
+        <button type="button" class="basic-settings-secondary-btn" id="basic-settings-json"><span aria-hidden="true">{ }</span><span data-i18n="basicSettings.viewJson">查看 JSON</span></button>
+        <button type="button" class="basic-settings-secondary-btn" id="basic-settings-reload" data-i18n="basicSettings.reload">重新读取</button>
+        <button type="button" class="basic-settings-primary-btn" id="basic-settings-save" data-i18n="basicSettings.save">保存设置</button>
+      </footer>
+    </section>
+  </div>
+  <div id="basic-settings-json-modal" class="basic-settings-json-modal" hidden>
+    <section class="basic-settings-json-dialog" role="dialog" aria-modal="true" aria-labelledby="basic-settings-json-title">
+      <header class="basic-settings-json-header"><div><h2 id="basic-settings-json-title" data-i18n="basicSettings.jsonTitle">查看 JSON</h2><p data-i18n="basicSettings.jsonSubtitle">只读预览，敏感值已脱敏。</p></div><button type="button" class="basic-settings-close" id="basic-settings-json-close" data-i18n-title="common.close" aria-label="关闭">×</button></header>
+      <div class="basic-settings-json-tabs"><button type="button" class="active" data-basic-json-file="daemon" data-i18n="basicSettings.daemonFile">daemon.json</button><button type="button" data-basic-json-file="defaults" data-i18n="basicSettings.defaultsFile">agents/defaults.json</button></div>
+      <pre id="basic-settings-json-view" class="basic-settings-json-view"></pre>
+    </section>
+  </div>
 </body>
 </html>

package/dist/static/style.css CHANGED Viewed

@@ -7,6 +7,7 @@
   --border: #e2e6ed;
   --fg: #1a202c;
   --dim: #718096;
+  --basic-settings-strong-muted: #4a5568;
   --accent: #4f6ef7;
   --green: #38a169;
   --red: #e53e3e;
@@ -31,6 +32,7 @@
   --border: #30363d;
   --fg: #e6edf3;
   --dim: #8b949e;
+  --basic-settings-strong-muted: #a1aab5;
   --accent: #58a6ff;
   --green: #3fb950;
   --red: #f85149;
@@ -1836,9 +1838,9 @@ tr.ag-disabled .ag-name { color: var(--dim); }
   font-weight: 600;
   white-space: nowrap;
 }
-.trig-run-status-completed { color: var(--green); border-color: color-mix(in srgb, var(--green) 55%, var(--border)); }
+.trig-run-status-completed,
+.trig-run-status-noop { color: var(--green); border-color: color-mix(in srgb, var(--green) 55%, var(--border)); }
 .trig-run-status-degraded,
-.trig-run-status-noop,
 .trig-run-status-skipped { color: var(--orange); border-color: color-mix(in srgb, var(--orange) 55%, var(--border)); }
 .trig-run-status-failed { color: var(--red); border-color: color-mix(in srgb, var(--red) 55%, var(--border)); }
 .trig-run-status-dry-run { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 55%, var(--border)); }
@@ -4313,3 +4315,585 @@ tr.ag-disabled .ag-name { color: var(--dim); }
 [data-theme="dark"] .btn-view-role:hover {
   background: var(--bg2) !important;
 }
+/* ── Basic Settings ─────────────────────────────────────────────────── */
+.basic-settings-launch {
+  width: 32px;
+  justify-content: center;
+  display: inline-flex;
+  align-items: center;
+  gap: 0;
+  white-space: nowrap;
+}
+.basic-settings-modal,
+.basic-settings-json-modal {
+  position: fixed;
+  inset: 0;
+  z-index: 1200;
+  display: grid;
+  place-items: center;
+  padding: 24px;
+  background: color-mix(in srgb, #111827 62%, transparent);
+}
+.basic-settings-dialog {
+  width: min(1180px, 96vw);
+  height: min(850px, 92dvh);
+  min-height: 600px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--bg2);
+  box-shadow: 0 24px 64px color-mix(in srgb, #111827 28%, transparent);
+}
+.basic-settings-header,
+.basic-settings-json-header {
+  display: flex;
+  align-items: flex-start;
+  gap: 18px;
+  padding: 20px 24px 17px;
+  border-bottom: 1px solid var(--border);
+}
+.basic-settings-header > div:first-child,
+.basic-settings-json-header > div:first-child { min-width: 0; }
+.basic-settings-header h2,
+.basic-settings-json-header h2 {
+  margin: 0;
+  color: var(--fg);
+  font-size: 20px;
+  line-height: 1.25;
+}
+.basic-settings-header p,
+.basic-settings-json-header p {
+  margin: 4px 0 0;
+  max-width: 100%;
+  overflow: hidden;
+  color: var(--dim);
+  font-size: 12px;
+  line-height: 1.5;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.basic-settings-header-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-left: auto;
+}
+.basic-settings-close {
+  width: 30px;
+  height: 30px;
+  display: grid;
+  place-items: center;
+  flex: 0 0 30px;
+  padding: 0;
+  border: 0;
+  border-radius: 5px;
+  background: transparent;
+  color: var(--dim);
+  font-size: 21px;
+  line-height: 1;
+  cursor: pointer;
+}
+.basic-settings-close:hover { color: var(--fg); background: var(--bg3); }
+.basic-settings-plain-btn,
+.basic-settings-secondary-btn,
+.basic-settings-primary-btn {
+  min-height: 34px;
+  padding: 7px 12px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  font: inherit;
+  font-size: 12px;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.basic-settings-plain-btn,
+.basic-settings-secondary-btn { background: var(--bg2); color: var(--dim); }
+.basic-settings-plain-btn:hover,
+.basic-settings-secondary-btn:hover { border-color: var(--dim); color: var(--fg); background: var(--bg3); }
+.basic-settings-primary-btn { border-color: var(--accent); background: var(--accent); color: #fff; font-weight: 600; }
+.basic-settings-primary-btn:hover { filter: brightness(.96); }
+.basic-settings-primary-btn:disabled,
+.basic-settings-secondary-btn:disabled,
+.basic-settings-plain-btn:disabled { cursor: not-allowed; opacity: .55; }
+.basic-settings-layout {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+}
+.basic-settings-tabs {
+  width: 208px;
+  flex: 0 0 208px;
+  padding: 13px 10px;
+  border-right: 1px solid var(--border);
+  background: color-mix(in srgb, var(--bg3) 52%, var(--bg2));
+}
+.basic-settings-tab {
+  width: 100%;
+  min-height: 54px;
+  display: grid;
+  grid-template-columns: 22px minmax(0, 1fr);
+  grid-template-rows: auto auto;
+  column-gap: 8px;
+  align-items: center;
+  padding: 9px 10px;
+  margin-bottom: 3px;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--dim);
+  text-align: left;
+  cursor: pointer;
+}
+.basic-settings-tab > span {
+  grid-row: 1 / 3;
+  color: color-mix(in srgb, var(--dim) 72%, transparent);
+  font: 10px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
+}
+.basic-settings-tab b,
+.basic-settings-tab small {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.basic-settings-tab b { color: inherit; font-size: 12px; font-weight: 600; }
+.basic-settings-tab small { color: color-mix(in srgb, var(--dim) 78%, transparent); font-size: 10px; }
+.basic-settings-tab:hover { color: var(--fg); background: var(--bg3); }
+.basic-settings-tab.active { color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, var(--bg2)); }
+.basic-settings-tab.active > span,
+.basic-settings-tab.active small { color: var(--accent); }
+.basic-settings-scroll {
+  flex: 1;
+  min-width: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 22px 28px 34px;
+  background: var(--bg2);
+}
+.basic-settings-loading,
+.basic-settings-error-state {
+  min-height: 300px;
+  display: grid;
+  place-items: center;
+  padding: 36px;
+  color: var(--dim);
+  text-align: center;
+}
+.basic-settings-error-state { color: var(--red); }
+.basic-settings-panel {
+  width: 100%;
+  max-width: 840px;
+  min-width: 0;
+}
+.basic-settings-panel-intro { margin-bottom: 21px; }
+.basic-settings-panel-intro h3 { margin: 0; color: var(--fg); font-size: 18px; }
+.basic-settings-panel-intro p {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  margin: 5px 0 0;
+  overflow: hidden;
+  color: var(--dim);
+  font-size: 12px;
+  line-height: 1.55;
+  text-overflow: ellipsis;
+  white-space: nowrap !important;
+}
+.basic-settings-section {
+  min-width: 0;
+  margin-top: 22px;
+}
+.basic-settings-section:first-of-type { margin-top: 0; }
+.basic-settings-section-head {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid var(--border);
+}
+.basic-settings-section-head h4 { margin: 0; color: var(--fg); font-size: 13px; }
+.basic-settings-section-head > span {
+  min-width: 0;
+  overflow-wrap: anywhere;
+  color: var(--dim);
+  font-size: 10px;
+}
+.basic-settings-form-grid {
+  display: grid;
+  min-width: 0;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px 18px;
+  padding-top: 14px;
+}
+.basic-settings-field { min-width: 0; }
+.basic-settings-field.full { grid-column: 1 / -1; }
+.basic-settings-field-label {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 9px;
+  min-height: 31px;
+  margin-bottom: 5px;
+  color: var(--fg);
+  font-size: 12px;
+  font-weight: 600;
+}
+.basic-settings-field-label > span:first-child { min-width: 0; }
+.basic-settings-path {
+  display: block;
+  margin-top: 2px;
+  color: var(--dim);
+  font: 10px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-weight: 400;
+  overflow-wrap: anywhere;
+}
+.basic-settings-help { margin-top: 5px; color: var(--dim); font-size: 10px; line-height: 1.45; }
+.basic-settings-control,
+.basic-settings-readonly {
+  width: 100%;
+  min-height: 35px;
+  padding: 7px 9px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  outline: 0;
+  background: var(--bg2);
+  color: var(--fg);
+  font: inherit;
+  font-size: 12px;
+}
+textarea.basic-settings-control { min-height: 78px; resize: vertical; line-height: 1.5; }
+.basic-settings-control:hover { border-color: color-mix(in srgb, var(--dim) 65%, var(--border)); }
+.basic-settings-control:focus { border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent); }
+.basic-settings-control:disabled { cursor: not-allowed; color: var(--dim); background: var(--bg3); opacity: .72; }
+.basic-settings-control::placeholder { color: color-mix(in srgb, var(--dim) 78%, transparent); }
+.basic-settings-secret-control { position: relative; display: flex; align-items: stretch; }
+.basic-settings-secret-control .basic-settings-control { padding-right: 38px; }
+.basic-settings-secret-toggle { position: absolute; top: 1px; right: 1px; bottom: 1px; width: 34px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 0 5px 5px 0; background: transparent; color: var(--dim); font: inherit; cursor: pointer; }
+.basic-settings-secret-toggle:hover { color: var(--fg); background: var(--bg3); }
+.basic-settings-secret-toggle:disabled { cursor: wait; opacity: .55; }
+.basic-settings-secret-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
+.basic-settings-readonly { display: flex; align-items: center; background: var(--bg3); color: var(--dim); }
+.basic-settings-readonly code { overflow: hidden; color: var(--fg); font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }
+.basic-settings-field.is-unset .basic-settings-field-label,
+.basic-settings-field.is-unset .basic-settings-field-label > span,
+.basic-settings-field.is-unset .basic-settings-path { color: var(--dim); font-weight: 400; }
+.basic-settings-field.is-unset .basic-settings-control { display: none; }
+.basic-settings-field.is-unset .basic-settings-secret-control { display: none; }
+.basic-settings-unset-value {
+  min-height: 35px;
+  display: flex;
+  align-items: center;
+  padding: 7px 9px;
+  border: 1px dashed var(--border);
+  border-radius: 6px;
+  background: var(--bg3);
+  color: var(--dim);
+  font-size: 12px;
+}
+.basic-settings-presence {
+  position: relative;
+  width: 30px;
+  height: 18px;
+  display: inline-block;
+  flex: 0 0 30px;
+  margin-top: 1px;
+}
+.basic-settings-presence input { position: absolute; inset: 0; width: 30px; height: 18px; margin: 0; opacity: 0; cursor: pointer; }
+.basic-settings-presence-track { position: absolute; inset: 0; border-radius: 999px; background: color-mix(in srgb, var(--dim) 48%, var(--bg3)); transition: background .15s ease; pointer-events: none; }
+.basic-settings-presence-track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: transform .15s ease; }
+.basic-settings-presence input:checked + .basic-settings-presence-track { background: var(--basic-settings-strong-muted); }
+.basic-settings-presence input:checked + .basic-settings-presence-track::after { transform: translateX(12px); }
+.basic-settings-presence input:focus-visible + .basic-settings-presence-track { outline: 2px solid var(--accent); outline-offset: 2px; }
+.basic-settings-presence.locked { opacity: .62; }
+.basic-settings-presence.locked input { cursor: not-allowed; }
+.basic-settings-tip {
+  position: relative;
+  width: 14px;
+  height: 14px;
+  display: inline-grid;
+  place-items: center;
+  flex: 0 0 14px;
+  margin-left: 4px;
+  border: 1px solid currentColor;
+  border-radius: 50%;
+  color: var(--dim);
+  font: 700 9px/1 system-ui, sans-serif;
+  vertical-align: 1px;
+  cursor: help;
+}
+.basic-settings-tip:hover,
+.basic-settings-tip:focus-visible { color: var(--accent); outline: 0; }
+.basic-settings-tip::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  left: 0;
+  bottom: calc(100% + 7px);
+  z-index: 10;
+  width: max-content;
+  max-width: 280px;
+  padding: 7px 9px;
+  border-radius: 5px;
+  background: var(--fg);
+  color: var(--bg2);
+  box-shadow: 0 8px 22px color-mix(in srgb, #111827 25%, transparent);
+  font-size: 10px;
+  font-weight: 400;
+  line-height: 1.45;
+  white-space: normal;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  transform: translateY(3px);
+  transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
+}
+.basic-settings-tip:hover::after,
+.basic-settings-tip:focus-visible::after { opacity: 1; visibility: visible; transform: translateY(0); }
+.basic-settings-detection {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 7px 14px;
+  margin-top: 13px;
+  padding: 9px 10px;
+  border: 1px solid color-mix(in srgb, var(--border) 75%, transparent);
+  border-radius: 6px;
+  color: var(--dim);
+  background: color-mix(in srgb, var(--bg3) 45%, var(--bg2));
+  font-size: 10px;
+}
+.basic-settings-detection strong { color: var(--dim); font-weight: 500; }
+.basic-settings-detection-state { color: var(--dim); font-style: italic; }
+.basic-settings-detection-state.error { color: var(--red); font-style: normal; }
+.basic-settings-detection .basic-settings-plain-btn {
+  min-height: 0;
+  margin-left: auto;
+  padding: 1px 0;
+  border: 0;
+  background: transparent;
+  color: var(--basic-settings-strong-muted);
+}
+.basic-settings-detection .basic-settings-plain-btn:hover { background: transparent; text-decoration: underline; text-underline-offset: 3px; }
+.basic-settings-detection-item { display: inline-flex; align-items: center; gap: 5px; }
+.basic-settings-detection-item::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--dim); opacity: .7; }
+.basic-settings-detection-item.available::before { background: var(--green); opacity: .8; }
+.basic-settings-agent-list { display: grid; gap: 12px; margin-top: 12px; padding-top: 14px; border-top: 1px solid color-mix(in srgb, var(--border) 70%, transparent); }
+.basic-settings-agent {
+  overflow: hidden;
+  border: 1px solid var(--border);
+  border-radius: 7px;
+  background: var(--bg2);
+}
+.basic-settings-agent.active { border-color: color-mix(in srgb, var(--accent) 58%, var(--border)); }
+.basic-settings-agent:not(.open) .basic-settings-agent-body { display: none; }
+.basic-settings-agent-head {
+  display: flex;
+  align-items: center;
+  gap: 11px;
+  padding: 11px 12px;
+  background: color-mix(in srgb, var(--bg3) 34%, var(--bg2));
+  cursor: pointer;
+}
+.basic-settings-agent-mark { width: 24px; height: 24px; display: grid; place-items: center; flex: 0 0 24px; border: 1px solid var(--border); border-radius: 4px; background: transparent; color: var(--dim); font-size: 10px; font-weight: 600; }
+.basic-settings-agent-title { min-width: 0; flex: 1; }
+.basic-settings-agent-title strong { display: block; color: var(--fg); font-size: 12px; }
+.basic-settings-agent-title small { display: block; margin-top: 2px; color: var(--dim); font-size: 10px; font-weight: 400; }
+.basic-settings-agent-default { display: inline-flex; align-items: center; gap: 6px; color: var(--dim); font-size: 10px; cursor: pointer; }
+.basic-settings-agent-default input { accent-color: var(--accent); }
+.basic-settings-chevron {
+  width: 24px;
+  height: 24px;
+  display: grid;
+  place-items: center;
+  flex: 0 0 24px;
+  border: 0;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--dim);
+  cursor: pointer;
+}
+.basic-settings-chevron::before { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .15s ease; }
+.basic-settings-agent.open .basic-settings-chevron::before { transform: rotate(225deg); }
+.basic-settings-agent-body { padding: 0 14px 16px; }
+.basic-settings-agent-body .basic-settings-section { margin-top: 17px; }
+.basic-settings-list { display: grid; gap: 7px; }
+.basic-settings-list-row { display: grid; grid-template-columns: minmax(0, 1fr) 120px 34px; gap: 7px; }
+.basic-settings-list-row.single { grid-template-columns: minmax(0, 1fr) 34px; }
+.basic-settings-remove,
+.basic-settings-add {
+  min-height: 34px;
+  border: 1px dashed var(--border);
+  border-radius: 6px;
+  background: transparent;
+  color: var(--accent);
+  font: inherit;
+  font-size: 11px;
+  cursor: pointer;
+}
+.basic-settings-remove { border-style: solid; color: var(--dim); }
+.basic-settings-remove:hover { color: var(--red); border-color: var(--red); }
+.basic-settings-add:hover { background: color-mix(in srgb, var(--accent) 7%, transparent); }
+.basic-settings-service-list {
+  display: grid;
+  min-width: 0;
+  gap: 10px;
+}
+.basic-settings-service {
+  min-width: 0;
+  padding: 11px;
+  border: 1px solid var(--border);
+  border-radius: 7px;
+  background: color-mix(in srgb, var(--bg3) 38%, var(--bg2));
+}
+.basic-settings-service-title-row { display: flex; align-items: center; gap: 8px; min-height: 30px; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid color-mix(in srgb, var(--border) 72%, transparent); }
+.basic-settings-service-title { display: flex; align-items: center; min-width: 0; flex: 1; gap: 3px; color: var(--fg); font-size: 13px; }
+.basic-settings-service-title strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
+.basic-settings-service-name-input { min-height: 30px; padding-block: 4px; }
+.basic-settings-service-edit { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 28px; padding: 0; border: 1px solid var(--border); border-radius: 5px; background: transparent; color: var(--dim); font: inherit; font-size: 14px; cursor: pointer; }
+.basic-settings-service-edit:hover { color: var(--accent); border-color: var(--accent); }
+.basic-settings-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-items: end; }
+.basic-settings-service-field { display: grid; gap: 5px; min-width: 0; color: var(--dim); font-size: 10px; }
+.basic-settings-service-field-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 18px; color: var(--dim); font-size: 10px; }
+.basic-settings-service-field-label > span:first-child { min-width: 0; }
+.basic-settings-service-field.is-unset .basic-settings-control { display: none; }
+.basic-settings-service-field.is-unset .basic-settings-unset-value { margin-top: 0; }
+.basic-settings-service-field.full { grid-column: 1 / -1; }
+.basic-settings-service-actions { display: flex; justify-content: flex-end; margin-top: 9px; }
+.basic-settings-service-actions .basic-settings-remove { min-height: 29px; padding: 4px 9px; }
+.basic-settings-collection-card {
+  padding: 10px;
+  border: 1px solid var(--border);
+  border-radius: 7px;
+  background: color-mix(in srgb, var(--bg3) 38%, var(--bg2));
+}
+.basic-settings-checkboxes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
+.basic-settings-check { display: flex; align-items: center; gap: 7px; min-height: 34px; padding: 7px 9px; border: 1px solid var(--border); border-radius: 6px; color: var(--dim); font-size: 11px; }
+.basic-settings-check input { accent-color: var(--accent); }
+.basic-settings-log-type { background: var(--bg2); }
+.basic-settings-log-type small { margin-left: auto; color: var(--dim); font-size: 10px; font-weight: 400; }
+.basic-settings-log-type input { margin-right: 1px; }
+.basic-settings-note,
+.basic-settings-warning,
+.basic-settings-success {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin-top: 13px;
+  padding: 9px 10px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: color-mix(in srgb, var(--bg3) 45%, var(--bg2));
+  color: var(--dim);
+  font-size: 10px;
+  line-height: 1.5;
+}
+.basic-settings-warning { border-color: color-mix(in srgb, var(--orange) 40%, var(--border)); color: var(--orange); }
+.basic-settings-success { border-color: color-mix(in srgb, var(--green) 40%, var(--border)); color: var(--green); }
+.basic-settings-error { min-height: 17px; margin-top: 4px; color: var(--red); font-size: 10px; }
+.basic-settings-field.has-error .basic-settings-control,
+.basic-settings-field.has-error .basic-settings-unset-value { border-color: var(--red); }
+.basic-settings-footer {
+  min-height: 64px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 12px 24px;
+  border-top: 1px solid var(--border);
+  background: color-mix(in srgb, var(--bg3) 38%, var(--bg2));
+}
+.basic-settings-status { color: var(--dim); font-size: 11px; }
+.basic-settings-status.dirty { color: var(--orange); }
+.basic-settings-status.error { color: var(--red); }
+.basic-settings-status.saved { color: var(--green); }
+.basic-settings-footer-spacer { flex: 1; }
+.basic-settings-json-modal { z-index: 1250; }
+.basic-settings-json-dialog {
+  width: min(760px, 94vw);
+  height: min(720px, 86dvh);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--bg2);
+  box-shadow: 0 24px 64px color-mix(in srgb, #111827 28%, transparent);
+}
+.basic-settings-json-header > button { margin-left: auto; }
+.basic-settings-json-tabs { display: flex; gap: 5px; padding: 10px 14px; border-bottom: 1px solid var(--border); }
+.basic-settings-json-tabs button { padding: 5px 9px; border: 1px solid var(--border); border-radius: 5px; background: transparent; color: var(--dim); font: inherit; font-size: 11px; cursor: pointer; }
+.basic-settings-json-tabs button.active { border-color: var(--accent); color: var(--accent); background: color-mix(in srgb, var(--accent) 9%, transparent); }
+.basic-settings-json-view { flex: 1; overflow: auto; margin: 0; padding: 16px 18px; background: var(--bg); color: var(--fg); font: 11px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; tab-size: 2; }
+@media (max-width: 1260px) {
+  .basic-settings-launch { width: 32px; }
+}
+@media (max-width: 820px) {
+  .basic-settings-modal,
+  .basic-settings-json-modal { padding: 0; }
+  .basic-settings-dialog,
+  .basic-settings-json-dialog { width: 100vw; height: 100dvh; min-height: 0; border: 0; border-radius: 0; }
+  .basic-settings-header,
+  .basic-settings-json-header { padding: 15px 16px 13px; }
+  .basic-settings-header p,
+  .basic-settings-json-header p { max-width: 68vw; overflow: hidden; text-overflow: ellipsis; }
+  .basic-settings-layout { flex-direction: column; }
+  .basic-settings-tabs { width: 100%; flex: 0 0 auto; display: flex; gap: 4px; overflow-x: auto; padding: 8px; border-right: 0; border-bottom: 1px solid var(--border); }
+  .basic-settings-tab { width: auto; min-width: 142px; min-height: 48px; margin: 0; }
+  .basic-settings-scroll { padding: 18px 16px 28px; }
+  .basic-settings-form-grid { grid-template-columns: 1fr; }
+  .basic-settings-field.full { grid-column: auto; }
+  .basic-settings-service-grid { grid-template-columns: 1fr 1fr; }
+  .basic-settings-checkboxes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .basic-settings-footer { padding: 10px 14px; }
+  .basic-settings-status { max-width: 32vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+}
+@media (max-width: 520px) {
+  .basic-settings-header-actions .basic-settings-plain-btn { display: none; }
+  .basic-settings-panel-intro p { white-space: nowrap; }
+  .basic-settings-agent-head { gap: 8px; }
+  .basic-settings-agent-default { max-width: 82px; }
+  .basic-settings-list-row { grid-template-columns: minmax(0, 1fr) 92px 34px; }
+  .basic-settings-service-grid,
+  .basic-settings-checkboxes { grid-template-columns: 1fr; }
+  .basic-settings-footer { gap: 7px; }
+  .basic-settings-secondary-btn,
+  .basic-settings-primary-btn { padding-inline: 9px; }
+}