@svadmin/editor 0.5.16 → 0.7.0

package/dist/components/Editor.svelte

@@ -1,16 +1,10 @@
-<script lang="ts">
-  import { definedOptions } from '@svadmin/core/options';
-
-  import { Editor as TiptapEditor } from '@tiptap/core';
-  import { fullPreset, minimalPreset, prosePreset, type EditorPresetOptions, type Lowlight } from '../extensions/index.js';
+<script module lang="ts">
+  import type { HTMLAttributes } from 'svelte/elements';
   import type { AnyExtension } from '@tiptap/core';
-  import Toolbar from './Toolbar.svelte';
-  import BubbleMenuComp from './BubbleMenu.svelte';
-  import FloatingMenuComp from './FloatingMenu.svelte';
-  import { t } from '@svadmin/core';
-  import '../styles/editor.css';
+  import type { Lowlight } from '../extensions/index.js';
 
-  interface Props {
+  export interface EditorProps extends Pick<HTMLAttributes<HTMLDivElement>,
+    'id' | 'aria-label' | 'aria-labelledby' | 'aria-invalid' | 'aria-describedby' | 'aria-required'> {
     /** HTML string content (bindable) */
     value?: string;
     /** Placeholder text */
@@ -43,9 +37,25 @@
     minHeight?: string;
     /** Max height for the editor content area */
     maxHeight?: string;
+    /** 禁用编辑但保留当前 HTML 值。 */
+    disabled?: boolean;
     /** lowlight instance for syntax-highlighted code blocks */
     lowlight?: Lowlight;
   }
+</script>
+
+<script lang="ts">
+  import { definedOptions } from '@svadmin/core/options';
+
+  import { Editor as TiptapEditor } from '@tiptap/core';
+  import { fullPreset, minimalPreset, prosePreset, type EditorPresetOptions } from '../extensions/index.js';
+  import Toolbar from './Toolbar.svelte';
+  import BubbleMenuComp from './BubbleMenu.svelte';
+  import FloatingMenuComp from './FloatingMenu.svelte';
+  import { t } from '@svadmin/core';
+  import { RotateCw, X } from '@lucide/svelte';
+  import { untrack } from 'svelte';
+  import '../styles/editor.css';
 
   let {
     value = $bindable(''),
@@ -64,27 +74,116 @@
     class: className = '',
     minHeight = '200px',
     maxHeight = '600px',
+    id,
+    disabled = false,
+    'aria-invalid': ariaInvalid,
+    'aria-describedby': ariaDescribedBy,
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledBy,
+    'aria-required': ariaRequired,
     lowlight,
-  }: Props = $props();
+  }: EditorProps = $props();
 
   let editorElement: HTMLDivElement | undefined = $state();
   let editor: TiptapEditor | null = $state(null);
+  let editorGeneration = 0;
+  let uploadTaskId = 0;
+  let uploadTasks = $state<UploadTask[]>([]);
+  const canEdit = $derived(editable && !disabled);
+  const extensionPreset = $derived(preset);
+  const extensionPlaceholder = $derived(placeholder);
+  const extensionLimit = $derived(maxLength);
+  const extensionLowlight = $derived(lowlight);
+  const extensionOverride = $derived(customExtensions);
+  const uploadHandler = $derived(onUpload);
+
+  interface UploadTask {
+    id: number;
+    file: File;
+    position: number;
+    end: number;
+    attempt: number;
+    pending: boolean;
+    error: boolean;
+  }
+
+  $effect.pre(() => {
+    void canEdit;
+    void uploadHandler;
+    editorGeneration++;
+    uploadTasks = [];
+  });
+
+  function currentUpload(instance: TiptapEditor, generation: number): boolean {
+    return canEdit && editor === instance && !instance.isDestroyed && editorGeneration === generation;
+  }
+
+  function updateUploadTask(id: number, update: Partial<UploadTask>): void {
+    uploadTasks = uploadTasks.map(task => task.id === id ? { ...task, ...update } : task);
+  }
+
+  function removeUploadTask(id: number): void {
+    uploadTasks = uploadTasks.filter(task => task.id !== id);
+  }
+
+  function insertUploadedImage(instance: TiptapEditor, task: UploadTask, url: string): void {
+    const imageNode = instance.state.schema.nodes['image'];
+    if (!imageNode) return;
+    const safePosition = Math.max(0, Math.min(task.position, instance.state.doc.content.size));
+    const safeEnd = Math.max(safePosition, Math.min(task.end, instance.state.doc.content.size));
+    const transaction = instance.state.tr.replaceRangeWith(safePosition, safeEnd, imageNode.create({ src: url, alt: task.file.name }));
+    instance.view.dispatch(transaction);
+  }
+
+  async function startImageUpload(instance: TiptapEditor, file: File, position: number, end = position, task?: UploadTask): Promise<void> {
+    if (!onUpload || !currentUpload(instance, editorGeneration)) return;
+    const currentTask = task ? uploadTasks.find(item => item.id === task.id) : {
+      id: ++uploadTaskId,
+      file,
+      position,
+      end,
+      attempt: 0,
+      pending: false,
+      error: false,
+    };
+    if (!currentTask || currentTask.pending) return;
+    const attempt = currentTask.attempt + 1;
+    if (!task) uploadTasks = [...uploadTasks, currentTask];
+    updateUploadTask(currentTask.id, { attempt, pending: true, error: false });
+    const generation = editorGeneration;
+    const handler = onUpload;
+    try {
+      const url = await handler(file);
+      const active = uploadTasks.find(item => item.id === currentTask.id);
+      if (!active || active.attempt !== attempt || !currentUpload(instance, generation)) return;
+      insertUploadedImage(instance, active, url);
+      removeUploadTask(currentTask.id);
+    } catch {
+      const active = uploadTasks.find(item => item.id === currentTask.id);
+      if (!active || active.attempt !== attempt || !currentUpload(instance, generation)) return;
+      updateUploadTask(currentTask.id, { pending: false, error: true });
+    }
+  }
+
+  function retryImageUpload(task: UploadTask): void {
+    if (task.pending || !editor || !canEdit) return;
+    void startImageUpload(editor, task.file, task.position, task.end, task);
+  }
 
   // Track whether we're updating externally to prevent loops
   let isUpdatingFromExternal = false;
-  let isUpdatingFromEditor = false;
 
   // Build extensions based on preset
   function buildExtensions(): AnyExtension[] {
-    if (customExtensions) return customExtensions;
+    if (extensionOverride) return extensionOverride;
 
     const opts: EditorPresetOptions = definedOptions({
-      placeholder,
-      maxLength,
-      lowlight,
+      placeholder: extensionPlaceholder,
+      maxLength: extensionLimit,
+      lowlight: extensionLowlight,
     });
 
-    switch (preset) {
+    switch (extensionPreset) {
       case 'minimal': return minimalPreset(opts);
       case 'prose': return prosePreset(opts);
       case 'full':
@@ -94,89 +193,106 @@
 
   // Create editor when element is available
   $effect(() => {
-    if (!editorElement) return;
-
+    const element = editorElement;
+    if (!element) return;
     const ext = buildExtensions();
 
-    editor = new TiptapEditor({
-      element: editorElement,
+    // 内容、反馈和禁用状态另行同步，避免普通字段更新销毁选区与编辑历史。
+    const instance: TiptapEditor = untrack(() => new TiptapEditor({
+      element,
       extensions: ext,
       content: value || '',
-      editable,
-      autofocus,
+      editable: canEdit,
+      autofocus: canEdit ? autofocus : false,
       editorProps: {
         attributes: {
           class: 'tiptap',
         },
         // Handle image drop
         handleDrop(view, event, slice, moved) {
+          if (!canEdit || editor !== instance || !instance.schema.nodes['image']) return false;
           if (!moved && event.dataTransfer?.files?.length && onUpload) {
             const files = event.dataTransfer.files;
+            let handled = false;
+            const pos = view.posAtCoords({ left: event.clientX, top: event.clientY });
             for (const file of files) {
               if (file.type.startsWith('image/')) {
                 event.preventDefault();
-                onUpload(file).then((url) => {
-                  if (editor) {
-                    const { schema } = editor.state;
-                    const pos = view.posAtCoords({ left: event.clientX, top: event.clientY });
-                    const imageNode = schema.nodes['image'];
-                    if (pos && imageNode) {
-                      const node = imageNode.create({ src: url, alt: file.name });
-                      const transaction = view.state.tr.insert(pos.pos, node);
-                      view.dispatch(transaction);
-                    }
-                  }
-                });
-                return true;
+                void startImageUpload(instance, file, pos?.pos ?? instance.state.selection.from);
+                handled = true;
               }
             }
+            return handled;
           }
           return false;
         },
         // Handle image paste
         handlePaste(view, event) {
+          if (!canEdit || editor !== instance || !instance.schema.nodes['image']) return false;
           const items = event.clipboardData?.items;
           if (items && onUpload) {
+            let handled = false;
             for (const item of items) {
               if (item.type.startsWith('image/')) {
-                event.preventDefault();
                 const file = item.getAsFile();
                 if (file) {
-                  onUpload(file).then((url) => {
-                    if (editor) {
-                      editor.chain().focus().setImage({ src: url, alt: file.name }).run();
-                    }
-                  });
+                  event.preventDefault();
+                  void startImageUpload(instance, file, instance.state.selection.from, instance.state.selection.to);
+                  handled = true;
                 }
-                return true;
               }
             }
+            return handled;
           }
           return false;
         },
       },
+      onTransaction({ transaction, appendedTransactions }) {
+        const transactions = [transaction, ...appendedTransactions].filter(item => item.docChanged);
+        if (!transactions.length) return;
+        // 跟随文档交易映射插入点，不使用异步回执到达时的鼠标坐标或当前选区。
+        untrack(() => {
+          uploadTasks = uploadTasks.map(task => {
+            let position = task.position;
+            let end = task.end;
+            for (const item of transactions) {
+              for (const step of item.mapping.maps) {
+                let edited = false;
+                step.forEach((from, to) => {
+                  if (from < end && to > position) edited = true;
+                });
+                position = step.map(position);
+                end = edited ? position : Math.max(position, step.map(end, -1));
+              }
+            }
+            return { ...task, position, end };
+          });
+        });
+      },
       onUpdate({ editor: e }) {
         if (isUpdatingFromExternal) return;
-        isUpdatingFromEditor = true;
         const html = e.getHTML();
         value = html;
         onchange?.(html);
-        // Defer reset to allow Svelte to process
-        queueMicrotask(() => { isUpdatingFromEditor = false; });
       },
-    });
+    }));
+    editor = instance;
 
     return () => {
-      editor?.destroy();
+      instance.destroy();
+      editorGeneration++;
+      uploadTasks = [];
       editor = null;
     };
   });
 
   // Sync external value changes into the editor
   $effect(() => {
-    if (!editor || isUpdatingFromEditor) return;
+    if (!editor) return;
     const currentHtml = editor.getHTML();
     if (value !== currentHtml) {
+      uploadTasks = [];
+      editorGeneration++;
       isUpdatingFromExternal = true;
       editor.commands.setContent(value || '', { emitUpdate: false });
       isUpdatingFromExternal = false;
@@ -185,9 +301,29 @@
 
   // Sync editable state
   $effect(() => {
-    if (editor) {
-      editor.setEditable(editable);
-    }
+    if (editor) editor.setEditable(canEdit, false);
+  });
+
+  $effect(() => {
+    if (!editor) return;
+    editor.setOptions({
+      editorProps: {
+        ...editor.options.editorProps,
+        attributes: {
+          class: 'tiptap',
+          role: 'textbox',
+          'aria-multiline': 'true',
+          'aria-readonly': String(!canEdit),
+          ...(disabled ? { 'aria-disabled': 'true', tabindex: '-1' } : {}),
+          ...(id ? { id } : {}),
+          ...(ariaLabel ? { 'aria-label': ariaLabel } : {}),
+          ...(ariaLabelledBy ? { 'aria-labelledby': ariaLabelledBy } : {}),
+          ...(ariaInvalid !== undefined ? { 'aria-invalid': String(ariaInvalid) } : {}),
+          ...(ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {}),
+          ...(ariaRequired !== undefined ? { 'aria-required': String(ariaRequired) } : {}),
+        },
+      },
+    });
   });
 
   // Character count
@@ -196,7 +332,7 @@
 </script>
 
 <div class="svadmin-editor {className}">
-  {#if showToolbar && editor}
+  {#if showToolbar && editor && canEdit}
     <Toolbar {editor} {...definedOptions({ "onUpload": onUpload })} {preset} />
   {/if}
 
@@ -206,11 +342,32 @@
     bind:this={editorElement}
   ></div>
 
-  {#if editor && showBubbleMenu && preset !== 'minimal'}
+  {#if uploadTasks.length}
+    <div class="svadmin-editor-upload-feedback" role="group" aria-label={t('editor.image.upload')}>
+      {#each uploadTasks as task (task.id)}
+        <div class="svadmin-editor-upload-item" aria-busy={task.pending}>
+          <span class="svadmin-editor-upload-name">{task.file.name}</span>
+          {#if task.error}
+            <span role="alert">{t('common.error')}</span>
+            <button type="button" class="svadmin-toolbar-btn" title={t('common.retry')} aria-label={`${t('common.retry')}: ${task.file.name}`} onclick={() => retryImageUpload(task)}>
+              <RotateCw aria-hidden="true" />
+            </button>
+          {:else}
+            <span role="status">{t('editor.image.uploading')}</span>
+          {/if}
+          <button type="button" class="svadmin-toolbar-btn" title={t('common.remove')} aria-label={`${t('common.remove')}: ${task.file.name}`} onclick={() => removeUploadTask(task.id)}>
+            <X aria-hidden="true" />
+          </button>
+        </div>
+      {/each}
+    </div>
+  {/if}
+
+  {#if editor && canEdit && showBubbleMenu && preset !== 'minimal'}
     <BubbleMenuComp {editor} />
   {/if}
 
-  {#if editor && showFloatingMenu && preset !== 'minimal'}
+  {#if editor && canEdit && showFloatingMenu && preset !== 'minimal'}
     <FloatingMenuComp {editor} />
   {/if}
 

package/dist/components/Editor.svelte.d.ts

@@ -1,7 +1,7 @@
-import { type Lowlight } from '../extensions/index.js';
+import type { HTMLAttributes } from 'svelte/elements';
 import type { AnyExtension } from '@tiptap/core';
-import '../styles/editor.css';
-interface Props {
+import type { Lowlight } from '../extensions/index.js';
+export interface EditorProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id' | 'aria-label' | 'aria-labelledby' | 'aria-invalid' | 'aria-describedby' | 'aria-required'> {
     /** HTML string content (bindable) */
     value?: string;
     /** Placeholder text */
@@ -34,9 +34,12 @@ interface Props {
     minHeight?: string;
     /** Max height for the editor content area */
     maxHeight?: string;
+    /** 禁用编辑但保留当前 HTML 值。 */
+    disabled?: boolean;
     /** lowlight instance for syntax-highlighted code blocks */
     lowlight?: Lowlight;
 }
-declare const Editor: import("svelte").Component<Props, {}, "value">;
+import '../styles/editor.css';
+declare const Editor: import("svelte").Component<EditorProps, {}, "value">;
 type Editor = ReturnType<typeof Editor>;
 export default Editor;

package/dist/components/ImageUpload.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Editor } from '@tiptap/core';
-  import { ImageIcon, Upload, Link as LinkIcon } from '@lucide/svelte';
+  import { ImageIcon, Upload, Link as LinkIcon, RotateCw } from '@lucide/svelte';
   import { t } from '@svadmin/core';
 
   let { editor, onUpload, onclose } = $props<{
@@ -15,32 +15,104 @@
   let uploading = $state(false);
   let dragover = $state(false);
   let fileInput: HTMLInputElement | undefined = $state();
+  let uploadGeneration = 0;
+  let disposed = false;
+  let uploadError = $state(false);
+  let retryFiles = $state<File[]>([]);
+
+  function invalidateUpload() {
+    uploadGeneration++;
+  }
+
+  function close() {
+    invalidateUpload();
+    uploading = false;
+    uploadError = false;
+    retryFiles = [];
+    onclose?.();
+  }
+
+  function canCommit(generation: number): boolean {
+    return !disposed
+      && generation === uploadGeneration
+      && !editor.isDestroyed
+      && editor.isEditable;
+  }
+
+  $effect.pre(() => {
+    const instance = editor;
+    void onUpload;
+    disposed = false;
+    uploading = false;
+    uploadError = false;
+    retryFiles = [];
+    const handleDestroy = () => {
+      disposed = true;
+      invalidateUpload();
+    };
+    instance.on('destroy', handleDestroy);
+    return () => {
+      disposed = true;
+      invalidateUpload();
+      instance.off('destroy', handleDestroy);
+    };
+  });
 
   function insertByUrl() {
     if (!url.trim()) return;
+    if (disposed || editor.isDestroyed || !editor.isEditable) return;
     editor.chain().focus().setImage({ src: url, alt: alt || undefined }).run();
     url = '';
     alt = '';
-    onclose?.();
+    close();
   }
 
-  async function handleFiles(files: FileList | null) {
-    if (!files?.length || !onUpload) return;
+  async function handleFiles(files: FileList | File[] | null) {
+    if (!files?.length || !onUpload || uploading || disposed || editor.isDestroyed || !editor.isEditable) return;
+    const selectedFiles = Array.from(files).filter(file => file.type.startsWith('image/'));
+    if (!selectedFiles.length) return;
+    const generation = ++uploadGeneration;
+    const upload = onUpload;
+    const instance = editor;
+    uploadError = false;
+    retryFiles = [];
     uploading = true;
+    let currentIndex = 0;
     try {
-      for (const file of files) {
-        if (!file.type.startsWith('image/')) continue;
-        const uploadedUrl = await onUpload(file);
-        editor.chain().focus().setImage({ src: uploadedUrl, alt: file.name }).run();
+      for (const file of selectedFiles) {
+        currentIndex++;
+        if (!canCommit(generation)) break;
+        const uploadedUrl = await upload(file);
+        if (canCommit(generation)) {
+          instance.chain().focus().setImage({ src: uploadedUrl, alt: file.name }).run();
+        } else {
+          break;
+        }
+      }
+    } catch {
+      if (canCommit(generation)) {
+        uploadError = true;
+        retryFiles = selectedFiles.slice(currentIndex - 1);
       }
-    } catch (e) {
-      console.error('Image upload failed:', e);
     } finally {
-      uploading = false;
-      onclose?.();
+      if (generation === uploadGeneration && !disposed) {
+        uploading = false;
+        if (canCommit(generation) && !uploadError) close();
+      }
     }
   }
 
+  function retryUpload() {
+    const files = retryFiles;
+    if (files.length) void handleFiles(files);
+  }
+
+  function chooseFiles(event: Event) {
+    if (!(event.currentTarget instanceof HTMLInputElement)) return;
+    void handleFiles(event.currentTarget.files);
+    event.currentTarget.value = '';
+  }
+
   function handleDrop(e: DragEvent) {
     e.preventDefault();
     dragover = false;
@@ -49,6 +121,7 @@
 
   function handleDragOver(e: DragEvent) {
     e.preventDefault();
+    if (uploading) return;
     dragover = true;
   }
 
@@ -57,9 +130,13 @@
   }
 
   function handleDropZoneKeydown(e: KeyboardEvent) {
+    if (e.key === 'Escape') {
+      close();
+      return;
+    }
     if (e.key === 'Enter' || e.key === ' ') {
       e.preventDefault();
-      fileInput?.click();
+      if (!uploading) fileInput?.click();
     }
   }
 
@@ -69,7 +146,7 @@
       insertByUrl();
     }
     if (e.key === 'Escape') {
-      onclose?.();
+      close();
     }
   }
 </script>
@@ -81,6 +158,7 @@
       class="svadmin-toolbar-btn"
       style="width: auto; padding: 0 10px; font-size: 12px; gap: 4px; display: flex; align-items: center;"
       data-active={mode === 'url'}
+      disabled={uploading}
       onclick={() => { mode = 'url'; }}
     >
       <LinkIcon style="width: 12px; height: 12px;" />
@@ -92,6 +170,7 @@
         class="svadmin-toolbar-btn"
         style="width: auto; padding: 0 10px; font-size: 12px; gap: 4px; display: flex; align-items: center;"
         data-active={mode === 'upload'}
+        disabled={uploading}
         onclick={() => { mode = 'upload'; }}
       >
         <Upload style="width: 12px; height: 12px;" />
@@ -131,7 +210,9 @@
   {:else}
     <div
       role="button"
-      tabindex="0"
+      tabindex={uploading ? -1 : 0}
+      aria-disabled={uploading}
+      aria-busy={uploading}
       aria-label={t('editor.image.upload')}
       style="
         border: 2px dashed {dragover ? 'var(--editor-primary)' : 'var(--editor-border)'};
@@ -146,7 +227,7 @@
       ondragover={handleDragOver}
       ondragleave={handleDragLeave}
       onkeydown={handleDropZoneKeydown}
-      onclick={() => fileInput?.click()}
+      onclick={() => { if (!uploading) fileInput?.click(); }}
     >
       {#if uploading}
         <div style="color: var(--editor-muted); font-size: 13px;">{t('editor.image.uploading')}</div>
@@ -157,13 +238,23 @@
         </div>
       {/if}
     </div>
+    {#if uploadError}
+      <div role="alert" style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 8px; color: var(--destructive); font-size: 13px;">
+        <span>{t('common.error')}</span>
+        <button type="button" class="svadmin-toolbar-btn" style="width: auto; padding: 0 8px; gap: 4px;" onclick={retryUpload} disabled={uploading || !retryFiles.length}>
+          <RotateCw aria-hidden="true" style="width: 12px; height: 12px;" />
+          {t('common.retry')}
+        </button>
+      </div>
+    {/if}
     <input
       bind:this={fileInput}
       type="file"
       accept="image/*"
       multiple
+      disabled={uploading}
       style="display: none;"
-      onchange={(e) => handleFiles((e.target as HTMLInputElement).files)}
+      onchange={chooseFiles}
     />
   {/if}
 </div>

package/dist/extensions/index.js

@@ -32,6 +32,10 @@ import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight';
 export function fullPreset(options = {}) {
     const extensions = [
         StarterKit.configure(definedOptions({
+            // StarterKit v3 默认自带 link/underline；预设会在下方注册已配置的变体，
+            // 这里必须关闭内置版本，避免重复注册同名扩展。
+            link: false,
+            underline: false,
             // Disable default code block in favor of CodeBlockLowlight
             codeBlock: options.codeHighlight ? false : undefined,
         })),
@@ -93,6 +97,9 @@ export function fullPreset(options = {}) {
 export function minimalPreset(options = {}) {
     const extensions = [
         StarterKit.configure({
+            // 同上：关闭 StarterKit 内置 link/underline，只保留下方注册的配置版本。
+            link: false,
+            underline: false,
             heading: { levels: [1, 2, 3] },
             codeBlock: false,
         }),
@@ -119,6 +126,9 @@ export function minimalPreset(options = {}) {
 export function prosePreset(options = {}) {
     const extensions = [
         StarterKit.configure(definedOptions({
+            // 同上：关闭 StarterKit 内置 link/underline，避免与下方配置版本重复。
+            link: false,
+            underline: false,
             codeBlock: options.codeHighlight ? false : undefined,
         })),
         Underline,

package/dist/index.d.ts

@@ -13,6 +13,7 @@
  * ```
  */
 export { default as Editor } from './components/Editor.svelte';
+export type { EditorProps } from './components/Editor.svelte';
 export { default as Toolbar } from './components/Toolbar.svelte';
 export { default as ToolbarButton } from './components/ToolbarButton.svelte';
 export { default as ToolbarGroup } from './components/ToolbarGroup.svelte';

package/dist/styles/editor.css

@@ -24,6 +24,33 @@
   box-shadow: 0 0 0 2px color-mix(in srgb, var(--ring) 15%, transparent);
 }
 
+.svadmin-editor-upload-feedback {
+  border-top: 1px solid var(--editor-border);
+  padding: 8px;
+}
+
+.svadmin-editor-upload-item {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  font-size: 13px;
+}
+
+.svadmin-editor-upload-name {
+  flex: 1 1 160px;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.svadmin-editor-upload-item [role="alert"] {
+  color: var(--destructive);
+}
+
+.svadmin-editor-upload-item [role="status"] {
+  color: var(--editor-muted);
+}
+
 /* ─── Toolbar ─────────────────────────────────────────────────── */
 
 .svadmin-editor-toolbar {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/editor",
-  "version": "0.5.16",
+  "version": "0.7.0",
   "description": "Modern Tiptap-based rich text editor for Svelte 5 — headless, modular, production-ready",
   "type": "module",
   "sideEffects": [
@@ -37,7 +37,7 @@
   },
   "peerDependencies": {
     "svelte": "^5.56.10",
-    "@svadmin/core": "^0.61.1"
+    "@svadmin/core": "^0.65.0"
   },
   "dependencies": {
     "@lucide/svelte": "^1.35.0",