@chrysb/alphaclaw 0.2.0 → 0.2.2

package/bin/alphaclaw.js

@@ -252,13 +252,17 @@ const runGitSync = () => {
   }
 
   const originUrl = `https://github.com/${githubRepo}.git`;
-  const branch =
-    String(
-      execSync("git rev-parse --abbrev-ref HEAD", {
-        cwd: openclawDir,
-        encoding: "utf8",
-      }),
-    ).trim() || "main";
+  let branch = "main";
+  try {
+    branch =
+      String(
+        execSync("git symbolic-ref --short HEAD", {
+          cwd: openclawDir,
+          encoding: "utf8",
+          stdio: ["ignore", "pipe", "ignore"],
+        }),
+      ).trim() || "main";
+  } catch {}
   const askPassPath = path.join(
     os.tmpdir(),
     `alphaclaw-git-askpass-${process.pid}.sh`,
@@ -294,6 +298,8 @@ const runGitSync = () => {
     );
 
     runGit(`remote set-url origin ${quoteArg(originUrl)}`);
+    runGit(`config user.name ${quoteArg("AlphaClaw Agent")}`);
+    runGit(`config user.email ${quoteArg("agent@alphaclaw.md")}`);
     try {
       runGit(`ls-remote --exit-code --heads origin ${quoteArg(branch)}`, {
         withAuth: true,
@@ -316,6 +322,9 @@ const runGitSync = () => {
     runGit(`push origin ${quoteArg(branch)}`, { withAuth: true });
     const hash = String(runGit("rev-parse --short HEAD")).trim();
     console.log(`[alphaclaw] Git sync complete (${hash})`);
+    console.log(
+      `[alphaclaw] Commit URL: https://github.com/${githubRepo}/commit/${hash}`,
+    );
     return 0;
   } catch (e) {
     const details = String(e.stderr || e.stdout || e.message || "").trim();

package/lib/public/css/shell.css

@@ -175,9 +175,104 @@
 
 .statusbar-left, .statusbar-right { display: flex; align-items: center; gap: 16px; margin-left: 2px; }
 
+.mobile-topbar {
+  display: none;
+}
+
+.mobile-topbar-menu {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: 1px solid var(--border-strong);
+  border-radius: 8px;
+  background: var(--bg-hover);
+  color: var(--text);
+  cursor: pointer;
+}
+.mobile-topbar-menu:hover { background: var(--bg-active); }
+
+.mobile-topbar-title {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  text-align: center;
+  font-size: 14px;
+  letter-spacing: 0.03em;
+  color: var(--text-muted);
+}
+
+.mobile-sidebar-overlay {
+  display: none;
+}
+
 /* ── Responsive ────────────────────────────────── */
 
 @media (max-width: 768px) {
   .app-shell { grid-template-columns: 1fr; }
-  .app-sidebar { display: none; }
+  .app-content {
+    padding: 0 14px 12px;
+  }
+
+  .mobile-topbar {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: sticky;
+    top: 0;
+    z-index: 15;
+    background: var(--panel-bg-contrast);
+    border: 0;
+    border-bottom: 1px solid var(--panel-border-contrast);
+    border-radius: 0;
+    min-height: 52px;
+    padding: 8px 14px;
+    margin: 0 -14px 10px;
+  }
+
+  .mobile-topbar.is-scrolled {
+    background: var(--bg-content);
+  }
+
+  .mobile-topbar-menu {
+    position: absolute;
+    left: 14px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .app-sidebar {
+    display: flex;
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 24px;
+    width: min(260px, 82vw);
+    z-index: 30;
+    transform: translateX(-100%);
+    transition: transform 0.18s ease;
+    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
+  }
+
+  .app-sidebar.mobile-open {
+    transform: translateX(0);
+  }
+
+  .mobile-sidebar-overlay {
+    display: block;
+    position: fixed;
+    inset: 0 0 24px 0;
+    background: rgba(0, 0, 0, 0.45);
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 0.18s ease;
+    z-index: 20;
+  }
+
+  .mobile-sidebar-overlay.active {
+    opacity: 1;
+    pointer-events: auto;
+  }
 }

package/lib/public/css/theme.css

@@ -156,6 +156,32 @@ textarea:focus {
   background: rgba(99, 235, 255, 0.08);
 }
 
+.ac-btn-secondary {
+  border: 1px solid var(--panel-border-contrast);
+  color: #d1d5db;
+  background: rgba(255, 255, 255, 0.03);
+  transition:
+    border-color 0.15s ease,
+    color 0.15s ease,
+    background 0.15s ease,
+    transform 0.15s ease;
+}
+
+.ac-btn-secondary:hover:not(:disabled) {
+  border-color: rgba(255, 255, 255, 0.35);
+  color: #f3f4f6;
+  background: rgba(255, 255, 255, 0.06);
+}
+
+.ac-btn-secondary:active:not(:disabled) {
+  transform: translateY(1px);
+}
+
+.ac-btn-secondary:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
 .ac-btn-green {
   border: 1px solid rgba(34, 197, 94, 0.45);
   background: linear-gradient(

package/lib/public/js/app.js

@@ -30,6 +30,7 @@ import { Envars } from "./components/envars.js";
 import { ToastContainer, showToast } from "./components/toast.js";
 import { TelegramWorkspace } from "./components/telegram-workspace.js";
 import { ChevronDownIcon } from "./components/icons.js";
+import { UpdateActionButton } from "./components/update-action-button.js";
 const html = htm.bind(h);
 const kUiTabs = ["general", "providers", "envars"];
 const kSubScreens = ["telegram"];
@@ -236,8 +237,8 @@ const GeneralTab = ({ onSwitchTab, onNavigate, isActive }) => {
           <div>
             <h2 class="font-semibold text-sm">OpenClaw Gateway Dashboard</h2>
           </div>
-          <button
-            onclick=${async () => {
+          <${UpdateActionButton}
+            onClick=${async () => {
               if (dashboardLoading) return;
               setDashboardLoading(true);
               try {
@@ -250,13 +251,11 @@ const GeneralTab = ({ onSwitchTab, onNavigate, isActive }) => {
               }
               setDashboardLoading(false);
             }}
-            disabled=${dashboardLoading}
-            class="text-xs px-2.5 py-1 rounded-lg border border-border text-gray-500 hover:text-gray-300 hover:border-gray-500 transition-colors ${dashboardLoading
-              ? "opacity-50 cursor-not-allowed"
-              : ""}"
-          >
-            ${dashboardLoading ? "Opening..." : "Open"}
-          </button>
+            loading=${dashboardLoading}
+            warning=${false}
+            idleLabel="Open"
+            loadingLabel="Opening..."
+          />
         </div>
         <${DevicePairings}
           pending=${devicePending}
@@ -298,6 +297,8 @@ function App() {
   const [acDismissed, setAcDismissed] = useState(false);
   const [authEnabled, setAuthEnabled] = useState(false);
   const [menuOpen, setMenuOpen] = useState(false);
+  const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);
+  const [mobileTopbarScrolled, setMobileTopbarScrolled] = useState(false);
   const menuRef = useRef(null);
 
   const closeMenu = useCallback((e) => {
@@ -326,6 +327,15 @@ function App() {
     history.replaceState(null, "", `#${subScreen || tab}`);
   }, [tab, subScreen]);
 
+  useEffect(() => {
+    if (!mobileSidebarOpen) return;
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = previousOverflow;
+    };
+  }, [mobileSidebarOpen]);
+
   useEffect(() => {
     if (!onboarded) return;
     let active = true;
@@ -363,7 +373,6 @@ function App() {
       setAcUpdating(false);
     }
   };
-
   // Still loading onboard status
   if (onboarded === null) {
     return html`
@@ -408,8 +417,20 @@ function App() {
     `;
   }
 
-  const navigateToSubScreen = (screen) => setSubScreen(screen);
-  const exitSubScreen = () => setSubScreen(null);
+  const navigateToSubScreen = (screen) => {
+    setSubScreen(screen);
+    setMobileSidebarOpen(false);
+  };
+  const exitSubScreen = () => {
+    setSubScreen(null);
+    setMobileSidebarOpen(false);
+  };
+  const handleAppContentScroll = (e) => {
+    const nextScrolled = e.currentTarget.scrollTop > 0;
+    setMobileTopbarScrolled((currentScrolled) =>
+      currentScrolled === nextScrolled ? currentScrolled : nextScrolled,
+    );
+  };
 
   const kNavItems = [
     { id: "general", label: "General" },
@@ -419,7 +440,7 @@ function App() {
 
   return html`
     <div class="app-shell">
-      <div class="app-sidebar">
+      <div class=${`app-sidebar ${mobileSidebarOpen ? "mobile-open" : ""}`}>
         <div class="sidebar-brand">
           <img src="./img/logo.svg" alt="" width="20" height="20" />
           <span><span style="color: var(--accent)">alpha</span>claw</span>
@@ -458,7 +479,11 @@ function App() {
             (item) => html`
               <a
                 class=${tab === item.id && !subScreen ? "active" : ""}
-                onclick=${() => { setSubScreen(null); setTab(item.id); }}
+                onclick=${() => {
+                  setSubScreen(null);
+                  setTab(item.id);
+                  setMobileSidebarOpen(false);
+                }}
               >
                 ${item.label}
               </a>
@@ -468,19 +493,42 @@ function App() {
         <div class="sidebar-footer">
           ${acHasUpdate && acLatest && !acDismissed
             ? html`
-                <button
-                  onclick=${handleAcUpdate}
-                  disabled=${acUpdating}
-                  class="sidebar-update-btn"
-                >
-                  ${acUpdating ? "Updating..." : `Update to v${acLatest}`}
-                </button>
+                <${UpdateActionButton}
+                  onClick=${handleAcUpdate}
+                  loading=${acUpdating}
+                  warning=${true}
+                  idleLabel=${`Update to v${acLatest}`}
+                  loadingLabel="Updating..."
+                  className="w-full justify-center"
+                />
               `
             : null}
         </div>
       </div>
 
-      <div class="app-content">
+      <div
+        class=${`mobile-sidebar-overlay ${mobileSidebarOpen ? "active" : ""}`}
+        onclick=${() => setMobileSidebarOpen(false)}
+      />
+
+      <div class="app-content" onscroll=${handleAppContentScroll}>
+        <div class=${`mobile-topbar ${mobileTopbarScrolled ? "is-scrolled" : ""}`}>
+          <button
+            class="mobile-topbar-menu"
+            onclick=${() => setMobileSidebarOpen((open) => !open)}
+            aria-label="Open menu"
+            aria-expanded=${mobileSidebarOpen ? "true" : "false"}
+          >
+            <svg width="18" height="18" viewBox="0 0 16 16" fill="currentColor">
+              <path
+                d="M2 3.75a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H2.75A.75.75 0 012 3.75zm0 4.25a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H2.75A.75.75 0 012 8zm0 4.25a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H2.75a.75.75 0 01-.75-.75z"
+              />
+            </svg>
+          </button>
+          <span class="mobile-topbar-title">
+            <span style="color: var(--accent)">alpha</span>claw
+          </span>
+        </div>
         <div class="max-w-2xl w-full mx-auto">
           ${subScreen === "telegram"
             ? html`

package/lib/public/js/components/channels.js

@@ -17,7 +17,7 @@ export function Channels({ channels, onSwitchTab, onNavigate }) {
         ${channels ? ALL_CHANNELS.map(ch => {
           const info = channels[ch];
           const channelMeta = kChannelMeta[ch] || { label: ch.charAt(0).toUpperCase() + ch.slice(1), iconSrc: '' };
-          const isClickable = ch === 'telegram' && info && onNavigate;
+          const isClickable = ch === 'telegram' && info?.status === 'paired' && onNavigate;
           let badge;
           if (!info) {
             badge = html`<a

package/lib/public/js/components/confirm-dialog.js

@@ -0,0 +1,66 @@
+import { h } from "https://esm.sh/preact";
+import { useEffect } from "https://esm.sh/preact/hooks";
+import htm from "https://esm.sh/htm";
+
+const html = htm.bind(h);
+
+export const ConfirmDialog = ({
+  visible = false,
+  title = "Confirm action",
+  message = "Are you sure you want to continue?",
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  onConfirm,
+  onCancel,
+  confirmTone = "primary",
+}) => {
+  useEffect(() => {
+    if (!visible) return;
+
+    const handleKeydown = (event) => {
+      if (event.key === "Escape") {
+        onCancel?.();
+      }
+    };
+
+    window.addEventListener("keydown", handleKeydown);
+    return () => window.removeEventListener("keydown", handleKeydown);
+  }, [visible, onCancel]);
+
+  if (!visible) return null;
+
+  const confirmClass =
+    confirmTone === "warning"
+      ? "border border-yellow-500/45 text-yellow-300 bg-[linear-gradient(180deg,rgba(234,179,8,0.22)_0%,rgba(234,179,8,0.12)_100%)] shadow-[inset_0_0_0_1px_rgba(234,179,8,0.18)] hover:border-yellow-300/75 hover:text-yellow-200 hover:bg-[linear-gradient(180deg,rgba(234,179,8,0.3)_0%,rgba(234,179,8,0.16)_100%)] hover:shadow-[inset_0_0_0_1px_rgba(234,179,8,0.26),0_0_12px_rgba(234,179,8,0.16)]"
+      : "ac-btn-cyan";
+
+  return html`
+    <div
+      class="fixed inset-0 bg-black/70 flex items-center justify-center p-4 z-50"
+      onclick=${(event) => {
+        if (event.target === event.currentTarget) onCancel?.();
+      }}
+    >
+      <div class="bg-modal border border-border rounded-xl p-5 max-w-md w-full space-y-3">
+        <h2 class="text-base font-semibold">${title}</h2>
+        <p class="text-sm text-gray-400">${message}</p>
+        <div class="pt-1 flex items-center justify-end gap-2">
+          <button
+            type="button"
+            onclick=${onCancel}
+            class="px-4 py-2 rounded-lg text-sm ac-btn-secondary"
+          >
+            ${cancelLabel}
+          </button>
+          <button
+            type="button"
+            onclick=${onConfirm}
+            class="px-4 py-2 rounded-lg text-sm transition-all ${confirmClass}"
+          >
+            ${confirmLabel}
+          </button>
+        </div>
+      </div>
+    </div>
+  `;
+};

package/lib/public/js/components/credentials-modal.js

@@ -328,7 +328,7 @@ export const CredentialsModal = ({ visible, onClose, onSaved }) => {
         </button>
         <button
           onclick=${onClose}
-          class="px-4 py-2 rounded-lg text-sm ac-btn-cyan-ghost"
+          class="px-4 py-2 rounded-lg text-sm ac-btn-secondary"
         >
           Cancel
         </button>

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

@@ -7,14 +7,39 @@ import {
   updateOpenclaw,
 } from "../lib/api.js";
 import { showToast } from "./toast.js";
+import { UpdateActionButton } from "./update-action-button.js";
+import { ConfirmDialog } from "./confirm-dialog.js";
 const html = htm.bind(h);
 
-function VersionRow({ label, currentVersion, fetchVersion, applyUpdate, tagsUrl }) {
+function VersionRow({ label, currentVersion, fetchVersion, applyUpdate }) {
   const [checking, setChecking] = useState(false);
   const [version, setVersion] = useState(currentVersion || null);
   const [latestVersion, setLatestVersion] = useState(null);
   const [hasUpdate, setHasUpdate] = useState(false);
   const [error, setError] = useState("");
+  const [hasViewedChangelog, setHasViewedChangelog] = useState(false);
+  const [confirmWithoutChangelogOpen, setConfirmWithoutChangelogOpen] = useState(false);
+  const simulateUpdate = (() => {
+    try {
+      const params = new URLSearchParams(window.location.search);
+      return params.get("simulateUpdate") === "1";
+    } catch {
+      return false;
+    }
+  })();
+  const simulatedVersion = (() => {
+    if (!simulateUpdate) return null;
+    try {
+      const params = new URLSearchParams(window.location.search);
+      return params.get("simulateVersion") || "v0.0.0-preview";
+    } catch {
+      return "v0.0.0-preview";
+    }
+  })();
+  const effectiveHasUpdate = simulateUpdate || hasUpdate;
+  const effectiveLatestVersion = simulatedVersion || latestVersion;
+  const changelogUrl = "https://github.com/openclaw/openclaw/tags";
+  const showMobileUpdateRow = effectiveHasUpdate && effectiveLatestVersion;
 
   useEffect(() => {
     setVersion(currentVersion || null);
@@ -36,22 +61,30 @@ function VersionRow({ label, currentVersion, fetchVersion, applyUpdate, tagsUrl
       }
     };
     load();
-    return () => { active = false; };
+    return () => {
+      active = false;
+    };
   }, []);
 
-  const handleAction = async () => {
+  useEffect(() => {
+    if (!effectiveHasUpdate || !effectiveLatestVersion) {
+      setHasViewedChangelog(false);
+      return;
+    }
+    setHasViewedChangelog(false);
+  }, [effectiveHasUpdate, effectiveLatestVersion]);
+
+  const runAction = async () => {
     if (checking) return;
     setChecking(true);
     setError("");
     try {
-      const data = hasUpdate
-        ? await applyUpdate()
-        : await fetchVersion(true);
+      const data = effectiveHasUpdate ? await applyUpdate() : await fetchVersion(true);
       setVersion(data.currentVersion || version);
       setLatestVersion(data.latestVersion || null);
       setHasUpdate(!!data.hasUpdate);
       setError(data.ok ? "" : data.error || "");
-      if (hasUpdate) {
+      if (effectiveHasUpdate) {
         if (!data.ok) {
           showToast(data.error || `${label} update failed`, "error");
         } else if (data.updated || data.restarting) {
@@ -65,42 +98,117 @@ function VersionRow({ label, currentVersion, fetchVersion, applyUpdate, tagsUrl
           showToast(`Already at latest ${label} version`, "success");
         }
       } else if (data.hasUpdate && data.latestVersion) {
-        showToast(`${label} update available: ${data.latestVersion}`, "warning");
+        showToast(
+          `${label} update available: ${data.latestVersion}`,
+          "warning",
+        );
       } else {
         showToast(`${label} is up to date`, "success");
       }
     } catch (err) {
-      setError(err.message || (hasUpdate ? `Could not update ${label}` : "Could not check updates"));
-      showToast(hasUpdate ? `Could not update ${label}` : "Could not check updates", "error");
+      setError(
+        err.message ||
+          (effectiveHasUpdate ? `Could not update ${label}` : "Could not check updates"),
+      );
+      showToast(
+        effectiveHasUpdate ? `Could not update ${label}` : "Could not check updates",
+        "error",
+      );
     }
     setChecking(false);
   };
 
+  const handleAction = () => {
+    if (checking) return;
+    if (effectiveHasUpdate && effectiveLatestVersion && !hasViewedChangelog) {
+      setConfirmWithoutChangelogOpen(true);
+      return;
+    }
+    runAction();
+  };
+
+  const handleConfirmWithoutChangelog = () => {
+    setConfirmWithoutChangelogOpen(false);
+    runAction();
+  };
+
   return html`
     <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>${" "}${version ? `v${version}` : "..."}
+        <p class="text-xs text-gray-300 truncate">
+          <span class="text-gray-500">${label}</span>${" "}${version
+            ? `${version}`
+            : "..."}
         </p>
         ${error && html`<p class="text-xs text-yellow-500 mt-1">${error}</p>`}
       </div>
       <div class="flex items-center gap-2 shrink-0">
-        ${hasUpdate && latestVersion && tagsUrl && html`
-          <a href=${tagsUrl} target="_blank"
-            class="text-xs text-yellow-500 hover:text-yellow-300 transition-colors"
-          >${latestVersion} available</a>
+        ${effectiveHasUpdate && effectiveLatestVersion && html`
+          <a
+            href=${changelogUrl}
+            target="_blank"
+            rel="noreferrer"
+            onclick=${() => setHasViewedChangelog(true)}
+            class="hidden md:inline text-xs text-gray-500 hover:text-gray-300 transition-colors"
+            >View changelog</a
+          >
         `}
-        <button
-          onclick=${handleAction}
-          disabled=${checking}
-          class="text-xs px-2.5 py-1 rounded-lg border border-border text-gray-500 hover:text-gray-300 hover:border-gray-500 transition-colors ${checking ? "opacity-50 cursor-not-allowed" : ""}"
-        >
-          ${checking
-            ? hasUpdate ? "Updating..." : "Checking..."
-            : hasUpdate ? "Update" : "Check updates"}
-        </button>
+        ${showMobileUpdateRow
+          ? html`
+              <${UpdateActionButton}
+                onClick=${handleAction}
+                loading=${checking}
+                warning=${effectiveHasUpdate}
+                idleLabel=${effectiveHasUpdate
+                  ? `Update to ${effectiveLatestVersion || "latest"}`
+                  : "Check updates"}
+                loadingLabel=${effectiveHasUpdate ? "Updating..." : "Checking..."}
+                className="hidden md:inline-flex"
+              />
+            `
+          : html`
+              <${UpdateActionButton}
+                onClick=${handleAction}
+                loading=${checking}
+                warning=${effectiveHasUpdate}
+                idleLabel=${effectiveHasUpdate
+                  ? `Update to ${effectiveLatestVersion || "latest"}`
+                  : "Check updates"}
+                loadingLabel=${effectiveHasUpdate ? "Updating..." : "Checking..."}
+              />
+            `}
       </div>
     </div>
+    ${showMobileUpdateRow && html`
+      <div class="mt-2 md:hidden flex items-center gap-2">
+        <a
+          href=${changelogUrl}
+          target="_blank"
+          rel="noreferrer"
+          onclick=${() => setHasViewedChangelog(true)}
+          class="inline-flex items-center justify-center flex-1 h-9 text-xs rounded-lg border border-border text-gray-400 hover:text-gray-200 hover:border-gray-500 transition-colors"
+          >View changelog</a
+        >
+        <${UpdateActionButton}
+          onClick=${handleAction}
+          loading=${checking}
+          warning=${effectiveHasUpdate}
+          idleLabel=${`Update to ${effectiveLatestVersion || "latest"}`}
+          loadingLabel="Updating..."
+          className="flex-1 h-9 px-3"
+        />
+      </div>
+    `}
+    <${ConfirmDialog}
+      visible=${confirmWithoutChangelogOpen}
+      title="Update without changelog?"
+      message="Are you sure you want to update without viewing the changelog?"
+      confirmLabel=${`Update to ${effectiveLatestVersion || "latest"}`}
+      cancelLabel="Cancel"
+      confirmTone="warning"
+      onCancel=${() => setConfirmWithoutChangelogOpen(false)}
+      onConfirm=${handleConfirmWithoutChangelog}
+    />
   `;
 }
 
@@ -134,16 +242,14 @@ export function Gateway({ status, openclawVersion }) {
           >
         </div>
       </div>
-      <button
-        onclick=${handleRestart}
-        disabled=${restarting || !status}
-        class="text-xs px-2.5 py-1 rounded-lg border border-border text-gray-500 hover:text-gray-300 hover:border-gray-500 transition-colors ${restarting ||
-        !status
-          ? "opacity-50 cursor-not-allowed"
-          : ""}"
-      >
-        Restart
-      </button>
+      <${UpdateActionButton}
+        onClick=${handleRestart}
+        disabled=${!status}
+        loading=${restarting}
+        warning=${false}
+        idleLabel="Restart"
+        loadingLabel="On it..."
+      />
     </div>
     <div class="mt-3 pt-3 border-t border-border">
       <${VersionRow}
@@ -151,7 +257,6 @@ export function Gateway({ status, openclawVersion }) {
         currentVersion=${openclawVersion}
         fetchVersion=${fetchOpenclawVersion}
         applyUpdate=${updateOpenclaw}
-        tagsUrl="https://github.com/openclaw/openclaw/tags"
       />
     </div>
   </div>`;

package/lib/public/js/components/google.js

@@ -12,6 +12,7 @@ import {
   getDefaultScopes,
 } from "./scope-picker.js";
 import { CredentialsModal } from "./credentials-modal.js";
+import { ConfirmDialog } from "./confirm-dialog.js";
 import { showToast } from "./toast.js";
 const html = htm.bind(h);
 
@@ -22,6 +23,7 @@ export function Google({ gatewayStatus }) {
   const [apiStatus, setApiStatus] = useState({});
   const [checkingApis, setCheckingApis] = useState(false);
   const [modalOpen, setModalOpen] = useState(false);
+  const [disconnectDialogOpen, setDisconnectDialogOpen] = useState(false);
 
   const runApiCheck = useCallback(async () => {
     setApiStatus({});
@@ -98,12 +100,6 @@ export function Google({ gatewayStatus }) {
   const handleCheckApis = () => runApiCheck();
 
   const handleDisconnect = async () => {
-    if (
-      !confirm(
-        "Disconnect Google account? Your agent will lose access to Gmail, Calendar, etc.",
-      )
-    )
-      return;
     const data = await apiDisconnect();
     if (data.ok) {
       setGoogle({
@@ -188,7 +184,7 @@ export function Google({ gatewayStatus }) {
                   </button>
                 </div>
                 <button
-                  onclick=${handleDisconnect}
+                  onclick=${() => setDisconnectDialogOpen(true)}
                   class="text-xs text-red-400/60 hover:text-red-400"
                 >
                   Disconnect
@@ -216,5 +212,17 @@ export function Google({ gatewayStatus }) {
       onClose=${() => setModalOpen(false)}
       onSaved=${refresh}
     />
+    <${ConfirmDialog}
+      visible=${disconnectDialogOpen}
+      title="Disconnect Google account?"
+      message="Your agent will lose access to Gmail, Calendar, and other Google Workspace services until you reconnect."
+      confirmLabel="Disconnect"
+      cancelLabel="Cancel"
+      onCancel=${() => setDisconnectDialogOpen(false)}
+      onConfirm=${async () => {
+        setDisconnectDialogOpen(false);
+        await handleDisconnect();
+      }}
+    />
   `;
 }

package/lib/public/js/components/onboarding/welcome-form-step.js

@@ -36,6 +36,7 @@ export const WelcomeFormStep = ({
   goBack,
   goNext,
   loading,
+  githubStepLoading,
   allValid,
   handleSubmit,
 }) => {
@@ -276,10 +277,12 @@ export const WelcomeFormStep = ({
               : html`<div class="w-full"></div>`}
             <button
               onclick=${goNext}
-              disabled=${!currentGroupValid}
+              disabled=${!currentGroupValid || githubStepLoading}
               class="w-full text-sm font-medium px-4 py-2 rounded-xl transition-all ac-btn-cyan"
             >
-              Next
+              ${activeGroup.id === "github" && githubStepLoading
+                ? "Checking..."
+                : "Next"}
             </button>
           `
         : html`

package/lib/public/js/components/onboarding/welcome-setup-step.js

@@ -78,7 +78,7 @@ export const WelcomeSetupStep = ({ error, loading, onRetry, onBack }) => {
   const currentTip = kSetupTips[tipIndex];
 
   return html`
-    <div class="min-h-[320px] py-4 flex flex-col">
+    <div class="relative min-h-[320px] pt-4 pb-20 flex">
       <div
         class="flex-1 flex flex-col items-center justify-center text-center gap-4"
       >
@@ -107,7 +107,7 @@ export const WelcomeSetupStep = ({ error, loading, onRetry, onBack }) => {
         <p class="text-sm text-gray-500">This could take 10-15 seconds</p>
       </div>
       <div
-        class="mt-3 bg-black/20 border border-border rounded-lg px-3 py-2 text-xs text-gray-500"
+        class="absolute bottom-3 left-3 right-3 bg-black/20 border border-border rounded-lg px-3 py-2 text-xs text-gray-500"
       >
         <span class="text-gray-400">${currentTip.label}: </span>
         ${currentTip.text}

package/lib/public/js/components/update-action-button.js

@@ -0,0 +1,66 @@
+import { h } from "https://esm.sh/preact";
+import htm from "https://esm.sh/htm";
+
+const html = htm.bind(h);
+
+export const UpdateActionButton = ({
+  onClick,
+  disabled = false,
+  loading = false,
+  warning = false,
+  idleLabel = "Check updates",
+  loadingLabel = "Checking...",
+  className = "",
+}) => {
+  const isInteractive = !loading && !disabled;
+  const toneClass = warning
+    ? isInteractive
+      ? "border-yellow-500/35 text-yellow-400 bg-yellow-500/10 hover:border-yellow-400/60 hover:text-yellow-300 hover:bg-yellow-500/15"
+      : "border-yellow-500/35 text-yellow-400 bg-yellow-500/10"
+    : isInteractive
+      ? "border-border text-gray-500 hover:text-gray-300 hover:border-gray-500"
+      : "border-border text-gray-500";
+  const loadingClass = loading
+    ? `cursor-not-allowed ${warning
+      ? "opacity-90 animate-pulse shadow-[0_0_0_1px_rgba(234,179,8,0.22),0_0_18px_rgba(234,179,8,0.12)]"
+      : "opacity-80"}`
+    : "";
+
+  return html`
+    <button
+      onclick=${onClick}
+      disabled=${disabled || loading}
+      class="inline-flex items-center justify-center h-7 text-xs leading-none px-2.5 py-1 rounded-lg border transition-colors whitespace-nowrap ${toneClass} ${loadingClass} ${className}"
+    >
+      ${loading
+        ? html`
+            <span class="inline-flex items-center gap-1.5 leading-none">
+              <svg
+                class="animate-spin"
+                width="12"
+                height="12"
+                viewBox="0 0 24 24"
+                fill="none"
+                aria-hidden="true"
+              >
+                <circle
+                  class="opacity-30"
+                  cx="12"
+                  cy="12"
+                  r="9"
+                  stroke="currentColor"
+                  stroke-width="3"
+                />
+                <path
+                  class="opacity-90"
+                  fill="currentColor"
+                  d="M12 3a9 9 0 0 1 9 9h-3a6 6 0 0 0-6-6V3z"
+                />
+              </svg>
+              ${loadingLabel}
+            </span>
+          `
+        : idleLabel}
+    </button>
+  `;
+};

package/lib/public/js/components/welcome.js

@@ -3,6 +3,7 @@ import { useState, useEffect, useRef } from "https://esm.sh/preact/hooks";
 import htm from "https://esm.sh/htm";
 import {
   runOnboard,
+  verifyGithubOnboardingRepo,
   fetchModels,
   fetchCodexStatus,
   disconnectCodex,
@@ -58,6 +59,7 @@ export const Welcome = ({ onComplete }) => {
   const [codexAuthStarted, setCodexAuthStarted] = useState(false);
   const [codexAuthWaiting, setCodexAuthWaiting] = useState(false);
   const [loading, setLoading] = useState(false);
+  const [githubStepLoading, setGithubStepLoading] = useState(false);
   const [error, setError] = useState(null);
   const codexPopupPollRef = useRef(null);
 
@@ -360,8 +362,27 @@ export const Welcome = ({ onComplete }) => {
     setStep(kWelcomeGroups.length - 1);
   };
 
-  const goNext = () => {
+  const goNext = async () => {
     if (!activeGroup || !currentGroupValid) return;
+    if (activeGroup.id === "github") {
+      setGithubStepLoading(true);
+      setError(null);
+      try {
+        const result = await verifyGithubOnboardingRepo(
+          vals.GITHUB_WORKSPACE_REPO,
+          vals.GITHUB_TOKEN,
+        );
+        if (!result?.ok) {
+          setError(result?.error || "GitHub verification failed");
+          return;
+        }
+      } catch (err) {
+        setError(err?.message || "GitHub verification failed");
+        return;
+      } finally {
+        setGithubStepLoading(false);
+      }
+    }
     setStep((prev) => Math.min(kWelcomeGroups.length - 1, prev + 1));
   };
 
@@ -438,6 +459,7 @@ export const Welcome = ({ onComplete }) => {
                 goBack=${goBack}
                 goNext=${goNext}
                 loading=${loading}
+                githubStepLoading=${githubStepLoading}
                 allValid=${allValid}
                 handleSubmit=${handleSubmit}
               />

package/lib/public/js/lib/api.js

@@ -167,6 +167,15 @@ export async function runOnboard(vars, modelKey) {
   return res.json();
 }
 
+export async function verifyGithubOnboardingRepo(repo, token) {
+  const res = await authFetch('/api/onboard/github/verify', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ repo, token }),
+  });
+  return res.json();
+}
+
 export const fetchModels = async () => {
   const res = await authFetch('/api/models');
   return res.json();

package/lib/server/onboarding/github.js

@@ -1,48 +1,114 @@
-const ensureGithubRepoAccessible = async ({ repoUrl, repoName, githubToken }) => {
-  const ghHeaders = {
-    Authorization: `token ${githubToken}`,
-    "User-Agent": "openclaw-railway",
-    Accept: "application/vnd.github+json",
-  };
+const buildGithubHeaders = (githubToken) => ({
+  Authorization: `token ${githubToken}`,
+  "User-Agent": "openclaw-railway",
+  Accept: "application/vnd.github+json",
+});
 
+const parseGithubErrorMessage = async (response) => {
   try {
-    const checkRes = await fetch(`https://api.github.com/repos/${repoUrl}`, {
+    const payload = await response.json();
+    if (typeof payload?.message === "string" && payload.message.trim()) {
+      return payload.message.trim();
+    }
+  } catch {}
+  return response.statusText || `HTTP ${response.status}`;
+};
+
+const verifyGithubRepoForOnboarding = async ({ repoUrl, githubToken }) => {
+  const ghHeaders = buildGithubHeaders(githubToken);
+  const [repoOwner] = String(repoUrl || "").split("/", 1);
+
+  try {
+    const userRes = await fetch("https://api.github.com/user", {
       headers: ghHeaders,
     });
+    if (!userRes.ok) {
+      const details = await parseGithubErrorMessage(userRes);
+      return {
+        ok: false,
+        status: 400,
+        error: `Cannot verify GitHub token: ${details}`,
+      };
+    }
+    const authedUser = await userRes.json().catch(() => ({}));
+    const authedLogin = String(authedUser?.login || "").trim();
+    if (
+      repoOwner &&
+      authedLogin &&
+      repoOwner.toLowerCase() !== authedLogin.toLowerCase()
+    ) {
+      return {
+        ok: false,
+        status: 400,
+        error: `Workspace repo owner must match your token user "${authedLogin}"`,
+      };
+    }
 
+    const checkRes = await fetch(`https://api.github.com/repos/${repoUrl}`, {
+      headers: ghHeaders,
+    });
     if (checkRes.status === 404) {
-      console.log(`[onboard] Creating repo ${repoUrl}...`);
-      const createRes = await fetch("https://api.github.com/user/repos", {
-        method: "POST",
-        headers: { ...ghHeaders, "Content-Type": "application/json" },
-        body: JSON.stringify({
-          name: repoName,
-          private: true,
-          auto_init: false,
-        }),
-      });
-      if (!createRes.ok) {
-        const err = await createRes.json().catch(() => ({}));
-        return {
-          ok: false,
-          status: 400,
-          error: `Failed to create repo: ${err.message || createRes.statusText}`,
-        };
-      }
-      console.log(`[onboard] Repo ${repoUrl} created`);
       return { ok: true };
     }
+    if (checkRes.ok) {
+      return {
+        ok: false,
+        status: 400,
+        error: `Repository "${repoUrl}" already exists.`,
+      };
+    }
 
-    if (checkRes.ok) return { ok: true };
-
+    const details = await parseGithubErrorMessage(checkRes);
     return {
       ok: false,
       status: 400,
-      error: `Cannot access repo "${repoUrl}" — check your token has the "repo" scope`,
+      error: `Cannot verify repo "${repoUrl}": ${details}`,
     };
+  } catch (e) {
+    return {
+      ok: false,
+      status: 400,
+      error: `GitHub verification error: ${e.message}`,
+    };
+  }
+};
+
+const ensureGithubRepoAccessible = async ({
+  repoUrl,
+  repoName,
+  githubToken,
+}) => {
+  const ghHeaders = buildGithubHeaders(githubToken);
+  const verification = await verifyGithubRepoForOnboarding({
+    repoUrl,
+    githubToken,
+  });
+  if (!verification.ok) return verification;
+
+  try {
+    console.log(`[onboard] Creating repo ${repoUrl}...`);
+    const createRes = await fetch("https://api.github.com/user/repos", {
+      method: "POST",
+      headers: { ...ghHeaders, "Content-Type": "application/json" },
+      body: JSON.stringify({
+        name: repoName,
+        private: true,
+        auto_init: false,
+      }),
+    });
+    if (!createRes.ok) {
+      const details = await parseGithubErrorMessage(createRes);
+      return {
+        ok: false,
+        status: 400,
+        error: `Failed to create repo: ${details}`,
+      };
+    }
+    console.log(`[onboard] Repo ${repoUrl} created`);
+    return { ok: true };
   } catch (e) {
     return { ok: false, status: 400, error: `GitHub error: ${e.message}` };
   }
 };
 
-module.exports = { ensureGithubRepoAccessible };
+module.exports = { ensureGithubRepoAccessible, verifyGithubRepoForOnboarding };

package/lib/server/onboarding/index.js

@@ -1,10 +1,22 @@
 const path = require("path");
 const { kSetupDir, kRootDir } = require("../constants");
 const { validateOnboardingInput } = require("./validation");
-const { ensureGithubRepoAccessible } = require("./github");
-const { buildOnboardArgs, writeSanitizedOpenclawConfig } = require("./openclaw");
-const { installControlUiSkill, syncBootstrapPromptFiles } = require("./workspace");
-const { installHourlyGitSyncScript, installHourlyGitSyncCron } = require("./cron");
+const {
+  ensureGithubRepoAccessible,
+  verifyGithubRepoForOnboarding,
+} = require("./github");
+const {
+  buildOnboardArgs,
+  writeSanitizedOpenclawConfig,
+} = require("./openclaw");
+const {
+  installControlUiSkill,
+  syncBootstrapPromptFiles,
+} = require("./workspace");
+const {
+  installHourlyGitSyncScript,
+  installHourlyGitSyncCron,
+} = require("./cron");
 
 const createOnboardingService = ({
   fs,
@@ -22,6 +34,15 @@ const createOnboardingService = ({
 }) => {
   const { OPENCLAW_DIR, WORKSPACE_DIR } = constants;
 
+  const verifyGithubSetup = async ({
+    githubRepoInput,
+    githubToken,
+    resolveGithubRepoUrl,
+  }) => {
+    const repoUrl = resolveGithubRepoUrl(githubRepoInput);
+    return verifyGithubRepoForOnboarding({ repoUrl, githubToken });
+  };
+
   const completeOnboarding = async ({ req, vars, modelKey }) => {
     const validation = validateOnboardingInput({
       vars,
@@ -30,14 +51,24 @@ const createOnboardingService = ({
       hasCodexOauthProfile,
     });
     if (!validation.ok) {
-      return { status: validation.status, body: { ok: false, error: validation.error } };
+      return {
+        status: validation.status,
+        body: { ok: false, error: validation.error },
+      };
     }
 
-    const { varMap, githubToken, githubRepoInput, selectedProvider, hasCodexOauth } =
-      validation.data;
+    const {
+      varMap,
+      githubToken,
+      githubRepoInput,
+      selectedProvider,
+      hasCodexOauth,
+    } = validation.data;
 
     const repoUrl = resolveGithubRepoUrl(githubRepoInput);
-    const varsToSave = [...vars.filter((v) => v.value && v.key !== "GITHUB_WORKSPACE_REPO")];
+    const varsToSave = [
+      ...vars.filter((v) => v.value && v.key !== "GITHUB_WORKSPACE_REPO"),
+    ];
     varsToSave.push({ key: "GITHUB_WORKSPACE_REPO", value: repoUrl });
     writeEnvFile(varsToSave);
     reloadEnv();
@@ -50,22 +81,32 @@ const createOnboardingService = ({
       githubToken,
     });
     if (!repoCheck.ok) {
-      return { status: repoCheck.status, body: { ok: false, error: repoCheck.error } };
+      return {
+        status: repoCheck.status,
+        body: { ok: false, error: repoCheck.error },
+      };
     }
 
     fs.mkdirSync(OPENCLAW_DIR, { recursive: true });
     fs.mkdirSync(WORKSPACE_DIR, { recursive: true });
-    syncBootstrapPromptFiles({ fs, workspaceDir: WORKSPACE_DIR, baseUrl: getBaseUrl(req) });
+    syncBootstrapPromptFiles({
+      fs,
+      workspaceDir: WORKSPACE_DIR,
+      baseUrl: getBaseUrl(req),
+    });
 
     if (!fs.existsSync(`${OPENCLAW_DIR}/.git`)) {
       await shellCmd(
-        `cd ${OPENCLAW_DIR} && git init -b main && git remote add origin "${remoteUrl}" && git config user.email "agent@openclaw.ai" && git config user.name "OpenClaw Agent"`,
+        `cd ${OPENCLAW_DIR} && git init -b main && git remote add origin "${remoteUrl}" && git config user.email "agent@alphaclaw.md" && git config user.name "AlphaClaw Agent"`,
       );
       console.log("[onboard] Git initialized");
     }
 
     if (!fs.existsSync(`${OPENCLAW_DIR}/.gitignore`)) {
-      fs.copyFileSync(path.join(kSetupDir, "gitignore"), `${OPENCLAW_DIR}/.gitignore`);
+      fs.copyFileSync(
+        path.join(kSetupDir, "gitignore"),
+        `${OPENCLAW_DIR}/.gitignore`,
+      );
     }
 
     const onboardArgs = buildOnboardArgs({
@@ -74,14 +115,17 @@ const createOnboardingService = ({
       hasCodexOauth,
       workspaceDir: WORKSPACE_DIR,
     });
-    await shellCmd(`openclaw onboard ${onboardArgs.map((a) => `"${a}"`).join(" ")}`, {
-      env: {
-        ...process.env,
-        OPENCLAW_HOME: kRootDir,
-        OPENCLAW_CONFIG_PATH: `${OPENCLAW_DIR}/openclaw.json`,
+    await shellCmd(
+      `openclaw onboard ${onboardArgs.map((a) => `"${a}"`).join(" ")}`,
+      {
+        env: {
+          ...process.env,
+          OPENCLAW_HOME: kRootDir,
+          OPENCLAW_CONFIG_PATH: `${OPENCLAW_DIR}/openclaw.json`,
+        },
+        timeout: 120000,
       },
-      timeout: 120000,
-    });
+    );
     console.log("[onboard] Onboard complete");
 
     await shellCmd(`openclaw models set "${modelKey}"`, {
@@ -89,7 +133,9 @@ const createOnboardingService = ({
       timeout: 30000,
     }).catch((e) => {
       console.error("[onboard] Failed to set model:", e.message);
-      throw new Error(`Onboarding completed but failed to set model "${modelKey}"`);
+      throw new Error(
+        `Onboarding completed but failed to set model "${modelKey}"`,
+      );
     });
 
     try {
@@ -99,28 +145,33 @@ const createOnboardingService = ({
     writeSanitizedOpenclawConfig({ fs, openclawDir: OPENCLAW_DIR, varMap });
     ensureGatewayProxyConfig(getBaseUrl(req));
 
-    installControlUiSkill({ fs, openclawDir: OPENCLAW_DIR, baseUrl: getBaseUrl(req) });
+    installControlUiSkill({
+      fs,
+      openclawDir: OPENCLAW_DIR,
+      baseUrl: getBaseUrl(req),
+    });
 
-    await shellCmd(
-      `alphaclaw git-sync -m "initial setup"`,
-      {
+    installHourlyGitSyncScript({ fs, openclawDir: OPENCLAW_DIR });
+    await installHourlyGitSyncCron({ fs, openclawDir: OPENCLAW_DIR });
+
+    try {
+      await shellCmd(`alphaclaw git-sync -m "initial setup"`, {
         timeout: 30000,
         env: {
           ...process.env,
           GITHUB_TOKEN: githubToken,
         },
-      },
-    ).catch((e) => console.error("[onboard] Git push error:", e.message));
-    console.log("[onboard] Initial state committed and pushed");
-
-    installHourlyGitSyncScript({ fs, openclawDir: OPENCLAW_DIR });
-    await installHourlyGitSyncCron({ fs, openclawDir: OPENCLAW_DIR });
+      });
+      console.log("[onboard] Initial state committed and pushed");
+    } catch (e) {
+      console.error("[onboard] Git push error:", e.message);
+    }
 
     startGateway();
     return { status: 200, body: { ok: true } };
   };
 
-  return { completeOnboarding };
+  return { completeOnboarding, verifyGithubSetup };
 };
 
 module.exports = { createOnboardingService };

package/lib/server/routes/onboarding.js

@@ -111,6 +111,42 @@ const registerOnboardingRoutes = ({
       res.status(500).json({ ok: false, error: sanitizeOnboardingError(err) });
     }
   });
+
+  app.post("/api/onboard/github/verify", async (req, res) => {
+    if (isOnboarded()) {
+      return res.json({ ok: false, error: "Already onboarded" });
+    }
+
+    try {
+      const githubRepoInput = String(req.body?.repo || "").trim();
+      const githubToken = String(req.body?.token || "").trim();
+      if (!githubRepoInput || !githubToken) {
+        return res
+          .status(400)
+          .json({
+            ok: false,
+            error: "GitHub token and workspace repo are required",
+          });
+      }
+
+      const result = await onboardingService.verifyGithubSetup({
+        githubRepoInput,
+        githubToken,
+        resolveGithubRepoUrl,
+      });
+      if (!result.ok) {
+        return res
+          .status(result.status || 400)
+          .json({ ok: false, error: result.error });
+      }
+      return res.json({ ok: true });
+    } catch (err) {
+      console.error("[onboard] GitHub verify error:", err);
+      return res
+        .status(500)
+        .json({ ok: false, error: sanitizeOnboardingError(err) });
+    }
+  });
 };
 
 module.exports = { registerOnboardingRoutes };

package/lib/setup/core-prompts/TOOLS.md

@@ -6,11 +6,11 @@ AlphaClaw UI: `{{SETUP_UI_URL}}`
 
 ### Tabs
 
-| Tab     | URL                        | What it manages                                                                                                                                         |
-| ------- | -------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| General | `{{SETUP_UI_URL}}#general` | Gateway status & restart, channel health (Telegram/Discord), pending pairings, feature health (Embeddings/Audio), Google Workspace connection, repo auto-sync schedule, OpenClaw dashboard |
-| Providers | `{{SETUP_UI_URL}}#providers` | AI provider credentials (Anthropic, OpenAI, Gemini, Mistral, Voyage, Groq, Deepgram), feature capabilities, Codex OAuth |
-| Envars  | `{{SETUP_UI_URL}}#envars`  | View/edit/add environment variables (saved to `/data/.env`), gateway restart to apply changes                                                           |
+| Tab       | URL                          | What it manages                                                                                                                                                                            |
+| --------- | ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| General   | `{{SETUP_UI_URL}}#general`   | Gateway status & restart, channel health (Telegram/Discord), pending pairings, feature health (Embeddings/Audio), Google Workspace connection, repo auto-sync schedule, OpenClaw dashboard |
+| Providers | `{{SETUP_UI_URL}}#providers` | AI provider credentials (Anthropic, OpenAI, Gemini, Mistral, Voyage, Groq, Deepgram), feature capabilities, Codex OAuth                                                                    |
+| Envars    | `{{SETUP_UI_URL}}#envars`    | View/edit/add environment variables (saved to `/data/.env`), gateway restart to apply changes                                                                                              |
 
 ### Environment variables
 

package/lib/setup/gitignore

@@ -4,6 +4,8 @@
 # Whitelist specific files/dirs.
 !workspace/
 !workspace/**
+workspace/.openclaw/
+workspace/.openclaw/**
 !skills/
 !skills/**
 !cron/

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@chrysb/alphaclaw",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "publishConfig": {
     "access": "public"
   },
   "description": "Setup UI, gateway manager, and onboarding wrapper for OpenClaw",
   "bin": {
-    "alphaclaw": "./bin/alphaclaw.js"
+    "alphaclaw": "bin/alphaclaw.js"
   },
   "files": [
     "bin/",