@flanksource/clicky-ui 0.3.18 → 0.3.20

package/dist/profiles/profileBuilderWorkspace.js

@@ -0,0 +1,368 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { JsonSchemaForm } from "../components/JsonSchemaForm.js";
+import { Button } from "../components/button.js";
+import { Icon } from "../data/Icon.js";
+import { Modal } from "../overlay/Modal.js";
+import { useQuery } from "@tanstack/react-query";
+import { useMemo, useState, useEffect, useCallback } from "react";
+import { browserBaseUrl, fetchJSON, useInspection, mergeProviderOptions } from "./connectionBrowserModel.js";
+import { ConnectionQueryWorkspace } from "./connectionQueryWorkspace.js";
+import { ColumnPicker } from "./profileColumnPicker.js";
+import { withProfileLimits } from "./profileWizardModel.js";
+import { defaultParamValues, paramRoles } from "./esQueryBuilderForm.js";
+import { mapTimestampColumn } from "./profileColumnModel.js";
+import { UiCheck } from "../icons/components/UiCheck.js";
+import { UiColumns } from "../icons/components/UiColumns.js";
+import { UiSqlColumn } from "../icons/components/UiSqlColumn.js";
+const profileBuilderModalClassName = "h-[calc(100dvh-2rem)] [&>[data-slot=modal-body]]:flex [&>[data-slot=modal-body]]:min-h-0 [&>[data-slot=modal-body]]:overflow-hidden [&>[data-slot=modal-body]>*]:flex-1 [&>[data-slot=modal-body]>*]:h-auto [&>[data-slot=modal-body]>*]:min-h-0";
+function ProfileBuilderWorkspace({
+  connectionID,
+  rootValue,
+  onApply,
+  onClose
+}) {
+  var _a, _b, _c, _d;
+  const baseUrl = browserBaseUrl(connectionID);
+  const descriptor = useQuery({
+    queryKey: ["profile-builder-descriptor", connectionID],
+    queryFn: () => fetchJSON(baseUrl),
+    retry: 0
+  });
+  const initialProviderOptions = useMemo(
+    () => {
+      var _a2;
+      return { ...(_a2 = rootValue.provider) == null ? void 0 : _a2.options };
+    },
+    [(_a = rootValue.provider) == null ? void 0 : _a.options]
+  );
+  const [query, setQuery] = useState(rootValue.query ?? "");
+  const [search, setSearch] = useState(
+    () => initialProviderOptions.search
+  );
+  const [params, setParams] = useState(
+    () => rootValue.params ?? []
+  );
+  const [liveOptions, setLiveOptions] = useState(
+    initialProviderOptions
+  );
+  const [catalogOptions, setCatalogOptions] = useState(
+    {}
+  );
+  const [sampleParams, setSampleParams] = useState(
+    () => defaultParamValues(params)
+  );
+  const [sampleColumns, setSampleColumns] = useState([]);
+  const [selectedColumns, setSelectedColumns] = useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  const [timestampColumn, setTimestampColumn] = useState(
+    () => {
+      var _a2, _b2;
+      return ((_b2 = (_a2 = rootValue.columns) == null ? void 0 : _a2.find((column) => column.kind === "timestamp")) == null ? void 0 : _b2.name) ?? "";
+    }
+  );
+  const [selectedDatabase, setSelectedDatabase] = useState("");
+  const [limits, setLimits] = useState(
+    () => rootValue.limits
+  );
+  useEffect(() => {
+    var _a2;
+    if (!query && ((_a2 = descriptor.data) == null ? void 0 : _a2.defaultQuery)) {
+      setQuery(descriptor.data.defaultQuery);
+    }
+  }, [(_b = descriptor.data) == null ? void 0 : _b.defaultQuery, query]);
+  const explicitTargetKind = liveOptions.targetKind ?? initialProviderOptions.targetKind;
+  const inspection = useInspection({
+    cacheKey: "profile-builder-inspection",
+    id: connectionID,
+    baseUrl,
+    enabled: ((_c = descriptor.data) == null ? void 0 : _c.catalog) === true,
+    database: selectedDatabase,
+    fallbackDatabase: String(initialProviderOptions.database ?? ""),
+    target: String(liveOptions.index ?? initialProviderOptions.index ?? ""),
+    ...typeof explicitTargetKind === "string" ? { targetKind: explicitTargetKind } : {}
+  });
+  const browserOptions = useMemo(
+    () => {
+      var _a2;
+      return mergeProviderOptions({
+        layers: [
+          (_a2 = descriptor.data) == null ? void 0 : _a2.initialOptions,
+          initialProviderOptions,
+          catalogOptions
+        ],
+        database: inspection.sqlDatabase,
+        keepTargetKind: true
+      });
+    },
+    [
+      catalogOptions,
+      (_d = descriptor.data) == null ? void 0 : _d.initialOptions,
+      initialProviderOptions,
+      inspection.sqlDatabase
+    ]
+  );
+  const effectiveOptions = useCallback(
+    (options) => {
+      const merged = mergeProviderOptions({
+        layers: [initialProviderOptions, catalogOptions, options],
+        database: inspection.sqlDatabase
+      });
+      if (search) merged.search = search;
+      else delete merged.search;
+      return merged;
+    },
+    [catalogOptions, initialProviderOptions, inspection.sqlDatabase, search]
+  );
+  const paramSchema = useMemo(() => sampleParamSchema(params), [params]);
+  const existingColumns = rootValue.columns ?? [];
+  const existingNames = useMemo(
+    () => new Set(existingColumns.map((column) => column.name)),
+    [existingColumns]
+  );
+  const applyDraft = (mode) => {
+    const chosen = mapTimestampColumn(
+      sampleColumns.filter((column) => selectedColumns.has(column.name)),
+      timestampColumn
+    );
+    let columns = existingColumns;
+    if (mode === "merge") {
+      columns = mapTimestampColumn(
+        [
+          ...existingColumns,
+          ...chosen.filter((column) => !existingNames.has(column.name))
+        ],
+        timestampColumn
+      );
+    } else if (mode === "replace") {
+      if (existingColumns.length > 0 && !window.confirm(
+        `Replace ${existingColumns.length} configured column${existingColumns.length === 1 ? "" : "s"}?`
+      )) {
+        return;
+      }
+      columns = chosen;
+    }
+    const next = withProfileLimits(
+      {
+        ...rootValue,
+        query,
+        params,
+        provider: {
+          ...rootValue.provider,
+          options: effectiveOptions(liveOptions)
+        },
+        ...mode === "query" ? {} : { columns }
+      },
+      limits
+    );
+    onApply(next);
+    onClose();
+  };
+  const footer = /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
+    /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", onClick: onClose, children: "Cancel" }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        disabled: !query.trim() && !search,
+        onClick: () => applyDraft("query"),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { icon: UiCheck, className: "size-4" }),
+          "Use query"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        disabled: selectedColumns.size === 0,
+        onClick: () => applyDraft("merge"),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { icon: UiColumns, className: "size-4" }),
+          "Merge selected"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        disabled: selectedColumns.size === 0,
+        onClick: () => applyDraft("replace"),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { icon: UiSqlColumn, className: "size-4" }),
+          "Replace columns"
+        ]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      open: true,
+      onClose,
+      title: `Build profile from ${connectionID}`,
+      size: "full",
+      className: profileBuilderModalClassName,
+      footer,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col gap-3", children: [
+        Object.keys(paramSchema.properties ?? {}).length > 0 ? /* @__PURE__ */ jsxs("div", { className: "shrink-0 rounded-md border bg-card px-3 py-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: "Temporary sample parameters (not saved)" }),
+          /* @__PURE__ */ jsx(
+            JsonSchemaForm,
+            {
+              schema: paramSchema,
+              value: sampleParams,
+              onChange: setSampleParams,
+              size: "sm",
+              inline: true,
+              showPreferencesMenu: false,
+              persistPreferences: false
+            }
+          )
+        ] }) : null,
+        descriptor.isLoading ? /* @__PURE__ */ jsx(WorkspaceMessage, { children: "Loading connection browser…" }) : descriptor.isError ? /* @__PURE__ */ jsx(WorkspaceMessage, { error: true, children: errorMessage(
+          descriptor.error,
+          "Unable to load this connection browser"
+        ) }) : descriptor.data ? /* @__PURE__ */ jsx(
+          ConnectionQueryWorkspace,
+          {
+            id: `profile-builder:${connectionID}`,
+            title: "Profile query",
+            descriptor: descriptor.data,
+            inspection,
+            onDatabaseChange: setSelectedDatabase,
+            query,
+            onQueryChange: setQuery,
+            options: browserOptions,
+            onOptionsChange: setLiveOptions,
+            search,
+            onSearchChange: (transition) => {
+              setSearch(transition.search);
+              setQuery(transition.query);
+            },
+            ...limits ? { limits } : {},
+            onLimitsChange: setLimits,
+            params,
+            onParamMappingChange: (edit) => {
+              setSearch(edit.search);
+              setParams(edit.params);
+            },
+            paramValues: sampleParams,
+            paramRoles: paramRoles(params),
+            compileBaseUrl: baseUrl,
+            className: "h-full min-h-0",
+            onCatalogSelect: (node) => {
+              if (node.query) setQuery(node.query);
+              const nextOptions = node.options ?? {};
+              setCatalogOptions(nextOptions);
+              setLiveOptions({ ...browserOptions, ...nextOptions });
+            },
+            execute: async (request) => {
+              const result = await fetchJSON(
+                "/api/v1/profile/sample",
+                {
+                  method: "POST",
+                  headers: { "Content-Type": "application/json" },
+                  body: JSON.stringify({
+                    profile: {
+                      ...rootValue,
+                      params,
+                      profile: rootValue.profile || "sample",
+                      query: request.query,
+                      provider: {
+                        ...rootValue.provider,
+                        options: effectiveOptions(request.options)
+                      }
+                    },
+                    params: sampleParams,
+                    ...request.pagination ? { pagination: request.pagination } : {},
+                    ...request.debug ? { debug: true } : {}
+                  })
+                }
+              );
+              setSampleColumns(result.columns ?? []);
+              setSelectedColumns(
+                new Set((result.columns ?? []).map((column) => column.name))
+              );
+              return result;
+            },
+            renderResults: ({ defaultView }) => /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-3", children: [
+              /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: defaultView }),
+              sampleColumns.length > 0 ? /* @__PURE__ */ jsx(
+                ColumnPicker,
+                {
+                  columns: sampleColumns,
+                  selected: selectedColumns,
+                  existing: existingNames,
+                  onChange: setSelectedColumns,
+                  timestampColumn,
+                  onTimestampColumnChange: setTimestampColumn
+                }
+              ) : null
+            ] })
+          }
+        ) : /* @__PURE__ */ jsx(WorkspaceMessage, { children: "This saved connection does not expose a query browser." })
+      ] })
+    }
+  );
+}
+function WorkspaceMessage({
+  children,
+  error = false
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `grid min-h-80 flex-1 place-items-center rounded-md border border-dashed p-6 text-sm ${error ? "border-destructive/40 text-destructive" : "text-muted-foreground"}`,
+      children
+    }
+  );
+}
+function sampleParamSchema(params) {
+  var _a, _b;
+  const properties = {};
+  const required = [];
+  for (const param of params) {
+    const name = (_a = param.name) == null ? void 0 : _a.trim();
+    if (!name) continue;
+    const property = {
+      title: param.label || name,
+      ...param.description ? { description: param.description } : {},
+      ...param.default !== void 0 ? { default: param.default } : {}
+    };
+    switch (param.type) {
+      case "number":
+        property.type = "number";
+        break;
+      case "boolean":
+        property.type = "boolean";
+        break;
+      case "date":
+        property.type = "string";
+        property.format = "date-time";
+        break;
+      default:
+        property.type = "string";
+    }
+    if ((_b = param.options) == null ? void 0 : _b.length) property.enum = param.options;
+    properties[name] = property;
+    if (param.required) required.push(name);
+  }
+  return {
+    type: "object",
+    properties,
+    ...required.length ? { required } : {}
+  };
+}
+function errorMessage(error, fallback) {
+  return error instanceof Error && error.message.trim() ? error.message.trim() : fallback;
+}
+export {
+  ProfileBuilderWorkspace,
+  profileBuilderModalClassName
+};
+//# sourceMappingURL=profileBuilderWorkspace.js.map

package/dist/profiles/profileBuilderWorkspace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileBuilderWorkspace.js","sources":["../../src/profiles/profileBuilderWorkspace.tsx"],"sourcesContent":["import { JsonSchemaForm } from \"../components/JsonSchemaForm\";\nimport { Button } from \"../components/button\";\nimport type { JsonSchemaObject, JsonSchemaProperty } from \"../components/json-schema-form-types\";\nimport { Icon } from \"../data/Icon\";\nimport type { QueryBrowserResult } from \"../data/query-browser/QueryBrowser.types\";\nimport { Modal } from \"../overlay/Modal\";\nimport { UiCheck, UiColumns, UiSqlColumn } from \"../icons\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useCallback, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport {\n  browserBaseUrl,\n  fetchJSON,\n  mergeProviderOptions,\n  useInspection,\n  type BrowserDescriptor,\n  type ProfileRowLimits,\n} from \"./connectionBrowserModel\";\nimport { ConnectionQueryWorkspace } from \"./connectionQueryWorkspace\";\nimport type { EsSearch } from \"./esQueryBuilderModel\";\nimport {\n  ColumnPicker,\n  type ProfileColumn,\n} from \"./profileColumnPicker\";\nimport { withProfileLimits, type ParamDraft, type ProfileProvider } from \"./profileWizardModel\";\nimport { defaultParamValues, paramRoles } from \"./esQueryBuilderForm\";\nimport { mapTimestampColumn } from \"./profileColumnModel\";\n\n// Same story as ProfileColumn: one ProfileProvider, defined with the draft\n// model. The copy here had drifted to carry `role`, which the canonical type's\n// index signature already admits.\nexport type { ProfileProvider };\n\nexport type ProfileDraft = Record<string, unknown> & {\n  profile?: string;\n  query?: string;\n  provider?: ProfileProvider;\n  params?: ParamDraft[];\n  columns?: ProfileColumn[];\n  /** The row caps this profile sets for itself; unset ones take their default. */\n  limits?: ProfileRowLimits;\n};\n\ntype SampleResult = QueryBrowserResult & {\n  columns: ProfileColumn[];\n  renderedQuery: string;\n};\n\n// Modal's body is a flex child. It must be allowed to shrink and must not own\n// scrolling, otherwise QueryBrowser's intrinsic minimum height expands the\n// whole workspace and pushes the editor/results below the dialog viewport.\n//\n// These are utilities rather than a stylesheet on purpose: a library CSS asset\n// only reaches a consumer that remembers to import it, whereas Tailwind scans\n// this source and folds the rules into the dist/styles.css every consumer\n// already loads.\nexport const profileBuilderModalClassName =\n  \"h-[calc(100dvh-2rem)] [&>[data-slot=modal-body]]:flex [&>[data-slot=modal-body]]:min-h-0 [&>[data-slot=modal-body]]:overflow-hidden [&>[data-slot=modal-body]>*]:flex-1 [&>[data-slot=modal-body]>*]:h-auto [&>[data-slot=modal-body]>*]:min-h-0\";\n\nexport function ProfileBuilderWorkspace({\n  connectionID,\n  rootValue,\n  onApply,\n  onClose,\n}: {\n  connectionID: string;\n  rootValue: ProfileDraft;\n  onApply: (next: Record<string, unknown>) => void;\n  onClose: () => void;\n}) {\n  const baseUrl = browserBaseUrl(connectionID);\n  const descriptor = useQuery({\n    queryKey: [\"profile-builder-descriptor\", connectionID],\n    queryFn: () => fetchJSON<BrowserDescriptor>(baseUrl),\n    retry: 0,\n  });\n  const initialProviderOptions = useMemo(\n    () => ({ ...rootValue.provider?.options }),\n    [rootValue.provider?.options],\n  );\n  const [query, setQuery] = useState(rootValue.query ?? \"\");\n  const [search, setSearch] = useState<EsSearch | undefined>(\n    () => initialProviderOptions.search as EsSearch | undefined,\n  );\n  const [params, setParams] = useState<ParamDraft[]>(\n    () => rootValue.params ?? [],\n  );\n  const [liveOptions, setLiveOptions] = useState<Record<string, unknown>>(\n    initialProviderOptions,\n  );\n  const [catalogOptions, setCatalogOptions] = useState<Record<string, unknown>>(\n    {},\n  );\n  const [sampleParams, setSampleParams] = useState<Record<string, unknown>>(\n    () => defaultParamValues(params),\n  );\n  const [sampleColumns, setSampleColumns] = useState<ProfileColumn[]>([]);\n  const [selectedColumns, setSelectedColumns] = useState<Set<string>>(\n    () => new Set(),\n  );\n  const [timestampColumn, setTimestampColumn] = useState(\n    () =>\n      rootValue.columns?.find((column) => column.kind === \"timestamp\")?.name ??\n      \"\",\n  );\n  const [selectedDatabase, setSelectedDatabase] = useState(\"\");\n  const [limits, setLimits] = useState<ProfileRowLimits | undefined>(\n    () => rootValue.limits,\n  );\n\n  useEffect(() => {\n    if (!query && descriptor.data?.defaultQuery) {\n      setQuery(descriptor.data.defaultQuery);\n    }\n  }, [descriptor.data?.defaultQuery, query]);\n\n  const explicitTargetKind =\n    liveOptions.targetKind ?? initialProviderOptions.targetKind;\n  const inspection = useInspection({\n    cacheKey: \"profile-builder-inspection\",\n    id: connectionID,\n    baseUrl,\n    enabled: descriptor.data?.catalog === true,\n    database: selectedDatabase,\n    fallbackDatabase: String(initialProviderOptions.database ?? \"\"),\n    target: String(liveOptions.index ?? initialProviderOptions.index ?? \"\"),\n    ...(typeof explicitTargetKind === \"string\"\n      ? { targetKind: explicitTargetKind }\n      : {}),\n  });\n  const browserOptions = useMemo(\n    () =>\n      mergeProviderOptions({\n        layers: [\n          descriptor.data?.initialOptions,\n          initialProviderOptions,\n          catalogOptions,\n        ],\n        database: inspection.sqlDatabase,\n        keepTargetKind: true,\n      }),\n    [\n      catalogOptions,\n      descriptor.data?.initialOptions,\n      initialProviderOptions,\n      inspection.sqlDatabase,\n    ],\n  );\n  // The specification is authored here, not merged from a layer, so it is\n  // stamped on last — including its absence, which a lower layer would\n  // otherwise reinstate after the author switched back to raw DSL.\n  const effectiveOptions = useCallback(\n    (options: Record<string, unknown>) => {\n      const merged = mergeProviderOptions({\n        layers: [initialProviderOptions, catalogOptions, options],\n        database: inspection.sqlDatabase,\n      });\n      if (search) merged.search = search;\n      else delete merged.search;\n      return merged;\n    },\n    [catalogOptions, initialProviderOptions, inspection.sqlDatabase, search],\n  );\n\n  const paramSchema = useMemo(() => sampleParamSchema(params), [params]);\n  const existingColumns = rootValue.columns ?? [];\n  const existingNames = useMemo(\n    () => new Set(existingColumns.map((column) => column.name)),\n    [existingColumns],\n  );\n\n  const applyDraft = (mode: \"query\" | \"merge\" | \"replace\") => {\n    const chosen = mapTimestampColumn(\n      sampleColumns.filter((column) => selectedColumns.has(column.name)),\n      timestampColumn,\n    );\n    let columns = existingColumns;\n    if (mode === \"merge\") {\n      columns = mapTimestampColumn(\n        [\n          ...existingColumns,\n          ...chosen.filter((column) => !existingNames.has(column.name)),\n        ],\n        timestampColumn,\n      );\n    } else if (mode === \"replace\") {\n      if (\n        existingColumns.length > 0 &&\n        !window.confirm(\n          `Replace ${existingColumns.length} configured column${existingColumns.length === 1 ? \"\" : \"s\"}?`,\n        )\n      ) {\n        return;\n      }\n      columns = chosen;\n    }\n    const next: ProfileDraft = withProfileLimits(\n      {\n        ...rootValue,\n        query,\n        params,\n        provider: {\n          ...rootValue.provider,\n          options: effectiveOptions(liveOptions),\n        },\n        ...(mode === \"query\" ? {} : { columns }),\n      },\n      limits,\n    );\n    onApply(next);\n    onClose();\n  };\n\n  const footer = (\n    <div className=\"flex flex-wrap items-center justify-end gap-2\">\n      <Button type=\"button\" variant=\"ghost\" onClick={onClose}>\n        Cancel\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        disabled={!query.trim() && !search}\n        onClick={() => applyDraft(\"query\")}\n      >\n        <Icon icon={UiCheck} className=\"size-4\" />\n        Use query\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        disabled={selectedColumns.size === 0}\n        onClick={() => applyDraft(\"merge\")}\n      >\n        <Icon icon={UiColumns} className=\"size-4\" />\n        Merge selected\n      </Button>\n      <Button\n        type=\"button\"\n        disabled={selectedColumns.size === 0}\n        onClick={() => applyDraft(\"replace\")}\n      >\n        <Icon icon={UiSqlColumn} className=\"size-4\" />\n        Replace columns\n      </Button>\n    </div>\n  );\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title={`Build profile from ${connectionID}`}\n      size=\"full\"\n      className={profileBuilderModalClassName}\n      footer={footer}\n    >\n      <div className=\"flex h-full min-h-0 flex-col gap-3\">\n        {Object.keys(paramSchema.properties ?? {}).length > 0 ? (\n          <div className=\"shrink-0 rounded-md border bg-card px-3 py-2\">\n            <div className=\"mb-2 text-xs font-medium text-muted-foreground\">\n              Temporary sample parameters (not saved)\n            </div>\n            <JsonSchemaForm\n              schema={paramSchema}\n              value={sampleParams}\n              onChange={setSampleParams}\n              size=\"sm\"\n              inline\n              showPreferencesMenu={false}\n              persistPreferences={false}\n            />\n          </div>\n        ) : null}\n        {descriptor.isLoading ? (\n          <WorkspaceMessage>Loading connection browser…</WorkspaceMessage>\n        ) : descriptor.isError ? (\n          <WorkspaceMessage error>\n            {errorMessage(\n              descriptor.error,\n              \"Unable to load this connection browser\",\n            )}\n          </WorkspaceMessage>\n        ) : descriptor.data ? (\n          <ConnectionQueryWorkspace\n            id={`profile-builder:${connectionID}`}\n            title=\"Profile query\"\n            descriptor={descriptor.data}\n            inspection={inspection}\n            onDatabaseChange={setSelectedDatabase}\n            query={query}\n            onQueryChange={setQuery}\n            options={browserOptions}\n            onOptionsChange={setLiveOptions}\n            search={search}\n            onSearchChange={(transition) => {\n              setSearch(transition.search);\n              setQuery(transition.query);\n            }}\n            {...(limits ? { limits } : {})}\n            onLimitsChange={setLimits}\n            params={params}\n            onParamMappingChange={(edit) => {\n              setSearch(edit.search);\n              setParams(edit.params);\n            }}\n            paramValues={sampleParams}\n            paramRoles={paramRoles(params)}\n            compileBaseUrl={baseUrl}\n            className=\"h-full min-h-0\"\n            onCatalogSelect={(node) => {\n              if (node.query) setQuery(node.query);\n              const nextOptions = node.options ?? {};\n              setCatalogOptions(nextOptions);\n              setLiveOptions({ ...browserOptions, ...nextOptions });\n            }}\n            execute={async (request) => {\n              const result = await fetchJSON<SampleResult>(\n                \"/api/v1/profile/sample\",\n                {\n                  method: \"POST\",\n                  headers: { \"Content-Type\": \"application/json\" },\n                  body: JSON.stringify({\n                    profile: {\n                      ...rootValue,\n                      params,\n                      profile: rootValue.profile || \"sample\",\n                      query: request.query,\n                      provider: {\n                        ...rootValue.provider,\n                        options: effectiveOptions(request.options),\n                      },\n                    },\n                    params: sampleParams,\n                    ...(request.pagination\n                      ? { pagination: request.pagination }\n                      : {}),\n                    ...(request.debug ? { debug: true } : {}),\n                  }),\n                },\n              );\n              setSampleColumns(result.columns ?? []);\n              setSelectedColumns(\n                new Set((result.columns ?? []).map((column) => column.name)),\n              );\n              return result;\n            }}\n            renderResults={({ defaultView }) => (\n              <div className=\"flex min-h-0 flex-1 flex-col gap-3\">\n                <div className=\"min-h-0 flex-1\">{defaultView}</div>\n                {sampleColumns.length > 0 ? (\n                  <ColumnPicker\n                    columns={sampleColumns}\n                    selected={selectedColumns}\n                    existing={existingNames}\n                    onChange={setSelectedColumns}\n                    timestampColumn={timestampColumn}\n                    onTimestampColumnChange={setTimestampColumn}\n                  />\n                ) : null}\n              </div>\n            )}\n          />\n        ) : (\n          <WorkspaceMessage>\n            This saved connection does not expose a query browser.\n          </WorkspaceMessage>\n        )}\n      </div>\n    </Modal>\n  );\n}\n\nfunction WorkspaceMessage({\n  children,\n  error = false,\n}: {\n  children: ReactNode;\n  error?: boolean;\n}) {\n  return (\n    <div\n      className={`grid min-h-80 flex-1 place-items-center rounded-md border border-dashed p-6 text-sm ${error ? \"border-destructive/40 text-destructive\" : \"text-muted-foreground\"}`}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction sampleParamSchema(params: ParamDraft[]): JsonSchemaObject {\n  const properties: Record<string, JsonSchemaProperty> = {};\n  const required: string[] = [];\n  for (const param of params) {\n    const name = param.name?.trim();\n    if (!name) continue;\n    const property: JsonSchemaProperty = {\n      title: param.label || name,\n      ...(param.description ? { description: param.description } : {}),\n      ...(param.default !== undefined ? { default: param.default } : {}),\n    };\n    switch (param.type) {\n      case \"number\":\n        property.type = \"number\";\n        break;\n      case \"boolean\":\n        property.type = \"boolean\";\n        break;\n      case \"date\":\n        property.type = \"string\";\n        property.format = \"date-time\";\n        break;\n      default:\n        property.type = \"string\";\n    }\n    if (param.options?.length) property.enum = param.options;\n    properties[name] = property;\n    if (param.required) required.push(name);\n  }\n  return {\n    type: \"object\",\n    properties,\n    ...(required.length ? { required } : {}),\n  };\n}\n\nfunction errorMessage(error: unknown, fallback: string): string {\n  return error instanceof Error && error.message.trim()\n    ? error.message.trim()\n    : fallback;\n}\n"],"names":["_a","_b"],"mappings":";;;;;;;;;;;;;;;;AAuDO,MAAM,+BACX;AAEK,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;;AACD,QAAM,UAAU,eAAe,YAAY;AAC3C,QAAM,aAAa,SAAS;AAAA,IAC1B,UAAU,CAAC,8BAA8B,YAAY;AAAA,IACrD,SAAS,MAAM,UAA6B,OAAO;AAAA,IACnD,OAAO;AAAA,EAAA,CACR;AACD,QAAM,yBAAyB;AAAA,IAC7B,MAAA;;AAAO,eAAE,IAAGA,MAAA,UAAU,aAAV,gBAAAA,IAAoB,QAAA;AAAA;AAAA,IAChC,EAAC,eAAU,aAAV,mBAAoB,OAAO;AAAA,EAAA;AAE9B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,UAAU,SAAS,EAAE;AACxD,QAAM,CAAC,QAAQ,SAAS,IAAI;AAAA,IAC1B,MAAM,uBAAuB;AAAA,EAAA;AAE/B,QAAM,CAAC,QAAQ,SAAS,IAAI;AAAA,IAC1B,MAAM,UAAU,UAAU,CAAA;AAAA,EAAC;AAE7B,QAAM,CAAC,aAAa,cAAc,IAAI;AAAA,IACpC;AAAA,EAAA;AAEF,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C,CAAA;AAAA,EAAC;AAEH,QAAM,CAAC,cAAc,eAAe,IAAI;AAAA,IACtC,MAAM,mBAAmB,MAAM;AAAA,EAAA;AAEjC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAA0B,CAAA,CAAE;AACtE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C,0BAAU,IAAA;AAAA,EAAI;AAEhB,QAAM,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C;;AACE,eAAAC,OAAAD,MAAA,UAAU,YAAV,gBAAAA,IAAmB,KAAK,CAAC,WAAW,OAAO,SAAS,iBAApD,gBAAAC,IAAkE,SAClE;AAAA;AAAA,EAAA;AAEJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,EAAE;AAC3D,QAAM,CAAC,QAAQ,SAAS,IAAI;AAAA,IAC1B,MAAM,UAAU;AAAA,EAAA;AAGlB,YAAU,MAAM;;AACd,QAAI,CAAC,WAASD,MAAA,WAAW,SAAX,gBAAAA,IAAiB,eAAc;AAC3C,eAAS,WAAW,KAAK,YAAY;AAAA,IACvC;AAAA,EACF,GAAG,EAAC,gBAAW,SAAX,mBAAiB,cAAc,KAAK,CAAC;AAEzC,QAAM,qBACJ,YAAY,cAAc,uBAAuB;AACnD,QAAM,aAAa,cAAc;AAAA,IAC/B,UAAU;AAAA,IACV,IAAI;AAAA,IACJ;AAAA,IACA,WAAS,gBAAW,SAAX,mBAAiB,aAAY;AAAA,IACtC,UAAU;AAAA,IACV,kBAAkB,OAAO,uBAAuB,YAAY,EAAE;AAAA,IAC9D,QAAQ,OAAO,YAAY,SAAS,uBAAuB,SAAS,EAAE;AAAA,IACtE,GAAI,OAAO,uBAAuB,WAC9B,EAAE,YAAY,mBAAA,IACd,CAAA;AAAA,EAAC,CACN;AACD,QAAM,iBAAiB;AAAA,IACrB,MAAA;;AACE,kCAAqB;AAAA,QACnB,QAAQ;AAAA,WACNA,MAAA,WAAW,SAAX,gBAAAA,IAAiB;AAAA,UACjB;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,UAAU,WAAW;AAAA,QACrB,gBAAgB;AAAA,MAAA,CACjB;AAAA;AAAA,IACH;AAAA,MACE;AAAA,OACA,gBAAW,SAAX,mBAAiB;AAAA,MACjB;AAAA,MACA,WAAW;AAAA,IAAA;AAAA,EACb;AAKF,QAAM,mBAAmB;AAAA,IACvB,CAAC,YAAqC;AACpC,YAAM,SAAS,qBAAqB;AAAA,QAClC,QAAQ,CAAC,wBAAwB,gBAAgB,OAAO;AAAA,QACxD,UAAU,WAAW;AAAA,MAAA,CACtB;AACD,UAAI,eAAe,SAAS;AAAA,kBAChB,OAAO;AACnB,aAAO;AAAA,IACT;AAAA,IACA,CAAC,gBAAgB,wBAAwB,WAAW,aAAa,MAAM;AAAA,EAAA;AAGzE,QAAM,cAAc,QAAQ,MAAM,kBAAkB,MAAM,GAAG,CAAC,MAAM,CAAC;AACrE,QAAM,kBAAkB,UAAU,WAAW,CAAA;AAC7C,QAAM,gBAAgB;AAAA,IACpB,MAAM,IAAI,IAAI,gBAAgB,IAAI,CAAC,WAAW,OAAO,IAAI,CAAC;AAAA,IAC1D,CAAC,eAAe;AAAA,EAAA;AAGlB,QAAM,aAAa,CAAC,SAAwC;AAC1D,UAAM,SAAS;AAAA,MACb,cAAc,OAAO,CAAC,WAAW,gBAAgB,IAAI,OAAO,IAAI,CAAC;AAAA,MACjE;AAAA,IAAA;AAEF,QAAI,UAAU;AACd,QAAI,SAAS,SAAS;AACpB,gBAAU;AAAA,QACR;AAAA,UACE,GAAG;AAAA,UACH,GAAG,OAAO,OAAO,CAAC,WAAW,CAAC,cAAc,IAAI,OAAO,IAAI,CAAC;AAAA,QAAA;AAAA,QAE9D;AAAA,MAAA;AAAA,IAEJ,WAAW,SAAS,WAAW;AAC7B,UACE,gBAAgB,SAAS,KACzB,CAAC,OAAO;AAAA,QACN,WAAW,gBAAgB,MAAM,qBAAqB,gBAAgB,WAAW,IAAI,KAAK,GAAG;AAAA,MAAA,GAE/F;AACA;AAAA,MACF;AACA,gBAAU;AAAA,IACZ;AACA,UAAM,OAAqB;AAAA,MACzB;AAAA,QACE,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,UAAU;AAAA,UACR,GAAG,UAAU;AAAA,UACb,SAAS,iBAAiB,WAAW;AAAA,QAAA;AAAA,QAEvC,GAAI,SAAS,UAAU,CAAA,IAAK,EAAE,QAAA;AAAA,MAAQ;AAAA,MAExC;AAAA,IAAA;AAEF,YAAQ,IAAI;AACZ,YAAA;AAAA,EACF;AAEA,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,iDACb,UAAA;AAAA,IAAA,oBAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,SAAS,SAAS,UAAA,SAAA,CAExD;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,UAAU,CAAC,MAAM,KAAA,KAAU,CAAC;AAAA,QAC5B,SAAS,MAAM,WAAW,OAAO;AAAA,QAEjC,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,UAAS;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG5C;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,UAAU,gBAAgB,SAAS;AAAA,QACnC,SAAS,MAAM,WAAW,OAAO;AAAA,QAEjC,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAK,MAAM,WAAW,WAAU,UAAS;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG9C;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,gBAAgB,SAAS;AAAA,QACnC,SAAS,MAAM,WAAW,SAAS;AAAA,QAEnC,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAK,MAAM,aAAa,WAAU,UAAS;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEhD,GACF;AAGF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAI;AAAA,MACJ;AAAA,MACA,OAAO,sBAAsB,YAAY;AAAA,MACzC,MAAK;AAAA,MACL,WAAW;AAAA,MACX;AAAA,MAEA,UAAA,qBAAC,OAAA,EAAI,WAAU,sCACZ,UAAA;AAAA,QAAA,OAAO,KAAK,YAAY,cAAc,CAAA,CAAE,EAAE,SAAS,IAClD,qBAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,kDAAiD,UAAA,2CAEhE;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,OAAO;AAAA,cACP,UAAU;AAAA,cACV,MAAK;AAAA,cACL,QAAM;AAAA,cACN,qBAAqB;AAAA,cACrB,oBAAoB;AAAA,YAAA;AAAA,UAAA;AAAA,QACtB,EAAA,CACF,IACE;AAAA,QACH,WAAW,YACV,oBAAC,kBAAA,EAAiB,UAAA,+BAA2B,IAC3C,WAAW,UACb,oBAAC,kBAAA,EAAiB,OAAK,MACpB,UAAA;AAAA,UACC,WAAW;AAAA,UACX;AAAA,QAAA,GAEJ,IACE,WAAW,OACb;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,mBAAmB,YAAY;AAAA,YACnC,OAAM;AAAA,YACN,YAAY,WAAW;AAAA,YACvB;AAAA,YACA,kBAAkB;AAAA,YAClB;AAAA,YACA,eAAe;AAAA,YACf,SAAS;AAAA,YACT,iBAAiB;AAAA,YACjB;AAAA,YACA,gBAAgB,CAAC,eAAe;AAC9B,wBAAU,WAAW,MAAM;AAC3B,uBAAS,WAAW,KAAK;AAAA,YAC3B;AAAA,YACC,GAAI,SAAS,EAAE,OAAA,IAAW,CAAA;AAAA,YAC3B,gBAAgB;AAAA,YAChB;AAAA,YACA,sBAAsB,CAAC,SAAS;AAC9B,wBAAU,KAAK,MAAM;AACrB,wBAAU,KAAK,MAAM;AAAA,YACvB;AAAA,YACA,aAAa;AAAA,YACb,YAAY,WAAW,MAAM;AAAA,YAC7B,gBAAgB;AAAA,YAChB,WAAU;AAAA,YACV,iBAAiB,CAAC,SAAS;AACzB,kBAAI,KAAK,MAAO,UAAS,KAAK,KAAK;AACnC,oBAAM,cAAc,KAAK,WAAW,CAAA;AACpC,gCAAkB,WAAW;AAC7B,6BAAe,EAAE,GAAG,gBAAgB,GAAG,aAAa;AAAA,YACtD;AAAA,YACA,SAAS,OAAO,YAAY;AAC1B,oBAAM,SAAS,MAAM;AAAA,gBACnB;AAAA,gBACA;AAAA,kBACE,QAAQ;AAAA,kBACR,SAAS,EAAE,gBAAgB,mBAAA;AAAA,kBAC3B,MAAM,KAAK,UAAU;AAAA,oBACnB,SAAS;AAAA,sBACP,GAAG;AAAA,sBACH;AAAA,sBACA,SAAS,UAAU,WAAW;AAAA,sBAC9B,OAAO,QAAQ;AAAA,sBACf,UAAU;AAAA,wBACR,GAAG,UAAU;AAAA,wBACb,SAAS,iBAAiB,QAAQ,OAAO;AAAA,sBAAA;AAAA,oBAC3C;AAAA,oBAEF,QAAQ;AAAA,oBACR,GAAI,QAAQ,aACR,EAAE,YAAY,QAAQ,WAAA,IACtB,CAAA;AAAA,oBACJ,GAAI,QAAQ,QAAQ,EAAE,OAAO,KAAA,IAAS,CAAA;AAAA,kBAAC,CACxC;AAAA,gBAAA;AAAA,cACH;AAEF,+BAAiB,OAAO,WAAW,EAAE;AACrC;AAAA,gBACE,IAAI,KAAK,OAAO,WAAW,CAAA,GAAI,IAAI,CAAC,WAAW,OAAO,IAAI,CAAC;AAAA,cAAA;AAE7D,qBAAO;AAAA,YACT;AAAA,YACA,eAAe,CAAC,EAAE,kBAChB,qBAAC,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,kBAAkB,UAAA,aAAY;AAAA,cAC5C,cAAc,SAAS,IACtB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,UAAU;AAAA,kBACV,UAAU;AAAA,kBACV;AAAA,kBACA,yBAAyB;AAAA,gBAAA;AAAA,cAAA,IAEzB;AAAA,YAAA,EAAA,CACN;AAAA,UAAA;AAAA,QAAA,IAIJ,oBAAC,kBAAA,EAAiB,UAAA,yDAAA,CAElB;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,QAAQ;AACV,GAGG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,uFAAuF,QAAQ,2CAA2C,uBAAuB;AAAA,MAE3K;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAAS,kBAAkB,QAAwC;;AACjE,QAAM,aAAiD,CAAA;AACvD,QAAM,WAAqB,CAAA;AAC3B,aAAW,SAAS,QAAQ;AAC1B,UAAM,QAAO,WAAM,SAAN,mBAAY;AACzB,QAAI,CAAC,KAAM;AACX,UAAM,WAA+B;AAAA,MACnC,OAAO,MAAM,SAAS;AAAA,MACtB,GAAI,MAAM,cAAc,EAAE,aAAa,MAAM,YAAA,IAAgB,CAAA;AAAA,MAC7D,GAAI,MAAM,YAAY,SAAY,EAAE,SAAS,MAAM,YAAY,CAAA;AAAA,IAAC;AAElE,YAAQ,MAAM,MAAA;AAAA,MACZ,KAAK;AACH,iBAAS,OAAO;AAChB;AAAA,MACF,KAAK;AACH,iBAAS,OAAO;AAChB;AAAA,MACF,KAAK;AACH,iBAAS,OAAO;AAChB,iBAAS,SAAS;AAClB;AAAA,MACF;AACE,iBAAS,OAAO;AAAA,IAAA;AAEpB,SAAI,WAAM,YAAN,mBAAe,OAAQ,UAAS,OAAO,MAAM;AACjD,eAAW,IAAI,IAAI;AACnB,QAAI,MAAM,SAAU,UAAS,KAAK,IAAI;AAAA,EACxC;AACA,SAAO;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA,GAAI,SAAS,SAAS,EAAE,aAAa,CAAA;AAAA,EAAC;AAE1C;AAEA,SAAS,aAAa,OAAgB,UAA0B;AAC9D,SAAO,iBAAiB,SAAS,MAAM,QAAQ,SAC3C,MAAM,QAAQ,KAAA,IACd;AACN;"}

package/dist/profiles/profileColumnModel.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function profileColumnTypeLabel(type) {
+  return type ? PROFILE_COLUMN_TYPE_LABELS[type] ?? type : "string";
+}
+function mapTimestampColumn(columns, timestampColumn) {
+  return columns.map((column) => {
+    if (column.name === timestampColumn) {
+      return { ...column, type: "datetime", kind: "timestamp" };
+    }
+    if (column.kind !== "timestamp") return column;
+    const { kind: _kind, ...rest } = column;
+    return rest;
+  });
+}
+const PROFILE_COLUMN_TYPE_LABELS = {
+  key_value: "KeyValue{}",
+  key_values: "[]KeyValue",
+  json: "JSON"
+};
+exports.mapTimestampColumn = mapTimestampColumn;
+exports.profileColumnTypeLabel = profileColumnTypeLabel;
+//# sourceMappingURL=profileColumnModel.cjs.map

package/dist/profiles/profileColumnModel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileColumnModel.cjs","sources":["../../src/profiles/profileColumnModel.ts"],"sourcesContent":["\n// One ProfileColumn, defined where the draft model is. The picker used to keep\n// a narrower copy of the same shape; two definitions of one concept drifted\n// apart unnoticed while they lived in separate modules and only collided once\n// the package exported both.\nimport type { ProfileColumn } from \"./profileWizardModel\";\n\nexport function profileColumnTypeLabel(type?: string) {\n  return type ? (PROFILE_COLUMN_TYPE_LABELS[type] ?? type) : \"string\";\n}\n\n/**\n * mapTimestampColumn marks the chosen column as the profile's time range and\n * clears the mark from whichever column previously held it.\n */\nexport function mapTimestampColumn(\n  columns: ProfileColumn[],\n  timestampColumn: string,\n): ProfileColumn[] {\n  return columns.map((column) => {\n    if (column.name === timestampColumn) {\n      return { ...column, type: \"datetime\", kind: \"timestamp\" };\n    }\n    if (column.kind !== \"timestamp\") return column;\n    const { kind: _kind, ...rest } = column;\n    return rest;\n  });\n}\n\nconst PROFILE_COLUMN_TYPE_LABELS: Record<string, string> = {\n  key_value: \"KeyValue{}\",\n  key_values: \"[]KeyValue\",\n  json: \"JSON\"\n};\n"],"names":[],"mappings":";;AAOO,SAAS,uBAAuB,MAAe;AACpD,SAAO,OAAQ,2BAA2B,IAAI,KAAK,OAAQ;AAC7D;AAMO,SAAS,mBACd,SACA,iBACiB;AACjB,SAAO,QAAQ,IAAI,CAAC,WAAW;AAC7B,QAAI,OAAO,SAAS,iBAAiB;AACnC,aAAO,EAAE,GAAG,QAAQ,MAAM,YAAY,MAAM,YAAA;AAAA,IAC9C;AACA,QAAI,OAAO,SAAS,YAAa,QAAO;AACxC,UAAM,EAAE,MAAM,OAAO,GAAG,SAAS;AACjC,WAAO;AAAA,EACT,CAAC;AACH;AAEA,MAAM,6BAAqD;AAAA,EACzD,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,MAAM;AACR;;;"}

package/dist/profiles/profileColumnModel.d.ts

@@ -0,0 +1,8 @@
+import { ProfileColumn } from './profileWizardModel';
+export declare function profileColumnTypeLabel(type?: string): string;
+/**
+ * mapTimestampColumn marks the chosen column as the profile's time range and
+ * clears the mark from whichever column previously held it.
+ */
+export declare function mapTimestampColumn(columns: ProfileColumn[], timestampColumn: string): ProfileColumn[];
+//# sourceMappingURL=profileColumnModel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileColumnModel.d.ts","sourceRoot":"","sources":["../../src/profiles/profileColumnModel.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,wBAAgB,sBAAsB,CAAC,IAAI,CAAC,EAAE,MAAM,UAEnD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,aAAa,EAAE,EACxB,eAAe,EAAE,MAAM,GACtB,aAAa,EAAE,CASjB"}

package/dist/profiles/profileColumnModel.js

@@ -0,0 +1,23 @@
+function profileColumnTypeLabel(type) {
+  return type ? PROFILE_COLUMN_TYPE_LABELS[type] ?? type : "string";
+}
+function mapTimestampColumn(columns, timestampColumn) {
+  return columns.map((column) => {
+    if (column.name === timestampColumn) {
+      return { ...column, type: "datetime", kind: "timestamp" };
+    }
+    if (column.kind !== "timestamp") return column;
+    const { kind: _kind, ...rest } = column;
+    return rest;
+  });
+}
+const PROFILE_COLUMN_TYPE_LABELS = {
+  key_value: "KeyValue{}",
+  key_values: "[]KeyValue",
+  json: "JSON"
+};
+export {
+  mapTimestampColumn,
+  profileColumnTypeLabel
+};
+//# sourceMappingURL=profileColumnModel.js.map

package/dist/profiles/profileColumnModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileColumnModel.js","sources":["../../src/profiles/profileColumnModel.ts"],"sourcesContent":["\n// One ProfileColumn, defined where the draft model is. The picker used to keep\n// a narrower copy of the same shape; two definitions of one concept drifted\n// apart unnoticed while they lived in separate modules and only collided once\n// the package exported both.\nimport type { ProfileColumn } from \"./profileWizardModel\";\n\nexport function profileColumnTypeLabel(type?: string) {\n  return type ? (PROFILE_COLUMN_TYPE_LABELS[type] ?? type) : \"string\";\n}\n\n/**\n * mapTimestampColumn marks the chosen column as the profile's time range and\n * clears the mark from whichever column previously held it.\n */\nexport function mapTimestampColumn(\n  columns: ProfileColumn[],\n  timestampColumn: string,\n): ProfileColumn[] {\n  return columns.map((column) => {\n    if (column.name === timestampColumn) {\n      return { ...column, type: \"datetime\", kind: \"timestamp\" };\n    }\n    if (column.kind !== \"timestamp\") return column;\n    const { kind: _kind, ...rest } = column;\n    return rest;\n  });\n}\n\nconst PROFILE_COLUMN_TYPE_LABELS: Record<string, string> = {\n  key_value: \"KeyValue{}\",\n  key_values: \"[]KeyValue\",\n  json: \"JSON\"\n};\n"],"names":[],"mappings":"AAOO,SAAS,uBAAuB,MAAe;AACpD,SAAO,OAAQ,2BAA2B,IAAI,KAAK,OAAQ;AAC7D;AAMO,SAAS,mBACd,SACA,iBACiB;AACjB,SAAO,QAAQ,IAAI,CAAC,WAAW;AAC7B,QAAI,OAAO,SAAS,iBAAiB;AACnC,aAAO,EAAE,GAAG,QAAQ,MAAM,YAAY,MAAM,YAAA;AAAA,IAC9C;AACA,QAAI,OAAO,SAAS,YAAa,QAAO;AACxC,UAAM,EAAE,MAAM,OAAO,GAAG,SAAS;AACjC,WAAO;AAAA,EACT,CAAC;AACH;AAEA,MAAM,6BAAqD;AAAA,EACzD,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,MAAM;AACR;"}

package/dist/profiles/profileColumnPicker.cjs

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../data/Icon.cjs");
+const profileColumnModel = require("./profileColumnModel.cjs");
+const UiSqlColumn = require("../icons/components/UiSqlColumn.cjs");
+function ColumnPicker({
+  columns,
+  selected,
+  existing,
+  onChange,
+  timestampColumn,
+  onTimestampColumnChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 rounded-md border bg-card p-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiSqlColumn.UiSqlColumn, className: "size-4" }),
+      "Columns from sample"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex max-h-32 flex-wrap gap-2 overflow-auto", children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "flex cursor-pointer items-center gap-2 rounded-md border bg-background px-2 py-1.5 text-xs",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex cursor-pointer items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: selected.has(column.name),
+                onChange: (event) => {
+                  const next = new Set(selected);
+                  if (event.target.checked) next.add(column.name);
+                  else {
+                    next.delete(column.name);
+                    if (timestampColumn === column.name)
+                      onTimestampColumnChange("");
+                  }
+                  onChange(next);
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: column.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: profileColumnModel.profileColumnTypeLabel(column.type) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "ml-1 flex cursor-pointer items-center gap-1 border-l pl-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "radio",
+                name: "profile-timestamp-column",
+                "aria-label": `Use ${column.name} for time ranges`,
+                checked: timestampColumn === column.name,
+                disabled: !selected.has(column.name),
+                onChange: () => onTimestampColumnChange(column.name)
+              }
+            ),
+            "time range"
+          ] }),
+          existing.has(column.name) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground", children: "configured" }) : null
+        ]
+      },
+      column.name
+    )) })
+  ] });
+}
+exports.ColumnPicker = ColumnPicker;
+//# sourceMappingURL=profileColumnPicker.cjs.map

package/dist/profiles/profileColumnPicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileColumnPicker.cjs","sources":["../../src/profiles/profileColumnPicker.tsx"],"sourcesContent":["import { Icon } from \"../data/Icon\";\nimport { UiSqlColumn } from \"../icons\";\n\n// One ProfileColumn, defined where the draft model is. The picker used to keep\n// a narrower copy of the same shape; two definitions of one concept drifted\n// apart unnoticed while they lived in separate modules and only collided once\n// the package exported both.\nimport type { ProfileColumn } from \"./profileWizardModel\";\nimport { profileColumnTypeLabel } from \"./profileColumnModel\";\nexport type { ProfileColumn };\n\n\nexport function ColumnPicker({\n  columns,\n  selected,\n  existing,\n  onChange,\n  timestampColumn,\n  onTimestampColumnChange,\n}: {\n  columns: ProfileColumn[];\n  selected: Set<string>;\n  existing: Set<string>;\n  onChange: (next: Set<string>) => void;\n  timestampColumn: string;\n  onTimestampColumnChange: (next: string) => void;\n}) {\n  return (\n    <div className=\"shrink-0 rounded-md border bg-card p-3\">\n      <div className=\"mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        <Icon icon={UiSqlColumn} className=\"size-4\" />\n        Columns from sample\n      </div>\n      <div className=\"flex max-h-32 flex-wrap gap-2 overflow-auto\">\n        {columns.map((column) => (\n          <div\n            key={column.name}\n            className=\"flex cursor-pointer items-center gap-2 rounded-md border bg-background px-2 py-1.5 text-xs\"\n          >\n            <label className=\"flex cursor-pointer items-center gap-2\">\n              <input\n                type=\"checkbox\"\n                checked={selected.has(column.name)}\n                onChange={(event) => {\n                  const next = new Set(selected);\n                  if (event.target.checked) next.add(column.name);\n                  else {\n                    next.delete(column.name);\n                    if (timestampColumn === column.name)\n                      onTimestampColumnChange(\"\");\n                  }\n                  onChange(next);\n                }}\n              />\n              <span className=\"font-medium\">{column.name}</span>\n              <span className=\"text-muted-foreground\">\n                {profileColumnTypeLabel(column.type)}\n              </span>\n            </label>\n            <label className=\"ml-1 flex cursor-pointer items-center gap-1 border-l pl-2 text-muted-foreground\">\n              <input\n                type=\"radio\"\n                name=\"profile-timestamp-column\"\n                aria-label={`Use ${column.name} for time ranges`}\n                checked={timestampColumn === column.name}\n                disabled={!selected.has(column.name)}\n                onChange={() => onTimestampColumnChange(column.name)}\n              />\n              time range\n            </label>\n            {existing.has(column.name) ? (\n              <span className=\"rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\">\n                configured\n              </span>\n            ) : null}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\n"],"names":["jsxs","jsx","Icon","UiSqlColumn","profileColumnTypeLabel"],"mappings":";;;;;;AAYO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,oGACb,UAAA;AAAA,MAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMC,YAAAA,aAAa,WAAU,UAAS;AAAA,MAAE;AAAA,IAAA,GAEhD;AAAA,mCACC,OAAA,EAAI,WAAU,+CACZ,UAAA,QAAQ,IAAI,CAAC,WACZH,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAA,2BAAAA,KAAC,SAAA,EAAM,WAAU,0CACf,UAAA;AAAA,YAAAC,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,SAAS,IAAI,OAAO,IAAI;AAAA,gBACjC,UAAU,CAAC,UAAU;AACnB,wBAAM,OAAO,IAAI,IAAI,QAAQ;AAC7B,sBAAI,MAAM,OAAO,QAAS,MAAK,IAAI,OAAO,IAAI;AAAA,uBACzC;AACH,yBAAK,OAAO,OAAO,IAAI;AACvB,wBAAI,oBAAoB,OAAO;AAC7B,8CAAwB,EAAE;AAAA,kBAC9B;AACA,2BAAS,IAAI;AAAA,gBACf;AAAA,cAAA;AAAA,YAAA;AAAA,YAEFA,2BAAAA,IAAC,QAAA,EAAK,WAAU,eAAe,iBAAO,MAAK;AAAA,2CAC1C,QAAA,EAAK,WAAU,yBACb,UAAAG,mBAAAA,uBAAuB,OAAO,IAAI,EAAA,CACrC;AAAA,UAAA,GACF;AAAA,UACAJ,2BAAAA,KAAC,SAAA,EAAM,WAAU,mFACf,UAAA;AAAA,YAAAC,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,cAAY,OAAO,OAAO,IAAI;AAAA,gBAC9B,SAAS,oBAAoB,OAAO;AAAA,gBACpC,UAAU,CAAC,SAAS,IAAI,OAAO,IAAI;AAAA,gBACnC,UAAU,MAAM,wBAAwB,OAAO,IAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YACnD;AAAA,UAAA,GAEJ;AAAA,UACC,SAAS,IAAI,OAAO,IAAI,mCACtB,QAAA,EAAK,WAAU,oEAAmE,UAAA,aAAA,CAEnF,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,MAtCC,OAAO;AAAA,IAAA,CAwCf,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/profiles/profileColumnPicker.d.ts

@@ -0,0 +1,11 @@
+import { ProfileColumn } from './profileWizardModel';
+export type { ProfileColumn };
+export declare function ColumnPicker({ columns, selected, existing, onChange, timestampColumn, onTimestampColumnChange, }: {
+    columns: ProfileColumn[];
+    selected: Set<string>;
+    existing: Set<string>;
+    onChange: (next: Set<string>) => void;
+    timestampColumn: string;
+    onTimestampColumnChange: (next: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=profileColumnPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileColumnPicker.d.ts","sourceRoot":"","sources":["../../src/profiles/profileColumnPicker.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,YAAY,EAAE,aAAa,EAAE,CAAC;AAG9B,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,uBAAuB,GACxB,EAAE;IACD,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,2CAsDA"}

package/dist/profiles/profileColumnPicker.js

@@ -0,0 +1,68 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Icon } from "../data/Icon.js";
+import { profileColumnTypeLabel } from "./profileColumnModel.js";
+import { UiSqlColumn } from "../icons/components/UiSqlColumn.js";
+function ColumnPicker({
+  columns,
+  selected,
+  existing,
+  onChange,
+  timestampColumn,
+  onTimestampColumnChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "shrink-0 rounded-md border bg-card p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Icon, { icon: UiSqlColumn, className: "size-4" }),
+      "Columns from sample"
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex max-h-32 flex-wrap gap-2 overflow-auto", children: columns.map((column) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex cursor-pointer items-center gap-2 rounded-md border bg-background px-2 py-1.5 text-xs",
+        children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: selected.has(column.name),
+                onChange: (event) => {
+                  const next = new Set(selected);
+                  if (event.target.checked) next.add(column.name);
+                  else {
+                    next.delete(column.name);
+                    if (timestampColumn === column.name)
+                      onTimestampColumnChange("");
+                  }
+                  onChange(next);
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: column.name }),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: profileColumnTypeLabel(column.type) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "ml-1 flex cursor-pointer items-center gap-1 border-l pl-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "radio",
+                name: "profile-timestamp-column",
+                "aria-label": `Use ${column.name} for time ranges`,
+                checked: timestampColumn === column.name,
+                disabled: !selected.has(column.name),
+                onChange: () => onTimestampColumnChange(column.name)
+              }
+            ),
+            "time range"
+          ] }),
+          existing.has(column.name) ? /* @__PURE__ */ jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground", children: "configured" }) : null
+        ]
+      },
+      column.name
+    )) })
+  ] });
+}
+export {
+  ColumnPicker
+};
+//# sourceMappingURL=profileColumnPicker.js.map