@datalayer/agent-runtimes 1.3.34 → 1.3.36

package/lib/loop/plugins/assistant/index.js

@@ -0,0 +1,140 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { definePlugin, signal } from '@datalayer/reactor';
+import { useContributions, useSignalValue } from '@datalayer/reactor/react';
+import { Text } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
+import { pageLayoutPanelOpen, togglePagePanel, } from '@datalayer/primer-addons/lib/reactor';
+import { AssistantStage } from '../../../chat/assistant/AssistantStage';
+import { assistantStateOf, keepAway, keptAway, latestSaying, } from '../../../chat/assistant/state';
+import { useViewportDrag } from '../../../chat/useViewportDrag';
+import { LoopAssistantCharacter, LoopChatLayout, LoopChatTurn, LoopSlots, } from '../../core';
+import { assistantCharacterFor } from '../assistant-characters';
+export const LOOP_ASSISTANT_PLUGIN_NAME = '@datalayer/loop-plugin-assistant';
+/** The character's size, in pixels, as the chat's own assistant. */
+const SIZE = 88;
+/* A signal to read when no chat contributed a turn: the hook needs one. */
+const NO_TURN = signal({ id: 0, status: 'idle' });
+/**
+ * What the character acts out, from the workspace's chat turn (T-22): it
+ * thinks while the agent thinks, works while a tool runs (the turn's
+ * `activity`), speaks while the answer is written, and idles otherwise.
+ */
+export function assistantStateOfTurn(turn, moment = {}) {
+    const busy = turn.status === 'thinking' || turn.status === 'streaming';
+    const presence = !busy
+        ? 'idle'
+        : turn.activity
+            ? 'working'
+            : 'thinking';
+    return assistantStateOf(presence, {
+        ...moment,
+        speaking: turn.status === 'streaming' && !turn.activity,
+    });
+}
+/** Take the person to the workspace's composer. */
+function focusComposer() {
+    const composer = document.querySelector('[data-chat-composer] textarea, [data-chat-composer] [contenteditable="true"]');
+    composer?.focus();
+}
+export function LoopAssistant({ app, person, }) {
+    const contributed = useContributions(LoopAssistantCharacter).map(entry => entry.value);
+    const chosen = assistantCharacterFor(contributed, { app, person });
+    const turnEntries = useContributions(LoopChatTurn);
+    const turn = useSignalValue(turnEntries[0]?.value.turn ?? NO_TURN);
+    // On a page layout the conversation is its side panel; elsewhere it is
+    // always on screen.
+    const onPageLayout = useContributions(LoopChatLayout).some(entry => entry.value.id === 'page-layout');
+    const panelOpen = useSignalValue(pageLayoutPanelOpen);
+    const open = onPageLayout && panelOpen;
+    const [away, setAway] = useState(keptAway);
+    const [arriving, setArriving] = useState(true);
+    const [leaving, setLeaving] = useState(false);
+    useEffect(() => {
+        const timer = setTimeout(() => setArriving(false), 1800);
+        return () => clearTimeout(timer);
+    }, []);
+    /* The agent's newest words, said in the balloon until heard (T-23). */
+    const saying = turn.assistant
+        ? latestSaying([
+            { id: String(turn.id), role: 'assistant', content: turn.assistant },
+        ])
+        : undefined;
+    const [heardId, setHeardId] = useState();
+    const [fresh, setFresh] = useState(false);
+    useEffect(() => {
+        if (!saying || open) {
+            return;
+        }
+        setFresh(true);
+        const timer = setTimeout(() => setFresh(false), 12000);
+        return () => clearTimeout(timer);
+    }, [saying?.id, saying?.text, open]);
+    useEffect(() => {
+        if (open && saying) {
+            setHeardId(saying.id);
+        }
+    }, [open, saying?.id]);
+    const stageRef = useRef(null);
+    const drag = useViewportDrag(stageRef, { whole: true });
+    if (away !== 'none') {
+        return null;
+    }
+    if ('problem' in chosen) {
+        // Not replaced by another: what was named is said, where it would stand.
+        return (_jsx(Box, { role: "status", "data-assistant-problem": chosen.saidBy, sx: {
+                position: 'fixed',
+                right: 24,
+                bottom: 24,
+                zIndex: 1000,
+                maxWidth: 320,
+                p: 2,
+                borderRadius: 2,
+                border: '1px solid',
+                borderColor: 'attention.muted',
+                bg: 'attention.subtle',
+                boxShadow: 'shadow.medium',
+            }, children: _jsx(Text, { sx: { fontSize: 1 }, children: chosen.problem }) }));
+    }
+    const state = assistantStateOfTurn(turn, { arriving, leaving });
+    const unheard = !!saying && saying.id !== heardId;
+    const balloon = unheard && saying
+        ? { text: saying.text, more: saying.more }
+        : { text: 'Click me to open the conversation.' };
+    const insist = state === 'greeting' || (unheard && (state === 'speaking' || fresh));
+    const onToggle = () => {
+        if (onPageLayout) {
+            togglePagePanel();
+        }
+        else {
+            focusComposer();
+        }
+    };
+    const onDismiss = (next) => {
+        keepAway(next);
+        setLeaving(true);
+        setTimeout(() => {
+            setLeaving(false);
+            setAway(next);
+        }, 600);
+    };
+    return (_jsx(AssistantStage, { character: chosen.character, state: state, size: SIZE, place: drag.position
+            ? { left: `${drag.position.left}px`, top: `${drag.position.top}px` }
+            : { right: '24px', bottom: '24px' }, stageRef: stageRef, onDragStart: drag.onHandlePointerDown, open: open, onToggle: onToggle, balloon: balloon, insist: insist, onDismiss: onDismiss }));
+}
+export const LoopAssistantPlugin = definePlugin({
+    name: LOOP_ASSISTANT_PLUGIN_NAME,
+    config: { app: undefined, person: undefined },
+    displayName: 'Floating assistant',
+    description: 'The chat as a character on the page: the application’s own, or the one the person chose, from the characters the enabled plugins contribute.',
+    octicon: 'paperclip',
+    build: ({ config }) => {
+        const Configured = () => (_jsx(LoopAssistant, { app: config.app, person: config.person }));
+        return {
+            components: [
+                { id: 'loop-assistant', slot: LoopSlots.root, Component: Configured },
+            ],
+        };
+    },
+});
+export default LoopAssistantPlugin;

package/lib/loop/plugins/assistant-characters/index.d.ts

@@ -5,7 +5,7 @@
  *
  * @module loop/plugins/assistant-characters
  */
-import { type ReactorPlugin } from '@datalayer/reactor';
+import { type PluginRef, type ReactorPlugin } from '@datalayer/reactor';
 import { type AssistantCharacter } from '../../../chat/assistant/characters';
 import type { AssistantCharacterData } from '../../../chat/assistant/formats/types';
 import { LoopAssistantCharacter, type AssistantCharacterContribution } from '../../core';
@@ -22,9 +22,43 @@ export declare function assistantCharactersOf(reactor: ContributionsReader): {
     id: string;
     character: AssistantCharacter | AssistantCharacterData;
 }[];
+/**
+ * What these plugins contribute, enabled on their own: for a host with no
+ * workspace to read them from — the embed's floating assistant (D-07) —
+ * which enables Datalayer's characters and whatever plugins it is given.
+ */
+export declare function assistantCharactersFrom(plugins: PluginRef[]): {
+    id: string;
+    character: AssistantCharacter | AssistantCharacterData;
+}[];
 /**
  * The character an application names, from what is contributed; an id no
  * enabled plugin contributes is an error that says which ids there are.
  */
 export declare function assistantCharacterNamed(reactor: ContributionsReader, id: string): AssistantCharacter | AssistantCharacterData;
+/** Whose choice the character drawn is (T-24). */
+export type AssistantCharacterSaidBy = 'app' | 'person' | 'default';
+/** The character drawn, or why none can be. */
+export type AssistantCharacterChosen = {
+    id: string;
+    character: AssistantCharacter | AssistantCharacterData;
+    saidBy: AssistantCharacterSaidBy;
+} | {
+    problem: string;
+    saidBy: AssistantCharacterSaidBy;
+};
+/**
+ * The character the floating assistant draws on a page (T-24): the one the
+ * application's Appspec names (`interface.assistant`), which wins; else the
+ * one the person chose in their settings; else the paper clip — each looked
+ * up in what the enabled plugins contribute. An id no enabled plugin gives
+ * is not replaced by another: it is said, with the ids there are.
+ */
+export declare function assistantCharacterFor(contributed: ReadonlyArray<{
+    id: string;
+    character: AssistantCharacter | AssistantCharacterData;
+}>, choice: {
+    app?: string;
+    person?: string;
+}): AssistantCharacterChosen;
 export default AssistantCharactersPlugin;

package/lib/loop/plugins/assistant-characters/index.js

@@ -9,8 +9,8 @@
  *
  * @module loop/plugins/assistant-characters
  */
-import { contribution, definePlugin, } from '@datalayer/reactor';
-import { ASSISTANT_CHARACTERS, } from '../../../chat/assistant/characters';
+import { buildReactorFromPlugins, contribution, definePlugin, } from '@datalayer/reactor';
+import { ASSISTANT_CHARACTERS, DEFAULT_ASSISTANT_CHARACTER, } from '../../../chat/assistant/characters';
 import { LoopAssistantCharacter, } from '../../core';
 export const ASSISTANT_CHARACTERS_PLUGIN_NAME = '@datalayer/loop-plugin-assistant-characters';
 export const AssistantCharactersPlugin = definePlugin({
@@ -26,6 +26,21 @@ export function assistantCharactersOf(reactor) {
         .getContributions(LoopAssistantCharacter)
         .map(entry => entry.value);
 }
+/**
+ * What these plugins contribute, enabled on their own: for a host with no
+ * workspace to read them from — the embed's floating assistant (D-07) —
+ * which enables Datalayer's characters and whatever plugins it is given.
+ */
+export function assistantCharactersFrom(plugins) {
+    const reactor = buildReactorFromPlugins(plugins);
+    reactor.start();
+    try {
+        return assistantCharactersOf(reactor);
+    }
+    finally {
+        reactor.stop();
+    }
+}
 /**
  * The character an application names, from what is contributed; an id no
  * enabled plugin contributes is an error that says which ids there are.
@@ -38,4 +53,32 @@ export function assistantCharacterNamed(reactor, id) {
     }
     return found.character;
 }
+/**
+ * The character the floating assistant draws on a page (T-24): the one the
+ * application's Appspec names (`interface.assistant`), which wins; else the
+ * one the person chose in their settings; else the paper clip — each looked
+ * up in what the enabled plugins contribute. An id no enabled plugin gives
+ * is not replaced by another: it is said, with the ids there are.
+ */
+export function assistantCharacterFor(contributed, choice) {
+    const saidBy = choice.app
+        ? 'app'
+        : choice.person
+            ? 'person'
+            : 'default';
+    const id = choice.app ?? choice.person ?? DEFAULT_ASSISTANT_CHARACTER;
+    const found = contributed.find(entry => entry.id === id);
+    if (found) {
+        return { id, character: found.character, saidBy };
+    }
+    const whose = saidBy === 'app'
+        ? 'This application names'
+        : saidBy === 'person'
+            ? 'Your settings name'
+            : 'The default is';
+    return {
+        saidBy,
+        problem: `${whose} the character “${id}”, which nothing enabled here draws; the characters are ${contributed.map(entry => entry.id).join(', ') || 'none'}.`,
+    };
+}
 export default AssistantCharactersPlugin;

package/lib/loop/plugins/chat/ChatView.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Box, IconButton, SegmentedControl, Text, Truncate, } from '@primer/react';
-import { useColorPalette } from '@datalayer/primer-addons';
+import { loopShapeVars, useColorPalette } from '@datalayer/primer-addons';
 import { ScreenFullIcon, ScreenNormalIcon } from '@primer/octicons-react';
 import { computed, signal } from '@datalayer/reactor';
 /* A signal to read when the layout publishes no live stance: the hook needs one. */
@@ -54,6 +54,11 @@ const NO_SURFACE = '';
  * small control reads as an error state, and this one is an invitation.
  */
 const FULLSCREEN_HINT_PERIOD_MS = 1400;
+/**
+ * An application's face in the empty state: the page's size of the three a
+ * face is drawn at (LOOP T-19, `--loop-face-large`, 72px).
+ */
+const FACE_LARGE = parseInt(loopShapeVars['--loop-face-large'], 10);
 export default function ChatView({ workspace }) {
     /* The active theme's own colours. Read from the store rather than a
        provider, so a workspace mounted without the addons theme still gets the
@@ -1326,7 +1331,14 @@ export default function ChatView({ workspace }) {
         mentionableAgents: mentionable,
         headerContent: inpromptMenu.length > 0 ? (_jsx(ReactorSlot, { slot: LoopSlots.inpromptMenu, props: { workspace } })) : undefined,
         footerExtras: promptActions.length > 0 ? (_jsx(ReactorSlot, { slot: LoopSlots.promptAction, props: { workspace } })) : undefined,
-        showAgentsMenu: true,
+        /*
+          An application's conversation keeps none of the session's controls
+          under its composer — the agents, the model, the tools and their servers,
+          the skills (LOOP T-17, T-18): a person using an application is not
+          choosing them, and its builder chose them in its spec. An agent's chat
+          keeps them.
+        */
+        showAgentsMenu: !presence,
         showInlineAgentsMenu: false,
         agents: footerAgents,
         selectedAgentId: selectedMemberId,
@@ -1336,18 +1348,18 @@ export default function ChatView({ workspace }) {
         showTokenUsage: chatExtras.showTokenUsage ?? config?.showTokenUsage ?? true,
         showContextRing: true,
         agentUsage: contextUsage ?? undefined,
-        showModelSelector: true,
+        showModelSelector: !presence,
         models: offeredModels,
         decisions,
         selectedModel: activeModel,
         onModelSelect: model => void selectModel(model),
-        showToolsMenu: true,
+        showToolsMenu: !presence,
         availableTools: offeredTools,
         mcpServers: configQuery.data?.mcpServers ?? [],
         // Live from the host example, when one feeds it: the footer's MCP status
         // indicator. (Codemode surfaces through the toggle below, not a blob.)
         mcpStatusData: chatExtras.mcpStatusData ?? undefined,
-        showSkillsMenu: true,
+        showSkillsMenu: !presence,
         skills: skillsQuery.data?.skills ?? [],
         skillsLoading: skillsQuery.isLoading,
         enabledSkills,
@@ -1444,7 +1456,7 @@ export default function ChatView({ workspace }) {
                     // The theme it wears, when the host names one (an application's).
                     , { 
                         // The theme it wears, when the host names one (an application's).
-                        themeVariant: config?.themeVariant, 
+                        themeVariant: config?.themeVariant, themeOverrides: config?.themeOverrides, 
                         // The header says why, beside the title, for the same reason the
                         // placeholder does: a dead control with no explanation is worse
                         // than an absent one.
@@ -1483,9 +1495,9 @@ export default function ChatView({ workspace }) {
                         // An application says what it is doing, in plain words, beside
                         // its name (T-08); an agent's chat keeps its header as it is.
                         headerContent: presence ? _jsx(PresenceLine, { state: presenceNow }) : undefined, emptyState: {
-                            // An application's own face, large: the thing a person's eye
-                            // lands on first (LOOP T-08).
-                            icon: presence?.face ? (_jsx("span", { "aria-hidden": true, style: { fontSize: 48, lineHeight: 1 }, children: presence.face })) : (_jsx(BrandIcon, { size: 48 })),
+                            // An application's own face, at the page's size of the three
+                            // (LOOP T-08, T-19): the thing a person's eye lands on first.
+                            icon: presence?.face ? (_jsx("span", { "aria-hidden": true, style: { fontSize: FACE_LARGE, lineHeight: 1 }, children: presence.face })) : (_jsx(BrandIcon, { size: 48 })),
                             // `ChatEmptyState` reads its heading from here and nowhere
                             // else — the `title` above reaches the header only — so
                             // without this the agent introduced itself as "Start a

package/lib/loop/plugins/chat/index.d.ts

@@ -1,4 +1,5 @@
 import type { PresenceState } from '../../../chat/presence/presenceStatus';
+import type { ThemeOverrides } from '../../../types/chat';
 /** What a host may set on the chat. */
 /** Who is answering, as the person meets them. */
 export interface ChatPresence {
@@ -22,6 +23,11 @@ export type ChatPluginConfig = {
      * the theme's bubbles, pills and colours whatever the page around it wears.
      */
     themeVariant?: string;
+    /**
+     * Laid over that theme, by mode: an application's accent (LOOP T-05), so
+     * that its bubbles and its one button wear its colour and not the theme's.
+     */
+    themeOverrides?: ThemeOverrides;
     /**
      * Who is answering, as the person meets them (LOOP T-08): a name, a face
      * and a welcome, in place of the agent's id and a generic icon. An

package/lib/loop/presets.d.ts

@@ -23,6 +23,7 @@ import { type PluginRef } from '@datalayer/reactor';
 import { type AgentsConfig, type SandboxTarget } from './plugins/agents';
 import { type ChatPluginConfig, type ChatPresence } from './plugins/chat';
 import { type PageSize } from './plugins/page-layout';
+import type { ThemeOverrides } from '../types/chat';
 export type LoopPresetOptions = {
     /** Where the agent runtimes service is. */
     serverUrl?: string;
@@ -140,6 +141,8 @@ export type LoopPresetOptions = {
     targetFixed?: boolean;
     /** The theme the conversation wears, by name; the person's unless said. */
     themeVariant?: string;
+    /** Laid over that theme, by mode: an application's accent (LOOP T-05). */
+    themeOverrides?: ThemeOverrides;
     /** Who is answering, as the person meets them (LOOP T-08). */
     presence?: ChatPresence;
     /** Whether the counters are shown under the prompt; on unless said. */

package/lib/loop/presets.js

@@ -52,7 +52,7 @@ import { LoopPageLayoutPlugin } from './plugins/page-layout';
  * be installed or signed into, and the switches a demonstration wants are off.
  */
 export function loopPlugins(options = {}) {
-    const { serverUrl, target = 'browser', defaultEditor: askedEditor, showViewSelector = true, hideChatHeader = false, chatHeaderButtons = false, promptPlacement, autoFocusPrompt = true, suggestionLabels = true, fullScreenTopOffset = 0, showAgentVariants = false, agentSummary = true, teamId, teamPicker = true, pageLayout = false, pageLayoutArrangement = 'page', pageLayoutTurnPanel = 'below', pageLayoutPrompt = 'docked', pageLayoutPromptAnchor = 'top', pageLayoutSize, pageLayoutTurnPanelFooter = 'full', localAgent, localAgentSpec, datalayerAgentSpecId, datalayerCreatePayload, targetFixed, themeVariant, presence, showTokenUsage, floatingPrompt = false, editorSelector = false, editors = true, graph = false, commandPalette = false, pluginsPanel = false, windowFrame = false, firstPromptHook, } = options;
+    const { serverUrl, target = 'browser', defaultEditor: askedEditor, showViewSelector = true, hideChatHeader = false, chatHeaderButtons = false, promptPlacement, autoFocusPrompt = true, suggestionLabels = true, fullScreenTopOffset = 0, showAgentVariants = false, agentSummary = true, teamId, teamPicker = true, pageLayout = false, pageLayoutArrangement = 'page', pageLayoutTurnPanel = 'below', pageLayoutPrompt = 'docked', pageLayoutPromptAnchor = 'top', pageLayoutSize, pageLayoutTurnPanelFooter = 'full', localAgent, localAgentSpec, datalayerAgentSpecId, datalayerCreatePayload, targetFixed, themeVariant, themeOverrides, presence, showTokenUsage, floatingPrompt = false, editorSelector = false, editors = true, graph = false, commandPalette = false, pluginsPanel = false, windowFrame = false, firstPromptHook, } = options;
     const defaultEditor = askedEditor ?? (editors ? 'notebook' : 'none');
     return [
         // The chat owns the editor beside it, so which one opens is its
@@ -70,6 +70,7 @@ export function loopPlugins(options = {}) {
             suggestionLabels,
             fullScreenTopOffset,
             themeVariant,
+            themeOverrides,
             presence,
             showTokenUsage,
         }),

package/lib/specs/appspecSchema.js

@@ -314,14 +314,17 @@ export const APPSPEC_SCHEMA = {
                 assistant: {
                     anyOf: [
                         {
-                            $ref: '#/$defs/AssistantCharacter',
+                            maxLength: 64,
+                            pattern: '^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$',
+                            type: 'string',
                         },
                         {
                             type: 'null',
                         },
                     ],
                     default: null,
-                    description: 'The character its floating assistant shows: `paperclip`, `wizard`, `cat` or `eyes`. The paper clip when unsaid; a person may choose another in their settings',
+                    description: "The character its floating assistant shows, by the id a plugin contributes it under (lowercase letters and digits, words joined by a hyphen): Datalayer's are `paperclip`, `wizard`, `cat` and `eyes`. The paper clip when unsaid; an id no enabled plugin contributes is refused where the plugins are known, the runtime and the page. Said here, it wins over a person's own choice in their settings",
+                    title: 'Assistant',
                 },
             },
             title: 'AppInterface',
@@ -677,12 +680,6 @@ export const APPSPEC_SCHEMA = {
             title: 'AppTrigger',
             type: 'object',
         },
-        AssistantCharacter: {
-            description: "The character an application's floating assistant shows (LOOP T-24):\none of those a UI plugin contributes. Datalayer's are these four.",
-            enum: ['paperclip', 'wizard', 'cat', 'eyes'],
-            title: 'AssistantCharacter',
-            type: 'string',
-        },
         Behaviour: {
             description: 'What an application does when it meets an action: the four a person chooses from.',
             enum: ['do_it', 'if_asked', 'ask_first', 'leave_to_me'],

package/lib/types/agentspecs.d.ts

@@ -384,10 +384,13 @@ export type AppLayout = 'chat' | 'page' | 'split';
 /** The one colour of an application; everything else is neutral. */
 export type AppAccent = 'green' | 'rose' | 'sky' | 'lime' | 'sun' | 'violet';
 /**
- * The character an application's floating assistant shows (LOOP T-24): one of
- * those Datalayer's plugin contributes.
+ * The character an application's floating assistant shows (LOOP T-24): the id
+ * an enabled plugin contributes it under to `loop.assistant.character` —
+ * Datalayer's are `paperclip`, `wizard`, `cat` and `eyes`. The spec checks
+ * its shape (`APP_ASSISTANT_CHARACTER_ID`); whether a plugin gives it is
+ * known only where the plugins are.
  */
-export type AppAssistantCharacter = 'paperclip' | 'wizard' | 'cat' | 'eyes';
+export type AppAssistantCharacter = string;
 /** How an application sits in another product's page (LOOP D-07). */
 export type AppEmbedMode = 'inline' | 'bubble' | 'panel' | 'assistant';
 /** Something an application reaches. */
@@ -456,7 +459,10 @@ export interface AppInterfaceSpec {
     /** The components of the catalog the surface may use. */
     components: string[];
     surface?: AppSurfaceSpec;
-    /** The character its floating assistant shows; the paper clip when unsaid. */
+    /**
+     * The character its floating assistant shows; the paper clip when unsaid.
+     * Said, it wins over the one the person chose in their settings.
+     */
     assistant?: AppAssistantCharacter;
 }
 export interface AppTestCaseSpec {

package/lib/types/chat.d.ts

@@ -636,6 +636,11 @@ export interface ChatCommonProps {
 /**
  * ChatBase props
  */
+/** Properties laid over a theme's own, by mode. */
+export type ThemeOverrides = {
+    light?: Record<string, string>;
+    dark?: Record<string, string>;
+};
 export interface ChatBaseProps {
     /**
      * Hands an imperative send function to the host, once the chat is able to
@@ -838,6 +843,12 @@ export interface ChatBaseProps {
     kernelGpu?: string;
     /** Optional theme variant override for companion notebook/document surfaces. */
     themeVariant?: string;
+    /**
+     * Properties laid over the theme's own, by mode — an application's accent
+     * over the theme it wears (LOOP T-05): without them the chat would wear the
+     * theme's default accent whatever the page around it set.
+     */
+    themeOverrides?: ThemeOverrides;
     /** Optional color mode override for companion notebook/document surfaces. */
     colorMode?: 'light' | 'dark' | 'auto';
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@datalayer/agent-runtimes",
-    "version": "1.3.34",
+    "version": "1.3.36",
     "type": "module",
     "workspaces": [
         ".",
@@ -213,6 +213,7 @@
         "@radix-ui/react-toggle-group": "^1.1.11",
         "@radix-ui/react-tooltip": "^1.2.8",
         "@radix-ui/react-use-controllable-state": "^1.2.2",
+        "@rjsf/validator-ajv8": "^5.24.13",
         "@styled-system/css": "^5.1.5",
         "@tailwindcss/vite": "^4.1.13",
         "@tanstack/react-query": "^5.90.6",