@flanksource/clicky-ui 0.3.36 → 0.3.37

package/dist/profiles/processor/processorPipeline.cjs

@@ -22,9 +22,16 @@ function ProcessorPipeline({
   presets,
   onChange,
   profile,
-  previewer = processorPreview.previewProfileProcessors
+  previewer = processorPreview.previewProfileProcessors,
+  selectedIndex,
+  onSelectedIndexChange,
+  showSteps = true,
+  showEditor = true,
+  tree = false
 }) {
-  const [selected, setSelected] = react.useState(0);
+  const [innerSelected, setInnerSelected] = react.useState(0);
+  const requestedSelected = selectedIndex ?? innerSelected;
+  const selected = steps.length === 0 ? 0 : Math.max(0, Math.min(requestedSelected, steps.length - 1));
   const [preview, setPreview] = react.useState();
   const [previewing, setPreviewing] = react.useState(false);
   const [previewError, setPreviewError] = react.useState("");
@@ -49,7 +56,7 @@ function ProcessorPipeline({
       ...preset.description ? { title: preset.description } : {},
       onSelect: () => {
         onChange([...steps, { use: name }]);
-        setSelected(steps.length);
+        select(steps.length);
       }
     })),
     ...Object.keys(processorConfig.PROCESSOR_CONFIG_KEYS).sort().map((type) => ({
@@ -57,10 +64,14 @@ function ProcessorPipeline({
       group: "Processor types",
       onSelect: () => {
         onChange([...steps, { type }]);
-        setSelected(steps.length);
+        select(steps.length);
       }
     }))
   ];
+  function select(index) {
+    if (selectedIndex === void 0) setInnerSelected(index);
+    onSelectedIndexChange == null ? void 0 : onSelectedIndexChange(index);
+  }
   react.useEffect(() => {
     setPreview(void 0);
     setPreviewError("");
@@ -95,79 +106,106 @@ function ProcessorPipeline({
     }
   };
   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
-          }
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils.cn(
+          "grid gap-3",
+          showSteps && showEditor ? "lg:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)]" : "grid-cols-1"
         ),
-        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
+        children: [
+          showSteps ? /* @__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",
+              {
+                "data-profile-tree-item": tree ? "" : void 0,
+                className: utils.cn(
+                  "text-xs text-muted-foreground",
+                  tree ? "relative rounded-md px-2 py-2" : "rounded border border-dashed border-border px-2 py-3 text-center"
+                ),
+                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,
+                tree,
+                onSelect: () => select(index),
+                onMove: (direction) => {
+                  onChange(processorConfig.reorder(steps, index, index + direction));
+                  select(index + direction);
+                },
+                onRemove: () => {
+                  onChange(steps.filter((_, position) => position !== index));
+                  select(Math.max(0, Math.min(index, steps.length - 2)));
+                }
+              },
+              index
+            )),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                "data-profile-tree-item": tree ? "" : void 0,
+                className: tree ? "relative" : void 0,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  DropdownMenu.DropdownMenu,
+                  {
+                    label: "Add processor",
+                    icon: UiAdd.UiAdd,
+                    variant: tree ? "ghost" : "outline",
+                    size: "sm",
+                    className: "w-full [&>button]:w-full [&>button]:justify-start",
+                    menuClassName: "min-w-64",
+                    menuLabel: "Add processor",
+                    items: addItems
+                  }
+                )
+              }
+            ),
+            blocks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(PagingNotice, { blocks }) : null
+          ] }) : null,
+          showEditor ? /* @__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." }) }) : null
+        ]
+      }
+    ),
+    showEditor && preview ? /* @__PURE__ */ jsxRuntime.jsx(processorPreviewTable.ProcessorPreviewTable, { preview, selected }) : null
   ] });
 }
 function StepCard({
@@ -177,6 +215,7 @@ function StepCard({
   selected,
   first,
   last,
+  tree,
   onSelect,
   onMove,
   onRemove
@@ -190,11 +229,20 @@ function StepCard({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      "data-profile-tree-item": tree ? "" : void 0,
       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"
+        "relative flex items-center gap-2 px-2 py-2",
+        tree ? "rounded-md" : "rounded-lg border",
+        selected ? tree ? "bg-primary/[0.08]" : "border-primary/50 bg-primary/[0.05] ring-1 ring-primary/20" : tree ? "hover:bg-muted/50" : "border-border hover:bg-muted/50"
       ),
       children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.Icon,
+          {
+            icon: UiFunnelData.UiFunnelData,
+            className: "shrink-0 text-[14px] text-muted-foreground"
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {

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

@@ -1 +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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"}
+{"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  selectedIndex,\n  onSelectedIndexChange,\n  showSteps = true,\n  showEditor = true,\n  tree = false,\n}: {\n  steps: ProcessorSpec[];\n  presets: Record<string, ProcessorPreset>;\n  onChange: (next: ProcessorSpec[]) => void;\n  profile: unknown;\n  previewer?: ProcessorPreviewer;\n  selectedIndex?: number;\n  onSelectedIndexChange?: (index: number) => void;\n  showSteps?: boolean;\n  showEditor?: boolean;\n  tree?: boolean;\n}) {\n  const [innerSelected, setInnerSelected] = useState(0);\n  const requestedSelected = selectedIndex ?? innerSelected;\n  const selected =\n    steps.length === 0\n      ? 0\n      : Math.max(0, Math.min(requestedSelected, steps.length - 1));\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          select(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          select(steps.length);\n        },\n      })),\n  ];\n\n  function select(index: number) {\n    if (selectedIndex === undefined) setInnerSelected(index);\n    onSelectedIndexChange?.(index);\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\n        className={cn(\n          \"grid gap-3\",\n          showSteps && showEditor\n            ? \"lg:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)]\"\n            : \"grid-cols-1\",\n        )}\n      >\n        {showSteps ? (\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\n                data-profile-tree-item={tree ? \"\" : undefined}\n                className={cn(\n                  \"text-xs text-muted-foreground\",\n                  tree\n                    ? \"relative rounded-md px-2 py-2\"\n                    : \"rounded border border-dashed border-border px-2 py-3 text-center\",\n                )}\n              >\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                tree={tree}\n                onSelect={() => select(index)}\n                onMove={(direction) => {\n                  onChange(reorder(steps, index, index + direction));\n                  select(index + direction);\n                }}\n                onRemove={() => {\n                  onChange(steps.filter((_, position) => position !== index));\n                  select(Math.max(0, Math.min(index, steps.length - 2)));\n                }}\n              />\n            ))}\n\n            <div\n              data-profile-tree-item={tree ? \"\" : undefined}\n              className={tree ? \"relative\" : undefined}\n            >\n              <DropdownMenu\n                label=\"Add processor\"\n                icon={UiAdd}\n                variant={tree ? \"ghost\" : \"outline\"}\n                size=\"sm\"\n                className=\"w-full [&>button]:w-full [&>button]:justify-start\"\n                menuClassName=\"min-w-64\"\n                menuLabel=\"Add processor\"\n                items={addItems}\n              />\n            </div>\n\n            {blocks.length > 0 ? <PagingNotice blocks={blocks} /> : null}\n          </section>\n        ) : null}\n\n        {showEditor ? (\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        ) : null}\n      </div>\n\n      {showEditor && 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  tree,\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  tree: 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      data-profile-tree-item={tree ? \"\" : undefined}\n      className={cn(\n        \"relative flex items-center gap-2 px-2 py-2\",\n        tree ? \"rounded-md\" : \"rounded-lg border\",\n        selected\n          ? tree\n            ? \"bg-primary/[0.08]\"\n            : \"border-primary/50 bg-primary/[0.05] ring-1 ring-primary/20\"\n          : tree\n            ? \"hover:bg-muted/50\"\n            : \"border-border hover:bg-muted/50\",\n      )}\n    >\n      <Icon\n        icon={UiFunnelData}\n        className=\"shrink-0 text-[14px] text-muted-foreground\"\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","cn","jsx","Icon","UiFunnelData","Badge","reorder","DropdownMenu","UiAdd","ProcessorPipelineEditor","missingProcessorPreviewParams","ProcessorPreviewTable","validateProcessor","processorStageRows","UiWarningTriangle","UiArrowUp","UiArrowDown","UiTrash"],"mappings":"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"}

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

@@ -1,11 +1,16 @@
 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, }: {
+export declare function ProcessorPipeline({ steps, presets, onChange, profile, previewer, selectedIndex, onSelectedIndexChange, showSteps, showEditor, tree, }: {
     steps: ProcessorSpec[];
     presets: Record<string, ProcessorPreset>;
     onChange: (next: ProcessorSpec[]) => void;
     profile: unknown;
     previewer?: ProcessorPreviewer;
+    selectedIndex?: number;
+    onSelectedIndexChange?: (index: number) => void;
+    showSteps?: boolean;
+    showEditor?: boolean;
+    tree?: boolean;
 }): import("react").JSX.Element;
 //# sourceMappingURL=processorPipeline.d.ts.map

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

@@ -1 +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,+BAgLA"}
+{"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,EACpC,aAAa,EACb,qBAAqB,EACrB,SAAgB,EAChB,UAAiB,EACjB,IAAY,GACb,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;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,+BAmNA"}

package/dist/profiles/processor/processorPipeline.js

@@ -20,9 +20,16 @@ function ProcessorPipeline({
   presets,
   onChange,
   profile,
-  previewer = previewProfileProcessors
+  previewer = previewProfileProcessors,
+  selectedIndex,
+  onSelectedIndexChange,
+  showSteps = true,
+  showEditor = true,
+  tree = false
 }) {
-  const [selected, setSelected] = useState(0);
+  const [innerSelected, setInnerSelected] = useState(0);
+  const requestedSelected = selectedIndex ?? innerSelected;
+  const selected = steps.length === 0 ? 0 : Math.max(0, Math.min(requestedSelected, steps.length - 1));
   const [preview, setPreview] = useState();
   const [previewing, setPreviewing] = useState(false);
   const [previewError, setPreviewError] = useState("");
@@ -47,7 +54,7 @@ function ProcessorPipeline({
       ...preset.description ? { title: preset.description } : {},
       onSelect: () => {
         onChange([...steps, { use: name }]);
-        setSelected(steps.length);
+        select(steps.length);
       }
     })),
     ...Object.keys(PROCESSOR_CONFIG_KEYS).sort().map((type) => ({
@@ -55,10 +62,14 @@ function ProcessorPipeline({
       group: "Processor types",
       onSelect: () => {
         onChange([...steps, { type }]);
-        setSelected(steps.length);
+        select(steps.length);
       }
     }))
   ];
+  function select(index) {
+    if (selectedIndex === void 0) setInnerSelected(index);
+    onSelectedIndexChange == null ? void 0 : onSelectedIndexChange(index);
+  }
   useEffect(() => {
     setPreview(void 0);
     setPreviewError("");
@@ -93,79 +104,106 @@ function ProcessorPipeline({
     }
   };
   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
-          }
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "grid gap-3",
+          showSteps && showEditor ? "lg:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)]" : "grid-cols-1"
         ),
-        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
+        children: [
+          showSteps ? /* @__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",
+              {
+                "data-profile-tree-item": tree ? "" : void 0,
+                className: cn(
+                  "text-xs text-muted-foreground",
+                  tree ? "relative rounded-md px-2 py-2" : "rounded border border-dashed border-border px-2 py-3 text-center"
+                ),
+                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,
+                tree,
+                onSelect: () => select(index),
+                onMove: (direction) => {
+                  onChange(reorder(steps, index, index + direction));
+                  select(index + direction);
+                },
+                onRemove: () => {
+                  onChange(steps.filter((_, position) => position !== index));
+                  select(Math.max(0, Math.min(index, steps.length - 2)));
+                }
+              },
+              index
+            )),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-profile-tree-item": tree ? "" : void 0,
+                className: tree ? "relative" : void 0,
+                children: /* @__PURE__ */ jsx(
+                  DropdownMenu,
+                  {
+                    label: "Add processor",
+                    icon: UiAdd,
+                    variant: tree ? "ghost" : "outline",
+                    size: "sm",
+                    className: "w-full [&>button]:w-full [&>button]:justify-start",
+                    menuClassName: "min-w-64",
+                    menuLabel: "Add processor",
+                    items: addItems
+                  }
+                )
+              }
+            ),
+            blocks.length > 0 ? /* @__PURE__ */ jsx(PagingNotice, { blocks }) : null
+          ] }) : null,
+          showEditor ? /* @__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." }) }) : null
+        ]
+      }
+    ),
+    showEditor && preview ? /* @__PURE__ */ jsx(ProcessorPreviewTable, { preview, selected }) : null
   ] });
 }
 function StepCard({
@@ -175,6 +213,7 @@ function StepCard({
   selected,
   first,
   last,
+  tree,
   onSelect,
   onMove,
   onRemove
@@ -188,11 +227,20 @@ function StepCard({
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-profile-tree-item": tree ? "" : void 0,
       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"
+        "relative flex items-center gap-2 px-2 py-2",
+        tree ? "rounded-md" : "rounded-lg border",
+        selected ? tree ? "bg-primary/[0.08]" : "border-primary/50 bg-primary/[0.05] ring-1 ring-primary/20" : tree ? "hover:bg-muted/50" : "border-border hover:bg-muted/50"
       ),
       children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: UiFunnelData,
+            className: "shrink-0 text-[14px] text-muted-foreground"
+          }
+        ),
         /* @__PURE__ */ jsxs(
           "button",
           {