@autocode-cli/autocode 0.1.31 → 0.1.33

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

@@ -248,12 +248,114 @@ export function generateNewIssuePage(lang) {
       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);
@@ -294,7 +396,16 @@ export function generateNewIssuePage(lang) {
       <div class="title-row">
         <div class="form-group">
           <label for="issue-title" data-i18n="newIssue.titleLabel">Title *</label>
-          <input type="text" id="issue-title" placeholder="E.g.: Fix the login bug" data-i18n-placeholder="newIssue.titlePlaceholder">
+          <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>
@@ -371,6 +482,20 @@ export function generateNewIssuePage(lang) {
 
   <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>
     const STORAGE_KEY = 'autocode-lang';
     let currentLang = localStorage.getItem(STORAGE_KEY) || 'fr';
@@ -407,7 +532,20 @@ export function generateNewIssuePage(lang) {
         'notify.error': 'Error',
         'notify.titleRequired': 'Title is required',
         'notify.autocompleteSuccess': 'Fields auto-filled!',
-        'notify.autocompleteTitleRequired': 'Enter a title first'
+        'notify.autocompleteTitleRequired': 'Enter a title first',
+        'mic.title': 'Speech to text',
+        'mic.titleRecording': 'Recording... Click to stop',
+        'mic.notSupported': 'Speech recognition not supported',
+        'notify.micNotSupported': 'Speech recognition is not supported by your browser',
+        'notify.micError': 'Speech recognition error',
+        'notify.micErrorNetwork': 'Network error: Speech recognition requires an internet connection. Make sure you are connected and try again.',
+        'notify.micErrorNotAllowed': 'Microphone access denied. Please allow microphone access in your browser settings.',
+        'notify.micErrorNoSpeech': 'No speech detected. Please speak louder or closer to the microphone.',
+        'notify.micRetrying': 'Network error, retrying...',
+        'countdown.autocompletingIn': 'AutoComplete in',
+        'countdown.cancel': 'Cancel',
+        'countdown.now': 'Now',
+        'countdown.seconds': 's'
       },
       fr: {
         'newIssue.title': 'Nouveau ticket',
@@ -439,7 +577,20 @@ export function generateNewIssuePage(lang) {
         'notify.error': 'Erreur',
         'notify.titleRequired': 'Le titre est requis',
         'notify.autocompleteSuccess': 'Champs remplis automatiquement !',
-        'notify.autocompleteTitleRequired': 'Entrez un titre d\\'abord'
+        'notify.autocompleteTitleRequired': 'Entrez un titre d\\'abord',
+        'mic.title': 'Dictée vocale',
+        'mic.titleRecording': 'Enregistrement... Cliquer pour arrêter',
+        'mic.notSupported': 'Reconnaissance vocale non supportée',
+        'notify.micNotSupported': 'La reconnaissance vocale n\\'est pas supportée par votre navigateur',
+        'notify.micError': 'Erreur de reconnaissance vocale',
+        'notify.micErrorNetwork': 'Erreur réseau : La reconnaissance vocale nécessite une connexion internet. Vérifiez votre connexion et réessayez.',
+        'notify.micErrorNotAllowed': 'Accès au microphone refusé. Veuillez autoriser l\\'accès au microphone dans les paramètres de votre navigateur.',
+        'notify.micErrorNoSpeech': 'Aucune parole détectée. Parlez plus fort ou rapprochez-vous du microphone.',
+        'notify.micRetrying': 'Erreur réseau, nouvelle tentative...',
+        'countdown.autocompletingIn': 'AutoComplete dans',
+        'countdown.cancel': 'Annuler',
+        'countdown.now': 'Maintenant',
+        'countdown.seconds': 's'
       }
     };
 
@@ -561,6 +712,7 @@ export function generateNewIssuePage(lang) {
           currentLang = newLang;
           localStorage.setItem(STORAGE_KEY, newLang);
           updateLangUI();
+          updateMicButton();
         }
       });
     });
@@ -639,8 +791,200 @@ export function generateNewIssuePage(lang) {
       }
     }
 
+    // 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
     updateLangUI();
+    updateMicButton();
   </script>
 </body>
 </html>`;

package/dist/server/dashboard/pages/new-issue.js.map

@@ -1 +1 @@
-{"version":3,"file":"new-issue.js","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/new-issue.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAY;IAC/C,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAErE,OAAO;cACK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmUJ,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,kBAAkB,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,WAAW,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAuTjJ,CAAC;AACT,CAAC"}
+{"version":3,"file":"new-issue.js","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/new-issue.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAY;IAC/C,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAErE,OAAO;cACK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAkbJ,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,kBAAkB,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,WAAW,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAgiBjJ,CAAC;AACT,CAAC"}