@flanksource/clicky-ui 0.3.49 → 0.3.50

package/dist/connections/connectionDashboardModel.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const string = require("../lib/string.cjs");
+const CONNECTION_DASHBOARD_QUERY_KEY = "connection-dashboard";
+function groupConnectionDashboardLanes(connections) {
+  const lanes = /* @__PURE__ */ new Map();
+  for (const connection of connections) {
+    const lane = lanes.get(connection.namespace);
+    if (lane) lane.push(connection);
+    else lanes.set(connection.namespace, [connection]);
+  }
+  return [...lanes].map(([namespace, items]) => ({
+    namespace,
+    connections: [...items].sort((a, b) => a.name.localeCompare(b.name))
+  })).sort((a, b) => {
+    if (a.namespace === "") return 1;
+    if (b.namespace === "") return -1;
+    return a.namespace.localeCompare(b.namespace);
+  });
+}
+function connectionHealthUrl(apiBase) {
+  return `${string.stripTrailingSlashes(apiBase)}/connections/health`;
+}
+function connectionDashboardUrl({
+  apiBase,
+  requestUrl
+}) {
+  const search = new URLSearchParams();
+  if (requestUrl) {
+    const source = new URL(requestUrl, "http://connections.local");
+    for (const key of ["type", "types"]) {
+      const value = source.searchParams.get(key);
+      if (value) search.set(key, value);
+    }
+  }
+  const query = search.toString();
+  return `${string.stripTrailingSlashes(apiBase)}/connections/dashboard${query ? `?${query}` : ""}`;
+}
+exports.CONNECTION_DASHBOARD_QUERY_KEY = CONNECTION_DASHBOARD_QUERY_KEY;
+exports.connectionDashboardUrl = connectionDashboardUrl;
+exports.connectionHealthUrl = connectionHealthUrl;
+exports.groupConnectionDashboardLanes = groupConnectionDashboardLanes;
+//# sourceMappingURL=connectionDashboardModel.cjs.map

package/dist/connections/connectionDashboardModel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionDashboardModel.cjs","sources":["../../src/connections/connectionDashboardModel.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { stripTrailingSlashes } from \"../lib/string\";\n\n/**\n * The connection dashboard's pure shapes and derivations: what the API returns,\n * how connections group into namespace lanes, and the URLs the dashboard calls\n * under a host's `apiBase` (the path the commons-db connections service is\n * mounted at, e.g. `/api/v1`). Kept apart from the components so the\n * derivations stay directly testable and the component files export\n * components only.\n */\n\nexport type ConnectionDashboardHealthState =\n  | \"healthy\"\n  | \"credentials\"\n  | \"unreachable\"\n  | \"unverifiable\"\n  | \"unknown\";\n\nexport type ConnectionHealth = {\n  state: ConnectionDashboardHealthState;\n  detail: string;\n  checkedAt: string;\n  cached: boolean;\n};\n\nexport type ConnectionDashboardItem = {\n  id: string;\n  name: string;\n  namespace: string;\n  type: string;\n  endpoint?: { scheme: string; host: string; path?: string };\n  secretCount: number;\n  inlineCredential: boolean;\n  insecureTLS: boolean;\n  // Absent until someone checks: listing reads the database only, so a\n  // connection has no health until a check is explicitly requested.\n  health?: ConnectionHealth | null;\n  profileCount: number;\n  updatedAt: string;\n};\n\nexport type ConnectionDashboardResponse = {\n  connections: ConnectionDashboardItem[];\n  generatedAt: string;\n};\n\nexport type ConnectionHealthResult = ConnectionHealth & {\n  id: string;\n  durationMs: number;\n};\n\nexport type ConnectionHealthResponse = {\n  results: ConnectionHealthResult[];\n  generatedAt: string;\n};\n\nexport type ConnectionDashboardLane = {\n  namespace: string;\n  connections: ConnectionDashboardItem[];\n};\n\n/** What a row hands the host to wrap its body in a link to the connection. */\nexport type ConnectionLinkProps = {\n  className: string;\n  title?: string;\n  children: ReactNode;\n};\n\n/**\n * Renders a dashboard row's link. The host owns routing: an EntityExplorerApp\n * host routes through its RouterAdapter's `renderLink`, a host with its own\n * route state renders an anchor that selects the connection.\n */\nexport type ConnectionLinkRenderer = (\n  connection: ConnectionDashboardItem,\n  link: ConnectionLinkProps,\n) => ReactNode;\n\n/** The react-query key prefix every dashboard listing is cached under. */\nexport const CONNECTION_DASHBOARD_QUERY_KEY = \"connection-dashboard\";\n\nexport function groupConnectionDashboardLanes(\n  connections: ConnectionDashboardItem[],\n): ConnectionDashboardLane[] {\n  const lanes = new Map<string, ConnectionDashboardItem[]>();\n  for (const connection of connections) {\n    const lane = lanes.get(connection.namespace);\n    if (lane) lane.push(connection);\n    else lanes.set(connection.namespace, [connection]);\n  }\n  return [...lanes]\n    .map(([namespace, items]) => ({\n      namespace,\n      connections: [...items].sort((a, b) => a.name.localeCompare(b.name)),\n    }))\n    .sort((a, b) => {\n      if (a.namespace === \"\") return 1;\n      if (b.namespace === \"\") return -1;\n      return a.namespace.localeCompare(b.namespace);\n    });\n}\n\nexport function connectionHealthUrl(apiBase: string): string {\n  return `${stripTrailingSlashes(apiBase)}/connections/health`;\n}\n\n/**\n * The dashboard inventory URL. A list request's connection type filters carry\n * over, so a dashboard rendered in place of a filtered list shows the same\n * subset; paging parameters do not, because the dashboard lists the fleet.\n */\nexport function connectionDashboardUrl({\n  apiBase,\n  requestUrl,\n}: {\n  apiBase: string;\n  requestUrl?: string;\n}): string {\n  const search = new URLSearchParams();\n  if (requestUrl) {\n    const source = new URL(requestUrl, \"http://connections.local\");\n    for (const key of [\"type\", \"types\"]) {\n      const value = source.searchParams.get(key);\n      if (value) search.set(key, value);\n    }\n  }\n  const query = search.toString();\n  return `${stripTrailingSlashes(apiBase)}/connections/dashboard${query ? `?${query}` : \"\"}`;\n}\n"],"names":["stripTrailingSlashes"],"mappings":";;;AAgFO,MAAM,iCAAiC;AAEvC,SAAS,8BACd,aAC2B;AAC3B,QAAM,4BAAY,IAAA;AAClB,aAAW,cAAc,aAAa;AACpC,UAAM,OAAO,MAAM,IAAI,WAAW,SAAS;AAC3C,QAAI,KAAM,MAAK,KAAK,UAAU;AAAA,eACnB,IAAI,WAAW,WAAW,CAAC,UAAU,CAAC;AAAA,EACnD;AACA,SAAO,CAAC,GAAG,KAAK,EACb,IAAI,CAAC,CAAC,WAAW,KAAK,OAAO;AAAA,IAC5B;AAAA,IACA,aAAa,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;AAAA,EAAA,EACnE,EACD,KAAK,CAAC,GAAG,MAAM;AACd,QAAI,EAAE,cAAc,GAAI,QAAO;AAC/B,QAAI,EAAE,cAAc,GAAI,QAAO;AAC/B,WAAO,EAAE,UAAU,cAAc,EAAE,SAAS;AAAA,EAC9C,CAAC;AACL;AAEO,SAAS,oBAAoB,SAAyB;AAC3D,SAAO,GAAGA,OAAAA,qBAAqB,OAAO,CAAC;AACzC;AAOO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AACF,GAGW;AACT,QAAM,SAAS,IAAI,gBAAA;AACnB,MAAI,YAAY;AACd,UAAM,SAAS,IAAI,IAAI,YAAY,0BAA0B;AAC7D,eAAW,OAAO,CAAC,QAAQ,OAAO,GAAG;AACnC,YAAM,QAAQ,OAAO,aAAa,IAAI,GAAG;AACzC,UAAI,MAAO,QAAO,IAAI,KAAK,KAAK;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QAAQ,OAAO,SAAA;AACrB,SAAO,GAAGA,OAAAA,qBAAqB,OAAO,CAAC,yBAAyB,QAAQ,IAAI,KAAK,KAAK,EAAE;AAC1F;;;;;"}

package/dist/connections/connectionDashboardModel.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode } from 'react';
+/**
+ * The connection dashboard's pure shapes and derivations: what the API returns,
+ * how connections group into namespace lanes, and the URLs the dashboard calls
+ * under a host's `apiBase` (the path the commons-db connections service is
+ * mounted at, e.g. `/api/v1`). Kept apart from the components so the
+ * derivations stay directly testable and the component files export
+ * components only.
+ */
+export type ConnectionDashboardHealthState = "healthy" | "credentials" | "unreachable" | "unverifiable" | "unknown";
+export type ConnectionHealth = {
+    state: ConnectionDashboardHealthState;
+    detail: string;
+    checkedAt: string;
+    cached: boolean;
+};
+export type ConnectionDashboardItem = {
+    id: string;
+    name: string;
+    namespace: string;
+    type: string;
+    endpoint?: {
+        scheme: string;
+        host: string;
+        path?: string;
+    };
+    secretCount: number;
+    inlineCredential: boolean;
+    insecureTLS: boolean;
+    health?: ConnectionHealth | null;
+    profileCount: number;
+    updatedAt: string;
+};
+export type ConnectionDashboardResponse = {
+    connections: ConnectionDashboardItem[];
+    generatedAt: string;
+};
+export type ConnectionHealthResult = ConnectionHealth & {
+    id: string;
+    durationMs: number;
+};
+export type ConnectionHealthResponse = {
+    results: ConnectionHealthResult[];
+    generatedAt: string;
+};
+export type ConnectionDashboardLane = {
+    namespace: string;
+    connections: ConnectionDashboardItem[];
+};
+/** What a row hands the host to wrap its body in a link to the connection. */
+export type ConnectionLinkProps = {
+    className: string;
+    title?: string;
+    children: ReactNode;
+};
+/**
+ * Renders a dashboard row's link. The host owns routing: an EntityExplorerApp
+ * host routes through its RouterAdapter's `renderLink`, a host with its own
+ * route state renders an anchor that selects the connection.
+ */
+export type ConnectionLinkRenderer = (connection: ConnectionDashboardItem, link: ConnectionLinkProps) => ReactNode;
+/** The react-query key prefix every dashboard listing is cached under. */
+export declare const CONNECTION_DASHBOARD_QUERY_KEY = "connection-dashboard";
+export declare function groupConnectionDashboardLanes(connections: ConnectionDashboardItem[]): ConnectionDashboardLane[];
+export declare function connectionHealthUrl(apiBase: string): string;
+/**
+ * The dashboard inventory URL. A list request's connection type filters carry
+ * over, so a dashboard rendered in place of a filtered list shows the same
+ * subset; paging parameters do not, because the dashboard lists the fleet.
+ */
+export declare function connectionDashboardUrl({ apiBase, requestUrl, }: {
+    apiBase: string;
+    requestUrl?: string;
+}): string;
+//# sourceMappingURL=connectionDashboardModel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"connectionDashboardModel.d.ts","sourceRoot":"","sources":["../../src/connections/connectionDashboardModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;;;GAOG;AAEH,MAAM,MAAM,8BAA8B,GACtC,SAAS,GACT,aAAa,GACb,aAAa,GACb,cAAc,GACd,SAAS,CAAC;AAEd,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,8BAA8B,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IAGrB,MAAM,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,uBAAuB,EAAE,CAAC;IACvC,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,GAAG;IACtD,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,sBAAsB,EAAE,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,uBAAuB,EAAE,CAAC;CACxC,CAAC;AAEF,8EAA8E;AAC9E,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG,CACnC,UAAU,EAAE,uBAAuB,EACnC,IAAI,EAAE,mBAAmB,KACtB,SAAS,CAAC;AAEf,0EAA0E;AAC1E,eAAO,MAAM,8BAA8B,yBAAyB,CAAC;AAErE,wBAAgB,6BAA6B,CAC3C,WAAW,EAAE,uBAAuB,EAAE,GACrC,uBAAuB,EAAE,CAiB3B;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAE3D;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,UAAU,GACX,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,MAAM,CAWT"}

package/dist/connections/connectionDashboardModel.js

@@ -0,0 +1,43 @@
+import { stripTrailingSlashes } from "../lib/string.js";
+const CONNECTION_DASHBOARD_QUERY_KEY = "connection-dashboard";
+function groupConnectionDashboardLanes(connections) {
+  const lanes = /* @__PURE__ */ new Map();
+  for (const connection of connections) {
+    const lane = lanes.get(connection.namespace);
+    if (lane) lane.push(connection);
+    else lanes.set(connection.namespace, [connection]);
+  }
+  return [...lanes].map(([namespace, items]) => ({
+    namespace,
+    connections: [...items].sort((a, b) => a.name.localeCompare(b.name))
+  })).sort((a, b) => {
+    if (a.namespace === "") return 1;
+    if (b.namespace === "") return -1;
+    return a.namespace.localeCompare(b.namespace);
+  });
+}
+function connectionHealthUrl(apiBase) {
+  return `${stripTrailingSlashes(apiBase)}/connections/health`;
+}
+function connectionDashboardUrl({
+  apiBase,
+  requestUrl
+}) {
+  const search = new URLSearchParams();
+  if (requestUrl) {
+    const source = new URL(requestUrl, "http://connections.local");
+    for (const key of ["type", "types"]) {
+      const value = source.searchParams.get(key);
+      if (value) search.set(key, value);
+    }
+  }
+  const query = search.toString();
+  return `${stripTrailingSlashes(apiBase)}/connections/dashboard${query ? `?${query}` : ""}`;
+}
+export {
+  CONNECTION_DASHBOARD_QUERY_KEY,
+  connectionDashboardUrl,
+  connectionHealthUrl,
+  groupConnectionDashboardLanes
+};
+//# sourceMappingURL=connectionDashboardModel.js.map

package/dist/connections/connectionDashboardModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionDashboardModel.js","sources":["../../src/connections/connectionDashboardModel.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { stripTrailingSlashes } from \"../lib/string\";\n\n/**\n * The connection dashboard's pure shapes and derivations: what the API returns,\n * how connections group into namespace lanes, and the URLs the dashboard calls\n * under a host's `apiBase` (the path the commons-db connections service is\n * mounted at, e.g. `/api/v1`). Kept apart from the components so the\n * derivations stay directly testable and the component files export\n * components only.\n */\n\nexport type ConnectionDashboardHealthState =\n  | \"healthy\"\n  | \"credentials\"\n  | \"unreachable\"\n  | \"unverifiable\"\n  | \"unknown\";\n\nexport type ConnectionHealth = {\n  state: ConnectionDashboardHealthState;\n  detail: string;\n  checkedAt: string;\n  cached: boolean;\n};\n\nexport type ConnectionDashboardItem = {\n  id: string;\n  name: string;\n  namespace: string;\n  type: string;\n  endpoint?: { scheme: string; host: string; path?: string };\n  secretCount: number;\n  inlineCredential: boolean;\n  insecureTLS: boolean;\n  // Absent until someone checks: listing reads the database only, so a\n  // connection has no health until a check is explicitly requested.\n  health?: ConnectionHealth | null;\n  profileCount: number;\n  updatedAt: string;\n};\n\nexport type ConnectionDashboardResponse = {\n  connections: ConnectionDashboardItem[];\n  generatedAt: string;\n};\n\nexport type ConnectionHealthResult = ConnectionHealth & {\n  id: string;\n  durationMs: number;\n};\n\nexport type ConnectionHealthResponse = {\n  results: ConnectionHealthResult[];\n  generatedAt: string;\n};\n\nexport type ConnectionDashboardLane = {\n  namespace: string;\n  connections: ConnectionDashboardItem[];\n};\n\n/** What a row hands the host to wrap its body in a link to the connection. */\nexport type ConnectionLinkProps = {\n  className: string;\n  title?: string;\n  children: ReactNode;\n};\n\n/**\n * Renders a dashboard row's link. The host owns routing: an EntityExplorerApp\n * host routes through its RouterAdapter's `renderLink`, a host with its own\n * route state renders an anchor that selects the connection.\n */\nexport type ConnectionLinkRenderer = (\n  connection: ConnectionDashboardItem,\n  link: ConnectionLinkProps,\n) => ReactNode;\n\n/** The react-query key prefix every dashboard listing is cached under. */\nexport const CONNECTION_DASHBOARD_QUERY_KEY = \"connection-dashboard\";\n\nexport function groupConnectionDashboardLanes(\n  connections: ConnectionDashboardItem[],\n): ConnectionDashboardLane[] {\n  const lanes = new Map<string, ConnectionDashboardItem[]>();\n  for (const connection of connections) {\n    const lane = lanes.get(connection.namespace);\n    if (lane) lane.push(connection);\n    else lanes.set(connection.namespace, [connection]);\n  }\n  return [...lanes]\n    .map(([namespace, items]) => ({\n      namespace,\n      connections: [...items].sort((a, b) => a.name.localeCompare(b.name)),\n    }))\n    .sort((a, b) => {\n      if (a.namespace === \"\") return 1;\n      if (b.namespace === \"\") return -1;\n      return a.namespace.localeCompare(b.namespace);\n    });\n}\n\nexport function connectionHealthUrl(apiBase: string): string {\n  return `${stripTrailingSlashes(apiBase)}/connections/health`;\n}\n\n/**\n * The dashboard inventory URL. A list request's connection type filters carry\n * over, so a dashboard rendered in place of a filtered list shows the same\n * subset; paging parameters do not, because the dashboard lists the fleet.\n */\nexport function connectionDashboardUrl({\n  apiBase,\n  requestUrl,\n}: {\n  apiBase: string;\n  requestUrl?: string;\n}): string {\n  const search = new URLSearchParams();\n  if (requestUrl) {\n    const source = new URL(requestUrl, \"http://connections.local\");\n    for (const key of [\"type\", \"types\"]) {\n      const value = source.searchParams.get(key);\n      if (value) search.set(key, value);\n    }\n  }\n  const query = search.toString();\n  return `${stripTrailingSlashes(apiBase)}/connections/dashboard${query ? `?${query}` : \"\"}`;\n}\n"],"names":[],"mappings":";AAgFO,MAAM,iCAAiC;AAEvC,SAAS,8BACd,aAC2B;AAC3B,QAAM,4BAAY,IAAA;AAClB,aAAW,cAAc,aAAa;AACpC,UAAM,OAAO,MAAM,IAAI,WAAW,SAAS;AAC3C,QAAI,KAAM,MAAK,KAAK,UAAU;AAAA,eACnB,IAAI,WAAW,WAAW,CAAC,UAAU,CAAC;AAAA,EACnD;AACA,SAAO,CAAC,GAAG,KAAK,EACb,IAAI,CAAC,CAAC,WAAW,KAAK,OAAO;AAAA,IAC5B;AAAA,IACA,aAAa,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;AAAA,EAAA,EACnE,EACD,KAAK,CAAC,GAAG,MAAM;AACd,QAAI,EAAE,cAAc,GAAI,QAAO;AAC/B,QAAI,EAAE,cAAc,GAAI,QAAO;AAC/B,WAAO,EAAE,UAAU,cAAc,EAAE,SAAS;AAAA,EAC9C,CAAC;AACL;AAEO,SAAS,oBAAoB,SAAyB;AAC3D,SAAO,GAAG,qBAAqB,OAAO,CAAC;AACzC;AAOO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AACF,GAGW;AACT,QAAM,SAAS,IAAI,gBAAA;AACnB,MAAI,YAAY;AACd,UAAM,SAAS,IAAI,IAAI,YAAY,0BAA0B;AAC7D,eAAW,OAAO,CAAC,QAAQ,OAAO,GAAG;AACnC,YAAM,QAAQ,OAAO,aAAa,IAAI,GAAG;AACzC,UAAI,MAAO,QAAO,IAAI,KAAK,KAAK;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QAAQ,OAAO,SAAA;AACrB,SAAO,GAAG,qBAAqB,OAAO,CAAC,yBAAyB,QAAQ,IAAI,KAAK,KAAK,EAAE;AAC1F;"}

package/dist/connections/connectionDashboardRenderer.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const connectionDashboard = require("./connectionDashboard.cjs");
+function createConnectionDashboardResultRenderer(options) {
+  return (context) => {
+    var _a;
+    if (context.surfaceKey !== "connection") return context.defaultView;
+    const requestUrl = (_a = context.response) == null ? void 0 : _a.requestUrl;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      connectionDashboard.ConnectionDashboardSurface,
+      {
+        apiBase: options.apiBase,
+        renderConnectionLink: options.renderConnectionLink,
+        ...requestUrl ? { requestUrl } : {}
+      }
+    );
+  };
+}
+exports.createConnectionDashboardResultRenderer = createConnectionDashboardResultRenderer;
+//# sourceMappingURL=connectionDashboardRenderer.cjs.map

package/dist/connections/connectionDashboardRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionDashboardRenderer.cjs","sources":["../../src/connections/connectionDashboardRenderer.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { ResultRenderContext } from \"../rpc/OperationResultView\";\nimport { ConnectionDashboardSurface } from \"./connectionDashboard\";\nimport type { ConnectionLinkRenderer } from \"./connectionDashboardModel\";\n\n/**\n * Builds an EntityExplorerApp `resultRenderer` that replaces the `connection`\n * surface's list with the dashboard. The dashboard's identity is its request\n * URL alone. Keying it off the response body instead would mint a fresh query\n * cache entry on nearly every render, which is what made the surface refetch\n * constantly.\n */\nexport function createConnectionDashboardResultRenderer(options: {\n  apiBase: string;\n  renderConnectionLink: ConnectionLinkRenderer;\n}): (context: ResultRenderContext) => ReactNode {\n  return (context) => {\n    if (context.surfaceKey !== \"connection\") return context.defaultView;\n    const requestUrl = context.response?.requestUrl;\n    return (\n      <ConnectionDashboardSurface\n        apiBase={options.apiBase}\n        renderConnectionLink={options.renderConnectionLink}\n        {...(requestUrl ? { requestUrl } : {})}\n      />\n    );\n  };\n}\n"],"names":["jsx","ConnectionDashboardSurface"],"mappings":";;;;AAYO,SAAS,wCAAwC,SAGR;AAC9C,SAAO,CAAC,YAAY;;AAClB,QAAI,QAAQ,eAAe,aAAc,QAAO,QAAQ;AACxD,UAAM,cAAa,aAAQ,aAAR,mBAAkB;AACrC,WACEA,2BAAAA;AAAAA,MAACC,oBAAAA;AAAAA,MAAA;AAAA,QACC,SAAS,QAAQ;AAAA,QACjB,sBAAsB,QAAQ;AAAA,QAC7B,GAAI,aAAa,EAAE,eAAe,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EAG1C;AACF;;"}

package/dist/connections/connectionDashboardRenderer.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { ResultRenderContext } from '../rpc/OperationResultView.js';
+import { ConnectionLinkRenderer } from './connectionDashboardModel.js';
+/**
+ * Builds an EntityExplorerApp `resultRenderer` that replaces the `connection`
+ * surface's list with the dashboard. The dashboard's identity is its request
+ * URL alone. Keying it off the response body instead would mint a fresh query
+ * cache entry on nearly every render, which is what made the surface refetch
+ * constantly.
+ */
+export declare function createConnectionDashboardResultRenderer(options: {
+    apiBase: string;
+    renderConnectionLink: ConnectionLinkRenderer;
+}): (context: ResultRenderContext) => ReactNode;
+//# sourceMappingURL=connectionDashboardRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"connectionDashboardRenderer.d.ts","sourceRoot":"","sources":["../../src/connections/connectionDashboardRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEzE;;;;;;GAMG;AACH,wBAAgB,uCAAuC,CAAC,OAAO,EAAE;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB,oBAAoB,EAAE,sBAAsB,CAAC;CAC9C,GAAG,CAAC,OAAO,EAAE,mBAAmB,KAAK,SAAS,CAY9C"}

package/dist/connections/connectionDashboardRenderer.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { ConnectionDashboardSurface } from "./connectionDashboard.js";
+function createConnectionDashboardResultRenderer(options) {
+  return (context) => {
+    var _a;
+    if (context.surfaceKey !== "connection") return context.defaultView;
+    const requestUrl = (_a = context.response) == null ? void 0 : _a.requestUrl;
+    return /* @__PURE__ */ jsx(
+      ConnectionDashboardSurface,
+      {
+        apiBase: options.apiBase,
+        renderConnectionLink: options.renderConnectionLink,
+        ...requestUrl ? { requestUrl } : {}
+      }
+    );
+  };
+}
+export {
+  createConnectionDashboardResultRenderer
+};
+//# sourceMappingURL=connectionDashboardRenderer.js.map

package/dist/connections/connectionDashboardRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionDashboardRenderer.js","sources":["../../src/connections/connectionDashboardRenderer.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { ResultRenderContext } from \"../rpc/OperationResultView\";\nimport { ConnectionDashboardSurface } from \"./connectionDashboard\";\nimport type { ConnectionLinkRenderer } from \"./connectionDashboardModel\";\n\n/**\n * Builds an EntityExplorerApp `resultRenderer` that replaces the `connection`\n * surface's list with the dashboard. The dashboard's identity is its request\n * URL alone. Keying it off the response body instead would mint a fresh query\n * cache entry on nearly every render, which is what made the surface refetch\n * constantly.\n */\nexport function createConnectionDashboardResultRenderer(options: {\n  apiBase: string;\n  renderConnectionLink: ConnectionLinkRenderer;\n}): (context: ResultRenderContext) => ReactNode {\n  return (context) => {\n    if (context.surfaceKey !== \"connection\") return context.defaultView;\n    const requestUrl = context.response?.requestUrl;\n    return (\n      <ConnectionDashboardSurface\n        apiBase={options.apiBase}\n        renderConnectionLink={options.renderConnectionLink}\n        {...(requestUrl ? { requestUrl } : {})}\n      />\n    );\n  };\n}\n"],"names":[],"mappings":";;AAYO,SAAS,wCAAwC,SAGR;AAC9C,SAAO,CAAC,YAAY;;AAClB,QAAI,QAAQ,eAAe,aAAc,QAAO,QAAQ;AACxD,UAAM,cAAa,aAAQ,aAAR,mBAAkB;AACrC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,QAAQ;AAAA,QACjB,sBAAsB,QAAQ;AAAA,QAC7B,GAAI,aAAa,EAAE,eAAe,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EAG1C;AACF;"}

package/dist/connections/connectionDashboardRow.cjs

@@ -0,0 +1,169 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../data/Icon.cjs");
+const utils = require("../lib/utils.cjs");
+const iconProvider = require("./iconProvider.cjs");
+const UiLink = require("../icons/components/UiLink.cjs");
+const UiLock = require("../icons/components/UiLock.cjs");
+const UiKey = require("../icons/components/UiKey.cjs");
+const UiWarningTriangle = require("../icons/components/UiWarningTriangle.cjs");
+const HEALTH_LABELS = {
+  healthy: "Reachable",
+  credentials: "Credentials failed",
+  unreachable: "Unreachable",
+  unverifiable: "Not verifiable",
+  unknown: "Check did not complete"
+};
+const HEALTH_LEGEND_LABELS = {
+  healthy: "reachable",
+  credentials: "credentials failed",
+  unreachable: "unreachable",
+  unverifiable: "no endpoint to probe",
+  unknown: "check did not complete"
+};
+const HEALTH_STYLES = {
+  healthy: { dot: "bg-emerald-400", edge: "border-l-emerald-400" },
+  credentials: { dot: "bg-amber-400", edge: "border-l-amber-400" },
+  unreachable: { dot: "bg-rose-400", edge: "border-l-rose-400" },
+  unverifiable: { dot: "bg-muted-foreground", edge: "border-l-border" },
+  unknown: { dot: "bg-muted-foreground/50", edge: "border-l-border" }
+};
+const UNCHECKED_EDGE = "border-l-transparent";
+function ConnectionDashboardRow({
+  connection,
+  health,
+  pending,
+  onCheck,
+  renderConnectionLink
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn(
+        "flex min-w-0 items-center gap-3 border-l-2 py-2 pl-3 pr-2 hover:bg-muted/30",
+        health ? HEALTH_STYLES[health.state].edge : UNCHECKED_EDGE
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          HealthDot,
+          {
+            health,
+            pending,
+            onCheck: () => onCheck([connection.id], { force: Boolean(health) })
+          }
+        ),
+        renderConnectionLink(connection, {
+          ...(health == null ? void 0 : health.detail) ? { title: health.detail } : {},
+          className: "flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
+          children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(iconProvider.ConnectionTypeIcon, { type: connection.type, className: "size-4" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-32 shrink-0 truncate text-sm font-medium md:w-40", title: connection.name, children: connection.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(EndpointLine, { endpoint: connection.endpoint }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden shrink-0 items-center gap-1.5 lg:flex", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SecretChip, { count: connection.secretCount }),
+              /* @__PURE__ */ jsxRuntime.jsx(RiskChips, { connection })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-24 shrink-0 text-right text-xs text-muted-foreground", children: connection.profileCount === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/60", children: "unused" }) : `${connection.profileCount} profile${connection.profileCount === 1 ? "" : "s"}` }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden w-16 shrink-0 text-right text-xs text-muted-foreground/70 xl:inline", children: ageLabel(connection.updatedAt) })
+          ] })
+        })
+      ]
+    }
+  );
+}
+function HealthDot({
+  health,
+  pending,
+  onCheck
+}) {
+  const label = pending ? "Checking health" : health ? `${HEALTH_LABELS[health.state]} — check again` : "Check health";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: onCheck,
+      disabled: pending,
+      title: (health == null ? void 0 : health.detail) ?? label,
+      "aria-label": label,
+      className: "shrink-0 rounded-full p-1 hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: utils.cn(
+            "block size-2 rounded-full",
+            pending ? "animate-pulse bg-muted-foreground/60" : health ? HEALTH_STYLES[health.state].dot : "border border-muted-foreground/50"
+          )
+        }
+      )
+    }
+  );
+}
+function EndpointLine({ endpoint }) {
+  if (!endpoint) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiLink.UiLink, className: "text-xs" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "italic", children: "Resolved from ambient config" })
+    ] });
+  }
+  const indirect = ["connection", "host", "portforward"].includes(endpoint.scheme);
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-1.5 font-mono text-xs", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: utils.cn(
+          "shrink-0 rounded px-1 py-0.5 text-[10px] ring-1 ring-inset",
+          indirect ? "bg-violet-100 text-violet-700 ring-violet-300/60 dark:bg-violet-400/10 dark:text-violet-300 dark:ring-violet-400/25" : "bg-muted text-muted-foreground ring-border"
+        ),
+        children: endpoint.scheme
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate text-foreground", title: `${endpoint.host}${endpoint.path ?? ""}`, children: [
+      endpoint.host,
+      endpoint.path ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: endpoint.path }) : null
+    ] })
+  ] });
+}
+function SecretChip({ count }) {
+  if (count === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 rounded bg-teal-100 px-1.5 py-0.5 text-[11px] text-teal-700 ring-1 ring-inset ring-teal-300/60 dark:bg-teal-400/10 dark:text-teal-300 dark:ring-teal-400/25", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiLock.UiLock, className: "text-[11px]" }),
+    count,
+    " secret",
+    count === 1 ? "" : "s"
+  ] });
+}
+function RiskChips({ connection }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    connection.inlineCredential ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 rounded bg-rose-100 px-1.5 py-0.5 text-[11px] text-rose-700 ring-1 ring-inset ring-rose-300/60 dark:bg-rose-400/10 dark:text-rose-300 dark:ring-rose-400/25", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiKey.UiKey, className: "text-[11px]" }),
+      "Password in URL"
+    ] }) : null,
+    connection.insecureTLS ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 rounded bg-amber-100 px-1.5 py-0.5 text-[11px] text-amber-800 ring-1 ring-inset ring-amber-300/60 dark:bg-amber-400/10 dark:text-amber-300 dark:ring-amber-400/25", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiWarningTriangle.UiWarningTriangle, className: "text-[11px]" }),
+      "TLS verification off"
+    ] }) : null
+  ] });
+}
+function ConnectionHealthLegend() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block size-2 rounded-full border border-muted-foreground/50" }),
+      "not checked"
+    ] }),
+    ["healthy", "credentials", "unreachable", "unverifiable", "unknown"].map(
+      (state) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("inline-block h-3 w-0.5", HEALTH_STYLES[state].dot) }),
+        HEALTH_LEGEND_LABELS[state]
+      ] }, state)
+    )
+  ] });
+}
+function ageLabel(updatedAt) {
+  const timestamp = Date.parse(updatedAt);
+  if (!Number.isFinite(timestamp)) return "—";
+  return `${Math.max(0, Math.floor((Date.now() - timestamp) / 864e5))}d`;
+}
+exports.ConnectionDashboardRow = ConnectionDashboardRow;
+exports.ConnectionHealthLegend = ConnectionHealthLegend;
+//# sourceMappingURL=connectionDashboardRow.cjs.map

package/dist/connections/connectionDashboardRow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionDashboardRow.cjs","sources":["../../src/connections/connectionDashboardRow.tsx"],"sourcesContent":["import { Icon } from \"../data/Icon\";\nimport { UiKey, UiLink, UiLock, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { ConnectionTypeIcon } from \"./iconProvider\";\nimport type {\n  ConnectionDashboardHealthState,\n  ConnectionDashboardItem,\n  ConnectionHealth,\n  ConnectionLinkRenderer,\n} from \"./connectionDashboardModel\";\n\nconst HEALTH_LABELS: Record<ConnectionDashboardHealthState, string> = {\n  healthy: \"Reachable\",\n  credentials: \"Credentials failed\",\n  unreachable: \"Unreachable\",\n  unverifiable: \"Not verifiable\",\n  unknown: \"Check did not complete\",\n};\n\nconst HEALTH_LEGEND_LABELS: Record<ConnectionDashboardHealthState, string> = {\n  healthy: \"reachable\",\n  credentials: \"credentials failed\",\n  unreachable: \"unreachable\",\n  unverifiable: \"no endpoint to probe\",\n  unknown: \"check did not complete\",\n};\n\nconst HEALTH_STYLES: Record<\n  ConnectionDashboardHealthState,\n  { dot: string; edge: string }\n> = {\n  healthy: { dot: \"bg-emerald-400\", edge: \"border-l-emerald-400\" },\n  credentials: { dot: \"bg-amber-400\", edge: \"border-l-amber-400\" },\n  unreachable: { dot: \"bg-rose-400\", edge: \"border-l-rose-400\" },\n  unverifiable: { dot: \"bg-muted-foreground\", edge: \"border-l-border\" },\n  unknown: { dot: \"bg-muted-foreground/50\", edge: \"border-l-border\" },\n};\n\nconst UNCHECKED_EDGE = \"border-l-transparent\";\n\nexport function ConnectionDashboardRow({\n  connection,\n  health,\n  pending,\n  onCheck,\n  renderConnectionLink,\n}: {\n  connection: ConnectionDashboardItem;\n  health?: ConnectionHealth | undefined;\n  pending: boolean;\n  onCheck: (ids: string[], options?: { force?: boolean }) => void;\n  renderConnectionLink: ConnectionLinkRenderer;\n}) {\n  return (\n    <div\n      className={cn(\n        \"flex min-w-0 items-center gap-3 border-l-2 py-2 pl-3 pr-2 hover:bg-muted/30\",\n        health ? HEALTH_STYLES[health.state].edge : UNCHECKED_EDGE,\n      )}\n    >\n      {/* The dot sits outside the link: a button nested in an anchor is invalid\n          markup and the anchor swallows its click. */}\n      <HealthDot\n        health={health}\n        pending={pending}\n        onCheck={() => onCheck([connection.id], { force: Boolean(health) })}\n      />\n      {renderConnectionLink(connection, {\n        ...(health?.detail ? { title: health.detail } : {}),\n        className:\n          \"flex min-w-0 flex-1 items-center gap-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset\",\n        children: (\n          <>\n            <span className=\"shrink-0\" aria-hidden>\n              <ConnectionTypeIcon type={connection.type} className=\"size-4\" />\n            </span>\n            <span className=\"w-32 shrink-0 truncate text-sm font-medium md:w-40\" title={connection.name}>\n              {connection.name}\n            </span>\n            <div className=\"min-w-0 flex-1\">\n              <EndpointLine endpoint={connection.endpoint} />\n            </div>\n            <div className=\"hidden shrink-0 items-center gap-1.5 lg:flex\">\n              <SecretChip count={connection.secretCount} />\n              <RiskChips connection={connection} />\n            </div>\n            <span className=\"w-24 shrink-0 text-right text-xs text-muted-foreground\">\n              {connection.profileCount === 0 ? (\n                <span className=\"text-muted-foreground/60\">unused</span>\n              ) : (\n                `${connection.profileCount} profile${connection.profileCount === 1 ? \"\" : \"s\"}`\n              )}\n            </span>\n            <span className=\"hidden w-16 shrink-0 text-right text-xs text-muted-foreground/70 xl:inline\">\n              {ageLabel(connection.updatedAt)}\n            </span>\n          </>\n        ),\n      })}\n    </div>\n  );\n}\n\nfunction HealthDot({\n  health,\n  pending,\n  onCheck,\n}: {\n  health?: ConnectionHealth | undefined;\n  pending: boolean;\n  onCheck: () => void;\n}) {\n  const label = pending\n    ? \"Checking health\"\n    : health\n      ? `${HEALTH_LABELS[health.state]} — check again`\n      : \"Check health\";\n  return (\n    <button\n      type=\"button\"\n      onClick={onCheck}\n      disabled={pending}\n      title={health?.detail ?? label}\n      aria-label={label}\n      className=\"shrink-0 rounded-full p-1 hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n    >\n      <span\n        className={cn(\n          \"block size-2 rounded-full\",\n          pending\n            ? \"animate-pulse bg-muted-foreground/60\"\n            : health\n              ? HEALTH_STYLES[health.state].dot\n              : \"border border-muted-foreground/50\",\n        )}\n      />\n    </button>\n  );\n}\n\nfunction EndpointLine({ endpoint }: { endpoint: ConnectionDashboardItem[\"endpoint\"] }) {\n  if (!endpoint) {\n    return (\n      <span className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground\">\n        <Icon icon={UiLink} className=\"text-xs\" />\n        <span className=\"italic\">Resolved from ambient config</span>\n      </span>\n    );\n  }\n  const indirect = [\"connection\", \"host\", \"portforward\"].includes(endpoint.scheme);\n  return (\n    <span className=\"flex min-w-0 items-center gap-1.5 font-mono text-xs\">\n      <span\n        className={cn(\n          \"shrink-0 rounded px-1 py-0.5 text-[10px] ring-1 ring-inset\",\n          indirect\n            ? \"bg-violet-100 text-violet-700 ring-violet-300/60 dark:bg-violet-400/10 dark:text-violet-300 dark:ring-violet-400/25\"\n            : \"bg-muted text-muted-foreground ring-border\",\n        )}\n      >\n        {endpoint.scheme}\n      </span>\n      <span className=\"truncate text-foreground\" title={`${endpoint.host}${endpoint.path ?? \"\"}`}>\n        {endpoint.host}\n        {endpoint.path ? <span className=\"text-muted-foreground\">{endpoint.path}</span> : null}\n      </span>\n    </span>\n  );\n}\n\nfunction SecretChip({ count }: { count: number }) {\n  if (count === 0) return null;\n  return (\n    <span className=\"inline-flex items-center gap-1 rounded bg-teal-100 px-1.5 py-0.5 text-[11px] text-teal-700 ring-1 ring-inset ring-teal-300/60 dark:bg-teal-400/10 dark:text-teal-300 dark:ring-teal-400/25\">\n      <Icon icon={UiLock} className=\"text-[11px]\" />\n      {count} secret{count === 1 ? \"\" : \"s\"}\n    </span>\n  );\n}\n\nfunction RiskChips({ connection }: { connection: ConnectionDashboardItem }) {\n  return (\n    <>\n      {connection.inlineCredential ? (\n        <span className=\"inline-flex items-center gap-1 rounded bg-rose-100 px-1.5 py-0.5 text-[11px] text-rose-700 ring-1 ring-inset ring-rose-300/60 dark:bg-rose-400/10 dark:text-rose-300 dark:ring-rose-400/25\">\n          <Icon icon={UiKey} className=\"text-[11px]\" />\n          Password in URL\n        </span>\n      ) : null}\n      {connection.insecureTLS ? (\n        <span className=\"inline-flex items-center gap-1 rounded bg-amber-100 px-1.5 py-0.5 text-[11px] text-amber-800 ring-1 ring-inset ring-amber-300/60 dark:bg-amber-400/10 dark:text-amber-300 dark:ring-amber-400/25\">\n          <Icon icon={UiWarningTriangle} className=\"text-[11px]\" />\n          TLS verification off\n        </span>\n      ) : null}\n    </>\n  );\n}\n\nexport function ConnectionHealthLegend() {\n  return (\n    <p className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n      <span className=\"inline-flex items-center gap-1.5\">\n        <span className=\"inline-block size-2 rounded-full border border-muted-foreground/50\" />\n        not checked\n      </span>\n      {([\"healthy\", \"credentials\", \"unreachable\", \"unverifiable\", \"unknown\"] as const).map(\n        (state) => (\n          <span key={state} className=\"inline-flex items-center gap-1.5\">\n            <span className={cn(\"inline-block h-3 w-0.5\", HEALTH_STYLES[state].dot)} />\n            {HEALTH_LEGEND_LABELS[state]}\n          </span>\n        ),\n      )}\n    </p>\n  );\n}\n\nfunction ageLabel(updatedAt: string): string {\n  const timestamp = Date.parse(updatedAt);\n  if (!Number.isFinite(timestamp)) return \"—\";\n  return `${Math.max(0, Math.floor((Date.now() - timestamp) / 86_400_000))}d`;\n}\n"],"names":["jsxs","cn","jsx","Fragment","ConnectionTypeIcon","Icon","UiLink","UiLock","UiKey","UiWarningTriangle"],"mappings":"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"}

package/dist/connections/connectionDashboardRow.d.ts

@@ -0,0 +1,12 @@
+import { ConnectionDashboardItem, ConnectionHealth, ConnectionLinkRenderer } from './connectionDashboardModel.js';
+export declare function ConnectionDashboardRow({ connection, health, pending, onCheck, renderConnectionLink, }: {
+    connection: ConnectionDashboardItem;
+    health?: ConnectionHealth | undefined;
+    pending: boolean;
+    onCheck: (ids: string[], options?: {
+        force?: boolean;
+    }) => void;
+    renderConnectionLink: ConnectionLinkRenderer;
+}): import("react").JSX.Element;
+export declare function ConnectionHealthLegend(): import("react").JSX.Element;
+//# sourceMappingURL=connectionDashboardRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"connectionDashboardRow.d.ts","sourceRoot":"","sources":["../../src/connections/connectionDashboardRow.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,uBAAuB,EACvB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AA+BpC,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,MAAM,EACN,OAAO,EACP,OAAO,EACP,oBAAoB,GACrB,EAAE;IACD,UAAU,EAAE,uBAAuB,CAAC;IACpC,MAAM,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,sBAAsB,CAAC;CAC9C,+BAiDA;AAkGD,wBAAgB,sBAAsB,gCAiBrC"}