@flanksource/clicky-ui 0.3.48 → 0.3.50

package/dist/connections/connectionLoggingField.js

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+import { ConnectionLoggingPolicy } from "../components/ConnectionLoggingPolicy.js";
+import { isPlainObject } from "../lib/collections.js";
+import { connectionLoggingCapability } from "./connectionLoggingModel.js";
+function ConnectionLoggingField({
+  field,
+  ctx
+}) {
+  if (!ctx.rootValue || !ctx.onRootChange) {
+    throw new Error(
+      "connection logging requires root form value and onRootChange"
+    );
+  }
+  const rootValue = ctx.rootValue;
+  const onRootChange = ctx.onRootChange;
+  const properties = isPlainObject(rootValue.properties) ? stringProperties(rootValue.properties) : {};
+  return /* @__PURE__ */ jsx(
+    ConnectionLoggingPolicy,
+    {
+      definition: connectionLoggingCapability(field),
+      value: properties,
+      readOnly: field.readOnly ?? false,
+      onChange: (next) => onRootChange({ ...rootValue, properties: next })
+    }
+  );
+}
+function stringProperties(value) {
+  const properties = {};
+  for (const [key, item] of Object.entries(value)) {
+    if (typeof item === "string") properties[key] = item;
+  }
+  return properties;
+}
+export {
+  ConnectionLoggingField
+};
+//# sourceMappingURL=connectionLoggingField.js.map

package/dist/connections/connectionLoggingField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionLoggingField.js","sources":["../../src/connections/connectionLoggingField.tsx"],"sourcesContent":["import { ConnectionLoggingPolicy } from \"../components/ConnectionLoggingPolicy\";\nimport type { FieldControl } from \"../components/json-schema-form-types\";\nimport type { PostExtensionContext } from \"../components/json-schema-form-runtime-types\";\nimport { isPlainObject } from \"../lib/collections\";\nimport { connectionLoggingCapability } from \"./connectionLoggingModel\";\n\n/**\n * The logging policy editor in place of the connection schema's synthetic\n * `logging` field. Its overrides live in the connection's `properties` map, so\n * it edits the root form value rather than its own field.\n */\nexport function ConnectionLoggingField({\n  field,\n  ctx,\n}: {\n  field: FieldControl;\n  ctx: PostExtensionContext;\n}) {\n  if (!ctx.rootValue || !ctx.onRootChange) {\n    throw new Error(\n      \"connection logging requires root form value and onRootChange\",\n    );\n  }\n  const rootValue = ctx.rootValue;\n  const onRootChange = ctx.onRootChange;\n  const properties = isPlainObject(rootValue.properties)\n    ? stringProperties(rootValue.properties)\n    : {};\n\n  return (\n    <ConnectionLoggingPolicy\n      definition={connectionLoggingCapability(field)}\n      value={properties}\n      readOnly={field.readOnly ?? false}\n      onChange={(next) => onRootChange({ ...rootValue, properties: next })}\n    />\n  );\n}\n\nfunction stringProperties(\n  value: Record<string, unknown>,\n): Record<string, string> {\n  const properties: Record<string, string> = {};\n  for (const [key, item] of Object.entries(value)) {\n    if (typeof item === \"string\") properties[key] = item;\n  }\n  return properties;\n}\n"],"names":[],"mappings":";;;;AAWO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AACF,GAGG;AACD,MAAI,CAAC,IAAI,aAAa,CAAC,IAAI,cAAc;AACvC,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,QAAM,YAAY,IAAI;AACtB,QAAM,eAAe,IAAI;AACzB,QAAM,aAAa,cAAc,UAAU,UAAU,IACjD,iBAAiB,UAAU,UAAU,IACrC,CAAA;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAY,4BAA4B,KAAK;AAAA,MAC7C,OAAO;AAAA,MACP,UAAU,MAAM,YAAY;AAAA,MAC5B,UAAU,CAAC,SAAS,aAAa,EAAE,GAAG,WAAW,YAAY,KAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAGzE;AAEA,SAAS,iBACP,OACwB;AACxB,QAAM,aAAqC,CAAA;AAC3C,aAAW,CAAC,KAAK,IAAI,KAAK,OAAO,QAAQ,KAAK,GAAG;AAC/C,QAAI,OAAO,SAAS,SAAU,YAAW,GAAG,IAAI;AAAA,EAClD;AACA,SAAO;AACT;"}

package/dist/connections/connectionLoggingModel.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ConnectionLoggingPolicy_model = require("../components/ConnectionLoggingPolicy.model.cjs");
+const CONNECTION_LOGGING_WIDGET = "connection-logging-policy";
+function connectionLoggingCapability(field) {
+  const value = field.schema["x-clicky-logging"];
+  if (!ConnectionLoggingPolicy_model.isConnectionLoggingCapability(value)) {
+    throw new Error(
+      "connection logging schema is missing valid x-clicky-logging metadata"
+    );
+  }
+  return value;
+}
+exports.CONNECTION_LOGGING_WIDGET = CONNECTION_LOGGING_WIDGET;
+exports.connectionLoggingCapability = connectionLoggingCapability;
+//# sourceMappingURL=connectionLoggingModel.cjs.map

package/dist/connections/connectionLoggingModel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionLoggingModel.cjs","sources":["../../src/connections/connectionLoggingModel.ts"],"sourcesContent":["import { isConnectionLoggingCapability } from \"../components/ConnectionLoggingPolicy.model\";\nimport type { ConnectionLoggingCapability } from \"../components/ConnectionLoggingPolicy.model\";\nimport type { FieldControl } from \"../components/json-schema-form-types\";\n\n/** The `x-clicky-component` the connection schema tags its logging field with. */\nexport const CONNECTION_LOGGING_WIDGET = \"connection-logging-policy\";\n\nexport function connectionLoggingCapability(field: FieldControl): ConnectionLoggingCapability {\n  const value = field.schema[\"x-clicky-logging\"];\n  if (!isConnectionLoggingCapability(value)) {\n    throw new Error(\n      \"connection logging schema is missing valid x-clicky-logging metadata\",\n    );\n  }\n  return value;\n}\n"],"names":["isConnectionLoggingCapability"],"mappings":";;;AAKO,MAAM,4BAA4B;AAElC,SAAS,4BAA4B,OAAkD;AAC5F,QAAM,QAAQ,MAAM,OAAO,kBAAkB;AAC7C,MAAI,CAACA,8BAAAA,8BAA8B,KAAK,GAAG;AACzC,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,SAAO;AACT;;;"}

package/dist/connections/connectionLoggingModel.d.ts

@@ -0,0 +1,6 @@
+import { ConnectionLoggingCapability } from '../components/ConnectionLoggingPolicy.model.js';
+import { FieldControl } from '../components/json-schema-form-types.js';
+/** The `x-clicky-component` the connection schema tags its logging field with. */
+export declare const CONNECTION_LOGGING_WIDGET = "connection-logging-policy";
+export declare function connectionLoggingCapability(field: FieldControl): ConnectionLoggingCapability;
+//# sourceMappingURL=connectionLoggingModel.d.ts.map

package/dist/connections/connectionLoggingModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionLoggingModel.d.ts","sourceRoot":"","sources":["../../src/connections/connectionLoggingModel.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6CAA6C,CAAC;AAC/F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEzE,kFAAkF;AAClF,eAAO,MAAM,yBAAyB,8BAA8B,CAAC;AAErE,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,YAAY,GAAG,2BAA2B,CAQ5F"}

package/dist/connections/connectionLoggingModel.js

@@ -0,0 +1,16 @@
+import { isConnectionLoggingCapability } from "../components/ConnectionLoggingPolicy.model.js";
+const CONNECTION_LOGGING_WIDGET = "connection-logging-policy";
+function connectionLoggingCapability(field) {
+  const value = field.schema["x-clicky-logging"];
+  if (!isConnectionLoggingCapability(value)) {
+    throw new Error(
+      "connection logging schema is missing valid x-clicky-logging metadata"
+    );
+  }
+  return value;
+}
+export {
+  CONNECTION_LOGGING_WIDGET,
+  connectionLoggingCapability
+};
+//# sourceMappingURL=connectionLoggingModel.js.map

package/dist/connections/connectionLoggingModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionLoggingModel.js","sources":["../../src/connections/connectionLoggingModel.ts"],"sourcesContent":["import { isConnectionLoggingCapability } from \"../components/ConnectionLoggingPolicy.model\";\nimport type { ConnectionLoggingCapability } from \"../components/ConnectionLoggingPolicy.model\";\nimport type { FieldControl } from \"../components/json-schema-form-types\";\n\n/** The `x-clicky-component` the connection schema tags its logging field with. */\nexport const CONNECTION_LOGGING_WIDGET = \"connection-logging-policy\";\n\nexport function connectionLoggingCapability(field: FieldControl): ConnectionLoggingCapability {\n  const value = field.schema[\"x-clicky-logging\"];\n  if (!isConnectionLoggingCapability(value)) {\n    throw new Error(\n      \"connection logging schema is missing valid x-clicky-logging metadata\",\n    );\n  }\n  return value;\n}\n"],"names":[],"mappings":";AAKO,MAAM,4BAA4B;AAElC,SAAS,4BAA4B,OAAkD;AAC5F,QAAM,QAAQ,MAAM,OAAO,kBAAkB;AAC7C,MAAI,CAAC,8BAA8B,KAAK,GAAG;AACzC,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,SAAO;AACT;"}

package/dist/connections/connectionResolveView.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+function ConnectionResolveView({ resolved }) {
+  const rows = [];
+  const add = (label, v) => {
+    if (v) rows.push([label, v]);
+  };
+  add("URL", resolved.url);
+  add("Username", resolved.username);
+  add("Password", resolved.password);
+  add("Certificate", resolved.certificate);
+  for (const [k, v] of Object.entries(resolved.properties ?? {})) add(k, v);
+  if (rows.length === 0) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: "Nothing to resolve." });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: "Resolved values" }),
+    /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "space-y-1", children: rows.map(([label, v]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[7rem_1fr] gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "break-all font-mono text-xs", children: v })
+    ] }, label)) })
+  ] });
+}
+exports.ConnectionResolveView = ConnectionResolveView;
+//# sourceMappingURL=connectionResolveView.cjs.map

package/dist/connections/connectionResolveView.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionResolveView.cjs","sources":["../../src/connections/connectionResolveView.tsx"],"sourcesContent":["import type { ResolvedConnection } from \"./connectionActionTypes\";\n\nexport function ConnectionResolveView({ resolved }: { resolved: ResolvedConnection }) {\n  const rows: [string, string][] = [];\n  const add = (label: string, v?: string) => {\n    if (v) rows.push([label, v]);\n  };\n  add(\"URL\", resolved.url);\n  add(\"Username\", resolved.username);\n  add(\"Password\", resolved.password);\n  add(\"Certificate\", resolved.certificate);\n  for (const [k, v] of Object.entries(resolved.properties ?? {})) add(k, v);\n\n  if (rows.length === 0) return <div className=\"text-muted-foreground\">Nothing to resolve.</div>;\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"font-medium\">Resolved values</div>\n      <dl className=\"space-y-1\">\n        {rows.map(([label, v]) => (\n          <div key={label} className=\"grid grid-cols-[7rem_1fr] gap-2\">\n            <dt className=\"text-muted-foreground\">{label}</dt>\n            <dd className=\"break-all font-mono text-xs\">{v}</dd>\n          </div>\n        ))}\n      </dl>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx"],"mappings":";;;AAEO,SAAS,sBAAsB,EAAE,YAA8C;AACpF,QAAM,OAA2B,CAAA;AACjC,QAAM,MAAM,CAAC,OAAe,MAAe;AACzC,QAAI,EAAG,MAAK,KAAK,CAAC,OAAO,CAAC,CAAC;AAAA,EAC7B;AACA,MAAI,OAAO,SAAS,GAAG;AACvB,MAAI,YAAY,SAAS,QAAQ;AACjC,MAAI,YAAY,SAAS,QAAQ;AACjC,MAAI,eAAe,SAAS,WAAW;AACvC,aAAW,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,SAAS,cAAc,CAAA,CAAE,EAAG,KAAI,GAAG,CAAC;AAExE,MAAI,KAAK,WAAW,EAAG,uCAAQ,OAAA,EAAI,WAAU,yBAAwB,UAAA,sBAAA,CAAmB;AACxF,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,eAAc,UAAA,mBAAe;AAAA,IAC5CA,2BAAAA,IAAC,MAAA,EAAG,WAAU,aACX,eAAK,IAAI,CAAC,CAAC,OAAO,CAAC,MAClBD,gCAAC,OAAA,EAAgB,WAAU,mCACzB,UAAA;AAAA,MAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,yBAAyB,UAAA,OAAM;AAAA,MAC7CA,2BAAAA,IAAC,MAAA,EAAG,WAAU,+BAA+B,UAAA,EAAA,CAAE;AAAA,IAAA,EAAA,GAFvC,KAGV,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/connections/connectionResolveView.d.ts

@@ -0,0 +1,5 @@
+import { ResolvedConnection } from './connectionActionTypes.js';
+export declare function ConnectionResolveView({ resolved }: {
+    resolved: ResolvedConnection;
+}): import("react").JSX.Element;
+//# sourceMappingURL=connectionResolveView.d.ts.map

package/dist/connections/connectionResolveView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionResolveView.d.ts","sourceRoot":"","sources":["../../src/connections/connectionResolveView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,kBAAkB,CAAA;CAAE,+BAyBnF"}

package/dist/connections/connectionResolveView.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function ConnectionResolveView({ resolved }) {
+  const rows = [];
+  const add = (label, v) => {
+    if (v) rows.push([label, v]);
+  };
+  add("URL", resolved.url);
+  add("Username", resolved.username);
+  add("Password", resolved.password);
+  add("Certificate", resolved.certificate);
+  for (const [k, v] of Object.entries(resolved.properties ?? {})) add(k, v);
+  if (rows.length === 0) return /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: "Nothing to resolve." });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Resolved values" }),
+    /* @__PURE__ */ jsx("dl", { className: "space-y-1", children: rows.map(([label, v]) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[7rem_1fr] gap-2", children: [
+      /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsx("dd", { className: "break-all font-mono text-xs", children: v })
+    ] }, label)) })
+  ] });
+}
+export {
+  ConnectionResolveView
+};
+//# sourceMappingURL=connectionResolveView.js.map

package/dist/connections/connectionResolveView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionResolveView.js","sources":["../../src/connections/connectionResolveView.tsx"],"sourcesContent":["import type { ResolvedConnection } from \"./connectionActionTypes\";\n\nexport function ConnectionResolveView({ resolved }: { resolved: ResolvedConnection }) {\n  const rows: [string, string][] = [];\n  const add = (label: string, v?: string) => {\n    if (v) rows.push([label, v]);\n  };\n  add(\"URL\", resolved.url);\n  add(\"Username\", resolved.username);\n  add(\"Password\", resolved.password);\n  add(\"Certificate\", resolved.certificate);\n  for (const [k, v] of Object.entries(resolved.properties ?? {})) add(k, v);\n\n  if (rows.length === 0) return <div className=\"text-muted-foreground\">Nothing to resolve.</div>;\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"font-medium\">Resolved values</div>\n      <dl className=\"space-y-1\">\n        {rows.map(([label, v]) => (\n          <div key={label} className=\"grid grid-cols-[7rem_1fr] gap-2\">\n            <dt className=\"text-muted-foreground\">{label}</dt>\n            <dd className=\"break-all font-mono text-xs\">{v}</dd>\n          </div>\n        ))}\n      </dl>\n    </div>\n  );\n}\n"],"names":[],"mappings":";AAEO,SAAS,sBAAsB,EAAE,YAA8C;AACpF,QAAM,OAA2B,CAAA;AACjC,QAAM,MAAM,CAAC,OAAe,MAAe;AACzC,QAAI,EAAG,MAAK,KAAK,CAAC,OAAO,CAAC,CAAC;AAAA,EAC7B;AACA,MAAI,OAAO,SAAS,GAAG;AACvB,MAAI,YAAY,SAAS,QAAQ;AACjC,MAAI,YAAY,SAAS,QAAQ;AACjC,MAAI,eAAe,SAAS,WAAW;AACvC,aAAW,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,SAAS,cAAc,CAAA,CAAE,EAAG,KAAI,GAAG,CAAC;AAExE,MAAI,KAAK,WAAW,EAAG,4BAAQ,OAAA,EAAI,WAAU,yBAAwB,UAAA,sBAAA,CAAmB;AACxF,SACE,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,eAAc,UAAA,mBAAe;AAAA,IAC5C,oBAAC,MAAA,EAAG,WAAU,aACX,eAAK,IAAI,CAAC,CAAC,OAAO,CAAC,MAClB,qBAAC,OAAA,EAAgB,WAAU,mCACzB,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,yBAAyB,UAAA,OAAM;AAAA,MAC7C,oBAAC,MAAA,EAAG,WAAU,+BAA+B,UAAA,EAAA,CAAE;AAAA,IAAA,EAAA,GAFvC,KAGV,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/connections/connectionTestButton.cjs

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const SplitButton = require("../components/SplitButton.cjs");
+const connectionActionTypes = require("./connectionActionTypes.cjs");
+const connectionActionStatus = require("./connectionActionStatus.cjs");
+function ConnectionTestButton({
+  apiBase,
+  value,
+  canSubmit
+}) {
+  const [pending, setPending] = react.useState(null);
+  const [result, setResult] = react.useState(null);
+  const outcome = result && result.forValue === value ? result.outcome : null;
+  const run = async (action) => {
+    const forValue = value;
+    setPending(action);
+    setResult(null);
+    const started = performance.now();
+    try {
+      const data = await connectionActionTypes.postConnection({ apiBase, action, value });
+      const elapsedMs = performance.now() - started;
+      setResult({
+        forValue,
+        outcome: action === "test" ? { action, elapsedMs, result: data } : { action, elapsedMs, resolved: data }
+      });
+    } catch (err) {
+      setResult({
+        forValue,
+        outcome: {
+          action,
+          elapsedMs: performance.now() - started,
+          error: err instanceof Error ? err.message : String(err)
+        }
+      });
+    } finally {
+      setPending(null);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", "aria-live": "polite", children: [
+    outcome && /* @__PURE__ */ jsxRuntime.jsx(connectionActionStatus.ConnectionActionStatus, { outcome }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SplitButton.SplitButton,
+      {
+        label: pending === "test" ? "Testing…" : pending === "resolve" ? "Resolving…" : "Test",
+        variant: "outline",
+        loading: pending !== null,
+        disabled: pending !== null || !canSubmit,
+        onClick: () => run("test"),
+        items: [{ label: "Resolve values", onSelect: () => run("resolve") }],
+        title: "Connection actions"
+      }
+    )
+  ] });
+}
+exports.ConnectionTestButton = ConnectionTestButton;
+//# sourceMappingURL=connectionTestButton.cjs.map

package/dist/connections/connectionTestButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionTestButton.cjs","sources":["../../src/connections/connectionTestButton.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { SplitButton } from \"../components/SplitButton\";\nimport {\n  postConnection,\n  type ActionOutcome,\n  type ConnectionAction,\n  type ResolvedConnection,\n  type TestResult,\n} from \"./connectionActionTypes\";\nimport { ConnectionActionStatus } from \"./connectionActionStatus\";\n\nexport function ConnectionTestButton({\n  apiBase,\n  value,\n  canSubmit,\n}: {\n  apiBase: string;\n  value: Record<string, unknown>;\n  canSubmit: boolean;\n}) {\n  const [pending, setPending] = useState<ConnectionAction | null>(null);\n  const [result, setResult] = useState<{ outcome: ActionOutcome; forValue: unknown } | null>(null);\n\n  // A result only describes the exact draft that was tested. Rather than\n  // tracking the prop in an effect to clear stale state, tie the result to\n  // the value it was computed for and derive visibility during render: once\n  // the form value changes, `forValue` no longer matches `value` and the\n  // stale outcome is dropped without a render showing it.\n  const outcome = result && result.forValue === value ? result.outcome : null;\n\n  const run = async (action: ConnectionAction) => {\n    const forValue = value;\n    setPending(action);\n    setResult(null);\n    const started = performance.now();\n    try {\n      const data = await postConnection({ apiBase, action, value });\n      const elapsedMs = performance.now() - started;\n      setResult({\n        forValue,\n        outcome:\n          action === \"test\"\n            ? { action, elapsedMs, result: data as TestResult }\n            : { action, elapsedMs, resolved: data as ResolvedConnection },\n      });\n    } catch (err) {\n      setResult({\n        forValue,\n        outcome: {\n          action,\n          elapsedMs: performance.now() - started,\n          error: err instanceof Error ? err.message : String(err),\n        },\n      });\n    } finally {\n      setPending(null);\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-3\" aria-live=\"polite\">\n      {outcome && <ConnectionActionStatus outcome={outcome} />}\n      <SplitButton\n        label={pending === \"test\" ? \"Testing…\" : pending === \"resolve\" ? \"Resolving…\" : \"Test\"}\n        variant=\"outline\"\n        loading={pending !== null}\n        disabled={pending !== null || !canSubmit}\n        onClick={() => run(\"test\")}\n        items={[{ label: \"Resolve values\", onSelect: () => run(\"resolve\") }]}\n        title=\"Connection actions\"\n      />\n    </div>\n  );\n}\n"],"names":["useState","postConnection","jsxs","jsx","ConnectionActionStatus","SplitButton"],"mappings":";;;;;;;AAWO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAkC,IAAI;AACpE,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAA+D,IAAI;AAO/F,QAAM,UAAU,UAAU,OAAO,aAAa,QAAQ,OAAO,UAAU;AAEvE,QAAM,MAAM,OAAO,WAA6B;AAC9C,UAAM,WAAW;AACjB,eAAW,MAAM;AACjB,cAAU,IAAI;AACd,UAAM,UAAU,YAAY,IAAA;AAC5B,QAAI;AACF,YAAM,OAAO,MAAMC,sBAAAA,eAAe,EAAE,SAAS,QAAQ,OAAO;AAC5D,YAAM,YAAY,YAAY,IAAA,IAAQ;AACtC,gBAAU;AAAA,QACR;AAAA,QACA,SACE,WAAW,SACP,EAAE,QAAQ,WAAW,QAAQ,KAAA,IAC7B,EAAE,QAAQ,WAAW,UAAU,KAAA;AAAA,MAA2B,CACjE;AAAA,IACH,SAAS,KAAK;AACZ,gBAAU;AAAA,QACR;AAAA,QACA,SAAS;AAAA,UACP;AAAA,UACA,WAAW,YAAY,IAAA,IAAQ;AAAA,UAC/B,OAAO,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG;AAAA,QAAA;AAAA,MACxD,CACD;AAAA,IACH,UAAA;AACE,iBAAW,IAAI;AAAA,IACjB;AAAA,EACF;AAEA,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,2BAA0B,aAAU,UAChD,UAAA;AAAA,IAAA,WAAWC,2BAAAA,IAACC,iDAAuB,QAAA,CAAkB;AAAA,IACtDD,2BAAAA;AAAAA,MAACE,YAAAA;AAAAA,MAAA;AAAA,QACC,OAAO,YAAY,SAAS,aAAa,YAAY,YAAY,eAAe;AAAA,QAChF,SAAQ;AAAA,QACR,SAAS,YAAY;AAAA,QACrB,UAAU,YAAY,QAAQ,CAAC;AAAA,QAC/B,SAAS,MAAM,IAAI,MAAM;AAAA,QACzB,OAAO,CAAC,EAAE,OAAO,kBAAkB,UAAU,MAAM,IAAI,SAAS,GAAG;AAAA,QACnE,OAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;;"}

package/dist/connections/connectionTestButton.d.ts

@@ -0,0 +1,6 @@
+export declare function ConnectionTestButton({ apiBase, value, canSubmit, }: {
+    apiBase: string;
+    value: Record<string, unknown>;
+    canSubmit: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=connectionTestButton.d.ts.map

package/dist/connections/connectionTestButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionTestButton.d.ts","sourceRoot":"","sources":["../../src/connections/connectionTestButton.tsx"],"names":[],"mappings":"AAWA,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;CACpB,+BAsDA"}

package/dist/connections/connectionTestButton.js

@@ -0,0 +1,58 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { SplitButton } from "../components/SplitButton.js";
+import { postConnection } from "./connectionActionTypes.js";
+import { ConnectionActionStatus } from "./connectionActionStatus.js";
+function ConnectionTestButton({
+  apiBase,
+  value,
+  canSubmit
+}) {
+  const [pending, setPending] = useState(null);
+  const [result, setResult] = useState(null);
+  const outcome = result && result.forValue === value ? result.outcome : null;
+  const run = async (action) => {
+    const forValue = value;
+    setPending(action);
+    setResult(null);
+    const started = performance.now();
+    try {
+      const data = await postConnection({ apiBase, action, value });
+      const elapsedMs = performance.now() - started;
+      setResult({
+        forValue,
+        outcome: action === "test" ? { action, elapsedMs, result: data } : { action, elapsedMs, resolved: data }
+      });
+    } catch (err) {
+      setResult({
+        forValue,
+        outcome: {
+          action,
+          elapsedMs: performance.now() - started,
+          error: err instanceof Error ? err.message : String(err)
+        }
+      });
+    } finally {
+      setPending(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", "aria-live": "polite", children: [
+    outcome && /* @__PURE__ */ jsx(ConnectionActionStatus, { outcome }),
+    /* @__PURE__ */ jsx(
+      SplitButton,
+      {
+        label: pending === "test" ? "Testing…" : pending === "resolve" ? "Resolving…" : "Test",
+        variant: "outline",
+        loading: pending !== null,
+        disabled: pending !== null || !canSubmit,
+        onClick: () => run("test"),
+        items: [{ label: "Resolve values", onSelect: () => run("resolve") }],
+        title: "Connection actions"
+      }
+    )
+  ] });
+}
+export {
+  ConnectionTestButton
+};
+//# sourceMappingURL=connectionTestButton.js.map

package/dist/connections/connectionTestButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionTestButton.js","sources":["../../src/connections/connectionTestButton.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { SplitButton } from \"../components/SplitButton\";\nimport {\n  postConnection,\n  type ActionOutcome,\n  type ConnectionAction,\n  type ResolvedConnection,\n  type TestResult,\n} from \"./connectionActionTypes\";\nimport { ConnectionActionStatus } from \"./connectionActionStatus\";\n\nexport function ConnectionTestButton({\n  apiBase,\n  value,\n  canSubmit,\n}: {\n  apiBase: string;\n  value: Record<string, unknown>;\n  canSubmit: boolean;\n}) {\n  const [pending, setPending] = useState<ConnectionAction | null>(null);\n  const [result, setResult] = useState<{ outcome: ActionOutcome; forValue: unknown } | null>(null);\n\n  // A result only describes the exact draft that was tested. Rather than\n  // tracking the prop in an effect to clear stale state, tie the result to\n  // the value it was computed for and derive visibility during render: once\n  // the form value changes, `forValue` no longer matches `value` and the\n  // stale outcome is dropped without a render showing it.\n  const outcome = result && result.forValue === value ? result.outcome : null;\n\n  const run = async (action: ConnectionAction) => {\n    const forValue = value;\n    setPending(action);\n    setResult(null);\n    const started = performance.now();\n    try {\n      const data = await postConnection({ apiBase, action, value });\n      const elapsedMs = performance.now() - started;\n      setResult({\n        forValue,\n        outcome:\n          action === \"test\"\n            ? { action, elapsedMs, result: data as TestResult }\n            : { action, elapsedMs, resolved: data as ResolvedConnection },\n      });\n    } catch (err) {\n      setResult({\n        forValue,\n        outcome: {\n          action,\n          elapsedMs: performance.now() - started,\n          error: err instanceof Error ? err.message : String(err),\n        },\n      });\n    } finally {\n      setPending(null);\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-3\" aria-live=\"polite\">\n      {outcome && <ConnectionActionStatus outcome={outcome} />}\n      <SplitButton\n        label={pending === \"test\" ? \"Testing…\" : pending === \"resolve\" ? \"Resolving…\" : \"Test\"}\n        variant=\"outline\"\n        loading={pending !== null}\n        disabled={pending !== null || !canSubmit}\n        onClick={() => run(\"test\")}\n        items={[{ label: \"Resolve values\", onSelect: () => run(\"resolve\") }]}\n        title=\"Connection actions\"\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAWO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkC,IAAI;AACpE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA+D,IAAI;AAO/F,QAAM,UAAU,UAAU,OAAO,aAAa,QAAQ,OAAO,UAAU;AAEvE,QAAM,MAAM,OAAO,WAA6B;AAC9C,UAAM,WAAW;AACjB,eAAW,MAAM;AACjB,cAAU,IAAI;AACd,UAAM,UAAU,YAAY,IAAA;AAC5B,QAAI;AACF,YAAM,OAAO,MAAM,eAAe,EAAE,SAAS,QAAQ,OAAO;AAC5D,YAAM,YAAY,YAAY,IAAA,IAAQ;AACtC,gBAAU;AAAA,QACR;AAAA,QACA,SACE,WAAW,SACP,EAAE,QAAQ,WAAW,QAAQ,KAAA,IAC7B,EAAE,QAAQ,WAAW,UAAU,KAAA;AAAA,MAA2B,CACjE;AAAA,IACH,SAAS,KAAK;AACZ,gBAAU;AAAA,QACR;AAAA,QACA,SAAS;AAAA,UACP;AAAA,UACA,WAAW,YAAY,IAAA,IAAQ;AAAA,UAC/B,OAAO,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG;AAAA,QAAA;AAAA,MACxD,CACD;AAAA,IACH,UAAA;AACE,iBAAW,IAAI;AAAA,IACjB;AAAA,EACF;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,2BAA0B,aAAU,UAChD,UAAA;AAAA,IAAA,WAAW,oBAAC,0BAAuB,QAAA,CAAkB;AAAA,IACtD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,YAAY,SAAS,aAAa,YAAY,YAAY,eAAe;AAAA,QAChF,SAAQ;AAAA,QACR,SAAS,YAAY;AAAA,QACrB,UAAU,YAAY,QAAQ,CAAC;AAAA,QAC/B,SAAS,MAAM,IAAI,MAAM;AAAA,QACzB,OAAO,CAAC,EAAE,OAAO,kBAAkB,UAAU,MAAM,IAAI,SAAS,GAAG;AAAA,QACnE,OAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;"}

package/dist/connections/connectionTestView.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+function ConnectionTestView({ result }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: "Connection test" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap break-words text-muted-foreground", children: result.message }),
+    result.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-all font-mono text-xs text-muted-foreground", children: result.url })
+  ] });
+}
+exports.ConnectionTestView = ConnectionTestView;
+//# sourceMappingURL=connectionTestView.cjs.map

package/dist/connections/connectionTestView.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionTestView.cjs","sources":["../../src/connections/connectionTestView.tsx"],"sourcesContent":["import type { TestResult } from \"./connectionActionTypes\";\n\nexport function ConnectionTestView({ result }: { result: TestResult }) {\n  return (\n    <div className=\"space-y-1\">\n      <div className=\"font-medium\">Connection test</div>\n      <div className=\"whitespace-pre-wrap break-words text-muted-foreground\">{result.message}</div>\n      {result.url && <div className=\"break-all font-mono text-xs text-muted-foreground\">{result.url}</div>}\n    </div>\n  );\n}\n"],"names":["jsxs","jsx"],"mappings":";;;AAEO,SAAS,mBAAmB,EAAE,UAAkC;AACrE,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,eAAc,UAAA,mBAAe;AAAA,IAC5CA,2BAAAA,IAAC,OAAA,EAAI,WAAU,yDAAyD,iBAAO,SAAQ;AAAA,IACtF,OAAO,OAAOA,2BAAAA,IAAC,SAAI,WAAU,qDAAqD,iBAAO,IAAA,CAAI;AAAA,EAAA,GAChG;AAEJ;;"}

package/dist/connections/connectionTestView.d.ts

@@ -0,0 +1,5 @@
+import { TestResult } from './connectionActionTypes.js';
+export declare function ConnectionTestView({ result }: {
+    result: TestResult;
+}): import("react").JSX.Element;
+//# sourceMappingURL=connectionTestView.d.ts.map

package/dist/connections/connectionTestView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionTestView.d.ts","sourceRoot":"","sources":["../../src/connections/connectionTestView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,+BAQpE"}

package/dist/connections/connectionTestView.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+function ConnectionTestView({ result }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Connection test" }),
+    /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap break-words text-muted-foreground", children: result.message }),
+    result.url && /* @__PURE__ */ jsx("div", { className: "break-all font-mono text-xs text-muted-foreground", children: result.url })
+  ] });
+}
+export {
+  ConnectionTestView
+};
+//# sourceMappingURL=connectionTestView.js.map

package/dist/connections/connectionTestView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionTestView.js","sources":["../../src/connections/connectionTestView.tsx"],"sourcesContent":["import type { TestResult } from \"./connectionActionTypes\";\n\nexport function ConnectionTestView({ result }: { result: TestResult }) {\n  return (\n    <div className=\"space-y-1\">\n      <div className=\"font-medium\">Connection test</div>\n      <div className=\"whitespace-pre-wrap break-words text-muted-foreground\">{result.message}</div>\n      {result.url && <div className=\"break-all font-mono text-xs text-muted-foreground\">{result.url}</div>}\n    </div>\n  );\n}\n"],"names":[],"mappings":";AAEO,SAAS,mBAAmB,EAAE,UAAkC;AACrE,SACE,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,eAAc,UAAA,mBAAe;AAAA,IAC5C,oBAAC,OAAA,EAAI,WAAU,yDAAyD,iBAAO,SAAQ;AAAA,IACtF,OAAO,OAAO,oBAAC,SAAI,WAAU,qDAAqD,iBAAO,IAAA,CAAI;AAAA,EAAA,GAChG;AAEJ;"}

package/dist/connections/connectionsPageModel.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const unitFormExtension = require("../components/unit-form-extension.cjs");
+const connectionLogging = require("./connectionLogging.cjs");
+const unitFormExtensions = unitFormExtension.createUnitFormExtensions();
+function connectionFormExtensions(host = {}) {
+  return {
+    pre: [
+      ...unitFormExtensions.pre,
+      ...host.pre ?? [],
+      ...connectionLogging.connectionLoggingFormExtensions.pre
+    ],
+    post: [...host.post ?? [], ...connectionLogging.connectionLoggingFormExtensions.post]
+  };
+}
+const createConnectionAction = {
+  path: "/connection",
+  method: "post",
+  operation: { operationId: "connection_create", summary: "Add Connection" }
+};
+const updateConnectionAction = {
+  path: "/connection/{id}",
+  method: "put",
+  operation: { operationId: "connection_update", summary: "Update connection" }
+};
+function isPlainLeftClick(event) {
+  return !event.defaultPrevented && event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;
+}
+exports.connectionFormExtensions = connectionFormExtensions;
+exports.createConnectionAction = createConnectionAction;
+exports.isPlainLeftClick = isPlainLeftClick;
+exports.updateConnectionAction = updateConnectionAction;
+//# sourceMappingURL=connectionsPageModel.cjs.map

package/dist/connections/connectionsPageModel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionsPageModel.cjs","sources":["../../src/connections/connectionsPageModel.ts"],"sourcesContent":["import type { MouseEvent } from \"react\";\nimport type {\n  PostExtension,\n  PreExtension,\n} from \"../components/json-schema-form-runtime-types\";\nimport { createUnitFormExtensions } from \"../components/unit-form-extension\";\nimport type { ResolvedOperation } from \"../rpc/types\";\nimport { connectionLoggingFormExtensions } from \"./connectionLogging\";\n\n/** JsonSchemaForm extensions a host adds to the connection form. */\nexport type ConnectionFormExtensions = {\n  pre?: PreExtension[];\n  post?: PostExtension[];\n};\n\nconst unitFormExtensions = createUnitFormExtensions();\n\n/**\n * The connection form's extensions: the unit-aware inputs (`x-clicky-unit`)\n * and the logging policy editor the connection schema always uses, around\n * whatever pickers the host adds (the query app's namespace and secret\n * selectors). A host without such pickers adds none, and the hinted fields\n * render as the plain controls their schema type implies.\n */\nexport function connectionFormExtensions(\n  host: ConnectionFormExtensions = {},\n): Required<ConnectionFormExtensions> {\n  return {\n    pre: [\n      ...unitFormExtensions.pre,\n      ...(host.pre ?? []),\n      ...connectionLoggingFormExtensions.pre,\n    ],\n    post: [...(host.post ?? []), ...connectionLoggingFormExtensions.post],\n  };\n}\n\nexport const createConnectionAction: ResolvedOperation = {\n  path: \"/connection\",\n  method: \"post\",\n  operation: { operationId: \"connection_create\", summary: \"Add Connection\" },\n};\n\nexport const updateConnectionAction: ResolvedOperation = {\n  path: \"/connection/{id}\",\n  method: \"put\",\n  operation: { operationId: \"connection_update\", summary: \"Update connection\" },\n};\n\n/**\n * Only a plain left click selects in place; modified and middle clicks fall\n * through to the browser so \"open in new tab\" keeps working on the row's href.\n */\nexport function isPlainLeftClick(event: MouseEvent<HTMLAnchorElement>): boolean {\n  return (\n    !event.defaultPrevented &&\n    event.button === 0 &&\n    !event.metaKey &&\n    !event.ctrlKey &&\n    !event.shiftKey &&\n    !event.altKey\n  );\n}\n"],"names":["createUnitFormExtensions","connectionLoggingFormExtensions"],"mappings":";;;;AAeA,MAAM,qBAAqBA,kBAAAA,yBAAA;AASpB,SAAS,yBACd,OAAiC,IACG;AACpC,SAAO;AAAA,IACL,KAAK;AAAA,MACH,GAAG,mBAAmB;AAAA,MACtB,GAAI,KAAK,OAAO,CAAA;AAAA,MAChB,GAAGC,kDAAgC;AAAA,IAAA;AAAA,IAErC,MAAM,CAAC,GAAI,KAAK,QAAQ,CAAA,GAAK,GAAGA,kBAAAA,gCAAgC,IAAI;AAAA,EAAA;AAExE;AAEO,MAAM,yBAA4C;AAAA,EACvD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW,EAAE,aAAa,qBAAqB,SAAS,iBAAA;AAC1D;AAEO,MAAM,yBAA4C;AAAA,EACvD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW,EAAE,aAAa,qBAAqB,SAAS,oBAAA;AAC1D;AAMO,SAAS,iBAAiB,OAA+C;AAC9E,SACE,CAAC,MAAM,oBACP,MAAM,WAAW,KACjB,CAAC,MAAM,WACP,CAAC,MAAM,WACP,CAAC,MAAM,YACP,CAAC,MAAM;AAEX;;;;;"}

package/dist/connections/connectionsPageModel.d.ts

@@ -0,0 +1,24 @@
+import { MouseEvent } from 'react';
+import { PostExtension, PreExtension } from '../components/json-schema-form-runtime-types.js';
+import { ResolvedOperation } from '../rpc/types.js';
+/** JsonSchemaForm extensions a host adds to the connection form. */
+export type ConnectionFormExtensions = {
+    pre?: PreExtension[];
+    post?: PostExtension[];
+};
+/**
+ * The connection form's extensions: the unit-aware inputs (`x-clicky-unit`)
+ * and the logging policy editor the connection schema always uses, around
+ * whatever pickers the host adds (the query app's namespace and secret
+ * selectors). A host without such pickers adds none, and the hinted fields
+ * render as the plain controls their schema type implies.
+ */
+export declare function connectionFormExtensions(host?: ConnectionFormExtensions): Required<ConnectionFormExtensions>;
+export declare const createConnectionAction: ResolvedOperation;
+export declare const updateConnectionAction: ResolvedOperation;
+/**
+ * Only a plain left click selects in place; modified and middle clicks fall
+ * through to the browser so "open in new tab" keeps working on the row's href.
+ */
+export declare function isPlainLeftClick(event: MouseEvent<HTMLAnchorElement>): boolean;
+//# sourceMappingURL=connectionsPageModel.d.ts.map

package/dist/connections/connectionsPageModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionsPageModel.d.ts","sourceRoot":"","sources":["../../src/connections/connectionsPageModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACb,MAAM,8CAA8C,CAAC;AAEtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGtD,oEAAoE;AACpE,MAAM,MAAM,wBAAwB,GAAG;IACrC,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;CACxB,CAAC;AAIF;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,IAAI,GAAE,wBAA6B,GAClC,QAAQ,CAAC,wBAAwB,CAAC,CASpC;AAED,eAAO,MAAM,sBAAsB,EAAE,iBAIpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,iBAIpC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,OAAO,CAS9E"}

package/dist/connections/connectionsPageModel.js

@@ -0,0 +1,33 @@
+import { createUnitFormExtensions } from "../components/unit-form-extension.js";
+import { connectionLoggingFormExtensions } from "./connectionLogging.js";
+const unitFormExtensions = createUnitFormExtensions();
+function connectionFormExtensions(host = {}) {
+  return {
+    pre: [
+      ...unitFormExtensions.pre,
+      ...host.pre ?? [],
+      ...connectionLoggingFormExtensions.pre
+    ],
+    post: [...host.post ?? [], ...connectionLoggingFormExtensions.post]
+  };
+}
+const createConnectionAction = {
+  path: "/connection",
+  method: "post",
+  operation: { operationId: "connection_create", summary: "Add Connection" }
+};
+const updateConnectionAction = {
+  path: "/connection/{id}",
+  method: "put",
+  operation: { operationId: "connection_update", summary: "Update connection" }
+};
+function isPlainLeftClick(event) {
+  return !event.defaultPrevented && event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;
+}
+export {
+  connectionFormExtensions,
+  createConnectionAction,
+  isPlainLeftClick,
+  updateConnectionAction
+};
+//# sourceMappingURL=connectionsPageModel.js.map

package/dist/connections/connectionsPageModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionsPageModel.js","sources":["../../src/connections/connectionsPageModel.ts"],"sourcesContent":["import type { MouseEvent } from \"react\";\nimport type {\n  PostExtension,\n  PreExtension,\n} from \"../components/json-schema-form-runtime-types\";\nimport { createUnitFormExtensions } from \"../components/unit-form-extension\";\nimport type { ResolvedOperation } from \"../rpc/types\";\nimport { connectionLoggingFormExtensions } from \"./connectionLogging\";\n\n/** JsonSchemaForm extensions a host adds to the connection form. */\nexport type ConnectionFormExtensions = {\n  pre?: PreExtension[];\n  post?: PostExtension[];\n};\n\nconst unitFormExtensions = createUnitFormExtensions();\n\n/**\n * The connection form's extensions: the unit-aware inputs (`x-clicky-unit`)\n * and the logging policy editor the connection schema always uses, around\n * whatever pickers the host adds (the query app's namespace and secret\n * selectors). A host without such pickers adds none, and the hinted fields\n * render as the plain controls their schema type implies.\n */\nexport function connectionFormExtensions(\n  host: ConnectionFormExtensions = {},\n): Required<ConnectionFormExtensions> {\n  return {\n    pre: [\n      ...unitFormExtensions.pre,\n      ...(host.pre ?? []),\n      ...connectionLoggingFormExtensions.pre,\n    ],\n    post: [...(host.post ?? []), ...connectionLoggingFormExtensions.post],\n  };\n}\n\nexport const createConnectionAction: ResolvedOperation = {\n  path: \"/connection\",\n  method: \"post\",\n  operation: { operationId: \"connection_create\", summary: \"Add Connection\" },\n};\n\nexport const updateConnectionAction: ResolvedOperation = {\n  path: \"/connection/{id}\",\n  method: \"put\",\n  operation: { operationId: \"connection_update\", summary: \"Update connection\" },\n};\n\n/**\n * Only a plain left click selects in place; modified and middle clicks fall\n * through to the browser so \"open in new tab\" keeps working on the row's href.\n */\nexport function isPlainLeftClick(event: MouseEvent<HTMLAnchorElement>): boolean {\n  return (\n    !event.defaultPrevented &&\n    event.button === 0 &&\n    !event.metaKey &&\n    !event.ctrlKey &&\n    !event.shiftKey &&\n    !event.altKey\n  );\n}\n"],"names":[],"mappings":";;AAeA,MAAM,qBAAqB,yBAAA;AASpB,SAAS,yBACd,OAAiC,IACG;AACpC,SAAO;AAAA,IACL,KAAK;AAAA,MACH,GAAG,mBAAmB;AAAA,MACtB,GAAI,KAAK,OAAO,CAAA;AAAA,MAChB,GAAG,gCAAgC;AAAA,IAAA;AAAA,IAErC,MAAM,CAAC,GAAI,KAAK,QAAQ,CAAA,GAAK,GAAG,gCAAgC,IAAI;AAAA,EAAA;AAExE;AAEO,MAAM,yBAA4C;AAAA,EACvD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW,EAAE,aAAa,qBAAqB,SAAS,iBAAA;AAC1D;AAEO,MAAM,yBAA4C;AAAA,EACvD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW,EAAE,aAAa,qBAAqB,SAAS,oBAAA;AAC1D;AAMO,SAAS,iBAAiB,OAA+C;AAC9E,SACE,CAAC,MAAM,oBACP,MAAM,WAAW,KACjB,CAAC,MAAM,WACP,CAAC,MAAM,WACP,CAAC,MAAM,YACP,CAAC,MAAM;AAEX;"}

package/dist/connections/iconProvider.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const mi = require("@flanksource/icons/mi");
+const icons = mi.IconMap;
+function FlanksourceIcon({ name, className, size }) {
+  const Glyph = name ? icons[name] : void 0;
+  if (!Glyph) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(Glyph, { className, ...size != null ? { width: size, height: size } : {} });
+}
+function ConnectionTypeIcon({
+  type,
+  className
+}) {
+  const Glyph = icons[type] ?? mi.Database;
+  return /* @__PURE__ */ jsxRuntime.jsx(Glyph, { className, width: 16, height: 16 });
+}
+exports.ConnectionTypeIcon = ConnectionTypeIcon;
+exports.FlanksourceIcon = FlanksourceIcon;
+//# sourceMappingURL=iconProvider.cjs.map

package/dist/connections/iconProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconProvider.cjs","sources":["../../src/connections/iconProvider.tsx"],"sourcesContent":["import type { ElementType } from \"react\";\nimport { Database, IconMap } from \"@flanksource/icons/mi\";\nimport type { FallbackIconProps } from \"../data/icon-fallback\";\n\n// FlanksourceIcon resolves a runtime icon name against @flanksource/icons' name\n// map and renders the matching glyph. A host registers it as the fallback icon\n// provider (`setFallbackIconProvider(clickyIconProvider(FlanksourceIcon))`) so\n// name-based icons — e.g. the connection-type picker grid (x-enum-icons) —\n// render. An unknown name renders nothing, so the grid falls back to the\n// option's text label.\nconst icons = IconMap as unknown as Record<string, ElementType>;\n\nexport function FlanksourceIcon({ name, className, size }: FallbackIconProps) {\n  const Glyph = name ? icons[name] : undefined;\n  if (!Glyph) return null;\n  return <Glyph className={className} {...(size != null ? { width: size, height: size } : {})} />;\n}\n\nexport function ConnectionTypeIcon({\n  type,\n  className,\n}: {\n  type: string;\n  className?: string;\n}) {\n  const Glyph = icons[type] ?? Database;\n  return <Glyph className={className} width={16} height={16} />;\n}\n"],"names":["IconMap","jsx","Database"],"mappings":";;;;AAUA,MAAM,QAAQA,GAAAA;AAEP,SAAS,gBAAgB,EAAE,MAAM,WAAW,QAA2B;AAC5E,QAAM,QAAQ,OAAO,MAAM,IAAI,IAAI;AACnC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAOC,2BAAAA,IAAC,OAAA,EAAM,WAAuB,GAAI,QAAQ,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAA,IAAS,CAAA,EAAC,CAAI;AAC/F;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,MAAM,IAAI,KAAKC,GAAAA;AAC7B,wCAAQ,OAAA,EAAM,WAAsB,OAAO,IAAI,QAAQ,IAAI;AAC7D;;;"}

package/dist/connections/iconProvider.d.ts

@@ -0,0 +1,7 @@
+import { FallbackIconProps } from '../data/icon-fallback.js';
+export declare function FlanksourceIcon({ name, className, size }: FallbackIconProps): import("react").JSX.Element | null;
+export declare function ConnectionTypeIcon({ type, className, }: {
+    type: string;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=iconProvider.d.ts.map

package/dist/connections/iconProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconProvider.d.ts","sourceRoot":"","sources":["../../src/connections/iconProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAU/D,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,iBAAiB,sCAI3E;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,SAAS,GACV,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAGA"}

package/dist/connections/iconProvider.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { IconMap, Database } from "@flanksource/icons/mi";
+const icons = IconMap;
+function FlanksourceIcon({ name, className, size }) {
+  const Glyph = name ? icons[name] : void 0;
+  if (!Glyph) return null;
+  return /* @__PURE__ */ jsx(Glyph, { className, ...size != null ? { width: size, height: size } : {} });
+}
+function ConnectionTypeIcon({
+  type,
+  className
+}) {
+  const Glyph = icons[type] ?? Database;
+  return /* @__PURE__ */ jsx(Glyph, { className, width: 16, height: 16 });
+}
+export {
+  ConnectionTypeIcon,
+  FlanksourceIcon
+};
+//# sourceMappingURL=iconProvider.js.map

package/dist/connections/iconProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconProvider.js","sources":["../../src/connections/iconProvider.tsx"],"sourcesContent":["import type { ElementType } from \"react\";\nimport { Database, IconMap } from \"@flanksource/icons/mi\";\nimport type { FallbackIconProps } from \"../data/icon-fallback\";\n\n// FlanksourceIcon resolves a runtime icon name against @flanksource/icons' name\n// map and renders the matching glyph. A host registers it as the fallback icon\n// provider (`setFallbackIconProvider(clickyIconProvider(FlanksourceIcon))`) so\n// name-based icons — e.g. the connection-type picker grid (x-enum-icons) —\n// render. An unknown name renders nothing, so the grid falls back to the\n// option's text label.\nconst icons = IconMap as unknown as Record<string, ElementType>;\n\nexport function FlanksourceIcon({ name, className, size }: FallbackIconProps) {\n  const Glyph = name ? icons[name] : undefined;\n  if (!Glyph) return null;\n  return <Glyph className={className} {...(size != null ? { width: size, height: size } : {})} />;\n}\n\nexport function ConnectionTypeIcon({\n  type,\n  className,\n}: {\n  type: string;\n  className?: string;\n}) {\n  const Glyph = icons[type] ?? Database;\n  return <Glyph className={className} width={16} height={16} />;\n}\n"],"names":[],"mappings":";;AAUA,MAAM,QAAQ;AAEP,SAAS,gBAAgB,EAAE,MAAM,WAAW,QAA2B;AAC5E,QAAM,QAAQ,OAAO,MAAM,IAAI,IAAI;AACnC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,oBAAC,OAAA,EAAM,WAAuB,GAAI,QAAQ,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAA,IAAS,CAAA,EAAC,CAAI;AAC/F;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,MAAM,IAAI,KAAK;AAC7B,6BAAQ,OAAA,EAAM,WAAsB,OAAO,IAAI,QAAQ,IAAI;AAC7D;"}

package/dist/connections.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ConnectionsPage = require("./connections/ConnectionsPage.cjs");
+const connectionsPageModel = require("./connections/connectionsPageModel.cjs");
+const connectionDashboard = require("./connections/connectionDashboard.cjs");
+const connectionDashboardRow = require("./connections/connectionDashboardRow.cjs");
+const connectionDashboardModel = require("./connections/connectionDashboardModel.cjs");
+const connectionDashboardRenderer = require("./connections/connectionDashboardRenderer.cjs");
+const connectionHealth = require("./connections/connectionHealth.cjs");
+const connectionActions = require("./connections/connectionActions.cjs");
+const connectionActionTypes = require("./connections/connectionActionTypes.cjs");
+const connectionActionStatus = require("./connections/connectionActionStatus.cjs");
+const connectionTestButton = require("./connections/connectionTestButton.cjs");
+const connectionTestView = require("./connections/connectionTestView.cjs");
+const connectionResolveView = require("./connections/connectionResolveView.cjs");
+const connectionErrorView = require("./connections/connectionErrorView.cjs");
+const connectionLogging = require("./connections/connectionLogging.cjs");
+const iconProvider = require("./connections/iconProvider.cjs");
+exports.ConnectionsPage = ConnectionsPage.ConnectionsPage;
+exports.connectionFormExtensions = connectionsPageModel.connectionFormExtensions;
+exports.ConnectionDashboardLanes = connectionDashboard.ConnectionDashboardLanes;
+exports.ConnectionDashboardSurface = connectionDashboard.ConnectionDashboardSurface;
+exports.ConnectionDashboardRow = connectionDashboardRow.ConnectionDashboardRow;
+exports.ConnectionHealthLegend = connectionDashboardRow.ConnectionHealthLegend;
+exports.CONNECTION_DASHBOARD_QUERY_KEY = connectionDashboardModel.CONNECTION_DASHBOARD_QUERY_KEY;
+exports.connectionDashboardUrl = connectionDashboardModel.connectionDashboardUrl;
+exports.connectionHealthUrl = connectionDashboardModel.connectionHealthUrl;
+exports.groupConnectionDashboardLanes = connectionDashboardModel.groupConnectionDashboardLanes;
+exports.createConnectionDashboardResultRenderer = connectionDashboardRenderer.createConnectionDashboardResultRenderer;
+exports.initialHealthMap = connectionHealth.initialHealthMap;
+exports.mergeHealthResults = connectionHealth.mergeHealthResults;
+exports.summarizeLaneHealth = connectionHealth.summarizeLaneHealth;
+exports.useConnectionHealth = connectionHealth.useConnectionHealth;
+exports.createConnectionFormActions = connectionActions.createConnectionFormActions;
+exports.formatDuration = connectionActionTypes.formatDuration;
+exports.postConnection = connectionActionTypes.postConnection;
+exports.ConnectionActionStatus = connectionActionStatus.ConnectionActionStatus;
+exports.ConnectionTestButton = connectionTestButton.ConnectionTestButton;
+exports.ConnectionTestView = connectionTestView.ConnectionTestView;
+exports.ConnectionResolveView = connectionResolveView.ConnectionResolveView;
+exports.ConnectionErrorView = connectionErrorView.ConnectionErrorView;
+exports.connectionLoggingFormExtensions = connectionLogging.connectionLoggingFormExtensions;
+exports.ConnectionTypeIcon = iconProvider.ConnectionTypeIcon;
+exports.FlanksourceIcon = iconProvider.FlanksourceIcon;
+//# sourceMappingURL=connections.cjs.map

package/dist/connections.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connections.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}