co-maintainer 0.4.13 → 0.5.0-beta.1

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

@@ -90,9 +90,9 @@ export function renderRepoSettings(username, repo, config) {
     </div>
     <div class="card" data-async>
       ${skSlot()}
-      <div class="hd"><h2>Scheduled remake</h2></div>
+      <div class="hd"><h2>Scheduled sync</h2></div>
       <div class="bd">
-        <p class="muted" style="margin:0 0 18px">Rebuild the knowledge for this repository on a schedule. Times are UTC and a remake runs at most once an hour.</p>
+        <p class="muted" style="margin:0 0 18px">Rebuild the knowledge for this repository on a schedule. Times are UTC and a sync runs at most once an hour.</p>
         <div class="field wide"><label>Cron schedule</label>
           <input id="cron" placeholder="0 3 * * 1" value="${text(config.remakeCron ?? "")}">
           <div class="hint">${text(cronHint(repo, config.remakeCron))}</div></div>

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

@@ -13,5 +13,11 @@ export type PageDeps = {
         clientSecret: string;
         allowedUser: string;
     };
+    /** Behind a reverse proxy this process trusts, absolute URLs are built
+     * from `x-forwarded-host` and `x-forwarded-proto`. */
+    trustProxy?: boolean;
+    /** `CM_LOGIN_HINT`, shown on the sign-in page in place of the default
+     * "printed when serve started" line. */
+    loginHint?: string;
 };
 export declare function handlePageRequest(request: Request, deps: PageDeps, ip: string): Promise<Response | undefined>;

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

@@ -1,9 +1,10 @@
 import { clearOauthStateCookieHeader, clearSessionCookieHeader, createSession, login, logout, oauthStateCookieHeader, randomToken, readOauthState, readSessionToken, sessionCookieHeader, verifySession, } from "../auth.js";
 import { githubAuthorizeUrl, githubLoginFromCode } from "../../github/oauth.js";
 import { handleClient, handleLogo, handleStyles } from "../assets.js";
-import { readConfig } from "../../config.js";
 import { activityFeed, listReposForHome, prDetail, repoKnowledge, RepoNotFound, repoOverview, repoPulls, repoRemoteReviews, runningJobs, skippedDeliveries, statsForRange, } from "../../services/dashboard.js";
-import { money } from "./layout.js";
+import { escapeHtml, html, money } from "./layout.js";
+import { readConfig, resolveAppPrivateKey, writeUserConfig, } from "../../config.js";
+import { appNameProblem, beginManifestState, buildAppManifest, consumeManifestState, convertManifest, } from "../../github/app_manifest.js";
 import { renderHome, renderLogin } from "./home.js";
 import { renderSetup } from "./setup.js";
 import { renderAddRepo } from "./add_repo.js";
@@ -19,7 +20,8 @@ import { renderSettings } from "./settings.js";
 import { getRepo } from "../../store/repos.js";
 import { getJob } from "../../store/jobs.js";
 import { getLogsSince } from "../../services/jobs.js";
-import { listInstallationsWithRepos } from "../../github/app.js";
+import { listInstallationsWithRepos, listOpenPulls } from "../../github/app.js";
+import { setupChecklist } from "../../services/setup_checklist.js";
 const REPO = /^\/repos\/([^/]+)\/([^/]+)(?:\/(pulls|knowledge|settings|remote)(?:\/(\d+))?)?$/;
 /** Matches a repository page URL. Only `pulls` is keyed by a number, so a stray
  * suffix such as `/repos/o/r/remote/7` must fall through to a 404 rather than
@@ -54,6 +56,7 @@ export async function handlePageRequest(request, deps, ip) {
             error: url.searchParams.get("error") ?? undefined,
             showPassword: auth.password,
             showGithub: auth.github,
+            hint: deps.loginHint,
         });
     }
     if (url.pathname === "/login" && request.method === "POST") {
@@ -103,19 +106,27 @@ export async function handlePageRequest(request, deps, ip) {
     const username = session.username;
     try {
         if (url.pathname === "/" && request.method === "GET") {
-            return renderHome(username, listReposForHome().map(toHomeRow));
+            const config = readConfig();
+            return renderHome(username, listReposForHome().map(toHomeRow), setupChecklist(config.webhookUrl || deps.webhookUrl || ""));
         }
         if (url.pathname === "/setup" && request.method === "GET") {
             const config = readConfig();
             return renderSetup(username, {
                 ai: Boolean(config.ai && config.ai !== "none" && config.token),
                 github: Boolean(config.auth === "gh" || (config.auth === "pat" && config.githubPat)),
-                app: Boolean(config.githubAppId && config.githubAppPrivateKey),
+                app: Boolean(config.githubAppId && resolveAppPrivateKey(config)),
             });
         }
         if (url.pathname === "/repos/new" && request.method === "GET") {
             return renderAddRepo(username, await repoPicker(deps.githubApp));
         }
+        if (url.pathname === "/github/app-manifest" && request.method === "POST") {
+            return await beginAppManifest(request, url, deps);
+        }
+        if (url.pathname === "/github/app-manifest/callback" &&
+            request.method === "GET") {
+            return await finishAppManifest(request, url);
+        }
         if (url.pathname === "/activity" && request.method === "GET") {
             const page = Number(url.searchParams.get("page") ?? 1);
             return renderActivity(username, runningJobs(), activityFeed(page, 20), skippedDeliveries());
@@ -133,7 +144,7 @@ export async function handlePageRequest(request, deps, ip) {
         }
         if (url.pathname === "/settings" && request.method === "GET") {
             const config = readConfig();
-            return renderSettings(username, config, config.webhookUrl || deps.webhookUrl || "");
+            return renderSettings(username, config, config.webhookUrl || deps.webhookUrl || "", requestBaseUrl(request, url, Boolean(deps.trustProxy)));
         }
         const match = matchRepo(url.pathname);
         if (match && request.method === "GET") {
@@ -141,14 +152,16 @@ export async function handlePageRequest(request, deps, ip) {
             const row = requireRepo(fullName);
             const sub = match[3];
             const pr = match[4] ? Number(match[4]) : undefined;
-            if (!sub)
-                return renderRepo(username, repoOverview(fullName));
+            if (!sub) {
+                const config = readConfig();
+                return renderRepo(username, repoOverview(fullName), config.webhookUrl || deps.webhookUrl || "");
+            }
             if (sub === "pulls" && pr) {
                 return renderPr(username, fullName, prDetail(fullName, pr));
             }
             if (sub === "pulls") {
                 const page = Number(url.searchParams.get("page") ?? 1);
-                return renderRepoPulls(username, fullName, repoPulls(fullName, page, 20));
+                return renderRepoPulls(username, fullName, repoPulls(fullName, page, 20), await openPullsFor(fullName, deps.githubApp));
             }
             if (sub === "remote") {
                 return renderRepoRemote(username, fullName, repoRemoteReviews(fullName));
@@ -243,6 +256,21 @@ function isPagePath(pathname) {
         pathname === "/repos/new" ||
         pathname.startsWith("/repos/"));
 }
+/** Open pull requests for the Pull requests tab, or `undefined` when the App
+ * is not configured or cannot see the repo. A GitHub failure degrades to
+ * `undefined` (the tab still works by number) rather than blanking the page. */
+async function openPullsFor(fullName, githubApp) {
+    if (!githubApp)
+        return { pulls: undefined, appConfigured: false };
+    try {
+        const pulls = await listOpenPulls(githubApp.appId, githubApp.privateKeyPem, fullName);
+        return { pulls, appConfigured: true };
+    }
+    catch (error) {
+        console.error("[dashboard] Could not list open pull requests:", error instanceof Error ? (error.stack ?? error.message) : String(error));
+        return { pulls: undefined, appConfigured: true };
+    }
+}
 async function sessionOf(request) {
     const token = readSessionToken(request);
     if (!token)
@@ -254,6 +282,96 @@ function safeNext(value) {
         return "/";
     return value;
 }
+/** The externally visible origin. Behind a trusted proxy the browser reached
+ * `x-forwarded-host`/`-proto`, which is what GitHub must be told for the
+ * callback and webhook URLs. Without the flag, `new URL(request.url).origin`
+ * is the socket's own view and a spoofed header is ignored. */
+function requestBaseUrl(request, url, trustProxy) {
+    if (!trustProxy)
+        return url.origin;
+    const last = (name) => request.headers.get(name)?.split(",").pop()?.trim();
+    const host = last("x-forwarded-host");
+    if (!host)
+        return url.origin;
+    const proto = last("x-forwarded-proto");
+    const scheme = proto === "https" || proto === "http"
+        ? proto
+        : url.protocol.replace(":", "");
+    return `${scheme}://${host}`;
+}
+/** Step one of the App manifest flow: build the manifest from the posted
+ * name and auto-submit it to GitHub. The `state` is kept server-side (ten
+ * minutes, single use) so a forged callback cannot write credentials. */
+async function beginAppManifest(request, url, deps) {
+    let name = "";
+    try {
+        const form = await request.formData();
+        name = String(form.get("name") ?? "");
+    }
+    catch {
+        return new Response("Expected a form post.", { status: 400 });
+    }
+    const problem = appNameProblem(name);
+    if (problem)
+        return new Response(problem, { status: 422 });
+    const config = readConfig();
+    const baseUrl = requestBaseUrl(request, url, Boolean(deps.trustProxy));
+    const webhookUrl = config.webhookUrl || deps.webhookUrl || "";
+    const manifest = buildAppManifest({ name, baseUrl, webhookUrl });
+    const state = beginManifestState();
+    return html(`<!doctype html><html lang="en"><head><meta charset="utf-8">
+<title>Creating the GitHub App · co-maintainer</title></head>
+<body>
+<form id="manifest" action="https://github.com/settings/apps/new?state=${escapeHtml(state)}" method="post">
+<input type="hidden" name="manifest" value="${escapeHtml(JSON.stringify(manifest).replace(/</g, "\\u003c"))}">
+<noscript><button type="submit">Continue to GitHub</button></noscript>
+</form>
+<p>Taking you to GitHub to create the App.</p>
+<script>document.getElementById("manifest").submit();</script>
+</body></html>`);
+}
+/** Step three, after GitHub redirects back with a one-time `code`. The code
+ * is converted into real credentials and written to the config keys the
+ * manual fields already use, then the browser is sent to the install page. */
+async function finishAppManifest(request, url) {
+    const state = url.searchParams.get("state") ?? "";
+    if (!consumeManifestState(state)) {
+        return new Response("This App creation link is no longer valid. Start again from Settings.", { status: 400 });
+    }
+    const code = url.searchParams.get("code") ?? "";
+    if (!code) {
+        return new Response("GitHub did not return a manifest code.", {
+            status: 400,
+        });
+    }
+    const config = readConfig();
+    let conversion;
+    try {
+        conversion = await convertManifest(code);
+    }
+    catch (error) {
+        console.error("[dashboard] GitHub App manifest conversion failed:", error instanceof Error ? (error.stack ?? error.message) : String(error));
+        return new Response("Could not create the GitHub App. Try again from Settings.", { status: 502 });
+    }
+    const patch = {
+        githubAppId: conversion.appId,
+        githubAppPrivateKey: conversion.pem,
+    };
+    if (conversion.webhookSecret) {
+        patch.githubWebhookSecret = conversion.webhookSecret;
+    }
+    if (conversion.clientId && !config.githubOAuthClientId) {
+        patch.githubOAuthClientId = conversion.clientId;
+    }
+    if (conversion.clientSecret && !config.githubOAuthClientSecret) {
+        patch.githubOAuthClientSecret = conversion.clientSecret;
+    }
+    await writeUserConfig(patch);
+    const installUrl = conversion.slug
+        ? `https://github.com/apps/${encodeURIComponent(conversion.slug)}/installations/new`
+        : "https://github.com/settings/apps";
+    return Response.redirect(installUrl, 303);
+}
 async function handleLoginForm(request, deps, ip, auth) {
     const form = await request.formData();
     const password = String(form.get("password") ?? "");
@@ -264,6 +382,7 @@ async function handleLoginForm(request, deps, ip, auth) {
             error: "Password sign-in is disabled.",
             showPassword: auth.password,
             showGithub: auth.github,
+            hint: deps.loginHint,
         });
     }
     const result = await login(password, deps.passwordStore, ip);
@@ -273,6 +392,7 @@ async function handleLoginForm(request, deps, ip, auth) {
             error: "Wrong password.",
             showPassword: auth.password,
             showGithub: auth.github,
+            hint: deps.loginHint,
         });
     }
     return new Response(null, {

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

@@ -1,2 +1,2 @@
 import type { UserConfig } from "../../config.ts";
-export declare function renderSettings(username: string, config: UserConfig, webhookUrl: string): Response;
+export declare function renderSettings(username: string, config: UserConfig, webhookUrl: string, baseUrl: string): Response;

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

@@ -1,10 +1,21 @@
 import { html, layout, skSlot, text } from "./layout.js";
+import { resolveAppPrivateKey } from "../../config.js";
 import { VERSION } from "../../version.js";
+import { defaultAppName, manifestBlockedReason, } from "../../github/app_manifest.js";
 const SOURCE_URL = "https://github.com/GroophyLifefor/co-maintainer";
-export function renderSettings(username, config, webhookUrl) {
+export function renderSettings(username, config, webhookUrl, baseUrl) {
     const aiOk = Boolean(config.ai && config.ai !== "none" && config.token);
     const ghOk = Boolean(config.auth === "gh" || (config.auth === "pat" && config.githubPat));
-    const appOk = Boolean(config.githubAppId && config.githubAppPrivateKey);
+    const appOk = Boolean(config.githubAppId && resolveAppPrivateKey(config));
+    let host = "localhost";
+    try {
+        host = new URL(baseUrl).hostname || host;
+    }
+    catch {
+        // baseUrl is built by the router from a valid Request URL; keep the
+        // fallback rather than blanking the default App name.
+    }
+    const manifestBlock = manifestBlockedReason(webhookUrl);
     return html(layout({
         title: "Settings · co-maintainer",
         username,
@@ -25,7 +36,7 @@ export function renderSettings(username, config, webhookUrl) {
   <div>
     <div class="pagehead"><div><h1>Settings</h1>
       <p class="lead">Used by every repository unless it overrides them.</p></div></div>
-    <div class="card" data-async>
+    <div class="card" id="ai" data-async>
       ${skSlot()}
       <div class="hd"><h2>Models and API key</h2>
         <span class="st ${aiOk ? "ok" : "warn"}" style="margin-left:auto">${aiOk ? "Configured" : "Not set"}</span></div>
@@ -40,12 +51,12 @@ export function renderSettings(username, config, webhookUrl) {
           <input id="token" type="password" placeholder="Leave blank to keep the current key">
           <div class="hint">${config.token ? "A key is saved" : "No key saved"}</div></div>
         <div class="two" style="max-width:none">
-          <div class="field"><label>Main model</label>
+          <div class="field"><label>High model</label>
             <input id="high" value="${text(config.highModel ?? "")}">
-            <div class="hint">Writes reviews</div></div>
-          <div class="field"><label>Cheap model</label>
+            <div class="hint">Writes reviews and synthesizes the guides</div></div>
+          <div class="field"><label>Low model</label>
             <input id="low" value="${text(config.lowModel ?? "")}">
-            <div class="hint">Reads history when setting up a repository</div></div>
+            <div class="hint">Extracts facts from history during init and sync</div></div>
         </div>
       </div>
       <div class="ft"><button class="primary" id="save-ai">Save</button></div>
@@ -71,6 +82,17 @@ export function renderSettings(username, config, webhookUrl) {
         <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>
+        <div style="margin:0 0 16px">
+          <div class="two" style="max-width:none;margin:0 0 12px">
+            <div class="field"><label>App name</label>
+              <input id="app-name" value="${text(defaultAppName(host))}">
+              <div class="hint">Must be unique on GitHub. Editable.</div></div>
+          </div>
+          <button class="btn" id="create-app">Create GitHub App</button>
+          <div class="hint" style="margin:6px 0 0">${manifestBlock
+            ? `${text(manifestBlock)}`
+            : "Opens GitHub, then fills App ID, private key, webhook secret, and OAuth below for you."}</div>
+        </div>
         <div class="two" style="max-width:none">
           <div class="field"><label>App ID</label>
             <input id="app-id" value="${text(config.githubAppId ?? "")}"></div>
@@ -111,7 +133,7 @@ Leave blank to keep the current key"></textarea></div>
       <div class="bd">
         <div class="field"><label>Max concurrent jobs</label>
           <input id="max-jobs" value="${text(config.maxConcurrentJobs ?? "")}" placeholder="No limit">
-          <div class="hint">Cap how many background jobs run at once across init, remake, and review. Leave blank for no limit.</div></div>
+          <div class="hint">Cap how many background jobs run at once across init, sync, and review. Leave blank for no limit.</div></div>
         <div class="two" style="max-width:none;margin-top:16px">
           <div class="field"><label>Remote sync timeout (seconds)</label>
             <input id="remote-timeout" value="${text(config.remoteSyncTimeoutSeconds ?? "")}" placeholder="10"></div>
@@ -128,6 +150,7 @@ Leave blank to keep the current key"></textarea></div>
       <div class="hd"><h2>Remote review tokens</h2></div>
       <div class="bd">
         <p class="muted" style="margin:0 0 16px">Bearer tokens for <code>co-maintainer review --remote</code>. The secret is shown once when created.</p>
+        <div id="remote-token-secret" class="secret" hidden></div>
         <div id="remote-token-list" class="muted">Loading…</div>
         <div class="two" style="max-width:none;margin-top:16px">
           <div class="field"><label>New token name</label>
@@ -223,6 +246,25 @@ document.getElementById("save-app").addEventListener("click", function() {
     webhookUrl: document.getElementById("webhook-url").value
   });
 });
+document.getElementById("create-app").addEventListener("click", function() {
+  var card = this.closest("[data-async]");
+  var name = document.getElementById("app-name").value.trim();
+  if (!name) {
+    fail(card, "Enter a name for the GitHub App.", function () {});
+    return;
+  }
+  var form = document.createElement("form");
+  form.method = "POST";
+  form.action = "/github/app-manifest";
+  form.style.display = "none";
+  var field = document.createElement("input");
+  field.type = "hidden";
+  field.name = "name";
+  field.value = name;
+  form.appendChild(field);
+  document.body.appendChild(form);
+  form.submit();
+});
 document.getElementById("save-access").addEventListener("click", function() {
   save(this, {
     passwordAuthDisabled: !document.getElementById("password-auth").checked,
@@ -320,6 +362,42 @@ async function loadRemoteTokens() {
   }
 }
 function cardFor(btn) { return btn.closest("[data-async]"); }
+function showSecret(token) {
+  var box = document.getElementById("remote-token-secret");
+  box.hidden = false;
+  box.replaceChildren();
+  var title = document.createElement("b");
+  title.textContent = "Copy this token now. It is not shown again.";
+  var row = document.createElement("div");
+  row.className = "secret-row";
+  var code = document.createElement("code");
+  code.textContent = token;
+  var copy = document.createElement("button");
+  copy.type = "button";
+  copy.className = "btn sm";
+  copy.textContent = "Copy";
+  copy.addEventListener("click", async function() {
+    try {
+      await navigator.clipboard.writeText(token);
+      copy.textContent = "Copied";
+    } catch (err) {
+      toast("Copy failed. Select the token and copy it by hand.");
+    }
+  });
+  var dismiss = document.createElement("button");
+  dismiss.type = "button";
+  dismiss.className = "btn sm";
+  dismiss.textContent = "I have saved it";
+  dismiss.addEventListener("click", function() {
+    box.hidden = true;
+    box.replaceChildren();
+  });
+  row.appendChild(code);
+  row.appendChild(copy);
+  row.appendChild(dismiss);
+  box.appendChild(title);
+  box.appendChild(row);
+}
 loadRemoteTokens();
 document.getElementById("create-remote-token").addEventListener("click", function() {
   var name = document.getElementById("remote-token-name").value.trim();
@@ -329,7 +407,7 @@ document.getElementById("create-remote-token").addEventListener("click", functio
   }
   run(this, this.closest("[data-async]"), async function() {
     var created = await api("POST", "/api/remote-tokens", { name: name });
-    prompt("Copy this token now — it will not be shown again:", created.token);
+    showSecret(created.token);
     document.getElementById("remote-token-name").value = "";
     await loadRemoteTokens();
   });

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.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: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";

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.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: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";

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

@@ -0,0 +1,28 @@
+import type { ProbeResult } from "../knowledge/probe.ts";
+import type { GitHubClient, Json } from "../types.ts";
+export type ProbePlan = {
+    analysis: ProbeResult;
+    /** The `init` flags the analysis implies, in command order. */
+    recommendation: string[];
+    /** The whole `co-maintainer init owner/repo …` line. */
+    command: string;
+    /** The analysis report plus the recommendation and reasons, for storage. */
+    report: Json;
+};
+export declare function probePlan(client: GitHubClient, repo: string, opts: {
+    ghConcurrent: number;
+    logTime?: boolean;
+    log?: (message: string) => void;
+}): Promise<ProbePlan>;
+/** The `RepoConfig` patch that matches a recommendation, so a confirmed
+ * preview stores the same limits the printed command carries. */
+export declare function recommendationPatch(recommendation: string[]): {
+    includeCodebase: boolean;
+    includePullRequests: boolean;
+    includePullRequestChanges: boolean;
+    includeCommitHistory: boolean;
+    includeHowRepoWorks: boolean;
+    maxPrMonths?: number;
+    maxCommits?: number;
+    maxPullRequestChangeLines?: number;
+};