@jvittechs/j 1.0.11

package/dist/summary-G3W57YYB.js

@@ -0,0 +1,9 @@
+import {
+  createTaskSummaryCommand,
+  handleTaskSummary
+} from "./chunk-6XCY6MPX.js";
+export {
+  createTaskSummaryCommand,
+  handleTaskSummary
+};
+//# sourceMappingURL=summary-G3W57YYB.js.map

package/dist/summary-G3W57YYB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/web-chat/README.md

@@ -0,0 +1,418 @@
+# Jai1 Web Chat
+
+A modern, lightweight web-based chat interface for Jai1 AI with support for multiple LLM providers, real-time streaming, and rich markdown rendering including Mermaid diagrams.
+
+## ✨ Features
+
+### Core Functionality
+- 🤖 **Multi-Model Support** - Switch between Claude, GPT, and Gemini
+- ⚡ **Real-time Streaming** - Server-Sent Events for instant responses
+- 💾 **Local Storage** - Conversations persist in browser localStorage
+- 🧵 **Thread Management** - Multiple conversations with history
+- 🎨 **Beautiful UI** - Modern, dark-themed interface with ambient effects
+- 📊 **Usage Stats** - Track model usage in real-time
+
+### Rich Content Rendering
+- 📝 **Markdown Support** - Full GitHub Flavored Markdown (GFM)
+- 🎨 **Syntax Highlighting** - Code blocks with Prism.js
+- 🧜‍♀️ **Mermaid Diagrams** - Flowcharts, sequences, classes, and more
+- 📋 **Tables** - Fully formatted markdown tables
+- 🔗 **Smart Links** - Auto-open in new tabs with security
+- 💬 **Inline Code** - Styled code snippets
+
+### Developer Experience
+- 🚀 **Zero Build Step** - Pure vanilla JavaScript
+- 📦 **CDN Based** - No npm install required
+- 🔧 **Easy to Customize** - Clean, documented code
+- 🧪 **Test Suite** - Comprehensive test files included
+- 📚 **Well Documented** - Extensive markdown documentation
+
+## 🚀 Quick Start
+
+### 1. Run the Server
+
+```bash
+# Start the Jai1 web chat server
+jai1 chat --web
+
+# Or specify a port
+jai1 chat --web --port 3000
+```
+
+### 2. Open in Browser
+
+```
+http://localhost:3000
+```
+
+### 3. Start Chatting!
+
+- Type your message in the input field
+- Press `Enter` to send (or `Shift+Enter` for new line)
+- Watch the AI response stream in real-time
+- Switch models using the dropdown
+- Create new threads with `Cmd/Ctrl+N`
+
+## 📁 Project Structure
+
+```
+web-chat/
+├── index.html              # Main application
+├── app.js                  # Application logic
+├── style.css              # Styling and themes
+│
+├── DOCUMENTATION:
+├── README.md              # This file
+├── README-ZERO-MD.md      # Zero-MD integration guide
+├── MERMAID-SUPPORT.md     # Mermaid diagrams guide
+├── FIX-SUMMARY.md         # Zero-MD fix history
+├── TEST-FILES.md          # Test files guide
+│
+└── TEST FILES:
+    ├── test-simple.html           # Basic functionality test
+    ├── test-zero-md.html          # Full markdown test
+    ├── test-mermaid-quick.html    # Quick mermaid test
+    └── test-mermaid.html          # Full mermaid test suite
+```
+
+## 🛠️ Technology Stack
+
+### Frontend
+- **Vanilla JavaScript** - No frameworks, pure ES6+
+- **Web Components** - Zero-MD for markdown rendering
+- **CSS Variables** - Dynamic theming support
+- **LocalStorage API** - Client-side persistence
+
+### Libraries (CDN)
+- **[Zero-MD](https://github.com/zerodevx/zero-md)** `v3` - Markdown renderer
+- **[Zero-MD-Mermaid](https://github.com/stefanvanburen/zero-md-mermaid)** `v0.0.6` - Mermaid plugin
+- **Inter Font** - Primary UI font
+- **JetBrains Mono** - Code font
+
+### Backend API
+- **Node.js** - Server runtime
+- **Express** - Web framework
+- **SSE** - Server-Sent Events for streaming
+- **Session-based Auth** - Secure token validation
+
+## 📝 Key Files Explained
+
+### `index.html`
+Main HTML structure with:
+- Zero-MD and Mermaid plugin imports
+- Application layout (header, sidebars, chat area)
+- Input controls and model selector
+- Loading and error modals
+
+### `app.js`
+Core application logic:
+- **Storage** - LocalStorage management with cleanup
+- **API** - Server communication and streaming
+- **Conversations** - Thread management
+- **UI** - Rendering and user interactions
+- **Event Handlers** - User input and actions
+
+### `style.css`
+Modern styling with:
+- CSS variables for theming
+- Glassmorphism effects
+- Ambient background animations
+- Responsive design
+- Dark mode optimized
+
+## 🧪 Testing
+
+### Quick Tests
+
+```bash
+# 1. Basic functionality (5 seconds)
+open test-simple.html
+
+# 2. Mermaid diagrams (10 seconds)
+open test-mermaid-quick.html
+```
+
+### Full Test Suite
+
+```bash
+# 1. Complete markdown features (15 seconds)
+open test-zero-md.html
+
+# 2. All mermaid diagram types (20 seconds)
+open test-mermaid.html
+```
+
+See [TEST-FILES.md](TEST-FILES.md) for detailed testing guide.
+
+## 🎨 Mermaid Diagram Support
+
+The chat supports all Mermaid diagram types:
+
+```markdown
+# Example: System Flow
+
+```mermaid
+flowchart LR
+    A[User] --> B[Frontend]
+    B --> C[API]
+    C --> D[LLM]
+    D --> C
+    C --> B
+    B --> A
+```
+```
+
+**Supported types:**
+- Flowcharts
+- Sequence diagrams
+- Class diagrams
+- State diagrams
+- Gantt charts
+- Pie charts
+- Git graphs
+- Entity relationship
+- User journeys
+
+See [MERMAID-SUPPORT.md](MERMAID-SUPPORT.md) for complete guide.
+
+## 🔧 Configuration
+
+### Session Token
+
+The app uses session tokens for authentication:
+
+```bash
+# Automatically passed via URL parameter
+http://localhost:3000?token=your-session-token
+
+# Or stored in localStorage
+localStorage.setItem('jai1-session', JSON.stringify({
+    token: 'your-token',
+    storedAt: Date.now()
+}));
+```
+
+### Storage Limits
+
+```javascript
+// In app.js
+const MAX_STORAGE_SIZE = 5 * 1024 * 1024;  // 5MB
+const MAX_CONTEXT_TOKENS = 100000;         // 100k tokens
+```
+
+### Models
+
+Models are fetched from the API:
+- `claude-3-5-sonnet-20241022`
+- `gpt-4-turbo`
+- `gemini-pro`
+- And more...
+
+## 📚 Documentation
+
+### For Users
+- `README.md` - This file (getting started)
+- `TEST-FILES.md` - How to test the application
+
+### For Developers
+- `README-ZERO-MD.md` - Zero-MD integration details
+- `MERMAID-SUPPORT.md` - Mermaid diagram guide
+- `FIX-SUMMARY.md` - Bug fix history
+
+### Code Comments
+All JavaScript files are extensively commented for easy understanding.
+
+## 🐛 Troubleshooting
+
+### Messages Not Displaying
+
+**Problem**: Conversation messages appear blank.
+
+**Solution**: Verify Zero-MD is loaded correctly in `index.html`:
+
+```html
+<script type="module" src="https://cdn.jsdelivr.net/npm/zero-md@3?register"></script>
+```
+
+See [FIX-SUMMARY.md](FIX-SUMMARY.md) for details.
+
+### Mermaid Diagrams Show as Code
+
+**Problem**: Diagrams render as code blocks instead of visual diagrams.
+
+**Solution**: Ensure mermaid plugin is loaded:
+
+```html
+<script type="module" src="https://cdn.jsdelivr.net/npm/@stefanvanburen/zero-md-mermaid@0.0.6"></script>
+```
+
+Test with `test-mermaid-quick.html` to verify.
+
+### Session Expired Error
+
+**Problem**: "Session expired" modal appears.
+
+**Solution**: Run `jai1 chat --web` to generate a new session token.
+
+### Storage Full Warning
+
+**Problem**: Warning about storage limit.
+
+**Solution**: 
+1. Delete old conversations
+2. Clear browser localStorage
+3. Increase `MAX_STORAGE_SIZE` in `app.js`
+
+## 🎯 Best Practices
+
+### For Chat Usage
+1. **Use descriptive titles** - Edit conversation titles for easy reference
+2. **Organize threads** - Create new conversations for different topics
+3. **Monitor token usage** - Check the token counter to avoid limits
+4. **Save important responses** - Use copy button to save content
+
+### For Development
+1. **Test before deploying** - Run all test files
+2. **Validate mermaid syntax** - Use https://mermaid.live/
+3. **Check browser console** - Monitor for errors
+4. **Keep docs updated** - Document any changes
+
+### For Content Creation
+1. **Use markdown formatting** - Bold, italic, headers for readability
+2. **Include code blocks** - With language tags for syntax highlighting
+3. **Add diagrams** - Use mermaid for visual explanations
+4. **Structure content** - Use headers and lists
+
+## 🚀 Performance
+
+### Optimizations
+- **Lazy loading** - Content loaded on demand
+- **Shadow DOM** - Isolated rendering for zero-md
+- **Event delegation** - Efficient event handling
+- **Debounced updates** - Prevent unnecessary re-renders
+- **Storage cleanup** - Automatic old conversation removal
+
+### Metrics
+- **Initial load**: < 2 seconds
+- **Message render**: < 100ms
+- **Mermaid diagrams**: 1-3 seconds
+- **Storage size**: < 5MB (configurable)
+
+## 🔐 Security
+
+### Implemented
+- ✅ Session-based authentication
+- ✅ CORS headers validation
+- ✅ XSS prevention (via zero-md)
+- ✅ Secure link handling (`rel="noopener"`)
+- ✅ Input sanitization
+
+### Recommendations
+- 🔒 Use HTTPS in production
+- 🔒 Rotate session tokens regularly
+- 🔒 Validate all API responses
+- 🔒 Implement rate limiting
+- 🔒 Monitor for suspicious activity
+
+## 🌐 Browser Support
+
+### Fully Supported
+- ✅ Chrome 67+
+- ✅ Firefox 63+
+- ✅ Safari 10.1+
+- ✅ Edge 79+
+
+### Requirements
+- ES6 modules support
+- Web Components support
+- LocalStorage API
+- Server-Sent Events (SSE)
+
+### Not Supported
+- ❌ Internet Explorer 11
+- ❌ Legacy browsers without ES6
+
+## 📦 CDN Dependencies
+
+```html
+<!-- Required: Zero-MD -->
+<script type="module" src="https://cdn.jsdelivr.net/npm/zero-md@3?register"></script>
+
+<!-- Fonts -->
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+```
+
+## 🤝 Contributing
+
+### Making Changes
+1. Test changes with test files
+2. Update relevant documentation
+3. Verify no console errors
+4. Check responsive design
+5. Run full test suite
+
+### Adding Features
+1. Document in appropriate .md file
+2. Add tests if applicable
+3. Update this README if needed
+4. Follow existing code style
+
+## 📄 License
+
+ISC - Same as parent project
+
+## 🙏 Acknowledgments
+
+- **Zero-MD** - Excellent markdown web component
+- **Mermaid.js** - Beautiful diagram rendering
+- **Inter & JetBrains Mono** - Clean, readable fonts
+- **Prism.js** - Syntax highlighting (bundled with Zero-MD)
+
+## 📞 Support
+
+- **Documentation**: See .md files in this directory
+- **Issues**: Check browser console for errors
+- **Testing**: Run test files to verify setup
+- **Examples**: Test files contain working examples
+
+## 🔗 Quick Links
+
+- [Zero-MD Documentation](https://zerodevx.github.io/zero-md/)
+- [Mermaid Documentation](https://mermaid.js.org/)
+- [Mermaid Live Editor](https://mermaid.live/)
+- [Test Files Guide](TEST-FILES.md)
+- [Mermaid Support Guide](MERMAID-SUPPORT.md)
+
+---
+
+**Version**: 1.0.0  
+**Last Updated**: 2024-12-19  
+**Maintainer**: Jai1 Team
+
+---
+
+## ⚡ Quick Reference
+
+### Keyboard Shortcuts
+- `Enter` - Send message
+- `Shift+Enter` - New line
+- `Cmd/Ctrl+N` - New conversation
+
+### API Endpoints
+- `GET /api/session` - Get session info
+- `GET /api/models` - List available models
+- `POST /api/chat/stream` - Stream chat response
+- `GET /api/stats` - Get usage statistics
+
+### Storage Keys
+- `jai1-session` - Session token
+- `jai1-conversations` - Chat history
+- `jai1-settings` - User preferences
+
+### Test Files Priority
+1. `test-simple.html` - Start here ⚡
+2. `test-mermaid-quick.html` - Then this 🧜‍♀️
+3. `test-zero-md.html` - Full markdown 📝
+4. `test-mermaid.html` - Full diagrams 🎨
+
+Ready to chat? Run `jai1 chat --web` and enjoy! 🚀