@railtownai/railtracks-visualizer 0.0.17 → 0.0.19

package/README.md

@@ -46,6 +46,38 @@ A React-based visualizer for RailTracks agentic flows
 - **Inspection Panel**: Detailed view of nodes and edges
 - **Playback Controls**: Play/pause timeline progression
 - **Portable Styling**: Uses emotion for self-contained, portable styles
+- **Graceful Theme Handling**: Works out of the box with default light theme, no ThemeProvider required
+- **Dark Mode Support**: Full dark mode compatibility with automatic theme detection
+- **Icon Integration**: Support for OpenAI, Anthropic, and Google AI provider icons
+
+## 🎨 Theming
+
+The component includes built-in theme support with graceful fallbacks:
+
+- **Default Theme**: Uses a light theme by default
+- **No Provider Required**: Works without wrapping in a ThemeProvider
+- **Graceful Fallbacks**: If theme context is unavailable, falls back to default light theme
+- **Custom Themes**: Can be wrapped in ThemeProvider for custom theming
+
+### Basic Usage (No ThemeProvider Required)
+
+```tsx
+import { Visualizer } from "@railtownai/railtracks-visualizer";
+
+// Works out of the box with default light theme
+<Visualizer flowData={data} />;
+```
+
+### Custom Theming (Optional)
+
+```tsx
+import { Visualizer, ThemeProvider, darkTheme } from "@railtownai/railtracks-visualizer";
+
+// Wrap with ThemeProvider for custom themes
+<ThemeProvider theme={darkTheme}>
+  <Visualizer flowData={data} />
+</ThemeProvider>;
+```
 
 ## 🔧 Development