-
- {view === 'recorder' ? (
+ = ({ logs }) => {
+ const endRef = useRef(null);
+
+ useEffect(() => {
+ endRef.current?.scrollIntoView({ behavior: 'smooth' });
+ }, [logs]);
+
+ const getIcon = (level: string) => {
+ switch (level) {
+ case 'ERROR': return = ({
- apiKey, productId, prompts, onOpenSettings,
- transcription, setTranscription, summary, setSummary,
- history, onSaveToHistory, onDeleteHistory, onLoadHistory
+ apiKey, productId, prompts,
+ setTranscription, setSummary,
+ onSaveToHistory, savePath, onRecordingComplete
}) => {
const [isRecording, setIsRecording] = useState(false);
+ const [isPaused, setIsPaused] = useState(false);
const [status, setStatus] = useState('Ready to record');
const [selectedDevice, setSelectedDevice] = useState('');
const [selectedPromptId, setSelectedPromptId] = useState('');
const [selectedModel, setSelectedModel] = useState('mixtral');
const [devices, setDevices] = useState([]);
- const [availableModels, setAvailableModels] = useState>(LLM_MODELS);
- const [showHistory, setShowHistory] = useState(false); // Toggle history view
-
- // Local state for copy feedback only
- const [copiedTrans, setCopiedTrans] = useState(false);
- const [copiedSum, setCopiedSum] = useState(false);
+ const [availableModels, setAvailableModels] = useState>([]);
useEffect(() => {
loadDevices();
@@ -75,7 +65,6 @@ const Recorder: React.FC = ({
try {
const models = await invoke>('get_available_models', { apiKey, productId });
if (models && models.length > 0) {
- // Sort models alphabetically
models.sort((a, b) => a.name.localeCompare(b.name));
setAvailableModels(models);
}
@@ -84,13 +73,11 @@ const Recorder: React.FC = ({
}
};
-
// Set default prompt selection
useEffect(() => {
if (prompts.length > 0 && !selectedPromptId) {
setSelectedPromptId(prompts[0].id);
} else if (prompts.length > 0 && selectedPromptId) {
- // Check if selected still exists
if (!prompts.find(p => p.id === selectedPromptId)) {
setSelectedPromptId(prompts[0].id);
}
@@ -100,20 +87,42 @@ const Recorder: React.FC = ({
const loadDevices = async () => {
try {
const devList = await invoke('get_input_devices');
- setDevices(devList);
- if (devList.length > 0 && !selectedDevice) {
- setSelectedDevice(devList[0].id);
+ // Alias BlackHole
+ const aliasedDevs = devList.map(d => ({
+ ...d,
+ name: d.name.includes('BlackHole') ? 'Hearbit Virtual Mic (BlackHole)' : d.name
+ }));
+ setDevices(aliasedDevs);
+
+ // Select Hearbit mic by default if available and no selection made
+ if (!selectedDevice) {
+ const vb = aliasedDevs.find(d => d.name.includes('Hearbit Virtual Mic'));
+ if (vb) {
+ setSelectedDevice(vb.id);
+ } else if (aliasedDevs.length > 0) {
+ setSelectedDevice(aliasedDevs[0].id);
+ }
}
} catch (e) {
console.error('Failed to load devices', e);
}
};
+ const openAudioSetup = async () => {
+ try {
+ await invoke('open_audio_midi_setup');
+ } catch (e) {
+ console.error(e);
+ setStatus('Failed to open Audio Setup');
+ }
+ };
+
const startRecording = async () => {
try {
setStatus('Starting...');
- await invoke('start_recording', { deviceId: selectedDevice });
+ await invoke('start_recording', { deviceId: selectedDevice, savePath: savePath || null });
setIsRecording(true);
+ setIsPaused(false);
setTranscription('');
setSummary('');
setStatus('Recording...');
@@ -124,9 +133,26 @@ const Recorder: React.FC = ({
}
};
+ const togglePause = async () => {
+ try {
+ if (isPaused) {
+ await invoke('resume_recording');
+ setIsPaused(false);
+ setStatus('Recording...');
+ } else {
+ await invoke('pause_recording');
+ setIsPaused(true);
+ setStatus('Paused');
+ }
+ } catch (e) {
+ console.error("Pause/Resume error:", e);
+ }
+ };
+
const stopRecording = async () => {
try {
setIsRecording(false);
+ setIsPaused(false);
setStatus('Processing...');
const filePath = await invoke('stop_recording');
@@ -138,12 +164,9 @@ const Recorder: React.FC = ({
});
setTranscription(transText);
- setTranscription(transText);
-
// Check if transcription is empty or just whitespace
if (!transText || transText.trim().length === 0) {
setStatus('Done (No speech detected)');
- // If empty, set a placeholder so the UI shows something, but DON'T summarize
setTranscription('(No speech detected. Check your microphone settings.)');
setTimeout(() => setStatus('Ready to record'), 3000);
return;
@@ -167,6 +190,7 @@ const Recorder: React.FC = ({
onSaveToHistory(transText, sumText);
setStatus('Done!');
+ onRecordingComplete(); // Auto-switch tab
setTimeout(() => setStatus('Ready to record'), 3000);
} catch (e) {
console.error(e);
@@ -174,251 +198,127 @@ const Recorder: React.FC = ({
}
};
- const installDriver = async () => {
- try {
- setStatus('Installing driver...');
- const res = await invoke('install_driver');
- console.log(res);
- setStatus('Driver installed. Please restart app.');
- loadDevices();
- } catch (e) {
- setStatus(`Install failed: ${e}`);
- }
- };
-
- const copyToClipboard = async (text: string, isSummary: boolean) => {
- try {
- await navigator.clipboard.writeText(text);
- if (isSummary) {
- setCopiedSum(true);
- setTimeout(() => setCopiedSum(false), 2000);
- } else {
- setCopiedTrans(true);
- setTimeout(() => setCopiedTrans(false), 2000);
- }
- } catch (err) {
- console.error('Failed to copy!', err);
- }
- };
-
return (
+ {/* Top Navigation Bar */}
+ {view !== 'settings' && (
+
);
}
diff --git a/src/components/LogViewer.tsx b/src/components/LogViewer.tsx
new file mode 100644
index 0000000..577ca5f
--- /dev/null
+++ b/src/components/LogViewer.tsx
@@ -0,0 +1,91 @@
+import React, { useEffect, useRef } from 'react';
+import { Terminal, Clock, AlertCircle, Info, CheckCircle, Activity } from 'lucide-react';
+
+export interface LogEntry {
+ level: string;
+ message: string;
+ timestamp: string;
+}
+
+interface LogViewerProps {
+ logs: LogEntry[];
+}
+
+const LogViewer: React.FC
+ setView(t)}
+ />
+
+ )}
+
+
+
+
+
+
+ {view === 'recorder' && (
setView('settings')}
+ onOpenSettings={() => {
+ setLastTab('recorder');
+ setView('settings');
+ }}
transcription={transcription}
setTranscription={setTranscription}
summary={summary}
@@ -97,23 +258,30 @@ function App() {
onSaveToHistory={handleSaveToHistory}
onDeleteHistory={handleDeleteHistory}
onLoadHistory={handleLoadHistory}
+ savePath={savePath}
+ onRecordingComplete={() => setView('transcription')}
/>
- ) : (
+ )}
+
+ {view === 'transcription' && (
+ setView('recorder')}
- initialApiKey={apiKey}
- initialProductId={productId}
- initialPrompts={prompts}
+ onClose={() => setView(lastTab)}
+ apiKey={apiKey}
+ productId={productId}
+ prompts={prompts}
+ savePath={savePath}
/>
)}
-
- {view === 'settings' && (
-
- {/* Close button handled inside Settings typically */}
-
- )}
+
+ );
+};
+
+export default LogViewer;
diff --git a/src/components/Recorder.tsx b/src/components/Recorder.tsx
index fb3473a..659f7c3 100644
--- a/src/components/Recorder.tsx
+++ b/src/components/Recorder.tsx
@@ -1,8 +1,7 @@
import React, { useState, useEffect } from 'react';
-import { Mic, Square, Settings as SettingsIcon, FileText, Sparkles, Copy, Check } from 'lucide-react';
+import { Mic, Square } from 'lucide-react';
import { invoke } from "@tauri-apps/api/core";
import logo from '../assets/logo.png'; // Import logo
-import ReactMarkdown from 'react-markdown'; // Import Markdown renderer
interface PromptTemplate {
id: string;
@@ -22,7 +21,7 @@ interface RecorderProps {
productId: string;
prompts: PromptTemplate[];
onOpenSettings: () => void;
- // Lifted State Props
+ // Lifted State Props (still passed for state management, though unused in view)
transcription: string;
setTranscription: (val: string) => void;
summary: string;
@@ -32,6 +31,8 @@ interface RecorderProps {
onSaveToHistory: (t?: string, s?: string) => void;
onDeleteHistory: (id: string) => void;
onLoadHistory: (item: HistoryItem) => void;
+ savePath: string | null;
+ onRecordingComplete: () => void;
}
interface AudioDevice {
@@ -39,30 +40,19 @@ interface AudioDevice {
name: string;
}
-const LLM_MODELS = [
- { id: 'mixtral', name: 'Mixtral 8x7B (Best for Logic)' },
- { id: 'llama3', name: 'Llama 3 (Balanced)' },
- { id: 'llama3-70b', name: 'Llama 3 70B (High Quality)' },
- { id: 'granite-code', name: 'Granite Code (Coding)' }
-];
-
const Recorder: React.FC
+ System Logs
+
+
+
+ {logs.length === 0 && (
+
+
+ No logs yet...
+
+ )}
+ {logs.map((log, i) => (
+
+
+
+ ))}
+
+
+ {getIcon(log.level)}
+
+
+ {log.message}
+
+
{/* Fixed Header */}
-
+
-
-
{/* Scrollable Content */}
-
-
-
-
- {showHistory ? (
- = ({ onSave, onBack, initialApiKey, initialProductId, initialPrompts }) => {
- const [apiKey, setApiKey] = useState(initialApiKey);
- const [productId, setProductId] = useState(initialProductId);
- const [prompts, setPrompts] = useState(initialPrompts);
+const Settings: React.FC = ({ apiKey, productId, prompts, savePath, onSave, onClose }) => {
+ const [localApiKey, setLocalApiKey] = useState(apiKey);
+ const [localProductId, setLocalProductId] = useState(productId);
+ const [localSavePath, setLocalSavePath] = useState(savePath);
+ const [localPrompts, setLocalPrompts] = useState(prompts);
+ const [statusIdx, setStatusIdx] = useState(null);
- useEffect(() => {
- setApiKey(initialApiKey);
- setProductId(initialProductId);
- // Only reset prompts if passed different ones (mounting), usually state is preserved in App
- }, [initialApiKey, initialProductId]);
+ // Backup & Restore State
+ const [backupPassword, setBackupPassword] = useState('');
+ const [showPassword, setShowPassword] = useState(false);
+ const [isImportModalOpen, setIsImportModalOpen] = useState(false);
+ const [importFileContent, setImportFileContent] = useState(null);
- const handleSave = (e: React.FormEvent) => {
- e.preventDefault();
- onSave(apiKey, productId, prompts);
+ const handlePromptChange = (id: string, field: 'name' | 'content', value: string) => {
+ setLocalPrompts(localPrompts.map(p => p.id === id ? { ...p, [field]: value } : p));
};
const addPrompt = () => {
- setPrompts([...prompts, { id: Date.now().toString(), name: 'New Prompt', content: '' }]);
- };
-
- const updatePrompt = (id: string, field: 'name' | 'content', value: string) => {
- setPrompts(prompts.map(p => p.id === id ? { ...p, [field]: value } : p));
+ setLocalPrompts([...localPrompts, { id: Date.now().toString(), name: 'New Prompt', content: '' }]);
};
const removePrompt = (id: string) => {
- setPrompts(prompts.filter(p => p.id !== id));
+ setLocalPrompts(localPrompts.filter(p => p.id !== id));
+ };
+
+ const handleSave = () => {
+ onSave(localApiKey, localProductId, localPrompts, localSavePath);
+ onClose();
+ };
+
+ const handleSelectFolder = async () => {
+ try {
+ const selected = await open({
+ directory: true,
+ multiple: false,
+ defaultPath: localSavePath || undefined,
+ });
+ if (selected && typeof selected === 'string') {
+ setLocalSavePath(selected);
+ }
+ } catch (e) {
+ console.error("Failed to open directory picker", e);
+ setStatusIdx('Error: Failed to open directory picker.');
+ }
+ };
+
+ const handleExport = async () => {
+ if (!backupPassword) {
+ setStatusIdx('Error: Password required to encrypt backup.');
+ return;
+ }
+ try {
+ const data = {
+ apiKey: localApiKey,
+ productId: localProductId,
+ prompts: localPrompts,
+ savePath: localSavePath
+ };
+ const encrypted = await encryptData(data, backupPassword);
+ const blob = new Blob([encrypted], { type: 'text/plain' });
+ const url = URL.createObjectURL(blob);
+ const a = document.createElement('a');
+ a.href = url;
+ a.download = `hearbit_backup_${new Date().toISOString().slice(0, 10)}.conf`;
+ document.body.appendChild(a);
+ a.click();
+ document.body.removeChild(a);
+ URL.revokeObjectURL(url);
+ setStatusIdx('Configuration exported successfully!');
+ } catch (e) {
+ console.error(e);
+ setStatusIdx('Export failed.');
+ }
+ };
+
+ const triggerImport = () => {
+ document.getElementById('import-file-input')?.click();
+ };
+
+ const handleFileSelect = (e: React.ChangeEvent) => {
+ const file = e.target.files?.[0];
+ if (!file) return;
+
+ const reader = new FileReader();
+ reader.onload = (event) => {
+ if (event.target?.result) {
+ setImportFileContent(event.target.result as string);
+ setIsImportModalOpen(true);
+ setBackupPassword('');
+ }
+ };
+ reader.readAsText(file);
+ e.target.value = '';
+ };
+
+ const confirmImport = async () => {
+ if (!backupPassword) {
+ setStatusIdx('Error: Password required to decrypt.');
+ return;
+ }
+ if (!importFileContent) return;
+
+ try {
+ const data = await decryptData(importFileContent, backupPassword);
+ if (data.apiKey) setLocalApiKey(data.apiKey);
+ if (data.productId) setLocalProductId(data.productId);
+ if (data.prompts) setLocalPrompts(data.prompts);
+ if (data.savePath) setLocalSavePath(data.savePath);
+
+ setStatusIdx('Configuration imported! Click Save to apply.');
+ setIsImportModalOpen(false);
+ setImportFileContent(null);
+ } catch (e) {
+ console.error(e);
+ setStatusIdx('Import failed: Wrong password or corrupted file.');
+ }
};
return (
-
-
);
diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
index 5f8dc66..3b91d26 100644
--- a/src/components/Settings.tsx
+++ b/src/components/Settings.tsx
@@ -1,157 +1,319 @@
-import React, { useState, useEffect } from 'react';
-import { Plus, Trash2 } from 'lucide-react';
-
-interface PromptTemplate {
- id: string;
- name: string;
- content: string;
-}
+import React, { useState } from 'react';
+import { Save, FolderOpen, Lock, Upload, Download, Eye, EyeOff } from 'lucide-react';
+import { open } from '@tauri-apps/plugin-dialog';
+import { encryptData, decryptData } from '../utils/backup';
+import { PromptTemplate } from '../App';
interface SettingsProps {
- onSave: (apiKey: string, productId: string, prompts: PromptTemplate[]) => void;
- onBack: () => void; // New onBack prop
- initialApiKey: string;
- initialProductId: string;
- initialPrompts: PromptTemplate[];
+ apiKey: string;
+ productId: string;
+ savePath: string;
+ prompts: PromptTemplate[];
+ onSave: (apiKey: string, productId: string, prompts: PromptTemplate[], savePath: string) => void;
+ onClose: () => void;
}
-const Settings: React.FCSaved Recordings
- {history.length === 0 &&No saved history.
} - {history.map(item => ( -
-
- {item.date}
-
-
-
-
-
- {item.summary ? item.summary.slice(0, 50) + "..." : "No Summary"}
-{item.transcription.slice(0, 50)}...
+
+
+
+
+ {isRecording ? (
+
- ) : (
- <>
-
+
- ))}
-
-
-
-
- {isRecording ? (
-
-
-
- ) : (
-
-
- )}
- - {isRecording ? 'Listening...' : 'Ready to Record'} -
- -- {status} -
- -
- {!isRecording ? (
-
- ) : (
-
- )}
-
-
-
- {(transcription || summary) && (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/* Transcription Block (Source) */}
- {transcription && (
-
+
-
- )}
-
- {/* Summary Block (Result) */}
- {summary && (
-
-
-
-
-
- Original Transcription
-- {transcription} -
-
-
- )}
+ ) : (
+
-
-
-
- AI Summary
-
-
-
-
-
-
- {summary}
-
-
-
+
)}
-
- )}
+ + {isRecording ? (isPaused ? 'Paused' : 'Listening...') : 'Ready to Record'} +
+ ++ {status} +
+ +
+ {!isRecording ? (
+
+ ) : (
+
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-