Feature/Process Flow UI UX Improvements

dist/components/buttons/TracesButton.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'solid-js';
+type TracesButtonProps = {
+    feedbackColor?: string;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    disableIcon?: boolean;
+} & JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const TracesButton: (props: TracesButtonProps) => JSX.Element;
+export {};
+//# sourceMappingURL=TracesButton.d.ts.map

dist/components/icons/TracesIcon.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'solid-js/jsx-runtime';
+export declare const TracesIcon: (props: JSX.SvgSVGAttributes<SVGSVGElement>) => JSX.Element;
+//# sourceMappingURL=TracesIcon.d.ts.map

dist/components/icons/index.d.ts

@@ -14,4 +14,5 @@ export * from './SparklesIcon';
 export * from './VolumeIcon';
 export * from './SquareStopIcon';
 export * from './ChevronDownIcon';
+export * from './TracesIcon';
 //# sourceMappingURL=index.d.ts.map

dist/components/treeview/NodeDetailsContent.d.ts

@@ -0,0 +1,36 @@
+export type NodeDetailsNode = {
+    label: string;
+    name: string;
+    status: string;
+    data: any;
+};
+type NodeDetailsContentProps = {
+    node: NodeDetailsNode;
+    backgroundColor?: string;
+    textColor?: string;
+    apiHost?: string;
+    chatflowid?: string;
+    chatId?: string;
+};
+export declare function syntaxHighlight(json: string): string;
+export declare const CloseIcon: () => import("solid-js").JSX.Element;
+export declare const ClockIcon: () => import("solid-js").JSX.Element;
+export declare const CoinIcon: () => import("solid-js").JSX.Element;
+export declare const TokenIcon: () => import("solid-js").JSX.Element;
+export declare const NodeIcon: (props: {
+    name: string;
+    apiHost?: string;
+    size?: number;
+    borderRadius?: string;
+    bgColor?: string;
+}) => import("solid-js").JSX.Element;
+export declare const jsonBlockStyle: Record<string, string>;
+export declare const nddStyles = "\n  .ndd-json .string { color: #7ac35c; }\n  .ndd-json .number { color: #e08331; }\n  .ndd-json .boolean { color: #326dc3; }\n  .ndd-json .null { color: #a951ad; }\n  .ndd-json .key { color: #d73e3e; font-weight: bold; }\n  @keyframes ndd-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n  .ndd-spin { animation: ndd-spin 1.5s linear infinite; }\n  .ndd-markdown p { margin: 0 0 0.5em 0; }\n  .ndd-markdown p:last-child { margin-bottom: 0; }\n  .ndd-markdown code { background: rgba(0,0,0,0.06); padding: 1px 4px; border-radius: 3px; font-size: 0.8em; font-family: 'SF Mono', 'Fira Code', Menlo, Consolas, monospace; }\n  .ndd-markdown pre { background: rgba(0,0,0,0.04); padding: 10px 12px; border-radius: 6px; overflow-x: auto; margin: 0.5em 0; }\n  .ndd-markdown pre code { background: none; padding: 0; font-size: 0.8em; }\n  .ndd-markdown a { color: #1976d2; text-decoration: underline; }\n  .ndd-markdown ul, .ndd-markdown ol { margin: 0.4em 0; padding-left: 1.5em; }\n  .ndd-markdown li { margin: 0.2em 0; }\n  .ndd-markdown h1, .ndd-markdown h2, .ndd-markdown h3 { margin: 0.6em 0 0.3em 0; font-weight: 600; }\n  .ndd-markdown h1 { font-size: 1.2em; }\n  .ndd-markdown h2 { font-size: 1.1em; }\n  .ndd-markdown h3 { font-size: 1em; }\n  .ndd-markdown blockquote { border-left: 3px solid rgba(0,0,0,0.15); margin: 0.5em 0; padding: 0.2em 0 0.2em 0.8em; opacity: 0.85; }\n  .ndd-markdown table { border-collapse: collapse; margin: 0.5em 0; font-size: 0.85em; }\n  .ndd-markdown th, .ndd-markdown td { border: 1px solid rgba(0,0,0,0.12); padding: 4px 8px; }\n  .ndd-markdown th { background: rgba(0,0,0,0.04); font-weight: 600; }\n  .ndd-markdown strong { font-weight: 600; }\n";
+export declare const getMetrics: (data: any) => {
+    time?: string | undefined;
+    tokens?: string | undefined;
+    cost?: string | undefined;
+} | null;
+export declare const NodeDetailsContent: (props: NodeDetailsContentProps) => import("solid-js").JSX.Element;
+export {};
+//# sourceMappingURL=NodeDetailsContent.d.ts.map

dist/components/treeview/RichTreeView.d.ts

@@ -2,6 +2,7 @@ import { JSXElement } from 'solid-js';
 type RichTreeViewProps = {
     children: JSXElement;
     defaultExpanded?: string[];
+    defaultSelected?: string;
     onNodeSelect?: (itemId: string) => void;
     highlightItems?: string[];
     multiSelect?: boolean;

dist/components/treeview/TracesDialog.d.ts

@@ -0,0 +1,16 @@
+import { WorkflowNode } from './workflowUtils';
+type TracesDialogProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    workflowData: WorkflowNode[];
+    backgroundColor?: string;
+    textColor?: string;
+    apiHost?: string;
+    chatflowid?: string;
+    chatId?: string;
+    hasCustomHeader?: boolean;
+    dialogContainer?: HTMLElement;
+};
+export declare const TracesDialog: (props: TracesDialogProps) => import("solid-js").JSX.Element;
+export {};
+//# sourceMappingURL=TracesDialog.d.ts.map

dist/components/treeview/WorkflowTreeView.d.ts

@@ -1,10 +1,5 @@
-export type WorkflowNode = {
-    nodeId: string;
-    nodeLabel: string;
-    data: any;
-    previousNodeIds: string[];
-    status: 'FINISHED' | 'PENDING' | 'RUNNING' | 'ERROR' | 'INPROGRESS' | 'STOPPED';
-};
+import { WorkflowNode } from './workflowUtils';
+export type { WorkflowNode };
 type WorkflowTreeViewProps = {
     workflowData: WorkflowNode[];
     class?: string;
@@ -21,5 +16,4 @@ type WorkflowTreeViewProps = {
     dialogContainer?: HTMLElement;
 };
 export declare const WorkflowTreeView: (props: WorkflowTreeViewProps) => import("solid-js").JSX.Element;
-export {};
 //# sourceMappingURL=WorkflowTreeView.d.ts.map

dist/components/treeview/workflowUtils.d.ts

@@ -0,0 +1,25 @@
+export type WorkflowNode = {
+    nodeId: string;
+    nodeLabel: string;
+    data: any;
+    previousNodeIds: string[];
+    status: 'FINISHED' | 'PENDING' | 'RUNNING' | 'ERROR' | 'INPROGRESS' | 'STOPPED';
+};
+export declare const FLOWISE_CREDENTIAL_ID = "FLOWISE_CREDENTIAL_ID";
+export declare const FinishedIcon: () => import("solid-js").JSX.Element;
+export declare const PendingIcon: () => import("solid-js").JSX.Element;
+export declare const RunningIcon: () => import("solid-js").JSX.Element;
+export declare const ErrorIcon: () => import("solid-js").JSX.Element;
+export declare const StoppedIcon: () => import("solid-js").JSX.Element;
+export declare const getStatusIcon: (status: string) => import("solid-js").JSX.Element;
+export declare const removeFlowiseCredentialId: (data: any) => any;
+export declare const getExecutionStatus: (executionTree: any[]) => string | null;
+export declare const buildTreeData: (nodes: WorkflowNode[]) => {
+    id: any;
+    label: any;
+    name: any;
+    status: any;
+    data: any;
+    children: any;
+}[];
+//# sourceMappingURL=workflowUtils.d.ts.map