@meechi-ai/core 1.0.0

package/dist/components/Icon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+    name: string;
+    size?: number | string;
+    className?: string;
+    color?: string;
+}
+export default function Icon({ name, size, className, color, ...props }: IconProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Icon.js

@@ -0,0 +1,44 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import * as LucideIcons from 'lucide-react';
+import { settingsManager } from '@/lib/settings';
+export default function Icon(_a) {
+    var { name, size = 16, className, color } = _a, props = __rest(_a, ["name", "size", "className", "color"]);
+    const [library, setLibrary] = React.useState('lucide');
+    React.useEffect(() => {
+        async function load() {
+            var _a;
+            const cfg = await settingsManager.getConfig();
+            setLibrary(((_a = cfg.appearance) === null || _a === void 0 ? void 0 : _a.iconLibrary) || 'lucide');
+        }
+        // load(); 
+    }, []);
+    // Normalize Name (e.g. "search" -> "Search", "file-text" -> "FileText")
+    // Lucide exports PascalCase.
+    const pascalName = name.split(/[-_]/).map(part => part.charAt(0).toUpperCase() + part.slice(1)).join('');
+    if (library === 'lucide') {
+        const LucideIcon = LucideIcons[pascalName] || LucideIcons[name];
+        if (!LucideIcon) {
+            console.warn(`Icon not found: ${name} (${pascalName})`);
+            return _jsx("span", { style: { width: size, height: size, display: 'inline-block', background: '#ccc' } });
+        }
+        // LucideIcon accepts LucideProps which are compatible with SVGProps
+        return _jsx(LucideIcon, Object.assign({ size: size, className: className, color: color }, props));
+    }
+    if (library === 'material') {
+        return _jsxs("span", { children: ["M-", name] }); // Placeholder
+    }
+    return null;
+}

package/dist/components/SourceEditor.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface SourceEditorProps {
+    file: {
+        content: string;
+        path: string;
+        metadata?: any;
+    };
+    isEditing: boolean;
+    onSave?: (content: string) => void;
+    onRenderExtension?: (editor: any) => React.ReactNode;
+}
+export default function SourceEditor({ file, isEditing, onSave, onRenderExtension }: SourceEditorProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/SourceEditor.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import { Markdown } from 'tiptap-markdown';
+import Placeholder from '@tiptap/extension-placeholder';
+import { TextStyle } from '@tiptap/extension-text-style';
+import { Color } from '@tiptap/extension-color';
+import Link from '@tiptap/extension-link';
+import { useEffect } from 'react';
+export default function SourceEditor({ file, isEditing, onSave, onRenderExtension }) {
+    const editor = useEditor({
+        extensions: [
+            StarterKit,
+            Markdown.configure({
+                html: true,
+                transformPastedText: true,
+                transformCopiedText: true,
+            }),
+            Placeholder.configure({
+                placeholder: 'Start typing...'
+            }),
+            TextStyle,
+            Color,
+            Link.configure({
+                openOnClick: false
+            })
+        ],
+        content: file.content,
+        editable: isEditing,
+        onUpdate: ({ editor }) => {
+            // Optional: Auto-save or debounce logic
+        },
+        editorProps: {
+            attributes: {
+                class: 'prose dark:prose-invert max-w-none focus:outline-none min-h-[200px]'
+            }
+        }
+    });
+    // Sync content if file changes externally
+    useEffect(() => {
+        if (editor && file.content !== editor.storage.markdown.getMarkdown()) {
+            editor.commands.setContent(file.content);
+        }
+    }, [file.path, editor]);
+    // Save on Unmount or explicit save
+    // (Simplified for now)
+    if (!editor)
+        return null;
+    return (_jsxs("div", { className: "source-editor", children: [_jsx("div", { className: "toolbar", style: { padding: '0.5rem', borderBottom: '1px solid #eee' }, children: onRenderExtension && onRenderExtension(editor) }), _jsx(EditorContent, { editor: editor, style: { padding: '1rem' } })] }));
+}

package/dist/components/ThemeProvider.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+type ThemeProviderProps = React.ComponentProps<typeof NextThemesProvider>;
+export declare function ThemeProvider({ children, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ThemeProvider.js

@@ -0,0 +1,105 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+import { settingsManager } from "@/lib/settings";
+import { getOklch } from "@/lib/colors";
+export function ThemeProvider(_a) {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const [mounted, setMounted] = React.useState(false);
+    // Appearance Sync
+    React.useEffect(() => {
+        setMounted(true);
+        async function loadAppearance() {
+            // Load initial appearance settings
+            const config = await settingsManager.getConfig();
+            applyAppearance(config.appearance);
+        }
+        loadAppearance();
+        // Listen to storage changes for multi-tab sync (and settings page updates)
+        // Note: LocalStorageProvider doesn't emit storage events on same tab write unless specific hook used.
+        // We can rely on a simpler polling or event listener if needed.
+        // For now, let's assume valid reload or Settings Page will signal us?
+        // In a real app, use a Context or Event Bus. 
+        // Hack for immediate feedback from Settings Page:
+        window.addEventListener('meechi-appearance-update', async () => {
+            const config = await settingsManager.getConfig();
+            applyAppearance(config.appearance);
+        });
+        return () => {
+            window.removeEventListener('meechi-appearance-update', () => { });
+        };
+    }, []);
+    // Legacy Defaults to Ignore (Migration Hack)
+    const IGNORED_DEFAULTS = [
+        '#F9F7F2', // Old Light Background
+        '#FFFFFF', // Old Surface
+        '#1A1C1A', // Old Foreground
+        '#5C635C', // Old Secondary
+        '#6B8E6B', // Old Accent (Maybe keep this one? No, let's reset it to be safe if it matches default)
+    ];
+    const applyAppearance = (appearance) => {
+        if (!appearance)
+            return;
+        const root = document.documentElement;
+        // Font Handling
+        if (appearance.fontFamily && !IGNORED_DEFAULTS.includes(appearance.fontFamily)) {
+            if (appearance.fontFamily.startsWith('http')) {
+                // ...
+            }
+            else {
+                if (appearance.fontFamily === 'Inter') {
+                    root.style.setProperty('--font-sans', 'var(--font-inter)');
+                }
+                else if (appearance.fontFamily === 'Lora') {
+                    root.style.setProperty('--font-sans', 'var(--font-lora)');
+                }
+                else {
+                    root.style.setProperty('--font-sans', 'monospace');
+                }
+            }
+        }
+        // Accent Color (OKLCH Engine)
+        if (appearance.accentColor && !IGNORED_DEFAULTS.includes(appearance.accentColor)) {
+            const { l, c, h, cssValue } = getOklch(appearance.accentColor);
+            root.style.setProperty('--accent', cssValue);
+            // ... (rest of accent logic) ...
+            root.style.setProperty('--destructive', `oklch(${l} ${c} 25)`);
+        }
+        else {
+            // Reset if it was previously set and now is ignored/empty
+            root.style.removeProperty('--accent');
+            root.style.removeProperty('--destructive');
+        }
+        // Backgrounds & Surfaces
+        // Helper to apply or clear
+        const setOrClear = (prop, value) => {
+            if (value && !IGNORED_DEFAULTS.includes(value)) {
+                root.style.setProperty(prop, value);
+            }
+            else {
+                root.style.removeProperty(prop);
+            }
+        };
+        setOrClear('--background', appearance.backgroundColor);
+        setOrClear('--surface', appearance.surfaceColor);
+        setOrClear('--foreground', appearance.foregroundColor);
+        setOrClear('--secondary', appearance.secondaryColor);
+    };
+    if (!mounted) {
+        // Prevent hydration mismatch
+        return _jsx(_Fragment, { children: children });
+    }
+    return _jsx(NextThemesProvider, Object.assign({}, props, { children: children }));
+}

package/dist/components/ThemeSwitcher.d.ts

@@ -0,0 +1 @@
+export declare function ThemeSwitcher(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ThemeSwitcher.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Icon from "@/components/Icon";
+import { useTheme } from "next-themes";
+export function ThemeSwitcher() {
+    const { setTheme, theme } = useTheme();
+    const [mounted, setMounted] = React.useState(false);
+    React.useEffect(() => {
+        setMounted(true);
+    }, []);
+    if (!mounted) {
+        return (_jsx("div", { className: "flex items-center gap-2 p-1 bg-surface/10 rounded-full border border-border backdrop-blur-sm opacity-0", children: _jsx("div", { className: "w-8 h-8" }) }));
+    }
+    return (_jsxs("div", { className: "flex items-center gap-2 p-1 bg-surface/10 rounded-full border border-border backdrop-blur-sm", children: [_jsx("button", { onClick: () => setTheme("light"), className: `p-1.5 rounded-full transition-colors ${theme === 'light' ? 'bg-accent text-surface' : 'text-muted hover:text-accent'}`, title: "Light Mode", children: _jsx(Icon, { name: "Sun", size: 16 }) }), _jsx("button", { onClick: () => setTheme("system"), className: `p-1.5 rounded-full transition-colors ${theme === 'system' ? 'bg-accent text-surface' : 'text-muted hover:text-accent'}`, title: "System Mode", children: _jsx(Icon, { name: "Monitor", size: 16 }) }), _jsx("button", { onClick: () => setTheme("dark"), className: `p-1.5 rounded-full transition-colors ${theme === 'dark' ? 'bg-accent text-surface' : 'text-muted hover:text-accent'}`, title: "Dark Mode", children: _jsx(Icon, { name: "Moon", size: 16 }) })] }));
+}

package/dist/components/voice/VoiceInputArea.d.ts

@@ -0,0 +1,14 @@
+interface VoiceInputAreaProps {
+    meechi: any;
+    chatInput: string;
+    setChatInput: (val: string) => void;
+    isDragOver: boolean;
+    setIsDragOver: (val: boolean) => void;
+    attachedFiles: any[];
+    setAttachedFiles: (files: any[]) => void;
+    handleChat: (e: any) => void;
+    storage: any;
+    processUserMessage: (text: string, onToken?: (chunk: string) => void) => Promise<string | void>;
+}
+export declare function VoiceInputArea({ meechi, chatInput, setChatInput, isDragOver, setIsDragOver, attachedFiles, setAttachedFiles, handleChat, storage, processUserMessage }: VoiceInputAreaProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/voice/VoiceInputArea.js

@@ -0,0 +1,190 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { useVoiceLoop } from '../../lib/hooks/use-voice-loop';
+import { TranscriberService } from '../../lib/audio/stt';
+import { SynthesizerService } from '../../lib/audio/tts';
+import { settingsManager } from '../../lib/settings';
+import { Mic, X, Square, ArrowUp } from 'lucide-react';
+import { motion } from 'framer-motion';
+import Icon from '../../components/Icon';
+import styles from '../../app/app/page.module.css';
+export function VoiceInputArea({ meechi, chatInput, setChatInput, isDragOver, setIsDragOver, attachedFiles, setAttachedFiles, handleChat, storage, processUserMessage }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const { start, stop, stopPlayback, state, vadProb, transcript, getAnalyser, isPlaying } = useVoiceLoop(processUserMessage);
+    const [isVoiceActive, setIsVoiceActive] = useState(false);
+    const textareaRef = useRef(null);
+    // Auto-resize textarea
+    useEffect(() => {
+        const textarea = textareaRef.current;
+        if (textarea) {
+            textarea.style.height = 'auto';
+            textarea.style.height = Math.min(textarea.scrollHeight, 200) + 'px';
+        }
+    }, [chatInput]);
+    // Handle Voice Toggle
+    const toggleVoice = () => {
+        console.log("[VoiceInputArea] Toggle clicked. Current state:", isVoiceActive);
+        if (isVoiceActive) {
+            stop();
+            stopPlayback(); // Cut speech immediately
+            setIsVoiceActive(false);
+        }
+        else {
+            console.log("[VoiceInputArea] Starting voice loop...");
+            start().then(() => {
+                console.log("[VoiceInputArea] Voice loop started successfully");
+                setIsVoiceActive(true);
+            }).catch(e => {
+                console.error("[VoiceInputArea] Failed to start voice loop:", e);
+            });
+        }
+    };
+    useEffect(() => {
+        console.log("[VoiceInputArea] Component Mounted - Preloading Models...");
+        const preload = async () => {
+            // 1. Configure Cloud STT if available
+            const config = await settingsManager.getConfig();
+            // Check Active Provider
+            if (config.activeProviderId && config.activeProviderId !== 'local') {
+                const provider = config.providers.find(p => p.id === config.activeProviderId);
+                const key = (provider === null || provider === void 0 ? void 0 : provider.apiKey) || process.env.NEXT_PUBLIC_GROQ_API_KEY;
+                if (key) {
+                    console.log("[VoiceInputArea] Enabling Cloud STT & TTS (Groq/Cloud)");
+                    TranscriberService.setCloudProvider(key);
+                    SynthesizerService.setCloudProvider(key);
+                }
+            }
+            // 2. Preload/Init TTS
+            // If Cloud TTS is configured (via setCloudProvider above), init() will defer local model.
+            SynthesizerService.init().catch(e => console.error("TTS Preload Failed", e));
+        };
+        setTimeout(preload, 1000);
+    }, []);
+    // Stop voice if component unmounts
+    useEffect(() => {
+        return () => { stop(); };
+    }, []);
+    // Visualizer Data
+    const [volume, setVolume] = useState(0);
+    useEffect(() => {
+        if (!isVoiceActive)
+            return;
+        let rafId;
+        const animate = () => {
+            const analyser = getAnalyser();
+            if (analyser) {
+                const dataArray = new Uint8Array(analyser.frequencyBinCount);
+                analyser.getByteFrequencyData(dataArray);
+                let sum = 0;
+                for (let i = 0; i < dataArray.length; i++)
+                    sum += dataArray[i];
+                setVolume(sum / dataArray.length);
+            }
+            rafId = requestAnimationFrame(animate);
+        };
+        animate();
+        return () => cancelAnimationFrame(rafId);
+    }, [isVoiceActive, getAnalyser]);
+    const visualizerScale = 1 + (volume / 255) * 0.4 + (vadProb * 0.1);
+    const visualizerColor = state === 'listening' ? 'var(--accent)' :
+        state === 'processing' ? '#818cf8' :
+            state === 'speaking' ? '#34d399' : '#a8a29e';
+    return (_jsxs("form", { onSubmit: handleChat, className: styles.inputWrapper, style: { flexDirection: 'column', alignItems: 'stretch', position: 'relative' }, children: [isVoiceActive && (_jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: styles.voiceOverlayInline, style: {
+                    position: 'absolute',
+                    top: 0, left: 0, right: 0, bottom: 0,
+                    background: 'rgba(255,255,255,0.85)',
+                    backdropFilter: 'blur(4px)',
+                    zIndex: 20,
+                    borderRadius: 12,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    flexDirection: 'column',
+                    gap: 8,
+                    border: `1px solid ${visualizerColor}`
+                }, children: [_jsx(motion.div, { animate: { scale: visualizerScale, backgroundColor: visualizerColor }, style: { width: 40, height: 40, borderRadius: '50%', boxShadow: '0 4px 12px rgba(0,0,0,0.1)' } }), _jsxs("div", { style: { fontSize: '0.85rem', color: '#555', fontStyle: 'italic' }, children: [state === 'idle' && "Listening...", state === 'listening' && "Listening...", state === 'processing' && "Thinking...", state === 'speaking' && "Speaking..."] }), transcript && _jsxs("div", { style: { fontSize: '0.75rem', maxWidth: '80%', textAlign: 'center', opacity: 0.7 }, children: ["\"", transcript, "\""] }), _jsx("button", { type: "button", onClick: toggleVoice, style: { position: 'absolute', top: 8, right: 8, background: 'none', border: 'none', cursor: 'pointer', color: '#666' }, children: _jsx(X, { size: 16 }) })] })), isDragOver && (_jsx("div", { style: {
+                    position: 'absolute', top: 0, left: 0, right: 0, bottom: 0,
+                    background: 'rgba(59, 130, 246, 0.1)',
+                    border: '2px dashed #3b82f6',
+                    borderRadius: 8,
+                    pointerEvents: 'none',
+                    display: 'flex', alignItems: 'center', justifyContent: 'center',
+                    color: '#3b82f6', fontWeight: 600,
+                    zIndex: 10
+                }, children: "Drop files here to attach" })), attachedFiles.length > 0 && (_jsx("div", { style: { width: '100%', padding: '0 0.5rem 0.5rem 0.5rem', display: 'flex', gap: '0.5rem', flexWrap: 'wrap', borderBottom: '1px solid rgba(255,255,255,0.05)', marginBottom: '0.5rem' }, children: attachedFiles.map((f, i) => (_jsx("div", { style: { fontSize: '0.75rem', background: '#e0f2fe', color: '#0369a1', padding: '2px 6px', borderRadius: 4 }, children: f.name }, i))) })), _jsxs("div", { style: { display: 'flex', width: '100%', alignItems: 'flex-end', gap: '0.5rem', flexDirection: 'column' }, children: [_jsx("div", { style: {
+                            alignSelf: 'flex-start',
+                            display: 'flex',
+                            gap: '0.25rem',
+                            padding: '2px',
+                            background: 'var(--surface)',
+                            borderRadius: 8,
+                            marginBottom: 4,
+                            border: '1px solid var(--border)'
+                        }, children: ['chat', 'research'].filter(m => {
+                            var _a;
+                            // In Core, only show 'chat' and 'research' if the mode is active
+                            // The list of available modes can be extended by the parent application via props
+                            return ((_a = meechi.activeMemories) === null || _a === void 0 ? void 0 : _a.includes(m)) || m === 'chat';
+                        }).map((m) => (_jsxs("button", { type: "button", onClick: () => meechi.setMode(m), style: {
+                                background: meechi.mode === m ? 'var(--accent)' : 'transparent',
+                                color: meechi.mode === m ? 'var(--background)' : 'var(--secondary)',
+                                border: 'none',
+                                borderRadius: 6,
+                                padding: '4px 8px',
+                                fontSize: '0.75rem',
+                                cursor: 'pointer',
+                                transition: 'all 0.2s ease',
+                                display: 'flex', alignItems: 'center', gap: 4
+                            }, children: [_jsx(Icon, { name: m === 'chat' ? "MessageCircle" : "Search", size: 14 }), m.charAt(0).toUpperCase() + m.slice(1)] }, m))) }), _jsxs("div", { style: { display: 'flex', width: '100%', alignItems: 'flex-end', gap: '0.5rem' }, children: [_jsx("textarea", { ref: textareaRef, value: chatInput, onChange: (e) => setChatInput(e.target.value), placeholder: meechi.mode === 'log' ? "Write to your Ship's Log..." :
+                                    meechi.mode === 'research' ? "Ask a grounded question (Strict RAG)..." :
+                                        "Ask Meechi anything... (Creative)", onDragEnter: () => setIsDragOver(true), onDragLeave: () => setIsDragOver(false), onDragOver: (e) => { e.preventDefault(); setIsDragOver(true); }, onDrop: async (e) => {
+                                    e.preventDefault();
+                                    setIsDragOver(false);
+                                    if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+                                        const files = Array.from(e.dataTransfer.files);
+                                        for (const file of files) {
+                                            const safeName = file.name.replace(/[^a-zA-Z0-9.\-_ ()]/g, '').replace(/\s+/g, ' ').trim();
+                                            const path = `temp/${safeName}`;
+                                            if (file.type.startsWith('text/') || file.name.endsWith('.md')) {
+                                                const text = await file.text();
+                                                await storage.saveFile(path, text);
+                                            }
+                                            else {
+                                                const buffer = await file.arrayBuffer();
+                                                await storage.saveFile(path, buffer);
+                                            }
+                                            setAttachedFiles([...attachedFiles, { name: safeName, path }]);
+                                        }
+                                    }
+                                }, onKeyDown: (e) => {
+                                    if (e.key === 'Enter' && !e.shiftKey) {
+                                        e.preventDefault();
+                                        handleChat(e);
+                                    }
+                                }, className: styles.chatInput, rows: 1, style: { width: '100%' }, disabled: isVoiceActive }), _jsx("button", { type: "button", onClick: () => {
+                                    var _a, _b;
+                                    const hasVoiceMsg = ((_a = meechi.activeMemories) === null || _a === void 0 ? void 0 : _a.includes('groq-voice')) || ((_b = meechi.activeMemories) === null || _b === void 0 ? void 0 : _b.includes('local-voice'));
+                                    if (hasVoiceMsg)
+                                        toggleVoice();
+                                }, style: {
+                                    background: isVoiceActive ? 'var(--accent)' : 'transparent',
+                                    color: isVoiceActive ? 'white' : 'var(--secondary)',
+                                    border: 'none',
+                                    cursor: (((_a = meechi.activeMemories) === null || _a === void 0 ? void 0 : _a.includes('groq-voice')) || ((_b = meechi.activeMemories) === null || _b === void 0 ? void 0 : _b.includes('local-voice'))) ? 'pointer' : 'default',
+                                    padding: '8px',
+                                    borderRadius: '50%',
+                                    display: 'flex', alignItems: 'center', justifyContent: 'center',
+                                    opacity: isVoiceActive ? 1 : (((_c = meechi.activeMemories) === null || _c === void 0 ? void 0 : _c.includes('groq-voice')) || ((_d = meechi.activeMemories) === null || _d === void 0 ? void 0 : _d.includes('local-voice')) ? 0.6 : 0.4),
+                                    transition: 'all 0.2s ease',
+                                    pointerEvents: (((_e = meechi.activeMemories) === null || _e === void 0 ? void 0 : _e.includes('groq-voice')) || ((_f = meechi.activeMemories) === null || _f === void 0 ? void 0 : _f.includes('local-voice'))) ? 'auto' : 'none'
+                                }, title: (((_g = meechi.activeMemories) === null || _g === void 0 ? void 0 : _g.includes('groq-voice')) || ((_h = meechi.activeMemories) === null || _h === void 0 ? void 0 : _h.includes('local-voice'))) ? "Toggle Voice Mode" : "Voice MCP not active", children: _jsx(Mic, { size: 20 }) }), (((_j = meechi.localAIStatus) === null || _j === void 0 ? void 0 : _j.includes('Generating')) || ((_k = meechi.localAIStatus) === null || _k === void 0 ? void 0 : _k.includes('Thinking')) || state === 'speaking' || isPlaying || (state === 'processing')) ? (_jsx("button", { type: "button", onClick: (e) => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                    if (isVoiceActive) {
+                                        stopPlayback(); // Stop Audio
+                                    }
+                                    meechi.stop(); // Stop LLM
+                                }, className: styles.sendBtn, style: {
+                                    background: 'var(--destructive)', color: 'white'
+                                }, children: _jsx(Square, { size: 16, fill: "currentColor" }) })) : (_jsx("button", { type: "submit", className: styles.sendBtn, style: { display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx(ArrowUp, { size: 20 }) }))] })] })] }));
+}

package/dist/components/voice/VoiceOverlay.d.ts

@@ -0,0 +1,7 @@
+interface VoiceOverlayProps {
+    isOpen: boolean;
+    onClose: () => void;
+    sendMessage: (text: string) => Promise<string | void | undefined>;
+}
+export declare function VoiceOverlay({ isOpen, onClose, sendMessage }: VoiceOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/voice/VoiceOverlay.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { X, Mic, MicOff } from "lucide-react";
+import { motion, AnimatePresence } from "framer-motion";
+import { useVoiceLoop } from "@/lib/hooks/use-voice-loop";
+export function VoiceOverlay({ isOpen, onClose, sendMessage }) {
+    const { start, stop, state, vadProb, transcript, getAnalyser } = useVoiceLoop(sendMessage);
+    const [isMuted, setIsMuted] = useState(false);
+    const [volume, setVolume] = useState(0);
+    // Animation Loop for Volume
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        let rafId;
+        const analyser = getAnalyser();
+        const bufferLength = analyser ? analyser.frequencyBinCount : 0;
+        const dataArray = new Uint8Array(bufferLength);
+        const animate = () => {
+            if (!analyser) {
+                // Retry if analyser not ready (usually is after start())
+                const retry = getAnalyser();
+                if (retry) {
+                    // recursive restart with ready analyser
+                }
+            }
+            else {
+                analyser.getByteFrequencyData(dataArray);
+                // Calculate average volume
+                let sum = 0;
+                for (let i = 0; i < bufferLength; i++) {
+                    sum += dataArray[i];
+                }
+                const avg = sum / bufferLength;
+                setVolume(avg); // 0-255
+            }
+            rafId = requestAnimationFrame(animate);
+        };
+        animate();
+        return () => cancelAnimationFrame(rafId);
+    }, [isOpen, state, getAnalyser]); // Re-run if state changes or analyser becomes available
+    useEffect(() => {
+        if (isOpen) {
+            start();
+        }
+        else {
+            stop();
+        }
+        return () => {
+            stop();
+        };
+    }, [isOpen]);
+    const toggleMute = () => {
+        if (isMuted) {
+            // Resume
+            start();
+            setIsMuted(false);
+        }
+        else {
+            stop(); // Stop listening
+            setIsMuted(true);
+        }
+    };
+    // Visualizer scale based on Volume (0-255) + small VAD bump
+    // Base scale 1.0, max ~1.5
+    const visualizerScale = 1 + (volume / 255) * 0.6 + (vadProb * 0.1);
+    const visualizerColor = state === 'listening' ? 'bg-sage-500' :
+        state === 'processing' ? 'bg-indigo-300' :
+            state === 'speaking' ? 'bg-emerald-400' : 'bg-stone-300';
+    return (_jsx(AnimatePresence, { children: isOpen && (_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 20 }, className: "fixed inset-0 z-50 flex flex-col items-center justify-center bg-paper-100/95 backdrop-blur-xl", children: [_jsx("div", { className: "absolute top-6 right-6", children: _jsx("button", { onClick: onClose, className: "p-4 rounded-full bg-stone-200 text-stone-600 hover:bg-stone-300 transition-colors", children: _jsx(X, { size: 24 }) }) }), _jsxs("div", { className: "relative flex items-center justify-center w-64 h-64", children: [_jsx(motion.div, { animate: { scale: state === 'listening' ? [1, 1.2, 1] : 1 }, transition: { repeat: Infinity, duration: 2 }, className: `absolute inset-0 rounded-full opacity-20 ${visualizerColor}` }), _jsx(motion.div, { animate: { scale: visualizerScale }, className: `w-32 h-32 rounded-full shadow-2xl transition-colors duration-300 ${visualizerColor}` }), _jsxs("div", { className: "absolute -bottom-16 text-stone-500 font-serif text-lg tracking-wide", children: [state === 'idle' && "Listening...", state === 'listening' && "I'm listening...", state === 'processing' && "Thinking...", state === 'speaking' && "Speaking..."] })] }), _jsx("div", { className: "mt-24 h-24 px-8 text-center max-w-2xl", children: _jsx(AnimatePresence, { mode: "wait", children: transcript && (_jsxs(motion.p, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, className: "text-2xl font-serif text-stone-800 leading-relaxed", children: ["\"", transcript, "\""] }, transcript)) }) }), _jsx("div", { className: "absolute bottom-12 flex gap-8", children: _jsx("button", { onClick: toggleMute, className: `p-6 rounded-full transition-all duration-300 ${isMuted ? 'bg-red-100 text-red-600' : 'bg-white text-stone-800 shadow-lg'}`, children: isMuted ? _jsx(MicOff, { size: 32 }) : _jsx(Mic, { size: 32 }) }) })] })) }));
+}

package/dist/hooks/useMeechi.d.ts

@@ -0,0 +1,16 @@
+import { AIChatMessage } from '../lib/ai/types';
+export declare function useMeechi(): {
+    isReady: boolean;
+    localAIStatus: string;
+    downloadProgress: {
+        percentage: number;
+        text: string;
+    } | null;
+    chat: (userMsg: string, history: AIChatMessage[], context: string, onUpdate: (chunk: string) => void, onToolStart?: (toolName: string) => void, onToolResult?: (result: string) => void) => Promise<void>;
+    isLowPowerDevice: boolean;
+    loadedModel: string | null;
+    activeMemories: string[];
+    mode: string;
+    setMode: (m: string) => void;
+    stop: () => Promise<void>;
+};