v0.2 Phase 7.1: ShutdownRitualPage — wrapper sweep

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>
This commit is contained in:
2026-05-15 08:53:15 +01:00
parent a9733544c0
commit 3614c94885

View File

@@ -19,6 +19,8 @@
import { Moon, ArrowLeft } from 'lucide-svelte'; import { Moon, ArrowLeft } from 'lucide-svelte';
import { page } from '$lib/stores/page.svelte.js'; import { page } from '$lib/stores/page.svelte.js';
import { hasTauriRuntime } from '$lib/utils/runtime.js'; import { hasTauriRuntime } from '$lib/utils/runtime.js';
import LumotiaButton from '$lib/ui/LumotiaButton.svelte';
import LumotiaIconButton from '$lib/ui/LumotiaIconButton.svelte';
interface TaskRow { interface TaskRow {
id: string; id: string;
@@ -72,14 +74,7 @@
<div class="flex flex-col h-full bg-bg overflow-y-auto"> <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"> <div class="flex items-center gap-3 px-7 pt-6 pb-3">
<button <LumotiaIconButton icon={ArrowLeft} label="Back to dictation" size="sm" onclick={close} />
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>
<Moon size={18} class="text-text-secondary" aria-hidden="true" /> <Moon size={18} class="text-text-secondary" aria-hidden="true" />
<h1 class="font-display text-[26px] italic text-text">Wind down</h1> <h1 class="font-display text-[26px] italic text-text">Wind down</h1>
</div> </div>
@@ -156,13 +151,7 @@
</section> </section>
<div class="pt-2"> <div class="pt-2">
<button <LumotiaButton variant="primary" onclick={close}>Close</LumotiaButton>
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>
</div> </div>
{/if} {/if}
</div> </div>