@moontra/moonui-pro 2.8.4 → 2.8.6

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { twMerge } from 'tailwind-merge';
 import * as t from 'react';
 import t__default, { useState, useRef, useCallback, forwardRef, createContext, useEffect, useContext, useMemo, useLayoutEffect, useDebugValue, Component } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, Minus, Search, ChevronRight, Circle, ChevronUp, Lock, Sparkles, Plus, CreditCard, Globe, CheckCircle2, XCircle, RotateCcw, Download, Clock, HelpCircle, ChevronLeft, Calendar as Calendar$1, Edit, Trash2, MapPin, User, GripVertical, MessageCircle, Paperclip, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, CheckSquare, Quote, Palette, Highlighter, Link2, Image as Image$1, Table as Table$1, Settings, Undo, Redo, Eye, RefreshCw, Wand2, Maximize, FileText, Languages, TrendingUp, TrendingDown, ZoomOut, ZoomIn, FileSpreadsheet, FileJson, Maximize2, Move, Menu, Bell, CheckCheck, CheckCircle, Settings2, LogOut, Edit3, LayoutGrid, Upload, Share2, Save, Filter, FileDown, ArrowUp, ArrowDown, ArrowUpDown, ChevronsLeft, ChevronsRight, Pin, Sun, Moon, Monitor, Star, ExternalLink, CalendarIcon, DollarSign, Users, Github, GitFork, Activity, Server, EyeOff, RotateCw, Zap, Timer, Cpu, MemoryStick, HardDrive, Network, BarChart3, Video, Music, Archive, File, Columns, Grip, Unlock, Minimize2, Map as Map$1, Target, MoreVertical, BellOff, ArrowDownRight, ArrowUpRight } from 'lucide-react';
+import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, Minus, Search, ChevronRight, Circle, ChevronUp, Lock, Sparkles, Plus, CreditCard, Globe, CheckCircle2, XCircle, RotateCcw, Download, Clock, HelpCircle, ChevronLeft, Calendar as Calendar$1, Edit, Trash2, MapPin, User, GripVertical, MessageCircle, Paperclip, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, CheckSquare, Quote, Palette, Highlighter, Link2, Image as Image$1, Table as Table$1, Settings, Undo, Redo, Eye, RefreshCw, Wand2, Maximize, FileText, Briefcase, MessageSquare, Heart, GraduationCap, Zap, Languages, Lightbulb, TrendingUp, TrendingDown, ZoomOut, ZoomIn, FileSpreadsheet, FileJson, Maximize2, Move, Menu, Bell, CheckCheck, CheckCircle, Settings2, LogOut, Edit3, LayoutGrid, Upload, Share2, Save, Filter, FileDown, ArrowUp, ArrowDown, ArrowUpDown, ChevronsLeft, ChevronsRight, Pin, Sun, Moon, Monitor, Star, ExternalLink, CalendarIcon, DollarSign, Users, Github, GitFork, Activity, Server, EyeOff, RotateCw, Timer, Cpu, MemoryStick, HardDrive, Network, BarChart3, Video, Music, Archive, File, Columns, Grip, Unlock, Minimize2, Map as Map$1, Target, MoreVertical, BellOff, ArrowDownRight, ArrowUpRight } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
@@ -49910,6 +49910,328 @@ var SlashCommandsExtension = Extension.create({
   }
 });
 
+// src/lib/ai-providers.ts
+var GeminiProvider = class {
+  constructor(config) {
+    this.apiUrl = "https://generativelanguage.googleapis.com/v1beta/models";
+    this.apiKey = config.apiKey;
+    this.model = config.model || "gemini-2.0-flash";
+  }
+  async callGeminiAPI(prompt) {
+    try {
+      const response = await fetch(`${this.apiUrl}/${this.model}:generateContent`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "X-goog-api-key": this.apiKey
+        },
+        body: JSON.stringify({
+          contents: [{
+            parts: [{
+              text: prompt
+            }]
+          }]
+        })
+      });
+      if (!response.ok) {
+        const errorData = await response.text();
+        console.error("Gemini API error response:", errorData);
+        throw new Error(`Gemini API error: ${response.status} ${response.statusText} - ${errorData}`);
+      }
+      const data = await response.json();
+      if (data.error) {
+        throw new Error(`Gemini API error: ${data.error.message || JSON.stringify(data.error)}`);
+      }
+      if (data.candidates?.[0]?.finishReason === "SAFETY") {
+        throw new Error("Content was blocked by safety filters");
+      }
+      const text = data.candidates?.[0]?.content?.parts?.[0]?.text;
+      if (!text) {
+        console.error("Gemini API response:", JSON.stringify(data, null, 2));
+        throw new Error("No text content in Gemini API response");
+      }
+      return text.trim();
+    } catch (error) {
+      console.error("Gemini API error details:", error);
+      if (error instanceof Error) {
+        throw error;
+      }
+      throw new Error("Unknown error occurred while calling Gemini API");
+    }
+  }
+  async generateText(prompt) {
+    return this.callGeminiAPI(prompt);
+  }
+  async rewrite(text) {
+    const prompt = `Rewrite the following text to make it clearer and more engaging while maintaining the same meaning. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the rewritten text, nothing else:
+
+${text}`;
+    return this.callGeminiAPI(prompt);
+  }
+  async expand(text) {
+    const prompt = `Expand the following text with more details, examples, and explanations. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the expanded text, nothing else:
+
+${text}`;
+    return this.callGeminiAPI(prompt);
+  }
+  async summarize(text) {
+    const prompt = `Summarize the following text concisely while keeping the main points. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the summary, nothing else:
+
+${text}`;
+    return this.callGeminiAPI(prompt);
+  }
+  async fixGrammar(text) {
+    const prompt = `Fix any grammar and spelling errors in the following text. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the corrected text, nothing else:
+
+${text}`;
+    return this.callGeminiAPI(prompt);
+  }
+  async translate(text, targetLang) {
+    const prompt = `Translate the following text to ${targetLang}. Only return the translation, nothing else:
+
+${text}`;
+    return this.callGeminiAPI(prompt);
+  }
+  async changeTone(text, tone) {
+    const toneDescriptions = {
+      professional: "professional and business-appropriate",
+      casual: "casual and conversational",
+      friendly: "warm and friendly",
+      formal: "formal and academic"
+    };
+    const toneDesc = toneDescriptions[tone] || tone;
+    const prompt = `Rewrite the following text in a ${toneDesc} tone. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the rewritten text, nothing else:
+
+${text}`;
+    return this.callGeminiAPI(prompt);
+  }
+  async continueWriting(text) {
+    const prompt = `Continue writing from where this text ends. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the continuation, nothing else:
+
+${text}`;
+    return this.callGeminiAPI(prompt);
+  }
+  async improveWriting(text) {
+    const prompt = `Improve the following text by making it more compelling, clear, and well-structured. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the improved text, nothing else:
+
+${text}`;
+    return this.callGeminiAPI(prompt);
+  }
+  async generateIdeas(text) {
+    const prompt = `Generate creative ideas and suggestions based on this topic. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Format as a bullet list:
+
+${text}`;
+    return this.callGeminiAPI(prompt);
+  }
+  async complete(text) {
+    const prompt = `Complete this text naturally. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the completion, nothing else:
+
+${text}`;
+    return this.callGeminiAPI(prompt);
+  }
+};
+var OpenAIProvider = class {
+  constructor(config) {
+    this.apiUrl = "https://api.openai.com/v1/chat/completions";
+    this.apiKey = config.apiKey;
+    this.model = config.model || "gpt-3.5-turbo";
+    this.temperature = config.temperature || 0.7;
+    this.maxTokens = config.maxTokens || 1e3;
+  }
+  async callOpenAI(systemPrompt, userPrompt) {
+    try {
+      const response = await fetch(this.apiUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "Authorization": `Bearer ${this.apiKey}`
+        },
+        body: JSON.stringify({
+          model: this.model,
+          messages: [
+            { role: "system", content: systemPrompt },
+            { role: "user", content: userPrompt }
+          ],
+          temperature: this.temperature,
+          max_tokens: this.maxTokens
+        })
+      });
+      if (!response.ok) {
+        throw new Error(`OpenAI API error: ${response.statusText}`);
+      }
+      const data = await response.json();
+      return data.choices?.[0]?.message?.content || "";
+    } catch (error) {
+      console.error("OpenAI API error:", error);
+      throw error;
+    }
+  }
+  async generateText(prompt) {
+    return this.callOpenAI("You are a helpful writing assistant. Always respond in the same language as the input text.", prompt);
+  }
+  async rewrite(text) {
+    return this.callOpenAI(
+      "You are a professional editor. Rewrite text to be clearer and more engaging. Always respond in the same language as the input text.",
+      text
+    );
+  }
+  async expand(text) {
+    return this.callOpenAI(
+      "You are a content writer. Expand the given text with more details and examples. Always respond in the same language as the input text.",
+      text
+    );
+  }
+  async summarize(text) {
+    return this.callOpenAI(
+      "You are a summarization expert. Create concise summaries. Always respond in the same language as the input text.",
+      text
+    );
+  }
+  async fixGrammar(text) {
+    return this.callOpenAI(
+      "You are a grammar expert. Fix all grammar and spelling errors. Always respond in the same language as the input text.",
+      text
+    );
+  }
+  async translate(text, targetLang) {
+    return this.callOpenAI(
+      `You are a professional translator. Translate to ${targetLang}.`,
+      text
+    );
+  }
+  async changeTone(text, tone) {
+    return this.callOpenAI(
+      `You are a writing expert. Rewrite the text in a ${tone} tone. Always respond in the same language as the input text.`,
+      text
+    );
+  }
+  async continueWriting(text) {
+    return this.callOpenAI(
+      "You are a creative writer. Continue writing from where the text ends. Always respond in the same language as the input text.",
+      text
+    );
+  }
+  async improveWriting(text) {
+    return this.callOpenAI(
+      "You are a professional editor. Improve the text quality. Always respond in the same language as the input text.",
+      text
+    );
+  }
+  async generateIdeas(text) {
+    return this.callOpenAI(
+      "You are a creative consultant. Generate ideas based on the topic. Always respond in the same language as the input text.",
+      text
+    );
+  }
+  async complete(text) {
+    return this.callOpenAI(
+      "You are a writing assistant. Complete the text naturally. Always respond in the same language as the input text.",
+      text
+    );
+  }
+};
+var ClaudeProvider = class {
+  constructor(config) {
+    this.apiUrl = "https://api.anthropic.com/v1/messages";
+    this.apiKey = config.apiKey;
+    this.model = config.model || "claude-3-sonnet-20240229";
+  }
+  async callClaude(prompt) {
+    try {
+      const response = await fetch(this.apiUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "x-api-key": this.apiKey,
+          "anthropic-version": "2023-06-01"
+        },
+        body: JSON.stringify({
+          model: this.model,
+          max_tokens: 1e3,
+          messages: [
+            { role: "user", content: prompt }
+          ]
+        })
+      });
+      if (!response.ok) {
+        throw new Error(`Claude API error: ${response.statusText}`);
+      }
+      const data = await response.json();
+      return data.content?.[0]?.text || "";
+    } catch (error) {
+      console.error("Claude API error:", error);
+      throw error;
+    }
+  }
+  async generateText(prompt) {
+    return this.callClaude(`${prompt}
+
+IMPORTANT: Respond in the SAME LANGUAGE as the input text.`);
+  }
+  async rewrite(text) {
+    return this.callClaude(`Rewrite this text to be clearer and more engaging. IMPORTANT: Respond in the SAME LANGUAGE as the input text:
+
+${text}`);
+  }
+  async expand(text) {
+    return this.callClaude(`Expand this text with more details. IMPORTANT: Respond in the SAME LANGUAGE as the input text:
+
+${text}`);
+  }
+  async summarize(text) {
+    return this.callClaude(`Summarize this text concisely. IMPORTANT: Respond in the SAME LANGUAGE as the input text:
+
+${text}`);
+  }
+  async fixGrammar(text) {
+    return this.callClaude(`Fix grammar and spelling errors. IMPORTANT: Respond in the SAME LANGUAGE as the input text:
+
+${text}`);
+  }
+  async translate(text, targetLang) {
+    return this.callClaude(`Translate to ${targetLang}:
+
+${text}`);
+  }
+  async changeTone(text, tone) {
+    return this.callClaude(`Rewrite in a ${tone} tone. IMPORTANT: Respond in the SAME LANGUAGE as the input text:
+
+${text}`);
+  }
+  async continueWriting(text) {
+    return this.callClaude(`Continue writing from where this text ends. IMPORTANT: Respond in the SAME LANGUAGE as the input text:
+
+${text}`);
+  }
+  async improveWriting(text) {
+    return this.callClaude(`Improve this text. IMPORTANT: Respond in the SAME LANGUAGE as the input text:
+
+${text}`);
+  }
+  async generateIdeas(text) {
+    return this.callClaude(`Generate ideas for this topic. IMPORTANT: Respond in the SAME LANGUAGE as the input text:
+
+${text}`);
+  }
+  async complete(text) {
+    return this.callClaude(`Complete this text naturally. IMPORTANT: Respond in the SAME LANGUAGE as the input text:
+
+${text}`);
+  }
+};
+function createAIProvider(provider, config) {
+  switch (provider) {
+    case "gemini":
+      return new GeminiProvider(config);
+    case "openai":
+      return new OpenAIProvider(config);
+    case "claude":
+      return new ClaudeProvider(config);
+    default:
+      throw new Error(`Unsupported AI provider: ${provider}`);
+  }
+}
+
 // src/components/rich-text-editor/slash-commands.css
 styleInject(".slash-commands-menu {\n  border-radius: var(--radius);\n  border-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.slash-commands-menu:is(.dark *) {\n  --tw-border-opacity: 1;\n  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));\n}\n.slash-commands-menu {\n  max-height: 20rem;\n  min-width: 280px;\n  overflow-y: auto;\n  padding: 0.5rem;\n}\n.slash-command-item {\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n  gap: 0.75rem;\n  border-radius: calc(var(--radius) - 2px);\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.slash-command-item:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.slash-command-item:hover:is(.dark *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));\n}\n.slash-command-item.selected {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.slash-command-item.selected:is(.dark *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));\n}\n.slash-command-item svg {\n  height: 1rem;\n  width: 1rem;\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.slash-command-item svg:is(.dark *) {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.slash-command-item > div {\n  flex: 1 1 0%;\n}\n.slash-command-item .command-name {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  font-weight: 500;\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.slash-command-item .command-name:is(.dark *) {\n  --tw-text-opacity: 1;\n  color: rgb(243 244 246 / var(--tw-text-opacity, 1));\n}\n.slash-command-item .command-description {\n  margin-top: 0.125rem;\n  font-size: 0.75rem;\n  line-height: 1rem;\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.slash-command-item .command-description:is(.dark *) {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.dark .slash-commands-menu {\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2);\n}\n");
 
@@ -49917,56 +50239,29 @@ styleInject(".slash-commands-menu {\n  border-radius: var(--radius);\n  border-w
 styleInject('.ProseMirror table {\n  border-collapse: collapse;\n  margin: 0;\n  overflow: hidden;\n  table-layout: fixed;\n  width: 100%;\n  border: 1px solid #d1d5db;\n}\n.ProseMirror table td,\n.ProseMirror table th {\n  border: 1px solid #d1d5db;\n  box-sizing: border-box;\n  min-width: 1em;\n  padding: 6px 8px;\n  position: relative;\n  vertical-align: top;\n}\n.ProseMirror table th {\n  background-color: #f9fafb;\n  font-weight: 600;\n  text-align: left;\n}\n.ProseMirror table .selectedCell:after {\n  background-color: rgba(59, 130, 246, 0.1);\n  content: "";\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  pointer-events: none;\n  position: absolute;\n  z-index: 2;\n}\n.ProseMirror table .column-resize-handle {\n  background-color: #3b82f6;\n  bottom: -2px;\n  position: absolute;\n  right: -2px;\n  top: 0;\n  width: 4px;\n  pointer-events: none;\n}\n.dark .ProseMirror table {\n  border: 1px solid #374151;\n}\n.dark .ProseMirror table td,\n.dark .ProseMirror table th {\n  border: 1px solid #374151;\n}\n.dark .ProseMirror table th {\n  background-color: #111827;\n}\n.dark .ProseMirror table .selectedCell:after {\n  background-color: rgba(59, 130, 246, 0.2);\n}\n');
 var lowlight = createLowlight(grammars);
 var getAIProvider = (settings) => {
-  const generateWithPrompt = async (systemPrompt, userText) => {
-    const result = `[${systemPrompt}] ${userText}`;
-    return { text: result, error: void 0 };
-  };
-  return {
-    generateText: async (prompt) => {
-      const result = await generateWithPrompt("Generate text", prompt);
-      return result.text;
-    },
-    rewrite: async (text) => {
-      const result = await generateWithPrompt("Rewrite this text", text);
-      return result;
-    },
-    expand: async (text) => {
-      const result = await generateWithPrompt("Expand this text", text);
-      return result;
-    },
-    summarize: async (text) => {
-      const result = await generateWithPrompt("Summarize this text", text);
-      return result;
-    },
-    fixGrammar: async (text) => {
-      const result = await generateWithPrompt("Fix grammar and spelling", text);
-      return result;
-    },
-    translate: async (text, targetLang) => {
-      const result = await generateWithPrompt(`Translate to ${targetLang}`, text);
-      return result;
-    },
-    changeTone: async (text, tone) => {
-      const result = await generateWithPrompt(`Change tone to ${tone}`, text);
-      return result;
-    },
-    continueWriting: async (text) => {
-      const result = await generateWithPrompt("Continue writing", text);
-      return result;
-    },
-    improveWriting: async (text) => {
-      const result = await generateWithPrompt("Improve writing quality", text);
-      return result;
-    },
-    generateIdeas: async (text) => {
-      const result = await generateWithPrompt("Generate writing ideas", text);
-      return result;
-    },
-    complete: async (text) => {
-      const result = await generateWithPrompt("Complete this text", text);
-      return result;
-    }
-  };
+  if (!settings.apiKey)
+    return null;
+  try {
+    const providerMap = {
+      "openai": "openai",
+      "gemini": "gemini",
+      "claude": "claude",
+      "anthropic": "claude",
+      // Map anthropic to claude
+      "cohere": "openai"
+      // Use OpenAI as fallback for unsupported providers
+    };
+    const mappedProvider = providerMap[settings.provider] || "openai";
+    return createAIProvider(mappedProvider, {
+      apiKey: settings.apiKey,
+      model: settings.model,
+      temperature: settings.temperature,
+      maxTokens: settings.maxTokens
+    });
+  } catch (error) {
+    console.error("Failed to create AI provider:", error);
+    return null;
+  }
 };
 var EditorColorPicker = ({
   onColorSelect,
@@ -50071,10 +50366,11 @@ function RichTextEditor({
   aiConfig = {
     provider: "openai",
     apiKey: "",
-    model: "gpt-4",
+    model: "gpt-3.5-turbo",
     temperature: 0.7,
     maxTokens: 1e3
-  }
+  },
+  persistAISettings = true
 }) {
   const { hasProAccess, isLoading } = useSubscription();
   if (!isLoading && !hasProAccess) {
@@ -50090,12 +50386,31 @@ function RichTextEditor({
       ] })
     ] }) }) });
   }
-  const [aiSettings, setAiSettings] = useState({
-    provider: aiConfig.provider || "openai",
-    apiKey: aiConfig.apiKey || "",
-    model: aiConfig.model || "gpt-4",
-    temperature: aiConfig.temperature || 0.7,
-    maxTokens: aiConfig.maxTokens || 1e3
+  const [aiSettings, setAiSettings] = useState(() => {
+    if (persistAISettings) {
+      try {
+        const stored = localStorage.getItem("moonui-ai-settings");
+        if (stored) {
+          const parsed = JSON.parse(stored);
+          return {
+            provider: aiConfig.provider || parsed.provider || "openai",
+            apiKey: aiConfig.apiKey || parsed.apiKey || "",
+            model: aiConfig.model || parsed.model || "gpt-3.5-turbo",
+            temperature: aiConfig.temperature ?? parsed.temperature ?? 0.7,
+            maxTokens: aiConfig.maxTokens ?? parsed.maxTokens ?? 1e3
+          };
+        }
+      } catch (e) {
+        console.error("Failed to load AI settings from localStorage:", e);
+      }
+    }
+    return {
+      provider: aiConfig.provider || "openai",
+      apiKey: aiConfig.apiKey || "",
+      model: aiConfig.model || "gpt-3.5-turbo",
+      temperature: aiConfig.temperature ?? 0.7,
+      maxTokens: aiConfig.maxTokens ?? 1e3
+    };
   });
   const [isAiSettingsOpen, setIsAiSettingsOpen] = useState(false);
   const [isProcessing, setIsProcessing] = useState(false);
@@ -50304,6 +50619,9 @@ function RichTextEditor({
     setIsProcessing(true);
     try {
       const provider = getAIProvider(aiSettings);
+      if (!provider) {
+        throw new Error("Failed to initialize AI provider");
+      }
       let response;
       switch (action) {
         case "rewrite":
@@ -50345,19 +50663,11 @@ function RichTextEditor({
         default:
           response = await provider.complete(text);
       }
-      if (response.error) {
-        toast({
-          title: "AI Error",
-          description: response.error,
-          variant: "destructive"
-        });
-        return null;
-      }
-      return response.text;
-    } catch {
+      return response;
+    } catch (error) {
       toast({
         title: "AI Error",
-        description: "Failed to process with AI. Please check your settings.",
+        description: error instanceof Error ? error.message : "Failed to process with AI",
         variant: "destructive"
       });
       return null;
@@ -50378,15 +50688,44 @@ function RichTextEditor({
       });
       return;
     }
+    const processingToast = toast({
+      title: "Processing with AI...",
+      description: getActionDescription(action),
+      duration: 6e4
+      // Long duration
+    });
     const result = await callAI(action, selectedText || editor.getText());
+    processingToast.dismiss();
     if (result) {
       if (selectedText) {
         editor.chain().focus().deleteSelection().insertContent(result).run();
       } else {
         editor.chain().focus().insertContent(result).run();
       }
+      toast({
+        title: "AI action completed",
+        description: "Your text has been updated successfully."
+      });
     }
   };
+  const getActionDescription = (action) => {
+    const descriptions = {
+      rewrite: "Rewriting your text...",
+      improve: "Improving your writing...",
+      expand: "Expanding your text...",
+      summarize: "Creating a summary...",
+      fix: "Fixing grammar and spelling...",
+      translate: "Translating to Turkish...",
+      tone_professional: "Making text professional...",
+      tone_casual: "Making text casual...",
+      tone_friendly: "Making text friendly...",
+      tone_formal: "Making text formal...",
+      continue: "Continuing your writing...",
+      ideas: "Generating ideas...",
+      complete: "Completing your text..."
+    };
+    return descriptions[action] || "Processing...";
+  };
   const [linkUrl, setLinkUrl] = useState("");
   const [imageUrl, setImageUrl] = useState("");
   const [isLinkDialogOpen, setIsLinkDialogOpen] = useState(false);
@@ -50905,7 +51244,7 @@ function RichTextEditor({
               {
                 variant: "ghost",
                 size: "sm",
-                className: "h-8 px-3 bg-purple-100 hover:bg-purple-200 dark:bg-purple-900 dark:hover:bg-purple-800",
+                className: "h-8 px-3 bg-purple-100 hover:bg-purple-200 dark:bg-purple-900 dark:hover:bg-purple-800 transition-colors",
                 disabled: isProcessing,
                 children: [
                   isProcessing ? /* @__PURE__ */ jsx(RefreshCw, { className: "w-4 h-4 mr-1 animate-spin" }) : /* @__PURE__ */ jsx(Wand2, { className: "w-4 h-4 mr-1" }),
@@ -50913,57 +51252,172 @@ function RichTextEditor({
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { className: "w-56", children: [
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleAIAction("rewrite"), children: [
-                /* @__PURE__ */ jsx(RefreshCw, { className: "w-4 h-4 mr-2" }),
-                "Rewrite Selection"
-              ] }),
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleAIAction("improve"), children: [
-                /* @__PURE__ */ jsx(Wand2, { className: "w-4 h-4 mr-2" }),
-                "Improve Writing"
-              ] }),
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleAIAction("expand"), children: [
-                /* @__PURE__ */ jsx(Maximize, { className: "w-4 h-4 mr-2" }),
-                "Expand Text"
-              ] }),
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleAIAction("summarize"), children: [
-                /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4 mr-2" }),
-                "Summarize"
-              ] }),
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleAIAction("continue"), children: [
-                /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 mr-2" }),
-                "Continue Writing"
-              ] }),
-              /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleAIAction("fix"), children: [
-                /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 mr-2" }),
-                "Fix Grammar & Spelling"
+            /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { className: "w-64", children: [
+              /* @__PURE__ */ jsxs("div", { className: "px-2 py-1.5 text-xs font-semibold text-muted-foreground flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(Wand2, { className: "w-3 h-3" }),
+                "Writing Improvements"
               ] }),
+              /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
+                {
+                  onClick: () => handleAIAction("rewrite"),
+                  disabled: isProcessing,
+                  children: [
+                    /* @__PURE__ */ jsx(RefreshCw, { className: "w-4 h-4 mr-2" }),
+                    "Rewrite Selection",
+                    /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: "Alt+R" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
+                {
+                  onClick: () => handleAIAction("improve"),
+                  disabled: isProcessing,
+                  children: [
+                    /* @__PURE__ */ jsx(Sparkles, { className: "w-4 h-4 mr-2" }),
+                    "Improve Writing"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
+                {
+                  onClick: () => handleAIAction("expand"),
+                  disabled: isProcessing,
+                  children: [
+                    /* @__PURE__ */ jsx(Maximize, { className: "w-4 h-4 mr-2" }),
+                    "Expand Text"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
+                {
+                  onClick: () => handleAIAction("summarize"),
+                  disabled: isProcessing,
+                  children: [
+                    /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4 mr-2" }),
+                    "Summarize"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
+                {
+                  onClick: () => handleAIAction("continue"),
+                  disabled: isProcessing,
+                  children: [
+                    /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 mr-2" }),
+                    "Continue Writing"
+                  ]
+                }
+              ),
               /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleAIAction("tone_professional"), children: [
-                /* @__PURE__ */ jsx(Sparkles, { className: "w-4 h-4 mr-2" }),
-                "Make Professional"
-              ] }),
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleAIAction("tone_casual"), children: [
-                /* @__PURE__ */ jsx(Sparkles, { className: "w-4 h-4 mr-2" }),
-                "Make Casual"
-              ] }),
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleAIAction("tone_friendly"), children: [
-                /* @__PURE__ */ jsx(Sparkles, { className: "w-4 h-4 mr-2" }),
-                "Make Friendly"
-              ] }),
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleAIAction("tone_formal"), children: [
-                /* @__PURE__ */ jsx(Sparkles, { className: "w-4 h-4 mr-2" }),
-                "Make Formal"
+              /* @__PURE__ */ jsxs("div", { className: "px-2 py-1.5 text-xs font-semibold text-muted-foreground flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(Palette, { className: "w-3 h-3" }),
+                "Tone Adjustments"
               ] }),
+              /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
+                {
+                  onClick: () => handleAIAction("tone_professional"),
+                  disabled: isProcessing,
+                  children: [
+                    /* @__PURE__ */ jsx(Briefcase, { className: "w-4 h-4 mr-2" }),
+                    "Make Professional"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
+                {
+                  onClick: () => handleAIAction("tone_casual"),
+                  disabled: isProcessing,
+                  children: [
+                    /* @__PURE__ */ jsx(MessageSquare, { className: "w-4 h-4 mr-2" }),
+                    "Make Casual"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
+                {
+                  onClick: () => handleAIAction("tone_friendly"),
+                  disabled: isProcessing,
+                  children: [
+                    /* @__PURE__ */ jsx(Heart, { className: "w-4 h-4 mr-2" }),
+                    "Make Friendly"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
+                {
+                  onClick: () => handleAIAction("tone_formal"),
+                  disabled: isProcessing,
+                  children: [
+                    /* @__PURE__ */ jsx(GraduationCap, { className: "w-4 h-4 mr-2" }),
+                    "Make Formal"
+                  ]
+                }
+              ),
               /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleAIAction("translate"), children: [
-                /* @__PURE__ */ jsx(Languages, { className: "w-4 h-4 mr-2" }),
-                "Translate to Turkish"
+              /* @__PURE__ */ jsxs("div", { className: "px-2 py-1.5 text-xs font-semibold text-muted-foreground flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(Zap, { className: "w-3 h-3" }),
+                "Other Actions"
               ] }),
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleAIAction("ideas"), children: [
-                /* @__PURE__ */ jsx(Sparkles, { className: "w-4 h-4 mr-2" }),
-                "Generate Ideas"
+              /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
+                {
+                  onClick: () => handleAIAction("fix"),
+                  disabled: isProcessing,
+                  children: [
+                    /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 mr-2" }),
+                    "Fix Grammar & Spelling",
+                    /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: "F7" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
+                {
+                  onClick: () => handleAIAction("translate"),
+                  disabled: isProcessing,
+                  children: [
+                    /* @__PURE__ */ jsx(Languages, { className: "w-4 h-4 mr-2" }),
+                    "Translate to Turkish"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
+                {
+                  onClick: () => handleAIAction("ideas"),
+                  disabled: isProcessing,
+                  children: [
+                    /* @__PURE__ */ jsx(Lightbulb, { className: "w-4 h-4 mr-2" }),
+                    "Generate Ideas"
+                  ]
+                }
+              ),
+              !aiSettings.apiKey && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+                /* @__PURE__ */ jsx("div", { className: "px-2 py-2", children: /* @__PURE__ */ jsx(
+                  motion.div,
+                  {
+                    initial: { opacity: 0, y: -10 },
+                    animate: { opacity: 1, y: 0 },
+                    className: "text-xs text-muted-foreground bg-yellow-100 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-md p-3",
+                    children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsx(Settings, { className: "w-3 h-3 mt-0.5 text-yellow-600 dark:text-yellow-400" }),
+                      /* @__PURE__ */ jsxs("div", { children: [
+                        /* @__PURE__ */ jsx("div", { className: "font-medium text-yellow-900 dark:text-yellow-200 mb-1", children: "API Key Required" }),
+                        /* @__PURE__ */ jsx("div", { className: "text-yellow-800 dark:text-yellow-300", children: "Click the settings icon to configure your AI provider and API key." })
+                      ] })
+                    ] })
+                  }
+                ) })
               ] })
             ] })
           ] }),
@@ -50989,7 +51443,19 @@ function RichTextEditor({
                     MoonUISelectPro,
                     {
                       value: aiSettings.provider,
-                      onValueChange: (value) => setAiSettings({ ...aiSettings, provider: value }),
+                      onValueChange: (value) => {
+                        const defaultModels = {
+                          openai: "gpt-3.5-turbo",
+                          claude: "claude-3-sonnet-20240229",
+                          gemini: "gemini-2.0-flash",
+                          cohere: "command"
+                        };
+                        setAiSettings({
+                          ...aiSettings,
+                          provider: value,
+                          model: defaultModels[value] || "gpt-3.5-turbo"
+                        });
+                      },
                       children: [
                         /* @__PURE__ */ jsx(MoonUISelectTriggerPro, { children: /* @__PURE__ */ jsx(MoonUISelectValuePro, {}) }),
                         /* @__PURE__ */ jsxs(MoonUISelectContentPro, { children: [
@@ -51035,8 +51501,9 @@ function RichTextEditor({
                             /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: "claude-3-haiku", children: "Claude 3 Haiku" })
                           ] }),
                           aiSettings.provider === "gemini" && /* @__PURE__ */ jsxs(Fragment, { children: [
-                            /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: "gemini-pro", children: "Gemini Pro" }),
-                            /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: "gemini-pro-vision", children: "Gemini Pro Vision" })
+                            /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: "gemini-2.0-flash", children: "Gemini 2.0 Flash" }),
+                            /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: "gemini-1.5-flash", children: "Gemini 1.5 Flash" }),
+                            /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: "gemini-1.5-pro", children: "Gemini 1.5 Pro" })
                           ] }),
                           aiSettings.provider === "cohere" && /* @__PURE__ */ jsxs(Fragment, { children: [
                             /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: "command", children: "Command" }),
@@ -51079,13 +51546,61 @@ function RichTextEditor({
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(MoonUIButtonPro, { onClick: () => {
-                setIsAiSettingsOpen(false);
-                toast({
-                  title: "Settings saved",
-                  description: "Your AI settings have been updated."
-                });
-              }, children: "Save Settings" }) })
+              persistAISettings && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-start space-x-2", children: [
+                  /* @__PURE__ */ jsx(
+                    MoonUICheckboxPro,
+                    {
+                      id: "rememberSettings",
+                      defaultChecked: true,
+                      onCheckedChange: (checked) => {
+                        if (!checked) {
+                          localStorage.removeItem("moonui-ai-settings");
+                        }
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5 leading-none", children: [
+                    /* @__PURE__ */ jsx(
+                      MoonUILabelPro,
+                      {
+                        htmlFor: "rememberSettings",
+                        className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+                        children: "Remember my settings"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Save settings locally for future sessions" })
+                  ] })
+                ] }),
+                aiSettings.apiKey && /* @__PURE__ */ jsx("div", { className: "rounded-md bg-yellow-50 dark:bg-yellow-900/10 p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+                  /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4 text-yellow-400" }) }),
+                  /* @__PURE__ */ jsx("div", { className: "ml-3", children: /* @__PURE__ */ jsxs("p", { className: "text-xs text-yellow-800 dark:text-yellow-200", children: [
+                    /* @__PURE__ */ jsx("strong", { children: "Security Notice:" }),
+                    " API keys will be stored in your browser's local storage. For production use, consider using a server-side proxy."
+                  ] }) })
+                ] }) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  MoonUIButtonPro,
+                  {
+                    variant: "outline",
+                    onClick: () => setIsAiSettingsOpen(false),
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ jsx(MoonUIButtonPro, { onClick: () => {
+                  if (persistAISettings) {
+                    const toStore = { ...aiSettings };
+                    localStorage.setItem("moonui-ai-settings", JSON.stringify(toStore));
+                  }
+                  setIsAiSettingsOpen(false);
+                  toast({
+                    title: "Settings saved",
+                    description: "Your AI settings have been updated."
+                  });
+                }, children: "Save Settings" })
+              ] })
             ] })
           ] })
         ] })
@@ -61148,7 +61663,7 @@ var MoonUIPhoneNumberInputPro = t__default.forwardRef(({
             onPaste: handlePaste2,
             onFocus: () => setIsFocused(true),
             onBlur: () => setIsFocused(false),
-            placeholder: selectedCountry.format.replace(/x/g, "\u2022"),
+            placeholder: selectedCountry?.format?.replace(/x/g, "\u2022") || "Enter phone number",
             className: cn(
               "pr-10",
               error && "border-destructive",