npm - @autocode-cli/autocode - Versions diffs - 0.2.0 → 0.3.0 - Mend

@autocode-cli/autocode 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

package/dist/server/dashboard/pages/stats-page.js CHANGED Viewed

@@ -2,6 +2,7 @@
  * Stats page - Claude usage statistics dashboard
  */
 import { getStyles } from '../styles/index.js';
+import { generateI18nScript, generateLangSwitcher } from '../shared/index.js';
 /**
  * Generate the stats page HTML
  */
@@ -306,19 +307,16 @@ export function generateStatsPage() {
 <body>
   <div class="stats-page">
     <div class="stats-header">
-      <h1><span data-i18n="title"></span> <span id="refresh-indicator" class="refresh-indicator"></span></h1>
+      <h1><span data-i18n="stats.pageTitle"></span> <span id="refresh-indicator" class="refresh-indicator"></span></h1>
       <div class="header-actions">
-        <div class="lang-switcher">
-          <button class="lang-btn" data-lang="fr">FR</button>
-          <button class="lang-btn" data-lang="en">EN</button>
-        </div>
-        <a href="/" class="btn-back" data-i18n="back"></a>
+        ${generateLangSwitcher()}
+        <a href="/" class="btn-back" data-i18n="btn.backToDashboard"></a>
       </div>
     </div>
     <div class="stats-cards">
       <div class="stats-card">
-        <h3 data-i18n="profile"></h3>
+        <h3 data-i18n="stats.profile"></h3>
         <div class="profile-badge" id="profile">-</div>
         <div style="margin-top: 15px">
           <span class="model-badge" id="model">-</span>
@@ -326,52 +324,52 @@ export function generateStatsPage() {
       </div>
       <div class="stats-card">
-        <h3 data-i18n="session"></h3>
+        <h3 data-i18n="stats.session"></h3>
         <div class="stats-grid">
           <div class="stats-item">
             <span class="value" id="session-tokens">-</span>
-            <span class="label" data-i18n="totalTokens"></span>
+            <span class="label" data-i18n="stats.totalTokens"></span>
           </div>
           <div class="stats-item">
             <span class="value" id="session-calls">-</span>
-            <span class="label" data-i18n="calls"></span>
+            <span class="label" data-i18n="stats.calls"></span>
           </div>
           <div class="stats-item">
             <span class="value" id="session-cost" style="color: #22c55e;">-</span>
-            <span class="label" data-i18n="cost"></span>
+            <span class="label" data-i18n="stats.cost"></span>
           </div>
         </div>
         <div class="label" id="session-started" style="margin-top: 10px;"></div>
       </div>
       <div class="stats-card">
-        <h3 data-i18n="totals"></h3>
+        <h3 data-i18n="stats.totals"></h3>
         <div class="stats-grid">
           <div class="stats-item">
             <span class="value" id="total-tokens">-</span>
-            <span class="label" data-i18n="totalTokens"></span>
+            <span class="label" data-i18n="stats.totalTokens"></span>
           </div>
           <div class="stats-item">
             <span class="value" id="total-calls">-</span>
-            <span class="label" data-i18n="calls"></span>
+            <span class="label" data-i18n="stats.calls"></span>
           </div>
           <div class="stats-item">
             <span class="value" id="total-cost" style="color: #22c55e;">-</span>
-            <span class="label" data-i18n="cost"></span>
+            <span class="label" data-i18n="stats.cost"></span>
           </div>
         </div>
       </div>
       <div class="stats-card" id="processing-card" style="display: none;">
-        <h3 data-i18n="processing"></h3>
+        <h3 data-i18n="status.processing"></h3>
         <div id="processing-issues"></div>
       </div>
     </div>
     <div class="stats-card">
-      <h3 data-i18n="history"></h3>
+      <h3 data-i18n="stats.history"></h3>
       <div id="history-container">
-        <div class="empty-state" data-i18n="loading"></div>
+        <div class="empty-state" data-i18n="status.loading"></div>
       </div>
       <div class="info-box">
         <span class="icon">i</span>
@@ -381,88 +379,27 @@ export function generateStatsPage() {
   </div>
   <script>
-    // ========================================
-    // TRANSLATIONS
-    // ========================================
-    const translations = {
-      fr: {
-        title: 'Statistiques Claude',
-        profile: 'Profil',
-        model: 'Modèle',
-        session: 'Session actuelle',
-        totals: 'Totaux',
-        tokensInput: 'Tokens entrée',
-        tokensOutput: 'Tokens sortie',
-        totalTokens: 'Total tokens',
-        calls: 'Appels',
-        cost: 'Coût',
-        history: 'Historique des appels',
-        noHistory: 'Aucun appel enregistré',
-        back: 'Retour au dashboard',
-        startedAt: 'Démarré le',
-        issue: 'Ticket',
-        column: 'Colonne',
-        duration: 'Durée',
-        date: 'Date',
-        loading: 'Chargement...',
-        processing: 'En cours',
-        costExplanation: '<strong>Pourquoi le coût semble bas ?</strong> Claude utilise un <strong>cache de prompts</strong> qui réduit significativement les coûts. Quand une partie du contexte a déjà été envoyée dans une conversation précédente, Claude ne la refacture pas au prix plein. Le coût affiché est le <strong>coût réel facturé</strong> par l\\'API Claude, qui inclut ces réductions de cache. C\\'est pour cela que <code>tokens × prix</code> ne correspond pas toujours au coût affiché - et c\\'est une bonne nouvelle pour votre portefeuille !',
-      },
-      en: {
-        title: 'Claude Statistics',
-        profile: 'Profile',
-        model: 'Model',
-        session: 'Current session',
-        totals: 'Totals',
-        tokensInput: 'Input tokens',
-        tokensOutput: 'Output tokens',
-        totalTokens: 'Total tokens',
-        calls: 'Calls',
-        cost: 'Cost',
-        history: 'Call history',
-        noHistory: 'No calls recorded',
-        back: 'Back to dashboard',
-        startedAt: 'Started at',
-        issue: 'Issue',
-        column: 'Column',
-        duration: 'Duration',
-        date: 'Date',
-        loading: 'Loading...',
-        processing: 'Processing',
-        costExplanation: '<strong>Why does the cost seem low?</strong> Claude uses <strong>prompt caching</strong> which significantly reduces costs. When part of the context was already sent in a previous conversation, Claude doesn\\'t charge full price again. The cost shown is the <strong>actual cost billed</strong> by the Claude API, including these cache discounts. That\\'s why <code>tokens × price</code> doesn\\'t always match the displayed cost - and that\\'s good news for your wallet!',
-      }
-    };
+    ${generateI18nScript({
+        keys: [
+            'stats.pageTitle', 'stats.profile', 'stats.session', 'stats.totals',
+            'stats.tokensInput', 'stats.tokensOutput', 'stats.totalTokens',
+            'stats.calls', 'stats.cost', 'stats.history', 'stats.noHistory',
+            'stats.startedAt', 'stats.issue', 'stats.column', 'stats.duration',
+            'stats.date', 'stats.costExplanation', 'status.processing',
+            'status.loading', 'btn.backToDashboard',
+        ],
+        onLangChangeCallback: 'onLangChange',
+    })}
-    let currentLang = localStorage.getItem('autocode-lang') || 'fr';
     let statsData = null;
-    function t(key) {
-      return translations[currentLang][key] || translations['en'][key] || key;
-    }
-    function switchLanguage(lang) {
-      currentLang = lang;
-      localStorage.setItem('autocode-lang', lang);
-      document.documentElement.lang = lang;
-      // Update lang switcher buttons
-      document.querySelectorAll('.lang-switcher .lang-btn').forEach(btn => {
-        btn.classList.toggle('active', btn.dataset.lang === lang);
-      });
-      // Update all elements with data-i18n
-      document.querySelectorAll('[data-i18n]').forEach(el => {
-        const key = el.getAttribute('data-i18n');
-        if (translations[lang] && translations[lang][key]) {
-          el.textContent = translations[lang][key];
-        }
-      });
+    // Callback called after language switch
+    function onLangChange() {
       // Update cost explanation (HTML content)
-      document.getElementById('cost-explanation').innerHTML = t('costExplanation');
+      document.getElementById('cost-explanation').innerHTML = t('stats.costExplanation');
       // Update page title
-      document.title = t('title') + ' - AutoCode';
+      document.title = t('stats.pageTitle') + ' - AutoCode';
       // Re-render history table if data exists
       if (statsData) {
@@ -471,6 +408,9 @@ export function generateStatsPage() {
       }
     }
+    // Initial cost explanation
+    document.getElementById('cost-explanation').innerHTML = t('stats.costExplanation');
     // ========================================
     // FORMATTING
     // ========================================
@@ -495,7 +435,7 @@ export function generateStatsPage() {
     // ========================================
     function renderSessionStarted(data) {
       if (data.session.startedAt) {
-        document.getElementById('session-started').textContent = t('startedAt') + ': ' + formatDate(data.session.startedAt);
+        document.getElementById('session-started').textContent = t('stats.startedAt') + ': ' + formatDate(data.session.startedAt);
       }
     }
@@ -514,13 +454,13 @@ export function generateStatsPage() {
             </colgroup>
             <thead>
               <tr>
-                <th>\${t('issue')}</th>
-                <th>\${t('column')}</th>
-                <th>\${t('tokensInput')}</th>
-                <th>\${t('tokensOutput')}</th>
-                <th>\${t('cost')}</th>
-                <th>\${t('duration')}</th>
-                <th>\${t('date')}</th>
+                <th>\${t('stats.issue')}</th>
+                <th>\${t('stats.column')}</th>
+                <th>\${t('stats.tokensInput')}</th>
+                <th>\${t('stats.tokensOutput')}</th>
+                <th>\${t('stats.cost')}</th>
+                <th>\${t('stats.duration')}</th>
+                <th>\${t('stats.date')}</th>
               </tr>
             </thead>
             <tbody>
@@ -539,7 +479,7 @@ export function generateStatsPage() {
           </table>
         \`;
       } else {
-        document.getElementById('history-container').innerHTML = '<div class="empty-state">' + t('noHistory') + '</div>';
+        document.getElementById('history-container').innerHTML = '<div class="empty-state">' + t('stats.noHistory') + '</div>';
       }
     }
@@ -597,12 +537,6 @@ export function generateStatsPage() {
     // ========================================
     // INIT
     // ========================================
-    // Initialize language switcher
-    document.querySelectorAll('.lang-switcher .lang-btn').forEach(btn => {
-      btn.addEventListener('click', () => switchLanguage(btn.dataset.lang));
-    });
-    switchLanguage(currentLang);
     // Initial load
     loadStats();

package/dist/server/dashboard/pages/stats-page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stats-page.js","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/stats-page.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;~~AAE~~/C;;GAEG;AACH,MAAM,UAAU,iBAAiB;IAC/B,OAAO;;;;;;;MAOH,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8lBT,CAAC;AACT,CAAC"}
1	+ {"version":3,"file":"stats-page.js","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/stats-page.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAuB,MAAM,oBAAoB,CAAC;AAEnG;;GAEG;AACH,MAAM,UAAU,iBAAiB;IAC/B,OAAO;;;;;;;MAOH,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAuSP,oBAAoB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAsE1B,kBAAkB,CAAC;QACnB,IAAI,EAAE;YACJ,iBAAiB,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc;YACnE,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB;YAC9D,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,iBAAiB;YAC/D,iBAAiB,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB;YAClE,YAAY,EAAE,uBAAuB,EAAE,mBAAmB;YAC1D,gBAAgB,EAAE,qBAAqB;SACxC;QACD,oBAAoB,EAAE,cAAc;KACrC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoKE,CAAC;AACT,CAAC"}

package/dist/server/dashboard/scripts/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/server/dashboard/scripts/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;~~AAEH~~;;GAEG;AACH,wBAAgB,SAAS,IAAI,MAAM,~~CAg8ClC~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/server/dashboard/scripts/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AA4CH;;GAEG;AACH,wBAAgB,SAAS,IAAI,MAAM,CA2sClC"}

package/dist/server/dashboard/scripts/index.js CHANGED Viewed

@@ -4,255 +4,59 @@
  * This file contains all interactive functionality for the dashboard.
  * The code is kept in a single function to maintain shared state and scope.
  */
+import { generateI18nScript } from '../shared/index.js';
+// Dashboard translation keys
+const dashboardKeys = [
+    // Filter
+    'filter.allPriorities', 'filter.search',
+    // Buttons
+    'btn.newIssue', 'btn.createIssue', 'btn.update', 'btn.cancel', 'btn.archive',
+    'btn.next', 'btn.add', 'btn.edit', 'btn.save', 'btn.reload',
+    'btn.updating', 'btn.creating', 'btn.moving', 'btn.archiving', 'btn.sending', 'btn.saving',
+    // Modal
+    'modal.newIssue', 'modal.editIssue', 'modal.title', 'modal.titlePlaceholder',
+    'modal.description', 'modal.descriptionPlaceholder', 'modal.priority', 'modal.releaseType',
+    'modal.labels', 'modal.selectLabel', 'modal.acceptanceCriteria', 'modal.addCriteria',
+    'modal.attachments', 'modal.addAttachment', 'modal.noAttachments',
+    'modal.comments', 'modal.noComments', 'modal.addCommentPlaceholder', 'modal.claudeTerminal',
+    // Priority
+    'priority.p0', 'priority.p1', 'priority.p2', 'priority.p3',
+    // Semver
+    'semver.patch', 'semver.minor', 'semver.major', 'semver.none',
+    // Status
+    'status.waiting', 'status.processing', 'status.completed', 'status.failed', 'status.connected',
+    // Stats
+    'stats.total', 'stats.tokens', 'stats.viewStats',
+    // Board
+    'board.empty',
+    // Action modal
+    'action.instructions', 'action.noInstructions', 'action.noFile', 'action.modifiedOn',
+    // Notifications
+    'notify.titleRequired', 'notify.titleMandatory', 'notify.issueUpdated', 'notify.issueCreated',
+    'notify.issueAdvanced', 'notify.issueArchived', 'notify.issueMoved', 'notify.moveTo',
+    'notify.commentAdded', 'notify.actionUpdated', 'notify.error', 'notify.unableToSave',
+    'notify.loadingError', 'notify.claudeStarted', 'notify.claudeFinished', 'notify.claudeFailed',
+    'notify.processingSuccess', 'notify.checkLogs',
+    // Confirm
+    'confirm.archive',
+    // Changelog
+    'changelog.title', 'changelog.gotIt', 'changelog.viewAll', 'changelog.moreVersions',
+    // Footer
+    'footer.changelog',
+];
 /**
  * Get all JavaScript for dashboard interactivity
  */
 export function getScript() {
     return `
-    // ========================================
-    // i18n TRANSLATIONS
-    // ========================================
-    const translations = {
-      en: {
-        // Filter
-        'filter.allPriorities': 'All priorities',
-        'filter.search': 'Search...',
-        // Buttons
-        'btn.newIssue': '+ New issue',
-        'btn.createIssue': 'Create issue',
-        'btn.update': 'Update',
-        'btn.cancel': 'Cancel',
-        'btn.archive': 'Archive',
-        'btn.next': 'Next',
-        'btn.add': 'Add',
-        'btn.edit': 'Edit',
-        'btn.save': 'Save',
-        'btn.reload': 'Reload',
-        // Modal
-        'modal.newIssue': 'New issue',
-        'modal.editIssue': 'Edit',
-        'modal.title': 'Title *',
-        'modal.titlePlaceholder': 'E.g.: Fix the login bug',
-        'modal.description': 'Description',
-        'modal.descriptionPlaceholder': 'Describe the context and details...',
-        'modal.priority': 'Priority',
-        'modal.releaseType': 'Release type',
-        'modal.labels': 'Labels',
-        'modal.selectLabel': 'Select a label...',
-        'modal.acceptanceCriteria': 'Acceptance criteria',
-        'modal.addCriteria': 'Add criteria',
-        'modal.attachments': 'Attachments',
-        'modal.addAttachment': 'Add file',
-        'modal.noAttachments': 'No attachments',
-        'modal.comments': 'Comments',
-        'modal.noComments': 'No comments',
-        'modal.addCommentPlaceholder': 'Add a comment...',
-        'modal.claudeTerminal': 'Claude Terminal',
-        // Priority
-        'priority.p0': 'P0 - Critical',
-        'priority.p1': 'P1 - High',
-        'priority.p2': 'P2 - Normal',
-        'priority.p3': 'P3 - Low',
-        // Semver
-        'semver.patch': 'Patch (x.x.X) - Bug fix',
-        'semver.minor': 'Minor (x.X.0) - Feature',
-        'semver.major': 'Major (X.0.0) - Breaking',
-        'semver.none': 'No deployment',
-        // Status
-        'status.waiting': 'Waiting',
-        'status.processing': 'Running...',
-        'status.completed': 'Completed',
-        'status.failed': 'Failed',
-        'status.connected': 'Connected',
-        // Stats
-        'stats.total': 'Total',
-        'stats.tokens': 'Tokens',
-        'stats.viewStats': 'View stats',
-        // Board
-        'board.empty': 'Empty',
-        // Action modal
-        'action.instructions': 'Instructions',
-        'action.noInstructions': 'No instructions available',
-        'action.noFile': 'No ACTION file. Click "Edit" to create it.',
-        'action.modifiedOn': 'Modified on',
-        // Notifications
-        'notify.titleRequired': 'Title required',
-        'notify.titleMandatory': 'Title is mandatory',
-        'notify.issueUpdated': 'Issue updated',
-        'notify.issueCreated': 'Issue created',
-        'notify.issueAdvanced': 'Issue advanced',
-        'notify.issueArchived': 'Issue archived',
-        'notify.issueMoved': 'moved',
-        'notify.moveTo': 'To',
-        'notify.commentAdded': 'Comment added',
-        'notify.actionUpdated': 'updated',
-        'notify.error': 'Error',
-        'notify.unableToSave': 'Unable to save',
-        'notify.loadingError': 'Loading error',
-        'notify.claudeStarted': 'Claude started',
-        'notify.claudeFinished': 'Claude finished',
-        'notify.claudeFailed': 'Claude failed',
-        'notify.processingSuccess': 'Processing successful',
-        'notify.checkLogs': 'Check logs',
-        // Confirm
-        'confirm.archive': 'Archive',
-        // Button states
-        'btn.updating': 'Updating...',
-        'btn.creating': 'Creating...',
-        'btn.moving': 'Moving...',
-        'btn.archiving': 'Archiving...',
-        'btn.sending': 'Sending...',
-        'btn.saving': 'Saving...',
-        // Changelog
-        'changelog.title': "What's new?",
-        'changelog.gotIt': 'Got it',
-        'changelog.viewAll': 'View all',
-        'changelog.moreVersions': '...and {count} more versions',
-        // Footer
-        'footer.changelog': 'Changelog',
-      },
-      fr: {
-        // Filter
-        'filter.allPriorities': 'Toutes priorités',
-        'filter.search': 'Rechercher...',
-        // Buttons
-        'btn.newIssue': '+ Nouveau ticket',
-        'btn.createIssue': 'Créer le ticket',
-        'btn.update': 'Mettre à jour',
-        'btn.cancel': 'Annuler',
-        'btn.archive': 'Archiver',
-        'btn.next': 'Suivant',
-        'btn.add': 'Ajouter',
-        'btn.edit': 'Modifier',
-        'btn.save': 'Enregistrer',
-        'btn.reload': 'Recharger',
-        // Modal
-        'modal.newIssue': 'Nouveau ticket',
-        'modal.editIssue': 'Modifier',
-        'modal.title': 'Titre *',
-        'modal.titlePlaceholder': 'Ex: Corriger le bug de connexion',
-        'modal.description': 'Description',
-        'modal.descriptionPlaceholder': 'Décrivez le contexte et les détails...',
-        'modal.priority': 'Priorité',
-        'modal.releaseType': 'Type de release',
-        'modal.labels': 'Labels',
-        'modal.selectLabel': 'Sélectionner un label...',
-        'modal.acceptanceCriteria': 'Critères d\\'acceptation',
-        'modal.addCriteria': 'Ajouter un critère',
-        'modal.attachments': 'Pièces jointes',
-        'modal.addAttachment': 'Ajouter un fichier',
-        'modal.noAttachments': 'Aucune pièce jointe',
-        'modal.comments': 'Commentaires',
-        'modal.noComments': 'Aucun commentaire',
-        'modal.addCommentPlaceholder': 'Ajouter un commentaire...',
-        'modal.claudeTerminal': 'Terminal Claude',
-        // Priority
-        'priority.p0': 'P0 - Critique',
-        'priority.p1': 'P1 - Haute',
-        'priority.p2': 'P2 - Normale',
-        'priority.p3': 'P3 - Basse',
-        // Semver
-        'semver.patch': 'Patch (x.x.X) - Bug fix',
-        'semver.minor': 'Minor (x.X.0) - Fonctionnalité',
-        'semver.major': 'Major (X.0.0) - Breaking',
-        'semver.none': 'Aucun déploiement',
-        // Status
-        'status.waiting': 'En attente',
-        'status.processing': 'En cours...',
-        'status.completed': 'Terminé',
-        'status.failed': 'Échoué',
-        'status.connected': 'Connecté',
-        // Stats
-        'stats.total': 'Total',
-        'stats.tokens': 'Tokens',
-        'stats.viewStats': 'Voir stats',
-        // Board
-        'board.empty': 'Vide',
-        // Action modal
-        'action.instructions': 'Instructions',
-        'action.noInstructions': 'Aucune instruction disponible',
-        'action.noFile': 'Aucun fichier ACTION. Cliquez sur "Modifier" pour le créer.',
-        'action.modifiedOn': 'Modifié le',
-        // Notifications
-        'notify.titleRequired': 'Titre requis',
-        'notify.titleMandatory': 'Le titre est obligatoire',
-        'notify.issueUpdated': 'Ticket mis à jour',
-        'notify.issueCreated': 'Ticket créé',
-        'notify.issueAdvanced': 'Ticket avancé',
-        'notify.issueArchived': 'Ticket archivé',
-        'notify.issueMoved': 'déplacé',
-        'notify.moveTo': 'Vers',
-        'notify.commentAdded': 'Commentaire ajouté',
-        'notify.actionUpdated': 'mis à jour',
-        'notify.error': 'Erreur',
-        'notify.unableToSave': 'Impossible de sauvegarder',
-        'notify.loadingError': 'Erreur de chargement',
-        'notify.claudeStarted': 'Claude démarré',
-        'notify.claudeFinished': 'Claude terminé',
-        'notify.claudeFailed': 'Claude échoué',
-        'notify.processingSuccess': 'Traitement réussi',
-        'notify.checkLogs': 'Voir les logs',
-        // Confirm
-        'confirm.archive': 'Archiver',
-        // Button states
-        'btn.updating': 'Mise à jour...',
-        'btn.creating': 'Création...',
-        'btn.moving': 'Déplacement...',
-        'btn.archiving': 'Archivage...',
-        'btn.sending': 'Envoi...',
-        'btn.saving': 'Sauvegarde...',
-        // Changelog
-        'changelog.title': 'Quoi de neuf ?',
-        'changelog.gotIt': "J'ai compris",
-        'changelog.viewAll': 'Voir tout',
-        'changelog.moreVersions': '...et {count} autres versions',
-        // Footer
-        'footer.changelog': 'Changelog',
-      }
-    };
-    let currentLang = localStorage.getItem('autocode-lang') || 'fr';
-    function t(key) {
-      return translations[currentLang][key] || translations['en'][key] || key;
-    }
-    function switchLanguage(lang) {
-      currentLang = lang;
-      currentActionLang = lang;
-      localStorage.setItem('autocode-lang', lang);
-      document.documentElement.lang = lang;
-      // Update lang switcher buttons
-      document.querySelectorAll('.lang-switcher .lang-btn').forEach(btn => {
-        btn.classList.toggle('active', btn.dataset.lang === lang);
-      });
-      // Update all elements with data-i18n
-      document.querySelectorAll('[data-i18n]').forEach(el => {
-        const key = el.getAttribute('data-i18n');
-        if (translations[lang] && translations[lang][key]) {
-          el.textContent = translations[lang][key];
-        }
-      });
-      // Update placeholders
-      document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
-        const key = el.getAttribute('data-i18n-placeholder');
-        if (translations[lang] && translations[lang][key]) {
-          el.placeholder = translations[lang][key];
-        }
-      });
-      // Update select options
-      document.querySelectorAll('select option[data-i18n]').forEach(el => {
-        const key = el.getAttribute('data-i18n');
-        if (translations[lang] && translations[lang][key]) {
-          el.textContent = translations[lang][key];
-        }
-      });
-      // Re-render board to update dynamic content
+    ${generateI18nScript({
+        keys: [...dashboardKeys],
+        includeActionLang: true,
+        onLangChangeCallback: 'onDashboardLangChange',
+    })}
+    // Callback after language change - re-render board
+    function onDashboardLangChange() {
       render();
     }
@@ -269,19 +73,10 @@ export function getScript() {
     let draggedIssue = null;
     let draggedFromColumn = null;
     let currentActionSlug = null;
-    let currentActionLang = localStorage.getItem('autocode-lang') || 'fr';
     let originalActionContent = '';
     let claudeProcessingIssues = new Set();
     let claudeStats = { session: { tokensInput: 0, tokensOutput: 0, callCount: 0 } };
-    // Initialize language switcher on page load
-    (function initLangSwitcher() {
-      document.querySelectorAll('.lang-switcher .lang-btn').forEach(btn => {
-        btn.addEventListener('click', () => switchLanguage(btn.dataset.lang));
-      });
-      switchLanguage(currentLang);
-    })();
     // ========================================
     // NOTIFICATIONS
     // ========================================

package/dist/server/dashboard/scripts/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/server/dashboard/scripts/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,MAAM,UAAU,SAAS;IACvB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA87CN,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/server/dashboard/scripts/index.ts"],"names":[],"mappings":"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"}