@chrysb/alphaclaw 0.8.1-beta.8 → 0.8.2

package/lib/public/js/components/webhooks/webhook-list/use-webhook-list.js

@@ -1,4 +1,4 @@
-import { useCallback } from "https://esm.sh/preact/hooks";
+import { useCallback } from "preact/hooks";
 import { usePolling } from "../../../hooks/usePolling.js";
 import { fetchWebhooks } from "../../../lib/api.js";
 

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

@@ -1,5 +1,5 @@
-import { h } from "https://esm.sh/preact";
-import htm from "https://esm.sh/htm";
+import { h } from "preact";
+import htm from "htm";
 import { kWelcomeGroups } from "../onboarding/welcome-config.js";
 import { WelcomePreStep } from "../onboarding/welcome-pre-step.js";
 import { WelcomeImportStep } from "../onboarding/welcome-import-step.js";
@@ -114,7 +114,7 @@ export const Welcome = ({ onComplete, acVersion }) => {
       </div>
       ${acVersion
         ? html`
-            <div class="text-center text-xs text-gray-500 font-mono mt-8">
+            <div class="text-center text-xs text-fg-muted font-mono mt-8">
               v${acVersion}
             </div>
           `

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

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "https://esm.sh/preact/hooks";
+import { useEffect, useState } from "preact/hooks";
 import {
   runOnboard,
   verifyGithubOnboardingRepo,
@@ -8,8 +8,10 @@ import {
 } from "../../lib/api.js";
 import {
   getModelProvider,
+  getAuthProviderFromModelProvider,
   getFeaturedModels,
   getVisibleAiFieldKeys,
+  kProviderAuthFields,
 } from "../../lib/model-config.js";
 import {
   kWelcomeGroups,
@@ -162,16 +164,14 @@ export const useWelcome = ({ onComplete }) => {
   const canToggleFullCatalog =
     featuredModels.length > 0 && models.length > featuredModels.length;
   const visibleAiFieldKeys = getVisibleAiFieldKeys(selectedProvider);
+  const selectedAuthProvider = getAuthProviderFromModelProvider(selectedProvider);
+  const selectedProviderAuthFields = kProviderAuthFields[selectedAuthProvider] || [];
   const hasAi =
-    selectedProvider === "anthropic"
-      ? !!(vals.ANTHROPIC_API_KEY || vals.ANTHROPIC_TOKEN)
-      : selectedProvider === "openai"
-        ? !!vals.OPENAI_API_KEY
-        : selectedProvider === "google"
-          ? !!vals.GEMINI_API_KEY
-          : selectedProvider === "openai-codex"
-            ? !!codexStatus.connected
-            : false;
+    selectedProvider === "openai-codex"
+      ? !!codexStatus.connected
+      : selectedProviderAuthFields.some(
+          (field) => !!String(vals[field.key] || "").trim(),
+        );
 
   const allValid = kWelcomeGroups.every((group) => group.validate(vals, { hasAi }));
   const isPreStep = step === -1;

package/lib/public/js/hooks/use-app-shell-controller.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback } from "https://esm.sh/preact/hooks";
+import { useState, useEffect, useCallback } from "preact/hooks";
 import {
   fetchStatus,
   fetchOnboardStatus,
@@ -18,6 +18,7 @@ import { usePolling } from "./usePolling.js";
 import { showToast } from "../components/toast.js";
 
 export const useAppShellController = ({ location = "" } = {}) => {
+  const kInitialStatusPollDelayMs = 5000;
   const [onboarded, setOnboarded] = useState(null);
   const [authEnabled, setAuthEnabled] = useState(false);
   const [acVersion, setAcVersion] = useState(null);
@@ -29,6 +30,7 @@ export const useAppShellController = ({ location = "" } = {}) => {
   const [restartingGateway, setRestartingGateway] = useState(false);
   const [gatewayRestartSignal, setGatewayRestartSignal] = useState(0);
   const [statusPollCadenceMs, setStatusPollCadenceMs] = useState(15000);
+  const [statusPollingGraceElapsed, setStatusPollingGraceElapsed] = useState(false);
   const [openclawUpdateInProgress, setOpenclawUpdateInProgress] = useState(false);
   const [statusStreamConnected, setStatusStreamConnected] = useState(false);
   const [statusStreamStatus, setStatusStreamStatus] = useState(null);
@@ -36,15 +38,18 @@ export const useAppShellController = ({ location = "" } = {}) => {
   const [statusStreamDoctor, setStatusStreamDoctor] = useState(null);
 
   const sharedStatusPoll = usePolling(fetchStatus, statusPollCadenceMs, {
-    enabled: onboarded === true && !statusStreamConnected,
+    enabled:
+      onboarded === true && !statusStreamConnected && statusPollingGraceElapsed,
     cacheKey: "/api/status",
   });
   const sharedWatchdogPoll = usePolling(fetchWatchdogStatus, statusPollCadenceMs, {
-    enabled: onboarded === true && !statusStreamConnected,
+    enabled:
+      onboarded === true && !statusStreamConnected && statusPollingGraceElapsed,
     cacheKey: "/api/watchdog/status",
   });
   const sharedDoctorPoll = usePolling(fetchDoctorStatus, statusPollCadenceMs, {
-    enabled: onboarded === true && !statusStreamConnected,
+    enabled:
+      onboarded === true && !statusStreamConnected && statusPollingGraceElapsed,
     cacheKey: "/api/doctor/status",
   });
   const sharedStatus = statusStreamStatus || sharedStatusPoll.data || null;
@@ -69,6 +74,19 @@ export const useAppShellController = ({ location = "" } = {}) => {
       .catch(() => {});
   }, []);
 
+  useEffect(() => {
+    if (onboarded !== true) {
+      setStatusPollingGraceElapsed(false);
+      return () => {};
+    }
+    const timerId = setTimeout(() => {
+      setStatusPollingGraceElapsed(true);
+    }, kInitialStatusPollDelayMs);
+    return () => {
+      clearTimeout(timerId);
+    };
+  }, [onboarded]);
+
   useEffect(() => {
     if (onboarded !== true) return;
     let disposed = false;

package/lib/public/js/hooks/use-app-shell-ui.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef, useCallback } from "https://esm.sh/preact/hooks";
+import { useState, useEffect, useRef, useCallback } from "preact/hooks";
 import { readUiSettings, writeUiSettings } from "../lib/ui-settings.js";
 
 const kDefaultSidebarWidthPx = 220;

package/lib/public/js/hooks/use-browse-navigation.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef, useCallback } from "https://esm.sh/preact/hooks";
+import { useState, useEffect, useRef, useCallback } from "preact/hooks";
 import { readUiSettings, writeUiSettings } from "../lib/ui-settings.js";
 import { kDefaultUiTab, getSelectedNavId, kNavSections } from "../lib/app-navigation.js";
 import { buildBrowseRoute, normalizeBrowsePath, parseBrowseRoute } from "../lib/browse-route.js";

package/lib/public/js/hooks/use-cached-fetch.js

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo, useState } from "https://esm.sh/preact/hooks";
+import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
 import { cachedFetch, getCached } from "../lib/api-cache.js";
 
 export const useCachedFetch = (

package/lib/public/js/hooks/use-destination-session-selection.js

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo, useState } from "https://esm.sh/preact/hooks";
+import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
 import { useAgentSessions } from "./useAgentSessions.js";
 import {
   getDestinationFromSession,

package/lib/public/js/hooks/use-hash-location.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback } from "https://esm.sh/preact/hooks";
+import { useState, useEffect, useCallback } from "preact/hooks";
 import { kDefaultUiTab } from "../lib/app-navigation.js";
 
 const getHashPath = () => {

package/lib/public/js/hooks/useAgentSessions.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useMemo, useCallback } from "https://esm.sh/preact/hooks";
+import { useState, useEffect, useMemo, useCallback } from "preact/hooks";
 import { fetchAgentSessions } from "../lib/api.js";
 import {
   kAgentSessionsCacheKey,

package/lib/public/js/hooks/usePolling.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback, useRef } from "https://esm.sh/preact/hooks";
+import { useState, useEffect, useCallback, useRef } from "preact/hooks";
 import { getCached, setCached } from "../lib/api-cache.js";
 
 export const usePolling = (

package/lib/public/js/tailwind-config.js

@@ -0,0 +1,39 @@
+// Shared Tailwind config — remaps color palette to CSS variables
+// so themes can override colors without touching component files.
+tailwind.config = {
+  theme: {
+    extend: {
+      colors: {
+        surface: "var(--bg-sidebar)",
+        border: "var(--border)",
+        body: "var(--text)",
+        bright: "var(--text-bright)",
+        "fg-muted": "var(--text-muted)",
+        "fg-dim": "var(--text-dim)",
+        field: "var(--field-bg-contrast)",
+        overlay: "var(--overlay)",
+        status: {
+          error: "var(--status-error)",
+          "error-muted": "var(--status-error-muted)",
+          "error-bg": "var(--status-error-bg)",
+          "error-border": "var(--status-error-border)",
+          warning: "var(--status-warning)",
+          "warning-muted": "var(--status-warning-muted)",
+          "warning-bg": "var(--status-warning-bg)",
+          "warning-border": "var(--status-warning-border)",
+          success: "var(--status-success)",
+          "success-muted": "var(--status-success-muted)",
+          "success-bg": "var(--status-success-bg)",
+          "success-border": "var(--status-success-border)",
+          info: "var(--status-info)",
+          "info-muted": "var(--status-info-muted)",
+          "info-bg": "var(--status-info-bg)",
+          "info-border": "var(--status-info-border)",
+        },
+      },
+      fontFamily: {
+        mono: ["'JetBrains Mono'", "monospace"],
+      },
+    },
+  },
+};

package/lib/public/login.html

@@ -10,22 +10,7 @@
     />
     <link rel="icon" type="image/svg+xml" href="./img/logo.svg" />
     <link rel="stylesheet" href="./css/theme.css" />
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script>
-      tailwind.config = {
-        theme: {
-          extend: {
-            colors: {
-              surface: "var(--bg-sidebar)",
-              border: "var(--border)",
-            },
-            fontFamily: {
-              mono: ["'JetBrains Mono'", "monospace"],
-            },
-          },
-        },
-      };
-    </script>
+    <link rel="stylesheet" href="./css/tailwind.generated.css" />
   </head>
   <body class="min-h-screen flex items-center justify-center p-4">
     <div class="max-w-sm w-full relative z-10">
@@ -53,10 +38,10 @@
           type="password"
           placeholder="Password"
           autofocus
-          class="w-full bg-black/30 border border-border rounded-lg px-3 py-2 text-sm outline-none focus:border-gray-500"
+          class="w-full bg-field border border-border rounded-lg px-3 py-2 text-sm outline-none focus:border-fg-muted"
           style="color: var(--text)"
         />
-        <div id="error" class="text-red-400 text-xs hidden"></div>
+        <div id="error" class="text-status-error-muted text-xs hidden"></div>
         <button
           id="submit-btn"
           type="submit"

package/lib/public/setup.html

@@ -10,30 +10,14 @@
     />
     <link rel="icon" type="image/svg+xml" href="./img/logo.svg" />
     <link rel="stylesheet" href="./css/theme.css" />
+    <link rel="stylesheet" href="./css/tailwind.generated.css" />
     <link rel="stylesheet" href="./css/shell.css" />
     <link rel="stylesheet" href="./css/explorer.css" />
     <link rel="stylesheet" href="./css/agents.css" />
     <link rel="stylesheet" href="./css/cron.css" />
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-    <script>
-      tailwind.config = {
-        theme: {
-          extend: {
-            colors: {
-              surface: "var(--bg-sidebar)",
-              border: "var(--border)",
-            },
-            fontFamily: {
-              mono: ["'JetBrains Mono'", "monospace"],
-            },
-          },
-        },
-      };
-    </script>
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="./js/app.js"></script>
+    <script type="module" src="./dist/app.bundle.js"></script>
   </body>
 </html>

package/lib/server/init/register-server-routes.js

@@ -68,6 +68,7 @@ const registerServerRoutes = ({
   deleteOauthCallback,
   markOauthCallbackUsed,
   watchdog,
+  watchdogNotifier,
   getRecentEvents,
   readLogTail,
   watchdogTerminal,
@@ -212,6 +213,7 @@ const registerServerRoutes = ({
     app,
     requireAuth,
     watchdog,
+    watchdogNotifier,
     getRecentEvents,
     readLogTail,
     watchdogTerminal,

package/lib/server/onboarding/github.js

@@ -31,6 +31,38 @@ const parseGithubErrorMessage = async (response) => {
   return response.statusText || `HTTP ${response.status}`;
 };
 
+// Files GitHub may auto-create when initializing a repo — a repo containing
+// only these is treated as empty for onboarding purposes.
+const kBoilerplateNames = new Set([
+  "readme",
+  "readme.md",
+  "readme.txt",
+  "readme.rst",
+  "license",
+  "license.md",
+  "license.txt",
+  ".gitignore",
+  ".gitattributes",
+]);
+
+const repoContainsOnlyBoilerplate = async (repoUrl, ghHeaders) => {
+  try {
+    const res = await fetch(
+      `https://api.github.com/repos/${repoUrl}/contents/`,
+      { headers: ghHeaders },
+    );
+    if (!res.ok) return false;
+    const entries = await res.json();
+    if (!Array.isArray(entries)) return false;
+    if (entries.length === 0) return true;
+    return entries.every(
+      (e) => e.type === "file" && kBoilerplateNames.has(e.name.toLowerCase()),
+    );
+  } catch {
+    return false;
+  }
+};
+
 const isClassicPat = (token) => String(token || "").startsWith("ghp_");
 const isFineGrainedPat = (token) =>
   String(token || "").startsWith("github_pat_");
@@ -98,6 +130,13 @@ const verifyGithubRepoForOnboarding = async ({
         return { ok: true, repoExists: true, repoIsEmpty: true };
       }
       if (commitsRes.ok) {
+        const onlyBoilerplate = await repoContainsOnlyBoilerplate(
+          repoUrl,
+          ghHeaders,
+        );
+        if (onlyBoilerplate) {
+          return { ok: true, repoExists: true, repoIsEmpty: true };
+        }
         if (isExisting) {
           return { ok: true, repoExists: true, repoIsEmpty: false };
         }

package/lib/server/routes/nodes.js

@@ -7,9 +7,11 @@ const kAllowedExecHosts = new Set(["gateway", "node"]);
 const kAllowedExecSecurity = new Set(["deny", "allowlist", "full"]);
 const kAllowedExecAsk = new Set(["off", "on-miss", "always"]);
 const kSafeNodeIdPattern = /^[\w\-:.]+$/;
-const kNodeBrowserInvokeTimeoutMs = 15000;
-const kNodeBrowserCliTimeoutMs = 18000;
+const kNodeBrowserInvokeTimeoutMs = 30000;
+const kNodeBrowserCliTimeoutMs = 35000;
 const kNodeRouteCliTimeoutMs = 12000;
+const kNodesStatusCliTimeoutMs = 5000;
+const kNodesPendingCliTimeoutMs = 5000;
 
 const quoteCliArg = (value) => quoteShellArg(value, { strategy: "single" });
 
@@ -172,7 +174,10 @@ const registerNodeRoutes = ({
   fsModule,
 }) => {
   app.get("/api/nodes", async (_req, res) => {
-    const statusResult = await clawCmd("nodes status --json", { quiet: true });
+    const statusResult = await clawCmd("nodes status --json", {
+      quiet: true,
+      timeoutMs: kNodesStatusCliTimeoutMs,
+    });
     if (!statusResult.ok) {
       return res.status(500).json({
         ok: false,
@@ -180,7 +185,10 @@ const registerNodeRoutes = ({
       });
     }
     const status = parseNodesStatus(statusResult.stdout);
-    const pendingResult = await clawCmd("nodes pending --json", { quiet: true });
+    const pendingResult = await clawCmd("nodes pending --json", {
+      quiet: true,
+      timeoutMs: kNodesPendingCliTimeoutMs,
+    });
     const pending = pendingResult.ok
       ? parseNodesPending(pendingResult.stdout)
       : status.pending;

package/lib/server/routes/pairings.js

@@ -7,6 +7,7 @@ const { quoteShellArg } = require("../utils/shell");
 
 const kAllowedPairingChannels = new Set(["telegram", "discord", "slack"]);
 const kSafePairingArgPattern = /^[\w\-:.]+$/;
+const kDevicesListCliTimeoutMs = 5000;
 const quoteCliArg = (value) => quoteShellArg(value, { strategy: "single" });
 
 const resolvePairingStorePath = ({ openclawDir, channel }) =>
@@ -208,7 +209,10 @@ const registerPairingRoutes = ({ app, clawCmd, isOnboarded, fsModule = fs, openc
         cliAutoApproveComplete: devicePairingCache.cliAutoApproveComplete,
       });
     }
-    const result = await clawCmd("devices list --json", { quiet: true });
+    const result = await clawCmd("devices list --json", {
+      quiet: true,
+      timeoutMs: kDevicesListCliTimeoutMs,
+    });
     if (!result.ok) {
       return res.json({ pending: [], cliAutoApproveComplete: hasCliAutoApproveMarker() });
     }

package/lib/server/routes/system.js

@@ -532,6 +532,10 @@ const registerSystemRoutes = ({
     const running = await isGatewayRunning();
     const repo = process.env.GITHUB_WORKSPACE_REPO || "";
     const openclawVersion = openclawVersionService.readOpenclawVersion();
+    const alphaclawVersion =
+      typeof alphaclawVersionService?.readAlphaclawVersion === "function"
+        ? alphaclawVersionService.readAlphaclawVersion()
+        : null;
     return {
       gateway: running
         ? "running"
@@ -542,6 +546,7 @@ const registerSystemRoutes = ({
       channels: getChannelStatus(),
       repo,
       openclawVersion,
+      alphaclawVersion,
       syncCron: getSystemCronStatus(),
     };
   };

package/lib/server/routes/watchdog.js

@@ -4,6 +4,7 @@ const registerWatchdogRoutes = ({
   app,
   requireAuth,
   watchdog,
+  watchdogNotifier,
   getRecentEvents,
   readLogTail,
   watchdogTerminal,
@@ -76,6 +77,20 @@ const registerWatchdogRoutes = ({
     }
   });
 
+  app.post("/api/watchdog/test-notification", requireAuth, async (req, res) => {
+    try {
+      if (!watchdogNotifier?.notify) {
+        return res.status(503).json({ ok: false, error: "Notifier not available" });
+      }
+      const result = await watchdogNotifier.notify(
+        "*AlphaClaw test notification* — your watchdog alerts are working.",
+      );
+      res.json({ ok: true, result });
+    } catch (err) {
+      res.status(500).json({ ok: false, error: err.message });
+    }
+  });
+
   app.post("/api/watchdog/terminal/session", requireAuth, (req, res) => {
     try {
       const terminalSession = watchdogTerminal.createOrReuseSession();