@foresthubai/workflow-builder 0.4.4 → 0.4.6

package/src/graph/BaseNode.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { Badge } from "../components/ui/badge";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../components/ui/tooltip";
 import {
@@ -16,7 +20,7 @@ import { getOrCreateCanvasStore } from "../stores/canvasStore";
 import { useDebugStore } from "../stores/debugStore";
 import { useDiagnosticsStore } from "../stores/diagnosticsStore";
 import { useEditorStore } from "../stores/editorStore";
-import { isReadOnly } from "../WorkflowBuilder";
+import { isReadOnly } from "../mode";
 import { categoryIcons } from "../utils/categoryConstants";
 import { computeNodeDiagnostics } from "@foresthubai/workflow-core/diagnostics";
 import {
@@ -46,8 +50,9 @@ export const BaseNode = memo(
   ({ id, data, selected, nodeDefinition, isStale = false, isDeleted = false }: BaseNodeProps) => {
     const nodeData = data as NodeData;
     const isHighlighted = selected ?? false;
-    // Skip diagnostics when in read-only mode OR when rendered inside VersionPreviewCanvas
-    const isPreview = useEditorStore((s) => isReadOnly(s.builderMode)) || !!(data as Record<string, unknown>)?._preview;
+    // Read-only (preview/debug) disables edit affordances (e.g. add-edge handles)
+    // but must NOT hide diagnostics — a viewer still needs to see errors/warnings.
+    const isReadOnlyMode = useEditorStore((s) => isReadOnly(s.builderMode));
 
     // Debug cursor: true when this node is the current debug step target
     const isDebugCursor = useDebugStore(
@@ -63,10 +68,12 @@ export const BaseNode = memo(
     // Get active canvas ID with imperative access (no subscription), since it doesn't change for a node
     const activeCanvasId = useEditorStore.getState().activeCanvasId;
 
-    // Get necessary canvas store data
+    // Get necessary canvas store data.
+    // BaseNode must NEVER subscribe to s.nodes: dragging replaces the nodes array
+    // every frame, so a nodes subscription re-renders all N nodes per frame (O(N²)).
+    // Subscribing to s.edges is fine — edges keep their identity during a drag.
     const canvasStore = getOrCreateCanvasStore(activeCanvasId);
     const edges = canvasStore((s) => s.edges);
-    const nodes = canvasStore((s) => s.nodes);
     const channels = useEditorStore((s) => s.channels);
     const memory = useEditorStore((s) => s.memory);
     const models = useEditorStore((s) => s.models);
@@ -103,7 +110,7 @@ export const BaseNode = memo(
     }, [availableModels, models]);
 
     // Get port definitions using centralized dispatcher
-    const portDefinitions = getPorts(nodeData);
+    const portDefinitions = useMemo(() => getPorts(nodeData), [nodeData]);
 
     // Separate ports by type for positioning
     const { executionInputs, toolInputs, executionOutputs, toolOutputs } = useMemo(() => {
@@ -187,14 +194,15 @@ export const BaseNode = memo(
     const hasErrors = diagnostics.some((d) => d.severity === "error");
     const hasWarnings = diagnostics.some((d) => d.severity === "warning");
 
-    // Write diagnostics to store (cleanup on unmount; validateAllCanvases handles full-project)
+    // Write diagnostics to store (cleanup on unmount; validateAllCanvases handles full-project).
+    // Runs in every mode: read-only viewers still need errors/warnings surfaced in
+    // the sidebar and config panels.
     const setNodeDiagnostics = useDiagnosticsStore((s) => s.setNodeDiagnostics);
     const clearNodeDiagnostics = useDiagnosticsStore((s) => s.clearNodeDiagnostics);
     useEffect(() => {
-      if (isPreview) return;
       setNodeDiagnostics(id, diagnostics);
       return () => clearNodeDiagnostics(id);
-    }, [id, diagnostics, setNodeDiagnostics, clearNodeDiagnostics, isPreview]);
+    }, [id, diagnostics, setNodeDiagnostics, clearNodeDiagnostics]);
 
     const usedInControlFlow = useMemo(() => {
       return edges.some((e) => {
@@ -508,7 +516,7 @@ export const BaseNode = memo(
 
         {/* Execution output handles (right) — disabled when tool input is connected */}
         {executionOutputs.map((port, index) => {
-          const canAccept = !isPreview && !usedAsToolInput && canPortAcceptEdge(id, port.id, nodes, edges);
+          const canAccept = !isReadOnlyMode && !usedAsToolInput && canPortAcceptEdge(nodeData, port.id, edges);
           return (
             <PortHandle
               key={port.id}
@@ -533,7 +541,7 @@ export const BaseNode = memo(
 
         {/* Tool output handles (bottom) */}
         {toolOutputs.map((port, index) => {
-          const canAccept = !isPreview && canPortAcceptEdge(id, port.id, nodes, edges);
+          const canAccept = !isReadOnlyMode && canPortAcceptEdge(nodeData, port.id, edges);
           return (
             <PortHandle
               key={port.id}

package/src/graph/CustomEdge.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { Tooltip, TooltipContent, TooltipTrigger } from "../components/ui/tooltip";
 import { BaseEdge, EdgeLabelRenderer, getBezierPath, Position, useEdges } from "@xyflow/react";
 import { AlertTriangle } from "lucide-react";
@@ -6,7 +10,6 @@ import { useEffect, useMemo } from "react";
 import { useAvailableVariables } from "../hooks/useAvailableVariables";
 import { useDiagnosticsStore } from "../stores/diagnosticsStore";
 import { useEditorStore } from "../stores/editorStore";
-import { isReadOnly } from "../WorkflowBuilder";
 import { computeEdgeDiagnostics } from "@foresthubai/workflow-core/diagnostics";
 
 const EDGE_BASE_COLOR = "hsl(var(--edge-default))";
@@ -56,7 +59,6 @@ export const CustomEdge = ({
   selected?: boolean;
 }) => {
   const isHighlighted = selected ?? false;
-  const isPreview = useEditorStore((s) => isReadOnly(s.builderMode));
   const edgeType = (type ?? "control") as EdgeType;
   const edges = useEdges();
   const activeCanvasId = useEditorStore.getState().activeCanvasId;
@@ -80,14 +82,14 @@ export const CustomEdge = ({
 
   const hasErrors = diagnostics.length > 0;
 
-  // Write diagnostics to store (cleanup on unmount; validateAllCanvases handles full-project)
+  // Write diagnostics to store (cleanup on unmount; validateAllCanvases handles full-project).
+  // Runs in every mode: read-only viewers still need errors/warnings surfaced in the sidebar.
   const setEdgeDiagnostics = useDiagnosticsStore((s) => s.setEdgeDiagnostics);
   const clearEdgeDiagnostics = useDiagnosticsStore((s) => s.clearEdgeDiagnostics);
   useEffect(() => {
-    if (isPreview) return;
     setEdgeDiagnostics(id, diagnostics);
     return () => clearEdgeDiagnostics(id);
-  }, [id, diagnostics, setEdgeDiagnostics, clearEdgeDiagnostics, isPreview]);
+  }, [id, diagnostics, setEdgeDiagnostics, clearEdgeDiagnostics]);
 
   const getEdgePath = () => {
     if (isToolFlow(edgeType)) {

package/src/graph/CustomNode.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { NodeData, NodeRegistry } from "@foresthubai/workflow-core/node";
 import { NodeProps } from "@xyflow/react";
 import { memo, useMemo } from "react";

package/src/graph/FunctionCallNode.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { FunctionCallNode as DomainFunctionCallNode } from "@foresthubai/workflow-core/node";
 import { NodeProps } from "@xyflow/react";
 import { memo, useMemo } from "react";

package/src/graph/PortHandle.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import React from "react";
 import { Handle, Position } from "@xyflow/react";
 import { Plus } from "lucide-react";

package/src/graph/reactFlowRegistry.ts

@@ -1,6 +1,9 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 // ReactFlow node/edge type registries
 // Maps ReactFlow type strings to the React components that render them.
-// Shared between CanvasArea (editor) and VersionPreviewCanvas (read-only preview).
 // Lives in graph/ because it references sibling components, but is only consumed
 // by higher-level composing components — no graph/ component imports this file.
 

package/src/hooks/use-toast.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 // Standard shadcn toast hook + dispatcher
 import * as React from "react";
 

package/src/hooks/useAvailableVariables.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useMemo } from "react";
 import { getOrCreateCanvasStore, MAIN_CANVAS_ID } from "../stores/canvasStore";
 import { computeAvailableVariables } from "@foresthubai/workflow-core/variable";

package/src/hooks/useCanvasHistory.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { getOrCreateCanvasStore, MAIN_CANVAS_ID } from "../stores/canvasStore";
 
 /**

package/src/hooks/useCanvasTabs.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useState, useCallback, useEffect } from "react";
 import { MAIN_CANVAS_ID } from "../stores/canvasStore";
 import { useEditorStore } from "../stores/editorStore";

package/src/hooks/useFunctionDiagnosticsSync.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useEffect } from "react";
 import { validateFunction } from "@foresthubai/workflow-core/diagnostics";
 import { computeAvailableVariables } from "@foresthubai/workflow-core/variable";

package/src/hooks/useFunctionRegistry.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useCallback, useMemo } from "react";
 import { useEditorStore } from "../stores/editorStore";
 import type { FunctionDeclaration } from "@foresthubai/workflow-core/function";

package/src/hooks/useFunctions.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useCallback } from "react";
 import { useEditorStore } from "../stores/editorStore";
 import { getOrCreateCanvasStore } from "../stores/canvasStore";

package/src/hooks/useGraph.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { NodeDefinition, NodeData } from "@foresthubai/workflow-core/node";
 import { Connection, Edge, Node } from "@xyflow/react";
 import type { EdgeData } from "@foresthubai/workflow-core/edge";

package/src/hooks/useNodeDefinitions.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useMemo, useCallback } from "react";
 import i18n from "../i18n";
 import { NodeCategory, NodeRegistry, NodeDefinition, NodeData } from "@foresthubai/workflow-core/node";

package/src/hooks/useParamErrors.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useMemo } from "react";
 import type { Diagnostic } from "@foresthubai/workflow-core/diagnostics";
 

package/src/hooks/useResolvedTheme.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useEffect, useState } from "react";
 
 /**

package/src/hooks/useResourceDiagnosticsSync.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useEffect } from "react";
 import { useEditorStore } from "../stores/editorStore";
 import { useDiagnosticsStore } from "../stores/diagnosticsStore";

package/src/hooks/useSuppressThemeTransition.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useEffect, useLayoutEffect } from "react";
 
 import { useResolvedTheme } from "./useResolvedTheme";

package/src/hooks/useWorkflowSerialization.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useCallback } from "react";
 import { serialize, deserialize, type ApiWorkflow, type Workflow, type Canvas } from "@foresthubai/workflow-core/workflow";
 import { migrate } from "@foresthubai/workflow-core/migration";

package/src/i18n/index.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import i18next, { type i18n as I18n } from "i18next";
 
 import de from "./locales/de.json";

package/src/index.ts

@@ -1,9 +1,13 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 // Main component + its contract
 export { WorkflowBuilder } from "./WorkflowBuilder";
 export type { WorkflowBuilderProps, WorkflowBuilderHandle } from "./WorkflowBuilder";
 
 // Editor mode the embedder constructs and passes via setMode / initialMode
-export type { BuilderMode } from "./WorkflowBuilder";
+export type { BuilderMode } from "./mode";
 
 // Debug phase the embedder pushes from the engine via setDebugPhase
 export type { DebugSessionPhase } from "./stores/debugStore";

package/src/inputs/ExpressionInput.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { NodeRegistry } from "@foresthubai/workflow-core/node";

package/src/inputs/ParameterEditor.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { Input } from "../components/ui/input";
 import { Textarea } from "../components/ui/textarea";
 import { Label } from "../components/ui/label";

package/src/inputs/PortSection.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import type { ReactNode } from "react";
 import { Button } from "../components/ui/button";
 import { Input } from "../components/ui/input";

package/src/mode.ts

@@ -0,0 +1,15 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
+// Leaf module on purpose: BuilderMode is consumed across the whole tree
+// (panels, graph, stores), so it must not live in WorkflowBuilder.tsx —
+// importing it from there creates module cycles back through the root.
+
+/** BuilderMode steers the overall behavior of the workflow builder. */
+export type BuilderMode = { type: "edit" } | { type: "preview" } | { type: "debug" };
+
+/** True when canvas mutations should be blocked (preview or debug). */
+export function isReadOnly(mode: BuilderMode): boolean {
+  return mode.type !== "edit";
+}

package/src/panels/BuilderSidebar.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { Button } from "../components/ui/button";
 import { ScrollArea } from "../components/ui/scroll-area";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../components/ui/tooltip";

package/src/panels/ChannelConfigPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useTranslation } from "react-i18next";
 import { CHANNEL_DEFINITION, type Channel, type ChannelType } from "@foresthubai/workflow-core/channel";
 import { isParameterActive, type Parameter } from "@foresthubai/workflow-core/parameter";

package/src/panels/ChannelsPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useTranslation } from "react-i18next";
 import { Cpu, Plus } from "lucide-react";
 import { useDiagnosticsStore } from "../stores/diagnosticsStore";

package/src/panels/DebugConsolePanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { Button } from "../components/ui/button";
 import { ScrollArea } from "../components/ui/scroll-area";
 import { Trash2 } from "lucide-react";

package/src/panels/DebugContextPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { Input } from "../components/ui/input";
 import { Label } from "../components/ui/label";
 import { Switch } from "../components/ui/switch";

package/src/panels/DebugExternalIOPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { Button } from "../components/ui/button";
 import { Input } from "../components/ui/input";
 import { Label } from "../components/ui/label";

package/src/panels/DiagnosticsPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Badge } from "../components/ui/badge";

package/src/panels/EdgeConfigPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useCallback } from "react";
 import { useTranslation } from "react-i18next";
 import { Button } from "../components/ui/button";
@@ -7,7 +11,7 @@ import { getEdgeDefinition } from "@foresthubai/workflow-core/edge";
 import type { EdgeData, EdgeType } from "@foresthubai/workflow-core/edge";
 import ParameterEditor from "../inputs/ParameterEditor";
 import { useEditorStore } from "../stores/editorStore";
-import { isReadOnly } from "../WorkflowBuilder";
+import { isReadOnly } from "../mode";
 import { useDiagnosticsStore } from "../stores/diagnosticsStore";
 import { useParamErrors } from "../hooks/useParamErrors";
 import { ReadOnlyBanner } from "../components/ui/readonly-banner";

package/src/panels/FunctionConfigPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Button } from "../components/ui/button";
@@ -16,7 +20,7 @@ import { ChevronRight } from "lucide-react";
 import type { FunctionDeclaration } from "@foresthubai/workflow-core/function";
 import { useEditorStore } from "../stores/editorStore";
 import { useDiagnosticsStore } from "../stores/diagnosticsStore";
-import { isReadOnly } from "../WorkflowBuilder";
+import { isReadOnly } from "../mode";
 import { ReadOnlyBanner } from "../components/ui/readonly-banner";
 import { DeleteButton } from "../components/ui/delete-button";
 import { PortSection } from "../inputs/PortSection";

package/src/panels/FunctionListPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useTranslation } from "react-i18next";
 import { FunctionSquare, Plus } from "lucide-react";
 import { useDiagnosticsStore } from "../stores/diagnosticsStore";

package/src/panels/MemoryConfigPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useTranslation } from "react-i18next";
 import { MemoryRegistry, type Memory } from "@foresthubai/workflow-core/memory";
 import { useEditorStore } from "../stores/editorStore";

package/src/panels/MemoryPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useTranslation } from "react-i18next";
 import { Database, FileText } from "lucide-react";
 import type { MemoryType } from "@foresthubai/workflow-core/memory";

package/src/panels/ModelConfigPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useTranslation } from "react-i18next";
 import { ModelRegistry, type Model } from "@foresthubai/workflow-core/model";
 import { useDiagnosticsStore } from "../stores/diagnosticsStore";

package/src/panels/ModelsPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useTranslation } from "react-i18next";
 import { BrainCircuit, Plus } from "lucide-react";
 import { useDiagnosticsStore } from "../stores/diagnosticsStore";

package/src/panels/NodeConfigPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { Button } from "../components/ui/button";
 import { AddButton } from "../components/ui/add-button";
 import { ReadOnlyBanner } from "../components/ui/readonly-banner";
@@ -33,7 +37,7 @@ import { useFunctionRegistry } from "../hooks/useFunctionRegistry";
 import { useParamErrors } from "../hooks/useParamErrors";
 import { buildFunctionNodeDef } from "../hooks/useNodeDefinitions";
 import { useEditorStore } from "../stores/editorStore";
-import { isReadOnly } from "../WorkflowBuilder";
+import { isReadOnly } from "../mode";
 import { migrateFunctionCallNodes } from "../utils/migrateFunctionNodes";
 import { getNodeDescription } from "../utils/translation";
 import { useAvailableVariables } from "../hooks/useAvailableVariables";

package/src/panels/NodeLibrary.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { Badge } from "../components/ui/badge";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../components/ui/collapsible";
 import { Input } from "../components/ui/input";
@@ -13,7 +17,7 @@ import { useTranslation } from "react-i18next";
 import { NodeDefinition } from "@foresthubai/workflow-core/node";
 import { categoryIcons, categoryColors } from "../utils/categoryConstants";
 import { useEditorStore } from "../stores/editorStore";
-import { isReadOnly } from "../WorkflowBuilder";
+import { isReadOnly } from "../mode";
 import { FunctionNodeDefinition } from "@foresthubai/workflow-core/node";
 import { Parameter } from "@foresthubai/workflow-core/parameter";
 import { getNodeDescription } from "../utils/translation";

package/src/panels/ResourceConfigPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useEffect, useState, type ReactNode } from "react";
 import { Button } from "../components/ui/button";
 import { Separator } from "../components/ui/separator";
@@ -7,7 +11,7 @@ import type { Diagnostic } from "@foresthubai/workflow-core/diagnostics";
 import ParameterEditor from "../inputs/ParameterEditor";
 import { MAIN_CANVAS_ID } from "../stores/canvasStore";
 import { useEditorStore } from "../stores/editorStore";
-import { isReadOnly } from "../WorkflowBuilder";
+import { isReadOnly } from "../mode";
 import { useParamErrors } from "../hooks/useParamErrors";
 import { ReadOnlyBanner } from "../components/ui/readonly-banner";
 import { DeleteButton } from "../components/ui/delete-button";

package/src/panels/ResourceListPanel.tsx

@@ -1,8 +1,12 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { AlertTriangle, type LucideIcon } from "lucide-react";
 import { AddButton } from "../components/ui/add-button";
 import { cn } from "../cn";
 import { useEditorStore } from "../stores/editorStore";
-import { isReadOnly } from "../WorkflowBuilder";
+import { isReadOnly } from "../mode";
 import type { Diagnostic } from "@foresthubai/workflow-core/diagnostics";
 
 interface ResourceListItem {

package/src/panels/VariableConfigPanel.tsx

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Button } from "../components/ui/button";
@@ -8,7 +12,7 @@ import { ChevronRight } from "lucide-react";
 import type { DeclaredVariable } from "@foresthubai/workflow-core/variable";
 import type { DataType } from "@foresthubai/workflow-core";
 import { useEditorStore } from "../stores/editorStore";
-import { isReadOnly } from "../WorkflowBuilder";
+import { isReadOnly } from "../mode";
 import { ReadOnlyBanner } from "../components/ui/readonly-banner";
 import { DeleteButton } from "../components/ui/delete-button";
 import { deleteDeclaredVariable, setDeclaredVariableType, updateDeclaredVariable } from "../utils/variableOperations";

package/src/panels/VariablesPanel.tsx

@@ -1,10 +1,14 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { AddButton } from "../components/ui/add-button";
 import { Variable as VariableIcon } from "lucide-react";
 import { cn } from "../cn";
 import { useEditorStore } from "../stores/editorStore";
-import { isReadOnly } from "../WorkflowBuilder";
+import { isReadOnly } from "../mode";
 import { useAvailableVariables } from "../hooks/useAvailableVariables";
 import { getOrCreateCanvasStore, MAIN_CANVAS_ID } from "../stores/canvasStore";
 import { type Variable, type DeclaredVariable } from "@foresthubai/workflow-core/variable";

package/src/stores/canvasStore.test.ts

@@ -1,3 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-only
+// Copyright (c) 2026 ForestHub. All rights reserved.
+// For commercial licensing, contact root@foresthub.ai
+
 import { afterEach, describe, expect, it } from "vitest";
 import {
   clearAllCanvasStores,