@xagent/x-cli 1.1.36 → 1.1.37

package/docs/assets/logos/README.md

@@ -0,0 +1,70 @@
+# X CLI Logo Assets
+
+This directory contains all logo assets for the X CLI project.
+
+## Files
+
+### Core Logo Files
+
+- **`x-cli-logo.svg`** - Standard logo (100x100px)
+- **`x-cli-logo-small.svg`** - Small version (32x32px)
+- **`x-cli-logo-large.svg`** - Large version (200x200px)
+
+### Specialized Assets
+
+- **`favicon.svg`** - Favicon for web use (32x32px)
+- **`github-social-preview.svg`** - GitHub repository social preview (1200x630px)
+
+## Usage Guidelines
+
+### Colors
+
+- **Red**: `#ea4335` (Google Red)
+- **Yellow**: `#fbbc04` (Google Yellow)
+- **Green**: `#34a853` (Google Green)
+- **Blue**: `#4285f4` (Google Blue)
+- **Center**: `#1a73e8` (Darker Blue)
+
+### Design Elements
+
+- Chrome-inspired circular design with 4 color segments
+- Central blue circle with white inner circle
+- "X" symbol in center representing the CLI name
+- Clean, professional appearance suitable for terminal tools
+
+### Recommended Usage
+
+- **README.md**: Use `x-cli-logo-large.svg` at 120px width
+- **Documentation**: Use `x-cli-logo.svg` at 100px width
+- **Icons**: Use `x-cli-logo-small.svg` or `favicon.svg`
+- **Social Media**: Use `github-social-preview.svg`
+
+## Brand Guidelines
+
+### Do's
+
+✅ Use the logo with sufficient white space  
+✅ Maintain aspect ratio when scaling  
+✅ Use on light or dark backgrounds with proper contrast  
+✅ Use SVG format for crisp display at any size
+
+### Don'ts
+
+❌ Modify the colors or proportions  
+❌ Add effects, shadows, or outlines  
+❌ Use on busy backgrounds that reduce visibility  
+❌ Stretch or distort the logo
+
+## Integration
+
+These assets are automatically included in NPM packages via the `files` field in `package.json`:
+
+```json
+{
+  "files": ["docs/assets/logos/**/*"]
+}
+```
+
+## Attribution
+
+Logo design inspired by Chrome's visual language, customized for X CLI branding.

package/docs/assets/logos/favicon.svg

@@ -0,0 +1,27 @@
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <!-- X CLI Favicon -->
+  <defs>
+    <radialGradient id="faviconGradient" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" style="stop-color:#4285f4"/>
+      <stop offset="100%" style="stop-color:#1a73e8"/>
+    </radialGradient>
+  </defs>
+  
+  <!-- Background circle -->
+  <circle cx="16" cy="16" r="15" fill="white" stroke="#e5e7eb" stroke-width="1"/>
+  
+  <!-- Logo sections (simplified for favicon) -->
+  <path d="M16 5 A11 11 0 0 1 23.4 10.3 L19.7 16 A5.5 5.5 0 0 0 16 10.5 Z" fill="#ea4335"/>
+  <path d="M23.4 10.3 A11 11 0 0 1 23.4 21.7 L19.7 16 A5.5 5.5 0 0 0 23.4 10.3 Z" fill="#fbbc04"/>
+  <path d="M23.4 21.7 A11 11 0 0 1 8.6 21.7 L12.3 16 A5.5 5.5 0 0 0 19.7 16 Z" fill="#34a853"/>
+  
+  <!-- Center circle -->
+  <circle cx="16" cy="16" r="5.5" fill="url(#faviconGradient)"/>
+  <circle cx="16" cy="16" r="3.5" fill="white"/>
+  
+  <!-- X symbol -->
+  <g stroke="#1a73e8" stroke-width="1" stroke-linecap="round">
+    <line x1="14.5" y1="14.5" x2="17.5" y2="17.5"/>
+    <line x1="17.5" y1="14.5" x2="14.5" y2="17.5"/>
+  </g>
+</svg>

package/docs/assets/logos/github-social-preview.svg

@@ -0,0 +1,56 @@
+<svg width="1200" height="630" viewBox="0 0 1200 630" xmlns="http://www.w3.org/2000/svg">
+  <!-- GitHub Social Preview for X CLI -->
+  <defs>
+    <linearGradient id="backgroundGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#1e293b"/>
+      <stop offset="100%" style="stop-color:#0f172a"/>
+    </linearGradient>
+    <radialGradient id="logoGradient" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" style="stop-color:#4285f4"/>
+      <stop offset="100%" style="stop-color:#1a73e8"/>
+    </radialGradient>
+  </defs>
+  
+  <!-- Background -->
+  <rect width="1200" height="630" fill="url(#backgroundGradient)"/>
+  
+  <!-- Logo (scaled and positioned) -->
+  <g transform="translate(350, 200)">
+    <!-- Red section -->
+    <path d="M50 15 A35 35 0 0 1 73.2 32.3 L61.6 50 A17.5 17.5 0 0 0 50 32.5 Z" fill="#ea4335" transform="scale(3)"/>
+    
+    <!-- Yellow section -->
+    <path d="M73.2 32.3 A35 35 0 0 1 73.2 67.7 L61.6 50 A17.5 17.5 0 0 0 73.2 32.3 Z" fill="#fbbc04" transform="scale(3)"/>
+    
+    <!-- Green section -->
+    <path d="M73.2 67.7 A35 35 0 0 1 26.8 67.7 L38.4 50 A17.5 17.5 0 0 0 61.6 50 Z" fill="#34a853" transform="scale(3)"/>
+    
+    <!-- Blue center circle -->
+    <circle cx="50" cy="50" r="17.5" fill="url(#logoGradient)" transform="scale(3)"/>
+    
+    <!-- White inner circle for contrast -->
+    <circle cx="50" cy="50" r="12" fill="white" transform="scale(3)"/>
+    
+    <!-- X symbol in center -->
+    <g stroke="#1a73e8" stroke-width="6" stroke-linecap="round" transform="scale(3)">
+      <line x1="45" y1="45" x2="55" y2="55"/>
+      <line x1="55" y1="45" x2="45" y2="55"/>
+    </g>
+  </g>
+  
+  <!-- Title -->
+  <text x="550" y="280" font-family="Inter, Arial, sans-serif" font-size="64" font-weight="bold" fill="white">X CLI</text>
+  
+  <!-- Subtitle -->
+  <text x="550" y="340" font-family="Inter, Arial, sans-serif" font-size="28" fill="#94a3b8">Claude Code-level intelligence in your terminal</text>
+  
+  <!-- Features -->
+  <text x="550" y="390" font-family="Inter, Arial, sans-serif" font-size="20" fill="#64748b">🚀 Advanced File Operations  •  🧠 AI-Powered Tools  •  🔧 MCP Integration</text>
+  
+  <!-- Command -->
+  <rect x="520" y="450" width="400" height="50" rx="8" fill="#1e293b" stroke="#334155" stroke-width="2"/>
+  <text x="540" y="480" font-family="JetBrains Mono, monospace" font-size="18" fill="#10b981">npm install -g @xagent/x-cli</text>
+  
+  <!-- GitHub URL -->
+  <text x="550" y="550" font-family="Inter, Arial, sans-serif" font-size="16" fill="#475569">github.com/x-cli-team/x-cli</text>
+</svg>

package/docs/assets/logos/x-cli-logo-large.svg

@@ -0,0 +1,30 @@
+<svg width="200" height="200" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <!-- Chrome-inspired X CLI Logo - Large -->
+  <defs>
+    <radialGradient id="centerGradientLarge" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" style="stop-color:#4285f4"/>
+      <stop offset="100%" style="stop-color:#1a73e8"/>
+    </radialGradient>
+  </defs>
+  
+  <!-- Red section -->
+  <path d="M50 15 A35 35 0 0 1 73.2 32.3 L61.6 50 A17.5 17.5 0 0 0 50 32.5 Z" fill="#ea4335"/>
+  
+  <!-- Yellow section -->
+  <path d="M73.2 32.3 A35 35 0 0 1 73.2 67.7 L61.6 50 A17.5 17.5 0 0 0 73.2 32.3 Z" fill="#fbbc04"/>
+  
+  <!-- Green section -->
+  <path d="M73.2 67.7 A35 35 0 0 1 26.8 67.7 L38.4 50 A17.5 17.5 0 0 0 61.6 50 Z" fill="#34a853"/>
+  
+  <!-- Blue center circle -->
+  <circle cx="50" cy="50" r="17.5" fill="url(#centerGradientLarge)"/>
+  
+  <!-- White inner circle for contrast -->
+  <circle cx="50" cy="50" r="12" fill="white"/>
+  
+  <!-- X symbol in center -->
+  <g stroke="#1a73e8" stroke-width="2" stroke-linecap="round">
+    <line x1="45" y1="45" x2="55" y2="55"/>
+    <line x1="55" y1="45" x2="45" y2="55"/>
+  </g>
+</svg>

package/docs/assets/logos/x-cli-logo-small.svg

@@ -0,0 +1,30 @@
+<svg width="32" height="32" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <!-- Chrome-inspired X CLI Logo - Small -->
+  <defs>
+    <radialGradient id="centerGradientSmall" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" style="stop-color:#4285f4"/>
+      <stop offset="100%" style="stop-color:#1a73e8"/>
+    </radialGradient>
+  </defs>
+  
+  <!-- Red section -->
+  <path d="M50 15 A35 35 0 0 1 73.2 32.3 L61.6 50 A17.5 17.5 0 0 0 50 32.5 Z" fill="#ea4335"/>
+  
+  <!-- Yellow section -->
+  <path d="M73.2 32.3 A35 35 0 0 1 73.2 67.7 L61.6 50 A17.5 17.5 0 0 0 73.2 32.3 Z" fill="#fbbc04"/>
+  
+  <!-- Green section -->
+  <path d="M73.2 67.7 A35 35 0 0 1 26.8 67.7 L38.4 50 A17.5 17.5 0 0 0 61.6 50 Z" fill="#34a853"/>
+  
+  <!-- Blue center circle -->
+  <circle cx="50" cy="50" r="17.5" fill="url(#centerGradientSmall)"/>
+  
+  <!-- White inner circle for contrast -->
+  <circle cx="50" cy="50" r="12" fill="white"/>
+  
+  <!-- X symbol in center -->
+  <g stroke="#1a73e8" stroke-width="2" stroke-linecap="round">
+    <line x1="45" y1="45" x2="55" y2="55"/>
+    <line x1="55" y1="45" x2="45" y2="55"/>
+  </g>
+</svg>

package/docs/assets/logos/x-cli-logo.svg

@@ -0,0 +1,30 @@
+<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <!-- Chrome-inspired X CLI Logo -->
+  <defs>
+    <radialGradient id="centerGradient" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" style="stop-color:#4285f4"/>
+      <stop offset="100%" style="stop-color:#1a73e8"/>
+    </radialGradient>
+  </defs>
+  
+  <!-- Red section -->
+  <path d="M50 15 A35 35 0 0 1 73.2 32.3 L61.6 50 A17.5 17.5 0 0 0 50 32.5 Z" fill="#ea4335"/>
+  
+  <!-- Yellow section -->
+  <path d="M73.2 32.3 A35 35 0 0 1 73.2 67.7 L61.6 50 A17.5 17.5 0 0 0 73.2 32.3 Z" fill="#fbbc04"/>
+  
+  <!-- Green section -->
+  <path d="M73.2 67.7 A35 35 0 0 1 26.8 67.7 L38.4 50 A17.5 17.5 0 0 0 61.6 50 Z" fill="#34a853"/>
+  
+  <!-- Blue center circle -->
+  <circle cx="50" cy="50" r="17.5" fill="url(#centerGradient)"/>
+  
+  <!-- White inner circle for contrast -->
+  <circle cx="50" cy="50" r="12" fill="white"/>
+  
+  <!-- X symbol in center -->
+  <g stroke="#1a73e8" stroke-width="2" stroke-linecap="round">
+    <line x1="45" y1="45" x2="55" y2="55"/>
+    <line x1="55" y1="45" x2="45" y2="55"/>
+  </g>
+</svg>

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@xagent/x-cli",
-  "version": "1.1.36",
+  "version": "1.1.37",
   "description": "An open-source AI agent that brings the power of Grok directly into your terminal.",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -112,10 +112,12 @@
     "url": "https://github.com/x-cli-team/x-cli/issues"
   },
   "homepage": "https://grokcli.dev",
+  "icon": "docs/assets/logos/x-cli-logo.svg",
   "files": [
     "dist/**/*",
     "README.md",
-    "LICENSE"
+    "LICENSE",
+    "docs/assets/logos/**/*"
   ],
   "publishConfig": {
     "access": "public"