npm - @autocode-cli/autocode - Versions diffs - 0.8.37 → 0.22.0 - Mend

@autocode-cli/autocode 0.8.37 → 0.22.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 (1534) hide show

package/dist/server/dashboard/pages/new-issue.js DELETED Viewed

@@ -1,898 +0,0 @@
-/**
- * New issue page generator
- */
-import { getColumns } from '../../../core/column.js';
-import { generateI18nScript, generateLangSwitcher } from '../shared/index.js';
-/**
- * Generate the new issue page
- */
-export function generateNewIssuePage(lang) {
-    const columns = getColumns();
-    const firstColumn = columns.length > 0 ? columns[0].slug : 'backlog';
-    return `<!DOCTYPE html>
-<html lang="${lang}">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>New Issue - AutoCode</title>
-  <style>
-    :root {
-      --bg: #0d1117;
-      --bg-card: #161b22;
-      --border: #30363d;
-      --fg: #c9d1d9;
-      --muted: #8b949e;
-      --accent: #7c3aed;
-      --blue: #4dabf7;
-      --green: #22c55e;
-      --red: #ef4444;
-      --yellow: #facc15;
-      --orange: #fb923c;
-    }
-    * { margin: 0; padding: 0; box-sizing: border-box; }
-    body {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      background: var(--bg);
-      color: var(--fg);
-      min-height: 100vh;
-    }
-    .header {
-      background: var(--bg-card);
-      border-bottom: 1px solid var(--border);
-      padding: 16px 24px;
-      display: flex;
-      align-items: center;
-      gap: 16px;
-    }
-    .back-btn {
-      background: none;
-      border: 1px solid var(--border);
-      color: var(--fg);
-      padding: 8px 12px;
-      border-radius: 6px;
-      cursor: pointer;
-      font-size: 14px;
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      text-decoration: none;
-    }
-    .back-btn:hover { border-color: var(--accent); color: var(--accent); }
-    .title {
-      flex: 1;
-      font-size: 18px;
-      font-weight: 600;
-    }
-    .lang-switcher {
-      display: flex;
-      gap: 4px;
-    }
-    .lang-btn {
-      background: var(--bg);
-      border: 1px solid var(--border);
-      color: var(--muted);
-      padding: 6px 12px;
-      border-radius: 4px;
-      cursor: pointer;
-      font-size: 13px;
-      font-weight: 600;
-    }
-    .lang-btn.active { background: var(--accent); color: white; border-color: var(--accent); }
-    .lang-btn:hover:not(.active) { border-color: var(--accent); color: var(--fg); }
-    .container {
-      max-width: 800px;
-      margin: 0 auto;
-      padding: 32px 24px;
-    }
-    .form-card {
-      background: var(--bg-card);
-      border: 1px solid var(--border);
-      border-radius: 12px;
-      padding: 24px;
-    }
-    .form-group {
-      margin-bottom: 20px;
-    }
-    .form-group label {
-      display: block;
-      font-size: 14px;
-      font-weight: 500;
-      margin-bottom: 8px;
-      color: var(--fg);
-    }
-    .form-group input[type="text"],
-    .form-group textarea,
-    .form-group select {
-      width: 100%;
-      padding: 12px;
-      background: var(--bg);
-      border: 1px solid var(--border);
-      border-radius: 8px;
-      color: var(--fg);
-      font-size: 14px;
-      font-family: inherit;
-    }
-    .form-group input:focus,
-    .form-group textarea:focus,
-    .form-group select:focus {
-      outline: none;
-      border-color: var(--accent);
-    }
-    .form-group textarea {
-      min-height: 120px;
-      resize: vertical;
-    }
-    .form-row {
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      gap: 16px;
-    }
-    .labels-container {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 8px;
-      margin-top: 8px;
-    }
-    .label-tag {
-      display: inline-flex;
-      align-items: center;
-      gap: 6px;
-      background: var(--bg);
-      border: 1px solid var(--border);
-      padding: 6px 10px;
-      border-radius: 16px;
-      font-size: 12px;
-    }
-    .label-tag .remove {
-      cursor: pointer;
-      opacity: 0.6;
-    }
-    .label-tag .remove:hover { opacity: 1; }
-    .criteria-list {
-      display: flex;
-      flex-direction: column;
-      gap: 8px;
-    }
-    .criteria-item {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-    }
-    .criteria-item input {
-      flex: 1;
-      padding: 10px 12px;
-      background: var(--bg);
-      border: 1px solid var(--border);
-      border-radius: 6px;
-      color: var(--fg);
-      font-size: 14px;
-    }
-    .criteria-item input:focus {
-      outline: none;
-      border-color: var(--accent);
-    }
-    .criteria-item .remove-btn {
-      background: none;
-      border: none;
-      color: var(--red);
-      cursor: pointer;
-      font-size: 18px;
-      padding: 4px 8px;
-      opacity: 0.6;
-    }
-    .criteria-item .remove-btn:hover { opacity: 1; }
-    .btn-add {
-      background: none;
-      border: 1px dashed var(--border);
-      color: var(--muted);
-      padding: 10px 16px;
-      border-radius: 6px;
-      cursor: pointer;
-      font-size: 13px;
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      margin-top: 8px;
-      width: 100%;
-      justify-content: center;
-    }
-    .btn-add:hover {
-      border-color: var(--accent);
-      color: var(--accent);
-    }
-    .form-actions {
-      display: flex;
-      gap: 12px;
-      margin-top: 24px;
-      padding-top: 24px;
-      border-top: 1px solid var(--border);
-    }
-    .btn {
-      padding: 12px 24px;
-      border-radius: 8px;
-      font-size: 14px;
-      font-weight: 500;
-      cursor: pointer;
-      border: none;
-      text-decoration: none;
-      text-align: center;
-    }
-    .btn-primary {
-      background: var(--accent);
-      color: white;
-      flex: 1;
-    }
-    .btn-primary:hover { opacity: 0.9; }
-    .btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }
-    .btn-autocomplete {
-      background: linear-gradient(135deg, var(--accent), #9333ea);
-      color: white;
-      border: none;
-      padding: 10px 16px;
-      border-radius: 6px;
-      cursor: pointer;
-      font-size: 13px;
-      font-weight: 500;
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      transition: all 0.2s;
-    }
-    .btn-autocomplete:hover { opacity: 0.9; transform: translateY(-1px); }
-    .btn-autocomplete:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }
-    .btn-autocomplete .spinner {
-      width: 14px;
-      height: 14px;
-      border: 2px solid transparent;
-      border-top-color: white;
-      border-radius: 50%;
-      animation: spin 0.8s linear infinite;
-    }
-    @keyframes spin { to { transform: rotate(360deg); } }
-    @keyframes pulse-recording {
-      0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
-      50% { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }
-    }
-    .btn-mic {
-      background: var(--bg);
-      border: 1px solid var(--border);
-      color: var(--muted);
-      width: 42px;
-      height: 42px;
-      border-radius: 8px;
-      cursor: pointer;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      transition: all 0.2s;
-      flex-shrink: 0;
-    }
-    .btn-mic:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
-    .btn-mic:disabled { opacity: 0.4; cursor: not-allowed; }
-    .btn-mic.recording {
-      background: var(--red);
-      border-color: var(--red);
-      color: white;
-      animation: pulse-recording 1.5s ease-in-out infinite;
-    }
-    .btn-mic svg { width: 18px; height: 18px; }
-    .description-row {
-      display: flex;
-      gap: 8px;
-      align-items: flex-start;
-    }
-    .description-row .form-group { flex: 1; margin-bottom: 0; }
-    .title-row {
-      display: flex;
-      gap: 12px;
-      align-items: flex-end;
-    }
-    .title-row .form-group { flex: 1; margin-bottom: 0; }
-    .title-input-row {
-      display: flex;
-      gap: 8px;
-      align-items: center;
-    }
-    .title-input-row input { flex: 1; }
-    .autocomplete-countdown {
-      position: fixed;
-      bottom: 80px;
-      right: 24px;
-      background: var(--bg-card);
-      border: 1px solid var(--accent);
-      border-radius: 12px;
-      padding: 16px 20px;
-      z-index: 100;
-      display: none;
-      flex-direction: column;
-      gap: 12px;
-      min-width: 280px;
-      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
-    }
-    .autocomplete-countdown.show { display: flex; }
-    .countdown-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: 12px;
-    }
-    .countdown-text {
-      font-size: 14px;
-      color: var(--fg);
-    }
-    .countdown-timer {
-      font-weight: 600;
-      color: var(--accent);
-      font-size: 18px;
-    }
-    .countdown-progress {
-      height: 4px;
-      background: var(--border);
-      border-radius: 2px;
-      overflow: hidden;
-    }
-    .countdown-progress-bar {
-      height: 100%;
-      background: var(--accent);
-      transition: width 0.1s linear;
-    }
-    .countdown-actions {
-      display: flex;
-      gap: 8px;
-    }
-    .btn-countdown {
-      flex: 1;
-      padding: 8px 12px;
-      border-radius: 6px;
-      font-size: 13px;
-      cursor: pointer;
-      border: 1px solid var(--border);
-      background: var(--bg);
-      color: var(--fg);
-    }
-    .btn-countdown:hover { border-color: var(--accent); }
-    .btn-countdown.primary {
-      background: var(--accent);
-      border-color: var(--accent);
-      color: white;
-    }
-    .btn-countdown.primary:hover { opacity: 0.9; }
-    .btn-secondary {
-      background: var(--bg);
-      color: var(--fg);
-      border: 1px solid var(--border);
-    }
-    .btn-secondary:hover { border-color: var(--accent); }
-    .notification {
-      position: fixed;
-      bottom: 24px;
-      right: 24px;
-      background: var(--bg-card);
-      border: 1px solid var(--border);
-      border-left: 3px solid var(--green);
-      padding: 12px 16px;
-      border-radius: 6px;
-      font-size: 14px;
-      opacity: 0;
-      transform: translateY(10px);
-      transition: all 0.3s;
-      z-index: 100;
-    }
-    .notification.show { opacity: 1; transform: translateY(0); }
-    .notification.error { border-left-color: var(--red); }
-  </style>
-</head>
-<body>
-  <header class="header">
-    <a href="/" class="back-btn">← Dashboard</a>
-    <h1 class="title" id="page-title" data-i18n="newIssue.title">New Issue</h1>
-    ${generateLangSwitcher()}
-  </header>
-  <div class="container">
-    <div class="form-card">
-      <div class="title-row">
-        <div class="form-group">
-          <label for="issue-title" data-i18n="newIssue.titleLabel">Title *</label>
-          <div class="title-input-row">
-            <input type="text" id="issue-title" placeholder="E.g.: Fix the login bug" data-i18n-placeholder="newIssue.titlePlaceholder">
-            <button type="button" class="btn-mic" id="btn-mic" onclick="toggleSpeechToText()" title="Speech to text">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/>
-                <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
-                <line x1="12" x2="12" y1="19" y2="22"/>
-              </svg>
-            </button>
-          </div>
-        </div>
-        <button type="button" class="btn-autocomplete" id="btn-autocomplete" onclick="autocomplete()" title="Auto-fill fields using AI">
-          <span id="autocomplete-icon">&#10024;</span>
-          <span data-i18n="btn.autocomplete">AutoComplete</span>
-        </button>
-      </div>
-      <div class="form-group">
-        <label for="issue-description" data-i18n="newIssue.description">Description</label>
-        <textarea id="issue-description" placeholder="Describe the context and details..." data-i18n-placeholder="newIssue.descriptionPlaceholder"></textarea>
-      </div>
-      <div class="form-row">
-        <div class="form-group">
-          <label for="issue-priority" data-i18n="newIssue.priority">Priority</label>
-          <select id="issue-priority">
-            <option value="P2" data-i18n="priority.p2">P2 - Normal</option>
-            <option value="P0" data-i18n="priority.p0">P0 - Critical</option>
-            <option value="P1" data-i18n="priority.p1">P1 - High</option>
-            <option value="P3" data-i18n="priority.p3">P3 - Low</option>
-          </select>
-        </div>
-        <div class="form-group">
-          <label for="issue-semver" data-i18n="newIssue.releaseType">Release type</label>
-          <select id="issue-semver">
-            <option value="patch" data-i18n="semver.patch">Patch (x.x.X) - Bug fix</option>
-            <option value="minor" data-i18n="semver.minor">Minor (x.X.0) - Feature</option>
-            <option value="major" data-i18n="semver.major">Major (X.0.0) - Breaking</option>
-            <option value="none" data-i18n="semver.none">No deployment</option>
-          </select>
-        </div>
-      </div>
-      <div class="form-row">
-        <div class="form-group">
-          <label for="issue-column" data-i18n="newIssue.column">Target column</label>
-          <select id="issue-column">
-            ${columns.map(col => `<option value="${col.slug}"${col.slug === firstColumn ? ' selected' : ''}>${col.name}</option>`).join('\n            ')}
-          </select>
-        </div>
-        <div class="form-group">
-          <label for="issue-labels" data-i18n="newIssue.labels">Labels</label>
-          <select id="issue-labels" onchange="addLabel(this)">
-            <option value="" data-i18n="newIssue.selectLabel">Select a label...</option>
-            <option value="bug">bug</option>
-            <option value="feature">feature</option>
-            <option value="enhancement">enhancement</option>
-            <option value="documentation">documentation</option>
-            <option value="urgent">urgent</option>
-            <option value="refactoring">refactoring</option>
-            <option value="security">security</option>
-            <option value="performance">performance</option>
-            <option value="ui">ui</option>
-            <option value="api">api</option>
-          </select>
-          <div class="labels-container" id="selected-labels"></div>
-        </div>
-      </div>
-      <div class="form-group">
-        <label data-i18n="newIssue.acceptanceCriteria">Acceptance criteria</label>
-        <div class="criteria-list" id="criteria-list"></div>
-        <button type="button" class="btn-add" onclick="addCriteria()">
-          <span>+</span> <span data-i18n="newIssue.addCriteria">Add criteria</span>
-        </button>
-      </div>
-      <div class="form-actions">
-        <a href="/" class="btn btn-secondary" data-i18n="btn.cancel">Cancel</a>
-        <button class="btn btn-primary" id="btn-create" onclick="createIssue()" data-i18n="btn.createIssue">Create issue</button>
-      </div>
-    </div>
-  </div>
-  <div class="notification" id="notification"></div>
-  <div class="autocomplete-countdown" id="autocomplete-countdown">
-    <div class="countdown-header">
-      <span class="countdown-text" data-i18n="countdown.autocompletingIn">AutoComplete in</span>
-      <span class="countdown-timer" id="countdown-timer">3</span>
-    </div>
-    <div class="countdown-progress">
-      <div class="countdown-progress-bar" id="countdown-progress-bar" style="width: 100%"></div>
-    </div>
-    <div class="countdown-actions">
-      <button class="btn-countdown" onclick="cancelAutocompleteCountdown()" data-i18n="countdown.cancel">Cancel</button>
-      <button class="btn-countdown primary" onclick="triggerAutocompleteNow()" data-i18n="countdown.now">Now</button>
-    </div>
-  </div>
-  <script>
-    ${generateI18nScript({
-        keys: [
-            // New issue page keys
-            'newIssue.title', 'newIssue.titleLabel', 'newIssue.titlePlaceholder',
-            'newIssue.description', 'newIssue.descriptionPlaceholder',
-            'newIssue.priority', 'newIssue.releaseType', 'newIssue.column',
-            'newIssue.labels', 'newIssue.selectLabel', 'newIssue.acceptanceCriteria',
-            'newIssue.addCriteria',
-            // Priority keys
-            'priority.p0', 'priority.p1', 'priority.p2', 'priority.p3',
-            // Semver keys
-            'semver.patch', 'semver.minor', 'semver.major', 'semver.none',
-            // Button keys
-            'btn.cancel', 'btn.createIssue', 'btn.creating',
-            'btn.autocomplete', 'btn.autocompleting',
-            // Notification keys
-            'notify.created', 'notify.error', 'notify.titleRequired',
-            'notify.autocompleteSuccess', 'notify.autocompleteTitleRequired',
-            'notify.micNotSupported', 'notify.micError', 'notify.micErrorNetwork',
-            'notify.micErrorNotAllowed', 'notify.micErrorNoSpeech', 'notify.micRetrying',
-            // Mic keys
-            'mic.title', 'mic.titleRecording', 'mic.notSupported',
-            // Countdown keys
-            'countdown.autocompletingIn', 'countdown.cancel', 'countdown.now', 'countdown.seconds',
-        ],
-        onLangChangeCallback: 'onLangChange',
-    })}
-    let selectedLabels = [];
-    // Callback called after language switch
-    function onLangChange() {
-      updateMicButton();
-    }
-    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 escapeHtml(str) {
-      if (!str) return '';
-      return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;');
-    }
-    function renderLabels() {
-      const container = document.getElementById('selected-labels');
-      container.innerHTML = selectedLabels.map(label => {
-        const escaped = escapeHtml(label);
-        return '<span class="label-tag">' + escaped + ' <span class="remove" onclick="removeLabel(\\'' + escaped + '\\')">×</span></span>';
-      }).join('');
-    }
-    function addCriteria() {
-      const list = document.getElementById('criteria-list');
-      const div = document.createElement('div');
-      div.className = 'criteria-item';
-      div.innerHTML = '<input type="text" placeholder="' + t('newIssue.addCriteria') + '" class="criteria-input"><button class="remove-btn" onclick="this.parentElement.remove()">×</button>';
-      list.appendChild(div);
-      div.querySelector('input').focus();
-    }
-    function getCriteria() {
-      return Array.from(document.querySelectorAll('.criteria-input'))
-        .map(input => input.value.trim())
-        .filter(v => v);
-    }
-    async function createIssue() {
-      const title = document.getElementById('issue-title').value.trim();
-      if (!title) {
-        showNotification(t('notify.titleRequired'), true);
-        return;
-      }
-      const btn = document.getElementById('btn-create');
-      btn.disabled = true;
-      btn.textContent = t('btn.creating');
-      const payload = {
-        title,
-        description: document.getElementById('issue-description').value.trim(),
-        priority: document.getElementById('issue-priority').value,
-        semver: document.getElementById('issue-semver').value,
-        column_slug: document.getElementById('issue-column').value,
-        labels: selectedLabels,
-        acceptance_criteria: getCriteria()
-      };
-      try {
-        const res = await fetch('/api/issues', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify(payload)
-        });
-        const result = await res.json();
-        if (result.success) {
-          showNotification(t('notify.created'));
-          setTimeout(() => {
-            window.location.href = '/issue/' + result.data.key;
-          }, 1000);
-        } else {
-          showNotification(t('notify.error') + ': ' + result.error, true);
-          btn.disabled = false;
-          btn.textContent = t('btn.createIssue');
-        }
-      } catch (e) {
-        showNotification(t('notify.error') + ': ' + e.message, true);
-        btn.disabled = false;
-        btn.textContent = t('btn.createIssue');
-      }
-    }
-    function showNotification(msg, isError) {
-      const notification = document.getElementById('notification');
-      notification.textContent = msg;
-      notification.className = 'notification show' + (isError ? ' error' : '');
-      setTimeout(() => notification.className = 'notification', 3000);
-    }
-    async function autocomplete() {
-      const title = document.getElementById('issue-title').value.trim();
-      if (!title) {
-        showNotification(t('notify.autocompleteTitleRequired'), true);
-        return;
-      }
-      const btn = document.getElementById('btn-autocomplete');
-      const icon = document.getElementById('autocomplete-icon');
-      const textSpan = btn.querySelector('[data-i18n="btn.autocomplete"]');
-      btn.disabled = true;
-      icon.innerHTML = '<div class="spinner"></div>';
-      textSpan.textContent = t('btn.autocompleting');
-      try {
-        const res = await fetch('/api/issues/autocomplete', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ title, lang: currentLang })
-        });
-        const result = await res.json();
-        if (result.success && result.data) {
-          const data = result.data;
-          // Fill description
-          if (data.description) {
-            document.getElementById('issue-description').value = data.description;
-          }
-          // Fill priority
-          if (data.priority) {
-            document.getElementById('issue-priority').value = data.priority;
-          }
-          // Fill semver
-          if (data.semver) {
-            document.getElementById('issue-semver').value = data.semver;
-          }
-          // Fill labels
-          if (data.labels && Array.isArray(data.labels)) {
-            selectedLabels = data.labels.filter(l =>
-              ['bug', 'feature', 'enhancement', 'documentation', 'urgent', 'refactoring', 'security', 'performance', 'ui', 'api'].includes(l)
-            );
-            renderLabels();
-          }
-          // Fill acceptance criteria
-          if (data.acceptance_criteria && Array.isArray(data.acceptance_criteria)) {
-            const list = document.getElementById('criteria-list');
-            list.innerHTML = '';
-            data.acceptance_criteria.forEach(criterion => {
-              const div = document.createElement('div');
-              div.className = 'criteria-item';
-              div.innerHTML = '<input type="text" class="criteria-input" value="' + escapeHtml(criterion) + '"><button class="remove-btn" onclick="this.parentElement.remove()">×</button>';
-              list.appendChild(div);
-            });
-          }
-          showNotification(t('notify.autocompleteSuccess'));
-        } else {
-          showNotification(t('notify.error') + ': ' + (result.error || 'Unknown error'), true);
-        }
-      } catch (e) {
-        showNotification(t('notify.error') + ': ' + e.message, true);
-      } finally {
-        btn.disabled = false;
-        icon.innerHTML = '&#10024;';
-        textSpan.textContent = t('btn.autocomplete');
-      }
-    }
-    // Speech-to-text
-    let recognition = null;
-    let isRecording = false;
-    let autocompleteCountdownTimer = null;
-    let autocompleteCountdownInterval = null;
-    const AUTOCOMPLETE_DELAY_SECONDS = 3;
-    let speechRetryCount = 0;
-    const MAX_SPEECH_RETRIES = 2;
-    const SPEECH_RETRY_DELAY_MS = 1000;
-    function isSpeechSupported() {
-      return 'SpeechRecognition' in window || 'webkitSpeechRecognition' in window;
-    }
-    function initSpeechRecognition() {
-      if (!isSpeechSupported()) return null;
-      const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
-      const rec = new SpeechRecognition();
-      rec.continuous = true;
-      rec.interimResults = true;
-      rec.lang = currentLang === 'fr' ? 'fr-FR' : 'en-US';
-      return rec;
-    }
-    function updateMicButton() {
-      const btn = document.getElementById('btn-mic');
-      if (!isSpeechSupported()) {
-        btn.disabled = true;
-        btn.title = t('mic.notSupported');
-      } else {
-        btn.disabled = false;
-        btn.title = isRecording ? t('mic.titleRecording') : t('mic.title');
-        btn.classList.toggle('recording', isRecording);
-      }
-    }
-    function handleSpeechResult(event, titleInput, state) {
-      for (let i = event.resultIndex; i < event.results.length; i++) {
-        const result = event.results[i];
-        if (result.isFinal) {
-          const text = result[0].transcript;
-          state.finalTranscript += (state.finalTranscript ? ' ' : '') + text;
-          titleInput.value = state.finalTranscript;
-        }
-      }
-    }
-    function getErrorMessage(errorType) {
-      switch (errorType) {
-        case 'network':
-          return t('notify.micErrorNetwork');
-        case 'not-allowed':
-        case 'service-not-allowed':
-          return t('notify.micErrorNotAllowed');
-        case 'no-speech':
-          return t('notify.micErrorNoSpeech');
-        case 'aborted':
-          return null; // Don't show notification for aborted
-        default:
-          return t('notify.micError') + ': ' + errorType;
-      }
-    }
-    function handleSpeechError(event) {
-      const errorType = event.error;
-      // Handle network errors with retry
-      if (errorType === 'network' && speechRetryCount < MAX_SPEECH_RETRIES) {
-        speechRetryCount++;
-        showNotification(t('notify.micRetrying') + ' (' + speechRetryCount + '/' + MAX_SPEECH_RETRIES + ')', true);
-        // Retry after a delay
-        setTimeout(function() {
-          if (isRecording) {
-            recognition = initSpeechRecognition();
-            if (recognition) {
-              const titleInput = document.getElementById('issue-title');
-              const state = { finalTranscript: titleInput.value };
-              recognition.onresult = function(event) { handleSpeechResult(event, titleInput, state); };
-              recognition.onerror = handleSpeechError;
-              recognition.onend = handleSpeechEnd;
-              try {
-                recognition.start();
-              } catch (e) {
-                // If start fails, show the network error
-                showNotification(getErrorMessage('network'), true);
-                isRecording = false;
-                updateMicButton();
-              }
-            }
-          }
-        }, SPEECH_RETRY_DELAY_MS);
-        return;
-      }
-      // Show appropriate error message
-      const errorMessage = getErrorMessage(errorType);
-      if (errorMessage) {
-        showNotification(errorMessage, true);
-      }
-      // Reset state
-      isRecording = false;
-      speechRetryCount = 0;
-      updateMicButton();
-    }
-    function handleSpeechEnd() {
-      isRecording = false;
-      updateMicButton();
-      const title = document.getElementById('issue-title').value.trim();
-      if (title) {
-        startAutocompleteCountdown();
-      }
-    }
-    function startAutocompleteCountdown() {
-      const countdown = document.getElementById('autocomplete-countdown');
-      const timerEl = document.getElementById('countdown-timer');
-      const progressBar = document.getElementById('countdown-progress-bar');
-      let remaining = AUTOCOMPLETE_DELAY_SECONDS;
-      timerEl.textContent = remaining + t('countdown.seconds');
-      progressBar.style.width = '100%';
-      countdown.classList.add('show');
-      autocompleteCountdownInterval = setInterval(function() {
-        remaining -= 0.1;
-        const percentage = (remaining / AUTOCOMPLETE_DELAY_SECONDS) * 100;
-        progressBar.style.width = percentage + '%';
-        if (remaining <= 0) {
-          remaining = 0;
-        }
-        timerEl.textContent = Math.ceil(remaining) + t('countdown.seconds');
-      }, 100);
-      autocompleteCountdownTimer = setTimeout(function() {
-        hideAutocompleteCountdown();
-        autocomplete();
-      }, AUTOCOMPLETE_DELAY_SECONDS * 1000);
-    }
-    function hideAutocompleteCountdown() {
-      const countdown = document.getElementById('autocomplete-countdown');
-      countdown.classList.remove('show');
-      if (autocompleteCountdownTimer) {
-        clearTimeout(autocompleteCountdownTimer);
-        autocompleteCountdownTimer = null;
-      }
-      if (autocompleteCountdownInterval) {
-        clearInterval(autocompleteCountdownInterval);
-        autocompleteCountdownInterval = null;
-      }
-    }
-    function cancelAutocompleteCountdown() {
-      hideAutocompleteCountdown();
-    }
-    function triggerAutocompleteNow() {
-      hideAutocompleteCountdown();
-      autocomplete();
-    }
-    function toggleSpeechToText() {
-      if (!isSpeechSupported()) {
-        showNotification(t('notify.micNotSupported'), true);
-        return;
-      }
-      if (isRecording && recognition) {
-        recognition.stop();
-        return;
-      }
-      recognition = initSpeechRecognition();
-      if (!recognition) return;
-      const titleInput = document.getElementById('issue-title');
-      const state = { finalTranscript: titleInput.value };
-      recognition.onresult = function(event) { handleSpeechResult(event, titleInput, state); };
-      recognition.onerror = handleSpeechError;
-      recognition.onend = handleSpeechEnd;
-      speechRetryCount = 0; // Reset retry count on new recording
-      recognition.start();
-      isRecording = true;
-      updateMicButton();
-    }
-    // Init
-    updateMicButton();
-  </script>
-</body>
-</html>`;
-}
-//# sourceMappingURL=new-issue.js.map