From 901f97c8067ad86a5f78748fbefa0fcd44317a79 Mon Sep 17 00:00:00 2001
From: "Victor \"David\" Medina" <V.DavidMedina@gmail.com>
Date: Sat, 27 Jun 2026 17:52:16 -0400
Subject: [PATCH] feat(C-P0.1): honest owner-facing Acuity connect card
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Phase 0 (Activate). Removes the 'how do I connect my booking system?' friction with
an honest answer: an Acuity Scheduling card on /settings/integrations presenting it as
Available, read-only, owner-approved.

Honest + safe BY CONSTRUCTION: read-only ingest framing, owner-approval promise, secure
setup (NO API keys in a web form — matches this page's own stated policy), Acuity's
Powerhouse-plan requirement stated plainly, and the works-today CSV fallback (/import)
for owners not on Powerhouse. NEVER labeled live/verified/recovering — Acuity sync is
ingest-only. Mirrors the existing Vagaro secure-setup card pattern; Link already imported.
tsc: 0 errors.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../integrations/IntegrationsClient.tsx       | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/app/(shell)/settings/integrations/IntegrationsClient.tsx b/app/(shell)/settings/integrations/IntegrationsClient.tsx
index 0ec2c746..06c3bb2f 100644
--- a/app/(shell)/settings/integrations/IntegrationsClient.tsx
+++ b/app/(shell)/settings/integrations/IntegrationsClient.tsx
@@ -41,6 +41,35 @@ export default function IntegrationsClient({
         </p>
       </div>
 
+      {/* P0.1: owner-facing Acuity connect card. Honest + safe by construction —
+          read-only ingest, owner-approval, secure setup (no API keys in a web form,
+          matching this page's policy), and the works-today CSV fallback. NEVER says
+          "live/verified/recovering" — Acuity sync is ingest-only. */}
+      <div className="mb-6 rounded-2xl border border-stone-700/40 bg-stone-900/60 p-4">
+        <div className="flex items-center justify-between gap-3">
+          <p className="text-base font-semibold text-stone-100">Acuity Scheduling</p>
+          <span className="inline-flex items-center rounded-full border border-stone-600 bg-stone-800 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-stone-300">
+            Available
+          </span>
+        </div>
+        <p className="mt-1 text-sm leading-6 text-stone-300">
+          We read your appointment history <strong className="text-stone-100">read-only</strong> to find
+          lapsed regulars worth a warm hello. Nothing is sent without your approval — Relay never books or
+          messages a client on its own.
+        </p>
+        <p className="mt-2 text-xs leading-5 text-stone-400">
+          Connected through secure setup (we never ask for API keys in a web form). Acuity&apos;s API
+          requires a Powerhouse plan. Not on Powerhouse yet? You can{" "}
+          <Link
+            href="/import"
+            className="font-semibold text-amber-400 underline-offset-2 hover:underline"
+          >
+            upload a client export (CSV)
+          </Link>{" "}
+          and start finding lapsed regulars today.
+        </p>
+      </div>
+
       {successProvider && (
         <div className="mb-6 p-4 rounded-lg bg-emerald-500/10 border border-emerald-500/20 text-emerald-300 flex items-start gap-3">
           <CheckCircle2 className="w-5 h-5 mt-0.5 shrink-0" />