@railtownai/railtracks-visualizer 0.0.38 → 0.0.39

package/dist/cjs/index.js

@@ -14488,24 +14488,16 @@ const Edge = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPo
     const [isHovered, setIsHovered] = React.useState(false);
     const { theme } = useTheme();
     const themeColors = theme.colors;
-    // Function to determine stroke color based on edge state and theme
+    // Function to determine stroke color based on edge status and theme
     const getStrokeColor = ()=>{
-        const state = data?.details?.state;
         const status = data?.details?.status;
-        const output = data?.details?.output;
+        data?.details?.output;
         // Check for error indicators
-        const hasError = state === "Error" || status === "Error" || typeof output === "string" && output.includes("ERROR:");
+        const hasError = status === "Failed";
         if (hasError) {
             return themeColors.destructive;
         }
-        switch(state){
-            case "Open":
-                return themeColors.mutedForeground;
-            case "Completed":
-                return themeColors.mutedForeground;
-            default:
-                return themeColors.mutedForeground;
-        }
+        return themeColors.mutedForeground;
     };
     const [edgePath] = React.useMemo(()=>{
         return getSmoothStepPath({
@@ -20707,8 +20699,6 @@ const AgenticFlowVisualizer = ({ flowData: propFlowData, width = "100dvw", heigh
             minWidth: "800px",
             minHeight: "600px",
             boxSizing: "border-box",
-            border: `1px solid ${themeColors.border}`,
-            borderRadius: "8px",
             overflow: "hidden",
             position: "relative",
             background: themeColors.background
@@ -20860,6 +20850,7 @@ const AgenticFlowVisualizer = ({ flowData: propFlowData, width = "100dvw", heigh
     }, /*#__PURE__*/ React.createElement(Background, {
         variant: BackgroundVariant.Dots,
         color: themeColors.mutedBorder,
+        bgColor: themeColors.background,
         size: 3
     })), /*#__PURE__*/ React.createElement("style", null, `
           .react-flow__edge-label {
@@ -24565,7 +24556,9 @@ var ScrollDownButton = SelectScrollDownButton$1;
 var Separator = SelectSeparator$1;
 
 const Select = Root2;
-const SelectValue = Value;
+const SelectValue = styled(Value)`
+  font-family: inherit;
+`;
 const SelectTrigger = styled(Trigger)`
   display: flex;
   height: 2.5rem;
@@ -24595,6 +24588,7 @@ const SelectTrigger = styled(Trigger)`
   }
 
   &[data-placeholder] {
+    font-family: inherit;
     color: ${(props)=>props.$theme.colors.mutedForeground};
   }
 `;

package/dist/esm/index.js

@@ -14468,24 +14468,16 @@ const Edge = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPo
     const [isHovered, setIsHovered] = useState(false);
     const { theme } = useTheme();
     const themeColors = theme.colors;
-    // Function to determine stroke color based on edge state and theme
+    // Function to determine stroke color based on edge status and theme
     const getStrokeColor = ()=>{
-        const state = data?.details?.state;
         const status = data?.details?.status;
-        const output = data?.details?.output;
+        data?.details?.output;
         // Check for error indicators
-        const hasError = state === "Error" || status === "Error" || typeof output === "string" && output.includes("ERROR:");
+        const hasError = status === "Failed";
         if (hasError) {
             return themeColors.destructive;
         }
-        switch(state){
-            case "Open":
-                return themeColors.mutedForeground;
-            case "Completed":
-                return themeColors.mutedForeground;
-            default:
-                return themeColors.mutedForeground;
-        }
+        return themeColors.mutedForeground;
     };
     const [edgePath] = useMemo(()=>{
         return getSmoothStepPath({
@@ -20687,8 +20679,6 @@ const AgenticFlowVisualizer = ({ flowData: propFlowData, width = "100dvw", heigh
             minWidth: "800px",
             minHeight: "600px",
             boxSizing: "border-box",
-            border: `1px solid ${themeColors.border}`,
-            borderRadius: "8px",
             overflow: "hidden",
             position: "relative",
             background: themeColors.background
@@ -20840,6 +20830,7 @@ const AgenticFlowVisualizer = ({ flowData: propFlowData, width = "100dvw", heigh
     }, /*#__PURE__*/ React__default.createElement(Background, {
         variant: BackgroundVariant.Dots,
         color: themeColors.mutedBorder,
+        bgColor: themeColors.background,
         size: 3
     })), /*#__PURE__*/ React__default.createElement("style", null, `
           .react-flow__edge-label {
@@ -24545,7 +24536,9 @@ var ScrollDownButton = SelectScrollDownButton$1;
 var Separator = SelectSeparator$1;
 
 const Select = Root2;
-const SelectValue = Value;
+const SelectValue = styled(Value)`
+  font-family: inherit;
+`;
 const SelectTrigger = styled(Trigger)`
   display: flex;
   height: 2.5rem;
@@ -24575,6 +24568,7 @@ const SelectTrigger = styled(Trigger)`
   }
 
   &[data-placeholder] {
+    font-family: inherit;
     color: ${(props)=>props.$theme.colors.mutedForeground};
   }
 `;

package/dist/types/components/Edge.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { AgentRunEdgeDetails } from "../dto";
 interface EdgeProps {
     id: string;
     sourceX: number;
@@ -16,7 +17,7 @@ interface EdgeProps {
         target?: string;
         step?: number;
         time?: number;
-        details?: any;
+        details?: AgentRunEdgeDetails;
     };
     clientToSvgCoords?: (clientX: number, clientY: number) => {
         x: number;

package/dist/types/components/ui/select.d.ts

@@ -2,7 +2,9 @@ import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 declare const Select: React.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectValue: import("@emotion/styled").StyledComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
 declare const SelectTriggerWithRef: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButtonWithRef: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButtonWithRef: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@railtownai/railtracks-visualizer",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "license": "MIT",
   "author": "Railtown AI",
   "description": "A visualizer for Railtracks agentic flows",