@nomad-e/bluma-cli 0.2.1 → 0.3.0

package/dist/theme/blumaTerminal.js

@@ -0,0 +1,79 @@
+/**
+ * Paleta BluMa — magenta #FF70FE, ciano #53B2D2, laranja (#d77757).
+ * Chaves semânticas (`accent`, `suggestion`, …) mantêm compat com o resto da UI.
+ */
+export const BLUMA_TERMINAL = {
+    /** Tríade principal (marca) */
+    magenta: "#FF70FE",
+    blue: "#53B2D2",
+    /** Laranja (darkTheme) */
+    orange: "#d77757",
+    accent: "#d77757",
+    accentShimmer: "#eb9f7f",
+    /** UI estrutural, links, secções — ciano */
+    permission: "#53B2D2",
+    permissionShimmer: "#7ecce3",
+    promptBorder: "#53B2D2",
+    promptBorderShimmer: "#8fd4e8",
+    suggestion: "#53B2D2",
+    panelBorder: "#53B2D2",
+    link: "#53B2D2",
+    codeLabel: "#53B2D2",
+    heading1: "#53B2D2",
+    heading2: "#53B2D2",
+    m3Outline: "#53B2D2",
+    m3Rail: "#53B2D2",
+    /** Ferramentas, bullets fortes — magenta */
+    toolLabel: "#FF70FE",
+    headingDeep: "#FF70FE",
+    listBullet: "#FF70FE",
+    listBulletSub: "#53B2D2",
+    m3TonalOutline: "#FF70FE",
+    merged: "#d896ff",
+    subtle: "#505050",
+    inactive: "#999999",
+    text: "#ffffff",
+    success: "#4eba65",
+    err: "#ff6b80",
+    warn: "#ffc107",
+    diffAdded: "#225a2b",
+    diffRemoved: "#7a2936",
+    diffAddedWord: "#38a660",
+    diffRemovedWord: "#b3596b",
+    brandBlue: "#53B2D2",
+    brandMagenta: "#FF70FE",
+    /**
+     * Rampa neutra para shimmer no texto “a trabalhar”.
+     * O texto base fica branco e o brilho entra em cinzas suaves.
+     */
+    workingShimmerRamp: [
+        "#6b6b6b", // cinza base
+        "#7b7b7b", // cinza base+
+        "#8f8f8f", // cinza médio
+        "#a8a8a8", // cinza claro
+        "#e6e6e6", // brilho máximo
+        "#a8a8a8", // cinza claro
+        "#8f8f8f", // cinza médio
+        "#7b7b7b", // cinza base+
+    ],
+    muted: "#999999",
+    dim: "#999999",
+    code: "#999999",
+    linkUnderline: true,
+    toolMeta: "#999999",
+    rule: "#505050",
+    m3Label: "#999999",
+    m3OnSurface: "#ffffff",
+    // Material Design 3 surface colors
+    surface: "#1E1E1E",
+    surfaceVariant: "#2D2D2D",
+    surfaceContainer: "#333333",
+    onSurfaceVariant: "#B0B0B0",
+    outline: "#909090",
+    outlineVariant: "#707070",
+    // Cores semânticas adicionais para compatibilidade
+    primary: "#7C4DFF",
+    primaryVariant: "#6C3DCC",
+    onPrimary: "#FFFFFF",
+    warning: "#ffc107",
+};

package/dist/theme/m3Layout.js

@@ -0,0 +1,68 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Layout chat — MessageResponse: indentação suave (RESULT_LINE_GUTTER) + conteúdo.
+ * Contexto evita repetir o gutter quando há MessageResponse aninhados.
+ */
+import { createContext, useContext } from "react";
+import { Box, Text } from "ink";
+import { BLUMA_TERMINAL as T } from "./blumaTerminal.js";
+import { RESULT_LINE_GUTTER } from "../constants/toolUiSymbols.js";
+import { formatTurnDurationMs } from "../utils/formatTurnDurationMs.js";
+export { formatTurnDurationMs };
+const MessageResponseNestedContext = createContext(false);
+export function MessageResponse({ children, height, }) {
+    const nested = useContext(MessageResponseNestedContext);
+    if (nested) {
+        return _jsx(_Fragment, { children: children });
+    }
+    return (_jsx(MessageResponseNestedContext.Provider, { value: true, children: _jsxs(Box, { flexDirection: "row", alignItems: "flex-start", height: height, overflow: height !== undefined ? "hidden" : undefined, children: [_jsx(Text, { dimColor: true, children: RESULT_LINE_GUTTER }), _jsx(Box, { flexShrink: 1, flexGrow: 1, flexDirection: "column", children: children })] }) }));
+}
+export function ChatBlock({ children, marginBottom = 1, }) {
+    return (_jsx(Box, { flexDirection: "column", marginBottom: marginBottom, children: children }));
+}
+export function ChatUserImageBlock({ imageCount, caption, captionDim = false, }) {
+    if (imageCount < 1)
+        return null;
+    const cap = caption?.trim() ?? "";
+    const capLines = cap.length > 0 ? cap.split("\n") : [];
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 0, children: [Array.from({ length: imageCount }, (_, i) => (_jsx(Text, { bold: true, color: T.orange, children: `[IMAGE #${i + 1}]` }, `img-${i}`))), capLines.map((line, i) => (_jsxs(Box, { flexDirection: "row", flexWrap: "wrap", children: [_jsx(Text, { dimColor: true, children: i === 0 ? "└─ " : "   " }), captionDim ? (_jsx(Text, { dimColor: true, bold: true, wrap: "wrap", children: line })) : (_jsx(Text, { color: T.m3OnSurface, bold: true, wrap: "wrap", children: line }))] }, `cap-${i}`)))] }));
+}
+/** @deprecated usar ChatUserImageBlock */
+export function ChatUserImageTree({ count }) {
+    return _jsx(ChatUserImageBlock, { imageCount: count });
+}
+/** Mensagem do utilizador: moldura só topo/fundo (como o InputPrompt), sem `>`. */
+export function ChatUserMessage({ children }) {
+    return (_jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsx(Box, { flexDirection: "column", borderStyle: "round", borderColor: T.m3OnSurface, borderLeft: false, borderRight: false, paddingX: 1, children: children }) }));
+}
+export function ChatMeta({ children }) {
+    return (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: children }) }));
+}
+export function ChatStatusRow({ children }) {
+    return (_jsxs(Box, { flexDirection: "row", marginBottom: 1, flexWrap: "wrap", children: [_jsxs(Text, { color: T.orange, bold: true, children: ["*", " "] }), children] }));
+}
+export function ChatTurnDuration({ durationMs }) {
+    return (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: T.blue, children: "\u00B7 " }), _jsx(Text, { color: T.magenta, children: formatTurnDurationMs(durationMs) })] }) }));
+}
+export function Divider({ width, title, color, }) {
+    const w = width ?? 60;
+    const char = "─";
+    if (title) {
+        const titleWidth = title.length + 2;
+        const sideWidth = Math.max(0, w - titleWidth);
+        const leftWidth = Math.floor(sideWidth / 2);
+        const rightWidth = sideWidth - leftWidth;
+        return (_jsxs(Text, { color: color, dimColor: !color, children: [char.repeat(leftWidth), " ", _jsx(Text, { dimColor: true, children: title }), " ", char.repeat(rightWidth)] }));
+    }
+    return _jsx(Text, { color: color, dimColor: !color, children: char.repeat(w) });
+}
+export function M3Surface({ children, marginBottom = 1, }) {
+    return _jsx(ChatBlock, { marginBottom: marginBottom, children: children });
+}
+export const M3UserBubble = ChatUserMessage;
+export const M3SystemRow = ChatMeta;
+export const M3InputDock = ({ children }) => (_jsx(Box, { flexDirection: "column", marginTop: 1, children: children }));
+export const M3StatusStrip = ChatStatusRow;
+export function TerminalRule({ width = 48 }) {
+    return _jsx(Text, { dimColor: true, children: "─".repeat(Math.max(8, width)) });
+}

package/dist/utils/formatTurnDurationMs.js

@@ -0,0 +1,16 @@
+/** E.g. 211s → `3min · 31s`; under 60s → `45s` or `9.3s` if under 10s. */
+export function formatTurnDurationMs(ms) {
+    if (ms < 0) {
+        return "0s";
+    }
+    const secTotal = Math.round(ms / 1000);
+    if (secTotal < 60) {
+        if (ms < 10_000) {
+            return `${(ms / 1000).toFixed(1)}s`;
+        }
+        return `${secTotal}s`;
+    }
+    const min = Math.floor(secTotal / 60);
+    const sec = secTotal % 60;
+    return `${min}min · ${sec}s`;
+}

package/dist/utils/toolActionLabels.js

@@ -0,0 +1,167 @@
+/**
+ * Mapeia tool names + argumentos para labels de ação em tempo real (WorkingTimer).
+ * Exemplo: shell_command → "Executing command", edit_tool → "Editing file", etc.
+ */
+function parseArgsRecord(args) {
+    if (args == null)
+        return {};
+    if (typeof args === "string") {
+        try {
+            return JSON.parse(args);
+        }
+        catch {
+            return {};
+        }
+    }
+    if (typeof args === "object") {
+        return args;
+    }
+    return {};
+}
+/**
+ * Gera label de ação para o WorkingTimer baseado na tool e argumentos.
+ * Retorna string curta e descritiva (ex.: "Executing command", "Writing 2 files").
+ */
+export function getToolActionLabel(toolName, args) {
+    const p = parseArgsRecord(args);
+    switch (toolName) {
+        case "shell_command":
+        case "run_command": {
+            const cmd = typeof p.command === "string" ? p.command : "";
+            const truncated = cmd.length > 40 ? `${cmd.slice(0, 40)}…` : cmd;
+            return truncated ? `Executing: ${truncated}` : "Executing command";
+        }
+        case "command_status":
+            return "Checking command status";
+        case "send_command_input":
+            return "Sending input to command";
+        case "kill_command":
+            return "Terminating command";
+        case "read_file_lines": {
+            const filepath = typeof p.filepath === "string" ? p.filepath : "";
+            const file = filepath.split("/").pop() || filepath;
+            return file ? `Reading: ${file}` : "Reading file";
+        }
+        case "count_file_lines": {
+            const filepath = typeof p.filepath === "string" ? p.filepath : "";
+            const file = filepath.split("/").pop() || filepath;
+            return file ? `Counting: ${file}` : "Counting lines";
+        }
+        case "edit_tool": {
+            const edits = p.edits;
+            const count = Array.isArray(edits) ? edits.length : 1;
+            const filepath = typeof p.file_path === "string" ? p.file_path : (Array.isArray(edits) && edits[0]?.file_path ? edits[0].file_path : "");
+            const file = filepath ? filepath.split("/").pop() : "file";
+            return count === 1 ? `Editing: ${file}` : `Editing ${count} changes`;
+        }
+        case "file_write": {
+            const filepath = typeof p.filepath === "string" ? p.filepath : "";
+            const file = filepath.split("/").pop() || filepath;
+            return file ? `Writing: ${file}` : "Writing file";
+        }
+        case "grep_search": {
+            const query = typeof p.query === "string" ? p.query : "";
+            const truncated = query.length > 30 ? `${query.slice(0, 30)}…` : query;
+            return truncated ? `Searching: "${truncated}"` : "Searching";
+        }
+        case "find_by_name": {
+            const pattern = typeof p.pattern === "string" ? p.pattern : "";
+            return pattern ? `Finding: ${pattern}` : "Finding files";
+        }
+        case "view_file_outline": {
+            const filepath = typeof p.file_path === "string" ? p.file_path : "";
+            const file = filepath.split("/").pop() || filepath;
+            return file ? `Outline: ${file}` : "Reading outline";
+        }
+        case "web_fetch": {
+            const url = typeof p.url === "string" ? p.url : "";
+            const truncated = url.length > 40 ? `${url.slice(0, 40)}…` : url;
+            return truncated ? `Fetching: ${truncated}` : "Fetching URL";
+        }
+        case "search_web": {
+            const query = typeof p.query === "string" ? p.query : "";
+            const truncated = query.length > 30 ? `${query.slice(0, 30)}…` : query;
+            return truncated ? `Web search: "${truncated}"` : "Searching web";
+        }
+        case "spawn_agent": {
+            const title = typeof p.title === "string" ? p.title : "";
+            const task = typeof p.task === "string" ? p.task : "";
+            const label = title || (task ? task.slice(0, 40) : "task");
+            return `Spawning agent: ${label}`;
+        }
+        case "wait_agent":
+            return "Waiting for agent";
+        case "list_agents":
+            return "Listing agents";
+        case "todo": {
+            const action = typeof p.action === "string" ? p.action : "update";
+            return `Updating todo: ${action}`;
+        }
+        case "task_boundary": {
+            const mode = typeof p.mode === "string" ? p.mode : "";
+            const taskName = typeof p.task_name === "string" ? p.task_name : "";
+            return taskName ? `${mode}: ${taskName}` : `Task ${mode}`;
+        }
+        case "task_create":
+        case "task_list":
+        case "task_get":
+        case "task_update":
+        case "task_stop": {
+            const title = typeof p.title === "string" ? p.title : "";
+            return title ? `Task: ${title}` : "Managing task";
+        }
+        case "load_skill": {
+            const skill = typeof p.skill_name === "string" ? p.skill_name : "";
+            return skill ? `Loading skill: ${skill}` : "Loading skill";
+        }
+        case "coding_memory": {
+            const action = typeof p.action === "string" ? p.action : "update";
+            return `Coding memory: ${action}`;
+        }
+        case "create_artifact": {
+            const filename = typeof p.filename === "string" ? p.filename : "";
+            return filename ? `Creating: ${filename}` : "Creating artifact";
+        }
+        case "read_artifact": {
+            const filename = typeof p.filename === "string" ? p.filename : "";
+            return filename ? `Reading: ${filename}` : "Reading artifact";
+        }
+        case "message":
+            return "Writing message";
+        case "ask_user_question":
+            return "Asking question";
+        case "enter_plan_mode":
+            return "Entering plan mode";
+        case "exit_plan_mode":
+            return "Exiting plan mode";
+        case "list_mcp_resources":
+            return "Listing MCP resources";
+        case "read_mcp_resource": {
+            const server = typeof p.server === "string" ? p.server : "";
+            const uri = typeof p.uri === "string" ? p.uri : "";
+            return `Reading MCP: ${server || uri || "resource"}`;
+        }
+        case "cron_create":
+            return "Scheduling reminder";
+        case "cron_list":
+            return "Listing reminders";
+        case "cron_delete":
+            return "Canceling reminder";
+        case "notebook_edit": {
+            const filepath = typeof p.filepath === "string" ? p.filepath : "";
+            const file = filepath.split("/").pop() || filepath;
+            return file ? `Editing notebook: ${file}` : "Editing notebook";
+        }
+        case "lsp_query": {
+            const operation = typeof p.operation === "string" ? p.operation : "";
+            return `LSP: ${operation || "query"}`;
+        }
+        default: {
+            // Fallback: prettify snake_case
+            const pretty = toolName
+                .replace(/_/g, " ")
+                .replace(/\b\w/g, (c) => c.toUpperCase());
+            return pretty || "Working";
+        }
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nomad-e/bluma-cli",
-	"version": "0.2.1",
+	"version": "0.3.0",
 	"description": "BluMa independent agent for automation and advanced software engineering.",
 	"author": "Alex Fonseca",
 	"license": "Apache-2.0",
@@ -14,8 +14,12 @@
 		"@types/diff": "^7.0.2",
 		"@types/glob": "^8.1.0",
 		"@types/jest": "^30.0.0",
+		"@types/lodash-es": "^4.17.12",
 		"@types/node": "^20.14.2",
-		"@types/react": "^18.3.3",
+		"@types/react": "^19.2.14",
+		"@types/react-reconciler": "^0.33.0",
+		"@types/semver": "^7.7.1",
+		"@types/signal-exit": "^3.0.4",
 		"@types/uuid": "^9.0.8",
 		"@typescript-eslint/eslint-plugin": "^8.58.2",
 		"@typescript-eslint/parser": "^8.58.2",
@@ -27,17 +31,20 @@
 		"eslint-plugin-react": "^7.37.5",
 		"eslint-plugin-react-hooks": "^7.0.1",
 		"glob": "^10.5.0",
+		"husky": "^9.1.7",
 		"ink-testing-library": "^4.0.0",
 		"jest": "^30.0.5",
+		"lodash-es": "^4.18.1",
 		"nodemon": "^3.1.10",
-		"react": "^18.3.1",
+		"supports-hyperlinks": "^4.4.0",
 		"ts-node-dev": "^2.0.0",
-		"typescript": "^5.4.5"
+		"typescript": "^5.4.5",
+		"usehooks-ts": "^3.1.1"
 	},
 	"type": "module",
 	"main": "dist/main.js",
 	"scripts": {
-		"build": "npx tsc --noEmit && node scripts/build.js",
+		"build": "node scripts/build.js",
 		"build:native": "cd native && npm run build",
 		"build:all": "npm run build:native && npm run build",
 		"start": "npx tsc --noEmit && node scripts/build.js && clear && node dist/main.js",
@@ -47,28 +54,44 @@
 		"test:parallel:fast": "TEST_WORKERS=8 node scripts/test-parallel.js",
 		"lint": "eslint src --ext .ts,.tsx",
 		"lint:fix": "eslint src --ext .ts,.tsx --fix",
-		"prepack": "npm run build"
+		"prepack": "npm run build",
+		"precommit": "node .pre-commit.cjs",
+		"prepare": "husky"
 	},
 	"keywords": [],
 	"dependencies": {
+		"@alcalzone/ansi-tokenize": "^0.3.0",
+		"@anthropic-ai/sdk": "^0.92.0",
 		"@modelcontextprotocol/sdk": "^1.17.0",
 		"@nomad-e/bluma-cli": "^0.1.68",
+		"@opentelemetry/api": "^1.9.1",
+		"@opentelemetry/api-logs": "^0.216.0",
+		"@opentelemetry/sdk-logs": "^0.216.0",
+		"@opentelemetry/sdk-metrics": "^2.7.1",
+		"@opentelemetry/sdk-trace-base": "^2.7.1",
+		"@types/bun": "^1.3.13",
+		"@types/jquery": "^4.0.0",
+		"@types/react-dom": "^19.2.3",
+		"auto-bind": "^5.0.1",
+		"axios": "^1.16.0",
+		"bidi-js": "^1.0.3",
 		"chalk": "^5.5.0",
 		"clipboardy": "^5.3.1",
 		"diff": "^8.0.2",
 		"dotenv": "^16.4.5",
-		"ink": "^5.2.1",
-		"ink-big-text": "^2.0.0",
-		"ink-spinner": "^5.0.0",
-		"ink-text-input": "^6.0.0",
+		"env-paths": "^4.0.0",
+		"jquery": "^4.0.0",
 		"js-tiktoken": "^1.0.21",
 		"latest-version": "^9.0.0",
 		"marked": "^16.1.2",
 		"openai": "^4.47.3",
-		"react-devtools-core": "^4.28.5",
+		"react": "^19.2.5",
+		"react-dom": "^19.2.5",
+		"react-reconciler": "^0.31.0",
 		"read-package-up": "^11.0.0",
 		"semver": "^7.7.4",
-		"uuid": "^9.0.1"
+		"uuid": "^9.0.1",
+		"yoga-layout": "^3.2.1"
 	},
 	"files": [
 		"dist/"