npm - stella-coder - Versions diffs - 3.9.2 → 4.0.0 - Mend

stella-coder 3.9.2 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (235) hide show

package/install-stella.bat ADDED Viewed

@@ -0,0 +1,44 @@
+@echo off
+chcp 65001 >nul
+echo.
+echo   ╔══════════════════════════════════════════╗
+echo   ║     Stella Coder 3.9 - Installer        ║
+echo   ║     powered by codex alex                ║
+echo   ╚══════════════════════════════════════════╝
+echo.
+:: Check if Node.js is installed
+where node >nul 2>nul
+if %errorlevel% neq 0 (
+    echo   [1/4] Node.js не найден. Установка...
+    echo   Скачивание Node.js...
+    powershell -Command "Invoke-WebRequest -Uri 'https://nodejs.org/dist/v20.11.0/node-v20.11.0-x64.msi' -OutFile '%TEMP%\node-install.msi'"
+    echo   Установка Node.js...
+    msiexec /i "%TEMP%\node-install.msi" /quiet /norestart
+    timeout /t 30 >nul
+    set PATH=%PATH%;C:\Program Files\nodejs\
+) else (
+    echo   [1/4] Node.js найден
+)
+:: Check npm
+where npm >nul 2>nul
+if %errorlevel% neq 0 (
+    echo   ОШИБКА: npm не установлен
+    pause
+    exit /b 1
+)
+echo   [2/4] Установка Stella Coder...
+call npm install -g stella-coder
+echo   [3/4] Проверка установки...
+stella --version
+echo   [4/4] Готово!
+echo.
+echo   ╔══════════════════════════════════════════╗
+echo   ║  Запуск: stella                          ║
+echo   ╚══════════════════════════════════════════╝
+echo.
+pause

package/package.json CHANGED Viewed

@@ -1,8 +1,8 @@
 {
   "name": "stella-coder",
-  "version": "3.9.2",
+  "version": "4.0.0",
   "private": false,
-  "description": "Stella Coder 3.9 — AI coding agent with computer control, smart home, Office automation, and antivirus",
+  "description": "Stella Coder 4.0 — AI coding agent with subagents, MCP, computer control, smart home, Office automation, and antivirus",
   "main": "stella-cli/index.mjs",
   "bin": {
     "stella": "stella-cli/index.mjs",
@@ -36,12 +36,14 @@
     "ai": "^7.0.15",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "gsap": "^3.15.0",
     "lucide-react": "^1.16.0",
     "next": "16.2.6",
     "react": "^19",
     "react-dom": "^19",
     "shadcn": "^4.8.0",
     "tailwind-merge": "^3.3.1",
+    "three": "^0.185.1",
     "tw-animate-css": "^1.4.0",
     "zod": "^4.4.3"
   },

package/presentation-advanced-features-demo/README.md ADDED Viewed

@@ -0,0 +1,27 @@
+# Advanced Features Demo
+## Презентация
+Эта презентация содержит 8 слайдов.
+### Просмотр
+Откройте `index.html` в браузере для просмотра презентации.
+### Навигация
+- Используйте клавиши ← → для навигации
+- Нажмите F11 для полноэкранного режима
+### Тема
+Tech Blue
+### Цвета
+- Primary: #0ea5e9
+- Secondary: #06b6d4
+- Accent: #0ea5e9
+---
+Создано с помощью Stella Coder

package/presentation-advanced-features-demo/index.html ADDED Viewed

@@ -0,0 +1,371 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Advanced Features Demo</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Inter', sans-serif;
+            background: #0c1222;
+            overflow: hidden;
+        }
+        .presentation {
+            width: 100vw;
+            height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .slide-container {
+            width: 1280px;
+            height: 720px;
+            transform-origin: center center;
+            position: relative;
+        }
+        .slide {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            opacity: 0;
+            transform: translateX(100px);
+            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+            pointer-events: none;
+        }
+        .slide.active {
+            opacity: 1;
+            transform: translateX(0);
+            pointer-events: auto;
+        }
+        .slide.exit {
+            opacity: 0;
+            transform: translateX(-100px);
+        }
+        .controls {
+            position: fixed;
+            bottom: 30px;
+            left: 50%;
+            transform: translateX(-50%);
+            display: flex;
+            gap: 12px;
+            z-index: 1000;
+        }
+        .control-btn {
+            width: 48px;
+            height: 48px;
+            border-radius: 12px;
+            border: 1px solid #64748b30;
+            background: #131c31;
+            color: #f1f5f9;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: all 0.2s ease;
+            font-size: 18px;
+        }
+        .control-btn:hover {
+            background: #0ea5e9;
+            color: #0c1222;
+            transform: scale(1.1);
+        }
+        .control-btn:active {
+            transform: scale(0.95);
+        }
+        .progress {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            height: 4px;
+            background: linear-gradient(90deg, #0ea5e9, #06b6d4);
+            transition: width 0.3s ease;
+        }
+        .slide-counter {
+            position: fixed;
+            bottom: 40px;
+            right: 30px;
+            font-size: 14px;
+            color: #64748b;
+        }
+        .slide-thumbnails {
+            position: fixed;
+            bottom: 100px;
+            left: 50%;
+            transform: translateX(-50%);
+            display: flex;
+            gap: 8px;
+            opacity: 0;
+            transition: opacity 0.3s ease;
+        }
+        .slide-thumbnails.visible {
+            opacity: 1;
+        }
+        .thumbnail {
+            width: 80px;
+            height: 45px;
+            border: 2px solid #64748b30;
+            border-radius: 6px;
+            cursor: pointer;
+            transition: all 0.2s ease;
+            overflow: hidden;
+        }
+        .thumbnail:hover {
+            border-color: #0ea5e9;
+            transform: scale(1.1);
+        }
+        .thumbnail.active {
+            border-color: #0ea5e9;
+            box-shadow: 0 0 10px #0ea5e940;
+        }
+        .thumbnail iframe {
+            width: 1280px;
+            height: 720px;
+            transform: scale(0.0625);
+            transform-origin: top left;
+            pointer-events: none;
+        }
+        .slide-number {
+            position: fixed;
+            top: 30px;
+            left: 50%;
+            transform: translateX(-50%);
+            font-size: 14px;
+            color: #64748b;
+            background: #131c3180;
+            padding: 8px 16px;
+            border-radius: 20px;
+            backdrop-filter: blur(10px);
+        }
+        .minimap {
+            position: fixed;
+            top: 30px;
+            right: 30px;
+            display: flex;
+            flex-direction: column;
+            gap: 4px;
+        }
+        .minimap-dot {
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            background: #64748b40;
+            cursor: pointer;
+            transition: all 0.2s ease;
+        }
+        .minimap-dot:hover {
+            background: #0ea5e9;
+            transform: scale(1.5);
+        }
+        .minimap-dot.active {
+            background: #0ea5e9;
+        }
+    </style>
+</head>
+<body>
+    <div class="presentation">
+        <div class="slide-container" id="slideContainer">
+            <div class="slide active" id="slide1">
+                <iframe src="slide-01.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide " id="slide2">
+                <iframe src="slide-02.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide " id="slide3">
+                <iframe src="slide-03.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide " id="slide4">
+                <iframe src="slide-04.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide " id="slide5">
+                <iframe src="slide-05.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide " id="slide6">
+                <iframe src="slide-06.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide " id="slide7">
+                <iframe src="slide-07.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide " id="slide8">
+                <iframe src="slide-08.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+        </div>
+    </div>
+    <div class="controls">
+        <button class="control-btn" onclick="prevSlide()" title="Предыдущий слайд">←</button>
+        <button class="control-btn" onclick="nextSlide()" title="Следующий слайд">→</button>
+        <button class="control-btn" onclick="toggleFullscreen()" title="Полноэкранный режим">⛶</button>
+        <button class="control-btn" onclick="toggleThumbnails()" title="Показать превью">📷</button>
+        <button class="control-btn" onclick="toggleMinimap()" title="Мини-карта">🗺</button>
+    </div>
+    <div class="progress" id="progress"></div>
+    <div class="slide-counter" id="slideCounter">1 / 8</div>
+    <div class="slide-number" id="slideNumber">1</div>
+    <div class="slide-thumbnails" id="thumbnails">
+        <div class="thumbnail active" onclick="goToSlide(1)">
+            <iframe src="slide-01.html" width="1280" height="720" frameborder="0"></iframe>
+        </div>
+        <div class="thumbnail " onclick="goToSlide(2)">
+            <iframe src="slide-02.html" width="1280" height="720" frameborder="0"></iframe>
+        </div>
+        <div class="thumbnail " onclick="goToSlide(3)">
+            <iframe src="slide-03.html" width="1280" height="720" frameborder="0"></iframe>
+        </div>
+        <div class="thumbnail " onclick="goToSlide(4)">
+            <iframe src="slide-04.html" width="1280" height="720" frameborder="0"></iframe>
+        </div>
+        <div class="thumbnail " onclick="goToSlide(5)">
+            <iframe src="slide-05.html" width="1280" height="720" frameborder="0"></iframe>
+        </div>
+        <div class="thumbnail " onclick="goToSlide(6)">
+            <iframe src="slide-06.html" width="1280" height="720" frameborder="0"></iframe>
+        </div>
+        <div class="thumbnail " onclick="goToSlide(7)">
+            <iframe src="slide-07.html" width="1280" height="720" frameborder="0"></iframe>
+        </div>
+        <div class="thumbnail " onclick="goToSlide(8)">
+            <iframe src="slide-08.html" width="1280" height="720" frameborder="0"></iframe>
+        </div>
+    </div>
+    <div class="minimap" id="minimap">
+        <div class="minimap-dot active" onclick="goToSlide(1)" title="Слайд 1"></div>
+        <div class="minimap-dot " onclick="goToSlide(2)" title="Слайд 2"></div>
+        <div class="minimap-dot " onclick="goToSlide(3)" title="Слайд 3"></div>
+        <div class="minimap-dot " onclick="goToSlide(4)" title="Слайд 4"></div>
+        <div class="minimap-dot " onclick="goToSlide(5)" title="Слайд 5"></div>
+        <div class="minimap-dot " onclick="goToSlide(6)" title="Слайд 6"></div>
+        <div class="minimap-dot " onclick="goToSlide(7)" title="Слайд 7"></div>
+        <div class="minimap-dot " onclick="goToSlide(8)" title="Слайд 8"></div>
+    </div>
+    <script>
+        let currentSlide = 1;
+        const totalSlides = 8;
+        let thumbnailsVisible = false;
+        let minimapVisible = false;
+        function showSlide(n, direction = 'next') {
+            const currentEl = document.getElementById('slide' + currentSlide);
+            const nextEl = document.getElementById('slide' + n);
+            if (currentEl) {
+                currentEl.classList.remove('active');
+                currentEl.classList.add('exit');
+                setTimeout(() => currentEl.classList.remove('exit'), 500);
+            }
+            if (nextEl) {
+                nextEl.style.transform = direction === 'next' ? 'translateX(100px)' : 'translateX(-100px)';
+                setTimeout(() => {
+                    nextEl.classList.add('active');
+                    nextEl.style.transform = '';
+                }, 50);
+            }
+            currentSlide = n;
+            updateUI();
+        }
+        function updateUI() {
+            document.getElementById('slideCounter').textContent = currentSlide + ' / ' + totalSlides;
+            document.getElementById('slideNumber').textContent = currentSlide;
+            document.getElementById('progress').style.width = ((currentSlide / totalSlides) * 100) + '%';
+            // Update thumbnails
+            document.querySelectorAll('.thumbnail').forEach((t, i) => {
+                t.classList.toggle('active', i + 1 === currentSlide);
+            });
+            // Update minimap
+            document.querySelectorAll('.minimap-dot').forEach((d, i) => {
+                d.classList.toggle('active', i + 1 === currentSlide);
+            });
+        }
+        function nextSlide() {
+            if (currentSlide < totalSlides) {
+                showSlide(currentSlide + 1, 'next');
+            }
+        }
+        function prevSlide() {
+            if (currentSlide > 1) {
+                showSlide(currentSlide - 1, 'prev');
+            }
+        }
+        function goToSlide(n) {
+            if (n >= 1 && n <= totalSlides) {
+                showSlide(n, n > currentSlide ? 'next' : 'prev');
+            }
+        }
+        function toggleFullscreen() {
+            if (!document.fullscreenElement) {
+                document.documentElement.requestFullscreen();
+            } else {
+                document.exitFullscreen();
+            }
+        }
+        function toggleThumbnails() {
+            thumbnailsVisible = !thumbnailsVisible;
+            document.getElementById('thumbnails').classList.toggle('visible', thumbnailsVisible);
+        }
+        function toggleMinimap() {
+            minimapVisible = !minimapVisible;
+            document.getElementById('minimap').style.display = minimapVisible ? 'flex' : 'none';
+        }
+        // Keyboard navigation
+        document.addEventListener('keydown', (e) => {
+            if (e.key === 'ArrowRight' || e.key === ' ') nextSlide();
+            if (e.key === 'ArrowLeft') prevSlide();
+            if (e.key === 'f') toggleFullscreen();
+            if (e.key === 't') toggleThumbnails();
+            if (e.key === 'm') toggleMinimap();
+            if (e.key === 'Home') goToSlide(1);
+            if (e.key === 'End') goToSlide(totalSlides);
+        });
+        // Touch support
+        let touchStartX = 0;
+        document.addEventListener('touchstart', (e) => {
+            touchStartX = e.touches[0].clientX;
+        });
+        document.addEventListener('touchend', (e) => {
+            const touchEndX = e.changedTouches[0].clientX;
+            const diff = touchStartX - touchEndX;
+            if (Math.abs(diff) > 50) {
+                if (diff > 0) nextSlide();
+                else prevSlide();
+            }
+        });
+        // Scale to fit
+        function scalePresentation() {
+            const container = document.getElementById('slideContainer');
+            const scaleX = window.innerWidth / 1280;
+            const scaleY = window.innerHeight / 720;
+            const scale = Math.min(scaleX, scaleY) * 0.9;
+            container.style.transform = 'scale(' + scale + ')';
+        }
+        window.addEventListener('resize', scalePresentation);
+        scalePresentation();
+    </script>
+</body>
+</html>

package/presentation-advanced-features-demo/print.html ADDED Viewed

@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Версия для печати</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Inter', sans-serif;
+            background: #ffffff;
+            color: #000000;
+        }
+        .slide {
+            width: 1280px;
+            height: 720px;
+            margin: 20px auto;
+            border: 1px solid #e5e7eb;
+            page-break-after: always;
+            position: relative;
+            overflow: hidden;
+        }
+        .slide:last-child {
+            page-break-after: avoid;
+        }
+        .slide-number {
+            position: absolute;
+            bottom: 20px;
+            right: 20px;
+            font-size: 12px;
+            color: #9ca3af;
+        }
+        @media print {
+            body {
+                background: white;
+            }
+            .slide {
+                border: none;
+                margin: 0;
+                page-break-after: always;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="slide">
+        <iframe src="slide-01.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+        <div class="slide-number">1 / 8</div>
+    </div>
+    <div class="slide">
+        <iframe src="slide-02.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+        <div class="slide-number">2 / 8</div>
+    </div>
+    <div class="slide">
+        <iframe src="slide-03.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+        <div class="slide-number">3 / 8</div>
+    </div>
+    <div class="slide">
+        <iframe src="slide-04.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+        <div class="slide-number">4 / 8</div>
+    </div>
+    <div class="slide">
+        <iframe src="slide-05.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+        <div class="slide-number">5 / 8</div>
+    </div>
+    <div class="slide">
+        <iframe src="slide-06.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+        <div class="slide-number">6 / 8</div>
+    </div>
+    <div class="slide">
+        <iframe src="slide-07.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+        <div class="slide-number">7 / 8</div>
+    </div>
+    <div class="slide">
+        <iframe src="slide-08.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+        <div class="slide-number">8 / 8</div>
+    </div>
+</body>
+</html>

package/presentation-advanced-features-demo/slide-01.html ADDED Viewed

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Advanced Features Demo</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Inter', sans-serif;
+            background: #0c1222;
+            color: #f1f5f9;
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .slide {
+            width: 1280px;
+            height: 720px;
+            padding: 80px;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            position: relative;
+            overflow: hidden;
+        }
+        .slide::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -50%;
+            width: 100%;
+            height: 100%;
+            background: radial-gradient(circle, #0ea5e915 0%, transparent 70%);
+        }
+        .slide::after {
+            content: '';
+            position: absolute;
+            bottom: -30%;
+            left: -30%;
+            width: 80%;
+            height: 80%;
+            background: radial-gradient(circle, #06b6d410 0%, transparent 70%);
+        }
+        .content { position: relative; z-index: 1; }
+        h1 {
+            font-size: 72px;
+            font-weight: 800;
+            line-height: 1.1;
+            margin-bottom: 24px;
+            background: linear-gradient(135deg, #f1f5f9 0%, #64748b 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+        .subtitle {
+            font-size: 28px;
+            color: #64748b;
+            font-weight: 400;
+            max-width: 600px;
+        }
+        .author {
+            position: absolute;
+            bottom: 60px;
+            left: 80px;
+            font-size: 18px;
+            color: #64748b;
+        }
+        .date {
+            position: absolute;
+            bottom: 60px;
+            right: 80px;
+            font-size: 16px;
+            color: #64748b;
+        }
+        .accent-line {
+            width: 80px;
+            height: 4px;
+            background: linear-gradient(90deg, #0ea5e9, #06b6d4);
+            border-radius: 2px;
+            margin-bottom: 32px;
+        }
+    </style>
+</head>
+<body>
+    <div class="slide">
+        <div class="content">
+            <div class="accent-line"></div>
+            <h1>Advanced Features Demo</h1>
+            <p class="subtitle"></p>
+        </div>
+        <div class="author">Stella Team</div>
+        <div class="date">10.07.2026</div>
+    </div>
+</body>
+</html>