@chrysb/alphaclaw 0.1.3 → 0.1.5

package/lib/public/js/app.js

@@ -12,6 +12,8 @@ import {
   fetchOnboardStatus,
   fetchDashboardUrl,
   updateSyncCron,
+  fetchAlphaclawVersion,
+  updateAlphaclaw,
 } from "./lib/api.js";
 import { usePolling } from "./hooks/usePolling.js";
 import { Gateway } from "./components/gateway.js";
@@ -240,6 +242,11 @@ const GeneralTab = ({ onSwitchTab }) => {
 function App() {
   const [onboarded, setOnboarded] = useState(null);
   const [tab, setTab] = useState("general");
+  const [acVersion, setAcVersion] = useState(null);
+  const [acLatest, setAcLatest] = useState(null);
+  const [acHasUpdate, setAcHasUpdate] = useState(false);
+  const [acUpdating, setAcUpdating] = useState(false);
+  const [acDismissed, setAcDismissed] = useState(false);
 
   useEffect(() => {
     fetchOnboardStatus()
@@ -247,6 +254,41 @@ function App() {
       .catch(() => setOnboarded(false));
   }, []);
 
+  useEffect(() => {
+    if (!onboarded) return;
+    let active = true;
+    const check = async () => {
+      try {
+        const data = await fetchAlphaclawVersion(false);
+        if (!active) return;
+        setAcVersion(data.currentVersion || null);
+        setAcLatest(data.latestVersion || null);
+        setAcHasUpdate(!!data.hasUpdate);
+      } catch {}
+    };
+    check();
+    const id = setInterval(check, 5 * 60 * 1000);
+    return () => { active = false; clearInterval(id); };
+  }, [onboarded]);
+
+  const handleAcUpdate = async () => {
+    if (acUpdating) return;
+    setAcUpdating(true);
+    try {
+      const data = await updateAlphaclaw();
+      if (data.ok) {
+        showToast("AlphaClaw updated — restarting...", "success");
+        setTimeout(() => window.location.reload(), 5000);
+      } else {
+        showToast(data.error || "AlphaClaw update failed", "error");
+        setAcUpdating(false);
+      }
+    } catch (err) {
+      showToast(err.message || "Could not update AlphaClaw", "error");
+      setAcUpdating(false);
+    }
+  };
+
   // Still loading onboard status
   if (onboarded === null) {
     return html`
@@ -288,11 +330,37 @@ function App() {
         <div class="flex items-center gap-3 pb-3">
           <div class="text-4xl">🦞</div>
           <div>
-            <h1 class="text-2xl font-semibold">OpenClaw Setup</h1>
+            <h1 class="text-2xl font-semibold">OpenClaw Setup${acVersion ? html`${" "}<span class="text-base font-normal text-gray-600">v${acVersion}</span>` : ""}</h1>
             <p class="text-gray-500 text-sm">This should be easy, right?</p>
           </div>
         </div>
 
+        ${acHasUpdate && acLatest && !acDismissed && html`
+          <div class="mb-3 flex items-center justify-between gap-3 rounded-lg border border-yellow-500/30 bg-yellow-500/10 px-3 py-2">
+            <p class="text-sm text-yellow-400">
+              AlphaClaw <span class="font-medium">v${acLatest}</span> is available
+            </p>
+            <div class="flex items-center gap-2 shrink-0">
+              <button
+                onclick=${handleAcUpdate}
+                disabled=${acUpdating}
+                class="text-xs font-medium px-3 py-1 rounded-lg bg-yellow-500/20 text-yellow-300 hover:bg-yellow-500/30 transition-colors ${acUpdating ? "opacity-50 cursor-not-allowed" : ""}"
+              >
+                ${acUpdating ? "Updating..." : "Update now"}
+              </button>
+              <button
+                onclick=${() => setAcDismissed(true)}
+                class="text-yellow-500/60 hover:text-yellow-400 transition-colors"
+                title="Dismiss"
+              >
+                <svg class="w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
+                  <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"/>
+                </svg>
+              </button>
+            </div>
+          </div>
+        `}
+
         <div class="flex gap-1 border-b border-border">
           ${["general", "models", "envars"].map(
             (t) => html`

package/lib/public/js/components/envars.js

@@ -15,15 +15,78 @@ const kGroupLabels = {
 const kGroupOrder = ["github", "channels", "tools", "custom"];
 
 const kHintByKey = {
-  ANTHROPIC_API_KEY: html`From <a href="https://console.anthropic.com" target="_blank" class="text-blue-400 hover:underline">console.anthropic.com</a>`,
-  ANTHROPIC_TOKEN: html`From <code class="text-xs bg-black/30 px-1 rounded">claude setup-token</code>`,
-  OPENAI_API_KEY: html`From <a href="https://platform.openai.com" target="_blank" class="text-blue-400 hover:underline">platform.openai.com</a>`,
-  GEMINI_API_KEY: html`From <a href="https://aistudio.google.com" target="_blank" class="text-blue-400 hover:underline">aistudio.google.com</a>`,
-  GITHUB_TOKEN: html`Use a <strong>classic PAT</strong> with <code class="text-xs bg-black/30 px-1 rounded">repo</code> scope from <a href="https://github.com/settings/tokens" target="_blank" class="text-blue-400 hover:underline">github.com/settings/tokens</a>. Fine-grained tokens can fail unless they include equivalent repo write permissions.`,
-  GITHUB_WORKSPACE_REPO: html`Use <code class="text-xs bg-black/30 px-1 rounded">owner/repo</code> or <code class="text-xs bg-black/30 px-1 rounded">https://github.com/owner/repo</code>`,
-  TELEGRAM_BOT_TOKEN: html`From <a href="https://t.me/BotFather" target="_blank" class="text-blue-400 hover:underline">@BotFather</a> · <a href="https://docs.openclaw.ai/channels/telegram" target="_blank" class="text-blue-400 hover:underline">full guide</a>`,
-  DISCORD_BOT_TOKEN: html`From <a href="https://discord.com/developers/applications" target="_blank" class="text-blue-400 hover:underline">Developer Portal</a> · <a href="https://docs.openclaw.ai/channels/discord" target="_blank" class="text-blue-400 hover:underline">full guide</a>`,
-  BRAVE_API_KEY: html`From <a href="https://brave.com/search/api/" target="_blank" class="text-blue-400 hover:underline">brave.com/search/api</a> — free tier available`,
+  ANTHROPIC_API_KEY: html`From{" "}
+    <a
+      href="https://console.anthropic.com"
+      target="_blank"
+      class="text-blue-400 hover:underline"
+      >console.anthropic.com</a
+    >`,
+  ANTHROPIC_TOKEN: html`From{" "}
+    <code class="text-xs bg-black/30 px-1 rounded">claude setup-token</code>`,
+  OPENAI_API_KEY: html`From{" "}
+    <a
+      href="https://platform.openai.com"
+      target="_blank"
+      class="text-blue-400 hover:underline"
+      >platform.openai.com</a
+    >`,
+  GEMINI_API_KEY: html`From{" "}
+    <a
+      href="https://aistudio.google.com"
+      target="_blank"
+      class="text-blue-400 hover:underline"
+      >aistudio.google.com</a
+    >`,
+  GITHUB_TOKEN: html`Use a <strong>classic PAT</strong> with{" "}
+    <code class="text-xs bg-black/30 px-1 rounded">repo</code> scope from
+    <a
+      href="https://github.com/settings/tokens"
+      target="_blank"
+      class="text-blue-400 hover:underline"
+      >github.com/settings/tokens</a
+    >.`,
+  GITHUB_WORKSPACE_REPO: html`Use{" "}
+    <code class="text-xs bg-black/30 px-1 rounded">owner/repo</code> or
+    <code class="text-xs bg-black/30 px-1 rounded"
+      >https://github.com/owner/repo</code
+    >`,
+  TELEGRAM_BOT_TOKEN: html`From{" "}
+    <a
+      href="https://t.me/BotFather"
+      target="_blank"
+      class="text-blue-400 hover:underline"
+      >@BotFather</a
+    >
+    ·
+    <a
+      href="https://docs.openclaw.ai/channels/telegram"
+      target="_blank"
+      class="text-blue-400 hover:underline"
+      >full guide</a
+    >`,
+  DISCORD_BOT_TOKEN: html`From{" "}
+    <a
+      href="https://discord.com/developers/applications"
+      target="_blank"
+      class="text-blue-400 hover:underline"
+      >Developer Portal</a
+    >
+    ·
+    <a
+      href="https://docs.openclaw.ai/channels/discord"
+      target="_blank"
+      class="text-blue-400 hover:underline"
+      >full guide</a
+    >`,
+  BRAVE_API_KEY: html`From{" "}
+    <a
+      href="https://brave.com/search/api/"
+      target="_blank"
+      class="text-blue-400 hover:underline"
+      >brave.com/search/api</a
+    >
+    — free tier available`,
 };
 
 const getHintContent = (envVar) => kHintByKey[envVar.key] || envVar.hint || "";
@@ -74,7 +137,9 @@ const EnvRow = ({ envVar, onChange, onDelete, disabled }) => {
             : null}
         </div>
         ${getHintContent(envVar)
-          ? html`<p class="text-xs text-gray-600 mt-1">${getHintContent(envVar)}</p>`
+          ? html`<p class="text-xs text-gray-600 mt-1">
+              ${getHintContent(envVar)}
+            </p>`
           : null}
       </div>
     </div>
@@ -118,7 +183,9 @@ export const Envars = () => {
     if (saving) return;
     setSaving(true);
     try {
-      const toSave = vars.filter((v) => v.editable).map((v) => ({ key: v.key, value: v.value }));
+      const toSave = vars
+        .filter((v) => v.editable)
+        .map((v) => ({ key: v.key, value: v.value }));
       const result = await saveEnvVars(toSave);
       const needsRestart = !!result?.restartRequired;
       setRestartRequired(needsRestart);
@@ -153,11 +220,19 @@ export const Envars = () => {
   const [newVal, setNewVal] = useState("");
 
   const parsePaste = (input) => {
-    const lines = input.split("\n").map((l) => l.trim()).filter(Boolean).filter((l) => !l.startsWith("#"));
+    const lines = input
+      .split("\n")
+      .map((l) => l.trim())
+      .filter(Boolean)
+      .filter((l) => !l.startsWith("#"));
     const pairs = [];
     for (const line of lines) {
       const eqIdx = line.indexOf("=");
-      if (eqIdx > 0) pairs.push({ key: line.slice(0, eqIdx).trim(), value: line.slice(eqIdx + 1).trim() });
+      if (eqIdx > 0)
+        pairs.push({
+          key: line.slice(0, eqIdx).trim(),
+          value: line.slice(eqIdx + 1).trim(),
+        });
     }
     return pairs;
   };
@@ -173,7 +248,15 @@ export const Envars = () => {
         if (existing) {
           existing.value = value;
         } else {
-          next.push({ key, value, label: key, group: "custom", hint: "", source: "env_file", editable: true });
+          next.push({
+            key,
+            value,
+            label: key,
+            group: "custom",
+            hint: "",
+            source: "env_file",
+            editable: true,
+          });
         }
         added++;
       }
@@ -223,7 +306,10 @@ export const Envars = () => {
   };
 
   const handleAddVar = () => {
-    const key = newKey.trim().toUpperCase().replace(/[^A-Z0-9_]/g, "_");
+    const key = newKey
+      .trim()
+      .toUpperCase()
+      .replace(/[^A-Z0-9_]/g, "_");
     if (!key) return;
     addVars([{ key, value: newVal }]);
     setNewKey("");
@@ -257,16 +343,18 @@ export const Envars = () => {
                     onChange=${handleChange}
                     onDelete=${handleDelete}
                     disabled=${saving}
-                  />`
+                  />`,
               )}
             </div>
-          `
+          `,
         )}
 
       <div class="bg-surface border border-border rounded-xl p-4 space-y-3">
         <div class="flex items-center justify-between">
           <h3 class="text-sm font-medium text-gray-400">Add Variable</h3>
-          <span class="text-xs text-gray-600">Paste KEY=VALUE or multiple lines</span>
+          <span class="text-xs text-gray-600"
+            >Paste KEY=VALUE or multiple lines</span
+          >
         </div>
         <input
           type="text"
@@ -326,11 +414,7 @@ export const Envars = () => {
       >
         ${saving
           ? html`<span class="flex items-center justify-center gap-2">
-              <svg
-                class="animate-spin h-4 w-4"
-                viewBox="0 0 24 24"
-                fill="none"
-              >
+              <svg class="animate-spin h-4 w-4" viewBox="0 0 24 24" fill="none">
                 <circle
                   class="opacity-25"
                   cx="12"

package/lib/public/js/components/gateway.js

@@ -3,10 +3,8 @@ import { useEffect, useState } from "https://esm.sh/preact/hooks";
 import htm from "https://esm.sh/htm";
 import {
   fetchOpenclawVersion,
-  fetchAlphaclawVersion,
   restartGateway,
   updateOpenclaw,
-  updateAlphaclaw,
 } from "../lib/api.js";
 import { showToast } from "./toast.js";
 const html = htm.bind(h);
@@ -82,7 +80,7 @@ function VersionRow({ label, currentVersion, fetchVersion, applyUpdate, tagsUrl
     <div class="flex items-center justify-between gap-3">
       <div class="min-w-0">
         <p class="text-sm text-gray-300 truncate">
-          <span class="text-gray-500">${label}</span>${" "}v${version || "unknown"}
+          <span class="text-gray-500">${label}</span>${" "}${version ? `v${version}` : "..."}
         </p>
         ${error && html`<p class="text-xs text-yellow-500 mt-1">${error}</p>`}
       </div>
@@ -147,7 +145,7 @@ export function Gateway({ status, openclawVersion }) {
         Restart
       </button>
     </div>
-    <div class="mt-3 pt-3 border-t border-border space-y-3">
+    <div class="mt-3 pt-3 border-t border-border">
       <${VersionRow}
         label="OpenClaw"
         currentVersion=${openclawVersion}
@@ -155,13 +153,6 @@ export function Gateway({ status, openclawVersion }) {
         applyUpdate=${updateOpenclaw}
         tagsUrl="https://github.com/openclaw/openclaw/tags"
       />
-      <${VersionRow}
-        label="AlphaClaw"
-        currentVersion=${null}
-        fetchVersion=${fetchAlphaclawVersion}
-        applyUpdate=${updateAlphaclaw}
-        tagsUrl="https://www.npmjs.com/package/@chrysb/alphaclaw"
-      />
     </div>
   </div>`;
 }

package/lib/server/onboarding/index.js

@@ -76,9 +76,6 @@ const createOnboardingService = ({
       hasCodexOauth,
       workspaceDir: WORKSPACE_DIR,
     });
-    console.log(
-      `[onboard] Running: openclaw onboard ${onboardArgs.join(" ").replace(/sk-[^\s]+/g, "***")}`,
-    );
     await shellCmd(`openclaw onboard ${onboardArgs.map((a) => `"${a}"`).join(" ")}`, {
       env: {
         ...process.env,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chrysb/alphaclaw",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "publishConfig": {
     "access": "public"
   },