@songsid/agend 2.3.0-beta.26 → 2.3.0-beta.27

package/dist/ui/panel-chat.js

@@ -189,6 +189,10 @@ function useChatTick(name, kinds) {
 
 /** #1722: the chat's title — the name that leads, the other on hover. */
 const headerName = ({ primary, secondary }) => (secondary ? html`<span title=${secondary}>${primary}</span>` : primary);
+/** #2478: who the composer writes to — the display name, else the instance's name (a long id made the box two lines). */
+const composerLabel = (inst, name) => (inst && typeof inst.display_name === "string" && inst.display_name.trim()) || name;
+/** #2478: a touch screen (a coarse pointer) — Return is a new line there and only the Send button sends. Asked each time. */
+const touchScreen = () => typeof matchMedia === "function" && matchMedia("(pointer: coarse)").matches;
 
 export function ChatPanel({ route, navKey }) {
   const lease = useLease(navKey);
@@ -553,9 +557,9 @@ function Dock({ name, inst, lease, exec, awaiting, workingLabel }) {
     <${CommandCard} name=${name} lease=${lease} />
     <${QuickActions} name=${name} inst=${inst} lease=${lease} />
     ${s.waking[name] ? html`<p class="send-waking" role="status">${t("chat.waking", name)}</p>` : null}
-    <${Composer} name=${name} lease=${lease} busy=${R().isBusy(exec)} />
+    <${Composer} name=${name} label=${composerLabel(inst, name)} lease=${lease} busy=${R().isBusy(exec)} />
     <div class="composer-row">${guestPage() ? html`<span class="guest-note" title=${t("chat.guestNote")}>${t("chat.guestNote")}</span>` : html`<${ComposerAuth} />`}<span
-      class="hint" title=${t(guestPage() ? "chat.guestMore" : "chat.composerMore")}>${t("chat.composerHint")}</span></div>
+      class="hint" title=${t(guestPage() ? "chat.guestMore" : "chat.composerMore")}>${t(touchScreen() ? "chat.composerHintTouch" : "chat.composerHint")}</span></div>
   </div></div>`;
 }
 
@@ -638,7 +642,7 @@ function replySnippet(r) {
   return text || (r.media === "photo" ? t("chat.replyPhoto") : r.media === "document" ? t("chat.replyFile") : "");
 }
 
-function Composer({ name, lease, busy }) {
+function Composer({ name, label = name, lease, busy }) {
   const s = store.state;
   const input = useRef(null), fileIn = useRef(null);
   const [, tick] = useState(0);
@@ -653,8 +657,13 @@ function Composer({ name, lease, busy }) {
   const guest = guestPage();
   const palette = guest || files.length || closedFor === value ? null : paletteFor(value);
   const pick = palette && palette.length ? palette[Math.min(sel, palette.length - 1)] : null;
-  // Grow with the text, up to a limit: set through the CSSOM, never a style attribute (#1300).
-  useLayoutEffect(() => { const el = input.current; if (!el) return; el.style.height = "auto"; el.style.height = `${Math.min(el.scrollHeight, 240)}px`; }, [value]);
+  // Grow with the text, up to a limit: set through the CSSOM, never a style attribute (#1300). Empty, it is one line
+  // (#2478 — a long name's placeholder made the box two lines tall).
+  useLayoutEffect(() => {
+    const el = input.current; if (!el) return;
+    el.style.height = "auto";
+    if (value) el.style.height = `${Math.min(el.scrollHeight, 240)}px`;
+  }, [value]);
   useEffect(() => { if (input.current) input.current.focus(); }, [name]);
   useEffect(() => { refreshTourSpot(); });
   const setValue = (v) => { store.setDraft(name, v); setSel(0); tick(n => n + 1); };
@@ -689,7 +698,7 @@ function Composer({ name, lease, busy }) {
     if (pick && e.key === "Tab" && !e.shiftKey) { e.preventDefault(); complete(pick); return; }
     if (palette && e.key === "Escape" && !e.isComposing) { e.preventDefault(); setClosedFor(value); return; }
     if (reply && e.key === "Escape" && !e.isComposing) { e.preventDefault(); store.clearReply(name); return; }   // #2272
-    if (R().composerKey(e) === "send") { e.preventDefault(); submit(); }
+    if (R().composerKey(e, { touch: touchScreen() }) === "send") { e.preventDefault(); submit(); }
   };
   const onInput = (e) => { setValue(e.target.value); };
   // Files in a paste are attached; a very long text paste goes as a text file — only once it is really attached.
@@ -717,9 +726,12 @@ function Composer({ name, lease, busy }) {
       <button id="attachBtn" type="button" class="icon-btn" title=${t("chat.attachTitle")} aria-label=${t("chat.attachTitle")} onClick=${() => fileIn.current && fileIn.current.click()}><${Icon} name="attach" /></button>
       <input ref=${fileIn} type="file" multiple hidden
         onChange=${(e) => { store.addFiles(name, e.target.files); e.target.value = ""; }} />
-      <textarea id="msgIn" ref=${input} rows="1" value=${value} placeholder=${t("chat.composerPlaceholder", name)} aria-label=${t("chat.composerPlaceholder", name)}
-        autocomplete="off" aria-controls=${palette ? "cmdPalette" : undefined} aria-expanded=${palette ? "true" : "false"}
-        aria-activedescendant=${pick ? optId(pick) : undefined} onInput=${onInput} onKeyDown=${onKeyDown} onPaste=${onPaste}></textarea>
+      ${/* #2478: the placeholder is drawn beside the box, one line ending in "…" — a textarea's own placeholder is clipped,
+          never ellipsized, and a long name wrapped it to two lines. The box keeps the words as its accessible name. */ ""}
+      <span class="composer-field"><textarea id="msgIn" ref=${input} rows="1" value=${value} aria-label=${t("chat.composerPlaceholder", label)}
+        enterkeyhint=${touchScreen() ? "enter" : undefined} autocomplete="off" aria-controls=${palette ? "cmdPalette" : undefined} aria-expanded=${palette ? "true" : "false"}
+        aria-activedescendant=${pick ? optId(pick) : undefined} onInput=${onInput} onKeyDown=${onKeyDown} onPaste=${onPaste}></textarea>${value ? null
+        : html`<span class="composer-ph" aria-hidden="true">${t("chat.composerPlaceholder", label)}</span>`}</span>
       <button id="stopBtn" type="button" class="btn btn-stop" hidden=${!busy} title=${t("chat.stopReplyTitle")}
         disabled=${!!s.cancelling[name]} onClick=${() => store.cancelReply(name)}><${Icon} name="stop" size=${14} /><span class="stop-label">${t("chat.stopReply")}</span></button>
       <button id="sendBtn" type="button" class="btn btn-primary btn-send" hidden=${busy && !content} disabled=${!content}

package/dist/ui/shared/app-shell.js

@@ -70,12 +70,14 @@ export const isMacLike = () => typeof navigator !== "undefined" && /Mac|iPhone|i
 /** What the row and tooltips show: ⌘K on a Mac, Ctrl K elsewhere. */
 export const searchShortcut = () => (isMacLike() ? "⌘K" : "Ctrl K");
 /**
- * Whether this page offers search: an admin's page reached directly. A guest's never, and never over the public link —
- * the server refuses it there (#2298 review), so no entry, no shortcut, and Ctrl+F stays the browser's.
+ * Whether this page offers search: an admin's page. A guest's never. #2478 (the user's request): over the public link
+ * too, unless the fleet keeps it off there (web.search.public_link: false — the page says data-search-link="0", the
+ * server refuses it), so then no entry, no shortcut, and Ctrl+F stays the browser's.
  */
 export function searchOffered(admin) {
-  const onLink = typeof document !== "undefined" && !!document.body && document.body.dataset.publicLink === "1";
-  return !!admin && !guestPage() && !onLink;
+  const body = typeof document !== "undefined" ? document.body : null;
+  const offLink = !!body && body.dataset.publicLink === "1" && body.dataset.searchLink === "0";
+  return !!admin && !guestPage() && !offLink;
 }
 let searchModule = null;
 /** Open search; `preset.instance`: narrowed to that agent (Ctrl+F in its chat). */
@@ -644,6 +646,20 @@ function usePageTheme(ref, route) {
   }, [agent]);
 }
 
+/** #2478: how far short of its tallest the view must be, with a text field focused, to be a keyboard (not a browser bar). */
+export const KEYBOARD_MIN_PX = 150;
+/** #2478: the on-screen keyboard is up — something is being typed into, and the view is well short of its tallest. */
+export function keyboardUp(height, tallest, typing) { return !!typing && tallest - height > KEYBOARD_MIN_PX; }
+const NOT_TYPED = /^(button|checkbox|radio|range|color|file|submit|reset|image|hidden)$/i;
+/** #2478: an element the keyboard types into — a textarea, a text-like input, or an editable region. */
+export function isTextEntry(el) {
+  if (!el || !el.tagName) return false;
+  const tag = String(el.tagName).toUpperCase();
+  if (tag === "TEXTAREA") return !el.readOnly && !el.disabled;
+  if (tag === "INPUT") return !NOT_TYPED.test(el.type || "text") && !el.readOnly && !el.disabled;
+  return el.isContentEditable === true;
+}
+
 export function Shell({ panels, onNewInstance, viewOnly = false }) {
   const nav = useStore(navStore);
   const shell = useStore(shellStore);
@@ -653,13 +669,38 @@ export function Shell({ panels, onNewInstance, viewOnly = false }) {
   // A language switch re-renders everything and gives the panel a new lease (its key includes the language).
   useEffect(() => onLang(() => relang(n => n + 1)), []);
   useEffect(() => { closeDrawer(); }, [nav.seq]);
-  // The bottom tabs give their room to the keyboard on a phone.
+  // The bottom tabs (and the line under the composer) give their room to the keyboard on a phone (#2478).
   useEffect(() => {
     const vv = typeof window !== "undefined" ? window.visualViewport : null;
-    if (!vv) return undefined;
-    const onResize = () => shellStore.set({ keyboard: window.innerHeight - vv.height > 150 });
-    vv.addEventListener("resize", onResize);
-    return () => vv.removeEventListener("resize", onResize);
+    if (!vv || typeof document === "undefined") return undefined;
+    // The tallest the view has been at this width: what it is with no keyboard. innerHeight is no measure on its own —
+    // it shrinks with the keyboard on iOS Safari and, under interactive-widget=resizes-content, on Android — so
+    // innerHeight − height stayed near 0 and the strips stayed between the composer and the keyboard.
+    // Only a touch screen (a coarse pointer) has an on-screen keyboard: a narrow desk window made shorter is not one.
+    // Turned with the keyboard up and the field still focused, the new width has no height without it yet: the keyboard
+    // stays up until the field is left, or the view grows from its lowest by more than a keyboard (put away).
+    let width = -1, tallest = 0, held = false, lowest = 0;
+    const coarse = () => typeof matchMedia === "function" && matchMedia("(pointer: coarse)").matches;
+    const check = () => {
+      const w = Math.round(vv.width), h = vv.height;
+      const typing = coarse() && isTextEntry(document.activeElement);
+      if (w !== width) {                                              // turned, or a new width: measured again
+        held = width !== -1 && typing && shellStore.get().keyboard;
+        width = w; tallest = 0; lowest = h;
+      }
+      if (held) {
+        lowest = Math.min(lowest, h);
+        if (!typing || h - lowest > KEYBOARD_MIN_PX) held = false;    // left the field, or the keyboard was put away
+      }
+      if (!held) tallest = Math.max(tallest, window.innerHeight || 0, typing ? 0 : h);   // the view itself only when not typing
+      const up = held || keyboardUp(h, tallest, typing);
+      if (up !== shellStore.get().keyboard) shellStore.set({ keyboard: up });
+    };
+    check();
+    vv.addEventListener("resize", check);
+    document.addEventListener("focusin", check);
+    document.addEventListener("focusout", check);
+    return () => { vv.removeEventListener("resize", check); document.removeEventListener("focusin", check); document.removeEventListener("focusout", check); };
   }, []);
   const guest = guestPage();             // #1920: a guest's page — no operations, usage, pending changes or owner CSS
   const cls = ["shell", shell.collapsed ? "sb-collapsed" : "", shell.drawer ? "sb-open" : "", shell.keyboard ? "kb-open" : "", guest ? "guest" : ""].filter(Boolean).join(" ");

package/dist/ui/shared/app.css

@@ -130,9 +130,15 @@ html:has(.shell), html:has(.shell) body { overflow: hidden; }
    A short box that clips to its corners (.msg-quote) moves the bar in (--lbar-left) and shortens it (--lbar-inset) so
    the corner never cuts its ends round.
    tests/web-left-bar-2330.test.ts keeps a coloured border-left off rounded boxes. */
-.lbar, .reply-bar, .msg-quote, .p-log .log-item.k-error, .p-log .log-item.s-failed, .org-node, .us-basis, .us-partial, .cmd-card.bad, .tb-tile { position: relative; }
+.lbar, .reply-bar, .msg-quote, .p-log .log-item.k-error, .p-log .log-item.s-failed, .org-node, .us-basis, .us-partial, .cmd-card.bad, .tb-tile,
+.search-row.on, .search-recent-item:hover, .search-recent-item:focus-visible, .search-ctx-line.here, .tw-line:hover, .tw-line:focus-visible,
+.u-crow:focus-visible { position: relative; }
 .lbar::before, .reply-bar::before, .msg-quote::before, .p-log .log-item.k-error::before, .p-log .log-item.s-failed::before, .org-node::before,
-.us-basis::before, .us-partial::before, .cmd-card.bad::before, .tb-tile::before {
+.us-basis::before, .us-partial::before, .cmd-card.bad::before, .tb-tile::before,
+/* #2478 item 7 (the user's fixed template): a selected, hovered or keyboard-focused row is the straight bar and a flat
+   background at most — never a rounded fill, a curved inset edge or a rounded ring. */
+.search-row.on::before, .search-recent-item:hover::before, .search-recent-item:focus-visible::before, .search-ctx-line.here::before,
+.tw-line:hover::before, .tw-line:focus-visible::before, .u-crow:focus-visible::before {
   content: ""; position: absolute; left: var(--lbar-left, 0); top: var(--lbar-inset, var(--s-2)); bottom: var(--lbar-inset, var(--s-2)); width: 3px;
   background: var(--lbar-color, var(--accent)); pointer-events: none; }
 .idc-swatches, .idc-places { border: 0; padding: 0; margin: 0 0 var(--s-3); display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
@@ -645,8 +651,8 @@ html.lb-open .scroller { overflow: hidden; }
 .p-chat > .panel-head { --bg: var(--chrome-bg); --surface: var(--chrome-surface); --text: var(--chrome-text); --text-2: var(--chrome-text-2); --accent: var(--chrome-accent); background: var(--bg); color: var(--text); }
 .p-chat.th { background: var(--bg); color: var(--text); }
 .p-chat.th .msg.user .body { border-radius: var(--bubble-radius, var(--r-xl)); }
-.p-chat.th-font-system .thread, .p-chat.th-font-system .composer textarea { font-family: system-ui, -apple-system, "Segoe UI", sans-serif, var(--font-emoji); }
-.p-chat.th-font-mono .thread, .p-chat.th-font-mono .composer textarea { font-family: var(--font-mono); }
+.p-chat.th-font-system .thread, .p-chat.th-font-system .composer textarea, .p-chat.th-font-system .composer-ph { font-family: system-ui, -apple-system, "Segoe UI", sans-serif, var(--font-emoji); }
+.p-chat.th-font-mono .thread, .p-chat.th-font-mono .composer textarea, .p-chat.th-font-mono .composer-ph { font-family: var(--font-mono); }
 .p-chat.th-bubble-thin .msg.user .body { box-shadow: inset 0 0 0 1px var(--border); }
 .p-chat.th-bubble-accent .msg.user .body { box-shadow: inset 0 0 0 1px var(--accent); }
 .p-chat.th-agent-bubble .msg.agent .body { background: var(--agent-bubble); border-radius: var(--bubble-radius, var(--r-xl)); padding: 10px var(--s-4); }
@@ -780,6 +786,11 @@ img.amb-p { object-fit: contain; }
   font-size: var(--fs-md); line-height: var(--lh-md); resize: none; min-height: 24px; max-height: 240px; overflow-y: auto;
 }
 .composer textarea::placeholder { color: var(--text-3); }
+/* #2478: the placeholder, drawn over the empty box at its text's place: one line ending in "…" (a textarea's own is
+   clipped, never ellipsized). The same size and line as the box's text; it never takes a tap. */
+.composer-field { position: relative; flex: 1; min-width: 0; display: flex; }
+.composer-ph { position: absolute; left: var(--s-1); right: var(--s-1); top: 7px; pointer-events: none; color: var(--text-3);
+  font-size: var(--fs-md); line-height: var(--lh-md); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .btn-send { width: 36px; padding: 0; }
 .btn-send .send-label { display: none; }
 /* A narrow phone: Stop reply beside Send leaves the message box no room — the label is for screen readers there. */
@@ -952,6 +963,8 @@ img.amb-p { object-fit: contain; }
     padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
   }
   .kb-open .tabs { display: none; }
+  /* #2478: with the keyboard up the line under the composer goes too — the box sits on the keyboard; back on blur. */
+  .kb-open .composer-row { display: none; }
   .tab { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; min-height: 56px; justify-content: center; font-size: 11px; color: var(--text-2); position: relative; }
   .tab.active { color: var(--text); font-weight: var(--fw-semibold); }
   .tab-badge { position: absolute; top: 6px; left: calc(50% + 6px); min-width: 16px; height: 16px; padding: 0 4px; border-radius: var(--r-full); background: var(--danger-fill); color: var(--on-danger); font-size: 10px; line-height: 16px; text-align: center; }
@@ -1169,7 +1182,10 @@ body.side-resizing, body.side-resizing * { cursor: col-resize !important; user-s
   background: transparent; color: inherit; font: inherit; line-height: 1.3; text-align: left; cursor: pointer; }
 .u-cg-head + .u-crow { border-top: 0; }
 .u-crow:hover { background: var(--surface-2); }
-.u-crow:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--focus); }
+/* #2478 (Prism r1): the compact rows sit in .u-cgroup, rounded and clipping (overflow: hidden) — the bar keeps clear of
+   its 12 px corners (4 px in, 6 px off the row's ends) and there is no full-width underline to be rounded at the ends:
+   the bar is the focus mark (hover has none). */
+.u-crow:focus-visible { outline: none; background: var(--surface-2); --lbar-left: var(--s-1); --lbar-inset: 6px; }
 /* The name never gives way to the plan (#2415); the reset keeps its room on the right. */
 .u-crow-head { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: var(--fs-sm); }
 .u-crow-name { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-semibold); color: var(--text); }
@@ -1584,7 +1600,7 @@ strong.org-name { font-size: var(--fs-sm); color: var(--text); }
 .oo-desks:focus-within { position: sticky; left: var(--s-2); bottom: var(--s-2); width: auto; height: auto; max-height: 40%; margin: 0; padding: var(--s-1); clip: auto; overflow-y: auto;
   display: inline-flex; flex-wrap: wrap; gap: 4px; max-width: calc(100% - 2 * var(--s-2)); background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-md); white-space: normal; }
 .oo-desk { font-size: var(--fs-xs); padding: 2px 6px; border-radius: var(--r-sm); background: var(--bg); color: var(--text); border: 1px solid var(--border); }
-.oo-desk:focus-visible { outline: 2px solid var(--focus); outline-offset: 1px; }
+.oo-desk:focus-visible { outline: none; border-color: var(--focus); box-shadow: inset 0 -2px 0 var(--focus); }
 @media (max-width: 640px) {
   .oo-stage { height: calc(100dvh - 300px); min-height: 340px; }
   .oo-pick .tb-select { max-width: 150px; }
@@ -1908,6 +1924,8 @@ strong.org-name { font-size: var(--fs-sm); color: var(--text); }
 .chat-fx-notice > span { display: block; }
 
 /* ── #2293: global search — the sidebar row's shortcut, the header's button (collapsed sidebar, phone), the dialog ── */
+/* #2478: a touch screen has no Ctrl/⌘ K — the shortcut's hint is not shown there (the row is). */
+@media (pointer: coarse) { .side-search .kbd-hint { display: none; } }
 .kbd-hint { font: inherit; font-size: var(--fs-xs); color: var(--text-3); border: 1px solid var(--border); border-radius: var(--r-sm); padding: 0 var(--s-1); line-height: 18px; white-space: nowrap; }
 .panel-head .sb-search { display: none; }
 .sb-collapsed .panel-head .sb-search { display: inline-flex; }
@@ -1933,15 +1951,17 @@ strong.org-name { font-size: var(--fs-sm); color: var(--text); }
 .search-note { color: var(--warn); }
 .search-recent-head { display: flex; align-items: center; justify-content: space-between; padding: var(--s-2) var(--s-3) 0; color: var(--text-3); font-size: var(--fs-xs); }
 .search-recent ul { list-style: none; margin: 0; padding: 0; }
-.search-recent-item { display: flex; align-items: center; gap: var(--s-2); width: 100%; border: 0; border-radius: var(--r-sm); background: transparent; color: var(--text); padding: var(--s-2) var(--s-3); font-size: var(--fs-sm); text-align: left; cursor: pointer; }
-.search-recent-item:hover { background: var(--surface-2); }
+.search-recent-item { display: flex; align-items: center; gap: var(--s-2); width: 100%; border: 0; border-radius: 0; --lbar-inset: 4px; background: transparent; color: var(--text); padding: var(--s-2) var(--s-3); font-size: var(--fs-sm); text-align: left; cursor: pointer; }
+.search-recent-item:hover, .search-recent-item:focus-visible { background: var(--surface-2); }
+/* Keyboard focus: the bar and a straight underline (no rounded ring). */
+.search-recent-item:focus-visible { outline: none; box-shadow: inset 0 -2px 0 var(--focus); }
 .search-recent-item svg { color: var(--text-3); flex: none; }
 .search-results.stale { opacity: 0.6; }
 .search-group + .search-group { margin-top: var(--s-2); }
 .search-group-head { display: flex; justify-content: space-between; gap: var(--s-2); padding: var(--s-2) var(--s-3) var(--s-1); font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--text-2); }
 .search-count { color: var(--text-3); font-weight: var(--fw-regular); }
-.search-row { padding: var(--s-2) var(--s-3); border-radius: var(--r-sm); cursor: pointer; }
-.search-row.on { background: var(--surface-2); box-shadow: inset 2px 0 0 var(--accent); }
+.search-row { padding: var(--s-2) var(--s-3); border-radius: 0; cursor: pointer; }
+.search-row.on { background: var(--surface-2); }
 .search-row-top { display: flex; align-items: center; gap: var(--s-2); font-size: var(--fs-xs); color: var(--text-2); }
 .search-who { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .search-kind { color: var(--text-3); }
@@ -1955,8 +1975,8 @@ strong.org-name { font-size: var(--fs-sm); color: var(--text); }
 .search-detail-head { display: flex; align-items: center; gap: var(--s-2); padding: var(--s-1) var(--s-1) var(--s-2); font-size: var(--fs-sm); }
 .search-detail-head .chip-btn { display: inline-flex; align-items: center; gap: 4px; }
 .search-ctx { list-style: none; margin: 0; padding: 0 var(--s-1); display: flex; flex-direction: column; gap: var(--s-1); }
-.search-ctx-line { padding: var(--s-2) var(--s-3); border-radius: var(--r-sm); }
-.search-ctx-line.here { background: var(--surface-2); box-shadow: inset 2px 0 0 var(--accent); }
+.search-ctx-line { padding: var(--s-2) var(--s-3); border-radius: 0; }
+.search-ctx-line.here { background: var(--surface-2); }
 .search-ctx-text { margin-top: 2px; font-size: var(--fs-sm); white-space: pre-wrap; overflow-wrap: anywhere; }
 .search-detail-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--s-2); padding: var(--s-3) var(--s-1) var(--s-1); }
 @media (max-width: 899px) {
@@ -2132,9 +2152,9 @@ strong.org-name { font-size: var(--fs-sm); color: var(--text); }
 .tw-desc { margin: 0; font-size: var(--fs-xs); overflow-wrap: anywhere; }
 .tw-none { margin: 0; font-size: var(--fs-xs); }
 .tw-lines { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
-.tw-line { display: flex; align-items: baseline; gap: var(--s-2); width: 100%; padding: 2px var(--s-1); background: none; border: 0; border-radius: var(--r-sm); color: var(--text); text-align: left; cursor: pointer; font-size: var(--fs-sm); min-width: 0; }
+.tw-line { display: flex; align-items: baseline; gap: var(--s-2); width: 100%; padding: 2px var(--s-1); background: none; border: 0; border-radius: 0; --lbar-inset: 2px; color: var(--text); text-align: left; cursor: pointer; font-size: var(--fs-sm); min-width: 0; }
 .tw-line:hover { background: var(--surface-2); }
-.tw-line:focus-visible { outline: 2px solid var(--focus); outline-offset: 1px; }
+.tw-line:focus-visible { outline: none; background: var(--surface-2); box-shadow: inset 0 -2px 0 var(--focus); }
 .tw-kind { flex-shrink: 0; min-width: 4.5em; font-size: 11px; font-weight: var(--fw-semibold); color: var(--text-2); }
 .tw-kind.k-doing { color: var(--accent); }
 .tw-kind.k-blocked, .tw-kind.k-back { color: var(--danger); }

package/dist/ui/shared/tokens.css

@@ -166,3 +166,7 @@
 @media (pointer: coarse), (max-width: 899px) {
   input, select, textarea { --fs-xs: 16px; --fs-sm: 16px; --fs-md: 16px; }
 }
+/* #2478: the composer's drawn placeholder (a span over the box) is the box's text in size too. */
+@media (pointer: coarse), (max-width: 899px) {
+  .composer-ph { --fs-md: 16px; }
+}

package/dist/update-progress.d.ts

@@ -1,6 +1,8 @@
 import { type UpdateMarker } from "./update-marker.js";
 export declare function updateElapsedSeconds(startedAt: number, now?: number): number;
-/** Render the persisted CLI-side stage while the old fleet is still alive. */
+/** Render the persisted CLI-side stage while the old fleet is still alive.
+ * Stage `starting` is owned by RestartProgress in the new process (#2476); the
+ * monitor must not post this text then. */
 export declare function formatUpdateProgress(marker: UpdateMarker & {
     progress: NonNullable<UpdateMarker["progress"]>;
 }, now?: number): string;

package/dist/update-progress.js

@@ -6,7 +6,9 @@ export function updateElapsedSeconds(startedAt, now = Date.now()) {
 function stageLabel(stage) {
     return t(`update.stage.${stage ?? "preparing"}`);
 }
-/** Render the persisted CLI-side stage while the old fleet is still alive. */
+/** Render the persisted CLI-side stage while the old fleet is still alive.
+ * Stage `starting` is owned by RestartProgress in the new process (#2476); the
+ * monitor must not post this text then. */
 export function formatUpdateProgress(marker, now = Date.now()) {
     const elapsed = updateElapsedSeconds(marker.startedAt, now);
     const progress = marker.progress;

package/dist/update-progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"update-progress.js","sourceRoot":"","sources":["../src/update-progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,aAAa,CAAC;AAChC,OAAO,EAAE,uBAAuB,EAA+C,MAAM,oBAAoB,CAAC;AAE1G,MAAM,UAAU,oBAAoB,CAAC,SAAiB,EAAE,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;IACtE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAC3D,CAAC;AAED,SAAS,UAAU,CAAC,KAAsC;IACxD,OAAO,CAAC,CAAC,gBAAgB,KAAK,IAAI,WAAW,EAAE,CAAC,CAAC;AACnD,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,oBAAoB,CAAC,MAA0E,EAAE,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;IAC/H,MAAM,OAAO,GAAG,oBAAoB,CAAC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IACjC,IAAI,uBAAuB,CAAC,QAAQ,CAAC,KAAK,cAAc,EAAE,CAAC;QACzD,IAAI,QAAQ,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YAChC,OAAO,CAAC,CAAC,yBAAyB,EAAE,QAAQ,CAAC,KAAK,IAAI,eAAe,EAAE,OAAO,CAAC,CAAC;QAClF,CAAC;QACD,IAAI,QAAQ,CAAC,KAAK,KAAK,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,CAAC,2BAA2B,EAAE,QAAQ,CAAC,OAAO,IAAI,GAAG,EAAE,OAAO,CAAC,CAAC;QAC1E,CAAC;QACD,OAAO,QAAQ,CAAC,KAAK,KAAK,UAAU;YAClC,CAAC,CAAC,CAAC,CAAC,2BAA2B,EAAE,OAAO,CAAC;YACzC,CAAC,CAAC,CAAC,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,QAAQ,QAAQ,CAAC,KAAK,EAAE,CAAC;QACvB,KAAK,WAAW;YACd,OAAO,CAAC,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC;QACjD,KAAK,aAAa;YAChB,OAAO,CAAC,CAAC,6BAA6B,EAAE,OAAO,CAAC,CAAC;QACnD,KAAK,WAAW;YACd,OAAO,CAAC,CAAC,2BAA2B,EAAE,QAAQ,CAAC,OAAO,IAAI,GAAG,EAAE,OAAO,CAAC,CAAC;QAC1E,KAAK,UAAU;YACb,OAAO,CAAC,CAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC;QAChD,KAAK,UAAU;YACb,OAAO,CAAC,CAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC;QAChD,KAAK,UAAU;YACb,OAAO,CAAC,CAAC,iCAAiC,EAAE,QAAQ,CAAC,OAAO,IAAI,GAAG,EAAE,OAAO,CAAC,CAAC;QAChF,KAAK,QAAQ;YACX,OAAO,CAAC,CAAC,wBAAwB,EAAE,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,KAAK,IAAI,eAAe,EAAE,OAAO,CAAC,CAAC;IACrH,CAAC;AACH,CAAC"}
+{"version":3,"file":"update-progress.js","sourceRoot":"","sources":["../src/update-progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,aAAa,CAAC;AAChC,OAAO,EAAE,uBAAuB,EAA+C,MAAM,oBAAoB,CAAC;AAE1G,MAAM,UAAU,oBAAoB,CAAC,SAAiB,EAAE,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;IACtE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAC3D,CAAC;AAED,SAAS,UAAU,CAAC,KAAsC;IACxD,OAAO,CAAC,CAAC,gBAAgB,KAAK,IAAI,WAAW,EAAE,CAAC,CAAC;AACnD,CAAC;AAED;;2CAE2C;AAC3C,MAAM,UAAU,oBAAoB,CAAC,MAA0E,EAAE,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;IAC/H,MAAM,OAAO,GAAG,oBAAoB,CAAC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IACjC,IAAI,uBAAuB,CAAC,QAAQ,CAAC,KAAK,cAAc,EAAE,CAAC;QACzD,IAAI,QAAQ,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YAChC,OAAO,CAAC,CAAC,yBAAyB,EAAE,QAAQ,CAAC,KAAK,IAAI,eAAe,EAAE,OAAO,CAAC,CAAC;QAClF,CAAC;QACD,IAAI,QAAQ,CAAC,KAAK,KAAK,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,CAAC,2BAA2B,EAAE,QAAQ,CAAC,OAAO,IAAI,GAAG,EAAE,OAAO,CAAC,CAAC;QAC1E,CAAC;QACD,OAAO,QAAQ,CAAC,KAAK,KAAK,UAAU;YAClC,CAAC,CAAC,CAAC,CAAC,2BAA2B,EAAE,OAAO,CAAC;YACzC,CAAC,CAAC,CAAC,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,QAAQ,QAAQ,CAAC,KAAK,EAAE,CAAC;QACvB,KAAK,WAAW;YACd,OAAO,CAAC,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC;QACjD,KAAK,aAAa;YAChB,OAAO,CAAC,CAAC,6BAA6B,EAAE,OAAO,CAAC,CAAC;QACnD,KAAK,WAAW;YACd,OAAO,CAAC,CAAC,2BAA2B,EAAE,QAAQ,CAAC,OAAO,IAAI,GAAG,EAAE,OAAO,CAAC,CAAC;QAC1E,KAAK,UAAU;YACb,OAAO,CAAC,CAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC;QAChD,KAAK,UAAU;YACb,OAAO,CAAC,CAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC;QAChD,KAAK,UAAU;YACb,OAAO,CAAC,CAAC,iCAAiC,EAAE,QAAQ,CAAC,OAAO,IAAI,GAAG,EAAE,OAAO,CAAC,CAAC;QAChF,KAAK,QAAQ;YACX,OAAO,CAAC,CAAC,wBAAwB,EAAE,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,KAAK,IAAI,eAAe,EAAE,OAAO,CAAC,CAAC;IACrH,CAAC;AACH,CAAC"}

package/dist/web-api.d.ts

@@ -68,6 +68,7 @@ export interface WebApiContext {
             upload_max_total_mb?: number;
             search?: {
                 enabled?: boolean;
+                public_link?: boolean;
             };
         };
         defaults?: {
@@ -438,6 +439,9 @@ export interface AppShellContext {
             experimental?: {
                 canvas_worker?: boolean;
             };
+            search?: {
+                public_link?: boolean;
+            };
         };
     } | null;
     /** #1665: the host's theme and language go into the page itself, so a device paints them before any script reads. */

package/dist/web-api.js

@@ -3171,11 +3171,12 @@ export function handleWebRequest(req, res, url, ctx) {
         }
         return true;
     }
-    // #2293: global search — an admin's only: the header token or an admin session. Never over the public link (the gateway
-    // does not list it either), never a guest (not in GUEST_ROUTES). Asked on arrival and again before the answer is sent.
+    // #2293: global search — an admin's only: the header token or an admin session. Never a guest (not in GUEST_ROUTES).
+    // #2478 (the user's request): over the public link too, unless web.search.public_link is false. Asked on arrival and
+    // again before the answer is sent.
     if (method === "GET" && (path === "/ui/search" || path === "/ui/search/context")) {
         const refusal = () => {
-            if (gatewayRequestContext(req))
+            if (gatewayRequestContext(req) && ctx.fleetConfig?.web?.search?.public_link === false)
                 return [404, "search_not_over_public_link"];
             if (guestRequestOf(req))
                 return [403, "guest_forbidden"];
@@ -4065,6 +4066,8 @@ function shellBodyTag(req, ctx, mode, viewer) {
         + ` data-owner-css-state="${ownerCssState}"${ownerCss ? ` data-owner-css="${attr(ownerCss)}"` : ""}`
         // #1589: the public link shows attachments as downloads only (no inline text or media): its scope is unchanged.
         + `${gatewayRequestContext(req) ? ' data-public-link="1"' : ""}`
+        // #2478: search is offered over the public link unless web.search.public_link is false (the page then shows no entry).
+        + `${gatewayRequestContext(req) && ctx.fleetConfig?.web?.search?.public_link === false ? ' data-search-link="0"' : ""}`
         // #1920 phase 3: a guest's page — the shell shows only what a guest may use, and who it is signed in as.
         + `${mode === "full" && viewer?.guest && viewer.owner ? guestBodyAttrs(ctx, viewer.owner, attr) : ""}>`;
 }