@bytexbyte/nxtlinq-ai-agent-sdk 1.5.9 → 1.6.1

package/dist/components/ui/ModelSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ModelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAwHjC,CAAC"}
+{"version":3,"file":"ModelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ModelSelector.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAsHjC,CAAC"}

package/dist/components/ui/ModelSelector.js

@@ -1,5 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
 import * as React from 'react';
+import { css } from '@emotion/react';
 import { useChatBot } from '../context/ChatBotContext';
 export const ModelSelector = () => {
     const { availableModels, selectedModelIndex, showModelSelector, handleModelChange } = useChatBot();
@@ -22,48 +24,52 @@ export const ModelSelector = () => {
     if (!showModelSelector) {
         return null;
     }
-    return (_jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [_jsxs("div", { style: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    cursor: 'pointer',
-                    padding: '4px 8px',
-                    borderRadius: '4px',
-                    backgroundColor: 'rgba(255, 255, 255, 0.1)',
-                    transition: 'background-color 0.2s',
-                    fontSize: '12px',
-                    fontWeight: '500'
-                }, onClick: handleClick, onMouseOver: (e) => e.currentTarget.style.backgroundColor = 'rgba(255, 255, 255, 0.2)', onMouseOut: (e) => e.currentTarget.style.backgroundColor = 'rgba(255, 255, 255, 0.1)', title: "Change AI Model", children: [_jsx("span", { style: { marginRight: '4px' }, children: availableModels[safeSelectedModelIndex]?.label || fallbackModelLabel }), _jsx("span", { style: { fontSize: '10px' }, children: "\u25BC" })] }), open && (_jsx("div", { style: {
-                    position: 'absolute',
-                    top: '100%',
-                    left: '0',
-                    backgroundColor: 'white',
-                    border: '1px solid #ddd',
-                    borderRadius: '4px',
-                    boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
-                    zIndex: 1000,
-                    minWidth: '120px',
-                    marginTop: '4px'
-                }, children: availableModels.map((model, index) => (_jsx("div", { style: {
-                        padding: '8px 12px',
-                        cursor: 'pointer',
-                        backgroundColor: index === safeSelectedModelIndex ? '#f0f0f0' : 'transparent',
-                        color: index === safeSelectedModelIndex ? '#007bff' : '#333',
-                        fontSize: '12px',
-                        borderBottom: index < availableModels.length - 1 ? '1px solid #eee' : 'none'
-                    }, onClick: (event) => handleMenuItemClick(event, index), onMouseOver: (e) => {
-                        if (index !== safeSelectedModelIndex) {
-                            e.currentTarget.style.backgroundColor = '#f8f9fa';
-                        }
-                    }, onMouseOut: (e) => {
-                        if (index !== safeSelectedModelIndex) {
-                            e.currentTarget.style.backgroundColor = 'transparent';
-                        }
-                    }, children: model.label }, model.value))) })), open && (_jsx("div", { style: {
-                    position: 'fixed',
-                    top: 0,
-                    left: 0,
-                    right: 0,
-                    bottom: 0,
-                    zIndex: 999
-                }, onClick: handleClose }))] }));
+    return (_jsxs("div", { css: css `
+      display: flex !important;
+      align-items: center !important;
+      position: relative !important;
+    `, children: [_jsxs("div", { css: css `
+          display: flex !important;
+          align-items: center !important;
+          cursor: pointer !important;
+          padding: 4px 8px !important;
+          border-radius: 4px !important;
+          background-color: rgba(255, 255, 255, 0.1) !important;
+          transition: background-color 0.2s !important;
+          font-size: 12px !important;
+          font-weight: 500 !important;
+          
+          &:hover {
+            background-color: rgba(255, 255, 255, 0.2) !important;
+          }
+        `, onClick: handleClick, title: "Change AI Model", children: [_jsx("span", { css: css `margin-right: 4px !important;`, children: availableModels[safeSelectedModelIndex]?.label || fallbackModelLabel }), _jsx("span", { css: css `font-size: 10px !important;`, children: "\u25BC" })] }), open && (_jsx("div", { css: css `
+            position: absolute !important;
+            top: 100% !important;
+            left: 0 !important;
+            background-color: white !important;
+            border: 1px solid #ddd !important;
+            border-radius: 4px !important;
+            box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
+            z-index: 1000 !important;
+            min-width: 120px !important;
+            margin-top: 4px !important;
+          `, children: availableModels.map((model, index) => (_jsx("div", { css: css `
+                padding: 8px 12px !important;
+                cursor: pointer !important;
+                background-color: ${index === safeSelectedModelIndex ? '#f0f0f0' : 'transparent'} !important;
+                color: ${index === safeSelectedModelIndex ? '#007bff' : '#333'} !important;
+                font-size: 12px !important;
+                border-bottom: ${index < availableModels.length - 1 ? '1px solid #eee' : 'none'} !important;
+                
+                &:hover {
+                  background-color: ${index === safeSelectedModelIndex ? '#f0f0f0' : '#f8f9fa'} !important;
+                }
+              `, onClick: (event) => handleMenuItemClick(event, index), children: model.label }, model.value))) })), open && (_jsx("div", { css: css `
+            position: fixed !important;
+            top: 0 !important;
+            left: 0 !important;
+            right: 0 !important;
+            bottom: 0 !important;
+            z-index: 999 !important;
+          `, onClick: handleClose }))] }));
 };

package/dist/components/ui/NotificationModal.d.ts

@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import * as React from 'react';
 interface NotificationModalProps {
     type: 'success' | 'error' | 'info' | 'warning';

package/dist/components/ui/NotificationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationModal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/NotificationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,sBAAsB;IAC9B,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0H9D,CAAC"}
+{"version":3,"file":"NotificationModal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/NotificationModal.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,sBAAsB;IAC9B,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4F9D,CAAC"}

package/dist/components/ui/NotificationModal.js

@@ -1,79 +1,53 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
 import { createNotification, getNotificationIcon } from '../../core/utils/notificationUtils';
+import { actionButton, modalOverlay } from './styles/isolatedStyles';
 export const NotificationModal = ({ type, title, message, onClose, onConfirm, showConfirm = false, confirmText = 'Confirm', cancelText = 'Cancel' }) => {
     const icon = getNotificationIcon(type);
     const notification = createNotification(type, message);
-    return (_jsx("div", { style: {
-            position: 'fixed',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            backgroundColor: 'rgba(0, 0, 0, 0.5)',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            zIndex: 1000
-        }, children: _jsxs("div", { style: {
-                backgroundColor: 'white',
-                padding: '24px',
-                borderRadius: '12px',
-                width: '400px',
-                maxWidth: '90%',
-                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',
-                textAlign: 'center'
-            }, children: [_jsx("div", { style: {
-                        fontSize: '48px',
-                        marginBottom: '16px'
-                    }, children: icon }), _jsx("h3", { style: {
-                        margin: '0 0 12px 0',
-                        fontSize: '20px',
-                        fontWeight: '600',
-                        color: '#1a1a1a'
-                    }, children: title }), _jsx("p", { style: {
-                        margin: '0 0 24px 0',
-                        fontSize: '16px',
-                        color: '#666',
-                        lineHeight: '1.5'
-                    }, children: message }), _jsxs("div", { style: {
-                        display: 'flex',
-                        justifyContent: 'center',
-                        gap: '12px'
-                    }, children: [showConfirm && onConfirm && (_jsx("button", { onClick: onConfirm, style: {
-                                padding: '10px 20px',
-                                backgroundColor: type === 'error' ? '#dc3545' : '#007bff',
-                                color: 'white',
-                                border: 'none',
-                                borderRadius: '8px',
-                                cursor: 'pointer',
-                                fontSize: '14px',
-                                fontWeight: '500',
-                                transition: 'background-color 0.2s'
-                            }, onMouseOver: (e) => e.currentTarget.style.backgroundColor = type === 'error' ? '#c82333' : '#0056b3', onMouseOut: (e) => e.currentTarget.style.backgroundColor = type === 'error' ? '#dc3545' : '#007bff', children: confirmText })), _jsx("button", { onClick: onClose, style: {
-                                padding: '10px 20px',
-                                backgroundColor: showConfirm ? '#f8f9fa' : '#007bff',
-                                color: showConfirm ? '#666' : 'white',
-                                border: showConfirm ? '1px solid #dee2e6' : 'none',
-                                borderRadius: '8px',
-                                cursor: 'pointer',
-                                fontSize: '14px',
-                                fontWeight: '500',
-                                transition: 'all 0.2s'
-                            }, onMouseOver: (e) => {
-                                if (showConfirm) {
-                                    e.currentTarget.style.backgroundColor = '#e9ecef';
-                                    e.currentTarget.style.borderColor = '#ced4da';
-                                }
-                                else {
-                                    e.currentTarget.style.backgroundColor = '#0056b3';
-                                }
-                            }, onMouseOut: (e) => {
-                                if (showConfirm) {
-                                    e.currentTarget.style.backgroundColor = '#f8f9fa';
-                                    e.currentTarget.style.borderColor = '#dee2e6';
-                                }
-                                else {
-                                    e.currentTarget.style.backgroundColor = '#007bff';
-                                }
-                            }, children: cancelText })] })] }) }));
+    return (_jsx("div", { css: modalOverlay, children: _jsxs("div", { css: css `
+        background-color: white !important;
+        padding: 24px !important;
+        border-radius: 12px !important;
+        width: 400px !important;
+        max-width: 90% !important;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
+        text-align: center !important;
+      `, children: [_jsx("div", { css: css `
+          font-size: 48px !important;
+          margin-bottom: 16px !important;
+        `, children: icon }), _jsx("h3", { css: css `
+          margin: 0 0 12px 0 !important;
+          font-size: 20px !important;
+          font-weight: 600 !important;
+          color: #1a1a1a !important;
+        `, children: title }), _jsx("p", { css: css `
+          margin: 0 0 24px 0 !important;
+          font-size: 16px !important;
+          color: #666 !important;
+          line-height: 1.5 !important;
+        `, children: message }), _jsxs("div", { css: css `
+          display: flex !important;
+          justify-content: center !important;
+          gap: 12px !important;
+        `, children: [showConfirm && onConfirm && (_jsx("button", { onClick: onConfirm, css: css `
+                ${actionButton}
+                background-color: ${type === 'error' ? '#dc3545' : '#007bff'} !important;
+                border-radius: 8px !important;
+                
+                &:hover {
+                  background-color: ${type === 'error' ? '#c82333' : '#0056b3'} !important;
+                }
+              `, children: confirmText })), _jsx("button", { onClick: onClose, css: css `
+              ${actionButton}
+              background-color: ${showConfirm ? '#f8f9fa' : '#007bff'} !important;
+              color: ${showConfirm ? '#666' : 'white'} !important;
+              border: ${showConfirm ? '1px solid #dee2e6' : 'none'} !important;
+              border-radius: 8px !important;
+              
+              &:hover {
+                background-color: ${showConfirm ? '#e9ecef' : '#0056b3'} !important;
+                border-color: ${showConfirm ? '#ced4da' : 'none'} !important;
+              }
+            `, children: cancelText })] })] }) }));
 };

package/dist/components/ui/PermissionForm.d.ts

@@ -1,7 +1,7 @@
+/** @jsxImportSource @emotion/react */
 import * as React from 'react';
 interface PermissionFormProps {
     onClose: () => void;
-    onOpen: () => void;
 }
 export declare const PermissionForm: React.FC<PermissionFormProps>;
 export {};

package/dist/components/ui/PermissionForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PermissionForm.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PermissionForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoiBxD,CAAC"}
+{"version":3,"file":"PermissionForm.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PermissionForm.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgiBxD,CAAC"}