ethagent 3.3.4 → 4.0.0

package/src/identity/{hub → manager}/restore/RestoreFlow.tsx

@@ -14,7 +14,7 @@ import {
 import { networkLabel } from '../shared/model/network.js'
 import { shortAddress } from '../shared/model/format.js'
 import { registryConfigFromConfig } from '../../registry/registryConfig.js'
-import type { Step } from '../identityHubReducer.js'
+import type { Step } from '../reducer.js'
 import { WalletApprovalScreen } from '../shared/components/WalletApprovalScreen.js'
 import { BusyScreen } from '../shared/components/BusyScreen.js'
 import type { BrowserWalletReady } from '../../wallet/browserWallet.js'
@@ -92,7 +92,7 @@ export const RestoreFlow: React.FC<RestoreFlowProps> = ({
       <BusyScreen
         title={isSwitch ? 'Finding Agents' : 'Finding Agents'}
         subtitle={step.ownerHandle}
-        label="checking tokens this wallet directly owns..."
+        label="checking owned tokens..."
         onCancel={onBack}
       />
     )
@@ -102,17 +102,14 @@ export const RestoreFlow: React.FC<RestoreFlowProps> = ({
     return (
       <Surface
         title={isSwitch ? 'Switch Agent' : 'Restore Agent'}
-        subtitle="The connected wallet doesn't directly own an agent token on this network."
+        subtitle="This wallet doesn't directly own an agent token."
         footer={footerHint('enter select · esc back')}
       >
-        <Text color={theme.dim}>If this wallet is an approved operator wallet, choose how to find the agent token.</Text>
         <Select<'ens' | 'token-id' | 'back'>
           options={[
-            { value: 'ens', role: 'section', label: 'Recovery Key' },
-            { value: 'ens', label: 'Enter ENS Name', hint: 'Resolve the agent via its ENS subdomain' },
-            { value: 'token-id', label: 'Enter Token ID', hint: 'Look up the agent directly by ERC-8004 token ID' },
-            { value: 'back', role: 'section', label: 'Navigation' },
-            { value: 'back', label: 'Back', hint: 'Pick a different network', role: 'utility' },
+            { value: 'ens', label: 'Enter ENS Name', hint: 'Via ENS subdomain' },
+            { value: 'token-id', label: 'Enter Token ID', hint: 'By token ID' },
+            { value: 'back', label: 'Back', role: 'utility' },
           ]}
           hintLayout="inline"
           onSubmit={value => value === 'back' ? onBack() : onPickRecoveryMethod(value)}
@@ -131,7 +128,7 @@ export const RestoreFlow: React.FC<RestoreFlowProps> = ({
           footer={footerHint('esc cancels')}
         >
           <Box marginTop={1}>
-            <Spinner label="looking up ENS name onchain..." />
+            <Spinner label="looking up ENS..." />
           </Box>
         </Surface>
       )
@@ -139,10 +136,9 @@ export const RestoreFlow: React.FC<RestoreFlowProps> = ({
     return (
       <Surface
         title={isSwitch ? 'Switch Agent' : 'Restore Agent'}
-        subtitle="Enter the agent's ENS name to decrypt with an authorized operator wallet."
+        subtitle="Enter the agent ENS name."
         footer={footerHint('enter continue · esc back')}
       >
-        <Text color={theme.dim}>The full agent subdomain, e.g. agent.example.eth.</Text>
         <TextInput
           placeholder="agent.example.eth"
           onSubmit={value => onEnsSubmit(value.trim())}
@@ -167,7 +163,7 @@ export const RestoreFlow: React.FC<RestoreFlowProps> = ({
           footer={footerHint('esc cancels')}
         >
           <Box marginTop={1}>
-            <Spinner label="looking up token onchain..." />
+            <Spinner label="looking up token..." />
           </Box>
         </Surface>
       )
@@ -175,10 +171,9 @@ export const RestoreFlow: React.FC<RestoreFlowProps> = ({
     return (
       <Surface
         title={isSwitch ? 'Switch Agent' : 'Restore Agent'}
-        subtitle={`Enter the ERC-8004 token ID on ${networkLabelForRegistry(step.registry)}.`}
+        subtitle={`Token ID on ${networkLabelForRegistry(step.registry)}.`}
         footer={footerHint('enter continue · esc back')}
       >
-        <Text color={theme.dim}>The integer token ID assigned at mint.</Text>
         <TextInput
           placeholder="45744"
           onSubmit={value => onTokenIdSubmit(value.trim())}
@@ -205,9 +200,8 @@ export const RestoreFlow: React.FC<RestoreFlowProps> = ({
         <Text color={theme.dim}>{view.detail}</Text>
         <Select<'retry' | 'network'>
           options={[
-            { value: 'retry', role: 'section', label: 'Next' },
-            { value: 'retry', label: 'Retry Search', hint: 'Search token ownership and ERC-8004 restore access again' },
-            { value: 'network', label: 'Choose Network', hint: 'Search a different ERC-8004 network' },
+            { value: 'retry', label: 'Retry Search' },
+            { value: 'network', label: 'Choose Network' },
           ]}
           hintLayout="inline"
           onSubmit={choice => {
@@ -238,11 +232,9 @@ export const RestoreFlow: React.FC<RestoreFlowProps> = ({
                 hint: tokenCandidateHint(candidate),
               }
             }),
-            { value: '__ens__', role: 'section', label: 'Recovery Key' },
-            { value: '__ens__', label: 'Enter ENS Name', hint: 'Resolve the agent via its ENS subdomain' },
-            { value: '__token-id__', label: 'Enter Token ID', hint: 'Look up the agent directly by ERC-8004 token ID' },
-            { value: '__back__', role: 'section', label: 'Navigation' },
-            { value: '__back__', label: 'Back', hint: 'Return to the previous step', role: 'utility' },
+            { value: '__ens__', label: 'Enter ENS Name', hint: 'Via ENS subdomain' },
+            { value: '__token-id__', label: 'Enter Token ID', hint: 'By token ID' },
+            { value: '__back__', label: 'Back', role: 'utility' },
           ]}
           hintLayout="inline"
           onSubmit={value => {
@@ -262,7 +254,7 @@ export const RestoreFlow: React.FC<RestoreFlowProps> = ({
       <BusyScreen
         title={isSwitch ? 'Switching Agent' : 'Restoring Your Agent'}
         subtitle="IPFS"
-        label="opening encrypted state from IPFS..."
+        label="opening from IPFS..."
         onCancel={onBack}
       />
     )

package/src/identity/{hub → manager}/restore/apply.ts

@@ -14,7 +14,7 @@ import { syncAgentCardManifest } from '../../continuity/skills/publicSkillsSync.
 import { recordPublishedContinuitySnapshot } from '../../continuity/snapshots.js'
 import { requestBrowserWalletSignature } from '../../wallet/browserWallet.js'
 import { setVaultAddressField } from '../../identityCompat.js'
-import type { Step } from '../identityHubReducer.js'
+import type { Step } from '../reducer.js'
 import type { EffectCallbacks } from '../shared/effects/types.js'
 import { isContinuitySnapshotEnvelope } from './envelopes.js'
 import { restoreSignatureRequestForStep } from './auth.js'

package/src/identity/{hub → manager}/restore/auth.ts

@@ -10,7 +10,7 @@ import {
 import { assertAgentStateBackupOwner } from '../../crypto/backupEnvelope.js'
 import type { Erc8004AgentCandidate } from '../../registry/erc8004.js'
 import { requestBrowserWalletAccount, type WalletPurpose } from '../../wallet/browserWallet.js'
-import type { Step } from '../identityHubReducer.js'
+import type { Step } from '../reducer.js'
 import type { EffectCallbacks } from '../shared/effects/types.js'
 import { isContinuitySnapshotEnvelope, parseRestorableEnvelope } from './envelopes.js'
 import {

package/src/identity/{hub → manager}/restore/discover.ts

@@ -7,7 +7,7 @@ import {
   type Erc8004AgentCandidate,
   type Erc8004RegistryConfig,
 } from '../../registry/erc8004.js'
-import type { RestorePurpose, Step } from '../identityHubReducer.js'
+import type { RestorePurpose, Step } from '../reducer.js'
 import type { EffectCallbacks } from '../shared/effects/types.js'
 import { isAbortError, isAuthorizedOperatorAddress, requesterAddressFromHandle } from './helpers.js'
 import type { Address } from 'viem'

package/src/identity/{hub → manager}/restore/fetch.ts

@@ -1,5 +1,5 @@
 import { catFromIpfs } from '../../storage/ipfs.js'
-import type { Step } from '../identityHubReducer.js'
+import type { Step } from '../reducer.js'
 import type { EffectCallbacks } from '../shared/effects/types.js'
 import { parseRestorableEnvelope } from './envelopes.js'
 import { assertCandidateCanReadEnvelope, restoreSignatureRequestForStep } from './auth.js'

package/src/identity/{hub → manager}/restore/restoreAdmin.ts

@@ -2,7 +2,7 @@ import type { EthagentConfig } from '../../../storage/config.js'
 import { saveConfig } from '../../../storage/config.js'
 import { normalizeErc8004RegistryConfig } from '../../registry/erc8004.js'
 import { registryConfigFromConfig } from '../../registry/registryConfig.js'
-import type { Step } from '../identityHubReducer.js'
+import type { Step } from '../reducer.js'
 import type { EffectCallbacks } from '../shared/effects/types.js'
 
 export async function runRestoreRegistrySubmit(

package/src/identity/{hub → manager}/restore/useRestoreEffects.ts

@@ -5,15 +5,8 @@ import { runRestoreConnectWallet } from './auth.js'
 import { runRestoreDiscover } from './discover.js'
 import { runRestoreFetch } from './fetch.js'
 import type { EffectCallbacks } from '../shared/effects/types.js'
-import type { Step } from '../identityHubReducer.js'
-
-const MIN_BUSY_ERROR_MS = 2000
-
-function waitForMinimumBusyTime(startedAt: number): Promise<void> {
-  const elapsed = Date.now() - startedAt
-  if (elapsed >= MIN_BUSY_ERROR_MS) return Promise.resolve()
-  return new Promise(resolve => setTimeout(resolve, MIN_BUSY_ERROR_MS - elapsed))
-}
+import type { Step } from '../reducer.js'
+import { waitForMinimumBusyTime } from '../shared/utils.js'
 
 type RestoreFlowEffectsArgs = {
   step: Step

package/src/identity/{hub → manager}/settings/StorageCredentialScreen.tsx

@@ -4,17 +4,10 @@ import { Surface } from '../../../ui/Surface.js'
 import { Select } from '../../../ui/Select.js'
 import { theme } from '../../../ui/theme.js'
 import { PinataJwtInput } from '../shared/components/PinataJwtInput.js'
-import type { Step } from '../identityHubReducer.js'
+import type { Step } from '../reducer.js'
 
 type StorageCredentialAction = 'edit' | 'forget' | 'back'
 
-export const STORAGE_CREDENTIAL_FORGET_COPY = [
-  'removes the saved IPFS storage token from this machine.',
-  'existing pinned IPFS backups are not deleted.',
-  'new encrypted snapshots cannot be pinned with that account until you save a token again.',
-  'agent identity and sessions stay on this machine.',
-] as const
-
 type StorageCredentialScreenProps = {
   step: Extract<Step, { kind: 'storage-credential' | 'storage-credential-input' | 'storage-credential-forget-confirm' }>
   hasCredential: boolean
@@ -53,24 +46,18 @@ export const StorageCredentialScreen: React.FC<StorageCredentialScreenProps> = (
     return (
       <Surface
         title="Forget IPFS Storage?"
-        subtitle="This only removes the local token used for pinning."
+        subtitle="Local token only. Pinned files are not deleted."
         footer={footer}
       >
         <Box flexDirection="column">
-          {STORAGE_CREDENTIAL_FORGET_COPY.map(line => (
-            <Text key={line} color={theme.dim}>- {line}</Text>
-          ))}
-        </Box>
-        <Box marginTop={1}>
-          <Text color={theme.accentPeriwinkle}>Remove the token from this machine?</Text>
+          <Text color={theme.dim}>Removes the saved pinning token from this machine.</Text>
+          <Text color={theme.dim}>Existing IPFS backups and agent data are not affected.</Text>
         </Box>
         <Box marginTop={1}>
           <Select<StorageCredentialAction>
             options={[
-              { value: 'forget', role: 'section', label: 'Credential' },
-              { value: 'forget', label: 'Forget Credential', hint: 'Remove local IPFS pinning token' },
-              { value: 'back', role: 'section', label: 'Navigation' },
-              { value: 'back', label: 'Keep Credential', hint: 'Return without changing storage access', role: 'utility' },
+              { value: 'forget', label: 'Forget Credential' },
+              { value: 'back', label: 'Keep Credential', role: 'utility' },
             ]}
             hintLayout="inline"
             onSubmit={choice => choice === 'forget' ? onConfirmForget() : onCancel()}
@@ -84,17 +71,15 @@ export const StorageCredentialScreen: React.FC<StorageCredentialScreenProps> = (
   return (
     <Surface
       title="IPFS Storage"
-      subtitle="Manage the credential used to pin encrypted snapshots from this machine."
+      subtitle="Pin encrypted snapshots from this machine."
       footer={footer}
     >
       <Box marginTop={1}>
         <Select<StorageCredentialAction>
           options={[
-            { value: 'edit', role: 'section', label: 'Credential' },
-            { value: 'edit', label: hasCredential ? 'Replace Credential' : 'Save Credential', hint: 'Store Pinata JWT for IPFS pinning' },
-            { value: 'forget', label: 'Forget Credential', hint: 'Remove the local pinning token. Existing pins remain', disabled: !hasCredential },
-            { value: 'back', role: 'section', label: 'Navigation' },
-            { value: 'back', label: 'Back', hint: 'Return to Identity Hub menu', role: 'utility' },
+            { value: 'edit', label: hasCredential ? 'Replace Credential' : 'Save Credential' },
+            { value: 'forget', label: 'Forget Credential', disabled: !hasCredential },
+            { value: 'back', label: 'Back', role: 'utility' },
           ]}
           hintLayout="inline"
           onSubmit={choice => {

package/src/identity/{hub → manager}/shared/components/DetailsScreen.tsx

@@ -4,7 +4,7 @@ import { theme } from '../../../../ui/theme.js'
 import { Surface } from '../../../../ui/Surface.js'
 import { Select, type SelectOption } from '../../../../ui/Select.js'
 import type { EthagentConfig, EthagentIdentity } from '../../../../storage/config.js'
-import { copyableIdentityFields, identityValuesCopyHint } from '../model/copy.js'
+import { copyableIdentityFields } from '../model/copy.js'
 import { IdentitySummary } from './IdentitySummary.js'
 import type { ContinuityWorkingTreeStatus } from '../../../continuity/storage.js'
 
@@ -35,19 +35,17 @@ export const DetailsScreen: React.FC<DetailsScreenProps> = ({
 }) => {
   const copyable = copyableIdentityFields(identity, config)
   const options: Array<SelectOption<CopyAction>> = [
-    ...(copyable.length > 0 ? [{ value: 'back' as const, role: 'section' as const, label: 'Values' }] : []),
     ...copyable.map(field => ({
       value: `copy:${field.label}` as const,
       label: field.label,
       hint: shortPreview(field.value),
     })),
     ...(copyable.length === 0 ? [{ value: 'back' as const, role: 'notice' as const, label: 'No Values Available Yet' }] : []),
-    { value: 'back', role: 'section', label: 'Navigation' },
-    { value: 'back', label: 'Back', hint: 'Return to Identity Hub menu', role: 'utility' },
+    { value: 'back', label: 'Back', role: 'utility' },
   ]
 
   return (
-    <Surface title="Token Values" subtitle={unlinked ? 'Token no longer linked to this wallet, values retained for reference.' : `${identityValuesCopyHint(identity)}.`} footer={footer}>
+    <Surface title="Token Values" subtitle={unlinked ? 'Token unlinked; values kept for reference.' : undefined} footer={footer}>
       <IdentitySummary identity={identity} config={config} workingStatus={workingStatus} onchainOwner={onchainOwner} />
       {copyNotice ? <Text color={theme.accentPeriwinkle} bold>{copyNotice}</Text> : null}
       <Box marginTop={1}>
@@ -68,6 +66,6 @@ export const DetailsScreen: React.FC<DetailsScreenProps> = ({
 }
 
 function shortPreview(value: string): string {
-  if (value.length <= 42) return value
-  return `${value.slice(0, 18)}...${value.slice(-14)}`
+  if (value.length <= 22) return value
+  return `${value.slice(0, 11)}...${value.slice(-8)}`
 }

package/src/identity/{hub → manager}/shared/components/ErrorScreen.tsx

@@ -3,15 +3,14 @@ import { Text } from 'ink'
 import { Surface } from '../../../../ui/Surface.js'
 import { Select } from '../../../../ui/Select.js'
 import { theme } from '../../../../ui/theme.js'
-import type { IdentityHubErrorView } from '../model/errors.js'
-import type { Step } from '../../identityHubReducer.js'
+import type { IdentityManagerErrorView } from '../model/errors.js'
+import type { Step } from '../../reducer.js'
 
 type ErrorScreenProps = {
-  error: IdentityHubErrorView
+  error: IdentityManagerErrorView
   back: Step
   footer: React.ReactNode
   closeLabel?: string
-  closeHint?: string
   onBack: (back: Step) => void
   onClose: () => void
 }
@@ -20,8 +19,7 @@ export const ErrorScreen: React.FC<ErrorScreenProps> = ({
   error,
   back,
   footer,
-  closeLabel = 'Close Identity Hub',
-  closeHint = 'Return to chat without retrying',
+  closeLabel = 'Close',
   onBack,
   onClose,
 }) => (
@@ -29,10 +27,8 @@ export const ErrorScreen: React.FC<ErrorScreenProps> = ({
     {error.hint ? <Text color={theme.dim}>{error.hint}</Text> : null}
     <Select<'back' | 'close'>
       options={[
-        { value: 'back', role: 'section', label: 'Recovery' },
-        { value: 'back', label: 'Go Back', hint: 'Return to the previous identity step' },
-        { value: 'close', role: 'section', label: 'Exit' },
-        { value: 'close', label: closeLabel, hint: closeHint, role: 'utility' },
+        { value: 'back', label: 'Back' },
+        { value: 'close', label: closeLabel, role: 'utility' },
       ]}
       hintLayout="inline"
       onSubmit={choice => {

package/src/identity/{hub → manager}/shared/components/FlowTimeline.tsx

@@ -13,15 +13,16 @@ export const FlowTimeline: React.FC<FlowTimelineProps> = ({ steps, current }) =>
       const n = index + 1
       const active = n === current
       const done = n < current
-      const glyph = done ? '✓' : active ? '●' : '○'
+      const glyph = active ? '●' : done ? '●' : '○'
       return (
         <React.Fragment key={`${index}:${step}`}>
-          {index > 0 ? <Text>  </Text> : null}
+          {index > 0 ? <Text> </Text> : null}
           <Text color={active ? theme.accentPeriwinkle : done ? theme.dim : theme.textSubtle} bold={active}>
-            {glyph} {step}
+            {glyph}
           </Text>
         </React.Fragment>
       )
     })}
+    <Text color={theme.dim}>{`  ${current}/${steps.length}`}</Text>
   </Text>
 )

package/src/identity/{hub → manager}/shared/components/IdentitySummary.tsx

@@ -8,11 +8,7 @@ import {
   readCustodyMode,
   readIdentityStateString,
 } from '../../custody/state.js'
-import {
-  hasPendingPublish,
-  localChangeStatusView,
-  type LocalChangeStatusView,
-} from '../../continuity/state.js'
+import { hasPendingPublish } from '../../continuity/state.js'
 import { ensValidationReasonText, selectEnsStatus } from '../../ens/state.js'
 import { shortAddress } from '../model/format.js'
 import { identitySummaryRows, lastBackupLabel } from '../../profile/identity.js'
@@ -24,14 +20,13 @@ interface IdentitySummaryProps {
   identity?: EthagentIdentity
   config?: EthagentConfig
   workingStatus?: ContinuityWorkingTreeStatus | null
-  hideLocalChanges?: boolean
   hideHeader?: boolean
   tokenLinked?: boolean
   onchainOwner?: string
   compact?: boolean
 }
 
-export const IdentitySummary: React.FC<IdentitySummaryProps> = ({ identity, config, workingStatus, hideLocalChanges = false, hideHeader = false, tokenLinked = true, onchainOwner, compact = false }) => {
+export const IdentitySummary: React.FC<IdentitySummaryProps> = ({ identity, config, hideHeader = false, tokenLinked = true, onchainOwner, compact = false }) => {
   if (!identity) {
     return (
       <Text color={theme.dim}>No agent yet. Create or load one.</Text>
@@ -43,7 +38,6 @@ export const IdentitySummary: React.FC<IdentitySummaryProps> = ({ identity, conf
   const stateName = readIdentityStateString(identity.state, 'name')
 
   const row = (label: string) => rows.find(item => item.label === label)
-  const localChangeStatus = localChangeStatusView(workingStatus)
 
   const ensStatus = selectEnsStatus(identity)
   const custodyMode = readCustodyMode(identity.state)
@@ -61,9 +55,10 @@ export const IdentitySummary: React.FC<IdentitySummaryProps> = ({ identity, conf
     : displayValue(tokenValue)
 
   if (compact) {
-    const name = stateName || 'Active Agent'
+    const rawName = stateName || 'Active Agent'
+    const name = rawName.length > 16 ? `${rawName.slice(0, 15)}…` : rawName
     const tokenSegment = identity.agentId ? `#${identity.agentId}` : null
-    const networkSegment = identity.agentId ? displayValue(networkValue) : null
+    const networkSegment = identity.agentId ? networkValue : null
     const ensSegment = ensStatus.kind === 'linked'
       ? ensStatus.name
       : ensStatus.kind === 'issue'
@@ -71,9 +66,9 @@ export const IdentitySummary: React.FC<IdentitySummaryProps> = ({ identity, conf
         : null
     return (
       <Text>
-        <Text color={theme.accentPeriwinkle} bold>{name}</Text>
-        {tokenSegment ? <><Text color={theme.dim}> · </Text><Text color={theme.text}>{tokenSegment}</Text></> : null}
-        {networkSegment ? <><Text color={theme.dim}> · </Text><Text color={theme.text}>{networkSegment}</Text></> : null}
+        <Text color={theme.textSubtle}>{name}</Text>
+        {tokenSegment ? <><Text color={theme.dim}> · </Text><Text color={theme.dim}>{tokenSegment}</Text></> : null}
+        {networkSegment ? <><Text color={theme.dim}> · </Text><Text color={theme.dim}>{networkSegment}</Text></> : null}
         {ensSegment ? <><Text color={theme.dim}> · </Text><Text color={ensStatus.kind === 'issue' ? theme.accentError : theme.accentPeriwinkle}>{ensSegment}</Text></> : null}
       </Text>
     )
@@ -153,11 +148,6 @@ export const IdentitySummary: React.FC<IdentitySummaryProps> = ({ identity, conf
           <TransferSnapshotStatus status={transferSnapshot} />
         </Box>
       ) : null}
-      {!hideLocalChanges && (
-        <Box marginTop={1}>
-          <LocalChangeStatusLine status={localChangeStatus} />
-        </Box>
-      )}
     </Box>
   )
 }
@@ -165,32 +155,22 @@ export const IdentitySummary: React.FC<IdentitySummaryProps> = ({ identity, conf
 type SummaryCell = { label: string; value: React.ReactNode }
 
 const LEFT_LABEL_WIDTH = 12
-const LEFT_VALUE_WIDTH = 30
-const RIGHT_CELL_WIDTH = 36
+
+const SummaryCellLine: React.FC<{ cell: SummaryCell }> = ({ cell }) => (
+  <Text>
+    <Text color={theme.dim}>{cell.label.padEnd(LEFT_LABEL_WIDTH)}</Text>
+    {cell.value}
+  </Text>
+)
 
 const SummaryRow: React.FC<{ left: SummaryCell; right?: SummaryCell }> = ({ left, right }) => {
   if (!right) {
-    return (
-      <Text>
-        <Text color={theme.dim}>{left.label.padEnd(LEFT_LABEL_WIDTH)}</Text>
-        {left.value}
-      </Text>
-    )
+    return <SummaryCellLine cell={left} />
   }
   return (
-    <Box flexDirection="row">
-      <Box width={LEFT_LABEL_WIDTH + LEFT_VALUE_WIDTH}>
-        <Text>
-          <Text color={theme.dim}>{left.label.padEnd(LEFT_LABEL_WIDTH)}</Text>
-          {left.value}
-        </Text>
-      </Box>
-      <Box width={RIGHT_CELL_WIDTH}>
-        <Text>
-          <Text color={theme.dim}>{right.label.padEnd(LEFT_LABEL_WIDTH)}</Text>
-          {right.value}
-        </Text>
-      </Box>
+    <Box flexDirection="column">
+      <SummaryCellLine cell={left} />
+      <SummaryCellLine cell={right} />
     </Box>
   )
 }
@@ -221,26 +201,6 @@ const TransferSnapshotStatus: React.FC<{ status: NonNullable<TransferSnapshotVie
   )
 }
 
-const LocalChangeStatusLine: React.FC<{ status: LocalChangeStatusView }> = ({ status }) => {
-  if (status.hasLocalChanges) {
-    return (
-      <Box flexDirection="column">
-        <Text color={theme.accentError} bold>
-          Local changes detected
-          {status.files.length > 0 ? `: ${status.files.join(', ')}` : ''}
-        </Text>
-        <Text color={theme.dim}>Save Snapshot Now to publish.</Text>
-      </Box>
-    )
-  }
-
-  if (!status.detail) return null
-
-  const color = status.tone === 'ok' || status.tone === 'warn' ? theme.accentPeriwinkle : theme.dim
-  const label = status.detail === 'None detected' ? 'No local changes detected' : status.detail
-  return <Text color={color}>{label}</Text>
-}
-
 function displayValue(value: string): string {
   const mapped = DISPLAY_VALUES[value]
   return mapped ?? value

package/src/identity/manager/shared/components/LazyMenu.tsx

@@ -0,0 +1,147 @@
+import React, { useEffect, useMemo, useState } from 'react'
+import { Box, Text } from 'ink'
+import { theme, gradientColor, PANEL_WIDTH } from '../../../../ui/theme.js'
+import { useAppInput } from '../../../../app/input/AppInputProvider.js'
+
+export type LazyMenuItem<T> = {
+  kind?: 'item'
+  value: T
+  label: string
+  shortcut?: string
+  disabled?: boolean
+  hint?: string
+  note?: string
+  noteColor?: string
+  inlineNote?: string
+  inlineNoteColor?: string
+}
+
+export type LazyMenuSection = {
+  kind: 'section'
+  label: string
+}
+
+export type LazyMenuRow<T> = LazyMenuItem<T> | LazyMenuSection
+
+function isItem<T>(row: LazyMenuRow<T>): row is LazyMenuItem<T> {
+  return row.kind !== 'section'
+}
+
+function rainbowColor(index: number, total: number): string {
+  return gradientColor(total <= 1 ? 0 : index / (total - 1))
+}
+
+type Props<T> = {
+  rows: Array<LazyMenuRow<T>>
+  width?: number
+  onSubmit: (value: T) => void
+  onCancel?: () => void
+}
+
+export function LazyMenu<T>({ rows, width = PANEL_WIDTH, onSubmit, onCancel }: Props<T>) {
+  const firstSelectable = Math.max(0, rows.findIndex(r => isItem(r) && !r.disabled))
+  const [index, setIndex] = useState(firstSelectable)
+
+  const sig = useMemo(
+    () => rows.map(r => isItem(r) ? `i:${r.shortcut ?? ''}${r.disabled ? '!' : ''}` : `s:${r.label}`).join('|'),
+    [rows],
+  )
+  useEffect(() => {
+    setIndex(prev => {
+      const at = rows[prev]
+      if (at && isItem(at) && !at.disabled) return prev
+      const next = rows.findIndex(r => isItem(r) && !r.disabled)
+      return next === -1 ? 0 : next
+    })
+  }, [sig, rows])
+
+  const moveBy = (delta: number) => {
+    if (rows.length === 0) return
+    let next = index
+    for (let i = 0; i < rows.length; i += 1) {
+      next = (next + delta + rows.length) % rows.length
+      const candidate = rows[next]
+      if (candidate && isItem(candidate) && !candidate.disabled) { setIndex(next); return }
+    }
+  }
+
+  useAppInput((input, key) => {
+    if (key.upArrow || input === 'k') moveBy(-1)
+    else if (key.downArrow || input === 'j') moveBy(1)
+    else if (key.return) {
+      const r = rows[index]
+      if (r && isItem(r) && !r.disabled) onSubmit(r.value)
+    } else if (key.escape || (key.ctrl && input === 'c')) {
+      onCancel?.()
+    } else if (input && !key.ctrl && !key.meta) {
+      const lower = input.toLowerCase()
+      const hit = rows.findIndex(r => isItem(r) && !r.disabled && r.shortcut?.toLowerCase() === lower)
+      if (hit >= 0) {
+        const candidate = rows[hit]!
+        if (isItem(candidate)) { setIndex(hit); onSubmit(candidate.value) }
+      }
+    }
+  })
+
+  return (
+    <Box flexDirection="column">
+      {rows.map((row, i) => {
+        if (!isItem(row)) {
+          return (
+            <React.Fragment key={i}>
+              <Box flexDirection="row" width={width}>
+                <Text color={theme.menuStatus} bold>{row.label}</Text>
+              </Box>
+            </React.Fragment>
+          )
+        }
+        const active = i === index
+        const disabled = !!row.disabled
+        const cursorColor = disabled ? theme.border : active ? theme.accentPeriwinkle : theme.dim
+        const shortcutColor = disabled ? theme.border : theme.menuShortcut
+        const chars = row.label.split('')
+        const shortcut = row.shortcut
+        const inline = row.inlineNote
+        const inlineWidth = inline ? inline.length + 2 : 0
+        const pad = shortcut ? Math.max(2, width - (2 + row.label.length + inlineWidth + shortcut.length)) : 0
+        return (
+          <React.Fragment key={i}>
+            <Box flexDirection="row" {...(shortcut ? { width } : {})}>
+              <Text color={cursorColor}>{active ? '> ' : '  '}</Text>
+              <Text>
+                {active && !disabled
+                  ? chars.map((ch, ci) => (
+                      <Text key={ci} color={rainbowColor(ci, chars.length)}>{ch}</Text>
+                    ))
+                  : <Text color={disabled ? theme.border : theme.text}>{row.label}</Text>
+                }
+              </Text>
+              {inline ? (
+                <>
+                  <Text>{'  '}</Text>
+                  <Text color={row.inlineNoteColor ?? theme.dim}>{inline}</Text>
+                </>
+              ) : null}
+              {shortcut ? (
+                <>
+                  <Text>{' '.repeat(pad)}</Text>
+                  <Text color={shortcutColor}>{shortcut}</Text>
+                </>
+              ) : null}
+            </Box>
+            {row.hint && disabled ? (
+              <Box paddingLeft={2}>
+                <Text color={theme.dim}>{row.hint}</Text>
+              </Box>
+            ) : null}
+            {row.note ? (
+              <Box paddingLeft={2}>
+                <Text color={row.noteColor ?? theme.dim}>{row.note}</Text>
+              </Box>
+            ) : null}
+          </React.Fragment>
+        )
+      })}
+    </Box>
+  )
+}