@datalayer/agent-runtimes 0.0.12 → 1.0.1

package/lib/lexical/useChatInlineToolbarItems.js

@@ -6,13 +6,14 @@
  * useChatInlineToolbarItems - Hook that creates ToolbarItem[] for the
  * FloatingTextFormatToolbarPlugin's extraItems prop.
  *
- * Registers an AI sparkle button + dropdown with AI actions
- * (Improve, Fix, Simplify, Add detail, Summarise, Explain, Translate)
- * into the floating inline toolbar.
+ * Registers an AI sparkle button in the floating inline toolbar.
+ * Clicking the sparkle button directly opens the ChatInlinePlugin
+ * floating panel, where users can type free-form AI prompts.
  *
  * Usage:
  * ```tsx
- * const { toolbarItems, isAiOpen, submitPrompt, closeAi } = useChatInlineToolbarItems();
+ * const { toolbarItems, isAiOpen, pendingPrompt, clearPendingPrompt, closeAi } =
+ *   useChatInlineToolbarItems();
  *
  * <FloatingTextFormatToolbarPlugin
  *   anchorElem={floatingAnchorElem}
@@ -20,82 +21,25 @@
  *   extraItems={toolbarItems}
  * />
  *
- * {isAiOpen && <ChatInlinePlugin ... />}
+ * <ChatInlinePlugin
+ *   isOpen={isAiOpen}
+ *   onClose={closeAi}
+ *   pendingPrompt={pendingPrompt}
+ *   onPendingPromptConsumed={clearPendingPrompt}
+ * />
  * ```
  *
  * @module lexical/useChatInlineToolbarItems
  */
 import { useState, useMemo, useCallback } from 'react';
-import { SparkleFillIcon, PencilIcon, CheckIcon, XIcon, PlusIcon, CopyIcon, SyncIcon, InfoIcon, } from '@primer/octicons-react';
-/**
- * AI action groups for the toolbar dropdown.
- */
-const AI_ACTIONS = {
-    modify: [
-        {
-            key: 'ai-improve',
-            label: 'Improve writing',
-            prompt: 'Improve the quality of the text',
-            icon: PencilIcon,
-        },
-        {
-            key: 'ai-fix',
-            label: 'Fix mistakes',
-            prompt: 'Fix any typos or general errors in the text',
-            icon: CheckIcon,
-        },
-        {
-            key: 'ai-simplify',
-            label: 'Simplify',
-            prompt: 'Shorten the text, simplifying it',
-            icon: XIcon,
-        },
-        {
-            key: 'ai-detail',
-            label: 'Add more detail',
-            prompt: 'Lengthen the text, going into more detail',
-            icon: PlusIcon,
-        },
-    ],
-    generate: [
-        {
-            key: 'ai-summarise',
-            label: 'Summarise',
-            prompt: 'Summarise the text',
-            icon: CopyIcon,
-        },
-        {
-            key: 'ai-explain',
-            label: 'Explain',
-            prompt: 'Explain what the text is about',
-            icon: InfoIcon,
-        },
-    ],
-    translate: [
-        'Arabic',
-        'Chinese',
-        'Dutch',
-        'English',
-        'French',
-        'German',
-        'Japanese',
-        'Korean',
-        'Portuguese',
-        'Spanish',
-    ].map(lang => ({
-        key: `ai-translate-${lang.toLowerCase()}`,
-        label: lang,
-        prompt: `Translate text into the ${lang} language`,
-        icon: SyncIcon,
-    })),
-};
+import { SparkleFillIcon } from '@primer/octicons-react';
 /**
  * Hook that creates ToolbarItem[] for AI actions in the floating toolbar.
  *
- * Returns toolbar items (divider + AI dropdown + sparkle button) and
+ * Returns toolbar items (divider + AI sparkle button) and
  * state for controlling the ChatInline panel.
  */
-export function useChatInlineToolbarItems() {
+export function useChatInlineToolbarItems(options) {
     const [isAiOpen, setIsAiOpen] = useState(false);
     const [pendingPrompt, setPendingPrompt] = useState(null);
     const openAi = useCallback(() => {
@@ -112,27 +56,8 @@ export function useChatInlineToolbarItems() {
     const clearPendingPrompt = useCallback(() => {
         setPendingPrompt(null);
     }, []);
+    const isDisabled = options?.disabled ?? false;
     const toolbarItems = useMemo(() => {
-        const allOptions = [
-            ...AI_ACTIONS.modify.map(action => ({
-                key: action.key,
-                label: action.label,
-                icon: action.icon,
-                onClick: () => submitPrompt(action.prompt),
-            })),
-            ...AI_ACTIONS.generate.map(action => ({
-                key: action.key,
-                label: action.label,
-                icon: action.icon,
-                onClick: () => submitPrompt(action.prompt),
-            })),
-            ...AI_ACTIONS.translate.map(action => ({
-                key: action.key,
-                label: action.label,
-                icon: action.icon,
-                onClick: () => submitPrompt(action.prompt),
-            })),
-        ];
         return [
             {
                 key: 'ai-divider',
@@ -141,15 +66,18 @@ export function useChatInlineToolbarItems() {
             },
             {
                 key: 'ai-actions',
-                type: 'dropdown',
+                type: 'button',
                 order: 901,
                 ariaLabel: 'AI Actions',
-                title: 'AI Actions',
+                title: isDisabled
+                    ? 'Assign an agent to enable AI actions'
+                    : 'AI Actions',
                 icon: SparkleFillIcon,
-                options: allOptions,
+                onClick: openAi,
+                disabled: isDisabled,
             },
         ];
-    }, [submitPrompt]);
+    }, [openAi, isDisabled]);
     return {
         toolbarItems,
         isAiOpen,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalayer/agent-runtimes",
-  "version": "0.0.12",
+  "version": "1.0.1",
   "type": "module",
   "workspaces": [
     ".",
@@ -130,10 +130,11 @@
     "@anthropic-ai/sdk": "^0.52.0",
     "@datalayer/core": "^1.0.1",
     "@datalayer/icons-react": "^1.0.6",
-    "@datalayer/jupyter-lexical": "^1.0.11",
+    "@datalayer/jupyter-lexical": "^1.0.13",
     "@datalayer/jupyter-react": "^2.0.3",
-    "@datalayer/primer-addons": "^1.0.7",
+    "@datalayer/primer-addons": "^1.0.10",
     "@datalayer/primer-rjsf": "^1.0.1",
+    "@excalidraw/excalidraw": "^0.18.0",
     "@jupyter-widgets/base-manager": "^1.0.12",
     "@jupyter-widgets/schema": "^0.5.6",
     "@jupyterlab/apputils": "^4.6.0",