@chrysb/alphaclaw 0.5.1-beta.0 → 0.5.1

package/bin/alphaclaw.js

@@ -481,6 +481,8 @@ if (!kSetupPassword) {
 
 process.env.OPENCLAW_HOME = rootDir;
 process.env.OPENCLAW_CONFIG_PATH = path.join(openclawDir, "openclaw.json");
+process.env.GOG_KEYRING_PASSWORD =
+  process.env.GOG_KEYRING_PASSWORD || "alphaclaw";
 
 // ---------------------------------------------------------------------------
 // 8. Install gog (Google Workspace CLI) if not present
@@ -516,7 +518,7 @@ if (!gogInstalled) {
 }
 
 // ---------------------------------------------------------------------------
-// 7. Install/reconcile system cron entry
+// 9. Install/reconcile system cron entry
 // ---------------------------------------------------------------------------
 
 const packagedHourlyGitSyncPath = path.join(setupDir, "hourly-git-sync.sh");

package/lib/public/css/theme.css

@@ -246,6 +246,45 @@ textarea:focus {
   background: rgba(99, 235, 255, 0.08);
 }
 
+.ac-path-card {
+  border: 1px solid var(--panel-border-contrast);
+  background: rgba(0, 0, 0, 0.2);
+  transition:
+    border-color 0.15s ease,
+    background 0.15s ease,
+    box-shadow 0.15s ease,
+    transform 0.15s ease;
+}
+
+.ac-path-card:hover {
+  border-color: rgba(99, 235, 255, 0.5);
+  background: rgba(99, 235, 255, 0.04);
+  box-shadow:
+    inset 0 0 0 1px rgba(99, 235, 255, 0.1),
+    0 0 12px rgba(99, 235, 255, 0.08);
+}
+
+.ac-path-card:hover .ac-path-icon {
+  color: var(--accent);
+  border-color: rgba(99, 235, 255, 0.3);
+  background: rgba(99, 235, 255, 0.1);
+}
+
+.ac-path-card:hover .ac-path-title {
+  color: #b9f8ff;
+}
+
+.ac-path-card:hover .ac-path-desc {
+  color: #94a3b8;
+}
+
+.ac-path-icon {
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease,
+    background 0.15s ease;
+}
+
 .ac-btn-secondary {
   border: 1px solid var(--panel-border-contrast);
   color: #d1d5db;
@@ -426,6 +465,24 @@ textarea:focus {
   }
 }
 
+@keyframes acStepPillPulse {
+  0%,
+  100% {
+    box-shadow:
+      0 0 0 0 rgba(99, 235, 255, 0.14),
+      0 0 5px rgba(99, 235, 255, 0.18);
+  }
+  50% {
+    box-shadow:
+      0 0 0 3px rgba(99, 235, 255, 0.08),
+      0 0 9px rgba(99, 235, 255, 0.32);
+  }
+}
+
+.ac-step-pill-pulse {
+  animation: acStepPillPulse 2.6s ease-in-out infinite;
+}
+
 .ac-status-dot {
   width: 8px;
   height: 8px;

package/lib/public/js/app.js

@@ -1,7 +1,12 @@
 import { h, render } from "https://esm.sh/preact";
 import { useState, useEffect } from "https://esm.sh/preact/hooks";
 import htm from "https://esm.sh/htm";
-import { Router, Route, Switch, useLocation } from "https://esm.sh/wouter-preact";
+import {
+  Router,
+  Route,
+  Switch,
+  useLocation,
+} from "https://esm.sh/wouter-preact";
 import { logout } from "./lib/api.js";
 import { Welcome } from "./components/welcome/index.js";
 import { ToastContainer } from "./components/toast.js";
@@ -14,7 +19,6 @@ import {
   EnvarsRoute,
   GeneralRoute,
   ModelsRoute,
-  ProvidersRoute,
   RouteRedirect,
   TelegramRoute,
   UsageRoute,
@@ -24,34 +28,48 @@ import {
 import { useAppShellController } from "./hooks/use-app-shell-controller.js";
 import { useAppShellUi } from "./hooks/use-app-shell-ui.js";
 import { useBrowseNavigation } from "./hooks/use-browse-navigation.js";
-import { getHashRouterPath, useHashLocation } from "./hooks/use-hash-location.js";
+import {
+  getHashRouterPath,
+  useHashLocation,
+} from "./hooks/use-hash-location.js";
 import { readUiSettings, writeUiSettings } from "./lib/ui-settings.js";
 
 const html = htm.bind(h);
-const kDoctorWarningDismissedUntilUiSettingKey = "doctorWarningDismissedUntilMs";
+const kDoctorWarningDismissedUntilUiSettingKey =
+  "doctorWarningDismissedUntilMs";
 const kOneWeekMs = 7 * 24 * 60 * 60 * 1000;
 
 const App = () => {
   const [location, setLocation] = useLocation();
-  const [doctorWarningDismissedUntilMs, setDoctorWarningDismissedUntilMs] = useState(() => {
-    const settings = readUiSettings();
-    return Number(settings[kDoctorWarningDismissedUntilUiSettingKey] || 0);
-  });
+  const [doctorWarningDismissedUntilMs, setDoctorWarningDismissedUntilMs] =
+    useState(() => {
+      const settings = readUiSettings();
+      return Number(settings[kDoctorWarningDismissedUntilUiSettingKey] || 0);
+    });
 
-  const { state: controllerState, actions: controllerActions } = useAppShellController({
-    location,
-  });
-  const { refs: shellRefs, state: shellState, actions: shellActions } = useAppShellUi();
-  const { state: browseState, actions: browseActions, constants: browseConstants } =
-    useBrowseNavigation({
+  const { state: controllerState, actions: controllerActions } =
+    useAppShellController({
       location,
-      setLocation,
-      onCloseMobileSidebar: shellActions.closeMobileSidebar,
     });
+  const {
+    refs: shellRefs,
+    state: shellState,
+    actions: shellActions,
+  } = useAppShellUi();
+  const {
+    state: browseState,
+    actions: browseActions,
+    constants: browseConstants,
+  } = useBrowseNavigation({
+    location,
+    setLocation,
+    onCloseMobileSidebar: shellActions.closeMobileSidebar,
+  });
 
   useEffect(() => {
     const settings = readUiSettings();
-    settings[kDoctorWarningDismissedUntilUiSettingKey] = doctorWarningDismissedUntilMs;
+    settings[kDoctorWarningDismissedUntilUiSettingKey] =
+      doctorWarningDismissedUntilMs;
     writeUiSettings(settings);
   }, [doctorWarningDismissedUntilMs]);
 
@@ -83,10 +101,13 @@ const App = () => {
   if (!controllerState.onboarded) {
     return html`
       <div
-        class="min-h-screen flex justify-center pt-12 pb-8 px-4"
+        class="min-h-screen flex flex-col items-center pt-12 pb-8 px-4"
         style="position: relative; z-index: 1"
       >
-        <${Welcome} onComplete=${controllerActions.handleOnboardingComplete} />
+        <${Welcome}
+          onComplete=${controllerActions.handleOnboardingComplete}
+          acVersion=${controllerState.acVersion}
+        />
       </div>
       <${ToastContainer} />
     `;
@@ -150,7 +171,9 @@ const App = () => {
             onNavigateToBrowseFile=${browseActions.navigateToBrowseFile}
             onEditSelectedBrowseFile=${() =>
               setLocation(
-                browseActions.buildBrowseRoute(browseState.selectedBrowsePath, { view: "edit" }),
+                browseActions.buildBrowseRoute(browseState.selectedBrowsePath, {
+                  view: "edit",
+                }),
               )}
             onClearSelection=${() => {
               browseActions.clearBrowsePreview();
@@ -163,14 +186,22 @@ const App = () => {
           onscroll=${shellActions.handlePaneScroll}
           style=${{ display: browseState.isBrowseRoute ? "none" : "block" }}
         >
-          <div class=${`mobile-topbar ${shellState.mobileTopbarScrolled ? "is-scrolled" : ""}`}>
+          <div
+            class=${`mobile-topbar ${shellState.mobileTopbarScrolled ? "is-scrolled" : ""}`}
+          >
             <button
               class="mobile-topbar-menu"
-              onclick=${() => shellActions.setMobileSidebarOpen((open) => !open)}
+              onclick=${() =>
+                shellActions.setMobileSidebarOpen((open) => !open)}
               aria-label="Open menu"
               aria-expanded=${shellState.mobileSidebarOpen ? "true" : "false"}
             >
-              <svg width="18" height="18" viewBox="0 0 16 16" fill="currentColor">
+              <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"
                 />
@@ -201,7 +232,9 @@ const App = () => {
                         onOpenclawUpdate=${controllerActions.handleOpenclawUpdate}
                         onRestartRequired=${controllerActions.setRestartRequired}
                         onDismissDoctorWarning=${() =>
-                          setDoctorWarningDismissedUntilMs(Date.now() + kOneWeekMs)}
+                          setDoctorWarningDismissedUntilMs(
+                            Date.now() + kOneWeekMs,
+                          )}
                       />
                     </${Route}>
                     <${Route} path="/doctor">
@@ -232,7 +265,9 @@ const App = () => {
                     <${Route} path="/usage/:sessionId">
                       ${(params) => html`
                         <${UsageRoute}
-                          sessionId=${decodeURIComponent(params.sessionId || "")}
+                          sessionId=${decodeURIComponent(
+                            params.sessionId || "",
+                          )}
                           onSetLocation=${setLocation}
                         />
                       `}
@@ -280,7 +315,9 @@ const App = () => {
       <div class="app-statusbar">
         <div class="statusbar-left">
           ${controllerState.acVersion
-            ? html`<span style="color: var(--text-muted)">v${controllerState.acVersion}</span>`
+            ? html`<span style="color: var(--text-muted)"
+                >v${controllerState.acVersion}</span
+              >`
             : null}
         </div>
         <div class="statusbar-right">

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

@@ -30,8 +30,8 @@ export const useWelcomeStorage = ({
       String(initialSetupState?.[kOnboardingStepKey] || ""),
       10,
     );
-    if (!Number.isFinite(parsedStep)) return 0;
-    const clampedStep = Math.max(0, Math.min(kPairingStepIndex, parsedStep));
+    if (!Number.isFinite(parsedStep)) return -1;
+    const clampedStep = Math.max(-1, Math.min(kPairingStepIndex, parsedStep));
     if (clampedStep === kSetupStepIndex && shouldRecoverFromSetupState) return 0;
     return clampedStep;
   });

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

@@ -29,7 +29,7 @@ export const kWelcomeGroups = [
   {
     id: "github",
     title: "GitHub",
-    description: "Backs up your agent's config and workspace",
+    description: "Auto-backup your config and workspace",
     fields: [
       {
         key: "_GITHUB_SOURCE_REPO",

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

@@ -6,7 +6,6 @@ import { ActionButton } from "../action-button.js";
 import { Badge } from "../badge.js";
 import { SegmentedControl } from "../segmented-control.js";
 import {
-  isValidGithubRepoInput,
   kGithubFlowFresh,
   kGithubFlowImport,
   kGithubTargetRepoModeCreate,
@@ -195,29 +194,9 @@ export const WelcomeFormStep = ({
     ${activeGroup.id === "github" &&
     html`
       <div class="space-y-3">
-        <div class="space-y-1 pt-1">
-          <div>
-            <label class="text-xs font-medium text-gray-400">Setup mode</label>
-          </div>
-          <${SegmentedControl}
-            options=${[
-              { label: "Start fresh", value: kGithubFlowFresh },
-              { label: "Import existing setup", value: kGithubFlowImport },
-            ]}
-            value=${githubFlow}
-            onChange=${(value) => setValue("_GITHUB_FLOW", value)}
-            size="md"
-            fullWidth=${true}
-          />
-        </div>
         ${githubFlow === kGithubFlowFresh
           ? html`
               <div class="space-y-1">
-                <div>
-                  <label class="text-xs font-medium text-gray-400"
-                    >Repository setup</label
-                  >
-                </div>
                 <${SegmentedControl}
                   options=${[
                     {
@@ -366,7 +345,7 @@ export const WelcomeFormStep = ({
     <div class="grid grid-cols-2 gap-2 pt-3">
       ${step < totalGroups - 1
         ? html`
-            ${step > 0
+            ${step >= 0
               ? html`<${ActionButton}
                   onClick=${goBack}
                   tone="secondary"
@@ -390,7 +369,7 @@ export const WelcomeFormStep = ({
             />
           `
         : html`
-            ${step > 0
+            ${step >= 0
               ? html`<${ActionButton}
                   onClick=${goBack}
                   tone="secondary"

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

@@ -6,6 +6,7 @@ const html = htm.bind(h);
 export const WelcomeHeader = ({
   groups,
   step,
+  isPreStep,
   isSetupStep,
   isPairingStep,
   stepNumber,
@@ -30,12 +31,14 @@ export const WelcomeHeader = ({
       <p style="color: var(--text-muted)" class="text-sm">
         Let's get your agent running
       </p>
-    <div class="mt-4 mb-2 flex items-center justify-center">
+      <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)"
         >
-          Step ${stepNumber} of ${progressSteps.length} - ${activeStepLabel}
+          ${isPreStep
+            ? "Choose your destiny"
+            : `Step ${stepNumber} of ${progressSteps.length} - ${activeStepLabel}`}
         </span>
       </div>
     </div>
@@ -43,21 +46,24 @@ export const WelcomeHeader = ({
     <div class="flex items-center gap-2">
       ${progressSteps.map((group, idx) => {
         const isActive = idx === step;
-        const isComplete = idx < step || (isSetupStep && group.id === "setup");
+        const isComplete =
+          idx < step || (isSetupStep && group.id === "setup");
         const isPairingComplete =
           idx < step || (isPairingStep && group.id === "pairing");
-        const bg = isActive
-          ? "rgba(99, 235, 255, 0.9)"
-          : group.id === "pairing"
-            ? isPairingComplete
-              ? "rgba(99, 235, 255, 0.55)"
-              : "rgba(82, 94, 122, 0.45)"
-            : isComplete
-              ? "rgba(99, 235, 255, 0.55)"
-              : "rgba(82, 94, 122, 0.45)";
+        const bg = isPreStep
+          ? "rgba(82, 94, 122, 0.45)"
+          : isActive
+            ? "rgba(99, 235, 255, 0.9)"
+            : group.id === "pairing"
+              ? isPairingComplete
+                ? "rgba(99, 235, 255, 0.55)"
+                : "rgba(82, 94, 122, 0.45)"
+              : isComplete
+                ? "rgba(99, 235, 255, 0.55)"
+                : "rgba(82, 94, 122, 0.45)";
         return html`
           <div
-            class="h-1 flex-1 rounded-full transition-colors"
+            class="h-1 flex-1 rounded-full transition-colors ${isActive ? "ac-step-pill-pulse" : ""}"
             style=${{ background: bg }}
             title=${group.title}
           ></div>

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

@@ -0,0 +1,81 @@
+import { h } from "https://esm.sh/preact";
+import htm from "https://esm.sh/htm";
+import { kGithubFlowFresh, kGithubFlowImport } from "./welcome-config.js";
+
+const html = htm.bind(h);
+
+export const WelcomePreStep = ({ onSelectFlow }) => {
+  return html`
+    <div class="space-y-3">
+      <button
+        type="button"
+        onclick=${() => onSelectFlow(kGithubFlowFresh)}
+        class="w-full flex items-center gap-4 text-left p-4 rounded-xl ac-path-card"
+      >
+        <div
+          class="ac-path-icon flex-shrink-0 w-10 h-10 flex items-center justify-center bg-black/30 rounded-lg border border-border text-gray-300"
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="currentColor"
+            class="w-5 h-5"
+          >
+            <path
+              d="M14 4.4375C15.3462 4.4375 16.4375 3.34619 16.4375 2H17.5625C17.5625 3.34619 18.6538 4.4375 20 4.4375V5.5625C18.6538 5.5625 17.5625 6.65381 17.5625 8H16.4375C16.4375 6.65381 15.3462 5.5625 14 5.5625V4.4375ZM1 11C4.31371 11 7 8.31371 7 5H9C9 8.31371 11.6863 11 15 11V13C11.6863 13 9 15.6863 9 19H7C7 15.6863 4.31371 13 1 13V11ZM4.87601 12C6.18717 12.7276 7.27243 13.8128 8 15.124 8.72757 13.8128 9.81283 12.7276 11.124 12 9.81283 11.2724 8.72757 10.1872 8 8.87601 7.27243 10.1872 6.18717 11.2724 4.87601 12ZM17.25 14C17.25 15.7949 15.7949 17.25 14 17.25V18.75C15.7949 18.75 17.25 20.2051 17.25 22H18.75C18.75 20.2051 20.2051 18.75 22 18.75V17.25C20.2051 17.25 18.75 15.7949 18.75 14H17.25Z"
+            ></path>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="ac-path-title text-sm font-medium text-gray-200 mb-0.5 transition-colors duration-150"
+          >
+            Start fresh
+          </div>
+          <div
+            class="ac-path-desc text-xs text-gray-500 transition-colors duration-150"
+          >
+            Create a new repository and set up your agent from scratch.
+          </div>
+        </div>
+      </button>
+
+      <button
+        type="button"
+        onclick=${() => onSelectFlow(kGithubFlowImport)}
+        class="w-full flex items-center gap-4 text-left p-4 rounded-xl ac-path-card"
+      >
+        <div
+          class="ac-path-icon flex-shrink-0 w-10 h-10 flex items-center justify-center bg-black/30 rounded-lg border border-border text-gray-300"
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            class="w-5 h-5"
+          >
+            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
+            <polyline points="7 10 12 15 17 10"></polyline>
+            <line x1="12" y1="15" x2="12" y2="3"></line>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="ac-path-title text-sm font-medium text-gray-200 mb-0.5 transition-colors duration-150"
+          >
+            Import existing setup
+          </div>
+          <div
+            class="ac-path-desc text-xs text-gray-500 transition-colors duration-150"
+          >
+            Connect an existing repository that already has an OpenClaw setup.
+          </div>
+        </div>
+      </button>
+    </div>
+  `;
+};

package/lib/public/js/components/usage-tab/index.js

@@ -2,7 +2,6 @@ import { h } from "https://esm.sh/preact";
 import htm from "https://esm.sh/htm";
 import { ActionButton } from "../action-button.js";
 import { PageHeader } from "../page-header.js";
-import { showToast } from "../toast.js";
 import { OverviewSection } from "./overview-section.js";
 import { SessionsSection } from "./sessions-section.js";
 import { useUsageTab } from "./use-usage-tab.js";
@@ -27,20 +26,6 @@ export const UsageTab = ({ sessionId = "" }) => {
     );
   };
 
-  const handleRunBackfill = async () => {
-    try {
-      const result = await actions.triggerBackfill();
-      const backfilledEvents = Number(result?.backfilledEvents || 0);
-      const filesScanned = Number(result?.filesScanned || 0);
-      showToast(
-        `Imported ${backfilledEvents.toLocaleString()} usage events from ${filesScanned.toLocaleString()} session files`,
-        "success",
-      );
-    } catch (error) {
-      showToast(error.message || "Could not import historical usage data", "error");
-    }
-  };
-
   return html`
     <div class="space-y-4">
       <${PageHeader}
@@ -61,34 +46,6 @@ export const UsageTab = ({ sessionId = "" }) => {
             ${state.error}
           </div>`
         : null}
-      ${state.showBackfillBanner
-        ? html`
-            <div class="bg-surface border border-border rounded-xl p-4 space-y-3">
-              <p class="text-xs text-gray-300 leading-5">
-                We found historical usage data from
-                <span class="font-medium text-gray-200"
-                  >${Number(state.estimatedBackfillFiles || 0).toLocaleString()}</span
-                >
-                session files. Import it?
-              </p>
-              <div class="flex flex-wrap items-center gap-2">
-                <${ActionButton}
-                  onClick=${handleRunBackfill}
-                  loading=${state.runningBackfill}
-                  disabled=${state.loadingBackfillStatus}
-                  idleLabel="Import historical data"
-                  loadingLabel="Importing..."
-                />
-                <${ActionButton}
-                  onClick=${actions.dismissBackfillBanner}
-                  tone="secondary"
-                  disabled=${state.runningBackfill}
-                  idleLabel="Dismiss"
-                />
-              </div>
-            </div>
-          `
-        : null}
       ${state.loadingSummary && !state.summary
         ? html`<div class="text-sm text-[var(--text-muted)]">Loading usage summary...</div>`
         : html`

package/lib/public/js/components/usage-tab/overview-section.js

@@ -31,9 +31,8 @@ const getCacheHitRateValueClass = (ratio) => {
 const getOverviewMetrics = (summary) => {
   const totals = summary?.totals || {};
   const cacheReadTokens = Number(totals.cacheReadTokens || 0);
-  const cacheWriteTokens = Number(totals.cacheWriteTokens || 0);
   const inputTokens = Number(totals.inputTokens || 0);
-  const promptTokens = inputTokens + cacheReadTokens + cacheWriteTokens;
+  const promptTokens = inputTokens + cacheReadTokens;
   const turnCount = Number(totals.turnCount || 0);
   const totalTokens = Number(totals.totalTokens || 0);
   const totalCost = Number(totals.totalCost || 0);

package/lib/public/js/components/usage-tab/use-usage-tab.js

@@ -6,11 +6,9 @@ import {
   useState,
 } from "https://esm.sh/preact/hooks";
 import {
-  fetchUsageBackfillStatus,
   fetchUsageSessionDetail,
   fetchUsageSessions,
   fetchUsageSummary,
-  runUsageBackfill,
 } from "../../lib/api.js";
 import { formatInteger, formatUsd } from "../../lib/format.js";
 import { readUiSettings, writeUiSettings } from "../../lib/ui-settings.js";
@@ -43,10 +41,6 @@ export const useUsageTab = ({ sessionId = "" }) => {
   const [loadingSummary, setLoadingSummary] = useState(false);
   const [loadingSessions, setLoadingSessions] = useState(false);
   const [loadingDetailById, setLoadingDetailById] = useState({});
-  const [loadingBackfillStatus, setLoadingBackfillStatus] = useState(false);
-  const [runningBackfill, setRunningBackfill] = useState(false);
-  const [showBackfillBanner, setShowBackfillBanner] = useState(false);
-  const [estimatedBackfillFiles, setEstimatedBackfillFiles] = useState(0);
   const [expandedSessionIds, setExpandedSessionIds] = useState(() =>
     sessionId ? [String(sessionId)] : [],
   );
@@ -102,37 +96,6 @@ export const useUsageTab = ({ sessionId = "" }) => {
     }
   }, []);
 
-  const loadBackfillStatus = useCallback(async () => {
-    setLoadingBackfillStatus(true);
-    try {
-      const data = await fetchUsageBackfillStatus();
-      const available = !!data?.available;
-      setShowBackfillBanner(available);
-      setEstimatedBackfillFiles(Number(data?.estimatedFiles || 0));
-    } catch {
-      setShowBackfillBanner(false);
-      setEstimatedBackfillFiles(0);
-    } finally {
-      setLoadingBackfillStatus(false);
-    }
-  }, []);
-
-  const triggerBackfill = useCallback(async () => {
-    setRunningBackfill(true);
-    try {
-      const result = await runUsageBackfill();
-      setShowBackfillBanner(false);
-      await loadSummary();
-      await loadSessions();
-      return result;
-    } catch (err) {
-      setError(err.message || "Could not backfill usage data");
-      throw err;
-    } finally {
-      setRunningBackfill(false);
-    }
-  }, [loadSessions, loadSummary]);
-
   useEffect(() => {
     loadSummary();
   }, [loadSummary]);
@@ -148,10 +111,6 @@ export const useUsageTab = ({ sessionId = "" }) => {
     loadSessions();
   }, [loadSessions]);
 
-  useEffect(() => {
-    loadBackfillStatus();
-  }, [loadBackfillStatus]);
-
   useEffect(() => {
     const safeSessionId = String(sessionId || "").trim();
     if (!safeSessionId) return;
@@ -297,10 +256,6 @@ export const useUsageTab = ({ sessionId = "" }) => {
       loadingSummary,
       loadingSessions,
       loadingDetailById,
-      loadingBackfillStatus,
-      runningBackfill,
-      showBackfillBanner,
-      estimatedBackfillFiles,
       expandedSessionIds,
       error,
       periodSummary,
@@ -310,9 +265,6 @@ export const useUsageTab = ({ sessionId = "" }) => {
       setDays,
       setMetric,
       loadSummary,
-      loadBackfillStatus,
-      triggerBackfill,
-      dismissBackfillBanner: () => setShowBackfillBanner(false),
       loadSessionDetail,
       setExpandedSessionIds,
     },