@agent-native/core 0.96.0 → 0.98.0

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

@@ -612,7 +612,14 @@ export default function BookingLinksPage({
   const navigate = useNavigate();
   const [searchParams] = useSearchParams();
   const initialTab = (searchParams.get("tab") as Tab) || "links";
-  const { data: bookingLinks = [], isLoading } = useBookingLinks();
+  const bookingLinksQuery = useBookingLinks();
+  const {
+    data: bookingLinks = [],
+    isLoading,
+    isError: bookingLinksError,
+    isFetching: bookingLinksFetching,
+    refetch: refetchBookingLinks,
+  } = bookingLinksQuery;
   const createBookingLink = useCreateBookingLink();
   const updateBookingLink = useUpdateBookingLink();
   const deleteBookingLink = useDeleteBookingLink();
@@ -1048,6 +1055,21 @@ export default function BookingLinksPage({
 
   // If a link is selected, show the detail/edit view
   if (selectedId) {
+    if (bookingLinksError && !isLoading) {
+      return (
+        <div className="flex min-h-[50vh] flex-col items-center justify-center gap-3 px-6 text-center">
+          <p className="text-sm text-destructive">{t("common.loadFailed")}</p>
+          <Button
+            size="sm"
+            variant="outline"
+            onClick={() => void refetchBookingLinks()}
+            disabled={bookingLinksFetching}
+          >
+            {t("common.retry")}
+          </Button>
+        </div>
+      );
+    }
     return (
       <div className="mx-auto max-w-6xl space-y-6 px-4 py-5 sm:p-6">
         {/* Two-column layout: form left, preview right */}
@@ -1511,6 +1533,20 @@ export default function BookingLinksPage({
           <div className="space-y-6">
             {isLoading ? (
               <BookingLinksListSkeleton />
+            ) : bookingLinksError ? (
+              <div className="flex flex-col items-center justify-center gap-3 rounded-xl border border-destructive/30 px-6 py-16 text-center">
+                <p className="text-sm text-destructive">
+                  {t("common.loadFailed")}
+                </p>
+                <Button
+                  size="sm"
+                  variant="outline"
+                  onClick={() => void refetchBookingLinks()}
+                  disabled={bookingLinksFetching}
+                >
+                  {t("common.retry")}
+                </Button>
+              </div>
             ) : !hasLinks ? (
               <div className="flex flex-col items-center justify-center rounded-xl border border-dashed border-border py-16 px-6 text-center">
                 <div className="flex h-12 w-12 items-center justify-center rounded-full bg-muted mb-4">

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

@@ -35,8 +35,10 @@ type FilterStatus = "all" | "confirmed" | "cancelled";
 
 export default function BookingsList() {
   const t = useT();
-  const { data: bookings = [] } = useBookings();
-  const { data: bookingLinks = [] } = useBookingLinks();
+  const bookingsQuery = useBookings();
+  const bookingLinksQuery = useBookingLinks();
+  const bookings = bookingsQuery.data ?? [];
+  const bookingLinks = bookingLinksQuery.data ?? [];
   const deleteBooking = useDeleteBooking();
   const [filter, setFilter] = useState<FilterStatus>("all");
 
@@ -81,7 +83,22 @@ export default function BookingsList() {
         </TabsList>
       </Tabs>
 
-      {filtered.length === 0 ? (
+      {bookingsQuery.isError || bookingLinksQuery.isError ? (
+        <div className="flex flex-col items-center justify-center gap-3 rounded-lg border border-destructive/30 py-12 text-center">
+          <p className="text-sm text-destructive">{t("common.loadFailed")}</p>
+          <Button
+            size="sm"
+            variant="outline"
+            onClick={() => {
+              void bookingsQuery.refetch();
+              void bookingLinksQuery.refetch();
+            }}
+            disabled={bookingsQuery.isFetching || bookingLinksQuery.isFetching}
+          >
+            {t("common.retry")}
+          </Button>
+        </div>
+      ) : filtered.length === 0 ? (
         <div className="flex flex-col items-center justify-center rounded-lg border border-dashed border-border py-12">
           <p className="text-sm text-muted-foreground">
             {t("bookingLinks.noBookingsFound")}

package/corpus/templates/calendar/changelog/2026-07-11-booking-load-failures-now-show-a-retry-action.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-11
+---
+
+Booking links and bookings now show a clear retry action when they cannot be loaded.

package/corpus/templates/calendar/changelog/2026-07-11-event-cards-give-subtle-press-feedback-and-smoother-hover.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-11
+---
+
+Event cards give subtle press feedback and smoother hover

package/corpus/templates/calendar/package.json

@@ -26,7 +26,7 @@
     "chrono-node": "2.9.1",
     "dotenv": "^17.2.1",
     "drizzle-orm": "^0.45.2",
-    "h3": "^2.0.1-rc.20",
+    "h3": "catalog:",
     "isbot": "^5",
     "nanoid": "^5.1.9",
     "zod": "^4.3.6"
@@ -93,7 +93,6 @@
     "tailwind-merge": "^3.5.0",
     "tailwindcss": "catalog:",
     "tsx": "^4.20.3",
-    "typescript": "catalog:",
     "typescript-7": "catalog:",
     "vaul": "^1.1.2",
     "vite": "catalog:",

package/corpus/templates/chat/.agents/skills/frontend-design/SKILL.md

@@ -48,7 +48,7 @@ Default to Apple/Linear-level restraint: make the primary workflow obvious, then
 
 - **Typography**: Use the product's existing type system first. For net-new public pages, choose characterful but readable type and keep sizing appropriate to the surface.
 - **Color and theme**: Use semantic tokens and CSS variables. Avoid one-note palettes and default purple/blue gradients unless the brand demands them.
-- **Motion**: Prefer purposeful transitions and small state changes. Use CSS transitions/keyframes unless the app already uses a motion library.
+- **Motion**: Prefer purposeful transitions and small state changes. Use CSS transitions/keyframes unless the app already uses a motion library. Never `transition-all` — list the properties that actually change (e.g. `transition-[opacity,transform]`). Use the shared easing tokens defined in `packages/core/src/styles/agent-native.css` instead of hand-typing curves: `var(--ease-drawer)` (260ms, drawers/app chrome), `var(--ease-collapse)` (200ms, expand/collapse), `var(--ease-out-strong)` (snappy entrances) — in Tailwind, `ease-[var(--ease-collapse)]`. Enter/exit with ease-out, never `ease-in`. Overlays that zoom in must set the Radix origin var (e.g. `origin-[--radix-popover-content-transform-origin]`). Animate `transform`/`opacity`, not width/height/padding/box-shadow. Gate looping or large-movement animations with `motion-reduce:`. Command palettes and keyboard-triggered actions get no animation.
 - **Composition**: Match the workflow. Operational apps should be dense and scannable; marketing or portfolio pages can be more immersive.
 - **Visual assets**: Websites, games, and object-focused pages need real or generated media when images help users understand the subject.
 - **Responsive fit**: Text must not overflow buttons, cards, tabs, sidebars, or fixed-format tools. Use stable dimensions for boards, grids, toolbars, and counters.

package/corpus/templates/chat/package.json

@@ -19,7 +19,7 @@
     "@fontsource-variable/inter": "^5.2.8",
     "@libsql/client": "^0.15.8",
     "@tabler/icons-react": "catalog:",
-    "h3": "^2.0.1-rc.20",
+    "h3": "catalog:",
     "isbot": "^5",
     "node-pty": "^1.1.0",
     "zod": "^4.4.3"
@@ -81,7 +81,6 @@
     "tailwind-merge": "^3.5.0",
     "tailwindcss": "catalog:",
     "tsx": "^4.20.3",
-    "typescript": "catalog:",
     "typescript-7": "catalog:",
     "vaul": "^1.1.2",
     "vite": "catalog:",

package/corpus/templates/clips/.agents/skills/frontend-design/SKILL.md

@@ -48,7 +48,7 @@ Default to Apple/Linear-level restraint: make the primary workflow obvious, then
 
 - **Typography**: Use the product's existing type system first. For net-new public pages, choose characterful but readable type and keep sizing appropriate to the surface.
 - **Color and theme**: Use semantic tokens and CSS variables. Avoid one-note palettes and default purple/blue gradients unless the brand demands them.
-- **Motion**: Prefer purposeful transitions and small state changes. Use CSS transitions/keyframes unless the app already uses a motion library.
+- **Motion**: Prefer purposeful transitions and small state changes. Use CSS transitions/keyframes unless the app already uses a motion library. Never `transition-all` — list the properties that actually change (e.g. `transition-[opacity,transform]`). Use the shared easing tokens defined in `packages/core/src/styles/agent-native.css` instead of hand-typing curves: `var(--ease-drawer)` (260ms, drawers/app chrome), `var(--ease-collapse)` (200ms, expand/collapse), `var(--ease-out-strong)` (snappy entrances) — in Tailwind, `ease-[var(--ease-collapse)]`. Enter/exit with ease-out, never `ease-in`. Overlays that zoom in must set the Radix origin var (e.g. `origin-[--radix-popover-content-transform-origin]`). Animate `transform`/`opacity`, not width/height/padding/box-shadow. Gate looping or large-movement animations with `motion-reduce:`. Command palettes and keyboard-triggered actions get no animation.
 - **Composition**: Match the workflow. Operational apps should be dense and scannable; marketing or portfolio pages can be more immersive.
 - **Visual assets**: Websites, games, and object-focused pages need real or generated media when images help users understand the subject.
 - **Responsive fit**: Text must not overflow buttons, cards, tabs, sidebars, or fixed-format tools. Use stable dimensions for boards, grids, toolbars, and counters.

package/corpus/templates/clips/actions/decline-invite.ts

@@ -14,6 +14,7 @@ import { eq } from "drizzle-orm";
 import { z } from "zod";
 
 import { getDb } from "../server/db/index.js";
+import { getCurrentOwnerEmail } from "../server/lib/recordings.js";
 
 export default defineAction({
   description:
@@ -23,10 +24,14 @@ export default defineAction({
   }),
   run: async (args) => {
     const db = getDb();
+    const me = getCurrentOwnerEmail();
+    const meLower = me.toLowerCase();
+
     const [invite] = await db
       .select({
         id: orgInvitations.id,
         orgId: orgInvitations.orgId,
+        email: orgInvitations.email,
       })
       .from(orgInvitations)
       .where(eq(orgInvitations.id, args.token))
@@ -34,6 +39,9 @@ export default defineAction({
     if (!invite) {
       return { declined: false, error: "Invite not found." };
     }
+    if (invite.email.trim().toLowerCase() !== meLower) {
+      throw new Error("This invite was sent to a different email address.");
+    }
 
     await db
       .update(orgInvitations)

package/corpus/templates/clips/app/components/library/folder-tree.tsx

@@ -21,6 +21,11 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
 import {
   ContextMenu,
   ContextMenuContent,
@@ -137,202 +142,219 @@ function FolderItem({
   const createFolder = useCreateFolder();
 
   return (
-    <li>
-      <ContextMenu>
-        <ContextMenuTrigger asChild>
-          <div
-            className={cn(
-              "group flex items-center gap-1 rounded px-1.5 py-1 text-xs",
-              isActive
-                ? "bg-primary/10 text-primary"
-                : "text-foreground hover:bg-accent/60",
-            )}
-            style={{ paddingInlineStart: 6 + depth * 12 }}
-          >
-            <button
-              type="button"
+    <Collapsible open={open} onOpenChange={setOpen} asChild>
+      <li>
+        <ContextMenu>
+          <ContextMenuTrigger asChild>
+            <div
               className={cn(
-                "rounded p-0.5 text-muted-foreground",
-                !hasChildren && "invisible",
+                "group flex items-center gap-1 rounded px-1.5 py-1 text-xs",
+                isActive
+                  ? "bg-primary/10 text-primary"
+                  : "text-foreground hover:bg-accent/60",
               )}
-              onClick={(e) => {
-                e.stopPropagation();
-                setOpen((o) => !o);
-              }}
+              style={{ paddingInlineStart: 6 + depth * 12 }}
             >
-              <IconChevronRight
-                className={cn(
-                  "h-3 w-3 transition-transform rtl:-scale-x-100",
-                  open && "rotate-90",
+              <CollapsibleTrigger asChild disabled={!hasChildren}>
+                <button
+                  type="button"
+                  className={cn(
+                    "rounded p-0.5 text-muted-foreground",
+                    !hasChildren && "invisible",
+                  )}
+                  onClick={(e) => e.stopPropagation()}
+                  aria-label={`${t(open ? "settings.collapse" : "settings.expand")}: ${node.name}`}
+                >
+                  <IconChevronRight
+                    className={cn(
+                      "h-3 w-3 transition-transform motion-reduce:transition-none rtl:-scale-x-100",
+                      open && "rotate-90",
+                    )}
+                  />
+                </button>
+              </CollapsibleTrigger>
+              <NavLink
+                to={buildPath(node.id)}
+                className="flex min-w-0 flex-1 items-center gap-1.5"
+              >
+                {open && hasChildren ? (
+                  <IconFolderOpen className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                ) : (
+                  <IconFolder className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
                 )}
-              />
-            </button>
-            <NavLink
-              to={buildPath(node.id)}
-              className="flex min-w-0 flex-1 items-center gap-1.5"
-            >
-              {open && hasChildren ? (
-                <IconFolderOpen className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
-              ) : (
-                <IconFolder className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
-              )}
-              <span className="truncate">{node.name}</span>
-            </NavLink>
-          </div>
-        </ContextMenuTrigger>
-        <ContextMenuContent>
-          <ContextMenuItem
-            onSelect={() => {
-              setRenameValue(node.name);
-              setRenameOpen(true);
-            }}
-          >
-            <IconEdit className="h-3.5 w-3.5 me-2" /> {t("folderTree.rename")}
-          </ContextMenuItem>
-          <ContextMenuItem
-            onSelect={() => {
-              setNewValue("");
-              setNewOpen(true);
-            }}
-          >
-            <IconFolderPlus className="h-3.5 w-3.5 me-2" />{" "}
-            {t("folderTree.newSubfolder")}
-          </ContextMenuItem>
-          <ContextMenuSeparator />
-          <ContextMenuItem
-            onSelect={() => setConfirmDelete(true)}
-            className="text-destructive"
-          >
-            <IconTrash className="h-3.5 w-3.5 me-2" /> {t("folderTree.delete")}
-          </ContextMenuItem>
-        </ContextMenuContent>
-      </ContextMenu>
-
-      {open && hasChildren && (
-        <ul className="space-y-0.5">
-          {node.children!.map((child) => (
-            <FolderItem
-              key={child.id}
-              node={child}
-              depth={depth + 1}
-              buildPath={buildPath}
-              activeFolderId={activeFolderId}
-              organizationId={organizationId}
-              spaceId={spaceId}
-            />
-          ))}
-        </ul>
-      )}
-
-      {/* Rename dialog */}
-      <AlertDialog open={renameOpen} onOpenChange={setRenameOpen}>
-        <AlertDialogContent>
-          <AlertDialogHeader>
-            <AlertDialogTitle>{t("folderTree.renameFolder")}</AlertDialogTitle>
-          </AlertDialogHeader>
-          <input
-            autoFocus
-            value={renameValue}
-            onChange={(e) => setRenameValue(e.target.value)}
-            className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/30"
-          />
-          <AlertDialogFooter>
-            <AlertDialogCancel>{t("common.cancel")}</AlertDialogCancel>
-            <AlertDialogAction
-              onClick={() => {
-                const name = renameValue.trim();
-                if (!name) return;
-                renameFolder.mutate(
-                  { id: node.id, name },
-                  {
-                    onSuccess: () => toast.success(t("folderTree.renamed")),
-                    onError: (err: any) =>
-                      toast.error(err?.message ?? t("folderTree.renameFailed")),
-                  },
-                );
-                setRenameOpen(false);
+                <span className="truncate">{node.name}</span>
+              </NavLink>
+            </div>
+          </ContextMenuTrigger>
+          <ContextMenuContent>
+            <ContextMenuItem
+              onSelect={() => {
+                setRenameValue(node.name);
+                setRenameOpen(true);
               }}
             >
-              {t("common.save")}
-            </AlertDialogAction>
-          </AlertDialogFooter>
-        </AlertDialogContent>
-      </AlertDialog>
-
-      {/* New subfolder dialog */}
-      <AlertDialog open={newOpen} onOpenChange={setNewOpen}>
-        <AlertDialogContent>
-          <AlertDialogHeader>
-            <AlertDialogTitle>{t("folderTree.newSubfolder")}</AlertDialogTitle>
-            <AlertDialogDescription>
-              {t("folderTree.createInside", { name: node.name })}
-            </AlertDialogDescription>
-          </AlertDialogHeader>
-          <input
-            autoFocus
-            value={newValue}
-            onChange={(e) => setNewValue(e.target.value)}
-            placeholder={t("folderTree.folderName")}
-            className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/30"
-          />
-          <AlertDialogFooter>
-            <AlertDialogCancel>{t("common.cancel")}</AlertDialogCancel>
-            <AlertDialogAction
-              onClick={() => {
-                const name = newValue.trim();
-                if (!name) return;
-                createFolder.mutate(
-                  {
-                    name,
-                    ...(organizationId ? { organizationId } : {}),
-                    spaceId: spaceId ?? undefined,
-                    parentId: node.id,
-                  },
-                  {
-                    onSuccess: () => toast.success(t("folderTree.created")),
-                    onError: (err: any) =>
-                      toast.error(err?.message ?? t("folderTree.createFailed")),
-                  },
-                );
-                setNewOpen(false);
+              <IconEdit className="h-3.5 w-3.5 me-2" /> {t("folderTree.rename")}
+            </ContextMenuItem>
+            <ContextMenuItem
+              onSelect={() => {
+                setNewValue("");
+                setNewOpen(true);
               }}
             >
-              {t("common.create")}
-            </AlertDialogAction>
-          </AlertDialogFooter>
-        </AlertDialogContent>
-      </AlertDialog>
-
-      {/* Delete confirm */}
-      <AlertDialog open={confirmDelete} onOpenChange={setConfirmDelete}>
-        <AlertDialogContent>
-          <AlertDialogHeader>
-            <AlertDialogTitle>{t("folderTree.deleteFolder")}</AlertDialogTitle>
-            <AlertDialogDescription>
-              {t("folderTree.deleteDescription")}
-            </AlertDialogDescription>
-          </AlertDialogHeader>
-          <AlertDialogFooter>
-            <AlertDialogCancel>{t("common.cancel")}</AlertDialogCancel>
-            <AlertDialogAction
-              className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
-              onClick={() => {
-                deleteFolder.mutate(
-                  { id: node.id },
-                  {
-                    onSuccess: () => toast.success(t("folderTree.deleted")),
-                    onError: (err: any) =>
-                      toast.error(err?.message ?? t("folderTree.deleteFailed")),
-                  },
-                );
-                setConfirmDelete(false);
-              }}
+              <IconFolderPlus className="h-3.5 w-3.5 me-2" />{" "}
+              {t("folderTree.newSubfolder")}
+            </ContextMenuItem>
+            <ContextMenuSeparator />
+            <ContextMenuItem
+              onSelect={() => setConfirmDelete(true)}
+              className="text-destructive"
             >
+              <IconTrash className="h-3.5 w-3.5 me-2" />{" "}
               {t("folderTree.delete")}
-            </AlertDialogAction>
-          </AlertDialogFooter>
-        </AlertDialogContent>
-      </AlertDialog>
-    </li>
+            </ContextMenuItem>
+          </ContextMenuContent>
+        </ContextMenu>
+
+        {hasChildren ? (
+          <CollapsibleContent className="clips-collapsible-content">
+            <ul className="space-y-0.5">
+              {node.children!.map((child) => (
+                <FolderItem
+                  key={child.id}
+                  node={child}
+                  depth={depth + 1}
+                  buildPath={buildPath}
+                  activeFolderId={activeFolderId}
+                  organizationId={organizationId}
+                  spaceId={spaceId}
+                />
+              ))}
+            </ul>
+          </CollapsibleContent>
+        ) : null}
+
+        {/* Rename dialog */}
+        <AlertDialog open={renameOpen} onOpenChange={setRenameOpen}>
+          <AlertDialogContent>
+            <AlertDialogHeader>
+              <AlertDialogTitle>
+                {t("folderTree.renameFolder")}
+              </AlertDialogTitle>
+            </AlertDialogHeader>
+            <input
+              autoFocus
+              value={renameValue}
+              onChange={(e) => setRenameValue(e.target.value)}
+              className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/30"
+            />
+            <AlertDialogFooter>
+              <AlertDialogCancel>{t("common.cancel")}</AlertDialogCancel>
+              <AlertDialogAction
+                onClick={() => {
+                  const name = renameValue.trim();
+                  if (!name) return;
+                  renameFolder.mutate(
+                    { id: node.id, name },
+                    {
+                      onSuccess: () => toast.success(t("folderTree.renamed")),
+                      onError: (err: any) =>
+                        toast.error(
+                          err?.message ?? t("folderTree.renameFailed"),
+                        ),
+                    },
+                  );
+                  setRenameOpen(false);
+                }}
+              >
+                {t("common.save")}
+              </AlertDialogAction>
+            </AlertDialogFooter>
+          </AlertDialogContent>
+        </AlertDialog>
+
+        {/* New subfolder dialog */}
+        <AlertDialog open={newOpen} onOpenChange={setNewOpen}>
+          <AlertDialogContent>
+            <AlertDialogHeader>
+              <AlertDialogTitle>
+                {t("folderTree.newSubfolder")}
+              </AlertDialogTitle>
+              <AlertDialogDescription>
+                {t("folderTree.createInside", { name: node.name })}
+              </AlertDialogDescription>
+            </AlertDialogHeader>
+            <input
+              autoFocus
+              value={newValue}
+              onChange={(e) => setNewValue(e.target.value)}
+              placeholder={t("folderTree.folderName")}
+              className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/30"
+            />
+            <AlertDialogFooter>
+              <AlertDialogCancel>{t("common.cancel")}</AlertDialogCancel>
+              <AlertDialogAction
+                onClick={() => {
+                  const name = newValue.trim();
+                  if (!name) return;
+                  createFolder.mutate(
+                    {
+                      name,
+                      ...(organizationId ? { organizationId } : {}),
+                      spaceId: spaceId ?? undefined,
+                      parentId: node.id,
+                    },
+                    {
+                      onSuccess: () => toast.success(t("folderTree.created")),
+                      onError: (err: any) =>
+                        toast.error(
+                          err?.message ?? t("folderTree.createFailed"),
+                        ),
+                    },
+                  );
+                  setNewOpen(false);
+                }}
+              >
+                {t("common.create")}
+              </AlertDialogAction>
+            </AlertDialogFooter>
+          </AlertDialogContent>
+        </AlertDialog>
+
+        {/* Delete confirm */}
+        <AlertDialog open={confirmDelete} onOpenChange={setConfirmDelete}>
+          <AlertDialogContent>
+            <AlertDialogHeader>
+              <AlertDialogTitle>
+                {t("folderTree.deleteFolder")}
+              </AlertDialogTitle>
+              <AlertDialogDescription>
+                {t("folderTree.deleteDescription")}
+              </AlertDialogDescription>
+            </AlertDialogHeader>
+            <AlertDialogFooter>
+              <AlertDialogCancel>{t("common.cancel")}</AlertDialogCancel>
+              <AlertDialogAction
+                className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+                onClick={() => {
+                  deleteFolder.mutate(
+                    { id: node.id },
+                    {
+                      onSuccess: () => toast.success(t("folderTree.deleted")),
+                      onError: (err: any) =>
+                        toast.error(
+                          err?.message ?? t("folderTree.deleteFailed"),
+                        ),
+                    },
+                  );
+                  setConfirmDelete(false);
+                }}
+              >
+                {t("folderTree.delete")}
+              </AlertDialogAction>
+            </AlertDialogFooter>
+          </AlertDialogContent>
+        </AlertDialog>
+      </li>
+    </Collapsible>
   );
 }

package/corpus/templates/clips/app/components/meetings/meeting-card.tsx

@@ -95,7 +95,7 @@ export function MeetingCard({ meeting }: { meeting: MeetingCardData }) {
     >
       <Card
         className={cn(
-          "cursor-pointer transition-all duration-150",
+          "cursor-pointer transition-[transform,box-shadow,border-color] duration-150",
           "hover:border-foreground/20 hover:shadow-sm hover:-translate-y-px",
           "bg-background",
         )}
@@ -228,7 +228,7 @@ export function UpcomingMeetingCard({
   return (
     <Card
       className={cn(
-        "transition-all duration-150 hover:border-foreground/20 hover:shadow-sm",
+        "transition-[transform,box-shadow,border-color] duration-150 hover:border-foreground/20 hover:shadow-sm",
         joinable && "border-foreground/25",
       )}
     >