@particle-academy/fancy-flow 0.21.0 → 0.22.0

package/dist/llm/vercel-ai.d.cts

@@ -1,6 +1,6 @@
 import { LanguageModel } from 'ai';
-import { L as LlmRouteRequest, a as LlmClient } from '../capabilities-ChE3Xi8R.cjs';
-import '../types-sOmpCitB.cjs';
+import { L as LlmRouteRequest, a as LlmClient } from '../capabilities-exVeADXz.cjs';
+import '../types-CMSrWVYM.cjs';
 import '@xyflow/react';
 
 /**

package/dist/llm/vercel-ai.d.ts

@@ -1,6 +1,6 @@
 import { LanguageModel } from 'ai';
-import { L as LlmRouteRequest, a as LlmClient } from '../capabilities-DUhAc-EJ.js';
-import '../types-sOmpCitB.js';
+import { L as LlmRouteRequest, a as LlmClient } from '../capabilities-85Mjn4uW.js';
+import '../types-CMSrWVYM.js';
 import '@xyflow/react';
 
 /**

package/dist/registry/index.d.cts

@@ -1,9 +1,9 @@
-import { a as NodeKindDefinition, P as PortSpec } from '../types-LG-YckGh.cjs';
-export { C as ConfigField, b as CredentialConfigField, D as DocumentConfigField, E as ExpressionConfigField, J as JsonConfigField, K as KeyValueConfigField, N as NodeCategory, c as NumberConfigField, R as RenderBodyContext, d as RepeaterConfigField, e as RepeaterRowField, S as SelectConfigField, f as SwitchConfigField, T as TextConfigField, g as TextareaConfigField } from '../types-LG-YckGh.cjs';
-import { P as PortDescriptor, b as FlowNode, N as NodeExecutor } from '../types-sOmpCitB.cjs';
+import { a as NodeKindDefinition, P as PortSpec } from '../types-DneUoivl.cjs';
+export { C as ConfigField, b as CredentialConfigField, D as DocumentConfigField, E as ExpressionConfigField, J as JsonConfigField, K as KeyValueConfigField, N as NodeCategory, c as NumberConfigField, R as RenderBodyContext, d as RepeaterConfigField, e as RepeaterRowField, S as SelectConfigField, f as SwitchConfigField, T as TextConfigField, g as TextareaConfigField } from '../types-DneUoivl.cjs';
+import { P as PortDescriptor, a as FlowNode, N as NodeExecutor } from '../types-CMSrWVYM.cjs';
 import { Connection, Edge, NodeProps, NodeTypes } from '@xyflow/react';
-import { b as LlmRoute } from '../capabilities-ChE3Xi8R.cjs';
-export { C as CapabilityId, a as LlmClient, c as LlmRouteChoice, L as LlmRouteRequest, W as WorkflowResolution, d as WorkflowResolutionFailure, e as WorkflowResolver, f as capabilityStatus, g as getLlmClient, h as getWorkflowResolver, i as isResolutionFailure, r as registerLlmClient, j as registerWorkflowResolver } from '../capabilities-ChE3Xi8R.cjs';
+import { b as LlmRoute } from '../capabilities-exVeADXz.cjs';
+export { C as CapabilityId, a as LlmClient, c as LlmRouteChoice, L as LlmRouteRequest, W as WorkflowResolution, d as WorkflowResolutionFailure, e as WorkflowResolver, f as capabilityStatus, g as getLlmClient, h as getWorkflowResolver, i as isResolutionFailure, r as registerLlmClient, j as registerWorkflowResolver } from '../capabilities-exVeADXz.cjs';
 export { L as LEGACY_PAUSE_PREFIXES, a as PAUSE_PREFIX, P as PauseAwaiting, b as PauseSignal, d as decodePause, e as encodePause, i as isPause, p as pauseForHuman } from '../pause-9iT4tCEV.cjs';
 import * as react from 'react';
 import { ComponentType, ReactNode } from 'react';

package/dist/registry/index.d.ts

@@ -1,9 +1,9 @@
-import { a as NodeKindDefinition, P as PortSpec } from '../types-VGkCXEO6.js';
-export { C as ConfigField, b as CredentialConfigField, D as DocumentConfigField, E as ExpressionConfigField, J as JsonConfigField, K as KeyValueConfigField, N as NodeCategory, c as NumberConfigField, R as RenderBodyContext, d as RepeaterConfigField, e as RepeaterRowField, S as SelectConfigField, f as SwitchConfigField, T as TextConfigField, g as TextareaConfigField } from '../types-VGkCXEO6.js';
-import { P as PortDescriptor, b as FlowNode, N as NodeExecutor } from '../types-sOmpCitB.js';
+import { a as NodeKindDefinition, P as PortSpec } from '../types-CFEtuRWJ.js';
+export { C as ConfigField, b as CredentialConfigField, D as DocumentConfigField, E as ExpressionConfigField, J as JsonConfigField, K as KeyValueConfigField, N as NodeCategory, c as NumberConfigField, R as RenderBodyContext, d as RepeaterConfigField, e as RepeaterRowField, S as SelectConfigField, f as SwitchConfigField, T as TextConfigField, g as TextareaConfigField } from '../types-CFEtuRWJ.js';
+import { P as PortDescriptor, a as FlowNode, N as NodeExecutor } from '../types-CMSrWVYM.js';
 import { Connection, Edge, NodeProps, NodeTypes } from '@xyflow/react';
-import { b as LlmRoute } from '../capabilities-DUhAc-EJ.js';
-export { C as CapabilityId, a as LlmClient, c as LlmRouteChoice, L as LlmRouteRequest, W as WorkflowResolution, d as WorkflowResolutionFailure, e as WorkflowResolver, f as capabilityStatus, g as getLlmClient, h as getWorkflowResolver, i as isResolutionFailure, r as registerLlmClient, j as registerWorkflowResolver } from '../capabilities-DUhAc-EJ.js';
+import { b as LlmRoute } from '../capabilities-85Mjn4uW.js';
+export { C as CapabilityId, a as LlmClient, c as LlmRouteChoice, L as LlmRouteRequest, W as WorkflowResolution, d as WorkflowResolutionFailure, e as WorkflowResolver, f as capabilityStatus, g as getLlmClient, h as getWorkflowResolver, i as isResolutionFailure, r as registerLlmClient, j as registerWorkflowResolver } from '../capabilities-85Mjn4uW.js';
 export { L as LEGACY_PAUSE_PREFIXES, a as PAUSE_PREFIX, P as PauseAwaiting, b as PauseSignal, d as decodePause, e as encodePause, i as isPause, p as pauseForHuman } from '../pause-9iT4tCEV.js';
 import * as react from 'react';
 import { ComponentType, ReactNode } from 'react';

package/dist/registry.cjs

@@ -179,6 +179,8 @@ function categoryAccent(category) {
       return "#ec4899";
     case "output":
       return "#a855f7";
+    case "layout":
+      return "#64748b";
     default:
       return "#71717a";
   }
@@ -321,8 +323,14 @@ async function runFlow(graph, executors, onEvent = () => {
           continue;
         }
       }
-      if (node.type === "note") {
-        onEvent({ type: "node-status", nodeId: node.id, status: "idle", text: "annotation" });
+      const visualKind = getNodeKind(node.type ?? "");
+      if (node.type === "note" || visualKind?.category === "layout") {
+        onEvent({
+          type: "node-status",
+          nodeId: node.id,
+          status: "idle",
+          text: visualKind?.category === "layout" ? "lane" : "annotation"
+        });
         continue;
       }
       onEvent({ type: "node-status", nodeId: node.id, status: "running" });
@@ -9745,6 +9753,27 @@ function previewValue(v) {
   }
   return "\u2026";
 }
+function LaneNodeInner(props) {
+  const data = props.data;
+  const config = data.config ?? {};
+  const title = config.title ?? data.label ?? "Lane";
+  const orientation = config.orientation ?? "horizontal";
+  const accent = config.color ?? data.color ?? categoryAccent("layout");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ["ff-lane", `ff-lane--${orientation}`, props.selected ? "ff-lane--selected" : ""].filter(Boolean).join(" "),
+      style: { borderColor: props.selected ? accent : void 0 },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NodeResizer, { isVisible: props.selected ?? false, color: accent, minWidth: 160, minHeight: 72 }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ff-lane__header", style: { background: accent }, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ff-lane__title", children: title }) })
+      ]
+    }
+  );
+}
+var LaneNode = ReactExports.memo(LaneNodeInner);
+
+// src/registry/builtin.ts
 function casePorts(cases) {
   const byPort = /* @__PURE__ */ new Map();
   if (cases && typeof cases === "object" && !Array.isArray(cases)) {
@@ -10485,6 +10514,32 @@ var KINDS = [
       },
       { type: "expression", key: "message", label: "Message", required: true, example: "{{ $json }}" }
     ]
+  },
+  {
+    // Swimlane — a portless, resizable container. Child nodes are parented into
+    // it; it never runs (the runtime skips the `layout` category). Uses its own
+    // renderer (LaneNode) instead of the default card.
+    name: "@particle-academy/lane",
+    aliases: ["lane", "@fancy/lane"],
+    category: "layout",
+    label: "Lane",
+    description: "A resizable swimlane \u2014 drop nodes into it to group them.",
+    icon: "\u25A4",
+    inputs: [],
+    outputs: [],
+    configSchema: [
+      { type: "text", key: "title", label: "Title", default: "Lane" },
+      {
+        type: "select",
+        key: "orientation",
+        label: "Orientation",
+        default: "horizontal",
+        options: [{ value: "horizontal", label: "Row" }, { value: "vertical", label: "Column" }]
+      }
+    ],
+    defaultConfig: { title: "Lane", orientation: "horizontal" },
+    resizable: { minWidth: 160, minHeight: 72 },
+    component: LaneNode
   }
 ];
 function registerBuiltinKinds() {
@@ -10496,7 +10551,8 @@ var BUILTIN_KINDS = KINDS;
 function buildNodeTypes() {
   const map = {};
   for (const k of listNodeKinds()) {
-    for (const id2 of kindIds(k)) map[id2] = RegistryNode;
+    const renderer = k.component ?? RegistryNode;
+    for (const id2 of kindIds(k)) map[id2] = renderer;
   }
   return map;
 }