@chrysb/alphaclaw 0.8.4 → 0.8.6

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

@@ -6,6 +6,7 @@ import {
   applyImport,
   fetchModels,
 } from "../../lib/api.js";
+import { useCachedFetch } from "../../hooks/use-cached-fetch.js";
 import {
   getModelProvider,
   getAuthProviderFromModelProvider,
@@ -13,8 +14,15 @@ import {
   getVisibleAiFieldKeys,
   kProviderAuthFields,
 } from "../../lib/model-config.js";
+import {
+  getInitialOnboardingModelKey,
+  getModelCatalogModels,
+  kModelCatalogCacheKey,
+} from "../../lib/model-catalog.js";
 import {
   kWelcomeGroups,
+  getWelcomeGroupError,
+  findFirstInvalidWelcomeGroup,
   isValidGithubRepoInput,
   kGithubFlowFresh,
   kGithubFlowImport,
@@ -76,11 +84,18 @@ const normalizePlaceholderReview = (review) => {
 export const useWelcome = ({ onComplete }) => {
   const kSetupStepIndex = kWelcomeGroups.length;
   const kPairingStepIndex = kSetupStepIndex + 1;
-  const { vals, setVals, setValue, step, setStep, setupError, setSetupError } =
-    useWelcomeStorage({
-      kSetupStepIndex,
-      kPairingStepIndex,
-    });
+  const {
+    vals,
+    setVals,
+    setValue: setStoredValue,
+    step,
+    setStep,
+    setupError,
+    setSetupError,
+  } = useWelcomeStorage({
+    kSetupStepIndex,
+    kPairingStepIndex,
+  });
   const [models, setModels] = useState([]);
   const [modelsLoading, setModelsLoading] = useState(true);
   const [modelsError, setModelsError] = useState(null);
@@ -110,6 +125,14 @@ export const useWelcome = ({ onComplete }) => {
   const [importScanResult, setImportScanResult] = useState(null);
   const [importScanning, setImportScanning] = useState(false);
   const [importError, setImportError] = useState(null);
+  const modelsFetchState = useCachedFetch(kModelCatalogCacheKey, fetchModels, {
+    maxAgeMs: 30000,
+  });
+
+  const setValue = (key, value) => {
+    if (formError) setFormError(null);
+    setStoredValue(key, value);
+  };
 
   const setImportStep = (nextStep) => {
     setImportStepState(nextStep);
@@ -129,21 +152,54 @@ export const useWelcome = ({ onComplete }) => {
   };
 
   useEffect(() => {
-    fetchModels()
-      .then((result) => {
-        const list = Array.isArray(result.models) ? result.models : [];
-        const featured = getFeaturedModels(list);
-        setModels(list);
-        if (!vals.MODEL_KEY && list.length > 0) {
-          const defaultModel = featured[0] || list[0];
-          setVals((prev) => ({ ...prev, MODEL_KEY: defaultModel.key }));
-        }
-      })
-      .catch(() => setModelsError("Failed to load models"))
-      .finally(() => setModelsLoading(false));
-  }, []);
+    const list = getModelCatalogModels(modelsFetchState.data);
+    if (!modelsFetchState.data) return;
+    setModels(list);
+    setModelsError(list.length > 0 ? null : "No models found");
+    const defaultModelKey = getInitialOnboardingModelKey({
+      catalog: list,
+      currentModelKey: vals.MODEL_KEY,
+    });
+    if (!vals.MODEL_KEY && defaultModelKey) {
+      setVals((prev) => ({ ...prev, MODEL_KEY: defaultModelKey }));
+    }
+  }, [modelsFetchState.data, setVals, vals.MODEL_KEY]);
+
+  useEffect(() => {
+    const hasModels = getModelCatalogModels(modelsFetchState.data).length > 0;
+    setModelsLoading(modelsFetchState.loading && !hasModels);
+  }, [modelsFetchState.data, modelsFetchState.loading]);
+
+  useEffect(() => {
+    if (!modelsFetchState.error) return;
+    setModelsError("Failed to load models");
+    setModelsLoading(false);
+  }, [modelsFetchState.error]);
+
+  const getValidationContext = (currentVals = {}) => {
+    const currentSelectedProvider = getModelProvider(
+      String(currentVals.MODEL_KEY || "").trim(),
+    );
+    const currentSelectedAuthProvider =
+      getAuthProviderFromModelProvider(currentSelectedProvider);
+    const currentProviderAuthFields =
+      kProviderAuthFields[currentSelectedAuthProvider] || [];
+    const currentHasAi =
+      currentSelectedProvider === "openai-codex"
+        ? !!codexStatus.connected
+        : currentProviderAuthFields.some((field) =>
+            !!String(currentVals[field.key] || "").trim(),
+          );
 
-  const selectedProvider = getModelProvider(vals.MODEL_KEY);
+    return {
+      hasAi: currentHasAi,
+      selectedProvider: currentSelectedProvider,
+      codexLoading,
+    };
+  };
+
+  const validationContext = getValidationContext(vals);
+  const { selectedProvider, hasAi } = validationContext;
   const placeholderReview = normalizePlaceholderReview(
     vals[kImportPlaceholderReviewKey],
   );
@@ -164,23 +220,10 @@ 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 === "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;
   const isSetupStep = step === kSetupStepIndex;
   const isPairingStep = step === kPairingStepIndex;
   const activeGroup = step >= 0 && step < kSetupStepIndex ? kWelcomeGroups[step] : null;
-  const currentGroupValid = activeGroup
-    ? activeGroup.validate(vals, { hasAi })
-    : false;
   const selectedPairingChannel = String(
     vals[kPairingChannelKey] || getPreferredPairingChannel(vals),
   );
@@ -202,7 +245,21 @@ export const useWelcome = ({ onComplete }) => {
   const handleSubmit = async () => {
     const { normalizedVals, didChange } = normalizeOnboardingVals(vals);
     if (didChange) setVals(normalizedVals);
-    if (!kWelcomeGroups.every((group) => group.validate(normalizedVals, { hasAi }))) {
+    const submitValidationContext = getValidationContext(normalizedVals);
+    const invalidGroup = findFirstInvalidWelcomeGroup(
+      normalizedVals,
+      submitValidationContext,
+    );
+    if (invalidGroup) {
+      setFormError(
+        getWelcomeGroupError(
+          invalidGroup.id,
+          normalizedVals,
+          submitValidationContext,
+        ),
+      );
+      setSetupError(null);
+      setStep(kWelcomeGroups.findIndex((group) => group.id === invalidGroup.id));
       return;
     }
     if (loading) return;
@@ -309,7 +366,17 @@ export const useWelcome = ({ onComplete }) => {
   const goNext = async () => {
     const { normalizedVals, didChange } = normalizeOnboardingVals(vals);
     if (didChange) setVals(normalizedVals);
-    if (!activeGroup || !activeGroup.validate(normalizedVals, { hasAi })) return;
+    if (!activeGroup) return;
+    const stepValidationContext = getValidationContext(normalizedVals);
+    const stepValidationError = getWelcomeGroupError(
+      activeGroup.id,
+      normalizedVals,
+      stepValidationContext,
+    );
+    if (stepValidationError) {
+      setFormError(stepValidationError);
+      return;
+    }
     setFormError(null);
     if (activeGroup.id === "github") {
       const githubFlow = normalizedVals._GITHUB_FLOW || kGithubFlowFresh;
@@ -545,12 +612,10 @@ export const useWelcome = ({ onComplete }) => {
       canToggleFullCatalog,
       visibleAiFieldKeys,
       hasAi,
-      allValid,
       isPreStep,
       isSetupStep,
       isPairingStep,
       activeGroup,
-      currentGroupValid,
       selectedPairingChannel,
       placeholderReview,
       isImportStep,

package/lib/public/js/lib/codex-oauth-window.js

@@ -0,0 +1,22 @@
+const kCodexAuthStartPath = "/auth/codex/start";
+const kCodexAuthWindowName = "codex-auth";
+const kCodexAuthPopupFeatures = "popup=yes,width=640,height=780";
+const kCodexAuthCallbackMessageType = "callback-input";
+
+export const openCodexAuthWindow = () => {
+  const popup = window.open(
+    kCodexAuthStartPath,
+    kCodexAuthWindowName,
+    kCodexAuthPopupFeatures,
+  );
+  if (!popup || popup.closed) {
+    window.location.href = kCodexAuthStartPath;
+    return null;
+  }
+  return popup;
+};
+
+export const isCodexAuthCallbackMessage = (value) =>
+  value?.codex === kCodexAuthCallbackMessageType &&
+  typeof value.input === "string" &&
+  value.input.trim().length > 0;

package/lib/public/js/lib/model-catalog.js

@@ -0,0 +1,20 @@
+import { getFeaturedModels } from "./model-config.js";
+
+export const kModelCatalogCacheKey = "/api/models";
+export const kModelCatalogPollIntervalMs = 3000;
+
+export const getModelCatalogModels = (payload) =>
+  Array.isArray(payload?.models) ? payload.models : [];
+
+export const isModelCatalogRefreshing = (payload) =>
+  Boolean(payload?.refreshing);
+
+export const getInitialOnboardingModelKey = ({
+  catalog = [],
+  currentModelKey = "",
+} = {}) => {
+  const normalizedCurrent = String(currentModelKey || "").trim();
+  if (normalizedCurrent) return normalizedCurrent;
+  const featuredModels = getFeaturedModels(catalog);
+  return String(featuredModels[0]?.key || catalog[0]?.key || "");
+};

package/lib/public/js/lib/storage-keys.js

@@ -6,6 +6,7 @@
 
 // --- UI settings (single JSON blob containing sub-keys) ---
 export const kUiSettingsStorageKey = "alphaclaw.ui.settings";
+export const kThemeStorageKey = "alphaclaw.ui.theme";
 
 // --- Browse / file viewer ---
 export const kFileViewerModeStorageKey = "alphaclaw.browse.viewerMode";
@@ -30,4 +31,3 @@ export const kAgentLastSessionKey = "alphaclaw.agent.lastSessionKey";
 
 // --- Chat ---
 export const kChatSessionDraftsStorageKey = "alphaclaw.chat.sessionDrafts";
-

package/lib/public/login.html

@@ -11,6 +11,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" />
+    <script>
+      try {
+        var t = localStorage.getItem("alphaclaw.ui.theme");
+        if (t === "system") t = window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
+        else if (t !== "dark" && t !== "light") t = "dark";
+        document.documentElement.dataset.theme = t;
+      } catch {}
+    </script>
   </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 +61,6 @@
       </form>
     </div>
     <script>
-      try {
-        window.localStorage?.clear?.();
-      } catch {}
-
       const formEl = document.getElementById("login-form");
       const passwordEl = document.getElementById("password");
       const submitButtonEl = document.getElementById("submit-btn");

package/lib/public/setup.html

@@ -16,6 +16,15 @@
     <link rel="stylesheet" href="./css/agents.css" />
     <link rel="stylesheet" href="./css/chat.css" />
     <link rel="stylesheet" href="./css/cron.css" />
+    <script>
+      // Apply saved theme before render to prevent flash.
+      try {
+        var t = localStorage.getItem("alphaclaw.ui.theme");
+        if (t === "system") t = window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
+        else if (t !== "dark" && t !== "light") t = "dark";
+        document.documentElement.dataset.theme = t;
+      } catch {}
+    </script>
   </head>
   <body>
     <div id="app"></div>

package/lib/server/alphaclaw-version.js

@@ -1,5 +1,6 @@
 const childProcess = require("child_process");
 const fs = require("fs");
+const os = require("os");
 const path = require("path");
 const https = require("https");
 const http = require("http");
@@ -7,6 +8,7 @@ const {
   kLatestVersionCacheTtlMs,
   kAlphaclawRegistryUrl,
   kNpmPackageRoot,
+  kOpenclawUpdateCopyTimeoutMs,
   kRootDir,
 } = require("./constants");
 
@@ -114,7 +116,7 @@ const createAlphaclawVersionService = () => {
       const parent = path.dirname(dir);
       if (
         path.basename(parent) === "node_modules" ||
-        parent.includes("node_modules")
+        parent.includes(`${path.sep}node_modules${path.sep}`)
       ) {
         dir = parent;
         continue;
@@ -123,7 +125,11 @@ const createAlphaclawVersionService = () => {
       if (fs.existsSync(pkgPath)) {
         try {
           const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf8"));
-          if (pkg.dependencies?.["@chrysb/alphaclaw"]) {
+          if (
+            pkg.dependencies?.["@chrysb/alphaclaw"] ||
+            pkg.devDependencies?.["@chrysb/alphaclaw"] ||
+            pkg.optionalDependencies?.["@chrysb/alphaclaw"]
+          ) {
             return parent;
           }
         } catch {}
@@ -137,19 +143,39 @@ const createAlphaclawVersionService = () => {
   const installLatestAlphaclaw = () =>
     new Promise((resolve, reject) => {
       const installDir = findInstallDir();
+      const tmpDir = fs.mkdtempSync(
+        path.join(os.tmpdir(), "alphaclaw-update-"),
+      );
+
+      const cleanup = () => {
+        try {
+          fs.rmSync(tmpDir, { recursive: true, force: true });
+        } catch {}
+      };
+
+      fs.writeFileSync(
+        path.join(tmpDir, "package.json"),
+        JSON.stringify({
+          private: true,
+          dependencies: { "@chrysb/alphaclaw": "latest" },
+        }),
+      );
+
+      const npmEnv = {
+        ...process.env,
+        npm_config_update_notifier: "false",
+        npm_config_fund: "false",
+        npm_config_audit: "false",
+      };
+
       console.log(
-        `[alphaclaw] Running: npm install @chrysb/alphaclaw@latest (cwd: ${installDir})`,
+        `[alphaclaw] Running: npm install @chrysb/alphaclaw@latest in temp dir (target: ${installDir})`,
       );
       childProcess.exec(
-        "npm install @chrysb/alphaclaw@latest --omit=dev --no-save --save=false --package-lock=false --prefer-online",
+        "npm install --omit=dev --prefer-online --package-lock=false",
         {
-          cwd: installDir,
-          env: {
-            ...process.env,
-            npm_config_update_notifier: "false",
-            npm_config_fund: "false",
-            npm_config_audit: "false",
-          },
+          cwd: tmpDir,
+          env: npmEnv,
           timeout: 180000,
         },
         (err, stdout, stderr) => {
@@ -158,6 +184,7 @@ const createAlphaclawVersionService = () => {
             console.log(
               `[alphaclaw] alphaclaw install error: ${message.slice(0, 200)}`,
             );
+            cleanup();
             return reject(
               new Error(
                 message || "Failed to install @chrysb/alphaclaw@latest",
@@ -169,8 +196,28 @@ const createAlphaclawVersionService = () => {
               `[alphaclaw] alphaclaw install stdout: ${stdout.trim().slice(0, 300)}`,
             );
           }
-          console.log("[alphaclaw] alphaclaw install completed");
-          resolve({ stdout: stdout?.trim(), stderr: stderr?.trim() });
+
+          const src = path.join(tmpDir, "node_modules");
+          const dest = path.join(installDir, "node_modules");
+          childProcess.exec(
+            `cp -af "${src}/." "${dest}/"`,
+            { timeout: kOpenclawUpdateCopyTimeoutMs },
+            (copyErr) => {
+              cleanup();
+              if (copyErr) {
+                console.log(
+                  `[alphaclaw] alphaclaw copy error: ${(copyErr.message || "").slice(0, 200)}`,
+                );
+                return reject(
+                  new Error(
+                    `Failed to copy updated AlphaClaw files: ${copyErr.message}`,
+                  ),
+                );
+              }
+              console.log("[alphaclaw] alphaclaw install completed");
+              resolve({ stdout: stdout?.trim(), stderr: stderr?.trim() });
+            },
+          );
         },
       );
     });

package/lib/server/db/webhooks/index.js

@@ -10,6 +10,7 @@ let pruneTimer = null;
 const kDefaultRequestLimit = 50;
 const kMaxRequestLimit = 200;
 const kPruneIntervalMs = 12 * 60 * 60 * 1000;
+const kHealthSummaryWindow = 25;
 
 const ensureDb = () => {
   if (!db) throw new Error("Webhooks DB not initialized");
@@ -202,22 +203,61 @@ const getHookSummaries = () => {
   const database = ensureDb();
   const rows = database
     .prepare(`
+      WITH ranked_requests AS (
+        SELECT
+          hook_name,
+          created_at,
+          gateway_status,
+          ROW_NUMBER() OVER (
+            PARTITION BY hook_name
+            ORDER BY created_at DESC, id DESC
+          ) AS row_num
+        FROM webhook_requests
+      ),
+      overall_counts AS (
+        SELECT
+          hook_name,
+          MAX(created_at) AS last_received,
+          COUNT(*) AS total_count,
+          SUM(CASE WHEN gateway_status >= 200 AND gateway_status < 300 THEN 1 ELSE 0 END) AS success_count,
+          SUM(CASE WHEN gateway_status IS NULL OR gateway_status < 200 OR gateway_status >= 300 THEN 1 ELSE 0 END) AS error_count
+        FROM webhook_requests
+        GROUP BY hook_name
+      ),
+      recent_counts AS (
+        SELECT
+          hook_name,
+          COUNT(*) AS recent_total_count,
+          SUM(CASE WHEN gateway_status >= 200 AND gateway_status < 300 THEN 1 ELSE 0 END) AS recent_success_count,
+          SUM(CASE WHEN gateway_status IS NULL OR gateway_status < 200 OR gateway_status >= 300 THEN 1 ELSE 0 END) AS recent_error_count
+        FROM ranked_requests
+        WHERE row_num <= $health_window
+        GROUP BY hook_name
+      )
       SELECT
-        hook_name,
-        MAX(created_at) AS last_received,
-        COUNT(*) AS total_count,
-        SUM(CASE WHEN gateway_status >= 200 AND gateway_status < 300 THEN 1 ELSE 0 END) AS success_count,
-        SUM(CASE WHEN gateway_status IS NULL OR gateway_status < 200 OR gateway_status >= 300 THEN 1 ELSE 0 END) AS error_count
-      FROM webhook_requests
-      GROUP BY hook_name
+        overall_counts.hook_name,
+        overall_counts.last_received,
+        overall_counts.total_count,
+        overall_counts.success_count,
+        overall_counts.error_count,
+        COALESCE(recent_counts.recent_total_count, 0) AS recent_total_count,
+        COALESCE(recent_counts.recent_success_count, 0) AS recent_success_count,
+        COALESCE(recent_counts.recent_error_count, 0) AS recent_error_count
+      FROM overall_counts
+      LEFT JOIN recent_counts
+        ON recent_counts.hook_name = overall_counts.hook_name
     `)
-    .all();
+    .all({ $health_window: kHealthSummaryWindow });
   return rows.map((row) => ({
     hookName: row.hook_name,
     lastReceived: row.last_received || null,
     totalCount: Number(row.total_count || 0),
     successCount: Number(row.success_count || 0),
     errorCount: Number(row.error_count || 0),
+    recentTotalCount: Number(row.recent_total_count || 0),
+    recentSuccessCount: Number(row.recent_success_count || 0),
+    recentErrorCount: Number(row.recent_error_count || 0),
+    healthWindowSize: kHealthSummaryWindow,
   }));
 };