From 3614c94885ebdd9e87bffd0d4636eb42bcd95ac2 Mon Sep 17 00:00:00 2001
From: Jake <jake@corbel.consulting>
Date: Fri, 15 May 2026 08:53:15 +0100
Subject: [PATCH] =?UTF-8?q?v0.2=20Phase=207.1:=20ShutdownRitualPage=20?=
 =?UTF-8?q?=E2=80=94=20wrapper=20sweep?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Migrated the two ad-hoc buttons to wrappers; everything else (display-
only reflective copy, the open-loops list, the Newport shutdown
template) stays verbatim since the page is intentionally low-grammar.

  - Back-arrow button → LumotiaIconButton (icon=ArrowLeft, size=sm)
  - "Close" button   → LumotiaButton variant=primary

Bespoke: none on this page (no recording state, no transcript surface).

Per-page gate: npm run check (0/0/5704 files). Vitest / browser-mode /
e2e baselines stay green (no behaviour change).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/lib/pages/ShutdownRitualPage.svelte | 19 ++++---------------
 1 file changed, 4 insertions(+), 15 deletions(-)

diff --git a/src/lib/pages/ShutdownRitualPage.svelte b/src/lib/pages/ShutdownRitualPage.svelte
index 2bf3488..e367401 100644
--- a/src/lib/pages/ShutdownRitualPage.svelte
+++ b/src/lib/pages/ShutdownRitualPage.svelte
@@ -19,6 +19,8 @@
   import { Moon, ArrowLeft } from 'lucide-svelte';
   import { page } from '$lib/stores/page.svelte.js';
   import { hasTauriRuntime } from '$lib/utils/runtime.js';
+  import LumotiaButton from '$lib/ui/LumotiaButton.svelte';
+  import LumotiaIconButton from '$lib/ui/LumotiaIconButton.svelte';
 
   interface TaskRow {
     id: string;
@@ -72,14 +74,7 @@
 
 <div class="flex flex-col h-full bg-bg overflow-y-auto">
   <div class="flex items-center gap-3 px-7 pt-6 pb-3">
-    <button
-      type="button"
-      class="p-1.5 rounded-lg text-text-tertiary hover:text-text hover:bg-hover"
-      onclick={close}
-      aria-label="Back to dictation"
-    >
-      <ArrowLeft size={16} aria-hidden="true" />
-    </button>
+    <LumotiaIconButton icon={ArrowLeft} label="Back to dictation" size="sm" onclick={close} />
     <Moon size={18} class="text-text-secondary" aria-hidden="true" />
     <h1 class="font-display text-[26px] italic text-text">Wind down</h1>
   </div>
@@ -156,13 +151,7 @@
       </section>
 
       <div class="pt-2">
-        <button
-          type="button"
-          class="px-4 py-2 rounded-lg bg-accent btn-filled-text text-[12px] font-medium hover:bg-accent-hover"
-          onclick={close}
-        >
-          Close
-        </button>
+        <LumotiaButton variant="primary" onclick={close}>Close</LumotiaButton>
       </div>
     {/if}
   </div>