@phuetz/code-buddy 0.1.0

package/dist/ui/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,kBAAkB;AAClB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,sBAAsB;AACtB,OAAO,EACL,iBAAiB,EACjB,eAAe,GAGhB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,WAAW,EACX,iBAAiB,GAElB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,0BAA0B,GAE3B,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EACL,iBAAiB,EACjB,eAAe,GAChB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,UAAU,EACV,mBAAmB,GAKpB,MAAM,iBAAiB,CAAC;AAEzB,2BAA2B;AAC3B,OAAO,EACL,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,gBAAgB,IAAI,uBAAuB,EAC3C,SAAS,EACT,cAAc,EACd,cAAc,EACd,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,OAAO,GACR,MAAM,uBAAuB,CAAC;AAE/B,wBAAwB;AACxB,OAAO,EACL,eAAe,EACf,WAAW,EACX,YAAY,EACZ,eAAe,EACf,cAAc,EACd,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EACL,OAAO,IAAI,WAAW,GAEvB,MAAM,uBAAuB,CAAC;AAE/B,iBAAiB;AACjB,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE3E,qBAAqB;AACrB,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,qBAAqB;AACrB,OAAO,EACL,SAAS,EACT,aAAa,GACd,MAAM,gBAAgB,CAAC;AAExB,gBAAgB;AAChB,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,QAAQ,EACR,eAAe,GAGhB,MAAM,yBAAyB,CAAC;AAEjC,gBAAgB;AAChB,OAAO,EACL,YAAY,EACZ,eAAe,EACf,kBAAkB,GACnB,MAAM,mBAAmB,CAAC;AAE3B,wBAAwB;AACxB,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,oBAAoB,GAErB,MAAM,0BAA0B,CAAC"}

package/dist/ui/context/theme-context.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Theme Context for Grok CLI
+ * Provides theme and avatar information to all UI components
+ */
+import React from 'react';
+import { Theme, ThemeColor, ThemeColors, AvatarConfig, AvatarPreset } from '../../themes/theme.js';
+/**
+ * Theme context value interface
+ */
+interface ThemeContextValue {
+    theme: Theme;
+    colors: ThemeColors;
+    avatars: AvatarConfig;
+    setTheme: (themeId: string) => boolean;
+    getAvailableThemes: () => Theme[];
+    setAvatarPreset: (presetId: string) => boolean;
+    setCustomAvatar: (key: keyof AvatarConfig, value: string) => void;
+    clearCustomAvatars: () => void;
+    getAvatarPresets: () => AvatarPreset[];
+    setCustomColor: (key: keyof ThemeColors, value: ThemeColor) => void;
+    clearCustomColors: () => void;
+    refreshTheme: () => void;
+}
+/**
+ * Theme provider props
+ */
+interface ThemeProviderProps {
+    children: React.ReactNode;
+}
+/**
+ * Theme provider component
+ */
+export declare function ThemeProvider({ children }: ThemeProviderProps): React.JSX.Element;
+/**
+ * Hook to access theme context
+ */
+export declare function useTheme(): ThemeContextValue;
+/**
+ * Hook to get only colors (for components that only need colors)
+ */
+export declare function useThemeColors(): ThemeColors;
+/**
+ * Hook to get only avatars (for components that only need avatars)
+ */
+export declare function useAvatars(): AvatarConfig;
+export {};

package/dist/ui/context/theme-context.js

@@ -0,0 +1,113 @@
+/**
+ * Theme Context for Grok CLI
+ * Provides theme and avatar information to all UI components
+ */
+import React, { createContext, useContext, useState, useCallback, useMemo } from 'react';
+import { getThemeManager } from '../../themes/theme-manager.js';
+/**
+ * Create the theme context
+ */
+const ThemeContext = createContext(null);
+/**
+ * Theme provider component
+ */
+export function ThemeProvider({ children }) {
+    const [themeManager] = useState(() => getThemeManager());
+    const [refreshKey, setRefreshKey] = useState(0);
+    // Force re-render when theme changes
+    const refreshTheme = useCallback(() => {
+        setRefreshKey(prev => prev + 1);
+    }, []);
+    // Get current theme data
+    const theme = themeManager.getCurrentTheme();
+    const colors = themeManager.getColors();
+    const avatars = themeManager.getAvatars();
+    // Theme management functions
+    const setTheme = useCallback((themeId) => {
+        const result = themeManager.setTheme(themeId);
+        if (result) {
+            refreshTheme();
+        }
+        return result;
+    }, [themeManager, refreshTheme]);
+    const getAvailableThemes = useCallback(() => {
+        return themeManager.getAvailableThemes();
+    }, [themeManager]);
+    // Avatar management functions
+    const setAvatarPreset = useCallback((presetId) => {
+        const result = themeManager.applyAvatarPreset(presetId);
+        if (result) {
+            refreshTheme();
+        }
+        return result;
+    }, [themeManager, refreshTheme]);
+    const setCustomAvatar = useCallback((key, value) => {
+        themeManager.setCustomAvatar(key, value);
+        refreshTheme();
+    }, [themeManager, refreshTheme]);
+    const clearCustomAvatars = useCallback(() => {
+        themeManager.clearCustomAvatars();
+        refreshTheme();
+    }, [themeManager, refreshTheme]);
+    const getAvatarPresets = useCallback(() => {
+        return themeManager.getAvatarPresets();
+    }, [themeManager]);
+    // Color management functions
+    const setCustomColor = useCallback((key, value) => {
+        themeManager.setCustomColor(key, value);
+        refreshTheme();
+    }, [themeManager, refreshTheme]);
+    const clearCustomColors = useCallback(() => {
+        themeManager.clearCustomColors();
+        refreshTheme();
+    }, [themeManager, refreshTheme]);
+    // Memoize context value to prevent unnecessary re-renders of consumers
+    // refreshKey is included to trigger updates when theme changes
+    const contextValue = useMemo(() => ({
+        theme,
+        colors,
+        avatars,
+        setTheme,
+        getAvailableThemes,
+        setAvatarPreset,
+        setCustomAvatar,
+        clearCustomAvatars,
+        getAvatarPresets,
+        setCustomColor,
+        clearCustomColors,
+        refreshTheme,
+    }), [
+        theme, colors, avatars, refreshKey,
+        setTheme, getAvailableThemes, setAvatarPreset,
+        setCustomAvatar, clearCustomAvatars, getAvatarPresets,
+        setCustomColor, clearCustomColors, refreshTheme
+    ]);
+    // Note: Removed key={refreshKey} antipattern - it caused entire tree to unmount/remount
+    // The useMemo with refreshKey dependency properly triggers re-renders without destroying state
+    return (React.createElement(ThemeContext.Provider, { value: contextValue }, children));
+}
+/**
+ * Hook to access theme context
+ */
+export function useTheme() {
+    const context = useContext(ThemeContext);
+    if (!context) {
+        throw new Error('useTheme must be used within a ThemeProvider');
+    }
+    return context;
+}
+/**
+ * Hook to get only colors (for components that only need colors)
+ */
+export function useThemeColors() {
+    const { colors } = useTheme();
+    return colors;
+}
+/**
+ * Hook to get only avatars (for components that only need avatars)
+ */
+export function useAvatars() {
+    const { avatars } = useTheme();
+    return avatars;
+}
+//# sourceMappingURL=theme-context.js.map

package/dist/ui/context/theme-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-context.js","sourceRoot":"","sources":["../../../src/ui/context/theme-context.tsx"],"names":[],"mappings":"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"}

package/dist/ui/cost-indicator.d.ts

@@ -0,0 +1,132 @@
+/**
+ * Real-Time Cost Indicator
+ *
+ * Tracks and displays API usage costs:
+ * - Per-request tracking
+ * - Session totals
+ * - Budget limits
+ * - Cost predictions
+ */
+export interface TokenPricing {
+    model: string;
+    inputPer1M: number;
+    outputPer1M: number;
+    cachedInputPer1M?: number;
+}
+export interface CostEntry {
+    timestamp: Date;
+    model: string;
+    inputTokens: number;
+    outputTokens: number;
+    cachedTokens: number;
+    cost: number;
+    requestType?: string;
+}
+export interface CostSummary {
+    totalCost: number;
+    inputCost: number;
+    outputCost: number;
+    totalInputTokens: number;
+    totalOutputTokens: number;
+    totalCachedTokens: number;
+    requestCount: number;
+    avgCostPerRequest: number;
+    costByModel: Map<string, number>;
+    entries: CostEntry[];
+}
+export interface CostBudget {
+    limit: number;
+    warningThreshold: number;
+    action: 'warn' | 'block' | 'confirm';
+}
+/**
+ * Default pricing for common models ($ per 1M tokens)
+ */
+export declare const MODEL_PRICING: TokenPricing[];
+/**
+ * Cost Tracker
+ */
+export declare class CostTracker {
+    private entries;
+    private budget?;
+    private pricing;
+    private sessionStart;
+    constructor(customPricing?: TokenPricing[]);
+    /**
+     * Set budget limit
+     */
+    setBudget(budget: CostBudget): void;
+    /**
+     * Get current budget status
+     */
+    getBudgetStatus(): {
+        hasLimit: boolean;
+        limit: number;
+        used: number;
+        remaining: number;
+        percentage: number;
+        warningTriggered: boolean;
+        blocked: boolean;
+    };
+    /**
+     * Record a request
+     */
+    recordRequest(model: string, inputTokens: number, outputTokens: number, cachedTokens?: number, requestType?: string): CostEntry;
+    /**
+     * Calculate cost for tokens
+     */
+    calculateCost(model: string, inputTokens: number, outputTokens: number, cachedTokens?: number): number;
+    /**
+     * Get pricing for a model
+     */
+    getPricing(model: string): TokenPricing;
+    /**
+     * Get total cost
+     */
+    getTotalCost(): number;
+    /**
+     * Get cost summary
+     */
+    getSummary(): CostSummary;
+    /**
+     * Estimate cost for future request
+     */
+    estimateCost(model: string, estimatedInputTokens: number, estimatedOutputTokens: number): number;
+    /**
+     * Get session duration
+     */
+    getSessionDuration(): number;
+    /**
+     * Get cost rate (cost per hour)
+     */
+    getCostRate(): number;
+    /**
+     * Clear all entries
+     */
+    clear(): void;
+    /**
+     * Format cost display
+     */
+    formatCost(cost: number): string;
+    /**
+     * Format current status for display
+     */
+    formatStatus(): string;
+    /**
+     * Format detailed report
+     */
+    formatReport(): string;
+    /**
+     * Format compact status line
+     */
+    formatStatusLine(): string;
+}
+/**
+ * Get or create cost tracker
+ */
+export declare function getCostTracker(): CostTracker;
+/**
+ * Reset cost tracker
+ */
+export declare function resetCostTracker(): void;
+export default CostTracker;

package/dist/ui/cost-indicator.js

@@ -0,0 +1,317 @@
+/**
+ * Real-Time Cost Indicator
+ *
+ * Tracks and displays API usage costs:
+ * - Per-request tracking
+ * - Session totals
+ * - Budget limits
+ * - Cost predictions
+ */
+/**
+ * Default pricing for common models ($ per 1M tokens)
+ */
+export const MODEL_PRICING = [
+    { model: 'grok-4-latest', inputPer1M: 3.00, outputPer1M: 15.00 },
+    { model: 'grok-4', inputPer1M: 3.00, outputPer1M: 15.00 },
+    { model: 'grok-3', inputPer1M: 1.00, outputPer1M: 5.00 },
+    { model: 'grok-beta', inputPer1M: 5.00, outputPer1M: 15.00 },
+    { model: 'grok-vision-beta', inputPer1M: 5.00, outputPer1M: 15.00 },
+    { model: 'gpt-4o', inputPer1M: 2.50, outputPer1M: 10.00, cachedInputPer1M: 1.25 },
+    { model: 'gpt-4o-mini', inputPer1M: 0.15, outputPer1M: 0.60, cachedInputPer1M: 0.075 },
+    { model: 'claude-3-opus', inputPer1M: 15.00, outputPer1M: 75.00 },
+    { model: 'claude-3-sonnet', inputPer1M: 3.00, outputPer1M: 15.00 },
+    { model: 'claude-3-haiku', inputPer1M: 0.25, outputPer1M: 1.25 },
+];
+/**
+ * Cost Tracker
+ */
+export class CostTracker {
+    entries = [];
+    budget;
+    pricing = new Map();
+    sessionStart = new Date();
+    constructor(customPricing) {
+        // Load default pricing
+        for (const p of MODEL_PRICING) {
+            this.pricing.set(p.model, p);
+        }
+        // Add custom pricing
+        if (customPricing) {
+            for (const p of customPricing) {
+                this.pricing.set(p.model, p);
+            }
+        }
+    }
+    /**
+     * Set budget limit
+     */
+    setBudget(budget) {
+        this.budget = budget;
+    }
+    /**
+     * Get current budget status
+     */
+    getBudgetStatus() {
+        const used = this.getTotalCost();
+        if (!this.budget) {
+            return {
+                hasLimit: false,
+                limit: Infinity,
+                used,
+                remaining: Infinity,
+                percentage: 0,
+                warningTriggered: false,
+                blocked: false,
+            };
+        }
+        const percentage = used / this.budget.limit;
+        return {
+            hasLimit: true,
+            limit: this.budget.limit,
+            used,
+            remaining: Math.max(0, this.budget.limit - used),
+            percentage: percentage * 100,
+            warningTriggered: percentage >= this.budget.warningThreshold,
+            blocked: percentage >= 1 && this.budget.action === 'block',
+        };
+    }
+    /**
+     * Record a request
+     */
+    recordRequest(model, inputTokens, outputTokens, cachedTokens = 0, requestType) {
+        const cost = this.calculateCost(model, inputTokens, outputTokens, cachedTokens);
+        const entry = {
+            timestamp: new Date(),
+            model,
+            inputTokens,
+            outputTokens,
+            cachedTokens,
+            cost,
+            requestType,
+        };
+        this.entries.push(entry);
+        return entry;
+    }
+    /**
+     * Calculate cost for tokens
+     */
+    calculateCost(model, inputTokens, outputTokens, cachedTokens = 0) {
+        const pricing = this.getPricing(model);
+        const inputCost = (inputTokens / 1_000_000) * pricing.inputPer1M;
+        const outputCost = (outputTokens / 1_000_000) * pricing.outputPer1M;
+        const cachedCost = pricing.cachedInputPer1M
+            ? (cachedTokens / 1_000_000) * pricing.cachedInputPer1M
+            : 0;
+        return inputCost + outputCost + cachedCost;
+    }
+    /**
+     * Get pricing for a model
+     */
+    getPricing(model) {
+        // Try exact match
+        if (this.pricing.has(model)) {
+            return this.pricing.get(model);
+        }
+        // Try prefix match
+        for (const [key, pricing] of this.pricing) {
+            if (model.startsWith(key) || key.startsWith(model)) {
+                return pricing;
+            }
+        }
+        // Default fallback
+        return { model, inputPer1M: 5.00, outputPer1M: 15.00 };
+    }
+    /**
+     * Get total cost
+     */
+    getTotalCost() {
+        return this.entries.reduce((sum, e) => sum + e.cost, 0);
+    }
+    /**
+     * Get cost summary
+     */
+    getSummary() {
+        const costByModel = new Map();
+        let inputCost = 0;
+        let outputCost = 0;
+        let totalInputTokens = 0;
+        let totalOutputTokens = 0;
+        let totalCachedTokens = 0;
+        for (const entry of this.entries) {
+            const pricing = this.getPricing(entry.model);
+            const entryInputCost = (entry.inputTokens / 1_000_000) * pricing.inputPer1M;
+            const entryOutputCost = (entry.outputTokens / 1_000_000) * pricing.outputPer1M;
+            inputCost += entryInputCost;
+            outputCost += entryOutputCost;
+            totalInputTokens += entry.inputTokens;
+            totalOutputTokens += entry.outputTokens;
+            totalCachedTokens += entry.cachedTokens;
+            costByModel.set(entry.model, (costByModel.get(entry.model) || 0) + entry.cost);
+        }
+        const totalCost = this.getTotalCost();
+        const requestCount = this.entries.length;
+        return {
+            totalCost,
+            inputCost,
+            outputCost,
+            totalInputTokens,
+            totalOutputTokens,
+            totalCachedTokens,
+            requestCount,
+            avgCostPerRequest: requestCount > 0 ? totalCost / requestCount : 0,
+            costByModel,
+            entries: [...this.entries],
+        };
+    }
+    /**
+     * Estimate cost for future request
+     */
+    estimateCost(model, estimatedInputTokens, estimatedOutputTokens) {
+        return this.calculateCost(model, estimatedInputTokens, estimatedOutputTokens);
+    }
+    /**
+     * Get session duration
+     */
+    getSessionDuration() {
+        return Date.now() - this.sessionStart.getTime();
+    }
+    /**
+     * Get cost rate (cost per hour)
+     */
+    getCostRate() {
+        const durationHours = this.getSessionDuration() / (1000 * 60 * 60);
+        if (durationHours < 0.01)
+            return 0;
+        return this.getTotalCost() / durationHours;
+    }
+    /**
+     * Clear all entries
+     */
+    clear() {
+        this.entries = [];
+        this.sessionStart = new Date();
+    }
+    /**
+     * Format cost display
+     */
+    formatCost(cost) {
+        if (cost < 0.01) {
+            return `$${(cost * 100).toFixed(2)}¢`;
+        }
+        return `$${cost.toFixed(4)}`;
+    }
+    /**
+     * Format current status for display
+     */
+    formatStatus() {
+        const summary = this.getSummary();
+        const budget = this.getBudgetStatus();
+        let status = this.formatCost(summary.totalCost);
+        if (budget.hasLimit) {
+            status += ` / ${this.formatCost(budget.limit)}`;
+            status += ` (${budget.percentage.toFixed(1)}%)`;
+        }
+        return status;
+    }
+    /**
+     * Format detailed report
+     */
+    formatReport() {
+        const summary = this.getSummary();
+        const budget = this.getBudgetStatus();
+        const lines = [
+            '',
+            '═══════════════════════════════════════',
+            '          COST REPORT',
+            '═══════════════════════════════════════',
+            '',
+            `Total Cost:     ${this.formatCost(summary.totalCost)}`,
+            `  Input:        ${this.formatCost(summary.inputCost)}`,
+            `  Output:       ${this.formatCost(summary.outputCost)}`,
+            '',
+            `Tokens Used:    ${formatNumber(summary.totalInputTokens + summary.totalOutputTokens)}`,
+            `  Input:        ${formatNumber(summary.totalInputTokens)}`,
+            `  Output:       ${formatNumber(summary.totalOutputTokens)}`,
+            `  Cached:       ${formatNumber(summary.totalCachedTokens)}`,
+            '',
+            `Requests:       ${summary.requestCount}`,
+            `Avg/Request:    ${this.formatCost(summary.avgCostPerRequest)}`,
+            `Cost Rate:      ${this.formatCost(this.getCostRate())}/hour`,
+            '',
+        ];
+        if (summary.costByModel.size > 0) {
+            lines.push('By Model:');
+            for (const [model, cost] of summary.costByModel) {
+                lines.push(`  ${model}: ${this.formatCost(cost)}`);
+            }
+            lines.push('');
+        }
+        if (budget.hasLimit) {
+            lines.push('Budget:');
+            lines.push(`  Limit:        ${this.formatCost(budget.limit)}`);
+            lines.push(`  Used:         ${budget.percentage.toFixed(1)}%`);
+            lines.push(`  Remaining:    ${this.formatCost(budget.remaining)}`);
+            if (budget.warningTriggered) {
+                lines.push('  ⚠️  Warning threshold reached');
+            }
+            if (budget.blocked) {
+                lines.push('  🛑 Budget limit reached');
+            }
+        }
+        lines.push('═══════════════════════════════════════');
+        return lines.join('\n');
+    }
+    /**
+     * Format compact status line
+     */
+    formatStatusLine() {
+        const summary = this.getSummary();
+        const budget = this.getBudgetStatus();
+        let line = `💰 ${this.formatCost(summary.totalCost)}`;
+        if (budget.hasLimit) {
+            const bar = createProgressBar(budget.percentage, 10);
+            line += ` ${bar} ${budget.percentage.toFixed(0)}%`;
+            if (budget.warningTriggered) {
+                line += ' ⚠️';
+            }
+        }
+        return line;
+    }
+}
+/**
+ * Format large numbers
+ */
+function formatNumber(n) {
+    if (n < 1000)
+        return String(n);
+    if (n < 1000000)
+        return `${(n / 1000).toFixed(1)}K`;
+    return `${(n / 1000000).toFixed(2)}M`;
+}
+/**
+ * Create ASCII progress bar
+ */
+function createProgressBar(percentage, width) {
+    const filled = Math.round((Math.min(percentage, 100) / 100) * width);
+    const empty = width - filled;
+    return '[' + '█'.repeat(filled) + '░'.repeat(empty) + ']';
+}
+// Singleton instance
+let costTracker = null;
+/**
+ * Get or create cost tracker
+ */
+export function getCostTracker() {
+    if (!costTracker) {
+        costTracker = new CostTracker();
+    }
+    return costTracker;
+}
+/**
+ * Reset cost tracker
+ */
+export function resetCostTracker() {
+    costTracker = null;
+}
+export default CostTracker;
+//# sourceMappingURL=cost-indicator.js.map

package/dist/ui/cost-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cost-indicator.js","sourceRoot":"","sources":["../../src/ui/cost-indicator.ts"],"names":[],"mappings":"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"}

package/dist/ui/dashboard/components/metric-card.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Metric Card Component
+ *
+ * Displays a single metric with optional trend indicator,
+ * sparkline chart, and status coloring.
+ */
+import React from 'react';
+export interface MetricCardProps {
+    /** Label for the metric */
+    label: string;
+    /** Primary value to display */
+    value: string | number;
+    /** Optional unit suffix */
+    unit?: string;
+    /** Optional secondary/detail value */
+    detail?: string;
+    /** Status for coloring: success, warning, error, neutral */
+    status?: 'success' | 'warning' | 'error' | 'neutral';
+    /** Optional trend: up, down, stable */
+    trend?: 'up' | 'down' | 'stable';
+    /** Optional icon/emoji */
+    icon?: string;
+    /** Width of the card */
+    width?: number;
+    /** Show border */
+    bordered?: boolean;
+}
+/**
+ * Metric Card - Displays a key metric with styling
+ */
+export declare function MetricCard({ label, value, unit, detail, status, trend, icon, width, bordered, }: MetricCardProps): React.JSX.Element;
+/**
+ * Metric Row - Horizontal layout of metrics
+ */
+export declare function MetricRow({ children, gap, }: {
+    children: React.ReactNode;
+    gap?: number;
+}): React.JSX.Element;
+/**
+ * Metric Grid - Grid layout of metric cards
+ */
+export declare function MetricGrid({ children, columns, }: {
+    children: React.ReactNode;
+    columns?: number;
+}): React.JSX.Element;
+export default MetricCard;