@luckydraw/cumulus 0.31.48 → 0.31.50

package/dist/gateway/static/widget.js

@@ -1145,7 +1145,7 @@
     '.cumulus-effort-select option { background: #2a2a2a; color: #ccc; }',
     '.cumulus-panel-action-btn.active { color: #e0e0e0; border-color: #0066cc; background: rgba(0,102,204,0.12); }',
 
-    /* ── Config breadcrumb (replaces the 3 selects) + disposition picker ── */
+    /* ── Config breadcrumb (replaces the 3 selects) ── */
     '.cumulus-config-breadcrumb {',
     '  background: none; border: none; cursor: pointer;',
     '  color: #aaa; font-size: 0.8em; padding: 0.2em 0.4em; border-radius: 4px;',
@@ -1153,21 +1153,102 @@
     '}',
     '.cumulus-config-breadcrumb:hover { color: #ddd; background: #353535; }',
     '.cumulus-config-breadcrumb .sep { color: #555; margin: 0 0.3em; }',
-    '.cumulus-disposition-select {',
-    '  background: #2a2a2a; border: 1px solid #3a3a3a; color: #aaa;',
-    '  padding: 0.25em 0.4em; border-radius: 4px; cursor: pointer;',
-    '  font-size: 0.78em; outline: none;',
-    '}',
-    '.cumulus-disposition-select:hover { border-color: #666; color: #ddd; }',
-    '.cumulus-disposition-select:focus { border-color: #0066cc; }',
-    '.cumulus-disposition-select option { background: #2a2a2a; color: #ccc; }',
-    /* config modal: reuses .cumulus-overlay family; stack the relocated selects */
-    '.cumulus-config-modal-row {',
+    '.cumulus-config-breadcrumb::after { content: " \\25BE"; color: #666; font-size: 0.85em; }',
+
+    /* ── Quick model popover (per-thread Provider / Model / Effort) ── */
+    '.cumulus-model-picker { position: relative; display: inline-flex; align-items: center; }',
+    '.cumulus-model-popover {',
+    '  position: absolute; top: calc(100% + 6px); left: 0; z-index: 40;',
+    '  min-width: 236px; background: #262626; border: 1px solid #3d3d3d;',
+    '  border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.55); padding: 4px 12px 8px;',
+    '}',
+    '.cumulus-model-popover-row {',
     '  display: flex; align-items: center; justify-content: space-between;',
-    '  gap: 10px; padding: 0.6em 0; border-bottom: 1px solid #2f2f2f;',
+    '  gap: 14px; padding: 8px 0; border-bottom: 1px solid #313131;',
+    '}',
+    '.cumulus-model-popover-row:last-child { border-bottom: none; }',
+    '.cumulus-model-popover-label {',
+    '  color: #8c8c8c; font-size: 10px; font-weight: 600;',
+    '  text-transform: uppercase; letter-spacing: 0.06em;',
     '}',
-    '.cumulus-config-modal-row:last-child { border-bottom: none; }',
-    '.cumulus-config-modal-label { color: #bbb; font-size: 0.9em; }',
+    '.cumulus-model-popover select { max-width: 152px; margin: 0; }',
+
+    /* ── Settings modal (gateway Claude model catalog + provider creds) ── */
+    '.cumulus-settings-backdrop {',
+    '  position: fixed; inset: 0; z-index: 1000; background: rgba(0,0,0,0.55);',
+    '  display: flex; align-items: center; justify-content: center; padding: 20px;',
+    '}',
+    '.cumulus-settings-modal {',
+    '  background: #232323; border: 1px solid #3d3d3d; border-radius: 10px;',
+    '  width: min(520px, 100%); max-height: 82vh; display: flex; flex-direction: column;',
+    '  box-shadow: 0 16px 48px rgba(0,0,0,0.6); overflow: hidden;',
+    '}',
+    '.cumulus-settings-header {',
+    '  display: flex; align-items: flex-start; justify-content: space-between;',
+    '  padding: 14px 18px; border-bottom: 1px solid #333; flex-shrink: 0;',
+    '}',
+    '.cumulus-settings-title { font-weight: 600; font-size: 15px; color: #ededed; }',
+    '.cumulus-settings-subtitle { font-size: 12px; color: #888; margin-top: 3px; }',
+    '.cumulus-settings-body { padding: 6px 18px 10px; overflow-y: auto; flex: 1; }',
+    '.cumulus-settings-footer {',
+    '  display: flex; align-items: center; gap: 12px; padding: 13px 18px;',
+    '  border-top: 1px solid #333; flex-shrink: 0;',
+    '}',
+    '.cumulus-settings-section-label {',
+    '  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em;',
+    '  color: #777; margin: 16px 0 8px;',
+    '}',
+    '.cumulus-settings-body > .cumulus-settings-section-label:first-child { margin-top: 6px; }',
+    '.cumulus-settings-model-row {',
+    '  display: flex; align-items: center; gap: 11px; padding: 9px 11px;',
+    '  border: 1px solid #333; border-radius: 8px; margin-bottom: 7px; background: #1d1d1d;',
+    '}',
+    '.cumulus-settings-model-row.is-default { border-color: #3b5b8c; background: rgba(59,91,140,0.12); }',
+    '.cumulus-settings-default-toggle { display: flex; align-items: center; cursor: pointer; flex-shrink: 0; }',
+    '.cumulus-settings-default-toggle input { cursor: pointer; accent-color: #3b82f6; margin: 0; }',
+    '.cumulus-settings-model-name { flex: 1; min-width: 0; }',
+    '.cumulus-settings-model-label {',
+    '  color: #e6e6e6; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;',
+    '}',
+    '.cumulus-settings-model-id {',
+    '  color: #777; font-size: 11px; font-family: "SF Mono", Consolas, monospace;',
+    '  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 1px;',
+    '}',
+    '.cumulus-settings-default-badge {',
+    '  display: none; font-size: 10px; font-weight: 600; color: #8ab4f8;',
+    '  background: rgba(59,130,246,0.14); border: 1px solid rgba(59,130,246,0.35);',
+    '  border-radius: 10px; padding: 1px 8px; flex-shrink: 0;',
+    '}',
+    '.cumulus-settings-model-row.is-default .cumulus-settings-default-badge { display: inline-block; }',
+    '.cumulus-settings-model-remove {',
+    '  background: none; border: none; color: #666; cursor: pointer; font-size: 17px;',
+    '  line-height: 1; padding: 0 2px; flex-shrink: 0;',
+    '}',
+    '.cumulus-settings-model-remove:hover { color: #ef4444; }',
+    '.cumulus-settings-add-row { display: flex; gap: 7px; align-items: center; margin-top: 4px; }',
+    '.cumulus-settings-input {',
+    '  background: #1a1a1a; border: 1px solid #3a3a3a; color: #e0e0e0;',
+    '  padding: 7px 9px; border-radius: 6px; font-size: 12px; font-family: inherit; outline: none;',
+    '}',
+    '.cumulus-settings-input:focus { border-color: #3b82f6; }',
+    '.cumulus-settings-input::placeholder { color: #5a5a5a; }',
+    '.cumulus-settings-cred-row { display: flex; align-items: center; gap: 12px; }',
+    '.cumulus-settings-cred-row label { font-size: 12px; color: #bbb; flex-shrink: 0; }',
+    '.cumulus-settings-btn {',
+    '  background: #2a6acf; border: none; color: #fff; font-weight: 600;',
+    '  padding: 8px 18px; border-radius: 6px; font-size: 13px; cursor: pointer; font-family: inherit;',
+    '}',
+    '.cumulus-settings-btn:hover { background: #3a7ae0; }',
+    '.cumulus-settings-btn:disabled { background: #333; color: #777; cursor: not-allowed; }',
+    '.cumulus-settings-add-btn {',
+    '  background: #2f2f2f; border: 1px solid #454545; color: #ddd;',
+    '  padding: 7px 12px; border-radius: 6px; font-size: 12px; cursor: pointer;',
+    '  font-family: inherit; white-space: nowrap;',
+    '}',
+    '.cumulus-settings-add-btn:hover { background: #3a3a3a; border-color: #555; }',
+    '.cumulus-settings-status { font-size: 12px; color: #999; }',
+    '.cumulus-settings-status.success { color: #22c55e; }',
+    '.cumulus-settings-status.error { color: #ef4444; }',
 
     /* ── Context menu (right-click on thread) ── */
     '.cumulus-context-menu {',
@@ -5525,35 +5606,6 @@
       }
       populateClaudeModels(null);
 
-      // Disposition picker ("mind" — creative update). UI scaffold (task 085):
-      // persists the `mind` config field but injects nothing into prompts yet.
-      var MIND_OPTIONS = [
-        { id: 'neutral', label: 'Neutral' },
-        { id: 'expansive', label: 'Brainstorm' },
-        { id: 'restrictive', label: 'Focus' },
-        { id: 'conservative', label: 'Step-back' },
-        { id: 'blase', label: 'Trade-offs' },
-      ];
-      var dispositionSelect = document.createElement('select');
-      dispositionSelect.className = 'cumulus-disposition-select';
-      dispositionSelect.setAttribute('data-testid', 'webchat-disposition-select');
-      dispositionSelect.setAttribute('data-thread-disposition', threadName);
-      dispositionSelect.setAttribute('title', 'Thread disposition');
-      MIND_OPTIONS.forEach(function (m) {
-        var opt = document.createElement('option');
-        opt.value = m.id;
-        opt.textContent = m.label;
-        dispositionSelect.appendChild(opt);
-      });
-      dispositionSelect.value = 'neutral';
-      dispositionSelect.addEventListener('change', function () {
-        var xhr = new XMLHttpRequest();
-        xhr.open('PUT', '/api/thread/' + encodeURIComponent(threadName) + '/config');
-        xhr.setRequestHeader('Content-Type', 'application/json');
-        xhr.setRequestHeader('X-API-Key', activeApiKey);
-        xhr.send(JSON.stringify({ mind: dispositionSelect.value }));
-      });
-
       // Breadcrumb link — reflects the live engine/model/effort as
       // "Provider / Model / effort". Clicking opens the config modal.
       var configBreadcrumb = document.createElement('button');
@@ -5586,14 +5638,11 @@
         var isClaude = modelSelect.value === 'claude';
         effortSelect.style.display = isClaude ? '' : 'none';
         claudeModelSelect.style.display = isClaude ? '' : 'none';
-        // If the config modal is open, hide the whole Model/Effort rows for non-Claude.
-        var modal = panel.querySelector('.cumulus-overlay[data-config-modal]');
-        if (modal) {
-          var mr = modal.querySelector('[data-config-row="model"]');
-          var er = modal.querySelector('[data-config-row="effort"]');
-          if (mr) mr.style.display = isClaude ? '' : 'none';
-          if (er) er.style.display = isClaude ? '' : 'none';
-        }
+        // Hide the whole Model/Effort popover rows (label included) for non-Claude providers.
+        var mr = panel.querySelector('[data-config-row="model"]');
+        var er = panel.querySelector('[data-config-row="effort"]');
+        if (mr) mr.style.display = isClaude ? '' : 'none';
+        if (er) er.style.display = isClaude ? '' : 'none';
         updateBreadcrumb();
       }
       updateEffortVisibility();
@@ -5669,15 +5718,6 @@
                         }
                       }
                     }
-                    // Load saved disposition (defaults to 'neutral' if absent)
-                    if (
-                      cfg.mind &&
-                      MIND_OPTIONS.some(function (m) {
-                        return m.id === cfg.mind;
-                      })
-                    ) {
-                      dispositionSelect.value = cfg.mind;
-                    }
                     updateEffortVisibility();
                   } catch (e) {
                     /* ignore */
@@ -5723,64 +5763,333 @@
         xhr.send(JSON.stringify({ claudeModel: newClaudeModel }));
       });
 
-      // Breadcrumb opens a modal holding the (relocated) three selects.
+      // ── Quick model popover (per-thread Provider / Model / Effort) ──
+      // Anchored under the breadcrumb; lightweight, not a full-panel modal.
+      var modelPicker = document.createElement('div');
+      modelPicker.className = 'cumulus-model-picker';
+
+      var modelPopover = document.createElement('div');
+      modelPopover.className = 'cumulus-model-popover';
+      modelPopover.setAttribute('data-testid', 'webchat-model-popover');
+      modelPopover.style.display = 'none';
+      function popoverRow(labelText, control, rowKey) {
+        var row = document.createElement('div');
+        row.className = 'cumulus-model-popover-row';
+        if (rowKey) row.setAttribute('data-config-row', rowKey);
+        var lab = document.createElement('span');
+        lab.className = 'cumulus-model-popover-label';
+        lab.textContent = labelText;
+        control.style.display = '';
+        row.appendChild(lab);
+        row.appendChild(control);
+        modelPopover.appendChild(row);
+        return row;
+      }
+      popoverRow('Provider', modelSelect);
+      popoverRow('Model', claudeModelSelect, 'model');
+      popoverRow('Effort', effortSelect, 'effort');
+
+      function closeModelPopover() {
+        modelPopover.style.display = 'none';
+        document.removeEventListener('mousedown', modelPopoverOutside, true);
+      }
+      function modelPopoverOutside(ev) {
+        if (!modelPicker.contains(ev.target)) closeModelPopover();
+      }
       configBreadcrumb.addEventListener('click', function () {
-        var existing = panel.querySelector('.cumulus-overlay[data-config-modal]');
-        if (existing) {
-          existing.remove();
+        if (modelPopover.style.display !== 'none') {
+          closeModelPopover();
           return;
         }
-        var overlay = document.createElement('div');
-        overlay.className = 'cumulus-overlay';
-        overlay.setAttribute('data-config-modal', '1');
-        overlay.setAttribute('data-testid', 'webchat-config-modal');
+        modelPopover.style.display = '';
+        updateEffortVisibility();
+        // Defer binding so this opening click doesn't immediately close it.
+        setTimeout(function () {
+          document.addEventListener('mousedown', modelPopoverOutside, true);
+        }, 0);
+      });
 
-        var header = document.createElement('div');
-        header.className = 'cumulus-overlay-header';
-        var title = document.createElement('span');
-        title.className = 'cumulus-overlay-title';
-        title.textContent = 'Engine';
-        header.appendChild(title);
-        var closeBtn = document.createElement('button');
-        closeBtn.className = 'cumulus-overlay-close';
-        closeBtn.textContent = '\xD7';
-        closeBtn.addEventListener('click', function () {
-          overlay.remove();
+      modelPicker.appendChild(configBreadcrumb);
+      modelPicker.appendChild(modelPopover);
+
+      // ── Settings modal (gateway Claude model catalog + provider credentials) ──
+      // Live-editable via PUT /api/config (task 104) — takes effect on the NEXT turn
+      // with no restart, no JSON edit, no republish. Any valid gateway key.
+      function openSettingsModal() {
+        var backdrop = document.createElement('div');
+        backdrop.className = 'cumulus-settings-backdrop';
+        backdrop.setAttribute('data-testid', 'webchat-settings-modal');
+        var modal = document.createElement('div');
+        modal.className = 'cumulus-settings-modal';
+
+        var mHeader = document.createElement('div');
+        mHeader.className = 'cumulus-settings-header';
+        var mHeaderText = document.createElement('div');
+        var mTitle = document.createElement('div');
+        mTitle.className = 'cumulus-settings-title';
+        mTitle.textContent = 'Gateway settings';
+        var mSub = document.createElement('div');
+        mSub.className = 'cumulus-settings-subtitle';
+        mSub.textContent =
+          'Available Claude models & provider credentials — applied instantly, no restart';
+        mHeaderText.appendChild(mTitle);
+        mHeaderText.appendChild(mSub);
+        var mClose = document.createElement('button');
+        mClose.className = 'cumulus-overlay-close';
+        mClose.textContent = '\xD7';
+        mClose.setAttribute('data-testid', 'webchat-settings-close');
+        mClose.addEventListener('click', function () {
+          backdrop.remove();
         });
-        header.appendChild(closeBtn);
-        overlay.appendChild(header);
+        mHeader.appendChild(mHeaderText);
+        mHeader.appendChild(mClose);
+        modal.appendChild(mHeader);
 
         var body = document.createElement('div');
-        body.className = 'cumulus-overlay-body';
-        function addRow(labelText, control) {
-          var row = document.createElement('div');
-          row.className = 'cumulus-config-modal-row';
-          var lab = document.createElement('span');
-          lab.className = 'cumulus-config-modal-label';
-          lab.textContent = labelText;
-          row.appendChild(lab);
-          control.style.display = '';
-          row.appendChild(control);
-          body.appendChild(row);
-          return row;
-        }
-        addRow('Provider', modelSelect);
-        addRow('Model', claudeModelSelect).setAttribute('data-config-row', 'model');
-        addRow('Effort', effortSelect).setAttribute('data-config-row', 'effort');
-        overlay.appendChild(body);
-
-        panel.appendChild(overlay);
-        // Reflect Claude-only row visibility now that the rows exist in the DOM.
-        updateEffortVisibility();
-      });
+        body.className = 'cumulus-settings-body';
+
+        var modelsLabel = document.createElement('div');
+        modelsLabel.className = 'cumulus-settings-section-label';
+        modelsLabel.textContent = 'Claude models';
+        body.appendChild(modelsLabel);
+
+        var gwList = document.createElement('div');
+        gwList.setAttribute('data-testid', 'webchat-gateway-models');
+        body.appendChild(gwList);
+
+        var addWrap = document.createElement('div');
+        addWrap.className = 'cumulus-settings-add-row';
+        var addId = document.createElement('input');
+        addId.type = 'text';
+        addId.className = 'cumulus-settings-input';
+        addId.placeholder = 'model id (e.g. claude-opus-5[1m])';
+        addId.setAttribute('data-testid', 'webchat-gw-add-id');
+        addId.style.cssText = 'flex:1;min-width:0;';
+        var addLabel = document.createElement('input');
+        addLabel.type = 'text';
+        addLabel.className = 'cumulus-settings-input';
+        addLabel.placeholder = 'label';
+        addLabel.setAttribute('data-testid', 'webchat-gw-add-label');
+        addLabel.style.cssText = 'width:96px;';
+        var addBtn = document.createElement('button');
+        addBtn.textContent = '+ Add';
+        addBtn.className = 'cumulus-settings-add-btn';
+        addBtn.setAttribute('data-testid', 'webchat-gw-add-btn');
+        addWrap.appendChild(addId);
+        addWrap.appendChild(addLabel);
+        addWrap.appendChild(addBtn);
+        body.appendChild(addWrap);
+
+        var credLabel = document.createElement('div');
+        credLabel.className = 'cumulus-settings-section-label';
+        credLabel.textContent = 'Provider credentials';
+        body.appendChild(credLabel);
+
+        var credRow = document.createElement('div');
+        credRow.className = 'cumulus-settings-cred-row';
+        var credLab = document.createElement('label');
+        credLab.textContent = 'HuggingFace key';
+        var credInput = document.createElement('input');
+        credInput.type = 'text';
+        credInput.className = 'cumulus-settings-input';
+        credInput.placeholder = '(unset)';
+        credInput.setAttribute('data-testid', 'webchat-gw-hfkey');
+        credInput.style.cssText = 'flex:1;min-width:0;';
+        credRow.appendChild(credLab);
+        credRow.appendChild(credInput);
+        body.appendChild(credRow);
+
+        modal.appendChild(body);
+
+        var footer = document.createElement('div');
+        footer.className = 'cumulus-settings-footer';
+        var saveBtn = document.createElement('button');
+        saveBtn.textContent = 'Save';
+        saveBtn.className = 'cumulus-settings-btn';
+        saveBtn.setAttribute('data-testid', 'webchat-gw-save');
+        var gwStatus = document.createElement('span');
+        gwStatus.className = 'cumulus-settings-status';
+        footer.appendChild(saveBtn);
+        footer.appendChild(gwStatus);
+        modal.appendChild(footer);
+
+        backdrop.appendChild(modal);
+        backdrop.addEventListener('click', function (e) {
+          if (e.target === backdrop) backdrop.remove();
+        });
+        document.body.appendChild(backdrop);
+
+        var gwModels = []; // [{id,label,default}]
+        function renderGwModels() {
+          gwList.innerHTML = '';
+          if (!gwModels.length) {
+            var empty = document.createElement('div');
+            empty.className = 'cumulus-overlay-empty';
+            empty.textContent = 'No models configured — add one below.';
+            gwList.appendChild(empty);
+            return;
+          }
+          gwModels.forEach(function (m, idx) {
+            var row = document.createElement('div');
+            row.className = 'cumulus-settings-model-row' + (m.default ? ' is-default' : '');
+            row.setAttribute('data-gw-model', m.id);
+
+            var defWrap = document.createElement('label');
+            defWrap.className = 'cumulus-settings-default-toggle';
+            defWrap.title = 'Set as default';
+            var def = document.createElement('input');
+            def.type = 'radio';
+            def.name = 'gw-default';
+            def.checked = !!m.default;
+            def.setAttribute('data-testid', 'webchat-gw-default-' + idx);
+            def.addEventListener('change', function () {
+              gwModels.forEach(function (x) {
+                x.default = false;
+              });
+              m.default = true;
+              renderGwModels();
+            });
+            defWrap.appendChild(def);
+
+            var name = document.createElement('div');
+            name.className = 'cumulus-settings-model-name';
+            var nameLabel = document.createElement('div');
+            nameLabel.className = 'cumulus-settings-model-label';
+            nameLabel.textContent = m.label || m.id;
+            var nameId = document.createElement('div');
+            nameId.className = 'cumulus-settings-model-id';
+            nameId.textContent = m.id;
+            name.appendChild(nameLabel);
+            name.appendChild(nameId);
+
+            var badge = document.createElement('span');
+            badge.className = 'cumulus-settings-default-badge';
+            badge.textContent = 'default';
+
+            var rm = document.createElement('button');
+            rm.className = 'cumulus-settings-model-remove';
+            rm.textContent = '\xD7';
+            rm.title = 'Remove';
+            rm.setAttribute('data-testid', 'webchat-gw-remove-' + idx);
+            rm.addEventListener('click', function () {
+              var wasDefault = m.default;
+              gwModels.splice(idx, 1);
+              if (wasDefault && gwModels.length) gwModels[0].default = true;
+              renderGwModels();
+            });
 
-      panelHeader.appendChild(configBreadcrumb);
-      panelHeader.appendChild(dispositionSelect);
+            row.appendChild(defWrap);
+            row.appendChild(name);
+            row.appendChild(badge);
+            row.appendChild(rm);
+            gwList.appendChild(row);
+          });
+        }
+        addBtn.addEventListener('click', function () {
+          var id = (addId.value || '').trim();
+          if (!id) return;
+          var label = (addLabel.value || '').trim() || id;
+          if (
+            gwModels.some(function (x) {
+              return x.id === id;
+            })
+          ) {
+            gwStatus.textContent = 'Already in the list';
+            gwStatus.className = 'cumulus-settings-status error';
+            return;
+          }
+          gwModels.push({ id: id, label: label, default: gwModels.length === 0 });
+          addId.value = '';
+          addLabel.value = '';
+          gwStatus.textContent = '';
+          gwStatus.className = 'cumulus-settings-status';
+          renderGwModels();
+        });
+        saveBtn.addEventListener('click', function () {
+          saveBtn.disabled = true;
+          gwStatus.textContent = 'Saving…';
+          gwStatus.className = 'cumulus-settings-status';
+          var payload = {
+            claudeModels: gwModels.map(function (m) {
+              return { id: m.id, label: m.label, default: !!m.default };
+            }),
+          };
+          // Only send a REAL key — a masked value (bullets) means "unchanged".
+          var cred = (credInput.value || '').trim();
+          if (cred && cred.indexOf('•') === -1) payload.hfApiKey = cred;
+          var sx = new XMLHttpRequest();
+          sx.open('PUT', '/api/config');
+          sx.setRequestHeader('Content-Type', 'application/json');
+          sx.setRequestHeader('X-API-Key', activeApiKey);
+          sx.onreadystatechange = function () {
+            if (sx.readyState !== 4) return;
+            saveBtn.disabled = false;
+            if (sx.status === 200) {
+              gwStatus.textContent = 'Saved — applies to new turns immediately';
+              gwStatus.className = 'cumulus-settings-status success';
+              try {
+                var r = JSON.parse(sx.responseText);
+                if (r && r.hfApiKey !== undefined) credInput.value = r.hfApiKey;
+              } catch (e) {
+                /* ignore */
+              }
+              // Live-refresh this thread's Claude model dropdown without a reload.
+              var prevSel = claudeModelSelect.value;
+              populateClaudeModels(gwModels);
+              for (var pi = 0; pi < claudeModelSelect.options.length; pi++) {
+                if (claudeModelSelect.options[pi].value === prevSel) {
+                  claudeModelSelect.value = prevSel;
+                  break;
+                }
+              }
+              updateBreadcrumb();
+            } else {
+              gwStatus.textContent = 'Error ' + sx.status;
+              gwStatus.className = 'cumulus-settings-status error';
+            }
+          };
+          sx.send(JSON.stringify(payload));
+        });
+        (function loadGatewayConfig() {
+          var gx = new XMLHttpRequest();
+          gx.open('GET', '/api/config');
+          gx.setRequestHeader('X-API-Key', activeApiKey);
+          gx.onreadystatechange = function () {
+            if (gx.readyState !== 4) return;
+            if (gx.status === 200) {
+              try {
+                var r = JSON.parse(gx.responseText);
+                gwModels = (r.claudeModels || []).map(function (m) {
+                  return { id: m.id, label: m.label, default: !!m.default };
+                });
+                credInput.value = r.hfApiKey || '';
+                renderGwModels();
+              } catch (e) {
+                /* ignore */
+              }
+            } else {
+              gwStatus.textContent = 'Load failed (' + gx.status + ')';
+              gwStatus.className = 'cumulus-settings-status error';
+            }
+          };
+          gx.send();
+        })();
+      }
+
+      panelHeader.appendChild(modelPicker);
 
-      // Action buttons (include + revert)
+      // Action buttons (settings + include + revert)
       var actions = document.createElement('div');
       actions.className = 'cumulus-panel-actions';
 
+      var settingsBtn = document.createElement('button');
+      settingsBtn.className = 'cumulus-panel-action-btn';
+      settingsBtn.setAttribute('data-testid', 'webchat-settings-btn');
+      settingsBtn.setAttribute('title', 'Settings — configure available models');
+      settingsBtn.textContent = '⚙'; // gear
+      settingsBtn.addEventListener('click', openSettingsModal);
+      actions.appendChild(settingsBtn);
+
       var includeBtn = document.createElement('button');
       includeBtn.className = 'cumulus-panel-action-btn';
       includeBtn.setAttribute('data-testid', 'webchat-include-btn');

package/dist/lib/config.d.ts

@@ -19,8 +19,6 @@ export interface CumulusConfig {
     effort?: 'low' | 'medium' | 'high' | 'xhigh' | 'max';
     /** Claude CLI model id (only applied when model is "claude"), passed as --model. e.g. "claude-opus-5[1m]" | "claude-sonnet-5[1m]" */
     claudeModel?: string;
-    /** Thread disposition / "mind" (creative update). UI scaffold (task 085): persisted but NOT yet consumed during prompt assembly. e.g. "neutral" | "expansive" | "restrictive" | "conservative" | "blase" */
-    mind?: string;
     /** Prompt capture (task 088): serialize each constructed prompt to the .prompts/ sidecar. Default ON; set false to disable */
     promptCapture?: boolean;
     /** Scheduled triggers for this thread */

package/dist/lib/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/lib/config.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/lib/config.ts"],"names":[],"mappings":"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"}