@monster-orange/den 0.4.4 → 0.4.5

package/src/ui/server/public/i18n/es.js

@@ -27,7 +27,9 @@
     "org.title": "Org: {title}",
     "org.titleId": "Org: {title} ({id})",
     "ws.all": "Todos los activos",
-    "ws.focus": "foco",
+    "ws.focus": "predeterminado de la CLI",
+    "ws.focusTip":
+      "Los comandos de la CLI se ejecutan aquí si no indicas un espacio de trabajo. Elegir un espacio en la barra superior solo cambia lo que muestran las páginas.",
     "ws.none": "No hay espacios de trabajo activos",
     "ws.manage": "Gestionar espacios de trabajo…",
     "ws.allN": "Todos los activos ({n})",
@@ -37,8 +39,8 @@
     "ws.viewTitle":
       "Vista: lo que muestra cada página ({ws}). Es solo un filtro: no inicia, detiene ni enruta nada.",
     "ws.viewTitleFocus":
-      "Vista: lo que muestra cada página ({ws}). Es solo un filtro: no inicia, detiene ni enruta nada, y el foco ({focus}) sigue siendo el destino de los comandos.",
-    "ws.setFocus": "Poner el foco en {ws}",
+      "Vista: lo que muestra cada página ({ws}). Es solo un filtro: no inicia, detiene ni enruta nada, y el predeterminado de la CLI ({focus}) sigue siendo el destino de los comandos.",
+    "ws.setFocus": "Hacer de {ws} el predeterminado de la CLI",
     "ws.setFocusTip":
       "Lo convierte en el destino por defecto de los comandos (escribe workspaces.yml)",
     "ws.viewFailed": "No se pudo cambiar la vista: {msg}",
@@ -242,19 +244,74 @@
       "Este servidor solo responde en sus propias direcciones, así que una página con otro nombre no puede alcanzarlo.",
     "err.421.open": "Abrir en localhost",
     "err.refused.title": "Solicitud rechazada",
-    "err.signin.title": "Inicia sesión para usar {name}",
     "err.signin.terminal": "Inicia sesión para usar la terminal",
     "err.signin.agents": "Inicia sesión para iniciar agentes",
     "err.signin.sub": "Este navegador no ha iniciado sesión",
     "err.signin.lead": "Ejecuta {cmd} y abre el enlace.",
     "err.signin.expiredTitle": "El enlace de inicio de sesión caducó",
-    "err.signin.expired":
-      "Ese enlace de inicio de sesión caducó o ya se usó. Ejecuta {cmd} para obtener uno nuevo.",
     "err.signin.local":
       "Un inicio de sesión pertenece a una sola dirección. Esta página está en {host}: abre la misma página en localhost, donde este navegador tiene la sesión iniciada.",
-    "err.signin.why":
-      "No hay contraseña: el enlace sale de un archivo que solo tu cuenta de usuario puede leer.",
     "err.signin.copy": "Copiar comando",
+    "err.signin.title": "Inicia sesión en {name}",
+    "err.signin.where":
+      "Estás abriendo {name} desde otro ordenador. {name} corre en {host}, así que necesita saber que eres tú.",
+    "err.signin.githubNote":
+      "Usa tu cuenta de GitHub. El propietario de este {name} tiene que haber vinculado la suya.",
+    "err.signin.githubNoOwner":
+      "Iniciar sesión con GitHub necesita un propietario, y este {name} aún no tiene. En {host} (no en este ordenador), ejecuta:",
+    "err.signin.githubRefused":
+      "@{login} no es el propietario de este {name}. Pide al propietario que te añada, o usa «Aprobar este ordenador».",
+    "err.signin.approveOr": "O aprueba este ordenador",
+    "err.signin.approve": "Aprueba este ordenador",
+    "err.signin.step1": "En {host} (no en este ordenador), ejecuta:",
+    "err.signin.step1Or":
+      "O abre {name} en el propio {host} y ve a Ajustes › Acceso › Dispositivos en espera.",
+    "err.signin.step2":
+      "Esta página inicia sesión sola una vez aprobada. El código caduca en 10 minutos.",
+    "err.signin.waiting": "Esperando la aprobación…",
+    "err.signin.noTerminal":
+      "¿No tienes una terminal en {host}? Desde este ordenador, ejecuta:",
+    "err.signin.openTerminal": "Abrir Terminal",
+    "err.signin.sshNote":
+      "Abrir Terminal abre ssh://{target} en tu aplicación de terminal. Necesita acceso SSH a {target}.",
+    "err.signin.whyTitle": "¿Por qué?",
+    "err.signin.whyText":
+      "{name} puede iniciar terminales y agentes en {host}, así que solo deja entrar a quien demuestra ser el propietario. Solo lo haces una vez por ordenador: la sesión se mantiene.",
+    "err.signin.other": "Otras formas (el enlace de un solo uso con {cmd})",
+    "err.signin.otherStep":
+      "En {host} (no en este ordenador), ejecuta esto y abre en este navegador el enlace que imprime:",
+    "err.signin.codeExpired": "Este código caducó.",
+    "err.signin.codeDenied": "Este ordenador fue rechazado en {host}.",
+    "err.signin.codeFailed":
+      "{name} no dio un código a esta página. Inténtalo de nuevo.",
+    "err.signin.newCode": "Obtener un código nuevo",
+    "err.signin.youreIn": "Ya estás dentro.",
+    "err.signin.expiredLead":
+      "Ese enlace de inicio de sesión caducó o ya se usó. Inicia sesión de nuevo abajo.",
+    "err.signin.confirmLead":
+      "Introduce el código que web login imprimió en {host}:",
+    "err.signin.confirmGo": "Iniciar sesión",
+    "err.signin.confirmWrong":
+      "Ese código no es correcto. Revisa lo que imprimió web login e inténtalo de nuevo.",
+    "err.signin.confirmBusy":
+      "Demasiados intentos. Espera un minuto e inténtalo de nuevo.",
+    "err.signin.confirmGone":
+      "Este enlace ya no funciona. En {host}, ejecuta web login de nuevo para obtener uno nuevo.",
+    "err.signin.confirmWhy":
+      "El enlace solo no basta: también hace falta el código que se muestra en {host}, así que alguien que vea el enlace no puede iniciar sesión.",
+    "err.signin.github": "Iniciar sesión con GitHub",
+    "err.signin.githubEnter": "Introduce este código en {url}:",
+    "err.signin.githubOpen": "Abrir GitHub",
+    "err.signin.githubCopy": "Copiar código",
+    "err.signin.githubWaiting": "Esperando a que lo apruebes en GitHub…",
+    "err.signin.githubDone": "Sesión iniciada. Cargando…",
+    "err.signin.githubExpired": "El código caducó antes de aprobarse.",
+    "err.signin.githubDenied": "La solicitud se canceló en GitHub.",
+    "err.signin.githubBusy":
+      "Hay demasiados inicios de sesión en curso. Vuelve a intentarlo en unos minutos.",
+    "err.signin.githubFailed":
+      "No se pudo contactar con GitHub. Inténtalo de nuevo.",
+    "err.signin.githubAgain": "Empezar de nuevo",
     "err.422.title": "La configuración no es válida",
     "err.422.sub": "La configuración de la distribución no pasa la validación",
     "err.422.lead":
@@ -291,6 +348,15 @@
     "set.cli.web_port": "Tu puerto web",
     "set.cli.signin": "Inicio de sesión del navegador",
     "set.cli.sudo": "Contraseña de administrador",
+    "set.access.owner": "Propietario",
+    "set.access.devices": "Dispositivos vinculados",
+    "set.access.waiting": "Dispositivos en espera",
+    "set.access.machine_name": "Nombre de la máquina",
+    "ident.local": "Local",
+    "ident.device": "Sesión iniciada · este dispositivo",
+    "ident.toast":
+      "Este dispositivo tiene la sesión iniciada en {name} en {host}",
+    "set.access.pair": "Emparejar un dispositivo",
     "set.distribution.brand": "Nombre del producto",
     "set.distribution.github_org": "Org de GitHub",
     "set.distribution.orgs": "Etiquetas de org",

package/src/ui/server/public/i18n/ja.js

@@ -27,7 +27,9 @@
     "org.title": "組織: {title}",
     "org.titleId": "組織: {title} ({id})",
     "ws.all": "すべてのアクティブ",
-    "ws.focus": "フォーカス",
+    "ws.focus": "CLI の既定",
+    "ws.focusTip":
+      "ワークスペースを指定しないとき、CLI のコマンドはここで実行されます。上部バーでワークスペースを選んでも、ページの表示が変わるだけです。",
     "ws.none": "アクティブなワークスペースはありません",
     "ws.manage": "ワークスペースを管理…",
     "ws.allN": "すべてのアクティブ ({n})",
@@ -37,8 +39,8 @@
     "ws.viewTitle":
       "表示: すべてのページに表示する範囲 ({ws})。表示の絞り込みだけで、何も起動・停止・ルーティングしません。",
     "ws.viewTitleFocus":
-      "表示: すべてのページに表示する範囲 ({ws})。表示の絞り込みだけで、何も起動・停止・ルーティングしません。コマンドの対象はフォーカス ({focus}) のままです。",
-    "ws.setFocus": "{ws} をフォーカスにする",
+      "表示: すべてのページに表示する範囲 ({ws})。表示の絞り込みだけで、何も起動・停止・ルーティングしません。コマンドの対象は CLI の既定 ({focus}) のままです。",
+    "ws.setFocus": "{ws} を CLI の既定にする",
     "ws.setFocusTip":
       "コマンドの既定の対象にします (workspaces.yml に書き込みます)",
     "ws.viewFailed": "表示を変更できませんでした: {msg}",
@@ -230,19 +232,75 @@
       "このサーバーは自身のアドレスでのみ応答するため、別の名前のページからは届きません。",
     "err.421.open": "localhost で開く",
     "err.refused.title": "リクエストが拒否されました",
-    "err.signin.title": "{name} を使うにはサインインしてください",
     "err.signin.terminal": "ターミナルを使うにはサインインしてください",
     "err.signin.agents": "エージェントを起動するにはサインインしてください",
     "err.signin.sub": "このブラウザはサインインしていません",
     "err.signin.lead": "{cmd} を実行し、表示されたリンクを開いてください。",
     "err.signin.expiredTitle": "サインインリンクの期限切れ",
-    "err.signin.expired":
-      "このサインインリンクは期限切れか、使用済みです。{cmd} を実行して新しいリンクを取得してください。",
     "err.signin.local":
       "サインインはアドレスごとです。このページは {host} にあります。サインイン済みの localhost で同じページを開いてください。",
-    "err.signin.why":
-      "パスワードはありません。リンクは、あなたのユーザーアカウントだけが読めるファイルから作られます。",
     "err.signin.copy": "コマンドをコピー",
+    "err.signin.title": "{name} にサインイン",
+    "err.signin.where":
+      "別のコンピューターから {name} を開いています。{name} は {host} で動いているため、あなた本人であることを確認する必要があります。",
+    "err.signin.githubNote":
+      "あなたの GitHub アカウントを使います。この {name} のオーナーが自分のアカウントをリンクしている必要があります。",
+    "err.signin.githubNoOwner":
+      "GitHub でのサインインにはオーナーが必要ですが、この {name} にはまだいません。{host} で(このコンピューターではありません)次を実行してください:",
+    "err.signin.githubRefused":
+      "@{login} はこの {name} のオーナーではありません。オーナーに追加を依頼するか、「このコンピューターを承認」を使ってください。",
+    "err.signin.approveOr": "または、このコンピューターを承認",
+    "err.signin.approve": "このコンピューターを承認",
+    "err.signin.step1":
+      "{host} で(このコンピューターではありません)次を実行します:",
+    "err.signin.step1Or":
+      "または、{host} 上で {name} を開き、設定 › アクセス › 承認待ちのデバイス に進みます。",
+    "err.signin.step2":
+      "承認されると、このページは自動でサインインします。コードの有効期限は 10 分です。",
+    "err.signin.waiting": "承認を待っています…",
+    "err.signin.noTerminal":
+      "{host} のターミナルがありませんか?このコンピューターで次を実行します:",
+    "err.signin.openTerminal": "ターミナルを開く",
+    "err.signin.sshNote":
+      "「ターミナルを開く」はターミナルアプリで ssh://{target} を開きます。{target} への SSH アクセスが必要です。",
+    "err.signin.whyTitle": "なぜ?",
+    "err.signin.whyText":
+      "{name} は {host} でターミナルやエージェントを起動できるため、オーナーであることを証明した人だけを通します。これはコンピューターごとに一度だけで、サインインしたままになります。",
+    "err.signin.other": "その他の方法({cmd} による一回限りのリンク)",
+    "err.signin.otherStep":
+      "{host} で(このコンピューターではありません)次を実行し、表示されたリンクをこのブラウザで開きます:",
+    "err.signin.codeExpired": "このコードは期限切れです。",
+    "err.signin.codeDenied": "このコンピューターは {host} で拒否されました。",
+    "err.signin.codeFailed":
+      "{name} からコードを取得できませんでした。もう一度お試しください。",
+    "err.signin.newCode": "新しいコードを取得",
+    "err.signin.youreIn": "サインインしました。",
+    "err.signin.expiredLead":
+      "このサインインリンクは期限切れか、使用済みです。下から改めてサインインしてください。",
+    "err.signin.confirmLead":
+      "{host} で web login が表示したコードを入力してください:",
+    "err.signin.confirmGo": "サインイン",
+    "err.signin.confirmWrong":
+      "コードが正しくありません。web login の表示を確認して、もう一度お試しください。",
+    "err.signin.confirmBusy":
+      "試行回数が多すぎます。1 分待ってからもう一度お試しください。",
+    "err.signin.confirmGone":
+      "このリンクはもう使えません。{host} で web login をもう一度実行して新しいリンクを取得してください。",
+    "err.signin.confirmWhy":
+      "リンクだけでは足りません。{host} に表示されたコードも必要なので、他の人がリンクを見てもサインインできません。",
+    "err.signin.github": "GitHub でサインイン",
+    "err.signin.githubEnter": "{url} でこのコードを入力してください:",
+    "err.signin.githubOpen": "GitHub を開く",
+    "err.signin.githubCopy": "コードをコピー",
+    "err.signin.githubWaiting": "GitHub での承認を待っています…",
+    "err.signin.githubDone": "サインインしました。読み込み中…",
+    "err.signin.githubExpired": "承認される前にコードの有効期限が切れました。",
+    "err.signin.githubDenied": "GitHub でリクエストがキャンセルされました。",
+    "err.signin.githubBusy":
+      "進行中のサインインが多すぎます。数分後にもう一度お試しください。",
+    "err.signin.githubFailed":
+      "GitHub に接続できませんでした。もう一度お試しください。",
+    "err.signin.githubAgain": "やり直す",
     "err.422.title": "設定が無効です",
     "err.422.sub": "ディストリビューションの設定が検証に失敗しました",
     "err.422.lead":
@@ -279,6 +337,14 @@
     "set.cli.web_port": "あなたの web ポート",
     "set.cli.signin": "ブラウザのサインイン",
     "set.cli.sudo": "管理者パスワード",
+    "set.access.owner": "オーナー",
+    "set.access.devices": "リンク済みデバイス",
+    "set.access.waiting": "承認待ちのデバイス",
+    "set.access.machine_name": "マシン名",
+    "ident.local": "ローカル",
+    "ident.device": "サインイン済み · このデバイス",
+    "ident.toast": "このデバイスは {host} の {name} にサインインしました",
+    "set.access.pair": "デバイスをペアリング",
     "set.distribution.brand": "製品名",
     "set.distribution.github_org": "GitHub の組織",
     "set.distribution.orgs": "組織のラベル",

package/src/ui/server/public/local-dev.html

@@ -215,6 +215,13 @@
         font-weight: 600;
         background: color-mix(in srgb, var(--accent) 4%, var(--surface));
       }
+      /* The CLI default (focus): a word, never a bare glyph. */
+      .ws-cli-default {
+        font-size: 10px;
+        color: var(--accent-text);
+        margin-left: 4px;
+        cursor: help;
+      }
       .ws-item-right {
         display: flex;
         align-items: center;
@@ -1544,6 +1551,11 @@
             .replace(/</g, "&lt;")
             .replace(/>/g, "&gt;")
             .replace(/"/g, "&quot;");
+        /** A shell string, with the English when the shell isn't up yet. */
+        const wsT = (key, fallback) => {
+          const v = window.denShell?.t?.(key);
+          return v && v !== key ? v : fallback;
+        };
 
         // ── The admin password (R8, LK-0) ─────────────────────────────────────────
         // It is for sudo, and nothing else: no action here asks for it up
@@ -1601,7 +1613,7 @@
                   ? `<button class="danger" data-action="delete">Delete</button>`
                   : "";
               return `<div class="ws-item ${n === activeWs ? "active" : ""}" data-name="${escHtml(n)}" data-action="select">
-          <span>${escHtml(n)}${isWsActive(n) ? ' <span style="font-size:10px;color:var(--muted)">(active)</span>' : ""}${n === focusName() ? ' <span style="font-size:10px;color:var(--accent-text)">●</span>' : ""}</span>
+          <span>${escHtml(n)}${isWsActive(n) ? ' <span style="font-size:10px;color:var(--muted)">(active)</span>' : ""}${n === focusName() ? ` <span class="ws-cli-default" title="${escHtml(wsT("ws.focusTip", "CLI commands run here when you don't name a workspace. Picking a workspace in the top bar only changes what pages show."))}">${escHtml(wsT("ws.focus", "CLI default"))}</span>` : ""}</span>
           <span class="ws-item-right">
             <button class="ws-term-btn" title="Open in terminal" data-open-term="${escHtml(dirPath)}">&#62;_</button>
             <button class="ws-open-btn" title="Open in editor" data-open-path="${escHtml(wsData.codeWorkspacePaths?.[n] || dirPath)}">↗</button>
@@ -2021,11 +2033,11 @@
           <h2>${escHtml(wsName)}</h2>
           ${
             isActive
-              ? `<span class="badge active-ws">active${isFocus ? " · focus" : ""}</span>
-               ${!isFocus ? `<button class="switch-btn" data-action="focus-ws">set focus</button>` : ""}
+              ? `<span class="badge active-ws"${isFocus ? ` title="${escHtml(wsT("ws.focusTip", ""))}"` : ""}>active${isFocus ? ` · ${escHtml(wsT("ws.focus", "CLI default"))}` : ""}</span>
+               ${!isFocus ? `<button class="switch-btn" data-action="focus-ws" title="${escHtml(wsT("ws.setFocusTip", ""))}">Make CLI default</button>` : ""}
                <button class="switch-btn" data-action="deactivate-ws">deactivate</button>`
               : `<button class="switch-btn" data-action="activate-ws">activate</button>
-               <button class="switch-btn" data-action="switch-ws">activate + focus</button>`
+               <button class="switch-btn" data-action="switch-ws">activate + make CLI default</button>`
           }
           ${stackNsChip}
           <span class="badge ws-agents" id="ws-agents-count" hidden></span>

package/src/ui/server/public/qr.js

@@ -0,0 +1,317 @@
+/**
+ * A tiny QR code encoder (SEC-2a, "Pair a device"): byte mode, error
+ * correction level M, versions 1 to 10 (up to 213 bytes, enough for a
+ * sign-in link). Written for Den from ISO/IEC 18004; no dependency, no CDN.
+ * Its matrices are checked against an independent encoder's in
+ * tests/unit/server/qr.test.ts.
+ *
+ *   qrMatrix(text, { mask }?)  rows of booleans (true: dark), no quiet zone
+ *   qrSvg(text, { scale, margin }?)  an SVG string, dark on light
+ */
+
+// Level M, versions 1..10: ECC codewords per block, and blocks.
+const ECC_PER_BLOCK = [0, 10, 16, 26, 18, 24, 16, 18, 22, 22, 26];
+const ECC_BLOCKS = [0, 1, 1, 1, 2, 2, 4, 4, 4, 5, 5];
+const MAX_VERSION = 10;
+const FORMAT_BITS_M = 0;
+
+function gfMul(x, y) {
+  let z = 0;
+  for (let i = 7; i >= 0; i--) {
+    z = (z << 1) ^ ((z >>> 7) * 0x11d);
+    z ^= ((y >>> i) & 1) * x;
+  }
+  return z & 0xff;
+}
+
+function rsDivisor(degree) {
+  const out = new Array(degree).fill(0);
+  out[degree - 1] = 1;
+  let root = 1;
+  for (let i = 0; i < degree; i++) {
+    for (let j = 0; j < out.length; j++) {
+      out[j] = gfMul(out[j], root);
+      if (j + 1 < out.length) out[j] ^= out[j + 1];
+    }
+    root = gfMul(root, 0x02);
+  }
+  return out;
+}
+
+function rsRemainder(data, divisor) {
+  const out = divisor.map(() => 0);
+  for (const b of data) {
+    const factor = b ^ out.shift();
+    out.push(0);
+    divisor.forEach((c, i) => (out[i] ^= gfMul(c, factor)));
+  }
+  return out;
+}
+
+function alignPositions(ver) {
+  if (ver === 1) return [];
+  const size = ver * 4 + 17;
+  const n = Math.floor(ver / 7) + 2;
+  const step = Math.floor((ver * 8 + n * 3 + 5) / (n * 4 - 4)) * 2;
+  const out = [6];
+  for (let pos = size - 7; out.length < n; pos -= step) out.splice(1, 0, pos);
+  return out;
+}
+
+function rawModules(ver) {
+  let r = (16 * ver + 128) * ver + 64;
+  if (ver >= 2) {
+    const n = Math.floor(ver / 7) + 2;
+    r -= (25 * n - 10) * n - 55;
+    if (ver >= 7) r -= 36;
+  }
+  return r;
+}
+
+function dataCodewords(ver) {
+  return Math.floor(rawModules(ver) / 8) - ECC_PER_BLOCK[ver] * ECC_BLOCKS[ver];
+}
+
+function utf8(text) {
+  return Array.from(new TextEncoder().encode(String(text)));
+}
+
+/** The data codewords for `bytes` at version `ver` (mode, count, pad). */
+function encodeData(bytes, ver) {
+  const bits = [];
+  const put = (v, n) => {
+    for (let i = n - 1; i >= 0; i--) bits.push((v >>> i) & 1);
+  };
+  put(0b0100, 4);
+  put(bytes.length, ver <= 9 ? 8 : 16);
+  for (const b of bytes) put(b, 8);
+  const cap = dataCodewords(ver) * 8;
+  put(0, Math.min(4, cap - bits.length));
+  put(0, (8 - (bits.length % 8)) % 8);
+  for (let pad = 0xec; bits.length < cap; pad ^= 0xec ^ 0x11) put(pad, 8);
+  const out = [];
+  for (let i = 0; i < bits.length; i += 8)
+    out.push(bits.slice(i, i + 8).reduce((a, b) => (a << 1) | b, 0));
+  return out;
+}
+
+function withEcc(data, ver) {
+  const nBlocks = ECC_BLOCKS[ver];
+  const eccLen = ECC_PER_BLOCK[ver];
+  const raw = Math.floor(rawModules(ver) / 8);
+  const nShort = nBlocks - (raw % nBlocks);
+  const shortLen = Math.floor(raw / nBlocks);
+  const div = rsDivisor(eccLen);
+  const blocks = [];
+  for (let i = 0, k = 0; i < nBlocks; i++) {
+    const dat = data.slice(k, k + shortLen - eccLen + (i < nShort ? 0 : 1));
+    k += dat.length;
+    const ecc = rsRemainder(dat, div);
+    if (i < nShort) dat.push(0);
+    blocks.push(dat.concat(ecc));
+  }
+  const out = [];
+  for (let i = 0; i < blocks[0].length; i++)
+    blocks.forEach((b, j) => {
+      if (i !== shortLen - eccLen || j >= nShort) out.push(b[i]);
+    });
+  return out;
+}
+
+function makeGrid(ver) {
+  const size = ver * 4 + 17;
+  const mods = Array.from({ length: size }, () => new Array(size).fill(false));
+  const fn = Array.from({ length: size }, () => new Array(size).fill(false));
+  const set = (x, y, dark) => {
+    mods[y][x] = dark;
+    fn[y][x] = true;
+  };
+  for (let i = 0; i < size; i++) {
+    set(6, i, i % 2 === 0);
+    set(i, 6, i % 2 === 0);
+  }
+  for (const [cx, cy] of [
+    [3, 3],
+    [size - 4, 3],
+    [3, size - 4],
+  ])
+    for (let dy = -4; dy <= 4; dy++)
+      for (let dx = -4; dx <= 4; dx++) {
+        const d = Math.max(Math.abs(dx), Math.abs(dy));
+        const x = cx + dx;
+        const y = cy + dy;
+        if (x >= 0 && x < size && y >= 0 && y < size)
+          set(x, y, d !== 2 && d !== 4);
+      }
+  const al = alignPositions(ver);
+  const last = al.length - 1;
+  al.forEach((ax, i) =>
+    al.forEach((ay, j) => {
+      if ((i === 0 && j === 0) || (i === 0 && j === last)) return;
+      if (i === last && j === 0) return;
+      for (let dy = -2; dy <= 2; dy++)
+        for (let dx = -2; dx <= 2; dx++)
+          set(ax + dx, ay + dy, Math.max(Math.abs(dx), Math.abs(dy)) !== 1);
+    }),
+  );
+  drawFormat(set, size, 0);
+  if (ver >= 7) {
+    let rem = ver;
+    for (let i = 0; i < 12; i++) rem = (rem << 1) ^ ((rem >>> 11) * 0x1f25);
+    const bits = (ver << 12) | rem;
+    for (let i = 0; i < 18; i++) {
+      const dark = ((bits >>> i) & 1) === 1;
+      const a = size - 11 + (i % 3);
+      const b = Math.floor(i / 3);
+      set(a, b, dark);
+      set(b, a, dark);
+    }
+  }
+  return { size, mods, fn, set };
+}
+
+function drawFormat(set, size, mask) {
+  const data = (FORMAT_BITS_M << 3) | mask;
+  let rem = data;
+  for (let i = 0; i < 10; i++) rem = (rem << 1) ^ ((rem >>> 9) * 0x537);
+  const bits = ((data << 10) | rem) ^ 0x5412;
+  const bit = (i) => ((bits >>> i) & 1) === 1;
+  for (let i = 0; i <= 5; i++) set(8, i, bit(i));
+  set(8, 7, bit(6));
+  set(8, 8, bit(7));
+  set(7, 8, bit(8));
+  for (let i = 9; i < 15; i++) set(14 - i, 8, bit(i));
+  for (let i = 0; i < 8; i++) set(size - 1 - i, 8, bit(i));
+  for (let i = 8; i < 15; i++) set(8, size - 15 + i, bit(i));
+  set(8, size - 8, true);
+}
+
+const MASKS = [
+  (x, y) => (x + y) % 2 === 0,
+  (x, y) => y % 2 === 0,
+  (x) => x % 3 === 0,
+  (x, y) => (x + y) % 3 === 0,
+  (x, y) => (Math.floor(x / 3) + Math.floor(y / 2)) % 2 === 0,
+  (x, y) => ((x * y) % 2) + ((x * y) % 3) === 0,
+  (x, y) => (((x * y) % 2) + ((x * y) % 3)) % 2 === 0,
+  (x, y) => (((x + y) % 2) + ((x * y) % 3)) % 2 === 0,
+];
+
+function penalty(m) {
+  const n = m.length;
+  let score = 0;
+  const lines = [];
+  for (let i = 0; i < n; i++) {
+    lines.push(m[i]);
+    lines.push(m.map((row) => row[i]));
+  }
+  const finder = [true, false, true, true, true, false, true];
+  for (const line of lines) {
+    for (let i = 0; i < n; ) {
+      let j = i;
+      while (j < n && line[j] === line[i]) j++;
+      if (j - i >= 5) score += 3 + (j - i - 5);
+      i = j;
+    }
+    for (let i = 0; i + 7 <= n; i++) {
+      if (!finder.every((v, k) => line[i + k] === v)) continue;
+      const light = (a, b) => {
+        for (let k = a; k < b; k++)
+          if (k >= 0 && k < n && line[k]) return false;
+        return true;
+      };
+      if (light(i - 4, i) || light(i + 7, i + 11)) score += 40;
+    }
+  }
+  let dark = 0;
+  for (let y = 0; y < n; y++)
+    for (let x = 0; x < n; x++) {
+      if (m[y][x]) dark++;
+      if (
+        x + 1 < n &&
+        y + 1 < n &&
+        m[y][x] === m[y][x + 1] &&
+        m[y][x] === m[y + 1][x] &&
+        m[y][x] === m[y + 1][x + 1]
+      )
+        score += 3;
+    }
+  const total = n * n;
+  score += 10 * Math.floor(Math.abs(dark * 20 - total * 10) / total);
+  return score;
+}
+
+/**
+ * The QR code for `text` (UTF-8, byte mode, level M), as rows of booleans
+ * (true: dark), no quiet zone. `mask` 0..7 fixes the mask; by default the
+ * one with the lowest penalty. Throws when `text` is longer than version
+ * 10 holds (213 bytes).
+ */
+export function qrMatrix(text, opts = {}) {
+  const bytes = utf8(text);
+  let ver = 1;
+  const need = (v) => 4 + (v <= 9 ? 8 : 16) + bytes.length * 8;
+  while (ver <= MAX_VERSION && need(ver) > dataCodewords(ver) * 8) ver++;
+  if (ver > MAX_VERSION)
+    throw new Error(`QR: ${bytes.length} bytes is too long (213 at most)`);
+  const code = withEcc(encodeData(bytes, ver), ver);
+  const { size, mods, fn } = makeGrid(ver);
+  let i = 0;
+  for (let right = size - 1; right >= 1; right -= 2) {
+    if (right === 6) right = 5;
+    for (let vert = 0; vert < size; vert++)
+      for (let j = 0; j < 2; j++) {
+        const x = right - j;
+        const up = ((right + 1) & 2) === 0;
+        const y = up ? size - 1 - vert : vert;
+        if (!fn[y][x] && i < code.length * 8) {
+          mods[y][x] = ((code[i >>> 3] >>> (7 - (i & 7))) & 1) === 1;
+          i++;
+        }
+      }
+  }
+  const masked = (mask) => {
+    const m = mods.map((row) => row.slice());
+    const put = (x, y, dark) => (m[y][x] = dark);
+    for (let y = 0; y < size; y++)
+      for (let x = 0; x < size; x++)
+        if (!fn[y][x] && MASKS[mask](x, y)) m[y][x] = !m[y][x];
+    drawFormat(put, size, mask);
+    return m;
+  };
+  if (Number.isInteger(opts.mask) && opts.mask >= 0 && opts.mask <= 7)
+    return masked(opts.mask);
+  let best = null;
+  let bestScore = Infinity;
+  for (let k = 0; k < 8; k++) {
+    const m = masked(k);
+    const s = penalty(m);
+    if (s < bestScore) {
+      best = m;
+      bestScore = s;
+    }
+  }
+  return best;
+}
+
+/** `text`'s QR code as an SVG (one path), with a quiet zone of `margin` modules. */
+export function qrSvg(text, opts = {}) {
+  const m = qrMatrix(text);
+  const scale = opts.scale ?? 4;
+  const margin = opts.margin ?? 4;
+  const n = m.length + margin * 2;
+  let d = "";
+  m.forEach((row, y) =>
+    row.forEach((dark, x) => {
+      if (dark) d += `M${x + margin} ${y + margin}h1v1h-1z`;
+    }),
+  );
+  return (
+    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${n} ${n}" ` +
+    `width="${n * scale}" height="${n * scale}" shape-rendering="crispEdges" role="img">` +
+    // Black on white whatever the theme: a scanner needs that contrast
+    // (an inverted code fails on many phones), so no theme token here.
+    `<rect width="${n}" height="${n}" fill="white"/>` +
+    `<path d="${d}" fill="black"/></svg>`
+  );
+}

package/src/ui/server/public/settings-page.js

@@ -293,6 +293,14 @@ export async function mountSettings(deps) {
     const v = typeof o === "function" ? o(ctx) : o;
     return Array.isArray(v) ? v : [];
   }
+  // A custom control draws itself (it may act through its own API rather
+  // than save a value: Settings › Access), so it renders whether or not the
+  // row has a write.
+  function drawsItself(r) {
+    return (
+      r.control?.type === "custom" && typeof r.control.render === "function"
+    );
+  }
   function drawRow(r) {
     const id = slug(r.id);
     const lid = `l-${id}`;
@@ -300,8 +308,7 @@ export async function mountSettings(deps) {
     const did = `d-${id}`;
     const v = value(r);
     const t = r.control?.type || "readonly";
-    // A custom control draws (and saves) itself: no write to read it by.
-    const ro = !r.write && t !== "custom";
+    const ro = !r.write && !drawsItself(r);
     const single = ["number", "select", "toggle", "text"].includes(t);
     const label = single
       ? `<label class="l" id="${lid}" for="${cid}">${esc(r.label)}</label>`
@@ -500,7 +507,7 @@ export async function mountSettings(deps) {
       }, 2000);
   }
   function wireRow(r) {
-    if (!r.write && r.control?.type !== "custom") return;
+    if (!r.write && !drawsItself(r)) return;
     const row = $(`setting-${slug(r.id)}`);
     if (!row) return;
     const t = r.control?.type;