@flanksource/clicky-ui 0.3.48 → 0.3.50

package/dist/connections/ConnectionsPage.cjs

@@ -0,0 +1,219 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactQuery = require("@tanstack/react-query");
+const react = require("react");
+const button = require("../components/button.cjs");
+const collections = require("../lib/collections.cjs");
+const Modal = require("../overlay/Modal.cjs");
+const useConfirm = require("../overlay/useConfirm.cjs");
+const apiClient = require("../rpc/apiClient.cjs");
+const SchemaActionForm = require("../rpc/SchemaActionForm.cjs");
+const connectionDashboard = require("./connectionDashboard.cjs");
+const connectionDashboardModel = require("./connectionDashboardModel.cjs");
+const connectionTestButton = require("./connectionTestButton.cjs");
+const connectionsPageModel = require("./connectionsPageModel.cjs");
+const CONNECTION_DETAIL_QUERY_KEY = "connection-detail";
+const ERROR_BOX = "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive";
+function ConnectionsPage({
+  apiBase,
+  selected,
+  onSelect,
+  connectionHref,
+  formExtensions
+}) {
+  const [creating, setCreating] = react.useState(false);
+  const queryClient = reactQuery.useQueryClient();
+  const client = react.useMemo(() => apiClient.createOperationsApiClient({ baseUrl: apiBase }), [apiBase]);
+  const extensions = react.useMemo(() => connectionsPageModel.connectionFormExtensions(formExtensions), [formExtensions]);
+  const renderConnectionLink = react.useCallback(
+    (connection, link) => /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: connectionHref(connection.id),
+        className: link.className,
+        title: link.title,
+        onClick: (event) => {
+          if (!connectionsPageModel.isPlainLeftClick(event)) return;
+          event.preventDefault();
+          onSelect(connection.id);
+        },
+        children: link.children
+      }
+    ),
+    [connectionHref, onSelect]
+  );
+  const refresh = () => Promise.all([
+    queryClient.invalidateQueries({ queryKey: [connectionDashboardModel.CONNECTION_DASHBOARD_QUERY_KEY] }),
+    queryClient.invalidateQueries({ queryKey: [CONNECTION_DETAIL_QUERY_KEY] })
+  ]);
+  const testAction = ({ value, canSubmit }) => /* @__PURE__ */ jsxRuntime.jsx(connectionTestButton.ConnectionTestButton, { apiBase, value, canSubmit });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", variant: "outline", size: "sm", onClick: () => setCreating(true), children: "Add Connection" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(connectionDashboard.ConnectionDashboardSurface, { apiBase, renderConnectionLink }),
+    creating ? /* @__PURE__ */ jsxRuntime.jsx(
+      ConnectionFormDialog,
+      {
+        apiBase,
+        client,
+        action: connectionsPageModel.createConnectionAction,
+        title: "Add Connection",
+        submitLabel: "Add Connection",
+        extensions,
+        footerActions: testAction,
+        onClose: () => setCreating(false),
+        onSaved: () => {
+          setCreating(false);
+          void refresh();
+        }
+      }
+    ) : selected ? /* @__PURE__ */ jsxRuntime.jsx(
+      ConnectionEditDialog,
+      {
+        id: selected,
+        apiBase,
+        client,
+        extensions,
+        testAction,
+        onClose: () => onSelect(void 0),
+        onChanged: () => {
+          onSelect(void 0);
+          void refresh();
+        }
+      },
+      selected
+    ) : null
+  ] });
+}
+function ConnectionEditDialog({
+  id,
+  apiBase,
+  client,
+  extensions,
+  testAction,
+  onClose,
+  onChanged
+}) {
+  const { confirm, dialog } = useConfirm.useConfirm();
+  const [deleting, setDeleting] = react.useState(false);
+  const [deleteError, setDeleteError] = react.useState("");
+  const detail = reactQuery.useQuery({
+    queryKey: [CONNECTION_DETAIL_QUERY_KEY, apiBase, id],
+    queryFn: async () => {
+      const response = await client.executeCommand(
+        connectionsPageModel.updateConnectionAction.path,
+        "GET",
+        { id },
+        { Accept: "application/json" }
+      );
+      if (!collections.isPlainObject(response.parsed)) {
+        throw new Error(`GET ${apiBase}/connection/${id} did not return a connection object`);
+      }
+      return response.parsed;
+    },
+    retry: 0
+  });
+  if (!detail.data) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Modal.Modal, { open: true, onClose, title: "Edit connection", size: "2xl", children: detail.isError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: ERROR_BOX, children: errorMessage(detail.error) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: "Loading connection…" }) });
+  }
+  const connection = detail.data;
+  const name = typeof connection.name === "string" && connection.name ? connection.name : id;
+  async function remove() {
+    const confirmed = await confirm({
+      title: "Delete connection?",
+      message: `Delete connection "${name}"? This cannot be undone.`,
+      confirmLabel: "Delete",
+      variant: "destructive"
+    });
+    if (!confirmed) return;
+    setDeleting(true);
+    setDeleteError("");
+    let failure = "";
+    try {
+      const response = await client.executeCommand(
+        connectionsPageModel.updateConnectionAction.path,
+        "DELETE",
+        { id },
+        { Accept: "application/json" }
+      );
+      failure = response.error ?? "";
+    } catch (err) {
+      failure = errorMessage(err);
+    }
+    setDeleting(false);
+    if (failure) setDeleteError(failure);
+    else onChanged();
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ConnectionFormDialog,
+      {
+        apiBase,
+        client,
+        action: connectionsPageModel.updateConnectionAction,
+        lockedValues: { id },
+        initialValue: connection,
+        title: `Edit ${name}`,
+        submitLabel: "Save",
+        extensions,
+        footerActions: (context) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              type: "button",
+              variant: "destructive",
+              className: "mr-auto",
+              disabled: deleting,
+              onClick: () => void remove(),
+              children: deleting ? "Deleting…" : "Delete"
+            }
+          ),
+          testAction(context)
+        ] }),
+        notice: deleteError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: ERROR_BOX, children: deleteError }) : null,
+        onClose,
+        onSaved: onChanged
+      }
+    ),
+    dialog
+  ] });
+}
+function ConnectionFormDialog({
+  apiBase,
+  client,
+  action,
+  lockedValues,
+  initialValue,
+  title,
+  submitLabel,
+  extensions,
+  footerActions,
+  notice,
+  onClose,
+  onSaved
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SchemaActionForm.SchemaActionForm,
+    {
+      client,
+      action,
+      submitLabel,
+      formPre: extensions.pre,
+      formPost: extensions.post,
+      footerActions,
+      ...lockedValues ? { lockedValues } : {},
+      ...initialValue ? { initialValue } : {},
+      onSuccess: onSaved,
+      renderLayout: ({ body, footer }) => /* @__PURE__ */ jsxRuntime.jsx(Modal.Modal, { open: true, onClose, title, size: "2xl", footer, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+        body,
+        notice
+      ] }) }),
+      fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { className: ERROR_BOX, children: `GET ${apiBase}/connection served no connection JSON Schema (Accept: application/schema+json).` })
+    }
+  );
+}
+function errorMessage(err) {
+  return err instanceof Error ? err.message : String(err);
+}
+exports.ConnectionsPage = ConnectionsPage;
+//# sourceMappingURL=ConnectionsPage.cjs.map

package/dist/connections/ConnectionsPage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionsPage.cjs","sources":["../../src/connections/ConnectionsPage.tsx"],"sourcesContent":["import { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { useCallback, useMemo, useState, type ReactNode } from \"react\";\nimport { Button } from \"../components/button\";\nimport { isPlainObject } from \"../lib/collections\";\nimport { Modal } from \"../overlay/Modal\";\nimport { useConfirm } from \"../overlay/useConfirm\";\nimport { createOperationsApiClient } from \"../rpc/apiClient\";\nimport { SchemaActionForm, type FormActionsRenderer } from \"../rpc/SchemaActionForm\";\nimport type { ResolvedOperation } from \"../rpc/types\";\nimport type { OperationsApiClient } from \"../rpc/useOperations\";\nimport { ConnectionDashboardSurface } from \"./connectionDashboard\";\nimport {\n  CONNECTION_DASHBOARD_QUERY_KEY,\n  type ConnectionLinkRenderer,\n} from \"./connectionDashboardModel\";\nimport { ConnectionTestButton } from \"./connectionTestButton\";\nimport {\n  connectionFormExtensions,\n  createConnectionAction,\n  isPlainLeftClick,\n  updateConnectionAction,\n  type ConnectionFormExtensions,\n} from \"./connectionsPageModel\";\n\nconst CONNECTION_DETAIL_QUERY_KEY = \"connection-detail\";\nconst ERROR_BOX =\n  \"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\";\n\nexport type ConnectionsPageProps = {\n  /** Where the commons-db connections service is mounted, e.g. `/api/v1`. */\n  apiBase: string;\n  /** The connection whose edit dialog is open; the host keeps it in its route. */\n  selected?: string;\n  /** Called with a row's id when it is clicked, and with undefined to close the editor. */\n  onSelect: (id: string | undefined) => void;\n  /** The host route of a connection, so a row stays a real link (new tab, copy link). */\n  connectionHref: (id: string) => string;\n  /** Pickers the host adds to the connection form (e.g. namespace / secret selectors). */\n  formExtensions?: ConnectionFormExtensions;\n};\n\n/**\n * ConnectionsPage is the connections screen for a host that does not run\n * EntityExplorerApp: the namespace-laned dashboard, an \"Add Connection\" dialog\n * over the schema the service serves on `GET {apiBase}/connection`, and — while\n * `selected` names a connection — the same dialog editing it, with Delete. Both\n * dialogs carry the Test / Resolve action, which works on the unsaved draft.\n * Needs a react-query QueryClientProvider from the host.\n */\nexport function ConnectionsPage({\n  apiBase,\n  selected,\n  onSelect,\n  connectionHref,\n  formExtensions,\n}: ConnectionsPageProps) {\n  const [creating, setCreating] = useState(false);\n  const queryClient = useQueryClient();\n  const client = useMemo(() => createOperationsApiClient({ baseUrl: apiBase }), [apiBase]);\n  const extensions = useMemo(() => connectionFormExtensions(formExtensions), [formExtensions]);\n  const renderConnectionLink = useCallback<ConnectionLinkRenderer>(\n    (connection, link) => (\n      <a\n        href={connectionHref(connection.id)}\n        className={link.className}\n        title={link.title}\n        onClick={(event) => {\n          if (!isPlainLeftClick(event)) return;\n          event.preventDefault();\n          onSelect(connection.id);\n        }}\n      >\n        {link.children}\n      </a>\n    ),\n    [connectionHref, onSelect],\n  );\n  const refresh = () =>\n    Promise.all([\n      queryClient.invalidateQueries({ queryKey: [CONNECTION_DASHBOARD_QUERY_KEY] }),\n      queryClient.invalidateQueries({ queryKey: [CONNECTION_DETAIL_QUERY_KEY] }),\n    ]);\n  const testAction: FormActionsRenderer = ({ value, canSubmit }) => (\n    <ConnectionTestButton apiBase={apiBase} value={value} canSubmit={canSubmit} />\n  );\n\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={() => setCreating(true)}>\n          Add Connection\n        </Button>\n      </div>\n      <ConnectionDashboardSurface apiBase={apiBase} renderConnectionLink={renderConnectionLink} />\n      {creating ? (\n        <ConnectionFormDialog\n          apiBase={apiBase}\n          client={client}\n          action={createConnectionAction}\n          title=\"Add Connection\"\n          submitLabel=\"Add Connection\"\n          extensions={extensions}\n          footerActions={testAction}\n          onClose={() => setCreating(false)}\n          onSaved={() => {\n            setCreating(false);\n            void refresh();\n          }}\n        />\n      ) : selected ? (\n        <ConnectionEditDialog\n          key={selected}\n          id={selected}\n          apiBase={apiBase}\n          client={client}\n          extensions={extensions}\n          testAction={testAction}\n          onClose={() => onSelect(undefined)}\n          onChanged={() => {\n            onSelect(undefined);\n            void refresh();\n          }}\n        />\n      ) : null}\n    </div>\n  );\n}\n\nfunction ConnectionEditDialog({\n  id,\n  apiBase,\n  client,\n  extensions,\n  testAction,\n  onClose,\n  onChanged,\n}: {\n  id: string;\n  apiBase: string;\n  client: OperationsApiClient;\n  extensions: Required<ConnectionFormExtensions>;\n  testAction: FormActionsRenderer;\n  onClose: () => void;\n  onChanged: () => void;\n}) {\n  const { confirm, dialog } = useConfirm();\n  const [deleting, setDeleting] = useState(false);\n  const [deleteError, setDeleteError] = useState(\"\");\n  const detail = useQuery({\n    queryKey: [CONNECTION_DETAIL_QUERY_KEY, apiBase, id],\n    queryFn: async () => {\n      const response = await client.executeCommand(\n        updateConnectionAction.path,\n        \"GET\",\n        { id },\n        { Accept: \"application/json\" },\n      );\n      if (!isPlainObject(response.parsed)) {\n        throw new Error(`GET ${apiBase}/connection/${id} did not return a connection object`);\n      }\n      return response.parsed;\n    },\n    retry: 0,\n  });\n\n  if (!detail.data) {\n    return (\n      <Modal open onClose={onClose} title=\"Edit connection\" size=\"2xl\">\n        {detail.isError ? (\n          <div className={ERROR_BOX}>{errorMessage(detail.error)}</div>\n        ) : (\n          <div className=\"text-sm text-muted-foreground\">Loading connection…</div>\n        )}\n      </Modal>\n    );\n  }\n\n  const connection = detail.data;\n  const name = typeof connection.name === \"string\" && connection.name ? connection.name : id;\n\n  async function remove() {\n    const confirmed = await confirm({\n      title: \"Delete connection?\",\n      message: `Delete connection \"${name}\"? This cannot be undone.`,\n      confirmLabel: \"Delete\",\n      variant: \"destructive\",\n    });\n    if (!confirmed) return;\n    setDeleting(true);\n    setDeleteError(\"\");\n    let failure = \"\";\n    try {\n      const response = await client.executeCommand(\n        updateConnectionAction.path,\n        \"DELETE\",\n        { id },\n        { Accept: \"application/json\" },\n      );\n      failure = response.error ?? \"\";\n    } catch (err) {\n      failure = errorMessage(err);\n    }\n    setDeleting(false);\n    if (failure) setDeleteError(failure);\n    else onChanged();\n  }\n\n  return (\n    <>\n      <ConnectionFormDialog\n        apiBase={apiBase}\n        client={client}\n        action={updateConnectionAction}\n        lockedValues={{ id }}\n        initialValue={connection}\n        title={`Edit ${name}`}\n        submitLabel=\"Save\"\n        extensions={extensions}\n        footerActions={(context) => (\n          <>\n            <Button\n              type=\"button\"\n              variant=\"destructive\"\n              className=\"mr-auto\"\n              disabled={deleting}\n              onClick={() => void remove()}\n            >\n              {deleting ? \"Deleting…\" : \"Delete\"}\n            </Button>\n            {testAction(context)}\n          </>\n        )}\n        notice={deleteError ? <div className={ERROR_BOX}>{deleteError}</div> : null}\n        onClose={onClose}\n        onSaved={onChanged}\n      />\n      {dialog}\n    </>\n  );\n}\n\nfunction ConnectionFormDialog({\n  apiBase,\n  client,\n  action,\n  lockedValues,\n  initialValue,\n  title,\n  submitLabel,\n  extensions,\n  footerActions,\n  notice,\n  onClose,\n  onSaved,\n}: {\n  apiBase: string;\n  client: OperationsApiClient;\n  action: ResolvedOperation;\n  lockedValues?: Record<string, string>;\n  initialValue?: Record<string, unknown>;\n  title: string;\n  submitLabel: string;\n  extensions: Required<ConnectionFormExtensions>;\n  footerActions: FormActionsRenderer;\n  notice?: ReactNode;\n  onClose: () => void;\n  onSaved: () => void;\n}) {\n  return (\n    <SchemaActionForm\n      client={client}\n      action={action}\n      submitLabel={submitLabel}\n      formPre={extensions.pre}\n      formPost={extensions.post}\n      footerActions={footerActions}\n      {...(lockedValues ? { lockedValues } : {})}\n      {...(initialValue ? { initialValue } : {})}\n      onSuccess={onSaved}\n      renderLayout={({ body, footer }) => (\n        <Modal open onClose={onClose} title={title} size=\"2xl\" footer={footer}>\n          <div className=\"space-y-4\">\n            {body}\n            {notice}\n          </div>\n        </Modal>\n      )}\n      fallback={\n        <div className={ERROR_BOX}>\n          {`GET ${apiBase}/connection served no connection JSON Schema (Accept: application/schema+json).`}\n        </div>\n      }\n    />\n  );\n}\n\nfunction errorMessage(err: unknown): string {\n  return err instanceof Error ? err.message : String(err);\n}\n"],"names":["useState","useQueryClient","useMemo","createOperationsApiClient","connectionFormExtensions","useCallback","jsx","isPlainLeftClick","CONNECTION_DASHBOARD_QUERY_KEY","ConnectionTestButton","jsxs","Button","ConnectionDashboardSurface","createConnectionAction","useConfirm","useQuery","updateConnectionAction","isPlainObject","Modal","Fragment","SchemaActionForm"],"mappings":"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"}

package/dist/connections/ConnectionsPage.d.ts

@@ -0,0 +1,23 @@
+import { ConnectionFormExtensions } from './connectionsPageModel.js';
+export type ConnectionsPageProps = {
+    /** Where the commons-db connections service is mounted, e.g. `/api/v1`. */
+    apiBase: string;
+    /** The connection whose edit dialog is open; the host keeps it in its route. */
+    selected?: string;
+    /** Called with a row's id when it is clicked, and with undefined to close the editor. */
+    onSelect: (id: string | undefined) => void;
+    /** The host route of a connection, so a row stays a real link (new tab, copy link). */
+    connectionHref: (id: string) => string;
+    /** Pickers the host adds to the connection form (e.g. namespace / secret selectors). */
+    formExtensions?: ConnectionFormExtensions;
+};
+/**
+ * ConnectionsPage is the connections screen for a host that does not run
+ * EntityExplorerApp: the namespace-laned dashboard, an "Add Connection" dialog
+ * over the schema the service serves on `GET {apiBase}/connection`, and — while
+ * `selected` names a connection — the same dialog editing it, with Delete. Both
+ * dialogs carry the Test / Resolve action, which works on the unsaved draft.
+ * Needs a react-query QueryClientProvider from the host.
+ */
+export declare function ConnectionsPage({ apiBase, selected, onSelect, connectionHref, formExtensions, }: ConnectionsPageProps): import("react").JSX.Element;
+//# sourceMappingURL=ConnectionsPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionsPage.d.ts","sourceRoot":"","sources":["../../src/connections/ConnectionsPage.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAKL,KAAK,wBAAwB,EAC9B,MAAM,wBAAwB,CAAC;AAMhC,MAAM,MAAM,oBAAoB,GAAG;IACjC,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yFAAyF;IACzF,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3C,uFAAuF;IACvF,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,wFAAwF;IACxF,cAAc,CAAC,EAAE,wBAAwB,CAAC;CAC3C,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,cAAc,GACf,EAAE,oBAAoB,+BAuEtB"}

package/dist/connections/ConnectionsPage.js

@@ -0,0 +1,219 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useQueryClient, useQuery } from "@tanstack/react-query";
+import { useState, useMemo, useCallback } from "react";
+import { Button } from "../components/button.js";
+import { isPlainObject } from "../lib/collections.js";
+import { Modal } from "../overlay/Modal.js";
+import { useConfirm } from "../overlay/useConfirm.js";
+import { createOperationsApiClient } from "../rpc/apiClient.js";
+import { SchemaActionForm } from "../rpc/SchemaActionForm.js";
+import { ConnectionDashboardSurface } from "./connectionDashboard.js";
+import { CONNECTION_DASHBOARD_QUERY_KEY } from "./connectionDashboardModel.js";
+import { ConnectionTestButton } from "./connectionTestButton.js";
+import { connectionFormExtensions, isPlainLeftClick, createConnectionAction, updateConnectionAction } from "./connectionsPageModel.js";
+const CONNECTION_DETAIL_QUERY_KEY = "connection-detail";
+const ERROR_BOX = "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive";
+function ConnectionsPage({
+  apiBase,
+  selected,
+  onSelect,
+  connectionHref,
+  formExtensions
+}) {
+  const [creating, setCreating] = useState(false);
+  const queryClient = useQueryClient();
+  const client = useMemo(() => createOperationsApiClient({ baseUrl: apiBase }), [apiBase]);
+  const extensions = useMemo(() => connectionFormExtensions(formExtensions), [formExtensions]);
+  const renderConnectionLink = useCallback(
+    (connection, link) => /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: connectionHref(connection.id),
+        className: link.className,
+        title: link.title,
+        onClick: (event) => {
+          if (!isPlainLeftClick(event)) return;
+          event.preventDefault();
+          onSelect(connection.id);
+        },
+        children: link.children
+      }
+    ),
+    [connectionHref, onSelect]
+  );
+  const refresh = () => Promise.all([
+    queryClient.invalidateQueries({ queryKey: [CONNECTION_DASHBOARD_QUERY_KEY] }),
+    queryClient.invalidateQueries({ queryKey: [CONNECTION_DETAIL_QUERY_KEY] })
+  ]);
+  const testAction = ({ value, canSubmit }) => /* @__PURE__ */ jsx(ConnectionTestButton, { apiBase, value, canSubmit });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setCreating(true), children: "Add Connection" }) }),
+    /* @__PURE__ */ jsx(ConnectionDashboardSurface, { apiBase, renderConnectionLink }),
+    creating ? /* @__PURE__ */ jsx(
+      ConnectionFormDialog,
+      {
+        apiBase,
+        client,
+        action: createConnectionAction,
+        title: "Add Connection",
+        submitLabel: "Add Connection",
+        extensions,
+        footerActions: testAction,
+        onClose: () => setCreating(false),
+        onSaved: () => {
+          setCreating(false);
+          void refresh();
+        }
+      }
+    ) : selected ? /* @__PURE__ */ jsx(
+      ConnectionEditDialog,
+      {
+        id: selected,
+        apiBase,
+        client,
+        extensions,
+        testAction,
+        onClose: () => onSelect(void 0),
+        onChanged: () => {
+          onSelect(void 0);
+          void refresh();
+        }
+      },
+      selected
+    ) : null
+  ] });
+}
+function ConnectionEditDialog({
+  id,
+  apiBase,
+  client,
+  extensions,
+  testAction,
+  onClose,
+  onChanged
+}) {
+  const { confirm, dialog } = useConfirm();
+  const [deleting, setDeleting] = useState(false);
+  const [deleteError, setDeleteError] = useState("");
+  const detail = useQuery({
+    queryKey: [CONNECTION_DETAIL_QUERY_KEY, apiBase, id],
+    queryFn: async () => {
+      const response = await client.executeCommand(
+        updateConnectionAction.path,
+        "GET",
+        { id },
+        { Accept: "application/json" }
+      );
+      if (!isPlainObject(response.parsed)) {
+        throw new Error(`GET ${apiBase}/connection/${id} did not return a connection object`);
+      }
+      return response.parsed;
+    },
+    retry: 0
+  });
+  if (!detail.data) {
+    return /* @__PURE__ */ jsx(Modal, { open: true, onClose, title: "Edit connection", size: "2xl", children: detail.isError ? /* @__PURE__ */ jsx("div", { className: ERROR_BOX, children: errorMessage(detail.error) }) : /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading connection…" }) });
+  }
+  const connection = detail.data;
+  const name = typeof connection.name === "string" && connection.name ? connection.name : id;
+  async function remove() {
+    const confirmed = await confirm({
+      title: "Delete connection?",
+      message: `Delete connection "${name}"? This cannot be undone.`,
+      confirmLabel: "Delete",
+      variant: "destructive"
+    });
+    if (!confirmed) return;
+    setDeleting(true);
+    setDeleteError("");
+    let failure = "";
+    try {
+      const response = await client.executeCommand(
+        updateConnectionAction.path,
+        "DELETE",
+        { id },
+        { Accept: "application/json" }
+      );
+      failure = response.error ?? "";
+    } catch (err) {
+      failure = errorMessage(err);
+    }
+    setDeleting(false);
+    if (failure) setDeleteError(failure);
+    else onChanged();
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ConnectionFormDialog,
+      {
+        apiBase,
+        client,
+        action: updateConnectionAction,
+        lockedValues: { id },
+        initialValue: connection,
+        title: `Edit ${name}`,
+        submitLabel: "Save",
+        extensions,
+        footerActions: (context) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "destructive",
+              className: "mr-auto",
+              disabled: deleting,
+              onClick: () => void remove(),
+              children: deleting ? "Deleting…" : "Delete"
+            }
+          ),
+          testAction(context)
+        ] }),
+        notice: deleteError ? /* @__PURE__ */ jsx("div", { className: ERROR_BOX, children: deleteError }) : null,
+        onClose,
+        onSaved: onChanged
+      }
+    ),
+    dialog
+  ] });
+}
+function ConnectionFormDialog({
+  apiBase,
+  client,
+  action,
+  lockedValues,
+  initialValue,
+  title,
+  submitLabel,
+  extensions,
+  footerActions,
+  notice,
+  onClose,
+  onSaved
+}) {
+  return /* @__PURE__ */ jsx(
+    SchemaActionForm,
+    {
+      client,
+      action,
+      submitLabel,
+      formPre: extensions.pre,
+      formPost: extensions.post,
+      footerActions,
+      ...lockedValues ? { lockedValues } : {},
+      ...initialValue ? { initialValue } : {},
+      onSuccess: onSaved,
+      renderLayout: ({ body, footer }) => /* @__PURE__ */ jsx(Modal, { open: true, onClose, title, size: "2xl", footer, children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        body,
+        notice
+      ] }) }),
+      fallback: /* @__PURE__ */ jsx("div", { className: ERROR_BOX, children: `GET ${apiBase}/connection served no connection JSON Schema (Accept: application/schema+json).` })
+    }
+  );
+}
+function errorMessage(err) {
+  return err instanceof Error ? err.message : String(err);
+}
+export {
+  ConnectionsPage
+};
+//# sourceMappingURL=ConnectionsPage.js.map

package/dist/connections/ConnectionsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionsPage.js","sources":["../../src/connections/ConnectionsPage.tsx"],"sourcesContent":["import { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { useCallback, useMemo, useState, type ReactNode } from \"react\";\nimport { Button } from \"../components/button\";\nimport { isPlainObject } from \"../lib/collections\";\nimport { Modal } from \"../overlay/Modal\";\nimport { useConfirm } from \"../overlay/useConfirm\";\nimport { createOperationsApiClient } from \"../rpc/apiClient\";\nimport { SchemaActionForm, type FormActionsRenderer } from \"../rpc/SchemaActionForm\";\nimport type { ResolvedOperation } from \"../rpc/types\";\nimport type { OperationsApiClient } from \"../rpc/useOperations\";\nimport { ConnectionDashboardSurface } from \"./connectionDashboard\";\nimport {\n  CONNECTION_DASHBOARD_QUERY_KEY,\n  type ConnectionLinkRenderer,\n} from \"./connectionDashboardModel\";\nimport { ConnectionTestButton } from \"./connectionTestButton\";\nimport {\n  connectionFormExtensions,\n  createConnectionAction,\n  isPlainLeftClick,\n  updateConnectionAction,\n  type ConnectionFormExtensions,\n} from \"./connectionsPageModel\";\n\nconst CONNECTION_DETAIL_QUERY_KEY = \"connection-detail\";\nconst ERROR_BOX =\n  \"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\";\n\nexport type ConnectionsPageProps = {\n  /** Where the commons-db connections service is mounted, e.g. `/api/v1`. */\n  apiBase: string;\n  /** The connection whose edit dialog is open; the host keeps it in its route. */\n  selected?: string;\n  /** Called with a row's id when it is clicked, and with undefined to close the editor. */\n  onSelect: (id: string | undefined) => void;\n  /** The host route of a connection, so a row stays a real link (new tab, copy link). */\n  connectionHref: (id: string) => string;\n  /** Pickers the host adds to the connection form (e.g. namespace / secret selectors). */\n  formExtensions?: ConnectionFormExtensions;\n};\n\n/**\n * ConnectionsPage is the connections screen for a host that does not run\n * EntityExplorerApp: the namespace-laned dashboard, an \"Add Connection\" dialog\n * over the schema the service serves on `GET {apiBase}/connection`, and — while\n * `selected` names a connection — the same dialog editing it, with Delete. Both\n * dialogs carry the Test / Resolve action, which works on the unsaved draft.\n * Needs a react-query QueryClientProvider from the host.\n */\nexport function ConnectionsPage({\n  apiBase,\n  selected,\n  onSelect,\n  connectionHref,\n  formExtensions,\n}: ConnectionsPageProps) {\n  const [creating, setCreating] = useState(false);\n  const queryClient = useQueryClient();\n  const client = useMemo(() => createOperationsApiClient({ baseUrl: apiBase }), [apiBase]);\n  const extensions = useMemo(() => connectionFormExtensions(formExtensions), [formExtensions]);\n  const renderConnectionLink = useCallback<ConnectionLinkRenderer>(\n    (connection, link) => (\n      <a\n        href={connectionHref(connection.id)}\n        className={link.className}\n        title={link.title}\n        onClick={(event) => {\n          if (!isPlainLeftClick(event)) return;\n          event.preventDefault();\n          onSelect(connection.id);\n        }}\n      >\n        {link.children}\n      </a>\n    ),\n    [connectionHref, onSelect],\n  );\n  const refresh = () =>\n    Promise.all([\n      queryClient.invalidateQueries({ queryKey: [CONNECTION_DASHBOARD_QUERY_KEY] }),\n      queryClient.invalidateQueries({ queryKey: [CONNECTION_DETAIL_QUERY_KEY] }),\n    ]);\n  const testAction: FormActionsRenderer = ({ value, canSubmit }) => (\n    <ConnectionTestButton apiBase={apiBase} value={value} canSubmit={canSubmit} />\n  );\n\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={() => setCreating(true)}>\n          Add Connection\n        </Button>\n      </div>\n      <ConnectionDashboardSurface apiBase={apiBase} renderConnectionLink={renderConnectionLink} />\n      {creating ? (\n        <ConnectionFormDialog\n          apiBase={apiBase}\n          client={client}\n          action={createConnectionAction}\n          title=\"Add Connection\"\n          submitLabel=\"Add Connection\"\n          extensions={extensions}\n          footerActions={testAction}\n          onClose={() => setCreating(false)}\n          onSaved={() => {\n            setCreating(false);\n            void refresh();\n          }}\n        />\n      ) : selected ? (\n        <ConnectionEditDialog\n          key={selected}\n          id={selected}\n          apiBase={apiBase}\n          client={client}\n          extensions={extensions}\n          testAction={testAction}\n          onClose={() => onSelect(undefined)}\n          onChanged={() => {\n            onSelect(undefined);\n            void refresh();\n          }}\n        />\n      ) : null}\n    </div>\n  );\n}\n\nfunction ConnectionEditDialog({\n  id,\n  apiBase,\n  client,\n  extensions,\n  testAction,\n  onClose,\n  onChanged,\n}: {\n  id: string;\n  apiBase: string;\n  client: OperationsApiClient;\n  extensions: Required<ConnectionFormExtensions>;\n  testAction: FormActionsRenderer;\n  onClose: () => void;\n  onChanged: () => void;\n}) {\n  const { confirm, dialog } = useConfirm();\n  const [deleting, setDeleting] = useState(false);\n  const [deleteError, setDeleteError] = useState(\"\");\n  const detail = useQuery({\n    queryKey: [CONNECTION_DETAIL_QUERY_KEY, apiBase, id],\n    queryFn: async () => {\n      const response = await client.executeCommand(\n        updateConnectionAction.path,\n        \"GET\",\n        { id },\n        { Accept: \"application/json\" },\n      );\n      if (!isPlainObject(response.parsed)) {\n        throw new Error(`GET ${apiBase}/connection/${id} did not return a connection object`);\n      }\n      return response.parsed;\n    },\n    retry: 0,\n  });\n\n  if (!detail.data) {\n    return (\n      <Modal open onClose={onClose} title=\"Edit connection\" size=\"2xl\">\n        {detail.isError ? (\n          <div className={ERROR_BOX}>{errorMessage(detail.error)}</div>\n        ) : (\n          <div className=\"text-sm text-muted-foreground\">Loading connection…</div>\n        )}\n      </Modal>\n    );\n  }\n\n  const connection = detail.data;\n  const name = typeof connection.name === \"string\" && connection.name ? connection.name : id;\n\n  async function remove() {\n    const confirmed = await confirm({\n      title: \"Delete connection?\",\n      message: `Delete connection \"${name}\"? This cannot be undone.`,\n      confirmLabel: \"Delete\",\n      variant: \"destructive\",\n    });\n    if (!confirmed) return;\n    setDeleting(true);\n    setDeleteError(\"\");\n    let failure = \"\";\n    try {\n      const response = await client.executeCommand(\n        updateConnectionAction.path,\n        \"DELETE\",\n        { id },\n        { Accept: \"application/json\" },\n      );\n      failure = response.error ?? \"\";\n    } catch (err) {\n      failure = errorMessage(err);\n    }\n    setDeleting(false);\n    if (failure) setDeleteError(failure);\n    else onChanged();\n  }\n\n  return (\n    <>\n      <ConnectionFormDialog\n        apiBase={apiBase}\n        client={client}\n        action={updateConnectionAction}\n        lockedValues={{ id }}\n        initialValue={connection}\n        title={`Edit ${name}`}\n        submitLabel=\"Save\"\n        extensions={extensions}\n        footerActions={(context) => (\n          <>\n            <Button\n              type=\"button\"\n              variant=\"destructive\"\n              className=\"mr-auto\"\n              disabled={deleting}\n              onClick={() => void remove()}\n            >\n              {deleting ? \"Deleting…\" : \"Delete\"}\n            </Button>\n            {testAction(context)}\n          </>\n        )}\n        notice={deleteError ? <div className={ERROR_BOX}>{deleteError}</div> : null}\n        onClose={onClose}\n        onSaved={onChanged}\n      />\n      {dialog}\n    </>\n  );\n}\n\nfunction ConnectionFormDialog({\n  apiBase,\n  client,\n  action,\n  lockedValues,\n  initialValue,\n  title,\n  submitLabel,\n  extensions,\n  footerActions,\n  notice,\n  onClose,\n  onSaved,\n}: {\n  apiBase: string;\n  client: OperationsApiClient;\n  action: ResolvedOperation;\n  lockedValues?: Record<string, string>;\n  initialValue?: Record<string, unknown>;\n  title: string;\n  submitLabel: string;\n  extensions: Required<ConnectionFormExtensions>;\n  footerActions: FormActionsRenderer;\n  notice?: ReactNode;\n  onClose: () => void;\n  onSaved: () => void;\n}) {\n  return (\n    <SchemaActionForm\n      client={client}\n      action={action}\n      submitLabel={submitLabel}\n      formPre={extensions.pre}\n      formPost={extensions.post}\n      footerActions={footerActions}\n      {...(lockedValues ? { lockedValues } : {})}\n      {...(initialValue ? { initialValue } : {})}\n      onSuccess={onSaved}\n      renderLayout={({ body, footer }) => (\n        <Modal open onClose={onClose} title={title} size=\"2xl\" footer={footer}>\n          <div className=\"space-y-4\">\n            {body}\n            {notice}\n          </div>\n        </Modal>\n      )}\n      fallback={\n        <div className={ERROR_BOX}>\n          {`GET ${apiBase}/connection served no connection JSON Schema (Accept: application/schema+json).`}\n        </div>\n      }\n    />\n  );\n}\n\nfunction errorMessage(err: unknown): string {\n  return err instanceof Error ? err.message : String(err);\n}\n"],"names":[],"mappings":"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"}

package/dist/connections/connectionActionStatus.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const HoverCard = require("../overlay/HoverCard.cjs");
+const connectionActionTypes = require("./connectionActionTypes.cjs");
+const connectionErrorView = require("./connectionErrorView.cjs");
+const connectionResolveView = require("./connectionResolveView.cjs");
+const connectionTestView = require("./connectionTestView.cjs");
+const UiWarningCircle = require("../icons/components/UiWarningCircle.cjs");
+const UiCheck = require("../icons/components/UiCheck.cjs");
+function ConnectionActionStatus({ outcome }) {
+  const failed = "error" in outcome || outcome.action === "test" && !outcome.result.ok;
+  const label = failed ? "Failed" : outcome.action === "test" ? "Reachable" : "Resolved";
+  const detail = "error" in outcome ? /* @__PURE__ */ jsxRuntime.jsx(connectionErrorView.ConnectionErrorView, { message: outcome.error }) : outcome.action === "test" ? /* @__PURE__ */ jsxRuntime.jsx(connectionTestView.ConnectionTestView, { result: outcome.result }) : /* @__PURE__ */ jsxRuntime.jsx(connectionResolveView.ConnectionResolveView, { resolved: outcome.resolved });
+  const trigger = /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      className: failed ? "inline-flex items-center gap-1.5 text-sm font-medium text-destructive" : "inline-flex items-center gap-1.5 text-sm font-medium text-emerald-600",
+      "aria-label": `${label} in ${connectionActionTypes.formatDuration(outcome.elapsedMs)}; show details`,
+      children: [
+        failed ? /* @__PURE__ */ jsxRuntime.jsx(UiWarningCircle.UiWarningCircleFilled, { size: 16, className: "text-destructive" }) : /* @__PURE__ */ jsxRuntime.jsx(UiCheck.UiCheckFilled, { size: 16, className: "text-emerald-600" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-normal text-muted-foreground", children: [
+          "· ",
+          connectionActionTypes.formatDuration(outcome.elapsedMs)
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    HoverCard.HoverCard,
+    {
+      trigger,
+      placement: "top",
+      delay: 120,
+      cardClassName: "w-96 whitespace-normal p-3 text-sm",
+      children: detail
+    }
+  );
+}
+exports.ConnectionActionStatus = ConnectionActionStatus;
+//# sourceMappingURL=connectionActionStatus.cjs.map

package/dist/connections/connectionActionStatus.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionActionStatus.cjs","sources":["../../src/connections/connectionActionStatus.tsx"],"sourcesContent":["import { UiCheckFilled, UiWarningCircleFilled } from \"../icons\";\nimport { HoverCard } from \"../overlay/HoverCard\";\nimport { formatDuration, type ActionOutcome } from \"./connectionActionTypes\";\nimport { ConnectionErrorView } from \"./connectionErrorView\";\nimport { ConnectionResolveView } from \"./connectionResolveView\";\nimport { ConnectionTestView } from \"./connectionTestView\";\n\nexport function ConnectionActionStatus({ outcome }: { outcome: ActionOutcome }) {\n  const failed = \"error\" in outcome || (outcome.action === \"test\" && !outcome.result.ok);\n  const label = failed ? \"Failed\" : outcome.action === \"test\" ? \"Reachable\" : \"Resolved\";\n  const detail =\n    \"error\" in outcome ? (\n      <ConnectionErrorView message={outcome.error} />\n    ) : outcome.action === \"test\" ? (\n      <ConnectionTestView result={outcome.result} />\n    ) : (\n      <ConnectionResolveView resolved={outcome.resolved} />\n    );\n  const trigger = (\n    <button\n      type=\"button\"\n      className={\n        failed\n          ? \"inline-flex items-center gap-1.5 text-sm font-medium text-destructive\"\n          : \"inline-flex items-center gap-1.5 text-sm font-medium text-emerald-600\"\n      }\n      aria-label={`${label} in ${formatDuration(outcome.elapsedMs)}; show details`}\n    >\n      {failed ? (\n        <UiWarningCircleFilled size={16} className=\"text-destructive\" />\n      ) : (\n        <UiCheckFilled size={16} className=\"text-emerald-600\" />\n      )}\n      <span>{label}</span>\n      <span className=\"font-normal text-muted-foreground\">· {formatDuration(outcome.elapsedMs)}</span>\n    </button>\n  );\n\n  return (\n    <HoverCard\n      trigger={trigger}\n      placement=\"top\"\n      delay={120}\n      cardClassName=\"w-96 whitespace-normal p-3 text-sm\"\n    >\n      {detail}\n    </HoverCard>\n  );\n}\n"],"names":["jsx","ConnectionErrorView","ConnectionTestView","ConnectionResolveView","jsxs","formatDuration","UiWarningCircleFilled","UiCheckFilled","HoverCard"],"mappings":";;;;;;;;;;AAOO,SAAS,uBAAuB,EAAE,WAAuC;AAC9E,QAAM,SAAS,WAAW,WAAY,QAAQ,WAAW,UAAU,CAAC,QAAQ,OAAO;AACnF,QAAM,QAAQ,SAAS,WAAW,QAAQ,WAAW,SAAS,cAAc;AAC5E,QAAM,SACJ,WAAW,UACTA,2BAAAA,IAACC,oBAAAA,uBAAoB,SAAS,QAAQ,MAAA,CAAO,IAC3C,QAAQ,WAAW,SACrBD,2BAAAA,IAACE,uCAAA,EAAmB,QAAQ,QAAQ,OAAA,CAAQ,IAE5CF,2BAAAA,IAACG,sBAAAA,uBAAA,EAAsB,UAAU,QAAQ,SAAA,CAAU;AAEvD,QAAM,UACJC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WACE,SACI,0EACA;AAAA,MAEN,cAAY,GAAG,KAAK,OAAOC,sBAAAA,eAAe,QAAQ,SAAS,CAAC;AAAA,MAE3D,UAAA;AAAA,QAAA,SACCL,2BAAAA,IAACM,gBAAAA,uBAAA,EAAsB,MAAM,IAAI,WAAU,mBAAA,CAAmB,IAE9DN,2BAAAA,IAACO,QAAAA,eAAA,EAAc,MAAM,IAAI,WAAU,oBAAmB;AAAA,QAExDP,2BAAAA,IAAC,UAAM,UAAA,MAAA,CAAM;AAAA,QACbI,2BAAAA,KAAC,QAAA,EAAK,WAAU,qCAAoC,UAAA;AAAA,UAAA;AAAA,UAAGC,sBAAAA,eAAe,QAAQ,SAAS;AAAA,QAAA,EAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI7F,SACEL,2BAAAA;AAAAA,IAACQ,UAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MACV,OAAO;AAAA,MACP,eAAc;AAAA,MAEb,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/dist/connections/connectionActionStatus.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"connectionActionStatus.d.ts","sourceRoot":"","sources":["../../src/connections/connectionActionStatus.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAK7E,wBAAgB,sBAAsB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,+BAyC7E"}

package/dist/connections/connectionActionStatus.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HoverCard } from "../overlay/HoverCard.js";
+import { formatDuration } from "./connectionActionTypes.js";
+import { ConnectionErrorView } from "./connectionErrorView.js";
+import { ConnectionResolveView } from "./connectionResolveView.js";
+import { ConnectionTestView } from "./connectionTestView.js";
+import { UiWarningCircleFilled } from "../icons/components/UiWarningCircle.js";
+import { UiCheckFilled } from "../icons/components/UiCheck.js";
+function ConnectionActionStatus({ outcome }) {
+  const failed = "error" in outcome || outcome.action === "test" && !outcome.result.ok;
+  const label = failed ? "Failed" : outcome.action === "test" ? "Reachable" : "Resolved";
+  const detail = "error" in outcome ? /* @__PURE__ */ jsx(ConnectionErrorView, { message: outcome.error }) : outcome.action === "test" ? /* @__PURE__ */ jsx(ConnectionTestView, { result: outcome.result }) : /* @__PURE__ */ jsx(ConnectionResolveView, { resolved: outcome.resolved });
+  const trigger = /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: failed ? "inline-flex items-center gap-1.5 text-sm font-medium text-destructive" : "inline-flex items-center gap-1.5 text-sm font-medium text-emerald-600",
+      "aria-label": `${label} in ${formatDuration(outcome.elapsedMs)}; show details`,
+      children: [
+        failed ? /* @__PURE__ */ jsx(UiWarningCircleFilled, { size: 16, className: "text-destructive" }) : /* @__PURE__ */ jsx(UiCheckFilled, { size: 16, className: "text-emerald-600" }),
+        /* @__PURE__ */ jsx("span", { children: label }),
+        /* @__PURE__ */ jsxs("span", { className: "font-normal text-muted-foreground", children: [
+          "· ",
+          formatDuration(outcome.elapsedMs)
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    HoverCard,
+    {
+      trigger,
+      placement: "top",
+      delay: 120,
+      cardClassName: "w-96 whitespace-normal p-3 text-sm",
+      children: detail
+    }
+  );
+}
+export {
+  ConnectionActionStatus
+};
+//# sourceMappingURL=connectionActionStatus.js.map

package/dist/connections/connectionActionStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectionActionStatus.js","sources":["../../src/connections/connectionActionStatus.tsx"],"sourcesContent":["import { UiCheckFilled, UiWarningCircleFilled } from \"../icons\";\nimport { HoverCard } from \"../overlay/HoverCard\";\nimport { formatDuration, type ActionOutcome } from \"./connectionActionTypes\";\nimport { ConnectionErrorView } from \"./connectionErrorView\";\nimport { ConnectionResolveView } from \"./connectionResolveView\";\nimport { ConnectionTestView } from \"./connectionTestView\";\n\nexport function ConnectionActionStatus({ outcome }: { outcome: ActionOutcome }) {\n  const failed = \"error\" in outcome || (outcome.action === \"test\" && !outcome.result.ok);\n  const label = failed ? \"Failed\" : outcome.action === \"test\" ? \"Reachable\" : \"Resolved\";\n  const detail =\n    \"error\" in outcome ? (\n      <ConnectionErrorView message={outcome.error} />\n    ) : outcome.action === \"test\" ? (\n      <ConnectionTestView result={outcome.result} />\n    ) : (\n      <ConnectionResolveView resolved={outcome.resolved} />\n    );\n  const trigger = (\n    <button\n      type=\"button\"\n      className={\n        failed\n          ? \"inline-flex items-center gap-1.5 text-sm font-medium text-destructive\"\n          : \"inline-flex items-center gap-1.5 text-sm font-medium text-emerald-600\"\n      }\n      aria-label={`${label} in ${formatDuration(outcome.elapsedMs)}; show details`}\n    >\n      {failed ? (\n        <UiWarningCircleFilled size={16} className=\"text-destructive\" />\n      ) : (\n        <UiCheckFilled size={16} className=\"text-emerald-600\" />\n      )}\n      <span>{label}</span>\n      <span className=\"font-normal text-muted-foreground\">· {formatDuration(outcome.elapsedMs)}</span>\n    </button>\n  );\n\n  return (\n    <HoverCard\n      trigger={trigger}\n      placement=\"top\"\n      delay={120}\n      cardClassName=\"w-96 whitespace-normal p-3 text-sm\"\n    >\n      {detail}\n    </HoverCard>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAOO,SAAS,uBAAuB,EAAE,WAAuC;AAC9E,QAAM,SAAS,WAAW,WAAY,QAAQ,WAAW,UAAU,CAAC,QAAQ,OAAO;AACnF,QAAM,QAAQ,SAAS,WAAW,QAAQ,WAAW,SAAS,cAAc;AAC5E,QAAM,SACJ,WAAW,UACT,oBAAC,uBAAoB,SAAS,QAAQ,MAAA,CAAO,IAC3C,QAAQ,WAAW,SACrB,oBAAC,oBAAA,EAAmB,QAAQ,QAAQ,OAAA,CAAQ,IAE5C,oBAAC,uBAAA,EAAsB,UAAU,QAAQ,SAAA,CAAU;AAEvD,QAAM,UACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WACE,SACI,0EACA;AAAA,MAEN,cAAY,GAAG,KAAK,OAAO,eAAe,QAAQ,SAAS,CAAC;AAAA,MAE3D,UAAA;AAAA,QAAA,SACC,oBAAC,uBAAA,EAAsB,MAAM,IAAI,WAAU,mBAAA,CAAmB,IAE9D,oBAAC,eAAA,EAAc,MAAM,IAAI,WAAU,oBAAmB;AAAA,QAExD,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,QACb,qBAAC,QAAA,EAAK,WAAU,qCAAoC,UAAA;AAAA,UAAA;AAAA,UAAG,eAAe,QAAQ,SAAS;AAAA,QAAA,EAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI7F,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MACV,OAAO;AAAA,MACP,eAAc;AAAA,MAEb,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}