@flanksource/clicky-ui 0.3.18 → 0.3.20

package/dist/profiles/profileBuilder.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../components/button.js";
+import { Icon } from "../data/Icon.js";
+import { useState, useContext, useRef, useEffect, createContext } from "react";
+import { savedConnectionID } from "./connectionBrowserModel.js";
+import { ProfileBuilderWorkspace } from "./profileBuilderWorkspace.js";
+import { UiDatabase } from "../icons/components/UiDatabase.js";
+const ProfileBuilderAutoOpenContext = createContext(false);
+function ProfileBuilderAutoOpen({ children }) {
+  return /* @__PURE__ */ jsx(ProfileBuilderAutoOpenContext.Provider, { value: true, children });
+}
+function ProfileQueryBuilderField({
+  input,
+  rootValue,
+  onRootChange
+}) {
+  var _a;
+  const [open, setOpen] = useState(false);
+  const autoOpen = useContext(ProfileBuilderAutoOpenContext);
+  const autoOpened = useRef(false);
+  const connection = ((_a = rootValue.provider) == null ? void 0 : _a.connection) ?? "";
+  const connectionID = savedConnectionID(connection);
+  useEffect(() => {
+    if (!autoOpen || autoOpened.current || !connectionID || !onRootChange) {
+      return;
+    }
+    autoOpened.current = true;
+    setOpen(true);
+  }, [autoOpen, connectionID, onRootChange]);
+  return /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-2", children: [
+    input,
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          disabled: !connectionID || !onRootChange,
+          title: connectionID ? "Browse the saved connection and sample rows" : "Choose a saved connection before opening the builder",
+          onClick: () => setOpen(true),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiDatabase, className: "size-4" }),
+            "Build from connection"
+          ]
+        }
+      ),
+      !connectionID ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Choose a saved connection to browse its catalog and sample rows. Inline URLs can still be configured manually." }) : null
+    ] }),
+    open && connectionID && onRootChange ? /* @__PURE__ */ jsx(
+      ProfileBuilderWorkspace,
+      {
+        connectionID,
+        rootValue,
+        onApply: onRootChange,
+        onClose: () => setOpen(false)
+      }
+    ) : null
+  ] });
+}
+export {
+  ProfileBuilderAutoOpen,
+  ProfileQueryBuilderField
+};
+//# sourceMappingURL=profileBuilder.js.map

package/dist/profiles/profileBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileBuilder.js","sources":["../../src/profiles/profileBuilder.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiDatabase } from \"../icons\";\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  type ReactNode\n} from \"react\";\nimport { savedConnectionID } from \"./connectionBrowserModel\";\nimport {\n  ProfileBuilderWorkspace,\n  type ProfileDraft\n} from \"./profileBuilderWorkspace\";\n\nconst ProfileBuilderAutoOpenContext = createContext(false);\n\nexport function ProfileBuilderAutoOpen({ children }: { children: ReactNode }) {\n  return (\n    <ProfileBuilderAutoOpenContext.Provider value>\n      {children}\n    </ProfileBuilderAutoOpenContext.Provider>\n  );\n}\n\nexport function ProfileQueryBuilderField({\n  input,\n  rootValue,\n  onRootChange\n}: {\n  input: ReactNode;\n  rootValue: ProfileDraft;\n  onRootChange?: ((next: Record<string, unknown>) => void) | undefined;\n}) {\n  const [open, setOpen] = useState(false);\n  const autoOpen = useContext(ProfileBuilderAutoOpenContext);\n  const autoOpened = useRef(false);\n  const connection = rootValue.provider?.connection ?? \"\";\n  const connectionID = savedConnectionID(connection);\n\n  useEffect(() => {\n    if (!autoOpen || autoOpened.current || !connectionID || !onRootChange) {\n      return;\n    }\n    autoOpened.current = true;\n    setOpen(true);\n  }, [autoOpen, connectionID, onRootChange]);\n\n  return (\n    <div className=\"min-w-0 space-y-2\">\n      {input}\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={!connectionID || !onRootChange}\n          title={\n            connectionID\n              ? \"Browse the saved connection and sample rows\"\n              : \"Choose a saved connection before opening the builder\"\n          }\n          onClick={() => setOpen(true)}\n        >\n          <Icon icon={UiDatabase} className=\"size-4\" />\n          Build from connection\n        </Button>\n        {!connectionID ? (\n          <span className=\"text-xs text-muted-foreground\">\n            Choose a saved connection to browse its catalog and sample rows.\n            Inline URLs can still be configured manually.\n          </span>\n        ) : null}\n      </div>\n      {open && connectionID && onRootChange ? (\n        <ProfileBuilderWorkspace\n          connectionID={connectionID}\n          rootValue={rootValue}\n          onApply={onRootChange}\n          onClose={() => setOpen(false)}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAiBA,MAAM,gCAAgC,cAAc,KAAK;AAElD,SAAS,uBAAuB,EAAE,YAAqC;AAC5E,6BACG,8BAA8B,UAA9B,EAAuC,OAAK,MAC1C,UACH;AAEJ;AAEO,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACF,GAIG;;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,WAAW,WAAW,6BAA6B;AACzD,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM,eAAa,eAAU,aAAV,mBAAoB,eAAc;AACrD,QAAM,eAAe,kBAAkB,UAAU;AAEjD,YAAU,MAAM;AACd,QAAI,CAAC,YAAY,WAAW,WAAW,CAAC,gBAAgB,CAAC,cAAc;AACrE;AAAA,IACF;AACA,eAAW,UAAU;AACrB,YAAQ,IAAI;AAAA,EACd,GAAG,CAAC,UAAU,cAAc,YAAY,CAAC;AAEzC,SACE,qBAAC,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,IAAA;AAAA,IACD,qBAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAU,CAAC,gBAAgB,CAAC;AAAA,UAC5B,OACE,eACI,gDACA;AAAA,UAEN,SAAS,MAAM,QAAQ,IAAI;AAAA,UAE3B,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAK,MAAM,YAAY,WAAU,UAAS;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAG9C,CAAC,eACA,oBAAC,UAAK,WAAU,iCAAgC,4HAGhD,IACE;AAAA,IAAA,GACN;AAAA,IACC,QAAQ,gBAAgB,eACvB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,SAAS,MAAM,QAAQ,KAAK;AAAA,MAAA;AAAA,IAAA,IAE5B;AAAA,EAAA,GACN;AAEJ;"}

package/dist/profiles/profileBuilderExtension.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const profileBuilder = require("./profileBuilder.cjs");
+const profileQueryBuilderPost = (field, nodes, ctx) => {
+  if (field.schema["x-clicky-component"] !== "profile-query-builder") {
+    return nodes;
+  }
+  return {
+    label: nodes.label,
+    value: /* @__PURE__ */ jsxRuntime.jsx(
+      profileBuilder.ProfileQueryBuilderField,
+      {
+        input: nodes.value,
+        rootValue: (ctx == null ? void 0 : ctx.rootValue) ?? {},
+        onRootChange: ctx == null ? void 0 : ctx.onRootChange
+      }
+    )
+  };
+};
+const profileBuilderFormExtensions = {
+  post: [profileQueryBuilderPost]
+};
+exports.profileBuilderFormExtensions = profileBuilderFormExtensions;
+//# sourceMappingURL=profileBuilderExtension.cjs.map

package/dist/profiles/profileBuilderExtension.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileBuilderExtension.cjs","sources":["../../src/profiles/profileBuilderExtension.tsx"],"sourcesContent":["/**\n * The JSON-schema form extension that opens the profile builder for a query\n * field.\n *\n * It lives apart from profileBuilder.tsx because it is not a component, and a\n * module that exports components must export nothing else for Fast Refresh to\n * work (react/only-export-components).\n */\n\nimport type { PostExtension } from \"../components/json-schema-form-types\";\nimport { ProfileQueryBuilderField } from \"./profileBuilder\";\nimport type { ProfileDraft } from \"./profileBuilderWorkspace\";\n\nconst profileQueryBuilderPost: PostExtension = (field, nodes, ctx) => {\n  if (field.schema[\"x-clicky-component\"] !== \"profile-query-builder\") {\n    return nodes;\n  }\n  return {\n    label: nodes.label,\n    value: (\n      <ProfileQueryBuilderField\n        input={nodes.value}\n        rootValue={(ctx?.rootValue ?? {}) as ProfileDraft}\n        onRootChange={ctx?.onRootChange}\n      />\n    ),\n  };\n};\n\nexport const profileBuilderFormExtensions = {\n  post: [profileQueryBuilderPost],\n};\n"],"names":["jsx","ProfileQueryBuilderField"],"mappings":";;;;AAaA,MAAM,0BAAyC,CAAC,OAAO,OAAO,QAAQ;AACpE,MAAI,MAAM,OAAO,oBAAoB,MAAM,yBAAyB;AAClE,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL,OAAO,MAAM;AAAA,IACb,OACEA,2BAAAA;AAAAA,MAACC,eAAAA;AAAAA,MAAA;AAAA,QACC,OAAO,MAAM;AAAA,QACb,YAAY,2BAAK,cAAa,CAAA;AAAA,QAC9B,cAAc,2BAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB;AAGN;AAEO,MAAM,+BAA+B;AAAA,EAC1C,MAAM,CAAC,uBAAuB;AAChC;;"}

package/dist/profiles/profileBuilderExtension.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileBuilderExtension.d.ts","sourceRoot":"","sources":["../../src/profiles/profileBuilderExtension.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAoB1E,eAAO,MAAM,4BAA4B;;CAExC,CAAC"}

package/dist/profiles/profileBuilderExtension.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { ProfileQueryBuilderField } from "./profileBuilder.js";
+const profileQueryBuilderPost = (field, nodes, ctx) => {
+  if (field.schema["x-clicky-component"] !== "profile-query-builder") {
+    return nodes;
+  }
+  return {
+    label: nodes.label,
+    value: /* @__PURE__ */ jsx(
+      ProfileQueryBuilderField,
+      {
+        input: nodes.value,
+        rootValue: (ctx == null ? void 0 : ctx.rootValue) ?? {},
+        onRootChange: ctx == null ? void 0 : ctx.onRootChange
+      }
+    )
+  };
+};
+const profileBuilderFormExtensions = {
+  post: [profileQueryBuilderPost]
+};
+export {
+  profileBuilderFormExtensions
+};
+//# sourceMappingURL=profileBuilderExtension.js.map

package/dist/profiles/profileBuilderExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileBuilderExtension.js","sources":["../../src/profiles/profileBuilderExtension.tsx"],"sourcesContent":["/**\n * The JSON-schema form extension that opens the profile builder for a query\n * field.\n *\n * It lives apart from profileBuilder.tsx because it is not a component, and a\n * module that exports components must export nothing else for Fast Refresh to\n * work (react/only-export-components).\n */\n\nimport type { PostExtension } from \"../components/json-schema-form-types\";\nimport { ProfileQueryBuilderField } from \"./profileBuilder\";\nimport type { ProfileDraft } from \"./profileBuilderWorkspace\";\n\nconst profileQueryBuilderPost: PostExtension = (field, nodes, ctx) => {\n  if (field.schema[\"x-clicky-component\"] !== \"profile-query-builder\") {\n    return nodes;\n  }\n  return {\n    label: nodes.label,\n    value: (\n      <ProfileQueryBuilderField\n        input={nodes.value}\n        rootValue={(ctx?.rootValue ?? {}) as ProfileDraft}\n        onRootChange={ctx?.onRootChange}\n      />\n    ),\n  };\n};\n\nexport const profileBuilderFormExtensions = {\n  post: [profileQueryBuilderPost],\n};\n"],"names":[],"mappings":";;AAaA,MAAM,0BAAyC,CAAC,OAAO,OAAO,QAAQ;AACpE,MAAI,MAAM,OAAO,oBAAoB,MAAM,yBAAyB;AAClE,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL,OAAO,MAAM;AAAA,IACb,OACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,MAAM;AAAA,QACb,YAAY,2BAAK,cAAa,CAAA;AAAA,QAC9B,cAAc,2BAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB;AAGN;AAEO,MAAM,+BAA+B;AAAA,EAC1C,MAAM,CAAC,uBAAuB;AAChC;"}

package/dist/profiles/profileBuilderWorkspace.cjs

@@ -0,0 +1,368 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const JsonSchemaForm = require("../components/JsonSchemaForm.cjs");
+const button = require("../components/button.cjs");
+const Icon = require("../data/Icon.cjs");
+const Modal = require("../overlay/Modal.cjs");
+const reactQuery = require("@tanstack/react-query");
+const react = require("react");
+const connectionBrowserModel = require("./connectionBrowserModel.cjs");
+const connectionQueryWorkspace = require("./connectionQueryWorkspace.cjs");
+const profileColumnPicker = require("./profileColumnPicker.cjs");
+const profileWizardModel = require("./profileWizardModel.cjs");
+const esQueryBuilderForm = require("./esQueryBuilderForm.cjs");
+const profileColumnModel = require("./profileColumnModel.cjs");
+const UiCheck = require("../icons/components/UiCheck.cjs");
+const UiColumns = require("../icons/components/UiColumns.cjs");
+const UiSqlColumn = require("../icons/components/UiSqlColumn.cjs");
+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 = connectionBrowserModel.browserBaseUrl(connectionID);
+  const descriptor = reactQuery.useQuery({
+    queryKey: ["profile-builder-descriptor", connectionID],
+    queryFn: () => connectionBrowserModel.fetchJSON(baseUrl),
+    retry: 0
+  });
+  const initialProviderOptions = react.useMemo(
+    () => {
+      var _a2;
+      return { ...(_a2 = rootValue.provider) == null ? void 0 : _a2.options };
+    },
+    [(_a = rootValue.provider) == null ? void 0 : _a.options]
+  );
+  const [query, setQuery] = react.useState(rootValue.query ?? "");
+  const [search, setSearch] = react.useState(
+    () => initialProviderOptions.search
+  );
+  const [params, setParams] = react.useState(
+    () => rootValue.params ?? []
+  );
+  const [liveOptions, setLiveOptions] = react.useState(
+    initialProviderOptions
+  );
+  const [catalogOptions, setCatalogOptions] = react.useState(
+    {}
+  );
+  const [sampleParams, setSampleParams] = react.useState(
+    () => esQueryBuilderForm.defaultParamValues(params)
+  );
+  const [sampleColumns, setSampleColumns] = react.useState([]);
+  const [selectedColumns, setSelectedColumns] = react.useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  const [timestampColumn, setTimestampColumn] = react.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] = react.useState("");
+  const [limits, setLimits] = react.useState(
+    () => rootValue.limits
+  );
+  react.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 = connectionBrowserModel.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 = react.useMemo(
+    () => {
+      var _a2;
+      return connectionBrowserModel.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 = react.useCallback(
+    (options) => {
+      const merged = connectionBrowserModel.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 = react.useMemo(() => sampleParamSchema(params), [params]);
+  const existingColumns = rootValue.columns ?? [];
+  const existingNames = react.useMemo(
+    () => new Set(existingColumns.map((column) => column.name)),
+    [existingColumns]
+  );
+  const applyDraft = (mode) => {
+    const chosen = profileColumnModel.mapTimestampColumn(
+      sampleColumns.filter((column) => selectedColumns.has(column.name)),
+      timestampColumn
+    );
+    let columns = existingColumns;
+    if (mode === "merge") {
+      columns = profileColumnModel.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 = profileWizardModel.withProfileLimits(
+      {
+        ...rootValue,
+        query,
+        params,
+        provider: {
+          ...rootValue.provider,
+          options: effectiveOptions(liveOptions)
+        },
+        ...mode === "query" ? {} : { columns }
+      },
+      limits
+    );
+    onApply(next);
+    onClose();
+  };
+  const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", variant: "ghost", onClick: onClose, children: "Cancel" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      button.Button,
+      {
+        type: "button",
+        variant: "outline",
+        disabled: !query.trim() && !search,
+        onClick: () => applyDraft("query"),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck, className: "size-4" }),
+          "Use query"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      button.Button,
+      {
+        type: "button",
+        variant: "outline",
+        disabled: selectedColumns.size === 0,
+        onClick: () => applyDraft("merge"),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiColumns.UiColumns, className: "size-4" }),
+          "Merge selected"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      button.Button,
+      {
+        type: "button",
+        disabled: selectedColumns.size === 0,
+        onClick: () => applyDraft("replace"),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiSqlColumn.UiSqlColumn, className: "size-4" }),
+          "Replace columns"
+        ]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Modal.Modal,
+    {
+      open: true,
+      onClose,
+      title: `Build profile from ${connectionID}`,
+      size: "full",
+      className: profileBuilderModalClassName,
+      footer,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col gap-3", children: [
+        Object.keys(paramSchema.properties ?? {}).length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 rounded-md border bg-card px-3 py-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: "Temporary sample parameters (not saved)" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            JsonSchemaForm.JsonSchemaForm,
+            {
+              schema: paramSchema,
+              value: sampleParams,
+              onChange: setSampleParams,
+              size: "sm",
+              inline: true,
+              showPreferencesMenu: false,
+              persistPreferences: false
+            }
+          )
+        ] }) : null,
+        descriptor.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(WorkspaceMessage, { children: "Loading connection browser…" }) : descriptor.isError ? /* @__PURE__ */ jsxRuntime.jsx(WorkspaceMessage, { error: true, children: errorMessage(
+          descriptor.error,
+          "Unable to load this connection browser"
+        ) }) : descriptor.data ? /* @__PURE__ */ jsxRuntime.jsx(
+          connectionQueryWorkspace.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: esQueryBuilderForm.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 connectionBrowserModel.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__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: defaultView }),
+              sampleColumns.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+                profileColumnPicker.ColumnPicker,
+                {
+                  columns: sampleColumns,
+                  selected: selectedColumns,
+                  existing: existingNames,
+                  onChange: setSelectedColumns,
+                  timestampColumn,
+                  onTimestampColumnChange: setTimestampColumn
+                }
+              ) : null
+            ] })
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(WorkspaceMessage, { children: "This saved connection does not expose a query browser." })
+      ] })
+    }
+  );
+}
+function WorkspaceMessage({
+  children,
+  error = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.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;
+}
+exports.ProfileBuilderWorkspace = ProfileBuilderWorkspace;
+exports.profileBuilderModalClassName = profileBuilderModalClassName;
+//# sourceMappingURL=profileBuilderWorkspace.cjs.map

package/dist/profiles/profileBuilderWorkspace.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileBuilderWorkspace.cjs","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":["browserBaseUrl","useQuery","fetchJSON","useMemo","_a","useState","defaultParamValues","_b","useEffect","useInspection","mergeProviderOptions","useCallback","mapTimestampColumn","withProfileLimits","jsxs","jsx","Button","Icon","UiCheck","UiColumns","UiSqlColumn","Modal","JsonSchemaForm","ConnectionQueryWorkspace","paramRoles","ColumnPicker"],"mappings":"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"}

package/dist/profiles/profileBuilderWorkspace.d.ts

@@ -0,0 +1,21 @@
+import { ProfileRowLimits } from './connectionBrowserModel';
+import { ProfileColumn } from './profileColumnPicker';
+import { ParamDraft, ProfileProvider } from './profileWizardModel';
+export type { ProfileProvider };
+export type ProfileDraft = Record<string, unknown> & {
+    profile?: string;
+    query?: string;
+    provider?: ProfileProvider;
+    params?: ParamDraft[];
+    columns?: ProfileColumn[];
+    /** The row caps this profile sets for itself; unset ones take their default. */
+    limits?: ProfileRowLimits;
+};
+export declare 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";
+export declare function ProfileBuilderWorkspace({ connectionID, rootValue, onApply, onClose, }: {
+    connectionID: string;
+    rootValue: ProfileDraft;
+    onApply: (next: Record<string, unknown>) => void;
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=profileBuilderWorkspace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileBuilderWorkspace.d.ts","sourceRoot":"","sources":["../../src/profiles/profileBuilderWorkspace.tsx"],"names":[],"mappings":"AASA,OAAO,EAML,KAAK,gBAAgB,EACtB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAqB,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAOhG,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,gFAAgF;IAChF,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAeF,eAAO,MAAM,4BAA4B,qPAC2M,CAAC;AAErP,wBAAgB,uBAAuB,CAAC,EACtC,YAAY,EACZ,SAAS,EACT,OAAO,EACP,OAAO,GACR,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,YAAY,CAAC;IACxB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,2CA6SA"}