@datatechsolutions/ui 2.11.48 → 2.11.49

package/dist/astrlabe/utils.d.ts

@@ -0,0 +1,71 @@
+import { WorkflowNodeType, LogicNodeConfig, WorkflowGraph } from './contracts.js';
+import { Node, Edge } from '@xyflow/react';
+
+/**
+ * Layout Engine
+ * =============
+ * Auto-layout for workflow graphs using @dagrejs/dagre.
+ * Pure utility — no React dependencies.
+ */
+
+/** Layout direction: free means no auto-layout is applied. */
+type LayoutDirection = 'free' | 'LR' | 'TB';
+/**
+ * Apply dagre layout to the given nodes and edges.
+ * Returns a new array of nodes with updated positions.
+ * Group child nodes (parentId set) and note nodes are excluded from layout.
+ */
+declare function applyDagreLayout(nodes: Node[], edges: Edge[], direction: Exclude<LayoutDirection, 'free'>): Node[];
+
+/**
+ * Logic Node Default Configs
+ * ==========================
+ * Factory function to create default configs for each logic node type.
+ */
+
+declare function createDefaultLogicNodeConfig(nodeType: WorkflowNodeType): LogicNodeConfig | null;
+
+/**
+ * Workflow Validator
+ * =================
+ * Validates the workflow graph before publishing.
+ * Ensures the graph forms a valid DAG with proper node connections.
+ */
+
+type ValidationResult = {
+    valid: boolean;
+    errors: string[];
+};
+/**
+ * Validate a workflow graph for publishing.
+ * Checks:
+ * - At least one agent node exists
+ * - All edges have valid source/target nodes
+ * - No orphan nodes (every node has at least one connection, except note nodes)
+ * - Tool nodes connect to agent nodes only
+ * - Agent chain forms a valid DAG (no cycles)
+ * - Rule nodes have incoming edges from agents
+ * - Logic node constraints (start/end uniqueness, config validation)
+ * - New node type validations (answer, question_classifier, parameter_extractor, etc.)
+ */
+declare function validateWorkflowGraph(graph: WorkflowGraph): ValidationResult;
+/**
+ * Topologically sort agent nodes from the graph edges.
+ * Returns agent entityIds in execution order.
+ * Logic nodes are skipped — only agent entityIds are returned.
+ */
+declare function topologicalSortAgents(graph: WorkflowGraph): string[];
+
+/**
+ * Agent ELO Tier
+ * ==============
+ * Derives difficulty tier from agent ELO rating.
+ * Used in node palette, agent flow node, and agent modal.
+ */
+type AgentTier = {
+    key: 'beginner' | 'intermediate' | 'advanced' | 'expert';
+    pillColor: string;
+};
+declare function getAgentTier(elo: number | undefined): AgentTier;
+
+export { type AgentTier, type LayoutDirection, applyDagreLayout, createDefaultLogicNodeConfig, getAgentTier, topologicalSortAgents, validateWorkflowGraph };

package/dist/astrlabe/workflow-canvas.d.mts

@@ -0,0 +1,5 @@
+import 'react/jsx-runtime';
+import 'react';
+export { j as Workspace, h as WorkspaceProps } from '../workflow-canvas-D4928AfA.mjs';
+import '@xyflow/react';
+import './contracts.mjs';

package/dist/astrlabe/workflow-canvas.d.ts

@@ -0,0 +1,5 @@
+import 'react/jsx-runtime';
+import 'react';
+export { j as Workspace, h as WorkspaceProps } from '../workflow-canvas-NSxfr5dy.js';
+import '@xyflow/react';
+import './contracts.js';

package/dist/astrlabe/workflow-canvas.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkNWELMK3Y_js = require('../chunk-NWELMK3Y.js');
+var chunkBN5S4O4N_js = require('../chunk-BN5S4O4N.js');
 require('../chunk-2IOPJ5BM.js');
 require('../chunk-UZ3CMNUJ.js');
 require('../chunk-YXN2K77G.js');
@@ -13,7 +13,7 @@ require('../chunk-PWBWP5FJ.js');
 
 Object.defineProperty(exports, "Workspace", {
   enumerable: true,
-  get: function () { return chunkNWELMK3Y_js.Workspace; }
+  get: function () { return chunkBN5S4O4N_js.Workspace; }
 });
 //# sourceMappingURL=workflow-canvas.js.map
 //# sourceMappingURL=workflow-canvas.js.map

package/dist/astrlabe/workflow-canvas.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { Workspace } from '../chunk-XDS3RWPA.mjs';
+export { Workspace } from '../chunk-2PDBTL32.mjs';
 import '../chunk-MDD6H63O.mjs';
 import '../chunk-D2JF6C3E.mjs';
 import '../chunk-7VJ7CMMT.mjs';

package/dist/astrlabe/workflow-preview-canvas.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { WorkflowGraph } from './contracts.mjs';
+
+type WorkflowPreviewCanvasProps = {
+    graph: WorkflowGraph;
+    className?: string;
+};
+declare function WorkflowPreviewCanvas({ graph, className }: WorkflowPreviewCanvasProps): react_jsx_runtime.JSX.Element;
+
+export { WorkflowPreviewCanvas, type WorkflowPreviewCanvasProps };

package/dist/astrlabe/workflow-preview-canvas.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { WorkflowGraph } from './contracts.js';
+
+type WorkflowPreviewCanvasProps = {
+    graph: WorkflowGraph;
+    className?: string;
+};
+declare function WorkflowPreviewCanvas({ graph, className }: WorkflowPreviewCanvasProps): react_jsx_runtime.JSX.Element;
+
+export { WorkflowPreviewCanvas, type WorkflowPreviewCanvasProps };

package/dist/brand/index.d.mts

@@ -0,0 +1,85 @@
+/**
+ * Brand — centralized app themes, icons, and logos
+ * =================================================
+ * Single source of truth for all app branding across the platform.
+ *
+ * Logo SVGs live in src/brand/logos/ and are published as-is.
+ * Vite apps can import them directly:
+ *   import fuelIcon from '@datatechsolutions/ui/src/brand/logos/fuel-icon.svg'
+ * Or use the APP_LOGOS/APP_THEMES which re-export them (works in Vite).
+ */
+interface AppTheme {
+    text: string;
+    textLight: string;
+    badgeBg: string;
+    badgeText: string;
+    ring: string;
+    border: string;
+    borderGlow: string;
+    surfaceBg: string;
+    dot: string;
+    tileGradient: string;
+    tileShadow: string;
+    gradient: string;
+}
+declare const APP_THEMES: {
+    readonly astrlabe: {
+        readonly text: "text-violet-400";
+        readonly textLight: "text-violet-300";
+        readonly badgeBg: "bg-violet-500/10";
+        readonly badgeText: "text-violet-300";
+        readonly ring: "ring-violet-500/30";
+        readonly border: "border-violet-500/30";
+        readonly borderGlow: "border-violet-500/20";
+        readonly surfaceBg: "bg-violet-500/[0.06]";
+        readonly dot: "bg-violet-400";
+        readonly tileGradient: "from-violet-600/80 to-purple-600/80";
+        readonly tileShadow: "shadow-violet-500/20";
+        readonly gradient: "from-violet-400 to-purple-400";
+    };
+    readonly 'fuel-price-ai': {
+        readonly text: "text-blue-400";
+        readonly textLight: "text-blue-300";
+        readonly badgeBg: "bg-blue-500/10";
+        readonly badgeText: "text-blue-300";
+        readonly ring: "ring-blue-500/30";
+        readonly border: "border-blue-500/30";
+        readonly borderGlow: "border-blue-500/20";
+        readonly surfaceBg: "bg-blue-500/[0.06]";
+        readonly dot: "bg-blue-400";
+        readonly tileGradient: "from-blue-600/80 to-indigo-600/80";
+        readonly tileShadow: "shadow-blue-500/20";
+        readonly gradient: "from-blue-400 to-indigo-400";
+    };
+    readonly 'kori-erp': {
+        readonly text: "text-orange-400";
+        readonly textLight: "text-orange-300";
+        readonly badgeBg: "bg-orange-500/10";
+        readonly badgeText: "text-orange-300";
+        readonly ring: "ring-orange-500/30";
+        readonly border: "border-orange-500/30";
+        readonly borderGlow: "border-orange-500/20";
+        readonly surfaceBg: "bg-orange-500/[0.06]";
+        readonly dot: "bg-orange-400";
+        readonly tileGradient: "from-orange-600/80 to-amber-600/80";
+        readonly tileShadow: "shadow-orange-500/20";
+        readonly gradient: "from-orange-400 to-amber-400";
+    };
+    readonly windsock: {
+        readonly text: "text-emerald-400";
+        readonly textLight: "text-emerald-300";
+        readonly badgeBg: "bg-emerald-500/10";
+        readonly badgeText: "text-emerald-300";
+        readonly ring: "ring-emerald-500/30";
+        readonly border: "border-emerald-500/30";
+        readonly borderGlow: "border-emerald-500/20";
+        readonly surfaceBg: "bg-emerald-500/[0.06]";
+        readonly dot: "bg-emerald-400";
+        readonly tileGradient: "from-emerald-600/80 to-teal-600/80";
+        readonly tileShadow: "shadow-emerald-500/20";
+        readonly gradient: "from-emerald-400 to-teal-400";
+    };
+};
+type AppId = keyof typeof APP_THEMES;
+
+export { APP_THEMES, type AppId, type AppTheme };

package/dist/brand/index.d.ts

@@ -0,0 +1,85 @@
+/**
+ * Brand — centralized app themes, icons, and logos
+ * =================================================
+ * Single source of truth for all app branding across the platform.
+ *
+ * Logo SVGs live in src/brand/logos/ and are published as-is.
+ * Vite apps can import them directly:
+ *   import fuelIcon from '@datatechsolutions/ui/src/brand/logos/fuel-icon.svg'
+ * Or use the APP_LOGOS/APP_THEMES which re-export them (works in Vite).
+ */
+interface AppTheme {
+    text: string;
+    textLight: string;
+    badgeBg: string;
+    badgeText: string;
+    ring: string;
+    border: string;
+    borderGlow: string;
+    surfaceBg: string;
+    dot: string;
+    tileGradient: string;
+    tileShadow: string;
+    gradient: string;
+}
+declare const APP_THEMES: {
+    readonly astrlabe: {
+        readonly text: "text-violet-400";
+        readonly textLight: "text-violet-300";
+        readonly badgeBg: "bg-violet-500/10";
+        readonly badgeText: "text-violet-300";
+        readonly ring: "ring-violet-500/30";
+        readonly border: "border-violet-500/30";
+        readonly borderGlow: "border-violet-500/20";
+        readonly surfaceBg: "bg-violet-500/[0.06]";
+        readonly dot: "bg-violet-400";
+        readonly tileGradient: "from-violet-600/80 to-purple-600/80";
+        readonly tileShadow: "shadow-violet-500/20";
+        readonly gradient: "from-violet-400 to-purple-400";
+    };
+    readonly 'fuel-price-ai': {
+        readonly text: "text-blue-400";
+        readonly textLight: "text-blue-300";
+        readonly badgeBg: "bg-blue-500/10";
+        readonly badgeText: "text-blue-300";
+        readonly ring: "ring-blue-500/30";
+        readonly border: "border-blue-500/30";
+        readonly borderGlow: "border-blue-500/20";
+        readonly surfaceBg: "bg-blue-500/[0.06]";
+        readonly dot: "bg-blue-400";
+        readonly tileGradient: "from-blue-600/80 to-indigo-600/80";
+        readonly tileShadow: "shadow-blue-500/20";
+        readonly gradient: "from-blue-400 to-indigo-400";
+    };
+    readonly 'kori-erp': {
+        readonly text: "text-orange-400";
+        readonly textLight: "text-orange-300";
+        readonly badgeBg: "bg-orange-500/10";
+        readonly badgeText: "text-orange-300";
+        readonly ring: "ring-orange-500/30";
+        readonly border: "border-orange-500/30";
+        readonly borderGlow: "border-orange-500/20";
+        readonly surfaceBg: "bg-orange-500/[0.06]";
+        readonly dot: "bg-orange-400";
+        readonly tileGradient: "from-orange-600/80 to-amber-600/80";
+        readonly tileShadow: "shadow-orange-500/20";
+        readonly gradient: "from-orange-400 to-amber-400";
+    };
+    readonly windsock: {
+        readonly text: "text-emerald-400";
+        readonly textLight: "text-emerald-300";
+        readonly badgeBg: "bg-emerald-500/10";
+        readonly badgeText: "text-emerald-300";
+        readonly ring: "ring-emerald-500/30";
+        readonly border: "border-emerald-500/30";
+        readonly borderGlow: "border-emerald-500/20";
+        readonly surfaceBg: "bg-emerald-500/[0.06]";
+        readonly dot: "bg-emerald-400";
+        readonly tileGradient: "from-emerald-600/80 to-teal-600/80";
+        readonly tileShadow: "shadow-emerald-500/20";
+        readonly gradient: "from-emerald-400 to-teal-400";
+    };
+};
+type AppId = keyof typeof APP_THEMES;
+
+export { APP_THEMES, type AppId, type AppTheme };

package/dist/{chunk-XDS3RWPA.mjs → chunk-2PDBTL32.mjs}

@@ -5662,7 +5662,6 @@ function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables,
   const nodeLabel = logicNodeData?.nodeLabel ?? "";
   const config = logicNodeData?.config ?? null;
   if (!config || !nodeId) return null;
-  if (config.type === "datasource") return null;
   const entityMasterId = config.type === "entity" ? config.entityMasterId : void 0;
   const IconComponent = entityMasterId ? getEntityIcon(entityMasterId) : LOGIC_ICON_MAP[config.type];
   const gradient = entityMasterId ? getEntityGradient(entityMasterId) : LOGIC_NODE_GRADIENTS[config.type] ?? "from-gray-400 to-gray-500";
@@ -5705,9 +5704,7 @@ function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables,
         return /* @__PURE__ */ jsx(ListOperatorNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "iteration_start":
         return /* @__PURE__ */ jsx(IterationStartNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
-      case "datasource":
-        return null;
-      // Datasource uses its own GlassModal with sidebar — rendered separately
+      // datasource — handled by standalone DatasourceNodeConfigForm in WorkflowCanvas
       case "entity":
         return /* @__PURE__ */ jsx(EntityNodeConfigForm, { config, entities, onSave: handleSave, onCancel: closeModal });
       case "group":
@@ -6217,13 +6214,12 @@ function WorkflowCanvasInner({
   const handleEditLogicNode = useCallback((nodeId) => {
     setEditingLogicNodeId(nodeId);
     const node = getNode(nodeId);
-    if (node) {
-      const nodeData = node.data;
-      const config = nodeData.config;
-      if (config) {
-        openLogicNodeModalAction(nodeId, nodeData.label ?? "", config);
-      }
-    }
+    if (!node) return;
+    const nodeData = node.data;
+    const config = nodeData.config;
+    if (!config) return;
+    if (config.type === "datasource") return;
+    openLogicNodeModalAction(nodeId, nodeData.label ?? "", config);
   }, [getNode, openLogicNodeModalAction]);
   const agentMap = useMemo(() => {
     const map = /* @__PURE__ */ new Map();
@@ -7829,5 +7825,5 @@ function Workspace({
 }
 
 export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CATEGORY_COLORS, CATEGORY_PILL_COLORS, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, ICON_MAP, 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, WorkflowCanvas, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isFrameworkCompatibleWithProviders, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };
-//# sourceMappingURL=chunk-XDS3RWPA.mjs.map
-//# sourceMappingURL=chunk-XDS3RWPA.mjs.map
+//# sourceMappingURL=chunk-2PDBTL32.mjs.map
+//# sourceMappingURL=chunk-2PDBTL32.mjs.map