@brainfish-ai/editor 0.16.1 → 0.16.3

package/dist/{index-DPERyOhC.js → index-hvx6Ru78.js}

@@ -1,5 +1,5 @@
-import { L as LRLanguage, A as LanguageSupport, B as indentNodeProp, C as continuedIndent, D as foldNodeProp, E as styleTags, F as tags, G as ifNotIn, H as completeFromList, I as syntaxTree } from './index-o1kUBM0B.js';
-import { E as ExternalTokenizer, L as LRParser } from './index-FnbDXzus.js';
+import { L as LRLanguage, A as LanguageSupport, B as indentNodeProp, C as continuedIndent, D as foldNodeProp, E as styleTags, F as tags, G as ifNotIn, H as completeFromList, I as syntaxTree } from './index-f6Jh9zCn.js';
+import { E as ExternalTokenizer, L as LRParser } from './index-B7G61KeU.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const whitespace = 36,

package/dist/{index-DnIbufdg.js → index-ioAG3mIK.js}

@@ -1,6 +1,6 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, A as LanguageSupport, L as LRLanguage, D as foldNodeProp, M as foldInside, B as indentNodeProp, C as continuedIndent } from './index-o1kUBM0B.js';
-import { defineCSSCompletionSource } from './index-TzlF4I2U.js';
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-B7G61KeU.js';
+import { E as styleTags, F as tags, A as LanguageSupport, L as LRLanguage, D as foldNodeProp, M as foldInside, B as indentNodeProp, C as continuedIndent } from './index-f6Jh9zCn.js';
+import { defineCSSCompletionSource } from './index-D_WC_iU-.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const indent = 168,

package/dist/{index-dd3JkZcJ.js → index-nC_e7r57.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, G as ifNotIn, I as syntaxTree, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, K as delimitedIndent, D as foldNodeProp, M as foldInside, O as NodeWeakMap, P as IterMode, H as completeFromList, N as snippetCompletion } from './index-o1kUBM0B.js';
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-B7G61KeU.js';
+import { E as styleTags, F as tags, G as ifNotIn, I as syntaxTree, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, K as delimitedIndent, D as foldNodeProp, M as foldInside, O as NodeWeakMap, P as IterMode, H as completeFromList, N as snippetCompletion } from './index-f6Jh9zCn.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const printKeyword = 1,

package/dist/{index-mjlRw27L.js → index-wcyxRMSc.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, Q as EditorView, I as syntaxTree, R as EditorSelection, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, D as foldNodeProp, a9 as bracketMatchingHandle } from './index-o1kUBM0B.js';
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-B7G61KeU.js';
+import { E as styleTags, F as tags, Q as EditorView, I as syntaxTree, R as EditorSelection, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, D as foldNodeProp, a9 as bracketMatchingHandle } from './index-f6Jh9zCn.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const StartTag = 1,

package/dist/{index-DO4yrIc-.js → index-wnkG3YUJ.js}

@@ -1,7 +1,7 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-FnbDXzus.js';
-import { S as parseMixed, E as styleTags, F as tags, Q as EditorView, I as syntaxTree, R as EditorSelection, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, D as foldNodeProp, a9 as bracketMatchingHandle } from './index-o1kUBM0B.js';
-import { cssLanguage, css } from './index-TzlF4I2U.js';
-import { typescriptLanguage, jsxLanguage, tsxLanguage, javascriptLanguage, javascript } from './index-CkC8SVWG.js';
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-B7G61KeU.js';
+import { S as parseMixed, E as styleTags, F as tags, Q as EditorView, I as syntaxTree, R as EditorSelection, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, D as foldNodeProp, a9 as bracketMatchingHandle } from './index-f6Jh9zCn.js';
+import { cssLanguage, css } from './index-D_WC_iU-.js';
+import { typescriptLanguage, jsxLanguage, tsxLanguage, javascriptLanguage, javascript } from './index-xzCgWTs0.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const scriptText = 55,

package/dist/{index-CkC8SVWG.js → index-xzCgWTs0.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup, C as ContextTracker } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, Q as EditorView, I as syntaxTree, R as EditorSelection, A as LanguageSupport, G as ifNotIn, H as completeFromList, L as LRLanguage, B as indentNodeProp, J as flatIndent, C as continuedIndent, K as delimitedIndent, D as foldNodeProp, M as foldInside, ab as sublanguageProp, N as snippetCompletion, a3 as defineLanguageFacet, O as NodeWeakMap, P as IterMode } from './index-o1kUBM0B.js';
+import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup, C as ContextTracker } from './index-B7G61KeU.js';
+import { E as styleTags, F as tags, Q as EditorView, I as syntaxTree, R as EditorSelection, A as LanguageSupport, G as ifNotIn, H as completeFromList, L as LRLanguage, B as indentNodeProp, J as flatIndent, C as continuedIndent, K as delimitedIndent, D as foldNodeProp, M as foldInside, ab as sublanguageProp, N as snippetCompletion, a3 as defineLanguageFacet, O as NodeWeakMap, P as IterMode } from './index-f6Jh9zCn.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const noSemi = 316,

package/dist/index.js

@@ -1 +1 @@
-export { ac as BrainfishEditor, ad as MarkdownSourceEditor, ae as MilkdownProvider, j as createReviewSuggestionBulkActions } from './index-o1kUBM0B.js';
+export { ac as BrainfishEditor, ad as MarkdownSourceEditor, ae as MilkdownProvider, j as createReviewSuggestionBulkActions } from './index-f6Jh9zCn.js';

package/dist/markdown-source-editor/MarkdownSourceEditor.d.ts

@@ -18,5 +18,7 @@ export type MarkdownSourceEditorProps = {
     slashMenu?: BrainfishEditorProps['slashMenu'];
     toolbar?: BrainfishEditorProps['toolbar'];
     mentions?: BrainfishEditorProps['mentions'];
+    /** Passed through to {@link BrainfishEditor} for the mention menu footer control. */
+    footerButton?: BrainfishEditorProps['footerButton'];
 };
 export declare const MarkdownSourceEditor: React.ForwardRefExoticComponent<MarkdownSourceEditorProps & React.RefAttributes<MarkdownSourceEditorHandle>>;

package/dist/plugins/mentions/core/types.d.ts

@@ -6,6 +6,8 @@ export type MentionCandidate = {
     type: string;
     inputCount?: number;
     description?: string;
+    /** Overrides provider.typeIcon in the @ slash menu only. */
+    icon?: Icon;
 };
 export type MentionContext = {
     type: string;

package/dist/plugins/mentions/integration/slash-factory.d.ts

@@ -2,8 +2,13 @@
 export declare const mentionSlash: import('@milkdown/plugin-slash').SlashPlugin<"BRAINFISH_MENTION", any>;
 export type MentionSlashApi = {
     isOpen: () => boolean;
+    /** Cycles the highlighted row within the active group tab. */
     nav: (direction: 'next' | 'prev') => void;
+    /** Cycles the active group tab (All / provider groups). */
+    navGroup: (direction: 'next' | 'prev') => void;
     pick: () => boolean;
+    /** Moves focus to the footer button when it is mounted. */
+    focusFooterButton: () => boolean;
     dismiss: () => void;
 };
 /** Imperative control of the open mention menu (keyboard handler + React view). */

package/dist/plugins/mentions/integration/slash-keydown.d.ts

@@ -1,3 +1,4 @@
 import { Ctx } from '@milkdown/kit/ctx';
 import { EditorView } from '@milkdown/kit/prose/view';
+/** ProseMirror `handleKeyDown` for the open `@` mention slash menu (rows and group tabs). */
 export declare function mentionSlashKeydown(ctx: Ctx): (editorView: EditorView, event: KeyboardEvent) => boolean;

package/dist/plugins/mentions/ui/MentionSlashView.d.ts

@@ -1 +1,2 @@
+/** Floating `@` mention autocomplete menu (group tabs, list, optional create-workflow footer). */
 export declare const MentionSlashView: () => import("react/jsx-runtime").JSX.Element;

package/dist/plugins/mentions/ui/filterMentionSlashRows.d.ts

@@ -0,0 +1,16 @@
+/** Sentinel tab id for the unfiltered mention slash menu. */
+export declare const ALL_MENTION_GROUP = "all";
+/** Rows visible for the active group tab (`All` returns every row). */
+export declare function filterMentionSlashRows<T extends {
+    groupLabel: string;
+}>(rows: T[], activeGroup: string): T[];
+/** Keeps `activeGroup` when it still has rows; otherwise falls back to {@link ALL_MENTION_GROUP}. */
+export declare function resolveMentionSlashGroup<T extends {
+    groupLabel: string;
+}>(rows: T[], activeGroup: string): string;
+/** Ordered tab ids for keyboard cycling: `All` first, then provider group labels in row order. */
+export declare function mentionSlashTabIds<T extends {
+    groupLabel: string;
+}>(rows: T[]): string[];
+/** Moves to the next or previous tab id in `tabIds`, wrapping at the ends. */
+export declare function cycleMentionSlashGroup(tabIds: string[], current: string, direction: 'next' | 'prev'): string;

package/dist/plugins/mentions/ui/loadMentionSlashMenu.d.ts

@@ -0,0 +1,9 @@
+import { MentionProvider } from '../core/types';
+import { MentionSlashMenuAction } from './mentionSlashMenuState';
+/**
+ * Loads mention slash menu rows from providers for the current query.
+ * Returns a reducer action, or `{ type: 'retry' }` when availability is still loading or the request was aborted.
+ */
+export declare function loadMentionSlashMenu(providers: MentionProvider[], query: string, signal: AbortSignal): Promise<MentionSlashMenuAction | {
+    type: 'retry';
+}>;

package/dist/plugins/mentions/ui/mentionSlashMenuState.d.ts

@@ -0,0 +1,57 @@
+import { ReactNode } from 'react';
+import { MentionCandidate, MentionProvider } from '../core/types';
+/** One selectable row in the `@` mention slash menu (candidate plus provider metadata). */
+export type MentionSlashRow = MentionCandidate & {
+    groupLabel: string;
+    refAttr: string;
+    provider: MentionProvider;
+};
+export type MentionSlashStatus = 'loading' | 'ready' | 'empty' | 'error' | 'not-connected';
+/** React state for the floating `@` mention slash menu. */
+export type MentionSlashMenuState = {
+    open: boolean;
+    query: string;
+    status: MentionSlashStatus;
+    slashContent: ReactNode | null;
+    rows: MentionSlashRow[];
+    selectedIndex: number;
+    activeGroup: string;
+};
+/** Discriminated union dispatched by {@link mentionSlashMenuReducer}. */
+export type MentionSlashMenuAction = {
+    type: 'show';
+    query: string;
+} | {
+    type: 'hide';
+} | {
+    type: 'loading';
+} | {
+    type: 'not-connected';
+    content: ReactNode;
+} | {
+    type: 'error';
+    content: ReactNode;
+} | {
+    type: 'loaded';
+    rows: MentionSlashRow[];
+    status: 'ready' | 'empty';
+} | {
+    type: 'select';
+    index: number;
+} | {
+    type: 'setGroup';
+    group: string;
+} | {
+    type: 'nav';
+    direction: 'next' | 'prev';
+} | {
+    type: 'navGroup';
+    direction: 'next' | 'prev';
+};
+export declare const initialMentionSlashMenuState: MentionSlashMenuState;
+/** Pure reducer for mention slash menu open state, fetch results, selection, and group tabs. */
+export declare function mentionSlashMenuReducer(state: MentionSlashMenuState, action: MentionSlashMenuAction): MentionSlashMenuState;
+/** Rows after applying the resolved active group filter. */
+export declare function visibleMentionSlashRows(state: MentionSlashMenuState): MentionSlashRow[];
+/** Active group tab id after {@link resolveMentionSlashGroup} fallback rules. */
+export declare function resolvedMentionSlashGroup(state: MentionSlashMenuState): string;

package/dist/plugins/mentions/ui/runtime.d.ts

@@ -1,8 +1,13 @@
 import { MutableRefObject } from 'react';
 import { MentionProvider } from '../core/types';
+/** Mention plugin React context: provider list and host callbacks for slash UI. */
 export type MentionsRuntime = {
     providersRef: MutableRefObject<MentionProvider[]>;
     providers: MentionProvider[];
+    /** Latest host `footerButton.onClick` (kept in a ref for plugin views). */
+    onFooterButtonClickRef: MutableRefObject<(() => void) | undefined>;
+    /** Host `footerButton.label`. */
+    footerButtonLabel?: string;
 };
 export declare const MentionsRuntimeContext: import('react').Context<MentionsRuntime>;
 export declare function useMentionsRuntime(): MentionsRuntime;

package/dist/plugins/mentions/ui/useMentionSlashMenu.d.ts

@@ -1,19 +1,16 @@
-import { ReactNode } from 'react';
-import { MentionCandidate, MentionProvider } from '../core/types';
-export type MentionSlashRow = MentionCandidate & {
-    groupLabel: string;
-    refAttr: string;
-    provider: MentionProvider;
-};
-type Status = 'loading' | 'ready' | 'empty' | 'error' | 'not-connected';
+import { MentionSlashRow } from './mentionSlashMenuState';
+export type { MentionSlashRow };
+/** Wires the `@` slash provider, fetch loop, keyboard API, and menu reducer for {@link MentionSlashView}. */
 export declare function useMentionSlashMenu(): {
     contentRef: import('react').RefObject<HTMLDivElement>;
     listRef: import('react').RefObject<HTMLDivElement>;
     open: boolean;
     query: string;
-    status: Status;
-    slashContent: ReactNode;
+    status: import('./mentionSlashMenuState').MentionSlashStatus;
+    slashContent: import('react').ReactNode;
     rows: MentionSlashRow[];
+    visibleRows: MentionSlashRow[];
     selectedIndex: number;
+    activeGroup: string;
+    setActiveGroup: (group: string) => void;
 };
-export {};

package/dist/stories/mentionBreakFixtures.d.ts

@@ -0,0 +1,11 @@
+import { MentionCandidate } from '../plugins/mentions';
+export type MentionBreakMode = 'demo' | 'worst' | 'empty' | 'one';
+export declare function readMentionBreakMode(): MentionBreakMode;
+export declare function mentionBreakModeLabel(mode: MentionBreakMode): string;
+export declare function fixturesForMode(mode: MentionBreakMode): {
+    playbooks: MentionCandidate[];
+    articles: MentionCandidate[];
+    playbookGroupLabel: string;
+    articleGroupLabel: string;
+};
+export declare function setMentionBreakMode(mode: MentionBreakMode): void;

package/dist/stories/storybook-utils.d.ts

@@ -61,6 +61,10 @@ export declare const sharedMeta: {
         }> | undefined;
         selectedChannelId?: string | undefined;
         mentions?: import('..').MentionProvider[] | undefined;
+        footerButton?: {
+            label?: string;
+            onClick?: () => void;
+        } | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export declare const markdown = "# Milkdown Editor Crepe\n\n> This is a demo for using [Milkdown](https://milkdown.dev) editor crepe.\n\nLet's add some content to the editor.\n\n---\n\n# Pink Floyd\n\n![1.0](https://upload.wikimedia.org/wikipedia/en/d/d6/Pink_Floyd_-_all_members.jpg \"Pink Floyd in January 1968.\")\n\n> Rarely will you find Floyd dishing up catchy hooks, tunes short enough for air-play, or predictable three-chord blues progressions; and never will you find them spending much time on the usual pop album of romance, partying, or self-hype. Their sonic universe is expansive, intense, and challenging ... Where most other bands neatly fit the songs to the music, the two forming a sort of autonomous and seamless whole complete with memorable hooks, Pink Floyd tends to set lyrics within a broader soundscape that often seems to have a life of its own ... Pink Floyd employs extended, stand-alone instrumentals which are never mere vehicles for showing off virtuoso but are planned and integral parts of the performance.\n\n**Pink Floyd** are an English [rock](https://en.wikipedia.org/wiki/Rock_music \"Rock music\") band formed in London in 1965. Gaining an early following as one of the first British [psychedelic](https://en.wikipedia.org/wiki/Psychedelic_music \"Psychedelic music\") groups, they were distinguished by their extended compositions, sonic experiments, philosophical lyrics, and elaborate [live shows](https://en.wikipedia.org/wiki/Pink_Floyd_live_performances \"Pink Floyd live performances\"). They became a leading band of the [progressive rock](https://en.wikipedia.org/wiki/Progressive_rock \"Progressive rock\") genre, cited by some as the greatest progressive rock band of all time.\n\nPink Floyd were founded in 1965 by [Syd Barrett](https://en.wikipedia.org/wiki/Syd_Barrett \"Syd Barrett\") (guitar, lead vocals), [Nick Mason](https://en.wikipedia.org/wiki/Nick_Mason \"Nick Mason\") (drums), [Roger Waters](https://en.wikipedia.org/wiki/Roger_Waters \"Roger Waters\") (bass guitar, vocals) and [Richard Wright](https://en.wikipedia.org/wiki/Richard_Wright_\\(musician\\) \"Richard Wright (musician)\") (keyboards, vocals). With Barrett as their main songwriter, they released two hit singles, \"[Arnold Layne](https://en.wikipedia.org/wiki/Arnold_Layne \"Arnold Layne\")\" and \"[See Emily Play](https://en.wikipedia.org/wiki/See_Emily_Play \"See Emily Play\")\", and the successful debut album *[The Piper at the Gates of Dawn](https://en.wikipedia.org/wiki/The_Piper_at_the_Gates_of_Dawn \"The Piper at the Gates of Dawn\")* (all 1967). [David Gilmour](https://en.wikipedia.org/wiki/David_Gilmour \"David Gilmour\") (guitar, vocals) joined in December 1967, while Barrett left in April 1968 due to deteriorating mental health. The four remaining members began contributing to the musical composition, with Waters becoming the primary lyricist and thematic leader, devising the [concepts](https://en.wikipedia.org/wiki/Concept_album \"Concept album\") behind Pink Floyd's most successful albums, *[The Dark Side of the Moon](https://en.wikipedia.org/wiki/The_Dark_Side_of_the_Moon \"The Dark Side of the Moon\")* (1973), *[Wish You Were Here](https://en.wikipedia.org/wiki/Wish_You_Were_Here_\\(Pink_Floyd_album\\) \"Wish You Were Here (Pink Floyd album)\")* (1975), *[Animals](https://en.wikipedia.org/wiki/Animals_\\(Pink_Floyd_album\\))* (1977) and *[The Wall](https://en.wikipedia.org/wiki/The_Wall \"The Wall\")* (1979). The [musical film](https://en.wikipedia.org/wiki/Musical_film \"Musical film\") based on *The Wall*, *[Pink Floyd \u2013 The Wall](https://en.wikipedia.org/wiki/Pink_Floyd_%E2%80%93_The_Wall \"Pink Floyd \u2013 The Wall\")* (1982), won two [BAFTA Awards](https://en.wikipedia.org/wiki/BAFTA_Awards \"BAFTA Awards\"). Pink Floyd also composed several [film scores](https://en.wikipedia.org/wiki/Film_score \"Film score\").\n\n---\n\n## Discography\n\n*Main articles: [Pink Floyd discography](https://en.wikipedia.org/wiki/Pink_Floyd_discography \"Pink Floyd discography\") and [List of songs recorded by Pink Floyd](https://en.wikipedia.org/wiki/List_of_songs_recorded_by_Pink_Floyd \"List of songs recorded by Pink Floyd\")*\n\n**Studio albums**\n\n* *[The Piper at the Gates of Dawn](https://en.wikipedia.org/wiki/The_Piper_at_the_Gates_of_Dawn \"The Piper at the Gates of Dawn\")* (1967)\n* *[A Saucerful of Secrets](https://en.wikipedia.org/wiki/A_Saucerful_of_Secrets \"A Saucerful of Secrets\")* (1968)\n* *[More](https://en.wikipedia.org/wiki/More_\\(soundtrack\\) \"More (soundtrack)\")* (1969)\n* *[Ummagumma](https://en.wikipedia.org/wiki/Ummagumma \"Ummagumma\")* (1969)\n* *[Atom Heart Mother](https://en.wikipedia.org/wiki/Atom_Heart_Mother \"Atom Heart Mother\")* (1970)\n* *[Meddle](https://en.wikipedia.org/wiki/Meddle \"Meddle\")* (1971)\n* *[Obscured by Clouds](https://en.wikipedia.org/wiki/Obscured_by_Clouds \"Obscured by Clouds\")* (1972)\n* *[The Dark Side of the Moon](https://en.wikipedia.org/wiki/The_Dark_Side_of_the_Moon \"The Dark Side of the Moon\")* (1973)\n* *[Wish You Were Here](https://en.wikipedia.org/wiki/Wish_You_Were_Here_\\(Pink_Floyd_album\\) \"Wish You Were Here (Pink Floyd album)\")* (1975)\n* *[Animals](https://en.wikipedia.org/wiki/Animals_\\(Pink_Floyd_album\\) \"Animals (Pink Floyd album)\")* (1977)\n* *[The Wall](https://en.wikipedia.org/wiki/The_Wall \"The Wall\")* (1979)\n* *[The Final Cut](https://en.wikipedia.org/wiki/The_Final_Cut_\\(album\\) \"The Final Cut (album)\")* (1983)\n* *[A Momentary Lapse of Reason](https://en.wikipedia.org/wiki/A_Momentary_Lapse_of_Reason \"A Momentary Lapse of Reason\")* (1987)\n* *[The Division Bell](https://en.wikipedia.org/wiki/The_Division_Bell \"The Division Bell\")* (1994)\n* *[The Endless River](https://en.wikipedia.org/wiki/The_Endless_River \"The Endless River\")* (2014)\n";

package/dist/types.d.ts

@@ -197,6 +197,14 @@ export interface BrainfishEditorProps {
      * Optional @-mention providers. Empty or omitted keeps `@` as a character.
      */
     mentions?: MentionProvider[];
+    /**
+     * Mention slash menu footer control.
+     * Omitted `label` stays "Create a workflow".
+     */
+    footerButton?: {
+        label?: string;
+        onClick?: () => void;
+    };
 }
 export type ReviewSuggestionBulkActions = {
     applyAllReviewSuggestions: () => string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brainfish-ai/editor",
-  "version": "0.16.1",
+  "version": "0.16.3",
   "description": "Markdown editor package for Brainfish based on Milkdown",
   "types": "dist/index.d.ts",
   "sideEffects": [