@meechi-ai/core 1.0.0

package/dist/components/CalendarView.d.ts

@@ -0,0 +1,3 @@
+export default function CalendarView({ onClose }: {
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/CalendarView.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import styles from './CalendarView.module.css';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+export default function CalendarView({ onClose }) {
+    const [dates, setDates] = useState([]); // ["2025-12-27", ...]
+    const [selectedDate, setSelectedDate] = useState(null);
+    const [logContent, setLogContent] = useState("");
+    const [loading, setLoading] = useState(false);
+    // Grid State
+    const [currentMonth, setCurrentMonth] = useState(new Date());
+    // Use Dexie/Local Storage directly (Offline First)
+    useEffect(() => {
+        async function loadDates() {
+            // Query Dexie directly or use LocalStorageProvider
+            // We look for files in "history/" folder.
+            // Importing LocalStorageProvider here or using db directly?
+            // Let's use db from '@/lib/storage/db' for speed/reactivity or check how FileExplorer does it.
+            // Actually, importing LocalStorageProvider is cleaner.
+            const { db } = await import('@/lib/storage/db');
+            const files = await db.files.where('path').startsWith('history/').toArray();
+            // Extract dates from "history/YYYY-MM-DD.md"
+            const dateList = files
+                .map(f => { var _a; return (_a = f.path.split('/').pop()) === null || _a === void 0 ? void 0 : _a.replace('.md', ''); })
+                .filter(Boolean);
+            setDates(dateList);
+        }
+        loadDates();
+    }, [currentMonth]); // Check updates when month changes? Or just once/polling?
+    async function loadLog(date) {
+        setSelectedDate(date);
+        setLoading(true);
+        try {
+            const { db } = await import('@/lib/storage/db');
+            const file = await db.files.get(`history/${date}.md`);
+            setLogContent((file === null || file === void 0 ? void 0 : file.content) || "Empty log.");
+        }
+        catch (e) {
+            setLogContent("Error loading log.");
+        }
+        finally {
+            setLoading(false);
+        }
+    }
+    // --- Grid Helpers ---
+    function getDaysInMonth(date) {
+        const year = date.getFullYear();
+        const month = date.getMonth();
+        const daysInMonth = new Date(year, month + 1, 0).getDate();
+        const firstDay = new Date(year, month, 1).getDay(); // 0 = Sun
+        return { daysInMonth, firstDay };
+    }
+    function changeMonth(delta) {
+        setCurrentMonth(prev => new Date(prev.getFullYear(), prev.getMonth() + delta, 1));
+    }
+    const { daysInMonth, firstDay } = getDaysInMonth(currentMonth);
+    const gridCells = [];
+    // Pad empty start cells
+    for (let i = 0; i < firstDay; i++) {
+        gridCells.push(_jsx("div", { className: styles.emptyCell }, `empty-${i}`));
+    }
+    // Days
+    for (let d = 1; d <= daysInMonth; d++) {
+        const year = currentMonth.getFullYear();
+        const month = currentMonth.getMonth() + 1;
+        const dateStr = `${year}-${String(month).padStart(2, '0')}-${String(d).padStart(2, '0')}`;
+        const hasLog = dates.includes(dateStr);
+        const isSelected = selectedDate === dateStr;
+        gridCells.push(_jsxs("button", { className: `${styles.dayCell} ${hasLog ? styles.hasLog : ''} ${isSelected ? styles.selected : ''}`, onClick: () => hasLog ? loadLog(dateStr) : null, disabled: !hasLog, children: [_jsx("span", { className: styles.dayNumber, children: d }), hasLog && _jsx("span", { className: styles.logIndicator })] }, d));
+    }
+    return (_jsxs("div", { className: styles.container, children: [_jsxs("div", { className: styles.header, children: [_jsx("h2", { children: "Your Journey Map" }), _jsx("button", { onClick: onClose, className: styles.closeBtn, children: "Close" })] }), _jsxs("div", { className: styles.content, children: [_jsxs("div", { className: styles.calendarPanel, children: [_jsxs("div", { className: styles.monthNav, children: [_jsx("button", { onClick: () => changeMonth(-1), style: { background: 'none', border: 'none', cursor: 'pointer' }, children: _jsx(ChevronLeft, {}) }), _jsx("h3", { children: currentMonth.toLocaleString('default', { month: 'long', year: 'numeric' }) }), _jsx("button", { onClick: () => changeMonth(1), style: { background: 'none', border: 'none', cursor: 'pointer' }, children: _jsx(ChevronRight, {}) })] }), _jsxs("div", { className: styles.gridHeader, children: [_jsx("span", { children: "Sun" }), _jsx("span", { children: "Mon" }), _jsx("span", { children: "Tue" }), _jsx("span", { children: "Wed" }), _jsx("span", { children: "Thu" }), _jsx("span", { children: "Fri" }), _jsx("span", { children: "Sat" })] }), _jsx("div", { className: styles.grid, children: gridCells })] }), _jsx("div", { className: styles.logViewer, children: selectedDate ? (_jsxs(_Fragment, { children: [_jsxs("h3", { children: ["Log: ", selectedDate] }), loading ? (_jsx("p", { children: "Loading memory..." })) : (_jsx("div", { className: styles.markdownContent, children: logContent.split('\n').map((line, i) => (_jsx("p", { children: line }, i))) }))] })) : (_jsx("div", { className: styles.placeholder, children: _jsx("p", { children: "Select a highlighted date to view its log." }) })) })] })] }));
+}

package/dist/components/ChatInterface.d.ts

@@ -0,0 +1,6 @@
+import { StorageProvider } from '@/lib/storage/types';
+interface ChatInterfaceProps {
+    storage: StorageProvider;
+}
+export default function ChatInterface({ storage }: ChatInterfaceProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ChatInterface.js

@@ -0,0 +1,105 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import ReactMarkdown from 'react-markdown';
+import Icon from './Icon';
+import { useMeechi } from '@/hooks/useMeechi';
+export default function ChatInterface({ storage }) {
+    const [chatInput, setChatInput] = useState("");
+    const [messages, setMessages] = useState([]);
+    const [isChatting, setIsChatting] = useState(false);
+    const streamRef = useRef(null);
+    const messagesEndRef = useRef(null);
+    const textareaRef = useRef(null);
+    const meechi = useMeechi();
+    // Load Initial History (Simplified for Reference App)
+    useEffect(() => {
+        // In a real app we would load from storage.
+        // For reference app, we start fresh or show Welcome.
+        if (messages.length === 0) {
+            setMessages([{
+                    role: 'meechi',
+                    content: "Welcome to Meechi Core. I am your private AI assistant.",
+                    timestamp: new Date().toLocaleTimeString()
+                }]);
+        }
+    }, []);
+    // Auto-scroll
+    useEffect(() => {
+        var _a;
+        (_a = messagesEndRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
+    }, [messages, isChatting]);
+    async function handleChat(e) {
+        e.preventDefault();
+        if (!chatInput.trim())
+            return;
+        const text = chatInput;
+        setChatInput("");
+        // 1. Add User Message
+        setMessages(prev => [...prev, {
+                role: 'user',
+                content: text,
+                timestamp: new Date().toLocaleTimeString()
+            }]);
+        setIsChatting(true);
+        // 2. Add Placeholder
+        setMessages(prev => [...prev, {
+                role: 'meechi',
+                content: "...",
+                timestamp: new Date().toLocaleTimeString()
+            }]);
+        // 3. Call AI
+        const historyForAI = messages.map(m => ({
+            role: m.role === 'meechi' ? 'assistant' : 'user',
+            content: m.content
+        }));
+        let currentContent = "";
+        await meechi.chat(text, historyForAI, "", // No Context RAG in basic reference app
+        (chunk) => {
+            currentContent += chunk;
+            // Update UI
+            setMessages(prev => {
+                const newArr = [...prev];
+                const lastIdx = newArr.length - 1;
+                if (newArr[lastIdx] && newArr[lastIdx].role === 'meechi') {
+                    newArr[lastIdx] = Object.assign(Object.assign({}, newArr[lastIdx]), { content: currentContent });
+                }
+                return newArr;
+            });
+        });
+        setIsChatting(false);
+        // 4. Save to Storage (Basic Log)
+        // We demonstrate that storage works, but simplified format.
+        const dateStr = new Date().toISOString().split('T')[0];
+        const logEntry = `### ${new Date().toLocaleTimeString()}\n**User**: ${text}\n**Meechi**: ${currentContent}\n\n`;
+        await storage.appendFile(`history/${dateStr}.md`, logEntry);
+    }
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%', maxWidth: 800, margin: '0 auto' }, children: [_jsxs("div", { ref: streamRef, style: { flex: 1, overflowY: 'auto', padding: '1rem', display: 'flex', flexDirection: 'column', gap: '1rem' }, children: [messages.map((m, i) => (_jsxs("div", { style: {
+                            alignSelf: m.role === 'user' ? 'flex-end' : 'flex-start',
+                            maxWidth: '80%',
+                            background: m.role === 'user' ? '#e5e7eb' : 'transparent',
+                            padding: m.role === 'user' ? '0.5rem 1rem' : '0',
+                            borderRadius: '1rem',
+                            borderBottomRightRadius: m.role === 'user' ? 0 : '1rem',
+                        }, children: [_jsxs("div", { style: { fontSize: '0.75rem', opacity: 0.5, marginBottom: 4 }, children: [m.role === 'meechi' ? 'Meechi' : 'You', " \u2022 ", m.timestamp] }), _jsx("div", { style: { lineHeight: 1.5 }, children: _jsx(ReactMarkdown, { children: m.content }) })] }, i))), _jsx("div", { ref: messagesEndRef })] }), _jsxs("div", { style: { padding: '1rem', background: 'var(--background)' }, children: [_jsxs("form", { onSubmit: handleChat, style: { position: 'relative' }, children: [_jsx("textarea", { ref: textareaRef, value: chatInput, onChange: e => setChatInput(e.target.value), onKeyDown: e => {
+                                    if (e.key === 'Enter' && !e.shiftKey) {
+                                        e.preventDefault();
+                                        handleChat(e);
+                                    }
+                                }, placeholder: "Type a message...", style: {
+                                    width: '100%',
+                                    padding: '1rem',
+                                    borderRadius: '0.5rem',
+                                    border: '1px solid #ccc',
+                                    resize: 'none',
+                                    minHeight: 50
+                                } }), _jsx("button", { type: "submit", disabled: isChatting || !chatInput.trim(), style: {
+                                    position: 'absolute',
+                                    right: '1.5rem',
+                                    bottom: '1.5rem',
+                                    background: 'transparent',
+                                    border: 'none',
+                                    cursor: 'pointer',
+                                    opacity: isChatting ? 0.3 : 1
+                                }, children: _jsx(Icon, { name: "Send", size: 20 }) })] }), _jsx("div", { style: { textAlign: 'center', fontSize: '0.75rem', opacity: 0.5, marginTop: '0.5rem' }, children: meechi.localAIStatus || "Ready" })] })] }));
+}

package/dist/components/FileExplorer.d.ts

@@ -0,0 +1,9 @@
+import { StorageProvider } from '../lib/storage/types';
+interface FileExplorerProps {
+    storage: StorageProvider;
+    onClose: () => void;
+    syncLogs?: string[];
+    onOpenFile?: (path: string) => void;
+}
+export default function FileExplorer(props: FileExplorerProps): import("react/jsx-runtime").JSX.Element;
+export {};