@contractspec/example.integration-hub 3.8.9 → 3.8.10

package/dist/ui/tables/ConnectionsTable.js

@@ -1,212 +1,2 @@
 // @bun
-// src/ui/tables/integration-table.shared.tsx
-import { Button } from "@contractspec/lib.design-system";
-import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
-import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-var STATUS_VARIANTS = {
-  ACTIVE: "default",
-  CONNECTED: "default",
-  SUCCESS: "default",
-  PENDING: "secondary",
-  PAUSED: "secondary",
-  ERROR: "destructive",
-  DISCONNECTED: "outline"
-};
-function formatDateTime(value) {
-  return value ? value.toLocaleString() : "Never";
-}
-function formatJson(value) {
-  return value ? JSON.stringify(value, null, 2) : "No configuration";
-}
-function StatusBadge({ status }) {
-  return /* @__PURE__ */ jsxDEV(Badge, {
-    variant: STATUS_VARIANTS[status] ?? "outline",
-    children: status
-  }, undefined, false, undefined, this);
-}
-function IntegrationTableToolbar({
-  controller,
-  label,
-  toggleColumnId,
-  toggleVisibleLabel,
-  toggleHiddenLabel,
-  pinColumnId,
-  pinLabel,
-  resizeColumnId,
-  resizeLabel
-}) {
-  const firstRow = controller.rows[0];
-  const toggleColumn = controller.columns.find((column) => column.id === toggleColumnId);
-  const pinColumn = controller.columns.find((column) => column.id === pinColumnId);
-  const resizeColumn = controller.columns.find((column) => column.id === resizeColumnId);
-  const pinTarget = pinColumn?.pinState === "left" ? false : "left";
-  return /* @__PURE__ */ jsxDEV(HStack, {
-    gap: "sm",
-    className: "flex-wrap",
-    children: [
-      /* @__PURE__ */ jsxDEV(Badge, {
-        variant: "outline",
-        children: label
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Button, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => firstRow?.toggleExpanded?.(!firstRow?.isExpanded),
-        children: "Expand First Row"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Button, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => toggleColumn?.toggleVisibility?.(!toggleColumn?.visible),
-        children: toggleColumn?.visible ? toggleVisibleLabel : toggleHiddenLabel
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Button, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => pinColumn?.pin?.(pinTarget),
-        children: pinColumn?.pinState === "left" ? `Unpin ${pinLabel}` : `Pin ${pinLabel}`
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Button, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => resizeColumn?.resizeBy?.(40),
-        children: resizeLabel
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/ui/tables/ConnectionsTable.tsx
-import { DataTable } from "@contractspec/lib.design-system";
-import { useContractTable } from "@contractspec/lib.presentation-runtime-react";
-import { VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Text } from "@contractspec/lib.ui-kit-web/ui/text";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-function ConnectionsTable({
-  connections
-}) {
-  const controller = useContractTable({
-    data: connections,
-    columns: [
-      {
-        id: "connection",
-        header: "Connection",
-        label: "Connection",
-        accessor: (connection) => connection.name,
-        cell: ({ item }) => /* @__PURE__ */ jsxDEV2(VStack, {
-          gap: "xs",
-          children: [
-            /* @__PURE__ */ jsxDEV2(Text, {
-              className: "font-medium text-sm",
-              children: item.name
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV2(Text, {
-              className: "text-muted-foreground text-xs",
-              children: [
-                "Created ",
-                item.createdAt.toLocaleDateString()
-              ]
-            }, undefined, true, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        size: 240,
-        minSize: 180,
-        canSort: true,
-        canPin: true,
-        canResize: true
-      },
-      {
-        id: "status",
-        header: "Status",
-        label: "Status",
-        accessorKey: "status",
-        cell: ({ value }) => /* @__PURE__ */ jsxDEV2(StatusBadge, {
-          status: String(value)
-        }, undefined, false, undefined, this),
-        size: 150,
-        canSort: true,
-        canPin: true,
-        canResize: true
-      },
-      {
-        id: "lastSyncAt",
-        header: "Last Sync",
-        label: "Last Sync",
-        accessor: (connection) => connection.lastSyncAt?.getTime() ?? 0,
-        cell: ({ item }) => formatDateTime(item.lastSyncAt),
-        size: 200,
-        canSort: true,
-        canHide: true,
-        canResize: true
-      },
-      {
-        id: "errorMessage",
-        header: "Errors",
-        label: "Errors",
-        accessor: (connection) => connection.errorMessage ?? "",
-        cell: ({ value }) => String(value || "No errors"),
-        size: 240,
-        canHide: true,
-        canResize: true
-      }
-    ],
-    initialState: {
-      pagination: { pageIndex: 0, pageSize: 3 },
-      columnVisibility: { errorMessage: false },
-      columnPinning: { left: ["connection"], right: [] }
-    },
-    renderExpandedContent: (connection) => /* @__PURE__ */ jsxDEV2(VStack, {
-      gap: "sm",
-      className: "py-2",
-      children: [
-        /* @__PURE__ */ jsxDEV2(Text, {
-          className: "font-medium text-sm",
-          children: "Credentials"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV2("pre", {
-          className: "overflow-auto rounded-md bg-muted/40 p-3 text-xs",
-          children: formatJson(connection.credentials)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV2(Text, {
-          className: "font-medium text-sm",
-          children: "Config"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV2("pre", {
-          className: "overflow-auto rounded-md bg-muted/40 p-3 text-xs",
-          children: formatJson(connection.config)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV2(Text, {
-          className: "text-muted-foreground text-sm",
-          children: connection.errorMessage ?? "No sync errors recorded."
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this),
-    getCanExpand: () => true
-  });
-  return /* @__PURE__ */ jsxDEV2(DataTable, {
-    controller,
-    title: "Connections",
-    description: "Client-mode ContractSpec table with visibility, pinning, resizing, and expanded diagnostics.",
-    toolbar: /* @__PURE__ */ jsxDEV2(IntegrationTableToolbar, {
-      controller,
-      label: `${connections.length} total connections`,
-      toggleColumnId: "errorMessage",
-      toggleVisibleLabel: "Hide Error Column",
-      toggleHiddenLabel: "Show Error Column",
-      pinColumnId: "status",
-      pinLabel: "Status",
-      resizeColumnId: "connection",
-      resizeLabel: "Widen Connection"
-    }, undefined, false, undefined, this),
-    emptyState: /* @__PURE__ */ jsxDEV2("div", {
-      className: "rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",
-      children: "No connections found"
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-export {
-  ConnectionsTable
-};
+import{Button as O}from"@contractspec/lib.design-system";import{Badge as $}from"@contractspec/lib.ui-kit-web/ui/badge";import{HStack as z}from"@contractspec/lib.ui-kit-web/ui/stack";import{jsx as F,jsxs as k}from"react/jsx-runtime";var V={ACTIVE:"default",CONNECTED:"default",SUCCESS:"default",PENDING:"secondary",PAUSED:"secondary",ERROR:"destructive",DISCONNECTED:"outline"};function h(y){return y?y.toLocaleString():"Never"}function W(y){return y?JSON.stringify(y,null,2):"No configuration"}function N({status:y}){return F($,{variant:V[y]??"outline",children:y})}function U({controller:y,label:M,toggleColumnId:q,toggleVisibleLabel:D,toggleHiddenLabel:J,pinColumnId:A,pinLabel:Y,resizeColumnId:H,resizeLabel:R}){let Z=y.rows[0],P=y.columns.find((G)=>G.id===q),Q=y.columns.find((G)=>G.id===A),w=y.columns.find((G)=>G.id===H),f=Q?.pinState==="left"?!1:"left";return k(z,{gap:"sm",className:"flex-wrap",children:[F($,{variant:"outline",children:M}),F(O,{variant:"outline",size:"sm",onPress:()=>Z?.toggleExpanded?.(!Z?.isExpanded),children:"Expand First Row"}),F(O,{variant:"outline",size:"sm",onPress:()=>P?.toggleVisibility?.(!P?.visible),children:P?.visible?D:J}),F(O,{variant:"outline",size:"sm",onPress:()=>Q?.pin?.(f),children:Q?.pinState==="left"?`Unpin ${Y}`:`Pin ${Y}`}),F(O,{variant:"outline",size:"sm",onPress:()=>w?.resizeBy?.(40),children:R})]})}import{DataTable as B}from"@contractspec/lib.design-system";import{useContractTable as S}from"@contractspec/lib.presentation-runtime-react";import{VStack as _}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as K}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as E,jsxs as X}from"react/jsx-runtime";function x({connections:y}){let M=S({data:y,columns:[{id:"connection",header:"Connection",label:"Connection",accessor:(q)=>q.name,cell:({item:q})=>X(_,{gap:"xs",children:[E(K,{className:"font-medium text-sm",children:q.name}),X(K,{className:"text-muted-foreground text-xs",children:["Created ",q.createdAt.toLocaleDateString()]})]}),size:240,minSize:180,canSort:!0,canPin:!0,canResize:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:q})=>E(N,{status:String(q)}),size:150,canSort:!0,canPin:!0,canResize:!0},{id:"lastSyncAt",header:"Last Sync",label:"Last Sync",accessor:(q)=>q.lastSyncAt?.getTime()??0,cell:({item:q})=>h(q.lastSyncAt),size:200,canSort:!0,canHide:!0,canResize:!0},{id:"errorMessage",header:"Errors",label:"Errors",accessor:(q)=>q.errorMessage??"",cell:({value:q})=>String(q||"No errors"),size:240,canHide:!0,canResize:!0}],initialState:{pagination:{pageIndex:0,pageSize:3},columnVisibility:{errorMessage:!1},columnPinning:{left:["connection"],right:[]}},renderExpandedContent:(q)=>X(_,{gap:"sm",className:"py-2",children:[E(K,{className:"font-medium text-sm",children:"Credentials"}),E("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:W(q.credentials)}),E(K,{className:"font-medium text-sm",children:"Config"}),E("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:W(q.config)}),E(K,{className:"text-muted-foreground text-sm",children:q.errorMessage??"No sync errors recorded."})]}),getCanExpand:()=>!0});return E(B,{controller:M,title:"Connections",description:"Client-mode ContractSpec table with visibility, pinning, resizing, and expanded diagnostics.",toolbar:E(U,{controller:M,label:`${y.length} total connections`,toggleColumnId:"errorMessage",toggleVisibleLabel:"Hide Error Column",toggleHiddenLabel:"Show Error Column",pinColumnId:"status",pinLabel:"Status",resizeColumnId:"connection",resizeLabel:"Widen Connection"}),emptyState:E("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No connections found"})})}export{x as ConnectionsTable};

package/dist/ui/tables/IntegrationTables.js

@@ -1,362 +1,2 @@
 // @bun
-// src/ui/tables/integration-table.shared.tsx
-import { Button } from "@contractspec/lib.design-system";
-import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
-import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-var STATUS_VARIANTS = {
-  ACTIVE: "default",
-  CONNECTED: "default",
-  SUCCESS: "default",
-  PENDING: "secondary",
-  PAUSED: "secondary",
-  ERROR: "destructive",
-  DISCONNECTED: "outline"
-};
-function formatDateTime(value) {
-  return value ? value.toLocaleString() : "Never";
-}
-function formatJson(value) {
-  return value ? JSON.stringify(value, null, 2) : "No configuration";
-}
-function StatusBadge({ status }) {
-  return /* @__PURE__ */ jsxDEV(Badge, {
-    variant: STATUS_VARIANTS[status] ?? "outline",
-    children: status
-  }, undefined, false, undefined, this);
-}
-function IntegrationTableToolbar({
-  controller,
-  label,
-  toggleColumnId,
-  toggleVisibleLabel,
-  toggleHiddenLabel,
-  pinColumnId,
-  pinLabel,
-  resizeColumnId,
-  resizeLabel
-}) {
-  const firstRow = controller.rows[0];
-  const toggleColumn = controller.columns.find((column) => column.id === toggleColumnId);
-  const pinColumn = controller.columns.find((column) => column.id === pinColumnId);
-  const resizeColumn = controller.columns.find((column) => column.id === resizeColumnId);
-  const pinTarget = pinColumn?.pinState === "left" ? false : "left";
-  return /* @__PURE__ */ jsxDEV(HStack, {
-    gap: "sm",
-    className: "flex-wrap",
-    children: [
-      /* @__PURE__ */ jsxDEV(Badge, {
-        variant: "outline",
-        children: label
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Button, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => firstRow?.toggleExpanded?.(!firstRow?.isExpanded),
-        children: "Expand First Row"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Button, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => toggleColumn?.toggleVisibility?.(!toggleColumn?.visible),
-        children: toggleColumn?.visible ? toggleVisibleLabel : toggleHiddenLabel
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Button, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => pinColumn?.pin?.(pinTarget),
-        children: pinColumn?.pinState === "left" ? `Unpin ${pinLabel}` : `Pin ${pinLabel}`
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Button, {
-        variant: "outline",
-        size: "sm",
-        onPress: () => resizeColumn?.resizeBy?.(40),
-        children: resizeLabel
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/ui/tables/ConnectionsTable.tsx
-import { DataTable } from "@contractspec/lib.design-system";
-import { useContractTable } from "@contractspec/lib.presentation-runtime-react";
-import { VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Text } from "@contractspec/lib.ui-kit-web/ui/text";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-function ConnectionsTable({
-  connections
-}) {
-  const controller = useContractTable({
-    data: connections,
-    columns: [
-      {
-        id: "connection",
-        header: "Connection",
-        label: "Connection",
-        accessor: (connection) => connection.name,
-        cell: ({ item }) => /* @__PURE__ */ jsxDEV2(VStack, {
-          gap: "xs",
-          children: [
-            /* @__PURE__ */ jsxDEV2(Text, {
-              className: "font-medium text-sm",
-              children: item.name
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV2(Text, {
-              className: "text-muted-foreground text-xs",
-              children: [
-                "Created ",
-                item.createdAt.toLocaleDateString()
-              ]
-            }, undefined, true, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        size: 240,
-        minSize: 180,
-        canSort: true,
-        canPin: true,
-        canResize: true
-      },
-      {
-        id: "status",
-        header: "Status",
-        label: "Status",
-        accessorKey: "status",
-        cell: ({ value }) => /* @__PURE__ */ jsxDEV2(StatusBadge, {
-          status: String(value)
-        }, undefined, false, undefined, this),
-        size: 150,
-        canSort: true,
-        canPin: true,
-        canResize: true
-      },
-      {
-        id: "lastSyncAt",
-        header: "Last Sync",
-        label: "Last Sync",
-        accessor: (connection) => connection.lastSyncAt?.getTime() ?? 0,
-        cell: ({ item }) => formatDateTime(item.lastSyncAt),
-        size: 200,
-        canSort: true,
-        canHide: true,
-        canResize: true
-      },
-      {
-        id: "errorMessage",
-        header: "Errors",
-        label: "Errors",
-        accessor: (connection) => connection.errorMessage ?? "",
-        cell: ({ value }) => String(value || "No errors"),
-        size: 240,
-        canHide: true,
-        canResize: true
-      }
-    ],
-    initialState: {
-      pagination: { pageIndex: 0, pageSize: 3 },
-      columnVisibility: { errorMessage: false },
-      columnPinning: { left: ["connection"], right: [] }
-    },
-    renderExpandedContent: (connection) => /* @__PURE__ */ jsxDEV2(VStack, {
-      gap: "sm",
-      className: "py-2",
-      children: [
-        /* @__PURE__ */ jsxDEV2(Text, {
-          className: "font-medium text-sm",
-          children: "Credentials"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV2("pre", {
-          className: "overflow-auto rounded-md bg-muted/40 p-3 text-xs",
-          children: formatJson(connection.credentials)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV2(Text, {
-          className: "font-medium text-sm",
-          children: "Config"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV2("pre", {
-          className: "overflow-auto rounded-md bg-muted/40 p-3 text-xs",
-          children: formatJson(connection.config)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV2(Text, {
-          className: "text-muted-foreground text-sm",
-          children: connection.errorMessage ?? "No sync errors recorded."
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this),
-    getCanExpand: () => true
-  });
-  return /* @__PURE__ */ jsxDEV2(DataTable, {
-    controller,
-    title: "Connections",
-    description: "Client-mode ContractSpec table with visibility, pinning, resizing, and expanded diagnostics.",
-    toolbar: /* @__PURE__ */ jsxDEV2(IntegrationTableToolbar, {
-      controller,
-      label: `${connections.length} total connections`,
-      toggleColumnId: "errorMessage",
-      toggleVisibleLabel: "Hide Error Column",
-      toggleHiddenLabel: "Show Error Column",
-      pinColumnId: "status",
-      pinLabel: "Status",
-      resizeColumnId: "connection",
-      resizeLabel: "Widen Connection"
-    }, undefined, false, undefined, this),
-    emptyState: /* @__PURE__ */ jsxDEV2("div", {
-      className: "rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",
-      children: "No connections found"
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-
-// src/ui/tables/SyncConfigsTable.tsx
-import { DataTable as DataTable2 } from "@contractspec/lib.design-system";
-import { useContractTable as useContractTable2 } from "@contractspec/lib.presentation-runtime-react";
-import { VStack as VStack2 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Text as Text2 } from "@contractspec/lib.ui-kit-web/ui/text";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-"use client";
-function SyncConfigsTable({
-  syncConfigs
-}) {
-  const controller = useContractTable2({
-    data: syncConfigs,
-    columns: [
-      {
-        id: "sync",
-        header: "Sync Config",
-        label: "Sync Config",
-        accessor: (sync) => sync.name,
-        cell: ({ item }) => /* @__PURE__ */ jsxDEV3(VStack2, {
-          gap: "xs",
-          children: [
-            /* @__PURE__ */ jsxDEV3(Text2, {
-              className: "font-medium text-sm",
-              children: item.name
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV3(Text2, {
-              className: "text-muted-foreground text-xs",
-              children: [
-                item.sourceEntity,
-                " \u2192 ",
-                item.targetEntity
-              ]
-            }, undefined, true, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        size: 260,
-        minSize: 200,
-        canSort: true,
-        canPin: true,
-        canResize: true
-      },
-      {
-        id: "frequency",
-        header: "Frequency",
-        label: "Frequency",
-        accessorKey: "frequency",
-        size: 160,
-        canSort: true,
-        canHide: true,
-        canResize: true
-      },
-      {
-        id: "status",
-        header: "Status",
-        label: "Status",
-        accessorKey: "status",
-        cell: ({ value }) => /* @__PURE__ */ jsxDEV3(StatusBadge, {
-          status: String(value)
-        }, undefined, false, undefined, this),
-        size: 150,
-        canSort: true,
-        canPin: true,
-        canResize: true
-      },
-      {
-        id: "recordsSynced",
-        header: "Records",
-        label: "Records",
-        accessorKey: "recordsSynced",
-        align: "right",
-        size: 140,
-        canSort: true,
-        canResize: true
-      },
-      {
-        id: "lastRunAt",
-        header: "Last Run",
-        label: "Last Run",
-        accessor: (sync) => sync.lastRunAt?.getTime() ?? 0,
-        cell: ({ item }) => formatDateTime(item.lastRunAt),
-        size: 200,
-        canSort: true,
-        canHide: true,
-        canResize: true
-      }
-    ],
-    initialState: {
-      pagination: { pageIndex: 0, pageSize: 3 },
-      columnVisibility: { lastRunAt: false },
-      columnPinning: { left: ["sync"], right: [] }
-    },
-    renderExpandedContent: (sync) => /* @__PURE__ */ jsxDEV3(VStack2, {
-      gap: "sm",
-      className: "py-2",
-      children: [
-        /* @__PURE__ */ jsxDEV3(Text2, {
-          className: "text-muted-foreground text-sm",
-          children: [
-            "Connection ",
-            sync.connectionId
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV3(Text2, {
-          className: "text-muted-foreground text-sm",
-          children: [
-            "Last run: ",
-            formatDateTime(sync.lastRunAt)
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV3(Text2, {
-          className: "text-muted-foreground text-sm",
-          children: [
-            "Last status: ",
-            sync.lastRunStatus ?? "No runs recorded"
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV3(Text2, {
-          className: "text-muted-foreground text-sm",
-          children: [
-            "Updated ",
-            sync.updatedAt.toLocaleString()
-          ]
-        }, undefined, true, undefined, this)
-      ]
-    }, undefined, true, undefined, this),
-    getCanExpand: () => true
-  });
-  return /* @__PURE__ */ jsxDEV3(DataTable2, {
-    controller,
-    title: "Sync Configs",
-    description: "Shared table primitives applied to sync monitoring without changing the surrounding dashboard layout.",
-    toolbar: /* @__PURE__ */ jsxDEV3(IntegrationTableToolbar, {
-      controller,
-      label: `${syncConfigs.length} syncs`,
-      toggleColumnId: "lastRunAt",
-      toggleVisibleLabel: "Hide Last Run",
-      toggleHiddenLabel: "Show Last Run",
-      pinColumnId: "status",
-      pinLabel: "Status",
-      resizeColumnId: "sync",
-      resizeLabel: "Widen Sync"
-    }, undefined, false, undefined, this),
-    emptyState: /* @__PURE__ */ jsxDEV3("div", {
-      className: "rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",
-      children: "No sync configurations found"
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-export {
-  SyncConfigsTable,
-  ConnectionsTable
-};
+import{Button as Y}from"@contractspec/lib.design-system";import{Badge as H}from"@contractspec/lib.ui-kit-web/ui/badge";import{HStack as S}from"@contractspec/lib.ui-kit-web/ui/stack";import{jsx as M,jsxs as p}from"react/jsx-runtime";var L={ACTIVE:"default",CONNECTED:"default",SUCCESS:"default",PENDING:"secondary",PAUSED:"secondary",ERROR:"destructive",DISCONNECTED:"outline"};function Q(E){return E?E.toLocaleString():"Never"}function _(E){return E?JSON.stringify(E,null,2):"No configuration"}function Z({status:E}){return M(H,{variant:L[E]??"outline",children:E})}function $({controller:E,label:G,toggleColumnId:q,toggleVisibleLabel:z,toggleHiddenLabel:D,pinColumnId:V,pinLabel:J,resizeColumnId:f,resizeLabel:B}){let A=E.rows[0],N=E.columns.find((P)=>P.id===q),U=E.columns.find((P)=>P.id===V),k=E.columns.find((P)=>P.id===f),I=U?.pinState==="left"?!1:"left";return p(S,{gap:"sm",className:"flex-wrap",children:[M(H,{variant:"outline",children:G}),M(Y,{variant:"outline",size:"sm",onPress:()=>A?.toggleExpanded?.(!A?.isExpanded),children:"Expand First Row"}),M(Y,{variant:"outline",size:"sm",onPress:()=>N?.toggleVisibility?.(!N?.visible),children:N?.visible?z:D}),M(Y,{variant:"outline",size:"sm",onPress:()=>U?.pin?.(I),children:U?.pinState==="left"?`Unpin ${J}`:`Pin ${J}`}),M(Y,{variant:"outline",size:"sm",onPress:()=>k?.resizeBy?.(40),children:B})]})}import{DataTable as v}from"@contractspec/lib.design-system";import{useContractTable as y}from"@contractspec/lib.presentation-runtime-react";import{VStack as R}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as W}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as F,jsxs as h}from"react/jsx-runtime";function d({connections:E}){let G=y({data:E,columns:[{id:"connection",header:"Connection",label:"Connection",accessor:(q)=>q.name,cell:({item:q})=>h(R,{gap:"xs",children:[F(W,{className:"font-medium text-sm",children:q.name}),h(W,{className:"text-muted-foreground text-xs",children:["Created ",q.createdAt.toLocaleDateString()]})]}),size:240,minSize:180,canSort:!0,canPin:!0,canResize:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:q})=>F(Z,{status:String(q)}),size:150,canSort:!0,canPin:!0,canResize:!0},{id:"lastSyncAt",header:"Last Sync",label:"Last Sync",accessor:(q)=>q.lastSyncAt?.getTime()??0,cell:({item:q})=>Q(q.lastSyncAt),size:200,canSort:!0,canHide:!0,canResize:!0},{id:"errorMessage",header:"Errors",label:"Errors",accessor:(q)=>q.errorMessage??"",cell:({value:q})=>String(q||"No errors"),size:240,canHide:!0,canResize:!0}],initialState:{pagination:{pageIndex:0,pageSize:3},columnVisibility:{errorMessage:!1},columnPinning:{left:["connection"],right:[]}},renderExpandedContent:(q)=>h(R,{gap:"sm",className:"py-2",children:[F(W,{className:"font-medium text-sm",children:"Credentials"}),F("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:_(q.credentials)}),F(W,{className:"font-medium text-sm",children:"Config"}),F("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:_(q.config)}),F(W,{className:"text-muted-foreground text-sm",children:q.errorMessage??"No sync errors recorded."})]}),getCanExpand:()=>!0});return F(v,{controller:G,title:"Connections",description:"Client-mode ContractSpec table with visibility, pinning, resizing, and expanded diagnostics.",toolbar:F($,{controller:G,label:`${E.length} total connections`,toggleColumnId:"errorMessage",toggleVisibleLabel:"Hide Error Column",toggleHiddenLabel:"Show Error Column",pinColumnId:"status",pinLabel:"Status",resizeColumnId:"connection",resizeLabel:"Widen Connection"}),emptyState:F("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No connections found"})})}import{DataTable as C}from"@contractspec/lib.design-system";import{useContractTable as T}from"@contractspec/lib.presentation-runtime-react";import{VStack as w}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as O}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as X,jsxs as K}from"react/jsx-runtime";function b({syncConfigs:E}){let G=T({data:E,columns:[{id:"sync",header:"Sync Config",label:"Sync Config",accessor:(q)=>q.name,cell:({item:q})=>K(w,{gap:"xs",children:[X(O,{className:"font-medium text-sm",children:q.name}),K(O,{className:"text-muted-foreground text-xs",children:[q.sourceEntity," \u2192 ",q.targetEntity]})]}),size:260,minSize:200,canSort:!0,canPin:!0,canResize:!0},{id:"frequency",header:"Frequency",label:"Frequency",accessorKey:"frequency",size:160,canSort:!0,canHide:!0,canResize:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:q})=>X(Z,{status:String(q)}),size:150,canSort:!0,canPin:!0,canResize:!0},{id:"recordsSynced",header:"Records",label:"Records",accessorKey:"recordsSynced",align:"right",size:140,canSort:!0,canResize:!0},{id:"lastRunAt",header:"Last Run",label:"Last Run",accessor:(q)=>q.lastRunAt?.getTime()??0,cell:({item:q})=>Q(q.lastRunAt),size:200,canSort:!0,canHide:!0,canResize:!0}],initialState:{pagination:{pageIndex:0,pageSize:3},columnVisibility:{lastRunAt:!1},columnPinning:{left:["sync"],right:[]}},renderExpandedContent:(q)=>K(w,{gap:"sm",className:"py-2",children:[K(O,{className:"text-muted-foreground text-sm",children:["Connection ",q.connectionId]}),K(O,{className:"text-muted-foreground text-sm",children:["Last run: ",Q(q.lastRunAt)]}),K(O,{className:"text-muted-foreground text-sm",children:["Last status: ",q.lastRunStatus??"No runs recorded"]}),K(O,{className:"text-muted-foreground text-sm",children:["Updated ",q.updatedAt.toLocaleString()]})]}),getCanExpand:()=>!0});return X(C,{controller:G,title:"Sync Configs",description:"Shared table primitives applied to sync monitoring without changing the surrounding dashboard layout.",toolbar:X($,{controller:G,label:`${E.length} syncs`,toggleColumnId:"lastRunAt",toggleVisibleLabel:"Hide Last Run",toggleHiddenLabel:"Show Last Run",pinColumnId:"status",pinLabel:"Status",resizeColumnId:"sync",resizeLabel:"Widen Sync"}),emptyState:X("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No sync configurations found"})})}export{b as SyncConfigsTable,d as ConnectionsTable};