@iblai/iblai-js 1.20.2 → 1.20.4

package/dist/web-containers/source/index.esm.js

@@ -197302,32 +197302,16 @@ function SignupButton({ authUrl, tenantKey, redirectTo, label = 'Sign Up', onCli
 }
 SignupButton.displayName = 'SignupButton';
 
-function OverlayModal({ open, onClose, title, description, className, children, }) {
-    const [mounted, setMounted] = useState(false);
-    const [dialogPanel, setDialogPanel] = useState(null);
-    useEffect(() => {
-        setMounted(true);
-    }, []);
-    const handleOpenChange = (nextOpen) => {
-        if (!nextOpen)
-            onClose();
-    };
-    if (!mounted || typeof document === 'undefined') {
-        return null;
-    }
-    // Nested Radix Dialog on document.body: viewport-fixed overlay + its own scroll lock,
-    // independent of any parent modal. Requires the app to resolve the same
-    // `@radix-ui/react-dialog` instance as this package (peer dependency + Rollup external).
-    return (jsx(DialogPrimitive.Root, { open: open, onOpenChange: handleOpenChange, modal: true, children: jsxs(DialogPrimitive.Portal, { container: document.body, children: [jsx(DialogPrimitive.Overlay, { "data-iblai-dialog-interaction-layer": true, className: cn('pointer-events-auto fixed inset-0 z-[100] bg-black/60', 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0') }), jsx(DialogPrimitive.Content, { ref: setDialogPanel, "data-iblai-dialog-interaction-layer": true, ...(!description ? { 'aria-describedby': undefined } : {}), className: cn('pointer-events-auto fixed left-[50%] top-[50%] z-[100] grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200', 'max-h-[min(90dvh,calc(100dvh-2rem))] max-w-[calc(100vw-2rem)] overflow-y-auto overscroll-contain rounded-lg p-6 sm:rounded-lg', 'pt-[max(1.5rem,env(safe-area-inset-top))] pb-[max(1.5rem,env(safe-area-inset-bottom))]', 'pl-[max(1.5rem,env(safe-area-inset-left))] pr-[max(1.5rem,env(safe-area-inset-right))]', 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]', 'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', className), children: jsxs(FloatingPortalContainerContext.Provider, { value: dialogPanel, children: [jsx(DialogPrimitive.Close, { type: "button", className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", "aria-label": "Close", children: jsx(X$1, { className: "h-4 w-4" }) }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex flex-col space-y-1.5 pr-8 text-center sm:text-left", children: [jsx(DialogPrimitive.Title, { className: "text-lg font-semibold leading-none tracking-tight", children: title }), description ? (jsx(DialogPrimitive.Description, { className: "text-sm text-muted-foreground", children: description })) : null] }), children] })] }) })] }) }));
-}
-
-// ── Helpers ──────────────────────────────────────────────────────────────────
+/**
+ * Returns the canonical logo path and display name for an LLM provider.
+ * `logo` is a static-root path (e.g. `/llm-amazon-provider.png`); the package
+ * ships the canonical assets under `@iblai/web-containers/public/` — copy them
+ * into your app's static-root (`public/` for Next.js) so the paths resolve.
+ */
 function getLLMProviderDetails(llmProvider, llmName) {
     switch (llmProvider) {
         case 'groq':
             return { logo: '/llm-groq-provider.png', name: 'Groq' };
-        case 'IBLChatNvidia':
-            return { logo: '/llm-nvidia-provider.webp', name: 'NVIDIA' };
         case 'azure_openai':
             return { logo: '/llm-microsoft-provider.png', name: 'Microsoft' };
         case 'openai':
@@ -197342,22 +197326,48 @@ function getLLMProviderDetails(llmProvider, llmName) {
             return { logo: '/llm-google-provider.svg', name: 'Google' };
         case 'llama':
             return { logo: '/llm-llama-provider.jpeg', name: 'Meta' };
-        case 'IBLChatAnthropic':
-            return { logo: '/llm-claude-provider.png', name: 'Anthropic' };
         case 'perplexity':
             return { logo: '/llm-perplexity-provider.webp', name: 'Perplexity' };
         case 'deepseek':
             return { logo: '/llm-deepseek-provider.png', name: 'DeepSeek' };
         case 'xai':
             return { logo: '/llm-xai-provider.jpg', name: 'xAI' };
+        case 'IBLChatAnthropic':
         case 'anthropic':
             return { logo: '/llm-claude-provider.png', name: 'Anthropic' };
+        case 'IBLChatNvidia':
         case 'nvidia':
             return { logo: '/llm-nvidia-provider.webp', name: 'NVIDIA' };
+        case 'bedrock':
+        case 'amazon-bedrock':
+        case 'amazon_bedrock':
+        case 'IBLChatBedrock':
+            return { logo: '/llm-amazon-provider.png', name: 'Amazon' };
         default:
             return { logo: '/llm-generic-provider.png', name: llmProvider };
     }
 }
+
+function OverlayModal({ open, onClose, title, description, className, children, }) {
+    const [mounted, setMounted] = useState(false);
+    const [dialogPanel, setDialogPanel] = useState(null);
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    const handleOpenChange = (nextOpen) => {
+        if (!nextOpen)
+            onClose();
+    };
+    if (!mounted || typeof document === 'undefined') {
+        return null;
+    }
+    // Nested Radix Dialog on document.body: viewport-fixed overlay + its own scroll lock,
+    // independent of any parent modal. Requires the app to resolve the same
+    // `@radix-ui/react-dialog` instance as this package (peer dependency + Rollup external).
+    return (jsx(DialogPrimitive.Root, { open: open, onOpenChange: handleOpenChange, modal: true, children: jsxs(DialogPrimitive.Portal, { container: document.body, children: [jsx(DialogPrimitive.Overlay, { "data-iblai-dialog-interaction-layer": true, className: cn('pointer-events-auto fixed inset-0 z-[100] bg-black/60', 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0') }), jsx(DialogPrimitive.Content, { ref: setDialogPanel, "data-iblai-dialog-interaction-layer": true, ...(!description ? { 'aria-describedby': undefined } : {}), className: cn('pointer-events-auto fixed left-[50%] top-[50%] z-[100] grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200', 'max-h-[min(90dvh,calc(100dvh-2rem))] max-w-[calc(100vw-2rem)] overflow-y-auto overscroll-contain rounded-lg p-6 sm:rounded-lg', 'pt-[max(1.5rem,env(safe-area-inset-top))] pb-[max(1.5rem,env(safe-area-inset-bottom))]', 'pl-[max(1.5rem,env(safe-area-inset-left))] pr-[max(1.5rem,env(safe-area-inset-right))]', 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]', 'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', className), children: jsxs(FloatingPortalContainerContext.Provider, { value: dialogPanel, children: [jsx(DialogPrimitive.Close, { type: "button", className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", "aria-label": "Close", children: jsx(X$1, { className: "h-4 w-4" }) }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex flex-col space-y-1.5 pr-8 text-center sm:text-left", children: [jsx(DialogPrimitive.Title, { className: "text-lg font-semibold leading-none tracking-tight", children: title }), description ? (jsx(DialogPrimitive.Description, { className: "text-sm text-muted-foreground", children: description })) : null] }), children] })] }) })] }) }));
+}
+
+// ── Helpers ──────────────────────────────────────────────────────────────────
 const canSwitchLLm = (llm) => {
     if (llm === null || llm === void 0 ? void 0 : llm.has_credentials) {
         return true;
@@ -198198,7 +198208,7 @@ function UpgradePackageModal({ open, onClose, redirectUrl, sourcePlatformKey, ma
 }
 
 function AppleRestrictionModal({ isOpen, onClose }) {
-    return (jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsx(DialogContent, { showCloseButton: false, className: "max-w-sm gap-0 overflow-hidden rounded-2xl p-0", children: jsxs("div", { className: "flex flex-col items-center gap-6 px-8 py-10 text-center", children: [jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-gray-100", children: jsx(Smartphone, { className: "h-8 w-8 text-gray-500", strokeWidth: 1.5 }) }), jsxs("div", { className: "flex flex-col gap-2", children: [jsx(DialogTitle, { className: "text-xl font-bold tracking-tight text-gray-900", children: "Subscription changes happen outside the app" }), jsx(DialogDescription, { className: "text-sm leading-relaxed text-gray-500", children: "All subscription and billing changes are managed through your account, outside the app." })] }), jsx("div", { className: "flex w-full flex-col gap-3", children: jsx("button", { type: "button", onClick: onClose, className: "ibl-button-primary flex w-full items-center justify-center rounded-full py-3 text-sm font-semibold", children: "OK" }) })] }) }) }));
+    return (jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsx(DialogContent, { showCloseButton: false, className: "max-w-sm gap-0 overflow-hidden rounded-2xl p-0", children: jsxs("div", { className: "flex flex-col items-center gap-6 px-8 py-10 text-center", children: [jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-gray-100", children: jsx(Smartphone, { className: "h-8 w-8 text-gray-500", strokeWidth: 1.5 }) }), jsxs("div", { className: "flex flex-col gap-2", children: [jsx(DialogTitle, { className: "text-xl font-bold tracking-tight text-gray-900", children: "This action requires a subscription which happens outside the app" }), jsx(DialogDescription, { className: "text-sm leading-relaxed text-gray-500", children: "All subscription and billing changes are managed through your account, outside the app." })] }), jsx("div", { className: "flex w-full flex-col gap-3", children: jsx("button", { type: "button", onClick: onClose, className: "ibl-button-primary flex w-full items-center justify-center rounded-full py-3 text-sm font-semibold", children: "OK" }) })] }) }) }));
 }
 
 function Version({ appName, appVersion, poweredBy, }) {

package/dist/web-containers/source/next/index.esm.js

@@ -202441,6 +202441,52 @@ var reactPaginate = {exports: {}};
 	
 } (reactPaginate));
 
+/**
+ * Returns the canonical logo path and display name for an LLM provider.
+ * `logo` is a static-root path (e.g. `/llm-amazon-provider.png`); the package
+ * ships the canonical assets under `@iblai/web-containers/public/` — copy them
+ * into your app's static-root (`public/` for Next.js) so the paths resolve.
+ */
+function getLLMProviderDetails(llmProvider, llmName) {
+    switch (llmProvider) {
+        case 'groq':
+            return { logo: '/llm-groq-provider.png', name: 'Groq' };
+        case 'azure_openai':
+            return { logo: '/llm-microsoft-provider.png', name: 'Microsoft' };
+        case 'openai':
+            if (llmName)
+                return { logo: '/llm-openai-provider.jpg', name: 'OpenAI' };
+            return { logo: '/llm-openai-provider-2.svg', name: 'OpenAI' };
+        case 'mistral':
+            return { logo: '/llm-mistral-provider.jpeg', name: 'Mistral' };
+        case 'google':
+            if (llmName)
+                return { logo: '/llm-gemini-provider.png', name: 'Google' };
+            return { logo: '/llm-google-provider.svg', name: 'Google' };
+        case 'llama':
+            return { logo: '/llm-llama-provider.jpeg', name: 'Meta' };
+        case 'perplexity':
+            return { logo: '/llm-perplexity-provider.webp', name: 'Perplexity' };
+        case 'deepseek':
+            return { logo: '/llm-deepseek-provider.png', name: 'DeepSeek' };
+        case 'xai':
+            return { logo: '/llm-xai-provider.jpg', name: 'xAI' };
+        case 'IBLChatAnthropic':
+        case 'anthropic':
+            return { logo: '/llm-claude-provider.png', name: 'Anthropic' };
+        case 'IBLChatNvidia':
+        case 'nvidia':
+            return { logo: '/llm-nvidia-provider.webp', name: 'NVIDIA' };
+        case 'bedrock':
+        case 'amazon-bedrock':
+        case 'amazon_bedrock':
+        case 'IBLChatBedrock':
+            return { logo: '/llm-amazon-provider.png', name: 'Amazon' };
+        default:
+            return { logo: '/llm-generic-provider.png', name: llmProvider };
+    }
+}
+
 lazy(() => Promise.resolve().then(function () { return createProjectModal; }).then((mod) => ({
     default: mod.CreateProjectModal,
 })));
@@ -211036,52 +211082,6 @@ function AgentLLMTab({ showConfigurationHeader = true, getLLMProviderDetails, la
                             }, llms: (llmProviders !== null && llmProviders !== void 0 ? llmProviders : []), getLLMProviderDetails: getLLMProviderDetails, labels: labels.providerModal }))] }) })] }));
 }
 
-/**
- * Returns the canonical logo path and display name for an LLM provider.
- * `logo` is a static-root path (e.g. `/llm-amazon-provider.png`); the package
- * ships the canonical assets under `@iblai/web-containers/public/` — copy them
- * into your app's static-root (`public/` for Next.js) so the paths resolve.
- */
-function getLLMProviderDetails(llmProvider, llmName) {
-    switch (llmProvider) {
-        case 'groq':
-            return { logo: '/llm-groq-provider.png', name: 'Groq' };
-        case 'azure_openai':
-            return { logo: '/llm-microsoft-provider.png', name: 'Microsoft' };
-        case 'openai':
-            if (llmName)
-                return { logo: '/llm-openai-provider.jpg', name: 'OpenAI' };
-            return { logo: '/llm-openai-provider-2.svg', name: 'OpenAI' };
-        case 'mistral':
-            return { logo: '/llm-mistral-provider.jpeg', name: 'Mistral' };
-        case 'google':
-            if (llmName)
-                return { logo: '/llm-gemini-provider.png', name: 'Google' };
-            return { logo: '/llm-google-provider.svg', name: 'Google' };
-        case 'llama':
-            return { logo: '/llm-llama-provider.jpeg', name: 'Meta' };
-        case 'perplexity':
-            return { logo: '/llm-perplexity-provider.webp', name: 'Perplexity' };
-        case 'deepseek':
-            return { logo: '/llm-deepseek-provider.png', name: 'DeepSeek' };
-        case 'xai':
-            return { logo: '/llm-xai-provider.jpg', name: 'xAI' };
-        case 'IBLChatAnthropic':
-        case 'anthropic':
-            return { logo: '/llm-claude-provider.png', name: 'Anthropic' };
-        case 'IBLChatNvidia':
-        case 'nvidia':
-            return { logo: '/llm-nvidia-provider.webp', name: 'NVIDIA' };
-        case 'bedrock':
-        case 'amazon-bedrock':
-        case 'amazon_bedrock':
-        case 'IBLChatBedrock':
-            return { logo: '/llm-amazon-provider.png', name: 'Amazon' };
-        default:
-            return { logo: '/llm-generic-provider.png', name: llmProvider };
-    }
-}
-
 function useTools({ labels }) {
     var _a, _b;
     const { tenantKey, mentorId, username } = useAgentSettings();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "1.20.2",
+  "version": "1.20.4",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -68,8 +68,8 @@
     "winston": "3.19.0",
     "@iblai/data-layer": "1.8.4",
     "@iblai/mcp": "1.7.2",
-    "@iblai/web-utils": "1.11.2",
-    "@iblai/web-containers": "1.10.2"
+    "@iblai/web-containers": "1.10.4",
+    "@iblai/web-utils": "1.11.2"
   },
   "peerDependencies": {
     "@radix-ui/react-dialog": "^1.1.7",