@syntrologie/adapt-chatbot 2.1.0-canary.8 → 2.1.0

package/dist/ChatAssistant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatAssistant.d.ts","sourceRoot":"","sources":["../src/ChatAssistant.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAe,oBAAoB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA8GhF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CAwE5E;AAMD,eAAO,MAAM,4BAA4B;qBACtB,WAAW,gBAAgB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CA+BpE,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ChatAssistant.d.ts","sourceRoot":"","sources":["../src/ChatAssistant.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,KAAK,EAAe,oBAAoB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA8GhF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CAwE5E;AAMD,eAAO,MAAM,4BAA4B;qBACtB,WAAW,gBAAgB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CA6CpE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/ChatAssistant.js

@@ -5,7 +5,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Main React component for the AI chat assistant widget.
  * Renders a message list with auto-scroll, loading indicator, and input form.
  */
-import { useRef, useEffect } from 'react';
+import { base, slateGrey, purple, red } from '@syntro/design-system/tokens';
+import React, { useRef, useEffect } from 'react';
+import { createRoot } from 'react-dom/client';
 import { useChat } from './useChat';
 // ============================================================================
 // Styles
@@ -35,14 +37,14 @@ const styles = {
     },
     userMessage: {
         alignSelf: 'flex-end',
-        backgroundColor: '#6366f1',
-        color: '#ffffff',
+        backgroundColor: purple[4],
+        color: base.white,
         borderBottomRightRadius: '4px',
     },
     assistantMessage: {
         alignSelf: 'flex-start',
         backgroundColor: 'rgba(255, 255, 255, 0.08)',
-        color: '#e2e8f0',
+        color: slateGrey[10],
         borderBottomLeftRadius: '4px',
     },
     loadingDots: {
@@ -50,13 +52,13 @@ const styles = {
         padding: '8px 16px',
         backgroundColor: 'rgba(255, 255, 255, 0.05)',
         borderRadius: '12px',
-        color: '#94a3b8',
+        color: slateGrey[8],
         fontSize: '13px',
     },
     errorBanner: {
         padding: '8px 12px',
         backgroundColor: 'rgba(239, 68, 68, 0.1)',
-        color: '#ef4444',
+        color: red[4],
         fontSize: '13px',
         borderRadius: '8px',
         margin: '0 12px',
@@ -73,7 +75,7 @@ const styles = {
         borderRadius: '8px',
         border: '1px solid rgba(255, 255, 255, 0.1)',
         backgroundColor: 'rgba(0, 0, 0, 0.2)',
-        color: '#f1f5f9',
+        color: slateGrey[12],
         fontSize: '14px',
         outline: 'none',
         fontFamily: 'inherit',
@@ -82,8 +84,8 @@ const styles = {
         padding: '8px 16px',
         borderRadius: '8px',
         border: 'none',
-        backgroundColor: '#6366f1',
-        color: '#ffffff',
+        backgroundColor: purple[4],
+        color: base.white,
         fontWeight: 600,
         fontSize: '13px',
         cursor: 'pointer',
@@ -141,19 +143,30 @@ export function ChatAssistant({ config, runtime, tileId }) {
 // ============================================================================
 export const ChatAssistantMountableWidget = {
     mount(container, mountConfig) {
-        const { config, runtime, tileId: _tileId = 'chatbot-widget', } = (mountConfig || {});
+        const { config, runtime, tileId = 'chatbot-widget', } = (mountConfig || {});
+        // React rendering when config + runtime + ReactDOM are available
+        if (config && runtime && typeof createRoot === 'function') {
+            const root = createRoot(container);
+            root.render(React.createElement(ChatAssistant, {
+                config,
+                runtime,
+                tileId,
+            }));
+            return () => {
+                root.unmount();
+            };
+        }
         if (!config || !runtime) {
-            container.innerHTML =
-                '<div style="padding: 16px; color: #94a3b8;">Chat widget requires config and runtime.</div>';
+            container.innerHTML = `<div style="padding: 16px; color: ${slateGrey[8]};">Chat widget requires config and runtime.</div>`;
             return () => {
                 container.innerHTML = '';
             };
         }
-        // Simple HTML fallback — full React rendering is handled by the runtime
+        // HTML fallback
         container.innerHTML = `
-      <div style="padding: 16px; font-family: system-ui; color: #e2e8f0;">
-        <p style="margin: 0 0 8px; color: #94a3b8;">${config.greeting || 'Hi! How can I help?'}</p>
-        <p style="margin: 0; font-size: 12px; color: #64748b;">Chat widget mounted. Awaiting React renderer.</p>
+      <div style="padding: 16px; font-family: system-ui; color: ${slateGrey[10]};">
+        <p style="margin: 0 0 8px; color: ${slateGrey[8]};">${config.greeting || 'Hi! How can I help?'}</p>
+        <p style="margin: 0; font-size: 12px; color: ${slateGrey[7]};">Chat widget mounted. Awaiting React renderer.</p>
       </div>
     `;
         return () => {

package/dist/cdn.d.ts

@@ -4,6 +4,7 @@
  * This module is bundled for CDN delivery and self-registers with the global
  * SynOS app registry when loaded dynamically via the AppLoader.
  */
+import ChatbotEditor from './editor';
 /**
  * App manifest for registry registration.
  * Follows the AppManifest interface expected by AppLoader/AppRegistry.
@@ -27,6 +28,14 @@ export declare const manifest: {
             };
         }[];
     };
+    editor: {
+        component: typeof ChatbotEditor;
+        panel: {
+            title: string;
+            icon: string;
+            description: string;
+        };
+    };
     metadata: {
         isBuiltIn: boolean;
     };

package/dist/cdn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;CAYpB,CAAC;AAaF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,aAA8B,MAAM,UAAU,CAAC;AAGtD;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAapB,CAAC;AAaF,eAAe,QAAQ,CAAC"}

package/dist/cdn.js

@@ -4,6 +4,7 @@
  * This module is bundled for CDN delivery and self-registers with the global
  * SynOS app registry when loaded dynamically via the AppLoader.
  */
+import ChatbotEditor, { editorPanel } from './editor';
 import { runtime } from './runtime';
 /**
  * App manifest for registry registration.
@@ -18,6 +19,7 @@ export const manifest = {
         actions: [],
         widgets: runtime.widgets,
     },
+    editor: { component: ChatbotEditor, panel: editorPanel },
     metadata: {
         isBuiltIn: false,
     },
@@ -27,9 +29,9 @@ export const manifest = {
  * This happens when loaded via script tag (UMD).
  */
 if (typeof window !== 'undefined') {
-    const globalRegistry = window.__SYNOS_APP_REGISTRY__;
-    if (globalRegistry && typeof globalRegistry.register === 'function') {
-        globalRegistry.register(manifest);
+    const registry = window.SynOS?.appRegistry;
+    if (registry && typeof registry.register === 'function') {
+        registry.register(manifest);
     }
 }
 export default manifest;

package/dist/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAiB,MAAM,SAAS,CAAC;AAwH/D,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAyF3E;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAYH,OAAO,KAAK,EAAE,gBAAgB,EAAiB,MAAM,SAAS,CAAC;AAM/D,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAoF3E;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/editor.js

@@ -1,133 +1,36 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// ============================================================================
-// Editor Styles
-// ============================================================================
-const styles = {
-    container: {
-        display: 'flex',
-        flexDirection: 'column',
-        height: '100%',
-        fontFamily: 'system-ui, -apple-system, sans-serif',
-    },
-    header: {
-        padding: '16px',
-        borderBottom: '1px solid #334155',
-        display: 'flex',
-        alignItems: 'center',
-        gap: '12px',
-    },
-    backButton: {
-        padding: '6px 12px',
-        borderRadius: '6px',
-        border: 'none',
-        backgroundColor: 'rgba(255,255,255,0.05)',
-        color: '#94a3b8',
-        fontSize: '13px',
-        cursor: 'pointer',
-    },
-    title: {
-        margin: 0,
-        fontSize: '15px',
-        fontWeight: 600,
-        color: '#f8fafc',
-    },
-    subtitle: {
-        margin: '2px 0 0 0',
-        fontSize: '11px',
-        color: '#64748b',
-    },
-    content: {
-        flex: 1,
-        overflow: 'auto',
-        padding: '16px',
-    },
-    section: {
-        marginBottom: '24px',
-    },
-    sectionTitle: {
-        fontSize: '12px',
-        fontWeight: 600,
-        color: '#94a3b8',
-        textTransform: 'uppercase',
-        letterSpacing: '0.05em',
-        marginBottom: '12px',
-    },
-    inputGroup: {
-        marginBottom: '12px',
-    },
-    inputLabel: {
-        display: 'block',
-        fontSize: '11px',
-        color: '#94a3b8',
-        marginBottom: '4px',
-    },
-    input: {
-        width: '100%',
-        padding: '10px 12px',
-        borderRadius: '6px',
-        border: '1px solid rgba(255,255,255,0.1)',
-        backgroundColor: 'rgba(255,255,255,0.05)',
-        color: '#f8fafc',
-        fontSize: '13px',
-    },
-    textarea: {
-        width: '100%',
-        padding: '10px 12px',
-        borderRadius: '6px',
-        border: '1px solid rgba(255,255,255,0.1)',
-        backgroundColor: 'rgba(255,255,255,0.05)',
-        color: '#f8fafc',
-        fontSize: '13px',
-        minHeight: '60px',
-        resize: 'vertical',
-        fontFamily: 'inherit',
-    },
-    footer: {
-        padding: '12px 16px',
-        borderTop: '1px solid #334155',
-        display: 'flex',
-        gap: '8px',
-    },
-    saveButton: {
-        flex: 1,
-        padding: '10px',
-        borderRadius: '8px',
-        border: 'none',
-        background: 'rgba(59, 130, 246, 0.15)',
-        color: '#3b82f6',
-        fontSize: '13px',
-        fontWeight: 600,
-        cursor: 'pointer',
-    },
-    publishButton: {
-        flex: 1,
-        padding: '10px',
-        borderRadius: '8px',
-        border: 'none',
-        background: '#22c55e',
-        color: 'white',
-        fontSize: '13px',
-        fontWeight: 600,
-        cursor: 'pointer',
-    },
-};
+/**
+ * Adaptive Chatbot - Editor Component
+ *
+ * Visual editor panel for configuring chatbot tile props.
+ */
+import { EditorLayout, EditorHeader, EditorBody, EditorFooter, EditorInput, EditorTextarea, } from '@syntrologie/shared-editor-ui';
+import { useEffect, useRef } from 'react';
 // ============================================================================
 // ChatbotEditor Component
 // ============================================================================
 export function ChatbotEditor({ config, onChange, editor }) {
     const typedConfig = config;
+    // Consume initial navigation payload on mount (chatbot is form-based, no sub-items)
+    const initialConsumed = useRef(false);
+    useEffect(() => {
+        if (!initialConsumed.current && (editor.initialEditKey != null || editor.initialCreate)) {
+            initialConsumed.current = true;
+            editor.clearInitialState?.();
+        }
+    }, [editor]);
     const handleChange = (field, value) => {
         onChange({ ...config, [field]: value });
         editor.setDirty(true);
     };
-    return (_jsxs("div", { style: styles.container, children: [_jsxs("div", { style: styles.header, children: [_jsx("button", { onClick: () => editor.navigateHome(), style: styles.backButton, children: "\u2190 Back" }), _jsxs("div", { children: [_jsx("h2", { style: styles.title, children: "Chat Assistant" }), _jsx("p", { style: styles.subtitle, children: "Configure AI chat assistant" })] })] }), _jsxs("div", { style: styles.content, children: [_jsxs("div", { style: styles.section, children: [_jsx("div", { style: styles.sectionTitle, children: "API Configuration" }), _jsxs("div", { style: styles.inputGroup, children: [_jsx("label", { style: styles.inputLabel, children: "Backend URL" }), _jsx("input", { type: "text", value: typedConfig.backendUrl || '', onChange: (e) => handleChange('backendUrl', e.target.value), style: styles.input, placeholder: "/api/chat/message" })] }), _jsxs("div", { style: styles.inputGroup, children: [_jsx("label", { style: styles.inputLabel, children: "MLflow Run ID (optional)" }), _jsx("input", { type: "text", value: typedConfig.mlflowRunId || '', onChange: (e) => handleChange('mlflowRunId', e.target.value), style: styles.input, placeholder: "e.g., abc123" })] })] }), _jsxs("div", { style: styles.section, children: [_jsx("div", { style: styles.sectionTitle, children: "Chat Settings" }), _jsxs("div", { style: styles.inputGroup, children: [_jsx("label", { style: styles.inputLabel, children: "Greeting Message" }), _jsx("textarea", { value: typedConfig.greeting || '', onChange: (e) => handleChange('greeting', e.target.value), style: styles.textarea, placeholder: "Hi! How can I help?" })] }), _jsxs("div", { style: styles.inputGroup, children: [_jsx("label", { style: styles.inputLabel, children: "Max History (messages sent to backend)" }), _jsx("input", { type: "number", value: typedConfig.maxHistory || 20, onChange: (e) => handleChange('maxHistory', parseInt(e.target.value, 10)), style: styles.input, min: 1, max: 100 })] })] })] }), _jsxs("div", { style: styles.footer, children: [_jsx("button", { onClick: () => editor.save(), style: styles.saveButton, children: "Save Draft" }), _jsx("button", { onClick: () => editor.publish(), style: styles.publishButton, children: "Publish" })] })] }));
+    return (_jsxs(EditorLayout, { children: [_jsx(EditorHeader, { title: "Chat Assistant", subtitle: "Configure AI chat assistant", onBack: () => editor.navigateHome() }), _jsxs(EditorBody, { children: [_jsxs("div", { className: "se-mb-6", children: [_jsx("div", { className: "se-text-xs se-font-semibold se-text-slate-grey-8 se-uppercase se-tracking-wide se-mb-3", children: "API Configuration" }), _jsx(EditorInput, { label: "Backend URL", type: "text", value: typedConfig.backendUrl || '', onChange: (e) => handleChange('backendUrl', e.target.value), placeholder: "/api/chat/message" }), _jsx(EditorInput, { label: "MLflow Run ID (optional)", type: "text", value: typedConfig.mlflowRunId || '', onChange: (e) => handleChange('mlflowRunId', e.target.value), placeholder: "e.g., abc123" })] }), _jsxs("div", { className: "se-mb-6", children: [_jsx("div", { className: "se-text-xs se-font-semibold se-text-slate-grey-8 se-uppercase se-tracking-wide se-mb-3", children: "Chat Settings" }), _jsx(EditorTextarea, { label: "Greeting Message", value: typedConfig.greeting || '', onChange: (e) => handleChange('greeting', e.target.value), placeholder: "Hi! How can I help?" }), _jsx(EditorInput, { label: "Max History (messages sent to backend)", type: "number", value: typedConfig.maxHistory || 20, onChange: (e) => handleChange('maxHistory', parseInt(e.target.value, 10)), min: 1, max: 100 })] })] }), _jsx(EditorFooter, { onSave: () => editor.save(), onPublish: () => editor.publish() })] }));
 }
 /**
  * Editor panel configuration for the app registry.
  */
 export const editorPanel = {
     title: 'Chat Assistant',
-    icon: '💬',
+    icon: '\u{1F4AC}',
     description: 'AI chat assistant with action execution',
 };
 export default ChatbotEditor;

package/dist/types.d.ts

@@ -66,6 +66,12 @@ export interface EditorPanelProps {
         navigateHome: () => Promise<boolean>;
         save: () => Promise<void>;
         publish: (captureScreenshot?: boolean) => Promise<void>;
+        /** Flat action index to open in edit mode (from accordion navigation). */
+        initialEditKey?: string;
+        /** Open the editor in create mode. */
+        initialCreate?: boolean;
+        /** Clear the initial navigation state (call after consuming). */
+        clearInitialState?: () => void;
     };
     platformClient?: unknown;
 }

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,CAAC;AAE/C,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAMD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAMD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB;AAMD,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,SAAS,EAAE,MAAM,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IAClD,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAChE;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,EAAE;QACN,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;KAClE,CAAC;CACH;AAMD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACpD,MAAM,EAAE;QACN,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QACnC,YAAY,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;QACrC,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;QAC1B,OAAO,EAAE,CAAC,iBAAiB,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;KACzD,CAAC;IACF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syntrologie/adapt-chatbot",
-  "version": "2.1.0-canary.8",
+  "version": "2.1.0",
   "description": "Adaptive Chatbot - AI chat assistant widget with action execution",
   "license": "Proprietary",
   "private": false,
@@ -33,10 +33,15 @@
   ],
   "scripts": {
     "build": "tsc",
+    "typecheck": "tsc --noEmit",
     "clean": "rm -rf dist",
     "test": "vitest run",
     "test:watch": "vitest"
   },
+  "dependencies": {
+    "@syntrologie/shared-editor-ui": "*",
+    "@syntro/design-system": "^1.0.0"
+  },
   "peerDependencies": {
     "@syntrologie/runtime-sdk": "^2.0.0",
     "react": ">=18.0.0",
@@ -45,7 +50,7 @@
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.2",
-    "@types/react": "^18.3.27",
+    "@types/react": "^19.1.0",
     "@types/react-dom": "^19.2.3",
     "jsdom": "^25.0.1",
     "react": "^19.2.4",