samagotchi 0.152.0 → 0.153.0

data/lib/samagotchi/web/public/app.js

@@ -38,7 +38,7 @@ import { createParticipantsControl } from "./participants_panel.js";
 import { createSettingsControl } from "./settings_chip.js";
 import { renderInfoBar } from "./info_bar.js";
 import { createMoreSheet } from "./more_sheet.js";
-import { sessionBar, workerBadgeFor } from "./info_bar_model.js";
+import { sessionBar } from "./info_bar_model.js";
 import { createShownTexts } from "./shown_texts.js";
 import { emptySessionState, sessionStateFrom } from "./session_state.js";
 import { sessionFieldsFrom } from "./session_payload.js";
@@ -63,13 +63,12 @@ import { createTaskStopper } from "./task_stop.js";
 import { createSystemOneWrongAction } from "./system_one_wrong.js";
 import { appendQuote } from "./annotations.js";
 import { applyComposerText, applyRowTemplate, fetchApply } from "./review_apply.js";
-import { CHECK_NOT_ON_PAGE, nameVerdictCards, ownerCheckHash } from "./verdict_card.js";
-import { freshURL, placeVerdictWithFresh, redrawFresh, settleRunning } from "./verdict_fresh.js";
+import { nameVerdictCards } from "./verdict_card.js";
+import { redrawFresh } from "./verdict_fresh.js";
 import { authorBadge, nameUnnamedBadges } from "./participant_names.js";
 import { parsePresets } from "./annotate_presets.js";
 import { createAnnotateBar } from "./annotate_bar.js";
 import { VERIFY_PRESET, VERIFY_UNAVAILABLE, verifyWorkerUnavailable, withVerify } from "./verify_preset.js";
-import { OWNER_FINAL, verifyTurnOf } from "./verify_target.js";
 import { actionLine, annotationActions, composerWithAction } from "./annotate_actions.js";
 import { createBlockHost } from "./block_host.js";
 import { copyText, installCopy } from "./copy.js";
@@ -80,24 +79,21 @@ import { createQuestionCards } from "./question_cards.js";
 import { splitSnapshotCards } from "./card.js";
 import { PROMPT_LINE_PX, PROMPT_MIN_PX } from "./composer_size.js";
 import { mountComposer } from "./composer_mount.js";
-import { readStored, writeStored } from "./storage.js";
 import { createCommandList } from "./command_list.js";
 import { ALL_SESSIONS_HASH, sessionHash } from "./route.js";
 import { hashIntent } from "./hash_intent.js";
-import {
-  claimFromHash, ownerClaimHash, participantClaimLink, selectionClaim, showClaim, turnIdOf,
-} from "./claim_link.js";
+import { claimFromHash } from "./claim_link.js";
+import { createOwnerClaim } from "./owner_claim.js";
+import { createOwnerVerify } from "./owner_verify.js";
 import { scopeDir, scopeTemplate } from "./scope.js";
 import { createProjectPicker } from "./project_picker.js";
-import { html, render } from "./vendor/lit-html.js";
+import { render } from "./vendor/lit-html.js";
 import { shouldFollowScroll } from "./scroll.js";
-import { SHORT_WINDOW_QUERY, stripAutoHidden } from "./strip.js";
-import { createStripGrip } from "./strip_grip.js";
+import { createStripHidden } from "./strip_hidden.js";
 import { waitingOn } from "./notify.js";
 import { applySessionEvent, sortedByUpdated } from "./sessions_list.js";
 import { createNotifications } from "./notifications.js";
 import { renameShown, tabTitle, topBarTitle } from "./session_title.js";
-import { mergeVersionState, restartConfirmText, updateFrameToast, versionNotice } from "./update_notice.js";
 import {
   appendAboveLiveTiming, mergeTiming, normalizeTiming,
 } from "./timing.js";
@@ -112,6 +108,7 @@ import { createComposerCommands } from "./composer.js";
 import { createStreamHandlers } from "./stream_handlers.js";
 import { createListsView } from "./lists_view.js";
 import { createDeliveryControl, QUEUE_NEEDS_WORKER } from "./delivery_line.js";
+import { createComposerMode } from "./composer_mode.js";
 import { liveSlots } from "./stage_model.js";
 import { currentGen } from "./turn_model.js";
 import { toolName } from "./activity.js";
@@ -121,7 +118,7 @@ import { createUnqueue } from "./unqueue.js";
 import { createStartPage } from "./start_page.js";
 import { createSessionActions } from "./session_actions.js";
 import { createStopSheet } from "./stop_sheet.js";
-import { createUpdateSheet } from "./update_sheet.js";
+import { createVersionNotices } from "./version_notices.js";
 import { createRename } from "./session_rename.js";
 import { createSendTurn } from "./send_turn.js";
 import { createMarkdownTip } from "./markdown_tip.js";
@@ -251,7 +248,7 @@ const featureGates = createFeatureGates([
   {
     name: "verify",
     unavailable: (cur) => verifyWorkerUnavailable(cur.workerFeatures, cur.bridgeUp),
-    redraw: () => redrawFresh(historyEl, verifyFreshState()),
+    redraw: () => redrawFresh(historyEl, ownerVerify.freshState()),
   },
   // Revise on an answer and the composer's Revising chip (revise_stack.js).
   {
@@ -263,7 +260,6 @@ const featureGates = createFeatureGates([
 featureGates.prime(store.current);
 // The open session's id, for the stale-answer guards (latest.js stillOn).
 const openId = () => store.selected;
-let pendingVerifyAnchor = null;
 // The composer's armed Revise ({turn_id, label}: the answer the next
 // message rewrites), shown as its chip; Verify's lifecycle (an emptied
 // composer, another session, the send's ack let go of it). Set only
@@ -528,9 +524,9 @@ function openSessionEvents() {
     // The list redraws the lists and the bar (its children chip, its chain's
     // ← → links): store.update({sessions}).
     snapshot: (data) => store.batch(() => {
-      noticeVersions(data);
-      if (updateSheet.reconnected(data.version)) showToast(`chi web reconnected on chi ${data.version}`);
-      if (data.chi_update) updateFrame(data.chi_update, { snapshot: true });
+      versionNotices.notice(data);
+      versionNotices.reconnected(data.version);
+      if (data.chi_update) versionNotices.frame(data.chi_update, { snapshot: true });
       notifications.noticeSessions("snapshot", data);
       store.update({ sessions: applySessionEvent(store.sessions, "snapshot", data) });
       sweepFoldsOnce();
@@ -548,8 +544,8 @@ function openSessionEvents() {
       store.update({ sessions: applySessionEvent(store.sessions, "session_gone", data) });
       leaveGoneSession(data.id, "deleted");
     },
-    chi: (data) => noticeVersions(data),
-    chi_update: (data) => updateFrame(data),
+    chi: (data) => versionNotices.notice(data),
+    chi_update: (data) => versionNotices.frame(data),
   }, {
     dir: scope.dir,
     onError: () => {
@@ -570,72 +566,6 @@ function openSessionEvents() {
 
 const EVENTS_REOPEN_MS = 3000;
 
-// The chi versions carried by each event snapshot and `chi` frame. A toast
-// says when chi web was upgraded, a newer one is installed, or an aged one
-// is available to update to.
-// Once per notice per tab: every reconnect's snapshot says it again.
-const versions = { served: null, installed: null };
-// The sessions whose Restart is under way (their button says so): one
-// session's restart never blocks another's.
-const restartingIds = new Set();
-// An available release's notice is once per version per browser, not per
-// tab: chi web says it in every snapshot until the owner updates.
-const AVAILABLE_SHOWN_KEY = "chi_update_available_shown";
-const versionNoticesShown = new Set();
-const availableShown = readStored(AVAILABLE_SHOWN_KEY);
-if (availableShown) versionNoticesShown.add(`available:${availableShown}`);
-let versionToast = null;
-
-function noticeVersions(data) {
-  Object.assign(versions, mergeVersionState(versions, data));
-  const notice = versionNotice({ loaded: document.body.dataset.version, served: versions.served,
-                                 installed: versions.installed, available: versions.available,
-                                 updateBlocked: versions.updateBlocked, auto: versions.auto, restart: versions.restart,
-                                 autoOffers: versions.autoOffers, shown: versionNoticesShown });
-  store.touch("infoBar"); // the worker badge compares with the newest installed
-  if (!notice) return;
-  versionNoticesShown.add(notice.key);
-  if (notice.key.startsWith("available:")) writeStored(AVAILABLE_SHOWN_KEY, notice.key.slice("available:".length));
-  const text = notice.releaseUrl
-    ? html`${notice.text} <a href=${notice.releaseUrl} target="_blank" rel="noopener noreferrer">RubyGems</a>`
-    : notice.text;
-  const action = notice.reload
-    ? { label: "Reload", run: () => location.reload() }
-    : notice.updateVersion
-      ? { label: "Update", run: () => updateSheet.install(notice.updateVersion) }
-      : notice.actions
-        ? notice.actions.map((name) => ({
-          label: name === "restartWorkers" ? "Restart workers" : "Restart chi web",
-          run: () => (name === "restartWorkers" ? updateSheet.restartWorkers() : updateSheet.restartWeb()),
-        }))
-    : notice.command
-      ? { label: "Copy", run: () => copyUpdateCommand(notice.command) }
-      : null;
-  // One version toast at a time: a newer notice (Reload after a restart)
-  // supersedes the one before it.
-  toasts.dismiss(versionToast);
-  versionToast = toasts.show(text, action, { sticky: true });
-}
-
-function updateFrame(data, { snapshot = false } = {}) {
-  const wasOpen = updateSheet.isOpen();
-  if (!updateSheet.receive(data)) return;
-  if (data.operation === "install" && data.state === "done" && data.version) noticeVersions({ installed: data.version });
-  const text = updateFrameToast(data, { wasOpen, snapshot });
-  if (text) showToast(text, { label: "View", run: () => updateSheet.view() }, { sticky: true });
-}
-
-function copyUpdateCommand(command) {
-  if (!navigator.clipboard?.writeText) {
-    showToast(`Clipboard unavailable; run ${command}`);
-    return;
-  }
-  navigator.clipboard.writeText(command).then(
-    () => showToast(`Copied ${command}`),
-    () => showToast(`Couldn't copy ${command}`),
-  );
-}
-
 // The selected session's card changed: its owner and, without a live
 // stream, its status show in the info bar; a worker whose bridge is up
 // (a turn another client sent woke one, or a replacement after a kill)
@@ -798,60 +728,18 @@ function setSessionHash(id) {
 // the composer stop addressing the session the URL has left behind.
 function selectFromHash() {
   const claim = claimFromHash(location.hash);
-  if (claim) pendingClaim = claim;
+  if (claim) ownerClaim.pending(claim);
   const intent = hashIntent(location.hash, { selected: store.selected, claim });
   if (intent.kind === "session" && intent.id !== store.selected) select(intent.id);
-  else if (claim) showPendingClaim();
+  else if (claim) ownerClaim.showPending();
   else if (intent.kind === "start") clearSelection();
 }
-let pendingClaim = null;
-// Where a claim's text can be on this page: answers, own messages, steps.
-const CLAIM_ROOTS = ".bubble.output, .bubble.user .user-message, .gen-text";
-// The claim link's quote scrolled to and marked, its text read as the
-// participant page shows it (the session's folder relative, home ~); a
-// quote not found marks its turn; neither found: the top, and a toast.
-// The hash is the session's again (select() already set it when it
-// switched), so the same link opened again is a hashchange.
-function showPendingClaim() {
-  const claim = pendingClaim;
-  if (!claim || claim.sessionId !== store.selected) return;
-  pendingClaim = null;
-  if (!allViewOpen() && location.hash !== sessionHash(store.selected)) {
-    history.replaceState(null, "", location.pathname + location.search + sessionHash(store.selected));
-  }
-  if (showClaim(historyEl, claim, { roots: CLAIM_ROOTS, opts: claimOpts() })) return;
-  historyEl.scrollTop = 0;
-  showToast("The linked turn isn't in this session.");
-}
-// How the participant page shows this page's text (claim_link.js).
-function claimOpts() {
-  return { home: document.body.dataset.home || "", cwd: store.current.dir || "" };
-}
-// Annotate's "Copy link" for a selection in a turn's answer, step or own
-// message: the participant page's link when the session has a person
-// active (it opens in the browser their review link was opened in: one
-// link per browser, the cookie), else this page's own.
-function claimLinkFor(source, range) {
-  // Not in a Revise stack's switched copy (revise_switch.js: view only, no claim key; Verify isn't offered there either).
-  if (!store.selected || !["answer", "step", "user"].includes(source.kind) || !historyEl.contains(source.root)
-      || source.root.closest("[data-stack-view]")) return null;
-  const turnId = turnIdOf(historyEl, source.root);
-  if (!turnId) return null;
-  const claim = { turnId, ...selectionClaim(source.root, range, claimOpts()) };
-  if (!claim.q) return null;
-  const target = participantsControl.claimTarget();
-  if (!target) {
-    return { url: `${location.origin}${location.pathname}${location.search}${ownerClaimHash(store.selected, claim)}`,
-             title: "A link to this on your page (no person is invited to this session)" };
-  }
-  const whose = target.names.map((name) => `${name}'s`).join(" or ");
-  return { url: participantClaimLink(target.base, store.selected, claim),
-           title: `A link to this for ${whose} browser: it opens where their review link was opened (one link per browser). Opened here, it shows your page.` };
-}
-async function copyClaimLink({ url }) {
-  if (await copyText(url)) showToast("Link copied");
-  else showToast(`Couldn't copy: ${url}`, null, { sticky: true });
-}
+// The page's claim links (owner_claim.js): one opened here, once drawn, and
+// annotate's Copy link.
+const ownerClaim = createOwnerClaim({
+  historyEl, store, claimTarget: () => participantsControl.claimTarget(),
+  toast: (...args) => showToast(...args), copyText, allViewOpen, home: document.body.dataset.home || "",
+});
 function applyView() {
   const open = allViewOpen();
   if (!open) {
@@ -881,82 +769,12 @@ window.addEventListener("hashchange", () => {
   selectFromHash();
 });
 
-// A phone's composer fits a few words and has no Shift+Enter: the short
-// placeholder there.
-const narrowScreen = window.matchMedia("(max-width: 600px)");
-// An input the store doesn't hold, with the composer as its only reader: a
-// direct call (the bar doesn't read it).
-narrowScreen.addEventListener("change", () => {
-  updateComposerMode();
-  // ⋯ is a phone's alone: a window grown past it takes its sheet along.
-  if (!narrowScreen.matches && moreSheet.isOpen()) moreSheet.close();
+// The composer's placeholder, hint, buttons and delivery row (composer_mode.js).
+const composerMode = createComposerMode({
+  els: { body: document.body, prompt: promptEl, hint: composeHintEl, button: actionBtn, attach: attachBtn, empty: emptyEl,
+         history: historyEl },
+  store, liveTurn, startPage, deliveryControl, moreSheet, fitPrompt, placeToast,
 });
-function setPlaceholder(long, short) {
-  promptEl.placeholder = narrowScreen.matches ? short : long;
-}
-
-// The key hint under the composer (shown while it has focus; on the start
-// page only: in a session the placeholder carries it, the hint row is gone).
-const SEND_HINT = "Enter to send · Shift+Enter for a newline · ↑ history";
-
-let hadSession = false;
-// While a turn runs, Send still sends: the prompt merges into the turn at
-// its next step (steering). Cancel is its own button then.
-function updateComposerMode() {
-  // In a session the box is one line: its minimum follows the class.
-  if (document.body.classList.toggle("has-session", !!store.selected) !== hadSession) {
-    hadSession = !hadSession;
-    // Back on the start page: its remembered model, not the last link's.
-    if (!hadSession) startPage.restoreStartPick();
-    fitPrompt();
-    placeToast();
-  }
-  startPage.syncModelPick();
-  // The start page's choice was for a new session: opening a session drops it.
-  if (store.selected) startPage.dropChoices();
-  const running = liveTurn.running && !!store.selected;
-  // No images for a session a terminal owns (it takes no message from here);
-  // on a phone none while a turn runs either: the row keeps its room for the
-  // message box (steering).
-  attachBtn.hidden = (!!store.selected && store.current.owner === "tui") || (running && narrowScreen.matches);
-  syncDeliveryLine();
-  if (running) {
-    setPlaceholder("Running… a message goes in at the next step · Enter to send · Alt+Enter queues", "Steer the turn…");
-    composeHintEl.textContent = SEND_HINT;
-    actionBtn.textContent = "Send";
-    emptyEl.classList.add("hidden");
-    return;
-  }
-  if (!store.selected) {
-    setPlaceholder("Ask chi anything…", "Ask chi anything…");
-    composeHintEl.textContent = "Enter to start · Shift+Enter for a newline";
-    actionBtn.textContent = "Start";
-    actionBtn.disabled = false;
-    emptyEl.classList.remove("hidden");
-    historyEl.replaceChildren();
-  } else if (store.current.owner === "tui") {
-    setPlaceholder("A terminal chi owns this session · run it with chi --shared to send from here", "A terminal chi owns this session");
-    composeHintEl.textContent = "";
-    actionBtn.textContent = "Send";
-    actionBtn.disabled = true;
-    emptyEl.classList.add("hidden");
-  } else {
-    // The keys are in the delivery line's row above.
-    setPlaceholder("Message chi…", "Message chi…");
-    composeHintEl.textContent = SEND_HINT;
-    actionBtn.textContent = "Send";
-    actionBtn.disabled = false;
-    emptyEl.classList.add("hidden");
-  }
-}
-
-// The delivery line's row in a session (delivery_line.js): the key hint
-// while idle, where a message goes in while the turn runs.
-function syncDeliveryLine() {
-  // A terminal owns the session: the composer is off, so is its row.
-  if (!store.selected || store.current.owner === "tui") deliveryControl.show("off");
-  else deliveryControl.show(liveTurn.running && store.current.owner !== "tui" ? "running" : "idle");
-}
 
 function setTurnRunning(running) {
   // A running turn the stage held none of goes with it (runningWithoutTurn).
@@ -1015,7 +833,7 @@ function onInitEvent(type, data) {
 // "delegated by" parent, its commands, its card actions) never shows for
 // the next one, also when the next one's read fails.
 function forgetSession({ keepVerify = false } = {}) {
-  if (!keepVerify) pendingVerifyAnchor = null;
+  if (!keepVerify) ownerVerify.clear();
   if (!keepVerify) setReviseAnchor(null);
   store.batch(() => {
     store.replaceCurrent(emptySessionState());
@@ -1061,7 +879,7 @@ promptEl.addEventListener("input", () => noteDraft());
 promptEl.addEventListener("input", () => {
   if (promptEl.value.trim()) return;
   deliveryControl.release();
-  pendingVerifyAnchor = null;
+  ownerVerify.clear();
   setReviseAnchor(null);
 });
 
@@ -1147,7 +965,7 @@ async function resync({ endText = null } = {}) {
     const kept = keptCommandBubbles(historyEl, id);
     resetTurnView();
     renderSessionView(data, { kept });
-    showPendingClaim();
+    ownerClaim.showPending();
     // Preview is read-only: a worker is woken only by POST /turn, so attach
     // only when a live bridge exists.
     store.update({ current: { streamSeq: typeof data.last_event_seq === "number" ? (data.last_event_id || data.last_event_seq) : null } });
@@ -1276,7 +1094,7 @@ function renderHistory(items) {
   }
   if (typeof items[0] === "object" && items[0].role) {
     historyEl.replaceChildren(turnHistoryNodes(items, store.current.timing, { thumbs: (images) => thumbsTemplate(store.selected, images), workingSet: !!workingSet }));
-    renderSavedVerdicts();
+    ownerVerify.renderSaved();
     // The live dividers count from the history's last activity.
     gapClock.seed(lastActivity(turnGroups(items, store.current.timing), items));
     linkTextRefs();
@@ -1389,7 +1207,7 @@ function endTurnView(kind, endText = null, { emptyAnswer = null, stopped = false
 }
 
 infoTextEl.addEventListener("click", (e) => {
-  if (e.target.closest(".worker-restart")) restartWorker();
+  if (e.target.closest(".worker-restart")) versionNotices.restart();
   // Pushed as openAllView does, so the view's back returns here.
   if (e.target.closest(".children-chip")) {
     e.preventDefault();
@@ -1411,55 +1229,10 @@ function placeApply(data) {
   appendToHistory(elementOf(applyRowTemplate(data.turn_id, badge)));
 }
 
-function placeVerdict(record) {
-  if (!record) return;
-  const known = (store.current.verdicts || []).some((item) => item.check_turn_id === record.check_turn_id);
-  const patch = {};
-  if (!known) patch.verdicts = [...(store.current.verdicts || []), record];
-  // A fresh verdict ends its check's "verifying fresh" (the card shows it).
-  if (record.fresh) patch.verifyFresh = settleRunning(store.current.verifyFresh, record);
-  store.update({ current: patch });
-  const badge = record.by && authorBadge(record.by);
-  placeVerdictWithFresh(historyEl, record, {
-    who: badge ? badge.name : "You",
-    author: record.by || null,
-    roots: CLAIM_ROOTS,
-    opts: claimOpts(),
-    onMissingCheck: (missing) => {
-      const hash = ownerCheckHash(store.sessions, store.selected, missing.check_turn_id);
-      if (hash) location.hash = hash;
-      else showToast(CHECK_NOT_ON_PAGE);
-    },
-  }, verifyFreshState());
-}
-
-// The owner's Verify fresh on an unclear verdict's card (verdict_fresh.js):
-// always theirs to start; its running check links to the child's session.
-const verifyFreshErrors = {};
-function verifyFreshState() {
-  const id = store.selected;
-  const unavailable = verifyWorkerUnavailable(store.current.workerFeatures, store.current.bridgeUp);
-  return {
-    verdicts: store.current.verdicts || [],
-    running: store.current.verifyFresh || [],
-    errors: verifyFreshErrors,
-    canStart: !!id && !unavailable,
-    unavailableReason: unavailable ? VERIFY_UNAVAILABLE : null,
-    start: async (of) => {
-      try {
-        const body = await api(freshURL(id, of), { method: "POST", body: "{}" });
-        return { ok: true, child_id: body.child_id || null };
-      } catch (error) {
-        return { ok: false, error: error.message };
-      }
-    },
-    childHref: (childId) => sessionHash(childId),
-  };
-}
-
-function renderSavedVerdicts() {
-  for (const record of store.current.verdicts || []) placeVerdict(record);
-}
+// The owner's Verify (owner_verify.js): verdict cards, Verify fresh, the claim.
+const ownerVerify = createOwnerVerify({
+  historyEl, store, api, claim: ownerClaim, liveTurn, toast: (text) => showToast(text),
+});
 
 // Apply: the owner's Apply turn into the composer, after what is typed
 // there; never sent from here.
@@ -1482,31 +1255,6 @@ historyEl.addEventListener("click", async (e) => {
   }
 });
 
-// The open session's worker badge (info_bar_model.js workerBadgeFor).
-function currentWorkerBadge() {
-  return workerBadgeFor(store.selected, store.current, versions);
-}
-
-// Restart: the session moves to a new worker on the newest chi; the page
-// follows it (its bridge_up), the composer's draft stays as it is.
-async function restartWorker() {
-  const badge = currentWorkerBadge();
-  if (!badge || !badge.restart || restartingIds.has(store.selected)) return;
-  if (!confirm(restartConfirmText(store.current.workerVersion, badge.newest))) return;
-  const id = store.selected;
-  restartingIds.add(id);
-  store.touch("infoBar");
-  try {
-    const result = await restartSession(id);
-    showToast(result.version ? `Restarted on chi ${result.version}` : "Restarting: the new worker is starting");
-  } catch (e) {
-    showToast(cantText("restart", e), null, { sticky: true });
-  } finally {
-    restartingIds.delete(id);
-    store.touch("infoBar");
-  }
-}
-
 // The session bar (info_bar_model.js sessionBar): its buttons, and the
 // info line rendered by info_bar.js.
 // The open session waits on the user: its card is up, or its summary says so
@@ -1518,8 +1266,8 @@ function sessionWaits() {
 function updateInfoBar() {
   annotateBar?.refresh();
   const { buttons, bar } = sessionBar({
-    id: store.selected, state: store.current, sessions: store.sessions, versions, cardTitle: (s) => lists.cardTitle(s),
-    continuing: sessionActions.continuing, restarting: restartingIds, streaming: !!streamControl, running: liveTurn.running, waiting: sessionWaits(),
+    id: store.selected, state: store.current, sessions: store.sessions, versions: versionNotices.versions(), cardTitle: (s) => lists.cardTitle(s),
+    continuing: sessionActions.continuing, restarting: versionNotices.restarting, streaming: !!streamControl, running: liveTurn.running, waiting: sessionWaits(),
     workingSet: workingSet ? workingSet.chip() : undefined, participants: participantsControl.chip(),
   });
   const stopBtn = document.getElementById("infoStopBtn");
@@ -1731,8 +1479,8 @@ const streamHandlers = createStreamHandlers({
   workingSet,
   participantsControl,
   placeApply,
-  placeVerdict,
-  restoreVerify: (anchor) => { pendingVerifyAnchor = anchor; },
+  placeVerdict: ownerVerify.placeVerdict,
+  restoreVerify: (anchor) => ownerVerify.set(anchor),
   restoreRevise,
   sentIds,
   earlyRestores,
@@ -1842,9 +1590,9 @@ const sendTurnControl = createSendTurn({
   sentIds,
   earlyRestores,
   api: { createIdleSession, uploadImage, sendTurn },
-  verify: () => pendingVerifyAnchor,
-  clearVerify: (anchor) => { if (pendingVerifyAnchor === anchor) pendingVerifyAnchor = null; },
-  restoreVerify: (anchor) => { pendingVerifyAnchor = anchor; },
+  verify: () => ownerVerify.anchor(),
+  clearVerify: (anchor) => ownerVerify.clear(anchor),
+  restoreVerify: (anchor) => ownerVerify.set(anchor),
   // Not while the gate refuses (the chip says so; the line goes as a plain message).
   revise: () => (reviseUnavailable() ? null : pendingReviseAnchor),
   clearRevise: (anchor) => { if (pendingReviseAnchor === anchor) setReviseAnchor(null); },
@@ -2051,11 +1799,11 @@ function restoreDraft(draft, opener) {
 }
 
 const toasts = createToasts({ el: $("#toast"), onChange: placeToast });
-const updateSheet = createUpdateSheet({
-  dialog: $("#updateSheet"),
-  update: updateChi,
-  restartWorkers,
-  restartWeb,
+// chi's versions, the update sheet and the worker Restart (version_notices.js).
+// After toasts: openSessionEvents, its first caller, runs at boot.
+const versionNotices = createVersionNotices({
+  store, toasts, dialog: $("#updateSheet"), loadedVersion: document.body.dataset.version,
+  api: { updateChi, restartWorkers, restartWeb, restartSession },
 });
 
 function showToast(text, action = null, options = {}) { toasts.show(text, action, options); }
@@ -2066,7 +1814,7 @@ function showToast(text, action = null, options = {}) { toasts.show(text, action
 // quote to the composer, the session's plugins' pills
 // (chi.annotation, annotate_actions.js), which fill the composer with their
 // command line and the quote, or send it at once, and Copy link in a turn
-// (claimLinkFor).
+// (owner_claim.js linkFor).
 function fillComposer(text) {
   openForVisit();
   promptEl.value = text;
@@ -2081,14 +1829,12 @@ annotateBar = createAnnotateBar({
   presets: withVerify(parsePresets(document.body.dataset.annotatePresets)),
   disabledPreset: (preset) => preset === VERIFY_PRESET
     && verifyWorkerUnavailable(store.current.workerFeatures, store.current.bridgeUp) ? VERIFY_UNAVAILABLE : null,
-  offeredPreset: (preset, source, range) => preset !== VERIFY_PRESET || !!verifyAnchorFor({ source, range }),
+  offeredPreset: (preset, source, range) => preset !== VERIFY_PRESET || !!ownerVerify.anchorFor({ source, range }),
   canAnnotate: () => !!store.selected && store.current.owner !== "tui",
   roots: turnRoots,
   isLive: (root) => liveTurn.running && turnDom.containsLive(root),
   onQuote: (text) => fillComposer(appendQuote(promptEl.value, text)),
-  onPreset: (preset, fields) => {
-    pendingVerifyAnchor = preset === VERIFY_PRESET ? verifyAnchorFor(fields) : null;
-  },
+  onPreset: (preset, fields) => ownerVerify.set(preset === VERIFY_PRESET ? ownerVerify.anchorFor(fields) : null),
   actions: () => annotationActions(store.current.commands),
   running: () => liveTurn.running,
   onAction: (action, fields) => {
@@ -2096,21 +1842,11 @@ annotateBar = createAnnotateBar({
     if (action.send) runSessionCommand(line);
     else fillComposer(composerWithAction(promptEl.value, action, line));
   },
-  link: claimLinkFor,
-  onLink: copyClaimLink,
+  link: ownerClaim.linkFor,
+  onLink: ownerClaim.copyLink,
   dock: () => $("#dock"),
 });
 
-// Verify's claim: a selection in an ended turn's final answer (the only
-// text Engine#verified_anchor takes; verify_target.js), else null and no
-// Verify on the bar.
-function verifyAnchorFor({ source, range }) {
-  if (source?.kind !== "answer" || !range) return null;
-  const running = liveTurn.running ? { turnId: liveTurn.timing.turnId || null } : null;
-  const turnId = verifyTurnOf(historyEl, source.root, OWNER_FINAL, { running });
-  const quote = turnId ? selectionClaim(source.root, range, claimOpts()).q : "";
-  return turnId && quote ? { turn_id: turnId, quote } : null;
-}
 historyEl.addEventListener("scroll", annotateBar.schedule);
 // A command bubble's Apply (CacheConfirm): sends the change's --yes line
 // once; its own bubble then says what it did.
@@ -2158,43 +1894,11 @@ const notifications = createNotifications({
   allEvents: (handlers, opts) => openEvents(handlers, opts),
 });
 
-// The latest-sessions strip can be hidden for more chat room; the choice
-// stays per browser (it replaced zen mode, so a zen user starts hidden).
-function stripHiddenSaved() {
-  const saved = readStored("chi_strip_hidden");
-  return saved === null ? readStored("chi_zen") === "1" : saved === "1";
-}
-// A short window hides the strip by itself, so the stage keeps room for a
-// card that waits (its question and choices); the grip brings it back
-// until the window is tall again. Not saved: the saved choice is the
-// user's own hide or show.
-const shortWindow = window.matchMedia(SHORT_WINDOW_QUERY);
-let stripShownWhileShort = false;
-// The strip's grip (strip_grip.js): the handle on the edge between the strip
-// and the chat. It is given the hidden state and the toggle; it speaks its own
-// title and aria-expanded, refreshed below after every change.
-const stripGripRefresh = createStripGrip({
-  gripEl: $("#stripGrip"),
-  isHidden: () => document.body.classList.contains("strip-hidden"),
-  setHidden: (hidden) => setStripHidden(hidden),
-});
-function applyStripHidden() {
-  document.body.classList.toggle("strip-hidden", stripAutoHidden({
-    saved: stripHiddenSaved(), short: shortWindow.matches, shownWhileShort: stripShownWhileShort,
-  }));
-  stripGripRefresh();
-  updateSessionTitle();
-}
-function setStripHidden(hidden) {
-  if (hidden) lists.familyPop.close();
-  writeStored("chi_strip_hidden", hidden ? "1" : "0");
-  stripShownWhileShort = !hidden && shortWindow.matches;
-  applyStripHidden();
-}
-applyStripHidden();
-shortWindow.addEventListener("change", () => {
-  if (!shortWindow.matches) stripShownWhileShort = false;
-  applyStripHidden();
+// The strip hidden or shown (strip_hidden.js): its grip, the saved choice and
+// the short window's rule; applied now.
+createStripHidden({
+  gripEl: $("#stripGrip"), body: document.body, onApply: () => updateSessionTitle(),
+  closeFamilyPop: () => lists.familyPop.close(),
 });
 
 // Esc leaves select mode first, then the all-sessions view.
@@ -2216,7 +1920,7 @@ store.on("settingsPanel", () => settingsControl.refresh());
 // The working set's list offers pin only under forget.
 store.on("workingSetStrategy", () => workingSet?.strategyChanged());
 store.on("featureGates", () => featureGates.check(store.current));
-store.on("composer", updateComposerMode);
+store.on("composer", composerMode.update);
 store.on("composer", () => objectives.redraw());
 // The answers' Revise buttons follow liveTurn.running too (none on the
 // running turn's answer), which touches the composer.