samagotchi 0.144.0 → 0.145.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9e6a9b3aacbab7f8ce2c03c1bf67ba3b37ba647db975b340b6e146ee544de0d4
-  data.tar.gz: 65346bf0d90d4355f7d47e7760d952624cd13b02f2e324ec834649c4a2e12e1d
+  metadata.gz: 6055a05533de1a37a9e9393effa720eb2ca93f0db2715d7f806f83cae3086a8d
+  data.tar.gz: ac0a46f034b62cf4c0b6968d6bb9b07fdf8bae8ab331f4745b4a597ef45dd8c9
 SHA512:
-  metadata.gz: 536a9cc745170f15f8b52806bc91fa53fc5faa5e0864aa783d8508142ece75626f589fc62974a0883df922671a1543f02cd5c0c8e16d094fd8e8fb3ce94bdd56
-  data.tar.gz: '06086d99f2b967fff766b9b29dbaae5792450276ef655f3822c58d6d1c844f84cb77737c99ef0b1eeec0ea80316533900d491624450379f9b2100b8f01d39584'
+  metadata.gz: 7e0ab9f589c50aa6c3fa7bdb37b64e17d9963191fa1878e624dd33d68f296d31bd107a09eb8feb5ae7bd85b9c7f2e6bbf1ff1c296ae1fd938a828160c7c5a488
+  data.tar.gz: 34688115cd7554ed4f660ab131dfcccb4dd7d15e24f72c7e32f6802d1a2c422d80cfea3cef47f18afc689eb653fc36102b5726d45129202f157d91f1d1db09b7

data/CHANGELOG.md

@@ -7,6 +7,29 @@ and commands may change between minor versions. How releases are made:
 [docs/releasing.md](docs/releasing.md).
 ## [Unreleased]
 
+## [0.145.0] - 2026-11-02
+
+### Changed
+
+- On a phone, a web approval uses more of the screen, and a short one shows its question, command and Submit without
+  scrolling. A tall card can use the stage's raised height, as a long question already could.
+- The stage shrinks back once at the next step after you answer a question or approval, so no empty room stays under the
+  answered card. Otherwise it still only grows during a turn.
+- The web's approval card has no Deny radio. The Deny button denies in one tap, and a reason typed in the box now goes
+  with it. Terminals, `chi answer` and relayed approvals still answer Deny by its label.
+- On a phone or touch screen, the composer folds while a card's text field has focus and comes back afterwards. Your
+  saved fold and draft are untouched.
+- The session bar says "waiting" instead of "running" while a card blocks the turn.
+- A live answer's new line appears at once instead of fading in, which takes about a quarter off the CPU a streaming
+  answer uses on a Mac Studio.
+
+### Fixed
+
+- An approval card's folder and reason wrap at words instead of splitting them.
+- The text fields on web cards ask iOS Safari not to offer its AutoFill Contact bar.
+
+Update with `chi update`.
+
 ## [0.144.0] - 2026-11-02
 
 ### Changed
@@ -5526,7 +5549,8 @@ and long-lived sessions.
 - A macOS desktop helper (`chi desktop install`): a "Send to chi" Service and a
   hotkey panel that send selected text or the clipboard to your sessions.
 
-[Unreleased]: https://github.com/dm1try/samagotchi/compare/v0.144.0...HEAD
+[Unreleased]: https://github.com/dm1try/samagotchi/compare/v0.145.0...HEAD
+[0.145.0]: https://github.com/dm1try/samagotchi/compare/v0.144.0...v0.145.0
 [0.144.0]: https://github.com/dm1try/samagotchi/compare/v0.143.0...v0.144.0
 [0.143.0]: https://github.com/dm1try/samagotchi/compare/v0.142.0...v0.143.0
 [0.142.0]: https://github.com/dm1try/samagotchi/compare/v0.141.0...v0.142.0

data/docs/internals/web-frontend.md

@@ -220,6 +220,23 @@ A new chip on the bar needs its place in that CSS's hidden list and a row in `mo
 it is lost on a phone. `app.js`'s `updateInfoBar` feeds the sheet (`update`) on every redraw; its rows and actions draw into
 fixed slots, so a row that joins keeps the focus where it was. The `narrowScreen` listener closes the sheet when the window grows.
 
+
+## The stage's height
+
+`stage_frame.js` is the one writer. The cap is a ceiling: 60% of the page, 80% with the cloud open, 85% while a card has
+the room, and never above the session panel. The frame is grow-only while a turn runs, so a change inside the stage
+never moves its top edge, with one exception: **the next step after a blocking card's answer lets the frame go, once**
+(`stage_view.js releaseHeldWait`, from `generationStarted`). The `held-wait` class says it is due: set with `waiting`,
+cleared there, so a later step, which calls it again, does nothing. What goes together: the live slots' waiting height, a
+raised cap, the tallest content seen (`forgetContent`). At the tap nothing moves: the card collapses to its line inside
+the held frame and the stage's scroll stays, unless the line would be above the view (a reader who scrolled down a card
+taller than the stage), when it comes back to the view's top (`settleAnsweredCard`).
+
+Two cards raise the cap: a model's own question whose reply overflows its slot (`drawRoom`, the question room, read from
+the reply's start with a pill to the card) and a blocking approval too tall for the stage's view, a delegate's relayed
+one too (`raiseForApproval`, `stage_frame.js fitsCap`). An approval gets the cap only: no room class and no pill, as it
+opens at its question and command (`revealTop`).
+
 ## Frames
 
 During a turn the cost is frames, not code: JS, layout and style are each a few percent of a core, while an animation
@@ -237,6 +254,9 @@ counts. So:
   it) stops them all, so movement means chi is working; `stage.spec.js`'s question scenario checks it, also after a
   reload. An asking card (check-in) has no `.waiting`, as its turn goes on: its dot keeps blinking. `.init-spin` is
   outside the stage (plugin setup only).
+- A one-shot fade on something that arrives many times a second is a recurring cost too. A live answer's new line
+  appears at once: its fade alone was about a quarter of the streaming answer's total on the Studio (24-25% of a core to
+  17-19%). The headline's `ts-fade` stays: turning it off saved nothing measurable.
 
 A running turn's text reaches the page at most every 100 ms (`turn_block.js FLUSH_MS`): a chunk only marks its step dirty,
 and `flush` writes the dirty steps, follows and runs `onChange`, which refreshes the stage on the next frame
@@ -295,7 +315,7 @@ reach another device or the server.
 | Key | Module | What |
 |---|---|---|
 | `chi_model`, `chi_model_recent` | `model_pick.js`, `model_picker.js`, `start_page.js` | the start page's model and its recent list |
-| `chi_composer_collapsed` | `composer_fold.js` | the composer folded |
+| `chi_composer_collapsed` | `composer_fold.js` | the composer folded (a card's text field folds it for the time it has the focus on a narrow or touch screen, `composer_grip.js watchCardField`, on top of this and of the visit's state: neither is written) |
 | `chi_composer_floor` | `composer_grip.js`, `composer_mount.js` | the composer's dragged height |
 | `chi_strip_hidden` (`chi_zen`: the old name, read once) | app.js | the session strip hidden |
 | `chi_stage_collapsed` | `stage_view.js` | the stage collapsed |

data/lib/samagotchi/bundles/system/manifest.yml

@@ -1,6 +1,6 @@
 ---
 name: samagotchi-system
-version: 0.144.0
+version: 0.145.0
 scope: system
 description: Default system memories — identity, self map, config modification protocol, memory guide and the delegated-session rules
 files:

data/lib/samagotchi/version.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 module Samagotchi
-  VERSION = "0.144.0"
+  VERSION = "0.145.0"
   # Sent as the User-Agent of every HTTP request chi makes.
   USER_AGENT = "chi/#{VERSION}"
 end

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

@@ -1508,11 +1508,15 @@ async function restartWorker() {
 
 // 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 summary says so, or its card is up.
+function sessionWaits() {
+  return !!(waitingOn(store.sessions.find((s) => s.id === store.selected)) || questionCards.pendingQuestion());
+}
 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,
+    continuing: sessionActions.continuing, restarting: restartingIds, streaming: !!streamControl, running: liveTurn.running, waiting: sessionWaits(),
     workingSet: workingSet ? workingSet.chip() : undefined, participants: participantsControl.chip(),
   });
   const stopBtn = document.getElementById("infoStopBtn");
@@ -1947,7 +1951,7 @@ const composer = mountComposer({
   fold: {
     infoBarEl: $("#infoBar"),
     session: () => store.selected,
-    waiting: () => !!(waitingOn(store.sessions.find((s) => s.id === store.selected)) || questionCards.pendingQuestion()),
+    waiting: sessionWaits,
     allViewOpen,
     lightboxOpen: () => !lightboxEl.hidden,
   },

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

@@ -3,13 +3,16 @@
 // unfold is saved per browser (chi_composer_collapsed); an archived
 // session opens folded for that visit; the page expanding it by itself (a
 // focus, a restored line, a quote) opens it for the visit only. A visit is
-// one select() call.
+// one select() call. A card's text field with the focus on a narrow or touch
+// screen folds it for that time, on top of all of these (+cardField+): the
+// keyboard is up and the card needs the rows; nothing is saved.
 
 export const COMPOSER_FOLD_KEY = "chi_composer_collapsed";
 
 // Whether the composer is folded: the saved choice or an archived visit,
 // unless this visit opened it.
-export function composerFolded({ saved, archivedVisit, visitOpen }) {
+export function composerFolded({ saved, archivedVisit, visitOpen, cardField = false }) {
+  if (cardField) return true;
   if (visitOpen) return false;
   return !!saved || !!archivedVisit;
 }

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

@@ -7,6 +7,13 @@ import { readStored, removeStored, writeStored } from "./storage.js";
 // the box's height (fitPrompt) and the grip's floor (+floor+ / +setFloor+), which
 // fitPrompt reads; the floor is saved under GRIP_KEY.
 export const GRIP_KEY = "chi_composer_floor";
+// A card's text field with the focus folds the composer on these screens.
+const CARD_FIELD_SCREEN = "(max-width: 600px), (hover: none) and (pointer: coarse)";
+const CARD_FIELD = '.bubble.question input[type="text"], .bubble.continue input[type="text"]';
+// Whether it still has the focus is looked at this often, twice before the
+// composer comes back: a field an answer disables or removes fires no blur,
+// and a tap on Submit must land before the card moves under the finger.
+const CARD_FIELD_CHECK_MS = 150;
 
 // +session+: the open session's id, or null (the start page). +draft+,
 // +waiting+, +allViewOpen+, +lightboxOpen+: what the page shows now.
@@ -36,6 +43,9 @@ export function createComposerGrip({
   // first getSession answer).
   const newFoldVisit = () => ({ open: false, archived: false, decided: false });
   let foldVisit = newFoldVisit();
+  // The card's text field folding the composer now (watchCardField), or null.
+  let cardField = null;
+  let cardFieldWatch = null;
 
   function cancelPendingFold() {
     if (!pendingFold) return;
@@ -175,7 +185,7 @@ export function createComposerGrip({
     return readStored(COMPOSER_FOLD_KEY) === "1";
   }
   function isComposerFolded() {
-    return !!session() && composerFolded({ saved: composerFoldSaved(), archivedVisit: foldVisit.archived, visitOpen: foldVisit.open });
+    return !!session() && composerFolded({ saved: composerFoldSaved(), archivedVisit: foldVisit.archived, visitOpen: foldVisit.open, cardField: !!cardField });
   }
   function applyComposerFolded() {
     const folded = isComposerFolded();
@@ -187,9 +197,37 @@ export function createComposerGrip({
     if (was && !folded) fitPrompt();
     drawFoldControls();
   }
+  // A card's text field took the focus: the composer folds until it lets go.
+  // On top of the fold's state, which it never writes: the saved choice and
+  // the visit's come back as they were, and the box keeps its draft. Only the
+  // reader's own focus gets here while a draft is there: a card doesn't take
+  // the focus then (question_cards.js focusWhenIdle).
+  function watchCardField(field) {
+    releaseCardField();
+    cardField = field;
+    let missed = 0;
+    cardFieldWatch = setInterval(() => {
+      const held = doc.activeElement === field && !field.disabled && field.isConnected;
+      missed = held ? 0 : missed + 1;
+      if (missed < 2) return;
+      releaseCardField();
+      applyComposerFolded();
+    }, CARD_FIELD_CHECK_MS);
+    applyComposerFolded();
+  }
+  function releaseCardField() {
+    clearInterval(cardFieldWatch);
+    cardFieldWatch = null;
+    cardField = null;
+  }
+  doc.addEventListener("focusin", (e) => {
+    if (!session() || !e.target?.matches?.(CARD_FIELD) || !win.matchMedia?.(CARD_FIELD_SCREEN).matches) return;
+    watchCardField(e.target);
+  });
   // The user's own fold or unfold (the grip, typing): saved, unless this
   // is an archived visit (both are for the visit then).
   function setComposerFolded(folded) {
+    releaseCardField();
     if (foldVisit.archived) {
       foldVisit.open = !folded;
     } else {
@@ -200,7 +238,11 @@ export function createComposerGrip({
   }
   // The page opens it for this visit: nothing saved.
   function openForVisit() {
-    if (!isComposerFolded()) return;
+    releaseCardField();
+    if (!isComposerFolded()) {
+      applyComposerFolded();
+      return;
+    }
     foldVisit.open = true;
     applyComposerFolded();
   }
@@ -264,6 +306,7 @@ export function createComposerGrip({
     drawFoldControls,
     // A new visit (select(), the start page): nothing opened, not decided.
     newVisit() {
+      releaseCardField();
       foldVisit = newFoldVisit();
       applyComposerFolded();
     },

data/lib/samagotchi/web/public/index.html

@@ -393,10 +393,8 @@ button.system-one-wrong,.system-one-wrong.marked{flex:none;padding:1px 6px;borde
 .outline-fold:hover{color:var(--text-muted)}
 .turn-work.outline>.gen.folded.unfolded{margin-left:var(--step-indent)}
 .gen-text{margin-top:6px;white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.55}
-/* The live step's narration box: the complete sentences so far, one per line, three visual lines high (3 × the 1.55 line-height), scrolled to the newest; each new line fades in. */
+/* The live step's narration box: the complete sentences so far, one per line, three visual lines high (3 × the 1.55 line-height), scrolled to the newest; a new line appears at once (its fade was most of a streaming answer's animation cost, docs/internals/web-frontend.md, Frames). */
 .gen-text.streaming>.narration{max-height:4.65em;overflow:auto;scrollbar-width:thin;white-space:normal}
-.narration>.sentence{animation:fadeIn 160ms ease}
-@media (prefers-reduced-motion:reduce){.narration>.sentence{animation:none}}
 .gen:not(.live) .gen-text{font-size:14px;color:var(--text-2)}
 .gen-text:empty{display:none}
 .gen .activity-body{margin-top:6px}
@@ -528,7 +526,7 @@ button.system-one-wrong,.system-one-wrong.marked{flex:none;padding:1px 6px;borde
 .question-relayed a{color:var(--text);font-weight:600}
 .approval-tool{font-weight:700;color:var(--text);margin-bottom:4px}
 .approval-what{margin:0 0 6px;padding:8px 10px;background:var(--bg-inset);border:1px solid var(--warn-border);border-radius:6px;white-space:pre-wrap;word-break:break-all;color:var(--warn-bright);font-size:12.5px}
-.approval-where,.approval-why{font-size:12px;color:var(--text-muted);word-break:break-all}
+.approval-where,.approval-why{font-size:12px;color:var(--text-muted);overflow-wrap:anywhere}
 .approval-why{color:var(--warn-text)}
 .approval-label{color:var(--text-faint)}
 /* A diff (diff_view.js): the approval card's dry run and a tool row's change. */
@@ -815,7 +813,7 @@ body.stage-view .turn-stage{position:absolute;left:0;right:0;bottom:100%;margin-
    its room, read from the top. */
 .ts-asking{max-height:calc(var(--stage-max,60vh) * .35);overflow:auto;scrollbar-width:thin;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55;color:var(--narr);border-left:2px solid var(--border-strong);padding-left:10px}
 /* The question room (stage_view.js drawRoom): a model's own question whose asking text overflows that cap. The slot loses its
-   cap and its own scroll, and the stage's one scroll covers the whole reply (the stage's cap rises for the turn, stage_frame.js).
+   cap and its own scroll, and the stage's one scroll covers the whole reply (the stage's cap rises until the next step, stage_frame.js).
    --stage-max also scales the extras, the cloud and the queued slot: a ceiling only, content that fit stays as it is. */
 .turn-stage.question-room .ts-asking{max-height:none;overflow:visible}
 .turn-stage.asking .ts-headline{display:none}
@@ -843,7 +841,7 @@ body.stage-view .turn-stage{position:absolute;left:0;right:0;bottom:100%;margin-
 .turn-stage.waiting :is(.ts-extras,.ts-tail){max-height:none;overflow:visible}
 /* The card under the live slots stays put from its arrival to the next step: waiting, the slots keep at least their running
    height (the asking text in the headline's place, the tool row's and the trail's room left blank); answered, the height
-   they had while waiting (stage_view.js). */
+   they had while waiting. The next step lets it go with the frame (stage_view.js releaseHeldWait). */
 .turn-stage.waiting .ts-live{min-height:var(--ts-live-h)}
 .turn-stage.held-wait:not(.waiting) .ts-live{min-height:max(var(--ts-live-h),var(--live-held,0px))}
 /* A 1 px mark at the tallest content's end, so the scroll extent never drops while a turn runs (stage_view.js fitFrame). */
@@ -1082,6 +1080,9 @@ button.ws-row:hover:not(:disabled){filter:none}@media(hover:hover){button.ws-row
   .ts-defer{display:none}
   .ts-cancel{padding:1px 8px}
   .ts-trail-item{max-width:24ch}
+  /* An approval's Submit in sight on a phone: its folder, reason and rows a little tighter. */
+  .approval-where,.approval-why{line-height:1.35}
+  .bubble.question.approval .question-option{padding:5px 8px}
 }
 @media (prefers-reduced-motion:reduce){.turn-stage.enter,.ts-arrive,.ts-headline.fresh,.ts-tick.running,.ts-mark,.ts-spin,.turn-work:not(.done) .activity-status.running::before{animation:none}.turn-stage.leaving,#center.reserve-easing #history{transition:none}}
 #infoBar{display:flex;background:transparent;border-radius:0 0 16px 16px;color:var(--text-2);gap:10px;align-items:flex-start;flex-wrap:wrap;flex-shrink:0;transition:opacity 280ms ease}
@@ -1738,6 +1739,7 @@ body.all-view #allHead{display:flex}
 .card .stopped-badge,.family-row .stopped-badge{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;white-space:nowrap;flex-shrink:0;background:var(--warn);color:var(--bg)}
 .status.running{background:var(--ok-bg);color:var(--ok-text)}
 .status.idle{background:var(--bg-raised)}
+.status.waiting{background:var(--warn-bg);color:var(--warn-text)}
 .status.completed{background:var(--accent-bg);color:var(--accent)}
 .status.error{background:var(--danger-bg-dim);color:var(--danger-text)}
 .card .owner,.family-row .owner{font-size:11px;padding:2px 6px;border-radius:999px}

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

@@ -65,11 +65,12 @@ export function infoButtons({ id, state, chain, archived, continuing, streaming
 // @param badge workerBadgeFor's, or null
 // @param restarting whether this session's Restart is under way
 // @param running whether its turn runs (the session clock ticks)
+// @param waiting whether the session waits on the user (app.js sessionWaits)
 // @param workingSet web.working_set on: the chip's {n, changed} (n 0 while
 //   the set is empty); undefined: off (the mem chip shows)
 // @param participants the participants chip (participants_panel.js
 //   chipModel), null before the list is read
-export function infoBarModel({ id, state, sessions, chain, cardTitle, badge, restarting, running, workingSet = undefined, participants = null }) {
+export function infoBarModel({ id, state, sessions, chain, cardTitle, badge, restarting, running, waiting = false, workingSet = undefined, participants = null }) {
   const tokens = state.timing.tokens;
   const ctxTip = ctxBarTip(tokens, state.timing.memoryIndex,
                            { tokens: state.ctxWindow, source: state.ctxWindowSource, pct: state.ctxPct,
@@ -85,7 +86,8 @@ export function infoBarModel({ id, state, sessions, chain, cardTitle, badge, res
   const parentChip = delegatedBy(state.parentId, sessions.find((x) => x.id === state.parentId) || null);
   return {
     id,
-    status: state.status,
+    // Its turn runs but a card blocks it: the word `chi sessions list` has for it.
+    status: running && waiting ? "waiting" : state.status,
     model: modelLabel(state.model, ...(state.served || [])),
     // A link of a session chain: ← the previous link, → the next one (each
     // only while the list holds it).
@@ -122,12 +124,12 @@ export function infoBarModel({ id, state, sessions, chain, cardTitle, badge, res
 // The whole bar for the open session +id+ (null: the start page, no line).
 // @param sessions the page's list; +continuing+, +restarting+: Sets of ids
 // @return {buttons, bar}
-export function sessionBar({ id, state, sessions, versions, cardTitle, continuing, restarting, streaming, running, workingSet = undefined, participants = null }) {
+export function sessionBar({ id, state, sessions, versions, cardTitle, continuing, restarting, streaming, running, waiting = false, workingSet = undefined, participants = null }) {
   const chain = id ? chainNeighbours(sessions, id, { continues: state.continues }) : { prev: null, next: null };
   const archived = !!sessions.find((s) => s.id === id)?.archived;
   const buttons = infoButtons({ id, state, chain, archived, continuing: continuing.has(id), streaming });
   if (!id) return { buttons, bar: null };
   const badge = workerBadgeFor(id, state, versions);
-  const bar = infoBarModel({ id, state, sessions, chain, cardTitle, badge, restarting: restarting.has(id), running, workingSet, participants });
+  const bar = infoBarModel({ id, state, sessions, chain, cardTitle, badge, restarting: restarting.has(id), running, waiting, workingSet, participants });
   return { buttons, bar };
 }

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

@@ -111,13 +111,18 @@ export function createQuestionCards({
     }
 
     const options = Array.isArray(pq.options) ? pq.options : [];
+    // An approval's last option denies: here that is the Deny button beside
+    // Submit, one tap, so no radio says it again. The option stays in the
+    // data (a terminal, chi answer and a relay answer it by its label).
+    const denies = approval && options[options.length - 1] === "Deny";
+    const shown = denies ? options.slice(0, -1) : options;
     if (stepLimit) {
       renderStepLimitActions(card, pq, options);
-    } else if (options.length) {
+    } else if (shown.length) {
       const list = doc.createElement("div");
       list.className = "question-options";
       const inputType = pq.multi_select ? "checkbox" : "radio";
-      options.forEach((label, i) => {
+      shown.forEach((label, i) => {
         const row = doc.createElement("label");
         row.className = "question-option";
         const input = doc.createElement("input");
@@ -155,6 +160,7 @@ export function createQuestionCards({
     if (pq.allow_freeform) {
       freeformInput = doc.createElement("input");
       freeformInput.type = "text";
+      noContactFill(freeformInput);
       freeformInput.className = "question-freeform";
       freeformInput.placeholder = approval ? "Reason for the model (with Deny, or alone to deny)…" : "Other…";
       card.appendChild(freeformInput);
@@ -201,7 +207,13 @@ export function createQuestionCards({
       err.classList.add("hidden");
       submit.disabled = true;
       dismiss.disabled = true;
-      api.dismissQuestion(sessionId(), pq.id).catch((e) => {
+      // A reason typed in the box goes with the Deny: the answer carries it,
+      // a dismissal has no text.
+      const reason = denies && freeformInput ? freeformInput.value.trim() : "";
+      const sent = reason
+        ? api.sendAnswer(sessionId(), { id: pq.id, selected: ["Deny"], freeform: reason })
+        : api.dismissQuestion(sessionId(), pq.id);
+      sent.catch((e) => {
         submit.disabled = false;
         dismiss.disabled = false;
         err.textContent = answerErrorText(e);
@@ -228,6 +240,15 @@ export function createQuestionCards({
     focusWhenIdle(card, pq.id, { staged });
   }
 
+  // A card's text field isn't a contact form: what iOS Safari respects
+  // against its "AutoFill Contact" bar (no autocomplete, a name with no
+  // contact word in it). Autocorrect stays: the reader writes prose here.
+  function noContactFill(input) {
+    input.setAttribute("autocomplete", "off");
+    input.setAttribute("autocorrect", "on");
+    input.name = "chi-card-note";
+  }
+
   function isPlainEnter(e) {
     return e.key === "Enter" && !e.isComposing && !e.shiftKey && !e.altKey && !e.ctrlKey && !e.metaKey;
   }
@@ -258,6 +279,7 @@ export function createQuestionCards({
   function renderStepLimitActions(card, pq, options) {
     const reason = doc.createElement("input");
     reason.type = "text";
+    noContactFill(reason);
     reason.className = "question-freeform continue-reason";
     reason.placeholder = CONTINUE_REASON_PLACEHOLDER;
     const err = doc.createElement("div");
@@ -590,6 +612,7 @@ export function createQuestionCards({
     no.addEventListener("click", () => answer(continueLine("no")));
     const reason = doc.createElement("input");
     reason.type = "text";
+    noContactFill(reason);
     reason.className = "continue-reason";
     reason.placeholder = "Why not? (the model reads it)";
     const noBecause = doc.createElement("button");

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

@@ -1,9 +1,10 @@
 // The stage view's cap and frame (stage_view.js): the one place that
 // writes the stage's height, and the stage's own scrolls. The cap: at most
-// ~60% of the page (~80% with the cloud open, 85% for the rest of a turn
-// whose question got the question room), and never above the session
-// panel. The frame: held and grow-only while the stage holds a turn
-// (stage_model.js frameTarget), its growth eased. The stage's state comes
+// ~60% of the page (~80% with the cloud open, 85% from a card that needs the
+// room until the next step: a long reply's question, a tall approval), and
+// never above the session panel. The frame: held and grow-only while the
+// stage holds a turn (stage_model.js frameTarget), its growth eased; the next
+// step after an answered card lets it go once (forgetContent). The stage's state comes
 // in as getters (+isHolding+, +isCollapsed+, +isCloudOpen+, +isRoomCap+);
 // what the stage changes of the frame's goes through resetHeld and
 // forgetContent. +waitingCard+: the card blocking the turn, or null.
@@ -58,7 +59,7 @@ export function createStageFrame({ stage, scroller, status, cloud, queuedSlot, h
   }
 
   // ── the cap: at most ~60% of the page (~80% with the cloud open, 85%
-  // once the turn's question got the room), and never above the session
+  // while a card has the room), and never above the session
   // panel (the dock is absolute: a tall composer or a phone's keyboard
   // would push the stage's top out) ──────────────────────────────────────
 
@@ -113,6 +114,14 @@ export function createStageFrame({ stage, scroller, status, cloud, queuedSlot, h
     if (!card || !cardInSight()) reveal(card?.parentElement ?? extras, { now: true });
   }
 
+  // +card+ fits the stage's view at the cap now: it, the scroller's padding
+  // and the stage's rows around the scroller.
+  function fitsCap(card) {
+    const css = getComputedStyle(scroller);
+    const around = stage.offsetHeight - scroller.offsetHeight + (parseFloat(css.paddingTop) || 0) + (parseFloat(css.paddingBottom) || 0);
+    return card.offsetHeight + around <= capPx();
+  }
+
   function fitCap() {
     if (stage.hidden) return;
     // The composer card and the gap above it (the stage floats over them,
@@ -144,7 +153,8 @@ export function createStageFrame({ stage, scroller, status, cloud, queuedSlot, h
   // Nothing in the stage view jumps. The rules: the stage is out of the
   // dock's flow (index.html), so its height never moves the composer; while
   // it holds a turn its height is held and grow-only (frameTarget), so a
-  // content change happens inside it; growth eases (frameTo); the chip is a
+  // content change happens inside it (the next step after an answered card
+  // lets it go once: forgetContent); growth eases (frameTo); the chip is a
   // footer no content can push; the hand-off releases the turn at once
   // (releaseTurn) and empties the stage only after it slid away under the
   // composer (a transform, then finishFold/clearStage).
@@ -215,6 +225,7 @@ export function createStageFrame({ stage, scroller, status, cloud, queuedSlot, h
 
   return {
     fitCap,
+    fitsCap,
     frameFree,
     afterGrowth,
     easeStage,
@@ -222,7 +233,8 @@ export function createStageFrame({ stage, scroller, status, cloud, queuedSlot, h
     // A new turn, or none: no height held yet.
     resetHeld: () => { held = null; },
     // The tallest content seen and the height held for it are forgotten (a
-    // new turn, the cloud closed by hand): the frame refits to what shows now.
+    // new turn, the cloud closed by hand, the next step after an answered
+    // card): the frame refits to what shows now.
     forgetContent: () => {
       maxContent = 0;
       held = null;

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

@@ -198,7 +198,8 @@ export function liveSlots(turn, { narration = "", thinking = "", pending = false
 
 // The stage's frame height (px) while it holds a turn: grow-only, so a
 // content change inside it (the plain flip, an answered card, a short
-// answer) never moves its top edge. +natural+: its content's own height;
+// answer) never moves its top edge. (Its one shrink forgets +held+: the next
+// step after an answered card, stage_view.js releaseHeldWait.) +natural+: its content's own height;
 // +held+: the height it holds (null: none yet); +cap+: --stage-max. A lower
 // cap (a phone's keyboard) clamps it at once and the clamp is the new held
 // height: a cap that rises again doesn't bring the old one back, only new

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

@@ -38,6 +38,8 @@ const ANSWER_SEEN = 72;
 const ANSWER_CUT = 12;
 // An answered card's one line.
 const ANSWERED_LINE = 40;
+// That line brought back sits this far under the scroller's edge.
+const ANSWERED_GAP = 8;
 const PENDING = ".bubble.question:not(.answered):not(.cancelled), .bubble.continue:not(.resolved)";
 // A running turn's card with actions (check-in's Nudge / Keep going / Stop)
 // asks the user too, but the turn goes on: it waits only while the turn runs
@@ -47,6 +49,9 @@ const ASKS = ".plugin-card[data-in-turn] .card-action";
 // the step limit, a hook's question or a delegate's relayed one): the one
 // card whose long asking text gets the question room.
 const ASK_CARD = '.bubble.question[data-kind="question"]:not([data-relay])';
+// A blocking approval, a delegate's relayed one too: too tall for the stage's
+// view, it gets the question room's raised cap (raiseForApproval).
+const APPROVAL_CARD = '.bubble.question[data-kind="approval"]';
 
 function readCollapsed() {
   return readStored(COLLAPSE_KEY) === "1";
@@ -190,8 +195,9 @@ export function createStageView({
   let bare = false;
   let foldTimer = null;
   // The question room (drawRoom): the pending ask card whose asking text
-  // overflowed its cap, and the turn's raised cap (stage_frame.js; kept
-  // until the next turn: the frame is grow-only).
+  // overflowed its cap; and the raised cap (stage_frame.js), which an
+  // approval too tall for the stage gets too (raiseForApproval), kept until
+  // the next step (releaseHeldWait).
   let roomCard = null;
   let roomCap = false;
   // What the overflow was measured for ({ card, text }): measured once the
@@ -258,8 +264,8 @@ export function createStageView({
   // The question room: while a model's own question waits and its asking
   // text didn't fit its cap, the slot loses its cap and the stage's one
   // scroll reads the whole reply (index.html .question-room); the cap rises
-  // for the rest of the turn. The card keeps the room until it stops
-  // pending (+text+: the asking text drawn).
+  // until the next step. The card keeps the room until it stops pending
+  // (+text+: the asking text drawn).
   function drawRoom(blocked, text) {
     const ask = blocked ? askCard() : null;
     if (roomCard && ask === roomCard) return;
@@ -292,6 +298,18 @@ export function createStageView({
     }
   }
 
+  // A blocking approval too tall for the stage's view: the same raised cap,
+  // the stage takes what the page has. The card still opens at its question
+  // and command (stage_frame.js revealTop), so no room class and no pill. The
+  // cap is a ceiling: a card that fits never gets here.
+  function raiseForApproval(blocked) {
+    if (!blocked || roomCap) return;
+    const card = extras.querySelector(PENDING) || tail.querySelector(PENDING);
+    if (!card?.matches(APPROVAL_CARD) || frame.fitsCap(card)) return;
+    roomCap = true;
+    frame.fitCap();
+  }
+
   // The pill: the room's card out of the stage's view, once its arrival
   // reveal has run, the stage open.
   function drawPill() {
@@ -340,7 +358,6 @@ export function createStageView({
     const wasWaiting = stage.classList.contains("waiting");
     if (blocked && !wasWaiting) {
       stage.classList.add("held-wait");
-      live.style.minHeight = "";
     }
     if (!blocked && wasWaiting) stage.style.setProperty("--live-held", `${live.offsetHeight}px`);
     stage.classList.toggle("plain", plain);
@@ -356,6 +373,7 @@ export function createStageView({
     slotsView.drawHeadline(slots.headline);
     slotsView.drawAsking(slots.asking, slots.askingRefs);
     drawRoom(blocked, slots.asking);
+    raiseForApproval(blocked);
     drawPill();
     slotsView.drawNow(slots.tool, slots.quiet);
     slotsView.drawTrail(slots.trail, flash);
@@ -389,15 +407,18 @@ export function createStageView({
     tail.hidden = !tail.firstChild;
   }
 
-  // A card stopped waiting and its slot has its cap and own scroll again:
-  // the slot's end shows (the answered card's line), and a reader who had
-  // scrolled down the tall card isn't left looking at where it was.
+  // A card stopped waiting and its slot has its cap and own scroll again: the
+  // slot's end shows (the answered card's line). The stage's scroll stays, so
+  // nothing moves at the tap (the frame holds, and the blank goes at the next
+  // step), unless the reader had scrolled down the tall card past its line:
+  // then the line comes back, to the view's top and no further.
   function settleAnsweredCard() {
     const slot = tail.firstChild ? tail : extras;
     if (!slot.firstChild) return;
     slot.scrollTop = slot.scrollHeight;
     const end = slot.offsetTop + slot.offsetHeight;
-    if (scroller.scrollTop > end - ANSWERED_LINE) scroller.scrollTop = Math.max(0, end - scroller.clientHeight);
+    if (scroller.scrollTop <= end - ANSWERED_LINE) return;
+    scroller.scrollTop = Math.max(0, Math.min(slot.lastElementChild.offsetTop, end - ANSWERED_LINE) - ANSWERED_GAP);
   }
 
   // The prompt's first words (the working set's session tags say whose
@@ -407,23 +428,18 @@ export function createStageView({
     return text.length > 60 ? `${text.slice(0, 59)}\u2026` : text;
   }
 
-  // The next step: the live slots' waiting height is let go. In a turn
-  // with the question room that height was the whole reply's: it goes as
-  // far as the stage's scroll absorbs it (the scroll moves up by as much,
-  // in the same task: the card in view stays put), the rest kept as the
-  // live slots' least height until the next wait or turn.
+  // The next step after a blocking card's answer: the one time a turn's
+  // frame shrinks (stage_frame.js forgetContent; grow-only otherwise). What
+  // the wait held goes together: the live slots' waiting height, a raised
+  // cap, the tallest content seen. +held-wait+ says it is due, so a later
+  // step, or a generation with the card still waiting, changes nothing.
   function releaseHeldWait() {
-    const held = roomCap && stage.classList.contains("held-wait") && !stage.classList.contains("waiting");
-    const before = held ? live.offsetHeight : 0;
-    const top = scroller.scrollTop;
+    if (!stage.classList.contains("held-wait") || stage.classList.contains("waiting")) return;
     stage.classList.remove("held-wait");
     stage.style.removeProperty("--live-held");
-    live.style.minHeight = "";
-    if (!held) return;
-    const after = live.offsetHeight;
-    const absorbed = Math.min(Math.max(0, before - after), top);
-    if (before - absorbed > after) live.style.minHeight = `${before - absorbed}px`;
-    if (absorbed) scroller.scrollTop = top - absorbed;
+    roomCap = false;
+    frame.fitCap();
+    frame.forgetContent();
   }
 
   // One line in the trail for FLASH_MS, ahead of the calls (a newer flash
@@ -625,7 +641,6 @@ export function createStageView({
     setCloud(false);
     stage.classList.remove("plain", "ended", "waiting", "held-wait", "asking", "in-use", "question-room");
     stage.style.removeProperty("--live-held");
-    live.style.minHeight = "";
   }
 
   // The turn leaves the stage's care (the hand-off's start, a reset, a new

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: samagotchi
 version: !ruby/object:Gem::Version
-  version: 0.144.0
+  version: 0.145.0
 platform: ruby
 authors:
 - Dmitry Dedov