Inkdown
Start writing

Claude-Code

62 filesยท4 subfolders

Shared Workspace

Claude-Code
codex

18-mailbox-notifications

Shared from "Claude-Code" on Inkdown

Cross-Component Communication: Mailbox & Notifications

Overview

In a complex terminal app, components need to talk to each other without being directly connected. The Mailbox and Notification systems provide decoupled, asynchronous communication across the React tree.

Plain text
0000_start_here_index_and_recommended_reading_order.md
0100_project_overview_tech_stack_runtime_modes_and_folder_map.md
0200_startup_flow_entry_points_and_cold_start_sequence.md
0300_codebase_modules_layers_state_models_and_schemas.md
0400_system_architecture_and_design_rationale.md
0500_interactive_repl_request_flow_end_to_end.md
0600_headless_sdk_and_print_mode_request_flow_end_to_end.md
0700_mcp_integration_connection_and_tool_call_flow.md
0800_external_services_sdks_storage_and_local_dependencies.md
0900_environment_variables_settings_feature_flags_and_failure_modes.md
1000_non_obvious_patterns_gotchas_and_debugging_traps.md
1100_full_codebase_file_inventory_grouped_by_directory.md
kimi
00-overview.md
01-entrypoints.md
02-state-management.md
03-query-system.md
04-tools-system.md
05-tasks-system.md
06-ui-components.md
07-bridge-remote.md
08-services.md
09-skills-plugins.md
10-commands.md
11-testing-architecture.md
12-permission-system.md
13-build-system.md
14-ink-internals.md
15-git-internals.md
16-context-compaction.md
17-vim-mode.md
18-mailbox-notifications.md
19-session-persistence.md
20-hooks-system.md
21-error-recovery.md
README.md
qwen
00-overview.md
01-entry-points.md
02-query-engine.md
03-tools-and-tasks.md
04-commands-and-skills.md
05-state-management.md
06-ink-rendering.md
07-bridge-remote.md
08-mcp-services.md
09-services-overview.md
10-multi-agent.md
11-system-prompt-constants.md
12-tool-interface.md
13-memory-system.md
14-buddy-companion.md
15-keybindings.md
16-stop-hooks.md
17-vim-mode.md
18-upstreamproxy.md
19-cost-tracking-history.md
20-contexts-styles-onboarding.md
21-hooks.md
22-screens.md
tweets-explain
claude-code-memory-analysis.md
compact
memory-system
agentic-architecture

Core Files

FilePurpose
context/mailbox.tsxMailbox provider and message routing
context/notifications.tsxNotification system
services/notifier.tsExternal notification integration
hooks/useMailbox.tsHook for sending/receiving
hooks/useNotification.tsHook for showing notifications

Mailbox System

Architecture

The Mailbox is a message broker that allows any component to send messages to any other component without direct imports.

TypeScript
Implementation
TypeScript
Usage Patterns
Pattern 1: Tool โ†’ UI Updates
TypeScript
Pattern 2: UI Subscribing to Events
TypeScript
Pattern 3: Request/Response
TypeScript

Notification System

Architecture

Notifications are transient UI alerts that don't require action but inform the user.

TypeScript
Implementation
TypeScript
Notification Display
TypeScript

Advanced Patterns

Pattern: Notification Lifecycle
TypeScript
Pattern: Cross-Window Communication (Bridge)
TypeScript

Key Design Principles

  1. Fire-and-Forget: Most messages don't need responses
  2. Type Safety: MailboxMessage union provides exhaustive checking
  3. Cleanup: All subscriptions return unsubscribe functions
  4. Timeouts: Request/response pattern prevents hanging
  5. Decoupling: Components don't know about each other

Debugging Mailbox

Bash