npm - @foresthubai/workflow-builder - Versions diffs - 0.4.3 → 0.4.4 - Mend

@foresthubai/workflow-builder 0.4.3 → 0.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (120) hide show

package/LICENSE +661 -661
package/NOTICE +16 -16
package/README.md +110 -110
package/dist/components/ui/command.d.ts +2 -2
package/dist/components/ui/input.d.ts +1 -1
package/dist/components/ui/resizable.d.ts +1 -1
package/dist/components/ui/textarea.d.ts +1 -1
package/dist/graph/BaseNode.js +10 -10
package/dist/graph/reactFlowRegistry.d.ts.map +1 -1
package/package.json +2 -2
package/src/BuilderLayout.tsx +345 -345
package/src/Canvas.tsx +261 -261
package/src/CanvasEditor.tsx +142 -142
package/src/CanvasTabsToolbar.tsx +176 -176
package/src/RightConfigPanel.tsx +266 -266
package/src/WorkflowBuilder.tsx +408 -408
package/src/cn.ts +6 -6
package/src/components/ui/add-button.tsx +39 -39
package/src/components/ui/alert-dialog.tsx +141 -141
package/src/components/ui/alert.tsx +59 -59
package/src/components/ui/badge.tsx +36 -36
package/src/components/ui/button.tsx +85 -85
package/src/components/ui/card.tsx +79 -79
package/src/components/ui/checkbox.tsx +28 -28
package/src/components/ui/collapsible.tsx +9 -9
package/src/components/ui/command.tsx +153 -153
package/src/components/ui/delete-button.tsx +23 -23
package/src/components/ui/dialog.tsx +125 -125
package/src/components/ui/dropdown-menu.tsx +198 -198
package/src/components/ui/input.tsx +55 -55
package/src/components/ui/label.tsx +24 -24
package/src/components/ui/readonly-banner.tsx +15 -15
package/src/components/ui/resizable.tsx +43 -43
package/src/components/ui/scroll-area.tsx +102 -102
package/src/components/ui/select.tsx +160 -160
package/src/components/ui/separator.tsx +29 -29
package/src/components/ui/switch.tsx +27 -27
package/src/components/ui/textarea.tsx +51 -51
package/src/components/ui/toast.tsx +127 -127
package/src/components/ui/toaster.tsx +33 -33
package/src/components/ui/toggle-group.tsx +59 -59
package/src/components/ui/toggle.tsx +43 -43
package/src/components/ui/tooltip.tsx +32 -32
package/src/dialogs/NodePickerDialog.tsx +84 -84
package/src/dialogs/ValidationDialog.tsx +184 -184
package/src/graph/BaseNode.tsx +557 -557
package/src/graph/CustomEdge.tsx +185 -185
package/src/graph/CustomNode.tsx +16 -16
package/src/graph/FunctionCallNode.tsx +30 -30
package/src/graph/PortHandle.tsx +189 -189
package/src/graph/reactFlowRegistry.ts +26 -26
package/src/hooks/use-toast.ts +125 -125
package/src/hooks/useAvailableVariables.ts +20 -20
package/src/hooks/useCanvasHistory.ts +22 -22
package/src/hooks/useCanvasTabs.ts +168 -168
package/src/hooks/useFunctionDiagnosticsSync.ts +40 -40
package/src/hooks/useFunctionRegistry.ts +26 -26
package/src/hooks/useFunctions.ts +44 -44
package/src/hooks/useGraph.ts +161 -161
package/src/hooks/useNodeDefinitions.ts +82 -82
package/src/hooks/useParamErrors.ts +26 -26
package/src/hooks/useResolvedTheme.ts +30 -30
package/src/hooks/useResourceDiagnosticsSync.ts +58 -58
package/src/hooks/useSuppressThemeTransition.ts +79 -79
package/src/hooks/useWorkflowSerialization.ts +141 -141
package/src/i18n/index.ts +53 -53
package/src/i18n/locales/de.json +501 -501
package/src/i18n/locales/en.json +557 -557
package/src/index.ts +27 -27
package/src/inputs/ExpressionInput.tsx +297 -297
package/src/inputs/ParameterEditor.tsx +515 -515
package/src/inputs/PortSection.tsx +144 -144
package/src/panels/BuilderSidebar.tsx +301 -301
package/src/panels/ChannelConfigPanel.tsx +49 -49
package/src/panels/ChannelsPanel.tsx +28 -28
package/src/panels/DebugConsolePanel.tsx +73 -73
package/src/panels/DebugContextPanel.tsx +77 -77
package/src/panels/DebugExternalIOPanel.tsx +180 -180
package/src/panels/DiagnosticsPanel.tsx +170 -170
package/src/panels/EdgeConfigPanel.tsx +104 -104
package/src/panels/FunctionConfigPanel.tsx +179 -179
package/src/panels/FunctionListPanel.tsx +45 -45
package/src/panels/MemoryConfigPanel.tsx +55 -55
package/src/panels/MemoryPanel.tsx +40 -40
package/src/panels/ModelConfigPanel.tsx +41 -41
package/src/panels/ModelsPanel.tsx +36 -36
package/src/panels/NodeConfigPanel.tsx +630 -630
package/src/panels/NodeLibrary.tsx +288 -288
package/src/panels/ResourceConfigPanel.tsx +132 -132
package/src/panels/ResourceListPanel.tsx +113 -113
package/src/panels/VariableConfigPanel.tsx +161 -161
package/src/panels/VariablesPanel.tsx +145 -145
package/src/stores/canvasStore.test.ts +44 -44
package/src/stores/canvasStore.ts +245 -245
package/src/stores/debugStore.ts +74 -74
package/src/stores/diagnosticsStore.ts +130 -130
package/src/stores/editorStore.ts +190 -190
package/src/styles/index.css +526 -526
package/src/utils/categoryConstants.ts +26 -26
package/src/utils/channelOperations.ts +86 -86
package/src/utils/connectionRules.ts +137 -137
package/src/utils/functionOperations.ts +179 -179
package/src/utils/graphOperations.ts +550 -550
package/src/utils/history.ts +207 -207
package/src/utils/memoryOperations.ts +57 -57
package/src/utils/migrateFunctionNodes.ts +107 -107
package/src/utils/modelOperations.ts +55 -55
package/src/utils/paramDisplay.ts +71 -71
package/src/utils/resourceHelpers.ts +32 -32
package/src/utils/translation.ts +28 -28
package/src/utils/variableOperations.ts +75 -75
package/tailwind-preset.ts +166 -166
package/dist/lib/utils.d.ts +0 -3
package/dist/lib/utils.d.ts.map +0 -1
package/dist/lib/utils.js +0 -6
package/dist/lib/utils.js.map +0 -1
package/dist/toolbars/CanvasTabsToolbar.d.ts +0 -11
package/dist/toolbars/CanvasTabsToolbar.d.ts.map +0 -1
package/dist/toolbars/CanvasTabsToolbar.js +0 -101
package/dist/toolbars/CanvasTabsToolbar.js.map +0 -1

package/src/components/ui/toggle.tsx CHANGED Viewed

@@ -1,43 +1,43 @@
-import * as React from "react"
-import * as TogglePrimitive from "@radix-ui/react-toggle"
-import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "../../cn"
-const toggleVariants = cva(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline:
-          "border border-input bg-transparent hover:bg-primary/20 hover:text-foreground data-[state=on]:relative data-[state=on]:z-10 data-[state=on]:border-primary",
-      },
-      size: {
-        default: "h-10 px-3",
-        sm: "h-9 px-2.5",
-        lg: "h-11 px-5",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-const Toggle = React.forwardRef<
-  React.ElementRef<typeof TogglePrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &
-    VariantProps<typeof toggleVariants>
->(({ className, variant, size, ...props }, ref) => (
-  <TogglePrimitive.Root
-    ref={ref}
-    className={cn(toggleVariants({ variant, size, className }))}
-    {...props}
-  />
-))
-Toggle.displayName = TogglePrimitive.Root.displayName
-export { Toggle, toggleVariants }
+import * as React from "react"
+import * as TogglePrimitive from "@radix-ui/react-toggle"
+import { cva, type VariantProps } from "class-variance-authority"
+import { cn } from "../../cn"
+const toggleVariants = cva(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline:
+          "border border-input bg-transparent hover:bg-primary/20 hover:text-foreground data-[state=on]:relative data-[state=on]:z-10 data-[state=on]:border-primary",
+      },
+      size: {
+        default: "h-10 px-3",
+        sm: "h-9 px-2.5",
+        lg: "h-11 px-5",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+const Toggle = React.forwardRef<
+  React.ElementRef<typeof TogglePrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &
+    VariantProps<typeof toggleVariants>
+>(({ className, variant, size, ...props }, ref) => (
+  <TogglePrimitive.Root
+    ref={ref}
+    className={cn(toggleVariants({ variant, size, className }))}
+    {...props}
+  />
+))
+Toggle.displayName = TogglePrimitive.Root.displayName
+export { Toggle, toggleVariants }

package/src/components/ui/tooltip.tsx CHANGED Viewed

@@ -1,32 +1,32 @@
-import * as React from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { cn } from "../../cn";
-const TooltipProvider = TooltipPrimitive.Provider;
-const Tooltip = TooltipPrimitive.Root;
-const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React.forwardRef<
-  React.ElementRef<typeof TooltipPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
->(({ className, sideOffset = 4, ...props }, ref) => (
-  <TooltipPrimitive.Portal>
-    <TooltipPrimitive.Content
-      ref={ref}
-      sideOffset={sideOffset}
-      className={cn(
-        // font-sans + fh-builder-portal: portaled to <body>, outside the builder
-        // root — pin the font and opt into the themed scrollbar explicitly.
-        "fh-builder-portal font-sans z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className,
-      )}
-      {...props}
-    />
-  </TooltipPrimitive.Portal>
-));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "../../cn";
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef<
+  React.ElementRef<typeof TooltipPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <TooltipPrimitive.Portal>
+    <TooltipPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        // font-sans + fh-builder-portal: portaled to <body>, outside the builder
+        // root — pin the font and opt into the themed scrollbar explicitly.
+        "fh-builder-portal font-sans z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className,
+      )}
+      {...props}
+    />
+  </TooltipPrimitive.Portal>
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/src/dialogs/NodePickerDialog.tsx CHANGED Viewed

@@ -1,84 +1,84 @@
-import { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { NodeDefinition, NodeCategory } from "@foresthubai/workflow-core/node";
-import {
-  CommandDialog,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-} from "../components/ui/command";
-import { categoryIcons } from "../utils/categoryConstants";
-interface NodePickerDialogProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  compatibleDefs: NodeDefinition[];
-  onSelect: (nodeDef: NodeDefinition) => void;
-}
-const CATEGORY_ORDER: NodeCategory[] = [
-  NodeCategory.Trigger,
-  NodeCategory.Input,
-  NodeCategory.Logic,
-  NodeCategory.Data,
-  NodeCategory.Function,
-  NodeCategory.AI,
-  NodeCategory.Tool,
-  NodeCategory.Output,
-];
-export function NodePickerDialog({ open, onOpenChange, compatibleDefs, onSelect }: NodePickerDialogProps) {
-  const { t } = useTranslation();
-  const [search, setSearch] = useState("");
-  useEffect(() => {
-    if (open) setSearch("");
-  }, [open]);
-  // Group definitions by category
-  const grouped = new Map<NodeCategory, NodeDefinition[]>();
-  for (const def of compatibleDefs) {
-    const list = grouped.get(def.category) ?? [];
-    list.push(def);
-    grouped.set(def.category, list);
-  }
-  return (
-    <CommandDialog open={open} onOpenChange={onOpenChange}>
-      <CommandInput
-        placeholder={t("nodePickerSearch", "Search nodes...")}
-        value={search}
-        onValueChange={setSearch}
-      />
-      <CommandList>
-        <CommandEmpty>{t("nodePickerEmpty", "No compatible nodes found.")}</CommandEmpty>
-        {CATEGORY_ORDER.filter((cat) => grouped.has(cat)).map((category) => {
-          const Icon = categoryIcons[category];
-          return (
-            <CommandGroup key={category} heading={category}>
-              {grouped.get(category)!.map((def) => (
-                <CommandItem
-                  key={def.type + (def.type === "FunctionCall" ? `-${def.label}` : "")}
-                  onSelect={() => {
-                    onSelect(def);
-                    onOpenChange(false);
-                  }}
-                >
-                  {Icon && <Icon className="mr-2 h-4 w-4 shrink-0 opacity-70" />}
-                  <div className="flex flex-col min-w-0">
-                    <span className="truncate">{def.label}</span>
-                    {def.description && (
-                      <span className="text-xs text-muted-foreground truncate">{def.description}</span>
-                    )}
-                  </div>
-                </CommandItem>
-              ))}
-            </CommandGroup>
-          );
-        })}
-      </CommandList>
-    </CommandDialog>
-  );
-}
+import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { NodeDefinition, NodeCategory } from "@foresthubai/workflow-core/node";
+import {
+  CommandDialog,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+} from "../components/ui/command";
+import { categoryIcons } from "../utils/categoryConstants";
+interface NodePickerDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  compatibleDefs: NodeDefinition[];
+  onSelect: (nodeDef: NodeDefinition) => void;
+}
+const CATEGORY_ORDER: NodeCategory[] = [
+  NodeCategory.Trigger,
+  NodeCategory.Input,
+  NodeCategory.Logic,
+  NodeCategory.Data,
+  NodeCategory.Function,
+  NodeCategory.AI,
+  NodeCategory.Tool,
+  NodeCategory.Output,
+];
+export function NodePickerDialog({ open, onOpenChange, compatibleDefs, onSelect }: NodePickerDialogProps) {
+  const { t } = useTranslation();
+  const [search, setSearch] = useState("");
+  useEffect(() => {
+    if (open) setSearch("");
+  }, [open]);
+  // Group definitions by category
+  const grouped = new Map<NodeCategory, NodeDefinition[]>();
+  for (const def of compatibleDefs) {
+    const list = grouped.get(def.category) ?? [];
+    list.push(def);
+    grouped.set(def.category, list);
+  }
+  return (
+    <CommandDialog open={open} onOpenChange={onOpenChange}>
+      <CommandInput
+        placeholder={t("nodePickerSearch", "Search nodes...")}
+        value={search}
+        onValueChange={setSearch}
+      />
+      <CommandList>
+        <CommandEmpty>{t("nodePickerEmpty", "No compatible nodes found.")}</CommandEmpty>
+        {CATEGORY_ORDER.filter((cat) => grouped.has(cat)).map((category) => {
+          const Icon = categoryIcons[category];
+          return (
+            <CommandGroup key={category} heading={category}>
+              {grouped.get(category)!.map((def) => (
+                <CommandItem
+                  key={def.type + (def.type === "FunctionCall" ? `-${def.label}` : "")}
+                  onSelect={() => {
+                    onSelect(def);
+                    onOpenChange(false);
+                  }}
+                >
+                  {Icon && <Icon className="mr-2 h-4 w-4 shrink-0 opacity-70" />}
+                  <div className="flex flex-col min-w-0">
+                    <span className="truncate">{def.label}</span>
+                    {def.description && (
+                      <span className="text-xs text-muted-foreground truncate">{def.description}</span>
+                    )}
+                  </div>
+                </CommandItem>
+              ))}
+            </CommandGroup>
+          );
+        })}
+      </CommandList>
+    </CommandDialog>
+  );
+}