tryassay 0.22.0 → 0.22.1

package/demo/js/question-cards.js

@@ -1,207 +0,0 @@
-// question-cards.js — Interactive question cards for plan mode
-// Renders in the #plan-overlay when the backend sends plan_questions events
-
-const AppState = window.AppState;
-
-let currentSessionId = null;
-let currentSelections = {}; // { questionId: [selectedOptionLabels] }
-let currentQuestions = [];
-let sseConfig = { apiBase: '', apiKey: '' };
-
-/**
- * Configure API connection (called from sse-client.js)
- */
-export function configureQuestionCards(apiBase, apiKey) {
-  sseConfig.apiBase = apiBase || '';
-  sseConfig.apiKey = apiKey || '';
-}
-
-/**
- * Show question cards in the plan overlay.
- * Called when a plan_questions SSE event arrives.
- */
-export function showQuestions({ questions, round, confidence, sessionId }) {
-  const overlay = document.getElementById('plan-overlay');
-  if (!overlay) return;
-
-  currentSessionId = sessionId;
-  currentQuestions = questions;
-  currentSelections = {};
-
-  // Initialize selections for each question
-  for (const q of questions) {
-    currentSelections[q.id] = [];
-  }
-
-  const questionsHTML = questions.map(q => renderQuestion(q)).join('');
-
-  overlay.innerHTML = `
-    <div class="plan-card plan-questions-card">
-      <div class="plan-questions-header">
-        <div class="plan-header">Refine Requirements</div>
-        <div class="plan-round">Round ${round} of 3</div>
-      </div>
-      <div class="confidence-meter">
-        <div class="confidence-bar">
-          <div class="confidence-fill" style="width: ${Math.round(confidence * 100)}%"></div>
-        </div>
-        <div class="confidence-label">Requirements Clarity: ${Math.round(confidence * 100)}%</div>
-      </div>
-      <div class="plan-questions">${questionsHTML}</div>
-      <button class="confirm-selections-btn" id="confirm-selections-btn" disabled>Confirm Selections</button>
-    </div>
-  `;
-
-  overlay.classList.add('visible');
-
-  // Bind option click handlers
-  overlay.querySelectorAll('.question-option').forEach(el => {
-    el.addEventListener('click', () => handleOptionClick(el));
-  });
-
-  // Bind confirm button
-  document.getElementById('confirm-selections-btn')?.addEventListener('click', handleConfirm);
-}
-
-/**
- * Hide question cards and clear the overlay.
- */
-export function hideQuestions() {
-  const overlay = document.getElementById('plan-overlay');
-  if (overlay) {
-    overlay.classList.remove('visible');
-    setTimeout(() => { overlay.innerHTML = ''; }, 500);
-  }
-  currentSelections = {};
-  currentQuestions = [];
-}
-
-// ── Internal ──
-
-function renderQuestion(q) {
-  const hint = q.multiSelect ? 'Select all that apply' : 'Select one';
-  const optionsHTML = q.options.map(opt => `
-    <div class="question-option"
-         data-question-id="${q.id}"
-         data-option-label="${escapeAttr(opt.label)}"
-         data-multi="${q.multiSelect}">
-      <div class="option-label">${escapeHTML(opt.label)}</div>
-      <div class="option-description">${escapeHTML(opt.description)}</div>
-    </div>
-  `).join('');
-
-  return `
-    <div class="question-card" data-question-id="${q.id}">
-      <div class="question-header">${escapeHTML(q.header)}</div>
-      <div class="question-text">${escapeHTML(q.question)}</div>
-      <div class="select-hint">${hint}</div>
-      <div class="question-options">${optionsHTML}</div>
-    </div>
-  `;
-}
-
-function handleOptionClick(el) {
-  const questionId = el.dataset.questionId;
-  const label = el.dataset.optionLabel;
-  const isMulti = el.dataset.multi === 'true';
-
-  if (isMulti) {
-    // Toggle this option
-    el.classList.toggle('selected');
-    const idx = currentSelections[questionId].indexOf(label);
-    if (idx >= 0) {
-      currentSelections[questionId].splice(idx, 1);
-    } else {
-      currentSelections[questionId].push(label);
-    }
-  } else {
-    // Single select — deselect siblings, select this one
-    const siblings = document.querySelectorAll(`.question-option[data-question-id="${questionId}"]`);
-    siblings.forEach(s => s.classList.remove('selected'));
-    el.classList.add('selected');
-    currentSelections[questionId] = [label];
-  }
-
-  updateConfirmButton();
-}
-
-function updateConfirmButton() {
-  const btn = document.getElementById('confirm-selections-btn');
-  if (!btn) return;
-
-  // All single-select questions must have exactly one answer
-  const allSingleAnswered = currentQuestions
-    .filter(q => !q.multiSelect)
-    .every(q => currentSelections[q.id]?.length > 0);
-
-  btn.disabled = !allSingleAnswered;
-}
-
-async function handleConfirm() {
-  const btn = document.getElementById('confirm-selections-btn');
-  if (btn) {
-    btn.disabled = true;
-    btn.textContent = 'Submitting...';
-  }
-
-  const answers = Object.entries(currentSelections).map(([questionId, selectedOptions]) => ({
-    questionId,
-    selectedOptions,
-  }));
-
-  const headers = { 'Content-Type': 'application/json' };
-  if (sseConfig.apiKey) headers['Authorization'] = `Bearer ${sseConfig.apiKey}`;
-
-  const sessionId = currentSessionId || window.__appId;
-
-  try {
-    const res = await fetch(`${sseConfig.apiBase}/api/v1/app/${sessionId}/answers`, {
-      method: 'POST',
-      headers,
-      body: JSON.stringify({ answers }),
-    });
-
-    if (!res.ok) {
-      console.error('[QuestionCards] Submit failed:', res.status);
-      AppState.addLog({ level: 'error', message: `Failed to submit answers: ${res.status}` });
-      if (btn) {
-        btn.disabled = false;
-        btn.textContent = 'Confirm Selections';
-      }
-      return;
-    }
-  } catch (err) {
-    console.error('[QuestionCards] Submit error:', err);
-    AppState.addLog({ level: 'error', message: `Submit error: ${err.message}` });
-    if (btn) {
-      btn.disabled = false;
-      btn.textContent = 'Confirm Selections';
-    }
-    return;
-  }
-
-  // Show refining state
-  const overlay = document.getElementById('plan-overlay');
-  if (overlay) {
-    overlay.innerHTML = `
-      <div class="plan-card">
-        <div class="refining-state">
-          <div class="refining-spinner"></div>
-          <div>Refining requirements...</div>
-        </div>
-      </div>
-    `;
-  }
-
-  AppState.addLog({ level: 'info', message: 'Answers submitted. Refining requirements...' });
-}
-
-function escapeHTML(str) {
-  const div = document.createElement('div');
-  div.textContent = str;
-  return div.innerHTML;
-}
-
-function escapeAttr(str) {
-  return str.replace(/"/g, '&quot;').replace(/'/g, '&#39;');
-}

package/demo/js/voice.js

@@ -1,154 +0,0 @@
-// voice.js — ElevenLabs TTS narration
-// High-quality voice synthesis per phase transition
-
-const API_URL = 'https://api.elevenlabs.io/v1/text-to-speech';
-const API_KEY = 'sk_80c5021a889afdd474a7f9920cb0b73981ec38c912f9cecf';
-
-// Josh — deep young male narrator, fits sci-fi/tech aesthetic
-const VOICE_ID = 'TxGEqnHWrfWFTfGW9XjX';
-
-let isMuted = false;
-let currentAudio = null;
-let audioQueue = [];
-let isPlaying = false;
-
-const NARRATION = {
-  initializing: 'Analyzing your request. Breaking it down into an architecture plan.',
-  planning: 'Designing the application structure. Identifying components, routes, and data models.',
-  verifying_plan: 'Verifying the architecture. Extracting claims and checking each one against formal rules.',
-  requirements_refining: 'Architecture plan generated. Reviewing features, routes, and data models before building.',
-  scaffolding: 'Plan approved. Scaffolding the project. Creating the file structure and base configuration.',
-  building_feature: null,
-  build_verifying: 'Verifying the generated code. Checking for security issues, type errors, and logic bugs.',
-  build_repairing: 'Build issues detected. Repairing automatically.',
-  integration_verifying: 'Running integration verification. Checking cross-feature consistency.',
-  functional_testing: 'Running functional tests. Starting the application and testing every route with real HTTP requests.',
-  functional_repairing: 'Functional test failures detected. Feeding errors back to the code agent for repair.',
-  cross_verifying: 'Cross-verifying all features together. Checking that routes connect, schemas match, and imports resolve.',
-  finalizing: 'Finalizing the application. All verifications passed.',
-  completed: null
-};
-
-async function synthesize(text) {
-  const res = await fetch(`${API_URL}/${VOICE_ID}`, {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-      'xi-api-key': API_KEY
-    },
-    body: JSON.stringify({
-      text,
-      model_id: 'eleven_multilingual_v2',
-      voice_settings: {
-        stability: 0.6,
-        similarity_boost: 0.8,
-        style: 0.3,
-        use_speaker_boost: true
-      }
-    })
-  });
-
-  if (!res.ok) {
-    console.error('[Voice] ElevenLabs API error:', res.status, await res.text());
-    return null;
-  }
-
-  const blob = await res.blob();
-  return URL.createObjectURL(blob);
-}
-
-function playNext() {
-  if (isPlaying || audioQueue.length === 0 || isMuted) return;
-
-  isPlaying = true;
-  const audioUrl = audioQueue.shift();
-
-  currentAudio = new Audio(audioUrl);
-  currentAudio.addEventListener('ended', () => {
-    URL.revokeObjectURL(audioUrl);
-    currentAudio = null;
-    isPlaying = false;
-    playNext();
-  });
-  currentAudio.addEventListener('error', () => {
-    URL.revokeObjectURL(audioUrl);
-    currentAudio = null;
-    isPlaying = false;
-    playNext();
-  });
-  currentAudio.play().catch(() => {
-    isPlaying = false;
-    playNext();
-  });
-}
-
-async function speak(text) {
-  if (isMuted || !text) return;
-
-  // Synthesize in background, queue when ready
-  const audioUrl = await synthesize(text);
-  if (audioUrl && !isMuted) {
-    audioQueue.push(audioUrl);
-    playNext();
-  }
-}
-
-function stopAll() {
-  if (currentAudio) {
-    currentAudio.pause();
-    currentAudio = null;
-  }
-  // Revoke any queued URLs
-  audioQueue.forEach(url => URL.revokeObjectURL(url));
-  audioQueue = [];
-  isPlaying = false;
-}
-
-function getNarration(phase) {
-  const state = window.AppState;
-
-  if (phase === 'building_feature') {
-    const taskName = state.get().currentTask?.name || 'current feature';
-    return `Building feature: ${taskName}. Generating the implementation.`;
-  }
-
-  if (phase === 'completed') {
-    const m = state.get().metrics;
-    return `Application complete. ${m.filesGenerated} files generated. ${m.claimsVerified} claims verified. ${m.claimsFailed} issues caught and fixed.`;
-  }
-
-  return NARRATION[phase] || null;
-}
-
-function initMuteButton() {
-  const btn = document.getElementById('mute-toggle');
-  if (!btn) return;
-
-  btn.addEventListener('click', () => {
-    isMuted = !isMuted;
-    if (isMuted) {
-      btn.textContent = '\uD83D\uDD07';
-      btn.classList.add('muted');
-      stopAll();
-    } else {
-      btn.textContent = '\uD83D\uDD0A';
-      btn.classList.remove('muted');
-    }
-  });
-}
-
-export function initVoice() {
-  const state = window.AppState;
-  if (!state) return;
-
-  initMuteButton();
-
-  state.on('phase_change', ({ to }) => {
-    const text = getNarration(to);
-    if (text) speak(text);
-  });
-
-  state.on('reset', () => {
-    stopAll();
-  });
-}