@bongos/core 1.24.27 → 1.24.29

package/modules/hall-ui/public/settings-render.js

@@ -1,138 +0,0 @@
-// modules/hall-ui/public/settings-render.js — the "Rendering" panel on
-// /builders/settings: how rich the deterministic session cards should be
-// (task 1279's on/off toggle, a four-rung ladder since task 1002518).
-//
-// WHY ITS OWN FILE. It began as one row with one switch inside settings.js. As a
-// ladder it needs a labelled option per rung plus a line explaining what the
-// default resolved to and why — and settings.js sits against the 1500-line size
-// ratchet, so the panel moved out on the settings-sessions.js / settings-
-// interaction.js precedent. Extracting it took settings.js from 1493 to 1425.
-//
-// THE SHAPE WORTH KNOWING: unlike every other picker on this page, "default"
-// here is not a constant — it is DERIVED from the builder's interaction profile
-// (render-prefs.js maps technical level, machinery and reply length onto a
-// rung). So the default option cannot just say "default"; it has to say which
-// rung it landed on and which profile fields put it there, or the reader sees a
-// choice the system made for reasons it never stated. The server ships both
-// facts (`derived_level`, `derived_reason`) precisely so this panel can.
-//
-// PATCH body is { widgets: <level> | null } — null clears the override and
-// returns the builder to the derived rung. The route still accepts the legacy
-// boolean, which is what lets an older hall build keep working against a newer
-// core; this panel only ever sends levels or null.
-
-(() => {
-  'use strict';
-
-  const API = '/api/bongos';
-  const { escapeHtml, $ } = window.OTB;
-  const toast = (msg) => window.OTB.toast(msg);
-  const api = window.BongosClient.createClient({ baseUrl: '', credentials: 'same-origin', throwOnError: false });
-
-  const toAuth = () => window.location.assign(`${API}/auth/web/start`);
-
-  // The "let the profile decide" option carries the sentinel value '' rather
-  // than a level, so the change handler can tell "clear my override" from
-  // "pin me to the rung that happens to be the derived one today". They differ:
-  // a pinned rung survives a later change to the interaction profile.
-  const USE_DEFAULT = '';
-
-  function labelForLevel(data, level) {
-    const found = (Array.isArray(data && data.levels) ? data.levels : []).find((l) => l.value === level);
-    return (found && found.label) || level;
-  }
-
-  function render(data) {
-    const wrap = $('#render-rows');
-    if (!wrap) return;
-    const levels = Array.isArray(data && data.levels) ? data.levels : [];
-    if (levels.length === 0) {
-      wrap.innerHTML = window.OTBKit.emptyStateHtml('No rendering options registered.');
-      return;
-    }
-    const override = data.override_level || null;
-    const derived = data.derived_level;
-
-    // The default row first, so the reader meets "you already have a sensible
-    // answer, here is what it is" before the list of ways to overrule it.
-    const defaultRow =
-      `<label class="prow prow--pick" for="render-default">` +
-      `<input class="pradio" type="radio" name="render-level" id="render-default"` +
-      ` value="${USE_DEFAULT}"${override === null ? ' checked' : ''}>` +
-      '<span class="prow__main">' +
-      `<span class="prow__label">Match my interaction profile` +
-      `<span class="prow__tag">default (${escapeHtml(labelForLevel(data, derived))})</span></span>` +
-      `<span class="prow__desc">${escapeHtml(data.derived_reason || '')} Change that profile and this follows it.</span>` +
-      '</span></label>';
-
-    const rows = levels.map((l) => {
-      const id = `render-level-${l.value}`;
-      return (
-        `<label class="prow prow--pick" for="${id}">` +
-        `<input class="pradio" type="radio" name="render-level" id="${id}"` +
-        ` value="${escapeHtml(l.value)}"${override === l.value ? ' checked' : ''}>` +
-        '<span class="prow__main">' +
-        `<span class="prow__label">${escapeHtml(l.label)}</span>` +
-        `<span class="prow__desc">${escapeHtml(l.blurb)}</span>` +
-        '</span></label>'
-      );
-    }).join('');
-
-    wrap.innerHTML =
-      '<fieldset class="pgroup" id="render-level-group">' +
-      '<legend class="prow__label">Session card richness</legend>' +
-      '<p class="prow__desc">How much the claim and ship cards show. Richer cards explain more and cost more tokens; the confirmation line is always there whichever you pick.</p>' +
-      defaultRow + rows +
-      '</fieldset>';
-  }
-
-  async function save(value, input) {
-    const status = $('#render-status');
-    if (status) status.textContent = 'Saving…';
-    if (input) input.disabled = true;
-    try {
-      // The sentinel becomes an explicit null — the route's clear-the-override
-      // signal. Anything else is a level and is stored as the override.
-      const body = { widgets: value === USE_DEFAULT ? null : value };
-      const res = await api.request('PATCH', `${API}/me/render`, { body });
-      if (res.status === 401) { toAuth(); return; }
-      if (!res.ok) throw new Error(`render PATCH → ${res.status}`);
-      render(res.data);
-      const msg = value === USE_DEFAULT
-        ? `Saved — following your interaction profile (${labelForLevel(res.data, res.data.derived_level)}).`
-        : `Saved — ${labelForLevel(res.data, value)}.`;
-      if (status) status.textContent = msg;
-      toast(msg);
-    } catch (err) {
-      console.error('[settings] save render failed', err);
-      if (status) status.textContent = 'Could not save. Try again.';
-      toast('Could not save your rendering preference. Try again.');
-      if (input) input.disabled = false;
-    }
-  }
-
-  async function setup() {
-    try {
-      const res = await api.request('GET', `${API}/me/render`);
-      if (res.status === 401) { toAuth(); return; }
-      if (!res.ok) throw new Error(`render GET → ${res.status}`);
-      render(res.data);
-      $('#render-scroll').hidden = false;
-      // Delegate the change so post-render radios stay wired.
-      $('#render-rows').addEventListener('change', (e) => {
-        const r = e.target.closest('.pradio');
-        if (!r || r.disabled || !r.checked) return;
-        save(r.value, r);
-      });
-    } catch (err) {
-      // Its own try/catch, like every other section: a failing endpoint shows
-      // this panel's own error rather than taking the settings page down.
-      console.error('[settings] failed to load render', err);
-      $('#render-scroll').hidden = false;
-      $('#render-rows').innerHTML =
-        '<p class="voices-empty">Your rendering preference could not be loaded. Reload the page to try again.</p>';
-    }
-  }
-
-  setup();
-})();