feat: add About dialog with version, author, and license info
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user