Shared from "Claude-Code" on Inkdown
Supporting subsystems: React context providers, custom output styles, and project onboarding.
context/)A collection of React context providers for UI subsystems.
notifications.tsxIn-app notification system:
Used by:
stats.tsxStatsStore context for frame timing and performance metrics:
mailbox.tsxMessage passing between components:
modalContext.tsxModal dialog management:
overlayContext.tsx / promptOverlayContext.tsxOverlay UI management for floating panels, tooltips, and prompt overlays.
fpsMetrics.tsxFPS tracking context for performance monitoring:
voice.tsxVoice mode context provider:
QueuedMessageContext.tsxMessage queuing for the REPL — handles queued user messages during processing.
outputStyles/)Custom output style system for tailoring Claude's behavior.
Users create .md files in .claude/output-styles/ or ~/.claude/output-styles/:
Each file:
Plugins can include styles with force-for-plugin frontmatter:
projectOnboardingState.ts)Tracks project-specific onboarding steps.
| Step | Description | Completable |
|---|---|---|
| workspace | Create/clone a project | No (informational) |
| claudemd | Run /init to create CLAUDE.md | Yes |
Avoids filesystem hits on every render:
dialogLaunchers.tsx)Thin async launchers for one-off dialog JSX components:
| Dialog | Purpose |
|---|---|
SnapshotUpdateDialog | Agent memory snapshot conflicts |
InvalidSettingsDialog | Settings validation errors |
AssistantSessionChooser | Pick a bridge session |
AssistantInstallWizard | First-time assistant setup |
TeleportResumeWrapper | Teleport session resume |
TeleportRepoMismatchDialog | Teleport repo selection |
ResumeConversation | Interactive session picker |
replLauncher.tsx)Thin async launcher that dynamically imports App and REPL components:
Extracted from main.tsx for performance — avoids eager import of the full React tree.
interactiveHelpers.tsx)Core utilities for the interactive REPL startup sequence.
showSetupScreens()The full onboarding/setup pipeline:
getRenderContext()Sets up the rendering environment:
exitWithError() / exitWithMessage()Fatal error rendering through Ink:
| File | Purpose |
|---|---|
src/context/notifications.tsx | Notification system |
src/context/stats.tsx | Stats/performance context |
src/context/mailbox.tsx | Message passing |
src/context/modalContext.tsx | Modal dialogs |
src/context/overlayContext.tsx | Overlay management |
src/context/promptOverlayContext.tsx | Prompt overlay |
src/context/fpsMetrics.tsx | FPS tracking |
src/context/voice.tsx | Voice mode context |
src/context/QueuedMessageContext.tsx | Message queuing |
src/outputStyles/loadOutputStylesDir.ts | Output style loader |
src/projectOnboardingState.ts | Project onboarding |
src/dialogLaunchers.tsx | Dialog launchers |
src/replLauncher.tsx | REPL launcher |
src/interactiveHelpers.tsx | Setup & rendering utilities |