@nomad-e/bluma-cli 0.1.31 → 0.1.33

package/dist/main.js

@@ -17,7 +17,7 @@ __export(async_command_exports, {
   runCommandAsync: () => runCommandAsync,
   sendCommandInput: () => sendCommandInput
 });
-import os2 from "os";
+import os3 from "os";
 import { spawn } from "child_process";
 import { v4 as uuidv42 } from "uuid";
 function cleanupOldCommands() {
@@ -63,7 +63,7 @@ async function runCommandAsync(args) {
       };
     }
     const commandId = uuidv42().substring(0, 8);
-    const platform = os2.platform();
+    const platform = os3.platform();
     let shellCmd;
     let shellArgs;
     if (platform === "win32") {
@@ -331,7 +331,9 @@ var init_async_command = __esm({
 import React12 from "react";
 import { render } from "ink";
 import { EventEmitter as EventEmitter3 } from "events";
-import fs15 from "fs";
+import fs16 from "fs";
+import path20 from "path";
+import { fileURLToPath as fileURLToPath4 } from "url";
 import { v4 as uuidv46 } from "uuid";
 
 // src/app/ui/App.tsx
@@ -339,8 +341,9 @@ import { useState as useState6, useEffect as useEffect7, useRef as useRef5, useC
 import { Box as Box20, Text as Text19, Static } from "ink";
 
 // src/app/ui/layout.tsx
-import { Box, Text } from "ink";
+import { Box, Text, useStdout } from "ink";
 import { memo } from "react";
+import os from "os";
 
 // src/app/ui/theme/blumaTerminal.ts
 var BLUMA_TERMINAL = {
@@ -375,24 +378,106 @@ var BLUMA_TERMINAL = {
 
 // src/app/ui/layout.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
+function buildTopBorder(cols, leftW, rightW, titleInLeft) {
+  const t = titleInLeft.length <= leftW ? titleInLeft : titleInLeft.slice(0, leftW);
+  const leftFill = t + "\u2500".repeat(Math.max(0, leftW - t.length));
+  const rightFill = "\u2500".repeat(rightW);
+  return "\u250C" + leftFill + "\u252C" + rightFill + "\u2510";
+}
+function buildBottomBorder(leftW, rightW) {
+  return "\u2514" + "\u2500".repeat(leftW) + "\u2534" + "\u2500".repeat(rightW) + "\u2518";
+}
 var HeaderComponent = ({
   sessionId,
-  workdir
+  workdir,
+  cliVersion = "?",
+  recentActivitySummary
 }) => {
-  const dirName = workdir.split("/").pop() || workdir;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", flexWrap: "wrap", children: [
-      /* @__PURE__ */ jsx(Text, { color: BLUMA_TERMINAL.brandBlue, bold: true, children: "BluMa" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \u2014 " }),
-      /* @__PURE__ */ jsx(Text, { children: "Base Language Unit" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \xB7 " }),
-      /* @__PURE__ */ jsx(Text, { color: BLUMA_TERMINAL.brandMagenta, bold: true, children: "Model Agent" })
+  const { stdout } = useStdout();
+  const cols = Math.max(52, stdout?.columns ?? 80);
+  let username = "there";
+  try {
+    username = os.userInfo().username || username;
+  } catch {
+  }
+  const inner = cols - 3;
+  const leftW = Math.max(24, Math.floor(inner * 0.48));
+  const rightW = Math.max(22, inner - leftW);
+  const borderTitle = ` BluMa v${cliVersion} `;
+  const topLine = buildTopBorder(cols, leftW, rightW, borderTitle);
+  const bottomLine = buildBottomBorder(leftW, rightW);
+  const M = BLUMA_TERMINAL.brandMagenta;
+  const B = BLUMA_TERMINAL.panelBorder;
+  const ruleW = Math.max(6, rightW - 2);
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, width: cols, children: [
+    /* @__PURE__ */ jsx(Text, { color: B, children: topLine }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", width: cols, children: [
+      /* @__PURE__ */ jsx(Text, { color: B, children: "\u2502" }),
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          width: leftW,
+          flexDirection: "column",
+          alignItems: "center",
+          paddingX: 1,
+          children: [
+            /* @__PURE__ */ jsxs(Text, { wrap: "wrap", children: [
+              /* @__PURE__ */ jsx(Text, { bold: true, color: M, children: "BluMa" }),
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \u2014 " }),
+              /* @__PURE__ */ jsx(Text, { bold: true, color: B, children: "Base Language Unit" }),
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \xB7 " }),
+              /* @__PURE__ */ jsx(Text, { bold: true, color: M, children: "Model Agent" })
+            ] }),
+            /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "column", alignItems: "center", children: /* @__PURE__ */ jsxs(Text, { children: [
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Welcome back " }),
+              /* @__PURE__ */ jsx(Text, { bold: true, color: "white", children: username }),
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "!" })
+            ] }) }),
+            /* @__PURE__ */ jsxs(Box, { marginY: 1, flexDirection: "column", alignItems: "center", children: [
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(Math.min(13, Math.max(7, leftW - 6))) }),
+              /* @__PURE__ */ jsx(Text, { bold: true, color: M, children: " \u27E8 \u03BB \u27E9 " }),
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(Math.min(13, Math.max(7, leftW - 6))) })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { flexDirection: "column", alignSelf: "flex-start", width: leftW - 2, children: [
+              /* @__PURE__ */ jsxs(Text, { dimColor: true, wrap: "wrap", children: [
+                /* @__PURE__ */ jsx(Text, { color: "white", children: "auto" }),
+                /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \xB7 FactorRouter \xB7 session " }),
+                /* @__PURE__ */ jsx(Text, { color: B, children: sessionId.slice(0, 8) })
+              ] }),
+              /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "wrap", children: workdir })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Text, { color: B, children: "\u2502" }),
+      /* @__PURE__ */ jsxs(Box, { width: rightW, flexDirection: "column", paddingX: 1, children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, color: M, children: "Tips for getting started" }),
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, wrap: "wrap", children: [
+          "Run ",
+          /* @__PURE__ */ jsx(Text, { color: "white", children: "/init" }),
+          " to scaffold project context (BluMa.md). Use",
+          " ",
+          /* @__PURE__ */ jsx(Text, { color: "white", children: "/help" }),
+          ", ",
+          /* @__PURE__ */ jsx(Text, { color: "white", children: "/img" }),
+          ", ",
+          /* @__PURE__ */ jsx(Text, { color: "white", children: "!" }),
+          " ",
+          "as needed."
+        ] }),
+        /* @__PURE__ */ jsx(Box, { marginY: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(ruleW) }) }),
+        /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: M, children: "Recent activity" }) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "wrap", children: recentActivitySummary?.trim() ? recentActivitySummary.trim() : "No recent activity." })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { color: B, children: "\u2502" })
     ] }),
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", flexWrap: "wrap", children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "cwd " }),
-      /* @__PURE__ */ jsx(Text, { color: BLUMA_TERMINAL.brandBlue, children: dirName }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \u2502 session " }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: sessionId.slice(0, 8) })
+    /* @__PURE__ */ jsx(Text, { color: B, children: bottomLine }),
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 " }),
+      /* @__PURE__ */ jsx(Text, { color: B, bold: true, children: "NomadEngenuity" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \xB7 Factor stack \xB7 " }),
+      /* @__PURE__ */ jsx(Text, { bold: true, color: M, children: "/help" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " for shortcuts" })
     ] })
   ] });
 };
@@ -441,7 +526,7 @@ var TaskStatusBarComponent = ({
 var TaskStatusBar = memo(TaskStatusBarComponent);
 
 // src/app/ui/components/InputPrompt.tsx
-import { Box as Box2, Text as Text2, useStdout, useInput as useInput2 } from "ink";
+import { Box as Box2, Text as Text2, useStdout as useStdout2, useInput as useInput2 } from "ink";
 
 // src/app/ui/utils/useSimpleInputBuffer.ts
 import { useReducer, useRef, useCallback, useEffect } from "react";
@@ -742,12 +827,68 @@ import { EventEmitter as EventEmitter2 } from "events";
 
 // src/app/ui/utils/slashRegistry.ts
 var getSlashCommands = () => [
-  { name: "/help", description: "list commands" },
-  { name: "/mcp", description: "list tools connected via MCP" },
-  { name: "/tools", description: "list native tools" },
-  { name: "/init", description: "create a new BluMa.md file with codebase documentation" },
-  { name: "/clear", description: "clear history" }
+  {
+    name: "/help",
+    description: "list all slash commands (grouped)",
+    category: "help"
+  },
+  {
+    name: "/clear",
+    description: "clear chat below the welcome panel (welcome + session file unchanged)",
+    category: "session"
+  },
+  {
+    name: "/img",
+    description: "send local image(s) to the model: /img ./shot.png [your question]",
+    category: "agent"
+  },
+  {
+    name: "/image",
+    description: "alias of /img",
+    category: "agent"
+  },
+  {
+    name: "/skills",
+    description: "list load_skill modules (bundled + project + ~/.bluma)",
+    category: "inspect"
+  },
+  {
+    name: "/tools",
+    description: "list native tools (optional filter: /tools grep)",
+    category: "inspect"
+  },
+  {
+    name: "/mcp",
+    description: "list MCP tools (optional filter: /mcp fs)",
+    category: "inspect"
+  },
+  {
+    name: "/init",
+    description: "run init subagent \u2014 BluMa.md codebase documentation",
+    category: "agent"
+  }
 ];
+var CATEGORY_LABEL = {
+  session: "Session & UI",
+  inspect: "Inspect",
+  agent: "Agent",
+  help: "Help"
+};
+function formatSlashHelpLines() {
+  const cmds = getSlashCommands();
+  const byCat = (cat) => cmds.filter((c) => c.category === cat);
+  const lines = [];
+  for (const cat of ["help", "session", "agent", "inspect"]) {
+    const group = byCat(cat);
+    if (group.length === 0) continue;
+    lines.push(`${CATEGORY_LABEL[cat]}:`);
+    for (const c of group) {
+      lines.push(`  ${c.name.padEnd(14)} ${c.description}`);
+    }
+    lines.push("");
+  }
+  return lines;
+}
 var filterSlashCommands = (query) => {
   const list = getSlashCommands();
   const q = (query || "").toLowerCase();
@@ -1006,7 +1147,9 @@ var SlashSuggestions = memo2(({
       s.name,
       " ",
       /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
-        "- ",
+        "[",
+        s.category,
+        "] ",
         s.description
       ] })
     ] })
@@ -1014,13 +1157,13 @@ var SlashSuggestions = memo2(({
 }) }));
 SlashSuggestions.displayName = "SlashSuggestions";
 var InputRuleLine = memo2(() => {
-  const { stdout } = useStdout();
+  const { stdout } = useStdout2();
   const cols = stdout?.columns ?? 80;
   const n = Math.max(8, cols);
   return /* @__PURE__ */ jsx2(Text2, { color: "white", children: TERMINAL_RULE_CHAR.repeat(n) });
 });
 InputRuleLine.displayName = "InputRuleLine";
-var Footer = memo2(({ isReadOnly }) => /* @__PURE__ */ jsx2(Box2, { justifyContent: "center", children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: isReadOnly ? "ctrl+c to exit | Enter to send message | Shift+Enter for new line | esc interrupt | Ctrl+O expand last clip" : "ctrl+c to exit | Enter to submit | Shift+Enter for new line | /help commands | esc interrupt | Ctrl+O expand last clip" }) }));
+var Footer = memo2(({ isReadOnly }) => /* @__PURE__ */ jsx2(Box2, { justifyContent: "center", children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: isReadOnly ? "ctrl+c to exit | Enter to send message | Shift+Enter for new line | esc interrupt | Ctrl+O expand last clip" : "ctrl+c to exit | Enter to submit | Shift+Enter for new line | ? /help \xB7 /img \xB7 esc \xB7 Ctrl+O expand" }) }));
 Footer.displayName = "Footer";
 var TextLinesRenderer = memo2(({
   lines,
@@ -1058,7 +1201,7 @@ var InputPrompt = memo2(({
   onInterrupt,
   disableWhileProcessing = false
 }) => {
-  const { stdout } = useStdout();
+  const { stdout } = useStdout2();
   const [viewWidth] = useState2(() => stdout.columns - 6);
   const [slashOpen, setSlashOpen] = useState2(false);
   const [slashIndex, setSlashIndex] = useState2(0);
@@ -1583,8 +1726,8 @@ var ConfirmationPrompt = memo4(ConfirmationPromptComponent);
 
 // src/app/agent/agent.ts
 import * as dotenv from "dotenv";
-import path17 from "path";
-import os11 from "os";
+import path18 from "path";
+import os13 from "os";
 
 // src/app/agent/tool_invoker.ts
 import { promises as fs9 } from "fs";
@@ -1593,7 +1736,7 @@ import { fileURLToPath } from "url";
 
 // src/app/agent/tools/natives/edit.ts
 import path3 from "path";
-import os from "os";
+import os2 from "os";
 import { promises as fs2 } from "fs";
 import { diffLines } from "diff";
 var MAX_DIFF_SIZE = 5e4;
@@ -1601,7 +1744,7 @@ var MAX_FILE_SIZE = 10 * 1024 * 1024;
 function normalizePath(filePath) {
   try {
     filePath = filePath.trim();
-    if (os.platform() === "win32") {
+    if (os2.platform() === "win32") {
       const winDriveRegex = /^\/([a-zA-Z])[:/]/;
       const match = filePath.match(winDriveRegex);
       if (match) {
@@ -3028,12 +3171,12 @@ init_async_command();
 // src/app/agent/tools/natives/task_boundary.ts
 import path9 from "path";
 import { promises as fs7 } from "fs";
-import os3 from "os";
+import os4 from "os";
 var currentTask = null;
 var artifactsDir = null;
 async function getArtifactsDir() {
   if (artifactsDir) return artifactsDir;
-  const homeDir = os3.homedir();
+  const homeDir = os4.homedir();
   const baseDir = path9.join(homeDir, ".bluma", "artifacts");
   const sessionId = Date.now().toString(36) + Math.random().toString(36).substr(2, 5);
   artifactsDir = path9.join(baseDir, sessionId);
@@ -3526,7 +3669,7 @@ ${skill.content}`;
 // src/app/agent/tools/natives/coding_memory.ts
 import * as fs8 from "fs";
 import * as path10 from "path";
-import os4 from "os";
+import os5 from "os";
 var PROMPT_DEFAULT_MAX_TOTAL = 1e4;
 var PROMPT_DEFAULT_MAX_NOTES = 25;
 var PROMPT_DEFAULT_PREVIEW = 500;
@@ -3534,7 +3677,7 @@ function readCodingMemoryForPrompt(options) {
   const maxTotal = options?.maxTotalChars ?? PROMPT_DEFAULT_MAX_TOTAL;
   const maxNotes = options?.maxNotes ?? PROMPT_DEFAULT_MAX_NOTES;
   const preview = options?.previewCharsPerNote ?? PROMPT_DEFAULT_PREVIEW;
-  const globalPath = path10.join(os4.homedir(), ".bluma", "coding_memory.json");
+  const globalPath = path10.join(os5.homedir(), ".bluma", "coding_memory.json");
   const legacyPath = path10.join(process.cwd(), ".bluma", "coding_memory.json");
   let raw = null;
   try {
@@ -3579,7 +3722,7 @@ var memoryStore = [];
 var nextId2 = 1;
 var loaded = false;
 function getMemoryFilePath() {
-  return path10.join(os4.homedir(), ".bluma", "coding_memory.json");
+  return path10.join(os5.homedir(), ".bluma", "coding_memory.json");
 }
 function getLegacyMemoryFilePath() {
   return path10.join(process.cwd(), ".bluma", "coding_memory.json");
@@ -3889,7 +4032,7 @@ var ToolInvoker = class {
 // src/app/agent/tools/mcp/mcp_client.ts
 import { promises as fs10 } from "fs";
 import path12 from "path";
-import os5 from "os";
+import os6 from "os";
 import { fileURLToPath as fileURLToPath2 } from "url";
 import { Client } from "@modelcontextprotocol/sdk/client/index.js";
 import { StdioClientTransport } from "@modelcontextprotocol/sdk/client/stdio.js";
@@ -3918,7 +4061,7 @@ var MCPClient = class {
     const __filename = fileURLToPath2(import.meta.url);
     const __dirname2 = path12.dirname(__filename);
     const defaultConfigPath = path12.resolve(__dirname2, "config", "bluma-mcp.json");
-    const userConfigPath = path12.join(os5.homedir(), ".bluma", "bluma-mcp.json");
+    const userConfigPath = path12.join(os6.homedir(), ".bluma", "bluma-mcp.json");
     const defaultConfig = await this.loadMcpConfig(defaultConfigPath, "Default");
     const userConfig = await this.loadMcpConfig(userConfigPath, "User");
     const mergedConfig = {
@@ -3971,7 +4114,7 @@ var MCPClient = class {
   async connectToStdioServer(serverName, config2) {
     let commandToExecute = config2.command;
     let argsToExecute = config2.args || [];
-    const isWindows = os5.platform() === "win32";
+    const isWindows = os6.platform() === "win32";
     if (!isWindows && commandToExecute.toLowerCase() === "cmd") {
       if (argsToExecute.length >= 2 && argsToExecute[0].toLowerCase() === "/c") {
         commandToExecute = argsToExecute[1];
@@ -4087,12 +4230,12 @@ var AdvancedFeedbackSystem = class {
 };
 
 // src/app/agent/bluma/core/bluma.ts
-import path16 from "path";
+import path17 from "path";
 import { v4 as uuidv43 } from "uuid";
 
 // src/app/agent/session_manager/session_manager.ts
 import path13 from "path";
-import os6 from "os";
+import os7 from "os";
 import { promises as fs11 } from "fs";
 var fileLocks = /* @__PURE__ */ new Map();
 async function withFileLock(file, fn) {
@@ -4129,12 +4272,12 @@ function debouncedSave(sessionFile, history, memory) {
 function expandHome(p) {
   if (!p) return p;
   if (p.startsWith("~")) {
-    return path13.join(os6.homedir(), p.slice(1));
+    return path13.join(os7.homedir(), p.slice(1));
   }
   return p;
 }
 function getPreferredAppDir() {
-  const fixed = path13.join(os6.homedir(), ".bluma");
+  const fixed = path13.join(os7.homedir(), ".bluma");
   return path13.resolve(expandHome(fixed));
 }
 async function safeRenameWithRetry(src, dest, maxRetries = 6) {
@@ -4277,7 +4420,7 @@ async function saveSessionHistory(sessionFile, history, memory) {
 }
 
 // src/app/agent/core/prompt/prompt_builder.ts
-import os8 from "os";
+import os9 from "os";
 import fs13 from "fs";
 import path15 from "path";
 import { execSync } from "child_process";
@@ -4285,7 +4428,7 @@ import { execSync } from "child_process";
 // src/app/agent/skills/skill_loader.ts
 import fs12 from "fs";
 import path14 from "path";
-import os7 from "os";
+import os8 from "os";
 var SkillLoader = class _SkillLoader {
   bundledSkillsDir;
   projectSkillsDir;
@@ -4294,7 +4437,7 @@ var SkillLoader = class _SkillLoader {
   conflicts = [];
   constructor(projectRoot, bundledDir) {
     this.projectSkillsDir = path14.join(projectRoot, ".bluma", "skills");
-    this.globalSkillsDir = path14.join(os7.homedir(), ".bluma", "skills");
+    this.globalSkillsDir = path14.join(os8.homedir(), ".bluma", "skills");
     this.bundledSkillsDir = bundledDir || _SkillLoader.resolveBundledDir();
   }
   /**
@@ -4305,10 +4448,19 @@ var SkillLoader = class _SkillLoader {
     if (process.env.JEST_WORKER_ID !== void 0 || process.env.NODE_ENV === "test") {
       return path14.join(process.cwd(), "dist", "config", "skills");
     }
-    const candidates = [
+    const candidates = [];
+    const argv1 = process.argv[1];
+    if (argv1 && !argv1.startsWith("-")) {
+      try {
+        const scriptDir = path14.dirname(path14.resolve(argv1));
+        candidates.push(path14.join(scriptDir, "config", "skills"));
+      } catch {
+      }
+    }
+    candidates.push(
       path14.join(process.cwd(), "dist", "config", "skills"),
       path14.join(process.cwd(), "node_modules", "@nomad-e", "bluma-cli", "dist", "config", "skills")
-    ];
+    );
     if (typeof __dirname !== "undefined") {
       candidates.push(
         path14.join(__dirname, "config", "skills"),
@@ -4695,6 +4847,10 @@ var SYSTEM_PROMPT = `
 - NEVER try to \`load_skill\` with a name that isn't in \`<available_skills>\`
 - Your base knowledge (testing, git, docker...) is NOT a skill - it's just knowledge you have
 
+**Git / commits (when \`git-commit\` is listed in \`<available_skills>\`):**
+- For "commit", "push", "commit message", or "conventional commit": call \`load_skill({ skill_name: "git-commit" })\` **before** \`git commit\`, then follow the skill body (scopes, types, optional validator script).
+- The bundled skill name is exactly \`git-commit\`. Do **not** use \`git-conventional\` or other invented names.
+
 **Progressive Disclosure (Skills with references and scripts):**
 
 Skills may include additional assets beyond the SKILL.md body:
@@ -5108,12 +5264,12 @@ In sandbox mode you are a Python-focused, non-interactive, deterministic agent t
 function getUnifiedSystemPrompt(availableSkills) {
   const cwd = process.cwd();
   const env = {
-    os_type: os8.type(),
-    os_version: os8.release(),
-    architecture: os8.arch(),
+    os_type: os9.type(),
+    os_version: os9.release(),
+    architecture: os9.arch(),
     workdir: cwd,
     shell_type: process.env.SHELL || process.env.COMSPEC || "unknown",
-    username: os8.userInfo().username,
+    username: os9.userInfo().username,
     current_date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
     timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
     is_git_repo: isGitRepo(cwd) ? "yes" : "no",
@@ -5218,7 +5374,7 @@ tools:
 
 2. READ FRONTMATTER FIRST
    - name: npm-publish
-   - depends_on: [git-conventional]
+   - depends_on: [git-commit]
    - tools.required: [shell_command, command_status]
    - tools.recommended: [read_file_lines, message]
 
@@ -5255,17 +5411,17 @@ User: "Publish the package"
 2. load_skill({ skill_name: "npm-publish" })
 
 3. Read frontmatter:
-   - depends_on: [git-conventional]
+   - depends_on: [git-commit]
    - tools.required: [shell_command, command_status]
 
 4. Read body -> Workflow says:
-   "Step 1: If uncommitted changes, delegate to git-conventional"
+   "Step 1: If uncommitted changes, delegate to git-commit"
 
 5. Check git status with shell_command (required tool)
    Found changes
 
-6. Delegate: load_skill({ skill_name: "git-conventional" })
-   - Read git-conventional frontmatter
+6. Delegate: load_skill({ skill_name: "git-commit" })
+   - Read git-commit frontmatter
    - Follow its workflow for commit
    - Commit done
 
@@ -5579,7 +5735,7 @@ async function createApiContextWindow(fullHistory, currentAnchor, compressedTurn
 }
 
 // src/app/agent/core/llm/llm.ts
-import os9 from "os";
+import os10 from "os";
 import OpenAI from "openai";
 function defaultBlumaUserContextInput(sessionId, userMessage) {
   const msg = String(userMessage || "").slice(0, 300);
@@ -5596,7 +5752,7 @@ function defaultBlumaUserContextInput(sessionId, userMessage) {
 }
 function getPreferredMacAddress() {
   try {
-    const ifaces = os9.networkInterfaces();
+    const ifaces = os10.networkInterfaces();
     for (const name of Object.keys(ifaces)) {
       const addrs = ifaces[name];
       if (!addrs) continue;
@@ -5611,7 +5767,7 @@ function getPreferredMacAddress() {
   } catch {
   }
   try {
-    return `host:${os9.hostname()}`;
+    return `host:${os10.hostname()}`;
   } catch {
     return "unknown";
   }
@@ -5621,7 +5777,7 @@ function defaultInteractiveCliUserContextInput(sessionId, userMessage) {
   const machineId = getPreferredMacAddress();
   let userName = null;
   try {
-    userName = os9.userInfo().username || null;
+    userName = os10.userInfo().username || null;
   } catch {
     userName = null;
   }
@@ -5948,6 +6104,134 @@ var ToolCallNormalizer = class {
   }
 };
 
+// src/app/agent/utils/user_message_images.ts
+import fs14 from "fs";
+import os11 from "os";
+import path16 from "path";
+var IMAGE_EXT = /\.(png|jpe?g|gif|webp|bmp)$/i;
+var MAX_IMAGE_BYTES = 4 * 1024 * 1024;
+var MAX_IMAGES = 6;
+var MIME = {
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".gif": "image/gif",
+  ".webp": "image/webp",
+  ".bmp": "image/bmp"
+};
+function expandUserPath(p) {
+  const t = p.trim();
+  if (t.startsWith("~")) {
+    return path16.join(os11.homedir(), t.slice(1).replace(/^\//, ""));
+  }
+  return t;
+}
+function isPathAllowed(absResolved, cwd) {
+  const resolved = path16.normalize(path16.resolve(absResolved));
+  const cwdR = path16.normalize(path16.resolve(cwd));
+  const homeR = path16.normalize(path16.resolve(os11.homedir()));
+  const underCwd = resolved === cwdR || resolved.startsWith(cwdR + path16.sep);
+  const underHome = resolved === homeR || resolved.startsWith(homeR + path16.sep);
+  return underCwd || underHome;
+}
+function mimeFor(abs) {
+  const ext = path16.extname(abs).toLowerCase();
+  return MIME[ext] || "application/octet-stream";
+}
+function collectImagePathStrings(raw) {
+  const found = [];
+  const seen = /* @__PURE__ */ new Set();
+  const quoted = /(["'])((?:(?!\1).)*?\.(?:png|jpe?g|gif|webp|bmp))\1/gi;
+  for (const m of raw.matchAll(quoted)) {
+    const p = m[2].trim();
+    if (p && !seen.has(p)) {
+      seen.add(p);
+      found.push(p);
+    }
+  }
+  const withoutQuoted = raw.replace(quoted, " ");
+  const tokens = withoutQuoted.split(/\s+/);
+  for (let tok of tokens) {
+    tok = tok.replace(/^[([{]+/, "").replace(/[)\]},;:]+$/, "");
+    if (!tok || !IMAGE_EXT.test(tok)) continue;
+    if (!seen.has(tok)) {
+      seen.add(tok);
+      found.push(tok);
+    }
+  }
+  return found;
+}
+function resolveImagePath(candidate, cwd) {
+  const expanded = expandUserPath(candidate);
+  const abs = path16.isAbsolute(expanded) ? path16.normalize(expanded) : path16.normalize(path16.resolve(cwd, expanded));
+  if (!isPathAllowed(abs, cwd)) return null;
+  try {
+    if (!fs14.existsSync(abs) || !fs14.statSync(abs).isFile()) return null;
+  } catch {
+    return null;
+  }
+  if (!IMAGE_EXT.test(abs)) return null;
+  return abs;
+}
+function stripImagePathStrings(text, paths) {
+  let out = text;
+  for (const p of paths) {
+    const q = p.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    out = out.replace(new RegExp(`["']${q}["']`, "gi"), " ");
+    out = out.replace(new RegExp(`(?<=^|\\s)${q}(?=\\s|$)`, "gi"), " ");
+  }
+  return out.replace(/\s{2,}/g, " ").trim();
+}
+function buildUserMessageContent(raw, cwd) {
+  const trimmed = raw.trim();
+  if (!trimmed) return trimmed;
+  const candidates = collectImagePathStrings(trimmed);
+  const resolvedAbs = [];
+  const usedStrings = [];
+  for (const c of candidates) {
+    if (resolvedAbs.length >= MAX_IMAGES) break;
+    const abs = resolveImagePath(c, cwd);
+    if (!abs) continue;
+    try {
+      const st = fs14.statSync(abs);
+      if (st.size > MAX_IMAGE_BYTES) continue;
+    } catch {
+      continue;
+    }
+    resolvedAbs.push(abs);
+    usedStrings.push(c);
+  }
+  if (resolvedAbs.length === 0) {
+    return trimmed;
+  }
+  let textPart = stripImagePathStrings(trimmed, usedStrings);
+  if (!textPart) {
+    textPart = "(User attached image(s) only \u2014 describe, compare, or answer using the image(s).)";
+  }
+  const note = resolvedAbs.map((p) => path16.basename(p)).join(", ");
+  const parts = [
+    {
+      type: "text",
+      text: `${textPart}
+
+[Attached local image file(s): ${note}]`
+    }
+  ];
+  for (const abs of resolvedAbs) {
+    const buf = fs14.readFileSync(abs);
+    const b64 = buf.toString("base64");
+    const mime = mimeFor(abs);
+    parts.push({
+      type: "image_url",
+      image_url: {
+        url: `data:${mime};base64,${b64}`,
+        detail: "auto"
+      }
+    });
+  }
+  return parts;
+}
+
 // src/app/agent/bluma/core/bluma.ts
 var BluMaAgent = class {
   llm;
@@ -6020,29 +6304,38 @@ var BluMaAgent = class {
       history: this.history,
       skillLoader: this.skillLoader
     });
-    if (this.history.length === 0) {
-      const dirs = this.skillLoader.getSkillsDirs();
-      this.eventBus.emit("backend_message", {
-        type: "info",
-        message: `Skills dirs \u2014 bundled: ${dirs.bundled} | project: ${dirs.project} | global: ${dirs.global}`
-      });
-      const availableSkills = this.skillLoader.listAvailable();
-      this.eventBus.emit("backend_message", {
-        type: "info",
-        message: `Skills loaded: ${availableSkills.length} \u2014 ${availableSkills.map((s) => `${s.name} (${s.source})`).join(", ") || "none"}`
-      });
-      if (this.skillLoader.hasConflicts()) {
-        for (const warning of this.skillLoader.formatConflictWarnings()) {
-          this.eventBus.emit("backend_message", {
-            type: "warning",
-            message: warning
-          });
-        }
+    const dirs = this.skillLoader.getSkillsDirs();
+    this.eventBus.emit("backend_message", {
+      type: "info",
+      message: `Skills dirs \u2014 bundled: ${dirs.bundled} | project: ${dirs.project} | global: ${dirs.global}`
+    });
+    const availableSkills = this.skillLoader.listAvailable();
+    this.eventBus.emit("backend_message", {
+      type: "info",
+      message: `Skills loaded: ${availableSkills.length} \u2014 ${availableSkills.map((s) => `${s.name} (${s.source})`).join(", ") || "none"}`
+    });
+    if (this.skillLoader.hasConflicts()) {
+      for (const warning of this.skillLoader.formatConflictWarnings()) {
+        this.eventBus.emit("backend_message", {
+          type: "warning",
+          message: warning
+        });
       }
-      const systemPrompt = getUnifiedSystemPrompt(availableSkills);
+    }
+    const systemPrompt = getUnifiedSystemPrompt(availableSkills);
+    if (this.history.length === 0) {
       this.history.push({ role: "system", content: systemPrompt });
-      this.persistSession();
+    } else {
+      const sysIdx = this.history.findIndex(
+        (m) => m.role === "system" && typeof m.content === "string" && String(m.content).includes("<identity>")
+      );
+      if (sysIdx >= 0) {
+        this.history[sysIdx] = { ...this.history[sysIdx], content: systemPrompt };
+      } else {
+        this.history.unshift({ role: "system", content: systemPrompt });
+      }
     }
+    this.persistSession();
   }
   getAvailableTools() {
     return this.mcpClient.getAvailableTools();
@@ -6050,6 +6343,12 @@ var BluMaAgent = class {
   getUiToolsDetailed() {
     return this.mcpClient.getAvailableToolsDetailed();
   }
+  listAvailableSkills() {
+    return this.skillLoader.listAvailable();
+  }
+  getSkillsDirs() {
+    return this.skillLoader.getSkillsDirs();
+  }
   async processTurn(userInput, userContextInput) {
     this.isInterrupted = false;
     this.factorRouterTurnClosed = false;
@@ -6060,7 +6359,8 @@ var BluMaAgent = class {
       turnId,
       sessionId: userContextInput.sessionId || this.sessionId
     };
-    this.history.push({ role: "user", content: inputText });
+    const userContent = buildUserMessageContent(inputText, process.cwd());
+    this.history.push({ role: "user", content: userContent });
     if (inputText === "/init") {
       this.eventBus.emit("dispatch", inputText);
     }
@@ -6213,7 +6513,7 @@ var BluMaAgent = class {
 
 ${editData.error.display}`;
       }
-      const filename = path16.basename(toolArgs.file_path);
+      const filename = path17.basename(toolArgs.file_path);
       return createDiff(filename, editData.currentContent || "", editData.newContent);
     } catch (e) {
       return `An unexpected error occurred while generating the edit preview: ${e.message}`;
@@ -6471,7 +6771,7 @@ import { v4 as uuidv45 } from "uuid";
 import { v4 as uuidv44 } from "uuid";
 
 // src/app/agent/subagents/init/init_system_prompt.ts
-import os10 from "os";
+import os12 from "os";
 var SYSTEM_PROMPT2 = `
 
 ### YOU ARE BluMa CLI \u2014 INIT SUBAGENT \u2014 AUTONOMOUS SENIOR SOFTWARE ENGINEER @ NOMADENGENUITY
@@ -6634,12 +6934,12 @@ Rule Summary:
 function getInitPrompt() {
   const now = /* @__PURE__ */ new Date();
   const collectedData = {
-    os_type: os10.type(),
-    os_version: os10.release(),
-    architecture: os10.arch(),
+    os_type: os12.type(),
+    os_version: os12.release(),
+    architecture: os12.arch(),
     workdir: process.cwd(),
     shell_type: process.env.SHELL || process.env.COMSPEC || "Unknown",
-    username: os10.userInfo().username || "Unknown",
+    username: os12.userInfo().username || "Unknown",
     current_date: now.toISOString().split("T")[0],
     // Formato YYYY-MM-DD
     timezone: Intl.DateTimeFormat().resolvedOptions().timeZone || "Unknown",
@@ -6920,14 +7220,14 @@ var RouteManager = class {
     this.subAgents = subAgents;
     this.core = core;
   }
-  registerRoute(path19, handler) {
-    this.routeHandlers.set(path19, handler);
+  registerRoute(path21, handler) {
+    this.routeHandlers.set(path21, handler);
   }
   async handleRoute(payload) {
     const inputText = String(payload.content || "").trim();
     const { userContext } = payload;
-    for (const [path19, handler] of this.routeHandlers) {
-      if (inputText === path19 || inputText.startsWith(`${path19} `)) {
+    for (const [path21, handler] of this.routeHandlers) {
+      if (inputText === path21 || inputText.startsWith(`${path21} `)) {
         return handler({ content: inputText, userContext });
       }
     }
@@ -6936,7 +7236,7 @@ var RouteManager = class {
 };
 
 // src/app/agent/agent.ts
-var globalEnvPath = path17.join(os11.homedir(), ".bluma", ".env");
+var globalEnvPath = path18.join(os13.homedir(), ".bluma", ".env");
 dotenv.config({ path: globalEnvPath });
 var Agent = class {
   sessionId;
@@ -7047,6 +7347,13 @@ var Agent = class {
   getUiToolsDetailed() {
     return this.core.getUiToolsDetailed();
   }
+  /** Skills list for UI (/skills) — same source as system prompt & load_skill. */
+  listAvailableSkills() {
+    return this.core.listAvailableSkills();
+  }
+  getSkillsDirs() {
+    return this.core.getSkillsDirs();
+  }
   async processTurn(userInput, userContextInput) {
     const inputText = String(userInput.content || "").trim();
     const resolvedUserContext = userContextInput ?? defaultInteractiveCliUserContextInput(this.sessionId, inputText.slice(0, 300));
@@ -7153,12 +7460,12 @@ var renderShellCommand2 = ({ args }) => {
 };
 var renderLsTool2 = ({ args }) => {
   const parsed = parseArgs(args);
-  const path19 = parsed.directory_path || ".";
+  const path21 = parsed.directory_path || ".";
   return /* @__PURE__ */ jsxs9(Box9, { children: [
     /* @__PURE__ */ jsx9(Text9, { color: BLUMA_TERMINAL.brandBlue, bold: true, children: "ls" }),
     /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
       " ",
-      path19
+      path21
     ] })
   ] });
 };
@@ -7294,7 +7601,7 @@ var renderFindByName = ({ args }) => {
 var renderGrepSearch = ({ args }) => {
   const parsed = parseArgs(args);
   const query = parsed.query || "";
-  const path19 = parsed.path || ".";
+  const path21 = parsed.path || ".";
   return /* @__PURE__ */ jsxs9(Box9, { children: [
     /* @__PURE__ */ jsx9(Text9, { color: BLUMA_TERMINAL.brandBlue, bold: true, children: "grep" }),
     /* @__PURE__ */ jsxs9(Text9, { color: BLUMA_TERMINAL.brandMagenta, children: [
@@ -7304,7 +7611,7 @@ var renderGrepSearch = ({ args }) => {
     ] }),
     /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
       " ",
-      path19
+      path21
     ] })
   ] });
 };
@@ -7873,10 +8180,10 @@ var ToolResultDisplayComponent = ({ toolName, result }) => {
       ] }),
       matches.slice(0, 5).map((m, i) => {
         const row = m;
-        const path19 = row.file || row.path || row.name || m;
+        const path21 = row.file || row.path || row.name || m;
         const line = row.line;
         return /* @__PURE__ */ jsxs11(Text11, { dimColor: true, children: [
-          String(path19),
+          String(path21),
           line != null ? `:${line}` : ""
         ] }, i);
       }),
@@ -8008,8 +8315,18 @@ var SessionInfoConnectingMCP_default = SessionInfoConnectingMCP;
 
 // src/app/ui/components/SlashCommands.tsx
 import { Box as Box14, Text as Text13 } from "ink";
+
+// src/app/ui/constants/historyLayout.ts
+var HEADER_PANEL_HISTORY_ID = 0;
+
+// src/app/ui/components/SlashCommands.tsx
 import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-var SlashCommands = ({ input, setHistory, agentRef }) => {
+var SlashCommands = ({
+  input,
+  setHistory,
+  agentRef,
+  onClearRecent
+}) => {
   const [cmd, ...args] = input.slice(1).trim().split(/\s+/);
   const outBox = (children) => /* @__PURE__ */ jsx14(ChatBlock, { marginBottom: 1, children: /* @__PURE__ */ jsx14(Box14, { paddingLeft: 1, flexDirection: "column", children }) });
   const render2 = () => {
@@ -8017,19 +8334,59 @@ var SlashCommands = ({ input, setHistory, agentRef }) => {
       return null;
     }
     if (cmd === "help") {
-      const cmds = getSlashCommands();
+      const lines = formatSlashHelpLines();
+      return outBox(
+        /* @__PURE__ */ jsxs13(Fragment2, { children: [
+          /* @__PURE__ */ jsxs13(Box14, { marginBottom: 1, children: [
+            /* @__PURE__ */ jsx14(Text13, { bold: true, color: BLUMA_TERMINAL.brandMagenta, children: "Slash commands" }),
+            /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: " \xB7 " }),
+            /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "put .png/.jpg/.webp paths in a normal message to attach images (project dir or ~)" })
+          ] }),
+          /* @__PURE__ */ jsx14(Box14, { flexDirection: "column", children: lines.map((line, i) => /* @__PURE__ */ jsx14(Text13, { dimColor: line.trim().length > 0, children: line || " " }, i)) })
+        ] })
+      );
+    }
+    if (cmd === "skills") {
+      const list = agentRef.current?.listAvailableSkills?.() || [];
+      const dirs = agentRef.current?.getSkillsDirs?.();
       return outBox(
         /* @__PURE__ */ jsxs13(Fragment2, { children: [
-          /* @__PURE__ */ jsx14(Box14, { marginBottom: 1, children: /* @__PURE__ */ jsx14(Text13, { bold: true, color: BLUMA_TERMINAL.brandMagenta, children: "Available Commands" }) }),
-          /* @__PURE__ */ jsx14(Box14, { flexDirection: "column", children: cmds.map((c, i) => /* @__PURE__ */ jsxs13(Box14, { children: [
-            /* @__PURE__ */ jsx14(Text13, { color: BLUMA_TERMINAL.brandBlue, children: c.name.padEnd(12) }),
-            /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: c.description })
+          /* @__PURE__ */ jsxs13(Box14, { marginBottom: 1, children: [
+            /* @__PURE__ */ jsx14(Text13, { bold: true, color: BLUMA_TERMINAL.brandMagenta, children: "Skills (load_skill)" }),
+            /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+              " \xB7 ",
+              list.length,
+              " available"
+            ] })
+          ] }),
+          dirs ? /* @__PURE__ */ jsxs13(Box14, { marginBottom: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+              "bundled: ",
+              String(dirs.bundled || "")
+            ] }),
+            /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+              "project: ",
+              String(dirs.project || "")
+            ] }),
+            /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+              "global: ",
+              String(dirs.global || "")
+            ] })
+          ] }) : null,
+          list.length === 0 ? /* @__PURE__ */ jsx14(Text13, { color: "yellow", children: "No skills found (check bundled dist/config/skills)." }) : /* @__PURE__ */ jsx14(Box14, { flexDirection: "column", children: list.map((s, i) => /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", marginBottom: 1, children: [
+            /* @__PURE__ */ jsx14(Text13, { color: BLUMA_TERMINAL.brandBlue, bold: true, children: s.name }),
+            /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+              s.source,
+              " \u2014 ",
+              s.description || "\u2014"
+            ] })
           ] }, i)) })
         ] })
       );
     }
     if (cmd === "clear") {
-      setHistory((prev) => prev.filter((item) => item.id === 0 || item.id === 1));
+      onClearRecent?.();
+      setHistory((prev) => prev.filter((item) => item.id === HEADER_PANEL_HISTORY_ID));
       return outBox(
         /* @__PURE__ */ jsxs13(Box14, { children: [
           /* @__PURE__ */ jsx14(Text13, { color: "green", children: "[ok]" }),
@@ -8173,16 +8530,16 @@ var SlashCommands_default = SlashCommands;
 // src/app/agent/utils/update_check.ts
 import updateNotifier from "update-notifier";
 import { fileURLToPath as fileURLToPath3 } from "url";
-import path18 from "path";
-import fs14 from "fs";
+import path19 from "path";
+import fs15 from "fs";
 var BLUMA_PACKAGE_NAME = "@nomad-e/bluma-cli";
 function findBlumaPackageJson(startDir) {
   let dir = startDir;
   for (let i = 0; i < 10; i++) {
-    const candidate = path18.join(dir, "package.json");
-    if (fs14.existsSync(candidate)) {
+    const candidate = path19.join(dir, "package.json");
+    if (fs15.existsSync(candidate)) {
       try {
-        const raw = fs14.readFileSync(candidate, "utf8");
+        const raw = fs15.readFileSync(candidate, "utf8");
         const parsed = JSON.parse(raw);
         if (parsed?.name === BLUMA_PACKAGE_NAME && parsed?.version) {
           return { name: parsed.name, version: parsed.version };
@@ -8190,7 +8547,7 @@ function findBlumaPackageJson(startDir) {
       } catch {
       }
     }
-    const parent = path18.dirname(dir);
+    const parent = path19.dirname(dir);
     if (parent === dir) break;
     dir = parent;
   }
@@ -8203,12 +8560,12 @@ async function checkForUpdates() {
     }
     const binPath = process.argv?.[1];
     let pkg = null;
-    if (binPath && fs14.existsSync(binPath)) {
-      pkg = findBlumaPackageJson(path18.dirname(binPath));
+    if (binPath && fs15.existsSync(binPath)) {
+      pkg = findBlumaPackageJson(path19.dirname(binPath));
     }
     if (!pkg) {
       const __filename = fileURLToPath3(import.meta.url);
-      const __dirname2 = path18.dirname(__filename);
+      const __dirname2 = path19.dirname(__filename);
       pkg = findBlumaPackageJson(__dirname2);
     }
     if (!pkg) {
@@ -8438,7 +8795,12 @@ var SAFE_AUTO_APPROVE_TOOLS = [
   // Status de comandos (read-only)
   "command_status"
 ];
-var AppComponent = ({ eventBus, sessionId }) => {
+function trimRecentActivity(s, max = 72) {
+  const t = String(s ?? "").replace(/\s+/g, " ").trim();
+  if (!t) return "";
+  return t.length <= max ? t : `${t.slice(0, max - 1)}\u2026`;
+}
+var AppComponent = ({ eventBus, sessionId, cliVersion }) => {
   const agentInstance = useRef5(null);
   const [history, setHistory] = useState6([]);
   const [statusMessage, setStatusMessage] = useState6(
@@ -8456,6 +8818,7 @@ var AppComponent = ({ eventBus, sessionId }) => {
     null
   );
   const [isInitAgentActive, setIsInitAgentActive] = useState6(false);
+  const [recentActivityLine, setRecentActivityLine] = useState6(null);
   const alwaysAcceptList = useRef5([]);
   const workdir = process.cwd();
   const updateCheckRan = useRef5(false);
@@ -8488,6 +8851,26 @@ var AppComponent = ({ eventBus, sessionId }) => {
       expandPreviewHotkeyBus.off("expand", appendExpandPreviewToHistory);
     };
   }, [appendExpandPreviewToHistory]);
+  useEffect7(() => {
+    setHistory((prev) => {
+      const tail = prev.filter((h) => h.id !== HEADER_PANEL_HISTORY_ID);
+      return [
+        {
+          id: HEADER_PANEL_HISTORY_ID,
+          component: /* @__PURE__ */ jsx20(
+            Header,
+            {
+              sessionId,
+              workdir,
+              cliVersion,
+              recentActivitySummary: recentActivityLine
+            }
+          )
+        },
+        ...tail
+      ];
+    });
+  }, [sessionId, workdir, cliVersion, recentActivityLine]);
   const handleInterrupt = useCallback2(() => {
     if (!isProcessing) return;
     eventBus.emit("user_interrupt");
@@ -8504,12 +8887,45 @@ var AppComponent = ({ eventBus, sessionId }) => {
   const handleSubmit = useCallback2(
     (text) => {
       if (!text || isProcessing || !agentInstance.current) return;
+      if (/^\/img\s+/i.test(text) || /^\/image\s+/i.test(text)) {
+        const payload = text.replace(/^\/img\s+/i, "").replace(/^\/image\s+/i, "").trim();
+        if (!payload) {
+          setHistory((prev) => [
+            ...prev,
+            {
+              id: prev.length,
+              component: /* @__PURE__ */ jsx20(ChatMeta, { children: "Usage: /img ./screenshot.png \u2014 optional text after the path is sent too" })
+            }
+          ]);
+          return;
+        }
+        setIsProcessing(true);
+        turnStartedAtRef.current = Date.now();
+        const shown = payload.length > 800 ? `${payload.slice(0, 800)}\u2026` : payload;
+        setHistory((prev) => [
+          ...prev,
+          {
+            id: prev.length,
+            component: /* @__PURE__ */ jsxs19(ChatUserMessage, { children: [
+              /* @__PURE__ */ jsxs19(Text19, { bold: true, color: "white", children: [
+                "/img",
+                " "
+              ] }),
+              /* @__PURE__ */ jsx20(Text19, { dimColor: true, children: shown })
+            ] })
+          }
+        ]);
+        setRecentActivityLine(`Prompt: ${trimRecentActivity(payload)}`);
+        agentInstance.current.processTurn({ content: payload });
+        return;
+      }
       if (text.startsWith("/")) {
         const [cmd] = text.slice(1).trim().split(/\s+/);
         if (!cmd) {
           setIsProcessing(false);
           return;
         }
+        setRecentActivityLine(`You: ${trimRecentActivity(text)}`);
         if (cmd === "init") {
           setIsInitAgentActive(true);
           setIsProcessing(true);
@@ -8531,7 +8947,8 @@ var AppComponent = ({ eventBus, sessionId }) => {
               {
                 input: text,
                 setHistory,
-                agentRef: agentInstance
+                agentRef: agentInstance,
+                onClearRecent: () => setRecentActivityLine(null)
               }
             )
           }
@@ -8556,6 +8973,7 @@ var AppComponent = ({ eventBus, sessionId }) => {
             ] }) })
           }
         ]);
+        setRecentActivityLine(`Shell: ${trimRecentActivity(command)}`);
         Promise.resolve().then(() => (init_async_command(), async_command_exports)).then(async ({ runCommandAsync: runCommandAsync2 }) => {
           try {
             const result = await runCommandAsync2({ command, cwd: workdir });
@@ -8607,6 +9025,7 @@ Please use command_status to check the result and report back to the user.`;
           component: /* @__PURE__ */ jsx20(ChatUserMessage, { children: /* @__PURE__ */ jsx20(Text19, { children: displayText }) })
         }
       ]);
+      setRecentActivityLine(`You: ${trimRecentActivity(text)}`);
       agentInstance.current.processTurn({ content: text });
     },
     [isProcessing]
@@ -8633,7 +9052,6 @@ Please use command_status to check the result and report back to the user.`;
     []
   );
   useEffect7(() => {
-    setHistory([{ id: 0, component: /* @__PURE__ */ jsx20(Header, { sessionId, workdir }) }]);
     const initializeAgent = async () => {
       try {
         agentInstance.current = new Agent(sessionId, eventBus);
@@ -8702,10 +9120,6 @@ Please use command_status to check the result and report back to the user.`;
           setToolsCount(parsed.tools);
           setMcpStatus("connected");
           setIsProcessing(false);
-          setHistory((prev) => {
-            const newHistory = [...prev];
-            return newHistory;
-          });
           if (!updateCheckRan.current) {
             updateCheckRan.current = true;
             Promise.resolve().then(() => checkForUpdates()).then((msg) => {
@@ -8744,7 +9158,9 @@ Please use command_status to check the result and report back to the user.`;
             }
           );
         } else if (parsed.type === "tool_call") {
-          const nextId3 = history.length;
+          if (parsed.tool_name) {
+            setRecentActivityLine(`Tool: ${String(parsed.tool_name)}`);
+          }
           newComponent = /* @__PURE__ */ jsx20(
             ToolCallDisplay,
             {
@@ -8762,6 +9178,11 @@ Please use command_status to check the result and report back to the user.`;
             }
           );
         } else if (parsed.type === "user_overlay") {
+          if (parsed.payload != null && String(parsed.payload).trim()) {
+            setRecentActivityLine(
+              `Context: ${trimRecentActivity(String(parsed.payload))}`
+            );
+          }
           newComponent = /* @__PURE__ */ jsx20(ChatUserMessage, { children: /* @__PURE__ */ jsx20(Text19, { dimColor: true, children: parsed.payload }) });
         } else if (parsed.type === "reasoning") {
           newComponent = /* @__PURE__ */ jsx20(ReasoningDisplay, { reasoning: parsed.content });
@@ -8952,9 +9373,9 @@ async function runAgentMode() {
   try {
     if (inputFileIndex !== -1 && args[inputFileIndex + 1]) {
       const filePath = args[inputFileIndex + 1];
-      rawPayload = fs15.readFileSync(filePath, "utf-8");
+      rawPayload = fs16.readFileSync(filePath, "utf-8");
     } else {
-      rawPayload = fs15.readFileSync(0, "utf-8");
+      rawPayload = fs16.readFileSync(0, "utf-8");
     }
   } catch (err) {
     writeJsonl({
@@ -9120,6 +9541,16 @@ async function runAgentMode() {
     process.exit(1);
   }
 }
+function readCliPackageVersion() {
+  try {
+    const base = path20.dirname(fileURLToPath4(import.meta.url));
+    const pkgPath = path20.join(base, "..", "package.json");
+    const j = JSON.parse(fs16.readFileSync(pkgPath, "utf8"));
+    return String(j.version || "0.0.0");
+  } catch {
+    return "0.0.0";
+  }
+}
 function runCliMode() {
   const BLUMA_TITLE = process.env.BLUMA_TITLE || "BluMa - NomadEngenuity";
   startTitleKeeper(BLUMA_TITLE);
@@ -9127,7 +9558,8 @@ function runCliMode() {
   const sessionId = uuidv46();
   const props = {
     eventBus,
-    sessionId
+    sessionId,
+    cliVersion: readCliPackageVersion()
   };
   render(React12.createElement(App_default, props));
 }