@agent-native/core 0.76.0 → 0.76.2

package/corpus/core/src/server/agent-chat-plugin.ts

@@ -152,6 +152,7 @@ import {
 } from "../a2a/auth-policy.js";
 import {
   AGENT_CHAT_PROCESS_RUN_PATH,
+  extractProcessRunId,
   prepareProcessRunRequest,
 } from "../agent/durable-background.js";
 import {
@@ -7174,6 +7175,14 @@ Non-code requests are still fine on this surface: read data, navigate the UI, su
               status: run.status,
               heartbeatAt: run.heartbeatAt,
               lastProgressAt: run.lastProgressAt,
+              // Durable-background diagnostics: how the run was dispatched and
+              // the last reached `_process-run` worker stage (JSON
+              // `{stage,detail?,at}`). Surfaced here so a silent background
+              // worker death is diagnosable from the client WITHOUT the
+              // unreadable Netlify background-function logs — read
+              // `/runs/active?threadId=...` and inspect `diagStage`.
+              dispatchMode: run.dispatchMode ?? null,
+              diagStage: run.diagStage ?? null,
               // Server clock so the client computes "stuck" elapsed time
               // server-relative, immune to client clock skew.
               serverNow: Date.now(),
@@ -7791,6 +7800,19 @@ Non-code requests are still fine on this surface: read data, navigate the UI, su
             setResponseStatus(event, 405);
             return { error: "Method not allowed" };
           }
+          // DIAGNOSTIC: load the run-store diagnostic recorder. Each stage we
+          // reach is written onto the run row (diag_stage) so a silent failure
+          // INSIDE the Netlify background function — whose logs we cannot read —
+          // is still diagnosable from the client via /runs/active. Best-effort:
+          // the import + every record call is wrapped so diagnostics can never
+          // break the worker path.
+          const diag = await import("../agent/run-store.js")
+            .then((m) => ({
+              record: m.recordRunDiagnostic,
+              stages: m.RUN_DIAG_STAGE,
+            }))
+            .catch(() => null);
+
           // Consume the body ONCE (h3 v2's web Request stream is single-use).
           let processBody: any;
           try {
@@ -7800,6 +7822,18 @@ Non-code requests are still fine on this surface: read data, navigate the UI, su
             return { error: "Invalid request body" };
           }
 
+          // Record "the route handler was entered" against the run BEFORE auth
+          // runs. This is the proof the bg-fn invocation actually reached Nitro
+          // (vs. dying at the function entry / never being invoked). The runId
+          // is parsed without authenticating so we can attach it even on a
+          // subsequent auth failure.
+          const diagRunId = extractProcessRunId(processBody);
+          if (diag && diagRunId) {
+            await diag
+              .record(diagRunId, diag.stages.routeEntered)
+              .catch(() => {});
+          }
+
           // Validate + HMAC-authenticate the self-dispatch and prepare the
           // background-worker body. Pure decision (unit-tested in
           // durable-background.spec.ts); the route only wires it to h3.
@@ -7808,10 +7842,36 @@ Non-code requests are still fine on this surface: read data, navigate the UI, su
             getHeader(event, "authorization"),
           );
           if (!prepared.ok) {
+            // DIAGNOSTIC: record the auth/validation failure ONTO the run
+            // before returning the error status. Without this, a 401 (e.g.
+            // A2A_SECRET missing/mismatched in the bg-fn env, or the path not
+            // bypassing session auth) inside the unreadable bg function would
+            // leave the run to time out with NO clue. The detail carries the
+            // status + whether A2A_SECRET is even present in this isolate.
+            if (diag && prepared.runId) {
+              const a2aPresent = Boolean(
+                process.env.A2A_SECRET && process.env.A2A_SECRET.length > 0,
+              );
+              await diag
+                .record(
+                  prepared.runId,
+                  diag.stages.authFailed,
+                  `status=${prepared.status} error=${prepared.error} a2aSecretPresent=${a2aPresent}`,
+                )
+                .catch(() => {});
+            }
             setResponseStatus(event, prepared.status);
             return { error: prepared.error };
           }
 
+          // DIAGNOSTIC: auth + body validation passed. Reaching here proves the
+          // request was authenticated and we are about to invoke the worker.
+          if (diag) {
+            await diag
+              .record(prepared.runId, diag.stages.authPassed)
+              .catch(() => {});
+          }
+
           // Stash the verified+augmented body for the handler — the body stream
           // is already consumed, so the handler reads this instead.
           (event as any).context = (event as any).context ?? {};
@@ -7821,6 +7881,17 @@ Non-code requests are still fine on this surface: read data, navigate the UI, su
             return await invokeAgentChatHandler(event);
           } catch (err: any) {
             console.error("[agent-chat] _process-run failed:", err);
+            // DIAGNOSTIC: the worker invocation threw at the route boundary —
+            // record the message so the failure cause is readable client-side.
+            if (diag) {
+              await diag
+                .record(
+                  prepared.runId,
+                  diag.stages.routeThrew,
+                  err instanceof Error ? err.message : String(err),
+                )
+                .catch(() => {});
+            }
             setResponseStatus(event, 500);
             return { error: "process-run failed" };
           }

package/corpus/core/src/server/auth.ts

@@ -1627,6 +1627,19 @@ function createAuthGuardFn(): (
       return;
     }
 
+    // Durable-background AGENT-CHAT processor. The foreground POST self-dispatches
+    // a long chat turn here (through the Netlify `-background` function, which
+    // rewrites its default url to this path); the route HMAC-verifies the
+    // dispatch (same internal-token scheme as agent-teams above) plus an atomic
+    // SQL claim. The self-dispatch carries ONLY a Bearer HMAC token and NO
+    // session cookie, so without this bypass the blanket 401-for-/_agent-native/*
+    // gate below blocks the worker before `prepareProcessRunRequest` ever runs —
+    // the run is never claimed, its heartbeat never starts, and it times out with
+    // no visible progress. Exact path only (mirrors agent-teams).
+    if (p === "/_agent-native/agent-chat/_process-run") {
+      return;
+    }
+
     // Read-only agent chat share links. The random token is the bearer secret;
     // the route returns a sanitized transcript plus bounded run summaries and
     // exposes no write surface, live event stream, tool payloads, or owner APIs.

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

@@ -76,7 +76,7 @@ function CommandLoadingGroup({
           forceMount
           value={`${heading} loading ${index + 1}`}
         >
-          <Skeleton className="mr-2 h-4 w-4 shrink-0 rounded-sm" />
+          <Skeleton className="me-2 h-4 w-4 shrink-0 rounded-sm" />
           <Skeleton
             className={`h-4 rounded ${
               loadingRowWidths[index % loadingRowWidths.length]
@@ -303,10 +303,10 @@ export function CommandPalette() {
                     "dashboard",
                   )}
                 >
-                  <IconLayoutDashboard className="mr-2 h-4 w-4 text-muted-foreground" />
+                  <IconLayoutDashboard className="me-2 h-4 w-4 text-muted-foreground" />
                   <span className="truncate">{d.name}</span>
                   {d.hiddenAt ? (
-                    <span className="ml-2 rounded border border-border px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground">
+                    <span className="ms-2 rounded border border-border px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground">
                       Hidden
                     </span>
                   ) : null}
@@ -331,10 +331,10 @@ export function CommandPalette() {
                     "dashboard",
                   )}
                 >
-                  <IconLayoutDashboard className="mr-2 h-4 w-4 text-muted-foreground" />
+                  <IconLayoutDashboard className="me-2 h-4 w-4 text-muted-foreground" />
                   <span className="truncate">{d.name}</span>
                   {d.hiddenAt ? (
-                    <span className="ml-2 rounded border border-border px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground">
+                    <span className="ms-2 rounded border border-border px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground">
                       Hidden
                     </span>
                   ) : null}
@@ -362,7 +362,7 @@ export function CommandPalette() {
                     "tool",
                   )}
                 >
-                  <IconTool className="mr-2 h-4 w-4 text-muted-foreground" />
+                  <IconTool className="me-2 h-4 w-4 text-muted-foreground" />
                   {extension.name}
                 </CommandItem>
               ))}
@@ -376,7 +376,7 @@ export function CommandPalette() {
                 onSelect={() => go(`/dashboards/${d.id}`)}
                 keywords={commandPaletteKeywords(d.name, "dashboard")}
               >
-                <IconFlask className="mr-2 h-4 w-4 text-muted-foreground" />
+                <IconFlask className="me-2 h-4 w-4 text-muted-foreground" />
                 {d.name}
               </CommandItem>
             ))}
@@ -389,7 +389,7 @@ export function CommandPalette() {
                 onSelect={() => go(t.href)}
                 keywords={commandPaletteKeywords(t.name, "tool")}
               >
-                <IconTool className="mr-2 h-4 w-4 text-muted-foreground" />
+                <IconTool className="me-2 h-4 w-4 text-muted-foreground" />
                 {t.name}
               </CommandItem>
             ))}
@@ -405,9 +405,9 @@ export function CommandPalette() {
               keywords={["theme", "dark", "light", "mode"]}
             >
               {isDark ? (
-                <IconSun className="mr-2 h-4 w-4 text-muted-foreground" />
+                <IconSun className="me-2 h-4 w-4 text-muted-foreground" />
               ) : (
-                <IconMoon className="mr-2 h-4 w-4 text-muted-foreground" />
+                <IconMoon className="me-2 h-4 w-4 text-muted-foreground" />
               )}
               Toggle {isDark ? "light" : "dark"} mode
             </CommandItem>
@@ -427,7 +427,7 @@ export function CommandPalette() {
                 "changes",
               )}
             >
-              <IconHistory className="mr-2 h-4 w-4 text-muted-foreground" />
+              <IconHistory className="me-2 h-4 w-4 text-muted-foreground" />
               What's new
             </CommandItem>
           </CommandGroup>
@@ -448,7 +448,7 @@ export function CommandPalette() {
                     "chart",
                   )}
                 >
-                  <IconChartBar className="mr-2 h-4 w-4 text-muted-foreground" />
+                  <IconChartBar className="me-2 h-4 w-4 text-muted-foreground" />
                   {c.name}
                 </CommandItem>
               ))}

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

@@ -499,7 +499,7 @@ function SortableRow({
     <div ref={setNodeRef} style={style} className="group/item relative min-w-0">
       <button
         type="button"
-        className="absolute -left-4 top-1/2 z-10 -translate-y-1/2 cursor-grab rounded p-1 text-muted-foreground/30 opacity-0 transition-colors hover:text-muted-foreground/60 group-hover/item:opacity-100 active:cursor-grabbing"
+        className="absolute -start-4 top-1/2 z-10 -translate-y-1/2 cursor-grab rounded p-1 text-muted-foreground/30 opacity-0 transition-colors hover:text-muted-foreground/60 group-hover/item:opacity-100 active:cursor-grabbing"
         aria-label={`Drag ${name}`}
         {...attributes}
         {...listeners}
@@ -527,7 +527,7 @@ function SortableRow({
                 setIsRenaming(false);
               }
             }}
-            className="min-w-0 flex-1 bg-transparent px-2 py-1.5 pr-12 text-xs outline-none"
+            className="min-w-0 flex-1 bg-transparent px-2 py-1.5 pe-12 text-xs outline-none"
           />
         ) : (
           <Tooltip>
@@ -537,7 +537,7 @@ function SortableRow({
                 onFocus={onPrefetch}
                 onMouseEnter={onPrefetch}
                 onTouchStart={onPrefetch}
-                className="min-w-0 flex-1 px-2 py-1.5 pr-12 text-xs transition-[padding] md:pr-2 md:group-hover/item:pr-12 md:group-focus-within/item:pr-12"
+                className="min-w-0 flex-1 px-2 py-1.5 pe-12 text-xs transition-[padding] md:pe-2 md:group-hover/item:pe-12 md:group-focus-within/item:pe-12"
               >
                 <span className="block truncate">{name}</span>
               </Link>
@@ -545,7 +545,7 @@ function SortableRow({
             <TooltipContent side="right">{name}</TooltipContent>
           </Tooltip>
         )}
-        <div className="pointer-events-none absolute right-1 top-1/2 flex -translate-y-1/2 items-center gap-0.5 opacity-100 transition-opacity md:opacity-0 md:group-hover/item:opacity-100 md:group-focus-within/item:opacity-100">
+        <div className="pointer-events-none absolute end-1 top-1/2 flex -translate-y-1/2 items-center gap-0.5 opacity-100 transition-opacity md:opacity-0 md:group-hover/item:opacity-100 md:group-focus-within/item:opacity-100">
           <Tooltip>
             <TooltipTrigger asChild>
               <button
@@ -588,7 +588,7 @@ function SortableRow({
                   setIsRenaming(true);
                 }}
               >
-                <IconPencil className="mr-2 h-3.5 w-3.5" />
+                <IconPencil className="me-2 h-3.5 w-3.5" />
                 Rename
               </DropdownMenuItem>
               {onSetVisibility && visibility !== undefined && (
@@ -601,15 +601,15 @@ function SortableRow({
                   }}
                 >
                   {visibility === "private" ? (
-                    <IconBuilding className="mr-2 h-3.5 w-3.5" />
+                    <IconBuilding className="me-2 h-3.5 w-3.5" />
                   ) : (
-                    <IconLock className="mr-2 h-3.5 w-3.5" />
+                    <IconLock className="me-2 h-3.5 w-3.5" />
                   )}
                   {visibility === "private" ? "Share with org" : "Make private"}
                 </DropdownMenuItem>
               )}
               <DropdownMenuItem onSelect={copyLink}>
-                <IconLink className="mr-2 h-3.5 w-3.5" />
+                <IconLink className="me-2 h-3.5 w-3.5" />
                 Copy link
               </DropdownMenuItem>
               {onUnhide && hidden ? (
@@ -619,7 +619,7 @@ function SortableRow({
                     void runUnhide();
                   }}
                 >
-                  <IconEye className="mr-2 h-3.5 w-3.5" />
+                  <IconEye className="me-2 h-3.5 w-3.5" />
                   Unhide
                 </DropdownMenuItem>
               ) : onHide ? (
@@ -629,7 +629,7 @@ function SortableRow({
                     void runHide();
                   }}
                 >
-                  <IconEyeOff className="mr-2 h-3.5 w-3.5" />
+                  <IconEyeOff className="me-2 h-3.5 w-3.5" />
                   Hide
                 </DropdownMenuItem>
               ) : null}
@@ -642,7 +642,7 @@ function SortableRow({
                       void runArchive();
                     }}
                   >
-                    <IconArchive className="mr-2 h-3.5 w-3.5" />
+                    <IconArchive className="me-2 h-3.5 w-3.5" />
                     Archive
                   </DropdownMenuItem>
                   <DropdownMenuSeparator />
@@ -654,7 +654,7 @@ function SortableRow({
                     }}
                     className="text-destructive focus:text-destructive"
                   >
-                    <IconTrash className="mr-2 h-3.5 w-3.5" />
+                    <IconTrash className="me-2 h-3.5 w-3.5" />
                     Delete permanently
                   </DropdownMenuItem>
                 </>
@@ -667,7 +667,7 @@ function SortableRow({
                   }}
                   className="text-destructive focus:text-destructive"
                 >
-                  <IconTrash className="mr-2 h-3.5 w-3.5" />
+                  <IconTrash className="me-2 h-3.5 w-3.5" />
                   Delete
                 </DropdownMenuItem>
               )}
@@ -789,7 +789,7 @@ function SortableDashboardItem({
       }
     >
       {isActive && allSubviews.length > 0 && (
-        <div className="ml-6 mt-0.5 space-y-0.5">
+        <div className="ms-6 mt-0.5 space-y-0.5">
           {allSubviews.map((sv) => {
             const currentSearch = new URLSearchParams(location.search);
             const svUrl = new URL(sv.href, window.location.origin);
@@ -805,7 +805,7 @@ function SortableDashboardItem({
               <div
                 key={sv.id}
                 className={cn(
-                  "group/sv flex items-center gap-1 rounded-md pr-1 transition-all",
+                  "group/sv flex items-center gap-1 rounded-md pe-1 transition-all",
                   isSubviewActive
                     ? "bg-primary/10 text-primary"
                     : "text-muted-foreground/70 hover:bg-sidebar-accent/50 hover:text-primary",
@@ -1842,7 +1842,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
       {!mobile && (
         <div
           onMouseDown={handleResizeStart}
-          className="absolute right-0 top-0 bottom-0 w-1 cursor-col-resize hover:bg-primary/30 active:bg-primary/50 z-10"
+          className="absolute end-0 top-0 bottom-0 w-1 cursor-col-resize hover:bg-primary/30 active:bg-primary/50 z-10"
         />
       )}
       <div className="flex h-12 shrink-0 items-center border-b border-border px-4 lg:px-6">
@@ -1959,7 +1959,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
               <button
                 type="button"
                 onClick={toggleDashOpen}
-                className="flex min-w-0 flex-1 items-center gap-3 px-3 py-2 text-left"
+                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" />
@@ -1977,7 +1977,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
               <button
                 type="button"
                 onClick={toggleDashOpen}
-                className="mr-1 flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 hover:bg-sidebar-accent hover:text-foreground"
+                className="me-1 flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 hover:bg-sidebar-accent hover:text-foreground"
                 aria-label={
                   dashOpen ? "Collapse dashboards" : "Expand dashboards"
                 }
@@ -2001,7 +2001,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
                   items={displayedDashboards.map((d) => d.id)}
                   strategy={verticalListSortingStrategy}
                 >
-                  <div className="ml-4 min-w-0 space-y-0.5">
+                  <div className="ms-4 min-w-0 space-y-0.5">
                     {displayedDashboards.map((d) => (
                       <SortableDashboardItem
                         key={d.id}
@@ -2062,7 +2062,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
               <button
                 type="button"
                 onClick={toggleAnalysesOpen}
-                className="flex min-w-0 flex-1 items-center gap-3 px-3 py-2 text-left"
+                className="flex min-w-0 flex-1 items-center gap-3 px-3 py-2 text-start"
                 aria-expanded={analysesOpen}
               >
                 <IconReportAnalytics className="h-4 w-4 shrink-0" />
@@ -2084,7 +2084,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
               <button
                 type="button"
                 onClick={toggleAnalysesOpen}
-                className="mr-1 flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 hover:bg-sidebar-accent hover:text-foreground"
+                className="me-1 flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 hover:bg-sidebar-accent hover:text-foreground"
                 aria-label={
                   analysesOpen ? "Collapse analyses" : "Expand analyses"
                 }
@@ -2108,7 +2108,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
                   items={displayedAnalyses.map((a) => a.id)}
                   strategy={verticalListSortingStrategy}
                 >
-                  <div className="ml-4 min-w-0 space-y-0.5">
+                  <div className="ms-4 min-w-0 space-y-0.5">
                     {displayedAnalyses.map((a) => (
                       <SortableRow
                         key={a.id}
@@ -2233,7 +2233,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
                       <TooltipTrigger asChild>
                         <PopoverTrigger asChild>
                           <button className="flex items-center justify-center rounded-lg p-2 text-muted-foreground transition-all hover:text-primary cursor-pointer hover:bg-sidebar-accent/50">
-                            <IconLogout className="h-4 w-4" />
+                            <IconLogout className="h-4 w-4 rtl:-scale-x-100" />
                           </button>
                         </PopoverTrigger>
                       </TooltipTrigger>

package/corpus/templates/analytics/app/pages/analyses/AnalysesList.tsx

@@ -78,13 +78,13 @@ export default function AnalysesList() {
           </p>
           {analyses && analyses.length > 0 && (
             <div className="relative">
-              <IconSearch className="absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground/60 pointer-events-none" />
+              <IconSearch className="absolute start-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground/60 pointer-events-none" />
               <input
                 type="search"
                 placeholder="Search analyses…"
                 value={searchQuery}
                 onChange={(e) => setSearchQuery(e.target.value)}
-                className="h-8 rounded-md border border-input bg-background pl-8 pr-3 text-xs placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-ring"
+                className="h-8 rounded-md border border-input bg-background ps-8 pe-3 text-xs placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-ring"
               />
             </div>
           )}

package/corpus/templates/brain/app/routes/knowledge.tsx

@@ -163,12 +163,12 @@ export default function KnowledgeRoute() {
         <Card>
           <CardContent className="flex flex-col gap-3 p-4 lg:flex-row lg:items-center">
             <div className="relative min-w-0 flex-1">
-              <IconSearch className="pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
+              <IconSearch className="pointer-events-none absolute start-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
               <Input
                 value={query}
                 onChange={(event) => updateParam("q", event.target.value)}
                 placeholder="Search memories, topics, source names..."
-                className="pl-9"
+                className="ps-9"
               />
             </div>
             <div className="flex flex-col gap-2 sm:flex-row">
@@ -217,8 +217,8 @@ export default function KnowledgeRoute() {
                   <TableHead>Source</TableHead>
                   <TableHead>Status</TableHead>
                   <TableHead>Company context</TableHead>
-                  <TableHead className="text-right">Confidence</TableHead>
-                  <TableHead className="text-right">Cites</TableHead>
+                  <TableHead className="text-end">Confidence</TableHead>
+                  <TableHead className="text-end">Cites</TableHead>
                 </TableRow>
               </TableHeader>
               <TableBody>
@@ -262,12 +262,12 @@ export default function KnowledgeRoute() {
                         onPreview={() => void openCanonicalPreview(row)}
                       />
                     </TableCell>
-                    <TableCell className="text-right">
+                    <TableCell className="text-end">
                       {typeof row.confidence === "number"
                         ? formatPercent(row.confidence)
                         : "n/a"}
                     </TableCell>
-                    <TableCell className="text-right">
+                    <TableCell className="text-end">
                       {row.citations ?? 0}
                     </TableCell>
                   </TableRow>

package/corpus/templates/brain/app/routes/ops.tsx

@@ -416,11 +416,11 @@ export default function OpsRoute() {
                   <TableHead>Status</TableHead>
                   <TableHead>Capture</TableHead>
                   <TableHead>Source</TableHead>
-                  <TableHead className="text-right">Attempts</TableHead>
+                  <TableHead className="text-end">Attempts</TableHead>
                   <TableHead>Run after</TableHead>
                   <TableHead>Updated</TableHead>
                   <TableHead>Reason</TableHead>
-                  <TableHead className="text-right">Action</TableHead>
+                  <TableHead className="text-end">Action</TableHead>
                 </TableRow>
               </TableHeader>
               <TableBody>
@@ -474,7 +474,7 @@ export default function OpsRoute() {
                         </p>
                       </div>
                     </TableCell>
-                    <TableCell className="text-right tabular-nums">
+                    <TableCell className="text-end tabular-nums">
                       {item.attempts}
                     </TableCell>
                     <TableCell className="whitespace-nowrap text-sm text-muted-foreground">
@@ -491,7 +491,7 @@ export default function OpsRoute() {
                           "No issue recorded"}
                       </p>
                     </TableCell>
-                    <TableCell className="text-right">
+                    <TableCell className="text-end">
                       <Button
                         size="sm"
                         variant="outline"

package/corpus/templates/brain/app/routes/search.tsx

@@ -144,12 +144,12 @@ export default function SearchRoute() {
         <Card>
           <CardContent className="grid gap-3 p-4">
             <div className="relative">
-              <IconSearch className="pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
+              <IconSearch className="pointer-events-none absolute start-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
               <Input
                 value={query}
                 onChange={(event) => updateParam("q", event.target.value)}
                 placeholder="Search decisions, customer facts, source names, transcripts, or policy snippets..."
-                className="h-11 pl-9 text-base"
+                className="h-11 ps-9 text-base"
                 autoFocus
               />
             </div>
@@ -420,10 +420,10 @@ function SearchResultDetails({
               </Badge>
             ) : null}
           </div>
-          <SheetTitle className="text-left text-xl leading-7">
+          <SheetTitle className="text-start text-xl leading-7">
             {result.title}
           </SheetTitle>
-          <SheetDescription className="text-left leading-6">
+          <SheetDescription className="text-start leading-6">
             {body}
           </SheetDescription>
         </SheetHeader>

package/corpus/templates/brain/app/routes/settings.tsx

@@ -608,9 +608,9 @@ function NumberField({
           max={max}
           value={value}
           onChange={(event) => onChange(Number(event.target.value))}
-          className="rounded-r-none"
+          className="rounded-e-none"
         />
-        <div className="flex min-w-20 items-center justify-center rounded-r-md border border-l-0 border-input bg-muted px-3 text-sm text-muted-foreground">
+        <div className="flex min-w-20 items-center justify-center rounded-e-md border border-s-0 border-input bg-muted px-3 text-sm text-muted-foreground">
           {suffix}
         </div>
       </div>
@@ -653,7 +653,7 @@ function PolicyRow({ label, value }: { label: string; value: string }) {
   return (
     <div className="flex items-center justify-between gap-3">
       <span className="min-w-0 text-muted-foreground">{label}</span>
-      <span className="max-w-40 truncate text-right font-medium capitalize">
+      <span className="max-w-40 truncate text-end font-medium capitalize">
         {value.replace(/_/g, " ")}
       </span>
     </div>

package/corpus/templates/brain/app/routes/sources.tsx

@@ -1074,7 +1074,7 @@ function ProviderCatalog({
                     variant="outline"
                     className={`${grantStateClass(grantState)} w-fit max-w-full`}
                   >
-                    <GrantIcon className="mr-1 size-3" />
+                    <GrantIcon className="me-1 size-3" />
                     {grantStateLabel(grantState)}
                   </Badge>
                   <Badge
@@ -2037,7 +2037,7 @@ export default function SourcesRoute() {
                       {enqueueCapturesDistillation.isPending ? (
                         <IconLoader2 className="size-4 animate-spin" />
                       ) : (
-                        <IconSend className="size-4" />
+                        <IconSend className="size-4 rtl:-scale-x-100" />
                       )}
                       Queue selected
                     </Button>
@@ -2205,7 +2205,7 @@ export default function SourcesRoute() {
                           {enqueueDistillation.isPending ? (
                             <IconLoader2 className="size-4 animate-spin" />
                           ) : (
-                            <IconSend className="size-4" />
+                            <IconSend className="size-4 rtl:-scale-x-100" />
                           )}
                           {queueActionLabel(queue)}
                         </Button>

package/corpus/templates/dispatch/app/routes/integrations.tsx

@@ -1072,7 +1072,7 @@ function Modal({
   return (
     <Dialog open={open} onOpenChange={(next) => !next && onClose()}>
       <DialogContent className="max-h-[92vh] max-w-2xl overflow-y-auto p-0">
-        <DialogHeader className="border-b p-4 pr-10">
+        <DialogHeader className="border-b p-4 pe-10">
           <DialogTitle className="text-base">{title}</DialogTitle>
           {description ? (
             <DialogDescription>{description}</DialogDescription>
@@ -1784,7 +1784,7 @@ function SetupWizard({
             onClick={() => onStepChange(step - 1)}
             disabled={saving}
           >
-            <IconArrowLeft size={14} />
+            <IconArrowLeft size={14} className="rtl:-scale-x-100" />
             Back
           </Button>
         ) : null}
@@ -1795,7 +1795,7 @@ function SetupWizard({
             disabled={!canAdvance || loading || saving}
           >
             Next
-            <IconArrowRight size={14} />
+            <IconArrowRight size={14} className="rtl:-scale-x-100" />
           </Button>
         ) : (
           <Button