dishui 0.0.97 → 0.0.104

package/dist/components/pro/RichTextEditor/AIRewrite.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIRewrite.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/AIRewrite.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react';\nimport type { Editor } from '@tiptap/react';\nimport type { AIConfig, AIAction, RichTextEditorLabels } from './types';\nimport { defaultLabels } from './types';\n\ninterface AIRewriteProps {\n  editor: Editor;\n  aiConfig: AIConfig;\n  labels?: RichTextEditorLabels;\n  initialSelection: string;\n  selectionRange: { from: number; to: number };\n  onClose: () => void;\n}\n\nconst QUICK_ACTIONS: { key: AIAction; labelKey: keyof RichTextEditorLabels; icon: string }[] = [\n  { key: 'rewrite', labelKey: 'aiRewrite', icon: '✏' },\n  { key: 'shorten', labelKey: 'aiShorten', icon: '📝' },\n  { key: 'expand', labelKey: 'aiExpand', icon: '📄' },\n  { key: 'fix_grammar', labelKey: 'aiFixGrammar', icon: '✓' },\n  { key: 'translate_en', labelKey: 'aiTranslateEn', icon: 'EN' },\n  { key: 'translate_zh', labelKey: 'aiTranslateZh', icon: '中' },\n  { key: 'professional', labelKey: 'aiProfessional', icon: '💼' },\n  { key: 'casual', labelKey: 'aiCasual', icon: '💬' },\n];\n\nfunction getSystemPrompt(action: AIAction | 'custom', customPrompt?: string): string {\n  if (action === 'custom') return customPrompt || 'Follow the user instructions.';\n  const prompts: Record<AIAction, string> = {\n    rewrite: 'Rewrite the following text to improve clarity and readability. Keep the same meaning and tone. Return only the rewritten text.',\n    shorten: 'Shorten the following text while preserving its key meaning. Be concise. Return only the shortened text.',\n    expand: 'Expand the following text with more details and examples while keeping the same tone. Return only the expanded text.',\n    fix_grammar: 'Fix any grammar, spelling, and punctuation errors in the following text. Return only the corrected text.',\n    translate_en: 'Translate the following text to English. Return only the translated text.',\n    translate_zh: 'Translate the following text to Chinese. Return only the translated text.',\n    professional: 'Rewrite the following text in a professional, formal tone. Return only the rewritten text.',\n    casual: 'Rewrite the following text in a casual, friendly tone. Return only the rewritten text.',\n  };\n  return customPrompt || prompts[action];\n}\n\nasync function* readSSE(response: Response): AsyncGenerator<string> {\n  const reader = response.body?.getReader();\n  if (!reader) throw new Error('No response body');\n  const decoder = new TextDecoder();\n  let buffer = '';\n  let data: string[] = [];\n  try {\n    while (true) {\n      const { done, value } = await reader.read();\n      buffer += done ? decoder.decode() : decoder.decode(value, { stream: true });\n      // Normalize CRLF only when the complete line is available (chunks may split it).\n      let newline: number;\n      while ((newline = buffer.indexOf('\\n')) !== -1) {\n        const line = buffer.slice(0, newline).replace(/\\r$/, '');\n        buffer = buffer.slice(newline + 1);\n        if (!line) {\n          if (data.length) yield data.join('\\n');\n          data = [];\n        } else if (line.startsWith('data:')) {\n          data.push(line.slice(5).replace(/^ /, ''));\n        }\n      }\n      if (done) {\n        if (buffer.startsWith('data:')) data.push(buffer.slice(5).replace(/^ /, '').replace(/\\r$/, ''));\n        if (data.length) yield data.join('\\n');\n        return;\n      }\n    }\n  } finally {\n    try { await reader.cancel(); } catch { /* The request may already be aborted. */ }\n    reader.releaseLock();\n  }\n}\n\nasync function* streamOpenAI(\n  config: AIConfig,\n  text: string,\n  systemPrompt: string,\n  signal: AbortSignal,\n): AsyncGenerator<string> {\n  const body = JSON.stringify({\n    model: config.model,\n    messages: [\n      { role: 'system', content: systemPrompt },\n      { role: 'user', content: text },\n    ],\n    stream: true,\n  });\n\n  const response = await fetch(config.gateway, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(config.apiKey ? { Authorization: `Bearer ${config.apiKey}` } : {}),\n      ...config.headers,\n    },\n    body,\n    signal,\n  });\n\n  if (!response.ok) throw new Error(`AI API error: ${response.status} ${response.statusText}`);\n  for await (const payload of readSSE(response)) {\n    if (payload.trim() === '[DONE]') return;\n    let data;\n    try { data = JSON.parse(payload); } catch { continue; }\n    if (data?.error) throw new Error(data.error.message || 'AI stream error');\n    const content = data?.choices?.[0]?.delta?.content;\n    if (typeof content === 'string') yield content;\n  }\n}\n\nasync function* streamAnthropic(\n  config: AIConfig,\n  text: string,\n  systemPrompt: string,\n  signal: AbortSignal,\n): AsyncGenerator<string> {\n  const body = JSON.stringify({\n    model: config.model,\n    max_tokens: 4096,\n    system: systemPrompt,\n    messages: [{ role: 'user', content: text }],\n    stream: true,\n  });\n\n  const response = await fetch(config.gateway, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(config.apiKey ? { 'x-api-key': config.apiKey } : {}),\n      'anthropic-version': '2023-06-01',\n      ...config.headers,\n    },\n    body,\n    signal,\n  });\n\n  if (!response.ok) throw new Error(`AI API error: ${response.status} ${response.statusText}`);\n  for await (const payload of readSSE(response)) {\n    let data;\n    try { data = JSON.parse(payload); } catch { continue; }\n    if (data?.type === 'error') throw new Error(data.error?.message || 'AI stream error');\n    if (data?.type === 'message_stop') return;\n    if (data?.type === 'content_block_delta' && typeof data.delta?.text === 'string') yield data.delta.text;\n  }\n}\n\nfunction getStream(\n  config: AIConfig,\n  text: string,\n  systemPrompt: string,\n  action: AIAction | 'custom',\n  signal: AbortSignal,\n): AsyncIterable<string> {\n  if (config.protocol === 'custom') {\n    if (!config.customHandler) throw new Error('Custom AI protocol requires customHandler');\n    return config.customHandler({ text, action: action === 'custom' ? 'rewrite' : action, signal });\n  }\n  if (config.protocol === 'anthropic') return streamAnthropic(config, text, systemPrompt, signal);\n  return streamOpenAI(config, text, systemPrompt, signal);\n}\n\nconst AIRewrite: React.FC<AIRewriteProps> = ({ editor, aiConfig, labels: propsLabels, initialSelection, selectionRange, onClose }) => {\n  const labels = { ...defaultLabels, ...propsLabels };\n  const [prompt, setPrompt] = useState('');\n  const [isProcessing, setIsProcessing] = useState(false);\n  const [streamedText, setStreamedText] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const abortRef = useRef<AbortController | null>(null);\n  const promptRef = useRef<HTMLTextAreaElement>(null);\n  const [editable, setEditable] = useState(() => !editor.isDestroyed && editor.isEditable);\n  const [invalid, setInvalid] = useState(false);\n  const sourceDoc = useRef(editor.state.doc);\n  const invalidRef = useRef(false);\n\n  const cancelRequest = useCallback(() => {\n    const request = abortRef.current;\n    abortRef.current = null;\n    request?.abort();\n  }, []);\n\n  useEffect(() => {\n    sourceDoc.current = editor.state.doc;\n    invalidRef.current = false;\n    setInvalid(false);\n    setStreamedText('');\n    setIsProcessing(false);\n    setError(null);\n    const invalidate = () => {\n      setEditable(!editor.isDestroyed && editor.isEditable);\n      if (editor.isDestroyed || !editor.isEditable || editor.state.doc !== sourceDoc.current) {\n        invalidRef.current = true;\n        setInvalid(true);\n        cancelRequest();\n        setIsProcessing(false);\n        setStreamedText('');\n        setError('The document or editing permissions changed. Close and reopen AI Assistant.');\n      }\n    };\n    invalidate();\n    editor.on('update', invalidate);\n    editor.on('transaction', invalidate);\n    editor.on('destroy', invalidate);\n    return () => {\n      cancelRequest();\n      editor.off('update', invalidate);\n      editor.off('transaction', invalidate);\n      editor.off('destroy', invalidate);\n    };\n  }, [editor, initialSelection, selectionRange.from, selectionRange.to, cancelRequest]);\n\n  const selectedText = initialSelection;\n\n  useEffect(() => {\n    if (promptRef.current) promptRef.current.focus();\n  }, []);\n\n  const handleGenerate = useCallback(async (action: AIAction | 'custom' = 'custom', customPromptOverride?: string) => {\n    if (editor.isDestroyed || !editor.isEditable || invalidRef.current || abortRef.current) return;\n    const text = selectedText || editor.state.doc.textContent;\n    if (!text.trim() && !prompt.trim()) return;\n\n    const systemPrompt = action === 'custom'\n      ? (prompt || 'Improve the following text. Return only the improved text.')\n      : getSystemPrompt(action, customPromptOverride);\n\n    const userText = action === 'custom' && prompt\n      ? `Instructions: ${prompt}\\n\\nText:\\n${text}`\n      : text;\n\n    setIsProcessing(true);\n    setStreamedText('');\n    setError(null);\n\n    const abort = new AbortController();\n    abortRef.current = abort;\n\n    try {\n      let result = '';\n      for await (const chunk of getStream(aiConfig, userText, systemPrompt, action, abort.signal)) {\n        if (abort.signal.aborted || abortRef.current !== abort) break;\n        result += chunk;\n        setStreamedText(result);\n      }\n    } catch (err: unknown) {\n      if (abort.signal.aborted || abortRef.current !== abort) return;\n      setStreamedText('');\n      setError(String(err instanceof Error ? err.message : err));\n    } finally {\n      if (abortRef.current === abort) {\n        abortRef.current = null;\n        setIsProcessing(false);\n      }\n    }\n  }, [editor, aiConfig, selectedText, prompt]);\n\n  const handleAccept = useCallback(() => {\n    if (!streamedText || abortRef.current || editor.isDestroyed || !editor.isEditable || invalidRef.current) return;\n    const { from, to } = selectionRange;\n    if (editor.state.doc !== sourceDoc.current || !Number.isInteger(from) || !Number.isInteger(to) || from < 0 || to < from || to > editor.state.doc.content.size) {\n      setError('The original selection is no longer valid. Close and reopen AI Assistant.');\n      return;\n    }\n    // AI output is plain text, never HTML. Use the captured range even if the cursor moved.\n    editor.view.dispatch(editor.state.tr.insertText(streamedText, from, to));\n    setStreamedText('');\n    setPrompt('');\n    onClose();\n  }, [editor, streamedText, selectionRange, onClose]);\n\n  const handleReject = useCallback(() => {\n    cancelRequest();\n    setStreamedText('');\n    setIsProcessing(false);\n    setError(null);\n  }, [cancelRequest]);\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault();\n      handleGenerate();\n    }\n  }, [handleGenerate]);\n\n  return (\n    <div className=\"rte-ai-panel-v2\">\n      <div className=\"rte-ai-panel-v2__header\">\n        <span className=\"rte-ai-panel-v2__title\">✨ {labels.ai || 'AI Assistant'}</span>\n        <button type=\"button\" className=\"rte-ai-panel-v2__close-btn\" onClick={() => { cancelRequest(); onClose(); }} title=\"Close\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" /><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n          </svg>\n        </button>\n      </div>\n      {/* Prompt input */}\n      <div className=\"rte-ai-panel-v2__prompt-section\">\n        <label className=\"rte-ai-panel-v2__label\">Prompt</label>\n        <textarea\n          ref={promptRef}\n          className=\"rte-ai-panel-v2__prompt-input\"\n          value={prompt}\n          onChange={(e) => setPrompt(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder=\"Describe what AI should do... (Ctrl+Enter to generate)\"\n          rows={3}\n          disabled={isProcessing || !editable || invalid}\n        />\n      </div>\n\n      {/* Selected text display */}\n      <div className=\"rte-ai-panel-v2__selection-section\">\n        <label className=\"rte-ai-panel-v2__label\">Selected Text</label>\n        <div className=\"rte-ai-panel-v2__selection-box\">\n          {selectedText ? (\n            <span>{selectedText.length > 300 ? selectedText.slice(0, 300) + '...' : selectedText}</span>\n          ) : (\n            <span className=\"rte-ai-panel-v2__empty\">No text selected (will use all content)</span>\n          )}\n        </div>\n      </div>\n\n      {/* Quick actions */}\n      <div className=\"rte-ai-panel-v2__quick-actions\">\n        {QUICK_ACTIONS.map(({ key, labelKey, icon }) => (\n          <button\n            key={key}\n            type=\"button\"\n            className=\"rte-ai-panel-v2__quick-btn\"\n            onClick={() => handleGenerate(key)}\n            disabled={isProcessing || !editable || invalid}\n            title={labels[labelKey]}\n          >\n            <span>{icon}</span>\n            <span>{labels[labelKey]}</span>\n          </button>\n        ))}\n      </div>\n\n      {/* Generate button */}\n      <div className=\"rte-ai-panel-v2__actions\">\n        <button\n          type=\"button\"\n          className=\"rte-ai-panel-v2__generate-btn\"\n          onClick={() => handleGenerate()}\n          disabled={isProcessing || !editable || invalid || (!prompt.trim() && !selectedText.trim())}\n        >\n          {isProcessing ? (\n            <><div className=\"rte-ai-panel__spinner\" /> {labels.aiProcessing}</>\n          ) : (\n            '✨ Generate'\n          )}\n        </button>\n        {isProcessing && (\n          <button type=\"button\" className=\"rte-ai-panel-v2__cancel-btn\" onClick={handleReject}>\n            Cancel\n          </button>\n        )}\n      </div>\n\n      {/* Streaming result */}\n      {streamedText && (\n        <div className=\"rte-ai-panel-v2__result\">\n          <label className=\"rte-ai-panel-v2__label\">Result</label>\n          <div className=\"rte-ai-panel-v2__result-text\">{streamedText}</div>\n          <div className=\"rte-ai-panel-v2__result-actions\">\n            <button type=\"button\" className=\"rte-ai-panel-v2__accept-btn\" disabled={isProcessing || !editable || invalid} onClick={handleAccept}>\n              {labels.aiAccept}\n            </button>\n            <button type=\"button\" className=\"rte-ai-panel-v2__reject-btn\" onClick={handleReject}>\n              {labels.aiReject}\n            </button>\n          </div>\n        </div>\n      )}\n\n      {/* Error */}\n      {error && (\n        <div className=\"rte-ai-panel-v2__error\">\n          <span>{error}</span>\n          <button type=\"button\" onClick={() => setError(null)}>Dismiss</button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default AIRewrite;\n"],"mappings":"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"}
+{"version":3,"file":"AIRewrite.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/AIRewrite.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect, useId } from 'react';\nimport type { Editor } from '@tiptap/react';\nimport type { AIConfig, AIAction, RichTextEditorLabels } from './types';\nimport { defaultLabels } from './types';\nimport StreamingText from '../../ai/StreamingText';\nimport LoadingState from '../../ai/LoadingState';\n\ninterface AIRewriteProps {\n  editor: Editor;\n  aiConfig: AIConfig;\n  labels?: RichTextEditorLabels;\n  initialSelection: string;\n  selectionRange: { from: number; to: number };\n  onClose: () => void;\n}\n\nconst QUICK_ACTIONS: { key: AIAction; labelKey: keyof RichTextEditorLabels; icon: string }[] = [\n  { key: 'rewrite', labelKey: 'aiRewrite', icon: '✏' },\n  { key: 'shorten', labelKey: 'aiShorten', icon: '📝' },\n  { key: 'expand', labelKey: 'aiExpand', icon: '📄' },\n  { key: 'fix_grammar', labelKey: 'aiFixGrammar', icon: '✓' },\n  { key: 'translate_en', labelKey: 'aiTranslateEn', icon: 'EN' },\n  { key: 'translate_zh', labelKey: 'aiTranslateZh', icon: '中' },\n  { key: 'professional', labelKey: 'aiProfessional', icon: '💼' },\n  { key: 'casual', labelKey: 'aiCasual', icon: '💬' },\n];\n\nfunction getSystemPrompt(action: AIAction | 'custom', customPrompt?: string): string {\n  if (action === 'custom') return customPrompt || 'Follow the user instructions.';\n  const prompts: Record<AIAction, string> = {\n    rewrite: 'Rewrite the following text to improve clarity and readability. Keep the same meaning and tone. Return only the rewritten text.',\n    shorten: 'Shorten the following text while preserving its key meaning. Be concise. Return only the shortened text.',\n    expand: 'Expand the following text with more details and examples while keeping the same tone. Return only the expanded text.',\n    fix_grammar: 'Fix any grammar, spelling, and punctuation errors in the following text. Return only the corrected text.',\n    translate_en: 'Translate the following text to English. Return only the translated text.',\n    translate_zh: 'Translate the following text to Chinese. Return only the translated text.',\n    professional: 'Rewrite the following text in a professional, formal tone. Return only the rewritten text.',\n    casual: 'Rewrite the following text in a casual, friendly tone. Return only the rewritten text.',\n  };\n  return customPrompt || prompts[action];\n}\n\nasync function* readSSE(response: Response): AsyncGenerator<string> {\n  const reader = response.body?.getReader();\n  if (!reader) throw new Error('No response body');\n  const decoder = new TextDecoder();\n  let buffer = '';\n  let data: string[] = [];\n  try {\n    while (true) {\n      const { done, value } = await reader.read();\n      buffer += done ? decoder.decode() : decoder.decode(value, { stream: true });\n      // Normalize CRLF only when the complete line is available (chunks may split it).\n      let newline: number;\n      while ((newline = buffer.indexOf('\\n')) !== -1) {\n        const line = buffer.slice(0, newline).replace(/\\r$/, '');\n        buffer = buffer.slice(newline + 1);\n        if (!line) {\n          if (data.length) yield data.join('\\n');\n          data = [];\n        } else if (line.startsWith('data:')) {\n          data.push(line.slice(5).replace(/^ /, ''));\n        }\n      }\n      if (done) {\n        if (buffer.startsWith('data:')) data.push(buffer.slice(5).replace(/^ /, '').replace(/\\r$/, ''));\n        if (data.length) yield data.join('\\n');\n        return;\n      }\n    }\n  } finally {\n    try { await reader.cancel(); } catch { /* The request may already be aborted. */ }\n    reader.releaseLock();\n  }\n}\n\nasync function* streamOpenAI(\n  config: AIConfig,\n  text: string,\n  systemPrompt: string,\n  signal: AbortSignal,\n): AsyncGenerator<string> {\n  if (!config.gateway || !config.model) throw new Error('OpenAI protocol requires gateway and model');\n  const body = JSON.stringify({\n    model: config.model,\n    messages: [\n      { role: 'system', content: systemPrompt },\n      { role: 'user', content: text },\n    ],\n    stream: true,\n  });\n\n  const response = await fetch(config.gateway, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(config.apiKey ? { Authorization: `Bearer ${config.apiKey}` } : {}),\n      ...config.headers,\n    },\n    body,\n    signal,\n  });\n\n  if (!response.ok) throw new Error(`AI API error: ${response.status} ${response.statusText}`);\n  for await (const payload of readSSE(response)) {\n    if (payload.trim() === '[DONE]') return;\n    let data;\n    try { data = JSON.parse(payload); } catch { continue; }\n    if (data?.error) throw new Error(data.error.message || 'AI stream error');\n    const content = data?.choices?.[0]?.delta?.content;\n    if (typeof content === 'string') yield content;\n  }\n}\n\nasync function* streamAnthropic(\n  config: AIConfig,\n  text: string,\n  systemPrompt: string,\n  signal: AbortSignal,\n): AsyncGenerator<string> {\n  if (!config.gateway || !config.model) throw new Error('Anthropic protocol requires gateway and model');\n  const body = JSON.stringify({\n    model: config.model,\n    max_tokens: 4096,\n    system: systemPrompt,\n    messages: [{ role: 'user', content: text }],\n    stream: true,\n  });\n\n  const response = await fetch(config.gateway, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(config.apiKey ? { 'x-api-key': config.apiKey } : {}),\n      'anthropic-version': '2023-06-01',\n      ...config.headers,\n    },\n    body,\n    signal,\n  });\n\n  if (!response.ok) throw new Error(`AI API error: ${response.status} ${response.statusText}`);\n  for await (const payload of readSSE(response)) {\n    let data;\n    try { data = JSON.parse(payload); } catch { continue; }\n    if (data?.type === 'error') throw new Error(data.error?.message || 'AI stream error');\n    if (data?.type === 'message_stop') return;\n    if (data?.type === 'content_block_delta' && typeof data.delta?.text === 'string') yield data.delta.text;\n  }\n}\n\nfunction getStream(\n  config: AIConfig,\n  text: string,\n  systemPrompt: string,\n  action: AIAction | 'custom',\n  signal: AbortSignal,\n  request?: { prompt: string; selectedText: string; mode: 'replace' | 'insert' },\n): AsyncIterable<string> {\n  if (config.protocol === 'custom') {\n    if (!config.customHandler) throw new Error('Custom AI protocol requires customHandler');\n    return config.customHandler({\n      text,\n      action: action === 'custom' ? 'rewrite' : action,\n      systemPrompt,\n      signal,\n      prompt: request?.prompt ?? '',\n      selectedText: request?.selectedText ?? text,\n      mode: request?.mode ?? 'replace',\n    });\n  }\n  if (config.protocol === 'anthropic') return streamAnthropic(config, text, systemPrompt, signal);\n  return streamOpenAI(config, text, systemPrompt, signal);\n}\n\nconst AIRewrite: React.FC<AIRewriteProps> = ({ editor, aiConfig, labels: propsLabels, initialSelection, selectionRange, onClose }) => {\n  const labels = { ...defaultLabels, ...propsLabels };\n  const promptId = useId();\n  const [prompt, setPrompt] = useState('');\n  const [isProcessing, setIsProcessing] = useState(false);\n  const [streamedText, setStreamedText] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const abortRef = useRef<AbortController | null>(null);\n  const promptRef = useRef<HTMLTextAreaElement>(null);\n  const [editable, setEditable] = useState(() => !editor.isDestroyed && editor.isEditable);\n  const [invalid, setInvalid] = useState(false);\n  const sourceDoc = useRef(editor.state.doc);\n  const invalidRef = useRef(false);\n\n  const cancelRequest = useCallback(() => {\n    const request = abortRef.current;\n    abortRef.current = null;\n    request?.abort();\n  }, []);\n\n  useEffect(() => {\n    sourceDoc.current = editor.state.doc;\n    invalidRef.current = false;\n    setInvalid(false);\n    setStreamedText('');\n    setIsProcessing(false);\n    setError(null);\n    const invalidate = () => {\n      setEditable(!editor.isDestroyed && editor.isEditable);\n      if (editor.isDestroyed || !editor.isEditable || editor.state.doc !== sourceDoc.current) {\n        invalidRef.current = true;\n        setInvalid(true);\n        cancelRequest();\n        setIsProcessing(false);\n        setStreamedText('');\n        setError('The document or editing permissions changed. Close and reopen AI Assistant.');\n      }\n    };\n    invalidate();\n    editor.on('update', invalidate);\n    editor.on('transaction', invalidate);\n    editor.on('destroy', invalidate);\n    return () => {\n      cancelRequest();\n      editor.off('update', invalidate);\n      editor.off('transaction', invalidate);\n      editor.off('destroy', invalidate);\n    };\n  }, [editor, initialSelection, selectionRange.from, selectionRange.to, cancelRequest]);\n\n  const selectedText = initialSelection;\n\n  useEffect(() => {\n    if (promptRef.current) promptRef.current.focus();\n  }, []);\n\n  const handleGenerate = useCallback(async (action: AIAction | 'custom' = 'custom', customPromptOverride?: string) => {\n    if (editor.isDestroyed || !editor.isEditable || invalidRef.current || abortRef.current) return;\n    const mode = selectedText ? 'replace' : 'insert';\n    if (mode === 'insert' && !prompt.trim()) return;\n\n    const actionPrompt = action === 'custom'\n      ? (mode === 'replace'\n          ? 'Edit the selected text according to the user instruction. Return only the replacement text.'\n          : 'Generate text according to the user instruction. Return only the text to insert.')\n      : getSystemPrompt(action, customPromptOverride);\n    const systemPrompt = [aiConfig.systemPrompt, actionPrompt].filter(Boolean).join('\\n\\n');\n    const userText = mode === 'replace'\n      ? (prompt.trim()\n          ? `Instruction:\\n${prompt.trim()}\\n\\nSelected text:\\n${selectedText}`\n          : selectedText)\n      : prompt.trim();\n\n    setIsProcessing(true);\n    setStreamedText('');\n    setError(null);\n\n    const abort = new AbortController();\n    abortRef.current = abort;\n\n    try {\n      let result = '';\n      for await (const chunk of getStream(aiConfig, userText, systemPrompt, action, abort.signal, {\n        prompt: prompt.trim(),\n        selectedText,\n        mode,\n      })) {\n        if (abort.signal.aborted || abortRef.current !== abort) break;\n        result += chunk;\n        setStreamedText(result);\n      }\n    } catch (err: unknown) {\n      if (abort.signal.aborted || abortRef.current !== abort) return;\n      setStreamedText('');\n      setError(String(err instanceof Error ? err.message : err));\n    } finally {\n      if (abortRef.current === abort) {\n        abortRef.current = null;\n        setIsProcessing(false);\n      }\n    }\n  }, [editor, aiConfig, selectedText, prompt]);\n\n  const handleAccept = useCallback(() => {\n    if (!streamedText || abortRef.current || editor.isDestroyed || !editor.isEditable || invalidRef.current) return;\n    const { from, to } = selectionRange;\n    if (editor.state.doc !== sourceDoc.current || !Number.isInteger(from) || !Number.isInteger(to) || from < 0 || to < from || to > editor.state.doc.content.size) {\n      setError('The original selection is no longer valid. Close and reopen AI Assistant.');\n      return;\n    }\n    // AI output is plain text, never HTML. Use the captured range even if the cursor moved.\n    editor.view.dispatch(editor.state.tr.insertText(streamedText, from, to));\n    setStreamedText('');\n    setPrompt('');\n    onClose();\n  }, [editor, streamedText, selectionRange, onClose]);\n\n  const handleReject = useCallback(() => {\n    cancelRequest();\n    setStreamedText('');\n    setIsProcessing(false);\n    setError(null);\n  }, [cancelRequest]);\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault();\n      handleGenerate();\n    }\n  }, [handleGenerate]);\n\n  return (\n    <div className=\"rte-ai-panel-v2\">\n      <div className=\"rte-ai-panel-v2__header\">\n        <span className=\"rte-ai-panel-v2__title\">✨ {labels.ai || 'AI Assistant'}</span>\n        <button type=\"button\" className=\"rte-ai-panel-v2__close-btn\" onClick={() => { cancelRequest(); onClose(); }} title={labels.aiClose} aria-label={labels.aiClose}>\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" /><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n          </svg>\n        </button>\n      </div>\n      {/* Prompt input */}\n      <div className=\"rte-ai-panel-v2__prompt-section\">\n        <label className=\"rte-ai-panel-v2__label\" htmlFor={promptId}>{labels.aiPromptLabel}</label>\n        <textarea\n          id={promptId}\n          ref={promptRef}\n          className=\"rte-ai-panel-v2__prompt-input\"\n          value={prompt}\n          onChange={(e) => setPrompt(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={labels.aiPromptPlaceholder}\n          rows={3}\n          disabled={isProcessing || !editable || invalid}\n        />\n      </div>\n\n      {/* Selected text display */}\n      <div className=\"rte-ai-panel-v2__selection-section\">\n        <span className=\"rte-ai-panel-v2__label\">{labels.aiSelectedText}</span>\n        <div className=\"rte-ai-panel-v2__selection-box\">\n          {selectedText ? (\n            <span>{selectedText.length > 300 ? selectedText.slice(0, 300) + '...' : selectedText}</span>\n          ) : (\n            <span className=\"rte-ai-panel-v2__empty\">{labels.aiInsertHint}</span>\n          )}\n        </div>\n      </div>\n\n      {/* Quick actions */}\n      <div className=\"rte-ai-panel-v2__quick-actions\">\n        {QUICK_ACTIONS.map(({ key, labelKey, icon }) => (\n          <button\n            key={key}\n            type=\"button\"\n            className=\"rte-ai-panel-v2__quick-btn\"\n            onClick={() => handleGenerate(key)}\n            disabled={isProcessing || !editable || invalid || !selectedText.trim()}\n            title={selectedText ? labels[labelKey] : labels.aiInsertHint}\n          >\n            <span>{icon}</span>\n            <span>{labels[labelKey]}</span>\n          </button>\n        ))}\n      </div>\n\n      {/* Generate button */}\n      <div className=\"rte-ai-panel-v2__actions\">\n        <button\n          type=\"button\"\n          className=\"rte-ai-panel-v2__generate-btn\"\n          onClick={() => handleGenerate()}\n          disabled={isProcessing || !editable || invalid || (!prompt.trim() && !selectedText.trim())}\n        >\n          {isProcessing ? labels.aiProcessing : `✨ ${labels.aiGenerate}`}\n        </button>\n        {isProcessing && (\n          <button type=\"button\" className=\"rte-ai-panel-v2__cancel-btn\" onClick={handleReject}>\n            {labels.aiCancel}\n          </button>\n        )}\n      </div>\n\n      {/* Streaming result */}\n      {isProcessing && !streamedText && (\n        <LoadingState\n          className=\"rte-ai-panel-v2__loading\"\n          label={labels.aiProcessing}\n          variant=\"dots\"\n          layout=\"block\"\n          size=\"sm\"\n        />\n      )}\n      {streamedText && (\n        <div className=\"rte-ai-panel-v2__result\">\n          <div className=\"rte-ai-panel-v2__result-header\">\n            <span className=\"rte-ai-panel-v2__label\">{labels.aiResult}</span>\n            <span className={`rte-ai-panel-v2__stream-status ${isProcessing ? 'rte-ai-panel-v2__stream-status--live' : ''}`} role=\"status\">\n              <span className=\"rte-ai-panel-v2__stream-dot\" aria-hidden=\"true\" />\n              {isProcessing ? labels.aiProcessing : `${streamedText.length} chars`}\n            </span>\n          </div>\n          <div className=\"rte-ai-panel-v2__result-text\">\n            <StreamingText text={streamedText} streaming={isProcessing} />\n          </div>\n          <div className=\"rte-ai-panel-v2__result-actions\">\n            <button type=\"button\" className=\"rte-ai-panel-v2__accept-btn\" disabled={isProcessing || !editable || invalid} onClick={handleAccept}>\n              {labels.aiAccept}\n            </button>\n            <button type=\"button\" className=\"rte-ai-panel-v2__reject-btn\" onClick={handleReject}>\n              {labels.aiReject}\n            </button>\n          </div>\n        </div>\n      )}\n\n      {/* Error */}\n      {error && (\n        <div className=\"rte-ai-panel-v2__error\">\n          <span>{error}</span>\n          <button type=\"button\" onClick={() => setError(null)}>{labels.aiDismiss}</button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default AIRewrite;\n"],"mappings":"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"}

package/dist/components/pro/RichTextEditor/BlockHandle.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 import type { Editor } from '@tiptap/react';
 interface BlockHandleProps {
     editor: Editor;
+    /** Keep the left control rail visible instead of revealing it only on hover. */
+    persistent?: boolean;
 }
 declare const BlockHandle: React.FC<BlockHandleProps>;
 export default BlockHandle;

package/dist/components/pro/RichTextEditor/BlockHandle.js

@@ -2,21 +2,21 @@ import { useCallback as e, useEffect as t, useLayoutEffect as n, useRef as r, us
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { NodeSelection as c, Selection as l } from "@tiptap/pm/state";
 //#region src/components/pro/RichTextEditor/BlockHandle.tsx
-var u = ({ editor: u }) => {
-	let [d, f] = i(!1), [p, m] = i(0), [h, g] = i(!1), [_, v] = i("add"), [y, b] = i({
+var u = ({ editor: u, persistent: d = !1 }) => {
+	let [f, p] = i(!1), [m, h] = i(0), [g, _] = i(!1), [v, y] = i("add"), [b, x] = i({
 		left: 4,
 		top: 0
-	}), x = r(null), S = r(null), C = r(!1), [w, T] = i(-1), [E, D] = i(!1), [O, k] = i(null), A = r(null), j = r(null), M = r(null), N = r(!1), P = e(() => {
-		M.current &&= (clearTimeout(M.current), null);
-	}, []), F = e(() => {
-		P(), M.current = setTimeout(() => {
-			!N.current && !h && !E && !j.current?.contains(document.activeElement) && !A.current?.contains(document.activeElement) && f(!1);
+	}), S = r(null), C = r(null), w = r(!1), [T, E] = i(-1), [D, O] = i(!1), [k, A] = i(null), j = r(null), M = r(null), N = r(null), P = r(!1), F = e(() => {
+		N.current &&= (clearTimeout(N.current), null);
+	}, []), I = e(() => {
+		F(), N.current = setTimeout(() => {
+			!P.current && !g && !D && !M.current?.contains(document.activeElement) && !j.current?.contains(document.activeElement) && p(!1);
 		}, 200);
 	}, [
-		P,
-		h,
-		E
-	]), I = e(() => {
+		F,
+		g,
+		D
+	]), L = e(() => {
 		if (u.isDestroyed) return [];
 		let e = u.view.dom.closest(".rte-editor-wrapper");
 		if (!e) return [];
@@ -33,76 +33,102 @@ var u = ({ editor: u }) => {
 				});
 			}
 		}), r;
-	}, [u]), L = e((e) => {
+	}, [u]), R = e((e) => {
 		let t = u.view.dom.closest(".rte-editor-wrapper");
 		if (!t) return -1;
 		let n = e - t.getBoundingClientRect().top - t.clientTop + t.scrollTop;
-		return I().findIndex((e) => n >= e.domTop && n <= e.domBottom);
-	}, [u, I]), R = e((e) => {
+		return L().findIndex((e) => n >= e.domTop && n <= e.domBottom);
+	}, [u, L]), z = e((e) => {
+		let t = L(), n = R(e);
+		if (n < 0 || n >= t.length) return !1;
+		let r = t[n], i = u.state.doc.nodeAt(r.pos);
+		return i ? (S.current = {
+			pos: r.pos,
+			node: i
+		}, E(n), h(r.domTop), p(!0), !0) : !1;
+	}, [
+		u,
+		R,
+		L
+	]), B = e((e) => {
 		let t = u.view.dom.closest(".rte-editor-wrapper");
 		if (!t) return null;
-		let n = e - t.getBoundingClientRect().top - t.clientTop + t.scrollTop, r = I();
+		let n = e - t.getBoundingClientRect().top - t.clientTop + t.scrollTop, r = L();
 		if (r.length === 0) return null;
-		let i = 0, a = Infinity, o = r[0].domTop;
+		let i = S.current, a = i ? r.findIndex((e) => e.pos === i.pos) : -1, o = r.findIndex((e) => n >= e.domTop && n <= e.domBottom);
+		if (a > o && o >= 0) return {
+			slotIndex: o,
+			indicatorTop: r[o].domTop
+		};
+		let s = 0, c = Infinity, l = r[0].domTop;
 		for (let e = 0; e <= r.length; e++) {
-			let t = e < r.length ? r[e].domTop : r[r.length - 1].domBottom, s = Math.abs(n - t);
-			s < a && (a = s, i = e, o = t);
+			let t = e < r.length ? r[e].domTop : r[r.length - 1].domBottom, i = Math.abs(n - t);
+			i < c && (c = i, s = e, l = t);
 		}
 		return {
-			slotIndex: i,
-			indicatorTop: o
+			slotIndex: s,
+			indicatorTop: l
 		};
-	}, [u, I]);
+	}, [u, L]);
 	t(() => {
 		let e = u.view.dom.closest(".rte-editor-wrapper");
 		if (!e) return;
 		let t = (t) => {
-			if (E || S.current || h || N.current || !u.isEditable || u.view.composing || j.current?.contains(t.target) || A.current?.contains(t.target)) return;
-			let n = L(t.clientY);
+			if (D || C.current || g || P.current || !u.isEditable || u.view.composing || M.current?.contains(t.target) || j.current?.contains(t.target)) return;
+			let n = R(t.clientY);
 			if (n < 0) {
-				F();
+				I();
 				return;
 			}
-			let r = I();
-			if (n >= r.length) return;
+			let r = L();
+			if (n >= r.length || !z(t.clientY)) return;
 			let i = Math.max(0, -e.getBoundingClientRect().top);
-			m(Math.max(r[n].domTop, e.scrollTop + i + 4)), T(n);
-			let a = u.state.doc.nodeAt(r[n].pos);
-			x.current = a ? {
-				pos: r[n].pos,
-				node: a
-			} : null, P(), f(!0);
+			h(Math.max(r[n].domTop, e.scrollTop + i + 4)), F();
 		}, n = () => {
-			E || F();
+			D || I();
+		}, r = (e) => {
+			if (!u.isEditable || u.view.composing) return;
+			let t = e.touches[0];
+			t && z(t.clientY);
 		};
-		return e.addEventListener("mousemove", t), e.addEventListener("mouseleave", n), () => {
-			e.removeEventListener("mousemove", t), e.removeEventListener("mouseleave", n), P();
+		e.addEventListener("mousemove", t), e.addEventListener("mouseleave", n), e.addEventListener("touchstart", r);
+		let i = d ? requestAnimationFrame(() => {
+			let e = L(), t = e[0] ? u.state.doc.nodeAt(e[0].pos) : null;
+			e[0] && t && (S.current = {
+				pos: e[0].pos,
+				node: t
+			}, E(0), h(e[0].domTop), p(!0));
+		}) : null;
+		return () => {
+			e.removeEventListener("mousemove", t), e.removeEventListener("mouseleave", n), e.removeEventListener("touchstart", r), i !== null && cancelAnimationFrame(i), F();
 		};
 	}, [
 		u,
-		P,
 		F,
-		E,
-		h,
+		I,
+		D,
+		g,
+		R,
 		L,
-		I
+		z,
+		d
 	]), t(() => {
-		if (!h) return;
+		if (!g) return;
 		let e = (e) => {
-			A.current && !A.current.contains(e.target) && !j.current?.contains(e.target) && (N.current = !1, g(!1));
+			j.current && !j.current.contains(e.target) && !M.current?.contains(e.target) && (P.current = !1, _(!1));
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [h]);
-	let z = e(() => {
-		let e = x.current;
+	}, [g]);
+	let V = e(() => {
+		let e = S.current;
 		return u.isDestroyed || !u.isEditable || u.view.composing || !e || u.state.doc.nodeAt(e.pos) !== e.node ? null : e;
-	}, [u]), B = e((e) => {
-		let t = z();
+	}, [u]), H = e((e) => {
+		let t = V();
 		if (!t) return;
 		let n = t.pos + t.node.nodeSize;
-		u.chain().focus().insertContentAt(n, e).command(({ tr: e }) => (e.setSelection(l.near(e.doc.resolve(n + 1))), !0)).run(), g(!1);
-	}, [u, z]), V = e((e) => {
-		let t = z(), n = I();
+		u.chain().focus().insertContentAt(n, e).command(({ tr: e }) => (e.setSelection(l.near(e.doc.resolve(n + 1))), !0)).run(), _(!1);
+	}, [u, V]), U = e((e) => {
+		let t = V(), n = L();
 		if (!t || e < 0 || e > n.length) return;
 		let r = n.findIndex((e) => e.pos === t.pos);
 		if (r < 0 || e === r || e === r + 1) return;
@@ -110,67 +136,72 @@ var u = ({ editor: u }) => {
 		a.insert(o, t.node), a.setSelection(c.isSelectable(t.node) ? c.create(a.doc, o) : l.near(a.doc.resolve(o))), u.view.dispatch(a.scrollIntoView()), u.view.focus();
 	}, [
 		u,
-		z,
-		I
+		V,
+		L
 	]);
 	t(() => {
 		let e = () => {
-			S.current?.(), x.current = null, N.current = !1, f(!1), g(!1), P();
+			C.current?.(), S.current = null, P.current = !1, p(d), _(!1), F();
 		}, t = ({ transaction: t }) => {
 			(t.docChanged || !u.isEditable) && e();
 		}, n = (t) => {
-			(!(t.target instanceof Node) || !A.current?.contains(t.target)) && e();
+			(!(t.target instanceof Node) || !j.current?.contains(t.target)) && e();
 		};
 		u.on("transaction", t);
 		let r = u.view.dom;
 		return r.addEventListener("compositionstart", e), window.addEventListener("scroll", n, !0), window.addEventListener("resize", e), window.addEventListener("blur", e), () => {
-			u.off("transaction", t), r.removeEventListener("compositionstart", e), window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", e), window.removeEventListener("blur", e), S.current?.(), P();
+			u.off("transaction", t), r.removeEventListener("compositionstart", e), window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", e), window.removeEventListener("blur", e), C.current?.(), F();
 		};
-	}, [u, P]), n(() => {
-		if (!h) return;
-		let e = A.current, t = j.current, n = u.view.dom.closest(".rte-editor-wrapper");
+	}, [
+		u,
+		F,
+		d
+	]), n(() => {
+		if (!g) return;
+		let e = j.current, t = M.current, n = u.view.dom.closest(".rte-editor-wrapper");
 		if (!e || !t || !n) return;
 		let r = n.getBoundingClientRect(), i = t.getBoundingClientRect(), a = Math.max(8, r.left + n.clientLeft), o = Math.min(window.innerWidth - 8, r.right), s = Math.max(8, r.top + n.clientTop), c = Math.min(window.innerHeight - 8, r.bottom) - i.bottom - 4, l = i.top - s - 4, d = c < e.scrollHeight && l > c;
-		e.style.maxHeight = `${Math.max(0, Math.min(320, d ? l : c))}px`, e.style.minWidth = "0", e.style.width = `${Math.max(0, Math.min(220, o - a))}px`, b({
+		e.style.maxHeight = `${Math.max(0, Math.min(320, d ? l : c))}px`, e.style.minWidth = "0", e.style.width = `${Math.max(0, Math.min(220, o - a))}px`, x({
 			left: Math.max(a, Math.min(i.left, o - e.offsetWidth)) - r.left - n.clientLeft + n.scrollLeft,
 			top: (d ? i.top - e.offsetHeight - 4 : i.bottom + 4) - r.top - n.clientTop + n.scrollTop
 		});
-		let f = _ === "actions" ? "button:not(:disabled)" : "button";
+		let f = v === "actions" ? "button:not(:disabled)" : "button";
 		e.querySelector(f)?.focus({ preventScroll: !0 });
 	}, [
 		u,
-		h,
-		_
+		g,
+		v
 	]);
-	let H = e((e) => {
-		if (e.preventDefault(), e.stopPropagation(), e.button !== 0 || !z()) return;
-		S.current?.(), C.current = !1;
+	let W = e((e) => {
+		if (e.preventDefault(), e.stopPropagation(), e.button !== 0 || !z(e.clientY) || !V()) return;
+		C.current?.(), w.current = !1;
 		let t = e.clientX, n = e.clientY, r = !1, i = (e) => {
 			if (!r && Math.hypot(e.clientX - t, e.clientY - n) < 5) return;
-			r = !0, C.current = !0, g(!1), D(!0);
-			let i = R(e.clientY);
-			i && k({ top: i.indicatorTop });
+			r = !0, w.current = !0, _(!1), O(!0);
+			let i = B(e.clientY);
+			i && A({ top: i.indicatorTop });
 		}, a = () => {
-			document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", s), document.removeEventListener("keydown", o, !0), S.current = null, D(!1), k(null);
+			document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", s), document.removeEventListener("keydown", o, !0), C.current = null, O(!1), A(null);
 		}, o = (e) => {
-			e.key === "Escape" && (e.preventDefault(), e.stopImmediatePropagation(), C.current = !0, a());
+			e.key === "Escape" && (e.preventDefault(), e.stopImmediatePropagation(), w.current = !0, a());
 		}, s = (e) => {
 			if (a(), !r) return;
 			let t = u.view.dom.closest(".rte-editor-wrapper")?.getBoundingClientRect();
 			if (!t || e.clientX < t.left || e.clientX > t.right || e.clientY < t.top || e.clientY > t.bottom) return;
-			let n = R(e.clientY);
-			n && V(n.slotIndex);
+			let n = B(e.clientY);
+			n && U(n.slotIndex);
 		};
-		S.current = a, document.addEventListener("mousemove", i), document.addEventListener("mouseup", s), document.addEventListener("keydown", o, !0);
+		C.current = a, document.addEventListener("mousemove", i), document.addEventListener("mouseup", s), document.addEventListener("keydown", o, !0);
 	}, [
 		u,
-		z,
 		V,
-		R
-	]), U = { type: "paragraph" }, W = [
+		U,
+		B,
+		z
+	]), G = { type: "paragraph" }, K = [
 		{
 			label: "Text",
-			content: U
+			content: G
 		},
 		...[
 			1,
@@ -189,7 +220,7 @@ var u = ({ editor: u }) => {
 				type: "bulletList",
 				content: [{
 					type: "listItem",
-					content: [U]
+					content: [G]
 				}]
 			}
 		},
@@ -199,7 +230,7 @@ var u = ({ editor: u }) => {
 				type: "orderedList",
 				content: [{
 					type: "listItem",
-					content: [U]
+					content: [G]
 				}]
 			}
 		},
@@ -210,7 +241,7 @@ var u = ({ editor: u }) => {
 				content: [{
 					type: "taskItem",
 					attrs: { checked: !1 },
-					content: [U]
+					content: [G]
 				}]
 			}
 		},
@@ -218,7 +249,7 @@ var u = ({ editor: u }) => {
 			label: "Blockquote",
 			content: {
 				type: "blockquote",
-				content: [U]
+				content: [G]
 			}
 		},
 		{
@@ -237,48 +268,48 @@ var u = ({ editor: u }) => {
 					type: "tableRow",
 					content: Array.from({ length: 3 }, () => ({
 						type: t === 0 ? "tableHeader" : "tableCell",
-						content: [U]
+						content: [G]
 					}))
 				}))
 			}
 		}
-	], G = _ === "add" ? W.filter((e) => u.schema.nodes[e.content.type]) : [
+	], q = v === "add" ? K.filter((e) => u.schema.nodes[e.content.type]) : [
 		{ label: "Duplicate" },
 		{ label: "Delete" },
 		{
 			label: "Move up",
-			disabled: w <= 0
+			disabled: T <= 0
 		},
 		{
 			label: "Move down",
-			disabled: w >= u.state.doc.childCount - 1
+			disabled: T >= u.state.doc.childCount - 1
 		}
-	], K = (e) => {
+	], J = (e) => {
 		if (e.disabled) return;
-		let t = z();
+		let t = V();
 		if (t) {
-			if (e.content) B(e.content);
+			if (e.content) H(e.content);
 			else if (e.label === "Duplicate") {
 				let e = t.pos + t.node.nodeSize, n = u.state.tr.insert(e, t.node);
 				n.setSelection(l.near(n.doc.resolve(e + 1))), u.view.dispatch(n.scrollIntoView()), u.view.focus();
 			} else e.label === "Delete" ? u.chain().focus().deleteRange({
 				from: t.pos,
 				to: t.pos + t.node.nodeSize
-			}).run() : e.label === "Move up" ? V(w - 1) : e.label === "Move down" && V(w + 2);
+			}).run() : e.label === "Move up" ? U(T - 1) : e.label === "Move down" && U(T + 2);
 		}
 	};
-	return !d && !h && !E ? null : /* @__PURE__ */ s(a, { children: [
+	return !f && !g && !D ? null : /* @__PURE__ */ s(a, { children: [
 		/* @__PURE__ */ s("div", {
-			ref: j,
-			className: "rte-block-handle",
-			style: { top: p },
-			onFocus: P,
-			onBlur: F,
+			ref: M,
+			className: `rte-block-handle ${d ? "rte-block-handle--persistent" : ""}`,
+			style: { top: m },
+			onFocus: F,
+			onBlur: I,
 			onMouseEnter: () => {
-				N.current = !0, P();
+				P.current = !0, F();
 			},
 			onMouseLeave: () => {
-				N.current = !1, E || F();
+				P.current = !1, D || I();
 			},
 			onMouseDown: (e) => {
 				e.stopPropagation(), e.preventDefault();
@@ -289,12 +320,19 @@ var u = ({ editor: u }) => {
 				onMouseDown: (e) => {
 					e.stopPropagation(), e.preventDefault();
 				},
+				onTouchStart: (e) => {
+					e.stopPropagation(), w.current = !0, V() && (y("add"), _(!g || v !== "add"));
+				},
 				onClick: (e) => {
-					e.stopPropagation(), z() && (v("add"), g(!h || _ !== "add"));
+					if (e.stopPropagation(), w.current) {
+						w.current = !1;
+						return;
+					}
+					V() && (y("add"), _(!g || v !== "add"));
 				},
 				"aria-label": "Add block",
 				"aria-haspopup": "menu",
-				"aria-expanded": h && _ === "add",
+				"aria-expanded": g && v === "add",
 				title: "Add block",
 				children: /* @__PURE__ */ s("svg", {
 					width: "14",
@@ -317,18 +355,21 @@ var u = ({ editor: u }) => {
 				})
 			}), /* @__PURE__ */ o("button", {
 				type: "button",
-				className: `rte-block-handle__btn rte-block-handle__btn--drag ${E ? "rte-block-handle__btn--dragging" : ""}`,
+				className: `rte-block-handle__btn rte-block-handle__btn--drag ${D ? "rte-block-handle__btn--dragging" : ""}`,
 				title: "Drag to reorder or click for block actions",
 				"aria-label": "Block actions",
 				"aria-haspopup": "menu",
-				"aria-expanded": h && _ === "actions",
-				onMouseDown: H,
+				"aria-expanded": g && v === "actions",
+				onMouseDown: W,
+				onTouchStart: (e) => {
+					e.stopPropagation(), w.current = !0, y("actions"), _(!g || v !== "actions");
+				},
 				onClick: (e) => {
-					if (e.stopPropagation(), C.current) {
-						C.current = !1;
+					if (e.stopPropagation(), w.current) {
+						w.current = !1;
 						return;
 					}
-					z() && (v("actions"), g(!h || _ !== "actions"));
+					V() && (y("actions"), _(!g || v !== "actions"));
 				},
 				children: /* @__PURE__ */ s("svg", {
 					width: "14",
@@ -372,20 +413,20 @@ var u = ({ editor: u }) => {
 				})
 			})]
 		}),
-		h && /* @__PURE__ */ o("div", {
-			ref: A,
+		g && /* @__PURE__ */ o("div", {
+			ref: j,
 			className: "rte-block-handle__menu",
 			role: "menu",
-			"aria-label": _ === "add" ? "Add block" : "Block actions",
+			"aria-label": v === "add" ? "Add block" : "Block actions",
 			style: {
-				...y,
+				...b,
 				overflowY: "auto"
 			},
 			onMouseEnter: () => {
-				N.current = !0, P();
+				P.current = !0, F();
 			},
 			onMouseLeave: () => {
-				N.current = !1;
+				P.current = !1;
 			},
 			onMouseDown: (e) => {
 				e.stopPropagation(), e.preventDefault();
@@ -393,7 +434,7 @@ var u = ({ editor: u }) => {
 			onKeyDown: (e) => {
 				if (e.nativeEvent.isComposing || e.keyCode === 229) return;
 				if (e.key === "Escape" || e.key === "Tab") {
-					e.key === "Escape" && e.preventDefault(), e.stopPropagation(), N.current = !1, g(!1), j.current?.querySelector(_ === "add" ? ".rte-block-handle__btn--add" : ".rte-block-handle__btn--drag")?.focus({ preventScroll: !0 });
+					e.key === "Escape" && e.preventDefault(), e.stopPropagation(), P.current = !1, _(!1), M.current?.querySelector(v === "add" ? ".rte-block-handle__btn--add" : ".rte-block-handle__btn--drag")?.focus({ preventScroll: !0 });
 					return;
 				}
 				if (![
@@ -408,7 +449,7 @@ var u = ({ editor: u }) => {
 				let i = t[r];
 				i && i.offsetTop < e.currentTarget.scrollTop ? e.currentTarget.scrollTop = i.offsetTop : i && i.offsetTop + i.offsetHeight > e.currentTarget.scrollTop + e.currentTarget.clientHeight && (e.currentTarget.scrollTop = i.offsetTop + i.offsetHeight - e.currentTarget.clientHeight);
 			},
-			children: G.map((e) => /* @__PURE__ */ o("button", {
+			children: q.map((e) => /* @__PURE__ */ o("button", {
 				type: "button",
 				role: "menuitem",
 				disabled: e.disabled,
@@ -419,14 +460,14 @@ var u = ({ editor: u }) => {
 				className: "rte-block-handle__menu-item",
 				onMouseDown: (e) => e.stopPropagation(),
 				onClick: (t) => {
-					t.stopPropagation(), K(e), g(!1), N.current = !1;
+					t.stopPropagation(), J(e), _(!1), P.current = !1;
 				},
 				children: e.label
 			}, e.label))
 		}),
-		E && O && /* @__PURE__ */ o("div", {
+		D && k && /* @__PURE__ */ o("div", {
 			className: "rte-block-handle__drop-indicator",
-			style: { top: O.top }
+			style: { top: k.top }
 		})
 	] });
 };