refactor: simplify all install commands to use OpenBoot CLI

Replace all curl commands with simple 'openboot install' format:
- Config detail page: openboot install user/slug
- Dashboard: openboot install user/slug or openboot install alias
- Explore page: openboot install user/slug
- Profile page: openboot install user/slug

Rationale: Landing page already guides users to install OpenBoot CLI first,
so we can assume users have the CLI installed and use the simpler command.

Removed dual-command logic and complex conditional rendering.
All install commands now use consistent, user-friendly CLI format.

Author: fullstackjam

src/routes/[username]/+page.svelte

@@ -37,7 +37,7 @@
 	}
 
 	function copyCommand(configSlug: string, configId: string) {
-		const cmd = `curl -fsSL https://openboot.dev/${data.profileUser.username}/${configSlug} | bash`;
+		const cmd = `openboot install ${data.profileUser.username}/${configSlug}`;
 		navigator.clipboard.writeText(cmd);
 		copiedId = configId;
 		setTimeout(() => copiedId = '', 2000);
@@ -185,7 +185,7 @@
 								</div>
 							</a>
 							<div class="config-install">
-								<code class="install-command"><span class="prompt">$</span> curl -fsSL openboot.dev/{data.profileUser.username}/{config.slug} | bash</code>
+								<code class="install-command"><span class="prompt">$</span> openboot install {data.profileUser.username}/{config.slug}</code>
 								<button class="copy-button" onclick={() => copyCommand(config.slug, config.id)}>
 									{copiedId === config.id ? 'Copied!' : 'Copy'}
 								</button>

src/routes/[username]/[slug]/+page.svelte

@@ -6,17 +6,12 @@
 
 	let activeTab = $state('overview');
 	let copied = $state(false);
-	let copiedCli = $state(false);
 	let showShareModal = $state(false);
 	let shareCopied = $state(false);
 	let forking = $state(false);
 	let forkError = $state('');
 
 	function getInstallCommand() {
-		return `curl -fsSL https://openboot.dev/${data.configUser.username}/${data.config.slug} | bash`;
-	}
-
-	function getCliInstallCommand() {
 		return `openboot install ${data.configUser.username}/${data.config.slug}`;
 	}
 
@@ -26,12 +21,6 @@
 		setTimeout(() => (copied = false), 2000);
 	}
 
-	function copyCliCommand() {
-		navigator.clipboard.writeText(getCliInstallCommand());
-		copiedCli = true;
-		setTimeout(() => (copiedCli = false), 2000);
-	}
-
 	function getShareUrl() {
 		return `https://openboot.dev/${data.configUser.username}/${data.config.slug}`;
 	}
@@ -119,8 +108,6 @@
 		? data.config.packages.map((p: any) => (typeof p === 'string' ? { name: p, type: 'formula' } : p))
 		: []);
 
-	const hasOpenBootPackage = $derived(configPkgs.some((p: any) => p.name === 'openboot'));
-
 	const configCli = $derived(configPkgs.filter((p: any) => p.type !== 'cask' && p.type !== 'npm'));
 	const configApps = $derived(configPkgs.filter((p: any) => p.type === 'cask'));
 	const configNpm = $derived(configPkgs.filter((p: any) => p.type === 'npm'));
@@ -176,38 +163,12 @@
 
 		<div class="install-box">
 			<div class="install-label">Install with one command</div>
-			{#if hasOpenBootPackage}
-				<div class="install-command recommended">
-					<div class="command-label">
-						<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
-						Recommended (with OpenBoot installed)
-					</div>
-					<div class="command-row">
-						<code>{getCliInstallCommand()}</code>
-						<button class="copy-btn" onclick={copyCliCommand}>
-							{copiedCli ? 'Copied!' : 'Copy'}
-						</button>
-					</div>
-				</div>
-				<div class="install-command">
-					<div class="command-label">First time installation</div>
-					<div class="command-row">
-						<code>{getInstallCommand()}</code>
-						<button class="copy-btn" onclick={copyCommand}>
-							{copied ? 'Copied!' : 'Copy'}
-						</button>
-					</div>
-				</div>
-			{:else}
-				<div class="install-command single">
-					<div class="command-row">
-						<code>{getInstallCommand()}</code>
-						<button class="copy-btn" onclick={copyCommand}>
-							{copied ? 'Copied!' : 'Copy'}
-						</button>
-					</div>
-				</div>
-			{/if}
+			<div class="install-command">
+				<code>{getInstallCommand()}</code>
+				<button class="copy-btn" onclick={copyCommand}>
+					{copied ? 'Copied!' : 'Copy'}
+				</button>
+			</div>
 			<button class="fork-btn" onclick={forkConfig} disabled={forking}>
 				<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="18" r="3"/><circle cx="6" cy="6" r="3"/><circle cx="18" cy="6" r="3"/><path d="M18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9"/><path d="M12 12v3"/></svg>
 				{forking ? 'Forking...' : 'Fork Config'}
@@ -630,49 +591,12 @@
 
 	.install-command {
 		display: flex;
-		flex-direction: column;
-		gap: 8px;
+		align-items: center;
+		gap: 12px;
 		background: var(--bg-tertiary);
 		border: 1px solid var(--border);
 		border-radius: 8px;
 		padding: 12px 16px;
-		margin-bottom: 12px;
-	}
-
-	.install-command.single {
-		flex-direction: row;
-		align-items: center;
-		gap: 12px;
-	}
-
-	.install-command:last-of-type {
-		margin-bottom: 16px;
-	}
-
-	.install-command.recommended {
-		background: color-mix(in srgb, var(--accent) 5%, var(--bg-tertiary));
-		border-color: color-mix(in srgb, var(--accent) 30%, var(--border));
-	}
-
-	.command-label {
-		display: flex;
-		align-items: center;
-		gap: 6px;
-		font-size: 0.75rem;
-		color: var(--text-muted);
-		font-weight: 500;
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-	}
-
-	.command-label svg {
-		color: var(--accent);
-	}
-
-	.command-row {
-		display: flex;
-		align-items: center;
-		gap: 12px;
 	}
 
 	.install-command code {

src/routes/dashboard/+page.svelte

@@ -426,11 +426,11 @@
 		return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
 	}
 
-	function getInstallUrl(config: Config): string {
+	function getInstallCommand(config: Config): string {
 		if (config.alias) {
-			return `openboot.dev/${config.alias}`;
+			return `openboot install ${config.alias}`;
 		}
-		return `openboot.dev/${$auth.user?.username}/${config.slug}`;
+		return `openboot install ${$auth.user?.username}/${config.slug}`;
 	}
 
 	async function importBrewfile() {
@@ -606,8 +606,8 @@
 							{/if}
 						</div>
 						<div class="config-url" onclick={(e) => e.stopPropagation()} onkeydown={(e) => e.stopPropagation()} role="presentation">
-							<code>curl -fsSL {getInstallUrl(config)} | bash</code>
-							<button class="copy-btn" onclick={() => copyToClipboard(`curl -fsSL https://${getInstallUrl(config)} | bash`, config.id)}>{copiedId === config.id ? 'Copied!' : 'Copy'}</button>
+							<code>{getInstallCommand(config)}</code>
+							<button class="copy-btn" onclick={() => copyToClipboard(getInstallCommand(config), config.id)}>{copiedId === config.id ? 'Copied!' : 'Copy'}</button>
 						</div>
 						<div class="config-actions" onclick={(e) => e.stopPropagation()} onkeydown={(e) => e.stopPropagation()} role="presentation">
 							<Button variant="secondary" onclick={() => editConfig(config.slug)}>Edit</Button>

src/routes/explore/+page.svelte

@@ -220,7 +220,7 @@
 							</div>
 						</div>
 						<div class="install-preview">
-							<code><span class="prompt">$</span> curl -fsSL openboot.dev/{config.username}/{config.slug} | bash</code>
+							<code><span class="prompt">$</span> openboot install {config.username}/{config.slug}</code>
 						</div>
 					</a>
 				{/each}