specsmd 0.0.5 → 0.0.6

package/lib/ink-logo.mjs

@@ -2,7 +2,7 @@
 /**
  * specs.md Logo Component
  *
- * Red ASCII logo with black shadows
+ * Red ASCII logo with dark gray shadows
  */
 
 import React from 'react';
@@ -10,12 +10,13 @@ import { render, Text, Box } from 'ink';
 
 const { createElement: h } = React;
 
-// Colors (red)
+// Colors
 const LOGO_COLOR = '#CC0000';
+const SHADOW_COLOR = '#333333';
 const VERSION_COLOR = '#FF3333';
 
 // ASCII Logo (exact from specs.md branding)
-const asciiLogoRaw = `
+const asciiLogo = `
                                                                     █████
                                                                    ░░███
   █████  ████████   ██████   ██████   █████     █████████████    ███████
@@ -29,13 +30,57 @@ const asciiLogoRaw = `
         ░░░░░
 `;
 
-// Process to remove shadow characters (░ becomes space for black background)
-const asciiLogo = asciiLogoRaw.replace(/░/g, ' ');
+// Render logo with colored characters
+const ColoredLogo = () => {
+    const lines = asciiLogo.split('\n');
+
+    return h(Box, { flexDirection: 'column' },
+        lines.map((line, lineIndex) => {
+            // Parse each line into segments of same-colored characters
+            const segments = [];
+            let currentType = null;
+            let currentText = '';
+
+            for (const char of line) {
+                let charType;
+                if (char === '█') {
+                    charType = 'fill';
+                } else if (char === '░') {
+                    charType = 'shadow';
+                } else {
+                    charType = 'space';
+                }
+
+                if (charType !== currentType && currentText) {
+                    segments.push({ type: currentType, text: currentText });
+                    currentText = '';
+                }
+                currentType = charType;
+                currentText += char;
+            }
+            if (currentText) {
+                segments.push({ type: currentType, text: currentText });
+            }
+
+            return h(Text, { key: lineIndex },
+                segments.map((seg, segIndex) => {
+                    if (seg.type === 'fill') {
+                        return h(Text, { key: segIndex, color: LOGO_COLOR }, seg.text);
+                    } else if (seg.type === 'shadow') {
+                        return h(Text, { key: segIndex, color: SHADOW_COLOR }, seg.text);
+                    } else {
+                        return h(Text, { key: segIndex }, seg.text);
+                    }
+                })
+            );
+        })
+    );
+};
 
 // Header component
 const Header = ({ version = '0.0.3' }) => {
     return h(Box, { flexDirection: 'column' },
-        h(Text, { color: LOGO_COLOR }, asciiLogo),
+        h(ColoredLogo),
         h(Box, { marginTop: 0 },
             h(Text, { color: LOGO_COLOR },
                 ' AI-native development orchestration ',
@@ -46,7 +91,7 @@ const Header = ({ version = '0.0.3' }) => {
 };
 
 // Exports for use in other modules
-export { Header, asciiLogo, LOGO_COLOR, VERSION_COLOR };
+export { Header, asciiLogo, LOGO_COLOR, SHADOW_COLOR, VERSION_COLOR };
 
 // App component for standalone testing
 const App = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "specsmd",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Multi-agent orchestration system for AI-native software development. Delivers AI-DLC, Agile, and custom SDLC flows as markdown-based agent systems.",
   "main": "lib/installer.js",
   "bin": {