@particle-academy/fancy-flow 0.64.0 → 0.65.1

package/README.md

@@ -215,6 +215,22 @@ rather than dropped:
 { type: "text", key: "tier", label: "Tier", choices: [{ value: "p1", label: "Priority 1" }] }
 ```
 
+A host whose runtime owns selected values can hide those authoring controls
+without replacing the panel or redefining the node kind. `fieldFilter` is
+forwarded by `FlowEditor` and receives the selected node, its resolved kind,
+and each schema field. Returning `false` removes the field's label,
+description, control, and built-in validation messages; it does not mutate the
+registered schema or runtime validation:
+
+```tsx
+<FlowEditor
+  fieldFilter={({ kind, field }) =>
+    kind.name !== "@particle-academy/llm_call"
+      || !["provider", "model", "credential"].includes(field.key)
+  }
+/>
+```
+
 ### Ports that follow config
 
 `inputs` / `outputs` accept a function of the node's config, for kinds whose

package/dist/index.cjs

@@ -13960,6 +13960,7 @@ function NodeConfigPanel({
   renderCredentialField,
   renderDocumentField,
   fieldRenderers,
+  fieldFilter,
   graph,
   className,
   style: style2
@@ -14005,7 +14006,11 @@ function NodeConfigPanel({
   const setDescription = (description) => onChange({ ...node, data: { ...node.data, description } });
   const setStatusMsg = (key, value) => onChange({ ...node, data: { ...node.data, [key]: value } });
   const setConfigValue = (key, value) => onChange({ ...node, data: { ...node.data, config: { ...config, [key]: value } } });
-  const issues = validateConfig(kind, config);
+  const configFields = (kind.configSchema ?? []).filter(
+    (field) => fieldFilter ? fieldFilter({ node, kind, field }) : true
+  );
+  const visibleFieldKeys = new Set(configFields.map((field) => field.key));
+  const issues = validateConfig(kind, config).filter((issue) => visibleFieldKeys.has(issue.key));
   const adapter2 = getRichInputAdapter();
   const documentField = renderDocumentField ?? (adapter2?.renderEditor ? ({ value, onChange: set3 }) => adapter2.renderEditor({ value, onChange: set3 }) : void 0);
   return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: ["ff-panel", className ?? ""].filter(Boolean).join(" "), style: style2, children: [
@@ -14081,8 +14086,8 @@ function NodeConfigPanel({
       onChange: (next) => onChange({ ...node, data: { ...node.data, config: next } }),
       nodeId: node.id
     }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      (kind.configSchema ?? []).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "ff-panel__divider" }),
-      (kind.configSchema ?? []).map((field) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ff-panel__field", children: [
+      configFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "ff-panel__divider" }),
+      configFields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ff-panel__field", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "ff-panel__label", htmlFor: fieldId(field.key), children: [
           field.label,
           field.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ff-panel__required", "aria-hidden": true, children: " *" })
@@ -14990,6 +14995,7 @@ function FlowEditorInner({
   showPalette = true,
   showPanel = true,
   fieldRenderers,
+  fieldFilter,
   showFeed = true,
   extraToolbar,
   actions = [],
@@ -15558,6 +15564,7 @@ function FlowEditorInner({
           node: api.selected,
           onChange: api.updateNode,
           fieldRenderers,
+          fieldFilter,
           graph: flow,
           onDelete: builtins.delete === false ? void 0 : (n) => api.deleteNodes([n.id])
         }