pinokiod 5.3.6 → 5.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pinokiod",
-  "version": "5.3.6",
+  "version": "5.3.8",
   "description": "",
   "main": "index.js",
   "scripts": {

package/server/index.js

@@ -48,6 +48,8 @@ const REGISTRY_PING_PNG = Buffer.from(
   'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMBAAObF+6bAAAAAElFTkSuQmCC',
   'base64'
 )
+const DEFAULT_REGISTRY_URL = 'https://beta.pinokio.co'
+const DEFAULT_REGISTRY_CONNECT_URL = `${DEFAULT_REGISTRY_URL}/connect/pinokio`
 
 const ex = fn => (req, res, next) => {
   Promise.resolve(fn(req, res, next)).catch(next);
@@ -1106,9 +1108,9 @@ class Server {
     result.snapshotFooterEnabled = !!(options && options.snapshotFooterEnabled)
     result.hasSnapshots = !!(options && options.hasSnapshots)
     result.pendingSnapshotId = options && options.pendingSnapshotId ? String(options.pendingSnapshotId) : null
-    const registryBetaEnabled = await this.isRegistryBetaEnabled().catch(() => false)
-    result.registryBetaEnabled = registryBetaEnabled
-    if (!registryBetaEnabled) {
+    const registryEnabled = await this.isRegistryEnabled().catch(() => false)
+    result.registryEnabled = registryEnabled
+    if (!registryEnabled) {
       result.pendingSnapshotId = null
     }
 //    if (!this.kernel.proto.config) {
@@ -1131,28 +1133,8 @@ class Server {
     }
     return { editorUrl, prevUrl }
   }
-  parseRegistryBetaValue(value) {
-    if (value === true) return true
-    if (value === false) return false
-    if (value == null) return null
-    const str = String(value).trim().toLowerCase()
-    if (!str) return null
-    if (["1", "true", "yes", "on", "enable", "enabled"].includes(str)) return true
-    if (["0", "false", "no", "off", "disable", "disabled"].includes(str)) return false
-    return null
-  }
-  async isRegistryBetaEnabled() {
-    let raw = null
-    try {
-      const env = await Environment.get(this.kernel.homedir, this.kernel)
-      if (env && Object.prototype.hasOwnProperty.call(env, "PINOKIO_REGISTRY_BETA")) {
-        raw = env.PINOKIO_REGISTRY_BETA
-      }
-    } catch (_) {}
-    if (raw == null && process.env.PINOKIO_REGISTRY_BETA != null) {
-      raw = process.env.PINOKIO_REGISTRY_BETA
-    }
-    return this.parseRegistryBetaValue(raw) === true
+  async isRegistryEnabled() {
+    return true
   }
   async updateEnvironmentVars(updates) {
     await Environment.init({}, this.kernel)
@@ -1194,6 +1176,9 @@ class Server {
         await this.updateEnvironmentVars(updates).catch(() => {})
       }
     }
+    if (!url) {
+      url = DEFAULT_REGISTRY_URL
+    }
     return { url, apiKey }
   }
   async getRegistryConnectUrl() {
@@ -1229,6 +1214,11 @@ class Server {
         }
       }
     }
+    if (!value) {
+      const registry = await this.getRegistryConfig().catch(() => ({ url: null }))
+      const baseUrl = registry && registry.url ? String(registry.url).replace(/\/$/, "") : ""
+      value = baseUrl ? `${baseUrl}/connect/pinokio` : DEFAULT_REGISTRY_CONNECT_URL
+    }
     if (value && source === "env-endpoint") {
       await this.updateEnvironmentVars({
         PINOKIO_REGISTRY_CONNECT_URL: value,
@@ -1271,9 +1261,9 @@ class Server {
     let hasSnapshots = false
     let pendingSnapshotId = null
     const debugLogs = []
-    const registryBetaEnabled = await this.isRegistryBetaEnabled().catch(() => false)
+    const registryEnabled = await this.isRegistryEnabled().catch(() => false)
     const shouldTreatPending = (entry) => {
-      if (!registryBetaEnabled || !entry || entry.decision) return false
+      if (!registryEnabled || !entry || entry.decision) return false
       const status = entry.sync && entry.sync.status ? String(entry.sync.status) : "local"
       if (status === "published" || status === "imported") return false
       return true
@@ -4616,7 +4606,7 @@ class Server {
       })
     }))
     this.app.get("/checkpoints", ex(async (req, res) => {
-      const registryBetaEnabled = await this.isRegistryBetaEnabled().catch(() => false)
+      const registryEnabled = await this.isRegistryEnabled().catch(() => false)
       const peerAccess = await this.composePeerAccessPayload()
       const list = this.getPeers()
       const history = this.kernel.git && this.kernel.git.history ? this.kernel.git.history : { version: "1", apps: {} }
@@ -4819,7 +4809,7 @@ class Server {
         autoInstall,
         importError,
         checkpointsDir,
-        registryBetaEnabled,
+        registryEnabled,
         portal: this.portal,
         logo: this.logo,
         theme: this.theme,
@@ -4827,19 +4817,37 @@ class Server {
         list,
       })
     }))
-    this.app.get("/checkpoints/registry_beta", ex(async (req, res) => {
-      const registryBetaEnabled = await this.isRegistryBetaEnabled().catch(() => false)
+    this.app.get("/checkpoints/registry", ex(async (req, res) => {
       const registryConnectUrl = await this.getRegistryConnectUrl().catch(() => null)
       const registryUrlPrefill = typeof req.query.registry_url === "string" ? req.query.registry_url.trim() : ""
-      res.render("checkpoints_registry_beta", {
-        registryBetaEnabled,
+      res.render("checkpoints_registry", {
         registryConnectUrl,
         registryUrlPrefill,
         theme: this.theme,
         agent: req.agent,
       })
     }))
-
+    this.app.post("/checkpoints/registry", ex(async (req, res) => {
+      const connectRaw = Object.prototype.hasOwnProperty.call(req.body || {}, "connectUrl")
+        ? req.body.connectUrl
+        : (Object.prototype.hasOwnProperty.call(req.body || {}, "registry_url")
+          ? req.body.registry_url
+          : (Object.prototype.hasOwnProperty.call(req.body || {}, "connectEndpoint")
+            ? req.body.connectEndpoint
+            : (Object.prototype.hasOwnProperty.call(req.query || {}, "connectUrl")
+              ? req.query.connectUrl
+              : (Object.prototype.hasOwnProperty.call(req.query || {}, "registry_url")
+                ? req.query.registry_url
+                : (Object.prototype.hasOwnProperty.call(req.query || {}, "connectEndpoint")
+                  ? req.query.connectEndpoint
+                  : "")))))
+      const connectUrl = connectRaw != null ? String(connectRaw).trim() : ""
+      await this.updateEnvironmentVars({
+        PINOKIO_REGISTRY_CONNECT_URL: connectUrl,
+        PINOKIO_REGISTRY_CONNECT_ENDPOINT: ""
+      })
+      res.json({ ok: true, connectUrl: connectUrl || null })
+    }))
     this.app.get("/registry/ping.png", ex(async (_req, res) => {
       res.setHeader('Content-Type', 'image/png')
       res.setHeader('Cache-Control', 'no-store')
@@ -4852,7 +4860,7 @@ class Server {
       const returnRaw = typeof req.query.return === 'string' ? req.query.return.trim() : ''
       const successRaw = typeof req.query.success === 'string' ? req.query.success.trim() : ''
       const appSlug = typeof req.query.app === 'string' ? req.query.app.trim() : ''
-      const registryEnabled = await this.isRegistryBetaEnabled().catch(() => false)
+      const registryEnabled = await this.isRegistryEnabled().catch(() => false)
 
       let returnUrl = null
       if (returnRaw) {
@@ -5018,49 +5026,9 @@ class Server {
       res.json({ linked: !!apiKey, url: baseUrl })
     }))
 
-    this.app.post("/checkpoints/registry_beta", ex(async (req, res) => {
-      const rawValue = Object.prototype.hasOwnProperty.call(req.body || {}, "enabled")
-        ? req.body.enabled
-        : (Object.prototype.hasOwnProperty.call(req.query || {}, "enabled") ? req.query.enabled : null)
-      const hasConnectField = Object.prototype.hasOwnProperty.call(req.body || {}, "connectUrl")
-        || Object.prototype.hasOwnProperty.call(req.body || {}, "connectEndpoint")
-        || Object.prototype.hasOwnProperty.call(req.body || {}, "registry_url")
-        || Object.prototype.hasOwnProperty.call(req.query || {}, "connectUrl")
-        || Object.prototype.hasOwnProperty.call(req.query || {}, "connectEndpoint")
-        || Object.prototype.hasOwnProperty.call(req.query || {}, "registry_url")
-      const connectRaw = Object.prototype.hasOwnProperty.call(req.body || {}, "connectUrl")
-        ? req.body.connectUrl
-        : (Object.prototype.hasOwnProperty.call(req.body || {}, "registry_url")
-          ? req.body.registry_url
-          : (Object.prototype.hasOwnProperty.call(req.body || {}, "connectEndpoint")
-            ? req.body.connectEndpoint
-            : (Object.prototype.hasOwnProperty.call(req.query || {}, "connectUrl")
-              ? req.query.connectUrl
-              : (Object.prototype.hasOwnProperty.call(req.query || {}, "registry_url")
-                ? req.query.registry_url
-                : (Object.prototype.hasOwnProperty.call(req.query || {}, "connectEndpoint")
-                  ? req.query.connectEndpoint
-                  : null)))))
-      const connectUrl = connectRaw != null ? String(connectRaw).trim() : ""
-      const parsed = this.parseRegistryBetaValue(rawValue)
-      if (parsed == null) {
-        res.status(400).json({ ok: false, error: "Invalid enabled value" })
-        return
-      }
-      const updates = {
-        PINOKIO_REGISTRY_BETA: parsed ? "1" : ""
-      }
-      if (hasConnectField) {
-        updates.PINOKIO_REGISTRY_CONNECT_URL = connectUrl
-        updates.PINOKIO_REGISTRY_CONNECT_ENDPOINT = ""
-      }
-      await this.updateEnvironmentVars(updates)
-      res.json({ ok: true, enabled: parsed, connectUrl: connectUrl || null })
-    }))
-
 		    this.app.post("/checkpoints/publish", ex(async (req, res) => {
-      const registryBetaEnabled = await this.isRegistryBetaEnabled().catch(() => false)
-      if (!registryBetaEnabled) {
+      const registryEnabled = await this.isRegistryEnabled().catch(() => false)
+      if (!registryEnabled) {
         res.status(404).json({ ok: false, error: "Not found" })
         return
       }
@@ -5130,8 +5098,8 @@ class Server {
 	    }))
 
 	    this.app.post("/checkpoints/decision", ex(async (req, res) => {
-      const registryBetaEnabled = await this.isRegistryBetaEnabled().catch(() => false)
-      if (!registryBetaEnabled) {
+      const registryEnabled = await this.isRegistryEnabled().catch(() => false)
+      if (!registryEnabled) {
         res.status(404).json({ ok: false, error: "Not found" })
         return
       }
@@ -5161,13 +5129,13 @@ class Server {
         res.json({ ok: false })
         return
       }
-      const registryBetaEnabled = await this.isRegistryBetaEnabled().catch(() => false)
+      const registryEnabled = await this.isRegistryEnabled().catch(() => false)
       const publishRaw = typeof req.query.publish === 'string' ? req.query.publish.trim().toLowerCase() : ''
-      const wantPublish = registryBetaEnabled && (publishRaw === '1' || publishRaw === 'true' || publishRaw === 'cloud')
+      const wantPublish = registryEnabled && (publishRaw === '1' || publishRaw === 'true' || publishRaw === 'cloud')
       const root = this.kernel.path("api", name)
 	      const repos = await this.kernel.git.repos(root)
 	      const created = await this.kernel.git.appendWorkspaceSnapshot(name, repos)
-	      if (registryBetaEnabled && created && created.remoteKey && created.id) {
+	      if (registryEnabled && created && created.remoteKey && created.id) {
 	        const existingDecision = this.kernel.git.getCheckpointDecision(created.remoteKey, created.id)
 	        if (!existingDecision) {
 	          await this.kernel.git.setCheckpointDecision(created.remoteKey, created.id, "pending").catch(() => {})

package/server/views/app.ejs

@@ -3702,12 +3702,12 @@ body.dark .snapshot-footer-input input {
         <iframe class='selected' src="<%=editor_tab%>"></iframe>
       <% } %>
     </main>
-    <% const registryEnabled = typeof registryBetaEnabled === "undefined" ? false : registryBetaEnabled; %>
+    <% const registryEnabledValue = typeof registryEnabled === "undefined" ? false : registryEnabled; %>
     <% const snapshotFooterAllowed = typeof snapshotFooterEnabled === "undefined" ? false : snapshotFooterEnabled; %>
     <% if (snapshotFooterAllowed) { %>
-      <div class='snapshot-footer hidden' data-workspace="<%=name%>" data-pending-snapshot-id="<%= pendingSnapshotId ? pendingSnapshotId : '' %>" data-registry-beta-enabled="<%= registryEnabled ? '1' : '0' %>">
-        <div class="snapshot-footer-save <%= registryEnabled && pendingSnapshotId ? 'hidden' : '' %>">
-          <div class='caption' title="<%= registryEnabled ? 'Saves a tiny JSON checkpoint of exact commit hashes (no files). You can publish it after saving.' : 'Saves a tiny JSON checkpoint of exact commit hashes (no files).' %>">
+      <div class='snapshot-footer hidden' data-workspace="<%=name%>" data-pending-snapshot-id="<%= pendingSnapshotId ? pendingSnapshotId : '' %>" data-registry-enabled="<%= registryEnabledValue ? '1' : '0' %>">
+        <div class="snapshot-footer-save <%= registryEnabledValue && pendingSnapshotId ? 'hidden' : '' %>">
+          <div class='caption' title="<%= registryEnabledValue ? 'Saves a tiny JSON checkpoint of exact commit hashes (no files). You can publish it after saving.' : 'Saves a tiny JSON checkpoint of exact commit hashes (no files).' %>">
             Snapshot installed modules information and restore later
           </div>
           <div class="snapshot-footer-actions" style="display:flex; gap:10px; flex-wrap:wrap; align-items:center;">
@@ -3718,7 +3718,7 @@ body.dark .snapshot-footer-input input {
             <button type="button" class="btn snapshot-btn-dismiss"><i class="fa-solid fa-circle-xmark"></i> Dismiss</button>
           </div>
         </div>
-        <% if (registryEnabled) { %>
+        <% if (registryEnabledValue) { %>
           <div class="snapshot-footer-publish <%= pendingSnapshotId ? '' : 'hidden' %>" aria-live="polite">
             <div class="snapshot-footer-publish-text">Local save success! Publish to the registry?</div>
             <div class="snapshot-footer-actions" style="display:flex; gap:10px; flex-wrap:wrap; align-items:center;">
@@ -9731,7 +9731,7 @@ document.addEventListener("DOMContentLoaded", () => {
   const publishText = publishPanel ? publishPanel.querySelector(".snapshot-footer-publish-text") : null
   const publishActions = publishPanel ? publishPanel.querySelector(".snapshot-footer-actions") : null
   if (!saveBtn) return
-  const registryBetaEnabled = footer.getAttribute("data-registry-beta-enabled") === "1"
+  const registryEnabled = footer.getAttribute("data-registry-enabled") === "1"
   const workspace = footer.getAttribute("data-workspace")
   if (!workspace) {
     footer.classList.add("hidden")
@@ -9780,7 +9780,7 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   }
   const showPublishPanel = () => {
-    if (!registryBetaEnabled) {
+    if (!registryEnabled) {
       footer.classList.add("hidden")
       return
     }
@@ -9795,7 +9795,7 @@ document.addEventListener("DOMContentLoaded", () => {
     const hasSnapshots = !!(status && status.hasSnapshots)
     pendingSnapshotId = status && status.pendingSnapshotId ? String(status.pendingSnapshotId) : ""
     footer.setAttribute("data-pending-snapshot-id", pendingSnapshotId)
-    const shouldShow = !hasSnapshots || (registryBetaEnabled && pendingSnapshotId)
+    const shouldShow = !hasSnapshots || (registryEnabled && pendingSnapshotId)
     if (!shouldShow) {
       setDismissedClass(false)
       footer.classList.add("hidden")
@@ -10194,8 +10194,8 @@ document.addEventListener("DOMContentLoaded", () => {
   }
 
   saveBtn.addEventListener("click", handleSave)
-  if (registryBetaEnabled && publishBtn) publishBtn.addEventListener("click", handlePublish)
-  if (registryBetaEnabled && laterBtn) laterBtn.addEventListener("click", handleLater)
+  if (registryEnabled && publishBtn) publishBtn.addEventListener("click", handlePublish)
+  if (registryEnabled && laterBtn) laterBtn.addEventListener("click", handleLater)
   if (dismissBtn) dismissBtn.addEventListener("click", handleDismiss)
 })
 </script>

package/server/views/checkpoints.ejs

@@ -403,12 +403,12 @@ body.dark .backup-loading .backup-loading-text {
 window.backupItems = <%- JSON.stringify(items || []) %>;
 window.backupAutoInstall = <%- JSON.stringify(autoInstall || null) %>;
 window.backupImportError = <%- JSON.stringify(importError || null) %>;
-window.registryBetaEnabled = <%- JSON.stringify(!!registryBetaEnabled) %>;
+window.registryEnabled = <%- JSON.stringify(!!registryEnabled) %>;
 document.addEventListener("DOMContentLoaded", () => {
   const items = Array.isArray(window.backupItems) ? window.backupItems : []
   const autoInstall = window.backupAutoInstall && typeof window.backupAutoInstall === "object" ? window.backupAutoInstall : null
   const importError = typeof window.backupImportError === "string" && window.backupImportError.trim() ? window.backupImportError.trim() : null
-  const registryBetaEnabled = window.registryBetaEnabled === true
+  const registryEnabled = window.registryEnabled === true
 
   const escapeHtml = (value) => {
     const str = value == null ? '' : String(value)
@@ -509,7 +509,7 @@ document.addEventListener("DOMContentLoaded", () => {
 	    if (when) metaParts.push(when)
 	    const metaText = metaParts.join(" · ")
       const syncStatus = snap && snap.sync && snap.sync.status ? String(snap.sync.status) : null
-      const publishMarkup = registryBetaEnabled
+      const publishMarkup = registryEnabled
         ? (syncStatus === "published"
           ? `<span class="badge">Cloud saved</span>`
           : `<button type="button" class="url-modal-button confirm snapshot-publish" data-snapshot-id="${snap.id}">Save to Cloud</button>`)
@@ -1070,12 +1070,17 @@ document.addEventListener("DOMContentLoaded", () => {
     <div class='content backups-container'>
       <h2>Checkpoints</h2>
       <p class="subtitle">Local version history for workspaces on this machine.</p>
-      <div style="margin: 10px 0 20px 0;">
+      <div style="margin: 10px 0 20px 0; display:flex; gap:10px; flex-wrap:wrap;">
         <% if (checkpointsDir) { %>
           <button type="button" class="btn" data-filepath="<%= checkpointsDir %>">
             <i class="fa-solid fa-folder-open"></i> Open checkpoints folder
           </button>
         <% } %>
+        <% if (registryEnabled) { %>
+          <a class="btn" href="/checkpoints/registry">
+            <i class="fa-solid fa-link"></i> Registry settings
+          </a>
+        <% } %>
       </div>
       <% if (items && items.length > 0) { %>
         <% items.forEach((item) => { %>

package/server/views/checkpoints_registry.ejs

@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      body {
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 100vh;
+        margin: 0;
+        background: #f5f5f5;
+        color: #0f172a;
+      }
+      .card {
+        background: white;
+        padding: 32px;
+        border-radius: 12px;
+        box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
+        max-width: 520px;
+        width: calc(100% - 32px);
+      }
+      h1 {
+        margin: 0 0 8px;
+        font-size: 22px;
+      }
+      .subtitle {
+        margin: 0 0 16px;
+        color: #64748b;
+        font-size: 14px;
+      }
+      label {
+        display: block;
+        font-weight: 600;
+        font-size: 13px;
+        margin-bottom: 6px;
+      }
+      input[type="url"] {
+        width: 100%;
+        padding: 10px 12px;
+        border-radius: 8px;
+        border: 1px solid #e2e8f0;
+        font-size: 14px;
+        box-sizing: border-box;
+      }
+      .hint {
+        margin-top: 6px;
+        font-size: 12px;
+        color: #94a3b8;
+      }
+      .actions {
+        margin-top: 16px;
+        display: flex;
+        gap: 10px;
+        flex-wrap: wrap;
+      }
+      .btn {
+        border: none;
+        border-radius: 8px;
+        padding: 10px 16px;
+        font-size: 14px;
+        cursor: pointer;
+        text-decoration: none;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .btn-primary {
+        background: #2563eb;
+        color: white;
+      }
+      .btn-secondary {
+        background: #e2e8f0;
+        color: #0f172a;
+      }
+      .message {
+        margin-top: 12px;
+        font-size: 13px;
+        min-height: 18px;
+      }
+      .message.success {
+        color: #166534;
+      }
+      .message.error {
+        color: #991b1b;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="card">
+      <h1>Registry Settings</h1>
+      <div class="subtitle">Set the connect URL used for linking and published checkpoints.</div>
+      <form id="registry-form">
+        <label for="registry-connect-url">Registry connect URL</label>
+        <input
+          id="registry-connect-url"
+          type="url"
+          placeholder="https://your-registry/connect/pinokio"
+          value="<%= registryUrlPrefill || registryConnectUrl || '' %>"
+          autocomplete="off"
+        />
+        <div class="hint">Example: https://your-registry/connect/pinokio</div>
+        <div class="actions">
+          <button class="btn btn-primary" type="submit">Save</button>
+          <a class="btn btn-secondary" href="/checkpoints">Back</a>
+        </div>
+      </form>
+      <div id="registry-message" class="message" aria-live="polite"></div>
+    </div>
+
+    <script>
+      const form = document.getElementById("registry-form");
+      const input = document.getElementById("registry-connect-url");
+      const message = document.getElementById("registry-message");
+
+      const setMessage = (text, isError) => {
+        if (!message) return;
+        message.textContent = text || "";
+        message.classList.toggle("error", !!isError);
+        message.classList.toggle("success", !isError && !!text);
+      };
+
+      if (form) {
+        form.addEventListener("submit", async (event) => {
+          event.preventDefault();
+          setMessage("");
+          const connectUrl = input && input.value != null ? String(input.value).trim() : "";
+          const submitBtn = form.querySelector("button[type='submit']");
+          if (submitBtn) submitBtn.disabled = true;
+          try {
+            const res = await fetch("/checkpoints/registry", {
+              method: "POST",
+              headers: { "Content-Type": "application/json", "Accept": "application/json" },
+              body: JSON.stringify({ connectUrl })
+            });
+            const payload = res.ok ? await res.json().catch(() => null) : null;
+            if (!payload || !payload.ok) {
+              setMessage("Could not save registry settings.", true);
+            } else {
+              setMessage("Saved.", false);
+            }
+          } catch (_) {
+            setMessage("Could not save registry settings.", true);
+          } finally {
+            if (submitBtn) submitBtn.disabled = false;
+          }
+        });
+      }
+    </script>
+  </body>
+</html>

package/server/views/checkpoints_registry_beta.ejs

@@ -1,260 +0,0 @@
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style>
-      :root {
-        --bg: #f5f5f5;
-        --card: #ffffff;
-        --text: #0f172a;
-        --muted: #64748b;
-        --border: rgba(15, 23, 42, 0.08);
-        --btn: #111827;
-        --btn-text: #ffffff;
-        --btn-secondary: #e2e8f0;
-        --btn-secondary-text: #0f172a;
-        --badge-on: #16a34a;
-        --badge-off: #dc2626;
-      }
-      body.dark {
-        --bg: #0b1120;
-        --card: #111827;
-        --text: #e2e8f0;
-        --muted: #94a3b8;
-        --border: rgba(148, 163, 184, 0.2);
-        --btn: #e2e8f0;
-        --btn-text: #0b1120;
-        --btn-secondary: #1f2937;
-        --btn-secondary-text: #e2e8f0;
-        --badge-on: #22c55e;
-        --badge-off: #f87171;
-      }
-      body {
-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-        background: var(--bg);
-        color: var(--text);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        min-height: 100vh;
-        margin: 0;
-        padding: 24px;
-      }
-      .card {
-        background: var(--card);
-        border: 1px solid var(--border);
-        border-radius: 16px;
-        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
-        padding: 28px;
-        max-width: 520px;
-        width: 100%;
-      }
-      .title {
-        font-size: 22px;
-        font-weight: 700;
-        margin: 0 0 6px 0;
-      }
-      .subtitle {
-        margin: 0 0 18px 0;
-        color: var(--muted);
-        font-size: 14px;
-      }
-      .status-row {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-        margin-bottom: 18px;
-      }
-      .field {
-        display: flex;
-        flex-direction: column;
-        gap: 6px;
-        margin-bottom: 18px;
-      }
-      .field label {
-        font-size: 13px;
-        color: var(--muted);
-        text-transform: uppercase;
-        letter-spacing: 0.08em;
-      }
-      .field input {
-        border: 1px solid var(--border);
-        background: transparent;
-        color: var(--text);
-        padding: 10px 12px;
-        border-radius: 10px;
-        font-size: 14px;
-      }
-      .field-hint {
-        font-size: 12px;
-        color: var(--muted);
-      }
-      .status-label {
-        font-size: 13px;
-        color: var(--muted);
-        text-transform: uppercase;
-        letter-spacing: 0.08em;
-      }
-      .status-badge {
-        padding: 6px 12px;
-        border-radius: 999px;
-        font-weight: 600;
-        font-size: 12px;
-        border: 1px solid transparent;
-      }
-      .status-badge.enabled {
-        color: var(--badge-on);
-        border-color: rgba(22, 163, 74, 0.3);
-        background: rgba(22, 163, 74, 0.12);
-      }
-      .status-badge.disabled {
-        color: var(--badge-off);
-        border-color: rgba(220, 38, 38, 0.3);
-        background: rgba(220, 38, 38, 0.12);
-      }
-      .actions {
-        display: flex;
-        gap: 10px;
-        flex-wrap: wrap;
-      }
-      .btn {
-        border: none;
-        border-radius: 10px;
-        padding: 10px 16px;
-        font-weight: 600;
-        cursor: pointer;
-        transition: transform 0.05s ease, opacity 0.15s ease;
-      }
-      .btn:disabled {
-        opacity: 0.6;
-        cursor: not-allowed;
-      }
-      .btn:active {
-        transform: translateY(1px);
-      }
-      .btn-primary {
-        background: var(--btn);
-        color: var(--btn-text);
-      }
-      .btn-secondary {
-        background: var(--btn-secondary);
-        color: var(--btn-secondary-text);
-      }
-      .note {
-        margin-top: 16px;
-        font-size: 13px;
-        color: var(--muted);
-      }
-      .message {
-        margin-top: 10px;
-        font-size: 13px;
-        min-height: 18px;
-      }
-      .message.success {
-        color: var(--badge-on);
-      }
-      .message.error {
-        color: var(--badge-off);
-      }
-    </style>
-  </head>
-  <body class="<%= theme %>" data-agent="<%= agent %>">
-    <div class="card">
-      <div class="title">Registry Beta</div>
-      <div class="subtitle">Enable or disable registry publish features for this Pinokio install.</div>
-      <div class="status-row">
-        <div class="status-label">Status</div>
-        <div
-          id="registry-beta-status"
-          class="status-badge <%= registryBetaEnabled ? 'enabled' : 'disabled' %>"
-          data-enabled="<%= registryBetaEnabled ? '1' : '0' %>"
-        >
-          <%= registryBetaEnabled ? 'Enabled' : 'Disabled' %>
-        </div>
-      </div>
-      <div class="field">
-        <label for="registry-connect-url">Registry connect URL</label>
-        <input
-          id="registry-connect-url"
-          type="url"
-          placeholder="http://localhost:3000/connect/pinokio"
-          value="<%= registryUrlPrefill || registryConnectUrl || '' %>"
-          autocomplete="off"
-        />
-        <div class="field-hint">Used for connect prompts and published links.</div>
-      </div>
-      <div class="actions">
-        <button id="registry-beta-enable" class="btn btn-primary" type="button">Enable</button>
-        <button id="registry-beta-disable" class="btn btn-secondary" type="button">Disable</button>
-      </div>
-      <div class="note">Writes PINOKIO_REGISTRY_BETA and PINOKIO_REGISTRY_CONNECT_URL in ENVIRONMENT. Reload other pages to see changes.</div>
-      <div id="registry-beta-message" class="message" aria-live="polite"></div>
-    </div>
-    <script>
-      document.addEventListener("DOMContentLoaded", () => {
-        const statusEl = document.getElementById("registry-beta-status")
-        const messageEl = document.getElementById("registry-beta-message")
-        const enableBtn = document.getElementById("registry-beta-enable")
-        const disableBtn = document.getElementById("registry-beta-disable")
-        const connectInput = document.getElementById("registry-connect-url")
-        if (!statusEl || !enableBtn || !disableBtn) return
-
-        let enabled = statusEl.getAttribute("data-enabled") === "1"
-
-        const setMessage = (text, isError) => {
-          if (!messageEl) return
-          messageEl.textContent = text || ""
-          messageEl.classList.toggle("error", !!isError)
-          messageEl.classList.toggle("success", !isError && !!text)
-        }
-
-        const setState = (next) => {
-          enabled = !!next
-          statusEl.textContent = enabled ? "Enabled" : "Disabled"
-          statusEl.setAttribute("data-enabled", enabled ? "1" : "0")
-          statusEl.classList.toggle("enabled", enabled)
-          statusEl.classList.toggle("disabled", !enabled)
-          enableBtn.textContent = enabled ? "Save" : "Enable"
-          enableBtn.disabled = false
-          disableBtn.disabled = !enabled
-        }
-
-        const update = async (next, includeEndpoint) => {
-          setMessage("")
-          enableBtn.disabled = true
-          disableBtn.disabled = true
-          try {
-            const connectUrl = connectInput ? String(connectInput.value || "").trim() : ""
-            const res = await fetch("/checkpoints/registry_beta", {
-              method: "POST",
-              headers: {
-                "Content-Type": "application/json",
-                "Accept": "application/json"
-              },
-              body: JSON.stringify({
-                enabled: next ? "1" : "0",
-                ...(includeEndpoint ? { connectUrl } : {})
-              })
-            })
-            const payload = res.ok ? await res.json().catch(() => null) : null
-            if (!payload || !payload.ok) {
-              throw new Error("Update failed")
-            }
-            setState(!!payload.enabled)
-            setMessage("Updated.")
-          } catch (_) {
-            setState(enabled)
-            setMessage("Could not update setting.", true)
-          } finally {
-            enableBtn.disabled = enabled
-            disableBtn.disabled = !enabled
-          }
-        }
-
-        setState(enabled)
-        enableBtn.addEventListener("click", () => update(true, true))
-        disableBtn.addEventListener("click", () => update(false, true))
-      })
-    </script>
-  </body>
-</html>