@flanksource/clicky-ui 0.3.18 → 0.3.20

package/dist/profiles/profileWizardSteps.js

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

package/dist/profiles/profileWizardSteps.js.map

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

package/dist/profiles/profileYaml.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const yaml = require("yaml");
+const string = require("../lib/string.cjs");
+function parseProfileYamlDocument(value) {
+  const parsed = yaml.parse(value);
+  if (!isRecord(parsed)) throw new Error("Profile YAML must contain an object");
+  return parsed;
+}
+function profileYamlFilename(name) {
+  const safeName = name === void 0 ? void 0 : string.stripSurroundingDashes(name.trim().replace(/[^a-zA-Z0-9._-]+/g, "-"));
+  return `${safeName || "profile"}.yaml`;
+}
+function isRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+exports.parseProfileYamlDocument = parseProfileYamlDocument;
+exports.profileYamlFilename = profileYamlFilename;
+//# sourceMappingURL=profileYaml.cjs.map

package/dist/profiles/profileYaml.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileYaml.cjs","sources":["../../src/profiles/profileYaml.ts"],"sourcesContent":["import { parse } from \"yaml\";\nimport { stripSurroundingDashes } from \"../lib/string\";\nimport type { ProfileWizardDraft } from \"./profileWizardModel\";\n\nexport function parseProfileYamlDocument(value: string): ProfileWizardDraft {\n  const parsed = parse(value);\n  if (!isRecord(parsed)) throw new Error(\"Profile YAML must contain an object\");\n  return parsed as ProfileWizardDraft;\n}\n\nexport function profileYamlFilename(name?: string): string {\n  const safeName =\n    name === undefined\n      ? undefined\n      : stripSurroundingDashes(name.trim().replace(/[^a-zA-Z0-9._-]+/g, \"-\"));\n  return `${safeName || \"profile\"}.yaml`;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === \"object\" && !Array.isArray(value);\n}\n"],"names":["parse","stripSurroundingDashes"],"mappings":";;;;AAIO,SAAS,yBAAyB,OAAmC;AAC1E,QAAM,SAASA,KAAAA,MAAM,KAAK;AAC1B,MAAI,CAAC,SAAS,MAAM,EAAG,OAAM,IAAI,MAAM,qCAAqC;AAC5E,SAAO;AACT;AAEO,SAAS,oBAAoB,MAAuB;AACzD,QAAM,WACJ,SAAS,SACL,SACAC,OAAAA,uBAAuB,KAAK,OAAO,QAAQ,qBAAqB,GAAG,CAAC;AAC1E,SAAO,GAAG,YAAY,SAAS;AACjC;AAEA,SAAS,SAAS,OAAkD;AAClE,SAAO,QAAQ,KAAK,KAAK,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;;;"}

package/dist/profiles/profileYaml.d.ts

@@ -0,0 +1,4 @@
+import { ProfileWizardDraft } from './profileWizardModel';
+export declare function parseProfileYamlDocument(value: string): ProfileWizardDraft;
+export declare function profileYamlFilename(name?: string): string;
+//# sourceMappingURL=profileYaml.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileYaml.d.ts","sourceRoot":"","sources":["../../src/profiles/profileYaml.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,kBAAkB,CAI1E;AAED,wBAAgB,mBAAmB,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAMzD"}

package/dist/profiles/profileYaml.js

@@ -0,0 +1,19 @@
+import { parse } from "yaml";
+import { stripSurroundingDashes } from "../lib/string.js";
+function parseProfileYamlDocument(value) {
+  const parsed = parse(value);
+  if (!isRecord(parsed)) throw new Error("Profile YAML must contain an object");
+  return parsed;
+}
+function profileYamlFilename(name) {
+  const safeName = name === void 0 ? void 0 : stripSurroundingDashes(name.trim().replace(/[^a-zA-Z0-9._-]+/g, "-"));
+  return `${safeName || "profile"}.yaml`;
+}
+function isRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+export {
+  parseProfileYamlDocument,
+  profileYamlFilename
+};
+//# sourceMappingURL=profileYaml.js.map

package/dist/profiles/profileYaml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileYaml.js","sources":["../../src/profiles/profileYaml.ts"],"sourcesContent":["import { parse } from \"yaml\";\nimport { stripSurroundingDashes } from \"../lib/string\";\nimport type { ProfileWizardDraft } from \"./profileWizardModel\";\n\nexport function parseProfileYamlDocument(value: string): ProfileWizardDraft {\n  const parsed = parse(value);\n  if (!isRecord(parsed)) throw new Error(\"Profile YAML must contain an object\");\n  return parsed as ProfileWizardDraft;\n}\n\nexport function profileYamlFilename(name?: string): string {\n  const safeName =\n    name === undefined\n      ? undefined\n      : stripSurroundingDashes(name.trim().replace(/[^a-zA-Z0-9._-]+/g, \"-\"));\n  return `${safeName || \"profile\"}.yaml`;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === \"object\" && !Array.isArray(value);\n}\n"],"names":[],"mappings":";;AAIO,SAAS,yBAAyB,OAAmC;AAC1E,QAAM,SAAS,MAAM,KAAK;AAC1B,MAAI,CAAC,SAAS,MAAM,EAAG,OAAM,IAAI,MAAM,qCAAqC;AAC5E,SAAO;AACT;AAEO,SAAS,oBAAoB,MAAuB;AACzD,QAAM,WACJ,SAAS,SACL,SACA,uBAAuB,KAAK,OAAO,QAAQ,qBAAqB,GAAG,CAAC;AAC1E,SAAO,GAAG,YAAY,SAAS;AACjC;AAEA,SAAS,SAAS,OAAkD;AAClE,SAAO,QAAQ,KAAK,KAAK,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;"}

package/dist/profiles/prometheusResults.cjs

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const TimeseriesPanel = require("../data/TimeseriesPanel.cjs");
+const react = require("react");
+function PrometheusResults({
+  result,
+  fallback
+}) {
+  const chart = react.useMemo(
+    () => prometheusSeries(result.rows ?? []),
+    [result.rows]
+  );
+  if (!chart) return fallback;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TimeseriesPanel.TimeseriesPanel,
+      {
+        title: "Prometheus query",
+        baseUrl: "/query-browser/",
+        series: chart.series,
+        refreshMs: 0,
+        height: 240,
+        fetcher: async (url) => {
+          var _a;
+          const id = ((_a = url.split("?")[0]) == null ? void 0 : _a.split("/").filter(Boolean).pop()) ?? "";
+          return chart.responses[id] ?? { id, points: [] };
+        }
+      }
+    ),
+    fallback
+  ] });
+}
+function prometheusSeries(rows) {
+  const withTime = rows.filter(
+    (row) => row.timestamp != null && typeof row.value === "number"
+  );
+  if (withTime.length < 2) return null;
+  const groups = /* @__PURE__ */ new Map();
+  for (const row of withTime) {
+    const labels = Object.entries(row).filter(([key]) => key !== "timestamp" && key !== "value").sort(([a], [b]) => a.localeCompare(b));
+    const label = labels.map(([key, value]) => `${key}=${String(value)}`).join(", ") || "value";
+    const group = groups.get(label) ?? { label, points: [] };
+    group.points.push({
+      at: new Date(String(row.timestamp)).toISOString(),
+      value: Number(row.value)
+    });
+    groups.set(label, group);
+  }
+  const series = [];
+  const responses = {};
+  [...groups.values()].forEach((group, index) => {
+    const id = `series-${index}`;
+    series.push({ id, label: group.label });
+    responses[id] = { id, points: group.points };
+  });
+  return { series, responses };
+}
+exports.PrometheusResults = PrometheusResults;
+//# sourceMappingURL=prometheusResults.cjs.map

package/dist/profiles/prometheusResults.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prometheusResults.cjs","sources":["../../src/profiles/prometheusResults.tsx"],"sourcesContent":["import { TimeseriesPanel } from \"../data/TimeseriesPanel\";\nimport type { TimeseriesResponse, TimeseriesSeries } from \"../data/TimeseriesPanel.model\";\nimport type { QueryBrowserResult } from \"../data/query-browser/QueryBrowser.types\";\nimport { useMemo, type ReactNode } from \"react\";\n\nexport function PrometheusResults({\n  result,\n  fallback,\n}: {\n  result: QueryBrowserResult;\n  fallback: ReactNode;\n}) {\n  const chart = useMemo(\n    () => prometheusSeries(result.rows ?? []),\n    [result.rows],\n  );\n  if (!chart) return fallback;\n  return (\n    <div className=\"space-y-3\">\n      <TimeseriesPanel\n        title=\"Prometheus query\"\n        baseUrl=\"/query-browser/\"\n        series={chart.series}\n        refreshMs={0}\n        height={240}\n        fetcher={async (url) => {\n          const id = url.split(\"?\")[0]?.split(\"/\").filter(Boolean).pop() ?? \"\";\n          return chart.responses[id] ?? { id, points: [] };\n        }}\n      />\n      {fallback}\n    </div>\n  );\n}\n\nfunction prometheusSeries(rows: Record<string, unknown>[]): {\n  series: TimeseriesSeries[];\n  responses: Record<string, TimeseriesResponse>;\n} | null {\n  const withTime = rows.filter(\n    (row) => row.timestamp != null && typeof row.value === \"number\",\n  );\n  if (withTime.length < 2) return null;\n  const groups = new Map<\n    string,\n    { label: string; points: { at: string; value: number }[] }\n  >();\n  for (const row of withTime) {\n    const labels = Object.entries(row)\n      .filter(([key]) => key !== \"timestamp\" && key !== \"value\")\n      .sort(([a], [b]) => a.localeCompare(b));\n    const label =\n      labels.map(([key, value]) => `${key}=${String(value)}`).join(\", \") ||\n      \"value\";\n    const group = groups.get(label) ?? { label, points: [] };\n    group.points.push({\n      at: new Date(String(row.timestamp)).toISOString(),\n      value: Number(row.value),\n    });\n    groups.set(label, group);\n  }\n  const series: TimeseriesSeries[] = [];\n  const responses: Record<string, TimeseriesResponse> = {};\n  [...groups.values()].forEach((group, index) => {\n    const id = `series-${index}`;\n    series.push({ id, label: group.label });\n    responses[id] = { id, points: group.points };\n  });\n  return { series, responses };\n}\n"],"names":["useMemo","jsxs","jsx","TimeseriesPanel"],"mappings":";;;;;AAKO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQA,MAAAA;AAAAA,IACZ,MAAM,iBAAiB,OAAO,QAAQ,EAAE;AAAA,IACxC,CAAC,OAAO,IAAI;AAAA,EAAA;AAEd,MAAI,CAAC,MAAO,QAAO;AACnB,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,gBAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,QAAQ,MAAM;AAAA,QACd,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,SAAS,OAAO,QAAQ;;AACtB,gBAAM,OAAK,SAAI,MAAM,GAAG,EAAE,CAAC,MAAhB,mBAAmB,MAAM,KAAK,OAAO,SAAS,UAAS;AAClE,iBAAO,MAAM,UAAU,EAAE,KAAK,EAAE,IAAI,QAAQ,GAAC;AAAA,QAC/C;AAAA,MAAA;AAAA,IAAA;AAAA,IAED;AAAA,EAAA,GACH;AAEJ;AAEA,SAAS,iBAAiB,MAGjB;AACP,QAAM,WAAW,KAAK;AAAA,IACpB,CAAC,QAAQ,IAAI,aAAa,QAAQ,OAAO,IAAI,UAAU;AAAA,EAAA;AAEzD,MAAI,SAAS,SAAS,EAAG,QAAO;AAChC,QAAM,6BAAa,IAAA;AAInB,aAAW,OAAO,UAAU;AAC1B,UAAM,SAAS,OAAO,QAAQ,GAAG,EAC9B,OAAO,CAAC,CAAC,GAAG,MAAM,QAAQ,eAAe,QAAQ,OAAO,EACxD,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AACxC,UAAM,QACJ,OAAO,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,GAAG,GAAG,IAAI,OAAO,KAAK,CAAC,EAAE,EAAE,KAAK,IAAI,KACjE;AACF,UAAM,QAAQ,OAAO,IAAI,KAAK,KAAK,EAAE,OAAO,QAAQ,GAAC;AACrD,UAAM,OAAO,KAAK;AAAA,MAChB,IAAI,IAAI,KAAK,OAAO,IAAI,SAAS,CAAC,EAAE,YAAA;AAAA,MACpC,OAAO,OAAO,IAAI,KAAK;AAAA,IAAA,CACxB;AACD,WAAO,IAAI,OAAO,KAAK;AAAA,EACzB;AACA,QAAM,SAA6B,CAAA;AACnC,QAAM,YAAgD,CAAA;AACtD,GAAC,GAAG,OAAO,OAAA,CAAQ,EAAE,QAAQ,CAAC,OAAO,UAAU;AAC7C,UAAM,KAAK,UAAU,KAAK;AAC1B,WAAO,KAAK,EAAE,IAAI,OAAO,MAAM,OAAO;AACtC,cAAU,EAAE,IAAI,EAAE,IAAI,QAAQ,MAAM,OAAA;AAAA,EACtC,CAAC;AACD,SAAO,EAAE,QAAQ,UAAA;AACnB;;"}

package/dist/profiles/prometheusResults.d.ts

@@ -0,0 +1,7 @@
+import { QueryBrowserResult } from '../data/query-browser/QueryBrowser.types';
+import { ReactNode } from 'react';
+export declare function PrometheusResults({ result, fallback, }: {
+    result: QueryBrowserResult;
+    fallback: ReactNode;
+}): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+//# sourceMappingURL=prometheusResults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prometheusResults.d.ts","sourceRoot":"","sources":["../../src/profiles/prometheusResults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB,gHAsBA"}

package/dist/profiles/prometheusResults.js

@@ -0,0 +1,60 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { TimeseriesPanel } from "../data/TimeseriesPanel.js";
+import { useMemo } from "react";
+function PrometheusResults({
+  result,
+  fallback
+}) {
+  const chart = useMemo(
+    () => prometheusSeries(result.rows ?? []),
+    [result.rows]
+  );
+  if (!chart) return fallback;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx(
+      TimeseriesPanel,
+      {
+        title: "Prometheus query",
+        baseUrl: "/query-browser/",
+        series: chart.series,
+        refreshMs: 0,
+        height: 240,
+        fetcher: async (url) => {
+          var _a;
+          const id = ((_a = url.split("?")[0]) == null ? void 0 : _a.split("/").filter(Boolean).pop()) ?? "";
+          return chart.responses[id] ?? { id, points: [] };
+        }
+      }
+    ),
+    fallback
+  ] });
+}
+function prometheusSeries(rows) {
+  const withTime = rows.filter(
+    (row) => row.timestamp != null && typeof row.value === "number"
+  );
+  if (withTime.length < 2) return null;
+  const groups = /* @__PURE__ */ new Map();
+  for (const row of withTime) {
+    const labels = Object.entries(row).filter(([key]) => key !== "timestamp" && key !== "value").sort(([a], [b]) => a.localeCompare(b));
+    const label = labels.map(([key, value]) => `${key}=${String(value)}`).join(", ") || "value";
+    const group = groups.get(label) ?? { label, points: [] };
+    group.points.push({
+      at: new Date(String(row.timestamp)).toISOString(),
+      value: Number(row.value)
+    });
+    groups.set(label, group);
+  }
+  const series = [];
+  const responses = {};
+  [...groups.values()].forEach((group, index) => {
+    const id = `series-${index}`;
+    series.push({ id, label: group.label });
+    responses[id] = { id, points: group.points };
+  });
+  return { series, responses };
+}
+export {
+  PrometheusResults
+};
+//# sourceMappingURL=prometheusResults.js.map

package/dist/profiles/prometheusResults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prometheusResults.js","sources":["../../src/profiles/prometheusResults.tsx"],"sourcesContent":["import { TimeseriesPanel } from \"../data/TimeseriesPanel\";\nimport type { TimeseriesResponse, TimeseriesSeries } from \"../data/TimeseriesPanel.model\";\nimport type { QueryBrowserResult } from \"../data/query-browser/QueryBrowser.types\";\nimport { useMemo, type ReactNode } from \"react\";\n\nexport function PrometheusResults({\n  result,\n  fallback,\n}: {\n  result: QueryBrowserResult;\n  fallback: ReactNode;\n}) {\n  const chart = useMemo(\n    () => prometheusSeries(result.rows ?? []),\n    [result.rows],\n  );\n  if (!chart) return fallback;\n  return (\n    <div className=\"space-y-3\">\n      <TimeseriesPanel\n        title=\"Prometheus query\"\n        baseUrl=\"/query-browser/\"\n        series={chart.series}\n        refreshMs={0}\n        height={240}\n        fetcher={async (url) => {\n          const id = url.split(\"?\")[0]?.split(\"/\").filter(Boolean).pop() ?? \"\";\n          return chart.responses[id] ?? { id, points: [] };\n        }}\n      />\n      {fallback}\n    </div>\n  );\n}\n\nfunction prometheusSeries(rows: Record<string, unknown>[]): {\n  series: TimeseriesSeries[];\n  responses: Record<string, TimeseriesResponse>;\n} | null {\n  const withTime = rows.filter(\n    (row) => row.timestamp != null && typeof row.value === \"number\",\n  );\n  if (withTime.length < 2) return null;\n  const groups = new Map<\n    string,\n    { label: string; points: { at: string; value: number }[] }\n  >();\n  for (const row of withTime) {\n    const labels = Object.entries(row)\n      .filter(([key]) => key !== \"timestamp\" && key !== \"value\")\n      .sort(([a], [b]) => a.localeCompare(b));\n    const label =\n      labels.map(([key, value]) => `${key}=${String(value)}`).join(\", \") ||\n      \"value\";\n    const group = groups.get(label) ?? { label, points: [] };\n    group.points.push({\n      at: new Date(String(row.timestamp)).toISOString(),\n      value: Number(row.value),\n    });\n    groups.set(label, group);\n  }\n  const series: TimeseriesSeries[] = [];\n  const responses: Record<string, TimeseriesResponse> = {};\n  [...groups.values()].forEach((group, index) => {\n    const id = `series-${index}`;\n    series.push({ id, label: group.label });\n    responses[id] = { id, points: group.points };\n  });\n  return { series, responses };\n}\n"],"names":[],"mappings":";;;AAKO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ;AAAA,IACZ,MAAM,iBAAiB,OAAO,QAAQ,EAAE;AAAA,IACxC,CAAC,OAAO,IAAI;AAAA,EAAA;AAEd,MAAI,CAAC,MAAO,QAAO;AACnB,SACE,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,QAAQ,MAAM;AAAA,QACd,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,SAAS,OAAO,QAAQ;;AACtB,gBAAM,OAAK,SAAI,MAAM,GAAG,EAAE,CAAC,MAAhB,mBAAmB,MAAM,KAAK,OAAO,SAAS,UAAS;AAClE,iBAAO,MAAM,UAAU,EAAE,KAAK,EAAE,IAAI,QAAQ,GAAC;AAAA,QAC/C;AAAA,MAAA;AAAA,IAAA;AAAA,IAED;AAAA,EAAA,GACH;AAEJ;AAEA,SAAS,iBAAiB,MAGjB;AACP,QAAM,WAAW,KAAK;AAAA,IACpB,CAAC,QAAQ,IAAI,aAAa,QAAQ,OAAO,IAAI,UAAU;AAAA,EAAA;AAEzD,MAAI,SAAS,SAAS,EAAG,QAAO;AAChC,QAAM,6BAAa,IAAA;AAInB,aAAW,OAAO,UAAU;AAC1B,UAAM,SAAS,OAAO,QAAQ,GAAG,EAC9B,OAAO,CAAC,CAAC,GAAG,MAAM,QAAQ,eAAe,QAAQ,OAAO,EACxD,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AACxC,UAAM,QACJ,OAAO,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,GAAG,GAAG,IAAI,OAAO,KAAK,CAAC,EAAE,EAAE,KAAK,IAAI,KACjE;AACF,UAAM,QAAQ,OAAO,IAAI,KAAK,KAAK,EAAE,OAAO,QAAQ,GAAC;AACrD,UAAM,OAAO,KAAK;AAAA,MAChB,IAAI,IAAI,KAAK,OAAO,IAAI,SAAS,CAAC,EAAE,YAAA;AAAA,MACpC,OAAO,OAAO,IAAI,KAAK;AAAA,IAAA,CACxB;AACD,WAAO,IAAI,OAAO,KAAK;AAAA,EACzB;AACA,QAAM,SAA6B,CAAA;AACnC,QAAM,YAAgD,CAAA;AACtD,GAAC,GAAG,OAAO,OAAA,CAAQ,EAAE,QAAQ,CAAC,OAAO,UAAU;AAC7C,UAAM,KAAK,UAAU,KAAK;AAC1B,WAAO,KAAK,EAAE,IAAI,OAAO,MAAM,OAAO;AACtC,cAAU,EAAE,IAAI,EAAE,IAAI,QAAQ,MAAM,OAAA;AAAA,EACtC,CAAC;AACD,SAAO,EAAE,QAAQ,UAAA;AACnB;"}

package/dist/profiles/queryRowLimits.cjs

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const InputField = require("../components/InputField.cjs");
+const queryRowLimitsModel = require("./queryRowLimitsModel.cjs");
+const profileCaps = [
+  {
+    key: "pageSize",
+    label: "Page size",
+    title: "Rows one page returns when the caller asks for no size.",
+    fallback: "pageSize"
+  },
+  {
+    key: "maxPageSize",
+    label: "Max page",
+    title: "Largest single page a caller may ask this profile for.",
+    fallback: "maxPageSize"
+  },
+  {
+    key: "maxExportRows",
+    label: "Max export",
+    title: "Where an all-row export of this profile stops.",
+    fallback: "maxExportRows"
+  }
+];
+function QueryRowLimits({
+  value,
+  onChange,
+  defaults,
+  limits,
+  onLimitsChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      RowLimitField,
+      {
+        label: "Limit",
+        title: "Rows this query asks the source for.",
+        value,
+        placeholder: "rows",
+        onChange
+      }
+    ),
+    onLimitsChange ? profileCaps.map((cap) => /* @__PURE__ */ jsxRuntime.jsx(
+      RowLimitField,
+      {
+        label: cap.label,
+        title: cap.title,
+        value: (limits == null ? void 0 : limits[cap.key]) === void 0 ? "" : String(limits[cap.key]),
+        placeholder: defaults ? defaults[cap.fallback].toLocaleString("en-US") : "",
+        onChange: (text) => onLimitsChange(queryRowLimitsModel.applyRowLimit(limits, cap.key, text))
+      },
+      cap.key
+    )) : null
+  ] });
+}
+function RowLimitField({
+  label,
+  title,
+  value,
+  placeholder,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      InputField.InputField,
+      {
+        "aria-label": label,
+        className: "w-24",
+        type: "number",
+        min: "1",
+        placeholder,
+        title,
+        value,
+        onChange
+      }
+    )
+  ] });
+}
+exports.QueryRowLimits = QueryRowLimits;
+//# sourceMappingURL=queryRowLimits.cjs.map

package/dist/profiles/queryRowLimits.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryRowLimits.cjs","sources":["../../src/profiles/queryRowLimits.tsx"],"sourcesContent":["/**\n * The four row caps, edited beside the filters they bound rather than buried in\n * the generic options form. They answer different questions and so get a field\n * each: Limit is how many rows the query asks the source for (a provider\n * option), while the page a caller gets by default, the largest page it may ask\n * for and where an export stops belong to the profile. A cap the profile leaves\n * empty shows the inherited default as its placeholder.\n */\n\nimport { InputField } from \"../components/InputField\";\nimport type {\n  BrowserRowLimits,\n  ProfileRowLimits,\n} from \"./connectionBrowserModel\";\nimport { applyRowLimit } from \"./queryRowLimitsModel\";\n\nconst profileCaps: {\n  key: keyof ProfileRowLimits;\n  label: string;\n  title: string;\n  fallback: keyof BrowserRowLimits;\n}[] = [\n  {\n    key: \"pageSize\",\n    label: \"Page size\",\n    title: \"Rows one page returns when the caller asks for no size.\",\n    fallback: \"pageSize\",\n  },\n  {\n    key: \"maxPageSize\",\n    label: \"Max page\",\n    title: \"Largest single page a caller may ask this profile for.\",\n    fallback: \"maxPageSize\",\n  },\n  {\n    key: \"maxExportRows\",\n    label: \"Max export\",\n    title: \"Where an all-row export of this profile stops.\",\n    fallback: \"maxExportRows\",\n  },\n];\n\nexport function QueryRowLimits({\n  value,\n  onChange,\n  defaults,\n  limits,\n  onLimitsChange,\n}: {\n  value: string;\n  onChange: (limit: string) => void;\n  defaults?: BrowserRowLimits;\n  limits?: ProfileRowLimits;\n  onLimitsChange?: (limits: ProfileRowLimits | undefined) => void;\n}) {\n  return (\n    <div className=\"flex flex-wrap items-end gap-3\">\n      <RowLimitField\n        label=\"Limit\"\n        title=\"Rows this query asks the source for.\"\n        value={value}\n        placeholder=\"rows\"\n        onChange={onChange}\n      />\n      {onLimitsChange\n        ? profileCaps.map((cap) => (\n            <RowLimitField\n              key={cap.key}\n              label={cap.label}\n              title={cap.title}\n              value={limits?.[cap.key] === undefined ? \"\" : String(limits[cap.key])}\n              placeholder={\n                defaults ? defaults[cap.fallback].toLocaleString(\"en-US\") : \"\"\n              }\n              onChange={(text) =>\n                onLimitsChange(applyRowLimit(limits, cap.key, text))\n              }\n            />\n          ))\n        : null}\n    </div>\n  );\n}\n\nfunction RowLimitField({\n  label,\n  title,\n  value,\n  placeholder,\n  onChange,\n}: {\n  label: string;\n  title: string;\n  value: string;\n  placeholder: string;\n  onChange: (text: string) => void;\n}) {\n  return (\n    <label className=\"flex flex-col gap-1\">\n      <span className=\"text-xs font-medium text-muted-foreground\">{label}</span>\n      <InputField\n        aria-label={label}\n        className=\"w-24\"\n        type=\"number\"\n        min=\"1\"\n        placeholder={placeholder}\n        title={title}\n        value={value}\n        onChange={onChange}\n      />\n    </label>\n  );\n}\n"],"names":["jsxs","jsx","applyRowLimit","InputField"],"mappings":";;;;;AAgBA,MAAM,cAKA;AAAA,EACJ;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAAA,EAEZ;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAAA,EAEZ;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAEd;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAM;AAAA,QACN;AAAA,QACA,aAAY;AAAA,QACZ;AAAA,MAAA;AAAA,IAAA;AAAA,IAED,iBACG,YAAY,IAAI,CAAC,QACfA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,OAAO,IAAI;AAAA,QACX,OAAO,IAAI;AAAA,QACX,QAAO,iCAAS,IAAI,UAAS,SAAY,KAAK,OAAO,OAAO,IAAI,GAAG,CAAC;AAAA,QACpE,aACE,WAAW,SAAS,IAAI,QAAQ,EAAE,eAAe,OAAO,IAAI;AAAA,QAE9D,UAAU,CAAC,SACT,eAAeC,oBAAAA,cAAc,QAAQ,IAAI,KAAK,IAAI,CAAC;AAAA,MAAA;AAAA,MARhD,IAAI;AAAA,IAAA,CAWZ,IACD;AAAA,EAAA,GACN;AAEJ;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACEF,2BAAAA,KAAC,SAAA,EAAM,WAAU,uBACf,UAAA;AAAA,IAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,6CAA6C,UAAA,OAAM;AAAA,IACnEA,2BAAAA;AAAAA,MAACE,WAAAA;AAAAA,MAAA;AAAA,QACC,cAAY;AAAA,QACZ,WAAU;AAAA,QACV,MAAK;AAAA,QACL,KAAI;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;;"}

package/dist/profiles/queryRowLimits.d.ts

@@ -0,0 +1,9 @@
+import { BrowserRowLimits, ProfileRowLimits } from './connectionBrowserModel';
+export declare function QueryRowLimits({ value, onChange, defaults, limits, onLimitsChange, }: {
+    value: string;
+    onChange: (limit: string) => void;
+    defaults?: BrowserRowLimits;
+    limits?: ProfileRowLimits;
+    onLimitsChange?: (limits: ProfileRowLimits | undefined) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=queryRowLimits.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queryRowLimits.d.ts","sourceRoot":"","sources":["../../src/profiles/queryRowLimits.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AA6BlC,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,cAAc,GACf,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG,SAAS,KAAK,IAAI,CAAC;CACjE,2CA4BA"}