@kirosnn/mosaic 0.0.7 → 0.0.9

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Kirosnn
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -4,7 +4,7 @@
 
 # Mosaic CLI
 
-**Version 0.0.6.03**
+**Version 0.0.8**
 
 Mosaic is an open-source, AI-powered coding agent for the terminal. It combines a React-based TUI (OpenTUI) with a tool-driven agent architecture to deliver a fast, context-aware development workflow. A web UI is also available for those who prefer a browser experience.
 

package/bin/mosaic.cjs

@@ -0,0 +1,52 @@
+#!/usr/bin/env node
+
+const { spawn, spawnSync } = require('child_process');
+const path = require('path');
+
+function isBunInstalled() {
+  try {
+    const result = spawnSync('bun', ['--version'], {
+      stdio: 'pipe',
+      shell: process.platform === 'win32'
+    });
+    return result.status === 0;
+  } catch {
+    return false;
+  }
+}
+
+function main() {
+  if (!isBunInstalled()) {
+    console.error('\x1b[31mError: Bun runtime is required to run Mosaic.\x1b[0m');
+    console.error('');
+    console.error('Please install Bun first:');
+    console.error('');
+    if (process.platform === 'win32') {
+      console.error('  \x1b[36mpowershell -c "irm bun.sh/install.ps1 | iex"\x1b[0m');
+    } else {
+      console.error('  \x1b[36mcurl -fsSL https://bun.sh/install | bash\x1b[0m');
+    }
+    console.error('');
+    console.error('For more information, visit: https://bun.sh');
+    process.exit(1);
+  }
+
+  const entryPoint = path.join(__dirname, '..', 'src', 'index.tsx');
+  const args = process.argv.slice(2);
+
+  const child = spawn('bun', ['run', entryPoint, ...args], {
+    stdio: 'inherit',
+    shell: process.platform === 'win32'
+  });
+
+  child.on('error', (error) => {
+    console.error(`Failed to start Mosaic: ${error.message}`);
+    process.exit(1);
+  });
+
+  child.on('exit', (code) => {
+    process.exit(code || 0);
+  });
+}
+
+main();

package/package.json

@@ -1,42 +1,48 @@
-{
-  "name": "@kirosnn/mosaic",
-  "module": "src/index.tsx",
-  "version": "0.0.7",
-  "description": "The open source coding agent.",
-  "type": "module",
-  "bin": {
-    "mosaic": "src/index.tsx"
-  },
-  "scripts": {
-    "dev": "bun run --watch src/index.tsx",
-    "mosaic": "bun run src/index.tsx",
-    "start": "bun run src/index.tsx"
-  },
-  "devDependencies": {
-    "@types/bun": "latest",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.2.3"
-  },
-  "peerDependencies": {
-    "typescript": "^5"
-  },
-  "dependencies": {
-    "@ai-sdk/anthropic": "^1.0.0",
-    "@ai-sdk/google": "^1.0.0",
-    "@ai-sdk/mistral": "^1.0.0",
-    "@ai-sdk/openai": "^1.0.0",
-    "@ai-sdk/xai": "^1.0.0",
-    "@opentui/core": "^0.1.69",
-    "@opentui/react": "^0.1.69",
-    "@types/react-syntax-highlighter": "^15.5.13",
-    "ai": "^4.0.0",
-    "better-sqlite3": "^12.6.0",
-    "ollama": "^0.5.0",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "react-markdown": "^10.1.0",
-    "react-syntax-highlighter": "^16.1.0",
-    "remark-gfm": "^4.0.1",
-    "zod": "^3.23.8"
-  }
+{
+  "name": "@kirosnn/mosaic",
+  "version": "0.0.9",
+  "description": "The open source coding agent.",
+  "license": "MIT",
+  "type": "module",
+  "bin": {
+    "mosaic": "bin/mosaic.cjs"
+  },
+  "files": [
+    "bin",
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "bun run --watch src/index.tsx",
+    "mosaic": "bun run src/index.tsx",
+    "start": "bun run src/index.tsx"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/bun": "latest",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.2.3"
+  },
+  "dependencies": {
+    "@ai-sdk/anthropic": "^1.0.0",
+    "@ai-sdk/google": "^1.0.0",
+    "@ai-sdk/mistral": "^1.0.0",
+    "@ai-sdk/openai": "^1.0.0",
+    "@ai-sdk/xai": "^1.0.0",
+    "@opentui/core": "^0.1.69",
+    "@opentui/react": "^0.1.69",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "ai": "^4.0.0",
+    "better-sqlite3": "^12.6.0",
+    "ollama": "^0.5.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-markdown": "^10.1.0",
+    "react-syntax-highlighter": "^16.1.0",
+    "remark-gfm": "^4.0.1",
+    "zod": "^3.23.8"
+  }
 }

package/src/web/components/MessageItem.tsx

@@ -11,10 +11,10 @@ import '../assets/css/global.css'
 function BlendIcon() {
     return (
         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" className="blend-icon">
-            <circle cx="12" cy="6.5" r="1.4"/>
-            <circle cx="17.5" cy="12" r="1.4"/>
-            <circle cx="12" cy="17.5" r="1.4"/>
-            <circle cx="6.5" cy="12" r="1.4"/>
+            <circle cx="12" cy="6.5" r="1.4" />
+            <circle cx="17.5" cy="12" r="1.4" />
+            <circle cx="12" cy="17.5" r="1.4" />
+            <circle cx="6.5" cy="12" r="1.4" />
         </svg>
     );
 }
@@ -132,12 +132,13 @@ export function MessageItem({ message }: MessageItemProps) {
                                 components={{
                                     code({ node, className, children, ...props }) {
                                         const match = /language-(\w+)/.exec(className || '');
+                                        const { ref, ...rest } = props as any;
                                         return match ? (
                                             <SyntaxHighlighter
-                                                style={vscDarkPlus}
+                                                style={vscDarkPlus as any}
                                                 language={match[1]}
                                                 PreTag="div"
-                                                {...props}
+                                                {...rest}
                                             >
                                                 {String(children).replace(/\n$/, '')}
                                             </SyntaxHighlighter>

package/MOSAIC.md

@@ -1,188 +0,0 @@
-# MOSAIC.md - Mosaic CLI Context File
-
-This file provides contextual information about the Mosaic CLI project to help AI agents understand the codebase structure, patterns, and conventions.
-
-## Project Overview
-
-**Mosaic CLI** is an open-source AI-powered coding agent built with Bun and React. It provides a terminal-based interface using OpenTUI to render React components directly in the terminal, offering seamless interaction with AI coding assistants.
-
-**Key Features:**
-- Multi-provider AI support (OpenAI, Anthropic, Google, Mistral, XAI, Ollama)
-- Terminal-first UI with React components rendered via OpenTUI
-- Web interface option on http://127.0.0.1:8192
-- Built-in tools for file operations, code search, and terminal commands
-- Slash commands for quick operations
-- Workspace context via MOSAIC.md files
-
-## Architecture
-
-### Core Architecture Patterns
-
-1. **Modular Design**: The codebase is organized into clear modules:
-   - `src/agent/` - AI agent core logic and tools
-   - `src/components/` - React UI components
-   - `src/utils/` - Utility functions and helpers
-   - `src/web/` - Web interface components
-
-2. **Tool-Based System**: The AI agent uses a tool-based approach where each capability is implemented as a separate tool (read, write, edit, bash, grep, etc.)
-
-3. **Provider Abstraction**: AI providers are abstracted behind a common interface, allowing easy switching between different AI models
-
-4. **Event-Driven UI**: The terminal interface uses React with OpenTUI for rendering, creating a responsive terminal experience
-
-### Key Design Decisions
-
-- **Bun Runtime**: Uses Bun for fast execution and modern JavaScript features
-- **TypeScript**: Entire codebase is written in TypeScript for type safety
-- **Functional Components**: React components use functional style with hooks
-- **Tool Registry**: Tools are registered and managed through a central registry system
-- **Context Management**: MOSAIC.md files provide project-specific context to AI agents
-
-## Development Guidelines
-
-### Coding Standards
-
-- **TypeScript**: All code must be TypeScript with strict type checking
-- **React Functional Components**: Use functional components with hooks
-- **File Organization**: Group related files in subdirectories (e.g., agent tools, web components)
-- **Error Handling**: Comprehensive error handling with user-friendly messages
-- **Async/Await**: Use async/await for asynchronous operations
-
-### Naming Conventions
-
-- **Files**: PascalCase for components (App.tsx), camelCase for utilities (config.ts)
-- **Variables**: camelCase for variables and functions
-- **Constants**: UPPER_CASE for constants
-- **Types/Interfaces**: PascalCase for type names
-- **Components**: PascalCase component names (e.g., `<App />`)
-
-### Best Practices
-
-- **Tool Development**: New tools should follow the existing pattern in `src/agent/tools/`
-- **Provider Integration**: New AI providers should implement the standard interface
-- **Error Filtering**: Filter out common React/terminal errors in stderr/stdout
-- **Configuration**: Use the config system for persistent settings
-- **Undo/Redo**: Implement undo/redo functionality for file operations
-
-## Key Files & Directories
-
-### Root Files
-
-- `package.json` - Project configuration and dependencies
-- `tsconfig.json` - TypeScript configuration
-- `README.md` - User documentation
-- `MOSAIC.md` - This context file for AI agents
-
-### Source Structure
-
-#### `src/`
-- **index.tsx** - Main entry point and CLI parser
-- **components/` - React UI components for terminal interface
-- **agent/` - AI agent core functionality
-- **utils/` - Utility functions and helpers
-- **web/` - Web interface components and server
-
-#### `src/agent/`
-- **Agent.ts** - Main agent class
-- **context.ts** - Context management
-- **types.ts** - Type definitions
-- **prompts/` - Prompt templates
-- **provider/` - AI provider implementations
-- **tools/` - Tool implementations (file operations, bash, etc.)
-
-#### `src/components/`
-- **App.tsx** - Main application component
-- **Main.tsx** - Main UI container
-- **CustomInput.tsx** - Custom input component
-- **main/` - Main page components (ChatPage, HomePage, etc.)
-
-#### `src/utils/`
-- **config.ts** - Configuration management
-- **history.ts** - Chat history
-- **undoRedo.ts** - Undo/redo functionality
-- **commands/` - Slash command implementations
-
-#### `src/web/`
-- **app.tsx** - Web application entry point
-- **server.tsx** - Web server implementation
-- **components/` - Web UI components
-- **assets/` - Static assets (CSS, fonts, images)
-
-## Common Tasks
-
-### Adding a New Tool
-
-1. Create a new file in `src/agent/tools/` following the existing pattern
-2. Implement the tool function with proper TypeScript types
-3. Register the tool in the tool registry
-4. Add appropriate error handling and validation
-
-### Adding a New AI Provider
-
-1. Create a new provider file in `src/agent/provider/`
-2. Implement the standard provider interface
-3. Add provider-specific configuration options
-4. Update the provider selection logic
-
-### Creating a New Slash Command
-
-1. Create a new command file in `src/utils/commands/`
-2. Implement the command handler function
-3. Register the command in the command registry
-4. Add command documentation
-
-### Building the Web Interface
-
-1. Develop components in `src/web/components/`
-2. Add styles in `src/web/assets/css/`
-3. Update the web app entry point in `src/web/app.tsx`
-4. Ensure the server handles new routes in `src/web/server.tsx`
-
-### Running the Project
-
-```bash
-# Development mode with auto-reload
-bun run dev
-
-# Production mode
-bun run start
-
-# Web interface
-mosaic web
-```
-
-### Testing Tools
-
-The project includes various tools that can be tested:
-- File operations (read, write, edit)
-- Directory listing and filtering
-- Code search with grep
-- Terminal command execution
-- User interaction via questions
-
-## Technical Stack
-
-- **Runtime**: Bun
-- **Language**: TypeScript
-- **UI Framework**: React with OpenTUI
-- **AI Integration**: Vercel AI SDK
-- **Database**: Better SQLite 3
-- **Build System**: Bun
-
-## AI Provider Support
-
-Mosaic supports multiple AI providers:
-- OpenAI (GPT models)
-- Anthropic (Claude models)
-- Google (Gemini models)
-- Mistral (Mistral/Mixtral models)
-- XAI (Grok models)
-- Ollama (local/cloud models)
-
-## Important Notes
-
-- The project uses a custom error filtering system to suppress common React/terminal errors
-- Configuration is stored in `~/.mosaic/` directory
-- MOSAIC.md files are automatically created/updated in project directories
-- The system includes comprehensive undo/redo functionality for file operations
-- Web interface runs on port 8192 by default

package/tsconfig.json

@@ -1,33 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": [
-      "ESNext",
-      "DOM",
-      "DOM.Iterable"
-    ],
-    "target": "ESNext",
-    "module": "Preserve",
-    "moduleResolution": "bundler",
-    "jsx": "react-jsx",
-    "jsxImportSource": "@opentui/react",
-    "allowImportingTsExtensions": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "strict": true,
-    "skipLibCheck": true,
-    "noUncheckedIndexedAccess": true,
-    "noImplicitOverride": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "resolveJsonModule": true,
-    "types": [
-      "bun"
-    ]
-  },
-  "include": [
-    "src/**/*"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}