co-maintainer 0.5.0 → 0.5.1-beta.2

package/dist/src/server/pages/settings.js

@@ -1,6 +1,7 @@
 import { html, layout, skSlot, text } from "./layout.js";
 import { resolveAppPrivateKey } from "../../config.js";
 import { VERSION } from "../../version.js";
+import { TEMPLATE_INFO } from "../../services/review_policy.js";
 import { defaultAppName, manifestBlockedReason, } from "../../github/app_manifest.js";
 const SOURCE_URL = "https://github.com/GroophyLifefor/co-maintainer";
 export function renderSettings(username, config, webhookUrl, baseUrl) {
@@ -45,7 +46,10 @@ export function renderSettings(username, config, webhookUrl, baseUrl) {
           <select id="ai">
             <option value="none"${!config.ai || config.ai === "none" ? " selected" : ""}>None</option>
             <option value="openrouter"${config.ai === "openrouter" ? " selected" : ""}>OpenRouter</option>
-            <option value="hetzner"${config.ai === "hetzner" ? " selected" : ""}>Hetzner</option>
+            <option value="openai"${config.ai === "openai" ? " selected" : ""}>OpenAI</option>
+            <option value="anthropic"${config.ai === "anthropic" ? " selected" : ""}>Anthropic</option>
+            <option value="opencode-zen"${config.ai === "opencode-zen" ? " selected" : ""}>OpenCode Zen</option>
+            <option value="opencode-go"${config.ai === "opencode-go" ? " selected" : ""}>OpenCode Go</option>
           </select></div>
         <div class="field"><label>API key</label>
           <input id="token" type="password" placeholder="Leave blank to keep the current key">
@@ -72,7 +76,8 @@ export function renderSettings(username, config, webhookUrl, baseUrl) {
             <option value="pat"${config.auth === "pat" ? " selected" : ""}>Personal access token</option>
           </select></div>
         <div class="field"><label>Personal access token</label>
-          <input id="pat" type="password" placeholder="Leave blank to keep the current token"></div>
+          <input id="pat" type="password" placeholder="Leave blank to keep the current token">
+          <div class="hint">Read-only is enough. <a href="https://co-maintainer.com/docs/authentication.html" target="_blank" rel="noopener">Which permissions to grant</a></div></div>
       </div>
       <div class="ft"><button class="primary" id="save-gh">Save</button></div>
     </div>
@@ -81,7 +86,7 @@ export function renderSettings(username, config, webhookUrl, baseUrl) {
       <div class="hd"><h2>GitHub App</h2>
         <span class="st ${appOk ? "ok" : "warn"}" style="margin-left:auto">${appOk ? "Configured" : "Not set"}</span></div>
       <div class="bd">
-        <p class="muted" style="margin:0 0 16px">Needed to post reviews on pull requests.</p>
+        <p class="muted" style="margin:0 0 16px">Needed to post reviews on pull requests. <a href="https://co-maintainer.com/docs/github-app.html#permissions" target="_blank" rel="noopener">Permissions it needs</a></p>
         <div style="margin:0 0 16px">
           <div class="two" style="max-width:none;margin:0 0 12px">
             <div class="field"><label>App name</label>
@@ -124,6 +129,21 @@ Leave blank to keep the current key"></textarea></div>
           <div class="field"><label>Max lines per pull request</label>
             <input id="def-lines" value="${text(config.defaults?.maxPullRequestChangeLines ?? "")}"></div>
         </div>
+        <div class="field wide" style="margin-top:18px">
+          <label for="def-policy">Who gets a review</label>
+          <select id="def-policy">
+            <option value=""${config.reviewPolicy === undefined ? " selected" : ""}>Everyone except drafts and bots (the simple switches)</option>
+            ${TEMPLATE_INFO.map((item) => `<option value="${text(item.name)}"${config.reviewPolicy === item.name ? " selected" : ""}>${text(item.label)}</option>`).join("")}
+            ${typeof config.reviewPolicy === "object"
+            ? `<option value="__custom" selected>Custom rules from a file</option>`
+            : ""}
+          </select>
+          <div class="hint" id="def-policy-desc">${text(typeof config.reviewPolicy === "string"
+            ? (TEMPLATE_INFO.find((item) => item.name === config.reviewPolicy)
+                ?.description ?? "")
+            : "")}</div>
+          <div class="hint">New repositories start with this. Each repository can change it in its own settings. Custom rules are set with <span class="mono">co-maintainer set --review-policy-file=policy.json</span>.</div>
+        </div>
       </div>
       <div class="ft"><button class="primary" id="save-def">Save</button></div>
     </div>
@@ -156,9 +176,17 @@ Leave blank to keep the current key"></textarea></div>
           <div class="field"><label>New token name</label>
             <input id="remote-token-name" placeholder="e.g. laptop"></div>
         </div>
+        <div class="field wide" style="margin-top:16px"><label>Client key policy (BYOK)</label>
+          <select id="remote-byok-policy">
+            <option value="off"${(config.remoteByokPolicy ?? "off") === "off" ? " selected" : ""}>off: reject a client key</option>
+            <option value="allow"${config.remoteByokPolicy === "allow" ? " selected" : ""}>allow: accept a client key, fall back to the server key</option>
+            <option value="require"${config.remoteByokPolicy === "require" ? " selected" : ""}>require: a client key is mandatory</option>
+          </select>
+          <div class="hint">Whether <code>review --remote</code> clients may send their own AI key. The <code>CM_REMOTE_BYOK_POLICY</code> env var overrides this.</div></div>
       </div>
       <div class="ft">
         <button class="primary" id="create-remote-token">Create token</button>
+        <button class="btn" id="save-remote-byok">Save policy</button>
       </div>
     </div>
     <div class="card" id="access" data-async>
@@ -318,6 +346,12 @@ document.getElementById("save-server").addEventListener("click", function() {
     remoteToolOutputMaxChars: toolChars.value
   });
 });
+document.getElementById("save-remote-byok").addEventListener("click", function() {
+  var card = this.closest("[data-async]");
+  save(this, {
+    remoteByokPolicy: document.getElementById("remote-byok-policy").value
+  });
+});
 function escHtml(s) {
   return String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
@@ -332,7 +366,7 @@ async function loadRemoteTokens() {
     el.innerHTML = "<table><thead><tr><th>Name</th><th>Status</th><th class=\\"num\\">Reviews (30d)</th><th class=\\"num\\">Cost (30d)</th><th></th></tr></thead><tbody>" +
       rows.map(function(r) {
         return "<tr><td>" + escHtml(r.name) + "</td><td>" + (r.active ? "Active" : "Inactive") + "</td>" +
-          "<td class=\\"num\\">" + r.reviews30d + "</td><td class=\\"num\\">" + r.cost30d + "</td>" +
+          "<td class=\\"num\\">" + r.reviews30d + "</td><td class=\\"num\\">" + escHtml(r.cost30dLabel) + "</td>" +
           "<td><button type=\\"button\\" class=\\"btn sm\\" data-token-id=\\"" + escHtml(r.id) + "\\" data-active=\\"" + r.active + "\\">" +
           (r.active ? "Deactivate" : "Activate") + "</button> " +
           "<button type=\\"button\\" class=\\"btn sm\\" data-delete-token=\\"" + escHtml(r.id) + "\\">Delete</button></td></tr>";
@@ -412,6 +446,13 @@ document.getElementById("create-remote-token").addEventListener("click", functio
     await loadRemoteTokens();
   });
 });
+var POLICY_INFO = ${JSON.stringify(TEMPLATE_INFO)};
+document.getElementById("def-policy").addEventListener("change", function() {
+  var value = this.value;
+  var text = "";
+  POLICY_INFO.forEach(function(item) { if (item.name === value) text = item.description; });
+  document.getElementById("def-policy-desc").textContent = text;
+});
 document.getElementById("save-def").addEventListener("click", function() {
   var card = this.closest("[data-async]");
   var positiveInt = function(id, label) {
@@ -438,13 +479,16 @@ document.getElementById("save-def").addEventListener("click", function() {
     fail(card, lines.message, function () {});
     return;
   }
-  save(this, {
+  var body = {
     defaults: {
       maxPrMonths: months.value,
       maxCommits: commits.value,
       maxPullRequestChangeLines: lines.value
     }
-  });
+  };
+  var policy = document.getElementById("def-policy").value;
+  if (policy !== "__custom") body.reviewPolicy = policy === "" ? null : policy;
+  save(this, body);
 });
 </script>`,
     }));

package/dist/src/server/pages/styles.d.ts

@@ -1,2 +1,2 @@
 /** Generated from src/server/pages/styles.css by scripts/embed_assets.mjs — do not edit. */
-export declare const styles = ":root {\n  --bg: #f6f6f7;\n  --card: #fff;\n  --border: #e2e2e4;\n  --border2: #ededef;\n  --text: #1f2124;\n  --muted: #6a6f75;\n  --dim: #8b9096;\n  --accent: #80c580;\n  --accent-d: #6cae6c;\n  --link: #0b5cd5;\n  --green: #1a9d5a;\n  --amber: #c98a00;\n  --red: #cf3c3c;\n  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n}\n* {\n  box-sizing: border-box;\n}\nbody {\n  margin: 0;\n  background: var(--bg);\n  color: var(--text);\n  font:\n    14px/1.5 -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n}\na {\n  color: var(--link);\n  text-decoration: none;\n}\na:hover {\n  text-decoration: underline;\n}\ncode,\n.mono {\n  font-family: var(--mono);\n  font-size: 0.9em;\n}\n\n/* top bar */\n.top {\n  background: #fff;\n  border-bottom: 1px solid var(--border);\n}\n.top .in {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 24px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.logo {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  font-weight: 600;\n  font-size: 15px;\n  color: var(--text);\n}\n.logo:hover {\n  text-decoration: none;\n}\n.logo img {\n  height: 32px;\n  width: 32px;\n  display: block;\n  border-radius: 5px;\n  image-rendering: pixelated;\n  object-fit: cover;\n}\n.brand {\n  width: 180px;\n  height: auto;\n  display: block;\n  margin: 0 0 14px;\n  border-radius: 8px;\n  image-rendering: pixelated;\n}\n.top .right {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  font-size: 13px;\n  color: var(--muted);\n}\n\n/* layout */\n.wrap {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 28px 24px 72px;\n}\n.wrap.side {\n  display: grid;\n  grid-template-columns: 196px 1fr;\n  gap: 32px;\n}\naside nav {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  position: sticky;\n  top: 24px;\n}\naside nav a {\n  padding: 7px 12px;\n  border-radius: 4px;\n  color: var(--text);\n  font-size: 14px;\n}\naside nav a:hover {\n  background: #ededef;\n  text-decoration: none;\n}\naside nav a.on {\n  background: #fff;\n  box-shadow: inset 2px 0 0 var(--accent);\n  border: 1px solid var(--border);\n  font-weight: 500;\n}\naside .lbl {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--dim);\n  padding: 0 12px;\n  margin: 0 0 8px;\n}\n\nh1 {\n  font-size: 22px;\n  font-weight: 600;\n  margin: 0;\n}\nh2 {\n  font-size: 15px;\n  font-weight: 600;\n  margin: 0;\n}\np.lead {\n  color: var(--muted);\n  margin: 6px 0 0;\n  font-size: 14px;\n}\n.pagehead {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 22px;\n}\n.pagehead .actions {\n  margin-left: auto;\n  display: flex;\n  gap: 8px;\n}\n\n.card {\n  background: var(--card);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  margin-bottom: 18px;\n}\n.card .hd {\n  padding: 14px 18px;\n  border-bottom: 1px solid var(--border);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.card .bd {\n  padding: 18px;\n}\n.card .bd.flush {\n  padding: 0;\n}\n.card .ft {\n  padding: 12px 18px;\n  border-top: 1px solid var(--border);\n  background: #fbfbfc;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 13px;\n  color: var(--muted);\n  border-radius: 0 0 6px 6px;\n}\n\n/* table */\ntable {\n  width: 100%;\n  border-collapse: collapse;\n}\nth {\n  text-align: left;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--muted);\n  padding: 10px 18px;\n  border-bottom: 1px solid var(--border);\n  background: #fbfbfc;\n}\ntd {\n  padding: 14px 18px;\n  border-bottom: 1px solid var(--border2);\n  font-size: 14px;\n}\ntr:last-child td {\n  border-bottom: none;\n}\ntbody tr:hover {\n  background: #fafafb;\n}\n.num {\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n\n/* status text, not badges */\n.st {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n}\n.st::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--dim);\n}\n.st.ok::before {\n  background: var(--green);\n}\n.st.warn::before {\n  background: var(--amber);\n}\n.st.err::before {\n  background: var(--red);\n}\n.st.run::before {\n  background: var(--link);\n}\n\n/* buttons */\nbutton,\n.btn {\n  font: inherit;\n  font-size: 14px;\n  padding: 6px 14px;\n  border-radius: 4px;\n  border: 1px solid var(--border);\n  background: #fff;\n  color: var(--text);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n}\nbutton:hover,\n.btn:hover {\n  background: #f4f4f5;\n  text-decoration: none;\n}\n.btn.primary,\nbutton.primary {\n  background: var(--accent);\n  border-color: var(--accent);\n  color: #fff;\n  font-weight: 500;\n}\n.btn.primary:hover,\nbutton.primary:hover {\n  background: var(--accent-d);\n  border-color: var(--accent-d);\n}\n.btn.sm {\n  padding: 4px 10px;\n  font-size: 13px;\n}\n.btn.link {\n  border: none;\n  background: none;\n  color: var(--link);\n  padding: 0;\n}\n.btn.link:hover {\n  background: none;\n  text-decoration: underline;\n}\nbutton[disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* toggle */\n.tg {\n  position: relative;\n  width: 38px;\n  height: 22px;\n  border-radius: 22px;\n  background: #cfd2d6;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  transition: background 0.12s ease;\n}\n.tg::after {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: #fff;\n  transition: left 0.12s ease;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n.tg.on {\n  background: var(--accent);\n}\n.tg.on::after {\n  left: 18px;\n}\n.tg:hover {\n  filter: brightness(0.97);\n}\n\n/* forms */\nlabel {\n  display: block;\n  font-size: 13px;\n  font-weight: 500;\n  margin-bottom: 6px;\n}\ninput,\nselect,\ntextarea {\n  width: 100%;\n  background: #fff;\n  border: 1px solid #cfd2d6;\n  border-radius: 4px;\n  color: var(--text);\n  padding: 8px 10px;\n  font: inherit;\n  font-size: 14px;\n}\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  border-color: var(--accent);\n  box-shadow: 0 0 0 2px rgba(128, 197, 128, 0.35);\n}\ntextarea {\n  resize: vertical;\n  line-height: 1.35;\n}\n.pem {\n  min-height: 150px;\n}\n.field {\n  margin-bottom: 18px;\n  max-width: 420px;\n}\n.field.wide {\n  max-width: none;\n}\n.hint {\n  font-size: 13px;\n  color: var(--muted);\n  margin-top: 6px;\n  font-weight: 400;\n}\n.two {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0 24px;\n}\n\n/* bits */\n.muted {\n  color: var(--muted);\n}\n.dim {\n  color: var(--dim);\n}\n.big {\n  font-size: 26px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n}\n.kfig {\n  display: flex;\n  gap: 44px;\n}\n.kfig .k {\n  font-size: 13px;\n  color: var(--muted);\n  margin-bottom: 2px;\n}\n.notice {\n  background: #f3faf3;\n  border: 1px solid #cfe6cf;\n  border-radius: 6px;\n  padding: 14px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 18px;\n}\n.notice.info {\n  background: #f2f7ff;\n  border-color: #cfe0fb;\n}\n.notice.bad {\n  background: #fdf3f3;\n  border-color: #f3d0d0;\n}\n.notice .txt {\n  flex: 1;\n}\n.notice b {\n  font-weight: 600;\n}\n.notice .dismiss-worth {\n  margin-left: auto;\n  border: 0;\n  background: transparent;\n  color: var(--muted);\n  padding: 0 4px;\n  font-size: 20px;\n  line-height: 1;\n  cursor: pointer;\n}\n.notice .dismiss-worth:hover {\n  background: transparent;\n  color: var(--text);\n}\n.markdown > :first-child {\n  margin-top: 0;\n}\n.markdown > :last-child {\n  margin-bottom: 0;\n}\n.markdown p,\n.markdown h1,\n.markdown h2,\n.markdown h3,\n.markdown ul,\n.markdown ol,\n.markdown pre {\n  margin: 0 0 12px;\n}\n.markdown h1,\n.markdown h2,\n.markdown h3 {\n  font-size: 15px;\n}\n.markdown ul,\n.markdown ol {\n  padding-left: 22px;\n}\n.markdown pre {\n  overflow-x: auto;\n  padding: 10px 12px;\n  border-radius: 4px;\n  background: #f1f2f3;\n  font-family: var(--mono);\n  font-size: 13px;\n  white-space: pre;\n}\n.markdown code {\n  padding: 1px 4px;\n  border-radius: 3px;\n  background: #f1f2f3;\n}\n.markdown pre code {\n  padding: 0;\n  background: transparent;\n}\n.log {\n  background: #1f2124;\n  color: #e6e6e6;\n  border-radius: 6px;\n  padding: 14px 16px;\n  font-family: var(--mono);\n  font-size: 12.5px;\n  line-height: 1.7;\n  max-height: 320px;\n  overflow: auto;\n  white-space: pre-wrap;\n}\n.log .t {\n  color: #8b9096;\n}\n.crumbs {\n  font-size: 13px;\n  color: var(--muted);\n  margin-bottom: 14px;\n}\n.pager {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 18px;\n  border-top: 1px solid var(--border);\n  font-size: 13px;\n  color: var(--muted);\n}\n.pager .sp {\n  margin-left: auto;\n}\n.empty {\n  padding: 56px 24px;\n  text-align: center;\n  color: var(--muted);\n}\n.empty h2 {\n  margin-bottom: 6px;\n}\n.steps {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.steps li {\n  display: flex;\n  gap: 14px;\n  padding: 16px 0;\n  border-bottom: 1px solid var(--border2);\n}\n.steps li:last-child {\n  border-bottom: none;\n}\n.steps .n {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #ededef;\n  color: var(--muted);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 600;\n  flex: none;\n}\n.steps li.done .n {\n  background: var(--green);\n  color: #fff;\n}\n.steps li.now .n {\n  background: var(--accent);\n  color: #fff;\n}\n.steps .body {\n  flex: 1;\n}\n.steps .body b {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 2px;\n}\n\nbutton,\n.btn,\n.tg,\n.tg::after,\ntbody tr {\n  transition:\n    background 0.12s ease,\n    border-color 0.12s ease,\n    filter 0.12s ease,\n    left 0.12s ease,\n    color 0.12s ease;\n}\n:focus-visible {\n  outline: 2px solid var(--accent);\n  outline-offset: 2px;\n}\n\n#toasts {\n  position: fixed;\n  right: 20px;\n  bottom: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  z-index: 20;\n  max-width: 360px;\n}\n.toast {\n  background: #1f2124;\n  color: #fff;\n  border-radius: 6px;\n  padding: 10px 14px;\n  font-size: 13px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n}\n.fail {\n  margin: 12px 18px;\n  padding: 12px 14px;\n  background: #fdf3f3;\n  border: 1px solid #f3d0d0;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 13px;\n}\n.fail p {\n  margin: 0;\n  flex: 1;\n}\n\n.secret {\n  margin: 0 0 16px;\n  padding: 12px 14px;\n  background: #fffbea;\n  border: 1px solid #ecd9a0;\n  border-radius: 6px;\n  font-size: 13px;\n}\n.secret b {\n  display: block;\n  margin-bottom: 8px;\n}\n.secret-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n.secret-row code {\n  flex: 1;\n  min-width: 220px;\n  word-break: break-all;\n}\n\n.sk-slot {\n  display: none;\n  padding: 18px;\n}\n.sk,\n.sk-row {\n  height: 12px;\n  background: #ededef;\n  border-radius: 4px;\n  margin-bottom: 10px;\n}\n.sk-row {\n  height: 36px;\n}\n[data-async].busy > :not(.sk-slot):not([data-fail]) {\n  visibility: hidden;\n}\n[data-async].busy > .sk-slot {\n  display: block !important;\n  visibility: visible;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n.bars {\n  display: flex;\n  align-items: flex-end;\n  gap: 2px;\n  height: 56px;\n}\n.bars i {\n  flex: 1 1 0;\n  min-width: 2px;\n  align-self: stretch;\n  background-image: linear-gradient(\n    to top,\n    var(--bar, var(--accent)) var(--h),\n    transparent var(--h)\n  );\n}\n.bars i:hover {\n  --bar: var(--accent-d);\n  background-color: var(--border2);\n}\n.trend {\n  font-size: 12px;\n  margin-top: 3px;\n}\n.trend.up {\n  color: var(--green);\n}\n.trend.down {\n  color: var(--red);\n}\n.kfig.wrap4 {\n  flex-wrap: wrap;\n  gap: 28px 44px;\n}\n";
+export declare const styles = ":root {\n  --bg: #f6f6f7;\n  --card: #fff;\n  --border: #e2e2e4;\n  --border2: #ededef;\n  --text: #1f2124;\n  --muted: #6a6f75;\n  --dim: #8b9096;\n  --accent: #80c580;\n  --accent-d: #6cae6c;\n  --link: #0b5cd5;\n  --green: #1a9d5a;\n  --amber: #c98a00;\n  --red: #cf3c3c;\n  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n}\n* {\n  box-sizing: border-box;\n}\nbody {\n  margin: 0;\n  background: var(--bg);\n  color: var(--text);\n  font:\n    14px/1.5 -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n}\na {\n  color: var(--link);\n  text-decoration: none;\n}\na:hover {\n  text-decoration: underline;\n}\ncode,\n.mono {\n  font-family: var(--mono);\n  font-size: 0.9em;\n}\n\n/* top bar */\n.top {\n  background: #fff;\n  border-bottom: 1px solid var(--border);\n}\n.top .in {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 24px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.logo {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  font-weight: 600;\n  font-size: 15px;\n  color: var(--text);\n}\n.logo:hover {\n  text-decoration: none;\n}\n.logo img {\n  height: 32px;\n  width: 32px;\n  display: block;\n  border-radius: 5px;\n  image-rendering: pixelated;\n  object-fit: cover;\n}\n.brand {\n  width: 180px;\n  height: auto;\n  display: block;\n  margin: 0 0 14px;\n  border-radius: 8px;\n  image-rendering: pixelated;\n}\n.top .right {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  font-size: 13px;\n  color: var(--muted);\n}\n\n/* layout */\n.wrap {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 28px 24px 72px;\n}\n.wrap.side {\n  display: grid;\n  grid-template-columns: 196px 1fr;\n  gap: 32px;\n}\naside nav {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  position: sticky;\n  top: 24px;\n}\naside nav a {\n  padding: 7px 12px;\n  border-radius: 4px;\n  color: var(--text);\n  font-size: 14px;\n}\naside nav a:hover {\n  background: #ededef;\n  text-decoration: none;\n}\naside nav a.on {\n  background: #fff;\n  box-shadow: inset 2px 0 0 var(--accent);\n  border: 1px solid var(--border);\n  font-weight: 500;\n}\naside .lbl {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--dim);\n  padding: 0 12px;\n  margin: 0 0 8px;\n}\n\nh1 {\n  font-size: 22px;\n  font-weight: 600;\n  margin: 0;\n}\nh2 {\n  font-size: 15px;\n  font-weight: 600;\n  margin: 0;\n}\np.lead {\n  color: var(--muted);\n  margin: 6px 0 0;\n  font-size: 14px;\n}\n.pagehead {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 22px;\n}\n.pagehead .actions {\n  margin-left: auto;\n  display: flex;\n  gap: 8px;\n}\n\n.card {\n  background: var(--card);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  margin-bottom: 18px;\n}\n.card .hd {\n  padding: 14px 18px;\n  border-bottom: 1px solid var(--border);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.card .bd {\n  padding: 18px;\n}\n.card .bd.flush {\n  padding: 0;\n}\n.card .ft {\n  padding: 12px 18px;\n  border-top: 1px solid var(--border);\n  background: #fbfbfc;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 13px;\n  color: var(--muted);\n  border-radius: 0 0 6px 6px;\n}\n\n/* table */\ntable {\n  width: 100%;\n  border-collapse: collapse;\n}\nth {\n  text-align: left;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--muted);\n  padding: 10px 18px;\n  border-bottom: 1px solid var(--border);\n  background: #fbfbfc;\n}\ntd {\n  padding: 14px 18px;\n  border-bottom: 1px solid var(--border2);\n  font-size: 14px;\n}\ntr:last-child td {\n  border-bottom: none;\n}\ntbody tr:hover {\n  background: #fafafb;\n}\n.num {\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n\n/* status text, not badges */\n.st {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n}\n.st::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--dim);\n}\n.st.ok::before {\n  background: var(--green);\n}\n.st.warn::before {\n  background: var(--amber);\n}\n.st.err::before {\n  background: var(--red);\n}\n.st.run::before {\n  background: var(--link);\n}\n\n/* buttons */\nbutton,\n.btn {\n  font: inherit;\n  font-size: 14px;\n  padding: 6px 14px;\n  border-radius: 4px;\n  border: 1px solid var(--border);\n  background: #fff;\n  color: var(--text);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n}\nbutton:hover,\n.btn:hover {\n  background: #f4f4f5;\n  text-decoration: none;\n}\n.btn.primary,\nbutton.primary {\n  background: var(--accent);\n  border-color: var(--accent);\n  color: #fff;\n  font-weight: 500;\n}\n.btn.primary:hover,\nbutton.primary:hover {\n  background: var(--accent-d);\n  border-color: var(--accent-d);\n}\n.btn.sm {\n  padding: 4px 10px;\n  font-size: 13px;\n}\n.btn.link {\n  border: none;\n  background: none;\n  color: var(--link);\n  padding: 0;\n}\n.btn.link:hover {\n  background: none;\n  text-decoration: underline;\n}\nbutton[disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* toggle */\n.tg {\n  position: relative;\n  width: 38px;\n  height: 22px;\n  border-radius: 22px;\n  background: #cfd2d6;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  transition: background 0.12s ease;\n}\n.tg::after {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: #fff;\n  transition: left 0.12s ease;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n.tg.on {\n  background: var(--accent);\n}\n.tg.on::after {\n  left: 18px;\n}\n.tg:hover {\n  filter: brightness(0.97);\n}\n\n/* forms */\nlabel {\n  display: block;\n  font-size: 13px;\n  font-weight: 500;\n  margin-bottom: 6px;\n}\ninput,\nselect,\ntextarea {\n  width: 100%;\n  background: #fff;\n  border: 1px solid #cfd2d6;\n  border-radius: 4px;\n  color: var(--text);\n  padding: 8px 10px;\n  font: inherit;\n  font-size: 14px;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  width: auto;\n  padding: 0;\n  margin: 0 6px 0 0;\n  vertical-align: middle;\n}\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  border-color: var(--accent);\n  box-shadow: 0 0 0 2px rgba(128, 197, 128, 0.35);\n}\ntextarea {\n  resize: vertical;\n  line-height: 1.35;\n}\n.pem {\n  min-height: 150px;\n}\n.field {\n  margin-bottom: 18px;\n  max-width: 420px;\n}\n.field.wide {\n  max-width: none;\n}\n.hint {\n  font-size: 13px;\n  color: var(--muted);\n  margin-top: 6px;\n  font-weight: 400;\n}\n.two {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0 24px;\n}\n\n/* bits */\n.muted {\n  color: var(--muted);\n}\n.dim {\n  color: var(--dim);\n}\n.big {\n  font-size: 26px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n}\n.kfig {\n  display: flex;\n  gap: 44px;\n}\n.kfig .k {\n  font-size: 13px;\n  color: var(--muted);\n  margin-bottom: 2px;\n}\n.notice {\n  background: #f3faf3;\n  border: 1px solid #cfe6cf;\n  border-radius: 6px;\n  padding: 14px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 18px;\n}\n.notice.info {\n  background: #f2f7ff;\n  border-color: #cfe0fb;\n}\n.notice.bad {\n  background: #fdf3f3;\n  border-color: #f3d0d0;\n}\n.notice .txt {\n  flex: 1;\n}\n.notice b {\n  font-weight: 600;\n}\n.notice .dismiss-worth {\n  margin-left: auto;\n  border: 0;\n  background: transparent;\n  color: var(--muted);\n  padding: 0 4px;\n  font-size: 20px;\n  line-height: 1;\n  cursor: pointer;\n}\n.notice .dismiss-worth:hover {\n  background: transparent;\n  color: var(--text);\n}\n.markdown > :first-child {\n  margin-top: 0;\n}\n.markdown > :last-child {\n  margin-bottom: 0;\n}\n.markdown p,\n.markdown h1,\n.markdown h2,\n.markdown h3,\n.markdown ul,\n.markdown ol,\n.markdown pre {\n  margin: 0 0 12px;\n}\n.markdown h1,\n.markdown h2,\n.markdown h3 {\n  font-size: 15px;\n}\n.markdown ul,\n.markdown ol {\n  padding-left: 22px;\n}\n.markdown pre {\n  overflow-x: auto;\n  padding: 10px 12px;\n  border-radius: 4px;\n  background: #f1f2f3;\n  font-family: var(--mono);\n  font-size: 13px;\n  white-space: pre;\n}\n.markdown code {\n  padding: 1px 4px;\n  border-radius: 3px;\n  background: #f1f2f3;\n}\n.markdown pre code {\n  padding: 0;\n  background: transparent;\n}\n.log {\n  background: #1f2124;\n  color: #e6e6e6;\n  border-radius: 6px;\n  padding: 14px 16px;\n  font-family: var(--mono);\n  font-size: 12.5px;\n  line-height: 1.7;\n  max-height: 320px;\n  overflow: auto;\n  white-space: pre-wrap;\n}\n.log .t {\n  color: #8b9096;\n}\n.crumbs {\n  font-size: 13px;\n  color: var(--muted);\n  margin-bottom: 14px;\n}\n.pager {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 18px;\n  border-top: 1px solid var(--border);\n  font-size: 13px;\n  color: var(--muted);\n}\n.pager .sp {\n  margin-left: auto;\n}\n.empty {\n  padding: 56px 24px;\n  text-align: center;\n  color: var(--muted);\n}\n.empty h2 {\n  margin-bottom: 6px;\n}\n.steps {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.steps li {\n  display: flex;\n  gap: 14px;\n  padding: 16px 0;\n  border-bottom: 1px solid var(--border2);\n}\n.steps li:last-child {\n  border-bottom: none;\n}\n.steps .n {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #ededef;\n  color: var(--muted);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 600;\n  flex: none;\n}\n.steps li.done .n {\n  background: var(--green);\n  color: #fff;\n}\n.steps li.now .n {\n  background: var(--accent);\n  color: #fff;\n}\n.steps .body {\n  flex: 1;\n}\n.steps .body b {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 2px;\n}\n\nbutton,\n.btn,\n.tg,\n.tg::after,\ntbody tr {\n  transition:\n    background 0.12s ease,\n    border-color 0.12s ease,\n    filter 0.12s ease,\n    left 0.12s ease,\n    color 0.12s ease;\n}\n:focus-visible {\n  outline: 2px solid var(--accent);\n  outline-offset: 2px;\n}\n\n#toasts {\n  position: fixed;\n  right: 20px;\n  bottom: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  z-index: 20;\n  max-width: 360px;\n}\n.toast {\n  background: #1f2124;\n  color: #fff;\n  border-radius: 6px;\n  padding: 10px 14px;\n  font-size: 13px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n}\n.fail {\n  margin: 12px 18px;\n  padding: 12px 14px;\n  background: #fdf3f3;\n  border: 1px solid #f3d0d0;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 13px;\n}\n.fail p {\n  margin: 0;\n  flex: 1;\n}\n\n.secret {\n  margin: 0 0 16px;\n  padding: 12px 14px;\n  background: #fffbea;\n  border: 1px solid #ecd9a0;\n  border-radius: 6px;\n  font-size: 13px;\n}\n.secret b {\n  display: block;\n  margin-bottom: 8px;\n}\n.secret-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n.secret-row code {\n  flex: 1;\n  min-width: 220px;\n  word-break: break-all;\n}\n\n.sk-slot {\n  display: none;\n  padding: 18px;\n}\n.sk,\n.sk-row {\n  height: 12px;\n  background: #ededef;\n  border-radius: 4px;\n  margin-bottom: 10px;\n}\n.sk-row {\n  height: 36px;\n}\n[data-async].busy > :not(.sk-slot):not([data-fail]) {\n  visibility: hidden;\n}\n[data-async].busy > .sk-slot {\n  display: block !important;\n  visibility: visible;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n.bars {\n  display: flex;\n  align-items: flex-end;\n  gap: 2px;\n  height: 56px;\n}\n.bars i {\n  flex: 1 1 0;\n  min-width: 2px;\n  align-self: stretch;\n  background-image: linear-gradient(\n    to top,\n    var(--bar, var(--accent)) var(--h),\n    transparent var(--h)\n  );\n}\n.bars i:hover {\n  --bar: var(--accent-d);\n  background-color: var(--border2);\n}\n.trend {\n  font-size: 12px;\n  margin-top: 3px;\n}\n.cost-unknown {\n  border-bottom: 1px dotted var(--muted);\n  cursor: help;\n}\n.trend.up {\n  color: var(--green);\n}\n.trend.down {\n  color: var(--red);\n}\n.kfig.wrap4 {\n  flex-wrap: wrap;\n  gap: 28px 44px;\n}\n\n/* Review policy editor: one rule, and the tick boxes inside it, kept compact. */\n.rule {\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin-bottom: 10px;\n  background: var(--card);\n}\n.ticks {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 2px 18px;\n  border: 0;\n  padding: 0;\n  margin: 8px 0;\n}\n.ticks legend {\n  padding: 0;\n  margin-bottom: 4px;\n  font-size: 13px;\n  color: var(--muted);\n}\n.ticks label {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin: 2px 0;\n}\n";

package/dist/src/server/pages/styles.js

@@ -1,2 +1,2 @@
 /** Generated from src/server/pages/styles.css by scripts/embed_assets.mjs — do not edit. */
-export const styles = ":root {\n  --bg: #f6f6f7;\n  --card: #fff;\n  --border: #e2e2e4;\n  --border2: #ededef;\n  --text: #1f2124;\n  --muted: #6a6f75;\n  --dim: #8b9096;\n  --accent: #80c580;\n  --accent-d: #6cae6c;\n  --link: #0b5cd5;\n  --green: #1a9d5a;\n  --amber: #c98a00;\n  --red: #cf3c3c;\n  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n}\n* {\n  box-sizing: border-box;\n}\nbody {\n  margin: 0;\n  background: var(--bg);\n  color: var(--text);\n  font:\n    14px/1.5 -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n}\na {\n  color: var(--link);\n  text-decoration: none;\n}\na:hover {\n  text-decoration: underline;\n}\ncode,\n.mono {\n  font-family: var(--mono);\n  font-size: 0.9em;\n}\n\n/* top bar */\n.top {\n  background: #fff;\n  border-bottom: 1px solid var(--border);\n}\n.top .in {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 24px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.logo {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  font-weight: 600;\n  font-size: 15px;\n  color: var(--text);\n}\n.logo:hover {\n  text-decoration: none;\n}\n.logo img {\n  height: 32px;\n  width: 32px;\n  display: block;\n  border-radius: 5px;\n  image-rendering: pixelated;\n  object-fit: cover;\n}\n.brand {\n  width: 180px;\n  height: auto;\n  display: block;\n  margin: 0 0 14px;\n  border-radius: 8px;\n  image-rendering: pixelated;\n}\n.top .right {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  font-size: 13px;\n  color: var(--muted);\n}\n\n/* layout */\n.wrap {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 28px 24px 72px;\n}\n.wrap.side {\n  display: grid;\n  grid-template-columns: 196px 1fr;\n  gap: 32px;\n}\naside nav {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  position: sticky;\n  top: 24px;\n}\naside nav a {\n  padding: 7px 12px;\n  border-radius: 4px;\n  color: var(--text);\n  font-size: 14px;\n}\naside nav a:hover {\n  background: #ededef;\n  text-decoration: none;\n}\naside nav a.on {\n  background: #fff;\n  box-shadow: inset 2px 0 0 var(--accent);\n  border: 1px solid var(--border);\n  font-weight: 500;\n}\naside .lbl {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--dim);\n  padding: 0 12px;\n  margin: 0 0 8px;\n}\n\nh1 {\n  font-size: 22px;\n  font-weight: 600;\n  margin: 0;\n}\nh2 {\n  font-size: 15px;\n  font-weight: 600;\n  margin: 0;\n}\np.lead {\n  color: var(--muted);\n  margin: 6px 0 0;\n  font-size: 14px;\n}\n.pagehead {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 22px;\n}\n.pagehead .actions {\n  margin-left: auto;\n  display: flex;\n  gap: 8px;\n}\n\n.card {\n  background: var(--card);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  margin-bottom: 18px;\n}\n.card .hd {\n  padding: 14px 18px;\n  border-bottom: 1px solid var(--border);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.card .bd {\n  padding: 18px;\n}\n.card .bd.flush {\n  padding: 0;\n}\n.card .ft {\n  padding: 12px 18px;\n  border-top: 1px solid var(--border);\n  background: #fbfbfc;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 13px;\n  color: var(--muted);\n  border-radius: 0 0 6px 6px;\n}\n\n/* table */\ntable {\n  width: 100%;\n  border-collapse: collapse;\n}\nth {\n  text-align: left;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--muted);\n  padding: 10px 18px;\n  border-bottom: 1px solid var(--border);\n  background: #fbfbfc;\n}\ntd {\n  padding: 14px 18px;\n  border-bottom: 1px solid var(--border2);\n  font-size: 14px;\n}\ntr:last-child td {\n  border-bottom: none;\n}\ntbody tr:hover {\n  background: #fafafb;\n}\n.num {\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n\n/* status text, not badges */\n.st {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n}\n.st::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--dim);\n}\n.st.ok::before {\n  background: var(--green);\n}\n.st.warn::before {\n  background: var(--amber);\n}\n.st.err::before {\n  background: var(--red);\n}\n.st.run::before {\n  background: var(--link);\n}\n\n/* buttons */\nbutton,\n.btn {\n  font: inherit;\n  font-size: 14px;\n  padding: 6px 14px;\n  border-radius: 4px;\n  border: 1px solid var(--border);\n  background: #fff;\n  color: var(--text);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n}\nbutton:hover,\n.btn:hover {\n  background: #f4f4f5;\n  text-decoration: none;\n}\n.btn.primary,\nbutton.primary {\n  background: var(--accent);\n  border-color: var(--accent);\n  color: #fff;\n  font-weight: 500;\n}\n.btn.primary:hover,\nbutton.primary:hover {\n  background: var(--accent-d);\n  border-color: var(--accent-d);\n}\n.btn.sm {\n  padding: 4px 10px;\n  font-size: 13px;\n}\n.btn.link {\n  border: none;\n  background: none;\n  color: var(--link);\n  padding: 0;\n}\n.btn.link:hover {\n  background: none;\n  text-decoration: underline;\n}\nbutton[disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* toggle */\n.tg {\n  position: relative;\n  width: 38px;\n  height: 22px;\n  border-radius: 22px;\n  background: #cfd2d6;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  transition: background 0.12s ease;\n}\n.tg::after {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: #fff;\n  transition: left 0.12s ease;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n.tg.on {\n  background: var(--accent);\n}\n.tg.on::after {\n  left: 18px;\n}\n.tg:hover {\n  filter: brightness(0.97);\n}\n\n/* forms */\nlabel {\n  display: block;\n  font-size: 13px;\n  font-weight: 500;\n  margin-bottom: 6px;\n}\ninput,\nselect,\ntextarea {\n  width: 100%;\n  background: #fff;\n  border: 1px solid #cfd2d6;\n  border-radius: 4px;\n  color: var(--text);\n  padding: 8px 10px;\n  font: inherit;\n  font-size: 14px;\n}\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  border-color: var(--accent);\n  box-shadow: 0 0 0 2px rgba(128, 197, 128, 0.35);\n}\ntextarea {\n  resize: vertical;\n  line-height: 1.35;\n}\n.pem {\n  min-height: 150px;\n}\n.field {\n  margin-bottom: 18px;\n  max-width: 420px;\n}\n.field.wide {\n  max-width: none;\n}\n.hint {\n  font-size: 13px;\n  color: var(--muted);\n  margin-top: 6px;\n  font-weight: 400;\n}\n.two {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0 24px;\n}\n\n/* bits */\n.muted {\n  color: var(--muted);\n}\n.dim {\n  color: var(--dim);\n}\n.big {\n  font-size: 26px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n}\n.kfig {\n  display: flex;\n  gap: 44px;\n}\n.kfig .k {\n  font-size: 13px;\n  color: var(--muted);\n  margin-bottom: 2px;\n}\n.notice {\n  background: #f3faf3;\n  border: 1px solid #cfe6cf;\n  border-radius: 6px;\n  padding: 14px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 18px;\n}\n.notice.info {\n  background: #f2f7ff;\n  border-color: #cfe0fb;\n}\n.notice.bad {\n  background: #fdf3f3;\n  border-color: #f3d0d0;\n}\n.notice .txt {\n  flex: 1;\n}\n.notice b {\n  font-weight: 600;\n}\n.notice .dismiss-worth {\n  margin-left: auto;\n  border: 0;\n  background: transparent;\n  color: var(--muted);\n  padding: 0 4px;\n  font-size: 20px;\n  line-height: 1;\n  cursor: pointer;\n}\n.notice .dismiss-worth:hover {\n  background: transparent;\n  color: var(--text);\n}\n.markdown > :first-child {\n  margin-top: 0;\n}\n.markdown > :last-child {\n  margin-bottom: 0;\n}\n.markdown p,\n.markdown h1,\n.markdown h2,\n.markdown h3,\n.markdown ul,\n.markdown ol,\n.markdown pre {\n  margin: 0 0 12px;\n}\n.markdown h1,\n.markdown h2,\n.markdown h3 {\n  font-size: 15px;\n}\n.markdown ul,\n.markdown ol {\n  padding-left: 22px;\n}\n.markdown pre {\n  overflow-x: auto;\n  padding: 10px 12px;\n  border-radius: 4px;\n  background: #f1f2f3;\n  font-family: var(--mono);\n  font-size: 13px;\n  white-space: pre;\n}\n.markdown code {\n  padding: 1px 4px;\n  border-radius: 3px;\n  background: #f1f2f3;\n}\n.markdown pre code {\n  padding: 0;\n  background: transparent;\n}\n.log {\n  background: #1f2124;\n  color: #e6e6e6;\n  border-radius: 6px;\n  padding: 14px 16px;\n  font-family: var(--mono);\n  font-size: 12.5px;\n  line-height: 1.7;\n  max-height: 320px;\n  overflow: auto;\n  white-space: pre-wrap;\n}\n.log .t {\n  color: #8b9096;\n}\n.crumbs {\n  font-size: 13px;\n  color: var(--muted);\n  margin-bottom: 14px;\n}\n.pager {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 18px;\n  border-top: 1px solid var(--border);\n  font-size: 13px;\n  color: var(--muted);\n}\n.pager .sp {\n  margin-left: auto;\n}\n.empty {\n  padding: 56px 24px;\n  text-align: center;\n  color: var(--muted);\n}\n.empty h2 {\n  margin-bottom: 6px;\n}\n.steps {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.steps li {\n  display: flex;\n  gap: 14px;\n  padding: 16px 0;\n  border-bottom: 1px solid var(--border2);\n}\n.steps li:last-child {\n  border-bottom: none;\n}\n.steps .n {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #ededef;\n  color: var(--muted);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 600;\n  flex: none;\n}\n.steps li.done .n {\n  background: var(--green);\n  color: #fff;\n}\n.steps li.now .n {\n  background: var(--accent);\n  color: #fff;\n}\n.steps .body {\n  flex: 1;\n}\n.steps .body b {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 2px;\n}\n\nbutton,\n.btn,\n.tg,\n.tg::after,\ntbody tr {\n  transition:\n    background 0.12s ease,\n    border-color 0.12s ease,\n    filter 0.12s ease,\n    left 0.12s ease,\n    color 0.12s ease;\n}\n:focus-visible {\n  outline: 2px solid var(--accent);\n  outline-offset: 2px;\n}\n\n#toasts {\n  position: fixed;\n  right: 20px;\n  bottom: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  z-index: 20;\n  max-width: 360px;\n}\n.toast {\n  background: #1f2124;\n  color: #fff;\n  border-radius: 6px;\n  padding: 10px 14px;\n  font-size: 13px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n}\n.fail {\n  margin: 12px 18px;\n  padding: 12px 14px;\n  background: #fdf3f3;\n  border: 1px solid #f3d0d0;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 13px;\n}\n.fail p {\n  margin: 0;\n  flex: 1;\n}\n\n.secret {\n  margin: 0 0 16px;\n  padding: 12px 14px;\n  background: #fffbea;\n  border: 1px solid #ecd9a0;\n  border-radius: 6px;\n  font-size: 13px;\n}\n.secret b {\n  display: block;\n  margin-bottom: 8px;\n}\n.secret-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n.secret-row code {\n  flex: 1;\n  min-width: 220px;\n  word-break: break-all;\n}\n\n.sk-slot {\n  display: none;\n  padding: 18px;\n}\n.sk,\n.sk-row {\n  height: 12px;\n  background: #ededef;\n  border-radius: 4px;\n  margin-bottom: 10px;\n}\n.sk-row {\n  height: 36px;\n}\n[data-async].busy > :not(.sk-slot):not([data-fail]) {\n  visibility: hidden;\n}\n[data-async].busy > .sk-slot {\n  display: block !important;\n  visibility: visible;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n.bars {\n  display: flex;\n  align-items: flex-end;\n  gap: 2px;\n  height: 56px;\n}\n.bars i {\n  flex: 1 1 0;\n  min-width: 2px;\n  align-self: stretch;\n  background-image: linear-gradient(\n    to top,\n    var(--bar, var(--accent)) var(--h),\n    transparent var(--h)\n  );\n}\n.bars i:hover {\n  --bar: var(--accent-d);\n  background-color: var(--border2);\n}\n.trend {\n  font-size: 12px;\n  margin-top: 3px;\n}\n.trend.up {\n  color: var(--green);\n}\n.trend.down {\n  color: var(--red);\n}\n.kfig.wrap4 {\n  flex-wrap: wrap;\n  gap: 28px 44px;\n}\n";
+export const styles = ":root {\n  --bg: #f6f6f7;\n  --card: #fff;\n  --border: #e2e2e4;\n  --border2: #ededef;\n  --text: #1f2124;\n  --muted: #6a6f75;\n  --dim: #8b9096;\n  --accent: #80c580;\n  --accent-d: #6cae6c;\n  --link: #0b5cd5;\n  --green: #1a9d5a;\n  --amber: #c98a00;\n  --red: #cf3c3c;\n  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n}\n* {\n  box-sizing: border-box;\n}\nbody {\n  margin: 0;\n  background: var(--bg);\n  color: var(--text);\n  font:\n    14px/1.5 -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n}\na {\n  color: var(--link);\n  text-decoration: none;\n}\na:hover {\n  text-decoration: underline;\n}\ncode,\n.mono {\n  font-family: var(--mono);\n  font-size: 0.9em;\n}\n\n/* top bar */\n.top {\n  background: #fff;\n  border-bottom: 1px solid var(--border);\n}\n.top .in {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 24px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.logo {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  font-weight: 600;\n  font-size: 15px;\n  color: var(--text);\n}\n.logo:hover {\n  text-decoration: none;\n}\n.logo img {\n  height: 32px;\n  width: 32px;\n  display: block;\n  border-radius: 5px;\n  image-rendering: pixelated;\n  object-fit: cover;\n}\n.brand {\n  width: 180px;\n  height: auto;\n  display: block;\n  margin: 0 0 14px;\n  border-radius: 8px;\n  image-rendering: pixelated;\n}\n.top .right {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  font-size: 13px;\n  color: var(--muted);\n}\n\n/* layout */\n.wrap {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 28px 24px 72px;\n}\n.wrap.side {\n  display: grid;\n  grid-template-columns: 196px 1fr;\n  gap: 32px;\n}\naside nav {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  position: sticky;\n  top: 24px;\n}\naside nav a {\n  padding: 7px 12px;\n  border-radius: 4px;\n  color: var(--text);\n  font-size: 14px;\n}\naside nav a:hover {\n  background: #ededef;\n  text-decoration: none;\n}\naside nav a.on {\n  background: #fff;\n  box-shadow: inset 2px 0 0 var(--accent);\n  border: 1px solid var(--border);\n  font-weight: 500;\n}\naside .lbl {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--dim);\n  padding: 0 12px;\n  margin: 0 0 8px;\n}\n\nh1 {\n  font-size: 22px;\n  font-weight: 600;\n  margin: 0;\n}\nh2 {\n  font-size: 15px;\n  font-weight: 600;\n  margin: 0;\n}\np.lead {\n  color: var(--muted);\n  margin: 6px 0 0;\n  font-size: 14px;\n}\n.pagehead {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 22px;\n}\n.pagehead .actions {\n  margin-left: auto;\n  display: flex;\n  gap: 8px;\n}\n\n.card {\n  background: var(--card);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  margin-bottom: 18px;\n}\n.card .hd {\n  padding: 14px 18px;\n  border-bottom: 1px solid var(--border);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.card .bd {\n  padding: 18px;\n}\n.card .bd.flush {\n  padding: 0;\n}\n.card .ft {\n  padding: 12px 18px;\n  border-top: 1px solid var(--border);\n  background: #fbfbfc;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 13px;\n  color: var(--muted);\n  border-radius: 0 0 6px 6px;\n}\n\n/* table */\ntable {\n  width: 100%;\n  border-collapse: collapse;\n}\nth {\n  text-align: left;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--muted);\n  padding: 10px 18px;\n  border-bottom: 1px solid var(--border);\n  background: #fbfbfc;\n}\ntd {\n  padding: 14px 18px;\n  border-bottom: 1px solid var(--border2);\n  font-size: 14px;\n}\ntr:last-child td {\n  border-bottom: none;\n}\ntbody tr:hover {\n  background: #fafafb;\n}\n.num {\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n\n/* status text, not badges */\n.st {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n}\n.st::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--dim);\n}\n.st.ok::before {\n  background: var(--green);\n}\n.st.warn::before {\n  background: var(--amber);\n}\n.st.err::before {\n  background: var(--red);\n}\n.st.run::before {\n  background: var(--link);\n}\n\n/* buttons */\nbutton,\n.btn {\n  font: inherit;\n  font-size: 14px;\n  padding: 6px 14px;\n  border-radius: 4px;\n  border: 1px solid var(--border);\n  background: #fff;\n  color: var(--text);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n}\nbutton:hover,\n.btn:hover {\n  background: #f4f4f5;\n  text-decoration: none;\n}\n.btn.primary,\nbutton.primary {\n  background: var(--accent);\n  border-color: var(--accent);\n  color: #fff;\n  font-weight: 500;\n}\n.btn.primary:hover,\nbutton.primary:hover {\n  background: var(--accent-d);\n  border-color: var(--accent-d);\n}\n.btn.sm {\n  padding: 4px 10px;\n  font-size: 13px;\n}\n.btn.link {\n  border: none;\n  background: none;\n  color: var(--link);\n  padding: 0;\n}\n.btn.link:hover {\n  background: none;\n  text-decoration: underline;\n}\nbutton[disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* toggle */\n.tg {\n  position: relative;\n  width: 38px;\n  height: 22px;\n  border-radius: 22px;\n  background: #cfd2d6;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  transition: background 0.12s ease;\n}\n.tg::after {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: #fff;\n  transition: left 0.12s ease;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n.tg.on {\n  background: var(--accent);\n}\n.tg.on::after {\n  left: 18px;\n}\n.tg:hover {\n  filter: brightness(0.97);\n}\n\n/* forms */\nlabel {\n  display: block;\n  font-size: 13px;\n  font-weight: 500;\n  margin-bottom: 6px;\n}\ninput,\nselect,\ntextarea {\n  width: 100%;\n  background: #fff;\n  border: 1px solid #cfd2d6;\n  border-radius: 4px;\n  color: var(--text);\n  padding: 8px 10px;\n  font: inherit;\n  font-size: 14px;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  width: auto;\n  padding: 0;\n  margin: 0 6px 0 0;\n  vertical-align: middle;\n}\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  border-color: var(--accent);\n  box-shadow: 0 0 0 2px rgba(128, 197, 128, 0.35);\n}\ntextarea {\n  resize: vertical;\n  line-height: 1.35;\n}\n.pem {\n  min-height: 150px;\n}\n.field {\n  margin-bottom: 18px;\n  max-width: 420px;\n}\n.field.wide {\n  max-width: none;\n}\n.hint {\n  font-size: 13px;\n  color: var(--muted);\n  margin-top: 6px;\n  font-weight: 400;\n}\n.two {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0 24px;\n}\n\n/* bits */\n.muted {\n  color: var(--muted);\n}\n.dim {\n  color: var(--dim);\n}\n.big {\n  font-size: 26px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n}\n.kfig {\n  display: flex;\n  gap: 44px;\n}\n.kfig .k {\n  font-size: 13px;\n  color: var(--muted);\n  margin-bottom: 2px;\n}\n.notice {\n  background: #f3faf3;\n  border: 1px solid #cfe6cf;\n  border-radius: 6px;\n  padding: 14px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 18px;\n}\n.notice.info {\n  background: #f2f7ff;\n  border-color: #cfe0fb;\n}\n.notice.bad {\n  background: #fdf3f3;\n  border-color: #f3d0d0;\n}\n.notice .txt {\n  flex: 1;\n}\n.notice b {\n  font-weight: 600;\n}\n.notice .dismiss-worth {\n  margin-left: auto;\n  border: 0;\n  background: transparent;\n  color: var(--muted);\n  padding: 0 4px;\n  font-size: 20px;\n  line-height: 1;\n  cursor: pointer;\n}\n.notice .dismiss-worth:hover {\n  background: transparent;\n  color: var(--text);\n}\n.markdown > :first-child {\n  margin-top: 0;\n}\n.markdown > :last-child {\n  margin-bottom: 0;\n}\n.markdown p,\n.markdown h1,\n.markdown h2,\n.markdown h3,\n.markdown ul,\n.markdown ol,\n.markdown pre {\n  margin: 0 0 12px;\n}\n.markdown h1,\n.markdown h2,\n.markdown h3 {\n  font-size: 15px;\n}\n.markdown ul,\n.markdown ol {\n  padding-left: 22px;\n}\n.markdown pre {\n  overflow-x: auto;\n  padding: 10px 12px;\n  border-radius: 4px;\n  background: #f1f2f3;\n  font-family: var(--mono);\n  font-size: 13px;\n  white-space: pre;\n}\n.markdown code {\n  padding: 1px 4px;\n  border-radius: 3px;\n  background: #f1f2f3;\n}\n.markdown pre code {\n  padding: 0;\n  background: transparent;\n}\n.log {\n  background: #1f2124;\n  color: #e6e6e6;\n  border-radius: 6px;\n  padding: 14px 16px;\n  font-family: var(--mono);\n  font-size: 12.5px;\n  line-height: 1.7;\n  max-height: 320px;\n  overflow: auto;\n  white-space: pre-wrap;\n}\n.log .t {\n  color: #8b9096;\n}\n.crumbs {\n  font-size: 13px;\n  color: var(--muted);\n  margin-bottom: 14px;\n}\n.pager {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 18px;\n  border-top: 1px solid var(--border);\n  font-size: 13px;\n  color: var(--muted);\n}\n.pager .sp {\n  margin-left: auto;\n}\n.empty {\n  padding: 56px 24px;\n  text-align: center;\n  color: var(--muted);\n}\n.empty h2 {\n  margin-bottom: 6px;\n}\n.steps {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.steps li {\n  display: flex;\n  gap: 14px;\n  padding: 16px 0;\n  border-bottom: 1px solid var(--border2);\n}\n.steps li:last-child {\n  border-bottom: none;\n}\n.steps .n {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #ededef;\n  color: var(--muted);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 600;\n  flex: none;\n}\n.steps li.done .n {\n  background: var(--green);\n  color: #fff;\n}\n.steps li.now .n {\n  background: var(--accent);\n  color: #fff;\n}\n.steps .body {\n  flex: 1;\n}\n.steps .body b {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 2px;\n}\n\nbutton,\n.btn,\n.tg,\n.tg::after,\ntbody tr {\n  transition:\n    background 0.12s ease,\n    border-color 0.12s ease,\n    filter 0.12s ease,\n    left 0.12s ease,\n    color 0.12s ease;\n}\n:focus-visible {\n  outline: 2px solid var(--accent);\n  outline-offset: 2px;\n}\n\n#toasts {\n  position: fixed;\n  right: 20px;\n  bottom: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  z-index: 20;\n  max-width: 360px;\n}\n.toast {\n  background: #1f2124;\n  color: #fff;\n  border-radius: 6px;\n  padding: 10px 14px;\n  font-size: 13px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n}\n.fail {\n  margin: 12px 18px;\n  padding: 12px 14px;\n  background: #fdf3f3;\n  border: 1px solid #f3d0d0;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 13px;\n}\n.fail p {\n  margin: 0;\n  flex: 1;\n}\n\n.secret {\n  margin: 0 0 16px;\n  padding: 12px 14px;\n  background: #fffbea;\n  border: 1px solid #ecd9a0;\n  border-radius: 6px;\n  font-size: 13px;\n}\n.secret b {\n  display: block;\n  margin-bottom: 8px;\n}\n.secret-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n.secret-row code {\n  flex: 1;\n  min-width: 220px;\n  word-break: break-all;\n}\n\n.sk-slot {\n  display: none;\n  padding: 18px;\n}\n.sk,\n.sk-row {\n  height: 12px;\n  background: #ededef;\n  border-radius: 4px;\n  margin-bottom: 10px;\n}\n.sk-row {\n  height: 36px;\n}\n[data-async].busy > :not(.sk-slot):not([data-fail]) {\n  visibility: hidden;\n}\n[data-async].busy > .sk-slot {\n  display: block !important;\n  visibility: visible;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n.bars {\n  display: flex;\n  align-items: flex-end;\n  gap: 2px;\n  height: 56px;\n}\n.bars i {\n  flex: 1 1 0;\n  min-width: 2px;\n  align-self: stretch;\n  background-image: linear-gradient(\n    to top,\n    var(--bar, var(--accent)) var(--h),\n    transparent var(--h)\n  );\n}\n.bars i:hover {\n  --bar: var(--accent-d);\n  background-color: var(--border2);\n}\n.trend {\n  font-size: 12px;\n  margin-top: 3px;\n}\n.cost-unknown {\n  border-bottom: 1px dotted var(--muted);\n  cursor: help;\n}\n.trend.up {\n  color: var(--green);\n}\n.trend.down {\n  color: var(--red);\n}\n.kfig.wrap4 {\n  flex-wrap: wrap;\n  gap: 28px 44px;\n}\n\n/* Review policy editor: one rule, and the tick boxes inside it, kept compact. */\n.rule {\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin-bottom: 10px;\n  background: var(--card);\n}\n.ticks {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 2px 18px;\n  border: 0;\n  padding: 0;\n  margin: 8px 0;\n}\n.ticks legend {\n  padding: 0;\n  margin-bottom: 4px;\n  font-size: 13px;\n  color: var(--muted);\n}\n.ticks label {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin: 2px 0;\n}\n";

package/dist/src/services/credentials.js

@@ -1,16 +1,13 @@
 /** Probe GitHub credentials before they are saved. A token that cannot
- * authenticate, or an App missing the permissions in PLAN.md Section 6,
+ * authenticate, or an App missing the permissions it needs,
  * is rejected instead of stored and failing later on a review. */
 import { githubFetch, GitHubHttpError } from "../github/client.js";
 import { AppJwtClient } from "../github/app.js";
 import { GhClient } from "../github/gh.js";
-const APP_NEED = {
-    metadata: "read",
-    contents: "read",
-    issues: "write",
-    pull_requests: "write",
-    checks: "write",
-};
+import { APP_PERMISSIONS } from "../github/permissions.js";
+const APP_NEED = APP_PERMISSIONS;
+const AUTH_DOCS = "https://co-maintainer.com/docs/authentication.html";
+const APP_DOCS = "https://co-maintainer.com/docs/github-app.html#permissions";
 export function missingAppPermissions(permissions) {
     const got = permissions ?? {};
     const missing = [];
@@ -45,7 +42,7 @@ export async function testAppAccess(opts) {
             const account = installation.account?.login ?? `installation ${installation.id}`;
             return {
                 ok: false,
-                message: `The App on ${account} is missing ${missing.join(" and ")}.`,
+                message: `The App on ${account} is missing ${missing.join(" and ")}. Permissions it needs: ${APP_DOCS}`,
             };
         }
         return { ok: true, installations: installations.length };
@@ -74,7 +71,7 @@ async function testPat(token) {
         if (!canRead) {
             return {
                 ok: false,
-                message: "This token cannot read repositories. Grant the repo scope.",
+                message: `This token cannot read repositories. Grant the repo scope. ${AUTH_DOCS}`,
             };
         }
         return { ok: true, login: user.login };
@@ -83,7 +80,7 @@ async function testPat(token) {
     if (repos.status === 403 || repos.status === 401) {
         return {
             ok: false,
-            message: "This token cannot list repositories. Grant repository access.",
+            message: `This token cannot list repositories. Grant it access to the repositories with Contents, Pull requests, Issues and Metadata read access. ${AUTH_DOCS}`,
         };
     }
     if (!repos.ok) {

package/dist/src/services/dashboard.d.ts

@@ -15,25 +15,35 @@ export declare function statsForRange(range: string): {
         findings: number | undefined;
         cost: number | undefined;
     };
-    byRepo: (import("../store/reviews.ts").ReviewStats & {
+    byRepo: (import("../store/reviews.ts").CostTotals & {
+        reviews: number;
+        pullRequests: number;
+        findings: number;
+        tokensIn: number;
+        tokensOut: number;
+        failed: number;
+        avgDurationMs: number;
+    } & {
         repo: string;
     })[];
-    byDay: {
-        day: string;
+    byDay: import("../store/reviews.ts").DayStats[];
+    byModel: (import("../store/reviews.ts").CostTotals & {
         reviews: number;
+        pullRequests: number;
         findings: number;
-        cost: number;
-    }[];
-    byModel: (import("../store/reviews.ts").ReviewStats & {
+        tokensIn: number;
+        tokensOut: number;
+        failed: number;
+        avgDurationMs: number;
+    } & {
         model: string;
     })[];
-    byRemoteToken: {
+    byRemoteToken: (import("../store/reviews.ts").CostTotals & {
         tokenId: string;
         tokenName: string;
         reviews: number;
-        cost: number;
         findings: number;
-    }[];
+    })[];
     bySeverity: import("../store/findings.ts").SeverityStats[];
 };
 export type RepoListItem = {
@@ -101,6 +111,9 @@ export declare function prDetail(fullName: string, prNumber: number): {
         tokens_in: number;
         tokens_out: number;
         cost: number | null;
+        cost_status: "known" | "unknown" | null;
+        cost_note: string | null;
+        billed_to: "server" | "byok" | null;
         duration_ms: number | null;
         posted_review_id: string | null;
         status: string;

package/dist/src/services/dashboard.js

@@ -37,7 +37,17 @@ function fillDays(days, rows) {
     const out = [];
     for (let back = days - 1; back >= 0; back--) {
         const day = daysAgoIso(back).slice(0, 10);
-        out.push(byDay.get(day) ?? { day, reviews: 0, findings: 0, cost: 0 });
+        out.push(byDay.get(day) ?? {
+            day,
+            reviews: 0,
+            findings: 0,
+            cost: 0,
+            knownCount: 0,
+            unknownCount: 0,
+            byokUsd: 0,
+            byokKnownCount: 0,
+            byokUnknownCount: 0,
+        });
     }
     return out;
 }
@@ -54,7 +64,11 @@ export function statsForRange(range) {
         change: {
             pullRequests: percentChange(previous.pullRequests, totals.pullRequests),
             findings: percentChange(previous.findings, totals.findings),
-            cost: percentChange(previous.cost, totals.cost),
+            // A trend line over a partly unknown total would compare an amount to
+            // one that is not the same thing, so it is left out rather than misled.
+            cost: totals.unknownCount > 0 || previous.unknownCount > 0
+                ? undefined
+                : percentChange(previous.cost, totals.cost),
         },
         byRepo: reviewStatsByRepo(since),
         byDay: fillDays(days, reviewStatsByDay(since)),

package/dist/src/services/probe.js

@@ -1,5 +1,5 @@
 /** The reading half of `co-maintainer probe`, shared by the CLI and the
- * dashboard's Add repository preview (CORE-73).
+ * dashboard's Add repository preview.
  *
  * It only reads: no guide is written, nothing is cached here. The CLI adds
  * the estimate, the printing and `--run`; `/api/repos/preview` adds the