@autocode-cli/autocode 0.8.37 → 0.22.0

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

@@ -1,1278 +0,0 @@
-/**
- * Dashboard client-side JavaScript
- *
- * 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 `
-    ${generateI18nScript({
-        keys: [...dashboardKeys],
-        includeActionLang: true,
-        onLangChangeCallback: 'onDashboardLangChange',
-    })}
-
-    // Callback after language change - re-render board
-    function onDashboardLangChange() {
-      render();
-    }
-
-    // ========================================
-    // STATE
-    // ========================================
-    let filterPriority = '';
-    let filterSearch = '';
-    let selectedLabels = [];
-    let criteriaCount = 0;
-    let editingKey = null;
-    let currentComments = [];
-    let contextMenuIssue = null;
-    let draggedIssue = null;
-    let draggedFromColumn = null;
-    let currentActionSlug = null;
-    let originalActionContent = '';
-    let claudeProcessingIssues = new Set();
-    let claudeStats = { session: { tokensInput: 0, tokensOutput: 0, callCount: 0 } };
-
-    // ========================================
-    // NOTIFICATIONS
-    // ========================================
-    function showNotification(type, title, message, duration = 5000) {
-      const container = document.getElementById('notifications');
-      const id = 'notif-' + Date.now();
-      const icons = { info: '\\u{1F535}', success: '\\u2705', warning: '\\u26A0\\uFE0F', error: '\\u274C', claude: '\\u{1F916}' };
-
-      const notif = document.createElement('div');
-      notif.className = 'notification ' + (type === 'claude' ? 'info' : type);
-      notif.id = id;
-      notif.innerHTML = '<span class="notification-icon">' + (icons[type] || icons.info) + '</span>' +
-        '<div class="notification-content"><div class="notification-title">' + title + '</div>' +
-        (message ? '<div class="notification-message">' + message + '</div>' : '') + '</div>' +
-        '<button class="notification-close" onclick="closeNotification(\\'' + id + '\\')">&times;</button>';
-
-      container.appendChild(notif);
-      setTimeout(() => closeNotification(id), duration);
-    }
-
-    function closeNotification(id) {
-      const notif = document.getElementById(id);
-      if (notif) notif.remove();
-    }
-
-    // ========================================
-    // RENDER
-    // ========================================
-    function render() {
-      const board = document.getElementById('board');
-      board.innerHTML = '';
-      let stats = { total: 0, byPriority: { P0: 0, P1: 0, P2: 0, P3: 0 } };
-
-      COLUMNS.forEach(col => {
-        let issues = ISSUES.filter(t => t.column_slug === col.slug);
-        if (filterPriority) issues = issues.filter(t => t.priority === filterPriority);
-        if (filterSearch) {
-          const s = filterSearch.toLowerCase();
-          issues = issues.filter(t => t.title.toLowerCase().includes(s) || t.key.toLowerCase().includes(s));
-        }
-        issues.sort((a, b) => {
-          const p = { P0: 0, P1: 1, P2: 2, P3: 3 };
-          return p[a.priority] - p[b.priority];
-        });
-
-        stats.total += issues.length;
-        issues.forEach(t => stats.byPriority[t.priority] = (stats.byPriority[t.priority] || 0) + 1);
-
-        const div = document.createElement('div');
-        div.className = 'column';
-        div.ondragover = onDragOver;
-        div.ondragenter = onDragEnter;
-        div.ondragleave = onDragLeave;
-        div.ondrop = (e) => onDrop(e, col.slug, col.name);
-
-        div.innerHTML = '<div class="column-header">' +
-          '<span class="column-title">' + col.name + '</span>' +
-          '<div class="column-header-actions">' +
-          '<a class="btn-action" title="ACTION.md" href="/column/' + col.slug + '/edit">\\u{1F4D8}</a>' +
-          '<span class="column-count">' + issues.length + '</span>' +
-          '</div></div>' +
-          '<div class="column-body">' +
-          (issues.length ? issues.map(tk => {
-            const isProcessing = claudeProcessingIssues.has(tk.key);
-            return '<div class="issue' + (isProcessing ? ' claude-processing' : '') + '" draggable="true" ' +
-            'onclick="onIssueClick(\\'' + tk.key + '\\')" ' +
-            'oncontextmenu="showContextMenu(event,\\'' + tk.key + '\\')" ' +
-            'ondragstart="onDragStart(event,\\'' + tk.key + '\\',\\'' + col.slug + '\\')" ' +
-            'ondragend="onDragEnd(event)">' +
-            '<div class="issue-key">' + tk.key + '</div>' +
-            '<div class="issue-title">' + escapeHtml(tk.title) + '</div>' +
-            '<div class="issue-meta"><span class="priority ' + tk.priority + '">' + tk.priority + '</span></div>' +
-            (isProcessing ? '<div class="issue-claude-indicator"><span class="claude-dot"></span>\\u{1F916} ' + t('status.processing') + '</div>' : '') +
-            '</div>';
-          }).join('') : '<div class="empty">' + t('board.empty') + '</div>') +
-          '</div>';
-
-        board.appendChild(div);
-      });
-
-      const sessionTokens = (claudeStats.session.tokensInput || 0) + (claudeStats.session.tokensOutput || 0);
-      const tokensFormatted = sessionTokens >= 1000 ? (sessionTokens / 1000).toFixed(1) + 'K' : sessionTokens;
-      const sessionCost = claudeStats.session.costUsd || 0;
-      const costFormatted = sessionCost > 0 ? ' ($' + sessionCost.toFixed(2) + ')' : '';
-
-      document.getElementById('stats').innerHTML =
-        '<span class="stat connected">\\u{1F7E2} ' + t('status.connected') + '</span>' +
-        '<span class="stat">' + t('stats.total') + ': ' + stats.total + '</span>' +
-        '<span class="stat P0">P0: ' + (stats.byPriority.P0 || 0) + '</span>' +
-        '<span class="stat P1">P1: ' + (stats.byPriority.P1 || 0) + '</span>' +
-        '<span class="stat P2">P2: ' + (stats.byPriority.P2 || 0) + '</span>' +
-        '<a href="/stats" class="stat stat-link" title="' + t('stats.viewStats') + '">\\u{1F916} ' + tokensFormatted + ' ' + t('stats.tokens') + costFormatted + '</a>';
-    }
-
-    function escapeHtml(text) {
-      const div = document.createElement('div');
-      div.textContent = text;
-      return div.innerHTML;
-    }
-
-    // ========================================
-    // FILTERS
-    // ========================================
-    document.getElementById('filter-priority').onchange = e => { filterPriority = e.target.value; render(); };
-    document.getElementById('filter-search').oninput = e => { filterSearch = e.target.value.toLowerCase(); render(); };
-
-    // ========================================
-    // MODAL ISSUE
-    // ========================================
-    function openModal(key = null) {
-      editingKey = key;
-      document.getElementById('modal-overlay').classList.add('active');
-      document.body.style.overflow = 'hidden';
-
-      const modalTitle = document.getElementById('modal-title');
-      const saveBtn = document.getElementById('btn-save');
-      const nextBtn = document.getElementById('btn-next');
-      const archiveBtn = document.getElementById('btn-archive');
-      const commentsSection = document.getElementById('comments-section');
-      const attachmentsSection = document.getElementById('attachments-section');
-
-      if (key) {
-        modalTitle.textContent = t('modal.editIssue') + ' ' + key;
-        saveBtn.textContent = t('btn.update');
-        nextBtn.style.display = 'inline-block';
-        archiveBtn.style.display = 'inline-block';
-        commentsSection.style.display = 'block';
-        attachmentsSection.style.display = 'block';
-        loadIssueForEdit(key);
-      } else {
-        modalTitle.textContent = t('modal.newIssue');
-        saveBtn.textContent = t('btn.createIssue');
-        nextBtn.style.display = 'none';
-        archiveBtn.style.display = 'none';
-        commentsSection.style.display = 'none';
-        attachmentsSection.style.display = 'none';
-        resetForm();
-        resetComments();
-        resetAttachments();
-      }
-    }
-
-    function closeModal() {
-      document.getElementById('modal-overlay').classList.remove('active');
-      document.body.style.overflow = '';
-      editingKey = null;
-      resetForm();
-      resetClaudeLog();
-    }
-
-    function resetForm() {
-      document.getElementById('issue-title').value = '';
-      document.getElementById('issue-description').value = '';
-      document.getElementById('issue-priority').value = 'P2';
-      document.getElementById('issue-semver').value = 'patch';
-      document.getElementById('issue-labels').value = '';
-      selectedLabels = [];
-      criteriaCount = 0;
-      document.getElementById('selected-labels').innerHTML = '';
-      document.getElementById('criteria-list').innerHTML = '';
-    }
-
-    async function loadIssueForEdit(key) {
-      try {
-        const res = await fetch('/api/issues/' + key);
-        if (!res.ok) throw new Error('Issue not found');
-        const json = await res.json();
-        if (!json.success || !json.data) throw new Error('Issue not found');
-        const issue = json.data;
-
-        document.getElementById('issue-title').value = issue.title || '';
-        document.getElementById('issue-description').value = issue.description || '';
-        document.getElementById('issue-priority').value = issue.priority || 'P2';
-        document.getElementById('issue-semver').value = issue.semver || 'patch';
-
-        selectedLabels = Array.isArray(issue.labels) ? [...issue.labels] : [];
-        renderLabels();
-
-        criteriaCount = 0;
-        document.getElementById('criteria-list').innerHTML = '';
-        if (Array.isArray(issue.acceptance_criteria)) {
-          issue.acceptance_criteria.forEach(c => addCriteria(c));
-        }
-
-        renderComments(issue.comments || []);
-        loadAttachments(key);
-        fetchLog(key);
-      } catch (e) {
-        console.error('Error:', e);
-        showNotification('error', 'Error', e.message);
-        closeModal();
-      }
-    }
-
-    async function saveIssue() {
-      const title = document.getElementById('issue-title').value.trim();
-      const description = document.getElementById('issue-description').value.trim();
-      const priority = document.getElementById('issue-priority').value;
-      const semver = document.getElementById('issue-semver').value;
-      const criteria = getCriteria();
-
-      if (!title) {
-        showNotification('warning', t('notify.titleRequired'), t('notify.titleMandatory'));
-        return;
-      }
-
-      const btn = document.getElementById('btn-save');
-      btn.disabled = true;
-
-      try {
-        if (editingKey) {
-          btn.textContent = t('btn.updating');
-          await fetch('/api/issues/' + editingKey, {
-            method: 'PATCH',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ title, description, priority, semver, labels: selectedLabels, acceptance_criteria: criteria })
-          });
-          showNotification('success', t('notify.issueUpdated'), editingKey);
-        } else {
-          btn.textContent = t('btn.creating');
-          const res = await fetch('/api/issues', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ title, priority, labels: selectedLabels, description, semver, acceptance_criteria: criteria })
-          });
-          const data = await res.json();
-          showNotification('success', t('notify.issueCreated'), data.key || '');
-        }
-        closeModal();
-        loadIssuesFromAPI();
-      } catch (e) {
-        showNotification('error', t('notify.error'), e.message);
-        btn.disabled = false;
-        btn.textContent = editingKey ? t('btn.update') : t('btn.createIssue');
-      }
-    }
-
-    async function advanceIssue() {
-      if (!editingKey) return;
-      const btn = document.getElementById('btn-next');
-      btn.disabled = true;
-      btn.textContent = t('btn.moving');
-      try {
-        await fetch('/api/issues/' + editingKey + '/next', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ lang: currentLang })
-        });
-        showNotification('info', t('notify.issueAdvanced'), editingKey);
-        closeModal();
-        loadIssuesFromAPI();
-      } catch (e) {
-        showNotification('error', t('notify.error'), e.message);
-        btn.disabled = false;
-        btn.textContent = t('btn.next');
-      }
-    }
-
-    async function archiveIssue() {
-      if (!editingKey) return;
-      if (!confirm(t('confirm.archive') + ' ' + editingKey + '?')) return;
-
-      const btn = document.getElementById('btn-archive');
-      btn.disabled = true;
-      btn.textContent = t('btn.archiving');
-      try {
-        const lastColumn = COLUMNS[COLUMNS.length - 1];
-        await fetch('/api/issues/' + editingKey + '/move', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ column: lastColumn.slug, force: true, lang: currentLang })
-        });
-        showNotification('info', t('notify.issueArchived'), editingKey);
-        closeModal();
-        loadIssuesFromAPI();
-      } catch (e) {
-        showNotification('error', t('notify.error'), e.message);
-        btn.disabled = false;
-        btn.textContent = t('btn.archive');
-      }
-    }
-
-    // ========================================
-    // LABELS
-    // ========================================
-    function addLabel(select) {
-      const value = select.value;
-      if (value && !selectedLabels.includes(value)) {
-        selectedLabels.push(value);
-        renderLabels();
-      }
-      select.value = '';
-    }
-
-    function removeLabel(label) {
-      selectedLabels = selectedLabels.filter(l => l !== label);
-      renderLabels();
-    }
-
-    function renderLabels() {
-      const container = document.getElementById('selected-labels');
-      container.innerHTML = selectedLabels.map(label =>
-        '<span class="label-tag">' + label + '<span class="remove-label" onclick="removeLabel(\\'' + label + '\\')">&times;</span></span>'
-      ).join('');
-    }
-
-    // ========================================
-    // CRITERIA
-    // ========================================
-    function addCriteria(value = '') {
-      criteriaCount++;
-      const id = criteriaCount;
-      const container = document.getElementById('criteria-list');
-      const div = document.createElement('div');
-      div.className = 'criteria-item';
-      div.id = 'criteria-' + id;
-      div.innerHTML = '<input type="text" placeholder="Ex: L\\'utilisateur peut..." value="' + escapeHtml(value) + '">' +
-        '<button type="button" class="btn-remove" onclick="removeCriteria(' + id + ')">&times;</button>';
-      container.appendChild(div);
-    }
-
-    function removeCriteria(id) {
-      const el = document.getElementById('criteria-' + id);
-      if (el) el.remove();
-    }
-
-    function getCriteria() {
-      const items = document.querySelectorAll('.criteria-item input');
-      return Array.from(items).map(i => i.value.trim()).filter(Boolean);
-    }
-
-    // ========================================
-    // COMMENTS
-    // ========================================
-    function resetComments() {
-      currentComments = [];
-      document.getElementById('comments-list').innerHTML = '<div class="no-comments">' + t('modal.noComments') + '</div>';
-      document.getElementById('comments-count').textContent = '0';
-      document.getElementById('new-comment').value = '';
-    }
-
-    function renderComments(comments) {
-      currentComments = comments || [];
-      const list = document.getElementById('comments-list');
-      const count = document.getElementById('comments-count');
-      count.textContent = currentComments.length;
-
-      if (currentComments.length === 0) {
-        list.innerHTML = '<div class="no-comments">' + t('modal.noComments') + '</div>';
-        return;
-      }
-
-      const sorted = [...currentComments].sort((a, b) => new Date(b.created_at) - new Date(a.created_at));
-      list.innerHTML = sorted.map((comment, index) => {
-        const date = new Date(comment.created_at);
-        const dateStr = date.toLocaleDateString('en-US', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' });
-        const source = comment.source || 'user';
-        const sourceBadge = source === 'claude'
-          ? '<span class="comment-source claude">Claude</span>'
-          : '<span class="comment-source user">User</span>';
-        return '<div class="comment" id="comment-' + index + '">' +
-          '<div class="comment-meta" onclick="toggleComment(' + index + ')">' + sourceBadge + '<span class="comment-column">' + (comment.column || 'N/A') + '</span>' +
-          '<span class="comment-date">' + dateStr + '</span></div>' +
-          '<div class="comment-text">' + renderMarkdown(comment.text) + '</div></div>';
-      }).join('');
-    }
-
-    function toggleComment(index) {
-      const comments = document.querySelectorAll('.comment');
-      comments.forEach((comment, i) => {
-        if (i === index) {
-          comment.classList.toggle('expanded');
-        } else {
-          comment.classList.remove('expanded');
-        }
-      });
-    }
-
-    function renderMarkdown(text) {
-      if (!text) return '';
-      let html = escapeHtml(text);
-      html = html.replace(/^### (.+)$/gm, '<h4>$1</h4>');
-      html = html.replace(/^## (.+)$/gm, '<h3>$1</h3>');
-      html = html.replace(/^# (.+)$/gm, '<h2>$1</h2>');
-      html = html.replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>');
-      html = html.replace(/\\*(.+?)\\*/g, '<em>$1</em>');
-      html = html.replace(/\`([^\`]+)\`/g, '<code>$1</code>');
-      html = html.replace(/\\[([^\\]]+)\\]\\(([^)]+)\\)/g, '<a href="$2" target="_blank">$1</a>');
-      html = html.replace(/^- (.+)$/gm, '<li>$1</li>');
-      html = html.replace(/(<li>.*<\\/li>\\n?)+/g, '<ul>$&</ul>');
-      html = html.replace(/\\n/g, '<br>');
-      return html;
-    }
-
-    async function addComment() {
-      if (!editingKey) return;
-      const textarea = document.getElementById('new-comment');
-      const text = textarea.value.trim();
-      if (!text) return;
-
-      const btn = document.querySelector('.btn-comment');
-      btn.disabled = true;
-      btn.textContent = t('btn.sending');
-
-      try {
-        const res = await fetch('/api/issues/' + editingKey + '/comments', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ text })
-        });
-        const result = await res.json();
-        textarea.value = '';
-        if (result.success && result.data && result.data.comments) {
-          renderComments(result.data.comments);
-        }
-        showNotification('success', t('notify.commentAdded'), '');
-      } catch (e) {
-        showNotification('error', t('notify.error'), e.message);
-      } finally {
-        btn.disabled = false;
-        btn.textContent = t('btn.add');
-      }
-    }
-
-    // ========================================
-    // ATTACHMENTS
-    // ========================================
-    let currentAttachments = [];
-
-    function resetAttachments() {
-      currentAttachments = [];
-      document.getElementById('attachments-list').innerHTML = '<div class="no-attachments">' + t('modal.noAttachments') + '</div>';
-      document.getElementById('attachments-count').textContent = '0';
-      document.getElementById('file-input').value = '';
-    }
-
-    async function loadAttachments(key) {
-      try {
-        const res = await fetch('/api/issues/' + key + '/attachments');
-        const json = await res.json();
-        if (json.success) {
-          currentAttachments = json.data || [];
-          renderAttachments();
-        }
-      } catch (e) {
-        console.error('Error loading attachments:', e);
-      }
-    }
-
-    function renderAttachments() {
-      const list = document.getElementById('attachments-list');
-      const count = document.getElementById('attachments-count');
-      count.textContent = currentAttachments.length;
-
-      if (currentAttachments.length === 0) {
-        list.innerHTML = '<div class="no-attachments">' + t('modal.noAttachments') + '</div>';
-        return;
-      }
-
-      list.innerHTML = currentAttachments.map(filename => {
-        const ext = filename.split('.').pop().toLowerCase();
-        const icon = getFileIcon(ext);
-        return '<div class="attachment-item">' +
-          '<span class="attachment-icon">' + icon + '</span>' +
-          '<span class="attachment-name" title="' + escapeHtml(filename) + '">' + escapeHtml(filename) + '</span>' +
-          '<button class="attachment-delete" onclick="deleteAttachment(\\'' + escapeHtml(filename) + '\\')" title="Delete">&times;</button>' +
-          '</div>';
-      }).join('');
-    }
-
-    function getFileIcon(ext) {
-      const icons = {
-        pdf: '\\u{1F4C4}', doc: '\\u{1F4DD}', docx: '\\u{1F4DD}', txt: '\\u{1F4DD}',
-        png: '\\u{1F5BC}', jpg: '\\u{1F5BC}', jpeg: '\\u{1F5BC}', gif: '\\u{1F5BC}', svg: '\\u{1F5BC}', webp: '\\u{1F5BC}',
-        mp4: '\\u{1F3AC}', mov: '\\u{1F3AC}', avi: '\\u{1F3AC}',
-        mp3: '\\u{1F3B5}', wav: '\\u{1F3B5}',
-        zip: '\\u{1F4E6}', rar: '\\u{1F4E6}', tar: '\\u{1F4E6}', gz: '\\u{1F4E6}',
-        js: '\\u{1F4DC}', ts: '\\u{1F4DC}', py: '\\u{1F4DC}', json: '\\u{1F4DC}', md: '\\u{1F4DC}',
-      };
-      return icons[ext] || '\\u{1F4CE}';
-    }
-
-    async function uploadFiles(files) {
-      if (!editingKey || files.length === 0) return;
-
-      const formData = new FormData();
-      for (const file of files) {
-        formData.append('files', file, file.name);
-      }
-
-      try {
-        const res = await fetch('/api/issues/' + editingKey + '/attachments', {
-          method: 'POST',
-          body: formData
-        });
-        const json = await res.json();
-        if (json.success) {
-          showNotification('success', 'Files uploaded', json.data.join(', '));
-          loadAttachments(editingKey);
-        } else {
-          showNotification('error', 'Upload failed', json.error);
-        }
-      } catch (e) {
-        showNotification('error', 'Upload error', e.message);
-      }
-
-      document.getElementById('file-input').value = '';
-    }
-
-    async function deleteAttachment(filename) {
-      if (!editingKey) return;
-      if (!confirm('Delete ' + filename + '?')) return;
-
-      try {
-        const res = await fetch('/api/issues/' + editingKey + '/attachments/' + encodeURIComponent(filename), {
-          method: 'DELETE'
-        });
-        const json = await res.json();
-        if (json.success) {
-          showNotification('info', 'File deleted', filename);
-          loadAttachments(editingKey);
-        } else {
-          showNotification('error', 'Delete failed', json.error);
-        }
-      } catch (e) {
-        showNotification('error', 'Delete error', e.message);
-      }
-    }
-
-    // ========================================
-    // DRAG & DROP
-    // ========================================
-    function onDragStart(e, key, columnSlug) {
-      draggedIssue = key;
-      draggedFromColumn = columnSlug;
-      e.target.classList.add('dragging');
-      e.dataTransfer.effectAllowed = 'move';
-      e.dataTransfer.setData('text/plain', key);
-    }
-
-    function onDragEnd(e) {
-      e.target.classList.remove('dragging');
-      document.querySelectorAll('.column').forEach(c => c.classList.remove('drag-over'));
-    }
-
-    function onDragOver(e) {
-      e.preventDefault();
-      e.dataTransfer.dropEffect = 'move';
-    }
-
-    function onDragEnter(e) {
-      e.preventDefault();
-      const column = e.target.closest('.column');
-      if (column) column.classList.add('drag-over');
-    }
-
-    function onDragLeave(e) {
-      const column = e.target.closest('.column');
-      if (column && !column.contains(e.relatedTarget)) {
-        column.classList.remove('drag-over');
-      }
-    }
-
-    async function onDrop(e, targetColumnSlug, targetColumnName) {
-      e.preventDefault();
-      document.querySelectorAll('.column').forEach(c => c.classList.remove('drag-over'));
-
-      if (!draggedIssue) return;
-      if (draggedFromColumn === targetColumnSlug) {
-        draggedIssue = null;
-        draggedFromColumn = null;
-        return;
-      }
-
-      const key = draggedIssue;
-      draggedIssue = null;
-      draggedFromColumn = null;
-
-      try {
-        await fetch('/api/issues/' + key + '/move', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ column: targetColumnSlug, force: true, lang: currentLang })
-        });
-        showNotification('info', key + ' ' + t('notify.issueMoved'), t('notify.moveTo') + ' "' + targetColumnName + '"');
-        loadIssuesFromAPI();
-      } catch (err) {
-        showNotification('error', t('notify.error'), err.message);
-      }
-    }
-
-    // ========================================
-    // CONTEXT MENU
-    // ========================================
-    function showContextMenu(e, key) {
-      e.preventDefault();
-      contextMenuIssue = key;
-      const menu = document.getElementById('context-menu');
-      menu.style.left = e.clientX + 'px';
-      menu.style.top = e.clientY + 'px';
-      menu.classList.add('active');
-    }
-
-    function hideContextMenu() {
-      document.getElementById('context-menu').classList.remove('active');
-      contextMenuIssue = null;
-    }
-
-    function editFromContext() {
-      if (contextMenuIssue) openModal(contextMenuIssue);
-      hideContextMenu();
-    }
-
-    async function archiveFromContext() {
-      if (!contextMenuIssue) return;
-      const key = contextMenuIssue;
-      hideContextMenu();
-
-      if (confirm(t('confirm.archive') + ' ' + key + '?')) {
-        try {
-          const lastColumn = COLUMNS[COLUMNS.length - 1];
-          await fetch('/api/issues/' + key + '/move', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ column: lastColumn.slug, force: true, lang: currentLang })
-          });
-          showNotification('info', t('notify.issueArchived'), key);
-          loadIssuesFromAPI();
-        } catch (err) {
-          showNotification('error', t('notify.error'), err.message);
-        }
-      }
-    }
-
-    document.addEventListener('click', hideContextMenu);
-
-    // ========================================
-    // ACTION.md MODAL
-    // ========================================
-    function openActionModal(slug) {
-      currentActionSlug = slug;
-      const col = COLUMNS.find(c => c.slug === slug);
-      document.getElementById('action-modal-title').textContent = col?.name || slug;
-      document.getElementById('action-modal').classList.add('active');
-      document.body.style.overflow = 'hidden';
-      reloadActionContent();
-    }
-
-    function closeActionModal() {
-      document.getElementById('action-modal').classList.remove('active');
-      document.body.style.overflow = '';
-      currentActionSlug = null;
-      originalActionContent = '';
-      setActionEditMode(false);
-      document.getElementById('action-content').value = '';
-      document.getElementById('action-empty').style.display = 'none';
-      document.getElementById('action-meta').textContent = '';
-    }
-
-    function setActionEditMode(isEdit) {
-      const textarea = document.getElementById('action-content');
-      const saveBtn = document.getElementById('action-save-btn');
-      const editBtn = document.getElementById('action-edit-btn');
-      textarea.readOnly = !isEdit;
-      saveBtn.disabled = !isEdit;
-      editBtn.style.display = isEdit ? 'none' : 'inline-block';
-    }
-
-    async function reloadActionContent() {
-      if (!currentActionSlug) return;
-      setActionEditMode(false);
-      const textarea = document.getElementById('action-content');
-      const empty = document.getElementById('action-empty');
-      const meta = document.getElementById('action-meta');
-
-      empty.style.display = 'none';
-      textarea.style.display = 'block';
-      textarea.value = '...';
-
-      try {
-        const res = await fetch('/api/columns/' + currentActionSlug + '/actions?lang=' + currentActionLang);
-        const data = res.ok ? await res.json() : {};
-
-        if (!res.ok || !data.success) {
-          if (res.status === 404) {
-            textarea.value = '';
-            textarea.style.display = 'none';
-            empty.textContent = t('action.noFile');
-            empty.style.display = 'block';
-            meta.textContent = '';
-            return;
-          }
-          throw new Error(data.error || t('notify.loadingError'));
-        }
-
-        const actionData = data.data || {};
-        originalActionContent = actionData.content || '';
-        textarea.value = originalActionContent;
-        const updated = actionData.updated_at ? new Date(actionData.updated_at).toLocaleString(currentLang === 'fr' ? 'fr-FR' : 'en-US') : '';
-        meta.textContent = (actionData.path || '') + (updated ? ' - ' + t('action.modifiedOn') + ' ' + updated : '');
-      } catch (e) {
-        empty.textContent = t('notify.error') + ': ' + e.message;
-        empty.style.display = 'block';
-        textarea.style.display = 'none';
-        meta.textContent = '';
-      }
-    }
-
-    function enterActionEdit() {
-      if (!currentActionSlug) return;
-      const textarea = document.getElementById('action-content');
-      const empty = document.getElementById('action-empty');
-      if (empty.style.display === 'block' && !textarea.value) {
-        textarea.value = '# ' + document.getElementById('action-modal-title').textContent + '\\n\\n';
-        empty.style.display = 'none';
-        textarea.style.display = 'block';
-      }
-      setActionEditMode(true);
-      textarea.focus();
-    }
-
-    async function saveActionContent() {
-      if (!currentActionSlug) return;
-      const btn = document.getElementById('action-save-btn');
-      const textarea = document.getElementById('action-content');
-      btn.disabled = true;
-      btn.textContent = t('btn.saving');
-
-      try {
-        const res = await fetch('/api/columns/' + currentActionSlug + '/actions?lang=' + currentActionLang, {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ content: textarea.value })
-        });
-        const data = await res.json();
-        if (!res.ok || !data.success) throw new Error(data.error || t('notify.error'));
-
-        originalActionContent = textarea.value;
-        setActionEditMode(false);
-        showNotification('success', 'ACTION.' + currentActionLang + '.md ' + t('notify.actionUpdated'), currentActionSlug);
-      } catch (e) {
-        showNotification('error', t('notify.unableToSave'), e.message);
-      } finally {
-        btn.disabled = false;
-        btn.textContent = t('btn.save');
-      }
-    }
-
-    // ========================================
-    // WEBSOCKET
-    // ========================================
-    let ws;
-
-    function connectWebSocket() {
-      const protocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
-      ws = new WebSocket(protocol + '//' + location.host + '/ws');
-
-      ws.onmessage = (event) => {
-        try {
-          const data = JSON.parse(event.data);
-          switch (data.type) {
-            case 'refresh':
-            case 'issue_updated':
-            case 'issue_created':
-            case 'issue_moved':
-              loadIssuesFromAPI();
-              break;
-            case 'claude_start':
-              onClaudeStart(data.issue);
-              break;
-            case 'claude_stream':
-              onClaudeStream(data.issue);
-              break;
-            case 'claude_end':
-              onClaudeEnd(data.issue, data.success, data.duration);
-              loadIssuesFromAPI();
-              loadClaudeStats();
-              break;
-            case 'claude_complete':
-              if (data.success) {
-                showNotification('claude', t('notify.claudeFinished') + ' ' + data.issue, t('notify.processingSuccess'));
-              } else {
-                showNotification('error', t('notify.claudeFailed') + ' ' + data.issue, t('notify.checkLogs'));
-              }
-              break;
-            case 'tunnel': {
-              const footer = document.querySelector('footer span');
-              if (footer && data.url) {
-                let tunnelSpan = document.getElementById('tunnel-section');
-                if (!tunnelSpan) {
-                  footer.innerHTML += '<span id="tunnel-section"> | <a href="' + data.url + '" target="_blank" style="color: #4ade80;">Public URL</a></span>';
-                } else {
-                  tunnelSpan.innerHTML = ' | <a href="' + data.url + '" target="_blank" style="color: #4ade80;">Public URL</a>';
-                }
-              }
-              break;
-            }
-          }
-        } catch {}
-      };
-
-      ws.onclose = () => {
-        // Remove tunnel section when disconnected (URL may have changed on restart)
-        document.getElementById('tunnel-section')?.remove();
-        setTimeout(connectWebSocket, 2000);
-      };
-      ws.onerror = () => ws.close();
-    }
-
-    // ========================================
-    // CLAUDE LOG (in modal)
-    // ========================================
-    let logPollingInterval = null;
-    let claudeProcessingIssue = null;
-
-    function startLogPolling(key) {
-      stopLogPolling();
-      logPollingInterval = setInterval(() => fetchLog(key), 1000);
-      fetchLog(key);
-    }
-
-    function stopLogPolling() {
-      if (logPollingInterval) {
-        clearInterval(logPollingInterval);
-        logPollingInterval = null;
-      }
-    }
-
-    function formatCodeBlock(content, filename) {
-      const lines = content.split(/\\\\n|\\n/);
-      let lang = 'plaintext';
-      if (filename) {
-        const ext = filename.split('.').pop().toLowerCase();
-        const langMap = {
-          'js': 'javascript', 'ts': 'typescript', 'vue': 'html', 'jsx': 'javascript',
-          'tsx': 'typescript', 'py': 'python', 'rb': 'ruby', 'java': 'java',
-          'go': 'go', 'rs': 'rust', 'cpp': 'cpp', 'c': 'c', 'h': 'c',
-          'css': 'css', 'scss': 'scss', 'html': 'html', 'json': 'json',
-          'md': 'markdown', 'sh': 'bash', 'yml': 'yaml', 'yaml': 'yaml'
-        };
-        lang = langMap[ext] || 'plaintext';
-      }
-      let codeLines = [];
-      for (const line of lines) {
-        const match = line.match(/^\\s*\\d+[→|](.*)$/);
-        if (match) {
-          codeLines.push(match[1]);
-        } else if (line.trim()) {
-          codeLines.push(line);
-        }
-      }
-      const codeContent = codeLines.join('\\n');
-      const lineCount = codeLines.length;
-      const preview = filename || (lineCount + ' lignes');
-
-      let html = '<details class="log-code-block">';
-      html += '<summary class="log-code-header"><span class="code-lang">' + lang + '</span> ' + escapeHtml(preview) + '</summary>';
-      html += '<pre><code class="language-' + lang + '">' + escapeHtml(codeContent) + '</code></pre>';
-      html += '</details>';
-      return html;
-    }
-
-    function formatLogContent(rawContent) {
-      if (!rawContent) return '';
-      let cleanedContent = rawContent.replace(/<system-reminder>[\\s\\S]*?<\\/system-reminder>/gi, '');
-      const lines = cleanedContent.split('\\n');
-      const entries = [];
-      let textBuffer = [];
-
-      function flushTextBuffer() {
-        if (textBuffer.length > 0) {
-          const text = textBuffer.join('\\n');
-          entries.push('<div class="log-message-card"><div class="log-message-header assistant-header">Assistant</div><div class="log-message-body">' + renderMarkdown(text) + '</div></div>');
-          textBuffer = [];
-        }
-      }
-
-      for (const line of lines) {
-        if (!line.trim()) continue;
-
-        const timestampMatch = line.match(/^\\[(\\d{4}-\\d{2}-\\d{2}T[^\\]]+)\\]\\s*(.*)$/);
-        if (timestampMatch) {
-          flushTextBuffer();
-          const date = new Date(timestampMatch[1]);
-          const timeStr = date.toLocaleTimeString();
-          entries.push('<div class="log-entry timestamp">' + timeStr + ' - ' + escapeHtml(timestampMatch[2]) + '</div>');
-          continue;
-        }
-
-        if (line.startsWith('[RAW] ')) {
-          const raw = line.slice(6);
-          if (!raw.startsWith('{')) continue;
-
-          const codeMatch = raw.match(/"content":"(\\s*\\d+[→|][^"]*)/);
-          if (codeMatch) {
-            const contentMatch = raw.match(/"content":"([^"]+)/);
-            if (contentMatch) {
-              const decoded = contentMatch[1].replace(/\\\\n/g, '\\n').replace(/\\\\"/g, '"');
-              entries.push('<div class="log-message-card"><div class="log-message-header result-header">Tool Result</div><div class="log-message-body">' + formatCodeBlock(decoded) + '</div></div>');
-              continue;
-            }
-          }
-
-          const textMatch = raw.match(/"type":"text","text":"([^"]+)"/);
-          if (textMatch) {
-            const decoded = textMatch[1].replace(/\\\\n/g, '\\n').replace(/\\\\"/g, '"');
-            entries.push('<div class="log-message-card"><div class="log-message-header assistant-header">Assistant</div><div class="log-message-body">' + renderMarkdown(decoded) + '</div></div>');
-            continue;
-          }
-
-          const toolMatch = raw.match(/"type":"tool_use"[^}]*"name":"([^"]+)"/);
-          if (toolMatch) {
-            entries.push('<div class="log-entry tool-call"><span class="log-tool-badge">' + escapeHtml(toolMatch[1]) + '</span></div>');
-            continue;
-          }
-          continue;
-        }
-
-        if (line.startsWith('[SYSTEM]')) {
-          entries.push('<div class="log-entry system"><span class="log-label">System</span><div class="log-content">' + escapeHtml(line.slice(9)) + '</div></div>');
-          continue;
-        }
-        if (line.startsWith('[ASSISTANT]')) {
-          entries.push('<div class="log-message-card"><div class="log-message-header assistant-header">Assistant</div><div class="log-message-body">' + renderMarkdown(line.slice(12)) + '</div></div>');
-          continue;
-        }
-        if (line.startsWith('[TOOL]')) {
-          entries.push('<div class="log-entry tool-call"><span class="log-tool-badge">' + escapeHtml(line.slice(7)) + '</span></div>');
-          continue;
-        }
-        if (line.startsWith('[RESULT]')) {
-          const content = line.slice(9);
-          if (/^\\s*\\d+[→|]/.test(content)) {
-            entries.push('<div class="log-message-card"><div class="log-message-header result-header">Result</div><div class="log-message-body">' + formatCodeBlock(content) + '</div></div>');
-          } else {
-            entries.push('<div class="log-message-card"><div class="log-message-header result-header">Result</div><div class="log-message-body">' + escapeHtml(content.slice(0, 1000)) + (content.length > 1000 ? '...' : '') + '</div></div>');
-          }
-          continue;
-        }
-        if (line.startsWith('[ERROR]')) {
-          entries.push('<div class="log-entry error"><span class="log-label">Error</span><div class="log-content">' + escapeHtml(line.slice(8)) + '</div></div>');
-          continue;
-        }
-
-        entries.push('<div class="log-entry system">' + escapeHtml(line) + '</div>');
-      }
-
-      return entries.join('');
-    }
-
-    function resetClaudeLog() {
-      stopLogPolling();
-      document.getElementById('claude-log-section').style.display = 'none';
-      document.getElementById('claude-log').innerHTML = '';
-      document.getElementById('claude-log-status').className = 'claude-log-status';
-      document.getElementById('claude-log-status').textContent = t('status.waiting');
-    }
-
-    async function fetchLog(key) {
-      try {
-        const res = await fetch('/api/issues/' + key + '/log');
-        const json = await res.json();
-        if (json.success && json.data) {
-          const section = document.getElementById('claude-log-section');
-          const log = document.getElementById('claude-log');
-
-          if (json.data.exists || json.data.content) {
-            section.style.display = 'block';
-            log.innerHTML = formatLogContent(json.data.content || '');
-            log.scrollTop = log.scrollHeight;
-          }
-        }
-      } catch (e) {
-        console.error('Log fetch error:', e);
-      }
-    }
-
-    function onClaudeStart(issue) {
-      claudeProcessingIssue = issue;
-      claudeProcessingIssues.add(issue);
-      render();
-
-      const status = document.getElementById('claude-log-status');
-      if (status) {
-        status.className = 'claude-log-status processing';
-        status.textContent = '\\u{1F916} ' + t('status.processing');
-      }
-      if (editingKey === issue) {
-        document.getElementById('claude-log-section').style.display = 'block';
-        startLogPolling(issue);
-      }
-      showNotification('claude', t('notify.claudeStarted'), issue);
-    }
-
-    function onClaudeStream(issue) {
-      if (editingKey === issue) {
-        fetchLog(issue);
-      }
-    }
-
-    function onClaudeEnd(issue, success, duration) {
-      claudeProcessingIssue = null;
-      claudeProcessingIssues.delete(issue);
-      render();
-
-      const status = document.getElementById('claude-log-status');
-      if (status && editingKey === issue) {
-        if (success) {
-          status.className = 'claude-log-status success';
-          status.textContent = '\\u2705 ' + t('status.completed') + ' (' + (duration / 1000).toFixed(1) + 's)';
-        } else {
-          status.className = 'claude-log-status error';
-          status.textContent = '\\u274C ' + t('status.failed');
-        }
-        fetchLog(issue);
-        stopLogPolling();
-      }
-      if (success) {
-        showNotification('success', t('notify.claudeFinished'), issue);
-      } else {
-        showNotification('error', t('notify.claudeFailed'), issue);
-      }
-    }
-
-    // ========================================
-    // API
-    // ========================================
-    async function loadIssuesFromAPI() {
-      try {
-        const res = await fetch('/api/issues');
-        const json = await res.json();
-        if (json.success && json.data) {
-          ISSUES.length = 0;
-          (json.data.issues || []).forEach(tk => ISSUES.push(tk));
-          COLUMNS.length = 0;
-          (json.data.columns || []).forEach(c => COLUMNS.push(c));
-          render();
-        }
-      } catch (e) {
-        console.error(t('notify.loadingError') + ':', e);
-      }
-    }
-
-    async function loadProcessingStatus() {
-      try {
-        const res = await fetch('/api/status');
-        const json = await res.json();
-        if (json.success && json.data && json.data.processingIssues) {
-          claudeProcessingIssues = new Set(json.data.processingIssues);
-          render();
-        }
-      } catch (e) {
-        console.error('Failed to load processing status:', e);
-      }
-    }
-
-    async function loadClaudeStats() {
-      try {
-        const res = await fetch('/api/stats');
-        const json = await res.json();
-        if (json.success && json.data) {
-          claudeStats = json.data;
-          render();
-        }
-      } catch (e) {
-        console.error('Failed to load Claude stats:', e);
-      }
-    }
-
-    function onIssueClick(key) {
-      window.location.href = '/issue/' + key;
-    }
-
-    // ========================================
-    // KEYBOARD
-    // ========================================
-    document.addEventListener('keydown', e => {
-      if (e.key === 'Escape') {
-        const changelogModal = document.getElementById('changelog-modal');
-        if (changelogModal?.classList.contains('active')) {
-          closeChangelogModal();
-          return;
-        }
-        const actionModal = document.getElementById('action-modal');
-        if (actionModal?.classList.contains('active')) {
-          closeActionModal();
-          return;
-        }
-        closeModal();
-      }
-    });
-
-    // ========================================
-    // CHANGELOG
-    // ========================================
-    const CHANGELOG_STORAGE_KEY = 'autocode:lastSeenChangelogTag';
-    const MAX_CHANGELOG_VERSIONS = 5;
-    let changelogTopTag = '';
-
-    async function checkChangelog() {
-      const lang = currentLang.startsWith('fr') ? 'fr' : 'en';
-      const lastSeenTag = localStorage.getItem(CHANGELOG_STORAGE_KEY);
-
-      try {
-        const res = await fetch('/api/changelog/summary', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ lang, lastSeenTag })
-        });
-        const json = await res.json();
-
-        if (!json.success || !json.data) return;
-
-        const { topTag, entries, summary, isFirstVisit } = json.data;
-        changelogTopTag = topTag;
-
-        // No new versions
-        if (!entries || entries.length === 0) return;
-
-        showChangelogModal(entries, summary, isFirstVisit);
-      } catch (err) {
-        console.error('Failed to check changelog:', err);
-      }
-    }
-
-    function showChangelogModal(versions, summary, isFirstVisit) {
-      const container = document.getElementById('changelog-body');
-      if (!container) return;
-
-      const displayVersions = versions.slice(0, MAX_CHANGELOG_VERSIONS);
-      const hiddenCount = versions.length - displayVersions.length;
-
-      let html = '';
-
-      // Show AI summary at the top if available
-      if (summary) {
-        html += '<div class="changelog-summary">';
-        html += '<div class="changelog-summary-icon">✨</div>';
-        html += '<div class="changelog-summary-text">' + escapeHtml(summary) + '</div>';
-        html += '</div>';
-      }
-
-      for (const v of displayVersions) {
-        html += '<div class="changelog-version">';
-        html += '<h3>' + escapeHtml(v.tag) + '</h3>';
-        html += '<div class="changelog-date">' + escapeHtml(v.date) + '</div>';
-
-        for (const section of v.sections) {
-          html += '<div class="changelog-section">';
-          html += '<h4>' + escapeHtml(section.title) + '</h4>';
-          html += '<ul>';
-          for (const item of section.items) {
-            html += '<li>' + renderMarkdown(item) + '</li>';
-          }
-          html += '</ul></div>';
-        }
-        html += '</div>';
-      }
-
-      if (hiddenCount > 0) {
-        html += '<div class="changelog-more">' + t('changelog.moreVersions').replace('{count}', hiddenCount) + '</div>';
-      }
-
-      container.innerHTML = html;
-      document.getElementById('changelog-modal').classList.add('active');
-      document.body.style.overflow = 'hidden';
-    }
-
-    function closeChangelogModal() {
-      document.getElementById('changelog-modal').classList.remove('active');
-      document.body.style.overflow = '';
-    }
-
-    function markChangelogRead() {
-      if (changelogTopTag) {
-        localStorage.setItem(CHANGELOG_STORAGE_KEY, changelogTopTag);
-      }
-      closeChangelogModal();
-    }
-
-    function viewFullChangelog() {
-      markChangelogRead();
-      window.location.href = '/changelog';
-    }
-
-    // ========================================
-    // INIT
-    // ========================================
-    render();
-    loadProcessingStatus();
-    loadClaudeStats();
-    connectWebSocket();
-    checkChangelog();
-
-    // Periodic refresh for stats (every 5 seconds)
-    setInterval(loadClaudeStats, 5000);
-  `;
-}
-//# sourceMappingURL=index.js.map