onadit 0.0.1 → 1.0.0

package/dist/src/onboarding/setup-page.js

@@ -0,0 +1,823 @@
+function escapeHtml(value) {
+    return value
+        .replaceAll("&", "&")
+        .replaceAll("<", "&lt;")
+        .replaceAll(">", "&gt;")
+        .replaceAll('"', "&quot;")
+        .replaceAll("'", "&#039;");
+}
+// Brand marks from Simple Icons (CC0). Shown only to say which tools Onadit
+// connects to.
+const LOGOS = {
+    claude: "m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z",
+    openai: "M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z",
+    cursor: "M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23",
+};
+function logo(name) {
+    return `<svg viewBox="0 0 24 24" aria-hidden="true"><path d="${LOGOS[name]}"/></svg>`;
+}
+const TOOLS = [
+    { id: "claude-desktop", name: "Claude", logo: "claude" },
+    { id: "claude-code", name: "Claude Code", logo: "claude" },
+    { id: "codex", name: "Codex", logo: "openai" },
+    { id: "cursor", name: "Cursor", logo: "cursor" },
+];
+// The Onadit mark ("glass"): a block cut by one slanted rift, left half solid,
+// right half an outline. Same paths as operator/swiftbar/assets/rift-mark.svg.
+const RIFT_MARK = `<svg class="mark" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M5 3h8.2L9.4 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z"/><path fill-rule="evenodd" d="M15.2 3H19a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-7.6ZM16.82 5L13.87 19H19V5Z"/></svg>`;
+const CHECK_ICON = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>`;
+export function renderSetupPage(opts) {
+    const token = escapeHtml(opts.token);
+    const version = escapeHtml(opts.version);
+    const toolRows = TOOLS.map((tool) => `<li class="tool" data-tool="${tool.id}"><span class="tool-logo">${logo(tool.logo)}</span><span class="tool-name">${tool.name}</span><span class="tool-state"></span></li>`).join("");
+    const step = (n, label) => `<button class="step" data-nav="${n}"${n === 1 ? ' aria-current="step"' : " disabled"}><span class="step-icon"><i class="dot"></i>${CHECK_ICON}</span><span>${label}</span></button>`;
+    return `<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="color-scheme" content="dark">
+  <title>Set up Onadit</title>
+  <style>
+    :root {
+      --canvas:#000; --rail:#050506; --panel:#0c0d0e; --field:#101112; --tile:#1a1b1d; --raised:#1f2022;
+      --ink:#f7f8f8; --ink-muted:#c9ccd1; --ink-subtle:#8a8f98; --ink-faint:#62666d; --ink-off:#4a4d52;
+      --line:rgba(255,255,255,.06); --line-mid:rgba(255,255,255,.1); --line-strong:rgba(255,255,255,.14);
+      --error:#ff8a8a; --ease:cubic-bezier(.2,.6,.25,1);
+      /* The step block starts about half a typical step above the middle,
+         just above optical center, and stays put between steps. */
+      --top:clamp(56px,calc(50vh - 280px),480px); --moon:min(920px,96vh);
+    }
+    * { box-sizing:border-box; }
+    html,body { margin:0; background:var(--canvas); }
+    body { color:var(--ink); font:15px/1.5 "Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
+    button,input { font:inherit; color:inherit; }
+    button { cursor:pointer; background:none; border:0; padding:0; }
+    button:disabled { cursor:default; }
+    :focus-visible { outline:2px solid rgba(255,255,255,.7); outline-offset:2px; }
+    svg { display:block; }
+    p { margin:0; }
+    .hidden { display:none !important; }
+
+    .app { display:flex; min-height:100vh; }
+    .rail { position:sticky; top:0; display:flex; flex-direction:column; width:272px; height:100vh; flex-shrink:0; padding:36px 20px 28px; background:var(--rail); border-right:1px solid rgba(255,255,255,.08); z-index:2; }
+    .brand { display:flex; align-items:center; gap:10px; padding-left:12px; font-size:17px; font-weight:600; letter-spacing:-.03em; }
+    .steps { display:flex; flex-direction:column; gap:4px; flex:1; padding-top:72px; }
+    .step { display:flex; align-items:center; gap:12px; height:40px; padding:0 12px; border-radius:10px; font-size:14px; color:var(--ink-off); text-align:left; transition:background 150ms var(--ease), color 150ms var(--ease); }
+    .step-icon { position:relative; width:16px; height:16px; flex-shrink:0; display:grid; place-items:center; }
+    .step-icon .dot { width:8px; height:8px; border-radius:50%; border:1px solid #3a3c40; transition:all 200ms var(--ease); }
+    .step-icon svg { position:absolute; width:14px; height:14px; opacity:0; transform:scale(.6); transition:opacity 200ms var(--ease), transform 200ms var(--ease); }
+    .step:not(:disabled):hover { background:rgba(255,255,255,.03); color:var(--ink-muted); }
+    .step.open { color:var(--ink-faint); }
+    .step.open .dot { border-style:dashed; border-color:var(--ink-faint); }
+    .step.done { color:var(--ink-subtle); }
+    .step.done .dot { opacity:0; }
+    .step.done svg { opacity:1; transform:none; }
+    .step.active { background:rgba(255,255,255,.05); color:var(--ink); font-weight:500; }
+    .step.active .dot { background:var(--ink); border-color:var(--ink); box-shadow:0 0 10px rgba(255,255,255,.6); }
+    .step.active svg { opacity:0; }
+    .rail-foot { display:flex; flex-wrap:wrap; gap:6px 14px; padding-left:12px; font-size:12px; color:var(--ink-off); }
+    .rail-foot > span { flex-basis:100%; white-space:nowrap; }
+    .rail-foot button { font-size:12px; color:var(--ink-faint); transition:color 120ms; }
+    .rail-foot button:hover { color:var(--ink-muted); }
+
+    /* The step column sits in the middle of the space right of the rail,
+       with the sphere as a dim backdrop centered behind it. */
+    .main { position:relative; display:flex; justify-content:center; flex:1; min-width:0; min-height:100vh; overflow:hidden; padding:var(--top) clamp(32px,5vw,96px) 64px; }
+    .stage { position:relative; z-index:1; width:100%; max-width:600px; }
+    .moon-wrap { position:absolute; inset:0; pointer-events:none; }
+    #moon { position:absolute; left:50%; top:50vh; width:var(--moon); height:var(--moon); transform:translate(-50%,-50%); image-rendering:pixelated; opacity:.14; transition:opacity 900ms var(--ease); }
+    .main[data-page="2"] #moon { opacity:.17; }
+    .main[data-page="3"] #moon { opacity:.19; }
+    .main[data-page="4"] #moon { opacity:.26; }
+    .page { position:relative; display:none; flex-direction:column; gap:14px; width:600px; max-width:100%; }
+    .page.active { display:flex; animation:arrive 260ms var(--ease); }
+    @keyframes arrive { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
+    h1,h2 { margin:0; font-size:44px; line-height:48px; font-weight:600; letter-spacing:-.035em; }
+    h1:focus,h2:focus { outline:none; }
+    .lede { color:var(--ink-subtle); font-size:16px; line-height:24px; padding-bottom:18px; }
+    /* Loose text sits on the sphere: a soft dark halo keeps it clean. */
+    h1,h2,.lede,.link,.status,.hint,.next > p,.fine,details.help,.suggestions,.summary { text-shadow:0 0 3px #000,0 0 10px #000,0 0 18px #000; }
+
+    .button { display:inline-flex; align-items:center; justify-content:center; gap:8px; height:40px; padding:0 20px; border-radius:10px; background:var(--ink); color:#000; font-size:14px; font-weight:500; transition:background 150ms var(--ease), transform 120ms var(--ease), opacity 150ms; }
+    .button:hover { background:#fff; }
+    .button:active { transform:scale(.98); }
+    .button:disabled { background:rgba(255,255,255,.08); color:var(--ink-faint); transform:none; }
+    .link { font-size:14px; color:var(--ink-subtle); transition:color 120ms; }
+    .link:hover { color:var(--ink); }
+    .link:disabled { opacity:.4; }
+    .row { display:flex; align-items:center; gap:24px; padding-top:6px; }
+    .status { font-size:13px; color:var(--ink-subtle); overflow-wrap:anywhere; }
+    .status:empty { display:none; }
+    .status.ok { color:var(--ink-muted); }
+    .status.error { color:var(--error); }
+
+    .tabs { display:flex; gap:4px; width:fit-content; padding:4px; border-radius:12px; background:var(--panel); border:1px solid rgba(255,255,255,.08); }
+    .tabs label { position:relative; }
+    .tabs input { position:absolute; inset:0; opacity:0; margin:0; cursor:pointer; }
+    .tabs span { display:flex; align-items:center; height:34px; padding:0 16px; border-radius:8px; font-size:14px; color:var(--ink-subtle); transition:background 150ms var(--ease), color 150ms var(--ease); }
+    .tabs input:checked + span { background:var(--raised); color:var(--ink); font-weight:500; box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
+    .tabs input:not(:checked):hover + span { color:var(--ink-muted); }
+    .tabs input:focus-visible + span { outline:2px solid rgba(255,255,255,.7); outline-offset:-2px; }
+    .tabs input:disabled { cursor:default; }
+    .hint { font-size:13px; color:var(--ink-subtle); }
+    .hint:empty { display:none; }
+
+    .drop { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; height:240px; padding:24px; border-radius:18px; border:1.5px dashed rgba(255,255,255,.18); background:rgba(10,11,12,.94); text-align:center; cursor:pointer; transition:border-color 200ms var(--ease), background 200ms var(--ease); }
+    .drop:hover,.drop:focus-within { border-color:rgba(255,255,255,.32); }
+    .drop.drag { border-color:var(--ink); background:#141517; }
+    .drop.busy { cursor:default; border-style:solid; border-color:var(--line-mid); }
+    .drop-icon { display:grid; place-items:center; width:52px; height:52px; border-radius:14px; background:var(--tile); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); transition:transform 250ms var(--ease); }
+    .drop.drag .drop-icon { transform:translateY(-4px); }
+    .drop-icon svg { width:22px; height:22px; }
+    .drop strong { display:block; font-size:17px; font-weight:500; overflow-wrap:anywhere; }
+    .drop small { display:block; margin-top:4px; font-size:14px; color:var(--ink-subtle); }
+    .drop input[type=file] { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
+    .drop.busy input[type=file] { cursor:default; }
+    .drop .button { pointer-events:none; }
+    .bar { width:240px; height:2px; border-radius:1px; background:rgba(255,255,255,.1); overflow:hidden; }
+    .bar i { display:block; height:100%; width:0; background:var(--ink); transition:width 150ms linear; }
+    details.help summary { list-style:none; cursor:pointer; font-size:14px; color:var(--ink-faint); transition:color 120ms; }
+    details.help summary::-webkit-details-marker { display:none; }
+    details.help summary:hover { color:var(--ink-muted); }
+    details.help p { margin-top:10px; font-size:14px; line-height:22px; color:var(--ink-subtle); max-width:520px; }
+    .help-row { display:flex; align-items:baseline; gap:24px; padding-top:6px; }
+
+    .field { display:flex; align-items:center; gap:10px; height:60px; padding:0 8px 0 18px; border-radius:16px; background:var(--field); border:1px solid rgba(255,255,255,.12); box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 30px 80px rgba(0,0,0,.6); transition:border-color 150ms; }
+    .field:focus-within { border-color:rgba(255,255,255,.3); }
+    .field > svg { width:18px; height:18px; flex-shrink:0; color:var(--ink-faint); }
+    .field input { flex:1; min-width:0; height:100%; background:none; border:0; outline:none; font-size:15px; }
+    .field input::placeholder { color:var(--ink-faint); }
+    .field .inner { display:inline-flex; align-items:center; gap:6px; height:44px; padding:0 16px; border-radius:10px; background:var(--raised); font-size:14px; font-weight:500; flex-shrink:0; transition:background 150ms; }
+    .field .inner:hover { background:#2a2b2e; }
+    .field .inner svg { width:14px; height:14px; color:var(--ink-muted); }
+    .ask q { flex:1; font-size:15px; quotes:none; overflow-wrap:anywhere; }
+    .suggestions { display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:13px; color:var(--ink-faint); }
+    .suggestions:empty { display:none; }
+    .suggestions button { max-width:100%; padding:5px 12px; border-radius:999px; background:var(--field); border:1px solid var(--line-mid); color:var(--ink-muted); font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:border-color 150ms, color 150ms; }
+    .suggestions button:hover { border-color:var(--line-strong); color:var(--ink); }
+
+    .panel { list-style:none; margin:0; padding:0; border-radius:16px; background:var(--panel); border:1px solid var(--line-mid); overflow:hidden; }
+    .panel:empty { display:none; }
+    .panel > * + * { border-top:1px solid var(--line); }
+    .result { padding:16px 18px; animation:arrive 260ms var(--ease) both; }
+    .result strong { display:block; font-size:15px; font-weight:500; overflow-wrap:anywhere; }
+    .result p { margin-top:4px; font-size:14px; line-height:21px; color:var(--ink-subtle); overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
+    .result small { display:block; margin-top:6px; font-size:12px; color:var(--ink-faint); font-variant-numeric:tabular-nums; }
+    .result details { margin-top:6px; font-size:13px; }
+    .result details summary { cursor:pointer; color:var(--ink-subtle); }
+    .result details summary:hover { color:var(--ink); }
+    .result details p { display:block; -webkit-line-clamp:unset; max-height:260px; overflow:auto; white-space:pre-line; }
+
+    .tool { display:flex; align-items:center; gap:14px; height:56px; padding:0 18px; transition:opacity 250ms var(--ease); }
+    .tool-logo { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; background:var(--tile); flex-shrink:0; color:var(--ink); }
+    .tool-logo svg { width:16px; height:16px; fill:currentColor; }
+    .tool-name { flex:1; font-size:15px; font-weight:500; }
+    .tool-state { display:flex; align-items:center; justify-content:flex-end; gap:7px; width:140px; flex-shrink:0; font-size:13px; color:var(--ink-faint); }
+    .tool.connected .tool-state { color:var(--ink-muted); }
+    .tool.connected .tool-state:before { content:""; width:6px; height:6px; border-radius:50%; background:var(--ink); animation:pop 300ms var(--ease); }
+    @keyframes pop { from { transform:scale(0); } to { transform:none; } }
+    .tool.missing { color:var(--ink-off); }
+    .tool.missing .tool-logo { background:#111213; color:var(--ink-off); }
+    .tool.missing .tool-state { color:var(--ink-off); }
+    .tool.failed .tool-state { color:var(--error); }
+
+    .next { display:flex; flex-direction:column; gap:12px; padding-top:14px; }
+    .next > p { font-size:14px; color:var(--ink-subtle); }
+    .summary { display:flex; gap:48px; padding-bottom:18px; }
+    #try { padding-top:0; padding-bottom:10px; }
+    .summary:empty { display:none; }
+    .summary strong { display:block; font-size:28px; line-height:34px; font-weight:600; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
+    .summary span { font-size:14px; color:var(--ink-subtle); }
+    .remaining { list-style:none; margin:0; padding:0; }
+    .remaining button { display:flex; align-items:center; justify-content:space-between; width:100%; height:56px; padding:0 18px; font-size:15px; font-weight:500; text-align:left; transition:background 150ms; }
+    .remaining button:hover { background:rgba(255,255,255,.03); }
+    .remaining button:after { content:"→"; color:var(--ink-faint); }
+    .fine { font-size:13px; color:var(--ink-faint); }
+
+    dialog { width:min(460px,calc(100% - 32px)); padding:24px; color:var(--ink); background:#141516; border:1px solid var(--line-mid); border-radius:14px; box-shadow:0 8px 40px rgba(0,0,0,.5); }
+    dialog::backdrop { background:rgba(0,0,0,.6); }
+    dialog h2 { font-size:17px; line-height:24px; letter-spacing:-.01em; margin-bottom:12px; }
+    dialog p { margin-bottom:10px; font-size:14px; color:var(--ink-subtle); }
+    dialog code { font-size:12px; color:var(--ink-muted); }
+    .dialog-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; }
+    .button.secondary { background:transparent; color:var(--ink); border:1px solid var(--line-strong); }
+    .button.secondary:hover { background:var(--raised); }
+    .button.danger { background:#f2a0a0; color:#2a1010; }
+    #remove-status { position:fixed; left:50%; bottom:24px; transform:translateX(-50%); max-width:calc(100% - 32px); padding:10px 16px; border-radius:10px; background:#141516; border:1px solid var(--line-mid); z-index:5; }
+
+    @media (max-width:960px) {
+      .app { flex-direction:column; }
+      .rail { position:static; width:auto; height:auto; padding:20px 16px 12px; border-right:0; border-bottom:1px solid rgba(255,255,255,.08); }
+      .brand { padding-left:0; }
+      .steps { flex-direction:row; flex-wrap:wrap; padding-top:16px; }
+      .step { height:34px; font-size:13px; }
+      .rail-foot { display:none; }
+      .main { padding:40px 16px 48px; min-height:0; }
+      .moon-wrap { display:none; }
+      h1,h2 { font-size:32px; line-height:36px; }
+      .drop { height:220px; }
+    }
+    @media (prefers-reduced-motion:reduce) { *,*:before,*:after { animation:none !important; transition:none !important; } }
+  </style>
+</head>
+<body>
+  <div class="app">
+    <aside class="rail">
+      <div class="brand">${RIFT_MARK}Onadit</div>
+      <nav class="steps" aria-label="Setup steps">
+        ${step(1, "Import your chats")}
+        ${step(2, "Find a memory")}
+        ${step(3, "Connect your tools")}
+      </nav>
+      <div class="rail-foot"><span>Onadit ${version}</span><button id="privacy">Privacy</button><button id="remove">Remove…</button></div>
+    </aside>
+    <main class="main" id="main" data-page="1">
+      <div class="stage">
+      <div class="flow">
+
+      <section class="page active" data-page="1" aria-labelledby="import-heading">
+        <h1 id="import-heading" tabindex="-1">Import your chats</h1>
+        <p class="lede">Onadit reads your export on this Mac. Nothing leaves it.</p>
+        <div class="tabs" role="radiogroup" aria-label="Export from">
+          <label><input type="radio" name="source" value="chatgpt_web" data-name="ChatGPT" checked><span>ChatGPT</span></label>
+          <label><input type="radio" name="source" value="claude_web" data-name="Claude"><span>Claude</span></label>
+          <label><input type="radio" name="source" value="gemini_web" data-name="Gemini"><span>Gemini</span></label>
+          <label><input type="radio" name="source" value="grok_web" data-name="Grok"><span>Grok</span></label>
+        </div>
+        <p id="source-hint" class="hint" role="status"></p>
+        <label class="drop" id="drop" for="archive">
+          <span class="drop-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 15V3"/><path d="m7 8 5-5 5 5"/><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/></svg></span>
+          <span><strong id="file-title">Drop your ChatGPT export here</strong><small id="file-detail">The .zip from your data export email</small></span>
+          <span class="button" id="choose">Choose file</span>
+          <span class="bar hidden" id="progress" role="progressbar" aria-label="Transfer to this Mac" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><i></i></span>
+          <input id="archive" type="file" aria-label="Choose a conversation export" accept=".zip,.json,application/zip,application/json">
+        </label>
+        <div id="import-status" class="status" role="status"></div>
+        <div class="help-row">
+          <button class="link" id="skip-import">Skip</button>
+          <details class="help"><summary>No export yet?</summary><p>Request one in your AI app’s data or privacy settings. It usually arrives by email as a .zip. Skip for now and reopen this setup from the Onadit installer when it lands.</p></details>
+        </div>
+      </section>
+
+      <section class="page" data-page="2" aria-labelledby="recall-heading">
+        <h2 id="recall-heading" tabindex="-1">Find a memory</h2>
+        <p class="lede" id="archive-summary">Search a project, a person or a phrase from your chats.</p>
+        <div class="field">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg>
+          <input id="query" type="text" aria-label="Search your conversations" placeholder="Search your conversations" autocomplete="off">
+          <button class="inner" id="search">Search</button>
+        </div>
+        <div id="suggestions" class="suggestions" aria-label="Topics from your archive"></div>
+        <div id="search-status" class="status" role="status"></div>
+        <div class="panel" id="results"></div>
+        <div class="row"><button class="button" id="recall-next" disabled>Continue</button><button class="link" id="skip-search">Skip</button></div>
+      </section>
+
+      <section class="page" data-page="3" aria-labelledby="connect-heading">
+        <h2 id="connect-heading" tabindex="-1">Connect your tools</h2>
+        <p class="lede" id="connect-lede">One click adds Onadit to every supported tool on this Mac.</p>
+        <ul class="panel" id="tools">${toolRows}</ul>
+        <div id="connect-status" class="status" role="status"></div>
+        <div class="row" id="connect-actions"><button class="button" id="connect">Connect</button><button class="link" id="skip-connect">Skip</button></div>
+        <div class="next hidden" id="next">
+          <p>Reopen <span id="reopen-names">your tools</span>, then ask:</p>
+          <div class="field ask"><q id="ask-text">What did I decide last time? Check my past chats.</q><button class="inner" id="copy"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg><span>Copy</span></button></div>
+          <p class="hidden" id="hooks-offer">Optional: <span id="hooks-names"></span> can get a short Onadit note about the project when a session starts, and ask Onadit before a task. The note goes to the tool’s AI provider with the rest of the session. To turn it on, run <code id="hooks-command"></code> in a terminal.</p>
+          <div class="row"><button class="button" id="finish">Finish</button></div>
+        </div>
+      </section>
+
+      <section class="page" data-page="4" aria-labelledby="done-heading">
+        <h2 id="done-heading" tabindex="-1">You’re all set</h2>
+        <p class="lede" id="done-lede">Onadit runs in the background. Your tools can now look through your past chats.</p>
+        <div class="summary" id="summary"></div>
+        <div class="next hidden" id="try">
+          <p>Try it: reopen <span id="try-names">your tools</span> and ask</p>
+          <div class="field ask"><q id="try-text"></q><button class="inner" id="copy-try"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg><span>Copy</span></button></div>
+        </div>
+        <ul class="panel remaining" id="remaining" aria-label="Steps left to finish"></ul>
+        <p class="fine">You can close this tab. Onadit keeps running.</p>
+      </section>
+      </div>
+      </div>
+      <div class="moon-wrap"><canvas id="moon" width="460" height="460" aria-hidden="true"></canvas></div>
+    </main>
+  </div>
+  <div id="remove-status" class="status hidden" role="status"></div>
+  <dialog id="privacy-dialog" aria-labelledby="privacy-title"><h2 id="privacy-title">On your Mac. Under your control.</h2><p>Onadit stores the conversations you add and their search index in <code>~/Library/Application Support/Rift/</code>. This setup does not read your other chat folders.</p><p>Fresh installs use keyword search, with no AI calls, account, or telemetry. Optional cloud search sends indexed text and queries to Voyage. Optional AI enrichment or capture uses the worker you enable, such as Codex or Claude Code. Existing settings are preserved when you reinstall.</p><p>When your AI tool calls Onadit, returned excerpts enter that tool’s conversation. Onadit also checks the npm registry for updates, without sending content or an installation ID.</p><p>Remove Onadit deletes its local archive, settings, credentials, background service and tool connections. Your original exports and other tools are preserved. A removal report stays in <code>~/Library/Logs/Rift/</code>.</p><form method="dialog" class="dialog-actions"><button class="button secondary">Close</button></form></dialog>
+  <dialog id="remove-dialog" aria-labelledby="remove-title"><h2 id="remove-title">Remove Onadit from this Mac?</h2><p>This deletes Onadit’s archive, settings, credentials and connections. Your original exports and other tools stay in place. This cannot be undone.</p><div class="dialog-actions"><form method="dialog"><button class="button secondary" autofocus>Keep Onadit</button></form><button class="button danger" id="confirm-remove">Remove Onadit</button></div></dialog>
+  <script>
+    (function () {
+      "use strict";
+      var setupToken = "${token}";
+      var current = 1;
+      var selectedFile = null;
+      var importing = false;
+      var searching = false;
+      var connecting = false;
+      var connectTried = false;
+      var importedCount = null;
+      var lastJobId = null;
+      try { lastJobId = sessionStorage.getItem("rift-setup-import"); } catch (_) {}
+      function rememberJob(id) { lastJobId = id; try { if (id) sessionStorage.setItem("rift-setup-import", id); else sessionStorage.removeItem("rift-setup-import"); } catch (_) {} }
+      // Skip moves on without finishing a step. The last page lists what is
+      // still open instead of claiming setup is done. Search only makes sense
+      // after an import, so it is never listed as a step left to do.
+      var completed = { 1: false, 2: false, 3: false };
+      var visited = { 1: true, 2: false, 3: false };
+      var stepNames = { 1: "Import your chats", 3: "Connect your tools" };
+      var $ = function (id) { return document.getElementById(id); };
+      function checked(name) { return document.querySelector('input[name="' + name + '"]:checked'); }
+      function authHeaders(extra) { return Object.assign({ "Authorization": "Rift-Setup " + setupToken }, extra || {}); }
+      function listNames(names) { return names.length > 1 ? names.slice(0, -1).join(", ") + " and " + names[names.length - 1] : names[0] || ""; }
+
+      function renderRail() {
+        document.querySelectorAll("[data-nav]").forEach(function (el) {
+          var n = Number(el.dataset.nav);
+          // Search needs an archive: without one it stays locked.
+          el.disabled = n === 2 ? !completed[1] : !visited[n] && !completed[n];
+          el.classList.toggle("active", n === current);
+          el.classList.toggle("done", completed[n] && n !== current);
+          el.classList.toggle("open", !completed[n] && visited[n] && n !== current && !el.disabled);
+          if (n === current) el.setAttribute("aria-current", "step"); else el.removeAttribute("aria-current");
+        });
+      }
+      function showPage(next) {
+        current = next;
+        if (next <= 3) visited[next] = true;
+        $("main").dataset.page = String(next);
+        document.querySelectorAll("section[data-page]").forEach(function (el) { el.classList.toggle("active", Number(el.dataset.page) === next); });
+        if (next === 4) renderDone();
+        renderRail();
+        document.querySelector('section[data-page="' + next + '"] h1, section[data-page="' + next + '"] h2').focus();
+        window.scrollTo({ top: 0, behavior: "instant" });
+      }
+      function renderDone() {
+        var open = [1, 3].filter(function (step) { return !completed[step]; });
+        $("done-heading").textContent = open.length ? "Almost there" : "You’re all set";
+        $("done-lede").textContent = open.length ? "Onadit is running on this Mac. Finish these whenever you’re ready." : "Onadit runs in the background. Your tools can now look through your past chats.";
+        var summary = $("summary");
+        summary.replaceChildren();
+        function stat(value, label) {
+          var box = document.createElement("div");
+          var strong = document.createElement("strong"); strong.textContent = value;
+          var span = document.createElement("span"); span.textContent = label;
+          box.append(strong, span); summary.append(box);
+        }
+        if (completed[1] && importedCount !== null) stat(importedCount.toLocaleString(), importedCount === 1 ? "conversation imported" : "conversations imported");
+        var connected = connectedTools().length;
+        if (connected) stat(String(connected), connected === 1 ? "tool connected" : "tools connected");
+        // The question only helps once a tool can actually reach Onadit.
+        $("try").classList.toggle("hidden", !connected || open.length > 0);
+        $("try-names").textContent = connectedTools().map(function (id) { return toolNames[id]; }).join(", ").replace(/, ([^,]*)$/, " or $1");
+        $("try-text").textContent = $("ask-text").textContent;
+        var list = $("remaining");
+        list.replaceChildren();
+        open.forEach(function (step) {
+          var item = document.createElement("li");
+          var button = document.createElement("button");
+          button.textContent = step === 3 && failedTools().length ? "Finish connecting your tools" : stepNames[step];
+          button.addEventListener("click", function () { showPage(step); });
+          item.append(button);
+          list.append(item);
+        });
+      }
+      document.querySelectorAll("[data-nav]").forEach(function (el) { el.addEventListener("click", function () { showPage(Number(el.dataset.nav)); }); });
+      $("skip-import").addEventListener("click", function () { showPage(completed[1] ? 2 : 3); });
+      $("skip-search").addEventListener("click", function () { showPage(3); });
+      $("recall-next").addEventListener("click", function () { showPage(3); });
+      $("skip-connect").addEventListener("click", function () { showPage(4); });
+      $("finish").addEventListener("click", function () { showPage(4); });
+      $("privacy").addEventListener("click", function () { $("privacy-dialog").showModal(); });
+      $("remove").addEventListener("click", function () { $("remove-dialog").showModal(); });
+
+      // Per-tool result of the last attempt: connected, failed or not_found.
+      // A failed tool keeps step 3 open, so it can be retried here and shows
+      // up as unfinished on the last page. Successful tools are never rewritten.
+      var toolStatus = {}, toolReasons = {};
+      var toolNames = { "claude-desktop": "Claude", "claude-code": "Claude Code", codex: "Codex", cursor: "Cursor" };
+      function toolsWith(state) { return Object.keys(toolNames).filter(function (id) { return toolStatus[id] === state; }); }
+      function failedTools() { return toolsWith("failed"); }
+      function connectedTools() { return toolsWith("connected"); }
+      function setTool(client, state, reason, message) {
+        toolStatus[client] = state;
+        if (state === "failed") toolReasons[client] = reason; else delete toolReasons[client];
+        var row = document.querySelector('[data-tool="' + client + '"]');
+        if (!row) return;
+        row.classList.remove("connected", "failed", "missing");
+        row.classList.add(state === "not_found" ? "missing" : state);
+        var label = row.querySelector(".tool-state");
+        label.textContent = state === "connected" ? "Connected" : state === "failed" ? "Couldn’t connect" : "Not installed";
+        label.title = state === "failed" ? message || "" : "";
+      }
+      function renderConnect() {
+        var connected = connectedTools();
+        var failed = failedTools();
+        var tried = Object.keys(toolStatus).length > 0;
+        completed[3] = connected.length > 0 && failed.length === 0;
+        $("connect").textContent = connecting ? "Connecting…" : failed.length ? "Retry" : connectTried ? "Check again" : "Connect";
+        $("connect").disabled = connecting;
+        $("skip-connect").disabled = connecting;
+        $("connect-actions").classList.toggle("hidden", completed[3]);
+        $("next").classList.toggle("hidden", connected.length === 0);
+        $("finish").parentElement.classList.toggle("hidden", !completed[3]);
+        $("reopen-names").textContent = listNames(connected.map(function (id) { return toolNames[id]; })) || "your tools";
+        // Connecting never installs the session hooks; the page names the command.
+        var hookTools = connected.filter(function (id) { return id === "claude-code" || id === "codex"; });
+        $("hooks-offer").classList.toggle("hidden", hookTools.length === 0);
+        $("hooks-names").textContent = listNames(hookTools.map(function (id) { return toolNames[id]; }));
+        $("hooks-command").textContent = hookTools.map(function (id) { return "onadit hooks install --client " + id; }).join(" && ");
+        $("connect-lede").textContent = completed[3] ? "Onadit connected to every supported tool on this Mac." : "One click adds Onadit to every supported tool on this Mac.";
+        var status = $("connect-status");
+        if (failed.length) {
+          var names = failed.map(function (id) { return toolNames[id]; });
+          var unreadable = failed.every(function (id) { return toolReasons[id] === "unreadable_settings"; });
+          status.className = "status error";
+          status.textContent = unreadable
+            ? "Onadit couldn’t read the settings for " + listNames(names) + " and left " + (names.length > 1 ? "them" : "it") + " unchanged. Fix or move the " + (names.length > 1 ? "files" : "file") + ", then retry."
+            : "Onadit couldn’t update the settings for " + listNames(names) + ". Check the file isn’t locked or read-only, then retry.";
+        } else if (tried && !connected.length) {
+          status.className = "status error";
+          status.textContent = "No supported tool found on this Mac. Install one, then check again.";
+        } else {
+          status.className = "status";
+          status.textContent = "";
+        }
+        renderRail();
+      }
+      function connectError(response, body) {
+        return new Error(response.status === 401 ? "This setup link expired. Reopen the Onadit installer to connect your tools." : (body && body.message) || "Onadit could not connect your tools.");
+      }
+      function connectFailed(error) {
+        $("connect-status").className = "status error";
+        $("connect-status").textContent = error instanceof Error ? error.message : "Onadit could not connect your tools.";
+      }
+      async function connectAll() {
+        connecting = true; connectTried = true; renderConnect();
+        try {
+          var response = await fetch("/setup/connect-all", { method: "POST", headers: authHeaders({ "Content-Type": "application/json" }), body: "{}" });
+          var body = await response.json();
+          if (!response.ok) throw connectError(response, body);
+          body.clients.forEach(function (result) { setTool(result.client, result.status, result.reason, result.message); });
+          connecting = false; renderConnect();
+        } catch (error) { connecting = false; renderConnect(); connectFailed(error); }
+      }
+      async function retryFailed() {
+        connecting = true; renderConnect();
+        try {
+          for (var client of failedTools()) {
+            var response = await fetch("/setup/connect-client", { method: "POST", headers: authHeaders({ "Content-Type": "application/json" }), body: JSON.stringify({ client: client }) });
+            var body = await response.json().catch(function () { return {}; });
+            if (response.status === 401) throw connectError(response, body);
+            if (response.ok) setTool(client, "connected"); else setTool(client, "failed", body.reason, body.message);
+          }
+          connecting = false; renderConnect();
+        } catch (error) { connecting = false; renderConnect(); connectFailed(error); }
+      }
+      $("connect").addEventListener("click", function () { if (failedTools().length) retryFailed(); else connectAll(); });
+
+      var archive = $("archive"), drop = $("drop");
+      function sourceName() { return checked("source").dataset.name; }
+      function resetDrop() {
+        drop.classList.remove("busy");
+        $("progress").classList.add("hidden");
+        $("choose").classList.remove("hidden");
+        $("file-title").textContent = "Drop your " + sourceName() + " export here";
+        $("file-detail").textContent = checked("source").value === "gemini_web" ? "A converted conversation .json file" : "The .zip from your data export email";
+      }
+      document.querySelectorAll('input[name="source"]').forEach(function (input) {
+        input.addEventListener("change", function () {
+          var gemini = checked("source").value === "gemini_web";
+          $("source-hint").textContent = gemini ? "Gemini needs a converted conversation JSON file. Raw Google Takeout archives are not supported yet." : "";
+          archive.accept = gemini ? ".json,application/json" : ".zip,.json,application/zip,application/json";
+          $("import-status").textContent = "";
+          resetDrop();
+        });
+      });
+      // Choosing or dropping a file starts the import: there is no separate
+      // Import button to find.
+      function chooseFile(file) {
+        if (importing || !file) return;
+        var status = $("import-status");
+        status.className = "status error";
+        status.textContent = "";
+        if (!/\\.(zip|json)$/i.test(file.name)) { status.textContent = "Choose the downloaded .zip or .json export. Other file types cannot be read here."; return; }
+        if (checked("source").value === "gemini_web" && /\\.zip$/i.test(file.name)) { status.textContent = "Raw Gemini Takeout archives are not supported yet. Choose a converted conversation JSON file."; return; }
+        selectedFile = file;
+        startImport();
+      }
+      archive.addEventListener("change", function () { chooseFile(archive.files && archive.files[0]); archive.value = ""; });
+      ["dragenter", "dragover"].forEach(function (name) { drop.addEventListener(name, function (event) { event.preventDefault(); if (!importing) drop.classList.add("drag"); }); });
+      ["dragleave", "drop"].forEach(function (name) { drop.addEventListener(name, function (event) { event.preventDefault(); drop.classList.remove("drag"); }); });
+      drop.addEventListener("drop", function (event) { chooseFile(event.dataTransfer && event.dataTransfer.files[0]); });
+
+      function pollJob(id) {
+        return new Promise(function (resolve, reject) {
+          // A dropped fetch or one 5xx used to abort the whole import and tell
+          // the user it failed while it was still running on their Mac. Blips
+          // are retried with a short backoff; only a terminal job state, an
+          // expired session, or a sustained outage stops the poll.
+          var blips = 0;
+          var MAX_BLIPS = 8;
+          async function poll() {
+            try {
+              var response = await fetch("/jobs/" + encodeURIComponent(id), { headers: authHeaders() });
+              if (response.status === 401 || response.status === 410) {
+                var expired = new Error("This setup link expired. Reopen the Onadit installer to get a new link. Your import is kept.");
+                expired.terminal = true;
+                throw expired;
+              }
+              if (response.status >= 500) throw new Error("transient");
+              var job = await response.json();
+              if (!response.ok) throw new Error("Onadit could not read the import status.");
+              blips = 0;
+              if (job.status === "completed") return resolve(job);
+              if (job.status === "failed" || job.status === "cancelled" || job.status === "interrupted") { rememberJob(null); return reject(new Error((job.error || "The import stopped before it finished.") + " Choose your export again to retry.")); }
+              var phase = job.progress;
+              $("file-detail").textContent = job.status === "queued" ? "Export received. Waiting for the current job to finish." : phase ? (phase.phase === "reading" ? "Reading " : "Indexing ") + phase.completed.toLocaleString() + " of " + phase.total.toLocaleString() + " conversations…" : "Reading conversations on this Mac…";
+              setTimeout(poll, 700);
+            } catch (error) {
+              if (error && error.terminal) return reject(error);
+              if (response && response.status === 404) { rememberJob(null); return reject(new Error("This import is no longer in Onadit’s job history. Choose your export again.")); }
+              blips += 1;
+              if (blips > MAX_BLIPS) {
+                return reject(new Error("Lost contact with Onadit while importing. The import may still be running. Reload this page to reconnect."));
+              }
+              $("file-detail").textContent = "Checking import status · reconnecting…";
+              setTimeout(poll, 700 * Math.min(blips, 4));
+            }
+          }
+          poll();
+        });
+      }
+
+      function setImporting(value) {
+        importing = value;
+        archive.disabled = value;
+        $("skip-import").disabled = value;
+        drop.classList.toggle("busy", value);
+        $("choose").classList.toggle("hidden", value);
+        document.querySelectorAll('input[name="source"]').forEach(function (input) { input.disabled = value; });
+      }
+      async function followImport(id, duplicate) {
+        var status = $("import-status");
+        status.className = "status";
+        status.textContent = "";
+        setImporting(true);
+        $("progress").classList.add("hidden");
+        $("file-title").textContent = selectedFile ? "Importing " + selectedFile.name : "Importing your export";
+        $("file-detail").textContent = "Reading conversations on this Mac…";
+        try {
+          var job = await pollJob(id);
+          rememberJob(null);
+          completed[1] = true;
+          var summary = job.import_summary;
+          importedCount = summary ? summary.conversations : null;
+          var label = summary ? summary.conversations.toLocaleString() + " conversations imported" : "Export imported";
+          if (summary && summary.first_date && summary.last_date) {
+            var first = summary.first_date.slice(0, 4), last = summary.last_date.slice(0, 4);
+            label += " · " + first + (first !== last ? "–" + last : "");
+          }
+          $("archive-summary").textContent = (duplicate ? "Already imported. " : "") + label + ". Search a project, a person or a phrase.";
+          var suggestions = $("suggestions");
+          suggestions.replaceChildren();
+          if (summary && summary.titles && summary.titles.length) {
+            suggestions.append("Try");
+            summary.titles.slice(0, 4).forEach(function (title) {
+              var suggestion = document.createElement("button");
+              suggestion.textContent = title;
+              suggestion.title = title;
+              suggestion.addEventListener("click", function () { $("query").value = title; runSearch(); });
+              suggestions.append(suggestion);
+            });
+          }
+          setImporting(!!lastJobId);
+          $("file-title").textContent = label;
+          $("file-detail").textContent = "Drop another export to add it";
+          $("choose").classList.remove("hidden");
+          showPage(2);
+          $("query").focus();
+        } catch (error) {
+          setImporting(!!lastJobId);
+          resetDrop();
+          status.className = "status error";
+          status.textContent = error instanceof Error ? error.message : "Cannot read import status. Reload this page to reconnect.";
+        }
+      }
+      function startImport() {
+        if (!selectedFile || importing) return;
+        var status = $("import-status");
+        var progress = $("progress");
+        var bar = progress.querySelector("i");
+        var form = new FormData();
+        form.append("source", checked("source").value);
+        form.append("file", selectedFile, selectedFile.name);
+        setImporting(true);
+        progress.classList.remove("hidden");
+        bar.style.width = "0%";
+        progress.setAttribute("aria-valuenow", "0");
+        status.className = "status";
+        status.textContent = "";
+        $("file-title").textContent = "Importing " + selectedFile.name;
+        $("file-detail").textContent = "Transferring the export to Onadit on this Mac…";
+        var xhr = new XMLHttpRequest();
+        xhr.open("POST", "/ingest");
+        xhr.setRequestHeader("Authorization", "Rift-Setup " + setupToken);
+        xhr.upload.onprogress = function (event) { if (event.lengthComputable) { var percent = Math.round(event.loaded / event.total * 100); bar.style.width = percent + "%"; progress.setAttribute("aria-valuenow", String(percent)); } };
+        xhr.onerror = function () { setImporting(false); resetDrop(); status.className = "status error"; status.textContent = "The local connection stopped. Choose your export again to retry. Onadit checks for duplicates."; };
+        xhr.onload = async function () {
+          try {
+            var body = JSON.parse(xhr.responseText || "{}");
+            if (xhr.status < 200 || xhr.status >= 300) throw new Error(body.message || "Onadit could not read this export. Check that the selected app matches the file.");
+            if (!body.job_id) throw new Error("Onadit did not return an import reference. Try importing again.");
+            rememberJob(body.job_id);
+            await followImport(body.job_id, body.duplicate);
+          } catch (error) {
+            setImporting(false);
+            resetDrop();
+            status.className = "status error";
+            status.textContent = error instanceof Error ? error.message : "The import did not finish.";
+          }
+        };
+        xhr.send(form);
+      }
+
+      async function runSearch() {
+        var query = $("query").value.trim();
+        var status = $("search-status");
+        var results = $("results");
+        if (!query || searching) return;
+        searching = true;
+        status.className = "status";
+        status.textContent = "Searching…";
+        results.replaceChildren();
+        try {
+          var response = await fetch("/search", { method: "POST", headers: authHeaders({ "Content-Type": "application/json" }), body: JSON.stringify({ query: query, top_k: 3, detail: "summary" }) });
+          var body = await response.json();
+          if (!response.ok) throw new Error(body.message || (response.status === 401 ? "This setup link expired. Reopen the Onadit installer to search again." : "Onadit could not search. Try again when the local connection returns."));
+          var hits = Array.isArray(body.results) ? body.results : [];
+          if (!hits.length) { status.className = "status error"; status.textContent = "No match. Try a distinctive word, a project name or a person."; return; }
+          status.textContent = "";
+          hits.forEach(function (hit, index) {
+            var article = document.createElement("article");
+            article.className = "result";
+            article.style.animationDelay = (index * 50) + "ms";
+            var title = document.createElement("strong"); title.textContent = String(hit.title || "Untitled conversation");
+            var snippet = document.createElement("p"); snippet.textContent = String(hit.snippet || hit.summary || "Match found in your archive.");
+            var meta = document.createElement("small"); meta.textContent = "Past conversation · " + String(hit.source || "") + " · " + String(hit.timestamp || "").slice(0, 10);
+            article.append(title, snippet, meta);
+            if (hit.expand && hit.expand.params) {
+              var full = document.createElement("details");
+              var label = document.createElement("summary"); label.textContent = "Read the conversation";
+              var content = document.createElement("p");
+              full.append(label, content);
+              var loaded = false, loading = false;
+              full.addEventListener("toggle", async function () {
+                if (!full.open || loaded || loading) return;
+                loading = true; content.textContent = "Opening…";
+                try {
+                  var response = await fetch("/search", { method: "POST", headers: authHeaders({ "Content-Type": "application/json" }), body: JSON.stringify(Object.assign({}, hit.expand.params, { detail: "full" })) });
+                  var body = await response.json();
+                  if (!response.ok || !body.results || !body.results[0]) throw new Error("The conversation could not be opened. Close this section and reopen it to retry.");
+                  content.textContent = body.results[0].content || "No text is available for this conversation.";
+                  loaded = true;
+                } catch (error) { content.textContent = error instanceof Error ? error.message : "Could not open this conversation."; }
+                finally { loading = false; }
+              });
+              article.append(full);
+            }
+            results.append(article);
+          });
+          completed[2] = true;
+          $("recall-next").disabled = false;
+          $("ask-text").textContent = "What did I figure out about “" + query + "”? Check my past chats.";
+          renderRail();
+        } catch (error) {
+          status.className = "status error";
+          status.textContent = error instanceof Error ? error.message : "Onadit could not run the search.";
+        } finally { searching = false; }
+      }
+      $("search").addEventListener("click", runSearch);
+      $("query").addEventListener("keydown", function (event) { if (event.key === "Enter") runSearch(); });
+      function copyQuestion(button, text, status) {
+        button.addEventListener("click", async function () {
+          var label = button.querySelector("span");
+          try { await navigator.clipboard.writeText(text().trim()); label.textContent = "Copied"; setTimeout(function () { label.textContent = "Copy"; }, 1600); }
+          catch (_) { if (status) { status.className = "status"; status.textContent = "Clipboard access is blocked. Select and copy the question above."; } }
+        });
+      }
+      copyQuestion($("copy"), function () { return $("ask-text").textContent; }, $("connect-status"));
+      copyQuestion($("copy-try"), function () { return $("try-text").textContent; }, null);
+      $("confirm-remove").addEventListener("click", async function () {
+        $("remove-dialog").close();
+        this.disabled = true;
+        var status = $("remove-status");
+        status.classList.remove("hidden");
+        status.textContent = "Removing Onadit and its local archive…";
+        try {
+          var response = await fetch("/setup/remove", { method: "POST", headers: authHeaders({ "Content-Type": "application/json" }), body: "{}" });
+          if (!response.ok) throw new Error("Onadit could not start removal.");
+          status.className = "status ok";
+          status.textContent = "Removing Onadit…";
+          var button = this;
+          $("remove").disabled = true;
+          // Watch the removal instead of assuming it worked. A finished uninstall
+          // takes the daemon with it, so a failed poll IS the success signal; an
+          // answered poll saying "failed" means parts of Onadit are still here and
+          // the archive may not be deleted, which the user must be told.
+          var attempts = 0;
+          var watch = window.setInterval(async function () {
+            attempts += 1;
+            try {
+              var poll = await fetch("/setup/remove/status", { headers: authHeaders({}) });
+              var body = await poll.json();
+              if (body && body.state === "failed") {
+                window.clearInterval(watch);
+                button.disabled = false;
+                $("remove").disabled = false;
+                status.className = "status error";
+                status.textContent = body.message || "Onadit could not be removed. Some of it may still be on this Mac.";
+              } else if (attempts > 40) {
+                window.clearInterval(watch);
+                status.textContent = "Still removing. If this does not finish, double-click the Onadit uninstaller.";
+              }
+            } catch (pollError) {
+              // The daemon is stopped FIRST and everything destructive — the
+              // archive, credentials, MCP entries, launchers — happens after,
+              // with nothing left alive to report on it. So a dead connection
+              // proves the daemon stopped, and nothing else. Claiming "removed"
+              // here would tell someone their archive was deleted when the step
+              // that deletes it may have failed.
+              window.clearInterval(watch);
+              status.className = "status";
+              status.textContent = "Onadit's daemon has stopped, so this page cannot follow the rest. Onadit will tell you on screen when it finishes, and writes a full log to ~/Library/Logs/Rift/.";
+            }
+          }, 1500);
+        } catch (error) {
+          this.disabled = false;
+          status.className = "status error";
+          status.textContent = error instanceof Error ? error.message : "Onadit could not start removal.";
+        }
+      });
+
+      // The memory sphere: a dithered, lit ball drawn at half resolution and
+      // scaled up with crisp pixels. Each dot has its own noise threshold that
+      // drifts slowly, so the surface shimmers without flickering. It stops
+      // when the tab is hidden and stays still under reduced motion.
+      (function moon() {
+        var canvas = $("moon");
+        var ctx = canvas.getContext && canvas.getContext("2d");
+        if (!ctx) return;
+        var size = canvas.width, radius = size * 0.43, cx = size / 2, cy = size / 2;
+        var image = ctx.createImageData(size, size);
+        var noise = new Float32Array(size * size);
+        for (var i = 0; i < noise.length; i++) noise[i] = Math.random();
+        var still = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+        function draw(t) {
+          var data = image.data;
+          var angle = t * 0.00005;
+          var lx = Math.cos(angle) * 0.55 + 0.25, ly = -0.55, lz = 0.62;
+          var len = Math.sqrt(lx * lx + ly * ly + lz * lz); lx /= len; ly /= len; lz /= len;
+          var drift = t * 0.00004;
+          for (var y = 0; y < size; y++) {
+            for (var x = 0; x < size; x++) {
+              var p = (y * size + x) * 4;
+              var nx = (x - cx) / radius, ny = (y - cy) / radius, r2 = nx * nx + ny * ny;
+              var on = false;
+              if (r2 <= 1) {
+                var nz = Math.sqrt(1 - r2);
+                var light = Math.max(0, nx * lx + ny * ly + nz * lz);
+                var level = 0.04 + Math.pow(light, 1.35) * 0.9;
+                var threshold = (noise[y * size + x] + drift) % 1;
+                on = threshold < level;
+              } else if (noise[y * size + x] > 0.99985) {
+                on = true;
+              }
+              data[p] = data[p + 1] = data[p + 2] = 247;
+              data[p + 3] = on ? 255 : 0;
+            }
+          }
+          ctx.putImageData(image, 0, 0);
+        }
+        draw(0);
+        if (still) return;
+        var last = 0;
+        function frame(t) {
+          if (!document.hidden && t - last > 66) { draw(t); last = t; }
+          requestAnimationFrame(frame);
+        }
+        requestAnimationFrame(frame);
+      }());
+
+      renderRail();
+      if (lastJobId) followImport(lastJobId, false);
+    }());
+  </script>
+</body>
+</html>`;
+}
+export function renderExpiredSetupPage() {
+    return `<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"><meta name="color-scheme" content="dark"><title>Onadit setup link expired</title><style>body{margin:0;background:#111315;color:#eceeed;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:520px;margin:12vh auto;padding:32px}header{color:#8a8f98;margin-bottom:40px}h1{font-size:30px;font-weight:550;line-height:1.2;letter-spacing:-1px;margin:0 0 20px}p{color:#a0a7a5}</style></head><body><main><header>rift</header><h1>This setup link has expired.</h1><p>Reopen the Onadit installer to create a new private setup link. Your data has not been changed.</p></main></body></html>`;
+}
+//# sourceMappingURL=setup-page.js.map