@byline/ai 3.0.0 → 3.0.2

package/dist/plugins/lexical/extension.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extension.d.ts","sourceRoot":"","sources":["../../../src/plugins/lexical/extension.tsx"],"names":[],"mappings":"AAqCA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,mHAiB7B,CAAA"}
+{"version":3,"file":"extension.d.ts","sourceRoot":"","sources":["../../../src/plugins/lexical/extension.tsx"],"names":[],"mappings":"AA8DA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,mHAiB7B,CAAA"}

package/dist/plugins/lexical/extension.js

@@ -7,14 +7,25 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * Copyright (c) Infonomic Company Limited
  */
+import { useEffect, useState } from 'react';
 import { BylineToolbarExtension, useToolbarActiveEditor, } from '@byline/richtext-lexical';
 import { AiIcon } from '@byline/ui/react';
 import { ReactExtension } from '@lexical/react/ReactExtension';
-import { configExtension, declarePeerDependency, defineExtension } from 'lexical';
-import { AiPluginLexical, TOGGLE_AI_DRAWER_COMMAND } from './plugin';
+import { COMMAND_PRIORITY_LOW, configExtension, declarePeerDependency, defineExtension, } from 'lexical';
+import { AI_DRAWER_STATE_COMMAND, AiPluginLexical, TOGGLE_AI_DRAWER_COMMAND } from './plugin';
 function AiToolbarButton() {
     const editor = useToolbarActiveEditor();
-    return (_jsx("button", { type: "button", className: "toolbar-item spaced", "aria-label": "Toggle AI assistant", onClick: () => {
+    const [isOpen, setIsOpen] = useState(false);
+    // Reflect the drawer's open/closed state (broadcast by the drawer plugin
+    // via AI_DRAWER_STATE_COMMAND) so the button shows an `active` cue while
+    // the drawer is open — the same affordance Bold / Italic / etc. use.
+    useEffect(() => {
+        return editor.registerCommand(AI_DRAWER_STATE_COMMAND, (open) => {
+            setIsOpen(open);
+            return false;
+        }, COMMAND_PRIORITY_LOW);
+    }, [editor]);
+    return (_jsx("button", { type: "button", className: `toolbar-item spaced ${isOpen ? 'active' : ''}`, "aria-label": "Toggle AI assistant", "aria-pressed": isOpen, title: "AI assistant", onClick: () => {
             editor.dispatchCommand(TOGGLE_AI_DRAWER_COMMAND, undefined);
         }, children: _jsx(AiIcon, {}) }));
 }

package/dist/plugins/lexical/plugin.d.ts

@@ -7,5 +7,12 @@
  */
 import * as React from 'react';
 export declare const TOGGLE_AI_DRAWER_COMMAND: import("lexical").LexicalCommand<unknown>;
+/**
+ * Broadcasts the AI drawer's open/closed state so contributed UI (the
+ * toolbar button) can show an active visual cue. Dispatched by the drawer
+ * plugin whenever `open` changes — including closes triggered from the
+ * drawer's own controls. Observers register a listener and return `false`.
+ */
+export declare const AI_DRAWER_STATE_COMMAND: import("lexical").LexicalCommand<boolean>;
 export declare const AiPluginLexical: React.MemoExoticComponent<() => React.JSX.Element | undefined>;
 //# sourceMappingURL=plugin.d.ts.map

package/dist/plugins/lexical/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/lexical/plugin.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqB9B,eAAO,MAAM,wBAAwB,2CAA4C,CAAA;AAUjF,eAAO,MAAM,eAAe,kCAAmC,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAkY1F,CAAA"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/lexical/plugin.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqB9B,eAAO,MAAM,wBAAwB,2CAA4C,CAAA;AAEjF;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,2CAAoD,CAAA;AAUxF,eAAO,MAAM,eAAe,kCAAmC,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAyY1F,CAAA"}

package/dist/plugins/lexical/plugin.js

@@ -19,6 +19,13 @@ import { AiPluginBase } from '../ai-plugin-base';
 import { createEmptyEditorState } from './create-empty-editor-state';
 import { importHtmlToSerializedEditorState } from './import-html';
 export const TOGGLE_AI_DRAWER_COMMAND = createCommand('TOGGLE_AI_DRAWER_COMMAND');
+/**
+ * Broadcasts the AI drawer's open/closed state so contributed UI (the
+ * toolbar button) can show an active visual cue. Dispatched by the drawer
+ * plugin whenever `open` changes — including closes triggered from the
+ * drawer's own controls. Observers register a listener and return `false`.
+ */
+export const AI_DRAWER_STATE_COMMAND = createCommand('AI_DRAWER_STATE_COMMAND');
 const emptyInstructionState = {
     prompt: '',
     editor: null,
@@ -297,6 +304,12 @@ export const AiPluginLexical = React.memo(function AiPlugin() {
             return true;
         }, COMMAND_PRIORITY_NORMAL));
     }, [editor]);
+    // Broadcast open/closed state so the contributed toolbar button can
+    // reflect it. Fires on mount (false) and on every change, so the cue
+    // also tracks closes triggered from the drawer's own controls.
+    useEffect(() => {
+        editor.dispatchCommand(AI_DRAWER_STATE_COMMAND, open);
+    }, [editor, open]);
     const helpContent = (_jsxs(_Fragment, { children: [_jsx("p", { style: { margin: '0.5rem 0', fontSize: '16px' }, children: "Byline's AI editing feature can currently be used to generate new content as well as translate, summarize, rephrase, check spelling, grammar and clarity in existing text." }), _jsx("p", { style: { margin: '0.5rem 0', fontSize: '16px' }, children: "Here are a few example prompts:" }), _jsxs("ul", { style: { margin: '0.5rem 0', fontSize: '16px' }, children: [_jsx("li", { children: "Check for spelling, grammar and clarity." }), _jsx("li", { children: "Translate into Thai (English, French, Spanish, Vietnamese, Laos, Khmer etc.)." }), _jsx("li", { children: "Rephrase to make this more engaging." }), _jsx("li", { children: "Write a haiku poem about the wind and trees." })] }), _jsxs("p", { style: { margin: '0.5rem 0', fontSize: '16px' }, children: [_jsx("strong", { style: { color: 'var(--primary-500)' }, children: "Important:" }), " The AI operates in three modes:"] }), _jsxs("ol", { style: { margin: '0.5rem 0', fontSize: '16px' }, children: [_jsxs("li", { children: [_jsx("strong", { children: "New:" }), " The AI will generate new content based solely on the prompt."] }), _jsxs("li", { children: [_jsx("strong", { children: "With Context:" }), " The AI will generate new content based on the prompt and the existing content."] }), _jsxs("li", { children: [_jsx("strong", { children: "Modify:" }), " The AI will suggest modifications to the existing content based on the prompt - preserving the original structure. Use this mode for translations, grammar, clarity, and tone edits."] })] }), _jsx("p", { className: "ai-plugin__disclaimer--modal", children: "Warning: AI-generated content may be inaccurate, incomplete, or misleading. Please use caution and verify information from reliable sources." })] }));
     return (_jsx(AiPluginBase, { helpTitle: "AI Help", helpContent: helpContent, onSubmit: handleOnSubmit, onSubmitStreaming: handleOnSubmitStreaming, onClear: handleOnClear, onDebug: handleOnDebug, open: open, onOpenChange: setOpen }));
 });

package/package.json

@@ -2,7 +2,7 @@
   "name": "@byline/ai",
   "private": false,
   "license": "MPL-2.0",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -66,9 +66,9 @@
     "react-error-boundary": "^6.1.1",
     "uuid": "^14.0.0",
     "zod": "^4.4.3",
-    "@byline/core": "3.0.0",
-    "@byline/ui": "3.0.0",
-    "@byline/richtext-lexical": "3.0.0"
+    "@byline/richtext-lexical": "3.0.2",
+    "@byline/core": "3.0.2",
+    "@byline/ui": "3.0.2"
   },
   "devDependencies": {
     "@biomejs/biome": "2.4.15",