dynim-react 1.0.39 → 1.0.41

package/dist/DynimProvider.d.ts

@@ -9,6 +9,8 @@
 import { type ReactNode } from 'react';
 import type { CodeMessage } from 'dynim-core';
 export interface DynimConfig {
+    /** JWT session token for authentication (avoids HTTP call on mount) */
+    sessionToken?: string;
     /** Function to fetch a new session when current one expires */
     getSession?: () => Promise<{
         token: string;

package/dist/DynimProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynimProvider.d.ts","sourceRoot":"","sources":["../src/DynimProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAc,EAQZ,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAKV,WAAW,EAEZ,MAAM,YAAY,CAAC;AAIpB,MAAM,WAAW,WAAW;IAC1B,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,KAAK,IAAI,CAAC;IACzC,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,qBAAqB;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,0CAA0C;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,yBAAyB;IACzB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,oCAAoC;IACpC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC;IACzB,2CAA2C;IAC3C,cAAc,EAAE,OAAO,CAAC;IACxB,gCAAgC;IAChC,eAAe,EAAE,OAAO,CAAC;CAC1B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAW,GACZ,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA0WlC;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}
+{"version":3,"file":"DynimProvider.d.ts","sourceRoot":"","sources":["../src/DynimProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAc,EAQZ,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAKV,WAAW,EAEZ,MAAM,YAAY,CAAC;AAIpB,MAAM,WAAW,WAAW;IAC1B,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,KAAK,IAAI,CAAC;IACzC,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,qBAAqB;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,0CAA0C;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,yBAAyB;IACzB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,oCAAoC;IACpC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC;IACzB,2CAA2C;IAC3C,cAAc,EAAE,OAAO,CAAC;IACxB,gCAAgC;IAChC,eAAe,EAAE,OAAO,CAAC;CAC1B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAW,GACZ,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAsYlC;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/DynimProvider.js

@@ -88,11 +88,17 @@ export function DynimProvider({ children, config = {}, }) {
     }, []);
     // Get auth token
     const getAuthToken = useCallback(async () => {
+        const { sessionToken, getSession } = configRef.current;
+        // Fast path: static token from config (avoids HTTP call)
+        if (sessionToken) {
+            return sessionToken;
+        }
+        // Fast path: return cached token
         if (cachedTokenRef.current)
             return cachedTokenRef.current;
+        // Reuse in-flight promise if one exists
         if (tokenPromiseRef.current)
             return tokenPromiseRef.current;
-        const { getSession } = configRef.current;
         if (getSession) {
             tokenPromiseRef.current = (async () => {
                 try {
@@ -236,14 +242,32 @@ export function DynimProvider({ children, config = {}, }) {
             console.warn('[DynimProvider] Failed to fetch theme:', error);
         }
     }, [getAuthToken]);
-    // Mark initial load complete immediately - no eager HTTP requests
-    // Bundle loading happens lazily when user enters builder or when
-    // the consuming app explicitly triggers it
+    // Auto-load saved bundle on mount if sessionToken is provided
+    // This avoids HTTP calls (getSession) while still loading saved bundles
     useEffect(() => {
-        if (!hasAttemptedInitialLoadRef.current) {
-            hasAttemptedInitialLoadRef.current = true;
+        if (hasAttemptedInitialLoadRef.current)
+            return;
+        hasAttemptedInitialLoadRef.current = true;
+        const { sessionToken } = configRef.current;
+        // No token = user not logged in, skip bundle load
+        if (!sessionToken) {
             setIsInitialLoadComplete(true);
+            return;
         }
+        // Load bundle with the provided token
+        const doInitialLoad = async () => {
+            try {
+                await loadBundleRef.current?.('/api/code/bundle');
+            }
+            catch (error) {
+                // Errors handled in loadBundle (404 = no bundle, etc.)
+                console.log('[DynimProvider] Initial bundle load:', error.message);
+            }
+            finally {
+                setIsInitialLoadComplete(true);
+            }
+        };
+        doInitialLoad();
     }, []);
     // Load saved bundle
     const loadSavedBundle = useCallback(async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynim-react",
-  "version": "1.0.39",
+  "version": "1.0.41",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/builder/ChatContext.d.ts

@@ -1,11 +0,0 @@
-/**
- * React Context for sharing chatbot state across components
- */
-import { type ReactNode } from 'react';
-import { type UseChatbotConfig, type UseChatbotReturn } from './useChatbot';
-export interface ChatProviderProps extends UseChatbotConfig {
-    children: ReactNode;
-}
-export declare function ChatProvider({ children, ...config }: ChatProviderProps): JSX.Element;
-export declare function useChatContext(): UseChatbotReturn;
-//# sourceMappingURL=ChatContext.d.ts.map

package/dist/builder/ChatContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/builder/ChatContext.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAc,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIxF,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAIpF;AAED,wBAAgB,cAAc,IAAI,gBAAgB,CAMjD"}

package/dist/builder/ChatContext.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * React Context for sharing chatbot state across components
- */
-import { createContext, useContext } from 'react';
-import { useChatbot } from './useChatbot';
-const ChatContext = createContext(null);
-export function ChatProvider({ children, ...config }) {
-    const chatbot = useChatbot(config);
-    return _jsx(ChatContext.Provider, { value: chatbot, children: children });
-}
-export function useChatContext() {
-    const context = useContext(ChatContext);
-    if (!context) {
-        throw new Error('useChatContext must be used within a ChatProvider');
-    }
-    return context;
-}

package/dist/builder/ChatInput.d.ts

@@ -1,11 +0,0 @@
-/**
- * Chat input component
- */
-export interface ChatInputProps {
-    className?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    onSubmit?: (text: string) => void;
-}
-export declare function ChatInput({ className, placeholder, disabled, onSubmit, }: ChatInputProps): JSX.Element;
-//# sourceMappingURL=ChatInput.d.ts.map

package/dist/builder/ChatInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../src/builder/ChatInput.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAc,EACd,WAAiC,EACjC,QAAgB,EAChB,QAAQ,GACT,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAuC9B"}

package/dist/builder/ChatInput.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Chat input component
- */
-import { useState, useCallback } from 'react';
-import { useChatContext } from './ChatContext';
-export function ChatInput({ className = '', placeholder = 'Type a message...', disabled = false, onSubmit, }) {
-    const { sendMessage, isLoading } = useChatContext();
-    const [value, setValue] = useState('');
-    const handleSubmit = useCallback((e) => {
-        e.preventDefault();
-        const text = value.trim();
-        if (!text || isLoading)
-            return;
-        setValue('');
-        onSubmit?.(text);
-        sendMessage(text);
-    }, [value, isLoading, sendMessage, onSubmit]);
-    return (_jsxs("form", { className: `chatbot-form ${className}`, onSubmit: handleSubmit, children: [_jsx("input", { type: "text", className: "chatbot-input", placeholder: placeholder, value: value, onChange: (e) => setValue(e.target.value), disabled: disabled || isLoading, autoComplete: "off" }), _jsx("button", { type: "submit", className: "chatbot-send", disabled: disabled || isLoading || !value.trim(), children: _jsx("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "currentColor", children: _jsx("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) }) })] }));
-}

package/dist/builder/CodeChatPanel.d.ts

@@ -1,24 +0,0 @@
-/**
- * CodeChatPanel - Self-contained code chat UI component
- *
- * Handles all the complexity internally:
- * - Streaming responses with thinking/text differentiation
- * - Code edit display with accept/reject
- * - Loading states, errors
- *
- * Consuming app just drops this in and it works.
- */
-export interface CodeChatPanelProps {
-    /** Optional placeholder text for input */
-    placeholder?: string;
-    /** Optional class name for the container */
-    className?: string;
-    /** Called when edits are saved */
-    onSave?: () => void;
-    /** Called when edits are abandoned */
-    onAbandon?: () => void;
-    /** Called on errors */
-    onError?: (error: string) => void;
-}
-export declare function CodeChatPanel({ placeholder, className, onSave, onAbandon, onError, }: CodeChatPanelProps): JSX.Element;
-//# sourceMappingURL=CodeChatPanel.d.ts.map

package/dist/builder/CodeChatPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeChatPanel.d.ts","sourceRoot":"","sources":["../../src/builder/CodeChatPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAOH,MAAM,WAAW,kBAAkB;IACjC,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,uBAAuB;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AA4MD,wBAAgB,aAAa,CAAC,EAC5B,WAAsD,EACtD,SAAc,EACd,MAAM,EACN,SAAS,EACT,OAAO,GACR,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA6LlC"}

package/dist/builder/CodeChatPanel.js

@@ -1,304 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * CodeChatPanel - Self-contained code chat UI component
- *
- * Handles all the complexity internally:
- * - Streaming responses with thinking/text differentiation
- * - Code edit display with accept/reject
- * - Loading states, errors
- *
- * Consuming app just drops this in and it works.
- */
-import { useState, useCallback, useRef, useEffect } from 'react';
-import { useDynim } from '../DynimProvider';
-import { themeVars } from '../theme';
-// Styles using CSS variables for easy theming
-const styles = {
-    container: {
-        display: 'flex',
-        flexDirection: 'column',
-        height: '100%',
-        fontFamily: themeVars.fontFamily,
-        fontSize: themeVars.fontSize,
-        backgroundColor: themeVars.bgPrimary,
-        borderRadius: themeVars.radiusLg,
-        overflow: 'hidden',
-    },
-    messagesArea: {
-        flex: 1,
-        overflowY: 'auto',
-        padding: themeVars.spacingLg,
-    },
-    messageBlock: {
-        marginBottom: themeVars.spacingLg,
-    },
-    thinkingSection: {
-        marginBottom: themeVars.spacingMd,
-    },
-    thinkingHeader: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: themeVars.spacingSm,
-        padding: `${themeVars.spacingSm} ${themeVars.spacingMd}`,
-        backgroundColor: themeVars.bgTertiary,
-        borderRadius: themeVars.radiusMd,
-        cursor: 'pointer',
-        userSelect: 'none',
-        fontSize: themeVars.fontSizeSm,
-        color: themeVars.textSecondary,
-    },
-    thinkingContent: {
-        padding: themeVars.spacingMd,
-        backgroundColor: themeVars.bgPrimary,
-        borderRadius: `0 0 ${themeVars.radiusMd} ${themeVars.radiusMd}`,
-        borderLeft: `3px solid ${themeVars.border}`,
-        marginTop: '-6px',
-        fontSize: themeVars.fontSizeSm,
-        color: themeVars.textSecondary,
-        whiteSpace: 'pre-wrap',
-        lineHeight: themeVars.lineHeight,
-    },
-    responseText: {
-        padding: `${themeVars.spacingMd} ${themeVars.spacingLg}`,
-        backgroundColor: themeVars.bgSecondary,
-        borderRadius: themeVars.radiusLg,
-        border: `1px solid ${themeVars.border}`,
-        whiteSpace: 'pre-wrap',
-        lineHeight: '1.6',
-        color: themeVars.textPrimary,
-    },
-    editsSection: {
-        marginTop: themeVars.spacingLg,
-    },
-    editsHeader: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        marginBottom: themeVars.spacingMd,
-    },
-    editsTitle: {
-        fontWeight: 600,
-        color: themeVars.textPrimary,
-    },
-    editsActions: {
-        display: 'flex',
-        gap: themeVars.spacingSm,
-    },
-    editCard: {
-        backgroundColor: themeVars.bgSecondary,
-        border: `1px solid ${themeVars.border}`,
-        borderRadius: themeVars.radiusMd,
-        marginBottom: themeVars.spacingSm,
-        overflow: 'hidden',
-    },
-    editHeader: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        padding: `${themeVars.spacingSm} ${themeVars.spacingMd}`,
-        backgroundColor: themeVars.bgTertiary,
-        borderBottom: `1px solid ${themeVars.border}`,
-    },
-    editPath: {
-        fontFamily: themeVars.fontFamilyMono,
-        fontSize: themeVars.fontSizeXs,
-        color: themeVars.textSecondary,
-    },
-    editType: {
-        fontSize: '11px',
-        padding: '2px 6px',
-        borderRadius: '3px',
-        fontWeight: 500,
-    },
-    editTypeCreate: {
-        backgroundColor: themeVars.successBg,
-        color: themeVars.success,
-    },
-    editTypeReplace: {
-        backgroundColor: themeVars.warningBg,
-        color: themeVars.warning,
-    },
-    editTypeDelete: {
-        backgroundColor: themeVars.errorBg,
-        color: themeVars.error,
-    },
-    editContent: {
-        padding: `${themeVars.spacingSm} ${themeVars.spacingMd}`,
-        fontFamily: themeVars.fontFamilyMono,
-        fontSize: themeVars.fontSizeXs,
-        maxHeight: '200px',
-        overflowY: 'auto',
-    },
-    diffLine: {
-        padding: '1px 4px',
-        whiteSpace: 'pre',
-    },
-    diffAdd: {
-        backgroundColor: themeVars.successBg,
-        color: themeVars.success,
-    },
-    diffRemove: {
-        backgroundColor: themeVars.errorBg,
-        color: themeVars.error,
-    },
-    button: {
-        padding: `6px ${themeVars.spacingMd}`,
-        borderRadius: themeVars.radiusSm,
-        border: 'none',
-        cursor: 'pointer',
-        fontSize: themeVars.fontSizeSm,
-        fontWeight: 500,
-        transition: 'background-color 0.2s',
-    },
-    buttonPrimary: {
-        backgroundColor: themeVars.accent,
-        color: '#fff',
-    },
-    buttonSecondary: {
-        backgroundColor: themeVars.bgTertiary,
-        color: themeVars.textPrimary,
-    },
-    buttonDisabled: {
-        opacity: 0.5,
-        cursor: 'not-allowed',
-    },
-    inputArea: {
-        padding: `${themeVars.spacingMd} ${themeVars.spacingLg}`,
-        borderTop: `1px solid ${themeVars.border}`,
-        backgroundColor: themeVars.bgSecondary,
-    },
-    form: {
-        display: 'flex',
-        gap: themeVars.spacingSm,
-    },
-    input: {
-        flex: 1,
-        padding: `10px 14px`,
-        borderRadius: themeVars.radiusMd,
-        border: `1px solid ${themeVars.border}`,
-        fontSize: themeVars.fontSize,
-        outline: 'none',
-        fontFamily: themeVars.fontFamily,
-        backgroundColor: themeVars.bgSecondary,
-        color: themeVars.textPrimary,
-    },
-    statusBar: {
-        padding: `${themeVars.spacingSm} ${themeVars.spacingLg}`,
-        fontSize: themeVars.fontSizeXs,
-        color: themeVars.textSecondary,
-        backgroundColor: themeVars.bgTertiary,
-        borderTop: `1px solid ${themeVars.border}`,
-    },
-    streamingDot: {
-        display: 'inline-block',
-        width: '8px',
-        height: '8px',
-        borderRadius: '50%',
-        backgroundColor: themeVars.accent,
-        marginRight: themeVars.spacingSm,
-        animation: 'pulse 1s infinite',
-    },
-    errorBar: {
-        padding: `${themeVars.spacingMd} ${themeVars.spacingLg}`,
-        backgroundColor: themeVars.errorBg,
-        color: themeVars.error,
-        borderTop: `1px solid ${themeVars.border}`,
-    },
-    emptyState: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        height: '100%',
-        color: themeVars.textMuted,
-        fontSize: themeVars.fontSize,
-    },
-};
-export function CodeChatPanel({ placeholder = 'Ask me to make changes to your code...', className = '', onSave, onAbandon, onError, }) {
-    const { sendCode, saveCode, abandonCode, codeMessage } = useDynim();
-    const [inputValue, setInputValue] = useState('');
-    const [thinkingExpanded, setThinkingExpanded] = useState(false);
-    const [isSaving, setIsSaving] = useState(false);
-    const messagesRef = useRef(null);
-    const { thinking, text, edits, status, error } = codeMessage;
-    // Auto-scroll on new content
-    useEffect(() => {
-        if (messagesRef.current) {
-            messagesRef.current.scrollTop = messagesRef.current.scrollHeight;
-        }
-    }, [thinking, text, edits]);
-    // Notify on errors
-    useEffect(() => {
-        if (error) {
-            onError?.(error);
-        }
-    }, [error, onError]);
-    const handleSubmit = useCallback(async (e) => {
-        e.preventDefault();
-        const query = inputValue.trim();
-        if (!query || status === 'streaming')
-            return;
-        setInputValue('');
-        setThinkingExpanded(false);
-        await sendCode(query);
-    }, [inputValue, status, sendCode]);
-    const handleSave = useCallback(async () => {
-        setIsSaving(true);
-        try {
-            await saveCode();
-            onSave?.();
-        }
-        catch (err) {
-            onError?.(err.message);
-        }
-        finally {
-            setIsSaving(false);
-        }
-    }, [saveCode, onSave, onError]);
-    const handleAbandon = useCallback(async () => {
-        setIsSaving(true);
-        try {
-            await abandonCode();
-            onAbandon?.();
-        }
-        catch (err) {
-            onError?.(err.message);
-        }
-        finally {
-            setIsSaving(false);
-        }
-    }, [abandonCode, onAbandon, onError]);
-    const isStreaming = status === 'streaming';
-    const hasContent = thinking || text || edits.length > 0;
-    const hasEdits = edits.length > 0;
-    return (_jsxs("div", { style: styles.container, className: className, children: [_jsx("style", { children: `
-        @keyframes pulse {
-          0%, 100% { opacity: 1; }
-          50% { opacity: 0.4; }
-        }
-      ` }), _jsxs("div", { ref: messagesRef, style: styles.messagesArea, children: [!hasContent && status === 'idle' && (_jsx("div", { style: styles.emptyState, children: "Send a message to start editing code" })), hasContent && (_jsxs("div", { style: styles.messageBlock, children: [thinking && (_jsxs("div", { style: styles.thinkingSection, children: [_jsxs("div", { style: styles.thinkingHeader, onClick: () => setThinkingExpanded(!thinkingExpanded), children: [_jsx("span", { children: thinkingExpanded ? '▼' : '▶' }), _jsx("span", { children: "Thinking..." }), _jsxs("span", { style: { marginLeft: 'auto', fontSize: '11px' }, children: [thinking.length, " chars"] })] }), thinkingExpanded && (_jsx("div", { style: styles.thinkingContent, children: thinking }))] })), text && _jsx("div", { style: styles.responseText, children: text }), hasEdits && (_jsxs("div", { style: styles.editsSection, children: [_jsxs("div", { style: styles.editsHeader, children: [_jsxs("span", { style: styles.editsTitle, children: [edits.length, " file", edits.length !== 1 ? 's' : '', " changed"] }), status === 'done' && (_jsxs("div", { style: styles.editsActions, children: [_jsx("button", { style: {
-                                                            ...styles.button,
-                                                            ...styles.buttonSecondary,
-                                                            ...(isSaving ? styles.buttonDisabled : {}),
-                                                        }, onClick: handleAbandon, disabled: isSaving, children: "Reject" }), _jsx("button", { style: {
-                                                            ...styles.button,
-                                                            ...styles.buttonPrimary,
-                                                            ...(isSaving ? styles.buttonDisabled : {}),
-                                                        }, onClick: handleSave, disabled: isSaving, children: "Accept Changes" })] }))] }), edits.map((edit, index) => (_jsx(EditCard, { edit: edit }, `${edit.file_path}-${index}`)))] }))] }))] }), isStreaming && (_jsxs("div", { style: styles.statusBar, children: [_jsx("span", { style: styles.streamingDot }), "Generating response..."] })), status === 'error' && error && (_jsx("div", { style: styles.errorBar, children: error })), _jsx("div", { style: styles.inputArea, children: _jsxs("form", { style: styles.form, onSubmit: handleSubmit, children: [_jsx("input", { type: "text", style: styles.input, placeholder: placeholder, value: inputValue, onChange: (e) => setInputValue(e.target.value), disabled: isStreaming }), _jsx("button", { type: "submit", style: {
-                                ...styles.button,
-                                ...styles.buttonPrimary,
-                                ...(isStreaming || !inputValue.trim() ? styles.buttonDisabled : {}),
-                            }, disabled: isStreaming || !inputValue.trim(), children: "Send" })] }) })] }));
-}
-/** Individual edit card component */
-function EditCard({ edit }) {
-    const [expanded, setExpanded] = useState(true);
-    const typeStyle = {
-        ...styles.editType,
-        ...(edit.type === 'create'
-            ? styles.editTypeCreate
-            : edit.type === 'delete'
-                ? styles.editTypeDelete
-                : styles.editTypeReplace),
-    };
-    return (_jsxs("div", { style: styles.editCard, children: [_jsxs("div", { style: { ...styles.editHeader, cursor: 'pointer' }, onClick: () => setExpanded(!expanded), children: [_jsxs("span", { style: styles.editPath, children: [expanded ? '▼' : '▶', " ", edit.file_path] }), _jsx("span", { style: typeStyle, children: edit.type })] }), expanded && (_jsxs("div", { style: styles.editContent, children: [edit.type === 'delete' && edit.old_content && (_jsx("div", { children: edit.old_content.split('\n').map((line, i) => (_jsxs("div", { style: { ...styles.diffLine, ...styles.diffRemove }, children: ["- ", line] }, i))) })), edit.type === 'create' && edit.new_content && (_jsx("div", { children: edit.new_content.split('\n').map((line, i) => (_jsxs("div", { style: { ...styles.diffLine, ...styles.diffAdd }, children: ["+ ", line] }, i))) })), edit.type === 'replace' && (_jsxs("div", { children: [edit.old_content?.split('\n').map((line, i) => (_jsxs("div", { style: { ...styles.diffLine, ...styles.diffRemove }, children: ["- ", line] }, `old-${i}`))), edit.new_content?.split('\n').map((line, i) => (_jsxs("div", { style: { ...styles.diffLine, ...styles.diffAdd }, children: ["+ ", line] }, `new-${i}`)))] }))] }))] }));
-}

package/dist/builder/MessageList.d.ts

@@ -1,14 +0,0 @@
-/**
- * Message list component
- * Renders messages with optional custom renderer
- */
-import { type ReactNode } from 'react';
-import type { Message } from 'dynim-core';
-export interface MessageListProps {
-    className?: string;
-    renderMessage?: (message: Message) => ReactNode;
-    showAvatars?: boolean;
-    showTimestamps?: boolean;
-}
-export declare function MessageList({ className, renderMessage, showAvatars, showTimestamps, }: MessageListProps): JSX.Element;
-//# sourceMappingURL=MessageList.d.ts.map

package/dist/builder/MessageList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../src/builder/MessageList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAc,EACd,aAAa,EACb,WAAkB,EAClB,cAAsB,GACvB,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA6ChC"}

package/dist/builder/MessageList.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Message list component
- * Renders messages with optional custom renderer
- */
-import { useRef, useEffect } from 'react';
-import { useChatContext } from './ChatContext';
-export function MessageList({ className = '', renderMessage, showAvatars = true, showTimestamps = false, }) {
-    const { messages, isTyping } = useChatContext();
-    const containerRef = useRef(null);
-    // Auto-scroll to bottom on new messages
-    useEffect(() => {
-        if (containerRef.current) {
-            containerRef.current.scrollTop = containerRef.current.scrollHeight;
-        }
-    }, [messages]);
-    // Default message renderer
-    const defaultRenderMessage = (message) => (_jsxs("div", { className: `chatbot-message chatbot-message--${message.role}`, children: [showAvatars && (_jsx("div", { className: "chatbot-avatar", children: message.role === 'user' ? '\u{1F464}' : '\u{1F916}' })), _jsxs("div", { className: "chatbot-bubble", children: [_jsx("div", { className: "chatbot-text", children: message.text }), showTimestamps && (_jsx("div", { className: "chatbot-time", children: new Date(message.timestamp).toLocaleTimeString([], {
-                            hour: '2-digit',
-                            minute: '2-digit',
-                        }) }))] })] }, message.id));
-    return (_jsxs("div", { ref: containerRef, className: `chatbot-messages ${className}`, children: [messages.map((message) => renderMessage ? renderMessage(message) : defaultRenderMessage(message)), isTyping && (_jsxs("div", { className: "chatbot-typing", children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] }))] }));
-}

package/dist/builder/index.d.ts

@@ -1,14 +0,0 @@
-/**
- * Builder React exports
- */
-export { ChatProvider, useChatContext } from './ChatContext';
-export type { ChatProviderProps } from './ChatContext';
-export { MessageList } from './MessageList';
-export type { MessageListProps } from './MessageList';
-export { ChatInput } from './ChatInput';
-export type { ChatInputProps } from './ChatInput';
-export { CodeChatPanel } from './CodeChatPanel';
-export type { CodeChatPanelProps } from './CodeChatPanel';
-export { useChatbot } from './useChatbot';
-export type { UseChatbotConfig, UseChatbotReturn } from './useChatbot';
-//# sourceMappingURL=index.d.ts.map

package/dist/builder/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/builder/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

package/dist/builder/index.js

@@ -1,11 +0,0 @@
-/**
- * Builder React exports
- */
-// Chat context and provider
-export { ChatProvider, useChatContext } from './ChatContext';
-// Components
-export { MessageList } from './MessageList';
-export { ChatInput } from './ChatInput';
-export { CodeChatPanel } from './CodeChatPanel';
-// Headless hook for custom UI
-export { useChatbot } from './useChatbot';

package/dist/builder/useChatbot.d.ts

@@ -1,28 +0,0 @@
-/**
- * Headless hook for full UI control
- * Use this when you want to build your own UI
- *
- * Wraps createChatbotController from dynim-core for React usage.
- */
-import type { Message } from 'dynim-core';
-export interface UseChatbotConfig {
-    /** Optional API key for direct API calls (if not using session auth) */
-    apiKey?: string;
-    /** Optional callback when message chunks are received */
-    onMessage?: (data: {
-        text?: string;
-        content?: string;
-    }) => void;
-    /** Optional callback when an error occurs */
-    onError?: (error: Error) => void;
-}
-export interface UseChatbotReturn {
-    messages: Message[];
-    isLoading: boolean;
-    isTyping: boolean;
-    error: string | null;
-    sendMessage: (text: string) => Promise<void>;
-    clearMessages: () => void;
-}
-export declare function useChatbot(config?: UseChatbotConfig): UseChatbotReturn;
-//# sourceMappingURL=useChatbot.d.ts.map

package/dist/builder/useChatbot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useChatbot.d.ts","sourceRoot":"","sources":["../../src/builder/useChatbot.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,OAAO,EAAqB,MAAM,YAAY,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,MAAM,GAAE,gBAAqB,GAAG,gBAAgB,CA4D1E"}

package/dist/builder/useChatbot.js

@@ -1,60 +0,0 @@
-/**
- * Headless hook for full UI control
- * Use this when you want to build your own UI
- *
- * Wraps createChatbotController from dynim-core for React usage.
- */
-import { useState, useEffect, useCallback, useRef } from 'react';
-import { createChatbotController } from 'dynim-core';
-export function useChatbot(config = {}) {
-    const { apiKey, onMessage, onError } = config;
-    const [messages, setMessages] = useState([]);
-    const [isLoading, setIsLoading] = useState(false);
-    const [isTyping, setIsTyping] = useState(false);
-    const [error, setError] = useState(null);
-    // Keep callbacks in refs so controller always uses latest
-    const callbacksRef = useRef({ onMessage, onError });
-    callbacksRef.current = { onMessage, onError };
-    const controllerRef = useRef(null);
-    // Initialize controller once on mount (recreate if apiKey changes)
-    useEffect(() => {
-        // Create chatbot controller from core (uses default /api/chat endpoint)
-        const controller = createChatbotController({
-            apiKey,
-            onMessage: (data) => callbacksRef.current.onMessage?.(data),
-            onError: (err) => callbacksRef.current.onError?.(err),
-        });
-        controllerRef.current = controller;
-        // Subscribe to state changes from the controller
-        const unsubscribe = controller.subscribe((state) => {
-            setMessages([...state.messages]);
-            setIsLoading(state.isLoading);
-            setIsTyping(state.isTyping);
-            setError(state.error);
-        });
-        return () => {
-            unsubscribe();
-            controller.destroy();
-        };
-    }, [apiKey]); // Recreate if apiKey changes
-    // Send message using the controller
-    const sendMessage = useCallback(async (text) => {
-        const controller = controllerRef.current;
-        if (!controller)
-            return;
-        await controller.sendMessage(text);
-    }, []);
-    // Clear messages using the controller
-    const clearMessages = useCallback(() => {
-        controllerRef.current?.clearMessages();
-        setError(null); // Also clear error in React state
-    }, []);
-    return {
-        messages,
-        isLoading,
-        isTyping,
-        error,
-        sendMessage,
-        clearMessages,
-    };
-}

package/dist/inference/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Inference exports
- */
-export { createSharedContext, updateSharedContext, getSharedContext, isSharedContextReady, } from './sharedContext';
-export type { DynimSDKConfig, DynimGlobal } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/inference/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/inference/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AAGzB,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/inference/index.js

@@ -1,5 +0,0 @@
-/**
- * Inference exports
- */
-// Shared context utilities
-export { createSharedContext, updateSharedContext, getSharedContext, isSharedContextReady, } from './sharedContext';