@flanksource/clicky-ui 0.3.18 → 0.3.20

package/dist/profiles/profileWizardQueryStep.js

@@ -0,0 +1,215 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useMemo, useState, useEffect, useCallback } from "react";
+import { browserBaseUrl, fetchJSON, useInspection, mergeProviderOptions, queryBrowserOptionsSchema } from "./connectionBrowserModel.js";
+import { ConnectionQueryWorkspace } from "./connectionQueryWorkspace.js";
+import { profileApiPath } from "./profileApi.js";
+import { profileSamplePayload } from "./profileSamplePayload.js";
+import { profileWizardErrorMessage, withProfileLimits } from "./profileWizardModel.js";
+import { supportsQueryBuilder } from "./connectionQueryWorkspaceModel.js";
+import { paramRoles, defaultParamValues } from "./esQueryBuilderForm.js";
+function ProfileWizardQueryStep({
+  connectionID,
+  draft,
+  discovered,
+  onDraftChange,
+  onSample
+}) {
+  var _a, _b, _c, _d;
+  const baseUrl = browserBaseUrl(connectionID);
+  const descriptor = useQuery({
+    queryKey: ["profile-wizard-descriptor", connectionID],
+    queryFn: () => fetchJSON(baseUrl),
+    retry: 0
+  });
+  const providerOptions = useMemo(
+    () => {
+      var _a2;
+      return { ...(_a2 = draft.provider) == null ? void 0 : _a2.options };
+    },
+    [(_a = draft.provider) == null ? void 0 : _a.options]
+  );
+  const [query, setQuery] = useState(draft.query ?? "");
+  const [liveOptions, setLiveOptions] = useState(providerOptions);
+  const [catalogOptions, setCatalogOptions] = useState(
+    {}
+  );
+  const [selectedDatabase, setSelectedDatabase] = useState("");
+  const rawArtifact = descriptor.data !== void 0 && !supportsQueryBuilder(descriptor.data);
+  useEffect(() => {
+    var _a2;
+    if (rawArtifact && !query && ((_a2 = descriptor.data) == null ? void 0 : _a2.defaultQuery)) {
+      setQuery(descriptor.data.defaultQuery);
+      onDraftChange({ ...draft, query: descriptor.data.defaultQuery });
+    }
+  }, [(_b = descriptor.data) == null ? void 0 : _b.defaultQuery, draft, onDraftChange, query, rawArtifact]);
+  const explicitTargetKind = liveOptions.targetKind ?? providerOptions.targetKind;
+  const inspection = useInspection({
+    cacheKey: "profile-wizard-inspection",
+    id: connectionID,
+    baseUrl,
+    enabled: ((_c = descriptor.data) == null ? void 0 : _c.catalog) === true,
+    database: selectedDatabase,
+    fallbackDatabase: String(providerOptions.database ?? ""),
+    target: String(liveOptions.index ?? providerOptions.index ?? ""),
+    ...typeof explicitTargetKind === "string" ? { targetKind: explicitTargetKind } : {}
+  });
+  const browserOptions = useMemo(
+    () => {
+      var _a2;
+      return mergeProviderOptions({
+        layers: [
+          (_a2 = descriptor.data) == null ? void 0 : _a2.initialOptions,
+          providerOptions,
+          catalogOptions
+        ],
+        database: inspection.sqlDatabase,
+        keepTargetKind: true
+      });
+    },
+    [
+      catalogOptions,
+      (_d = descriptor.data) == null ? void 0 : _d.initialOptions,
+      inspection.sqlDatabase,
+      providerOptions
+    ]
+  );
+  const effectiveOptions = useCallback(
+    (options) => mergeProviderOptions({
+      layers: [providerOptions, catalogOptions, options],
+      database: inspection.sqlDatabase
+    }),
+    [catalogOptions, inspection.sqlDatabase, providerOptions]
+  );
+  if (descriptor.isLoading) {
+    return /* @__PURE__ */ jsx(QueryStepMessage, { children: "Loading connection browser…" });
+  }
+  if (descriptor.isError) {
+    return /* @__PURE__ */ jsx(QueryStepMessage, { error: true, children: profileWizardErrorMessage(
+      descriptor.error,
+      "Unable to load this connection browser"
+    ) });
+  }
+  if (!descriptor.data) {
+    return /* @__PURE__ */ jsx(QueryStepMessage, { children: "This saved connection does not expose a query browser." });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-[32rem] flex-1 flex-col gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 rounded-lg border bg-muted/30 px-4 py-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Explore the source, then run a sample" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Sampling discovers fields without saving the profile." })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-background px-3 py-1 text-xs font-medium text-muted-foreground", children: discovered.length ? `${discovered.length} fields discovered` : "No sample yet" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConnectionQueryWorkspace,
+      {
+        id: `profile-wizard:${connectionID}`,
+        title: "Profile query",
+        descriptor: descriptor.data,
+        inspection,
+        onDatabaseChange: setSelectedDatabase,
+        query,
+        options: browserOptions,
+        optionsSchema: queryBrowserOptionsSchema(descriptor.data),
+        search: providerOptions.search,
+        onSearchChange: (transition) => {
+          const options = effectiveOptions(liveOptions);
+          if (transition.search) options.search = transition.search;
+          else delete options.search;
+          setQuery(transition.query);
+          onDraftChange({
+            ...draft,
+            query: transition.query,
+            provider: { ...draft.provider, options }
+          });
+        },
+        params: draft.params ?? [],
+        onParamMappingChange: (edit) => {
+          const options = effectiveOptions(liveOptions);
+          options.search = edit.search;
+          setQuery("");
+          onDraftChange({
+            ...draft,
+            query: "",
+            params: edit.params,
+            provider: { ...draft.provider, options }
+          });
+        },
+        paramValues: defaultParamValues(draft.params),
+        paramRoles: paramRoles(draft.params),
+        ...draft.limits ? { limits: draft.limits } : {},
+        onLimitsChange: (limits) => onDraftChange(withProfileLimits(draft, limits)),
+        compileBaseUrl: baseUrl,
+        className: "min-h-0 flex-1",
+        onQueryChange: (nextQuery) => {
+          setQuery(nextQuery);
+          onDraftChange({ ...draft, query: nextQuery });
+        },
+        onOptionsChange: (options) => {
+          setLiveOptions(options);
+          onDraftChange({
+            ...draft,
+            provider: {
+              ...draft.provider,
+              options: effectiveOptions(options)
+            }
+          });
+        },
+        onCatalogSelect: (node) => {
+          const nextQuery = node.query ?? query;
+          const nextOptions = node.options ?? {};
+          setQuery(nextQuery);
+          setCatalogOptions(nextOptions);
+          setLiveOptions({ ...browserOptions, ...nextOptions });
+          onDraftChange({
+            ...draft,
+            query: nextQuery,
+            provider: {
+              ...draft.provider,
+              options: effectiveOptions({ ...browserOptions, ...nextOptions })
+            }
+          });
+        },
+        execute: async (request) => {
+          const nextDraft = {
+            ...draft,
+            query: request.query,
+            provider: {
+              ...draft.provider,
+              options: effectiveOptions(request.options)
+            }
+          };
+          onDraftChange(nextDraft);
+          const result = await fetchJSON(profileApiPath("profile/sample"), {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(profileSamplePayload(nextDraft, request))
+          });
+          onSample({
+            columns: result.columns ?? [],
+            rows: result.rows ?? [],
+            sourceDraft: nextDraft
+          });
+          return result;
+        }
+      }
+    )
+  ] });
+}
+function QueryStepMessage({
+  children,
+  error = false
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `grid min-h-96 flex-1 place-items-center rounded-xl border border-dashed p-8 text-sm ${error ? "border-destructive/40 text-destructive" : "text-muted-foreground"}`,
+      children
+    }
+  );
+}
+export {
+  ProfileWizardQueryStep
+};
+//# sourceMappingURL=profileWizardQueryStep.js.map

package/dist/profiles/profileWizardQueryStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileWizardQueryStep.js","sources":["../../src/profiles/profileWizardQueryStep.tsx"],"sourcesContent":["import type { QueryBrowserResult } from \"../data/query-browser/QueryBrowser.types\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useCallback, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport {\n  browserBaseUrl,\n  fetchJSON,\n  mergeProviderOptions,\n  queryBrowserOptionsSchema,\n  useInspection,\n  type BrowserDescriptor,\n} from \"./connectionBrowserModel\";\nimport { ConnectionQueryWorkspace } from \"./connectionQueryWorkspace\";\nimport { profileApiPath } from \"./profileApi\";\nimport { profileSamplePayload } from \"./profileSamplePayload\";\nimport type { EsSearch } from \"./esQueryBuilderModel\";\nimport {\n  profileWizardErrorMessage,\n  withProfileLimits,\n  type ProfileColumn,\n  type ProfileWizardDraft,\n} from \"./profileWizardModel\";\nimport { supportsQueryBuilder } from \"./connectionQueryWorkspaceModel\";\nimport { defaultParamValues, paramRoles } from \"./esQueryBuilderForm\";\n\ntype SampleResult = QueryBrowserResult & {\n  columns: ProfileColumn[];\n  renderedQuery: string;\n};\n\n/** What a sample yields: the discovered column shape plus the rows it came\n *  from, so the editor can preview the configured columns against real data. */\nexport type ProfileSample = {\n  columns: ProfileColumn[];\n  rows: Record<string, unknown>[];\n  sourceDraft: ProfileWizardDraft;\n};\n\ntype ProfileWizardQueryStepProps = {\n  connectionID: string;\n  draft: ProfileWizardDraft;\n  discovered: ProfileColumn[];\n  onDraftChange: (draft: ProfileWizardDraft) => void;\n  onSample: (sample: ProfileSample) => void;\n};\n\nexport function ProfileWizardQueryStep({\n  connectionID,\n  draft,\n  discovered,\n  onDraftChange,\n  onSample,\n}: ProfileWizardQueryStepProps) {\n  const baseUrl = browserBaseUrl(connectionID);\n  const descriptor = useQuery({\n    queryKey: [\"profile-wizard-descriptor\", connectionID],\n    queryFn: () => fetchJSON<BrowserDescriptor>(baseUrl),\n    retry: 0,\n  });\n  const providerOptions = useMemo(\n    () => ({ ...draft.provider?.options }),\n    [draft.provider?.options],\n  );\n  const [query, setQuery] = useState(draft.query ?? \"\");\n  const [liveOptions, setLiveOptions] = useState(providerOptions);\n  const [catalogOptions, setCatalogOptions] = useState<Record<string, unknown>>(\n    {},\n  );\n  const [selectedDatabase, setSelectedDatabase] = useState(\"\");\n\n  // The starter query is for a source whose artifact is the query. Where the\n  // workspace builds filters instead, the specification is the artifact and a\n  // query seeded beside it would be the pair the server rejects.\n  const rawArtifact =\n    descriptor.data !== undefined && !supportsQueryBuilder(descriptor.data);\n  useEffect(() => {\n    if (rawArtifact && !query && descriptor.data?.defaultQuery) {\n      setQuery(descriptor.data.defaultQuery);\n      onDraftChange({ ...draft, query: descriptor.data.defaultQuery });\n    }\n  }, [descriptor.data?.defaultQuery, draft, onDraftChange, query, rawArtifact]);\n\n  const explicitTargetKind = liveOptions.targetKind ?? providerOptions.targetKind;\n  const inspection = useInspection({\n    cacheKey: \"profile-wizard-inspection\",\n    id: connectionID,\n    baseUrl,\n    enabled: descriptor.data?.catalog === true,\n    database: selectedDatabase,\n    fallbackDatabase: String(providerOptions.database ?? \"\"),\n    target: String(liveOptions.index ?? providerOptions.index ?? \"\"),\n    ...(typeof explicitTargetKind === \"string\"\n      ? { targetKind: explicitTargetKind }\n      : {}),\n  });\n  const browserOptions = useMemo(\n    () =>\n      mergeProviderOptions({\n        layers: [\n          descriptor.data?.initialOptions,\n          providerOptions,\n          catalogOptions,\n        ],\n        database: inspection.sqlDatabase,\n        keepTargetKind: true,\n      }),\n    [\n      catalogOptions,\n      descriptor.data?.initialOptions,\n      inspection.sqlDatabase,\n      providerOptions,\n    ],\n  );\n  const effectiveOptions = useCallback(\n    (options: Record<string, unknown>) =>\n      mergeProviderOptions({\n        layers: [providerOptions, catalogOptions, options],\n        database: inspection.sqlDatabase,\n      }),\n    [catalogOptions, inspection.sqlDatabase, providerOptions],\n  );\n\n  if (descriptor.isLoading) {\n    return <QueryStepMessage>Loading connection browser…</QueryStepMessage>;\n  }\n  if (descriptor.isError) {\n    return (\n      <QueryStepMessage error>\n        {profileWizardErrorMessage(\n          descriptor.error,\n          \"Unable to load this connection browser\",\n        )}\n      </QueryStepMessage>\n    );\n  }\n  if (!descriptor.data) {\n    return (\n      <QueryStepMessage>\n        This saved connection does not expose a query browser.\n      </QueryStepMessage>\n    );\n  }\n\n  return (\n    <div className=\"flex min-h-[32rem] flex-1 flex-col gap-3\">\n      <div className=\"flex items-center justify-between gap-4 rounded-lg border bg-muted/30 px-4 py-3\">\n        <div>\n          <p className=\"text-sm font-medium\">Explore the source, then run a sample</p>\n          <p className=\"text-xs text-muted-foreground\">\n            Sampling discovers fields without saving the profile.\n          </p>\n        </div>\n        <span className=\"shrink-0 rounded-full bg-background px-3 py-1 text-xs font-medium text-muted-foreground\">\n          {discovered.length\n            ? `${discovered.length} fields discovered`\n            : \"No sample yet\"}\n        </span>\n      </div>\n      <ConnectionQueryWorkspace\n        id={`profile-wizard:${connectionID}`}\n        title=\"Profile query\"\n        descriptor={descriptor.data}\n        inspection={inspection}\n        onDatabaseChange={setSelectedDatabase}\n        query={query}\n        options={browserOptions}\n        optionsSchema={queryBrowserOptionsSchema(descriptor.data)}\n        search={providerOptions.search as EsSearch | undefined}\n        onSearchChange={(transition) => {\n          // Built from the merged options so a delete actually removes the key\n          // rather than being reinstated by a lower layer on the next merge.\n          const options = effectiveOptions(liveOptions);\n          if (transition.search) options.search = transition.search;\n          else delete options.search;\n          setQuery(transition.query);\n          onDraftChange({\n            ...draft,\n            query: transition.query,\n            provider: { ...draft.provider, options },\n          });\n        }}\n        params={draft.params ?? []}\n        onParamMappingChange={(edit) => {\n          const options = effectiveOptions(liveOptions);\n          options.search = edit.search;\n          setQuery(\"\");\n          onDraftChange({\n            ...draft,\n            query: \"\",\n            params: edit.params,\n            provider: { ...draft.provider, options },\n          });\n        }}\n        paramValues={defaultParamValues(draft.params)}\n        paramRoles={paramRoles(draft.params)}\n        {...(draft.limits ? { limits: draft.limits } : {})}\n        onLimitsChange={(limits) => onDraftChange(withProfileLimits(draft, limits))}\n        compileBaseUrl={baseUrl}\n        className=\"min-h-0 flex-1\"\n        onQueryChange={(nextQuery) => {\n          setQuery(nextQuery);\n          onDraftChange({ ...draft, query: nextQuery });\n        }}\n        onOptionsChange={(options) => {\n          setLiveOptions(options);\n          onDraftChange({\n            ...draft,\n            provider: {\n              ...draft.provider,\n              options: effectiveOptions(options),\n            },\n          });\n        }}\n        onCatalogSelect={(node) => {\n          const nextQuery = node.query ?? query;\n          const nextOptions = node.options ?? {};\n          setQuery(nextQuery);\n          setCatalogOptions(nextOptions);\n          setLiveOptions({ ...browserOptions, ...nextOptions });\n          onDraftChange({\n            ...draft,\n            query: nextQuery,\n            provider: {\n              ...draft.provider,\n              options: effectiveOptions({ ...browserOptions, ...nextOptions }),\n            },\n          });\n        }}\n        execute={async (request) => {\n          const nextDraft = {\n            ...draft,\n            query: request.query,\n            provider: {\n              ...draft.provider,\n              options: effectiveOptions(request.options),\n            },\n          };\n          onDraftChange(nextDraft);\n          const result = await fetchJSON<SampleResult>(profileApiPath(\"profile/sample\"), {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application/json\" },\n            body: JSON.stringify(profileSamplePayload(nextDraft, request)),\n          });\n          onSample({\n            columns: result.columns ?? [],\n            rows: result.rows ?? [],\n            sourceDraft: nextDraft,\n          });\n          return result;\n        }}\n      />\n    </div>\n  );\n}\n\nfunction QueryStepMessage({\n  children,\n  error = false,\n}: {\n  children: ReactNode;\n  error?: boolean;\n}) {\n  return (\n    <div\n      className={`grid min-h-96 flex-1 place-items-center rounded-xl border border-dashed p-8 text-sm ${error ? \"border-destructive/40 text-destructive\" : \"text-muted-foreground\"}`}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["_a"],"mappings":"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"}

package/dist/profiles/profileWizardSteps.cjs

@@ -0,0 +1,214 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const profileFieldManager = require("./profileFieldManager.cjs");
+const profileWizardModel = require("./profileWizardModel.cjs");
+function WizardProgress({
+  stepIndex,
+  onStepChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "grid grid-cols-4 gap-2", "aria-label": "Profile builder progress", children: profileWizardModel.profileWizardSteps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      disabled: index > stepIndex,
+      "aria-current": index === stepIndex ? "step" : void 0,
+      className: `flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left ${index === stepIndex ? "bg-primary/10 text-foreground" : "text-muted-foreground"}`,
+      onClick: () => onStepChange(index),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: `grid size-6 shrink-0 place-items-center rounded-full text-xs font-semibold ${index <= stepIndex ? "bg-primary text-primary-foreground" : "bg-muted"}`,
+            children: index + 1
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "hidden min-w-0 md:block", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-xs font-medium", children: step.label }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-[10px]", children: step.description })
+        ] })
+      ]
+    }
+  ) }, step.id)) });
+}
+function SourceStep({
+  choices,
+  loading,
+  error,
+  truncated,
+  total,
+  search,
+  selected,
+  selectedType,
+  onSearchChange,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid max-w-4xl gap-5 lg:grid-cols-[1fr_18rem]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "overflow-hidden rounded-xl border bg-card", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1.5 text-sm font-medium", children: [
+        "Find a saved connection",
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "search",
+            value: search,
+            autoFocus: true,
+            placeholder: "Search connections",
+            className: "rounded-md border border-input bg-background px-3 py-2.5 outline-none focus:border-primary focus:ring-2 focus:ring-primary/15",
+            onChange: (event) => onSearchChange(event.target.value)
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-h-[26rem] overflow-auto p-2", children: [
+        choices.map((choice) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: `flex w-full items-center justify-between rounded-lg border px-4 py-3 text-left transition-colors ${selected === choice.value ? "border-primary bg-primary/8" : "border-transparent hover:bg-muted/60"}`,
+            onClick: () => onSelect(choice),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-sm font-medium", children: choice.name }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-muted-foreground", children: "Saved connection" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-muted px-2.5 py-1 text-xs font-medium", children: choice.providerType })
+            ]
+          },
+          choice.value
+        )),
+        loading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: "Loading connections…" }) : null,
+        error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-8 text-center text-sm text-destructive", children: profileWizardModel.profileWizardErrorMessage(error, "Unable to load connections") }) : null,
+        !loading && !error && choices.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: "No saved connections match this search." }) : null
+      ] }),
+      truncated ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "border-t px-4 py-2 text-xs text-muted-foreground", children: [
+        "Showing the first ",
+        choices.length,
+        " of ",
+        total ?? "many",
+        ". Search to narrow the list."
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "rounded-xl border bg-muted/25 p-5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Selected source" }),
+      selected ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-3 font-semibold", children: profileWizardModel.profileConnectionID(selected) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: selectedType }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-5 text-sm leading-6 text-muted-foreground", children: "The next step loads this connection's catalog, query language, and sampling controls." })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-sm leading-6 text-muted-foreground", children: "Choose a connection to begin. Connection credentials stay on the server and are never copied into the profile." })
+    ] })
+  ] });
+}
+function FieldsStep({
+  draft,
+  discovered,
+  activeField,
+  onDraftChange,
+  onActiveFieldChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "grid gap-4 rounded-xl border bg-muted/25 p-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1.5 text-sm font-medium", children: [
+        "Profile name ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            value: draft.profile ?? "",
+            placeholder: "e.g. service-logs",
+            className: "rounded-md border border-input bg-background px-3 py-2 outline-none focus:border-primary focus:ring-2 focus:ring-primary/15",
+            onChange: (event) => onDraftChange({ ...draft, profile: event.target.value })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1.5 text-sm font-medium", children: [
+        "Namespace ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-normal text-muted-foreground", children: "Optional" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            value: draft.namespace ?? "",
+            placeholder: "e.g. observability",
+            className: "rounded-md border border-input bg-background px-3 py-2 outline-none focus:border-primary focus:ring-2 focus:ring-primary/15",
+            onChange: (event) => onDraftChange({ ...draft, namespace: event.target.value })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      profileFieldManager.ProfileFieldManager,
+      {
+        discovered,
+        configured: draft.columns ?? [],
+        activeName: activeField,
+        onConfiguredChange: (columns) => onDraftChange({ ...draft, columns }),
+        onActiveNameChange: onActiveFieldChange
+      }
+    )
+  ] });
+}
+function ReviewStep({
+  draft,
+  discovered
+}) {
+  var _a, _b, _c, _d, _e, _f;
+  const connection = profileWizardModel.profileConnectionID(((_a = draft.provider) == null ? void 0 : _a.connection) ?? "");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid max-w-5xl gap-4 lg:grid-cols-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ReviewCard, { label: "Profile", value: draft.profile || "Unnamed", children: draft.namespace ? `Namespace: ${draft.namespace}` : "Default namespace" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ReviewCard, { label: "Source", value: connection || "Not selected", children: ((_b = draft.provider) == null ? void 0 : _b.type) || "Unknown provider" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border bg-card p-5 lg:col-span-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Fields" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "mt-1 font-semibold", children: [
+            ((_c = draft.columns) == null ? void 0 : _c.length) ?? 0,
+            " of ",
+            discovered.length,
+            " included"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary", children: [
+          ((_d = draft.columns) == null ? void 0 : _d.filter((field) => field.hidden).length) ?? 0,
+          " hidden"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex flex-wrap gap-2", children: [
+        (draft.columns ?? []).slice(0, 16).map((field) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: "rounded-md border bg-muted/30 px-2.5 py-1.5 font-mono text-xs",
+            children: [
+              field.label || field.name,
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 text-muted-foreground", children: field.type || "auto" })
+            ]
+          },
+          field.name
+        )),
+        (((_e = draft.columns) == null ? void 0 : _e.length) ?? 0) > 16 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: [
+          "+",
+          (((_f = draft.columns) == null ? void 0 : _f.length) ?? 0) - 16,
+          " more"
+        ] }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border bg-card p-5 lg:col-span-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Query" }),
+      /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-3 max-h-72 overflow-auto whitespace-pre-wrap rounded-lg bg-muted/50 p-4 font-mono text-xs leading-6", children: draft.query })
+    ] })
+  ] });
+}
+function ReviewCard({
+  label,
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border bg-card p-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-2 text-lg font-semibold", children: value }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children })
+  ] });
+}
+exports.FieldsStep = FieldsStep;
+exports.ReviewStep = ReviewStep;
+exports.SourceStep = SourceStep;
+exports.WizardProgress = WizardProgress;
+//# sourceMappingURL=profileWizardSteps.cjs.map

package/dist/profiles/profileWizardSteps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileWizardSteps.cjs","sources":["../../src/profiles/profileWizardSteps.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { ProfileFieldManager } from \"./profileFieldManager\";\nimport {\n  profileConnectionID,\n  profileWizardErrorMessage,\n  profileWizardSteps,\n  type ProfileColumn,\n  type ProfileWizardDraft,\n} from \"./profileWizardModel\";\n\nexport type ConnectionChoice = {\n  value: string;\n  label: string;\n  name: string;\n  providerType: string;\n};\n\nexport function WizardProgress({\n  stepIndex,\n  onStepChange,\n}: {\n  stepIndex: number;\n  onStepChange: (index: number) => void;\n}) {\n  return (\n    <ol className=\"grid grid-cols-4 gap-2\" aria-label=\"Profile builder progress\">\n      {profileWizardSteps.map((step, index) => (\n        <li key={step.id}>\n          <button\n            type=\"button\"\n            disabled={index > stepIndex}\n            aria-current={index === stepIndex ? \"step\" : undefined}\n            className={`flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left ${index === stepIndex ? \"bg-primary/10 text-foreground\" : \"text-muted-foreground\"}`}\n            onClick={() => onStepChange(index)}\n          >\n            <span\n              className={`grid size-6 shrink-0 place-items-center rounded-full text-xs font-semibold ${index <= stepIndex ? \"bg-primary text-primary-foreground\" : \"bg-muted\"}`}\n            >\n              {index + 1}\n            </span>\n            <span className=\"hidden min-w-0 md:block\">\n              <span className=\"block truncate text-xs font-medium\">{step.label}</span>\n              <span className=\"block truncate text-[10px]\">{step.description}</span>\n            </span>\n          </button>\n        </li>\n      ))}\n    </ol>\n  );\n}\n\nexport function SourceStep({\n  choices,\n  loading,\n  error,\n  truncated,\n  total,\n  search,\n  selected,\n  selectedType,\n  onSearchChange,\n  onSelect,\n}: {\n  choices: ConnectionChoice[];\n  loading: boolean;\n  error: unknown;\n  truncated?: boolean;\n  total?: number;\n  search: string;\n  selected: string;\n  selectedType: string;\n  onSearchChange: (search: string) => void;\n  onSelect: (choice: ConnectionChoice) => void;\n}) {\n  return (\n    <div className=\"mx-auto grid max-w-4xl gap-5 lg:grid-cols-[1fr_18rem]\">\n      <section className=\"overflow-hidden rounded-xl border bg-card\">\n        <div className=\"border-b p-4\">\n          <label className=\"grid gap-1.5 text-sm font-medium\">\n            Find a saved connection\n            <input\n              type=\"search\"\n              value={search}\n              autoFocus\n              placeholder=\"Search connections\"\n              className=\"rounded-md border border-input bg-background px-3 py-2.5 outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\"\n              onChange={(event) => onSearchChange(event.target.value)}\n            />\n          </label>\n        </div>\n        <div className=\"max-h-[26rem] overflow-auto p-2\">\n          {choices.map((choice) => (\n            <button\n              key={choice.value}\n              type=\"button\"\n              className={`flex w-full items-center justify-between rounded-lg border px-4 py-3 text-left transition-colors ${selected === choice.value ? \"border-primary bg-primary/8\" : \"border-transparent hover:bg-muted/60\"}`}\n              onClick={() => onSelect(choice)}\n            >\n              <span>\n                <span className=\"block text-sm font-medium\">{choice.name}</span>\n                <span className=\"block text-xs text-muted-foreground\">\n                  Saved connection\n                </span>\n              </span>\n              <span className=\"rounded-full bg-muted px-2.5 py-1 text-xs font-medium\">\n                {choice.providerType}\n              </span>\n            </button>\n          ))}\n          {loading ? (\n            <p className=\"p-8 text-center text-sm text-muted-foreground\">\n              Loading connections…\n            </p>\n          ) : null}\n          {error ? (\n            <p className=\"p-8 text-center text-sm text-destructive\">\n              {profileWizardErrorMessage(error, \"Unable to load connections\")}\n            </p>\n          ) : null}\n          {!loading && !error && choices.length === 0 ? (\n            <p className=\"p-8 text-center text-sm text-muted-foreground\">\n              No saved connections match this search.\n            </p>\n          ) : null}\n        </div>\n        {truncated ? (\n          <p className=\"border-t px-4 py-2 text-xs text-muted-foreground\">\n            Showing the first {choices.length} of {total ?? \"many\"}. Search to narrow the list.\n          </p>\n        ) : null}\n      </section>\n      <aside className=\"rounded-xl border bg-muted/25 p-5\">\n        <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          Selected source\n        </p>\n        {selected ? (\n          <>\n            <h3 className=\"mt-3 font-semibold\">{profileConnectionID(selected)}</h3>\n            <p className=\"mt-1 text-sm text-muted-foreground\">{selectedType}</p>\n            <p className=\"mt-5 text-sm leading-6 text-muted-foreground\">\n              The next step loads this connection&apos;s catalog, query language,\n              and sampling controls.\n            </p>\n          </>\n        ) : (\n          <p className=\"mt-3 text-sm leading-6 text-muted-foreground\">\n            Choose a connection to begin. Connection credentials stay on the\n            server and are never copied into the profile.\n          </p>\n        )}\n      </aside>\n    </div>\n  );\n}\n\nexport function FieldsStep({\n  draft,\n  discovered,\n  activeField,\n  onDraftChange,\n  onActiveFieldChange,\n}: {\n  draft: ProfileWizardDraft;\n  discovered: ProfileColumn[];\n  activeField: string;\n  onDraftChange: (draft: ProfileWizardDraft) => void;\n  onActiveFieldChange: (name: string) => void;\n}) {\n  return (\n    <div className=\"grid gap-5\">\n      <section className=\"grid gap-4 rounded-xl border bg-muted/25 p-4 md:grid-cols-2\">\n        <label className=\"grid gap-1.5 text-sm font-medium\">\n          Profile name <span className=\"text-destructive\">*</span>\n          <input\n            value={draft.profile ?? \"\"}\n            placeholder=\"e.g. service-logs\"\n            className=\"rounded-md border border-input bg-background px-3 py-2 outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\"\n            onChange={(event) =>\n              onDraftChange({ ...draft, profile: event.target.value })\n            }\n          />\n        </label>\n        <label className=\"grid gap-1.5 text-sm font-medium\">\n          Namespace <span className=\"font-normal text-muted-foreground\">Optional</span>\n          <input\n            value={draft.namespace ?? \"\"}\n            placeholder=\"e.g. observability\"\n            className=\"rounded-md border border-input bg-background px-3 py-2 outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\"\n            onChange={(event) =>\n              onDraftChange({ ...draft, namespace: event.target.value })\n            }\n          />\n        </label>\n      </section>\n      <ProfileFieldManager\n        discovered={discovered}\n        configured={draft.columns ?? []}\n        activeName={activeField}\n        onConfiguredChange={(columns) => onDraftChange({ ...draft, columns })}\n        onActiveNameChange={onActiveFieldChange}\n      />\n    </div>\n  );\n}\n\nexport function ReviewStep({\n  draft,\n  discovered,\n}: {\n  draft: ProfileWizardDraft;\n  discovered: ProfileColumn[];\n}) {\n  const connection = profileConnectionID(draft.provider?.connection ?? \"\");\n  return (\n    <div className=\"mx-auto grid max-w-5xl gap-4 lg:grid-cols-2\">\n      <ReviewCard label=\"Profile\" value={draft.profile || \"Unnamed\"}>\n        {draft.namespace ? `Namespace: ${draft.namespace}` : \"Default namespace\"}\n      </ReviewCard>\n      <ReviewCard label=\"Source\" value={connection || \"Not selected\"}>\n        {draft.provider?.type || \"Unknown provider\"}\n      </ReviewCard>\n      <section className=\"rounded-xl border bg-card p-5 lg:col-span-2\">\n        <div className=\"flex items-center justify-between gap-4\">\n          <div>\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n              Fields\n            </p>\n            <h3 className=\"mt-1 font-semibold\">\n              {draft.columns?.length ?? 0} of {discovered.length} included\n            </h3>\n          </div>\n          <span className=\"rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary\">\n            {draft.columns?.filter((field) => field.hidden).length ?? 0} hidden\n          </span>\n        </div>\n        <div className=\"mt-4 flex flex-wrap gap-2\">\n          {(draft.columns ?? []).slice(0, 16).map((field) => (\n            <span\n              key={field.name}\n              className=\"rounded-md border bg-muted/30 px-2.5 py-1.5 font-mono text-xs\"\n            >\n              {field.label || field.name}\n              <span className=\"ml-2 text-muted-foreground\">\n                {field.type || \"auto\"}\n              </span>\n            </span>\n          ))}\n          {(draft.columns?.length ?? 0) > 16 ? (\n            <span className=\"px-2 py-1.5 text-xs text-muted-foreground\">\n              +{(draft.columns?.length ?? 0) - 16} more\n            </span>\n          ) : null}\n        </div>\n      </section>\n      <section className=\"rounded-xl border bg-card p-5 lg:col-span-2\">\n        <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          Query\n        </p>\n        <pre className=\"mt-3 max-h-72 overflow-auto whitespace-pre-wrap rounded-lg bg-muted/50 p-4 font-mono text-xs leading-6\">\n          {draft.query}\n        </pre>\n      </section>\n    </div>\n  );\n}\n\nfunction ReviewCard({\n  label,\n  value,\n  children,\n}: {\n  label: string;\n  value: ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <section className=\"rounded-xl border bg-card p-5\">\n      <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        {label}\n      </p>\n      <h3 className=\"mt-2 text-lg font-semibold\">{value}</h3>\n      <p className=\"mt-1 text-sm text-muted-foreground\">{children}</p>\n    </section>\n  );\n}\n"],"names":["jsx","profileWizardSteps","jsxs","profileWizardErrorMessage","Fragment","profileConnectionID","ProfileFieldManager"],"mappings":"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"}

package/dist/profiles/profileWizardSteps.d.ts

@@ -0,0 +1,35 @@
+import { ProfileColumn, ProfileWizardDraft } from './profileWizardModel';
+export type ConnectionChoice = {
+    value: string;
+    label: string;
+    name: string;
+    providerType: string;
+};
+export declare function WizardProgress({ stepIndex, onStepChange, }: {
+    stepIndex: number;
+    onStepChange: (index: number) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SourceStep({ choices, loading, error, truncated, total, search, selected, selectedType, onSearchChange, onSelect, }: {
+    choices: ConnectionChoice[];
+    loading: boolean;
+    error: unknown;
+    truncated?: boolean;
+    total?: number;
+    search: string;
+    selected: string;
+    selectedType: string;
+    onSearchChange: (search: string) => void;
+    onSelect: (choice: ConnectionChoice) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function FieldsStep({ draft, discovered, activeField, onDraftChange, onActiveFieldChange, }: {
+    draft: ProfileWizardDraft;
+    discovered: ProfileColumn[];
+    activeField: string;
+    onDraftChange: (draft: ProfileWizardDraft) => void;
+    onActiveFieldChange: (name: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ReviewStep({ draft, discovered, }: {
+    draft: ProfileWizardDraft;
+    discovered: ProfileColumn[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=profileWizardSteps.d.ts.map

package/dist/profiles/profileWizardSteps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileWizardSteps.d.ts","sourceRoot":"","sources":["../../src/profiles/profileWizardSteps.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACxB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,YAAY,GACb,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,2CA0BA;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,KAAK,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC9C,2CAgFA;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,UAAU,EACV,WAAW,EACX,aAAa,EACb,mBAAmB,GACpB,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,2CAoCA;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,UAAU,GACX,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,UAAU,EAAE,aAAa,EAAE,CAAC;CAC7B,2CAqDA"}