{"version":3,"file":"DevNotesStickyPanel-BPakpEvi.js","sources":["../../components/features/DevNotesStickyPanel.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { FileCodeIcon, SparklesIcon } from '../icons/FeatureIcons.tsx';\nimport { useLocalStorage } from '../../hooks/useLocalStorage.ts';\nimport { summarizeNotesStream } from '../../services/geminiService.ts';\nimport { LoadingSpinner } from '../shared/LoadingSpinner.tsx';\nimport { MarkdownRenderer } from '../shared/MarkdownRenderer.tsx';\n\ninterface Note {\n    id: number;\n    text: string;\n    x: number;\n    y: number;\n    color: string;\n}\n\nconst colors = ['bg-yellow-300 text-yellow-900', 'bg-green-300 text-green-900', 'bg-blue-300 text-blue-900', 'bg-pink-300 text-pink-900', 'bg-purple-300 text-purple-900'];\n\nexport const DevNotesStickyPanel: React.FC = () => {\n    const [notes, setNotes] = useLocalStorage<Note[]>('devcore_notes', []);\n    const [dragging, setDragging] = useState<{ id: number; offsetX: number; offsetY: number } | null>(null);\n    const [isSummarizing, setIsSummarizing] = useState(false);\n    const [summary, setSummary] = useState('');\n\n    const handleSummarize = useCallback(async () => {\n        if (notes.length === 0) return;\n        setIsSummarizing(true);\n        setSummary('');\n        try {\n            const allNotesText = notes.map((n: Note) => `- ${n.text}`).join('\\n');\n            const stream = summarizeNotesStream(allNotesText);\n            let fullResponse = '';\n            for await (const chunk of stream) {\n                fullResponse += chunk;\n                setSummary(fullResponse);\n            }\n        } catch (error) {\n            console.error(error);\n            setSummary('Sorry, an error occurred while summarizing.');\n        } finally {\n            setIsSummarizing(false);\n        }\n    }, [notes]);\n\n\n    const addNote = () => {\n        const newNote: Note = {\n            id: Date.now(),\n            text: 'New note...',\n            x: 50 + (notes.length % 10) * 20,\n            y: 50 + (notes.length % 10) * 20,\n            color: colors[notes.length % colors.length],\n        };\n        setNotes([...notes, newNote]);\n    };\n\n    const updateText = (id: number, text: string) => {\n        setNotes(notes.map((n: Note) => n.id === id ? { ...n, text } : n));\n    };\n    \n    const deleteNote = (id: number, e: React.MouseEvent) => {\n        e.stopPropagation();\n        setNotes(notes.filter((n: Note) => n.id !== id));\n    };\n\n    const onMouseDown = (e: React.MouseEvent<HTMLDivElement>, id: number) => {\n        if((e.target as HTMLElement).tagName === 'TEXTAREA' || (e.target as HTMLElement).tagName === 'BUTTON') return;\n        const noteElement = e.currentTarget;\n        const rect = noteElement.getBoundingClientRect();\n        setDragging({ id, offsetX: e.clientX - rect.left, offsetY: e.clientY - rect.top });\n    };\n\n    const onMouseMove = (e: React.MouseEvent<HTMLDivElement>) => {\n        if (!dragging) return;\n        const boardRect = e.currentTarget.getBoundingClientRect();\n        setNotes(\n            notes.map((n: Note) =>\n                n.id === dragging.id\n                    ? { ...n, x: e.clientX - dragging.offsetX - boardRect.left, y: e.clientY - dragging.offsetY - boardRect.top }\n                    : n\n            )\n        );\n    };\n\n    const onMouseUp = () => setDragging(null);\n\n    return (\n        <div className=\"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary\">\n            <header className=\"mb-6 flex justify-between items-center\">\n                 <div>\n                    <h1 className=\"text-3xl font-bold flex items-center\"><FileCodeIcon /><span className=\"ml-3\">Dev Notes Sticky Panel</span></h1>\n                    <p className=\"text-text-secondary mt-1\">A place for your thoughts, todos, and random ideas.</p>\n                </div>\n                <div className=\"flex gap-2\">\n                    <button onClick={handleSummarize} disabled={isSummarizing || notes.length === 0} className=\"btn-primary flex items-center gap-2 px-4 py-2\">\n                        <SparklesIcon/> {isSummarizing ? 'Summarizing...' : 'AI Summarize'}\n                    </button>\n                    <button onClick={addNote} className=\"btn-primary px-6 py-2\">Add Note</button>\n                </div>\n            </header>\n            <div\n                className=\"relative flex-grow bg-background border-2 border-dashed border-border rounded-lg overflow-hidden\"\n                onMouseMove={onMouseMove}\n                onMouseUp={onMouseUp}\n                onMouseLeave={onMouseUp}\n            >\n                {notes.map((note: Note) => (\n                    <div\n                        key={note.id}\n                        className={`group absolute w-48 h-48 p-2 flex flex-col shadow-lg cursor-grab active:cursor-grabbing rounded-md transition-transform duration-100 border border-black/30 ${note.color}`}\n                        style={{ top: note.y, left: note.x, transform: dragging?.id === note.id ? 'scale(1.05)' : 'scale(1)' }}\n                        onMouseDown={e => onMouseDown(e, note.id)}\n                    >\n                         <button onClick={(e) => deleteNote(note.id, e)} className=\"absolute -top-2 -right-2 w-6 h-6 rounded-full bg-gray-700 text-white font-bold text-xs flex items-center justify-center opacity-0 group-hover:opacity-100 hover:bg-red-500 transition-all\">&times;</button>\n                        <textarea\n                            value={note.text}\n                            onChange={(e) => updateText(note.id, e.target.value)}\n                            className=\"w-full h-full bg-transparent resize-none focus:outline-none font-medium p-1 placeholder:text-inherit/50\"\n                        />\n                    </div>\n                ))}\n            </div>\n            {(isSummarizing || summary) && (\n                 <div className=\"fixed inset-0 bg-gray-900/80 backdrop-blur-sm z-50 flex items-center justify-center\" onClick={() => setSummary('')}>\n                    <div className=\"w-full max-w-2xl bg-surface border border-border rounded-lg shadow-2xl p-6\" onClick={e => e.stopPropagation()}>\n                        <h2 className=\"text-xl font-bold mb-4\">AI Summary of Notes</h2>\n                        {isSummarizing && !summary ? <LoadingSpinner /> : <MarkdownRenderer content={summary} />}\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n};"],"names":["colors","DevNotesStickyPanel","notes","setNotes","useLocalStorage","dragging","setDragging","useState","isSummarizing","setIsSummarizing","summary","setSummary","handleSummarize","useCallback","allNotesText","n","stream","summarizeNotesStream","fullResponse","chunk","error","addNote","newNote","updateText","id","text","deleteNote","e","onMouseDown","rect","onMouseMove","boardRect","onMouseUp","jsxs","jsx","FileCodeIcon","SparklesIcon","note","LoadingSpinner","MarkdownRenderer"],"mappings":"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"}