/**
 * The review page's chrome: what the page says about itself.
 *
 * It is a fragment of the same IIFE `web-client.ts` ships (`WEB_CHROME_JS` is
 * interpolated into `REVIEW_CLIENT_JS`), kept in its own module so the state
 * chip, the status line, and the reload control are read together and away from
 * the document rendering. It paints only text it was handed: the pill's shape and
 * tone are the kit's (`paintLive`), and what a state *says* is this page's own.
 */

export const WEB_CHROME_JS = String.raw`  // Set once the page has been told it is stale — by a conflict, or by a stream that has
  // gone — so a later frame cannot hide the one control that still helps.
  var needsReload = false;

  function setStatus(text, kind) {
    if (statusEl) paintStatus(statusEl, text, kind);
  }

  // Reloading is the one action a stale page has: nothing here is unsaved, so it is a
  // control rather than a confirm dialog, and it is the kit's chip rather than a button
  // this page assembles at runtime.
  function offerReload() {
    needsReload = true;
    if (reloadEl) reloadEl.hidden = false;
  }

  // The always-visible header chip: connection, comment count, and whether there are edits
  // the file does not have yet. The words are this page's voice; the pill, its tone, and its
  // hover are the ones every served page wears.
  function updateState() {
    if (!stateEl) return;
    var label;
    var tone = "";
    if (approved) {
      label = "approved";
      tone = "success";
    } else if (saved) {
      label = "saved";
      tone = "success";
    } else if (closed) {
      // Settled by the user, not by a dropped stream: never flash offline.
      label = "closed";
    } else if (connected === true) {
      label = "connected";
      tone = "success";
    } else if (everConnected) {
      // Only after the stream has opened once: an error before that is a
      // transient initial connect, so keep showing connecting rather than offline.
      label = "offline";
      tone = "danger";
    } else {
      label = "connecting\u2026";
    }
    var count = annotations.length;
    label += " \u00b7 " + count + (count === 1 ? " comment" : " comments");
    if (dirty && !saved && !approved && !closed) {
      label += " \u00b7 " + (role === "reviewer" ? "unposted" : "unsaved");
      if (!tone) tone = "warn";
    }
    paintLive(stateEl, tone, label);
    // A stream that has gone is where this page stops being true, so it offers the reload
    // beside the state that says so. A conflict, which said the same thing about the file,
    // keeps offering it too.
    if (tone === "danger") offerReload();
    else if (reloadEl && !needsReload) reloadEl.hidden = true;
  }

  function updateProgress() {
    if (!progressEl) return;
    var doc = document.scrollingElement || document.documentElement;
    var top = doc ? doc.scrollTop : 0;
    var height = doc ? doc.scrollHeight : 0;
    var view = doc ? doc.clientHeight : 0;
    if (planEl && planEl.scrollHeight > planEl.clientHeight + 4) {
      top = planEl.scrollTop; height = planEl.scrollHeight; view = planEl.clientHeight;
    }
    var max = height - view;
    var percent = max > 0 ? Math.min(100, Math.max(0, (top / max) * 100)) : 0;
    progressEl.style.width = percent + "%";
  }

  function lockActions() {
    if (approveButton) approveButton.disabled = true;
    if (saveButton) saveButton.disabled = true;
    if (postButton) postButton.disabled = true;
    if (cancelButton) cancelButton.disabled = true;
    // The rail's comment controls go with them: a settled review takes no new comment, and
    // the frame renderer is the one rule that decides that, so this asks for a repaint
    // rather than removing the buttons itself.
    renderAll();
  }

  // The stream exists only to notice a closed tab. Once the review is settled it
  // has no job, and leaving it open retries a dead port until the tab closes.
  function settleStream() {
    if (stream && stream.close) { stream.close(); stream = null; }
  }
`;