1---2name: ui3description: Skill for the Ui area of Wiki. 348 symbols across 87 files.4---56# Ui78348 symbols | 87 files | Cohesion: 54%910## When to Use1112- Working with code in `AI/`13- Understanding how Text, remember, OnboardingFlow work14- Modifying ui-related functionality1516## Key Files1718| File | Symbols |19|------|---------|20| `AI/3-Application/Openclaw-source/ui/src/ui/app.ts` | handleChatScroll, handleLogsScroll, handleChannelConfigSave, handleChannelConfigReload, handleNostrProfileEdit (+23) |21| `AI/3-Application/Openclaw-source/ui/src/ui/app-render.helpers.ts` | renderTopbarThemeModeToggle, resetChatStateForSessionSwitch, renderChatControls, renderChatMobileToggle, switchChatSession (+21) |22| `AI/3-Application/Openclaw-source/ui/src/ui/app-settings.ts` | applySettings, applyTheme, syncThemeWithSettings, applyBorderRadius, applyResolvedTheme (+18) |23| `AI/3-Application/Openclaw-source/apps/android/app/src/main/java/ai/openclaw/app/ui/OnboardingFlow.kt` | OnboardingFlow, isPermissionToggleGranted, onboardingPrimaryButtonColors, onboardingSwitchColors, GatewayStep (+13) |24| `AI/3-Application/Openclaw-source/ui/src/ui/app-chat.ts` | sendChatMessageNow, flushChatQueue, dispatchSlashCommand, clearChatHistory, refreshChat (+10) |25| `AI/3-Application/Openclaw-source/ui/src/ui/app-channels.ts` | handleChannelConfigSave, handleChannelConfigReload, handleNostrProfileEdit, handleWhatsAppStart, handleWhatsAppWait (+8) |26| `AI/3-Application/Openclaw-source/ui/src/ui/gateway.ts` | resolveGatewayErrorDetailCode, isNonRecoverableAuthError, start, stop, connect (+8) |27| `AI/3-Application/Openclaw-source/apps/android/app/src/main/java/ai/openclaw/app/MainViewModel.kt` | setManualEnabled, setManualHost, setManualPort, setManualTls, setGatewayToken (+6) |28| `AI/3-Application/Openclaw-source/ui/src/ui/storage.ts` | settingsKeyForGateway, normalizeGatewayTokenScope, resolveScopedSessionSelection, loadSettings, saveSettings (+6) |29| `AI/3-Application/Openclaw-source/ui/src/ui/app-tool-stream.ts` | formatToolOutput, flushToolStreamSync, scheduleToolStreamSync, handleAgentEvent, toTrimmedString (+5) |3031## Entry Points3233Start here when exploring this area:3435- **`Text`** (Function) — `AI/3-Application/Claude-Code-source/src/ink/components/Text.tsx:113`36- **`remember`** (Function) — `AI/3-Application/Openclaw-source/extensions/matrix/src/matrix/monitor/thread-context.ts:76`37- **`OnboardingFlow`** (Function) — `AI/3-Application/Openclaw-source/apps/android/app/src/main/java/ai/openclaw/app/ui/OnboardingFlow.kt:208`38- **`isPermissionToggleGranted`** (Function) — `AI/3-Application/Openclaw-source/apps/android/app/src/main/java/ai/openclaw/app/ui/OnboardingFlow.kt:324`39- **`ConnectTabScreen`** (Function) — `AI/3-Application/Openclaw-source/apps/android/app/src/main/java/ai/openclaw/app/ui/ConnectTabScreen.kt:62`4041## Key Symbols4243| Symbol | Type | File | Line |44|--------|------|------|------|45| `Surface` | Class | `React/React-source/packages/react-devtools-timeline/src/view-base/Surface.js` | 59 |46| `GatewayRequestError` | Class | `AI/3-Application/Openclaw-source/ui/src/ui/gateway.ts` | 38 |47| `Color` | Class | `React/React-source/compiler/packages/react-forgive/client/src/colors.ts` | 11 |48| `Text` | Function | `AI/3-Application/Claude-Code-source/src/ink/components/Text.tsx` | 113 |49| `remember` | Function | `AI/3-Application/Openclaw-source/extensions/matrix/src/matrix/monitor/thread-context.ts` | 76 |50| `OnboardingFlow` | Function | `AI/3-Application/Openclaw-source/apps/android/app/src/main/java/ai/openclaw/app/ui/OnboardingFlow.kt` | 208 |51| `isPermissionToggleGranted` | Function | `AI/3-Application/Openclaw-source/apps/android/app/src/main/java/ai/openclaw/app/ui/OnboardingFlow.kt` | 324 |52| `ConnectTabScreen` | Function | `AI/3-Application/Openclaw-source/apps/android/app/src/main/java/ai/openclaw/app/ui/ConnectTabScreen.kt` | 62 |53| `subtitleForTab` | Function | `AI/3-Application/Openclaw-source/ui/src/ui/navigation.ts` | 194 |54| `handleChatScroll` | Function | `AI/3-Application/Openclaw-source/ui/src/ui/app-scroll.ts` | 125 |55| `renderApp` | Function | `AI/3-Application/Openclaw-source/ui/src/ui/app-render.ts` | 286 |56| `getCurrentConfigValue` | Function | `AI/3-Application/Openclaw-source/ui/src/ui/app-render.ts` | 323 |57| `findAgentIndex` | Function | `AI/3-Application/Openclaw-source/ui/src/ui/app-render.ts` | 325 |58| `renderTopbarThemeModeToggle` | Function | `AI/3-Application/Openclaw-source/ui/src/ui/app-render.helpers.ts` | 919 |59| `handleChannelConfigSave` | Function | `AI/3-Application/Openclaw-source/ui/src/ui/app-channels.ts` | 26 |60| `handleChannelConfigReload` | Function | `AI/3-Application/Openclaw-source/ui/src/ui/app-channels.ts` | 32 |61| `handleNostrProfileEdit` | Function | `AI/3-Application/Openclaw-source/ui/src/ui/app-channels.ts` | 89 |62| `getVisibleCronJobs` | Function | `AI/3-Application/Openclaw-source/ui/src/ui/controllers/cron.ts` | 352 |63| `loadConfig` | Function | `AI/3-Application/Openclaw-source/ui/src/ui/controllers/config.ts` | 38 |64| `saveConfig` | Function | `AI/3-Application/Openclaw-source/ui/src/ui/controllers/config.ts` | 129 |6566## Execution Flows6768| Flow | Type | Steps |69|------|------|-------|70| `RenderApp → NormalizeGatewayTokenScope` | cross_community | 7 |71| `RenderApp → PrefersLightScheme` | cross_community | 7 |72| `RenderApp → Trim` | cross_community | 7 |73| `RenderApp → GatewayBrowserClient` | cross_community | 6 |74| `RenderApp → ApplyResolvedTheme` | cross_community | 5 |75| `RenderApp → ToLowerCase` | cross_community | 4 |76| `OnboardingFlow → ServiceComponent` | cross_community | 4 |7778## Connected Areas7980| Area | Connections |81|------|-------------|82| Controllers | 78 calls |83| Scripts | 61 calls |84| Auto-reply | 20 calls |85| Views | 16 calls |86| App | 10 calls |87| Chat | 9 calls |88| Gateway | 7 calls |89| Infra | 6 calls |9091## How to Explore92931. `gitnexus_context({name: "Text"})` — see callers and callees942. `gitnexus_query({query: "ui"})` — find related execution flows953. Read key files listed above for implementation details