@cat-factory/app 0.54.3 → 0.55.0

package/app/components/tasks/TaskImportModal.vue

@@ -331,7 +331,7 @@ async function doSpawnEpic() {
           >
             <button
               type="button"
-              class="min-w-0 flex-1 text-left disabled:cursor-not-allowed disabled:opacity-60"
+              class="min-w-0 flex-1 text-start disabled:cursor-not-allowed disabled:opacity-60"
               :disabled="!containerId"
               :title="
                 containerId

package/app/components/testing/TestReportWindow.vue

@@ -381,7 +381,7 @@ const GROUP_STATUS_META: Record<ScenarioGroup['status'], { icon: string; text: s
                   </span>
                   <span
                     v-if="infraSetup.durationMs != null"
-                    class="ml-auto text-[11px] text-slate-500"
+                    class="ms-auto text-[11px] text-slate-500"
                   >
                     {{
                       t('testing.standup.took', {
@@ -484,7 +484,7 @@ const GROUP_STATUS_META: Record<ScenarioGroup['status'], { icon: string; text: s
                           : t('testing.fixerTimeline.failed')
                       }}
                     </UBadge>
-                    <span class="ml-auto text-[11px] text-slate-500">{{
+                    <span class="ms-auto text-[11px] text-slate-500">{{
                       d(new Date(a.at), 'short')
                     }}</span>
                   </div>
@@ -541,7 +541,7 @@ const GROUP_STATUS_META: Record<ScenarioGroup['status'], { icon: string; text: s
                   class="overflow-hidden rounded-lg border border-slate-800 bg-slate-900/60"
                 >
                   <button
-                    class="flex w-full items-center gap-2 px-3 py-2 text-left hover:bg-slate-800/40"
+                    class="flex w-full items-center gap-2 px-3 py-2 text-start hover:bg-slate-800/40"
                     @click="toggle(g.key)"
                   >
                     <UIcon
@@ -584,7 +584,7 @@ const GROUP_STATUS_META: Record<ScenarioGroup['status'], { icon: string; text: s
                     </span>
                   </button>
 
-                  <div v-if="!collapsed.has(g.key)" class="space-y-1 px-3 pb-3 pl-9">
+                  <div v-if="!collapsed.has(g.key)" class="space-y-1 px-3 pb-3 ps-9">
                     <!-- Outcomes -->
                     <div
                       v-for="(o, oi) in g.outcomes"
@@ -710,7 +710,7 @@ const GROUP_STATUS_META: Record<ScenarioGroup['status'], { icon: string; text: s
 
           <!-- Sidebar: metadata -->
           <aside
-            class="hidden w-60 shrink-0 flex-col gap-4 border-l border-slate-800 bg-slate-900/50 px-4 py-4 lg:flex"
+            class="hidden w-60 shrink-0 flex-col gap-4 border-s border-slate-800 bg-slate-900/50 px-4 py-4 lg:flex"
           >
             <div v-if="report">
               <h4 class="mb-2 text-[11px] font-semibold uppercase tracking-wide text-slate-500">

package/app/components/visualConfirm/VisualConfirmationWindow.vue

@@ -315,7 +315,7 @@ const canApprove = computed(
                   type="file"
                   accept="image/png,image/jpeg"
                   :disabled="busy || !uploadView.trim()"
-                  class="text-[12px] text-slate-300 file:mr-2 file:rounded file:border-0 file:bg-slate-800 file:px-2 file:py-1 file:text-slate-200 disabled:opacity-40"
+                  class="text-[12px] text-slate-300 file:me-2 file:rounded file:border-0 file:bg-slate-800 file:px-2 file:py-1 file:text-slate-200 disabled:opacity-40"
                   @change="onFilePicked"
                 />
               </div>
@@ -378,7 +378,7 @@ const canApprove = computed(
                       t('visualConfirm.history.fixRequested')
                     }}</span>
                     <span
-                      class="ml-1.5 rounded px-1 text-[10px] uppercase"
+                      class="ms-1.5 rounded px-1 text-[10px] uppercase"
                       :class="
                         r.outcome === 'completed'
                           ? 'bg-emerald-500/15 text-emerald-300'

package/app/pages/index.vue

@@ -243,7 +243,7 @@ watch(
         <!-- z-30 keeps the trigger above the centered BoardToolbar (z-20), whose
              max-width can otherwise reach this corner on the narrowest viewports. -->
         <UButton
-          class="absolute left-3 top-3 z-30 lg:hidden"
+          class="absolute start-3 top-3 z-30 lg:hidden"
           icon="i-lucide-menu"
           color="neutral"
           variant="soft"

package/i18n/i18n.config.ts

@@ -61,6 +61,11 @@ export default defineI18nConfig(() => ({
       currency: { style: 'currency', currency: 'USD', currencyDisplay: 'narrowSymbol' },
       percent: { style: 'percent', maximumFractionDigits: 1 },
     },
+    he: {
+      decimal: { style: 'decimal' },
+      currency: { style: 'currency', currency: 'USD', currencyDisplay: 'narrowSymbol' },
+      percent: { style: 'percent', maximumFractionDigits: 1 },
+    },
   },
   datetimeFormats: {
     en: {
@@ -83,5 +88,9 @@ export default defineI18nConfig(() => ({
       short: { dateStyle: 'medium' },
       long: { dateStyle: 'long', timeStyle: 'short' },
     },
+    he: {
+      short: { dateStyle: 'medium' },
+      long: { dateStyle: 'long', timeStyle: 'short' },
+    },
   },
 }))