@datatechsolutions/ui 2.11.59 → 2.11.60

package/dist/astrlabe/index.mjs

@@ -1,15 +1,15 @@
 "use client";
 import '../chunk-JB6RNAD2.mjs';
 export { topologicalSortAgents, validateGraphNodeConfigs, validateNodeConfig, validateWorkflowGraph } from '../chunk-53SRKVKQ.mjs';
-import { Workspace, useModalStore, CATEGORY_COLORS, CATEGORY_PILL_COLORS, ICON_MAP, WorkflowCanvas, getEntityIcon, getEntityGradient, useWorkflowStore, LOGIC_ICON_MAP, LOGIC_NODE_GRADIENTS, getFrameworkMeta, getCompatibleModels, isModelCompatibleWithFramework, FRAMEWORK_META, isFrameworkCompatibleWithProviders } from '../chunk-XWORZXP2.mjs';
-export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, ModelProviderFlowNode, NODE_EXECUTION_ACCENT_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore } from '../chunk-XWORZXP2.mjs';
-import { GlassModal, Button, FormInput, FormTextarea, ToggleSwitch, Input, DynamicIslandConfirm } from '../chunk-F4TRCO3M.mjs';
+import { Workspace, useModalStore, CATEGORY_COLORS, CATEGORY_PILL_COLORS, ICON_MAP, WorkflowCanvas, getEntityIcon, getEntityGradient, useWorkflowStore, LOGIC_ICON_MAP, LOGIC_NODE_GRADIENTS, getFrameworkMeta, getCompatibleModels, isModelCompatibleWithFramework, FRAMEWORK_META, isFrameworkCompatibleWithProviders } from '../chunk-H2IJAN2P.mjs';
+export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, ModelProviderFlowNode, NODE_EXECUTION_ACCENT_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore } from '../chunk-H2IJAN2P.mjs';
+import { GlassModal, Button, FormInput, FormTextarea, ToggleSwitch, Input, DynamicIslandConfirm } from '../chunk-VM24LJCV.mjs';
+import { useTranslations } from '../chunk-7VJ7CMMT.mjs';
 import '../chunk-QWG2FMUN.mjs';
 import '../chunk-D2JF6C3E.mjs';
 export { GraphNodeBadge, GraphNodeHeader, GraphNodeIconBubble, GraphNodeMeta } from '../chunk-OZNTQROP.mjs';
 import { getAgentTier, createDefaultLogicNodeConfig } from '../chunk-WNCPAWLC.mjs';
 export { applyDagreLayout, createDefaultLogicNodeConfig, getAgentTier } from '../chunk-WNCPAWLC.mjs';
-import { useTranslations } from '../chunk-7VJ7CMMT.mjs';
 import { memo, useCallback, useState, useEffect, useMemo, useRef, Children } from 'react';
 import { UserCircleIcon, Cog6ToothIcon, SparklesIcon, CommandLineIcon, KeyIcon, PlayCircleIcon, CpuChipIcon, ArrowPathRoundedSquareIcon, ArrowsPointingOutIcon, ArrowsPointingInIcon, BoltIcon, ClockIcon, CheckIcon, AdjustmentsHorizontalIcon, CircleStackIcon, TrashIcon, PlusIcon, XMarkIcon, EyeIcon, ArrowPathIcon, PlayIcon, StopIcon, XCircleIcon, CheckCircleIcon, VariableIcon, ChevronDownIcon, ChevronRightIcon, ExclamationCircleIcon, ClipboardDocumentIcon, ArrowDownTrayIcon, ArrowUpTrayIcon, ExclamationTriangleIcon } from '@heroicons/react/24/outline';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/astrlabe/workflow-canvas.js

@@ -1,19 +1,19 @@
 "use client";
 'use strict';
 
-var chunkZXDCFAFG_js = require('../chunk-ZXDCFAFG.js');
-require('../chunk-GA72TPLH.js');
+var chunkTNBDGTUG_js = require('../chunk-TNBDGTUG.js');
+require('../chunk-7ZC6KI76.js');
+require('../chunk-YXN2K77G.js');
 require('../chunk-S7KHTUHA.js');
 require('../chunk-UZ3CMNUJ.js');
 require('../chunk-P4YYEM4B.js');
 require('../chunk-C7BI5LQ6.js');
-require('../chunk-YXN2K77G.js');
 
 
 
 Object.defineProperty(exports, "Workspace", {
   enumerable: true,
-  get: function () { return chunkZXDCFAFG_js.Workspace; }
+  get: function () { return chunkTNBDGTUG_js.Workspace; }
 });
 //# sourceMappingURL=workflow-canvas.js.map
 //# sourceMappingURL=workflow-canvas.js.map

package/dist/astrlabe/workflow-canvas.mjs

@@ -1,10 +1,10 @@
 "use client";
-export { Workspace } from '../chunk-XWORZXP2.mjs';
-import '../chunk-F4TRCO3M.mjs';
+export { Workspace } from '../chunk-H2IJAN2P.mjs';
+import '../chunk-VM24LJCV.mjs';
+import '../chunk-7VJ7CMMT.mjs';
 import '../chunk-QWG2FMUN.mjs';
 import '../chunk-D2JF6C3E.mjs';
 import '../chunk-OZNTQROP.mjs';
 import '../chunk-WNCPAWLC.mjs';
-import '../chunk-7VJ7CMMT.mjs';
 //# sourceMappingURL=workflow-canvas.mjs.map
 //# sourceMappingURL=workflow-canvas.mjs.map

package/dist/{chunk-GA72TPLH.js → chunk-7ZC6KI76.js}

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
 var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
-var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var Headless6 = require('@headlessui/react');
 var clsx = require('clsx');
 var React12 = require('react');
@@ -14148,6 +14148,177 @@ function IncidentPipelineDemo({
     ] })
   ] }) });
 }
+function IconTile({ icon: Icon, gradient, size = "md" }) {
+  const wrapper = size === "md" ? "h-12 w-12" : "h-10 w-10";
+  const icon = size === "md" ? "h-6 w-6" : "h-5 w-5";
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${wrapper} rounded-xl bg-gradient-to-br ${gradient} flex items-center justify-center`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: `${icon} text-white` }) });
+}
+function BentoFeatureGrid({
+  aiPanel,
+  metricsPanel,
+  securityPanel,
+  agentsPanel,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full min-h-screen h-full flex items-center justify-center p-4 md:p-6 lg:p-8 ${className ?? ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full max-w-7xl", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 lg:grid-cols-3 lg:grid-rows-2 h-full min-h-[600px] lg:min-h-[700px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      framerMotion.motion.div,
+      {
+        initial: { opacity: 0, y: 20 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.6, delay: 0.1 },
+        className: "relative lg:row-span-2",
+        children: [
+          aiPanel.bgTint && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute inset-px rounded-2xl bg-gradient-to-br ${aiPanel.bgTint}` }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex h-full flex-col overflow-hidden rounded-2xl border ${aiPanel.borderColor ?? "border-gray-200 dark:border-gray-800"} bg-white/50 dark:bg-zinc-900/50 backdrop-blur-sm`, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 pt-6 pb-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(IconTile, { icon: aiPanel.icon, gradient: aiPanel.gradient, size: "md" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-bold text-gray-900 dark:text-white", children: aiPanel.title })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: aiPanel.description })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative min-h-[200px] w-full grow p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: aiPanel.items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+              framerMotion.motion.div,
+              {
+                initial: { opacity: 0, x: -20 },
+                animate: { opacity: 1, x: 0 },
+                transition: { delay: 0.3 + index * 0.2 },
+                className: `flex items-center gap-3 p-3 rounded-xl ${item.bgTint}`,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-2 w-2 rounded-full animate-pulse ${item.dotColor}` }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-xs font-medium ${item.textColor}`, children: item.label })
+                ]
+              },
+              `${item.label}-${index}`
+            )) }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-px rounded-2xl shadow-sm" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      framerMotion.motion.div,
+      {
+        initial: { opacity: 0, y: 20 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.6, delay: 0.2 },
+        className: "relative max-lg:row-start-1",
+        children: [
+          metricsPanel.bgTint && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute inset-px rounded-2xl bg-gradient-to-br ${metricsPanel.bgTint}` }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex h-full flex-col overflow-hidden rounded-2xl border ${metricsPanel.borderColor ?? "border-gray-200 dark:border-gray-800"} bg-white/50 dark:bg-zinc-900/50 backdrop-blur-sm`, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 pt-6 pb-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(IconTile, { icon: metricsPanel.icon, gradient: metricsPanel.gradient, size: "sm" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-bold text-gray-900 dark:text-white", children: metricsPanel.title })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-600 dark:text-gray-400", children: metricsPanel.description })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 items-center justify-center px-6 pb-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-3 w-full", children: metricsPanel.metrics.map((metric, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+              framerMotion.motion.div,
+              {
+                initial: { scale: 0 },
+                animate: { scale: 1 },
+                transition: { delay: 0.5 + index * 0.1 },
+                className: `${metric.bgTint} rounded-xl p-3 text-center`,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-2xl font-bold ${metric.valueColor}`, children: metric.value }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-gray-600 dark:text-gray-400", children: metric.label })
+                ]
+              },
+              `${metric.label}-${index}`
+            )) }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-px rounded-2xl shadow-sm" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      framerMotion.motion.div,
+      {
+        initial: { opacity: 0, y: 20 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.6, delay: 0.3 },
+        className: "relative max-lg:row-start-3 lg:col-start-2 lg:row-start-2",
+        children: [
+          securityPanel.bgTint && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute inset-px rounded-2xl bg-gradient-to-br ${securityPanel.bgTint}` }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex h-full flex-col overflow-hidden rounded-2xl border ${securityPanel.borderColor ?? "border-gray-200 dark:border-gray-800"} bg-white/50 dark:bg-zinc-900/50 backdrop-blur-sm`, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 pt-6 pb-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(IconTile, { icon: securityPanel.icon, gradient: securityPanel.gradient, size: "sm" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-bold text-gray-900 dark:text-white", children: securityPanel.title })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-600 dark:text-gray-400", children: securityPanel.description })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 items-center px-6 pb-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full space-y-2", children: securityPanel.bars.map((bar, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-1.5 flex-1 rounded-full overflow-hidden ${bar.trackColor}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+                framerMotion.motion.div,
+                {
+                  initial: { width: 0 },
+                  animate: { width: "100%" },
+                  transition: { delay: 0.7 + index * 0.2, duration: 1 },
+                  className: `h-full ${bar.fillColor}`
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] font-medium ${bar.labelColor}`, children: bar.label })
+            ] }, `${bar.label}-${index}`)) }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-px rounded-2xl shadow-sm" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      framerMotion.motion.div,
+      {
+        initial: { opacity: 0, y: 20 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.6, delay: 0.4 },
+        className: "relative lg:row-span-2",
+        children: [
+          agentsPanel.bgTint && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute inset-px rounded-2xl bg-gradient-to-br ${agentsPanel.bgTint}` }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex h-full flex-col overflow-hidden rounded-2xl border ${agentsPanel.borderColor ?? "border-gray-200 dark:border-gray-800"} bg-white/50 dark:bg-zinc-900/50 backdrop-blur-sm`, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 pt-6 pb-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(IconTile, { icon: agentsPanel.icon, gradient: agentsPanel.gradient, size: "md" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-bold text-gray-900 dark:text-white", children: agentsPanel.title })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: agentsPanel.description })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full grow p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-3", children: agentsPanel.agents.map((agent, index) => {
+              const delay = 0.5 + index * 0.1;
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                framerMotion.motion.div,
+                {
+                  initial: { opacity: 0, scale: 0.8 },
+                  animate: { opacity: 1, scale: 1 },
+                  transition: { delay },
+                  className: `relative overflow-hidden rounded-xl bg-gradient-to-br ${agent.color} p-3 text-white`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold", children: agent.name }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 h-1 w-12 bg-white/30 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        framerMotion.motion.div,
+                        {
+                          initial: { width: 0 },
+                          animate: { width: "100%" },
+                          transition: { delay: delay + 0.3, duration: 0.8 },
+                          className: "h-full bg-white rounded-full"
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 w-16 h-16 bg-white/10 rounded-full -mr-8 -mt-8" })
+                  ]
+                },
+                agent.name
+              );
+            }) }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-px rounded-2xl shadow-sm" })
+        ]
+      }
+    )
+  ] }) }) });
+}
 function EntityDrawer({
   open,
   onClose,
@@ -21394,6 +21565,7 @@ exports.BadRequestPage = BadRequestPage;
 exports.Badge = Badge;
 exports.BaseForm = BaseForm;
 exports.BentoCard = BentoCard;
+exports.BentoFeatureGrid = BentoFeatureGrid;
 exports.BooleanFlagsPicker = BooleanFlagsPicker;
 exports.BottomSafeArea = BottomSafeArea;
 exports.BrandFilterSkeleton = BrandFilterSkeleton;
@@ -22073,5 +22245,5 @@ exports.usePullToRefresh = usePullToRefresh;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-GA72TPLH.js.map
-//# sourceMappingURL=chunk-GA72TPLH.js.map
+//# sourceMappingURL=chunk-7ZC6KI76.js.map
+//# sourceMappingURL=chunk-7ZC6KI76.js.map