diff --git a/.Jules/palette.md b/.Jules/palette.md
new file mode 100644
index 000000000..f72f7745e
--- /dev/null
+++ b/.Jules/palette.md
@@ -0,0 +1,3 @@
+## 2024-05-24 - Accessibility When Hiding Elements Visually Responsively
+**Learning:** When using CSS rules like `display: none` to hide text labels within buttons responsively (e.g. shrinking tabs to icon-only on mobile screens), screen readers will also fail to read the inner text, effectively turning them into inaccessible icon-only buttons for visually impaired users.
+**Action:** Always ensure that buttons which may have their visual text label hidden dynamically via CSS also have a corresponding dynamic `aria-label` or `title` bound to the parent button element to guarantee persistent accessibility across all screen sizes.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index d34fd0638..54eb42e45 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -83,16 +83,11 @@ jobs:
       - name: Install Playwright (chromium)
         run: npx playwright install --with-deps chromium
 
-      - name: Setup Supabase CLI
-        uses: supabase/setup-cli@v1
-        with:
-          version: latest
-
       - name: Boot Supabase + run two-client Realtime e2e (R1–R7)
         run: |
-          supabase start
+          npx supabase start
           ./scripts/run-e2e.sh canvas-sync-regressions.spec.ts --project=chromium --workers=2
 
       - name: Stop Supabase
         if: always()
-        run: supabase stop || true
+        run: npx supabase stop || true
diff --git a/src/components/QuickSortCard.vue b/src/components/QuickSortCard.vue
index aa9be96fa..6be98a4ea 100644
--- a/src/components/QuickSortCard.vue
+++ b/src/components/QuickSortCard.vue
@@ -85,10 +85,10 @@ defineProps<{
 }>()
 
 const emit = defineEmits<{
-  (e: 'swipe-right'): void
-  (e: 'swipe-left'): void
-  (e: 'swipe-up'): void
-  (e: 'swipe-down'): void
+  (e: 'swipeRight'): void
+  (e: 'swipeLeft'): void
+  (e: 'swipeUp'): void
+  (e: 'swipeDown'): void
 }>()
 
 const cardRef = ref<HTMLElement | null>(null)
@@ -105,10 +105,10 @@ const {
   haptics: true,
   fourDirectional: true,
   mouse: true,
-  onSwipeRight: () => emit('swipe-right'),
-  onSwipeLeft: () => emit('swipe-left'),
-  onSwipeUp: () => emit('swipe-up'),
-  onSwipeDown: () => emit('swipe-down')
+  onSwipeRight: () => emit('swipeRight'),
+  onSwipeLeft: () => emit('swipeLeft'),
+  onSwipeUp: () => emit('swipeUp'),
+  onSwipeDown: () => emit('swipeDown')
 })
 
 // Card transform style - supports both horizontal and vertical movement
diff --git a/src/components/ai/AIMemoryHealthDashboard.vue b/src/components/ai/AIMemoryHealthDashboard.vue
index 11249bade..d8c7df6d6 100644
--- a/src/components/ai/AIMemoryHealthDashboard.vue
+++ b/src/components/ai/AIMemoryHealthDashboard.vue
@@ -36,13 +36,17 @@
     </div>
 
     <!-- Error -->
-    <div v-if="error" class="error-banner glass">{{ error }}</div>
+    <div v-if="error" class="error-banner glass">
+      {{ error }}
+    </div>
 
     <!-- Summary Cards -->
     <div v-if="report" class="summary-cards">
       <div class="card glass score-card" :class="gradeClass">
         <h3>Memory Grade</h3>
-        <div class="grade-display">{{ report.grade }}</div>
+        <div class="grade-display">
+          {{ report.grade }}
+        </div>
         <p>{{ gradeLabel }}</p>
       </div>
 
@@ -56,13 +60,17 @@
 
       <div class="card glass stat-card">
         <h3>Sections</h3>
-        <div class="stat-value">{{ report.sections.length }}</div>
+        <div class="stat-value">
+          {{ report.sections.length }}
+        </div>
         <p>{{ report.mode === 'full' ? 'Full assessment' : 'Quick check' }}</p>
       </div>
 
       <div class="card glass stat-card">
         <h3>Duration</h3>
-        <div class="stat-value stat-value--small">{{ formatDuration(report.durationMs) }}</div>
+        <div class="stat-value stat-value--small">
+          {{ formatDuration(report.durationMs) }}
+        </div>
         <p>{{ formatTime(report.timestamp) }}</p>
       </div>
     </div>
@@ -70,7 +78,9 @@
     <!-- Empty State -->
     <div v-else-if="!isRunning" class="empty-state glass">
       <p>No assessment results yet.</p>
-      <p class="empty-hint">"Quick Check" runs heuristic tests instantly. "Full Assessment" adds LLM-as-judge context utilization tests (~30s).</p>
+      <p class="empty-hint">
+        "Quick Check" runs heuristic tests instantly. "Full Assessment" adds LLM-as-judge context utilization tests (~30s).
+      </p>
     </div>
 
     <!-- Sections -->
@@ -115,7 +125,9 @@
               <span class="check-name">{{ check.name }}</span>
               <span class="check-score" :class="scoreColorClass(check.score)">{{ check.score }}%</span>
             </div>
-            <div class="check-value">{{ check.value }}</div>
+            <div class="check-value">
+              {{ check.value }}
+            </div>
             <div v-if="check.recommendation" class="check-recommendation">
               {{ check.recommendation }}
             </div>
@@ -160,7 +172,9 @@
           <span class="history-time">{{ formatTime(h.timestamp) }}</span>
         </div>
       </div>
-      <button class="btn btn-ghost" @click="handleClearHistory">Clear History</button>
+      <button class="btn btn-ghost" @click="handleClearHistory">
+        Clear History
+      </button>
     </div>
   </div>
 </template>
diff --git a/src/components/ai/AIQualityDashboard.vue b/src/components/ai/AIQualityDashboard.vue
index 588d50c81..1af29adec 100644
--- a/src/components/ai/AIQualityDashboard.vue
+++ b/src/components/ai/AIQualityDashboard.vue
@@ -10,8 +10,8 @@
         <button
           class="btn btn-ghost"
           :disabled="isRunning"
-          @click="handleRunTests(1)"
           title="Quick check with 1 run per test"
+          @click="handleRunTests(1)"
         >
           Quick (1x)
         </button>
@@ -45,7 +45,9 @@
     <div v-if="report" class="summary-cards">
       <div class="card glass score-card" :class="gradeClass">
         <h3>Overall Grade</h3>
-        <div class="grade-display">{{ report.grade }}</div>
+        <div class="grade-display">
+          {{ report.grade }}
+        </div>
         <p>{{ gradeLabel }}</p>
       </div>
 
@@ -67,14 +69,18 @@
 
       <div class="card glass stat-card">
         <h3>Provider</h3>
-        <div class="stat-value stat-value--small">{{ report.provider }}</div>
+        <div class="stat-value stat-value--small">
+          {{ report.provider }}
+        </div>
         <p>{{ formatTime(report.timestamp) }}</p>
       </div>
     </div>
 
     <!-- Empty State -->
     <div v-else-if="!isRunning" class="empty-state glass">
-      <h3 class="empty-title">AI Quality Assessment</h3>
+      <h3 class="empty-title">
+        AI Quality Assessment
+      </h3>
       <p class="empty-desc">
         Tests your AI assistant by sending {{ testPrompts.length }} prompts across {{ new Set(testPrompts.map(t => t.category)).size }} categories,
         then judges each response against {{ rubrics.length }} quality rubrics using a second LLM call.
@@ -129,7 +135,7 @@
               <span class="result-grade" :class="scoreColorClass(result.overallScore)">
                 {{ result.grade }}
               </span>
-              <span class="result-grade-dot" :class="gradeDotClass(result.grade)"></span>
+              <span class="result-grade-dot" :class="gradeDotClass(result.grade)" />
             </div>
           </div>
 
@@ -142,7 +148,9 @@
           <!-- AI Response Preview (first 3 lines) -->
           <div class="result-response-preview">
             <span class="preview-label">AI Response:</span>
-            <div class="preview-text">{{ result.response }}</div>
+            <div class="preview-text">
+              {{ result.response }}
+            </div>
           </div>
 
           <!-- Simple Verdict (derived from judge reasoning) -->
@@ -154,12 +162,16 @@
           <div v-if="expandedCards.has(result.promptId)" class="expanded-content">
             <div class="expanded-section">
               <h4>Full AI Response</h4>
-              <div class="response-text">{{ result.response }}</div>
+              <div class="response-text">
+                {{ result.response }}
+              </div>
             </div>
 
             <div v-if="result.judgeReasoning" class="expanded-section">
               <h4>Judge's Detailed Assessment</h4>
-              <div class="judge-text">{{ result.judgeReasoning }}</div>
+              <div class="judge-text">
+                {{ result.judgeReasoning }}
+              </div>
             </div>
 
             <!-- Expected Behavior -->
@@ -260,7 +272,9 @@
           <span class="history-time">{{ formatTime(h.timestamp) }}</span>
         </div>
       </div>
-      <button class="btn btn-ghost" @click="handleClearHistory">Clear History</button>
+      <button class="btn btn-ghost" @click="handleClearHistory">
+        Clear History
+      </button>
     </div>
   </div>
 </template>
diff --git a/src/components/ai/AISetupWizard.vue b/src/components/ai/AISetupWizard.vue
index 7c13c820e..810aebff2 100644
--- a/src/components/ai/AISetupWizard.vue
+++ b/src/components/ai/AISetupWizard.vue
@@ -25,7 +25,9 @@
 
           <!-- ═══ Step 1: Choose Provider ═══ -->
           <div v-if="step === 1" class="step-content">
-            <h2 class="step-title">Set up AI</h2>
+            <h2 class="step-title">
+              Set up AI
+            </h2>
             <p class="step-desc">
               FlowState uses AI for smart suggestions, task analysis, and chat.
               Choose how you'd like to power it.
@@ -37,7 +39,9 @@
                 :class="{ selected: chosenProvider === 'groq' }"
                 @click="chosenProvider = 'groq'"
               >
-                <div class="provider-badge recommended">Recommended</div>
+                <div class="provider-badge recommended">
+                  Recommended
+                </div>
                 <Zap :size="22" class="provider-icon" />
                 <span class="provider-name">Groq Cloud</span>
                 <span class="provider-detail">
@@ -70,7 +74,9 @@
 
           <!-- ═══ Step 2a: Groq Setup ═══ -->
           <div v-if="step === 2 && chosenProvider === 'groq'" class="step-content">
-            <h2 class="step-title">Connect Groq</h2>
+            <h2 class="step-title">
+              Connect Groq
+            </h2>
             <p class="step-desc">
               Groq offers free AI API access with generous daily limits.
               Create a free account and paste your API key below.
@@ -90,13 +96,13 @@
               <label class="field-label">API Key</label>
               <div class="input-row">
                 <input
-                  :type="showKey ? 'text' : 'password'"
                   v-model="apiKey"
+                  :type="showKey ? 'text' : 'password'"
                   placeholder="gsk_..."
                   class="text-input"
                   spellcheck="false"
                   autocomplete="off"
-                />
+                >
                 <button
                   class="icon-btn"
                   :title="showKey ? 'Hide' : 'Show'"
@@ -133,7 +139,9 @@
 
           <!-- ═══ Step 2b: Ollama Setup ═══ -->
           <div v-if="step === 2 && chosenProvider === 'ollama'" class="step-content">
-            <h2 class="step-title">Connect Ollama</h2>
+            <h2 class="step-title">
+              Connect Ollama
+            </h2>
             <p class="step-desc">
               Ollama runs AI models locally on your machine.
               Make sure Ollama is installed and running.
@@ -147,7 +155,9 @@
             </div>
 
             <div v-if="!ollamaDetected" class="ollama-steps">
-              <p class="setup-instruction">To set up Ollama:</p>
+              <p class="setup-instruction">
+                To set up Ollama:
+              </p>
               <ol class="setup-list">
                 <li>
                   Install from
@@ -184,7 +194,9 @@
             <div class="confirm-icon">
               <CheckCircle2 :size="40" />
             </div>
-            <h2 class="step-title">AI is ready!</h2>
+            <h2 class="step-title">
+              AI is ready!
+            </h2>
             <p class="step-desc">
               <template v-if="chosenProvider === 'groq'">
                 Groq Cloud is configured. FlowState will use Llama 3.3 70B for AI features.
diff --git a/src/components/ai/ChatMessage.vue b/src/components/ai/ChatMessage.vue
index a47ce2aaf..79dd723ff 100644
--- a/src/components/ai/ChatMessage.vue
+++ b/src/components/ai/ChatMessage.vue
@@ -2586,13 +2586,17 @@ async function saveSchedule() {
         data-testid="ai-clarification"
       >
         <header class="ai-clarification-header">
-          <div class="weekly-plan-source">{{ clarification.progressLabel }}</div>
+          <div class="weekly-plan-source">
+            {{ clarification.progressLabel }}
+          </div>
           <h2>{{ clarification.locale === 'he' ? 'שאלה קצרה לפני התכנון' : 'Quick question before planning' }}</h2>
           <p>{{ clarification.summary }}</p>
           <details v-if="clarificationDebugLines(clarification).length" class="ai-debug-details">
             <summary>{{ clarification.locale === 'he' ? 'למה אני שואל?' : 'Why ask?' }}</summary>
             <ul>
-              <li v-for="line in clarificationDebugLines(clarification)" :key="line">{{ line }}</li>
+              <li v-for="line in clarificationDebugLines(clarification)" :key="line">
+                {{ line }}
+              </li>
             </ul>
           </details>
         </header>
@@ -2781,7 +2785,9 @@ async function saveSchedule() {
           </div>
           <h2>{{ weeklyPlan.headline }}</h2>
           <p>{{ weeklyPlan.weekRead.summary }}</p>
-          <p v-if="weeklyPlan.weekRead.mainTradeoff && !isCompactWeeklyPlan" class="weekly-plan-muted">{{ weeklyPlan.weekRead.mainTradeoff }}</p>
+          <p v-if="weeklyPlan.weekRead.mainTradeoff && !isCompactWeeklyPlan" class="weekly-plan-muted">
+            {{ weeklyPlan.weekRead.mainTradeoff }}
+          </p>
         </header>
 
         <section
@@ -2904,8 +2910,12 @@ async function saveSchedule() {
                 <div class="weekly-plan-focus" dir="auto">
                   {{ weeklyPlan.locale === 'he' ? 'נתיב' : 'Lane' }}
                 </div>
-                <h3 dir="auto">{{ weeklyLaneTitle(rec) }}</h3>
-                <p dir="auto">{{ weeklyLaneSubtitle(rec) }}</p>
+                <h3 dir="auto">
+                  {{ weeklyLaneTitle(rec) }}
+                </h3>
+                <p dir="auto">
+                  {{ weeklyLaneSubtitle(rec) }}
+                </p>
               </div>
               <button
                 v-if="!props.wideMode"
@@ -3077,12 +3087,18 @@ async function saveSchedule() {
         >
           <div class="weekly-plan-focus" dir="auto">
             {{ isCompactWeeklyPlan && weeklyPlan.locale === 'he' ? 'נתיב' : isCompactWeeklyPlan ? 'Lane' : rec.focusArea }}
-            <template v-if="isCompactWeeklyPlan">: {{ rec.focusArea }}</template>
+            <template v-if="isCompactWeeklyPlan">
+              : {{ rec.focusArea }}
+            </template>
           </div>
           <h3>{{ rec.rank }}. {{ rec.title }}</h3>
-          <p v-if="!isCompactWeeklyPlan">{{ rec.whyThisMatters }}</p>
+          <p v-if="!isCompactWeeklyPlan">
+            {{ rec.whyThisMatters }}
+          </p>
           <p>{{ rec.whyThisWeek }}</p>
-          <p v-if="rec.riskIfIgnored && !isCompactWeeklyPlan" class="weekly-plan-muted">{{ rec.riskIfIgnored }}</p>
+          <p v-if="rec.riskIfIgnored && !isCompactWeeklyPlan" class="weekly-plan-muted">
+            {{ rec.riskIfIgnored }}
+          </p>
           <p class="weekly-next-action">
             <strong>{{ weeklyPlan.locale === 'he' ? 'הצעד הבא' : 'Next action' }}:</strong>
             {{ rec.nextAction }}
@@ -3255,7 +3271,9 @@ async function saveSchedule() {
         <footer v-if="weeklyPlan.deferrals.length && !isCompactWeeklyPlan" class="weekly-plan-footer">
           <div v-if="weeklyPlan.deferrals.length">
             <strong>{{ weeklyPlan.locale === 'he' ? 'לדחות בכוונה' : 'Intentional deferrals' }}</strong>
-            <p v-for="defer in weeklyPlan.deferrals" :key="defer.taskId">{{ defer.reason }}</p>
+            <p v-for="defer in weeklyPlan.deferrals" :key="defer.taskId">
+              {{ defer.reason }}
+            </p>
           </div>
         </footer>
       </article>
diff --git a/src/components/base/BaseInput.vue b/src/components/base/BaseInput.vue
index b79959dd9..d83680e65 100644
--- a/src/components/base/BaseInput.vue
+++ b/src/components/base/BaseInput.vue
@@ -8,10 +8,11 @@
     <div class="input-container">
       <slot name="prefix" />
 
-      <input :dir="inputDir"
+      <input
         :id="inputId"
         ref="inputRef"
         v-model="localValue"
+        :dir="inputDir"
         :type="type"
         :placeholder="placeholder"
         :disabled="disabled"
diff --git a/src/components/base/BaseModal.vue b/src/components/base/BaseModal.vue
index 1ee6cc327..c7b908ad1 100644
--- a/src/components/base/BaseModal.vue
+++ b/src/components/base/BaseModal.vue
@@ -101,6 +101,40 @@
 </template>
 
 <script setup lang="ts">
+const props = withDefaults(defineProps<Props>(), {
+  title: undefined,
+  description: undefined,
+  size: 'md',
+  variant: 'default',
+  closeOnOverlayClick: true,
+  closeOnEscape: true,
+  submitOnEnter: true,
+  showHeader: true,
+  showFooter: false,
+  showCloseButton: true,
+  showCancelButton: true,
+  showConfirmButton: true,
+  cancelText: undefined,
+  confirmText: undefined,
+  closeAriaLabel: undefined,
+  loading: false,
+  confirmDisabled: false,
+  titleClass: undefined,
+  descriptionClass: undefined,
+  bodyClass: undefined,
+  footerClass: undefined,
+  trapFocus: true
+})
+
+const emit = defineEmits<{
+  close: []
+  cancel: []
+  confirm: []
+  open: []
+  afterOpen: []
+  afterClose: []
+}>()
+
 // BUG-1724: Teleport root can't auto-inherit attrs (class) — disable to suppress Vue warning
 defineOptions({ inheritAttrs: false })
 
@@ -136,40 +170,6 @@ interface Props {
   trapFocus?: boolean
 }
 
-const props = withDefaults(defineProps<Props>(), {
-  title: undefined,
-  description: undefined,
-  size: 'md',
-  variant: 'default',
-  closeOnOverlayClick: true,
-  closeOnEscape: true,
-  submitOnEnter: true,
-  showHeader: true,
-  showFooter: false,
-  showCloseButton: true,
-  showCancelButton: true,
-  showConfirmButton: true,
-  cancelText: undefined,
-  confirmText: undefined,
-  closeAriaLabel: undefined,
-  loading: false,
-  confirmDisabled: false,
-  titleClass: undefined,
-  descriptionClass: undefined,
-  bodyClass: undefined,
-  footerClass: undefined,
-  trapFocus: true
-})
-
-const emit = defineEmits<{
-  close: []
-  cancel: []
-  confirm: []
-  open: []
-  afterOpen: []
-  afterClose: []
-}>()
-
 const { t } = useI18n()
 
 // I18n defaults (if props not provided)
diff --git a/src/components/calendar/CalendarHeader.vue b/src/components/calendar/CalendarHeader.vue
index b4860f6e5..58c9050f1 100644
--- a/src/components/calendar/CalendarHeader.vue
+++ b/src/components/calendar/CalendarHeader.vue
@@ -98,7 +98,7 @@ const toggleViewOptions = () => {
         :y="popoverY"
         position="bottom"
         variant="menu"
-        :close-on-click-outside="true"
+        close-on-click-outside
         @close="showViewOptions = false"
       >
         <div class="view-options-menu">
diff --git a/src/components/canvas/CanvasEmptyState.vue b/src/components/canvas/CanvasEmptyState.vue
index 625185d0c..32e6e5ccd 100644
--- a/src/components/canvas/CanvasEmptyState.vue
+++ b/src/components/canvas/CanvasEmptyState.vue
@@ -2,7 +2,12 @@
   <div class="canvas-empty-state" aria-label="Canvas is empty">
     <!-- Ambient background dots — subtle grid suggestion -->
     <div class="ambient-grid" aria-hidden="true">
-      <span v-for="i in 24" :key="i" class="grid-dot" :style="gridDotStyle(i)" />
+      <span
+        v-for="i in 24"
+        :key="i"
+        class="grid-dot"
+        :style="gridDotStyle(i)"
+      />
     </div>
 
     <!-- Main content card -->
@@ -16,54 +21,201 @@
           xmlns="http://www.w3.org/2000/svg"
         >
           <!-- Connecting lines -->
-          <line class="connector connector-1" x1="80" y1="72" x2="160" y2="100" stroke-dasharray="4 3" />
-          <line class="connector connector-2" x1="240" y1="68" x2="160" y2="100" stroke-dasharray="4 3" />
-          <line class="connector connector-3" x1="160" y1="100" x2="160" y2="148" stroke-dasharray="4 3" />
+          <line
+            class="connector connector-1"
+            x1="80"
+            y1="72"
+            x2="160"
+            y2="100"
+            stroke-dasharray="4 3"
+          />
+          <line
+            class="connector connector-2"
+            x1="240"
+            y1="68"
+            x2="160"
+            y2="100"
+            stroke-dasharray="4 3"
+          />
+          <line
+            class="connector connector-3"
+            x1="160"
+            y1="100"
+            x2="160"
+            y2="148"
+            stroke-dasharray="4 3"
+          />
 
           <!-- Dot nodes at line intersections -->
-          <circle class="node-dot node-dot-1" cx="80" cy="72" r="4" />
-          <circle class="node-dot node-dot-2" cx="240" cy="68" r="4" />
-          <circle class="node-dot node-dot-3" cx="160" cy="148" r="4" />
+          <circle
+            class="node-dot node-dot-1"
+            cx="80"
+            cy="72"
+            r="4"
+          />
+          <circle
+            class="node-dot node-dot-2"
+            cx="240"
+            cy="68"
+            r="4"
+          />
+          <circle
+            class="node-dot node-dot-3"
+            cx="160"
+            cy="148"
+            r="4"
+          />
 
           <!-- Center anchor node -->
-          <circle class="node-center" cx="160" cy="100" r="6" />
+          <circle
+            class="node-center"
+            cx="160"
+            cy="100"
+            r="6"
+          />
 
           <!-- Task card: top-left — floats up -->
           <g class="task-card-group float-a">
-            <rect x="28" y="44" width="104" height="56" rx="8" class="task-card-rect" />
+            <rect
+              x="28"
+              y="44"
+              width="104"
+              height="56"
+              rx="8"
+              class="task-card-rect"
+            />
             <!-- Check circle -->
-            <circle cx="46" cy="60" r="6" class="task-check-ring" />
+            <circle
+              cx="46"
+              cy="60"
+              r="6"
+              class="task-check-ring"
+            />
             <path d="M43 60 L45.5 62.5 L49 58" class="task-check-mark" />
             <!-- Title bar -->
-            <rect x="56" y="55" width="60" height="5" rx="2.5" class="task-bar-title" />
+            <rect
+              x="56"
+              y="55"
+              width="60"
+              height="5"
+              rx="2.5"
+              class="task-bar-title"
+            />
             <!-- Sub bar -->
-            <rect x="56" y="64" width="44" height="4" rx="2" class="task-bar-sub" />
+            <rect
+              x="56"
+              y="64"
+              width="44"
+              height="4"
+              rx="2"
+              class="task-bar-sub"
+            />
             <!-- Tag pill -->
-            <rect x="36" y="78" width="32" height="14" rx="7" class="task-tag-a" />
-            <rect x="74" y="78" width="24" height="14" rx="7" class="task-tag-b" />
+            <rect
+              x="36"
+              y="78"
+              width="32"
+              height="14"
+              rx="7"
+              class="task-tag-a"
+            />
+            <rect
+              x="74"
+              y="78"
+              width="24"
+              height="14"
+              rx="7"
+              class="task-tag-b"
+            />
           </g>
 
           <!-- Task card: top-right — floats up delayed -->
           <g class="task-card-group float-b">
-            <rect x="188" y="40" width="104" height="56" rx="8" class="task-card-rect" />
-            <circle cx="206" cy="56" r="6" class="task-check-ring" />
+            <rect
+              x="188"
+              y="40"
+              width="104"
+              height="56"
+              rx="8"
+              class="task-card-rect"
+            />
+            <circle
+              cx="206"
+              cy="56"
+              r="6"
+              class="task-check-ring"
+            />
             <path d="M203 56 L205.5 58.5 L209 54" class="task-check-mark" />
-            <rect x="216" y="51" width="60" height="5" rx="2.5" class="task-bar-title" />
-            <rect x="216" y="60" width="36" height="4" rx="2" class="task-bar-sub" />
-            <rect x="196" y="74" width="40" height="14" rx="7" class="task-tag-c" />
-            <rect x="242" y="74" width="22" height="14" rx="7" class="task-tag-b" />
+            <rect
+              x="216"
+              y="51"
+              width="60"
+              height="5"
+              rx="2.5"
+              class="task-bar-title"
+            />
+            <rect
+              x="216"
+              y="60"
+              width="36"
+              height="4"
+              rx="2"
+              class="task-bar-sub"
+            />
+            <rect
+              x="196"
+              y="74"
+              width="40"
+              height="14"
+              rx="7"
+              class="task-tag-c"
+            />
+            <rect
+              x="242"
+              y="74"
+              width="22"
+              height="14"
+              rx="7"
+              class="task-tag-b"
+            />
           </g>
 
           <!-- Task card: bottom-center — floats down -->
           <g class="task-card-group float-c">
-            <rect x="108" y="152" width="104" height="40" rx="8" class="task-card-rect-muted" />
-            <rect x="120" y="163" width="52" height="5" rx="2.5" class="task-bar-title-muted" />
-            <rect x="120" y="173" width="36" height="4" rx="2" class="task-bar-sub-muted" />
+            <rect
+              x="108"
+              y="152"
+              width="104"
+              height="40"
+              rx="8"
+              class="task-card-rect-muted"
+            />
+            <rect
+              x="120"
+              y="163"
+              width="52"
+              height="5"
+              rx="2.5"
+              class="task-bar-title-muted"
+            />
+            <rect
+              x="120"
+              y="173"
+              width="36"
+              height="4"
+              rx="2"
+              class="task-bar-sub-muted"
+            />
           </g>
 
           <!-- Drag cursor hint — small hand icon near center-left -->
           <g class="drag-hint float-hint">
-            <circle cx="112" cy="100" r="12" class="drag-hint-bg" />
+            <circle
+              cx="112"
+              cy="100"
+              r="12"
+              class="drag-hint-bg"
+            />
             <!-- Simplified hand/cursor icon -->
             <path d="M109 104 L109 97 Q109 95.5 110.5 95.5 Q112 95.5 112 97 L112 101 Q112.5 99.5 114 99.5 Q115.5 99.5 115.5 101 L115.5 102 Q116 101 117 101 Q118 101 118 102.5 L118 105.5 Q118 108 115 108 L112 108 Q109 108 109 104 Z" class="drag-hand" />
           </g>
@@ -78,7 +230,9 @@
 
       <!-- Copy -->
       <div class="empty-copy">
-        <h2 class="empty-title">Your spatial canvas awaits</h2>
+        <h2 class="empty-title">
+          Your spatial canvas awaits
+        </h2>
         <p class="empty-description">
           Arrange tasks in space. See the big picture. Think visually.
         </p>
diff --git a/src/components/canvas/DayRotationBanner.vue b/src/components/canvas/DayRotationBanner.vue
index ef0bde82e..ecfd8f4b8 100644
--- a/src/components/canvas/DayRotationBanner.vue
+++ b/src/components/canvas/DayRotationBanner.vue
@@ -14,8 +14,6 @@
 import { Sun, X } from 'lucide-vue-next'
 import { useI18n } from 'vue-i18n'
 
-const { t } = useI18n()
-
 defineProps<{
   showBanner: boolean
   rotatedGroupsCount: number
@@ -24,6 +22,9 @@ defineProps<{
 defineEmits<{
   dismiss: []
 }>()
+
+const { t } = useI18n()
+
 </script>
 
 <style scoped>
diff --git a/src/components/canvas/ImageNode.vue b/src/components/canvas/ImageNode.vue
index 13e1da788..5df98a02c 100644
--- a/src/components/canvas/ImageNode.vue
+++ b/src/components/canvas/ImageNode.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="image-node" :class="{ 'is-selected': selected }">
-    <Handle type="target" :position="Position.Top" id="top" />
-    <Handle type="target" :position="Position.Right" id="right" />
-    <Handle type="target" :position="Position.Bottom" id="bottom" />
-    <Handle type="target" :position="Position.Left" id="left" />
-    <Handle type="source" :position="Position.Top" id="source-top" />
-    <Handle type="source" :position="Position.Right" id="source-right" />
-    <Handle type="source" :position="Position.Bottom" id="source-bottom" />
-    <Handle type="source" :position="Position.Left" id="source-left" />
+    <Handle id="top" type="target" :position="Position.Top" />
+    <Handle id="right" type="target" :position="Position.Right" />
+    <Handle id="bottom" type="target" :position="Position.Bottom" />
+    <Handle id="left" type="target" :position="Position.Left" />
+    <Handle id="source-top" type="source" :position="Position.Top" />
+    <Handle id="source-right" type="source" :position="Position.Right" />
+    <Handle id="source-bottom" type="source" :position="Position.Bottom" />
+    <Handle id="source-left" type="source" :position="Position.Left" />
 
     <img
       :src="data.imageUrl"
@@ -15,21 +15,21 @@
       draggable="false"
       alt="Pasted image"
       @dblclick.stop="showLightbox = true"
-    />
+    >
 
     <Teleport to="body">
       <div
         v-if="showLightbox"
         ref="lightboxRef"
         class="image-lightbox"
-        @click="closeLightbox"
-        @keydown.escape="closeLightbox"
         role="dialog"
         aria-modal="true"
         aria-label="Image preview"
         tabindex="-1"
+        @click="closeLightbox"
+        @keydown.escape="closeLightbox"
       >
-        <img :src="data.imageUrl" class="lightbox-img" alt="Full size preview" />
+        <img :src="data.imageUrl" class="lightbox-img" alt="Full size preview">
       </div>
     </Teleport>
   </div>
@@ -56,7 +56,7 @@ const lightboxRef = ref<HTMLElement | null>(null)
 function closeLightbox() {
   showLightbox.value = false
   nextTick(() => {
-    ;(document.querySelector('.canvas-container') as HTMLElement)?.focus()
+    (document.querySelector('.canvas-container') as HTMLElement)?.focus()
   })
 }
 
diff --git a/src/components/canvas/InboxFilters.vue b/src/components/canvas/InboxFilters.vue
index 0c5e3a456..5d454e635 100644
--- a/src/components/canvas/InboxFilters.vue
+++ b/src/components/canvas/InboxFilters.vue
@@ -66,7 +66,9 @@
         @click="clearAllFilters"
       >
         <List :size="14" />
-        <OverflowTooltip class="chip-label" :text="$t('filters.all')">{{ $t('filters.all') }}</OverflowTooltip>
+        <OverflowTooltip class="chip-label" :text="$t('filters.all')">
+          {{ $t('filters.all') }}
+        </OverflowTooltip>
       </button>
 
       <!-- TASK-076: Hide Done Toggle -->
@@ -78,7 +80,9 @@
         @click="$emit('update:hideDoneTasks', !hideDoneTasks)"
       >
         <CheckCircle2 :size="14" />
-        <OverflowTooltip class="chip-label" :text="hideDoneTasks ? $t('filters.hiding_done') : $t('filters.show_done')">{{ hideDoneTasks ? $t('filters.hiding_done') : $t('filters.show_done') }}</OverflowTooltip>
+        <OverflowTooltip class="chip-label" :text="hideDoneTasks ? $t('filters.hiding_done') : $t('filters.show_done')">
+          {{ hideDoneTasks ? $t('filters.hiding_done') : $t('filters.show_done') }}
+        </OverflowTooltip>
       </button>
 
       <!-- Unscheduled Toggle -->
@@ -89,7 +93,9 @@
         @click="$emit('update:unscheduledOnly', !unscheduledOnly)"
       >
         <CalendarOff :size="14" />
-        <OverflowTooltip class="chip-label" :text="$t('filters.unscheduled')">{{ $t('filters.unscheduled') }}</OverflowTooltip>
+        <OverflowTooltip class="chip-label" :text="$t('filters.unscheduled')">
+          {{ $t('filters.unscheduled') }}
+        </OverflowTooltip>
         <span v-if="unscheduledCount > 0" class="chip-count">{{ unscheduledCount }}</span>
       </button>
 
@@ -102,7 +108,9 @@
         @click="$emit('update:onCanvasOnly', !onCanvasOnly)"
       >
         <LayoutGrid :size="14" />
-        <OverflowTooltip class="chip-label" :text="$t('filters.on_canvas')">{{ $t('filters.on_canvas') }}</OverflowTooltip>
+        <OverflowTooltip class="chip-label" :text="$t('filters.on_canvas')">
+          {{ $t('filters.on_canvas') }}
+        </OverflowTooltip>
         <span v-if="onCanvasCount > 0" class="chip-count">{{ onCanvasCount }}</span>
       </button>
 
@@ -114,7 +122,9 @@
           @click="showPriorityDropdown = !showPriorityDropdown"
         >
           <Flag :size="14" />
-          <OverflowTooltip class="chip-label" :text="priorityLabel">{{ priorityLabel }}</OverflowTooltip>
+          <OverflowTooltip class="chip-label" :text="priorityLabel">
+            {{ priorityLabel }}
+          </OverflowTooltip>
           <ChevronDown :size="12" class="chevron" :class="{ rotated: showPriorityDropdown }" />
         </button>
         <div v-if="showPriorityDropdown" class="dropdown-menu">
@@ -149,7 +159,9 @@
           @click="showDurationDropdown = !showDurationDropdown"
         >
           <Clock :size="14" />
-          <OverflowTooltip class="chip-label" :text="durationLabel">{{ durationLabel }}</OverflowTooltip>
+          <OverflowTooltip class="chip-label" :text="durationLabel">
+            {{ durationLabel }}
+          </OverflowTooltip>
           <ChevronDown :size="12" class="chevron" :class="{ rotated: showDurationDropdown }" />
         </button>
         <div v-if="showDurationDropdown" class="dropdown-menu">
@@ -184,7 +196,9 @@
           @click="showProjectDropdown = !showProjectDropdown"
         >
           <FolderOpen :size="14" />
-          <OverflowTooltip class="chip-label" :text="projectLabel">{{ projectLabel }}</OverflowTooltip>
+          <OverflowTooltip class="chip-label" :text="projectLabel">
+            {{ projectLabel }}
+          </OverflowTooltip>
           <ChevronDown :size="12" class="chevron" :class="{ rotated: showProjectDropdown }" />
         </button>
         <div v-if="showProjectDropdown" class="dropdown-menu">
@@ -267,8 +281,6 @@ interface Props {
   onCanvasCount?: number // BUG-1530: Pre-computed count respecting active filters
 }
 
-const { t } = useI18n()
-
 const props = defineProps<Props>()
 
 const emit = defineEmits<{
@@ -283,6 +295,8 @@ const emit = defineEmits<{
   clearAll: []
 }>()
 
+const { t } = useI18n()
+
 // Dropdown visibility state
 const showPriorityDropdown = ref(false)
 const showProjectDropdown = ref(false)
@@ -302,7 +316,7 @@ const priorities = computed(() => [
 const durations = DURATION_FILTER_OPTIONS
 
 // Computed: Check if task is scheduled on calendar (has instances with dates)
-const isScheduledOnCalendar = (task: Task): boolean => {
+const _isScheduledOnCalendar = (task: Task): boolean => {
   if (!task.instances || task.instances.length === 0) return false
   return task.instances.some(inst => inst.scheduledDate)
 }
diff --git a/src/components/layout/SettingsModal.vue b/src/components/layout/SettingsModal.vue
index 109925d17..e7c6c0eac 100644
--- a/src/components/layout/SettingsModal.vue
+++ b/src/components/layout/SettingsModal.vue
@@ -26,6 +26,8 @@
             :key="tab.id"
             class="tab-btn"
             :class="{ active: activeTab === tab.id }"
+            :title="tab.label"
+            :aria-label="tab.label"
             @click="activeTab = tab.id"
           >
             <component :is="tab.icon" :size="18" />
diff --git a/src/components/layout/ViewControls.vue b/src/components/layout/ViewControls.vue
index 84a61f274..fdcd37a5f 100644
--- a/src/components/layout/ViewControls.vue
+++ b/src/components/layout/ViewControls.vue
@@ -5,7 +5,9 @@
     <button
       class="filter-toggle"
       :class="{ active: showFilters }"
-      title="Toggle filters"
+      :title="showFilters ? 'Hide filters' : 'Show filters'"
+      :aria-label="showFilters ? 'Hide filters' : 'Show filters'"
+      :aria-expanded="showFilters"
       @click="showFilters = !showFilters"
     >
       <SlidersHorizontal :size="20" :stroke-width="1.5" />
@@ -17,6 +19,8 @@
       class="done-toggle"
       :class="{ active: hideDoneTasks }"
       :title="hideDoneTasks ? 'Show completed tasks' : 'Hide completed tasks'"
+      :aria-label="hideDoneTasks ? 'Show completed tasks' : 'Hide completed tasks'"
+      :aria-pressed="hideDoneTasks"
       @click="$emit('update:hideDoneTasks', !hideDoneTasks)"
     >
       <EyeOff v-if="hideDoneTasks" :size="20" :stroke-width="1.5" />
diff --git a/src/composables/useAISync.ts b/src/composables/useAISync.ts
index 1e71ab456..a00b19447 100644
--- a/src/composables/useAISync.ts
+++ b/src/composables/useAISync.ts
@@ -79,7 +79,7 @@ export function useAISync() {
   async function loadSettings(): Promise<void> {
     const remoteSettings = await db.fetchAISettings()
     if (remoteSettings) {
-      ;(store as any).saveSettings(remoteSettings)
+      (store as any).saveSettings(remoteSettings)
     }
   }
 
diff --git a/src/layouts/AppHeader.vue b/src/layouts/AppHeader.vue
index fbbf0242e..afcbc00dd 100644
--- a/src/layouts/AppHeader.vue
+++ b/src/layouts/AppHeader.vue
@@ -188,7 +188,9 @@
               <template v-if="activeTaskProject.type === 'emoji'">{{ activeTaskProject.content }}</template>
             </span>
             <span v-else class="active-task-dot" />
-            <OverflowTooltip :text="timerStore.currentTaskName" class="active-task-name" style="flex: 1; min-width: 0">{{ timerStore.currentTaskName }}</OverflowTooltip>
+            <OverflowTooltip :text="timerStore.currentTaskName" class="active-task-name" style="flex: 1; min-width: 0">
+              {{ timerStore.currentTaskName }}
+            </OverflowTooltip>
           </div>
         </Transition>
       </div>
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 26ef20d0f..e9ca009e5 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -1,5 +1,11 @@
 <template>
-  <div class="app-layout" :class="{ 'sidebar-hidden': !uiStore.mainSidebarVisible }" :dir="direction" @dragover.prevent @dragenter.prevent>
+  <div
+    class="app-layout"
+    :class="{ 'sidebar-hidden': !uiStore.mainSidebarVisible }"
+    :dir="direction"
+    @dragover.prevent
+    @dragenter.prevent
+  >
     <!-- LEFT SIDEBAR NAVIGATION -->
     <AppSidebar ref="appSidebar" class="sidebar" />
 
diff --git a/src/mobile/components/MobileQuickSortCapture.vue b/src/mobile/components/MobileQuickSortCapture.vue
index a8bfa732a..5716a3235 100644
--- a/src/mobile/components/MobileQuickSortCapture.vue
+++ b/src/mobile/components/MobileQuickSortCapture.vue
@@ -14,7 +14,7 @@ defineEmits<{
   (e: 'update:title', value: string): void
   (e: 'update:priority', value: 'low' | 'medium' | 'high' | undefined): void
   (e: 'update:due', value: 'today' | 'tomorrow' | undefined): void
-  (e: 'quick-add'): void
+  (e: 'quickAdd'): void
 }>()
 
 const inputRef = ref<HTMLInputElement | null>(null)
@@ -27,15 +27,16 @@ defineExpose({ inputRef })
   <div class="capture-phase">
     <div class="capture-input-area">
       <div class="capture-card">
-        <input dir="auto"
+        <input
           ref="inputRef"
+          dir="auto"
           :value="title"
           type="text"
           class="capture-input"
           placeholder="What needs to be done?"
           autofocus
           @input="$emit('update:title', ($event.target as HTMLInputElement).value)"
-          @keydown.enter="$emit('quick-add')"
+          @keydown.enter="$emit('quickAdd')"
         >
 
         <!-- Quick Actions -->
@@ -69,7 +70,7 @@ defineExpose({ inputRef })
         <button
           class="add-task-btn"
           :disabled="!title.trim()"
-          @click="$emit('quick-add')"
+          @click="$emit('quickAdd')"
         >
           <Plus :size="20" />
           Add Task
@@ -79,7 +80,9 @@ defineExpose({ inputRef })
 
     <!-- Recently Added -->
     <div v-if="recentlyAdded.length > 0" class="recently-added">
-      <h3 class="section-title">Just Added</h3>
+      <h3 class="section-title">
+        Just Added
+      </h3>
       <TransitionGroup name="task-list" tag="ul" class="recent-list">
         <li
           v-for="task in recentlyAdded"
diff --git a/src/mobile/components/MobileQuickSortCard.vue b/src/mobile/components/MobileQuickSortCard.vue
index dc986f6cf..cbfc23996 100644
--- a/src/mobile/components/MobileQuickSortCard.vue
+++ b/src/mobile/components/MobileQuickSortCard.vue
@@ -93,10 +93,10 @@ defineProps<{
   task: Task | null
 }>()
 const emit = defineEmits<{
-  (e: 'swipe-right'): void
-  (e: 'swipe-left'): void
-  (e: 'swipe-up'): void
-  (e: 'swipe-down'): void
+  (e: 'swipeRight'): void
+  (e: 'swipeLeft'): void
+  (e: 'swipeUp'): void
+  (e: 'swipeDown'): void
 }>()
 
 const cardRef = ref<HTMLElement | null>(null)
@@ -116,10 +116,10 @@ const {
   onSwipeStart: () => onSwipeStartCapture(),
   onSwipeEnd: () => onSwipeEndCapture(),
   onSwipeCancel: () => onSwipeEndCapture(),
-  onSwipeRight: () => emit('swipe-right'),
-  onSwipeLeft: () => emit('swipe-left'),
-  onSwipeUp: () => emit('swipe-up'),
-  onSwipeDown: () => emit('swipe-down')
+  onSwipeRight: () => emit('swipeRight'),
+  onSwipeLeft: () => emit('swipeLeft'),
+  onSwipeUp: () => emit('swipeUp'),
+  onSwipeDown: () => emit('swipeDown')
 })
 
 // BUG-1453: Capture card's viewport position when swipe starts so we can
diff --git a/src/mobile/components/MobileQuickSortComplete.vue b/src/mobile/components/MobileQuickSortComplete.vue
index 6b1220e27..7cc02be3f 100644
--- a/src/mobile/components/MobileQuickSortComplete.vue
+++ b/src/mobile/components/MobileQuickSortComplete.vue
@@ -7,8 +7,12 @@
         <PartyPopper :size="80" />
       </div>
 
-      <h2 class="celebration-title">All Sorted!</h2>
-      <p class="celebration-subtitle">You've processed all your tasks</p>
+      <h2 class="celebration-title">
+        All Sorted!
+      </h2>
+      <p class="celebration-subtitle">
+        You've processed all your tasks
+      </p>
 
       <div v-if="sessionSummary" class="session-summary">
         <div class="summary-stat">
@@ -26,11 +30,11 @@
       </div>
 
       <div class="completion-actions">
-        <BaseButton variant="primary" size="lg" @click="$emit('sort-another')">
+        <BaseButton variant="primary" size="lg" @click="$emit('sortAnother')">
           <Zap :size="20" />
           {{ $t('quick_sort.sort_another_set') }}
         </BaseButton>
-        <BaseButton variant="secondary" size="lg" @click="$emit('go-to-inbox')">
+        <BaseButton variant="secondary" size="lg" @click="$emit('goToInbox')">
           <ArrowLeft :size="20" />
           Go to Inbox
         </BaseButton>
@@ -54,8 +58,8 @@ defineProps<{
 }>()
 
 defineEmits<{
-  (e: 'go-to-inbox'): void
-  (e: 'sort-another'): void
+  (e: 'goToInbox'): void
+  (e: 'sortAnother'): void
 }>()
 
 const confettiRef = defineModel<HTMLElement | null>('confettiRef', { default: null })
diff --git a/src/mobile/components/MobileQuickSortProjectSheet.vue b/src/mobile/components/MobileQuickSortProjectSheet.vue
index d42ae6a76..3b653f83a 100644
--- a/src/mobile/components/MobileQuickSortProjectSheet.vue
+++ b/src/mobile/components/MobileQuickSortProjectSheet.vue
@@ -16,8 +16,8 @@ const props = defineProps<{
 
 const emit = defineEmits<{
   (e: 'close'): void
-  (e: 'assign-project', projectId: string): void
-  (e: 'sort-without-project'): void
+  (e: 'assignProject', projectId: string): void
+  (e: 'sortWithoutProject'): void
   (e: 'update:projectSearch', value: string): void
 }>()
 
@@ -34,7 +34,9 @@ const localSearch = computed({
       <div v-if="show" class="sheet-overlay" @click="$emit('close')">
         <div class="project-sheet" @click.stop>
           <div class="sheet-handle" />
-          <h3 class="sheet-title">Where does this belong?</h3>
+          <h3 class="sheet-title">
+            Where does this belong?
+          </h3>
 
           <!-- Search Input (sticky) -->
           <div class="project-search-wrapper">
@@ -52,7 +54,7 @@ const localSearch = computed({
             <button
               v-if="!localSearch"
               class="project-option inbox-option"
-              @click="$emit('sort-without-project')"
+              @click="$emit('sortWithoutProject')"
             >
               <span class="project-indicator inbox-indicator">📥</span>
               <span class="project-name">Keep in Inbox</span>
@@ -67,7 +69,7 @@ const localSearch = computed({
                   v-for="project in recentProjects"
                   :key="project.id"
                   class="recent-project-chip"
-                  @click="$emit('assign-project', project.id)"
+                  @click="$emit('assignProject', project.id)"
                 >
                   <span class="chip-emoji">{{ project.emoji || project.name.charAt(0) }}</span>
                   <span class="chip-name">{{ project.name }}</span>
@@ -85,7 +87,7 @@ const localSearch = computed({
               :key="project.id"
               class="project-option"
               :style="{ paddingLeft: `${16 + Math.min(depth, 2) * 24}px` }"
-              @click="$emit('assign-project', project.id)"
+              @click="$emit('assignProject', project.id)"
             >
               <span v-if="depth > 0" class="hierarchy-line" :style="{ width: `${Math.min(depth, 2) * 24}px` }">
                 <span class="hierarchy-connector" />
diff --git a/src/mobile/components/TaskCreateBottomSheet.vue b/src/mobile/components/TaskCreateBottomSheet.vue
index 16ef95712..50c71ac50 100644
--- a/src/mobile/components/TaskCreateBottomSheet.vue
+++ b/src/mobile/components/TaskCreateBottomSheet.vue
@@ -25,7 +25,7 @@
               class="title-input"
               placeholder="Task name"
               @paste="handlePaste"
-            />
+            >
 
             <!-- Description label + textarea -->
             <span class="field-label">Description <span class="field-optional">optional</span></span>
diff --git a/src/mobile/views/MobileAIChatView.vue b/src/mobile/views/MobileAIChatView.vue
index 18f495940..42b153434 100644
--- a/src/mobile/views/MobileAIChatView.vue
+++ b/src/mobile/views/MobileAIChatView.vue
@@ -80,9 +80,15 @@
         <div class="settings-group">
           <label class="settings-label">Text Direction</label>
           <div class="provider-options">
-            <button class="provider-option" :class="{ active: chatDirection === 'auto' }" @click="setChatDirection('auto')">Auto</button>
-            <button class="provider-option" :class="{ active: chatDirection === 'ltr' }" @click="setChatDirection('ltr')">LTR</button>
-            <button class="provider-option" :class="{ active: chatDirection === 'rtl' }" @click="setChatDirection('rtl')">RTL</button>
+            <button class="provider-option" :class="{ active: chatDirection === 'auto' }" @click="setChatDirection('auto')">
+              Auto
+            </button>
+            <button class="provider-option" :class="{ active: chatDirection === 'ltr' }" @click="setChatDirection('ltr')">
+              LTR
+            </button>
+            <button class="provider-option" :class="{ active: chatDirection === 'rtl' }" @click="setChatDirection('rtl')">
+              RTL
+            </button>
           </div>
         </div>
       </div>
@@ -93,8 +99,12 @@
       <!-- Empty State -->
       <div v-if="visibleMessages.length === 0" class="empty-state">
         <Sparkles class="empty-icon" :size="40" />
-        <p class="empty-title">Ask me anything about your tasks!</p>
-        <p class="empty-hint">Try: "Plan my day" or "What's overdue?"</p>
+        <p class="empty-title">
+          Ask me anything about your tasks!
+        </p>
+        <p class="empty-hint">
+          Try: "Plan my day" or "What's overdue?"
+        </p>
 
         <!-- Quick Actions (shown in empty state) -->
         <div class="quick-actions-grid">
@@ -124,8 +134,12 @@
           <p>{{ friendlyError.message }}</p>
         </div>
         <div class="error-actions">
-          <button v-if="lastUserMessage" class="error-retry" @click="retryLastMessage">Retry</button>
-          <button class="error-dismiss" @click="clearError">Dismiss</button>
+          <button v-if="lastUserMessage" class="error-retry" @click="retryLastMessage">
+            Retry
+          </button>
+          <button class="error-dismiss" @click="clearError">
+            Dismiss
+          </button>
         </div>
       </div>
     </div>
@@ -134,8 +148,12 @@
     <div v-if="pendingConfirmation" class="confirmation-banner">
       <span>Confirm: {{ pendingConfirmation.tool.replace(/_/g, ' ') }}?</span>
       <div class="confirmation-actions">
-        <button class="confirm-yes" @click="confirmPendingAction()">Confirm</button>
-        <button class="confirm-no" @click="cancelPendingAction()">Cancel</button>
+        <button class="confirm-yes" @click="confirmPendingAction()">
+          Confirm
+        </button>
+        <button class="confirm-no" @click="cancelPendingAction()">
+          Cancel
+        </button>
       </div>
     </div>
 
diff --git a/src/mobile/views/MobileCalendarView.vue b/src/mobile/views/MobileCalendarView.vue
index 4e7429dba..6dc3123db 100644
--- a/src/mobile/views/MobileCalendarView.vue
+++ b/src/mobile/views/MobileCalendarView.vue
@@ -41,7 +41,9 @@
             :style="{ height: getTaskHeight(task) + 'px' }"
             @click.stop="openTask(task)"
           >
-            <div class="event-title" dir="auto">{{ task.title }}</div>
+            <div class="event-title" dir="auto">
+              {{ task.title }}
+            </div>
             <div class="event-time">
               {{ task.scheduledTime }}
               <span v-if="task.estimatedDuration"> &middot; {{ task.estimatedDuration }}min</span>
diff --git a/src/mobile/views/MobileInboxView.vue b/src/mobile/views/MobileInboxView.vue
index 2932bd4a1..6b86c7f1b 100644
--- a/src/mobile/views/MobileInboxView.vue
+++ b/src/mobile/views/MobileInboxView.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="mobile-inbox" ref="inboxEl">
+  <div ref="inboxEl" class="mobile-inbox">
     <!-- Debug Banner (tap to toggle) - dev user only -->
     <template v-if="false">
       <div v-if="showDebug" class="debug-banner" @click="showDebug = false">
diff --git a/src/services/ai/runtime/mastraClarificationRuntime.ts b/src/services/ai/runtime/mastraClarificationRuntime.ts
index 9dc8062d7..86e416f10 100644
--- a/src/services/ai/runtime/mastraClarificationRuntime.ts
+++ b/src/services/ai/runtime/mastraClarificationRuntime.ts
@@ -1,7 +1,8 @@
 import type { Mastra } from '@mastra/core/mastra'
 import type { ChatDecisionRuntimeInput } from './chatDecisionRuntime'
+import type {
+  clarificationResumeSchema} from './mastraChatDecisionWorkflow';
 import {
-  clarificationResumeSchema,
   clarificationSuspendSchema,
   clarificationWorkflowOutputSchema,
   createClarificationGateWorkflow,
diff --git a/src/services/ai/tools.ts b/src/services/ai/tools.ts
index c5e4c95a8..80fedd677 100644
--- a/src/services/ai/tools.ts
+++ b/src/services/ai/tools.ts
@@ -17,7 +17,8 @@ import { useMoveToCanvasGroup } from '@/composables/canvas/useMoveToCanvasGroup'
 import type { Task } from '@/types/tasks'
 import type { OpenAITool } from './types'
 import { resolveTask } from './entityResolver'
-import { decideAISubtaskCreate, decideAITaskCreate, normalizeAIActionText, type AITaskUpdateFields } from './actionGuardrails'
+import type { decideAISubtaskCreate} from './actionGuardrails';
+import { decideAITaskCreate, normalizeAIActionText, type AITaskUpdateFields } from './actionGuardrails'
 import * as aiActionCommands from './actionCommands'
 
 // ============================================================================
diff --git a/src/services/auth/__tests__/authStorage.test.ts b/src/services/auth/__tests__/authStorage.test.ts
index 8cebb2c7d..6cf834637 100644
--- a/src/services/auth/__tests__/authStorage.test.ts
+++ b/src/services/auth/__tests__/authStorage.test.ts
@@ -15,7 +15,7 @@ describe('createLazyAuthStorage — call-time backend resolution (BUG-1874)', ()
     if (realWindowProcess === undefined) {
       delete (window as any).process
     } else {
-      ;(window as any).process = realWindowProcess
+      (window as any).process = realWindowProcess
     }
     Object.defineProperty(navigator, 'userAgent', { value: realUA, configurable: true })
     localStorage.clear()
@@ -153,7 +153,7 @@ describe('createLazyAuthStorage — call-time backend resolution (BUG-1874)', ()
   })
 
   it('ignores a non-Electron bridge object (isElectron falsy)', async () => {
-    ;(window as any).electronAPI = { isElectron: false, storeGet: vi.fn(), storeSet: vi.fn() }
+    (window as any).electronAPI = { isElectron: false, storeGet: vi.fn(), storeSet: vi.fn() }
     const storage = createLazyAuthStorage()!
     await storage.setItem('flowstate-supabase-auth', 'web-token')
     expect(localStorage.getItem('flowstate-supabase-auth')).toBe('web-token')
diff --git a/src/views/LaneView.vue b/src/views/LaneView.vue
index 494e6a86f..3c59f7656 100644
--- a/src/views/LaneView.vue
+++ b/src/views/LaneView.vue
@@ -6,7 +6,9 @@
         <ArrowLeft :size="18" />
       </button>
       <span class="lane-color-dot" :style="{ background: laneColor }" />
-      <h1 class="lane-title">{{ lane?.name || 'Lane' }}</h1>
+      <h1 class="lane-title">
+        {{ lane?.name || 'Lane' }}
+      </h1>
       <span class="lane-count">{{ laneTasks.length }} {{ laneTasks.length === 1 ? 'task' : 'tasks' }}</span>
     </div>
 
@@ -14,7 +16,9 @@
     <div v-if="!lane" class="lane-missing">
       <Route :size="40" />
       <p>This lane no longer exists.</p>
-      <button class="btn-secondary" @click="goBack">Back to all tasks</button>
+      <button class="btn-secondary" @click="goBack">
+        Back to all tasks
+      </button>
     </div>
 
     <template v-else>
diff --git a/src/views/MorningDashboardView.vue b/src/views/MorningDashboardView.vue
index 1a7463b5f..d93eda200 100644
--- a/src/views/MorningDashboardView.vue
+++ b/src/views/MorningDashboardView.vue
@@ -30,7 +30,7 @@ function dismiss() {
     <div class="morning-content">
       <div class="morning-header">
         <MorningGreeting />
-        <button class="morning-dismiss" @click="dismiss" aria-label="Close morning dashboard">
+        <button class="morning-dismiss" aria-label="Close morning dashboard" @click="dismiss">
           <X :size="20" />
         </button>
       </div>
diff --git a/src/views/TodayFlowView.vue b/src/views/TodayFlowView.vue
index 5c88b18f9..46cdc1b7d 100644
--- a/src/views/TodayFlowView.vue
+++ b/src/views/TodayFlowView.vue
@@ -1,18 +1,26 @@
 <template>
   <div
+    ref="containerRef"
     class="today-flow"
     tabindex="0"
-    ref="containerRef"
     @keydown="handleKeydown"
   >
     <div class="flow-content">
       <!-- All done celebration -->
       <Transition name="fade-up" appear>
         <div v-if="allSlotsCompleted" class="flow-celebration">
-          <div class="celebration-icon">🎉</div>
-          <h2 class="celebration-title">All tasks complete!</h2>
-          <p class="celebration-subtitle">Great day! You crushed your Big 3.</p>
-          <router-link to="/" class="flow-link">View full board →</router-link>
+          <div class="celebration-icon">
+            🎉
+          </div>
+          <h2 class="celebration-title">
+            All tasks complete!
+          </h2>
+          <p class="celebration-subtitle">
+            Great day! You crushed your Big 3.
+          </p>
+          <router-link to="/" class="flow-link">
+            View full board →
+          </router-link>
         </div>
       </Transition>
 
@@ -52,7 +60,9 @@
           </TransitionGroup>
         </div>
 
-        <router-link to="/" class="flow-link">View full board →</router-link>
+        <router-link to="/" class="flow-link">
+          View full board →
+        </router-link>
       </template>
     </div>
   </div>