Documentation Index
Local Development with Jekyll
This documentation can be built and served locally using Jekyll for better navigation and formatting.
Prerequisites
- Ruby 3.0+ (install via Homebrew:
brew install ruby) - Bundler gem
Quick Start
# From the docs directory
./serve.sh
This will install dependencies and start a local server at http://localhost:4000/docs
Manual Setup
cd docs
bundle install
bundle exec jekyll serve --livereload
Building for Production
bundle exec jekyll build
The built site will be in _site/ directory.
GitHub Pages Deployment
Documentation is automatically built and deployed to GitHub Pages when changes are pushed to the prod branch. The workflow is defined in .github/workflows/docs-jekyll.yml.
Welcome to the Aitana Labs Frontend documentation. This directory contains all technical documentation organized by category.
π€ Request Documentation with Claude
Need help with Aitana or want to request new documentation? You can create a GitHub issue and our AI assistant will help you directly.
How to request documentation:
- Create a new GitHub issue on this repository
- Describe what documentation youβd like added or improved
- Mention
@claudein your issue description - Claude will analyze the request and create the documentation for you
Example:
Hi @claude, can you add documentation explaining how to configure
custom Firebase rules for this project?
Claude can help with:
- Creating new feature documentation
- Updating existing guides
- Adding troubleshooting sections
- Writing API documentation
- Creating development setup guides
Quick Links:
π Directory Structure
π οΈ Development
- AITANA_CLI_API_COMMANDS.md - π Direct API access via Aitana CLI for models, tools, and comprehensive testing
- CROSS_PLATFORM_SETUP.md - π» Cross-platform setup guide: Windows, macOS, Linux compatibility with aitana CLI server management
- CI_CD_WORKFLOW.md - π Complete CI/CD workflow: dev β test β prod deployment strategy with automated testing and manual approval gates
- BRANCH_STRATEGY.md - π³ Git branching strategy: three-branch deployment model with environment-specific protection rules
- DEVELOPER_CONTRIBUTION_GUIDE.md - π₯ Complete guide for contributing: setup, development workflow, testing, and deployment process
- DEPLOYMENT_PIPELINE.md - βοΈ Technical deployment pipeline details: Cloud Build, multi-container Cloud Run, and parallel testing
- ARTIFACT_CONTEXT.md - π¨ Complete artifact management system for AI-generated content with localStorage persistence and real-time updates
- ASSISTANT_CALLING_AGENT.md - π€ Intelligent agent for cross-assistant communication with parallel/sequential execution and context sharing
- VAC_SERVICE_ARCHITECTURE.md - ποΈ Complete VAC service architecture guide: three-phase processing, tool orchestration, and streaming
- ASSISTANT_SSE_STREAMING.md - π NEW Production SSE streaming endpoint with thinking content preservation
- BACKEND_API_HOWTO.md - Comprehensive backend API guide with authentication, models, and chat history
- BACKEND_API_HOWTO_WINDOWS.md - Windows-specific backend API setup guide
- BACKEND_MCP_INTEGRATION.md - π NEW Technical MCP architecture: client detection, stdio compatibility, tool registry
- BACKEND_FASTAPI_MIGRATION.md - π NEW FastAPI migration guide: parallel implementation, performance improvements, deployment strategy
- DEPRECATED_FEATURES.md - β οΈ NEW Deprecated features and migration guide: what we donβt do anymore and what to use instead
- BUILD_ERROR_DETECTION.md - π€ Automated build error detection system with smart false positive filtering
- CODE_EXECUTION_AGENT.md - π€ AI-powered code generation system with test-driven development and iterative improvement
- LOCAL_CI_CONSISTENCY.md - Essential guide for ensuring tests pass locally AND in CI
- LOCAL_CI_SETUP.md - Local development environment setup for CI consistency
- DOCKER_CONSISTENCY.md - Guide for matching local development with Docker build environment
- COVERAGE_BADGE_SETUP.md - Setup coverage badges for GitHub using Cloud Build (backend)
- FRONTEND_COVERAGE_SETUP.md - Frontend test coverage configuration and badge generation
- STREAMING_CONTEXT.md - π Real-time streaming communication system for AI assistants with Firebase persistence and advanced session management
- BACKEND_EMAIL_API.md - π§ Technical API documentation for email integration system with webhook processing, rate limiting, and document exports
- BACKEND_UTILITY_FUNCTIONS.md - π οΈ Core backend utility functions for AI processing, content formatting, and system integration
- BACKEND_TOOL_SYSTEM.md - βοΈ Backend tool creation and prompt management system with Langfuse integration and dynamic tool configuration
- CONTEXT_TIMEOUTS.md - β° Detailed guide on context-based timeout system (UI: 60s, API: 5min) with implementation and troubleshooting
- TIMEOUT_CONFIGURATION.md - β±οΈ Context-aware timeout configuration system for optimal performance across UI and background operations
- API_TIMEOUT_PARAMETERS.md - π Complete API timeout parameter reference with context-aware defaults and configuration options
- api-call-example.md - Example API call patterns and usage
- PROMPT_OPTIMIZATION.md - π― Automated prompt optimization system using LLM evaluation and iterative improvement
- PERFORMANCE_CONSIDERATIONS.md - β‘ Performance optimization guidelines for time-sensitive operations and latency reduction
β¨ Features
- AITANA_CLI.md - π₯οΈ CONSOLIDATED Complete CLI documentation: bulk processing, assistant calls, server management, API access, and recent updates
- AITANA_CLI_API_COMMANDS.md - π Direct API access via Aitana CLI for models, tools, and testing
- BATCH_EXTRACTION.md - β‘ High-performance batch extraction with 5-minute timeouts, parallel processing, and CSV export
- ACCESS_SELECTOR_COMPONENT.md - π Comprehensive access control interface for configuring permissions with support for users, domains, and groups
- ARTIFACT_DISPLAY_COMPONENT.md - π¨ Artifact rendering component with copy, download, and preview functionality
- ARTIFACT_PREVIEW_COMPONENT.md - π₯οΈ Secure, sandboxed preview for React, JavaScript, and HTML artifacts with extensive library support
- ARTIFACT_SYSTEM.md - π Interactive artifact system for viewing, editing, and persisting structured content
- ARTIFACT_SYSTEM_PROMPT.md - π€ AI model prompt template for artifacts with external data loading capabilities
- ASSISTANT_DETAILS_COMPONENT.md - π οΈ Comprehensive assistant creation form with template selection, access control, and avatar management
- ASSISTANT_LINK_PREVIEW_COMPONENT.md - π Rich preview cards for AI assistants with tool information and usage statistics
- AURORA_COMPONENT.md - β¨ WebGL-based animated aurora visual effects component
- AUTO_DOCUMENTATION_SYSTEM.md - π€ Automated codebase documentation generation for AI assistants
- AVATAR_SELECTOR_COMPONENT.md - πΌοΈ Avatar selection interface with gallery and custom URL support
- CHAT_HISTORY_PERSISTENCE.md - Backend API chat history persistence with Firestore
- DOCUMENT_SEARCH_AGENT.md - Intelligent document discovery and extraction agent
- DOCUMENT_UPLOAD_COMPONENT.md - π File upload interface with drag-and-drop and URL import support
- DOCUMENTS_COMPONENT.md - π Document sidebar display with file type icons and image previews
- DYNAMIC_UI_PROMPTS.md - AI model instructions for using dynamic UI components
- EMISSARY_CHOOSE_COMPONENT.md - π― Interactive template selection interface for creating new AI assistants with carousel layout
- EMISSARY_COMPONENT_SYSTEM.md - π€ Complete Emissary component architecture: context system, performance optimization, and integration patterns
- EMISSARY_LIST_COMPONENT.md - π AI assistant listing component with grid/table views, sorting, and management actions
- EMISSARY_LIST_MINIMAL_COMPONENT.md - π± Compact sidebar interface for displaying recent AI assistant conversations
- FILE_BROWSER_DIALOG_COMPONENT.md - π Cloud storage file browser with GCS integration, pagination, and multi-selection
- GITHUB_DOCUMENTATION_WORKFLOW.md - π Automated documentation quality monitoring and issue creation
- GOOGLE_SEARCH_TOOLS.md - π Comprehensive Google Search integration with Gemini grounding, React components, and Anthropic web tools compatibility
- MCP_DOCUMENTATION_INDEX.md - π START HERE Complete MCP documentation index with navigation guide
- MCP_CLAUDE_INTEGRATION.md - π MCP setup guide for Claude Desktop and Claude Code (stdio server)
- MCP_MULTI_TOOL_EXECUTION.md - π NEW Multi-tool sequential execution with Browserbase example
- MCP_INTEGRATION_COMPLETE_GUIDE.md - π COMPREHENSIVE MCP architecture, terminology, and API flow analysis
- MCP_INTEGRATION_GUIDE.md - π‘ MCP integration using Sunholo patterns (FastAPI/VACRoutes)
- MCP_QUICK_REFERENCE.md - β‘ Quick commands, endpoints, and test examples
- HISTORY_TEMPLATES_DRAWER_COMPONENT.md - π± Mobile-optimized drawer interface for accessing message history and template management
- HOW_TO_ADD_TOOLS_TO_AITANA.md - π§ Complete step-by-step guide for adding new tools to Aitana with frontend, backend, and configuration integration
- INTEGRATED_ASSISTANT_SWITCHER_COMPONENT.md - π Multi-tab assistant navigation hub with tool visualization and management
- LANDING_PAGE_COMPONENT.md - π Main landing page component with authentication-aware tabs and assistant/template management
- LANGFUSE_DEBUGGER_COMPONENT.md - π§ Development debugging tool for Langfuse integration testing and status monitoring
- LIST_GCS_BUCKET_TOOL.md - π NEW GCS bucket browsing tool: file discovery, filtering, metadata, pagination
- LOGIN_DIALOG_COMPONENT.md - π Modal authentication interface with Google OAuth integration
- MESSAGE_FEEDBACK_DIALOG_COMPONENT.md - π¬ User feedback collection for AI responses with Langfuse integration and structured rating system
- MULTI_CHAT_FEATURE.md - π Multi-assistant conversation feature for comparative analysis
- PREVIEW_GCS_FEATURE.md - Google Cloud Storage support in Preview component
- PWA_INSTALLATION_GUIDE.md - Progressive Web App installation guide
- QR_CODE_DIALOG_COMPONENT.md - π± QR code generation and sharing component for assistant URLs with download and native share features
- QR_CODE_SHARING.md - π± QR code sharing for conversations, assistants, and content
- QUARTO_EXPORT_BUTTON.md - π€ Document export button component with multiple format support
- QUARTO_EXPORT_FEATURE.md - π Professional document export using Quarto publishing system
- QUARTO_EXPORT_LINKS_COMPONENT.md - π€ Export link management with persistent storage and real-time updates
- RATE_LIMITING.md - Rate limiting for proxy API to prevent abuse
- RELATIVE_TIME_COMPONENT.md - β° Human-readable relative timestamps with automatic updates and intelligent refresh intervals
- SHARE_PAGE_COMPONENT.md - π Central sharing interface with authentication, access control, and tool management
- SHARING_STATUS_COMPONENT.md - π Compact display of access control settings with editing capabilities and QR code integration
- SIMPLE_LANGFUSE_DEBUGGER_COMPONENT.md - π Development debugging interface for testing and monitoring Langfuse integration
- STRUCTURED_INSTRUCTIONS_COMPONENT.md - π Structured interface for defining AI assistant behavior through categorized instruction fields
- TAG_ACCESS_DIALOG_COMPONENT.md - π·οΈ Comprehensive tag management dialog with access control configuration for creating and editing tags
- TAG_ADMIN_GUIDE.md - π¨βπΌ Administrator guide for managing tags and permissions
- TAG_BASED_TOOL_CONFIG.md - π§ Tag-based configuration system for fine-grained tool control
- TAG_PERMISSION_SYSTEM.md - π Comprehensive tag-based permission system for tools and assistants
- TAG_SELECTOR_COMPONENT.md - π·οΈ Tag management interface with suggestions and custom tag creation
- THINKING_PANEL_COMPONENT.md - π§ AI reasoning display panel for viewing thought processes
- TOOL_CONFIRMATION.md - π§ CONSOLIDATED Complete tool confirmation system: architecture, usage, testing, and API integration
- TOOL_CONFIGURATOR_COMPONENT.md - βοΈ Individual tool configuration interface with validation, tag-based access control, and specialized input types
- TOOL_CONTEXT.md - π§ React context for sharing tool configurations across components
- TOOL_SELECTOR_COMPONENT.md - π οΈ Comprehensive tool selection interface managing 24+ AI tools across 4 categories with configuration, compatibility checking, and access control
- TOOLS_TOGGLE_SECTION_COMPONENT.md - βοΈ Tool configuration interface with permission management and visual feedback
- TTS.md - ποΈ Text-to-Speech feature with multiple AI voices
- USER_TAG_DISPLAY_COMPONENT.md - π€ Comprehensive interface for displaying user access level and assigned tags
- VERTEX_AI_SEARCH_WIDGET_COMPONENT.md - π Google Vertex AI Search integration with authentication token management and script loading
- WHATSAPP_INTEGRATION.md - π± Complete WhatsApp integration with Twilio, session management, and troubleshooting
π§ͺ Testing
- TESTING.md - Comprehensive testing guide and best practices
- TEST_ENDPOINT_GUIDE.md - π§ͺ NEW Interactive test dashboard guide: MCP protocol tools, internal API testing, and external MCP server exploration with DeepWiki integration
- API_ENDPOINTS_TESTING_GUIDE.md - π Backend API endpoints testing guide with automated scripts
- API_INTEGRATION_TESTS.md - Backend API integration testing guide
- EMAIL_INTEGRATION_TESTING.md - π§ Comprehensive testing strategies for email integration system, covering unit tests, integration tests, and real-world scenarios
- TEST_AUTO_FIX_CLAUDE.md - π§ Simplified test auto-fix using Claude Code framework
- TEST_GAP_DETECTION_SIMPLIFIED.md - π³οΈ Test gap detection workflow using existing coverage reports
- TEST_OPTIMIZATION_GUIDE.md - π Test performance optimization strategies and parallel execution
π§ Troubleshooting
- LANGFUSE_TROUBLESHOOTING.md - Langfuse integration troubleshooting
- TOOL_CONFIRMATION_BUG_FIX.md - Fix for tool confirmation context bug
- MESSAGE_SAVE_FLOW_ANALYSIS.md - π Analysis of duplicate user message saves in assistant flow with recommended solutions
- STRUCTURED_OUTPUT_DISPLAY_BUG.md - π Post-mortem: structuredOutput field stripped during message conversion
πΌοΈ Images
Screenshots and diagrams used in documentation
π Quick Links
For Developers
π Getting Started (Start Here)
- Developer Contribution Guide - π₯ Essential complete guide for contributing: setup, workflow, testing, deployment
- CI/CD Workflow - π Essential dev β test β prod deployment strategy with automated testing and approval gates
- Branch Strategy - π³ Essential Git branching model and deployment flow
- Local vs CI Consistency - Start here to avoid test failures in CI
ποΈ Architecture & APIs
- VAC Service Architecture - ποΈ Essential backend architecture guide for core VAC service
- Deployment Pipeline - βοΈ Technical deployment details: Cloud Build, multi-container Cloud Run, parallel testing
- Assistant Calling Agent - π€ Cross-assistant communication with parallel/sequential execution
- Emissary Component System - π€ Essential frontend component architecture and integration
- Backend API Guide - Complete API reference with authentication, models, and chat history
- Backend Email API - π§ Technical email integration with webhook processing and document exports
- Backend Utility Functions - π οΈ Core utilities for AI processing and content formatting
- Backend Tool System - βοΈ Tool creation and prompt management with Langfuse integration
- Prompt Optimization - π― Automated optimization for AI prompts using LLM evaluation and datasets
π οΈ Development & Testing
- Aitana CLI API Commands - π Direct API access via CLI for models, tools, and testing
- How to Add Tools to Aitana - π§ Complete guide for implementing new tools with frontend, backend, and configuration
- ToolSelector Component - π οΈ Essential tool selection interface for managing AI tools and configurations
- Testing Guide - How to write and run tests
- Test Endpoint Guide - π§ͺ Interactive dashboard for MCP tools and external server testing
- Email Integration Testing - π§ Comprehensive testing for email system with unit and integration test examples
- Test Auto-Fix with Claude - π§ Simplified automated test fixing using Claude Code
- Docker Build Consistency - Ensure your local setup matches production
- Coverage Badge Setup - Add coverage badges to GitHub README
βοΈ Advanced Features
- Google Search Tools - π Google Search integration with Anthropic web tools compatibility
- Code Execution Agent - π€ AI-powered code generation with test-driven development
- Timeout Configuration - β±οΈ Performance optimization with context-aware timeouts for UI and background operations
- API Examples - Common API patterns
For Users
- Artifact System - π Working with interactive artifacts (view, edit, persist)
- Multi-Chat Feature - π Conversation with multiple AI assistants simultaneously
- PWA Installation - Install the app on your device
- QR Code Sharing - π± Share conversations and content via QR codes
- Quarto Export - π Export conversations to professional documents
- Text-to-Speech - ποΈ Convert messages to speech with AI voices
- Tool Confirmation Guide - Using the tool confirmation feature
For Administrators
- Tag Permission System - π Complete guide to tag-based access control
- Tag Admin Guide - π¨βπΌ Quick reference for managing tags and permissions
For Debugging
- Troubleshooting Index - Common issues and fixes
- Langfuse Issues - Debugging tracing issues
π Documentation Standards
When adding new documentation:
- Place files in the appropriate category folder
- Use descriptive filenames in CAPS_WITH_UNDERSCORES.md format
- Update this index file with a brief description
- Include a clear title and purpose at the top of each document
π Finding Information
- Development setup? β Check development/
- Feature documentation? β Check features/
- Testing help? β Check testing/
- Something broken? β Check troubleshooting/
π Other Important Files
These files remain in the project root for standard conventions:
- ../README.md - Main project README
- ../CLAUDE.md - AI assistance instructions
- ../LICENSE.txt - Project license