@agent-native/core 0.77.4 → 0.77.7

package/corpus/templates/analytics/app/components/layout/NewAnalysisDialog.tsx

@@ -60,8 +60,8 @@ export function NewAnalysisDialog() {
   const status = statusData as DataSourceStatusResponse | undefined;
   const envStatus = credentialRowsFromStatus(status);
   const configuredSources = useMemo(
-    () => getConfiguredDataSources(envStatus),
-    [envStatus],
+    () => getConfiguredDataSources(envStatus, status),
+    [envStatus, status],
   );
   const configuredSourceNames = configuredSources.map((source) => source.name);
   const statusMessage = status?.message || status?.error;

package/corpus/templates/analytics/app/lib/data-source-status.ts

@@ -79,6 +79,10 @@ const sharedConnectionLabels: Record<SharedConnectionStatusKind, string> = {
   local_credentials: "Local credentials",
 };
 
+function normalizeCredentialKey(key: string): string {
+  return key.trim().toUpperCase();
+}
+
 export function credentialRowsFromStatus(
   data: DataSourceStatusResponse | EnvKeyStatus[] | undefined,
 ): EnvKeyStatus[] {
@@ -90,7 +94,9 @@ export function getOptionalCredentialKeys(source: DataSource): Set<string> {
   return new Set(
     source.walkthroughSteps
       .filter((step) => step.optional)
-      .map((step) => step.inputKey)
+      .map((step) =>
+        step.inputKey ? normalizeCredentialKey(step.inputKey) : undefined,
+      )
       .filter((k): k is string => Boolean(k)),
   );
 }
@@ -99,11 +105,21 @@ export function isSourceConfigured(
   source: DataSource,
   envStatus: EnvKeyStatus[],
 ): boolean {
-  const statusMap = new Map(envStatus.map((s) => [s.key, s.configured]));
+  const statusMap = new Map(
+    envStatus.map((s) => [normalizeCredentialKey(s.key), s.configured]),
+  );
   const optionalKeys = getOptionalCredentialKeys(source);
-  return source.envKeys
-    .filter((key) => !optionalKeys.has(key))
-    .every((key) => statusMap.get(key) === true);
+  const requiredKeys = source.envKeys.filter(
+    (key) => !optionalKeys.has(normalizeCredentialKey(key)),
+  );
+  if (source.credentialRequirementMode === "any") {
+    return requiredKeys.some(
+      (key) => statusMap.get(normalizeCredentialKey(key)) === true,
+    );
+  }
+  return requiredKeys.every(
+    (key) => statusMap.get(normalizeCredentialKey(key)) === true,
+  );
 }
 
 export function getWorkspaceProviderIdForSource(
@@ -132,6 +148,14 @@ export function getWorkspaceConnectionForSource(
   );
 }
 
+export function getProviderStatusForSource(
+  source: DataSource,
+  data: DataSourceStatusResponse | undefined,
+): DataSourceProviderStatus | undefined {
+  const providerId = getWorkspaceProviderIdForSource(source) ?? source.id;
+  return data?.providers?.find((provider) => provider.provider === providerId);
+}
+
 export function getSharedConnectionStatus(
   source: DataSource,
   data: DataSourceStatusResponse | undefined,
@@ -178,12 +202,29 @@ export function isSourceReady(
 ): boolean {
   return (
     isSourceConfigured(source, envStatus) ||
+    getProviderStatusForSource(source, data)?.configured === true ||
     getSharedConnectionStatus(source, data, envStatus)?.kind === "ready"
   );
 }
 
+export function isSourceLocallyConfigured(
+  source: DataSource,
+  data: DataSourceStatusResponse | undefined,
+  envStatus: EnvKeyStatus[],
+): boolean {
+  if (isSourceConfigured(source, envStatus)) return true;
+  const providerStatus = getProviderStatusForSource(source, data);
+  if (!providerStatus?.configured) return false;
+  return providerStatus.configuredKeys.length > 0;
+}
+
 export function getConfiguredDataSources(
   envStatus: EnvKeyStatus[],
+  data?: DataSourceStatusResponse,
 ): DataSource[] {
-  return dataSources.filter((source) => isSourceConfigured(source, envStatus));
+  return dataSources.filter((source) =>
+    data
+      ? isSourceReady(source, data, envStatus)
+      : isSourceConfigured(source, envStatus),
+  );
 }

package/corpus/templates/analytics/app/lib/data-sources.ts

@@ -52,6 +52,7 @@ export interface DataSource {
   category: DataSourceCategory;
   icon: ComponentType<Record<string, unknown>>;
   envKeys: string[];
+  credentialRequirementMode?: "all" | "any";
   walkthroughSteps: WalkthroughStep[];
   docsUrl: string;
 }
@@ -380,7 +381,8 @@ export const dataSources: DataSource[] = [
     description: "CRM deals, contacts, companies, tickets, and pipelines",
     category: "crm",
     icon: IconShoppingCart,
-    envKeys: ["HUBSPOT_ACCESS_TOKEN"],
+    envKeys: ["HUBSPOT_PRIVATE_APP_TOKEN", "HUBSPOT_ACCESS_TOKEN"],
+    credentialRequirementMode: "any",
     docsUrl: "https://developers.hubspot.com/docs/api/overview",
     walkthroughSteps: [
       {
@@ -391,10 +393,19 @@ export const dataSources: DataSource[] = [
         linkText: "Private Apps",
       },
       {
-        title: "Enter your Access Token",
+        title: "Enter your Private App Token",
         description: "Copy the access token from your private app.",
+        inputKey: "HUBSPOT_PRIVATE_APP_TOKEN",
+        inputLabel: "Private App Token",
+        inputPlaceholder: "pat-na1-...",
+        inputType: "password",
+      },
+      {
+        title: "Legacy access token",
+        description:
+          "Only use this if you already have an older HubSpot access token saved under the legacy key.",
         inputKey: "HUBSPOT_ACCESS_TOKEN",
-        inputLabel: "Access Token",
+        inputLabel: "Legacy Access Token",
         inputPlaceholder: "pat-na1-...",
         inputType: "password",
       },

package/corpus/templates/analytics/app/pages/DataSources.tsx

@@ -66,7 +66,7 @@ import {
   getOptionalCredentialKeys,
   getSharedConnectionStatus,
   isSourceReady,
-  isSourceConfigured,
+  isSourceLocallyConfigured,
   credentialRowsFromStatus,
   type DataSourceStatusResponse,
   type EnvKeyStatus,
@@ -674,6 +674,13 @@ function ConnectedView({
     ),
   );
   const optionalKeys = getOptionalCredentialKeys(source);
+  const isAnyCredentialMode = source.credentialRequirementMode === "any";
+  const configuredCredentialKeys = new Set(
+    envStatus.filter((s) => s.configured).map((s) => s.key),
+  );
+  const hasAlternativeCredential =
+    isAnyCredentialMode &&
+    source.envKeys.some((key) => configuredCredentialKeys.has(key));
 
   const handleDisconnect = () => {
     if (sharedCredentialKeys.length > 0) {
@@ -852,8 +859,7 @@ function ConnectedView({
         <div className="flex items-start justify-between gap-4">
           <div className="flex-1 space-y-2">
             {source.envKeys.map((key) => {
-              const configured =
-                envStatus.find((s) => s.key === key)?.configured ?? false;
+              const configured = configuredCredentialKeys.has(key);
               const optional = optionalKeys.has(key);
               return (
                 <div
@@ -873,6 +879,11 @@ function ConnectedView({
                       <IconCircle className="h-3 w-3" />
                       {t("dataSources.optional")}
                     </span>
+                  ) : hasAlternativeCredential ? (
+                    <span className="flex items-center gap-1 whitespace-nowrap text-muted-foreground">
+                      <IconCircle className="h-3 w-3" />
+                      Alternative
+                    </span>
                   ) : (
                     <span className="flex items-center gap-1 whitespace-nowrap text-rose-400">
                       <IconAlertCircle className="h-3 w-3" />
@@ -1643,7 +1654,11 @@ export default function DataSources() {
               <DataSourceCard
                 key={source.id}
                 source={source}
-                locallyConfigured={isSourceConfigured(source, envStatus)}
+                locallyConfigured={isSourceLocallyConfigured(
+                  source,
+                  statusData,
+                  envStatus,
+                )}
                 ready={isSourceReady(source, statusData, envStatus)}
                 sharedConnectionStatus={getSharedConnectionStatus(
                   source,
@@ -1676,7 +1691,11 @@ export default function DataSources() {
                   <DataSourceCard
                     key={source.id}
                     source={source}
-                    locallyConfigured={isSourceConfigured(source, envStatus)}
+                    locallyConfigured={isSourceLocallyConfigured(
+                      source,
+                      statusData,
+                      envStatus,
+                    )}
                     ready={isSourceReady(source, statusData, envStatus)}
                     sharedConnectionStatus={getSharedConnectionStatus(
                       source,

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/PanelEditorDialog.tsx

@@ -1,9 +1,9 @@
-import { useSendToAgentChat, useT } from "@agent-native/core/client";
 import {
-  IconAlertTriangle,
-  IconAlignLeft,
-  IconLoader2,
-} from "@tabler/icons-react";
+  PromptComposer,
+  useSendToAgentChat,
+  useT,
+} from "@agent-native/core/client";
+import { IconAlertTriangle, IconAlignLeft } from "@tabler/icons-react";
 import { useEffect, useState, type ReactElement, type ReactNode } from "react";
 import { toast } from "sonner";
 
@@ -30,7 +30,6 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Textarea } from "@/components/ui/textarea";
 import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
 import { canFormatPanelSql, formatPanelSql } from "@/lib/format-sql";
 
@@ -182,7 +181,6 @@ function PanelEditorContent({
   const [form, setForm] = useState<PanelFormValues>(() => panelToForm(panel));
   const [saving, setSaving] = useState(false);
   const [error, setError] = useState<string | null>(null);
-  const [prompt, setPrompt] = useState("");
   const [tab, setTab] = useState<"describe" | "manual">("describe");
   const { send, isGenerating } = useSendToAgentChat();
 
@@ -192,7 +190,6 @@ function PanelEditorContent({
       setForm(panelToForm(panel));
       setError(null);
       setSaving(false);
-      setPrompt("");
       // Editing an existing panel always goes straight to the manual form.
       setTab(panel ? "manual" : "describe");
     }
@@ -200,7 +197,6 @@ function PanelEditorContent({
 
   const isEdit = !!panel;
   const canSave = form.title.trim().length > 0 && form.sql.trim().length > 0;
-  const canGenerate = prompt.trim().length > 0 && !isGenerating;
   const canFormat = canFormatPanelSql(form.source);
 
   const handleSubmit = async () => {
@@ -219,13 +215,14 @@ function PanelEditorContent({
     }
   };
 
-  const handleDescribe = () => {
-    if (!canGenerate) return;
+  const handleDescribe = (text: string) => {
+    const trimmed = text.trim();
+    if (!trimmed || isGenerating) return;
     const titlesLine = existingPanelTitles.length
       ? `Existing panels on this dashboard: ${existingPanelTitles.join(", ")}.`
       : "This dashboard has no panels yet.";
     send({
-      message: prompt.trim(),
+      message: trimmed,
       context:
         `The user wants to add a new panel to SQL dashboard "${dashboardId}". ${titlesLine} ` +
         `REAL_DATA_REQUIRED: before saving or answering, run at least one real data-source query action for this panel; \`data-source-status\`, \`list-data-dictionary\`, \`update-dashboard\`, and dry-run validation do not count as data queries. ` +
@@ -246,7 +243,6 @@ function PanelEditorContent({
         `After the panel saves, call \`refresh-screen\` so the UI picks up the change.`,
       submit: true,
     });
-    setPrompt("");
     onOpenChange(false);
   };
 
@@ -441,28 +437,14 @@ function PanelEditorContent({
 
       <TabsContent value="describe" className="mt-4">
         <div className="grid gap-3">
-          <Label htmlFor="panel-prompt">{t("panelEditor.whatToChart")}</Label>
-          <Textarea
-            id="panel-prompt"
-            value={prompt}
-            onChange={(e) => setPrompt(e.target.value)}
-            placeholder={t("panelEditor.promptPlaceholder")}
-            className="min-h-[140px] resize-y text-sm"
+          <Label>{t("panelEditor.whatToChart")}</Label>
+          <PromptComposer
             autoFocus
-            onKeyDown={(e) => {
-              if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
-                e.preventDefault();
-                handleDescribe();
-              }
-            }}
+            disabled={isGenerating}
+            placeholder={t("panelEditor.promptPlaceholder")}
+            draftScope="analytics:add-panel"
+            onSubmit={handleDescribe}
           />
-          <p className="text-xs text-muted-foreground">
-            {t("panelEditor.describeHelp", {
-              shortcut: `${
-                /Mac|iPhone|iPad/.test(navigator.userAgent) ? "⌘" : "Ctrl"
-              }+Enter`,
-            })}
-          </p>
         </div>
         <EditorFooter className="mt-4">
           <Button
@@ -473,16 +455,6 @@ function PanelEditorContent({
           >
             {t("panelEditor.cancel")}
           </Button>
-          <Button size="sm" onClick={handleDescribe} disabled={!canGenerate}>
-            {isGenerating ? (
-              <>
-                <IconLoader2 className="h-3.5 w-3.5 mr-1.5 animate-spin" />
-                {t("panelEditor.generating")}
-              </>
-            ) : (
-              t("panelEditor.generate")
-            )}
-          </Button>
         </EditorFooter>
       </TabsContent>
 

package/corpus/templates/analytics/changelog/2026-06-25-fixed-hubspot-data-source-status-so-private-app-tokens-legac.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-25
+---
+
+Fixed HubSpot data source status so private app tokens, legacy tokens, and shared workspace grants show as ready consistently.

package/corpus/templates/analytics/netlify.toml

@@ -5,6 +5,7 @@ publish = "templates/analytics/dist"
 functions = "templates/analytics/.netlify/functions-internal"
 
 [build.environment]
+GA_MEASUREMENT_ID = "G-ESF7FYXGN9"
 NITRO_PRESET = "netlify"
 NPM_CONFIG_PRODUCTION = "false"
 AGENT_PROD_CODE_EXECUTION = "sandboxed"

package/corpus/templates/analytics/server/lib/credential-keys.ts

@@ -8,6 +8,7 @@ export interface CredentialProviderConfig {
   provider: string;
   label: string;
   requiredKeys: string[];
+  requiredMode?: "all" | "any";
   optionalKeys?: string[];
 }
 
@@ -217,7 +218,8 @@ export const credentialProviderConfigs: CredentialProviderConfig[] = [
   {
     provider: "hubspot",
     label: "HubSpot",
-    requiredKeys: ["HUBSPOT_ACCESS_TOKEN"],
+    requiredKeys: ["HUBSPOT_PRIVATE_APP_TOKEN", "HUBSPOT_ACCESS_TOKEN"],
+    requiredMode: "any",
   },
   {
     provider: "gong",

package/corpus/templates/analytics/server/routes/api/test-connection.post.ts

@@ -5,7 +5,11 @@ import {
   resolveCredential,
   withRequestContextFromEvent,
 } from "../../lib/credentials";
-import { resolveAnalyticsGongCredentials } from "../../lib/provider-credentials";
+import {
+  HUBSPOT_ANALYTICS_CREDENTIAL_KEYS,
+  resolveAnalyticsGongCredentials,
+  resolveAnalyticsProviderCredential,
+} from "../../lib/provider-credentials";
 
 export default defineEventHandler(async (event) => {
   const body = await readBody(event);
@@ -91,8 +95,13 @@ export default defineEventHandler(async (event) => {
         }
 
         case "hubspot": {
-          const token = await resolveCredential("HUBSPOT_ACCESS_TOKEN", ctx);
-          if (!token) return { ok: false, error: "Missing access token" };
+          const credential = await resolveAnalyticsProviderCredential({
+            provider: "hubspot",
+            keys: HUBSPOT_ANALYTICS_CREDENTIAL_KEYS,
+            ctx,
+          });
+          const token = credential?.value;
+          if (!token) return { ok: false, error: "Missing HubSpot token" };
           const res = await fetch(
             "https://api.hubapi.com/crm/v3/objects/contacts?limit=1",
             {

package/corpus/templates/assets/app/components/layout/Sidebar.tsx

@@ -2,6 +2,7 @@ import {
   DevDatabaseLink,
   FeedbackButton,
   appPath,
+  focusAgentChat,
   navigateWithAgentChatViewTransition,
   useActionQuery,
   useChatThreads,
@@ -507,14 +508,16 @@ export function Sidebar() {
                 onClick={(event) => {
                   if (
                     item.href === "/" &&
-                    !isCreateRoute &&
                     !event.metaKey &&
                     !event.ctrlKey &&
                     !event.shiftKey &&
                     !event.altKey
                   ) {
                     event.preventDefault();
-                    navigateWithAgentChatViewTransition(navigate, "/");
+                    focusAgentChat();
+                    if (!isCreateRoute || location.pathname !== "/") {
+                      navigateWithAgentChatViewTransition(navigate, "/");
+                    }
                   }
                 }}
                 className={cn(

package/corpus/templates/assets/changelog/2026-06-25-create-now-returns-from-agent-settings-to-the-asset-chat-eve.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-25
+---
+
+Create no longer shows agent settings in the main asset chat area after reconnecting AI.

package/corpus/templates/assets/netlify.toml

@@ -5,6 +5,7 @@ publish = "templates/assets/dist"
 functions = "templates/assets/.netlify/functions-internal"
 
 [build.environment]
+GA_MEASUREMENT_ID = "G-ESF7FYXGN9"
 NITRO_PRESET = "netlify"
 NPM_CONFIG_PRODUCTION = "false"
 

package/corpus/templates/brain/netlify.toml

@@ -5,6 +5,7 @@ publish = "templates/brain/dist"
 functions = "templates/brain/.netlify/functions-internal"
 
 [build.environment]
+GA_MEASUREMENT_ID = "G-ESF7FYXGN9"
 NITRO_PRESET = "netlify"
 NPM_CONFIG_PRODUCTION = "false"
 

package/corpus/templates/calendar/app/i18n-data.ts

@@ -5,6 +5,7 @@ const enUS = {
     connect: "Connect",
     connected: "Connected",
     connecting: "Connecting...",
+    clipboardUnavailable: "Clipboard access is unavailable",
     disconnect: "Disconnect",
     notConnected: "Not connected",
     saving: "Saving...",
@@ -3626,6 +3627,7 @@ export const messagesByLocale = {
       connect: "连接",
       connected: "已连接",
       connecting: "正在连接...",
+      clipboardUnavailable: "无法访问剪贴板",
       disconnect: "断开连接",
       notConnected: "未连接",
       saving: "正在保存...",
@@ -3681,6 +3683,7 @@ export const messagesByLocale = {
       connect: "Conectar",
       connected: "Conectado",
       connecting: "Conectando...",
+      clipboardUnavailable: "El acceso al portapapeles no está disponible",
       disconnect: "Desconectar",
       notConnected: "No conectado",
       saving: "Guardando...",
@@ -3737,6 +3740,7 @@ export const messagesByLocale = {
       connect: "Connecter",
       connected: "Connecté",
       connecting: "Connexion...",
+      clipboardUnavailable: "L’accès au presse-papiers n’est pas disponible",
       disconnect: "Déconnecter",
       notConnected: "Non connecté",
       saving: "Enregistrement...",
@@ -3794,6 +3798,8 @@ export const messagesByLocale = {
       connect: "Verbinden",
       connected: "Verbunden",
       connecting: "Verbinden...",
+      clipboardUnavailable:
+        "Zugriff auf die Zwischenablage ist nicht verfügbar",
       disconnect: "Trennen",
       notConnected: "Nicht verbunden",
       saving: "Speichern...",
@@ -3851,6 +3857,7 @@ export const messagesByLocale = {
       connect: "接続",
       connected: "接続済み",
       connecting: "接続中...",
+      clipboardUnavailable: "クリップボードへのアクセスは利用できません",
       disconnect: "切断",
       notConnected: "未接続",
       saving: "保存中...",
@@ -3906,6 +3913,7 @@ export const messagesByLocale = {
       connect: "연결",
       connected: "연결됨",
       connecting: "연결 중...",
+      clipboardUnavailable: "클립보드 접근을 사용할 수 없습니다",
       disconnect: "연결 해제",
       notConnected: "연결되지 않음",
       saving: "저장 중...",
@@ -3961,6 +3969,8 @@ export const messagesByLocale = {
       connect: "Conectar",
       connected: "Conectado",
       connecting: "Conectando...",
+      clipboardUnavailable:
+        "O acesso à área de transferência não está disponível",
       disconnect: "Desconectar",
       notConnected: "Não conectado",
       saving: "Salvando...",
@@ -4017,6 +4027,7 @@ export const messagesByLocale = {
       connect: "कनेक्ट करें",
       connected: "कनेक्टेड",
       connecting: "कनेक्ट कर रहे हैं...",
+      clipboardUnavailable: "क्लिपबोर्ड एक्सेस उपलब्ध नहीं है",
       disconnect: "डिस्कनेक्ट करें",
       notConnected: "कनेक्टेड नहीं",
       saving: "सहेज रहे हैं...",
@@ -4071,6 +4082,7 @@ export const messagesByLocale = {
       connect: "اتصال",
       connected: "متصل",
       connecting: "جارٍ الاتصال...",
+      clipboardUnavailable: "الوصول إلى الحافظة غير متاح",
       disconnect: "قطع الاتصال",
       notConnected: "غير متصل",
       saving: "جارٍ الحفظ...",

package/corpus/templates/calendar/app/lib/clipboard.ts

@@ -0,0 +1,58 @@
+type ElectronClipboardApi = {
+  clipboard?: {
+    writeText?: (text: string) => boolean | Promise<boolean>;
+  };
+};
+
+function getElectronClipboard(): ElectronClipboardApi["clipboard"] | null {
+  const api = (
+    globalThis as typeof globalThis & {
+      electronAPI?: ElectronClipboardApi;
+    }
+  ).electronAPI;
+  return api?.clipboard ?? null;
+}
+
+function copyWithExecCommand(text: string): boolean {
+  if (typeof document === "undefined" || !document.body) return false;
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.setAttribute("readonly", "");
+  textarea.style.position = "fixed";
+  textarea.style.left = "-9999px";
+  textarea.style.top = "0";
+  textarea.style.opacity = "0";
+  document.body.appendChild(textarea);
+  textarea.select();
+  textarea.setSelectionRange(0, text.length);
+  try {
+    return document.execCommand("copy");
+  } catch {
+    return false;
+  } finally {
+    document.body.removeChild(textarea);
+  }
+}
+
+export async function copyTextToClipboard(text: string): Promise<boolean> {
+  const electronClipboard = getElectronClipboard();
+  if (electronClipboard?.writeText) {
+    try {
+      const copied = await electronClipboard.writeText(text);
+      if (copied !== false) return true;
+    } catch {
+      // Fall through to browser clipboard options.
+    }
+  }
+
+  if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+    try {
+      await navigator.clipboard.writeText(text);
+      return true;
+    } catch {
+      // Electron/web embeds can deny clipboard-write even after a click.
+    }
+  }
+
+  return copyWithExecCommand(text);
+}

package/corpus/templates/calendar/app/pages/AvailabilitySettings.tsx

@@ -21,6 +21,7 @@ import {
   useUpdateAvailability,
 } from "@/hooks/use-availability";
 import { useDbStatus } from "@/hooks/use-db-status";
+import { copyTextToClipboard } from "@/lib/clipboard";
 
 type DayName = keyof AvailabilityConfig["weeklySchedule"];
 
@@ -64,6 +65,19 @@ export default function AvailabilitySettings() {
   const { isLocal } = useDbStatus();
   const [showCloudUpgrade, setShowCloudUpgrade] = useState(false);
 
+  async function handleCopyBookingLink() {
+    if (isLocal) {
+      setShowCloudUpgrade(true);
+      return;
+    }
+    const url = `${window.location.origin}/book/${bookingSlug}`;
+    if (await copyTextToClipboard(url)) {
+      toast.success(t("bookingLinks.bookingLinkCopied"));
+      return;
+    }
+    toast.error(t("common.clipboardUnavailable"));
+  }
+
   useEffect(() => {
     if (availability) {
       setSchedule(availability.weeklySchedule);
@@ -283,15 +297,7 @@ export default function AvailabilitySettings() {
             <Button
               variant="outline"
               size="sm"
-              onClick={() => {
-                if (isLocal) {
-                  setShowCloudUpgrade(true);
-                  return;
-                }
-                const url = `${window.location.origin}/book/${bookingSlug}`;
-                navigator.clipboard.writeText(url);
-                toast.success(t("bookingLinks.bookingLinkCopied"));
-              }}
+              onClick={() => void handleCopyBookingLink()}
             >
               {t("bookingLinks.copyBookingLink")}
             </Button>

package/corpus/templates/calendar/app/pages/BookingLinksPage.tsx

@@ -112,6 +112,7 @@ import {
 } from "@/hooks/use-booking-links";
 import { useGoogleAuthStatus } from "@/hooks/use-google-auth";
 import { useZoomStatus, useConnectZoom } from "@/hooks/use-zoom-auth";
+import { copyTextToClipboard } from "@/lib/clipboard";
 import { cn } from "@/lib/utils";
 
 import BookingsList from "./BookingsList";
@@ -899,8 +900,11 @@ export default function BookingLinksPage({
   }
 
   async function copyPreviewUrl(slug: string) {
-    await navigator.clipboard.writeText(getBookingUrl(slug));
-    toast.success(t("bookingLinks.bookingLinkCopied"));
+    if (await copyTextToClipboard(getBookingUrl(slug))) {
+      toast.success(t("bookingLinks.bookingLinkCopied"));
+      return;
+    }
+    toast.error(t("common.clipboardUnavailable"));
   }
 
   function openPreview(slug: string) {

package/corpus/templates/calendar/changelog/2026-06-25-booking-link-copy-buttons-no-longer-fail-when-clipboard-perm.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-25
+---
+
+Booking link copy buttons no longer fail when clipboard permissions are blocked.