Merge pull request 'feat: Update the chat token info tooltip to use the tokenUsagePopup chart' (#144) from chat_token into main

Reviewed-on: https://git.biggo.com/john/dive/pulls/144

Author: johnfunmula

package-lock.json

@@ -44,6 +44,7 @@
     "@anthropic-ai/sdk": "^0.57.0",
     "@aws-sdk/client-bedrock": "^3.848.0",
     "@mistralai/mistralai": "^1.5.1",
+    "chart.js": "^4.5.1",
     "clsx": "^2.1.1",
     "cross-spawn": "^7.0.6",
     "electron-dl": "^4.0.0",
@@ -53,6 +54,7 @@
     "fs-extra": "^11.3.0",
     "ollama": "^0.5.15",
     "openai": "^4.95.0",
+    "react-chartjs-2": "^5.3.1",
     "zod": "^3.24.2"
   },
   "devDependencies": {

package.json

@@ -60,6 +60,13 @@
       "output": "Ausgabe",
       "count": "Token-Anzahl",
       "total": "Gesamtnutzung",
+      "composition": "Eingabe-Token-Zusammensetzungsstruktur",
+      "compositionAlt": "Diese Token-Anzahl wird von Langchain geschätzt, die tatsächliche Nutzung kann leicht abweichen",
+      "userToken": "User Token",
+      "langchainToken": "Langchain Token",
+      "customPrompt": "Custom Prompt",
+      "systemPrompt": "System Prompt",
+      "mcpToolPrompt": "MCP Tool Prompt",
       "firstDelay": "Erste Verzögerung {{time}} ms",
       "firstDelayDesc": "Erste Verzögerung: Zeit bis die KI das erste Zeichen generiert",
       "generationRate": "{{time}} Tokens pro Sekunde",

src/locales/de/translation.json

@@ -66,6 +66,13 @@
       "output": "Output",
       "count": "Token Count",
       "total": "Total Usage",
+      "composition": "Input Token Composition Structure",
+      "compositionAlt": "This token count is estimated by Langchain, and the actual usage may vary slightly",
+      "userToken": "User token",
+      "langchainToken": "Langchain Token",
+      "customPrompt": "Custom Prompt",
+      "systemPrompt": "System Prompt",
+      "mcpToolPrompt": "MCP Tool Prompt",
       "firstDelay": "First delay {{time}} ms",
       "firstDelayDesc": "First delay: Time for AI to start generating the first character",
       "generationRate": "{{time}} tokens per second",

src/locales/en/translation.json

@@ -66,6 +66,13 @@
       "output": "Salida",
       "count": "Cantidad de tokens",
       "total": "Uso total",
+      "composition": "Estructura de composición de tokens de entrada",
+      "compositionAlt": "Este recuento de tokens es estimado por Langchain, el uso real puede variar ligeramente",
+      "userToken": "User Token",
+      "langchainToken": "Langchain Token",
+      "customPrompt": "Custom Prompt",
+      "systemPrompt": "System Prompt",
+      "mcpToolPrompt": "MCP Tool Prompt",
       "firstDelay": "Retraso inicial {{time}} ms",
       "firstDelayDesc": "Retraso inicial: Tiempo para que la IA comience a generar el primer carácter",
       "generationRate": "{{time}} tokens por segundo",

src/locales/es/translation.json

@@ -60,6 +60,13 @@
       "output": "Tuloste",
       "count": "Tokenien määrä",
       "total": "Kokonaiskäyttö",
+      "composition": "Syöttötokenien koostumuksen rakenne",
+      "compositionAlt": "Tämä tokenimäärä on Langchainin arvio, todellinen käyttö voi vaihdella hieman",
+      "userToken": "User Token",
+      "langchainToken": "Langchain Token",
+      "customPrompt": "Custom Prompt",
+      "systemPrompt": "System Prompt",
+      "mcpToolPrompt": "MCP Tool Prompt",
       "firstDelay": "Ensimmäinen viive {{time}} ms",
       "firstDelayDesc": "Ensimmäinen viive: Aika, joka tekoälyltä kuluu ensimmäisen merkin luomiseen",
       "generationRate": "{{time}} tokenia sekunnissa",

src/locales/fi/translation.json

@@ -60,6 +60,13 @@
       "output": "Output",
       "count": "Bilang ng Token",
       "total": "Kabuuang Paggamit",
+      "composition": "Istraktura ng Komposisyon ng Input Token",
+      "compositionAlt": "Ang bilang ng token na ito ay tinantya ng Langchain, ang aktwal na paggamit ay maaaring bahagyang magkaiba",
+      "userToken": "User Token",
+      "langchainToken": "Langchain Token",
+      "customPrompt": "Custom Prompt",
+      "systemPrompt": "System Prompt",
+      "mcpToolPrompt": "MCP Tool Prompt",
       "firstDelay": "Unang pagkaantala {{time}} ms",
       "firstDelayDesc": "Unang pagkaantala: Oras para magsimulang lumikha ang AI ng unang karakter",
       "generationRate": "{{time}} tokens bawat segundo",

src/locales/fil/translation.json

@@ -60,6 +60,13 @@
       "output": "Sortie",
       "count": "Nombre de tokens",
       "total": "Utilisation totale",
+      "composition": "Structure de composition des tokens d'entrée",
+      "compositionAlt": "Ce nombre de tokens est estimé par Langchain, l'utilisation réelle peut légèrement varier",
+      "userToken": "User Token",
+      "langchainToken": "Langchain Token",
+      "customPrompt": "Custom Prompt",
+      "systemPrompt": "System Prompt",
+      "mcpToolPrompt": "MCP Tool Prompt",
       "firstDelay": "Premier délai {{time}} ms",
       "firstDelayDesc": "Premier délai : Temps pour que l'IA commence à générer le premier caractère",
       "generationRate": "{{time}} tokens par seconde",

src/locales/fr/translation.json

@@ -60,6 +60,13 @@
       "output": "Output",
       "count": "Jumlah Token",
       "total": "Total Penggunaan",
+      "composition": "Struktur Komposisi Token Input",
+      "compositionAlt": "Jumlah token ini diperkirakan oleh Langchain, penggunaan aktual mungkin sedikit berbeda",
+      "userToken": "User Token",
+      "langchainToken": "Langchain Token",
+      "customPrompt": "Custom Prompt",
+      "systemPrompt": "System Prompt",
+      "mcpToolPrompt": "MCP Tool Prompt",
       "firstDelay": "Penundaan pertama {{time}} ms",
       "firstDelayDesc": "Penundaan pertama: Waktu yang dibutuhkan AI untuk mulai menghasilkan karakter pertama",
       "generationRate": "{{time}} token per detik",

src/locales/id/translation.json

@@ -60,6 +60,13 @@
       "output": "Output",
       "count": "Numero di token",
       "total": "Utilizzo totale",
+      "composition": "Struttura di composizione dei token di input",
+      "compositionAlt": "Questo conteggio dei token è stimato da Langchain, l'utilizzo effettivo potrebbe variare leggermente",
+      "userToken": "User Token",
+      "langchainToken": "Langchain Token",
+      "customPrompt": "Custom Prompt",
+      "systemPrompt": "System Prompt",
+      "mcpToolPrompt": "MCP Tool Prompt",
       "firstDelay": "Primo ritardo {{time}} ms",
       "firstDelayDesc": "Primo ritardo: Tempo impiegato dall'IA per iniziare a generare il primo carattere",
       "generationRate": "{{time}} token al secondo",