@megen-lebar/dsh-reasoning-effort 0.2.0

package/lib/client.js

@@ -0,0 +1,1228 @@
+/**
+ * dsh-reasoning-effort - browser half.
+ *
+ * A compact two-step configurator for reasoning levels. The UI intentionally
+ * keeps model selection and editing separate so a long provider catalog stays
+ * easy to scan and save feedback cannot disappear during a rerender.
+ */
+window.__ModuleLoader__.load({
+  id: "@megen-lebar/dsh-reasoning-effort",
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+
+    var NS = "dsh-reasoning-effort";
+    var PANEL_ID = "reasoning";
+    var PANEL_EVENT = "dsh:sidebar-panel-open";
+    var API = "/api/dsh-reasoning";
+    var LEVELS = ["off", "minimal", "low", "medium", "high", "xhigh", "max"];
+    var LEVEL_LABELS = {
+      minimal: "极简",
+      low: "低",
+      medium: "中",
+      high: "高",
+      xhigh: "超高",
+      max: "最大",
+    };
+
+    var icons = {
+      brain: '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9.5 4.5A3.5 3.5 0 0 0 3 6.3a3.6 3.6 0 0 0-.8 5.9A3.6 3.6 0 0 0 5.7 18c1.5 0 2.8-.9 3.8-2.1V4.5Z"/><path d="M14.5 4.5A3.5 3.5 0 0 1 21 6.3a3.6 3.6 0 0 1 .8 5.9 3.6 3.6 0 0 1-3.5 5.8c-1.5 0-2.8-.9-3.8-2.1V4.5Z"/><path d="M5.8 9.2c1.4.1 2.4.9 2.8 2.2M18.2 9.2c-1.4.1-2.4.9-2.8 2.2"/></svg>',
+      close: '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m6 6 12 12M18 6 6 18"/></svg>',
+      back: '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m15 18-6-6 6-6"/></svg>',
+      refresh: '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M20 12a8 8 0 1 1-2.3-5.7L20 8"/><path d="M20 3v5h-5"/></svg>',
+      chevron: '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m9 18 6-6-6-6"/></svg>',
+      check: '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m5 12 4 4L19 6"/></svg>',
+      info: '<svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M12 11v5M12 8h.01"/></svg>',
+    };
+
+    function el(tag, attrs, children) {
+      var node = document.createElement(tag);
+      if (attrs) for (var key in attrs) {
+        var value = attrs[key];
+        if (key === "class") node.className = value;
+        else if (key === "text") node.textContent = value;
+        else if (key === "html") node.innerHTML = value;
+        else if (key === "onclick") node.addEventListener("click", value);
+        else if (key === "onchange") node.addEventListener("change", value);
+        else if (key === "oninput") node.addEventListener("input", value);
+        else if (key === "checked") node.checked = !!value;
+        else if (key === "disabled") node.disabled = !!value;
+        else if (key === "value") node.value = value == null ? "" : value;
+        else node.setAttribute(key, value);
+      }
+      if (children) for (var i = 0; i < children.length; i++) {
+        if (children[i]) node.appendChild(children[i]);
+      }
+      // Select values only resolve after their option children exist.
+      if (attrs && Object.prototype.hasOwnProperty.call(attrs, "value")) node.value = attrs.value == null ? "" : attrs.value;
+      return node;
+    }
+
+    function iconButton(icon, title, onclick, disabled) {
+      return el("button", {
+        type: "button",
+        title: title,
+        "aria-label": title,
+        "data-dsh-reasoning-icon-btn": "",
+        html: icon,
+        onclick: onclick,
+        disabled: !!disabled,
+      });
+    }
+
+    function cssText() {
+      return [
+        '[data-dsh-reasoning-entry]{width:100%;height:32px;box-sizing:border-box;color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:transparent;border:0;outline:0;border-radius:8px;align-items:center;justify-content:flex-start;text-align:left;margin:0;gap:8px;padding:0 12px;font-size:13px;display:flex;flex:0 0 auto;max-width:100%;overflow:hidden;font-family:inherit}',
+        '[data-dsh-reasoning-entry] svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}',
+        '[data-dsh-reasoning-entry]:focus-visible{outline:2px solid var(--dsw-alias-border-l3);outline-offset:-2px}',
+        '[data-dsh-reasoning-entry]:hover{background:var(--dsw-specific-sidebar-nav-item-hover);color:var(--dsw-alias-label-primary)}',
+        '[data-dsh-reasoning-entry][data-active]{background:var(--dsw-specific-sidebar-nav-item-active);color:var(--dsw-alias-label-primary);font-weight:600}',
+        '[data-dsh-frame][data-sidebar-collapsed] [data-dsh-reasoning-entry]{justify-content:center;width:100%;padding:0}',
+        '[data-dsh-frame][data-sidebar-collapsed] [data-dsh-reasoning-entry] .alabel{display:none}',
+        '[data-dsh-reasoning-view]{--re-accent:#2563eb;--re-accent-soft:rgba(37,99,235,.1);--re-success:#16835b;--re-danger:#c13c44;z-index:10000;display:none;position:fixed;left:-100000px;top:0;width:420px;height:0;max-width:calc(100vw - 16px);box-sizing:border-box;flex-direction:column;background:rgba(250,251,252,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;box-shadow:var(--dsw-shadow-lv3);overflow:hidden;overscroll-behavior:contain;color:var(--dsw-alias-label-primary);font-family:inherit;isolation:isolate}',
+        '[data-dsh-reasoning-view][data-open]{display:flex}',
+        ':root[data-theme=dark] [data-dsh-reasoning-view]{--re-accent:#60a5fa;--re-accent-soft:rgba(96,165,250,.12);--re-success:#49b889;--re-danger:#f07178;background:rgba(24,25,28,.98)}',
+        '@media(prefers-color-scheme:dark){:root:not([data-theme=light]) [data-dsh-reasoning-view]{--re-accent:#60a5fa;--re-accent-soft:rgba(96,165,250,.12);--re-success:#49b889;--re-danger:#f07178;background:rgba(24,25,28,.98)}}',
+        '[data-dsh-reasoning-header]{flex:none;display:flex;align-items:center;gap:10px;min-height:58px;padding:0 16px;border-bottom:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1)}',
+        '[data-dsh-reasoning-mark]{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:var(--re-accent-soft);color:var(--re-accent)}',
+        '[data-dsh-reasoning-mark] svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}',
+        '[data-dsh-reasoning-heading]{flex:1;min-width:0}',
+        '[data-dsh-reasoning-title]{font-size:15px;font-weight:700;line-height:20px}',
+        '[data-dsh-reasoning-subtitle]{font-size:11px;color:var(--dsw-alias-label-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
+        '[data-dsh-reasoning-icon-btn]{width:32px;height:32px;display:grid;place-items:center;flex:none;border:0;border-radius:7px;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer}',
+        '[data-dsh-reasoning-icon-btn]:hover{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary)}',
+        '[data-dsh-reasoning-icon-btn]:disabled{opacity:.45;cursor:default}',
+        '[data-dsh-reasoning-icon-btn] svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}',
+        '[data-dsh-reasoning-icon-btn][data-loading] svg{animation:dsh-reasoning-spin .8s linear infinite}',
+        '@keyframes dsh-reasoning-spin{to{transform:rotate(360deg)}}',
+        '[data-dsh-reasoning-scroll]{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}',
+        '[data-dsh-reasoning-body]{display:flex;flex-direction:column;gap:14px;padding:16px 16px 24px}',
+        '[data-dsh-reasoning-toolbar]{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:8px}',
+        '[data-dsh-reasoning-select],[data-dsh-reasoning-search],[data-dsh-reasoning-wire]{box-sizing:border-box;height:34px;border:1px solid var(--dsw-alias-border-l1);border-radius:7px;background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;outline:none}',
+        '[data-dsh-reasoning-select]{width:100%;padding:0 30px 0 10px}',
+        '[data-dsh-reasoning-search]{width:100%;padding:0 10px}',
+        '[data-dsh-reasoning-search-empty]{display:none;padding:24px 12px;text-align:center;font-size:11px;color:var(--dsw-alias-label-tertiary)}',
+        '[data-dsh-reasoning-search-empty][data-visible]{display:block}',
+        '[data-dsh-reasoning-wire]{width:132px;padding:0 9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}',
+        '[data-dsh-reasoning-wire]:disabled{opacity:.48;background:var(--dsw-alias-bg-layer-2)}',
+        '[data-dsh-reasoning-select]:focus,[data-dsh-reasoning-search]:focus,[data-dsh-reasoning-wire]:focus{border-color:var(--re-accent);box-shadow:0 0 0 2px var(--re-accent-soft)}',
+        '[data-dsh-reasoning-summary]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--dsw-alias-border-l1)}',
+        '[data-dsh-reasoning-summary-title]{font-size:13px;font-weight:650}',
+        '[data-dsh-reasoning-summary-copy]{margin-top:2px;font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary)}',
+        '[data-dsh-reasoning-source]{flex:none;font-size:10px;color:var(--re-success);padding-top:2px}',
+        '[data-dsh-reasoning-conversation]{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--dsw-alias-border-l1);border-radius:8px;background:var(--re-accent-soft)}',
+        '[data-dsh-reasoning-conversation][data-off]{border-color:var(--re-danger);background:rgba(193,60,68,.08)}',
+        '[data-dsh-reasoning-conversation-copy]{flex:1;min-width:0}',
+        '[data-dsh-reasoning-conversation-title]{font-size:11px;font-weight:700}',
+        '[data-dsh-reasoning-conversation-identity]{margin-top:2px;font-size:10px;line-height:15px;color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere}',
+        '[data-dsh-reasoning-conversation-state]{flex:none;font-size:10px;color:var(--re-success);white-space:nowrap}',
+        '[data-dsh-reasoning-conversation][data-off] [data-dsh-reasoning-conversation-state]{color:var(--re-danger)}',
+        '[data-dsh-reasoning-model-list]{display:flex;flex-direction:column;gap:8px}',
+        '[data-dsh-reasoning-model]{width:100%;min-height:68px;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:10px;padding:10px 12px;text-align:left;border:1px solid var(--dsw-alias-border-l1);border-radius:8px;background:var(--dsw-alias-bg-layer-1);color:inherit;font:inherit;cursor:pointer}',
+        '[data-dsh-reasoning-model]:hover{border-color:var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2)}',
+        '[data-dsh-reasoning-model][data-current]{border-color:var(--re-accent);background:var(--re-accent-soft)}',
+        '[data-dsh-reasoning-model-name]{font-size:13px;font-weight:650;overflow-wrap:anywhere}',
+        '[data-dsh-reasoning-model-id]{margin-top:2px;font-size:10px;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere}',
+        '[data-dsh-reasoning-model-meta]{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px;font-size:10px;color:var(--dsw-alias-label-secondary)}',
+        '[data-dsh-reasoning-model-meta] [data-configured]{color:var(--re-success)}',
+        '[data-dsh-reasoning-model-meta] [data-off]{color:var(--re-danger)}',
+        '[data-dsh-reasoning-model-meta] [data-current]{color:var(--re-accent);font-weight:700}',
+        '[data-dsh-reasoning-model] [data-chevron] svg{width:16px;height:16px;fill:none;stroke:var(--dsw-alias-label-tertiary);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}',
+        '[data-dsh-reasoning-empty]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:42px 16px;text-align:center;color:var(--dsw-alias-label-tertiary);font-size:12px}',
+        '[data-dsh-reasoning-empty] svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}',
+        '[data-dsh-reasoning-editor-head]{display:flex;align-items:flex-start;gap:10px}',
+        '[data-dsh-reasoning-editor-copy]{flex:1;min-width:0}',
+        '[data-dsh-reasoning-editor-name]{font-size:15px;font-weight:700;overflow-wrap:anywhere}',
+        '[data-dsh-reasoning-editor-id]{margin-top:2px;font-size:10px;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere}',
+        '[data-dsh-reasoning-section]{display:flex;flex-direction:column;gap:8px;padding-top:2px}',
+        '[data-dsh-reasoning-section]+[data-dsh-reasoning-section]{padding-top:14px;border-top:1px solid var(--dsw-alias-border-l1)}',
+        '[data-dsh-reasoning-section-head]{display:flex;align-items:center;justify-content:space-between;gap:10px}',
+        '[data-dsh-reasoning-section-title]{font-size:12px;font-weight:700}',
+        '[data-dsh-reasoning-section-note]{font-size:10px;color:var(--dsw-alias-label-tertiary)}',
+        '[data-dsh-reasoning-quick]{display:flex;flex-wrap:wrap;gap:7px}',
+        '[data-dsh-reasoning-level]{display:grid;grid-template-columns:22px minmax(74px,1fr) 132px;align-items:center;gap:8px;min-height:44px;padding:6px 8px;border:1px solid var(--dsw-alias-border-l1);border-radius:7px;background:var(--dsw-alias-bg-base)}',
+        '[data-dsh-reasoning-level]:hover{background:var(--dsw-alias-bg-layer-1)}',
+        '[data-dsh-reasoning-level][data-active]{border-color:var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1)}',
+        '[data-dsh-reasoning-level] input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--re-accent)}',
+        '[data-dsh-reasoning-level]>label{min-width:0;cursor:pointer}',
+        '[data-dsh-reasoning-level-name]{font-size:12px;font-weight:650}',
+        '[data-dsh-reasoning-level-detail]{margin-top:1px;font-size:9px;color:var(--dsw-alias-label-tertiary)}',
+        '[data-dsh-reasoning-off]{display:grid;grid-template-columns:40px minmax(74px,1fr) auto;align-items:center;gap:8px;min-height:52px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l1);border-radius:7px;background:var(--dsw-alias-bg-base)}',
+        '[data-dsh-reasoning-off]:hover{background:var(--dsw-alias-bg-layer-1)}',
+        '[data-dsh-reasoning-off][data-active]{border-color:var(--re-danger);background:rgba(193,60,68,.08)}',
+        '[data-dsh-reasoning-off] input[type=checkbox]{appearance:none;position:relative;width:38px;height:22px;margin:0;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;background:var(--dsw-alias-bg-layer-2);cursor:pointer;transition:background .16s ease,border-color .16s ease}',
+        '[data-dsh-reasoning-off] input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--dsw-alias-label-tertiary);transition:transform .16s ease,background .16s ease}',
+        '[data-dsh-reasoning-off] input[type=checkbox]:checked{border-color:var(--re-danger);background:var(--re-danger)}',
+        '[data-dsh-reasoning-off] input[type=checkbox]:checked:after{transform:translateX(16px);background:#fff}',
+        '[data-dsh-reasoning-off] input[type=checkbox]:focus-visible{outline:2px solid var(--re-accent);outline-offset:2px}',
+        '[data-dsh-reasoning-off]>label{min-width:0;cursor:pointer}',
+        '[data-dsh-reasoning-off-state]{flex:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-2)}',
+        '[data-dsh-reasoning-off][data-active] [data-dsh-reasoning-off-state]{color:#fff;background:var(--re-danger)}',
+        '[data-dsh-reasoning-off-callout]{padding:10px 11px;border:1px solid rgba(193,60,68,.32);border-radius:7px;background:rgba(193,60,68,.06)}',
+        '[data-dsh-reasoning-off-callout-title]{font-size:12px;font-weight:700;color:var(--re-danger)}',
+        '[data-dsh-reasoning-off-callout-copy],[data-dsh-reasoning-scope-note]{margin-top:3px;font-size:10px;line-height:16px;color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere}',
+        '[data-dsh-reasoning-scope-note]{padding:0 2px}',
+        '[data-dsh-reasoning-form]{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,190px);align-items:center;gap:9px 12px}',
+        '[data-dsh-reasoning-label]{font-size:11px;color:var(--dsw-alias-label-secondary)}',
+        '[data-dsh-reasoning-btn]{min-height:32px;box-sizing:border-box;border-radius:7px;padding:0 12px;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;cursor:pointer}',
+        '[data-dsh-reasoning-btn]:hover{background:var(--dsw-alias-bg-layer-2)}',
+        '[data-dsh-reasoning-btn=primary]{min-width:82px;border-color:var(--re-accent);background:var(--re-accent);color:#fff;font-weight:650}',
+        '[data-dsh-reasoning-btn=primary]:hover{filter:brightness(.96)}',
+        '[data-dsh-reasoning-btn]:disabled{opacity:.48;cursor:default;filter:none}',
+        '[data-dsh-reasoning-actions]{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:8px;padding:11px 16px;border-top:1px solid var(--dsw-alias-border-l1);background:rgba(250,251,252,.96);backdrop-filter:blur(12px)}',
+        ':root[data-theme=dark] [data-dsh-reasoning-actions]{background:rgba(24,25,28,.96)}',
+        '@media(prefers-color-scheme:dark){:root:not([data-theme=light]) [data-dsh-reasoning-actions]{background:rgba(24,25,28,.96)}}',
+        '[data-dsh-reasoning-save-state]{flex:1;min-width:0;font-size:10px;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere}',
+        '[data-dsh-reasoning-notice]{flex:none;display:flex;align-items:flex-start;gap:8px;margin:10px 16px 0;padding:9px 11px;border:1px solid var(--dsw-alias-border-l2);border-radius:7px;background:var(--dsw-alias-bg-layer-1);font-size:11px;line-height:16px;color:var(--dsw-alias-label-secondary)}',
+        '[data-dsh-reasoning-notice] svg{width:14px;height:14px;flex:none;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}',
+        '[data-dsh-reasoning-notice=success]{border-left-color:var(--re-success);color:var(--re-success)}',
+        '[data-dsh-reasoning-notice=error]{border-left-color:var(--re-danger);color:var(--re-danger)}',
+        '[data-dsh-reasoning-confirm]{display:flex;align-items:center;gap:8px;width:100%}',
+        '[data-dsh-reasoning-confirm-copy]{flex:1;min-width:0;font-size:10px;color:var(--re-danger)}',
+        '@media(max-width:560px){[data-dsh-reasoning-view]{border-radius:0;max-width:100vw}[data-dsh-reasoning-body]{padding:14px 12px 36px}[data-dsh-reasoning-conversation]{align-items:flex-start;flex-wrap:wrap}[data-dsh-reasoning-level]{grid-template-columns:22px minmax(66px,1fr) minmax(100px,128px)}[data-dsh-reasoning-wire]{width:100%}[data-dsh-reasoning-form]{grid-template-columns:1fr}[data-dsh-reasoning-actions]{padding:10px 12px}}',
+      ].join("\n");
+    }
+
+    function injectCss() {
+      var current = document.getElementById("dsh-reasoning-effort-css");
+      if (current) current.remove();
+      var style = document.createElement("style");
+      style.id = "dsh-reasoning-effort-css";
+      style.textContent = cssText();
+      document.head.appendChild(style);
+    }
+
+    function sidebarRoot() {
+      var column = document.querySelector('[data-pane="sidebar"], [class*="sidebarCol"]');
+      if (!column) return undefined;
+      return column.querySelector('[class*="logoRow"]')?.parentElement ?? column.firstElementChild;
+    }
+
+    function newSessionButton(root) {
+      var nested = root?.querySelector('button[class*="newSession"]');
+      if (nested) return nested;
+      if (root) for (var i = 0; i < root.children.length; i++) {
+        if (root.children[i].tagName === "BUTTON") return root.children[i];
+      }
+      return undefined;
+    }
+
+    var state = {
+      open: false,
+      loading: false,
+      saving: false,
+      error: null,
+      list: null,
+      providerId: null,
+      providerPinned: false,
+      modelIndex: null,
+      query: "",
+      edit: null,
+      notice: null,
+      discardConfirm: false,
+      conversation: null,
+    };
+    var listeners = [];
+    var noticeTimer;
+    var modelDirectories;
+
+    function publish() {
+      for (var i = 0; i < listeners.length; i++) listeners[i]();
+    }
+
+    function subscribe(fn) {
+      listeners.push(fn);
+      return function () { listeners = listeners.filter(function (item) { return item !== fn; }); };
+    }
+
+    function setNotice(type, message, sticky) {
+      state.notice = { type: type, message: message };
+      clearTimeout(noticeTimer);
+      if (!sticky) {
+        noticeTimer = setTimeout(function () {
+          state.notice = null;
+          publish();
+        }, 3600);
+      }
+      publish();
+    }
+
+    function clearErrorNotice() {
+      if (state.notice && state.notice.type === "error") {
+        state.notice = null;
+        clearTimeout(noticeTimer);
+        document.querySelector('[data-dsh-reasoning-notice="error"]')?.remove();
+      }
+    }
+
+    function markEdited() {
+      clearErrorNotice();
+      var wasConfirming = state.discardConfirm;
+      state.discardConfirm = false;
+      if (wasConfirming) publish();
+      else syncEditorControls();
+    }
+
+    async function api(path, body) {
+      var response = await fetch(API + path, {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(body || {}),
+      });
+      var payload;
+      try {
+        payload = await response.json();
+      } catch (error) {
+        throw new Error("服务返回了无法解析的响应 (HTTP " + response.status + ")");
+      }
+      if (!response.ok && payload.ok !== false) throw new Error("请求失败 (HTTP " + response.status + ")");
+      return payload;
+    }
+
+    function selectedProvider() {
+      if (!state.list) return undefined;
+      for (var i = 0; i < state.list.providers.length; i++) {
+        if (state.list.providers[i].id === state.providerId) return state.list.providers[i];
+      }
+      return undefined;
+    }
+
+    function selectedModel() {
+      var provider = selectedProvider();
+      if (!provider || state.modelIndex === null) return undefined;
+      for (var i = 0; i < provider.models.length; i++) {
+        if (provider.models[i].index === state.modelIndex) return provider.models[i];
+      }
+      return undefined;
+    }
+
+    function providerById(providerId) {
+      if (!state.list || typeof providerId !== "string") return undefined;
+      return state.list.providers.find(function (provider) { return provider.id === providerId; });
+    }
+
+    function modelByIdentity(providerId, modelId) {
+      var provider = providerById(providerId);
+      return provider && provider.models.find(function (model) { return model.id === modelId; });
+    }
+
+    function isConversationModel(providerId, modelId) {
+      return !!state.conversation && !state.conversation.ambiguous && state.conversation.provider === providerId && state.conversation.model === modelId;
+    }
+
+    function modelIsOff(providerId, modelId) {
+      var model = modelByIdentity(providerId, modelId);
+      return !!(model && model.current && model.current.reasoningEfforts === false);
+    }
+
+    function knownDirectories() {
+      var directories = modelDirectories && modelDirectories.live && modelDirectories.live.directories;
+      if (!directories || typeof directories.forEach !== "function") return [];
+      var result = [];
+      directories.forEach(function (directory) {
+        if (directory && directory.store && typeof directory.store.getSnapshot === "function") result.push(directory);
+      });
+      return result;
+    }
+
+    async function syncConversation(options) {
+      var directories = knownDirectories();
+      if (!directories.length) {
+        state.conversation = null;
+        return null;
+      }
+      if (options && options.reload) {
+        await Promise.all(directories.map(function (directory) {
+          return Promise.resolve(directory.load()).catch(function () { return undefined; });
+        }));
+      }
+      var selections = [];
+      var seen = {};
+      for (var i = 0; i < directories.length; i++) {
+        var current = directories[i].store.getSnapshot()?.current;
+        if (!current || typeof current.provider !== "string" || typeof current.model !== "string") continue;
+        var key = current.provider + "\u0000" + current.model;
+        if (seen[key]) continue;
+        seen[key] = true;
+        selections.push({ provider: current.provider, model: current.model, reasoningEffort: current.reasoningEffort });
+      }
+      state.conversation = selections.length === 1 ? selections[0] : (selections.length > 1 ? { ambiguous: true, count: selections.length } : null);
+      return state.conversation;
+    }
+
+    function focusConversationModel() {
+      var conversation = state.conversation;
+      if (!conversation || conversation.ambiguous || !providerById(conversation.provider)) return;
+      state.providerId = conversation.provider;
+      state.providerPinned = true;
+      state.query = "";
+      state.notice = null;
+      publish();
+    }
+
+    async function refresh(options) {
+      var quiet = options && options.quiet;
+      if (!quiet) state.loading = true;
+      state.error = null;
+      if (!quiet) publish();
+      try {
+        var response = await api("/list");
+        if (!response.ok) throw new Error(response.error || "加载失败");
+        state.list = response.value;
+        await syncConversation({ reload: !!(options && options.syncConversation) });
+        var providerExists = state.list.providers.some(function (provider) { return provider.id === state.providerId; });
+        var conversationProvider = state.conversation && !state.conversation.ambiguous && providerById(state.conversation.provider);
+        if ((!state.providerId || !providerExists || !state.providerPinned) && conversationProvider) state.providerId = conversationProvider.id;
+        else if (!providerExists) state.providerId = state.list.providers.length ? state.list.providers[0].id : null;
+      } catch (error) {
+        state.error = error instanceof Error ? error.message : String(error);
+        if (state.list) state.notice = { type: "error", message: "刷新失败：" + state.error };
+        else state.list = null;
+      }
+      state.loading = false;
+      publish();
+    }
+
+    function popoverView() {
+      return document.querySelector("[data-dsh-reasoning-view]");
+    }
+
+    function popoverShown() {
+      var view = popoverView();
+      if (!view) return false;
+      return view.hasAttribute("data-open");
+    }
+
+    function setOpen(open, announce) {
+      state.open = open;
+      document.documentElement.toggleAttribute("data-dsh-reasoning-active", open);
+      if (open && announce !== false) window.dispatchEvent(new CustomEvent(PANEL_EVENT, { detail: { panel: PANEL_ID } }));
+      if (open) refresh({ quiet: !!state.list, syncConversation: true });
+      publish();
+    }
+
+    function requestClosePanel() {
+      if (state.saving) return;
+      // Closing the drawer preserves a draft; returning to the model list is
+      // the explicit destructive action and gets its own confirmation.
+      setOpen(false);
+    }
+
+    function toggle() {
+      if (state.open && !popoverShown()) {
+        setOpen(false, false);
+        setOpen(true);
+        return;
+      }
+      if (state.open) requestClosePanel();
+      else setOpen(true);
+    }
+
+    function officialMap(model) {
+      var result = {};
+      var levels = model && model.official && model.official.levels ? model.official.levels : [];
+      for (var i = 0; i < levels.length; i++) result[levels[i].level] = levels[i].wire;
+      return result;
+    }
+
+    function snapshotEdit(edit) {
+      var levels = {};
+      for (var i = 1; i < LEVELS.length; i++) {
+        var level = LEVELS[i];
+        levels[level] = { checked: !!edit.levels[level].checked, wire: edit.levels[level].wire.trim() };
+      }
+      return JSON.stringify({
+        levels: levels,
+        off: !!edit.off,
+        defaultReasoning: edit.defaultReasoning,
+        thinkingFormat: edit.thinkingFormat,
+        supportsReasoningEffort: edit.supportsReasoningEffort,
+      });
+    }
+
+    function makeEdit(provider, model) {
+      var current = model.current && model.current.reasoningEfforts;
+      var official = officialMap(model);
+      var levels = {};
+      for (var i = 1; i < LEVELS.length; i++) {
+        var level = LEVELS[i];
+        var configured = current && current !== false && Object.prototype.hasOwnProperty.call(current, level) && current[level] != null;
+        var followsOfficial = current === undefined && Object.prototype.hasOwnProperty.call(official, level) && official[level] != null;
+        var wire = configured ? String(current[level]) : (official[level] == null ? level : String(official[level]));
+        levels[level] = { checked: !!configured || followsOfficial, wire: wire };
+      }
+      var compat = provider.compat || {};
+      var edit = {
+        levels: levels,
+        off: current === false,
+        defaultReasoning: current === false ? "" : (provider.reasoning || ""),
+        thinkingFormat: compat.thinkingFormat || "",
+        supportsReasoningEffort: compat.supportsReasoningEffort === undefined ? "" : String(compat.supportsReasoningEffort),
+        initial: "",
+      };
+      if (current === undefined && model.storage === "models") {
+        var persisted = {
+          levels: {},
+          off: false,
+          defaultReasoning: edit.defaultReasoning,
+          thinkingFormat: edit.thinkingFormat,
+          supportsReasoningEffort: edit.supportsReasoningEffort,
+        };
+        for (var li = 1; li < LEVELS.length; li++) {
+          var persistedLevel = LEVELS[li];
+          persisted.levels[persistedLevel] = { checked: false, wire: edit.levels[persistedLevel].wire };
+        }
+        edit.initial = snapshotEdit(persisted);
+      } else {
+        edit.initial = snapshotEdit(edit);
+      }
+      return edit;
+    }
+
+    function openEditor(modelIndex) {
+      var provider = selectedProvider();
+      if (!provider) return;
+      var model = provider.models.find(function (item) { return item.index === modelIndex; });
+      if (!model) return;
+      state.modelIndex = modelIndex;
+      state.edit = makeEdit(provider, model);
+      state.notice = null;
+      state.discardConfirm = false;
+      publish();
+    }
+
+    function discardEditor() {
+      state.modelIndex = null;
+      state.edit = null;
+      state.discardConfirm = false;
+      state.notice = null;
+      publish();
+    }
+
+    function closeEditor() {
+      if (state.saving) return;
+      if (isDirty()) {
+        state.discardConfirm = true;
+        publish();
+        return;
+      }
+      discardEditor();
+    }
+
+    function enabledLevels() {
+      var levels = [];
+      if (!state.edit) return levels;
+      for (var i = 1; i < LEVELS.length; i++) {
+        if (state.edit.levels[LEVELS[i]].checked) levels.push(LEVELS[i]);
+      }
+      return levels;
+    }
+
+    function isDirty() {
+      return !!state.edit && snapshotEdit(state.edit) !== state.edit.initial;
+    }
+
+    function syncEditorControls() {
+      var save = document.querySelector("[data-dsh-reasoning-save]");
+      var status = document.querySelector("[data-dsh-reasoning-save-state]");
+      var off = !!(state.edit && state.edit.off);
+      if (save) {
+        save.disabled = state.saving || !isDirty();
+        save.textContent = state.saving ? "同步中..." : (off ? "保存并关闭" : "保存并同步");
+      }
+      if (status) status.textContent = state.saving ? "正在校验并同步对话模型" : (isDirty() ? (off ? "关闭推理待保存" : "有未保存的修改") : "当前没有修改");
+    }
+
+    function rerenderEditor() {
+      var current = document.querySelector("[data-dsh-reasoning-scroll]");
+      var scrollTop = current ? current.scrollTop : 0;
+      clearErrorNotice();
+      state.discardConfirm = false;
+      renderPanel();
+      var next = document.querySelector("[data-dsh-reasoning-scroll]");
+      if (next) next.scrollTop = scrollTop;
+    }
+
+    function applyOfficialLevels(model) {
+      if (!model || !state.edit) return false;
+      var official = officialMap(model);
+      var found = false;
+      for (var i = 1; i < LEVELS.length; i++) {
+        var level = LEVELS[i];
+        var supported = Object.prototype.hasOwnProperty.call(official, level) && official[level] != null;
+        state.edit.levels[level].checked = supported;
+        if (supported) {
+          state.edit.levels[level].wire = String(official[level]);
+          found = true;
+        }
+      }
+      if (state.edit.defaultReasoning && enabledLevels().indexOf(state.edit.defaultReasoning) < 0) state.edit.defaultReasoning = "";
+      return found;
+    }
+
+    function applyOfficial() {
+      var model = selectedModel();
+      if (!model || !state.edit || state.edit.off) return;
+      applyOfficialLevels(model);
+      rerenderEditor();
+    }
+
+    function restoreCurrent() {
+      var provider = selectedProvider();
+      var model = selectedModel();
+      if (!provider || !model) return;
+      state.edit = makeEdit(provider, model);
+      rerenderEditor();
+    }
+
+    async function saveEditor() {
+      var provider = selectedProvider();
+      var model = selectedModel();
+      if (!provider || !model || !state.edit || state.saving || !isDirty()) return;
+
+      var efforts = false;
+      var enabled = enabledLevels();
+      if (!state.edit.off) {
+        if (!enabled.length) {
+          setNotice("error", "请至少启用一个推理等级；要关闭推理请使用上方开关。", true);
+          return;
+        }
+        efforts = { off: null };
+        for (var i = 0; i < enabled.length; i++) {
+          var level = enabled[i];
+          var wire = state.edit.levels[level].wire.trim();
+          if (!wire) {
+            setNotice("error", "“" + LEVEL_LABELS[level] + "”已启用，请填写线上拼写。", true);
+            return;
+          }
+          efforts[level] = wire;
+        }
+      }
+      if (state.edit.defaultReasoning && state.edit.defaultReasoning !== "off" && enabled.indexOf(state.edit.defaultReasoning) < 0) {
+        setNotice("error", "默认强度必须是当前已启用的等级。", true);
+        return;
+      }
+
+      var savedProvider = provider.id;
+      var savedModel = model.id;
+      var body = {
+        provider: provider.id,
+        modelIndex: model.index,
+        modelId: model.id,
+        storage: model.storage,
+        reasoningEfforts: efforts,
+      };
+      if (!state.edit.off) {
+        body.defaultReasoning = state.edit.defaultReasoning;
+        body.compat = {
+          thinkingFormat: state.edit.thinkingFormat,
+          supportsReasoningEffort: state.edit.supportsReasoningEffort === "" ? null : state.edit.supportsReasoningEffort === "true",
+        };
+      }
+
+      state.saving = true;
+      state.notice = null;
+      syncEditorControls();
+      try {
+        var response = await api("/save-model", body);
+        if (!response.ok) throw new Error(response.error || "配置被拒绝");
+        state.saving = false;
+        state.modelIndex = null;
+        state.edit = null;
+        await refresh({ quiet: true, syncConversation: true });
+        var syncedOff = response.value && response.value.offOnly && isConversationModel(savedProvider, savedModel) && modelIsOff(savedProvider, savedModel);
+        setNotice("success", response.value && response.value.offOnly ? (syncedOff ? "已关闭并同步到当前对话：推理等级已隐藏。" : "已关闭该模型的推理；对话模型菜单会在下次打开时刷新。") : "思考强度已保存并同步到对话模型目录。");
+      } catch (error) {
+        state.saving = false;
+        var message = error instanceof Error ? error.message : String(error);
+        setNotice("error", "保存失败：" + message, true);
+        syncEditorControls();
+      }
+    }
+
+    function renderHeader(view) {
+      var model = selectedModel();
+      var provider = selectedProvider();
+      var title = model ? "编辑思考强度" : "思考强度";
+      var subtitle = model && provider ? provider.id + " / " + model.id : "与当前对话模型保持同步";
+      view.appendChild(el("div", { "data-dsh-reasoning-header": "" }, [
+        el("div", { "data-dsh-reasoning-mark": "", html: icons.brain }),
+        el("div", { "data-dsh-reasoning-heading": "" }, [
+          el("div", { "data-dsh-reasoning-title": "", text: title }),
+          el("div", { "data-dsh-reasoning-subtitle": "", text: subtitle }),
+        ]),
+        iconButton(icons.close, "关闭", toggle),
+      ]));
+    }
+
+    function renderNotice(view) {
+      if (!state.notice) return;
+      view.appendChild(el("div", {
+        "data-dsh-reasoning-notice": state.notice.type,
+        role: state.notice.type === "error" ? "alert" : "status",
+      }, [
+        el("span", { html: state.notice.type === "success" ? icons.check : icons.info }),
+        el("span", { text: state.notice.message }),
+      ]));
+    }
+
+    function renderConversationStatus(body) {
+      var conversation = state.conversation;
+      if (!conversation || conversation.ambiguous) return;
+      var provider = providerById(conversation.provider);
+      var model = modelByIdentity(conversation.provider, conversation.model);
+      var off = modelIsOff(conversation.provider, conversation.model);
+      var attrs = { "data-dsh-reasoning-conversation": "" };
+      if (off) attrs["data-off"] = "";
+      var identity = (provider ? provider.displayName : conversation.provider) + " / " + (model ? model.name : conversation.model);
+      var status = off ? "推理已关闭" : (conversation.reasoningEffort ? "当前强度：" + conversation.reasoningEffort : "跟随模型默认");
+      var children = [
+        el("div", { "data-dsh-reasoning-conversation-copy": "" }, [
+          el("div", { "data-dsh-reasoning-conversation-title": "", text: "当前对话模型" }),
+          el("div", { "data-dsh-reasoning-conversation-identity": "", text: identity }),
+        ]),
+        el("div", { "data-dsh-reasoning-conversation-state": "", text: status }),
+      ];
+      if (state.providerId !== conversation.provider) {
+        children.push(el("button", { type: "button", "data-dsh-reasoning-btn": "", text: "定位", onclick: focusConversationModel }));
+      }
+      body.appendChild(el("div", attrs, children));
+    }
+
+    function renderLoading(body) {
+      body.appendChild(el("div", { "data-dsh-reasoning-empty": "" }, [
+        el("div", { html: icons.refresh }),
+        el("div", { text: "正在同步模型配置..." }),
+      ]));
+    }
+
+    function modelStatus(model) {
+      var current = model.current && model.current.reasoningEfforts;
+      if (current === false) return "已关闭";
+      if (!current) return "跟随模型默认";
+      var levels = [];
+      for (var i = 1; i < LEVELS.length; i++) if (current[LEVELS[i]] != null) levels.push(LEVELS[i]);
+      return levels.length ? levels.join(" · ") : "跟随模型默认";
+    }
+
+    function officialStatus(model) {
+      if (!model.official || !model.official.found) return "未匹配官方目录";
+      if (!model.official.reasoning) return "官方标记为非推理模型";
+      var levels = (model.official.levels || []).filter(function (item) { return item.level !== "off"; });
+      return levels.length ? "官方 " + levels.length + " 档" : "官方推理模型";
+    }
+
+    function renderModelList(body) {
+      var list = state.list;
+      if (!list || !list.providers.length) {
+        body.appendChild(el("div", { "data-dsh-reasoning-empty": "" }, [
+          el("div", { html: icons.info }),
+          el("div", { text: "还没有可配置的 Provider" }),
+        ]));
+        return;
+      }
+
+      var providerOptions = list.providers.map(function (provider) {
+        return el("option", { value: provider.id, text: provider.displayName + "  ·  " + provider.id });
+      });
+      var providerSelect = el("select", {
+        "data-dsh-reasoning-select": "",
+        "aria-label": "选择 Provider",
+        value: state.providerId,
+        onchange: function (event) {
+          state.providerId = event.target.value;
+          state.providerPinned = true;
+          state.query = "";
+          state.notice = null;
+          publish();
+        },
+      }, providerOptions);
+      var refreshButton = iconButton(icons.refresh, state.loading ? "正在同步" : "重新同步", function () { refresh(); }, state.loading);
+      if (state.loading) refreshButton.setAttribute("data-loading", "");
+      body.appendChild(el("div", { "data-dsh-reasoning-toolbar": "" }, [
+        providerSelect,
+        refreshButton,
+      ]));
+      renderConversationStatus(body);
+
+      var provider = selectedProvider();
+      if (!provider) return;
+      var generated = list.catalogGeneratedAt ? new Date(list.catalogGeneratedAt).toLocaleDateString() : "";
+      body.appendChild(el("div", { "data-dsh-reasoning-summary": "" }, [
+        el("div", {}, [
+          el("div", { "data-dsh-reasoning-summary-title": "", text: provider.displayName }),
+          el("div", { "data-dsh-reasoning-summary-copy": "", text: provider.models.length + " 个模型 · " + (provider.api || "自动协议") }),
+        ]),
+        el("div", { "data-dsh-reasoning-source": "", text: list.catalogSource === "runtime" ? "已同步官方目录" + (generated ? " · " + generated : "") : "内置目录" }),
+      ]));
+
+      var searchEmpty = el("div", { "data-dsh-reasoning-search-empty": "", text: "没有匹配的模型" });
+      function filterRows(query) {
+        var needle = query.trim().toLowerCase();
+        var rows = document.querySelectorAll("[data-dsh-reasoning-model]");
+        var visible = 0;
+        for (var ri = 0; ri < rows.length; ri++) {
+          var hidden = rows[ri].getAttribute("data-search").indexOf(needle) < 0;
+          rows[ri].hidden = hidden;
+          if (!hidden) visible++;
+        }
+        searchEmpty.toggleAttribute("data-visible", visible === 0);
+      }
+      if (provider.models.length > 6) {
+        body.appendChild(el("input", {
+          type: "search",
+          placeholder: "搜索模型名称或 ID",
+          "data-dsh-reasoning-search": "",
+          value: state.query,
+          oninput: function (event) {
+            state.query = event.target.value;
+            filterRows(state.query);
+          },
+        }));
+      }
+
+      var modelList = el("div", { "data-dsh-reasoning-model-list": "" });
+      for (var i = 0; i < provider.models.length; i++) {
+        (function (model) {
+          var current = model.current && model.current.reasoningEfforts;
+          var configured = current !== undefined;
+          var active = isConversationModel(provider.id, model.id);
+          var search = (model.name + " " + model.id).toLowerCase();
+          var statusAttrs = { text: modelStatus(model) };
+          if (configured) statusAttrs["data-configured"] = "";
+          if (current === false) statusAttrs["data-off"] = "";
+          var row = el("button", {
+            type: "button",
+            "data-dsh-reasoning-model": "",
+            "data-search": search,
+            onclick: function () { openEditor(model.index); },
+          }, [
+            el("div", {}, [
+              el("div", { "data-dsh-reasoning-model-name": "", text: model.name }),
+              model.name !== model.id ? el("div", { "data-dsh-reasoning-model-id": "", text: model.id }) : null,
+              el("div", { "data-dsh-reasoning-model-meta": "" }, [
+                el("span", statusAttrs),
+                active ? el("span", { "data-current": "", text: "当前对话" }) : null,
+                el("span", { text: officialStatus(model) }),
+              ]),
+            ]),
+            el("span", { "data-chevron": "", html: icons.chevron }),
+          ]);
+          row.toggleAttribute("data-current", active);
+          if (active) row.setAttribute("aria-current", "true");
+          modelList.appendChild(row);
+        })(provider.models[i]);
+      }
+      body.appendChild(modelList);
+      body.appendChild(searchEmpty);
+      filterRows(state.query);
+    }
+
+    function renderLevelRows(section, model) {
+      var official = officialMap(model);
+      for (var i = 1; i < LEVELS.length; i++) {
+        (function (level) {
+          var field = state.edit.levels[level];
+          var isOfficial = Object.prototype.hasOwnProperty.call(official, level) && official[level] != null;
+          var row;
+          var inputId = "dsh-reasoning-level-" + level;
+          var wire = el("input", {
+            type: "text",
+            "data-dsh-reasoning-wire": "",
+            value: field.wire,
+            disabled: !field.checked,
+            placeholder: "线上拼写",
+            oninput: function (event) {
+              field.wire = event.target.value;
+              markEdited();
+            },
+          });
+          var checkbox = el("input", {
+            id: inputId,
+            type: "checkbox",
+            checked: field.checked,
+            "aria-label": "启用" + LEVEL_LABELS[level],
+            onchange: function (event) {
+              field.checked = event.target.checked;
+              if (field.checked && !field.wire) field.wire = isOfficial ? String(official[level]) : level;
+              wire.value = field.wire;
+              wire.disabled = !field.checked;
+              row.toggleAttribute("data-active", field.checked);
+              if (!field.checked && state.edit.defaultReasoning === level) {
+                state.edit.defaultReasoning = "";
+                var defaultSelect = document.querySelector("[data-dsh-reasoning-default]");
+                if (defaultSelect) defaultSelect.value = "";
+              }
+              markEdited();
+            },
+          });
+          row = el("div", { "data-dsh-reasoning-level": "" }, [
+            checkbox,
+            el("label", { for: inputId }, [
+              el("div", { "data-dsh-reasoning-level-name": "", text: LEVEL_LABELS[level] + "  " + level }),
+              el("div", { "data-dsh-reasoning-level-detail": "", text: isOfficial ? "官方支持" : "自定义档位" }),
+            ]),
+            wire,
+          ]);
+          row.toggleAttribute("data-active", field.checked);
+          section.appendChild(row);
+        })(LEVELS[i]);
+      }
+    }
+
+    function renderEditor(body, view) {
+      var provider = selectedProvider();
+      var model = selectedModel();
+      if (!provider || !model || !state.edit) {
+        state.modelIndex = null;
+        state.edit = null;
+        state.discardConfirm = false;
+        return;
+      }
+
+      body.appendChild(el("div", { "data-dsh-reasoning-editor-head": "" }, [
+        iconButton(icons.back, "返回模型列表", closeEditor),
+        el("div", { "data-dsh-reasoning-editor-copy": "" }, [
+          el("div", { "data-dsh-reasoning-editor-name": "", text: model.name }),
+          el("div", { "data-dsh-reasoning-editor-id": "", text: provider.id + " / " + model.id }),
+        ]),
+      ]));
+
+      var offInputId = "dsh-reasoning-off-switch";
+      var offSwitch = el("input", {
+        id: offInputId,
+        type: "checkbox",
+        checked: !!state.edit.off,
+        role: "switch",
+        "aria-checked": String(!!state.edit.off),
+        "aria-label": "关闭该模型的推理",
+        onchange: function (event) {
+          var wasOff = state.edit.off;
+          state.edit.off = !!event.target.checked;
+          if (state.edit.off) state.edit.defaultReasoning = "";
+          else if (wasOff && enabledLevels().length === 0) applyOfficialLevels(model);
+          rerenderEditor();
+        },
+      });
+      var offRow = el("div", { "data-dsh-reasoning-off": "" }, [
+        offSwitch,
+        el("label", { for: offInputId }, [
+          el("div", { "data-dsh-reasoning-level-name": "", text: "关闭该模型的推理" }),
+          el("div", { "data-dsh-reasoning-level-detail": "", text: state.edit.off ? "推理等级已隐藏；保存后会同步到对话模型菜单。" : "仅影响此 Provider 下的当前模型，不改动其他模型的默认强度或协议。" }),
+        ]),
+        el("span", { "data-dsh-reasoning-off-state": "", text: state.edit.off ? "已关闭" : "已启用" }),
+      ]);
+      offRow.toggleAttribute("data-active", !!state.edit.off);
+
+      var levelsSection = el("section", { "data-dsh-reasoning-section": "" }, [
+        el("div", { "data-dsh-reasoning-section-head": "" }, [
+          el("div", { "data-dsh-reasoning-section-title": "", text: "可用思考等级" }),
+          el("div", { "data-dsh-reasoning-section-note": "", text: state.edit.off ? "推理已关闭" : "设置模型可选档位" }),
+        ]),
+        offRow,
+      ]);
+      if (state.edit.off) {
+        levelsSection.appendChild(el("div", { "data-dsh-reasoning-off-callout": "", role: "status" }, [
+          el("div", { "data-dsh-reasoning-off-callout-title": "", text: "推理已关闭" }),
+          el("div", { "data-dsh-reasoning-off-callout-copy": "", text: "保存并同步后，此模型不会在对话框中显示推理等级。重新开启开关后可恢复编辑档位。" }),
+        ]));
+      } else {
+        levelsSection.appendChild(el("div", { "data-dsh-reasoning-quick": "" }, [
+          el("button", { type: "button", "data-dsh-reasoning-btn": "", text: "同步官方档位", disabled: !(model.official && model.official.reasoning), onclick: applyOfficial }),
+          el("button", { type: "button", "data-dsh-reasoning-btn": "", text: "恢复当前配置", onclick: restoreCurrent }),
+        ]));
+        renderLevelRows(levelsSection, model);
+      }
+      body.appendChild(levelsSection);
+
+      if (state.edit.off) {
+        body.appendChild(el("div", { "data-dsh-reasoning-scope-note": "", text: "Provider 默认强度与协议设置保持不变；关闭推理只影响此模型。" }));
+      } else {
+        var defaultOptions = [
+          el("option", { value: "", text: "不设置 Provider 默认值" }),
+          el("option", { value: "off", text: "off · 不思考" }),
+        ];
+        for (var i = 1; i < LEVELS.length; i++) {
+          var level = LEVELS[i];
+          defaultOptions.push(el("option", {
+            value: level,
+            text: level + " · " + LEVEL_LABELS[level],
+            disabled: !state.edit.levels[level].checked,
+          }));
+        }
+        var defaultSelect = el("select", {
+          "data-dsh-reasoning-select": "",
+          "data-dsh-reasoning-default": "",
+          value: state.edit.defaultReasoning,
+          onchange: function (event) { state.edit.defaultReasoning = event.target.value; markEdited(); },
+        }, defaultOptions);
+
+        var formatOptions = [el("option", { value: "", text: "自动检测" })];
+        var formats = state.list && state.list.thinkingFormats ? state.list.thinkingFormats : [];
+        for (var fi = 0; fi < formats.length; fi++) formatOptions.push(el("option", { value: formats[fi], text: formats[fi] }));
+        var formatSelect = el("select", {
+          "data-dsh-reasoning-select": "",
+          value: state.edit.thinkingFormat,
+          onchange: function (event) { state.edit.thinkingFormat = event.target.value; markEdited(); },
+        }, formatOptions);
+
+        var effortSelect = el("select", {
+          "data-dsh-reasoning-select": "",
+          value: state.edit.supportsReasoningEffort,
+          onchange: function (event) { state.edit.supportsReasoningEffort = event.target.value; markEdited(); },
+        }, [
+          el("option", { value: "", text: "自动检测" }),
+          el("option", { value: "true", text: "启用 reasoning_effort" }),
+          el("option", { value: "false", text: "不发送 reasoning_effort" }),
+        ]);
+
+        body.appendChild(el("section", { "data-dsh-reasoning-section": "" }, [
+          el("div", { "data-dsh-reasoning-section-head": "" }, [
+            el("div", { "data-dsh-reasoning-section-title": "", text: "默认与协议" }),
+            el("div", { "data-dsh-reasoning-section-note": "", text: "Provider 级设置，影响同一 Provider 的模型" }),
+          ]),
+          el("div", { "data-dsh-reasoning-form": "" }, [
+            el("label", { "data-dsh-reasoning-label": "", text: "新对话默认强度" }), defaultSelect,
+            el("label", { "data-dsh-reasoning-label": "", text: "思考内容格式" }), formatSelect,
+            el("label", { "data-dsh-reasoning-label": "", text: "reasoning_effort 参数" }), effortSelect,
+          ]),
+        ]));
+      }
+
+      if (state.discardConfirm) {
+        view.appendChild(el("div", { "data-dsh-reasoning-actions": "" }, [
+          el("div", { "data-dsh-reasoning-confirm": "" }, [
+            el("div", { "data-dsh-reasoning-confirm-copy": "", text: "放弃尚未保存的修改？" }),
+            el("button", { type: "button", "data-dsh-reasoning-btn": "", text: "继续编辑", onclick: function () { state.discardConfirm = false; publish(); } }),
+            el("button", { type: "button", "data-dsh-reasoning-btn": "primary", text: "放弃修改", onclick: discardEditor }),
+          ]),
+        ]));
+      } else {
+        view.appendChild(el("div", { "data-dsh-reasoning-actions": "" }, [
+          el("div", { "data-dsh-reasoning-save-state": "", text: state.saving ? "正在校验并同步对话模型" : (isDirty() ? (state.edit.off ? "关闭推理待保存" : "有未保存的修改") : "当前没有修改") }),
+          el("button", { type: "button", "data-dsh-reasoning-btn": "", text: "返回", disabled: state.saving, onclick: closeEditor }),
+          el("button", { type: "button", "data-dsh-reasoning-btn": "primary", "data-dsh-reasoning-save": "", text: state.saving ? "同步中..." : (state.edit.off ? "保存并关闭" : "保存并同步"), disabled: state.saving || !isDirty(), onclick: saveEditor }),
+        ]));
+      }
+    }
+
+    function renderPanel() {
+      var view = popoverView();
+      if (!view) return;
+      view.textContent = "";
+      renderHeader(view);
+      renderNotice(view);
+
+      var scroll = el("div", { "data-dsh-reasoning-scroll": "" });
+      var body = el("div", { "data-dsh-reasoning-body": "" });
+      scroll.appendChild(body);
+      view.appendChild(scroll);
+
+      if (state.loading && !state.list) renderLoading(body);
+      else if (state.error && !state.list) {
+        body.appendChild(el("div", { "data-dsh-reasoning-empty": "" }, [
+          el("div", { html: icons.info }),
+          el("div", { text: "加载失败：" + state.error }),
+          el("button", { type: "button", "data-dsh-reasoning-btn": "", text: "重试", onclick: function () { refresh(); } }),
+        ]));
+      } else if (state.modelIndex !== null) renderEditor(body, view);
+      else renderModelList(body);
+
+    }
+
+    function mountPanel() {
+      var view = document.createElement("div");
+      view.setAttribute("data-dsh-reasoning-view", "");
+      document.body.appendChild(view);
+      var sidebar;
+      var sidebarObserver = typeof ResizeObserver === "function" ? new ResizeObserver(syncBounds) : null;
+      var unsubscribeRender = subscribe(renderPanel);
+
+      function syncBounds() {
+        var next = document.querySelector('[data-pane="sidebar"], [class*="sidebarCol"]');
+        if (next !== sidebar) {
+          if (sidebarObserver) sidebarObserver.disconnect();
+          sidebar = next || undefined;
+          if (sidebarObserver && sidebar) sidebarObserver.observe(sidebar);
+        }
+        if (!sidebar) return;
+        var rect = sidebar.getBoundingClientRect();
+        var width = Math.min(420, Math.max(300, window.innerWidth - rect.right - 16));
+        var left = Math.min(rect.right + 8, window.innerWidth - width - 8);
+        view.style.left = Math.max(0, left) + "px";
+        view.style.top = Math.max(0, rect.top) + "px";
+        view.style.width = width + "px";
+        view.style.height = Math.max(220, Math.min(rect.height, window.innerHeight - Math.max(0, rect.top))) + "px";
+      }
+
+      function syncOpen() {
+        syncBounds();
+        view.toggleAttribute("data-open", state.open);
+      }
+
+      var unsubscribeOpen = subscribe(syncOpen);
+      var observer = new MutationObserver(syncBounds);
+      observer.observe(document.body, { childList: true, subtree: true });
+      window.addEventListener("resize", syncBounds);
+      syncBounds();
+
+      return function () {
+        observer.disconnect();
+        if (sidebarObserver) sidebarObserver.disconnect();
+        window.removeEventListener("resize", syncBounds);
+        unsubscribeOpen();
+        unsubscribeRender();
+        view.removeAttribute("data-open");
+        view.remove();
+      };
+    }
+
+    function mountPanelMutualExclusion() {
+      function onPanelOpen(event) {
+        if (event && event.detail && event.detail.panel !== PANEL_ID && state.open) setOpen(false, false);
+      }
+      window.addEventListener(PANEL_EVENT, onPanelOpen);
+      return function () { window.removeEventListener(PANEL_EVENT, onPanelOpen); };
+    }
+
+    function mountSidebarAutoClose() {
+      function onClick(event) {
+        if (!state.open) return;
+        var target = event.target;
+        if (!(target instanceof Element)) return;
+        if (target.closest("[data-dsh-reasoning-entry], [data-dsh-reasoning-view]")) return;
+        setOpen(false);
+      }
+      function onKeydown(event) {
+        if (state.open && event.key === "Escape") {
+          if (state.modelIndex !== null) closeEditor();
+          else setOpen(false);
+        }
+      }
+      document.addEventListener("click", onClick, true);
+      document.addEventListener("keydown", onKeydown, true);
+      return function () {
+        document.removeEventListener("click", onClick, true);
+        document.removeEventListener("keydown", onKeydown, true);
+      };
+    }
+
+    function mountEntry() {
+      var entry = el("button", {
+        "data-dsh-reasoning-entry": "",
+        type: "button",
+        title: "思考强度配置",
+        "aria-label": "思考强度",
+      }, [
+        el("span", { html: icons.brain }),
+        el("span", { text: "思考强度", class: "alabel" }),
+      ]);
+      entry.addEventListener("click", function () {
+        toggle();
+        if (document.activeElement === entry) entry.blur();
+      });
+
+      var root;
+      var placed = false;
+      function placeEntry(nextRoot) {
+        var button = newSessionButton(nextRoot);
+        if (!button) return false;
+        if (entry.parentElement !== nextRoot) {
+          var row = button.closest('[class*="logoRow"]');
+          var base = row && row.parentElement === nextRoot ? row : button;
+          nextRoot.insertBefore(entry, base.nextElementSibling);
+        }
+        return true;
+      }
+      function tryPlace() {
+        if (root && !root.isConnected) { root = undefined; placed = false; }
+        if (!placed) {
+          root = root || sidebarRoot();
+          if (!root) return;
+          placed = placeEntry(root);
+        }
+        if (placed && !document.body.contains(entry)) { placed = false; root = undefined; tryPlace(); }
+      }
+      var observer = new MutationObserver(tryPlace);
+      observer.observe(document.body, { childList: true, subtree: true });
+      var unsubscribe = subscribe(function () {
+        entry.toggleAttribute("data-active", state.open);
+      });
+      tryPlace();
+
+      return function () {
+        observer.disconnect();
+        unsubscribe();
+        entry.remove();
+      };
+    }
+
+    function attachConversationSync(ctx) {
+      if (!ctx || typeof ctx.inject !== "function") return;
+      ctx.inject(["modelDirectories"], function (scope) {
+        var resolver = scope.modelDirectories || (typeof scope.get === "function" ? scope.get("modelDirectories") : undefined);
+        if (!resolver) return;
+        modelDirectories = resolver;
+        var queued = false;
+        function update() {
+          if (queued) return;
+          queued = true;
+          Promise.resolve().then(function () {
+            return syncConversation();
+          }).then(function () {
+            if (state.list && !state.providerPinned && state.conversation && !state.conversation.ambiguous && providerById(state.conversation.provider)) {
+              state.providerId = state.conversation.provider;
+            }
+            if (state.open) publish();
+          }).catch(function () {}).finally(function () {
+            queued = false;
+          });
+        }
+        var stops = knownDirectories().map(function (directory) {
+          return directory.store.subscribe(update);
+        });
+        update();
+        if (scope.effect) {
+          scope.effect(function () {
+            return function () {
+              for (var i = 0; i < stops.length; i++) stops[i]();
+              if (modelDirectories === resolver) {
+                modelDirectories = undefined;
+                state.conversation = null;
+                if (state.open) publish();
+              }
+            };
+          }, NS + ": conversation sync");
+        }
+      });
+    }
+
+    function apply(ctx) {
+      try {
+        document.documentElement.removeAttribute("data-dsh-reasoning-active");
+        // Defensive cleanup: a previously stuck drawer instance must never
+        // survive a hot-swap of this module.
+        var strays = document.querySelectorAll("[data-dsh-reasoning-view], [data-dsh-reasoning-entry], [data-dsh-reasoning-toast]");
+        for (var si = 0; si < strays.length; si++) strays[si].remove();
+        injectCss();
+        attachConversationSync(ctx);
+        var disposers = [mountEntry(), mountPanel(), mountPanelMutualExclusion(), mountSidebarAutoClose()];
+        if (ctx && ctx.effect) {
+          ctx.effect(function () {
+            return function () {
+              clearTimeout(noticeTimer);
+              setOpen(false);
+              for (var i = 0; i < disposers.length; i++) disposers[i]();
+            };
+          }, NS + ": mounts");
+        }
+      } catch (error) {
+        console.warn("[dsh-reasoning-effort] mount failed:", error);
+      }
+    }
+
+    exports.apply = apply;
+    exports.inject = ["slots", "locale", "modelDirectories"];
+    return module.exports;
+  },
+});