@agent-native/core 0.171.1 → 0.172.0

package/corpus/README.md

@@ -31,4 +31,4 @@ rg -n "defineAction|useActionQuery" node_modules/@agent-native/core/corpus
 
 ## Generated Counts
 
-- template files: 8585
+- template files: 8586

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

@@ -2450,17 +2450,15 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
                       : "text-muted-foreground hover:bg-sidebar-accent/50",
                   )}
                 >
-                  <button
-                    type="button"
-                    onClick={toggleDashOpen}
+                  <Link
+                    to="/dashboards"
                     className="flex min-w-0 flex-1 items-center gap-3 px-3 py-2 text-start"
-                    aria-expanded={dashOpen}
                   >
                     <IconChartBar className="h-4 w-4 shrink-0" />
                     <span className="min-w-0 flex-1 truncate">
                       {t("navigation.dashboards")}
                     </span>
-                  </button>
+                  </Link>
                   <SidebarSectionSettingsPopover
                     label={t("navigation.dashboards")}
                     sortMode={dashboardSortMode}
@@ -2477,6 +2475,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
                         ? t("sidebar.collapseDashboards")
                         : t("sidebar.expandDashboards")
                     }
+                    aria-expanded={dashOpen}
                   >
                     <IconChevronDown
                       className={cn(

package/corpus/templates/calendar/actions/create-event.ts

@@ -216,10 +216,16 @@ export default defineAction({
     };
 
     let zoomMeetingLink: string | undefined;
+    let videoConferenceError: CalendarEvent["videoConferenceError"];
     if (args.addZoom) {
-      const zoom = await prepareZoomMeetingPatch(email, calEvent);
-      zoomMeetingLink = zoom.meetingLink;
-      Object.assign(calEvent, zoom.patch);
+      try {
+        const zoom = await prepareZoomMeetingPatch(email, calEvent);
+        zoomMeetingLink = zoom.meetingLink;
+        Object.assign(calEvent, zoom.patch);
+      } catch (error) {
+        videoConferenceError = "zoom";
+        console.error("[create-event] Zoom meeting provisioning failed", error);
+      }
     }
 
     const result = await googleCalendar.createEvent(calEvent, {
@@ -238,6 +244,8 @@ export default defineAction({
     if (result.meetLink) calEvent.hangoutLink = result.meetLink;
     if (result.conferenceData) calEvent.conferenceData = result.conferenceData;
     if (zoomMeetingLink) calEvent.meetingLink = zoomMeetingLink;
+    if (videoConferenceError)
+      calEvent.videoConferenceError = videoConferenceError;
 
     try {
       emit(

package/corpus/templates/calendar/app/components/calendar/AddCalendarDialog.tsx

@@ -1,4 +1,3 @@
-import { callAction } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import {
   IconSearch,
@@ -8,7 +7,7 @@ import {
   IconLink,
   IconCalendarPlus,
 } from "@tabler/icons-react";
-import { useState, useEffect, useRef, useCallback } from "react";
+import { useState, useEffect, useMemo, useRef } from "react";
 import { toast } from "sonner";
 
 import { Button } from "@/components/ui/button";
@@ -31,17 +30,12 @@ import {
   useAddOverlayPerson,
   useRemoveOverlayPerson,
 } from "@/hooks/use-overlay-people";
-
-interface SearchResult {
-  name: string;
-  email: string;
-  photoUrl?: string;
-}
-
-interface SearchResponse {
-  results: SearchResult[];
-  scopeRequired?: boolean;
-}
+import {
+  filterPeopleResults,
+  mergePeopleResults,
+  usePeopleContacts,
+  usePeopleSearch,
+} from "@/hooks/use-people";
 
 const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 const URL_REGEX = /^(https?|webcal):\/\/.+/i;
@@ -67,7 +61,7 @@ export function AddCalendarDialog({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-[440px] gap-0 p-0 top-[8%] translate-y-0">
+      <DialogContent className="sm:max-w-[440px] max-h-[calc(85vh-1rem)] gap-0 overflow-y-auto p-0 top-[15vh] !translate-y-0">
         <DialogHeader className="px-4 pt-4 pb-0">
           <DialogTitle className="text-base">
             {t("eventForm.addCalendar")}
@@ -89,7 +83,7 @@ export function AddCalendarDialog({
           </TabsList>
 
           <TabsContent value="people" className="mt-0">
-            <PeopleTab onClose={() => onOpenChange(false)} />
+            <PeopleTab open={open} />
           </TabsContent>
 
           <TabsContent value="url" className="mt-0 px-4 pb-4 pt-3">
@@ -103,15 +97,12 @@ export function AddCalendarDialog({
 
 // ─── People tab ──────────────────────────────────────────────────────────────
 
-function PeopleTab({ onClose: _ }: { onClose: () => void }) {
+function PeopleTab({ open }: { open: boolean }) {
   const t = useT();
   const [query, setQuery] = useState("");
-  const [results, setResults] = useState<SearchResult[]>([]);
-  const [scopeRequired, setScopeRequired] = useState(false);
-  const [searching, setSearching] = useState(false);
+  const [searchQuery, setSearchQuery] = useState("");
   const [activeIndex, setActiveIndex] = useState(-1);
   const inputRef = useRef<HTMLInputElement>(null);
-  const debounceRef = useRef<ReturnType<typeof setTimeout>>(undefined);
   const listRef = useRef<HTMLDivElement>(null);
   const shouldScrollActiveResultRef = useRef(false);
 
@@ -119,46 +110,57 @@ function PeopleTab({ onClose: _ }: { onClose: () => void }) {
   const overlayPeople = Array.isArray(rawOverlayPeople) ? rawOverlayPeople : [];
   const addPerson = useAddOverlayPerson();
   const removePerson = useRemoveOverlayPerson();
+  const contacts = usePeopleContacts("directory", open);
+  const directorySearch = usePeopleSearch(searchQuery, open, "directory");
 
-  const overlayEmails = new Set(overlayPeople.map((p) => p.email));
-  const selectableResults = results.filter((r) => !overlayEmails.has(r.email));
-
-  const search = useCallback(async (q: string) => {
-    setSearching(true);
-    try {
-      const data = await callAction<SearchResponse>(
-        "search-people",
-        q ? { q, scope: "directory" } : { scope: "directory" },
-        { method: "GET" },
-      );
-      setResults(data.results ?? []);
-      setScopeRequired(data.scopeRequired ?? false);
-    } catch {
-      // ignore
-    } finally {
-      setSearching(false);
-    }
-  }, []);
+  const overlayEmails = useMemo(
+    () => new Set(overlayPeople.map((p) => p.email.toLowerCase())),
+    [overlayPeople],
+  );
+
+  const results = useMemo(
+    () =>
+      filterPeopleResults(
+        mergePeopleResults(
+          contacts.data?.results,
+          directorySearch.data?.results,
+        ),
+        query,
+        new Set(),
+      ),
+    [contacts.data?.results, directorySearch.data?.results, query],
+  );
+  const selectableResults = results.filter(
+    (r) => !overlayEmails.has(r.email.toLowerCase()),
+  );
+
+  const searching =
+    contacts.isLoading ||
+    contacts.isFetching ||
+    directorySearch.isLoading ||
+    directorySearch.isFetching;
+  const scopeRequired = Boolean(
+    contacts.data?.scopeRequired || directorySearch.data?.scopeRequired,
+  );
 
   useEffect(() => {
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    debounceRef.current = setTimeout(() => search(query), query ? 300 : 0);
-    return () => {
-      if (debounceRef.current) clearTimeout(debounceRef.current);
-    };
-  }, [query, search]);
+    const timeout = window.setTimeout(
+      () => setSearchQuery(query),
+      query.trim() ? 300 : 0,
+    );
+    return () => window.clearTimeout(timeout);
+  }, [query]);
 
   useEffect(() => {
     setActiveIndex(results.length > 0 ? 0 : -1);
   }, [results]);
 
   useEffect(() => {
+    if (!open) return;
     setQuery("");
-    setResults([]);
-    setScopeRequired(false);
+    setSearchQuery("");
     setActiveIndex(-1);
-    search("");
-  }, [search]);
+  }, [open]);
 
   useEffect(() => {
     if (
@@ -198,7 +200,10 @@ function PeopleTab({ onClose: _ }: { onClose: () => void }) {
         return;
       }
       const trimmed = query.trim();
-      if (EMAIL_REGEX.test(trimmed) && !overlayEmails.has(trimmed)) {
+      if (
+        EMAIL_REGEX.test(trimmed) &&
+        !overlayEmails.has(trimmed.toLowerCase())
+      ) {
         handleAdd(trimmed);
         setQuery("");
       }
@@ -229,7 +234,7 @@ function PeopleTab({ onClose: _ }: { onClose: () => void }) {
           className="max-h-48 overflow-y-auto border-t border-border"
         >
           {results.map((person) => {
-            const alreadyAdded = overlayEmails.has(person.email);
+            const alreadyAdded = overlayEmails.has(person.email.toLowerCase());
             const selectableIdx = selectableResults.indexOf(person);
             const isActive = !alreadyAdded && selectableIdx === activeIndex;
             return (

package/corpus/templates/calendar/app/components/calendar/CreateEventDialog.tsx

@@ -856,6 +856,9 @@ export function CreateEventPopover({
           deletePersistedDraft(activeDraftId);
           onDraftCreated?.(activeDraftId);
         }
+        if (result?.videoConferenceError === "zoom") {
+          toast.error(t("eventForm.zoomAddFailed"));
+        }
         const eventId = result?.id;
         const undo = eventId
           ? () => {

package/corpus/templates/calendar/app/components/calendar/DayView.tsx

@@ -297,7 +297,7 @@ const DayEventCard = memo(function DayEventCard({
       style={{
         ...posStyle,
         left: `calc(${li.left}% + ${li.indent}px)`,
-        width: `calc(${li.width}% - ${li.indent * 2 + 2}px)`,
+        width: `calc(${li.width}% - ${li.indent + 2}px)`,
         zIndex:
           isBeingDragged && isDragging
             ? 100

package/corpus/templates/calendar/app/components/calendar/PeopleSearchDialog.tsx

@@ -1,4 +1,3 @@
-import { callAction } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import {
   IconSearch,
@@ -6,7 +5,7 @@ import {
   IconUserPlus,
   IconLoader2,
 } from "@tabler/icons-react";
-import { useState, useEffect, useRef, useCallback } from "react";
+import { useState, useEffect, useMemo, useRef } from "react";
 
 import {
   Dialog,
@@ -19,17 +18,12 @@ import {
   useAddOverlayPerson,
   useRemoveOverlayPerson,
 } from "@/hooks/use-overlay-people";
-
-interface SearchResult {
-  name: string;
-  email: string;
-  photoUrl?: string;
-}
-
-interface SearchResponse {
-  results: SearchResult[];
-  scopeRequired?: boolean;
-}
+import {
+  filterPeopleResults,
+  mergePeopleResults,
+  usePeopleContacts,
+  usePeopleSearch,
+} from "@/hooks/use-people";
 
 const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 
@@ -44,12 +38,8 @@ export function PeopleSearchDialog({
 }: PeopleSearchDialogProps) {
   const t = useT();
   const [query, setQuery] = useState("");
-  const [results, setResults] = useState<SearchResult[]>([]);
-  const [scopeRequired, setScopeRequired] = useState(false);
-  const [searching, setSearching] = useState(false);
+  const [searchQuery, setSearchQuery] = useState("");
   const [activeIndex, setActiveIndex] = useState(-1);
-  const inputRef = useRef<HTMLInputElement>(null);
-  const debounceRef = useRef<ReturnType<typeof setTimeout>>(undefined);
   const listRef = useRef<HTMLDivElement>(null);
   const shouldScrollActiveResultRef = useRef(false);
 
@@ -57,52 +47,61 @@ export function PeopleSearchDialog({
   const overlayPeople = Array.isArray(rawOverlayPeople) ? rawOverlayPeople : [];
   const addPerson = useAddOverlayPerson();
   const removePerson = useRemoveOverlayPerson();
+  const contacts = usePeopleContacts("directory", open);
+  const directorySearch = usePeopleSearch(searchQuery, open, "directory");
+
+  const overlayEmails = useMemo(
+    () => new Set(overlayPeople.map((p) => p.email.toLowerCase())),
+    [overlayPeople],
+  );
 
-  const overlayEmails = new Set(overlayPeople.map((p) => p.email));
+  const results = useMemo(
+    () =>
+      filterPeopleResults(
+        mergePeopleResults(
+          contacts.data?.results,
+          directorySearch.data?.results,
+        ),
+        query,
+        new Set(),
+      ),
+    [contacts.data?.results, directorySearch.data?.results, query],
+  );
 
   // Selectable results (exclude already-added)
-  const selectableResults = results.filter((r) => !overlayEmails.has(r.email));
+  const selectableResults = results.filter(
+    (r) => !overlayEmails.has(r.email.toLowerCase()),
+  );
 
-  const search = useCallback(async (q: string) => {
-    setSearching(true);
-    try {
-      const data = await callAction<SearchResponse>(
-        "search-people",
-        q ? { q, scope: "directory" } : { scope: "directory" },
-        { method: "GET" },
-      );
-      setResults(data.results ?? []);
-      setScopeRequired(data.scopeRequired ?? false);
-    } catch {
-      // ignore
-    } finally {
-      setSearching(false);
-    }
-  }, []);
+  const searching =
+    contacts.isLoading ||
+    contacts.isFetching ||
+    directorySearch.isLoading ||
+    directorySearch.isFetching;
+  const scopeRequired = Boolean(
+    contacts.data?.scopeRequired || directorySearch.data?.scopeRequired,
+  );
 
   useEffect(() => {
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    debounceRef.current = setTimeout(() => search(query), query ? 300 : 0);
-    return () => {
-      if (debounceRef.current) clearTimeout(debounceRef.current);
-    };
-  }, [query, search]);
+    const timeout = window.setTimeout(
+      () => setSearchQuery(query),
+      query.trim() ? 300 : 0,
+    );
+    return () => window.clearTimeout(timeout);
+  }, [query]);
 
   // Reset active index when results change
   useEffect(() => {
     setActiveIndex(results.length > 0 ? 0 : -1);
   }, [results]);
 
-  // Load org contacts when dialog opens
   useEffect(() => {
     if (open) {
       setQuery("");
-      setResults([]);
-      setScopeRequired(false);
+      setSearchQuery("");
       setActiveIndex(-1);
-      search("");
     }
-  }, [open, search]);
+  }, [open]);
 
   function handleAdd(email: string, name?: string) {
     addPerson.mutate({ email, name });
@@ -145,7 +144,10 @@ export function PeopleSearchDialog({
       }
       // Otherwise, try adding as a typed email
       const trimmed = query.trim();
-      if (EMAIL_REGEX.test(trimmed) && !overlayEmails.has(trimmed)) {
+      if (
+        EMAIL_REGEX.test(trimmed) &&
+        !overlayEmails.has(trimmed.toLowerCase())
+      ) {
         handleAdd(trimmed);
         setQuery("");
       }
@@ -154,7 +156,7 @@ export function PeopleSearchDialog({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-[440px] gap-0 p-0">
+      <DialogContent className="sm:max-w-[440px] max-h-[calc(85vh-1rem)] gap-0 overflow-y-auto p-0 top-[15vh] !translate-y-0">
         <DialogHeader className="px-4 pt-4 pb-0">
           <DialogTitle className="text-base">
             {t("eventForm.people")}
@@ -165,7 +167,6 @@ export function PeopleSearchDialog({
         <div className="relative px-4 pt-3 pb-2">
           <IconSearch className="absolute left-7 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
           <input
-            ref={inputRef}
             value={query}
             onChange={(e) => setQuery(e.target.value)}
             onKeyDown={handleKeyDown}
@@ -185,7 +186,9 @@ export function PeopleSearchDialog({
             className="max-h-48 overflow-y-auto border-t border-border"
           >
             {results.map((person) => {
-              const alreadyAdded = overlayEmails.has(person.email);
+              const alreadyAdded = overlayEmails.has(
+                person.email.toLowerCase(),
+              );
               const selectableIdx = selectableResults.indexOf(person);
               const isActive = !alreadyAdded && selectableIdx === activeIndex;
               return (

package/corpus/templates/calendar/app/components/calendar/WeekView.tsx

@@ -367,7 +367,7 @@ const WeekEventCard = memo(function WeekEventCard({
       style={{
         ...style,
         left: `calc(${li.left}% + ${li.indent}px)`,
-        width: `calc(${li.width}% - ${li.indent * 2 + 2}px)`,
+        width: `calc(${li.width}% - ${li.indent + 2}px)`,
         zIndex:
           isBeingDragged && isDragging
             ? 100

package/corpus/templates/calendar/app/components/layout/AppLayout.tsx

@@ -272,7 +272,10 @@ export function AppLayout({ children }: AppLayoutProps) {
 
   useEffect(() => {
     if (!hasAccounts) return;
-    void prefetchPeopleContacts(queryClient);
+    void Promise.all([
+      prefetchPeopleContacts(queryClient),
+      prefetchPeopleContacts(queryClient, "directory"),
+    ]);
   }, [hasAccounts, queryClient]);
 
   useEffect(() => {

package/corpus/templates/calendar/app/hooks/use-people.ts

@@ -13,16 +13,18 @@ export interface PeopleSearchResponse {
   scopeRequired?: boolean;
 }
 
+export type PeopleSearchScope = "all" | "directory";
+
 const PEOPLE_CONTACTS_STALE_TIME = 10 * 60_000;
 const PEOPLE_CONTACTS_GC_TIME = 30 * 60_000;
 const PEOPLE_SEARCH_STALE_TIME = 60_000;
 const PEOPLE_SEARCH_GC_TIME = 5 * 60_000;
 
-export const PEOPLE_CONTACTS_QUERY_KEY = [
-  "action",
-  "search-people",
-  { scope: "all" },
-] as const;
+export function peopleContactsQueryKey(scope: PeopleSearchScope = "all") {
+  return ["action", "search-people", { scope }] as const;
+}
+
+export const PEOPLE_CONTACTS_QUERY_KEY = peopleContactsQueryKey();
 
 function sourceRank(source?: PeopleSearchResult["source"]) {
   switch (source) {
@@ -115,13 +117,14 @@ export function filterPeopleResults(
 
 export function prefetchPeopleContacts(
   queryClient: ReturnType<typeof useQueryClient>,
+  scope: PeopleSearchScope = "all",
 ) {
   return queryClient.prefetchQuery({
-    queryKey: PEOPLE_CONTACTS_QUERY_KEY,
+    queryKey: peopleContactsQueryKey(scope),
     queryFn: () =>
       callAction<PeopleSearchResponse>(
         "search-people",
-        { scope: "all" },
+        { scope },
         { method: "GET" },
       ),
     staleTime: PEOPLE_CONTACTS_STALE_TIME,
@@ -129,13 +132,16 @@ export function prefetchPeopleContacts(
   });
 }
 
-export function usePeopleContacts(enabled = true) {
+export function usePeopleContacts(
+  scope: PeopleSearchScope = "all",
+  enabled = true,
+) {
   return useQuery({
-    queryKey: PEOPLE_CONTACTS_QUERY_KEY,
+    queryKey: peopleContactsQueryKey(scope),
     queryFn: () =>
       callAction<PeopleSearchResponse>(
         "search-people",
-        { scope: "all" },
+        { scope },
         { method: "GET" },
       ),
     enabled,
@@ -145,14 +151,18 @@ export function usePeopleContacts(enabled = true) {
   });
 }
 
-export function usePeopleSearch(query: string, enabled = true) {
+export function usePeopleSearch(
+  query: string,
+  enabled = true,
+  scope: PeopleSearchScope = "all",
+) {
   const q = query.trim();
   return useQuery({
-    queryKey: ["action", "search-people", { q, scope: "all" }],
+    queryKey: ["action", "search-people", { q, scope }],
     queryFn: () =>
       callAction<PeopleSearchResponse>(
         "search-people",
-        { q, scope: "all" },
+        { q, scope },
         { method: "GET" },
       ),
     enabled: enabled && q.length > 0,

package/corpus/templates/calendar/app/lib/event-layout.ts

@@ -112,18 +112,33 @@ export function computeTimedEventLayout(
     }
 
     const totalCols = overlapLayers.length;
-    // Give every overlap column a proportional slice of the day column so an
-    // event's right edge stays visible instead of being covered by whichever
-    // card renders on top of it.
-    const width = 100 / totalCols;
+    const sameStartGroups = new Map<number, EventEntry[]>();
+    const sameStartIndexes = new Map<EventEntry, number>();
+    for (const entry of group) {
+      const entries = sameStartGroups.get(entry.bounds.start) ?? [];
+      sameStartIndexes.set(entry, entries.length);
+      entries.push(entry);
+      sameStartGroups.set(entry.bounds.start, entries);
+    }
 
     for (const entry of group) {
       const col = eventColumns.get(entry.event)!;
+      const sameStartEntries = sameStartGroups.get(entry.bounds.start)!;
+      const sameStartIndex = sameStartIndexes.get(entry)!;
+      const sameStartWidth = 100 / sameStartEntries.length;
+      const isGroupStart = entry.bounds.start === group[0].bounds.start;
+      const useStartLanes = sameStartEntries.length > 1;
+
+      // Later events sit over the earlier event instead of forcing both cards
+      // into equal columns. Events with the same start time still get lanes so
+      // their titles remain independently readable.
+      const left = useStartLanes ? sameStartIndex * sameStartWidth : 0;
+      const width = 100 - left;
 
       result.set(entry.event.id, {
-        left: col * width,
+        left,
         width,
-        indent: col * OVERLAP_INDENT_PX,
+        indent: isGroupStart && sameStartIndex === 0 ? 0 : OVERLAP_INDENT_PX,
         col,
         totalCols,
         stackOrder: stackOrder++,

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

@@ -896,6 +896,9 @@ export default function CalendarView() {
       createEvent.mutate(payload, {
         onSuccess: (result) => {
           discardedCommittingDraftsRef.current.delete(draftId);
+          if (result?.videoConferenceError === "zoom") {
+            toast.error(t("eventForm.zoomAddFailed"));
+          }
           const createdEventId = result?.id;
           if (createdEventId) {
             const undo = () => {

package/corpus/templates/calendar/changelog/2026-08-24-overlapping-events-use-space-better.md

@@ -0,0 +1,5 @@
+---
+type: improved
+date: 2026-08-24
+---
+Overlapping calendar events now use more of the available width while keeping same-time meetings readable.

package/corpus/templates/calendar/server/lib/google-api.ts

@@ -130,6 +130,14 @@ export function isGoogleNotFoundError(error: unknown): boolean {
   );
 }
 
+export function isGoogleEventAbsentError(error: unknown): boolean {
+  return (
+    isGoogleNotFoundError(error) ||
+    (error instanceof GoogleApiError && error.status === 410) ||
+    (error instanceof Error && /^Google API error \(410\):/.test(error.message))
+  );
+}
+
 export async function googleFetch(
   url: string,
   accessToken: string,
@@ -364,6 +372,7 @@ export function calendarListEvents(
     timeMax?: string;
     q?: string;
     singleEvents?: boolean;
+    showDeleted?: boolean;
     orderBy?: string;
     maxResults?: number;
     pageToken?: string;