@flanksource/clicky-ui 0.3.54 → 0.3.56

package/dist/connections/connectionDashboard.cjs

@@ -12,7 +12,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * Health checks dial real backends, so they are opt-in: nothing is probed until
 * the operator clicks a row's dot, a lane's Check button, or Check all.
 */
-function ConnectionDashboardSurface({ apiBase, requestUrl, renderConnectionLink }) {
+function ConnectionDashboardSurface({ renderConnectionActions, apiBase, requestUrl, renderConnectionLink, emptyState }) {
 	const dashboard = require_connectionDashboardQuery.useConnectionDashboard({
 		apiBase,
 		...requestUrl ? { requestUrl } : {}
@@ -40,10 +40,13 @@ function ConnectionDashboardSurface({ apiBase, requestUrl, renderConnectionLink
 		className: "rounded-lg border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive",
 		children: "Connection dashboard returned no data."
 	});
-	if (connections.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "rounded-lg border border-dashed p-8 text-center text-sm text-muted-foreground",
-		children: "No connections match the current filters."
-	});
+	if (connections.length === 0) {
+		if (emptyState !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: emptyState });
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "rounded-lg border border-dashed p-8 text-center text-sm text-muted-foreground",
+			children: "No connections match the current filters."
+		});
+	}
 	const checked = connections.filter((connection) => health[connection.id] && health[connection.id]?.state !== "unknown").length;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-4",
@@ -85,11 +88,12 @@ function ConnectionDashboardSurface({ apiBase, requestUrl, renderConnectionLink
 			health,
 			pending,
 			onCheck: check,
-			renderConnectionLink
+			renderConnectionLink,
+			...renderConnectionActions ? { renderConnectionActions } : {}
 		})]
 	});
 }
-function ConnectionDashboardLanes({ connections, health = {}, pending = /* @__PURE__ */ new Set(), onCheck = () => {}, renderConnectionLink }) {
+function ConnectionDashboardLanes({ renderConnectionActions, connections, health = {}, pending = /* @__PURE__ */ new Set(), onCheck = () => {}, renderConnectionLink }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-4",
 		children: [require_connectionDashboardModel.groupConnectionDashboardLanes(connections).map((lane) => {
@@ -145,7 +149,8 @@ function ConnectionDashboardLanes({ connections, health = {}, pending = /* @__PU
 						health: health[connection.id],
 						pending: pending.has(connection.id),
 						onCheck,
-						renderConnectionLink
+						renderConnectionLink,
+						...renderConnectionActions ? { renderConnectionActions } : {}
 					}, connection.id))
 				})]
 			}, lane.namespace || "__none__");

package/dist/connections/connectionDashboard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"connectionDashboard.cjs","names":["useConnectionDashboard","useConnectionHealth","Button","groupConnectionDashboardLanes","summarizeLaneHealth","cn","ConnectionDashboardRow","ConnectionHealthLegend"],"sources":["../../src/connections/connectionDashboard.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { Button } from \"../components/button\";\nimport { cn } from \"../lib/utils\";\nimport {\n  groupConnectionDashboardLanes,\n  type ConnectionDashboardItem,\n  type ConnectionLinkRenderer,\n} from \"./connectionDashboardModel\";\nimport { useConnectionDashboard } from \"./connectionDashboardQuery\";\nimport {\n  ConnectionDashboardRow,\n  ConnectionHealthLegend,\n} from \"./connectionDashboardRow\";\nimport {\n  summarizeLaneHealth,\n  useConnectionHealth,\n  type ConnectionHealthMap,\n} from \"./connectionHealth\";\n\nexport type ConnectionDashboardSurfaceProps = {\n  /** Where the commons-db connections service is mounted, e.g. `/api/v1`. */\n  apiBase: string;\n  /** A list request whose connection type filters the dashboard carries over. */\n  requestUrl?: string;\n  renderConnectionLink: ConnectionLinkRenderer;\n};\n\n/**\n * ConnectionDashboardSurface lists the connection fleet from the database only.\n * Health checks dial real backends, so they are opt-in: nothing is probed until\n * the operator clicks a row's dot, a lane's Check button, or Check all.\n */\nexport function ConnectionDashboardSurface({\n  apiBase,\n  requestUrl,\n  renderConnectionLink,\n}: ConnectionDashboardSurfaceProps) {\n  const dashboard = useConnectionDashboard({\n    apiBase,\n    ...(requestUrl ? { requestUrl } : {}),\n  });\n\n  const { health, pending, error, seed, check } = useConnectionHealth(apiBase);\n  const connections = dashboard.data?.connections;\n  useEffect(() => {\n    if (connections) seed(connections);\n  }, [connections, seed]);\n\n  if (dashboard.isLoading) {\n    return (\n      <div className=\"rounded-lg border bg-card p-6 text-sm text-muted-foreground\">\n        Loading connections…\n      </div>\n    );\n  }\n  if (dashboard.isError) {\n    return (\n      <div className=\"flex items-center justify-between gap-4 rounded-lg border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive\">\n        <span>\n          {dashboard.error instanceof Error\n            ? dashboard.error.message\n            : \"Unable to load connections\"}\n        </span>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void dashboard.refetch()}>\n          Retry\n        </Button>\n      </div>\n    );\n  }\n  if (!connections) {\n    return (\n      <div className=\"rounded-lg border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive\">\n        Connection dashboard returned no data.\n      </div>\n    );\n  }\n  if (connections.length === 0) {\n    return (\n      <div className=\"rounded-lg border border-dashed p-8 text-center text-sm text-muted-foreground\">\n        No connections match the current filters.\n      </div>\n    );\n  }\n\n  const checked = connections.filter(\n    (connection) => health[connection.id] && health[connection.id]?.state !== \"unknown\",\n  ).length;\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void dashboard.refetch()}>\n          Refresh\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={pending.size > 0}\n          onClick={() =>\n            check(\n              connections.map((connection) => connection.id),\n              { force: checked === connections.length },\n            )\n          }\n        >\n          {pending.size > 0 ? \"Checking…\" : \"Check all health\"}\n        </Button>\n        <span className=\"text-xs text-muted-foreground\">\n          {checked}/{connections.length} checked\n        </span>\n        {error ? (\n          <span className=\"text-xs text-destructive\" title={error.message}>\n            {error.message}\n          </span>\n        ) : null}\n      </div>\n      <ConnectionDashboardLanes\n        connections={connections}\n        health={health}\n        pending={pending}\n        onCheck={check}\n        renderConnectionLink={renderConnectionLink}\n      />\n    </div>\n  );\n}\n\nexport function ConnectionDashboardLanes({\n  connections,\n  health = {},\n  pending = new Set<string>(),\n  onCheck = () => {},\n  renderConnectionLink,\n}: {\n  connections: ConnectionDashboardItem[];\n  health?: ConnectionHealthMap;\n  pending?: Set<string>;\n  onCheck?: (ids: string[], options?: { force?: boolean }) => void;\n  renderConnectionLink: ConnectionLinkRenderer;\n}) {\n  return (\n    <div className=\"space-y-4\">\n      {groupConnectionDashboardLanes(connections).map((lane) => {\n        const summary = summarizeLaneHealth(lane.connections, health);\n        const unnamespaced = lane.namespace === \"\";\n        return (\n          <section\n            key={lane.namespace || \"__none__\"}\n            className={cn(\n              \"overflow-hidden rounded-lg border\",\n              unnamespaced ? \"border-dashed border-border\" : \"border-border\",\n            )}\n          >\n            <header className=\"flex flex-wrap items-center gap-x-3 gap-y-1 border-b border-border bg-muted/40 px-3 py-2\">\n              <h2\n                className={cn(\n                  \"text-sm font-semibold\",\n                  unnamespaced && \"italic text-muted-foreground\",\n                )}\n              >\n                {unnamespaced ? \"No namespace\" : lane.namespace}\n              </h2>\n              <span className=\"rounded bg-background px-1.5 py-0.5 font-mono text-[11px] text-muted-foreground\">\n                {lane.connections.length}\n              </span>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"h-6 px-2 text-[11px]\"\n                onClick={() =>\n                  onCheck(\n                    lane.connections.map((connection) => connection.id),\n                    { force: summary.checked === lane.connections.length },\n                  )\n                }\n              >\n                Check\n              </Button>\n              {summary.failing > 0 ? (\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                  {summary.failing} failing\n                </span>\n              ) : null}\n              <span className=\"text-[11px] text-muted-foreground\">\n                {summary.checked}/{lane.connections.length} checked\n              </span>\n              {summary.unused > 0 ? (\n                <span className=\"text-[11px] text-muted-foreground\">{summary.unused} unused</span>\n              ) : null}\n              {unnamespaced ? (\n                <span className=\"text-xs text-muted-foreground\">\n                  `namespace` is optional on the model, so these are unplaceable rather than global.\n                </span>\n              ) : null}\n            </header>\n            <div className=\"divide-y divide-border\">\n              {lane.connections.map((connection) => (\n                <ConnectionDashboardRow\n                  key={connection.id}\n                  connection={connection}\n                  health={health[connection.id]}\n                  pending={pending.has(connection.id)}\n                  onCheck={onCheck}\n                  renderConnectionLink={renderConnectionLink}\n                />\n              ))}\n            </div>\n          </section>\n        );\n      })}\n      <ConnectionHealthLegend />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"connectionDashboard.cjs","names":["useConnectionDashboard","useConnectionHealth","Button","_Fragment","groupConnectionDashboardLanes","summarizeLaneHealth","cn","ConnectionDashboardRow","ConnectionHealthLegend"],"sources":["../../src/connections/connectionDashboard.tsx"],"sourcesContent":["import { useEffect, type ReactNode } from \"react\";\nimport { Button } from \"../components/button\";\nimport { cn } from \"../lib/utils\";\nimport {\n  groupConnectionDashboardLanes,\n  type ConnectionDashboardItem,\n  type ConnectionLinkRenderer,\n  type ConnectionActionsRenderer,\n} from \"./connectionDashboardModel\";\nimport { useConnectionDashboard } from \"./connectionDashboardQuery\";\nimport {\n  ConnectionDashboardRow,\n  ConnectionHealthLegend,\n} from \"./connectionDashboardRow\";\nimport {\n  summarizeLaneHealth,\n  useConnectionHealth,\n  type ConnectionHealthMap,\n} from \"./connectionHealth\";\n\nexport type ConnectionDashboardSurfaceProps = {\n  renderConnectionActions?: ConnectionActionsRenderer;\n  /** Where the commons-db connections service is mounted, e.g. `/api/v1`. */\n  apiBase: string;\n  /** A list request whose connection type filters the dashboard carries over. */\n  requestUrl?: string;\n  renderConnectionLink: ConnectionLinkRenderer;\n  /** Replaces the default message when the service reports no connections. */\n  emptyState?: ReactNode;\n};\n\n/**\n * ConnectionDashboardSurface lists the connection fleet from the database only.\n * Health checks dial real backends, so they are opt-in: nothing is probed until\n * the operator clicks a row's dot, a lane's Check button, or Check all.\n */\nexport function ConnectionDashboardSurface({\n  renderConnectionActions,\n  apiBase,\n  requestUrl,\n  renderConnectionLink,\n  emptyState,\n}: ConnectionDashboardSurfaceProps) {\n  const dashboard = useConnectionDashboard({\n    apiBase,\n    ...(requestUrl ? { requestUrl } : {}),\n  });\n\n  const { health, pending, error, seed, check } = useConnectionHealth(apiBase);\n  const connections = dashboard.data?.connections;\n  useEffect(() => {\n    if (connections) seed(connections);\n  }, [connections, seed]);\n\n  if (dashboard.isLoading) {\n    return (\n      <div className=\"rounded-lg border bg-card p-6 text-sm text-muted-foreground\">\n        Loading connections…\n      </div>\n    );\n  }\n  if (dashboard.isError) {\n    return (\n      <div className=\"flex items-center justify-between gap-4 rounded-lg border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive\">\n        <span>\n          {dashboard.error instanceof Error\n            ? dashboard.error.message\n            : \"Unable to load connections\"}\n        </span>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void dashboard.refetch()}>\n          Retry\n        </Button>\n      </div>\n    );\n  }\n  if (!connections) {\n    return (\n      <div className=\"rounded-lg border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive\">\n        Connection dashboard returned no data.\n      </div>\n    );\n  }\n  if (connections.length === 0) {\n    if (emptyState !== undefined) return <>{emptyState}</>;\n    return (\n      <div className=\"rounded-lg border border-dashed p-8 text-center text-sm text-muted-foreground\">\n        No connections match the current filters.\n      </div>\n    );\n  }\n\n  const checked = connections.filter(\n    (connection) => health[connection.id] && health[connection.id]?.state !== \"unknown\",\n  ).length;\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void dashboard.refetch()}>\n          Refresh\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={pending.size > 0}\n          onClick={() =>\n            check(\n              connections.map((connection) => connection.id),\n              { force: checked === connections.length },\n            )\n          }\n        >\n          {pending.size > 0 ? \"Checking…\" : \"Check all health\"}\n        </Button>\n        <span className=\"text-xs text-muted-foreground\">\n          {checked}/{connections.length} checked\n        </span>\n        {error ? (\n          <span className=\"text-xs text-destructive\" title={error.message}>\n            {error.message}\n          </span>\n        ) : null}\n      </div>\n      <ConnectionDashboardLanes\n        connections={connections}\n        health={health}\n        pending={pending}\n        onCheck={check}\n        renderConnectionLink={renderConnectionLink}\n        {...(renderConnectionActions ? { renderConnectionActions } : {})}\n      />\n    </div>\n  );\n}\n\nexport function ConnectionDashboardLanes({\n  renderConnectionActions,\n  connections,\n  health = {},\n  pending = new Set<string>(),\n  onCheck = () => {},\n  renderConnectionLink,\n}: {\n  connections: ConnectionDashboardItem[];\n  health?: ConnectionHealthMap;\n  pending?: Set<string>;\n  onCheck?: (ids: string[], options?: { force?: boolean }) => void;\n  renderConnectionLink: ConnectionLinkRenderer;\n  renderConnectionActions?: ConnectionActionsRenderer;\n}) {\n  return (\n    <div className=\"space-y-4\">\n      {groupConnectionDashboardLanes(connections).map((lane) => {\n        const summary = summarizeLaneHealth(lane.connections, health);\n        const unnamespaced = lane.namespace === \"\";\n        return (\n          <section\n            key={lane.namespace || \"__none__\"}\n            className={cn(\n              \"overflow-hidden rounded-lg border\",\n              unnamespaced ? \"border-dashed border-border\" : \"border-border\",\n            )}\n          >\n            <header className=\"flex flex-wrap items-center gap-x-3 gap-y-1 border-b border-border bg-muted/40 px-3 py-2\">\n              <h2\n                className={cn(\n                  \"text-sm font-semibold\",\n                  unnamespaced && \"italic text-muted-foreground\",\n                )}\n              >\n                {unnamespaced ? \"No namespace\" : lane.namespace}\n              </h2>\n              <span className=\"rounded bg-background px-1.5 py-0.5 font-mono text-[11px] text-muted-foreground\">\n                {lane.connections.length}\n              </span>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"h-6 px-2 text-[11px]\"\n                onClick={() =>\n                  onCheck(\n                    lane.connections.map((connection) => connection.id),\n                    { force: summary.checked === lane.connections.length },\n                  )\n                }\n              >\n                Check\n              </Button>\n              {summary.failing > 0 ? (\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                  {summary.failing} failing\n                </span>\n              ) : null}\n              <span className=\"text-[11px] text-muted-foreground\">\n                {summary.checked}/{lane.connections.length} checked\n              </span>\n              {summary.unused > 0 ? (\n                <span className=\"text-[11px] text-muted-foreground\">{summary.unused} unused</span>\n              ) : null}\n              {unnamespaced ? (\n                <span className=\"text-xs text-muted-foreground\">\n                  `namespace` is optional on the model, so these are unplaceable rather than global.\n                </span>\n              ) : null}\n            </header>\n            <div className=\"divide-y divide-border\">\n              {lane.connections.map((connection) => (\n                <ConnectionDashboardRow\n                  key={connection.id}\n                  connection={connection}\n                  health={health[connection.id]}\n                  pending={pending.has(connection.id)}\n                  onCheck={onCheck}\n                  renderConnectionLink={renderConnectionLink}\n                  {...(renderConnectionActions ? { renderConnectionActions } : {})}\n                />\n              ))}\n            </div>\n          </section>\n        );\n      })}\n      <ConnectionHealthLegend />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/connections/connectionDashboard.d.ts

@@ -1,19 +1,23 @@
-import { ConnectionDashboardItem, ConnectionLinkRenderer } from './connectionDashboardModel.js';
+import { ReactNode } from 'react';
+import { ConnectionDashboardItem, ConnectionLinkRenderer, ConnectionActionsRenderer } from './connectionDashboardModel.js';
 import { ConnectionHealthMap } from './connectionHealth.js';
 export type ConnectionDashboardSurfaceProps = {
+    renderConnectionActions?: ConnectionActionsRenderer;
     /** Where the commons-db connections service is mounted, e.g. `/api/v1`. */
     apiBase: string;
     /** A list request whose connection type filters the dashboard carries over. */
     requestUrl?: string;
     renderConnectionLink: ConnectionLinkRenderer;
+    /** Replaces the default message when the service reports no connections. */
+    emptyState?: ReactNode;
 };
 /**
  * ConnectionDashboardSurface lists the connection fleet from the database only.
  * Health checks dial real backends, so they are opt-in: nothing is probed until
  * the operator clicks a row's dot, a lane's Check button, or Check all.
  */
-export declare function ConnectionDashboardSurface({ apiBase, requestUrl, renderConnectionLink, }: ConnectionDashboardSurfaceProps): import("react").JSX.Element;
-export declare function ConnectionDashboardLanes({ connections, health, pending, onCheck, renderConnectionLink, }: {
+export declare function ConnectionDashboardSurface({ renderConnectionActions, apiBase, requestUrl, renderConnectionLink, emptyState, }: ConnectionDashboardSurfaceProps): import("react").JSX.Element;
+export declare function ConnectionDashboardLanes({ renderConnectionActions, connections, health, pending, onCheck, renderConnectionLink, }: {
     connections: ConnectionDashboardItem[];
     health?: ConnectionHealthMap;
     pending?: Set<string>;
@@ -21,5 +25,6 @@ export declare function ConnectionDashboardLanes({ connections, health, pending,
         force?: boolean;
     }) => void;
     renderConnectionLink: ConnectionLinkRenderer;
+    renderConnectionActions?: ConnectionActionsRenderer;
 }): import("react").JSX.Element;
 //# sourceMappingURL=connectionDashboard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"connectionDashboard.d.ts","sourceRoot":"","sources":["../../src/connections/connectionDashboard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC5B,MAAM,4BAA4B,CAAC;AAMpC,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,+BAA+B,GAAG;IAC5C,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,sBAAsB,CAAC;CAC9C,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,OAAO,EACP,UAAU,EACV,oBAAoB,GACrB,EAAE,+BAA+B,+BAyFjC;AAED,wBAAgB,wBAAwB,CAAC,EACvC,WAAW,EACX,MAAW,EACX,OAA2B,EAC3B,OAAkB,EAClB,oBAAoB,GACrB,EAAE;IACD,WAAW,EAAE,uBAAuB,EAAE,CAAC;IACvC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACjE,oBAAoB,EAAE,sBAAsB,CAAC;CAC9C,+BA2EA"}
+{"version":3,"file":"connectionDashboard.d.ts","sourceRoot":"","sources":["../../src/connections/connectionDashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,yBAAyB,EAC/B,MAAM,4BAA4B,CAAC;AAMpC,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,+BAA+B,GAAG;IAC5C,uBAAuB,CAAC,EAAE,yBAAyB,CAAC;IACpD,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,sBAAsB,CAAC;IAC7C,4EAA4E;IAC5E,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,uBAAuB,EACvB,OAAO,EACP,UAAU,EACV,oBAAoB,EACpB,UAAU,GACX,EAAE,+BAA+B,+BA2FjC;AAED,wBAAgB,wBAAwB,CAAC,EACvC,uBAAuB,EACvB,WAAW,EACX,MAAW,EACX,OAA2B,EAC3B,OAAkB,EAClB,oBAAoB,GACrB,EAAE;IACD,WAAW,EAAE,uBAAuB,EAAE,CAAC;IACvC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACjE,oBAAoB,EAAE,sBAAsB,CAAC;IAC7C,uBAAuB,CAAC,EAAE,yBAAyB,CAAC;CACrD,+BA4EA"}

package/dist/connections/connectionDashboard.js

@@ -5,14 +5,14 @@ import { useConnectionDashboard } from "./connectionDashboardQuery.js";
 import { ConnectionDashboardRow, ConnectionHealthLegend } from "./connectionDashboardRow.js";
 import { summarizeLaneHealth, useConnectionHealth } from "./connectionHealth.js";
 import { useEffect } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 // src/connections/connectionDashboard.tsx
 /**
 * ConnectionDashboardSurface lists the connection fleet from the database only.
 * Health checks dial real backends, so they are opt-in: nothing is probed until
 * the operator clicks a row's dot, a lane's Check button, or Check all.
 */
-function ConnectionDashboardSurface({ apiBase, requestUrl, renderConnectionLink }) {
+function ConnectionDashboardSurface({ renderConnectionActions, apiBase, requestUrl, renderConnectionLink, emptyState }) {
 	const dashboard = useConnectionDashboard({
 		apiBase,
 		...requestUrl ? { requestUrl } : {}
@@ -40,10 +40,13 @@ function ConnectionDashboardSurface({ apiBase, requestUrl, renderConnectionLink
 		className: "rounded-lg border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive",
 		children: "Connection dashboard returned no data."
 	});
-	if (connections.length === 0) return /* @__PURE__ */ jsx("div", {
-		className: "rounded-lg border border-dashed p-8 text-center text-sm text-muted-foreground",
-		children: "No connections match the current filters."
-	});
+	if (connections.length === 0) {
+		if (emptyState !== void 0) return /* @__PURE__ */ jsx(Fragment$1, { children: emptyState });
+		return /* @__PURE__ */ jsx("div", {
+			className: "rounded-lg border border-dashed p-8 text-center text-sm text-muted-foreground",
+			children: "No connections match the current filters."
+		});
+	}
 	const checked = connections.filter((connection) => health[connection.id] && health[connection.id]?.state !== "unknown").length;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",
@@ -85,11 +88,12 @@ function ConnectionDashboardSurface({ apiBase, requestUrl, renderConnectionLink
 			health,
 			pending,
 			onCheck: check,
-			renderConnectionLink
+			renderConnectionLink,
+			...renderConnectionActions ? { renderConnectionActions } : {}
 		})]
 	});
 }
-function ConnectionDashboardLanes({ connections, health = {}, pending = /* @__PURE__ */ new Set(), onCheck = () => {}, renderConnectionLink }) {
+function ConnectionDashboardLanes({ renderConnectionActions, connections, health = {}, pending = /* @__PURE__ */ new Set(), onCheck = () => {}, renderConnectionLink }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",
 		children: [groupConnectionDashboardLanes(connections).map((lane) => {
@@ -145,7 +149,8 @@ function ConnectionDashboardLanes({ connections, health = {}, pending = /* @__PU
 						health: health[connection.id],
 						pending: pending.has(connection.id),
 						onCheck,
-						renderConnectionLink
+						renderConnectionLink,
+						...renderConnectionActions ? { renderConnectionActions } : {}
 					}, connection.id))
 				})]
 			}, lane.namespace || "__none__");

package/dist/connections/connectionDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"connectionDashboard.js","names":[],"sources":["../../src/connections/connectionDashboard.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { Button } from \"../components/button\";\nimport { cn } from \"../lib/utils\";\nimport {\n  groupConnectionDashboardLanes,\n  type ConnectionDashboardItem,\n  type ConnectionLinkRenderer,\n} from \"./connectionDashboardModel\";\nimport { useConnectionDashboard } from \"./connectionDashboardQuery\";\nimport {\n  ConnectionDashboardRow,\n  ConnectionHealthLegend,\n} from \"./connectionDashboardRow\";\nimport {\n  summarizeLaneHealth,\n  useConnectionHealth,\n  type ConnectionHealthMap,\n} from \"./connectionHealth\";\n\nexport type ConnectionDashboardSurfaceProps = {\n  /** Where the commons-db connections service is mounted, e.g. `/api/v1`. */\n  apiBase: string;\n  /** A list request whose connection type filters the dashboard carries over. */\n  requestUrl?: string;\n  renderConnectionLink: ConnectionLinkRenderer;\n};\n\n/**\n * ConnectionDashboardSurface lists the connection fleet from the database only.\n * Health checks dial real backends, so they are opt-in: nothing is probed until\n * the operator clicks a row's dot, a lane's Check button, or Check all.\n */\nexport function ConnectionDashboardSurface({\n  apiBase,\n  requestUrl,\n  renderConnectionLink,\n}: ConnectionDashboardSurfaceProps) {\n  const dashboard = useConnectionDashboard({\n    apiBase,\n    ...(requestUrl ? { requestUrl } : {}),\n  });\n\n  const { health, pending, error, seed, check } = useConnectionHealth(apiBase);\n  const connections = dashboard.data?.connections;\n  useEffect(() => {\n    if (connections) seed(connections);\n  }, [connections, seed]);\n\n  if (dashboard.isLoading) {\n    return (\n      <div className=\"rounded-lg border bg-card p-6 text-sm text-muted-foreground\">\n        Loading connections…\n      </div>\n    );\n  }\n  if (dashboard.isError) {\n    return (\n      <div className=\"flex items-center justify-between gap-4 rounded-lg border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive\">\n        <span>\n          {dashboard.error instanceof Error\n            ? dashboard.error.message\n            : \"Unable to load connections\"}\n        </span>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void dashboard.refetch()}>\n          Retry\n        </Button>\n      </div>\n    );\n  }\n  if (!connections) {\n    return (\n      <div className=\"rounded-lg border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive\">\n        Connection dashboard returned no data.\n      </div>\n    );\n  }\n  if (connections.length === 0) {\n    return (\n      <div className=\"rounded-lg border border-dashed p-8 text-center text-sm text-muted-foreground\">\n        No connections match the current filters.\n      </div>\n    );\n  }\n\n  const checked = connections.filter(\n    (connection) => health[connection.id] && health[connection.id]?.state !== \"unknown\",\n  ).length;\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void dashboard.refetch()}>\n          Refresh\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={pending.size > 0}\n          onClick={() =>\n            check(\n              connections.map((connection) => connection.id),\n              { force: checked === connections.length },\n            )\n          }\n        >\n          {pending.size > 0 ? \"Checking…\" : \"Check all health\"}\n        </Button>\n        <span className=\"text-xs text-muted-foreground\">\n          {checked}/{connections.length} checked\n        </span>\n        {error ? (\n          <span className=\"text-xs text-destructive\" title={error.message}>\n            {error.message}\n          </span>\n        ) : null}\n      </div>\n      <ConnectionDashboardLanes\n        connections={connections}\n        health={health}\n        pending={pending}\n        onCheck={check}\n        renderConnectionLink={renderConnectionLink}\n      />\n    </div>\n  );\n}\n\nexport function ConnectionDashboardLanes({\n  connections,\n  health = {},\n  pending = new Set<string>(),\n  onCheck = () => {},\n  renderConnectionLink,\n}: {\n  connections: ConnectionDashboardItem[];\n  health?: ConnectionHealthMap;\n  pending?: Set<string>;\n  onCheck?: (ids: string[], options?: { force?: boolean }) => void;\n  renderConnectionLink: ConnectionLinkRenderer;\n}) {\n  return (\n    <div className=\"space-y-4\">\n      {groupConnectionDashboardLanes(connections).map((lane) => {\n        const summary = summarizeLaneHealth(lane.connections, health);\n        const unnamespaced = lane.namespace === \"\";\n        return (\n          <section\n            key={lane.namespace || \"__none__\"}\n            className={cn(\n              \"overflow-hidden rounded-lg border\",\n              unnamespaced ? \"border-dashed border-border\" : \"border-border\",\n            )}\n          >\n            <header className=\"flex flex-wrap items-center gap-x-3 gap-y-1 border-b border-border bg-muted/40 px-3 py-2\">\n              <h2\n                className={cn(\n                  \"text-sm font-semibold\",\n                  unnamespaced && \"italic text-muted-foreground\",\n                )}\n              >\n                {unnamespaced ? \"No namespace\" : lane.namespace}\n              </h2>\n              <span className=\"rounded bg-background px-1.5 py-0.5 font-mono text-[11px] text-muted-foreground\">\n                {lane.connections.length}\n              </span>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"h-6 px-2 text-[11px]\"\n                onClick={() =>\n                  onCheck(\n                    lane.connections.map((connection) => connection.id),\n                    { force: summary.checked === lane.connections.length },\n                  )\n                }\n              >\n                Check\n              </Button>\n              {summary.failing > 0 ? (\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                  {summary.failing} failing\n                </span>\n              ) : null}\n              <span className=\"text-[11px] text-muted-foreground\">\n                {summary.checked}/{lane.connections.length} checked\n              </span>\n              {summary.unused > 0 ? (\n                <span className=\"text-[11px] text-muted-foreground\">{summary.unused} unused</span>\n              ) : null}\n              {unnamespaced ? (\n                <span className=\"text-xs text-muted-foreground\">\n                  `namespace` is optional on the model, so these are unplaceable rather than global.\n                </span>\n              ) : null}\n            </header>\n            <div className=\"divide-y divide-border\">\n              {lane.connections.map((connection) => (\n                <ConnectionDashboardRow\n                  key={connection.id}\n                  connection={connection}\n                  health={health[connection.id]}\n                  pending={pending.has(connection.id)}\n                  onCheck={onCheck}\n                  renderConnectionLink={renderConnectionLink}\n                />\n              ))}\n            </div>\n          </section>\n        );\n      })}\n      <ConnectionHealthLegend />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"connectionDashboard.js","names":["_Fragment"],"sources":["../../src/connections/connectionDashboard.tsx"],"sourcesContent":["import { useEffect, type ReactNode } from \"react\";\nimport { Button } from \"../components/button\";\nimport { cn } from \"../lib/utils\";\nimport {\n  groupConnectionDashboardLanes,\n  type ConnectionDashboardItem,\n  type ConnectionLinkRenderer,\n  type ConnectionActionsRenderer,\n} from \"./connectionDashboardModel\";\nimport { useConnectionDashboard } from \"./connectionDashboardQuery\";\nimport {\n  ConnectionDashboardRow,\n  ConnectionHealthLegend,\n} from \"./connectionDashboardRow\";\nimport {\n  summarizeLaneHealth,\n  useConnectionHealth,\n  type ConnectionHealthMap,\n} from \"./connectionHealth\";\n\nexport type ConnectionDashboardSurfaceProps = {\n  renderConnectionActions?: ConnectionActionsRenderer;\n  /** Where the commons-db connections service is mounted, e.g. `/api/v1`. */\n  apiBase: string;\n  /** A list request whose connection type filters the dashboard carries over. */\n  requestUrl?: string;\n  renderConnectionLink: ConnectionLinkRenderer;\n  /** Replaces the default message when the service reports no connections. */\n  emptyState?: ReactNode;\n};\n\n/**\n * ConnectionDashboardSurface lists the connection fleet from the database only.\n * Health checks dial real backends, so they are opt-in: nothing is probed until\n * the operator clicks a row's dot, a lane's Check button, or Check all.\n */\nexport function ConnectionDashboardSurface({\n  renderConnectionActions,\n  apiBase,\n  requestUrl,\n  renderConnectionLink,\n  emptyState,\n}: ConnectionDashboardSurfaceProps) {\n  const dashboard = useConnectionDashboard({\n    apiBase,\n    ...(requestUrl ? { requestUrl } : {}),\n  });\n\n  const { health, pending, error, seed, check } = useConnectionHealth(apiBase);\n  const connections = dashboard.data?.connections;\n  useEffect(() => {\n    if (connections) seed(connections);\n  }, [connections, seed]);\n\n  if (dashboard.isLoading) {\n    return (\n      <div className=\"rounded-lg border bg-card p-6 text-sm text-muted-foreground\">\n        Loading connections…\n      </div>\n    );\n  }\n  if (dashboard.isError) {\n    return (\n      <div className=\"flex items-center justify-between gap-4 rounded-lg border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive\">\n        <span>\n          {dashboard.error instanceof Error\n            ? dashboard.error.message\n            : \"Unable to load connections\"}\n        </span>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void dashboard.refetch()}>\n          Retry\n        </Button>\n      </div>\n    );\n  }\n  if (!connections) {\n    return (\n      <div className=\"rounded-lg border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive\">\n        Connection dashboard returned no data.\n      </div>\n    );\n  }\n  if (connections.length === 0) {\n    if (emptyState !== undefined) return <>{emptyState}</>;\n    return (\n      <div className=\"rounded-lg border border-dashed p-8 text-center text-sm text-muted-foreground\">\n        No connections match the current filters.\n      </div>\n    );\n  }\n\n  const checked = connections.filter(\n    (connection) => health[connection.id] && health[connection.id]?.state !== \"unknown\",\n  ).length;\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void dashboard.refetch()}>\n          Refresh\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={pending.size > 0}\n          onClick={() =>\n            check(\n              connections.map((connection) => connection.id),\n              { force: checked === connections.length },\n            )\n          }\n        >\n          {pending.size > 0 ? \"Checking…\" : \"Check all health\"}\n        </Button>\n        <span className=\"text-xs text-muted-foreground\">\n          {checked}/{connections.length} checked\n        </span>\n        {error ? (\n          <span className=\"text-xs text-destructive\" title={error.message}>\n            {error.message}\n          </span>\n        ) : null}\n      </div>\n      <ConnectionDashboardLanes\n        connections={connections}\n        health={health}\n        pending={pending}\n        onCheck={check}\n        renderConnectionLink={renderConnectionLink}\n        {...(renderConnectionActions ? { renderConnectionActions } : {})}\n      />\n    </div>\n  );\n}\n\nexport function ConnectionDashboardLanes({\n  renderConnectionActions,\n  connections,\n  health = {},\n  pending = new Set<string>(),\n  onCheck = () => {},\n  renderConnectionLink,\n}: {\n  connections: ConnectionDashboardItem[];\n  health?: ConnectionHealthMap;\n  pending?: Set<string>;\n  onCheck?: (ids: string[], options?: { force?: boolean }) => void;\n  renderConnectionLink: ConnectionLinkRenderer;\n  renderConnectionActions?: ConnectionActionsRenderer;\n}) {\n  return (\n    <div className=\"space-y-4\">\n      {groupConnectionDashboardLanes(connections).map((lane) => {\n        const summary = summarizeLaneHealth(lane.connections, health);\n        const unnamespaced = lane.namespace === \"\";\n        return (\n          <section\n            key={lane.namespace || \"__none__\"}\n            className={cn(\n              \"overflow-hidden rounded-lg border\",\n              unnamespaced ? \"border-dashed border-border\" : \"border-border\",\n            )}\n          >\n            <header className=\"flex flex-wrap items-center gap-x-3 gap-y-1 border-b border-border bg-muted/40 px-3 py-2\">\n              <h2\n                className={cn(\n                  \"text-sm font-semibold\",\n                  unnamespaced && \"italic text-muted-foreground\",\n                )}\n              >\n                {unnamespaced ? \"No namespace\" : lane.namespace}\n              </h2>\n              <span className=\"rounded bg-background px-1.5 py-0.5 font-mono text-[11px] text-muted-foreground\">\n                {lane.connections.length}\n              </span>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"h-6 px-2 text-[11px]\"\n                onClick={() =>\n                  onCheck(\n                    lane.connections.map((connection) => connection.id),\n                    { force: summary.checked === lane.connections.length },\n                  )\n                }\n              >\n                Check\n              </Button>\n              {summary.failing > 0 ? (\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                  {summary.failing} failing\n                </span>\n              ) : null}\n              <span className=\"text-[11px] text-muted-foreground\">\n                {summary.checked}/{lane.connections.length} checked\n              </span>\n              {summary.unused > 0 ? (\n                <span className=\"text-[11px] text-muted-foreground\">{summary.unused} unused</span>\n              ) : null}\n              {unnamespaced ? (\n                <span className=\"text-xs text-muted-foreground\">\n                  `namespace` is optional on the model, so these are unplaceable rather than global.\n                </span>\n              ) : null}\n            </header>\n            <div className=\"divide-y divide-border\">\n              {lane.connections.map((connection) => (\n                <ConnectionDashboardRow\n                  key={connection.id}\n                  connection={connection}\n                  health={health[connection.id]}\n                  pending={pending.has(connection.id)}\n                  onCheck={onCheck}\n                  renderConnectionLink={renderConnectionLink}\n                  {...(renderConnectionActions ? { renderConnectionActions } : {})}\n                />\n              ))}\n            </div>\n          </section>\n        );\n      })}\n      <ConnectionHealthLegend />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/connections/connectionDashboardModel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"connectionDashboardModel.cjs","names":["stripTrailingSlashes"],"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  /** A virtual or read-only connection: the service answers 405 to saving or deleting it. */\n  readOnly?: boolean;\n};\n\nexport type ConnectionDashboardResponse = {\n  connections: ConnectionDashboardItem[];\n  generatedAt: string;\n  /** The service has no connection store, so nothing can be created. */\n  readOnly?: boolean;\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"],"mappings":";;;AAoFA,IAAa,iCAAiC;AAE9C,SAAgB,8BACd,aAC2B;CAC3B,MAAM,wBAAQ,IAAI,IAAuC;CACzD,KAAK,MAAM,cAAc,aAAa;EACpC,MAAM,OAAO,MAAM,IAAI,WAAW,SAAS;EAC3C,IAAI,MAAM,KAAK,KAAK,UAAU;OACzB,MAAM,IAAI,WAAW,WAAW,CAAC,UAAU,CAAC;CACnD;CACA,OAAO,CAAC,GAAG,KAAK,CAAC,CACd,KAAK,CAAC,WAAW,YAAY;EAC5B;EACA,aAAa,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;CACrE,EAAE,CAAC,CACF,MAAM,GAAG,MAAM;EACd,IAAI,EAAE,cAAc,IAAI,OAAO;EAC/B,IAAI,EAAE,cAAc,IAAI,OAAO;EAC/B,OAAO,EAAE,UAAU,cAAc,EAAE,SAAS;CAC9C,CAAC;AACL;AAEA,SAAgB,oBAAoB,SAAyB;CAC3D,OAAO,GAAGA,eAAAA,qBAAqB,OAAO,EAAE;AAC1C;;;;;;AAOA,SAAgB,uBAAuB,EACrC,SACA,cAIS;CACT,MAAM,SAAS,IAAI,gBAAgB;CACnC,IAAI,YAAY;EACd,MAAM,SAAS,IAAI,IAAI,YAAY,0BAA0B;EAC7D,KAAK,MAAM,OAAO,CAAC,QAAQ,OAAO,GAAG;GACnC,MAAM,QAAQ,OAAO,aAAa,IAAI,GAAG;GACzC,IAAI,OAAO,OAAO,IAAI,KAAK,KAAK;EAClC;CACF;CACA,MAAM,QAAQ,OAAO,SAAS;CAC9B,OAAO,GAAGA,eAAAA,qBAAqB,OAAO,EAAE,wBAAwB,QAAQ,IAAI,UAAU;AACxF"}
+{"version":3,"file":"connectionDashboardModel.cjs","names":["stripTrailingSlashes"],"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  /** A virtual or read-only connection: the service answers 405 to saving or deleting it. */\n  readOnly?: boolean;\n  source?: string;\n  /** Problems loading the connection (e.g. an invalid file); it cannot be used until they are fixed. */\n  warnings?: string[];\n};\n\nexport type ConnectionDashboardResponse = {\n  connections: ConnectionDashboardItem[];\n  generatedAt: string;\n  /** The service has no connection store, so nothing can be created. */\n  readOnly?: boolean;\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\nexport type ConnectionActionsRenderer = (connection: ConnectionDashboardItem) => 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"],"mappings":";;;AAyFA,IAAa,iCAAiC;AAE9C,SAAgB,8BACd,aAC2B;CAC3B,MAAM,wBAAQ,IAAI,IAAuC;CACzD,KAAK,MAAM,cAAc,aAAa;EACpC,MAAM,OAAO,MAAM,IAAI,WAAW,SAAS;EAC3C,IAAI,MAAM,KAAK,KAAK,UAAU;OACzB,MAAM,IAAI,WAAW,WAAW,CAAC,UAAU,CAAC;CACnD;CACA,OAAO,CAAC,GAAG,KAAK,CAAC,CACd,KAAK,CAAC,WAAW,YAAY;EAC5B;EACA,aAAa,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;CACrE,EAAE,CAAC,CACF,MAAM,GAAG,MAAM;EACd,IAAI,EAAE,cAAc,IAAI,OAAO;EAC/B,IAAI,EAAE,cAAc,IAAI,OAAO;EAC/B,OAAO,EAAE,UAAU,cAAc,EAAE,SAAS;CAC9C,CAAC;AACL;AAEA,SAAgB,oBAAoB,SAAyB;CAC3D,OAAO,GAAGA,eAAAA,qBAAqB,OAAO,EAAE;AAC1C;;;;;;AAOA,SAAgB,uBAAuB,EACrC,SACA,cAIS;CACT,MAAM,SAAS,IAAI,gBAAgB;CACnC,IAAI,YAAY;EACd,MAAM,SAAS,IAAI,IAAI,YAAY,0BAA0B;EAC7D,KAAK,MAAM,OAAO,CAAC,QAAQ,OAAO,GAAG;GACnC,MAAM,QAAQ,OAAO,aAAa,IAAI,GAAG;GACzC,IAAI,OAAO,OAAO,IAAI,KAAK,KAAK;EAClC;CACF;CACA,MAAM,QAAQ,OAAO,SAAS;CAC9B,OAAO,GAAGA,eAAAA,qBAAqB,OAAO,EAAE,wBAAwB,QAAQ,IAAI,UAAU;AACxF"}

package/dist/connections/connectionDashboardModel.d.ts

@@ -32,6 +32,9 @@ export type ConnectionDashboardItem = {
     updatedAt: string;
     /** A virtual or read-only connection: the service answers 405 to saving or deleting it. */
     readOnly?: boolean;
+    source?: string;
+    /** Problems loading the connection (e.g. an invalid file); it cannot be used until they are fixed. */
+    warnings?: string[];
 };
 export type ConnectionDashboardResponse = {
     connections: ConnectionDashboardItem[];
@@ -63,6 +66,7 @@ export type ConnectionLinkProps = {
  * route state renders an anchor that selects the connection.
  */
 export type ConnectionLinkRenderer = (connection: ConnectionDashboardItem, link: ConnectionLinkProps) => ReactNode;
+export type ConnectionActionsRenderer = (connection: ConnectionDashboardItem) => 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[];

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

@@ -1 +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;IAClB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,uBAAuB,EAAE,CAAC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,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"}
+{"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;IAClB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,uBAAuB,EAAE,CAAC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,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,MAAM,MAAM,yBAAyB,GAAG,CAAC,UAAU,EAAE,uBAAuB,KAAK,SAAS,CAAC;AAE3F,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.map

@@ -1 +1 @@
-{"version":3,"file":"connectionDashboardModel.js","names":[],"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  /** A virtual or read-only connection: the service answers 405 to saving or deleting it. */\n  readOnly?: boolean;\n};\n\nexport type ConnectionDashboardResponse = {\n  connections: ConnectionDashboardItem[];\n  generatedAt: string;\n  /** The service has no connection store, so nothing can be created. */\n  readOnly?: boolean;\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"],"mappings":";;;AAoFA,IAAa,iCAAiC;AAE9C,SAAgB,8BACd,aAC2B;CAC3B,MAAM,wBAAQ,IAAI,IAAuC;CACzD,KAAK,MAAM,cAAc,aAAa;EACpC,MAAM,OAAO,MAAM,IAAI,WAAW,SAAS;EAC3C,IAAI,MAAM,KAAK,KAAK,UAAU;OACzB,MAAM,IAAI,WAAW,WAAW,CAAC,UAAU,CAAC;CACnD;CACA,OAAO,CAAC,GAAG,KAAK,CAAC,CACd,KAAK,CAAC,WAAW,YAAY;EAC5B;EACA,aAAa,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;CACrE,EAAE,CAAC,CACF,MAAM,GAAG,MAAM;EACd,IAAI,EAAE,cAAc,IAAI,OAAO;EAC/B,IAAI,EAAE,cAAc,IAAI,OAAO;EAC/B,OAAO,EAAE,UAAU,cAAc,EAAE,SAAS;CAC9C,CAAC;AACL;AAEA,SAAgB,oBAAoB,SAAyB;CAC3D,OAAO,GAAG,qBAAqB,OAAO,EAAE;AAC1C;;;;;;AAOA,SAAgB,uBAAuB,EACrC,SACA,cAIS;CACT,MAAM,SAAS,IAAI,gBAAgB;CACnC,IAAI,YAAY;EACd,MAAM,SAAS,IAAI,IAAI,YAAY,0BAA0B;EAC7D,KAAK,MAAM,OAAO,CAAC,QAAQ,OAAO,GAAG;GACnC,MAAM,QAAQ,OAAO,aAAa,IAAI,GAAG;GACzC,IAAI,OAAO,OAAO,IAAI,KAAK,KAAK;EAClC;CACF;CACA,MAAM,QAAQ,OAAO,SAAS;CAC9B,OAAO,GAAG,qBAAqB,OAAO,EAAE,wBAAwB,QAAQ,IAAI,UAAU;AACxF"}
+{"version":3,"file":"connectionDashboardModel.js","names":[],"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  /** A virtual or read-only connection: the service answers 405 to saving or deleting it. */\n  readOnly?: boolean;\n  source?: string;\n  /** Problems loading the connection (e.g. an invalid file); it cannot be used until they are fixed. */\n  warnings?: string[];\n};\n\nexport type ConnectionDashboardResponse = {\n  connections: ConnectionDashboardItem[];\n  generatedAt: string;\n  /** The service has no connection store, so nothing can be created. */\n  readOnly?: boolean;\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\nexport type ConnectionActionsRenderer = (connection: ConnectionDashboardItem) => 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"],"mappings":";;;AAyFA,IAAa,iCAAiC;AAE9C,SAAgB,8BACd,aAC2B;CAC3B,MAAM,wBAAQ,IAAI,IAAuC;CACzD,KAAK,MAAM,cAAc,aAAa;EACpC,MAAM,OAAO,MAAM,IAAI,WAAW,SAAS;EAC3C,IAAI,MAAM,KAAK,KAAK,UAAU;OACzB,MAAM,IAAI,WAAW,WAAW,CAAC,UAAU,CAAC;CACnD;CACA,OAAO,CAAC,GAAG,KAAK,CAAC,CACd,KAAK,CAAC,WAAW,YAAY;EAC5B;EACA,aAAa,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;CACrE,EAAE,CAAC,CACF,MAAM,GAAG,MAAM;EACd,IAAI,EAAE,cAAc,IAAI,OAAO;EAC/B,IAAI,EAAE,cAAc,IAAI,OAAO;EAC/B,OAAO,EAAE,UAAU,cAAc,EAAE,SAAS;CAC9C,CAAC;AACL;AAEA,SAAgB,oBAAoB,SAAyB;CAC3D,OAAO,GAAG,qBAAqB,OAAO,EAAE;AAC1C;;;;;;AAOA,SAAgB,uBAAuB,EACrC,SACA,cAIS;CACT,MAAM,SAAS,IAAI,gBAAgB;CACnC,IAAI,YAAY;EACd,MAAM,SAAS,IAAI,IAAI,YAAY,0BAA0B;EAC7D,KAAK,MAAM,OAAO,CAAC,QAAQ,OAAO,GAAG;GACnC,MAAM,QAAQ,OAAO,aAAa,IAAI,GAAG;GACzC,IAAI,OAAO,OAAO,IAAI,KAAK,KAAK;EAClC;CACF;CACA,MAAM,QAAQ,OAAO,SAAS;CAC9B,OAAO,GAAG,qBAAqB,OAAO,EAAE,wBAAwB,QAAQ,IAAI,UAAU;AACxF"}

package/dist/connections/connectionDashboardRow.cjs

@@ -44,51 +44,59 @@ var HEALTH_STYLES = {
 	}
 };
 var UNCHECKED_EDGE = "border-l-transparent";
-function ConnectionDashboardRow({ connection, health, pending, onCheck, renderConnectionLink }) {
+function ConnectionDashboardRow({ renderConnectionActions, connection, health, pending, onCheck, renderConnectionLink }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: require_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__ */ (0, react_jsx_runtime.jsx)(HealthDot, {
-			health,
-			pending,
-			onCheck: () => onCheck([connection.id], { force: Boolean(health) })
-		}), renderConnectionLink(connection, {
-			...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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "shrink-0",
-					"aria-hidden": true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_iconProvider.ConnectionTypeIcon, {
-						type: connection.type,
-						className: "size-4"
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HealthDot, {
+				health,
+				pending,
+				onCheck: () => onCheck([connection.id], { force: Boolean(health) })
+			}),
+			renderConnectionLink(connection, {
+				...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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "shrink-0",
+						"aria-hidden": true,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_iconProvider.ConnectionTypeIcon, {
+							type: connection.type,
+							className: "size-4"
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "w-32 shrink-0 truncate text-sm font-medium md:w-40",
+						title: connection.name,
+						children: connection.name
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EndpointLine, { endpoint: connection.endpoint }), connection.source && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "truncate text-xs text-muted-foreground",
+							title: connection.source,
+							children: connection.source
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "hidden shrink-0 items-center gap-1.5 lg:flex",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretChip, { count: connection.secretCount }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RiskChips, { connection })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "w-24 shrink-0 text-right text-xs text-muted-foreground",
+						children: connection.profileCount === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-muted-foreground/60",
+							children: "unused"
+						}) : `${connection.profileCount} profile${connection.profileCount === 1 ? "" : "s"}`
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "hidden w-16 shrink-0 text-right text-xs text-muted-foreground/70 xl:inline",
+						children: ageLabel(connection.updatedAt)
 					})
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "w-32 shrink-0 truncate text-sm font-medium md:w-40",
-					title: connection.name,
-					children: connection.name
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "min-w-0 flex-1",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EndpointLine, { endpoint: connection.endpoint })
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "hidden shrink-0 items-center gap-1.5 lg:flex",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretChip, { count: connection.secretCount }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RiskChips, { connection })]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "w-24 shrink-0 text-right text-xs text-muted-foreground",
-					children: connection.profileCount === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "text-muted-foreground/60",
-						children: "unused"
-					}) : `${connection.profileCount} profile${connection.profileCount === 1 ? "" : "s"}`
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "hidden w-16 shrink-0 text-right text-xs text-muted-foreground/70 xl:inline",
-					children: ageLabel(connection.updatedAt)
-				})
-			] })
-		})]
+				] })
+			}),
+			renderConnectionActions?.(connection)
+		]
 	});
 }
 function HealthDot({ health, pending, onCheck }) {
@@ -150,19 +158,31 @@ function SecretChip({ count }) {
 	});
 }
 function RiskChips({ connection }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [connection.inlineCredential ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-			icon: require_UiKey.UiKey,
-			className: "text-[11px]"
-		}), "Password in URL"]
-	}) : null, connection.insecureTLS ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-			icon: require_UiWarningTriangle.UiWarningTriangle,
-			className: "text-[11px]"
-		}), "TLS verification off"]
-	}) : null] });
+	const warnings = connection.warnings ?? [];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		warnings.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.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",
+			title: warnings.join("\n"),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				icon: require_UiWarningTriangle.UiWarningTriangle,
+				className: "text-[11px]"
+			}), "Cannot load"]
+		}) : null,
+		connection.inlineCredential ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				icon: require_UiKey.UiKey,
+				className: "text-[11px]"
+			}), "Password in URL"]
+		}) : null,
+		connection.insecureTLS ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				icon: require_UiWarningTriangle.UiWarningTriangle,
+				className: "text-[11px]"
+			}), "TLS verification off"]
+		}) : null
+	] });
 }
 function ConnectionHealthLegend() {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {

package/dist/connections/connectionDashboardRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"connectionDashboardRow.cjs","names":["cn","_Fragment","ConnectionTypeIcon","Icon","UiLink","UiLock","UiKey","UiWarningTriangle"],"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"],"mappings":"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"}
+{"version":3,"file":"connectionDashboardRow.cjs","names":["cn","_Fragment","ConnectionTypeIcon","Icon","UiLink","UiLock","UiWarningTriangle","UiKey"],"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  ConnectionActionsRenderer,\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  renderConnectionActions,\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  renderConnectionActions?: ConnectionActionsRenderer;\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              {connection.source && <div className=\"truncate text-xs text-muted-foreground\" title={connection.source}>{connection.source}</div>}\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      {renderConnectionActions?.(connection)}\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  const warnings = connection.warnings ?? [];\n  return (\n    <>\n      {warnings.length > 0 ? (\n        <span\n          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          title={warnings.join(\"\\n\")}\n        >\n          <Icon icon={UiWarningTriangle} className=\"text-[11px]\" />\n          Cannot load\n        </span>\n      ) : null}\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"],"mappings":"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"}

package/dist/connections/connectionDashboardRow.d.ts

@@ -1,5 +1,5 @@
-import { ConnectionDashboardItem, ConnectionHealth, ConnectionLinkRenderer } from './connectionDashboardModel.js';
-export declare function ConnectionDashboardRow({ connection, health, pending, onCheck, renderConnectionLink, }: {
+import { ConnectionDashboardItem, ConnectionHealth, ConnectionLinkRenderer, ConnectionActionsRenderer } from './connectionDashboardModel.js';
+export declare function ConnectionDashboardRow({ renderConnectionActions, connection, health, pending, onCheck, renderConnectionLink, }: {
     connection: ConnectionDashboardItem;
     health?: ConnectionHealth | undefined;
     pending: boolean;
@@ -7,6 +7,7 @@ export declare function ConnectionDashboardRow({ connection, health, pending, on
         force?: boolean;
     }) => void;
     renderConnectionLink: ConnectionLinkRenderer;
+    renderConnectionActions?: ConnectionActionsRenderer;
 }): import("react").JSX.Element;
 export declare function ConnectionHealthLegend(): import("react").JSX.Element;
 //# sourceMappingURL=connectionDashboardRow.d.ts.map