feat(liquidity-accord): Postgres persistence + API surface cleanup

solutions/liquidity-accord/.npmrc

@@ -0,0 +1 @@
+node-linker=hoisted

solutions/liquidity-accord/packages/app/.gitignore

@@ -0,0 +1 @@
+.vercel

solutions/liquidity-accord/packages/app/src/components/features/attestation-list.tsx

@@ -1,5 +1,6 @@
 import type { AttestationResponse } from '@/services/AttestationService';
 import { Badge } from '@/components/ui/badge';
+import { CopyableId } from '@/components/ui/copyable-id';
 import { Skeleton } from '@/components/ui/skeleton';
 
 interface AttestationListProps {
@@ -33,6 +34,7 @@ export function AttestationList({ attestations, loading }: AttestationListProps)
         <table className="w-full text-left text-sm">
           <thead>
             <tr className="border-b border-[var(--border-dark)] text-[var(--text-muted)] uppercase text-xs tracking-wider">
+              <th className="pb-3 pr-4 font-medium">ID</th>
               <th className="pb-3 pr-4 font-medium">Engagement</th>
               <th className="pb-3 pr-4 font-medium">Window</th>
               <th className="pb-3 pr-4 font-medium">Spread</th>
@@ -45,8 +47,11 @@ export function AttestationList({ attestations, loading }: AttestationListProps)
           <tbody>
             {attestations.map((a) => (
               <tr key={a.public_id} className="border-b border-[var(--border-dark)] last:border-0">
-                <td className="py-3 pr-4 font-mono text-xs text-[var(--text-primary)]">
-                  {truncate(a.engagement_public_id, 14)}
+                <td className="py-3 pr-4">
+                  <CopyableId value={a.public_id} />
+                </td>
+                <td className="py-3 pr-4">
+                  <CopyableId value={a.engagement_public_id} max={14} />
                 </td>
                 <td className="py-3 pr-4 text-[var(--text-secondary)]">
                   {formatDate(a.window_start)} → {formatDate(a.window_end)}

solutions/liquidity-accord/packages/app/src/components/features/engagement-list.tsx

@@ -1,5 +1,6 @@
 import type { EngagementResponse } from '@/services/EngagementService';
 import { Badge } from '@/components/ui/badge';
+import { CopyableId } from '@/components/ui/copyable-id';
 import { Skeleton } from '@/components/ui/skeleton';
 
 interface EngagementListProps {
@@ -34,6 +35,7 @@ export function EngagementList({ engagements, loading, onSelect }: EngagementLis
         <table className="w-full text-left text-sm">
           <thead>
             <tr className="border-b border-[var(--border-dark)] text-[var(--text-muted)] uppercase text-xs tracking-wider">
+              <th className="pb-3 pr-4 font-medium">ID</th>
               <th className="pb-3 pr-4 font-medium">Pair</th>
               <th className="pb-3 pr-4 font-medium">Venue</th>
               <th className="pb-3 pr-4 font-medium">Issuer</th>
@@ -49,6 +51,9 @@ export function EngagementList({ engagements, loading, onSelect }: EngagementLis
                 className="border-b border-[var(--border-dark)] last:border-0 cursor-pointer hover:bg-[var(--background-secondary)] transition-colors"
                 onClick={() => onSelect?.(e)}
               >
+                <td className="py-3 pr-4">
+                  <CopyableId value={e.public_id} />
+                </td>
                 <td className="py-3 pr-4 font-medium text-[var(--text-primary)]">{e.pair_symbol}</td>
                 <td className="py-3 pr-4 text-[var(--text-secondary)]">{e.venue}</td>
                 <td className="py-3 pr-4 font-mono text-xs text-[var(--text-secondary)]">

solutions/liquidity-accord/packages/app/src/components/features/mm-profile-list.tsx

@@ -1,5 +1,6 @@
 import type { MMProfileResponse } from '@/services/MMProfileService';
 import { Badge } from '@/components/ui/badge';
+import { CopyableId } from '@/components/ui/copyable-id';
 import { Skeleton } from '@/components/ui/skeleton';
 
 interface MMProfileListProps {
@@ -29,6 +30,7 @@ export function MMProfileList({ profiles, loading }: MMProfileListProps) {
         <table className="w-full text-left text-sm">
           <thead>
             <tr className="border-b border-[var(--border-dark)] text-[var(--text-muted)] uppercase text-xs tracking-wider">
+              <th className="pb-3 pr-4 font-medium">ID</th>
               <th className="pb-3 pr-4 font-medium">Name</th>
               <th className="pb-3 pr-4 font-medium">Operator</th>
               <th className="pb-3 pr-4 font-medium">Tier</th>
@@ -40,6 +42,9 @@ export function MMProfileList({ profiles, loading }: MMProfileListProps) {
           <tbody>
             {profiles.map((p) => (
               <tr key={p.public_id} className="border-b border-[var(--border-dark)] last:border-0">
+                <td className="py-3 pr-4">
+                  <CopyableId value={p.public_id} />
+                </td>
                 <td className="py-3 pr-4 font-medium text-[var(--text-primary)]">{p.name}</td>
                 <td className="py-3 pr-4 font-mono text-xs text-[var(--text-secondary)]">
                   {truncateAddress(p.operator_address)}

solutions/liquidity-accord/packages/app/src/components/ui/copyable-id.tsx

@@ -0,0 +1,127 @@
+import { useState, type MouseEvent } from 'react';
+
+interface CopyableIdProps {
+  value: string;
+  max?: number;
+  className?: string;
+}
+
+function truncate(s: string, max: number): string {
+  return s.length > max ? `${s.slice(0, max)}…` : s;
+}
+
+async function copyToClipboard(value: string): Promise<boolean> {
+  if (navigator.clipboard?.writeText) {
+    try {
+      await navigator.clipboard.writeText(value);
+      return true;
+    } catch {
+      // fall through to legacy fallback
+    }
+  }
+
+  const ta = document.createElement('textarea');
+  ta.value = value;
+  ta.setAttribute('readonly', '');
+  ta.style.position = 'fixed';
+  ta.style.top = '0';
+  ta.style.left = '0';
+  ta.style.opacity = '0';
+  document.body.appendChild(ta);
+  ta.focus();
+  ta.select();
+  let ok = false;
+  try {
+    ok = document.execCommand('copy');
+  } catch {
+    ok = false;
+  }
+  document.body.removeChild(ta);
+  return ok;
+}
+
+export function CopyableId({ value, max = 12, className = '' }: CopyableIdProps) {
+  const [copied, setCopied] = useState(false);
+
+  const handleClick = async (e: MouseEvent<HTMLButtonElement>) => {
+    e.stopPropagation();
+    e.preventDefault();
+    const ok = await copyToClipboard(value);
+    if (!ok) return;
+    setCopied(true);
+    window.setTimeout(() => setCopied(false), 1400);
+  };
+
+  return (
+    <span className={'relative inline-flex items-center group ' + className}>
+      <button
+        type="button"
+        onClick={handleClick}
+        title={`Click to copy: ${value}`}
+        aria-label={`Copy ${value}`}
+        className={
+          'font-mono text-xs cursor-pointer transition-colors duration-200 ' +
+          'inline-flex items-center gap-1.5 ' +
+          (copied
+            ? 'text-emerald-400'
+            : 'text-[var(--text-secondary)] hover:text-[var(--text-primary)]')
+        }
+      >
+        <span>{truncate(value, max)}</span>
+        <CopyIcon copied={copied} />
+      </button>
+
+      <span
+        aria-hidden
+        role="status"
+        className={
+          'pointer-events-none absolute left-1/2 -translate-x-1/2 ' +
+          'whitespace-nowrap rounded-md px-2 py-0.5 text-[10px] font-medium ' +
+          'bg-emerald-500 text-white shadow-lg shadow-emerald-500/20 ' +
+          'transition-all duration-200 ease-out ' +
+          (copied
+            ? 'opacity-100 -top-7 scale-100'
+            : 'opacity-0 -top-5 scale-95')
+        }
+      >
+        Copied
+      </span>
+    </span>
+  );
+}
+
+function CopyIcon({ copied }: { copied: boolean }) {
+  return (
+    <span className="relative inline-block h-3 w-3 shrink-0">
+      <svg
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        className={
+          'absolute inset-0 h-3 w-3 transition-all duration-200 ' +
+          (copied ? 'opacity-0 scale-50' : 'opacity-50 group-hover:opacity-100 scale-100')
+        }
+      >
+        <rect x="9" y="9" width="13" height="13" rx="2" />
+        <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
+      </svg>
+      <svg
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        strokeWidth="2.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        className={
+          'absolute inset-0 h-3 w-3 transition-all duration-200 ' +
+          (copied ? 'opacity-100 scale-100' : 'opacity-0 scale-50')
+        }
+      >
+        <polyline points="20 6 9 17 4 12" />
+      </svg>
+    </span>
+  );
+}

solutions/liquidity-accord/packages/app/src/hooks/use-auth.ts

@@ -23,7 +23,7 @@ async function authenticateWithSiwe(address: string) {
 
   const domain = window.location.host;
   const origin = window.location.origin;
-  const statement = 'Sign in to ReineiraOS';
+  const statement = 'Sign in to Liquidity Accord';
   const message = buildSiweMessage(domain, address, statement, origin, nonce);
 
   const signature = await useWalletStore.getState().signMessage(message);

solutions/liquidity-accord/packages/app/src/routes/index.tsx

@@ -5,8 +5,10 @@ export function WalletAuthPage() {
     <div className="flex min-h-screen items-center justify-center bg-[var(--background)] px-4">
       <div className="w-full max-w-sm">
         <div className="mb-8 text-center">
-          <h1 className="text-2xl font-bold text-[var(--text-primary)]">Reineira Platform Modules</h1>
-          <p className="mt-1 text-sm font-medium text-[var(--text-secondary)]">Build on ReineiraOS</p>
+          <h1 className="text-2xl font-bold text-[var(--text-primary)]">Liquidity Accord</h1>
+          <p className="mt-1 text-sm font-medium text-[var(--text-secondary)]">
+            Confidential performance bonds &amp; delisting insurance
+          </p>
           <p className="mt-2 text-sm text-[var(--text-secondary)]">Connect your wallet to get started</p>
         </div>
         <div className="rounded-xl border border-[var(--border-dark)] bg-[var(--background)] p-6 shadow-sm">

solutions/liquidity-accord/packages/app/vercel.json

@@ -2,7 +2,13 @@
   "installCommand": "cd ../.. && pnpm install --frozen-lockfile",
   "buildCommand": "pnpm run build",
   "outputDirectory": "dist",
-  "rewrites": [{ "source": "/((?!assets/).*)", "destination": "/index.html" }],
+  "rewrites": [
+    {
+      "source": "/api/:path*",
+      "destination": "https://liquidity-accord-backend.vercel.app/api/:path*"
+    },
+    { "source": "/((?!assets/).*)", "destination": "/index.html" }
+  ],
   "headers": [
     {
       "source": "/(.*)",

solutions/liquidity-accord/packages/backend/.gitignore

@@ -0,0 +1,2 @@
+.vercel
+.env*.local