npm - @pilotiq/tiptap - Versions diffs - 3.20.0 → 4.0.0 - Mend

@pilotiq/tiptap 3.20.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/dist/extensions/{AiSuggestionExtension.js → SuggestionChipExtension.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { Extension } from '@tiptap/core';
 import { Plugin, PluginKey } from '@tiptap/pm/state';
 import { Decoration, DecorationSet } from '@tiptap/pm/view';
-export const aiSuggestionPluginKey = new PluginKey('pilotiqAiSuggestion');
+export const suggestionChipPluginKey = new PluginKey('pilotiqSuggestionChip');
 /**
  * Append or replace by id. Pure — exported for tests and so the same dedupe
  * shape can drive consumer-side mirror state.
@@ -55,7 +55,7 @@ export function sortForApproveAll(suggestions) {
  *
  * Usage:
  * ```ts
- * editor.commands.addAiSuggestion({
+ * editor.commands.addSuggestion({
  *   id:          'seo-1',
  *   from:        12,
  *   to:          18,
@@ -63,30 +63,30 @@ export function sortForApproveAll(suggestions) {
  *   source:      { agentLabel: 'SEO' },
  * })
  * // …user clicks ✓ on the chip, or:
- * editor.commands.approveAiSuggestion('seo-1')
+ * editor.commands.approveSuggestion('seo-1')
  * ```
  *
  * Mounted by default inside `TiptapEditor`; consumer code reaches it through
  * the editor's command surface.
  */
-export const AiSuggestionExtension = Extension.create({
-    name: 'pilotiqAiSuggestion',
+export const SuggestionChipExtension = Extension.create({
+    name: 'pilotiqSuggestionChip',
     addOptions() {
         return {
-            classPrefix: 'pilotiq-ai-suggestion',
+            classPrefix: 'pilotiq-suggestion',
         };
     },
     onCreate() {
         // Inject minimal default styles for the chip + strikethrough on first
         // mount so consumers see the visualization without wiring CSS. Idempotent
-        // via the `data-pilotiq-ai-suggestion-styles` sentinel; consumers who
+        // via the `data-pilotiq-suggestion-styles` sentinel; consumers who
         // want full control just add their own `<style>` with the same class
         // names (last wins — the cascade picks user overrides over our defaults
         // since the user stylesheet appears AFTER our injected one in `<head>`
         // when imported via Vite/Webpack, OR via higher specificity).
         if (typeof document === 'undefined')
             return;
-        const SENTINEL = 'data-pilotiq-ai-suggestion-styles';
+        const SENTINEL = 'data-pilotiq-suggestion-styles';
         if (document.head.querySelector(`style[${SENTINEL}]`))
             return;
         const prefix = this.options.classPrefix;
@@ -134,10 +134,10 @@ export const AiSuggestionExtension = Extension.create({
       /* Banner — bottom-of-editor strip for whole-field suggestions on rich
          surfaces (markdown / richtext). Sibling to the chip styles above;
          lives here so both ship via the same extension-mount sentinel.
-         Class names live under \`pilotiq-ai-banner-*\` (not \`-suggestion-\`)
+         Class names live under \`pilotiq-suggestion-banner-*\` (not \`-suggestion-\`)
          since the banner is a host-mounted React component, not a PM
          decoration. */
-      .pilotiq-ai-banner {
+      .pilotiq-suggestion-banner {
         display: flex;
         align-items: center;
         gap: 0.5rem;
@@ -150,15 +150,15 @@ export const AiSuggestionExtension = Extension.create({
         font-size: 0.875rem;
         line-height: 1.4;
       }
-      .pilotiq-ai-banner-icon { flex: 0 0 auto; }
-      .pilotiq-ai-banner-label { flex: 1 1 auto; }
-      .pilotiq-ai-banner-actions {
+      .pilotiq-suggestion-banner-icon { flex: 0 0 auto; }
+      .pilotiq-suggestion-banner-label { flex: 1 1 auto; }
+      .pilotiq-suggestion-banner-actions {
         display: inline-flex;
         gap: 0.375rem;
         flex: 0 0 auto;
       }
-      .pilotiq-ai-banner-reject,
-      .pilotiq-ai-banner-accept {
+      .pilotiq-suggestion-banner-reject,
+      .pilotiq-suggestion-banner-accept {
         appearance: none;
         cursor: pointer;
         font-size: 0.8125rem;
@@ -168,50 +168,50 @@ export const AiSuggestionExtension = Extension.create({
         border-radius: 0.25rem;
         border: 1px solid transparent;
       }
-      .pilotiq-ai-banner-reject {
+      .pilotiq-suggestion-banner-reject {
         background-color: transparent;
         color: rgb(120, 53, 15);
         border-color: rgba(180, 83, 9, 0.4);
       }
-      .pilotiq-ai-banner-reject:hover {
+      .pilotiq-suggestion-banner-reject:hover {
         background-color: rgba(254, 215, 170, 0.4);
       }
-      .pilotiq-ai-banner-accept {
+      .pilotiq-suggestion-banner-accept {
         background-color: rgb(22, 101, 52);
         color: white;
       }
-      .pilotiq-ai-banner-accept:hover { background-color: rgb(21, 128, 61); }
+      .pilotiq-suggestion-banner-accept:hover { background-color: rgb(21, 128, 61); }
     `;
         document.head.appendChild(style);
     },
     addCommands() {
         return {
-            addAiSuggestion: (suggestion) => ({ tr, state, dispatch }) => {
-                const current = aiSuggestionPluginKey.getState(state)?.suggestions ?? [];
+            addSuggestion: (suggestion) => ({ tr, state, dispatch }) => {
+                const current = suggestionChipPluginKey.getState(state)?.suggestions ?? [];
                 const next = upsertSuggestion(current, suggestion);
                 if (dispatch) {
-                    tr.setMeta(aiSuggestionPluginKey, { type: 'set', next });
+                    tr.setMeta(suggestionChipPluginKey, { type: 'set', next });
                     dispatch(tr);
                 }
                 return true;
             },
-            addAiSuggestions: (suggestions) => ({ tr, state, dispatch }) => {
-                const current = aiSuggestionPluginKey.getState(state)?.suggestions ?? [];
+            addSuggestions: (suggestions) => ({ tr, state, dispatch }) => {
+                const current = suggestionChipPluginKey.getState(state)?.suggestions ?? [];
                 const next = upsertSuggestions(current, suggestions);
                 if (dispatch) {
-                    tr.setMeta(aiSuggestionPluginKey, { type: 'set', next });
+                    tr.setMeta(suggestionChipPluginKey, { type: 'set', next });
                     dispatch(tr);
                 }
                 return true;
             },
-            approveAiSuggestion: (id) => ({ tr, state, dispatch }) => {
-                const current = aiSuggestionPluginKey.getState(state)?.suggestions ?? [];
+            approveSuggestion: (id) => ({ tr, state, dispatch }) => {
+                const current = suggestionChipPluginKey.getState(state)?.suggestions ?? [];
                 const target = current.find(s => s.id === id);
                 if (!target)
                     return false;
                 if (dispatch) {
                     applyApprove(tr, state, target);
-                    tr.setMeta(aiSuggestionPluginKey, {
+                    tr.setMeta(suggestionChipPluginKey, {
                         type: 'set',
                         next: removeSuggestion(current, id),
                     });
@@ -219,13 +219,13 @@ export const AiSuggestionExtension = Extension.create({
                 }
                 return true;
             },
-            rejectAiSuggestion: (id) => ({ tr, state, dispatch }) => {
-                const current = aiSuggestionPluginKey.getState(state)?.suggestions ?? [];
+            rejectSuggestion: (id) => ({ tr, state, dispatch }) => {
+                const current = suggestionChipPluginKey.getState(state)?.suggestions ?? [];
                 const target = current.find(s => s.id === id);
                 if (!target)
                     return false;
                 if (dispatch) {
-                    tr.setMeta(aiSuggestionPluginKey, {
+                    tr.setMeta(suggestionChipPluginKey, {
                         type: 'set',
                         next: removeSuggestion(current, id),
                     });
@@ -233,14 +233,14 @@ export const AiSuggestionExtension = Extension.create({
                 }
                 return true;
             },
-            approveAllAiSuggestions: () => ({ tr, state, dispatch }) => {
-                const current = aiSuggestionPluginKey.getState(state)?.suggestions ?? [];
+            approveAllSuggestions: () => ({ tr, state, dispatch }) => {
+                const current = suggestionChipPluginKey.getState(state)?.suggestions ?? [];
                 if (current.length === 0)
                     return false;
                 if (dispatch) {
                     for (const s of sortForApproveAll(current))
                         applyApprove(tr, state, s);
-                    tr.setMeta(aiSuggestionPluginKey, {
+                    tr.setMeta(suggestionChipPluginKey, {
                         type: 'set',
                         next: [],
                     });
@@ -248,12 +248,12 @@ export const AiSuggestionExtension = Extension.create({
                 }
                 return true;
             },
-            rejectAllAiSuggestions: () => ({ tr, state, dispatch }) => {
-                const current = aiSuggestionPluginKey.getState(state)?.suggestions ?? [];
+            rejectAllSuggestions: () => ({ tr, state, dispatch }) => {
+                const current = suggestionChipPluginKey.getState(state)?.suggestions ?? [];
                 if (current.length === 0)
                     return false;
                 if (dispatch) {
-                    tr.setMeta(aiSuggestionPluginKey, {
+                    tr.setMeta(suggestionChipPluginKey, {
                         type: 'set',
                         next: [],
                     });
@@ -261,12 +261,12 @@ export const AiSuggestionExtension = Extension.create({
                 }
                 return true;
             },
-            clearAiSuggestions: () => ({ tr, state, dispatch }) => {
-                const current = aiSuggestionPluginKey.getState(state)?.suggestions ?? [];
+            clearSuggestions: () => ({ tr, state, dispatch }) => {
+                const current = suggestionChipPluginKey.getState(state)?.suggestions ?? [];
                 if (current.length === 0)
                     return false;
                 if (dispatch) {
-                    tr.setMeta(aiSuggestionPluginKey, {
+                    tr.setMeta(suggestionChipPluginKey, {
                         type: 'set',
                         next: [],
                     });
@@ -280,11 +280,11 @@ export const AiSuggestionExtension = Extension.create({
         const ext = this;
         return [
             new Plugin({
-                key: aiSuggestionPluginKey,
+                key: suggestionChipPluginKey,
                 state: {
                     init: () => ({ suggestions: [] }),
                     apply(tr, prev) {
-                        const meta = tr.getMeta(aiSuggestionPluginKey);
+                        const meta = tr.getMeta(suggestionChipPluginKey);
                         const base = meta?.type === 'set' ? meta.next : prev.suggestions;
                         if (!tr.docChanged)
                             return { suggestions: base };
@@ -295,17 +295,17 @@ export const AiSuggestionExtension = Extension.create({
                 },
                 props: {
                     decorations(state) {
-                        const ps = aiSuggestionPluginKey.getState(state);
+                        const ps = suggestionChipPluginKey.getState(state);
                         if (!ps || ps.suggestions.length === 0)
                             return DecorationSet.empty;
                         return buildDecorations(state, ps.suggestions, ext.options.classPrefix, ext.editor);
                     },
                 },
                 view(view) {
-                    let last = aiSuggestionPluginKey.getState(view.state)?.suggestions;
+                    let last = suggestionChipPluginKey.getState(view.state)?.suggestions;
                     return {
                         update(updated) {
-                            const next = aiSuggestionPluginKey.getState(updated.state)?.suggestions;
+                            const next = suggestionChipPluginKey.getState(updated.state)?.suggestions;
                             if (next === last)
                                 return;
                             last = next;
@@ -344,13 +344,13 @@ function buildDecorations(state, suggestions, prefix, editor) {
         if (from < to) {
             decos.push(Decoration.inline(from, to, {
                 class: `${prefix}-original`,
-                'data-pilotiq-ai-suggestion-id': s.id,
+                'data-pilotiq-suggestion-id': s.id,
             }));
         }
         decos.push(Decoration.widget(to, () => buildChip(s, prefix, editor), {
             side: 1,
             ignoreSelection: true,
-            key: `pilotiq-ai-suggestion:${s.id}`,
+            key: `pilotiq-suggestion:${s.id}`,
         }));
     }
     return DecorationSet.create(state.doc, decos);
@@ -368,7 +368,7 @@ export function clampPos(pos, max) {
 function buildChip(s, prefix, editor) {
     const root = document.createElement('span');
     root.className = `${prefix}-chip`;
-    root.setAttribute('data-pilotiq-ai-suggestion-id', s.id);
+    root.setAttribute('data-pilotiq-suggestion-id', s.id);
     root.contentEditable = 'false';
     if (s.replacement.length > 0) {
         const insert = document.createElement('span');
@@ -377,16 +377,16 @@ function buildChip(s, prefix, editor) {
         root.appendChild(insert);
     }
     if (s.source?.agentLabel) {
-        root.setAttribute('data-pilotiq-ai-suggestion-source', s.source.agentLabel);
+        root.setAttribute('data-pilotiq-suggestion-source', s.source.agentLabel);
     }
     if (s.source?.agentSlug) {
-        root.setAttribute('data-pilotiq-ai-suggestion-source-slug', s.source.agentSlug);
+        root.setAttribute('data-pilotiq-suggestion-source-slug', s.source.agentSlug);
     }
     root.appendChild(buildButton(prefix, 'accept', '✓', 'Accept suggestion', () => {
-        editor.chain().focus().approveAiSuggestion(s.id).run();
+        editor.chain().focus().approveSuggestion(s.id).run();
     }));
     root.appendChild(buildButton(prefix, 'reject', '✕', 'Reject suggestion', () => {
-        editor.chain().focus().rejectAiSuggestion(s.id).run();
+        editor.chain().focus().rejectSuggestion(s.id).run();
     }));
     return root;
 }

package/dist/index.d.ts CHANGED Viewed

@@ -6,10 +6,10 @@ export { registerTiptap } from './register.js';
 export { createPlainTextEditor, plainTextOf, plainTextToDoc, type PlainTextEditorOptions, } from './PlainTextEditor.js';
 export { tiptap } from './plugin.js';
 export { TiptapEditor } from './react/TiptapEditor.js';
-export { AiSuggestionExtension, aiSuggestionPluginKey, upsertSuggestion, upsertSuggestions, removeSuggestion, remapSuggestions, sortForApproveAll, clampPos, type AiSuggestion, type AiSuggestionExtensionOptions, } from './extensions/AiSuggestionExtension.js';
-export { useAiSuggestionBridge } from './react/useAiSuggestionBridge.js';
-export { AiInlineDiffExtension, aiInlineDiffPluginKey, getAiInlineDiffState, type AiInlineDiffExtensionOptions, } from './extensions/AiInlineDiffExtension.js';
-export { planReplaceBlock, planInsertBlockBefore, planDeleteBlock, planWrapBlocks, planUpdateBlockMark, summarizeBlockStructure, type BlockMarkRange, type TransactionModifier, } from './surgicalOps.js';
+export { SuggestionChipExtension, suggestionChipPluginKey, upsertSuggestion, upsertSuggestions, removeSuggestion, remapSuggestions, sortForApproveAll, clampPos, type InlineSuggestion, type SuggestionChipExtensionOptions, } from './extensions/SuggestionChipExtension.js';
+export { useSuggestionBridge } from './react/useSuggestionBridge.js';
+export { InlineDiffExtension, inlineDiffPluginKey, getInlineDiffState, type InlineDiffExtensionOptions, } from './extensions/InlineDiffExtension.js';
+export { planReplaceBlock, planInsertBlockBefore, planDeleteBlock, planWrapBlocks, planUpdateBlockMark, planReplaceText, summarizeBlockStructure, type BlockMarkRange, type TransactionModifier, } from './surgicalOps.js';
 export { renderRichTextToHtml, isRichTextValue, type RenderRichTextOptions, type TiptapNode, type TiptapMark, } from './render.js';
 export { contentBlockNodes, Intro, Faq, FaqItem, FaqQuestion, FaqAnswer, Alert, AlertTitle, AlertBody, Summary, KeyTakeaways, ProsCons, ProsColumn, ConsColumn, ContentBlockKeymap, LabeledBlockExitKeymap, planExitLabeledBlock, isSelectionInAlert, ALERT_VARIANTS, ALERT_VARIANT_LABEL, coerceAlertType, type AlertType, } from './extensions/contentBlocks.js';
 export { shouldShowFloatingToolbar, TOOLBAR_MARKS } from './react/floatingToolbarVisibility.js';

package/dist/index.js CHANGED Viewed

@@ -6,10 +6,10 @@ export { registerTiptap } from './register.js';
 export { createPlainTextEditor, plainTextOf, plainTextToDoc, } from './PlainTextEditor.js';
 export { tiptap } from './plugin.js';
 export { TiptapEditor } from './react/TiptapEditor.js';
-export { AiSuggestionExtension, aiSuggestionPluginKey, upsertSuggestion, upsertSuggestions, removeSuggestion, remapSuggestions, sortForApproveAll, clampPos, } from './extensions/AiSuggestionExtension.js';
-export { useAiSuggestionBridge } from './react/useAiSuggestionBridge.js';
-export { AiInlineDiffExtension, aiInlineDiffPluginKey, getAiInlineDiffState, } from './extensions/AiInlineDiffExtension.js';
-export { planReplaceBlock, planInsertBlockBefore, planDeleteBlock, planWrapBlocks, planUpdateBlockMark, summarizeBlockStructure, } from './surgicalOps.js';
+export { SuggestionChipExtension, suggestionChipPluginKey, upsertSuggestion, upsertSuggestions, removeSuggestion, remapSuggestions, sortForApproveAll, clampPos, } from './extensions/SuggestionChipExtension.js';
+export { useSuggestionBridge } from './react/useSuggestionBridge.js';
+export { InlineDiffExtension, inlineDiffPluginKey, getInlineDiffState, } from './extensions/InlineDiffExtension.js';
+export { planReplaceBlock, planInsertBlockBefore, planDeleteBlock, planWrapBlocks, planUpdateBlockMark, planReplaceText, summarizeBlockStructure, } from './surgicalOps.js';
 export { renderRichTextToHtml, isRichTextValue, } from './render.js';
 // Default content-block node specs (Intro / FAQ / Alert / Summary / Key takeaways /
 // Pros & cons). `contentBlockNodes` is the exact array `TiptapEditor` registers,

package/dist/react/CollabTextRenderer.js CHANGED Viewed

@@ -5,11 +5,11 @@ import { Slice } from '@tiptap/pm/model';
 import { useCollabRoom, getCollabExtensions, } from '@pilotiq/pilotiq/react';
 import { useCollabSeed } from '@rudderjs/sync/react';
 import { createPlainTextEditor, plainTextOf, plainTextToDoc } from '../PlainTextEditor.js';
-import { AiSuggestionExtension } from '../extensions/AiSuggestionExtension.js';
-import { AiInlineDiffExtension } from '../extensions/AiInlineDiffExtension.js';
-import { useAiSuggestionBridge } from './useAiSuggestionBridge.js';
-import { useAiInlineDiff, useIsAiInlineDiffActive, readAiDiffViewMarker } from './useAiInlineDiff.js';
-import { AiSuggestionBanner } from './AiSuggestionBanner.js';
+import { SuggestionChipExtension } from '../extensions/SuggestionChipExtension.js';
+import { InlineDiffExtension } from '../extensions/InlineDiffExtension.js';
+import { useSuggestionBridge } from './useSuggestionBridge.js';
+import { useInlineDiff, useIsInlineDiffActive, readDiffViewMarker } from './useInlineDiff.js';
+import { SuggestionBanner } from './SuggestionBanner.js';
 /**
  * Tiptap-backed plain-text editor for pilotiq's `TextField` / `TextareaField`
  * / similar single-line / multi-line text fields when collab is on.
@@ -100,11 +100,11 @@ export function CollabTextRenderer({ name, fragmentKey, multiline, defaultValue,
             // AI suggestions — chip extension (producer-supplied range
             // suggestions) + inline-diff extension (whole-field suggestions:
             // red strikethrough on removed runs, green on inserted, with the
-            // `<AiSuggestionBanner>` Accept / Reject below). Both idle until
+            // `<SuggestionBanner>` Accept / Reject below). Both idle until
             // a suggestion arrives via the bridges below. Matches the
             // `TiptapEditor` wiring so the review surface reads identically
             // across RichTextField / MarkdownField / TextField+TextareaField.
-            extensions: [...collabExtensions, AiSuggestionExtension, AiInlineDiffExtension],
+            extensions: [...collabExtensions, SuggestionChipExtension, InlineDiffExtension],
             onUpdate: (text) => onChange(text),
             ...(onSubmit ? { onSubmit: () => { onSubmit(); return false; } } : {}),
             ...(className || editorAttributes
@@ -128,11 +128,11 @@ export function CollabTextRenderer({ name, fragmentKey, multiline, defaultValue,
         editor.setEditable(!disabled);
     }, [editor, disabled]);
     // Cross-package suggestion bridge — sync the host's
-    // `<PendingSuggestionsContext>` queue with the editor's `AiSuggestion`
+    // `<PendingSuggestionsContext>` queue with the editor's `InlineSuggestion`
     // extension. No-op when no provider is mounted (default no-op context).
     //
     // Whole-field suggestions do NOT synthesize a chip range anymore —
-    // they render through `useAiInlineDiff` below (same red/green inline
+    // they render through `useInlineDiff` below (same red/green inline
     // diff + banner as `TiptapEditor`), replacing the old green-pill chip
     // that read differently from the rich-text surface. The bridge stays
     // mounted for producer-supplied `meta.editorRange` suggestions (precise
@@ -143,12 +143,12 @@ export function CollabTextRenderer({ name, fragmentKey, multiline, defaultValue,
             return;
         editor.commands.setContent(plainTextToDoc(value, !!multiline));
     };
-    useAiSuggestionBridge(editor ?? null, name, {
+    useSuggestionBridge(editor ?? null, name, {
         onApplyWholeField: applyWholeField,
     });
     // Inline diff for whole-field suggestions — plain-text shape: each
     // line wraps in a `paragraph` node, mirroring `plainTextToDoc`.
-    useAiInlineDiff(editor ?? null, name, {
+    useInlineDiff(editor ?? null, name, {
         parseSuggestion: (ed, value) => {
             try {
                 const node = ed.schema.nodeFromJSON(plainTextToDoc(value, !!multiline));
@@ -158,9 +158,9 @@ export function CollabTextRenderer({ name, fragmentKey, multiline, defaultValue,
                 return null;
             }
         },
-        resolveDisplayMode: () => readAiDiffViewMarker(name),
+        resolveDisplayMode: () => readDiffViewMarker(name),
     });
-    const isDiffActive = useIsAiInlineDiffActive(editor ?? null);
+    const isDiffActive = useIsInlineDiffActive(editor ?? null);
     // First-load seed when collab is active. Collaboration starts the editor
     // empty regardless of `defaultValue`; once the room's first sync
     // resolves, `useCollabSeed` runs the callback inside `ydoc.transact`.
@@ -216,10 +216,10 @@ export function CollabTextRenderer({ name, fragmentKey, multiline, defaultValue,
     // Banner mounts below the editor exactly like `TiptapEditor`'s — it
     // renders nothing while no suggestion is pending for this field, so
     // the single-line text surface keeps its normal footprint.
-    return (_jsxs(_Fragment, { children: [_jsx(EditorContent, { editor: editor }), _jsx(AiSuggestionBanner, { fieldName: name, onApplyWholeField: applyWholeField, ...(isDiffActive && editor
+    return (_jsxs(_Fragment, { children: [_jsx(EditorContent, { editor: editor }), _jsx(SuggestionBanner, { fieldName: name, onApplyWholeField: applyWholeField, ...(isDiffActive && editor
                     ? {
-                        onAcceptViaEditor: () => editor.commands.acceptAiInlineDiff(),
-                        onRejectViaEditor: () => editor.commands.rejectAiInlineDiff(),
+                        onAcceptViaEditor: () => editor.commands.acceptInlineDiff(),
+                        onRejectViaEditor: () => editor.commands.rejectInlineDiff(),
                     }
                     : {}) })] }));
 }

package/dist/react/MarkdownEditor.js CHANGED Viewed

@@ -13,12 +13,12 @@ import { DOMParser as ProseMirrorDOMParser } from '@tiptap/pm/model';
 import { Markdown } from '../markdownExtension.js';
 import { useCollabRoom, getCollabExtensions, useToast, } from '@pilotiq/pilotiq/react';
 import { useCollabSeed } from '@rudderjs/sync/react';
-import { AiSuggestionExtension } from '../extensions/AiSuggestionExtension.js';
-import { AiInlineDiffExtension } from '../extensions/AiInlineDiffExtension.js';
+import { SuggestionChipExtension } from '../extensions/SuggestionChipExtension.js';
+import { InlineDiffExtension } from '../extensions/InlineDiffExtension.js';
 import { Alert, AlertTitle, AlertBody, ContentBlockKeymap } from '../extensions/contentBlocks.js';
-import { useAiSuggestionBridge } from './useAiSuggestionBridge.js';
-import { useAiInlineDiff, useIsAiInlineDiffActive, readAiDiffViewMarker } from './useAiInlineDiff.js';
-import { AiSuggestionBanner } from './AiSuggestionBanner.js';
+import { useSuggestionBridge } from './useSuggestionBridge.js';
+import { useInlineDiff, useIsInlineDiffActive, readDiffViewMarker } from './useInlineDiff.js';
+import { SuggestionBanner } from './SuggestionBanner.js';
 import { getMarkdownString, parseMarkdownToHtml } from '../markdownStorage.js';
 // Inline lucide.dev SVGs — same posture as `toolbarButtons.tsx` so this
 // package doesn't pull `lucide-react` as a peer dep. Keep stroke / size
@@ -135,13 +135,13 @@ export function MarkdownEditor({ name, fragmentKey, defaultValue, placeholder, d
             Image.configure({ inline: false, allowBase64: false }),
             Placeholder.configure({ placeholder: placeholder ?? 'Write in markdown…' }),
             // AI suggestions — chip widget for surgical (range-anchored) edits.
-            AiSuggestionExtension,
+            SuggestionChipExtension,
             // AI inline diff — Tiptap-Pro-style visualization for whole-field
             // suggestions (prosemirror-changeset under the hood). Decorations
             // show green-background inserts inline + red-strikethrough widgets
-            // for deleted text. Host's `<AiSuggestionBanner>` drives Accept /
+            // for deleted text. Host's `<SuggestionBanner>` drives Accept /
             // Reject via the extension's commands.
-            AiInlineDiffExtension,
+            InlineDiffExtension,
             // Alert content block — round-trips to `:::alert{type=…} Title` via the
             // node's `markdown` storage spec; renders the same shadcn NodeView.
             Alert,
@@ -167,13 +167,13 @@ export function MarkdownEditor({ name, fragmentKey, defaultValue, placeholder, d
         editor.setEditable(!disabled && tab === 'editor');
     }, [editor, disabled, tab]);
     // Cross-package suggestion bridge — sync the host's
-    // `<PendingSuggestionsContext>` queue with the editor's `AiSuggestion`
+    // `<PendingSuggestionsContext>` queue with the editor's `InlineSuggestion`
     // extension. No-op when no provider is mounted (default no-op context).
     //
     // Whole-field handling: NO chip widget here. The chip's `textContent`
     // renderer surfaces raw markdown (`## Heading\n- item`) as literal text
     // inside the green pill — visually unparseable for multi-paragraph
-    // rewrites. Instead, `<AiSuggestionBanner>` mounts below the editor
+    // rewrites. Instead, `<SuggestionBanner>` mounts below the editor
     // (see render below). Producer-supplied range suggestions still ride
     // the inline chip path — those have a precise anchor worth showing
     // in context.
@@ -182,7 +182,7 @@ export function MarkdownEditor({ name, fragmentKey, defaultValue, placeholder, d
             return;
         editor.commands.setContent(value);
     };
-    useAiSuggestionBridge(editor ?? null, name, {
+    useSuggestionBridge(editor ?? null, name, {
         onApplyWholeField: applyWholeField,
     });
     // Inline diff for whole-field suggestions — replaces the editor doc with
@@ -194,7 +194,7 @@ export function MarkdownEditor({ name, fragmentKey, defaultValue, placeholder, d
     //      that HTML into a Slice against THIS editor's schema — same path
     //      the editor's own clipboard-paste uses, so the slice is guaranteed
     //      schema-valid.
-    useAiInlineDiff(editor ?? null, name, {
+    useInlineDiff(editor ?? null, name, {
         parseSuggestion: (ed, value) => {
             try {
                 const html = parseMarkdownToHtml(ed, value);
@@ -208,9 +208,9 @@ export function MarkdownEditor({ name, fragmentKey, defaultValue, placeholder, d
                 return null;
             }
         },
-        resolveDisplayMode: () => readAiDiffViewMarker(name),
+        resolveDisplayMode: () => readDiffViewMarker(name),
     });
-    const isDiffActive = useIsAiInlineDiffActive(editor ?? null);
+    const isDiffActive = useIsInlineDiffActive(editor ?? null);
     // First-load seed for collab. Collaboration starts the editor empty
     // regardless of `content`; once the room's first sync resolves,
     // `useCollabSeed` runs the callback inside `ydoc.transact`. Empty
@@ -439,10 +439,10 @@ export function MarkdownEditor({ name, fragmentKey, defaultValue, placeholder, d
                                         : 'hover:bg-accent hover:text-accent-foreground',
                                     'disabled:opacity-50',
                                 ].join(' '), onClick: () => exec(b), disabled: disabled || (isAttach && uploading), title: labels[b] ?? b, "aria-label": labels[b] ?? b, "aria-pressed": active, children: isAttach && uploading ? Spinner : icon }, b));
-                        }) }))] }), tab === 'editor' && (_jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none px-3 py-2 [&_.ProseMirror]:outline-none [&_.ProseMirror]:min-h-[6rem]", style: wrapperStyle, children: _jsx(EditorContent, { editor: editor }) })), tab === 'source' && (_jsx("textarea", { className: "w-full resize-y bg-transparent px-3 py-2 text-sm font-mono leading-relaxed outline-none disabled:opacity-50", style: wrapperStyle, value: sourceDraft, onChange: (e) => setSourceDraft(e.target.value), ...(placeholder !== undefined ? { placeholder } : {}), disabled: disabled, "aria-label": `${name} (markdown source)` })), tab === 'preview' && (_jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none px-3 py-2", style: wrapperStyle, dangerouslySetInnerHTML: { __html: previewHtml || '<p class="text-muted-foreground italic">Nothing to preview</p>' } })), _jsx(AiSuggestionBanner, { fieldName: name, onApplyWholeField: applyWholeField, ...(isDiffActive && editor
+                        }) }))] }), tab === 'editor' && (_jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none px-3 py-2 [&_.ProseMirror]:outline-none [&_.ProseMirror]:min-h-[6rem]", style: wrapperStyle, children: _jsx(EditorContent, { editor: editor }) })), tab === 'source' && (_jsx("textarea", { className: "w-full resize-y bg-transparent px-3 py-2 text-sm font-mono leading-relaxed outline-none disabled:opacity-50", style: wrapperStyle, value: sourceDraft, onChange: (e) => setSourceDraft(e.target.value), ...(placeholder !== undefined ? { placeholder } : {}), disabled: disabled, "aria-label": `${name} (markdown source)` })), tab === 'preview' && (_jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none px-3 py-2", style: wrapperStyle, dangerouslySetInnerHTML: { __html: previewHtml || '<p class="text-muted-foreground italic">Nothing to preview</p>' } })), _jsx(SuggestionBanner, { fieldName: name, onApplyWholeField: applyWholeField, ...(isDiffActive && editor
                     ? {
-                        onAcceptViaEditor: () => editor.commands.acceptAiInlineDiff(),
-                        onRejectViaEditor: () => editor.commands.rejectAiInlineDiff(),
+                        onAcceptViaEditor: () => editor.commands.acceptInlineDiff(),
+                        onRejectViaEditor: () => editor.commands.rejectInlineDiff(),
                     }
                     : {}) })] }));
 }

package/dist/react/{AiSuggestionBanner.d.ts → SuggestionBanner.d.ts} RENAMED Viewed

@@ -25,7 +25,7 @@ import { type PendingSuggestion } from '@pilotiq/pilotiq/react';
  * same field stack — Accept all / Reject all collapse the queue in one
  * pass.
  */
-export interface AiSuggestionBannerProps {
+export interface SuggestionBannerProps {
     /** Field name, matches the suggestion's `fieldName`. */
     fieldName: string;
     /**
@@ -35,8 +35,8 @@ export interface AiSuggestionBannerProps {
      * MarkdownEditor, HTML / JSON for TiptapEditor).
      *
      * Skipped when `onAcceptViaEditor` is supplied — that path means the
-     * editor already holds the proposed state via `AiInlineDiffExtension`,
-     * and Accept routes through `acceptAiInlineDiff()` instead. The host
+     * editor already holds the proposed state via `InlineDiffExtension`,
+     * and Accept routes through `acceptInlineDiff()` instead. The host
      * still calls `pendingSuggestions.approve(id)` afterwards to dismiss
      * the queue entry.
      */
@@ -64,10 +64,10 @@ export interface AiSuggestionBannerProps {
  * Hook variant — returns banner state without rendering, for renderers
  * that want to compose their own chrome. Renderer-agnostic.
  */
-export declare function useAiSuggestionBanner(fieldName: string): {
+export declare function useSuggestionBanner(fieldName: string): {
     pending: readonly PendingSuggestion[];
     approveAll: (apply: (value: string) => void) => void;
     rejectAll: () => void;
 };
-export declare function AiSuggestionBanner({ fieldName, onApplyWholeField, onAcceptViaEditor, onRejectViaEditor, className, }: AiSuggestionBannerProps): React.ReactElement | null;
-//# sourceMappingURL=AiSuggestionBanner.d.ts.map
+export declare function SuggestionBanner({ fieldName, onApplyWholeField, onAcceptViaEditor, onRejectViaEditor, className, }: SuggestionBannerProps): React.ReactElement | null;
+//# sourceMappingURL=SuggestionBanner.d.ts.map

package/dist/react/{AiSuggestionBanner.js → SuggestionBanner.js} RENAMED Viewed

@@ -5,7 +5,7 @@ import { usePendingSuggestionsForField, usePendingSuggestions, } from '@pilotiq/
  * Hook variant — returns banner state without rendering, for renderers
  * that want to compose their own chrome. Renderer-agnostic.
  */
-export function useAiSuggestionBanner(fieldName) {
+export function useSuggestionBanner(fieldName) {
     const { list, dismiss } = usePendingSuggestionsForField(fieldName);
     // Only whole-field suggestions land in the banner. Range-anchored ones
     // ride the editor chip widget.
@@ -28,8 +28,8 @@ function hasEditorRange(s) {
     const range = meta['editorRange'];
     return !!(range && typeof range.from === 'number' && typeof range.to === 'number');
 }
-export function AiSuggestionBanner({ fieldName, onApplyWholeField, onAcceptViaEditor, onRejectViaEditor, className, }) {
-    const { pending, approveAll, rejectAll } = useAiSuggestionBanner(fieldName);
+export function SuggestionBanner({ fieldName, onApplyWholeField, onAcceptViaEditor, onRejectViaEditor, className, }) {
+    const { pending, approveAll, rejectAll } = useSuggestionBanner(fieldName);
     const { dismiss } = usePendingSuggestions();
     if (pending.length === 0)
         return null;
@@ -63,9 +63,9 @@ export function AiSuggestionBanner({ fieldName, onApplyWholeField, onAcceptViaEd
     // Per-suggestion controls when there's more than one — keeps the UX
     // discoverable. Single suggestion: Accept / Reject only.
     const single = pending.length === 1;
-    return (_jsxs("div", { role: "region", "aria-label": "AI suggested changes", "data-pilotiq-ai-banner": "", className: className ?? 'pilotiq-ai-banner', children: [_jsx("span", { className: "pilotiq-ai-banner-icon", "aria-hidden": "true", children: "\uD83D\uDCA1" }), _jsx("span", { className: "pilotiq-ai-banner-label", children: single
+    return (_jsxs("div", { role: "region", "aria-label": "AI suggested changes", "data-pilotiq-suggestion-banner": "", className: className ?? 'pilotiq-suggestion-banner', children: [_jsx("span", { className: "pilotiq-suggestion-banner-icon", "aria-hidden": "true", children: "\uD83D\uDCA1" }), _jsx("span", { className: "pilotiq-suggestion-banner-label", children: single
                     ? sourceLabel
                         ? `Changes suggested by ${sourceLabel}`
                         : 'Changes suggested'
-                    : `${pending.length} changes suggested` }), _jsxs("div", { className: "pilotiq-ai-banner-actions", children: [_jsx("button", { type: "button", className: "pilotiq-ai-banner-reject", onClick: handleReject, children: single ? 'Reject' : 'Reject all' }), _jsx("button", { type: "button", className: "pilotiq-ai-banner-accept", onClick: handleAccept, children: single ? 'Accept' : 'Accept all' })] })] }));
+                    : `${pending.length} changes suggested` }), _jsxs("div", { className: "pilotiq-suggestion-banner-actions", children: [_jsx("button", { type: "button", className: "pilotiq-suggestion-banner-reject", onClick: handleReject, children: single ? 'Reject' : 'Reject all' }), _jsx("button", { type: "button", className: "pilotiq-suggestion-banner-accept", onClick: handleAccept, children: single ? 'Accept' : 'Accept all' })] })] }));
 }