@pipe0/react 0.0.2

package/dist/hooks/use-floating-element.mjs

@@ -0,0 +1,45 @@
+import { useEffect, useMemo } from "react";
+import { useDismiss, useFloating, useInteractions, useTransitionStyles } from "@floating-ui/react";
+
+//#region src/hooks/use-floating-element.ts
+function useFloatingElement(show, referencePos, zIndex, options) {
+	const { dismissOptions, ...floatingOptions } = options || {};
+	const { refs, update, context, floatingStyles } = useFloating({
+		open: show,
+		...floatingOptions
+	});
+	const { isMounted, styles } = useTransitionStyles(context);
+	const { getReferenceProps, getFloatingProps } = useInteractions([useDismiss(context, dismissOptions)]);
+	useEffect(() => {
+		update();
+	}, [referencePos, update]);
+	useEffect(() => {
+		if (referencePos === null) return;
+		refs.setReference({ getBoundingClientRect: () => referencePos });
+	}, [referencePos, refs]);
+	return useMemo(() => ({
+		isMounted,
+		ref: refs.setFloating,
+		style: {
+			...styles,
+			...floatingStyles,
+			zIndex
+		},
+		update,
+		getFloatingProps,
+		getReferenceProps
+	}), [
+		floatingStyles,
+		isMounted,
+		refs.setFloating,
+		styles,
+		update,
+		zIndex,
+		getFloatingProps,
+		getReferenceProps
+	]);
+}
+
+//#endregion
+export { useFloatingElement };
+//# sourceMappingURL=use-floating-element.mjs.map

package/dist/hooks/use-floating-element.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-floating-element.mjs","names":[],"sources":["../../src/hooks/use-floating-element.ts"],"sourcesContent":["import type { UseDismissProps, UseFloatingOptions } from \"@floating-ui/react\";\nimport { useDismiss, useFloating, useInteractions, useTransitionStyles } from \"@floating-ui/react\";\nimport { type CSSProperties, type HTMLProps, useEffect, useMemo } from \"react\";\n\nexport function useFloatingElement(\n  show: boolean,\n  referencePos: DOMRect | null,\n  zIndex: number,\n  options?: Partial<UseFloatingOptions & { dismissOptions?: UseDismissProps }>,\n) {\n  const { dismissOptions, ...floatingOptions } = options || {};\n\n  const { refs, update, context, floatingStyles } = useFloating({\n    open: show,\n    ...floatingOptions,\n  });\n\n  const { isMounted, styles } = useTransitionStyles(context);\n  const dismiss = useDismiss(context, dismissOptions);\n  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss]);\n\n  useEffect(() => {\n    update();\n  }, [referencePos, update]);\n\n  useEffect(() => {\n    if (referencePos === null) return;\n    refs.setReference({\n      getBoundingClientRect: () => referencePos,\n    });\n  }, [referencePos, refs]);\n\n  return useMemo(\n    () => ({\n      isMounted,\n      ref: refs.setFloating,\n      style: {\n        ...styles,\n        ...floatingStyles,\n        zIndex,\n      } as CSSProperties,\n      update,\n      getFloatingProps: getFloatingProps as (\n        userProps?: HTMLProps<HTMLElement>,\n      ) => Record<string, unknown>,\n      getReferenceProps,\n    }),\n    [\n      floatingStyles,\n      isMounted,\n      refs.setFloating,\n      styles,\n      update,\n      zIndex,\n      getFloatingProps,\n      getReferenceProps,\n    ],\n  );\n}\n"],"mappings":";;;;AAIA,SAAgB,mBACd,MACA,cACA,QACA,SACA;CACA,MAAM,EAAE,gBAAgB,GAAG,oBAAoB,WAAW,EAAE;CAE5D,MAAM,EAAE,MAAM,QAAQ,SAAS,mBAAmB,YAAY;EAC5D,MAAM;EACN,GAAG;EACJ,CAAC;CAEF,MAAM,EAAE,WAAW,WAAW,oBAAoB,QAAQ;CAE1D,MAAM,EAAE,mBAAmB,qBAAqB,gBAAgB,CADhD,WAAW,SAAS,eAAe,CACsB,CAAC;AAE1E,iBAAgB;AACd,UAAQ;IACP,CAAC,cAAc,OAAO,CAAC;AAE1B,iBAAgB;AACd,MAAI,iBAAiB,KAAM;AAC3B,OAAK,aAAa,EAChB,6BAA6B,cAC9B,CAAC;IACD,CAAC,cAAc,KAAK,CAAC;AAExB,QAAO,eACE;EACL;EACA,KAAK,KAAK;EACV,OAAO;GACL,GAAG;GACH,GAAG;GACH;GACD;EACD;EACkB;EAGlB;EACD,GACD;EACE;EACA;EACA,KAAK;EACL;EACA;EACA;EACA;EACA;EACD,CACF"}

package/dist/hooks/use-form-core.d.mts

@@ -0,0 +1,16 @@
+import { Dispatch } from "react";
+import { FormResolvers, FormStore, PipesEnvironment } from "@pipe0/base";
+import { UseFormReturn } from "react-hook-form";
+
+//#region src/hooks/use-form-core.d.ts
+type ResourceStatus = "idle" | "loading" | "ready" | "error";
+type FieldLoadState = {
+  status: ResourceStatus; /** Field-level disabled (from `meta.enabledIf`). */
+  disabled: boolean; /** Field-level disabled reason. */
+  disabledReason?: string; /** Suggestions sub-feature gate (from `optionsDef.enabledIf`). */
+  suggestionsDisabled: boolean; /** Suggestions sub-feature reason. */
+  suggestionsDisabledReason?: string;
+};
+//#endregion
+export { FieldLoadState, ResourceStatus };
+//# sourceMappingURL=use-form-core.d.mts.map

package/dist/hooks/use-form-core.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-core.d.mts","names":[],"sources":["../../src/hooks/use-form-core.ts"],"mappings":";;;;;KA8BY,cAAA;AAAA,KASA,cAAA;EACV,MAAA,EAAQ,cAAA,EADgB;EAGxB,QAAA,WAFsB;EAItB,cAAA,WAJQ;EAMR,mBAAA,WAFA;EAIA,yBAAA;AAAA"}

package/dist/hooks/use-form-core.mjs

@@ -0,0 +1,241 @@
+import { buildSectionHandles } from "../utils/build-section-handlers.mjs";
+import { mergeFormStores } from "../utils/merge-form-stores.mjs";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+
+//#region src/hooks/use-form-core.ts
+function collectEnabledSlots(formConfig) {
+	const out = [];
+	for (const section of formConfig) for (const group of section.groups) for (const field of group.fields) {
+		if (field.enabledIf) out.push({
+			fieldPath: field.path,
+			slotId: "field",
+			enabledIf: field.enabledIf
+		});
+		if ((field.type === "context_select_input" || field.type === "tagged_text_input") && "optionsDef" in field && field.optionsDef) {
+			const optionsDef = field.optionsDef;
+			if (optionsDef?.enabledIf) out.push({
+				fieldPath: field.path,
+				slotId: "suggestions",
+				enabledIf: optionsDef.enabledIf,
+				optionsDef
+			});
+			else out.push({
+				fieldPath: field.path,
+				slotId: "suggestions",
+				enabledIf: () => ({ disabled: false }),
+				optionsDef
+			});
+		}
+	}
+	return out;
+}
+function getPathValue(obj, path) {
+	const parts = path.split(".");
+	let cur = obj;
+	for (const part of parts) {
+		if (cur == null) return void 0;
+		cur = cur[part];
+	}
+	return cur;
+}
+function evalSlot(slot, payload) {
+	return slot.enabledIf(payload);
+}
+function useFormCore(options) {
+	const { schema, publicKey, defaultValues, formConfig, resolvers, pipeOrSearchId, kind, setStore, environment = "production", scopes, teamId } = options;
+	const scopesKey = useMemo(() => scopes ? JSON.stringify(scopes) : "", [scopes]);
+	const [connectionsStatus, setConnectionsStatus] = useState(resolvers?.getConnections ? "loading" : "idle");
+	const [fieldLoadStates, setFieldLoadStates] = useState({});
+	const form = useForm({
+		resolver: zodResolver(schema),
+		defaultValues
+	});
+	const mergeStore = useCallback((incoming) => setStore((old) => mergeFormStores(old, incoming)), [setStore]);
+	useEffect(() => {
+		if (!resolvers?.getConnections) {
+			setConnectionsStatus("idle");
+			return;
+		}
+		let cancelled = false;
+		setConnectionsStatus("loading");
+		Promise.resolve(resolvers.getConnections({
+			id: pipeOrSearchId,
+			environment
+		})).then((conns) => {
+			if (cancelled) return;
+			mergeStore({ field_options: { connections: { options: conns.map((c) => ({
+				label: c.public_id,
+				value: c.public_id,
+				widgets: { provider_logo: { provider: c.provider } }
+			})) } } });
+			setConnectionsStatus("ready");
+		}).catch(() => {
+			if (!cancelled) setConnectionsStatus("error");
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		pipeOrSearchId,
+		environment,
+		resolvers?.getConnections,
+		mergeStore
+	]);
+	const getSecretsResolver = resolvers?.getSecrets;
+	const searchSecrets = useCallback(async (query) => {
+		if (!getSecretsResolver) return [];
+		return Promise.resolve(getSecretsResolver({
+			query,
+			environment,
+			scopes,
+			teamId
+		}));
+	}, [
+		getSecretsResolver,
+		environment,
+		scopesKey,
+		teamId
+	]);
+	const slots = useMemo(() => collectEnabledSlots(formConfig), [formConfig]);
+	const watchedValues = form.watch();
+	const slotResults = useMemo(() => {
+		const out = {};
+		for (const slot of slots) out[`${slot.fieldPath}::${slot.slotId}`] = evalSlot(slot, watchedValues);
+		return out;
+	}, [slots, watchedValues]);
+	const slotResultsSig = useMemo(() => JSON.stringify(slotResults), [slotResults]);
+	const prevResultsRef = useRef({});
+	const lastFiredSigRef = useRef({});
+	useEffect(() => {
+		if (slots.length === 0) return;
+		let cancelled = false;
+		const nextLoadStates = { ...fieldLoadStates };
+		const byField = {};
+		for (const slot of slots) {
+			const r = slotResults[`${slot.fieldPath}::${slot.slotId}`];
+			if (r == null) continue;
+			byField[slot.fieldPath] ??= {};
+			byField[slot.fieldPath][slot.slotId] = r;
+		}
+		for (const slot of slots) {
+			const key = `${slot.fieldPath}::${slot.slotId}`;
+			const r = slotResults[key];
+			if (r == null) continue;
+			const prev = prevResultsRef.current[key];
+			if (slot.slotId === "field" && r.disabled && prev != null && !prev.disabled) form.setValue(slot.fieldPath, "", {
+				shouldDirty: true,
+				shouldTouch: true
+			});
+			if (slot.slotId === "suggestions" && resolvers?.getFieldContext) {
+				if (r.disabled) {
+					delete lastFiredSigRef.current[slot.fieldPath];
+					continue;
+				}
+				const watchedConnections = watchedValues?.connector?.connections;
+				const required = slot.optionsDef?.requires;
+				let connectionId;
+				if (required?.connection) {
+					connectionId = (watchedConnections?.find((c) => c?.connection?.startsWith(`${required.connection}_`)))?.connection;
+					if (!connectionId) continue;
+				}
+				const perFieldSig = JSON.stringify({
+					connectionId,
+					deps: required?.fields?.map((d) => getPathValue(watchedValues, d)) ?? []
+				});
+				if (lastFiredSigRef.current[slot.fieldPath] === perFieldSig) continue;
+				lastFiredSigRef.current[slot.fieldPath] = perFieldSig;
+				const existing = nextLoadStates[slot.fieldPath];
+				nextLoadStates[slot.fieldPath] = {
+					status: "loading",
+					disabled: existing?.disabled ?? false,
+					disabledReason: existing?.disabledReason,
+					suggestionsDisabled: false,
+					suggestionsDisabledReason: void 0
+				};
+				const idKey = kind === "search" ? "search_id" : "pipe_id";
+				Promise.resolve(resolvers.getFieldContext({
+					fieldPath: slot.fieldPath,
+					query: "",
+					payload: {
+						...watchedValues,
+						[idKey]: pipeOrSearchId
+					}
+				})).then((incoming) => {
+					if (cancelled) return;
+					mergeStore(incoming);
+					setFieldLoadStates((s) => ({
+						...s,
+						[slot.fieldPath]: {
+							...s[slot.fieldPath] ?? {
+								disabled: false,
+								suggestionsDisabled: false
+							},
+							status: "ready"
+						}
+					}));
+				}).catch(() => {
+					if (cancelled) return;
+					setFieldLoadStates((s) => ({
+						...s,
+						[slot.fieldPath]: {
+							...s[slot.fieldPath] ?? {
+								disabled: false,
+								suggestionsDisabled: false
+							},
+							status: "error"
+						}
+					}));
+				});
+			}
+		}
+		for (const fieldPath of Object.keys(byField)) {
+			const { field: fieldR, suggestions: sugR } = byField[fieldPath];
+			const prevState = nextLoadStates[fieldPath];
+			nextLoadStates[fieldPath] = {
+				status: prevState?.status ?? "idle",
+				disabled: fieldR == null ? prevState?.disabled ?? false : fieldR.disabled,
+				disabledReason: fieldR == null ? prevState?.disabledReason : fieldR.message,
+				suggestionsDisabled: sugR == null ? prevState?.suggestionsDisabled ?? false : sugR.disabled,
+				suggestionsDisabledReason: sugR == null ? prevState?.suggestionsDisabledReason : sugR.message
+			};
+		}
+		setFieldLoadStates(nextLoadStates);
+		prevResultsRef.current = slotResults;
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		slotResultsSig,
+		slots,
+		pipeOrSearchId
+	]);
+	const isSubmitted = form.formState.isSubmitted;
+	const formErrors = form.formState.errors;
+	const sections = useMemo(() => buildSectionHandles(formConfig, form, publicKey, {
+		fieldLoadStates,
+		searchSecrets
+	}), [
+		formConfig,
+		form,
+		publicKey,
+		fieldLoadStates,
+		isSubmitted,
+		searchSecrets,
+		watchedValues,
+		formErrors
+	]);
+	return {
+		connectionsStatus,
+		fieldLoadStates,
+		form,
+		sections,
+		fields: useMemo(() => sections.flatMap((s) => s.groups.flatMap((g) => g.fields)), [sections]),
+		reset: form.reset
+	};
+}
+
+//#endregion
+export { useFormCore };
+//# sourceMappingURL=use-form-core.mjs.map

package/dist/hooks/use-form-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-core.mjs","names":[],"sources":["../../src/hooks/use-form-core.ts"],"sourcesContent":["import { zodResolver } from \"@hookform/resolvers/zod\";\nimport type {\n  EnabledIf,\n  EnabledResult,\n  FormResolvers,\n  FormSection,\n  FormStore,\n  GeneratedInputMeta,\n  PipesEnvironment,\n  ProviderName,\n} from \"@pipe0/base\";\nimport {\n  type Dispatch,\n  type SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { type FieldValues, type UseFormReturn, useForm } from \"react-hook-form\";\nimport type { AnyFieldProps, SecretSuggestion } from \"../types/field-props.js\";\nimport type { FormSectionHandle } from \"../types/form-handle.js\";\nimport { buildSectionHandles } from \"../utils/build-section-handlers.js\";\nimport { mergeFormStores } from \"../utils/merge-form-stores.js\";\n\n// ---------------------------------------------------------------------------\n// Public types\n// ---------------------------------------------------------------------------\n\nexport type ResourceStatus = \"idle\" | \"loading\" | \"ready\" | \"error\";\n\nexport type SlotId = \"field\" | \"suggestions\";\n\nexport type FieldEnabledState = {\n  disabled: boolean;\n  reason?: string;\n};\n\nexport type FieldLoadState = {\n  status: ResourceStatus;\n  /** Field-level disabled (from `meta.enabledIf`). */\n  disabled: boolean;\n  /** Field-level disabled reason. */\n  disabledReason?: string;\n  /** Suggestions sub-feature gate (from `optionsDef.enabledIf`). */\n  suggestionsDisabled: boolean;\n  /** Suggestions sub-feature reason. */\n  suggestionsDisabledReason?: string;\n};\n\nexport interface UseFormCoreOptions<T extends FieldValues> {\n  pipeOrSearchId: string;\n  kind: \"pipe\" | \"search\";\n  schema: any;\n  publicKey: string;\n  defaultValues?: T;\n  formConfig: FormSection[];\n  resolvers?: FormResolvers;\n  store: FormStore;\n  setStore: Dispatch<SetStateAction<FormStore>>;\n  environment?: PipesEnvironment;\n  /**\n   * Form-level scope tags. Bundled into every `resolvers.getSecrets` call so\n   * the backend can return only the secrets allowed in the declared scopes\n   * (intersection on top of cascade visibility).\n   */\n  scopes?: string[];\n  /**\n   * Current team context. Bundled into every `resolvers.getSecrets` call so\n   * the backend can restrict team-level secrets to exactly this team.\n   */\n  teamId?: string;\n}\n\nexport interface UseFormCoreReturn<T extends FieldValues> {\n  connectionsStatus: ResourceStatus;\n  /** Map of field path → load state for dynamic context_select_input fields. */\n  fieldLoadStates: Record<string, FieldLoadState>;\n  form: UseFormReturn<T, any, any>;\n  sections: FormSectionHandle[];\n  fields: AnyFieldProps[];\n  reset: (values?: T) => void;\n}\n\ntype EnabledSlot = {\n  fieldPath: string;\n  slotId: SlotId;\n  enabledIf: EnabledIf;\n  /** Only present for \"suggestions\" slots — used to drive option fetching. */\n  optionsDef?: {\n    requires: { connection?: ProviderName; fields?: readonly string[] };\n  };\n};\n\nfunction collectEnabledSlots(formConfig: FormSection[]): EnabledSlot[] {\n  const out: EnabledSlot[] = [];\n  for (const section of formConfig) {\n    for (const group of section.groups) {\n      for (const field of group.fields as GeneratedInputMeta[]) {\n        if (field.enabledIf) {\n          out.push({\n            fieldPath: field.path,\n            slotId: \"field\",\n            enabledIf: field.enabledIf,\n          });\n        }\n        const supportsOptionsDef =\n          field.type === \"context_select_input\" || field.type === \"tagged_text_input\";\n        if (supportsOptionsDef && \"optionsDef\" in field && field.optionsDef) {\n          const optionsDef = field.optionsDef as EnabledSlot[\"optionsDef\"] & {\n            enabledIf?: EnabledIf;\n          };\n          if (optionsDef?.enabledIf) {\n            out.push({\n              fieldPath: field.path,\n              slotId: \"suggestions\",\n              enabledIf: optionsDef.enabledIf,\n              optionsDef,\n            });\n          } else {\n            // Even without a sub-feature enabledIf, we still need to track\n            // this field as having a fetchable suggestions slot — it's\n            // always enabled and the fetch fires on every value change.\n            out.push({\n              fieldPath: field.path,\n              slotId: \"suggestions\",\n              enabledIf: () => ({ disabled: false }),\n              optionsDef,\n            });\n          }\n        }\n      }\n    }\n  }\n  return out;\n}\n\nfunction getPathValue(obj: unknown, path: string): unknown {\n  const parts = path.split(\".\");\n  let cur: any = obj;\n  for (const part of parts) {\n    if (cur == null) return undefined;\n    cur = cur[part];\n  }\n  return cur;\n}\n\nfunction evalSlot(slot: EnabledSlot, payload: unknown): EnabledResult {\n  return slot.enabledIf(payload);\n}\n\n// ---------------------------------------------------------------------------\n// Hook\n// ---------------------------------------------------------------------------\n\nexport function useFormCore<T extends FieldValues>(\n  options: UseFormCoreOptions<T>,\n): UseFormCoreReturn<T> {\n  const {\n    schema,\n    publicKey,\n    defaultValues,\n    formConfig,\n    resolvers,\n    pipeOrSearchId,\n    kind,\n    setStore,\n    environment = \"production\",\n    scopes,\n    teamId,\n  } = options;\n\n  // Stable signature for `scopes` so its identity doesn't churn the effect\n  // dep across renders when callers pass a fresh array literal each time.\n  const scopesKey = useMemo(() => (scopes ? JSON.stringify(scopes) : \"\"), [scopes]);\n\n  // --- Per-resource status ---\n  const [connectionsStatus, setConnectionsStatus] = useState<ResourceStatus>(\n    resolvers?.getConnections ? \"loading\" : \"idle\",\n  );\n  const [fieldLoadStates, setFieldLoadStates] = useState<Record<string, FieldLoadState>>({});\n\n  // --- Form ---\n  const form = useForm<T>({\n    resolver: zodResolver(schema),\n    defaultValues: defaultValues as any,\n  });\n\n  // --- Helpers ---\n  const mergeStore = useCallback(\n    (incoming: FormStore) => setStore((old) => mergeFormStores(old, incoming)),\n    [setStore],\n  );\n\n  // --- Effect 1: Load connections ---\n  useEffect(() => {\n    if (!resolvers?.getConnections) {\n      setConnectionsStatus(\"idle\");\n      return;\n    }\n\n    let cancelled = false;\n    setConnectionsStatus(\"loading\");\n\n    Promise.resolve(resolvers.getConnections({ id: pipeOrSearchId, environment }))\n      .then((conns) => {\n        if (cancelled) return;\n\n        mergeStore({\n          field_options: {\n            connections: {\n              options: conns.map((c) => ({\n                label: c.public_id,\n                value: c.public_id,\n                widgets: {\n                  provider_logo: { provider: c.provider as ProviderName },\n                },\n              })),\n            },\n          },\n        });\n\n        setConnectionsStatus(\"ready\");\n      })\n      .catch(() => {\n        if (!cancelled) setConnectionsStatus(\"error\");\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [pipeOrSearchId, environment, resolvers?.getConnections, mergeStore]);\n\n  // --- Curried secrets search ---\n  // Each keystroke in the reference picker fires this with the latest query.\n  // The picker handles debounce + race-correctness; here we just bundle in\n  // form-level args (environment / scopes / teamId) and call the resolver.\n  // No caching: every call hits the resolver. Returns [] if no resolver.\n  const getSecretsResolver = resolvers?.getSecrets;\n  const searchSecrets = useCallback(\n    async (query: string): Promise<SecretSuggestion[]> => {\n      if (!getSecretsResolver) return [];\n      return Promise.resolve(getSecretsResolver({ query, environment, scopes, teamId }));\n    },\n    // `scopesKey` is the stable serialization of `scopes`; depending on the\n    // raw array would churn the callback identity on every parent render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [getSecretsResolver, environment, scopesKey, teamId],\n  );\n\n  // --- Effect 2: Evaluate enabledIf slots + drive context_select fetching ---\n  const slots = useMemo(() => collectEnabledSlots(formConfig), [formConfig]);\n\n  // Subscribe to all form value changes so resolvers re-evaluate.\n  const watchedValues = form.watch();\n\n  // Evaluate every slot against the current payload. Keep the result\n  // serialized so the effect's deps stay stable across reference-identical\n  // re-renders.\n  const slotResults = useMemo(() => {\n    const out: Record<string, EnabledResult> = {};\n    for (const slot of slots) {\n      out[`${slot.fieldPath}::${slot.slotId}`] = evalSlot(slot, watchedValues);\n    }\n    return out;\n  }, [slots, watchedValues]);\n  const slotResultsSig = useMemo(() => JSON.stringify(slotResults), [slotResults]);\n\n  // Track previous results so we can detect enabled→disabled transitions\n  // (drives field-value clearing) and last-fired fetch signatures.\n  const prevResultsRef = useRef<Record<string, EnabledResult>>({});\n  const lastFiredSigRef = useRef<Record<string, string>>({});\n\n  useEffect(() => {\n    if (slots.length === 0) return;\n\n    let cancelled = false;\n    const nextLoadStates: Record<string, FieldLoadState> = {\n      ...fieldLoadStates,\n    };\n\n    // Group slot results by field path for the load-state map.\n    const byField: Record<string, { field?: EnabledResult; suggestions?: EnabledResult }> = {};\n    for (const slot of slots) {\n      const r = slotResults[`${slot.fieldPath}::${slot.slotId}`];\n      if (r == null) continue;\n      byField[slot.fieldPath] ??= {};\n      byField[slot.fieldPath][slot.slotId] = r;\n    }\n\n    for (const slot of slots) {\n      const key = `${slot.fieldPath}::${slot.slotId}`;\n      const r = slotResults[key];\n      if (r == null) continue;\n      const prev = prevResultsRef.current[key];\n\n      // Field-slot only: clear value on enabled→disabled transition.\n      if (slot.slotId === \"field\" && r.disabled && prev != null && !prev.disabled) {\n        form.setValue(slot.fieldPath as any, \"\" as any, {\n          shouldDirty: true,\n          shouldTouch: true,\n        });\n      }\n\n      // Suggestions-slot: drive the existing context_select_input fetch.\n      if (slot.slotId === \"suggestions\" && resolvers?.getFieldContext) {\n        // If suggestions are gated, skip the fetch and reset dedupe so\n        // re-enabling re-fires.\n        if (r.disabled) {\n          delete lastFiredSigRef.current[slot.fieldPath];\n          continue;\n        }\n\n        // Resolve the connection for the legacy `requires.connection`\n        // (still needed to pick the right secret for the fetch).\n        const watchedConnections = (\n          watchedValues as {\n            connector?: { connections?: { connection?: string }[] };\n          }\n        )?.connector?.connections;\n        const required = slot.optionsDef?.requires;\n\n        let connectionId: string | undefined;\n        if (required?.connection) {\n          const match = watchedConnections?.find((c) =>\n            c?.connection?.startsWith(`${required.connection}_`),\n          );\n          connectionId = match?.connection;\n          // No matching connection — can't fetch, even if enabledIf passed.\n          if (!connectionId) continue;\n        }\n\n        // Per-field signature for dedupe.\n        const perFieldSig = JSON.stringify({\n          connectionId,\n          deps: required?.fields?.map((d) => getPathValue(watchedValues, d)) ?? [],\n        });\n        if (lastFiredSigRef.current[slot.fieldPath] === perFieldSig) continue;\n        lastFiredSigRef.current[slot.fieldPath] = perFieldSig;\n\n        // Mark loading for this field's fetch.\n        const existing = nextLoadStates[slot.fieldPath];\n        nextLoadStates[slot.fieldPath] = {\n          status: \"loading\",\n          disabled: existing?.disabled ?? false,\n          disabledReason: existing?.disabledReason,\n          suggestionsDisabled: false,\n          suggestionsDisabledReason: undefined,\n        };\n\n        const idKey = kind === \"search\" ? \"search_id\" : \"pipe_id\";\n\n        Promise.resolve(\n          resolvers.getFieldContext({\n            fieldPath: slot.fieldPath,\n            query: \"\",\n            payload: {\n              ...(watchedValues as Record<string, unknown>),\n              [idKey]: pipeOrSearchId,\n            },\n          }),\n        )\n          .then((incoming: FormStore) => {\n            if (cancelled) return;\n            mergeStore(incoming);\n            setFieldLoadStates((s) => ({\n              ...s,\n              [slot.fieldPath]: {\n                ...(s[slot.fieldPath] ?? {\n                  disabled: false,\n                  suggestionsDisabled: false,\n                }),\n                status: \"ready\",\n              },\n            }));\n          })\n          .catch(() => {\n            if (cancelled) return;\n            setFieldLoadStates((s) => ({\n              ...s,\n              [slot.fieldPath]: {\n                ...(s[slot.fieldPath] ?? {\n                  disabled: false,\n                  suggestionsDisabled: false,\n                }),\n                status: \"error\",\n              },\n            }));\n          });\n      }\n    }\n\n    // Reflect the latest enabledIf evaluation into fieldLoadStates so the\n    // adapters and field-wrapper can render the disabled state.\n    for (const fieldPath of Object.keys(byField)) {\n      const { field: fieldR, suggestions: sugR } = byField[fieldPath]!;\n      const prevState = nextLoadStates[fieldPath];\n      nextLoadStates[fieldPath] = {\n        status: prevState?.status ?? \"idle\",\n        disabled: fieldR == null ? (prevState?.disabled ?? false) : fieldR.disabled,\n        disabledReason: fieldR == null ? prevState?.disabledReason : fieldR.message,\n        suggestionsDisabled:\n          sugR == null ? (prevState?.suggestionsDisabled ?? false) : sugR.disabled,\n        suggestionsDisabledReason:\n          sugR == null ? prevState?.suggestionsDisabledReason : sugR.message,\n      };\n    }\n\n    setFieldLoadStates(nextLoadStates);\n    prevResultsRef.current = slotResults;\n\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [slotResultsSig, slots, pipeOrSearchId]);\n\n  // --- Sections & fields ---\n  const isSubmitted = form.formState.isSubmitted;\n  const formErrors = form.formState.errors;\n\n  // `watchedValues` and `formErrors` must be in the dep array: field handles\n  // bake `form.getValues(path)` snapshots into `field.value` / textareaProps /\n  // selectedValue, and adapters render those as controlled inputs. Without\n  // these deps, the memo never refreshes on keystrokes and the controlled\n  // inputs snap back to their stale snapshot — typing/selecting appears to\n  // do nothing. See FieldRenderer's memo comment for the intended contract.\n  const sections = useMemo(\n    () =>\n      buildSectionHandles(formConfig, form as any, publicKey, {\n        fieldLoadStates,\n        searchSecrets,\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      formConfig,\n      form,\n      publicKey,\n      fieldLoadStates,\n      isSubmitted,\n      searchSecrets,\n      watchedValues,\n      formErrors,\n    ],\n  );\n\n  const fields = useMemo(\n    () => sections.flatMap((s) => s.groups.flatMap((g) => g.fields)),\n    [sections],\n  );\n\n  return {\n    connectionsStatus,\n    fieldLoadStates,\n    form,\n    sections,\n    fields,\n    reset: form.reset,\n  };\n}\n"],"mappings":"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"}

package/dist/hooks/use-jsonata-preview.mjs

@@ -0,0 +1,38 @@
+import { useDebouncedFn } from "./use-debounced-fn.mjs";
+import { useEffect, useState } from "react";
+import useSWR from "swr";
+import jsonata from "jsonata";
+
+//#region src/hooks/use-jsonata-preview.ts
+async function evalJsonata(_key, expression, input) {
+	if (!expression) return input;
+	return jsonata(expression).evaluate(input);
+}
+/**
+* Returns the live preview of a JSONata expression evaluated against
+* `jsonObject`. The expression input is debounced (400ms) so typing doesn't
+* fire one evaluation per keystroke; SWR caches results by `(expression,
+* input-identity)` and dedupes concurrent evaluations.
+*/
+function useJsonataPreview(pathValue, jsonObject) {
+	const [debounced, setDebounced] = useState(pathValue);
+	const commitDebounced = useDebouncedFn(setDebounced, 400);
+	useEffect(() => {
+		commitDebounced(pathValue);
+	}, [pathValue, commitDebounced]);
+	const { data, error, isValidating } = useSWR([
+		"jsonata-preview",
+		debounced,
+		jsonObject
+	], ([, expression, input]) => evalJsonata("", expression, input), { keepPreviousData: true });
+	const isPending = pathValue !== debounced;
+	return {
+		preview: error ? void 0 : data,
+		error: error?.message ?? null,
+		isLoading: isPending || isValidating
+	};
+}
+
+//#endregion
+export { useJsonataPreview };
+//# sourceMappingURL=use-jsonata-preview.mjs.map

package/dist/hooks/use-jsonata-preview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-jsonata-preview.mjs","names":[],"sources":["../../src/hooks/use-jsonata-preview.ts"],"sourcesContent":["import jsonata from \"jsonata\";\nimport { useEffect, useState } from \"react\";\nimport useSWR from \"swr\";\nimport { useDebouncedFn } from \"./use-debounced-fn.js\";\n\nasync function evalJsonata(_key: string, expression: string, input: unknown): Promise<unknown> {\n  if (!expression) return input;\n  return jsonata(expression).evaluate(input);\n}\n\n/**\n * Returns the live preview of a JSONata expression evaluated against\n * `jsonObject`. The expression input is debounced (400ms) so typing doesn't\n * fire one evaluation per keystroke; SWR caches results by `(expression,\n * input-identity)` and dedupes concurrent evaluations.\n */\nexport function useJsonataPreview(pathValue: string, jsonObject: unknown) {\n  const [debounced, setDebounced] = useState(pathValue);\n  const commitDebounced = useDebouncedFn(setDebounced, 400);\n\n  useEffect(() => {\n    commitDebounced(pathValue);\n  }, [pathValue, commitDebounced]);\n\n  // Identity-keyed cache — SWR can't introspect `jsonObject`, so the caller\n  // is expected to pass a stable reference (which holds in practice; the\n  // example payload is built once per pipe).\n  const { data, error, isValidating } = useSWR<unknown, Error>(\n    [\"jsonata-preview\", debounced, jsonObject] as const,\n    ([, expression, input]) => evalJsonata(\"\", expression as string, input),\n    { keepPreviousData: true },\n  );\n\n  // While the user is typing, `pathValue !== debounced` — surface that as\n  // loading so the UI doesn't flash a stale preview as \"settled\".\n  const isPending = pathValue !== debounced;\n\n  return {\n    preview: error ? undefined : data,\n    error: error?.message ?? null,\n    isLoading: isPending || isValidating,\n  };\n}\n"],"mappings":";;;;;;AAKA,eAAe,YAAY,MAAc,YAAoB,OAAkC;AAC7F,KAAI,CAAC,WAAY,QAAO;AACxB,QAAO,QAAQ,WAAW,CAAC,SAAS,MAAM;;;;;;;;AAS5C,SAAgB,kBAAkB,WAAmB,YAAqB;CACxE,MAAM,CAAC,WAAW,gBAAgB,SAAS,UAAU;CACrD,MAAM,kBAAkB,eAAe,cAAc,IAAI;AAEzD,iBAAgB;AACd,kBAAgB,UAAU;IACzB,CAAC,WAAW,gBAAgB,CAAC;CAKhC,MAAM,EAAE,MAAM,OAAO,iBAAiB,OACpC;EAAC;EAAmB;EAAW;EAAW,GACzC,GAAG,YAAY,WAAW,YAAY,IAAI,YAAsB,MAAM,EACvE,EAAE,kBAAkB,MAAM,CAC3B;CAID,MAAM,YAAY,cAAc;AAEhC,QAAO;EACL,SAAS,QAAQ,SAAY;EAC7B,OAAO,OAAO,WAAW;EACzB,WAAW,aAAa;EACzB"}

package/dist/hooks/use-menu-navigation.mjs

@@ -0,0 +1,86 @@
+import { useEffect, useState } from "react";
+
+//#region src/hooks/use-menu-navigation.ts
+function useMenuNavigation({ editor, containerRef, query, items, onSelect, onClose, orientation = "vertical", autoSelectFirstItem = true }) {
+	const [selectedIndex, setSelectedIndex] = useState(autoSelectFirstItem ? 0 : -1);
+	useEffect(() => {
+		const handleKeyboardNavigation = (event) => {
+			if (!items.length) return false;
+			const moveNext = () => setSelectedIndex((i) => i === -1 ? 0 : (i + 1) % items.length);
+			const movePrev = () => setSelectedIndex((i) => i === -1 ? items.length - 1 : (i - 1 + items.length) % items.length);
+			switch (event.key) {
+				case "ArrowUp":
+					if (orientation === "horizontal") return false;
+					event.preventDefault();
+					movePrev();
+					return true;
+				case "ArrowDown":
+					if (orientation === "horizontal") return false;
+					event.preventDefault();
+					moveNext();
+					return true;
+				case "ArrowLeft":
+					if (orientation === "vertical") return false;
+					event.preventDefault();
+					movePrev();
+					return true;
+				case "ArrowRight":
+					if (orientation === "vertical") return false;
+					event.preventDefault();
+					moveNext();
+					return true;
+				case "Tab":
+					event.preventDefault();
+					if (event.shiftKey) movePrev();
+					else moveNext();
+					return true;
+				case "Home":
+					event.preventDefault();
+					setSelectedIndex(0);
+					return true;
+				case "End":
+					event.preventDefault();
+					setSelectedIndex(items.length - 1);
+					return true;
+				case "Enter":
+					if (event.isComposing) return false;
+					event.preventDefault();
+					if (selectedIndex !== -1 && items[selectedIndex]) onSelect?.(items[selectedIndex]);
+					return true;
+				case "Escape":
+					event.preventDefault();
+					onClose?.();
+					return true;
+				default: return false;
+			}
+		};
+		let targetElement = null;
+		if (editor) targetElement = editor.view.dom;
+		else if (containerRef?.current) targetElement = containerRef.current;
+		if (targetElement) {
+			targetElement.addEventListener("keydown", handleKeyboardNavigation, true);
+			return () => {
+				targetElement?.removeEventListener("keydown", handleKeyboardNavigation, true);
+			};
+		}
+	}, [
+		editor,
+		containerRef,
+		items,
+		selectedIndex,
+		onSelect,
+		onClose,
+		orientation
+	]);
+	useEffect(() => {
+		if (query) setSelectedIndex(autoSelectFirstItem ? 0 : -1);
+	}, [query, autoSelectFirstItem]);
+	return {
+		selectedIndex: items.length ? selectedIndex : void 0,
+		setSelectedIndex
+	};
+}
+
+//#endregion
+export { useMenuNavigation };
+//# sourceMappingURL=use-menu-navigation.mjs.map

package/dist/hooks/use-menu-navigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu-navigation.mjs","names":[],"sources":["../../src/hooks/use-menu-navigation.ts"],"sourcesContent":["import type { Editor } from \"@tiptap/react\";\nimport { type RefObject, useEffect, useState } from \"react\";\n\ntype Orientation = \"horizontal\" | \"vertical\" | \"both\";\n\ninterface MenuNavigationOptions<T> {\n  editor?: Editor | null;\n  containerRef?: RefObject<HTMLElement | null>;\n  query?: string;\n  items: T[];\n  onSelect?: (item: T) => void;\n  onClose?: () => void;\n  orientation?: Orientation;\n  autoSelectFirstItem?: boolean;\n}\n\nexport function useMenuNavigation<T>({\n  editor,\n  containerRef,\n  query,\n  items,\n  onSelect,\n  onClose,\n  orientation = \"vertical\",\n  autoSelectFirstItem = true,\n}: MenuNavigationOptions<T>) {\n  const [selectedIndex, setSelectedIndex] = useState<number>(autoSelectFirstItem ? 0 : -1);\n\n  useEffect(() => {\n    const handleKeyboardNavigation = (event: KeyboardEvent) => {\n      if (!items.length) return false;\n\n      const moveNext = () => setSelectedIndex((i) => (i === -1 ? 0 : (i + 1) % items.length));\n      const movePrev = () =>\n        setSelectedIndex((i) =>\n          i === -1 ? items.length - 1 : (i - 1 + items.length) % items.length,\n        );\n\n      switch (event.key) {\n        case \"ArrowUp\":\n          if (orientation === \"horizontal\") return false;\n          event.preventDefault();\n          movePrev();\n          return true;\n        case \"ArrowDown\":\n          if (orientation === \"horizontal\") return false;\n          event.preventDefault();\n          moveNext();\n          return true;\n        case \"ArrowLeft\":\n          if (orientation === \"vertical\") return false;\n          event.preventDefault();\n          movePrev();\n          return true;\n        case \"ArrowRight\":\n          if (orientation === \"vertical\") return false;\n          event.preventDefault();\n          moveNext();\n          return true;\n        case \"Tab\":\n          event.preventDefault();\n          if (event.shiftKey) movePrev();\n          else moveNext();\n          return true;\n        case \"Home\":\n          event.preventDefault();\n          setSelectedIndex(0);\n          return true;\n        case \"End\":\n          event.preventDefault();\n          setSelectedIndex(items.length - 1);\n          return true;\n        case \"Enter\":\n          if (event.isComposing) return false;\n          event.preventDefault();\n          if (selectedIndex !== -1 && items[selectedIndex]) {\n            onSelect?.(items[selectedIndex]);\n          }\n          return true;\n        case \"Escape\":\n          event.preventDefault();\n          onClose?.();\n          return true;\n        default:\n          return false;\n      }\n    };\n\n    let targetElement: HTMLElement | null = null;\n\n    if (editor) {\n      targetElement = editor.view.dom;\n    } else if (containerRef?.current) {\n      targetElement = containerRef.current;\n    }\n\n    if (targetElement) {\n      targetElement.addEventListener(\"keydown\", handleKeyboardNavigation, true);\n      return () => {\n        targetElement?.removeEventListener(\"keydown\", handleKeyboardNavigation, true);\n      };\n    }\n\n    return undefined;\n  }, [editor, containerRef, items, selectedIndex, onSelect, onClose, orientation]);\n\n  useEffect(() => {\n    if (query) {\n      setSelectedIndex(autoSelectFirstItem ? 0 : -1);\n    }\n  }, [query, autoSelectFirstItem]);\n\n  return {\n    selectedIndex: items.length ? selectedIndex : undefined,\n    setSelectedIndex,\n  };\n}\n"],"mappings":";;;AAgBA,SAAgB,kBAAqB,EACnC,QACA,cACA,OACA,OACA,UACA,SACA,cAAc,YACd,sBAAsB,QACK;CAC3B,MAAM,CAAC,eAAe,oBAAoB,SAAiB,sBAAsB,IAAI,GAAG;AAExF,iBAAgB;EACd,MAAM,4BAA4B,UAAyB;AACzD,OAAI,CAAC,MAAM,OAAQ,QAAO;GAE1B,MAAM,iBAAiB,kBAAkB,MAAO,MAAM,KAAK,KAAK,IAAI,KAAK,MAAM,OAAQ;GACvF,MAAM,iBACJ,kBAAkB,MAChB,MAAM,KAAK,MAAM,SAAS,KAAK,IAAI,IAAI,MAAM,UAAU,MAAM,OAC9D;AAEH,WAAQ,MAAM,KAAd;IACE,KAAK;AACH,SAAI,gBAAgB,aAAc,QAAO;AACzC,WAAM,gBAAgB;AACtB,eAAU;AACV,YAAO;IACT,KAAK;AACH,SAAI,gBAAgB,aAAc,QAAO;AACzC,WAAM,gBAAgB;AACtB,eAAU;AACV,YAAO;IACT,KAAK;AACH,SAAI,gBAAgB,WAAY,QAAO;AACvC,WAAM,gBAAgB;AACtB,eAAU;AACV,YAAO;IACT,KAAK;AACH,SAAI,gBAAgB,WAAY,QAAO;AACvC,WAAM,gBAAgB;AACtB,eAAU;AACV,YAAO;IACT,KAAK;AACH,WAAM,gBAAgB;AACtB,SAAI,MAAM,SAAU,WAAU;SACzB,WAAU;AACf,YAAO;IACT,KAAK;AACH,WAAM,gBAAgB;AACtB,sBAAiB,EAAE;AACnB,YAAO;IACT,KAAK;AACH,WAAM,gBAAgB;AACtB,sBAAiB,MAAM,SAAS,EAAE;AAClC,YAAO;IACT,KAAK;AACH,SAAI,MAAM,YAAa,QAAO;AAC9B,WAAM,gBAAgB;AACtB,SAAI,kBAAkB,MAAM,MAAM,eAChC,YAAW,MAAM,eAAe;AAElC,YAAO;IACT,KAAK;AACH,WAAM,gBAAgB;AACtB,gBAAW;AACX,YAAO;IACT,QACE,QAAO;;;EAIb,IAAI,gBAAoC;AAExC,MAAI,OACF,iBAAgB,OAAO,KAAK;WACnB,cAAc,QACvB,iBAAgB,aAAa;AAG/B,MAAI,eAAe;AACjB,iBAAc,iBAAiB,WAAW,0BAA0B,KAAK;AACzE,gBAAa;AACX,mBAAe,oBAAoB,WAAW,0BAA0B,KAAK;;;IAKhF;EAAC;EAAQ;EAAc;EAAO;EAAe;EAAU;EAAS;EAAY,CAAC;AAEhF,iBAAgB;AACd,MAAI,MACF,kBAAiB,sBAAsB,IAAI,GAAG;IAE/C,CAAC,OAAO,oBAAoB,CAAC;AAEhC,QAAO;EACL,eAAe,MAAM,SAAS,gBAAgB;EAC9C;EACD"}

package/dist/hooks/use-pipe-catalog-table.d.mts

@@ -0,0 +1,47 @@
+import { PipeCardData } from "../types/catalog-adapters.mjs";
+import * as _$react from "react";
+import { CatalogFilter, PipeCategory, PipeEntryWithLatestVersion, PipeId } from "@pipe0/base";
+import * as _$_tanstack_react_table0 from "@tanstack/react-table";
+import { ColumnFilter } from "@tanstack/react-table";
+
+//#region src/hooks/use-pipe-catalog-table.d.ts
+type InputFieldEntries = Record<string, PipeId[]>;
+type OutputFieldEntries = Record<string, PipeId[]>;
+declare function usePipeCatalogTable(config?: {
+  initialColumnFilters?: ColumnFilter[];
+  /**
+   * Optional whitelist/blacklist of pipes and providers. Memoize to avoid
+   * recomputing the table data on every render.
+   */
+  filter?: CatalogFilter;
+}): {
+  table: _$_tanstack_react_table0.Table<PipeEntryWithLatestVersion>;
+  cards: PipeCardData[];
+  cardsByCategory: {
+    category: PipeCategory;
+    cards: PipeCardData[];
+  }[];
+  categoryCounts: Partial<Record<PipeCategory, number>>;
+  baselineCardCount: number;
+  baselineCategoryCounts: Partial<Record<PipeCategory, number>>;
+  category: PipeCategory | null;
+  setCategory: (category: PipeCategory | null) => void;
+  globalFilterInput: string;
+  setGlobalFilterInput: _$react.Dispatch<_$react.SetStateAction<string>>;
+  addColumnFilter: (id: "inputFields" | "outputFields" | "tags" | "providers", value: string) => void;
+  removeColumnFilter: (id: "inputFields" | "outputFields" | "tags" | "providers") => void;
+  resetFilters: () => void;
+  getColumnFilterValue: (id: "inputFields" | "outputFields" | "tags" | "providers") => string;
+  sortedInputFieldEntries: [string, ("prompt:run@1" | "company:newssummary:website@1" | "company:techstack:builtwith@1" | "company:websiteurl:email@1" | "company:funding:leadmagic@1" | "people:workemail:waterfall@1" | "people:email:iswork@1" | "people:name:split@1" | "people:name:join@1" | "people:validate:email:zerobounce@1" | "people:email:validate:zerobounce@2" | "people:mobilenumber:workemail:waterfall@1" | "company:overview@1" | "company:overview@2" | "json:extract@1" | "email:write@1" | "message:write@1" | "email:send:resend@1" | "email:send:gmail@1" | "message:send:slack@1" | "template:fill@1" | "contact:create:resend@1" | "people:match:role:waterfall@1" | "people:identity:amplemarket@1" | "company:identity@2" | "people:match:amplemarket@1" | "people:phone:profile:waterfall@1" | "people:personalemail:profile:waterfall@1" | "people:profile:waterfall@1" | "people:profileurl:email:waterfall@1" | "people:profileurl:name@1" | "people:email:validate:zerobounce@1" | "people:email:validate:millionverifier@1" | "people:phone:workemail:waterfall@1" | "fields:merge@1" | "field:slugify@1" | "field:domainify@1" | "website:scrape:firecrawl@1" | "website:scrapelist:firecrawl@1" | "website:extract:firecrawl@1" | "website:maplinks:firecrawl@1" | "sheet:row:append@1" | "sheet:row:expandappend@1" | "company:lookalikes:companyenrich@1" | "company:match:logodev@1" | "people:posts:crustdata@1" | "company:match:crustdata@1" | "people:profile:workemail:crustdata@1" | "people:workemail:profileurl:waterfall@1" | "people:identity:email:waterfall@1" | "http:request@1" | "company:identity@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:mobilenumber:professionalprofile:waterfall@1")[]][];
+  sortedOutputFieldEntries: [string, ("prompt:run@1" | "company:newssummary:website@1" | "company:techstack:builtwith@1" | "company:websiteurl:email@1" | "company:funding:leadmagic@1" | "people:workemail:waterfall@1" | "people:email:iswork@1" | "people:name:split@1" | "people:name:join@1" | "people:validate:email:zerobounce@1" | "people:email:validate:zerobounce@2" | "people:mobilenumber:workemail:waterfall@1" | "company:overview@1" | "company:overview@2" | "json:extract@1" | "email:write@1" | "message:write@1" | "email:send:resend@1" | "email:send:gmail@1" | "message:send:slack@1" | "template:fill@1" | "contact:create:resend@1" | "people:match:role:waterfall@1" | "people:identity:amplemarket@1" | "company:identity@2" | "people:match:amplemarket@1" | "people:phone:profile:waterfall@1" | "people:personalemail:profile:waterfall@1" | "people:profile:waterfall@1" | "people:profileurl:email:waterfall@1" | "people:profileurl:name@1" | "people:email:validate:zerobounce@1" | "people:email:validate:millionverifier@1" | "people:phone:workemail:waterfall@1" | "fields:merge@1" | "field:slugify@1" | "field:domainify@1" | "website:scrape:firecrawl@1" | "website:scrapelist:firecrawl@1" | "website:extract:firecrawl@1" | "website:maplinks:firecrawl@1" | "sheet:row:append@1" | "sheet:row:expandappend@1" | "company:lookalikes:companyenrich@1" | "company:match:logodev@1" | "people:posts:crustdata@1" | "company:match:crustdata@1" | "people:profile:workemail:crustdata@1" | "people:workemail:profileurl:waterfall@1" | "people:identity:email:waterfall@1" | "http:request@1" | "company:identity@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:mobilenumber:professionalprofile:waterfall@1")[]][];
+  sortedTagEntries: [string, ("prompt:run@1" | "company:newssummary:website@1" | "company:techstack:builtwith@1" | "company:websiteurl:email@1" | "company:funding:leadmagic@1" | "people:workemail:waterfall@1" | "people:email:iswork@1" | "people:name:split@1" | "people:name:join@1" | "people:validate:email:zerobounce@1" | "people:email:validate:zerobounce@2" | "people:mobilenumber:workemail:waterfall@1" | "company:overview@1" | "company:overview@2" | "json:extract@1" | "email:write@1" | "message:write@1" | "email:send:resend@1" | "email:send:gmail@1" | "message:send:slack@1" | "template:fill@1" | "contact:create:resend@1" | "people:match:role:waterfall@1" | "people:identity:amplemarket@1" | "company:identity@2" | "people:match:amplemarket@1" | "people:phone:profile:waterfall@1" | "people:personalemail:profile:waterfall@1" | "people:profile:waterfall@1" | "people:profileurl:email:waterfall@1" | "people:profileurl:name@1" | "people:email:validate:zerobounce@1" | "people:email:validate:millionverifier@1" | "people:phone:workemail:waterfall@1" | "fields:merge@1" | "field:slugify@1" | "field:domainify@1" | "website:scrape:firecrawl@1" | "website:scrapelist:firecrawl@1" | "website:extract:firecrawl@1" | "website:maplinks:firecrawl@1" | "sheet:row:append@1" | "sheet:row:expandappend@1" | "company:lookalikes:companyenrich@1" | "company:match:logodev@1" | "people:posts:crustdata@1" | "company:match:crustdata@1" | "people:profile:workemail:crustdata@1" | "people:workemail:profileurl:waterfall@1" | "people:identity:email:waterfall@1" | "http:request@1" | "company:identity@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:mobilenumber:professionalprofile:waterfall@1")[]][];
+  sortedProviderEntries: [string, ("prompt:run@1" | "company:newssummary:website@1" | "company:techstack:builtwith@1" | "company:websiteurl:email@1" | "company:funding:leadmagic@1" | "people:workemail:waterfall@1" | "people:email:iswork@1" | "people:name:split@1" | "people:name:join@1" | "people:validate:email:zerobounce@1" | "people:email:validate:zerobounce@2" | "people:mobilenumber:workemail:waterfall@1" | "company:overview@1" | "company:overview@2" | "json:extract@1" | "email:write@1" | "message:write@1" | "email:send:resend@1" | "email:send:gmail@1" | "message:send:slack@1" | "template:fill@1" | "contact:create:resend@1" | "people:match:role:waterfall@1" | "people:identity:amplemarket@1" | "company:identity@2" | "people:match:amplemarket@1" | "people:phone:profile:waterfall@1" | "people:personalemail:profile:waterfall@1" | "people:profile:waterfall@1" | "people:profileurl:email:waterfall@1" | "people:profileurl:name@1" | "people:email:validate:zerobounce@1" | "people:email:validate:millionverifier@1" | "people:phone:workemail:waterfall@1" | "fields:merge@1" | "field:slugify@1" | "field:domainify@1" | "website:scrape:firecrawl@1" | "website:scrapelist:firecrawl@1" | "website:extract:firecrawl@1" | "website:maplinks:firecrawl@1" | "sheet:row:append@1" | "sheet:row:expandappend@1" | "company:lookalikes:companyenrich@1" | "company:match:logodev@1" | "people:posts:crustdata@1" | "company:match:crustdata@1" | "people:profile:workemail:crustdata@1" | "people:workemail:profileurl:waterfall@1" | "people:identity:email:waterfall@1" | "http:request@1" | "company:identity@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:mobilenumber:professionalprofile:waterfall@1")[]][];
+  pipeIdsByInputField: Record<string, ("prompt:run@1" | "company:newssummary:website@1" | "company:techstack:builtwith@1" | "company:websiteurl:email@1" | "company:funding:leadmagic@1" | "people:workemail:waterfall@1" | "people:email:iswork@1" | "people:name:split@1" | "people:name:join@1" | "people:validate:email:zerobounce@1" | "people:email:validate:zerobounce@2" | "people:mobilenumber:workemail:waterfall@1" | "company:overview@1" | "company:overview@2" | "json:extract@1" | "email:write@1" | "message:write@1" | "email:send:resend@1" | "email:send:gmail@1" | "message:send:slack@1" | "template:fill@1" | "contact:create:resend@1" | "people:match:role:waterfall@1" | "people:identity:amplemarket@1" | "company:identity@2" | "people:match:amplemarket@1" | "people:phone:profile:waterfall@1" | "people:personalemail:profile:waterfall@1" | "people:profile:waterfall@1" | "people:profileurl:email:waterfall@1" | "people:profileurl:name@1" | "people:email:validate:zerobounce@1" | "people:email:validate:millionverifier@1" | "people:phone:workemail:waterfall@1" | "fields:merge@1" | "field:slugify@1" | "field:domainify@1" | "website:scrape:firecrawl@1" | "website:scrapelist:firecrawl@1" | "website:extract:firecrawl@1" | "website:maplinks:firecrawl@1" | "sheet:row:append@1" | "sheet:row:expandappend@1" | "company:lookalikes:companyenrich@1" | "company:match:logodev@1" | "people:posts:crustdata@1" | "company:match:crustdata@1" | "people:profile:workemail:crustdata@1" | "people:workemail:profileurl:waterfall@1" | "people:identity:email:waterfall@1" | "http:request@1" | "company:identity@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:mobilenumber:professionalprofile:waterfall@1")[]>;
+  pipeIdsByOutputField: Record<string, ("prompt:run@1" | "company:newssummary:website@1" | "company:techstack:builtwith@1" | "company:websiteurl:email@1" | "company:funding:leadmagic@1" | "people:workemail:waterfall@1" | "people:email:iswork@1" | "people:name:split@1" | "people:name:join@1" | "people:validate:email:zerobounce@1" | "people:email:validate:zerobounce@2" | "people:mobilenumber:workemail:waterfall@1" | "company:overview@1" | "company:overview@2" | "json:extract@1" | "email:write@1" | "message:write@1" | "email:send:resend@1" | "email:send:gmail@1" | "message:send:slack@1" | "template:fill@1" | "contact:create:resend@1" | "people:match:role:waterfall@1" | "people:identity:amplemarket@1" | "company:identity@2" | "people:match:amplemarket@1" | "people:phone:profile:waterfall@1" | "people:personalemail:profile:waterfall@1" | "people:profile:waterfall@1" | "people:profileurl:email:waterfall@1" | "people:profileurl:name@1" | "people:email:validate:zerobounce@1" | "people:email:validate:millionverifier@1" | "people:phone:workemail:waterfall@1" | "fields:merge@1" | "field:slugify@1" | "field:domainify@1" | "website:scrape:firecrawl@1" | "website:scrapelist:firecrawl@1" | "website:extract:firecrawl@1" | "website:maplinks:firecrawl@1" | "sheet:row:append@1" | "sheet:row:expandappend@1" | "company:lookalikes:companyenrich@1" | "company:match:logodev@1" | "people:posts:crustdata@1" | "company:match:crustdata@1" | "people:profile:workemail:crustdata@1" | "people:workemail:profileurl:waterfall@1" | "people:identity:email:waterfall@1" | "http:request@1" | "company:identity@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:mobilenumber:professionalprofile:waterfall@1")[]>;
+  pipeIdsByProvider: Record<string, ("prompt:run@1" | "company:newssummary:website@1" | "company:techstack:builtwith@1" | "company:websiteurl:email@1" | "company:funding:leadmagic@1" | "people:workemail:waterfall@1" | "people:email:iswork@1" | "people:name:split@1" | "people:name:join@1" | "people:validate:email:zerobounce@1" | "people:email:validate:zerobounce@2" | "people:mobilenumber:workemail:waterfall@1" | "company:overview@1" | "company:overview@2" | "json:extract@1" | "email:write@1" | "message:write@1" | "email:send:resend@1" | "email:send:gmail@1" | "message:send:slack@1" | "template:fill@1" | "contact:create:resend@1" | "people:match:role:waterfall@1" | "people:identity:amplemarket@1" | "company:identity@2" | "people:match:amplemarket@1" | "people:phone:profile:waterfall@1" | "people:personalemail:profile:waterfall@1" | "people:profile:waterfall@1" | "people:profileurl:email:waterfall@1" | "people:profileurl:name@1" | "people:email:validate:zerobounce@1" | "people:email:validate:millionverifier@1" | "people:phone:workemail:waterfall@1" | "fields:merge@1" | "field:slugify@1" | "field:domainify@1" | "website:scrape:firecrawl@1" | "website:scrapelist:firecrawl@1" | "website:extract:firecrawl@1" | "website:maplinks:firecrawl@1" | "sheet:row:append@1" | "sheet:row:expandappend@1" | "company:lookalikes:companyenrich@1" | "company:match:logodev@1" | "people:posts:crustdata@1" | "company:match:crustdata@1" | "people:profile:workemail:crustdata@1" | "people:workemail:profileurl:waterfall@1" | "people:identity:email:waterfall@1" | "http:request@1" | "company:identity@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:mobilenumber:professionalprofile:waterfall@1")[]>;
+  pipeIdsByTag: Record<string, ("prompt:run@1" | "company:newssummary:website@1" | "company:techstack:builtwith@1" | "company:websiteurl:email@1" | "company:funding:leadmagic@1" | "people:workemail:waterfall@1" | "people:email:iswork@1" | "people:name:split@1" | "people:name:join@1" | "people:validate:email:zerobounce@1" | "people:email:validate:zerobounce@2" | "people:mobilenumber:workemail:waterfall@1" | "company:overview@1" | "company:overview@2" | "json:extract@1" | "email:write@1" | "message:write@1" | "email:send:resend@1" | "email:send:gmail@1" | "message:send:slack@1" | "template:fill@1" | "contact:create:resend@1" | "people:match:role:waterfall@1" | "people:identity:amplemarket@1" | "company:identity@2" | "people:match:amplemarket@1" | "people:phone:profile:waterfall@1" | "people:personalemail:profile:waterfall@1" | "people:profile:waterfall@1" | "people:profileurl:email:waterfall@1" | "people:profileurl:name@1" | "people:email:validate:zerobounce@1" | "people:email:validate:millionverifier@1" | "people:phone:workemail:waterfall@1" | "fields:merge@1" | "field:slugify@1" | "field:domainify@1" | "website:scrape:firecrawl@1" | "website:scrapelist:firecrawl@1" | "website:extract:firecrawl@1" | "website:maplinks:firecrawl@1" | "sheet:row:append@1" | "sheet:row:expandappend@1" | "company:lookalikes:companyenrich@1" | "company:match:logodev@1" | "people:posts:crustdata@1" | "company:match:crustdata@1" | "people:profile:workemail:crustdata@1" | "people:workemail:profileurl:waterfall@1" | "people:identity:email:waterfall@1" | "http:request@1" | "company:identity@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:mobilenumber:professionalprofile:waterfall@1")[]>;
+};
+type UsePipeCatalogTableReturn = ReturnType<typeof usePipeCatalogTable>;
+//#endregion
+export { InputFieldEntries, OutputFieldEntries, UsePipeCatalogTableReturn, usePipeCatalogTable };
+//# sourceMappingURL=use-pipe-catalog-table.d.mts.map

package/dist/hooks/use-pipe-catalog-table.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pipe-catalog-table.d.mts","names":[],"sources":["../../src/hooks/use-pipe-catalog-table.ts"],"mappings":";;;;;;;KA2BY,iBAAA,GAAoB,MAAA,SAAe,MAAA;AAAA,KACnC,kBAAA,GAAqB,MAAA,SAAe,MAAA;AAAA,iBA6ChC,mBAAA,CACd,MAAA;EACE,oBAAA,GAAuB,YAAA;EAhDf;;;;EAqDR,MAAA,GAAS,aAAA;AAAA;;;;cA6HiC,YAAA;WAAqB,YAAA;EAAA;;;;;0BA/DpD,YAAA;;yCAAY,OAAA,CAAA,cAAA;+EARmC,KAAA;;;;;;;;;;;;;KAoJlD,yBAAA,GAA4B,UAAA,QAAkB,mBAAA"}