+
Actividad de Estudio
+
+
+
+ {/* Month labels */}
+
+ {monthLabels.map((m) => (
+
+ {m.label}
+
+ ))}
+
+
+
+ {/* Grid */}
+
+ {/* Day labels */}
+
+ {['Dom', 'Lun', 'Mar', 'Mié', 'Jue', 'Vie', 'Sáb'].map((d, i) => (
+
{d}
+ ))}
+
+
+ {/* Weeks */}
+ {grid.map((week, wi) => (
+
+ {week.map((day, di) => (
+
day && setHovered(day)}
+ onMouseLeave={() => setHovered(null)}
+ onMouseMove={(e) => setTooltipPos({ x: e.clientX, y: e.clientY })}
+ />
+ ))}
+
+ ))}
+
+
+ {/* Legend */}
+
+
Menos
+ {intensityColors.map((c, i) => (
+
+ ))}
+
Más
+
+
+
+
+ {/* Tooltip */}
+ {hovered && (
+
+
{new Date(hovered.date).toLocaleDateString()}
+
{hovered.minutes} min
+
+ )}
+
+ );
+}
diff --git a/client/src/components/ChatInput.jsx b/client/src/components/ChatInput.jsx
index 1684dd1..475d086 100644
--- a/client/src/components/ChatInput.jsx
+++ b/client/src/components/ChatInput.jsx
@@ -1,14 +1,22 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { Send, Paperclip, X, ChevronDown, Check } from 'lucide-react';
+import React, { useState, useRef, useEffect, useCallback } from 'react';
+import { Send, Paperclip, X, ChevronDown, Check, Sigma } from 'lucide-react';
+import VoiceInput from './VoiceInput';
+import katex from 'katex';
+import 'katex/dist/katex.min.css';
-export default function ChatInput({ onSend, isStreaming, availablePdfs = [] }) {
+export default function ChatInput({ onSend, isStreaming, availablePdfs = [], prefillText = '' }) {
const [text, setText] = useState('');
const [attachedFiles, setAttachedFiles] = useState([]);
const [selectedPdfIds, setSelectedPdfIds] = useState([]);
const [pdfDropdownOpen, setPdfDropdownOpen] = useState(false);
+ const [latexMode, setLatexMode] = useState(false);
+ const [latexPreview, setLatexPreview] = useState('');
+ const [latexError, setLatexError] = useState(false);
const textareaRef = useRef(null);
const fileInputRef = useRef(null);
const dropdownRef = useRef(null);
+ const latexDebounceRef = useRef(null);
+ const prefillApplied = useRef(false);
// Auto-resize textarea (max ~5 lines ~120px)
useEffect(() => {
@@ -30,6 +38,51 @@ export default function ChatInput({ onSend, isStreaming, availablePdfs = [] }) {
return () => document.removeEventListener('mousedown', handleClickOutside);
}, []);
+ // Apply prefill text once
+ useEffect(() => {
+ if (prefillText && !prefillApplied.current) {
+ setText(prefillText);
+ prefillApplied.current = true;
+ }
+ }, [prefillText]);
+
+ const handleSendRef = useRef(handleSend);
+ handleSendRef.current = handleSend;
+
+ // Listen for custom send event from global shortcuts
+ useEffect(() => {
+ function handleCustomSend() {
+ handleSendRef.current();
+ }
+ window.addEventListener('studyos:send-message', handleCustomSend);
+ return () => window.removeEventListener('studyos:send-message', handleCustomSend);
+ }, []);
+
+ // LaTeX preview debounce
+ useEffect(() => {
+ if (!latexMode) return;
+ if (latexDebounceRef.current) clearTimeout(latexDebounceRef.current);
+ latexDebounceRef.current = setTimeout(() => {
+ if (!text.trim()) {
+ setLatexPreview('');
+ setLatexError(false);
+ return;
+ }
+ try {
+ const html = katex.renderToString(text, { throwOnError: false, displayMode: true });
+ setLatexPreview(html);
+ setLatexError(false);
+ } catch {
+ setLatexError(true);
+ }
+ }, 200);
+ return () => clearTimeout(latexDebounceRef.current);
+ }, [text, latexMode]);
+
+ const appendTranscript = useCallback((transcript) => {
+ setText((prev) => (prev ? prev + ' ' + transcript : transcript));
+ }, []);
+
const handleKeyDown = (e) => {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
@@ -105,6 +158,9 @@ export default function ChatInput({ onSend, isStreaming, availablePdfs = [] }) {
)}
+ {/* Voice input */}
+
+
{/* Attachment button */}
+
+ {/* LaTeX preview panel */}
+ {latexMode && (
+
+ {latexPreview ? (
+
+ ) : (
+
Vista previa...
+ )}
+
+ )}
+
+
+ Historial de Exámenes
+
+
+
+ {filterTopic && (
+
+ )}
+
+
+
+ {filtered.length === 0 ? (
+
+
📝
+
{exams.length === 0 ? 'Aún no has realizado exámenes.' : 'Ningún examen coincide con el filtro.'}
+
+ ) : (
+
+ {filtered.map((exam) => {
+ const isExpanded = expandedId === exam.id;
+ return (
+
setExpandedId(isExpanded ? null : exam.id)}
+ >
+
+
+
= 80 ? 'rgba(52,211,153,0.12)' : exam.score >= 50 ? 'rgba(251,191,36,0.12)' : 'rgba(248,113,113,0.12)',
+ display: 'flex',
+ alignItems: 'center',
+ justifyContent: 'center',
+ color: exam.score >= 80 ? 'var(--accent-green)' : exam.score >= 50 ? 'var(--accent-amber)' : 'var(--accent-coral)',
+ fontWeight: 700,
+ fontSize: 13,
+ }}
+ >
+
+
+
+
{exam.title}
+
+ {formatDate(exam.taken_at)}
+
+
+
+
+
= 80 ? 'var(--accent-green)' : exam.score >= 50 ? 'var(--accent-amber)' : 'var(--accent-coral)' }}>
+ {exam.score}%
+
+
+
+
+ {isExpanded && (
+
+
Temas:
+
+ {Array.isArray(exam.topics) && exam.topics.map((t) => (
+
+ {t}
+
+ ))}
+
+
+ )}
+
+ );
+ })}
+
+ )}
+