whspr 1.0.13 → 1.0.14

package/dist/index.js

@@ -3,7 +3,8 @@ import { record, convertToMp3 } from "./recorder.js";
 import { transcribe } from "./transcribe.js";
 import { postprocess } from "./postprocess.js";
 import { copyToClipboard } from "./utils/clipboard.js";
-import chalk from "chalk";
+import { calculateCost, formatCost } from "./utils/pricing.js";
+import { renderStartupHeader, formatCompactStats, formatStatus, colors, BOX } from "./ui.js";
 import fs from "fs";
 import path from "path";
 import os from "os";
@@ -99,7 +100,7 @@ function loadCustomPrompt(verbose) {
 const settings = loadSettings();
 const verbose = settings.verbose || process.argv.includes("--verbose") || process.argv.includes("-v");
 function status(message) {
-    process.stdout.write(`\x1b[2K\r${chalk.blue(message)}`);
+    process.stdout.write(`\x1b[2K\r${formatStatus(message)}`);
 }
 function clearStatus() {
     process.stdout.write("\x1b[2K\r");
@@ -119,18 +120,25 @@ async function main() {
     // Check for required API keys before recording
     // Always need GROQ_API_KEY for Whisper transcription
     if (!process.env.GROQ_API_KEY) {
-        console.error(chalk.red("Error: GROQ_API_KEY environment variable is not set"));
-        console.log(chalk.gray("Get your API key at https://console.groq.com/keys"));
-        console.log(chalk.gray("Then run: export GROQ_API_KEY=\"your-api-key\""));
+        console.error(colors.error("Error: GROQ_API_KEY environment variable is not set"));
+        console.log(colors.metadata("Get your API key at https://console.groq.com/keys"));
+        console.log(colors.metadata("Then run: export GROQ_API_KEY=\"your-api-key\""));
         process.exit(1);
     }
     // Check for provider-specific API key for post-processing
     if (provider === "anthropic" && !process.env.ANTHROPIC_API_KEY) {
-        console.error(chalk.red("Error: ANTHROPIC_API_KEY environment variable is not set"));
-        console.log(chalk.gray("Get your API key at https://console.anthropic.com/settings/keys"));
-        console.log(chalk.gray("Then run: export ANTHROPIC_API_KEY=\"your-api-key\""));
+        console.error(colors.error("Error: ANTHROPIC_API_KEY environment variable is not set"));
+        console.log(colors.metadata("Get your API key at https://console.anthropic.com/settings/keys"));
+        console.log(colors.metadata("Then run: export ANTHROPIC_API_KEY=\"your-api-key\""));
         process.exit(1);
     }
+    // Load custom prompt early to show in startup header
+    const { prompt: customPrompt, sources: vocabSources } = loadCustomPrompt(verbose);
+    // Display startup header
+    renderStartupHeader({
+        model: modelConfig,
+        vocabSources,
+    });
     try {
         // 1. Record audio
         const recording = await record(verbose);
@@ -144,16 +152,14 @@ async function main() {
             const rawText = await transcribe(mp3Path, settings.transcriptionModel ?? DEFAULTS.transcriptionModel, settings.language ?? DEFAULTS.language);
             if (verbose) {
                 clearStatus();
-                console.log(chalk.gray(`Raw: ${rawText}`));
-            }
-            // 4. Read WHSPR.md or WHISPER.md (global from ~/.whspr/ and/or local)
-            const { prompt: customPrompt, sources: vocabSources } = loadCustomPrompt(verbose);
-            if (customPrompt && verbose) {
-                console.log(chalk.gray(`Using custom vocabulary from: ${vocabSources.join(" + ")}`));
+                console.log(colors.metadata(`Raw: ${rawText}`));
+                if (customPrompt) {
+                    console.log(colors.metadata(`Using custom vocabulary from: ${vocabSources.join(" + ")}`));
+                }
             }
-            // 5. Post-process with progress bar
+            // 4. Post-process with progress bar
             status("Post-processing... 0%");
-            let fixedText = await postprocess(rawText, customPrompt, {
+            const postprocessResult = await postprocess(rawText, customPrompt, {
                 provider,
                 modelName,
                 systemPrompt: settings.systemPrompt ?? DEFAULTS.systemPrompt,
@@ -162,27 +168,31 @@ async function main() {
                 onProgress: (progress) => {
                     const barWidth = 20;
                     const filled = Math.round((progress / 100) * barWidth);
-                    const bar = "█".repeat(filled) + "░".repeat(barWidth - filled);
+                    const bar = "\u2588".repeat(filled) + "\u2591".repeat(barWidth - filled);
                     status(`Post-processing... [${bar}] ${progress}%`);
                 },
             });
-            // 6. Apply suffix if configured
+            let fixedText = postprocessResult.text;
+            // 5. Apply suffix if configured
             if (settings.suffix) {
                 fixedText = fixedText + settings.suffix;
             }
-            // 7. Output and copy
+            // 6. Output and copy
             clearStatus();
             const processTime = ((Date.now() - processStart) / 1000).toFixed(1);
             const wordCount = fixedText.trim().split(/\s+/).filter(w => w.length > 0).length;
             const charCount = fixedText.length;
-            // Log stats
-            console.log(chalk.dim("Audio: ") + chalk.white(formatDuration(recording.durationSeconds)) +
-                chalk.dim(" • Processing: ") + chalk.white(processTime + "s"));
+            // Calculate cost if usage info is available
+            let costString;
+            if (postprocessResult.usage) {
+                const cost = calculateCost(modelName, postprocessResult.usage);
+                costString = formatCost(cost);
+            }
             // Draw box
             const termWidth = Math.min(process.stdout.columns || 60, 80);
             const lineWidth = termWidth - 2;
             const label = " TRANSCRIPT ";
-            console.log(chalk.dim("┌─") + chalk.cyan(label) + chalk.dim("─".repeat(lineWidth - label.length - 1) + "┐"));
+            console.log(colors.dim(BOX.topLeft + BOX.horizontal) + colors.header.bold(label) + colors.dim(BOX.horizontal.repeat(lineWidth - label.length - 1) + BOX.topRight));
             const lines = fixedText.split("\n");
             for (const line of lines) {
                 // Wrap long lines
@@ -190,18 +200,23 @@ async function main() {
                 while (remaining.length > 0) {
                     const chunk = remaining.slice(0, lineWidth - 2);
                     remaining = remaining.slice(lineWidth - 2);
-                    console.log(chalk.dim("│ ") + chalk.white(chunk.padEnd(lineWidth - 2)) + chalk.dim(" │"));
+                    console.log(colors.dim(BOX.vertical + " ") + colors.white(chunk.padEnd(lineWidth - 2)) + colors.dim(" " + BOX.vertical));
                 }
                 if (line.length === 0) {
-                    console.log(chalk.dim("│ " + " ".repeat(lineWidth - 2) + " │"));
+                    console.log(colors.dim(BOX.vertical + " " + " ".repeat(lineWidth - 2) + " " + BOX.vertical));
                 }
             }
-            const stats = ` ${wordCount} words • ${charCount} chars `;
-            const bottomLine = "─".repeat(lineWidth - stats.length - 1) + " ";
-            console.log(chalk.dim("└" + bottomLine) + chalk.dim(stats) + chalk.dim("┘"));
+            const stats = ` ${wordCount} words \u2022 ${charCount} chars `;
+            const bottomLine = BOX.horizontal.repeat(lineWidth - stats.length - 1) + " ";
+            console.log(colors.dim(BOX.bottomLeft + bottomLine) + colors.metadata(stats) + colors.dim(BOX.bottomRight));
             await copyToClipboard(fixedText);
-            console.log(chalk.green("✓") + chalk.gray(" Copied to clipboard"));
-            // 8. Clean up
+            console.log(formatCompactStats({
+                audioDuration: formatDuration(recording.durationSeconds),
+                processingTime: processTime + "s",
+                cost: costString,
+            }));
+            console.log(colors.success("\u2713") + colors.metadata(" Copied to clipboard"));
+            // 7. Clean up
             fs.unlinkSync(mp3Path);
         }
         catch (error) {
@@ -211,8 +226,8 @@ async function main() {
             fs.mkdirSync(backupDir, { recursive: true });
             const backupPath = path.join(backupDir, `recording-${Date.now()}.mp3`);
             fs.renameSync(mp3Path, backupPath);
-            console.error(chalk.red(`Error: ${error}`));
-            console.log(chalk.yellow(`Recording saved to: ${backupPath}`));
+            console.error(colors.error(`Error: ${error}`));
+            console.log(colors.info(`Recording saved to: ${backupPath}`));
             process.exit(1);
         }
     }
@@ -222,7 +237,7 @@ async function main() {
         if (error instanceof Error && error.message === "cancelled") {
             process.exit(0);
         }
-        console.error(chalk.red(`Recording error: ${error}`));
+        console.error(colors.error(`Recording error: ${error}`));
         process.exit(1);
     }
 }

package/dist/postprocess.d.ts

@@ -1,4 +1,5 @@
 import { ProviderType } from "./utils/providers.js";
+import type { UsageInfo } from "./utils/pricing.js";
 export interface PostprocessOptions {
     provider: ProviderType;
     modelName: string;
@@ -7,4 +8,8 @@ export interface PostprocessOptions {
     transcriptionPrefix: string;
     onProgress?: (progress: number) => void;
 }
-export declare function postprocess(rawTranscription: string, customPrompt: string | null, options: PostprocessOptions): Promise<string>;
+export interface PostprocessResult {
+    text: string;
+    usage?: UsageInfo;
+}
+export declare function postprocess(rawTranscription: string, customPrompt: string | null, options: PostprocessOptions): Promise<PostprocessResult>;

package/dist/postprocess.js

@@ -35,7 +35,12 @@ export async function postprocess(rawTranscription, customPrompt, options) {
                 onProgress(progress);
             }
         }
-        return accumulated.trim();
+        // Capture usage info after stream completes
+        const usage = await textStream.usage;
+        const usageInfo = usage?.inputTokens !== undefined && usage?.outputTokens !== undefined
+            ? { inputTokens: usage.inputTokens, outputTokens: usage.outputTokens }
+            : undefined;
+        return { text: accumulated.trim(), usage: usageInfo };
     }, 3, "postprocess");
     return result;
 }

package/dist/ui.d.ts

@@ -0,0 +1,33 @@
+export declare const BOX: {
+    readonly topLeft: "┌";
+    readonly topRight: "┐";
+    readonly bottomLeft: "└";
+    readonly bottomRight: "┘";
+    readonly horizontal: "─";
+    readonly vertical: "│";
+    readonly teeRight: "├";
+    readonly teeLeft: "┤";
+};
+export declare const colors: {
+    readonly header: import("chalk").ChalkInstance;
+    readonly action: import("chalk").ChalkInstance;
+    readonly info: import("chalk").ChalkInstance;
+    readonly metadata: import("chalk").ChalkInstance;
+    readonly success: import("chalk").ChalkInstance;
+    readonly error: import("chalk").ChalkInstance;
+    readonly dim: import("chalk").ChalkInstance;
+    readonly white: import("chalk").ChalkInstance;
+};
+export interface StartupConfig {
+    model: string;
+    vocabSources: string[];
+}
+export declare function renderStartupHeader(config: StartupConfig): void;
+export interface CompactStats {
+    audioDuration: string;
+    processingTime: string;
+    cost?: string;
+}
+export declare function formatCompactStats(stats: CompactStats): string;
+export declare function statusPrefix(): string;
+export declare function formatStatus(message: string): string;

package/dist/ui.js

@@ -0,0 +1,66 @@
+import chalk from "chalk";
+// Box-drawing characters
+export const BOX = {
+    topLeft: "┌",
+    topRight: "┐",
+    bottomLeft: "└",
+    bottomRight: "┘",
+    horizontal: "─",
+    vertical: "│",
+    teeRight: "├",
+    teeLeft: "┤",
+};
+// Semantic colors following Research-Agent aesthetics
+export const colors = {
+    header: chalk.blue,
+    action: chalk.cyan,
+    info: chalk.yellow.italic,
+    metadata: chalk.gray,
+    success: chalk.green,
+    error: chalk.red,
+    dim: chalk.dim,
+    white: chalk.white,
+};
+export function renderStartupHeader(config) {
+    const termWidth = Math.min(process.stdout.columns || 60, 66);
+    const innerWidth = termWidth - 4; // Account for "│  " and " │"
+    const headerLabel = " WHSPR ";
+    const topLine = BOX.topLeft + BOX.horizontal + colors.header.bold(headerLabel) +
+        colors.dim(BOX.horizontal.repeat(termWidth - headerLabel.length - 3) + BOX.topRight);
+    console.log(topLine);
+    // Model line
+    const modelLabel = "Model: ";
+    const modelValue = config.model;
+    const modelLine = `${modelLabel}${modelValue}`;
+    console.log(colors.dim(BOX.vertical + "  ") +
+        colors.metadata(modelLabel) + colors.white(modelValue) +
+        " ".repeat(Math.max(0, innerWidth - modelLine.length)) +
+        colors.dim(" " + BOX.vertical));
+    // Vocab line (only show if sources exist)
+    if (config.vocabSources.length > 0) {
+        const vocabLabel = "Vocab: ";
+        const vocabValue = config.vocabSources.join(" + ");
+        const vocabLine = `${vocabLabel}${vocabValue}`;
+        console.log(colors.dim(BOX.vertical + "  ") +
+            colors.metadata(vocabLabel) + colors.info(vocabValue) +
+            " ".repeat(Math.max(0, innerWidth - vocabLine.length)) +
+            colors.dim(" " + BOX.vertical));
+    }
+    // Bottom border
+    console.log(colors.dim(BOX.bottomLeft + BOX.horizontal.repeat(termWidth - 2) + BOX.bottomRight));
+    console.log(); // Empty line after header
+}
+export function formatCompactStats(stats) {
+    let result = colors.metadata("Audio: ") + colors.white(stats.audioDuration) +
+        colors.metadata(" \u2022 Processing: ") + colors.white(stats.processingTime);
+    if (stats.cost) {
+        result += colors.metadata(" \u2022 Cost: ") + colors.white(stats.cost);
+    }
+    return result;
+}
+export function statusPrefix() {
+    return colors.dim(BOX.teeRight + BOX.horizontal + " ");
+}
+export function formatStatus(message) {
+    return statusPrefix() + colors.action(message);
+}

package/dist/utils/pricing.d.ts

@@ -0,0 +1,11 @@
+export interface ModelPricing {
+    input: number;
+    output: number;
+}
+export declare const MODEL_PRICING: Record<string, ModelPricing>;
+export interface UsageInfo {
+    inputTokens: number;
+    outputTokens: number;
+}
+export declare function calculateCost(modelName: string, usage: UsageInfo): number;
+export declare function formatCost(cost: number): string;

package/dist/utils/pricing.js

@@ -0,0 +1,29 @@
+export const MODEL_PRICING = {
+    // Groq models
+    "openai/gpt-oss-120b": { input: 0.00, output: 0.00 }, // Free tier pricing
+    // Anthropic models
+    "claude-sonnet-4-5": { input: 3.00, output: 15.00 },
+    "claude-haiku-4-5": { input: 0.80, output: 4.00 },
+    "claude-opus-4-5": { input: 15.00, output: 75.00 },
+};
+export function calculateCost(modelName, usage) {
+    const pricing = MODEL_PRICING[modelName];
+    if (!pricing) {
+        return 0;
+    }
+    const inputCost = (usage.inputTokens / 1_000_000) * pricing.input;
+    const outputCost = (usage.outputTokens / 1_000_000) * pricing.output;
+    return inputCost + outputCost;
+}
+export function formatCost(cost) {
+    if (cost === 0) {
+        return "$0.00";
+    }
+    if (cost < 0.0001) {
+        return `$${cost.toFixed(6)}`;
+    }
+    if (cost < 0.01) {
+        return `$${cost.toFixed(4)}`;
+    }
+    return `$${cost.toFixed(2)}`;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whspr",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "CLI tool for audio transcription with Groq Whisper API",
   "type": "module",
   "bin": {