blyuecode 0.3.7 → 0.4.0

package/dist/core/agent.js

@@ -1,6 +1,7 @@
 import { Provider } from './provider.js';
 import { getToolDefs, executeTool } from './tools.js';
 import { loadSession, saveSession, clearSession } from './session.js';
+import { formatSkillForPrompt } from './skills.js';
 const SYSTEM_PROMPT = 'You are BLYUE, a coding assistant running in a terminal. ' +
     'Use tools to read, write, and run commands. ' +
     'If n8n tools are available, you can also manage n8n workflows. ' +
@@ -29,6 +30,16 @@ export class Agent {
         }
         catch { }
     }
+    buildSystemMessage(skills) {
+        let content = SYSTEM_PROMPT;
+        if (skills.length > 0) {
+            content += '\n\n# Active skills\n';
+            for (const sk of skills) {
+                content += '\n' + formatSkillForPrompt(sk) + '\n';
+            }
+        }
+        return { role: 'system', content };
+    }
     historySize() {
         return this.messages.length - 1;
     }
@@ -63,7 +74,8 @@ export class Agent {
             return null;
         }
     }
-    async *run(userInput) {
+    async *run(userInput, opts) {
+        this.messages[0] = this.buildSystemMessage(opts?.activeSkills ?? []);
         this.messages.push({ role: 'user', content: userInput });
         this.persist();
         const compacted = await this.maybeAutoCompact();
@@ -124,7 +136,6 @@ export class Agent {
         const before = this.messages.length;
         const sys = this.messages[0];
         const rest = this.messages.slice(1);
-        // Build a compact transcript
         const transcript = rest
             .map((m) => {
             if (m.role === 'tool') {

package/dist/core/diff.js

@@ -1,10 +1,8 @@
-// Simple LCS-based line diff. Good enough for previews.
 export function lineDiff(oldText, newText) {
     const a = oldText.length ? oldText.split('\n') : [];
     const b = newText.length ? newText.split('\n') : [];
     const m = a.length;
     const n = b.length;
-    // LCS table
     const dp = Array.from({ length: m + 1 }, () => new Array(n + 1).fill(0));
     for (let i = m - 1; i >= 0; i--) {
         for (let j = n - 1; j >= 0; j--) {
@@ -38,7 +36,6 @@ export function lineDiff(oldText, newText) {
         out.push({ type: 'add', text: b[j++] });
     return out;
 }
-// Compact display: only show changed regions with context
 export function compactDiff(diff, context = 2) {
     const keep = new Set();
     diff.forEach((d, idx) => {

package/dist/core/freeModels.js

@@ -3,8 +3,7 @@ import path from 'path';
 import os from 'os';
 const URL = 'https://openrouter.ai/api/v1/models';
 const CACHE = path.join(os.homedir(), '.blyue', 'models-cache.json');
-const TTL_MS = 5 * 60 * 1000; // 5 minutes
-// Fallback if API is down or first-run offline
+const TTL_MS = 5 * 60 * 1000;
 const FALLBACK = [
     { id: 'meta-llama/llama-3.3-70b-instruct:free', name: 'Llama 3.3 70B', context: 131072 },
     { id: 'google/gemini-2.0-flash-exp:free', name: 'Gemini 2.0 Flash', context: 1048576 },
@@ -12,7 +11,6 @@ const FALLBACK = [
     { id: 'qwen/qwen-2.5-coder-32b-instruct:free', name: 'Qwen 2.5 Coder 32B', context: 32768 },
 ];
 export async function fetchFreeModels(apiKey) {
-    // Try cache first
     try {
         const raw = fs.readFileSync(CACHE, 'utf8');
         const cached = JSON.parse(raw);
@@ -44,7 +42,6 @@ export async function fetchFreeModels(apiKey) {
             context: m.context_length || 0,
         }))
             .sort((a, b) => b.context - a.context);
-        // Save cache
         fs.mkdirSync(path.dirname(CACHE), { recursive: true });
         fs.writeFileSync(CACHE, JSON.stringify({ ts: Date.now(), models }));
         return models.length > 0 ? models : FALLBACK;

package/dist/core/mcp.js

@@ -1,19 +1,5 @@
-// Minimal MCP client — stdio + HTTP/SSE transports, JSON-RPC 2.0.
-// Spec: https://spec.modelcontextprotocol.io/
-//
-// No external dependencies. Uses Node 20's global fetch for SSE.
-//
-// Usage:
-//   const client = new McpClient(name, config);
-//   await client.connect();
-//   const tools = await client.listTools();
-//   const result = await client.callTool('read_file', { path: '...' });
-//   await client.close();
 import { spawn } from 'child_process';
 import { EventEmitter } from 'events';
-// ──────────────────────────────────────────────────────────────
-// Stdio transport — newline-delimited JSON-RPC over child stdin/stdout
-// ──────────────────────────────────────────────────────────────
 class StdioTransport extends EventEmitter {
     proc;
     buf = '';
@@ -39,16 +25,10 @@ class StdioTransport extends EventEmitter {
                     this.emit('message', msg);
                 }
                 catch {
-                    // Not JSON — ignore (some servers log to stdout, which is rude
-                    // but happens; stderr is the correct channel for logs).
                 }
             }
         });
         this.proc.stderr?.on('data', (chunk) => {
-            // Servers log readiness banners and diagnostics to stderr — that's
-            // the MCP spec's designated log channel. Never treat stderr as an
-            // error: it would kill the in-flight initialize request. Keep the
-            // last few KB around for debugging, but do nothing else with it.
             this.lastStderr = (this.lastStderr + chunk.toString('utf8')).slice(-4096);
         });
         this.proc.on('error', (err) => this.emit('error', err));
@@ -64,26 +44,15 @@ class StdioTransport extends EventEmitter {
         try {
             this.proc.stdin?.end();
             this.proc.kill('SIGTERM');
-            // SIGKILL fallback if it doesn't die within 2s.
             setTimeout(() => {
                 if (this.proc.exitCode === null)
                     this.proc.kill('SIGKILL');
             }, 2000).unref?.();
         }
         catch {
-            // already dead
         }
     }
 }
-// ──────────────────────────────────────────────────────────────
-// SSE transport — POST for sends, GET text/event-stream for receives
-//
-// MCP's HTTP+SSE transport (2024-11-05 spec):
-//   1. GET url -> text/event-stream, server sends an `endpoint` event
-//      with the POST URL to use for requests.
-//   2. POST JSON-RPC requests to that endpoint; responses come back on
-//      the SSE stream as `message` events.
-// ──────────────────────────────────────────────────────────────
 class SseTransport extends EventEmitter {
     cfg;
     postUrl = null;
@@ -141,8 +110,6 @@ class SseTransport extends EventEmitter {
         if (!data)
             return;
         if (event === 'endpoint') {
-            // Server tells us where to POST. Relative URLs are resolved against
-            // the SSE endpoint's origin.
             try {
                 this.postUrl = new URL(data, this.cfg.url).toString();
             }
@@ -157,7 +124,6 @@ class SseTransport extends EventEmitter {
                 this.emit('message', msg);
             }
             catch {
-                // ignore malformed
             }
         }
     }
@@ -179,9 +145,6 @@ class SseTransport extends EventEmitter {
         this.abort?.abort();
     }
 }
-// ──────────────────────────────────────────────────────────────
-// Client
-// ──────────────────────────────────────────────────────────────
 export class McpClient {
     name;
     cfg;
@@ -210,7 +173,6 @@ export class McpClient {
                 : new SseTransport(this.cfg);
         this.transport.on('message', (msg) => this.handleMessage(msg));
         this.transport.on('error', (err) => {
-            // Route transport errors to any in-flight request so they don't hang.
             for (const [, p] of this.pending) {
                 clearTimeout(p.timer);
                 p.reject(err);
@@ -220,14 +182,12 @@ export class McpClient {
         this.transport.on('close', () => {
             this.connected = false;
         });
-        // Handshake
         const result = (await this.request('initialize', {
             protocolVersion: '2024-11-05',
             capabilities: { tools: {} },
             clientInfo: { name: 'blyue', version: '0.2.0' },
         }));
         this.serverInfo = result?.serverInfo ?? null;
-        // Spec requires this notification after initialize.
         this.notify('notifications/initialized', {});
         this.connected = true;
     }
@@ -256,7 +216,6 @@ export class McpClient {
         this.connected = false;
         this.cachedTools = null;
     }
-    // ────────────────────────────────────────────
     handleMessage(msg) {
         if ('id' in msg && msg.id !== undefined) {
             const p = this.pending.get(msg.id);
@@ -272,7 +231,6 @@ export class McpClient {
             }
             return;
         }
-        // Notifications from server (e.g. tools/list_changed) — currently ignored.
     }
     request(method, params) {
         if (!this.transport)
@@ -301,9 +259,6 @@ export class McpClient {
         this.transport.send({ jsonrpc: '2.0', method, params });
     }
 }
-// ──────────────────────────────────────────────────────────────
-// Config load / save
-// ──────────────────────────────────────────────────────────────
 import { readFileSync, writeFileSync, mkdirSync, existsSync } from 'fs';
 import { homedir } from 'os';
 import { join, dirname } from 'path';

package/dist/core/mcpRegistry.js

@@ -1,24 +1,9 @@
-// MCP registry — holds all connected MCP clients as a module-level
-// singleton so the tools layer can merge their tool defs into the LLM's
-// tool list without threading state through the agent.
-//
-// Lifecycle:
-//   1. index.tsx calls initMcpRegistry() once after config load
-//   2. tools.ts calls getMcpToolDefsSync() every agent-loop iteration
-//   3. agent calls executeTool() → falls through to executeMcpTool()
-//      for names prefixed mcp__<server>__<tool>
 import { McpClient, loadMcpConfig, } from './mcp.js';
 import { permissions } from './permission.js';
 const servers = new Map();
 let cachedDefs = [];
 let initPromise = null;
 let initialized = false;
-/**
- * Called once on app startup, after config is loaded.
- * Never throws — a bad MCP server is logged and skipped so the TUI
- * still boots. (Failing closed here would make a typo in mcp.json
- * brick the whole app.)
- */
 export async function initMcpRegistry() {
     if (initPromise)
         return initPromise;
@@ -79,7 +64,6 @@ function rebuildDefs() {
     }
     cachedDefs = defs;
 }
-/** Synchronous — safe to call every iteration of the agent loop. */
 export function getMcpToolDefsSync() {
     return cachedDefs;
 }
@@ -95,10 +79,6 @@ export function parseMcpToolName(fullName) {
         return null;
     return { server: rest.slice(0, idx), tool: rest.slice(idx + 2) };
 }
-/**
- * Executes an MCP tool call. Routes through the permission broker
- * unless the server is marked autoAllow:true in mcp.json.
- */
 export async function executeMcpTool(fullName, args) {
     const parsed = parseMcpToolName(fullName);
     if (!parsed)

package/dist/core/modelUsage.js

@@ -1,6 +1,3 @@
-// Tracks which models the user has picked, so the picker can surface a
-// RECENT section. Stored at ~/.blyue/model-usage.json. Bounded — one
-// entry per unique model ever picked.
 import { readFileSync, writeFileSync, mkdirSync, existsSync } from 'fs';
 import { homedir } from 'os';
 import { join, dirname } from 'path';
@@ -29,7 +26,6 @@ function save(m) {
     writeFileSync(p, JSON.stringify(m, null, 2), 'utf8');
     cache = m;
 }
-/** Call when the user picks a model (Ctrl+L or /model). */
 export function recordModelUse(id) {
     if (!id)
         return;
@@ -38,7 +34,6 @@ export function recordModelUse(id) {
     m[id] = { count: prev.count + 1, lastUsed: Date.now() };
     save(m);
 }
-/** Top N most-recently-used model IDs, newest first. */
 export function getRecentModels(limit = 5) {
     const m = load();
     return Object.entries(m)

package/dist/core/models.js

@@ -1,13 +1,9 @@
-// Universal model fetcher — works with any OpenAI-compatible /v1/models
-// endpoint: OpenAI, OpenRouter, Groq, xAI (Grok), Ollama, LM Studio,
-// llama.cpp, vLLM, together, deepseek, etc.
 const CACHE_TTL_MS = 5 * 60 * 1000;
 let cache = null;
 function currentBaseUrl() {
     const raw = process.env.OPENAI_BASE_URL ||
         process.env.OPENAI_API_BASE ||
         'https://api.openai.com/v1';
-    // Strip trailing slash for consistent concat.
     return raw.replace(/\/+$/, '');
 }
 function currentApiKey() {
@@ -29,7 +25,6 @@ function providerLabel(baseUrl) {
         return 'Together';
     if (u.includes('localhost') || u.includes('127.0.0.1'))
         return 'local';
-    // Fall back to the hostname.
     try {
         return new URL(baseUrl).host;
     }
@@ -40,10 +35,6 @@ function providerLabel(baseUrl) {
 export function currentProviderLabel() {
     return providerLabel(currentBaseUrl());
 }
-/**
- * Non-chat models we should hide from the picker. Conservative — better
- * to show a couple of extras than to hide something the user wants.
- */
 function isChatModel(id) {
     const l = id.toLowerCase();
     const block = [
@@ -74,11 +65,6 @@ function parseNumber(v) {
     const n = typeof v === 'string' ? parseFloat(v) : v;
     return Number.isFinite(n) ? n : undefined;
 }
-/**
- * Fetches the model list from the current provider. Cached for 5 minutes
- * per base URL, so reopening /model is instant but "new models" surface
- * within one cache window.
- */
 export async function fetchModels(opts) {
     const baseUrl = currentBaseUrl();
     const url = baseUrl + '/models';
@@ -129,8 +115,6 @@ export async function fetchModels(opts) {
     })
         .filter((m) => m !== null)
         .filter((m) => isChatModel(m.id));
-    // Sort: free first, then alphabetical. (OpenRouter returns them in
-    // arbitrary order; this makes the useful ones surface at the top.)
     models.sort((a, b) => {
         if (!!a.isFree !== !!b.isFree)
             return a.isFree ? -1 : 1;
@@ -142,9 +126,6 @@ export async function fetchModels(opts) {
 export function clearModelCache() {
     cache = null;
 }
-/**
- * Returns the current model ID — from config/env.
- */
 export function currentModelId() {
     return process.env.MODEL || '';
 }

package/dist/core/permission.js

@@ -1,12 +1,10 @@
 class PermissionBroker {
     pending = null;
-    // Session-scoped "always allow" set (cleared on restart)
     alwaysAllow = new Set();
     listeners = new Set();
     nextId = 0;
     subscribe(fn) {
         this.listeners.add(fn);
-        // Immediately notify with current state
         fn(this.pending?.req ?? null);
         return () => this.listeners.delete(fn);
     }

package/dist/core/provider.js

@@ -51,7 +51,6 @@ export class Provider {
         }
         throw new Error(raw);
     }
-    // Non-streaming call (used by /compact)
     async chat(messages, tools = []) {
         const { messages: safeMessages } = this.sanitize(messages);
         try {
@@ -75,7 +74,6 @@ export class Provider {
             this.handleError(e);
         }
     }
-    // Streaming call — yields deltas then a final summary
     async *chatStream(messages, tools) {
         const { messages: safeMessages, redactedCount } = this.sanitize(messages);
         try {
@@ -135,7 +133,6 @@ export class Provider {
             this.handleError(e);
         }
     }
-    // Summarize helper for /compact
     async summarize(messages) {
         const res = await this.chat(messages, []);
         return res.content || '';

package/dist/core/redact.js

@@ -1,31 +1,20 @@
 const PATTERNS = [
-    // OpenAI / OpenRouter
     [/sk-or-v1-[a-zA-Z0-9]{32,}/g, 'sk-or-v1-***REDACTED***'],
     [/sk-[a-zA-Z0-9]{20,}/g, 'sk-***REDACTED***'],
-    // Anthropic
     [/sk-ant-[a-zA-Z0-9\-_]{20,}/g, 'sk-ant-***REDACTED***'],
-    // GitHub
     [/ghp_[a-zA-Z0-9]{36,}/g, 'ghp_***REDACTED***'],
     [/gho_[a-zA-Z0-9]{36,}/g, 'gho_***REDACTED***'],
     [/ghs_[a-zA-Z0-9]{36,}/g, 'ghs_***REDACTED***'],
     [/github_pat_[a-zA-Z0-9_]{60,}/g, 'github_pat_***REDACTED***'],
-    // AWS
     [/AKIA[0-9A-Z]{16}/g, 'AKIA***REDACTED***'],
     [/aws_secret_access_key\s*=\s*[A-Za-z0-9/+=]{40}/gi, 'aws_secret_access_key=***REDACTED***'],
-    // Google
     [/AIza[0-9A-Za-z_\-]{35}/g, 'AIza***REDACTED***'],
-    // Slack
     [/xox[baprs]-[a-zA-Z0-9-]{10,}/g, 'xox***REDACTED***'],
-    // Stripe
     [/sk_live_[a-zA-Z0-9]{24,}/g, 'sk_live_***REDACTED***'],
     [/pk_live_[a-zA-Z0-9]{24,}/g, 'pk_live_***REDACTED***'],
-    // JWT
     [/eyJ[a-zA-Z0-9_\-]{10,}\.eyJ[a-zA-Z0-9_\-]{10,}\.[a-zA-Z0-9_\-]{10,}/g, '***REDACTED JWT***'],
-    // Bearer tokens
     [/Bearer\s+[a-zA-Z0-9_\-\.]{20,}/g, 'Bearer ***REDACTED***'],
-    // PEM keys
     [/-----BEGIN [A-Z ]+-----[\s\S]*?-----END [A-Z ]+-----/g, '-----***REDACTED KEY***-----'],
-    // Generic env-style secrets (password=, token=, secret=)
     [/(password|passwd|pwd|secret|token|api_key|apikey)\s*[:=]\s*["']?([A-Za-z0-9_\-\.]{16,})["']?/gi,
         '$1=***REDACTED***'],
 ];

package/dist/core/session.js

@@ -21,25 +21,17 @@ export function loadSession(cwd = process.cwd()) {
         return null;
     }
 }
-const MAX_SESSION_BYTES = Number(process.env.BLYUE_MAX_SESSION_BYTES) || 5 * 1024 * 1024; // 5 MB per session
-const MAX_DIR_BYTES = Number(process.env.BLYUE_MAX_SESSIONS_DIR_BYTES) || 50 * 1024 * 1024; // 50 MB total
-/**
- * Trim the in-memory messages array so a session file never grows past
- * MAX_SESSION_BYTES. Drops oldest non-system messages first, keeping a
- * marker so the user (and the model) knows history was clipped.
- */
+const MAX_SESSION_BYTES = Number(process.env.BLYUE_MAX_SESSION_BYTES) || 5 * 1024 * 1024;
+const MAX_DIR_BYTES = Number(process.env.BLYUE_MAX_SESSIONS_DIR_BYTES) || 50 * 1024 * 1024;
 function trimToBudget(messages) {
     const size = (arr) => Buffer.byteLength(JSON.stringify(arr, null, 2), 'utf8');
     if (size(messages) <= MAX_SESSION_BYTES)
         return messages;
-    // Keep the most recent N messages, dropping from the front. Stop as
-    // soon as we're under budget; always keep at least the last 6.
     let arr = messages.slice();
     while (arr.length > 6 && size(arr) > MAX_SESSION_BYTES) {
         arr.shift();
     }
     if (size(arr) > MAX_SESSION_BYTES) {
-        // Even the tail is too big — hard-truncate the largest text fields.
         arr = arr.map((m) => {
             const c = m.content;
             if (typeof c === 'string' && c.length > 8000) {
@@ -53,10 +45,6 @@ function trimToBudget(messages) {
         ...arr,
     ];
 }
-/**
- * Evict oldest session files (never the active one) until the sessions
- * directory is under MAX_DIR_BYTES.
- */
 function pruneDirectory(activeFile) {
     if (!fs.existsSync(SESSIONS_DIR))
         return;
@@ -74,7 +62,7 @@ function pruneDirectory(activeFile) {
     }
     if (total <= MAX_DIR_BYTES)
         return;
-    stats.sort((a, b) => a.mtime - b.mtime); // oldest first
+    stats.sort((a, b) => a.mtime - b.mtime);
     for (const { file, size } of stats) {
         if (total <= MAX_DIR_BYTES)
             break;

package/dist/core/skills.js

@@ -0,0 +1,88 @@
+import fs from 'fs';
+import path from 'path';
+import os from 'os';
+const SKILLS_DIR = path.join(os.homedir(), '.blyue', 'skills');
+export function skillsDir() {
+    return SKILLS_DIR;
+}
+export function ensureSkillsDir() {
+    if (!fs.existsSync(SKILLS_DIR)) {
+        fs.mkdirSync(SKILLS_DIR, { recursive: true });
+    }
+}
+function stripQuotes(s) {
+    return s.replace(/^["']|["']$/g, '').trim();
+}
+function parseFrontmatter(raw) {
+    const m = raw.match(/^---\r?\n([\s\S]*?)\r?\n---\r?\n([\s\S]*)$/);
+    if (!m)
+        return null;
+    const [, front, body] = m;
+    const meta = {};
+    for (const line of front.split(/\r?\n/)) {
+        if (!line.trim() || line.trim().startsWith('#'))
+            continue;
+        const kv = line.match(/^(\w+):\s*(.*)$/);
+        if (!kv)
+            continue;
+        const [, key, rawVal] = kv;
+        if (key === 'triggers') {
+            const cleaned = rawVal.replace(/^\[|\]$/g, '');
+            meta.triggers = cleaned
+                .split(',')
+                .map((s) => stripQuotes(s))
+                .filter(Boolean);
+        }
+        else {
+            meta[key] = stripQuotes(rawVal);
+        }
+    }
+    return { meta, body: body.trim() };
+}
+function loadOne(skillFile) {
+    try {
+        const raw = fs.readFileSync(skillFile, 'utf8');
+        const parsed = parseFrontmatter(raw);
+        if (!parsed)
+            return null;
+        const fallbackName = path.basename(path.dirname(skillFile));
+        return {
+            name: parsed.meta.name || fallbackName,
+            description: parsed.meta.description || '',
+            triggers: parsed.meta.triggers || [],
+            body: parsed.body,
+            path: skillFile,
+        };
+    }
+    catch {
+        return null;
+    }
+}
+export function listSkills() {
+    if (!fs.existsSync(SKILLS_DIR))
+        return [];
+    const out = [];
+    for (const entry of fs.readdirSync(SKILLS_DIR, { withFileTypes: true })) {
+        if (!entry.isDirectory())
+            continue;
+        const skillFile = path.join(SKILLS_DIR, entry.name, 'SKILL.md');
+        if (!fs.existsSync(skillFile))
+            continue;
+        const skill = loadOne(skillFile);
+        if (skill)
+            out.push(skill);
+    }
+    return out.sort((a, b) => a.name.localeCompare(b.name));
+}
+export function findSkill(name) {
+    const lc = name.toLowerCase();
+    return (listSkills().find((s) => s.name.toLowerCase() === lc) || null);
+}
+export function matchSkills(userInput) {
+    const lc = userInput.toLowerCase();
+    return listSkills().filter((s) => s.triggers.some((t) => t && lc.includes(t.toLowerCase())));
+}
+export function formatSkillForPrompt(skill) {
+    const desc = skill.description ? ` — ${skill.description}` : '';
+    return `## Skill: ${skill.name}${desc}\n${skill.body}`;
+}

package/dist/ui/Banner.js

@@ -75,7 +75,6 @@ export const Banner = () => {
     const pad = ' '.repeat(leftPad);
     const [animate] = useState(() => shouldAnimate());
     const [t, setT] = useState(0);
-    // Slow pastel drift — 24s full cycle, matches the rest of the TUI.
     useEffect(() => {
         if (!animate)
             return;

package/dist/ui/Chat.js

@@ -19,6 +19,8 @@ import { bumpActivity } from './activity.js';
 import { theme } from './theme.js';
 import { getConfig, saveConfig, applyConfig } from '../core/config.js';
 import { recordModelUse } from '../core/modelUsage.js';
+import { SkillsPanel } from './SkillsPanel.js';
+import { listSkills, findSkill, matchSkills, ensureSkillsDir, } from '../core/skills.js';
 let nextId = 0;
 const mkItem = (kind, text) => ({ kind, text, id: nextId++ });
 const HistoryLine = ({ item }) => {
@@ -67,10 +69,10 @@ export const Chat = ({ resumedCount = 0 }) => {
     const [loading, setLoading] = useState(false);
     const [streaming, setStreaming] = useState('');
     const [overlay, setOverlay] = useState('none');
+    const [pendingSkill, setPendingSkill] = useState(null);
     const [permReq, setPermReq] = useState(null);
     const [currentModel, setCurrentModel] = useState(process.env.MODEL || '');
     const [agent, setAgent] = useState(() => new Agent());
-    // Mascot state
     const [mascotState, setMascotState] = useState(undefined);
     const [elapsedSec, setElapsedSec] = useState(0);
     const startRef = useRef(null);
@@ -78,7 +80,6 @@ export const Chat = ({ resumedCount = 0 }) => {
         const unsub = permissions.subscribe((req) => setPermReq(req));
         return unsub;
     }, []);
-    // Track elapsed time during loading
     useEffect(() => {
         if (!loading) {
             startRef.current = null;
@@ -93,7 +94,6 @@ export const Chat = ({ resumedCount = 0 }) => {
         }, 500);
         return () => clearInterval(t);
     }, [loading]);
-    // Flash a temporary mascot state
     const flash = (state, ms = 1200) => {
         setMascotState(state);
         setTimeout(() => setMascotState(undefined), ms);
@@ -108,6 +108,10 @@ export const Chat = ({ resumedCount = 0 }) => {
         if (key.ctrl && inputChar === 'o')
             setOverlay('settings');
     });
+    useEffect(() => { try {
+        ensureSkillsDir();
+    }
+    catch { } }, []);
     const flush = (kind, text) => {
         if (!text)
             return;
@@ -118,7 +122,6 @@ export const Chat = ({ resumedCount = 0 }) => {
         if (!text.trim() || loading)
             return;
         const trimmed = text.trim();
-        // ---- slash commands ----
         if (trimmed === '/model' || trimmed === '/models') {
             setInput('');
             setOverlay('model');
@@ -134,6 +137,31 @@ export const Chat = ({ resumedCount = 0 }) => {
             setOverlay('mcp');
             return;
         }
+        if (trimmed === '/skills') {
+            setInput('');
+            setOverlay('skills');
+            return;
+        }
+        if (trimmed.startsWith('/skill ')) {
+            setInput('');
+            const name = trimmed.slice(7).trim();
+            const sk = findSkill(name);
+            if (!sk) {
+                const all = listSkills().map((x) => x.name).join(', ') || '(none)';
+                setHistory((h) => [
+                    ...h,
+                    mkItem('error', 'unknown skill: ' + name),
+                    mkItem('tool', 'available: ' + all),
+                ]);
+                return;
+            }
+            setPendingSkill(sk);
+            setHistory((h) => [
+                ...h,
+                mkItem('tool', 'skill armed: ' + sk.name + ' (applies to next message)'),
+            ]);
+            return;
+        }
         if (trimmed === '/debug') {
             setInput('');
             const lines = readDebug();
@@ -180,6 +208,8 @@ export const Chat = ({ resumedCount = 0 }) => {
                 mkItem('tool', '  /model     switch model            (Ctrl+L)'),
                 mkItem('tool', '  /settings  open settings           (Ctrl+O)'),
                 mkItem('tool', '  /mcp       show MCP servers and tools'),
+                mkItem('tool', '  /skills    list skills'),
+                mkItem('tool', '  /skill <n> force-activate a skill for next msg'),
                 mkItem('tool', '  /compact   summarize history to free context'),
                 mkItem('tool', '  /debug     show last request to provider'),
                 mkItem('tool', '  /clear     clear session and permissions'),
@@ -187,21 +217,33 @@ export const Chat = ({ resumedCount = 0 }) => {
             ]);
             return;
         }
-        // ---- normal run ----
         setInput('');
         setHistory((h) => [...h, mkItem('user', trimmed)]);
         setLoading(true);
         setStreaming('');
-        // Jump animation on submit
         flash('jump', 400);
         let textBuf = '';
         let toolBuf = '';
         try {
-            for await (const ev of agent.run(trimmed)) {
+            const matched = matchSkills(trimmed);
+            const activeSkills = [];
+            if (pendingSkill)
+                activeSkills.push(pendingSkill);
+            for (const m of matched) {
+                if (!activeSkills.find((x) => x.name === m.name))
+                    activeSkills.push(m);
+            }
+            if (activeSkills.length > 0) {
+                setHistory((h) => [
+                    ...h,
+                    mkItem('tool', 'skills active: ' + activeSkills.map((x) => x.name).join(', ')),
+                ]);
+            }
+            setPendingSkill(null);
+            for await (const ev of agent.run(trimmed, { activeSkills })) {
                 if (ev.type === 'text') {
                     textBuf += ev.delta;
                     setStreaming(textBuf);
-                    // Clear any tool mascot while text streams
                     setMascotState(undefined);
                 }
                 else if (ev.type === 'tool_start') {
@@ -211,7 +253,6 @@ export const Chat = ({ resumedCount = 0 }) => {
                     }
                     toolBuf = '\n[Calling ' + ev.name + '...]\n';
                     setStreaming(toolBuf);
-                    // React to the specific tool
                     setMascotState(toolToState(ev.name));
                 }
                 else if (ev.type === 'compact') {
@@ -224,7 +265,6 @@ export const Chat = ({ resumedCount = 0 }) => {
                     flush('tool', toolBuf + '[Result]: ' + ev.preview + '\n');
                     toolBuf = '';
                     setStreaming('');
-                    // Brief pulse before next step
                     flash('success', 500);
                 }
             }
@@ -264,6 +304,9 @@ export const Chat = ({ resumedCount = 0 }) => {
     if (overlay === 'mcp') {
         return (_jsx(Box, { flexDirection: "column", children: _jsx(McpPanel, { onClose: () => setOverlay('none') }) }));
     }
+    if (overlay === 'skills') {
+        return (_jsx(Box, { flexDirection: "column", children: _jsx(SkillsPanel, { onClose: () => setOverlay('none') }) }));
+    }
     if (overlay === 'settings') {
         return (_jsx(Box, { flexDirection: "column", children: _jsx(Settings, { onClose: () => setOverlay('none'), onModelChange: (m) => {
                     setCurrentModel(m);

package/dist/ui/MakerMark.js

@@ -2,10 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import { Mascot } from './Mascot.js';
 export const MakerMark = ({ color, narrow }) => {
-    // Phone / narrow: single line
     if (narrow) {
         return (_jsxs(Text, { children: [_jsx(Text, { color: color, bold: true, children: "\u2584\u2588\u2584 " }), _jsx(Text, { color: color, bold: true, children: "L U M E N" })] }));
     }
-    // Wide: mascot on left, wordmark vertically centered
     return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Mascot, { color: color }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, justifyContent: "center", children: [_jsx(Text, { children: " " }), _jsx(Text, { children: " " }), _jsx(Text, { color: color, bold: true, children: "L U M E N" }), _jsx(Text, { children: " " }), _jsx(Text, { children: " " })] })] }));
 };

package/dist/ui/Mascot.js

@@ -2,11 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import { Box, Text } from 'ink';
 import os from 'os';
-// ─────────────────────────────────────────────
-//  LUMEN mascot — gradient body, solid eyes
-//  Light at top fades to dark at bottom
-//  (shading = light emitting downward)
-// ─────────────────────────────────────────────
 const BODY_TOP = ' ▄▄▄▄▄▄▄ ';
 const BODY_LIGHT = '░░░░░░░░░';
 const BODY_FACE_A = '░ ●   ● ░';
@@ -27,7 +22,6 @@ function shouldAnimate() {
     catch { }
     return true;
 }
-// Full mascot — 9 wide × 6 tall
 export const Mascot = ({ color }) => {
     const [pulse, setPulse] = useState(0);
     const [animate] = useState(() => shouldAnimate());
@@ -37,11 +31,8 @@ export const Mascot = ({ color }) => {
         const t = setInterval(() => setPulse((p) => (p + 1) % 3), 800);
         return () => clearInterval(t);
     }, [animate]);
-    // Subtle pulse: alternate shade intensity on the middle row
     const mid = pulse === 0 ? BODY_MED : pulse === 1 ? '▒▒▒▒▒▒▒▒▒' : '░░▒░░▒░░';
     return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: color, bold: true, children: BODY_TOP }), _jsx(Text, { color: color, bold: true, children: BODY_LIGHT }), _jsx(Text, { color: color, bold: true, children: BODY_FACE_A }), _jsx(Text, { color: color, bold: true, children: BODY_FACE_B }), _jsx(Text, { color: color, bold: true, children: mid }), _jsx(Text, { color: color, bold: true, children: BODY_DARK }), _jsx(Text, { color: color, bold: true, children: BODY_BOT })] }));
 };
-// Compact — one line, for input bar & prompt
 export const MascotInline = ({ color }) => (_jsx(Text, { color: color, bold: true, children: "\u2584 " }));
-// Tiny — just the face, for very narrow terminals
 export const MascotMini = ({ color }) => (_jsx(Text, { color: color, bold: true, children: "\u2584\u2588\u2584 " }));

package/dist/ui/MascotPrompt.js

@@ -48,8 +48,6 @@ export function toolToState(tool) {
     return 'thinking';
 }
 const BlankRows = () => (_jsx(_Fragment, { children: Array.from({ length: TOP_ROWS }, (_, i) => (_jsx(Text, { children: " " }, i))) }));
-// States whose color is semantic (meaning-bearing) — these stay their
-// theme colors. Everything else drifts through the pastel palette.
 function isSemantic(state) {
     return (state === 'error' || state === 'denied' ||
         state === 'success' || state === 'granted' ||
@@ -60,7 +58,7 @@ function semanticColor(state) {
         return theme.error;
     if (state === 'success' || state === 'granted')
         return theme.success;
-    return theme.warning; // permission / impatient
+    return theme.warning;
 }
 export const MascotPrompt = ({ state, keepAwake = false, }) => {
     const frames = FACES[state];

package/dist/ui/McpPanel.js

@@ -11,7 +11,6 @@ export const McpPanel = ({ onClose }) => {
     const [servers, setServers] = useState(() => listMcpServers());
     const [reloading, setReloading] = useState(false);
     const [msg, setMsg] = useState(null);
-    // Refresh list on mount in case registry changed since last render.
     useEffect(() => {
         setServers(listMcpServers());
     }, []);

package/dist/ui/ModelPicker.js

@@ -57,7 +57,7 @@ export const ModelPicker = ({ current, onSelect, onCancel }) => {
         const paid = [];
         for (const m of matched) {
             if (seen.has(m.id))
-                continue; // already in recent
+                continue;
             if (m.isFree)
                 free.push(m);
             else
@@ -86,7 +86,6 @@ export const ModelPicker = ({ current, onSelect, onCancel }) => {
             pushSection('PAID', paid);
         }
         else {
-            // 'all' — show recent first, then free, then paid
             pushSection('RECENT', recent);
             pushSection('FREE', free);
             pushSection('PAID', paid);

package/dist/ui/RocketBar.js

@@ -26,7 +26,7 @@ function shouldAnimate() {
 export const RocketBar = ({ label, loading, width }) => {
     const [animate] = useState(() => shouldAnimate());
     const [pos, setPos] = useState(0);
-    const hue = useSlowColor(); // shared pastel clock — matches banner + face
+    const hue = useSlowColor();
     const fixed = 5 + label.length;
     const midLen = Math.max(0, width - fixed);
     useEffect(() => {

package/dist/ui/Settings.js

@@ -17,7 +17,6 @@ export const Settings = ({ onClose, onModelChange }) => {
     const [testResult, setTestResult] = useState(null);
     const [ollamaModels, setOllamaModels] = useState([]);
     const [ollamaChecked, setOllamaChecked] = useState(false);
-    // MCP draft state
     const [mcpCfg, setMcpCfg] = useState(() => loadMcpConfig());
     const [mcpCursor, setMcpCursor] = useState(0);
     const [mcpDraftName, setMcpDraftName] = useState('');
@@ -75,7 +74,6 @@ export const Settings = ({ onClose, onModelChange }) => {
         },
         { label: 'Close', hint: 'esc', action: onClose },
     ];
-    // ---- Main menu ----
     useInput((_, key) => {
         if (key.escape)
             return onClose();
@@ -86,7 +84,6 @@ export const Settings = ({ onClose, onModelChange }) => {
         if (key.return)
             mainItems[cursor].action();
     }, { isActive: screen === 'main' });
-    // ---- n8n submenu ----
     const n8nItems = [
         { label: 'URL', hint: cfg.n8nUrl || 'not set', action: () => { setDraft(cfg.n8nUrl || ''); setScreen('n8n-url'); } },
         { label: 'API key', hint: cfg.n8nApiKey ? '•••' + cfg.n8nApiKey.slice(-4) : 'not set', action: () => { setDraft(cfg.n8nApiKey || ''); setScreen('n8n-key'); } },
@@ -122,7 +119,6 @@ export const Settings = ({ onClose, onModelChange }) => {
             n8nItems[n8nCursor].action();
     }, { isActive: screen === 'n8n' });
     useInput(() => setScreen('n8n'), { isActive: screen === 'n8n-test' });
-    // ---- MCP submenu ----
     const serverNames = Object.keys(mcpCfg.servers || {});
     const mcpItems = [
         { label: '+ Add server', hint: 'new MCP server', action: () => {
@@ -170,7 +166,6 @@ export const Settings = ({ onClose, onModelChange }) => {
         if (key.return)
             mcpItems[mcpCursor].action();
     }, { isActive: screen === 'mcp' });
-    // ---- MCP confirm delete ----
     useInput((input, key) => {
         if (input === 'y' || input === 'Y') {
             if (mcpConfirmDel) {
@@ -188,7 +183,6 @@ export const Settings = ({ onClose, onModelChange }) => {
             setScreen('mcp');
         }
     }, { isActive: screen === 'mcp-confirm-del' });
-    // ---- MCP add wizard: autoAllow toggle ----
     useInput((input, key) => {
         if (key.escape)
             return setScreen('mcp');
@@ -223,12 +217,10 @@ export const Settings = ({ onClose, onModelChange }) => {
         void reloadMcp(`✓ added ${mcpDraftName.trim()}`);
         setScreen('mcp');
     };
-    // ---- Frame helpers ----
     const inner = width - 4;
     const top = (label) => (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '╭─ ' }), _jsx(Text, { color: theme.accent, bold: true, children: label }), _jsx(Text, { color: theme.muted, children: ' ' + '─'.repeat(Math.max(1, inner - label.length - 3)) + '╮' })] }));
     const bot = (_jsx(Text, { color: theme.muted, children: '╰' + '─'.repeat(inner) + '╯' }));
     const row = (content) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: theme.muted, children: '│ ' }), content] }));
-    // ---- Main screen ----
     if (screen === 'main') {
         const baseUrlIsLocal = (cfg.baseUrl || '').includes('localhost') ||
             (cfg.baseUrl || '').includes('127.0.0.1');
@@ -237,7 +229,6 @@ export const Settings = ({ onClose, onModelChange }) => {
                     return (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsx(Text, { color: active ? theme.accent : theme.muted, bold: active, children: active ? '❯ ' : '  ' }), _jsx(Text, { color: active ? theme.text : theme.muted, bold: active, children: it.label.padEnd(20) }), _jsx(Text, { color: theme.muted, children: it.hint })] }, it.label));
                 }), bot, _jsx(Text, { color: theme.muted, children: "\u2191\u2193 move \u00B7 \u21B5 select \u00B7 esc close" })] }));
     }
-    // ---- API key / Base URL ----
     if (screen === 'apikey' || screen === 'baseurl') {
         const isKey = screen === 'apikey';
         const title = isKey ? 'api key' : 'base url';
@@ -248,7 +239,6 @@ export const Settings = ({ onClose, onModelChange }) => {
         };
         return (_jsxs(Box, { flexDirection: "column", children: [top(title), row(_jsx(Text, { color: theme.muted, children: isKey ? 'Paste your new API key' : 'e.g. http://localhost:11434/v1' })), row(_jsxs(Box, { children: [_jsx(Text, { color: theme.accent, bold: true, children: '❯ ' }), _jsx(KeyInput, { value: value, onChange: setValue, placeholder: isKey ? 'sk-...' : 'https://...', masked: isKey, onSubmit: () => setScreen('main') })] })), bot, _jsx(Text, { color: theme.muted, children: "type \u00B7 backspace \u00B7 \u21B5 save \u00B7 esc back" })] }));
     }
-    // ---- Model ----
     if (screen === 'model') {
         const isLocal = (cfg.baseUrl || '').includes('localhost');
         return (_jsxs(Box, { flexDirection: "column", children: [top('model'), row(_jsx(Text, { color: theme.muted, children: isLocal && ollamaModels.length > 0
@@ -258,14 +248,12 @@ export const Settings = ({ onClose, onModelChange }) => {
                                 setScreen('main');
                             } })] })), bot, _jsx(Text, { color: theme.muted, children: "type \u00B7 \u21B5 save \u00B7 esc back" })] }));
     }
-    // ---- n8n submenu ----
     if (screen === 'n8n') {
         return (_jsxs(Box, { flexDirection: "column", children: [top('n8n integration'), n8nItems.map((it, i) => {
                     const active = i === n8nCursor;
                     return (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsx(Text, { color: active ? theme.accent : theme.muted, bold: active, children: active ? '❯ ' : '  ' }), _jsx(Text, { color: active ? theme.text : theme.muted, bold: active, children: it.label.padEnd(20) }), _jsx(Text, { color: theme.muted, children: it.hint })] }, it.label));
                 }), bot, _jsx(Text, { color: theme.muted, children: "\u2191\u2193 move \u00B7 \u21B5 select \u00B7 esc back" })] }));
     }
-    // ---- n8n url/key ----
     if (screen === 'n8n-url' || screen === 'n8n-key') {
         const isKey = screen === 'n8n-key';
         const title = isKey ? 'n8n api key' : 'n8n url';
@@ -276,34 +264,27 @@ export const Settings = ({ onClose, onModelChange }) => {
         };
         return (_jsxs(Box, { flexDirection: "column", children: [top(title), row(_jsx(Text, { color: theme.muted, children: isKey ? 'Settings → n8n API → create key' : 'e.g. http://localhost:5678' })), row(_jsxs(Box, { children: [_jsx(Text, { color: theme.accent, bold: true, children: '❯ ' }), _jsx(KeyInput, { value: value, onChange: setValue, placeholder: isKey ? 'n8n_api_...' : 'http://localhost:5678', masked: isKey, onSubmit: () => setScreen('n8n') })] })), bot, _jsx(Text, { color: theme.muted, children: "type \u00B7 backspace \u00B7 \u21B5 save \u00B7 esc back" })] }));
     }
-    // ---- n8n test ----
     if (screen === 'n8n-test') {
         return (_jsxs(Box, { flexDirection: "column", children: [top('n8n test'), row(_jsx(Text, { color: testResult?.startsWith('✓') ? theme.success : theme.muted, children: testResult || 'testing…' })), bot, _jsx(Text, { color: theme.muted, children: "press any key to go back" })] }));
     }
-    // ---- MCP submenu ----
     if (screen === 'mcp') {
         return (_jsxs(Box, { flexDirection: "column", children: [top('mcp servers'), row(_jsx(Text, { color: theme.muted, children: "config: ~/.blyue/mcp.json" })), row(_jsxs(Text, { color: theme.muted, children: [serverNames.length, " server", serverNames.length === 1 ? '' : 's', mcpStatus ? ' · ' : '', mcpStatus && (_jsx(Text, { color: mcpStatus.startsWith('✗') ? theme.error : theme.success, children: mcpStatus }))] })), _jsx(Text, { color: theme.muted, children: '│ ' + '─'.repeat(Math.max(1, inner - 2)) }), mcpItems.map((it, i) => {
                     const active = i === mcpCursor;
                     return (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsx(Text, { color: active ? theme.accent : theme.muted, bold: active, children: active ? '❯ ' : '  ' }), _jsx(Text, { color: active ? theme.text : theme.muted, bold: active, children: it.label.padEnd(22) }), _jsx(Text, { color: theme.muted, children: it.hint })] }, it.label));
                 }), bot, _jsx(Text, { color: theme.muted, children: "\u2191\u2193 move \u00B7 \u21B5 select \u00B7 [d] delete \u00B7 esc back" })] }));
     }
-    // ---- MCP confirm delete ----
     if (screen === 'mcp-confirm-del') {
         return (_jsxs(Box, { flexDirection: "column", children: [top('delete server'), row(_jsxs(Text, { color: theme.warning, children: ["Delete MCP server \"", mcpConfirmDel, "\"?"] })), row(_jsx(Text, { color: theme.muted, children: "This removes it from mcp.json." })), bot, _jsxs(Text, { children: [_jsx(Text, { color: theme.success, bold: true, children: "  [y]" }), _jsx(Text, { color: theme.muted, children: " yes   " }), _jsx(Text, { color: theme.error, bold: true, children: "[n]" }), _jsx(Text, { color: theme.muted, children: " no" })] })] }));
     }
-    // ---- MCP add wizard: name ----
     if (screen === 'mcp-add-name') {
         return (_jsxs(Box, { flexDirection: "column", children: [top('add mcp · step 1/4'), row(_jsx(Text, { color: theme.muted, children: "Name (unique, e.g. \"filesystem\")" })), row(_jsxs(Box, { children: [_jsx(Text, { color: theme.accent, bold: true, children: '❯ ' }), _jsx(KeyInput, { value: mcpDraftName, onChange: setMcpDraftName, placeholder: "filesystem", onSubmit: () => setScreen('mcp-add-command') })] })), bot, _jsx(Text, { color: theme.muted, children: "type \u00B7 \u21B5 next \u00B7 esc cancel" })] }));
     }
-    // ---- MCP add wizard: command ----
     if (screen === 'mcp-add-command') {
         return (_jsxs(Box, { flexDirection: "column", children: [top('add mcp · step 2/4'), row(_jsx(Text, { color: theme.muted, children: "Command (binary to run)" })), row(_jsxs(Box, { children: [_jsx(Text, { color: theme.accent, bold: true, children: '❯ ' }), _jsx(KeyInput, { value: mcpDraftCommand, onChange: setMcpDraftCommand, placeholder: "npx", onSubmit: () => setScreen('mcp-add-args') })] })), bot, _jsx(Text, { color: theme.muted, children: "type \u00B7 \u21B5 next \u00B7 esc cancel" })] }));
     }
-    // ---- MCP add wizard: args ----
     if (screen === 'mcp-add-args') {
         return (_jsxs(Box, { flexDirection: "column", children: [top('add mcp · step 3/4'), row(_jsx(Text, { color: theme.muted, children: "Args (space-separated, can be empty)" })), row(_jsxs(Box, { children: [_jsx(Text, { color: theme.accent, bold: true, children: '❯ ' }), _jsx(KeyInput, { value: mcpDraftArgs, onChange: setMcpDraftArgs, placeholder: "-y @modelcontextprotocol/server-filesystem /home/user", onSubmit: () => setScreen('mcp-add-autollw') })] })), bot, _jsx(Text, { color: theme.muted, children: "type \u00B7 \u21B5 next \u00B7 esc cancel" })] }));
     }
-    // ---- MCP add wizard: autoAllow ----
     if (screen === 'mcp-add-autollw') {
         return (_jsxs(Box, { flexDirection: "column", children: [top('add mcp · step 4/4'), row(_jsx(Text, { color: theme.muted, children: "Auto-allow calls to this server (skip permission prompts)?" })), row(_jsx(Text, { color: theme.warning, children: "Only enable for servers you fully trust." })), bot, _jsxs(Text, { children: [_jsx(Text, { color: theme.success, bold: true, children: "  [y]" }), _jsx(Text, { color: theme.muted, children: " yes   " }), _jsx(Text, { color: theme.error, bold: true, children: "[n]" }), _jsx(Text, { color: theme.muted, children: " no (recommended)" })] })] }));
     }

package/dist/ui/Setup.js

@@ -91,7 +91,6 @@ export const Setup = ({ onDone }) => {
             setStep('provider');
         }
     };
-    // Header: single line hint
     const Hint = ({ children }) => (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: theme.muted, children: children }) }));
     if (step === 'provider') {
         return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Hint, { children: "Select a provider  \u2191\u2193 Enter" }), PROVIDERS.map((p, i) => {

package/dist/ui/SkillsPanel.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text, useInput, useStdout } from 'ink';
+import { listSkills, skillsDir } from '../core/skills.js';
+import { theme } from './theme.js';
+export const SkillsPanel = ({ onClose }) => {
+    const { stdout } = useStdout();
+    const width = Math.max(40, stdout?.columns ?? 60);
+    const inner = width - 4;
+    const [skills, setSkills] = useState(() => listSkills());
+    useInput((input, key) => {
+        if (key.escape)
+            return onClose();
+        if (input === 'r' || input === 'R')
+            setSkills(listSkills());
+    });
+    const label = 'skills';
+    const topPad = Math.max(1, inner - label.length - 4);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '╭─ ' }), _jsx(Text, { color: theme.accent, bold: true, children: label }), _jsx(Text, { color: theme.muted, children: ' ' + '─'.repeat(topPad) + '╮' })] }), _jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsxs(Text, { color: theme.muted, children: ["dir: ", skillsDir()] })] }), _jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsxs(Text, { color: theme.muted, children: [skills.length, " skill", skills.length === 1 ? '' : 's', " loaded"] })] }), _jsx(Text, { color: theme.muted, children: '│ ' + '─'.repeat(Math.max(1, inner - 2)) }), skills.length === 0 ? (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsx(Text, { color: theme.warning, children: "no skills found" })] }), _jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsxs(Text, { color: theme.muted, children: ["create ", skillsDir(), "/<name>/SKILL.md"] })] })] })) : (skills.map((s) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsx(Text, { color: theme.success, children: '● ' }), _jsx(Text, { color: theme.text, bold: true, children: s.name })] }), s.description && (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│   ' }), _jsx(Text, { color: theme.muted, children: s.description.slice(0, inner - 6) })] })), s.triggers.length > 0 && (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│   triggers: ' }), _jsx(Text, { color: theme.muted, children: s.triggers.slice(0, 6).join(', ') })] }))] }, s.name)))), _jsx(Text, { color: theme.muted, children: '╰' + '─'.repeat(inner) + '╯' }), _jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: "  [" }), _jsx(Text, { color: theme.accent, children: "r" }), _jsx(Text, { color: theme.muted, children: "] reload \u00B7 [" }), _jsx(Text, { color: theme.accent, children: "esc" }), _jsx(Text, { color: theme.muted, children: "] close \u00B7 use " }), _jsx(Text, { color: theme.accent, children: "/skill <name>" }), _jsx(Text, { color: theme.muted, children: " to force-activate" })] })] }));
+};

package/dist/ui/SleepZs.js

@@ -2,8 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import { Box, Text } from 'ink';
 import { theme } from './theme.js';
-// Two rows, always exactly two rows — the mascot container reserves this
-// space whether a z is visible or not, so Ink never reflows.
 const FRAMES = [
     ['      ', '      '],
     ['      ', ' z    '],

package/dist/ui/Spinner.js

@@ -6,7 +6,6 @@ const FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '
 export const Spinner = ({ label = 'Thinking' }) => {
     const [i, setI] = useState(0);
     useEffect(() => {
-        // 200ms instead of 90ms → 5 fps not 11 fps
         const t = setInterval(() => setI((v) => (v + 1) % FRAMES.length), 200);
         return () => clearInterval(t);
     }, []);

package/dist/ui/activity.js

@@ -1,9 +1,5 @@
-// Tiny global activity bus — avoids prop-drilling an `activeSignal` number
-// through every component. Chat.tsx calls bumpActivity() from useInput;
-// MascotPrompt subscribes via useIdle().
 let counter = 0;
 const listeners = new Set();
-/** Call this from any real user input handler (keystroke, submit). */
 export function bumpActivity() {
     counter = (counter + 1) % Number.MAX_SAFE_INTEGER;
     for (const l of listeners)

package/dist/ui/animColor.js

@@ -1,4 +1,3 @@
-// HSL → hex, no dependencies
 function hslToHex(h, s, l) {
     h = ((h % 360) + 360) % 360;
     s /= 100;
@@ -11,9 +10,7 @@ function hslToHex(h, s, l) {
     };
     return `#${f(0)}${f(8)}${f(4)}`;
 }
-/** Returns a hex color at position t (0..1) along a soft palette loop. */
 export function hueAt(t, lightness = 65, saturation = 70) {
-    // Weighted loop: cyan → blue → purple → pink → cyan
     const hue = 180 + Math.sin(t * Math.PI * 2) * 120;
     return hslToHex(hue, saturation, lightness);
 }

package/dist/ui/pastel.js

@@ -1,6 +1,3 @@
-// Pastel/faded palette — Claude-Code-inspired soft muting.
-// All colors sit at ~76% lightness / ~48% saturation, so they read as
-// "faded" on both dark and light terminals.
 function hslToHex(h, s, l) {
     s /= 100;
     l /= 100;
@@ -13,18 +10,12 @@ function hslToHex(h, s, l) {
     const toHex = (x) => x.toString(16).padStart(2, '0');
     return '#' + toHex(f(0)) + toHex(f(8)) + toHex(f(4));
 }
-/** Full-hue pastel cycle. t in [0, 1). */
 export function pastelAt(t) {
     const h = (((t % 1) + 1) % 1) * 360;
     return hslToHex(h, 48, 76);
 }
-/**
- * Warm-only variant — rose → peach → gold → sage → back. If the full
- * wheel feels too rainbow-y for your taste, swap pastelAt -> pastelWarmAt
- * in the four call sites below.
- */
 export function pastelWarmAt(t) {
     const t2 = ((t % 1) + 1) % 1;
-    const h = (320 + t2 * 110) % 360; // 320° → 70°, wraps through warm
+    const h = (320 + t2 * 110) % 360;
     return hslToHex(h, 52, 76);
 }

package/dist/ui/slowTick.js

@@ -1,6 +1,4 @@
-// A single module-level tick shared by every component that wants to
-// fade in sync. One interval, N subscribers, no per-component drift.
-const PERIOD_MS = 24_000; // full pastel cycle
+const PERIOD_MS = 24_000;
 const TICK_MS = 120;
 let t = 0;
 const listeners = new Set();
@@ -13,7 +11,6 @@ function start() {
         for (const l of listeners)
             l();
     }, TICK_MS);
-    // Don't keep the Node process alive just to animate colors.
     const anyInt = interval;
     anyInt.unref?.();
 }

package/dist/ui/useIdle.js

@@ -27,11 +27,6 @@ export function useIdle({ drowsyAfterMs = 120_000, sleepAfterMs = 300_000, disab
     }, [active, drowsyAfterMs, sleepAfterMs, disabled]);
     return stage;
 }
-/**
- * Idle thresholds.
- *   BLYUE_FAST_IDLE=1 -> 3s / 6s   (dev testing only)
- *   default           -> 2 min drowsy / 5 min sleep
- */
 export function defaultIdleThresholds() {
     if (process.env.BLYUE_FAST_IDLE === '1') {
         return { drowsyAfterMs: 3_000, sleepAfterMs: 6_000 };

package/dist/ui/useSlowColor.js

@@ -1,10 +1,6 @@
 import { useSyncExternalStore } from 'react';
 import { subscribeSlowTick, getSlowTick } from './slowTick.js';
 import { pastelAt, pastelWarmAt } from './pastel.js';
-/**
- * Returns a pastel hex color that drifts slowly and stays in sync with
- * every other component that uses this hook.
- */
 export function useSlowColor(warm = false) {
     const t = useSyncExternalStore(subscribeSlowTick, getSlowTick, getSlowTick);
     return warm ? pastelWarmAt(t) : pastelAt(t);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blyuecode",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "BLYUE Code — a coding agent by Lumen",
   "type": "module",
   "license": "MIT",