@flanksource/clicky-ui 0.3.21 → 0.3.22

package/dist/profiles/editor/profileBuilderWorkspace.js

@@ -0,0 +1,333 @@
+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 "../connections/connectionBrowserModel.js";
+import { ConnectionQueryWorkspace } from "../connections/connectionQueryWorkspace.js";
+import { ColumnPicker } from "../fields/profileColumnPicker.js";
+import { withProfileLimits } from "../wizard/profileWizardModel.js";
+import { defaultParamValues, paramRoles } from "../elasticsearch/esQueryBuilderForm.js";
+import { mapTimestampColumn } from "../fields/profileColumnModel.js";
+import { sampleParamSchema } from "./profileBuilderModel.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 errorMessage(error, fallback) {
+  return error instanceof Error && error.message.trim() ? error.message.trim() : fallback;
+}
+export {
+  ProfileBuilderWorkspace,
+  profileBuilderModalClassName
+};
+//# sourceMappingURL=profileBuilderWorkspace.js.map

package/dist/profiles/editor/profileBuilderWorkspace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileBuilderWorkspace.js","sources":["../../../src/profiles/editor/profileBuilderWorkspace.tsx"],"sourcesContent":["import { JsonSchemaForm } from \"../../components/JsonSchemaForm\";\nimport { Button } from \"../../components/button\";\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 {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport {\n  browserBaseUrl,\n  fetchJSON,\n  mergeProviderOptions,\n  useInspection,\n  type BrowserDescriptor,\n  type ProfileRowLimits,\n} from \"../connections/connectionBrowserModel\";\nimport { ConnectionQueryWorkspace } from \"../connections/connectionQueryWorkspace\";\nimport type { EsSearch } from \"../elasticsearch/esQueryBuilderModel\";\nimport {\n  ColumnPicker,\n  type ProfileColumn,\n} from \"../fields/profileColumnPicker\";\nimport {\n  withProfileLimits,\n  type ParamDraft,\n  type ProfileProvider,\n} from \"../wizard/profileWizardModel\";\nimport {\n  defaultParamValues,\n  paramRoles,\n} from \"../elasticsearch/esQueryBuilderForm\";\nimport { mapTimestampColumn } from \"../fields/profileColumnModel\";\nimport { sampleParamSchema } from \"./profileBuilderModel\";\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 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":"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"}