vibezcheck 0.4.2 → 0.5.3

package/dist/react/index.mjs

@@ -3,7 +3,7 @@ import { createContext, useState, useEffect, useCallback, useMemo } from "react"
 
 // src/pricing/table.ts
 var MODEL_PRICING_TABLE = {
-  // --- OpenAI ---
+  // --- OpenAI (Modern & Reasoning) ---
   "gpt-5.6-sol": { inputPer1M: 4, outputPer1M: 20, cachedInputPer1M: 0.4 },
   "gpt-5.6-terra": { inputPer1M: 2, outputPer1M: 12, cachedInputPer1M: 0.2 },
   "gpt-5.6-luna": { inputPer1M: 0.2, outputPer1M: 1.2, cachedInputPer1M: 0.02 },
@@ -15,11 +15,22 @@ var MODEL_PRICING_TABLE = {
   "o3-mini": { inputPer1M: 1.1, outputPer1M: 4.4, cachedInputPer1M: 0.55 },
   "gpt-4o": { inputPer1M: 2.5, outputPer1M: 10, cachedInputPer1M: 1.25 },
   "gpt-4o-mini": { inputPer1M: 0.15, outputPer1M: 0.6, cachedInputPer1M: 0.075 },
+  "gpt-4.5": { inputPer1M: 75, outputPer1M: 150, cachedInputPer1M: 37.5 },
+  "gpt-4.5-preview": { inputPer1M: 75, outputPer1M: 150, cachedInputPer1M: 37.5 },
+  "chatgpt-4o-latest": { inputPer1M: 5, outputPer1M: 15 },
   "gpt-4.1": { inputPer1M: 2, outputPer1M: 8, cachedInputPer1M: 1 },
   "gpt-4.1-nano": { inputPer1M: 0.1, outputPer1M: 0.4, cachedInputPer1M: 0.05 },
+  // --- OpenAI (Legacy & Backward Compatibility) ---
+  "gpt-4-turbo": { inputPer1M: 10, outputPer1M: 30, cachedInputPer1M: 5 },
+  "gpt-4-turbo-preview": { inputPer1M: 10, outputPer1M: 30, cachedInputPer1M: 5 },
+  "gpt-4": { inputPer1M: 30, outputPer1M: 60 },
+  "gpt-4-32k": { inputPer1M: 60, outputPer1M: 120 },
+  "gpt-3.5-turbo": { inputPer1M: 0.5, outputPer1M: 1.5 },
+  "gpt-3.5-turbo-16k": { inputPer1M: 3, outputPer1M: 4 },
   "text-embedding-3-small": { inputPer1M: 0.02, outputPer1M: 0 },
   "text-embedding-3-large": { inputPer1M: 0.13, outputPer1M: 0 },
-  // --- Anthropic ---
+  "text-embedding-ada-002": { inputPer1M: 0.1, outputPer1M: 0 },
+  // --- Anthropic (Modern & Extended Thinking) ---
   "claude-3-7-sonnet": { inputPer1M: 0.59, outputPer1M: 2.93, cachedInputPer1M: 0.3 },
   "claude-sonnet-5": { inputPer1M: 2, outputPer1M: 10, cachedInputPer1M: 0.3 },
   "claude-3-5-sonnet": { inputPer1M: 3, outputPer1M: 15, cachedInputPer1M: 0.3 },
@@ -27,48 +38,145 @@ var MODEL_PRICING_TABLE = {
   "haiku-4.5": { inputPer1M: 1, outputPer1M: 5, cachedInputPer1M: 0.1 },
   "claude-opus-5": { inputPer1M: 5, outputPer1M: 25, cachedInputPer1M: 1.5 },
   "claude-3-opus": { inputPer1M: 15, outputPer1M: 75, cachedInputPer1M: 1.5 },
-  // --- Google Gemini ---
+  // --- Anthropic (Legacy & Backward Compatibility) ---
+  "claude-3-sonnet": { inputPer1M: 3, outputPer1M: 15, cachedInputPer1M: 0.3 },
+  "claude-3-haiku": { inputPer1M: 0.25, outputPer1M: 1.25, cachedInputPer1M: 0.025 },
+  "claude-2.1": { inputPer1M: 8, outputPer1M: 24 },
+  "claude-2.0": { inputPer1M: 8, outputPer1M: 24 },
+  "claude-instant-1.2": { inputPer1M: 1.63, outputPer1M: 5.51 },
+  // --- Google Gemini (Modern & Thoughts) ---
   "gemini-3.7-flash": { inputPer1M: 0.75, outputPer1M: 3.75, cachedInputPer1M: 0.18 },
   "gemini-3.1-pro": { inputPer1M: 2, outputPer1M: 12, cachedInputPer1M: 0.5 },
   "gemini-3.5-flash": { inputPer1M: 1.5, outputPer1M: 9, cachedInputPer1M: 0.38 },
   "gemini-3.1-flash-lite": { inputPer1M: 0.25, outputPer1M: 1.5, cachedInputPer1M: 0.06 },
+  "gemini-2.5-pro": { inputPer1M: 1.25, outputPer1M: 5, cachedInputPer1M: 0.3125 },
+  "gemini-2.5-flash": { inputPer1M: 0.15, outputPer1M: 0.6, cachedInputPer1M: 0.0375 },
   "gemini-2.0-flash": { inputPer1M: 0.1, outputPer1M: 0.4, cachedInputPer1M: 0.025 },
+  "gemini-2.0-flash-lite": { inputPer1M: 0.075, outputPer1M: 0.3, cachedInputPer1M: 0.01875 },
+  "gemini-2.0-pro": { inputPer1M: 1.25, outputPer1M: 5, cachedInputPer1M: 0.3125 },
+  // --- Google Gemini (Legacy & Backward Compatibility) ---
   "gemini-1.5-pro": { inputPer1M: 1.25, outputPer1M: 5, cachedInputPer1M: 0.3125 },
   "gemini-1.5-flash": { inputPer1M: 0.075, outputPer1M: 0.3, cachedInputPer1M: 0.01875 },
+  "gemini-1.5-flash-8b": { inputPer1M: 0.0375, outputPer1M: 0.15, cachedInputPer1M: 9375e-6 },
+  "gemini-1.0-pro": { inputPer1M: 0.5, outputPer1M: 1.5 },
   // --- xAI Grok ---
   "grok-4.6": { inputPer1M: 3, outputPer1M: 15 },
+  "grok-3": { inputPer1M: 3, outputPer1M: 15 },
+  "grok-3-mini": { inputPer1M: 0.3, outputPer1M: 1.5 },
   "grok-2": { inputPer1M: 2, outputPer1M: 10 },
   "grok-2-vision": { inputPer1M: 2, outputPer1M: 10 },
   "grok-beta": { inputPer1M: 5, outputPer1M: 15 },
   // --- Mistral ---
   "mistral-large-3": { inputPer1M: 2, outputPer1M: 6 },
   "mistral-large-latest": { inputPer1M: 2, outputPer1M: 6 },
+  "mistral-large-2411": { inputPer1M: 2, outputPer1M: 6 },
   "codestral-latest": { inputPer1M: 0.3, outputPer1M: 0.9 },
+  "mistral-medium-latest": { inputPer1M: 2.7, outputPer1M: 8.1 },
   "mistral-small-latest": { inputPer1M: 0.2, outputPer1M: 0.6 },
   "ministral-8b-latest": { inputPer1M: 0.1, outputPer1M: 0.1 },
-  // --- Groq LPUs ---
+  "ministral-3b-latest": { inputPer1M: 0.04, outputPer1M: 0.04 },
+  "open-mistral-7b": { inputPer1M: 0.2, outputPer1M: 0.2 },
+  "open-mixtral-8x7b": { inputPer1M: 0.7, outputPer1M: 0.7 },
+  "open-mixtral-8x22b": { inputPer1M: 2, outputPer1M: 6 },
+  // --- Groq & Meta Llama LPUs ---
   "llama-3.3-70b-versatile": { inputPer1M: 0.59, outputPer1M: 0.79 },
+  "llama-3.1-405b": { inputPer1M: 3, outputPer1M: 3 },
+  "llama-3.1-70b-versatile": { inputPer1M: 0.59, outputPer1M: 0.79 },
   "llama-3.1-8b-instant": { inputPer1M: 0.05, outputPer1M: 0.08 },
+  "llama-3.2-1b-preview": { inputPer1M: 0.04, outputPer1M: 0.04 },
+  "llama-3.2-3b-preview": { inputPer1M: 0.06, outputPer1M: 0.06 },
+  "llama-3.2-11b-vision": { inputPer1M: 0.18, outputPer1M: 0.18 },
+  "llama-3.2-90b-vision": { inputPer1M: 0.9, outputPer1M: 0.9 },
   "deepseek-r1-distill-llama-70b": { inputPer1M: 0.75, outputPer1M: 0.99 },
+  "deepseek-r1-distill-qwen-32b": { inputPer1M: 0.49, outputPer1M: 0.49 },
   "qwen-2.5-32b": { inputPer1M: 0.29, outputPer1M: 0.39 },
+  "qwen-2.5-72b": { inputPer1M: 0.35, outputPer1M: 0.4 },
+  "mixtral-8x7b-32768": { inputPer1M: 0.24, outputPer1M: 0.24 },
+  "gemma2-9b-it": { inputPer1M: 0.2, outputPer1M: 0.2 },
   // --- DeepSeek ---
   "deepseek-v4-pro": { inputPer1M: 0.66, outputPer1M: 1.98, cachedInputPer1M: 0.15 },
   "deepseek-v4-flash": { inputPer1M: 0.22, outputPer1M: 0.66, cachedInputPer1M: 0.05 },
-  "deepseek-chat": { inputPer1M: 0.22, outputPer1M: 0.66, cachedInputPer1M: 0.05 },
-  "deepseek-reasoner": { inputPer1M: 0.66, outputPer1M: 1.98, cachedInputPer1M: 0.15 },
+  "deepseek-v3": { inputPer1M: 0.14, outputPer1M: 0.28, cachedInputPer1M: 0.014 },
+  "deepseek-chat": { inputPer1M: 0.14, outputPer1M: 0.28, cachedInputPer1M: 0.014 },
+  "deepseek-r1": { inputPer1M: 0.55, outputPer1M: 2.19, cachedInputPer1M: 0.14 },
+  "deepseek-reasoner": { inputPer1M: 0.55, outputPer1M: 2.19, cachedInputPer1M: 0.14 },
   // --- Cohere ---
   "command-r-plus": { inputPer1M: 2.5, outputPer1M: 10 },
-  "command-r": { inputPer1M: 0.15, outputPer1M: 0.6 }
+  "command-r": { inputPer1M: 0.15, outputPer1M: 0.6 },
+  "command": { inputPer1M: 1, outputPer1M: 2 },
+  "command-light": { inputPer1M: 0.3, outputPer1M: 0.6 },
+  "embed-english-v3.0": { inputPer1M: 0.1, outputPer1M: 0 },
+  // --- Perplexity ---
+  "sonar": { inputPer1M: 1, outputPer1M: 1 },
+  "sonar-pro": { inputPer1M: 3, outputPer1M: 15 },
+  "sonar-reasoning": { inputPer1M: 1, outputPer1M: 5 },
+  "sonar-reasoning-pro": { inputPer1M: 2, outputPer1M: 8 }
+};
+var MODEL_ALIASES = {
+  // OpenAI Shorthands & Aliases
+  "gpt4": "gpt-4",
+  "gpt4o": "gpt-4o",
+  "gpt-4-preview": "gpt-4-turbo",
+  "gpt-4-0125-preview": "gpt-4-turbo",
+  "gpt-4-1106-preview": "gpt-4-turbo",
+  "gpt-3.5": "gpt-3.5-turbo",
+  "gpt-3.5-turbo-0125": "gpt-3.5-turbo",
+  "gpt-3.5-turbo-1106": "gpt-3.5-turbo",
+  "gpt-3.5-turbo-16k-0613": "gpt-3.5-turbo-16k",
+  // Anthropic Shorthands
+  "sonnet": "claude-3-5-sonnet",
+  "sonnet-3.7": "claude-3-7-sonnet",
+  "sonnet-3.5": "claude-3-5-sonnet",
+  "haiku": "claude-3-5-haiku",
+  "haiku-3.5": "claude-3-5-haiku",
+  "opus": "claude-3-opus",
+  "claude-2": "claude-2.0",
+  "claude-instant": "claude-instant-1.2",
+  // DeepSeek Shorthands
+  "r1": "deepseek-r1",
+  "v3": "deepseek-v3",
+  // Gemini Shorthands
+  "flash": "gemini-2.0-flash",
+  "pro": "gemini-1.5-pro",
+  // Meta / Groq Shorthands
+  "llama-3.3-70b": "llama-3.3-70b-versatile",
+  "llama-3.1-70b": "llama-3.1-70b-versatile",
+  "llama-3.1-8b": "llama-3.1-8b-instant",
+  "llama-3-70b": "llama-3.1-70b-versatile",
+  "llama-3-8b": "llama-3.1-8b-instant",
+  // Mistral Shorthands
+  "codestral": "codestral-latest",
+  "mistral-large": "mistral-large-latest",
+  "mistral-small": "mistral-small-latest"
 };
 var customPricingRegistry = {};
 function normalizeModelKey(rawModel) {
   if (!rawModel) return "unknown";
   let model = rawModel.toLowerCase().trim();
+  model = model.replace(/^[a-z0-9_-]+\.(anthropic|meta|amazon|cohere|mistral|ai21)\./i, "");
+  model = model.replace(/^(anthropic|meta|amazon|cohere|mistral|ai21)\./i, "");
+  model = model.replace(/-v\d+(:\d+)?$/, "");
+  model = model.replace(/:\d+$/, "");
   if (model.includes("/")) {
-    model = model.split("/")[1] || model;
+    model = model.split("/").slice(1).join("/");
   }
+  model = model.replace(/:(latest|free|beta)$/, "");
   model = model.replace(/-\d{8}$/, "");
   model = model.replace(/-\d{4}-\d{2}-\d{2}$/, "");
+  model = model.replace(/llama(\d+)-(\d+)-/g, "llama-$1.$2-");
+  model = model.replace(/llama(\d+)\.(\d+)-/g, "llama-$1.$2-");
+  if (MODEL_ALIASES[model]) {
+    return MODEL_ALIASES[model];
+  }
+  if (!MODEL_PRICING_TABLE[model]) {
+    const withoutInstruct = model.replace(/-(instruct|chat|preview)$/, "");
+    if (MODEL_PRICING_TABLE[withoutInstruct]) {
+      return withoutInstruct;
+    }
+    if (MODEL_ALIASES[withoutInstruct]) {
+      return MODEL_ALIASES[withoutInstruct];
+    }
+  }
   return model;
 }
 function getModelPricing(modelName) {
@@ -85,6 +193,10 @@ function getModelPricing(modelName) {
   if (MODEL_PRICING_TABLE[modelName]) {
     return MODEL_PRICING_TABLE[modelName];
   }
+  const alias = MODEL_ALIASES[modelName.toLowerCase().trim()];
+  if (alias && MODEL_PRICING_TABLE[alias]) {
+    return MODEL_PRICING_TABLE[alias];
+  }
   return {
     inputPer1M: 1,
     outputPer1M: 3,
@@ -107,35 +219,57 @@ function calculateCost(params) {
   } else {
     rates = getModelPricing(params.model);
   }
-  const inputTokens = params.inputTokens ?? 0;
-  const outputTokens = params.outputTokens ?? 0;
-  const reasoningTokens = params.reasoningTokens ?? 0;
-  const cachedTokens = params.cachedTokens ?? 0;
-  const regularInputTokens = Math.max(0, inputTokens - cachedTokens);
-  const regularInputCost = regularInputTokens / 1e6 * rates.inputPer1M;
-  const cachedRate = rates.cachedInputPer1M ?? rates.inputPer1M * 0.15;
-  const cachedInputCost = cachedTokens / 1e6 * cachedRate;
-  const inputCostUSD = regularInputCost + cachedInputCost;
-  const outputCostUSD = outputTokens / 1e6 * rates.outputPer1M;
-  const reasoningRate = rates.reasoningPer1M ?? rates.outputPer1M;
-  const reasoningCostUSD = reasoningTokens / 1e6 * reasoningRate;
-  const standardCacheCost = cachedTokens / 1e6 * rates.inputPer1M;
-  const cachedDiscountUSD = Math.max(0, standardCacheCost - cachedInputCost);
-  let totalUSD = inputCostUSD + outputCostUSD;
+  const inputTokens = BigInt(Math.max(0, params.inputTokens ?? 0));
+  const outputTokens = BigInt(Math.max(0, params.outputTokens ?? 0));
+  const reasoningTokens = BigInt(Math.max(0, params.reasoningTokens ?? 0));
+  const cachedTokens = BigInt(Math.max(0, params.cachedTokens ?? 0));
+  const regularInputTokens = inputTokens > cachedTokens ? inputTokens - cachedTokens : 0n;
+  const rateInputNano = BigInt(Math.round(rates.inputPer1M * 1e3));
+  const cachedPer1M = rates.cachedInputPer1M ?? rates.inputPer1M * 0.15;
+  const rateCachedNano = BigInt(Math.round(cachedPer1M * 1e3));
+  const rateOutputNano = BigInt(Math.round(rates.outputPer1M * 1e3));
+  const reasoningPer1M = rates.reasoningPer1M ?? rates.outputPer1M;
+  const rateReasoningNano = BigInt(Math.round(reasoningPer1M * 1e3));
+  const regularInputCostNano = regularInputTokens * rateInputNano;
+  const cachedInputCostNano = cachedTokens * rateCachedNano;
+  const inputCostNano = regularInputCostNano + cachedInputCostNano;
+  const outputCostNano = outputTokens * rateOutputNano;
+  const reasoningCostNano = reasoningTokens * rateReasoningNano;
+  const standardCacheCostNano = cachedTokens * rateInputNano;
+  const cachedDiscountNano = standardCacheCostNano > cachedInputCostNano ? standardCacheCostNano - cachedInputCostNano : 0n;
+  const wholesaleNano = inputCostNano + outputCostNano;
   const markup = params.markupMultiplier ?? 1;
-  let retailUSD = void 0;
+  let billedNano = wholesaleNano;
+  let hasRetail = false;
   if (markup !== 1 || params.minimumChargeUSD !== void 0) {
-    retailUSD = totalUSD * markup;
-    if (params.minimumChargeUSD !== void 0 && retailUSD < params.minimumChargeUSD) {
-      retailUSD = params.minimumChargeUSD;
+    hasRetail = true;
+    const markupMultiplierNano = BigInt(Math.round(markup * 1e3));
+    billedNano = wholesaleNano * markupMultiplierNano / 1000n;
+    if (params.minimumChargeUSD !== void 0 && params.minimumChargeUSD > 0) {
+      const minChargeNano = BigInt(Math.round(params.minimumChargeUSD * 1e9));
+      if (billedNano < minChargeNano) {
+        billedNano = minChargeNano;
+      }
     }
   }
+  const inputCostUSD = Number(inputCostNano) / 1e9;
+  const outputCostUSD = Number(outputCostNano) / 1e9;
+  const reasoningCostUSD = Number(reasoningCostNano) / 1e9;
+  const cachedDiscountUSD = Number(cachedDiscountNano) / 1e9;
+  const totalUSD = Number(wholesaleNano) / 1e9;
+  const wholesaleTotalUSD = totalUSD;
+  const billedUSD = Number(billedNano) / 1e9;
+  const profitUSD = Math.max(0, billedUSD - wholesaleTotalUSD);
+  const retailUSD = hasRetail ? billedUSD : void 0;
   return {
     inputCostUSD: Number(inputCostUSD.toFixed(8)),
     outputCostUSD: Number(outputCostUSD.toFixed(8)),
-    reasoningCostUSD: reasoningTokens > 0 ? Number(reasoningCostUSD.toFixed(8)) : void 0,
-    cachedDiscountUSD: cachedTokens > 0 ? Number(cachedDiscountUSD.toFixed(8)) : void 0,
+    reasoningCostUSD: reasoningTokens > 0n ? Number(reasoningCostUSD.toFixed(8)) : void 0,
+    cachedDiscountUSD: cachedTokens > 0n ? Number(cachedDiscountUSD.toFixed(8)) : void 0,
     totalUSD: Number(totalUSD.toFixed(8)),
+    wholesaleTotalUSD: Number(wholesaleTotalUSD.toFixed(8)),
+    billedUSD: Number(billedUSD.toFixed(8)),
+    profitUSD: Number(profitUSD.toFixed(8)),
     retailUSD: retailUSD !== void 0 ? Number(retailUSD.toFixed(8)) : void 0,
     currency: rates.currency || "USD"
   };
@@ -1086,8 +1220,314 @@ var VibezBillingModal = ({
     }
   ) });
 };
+
+// src/react/vibezcheck-ui.tsx
+import { useState as useState5, useMemo as useMemo2, useEffect as useEffect2 } from "react";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var DEV_RATES = {
+  "gpt-4o": { input: 2.5, output: 10 },
+  "gpt-4o-mini": { input: 0.15, output: 0.6 },
+  "claude-3-5-sonnet": { input: 3, output: 15 },
+  "claude-3-7-sonnet": { input: 3, output: 15 },
+  "gemini-1.5-pro": { input: 1.25, output: 5 },
+  "gemini-1.5-flash": { input: 0.075, output: 0.3 },
+  "deepseek-chat": { input: 0.14, output: 0.28 },
+  default: { input: 2, output: 8 }
+};
+function VibezCheck({
+  messages,
+  events,
+  model = "gpt-4o",
+  margin = 1.25,
+  totalCostUSD: manualCost,
+  totalTokens: manualTokens,
+  remainingBalanceUSD,
+  position = "bottom-center",
+  theme = "dark",
+  devMode,
+  className = "",
+  onTopUp,
+  onCostUpdate
+}) {
+  const [isOpen, setIsOpen] = useState5(false);
+  const normalizedModel = useMemo2(() => {
+    const clean = model.toLowerCase().replace(/^(openai|anthropic|google)\//, "");
+    return Object.keys(DEV_RATES).find((k) => clean.includes(k)) || "default";
+  }, [model]);
+  const stats = useMemo2(() => {
+    let hasServerTelemetry = false;
+    let wholesaleUSD = 0;
+    let billedUSD = manualCost ?? 0;
+    let totalTokens = manualTokens ?? 0;
+    let promptTokens = 0;
+    let completionTokens = 0;
+    let cachedTokens = 0;
+    let reasoningTokens = 0;
+    let turns = 0;
+    if (events && events.length > 0) {
+      hasServerTelemetry = true;
+      for (const ev of events) {
+        billedUSD += ev.cost?.retailUSD ?? ev.cost?.billedUSD ?? ev.cost?.totalUSD ?? 0;
+        wholesaleUSD += ev.cost?.wholesaleTotalUSD ?? ev.cost?.totalUSD ?? 0;
+        totalTokens += ev.usage?.totalTokens ?? 0;
+        promptTokens += ev.usage?.inputTokens ?? 0;
+        completionTokens += ev.usage?.outputTokens ?? 0;
+        cachedTokens += ev.usage?.cachedTokens ?? 0;
+        reasoningTokens += ev.usage?.reasoningTokens ?? 0;
+        turns++;
+      }
+    }
+    if (messages && messages.length > 0) {
+      for (const msg of messages) {
+        turns++;
+        let eventFound = null;
+        if (Array.isArray(msg.annotations)) {
+          for (const ann of msg.annotations) {
+            if (ann && (ann.cost || ann.usage || ann.vibez)) {
+              eventFound = ann.vibez || ann;
+              break;
+            }
+          }
+        }
+        if (!eventFound && Array.isArray(msg.parts)) {
+          for (const part of msg.parts) {
+            if (part && (part.type === "data" || part.type === "custom") && part.data?.vibez) {
+              eventFound = part.data.vibez;
+              break;
+            }
+          }
+        }
+        if (eventFound) {
+          hasServerTelemetry = true;
+          billedUSD += eventFound.cost?.retailUSD ?? eventFound.cost?.billedUSD ?? eventFound.cost?.totalUSD ?? 0;
+          wholesaleUSD += eventFound.cost?.wholesaleTotalUSD ?? eventFound.cost?.totalUSD ?? 0;
+          totalTokens += eventFound.usage?.totalTokens ?? 0;
+          promptTokens += eventFound.usage?.inputTokens ?? 0;
+          completionTokens += eventFound.usage?.outputTokens ?? 0;
+          cachedTokens += eventFound.usage?.cachedTokens ?? 0;
+          reasoningTokens += eventFound.usage?.reasoningTokens ?? 0;
+        } else {
+          let text = "";
+          if (typeof msg.content === "string") {
+            text = msg.content;
+          } else if (Array.isArray(msg.parts)) {
+            text = msg.parts.filter((p) => p.type === "text").map((p) => p.text).join(" ");
+          }
+          const estimatedTok = Math.ceil(text.length / 3.8);
+          if (msg.role === "user") {
+            promptTokens += estimatedTok;
+          } else if (msg.role === "assistant") {
+            completionTokens += estimatedTok;
+          } else {
+            promptTokens += estimatedTok;
+          }
+          totalTokens += estimatedTok;
+        }
+      }
+      if (!hasServerTelemetry && totalTokens > 0) {
+        const rates = DEV_RATES[normalizedModel] || DEV_RATES.default;
+        wholesaleUSD = (promptTokens * rates.input + completionTokens * rates.output) / 1e6;
+        billedUSD = wholesaleUSD * margin;
+      }
+    }
+    const profitUSD = Math.max(0, billedUSD - wholesaleUSD);
+    const isDev = devMode !== void 0 ? devMode : !hasServerTelemetry;
+    return {
+      wholesaleUSD,
+      billedUSD,
+      profitUSD,
+      totalTokens,
+      promptTokens,
+      completionTokens,
+      cachedTokens,
+      reasoningTokens,
+      turns,
+      isDevMode: isDev
+    };
+  }, [messages, events, manualCost, manualTokens, normalizedModel, margin, devMode]);
+  useEffect2(() => {
+    if (onCostUpdate) {
+      onCostUpdate({
+        totalCostUSD: stats.billedUSD,
+        wholesaleUSD: stats.wholesaleUSD,
+        profitUSD: stats.profitUSD,
+        totalTokens: stats.totalTokens,
+        isDevMode: stats.isDevMode
+      });
+    }
+  }, [stats.billedUSD, stats.totalTokens, stats.isDevMode, onCostUpdate]);
+  const isDark = theme === "dark" || theme === "auto";
+  const positionStyles = useMemo2(() => {
+    const base = { position: "fixed", zIndex: 9999 };
+    switch (position) {
+      case "bottom-center":
+        return { ...base, bottom: "24px", left: "50%", transform: "translateX(-50%)" };
+      case "bottom-right":
+        return { ...base, bottom: "24px", right: "24px" };
+      case "bottom-left":
+        return { ...base, bottom: "24px", left: "24px" };
+      case "top-center":
+        return { ...base, top: "24px", left: "50%", transform: "translateX(-50%)" };
+      default:
+        return { ...base, bottom: "24px", left: "50%", transform: "translateX(-50%)" };
+    }
+  }, [position]);
+  const formatTokens = (num) => {
+    if (num >= 1e6) return (num / 1e6).toFixed(2) + "M";
+    if (num >= 1e3) return (num / 1e3).toFixed(1) + "k";
+    return num.toLocaleString();
+  };
+  return /* @__PURE__ */ jsxs5("div", { style: positionStyles, className: `vibezcheck-ui-root font-sans text-xs select-none ${className}`, children: [
+    isOpen && /* @__PURE__ */ jsxs5(
+      "div",
+      {
+        style: {
+          background: isDark ? "rgba(15, 23, 42, 0.96)" : "rgba(255, 255, 255, 0.98)",
+          backdropFilter: "blur(16px)",
+          borderColor: isDark ? "#334155" : "#e2e8f0",
+          color: isDark ? "#f8fafc" : "#0f172a"
+        },
+        className: "mb-3 p-4 rounded-2xl border shadow-2xl w-84 space-y-3.5 transition-all animate-in fade-in slide-in-from-bottom-2",
+        children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between border-b pb-2 border-slate-700/50", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx6("span", { className: "text-lime-400 font-bold text-sm", children: "\u2726" }),
+              /* @__PURE__ */ jsx6("span", { className: "font-semibold tracking-wide uppercase text-[11px] text-lime-400", children: "VibezCheck Financial Meter" })
+            ] }),
+            /* @__PURE__ */ jsx6(
+              "button",
+              {
+                onClick: () => setIsOpen(false),
+                className: "text-slate-400 hover:text-white text-xs px-1.5 py-0.5 rounded cursor-pointer transition",
+                children: "\u2715"
+              }
+            )
+          ] }),
+          stats.isDevMode ? /* @__PURE__ */ jsxs5("div", { className: "bg-amber-950/40 border border-amber-500/30 rounded-lg p-2 text-[10px] text-amber-300 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-1.5 font-medium", children: [
+              /* @__PURE__ */ jsx6("span", { className: "w-2 h-2 rounded-full bg-amber-400 animate-ping" }),
+              "Zero-DB Dev Mode (Simulated Bill)"
+            ] }),
+            /* @__PURE__ */ jsxs5("span", { className: "text-[9px] bg-amber-500/20 px-1.5 py-0.5 rounded font-mono", children: [
+              "+",
+              Math.round((margin - 1) * 100),
+              "% Margin"
+            ] })
+          ] }) : /* @__PURE__ */ jsxs5("div", { className: "bg-emerald-950/40 border border-emerald-500/30 rounded-lg p-2 text-[10px] text-emerald-300 flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx6("span", { className: "w-2 h-2 rounded-full bg-emerald-400" }),
+            /* @__PURE__ */ jsx6("span", { children: "Live Stripe Usage Meter Active" })
+          ] }),
+          /* @__PURE__ */ jsxs5("div", { className: "bg-slate-800/60 p-2.5 rounded-lg border border-slate-700/40 space-y-2 text-[11px]", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex justify-between items-center text-slate-400", children: [
+              /* @__PURE__ */ jsx6("span", { children: "Provider Cost (Wholesale):" }),
+              /* @__PURE__ */ jsxs5("span", { className: "font-mono text-slate-300", children: [
+                "$",
+                stats.wholesaleUSD.toFixed(4)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs5("div", { className: "flex justify-between items-center text-slate-400", children: [
+              /* @__PURE__ */ jsxs5("span", { children: [
+                "Your Profit (+",
+                Math.round((margin - 1) * 100),
+                "%):"
+              ] }),
+              /* @__PURE__ */ jsxs5("span", { className: "font-mono text-lime-400 font-medium", children: [
+                "+$",
+                stats.profitUSD.toFixed(4)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs5("div", { className: "border-t border-slate-700/60 pt-1.5 flex justify-between items-center font-bold", children: [
+              /* @__PURE__ */ jsx6("span", { className: "text-white", children: "Customer Billed Total:" }),
+              /* @__PURE__ */ jsxs5("span", { className: "font-mono text-lime-400 text-sm", children: [
+                "$",
+                stats.billedUSD.toFixed(4)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs5("div", { className: "bg-slate-800/40 p-2.5 rounded-lg border border-slate-700/30 space-y-1.5 text-[11px]", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex justify-between text-slate-400", children: [
+              /* @__PURE__ */ jsx6("span", { children: "Prompt Tokens:" }),
+              /* @__PURE__ */ jsx6("span", { className: "font-mono text-slate-200", children: formatTokens(stats.promptTokens) })
+            ] }),
+            stats.cachedTokens > 0 && /* @__PURE__ */ jsxs5("div", { className: "flex justify-between text-[10px] text-lime-300", children: [
+              /* @__PURE__ */ jsx6("span", { children: "\u21B3 Cache Savings (85% off):" }),
+              /* @__PURE__ */ jsxs5("span", { className: "font-mono", children: [
+                "-",
+                formatTokens(stats.cachedTokens)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs5("div", { className: "flex justify-between text-slate-400", children: [
+              /* @__PURE__ */ jsx6("span", { children: "Completion Tokens:" }),
+              /* @__PURE__ */ jsx6("span", { className: "font-mono text-slate-200", children: formatTokens(stats.completionTokens) })
+            ] }),
+            stats.reasoningTokens > 0 && /* @__PURE__ */ jsxs5("div", { className: "flex justify-between text-[10px] text-purple-300", children: [
+              /* @__PURE__ */ jsx6("span", { children: "\u21B3 Thinking / Reasoning:" }),
+              /* @__PURE__ */ jsx6("span", { className: "font-mono", children: formatTokens(stats.reasoningTokens) })
+            ] }),
+            /* @__PURE__ */ jsxs5("div", { className: "flex justify-between border-t border-slate-700/50 pt-1 font-semibold text-slate-300", children: [
+              /* @__PURE__ */ jsx6("span", { children: "Total Tokens:" }),
+              /* @__PURE__ */ jsx6("span", { className: "font-mono text-white", children: formatTokens(stats.totalTokens) })
+            ] })
+          ] }),
+          typeof remainingBalanceUSD === "number" && /* @__PURE__ */ jsxs5("div", { className: "flex justify-between items-center text-[11px] px-1", children: [
+            /* @__PURE__ */ jsx6("span", { className: "text-slate-400", children: "Remaining Balance:" }),
+            /* @__PURE__ */ jsxs5(
+              "span",
+              {
+                className: `font-mono font-bold ${remainingBalanceUSD < 1 ? "text-amber-400" : "text-slate-200"}`,
+                children: [
+                  "$",
+                  remainingBalanceUSD.toFixed(2)
+                ]
+              }
+            )
+          ] }),
+          onTopUp && /* @__PURE__ */ jsx6(
+            "button",
+            {
+              onClick: onTopUp,
+              className: "w-full py-2 px-3 rounded-lg bg-lime-500 hover:bg-lime-400 text-slate-950 font-semibold text-xs transition cursor-pointer shadow-md active:scale-98",
+              children: "+ Add / Top Up Credits"
+            }
+          ),
+          stats.isDevMode && /* @__PURE__ */ jsx6("p", { className: "text-[9px] text-slate-500 text-center leading-tight", children: "Zero-DB Dev Mode: Running in local memory without database or Stripe dependencies." })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs5(
+      "div",
+      {
+        onClick: () => setIsOpen(!isOpen),
+        style: {
+          background: isDark ? "rgba(15, 23, 42, 0.90)" : "rgba(255, 255, 255, 0.95)",
+          backdropFilter: "blur(12px)",
+          borderColor: isDark ? "#334155" : "#e2e8f0",
+          color: isDark ? "#f8fafc" : "#0f172a"
+        },
+        className: "flex items-center gap-2.5 px-3.5 py-1.5 rounded-full border shadow-xl cursor-pointer hover:scale-105 active:scale-95 transition-all select-none",
+        children: [
+          /* @__PURE__ */ jsx6("span", { className: "text-lime-400 font-bold text-xs animate-pulse", children: "\u2726" }),
+          /* @__PURE__ */ jsxs5("span", { className: "font-mono font-semibold text-lime-400 text-xs", children: [
+            "$",
+            stats.billedUSD.toFixed(4)
+          ] }),
+          /* @__PURE__ */ jsx6("span", { className: "text-slate-500", children: "\u2022" }),
+          /* @__PURE__ */ jsxs5("span", { className: "font-mono text-slate-300 text-xs", children: [
+            formatTokens(stats.totalTokens),
+            " tok"
+          ] }),
+          stats.isDevMode && /* @__PURE__ */ jsx6("span", { className: "text-[9px] font-mono text-amber-400 bg-amber-400/10 px-1 py-0.2 rounded", children: "DEV" }),
+          /* @__PURE__ */ jsx6("span", { className: "text-[10px] text-slate-400 ml-0.5", children: isOpen ? "\u25BC" : "\u25B2" })
+        ]
+      }
+    )
+  ] });
+}
+var VibezPill = VibezCheck;
 export {
   VibezBillingModal,
+  VibezCheck,
+  VibezPill,
   VibezReceipt,
   VibezSessionBadge,
   VibezSessionContext,