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:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user