viveworker 0.7.0-beta.2 → 0.7.0

package/web/app.js

@@ -106,6 +106,8 @@ const state = {
   defaultLocale: DEFAULT_LOCALE,
   supportedLocales: [...SUPPORTED_LOCALES],
   appVersion: "",
+  versionStatus: null,
+  versionStatusError: "",
 };
 
 let detailLoadSequence = 0;
@@ -130,6 +132,23 @@ function hazbasePasskeyHostSupport() {
 }
 
 const app = document.querySelector("#app");
+let bootSplashDismissed = false;
+
+function dismissBootSplash() {
+  if (bootSplashDismissed || typeof document === "undefined") {
+    return;
+  }
+  bootSplashDismissed = true;
+  const splash = document.querySelector("#boot-splash");
+  document.body?.classList.add("viveworker-ready");
+  if (!splash) {
+    return;
+  }
+  splash.setAttribute("aria-hidden", "true");
+  window.setTimeout(() => {
+    splash.remove();
+  }, 280);
+}
 const params = new URLSearchParams(window.location.search);
 const initialItem = params.get("item") || "";
 const initialTargetTab = params.get("tab") || "";
@@ -144,6 +163,7 @@ boot().catch((error) => {
   const hint = /Load failed|Failed to fetch|NetworkError|fetch/i.test(message)
     ? `<p class="muted">${escapeHtml(L("error.networkHint"))}</p>`
     : "";
+  dismissBootSplash();
   app.innerHTML = `
     <main class="onboarding-shell">
       <section class="onboarding-card">
@@ -225,6 +245,7 @@ async function boot() {
   ensureCurrentSelection();
   maybeAutoFocusClaudePending();
   await renderShell();
+  refreshVersionStatusForTechnicalPage();
 
   // Diff fetch runs as a background phase because `/api/inbox/diff`
   // spawns `git` subprocesses per tracked repo and can stall for several
@@ -586,6 +607,29 @@ async function fetchHazbaseStatus() {
   }
 }
 
+async function fetchVersionStatus() {
+  try {
+    state.versionStatus = await apiGet("/api/version/status");
+    state.versionStatusError = "";
+  } catch (error) {
+    state.versionStatus = null;
+    state.versionStatusError = error.message || String(error);
+  }
+}
+
+function refreshVersionStatusForTechnicalPage() {
+  if (state.currentTab !== "settings" || state.settingsSubpage !== "advanced") {
+    return;
+  }
+  fetchVersionStatus()
+    .then(async () => {
+      if (state.currentTab === "settings" && state.settingsSubpage === "advanced" && !shouldDeferRenderForActiveInteraction()) {
+        await renderShell();
+      }
+    })
+    .catch(() => {});
+}
+
 async function getClientPushState() {
   const registration = state.serviceWorkerRegistration || (await navigator.serviceWorker?.ready.catch(() => null));
   if (registration) {
@@ -827,6 +871,7 @@ function normalizeProviderClient(value) {
   if (normalized === "claude") return "claude";
   if (normalized === "moltbook") return "moltbook";
   if (normalized === "a2a") return "a2a";
+  if (normalized === "viveworker") return "viveworker";
   return "codex";
 }
 
@@ -835,6 +880,7 @@ function providerDisplayName(provider) {
   if (p === "claude") return L("common.claude");
   if (p === "moltbook") return "Moltbook";
   if (p === "a2a") return "A2A";
+  if (p === "viveworker") return L("common.appName");
   return L("common.codex");
 }
 
@@ -1143,6 +1189,7 @@ function renderPair() {
   });
 
   bindSharedUi(renderPair);
+  requestAnimationFrame(dismissBootSplash);
 }
 
 async function pair(payload) {
@@ -1234,6 +1281,7 @@ async function renderShell() {
     <div class="${shellClassName}">
       ${desktop ? renderDesktopHeader(detail) : renderMobileTopBar(detail)}
       ${renderTopBanner()}
+      ${renderGlobalErrorBanner()}
       <main class="app-main">
         ${desktop ? renderDesktopWorkspace(detail) : renderMobileWorkspace(detail)}
       </main>
@@ -1250,6 +1298,7 @@ async function renderShell() {
   applyPendingListScrollRestore();
   applyPendingSettingsSubpageScrollReset();
   applyPendingSettingsScrollRestore();
+  requestAnimationFrame(dismissBootSplash);
 }
 
 function applyPendingDetailScrollReset() {
@@ -1870,7 +1919,11 @@ function buildActionOutcomeDetail({ kind, title, message }) {
 
 function approvalOutcomeMessage(actionUrl, provider) {
   const vars = { provider: providerDisplayName(provider) };
-  return /\/accept$/u.test(String(actionUrl || ""))
+  const normalizedUrl = String(actionUrl || "");
+  if (/\/api\/payments\/x402\/hazbase-wallet\/[^/]+\/pay$/u.test(normalizedUrl)) {
+    return L("server.message.paymentSubmitted");
+  }
+  return /\/accept$/u.test(normalizedUrl)
     ? L("server.message.approvalAccepted", vars)
     : L("server.message.approvalRejected", vars);
 }
@@ -2588,6 +2641,8 @@ function timelineEntryStatusLabel(item, isMessageLike) {
       return L("timeline.status.approved");
     case "rejected":
       return L("timeline.status.rejected");
+    case "failed":
+      return L("timeline.status.failed");
     case "implemented":
       return L("timeline.status.implemented");
     case "dismissed":
@@ -3489,8 +3544,11 @@ function renderSettingsRoot(context, { mobile }) {
           page: "wallet",
           icon: "coin",
           title: L("settings.wallet.title"),
+          badge: "beta",
           subtitle: L("settings.wallet.subtitle"),
-          value: context.hazbase?.signedIn ? L("settings.hazbase.status.signedIn") : L("settings.hazbase.status.signedOut"),
+          value: context.hazbase?.sessionInvalid
+            ? L("settings.hazbase.status.sessionExpired")
+            : context.hazbase?.signedIn ? L("settings.hazbase.status.signedIn") : L("settings.hazbase.status.signedOut"),
         }) : "",
       ].filter(Boolean)) : ""}
       ${renderSettingsGroup(L("settings.pairing.title"), deviceRows)}
@@ -3673,6 +3731,7 @@ function renderSettingsDevicePage(context) {
 }
 
 function renderSettingsAdvancedPage(context) {
+  const versionNotice = renderVersionUpdateNotice();
   return `
     <div class="settings-page">
       ${context.diagnostics.map((message) => `<p class="inline-alert">${escapeHtml(message)}</p>`).join("")}
@@ -3691,10 +3750,28 @@ function renderSettingsAdvancedPage(context) {
           : "",
         renderSettingsInfoRow(L("settings.row.version"), state.appVersion || L("common.unavailable")),
       ].filter(Boolean), { listClassName: "settings-list settings-list--compact" })}
+      ${versionNotice}
     </div>
   `;
 }
 
+function renderVersionUpdateNotice() {
+  const status = state.versionStatus;
+  if (!status?.updateAvailable || !status.latestVersion) {
+    return "";
+  }
+  return `
+    <section class="settings-copy-block settings-copy-block--compact settings-update-notice">
+      <p class="settings-update-notice__title">${escapeHtml(L("settings.updateAvailable.title"))}</p>
+      <p class="muted">${escapeHtml(L("settings.updateAvailable.copy", {
+        current: status.currentVersion || state.appVersion || "",
+        latest: status.latestVersion,
+      }))}</p>
+      <code class="settings-update-notice__command">npx viveworker update</code>
+    </section>
+  `;
+}
+
 function renderSettingsNotificationActions({ push, canEnable, standalone }) {
   if (push.serverSubscribed) {
     return `
@@ -3730,12 +3807,15 @@ function renderSettingsGroup(title, rows, options = {}) {
   `;
 }
 
-function renderSettingsNavRow({ page, icon, title, subtitle, value }) {
+function renderSettingsNavRow({ page, icon, title, badge, subtitle, value }) {
   return `
     <button class="settings-nav-row" type="button" data-settings-subpage="${escapeHtml(page)}">
       <span class="settings-row__icon" aria-hidden="true">${renderIcon(icon)}</span>
       <span class="settings-row__body">
-        <span class="settings-row__title">${escapeHtml(title)}</span>
+        <span class="settings-row__title-line">
+          <span class="settings-row__title">${escapeHtml(title)}</span>
+          ${badge ? `<span class="settings-row__badge">${escapeHtml(badge)}</span>` : ""}
+        </span>
         ${subtitle ? `<span class="settings-row__subtitle">${escapeHtml(subtitle)}</span>` : ""}
       </span>
       <span class="settings-row__value">${escapeHtml(value || "")}</span>
@@ -4515,6 +4595,7 @@ function renderSettingsWalletPage(context) {
   // longer duplicated.
   const guideRows = [
     renderHazbaseWalletBanner(flow),
+    renderHazbaseWalletBetaNotice(),
     state.hazbaseNotice
       ? `<div class="settings-copy-block settings-copy-block--compact wallet-flow-message wallet-flow-message--notice"><p>${escapeHtml(state.hazbaseNotice)}</p></div>`
       : "",
@@ -4523,8 +4604,16 @@ function renderSettingsWalletPage(context) {
       : "",
     renderHazbaseWalletStepList(flow),
   ].filter(Boolean);
-  const advancedActions = hazbase.signedIn
-    ? `<button class="secondary secondary--wide" type="button" data-hazbase-action="logout">${escapeHtml(L("settings.hazbase.action.signOut"))}</button>`
+  const canRefreshSession = Boolean(hazbase.sessionInvalid);
+  const advancedActions = canRefreshSession || hazbase.signedIn
+    ? [
+        canRefreshSession
+          ? `<button class="secondary secondary--wide" type="button" data-hazbase-action="refresh-session">${escapeHtml(L("settings.hazbase.action.refreshSession"))}</button>`
+          : "",
+        hazbase.signedIn
+          ? `<button class="secondary secondary--wide" type="button" data-hazbase-action="logout">${escapeHtml(L("settings.hazbase.action.signOut"))}</button>`
+          : "",
+      ].filter(Boolean).join("")
     : "";
   // Render the wallet flow without `renderSettingsGroup`'s `.settings-list`
   // wrapper. The banner (`.settings-copy-block`), notice/error blocks, and
@@ -4558,15 +4647,10 @@ function renderSettingsWalletPage(context) {
 function renderHazbaseWalletStepList(flow) {
   const rendered = [];
   for (const step of flow.steps) {
-    // Step 4 (Base mainnet) is hidden while hazbase's closed beta keeps
-    // chainId 8453 out of `WALLET_GATEWAY_CHAINS_JSON` — calling bootstrap
-    // against mainnet currently returns `unsupported_chain`, so there's no
-    // path for the user to complete the step. Step 3 (Base Sepolia) is the
-    // true completion boundary; the ready banner already keys off
-    // `coreReady = signedIn && hasPasskey && hasBaseSepolia`. Drop this
-    // guard (and restore the opt-in reveal) once mainnet is enabled
-    // server-side.
-    if (step.number === 4) {
+    // Keep the Base mainnet roadmap visible only after the usable Base Sepolia
+    // wallet is ready. Showing Step 4 during email/passkey setup makes the
+    // sequential flow feel like there is another action competing for focus.
+    if (step.number === 4 && step.status === "comingSoon" && !flow.coreReady) {
       continue;
     }
 
@@ -4599,7 +4683,8 @@ function deriveHazbaseWalletFlow(hazbase) {
   const accounts = Array.isArray(hazbase.accounts) ? hazbase.accounts : [];
   const baseSepolia = accounts.find((entry) => Number(entry.chainId) === 84532) || null;
   const baseMainnet = accounts.find((entry) => Number(entry.chainId) === 8453) || null;
-  const signedIn = Boolean(hazbase.signedIn);
+  const sessionInvalid = Boolean(hazbase.sessionInvalid);
+  const signedIn = Boolean(hazbase.signedIn) && !sessionInvalid;
   const passkeyHost = hazbasePasskeyHostSupport();
   const hasPasskey = Boolean(hazbase.credentialId || hazbase.deviceBindingId);
   const hasBaseSepolia = Boolean(baseSepolia?.smartAccountAddress);
@@ -4619,17 +4704,20 @@ function deriveHazbaseWalletFlow(hazbase) {
     hasPasskey,
     baseSepolia,
     baseMainnet,
+    sessionInvalid,
     coreReady,
     steps: [
       {
         number: 1,
         icon: "approval",
-        title: L("settings.wallet.step.signIn.title"),
-        copy: L("settings.wallet.step.signIn.copy"),
+        title: sessionInvalid ? L("settings.wallet.step.refreshSession.title") : L("settings.wallet.step.signIn.title"),
+        copy: sessionInvalid ? L("settings.wallet.step.refreshSession.copy") : L("settings.wallet.step.signIn.copy"),
         detail: signedIn
           ? hazbase.email || L("settings.hazbase.status.signedIn")
           : state.hazbaseOtpRequested
             ? L("settings.hazbase.status.otpAwaitingVerify")
+            : sessionInvalid
+            ? L("settings.hazbase.status.sessionExpired")
             : L("settings.hazbase.status.signedOut"),
         status: signedIn ? "complete" : "current",
         // Inline form: email input (always visible pre-sign-in) and the
@@ -4657,7 +4745,7 @@ function deriveHazbaseWalletFlow(hazbase) {
                 actionButton("settings.hazbase.action.resendOtp", "request-otp"),
               ]
             : [
-                actionButton("settings.hazbase.action.requestOtp", "request-otp", { primary: true }),
+                actionButton(sessionInvalid ? "settings.hazbase.action.refreshSession" : "settings.hazbase.action.requestOtp", "request-otp", { primary: true }),
               ],
       },
       {
@@ -4702,25 +4790,23 @@ function deriveHazbaseWalletFlow(hazbase) {
         icon: "coin",
         title: L("settings.wallet.step.base.title"),
         copy: L("settings.wallet.step.base.copy"),
-        detail: baseMainnet?.smartAccountAddress || L("settings.hazbase.wallet.missing"),
+        detail: baseMainnet?.smartAccountAddress || L("settings.wallet.step.base.comingSoonDetail"),
         monoDetail: Boolean(baseMainnet?.smartAccountAddress),
-        status: hasBaseMainnet ? "complete" : coreReady ? "optional" : "locked",
-        actions: hasBaseMainnet
-          ? []
-          : [
-              actionButton("settings.hazbase.action.bootstrapBase", "bootstrap-base", {
-                disabled: !coreReady,
-              }),
-            ],
+        status: hasBaseMainnet ? "complete" : "comingSoon",
+        actions: [],
       },
     ],
   };
 }
 
 function renderHazbaseWalletBanner(flow) {
-  const title = flow.coreReady ? L("settings.wallet.ready.title") : L("settings.wallet.flow.banner.title");
+  const title = flow.sessionInvalid
+    ? L("settings.wallet.sessionExpired.title")
+    : flow.coreReady ? L("settings.wallet.ready.title") : L("settings.wallet.flow.banner.title");
   const className = flow.coreReady
     ? "settings-copy-block settings-copy-block--stacked wallet-flow-banner wallet-flow-banner--ready"
+    : flow.sessionInvalid
+      ? "settings-copy-block settings-copy-block--stacked wallet-flow-banner wallet-flow-banner--session-expired"
     : "settings-copy-block settings-copy-block--stacked wallet-flow-banner";
   // Ready state: surface the smart-account address prominently so the user
   // can see at a glance which wallet agents will use as `--pay-to` when
@@ -4746,7 +4832,9 @@ function renderHazbaseWalletBanner(flow) {
       </button>
     `
     : `<p class="wallet-flow-banner__copy muted">${escapeHtml(
-        flow.coreReady ? L("settings.wallet.ready.copy") : L("settings.wallet.flow.copy"),
+        flow.sessionInvalid
+          ? L("settings.wallet.sessionExpired.copy")
+          : flow.coreReady ? L("settings.wallet.ready.copy") : L("settings.wallet.flow.copy"),
       )}</p>`;
   return `
     <div class="${className}">
@@ -4757,14 +4845,29 @@ function renderHazbaseWalletBanner(flow) {
   `;
 }
 
+function renderHazbaseWalletBetaNotice() {
+  return `
+    <div class="settings-copy-block settings-copy-block--compact wallet-beta-notice">
+      <p>${escapeHtml(L("settings.wallet.betaNotice"))}</p>
+    </div>
+  `;
+}
+
 function renderHazbaseWalletStepCard(step, { mode = "full" } = {}) {
   const statusMeta = {
     complete: { label: L("settings.wallet.status.complete"), icon: "completed" },
     current: { label: L("settings.wallet.status.current"), icon: "pending" },
     locked: { label: L("settings.wallet.status.locked"), icon: "lock" },
     optional: { label: L("settings.wallet.status.optional"), icon: "coin" },
+    comingSoon: { label: L("settings.wallet.status.comingSoon"), icon: "coin" },
     pending: { label: L("settings.wallet.status.pending"), icon: "pending" },
   }[step.status] || { label: L("settings.wallet.status.pending"), icon: "pending" };
+  const statusChipHtml = step.status === "current"
+    ? ""
+    : `<span class="wallet-step-card__status wallet-step-card__status--${escapeHtml(step.status)}">
+          <span class="wallet-step-card__status-icon" aria-hidden="true">${renderIcon(statusMeta.icon)}</span>
+          <span>${escapeHtml(statusMeta.label)}</span>
+        </span>`;
 
   if (mode === "compact") {
     // Compact row for finished steps. Keeps the check icon + title + one-line
@@ -4795,10 +4898,7 @@ function renderHazbaseWalletStepCard(step, { mode = "full" } = {}) {
             <h3 class="wallet-step-card__title">${escapeHtml(step.title)}</h3>
           </div>
         </div>
-        <span class="wallet-step-card__status wallet-step-card__status--${escapeHtml(step.status)}">
-          <span class="wallet-step-card__status-icon" aria-hidden="true">${renderIcon(statusMeta.icon)}</span>
-          <span>${escapeHtml(statusMeta.label)}</span>
-        </span>
+        ${statusChipHtml}
       </div>
       <p class="wallet-step-card__copy">${escapeHtml(step.copy)}</p>
       <p class="wallet-step-card__detail ${step.monoDetail ? "wallet-step-card__detail--mono" : ""}">${escapeHtml(step.detail)}</p>
@@ -6305,6 +6405,20 @@ function renderTopBanner() {
   return "";
 }
 
+function renderGlobalErrorBanner() {
+  if (!state.pushError) {
+    return "";
+  }
+  return `
+    <section class="install-banner install-banner--push">
+      <div class="install-banner__copy">
+        <strong>${escapeHtml(state.locale === "ja" ? "エラー" : "Error")}</strong>
+        <p class="muted">${escapeHtml(state.pushError)}</p>
+      </div>
+    </section>
+  `;
+}
+
 function renderPushBanner() {
   if (!shouldShowPushBanner()) {
     return "";
@@ -6414,20 +6528,7 @@ function renderLogoutConfirmModal() {
           <strong id="logout-confirm-title">${escapeHtml(L("logout.confirm.title"))}</strong>
           <p class="muted">${escapeHtml(L("logout.confirm.copy"))}</p>
         </div>
-        <div class="logout-option">
-          <div class="logout-option__copy">
-            <strong>${escapeHtml(L("logout.confirm.keepTrustedTitle"))}</strong>
-            <p class="muted">${escapeHtml(L("logout.confirm.keepTrustedCopy"))}</p>
-          </div>
-          <button class="primary primary--wide" type="button" data-logout-mode="session">${escapeHtml(L("logout.action.keepTrusted"))}</button>
-        </div>
-        <div class="logout-option logout-option--danger">
-          <div class="logout-option__copy">
-            <strong>${escapeHtml(L("logout.confirm.removeTitle"))}</strong>
-            <p class="muted">${escapeHtml(L("logout.confirm.removeCopy"))}</p>
-          </div>
-          <button class="secondary secondary--wide" type="button" data-logout-mode="revoke">${escapeHtml(L("logout.action.removeDevice"))}</button>
-        </div>
+        <button class="secondary secondary--wide" type="button" data-logout-mode="session">${escapeHtml(L("logout.action.keepTrusted"))}</button>
         <button class="ghost ghost--wide" type="button" data-close-logout-confirm>${escapeHtml(L("common.cancel"))}</button>
       </section>
     </div>
@@ -6488,6 +6589,7 @@ function bindShellInteractions() {
         openSettingsSubpage(nextPage);
       }
       await renderShell();
+      refreshVersionStatusForTechnicalPage();
     });
   }
 
@@ -6500,6 +6602,7 @@ function bindShellInteractions() {
       syncCurrentItemUrl(null);
       openSettingsSubpage("advanced");
       await renderShell();
+      refreshVersionStatusForTechnicalPage();
     });
   }
 
@@ -6507,6 +6610,7 @@ function bindShellInteractions() {
     button.addEventListener("click", async () => {
       openSettingsSubpage(button.dataset.settingsSubpage || "");
       await renderShell();
+      refreshVersionStatusForTechnicalPage();
     });
   }
 
@@ -6749,7 +6853,23 @@ function bindShellInteractions() {
       button.innerHTML = `<span class="action-spinner" aria-hidden="true"></span><span>${escapeHtml(L("reply.sendSending"))}</span>`;
 
       try {
-        await apiPost(actionUrl, body);
+        let postBody = body;
+        if (body?.hazbaseReauth === true) {
+          if (!hazbasePasskeyHostSupport().eligible) {
+            throw new Error(L("error.hazbasePasskeyLocalHostRequired"));
+          }
+          const { createPasskeyAssertionCredential } = await loadHazbasePasskeyModule();
+          const challenge = await apiPost("/api/hazbase/passkey/assert/challenge", { purpose: "reauth" });
+          const credential = await createPasskeyAssertionCredential(challenge);
+          await apiPost("/api/hazbase/passkey/assert/complete", {
+            challengeId: challenge.challengeId,
+            credential,
+            purpose: "reauth",
+          });
+          postBody = { ...body };
+          delete postBody.hazbaseReauth;
+        }
+        await apiPost(actionUrl, postBody);
         if (keepDetailOpen && activeItem?.kind === "approval") {
           pinActionOutcomeDetail(
             activeItem,
@@ -6769,16 +6889,35 @@ function bindShellInteractions() {
         state.pendingActionUrls.delete(actionUrl);
       } catch (error) {
         state.pendingActionUrls.delete(actionUrl);
-        // Restore buttons on failure so the user can retry
-        for (const sibling of siblingButtons) {
-          if (originalLabels.has(sibling)) {
-            sibling.innerHTML = originalLabels.get(sibling);
+        const approvalFinalized = Boolean(error?.payload?.approvalFinalized);
+        if (error?.errorKey === "hazbase-session-expired") {
+          await fetchHazbaseStatus();
+        }
+        if (approvalFinalized) {
+          await refreshAuthenticatedState();
+          if (keepDetailOpen && activeItem?.kind === "approval") {
+            pinActionOutcomeDetail(
+              activeItem,
+              buildActionOutcomeDetail({
+                kind: "approval",
+                title: state.currentDetail?.title,
+                message: L("server.message.paymentFailed", { reason: error.message || String(error) }),
+              })
+            );
+          }
+        } else {
+          // Restore buttons on recoverable failure so the user can retry the same action.
+          for (const sibling of siblingButtons) {
+            if (originalLabels.has(sibling)) {
+              sibling.innerHTML = originalLabels.get(sibling);
+            }
+            sibling.disabled = false;
+            sibling.removeAttribute("aria-busy");
           }
-          sibling.disabled = false;
-          sibling.removeAttribute("aria-busy");
+          button.classList.remove("is-loading");
         }
-        button.classList.remove("is-loading");
-        throw error;
+        state.pushError = error.message || String(error);
+        await renderShell();
       }
     });
   }
@@ -7209,6 +7348,11 @@ for (const button of document.querySelectorAll("[data-hazbase-action]")) {
         state.hazbaseLogoutConfirmOpen = false;
         await apiPost("/api/hazbase/logout", {});
         state.hazbaseNotice = L("settings.hazbase.notice.signedOut");
+      } else if (action === "refresh-session") {
+        await apiPost("/api/hazbase/session/refresh", {});
+        state.hazbaseOtpRequested = false;
+        state.hazbaseOtpCode = "";
+        state.hazbaseNotice = L("settings.hazbase.notice.sessionRefreshStarted");
       } else if (action === "change-email") {
         // Flip the form back to pre-send mode. We keep the email so typo
         // recovery ("hoshin" → "hoshino") stays one edit away, but drop
@@ -7233,6 +7377,11 @@ for (const button of document.querySelectorAll("[data-hazbase-action]")) {
       }
       await fetchHazbaseStatus();
     } catch (error) {
+      if (error?.errorKey === "hazbase-session-expired") {
+        state.hazbaseOtpRequested = false;
+        state.hazbaseOtpCode = "";
+        await fetchHazbaseStatus();
+      }
       state.hazbaseError = error.message || String(error);
     }
     await renderShell();
@@ -8697,6 +8846,7 @@ function localizeApiError(value) {
     "choice-input-already-handled": "error.choiceInputAlreadyHandled",
     "mkcert-root-ca-not-found": "error.mkcertRootCaNotFound",
     "hazbase-auth-required": "error.hazbaseAuthRequired",
+    "hazbase-session-expired": "error.hazbaseSessionExpired",
     "hazbase-passkey-local-host-required": "error.hazbasePasskeyLocalHostRequired",
     "hazbase-wallet-account-missing": "error.hazbaseWalletAccountMissing",
     "unsupported-chain": "error.unsupportedChain",