feat: add About dialog with version, author, and license info

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-09-22 12:40:32 -04:00
parent 9096ed10db
commit 05c4b4713a
3 changed files with 164 additions and 1 deletions

View File

@@ -8,6 +8,7 @@
import SetupWizard from '$lib/components/SetupWizard.svelte';
import PreferencesPanel from '$lib/components/PreferencesPanel.svelte';
import ExportDialog from '$lib/components/ExportDialog.svelte';
import AboutDialog from '$lib/components/AboutDialog.svelte';
import ProcessingModal from '$lib/components/ProcessingModal.svelte';
import { loadPreferences } from '$lib/stores/preferences.svelte';
import { getSelectedClipId, removeClip } from '$lib/stores/clips.svelte';
@@ -18,6 +19,7 @@
let showSetupWizard = $state(true);
let showPreferences = $state(false);
let showExportDialog = $state(false);
let showAboutDialog = $state(false);
let shuttleRate = $state(1);
let transportControls = $state<TransportControls | null>(null);
@@ -131,6 +133,12 @@
showExportDialog = true;
}
break;
case '/':
if (e.metaKey) {
e.preventDefault();
showAboutDialog = true;
}
break;
default:
break;
}
@@ -155,6 +163,10 @@
<ExportDialog onClose={() => (showExportDialog = false)} />
{/if}
{#if showAboutDialog}
<AboutDialog onClose={() => (showAboutDialog = false)} />
{/if}
{#if session.processingStep !== 'idle' && session.processingStep !== 'done'}
<ProcessingModal />
{/if}
@@ -162,6 +174,7 @@
<div class="app-shell">
<header class="toolbar">
<UrlInput />
<button class="about-btn" onclick={() => (showAboutDialog = true)} title="About">ℹ</button>
<button class="prefs-btn" onclick={() => (showPreferences = true)} title="Preferences">⚙</button>
</header>
@@ -185,7 +198,7 @@
</div>
</main>
<StatusBar />
<StatusBar onOpenAbout={() => (showAboutDialog = true)} />
</div>
<style>
@@ -243,6 +256,11 @@
overflow: hidden;
}
.about-btn {
font-size: 16px;
padding: 4px 8px;
}
.prefs-btn {
font-size: 18px;
padding: 4px 8px;