@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/profiles/processor/processorPipeline.cjs

@@ -0,0 +1,300 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Badge = require("../../data/Badge.cjs");
+const Icon = require("../../data/Icon.cjs");
+const DropdownMenu = require("../../overlay/DropdownMenu.cjs");
+const utils = require("../../lib/utils.cjs");
+const processorConfig = require("./processorConfig.cjs");
+const processorPipelineEditor = require("./processorPipelineEditor.cjs");
+const processorPreview = require("./processorPreview.cjs");
+const processorPreviewTable = require("./processorPreviewTable.cjs");
+const processorSampleParams = require("./processorSampleParams.cjs");
+const UiFunnelData = require("../../icons/components/UiFunnelData.cjs");
+const UiAdd = require("../../icons/components/UiAdd.cjs");
+const UiWarningTriangle = require("../../icons/components/UiWarningTriangle.cjs");
+const UiArrowUp = require("../../icons/components/UiArrowUp.cjs");
+const UiArrowDown = require("../../icons/components/UiArrowDown.cjs");
+const UiTrash = require("../../icons/components/UiTrash.cjs");
+function ProcessorPipeline({
+  steps,
+  presets,
+  onChange,
+  profile,
+  previewer = processorPreview.previewProfileProcessors
+}) {
+  const [selected, setSelected] = react.useState(0);
+  const [preview, setPreview] = react.useState();
+  const [previewing, setPreviewing] = react.useState(false);
+  const [previewError, setPreviewError] = react.useState("");
+  const params = processorSampleParams.processorPreviewParams(profile);
+  const paramsSignature = JSON.stringify(params);
+  const [sampleParams, setSampleParams] = react.useState(
+    () => processorSampleParams.processorPreviewParamDefaults(params)
+  );
+  const signature = JSON.stringify({ profile, steps });
+  const step = steps[selected];
+  const blocks = steps.map(
+    (entry) => processorConfig.pagingBlock(
+      processorConfig.effectiveType(entry, entry.use ? presets[entry.use] : void 0)
+    )
+  ).filter((block) => Boolean(block));
+  const addItems = [
+    ...Object.entries(presets).sort(
+      ([, left], [, right]) => (left.title ?? "").localeCompare(right.title ?? "")
+    ).map(([name, preset]) => ({
+      label: preset.title ?? name,
+      group: "Library presets",
+      ...preset.description ? { title: preset.description } : {},
+      onSelect: () => {
+        onChange([...steps, { use: name }]);
+        setSelected(steps.length);
+      }
+    })),
+    ...Object.keys(processorConfig.PROCESSOR_CONFIG_KEYS).sort().map((type) => ({
+      label: type,
+      group: "Processor types",
+      onSelect: () => {
+        onChange([...steps, { type }]);
+        setSelected(steps.length);
+      }
+    }))
+  ];
+  react.useEffect(() => {
+    setPreview(void 0);
+    setPreviewError("");
+  }, [signature]);
+  react.useEffect(() => {
+    setSampleParams(processorSampleParams.processorPreviewParamDefaults(params));
+  }, [paramsSignature]);
+  const update = (index, next) => onChange(
+    steps.map((entry, position) => position === index ? next : entry)
+  );
+  const runPreview = async () => {
+    setPreviewing(true);
+    setPreviewError("");
+    try {
+      const result = await previewer(
+        withCurrentProcessors(profile, steps),
+        sampleParams
+      );
+      if (!result.processorPreview) {
+        throw new Error(
+          "Processor preview response did not include processorPreview"
+        );
+      }
+      setPreview(result.processorPreview);
+    } catch (error) {
+      setPreview(void 0);
+      setPreviewError(
+        error instanceof Error ? error.message : "Processor preview failed"
+      );
+    } finally {
+      setPreviewing(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-3 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)]", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 pb-1 text-[11px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiFunnelData.UiFunnelData, className: "text-[13px]" }),
+          "Runs in order after aliases, filters and columns",
+          preview ? /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { tone: "neutral", variant: "soft", size: "md", children: [
+            preview.input.length,
+            " rows in"
+          ] }) : null
+        ] }),
+        steps.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rounded border border-dashed border-border px-2 py-3 text-center text-xs text-muted-foreground", children: "No post-query steps." }) : null,
+        steps.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          StepCard,
+          {
+            step: entry,
+            preset: entry.use ? presets[entry.use] : void 0,
+            preview: preview == null ? void 0 : preview.stages[index],
+            selected: index === selected,
+            first: index === 0,
+            last: index === steps.length - 1,
+            onSelect: () => setSelected(index),
+            onMove: (direction) => {
+              onChange(processorConfig.reorder(steps, index, index + direction));
+              setSelected(index + direction);
+            },
+            onRemove: () => {
+              onChange(steps.filter((_, position) => position !== index));
+              setSelected(Math.max(0, Math.min(index, steps.length - 2)));
+            }
+          },
+          index
+        )),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DropdownMenu.DropdownMenu,
+          {
+            label: "Add processor",
+            icon: UiAdd.UiAdd,
+            variant: "outline",
+            size: "sm",
+            className: "w-full [&>button]:w-full",
+            menuClassName: "min-w-64",
+            menuLabel: "Add processor",
+            items: addItems
+          }
+        ),
+        blocks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(PagingNotice, { blocks }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("section", { className: "rounded-lg border border-border p-3", children: step ? /* @__PURE__ */ jsxRuntime.jsx(
+        processorPipelineEditor.ProcessorPipelineEditor,
+        {
+          step,
+          preset: step.use ? presets[step.use] : void 0,
+          profile: withCurrentProcessors(profile, steps),
+          previewing,
+          previewError,
+          params,
+          paramValues: sampleParams,
+          missingParams: processorSampleParams.missingProcessorPreviewParams(
+            params,
+            sampleParams
+          ),
+          onParamChange: (name, value) => setSampleParams((current) => {
+            const next = { ...current };
+            if (value === void 0) delete next[name];
+            else next[name] = value;
+            return next;
+          }),
+          onPreview: () => void runPreview(),
+          onChange: (next) => update(selected, next)
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Add a processor to configure and preview it." }) })
+    ] }),
+    preview ? /* @__PURE__ */ jsxRuntime.jsx(processorPreviewTable.ProcessorPreviewTable, { preview, selected }) : null
+  ] });
+}
+function StepCard({
+  step,
+  preset,
+  preview,
+  selected,
+  first,
+  last,
+  onSelect,
+  onMove,
+  onRemove
+}) {
+  const type = processorConfig.effectiveType(step, preset);
+  const issues = processorConfig.validateProcessor(step, preset);
+  const errors = issues.filter((issue) => issue.severity === "error").length;
+  const warnings = issues.length - errors;
+  const block = processorConfig.pagingBlock(type);
+  const title = (preset == null ? void 0 : preset.title) ?? step.use ?? type ?? "unconfigured";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn(
+        "flex items-center gap-2 rounded-lg border px-2 py-2",
+        selected ? "border-primary/50 bg-primary/[0.05] ring-1 ring-primary/20" : "border-border hover:bg-muted/50"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Edit ${title}`,
+            onClick: onSelect,
+            className: "min-w-0 flex-1 text-left",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-medium", children: title }),
+                block ? /* @__PURE__ */ jsxRuntime.jsx("span", { title: block.reason, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Badge.Badge,
+                  {
+                    tone: block.kind === "inherent" ? "warning" : "neutral",
+                    variant: "soft",
+                    size: "md",
+                    clickToCopy: false,
+                    children: block.kind === "inherent" ? "needs all rows" : "could page"
+                  }
+                ) }) : null,
+                preview ? /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: "success", variant: "soft", size: "md", clickToCopy: false, children: processorPreview.processorStageRows(preview) }) : null,
+                errors > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+                  Badge.Badge,
+                  {
+                    tone: "danger",
+                    variant: "soft",
+                    size: "md",
+                    icon: UiWarningTriangle.UiWarningTriangle,
+                    clickToCopy: false,
+                    children: errors
+                  }
+                ) : null,
+                warnings > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: "warning", variant: "soft", size: "md", clickToCopy: false, children: warnings }) : null
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate font-mono text-[11px] text-muted-foreground", children: type || "no type" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Move ${title} up`,
+              disabled: first,
+              onClick: () => onMove(-1),
+              className: "rounded px-1 text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-30",
+              children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiArrowUp.UiArrowUp, className: "text-[11px]" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Move ${title} down`,
+              disabled: last,
+              onClick: () => onMove(1),
+              className: "rounded px-1 text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-30",
+              children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiArrowDown.UiArrowDown, className: "text-[11px]" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Remove ${title}`,
+            onClick: onRemove,
+            className: "shrink-0 rounded p-1 text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+            children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiTrash.UiTrash, className: "text-[13px]" })
+          }
+        )
+      ]
+    }
+  );
+}
+function PagingNotice({
+  blocks
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 space-y-1 rounded border border-amber-500/40 bg-amber-500/[0.06] p-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-[11px] font-medium", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Icon.Icon,
+        {
+          icon: UiWarningTriangle.UiWarningTriangle,
+          className: "text-[12px] text-amber-600 [[data-theme=dark]_&]:text-amber-400"
+        }
+      ),
+      "This profile can no longer be paged"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[11px] text-muted-foreground", children: [
+      "These steps cannot run page by page, so every page is cut from a full run of the query.",
+      blocks.every((block) => block.kind === "gap") ? " None needs the whole result; the per-page interface is unimplemented." : ""
+    ] })
+  ] });
+}
+function withCurrentProcessors(profile, processors) {
+  if (!profile || typeof profile !== "object" || Array.isArray(profile))
+    return profile;
+  return { ...profile, processors };
+}
+exports.ProcessorPipeline = ProcessorPipeline;
+//# sourceMappingURL=processorPipeline.cjs.map

package/dist/profiles/processor/processorPipeline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"processorPipeline.cjs","sources":["../../../src/profiles/processor/processorPipeline.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Badge } from \"../../data/Badge\";\nimport { Icon } from \"../../data/Icon\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport {\n  UiAdd,\n  UiArrowDown,\n  UiArrowUp,\n  UiFunnelData,\n  UiTrash,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  effectiveType,\n  PROCESSOR_CONFIG_KEYS,\n  pagingBlock,\n  reorder,\n  validateProcessor,\n  type ProcessorPreset,\n  type ProcessorSpec,\n} from \"./processorConfig\";\nimport { ProcessorPipelineEditor } from \"./processorPipelineEditor\";\nimport {\n  previewProfileProcessors,\n  processorStageRows,\n  type ProcessorPreview,\n  type ProcessorSampleResult,\n} from \"./processorPreview\";\nimport { ProcessorPreviewTable } from \"./processorPreviewTable\";\nimport {\n  missingProcessorPreviewParams,\n  processorPreviewParamDefaults,\n  processorPreviewParams,\n} from \"./processorSampleParams\";\n\nexport type ProcessorPreviewer = (\n  profile: unknown,\n  params?: Record<string, unknown>,\n) => Promise<ProcessorSampleResult>;\n\nexport function ProcessorPipeline({\n  steps,\n  presets,\n  onChange,\n  profile,\n  previewer = previewProfileProcessors,\n}: {\n  steps: ProcessorSpec[];\n  presets: Record<string, ProcessorPreset>;\n  onChange: (next: ProcessorSpec[]) => void;\n  profile: unknown;\n  previewer?: ProcessorPreviewer;\n}) {\n  const [selected, setSelected] = useState(0);\n  const [preview, setPreview] = useState<ProcessorPreview>();\n  const [previewing, setPreviewing] = useState(false);\n  const [previewError, setPreviewError] = useState(\"\");\n  const params = processorPreviewParams(profile);\n  const paramsSignature = JSON.stringify(params);\n  const [sampleParams, setSampleParams] = useState<Record<string, unknown>>(\n    () => processorPreviewParamDefaults(params),\n  );\n  const signature = JSON.stringify({ profile, steps });\n  const step = steps[selected];\n  const blocks = steps\n    .map((entry) =>\n      pagingBlock(\n        effectiveType(entry, entry.use ? presets[entry.use] : undefined),\n      ),\n    )\n    .filter((block): block is NonNullable<typeof block> => Boolean(block));\n  const addItems = [\n    ...Object.entries(presets)\n      .sort(([, left], [, right]) =>\n        (left.title ?? \"\").localeCompare(right.title ?? \"\"),\n      )\n      .map(([name, preset]) => ({\n        label: preset.title ?? name,\n        group: \"Library presets\",\n        ...(preset.description ? { title: preset.description } : {}),\n        onSelect: () => {\n          onChange([...steps, { use: name }]);\n          setSelected(steps.length);\n        },\n      })),\n    ...Object.keys(PROCESSOR_CONFIG_KEYS)\n      .sort()\n      .map((type) => ({\n        label: type,\n        group: \"Processor types\",\n        onSelect: () => {\n          onChange([...steps, { type }]);\n          setSelected(steps.length);\n        },\n      })),\n  ];\n\n  useEffect(() => {\n    setPreview(undefined);\n    setPreviewError(\"\");\n  }, [signature]);\n\n  useEffect(() => {\n    setSampleParams(processorPreviewParamDefaults(params));\n  }, [paramsSignature]);\n\n  const update = (index: number, next: ProcessorSpec) =>\n    onChange(\n      steps.map((entry, position) => (position === index ? next : entry)),\n    );\n\n  const runPreview = async () => {\n    setPreviewing(true);\n    setPreviewError(\"\");\n    try {\n      const result = await previewer(\n        withCurrentProcessors(profile, steps),\n        sampleParams,\n      );\n      if (!result.processorPreview) {\n        throw new Error(\n          \"Processor preview response did not include processorPreview\",\n        );\n      }\n      setPreview(result.processorPreview);\n    } catch (error) {\n      setPreview(undefined);\n      setPreviewError(\n        error instanceof Error ? error.message : \"Processor preview failed\",\n      );\n    } finally {\n      setPreviewing(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"grid gap-3 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)]\">\n        <section className=\"space-y-1\">\n          <div className=\"flex items-center gap-1.5 pb-1 text-[11px] text-muted-foreground\">\n            <Icon icon={UiFunnelData} className=\"text-[13px]\" />\n            Runs in order after aliases, filters and columns\n            {preview ? (\n              <Badge tone=\"neutral\" variant=\"soft\" size=\"md\">\n                {preview.input.length} rows in\n              </Badge>\n            ) : null}\n          </div>\n\n          {steps.length === 0 ? (\n            <p className=\"rounded border border-dashed border-border px-2 py-3 text-center text-xs text-muted-foreground\">\n              No post-query steps.\n            </p>\n          ) : null}\n\n          {steps.map((entry, index) => (\n            <StepCard\n              key={index}\n              step={entry}\n              preset={entry.use ? presets[entry.use] : undefined}\n              preview={preview?.stages[index]}\n              selected={index === selected}\n              first={index === 0}\n              last={index === steps.length - 1}\n              onSelect={() => setSelected(index)}\n              onMove={(direction) => {\n                onChange(reorder(steps, index, index + direction));\n                setSelected(index + direction);\n              }}\n              onRemove={() => {\n                onChange(steps.filter((_, position) => position !== index));\n                setSelected(Math.max(0, Math.min(index, steps.length - 2)));\n              }}\n            />\n          ))}\n\n          <DropdownMenu\n            label=\"Add processor\"\n            icon={UiAdd}\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"w-full [&>button]:w-full\"\n            menuClassName=\"min-w-64\"\n            menuLabel=\"Add processor\"\n            items={addItems}\n          />\n\n          {blocks.length > 0 ? <PagingNotice blocks={blocks} /> : null}\n        </section>\n\n        <section className=\"rounded-lg border border-border p-3\">\n          {step ? (\n            <ProcessorPipelineEditor\n              step={step}\n              preset={step.use ? presets[step.use] : undefined}\n              profile={withCurrentProcessors(profile, steps)}\n              previewing={previewing}\n              previewError={previewError}\n              params={params}\n              paramValues={sampleParams}\n              missingParams={missingProcessorPreviewParams(\n                params,\n                sampleParams,\n              )}\n              onParamChange={(name, value) =>\n                setSampleParams((current) => {\n                  const next = { ...current };\n                  if (value === undefined) delete next[name];\n                  else next[name] = value;\n                  return next;\n                })\n              }\n              onPreview={() => void runPreview()}\n              onChange={(next) => update(selected, next)}\n            />\n          ) : (\n            <p className=\"text-xs text-muted-foreground\">\n              Add a processor to configure and preview it.\n            </p>\n          )}\n        </section>\n      </div>\n\n      {preview ? (\n        <ProcessorPreviewTable preview={preview} selected={selected} />\n      ) : null}\n    </div>\n  );\n}\n\nfunction StepCard({\n  step,\n  preset,\n  preview,\n  selected,\n  first,\n  last,\n  onSelect,\n  onMove,\n  onRemove,\n}: {\n  step: ProcessorSpec;\n  preset: ProcessorPreset | undefined;\n  preview: ProcessorPreview[\"stages\"][number] | undefined;\n  selected: boolean;\n  first: boolean;\n  last: boolean;\n  onSelect: () => void;\n  onMove: (direction: number) => void;\n  onRemove: () => void;\n}) {\n  const type = effectiveType(step, preset);\n  const issues = validateProcessor(step, preset);\n  const errors = issues.filter((issue) => issue.severity === \"error\").length;\n  const warnings = issues.length - errors;\n  const block = pagingBlock(type);\n  const title = preset?.title ?? step.use ?? type ?? \"unconfigured\";\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 rounded-lg border px-2 py-2\",\n        selected\n          ? \"border-primary/50 bg-primary/[0.05] ring-1 ring-primary/20\"\n          : \"border-border hover:bg-muted/50\",\n      )}\n    >\n      <button\n        type=\"button\"\n        aria-label={`Edit ${title}`}\n        onClick={onSelect}\n        className=\"min-w-0 flex-1 text-left\"\n      >\n        <div className=\"flex flex-wrap items-center gap-1.5\">\n          <span className=\"truncate text-sm font-medium\">{title}</span>\n          {block ? (\n            <span title={block.reason}>\n              <Badge\n                tone={block.kind === \"inherent\" ? \"warning\" : \"neutral\"}\n                variant=\"soft\"\n                size=\"md\"\n                clickToCopy={false}\n              >\n                {block.kind === \"inherent\" ? \"needs all rows\" : \"could page\"}\n              </Badge>\n            </span>\n          ) : null}\n          {preview ? (\n            <Badge tone=\"success\" variant=\"soft\" size=\"md\" clickToCopy={false}>\n              {processorStageRows(preview)}\n            </Badge>\n          ) : null}\n          {errors > 0 ? (\n            <Badge\n              tone=\"danger\"\n              variant=\"soft\"\n              size=\"md\"\n              icon={UiWarningTriangle}\n              clickToCopy={false}\n            >\n              {errors}\n            </Badge>\n          ) : null}\n          {warnings > 0 ? (\n            <Badge tone=\"warning\" variant=\"soft\" size=\"md\" clickToCopy={false}>\n              {warnings}\n            </Badge>\n          ) : null}\n        </div>\n        <p className=\"truncate font-mono text-[11px] text-muted-foreground\">\n          {type || \"no type\"}\n        </p>\n      </button>\n      <div className=\"flex shrink-0 flex-col\">\n        <button\n          type=\"button\"\n          aria-label={`Move ${title} up`}\n          disabled={first}\n          onClick={() => onMove(-1)}\n          className=\"rounded px-1 text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-30\"\n        >\n          <Icon icon={UiArrowUp} className=\"text-[11px]\" />\n        </button>\n        <button\n          type=\"button\"\n          aria-label={`Move ${title} down`}\n          disabled={last}\n          onClick={() => onMove(1)}\n          className=\"rounded px-1 text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-30\"\n        >\n          <Icon icon={UiArrowDown} className=\"text-[11px]\" />\n        </button>\n      </div>\n      <button\n        type=\"button\"\n        aria-label={`Remove ${title}`}\n        onClick={onRemove}\n        className=\"shrink-0 rounded p-1 text-muted-foreground hover:bg-destructive/10 hover:text-destructive\"\n      >\n        <Icon icon={UiTrash} className=\"text-[13px]\" />\n      </button>\n    </div>\n  );\n}\n\nfunction PagingNotice({\n  blocks,\n}: {\n  blocks: { kind: \"inherent\" | \"gap\"; reason: string }[];\n}) {\n  return (\n    <div className=\"mt-2 space-y-1 rounded border border-amber-500/40 bg-amber-500/[0.06] p-2\">\n      <div className=\"flex items-center gap-1.5 text-[11px] font-medium\">\n        <Icon\n          icon={UiWarningTriangle}\n          className=\"text-[12px] text-amber-600 [[data-theme=dark]_&]:text-amber-400\"\n        />\n        This profile can no longer be paged\n      </div>\n      <p className=\"text-[11px] text-muted-foreground\">\n        These steps cannot run page by page, so every page is cut from a full\n        run of the query.\n        {blocks.every((block) => block.kind === \"gap\")\n          ? \" None needs the whole result; the per-page interface is unimplemented.\"\n          : \"\"}\n      </p>\n    </div>\n  );\n}\n\nfunction withCurrentProcessors(\n  profile: unknown,\n  processors: ProcessorSpec[],\n): unknown {\n  if (!profile || typeof profile !== \"object\" || Array.isArray(profile))\n    return profile;\n  return { ...profile, processors };\n}\n"],"names":["previewProfileProcessors","useState","processorPreviewParams","processorPreviewParamDefaults","pagingBlock","effectiveType","PROCESSOR_CONFIG_KEYS","useEffect","jsxs","jsx","Icon","UiFunnelData","Badge","reorder","DropdownMenu","UiAdd","ProcessorPipelineEditor","missingProcessorPreviewParams","ProcessorPreviewTable","validateProcessor","cn","processorStageRows","UiWarningTriangle","UiArrowUp","UiArrowDown","UiTrash"],"mappings":"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"}

package/dist/profiles/processor/processorPipeline.d.ts

@@ -0,0 +1,11 @@
+import { ProcessorPreset, ProcessorSpec } from './processorConfig';
+import { ProcessorSampleResult } from './processorPreview';
+export type ProcessorPreviewer = (profile: unknown, params?: Record<string, unknown>) => Promise<ProcessorSampleResult>;
+export declare function ProcessorPipeline({ steps, presets, onChange, profile, previewer, }: {
+    steps: ProcessorSpec[];
+    presets: Record<string, ProcessorPreset>;
+    onChange: (next: ProcessorSpec[]) => void;
+    profile: unknown;
+    previewer?: ProcessorPreviewer;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=processorPipeline.d.ts.map

package/dist/profiles/processor/processorPipeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"processorPipeline.d.ts","sourceRoot":"","sources":["../../../src/profiles/processor/processorPipeline.tsx"],"names":[],"mappings":"AAaA,OAAO,EAML,KAAK,eAAe,EACpB,KAAK,aAAa,EACnB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAIL,KAAK,qBAAqB,EAC3B,MAAM,oBAAoB,CAAC;AAQ5B,MAAM,MAAM,kBAAkB,GAAG,CAC/B,OAAO,EAAE,OAAO,EAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC7B,OAAO,CAAC,qBAAqB,CAAC,CAAC;AAEpC,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAoC,GACrC,EAAE;IACD,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACzC,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,kBAAkB,CAAC;CAChC,2CAgLA"}

package/dist/profiles/processor/processorPipeline.js

@@ -0,0 +1,300 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Badge } from "../../data/Badge.js";
+import { Icon } from "../../data/Icon.js";
+import { DropdownMenu } from "../../overlay/DropdownMenu.js";
+import { cn } from "../../lib/utils.js";
+import { pagingBlock, effectiveType, PROCESSOR_CONFIG_KEYS, reorder, validateProcessor } from "./processorConfig.js";
+import { ProcessorPipelineEditor } from "./processorPipelineEditor.js";
+import { previewProfileProcessors, processorStageRows } from "./processorPreview.js";
+import { ProcessorPreviewTable } from "./processorPreviewTable.js";
+import { processorPreviewParams, processorPreviewParamDefaults, missingProcessorPreviewParams } from "./processorSampleParams.js";
+import { UiFunnelData } from "../../icons/components/UiFunnelData.js";
+import { UiAdd } from "../../icons/components/UiAdd.js";
+import { UiWarningTriangle } from "../../icons/components/UiWarningTriangle.js";
+import { UiArrowUp } from "../../icons/components/UiArrowUp.js";
+import { UiArrowDown } from "../../icons/components/UiArrowDown.js";
+import { UiTrash } from "../../icons/components/UiTrash.js";
+function ProcessorPipeline({
+  steps,
+  presets,
+  onChange,
+  profile,
+  previewer = previewProfileProcessors
+}) {
+  const [selected, setSelected] = useState(0);
+  const [preview, setPreview] = useState();
+  const [previewing, setPreviewing] = useState(false);
+  const [previewError, setPreviewError] = useState("");
+  const params = processorPreviewParams(profile);
+  const paramsSignature = JSON.stringify(params);
+  const [sampleParams, setSampleParams] = useState(
+    () => processorPreviewParamDefaults(params)
+  );
+  const signature = JSON.stringify({ profile, steps });
+  const step = steps[selected];
+  const blocks = steps.map(
+    (entry) => pagingBlock(
+      effectiveType(entry, entry.use ? presets[entry.use] : void 0)
+    )
+  ).filter((block) => Boolean(block));
+  const addItems = [
+    ...Object.entries(presets).sort(
+      ([, left], [, right]) => (left.title ?? "").localeCompare(right.title ?? "")
+    ).map(([name, preset]) => ({
+      label: preset.title ?? name,
+      group: "Library presets",
+      ...preset.description ? { title: preset.description } : {},
+      onSelect: () => {
+        onChange([...steps, { use: name }]);
+        setSelected(steps.length);
+      }
+    })),
+    ...Object.keys(PROCESSOR_CONFIG_KEYS).sort().map((type) => ({
+      label: type,
+      group: "Processor types",
+      onSelect: () => {
+        onChange([...steps, { type }]);
+        setSelected(steps.length);
+      }
+    }))
+  ];
+  useEffect(() => {
+    setPreview(void 0);
+    setPreviewError("");
+  }, [signature]);
+  useEffect(() => {
+    setSampleParams(processorPreviewParamDefaults(params));
+  }, [paramsSignature]);
+  const update = (index, next) => onChange(
+    steps.map((entry, position) => position === index ? next : entry)
+  );
+  const runPreview = async () => {
+    setPreviewing(true);
+    setPreviewError("");
+    try {
+      const result = await previewer(
+        withCurrentProcessors(profile, steps),
+        sampleParams
+      );
+      if (!result.processorPreview) {
+        throw new Error(
+          "Processor preview response did not include processorPreview"
+        );
+      }
+      setPreview(result.processorPreview);
+    } catch (error) {
+      setPreview(void 0);
+      setPreviewError(
+        error instanceof Error ? error.message : "Processor preview failed"
+      );
+    } finally {
+      setPreviewing(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-3 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)]", children: [
+      /* @__PURE__ */ jsxs("section", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 pb-1 text-[11px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Icon, { icon: UiFunnelData, className: "text-[13px]" }),
+          "Runs in order after aliases, filters and columns",
+          preview ? /* @__PURE__ */ jsxs(Badge, { tone: "neutral", variant: "soft", size: "md", children: [
+            preview.input.length,
+            " rows in"
+          ] }) : null
+        ] }),
+        steps.length === 0 ? /* @__PURE__ */ jsx("p", { className: "rounded border border-dashed border-border px-2 py-3 text-center text-xs text-muted-foreground", children: "No post-query steps." }) : null,
+        steps.map((entry, index) => /* @__PURE__ */ jsx(
+          StepCard,
+          {
+            step: entry,
+            preset: entry.use ? presets[entry.use] : void 0,
+            preview: preview == null ? void 0 : preview.stages[index],
+            selected: index === selected,
+            first: index === 0,
+            last: index === steps.length - 1,
+            onSelect: () => setSelected(index),
+            onMove: (direction) => {
+              onChange(reorder(steps, index, index + direction));
+              setSelected(index + direction);
+            },
+            onRemove: () => {
+              onChange(steps.filter((_, position) => position !== index));
+              setSelected(Math.max(0, Math.min(index, steps.length - 2)));
+            }
+          },
+          index
+        )),
+        /* @__PURE__ */ jsx(
+          DropdownMenu,
+          {
+            label: "Add processor",
+            icon: UiAdd,
+            variant: "outline",
+            size: "sm",
+            className: "w-full [&>button]:w-full",
+            menuClassName: "min-w-64",
+            menuLabel: "Add processor",
+            items: addItems
+          }
+        ),
+        blocks.length > 0 ? /* @__PURE__ */ jsx(PagingNotice, { blocks }) : null
+      ] }),
+      /* @__PURE__ */ jsx("section", { className: "rounded-lg border border-border p-3", children: step ? /* @__PURE__ */ jsx(
+        ProcessorPipelineEditor,
+        {
+          step,
+          preset: step.use ? presets[step.use] : void 0,
+          profile: withCurrentProcessors(profile, steps),
+          previewing,
+          previewError,
+          params,
+          paramValues: sampleParams,
+          missingParams: missingProcessorPreviewParams(
+            params,
+            sampleParams
+          ),
+          onParamChange: (name, value) => setSampleParams((current) => {
+            const next = { ...current };
+            if (value === void 0) delete next[name];
+            else next[name] = value;
+            return next;
+          }),
+          onPreview: () => void runPreview(),
+          onChange: (next) => update(selected, next)
+        }
+      ) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Add a processor to configure and preview it." }) })
+    ] }),
+    preview ? /* @__PURE__ */ jsx(ProcessorPreviewTable, { preview, selected }) : null
+  ] });
+}
+function StepCard({
+  step,
+  preset,
+  preview,
+  selected,
+  first,
+  last,
+  onSelect,
+  onMove,
+  onRemove
+}) {
+  const type = effectiveType(step, preset);
+  const issues = validateProcessor(step, preset);
+  const errors = issues.filter((issue) => issue.severity === "error").length;
+  const warnings = issues.length - errors;
+  const block = pagingBlock(type);
+  const title = (preset == null ? void 0 : preset.title) ?? step.use ?? type ?? "unconfigured";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-2 rounded-lg border px-2 py-2",
+        selected ? "border-primary/50 bg-primary/[0.05] ring-1 ring-primary/20" : "border-border hover:bg-muted/50"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Edit ${title}`,
+            onClick: onSelect,
+            className: "min-w-0 flex-1 text-left",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium", children: title }),
+                block ? /* @__PURE__ */ jsx("span", { title: block.reason, children: /* @__PURE__ */ jsx(
+                  Badge,
+                  {
+                    tone: block.kind === "inherent" ? "warning" : "neutral",
+                    variant: "soft",
+                    size: "md",
+                    clickToCopy: false,
+                    children: block.kind === "inherent" ? "needs all rows" : "could page"
+                  }
+                ) }) : null,
+                preview ? /* @__PURE__ */ jsx(Badge, { tone: "success", variant: "soft", size: "md", clickToCopy: false, children: processorStageRows(preview) }) : null,
+                errors > 0 ? /* @__PURE__ */ jsx(
+                  Badge,
+                  {
+                    tone: "danger",
+                    variant: "soft",
+                    size: "md",
+                    icon: UiWarningTriangle,
+                    clickToCopy: false,
+                    children: errors
+                  }
+                ) : null,
+                warnings > 0 ? /* @__PURE__ */ jsx(Badge, { tone: "warning", variant: "soft", size: "md", clickToCopy: false, children: warnings }) : null
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-[11px] text-muted-foreground", children: type || "no type" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Move ${title} up`,
+              disabled: first,
+              onClick: () => onMove(-1),
+              className: "rounded px-1 text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-30",
+              children: /* @__PURE__ */ jsx(Icon, { icon: UiArrowUp, className: "text-[11px]" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Move ${title} down`,
+              disabled: last,
+              onClick: () => onMove(1),
+              className: "rounded px-1 text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-30",
+              children: /* @__PURE__ */ jsx(Icon, { icon: UiArrowDown, className: "text-[11px]" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Remove ${title}`,
+            onClick: onRemove,
+            className: "shrink-0 rounded p-1 text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+            children: /* @__PURE__ */ jsx(Icon, { icon: UiTrash, className: "text-[13px]" })
+          }
+        )
+      ]
+    }
+  );
+}
+function PagingNotice({
+  blocks
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-1 rounded border border-amber-500/40 bg-amber-500/[0.06] p-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-[11px] font-medium", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: UiWarningTriangle,
+          className: "text-[12px] text-amber-600 [[data-theme=dark]_&]:text-amber-400"
+        }
+      ),
+      "This profile can no longer be paged"
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-muted-foreground", children: [
+      "These steps cannot run page by page, so every page is cut from a full run of the query.",
+      blocks.every((block) => block.kind === "gap") ? " None needs the whole result; the per-page interface is unimplemented." : ""
+    ] })
+  ] });
+}
+function withCurrentProcessors(profile, processors) {
+  if (!profile || typeof profile !== "object" || Array.isArray(profile))
+    return profile;
+  return { ...profile, processors };
+}
+export {
+  ProcessorPipeline
+};
+//# sourceMappingURL=processorPipeline.js.map