@agent-native/core 0.76.3 → 0.76.5

package/corpus/core/src/client/org/OrgSwitcher.tsx

@@ -208,7 +208,7 @@ function AppsSubmenu({
       <PopoverPrimitive.Trigger asChild>
         <button type="button" className={`${ITEM_CLASS} cursor-pointer`}>
           <IconApps className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
-          <span className="flex-1 text-left">Apps</span>
+          <span className="flex-1 text-start">Apps</span>
           <span className="text-[11px] text-muted-foreground">
             {isLoading ? (
               <IconLoader2 className="h-3 w-3 animate-spin" />
@@ -216,7 +216,7 @@ function AppsSubmenu({
               apps.length
             )}
           </span>
-          <IconChevronRight className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+          <IconChevronRight className="h-3.5 w-3.5 shrink-0 text-muted-foreground rtl:-scale-x-100" />
         </button>
       </PopoverPrimitive.Trigger>
       <PopoverPrimitive.Portal>
@@ -366,7 +366,7 @@ export function OrgSwitcher({
           className={`flex w-full items-center gap-2 rounded-md border border-border/50 px-2.5 py-1.5 text-xs font-medium text-muted-foreground hover:bg-accent/50 hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring cursor-pointer ${className ?? ""}`}
         >
           <ButtonIcon className="h-3.5 w-3.5 shrink-0" />
-          <span className="truncate flex-1 text-left">{buttonLabel}</span>
+          <span className="truncate flex-1 text-start">{buttonLabel}</span>
           <IconSelector className="h-3 w-3 shrink-0 opacity-50" />
         </button>
       </PopoverPrimitive.Trigger>
@@ -390,7 +390,7 @@ export function OrgSwitcher({
                   aria-disabled="true"
                 >
                   <IconUser className="h-3.5 w-3.5 shrink-0" />
-                  <span className="truncate flex-1 text-left">
+                  <span className="truncate flex-1 text-start">
                     Personal ({personalLabel})
                   </span>
                 </div>
@@ -418,7 +418,9 @@ export function OrgSwitcher({
                   className={`${ITEM_CLASS} cursor-pointer`}
                 >
                   <IconBuilding className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
-                  <span className="truncate flex-1 text-left">{o.orgName}</span>
+                  <span className="truncate flex-1 text-start">
+                    {o.orgName}
+                  </span>
                   {o.orgId === org.orgId && (
                     <IconCheck className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
                   )}
@@ -535,7 +537,7 @@ export function OrgSwitcher({
                   className={`${ITEM_CLASS} cursor-pointer`}
                 >
                   <IconSettings className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
-                  <span className="flex-1 text-left">
+                  <span className="flex-1 text-start">
                     Organization settings
                   </span>
                 </button>
@@ -552,7 +554,7 @@ export function OrgSwitcher({
                 className={`${ITEM_CLASS} cursor-pointer`}
               >
                 <IconPlus className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
-                <span className="flex-1 text-left">Create organization</span>
+                <span className="flex-1 text-start">Create organization</span>
               </button>
               {canInvite && (
                 <button
@@ -564,7 +566,7 @@ export function OrgSwitcher({
                   className={`${ITEM_CLASS} cursor-pointer`}
                 >
                   <IconUserPlus className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
-                  <span className="flex-1 text-left">Invite member</span>
+                  <span className="flex-1 text-start">Invite member</span>
                 </button>
               )}
 
@@ -578,12 +580,12 @@ export function OrgSwitcher({
                 {signingOut ? (
                   <IconLoader2 className="h-3.5 w-3.5 shrink-0 animate-spin text-muted-foreground" />
                 ) : (
-                  <IconLogout className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                  <IconLogout className="h-3.5 w-3.5 shrink-0 text-muted-foreground rtl:-scale-x-100" />
                 )}
-                <span className="flex-1 text-left">
+                <span className="flex-1 text-start">
                   Sign out
                   {org.email ? (
-                    <span className="ml-1 text-muted-foreground">
+                    <span className="ms-1 text-muted-foreground">
                       ({org.email})
                     </span>
                   ) : null}

package/corpus/core/src/client/org/TeamPage.tsx

@@ -866,7 +866,7 @@ function BulkInviteForm({
             <ul className="space-y-0.5 text-[11px] text-red-500">
               {resultBanner.failed.map((f) => (
                 <li key={f.email}>
-                  <IconAlertTriangle className="inline h-3 w-3 -mt-0.5 mr-1" />
+                  <IconAlertTriangle className="inline h-3 w-3 -mt-0.5 me-1" />
                   {f.email}: {f.error}
                 </li>
               ))}
@@ -1176,7 +1176,7 @@ function A2ASecretSection({ secret }: { secret: string | null | undefined }) {
             {syncResult.failed > 0 ? ` (${syncResult.failed} failed)` : ""}.
           </p>
           {syncResult.failed > 0 && (
-            <ul className="text-[11px] text-red-500 list-disc pl-5 space-y-0.5">
+            <ul className="text-[11px] text-red-500 list-disc ps-5 space-y-0.5">
               {syncResult.results
                 .filter((r) => !r.ok)
                 .map((r) => (

package/corpus/core/src/client/settings/AgentsSection.tsx

@@ -62,7 +62,7 @@ function AgentEditPopover({
   return (
     <div
       ref={popoverRef}
-      className="absolute right-0 top-full z-50 mt-1 w-64 rounded-lg border border-border bg-popover p-2.5 shadow-lg"
+      className="absolute end-0 top-full z-50 mt-1 w-64 rounded-lg border border-border bg-popover p-2.5 shadow-lg"
     >
       <div className="flex flex-col gap-1.5">
         <input
@@ -163,7 +163,7 @@ function AgentAddPopover({
   return (
     <div
       ref={popoverRef}
-      className="absolute right-0 top-full z-50 mt-1 w-64 rounded-lg border border-border bg-popover p-2.5 shadow-lg"
+      className="absolute end-0 top-full z-50 mt-1 w-64 rounded-lg border border-border bg-popover p-2.5 shadow-lg"
     >
       <div className="flex flex-col gap-1.5">
         <input
@@ -393,7 +393,7 @@ export function AgentsSection() {
                 <span className="text-[11px] font-medium text-foreground truncate shrink-0">
                   {agent.name}
                 </span>
-                <span className="flex-1 text-[10px] text-muted-foreground/60 truncate text-right">
+                <span className="flex-1 text-[10px] text-muted-foreground/60 truncate text-end">
                   {agent.url}
                 </span>
                 <Tooltip>

package/corpus/core/src/client/settings/AutomationsSection.tsx

@@ -354,12 +354,12 @@ export function AutomationsSection() {
                   </span>
                 </div>
                 {item.scheduleDescription && (
-                  <p className="text-[10px] text-muted-foreground mt-0.5 ml-[17px]">
+                  <p className="text-[10px] text-muted-foreground mt-0.5 ms-[17px]">
                     {item.scheduleDescription}
                   </p>
                 )}
                 {item.schedule && !item.scheduleDescription && (
-                  <p className="text-[10px] text-muted-foreground mt-0.5 ml-[17px] font-mono">
+                  <p className="text-[10px] text-muted-foreground mt-0.5 ms-[17px] font-mono">
                     {item.schedule}
                   </p>
                 )}
@@ -430,7 +430,7 @@ export function AutomationsSection() {
               </div>
             </div>
             {item.lastRun && (
-              <p className="text-[10px] text-muted-foreground mt-1 ml-[17px]">
+              <p className="text-[10px] text-muted-foreground mt-1 ms-[17px]">
                 Last run:{" "}
                 {new Date(item.lastRun).toLocaleString(undefined, {
                   month: "short",

package/corpus/core/src/client/settings/SecretsSection.tsx

@@ -370,7 +370,7 @@ function SecretCard({ secret, onChanged, focusInput }: SecretCardProps) {
                 href={secret.docsUrl}
                 target="_blank"
                 rel="noopener noreferrer"
-                className="inline-flex items-center gap-1 rounded border border-border px-2 py-1 text-[10px] no-underline text-muted-foreground hover:text-foreground ml-auto"
+                className="inline-flex items-center gap-1 rounded border border-border px-2 py-1 text-[10px] no-underline text-muted-foreground hover:text-foreground ms-auto"
               >
                 Get key
                 <IconExternalLink size={10} />
@@ -626,7 +626,7 @@ function AdHocKeysSection() {
               <option value="user">Personal</option>
               <option value="workspace">Workspace</option>
             </select>
-            <div className="ml-auto flex items-center gap-1.5">
+            <div className="ms-auto flex items-center gap-1.5">
               <button
                 type="button"
                 onClick={resetForm}

package/corpus/core/src/client/settings/SettingsPanel.tsx

@@ -116,7 +116,7 @@ function SettingsSelect({
       </div>
       <SelectPrimitive.Root value={value} onValueChange={onValueChange}>
         <SelectPrimitive.Trigger
-          className="flex h-9 w-full items-center justify-between rounded-md border border-border bg-background px-3 text-left text-[12px] text-foreground outline-none transition-colors hover:bg-accent/40 data-[placeholder]:text-muted-foreground"
+          className="flex h-9 w-full items-center justify-between rounded-md border border-border bg-background px-3 text-start text-[12px] text-foreground outline-none transition-colors hover:bg-accent/40 data-[placeholder]:text-muted-foreground"
           aria-label={label}
           style={CONTROL_STYLE}
         >
@@ -141,7 +141,7 @@ function SettingsSelect({
                   className="relative flex w-full cursor-pointer select-none items-start gap-2 rounded-md px-8 py-2.5 text-[12px] outline-none data-[highlighted]:bg-accent/60 data-[state=checked]:bg-accent/40"
                   style={CONTROL_STYLE}
                 >
-                  <span className="absolute left-2 top-2.5 flex h-4 w-4 items-center justify-center text-muted-foreground">
+                  <span className="absolute start-2 top-2.5 flex h-4 w-4 items-center justify-center text-muted-foreground">
                     <SelectPrimitive.ItemIndicator>
                       <IconCheck size={14} />
                     </SelectPrimitive.ItemIndicator>
@@ -406,7 +406,7 @@ function UseBuilderCard({
       type="button"
       onClick={() => builderFlow.start({ trackingSource, trackingFlow })}
       disabled={builderFlow.connecting}
-      className={`block w-full rounded-md border border-border px-3 py-3 text-left no-underline bg-gradient-to-br from-teal-500/10 via-transparent to-transparent hover:border-foreground/30 transition-colors disabled:cursor-wait disabled:opacity-70`}
+      className={`block w-full rounded-md border border-border px-3 py-3 text-start no-underline bg-gradient-to-br from-teal-500/10 via-transparent to-transparent hover:border-foreground/30 transition-colors disabled:cursor-wait disabled:opacity-70`}
     >
       <div className="flex items-start gap-2.5">
         <div className="flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-foreground text-background">
@@ -980,7 +980,7 @@ function LLMSectionInner({
                       <TooltipTrigger asChild>
                         <button
                           onClick={handleDisconnect}
-                          className="ml-auto rounded border border-border px-2.5 py-1 text-[10px] font-medium text-muted-foreground hover:bg-destructive/10 hover:text-destructive hover:border-destructive/40"
+                          className="ms-auto rounded border border-border px-2.5 py-1 text-[10px] font-medium text-muted-foreground hover:bg-destructive/10 hover:text-destructive hover:border-destructive/40"
                         >
                           Disconnect
                         </button>
@@ -1955,9 +1955,7 @@ function CapabilityStatusRow({
         />
         {label}
       </span>
-      <span className="min-w-0 truncate text-right text-foreground">
-        {value}
-      </span>
+      <span className="min-w-0 truncate text-end text-foreground">{value}</span>
     </div>
   );
 }

package/corpus/core/src/client/settings/SettingsSection.tsx

@@ -35,7 +35,7 @@ export function SettingsSection({
       <button
         type="button"
         onClick={onToggle}
-        className="flex w-full cursor-pointer items-center justify-between px-3 py-2.5 text-left rounded-lg hover:bg-accent/40 transition-colors"
+        className="flex w-full cursor-pointer items-center justify-between px-3 py-2.5 text-start rounded-lg hover:bg-accent/40 transition-colors"
       >
         <div className="flex items-center gap-2 min-w-0">
           <span className="shrink-0 text-muted-foreground">{icon}</span>

package/corpus/core/src/client/settings/UsageSection.tsx

@@ -139,7 +139,7 @@ function BucketBars({
             </span>
             <span className="shrink-0 text-muted-foreground tabular-nums">
               {formatSpend(b.cents, billing)}
-              <span className="ml-1 opacity-60">
+              <span className="ms-1 opacity-60">
                 · {formatTokens(b.inputTokens + b.outputTokens)} tok
               </span>
             </span>
@@ -268,7 +268,7 @@ export function UsageSection() {
                   {formatSpend(data.totalCents, billing)}
                 </div>
               </div>
-              <div className="text-right">
+              <div className="text-end">
                 <div className="text-[10px] text-muted-foreground">
                   {data.totalCalls} calls
                 </div>
@@ -350,7 +350,7 @@ export function UsageSection() {
                         {new Date(r.createdAt).toLocaleString()} · {r.model}
                       </div>
                     </div>
-                    <div className="shrink-0 text-right tabular-nums text-muted-foreground">
+                    <div className="shrink-0 text-end tabular-nums text-muted-foreground">
                       {formatSpend(r.cents, billing)}
                     </div>
                   </div>

package/corpus/core/src/client/settings/VoiceTranscriptionSection.tsx

@@ -506,7 +506,7 @@ export function VoiceTranscriptionSection() {
             {showAdvanced ? (
               <IconChevronDown size={12} />
             ) : (
-              <IconChevronRight size={12} />
+              <IconChevronRight size={12} className="rtl:-scale-x-100" />
             )}
             Add API keys
           </span>
@@ -763,7 +763,7 @@ function ProviderOption({
       aria-pressed={selected}
       aria-disabled={disabled || undefined}
       // Theme tokens; streaming agent owns layout.
-      className={`w-full text-left rounded-md border px-2.5 py-2 flex items-start gap-2 ${
+      className={`w-full text-start rounded-md border px-2.5 py-2 flex items-start gap-2 ${
         selected
           ? "border-primary bg-primary/10"
           : "border-border bg-accent/30 hover:bg-accent/50"
@@ -944,7 +944,7 @@ function SystemAudioStatus() {
         <button
           type="button"
           onClick={openPrivacy}
-          className="ml-1 inline-flex items-center gap-1 rounded border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground hover:bg-accent/40 hover:text-foreground"
+          className="ms-1 inline-flex items-center gap-1 rounded border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground hover:bg-accent/40 hover:text-foreground"
         >
           <IconLockOpen size={10} />
           Open System Settings

package/corpus/core/src/client/sharing/ShareButton.tsx

@@ -1028,7 +1028,7 @@ function AdvancedAccessPopover({
             disabled={!canManage || control.pending}
             onClick={onToggle}
             className={cn(
-              "flex w-full items-start gap-3 rounded-md border border-border/70 bg-background px-3 py-2.5 text-left transition-colors hover:bg-accent/45 disabled:cursor-not-allowed disabled:opacity-60",
+              "flex w-full items-start gap-3 rounded-md border border-border/70 bg-background px-3 py-2.5 text-start transition-colors hover:bg-accent/45 disabled:cursor-not-allowed disabled:opacity-60",
               control.checked && "border-border bg-accent/35 text-foreground",
             )}
           >
@@ -1181,7 +1181,7 @@ function MemberAutocomplete({
             aria-hidden
             size={15}
             strokeWidth={1.8}
-            className="pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground"
+            className="pointer-events-none absolute start-2.5 top-1/2 -translate-y-1/2 text-muted-foreground"
           />
           <input
             ref={inputRef}
@@ -1209,14 +1209,14 @@ function MemberAutocomplete({
             }}
             onKeyDown={handleKeyDown}
             autoComplete="off"
-            className="h-9 w-full min-w-0 rounded-md border border-input bg-background pl-8 pr-8 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background"
+            className="h-9 w-full min-w-0 rounded-md border border-input bg-background ps-8 pe-8 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background"
           />
           {search.isLoading ? (
             <IconLoader2
               aria-hidden
               size={15}
               strokeWidth={1.8}
-              className="pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 animate-spin text-muted-foreground"
+              className="pointer-events-none absolute end-2.5 top-1/2 -translate-y-1/2 animate-spin text-muted-foreground"
             />
           ) : null}
         </div>
@@ -1377,7 +1377,7 @@ function CopyLinkField({
 const selectContentClass =
   "z-[2100] min-w-[12rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
 const selectItemClass =
-  "relative flex w-full cursor-pointer select-none items-start gap-2 rounded-sm py-2 pl-8 pr-3 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
+  "relative flex w-full cursor-pointer select-none items-start gap-2 rounded-sm py-2 ps-8 pe-3 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
 
 interface ShadSelectItemProps {
   value: string;
@@ -1394,7 +1394,7 @@ function SelectItems({ items }: { items: ShadSelectItemProps[] }) {
           value={it.value}
           className={selectItemClass}
         >
-          <span className="absolute left-2 top-2 flex h-4 w-4 items-center justify-center">
+          <span className="absolute start-2 top-2 flex h-4 w-4 items-center justify-center">
             <Select.ItemIndicator>
               <IconCheck size={14} />
             </Select.ItemIndicator>
@@ -1485,7 +1485,7 @@ function VisibilitySelect(props: {
       <Select.Trigger
         className={cn(
           BUTTON_BASE,
-          "h-7 px-1 -ml-1 bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground",
+          "h-7 px-1 -ms-1 bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground",
         )}
         aria-label="General access"
       >

package/corpus/core/src/client/sharing/ShareDialog.tsx

@@ -649,7 +649,7 @@ function CopyField({
 const selectContentClass =
   "z-[2100] min-w-[12rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md";
 const selectItemClass =
-  "relative flex w-full cursor-pointer select-none items-start gap-2 rounded-sm py-2 pl-8 pr-3 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
+  "relative flex w-full cursor-pointer select-none items-start gap-2 rounded-sm py-2 ps-8 pe-3 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
 
 function SelectItems({
   items,
@@ -664,7 +664,7 @@ function SelectItems({
           value={it.value}
           className={selectItemClass}
         >
-          <span className="absolute left-2 top-2 flex h-4 w-4 items-center justify-center">
+          <span className="absolute start-2 top-2 flex h-4 w-4 items-center justify-center">
             <Select.ItemIndicator>
               <IconCheck size={14} />
             </Select.ItemIndicator>
@@ -734,7 +734,7 @@ function VisibilitySelect(props: {
         aria-label="General access"
         className={cn(
           BUTTON_BASE,
-          "h-7 px-1 -ml-1 bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground",
+          "h-7 px-1 -ms-1 bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground",
         )}
       >
         <Select.Value>{current.label}</Select.Value>

package/corpus/core/src/deploy/build.ts

@@ -1617,20 +1617,37 @@ let cachedHandler;
 // PROCESS_RUN_PATH before delegating. Method, ALL headers (the HMAC
 // Authorization: Bearer MUST survive — the plugin verifies it) and the body are
 // preserved by cloning the incoming Request with only its URL pathname set.
-export default async function handler(request) {
-  cachedHandler ??= (await import("./main.mjs")).default;
-  const url = new URL(request.url);
-  url.pathname = PROCESS_RUN_PATH;
-  // Read the body once and pass it through. GET/HEAD have no body.
-  const method = request.method || "POST";
-  const hasBody = method !== "GET" && method !== "HEAD";
-  const body = hasBody ? await request.text() : undefined;
-  const rewritten = new Request(url.toString(), {
-    method,
-    headers: request.headers,
-    body,
-  });
-  return cachedHandler(rewritten);
+export default async function handler(request, context) {
+  try {
+    cachedHandler ??= (await import("./main.mjs")).default;
+    const url = new URL(request.url);
+    url.pathname = PROCESS_RUN_PATH;
+    // Read the body once and pass it through. GET/HEAD have no body.
+    const method = request.method || "POST";
+    const hasBody = method !== "GET" && method !== "HEAD";
+    const body = hasBody ? await request.text() : undefined;
+    const rewritten = new Request(url.toString(), {
+      method,
+      headers: request.headers,
+      body,
+    });
+    // Netlify Functions v2 invokes the handler as (request, context); the Nitro
+    // netlify handler accepts (request[, context]). Pass context through so a
+    // handler that uses it (e.g. waitUntil) does not trip over an undefined arg
+    // before it ever routes the request.
+    return await cachedHandler(rewritten, context);
+  } catch (err) {
+    // Netlify already returned 202 for this background invocation and DISCARDS
+    // this return, so a throw here is otherwise INVISIBLE — it would only surface
+    // downstream as the reaper's "worker never claimed the run". Log it loudly
+    // for the function log; the FOREGROUND circuit-breaker (production-agent.ts)
+    // is what recovers the run by executing it inline when no worker claims.
+    console.error(
+      "[agent-background] wrapper failed before reaching the route:",
+      (err && err.stack) || err,
+    );
+    throw err;
+  }
 }
 
 export const config = {

package/corpus/core/src/styles/agent-conversation.css

@@ -31,7 +31,7 @@
 
 .agent-conversation__scroll-bottom {
   position: absolute;
-  right: 18px;
+  inset-inline-end: 18px;
   bottom: 92px;
   z-index: 2;
   display: flex;
@@ -115,12 +115,12 @@
 
 .agent-conversation-markdown ul,
 .agent-conversation-markdown ol {
-  padding-left: 20px;
+  padding-inline-start: 20px;
 }
 
 .agent-conversation-markdown li {
   margin: 3px 0;
-  padding-left: 2px;
+  padding-inline-start: 2px;
 }
 
 .agent-conversation-markdown li > p {
@@ -248,7 +248,7 @@
 }
 
 .agent-conversation-tool__summary {
-  margin-left: auto;
+  margin-inline-start: auto;
   font-size: 11px;
 }
 
@@ -410,7 +410,7 @@
   display: inline-flex;
   align-items: center;
   gap: 5px;
-  margin-left: auto;
+  margin-inline-start: auto;
   color: hsl(var(--muted-foreground));
   text-decoration: none;
 }
@@ -496,7 +496,7 @@
 .agent-markdown ul,
 .agent-markdown ol {
   margin: 0.5em 0;
-  padding-left: 1.5em;
+  padding-inline-start: 1.5em;
 }
 
 .agent-markdown li {
@@ -576,8 +576,8 @@
 }
 
 .agent-markdown blockquote {
-  border-left: 2px solid hsl(var(--border, 0 0% 20%));
-  padding-left: 0.75em;
+  border-inline-start: 2px solid hsl(var(--border, 0 0% 20%));
+  padding-inline-start: 0.75em;
   margin: 0.5em 0;
   opacity: 0.8;
 }
@@ -592,7 +592,7 @@
 .agent-markdown td {
   border: 1px solid hsl(var(--border, 0 0% 20%));
   padding: 0.35em 0.65em;
-  text-align: left;
+  text-align: start;
 }
 
 .agent-markdown th {
@@ -608,7 +608,7 @@
   display: inline-block;
   width: 0.42em;
   height: 1em;
-  margin-left: 0.12em;
+  margin-inline-start: 0.12em;
   border-radius: 999px;
   background: currentColor;
   opacity: 0.35;

package/corpus/core/src/styles/blocks.css

@@ -642,7 +642,7 @@
 .plan-code-chrome-float {
   position: absolute;
   top: 0.5rem;
-  right: 0.5rem;
+  inset-inline-end: 0.5rem;
   z-index: 2;
 }
 
@@ -917,7 +917,7 @@
   background: transparent;
   color: hsl(var(--foreground));
   font-size: 0.8rem;
-  text-align: left;
+  text-align: start;
   cursor: pointer;
 }
 

package/corpus/core/src/styles/rich-markdown-editor.css

@@ -317,7 +317,7 @@
 .an-rich-md-prose h3.is-empty::before,
 .an-rich-md-prose h4.is-empty::before {
   content: attr(data-placeholder);
-  float: left;
+  float: inline-start;
   color: hsl(var(--muted-foreground));
   opacity: 0.55;
   pointer-events: none;
@@ -432,7 +432,7 @@
   align-items: center;
   gap: 8px;
   padding: 6px 10px;
-  text-align: left;
+  text-align: start;
   background: none;
   border: none;
   cursor: pointer;

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

@@ -19,7 +19,7 @@ export function MobileNav() {
     <div className="flex h-12 shrink-0 items-center border-b border-border bg-sidebar px-4 md:hidden">
       <button
         onClick={() => setOpen(true)}
-        className="mr-3 p-2.5 -ml-1 rounded-md hover:bg-sidebar-accent/50"
+        className="me-3 p-2.5 -ms-1 rounded-md hover:bg-sidebar-accent/50"
         aria-label={t("navigation.openNavigation")}
       >
         <IconMenu className="h-5 w-5 text-foreground" />

package/corpus/templates/analytics/app/components/ui/alert-dialog.tsx

@@ -49,7 +49,7 @@ const AlertDialogHeader = ({
 }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
+      "flex flex-col space-y-2 text-center sm:text-start",
       className,
     )}
     {...props}

package/corpus/templates/analytics/app/components/ui/alert.tsx

@@ -4,7 +4,7 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "@/lib/utils";
 
 const alertVariants = cva(
-  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  "relative w-full rounded-lg border p-4 [&>svg~*]:ps-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:start-4 [&>svg]:top-4 [&>svg]:text-foreground",
   {
     variants: {
       variant: {

package/corpus/templates/analytics/app/components/ui/breadcrumb.tsx

@@ -83,7 +83,7 @@ const BreadcrumbSeparator = ({
     className={cn("[&>svg]:size-3.5", className)}
     {...props}
   >
-    {children ?? <IconChevronRight />}
+    {children ?? <IconChevronRight className="rtl:-scale-x-100" />}
   </li>
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";

package/corpus/templates/analytics/app/components/ui/calendar.tsx

@@ -25,11 +25,11 @@ function Calendar({
         nav: "flex items-center gap-1",
         button_previous: cn(
           buttonVariants({ variant: "outline" }),
-          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute left-1 top-1 z-10",
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute start-1 top-1 z-10",
         ),
         button_next: cn(
           buttonVariants({ variant: "outline" }),
-          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute right-1 top-1 z-10",
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute end-1 top-1 z-10",
         ),
         month_grid: "w-full border-collapse",
         weekdays: "flex",
@@ -47,8 +47,8 @@ function Calendar({
         outside: "text-muted-foreground opacity-50",
         disabled: "text-muted-foreground opacity-50",
         hidden: "invisible",
-        range_start: "rounded-l-md",
-        range_end: "rounded-r-md",
+        range_start: "rounded-s-md",
+        range_end: "rounded-e-md",
         range_middle:
           "aria-selected:bg-accent aria-selected:text-accent-foreground",
         ...classNames,
@@ -56,9 +56,9 @@ function Calendar({
       components={{
         Chevron: (props) => {
           if (props.orientation === "left") {
-            return <IconChevronLeft className="h-4 w-4" />;
+            return <IconChevronLeft className="h-4 w-4 rtl:-scale-x-100" />;
           }
-          return <IconChevronRight className="h-4 w-4" />;
+          return <IconChevronRight className="h-4 w-4 rtl:-scale-x-100" />;
         },
       }}
       {...props}