1---2name: components3description: Skill for the Components area of Wiki. 606 symbols across 247 files.4---56# Components78606 symbols | 247 files | Cohesion: 51%910## When to Use1112- Working with code in `AI/`13- Understanding how hydrateNode, onMismatch, hydrateElement work14- Modifying components-related functionality1516## Key Files1718| File | Symbols |19|------|---------|20| `Vue3/Vue3-source/packages/runtime-core/src/components/BaseTransition.ts` | afterLeave, delayLeave, recursiveGetSubtree, setup, findNonCommentChild (+15) |21| `Vue3/Vue3-source/packages/runtime-core/src/renderer.ts` | patchProp, insert, createText, createComment, parentNode (+14) |22| `Vue3/Vue3-source/packages/runtime-dom/src/components/Transition.ts` | resolveTransitionProps, normalizeDuration, NumberOf, forceReflow, whenTransitionEnds (+12) |23| `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts` | logMismatchError, isSVGContainer, isMathMLContainer, getContainerType, hydrateNode (+11) |24| `AI/3-Application/Claude-Code-source/src/components/Stats.tsx` | createAllTimeStatsPromise, Stats, StatsContent, handleScreenshot, renderStatsToAnsi (+9) |25| `AI/3-Application/Openclaw-source/src/tui/components/searchable-select-list.ts` | smartFilter, getSelectedItem, SearchableSelectList, render, getCachedRegex (+8) |26| `Vue3/Vue3-source/packages/runtime-core/src/components/Teleport.ts` | hydrateTeleport, hydrateAnchor, hydrateDisabledTeleport, prepareAnchor, isTargetSVG (+7) |27| `AI/3-Application/Openclaw-source/src/tui/components/chat-log.ts` | pruneOverflow, append, resolveRunId, startAssistant, updateAssistant (+7) |28| `AI/3-Application/Claude-Code-source/src/components/MessageSelector.tsx` | isTextBlock, UserMessageOption, selectableUserMessagesFilter, loadFileHistoryMetadata, computeDiffStatsBetweenMessages (+7) |29| `Vue3/Vue3-source/packages/runtime-core/src/components/Suspense.ts` | process, fallback, triggerEvent, mountSuspense, patchSuspense (+6) |3031## Entry Points3233Start here when exploring this area:3435- **`hydrateNode`** (Function) — `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts:136`36- **`onMismatch`** (Function) — `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts:146`37- **`hydrateElement`** (Function) — `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts:367`38- **`hydrateChildren`** (Function) — `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts:557`39- **`hydrateFragment`** (Function) — `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts:638`4041## Key Symbols4243| Symbol | Type | File | Line |44|--------|------|------|------|45| `AssistantMessageComponent` | Class | `AI/3-Application/Openclaw-source/src/tui/components/assistant-message.ts` | 4 |46| `ToolExecutionComponent` | Class | `AI/3-Application/Openclaw-source/src/tui/components/tool-execution.ts` | 54 |47| `HyperlinkMarkdown` | Class | `AI/3-Application/Openclaw-source/src/tui/components/hyperlink-markdown.ts` | 9 |48| `UserMessageComponent` | Class | `AI/3-Application/Openclaw-source/src/tui/components/user-message.ts` | 3 |49| `MarkdownMessageComponent` | Class | `AI/3-Application/Openclaw-source/src/tui/components/markdown-message.ts` | 5 |50| `SearchableSelectList` | Class | `AI/3-Application/Openclaw-source/src/tui/components/searchable-select-list.ts` | 25 |51| `BtwInlineMessage` | Class | `AI/3-Application/Openclaw-source/src/tui/components/btw-inline-message.ts` | 10 |52| `hydrateNode` | Function | `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts` | 136 |53| `onMismatch` | Function | `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts` | 146 |54| `hydrateElement` | Function | `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts` | 367 |55| `hydrateChildren` | Function | `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts` | 557 |56| `hydrateFragment` | Function | `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts` | 638 |57| `handleMismatch` | Function | `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts` | 676 |58| `locateClosingAnchor` | Function | `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts` | 738 |59| `replaceNode` | Function | `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts` | 760 |60| `isTemplateNode` | Function | `Vue3/Vue3-source/packages/runtime-core/src/hydration.ts` | 781 |61| `MailboxProvider` | Function | `AI/3-Application/Claude-Code-source/src/context/mailbox.tsx` | 7 |62| `useTeleportResume` | Function | `AI/3-Application/Claude-Code-source/src/hooks/useTeleportResume.tsx` | 14 |63| `TeleportResumeWrapper` | Function | `AI/3-Application/Claude-Code-source/src/components/TeleportResumeWrapper.tsx` | 22 |64| `StatusNotices` | Function | `AI/3-Application/Claude-Code-source/src/components/StatusNotices.tsx` | 17 |6566## Execution Flows6768| Flow | Type | Steps |69|------|------|-------|70| `PromptInput → ShouldUseMockSubscription` | cross_community | 6 |71| `PromptInput → GetMockSubscriptionType` | cross_community | 6 |72| `ScrollKeybindingHandler → HasSelection` | cross_community | 5 |73| `Feedback → MyPromise` | cross_community | 5 |74| `TrustDialog → GetCwdState` | cross_community | 5 |75| `PromptInput → UseAppStore` | cross_community | 4 |76| `ScrollKeybindingHandler → ClearSelection` | cross_community | 4 |77| `ScrollKeybindingHandler → UseAppStore` | cross_community | 4 |78| `ScrollKeybindingHandler → UseStdin` | cross_community | 4 |79| `LogSelector → UseApp` | cross_community | 4 |8081## Connected Areas8283| Area | Connections |84|------|-------------|85| Plugins | 79 calls |86| Ink | 58 calls |87| Scripts | 37 calls |88| Plugin | 18 calls |89| Oauth | 16 calls |90| Hooks | 15 calls |91| Compat | 14 calls |92| Auto-reply | 14 calls |9394## How to Explore95961. `gitnexus_context({name: "hydrateNode"})` — see callers and callees972. `gitnexus_query({query: "components"})` — find related execution flows983. Read key files listed above for implementation details
ceilf6