@chrysb/alphaclaw 0.8.5 → 0.8.7-beta.0

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

@@ -4,6 +4,10 @@ import {
   exchangeCodexOAuth,
   fetchCodexStatus,
 } from "../../lib/api.js";
+import {
+  isCodexAuthCallbackMessage,
+  openCodexAuthWindow,
+} from "../../lib/codex-oauth-window.js";
 
 export const useWelcomeCodex = ({ setFormError } = {}) => {
   const [codexStatus, setCodexStatus] = useState({ connected: false });
@@ -12,6 +16,7 @@ export const useWelcomeCodex = ({ setFormError } = {}) => {
   const [codexExchanging, setCodexExchanging] = useState(false);
   const [codexAuthStarted, setCodexAuthStarted] = useState(false);
   const [codexAuthWaiting, setCodexAuthWaiting] = useState(false);
+  const codexExchangeInFlightRef = useRef(false);
   const codexPopupPollRef = useRef(null);
 
   const refreshCodexStatus = async () => {
@@ -33,10 +38,36 @@ export const useWelcomeCodex = ({ setFormError } = {}) => {
     refreshCodexStatus();
   }, []);
 
+  const submitCodexAuthInput = async (input) => {
+    const normalizedInput = String(input || "").trim();
+    if (!normalizedInput || codexExchangeInFlightRef.current) return;
+    codexExchangeInFlightRef.current = true;
+    setCodexManualInput(normalizedInput);
+    setCodexExchanging(true);
+    setFormError(null);
+    try {
+      const result = await exchangeCodexOAuth(normalizedInput);
+      if (!result.ok)
+        throw new Error(result.error || "Codex OAuth exchange failed");
+      setCodexManualInput("");
+      setCodexAuthStarted(false);
+      setCodexAuthWaiting(false);
+      await refreshCodexStatus();
+    } catch (err) {
+      setCodexAuthWaiting(false);
+      setFormError(err.message || "Codex OAuth exchange failed");
+    } finally {
+      codexExchangeInFlightRef.current = false;
+      setCodexExchanging(false);
+    }
+  };
+
   useEffect(() => {
     const onMessage = async (e) => {
       if (e.data?.codex === "success") {
         await refreshCodexStatus();
+      } else if (isCodexAuthCallbackMessage(e.data)) {
+        await submitCodexAuthInput(e.data.input);
       }
       if (e.data?.codex === "error") {
         setFormError(`Codex auth failed: ${e.data.message || "unknown error"}`);
@@ -44,7 +75,7 @@ export const useWelcomeCodex = ({ setFormError } = {}) => {
     };
     window.addEventListener("message", onMessage);
     return () => window.removeEventListener("message", onMessage);
-  }, [setFormError]);
+  }, [setFormError, submitCodexAuthInput]);
 
   useEffect(
     () => () => {
@@ -60,15 +91,9 @@ export const useWelcomeCodex = ({ setFormError } = {}) => {
     if (codexStatus.connected) return;
     setCodexAuthStarted(true);
     setCodexAuthWaiting(true);
-    const authUrl = "/auth/codex/start";
-    const popup = window.open(
-      authUrl,
-      "codex-auth",
-      "popup=yes,width=640,height=780",
-    );
+    const popup = openCodexAuthWindow();
     if (!popup || popup.closed) {
       setCodexAuthWaiting(false);
-      window.location.href = authUrl;
       return;
     }
     if (codexPopupPollRef.current) {
@@ -84,22 +109,7 @@ export const useWelcomeCodex = ({ setFormError } = {}) => {
   };
 
   const completeCodexAuth = async () => {
-    if (!codexManualInput.trim() || codexExchanging) return;
-    setCodexExchanging(true);
-    setFormError(null);
-    try {
-      const result = await exchangeCodexOAuth(codexManualInput.trim());
-      if (!result.ok)
-        throw new Error(result.error || "Codex OAuth exchange failed");
-      setCodexManualInput("");
-      setCodexAuthStarted(false);
-      setCodexAuthWaiting(false);
-      await refreshCodexStatus();
-    } catch (err) {
-      setFormError(err.message || "Codex OAuth exchange failed");
-    } finally {
-      setCodexExchanging(false);
-    }
+    await submitCodexAuthInput(codexManualInput);
   };
 
   const handleCodexDisconnect = async () => {

package/lib/public/js/components/onboarding/welcome-config.js

@@ -11,6 +11,8 @@ export const kGithubFlowImport = "import";
 export const kGithubTargetRepoModeCreate = "create";
 export const kGithubTargetRepoModeExistingEmpty = "existing-empty";
 
+const hasValue = (value) => !!String(value || "").trim();
+
 export const normalizeGithubRepoInput = (repoInput) =>
   String(repoInput || "")
     .trim()
@@ -25,6 +27,74 @@ export const isValidGithubRepoInput = (repoInput) => {
   return parts.length === 2 && !parts.some((part) => /\s/.test(part));
 };
 
+const getGithubGroupError = (vals) => {
+  const githubFlow = vals._GITHUB_FLOW || kGithubFlowFresh;
+  if (!hasValue(vals.GITHUB_TOKEN)) {
+    return "Enter a GitHub personal access token to continue.";
+  }
+  if (!hasValue(vals.GITHUB_WORKSPACE_REPO)) {
+    return 'Enter the target repo as "owner/repo".';
+  }
+  if (!isValidGithubRepoInput(vals.GITHUB_WORKSPACE_REPO)) {
+    return 'Target repo must be in "owner/repo" format.';
+  }
+  if (githubFlow === kGithubFlowImport) {
+    if (!hasValue(vals._GITHUB_SOURCE_REPO)) {
+      return 'Enter the source repo as "owner/repo".';
+    }
+    if (!isValidGithubRepoInput(vals._GITHUB_SOURCE_REPO)) {
+      return 'Source repo must be in "owner/repo" format.';
+    }
+  }
+  return "";
+};
+
+const getAiGroupError = (vals, ctx = {}) => {
+  if (!hasValue(vals.MODEL_KEY) || !String(vals.MODEL_KEY).includes("/")) {
+    return "Choose a model to continue.";
+  }
+  if (ctx.selectedProvider === "openai-codex" && ctx.codexLoading) {
+    return "Checking Codex OAuth status. Try Next again in a moment.";
+  }
+  if (!ctx.hasAi) {
+    return ctx.selectedProvider === "openai-codex"
+      ? "Connect Codex OAuth to continue."
+      : "Add credentials for the selected model provider to continue.";
+  }
+  return "";
+};
+
+const getChannelsGroupError = (vals) => {
+  const hasTelegram = hasValue(vals.TELEGRAM_BOT_TOKEN);
+  const hasDiscord = hasValue(vals.DISCORD_BOT_TOKEN);
+  const hasSlackBot = hasValue(vals.SLACK_BOT_TOKEN);
+  const hasSlackApp = hasValue(vals.SLACK_APP_TOKEN);
+
+  if (hasSlackBot && !hasSlackApp) {
+    return "Add the Slack app token to continue with Slack.";
+  }
+  if (!hasSlackBot && hasSlackApp) {
+    return "Add the Slack bot token to continue with Slack.";
+  }
+  if (!hasTelegram && !hasDiscord && !(hasSlackBot && hasSlackApp)) {
+    return "Add at least one channel to continue.";
+  }
+  return "";
+};
+
+export const getWelcomeGroupError = (groupId, vals, ctx = {}) => {
+  switch (groupId) {
+    case "github":
+      return getGithubGroupError(vals);
+    case "ai":
+      return getAiGroupError(vals, ctx);
+    case "channels":
+      return getChannelsGroupError(vals);
+    default:
+      return "";
+  }
+};
+
 export const kWelcomeGroups = [
   {
     id: "github",
@@ -64,21 +134,14 @@ export const kWelcomeGroups = [
         placeholder: "ghp_... or github_pat_...",
       },
     ],
-    validate: (vals) => {
-      const githubFlow = vals._GITHUB_FLOW || kGithubFlowFresh;
-      const hasTarget = isValidGithubRepoInput(vals.GITHUB_WORKSPACE_REPO);
-      const hasSource =
-        githubFlow !== kGithubFlowImport ||
-        isValidGithubRepoInput(vals._GITHUB_SOURCE_REPO);
-      return !!(vals.GITHUB_TOKEN && hasTarget && hasSource);
-    },
+    validate: (vals, ctx = {}) => !getWelcomeGroupError("github", vals, ctx),
   },
   {
     id: "ai",
     title: "Primary Agent Model",
     description: "Choose your main model and authenticate its provider",
     fields: kAllAiAuthFields,
-    validate: (vals, ctx = {}) => !!(vals.MODEL_KEY && ctx.hasAi),
+    validate: (vals, ctx = {}) => !getWelcomeGroupError("ai", vals, ctx),
   },
   {
     id: "channels",
@@ -152,7 +215,7 @@ export const kWelcomeGroups = [
         placeholder: "xapp-...",
       },
     ],
-    validate: (vals) => !!(vals.TELEGRAM_BOT_TOKEN || vals.DISCORD_BOT_TOKEN || (vals.SLACK_BOT_TOKEN && vals.SLACK_APP_TOKEN)),
+    validate: (vals, ctx = {}) => !getWelcomeGroupError("channels", vals, ctx),
   },
   {
     id: "tools",
@@ -175,3 +238,6 @@ export const kWelcomeGroups = [
     validate: () => true,
   },
 ];
+
+export const findFirstInvalidWelcomeGroup = (vals, ctx = {}) =>
+  kWelcomeGroups.find((group) => getWelcomeGroupError(group.id, vals, ctx)) || null;

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

@@ -50,12 +50,11 @@ export const WelcomeFormStep = ({
   error,
   step,
   totalGroups,
-  currentGroupValid,
+  importApplied,
   goBack,
   goNext,
   loading,
   githubStepLoading,
-  allValid,
   handleSubmit,
 }) => {
   const [showOptionalOpenai, setShowOptionalOpenai] = useState(false);
@@ -90,18 +89,28 @@ export const WelcomeFormStep = ({
     });
   }, [activeGroup.id]);
 
-  const renderStandardField = (field) => html`
+  const renderStandardField = (field) => {
+    const isLockedImportSourceField =
+      activeGroup.id === "github" &&
+      githubFlow === kGithubFlowImport &&
+      importApplied &&
+      field.key === "_GITHUB_SOURCE_REPO";
+
+    return html`
     <div class="space-y-1" key=${field.key}>
       <label class="text-xs font-medium text-fg-muted">${field.label}</label>
       <${SecretInput}
         key=${field.key}
         value=${vals[field.key] || ""}
         onInput=${(e) => setValue(field.key, e.target.value)}
+        disabled=${isLockedImportSourceField}
         placeholder=${activeGroup.id === "github" && field.key === "GITHUB_TOKEN"
           ? githubTokenPlaceholder
           : field.placeholder || ""}
         isSecret=${!field.isText}
-        inputClass="flex-1 bg-field border border-border rounded-lg px-3 py-2 text-sm text-body outline-none focus:border-fg-muted font-mono"
+        inputClass=${`flex-1 bg-field border border-border rounded-lg px-3 py-2 text-sm text-body outline-none focus:border-fg-muted font-mono ${
+          isLockedImportSourceField ? "opacity-60 cursor-not-allowed" : ""
+        }`}
       />
       <p class="text-xs text-fg-dim">
         ${activeGroup.id === "github" &&
@@ -112,7 +121,9 @@ export const WelcomeFormStep = ({
               ? "Enter the owner/repo of an existing empty repository"
               : "A new private repo will be created for you"
           : activeGroup.id === "github" && field.key === "_GITHUB_SOURCE_REPO"
-            ? "The repo to import from"
+            ? importApplied
+              ? "This source repo is already imported locally. You can still change the target repo below."
+              : "The repo to import from"
             : activeGroup.id === "github" && field.key === "GITHUB_TOKEN"
               ? githubFlow === kGithubFlowImport
                 ? freshRepoMode === kGithubTargetRepoModeCreate
@@ -141,7 +152,8 @@ export const WelcomeFormStep = ({
               : field.hint}
       </p>
     </div>
-  `;
+    `;
+  };
   const fieldLookup = new Map((activeGroup.fields || []).map((field) => [field.key, field]));
   const toggleChannelSection = (channelId) =>
     setExpandedChannels((current) => {
@@ -294,13 +306,12 @@ export const WelcomeFormStep = ({
             />
           `}
         </div>
-        ${!codexStatus.connected &&
-        codexAuthStarted &&
+        ${codexAuthStarted &&
         html`
           <div class="space-y-1 pt-1">
             <p class="text-xs text-fg-muted">
               ${codexAuthWaiting
-                ? "Complete login in the popup, then paste the full redirect URL from the address bar (starts with "
+                ? "Complete login in the popup. AlphaClaw should finish automatically, but if it doesn't, paste the full redirect URL from the address bar (starts with "
                 : "Paste the full redirect URL from the address bar (starts with "}
               <code class="text-xs bg-field px-1 rounded"
                 >http://localhost:1455/auth/callback</code
@@ -330,6 +341,17 @@ export const WelcomeFormStep = ({
     ${activeGroup.id === "github" &&
     html`
       <div class="space-y-3">
+        ${githubFlow === kGithubFlowImport && importApplied
+          ? html`
+              <div
+                class="bg-status-info-bg border border-status-info-border rounded-lg p-3 text-xs text-status-info"
+              >
+                The import source is already applied locally. You can still
+                change the target repo before finishing setup, but we will not
+                re-import the source repo a second time.
+              </div>
+            `
+          : null}
         ${githubFlow === kGithubFlowFresh
           ? html`
               <div class="space-y-1">
@@ -442,7 +464,6 @@ export const WelcomeFormStep = ({
               : html`<div class="w-full"></div>`}
             <${ActionButton}
               onClick=${goNext}
-              disabled=${!currentGroupValid}
               loading=${activeGroup.id === "github" && githubStepLoading}
               tone="primary"
               size="md"
@@ -466,7 +487,6 @@ export const WelcomeFormStep = ({
               : html`<div class="w-full"></div>`}
             <${ActionButton}
               onClick=${handleSubmit}
-              disabled=${!allValid}
               loading=${loading}
               tone="primary"
               size="md"

package/lib/public/js/components/onboarding/welcome-header.js

@@ -20,13 +20,11 @@ export const WelcomeHeader = ({
 
   return html`
     <div class="text-center mb-1">
-      <img
-        src="./img/logo.svg"
-        alt="alphaclaw"
-        class="mx-auto mb-3"
-        width="32"
-        height="33"
-      />
+      <span
+        class="ac-logo-mark block mx-auto mb-3"
+        style="--ac-logo-width: 32px; --ac-logo-height: 33px;"
+        aria-hidden="true"
+      ></span>
       <h1 class="text-2xl font-semibold mb-2">Setup</h1>
       <p style="color: var(--text-muted)" class="text-sm">
         Let's get your agent running
@@ -34,7 +32,7 @@ export const WelcomeHeader = ({
       <div class="mt-4 mb-2 flex items-center justify-center">
         <span
           class="text-[11px] px-2.5 py-1 rounded-full border border-border font-medium"
-          style="background: rgba(0, 0, 0, 0.3); color: var(--text-muted)"
+          style="background: var(--field-bg-contrast); color: var(--text-muted)"
         >
           ${isPreStep
             ? "Choose your destiny"
@@ -51,16 +49,16 @@ export const WelcomeHeader = ({
         const isPairingComplete =
           idx < step || (isPairingStep && group.id === "pairing");
         const bg = isPreStep
-          ? "rgba(82, 94, 122, 0.45)"
+          ? "var(--border-strong)"
           : isActive
-            ? "rgba(99, 235, 255, 0.9)"
+            ? "var(--accent)"
             : group.id === "pairing"
               ? isPairingComplete
-                ? "rgba(99, 235, 255, 0.55)"
-                : "rgba(82, 94, 122, 0.45)"
+                ? "var(--accent-dim)"
+                : "var(--border-strong)"
               : isComplete
-                ? "rgba(99, 235, 255, 0.55)"
-                : "rgba(82, 94, 122, 0.45)";
+                ? "var(--accent-dim)"
+                : "var(--border-strong)";
         return html`
           <div
             class="h-1 flex-1 rounded-full transition-colors ${isActive ? "ac-step-pill-pulse" : ""}"

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

@@ -45,7 +45,7 @@ export const WelcomeSetupStep = ({ error, loading, onRetry, onBack }) => {
   if (error) {
     return html`
       <div class="py-4 flex flex-col items-center text-center gap-3">
-        <h3 class="text-lg font-semibold text-white">Setup failed</h3>
+        <h3 class="text-lg font-semibold text-body">Setup failed</h3>
         <p class="text-sm text-fg-muted">Fix the values and try again.</p>
       </div>
       <div
@@ -83,8 +83,8 @@ export const WelcomeSetupStep = ({ error, loading, onRetry, onBack }) => {
       <div
         class="flex-1 flex flex-col items-center justify-center text-center gap-4"
       >
-        <${LoadingSpinner} className="h-8 w-8 text-white" />
-        <h3 class="text-lg font-semibold text-white">
+        <${LoadingSpinner} className="h-8 w-8 text-body" />
+        <h3 class="text-lg font-semibold text-body">
           Initializing OpenClaw...
         </h3>
         <p class="text-sm text-fg-muted">This could take 10-15 seconds</p>

package/lib/public/js/components/providers.js

@@ -27,6 +27,10 @@ import {
   kProviderFeatures,
   kCoreProviders,
 } from "../lib/model-config.js";
+import {
+  isCodexAuthCallbackMessage,
+  openCodexAuthWindow,
+} from "../lib/codex-oauth-window.js";
 
 const html = htm.bind(h);
 
@@ -89,6 +93,7 @@ export const Providers = ({ onRestartRequired = () => {} }) => {
     () => kProvidersTabCache?.savedAiValues || {},
   );
   const [showMoreProviders, setShowMoreProviders] = useState(false);
+  const codexExchangeInFlightRef = useRef(false);
   const codexPopupPollRef = useRef(null);
 
   const refresh = async () => {
@@ -171,11 +176,37 @@ export const Providers = ({ onRestartRequired = () => {} }) => {
     [],
   );
 
+  const submitCodexAuthInput = async (input) => {
+    const normalizedInput = String(input || "").trim();
+    if (!normalizedInput || codexExchangeInFlightRef.current) return;
+    codexExchangeInFlightRef.current = true;
+    setCodexManualInput(normalizedInput);
+    setCodexExchanging(true);
+    try {
+      const result = await exchangeCodexOAuth(normalizedInput);
+      if (!result.ok)
+        throw new Error(result.error || "Codex OAuth exchange failed");
+      setCodexManualInput("");
+      showToast("Codex connected", "success");
+      setCodexAuthStarted(false);
+      setCodexAuthWaiting(false);
+      await refreshCodexConnection();
+    } catch (err) {
+      setCodexAuthWaiting(false);
+      showToast(err.message || "Codex OAuth exchange failed", "error");
+    } finally {
+      codexExchangeInFlightRef.current = false;
+      setCodexExchanging(false);
+    }
+  };
+
   useEffect(() => {
     const onMessage = async (e) => {
       if (e.data?.codex === "success") {
         showToast("Codex connected", "success");
         await refreshCodexConnection();
+      } else if (isCodexAuthCallbackMessage(e.data)) {
+        await submitCodexAuthInput(e.data.input);
       } else if (e.data?.codex === "error") {
         showToast(
           `Codex auth failed: ${e.data.message || "unknown error"}`,
@@ -185,7 +216,7 @@ export const Providers = ({ onRestartRequired = () => {} }) => {
     };
     window.addEventListener("message", onMessage);
     return () => window.removeEventListener("message", onMessage);
-  }, []);
+  }, [submitCodexAuthInput]);
 
   const setEnvValue = (key, value) => {
     setEnvVars((prev) => {
@@ -296,14 +327,9 @@ export const Providers = ({ onRestartRequired = () => {} }) => {
     if (codexStatus.connected) return;
     setCodexAuthStarted(true);
     setCodexAuthWaiting(true);
-    const popup = window.open(
-      "/auth/codex/start",
-      "codex-auth",
-      "popup=yes,width=640,height=780",
-    );
+    const popup = openCodexAuthWindow();
     if (!popup || popup.closed) {
       setCodexAuthWaiting(false);
-      window.location.href = "/auth/codex/start";
       return;
     }
     if (codexPopupPollRef.current) {
@@ -319,22 +345,7 @@ export const Providers = ({ onRestartRequired = () => {} }) => {
   };
 
   const completeCodexAuth = async () => {
-    if (!codexManualInput.trim() || codexExchanging) return;
-    setCodexExchanging(true);
-    try {
-      const result = await exchangeCodexOAuth(codexManualInput.trim());
-      if (!result.ok)
-        throw new Error(result.error || "Codex OAuth exchange failed");
-      setCodexManualInput("");
-      showToast("Codex connected", "success");
-      setCodexAuthStarted(false);
-      setCodexAuthWaiting(false);
-      await refreshCodexConnection();
-    } catch (err) {
-      showToast(err.message || "Codex OAuth exchange failed", "error");
-    } finally {
-      setCodexExchanging(false);
-    }
+    await submitCodexAuthInput(codexManualInput);
   };
 
   const handleCodexDisconnect = async () => {
@@ -385,7 +396,23 @@ export const Providers = ({ onRestartRequired = () => {} }) => {
           ? html`<${Badge} tone="success">Connected</${Badge}>`
           : html`<${Badge} tone="warning">Not connected</${Badge}>`}
       </div>
-      ${codexStatus.connected
+      ${codexAuthStarted
+        ? html`
+            <div class="flex items-center justify-between gap-2">
+              <p class="text-xs text-fg-muted">
+                ${codexAuthWaiting
+                  ? "Complete login in the popup. AlphaClaw should finish automatically, but you can paste the redirect URL below if it doesn't."
+                  : "Paste the redirect URL from your browser to finish connecting."}
+              </p>
+              <button
+                onclick=${startCodexAuth}
+                class="text-xs font-medium px-3 py-1.5 rounded-lg ac-btn-secondary shrink-0"
+              >
+                Restart
+              </button>
+            </div>
+          `
+        : codexStatus.connected
         ? html`
             <div class="flex gap-2">
               <button
@@ -402,31 +429,15 @@ export const Providers = ({ onRestartRequired = () => {} }) => {
               </button>
             </div>
           `
-        : !codexAuthStarted
-          ? html`
+        : html`
               <button
                 onclick=${startCodexAuth}
                 class="text-xs font-medium px-3 py-1.5 rounded-lg ac-btn-cyan"
               >
                 Connect Codex OAuth
               </button>
-            `
-          : html`
-              <div class="flex items-center justify-between gap-2">
-                <p class="text-xs text-fg-muted">
-                  ${codexAuthWaiting
-                    ? "Complete login in the popup, then paste the redirect URL."
-                    : "Paste the redirect URL from your browser to finish connecting."}
-                </p>
-                <button
-                  onclick=${startCodexAuth}
-                  class="text-xs font-medium px-3 py-1.5 rounded-lg ac-btn-secondary shrink-0"
-                >
-                  Restart
-                </button>
-              </div>
             `}
-      ${!codexStatus.connected && codexAuthStarted
+      ${codexAuthStarted
         ? html`
             <p class="text-xs text-fg-muted">
               After login, copy the full redirect URL (starts with

package/lib/public/js/components/routes/general-route.js

@@ -16,6 +16,7 @@ export const GeneralRoute = ({
   restartingGateway = false,
   onRestartGateway = () => {},
   restartSignal = 0,
+  openclawRestarting = false,
   openclawUpdateInProgress = false,
   onOpenclawVersionActionComplete = () => {},
   onOpenclawUpdate = () => {},
@@ -37,6 +38,7 @@ export const GeneralRoute = ({
       restartingGateway=${restartingGateway}
       onRestartGateway=${onRestartGateway}
       restartSignal=${restartSignal}
+      openclawRestarting=${openclawRestarting}
       openclawUpdateInProgress=${openclawUpdateInProgress}
       onOpenclawVersionActionComplete=${onOpenclawVersionActionComplete}
       onOpenclawUpdate=${onOpenclawUpdate}

package/lib/public/js/components/routes/watchdog-route.js

@@ -11,6 +11,7 @@ export const WatchdogRoute = ({
   restartingGateway = false,
   onRestartGateway = () => {},
   restartSignal = 0,
+  openclawRestarting = false,
   openclawUpdateInProgress = false,
   onOpenclawVersionActionComplete = () => {},
   onOpenclawUpdate = () => {},
@@ -24,6 +25,7 @@ export const WatchdogRoute = ({
       restartingGateway=${restartingGateway}
       onRestartGateway=${onRestartGateway}
       restartSignal=${restartSignal}
+      openclawRestarting=${openclawRestarting}
       openclawUpdateInProgress=${openclawUpdateInProgress}
       onOpenclawVersionActionComplete=${onOpenclawVersionActionComplete}
       onOpenclawUpdate=${onOpenclawUpdate}