@agent-native/core 0.77.2 → 0.77.4

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

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client";
 import type { CalendarEvent, UpdateEventScope } from "@shared/api";
 import { useCallback, useEffect, useMemo, useState } from "react";
 
@@ -59,55 +60,56 @@ export function shouldPromptGuests(
 }
 
 function actionText(
+  t: ReturnType<typeof useT>,
   action: GuestNotificationAction,
   options: { showRecurrenceScope: boolean; canNotifyGuests: boolean },
 ) {
   if (options.showRecurrenceScope) {
     if (action === "cancellation") {
       return {
-        title: "Cancel recurring event?",
+        title: t("eventForm.cancelRecurringEventQuestion"),
         description: options.canNotifyGuests
-          ? "Choose how much of the series to cancel and whether to notify guests."
-          : "Choose how much of the series to cancel.",
-        sendLabel: "Send cancellation",
-        skipLabel: "Don't notify",
-        confirmLabel: "Cancel event",
-        textarea: "Add a cancellation note",
-        placeholder: "Why the event is being cancelled...",
+          ? t("eventForm.cancelRecurringNotifyDescription")
+          : t("eventForm.cancelRecurringDescription"),
+        sendLabel: t("deleteEvent.sendCancellation"),
+        skipLabel: t("deleteEvent.dontNotify"),
+        confirmLabel: t("eventForm.cancelEvent"),
+        textarea: t("deleteEvent.cancellationNote"),
+        placeholder: t("deleteEvent.cancellationPlaceholder"),
       };
     }
 
     return {
-      title: "Update recurring event?",
+      title: t("eventForm.updateRecurringEventQuestion"),
       description: options.canNotifyGuests
-        ? "Choose how much of the series to update and whether to notify guests."
-        : "Choose how much of the series to update.",
-      sendLabel: "Send update",
-      skipLabel: "Don't notify",
-      confirmLabel: "Update event",
-      textarea: "Add an update note",
-      placeholder: "What changed or what guests should know...",
+        ? t("eventForm.updateRecurringNotifyDescription")
+        : t("eventForm.updateRecurringDescription"),
+      sendLabel: t("eventForm.sendUpdate"),
+      skipLabel: t("deleteEvent.dontNotify"),
+      confirmLabel: t("eventForm.updateEvent"),
+      textarea: t("eventForm.addUpdateNote"),
+      placeholder: t("eventForm.updateNotePlaceholder"),
     };
   }
 
   return action === "cancellation"
     ? {
-        title: "Notify guests?",
-        description: "Send a cancellation to guests with an optional note.",
-        sendLabel: "Send cancellation",
-        skipLabel: "Don't notify",
-        confirmLabel: "Cancel event",
-        textarea: "Add a cancellation note",
-        placeholder: "Why the event is being cancelled...",
+        title: t("eventForm.notifyGuestsQuestion"),
+        description: t("eventForm.sendCancellationDescription"),
+        sendLabel: t("deleteEvent.sendCancellation"),
+        skipLabel: t("deleteEvent.dontNotify"),
+        confirmLabel: t("eventForm.cancelEvent"),
+        textarea: t("deleteEvent.cancellationNote"),
+        placeholder: t("deleteEvent.cancellationPlaceholder"),
       }
     : {
-        title: "Notify guests?",
-        description: "Send an update to guests with an optional note.",
-        sendLabel: "Send update",
-        skipLabel: "Don't notify",
-        confirmLabel: "Update event",
-        textarea: "Add an update note",
-        placeholder: "What changed or what guests should know...",
+        title: t("eventForm.notifyGuestsQuestion"),
+        description: t("eventForm.sendUpdateDescription"),
+        sendLabel: t("eventForm.sendUpdate"),
+        skipLabel: t("deleteEvent.dontNotify"),
+        confirmLabel: t("eventForm.updateEvent"),
+        textarea: t("eventForm.addUpdateNote"),
+        placeholder: t("eventForm.updateNotePlaceholder"),
       };
 }
 
@@ -120,6 +122,7 @@ function GuestNotificationDialog({
   onCancel: () => void;
   onConfirm: (choice: GuestNotificationOptions) => void;
 }) {
+  const t = useT();
   const [message, setMessage] = useState("");
   const [scope, setScope] = useState<UpdateEventScope>("single");
   const guestCount = request
@@ -129,11 +132,11 @@ function GuestNotificationDialog({
   const canNotifyGuests = guestCount > 0;
   const copy = useMemo(
     () =>
-      actionText(request?.action ?? "update", {
+      actionText(t, request?.action ?? "update", {
         showRecurrenceScope,
         canNotifyGuests,
       }),
-    [canNotifyGuests, request?.action, showRecurrenceScope],
+    [canNotifyGuests, request?.action, showRecurrenceScope, t],
   );
 
   useEffect(() => {
@@ -163,7 +166,7 @@ function GuestNotificationDialog({
         <div className="space-y-4">
           {showRecurrenceScope && (
             <div className="space-y-2">
-              <Label>Apply changes to</Label>
+              <Label>{t("eventForm.applyChangesTo")}</Label>
               <RadioGroup
                 value={scope}
                 onValueChange={(value) => setScope(value as UpdateEventScope)}
@@ -174,11 +177,15 @@ function GuestNotificationDialog({
                     id="guest-update-scope-single"
                     value="single"
                   />
-                  <Label htmlFor="guest-update-scope-single">This event</Label>
+                  <Label htmlFor="guest-update-scope-single">
+                    {t("eventForm.thisEvent")}
+                  </Label>
                 </div>
                 <div className="flex items-center gap-2">
                   <RadioGroupItem id="guest-update-scope-all" value="all" />
-                  <Label htmlFor="guest-update-scope-all">All events</Label>
+                  <Label htmlFor="guest-update-scope-all">
+                    {t("eventForm.allEvents")}
+                  </Label>
                 </div>
               </RadioGroup>
             </div>
@@ -198,7 +205,7 @@ function GuestNotificationDialog({
                 autoFocus={!showRecurrenceScope}
               />
               <p className="text-xs text-muted-foreground">
-                {guestCount} {guestCount === 1 ? "guest" : "guests"}
+                {t("deleteEvent.guest", { count: guestCount })}
               </p>
             </div>
           )}
@@ -206,7 +213,7 @@ function GuestNotificationDialog({
 
         <DialogFooter className="gap-2 sm:gap-0">
           <Button type="button" variant="ghost" onClick={onCancel}>
-            Cancel
+            {t("eventForm.cancel")}
           </Button>
           {canNotifyGuests ? (
             <>

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

@@ -1,4 +1,4 @@
-import { useSendToAgentChat } from "@agent-native/core/client";
+import { useSendToAgentChat, useT } from "@agent-native/core/client";
 import {
   IconPlus,
   IconCheck,
@@ -52,10 +52,10 @@ type ProviderId = "apollo" | "hubspot" | "gong" | "pylon";
 interface IntegrationDef {
   id: ProviderId;
   name: string;
-  description: string;
-  keyPlaceholder: string;
+  descriptionKey: string;
+  keyPlaceholderKey: string;
   helpUrl: string;
-  helpSteps: string[];
+  helpStepKeys: string[];
   logo: React.ReactNode;
 }
 
@@ -63,14 +63,10 @@ const INTEGRATIONS: IntegrationDef[] = [
   {
     id: "apollo",
     name: "Apollo",
-    description: "Contact enrichment & company data",
-    keyPlaceholder: "Apollo API key...",
+    descriptionKey: "integrations.apolloDescription",
+    keyPlaceholderKey: "integrations.apolloKeyPlaceholder",
     helpUrl: "https://app.apollo.io/#/settings/integrations/api",
-    helpSteps: [
-      "Log in to Apollo.io",
-      "Go to Settings > Integrations > API",
-      'Click "Connect" to generate a key',
-    ],
+    helpStepKeys: ["apolloLogin", "apolloApi", "apolloConnect"],
     logo: (
       <svg
         viewBox="0 0 36 36"
@@ -100,14 +96,10 @@ const INTEGRATIONS: IntegrationDef[] = [
   {
     id: "hubspot",
     name: "HubSpot",
-    description: "CRM contacts, deals & tickets",
-    keyPlaceholder: "HubSpot private app token...",
+    descriptionKey: "integrations.hubSpotDescription",
+    keyPlaceholderKey: "integrations.hubSpotKeyPlaceholder",
     helpUrl: "https://developers.hubspot.com/docs/api/private-apps",
-    helpSteps: [
-      "Go to HubSpot > Settings > Integrations > Private Apps",
-      "Create a private app with CRM scopes",
-      "Copy the access token",
-    ],
+    helpStepKeys: ["hubSpotPrivateApps", "hubSpotCreateApp", "copyAccessToken"],
     logo: (
       <svg
         viewBox="0 0 489 512"
@@ -125,14 +117,10 @@ const INTEGRATIONS: IntegrationDef[] = [
   {
     id: "gong",
     name: "Gong",
-    description: "Recent calls & conversation intelligence",
-    keyPlaceholder: "Gong API key or access_key:secret...",
+    descriptionKey: "integrations.gongDescription",
+    keyPlaceholderKey: "integrations.gongKeyPlaceholder",
     helpUrl: "https://app.gong.io/company/api",
-    helpSteps: [
-      "Go to Gong > Company Settings > API",
-      "Generate API credentials",
-      "Copy the access key (or key:secret)",
-    ],
+    helpStepKeys: ["gongApi", "gongGenerate", "gongCopyAccessKey"],
     logo: (
       <svg
         viewBox="0 0 42 42"
@@ -150,14 +138,10 @@ const INTEGRATIONS: IntegrationDef[] = [
   {
     id: "pylon",
     name: "Pylon",
-    description: "Support issues & account data",
-    keyPlaceholder: "Pylon API token...",
+    descriptionKey: "integrations.pylonDescription",
+    keyPlaceholderKey: "integrations.pylonKeyPlaceholder",
     helpUrl: "https://docs.usepylon.com/pylon-docs/developer/api",
-    helpSteps: [
-      "Go to Pylon > Settings > API",
-      "Create an API token (requires Admin)",
-      "Copy the bearer token",
-    ],
+    helpStepKeys: ["pylonApi", "pylonCreateToken", "copyBearerToken"],
     logo: (
       <svg
         viewBox="0 0 25 26"
@@ -246,6 +230,7 @@ export function IntegrationsSidebar({
 // ─── Integration Setup ──────────────────────────────────────────────────────
 
 function IntegrationSetup() {
+  const t = useT();
   const [expanded, setExpanded] = useState(false);
   const [configuring, setConfiguring] = useState<ProviderId | null>(null);
   const statuses = useAllIntegrations();
@@ -271,8 +256,11 @@ function IntegrationSetup() {
           className="text-[11px] text-muted-foreground/40 hover:text-muted-foreground transition-colors"
         >
           {connectedCount > 0
-            ? `Integrations (${connectedCount}/${INTEGRATIONS.length})`
-            : "Add integrations"}
+            ? t("integrations.connectedCount", {
+                connected: connectedCount,
+                total: INTEGRATIONS.length,
+              })
+            : t("integrations.addIntegrations")}
         </button>
       </div>
     );
@@ -282,13 +270,13 @@ function IntegrationSetup() {
     <div className="px-4 py-3">
       <div className="flex items-center justify-between mb-3">
         <h4 className="text-[11px] font-medium text-muted-foreground/50 uppercase tracking-wider">
-          Integrations
+          {t("integrations.title")}
         </h4>
         <button
           onClick={() => setExpanded(false)}
           className="text-[10px] text-muted-foreground/30 hover:text-muted-foreground transition-colors"
         >
-          Collapse
+          {t("bookingLinks.collapsePreview")}
         </button>
       </div>
       <div className="space-y-1.5">
@@ -310,6 +298,7 @@ function IntegrationSetup() {
 }
 
 function AddIntegrationButton() {
+  const t = useT();
   const [open, setOpen] = useState(false);
   const [value, setValue] = useState("");
   const { send, codeRequiredDialog } = useSendToAgentChat();
@@ -336,7 +325,7 @@ function AddIntegrationButton() {
             <div className="h-7 w-7 rounded-md border border-dashed border-border/40 flex items-center justify-center shrink-0">
               <IconPlus className="h-3 w-3" />
             </div>
-            <span>Add integration</span>
+            <span>{t("integrations.addIntegration")}</span>
           </button>
         </PopoverTrigger>
         <PopoverContent
@@ -347,7 +336,7 @@ function AddIntegrationButton() {
           className="w-auto rounded-lg border-border/50 bg-card p-2.5 shadow-xl"
         >
           <p className="text-[12px] font-medium text-foreground/80 mb-1.5">
-            New integration
+            {t("integrations.newIntegration")}
           </p>
           <div className="flex gap-1.5">
             <input
@@ -358,7 +347,7 @@ function AddIntegrationButton() {
                 if (e.key === "Enter") handleSubmit();
                 if (e.key === "Escape") setOpen(false);
               }}
-              placeholder="e.g. Salesforce, Intercom..."
+              placeholder={t("integrations.newIntegrationPlaceholder")}
               className="flex-1 min-w-0 rounded-md border border-border bg-background px-2 py-1 text-[12px] outline-none focus:border-primary/50 placeholder:text-muted-foreground/40"
             />
             <button
@@ -366,7 +355,7 @@ function AddIntegrationButton() {
               disabled={!value.trim()}
               className="shrink-0 rounded-md bg-primary px-2 py-1 text-[11px] font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
             >
-              Go
+              {t("integrations.go")}
             </button>
           </div>
         </PopoverContent>
@@ -384,6 +373,7 @@ function IntegrationRow({
   connected: boolean;
   onConfigure: () => void;
 }) {
+  const t = useT();
   const { disconnect } = useIntegration(def.id);
 
   return (
@@ -394,7 +384,7 @@ function IntegrationRow({
       <div className="flex-1 min-w-0">
         <p className="text-[12px] font-medium text-foreground/80">{def.name}</p>
         <p className="text-[10px] text-muted-foreground/50 truncate">
-          {def.description}
+          {t(def.descriptionKey)}
         </p>
       </div>
       {connected ? (
@@ -411,7 +401,7 @@ function IntegrationRow({
                   </button>
                 </DropdownMenuTrigger>
               </TooltipTrigger>
-              <TooltipContent>Settings</TooltipContent>
+              <TooltipContent>{t("navigation.settings")}</TooltipContent>
             </Tooltip>
             <DropdownMenuContent
               side="left"
@@ -424,13 +414,13 @@ function IntegrationRow({
                 onClick={onConfigure}
                 className="text-[12px] text-foreground/70"
               >
-                Update key
+                {t("integrations.updateKey")}
               </DropdownMenuItem>
               <DropdownMenuItem
                 onClick={() => disconnect.mutate()}
                 className="text-[12px] text-red-400/80"
               >
-                Disconnect
+                {t("common.disconnect")}
               </DropdownMenuItem>
             </DropdownMenuContent>
           </DropdownMenu>
@@ -440,7 +430,7 @@ function IntegrationRow({
           onClick={onConfigure}
           className="shrink-0 text-[11px] text-primary/70 hover:text-primary font-medium"
         >
-          Connect
+          {t("common.connect")}
         </button>
       )}
     </div>
@@ -454,6 +444,7 @@ function IntegrationKeyEntry({
   def: IntegrationDef;
   onBack: () => void;
 }) {
+  const t = useT();
   const [apiKey, setApiKey] = useState("");
   const { connect } = useIntegration(def.id);
 
@@ -479,7 +470,7 @@ function IntegrationKeyEntry({
           type="password"
           value={apiKey}
           onChange={(e) => setApiKey(e.target.value)}
-          placeholder={def.keyPlaceholder}
+          placeholder={t(def.keyPlaceholderKey)}
           autoFocus
           className="flex-1 min-w-0 rounded-md border border-border bg-background px-2 py-1 text-[12px] outline-none focus:border-primary/50 placeholder:text-muted-foreground/40"
         />
@@ -492,18 +483,18 @@ function IntegrationKeyEntry({
           disabled={!apiKey.trim() || connect.isPending}
           className="shrink-0 rounded-md bg-primary px-2.5 py-1 text-[11px] font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 transition-colors"
         >
-          {connect.isPending ? "..." : "Save"}
+          {connect.isPending ? "..." : t("eventForm.save")}
         </button>
       </div>
 
       {/* Instructions always visible */}
       <div className="rounded-md bg-accent/30 px-2.5 py-2">
         <p className="text-[11px] text-muted-foreground/70 mb-1.5">
-          To get your API key:
+          {t("integrations.toGetApiKey")}
         </p>
         <ol className="text-[11px] text-muted-foreground/50 space-y-0.5 list-decimal pl-3 mb-1.5">
-          {def.helpSteps.map((step, i) => (
-            <li key={i}>{step}</li>
+          {def.helpStepKeys.map((stepKey) => (
+            <li key={stepKey}>{t(`integrations.steps.${stepKey}`)}</li>
           ))}
         </ol>
         <a
@@ -512,7 +503,7 @@ function IntegrationKeyEntry({
           rel="noopener noreferrer"
           className="text-[11px] text-primary/80 hover:text-primary hover:underline transition-colors"
         >
-          Open {def.name} Settings &rarr;
+          {t("integrations.openProviderSettings", { provider: def.name })}
         </a>
       </div>
     </div>
@@ -809,7 +800,10 @@ function GongSection({ email }: { email: string }) {
     <>
       <div className="h-px bg-border/30 mx-4" />
       <div className="px-4 py-3">
-        <SectionHeader logo={INTEGRATIONS[2].logo} label="Gong Calls" />
+        <SectionHeader
+          logo={INTEGRATIONS[2].logo}
+          label="Gong Calls" // i18n-ignore stable provider section name
+        />
 
         <div className="space-y-2">
           {calls.map((call: any) => {

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

@@ -1,3 +1,5 @@
+import { useT } from "@agent-native/core/client";
+
 import {
   Dialog,
   DialogContent,
@@ -15,41 +17,51 @@ export function KeyboardShortcutsHelp({
   open,
   onClose,
 }: KeyboardShortcutsHelpProps) {
+  const t = useT();
   const shortcutGroups = [
     {
-      category: "Navigation",
+      category: t("keyboardShortcuts.navigation"),
       shortcuts: [
-        { keys: ["J"], description: "Next period (day / week / month)" },
-        { keys: ["K"], description: "Previous period" },
-        { keys: ["T"], description: "Go to today" },
-        { keys: ["P"], description: "Show teammate calendars" },
+        { keys: ["J"], description: t("keyboardShortcuts.nextPeriod") },
+        { keys: ["K"], description: t("keyboardShortcuts.previousPeriod") },
+        { keys: ["T"], description: t("keyboardShortcuts.goToday") },
+        {
+          keys: ["P"],
+          description: t("keyboardShortcuts.showTeammateCalendars"),
+        },
       ],
     },
     {
-      category: "Views",
+      category: t("keyboardShortcuts.views"),
       shortcuts: [
-        { keys: ["M"], description: "Month view" },
-        { keys: ["W"], description: "Week view" },
-        { keys: ["D"], description: "Day view" },
+        { keys: ["M"], description: t("keyboardShortcuts.monthView") },
+        { keys: ["W"], description: t("keyboardShortcuts.weekView") },
+        { keys: ["D"], description: t("keyboardShortcuts.dayView") },
       ],
     },
     {
-      category: "Events",
+      category: t("keyboardShortcuts.events"),
       shortcuts: [
-        { keys: ["C"], description: "Create new event" },
-        { keys: ["Del"], description: "Delete selected event" },
-        { keys: ["Esc"], description: "Close dialog / cancel" },
+        { keys: ["C"], description: t("keyboardShortcuts.createNewEvent") },
+        {
+          keys: ["Del"],
+          description: t("keyboardShortcuts.deleteSelectedEvent"),
+        },
+        { keys: ["Esc"], description: t("keyboardShortcuts.closeDialog") },
       ],
     },
     {
-      category: "Search & Quick Actions",
+      category: t("keyboardShortcuts.searchQuickActions"),
       shortcuts: [
         {
           keys: [shortcutModifierLabel(), "K"],
-          description: "Open command palette",
+          description: t("keyboardShortcuts.openCommandPalette"),
+        },
+        { keys: ["/"], description: t("keyboardShortcuts.openCommandPalette") },
+        {
+          keys: ["?"],
+          description: t("keyboardShortcuts.showKeyboardShortcuts"),
         },
-        { keys: ["/"], description: "Open command palette" },
-        { keys: ["?"], description: "Show keyboard shortcuts" },
       ],
     },
   ];
@@ -58,7 +70,7 @@ export function KeyboardShortcutsHelp({
     <Dialog open={open} onOpenChange={(v) => !v && onClose()}>
       <DialogContent className="sm:max-w-[460px]">
         <DialogHeader>
-          <DialogTitle>Keyboard Shortcuts</DialogTitle>
+          <DialogTitle>{t("keyboardShortcuts.title")}</DialogTitle>
         </DialogHeader>
 
         <div className="grid gap-5 py-1">
@@ -94,7 +106,7 @@ export function KeyboardShortcutsHelp({
         </div>
 
         <p className="text-xs text-muted-foreground border-t border-border pt-3 mt-1">
-          Shortcuts are disabled while typing in text fields.
+          {t("keyboardShortcuts.disabledWhileTyping")}
         </p>
       </DialogContent>
     </Dialog>

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

@@ -1,4 +1,4 @@
-import { callAction } from "@agent-native/core/client";
+import { callAction, useT } from "@agent-native/core/client";
 import {
   IconSearch,
   IconX,
@@ -41,6 +41,7 @@ export function PeopleSearchDialog({
   open,
   onOpenChange,
 }: PeopleSearchDialogProps) {
+  const t = useT();
   const [query, setQuery] = useState("");
   const [results, setResults] = useState<SearchResult[]>([]);
   const [scopeRequired, setScopeRequired] = useState(false);
@@ -154,7 +155,9 @@ export function PeopleSearchDialog({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-[440px] gap-0 p-0">
         <DialogHeader className="px-4 pt-4 pb-0">
-          <DialogTitle className="text-base">People</DialogTitle>
+          <DialogTitle className="text-base">
+            {t("eventForm.people")}
+          </DialogTitle>
         </DialogHeader>
 
         {/* Search input */}
@@ -165,7 +168,7 @@ export function PeopleSearchDialog({
             value={query}
             onChange={(e) => setQuery(e.target.value)}
             onKeyDown={handleKeyDown}
-            placeholder="Search by name or type an email..."
+            placeholder={t("eventForm.searchPeoplePlaceholder")}
             className="h-9 w-full rounded-md border border-input bg-background pl-9 pr-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
             autoFocus
           />
@@ -215,7 +218,9 @@ export function PeopleSearchDialog({
                     </div>
                   </div>
                   {alreadyAdded && (
-                    <span className="text-xs text-muted-foreground">Added</span>
+                    <span className="text-xs text-muted-foreground">
+                      {t("eventForm.added")}
+                    </span>
                   )}
                 </button>
               );
@@ -226,8 +231,7 @@ export function PeopleSearchDialog({
         {/* Scope hint */}
         {scopeRequired && (
           <div className="px-4 py-2 text-xs text-muted-foreground">
-            Directory search is limited. Type a full email address and press
-            Enter to add directly.
+            {t("eventForm.directorySearchLimited")}
           </div>
         )}
 
@@ -237,11 +241,11 @@ export function PeopleSearchDialog({
           !searching &&
           EMAIL_REGEX.test(query.trim()) && (
             <div className="border-t border-border px-4 py-2.5 text-xs text-muted-foreground">
-              Press{" "}
+              {t("eventForm.press")}{" "}
               <kbd className="rounded border border-border bg-muted px-1 font-mono">
                 Enter
               </kbd>{" "}
-              to add{" "}
+              {t("eventForm.toAdd")}{" "}
               <span className="font-medium text-foreground">
                 {query.trim()}
               </span>
@@ -252,7 +256,7 @@ export function PeopleSearchDialog({
         {overlayPeople.length > 0 && (
           <div className="border-t border-border px-4 py-3">
             <p className="mb-2 text-[11px] font-medium uppercase tracking-wider text-muted-foreground">
-              Showing calendars
+              {t("eventForm.showingCalendars")}
             </p>
             <div className="space-y-1.5">
               {overlayPeople.map((person) => (

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

@@ -331,10 +331,11 @@ export function WeekView({
     for (const span of allDaySpans) {
       let placed = false;
       for (const row of rows) {
+        // i18n-ignore scanner false positive for layout property access
         const hasConflict = row.some(
           (existing) =>
-            span.startCol <= existing.endCol &&
-            span.endCol >= existing.startCol,
+            /* i18n-ignore scanner false positive */ span.startCol <=
+              existing.endCol && span.endCol >= existing.startCol,
         );
         if (!hasConflict) {
           row.push(span);
@@ -357,10 +358,11 @@ export function WeekView({
     for (const span of allDaySpans) {
       let placed = false;
       for (let r = 0; r < rows.length; r++) {
+        // i18n-ignore scanner false positive for layout property access
         const hasConflict = rows[r].some(
           (existing) =>
-            span.startCol <= existing.endCol &&
-            span.endCol >= existing.startCol,
+            /* i18n-ignore scanner false positive */ span.startCol <=
+              existing.endCol && span.endCol >= existing.startCol,
         );
         if (!hasConflict) {
           rows[r].push({ ...span, id: span.event.id });