@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/profiles/processor/processorPipelineEditor.js

@@ -0,0 +1,330 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../../components/button.js";
+import { SegmentedControl } from "../../components/SegmentedControl.js";
+import { Badge } from "../../data/Badge.js";
+import { Icon } from "../../data/Icon.js";
+import { cn } from "../../lib/utils.js";
+import { CelEditorDialog } from "../cel/celEditor.js";
+import { validateProcessor, resolveConfig, effectiveType, PROCESSOR_CONFIG_KEYS, PROCESSOR_CEL_SCOPES } from "./processorConfig.js";
+import { useJsonPathSample } from "../query/jsonPathSample.js";
+import { parseProcessorPreviewParam } from "./processorSampleParams.js";
+import { UiPlay } from "../../icons/components/UiPlay.js";
+import { UiWarningTriangle } from "../../icons/components/UiWarningTriangle.js";
+import { UiCode2 } from "../../icons/components/UiCode2.js";
+const VIEWS = [
+  { id: "config", label: "Config" },
+  { id: "resolved", label: "Resolved" }
+];
+function ProcessorPipelineEditor({
+  step,
+  preset,
+  profile,
+  previewing,
+  previewError,
+  params,
+  paramValues,
+  missingParams,
+  onParamChange,
+  onPreview,
+  onChange
+}) {
+  const [view, setView] = useState("config");
+  const issues = validateProcessor(step, preset);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+      SegmentedControl,
+      {
+        value: view,
+        options: VIEWS.map((entry) => ({ id: entry.id, label: entry.label })),
+        onChange: setView,
+        size: "sm",
+        "aria-label": "View"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ProcessorIssues, { issues }),
+    view === "resolved" ? /* @__PURE__ */ jsx(ResolvedConfig, { resolved: resolveConfig(step, preset) }) : /* @__PURE__ */ jsx(
+      ConfigEditor,
+      {
+        step,
+        preset,
+        profile,
+        onChange
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-t border-border/60 pt-3", children: [
+      /* @__PURE__ */ jsx(
+        PreviewParameters,
+        {
+          params,
+          values: paramValues,
+          onChange: onParamChange
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "outline",
+          className: "gap-1.5",
+          disabled: previewing || missingParams.length > 0,
+          title: missingParams.length > 0 ? `Enter required preview parameters: ${missingParams.join(", ")}` : void 0,
+          onClick: onPreview,
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiPlay, className: "text-[13px]" }),
+            previewing ? "Previewing…" : "Preview processors"
+          ]
+        }
+      ),
+      previewError ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: previewError }) : null,
+      missingParams.length > 0 ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-warning-foreground", children: [
+        "Enter required preview parameters: ",
+        missingParams.join(", "),
+        "."
+      ] }) : null,
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: "Runs the ordered pipeline on a fresh, read-only sample. Whole-result processors see only that bounded window." })
+    ] })
+  ] });
+}
+function PreviewParameters({
+  params,
+  values,
+  onChange
+}) {
+  const visible = params.filter((param) => param.name);
+  if (visible.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-2 rounded border border-border bg-muted/20 p-2 sm:grid-cols-2", children: [
+    visible.map((param) => {
+      var _a, _b;
+      const name = param.name;
+      const label = ((_a = param.label) == null ? void 0 : _a.trim()) || name;
+      const value = Array.isArray(values[name]) ? values[name].join(", ") : String(values[name] ?? "");
+      return /* @__PURE__ */ jsxs("label", { className: "grid gap-1 text-[11px] font-medium", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          label,
+          param.required ? " *" : ""
+        ] }),
+        param.type === "boolean" ? /* @__PURE__ */ jsxs(
+          "select",
+          {
+            className: "rounded border border-border bg-card px-2 py-1 text-xs",
+            value,
+            "aria-label": `${label} preview parameter`,
+            onChange: (event) => onChange(
+              name,
+              parseProcessorPreviewParam(param, event.target.value)
+            ),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: "Choose…" }),
+              /* @__PURE__ */ jsx("option", { value: "true", children: "true" }),
+              /* @__PURE__ */ jsx("option", { value: "false", children: "false" })
+            ]
+          }
+        ) : param.type === "enum" && ((_b = param.options) == null ? void 0 : _b.length) ? /* @__PURE__ */ jsxs(
+          "select",
+          {
+            className: "rounded border border-border bg-card px-2 py-1 text-xs",
+            value,
+            "aria-label": `${label} preview parameter`,
+            onChange: (event) => onChange(
+              name,
+              parseProcessorPreviewParam(param, event.target.value)
+            ),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: "Choose…" }),
+              param.options.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: option }, option))
+            ]
+          }
+        ) : /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "rounded border border-border bg-card px-2 py-1 text-xs",
+            type: param.type === "number" ? "number" : param.type === "date" ? "datetime-local" : "text",
+            value,
+            placeholder: param.type === "list" ? "value-a, value-b" : void 0,
+            "aria-label": `${label} preview parameter`,
+            onChange: (event) => onChange(
+              name,
+              parseProcessorPreviewParam(param, event.target.value)
+            )
+          }
+        )
+      ] }, name);
+    }),
+    /* @__PURE__ */ jsx("p", { className: "col-span-full text-[10px] text-muted-foreground", children: "Used only for this preview; these values are not saved." })
+  ] });
+}
+function ProcessorIssues({
+  issues
+}) {
+  if (issues.length === 0) return null;
+  return /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: issues.map((issue) => /* @__PURE__ */ jsxs(
+    "li",
+    {
+      className: cn(
+        "flex gap-1.5 rounded border px-2 py-1 text-[11px]",
+        issue.severity === "error" ? "border-destructive/40 bg-destructive/[0.06] text-destructive" : "border-amber-500/40 bg-amber-500/[0.06] text-amber-700 [[data-theme=dark]_&]:text-amber-300"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: UiWarningTriangle,
+            className: "mt-0.5 shrink-0 text-[12px]"
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { children: [
+          /* @__PURE__ */ jsx("code", { className: "font-mono font-semibold", children: issue.key }),
+          " —",
+          " ",
+          issue.message
+        ] })
+      ]
+    },
+    `${issue.key}-${issue.message}`
+  )) });
+}
+function ResolvedConfig({ resolved }) {
+  if (resolved.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Nothing configured." });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    resolved.map((entry) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "rounded border px-2 py-1",
+          entry.origin === "override" ? "border-primary/40 bg-primary/[0.04]" : "border-border bg-card"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
+            /* @__PURE__ */ jsx("code", { className: "shrink-0 font-mono text-[11px] font-semibold", children: entry.key }),
+            /* @__PURE__ */ jsx(
+              Badge,
+              {
+                tone: entry.origin === "override" ? "info" : "neutral",
+                variant: "soft",
+                size: "md",
+                children: entry.origin
+              }
+            ),
+            /* @__PURE__ */ jsx("code", { className: "min-w-0 flex-1 truncate font-mono text-[11px] text-muted-foreground", children: formatConfigValue(entry.value) })
+          ] }),
+          entry.origin === "override" && entry.presetValue !== void 0 ? /* @__PURE__ */ jsx("code", { className: "mt-0.5 block truncate font-mono text-[10px] text-muted-foreground line-through", children: formatConfigValue(entry.presetValue) }) : null
+        ]
+      },
+      entry.key
+    )),
+    /* @__PURE__ */ jsxs("p", { className: "pt-1 text-[11px] text-muted-foreground", children: [
+      "Every key not marked ",
+      /* @__PURE__ */ jsx("em", { children: "override" }),
+      " comes from the library preset and still runs."
+    ] })
+  ] });
+}
+function ConfigEditor({
+  step,
+  preset,
+  profile,
+  onChange
+}) {
+  const [editing, setEditing] = useState();
+  const [adding, setAdding] = useState("");
+  const config = step.config ?? {};
+  const type = effectiveType(step, preset);
+  const keys = [
+    .../* @__PURE__ */ new Set([...Object.keys((preset == null ? void 0 : preset.config) ?? {}), ...Object.keys(config)])
+  ].sort();
+  const available = (PROCESSOR_CONFIG_KEYS[type] ?? []).filter(
+    (key) => !keys.includes(key)
+  );
+  const rows = useJsonPathSample(profile).filter(isRecord);
+  const setKey = (key, value) => onChange({ ...step, config: { ...config, [key]: value } });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    keys.map((key) => {
+      var _a;
+      const scope = PROCESSOR_CEL_SCOPES[key];
+      const current = key in config ? config[key] : (_a = preset == null ? void 0 : preset.config) == null ? void 0 : _a[key];
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx("code", { className: "text-[11px] font-semibold", children: key }),
+          !(key in config) ? /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: "inherited from the preset" }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "w-full rounded border border-border bg-card px-2 py-1 font-mono text-[11px]",
+              value: formatConfigValue(current),
+              onChange: (event) => setKey(key, parseConfigValue(event.target.value)),
+              "aria-label": key
+            }
+          ),
+          scope ? /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: "outline",
+              className: "shrink-0 gap-1",
+              onClick: () => setEditing(key),
+              children: [
+                /* @__PURE__ */ jsx(Icon, { icon: UiCode2, className: "text-[12px]" }),
+                " Test"
+              ]
+            }
+          ) : null
+        ] }),
+        editing === key && scope ? /* @__PURE__ */ jsx(
+          CelEditorDialog,
+          {
+            value: String(current ?? ""),
+            scope,
+            rows,
+            title: key,
+            onChange: (next) => setKey(key, next),
+            onClose: () => setEditing(void 0)
+          }
+        ) : null
+      ] }, key);
+    }),
+    available.length > 0 ? /* @__PURE__ */ jsxs(
+      "select",
+      {
+        className: "rounded border border-dashed border-border bg-card px-2 py-1 text-xs text-muted-foreground",
+        value: adding,
+        "aria-label": "Add processor setting",
+        onChange: (event) => {
+          setAdding(event.target.value);
+          if (event.target.value) setKey(event.target.value, "");
+        },
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "", children: "+ Add setting" }),
+          available.map((key) => /* @__PURE__ */ jsx("option", { value: key, children: key }, key))
+        ]
+      }
+    ) : null
+  ] });
+}
+function formatConfigValue(value) {
+  if (value === void 0 || value === null) return "";
+  return typeof value === "string" ? value : JSON.stringify(value);
+}
+function parseConfigValue(raw) {
+  const trimmed = raw.trim();
+  if (trimmed === "") return "";
+  if (!/^[[{"]|^-?\d|^true$|^false$|^null$/.test(trimmed)) return raw;
+  try {
+    return JSON.parse(trimmed);
+  } catch {
+    return raw;
+  }
+}
+function isRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+export {
+  ProcessorPipelineEditor
+};
+//# sourceMappingURL=processorPipelineEditor.js.map

package/dist/profiles/processor/processorPipelineEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processorPipelineEditor.js","sources":["../../../src/profiles/processor/processorPipelineEditor.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { SegmentedControl } from \"../../components/SegmentedControl\";\nimport { Badge } from \"../../data/Badge\";\nimport { Icon } from \"../../data/Icon\";\nimport { UiCode2, UiPlay, UiWarningTriangle } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { CelEditorDialog } from \"../cel/celEditor\";\nimport {\n  PROCESSOR_CEL_SCOPES,\n  PROCESSOR_CONFIG_KEYS,\n  effectiveType,\n  resolveConfig,\n  validateProcessor,\n  type ProcessorPreset,\n  type ProcessorSpec,\n  type ResolvedProcessorKey,\n} from \"./processorConfig\";\nimport { useJsonPathSample } from \"../query/jsonPathSample\";\nimport type { ParamDraft } from \"../wizard/profileWizardModel\";\nimport { parseProcessorPreviewParam } from \"./processorSampleParams\";\n\nconst VIEWS = [\n  { id: \"config\", label: \"Config\" },\n  { id: \"resolved\", label: \"Resolved\" },\n] as const;\n\nexport function ProcessorPipelineEditor({\n  step,\n  preset,\n  profile,\n  previewing,\n  previewError,\n  params,\n  paramValues,\n  missingParams,\n  onParamChange,\n  onPreview,\n  onChange,\n}: {\n  step: ProcessorSpec;\n  preset: ProcessorPreset | undefined;\n  profile: unknown;\n  previewing: boolean;\n  previewError: string;\n  params: ParamDraft[];\n  paramValues: Record<string, unknown>;\n  missingParams: string[];\n  onParamChange: (name: string, value: unknown) => void;\n  onPreview: () => void;\n  onChange: (next: ProcessorSpec) => void;\n}) {\n  const [view, setView] = useState<string>(\"config\");\n  const issues = validateProcessor(step, preset);\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex justify-end\">\n        <SegmentedControl\n          value={view}\n          options={VIEWS.map((entry) => ({ id: entry.id, label: entry.label }))}\n          onChange={setView}\n          size=\"sm\"\n          aria-label=\"View\"\n        />\n      </div>\n\n      <ProcessorIssues issues={issues} />\n      {view === \"resolved\" ? (\n        <ResolvedConfig resolved={resolveConfig(step, preset)} />\n      ) : (\n        <ConfigEditor\n          step={step}\n          preset={preset}\n          profile={profile}\n          onChange={onChange}\n        />\n      )}\n\n      <div className=\"space-y-2 border-t border-border/60 pt-3\">\n        <PreviewParameters\n          params={params}\n          values={paramValues}\n          onChange={onParamChange}\n        />\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant=\"outline\"\n          className=\"gap-1.5\"\n          disabled={previewing || missingParams.length > 0}\n          title={\n            missingParams.length > 0\n              ? `Enter required preview parameters: ${missingParams.join(\", \")}`\n              : undefined\n          }\n          onClick={onPreview}\n        >\n          <Icon icon={UiPlay} className=\"text-[13px]\" />\n          {previewing ? \"Previewing…\" : \"Preview processors\"}\n        </Button>\n        {previewError ? (\n          <p className=\"text-xs text-destructive\">{previewError}</p>\n        ) : null}\n        {missingParams.length > 0 ? (\n          <p className=\"text-xs text-warning-foreground\">\n            Enter required preview parameters: {missingParams.join(\", \")}.\n          </p>\n        ) : null}\n        <p className=\"text-[11px] text-muted-foreground\">\n          Runs the ordered pipeline on a fresh, read-only sample. Whole-result\n          processors see only that bounded window.\n        </p>\n      </div>\n    </div>\n  );\n}\n\nfunction PreviewParameters({\n  params,\n  values,\n  onChange,\n}: {\n  params: ParamDraft[];\n  values: Record<string, unknown>;\n  onChange: (name: string, value: unknown) => void;\n}) {\n  const visible = params.filter((param) => param.name);\n  if (visible.length === 0) return null;\n  return (\n    <div className=\"grid gap-2 rounded border border-border bg-muted/20 p-2 sm:grid-cols-2\">\n      {visible.map((param) => {\n        const name = param.name as string;\n        const label = param.label?.trim() || name;\n        const value = Array.isArray(values[name])\n          ? values[name].join(\", \")\n          : String(values[name] ?? \"\");\n        return (\n          <label key={name} className=\"grid gap-1 text-[11px] font-medium\">\n            <span>\n              {label}\n              {param.required ? \" *\" : \"\"}\n            </span>\n            {param.type === \"boolean\" ? (\n              <select\n                className=\"rounded border border-border bg-card px-2 py-1 text-xs\"\n                value={value}\n                aria-label={`${label} preview parameter`}\n                onChange={(event) =>\n                  onChange(\n                    name,\n                    parseProcessorPreviewParam(param, event.target.value),\n                  )\n                }\n              >\n                <option value=\"\">Choose…</option>\n                <option value=\"true\">true</option>\n                <option value=\"false\">false</option>\n              </select>\n            ) : param.type === \"enum\" && param.options?.length ? (\n              <select\n                className=\"rounded border border-border bg-card px-2 py-1 text-xs\"\n                value={value}\n                aria-label={`${label} preview parameter`}\n                onChange={(event) =>\n                  onChange(\n                    name,\n                    parseProcessorPreviewParam(param, event.target.value),\n                  )\n                }\n              >\n                <option value=\"\">Choose…</option>\n                {param.options.map((option) => (\n                  <option key={option} value={option}>\n                    {option}\n                  </option>\n                ))}\n              </select>\n            ) : (\n              <input\n                className=\"rounded border border-border bg-card px-2 py-1 text-xs\"\n                type={\n                  param.type === \"number\"\n                    ? \"number\"\n                    : param.type === \"date\"\n                      ? \"datetime-local\"\n                      : \"text\"\n                }\n                value={value}\n                placeholder={\n                  param.type === \"list\" ? \"value-a, value-b\" : undefined\n                }\n                aria-label={`${label} preview parameter`}\n                onChange={(event) =>\n                  onChange(\n                    name,\n                    parseProcessorPreviewParam(param, event.target.value),\n                  )\n                }\n              />\n            )}\n          </label>\n        );\n      })}\n      <p className=\"col-span-full text-[10px] text-muted-foreground\">\n        Used only for this preview; these values are not saved.\n      </p>\n    </div>\n  );\n}\n\nfunction ProcessorIssues({\n  issues,\n}: {\n  issues: ReturnType<typeof validateProcessor>;\n}) {\n  if (issues.length === 0) return null;\n  return (\n    <ul className=\"space-y-1\">\n      {issues.map((issue) => (\n        <li\n          key={`${issue.key}-${issue.message}`}\n          className={cn(\n            \"flex gap-1.5 rounded border px-2 py-1 text-[11px]\",\n            issue.severity === \"error\"\n              ? \"border-destructive/40 bg-destructive/[0.06] text-destructive\"\n              : \"border-amber-500/40 bg-amber-500/[0.06] text-amber-700 [[data-theme=dark]_&]:text-amber-300\",\n          )}\n        >\n          <Icon\n            icon={UiWarningTriangle}\n            className=\"mt-0.5 shrink-0 text-[12px]\"\n          />\n          <span>\n            <code className=\"font-mono font-semibold\">{issue.key}</code> —{\" \"}\n            {issue.message}\n          </span>\n        </li>\n      ))}\n    </ul>\n  );\n}\n\nfunction ResolvedConfig({ resolved }: { resolved: ResolvedProcessorKey[] }) {\n  if (resolved.length === 0) {\n    return <p className=\"text-xs text-muted-foreground\">Nothing configured.</p>;\n  }\n  return (\n    <div className=\"space-y-1\">\n      {resolved.map((entry) => (\n        <div\n          key={entry.key}\n          className={cn(\n            \"rounded border px-2 py-1\",\n            entry.origin === \"override\"\n              ? \"border-primary/40 bg-primary/[0.04]\"\n              : \"border-border bg-card\",\n          )}\n        >\n          <div className=\"flex items-baseline gap-2\">\n            <code className=\"shrink-0 font-mono text-[11px] font-semibold\">\n              {entry.key}\n            </code>\n            <Badge\n              tone={entry.origin === \"override\" ? \"info\" : \"neutral\"}\n              variant=\"soft\"\n              size=\"md\"\n            >\n              {entry.origin}\n            </Badge>\n            <code className=\"min-w-0 flex-1 truncate font-mono text-[11px] text-muted-foreground\">\n              {formatConfigValue(entry.value)}\n            </code>\n          </div>\n          {entry.origin === \"override\" && entry.presetValue !== undefined ? (\n            <code className=\"mt-0.5 block truncate font-mono text-[10px] text-muted-foreground line-through\">\n              {formatConfigValue(entry.presetValue)}\n            </code>\n          ) : null}\n        </div>\n      ))}\n      <p className=\"pt-1 text-[11px] text-muted-foreground\">\n        Every key not marked <em>override</em> comes from the library preset and\n        still runs.\n      </p>\n    </div>\n  );\n}\n\nfunction ConfigEditor({\n  step,\n  preset,\n  profile,\n  onChange,\n}: {\n  step: ProcessorSpec;\n  preset: ProcessorPreset | undefined;\n  profile: unknown;\n  onChange: (next: ProcessorSpec) => void;\n}) {\n  const [editing, setEditing] = useState<string>();\n  const [adding, setAdding] = useState(\"\");\n  const config = step.config ?? {};\n  const type = effectiveType(step, preset);\n  const keys = [\n    ...new Set([...Object.keys(preset?.config ?? {}), ...Object.keys(config)]),\n  ].sort();\n  const available = (PROCESSOR_CONFIG_KEYS[type] ?? []).filter(\n    (key) => !keys.includes(key),\n  );\n  const rows = useJsonPathSample(profile).filter(isRecord);\n  const setKey = (key: string, value: unknown) =>\n    onChange({ ...step, config: { ...config, [key]: value } });\n\n  return (\n    <div className=\"space-y-2\">\n      {keys.map((key) => {\n        const scope = PROCESSOR_CEL_SCOPES[key];\n        const current = key in config ? config[key] : preset?.config?.[key];\n        return (\n          <div key={key} className=\"space-y-1\">\n            <div className=\"flex items-center gap-1.5\">\n              <code className=\"text-[11px] font-semibold\">{key}</code>\n              {!(key in config) ? (\n                <span className=\"text-[10px] text-muted-foreground\">\n                  inherited from the preset\n                </span>\n              ) : null}\n            </div>\n            <div className=\"flex items-center gap-1.5\">\n              <input\n                className=\"w-full rounded border border-border bg-card px-2 py-1 font-mono text-[11px]\"\n                value={formatConfigValue(current)}\n                onChange={(event) =>\n                  setKey(key, parseConfigValue(event.target.value))\n                }\n                aria-label={key}\n              />\n              {scope ? (\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  variant=\"outline\"\n                  className=\"shrink-0 gap-1\"\n                  onClick={() => setEditing(key)}\n                >\n                  <Icon icon={UiCode2} className=\"text-[12px]\" /> Test\n                </Button>\n              ) : null}\n            </div>\n            {editing === key && scope ? (\n              <CelEditorDialog\n                value={String(current ?? \"\")}\n                scope={scope}\n                rows={rows}\n                title={key}\n                onChange={(next) => setKey(key, next)}\n                onClose={() => setEditing(undefined)}\n              />\n            ) : null}\n          </div>\n        );\n      })}\n      {available.length > 0 ? (\n        <select\n          className=\"rounded border border-dashed border-border bg-card px-2 py-1 text-xs text-muted-foreground\"\n          value={adding}\n          aria-label=\"Add processor setting\"\n          onChange={(event) => {\n            setAdding(event.target.value);\n            if (event.target.value) setKey(event.target.value, \"\");\n          }}\n        >\n          <option value=\"\">+ Add setting</option>\n          {available.map((key) => (\n            <option key={key} value={key}>\n              {key}\n            </option>\n          ))}\n        </select>\n      ) : null}\n    </div>\n  );\n}\n\nfunction formatConfigValue(value: unknown): string {\n  if (value === undefined || value === null) return \"\";\n  return typeof value === \"string\" ? value : JSON.stringify(value);\n}\n\nfunction parseConfigValue(raw: string): unknown {\n  const trimmed = raw.trim();\n  if (trimmed === \"\") return \"\";\n  if (!/^[[{\"]|^-?\\d|^true$|^false$|^null$/.test(trimmed)) return raw;\n  try {\n    return JSON.parse(trimmed);\n  } catch {\n    return raw;\n  }\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === \"object\" && !Array.isArray(value);\n}\n"],"names":[],"mappings":"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"}

package/dist/profiles/processor/processorPipelineExtension.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const processorPipeline = require("./processorPipeline.cjs");
+const PROCESSOR_PIPELINE_WIDGET = "processor-pipeline";
+const processorPipelinePost = (field, nodes, ctx) => {
+  if (field.schema["x-clicky-component"] !== PROCESSOR_PIPELINE_WIDGET)
+    return nodes;
+  const presets = field.schema["x-clicky-presets"] ?? {};
+  const steps = Array.isArray(field.value) ? field.value : [];
+  return {
+    label: nodes.label,
+    value: /* @__PURE__ */ jsxRuntime.jsx(
+      processorPipeline.ProcessorPipeline,
+      {
+        steps,
+        presets,
+        onChange: (next) => field.onChange(next),
+        profile: ctx == null ? void 0 : ctx.rootValue
+      }
+    )
+  };
+};
+const processorPipelineFormExtensions = {
+  post: [processorPipelinePost]
+};
+exports.processorPipelineFormExtensions = processorPipelineFormExtensions;
+//# sourceMappingURL=processorPipelineExtension.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processorPipelineExtension.cjs","sources":["../../../src/profiles/processor/processorPipelineExtension.tsx"],"sourcesContent":["import type { PostExtension } from \"../../components/json-schema-form-types\";\nimport type { ProcessorPreset, ProcessorSpec } from \"./processorConfig\";\nimport { ProcessorPipeline } from \"./processorPipeline\";\n\nconst PROCESSOR_PIPELINE_WIDGET = \"processor-pipeline\";\n\nconst processorPipelinePost: PostExtension = (field, nodes, ctx) => {\n  if (field.schema[\"x-clicky-component\"] !== PROCESSOR_PIPELINE_WIDGET)\n    return nodes;\n  const presets =\n    (field.schema[\"x-clicky-presets\"] as Record<string, ProcessorPreset>) ?? {};\n  const steps = Array.isArray(field.value)\n    ? (field.value as ProcessorSpec[])\n    : [];\n  return {\n    label: nodes.label,\n    value: (\n      <ProcessorPipeline\n        steps={steps}\n        presets={presets}\n        onChange={(next) => field.onChange(next)}\n        profile={ctx?.rootValue}\n      />\n    ),\n  };\n};\n\nexport const processorPipelineFormExtensions = {\n  post: [processorPipelinePost],\n};\n"],"names":["jsx","ProcessorPipeline"],"mappings":";;;;AAIA,MAAM,4BAA4B;AAElC,MAAM,wBAAuC,CAAC,OAAO,OAAO,QAAQ;AAClE,MAAI,MAAM,OAAO,oBAAoB,MAAM;AACzC,WAAO;AACT,QAAM,UACH,MAAM,OAAO,kBAAkB,KAAyC,CAAA;AAC3E,QAAM,QAAQ,MAAM,QAAQ,MAAM,KAAK,IAClC,MAAM,QACP,CAAA;AACJ,SAAO;AAAA,IACL,OAAO,MAAM;AAAA,IACb,OACEA,2BAAAA;AAAAA,MAACC,kBAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,UAAU,CAAC,SAAS,MAAM,SAAS,IAAI;AAAA,QACvC,SAAS,2BAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AAGN;AAEO,MAAM,kCAAkC;AAAA,EAC7C,MAAM,CAAC,qBAAqB;AAC9B;;"}

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

@@ -0,0 +1,5 @@
+import { PostExtension } from '../../components/json-schema-form-types';
+export declare const processorPipelineFormExtensions: {
+    post: PostExtension[];
+};
+//# sourceMappingURL=processorPipelineExtension.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processorPipelineExtension.d.ts","sourceRoot":"","sources":["../../../src/profiles/processor/processorPipelineExtension.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AA2B7E,eAAO,MAAM,+BAA+B;;CAE3C,CAAC"}

package/dist/profiles/processor/processorPipelineExtension.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { ProcessorPipeline } from "./processorPipeline.js";
+const PROCESSOR_PIPELINE_WIDGET = "processor-pipeline";
+const processorPipelinePost = (field, nodes, ctx) => {
+  if (field.schema["x-clicky-component"] !== PROCESSOR_PIPELINE_WIDGET)
+    return nodes;
+  const presets = field.schema["x-clicky-presets"] ?? {};
+  const steps = Array.isArray(field.value) ? field.value : [];
+  return {
+    label: nodes.label,
+    value: /* @__PURE__ */ jsx(
+      ProcessorPipeline,
+      {
+        steps,
+        presets,
+        onChange: (next) => field.onChange(next),
+        profile: ctx == null ? void 0 : ctx.rootValue
+      }
+    )
+  };
+};
+const processorPipelineFormExtensions = {
+  post: [processorPipelinePost]
+};
+export {
+  processorPipelineFormExtensions
+};
+//# sourceMappingURL=processorPipelineExtension.js.map

package/dist/profiles/processor/processorPipelineExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processorPipelineExtension.js","sources":["../../../src/profiles/processor/processorPipelineExtension.tsx"],"sourcesContent":["import type { PostExtension } from \"../../components/json-schema-form-types\";\nimport type { ProcessorPreset, ProcessorSpec } from \"./processorConfig\";\nimport { ProcessorPipeline } from \"./processorPipeline\";\n\nconst PROCESSOR_PIPELINE_WIDGET = \"processor-pipeline\";\n\nconst processorPipelinePost: PostExtension = (field, nodes, ctx) => {\n  if (field.schema[\"x-clicky-component\"] !== PROCESSOR_PIPELINE_WIDGET)\n    return nodes;\n  const presets =\n    (field.schema[\"x-clicky-presets\"] as Record<string, ProcessorPreset>) ?? {};\n  const steps = Array.isArray(field.value)\n    ? (field.value as ProcessorSpec[])\n    : [];\n  return {\n    label: nodes.label,\n    value: (\n      <ProcessorPipeline\n        steps={steps}\n        presets={presets}\n        onChange={(next) => field.onChange(next)}\n        profile={ctx?.rootValue}\n      />\n    ),\n  };\n};\n\nexport const processorPipelineFormExtensions = {\n  post: [processorPipelinePost],\n};\n"],"names":[],"mappings":";;AAIA,MAAM,4BAA4B;AAElC,MAAM,wBAAuC,CAAC,OAAO,OAAO,QAAQ;AAClE,MAAI,MAAM,OAAO,oBAAoB,MAAM;AACzC,WAAO;AACT,QAAM,UACH,MAAM,OAAO,kBAAkB,KAAyC,CAAA;AAC3E,QAAM,QAAQ,MAAM,QAAQ,MAAM,KAAK,IAClC,MAAM,QACP,CAAA;AACJ,SAAO;AAAA,IACL,OAAO,MAAM;AAAA,IACb,OACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,UAAU,CAAC,SAAS,MAAM,SAAS,IAAI;AAAA,QACvC,SAAS,2BAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AAGN;AAEO,MAAM,kCAAkC;AAAA,EAC7C,MAAM,CAAC,qBAAqB;AAC9B;"}

package/dist/profiles/processor/processorPreview.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const connectionBrowserModel = require("../connections/connectionBrowserModel.cjs");
+const jsonPathSample = require("../query/jsonPathSample.cjs");
+const profileApi = require("../profileApi.cjs");
+function processorStageRows(stage) {
+  if (!stage) return "";
+  return `${stage.rowsIn} → ${stage.rowsOut}`;
+}
+function processorPreviewRequestProfile(profile) {
+  const request = jsonPathSample.sampleRequestProfile(profile);
+  if (!request || !isRecord(profile)) return null;
+  for (const key of PROCESSOR_PREVIEW_KEYS) {
+    if (profile[key] !== void 0) request[key] = profile[key];
+  }
+  return request;
+}
+async function previewProfileProcessors(profile, params = {}) {
+  const request = processorPreviewRequestProfile(profile);
+  if (!request) throw new Error("Cannot preview processors without a provider");
+  const result = await connectionBrowserModel.fetchJSON(
+    profileApi.profileApiPath("profile/sample"),
+    {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        profile: request,
+        params,
+        previewProcessors: true
+      })
+    }
+  );
+  if (!result.processorPreview) {
+    throw new Error(
+      "Processor preview response did not include processorPreview"
+    );
+  }
+  return result;
+}
+const PROCESSOR_PREVIEW_KEYS = [
+  "columns",
+  "aliases",
+  "ignore",
+  "filters",
+  "processors",
+  "limits",
+  "order"
+];
+function isRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+exports.previewProfileProcessors = previewProfileProcessors;
+exports.processorPreviewRequestProfile = processorPreviewRequestProfile;
+exports.processorStageRows = processorStageRows;
+//# sourceMappingURL=processorPreview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processorPreview.cjs","sources":["../../../src/profiles/processor/processorPreview.ts"],"sourcesContent":["import { fetchJSON } from \"../connections/connectionBrowserModel\";\nimport { sampleRequestProfile } from \"../query/jsonPathSample\";\nimport { profileApiPath } from \"../profileApi\";\n\nexport type ProcessorPreviewStage = {\n  index: number;\n  label: string;\n  type: string;\n  rowsIn: number;\n  rowsOut: number;\n  rows: Record<string, unknown>[];\n};\n\nexport type ProcessorPreview = {\n  input: Record<string, unknown>[];\n  stages: ProcessorPreviewStage[];\n};\n\nexport type ProcessorSampleResult = {\n  rows: Record<string, unknown>[];\n  processorPreview?: ProcessorPreview;\n};\n\nexport function processorStageRows(\n  stage: ProcessorPreviewStage | undefined,\n): string {\n  if (!stage) return \"\";\n  return `${stage.rowsIn} → ${stage.rowsOut}`;\n}\n\nexport function processorPreviewRequestProfile(\n  profile: unknown,\n): Record<string, unknown> | null {\n  const request = sampleRequestProfile(profile);\n  if (!request || !isRecord(profile)) return null;\n  for (const key of PROCESSOR_PREVIEW_KEYS) {\n    if (profile[key] !== undefined) request[key] = profile[key];\n  }\n  return request;\n}\n\nexport async function previewProfileProcessors(\n  profile: unknown,\n  params: Record<string, unknown> = {},\n): Promise<ProcessorSampleResult> {\n  const request = processorPreviewRequestProfile(profile);\n  if (!request) throw new Error(\"Cannot preview processors without a provider\");\n  const result = await fetchJSON<ProcessorSampleResult>(\n    profileApiPath(\"profile/sample\"),\n    {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({\n        profile: request,\n        params,\n        previewProcessors: true,\n      }),\n    },\n  );\n  if (!result.processorPreview) {\n    throw new Error(\n      \"Processor preview response did not include processorPreview\",\n    );\n  }\n  return result;\n}\n\nconst PROCESSOR_PREVIEW_KEYS = [\n  \"columns\",\n  \"aliases\",\n  \"ignore\",\n  \"filters\",\n  \"processors\",\n  \"limits\",\n  \"order\",\n] as const;\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === \"object\" && !Array.isArray(value);\n}\n"],"names":["sampleRequestProfile","fetchJSON","profileApiPath"],"mappings":";;;;;AAuBO,SAAS,mBACd,OACQ;AACR,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,GAAG,MAAM,MAAM,MAAM,MAAM,OAAO;AAC3C;AAEO,SAAS,+BACd,SACgC;AAChC,QAAM,UAAUA,eAAAA,qBAAqB,OAAO;AAC5C,MAAI,CAAC,WAAW,CAAC,SAAS,OAAO,EAAG,QAAO;AAC3C,aAAW,OAAO,wBAAwB;AACxC,QAAI,QAAQ,GAAG,MAAM,gBAAmB,GAAG,IAAI,QAAQ,GAAG;AAAA,EAC5D;AACA,SAAO;AACT;AAEA,eAAsB,yBACpB,SACA,SAAkC,IACF;AAChC,QAAM,UAAU,+BAA+B,OAAO;AACtD,MAAI,CAAC,QAAS,OAAM,IAAI,MAAM,8CAA8C;AAC5E,QAAM,SAAS,MAAMC,uBAAAA;AAAAA,IACnBC,WAAAA,eAAe,gBAAgB;AAAA,IAC/B;AAAA,MACE,QAAQ;AAAA,MACR,SAAS,EAAE,gBAAgB,mBAAA;AAAA,MAC3B,MAAM,KAAK,UAAU;AAAA,QACnB,SAAS;AAAA,QACT;AAAA,QACA,mBAAmB;AAAA,MAAA,CACpB;AAAA,IAAA;AAAA,EACH;AAEF,MAAI,CAAC,OAAO,kBAAkB;AAC5B,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,MAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,SAAS,OAAkD;AAClE,SAAO,QAAQ,KAAK,KAAK,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;;;;"}

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

@@ -0,0 +1,20 @@
+export type ProcessorPreviewStage = {
+    index: number;
+    label: string;
+    type: string;
+    rowsIn: number;
+    rowsOut: number;
+    rows: Record<string, unknown>[];
+};
+export type ProcessorPreview = {
+    input: Record<string, unknown>[];
+    stages: ProcessorPreviewStage[];
+};
+export type ProcessorSampleResult = {
+    rows: Record<string, unknown>[];
+    processorPreview?: ProcessorPreview;
+};
+export declare function processorStageRows(stage: ProcessorPreviewStage | undefined): string;
+export declare function processorPreviewRequestProfile(profile: unknown): Record<string, unknown> | null;
+export declare function previewProfileProcessors(profile: unknown, params?: Record<string, unknown>): Promise<ProcessorSampleResult>;
+//# sourceMappingURL=processorPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processorPreview.d.ts","sourceRoot":"","sources":["../../../src/profiles/processor/processorPreview.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACjC,MAAM,EAAE,qBAAqB,EAAE,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC,CAAC;AAEF,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,qBAAqB,GAAG,SAAS,GACvC,MAAM,CAGR;AAED,wBAAgB,8BAA8B,CAC5C,OAAO,EAAE,OAAO,GACf,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAOhC;AAED,wBAAsB,wBAAwB,CAC5C,OAAO,EAAE,OAAO,EAChB,MAAM,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GACnC,OAAO,CAAC,qBAAqB,CAAC,CAqBhC"}

package/dist/profiles/processor/processorPreview.js

@@ -0,0 +1,55 @@
+import { fetchJSON } from "../connections/connectionBrowserModel.js";
+import { sampleRequestProfile } from "../query/jsonPathSample.js";
+import { profileApiPath } from "../profileApi.js";
+function processorStageRows(stage) {
+  if (!stage) return "";
+  return `${stage.rowsIn} → ${stage.rowsOut}`;
+}
+function processorPreviewRequestProfile(profile) {
+  const request = sampleRequestProfile(profile);
+  if (!request || !isRecord(profile)) return null;
+  for (const key of PROCESSOR_PREVIEW_KEYS) {
+    if (profile[key] !== void 0) request[key] = profile[key];
+  }
+  return request;
+}
+async function previewProfileProcessors(profile, params = {}) {
+  const request = processorPreviewRequestProfile(profile);
+  if (!request) throw new Error("Cannot preview processors without a provider");
+  const result = await fetchJSON(
+    profileApiPath("profile/sample"),
+    {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        profile: request,
+        params,
+        previewProcessors: true
+      })
+    }
+  );
+  if (!result.processorPreview) {
+    throw new Error(
+      "Processor preview response did not include processorPreview"
+    );
+  }
+  return result;
+}
+const PROCESSOR_PREVIEW_KEYS = [
+  "columns",
+  "aliases",
+  "ignore",
+  "filters",
+  "processors",
+  "limits",
+  "order"
+];
+function isRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+export {
+  previewProfileProcessors,
+  processorPreviewRequestProfile,
+  processorStageRows
+};
+//# sourceMappingURL=processorPreview.js.map

package/dist/profiles/processor/processorPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processorPreview.js","sources":["../../../src/profiles/processor/processorPreview.ts"],"sourcesContent":["import { fetchJSON } from \"../connections/connectionBrowserModel\";\nimport { sampleRequestProfile } from \"../query/jsonPathSample\";\nimport { profileApiPath } from \"../profileApi\";\n\nexport type ProcessorPreviewStage = {\n  index: number;\n  label: string;\n  type: string;\n  rowsIn: number;\n  rowsOut: number;\n  rows: Record<string, unknown>[];\n};\n\nexport type ProcessorPreview = {\n  input: Record<string, unknown>[];\n  stages: ProcessorPreviewStage[];\n};\n\nexport type ProcessorSampleResult = {\n  rows: Record<string, unknown>[];\n  processorPreview?: ProcessorPreview;\n};\n\nexport function processorStageRows(\n  stage: ProcessorPreviewStage | undefined,\n): string {\n  if (!stage) return \"\";\n  return `${stage.rowsIn} → ${stage.rowsOut}`;\n}\n\nexport function processorPreviewRequestProfile(\n  profile: unknown,\n): Record<string, unknown> | null {\n  const request = sampleRequestProfile(profile);\n  if (!request || !isRecord(profile)) return null;\n  for (const key of PROCESSOR_PREVIEW_KEYS) {\n    if (profile[key] !== undefined) request[key] = profile[key];\n  }\n  return request;\n}\n\nexport async function previewProfileProcessors(\n  profile: unknown,\n  params: Record<string, unknown> = {},\n): Promise<ProcessorSampleResult> {\n  const request = processorPreviewRequestProfile(profile);\n  if (!request) throw new Error(\"Cannot preview processors without a provider\");\n  const result = await fetchJSON<ProcessorSampleResult>(\n    profileApiPath(\"profile/sample\"),\n    {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({\n        profile: request,\n        params,\n        previewProcessors: true,\n      }),\n    },\n  );\n  if (!result.processorPreview) {\n    throw new Error(\n      \"Processor preview response did not include processorPreview\",\n    );\n  }\n  return result;\n}\n\nconst PROCESSOR_PREVIEW_KEYS = [\n  \"columns\",\n  \"aliases\",\n  \"ignore\",\n  \"filters\",\n  \"processors\",\n  \"limits\",\n  \"order\",\n] as const;\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === \"object\" && !Array.isArray(value);\n}\n"],"names":[],"mappings":";;;AAuBO,SAAS,mBACd,OACQ;AACR,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,GAAG,MAAM,MAAM,MAAM,MAAM,OAAO;AAC3C;AAEO,SAAS,+BACd,SACgC;AAChC,QAAM,UAAU,qBAAqB,OAAO;AAC5C,MAAI,CAAC,WAAW,CAAC,SAAS,OAAO,EAAG,QAAO;AAC3C,aAAW,OAAO,wBAAwB;AACxC,QAAI,QAAQ,GAAG,MAAM,gBAAmB,GAAG,IAAI,QAAQ,GAAG;AAAA,EAC5D;AACA,SAAO;AACT;AAEA,eAAsB,yBACpB,SACA,SAAkC,IACF;AAChC,QAAM,UAAU,+BAA+B,OAAO;AACtD,MAAI,CAAC,QAAS,OAAM,IAAI,MAAM,8CAA8C;AAC5E,QAAM,SAAS,MAAM;AAAA,IACnB,eAAe,gBAAgB;AAAA,IAC/B;AAAA,MACE,QAAQ;AAAA,MACR,SAAS,EAAE,gBAAgB,mBAAA;AAAA,MAC3B,MAAM,KAAK,UAAU;AAAA,QACnB,SAAS;AAAA,QACT;AAAA,QACA,mBAAmB;AAAA,MAAA,CACpB;AAAA,IAAA;AAAA,EACH;AAEF,MAAI,CAAC,OAAO,kBAAkB;AAC5B,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,MAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,SAAS,OAAkD;AAClE,SAAO,QAAQ,KAAK,KAAK,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;"}