Comet AI
Comet AI
Download
Component Reference

Complete & Visual

Explore 227+ components across Desktop (Electron), Mobile (Flutter), and Background Services with visual categorization and accurate line counts.

AIChatSidebar

5,046 lines

Main chat interface with real-time streaming, thinking indicators, command execution, and scheduling.

ReactAIMain

AIUtils

1,046 lines

Utility functions for PDF generation, image handling, command formatting, and secure storage.

ReactUtils

AIConstants

624 lines

AI instructions, commands, capabilities, language maps, and system prompts.

ReactConfig

SchedulingModal

494 lines

Modal for scheduling AI tasks with cron builder, model selection, and notification options.

ReactAI

AISetupGuide

474 lines

Interactive wizard for configuring AI providers and API keys with validation.

ReactSetup

SchedulingIntentDetector

368 lines

Natural language scheduling detection with cron expression extraction.

ReactAI

SecureDOMReader

671 lines

Secure DOM reading with XSS prevention and structured data extraction.

React

DOMSearchDisplay

359 lines

Visual DOM search results with element highlighting and metadata.

React

AICommandQueue.tsx

405 lines

Queue management for AI commands with priority and retry logic.

ReactAI

RobustParsers

224 lines

Robust JSON/shell output parsing with regex fallbacks for AI responses.

React

ClickPermissionModal

222 lines

Permission dialog for click actions with risk assessment.

React

CollapsibleOCRMessage

216 lines

Expandable OCR results display with raw text view and confidence scores.

ReactOCR

AIAssistOverlay.tsx

281 lines

Floating AI assistant overlay for contextual help.

ReactAI

FlowchartDiagram

256 lines

Interactive flowchart rendering with zoom, pan, and node editing.

React

ThinkingPanel

152 lines

Animated thinking state display with chain-of-thought visualization.

React

ChartDiagram

146 lines

Chart rendering component supporting bar, line, pie, and scatter charts.

React

MermaidDiagram

108 lines

Mermaid diagram renderer with live preview and error handling.

React

ConversationHistoryPanel

112 lines

Sidebar panel for browsing past conversations with search.

React

ThinkingIndicator.tsx

79 lines

Animated thinking indicator for loading states.

React

MessageActions

40 lines

Action buttons for messages (copy, edit, delete, share).

React

AIChatSidebar/types.ts

145 lines

TypeScript types for AI chat sidebar components.

ReactTypes

AIChatSidebar/helpers.ts

27 lines

Helper utilities for AI chat sidebar.

ReactUtils

AICommandOutput.ts

218 lines

AI command output rendering and formatting.

ReactAI

SettingsPanel

1,022 lines

Main settings container with all configuration sections and theme support.

ReactMain

LLMProviderSettings

929 lines

AI model provider configuration (Gemini, Claude, GPT, Ollama, Groq).

ReactAI

AutomationSettings

820 lines

Automation & scheduling settings with task management and permissions.

React

SyncSettings

635 lines

WiFi/P2P sync configuration for mobile pairing with QR codes.

React

UpdatesSettings

538 lines

Auto-update configuration and version info with changelog.

React

PermissionSettings

697 lines

Command permission management by risk level (LOW/MEDIUM/HIGH/CRITICAL).

ReactSecurity

PluginSettings

408 lines

Plugin management UI with install/enable/disable from marketplace.

React

McpSettings

486 lines

Model Context Protocol settings for external tools and services.

React

ProxyFirewallManager

373 lines

Advanced proxy & firewall rules management with presets.

React

ThemeSettings

255 lines

Visual theme configuration with custom gradients and presets.

React

ExtensionSettings

186 lines

Browser extension settings with enable/disable toggles.

React

StartupSetupUI

635 lines

First-run setup wizard with feature tour and preferences.

React

ApiKeysSettings

104 lines

API key configuration UI with secure storage indicators.

React

PerformanceSettings

91 lines

Performance tuning options (GPU, memory, caching).

React

AutofillSettings

114 lines

Form autofill configuration with secure storage.

React

ProxySettings

81 lines

Proxy server configuration with auth support.

React

SearchEngineSettings

39 lines

Default search engine configuration with custom engines.

React

UserAgentSettings

48 lines

Custom user agent strings for browser fingerprinting.

React

KeyboardShortcutSettings

64 lines

Keyboard shortcut customization with presets.

React

BackendSettings

77 lines

Backend service configuration for P2P sync.

React

BrowserViewContainer

132 lines

WebView container management with secure context and sandboxing.

React

TitleBar

177 lines

Custom window title bar with traffic lights and window controls.

ReactmacOS

TabManager

254 lines

Tab lifecycle management with create, close, restore.

React

VirtualizedTabBar

317 lines

High-performance virtualized tab bar for 100+ tabs.

React

SpotlightSearchOverlay

303 lines

Spotlight-style universal search overlay with fuzzy matching.

React

QuickNavOverlay

212 lines

Quick navigation with keyboard shortcuts and recent items.

React

TabSwitcherOverlay

78 lines

Visual tab switcher (Cmd+Shift+]) with thumbnails.

React

ClipboardManager

85 lines

Clipboard history with sync support and search.

React

HistoryPanel

48 lines

Browsing history view with search and filtering.

React

WelcomeScreen

774 lines

First-time user welcome with feature tour and setup.

React

UnifiedSearch

402 lines

Universal search across all content types (web, history, bookmarks).

React

LoginPrompt

18 lines

Authentication login dialog with secure credential storage.

React

AutomationLayer

147 lines

Cross-platform automation abstraction with native OS support.

Node.jsCore

mac.js

175 lines

macOS: steve CLI (accessibility) + AppleScript fallback.

Node.jsmacOS

win.js

250 lines

Windows: nut.js/xa11y + PowerShell fallback.

Node.jsWindows

linux.js

167 lines

Linux: xdotool + xte/xinput fallback.

Node.jsLinux

fallback.js

95 lines

Fallback chain: nut.js → xa11y → robotjs.

Node.jsCross-Platform

fallback.js

80 lines

RobotJS conditional loader for legacy support.

Node.js

robot-service.js

293 lines

Cross-platform automation engine for mouse/keyboard control.

Node.js

tesseract-service.js

1,125 lines

OCR: uniOCR > RustO! > Native > Tesseract fallback chain.

Node.jsOCR

screen-vision-service.js

142 lines

Screen capture and vision analysis service.

Node.jsOCR

native-os-verifier.js

248 lines

Native OS capability verification for automation.

Node.jsmacOS

workflow-recorder.js

151 lines

Records user workflows for automation replay.

Node.js

CrossAppOCR

370 lines

Cross-application OCR & click for external apps.

React

PhoneCamera

105 lines

Phone camera integration for document capture.

React

ClickPermissionModal

222 lines

Permission dialog for click actions.

React

SettingsDropdown.tsx

93 lines

Quick settings dropdown menu.

React

PDFGenerationPanel

358 lines

PDF creation interface with template selection and preview.

React

PDFWorkspace

266 lines

PDF editing workspace with annotation support.

React

TemplateParser

Markdown table parser with overflow handling.

Node.js

ScreenshotsEmbedder

Captures and embeds screenshots into PDFs.

Node.js

professional-pdf.js

330 lines

Professional PDF template generation with layouts.

Node.js

AdvancedDocumentEngine.ts

816 lines

Advanced document generation for PDF, Excel (XLSX), PowerPoint (PPTX), and charts.

Node.js

MermaidToPDFConverter.ts

388 lines

Mermaid diagram to PDF/PNG converter with SVG rendering.

Node.js

WiFiSyncService

530 lines

Real-time WebSocket sync with QR code pairing over local network.

Node.jsSync

P2PFileSyncService.ts

670 lines

Peer-to-peer file sync service for large files.

Node.jsSync

CloudSyncService.ts

530 lines

Cloud-based sync service with conflict resolution.

Node.jsSync

SyncMethodManager.ts

259 lines

Manages sync methods (WiFi, Cloud, P2P) with fallbacks.

Node.jsSync

FirebaseSyncService.ts

245 lines

Firebase backend sync for real-time updates.

Node.jsSync

ContactSyncService.ts

132 lines

Contact synchronization across devices.

Node.jsSync

P2PSyncManager

185 lines

Peer-to-peer sync manager UI with bandwidth control.

React

CloudSyncConsent

45 lines

Cloud sync permission dialog.

React

llm/LLMOrchestrator.ts

65 lines

Orchestrates requests across multiple LLM providers.

Node.jsAI

llm/providers/base.ts

34 lines

Base class for LLM provider implementations.

Node.jsAI

llm/providers/openai-compatible.ts

70 lines

OpenAI-compatible API provider (Azure, local models).

Node.jsAI

llm/providers/ollama.ts

52 lines

Ollama local model provider.

Node.jsAI

llm/providers/gemini.ts

47 lines

Google Gemini API provider.

Node.jsAI

llm/providers/claude.ts

50 lines

Anthropic Claude API provider.

Node.jsAI

llm/providers/groq.ts

58 lines

Groq fast inference provider.

Node.jsAI

llm/base.ts

34 lines

Base class for all LLM providers.

Node.jsAI

ai-engine.js

375 lines

AI engine with model routing and fallbacks.

Node.jsAI

aiManager.ts

93 lines

AI manager for model selection and configuration.

Node.jsAI

modelRegistry.ts

30 lines

Registry for available AI models and capabilities.

Node.jsAI

aiReasoningOptions.ts

38 lines

Reasoning configuration options for AI models.

Node.jsAI

OfflineChatbot.ts

105 lines

Offline-capable chatbot with cached responses.

Node.jsAI

LiquidGlassTheme

macOS-native visual effect with blur and transparency.

SwiftUImacOS

NativeSettingsPanel

SwiftUI panel for quick settings access.

SwiftUImacOS

MermaidView

WKWebView wrapper for Mermaid diagrams.

SwiftUImacOS

macOSMenu

Native menu bar with settings shortcuts.

SwiftmacOS

ThinkUI

Thinking indicator for native macOS sidebar.

SwiftUImacOS

macos-native-panels.js

159 lines

Native macOS panel management bridge.

Node.jsSwift

GmailService.ts

286 lines

Gmail API integration for email management.

Node.jsAI

rag-service.js

187 lines

RAG (Retrieval-Augmented Generation) service.

Node.jsAI

web-search-service.js

194 lines

Web search with built-in scraper.

Node.jsAI

voice-service.js

93 lines

Voice input and TTS integration.

Node.jsAI

bridge-server.js

159 lines

Bridge server for IPC communication.

Node.js

mcp-desktop-server.js

146 lines

Model Context Protocol desktop server.

Node.js

mcp-server-registry.js

102 lines

Registry for MCP server connections.

Node.js

pop-search-service.js

464 lines

Popular search suggestions service.

Node.js

DatabaseManager.ts

226 lines

Local database management with encryption.

Node.js

SkillLoader.ts

160 lines

Dynamic skill/command loader for AI.

Node.js

UnifiedCartService.ts

418 lines

Shopping cart aggregation service.

Node.js

PhoneCallControlService.ts

317 lines

Phone call control integration.

Node.js

OTPVerificationService.ts

298 lines

OTP generation and verification.

Node.js

AdvancedTabManager.ts

644 lines

Advanced tab management with optimization.

Node.js

TabOptimizer.ts

181 lines

Tab memory optimization for 50+ tabs.

Node.js

DeviceFamilyManager.ts

322 lines

Device family detection and routing.

Node.js

FirebaseService.ts

204 lines

Firebase initialization and configuration.

Node.js

BackendService.ts

33 lines

Backend service client.

Node.js

IntegrationService.ts

83 lines

Third-party service integrations.

Node.js

FileUtils.ts

56 lines

File system utility functions.

Node.js

PluginManager

442 lines

Dynamic plugin system with lifecycle management (load, unload, enable, disable).

Node.js

PluginSDK

168 lines

Plugin SDK/framework for building extensions with commands and hooks.

Node.js

DeepLinkHandler

URL scheme handler for comet:// actions.

Node.js

ExtensionManager

161 lines

Browser extension management with hot-reload.

React

WebStore

107 lines

Plugin/extension marketplace UI with categories.

React

main.js

11,083 lines

Main Electron process with all IPC handlers, window management, and services.

Node.jsMain

preload.js

558 lines

Context bridge for secure IPC exposure to renderer.

Node.jsSecurity

command-executor.js

384 lines

IPC handler registration, system commands, window/clipboard/dialog operations.

Node.jsCore

network-security.js

207 lines

Network security configuration, proxy, DNS, ad/tracker blocking.

Node.jsCore

window-manager.js

179 lines

Window lifecycle, focus management, child windows.

Node.jsCore

Security.ts

671 lines

Command validation, shell sanitization, XSS prevention, URL validation.

Node.jsSecurity

AICommandParser.ts

600 lines

AI command extraction, JSON parsing, bracket format support.

Node.jsAI

Security.js

649 lines

Security utilities and validation helpers.

Node.jsSecurity

ShellCommandParser.ts

394 lines

Shell command parsing with dangerous command detection.

Node.jsSecurity

ActionLogsStore.ts

410 lines

Store for action logs with search and filtering.

Node.js

ActionTagParser.ts

318 lines

Parse action tags from AI responses for automation.

Node.jsAI

BrowserAI.ts

384 lines

Browser-specific AI orchestration and state management.

Node.jsAI

permission-store.js

207 lines

Permission storage with trusted command lists.

Node.jsSecurity

platform/detector.ts

62 lines

Platform detection (macOS, Windows, Linux) for conditional logic.

Node.js

SiriShortcutsIntegration.js

260 lines

URL scheme handler for comet-ai:// shortcuts.

Node.jsmacOSSiri

windows-integration.js

385 lines

Windows Shortcuts, Voice, Copilot integration.

Node.jsWindows

linux-integration.js

495 lines

Linux GNOME/KDE desktop integration.

Node.jsLinux

apple-script-bridge.js

180 lines

AppleScript voice commands bridge.

Node.jsmacOS

voice-input-handler.js

150 lines

macOS Dictation + TTS integration.

Node.jsmacOS

shortcuts-templates.js

120 lines

Pre-built shortcut templates generator.

Node.jsmacOS

platform/MacOSIntegration.ts

246 lines

macOS-specific integrations and native bridges.

Node.jsmacOS

platform/WindowsIntegration.ts

255 lines

Windows-specific integrations and PowerShell bridges.

Node.jsWindows

platform/LinuxIntegration.ts

318 lines

Linux-specific integrations and X11 bridges.

Node.jsLinux

AdminDashboard

169 lines

Admin control panel for system management.

React

CodingDashboard

204 lines

Development workspace with code editor.

React

WorkspaceDashboard

158 lines

General workspace hub.

React

PresentonStudio

395 lines

Presentation creation studio.

React

MediaStudio

168 lines

Media management and editing.

React

AIFeatureDemo

472 lines

Interactive AI feature demonstrations.

ReactAI

LandingPage

383 lines

Marketing landing page component.

React

Documentation

269 lines

Built-in documentation viewer.

React

CapabilitiesPanel

74 lines

Browser capabilities display.

React

DinoGame

242 lines

Offline dinosaur game (Chrome-style).

ReactGame

NoNetworkGame

139 lines

No-internet game for offline pages.

ReactGame

MediaSuggestions

43 lines

Content suggestions based on browsing.

React

PasswordManager

382 lines

Saved passwords manager with secure storage.

React

UnifiedCartPanel

66 lines

Shopping cart aggregator.

React

QuickNavOverlay

212 lines

Quick navigation overlay.

React

Ready to Explore?

Dive deeper into each component category or check out the API reference for integration details.

Quick Stats

227

Total Components

167

Desktop (Electron)

48

Mobile (Flutter)

84570

Total Lines

Auto-Update Component Lines

Run the component scanner to automatically update line counts and metadata:

# Auto-scan all components (desktop + Flutter)
cd comet-browser && node scripts/component-scanner.js --all
# Check for undocumented components
node scripts/component-scanner.js --missing
Stats above auto-sync from component-data.json on page load.

See AI-GUIDE.md for full documentation on component automation.

Edit on GitHub