From 09fb7d314f895a4b2257aca30752c27021e06ed9 Mon Sep 17 00:00:00 2001
From: Varun Nuthalapati <nuthalapativarun@gmail.com>
Date: Mon, 25 May 2026 18:39:13 -0700
Subject: [PATCH] feat: add copy-to-clipboard button for inbound webhook URL

Users setting up inbound telephony had no easy way to copy the
webhook URL to paste into their provider dashboard. Add a copyable
inbound webhook URL display in the configuration detail card,
following the existing Configuration ID copy button pattern.
---
 .../[configId]/page.tsx                       | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/ui/src/app/telephony-configurations/[configId]/page.tsx b/ui/src/app/telephony-configurations/[configId]/page.tsx
index 583916e..565b5f4 100644
--- a/ui/src/app/telephony-configurations/[configId]/page.tsx
+++ b/ui/src/app/telephony-configurations/[configId]/page.tsx
@@ -239,7 +239,7 @@ export default function TelephonyConfigurationDetailPage() {
             </Button>
           </div>
         </CardHeader>
-        <CardContent>
+        <CardContent className="space-y-4">
           <dl className="grid grid-cols-2 gap-x-6 gap-y-2 text-sm">
             {Object.entries(config.credentials ?? {}).map(([k, v]) => (
               <div key={k} className="flex justify-between gap-3">
@@ -250,6 +250,24 @@ export default function TelephonyConfigurationDetailPage() {
               </div>
             ))}
           </dl>
+          <div className="space-y-1">
+            <p className="text-xs text-muted-foreground">Inbound webhook URL</p>
+            <button
+              type="button"
+              onClick={() => {
+                const url = `${typeof window !== "undefined" ? window.location.origin : ""}/api/v1/telephony/inbound/run`;
+                navigator.clipboard
+                  .writeText(url)
+                  .then(() => toast.success("Inbound webhook URL copied"))
+                  .catch(() => toast.error("Failed to copy URL"));
+              }}
+              title="Click to copy inbound webhook URL"
+              className="inline-flex items-center gap-1 self-start rounded font-mono text-xs text-muted-foreground hover:text-foreground"
+            >
+              <span className="truncate">/api/v1/telephony/inbound/run</span>
+              <Copy className="h-3 w-3 shrink-0" />
+            </button>
+          </div>
         </CardContent>
       </Card>