@qwanyx/ai-editor 1.0.0

package/dist/components/AIEditor.d.ts

@@ -0,0 +1,15 @@
+export interface AIEditorProps {
+    initialContent?: string;
+    onChange?: (content: string) => void;
+    onAIRequest?: (params: {
+        fullText: string;
+        selectedText?: string;
+        action: 'rewrite' | 'proofread' | 'custom';
+        customPrompt?: string;
+    }) => Promise<string>;
+    placeholder?: string;
+    className?: string;
+    minHeight?: string;
+}
+export declare function AIEditor({ initialContent, onChange, onAIRequest, placeholder, className, minHeight }: AIEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AIEditor.d.ts.map

package/dist/components/AIEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIEditor.d.ts","sourceRoot":"","sources":["../../src/components/AIEditor.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,aAAa;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QACrB,QAAQ,EAAE,MAAM,CAAA;QAChB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAA;QAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,QAAQ,CAAC,EACvB,cAAmB,EACnB,QAAQ,EACR,WAAW,EACX,WAAqC,EACrC,SAAc,EACd,SAAmB,EACpB,EAAE,aAAa,2CAuOf"}

package/dist/components/AIEditor.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useCallback, useEffect } from 'react';
+import { useAIEditor } from '../hooks/useAIEditor';
+import { useSelection } from '../hooks/useSelection';
+import { AIToolbar } from './AIToolbar';
+import { PromptModal } from './PromptModal';
+import { MarkdownPreview } from './MarkdownPreview';
+export function AIEditor({ initialContent = '', onChange, onAIRequest, placeholder = 'Commencez à écrire...', className = '', minHeight = '300px' }) {
+    const previewRef = useRef(null);
+    const textareaRef = useRef(null);
+    const [state, actions] = useAIEditor(initialContent);
+    const { selection, clearSelection } = useSelection(previewRef);
+    const [isEditMode, setIsEditMode] = useState(true); // Start in edit mode
+    const [isPromptModalOpen, setIsPromptModalOpen] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    // Helper to wrap selected text with markdown syntax
+    const wrapSelection = useCallback((before, after) => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return;
+        const start = textarea.selectionStart;
+        const end = textarea.selectionEnd;
+        const text = state.content;
+        const selectedText = text.substring(start, end);
+        const newText = text.substring(0, start) + before + selectedText + after + text.substring(end);
+        actions.setContent(newText);
+        // Restore cursor position after the inserted text
+        setTimeout(() => {
+            textarea.focus();
+            const newCursorPos = start + before.length + selectedText.length + after.length;
+            textarea.setSelectionRange(newCursorPos, newCursorPos);
+        }, 0);
+    }, [state.content, actions]);
+    // Helper to insert text at line start
+    const insertAtLineStart = useCallback((prefix) => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return;
+        const start = textarea.selectionStart;
+        const text = state.content;
+        // Find the start of the current line
+        let lineStart = start;
+        while (lineStart > 0 && text[lineStart - 1] !== '\n') {
+            lineStart--;
+        }
+        const newText = text.substring(0, lineStart) + prefix + text.substring(lineStart);
+        actions.setContent(newText);
+        setTimeout(() => {
+            textarea.focus();
+            textarea.setSelectionRange(start + prefix.length, start + prefix.length);
+        }, 0);
+    }, [state.content, actions]);
+    // Formatting handlers
+    const handleBold = useCallback(() => wrapSelection('**', '**'), [wrapSelection]);
+    const handleItalic = useCallback(() => wrapSelection('*', '*'), [wrapSelection]);
+    const handleHeading = useCallback((level) => {
+        const prefix = '#'.repeat(level) + ' ';
+        insertAtLineStart(prefix);
+    }, [insertAtLineStart]);
+    const handleBulletList = useCallback(() => insertAtLineStart('- '), [insertAtLineStart]);
+    const handleNumberedList = useCallback(() => insertAtLineStart('1. '), [insertAtLineStart]);
+    const handleQuote = useCallback(() => insertAtLineStart('> '), [insertAtLineStart]);
+    const handleLink = useCallback(() => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return;
+        const start = textarea.selectionStart;
+        const end = textarea.selectionEnd;
+        const text = state.content;
+        const selectedText = text.substring(start, end) || 'texte';
+        const newText = text.substring(0, start) + `[${selectedText}](url)` + text.substring(end);
+        actions.setContent(newText);
+        setTimeout(() => {
+            textarea.focus();
+            // Select "url" for easy replacement
+            const urlStart = start + selectedText.length + 3;
+            textarea.setSelectionRange(urlStart, urlStart + 3);
+        }, 0);
+    }, [state.content, actions]);
+    // Notify parent of changes
+    useEffect(() => {
+        onChange?.(state.content);
+    }, [state.content, onChange]);
+    // Keyboard shortcuts
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if ((e.ctrlKey || e.metaKey) && e.key === 'z') {
+                if (e.shiftKey) {
+                    actions.redo();
+                }
+                else {
+                    actions.undo();
+                }
+                e.preventDefault();
+            }
+            if ((e.ctrlKey || e.metaKey) && e.key === 'y') {
+                actions.redo();
+                e.preventDefault();
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [actions]);
+    const handleAIAction = useCallback(async (action, customPrompt) => {
+        if (!onAIRequest) {
+            console.warn('AIEditor: onAIRequest handler not provided');
+            return;
+        }
+        setIsLoading(true);
+        try {
+            const result = await onAIRequest({
+                fullText: state.content,
+                selectedText: selection?.text,
+                action,
+                customPrompt
+            });
+            if (selection) {
+                // Replace only the selected portion
+                const before = state.content.substring(0, selection.originalStart);
+                const after = state.content.substring(selection.originalEnd);
+                actions.setContent(before + result + after);
+                clearSelection();
+            }
+            else {
+                // Replace entire content
+                actions.setContent(result);
+            }
+        }
+        catch (error) {
+            console.error('AI request failed:', error);
+        }
+        finally {
+            setIsLoading(false);
+            setIsPromptModalOpen(false);
+        }
+    }, [state.content, selection, onAIRequest, actions, clearSelection]);
+    const handleRewrite = useCallback(() => {
+        handleAIAction('rewrite');
+    }, [handleAIAction]);
+    const handleProofread = useCallback(() => {
+        handleAIAction('proofread');
+    }, [handleAIAction]);
+    const handleCustomPrompt = useCallback(() => {
+        setIsPromptModalOpen(true);
+    }, []);
+    const handlePromptSubmit = useCallback((prompt) => {
+        handleAIAction('custom', prompt);
+    }, [handleAIAction]);
+    return (_jsxs("div", { className: `border border-gray-200 rounded-lg overflow-hidden ${className}`, children: [_jsx(AIToolbar, { onRewrite: handleRewrite, onProofread: handleProofread, onCustomPrompt: handleCustomPrompt, onUndo: actions.undo, onRedo: actions.redo, canUndo: actions.canUndo, canRedo: actions.canRedo, hasSelection: !!selection, isLoading: isLoading, isEditMode: isEditMode, onToggleMode: () => setIsEditMode(!isEditMode), onBold: handleBold, onItalic: handleItalic, onHeading: handleHeading, onBulletList: handleBulletList, onNumberedList: handleNumberedList, onLink: handleLink, onQuote: handleQuote }), _jsxs("div", { className: "relative", style: { minHeight }, children: [isEditMode ? (
+                    // Edit mode - raw markdown
+                    _jsx("textarea", { ref: textareaRef, value: state.content, onChange: (e) => actions.setContent(e.target.value), className: "w-full h-full p-4 font-mono text-sm resize-none border-0 focus:ring-0 focus:outline-none text-gray-900", style: { minHeight }, placeholder: placeholder })) : (
+                    // Preview mode - rendered markdown with selection
+                    _jsx("div", { className: "p-4 overflow-auto", style: { minHeight }, children: state.content ? (_jsx(MarkdownPreview, { ref: previewRef, content: state.content, className: "cursor-text" })) : (_jsx("p", { className: "text-gray-400 italic", children: placeholder })) })), isLoading && (_jsx("div", { className: "absolute inset-0 bg-white/80 flex items-center justify-center", children: _jsxs("div", { className: "flex items-center gap-2 text-blue-600", children: [_jsx("span", { className: "material-icons animate-spin", children: "sync" }), _jsx("span", { children: "L'IA travaille..." })] }) }))] }), _jsx(PromptModal, { isOpen: isPromptModalOpen, onClose: () => setIsPromptModalOpen(false), onSubmit: handlePromptSubmit, selectedText: selection?.text, isLoading: isLoading })] }));
+}

package/dist/components/AIToolbar.d.ts

@@ -0,0 +1,22 @@
+export interface AIToolbarProps {
+    onRewrite: () => void;
+    onProofread: () => void;
+    onCustomPrompt: () => void;
+    onUndo: () => void;
+    onRedo: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
+    hasSelection: boolean;
+    isLoading: boolean;
+    isEditMode: boolean;
+    onToggleMode: () => void;
+    onBold?: () => void;
+    onItalic?: () => void;
+    onHeading?: (level: 1 | 2 | 3) => void;
+    onBulletList?: () => void;
+    onNumberedList?: () => void;
+    onLink?: () => void;
+    onQuote?: () => void;
+}
+export declare function AIToolbar({ onRewrite, onProofread, onCustomPrompt, onUndo, onRedo, canUndo, canRedo, hasSelection, isLoading, isEditMode, onToggleMode, onBold, onItalic, onHeading, onBulletList, onNumberedList, onLink, onQuote }: AIToolbarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AIToolbar.d.ts.map

package/dist/components/AIToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIToolbar.d.ts","sourceRoot":"","sources":["../../src/components/AIToolbar.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,MAAM,IAAI,CAAA;IAExB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;IACtC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,WAAW,EACX,cAAc,EACd,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,EACP,YAAY,EACZ,SAAS,EACT,UAAU,EACV,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,MAAM,EACN,OAAO,EACR,EAAE,cAAc,2CA8LhB"}

package/dist/components/AIToolbar.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+export function AIToolbar({ onRewrite, onProofread, onCustomPrompt, onUndo, onRedo, canUndo, canRedo, hasSelection, isLoading, isEditMode, onToggleMode, onBold, onItalic, onHeading, onBulletList, onNumberedList, onLink, onQuote }) {
+    const [showHeadingMenu, setShowHeadingMenu] = React.useState(false);
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-1 p-2 bg-gray-50 border-b border-gray-200 rounded-t-lg", children: [_jsxs("div", { className: "flex items-center bg-gray-200 rounded-lg p-0.5", children: [_jsx("button", { onClick: onToggleMode, className: `px-2 py-1 text-sm rounded-md transition-colors ${!isEditMode
+                            ? 'bg-white text-gray-900 shadow-sm'
+                            : 'text-gray-600 hover:text-gray-900'}`, title: "Mode aper\u00E7u", children: _jsx("span", { className: "material-icons text-base", children: "visibility" }) }), _jsx("button", { onClick: onToggleMode, className: `px-2 py-1 text-sm rounded-md transition-colors ${isEditMode
+                            ? 'bg-white text-gray-900 shadow-sm'
+                            : 'text-gray-600 hover:text-gray-900'}`, title: "Mode \u00E9dition", children: _jsx("span", { className: "material-icons text-base", children: "edit" }) })] }), _jsx("div", { className: "w-px h-6 bg-gray-300 mx-1" }), isEditMode && (_jsxs(_Fragment, { children: [_jsx("button", { onClick: onBold, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: "Gras (Ctrl+B)", children: _jsx("span", { className: "material-icons text-lg", children: "format_bold" }) }), _jsx("button", { onClick: onItalic, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: "Italique (Ctrl+I)", children: _jsx("span", { className: "material-icons text-lg", children: "format_italic" }) }), _jsxs("div", { className: "relative", children: [_jsxs("button", { onClick: () => setShowHeadingMenu(!showHeadingMenu), className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors flex items-center", title: "Titres", children: [_jsx("span", { className: "material-icons text-lg", children: "title" }), _jsx("span", { className: "material-icons text-sm", children: "arrow_drop_down" })] }), showHeadingMenu && (_jsxs("div", { className: "absolute top-full left-0 mt-1 bg-white border border-gray-200 rounded-lg shadow-lg z-10 py-1", children: [_jsx("button", { onClick: () => { onHeading?.(1); setShowHeadingMenu(false); }, className: "block w-full px-4 py-1.5 text-left text-lg font-bold hover:bg-gray-100", children: "Titre 1" }), _jsx("button", { onClick: () => { onHeading?.(2); setShowHeadingMenu(false); }, className: "block w-full px-4 py-1.5 text-left text-base font-bold hover:bg-gray-100", children: "Titre 2" }), _jsx("button", { onClick: () => { onHeading?.(3); setShowHeadingMenu(false); }, className: "block w-full px-4 py-1.5 text-left text-sm font-bold hover:bg-gray-100", children: "Titre 3" })] }))] }), _jsx("div", { className: "w-px h-6 bg-gray-300 mx-1" }), _jsx("button", { onClick: onBulletList, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: "Liste \u00E0 puces", children: _jsx("span", { className: "material-icons text-lg", children: "format_list_bulleted" }) }), _jsx("button", { onClick: onNumberedList, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: "Liste num\u00E9rot\u00E9e", children: _jsx("span", { className: "material-icons text-lg", children: "format_list_numbered" }) }), _jsx("button", { onClick: onQuote, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: "Citation", children: _jsx("span", { className: "material-icons text-lg", children: "format_quote" }) }), _jsx("button", { onClick: onLink, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: "Lien", children: _jsx("span", { className: "material-icons text-lg", children: "link" }) }), _jsx("div", { className: "w-px h-6 bg-gray-300 mx-1" })] })), _jsxs("button", { onClick: onRewrite, disabled: isLoading, className: "flex items-center gap-1 px-3 py-1.5 text-sm bg-blue-500 text-white rounded-lg hover:bg-blue-600 disabled:opacity-50 disabled:cursor-not-allowed transition-colors", title: hasSelection ? "Réécrire la sélection" : "Réécrire tout le texte", children: [_jsx("span", { className: "material-icons text-base", children: "auto_fix_high" }), "R\u00E9\u00E9crire"] }), _jsxs("button", { onClick: onProofread, disabled: isLoading, className: "flex items-center gap-1 px-3 py-1.5 text-sm bg-green-500 text-white rounded-lg hover:bg-green-600 disabled:opacity-50 disabled:cursor-not-allowed transition-colors", title: hasSelection ? "Corriger la sélection" : "Corriger tout le texte", children: [_jsx("span", { className: "material-icons text-base", children: "spellcheck" }), "Proof reading"] }), _jsxs("button", { onClick: onCustomPrompt, disabled: isLoading, className: "flex items-center gap-1 px-3 py-1.5 text-sm bg-purple-500 text-white rounded-lg hover:bg-purple-600 disabled:opacity-50 disabled:cursor-not-allowed transition-colors", title: "Instruction personnalis\u00E9e", children: [_jsx("span", { className: "material-icons text-base", children: "smart_toy" }), "Custom..."] }), _jsx("div", { className: "flex-1" }), hasSelection && (_jsx("span", { className: "text-xs text-blue-600 bg-blue-50 px-2 py-1 rounded", children: "Texte s\u00E9lectionn\u00E9" })), isLoading && (_jsxs("span", { className: "text-xs text-amber-600 bg-amber-50 px-2 py-1 rounded flex items-center gap-1", children: [_jsx("span", { className: "material-icons text-sm animate-spin", children: "sync" }), "IA en cours..."] })), _jsx("div", { className: "w-px h-6 bg-gray-300 mx-1" }), _jsx("button", { onClick: onUndo, disabled: !canUndo || isLoading, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded disabled:opacity-30 disabled:cursor-not-allowed transition-colors", title: "Annuler (Ctrl+Z)", children: _jsx("span", { className: "material-icons text-xl", children: "undo" }) }), _jsx("button", { onClick: onRedo, disabled: !canRedo || isLoading, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded disabled:opacity-30 disabled:cursor-not-allowed transition-colors", title: "Refaire (Ctrl+Y)", children: _jsx("span", { className: "material-icons text-xl", children: "redo" }) })] }));
+}

package/dist/components/EditorToolbar.d.ts

@@ -0,0 +1,8 @@
+export interface EditorToolbarProps {
+    onAIAction?: (action: 'rewrite' | 'proofread' | 'custom', customPrompt?: string) => void;
+    isLoading?: boolean;
+    isFullscreen?: boolean;
+    onToggleFullscreen?: () => void;
+}
+export declare function EditorToolbar({ onAIAction, isLoading, isFullscreen, onToggleFullscreen }: EditorToolbarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorToolbar.d.ts.map

package/dist/components/EditorToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["../../src/components/EditorToolbar.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;CAChC;AA0DD,wBAAgB,aAAa,CAAC,EAAE,UAAU,EAAE,SAAiB,EAAE,YAAoB,EAAE,kBAAkB,EAAE,EAAE,kBAAkB,2CA+iB5H"}

package/dist/components/EditorToolbar.js

@@ -0,0 +1,241 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState, useRef } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, UNDO_COMMAND, REDO_COMMAND, $getSelection, $isRangeSelection, $selectAll, CAN_UNDO_COMMAND, CAN_REDO_COMMAND, COMMAND_PRIORITY_CRITICAL, } from 'lexical';
+import { INSERT_OBJECT_COMMAND } from '../plugins/InsertObjectPlugin';
+import { INSERT_UNORDERED_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, } from '@lexical/list';
+import { $createHeadingNode, $createQuoteNode, } from '@lexical/rich-text';
+import { $setBlocksType, $patchStyleText } from '@lexical/selection';
+import { $createParagraphNode } from 'lexical';
+const FONT_FAMILIES = [
+    { label: 'Par défaut', value: '' },
+    { label: 'Arial', value: 'Arial, sans-serif' },
+    { label: 'Times New Roman', value: 'Times New Roman, serif' },
+    { label: 'Georgia', value: 'Georgia, serif' },
+    { label: 'Courier New', value: 'Courier New, monospace' },
+    { label: 'Verdana', value: 'Verdana, sans-serif' },
+    { label: 'Trebuchet MS', value: 'Trebuchet MS, sans-serif' },
+    { label: 'Comic Sans MS', value: 'Comic Sans MS, cursive' },
+];
+// Dropdown component using fixed positioning to escape overflow containers
+function FixedDropdown({ show, buttonRef, children }) {
+    const [position, setPosition] = useState({ top: 0, left: 0 });
+    useEffect(() => {
+        if (show && buttonRef.current) {
+            const rect = buttonRef.current.getBoundingClientRect();
+            setPosition({
+                top: rect.bottom + 4,
+                left: rect.left
+            });
+        }
+    }, [show, buttonRef]);
+    if (!show)
+        return null;
+    return (_jsx("div", { style: {
+            position: 'fixed',
+            top: position.top,
+            left: position.left,
+            zIndex: 99999,
+            backgroundColor: 'white',
+            border: '1px solid #e5e7eb',
+            borderRadius: '8px',
+            boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1)',
+            padding: '4px 0',
+            minWidth: '180px'
+        }, onClick: (e) => e.stopPropagation(), children: children }));
+}
+export function EditorToolbar({ onAIAction, isLoading = false, isFullscreen = false, onToggleFullscreen }) {
+    const [editor] = useLexicalComposerContext();
+    const [canUndo, setCanUndo] = useState(false);
+    const [canRedo, setCanRedo] = useState(false);
+    const [isBold, setIsBold] = useState(false);
+    const [isItalic, setIsItalic] = useState(false);
+    const [isUnderline, setIsUnderline] = useState(false);
+    const [isStrikethrough, setIsStrikethrough] = useState(false);
+    const [showHeadingMenu, setShowHeadingMenu] = useState(false);
+    const [showAIMenu, setShowAIMenu] = useState(false);
+    const [showFontMenu, setShowFontMenu] = useState(false);
+    const [currentFont, setCurrentFont] = useState('');
+    const [fontSize, setFontSize] = useState(16);
+    const fontButtonRef = useRef(null);
+    const headingButtonRef = useRef(null);
+    const aiButtonRef = useRef(null);
+    const toolbarRef = useRef(null);
+    // Update toolbar state based on selection
+    const updateToolbar = useCallback(() => {
+        const selection = $getSelection();
+        if ($isRangeSelection(selection)) {
+            setIsBold(selection.hasFormat('bold'));
+            setIsItalic(selection.hasFormat('italic'));
+            setIsUnderline(selection.hasFormat('underline'));
+            setIsStrikethrough(selection.hasFormat('strikethrough'));
+        }
+    }, []);
+    // Register listeners
+    useEffect(() => {
+        return editor.registerUpdateListener(({ editorState }) => {
+            editorState.read(() => {
+                updateToolbar();
+            });
+        });
+    }, [editor, updateToolbar]);
+    // Register undo/redo commands
+    useEffect(() => {
+        return editor.registerCommand(CAN_UNDO_COMMAND, (payload) => {
+            setCanUndo(payload);
+            return false;
+        }, COMMAND_PRIORITY_CRITICAL);
+    }, [editor]);
+    useEffect(() => {
+        return editor.registerCommand(CAN_REDO_COMMAND, (payload) => {
+            setCanRedo(payload);
+            return false;
+        }, COMMAND_PRIORITY_CRITICAL);
+    }, [editor]);
+    // Format handlers
+    const formatBold = () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold');
+    const formatItalic = () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic');
+    const formatUnderline = () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline');
+    const formatStrikethrough = () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough');
+    const formatHeading = (headingTag) => {
+        editor.update(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection)) {
+                $setBlocksType(selection, () => $createHeadingNode(headingTag));
+            }
+        });
+        setShowHeadingMenu(false);
+    };
+    const formatParagraph = () => {
+        editor.update(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection)) {
+                $setBlocksType(selection, () => $createParagraphNode());
+            }
+        });
+        setShowHeadingMenu(false);
+    };
+    const formatQuote = () => {
+        editor.update(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection)) {
+                $setBlocksType(selection, () => $createQuoteNode());
+            }
+        });
+    };
+    const openInsertDialog = () => {
+        editor.dispatchCommand(INSERT_OBJECT_COMMAND, undefined);
+    };
+    const formatAlign = (alignment) => {
+        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, alignment);
+    };
+    const formatBulletList = () => {
+        editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);
+    };
+    const formatNumberedList = () => {
+        editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);
+    };
+    const undo = () => editor.dispatchCommand(UNDO_COMMAND, undefined);
+    const redo = () => editor.dispatchCommand(REDO_COMMAND, undefined);
+    // Close menus when clicking outside the toolbar
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            if (toolbarRef.current && !toolbarRef.current.contains(e.target)) {
+                setShowHeadingMenu(false);
+                setShowAIMenu(false);
+                setShowFontMenu(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    // Apply font family to selection
+    const applyFontFamily = (fontFamily) => {
+        editor.update(() => {
+            let selection = $getSelection();
+            if (!$isRangeSelection(selection) || selection.isCollapsed()) {
+                $selectAll();
+                selection = $getSelection();
+            }
+            if ($isRangeSelection(selection)) {
+                $patchStyleText(selection, { 'font-family': fontFamily || null });
+            }
+        });
+        setCurrentFont(fontFamily);
+        setShowFontMenu(false);
+    };
+    // Apply font size to selection
+    const applyFontSize = (size) => {
+        editor.update(() => {
+            let selection = $getSelection();
+            if (!$isRangeSelection(selection) || selection.isCollapsed()) {
+                $selectAll();
+                selection = $getSelection();
+            }
+            if ($isRangeSelection(selection)) {
+                $patchStyleText(selection, { 'font-size': `${size}px` });
+            }
+        });
+        setFontSize(size);
+    };
+    const increaseFontSize = () => {
+        const newSize = Math.min(fontSize + 2, 72);
+        applyFontSize(newSize);
+    };
+    const decreaseFontSize = () => {
+        const newSize = Math.max(fontSize - 2, 8);
+        applyFontSize(newSize);
+    };
+    const handleFontSizeChange = (e) => {
+        const value = parseInt(e.target.value, 10);
+        if (!isNaN(value) && value >= 8 && value <= 72) {
+            applyFontSize(value);
+        }
+        else {
+            setFontSize(value || 16);
+        }
+    };
+    const handleFontSizeBlur = () => {
+        if (fontSize < 8)
+            setFontSize(8);
+        if (fontSize > 72)
+            setFontSize(72);
+    };
+    return (_jsxs("div", { ref: toolbarRef, className: "flex flex-wrap items-center gap-1 p-2 bg-gray-50 border-b border-gray-200 flex-shrink-0", children: [_jsx("button", { onClick: undo, disabled: !canUndo, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded disabled:opacity-30 disabled:cursor-not-allowed transition-colors", title: "Annuler (Ctrl+Z)", children: _jsx("span", { className: "material-icons text-lg", children: "undo" }) }), _jsx("button", { onClick: redo, disabled: !canRedo, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded disabled:opacity-30 disabled:cursor-not-allowed transition-colors", title: "Refaire (Ctrl+Y)", children: _jsx("span", { className: "material-icons text-lg", children: "redo" }) }), _jsx("div", { className: "w-px h-6 bg-gray-300 mx-1" }), _jsx("button", { onClick: formatBold, className: `p-1.5 rounded transition-colors ${isBold
+                    ? 'bg-gray-200 text-gray-900'
+                    : 'text-gray-600 hover:text-gray-900 hover:bg-gray-200'}`, title: "Gras (Ctrl+B)", children: _jsx("span", { className: "material-icons text-lg", children: "format_bold" }) }), _jsx("button", { onClick: formatItalic, className: `p-1.5 rounded transition-colors ${isItalic
+                    ? 'bg-gray-200 text-gray-900'
+                    : 'text-gray-600 hover:text-gray-900 hover:bg-gray-200'}`, title: "Italique (Ctrl+I)", children: _jsx("span", { className: "material-icons text-lg", children: "format_italic" }) }), _jsx("button", { onClick: formatUnderline, className: `p-1.5 rounded transition-colors ${isUnderline
+                    ? 'bg-gray-200 text-gray-900'
+                    : 'text-gray-600 hover:text-gray-900 hover:bg-gray-200'}`, title: "Soulign\u00E9 (Ctrl+U)", children: _jsx("span", { className: "material-icons text-lg", children: "format_underlined" }) }), _jsx("button", { onClick: formatStrikethrough, className: `p-1.5 rounded transition-colors ${isStrikethrough
+                    ? 'bg-gray-200 text-gray-900'
+                    : 'text-gray-600 hover:text-gray-900 hover:bg-gray-200'}`, title: "Barr\u00E9", children: _jsx("span", { className: "material-icons text-lg", children: "strikethrough_s" }) }), _jsx("div", { className: "w-px h-6 bg-gray-300 mx-1" }), _jsxs("div", { style: { position: 'relative' }, children: [_jsxs("button", { ref: fontButtonRef, onClick: (e) => {
+                            e.stopPropagation();
+                            setShowFontMenu(!showFontMenu);
+                            setShowHeadingMenu(false);
+                            setShowAIMenu(false);
+                        }, className: "h-8 px-2 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors flex items-center gap-1 text-sm border border-gray-300 bg-white min-w-[100px]", title: "Police", children: [_jsx("span", { className: "truncate flex-1 text-left", style: { fontFamily: currentFont || 'inherit' }, children: FONT_FAMILIES.find(f => f.value === currentFont)?.label || 'Police' }), _jsx("span", { className: "material-icons text-sm", children: "arrow_drop_down" })] }), _jsxs(FixedDropdown, { show: showFontMenu, buttonRef: fontButtonRef, children: [_jsx("button", { onClick: () => applyFontFamily(''), style: { display: 'block', width: '100%', padding: '8px 16px', textAlign: 'left', fontSize: '14px', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#374151' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#f3f4f6', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "Par d\u00E9faut" }), _jsx("button", { onClick: () => applyFontFamily('Arial, sans-serif'), style: { display: 'block', width: '100%', padding: '8px 16px', textAlign: 'left', fontSize: '14px', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#374151', fontFamily: 'Arial, sans-serif' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#f3f4f6', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "Arial" }), _jsx("button", { onClick: () => applyFontFamily('Times New Roman, serif'), style: { display: 'block', width: '100%', padding: '8px 16px', textAlign: 'left', fontSize: '14px', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#374151', fontFamily: 'Times New Roman, serif' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#f3f4f6', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "Times New Roman" }), _jsx("button", { onClick: () => applyFontFamily('Georgia, serif'), style: { display: 'block', width: '100%', padding: '8px 16px', textAlign: 'left', fontSize: '14px', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#374151', fontFamily: 'Georgia, serif' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#f3f4f6', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "Georgia" }), _jsx("button", { onClick: () => applyFontFamily('Courier New, monospace'), style: { display: 'block', width: '100%', padding: '8px 16px', textAlign: 'left', fontSize: '14px', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#374151', fontFamily: 'Courier New, monospace' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#f3f4f6', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "Courier New" }), _jsx("button", { onClick: () => applyFontFamily('Verdana, sans-serif'), style: { display: 'block', width: '100%', padding: '8px 16px', textAlign: 'left', fontSize: '14px', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#374151', fontFamily: 'Verdana, sans-serif' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#f3f4f6', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "Verdana" })] })] }), _jsxs("div", { className: "flex items-center border border-gray-300 rounded bg-white h-8", children: [_jsx("button", { onClick: decreaseFontSize, className: "px-1 h-full text-gray-600 hover:text-gray-900 hover:bg-gray-100 transition-colors", title: "R\u00E9duire la taille", children: _jsx("span", { className: "material-icons text-sm", children: "remove" }) }), _jsx("input", { type: "number", value: fontSize, onChange: handleFontSizeChange, onBlur: handleFontSizeBlur, className: "w-10 h-full text-center text-sm text-gray-900 border-x border-gray-300 focus:outline-none", min: 8, max: 72, title: "Taille de police (px)" }), _jsx("button", { onClick: increaseFontSize, className: "px-1 h-full text-gray-600 hover:text-gray-900 hover:bg-gray-100 transition-colors", title: "Augmenter la taille", children: _jsx("span", { className: "material-icons text-sm", children: "add" }) })] }), _jsx("div", { className: "w-px h-6 bg-gray-300 mx-1" }), _jsxs("div", { style: { position: 'relative' }, children: [_jsxs("button", { ref: headingButtonRef, onClick: (e) => {
+                            e.stopPropagation();
+                            setShowHeadingMenu(!showHeadingMenu);
+                            setShowAIMenu(false);
+                            setShowFontMenu(false);
+                        }, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors flex items-center", title: "Titres", children: [_jsx("span", { className: "material-icons text-lg", children: "title" }), _jsx("span", { className: "material-icons text-sm", children: "arrow_drop_down" })] }), _jsxs(FixedDropdown, { show: showHeadingMenu, buttonRef: headingButtonRef, children: [_jsx("button", { onClick: formatParagraph, style: { display: 'block', width: '100%', padding: '6px 16px', textAlign: 'left', fontSize: '14px', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#374151' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#f3f4f6', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "Paragraphe" }), _jsx("button", { onClick: () => formatHeading('h1'), style: { display: 'block', width: '100%', padding: '6px 16px', textAlign: 'left', fontSize: '20px', fontWeight: 'bold', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#374151' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#f3f4f6', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "Titre 1" }), _jsx("button", { onClick: () => formatHeading('h2'), style: { display: 'block', width: '100%', padding: '6px 16px', textAlign: 'left', fontSize: '18px', fontWeight: 'bold', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#374151' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#f3f4f6', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "Titre 2" }), _jsx("button", { onClick: () => formatHeading('h3'), style: { display: 'block', width: '100%', padding: '6px 16px', textAlign: 'left', fontSize: '16px', fontWeight: '600', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#374151' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#f3f4f6', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "Titre 3" })] })] }), _jsx("div", { className: "w-px h-6 bg-gray-300 mx-1" }), _jsx("button", { onClick: formatBulletList, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: "Liste \u00E0 puces", children: _jsx("span", { className: "material-icons text-lg", children: "format_list_bulleted" }) }), _jsx("button", { onClick: formatNumberedList, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: "Liste num\u00E9rot\u00E9e", children: _jsx("span", { className: "material-icons text-lg", children: "format_list_numbered" }) }), _jsx("button", { onClick: formatQuote, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: "Citation", children: _jsx("span", { className: "material-icons text-lg", children: "format_quote" }) }), _jsx("div", { className: "w-px h-6 bg-gray-300 mx-1" }), _jsx("button", { onClick: () => formatAlign('left'), className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: "Aligner \u00E0 gauche", children: _jsx("span", { className: "material-icons text-lg", children: "format_align_left" }) }), _jsx("button", { onClick: () => formatAlign('center'), className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: "Centrer", children: _jsx("span", { className: "material-icons text-lg", children: "format_align_center" }) }), _jsx("button", { onClick: () => formatAlign('right'), className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: "Aligner \u00E0 droite", children: _jsx("span", { className: "material-icons text-lg", children: "format_align_right" }) }), _jsx("button", { onClick: () => formatAlign('justify'), className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: "Justifier", children: _jsx("span", { className: "material-icons text-lg", children: "format_align_justify" }) }), _jsx("div", { className: "w-px h-6 bg-gray-300 mx-1" }), _jsx("button", { onClick: openInsertDialog, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: "Ins\u00E9rer un objet (Ctrl+K)", children: _jsx("span", { className: "material-icons text-lg", children: "add_photo_alternate" }) }), _jsx("div", { className: "flex-1" }), onAIAction && (_jsxs("div", { style: { position: 'relative' }, children: [_jsxs("button", { ref: aiButtonRef, onClick: (e) => {
+                            e.stopPropagation();
+                            setShowAIMenu(!showAIMenu);
+                            setShowHeadingMenu(false);
+                            setShowFontMenu(false);
+                        }, disabled: isLoading, className: "flex items-center gap-1 px-3 py-1.5 text-sm bg-purple-500 text-white rounded-lg hover:bg-purple-600 disabled:opacity-50 disabled:cursor-not-allowed transition-colors", title: "Actions IA", children: [isLoading ? (_jsx("span", { className: "material-icons text-base animate-spin", children: "sync" })) : (_jsx("span", { className: "material-icons text-base", children: "auto_awesome" })), _jsx("span", { children: "IA" }), _jsx("span", { className: "material-icons text-sm", children: "arrow_drop_down" })] }), !isLoading && (_jsxs(FixedDropdown, { show: showAIMenu, buttonRef: aiButtonRef, children: [_jsxs("button", { onClick: () => {
+                                    onAIAction('rewrite');
+                                    setShowAIMenu(false);
+                                }, style: { display: 'flex', width: '100%', padding: '8px 16px', textAlign: 'left', fontSize: '14px', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#374151', alignItems: 'center', gap: '8px' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#f3f4f6', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: [_jsx("span", { className: "material-icons text-base text-blue-500", children: "auto_fix_high" }), "R\u00E9\u00E9crire"] }), _jsxs("button", { onClick: () => {
+                                    onAIAction('proofread');
+                                    setShowAIMenu(false);
+                                }, style: { display: 'flex', width: '100%', padding: '8px 16px', textAlign: 'left', fontSize: '14px', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#374151', alignItems: 'center', gap: '8px' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#f3f4f6', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: [_jsx("span", { className: "material-icons text-base text-green-500", children: "spellcheck" }), "Corriger"] }), _jsxs("button", { onClick: () => {
+                                    const prompt = window.prompt('Instruction pour l\'IA:');
+                                    if (prompt) {
+                                        onAIAction('custom', prompt);
+                                    }
+                                    setShowAIMenu(false);
+                                }, style: { display: 'flex', width: '100%', padding: '8px 16px', textAlign: 'left', fontSize: '14px', backgroundColor: 'transparent', border: 'none', cursor: 'pointer', color: '#374151', alignItems: 'center', gap: '8px' }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = '#f3f4f6', onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: [_jsx("span", { className: "material-icons text-base text-purple-500", children: "smart_toy" }), "Personnalis\u00E9..."] })] }))] })), onToggleFullscreen && (_jsx("button", { onClick: onToggleFullscreen, className: "p-1.5 text-gray-600 hover:text-gray-900 hover:bg-gray-200 rounded transition-colors", title: isFullscreen ? "Quitter le plein écran" : "Plein écran", children: _jsx("span", { className: "material-icons text-lg", children: isFullscreen ? 'fullscreen_exit' : 'fullscreen' }) }))] }));
+}

package/dist/components/MarkdownPreview.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface MarkdownPreviewProps {
+    content: string;
+    className?: string;
+}
+export declare const MarkdownPreview: React.ForwardRefExoticComponent<MarkdownPreviewProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=MarkdownPreview.d.ts.map

package/dist/components/MarkdownPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPreview.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAGD,eAAO,MAAM,eAAe,6FA+C3B,CAAA"}

package/dist/components/MarkdownPreview.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+// Simple markdown renderer - can be enhanced with react-markdown
+export const MarkdownPreview = forwardRef(({ content, className = '' }, ref) => {
+    // Basic markdown to HTML conversion
+    const renderMarkdown = (md) => {
+        let html = md
+            // Escape HTML
+            .replace(/&/g, '&')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            // Headers
+            .replace(/^### (.*$)/gm, '<h3 class="text-lg font-semibold mt-4 mb-2">$1</h3>')
+            .replace(/^## (.*$)/gm, '<h2 class="text-xl font-semibold mt-6 mb-3">$1</h2>')
+            .replace(/^# (.*$)/gm, '<h1 class="text-2xl font-bold mt-6 mb-4">$1</h1>')
+            // Bold and italic
+            .replace(/\*\*\*(.*?)\*\*\*/g, '<strong><em>$1</em></strong>')
+            .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
+            .replace(/\*(.*?)\*/g, '<em>$1</em>')
+            // Code blocks
+            .replace(/```(\w*)\n([\s\S]*?)```/g, '<pre class="bg-gray-100 p-3 rounded-lg my-3 overflow-x-auto"><code>$2</code></pre>')
+            // Inline code
+            .replace(/`([^`]+)`/g, '<code class="bg-gray-100 px-1.5 py-0.5 rounded text-sm">$1</code>')
+            // Lists
+            .replace(/^\s*[-*]\s+(.*$)/gm, '<li class="ml-4">$1</li>')
+            // Numbered lists
+            .replace(/^\s*\d+\.\s+(.*$)/gm, '<li class="ml-4 list-decimal">$1</li>')
+            // Line breaks (double newline = paragraph)
+            .replace(/\n\n/g, '</p><p class="mb-3">')
+            // Single line breaks
+            .replace(/\n/g, '<br/>');
+        // Wrap in paragraph
+        html = `<p class="mb-3">${html}</p>`;
+        // Clean up empty paragraphs
+        html = html.replace(/<p class="mb-3"><\/p>/g, '');
+        return html;
+    };
+    return (_jsx("div", { ref: ref, className: `prose prose-sm max-w-none select-text ${className}`, dangerouslySetInnerHTML: { __html: renderMarkdown(content) } }));
+});
+MarkdownPreview.displayName = 'MarkdownPreview';

package/dist/components/PromptModal.d.ts

@@ -0,0 +1,9 @@
+export interface PromptModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSubmit: (prompt: string) => void;
+    selectedText?: string;
+    isLoading: boolean;
+}
+export declare function PromptModal({ isOpen, onClose, onSubmit, selectedText, isLoading }: PromptModalProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PromptModal.d.ts.map

package/dist/components/PromptModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptModal.d.ts","sourceRoot":"","sources":["../../src/components/PromptModal.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,SAAS,EACV,EAAE,gBAAgB,kDAkIlB"}

package/dist/components/PromptModal.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+export function PromptModal({ isOpen, onClose, onSubmit, selectedText, isLoading }) {
+    const [prompt, setPrompt] = useState('');
+    const inputRef = useRef(null);
+    useEffect(() => {
+        if (isOpen && inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, [isOpen]);
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape' && isOpen) {
+                onClose();
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [isOpen, onClose]);
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (prompt.trim()) {
+            onSubmit(prompt.trim());
+            setPrompt('');
+        }
+    };
+    if (!isOpen)
+        return null;
+    return (_jsx("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50", children: _jsxs("div", { className: "bg-white rounded-xl shadow-2xl w-full max-w-lg mx-4 overflow-hidden", children: [_jsxs("div", { className: "px-6 py-4 border-b border-gray-200 flex items-center justify-between", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Instruction IA" }), _jsx("button", { onClick: onClose, className: "p-1 text-gray-400 hover:text-gray-600 transition-colors", children: _jsx("span", { className: "material-icons", children: "close" }) })] }), _jsxs("form", { onSubmit: handleSubmit, className: "p-6", children: [selectedText && (_jsxs("div", { className: "mb-4", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Texte s\u00E9lectionn\u00E9" }), _jsx("div", { className: "p-3 bg-blue-50 border border-blue-200 rounded-lg text-sm text-gray-700 max-h-32 overflow-y-auto", children: selectedText.length > 200
+                                        ? `${selectedText.substring(0, 200)}...`
+                                        : selectedText })] })), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: selectedText ? 'Que voulez-vous faire avec ce texte ?' : 'Instruction pour l\'IA' }), _jsx("textarea", { ref: inputRef, value: prompt, onChange: (e) => setPrompt(e.target.value), placeholder: "Ex: Rends ce texte plus concis, ajoute des exemples, traduis en anglais...", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:border-blue-500 focus:ring-1 focus:ring-blue-500 resize-none", rows: 3, disabled: isLoading })] }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: "block text-sm font-medium text-gray-500 mb-2", children: "Actions rapides" }), _jsx("div", { className: "flex flex-wrap gap-2", children: [
+                                        'Rends plus concis',
+                                        'Ajoute des détails',
+                                        'Simplifie le vocabulaire',
+                                        'Traduis en anglais',
+                                        'Reformule autrement'
+                                    ].map((action) => (_jsx("button", { type: "button", onClick: () => setPrompt(action), className: "px-3 py-1 text-xs bg-gray-100 text-gray-700 rounded-full hover:bg-gray-200 transition-colors", children: action }, action))) })] }), _jsxs("div", { className: "flex justify-end gap-3", children: [_jsx("button", { type: "button", onClick: onClose, className: "px-4 py-2 text-gray-600 hover:text-gray-900 transition-colors", disabled: isLoading, children: "Annuler" }), _jsx("button", { type: "submit", disabled: !prompt.trim() || isLoading, className: "px-6 py-2 bg-purple-500 text-white rounded-lg hover:bg-purple-600 disabled:opacity-50 disabled:cursor-not-allowed transition-colors flex items-center gap-2", children: isLoading ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "material-icons text-sm animate-spin", children: "sync" }), "Traitement..."] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "material-icons text-sm", children: "send" }), "Appliquer"] })) })] })] })] }) }));
+}