@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
  1. package/LICENSE +661 -661
  2. package/NOTICE +16 -16
  3. package/README.md +110 -110
  4. package/dist/components/ui/command.d.ts +2 -2
  5. package/dist/components/ui/input.d.ts +1 -1
  6. package/dist/components/ui/resizable.d.ts +1 -1
  7. package/dist/components/ui/textarea.d.ts +1 -1
  8. package/dist/graph/BaseNode.js +10 -10
  9. package/dist/graph/reactFlowRegistry.d.ts.map +1 -1
  10. package/package.json +2 -2
  11. package/src/BuilderLayout.tsx +345 -345
  12. package/src/Canvas.tsx +261 -261
  13. package/src/CanvasEditor.tsx +142 -142
  14. package/src/CanvasTabsToolbar.tsx +176 -176
  15. package/src/RightConfigPanel.tsx +266 -266
  16. package/src/WorkflowBuilder.tsx +408 -408
  17. package/src/cn.ts +6 -6
  18. package/src/components/ui/add-button.tsx +39 -39
  19. package/src/components/ui/alert-dialog.tsx +141 -141
  20. package/src/components/ui/alert.tsx +59 -59
  21. package/src/components/ui/badge.tsx +36 -36
  22. package/src/components/ui/button.tsx +85 -85
  23. package/src/components/ui/card.tsx +79 -79
  24. package/src/components/ui/checkbox.tsx +28 -28
  25. package/src/components/ui/collapsible.tsx +9 -9
  26. package/src/components/ui/command.tsx +153 -153
  27. package/src/components/ui/delete-button.tsx +23 -23
  28. package/src/components/ui/dialog.tsx +125 -125
  29. package/src/components/ui/dropdown-menu.tsx +198 -198
  30. package/src/components/ui/input.tsx +55 -55
  31. package/src/components/ui/label.tsx +24 -24
  32. package/src/components/ui/readonly-banner.tsx +15 -15
  33. package/src/components/ui/resizable.tsx +43 -43
  34. package/src/components/ui/scroll-area.tsx +102 -102
  35. package/src/components/ui/select.tsx +160 -160
  36. package/src/components/ui/separator.tsx +29 -29
  37. package/src/components/ui/switch.tsx +27 -27
  38. package/src/components/ui/textarea.tsx +51 -51
  39. package/src/components/ui/toast.tsx +127 -127
  40. package/src/components/ui/toaster.tsx +33 -33
  41. package/src/components/ui/toggle-group.tsx +59 -59
  42. package/src/components/ui/toggle.tsx +43 -43
  43. package/src/components/ui/tooltip.tsx +32 -32
  44. package/src/dialogs/NodePickerDialog.tsx +84 -84
  45. package/src/dialogs/ValidationDialog.tsx +184 -184
  46. package/src/graph/BaseNode.tsx +557 -557
  47. package/src/graph/CustomEdge.tsx +185 -185
  48. package/src/graph/CustomNode.tsx +16 -16
  49. package/src/graph/FunctionCallNode.tsx +30 -30
  50. package/src/graph/PortHandle.tsx +189 -189
  51. package/src/graph/reactFlowRegistry.ts +26 -26
  52. package/src/hooks/use-toast.ts +125 -125
  53. package/src/hooks/useAvailableVariables.ts +20 -20
  54. package/src/hooks/useCanvasHistory.ts +22 -22
  55. package/src/hooks/useCanvasTabs.ts +168 -168
  56. package/src/hooks/useFunctionDiagnosticsSync.ts +40 -40
  57. package/src/hooks/useFunctionRegistry.ts +26 -26
  58. package/src/hooks/useFunctions.ts +44 -44
  59. package/src/hooks/useGraph.ts +161 -161
  60. package/src/hooks/useNodeDefinitions.ts +82 -82
  61. package/src/hooks/useParamErrors.ts +26 -26
  62. package/src/hooks/useResolvedTheme.ts +30 -30
  63. package/src/hooks/useResourceDiagnosticsSync.ts +58 -58
  64. package/src/hooks/useSuppressThemeTransition.ts +79 -79
  65. package/src/hooks/useWorkflowSerialization.ts +141 -141
  66. package/src/i18n/index.ts +53 -53
  67. package/src/i18n/locales/de.json +501 -501
  68. package/src/i18n/locales/en.json +557 -557
  69. package/src/index.ts +27 -27
  70. package/src/inputs/ExpressionInput.tsx +297 -297
  71. package/src/inputs/ParameterEditor.tsx +515 -515
  72. package/src/inputs/PortSection.tsx +144 -144
  73. package/src/panels/BuilderSidebar.tsx +301 -301
  74. package/src/panels/ChannelConfigPanel.tsx +49 -49
  75. package/src/panels/ChannelsPanel.tsx +28 -28
  76. package/src/panels/DebugConsolePanel.tsx +73 -73
  77. package/src/panels/DebugContextPanel.tsx +77 -77
  78. package/src/panels/DebugExternalIOPanel.tsx +180 -180
  79. package/src/panels/DiagnosticsPanel.tsx +170 -170
  80. package/src/panels/EdgeConfigPanel.tsx +104 -104
  81. package/src/panels/FunctionConfigPanel.tsx +179 -179
  82. package/src/panels/FunctionListPanel.tsx +45 -45
  83. package/src/panels/MemoryConfigPanel.tsx +55 -55
  84. package/src/panels/MemoryPanel.tsx +40 -40
  85. package/src/panels/ModelConfigPanel.tsx +41 -41
  86. package/src/panels/ModelsPanel.tsx +36 -36
  87. package/src/panels/NodeConfigPanel.tsx +630 -630
  88. package/src/panels/NodeLibrary.tsx +288 -288
  89. package/src/panels/ResourceConfigPanel.tsx +132 -132
  90. package/src/panels/ResourceListPanel.tsx +113 -113
  91. package/src/panels/VariableConfigPanel.tsx +161 -161
  92. package/src/panels/VariablesPanel.tsx +145 -145
  93. package/src/stores/canvasStore.test.ts +44 -44
  94. package/src/stores/canvasStore.ts +245 -245
  95. package/src/stores/debugStore.ts +74 -74
  96. package/src/stores/diagnosticsStore.ts +130 -130
  97. package/src/stores/editorStore.ts +190 -190
  98. package/src/styles/index.css +526 -526
  99. package/src/utils/categoryConstants.ts +26 -26
  100. package/src/utils/channelOperations.ts +86 -86
  101. package/src/utils/connectionRules.ts +137 -137
  102. package/src/utils/functionOperations.ts +179 -179
  103. package/src/utils/graphOperations.ts +550 -550
  104. package/src/utils/history.ts +207 -207
  105. package/src/utils/memoryOperations.ts +57 -57
  106. package/src/utils/migrateFunctionNodes.ts +107 -107
  107. package/src/utils/modelOperations.ts +55 -55
  108. package/src/utils/paramDisplay.ts +71 -71
  109. package/src/utils/resourceHelpers.ts +32 -32
  110. package/src/utils/translation.ts +28 -28
  111. package/src/utils/variableOperations.ts +75 -75
  112. package/tailwind-preset.ts +166 -166
  113. package/dist/lib/utils.d.ts +0 -3
  114. package/dist/lib/utils.d.ts.map +0 -1
  115. package/dist/lib/utils.js +0 -6
  116. package/dist/lib/utils.js.map +0 -1
  117. package/dist/toolbars/CanvasTabsToolbar.d.ts +0 -11
  118. package/dist/toolbars/CanvasTabsToolbar.d.ts.map +0 -1
  119. package/dist/toolbars/CanvasTabsToolbar.js +0 -101
  120. package/dist/toolbars/CanvasTabsToolbar.js.map +0 -1
package/NOTICE CHANGED
@@ -1,16 +1,16 @@
1
- edge-agents/workflow-builder
2
- Copyright (c) 2026 ForestHub. All rights reserved.
3
-
4
- This product includes software developed by ForestHub
5
- (https://foresthub.ai).
6
-
7
- The @foresthubai/workflow-builder package is the React canvas/editor
8
- component library for the edge-agents platform. This package is
9
- licensed under the GNU Affero General Public License Version 3.0
10
- (AGPL-3.0-only) or a separate commercial license.
11
-
12
- It depends on @foresthubai/workflow-core which is licensed under the
13
- Apache License, Version 2.0. AGPL allows consumption of Apache-licensed
14
- dependencies; the AGPL terms apply to this package only.
15
-
16
- For commercial licensing inquiries: root@foresthub.ai
1
+ edge-agents/workflow-builder
2
+ Copyright (c) 2026 ForestHub. All rights reserved.
3
+
4
+ This product includes software developed by ForestHub
5
+ (https://foresthub.ai).
6
+
7
+ The @foresthubai/workflow-builder package is the React canvas/editor
8
+ component library for the edge-agents platform. This package is
9
+ licensed under the GNU Affero General Public License Version 3.0
10
+ (AGPL-3.0-only) or a separate commercial license.
11
+
12
+ It depends on @foresthubai/workflow-core which is licensed under the
13
+ Apache License, Version 2.0. AGPL allows consumption of Apache-licensed
14
+ dependencies; the AGPL terms apply to this package only.
15
+
16
+ For commercial licensing inquiries: root@foresthub.ai
package/README.md CHANGED
@@ -1,110 +1,110 @@
1
- # @foresthubai/workflow-builder
2
-
3
- The ForestHub workflow **canvas/editor** — a reusable React component library. It
4
- renders the visual builder (node graph, panels, dialogs) and pairs with the
5
- headless [`@foresthubai/workflow-core`](../workflow-core) for the model, serialization
6
- and validation. Core owns the data; this package owns the UI.
7
-
8
- ## Requirements
9
-
10
- - **React 18** (peer dependency).
11
- - **Tailwind CSS 3** (peer dependency). This package is consumed the Tailwind way —
12
- it ships design tokens + a Tailwind preset, not a prebuilt stylesheet. A host that
13
- doesn't use Tailwind can't consume it as-is. This is the single supported path.
14
-
15
- ## Setup
16
-
17
- Four steps in the host app:
18
-
19
- ```ts
20
- // 1. Import the design-system tokens + builder CSS layers, once, at your entry.
21
- import "@foresthubai/workflow-builder/styles/index.css";
22
-
23
- // 2. Adopt the Tailwind preset (tokens → utilities, fonts, animations, plugin).
24
- // tailwind.config.ts:
25
- import workflowBuilderPreset from "@foresthubai/workflow-builder/tailwind-preset";
26
- export default {
27
- presets: [workflowBuilderPreset],
28
- content: [
29
- "./src/**/*.{ts,tsx}",
30
- // 3. Scan the builder so the utility classes its components use are emitted.
31
- "./node_modules/@foresthubai/workflow-builder/dist/**/*.js",
32
- ],
33
- };
34
- ```
35
-
36
- ```tsx
37
- // 4. Render it inside a HEIGHT-CONSTRAINED container — the builder fills h-full/
38
- // w-full and never assumes the viewport.
39
- import { WorkflowBuilder } from "@foresthubai/workflow-builder";
40
-
41
- <div style={{ height: "100vh" }}>
42
- <WorkflowBuilder models={models} language="en" onChange={...} onError={...} />
43
- </div>
44
- ```
45
-
46
- ## Ownership rules
47
-
48
- The builder is a guest in your app. It dresses **itself** and speaks **its own**
49
- language, but it never reaches into things the host owns.
50
-
51
- ### Styles
52
-
53
- - **The builder owns its base look** (font, text color, its panels/canvas/nodes)
54
- and ships the design tokens as **defaults** on `:root` (dark) and `.light`.
55
- - **The host owns the page.** The builder does **not** style `<body>` — no page
56
- background, no page font, no `overscroll-behavior`. The host provides page chrome.
57
- (The builder's translucent "glass" surfaces blur whatever's behind them, so give
58
- the area a backdrop if you want the glass to read its best.)
59
- - **The host drives color mode** by toggling a `.light` class on an ancestor
60
- (typically `<html>`). Default — no class — is dark.
61
- - **The host themes by overriding tokens.** Redeclare the CSS variables. The
62
- contract: values are **HSL channels** (`262 83% 58%`, not `#hex`/`hsl()`); override
63
- in **both** `:root` and `.light`; override at **`:root`/`html`, not a nested
64
- wrapper** — Radix dialogs/menus/tooltips/selects portal to `<body>`, outside the
65
- builder root, so a scoped override won't reach them. See
66
- [`workflow-cli/src/theme-overrides.css`](../workflow-cli/src/theme-overrides.css) for a worked example.
67
-
68
- ### Translations
69
-
70
- - **The builder owns its strings** (ships `en` + `de`) in a **private** i18next
71
- instance, served only through its own `I18nextProvider`. It deliberately does
72
- **not** register with react-i18next's global default (no `initReactI18next`, hence
73
- no `setI18n`) — that default is a single library-wide pointer with last-init-wins
74
- semantics, and a guest component must not own it. So the builder never collides
75
- with the host's i18next.
76
- - **No host i18n setup is required.** A host with no i18next, or one using
77
- react-i18next its own way (with or without an `<I18nextProvider>`), both work
78
- unchanged — the builder's instance is reachable only inside its own subtree and
79
- leaves the host's `useTranslation()` untouched.
80
- - **The host drives locale** via the `language` prop. The builder follows it and
81
- never auto-detects (no `LanguageDetector`, no localStorage writes).
82
-
83
- ## What the builder relies on from the host
84
-
85
- - React 18; Tailwind with the preset adopted and the builder in `content`.
86
- - A **sized parent** container (the builder fills it; it never sizes the viewport).
87
- - **Page chrome** (background/page font) — the builder no longer provides it.
88
- - A **`.light`** class on an ancestor for light mode (default dark).
89
- - The **`language`** prop for locale.
90
- - The **`models`** catalog, `onChange` / `onError` (and other) callbacks, and the
91
- imperative **ref handle** (`loadWorkflow` / `exportWorkflow` / `clear` / `validate`
92
- / undo-redo / selection / `setDebugPhase`). See `WorkflowBuilderProps` and
93
- `WorkflowBuilderHandle` in [`src/WorkflowBuilder.tsx`](./src/WorkflowBuilder.tsx).
94
-
95
- ## License
96
-
97
- **AGPL-3.0-only** or a separate commercial license — same dual-license terms as the
98
- edge-agents engine.
99
-
100
- Read this before embedding: AGPL-3.0 is **network copyleft (§13)**. Because
101
- `<WorkflowBuilder>` is a React component you bundle into your own web app, serving that
102
- app to users over a network makes your **entire combined frontend** a "modified work"
103
- whose corresponding source you must offer to those users. Embedding the builder in a
104
- proprietary or closed-source SaaS frontend is therefore not possible under the AGPL — for
105
- that, take the commercial license (contact **root@foresthub.ai**). If your frontend is
106
- itself AGPL-3.0, you're fine.
107
-
108
- The headless [`@foresthubai/workflow-core`](../workflow-core) (model, serialization,
109
- validation) is **Apache-2.0** and carries no such obligation — if you only need the data
110
- layer, depend on core directly and skip this component.
1
+ # @foresthubai/workflow-builder
2
+
3
+ The Edge Agents workflow **canvas/editor** — a reusable React component library. It
4
+ renders the visual builder (node graph, panels, dialogs) and pairs with the
5
+ headless [`@foresthubai/workflow-core`](../workflow-core) for the model, serialization
6
+ and validation. Core owns the data; this package owns the UI.
7
+
8
+ ## Requirements
9
+
10
+ - **React 18** (peer dependency).
11
+ - **Tailwind CSS 3** (peer dependency). This package is consumed the Tailwind way —
12
+ it ships design tokens + a Tailwind preset, not a prebuilt stylesheet. A host that
13
+ doesn't use Tailwind can't consume it as-is. This is the single supported path.
14
+
15
+ ## Setup
16
+
17
+ Four steps in the host app:
18
+
19
+ ```ts
20
+ // 1. Import the design-system tokens + builder CSS layers, once, at your entry.
21
+ import "@foresthubai/workflow-builder/styles/index.css";
22
+
23
+ // 2. Adopt the Tailwind preset (tokens → utilities, fonts, animations, plugin).
24
+ // tailwind.config.ts:
25
+ import workflowBuilderPreset from "@foresthubai/workflow-builder/tailwind-preset";
26
+ export default {
27
+ presets: [workflowBuilderPreset],
28
+ content: [
29
+ "./src/**/*.{ts,tsx}",
30
+ // 3. Scan the builder so the utility classes its components use are emitted.
31
+ "./node_modules/@foresthubai/workflow-builder/dist/**/*.js",
32
+ ],
33
+ };
34
+ ```
35
+
36
+ ```tsx
37
+ // 4. Render it inside a HEIGHT-CONSTRAINED container — the builder fills h-full/
38
+ // w-full and never assumes the viewport.
39
+ import { WorkflowBuilder } from "@foresthubai/workflow-builder";
40
+
41
+ <div style={{ height: "100vh" }}>
42
+ <WorkflowBuilder models={models} language="en" onChange={...} onError={...} />
43
+ </div>
44
+ ```
45
+
46
+ ## Ownership rules
47
+
48
+ The builder is a guest in your app. It dresses **itself** and speaks **its own**
49
+ language, but it never reaches into things the host owns.
50
+
51
+ ### Styles
52
+
53
+ - **The builder owns its base look** (font, text color, its panels/canvas/nodes)
54
+ and ships the design tokens as **defaults** on `:root` (dark) and `.light`.
55
+ - **The host owns the page.** The builder does **not** style `<body>` — no page
56
+ background, no page font, no `overscroll-behavior`. The host provides page chrome.
57
+ (The builder's translucent "glass" surfaces blur whatever's behind them, so give
58
+ the area a backdrop if you want the glass to read its best.)
59
+ - **The host drives color mode** by toggling a `.light` class on an ancestor
60
+ (typically `<html>`). Default — no class — is dark.
61
+ - **The host themes by overriding tokens.** Redeclare the CSS variables. The
62
+ contract: values are **HSL channels** (`262 83% 58%`, not `#hex`/`hsl()`); override
63
+ in **both** `:root` and `.light`; override at **`:root`/`html`, not a nested
64
+ wrapper** — Radix dialogs/menus/tooltips/selects portal to `<body>`, outside the
65
+ builder root, so a scoped override won't reach them. See
66
+ [`workflow-cli/src/theme-overrides.css`](../workflow-cli/src/theme-overrides.css) for a worked example.
67
+
68
+ ### Translations
69
+
70
+ - **The builder owns its strings** (ships `en` + `de`) in a **private** i18next
71
+ instance, served only through its own `I18nextProvider`. It deliberately does
72
+ **not** register with react-i18next's global default (no `initReactI18next`, hence
73
+ no `setI18n`) — that default is a single library-wide pointer with last-init-wins
74
+ semantics, and a guest component must not own it. So the builder never collides
75
+ with the host's i18next.
76
+ - **No host i18n setup is required.** A host with no i18next, or one using
77
+ react-i18next its own way (with or without an `<I18nextProvider>`), both work
78
+ unchanged — the builder's instance is reachable only inside its own subtree and
79
+ leaves the host's `useTranslation()` untouched.
80
+ - **The host drives locale** via the `language` prop. The builder follows it and
81
+ never auto-detects (no `LanguageDetector`, no localStorage writes).
82
+
83
+ ## What the builder relies on from the host
84
+
85
+ - React 18; Tailwind with the preset adopted and the builder in `content`.
86
+ - A **sized parent** container (the builder fills it; it never sizes the viewport).
87
+ - **Page chrome** (background/page font) — the builder no longer provides it.
88
+ - A **`.light`** class on an ancestor for light mode (default dark).
89
+ - The **`language`** prop for locale.
90
+ - The **`models`** catalog, `onChange` / `onError` (and other) callbacks, and the
91
+ imperative **ref handle** (`loadWorkflow` / `exportWorkflow` / `clear` / `validate`
92
+ / undo-redo / selection / `setDebugPhase`). See `WorkflowBuilderProps` and
93
+ `WorkflowBuilderHandle` in [`src/WorkflowBuilder.tsx`](./src/WorkflowBuilder.tsx).
94
+
95
+ ## License
96
+
97
+ **AGPL-3.0-only** or a separate commercial license — same dual-license terms as the
98
+ Edge Agents engine.
99
+
100
+ Read this before embedding: AGPL-3.0 is **network copyleft (§13)**. Because
101
+ `<WorkflowBuilder>` is a React component you bundle into your own web app, serving that
102
+ app to users over a network makes your **entire combined frontend** a "modified work"
103
+ whose corresponding source you must offer to those users. Embedding the builder in a
104
+ proprietary or closed-source SaaS frontend is therefore not possible under the AGPL — for
105
+ that, take the commercial license (contact **root@foresthub.ai**). If your frontend is
106
+ itself AGPL-3.0, you're fine.
107
+
108
+ The headless [`@foresthubai/workflow-core`](../workflow-core) (model, serialization,
109
+ validation) is **Apache-2.0** and carries no such obligation — if you only need the data
110
+ layer, depend on core directly and skip this component.
@@ -23,7 +23,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
23
23
  ref?: React.Ref<HTMLInputElement>;
24
24
  } & {
25
25
  asChild?: boolean;
26
- }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
26
+ }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
27
27
  value?: string;
28
28
  onValueChange?: (search: string) => void;
29
29
  } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -67,7 +67,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
67
67
  ref?: React.Ref<HTMLDivElement>;
68
68
  } & {
69
69
  asChild?: boolean;
70
- }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
70
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
71
71
  disabled?: boolean;
72
72
  onSelect?: (value: string) => void;
73
73
  value?: string;
@@ -3,7 +3,7 @@ import { type VariantProps } from "class-variance-authority";
3
3
  declare const inputVariants: (props?: ({
4
4
  size?: "sm" | "lg" | "md" | null | undefined;
5
5
  variant?: "default" | "ghost" | "subtle" | null | undefined;
6
- status?: "success" | "none" | "error" | null | undefined;
6
+ status?: "none" | "success" | "error" | null | undefined;
7
7
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
8
  export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
9
9
  htmlSize?: number;
@@ -1,6 +1,6 @@
1
1
  import * as ResizablePrimitive from "react-resizable-panels";
2
2
  declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
3
- declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLDivElement | HTMLObjectElement | HTMLAnchorElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
3
+ declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLOListElement | HTMLElement | HTMLObjectElement | HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
4
4
  className?: string | undefined;
5
5
  collapsedSize?: number | undefined;
6
6
  collapsible?: boolean | undefined;
@@ -5,7 +5,7 @@ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextArea
5
5
  declare const textareaVariants: (props?: ({
6
6
  size?: "sm" | "lg" | "md" | null | undefined;
7
7
  variant?: "default" | "ghost" | "subtle" | null | undefined;
8
- status?: "success" | "none" | "error" | null | undefined;
8
+ status?: "none" | "success" | "error" | null | undefined;
9
9
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
10
10
  declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
11
11
  export { Textarea, textareaVariants };
@@ -259,16 +259,16 @@ export const BaseNode = memo(({ id, data, selected, nodeDefinition, isStale = fa
259
259
  : {};
260
260
  if (nodeShape === "tapered-right") {
261
261
  const inset = strokeW / 2;
262
- return (_jsxs("svg", { className: "absolute inset-0 z-0 transition-all duration-300 will-change-[filter]", width: nodeWidth, height: minHeight, viewBox: `0 0 ${nodeWidth} ${minHeight}`, preserveAspectRatio: "none", style: glowStyle, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "0%", y1: "70%", x2: "100%", y2: "0%", children: [_jsx("stop", { offset: "0%", stopColor: gradientStartColor }), _jsx("stop", { offset: "100%", stopColor: gradientEndColor })] }) }), _jsx("path", { d: `
263
- M ${12 + inset} ${0 + inset}
264
- L ${nodeWidth - taperWidth - inset} ${0 + inset}
265
- L ${nodeWidth - inset} ${minHeight / 2}
266
- L ${nodeWidth - taperWidth - inset} ${minHeight - inset}
267
- L ${12 + inset} ${minHeight - inset}
268
- Q ${0 + inset} ${minHeight - inset} ${0 + inset} ${minHeight - 12 - inset}
269
- L ${0 + inset} ${12 + inset}
270
- Q ${0 + inset} ${0 + inset} ${12 + inset} ${0 + inset}
271
- Z
262
+ return (_jsxs("svg", { className: "absolute inset-0 z-0 transition-all duration-300 will-change-[filter]", width: nodeWidth, height: minHeight, viewBox: `0 0 ${nodeWidth} ${minHeight}`, preserveAspectRatio: "none", style: glowStyle, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "0%", y1: "70%", x2: "100%", y2: "0%", children: [_jsx("stop", { offset: "0%", stopColor: gradientStartColor }), _jsx("stop", { offset: "100%", stopColor: gradientEndColor })] }) }), _jsx("path", { d: `
263
+ M ${12 + inset} ${0 + inset}
264
+ L ${nodeWidth - taperWidth - inset} ${0 + inset}
265
+ L ${nodeWidth - inset} ${minHeight / 2}
266
+ L ${nodeWidth - taperWidth - inset} ${minHeight - inset}
267
+ L ${12 + inset} ${minHeight - inset}
268
+ Q ${0 + inset} ${minHeight - inset} ${0 + inset} ${minHeight - 12 - inset}
269
+ L ${0 + inset} ${12 + inset}
270
+ Q ${0 + inset} ${0 + inset} ${12 + inset} ${0 + inset}
271
+ Z
272
272
  `, fill: `url(#${gradientId})`, stroke: hasErrors
273
273
  ? "hsl(var(--destructive))"
274
274
  : fancyBg
@@ -1 +1 @@
1
- {"version":3,"file":"reactFlowRegistry.d.ts","sourceRoot":"","sources":["../../src/graph/reactFlowRegistry.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;YAOy7B,CAAC;gBAAsB,CAAC;;;;;;;;;;YAAxB,CAAC;gBAAsB,CAAC;;;;;;;;;;YAAxB,CAAC;gBAAsB,CAAC;;;;;;;;;;YAAxB,CAAC;gBAAsB,CAAC;;;;;;;;;;YAAxB,CAAC;gBAAsB,CAAC;;CADt+B,CAAC"}
1
+ {"version":3,"file":"reactFlowRegistry.d.ts","sourceRoot":"","sources":["../../src/graph/reactFlowRegistry.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;YAOq9B,CAAC;gBAAuB,CAAC;;;;;;;;;;YAAzB,CAAC;gBAAuB,CAAC;;;;;;;;;;YAAzB,CAAC;gBAAuB,CAAC;;;;;;;;;;YAAzB,CAAC;gBAAuB,CAAC;;;;;;;;;;YAAzB,CAAC;gBAAuB,CAAC;;CADngC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@foresthubai/workflow-builder",
3
- "version": "0.4.3",
3
+ "version": "0.4.4",
4
4
  "description": "Reusable React component library: the workflow canvas/editor. Imports workflow-core for types and validation.",
5
5
  "license": "AGPL-3.0-only",
6
6
  "repository": {
@@ -41,7 +41,7 @@
41
41
  "tailwindcss": "^3.4.0"
42
42
  },
43
43
  "dependencies": {
44
- "@foresthubai/workflow-core": "0.4.3",
44
+ "@foresthubai/workflow-core": "0.4.4",
45
45
  "@radix-ui/react-alert-dialog": "^1.1.1",
46
46
  "@radix-ui/react-checkbox": "^1.1.1",
47
47
  "@radix-ui/react-collapsible": "^1.1.0",