| null>(null);
+ // Monotonic request id so a slow/aborted fetch can't clobber a newer one
+ // (e.g. when the user taps "retry" while a prior request is still in flight).
+ const latestRequestIdRef = useRef(0);
+
+ // Fetch wallet status and resolve the chip state. Distinguishes the genuine
+ // "not set up" case (a successful wallet_status with no Solana account) from a
+ // transient RPC/transport failure — the latter must NOT masquerade as a locked
+ // wallet for a user who already has one configured.
+ const loadStatus = useCallback(async () => {
+ const requestId = ++latestRequestIdRef.current;
+ try {
+ const status = await fetchWalletStatus();
+ const solana = (status.accounts ?? []).find(a => a.chain === 'solana');
+ if (requestId !== latestRequestIdRef.current) return;
+ if (solana?.address) {
+ setState({ status: 'ready', address: solana.address });
+ } else {
+ // Successful response, but the wallet has no Solana account yet.
+ setState({ status: 'locked' });
+ }
+ } catch (err) {
+ if (requestId !== latestRequestIdRef.current) return;
+ // Core RPC unavailable / timeout / transport error — surface a retryable
+ // error state rather than mislabelling a configured wallet as "not set up".
+ const message = err instanceof Error ? err.message : String(err);
+ console.debug('[walletAddressChip] wallet_status fetch failed:', message);
+ setState({ status: 'error' });
+ }
+ }, []);
+
+ // Fetch wallet status on mount.
+ useEffect(() => {
+ // loadStatus only calls setState after an awaited fetch (never synchronously),
+ // so it does not cause the cascading renders this rule guards against.
+ // eslint-disable-next-line react-hooks/set-state-in-effect
+ void loadStatus();
+ return () => {
+ // Invalidate any in-flight request so its resolution is ignored.
+ latestRequestIdRef.current += 1;
+ };
+ }, [loadStatus]);
+
+ // Cleanup copy-reset timer on unmount.
+ useEffect(
+ () => () => {
+ if (copyResetTimerRef.current !== null) {
+ clearTimeout(copyResetTimerRef.current);
+ copyResetTimerRef.current = null;
+ }
+ },
+ []
+ );
+
+ const handleCopy = useCallback(async (address: string) => {
+ try {
+ await navigator.clipboard.writeText(address);
+ setCopied(true);
+ if (copyResetTimerRef.current !== null) {
+ clearTimeout(copyResetTimerRef.current);
+ }
+ copyResetTimerRef.current = setTimeout(() => {
+ setCopied(false);
+ copyResetTimerRef.current = null;
+ }, 2000);
+ } catch {
+ // Clipboard unavailable in this webview context; silently skip.
+ }
+ }, []);
+
+ // ── Loading skeleton ─────────────────────────────────────────────────────
+ if (state.status === 'loading') {
+ return (
+
+ );
+ }
+
+ // ── Error — transient RPC/transport failure, offer a retry ────────────────
+ if (state.status === 'error') {
+ return (
+
+ );
+ }
+
+ // ── Locked / not configured ───────────────────────────────────────────────
+ if (state.status === 'locked') {
+ return (
+
+
+ {t('agentWorld.walletNotConfigured')}
+
+ );
+ }
+
+ // ── Ready — show truncated address + copy button ──────────────────────────
+ const { address } = state;
+ const truncated = truncateAddress(address);
+
+ return (
+
+
+
+ {truncated}
+
+
+
+ );
+}
diff --git a/app/src/agentworld/pages/AgentWorld.tsx b/app/src/agentworld/pages/AgentWorld.tsx
index 9f51d39a1..66a7a302e 100644
--- a/app/src/agentworld/pages/AgentWorld.tsx
+++ b/app/src/agentworld/pages/AgentWorld.tsx
@@ -14,6 +14,7 @@ import { Navigate, Route, Routes, useLocation, useNavigate } from 'react-router-
import { SidebarContent } from '../../components/layout/shell/SidebarSlot';
import TwoPaneNav from '../../components/layout/TwoPaneNav';
import { useT } from '../../lib/i18n/I18nContext';
+import WalletAddressChip from '../components/WalletAddressChip';
import BountiesSection from './BountiesSection';
import DirectorySection from './DirectorySection';
import ExploreSection from './ExploreSection';
@@ -131,9 +132,12 @@ export default function AgentWorld() {
},
]}
header={
-
- {t('agentWorld.description')}
-
+
+
+ {t('agentWorld.description')}
+
+
+