@agent-native/core 0.169.1 → 0.170.0

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

@@ -152,6 +152,23 @@ const BRAND_ICON_LINK_CLASS =
 const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 const BOOKING_SLOT_STEP_MINUTES = 30;
 
+function canEditBookingLink(link: BookingLink | null | undefined) {
+  return (
+    !link?.accessRole ||
+    link.accessRole === "owner" ||
+    link.accessRole === "admin" ||
+    link.accessRole === "editor"
+  );
+}
+
+function canDeleteBookingLink(link: BookingLink | null | undefined) {
+  return (
+    !link?.accessRole ||
+    link.accessRole === "owner" ||
+    link.accessRole === "admin"
+  );
+}
+
 type DraftLink = {
   id?: string;
   title: string;
@@ -785,6 +802,8 @@ export default function BookingLinksPage({
     () => bookingLinks.find((link) => link.id === selectedId) ?? null,
     [bookingLinks, selectedId],
   );
+  const canEditSelectedLink = canEditBookingLink(selectedLink);
+  const canDeleteSelectedLink = canDeleteBookingLink(selectedLink);
 
   useEffect(() => {
     if (!selectedLink) {
@@ -1067,19 +1086,21 @@ export default function BookingLinksPage({
               <TooltipContent>{t("bookingLinks.openLink")}</TooltipContent>
             </Tooltip>
           </TooltipProvider>
-          <Button
-            type="button"
-            size="sm"
-            onClick={() => void handleSaveRef.current()}
-            disabled={updateBookingLink.isPending || !hasUnsavedChanges}
-            className="h-8 px-3"
-          >
-            {updateBookingLink.isPending
-              ? t("common.saving")
-              : hasUnsavedChanges
-                ? t("eventDialog.saveChanges")
-                : t("bookingLinks.saved")}
-          </Button>
+          {canEditSelectedLink && (
+            <Button
+              type="button"
+              size="sm"
+              onClick={() => void handleSaveRef.current()}
+              disabled={updateBookingLink.isPending || !hasUnsavedChanges}
+              className="h-8 px-3"
+            >
+              {updateBookingLink.isPending
+                ? t("common.saving")
+                : hasUnsavedChanges
+                  ? t("eventDialog.saveChanges")
+                  : t("bookingLinks.saved")}
+            </Button>
+          )}
         </div>
       ) : null,
     };
@@ -1091,6 +1112,7 @@ export default function BookingLinksPage({
     previewUrl,
     updateBookingLink.isPending,
     hasUnsavedChanges,
+    canEditSelectedLink,
     navigate,
     activeTab,
     t,
@@ -1160,7 +1182,7 @@ export default function BookingLinksPage({
                 </div>
               </div>
             ) : selectedLink ? (
-              <>
+              <fieldset disabled={!canEditSelectedLink} className="contents">
                 {/* Title */}
                 <div className="space-y-2">
                   <Label htmlFor="booking-link-title">
@@ -1474,47 +1496,50 @@ export default function BookingLinksPage({
                       </p>
                     </div>
                     <Switch
+                      aria-label={t("bookingLinks.linkVisibility")}
                       checked={draft.isActive}
                       onCheckedChange={(checked) =>
                         setDraft((prev) => ({ ...prev, isActive: checked }))
                       }
                     />
                   </div>
-                  <AlertDialog>
-                    <AlertDialogTrigger asChild>
-                      <button
-                        type="button"
-                        className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-destructive"
-                      >
-                        <IconTrash className="h-3.5 w-3.5" />
-                        {t("eventForm.delete")}
-                      </button>
-                    </AlertDialogTrigger>
-                    <AlertDialogContent>
-                      <AlertDialogHeader>
-                        <AlertDialogTitle>
-                          {t("bookingLinks.deleteBookingLink")}
-                        </AlertDialogTitle>
-                        <AlertDialogDescription>
-                          {t("bookingLinks.deleteDescriptionPrefix")}{" "}
-                          <span className="font-medium text-foreground">
-                            {draft.title}
-                          </span>{" "}
-                          {t("bookingLinks.deleteDescriptionSuffix")}
-                        </AlertDialogDescription>
-                      </AlertDialogHeader>
-                      <AlertDialogFooter>
-                        <AlertDialogCancel>
-                          {t("eventForm.cancel")}
-                        </AlertDialogCancel>
-                        <AlertDialogAction onClick={handleDelete}>
+                  {canDeleteSelectedLink && (
+                    <AlertDialog>
+                      <AlertDialogTrigger asChild>
+                        <button
+                          type="button"
+                          className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-destructive"
+                        >
+                          <IconTrash className="h-3.5 w-3.5" />
                           {t("eventForm.delete")}
-                        </AlertDialogAction>
-                      </AlertDialogFooter>
-                    </AlertDialogContent>
-                  </AlertDialog>
+                        </button>
+                      </AlertDialogTrigger>
+                      <AlertDialogContent>
+                        <AlertDialogHeader>
+                          <AlertDialogTitle>
+                            {t("bookingLinks.deleteBookingLink")}
+                          </AlertDialogTitle>
+                          <AlertDialogDescription>
+                            {t("bookingLinks.deleteDescriptionPrefix")}{" "}
+                            <span className="font-medium text-foreground">
+                              {draft.title}
+                            </span>{" "}
+                            {t("bookingLinks.deleteDescriptionSuffix")}
+                          </AlertDialogDescription>
+                        </AlertDialogHeader>
+                        <AlertDialogFooter>
+                          <AlertDialogCancel>
+                            {t("eventForm.cancel")}
+                          </AlertDialogCancel>
+                          <AlertDialogAction onClick={handleDelete}>
+                            {t("eventForm.delete")}
+                          </AlertDialogAction>
+                        </AlertDialogFooter>
+                      </AlertDialogContent>
+                    </AlertDialog>
+                  )}
                 </div>
-              </>
+              </fieldset>
             ) : null}
           </div>
 
@@ -1624,6 +1649,7 @@ export default function BookingLinksPage({
             ) : (
               <div className="space-y-3">
                 {bookingLinks.map((link) => {
+                  const canEdit = canEditBookingLink(link);
                   const durations =
                     link.durations && link.durations.length > 0
                       ? link.durations
@@ -1716,58 +1742,60 @@ export default function BookingLinksPage({
                             </>
                           )}
 
-                          <DropdownMenu>
-                            <DropdownMenuTrigger asChild>
-                              <button
-                                type="button"
-                                onClick={(e) => e.stopPropagation()}
-                                className="flex h-9 w-9 items-center justify-center rounded-full border border-border text-muted-foreground hover:text-foreground hover:bg-accent/60"
-                              >
-                                <IconDotsVertical className="h-4 w-4" />
-                              </button>
-                            </DropdownMenuTrigger>
-                            <DropdownMenuContent align="end">
-                              <DropdownMenuItem asChild>
-                                <Link to={`/booking-links/${link.id}`}>
-                                  {t("eventForm.edit")}
-                                </Link>
-                              </DropdownMenuItem>
-                              <DropdownMenuItem
-                                onClick={() => {
-                                  updateBookingLink.mutate(
-                                    {
-                                      id: link.id,
-                                      title: link.title,
-                                      slug: link.slug,
-                                      duration: durations[0] ?? link.duration,
-                                      durations: link.durations,
-                                      hosts: link.hosts,
-                                      description: link.description,
-                                      customFields: link.customFields,
-                                      conferencing: link.conferencing,
-                                      color: link.color,
-                                      isActive: !link.isActive,
-                                    },
-                                    {
-                                      onSuccess: () =>
-                                        toast.success(
-                                          t(
-                                            link.isActive
-                                              ? "bookingLinks.linkDisabled"
-                                              : "bookingLinks.linkEnabled",
-                                            { title: link.title },
+                          {canEdit && (
+                            <DropdownMenu>
+                              <DropdownMenuTrigger asChild>
+                                <button
+                                  type="button"
+                                  onClick={(e) => e.stopPropagation()}
+                                  className="flex h-9 w-9 items-center justify-center rounded-full border border-border text-muted-foreground hover:text-foreground hover:bg-accent/60"
+                                >
+                                  <IconDotsVertical className="h-4 w-4" />
+                                </button>
+                              </DropdownMenuTrigger>
+                              <DropdownMenuContent align="end">
+                                <DropdownMenuItem asChild>
+                                  <Link to={`/booking-links/${link.id}`}>
+                                    {t("eventForm.edit")}
+                                  </Link>
+                                </DropdownMenuItem>
+                                <DropdownMenuItem
+                                  onClick={() => {
+                                    updateBookingLink.mutate(
+                                      {
+                                        id: link.id,
+                                        title: link.title,
+                                        slug: link.slug,
+                                        duration: durations[0] ?? link.duration,
+                                        durations: link.durations,
+                                        hosts: link.hosts,
+                                        description: link.description,
+                                        customFields: link.customFields,
+                                        conferencing: link.conferencing,
+                                        color: link.color,
+                                        isActive: !link.isActive,
+                                      },
+                                      {
+                                        onSuccess: () =>
+                                          toast.success(
+                                            t(
+                                              link.isActive
+                                                ? "bookingLinks.linkDisabled"
+                                                : "bookingLinks.linkEnabled",
+                                              { title: link.title },
+                                            ),
                                           ),
-                                        ),
-                                    },
-                                  );
-                                }}
-                              >
-                                {link.isActive
-                                  ? t("bookingLinks.disable")
-                                  : t("bookingLinks.enable")}
-                              </DropdownMenuItem>
-                            </DropdownMenuContent>
-                          </DropdownMenu>
+                                      },
+                                    );
+                                  }}
+                                >
+                                  {link.isActive
+                                    ? t("bookingLinks.disable")
+                                    : t("bookingLinks.enable")}
+                                </DropdownMenuItem>
+                              </DropdownMenuContent>
+                            </DropdownMenu>
+                          )}
                         </div>
                       </div>
                     </div>

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

@@ -2026,6 +2026,7 @@ export default function CalendarView() {
             onClose={() => setSidebarEvent(null)}
             onDelete={handleDeleteEvent}
             onTitleSave={handleTitleSave}
+            timezone={displayTimezone}
           />
         )}
 

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

@@ -1,6 +1,7 @@
 import { ChangelogSettingsCard } from "@agent-native/core/client/changelog";
 import { callAction } from "@agent-native/core/client/hooks";
 import { LanguagePicker, useT } from "@agent-native/core/client/i18n";
+import { startWorkspaceProviderOAuth } from "@agent-native/core/client/integrations";
 import { TeamPage } from "@agent-native/core/client/org";
 import {
   AccountSettingsCard,
@@ -51,7 +52,6 @@ import { Separator } from "@/components/ui/separator";
 import { Textarea } from "@/components/ui/textarea";
 import {
   useGoogleAuthStatus,
-  useGoogleAuthUrl,
   useGoogleDesktopAuth,
   useDisconnectGoogle,
 } from "@/hooks/use-google-auth";
@@ -86,8 +86,6 @@ export default function Settings() {
   const zoomStatus = useZoomStatus();
   const connectZoom = useConnectZoom();
   const disconnectZoom = useDisconnectZoom();
-  const [wantAuthUrl, setWantAuthUrl] = useState(false);
-  const authUrl = useGoogleAuthUrl(wantAuthUrl);
   const canOfferGoogleOAuthSetup = shouldOfferGoogleOAuthSetup();
 
   const [timezone, setTimezone] = useState("");
@@ -131,24 +129,19 @@ export default function Settings() {
       });
       return;
     }
-    setWantAuthUrl(true);
+    const returnPath = `${window.location.pathname}${window.location.search}`;
+    startWorkspaceProviderOAuth("google_calendar", {
+      appId: "calendar",
+      returnPath,
+      scope: "user",
+    });
   }
 
-  useEffect(() => {
-    if (!wantAuthUrl || !authUrl.data?.url) return;
-    setWantAuthUrl(false);
-    window.open(authUrl.data.url, "_blank");
-  }, [wantAuthUrl, authUrl.data]);
-
-  useEffect(() => {
-    if (authUrl.error) {
-      toast.error(authUrl.error.message);
-      setWantAuthUrl(false);
-    }
-  }, [authUrl.error]);
-
   async function handleDisconnect() {
-    const accounts = googleStatus.data?.accounts ?? [];
+    const accounts = (googleStatus.data?.accounts ?? []).filter(
+      (account) => !account.shared,
+    );
+    if (accounts.length === 0) return;
     try {
       for (const account of accounts) {
         await disconnectGoogle.mutateAsync(account.email);
@@ -278,71 +271,85 @@ export default function Settings() {
           </SettingsGroup>
 
           {/* Google Calendar Connection */}
-          <Card id="google-calendar" className="scroll-mt-16">
-            <CardHeader>
-              <CardTitle className="text-lg">
-                {t("settings.googleCalendar")}
-              </CardTitle>
-              <CardDescription>
-                {t("settings.googleDescription")}
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="flex items-center justify-between">
-                <div className="flex items-center gap-3">
-                  {googleStatus.data?.connected ? (
-                    <>
-                      <IconCircleCheck className="h-5 w-5 text-emerald-600 dark:text-emerald-400" />
-                      <div>
-                        <p className="text-sm font-medium">
-                          {t("common.connected")}
-                        </p>
-                        {googleStatus.data.accounts?.length > 0 && (
-                          <p className="text-xs text-muted-foreground">
-                            {googleStatus.data.accounts
-                              .map((a) => a.email)
-                              .join(", ")}
+          {(googleStatus.isError ||
+            googleStatus.data?.connected ||
+            googleStatus.data?.configured === true ||
+            canOfferGoogleOAuthSetup) && (
+            <Card id="google-calendar" className="scroll-mt-16">
+              <CardHeader>
+                <CardTitle className="text-lg">
+                  {t("settings.googleCalendar")}
+                </CardTitle>
+                <CardDescription>
+                  {t("settings.googleDescription")}
+                </CardDescription>
+              </CardHeader>
+              <CardContent>
+                <div className="flex items-center justify-between">
+                  <div className="flex items-center gap-3">
+                    {googleStatus.data?.connected ? (
+                      <>
+                        <IconCircleCheck className="h-5 w-5 text-emerald-600 dark:text-emerald-400" />
+                        <div>
+                          <p className="text-sm font-medium">
+                            {t("common.connected")}
                           </p>
-                        )}
-                      </div>
-                    </>
-                  ) : (
-                    <>
-                      <IconCircleX className="h-5 w-5 text-muted-foreground" />
-                      <p className="text-sm text-muted-foreground">
-                        {t("common.notConnected")}
-                      </p>
-                    </>
-                  )}
-                </div>
+                          {googleStatus.data.accounts?.length > 0 && (
+                            <p className="text-xs text-muted-foreground">
+                              {googleStatus.data.accounts
+                                .map((a) => a.email)
+                                .join(", ")}
+                            </p>
+                          )}
+                        </div>
+                      </>
+                    ) : (
+                      <>
+                        <IconCircleX className="h-5 w-5 text-muted-foreground" />
+                        <p className="text-sm text-muted-foreground">
+                          {t("common.notConnected")}
+                        </p>
+                      </>
+                    )}
+                  </div>
 
-                {googleStatus.data?.connected ? (
-                  <Button
-                    variant="outline"
-                    size="sm"
-                    onClick={handleDisconnect}
-                    disabled={disconnectGoogle.isPending}
-                  >
-                    <IconUnlink className="me-1.5 h-3.5 w-3.5" />
-                    {t("common.disconnect")}
-                  </Button>
-                ) : (
-                  <Button
-                    size="sm"
-                    onClick={handleConnect}
-                    disabled={
-                      authUrl.isLoading ||
-                      authUrl.isFetching ||
-                      isGoogleDesktopAuthPending
-                    }
-                  >
-                    <IconExternalLink className="me-1.5 h-3.5 w-3.5" />
-                    {t("common.connect")}
-                  </Button>
-                )}
-              </div>
-            </CardContent>
-          </Card>
+                  {googleStatus.isError ? (
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => void googleStatus.refetch()}
+                      disabled={googleStatus.isFetching}
+                    >
+                      {t("common.retry")}
+                    </Button>
+                  ) : googleStatus.data?.connected &&
+                    googleStatus.data.accounts.some(
+                      (account) => !account.shared,
+                    ) ? (
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={handleDisconnect}
+                      disabled={disconnectGoogle.isPending}
+                    >
+                      <IconUnlink className="me-1.5 h-3.5 w-3.5" />
+                      {t("common.disconnect")}
+                    </Button>
+                  ) : googleStatus.data?.configured === true ||
+                    canOfferGoogleOAuthSetup ? (
+                    <Button
+                      size="sm"
+                      onClick={handleConnect}
+                      disabled={isGoogleDesktopAuthPending}
+                    >
+                      <IconExternalLink className="me-1.5 h-3.5 w-3.5" />
+                      {t("common.connect")}
+                    </Button>
+                  ) : null}
+                </div>
+              </CardContent>
+            </Card>
+          )}
 
           <Card id="zoom" className="scroll-mt-16">
             <CardHeader>

package/corpus/templates/calendar/app/routes.ts

@@ -1,4 +1,6 @@
 import { type RouteConfig } from "@react-router/dev/routes";
 import { flatRoutes } from "@react-router/fs-routes";
 
-export default flatRoutes() satisfies RouteConfig;
+export default flatRoutes({
+  ignoredRouteFiles: ["**/*.test.{ts,tsx}", "**/*.spec.{ts,tsx}"],
+}) satisfies RouteConfig;

package/corpus/templates/calendar/changelog/2026-08-22-booking-link-visibility-respects-shared-access.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-22
+---
+
+Booking link visibility controls now respect shared access and keep disabled links hidden when edited.

package/corpus/templates/calendar/changelog/2026-08-22-clicking-an-out-of-office-event-s-marker-no-longer-creates-a.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-22
+---
+
+Clicking an out-of-office event's marker no longer creates a new draft event at an unrelated time

package/corpus/templates/calendar/changelog/2026-08-22-event-detail-views-now-show-your-calendar-timezone.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-22
+---
+
+Opening an event's details now shows its time in your calendar timezone instead of the timezone it was originally created in.

package/corpus/templates/calendar/changelog/2026-08-22-google-calendar-can-now-connect-with-the-shared-google-oauth.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-22
+---
+
+Google Calendar can now connect with the shared Google OAuth app in one click

package/corpus/templates/calendar/changelog/2026-08-22-overlapping-events-now-show-each-others-boundaries.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-22
+---
+
+Overlapping events now split the available width so each one's edge stays visible instead of being covered by the event on top of it.

package/corpus/templates/calendar/changelog/2026-08-22-public-booking-pages-now-offer-time-slots-from-the-host-s-we.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-22
+---
+
+Public booking pages now offer time slots from the host's weekly schedule even when the host hasn't connected Google Calendar

package/corpus/templates/calendar/server/handlers/bookings.ts

@@ -567,17 +567,15 @@ export async function getConflictItems({
   );
   const freeBusyResolvedHosts = new Set<string>();
 
+  // Google is an availability enhancement, not a requirement: an owner who
+  // hasn't connected Google still has a schedule-only availability computed
+  // below from the weekly schedule and existing SQL bookings. Only actual
+  // Google failures (free/busy errors, event-listing errors, thrown
+  // exceptions) mark availability unavailable — not "not connected".
   const ownerConnected = ownerEmail
     ? await googleCalendar.isConnected(ownerEmail)
     : false;
 
-  if (ownerEmail && !ownerConnected) {
-    return {
-      items: [],
-      unavailableReason: formatAvailabilityUnavailableReason(ownerEmail),
-    };
-  }
-
   if (ownerConnected) {
     try {
       const [freeBusy, googleEventsResult] = await Promise.all([

package/corpus/templates/calendar/server/handlers/google-auth.ts

@@ -5,6 +5,7 @@ import {
   isElectron,
   getAppUrl,
   GOOGLE_PRIMARY_PROVIDER_CREDENTIAL_KEYS,
+  hasWorkspaceProviderOAuthCredentials,
   resolveGoogleSignInCredentials,
   resolveGoogleProviderCredentialCandidatesWithReader,
   resolveOAuthRedirectUri,
@@ -687,7 +688,12 @@ export const handleGoogleAddAccountCallback = defineEventHandler(
 export const getGoogleStatus = defineEventHandler(async (event: H3Event) => {
   try {
     const session = await getSession(event);
-    return await getAuthStatus(session?.email, session?.orgId);
+    const status = await getAuthStatus(session?.email, session?.orgId);
+    const configured = await runWithRequestContext(
+      { userEmail: session?.email, orgId: session?.orgId },
+      () => hasWorkspaceProviderOAuthCredentials("google_calendar"),
+    );
+    return { ...status, configured };
   } catch (error: any) {
     setResponseStatus(event, 500);
     return { error: error.message };
@@ -708,7 +714,9 @@ export const disconnectGoogle = defineEventHandler(async (event: H3Event) => {
       return { error: "email is required" };
     }
     const owned = await getAuthStatus(session.email, session.orgId);
-    const isOwned = owned.accounts.some((a) => a.email === targetEmail);
+    const isOwned = owned.accounts.some(
+      (a) => a.email === targetEmail && !a.shared,
+    );
     if (!isOwned) {
       setResponseStatus(event, 403);
       return { error: "Cannot disconnect an account you don't own" };