@nomad-e/bluma-cli 0.3.0 → 0.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nomad-e/bluma-cli",
-	"version": "0.3.0",
+	"version": "0.5.0",
 	"description": "BluMa independent agent for automation and advanced software engineering.",
 	"author": "Alex Fonseca",
 	"license": "Apache-2.0",
@@ -34,7 +34,6 @@
 		"husky": "^9.1.7",
 		"ink-testing-library": "^4.0.0",
 		"jest": "^30.0.5",
-		"lodash-es": "^4.18.1",
 		"nodemon": "^3.1.10",
 		"supports-hyperlinks": "^4.4.0",
 		"ts-node-dev": "^2.0.0",
@@ -44,10 +43,10 @@
 	"type": "module",
 	"main": "dist/main.js",
 	"scripts": {
-		"build": "node scripts/build.js",
-		"build:native": "cd native && npm run build",
+		"build": "npx tsc --noEmit && node scripts/build.js",
+		"build:native": "npx tsc --noEmit && 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",
+		"start": "npm run build && clear && node dist/main.js",
 		"test": "jest",
 		"test:watch": "jest --watch",
 		"test:parallel": "node scripts/test-parallel.js",
@@ -83,6 +82,7 @@
 		"jquery": "^4.0.0",
 		"js-tiktoken": "^1.0.21",
 		"latest-version": "^9.0.0",
+		"lodash-es": "^4.18.1",
 		"marked": "^16.1.2",
 		"openai": "^4.47.3",
 		"react": "^19.2.5",
@@ -94,7 +94,8 @@
 		"yoga-layout": "^3.2.1"
 	},
 	"files": [
-		"dist/"
+		"dist/",
+		"assets/"
 	],
 	"publishConfig": {
 		"access": "public"

package/dist/WorkingTimer.js

@@ -1,130 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Indicador de trabalho em curso — pulso minimalista + shimmer suave.
- */
-import { useState, useEffect, memo, useRef } from "react";
-import { Box, Text } from "ink";
-import { BLUMA_TERMINAL as T } from "./theme/blumaTerminal.js";
-import { TOOL_DETAIL_PREFIX } from "./constants/toolUiSymbols.js";
-import { formatTurnDurationMs } from "./utils/formatTurnDurationMs.js";
-import { getToolActionLabel } from "./utils/toolActionLabels.js";
-// ─── Pulse ────────────────────────────────────────────────────────────────────
-// Frames com "peso visual" crescente/decrescente → sensação de respiração
-const PULSE_FRAMES = ["·", "○", "◌", "◎", "●", "◎", "◌", "○"];
-const PULSE_INTERVAL_MS = 200; // Increased from 110ms to reduce screen flicker
-// ─── Shimmer ──────────────────────────────────────────────────────────────────
-// Paleta de 5 níveis de brilho (sem mudar hue, apenas luminosidade percebida)
-// Usamos gray scale para ficar neutro com qualquer tema
-const SHIMMER_PALETTE = [
-    "#4a4a4a", // escuro
-    "#6e6e6e",
-    "#9a9a9a", // mid
-    "#c8c8c8",
-    "#f0f0f0", // quase branco
-    "#ffffff", // pico de brilho (branco puro)
-    "#f0f0f0",
-    "#c8c8c8",
-    "#9a9a9a",
-    "#6e6e6e",
-];
-const SHIMMER_CYCLE_MS = 2000; // Increased from 1000ms to reduce flicker (slower shimmer)
-/** Shimmer com uma única sombra que percorre o texto da esquerda para a direita.
- *  Cada passada (início → fim) demora SHIMMER_CYCLE_MS (1s).
- *  Quando chega ao fim, volta instantaneamente ao início e recomeça.
- *  Usa ref para animação fluída sem re-render quando o texto muda. */
-const ShimmerText = memo(({ text, baseColor = "#9a9a9a" }) => {
-    const posRef = useRef(0);
-    const [, forceUpdate] = useState({});
-    const textRef = useRef(text);
-    const intervalMsRef = useRef(50); // valor padrão inicial
-    // Atualiza ref do texto sem afetar a animação
-    useEffect(() => {
-        textRef.current = text;
-        // Recalcula o intervalo para que a passada (início → fim) demore SHIMMER_CYCLE_MS
-        const cycleSteps = Math.max(1, text.length);
-        intervalMsRef.current = SHIMMER_CYCLE_MS / cycleSteps;
-    }, [text]);
-    useEffect(() => {
-        const rafId = setInterval(() => {
-            const len = textRef.current.length;
-            // Posição vai de 0 a len-1 (apenas ida, esquerda → direita)
-            // Quando chega ao fim, volta ao início (0)
-            posRef.current = (posRef.current + 1) % (len || 1);
-            forceUpdate({}); // Força re-render mínimo apenas para atualizar cores
-        }, intervalMsRef.current);
-        return () => clearInterval(rafId);
-    }, []);
-    const currentText = textRef.current;
-    const currentPos = posRef.current;
-    // Calcula a cor baseada na distância do ponto de brilho
-    // O caractere na currentPos tem o brilho máximo (índice 5 = branco)
-    // Os adjacentes têm brilho decrescente
-    const getColorForIndex = (i) => {
-        const dist = Math.abs(i - currentPos);
-        if (dist === 0)
-            return SHIMMER_PALETTE[5]; // branco puro no pico
-        if (dist === 1)
-            return SHIMMER_PALETTE[4]; // quase branco
-        if (dist === 2)
-            return SHIMMER_PALETTE[3]; // claro
-        if (dist === 3)
-            return SHIMMER_PALETTE[2]; // mid
-        return baseColor; // cor base para o resto
-    };
-    return (_jsx(_Fragment, { children: currentText.split("").map((char, i) => (_jsx(Text, { color: getColorForIndex(i), children: char }, i))) }));
-});
-// ─── Helpers ──────────────────────────────────────────────────────────────────
-function trimLine(s, max = 76) {
-    const t = String(s ?? "")
-        .replace(/\s+/g, " ")
-        .trim();
-    if (!t)
-        return "";
-    return t.length <= max ? t : `${t.slice(0, max - 1)}…`;
-}
-// ─── WorkingTimer ─────────────────────────────────────────────────────────────
-const WorkingTimerComponent = ({ eventBus, taskName, taskStatus, liveToolName, liveToolArgs, isReasoning, startedAtMs, }) => {
-    const [currentAction, setCurrentAction] = useState("working");
-    const [pulseFrame, setPulseFrame] = useState(0);
-    const [nowTick, setNowTick] = useState(() => Date.now());
-    const dynamicActionLabel = liveToolName
-        ? getToolActionLabel(liveToolName, liveToolArgs)
-        : null;
-    useEffect(() => {
-        if (!eventBus)
-            return;
-        const handleActionStatus = (data) => {
-            if (data.action)
-                setCurrentAction(data.action);
-        };
-        eventBus.on("action_status", handleActionStatus);
-        return () => { eventBus.off("action_status", handleActionStatus); };
-    }, [eventBus]);
-    // Pulse — frame rate próprio, independente do shimmer
-    useEffect(() => {
-        const id = setInterval(() => {
-            setPulseFrame((prev) => (prev + 1) % PULSE_FRAMES.length);
-        }, PULSE_INTERVAL_MS);
-        return () => clearInterval(id);
-    }, []);
-    // Elapsed timer
-    useEffect(() => {
-        if (startedAtMs == null)
-            return;
-        setNowTick(Date.now());
-        const id = setInterval(() => setNowTick(Date.now()), 500);
-        return () => clearInterval(id);
-    }, [startedAtMs]);
-    const displayAction = dynamicActionLabel ||
-        (taskStatus || (isReasoning ? "thinking" : currentAction)).trim() ||
-        "working";
-    const actionLine = `${displayAction}…`;
-    const elapsedMs = startedAtMs != null ? Math.max(0, nowTick - startedAtMs) : 0;
-    const elapsedLabel = startedAtMs != null ? formatTurnDurationMs(elapsedMs) : null;
-    // Intensidade do pulse: frame central (●) = full, bordas = dim
-    const pulseSymbol = PULSE_FRAMES[pulseFrame];
-    const isPulsePeak = pulseFrame === 4; // "●"
-    const isPulseDim = pulseFrame === 0; // "·"
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 0.5, children: [_jsxs(Box, { flexDirection: "row", alignItems: "flex-start", children: [_jsx(Text, { color: T.onSurfaceVariant, dimColor: isPulseDim, bold: isPulsePeak, children: pulseSymbol }), _jsx(Text, { children: " " }), _jsx(ShimmerText, { text: actionLine, baseColor: T.onSurfaceVariant ?? "#6e6e6e" }), elapsedLabel ? (_jsxs(_Fragment, { children: [_jsx(Text, { color: T.m3OnSurface, dimColor: true, children: " \u00B7 " }), _jsx(Text, { color: T.m3OnSurface, dimColor: true, children: elapsedLabel })] })) : null] }), taskName ? (_jsx(Box, { paddingLeft: TOOL_DETAIL_PREFIX.length, children: _jsx(Text, { color: T.m3OnSurface, dimColor: true, wrap: "truncate", children: trimLine(taskName) }) })) : null] }));
-};
-export const WorkingTimer = memo(WorkingTimerComponent);

package/dist/components/StreamingText.js

@@ -1,113 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useState, useEffect, useRef, memo } from "react";
-import { Box, Text } from "ink";
-import { ChatBlock, MessageResponse } from "../theme/m3Layout.js";
-import { BLUMA_TERMINAL as T } from "../theme/blumaTerminal.js";
-import { applyStreamEndFlush } from "./streamingTextFlush.js";
-import { collapseRepeatedReasoningLines } from "./reasoningText.js";
-const THROTTLE_MS = 500; // Increased from 300ms to reduce Ink re-render flicker
-const MAX_VISIBLE_LINES = 20;
-const StreamingTextComponent = ({ eventBus, onReasoningComplete, onAssistantContentComplete, }) => {
-    const [reasoning, setReasoning] = useState("");
-    const [assistantContent, setAssistantContent] = useState("");
-    const [isStreaming, setIsStreaming] = useState(false);
-    const reasoningRef = useRef("");
-    const contentRef = useRef("");
-    const flushTimerRef = useRef(null);
-    const onReasoningCompleteRef = useRef(onReasoningComplete);
-    onReasoningCompleteRef.current = onReasoningComplete;
-    const onAssistantContentCompleteRef = useRef(onAssistantContentComplete);
-    onAssistantContentCompleteRef.current = onAssistantContentComplete;
-    const streamEndHandledRef = useRef(false);
-    useEffect(() => {
-        const syncVisible = () => {
-            setReasoning(reasoningRef.current);
-            setAssistantContent(contentRef.current);
-        };
-        const startFlushTimer = () => {
-            if (flushTimerRef.current)
-                return;
-            flushTimerRef.current = setInterval(() => {
-                setReasoning(reasoningRef.current);
-                setAssistantContent(contentRef.current);
-            }, THROTTLE_MS);
-        };
-        const handleStart = () => {
-            streamEndHandledRef.current = false;
-            reasoningRef.current = "";
-            contentRef.current = "";
-            setReasoning("");
-            setAssistantContent("");
-            setIsStreaming(true);
-            startFlushTimer();
-        };
-        const handleReasoningChunk = (data) => {
-            if (data.delta) {
-                reasoningRef.current += data.delta;
-            }
-        };
-        const handleContentChunk = (data) => {
-            if (data.delta) {
-                contentRef.current += data.delta;
-            }
-        };
-        const handleEnd = (payload) => {
-            if (streamEndHandledRef.current)
-                return;
-            streamEndHandledRef.current = true;
-            // Clear timers first
-            if (flushTimerRef.current) {
-                clearInterval(flushTimerRef.current);
-                flushTimerRef.current = null;
-            }
-            // IMMEDIATELY clear the streaming UI before adding to history
-            // This prevents the reasoning from appearing twice
-            const finalReasoning = reasoningRef.current;
-            const finalContent = contentRef.current;
-            setReasoning("");
-            setAssistantContent("");
-            reasoningRef.current = "";
-            contentRef.current = "";
-            setIsStreaming(false);
-            // NOW add to history (after UI is cleared)
-            applyStreamEndFlush({
-                finalReasoning,
-                finalContent,
-                payload,
-                onReasoningComplete: onReasoningCompleteRef.current,
-                onAssistantContentComplete: onAssistantContentCompleteRef.current,
-            });
-        };
-        eventBus.on("stream_start", handleStart);
-        eventBus.on("stream_reasoning_chunk", handleReasoningChunk);
-        eventBus.on("stream_chunk", handleContentChunk);
-        eventBus.on("stream_end", handleEnd);
-        return () => {
-            eventBus.off("stream_start", handleStart);
-            eventBus.off("stream_reasoning_chunk", handleReasoningChunk);
-            eventBus.off("stream_chunk", handleContentChunk);
-            eventBus.off("stream_end", handleEnd);
-            if (flushTimerRef.current) {
-                clearInterval(flushTimerRef.current);
-                flushTimerRef.current = null;
-            }
-        };
-    }, [eventBus]);
-    if (!isStreaming || (!reasoning && !assistantContent)) {
-        return null;
-    }
-    const renderLines = (text, dim) => {
-        const normalized = collapseRepeatedReasoningLines(text);
-        const lines = normalized.split("\n");
-        let displayLines = lines;
-        let truncatedCount = 0;
-        if (lines.length > MAX_VISIBLE_LINES) {
-            truncatedCount = lines.length - MAX_VISIBLE_LINES;
-            displayLines = lines.slice(-MAX_VISIBLE_LINES);
-        }
-        return (_jsxs(Box, { flexDirection: "column", children: [truncatedCount > 0 ? (_jsxs(Text, { dimColor: true, children: ["\u2026 ", truncatedCount, " lines above hidden"] })) : null, displayLines.map((line, i) => (_jsx(Text, { dimColor: dim, color: dim ? undefined : T.m3OnSurface, children: line }, i)))] }));
-    };
-    return (_jsxs(ChatBlock, { marginBottom: 0, children: [reasoning ? (_jsx(Box, { flexDirection: "column", paddingLeft: 2, children: renderLines(reasoning, true) })) : null, assistantContent ? (_jsx(MessageResponse, { children: renderLines(assistantContent, false) })) : null] }));
-};
-export const StreamingText = memo(StreamingTextComponent);
-export default StreamingText;

package/dist/components/reasoningText.js

@@ -1,18 +0,0 @@
-export function collapseRepeatedReasoningLines(text) {
-    const raw = String(text ?? "").replace(/\r\n/g, "\n");
-    if (!raw.trim())
-        return "";
-    const lines = raw.split("\n");
-    const collapsed = [];
-    for (const line of lines) {
-        const current = line.trimEnd();
-        if (current === "" && collapsed[collapsed.length - 1] === "") {
-            continue;
-        }
-        if (collapsed.length > 0 && collapsed[collapsed.length - 1] === current) {
-            continue;
-        }
-        collapsed.push(current);
-    }
-    return collapsed.join("\n").trim();
-}

package/dist/components/streamingTextFlush.js

@@ -1,11 +0,0 @@
-export function applyStreamEndFlush(params) {
-    const { finalReasoning, finalContent, payload, onReasoningComplete, onAssistantContentComplete, } = params;
-    if (finalReasoning && onReasoningComplete) {
-        onReasoningComplete(finalReasoning);
-    }
-    const trimmed = finalContent.trim();
-    const skipAssistant = payload?.omitAssistantFlush === true;
-    if (trimmed && onAssistantContentComplete && !skipAssistant) {
-        onAssistantContentComplete(finalContent);
-    }
-}

package/dist/constants/toolUiSymbols.js

@@ -1,10 +0,0 @@
-/**
- * Marcador de invocação de tool — bullet compacto (U+2022 •).
- */
-export const TOOL_INVOCATION_MARK = "\u2022 ";
-/** Indentação do detalhe da tool. */
-export const TOOL_DETAIL_PREFIX = "  ";
-/**
- * Prefixo da linha de resultado sob a invocação (• List / path) — ramo `└` em dim, estilo BluMa.
- */
-export const RESULT_LINE_GUTTER = "  \u2514 ";

package/dist/theme/blumaTerminal.js

@@ -1,79 +0,0 @@
-/**
- * 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

@@ -1,68 +0,0 @@
-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

@@ -1,16 +0,0 @@
-/** 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`;
-}