plum-e2e 2.8.5 → 2.9.0

package/frontend/src/routes/settings/+page.svelte

@@ -18,6 +18,8 @@
 		saveBackupConfig,
 		testBackupS3,
 		runBackupNow,
+		fetchS3Backups,
+		restoreFromS3,
 		fetchMcpConfig,
 		generateMcpKey as generateMcpKeyApi
 	} from '$lib/api/settings';
@@ -214,8 +216,10 @@
 		IMPORT_BLOCK_TITLE,
 		IMPORT_BLOCK_DESC,
 		CHOOSE_FILE_LABEL,
-		BACKUP_DISCLAIMER_PREFIX,
-		BACKUP_DISCLAIMER_SUFFIX,
+		INCLUDE_REPORTS_LABEL,
+		INCLUDE_REPORTS_HINT,
+		includeReportsDisclaimer,
+		saveIncludeReportsLabel,
 		S3_STORAGE_CARD_TITLE,
 		S3_STORAGE_DESC_PREFIX,
 		ENDPOINT_URL_LABEL,
@@ -240,6 +244,15 @@
 		S3_CONNECTION_FAILED,
 		BACKUP_CONFIG_SAVED_TOAST,
 		BACKUP_CONFIG_SAVE_FAILED,
+		RESTORE_FROM_S3_CARD_TITLE,
+		RESTORE_FROM_S3_DESC,
+		CONFIGURE_S3_FIRST_RESTORE_MESSAGE,
+		NO_S3_BACKUPS_MESSAGE,
+		RESTORE_CONFIRM_TITLE,
+		restoreConfirmBody,
+		RESTORE_SUCCESS_TOAST,
+		RESTORE_FAILED_FALLBACK,
+		LIST_S3_BACKUPS_FAILED,
 		SCHEDULED_BACKUP_CARD_TITLE,
 		CONFIGURE_S3_FIRST_MESSAGE,
 		ENABLE_SCHEDULED_BACKUP_LABEL,
@@ -264,7 +277,10 @@
 		saveS3ConfigLabel,
 		uploadedToLabel,
 		uploadS3NowLabel,
-		saveScheduleLabel
+		saveScheduleLabel,
+		restoreLabel,
+		refreshingLabel,
+		backupSizeLabel
 	} from '$lib/copy/settings';
 
 	/** @type {'project' | 'runners' | 'repository' | 'integrations' | 'mcp' | 'account' | 'users' | 'backup'} */
@@ -335,9 +351,11 @@
 		backupS3Bucket: '',
 		backupS3AccessKey: '',
 		backupS3SecretKey: '',
-		backupS3Prefix: ''
+		backupS3Prefix: '',
+		backupIncludeReports: false
 	};
 	let backupConfigSaving = false;
+	let includeReportsSaving = false;
 	let backupS3SecretKeySet = false;
 	let backupTestingS3 = false;
 	let backupRunningNow = false;
@@ -346,6 +364,13 @@
 	let backupLastRunAt = null;
 	let backupLastStatus = '';
 
+	let s3Backups = [];
+	let s3BackupsLoaded = false;
+	let loadingS3Backups = false;
+	let restoringKey = null;
+	let restoreConfirmOpen = false;
+	let restoreTarget = null;
+
 	let runners = [];
 	let runnerForm = { name: '', url: '', token: '', browser: 'chromium' };
 	let runnerFormError = '';
@@ -406,7 +431,8 @@
 				backupS3Bucket: bc.backupS3Bucket,
 				backupS3AccessKey: bc.backupS3AccessKey,
 				backupS3SecretKey: '',
-				backupS3Prefix: bc.backupS3Prefix
+				backupS3Prefix: bc.backupS3Prefix,
+				backupIncludeReports: bc.backupIncludeReports
 			};
 		} catch {}
 		if ($auth.user) {
@@ -802,6 +828,23 @@
 		}
 	}
 
+	async function handleSaveIncludeReports() {
+		includeReportsSaving = true;
+		try {
+			const payload = { ...backupConfig };
+			if (!payload.backupS3SecretKey) delete payload.backupS3SecretKey;
+			const result = await saveBackupConfig(payload);
+			if (result.error) throw new Error(result.error);
+			if (backupConfig.backupS3SecretKey) backupS3SecretKeySet = true;
+			backupConfig = { ...backupConfig, backupS3SecretKey: '' };
+			showToast('success', BACKUP_CONFIG_SAVED_TOAST);
+		} catch (e) {
+			showToast('error', e.message || BACKUP_CONFIG_SAVE_FAILED);
+		} finally {
+			includeReportsSaving = false;
+		}
+	}
+
 	async function handleTestS3() {
 		backupTestingS3 = true;
 		backupS3TestResult = null;
@@ -845,6 +888,48 @@
 		backupS3SecretKeySet
 	);
 
+	// Fetch the list once, the first time S3 looks configured — the Refresh
+	// button covers reloading after a new upload or a bucket/prefix change.
+	$: if (s3Configured && !s3BackupsLoaded) {
+		s3BackupsLoaded = true;
+		loadS3Backups();
+	}
+
+	async function loadS3Backups() {
+		loadingS3Backups = true;
+		try {
+			const result = await fetchS3Backups();
+			if (result.error) throw new Error(result.error);
+			s3Backups = result.backups ?? [];
+		} catch (e) {
+			showToast('error', e.message || LIST_S3_BACKUPS_FAILED);
+		} finally {
+			loadingS3Backups = false;
+		}
+	}
+
+	function openRestoreConfirm(backup) {
+		restoreTarget = backup;
+		restoreConfirmOpen = true;
+	}
+
+	async function handleRestoreFromS3() {
+		if (!restoreTarget) return;
+		restoringKey = restoreTarget.key;
+		try {
+			const result = await restoreFromS3(restoreTarget.key);
+			if (result.error) throw new Error(result.error);
+			showToast('success', RESTORE_SUCCESS_TOAST);
+			project = await fetchProject();
+			restoreConfirmOpen = false;
+			restoreTarget = null;
+		} catch (e) {
+			showToast('error', e.message || RESTORE_FAILED_FALLBACK);
+		} finally {
+			restoringKey = null;
+		}
+	}
+
 	$: mcpConfigSnippet = JSON.stringify(
 		{
 			mcpServers: {
@@ -1822,10 +1907,36 @@
 							</div>
 						</div>
 					</div>
+
+					<div class="include-reports-row">
+						<label class="field-label backup-toggle-label" for="include-reports">
+							<span>
+								{INCLUDE_REPORTS_LABEL}
+								<span class="field-hint">{INCLUDE_REPORTS_HINT}</span>
+							</span>
+							<button
+								id="include-reports"
+								class="toggle-btn"
+								class:active={backupConfig.backupIncludeReports}
+								on:click={() =>
+									(backupConfig.backupIncludeReports = !backupConfig.backupIncludeReports)}
+								role="switch"
+								aria-checked={backupConfig.backupIncludeReports}
+							>
+								<span class="toggle-thumb"></span>
+							</button>
+						</label>
+						<Button
+							variant="ghost"
+							on:click={handleSaveIncludeReports}
+							disabled={includeReportsSaving}
+						>
+							{saveIncludeReportsLabel(includeReportsSaving)}
+						</Button>
+					</div>
+
 					<p class="backup-disclaimer">
-						{BACKUP_DISCLAIMER_PREFIX}
-						<code>pg_dump</code>
-						{BACKUP_DISCLAIMER_SUFFIX}
+						{includeReportsDisclaimer(backupConfig.backupIncludeReports)}
 					</p>
 				</div>
 
@@ -1947,6 +2058,64 @@
 					{/if}
 				</div>
 
+				<!-- Restore from S3 -->
+				<ConfirmModal
+					bind:open={restoreConfirmOpen}
+					title={RESTORE_CONFIRM_TITLE}
+					confirmLabel={restoreLabel(false)}
+					loading={!!restoringKey}
+					on:confirm={handleRestoreFromS3}
+				>
+					{#if restoreTarget}
+						{restoreConfirmBody(restoreTarget.key)}
+					{/if}
+				</ConfirmModal>
+
+				<div class="card settings-card" class:card-disabled={!s3Configured}>
+					<div class="card-title-row">
+						<p class="card-title">{RESTORE_FROM_S3_CARD_TITLE}</p>
+						{#if s3Configured}
+							<Button variant="ghost" on:click={loadS3Backups} disabled={loadingS3Backups}>
+								{refreshingLabel(loadingS3Backups)}
+							</Button>
+						{/if}
+					</div>
+
+					{#if !s3Configured}
+						<p class="backup-block-desc">{CONFIGURE_S3_FIRST_RESTORE_MESSAGE}</p>
+					{:else}
+						<p class="backup-block-desc" style="margin-bottom: 1rem;">{RESTORE_FROM_S3_DESC}</p>
+
+						{#if s3Backups.length === 0}
+							<p class="backup-block-desc">
+								{loadingS3Backups ? refreshingLabel(true) : NO_S3_BACKUPS_MESSAGE}
+							</p>
+						{:else}
+							<ul class="s3-backup-list">
+								{#each s3Backups as backup (backup.key)}
+									<li class="s3-backup-row">
+										<div class="s3-backup-info">
+											<span class="s3-backup-key">{backup.key}</span>
+											<span class="s3-backup-meta">
+												{new Date(backup.lastModified).toLocaleString()} · {backupSizeLabel(
+													backup.size
+												)}
+											</span>
+										</div>
+										<Button
+											variant="ghost"
+											on:click={() => openRestoreConfirm(backup)}
+											disabled={restoringKey === backup.key}
+										>
+											{restoreLabel(restoringKey === backup.key)}
+										</Button>
+									</li>
+								{/each}
+							</ul>
+						{/if}
+					{/if}
+				</div>
+
 				<!-- Scheduled backup -->
 				<div class="card settings-card" class:card-disabled={!s3Configured}>
 					<p class="card-title">{SCHEDULED_BACKUP_CARD_TITLE}</p>
@@ -2390,6 +2559,23 @@
 		border-radius: 3px;
 	}
 
+	.include-reports-row {
+		display: flex;
+		align-items: center;
+		gap: 1.25rem;
+		margin-top: 1.25rem;
+		padding-top: 1.25rem;
+		border-top: 1px solid var(--border);
+	}
+	.include-reports-row .backup-toggle-label {
+		flex: 1;
+	}
+	.include-reports-row .field-label > span {
+		display: flex;
+		flex-direction: column;
+		gap: 0.15rem;
+	}
+
 	.backup-disclaimer {
 		margin-top: 1rem;
 		padding: 0.625rem 0.875rem;
@@ -2422,6 +2608,58 @@
 		color: var(--fail);
 	}
 
+	.card-title-row {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1rem;
+		margin-bottom: 0.75rem;
+	}
+	.card-title-row .card-title {
+		margin-bottom: 0;
+	}
+
+	.s3-backup-list {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+		list-style: none;
+		margin: 0;
+		padding: 0;
+	}
+
+	.s3-backup-row {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 1rem;
+		padding: 0.625rem 0.875rem;
+		background: var(--bg-subtle);
+		border: 1px solid var(--border);
+		border-radius: var(--radius-sm);
+	}
+
+	.s3-backup-info {
+		display: flex;
+		flex-direction: column;
+		gap: 0.2rem;
+		min-width: 0;
+	}
+
+	.s3-backup-key {
+		font-family: 'JetBrains Mono', monospace;
+		font-size: 0.8125rem;
+		color: var(--text);
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.s3-backup-meta {
+		font-size: 0.75rem;
+		color: var(--text-muted);
+	}
+
 	.backup-last-run {
 		font-size: 0.8125rem;
 		color: var(--text-muted);

package/frontend/src/routes/test-repository/suites/[id]/+page.svelte

@@ -9,6 +9,7 @@
 	import { fly, fade } from 'svelte/transition';
 	import {
 		fetchSuite,
+		fetchAllSuitesWithCases,
 		updateSuite,
 		createTestCase,
 		fetchTestCase,
@@ -80,13 +81,20 @@
 		TEST_CASE_UPDATED_TOAST,
 		STEPS_SAVED_TOAST,
 		SUITE_UPDATED_TOAST,
+		MOVE_CASE_TITLE,
+		MOVE_TEST_CASE_MODAL_TITLE,
+		MOVE_TO_SUITE_LABEL,
+		NO_SUITES_AVAILABLE,
+		FAILED_TO_MOVE_CASE,
 		suiteDetailTitle,
 		createdByCapitalized,
 		caseCreatedToast,
 		caseDeletedToast,
+		caseMovedToast,
 		caseCount,
 		stepCount,
 		saveStepsLabel,
+		moveCaseLabel,
 		runLinkLabel
 	} from '$lib/copy/repository';
 
@@ -118,6 +126,13 @@
 	let confirmDeleteCase = null;
 	let confirmDeleteCaseOpen = false;
 
+	let allSuites = [];
+	let moveCaseOpen = false;
+	let moveCaseTarget = null;
+	let moveCaseSuiteId = '';
+	let moveCaseSaving = false;
+	$: otherSuites = allSuites.filter((s) => s.id !== suiteId);
+
 	let caseSearch = '';
 	let casesPage = 1;
 	let casesSort = (() => {
@@ -181,6 +196,9 @@
 		} finally {
 			loading = false;
 		}
+		try {
+			allSuites = await fetchAllSuitesWithCases();
+		} catch {}
 	});
 
 	async function handleCreateCase() {
@@ -287,6 +305,34 @@
 		confirmDeleteCaseOpen = false;
 	}
 
+	function openMoveCase(tc) {
+		moveCaseTarget = tc;
+		moveCaseSuiteId = otherSuites[0]?.id ?? '';
+		moveCaseOpen = true;
+	}
+
+	async function handleMoveCase() {
+		if (!moveCaseTarget || !moveCaseSuiteId) return;
+		moveCaseSaving = true;
+		try {
+			await updateTestCase(moveCaseTarget.id, { suiteId: moveCaseSuiteId });
+			const targetSuite = allSuites.find((s) => s.id === moveCaseSuiteId);
+			suite = {
+				...suite,
+				cases: suite.cases.filter((c) => c.id !== moveCaseTarget.id),
+				_count: { cases: suite._count.cases - 1 }
+			};
+			if (selectedCase?.id === moveCaseTarget.id) selectedCase = null;
+			showToast('success', caseMovedToast(moveCaseTarget.displayId, targetSuite?.name ?? ''));
+			moveCaseOpen = false;
+			moveCaseTarget = null;
+		} catch (e) {
+			showToast('error', e.message ?? FAILED_TO_MOVE_CASE);
+		} finally {
+			moveCaseSaving = false;
+		}
+	}
+
 	async function handleUpdateSuite() {
 		editSuiteSaving = true;
 		try {
@@ -409,6 +455,32 @@
 	</div>
 </Modal>
 
+<Modal bind:open={moveCaseOpen} title={MOVE_TEST_CASE_MODAL_TITLE}>
+	<div class="form-fields">
+		{#if moveCaseTarget}
+			<p class="move-case-subtitle">{moveCaseTarget.displayId} — {moveCaseTarget.title}</p>
+		{/if}
+		{#if otherSuites.length === 0}
+			<p class="form-error">{NO_SUITES_AVAILABLE}</p>
+		{:else}
+			<div class="field">
+				<label class="field-label" for="move-suite">{MOVE_TO_SUITE_LABEL}</label>
+				<select id="move-suite" class="field-input" bind:value={moveCaseSuiteId}>
+					{#each otherSuites as s}
+						<option value={s.id}>{s.displayId} — {s.name}</option>
+					{/each}
+				</select>
+			</div>
+		{/if}
+		<div class="modal-actions">
+			<Button on:click={handleMoveCase} disabled={moveCaseSaving || otherSuites.length === 0}>
+				{moveCaseLabel(moveCaseSaving)}
+			</Button>
+			<Button variant="ghost" on:click={() => (moveCaseOpen = false)}>{CANCEL_LABEL}</Button>
+		</div>
+	</div>
+</Modal>
+
 {#if loading}
 	<div class="loading-state">{LOADING_LABEL}</div>
 {:else if suite}
@@ -548,6 +620,26 @@
 									<span class="auto-badge">{AUTOMATED_LABEL}</span>
 								{/if}
 								<div class="case-row-actions" on:click|stopPropagation>
+									<button
+										class="icon-btn small"
+										title={MOVE_CASE_TITLE}
+										on:click={() => openMoveCase(tc)}
+									>
+										<svg
+											width="11"
+											height="11"
+											viewBox="0 0 24 24"
+											fill="none"
+											stroke="currentColor"
+											stroke-width="2"
+											stroke-linecap="round"
+											stroke-linejoin="round"
+										>
+											<path
+												d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z"
+											/>
+										</svg>
+									</button>
 									<button
 										class="icon-btn danger small"
 										on:click={() => {
@@ -606,6 +698,26 @@
 							{/if}
 							<div class="detail-header-actions">
 								{#if !editingCase}
+									<button
+										class="icon-btn"
+										title={MOVE_CASE_TITLE}
+										on:click={() => openMoveCase(selectedCase)}
+									>
+										<svg
+											width="13"
+											height="13"
+											viewBox="0 0 24 24"
+											fill="none"
+											stroke="currentColor"
+											stroke-width="2"
+											stroke-linecap="round"
+											stroke-linejoin="round"
+										>
+											<path
+												d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z"
+											/>
+										</svg>
+									</button>
 									<button class="icon-btn" title={EDIT_CASE_TITLE} on:click={startEditCase}>
 										<svg
 											width="13"
@@ -1577,6 +1689,10 @@
 		font-size: 0.8125rem;
 		color: var(--fail);
 	}
+	.move-case-subtitle {
+		font-size: 0.8125rem;
+		color: var(--text-muted);
+	}
 	.modal-actions {
 		display: flex;
 		gap: 0.5rem;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "plum-e2e",
-	"version": "2.8.5",
+	"version": "2.9.0",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/silverlunah/plum.git"

package/backend/playwright.config.js

@@ -1,85 +0,0 @@
-/*
- * This file is part of Plum.
- * Licensed under the MIT License. See LICENSE file in the project root for details.
- */
-
-// @ts-check
-import { defineConfig, devices } from '@playwright/test';
-
-/**
- * Read environment variables from file.
- * https://github.com/motdotla/dotenv
- */
-import dotenv from 'dotenv';
-import path from 'path';
-dotenv.config({ path: path.resolve(__dirname, '.env') });
-
-/**
- * @see https://playwright.dev/docs/test-configuration
- */
-export default defineConfig({
-	testDir: './tests',
-	/* Run tests in files in parallel */
-	fullyParallel: true,
-	/* Fail the build on CI if you accidentally left test.only in the source code. */
-	forbidOnly: !!process.env.CI,
-	/* Retry on CI only */
-	retries: process.env.CI ? 2 : 0,
-	/* Opt out of parallel tests on CI. */
-	workers: process.env.CI ? 1 : undefined,
-	/* Reporter to use. See https://playwright.dev/docs/test-reporters */
-	reporter: 'html',
-	/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
-	use: {
-		/* Base URL to use in actions like `await page.goto('/')`. */
-		// baseURL: 'http://127.0.0.1:3000',
-
-		/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-		trace: 'on-first-retry'
-	},
-
-	/* Configure projects for major browsers */
-	projects: [
-		{
-			name: 'chromium',
-			use: { ...devices['Desktop Chrome'] }
-		},
-
-		{
-			name: 'firefox',
-			use: { ...devices['Desktop Firefox'] }
-		},
-
-		{
-			name: 'webkit',
-			use: { ...devices['Desktop Safari'] }
-		}
-
-		/* Test against mobile viewports. */
-		// {
-		//   name: 'Mobile Chrome',
-		//   use: { ...devices['Pixel 5'] },
-		// },
-		// {
-		//   name: 'Mobile Safari',
-		//   use: { ...devices['iPhone 12'] },
-		// },
-
-		/* Test against branded browsers. */
-		// {
-		//   name: 'Microsoft Edge',
-		//   use: { ...devices['Desktop Edge'], channel: 'msedge' },
-		// },
-		// {
-		//   name: 'Google Chrome',
-		//   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
-		// },
-	]
-
-	/* Run your local dev server before starting the tests */
-	// webServer: {
-	//   command: 'npm run start',
-	//   url: 'http://127.0.0.1:3000',
-	//   reuseExistingServer: !process.env.CI,
-	// },
-});

package/frontend/.svelte-kit/adapter-node/_app/immutable/assets/_page.DvMkmYA-.css

@@ -1,6 +0,0 @@
-/*
- * This file is part of Plum.
- * Licensed under the MIT License. See LICENSE file in the project root for details.
- */
-
-.page-header.svelte-ll28r2{margin-bottom:1.75rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.header-top.svelte-ll28r2{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}h1.svelte-ll28r2{font-size:2.5rem;margin-bottom:.25rem}.subtitle.svelte-ll28r2{color:var(--text-muted);font-size:.875rem}.search-row.svelte-ll28r2{display:flex;gap:.75rem}.search-wrap.svelte-ll28r2{position:relative;flex:1;max-width:480px}.search-icon.svelte-ll28r2{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input.svelte-ll28r2{width:100%;padding:.55rem .875rem .55rem 2.25rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text);font-family:var(--font-body);font-size:.875rem;font-weight:300;outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.search-input.svelte-ll28r2:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg-elevated)}.sort-bar.svelte-ll28r2{display:flex;align-items:center;gap:.375rem;margin:1.25rem 0;flex-wrap:wrap}.sort-label.svelte-ll28r2{font-size:.75rem;color:var(--text-muted);margin-right:.25rem}.sort-chip.svelte-ll28r2{display:flex;align-items:center;gap:.25rem;height:28px;padding:0 .625rem;font-family:var(--font-body);font-size:.8125rem;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.sort-chip.svelte-ll28r2:hover{color:var(--text);border-color:var(--accent)}.sort-chip.active.svelte-ll28r2{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.sort-dir.svelte-ll28r2{font-size:.7rem;opacity:.8}.search-input.svelte-ll28r2::placeholder{color:var(--text-muted)}.search-clear.svelte-ll28r2{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:none;background:var(--border);color:var(--text-muted);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.search-clear.svelte-ll28r2:hover{background:var(--text-muted);color:var(--bg)}.suites.svelte-ll28r2{display:flex;flex-direction:column;gap:1rem}.suite.svelte-ll28r2{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:visible;background:var(--bg-elevated);animation:fadeUp .35s var(--ease-out) both}.suite-header.svelte-ll28r2{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;background:var(--bg-subtle);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.suite-toggle.svelte-ll28r2{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;border-radius:var(--radius-sm);transition:background var(--duration-fast),color var(--duration-fast)}.suite-toggle.svelte-ll28r2:hover{background:var(--bg-elevated);color:var(--text)}.suite-toggle.svelte-ll28r2 svg:where(.svelte-ll28r2){transition:transform var(--duration-fast) var(--ease-out)}.suite-toggle.svelte-ll28r2 svg.rotated:where(.svelte-ll28r2){transform:rotate(90deg)}.suite-meta.svelte-ll28r2{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0}.suite-badges.svelte-ll28r2{display:flex;gap:.25rem;flex-shrink:0}.suite-name.svelte-ll28r2{font-size:.9rem;font-weight:400;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suite-count.svelte-ll28r2{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.run-btn.svelte-ll28r2{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-body);font-size:.75rem;font-weight:400;padding:.3rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.run-btn.svelte-ll28r2:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.tests.svelte-ll28r2{display:flex;flex-direction:column}.test-row.svelte-ll28r2{border-bottom:1px solid var(--border);animation:fadeUp .3s var(--ease-out) both}.test-row.svelte-ll28r2:last-child{border-bottom:none}.test-main.svelte-ll28r2{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem}.run-icon-btn.svelte-ll28r2{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.run-icon-btn.svelte-ll28r2:hover{background:var(--accent);color:var(--white);border-color:var(--accent)}.test-ids.svelte-ll28r2{display:flex;gap:.25rem;flex-shrink:0}.id-pill.svelte-ll28r2{position:relative;font-size:.68rem;font-weight:500;letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);border:none;border-radius:var(--radius-pill);padding:.15rem .55rem;cursor:pointer;font-family:JetBrains Mono,monospace;transition:background var(--duration-fast),color var(--duration-fast),filter var(--duration-fast)}.id-pill.svelte-ll28r2:hover{filter:brightness(.92)}.id-pill.copied.svelte-ll28r2{color:var(--pass);background:var(--pass-soft)}.id-pill.copied.svelte-ll28r2:after{content:"Copied";position:absolute;left:50%;bottom:calc(100% + 6px);z-index:50;transform:translate(-50%);padding:.16rem .42rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--pass);box-shadow:0 4px 14px #00000014;font-family:var(--font-body);font-size:.65rem;font-weight:500;letter-spacing:0;pointer-events:none;animation:svelte-ll28r2-copiedPop 1.4s var(--ease-out) both}.test-name.svelte-ll28r2{flex:1;font-size:.875rem;color:var(--text);min-width:0}.outline-badge.svelte-ll28r2{display:inline-block;font-size:.62rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:var(--warn-soft);color:var(--warn);padding:.1rem .4rem;border-radius:var(--radius-pill);margin-left:.4rem;vertical-align:middle}.steps-toggle.svelte-ll28r2{display:inline-flex;align-items:center;gap:.2rem;font-family:var(--font-body);font-size:.72rem;font-weight:400;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.2rem .5rem;cursor:pointer;flex-shrink:0;transition:background var(--duration-fast),color var(--duration-fast)}.steps-toggle.svelte-ll28r2:hover{background:var(--bg-subtle);color:var(--text)}.steps-toggle.svelte-ll28r2 svg:where(.svelte-ll28r2){transition:transform var(--duration-fast) var(--ease-out)}.steps-toggle.svelte-ll28r2 svg.rotated:where(.svelte-ll28r2){transform:rotate(90deg)}.steps.svelte-ll28r2{padding:.75rem 1.25rem .875rem 3.75rem;background:var(--bg-subtle);border-top:1px solid var(--border)}.step-list.svelte-ll28r2{list-style:none;display:flex;flex-direction:column;gap:.3rem}.step.svelte-ll28r2{font-size:.8125rem;color:var(--text-muted);font-family:JetBrains Mono,monospace;line-height:1.5;padding-left:1rem;position:relative}.step.svelte-ll28r2:before{content:"›";position:absolute;left:0;color:var(--accent);font-family:var(--font-body)}.examples.svelte-ll28r2{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border)}.examples-label.svelte-ll28r2{display:block;font-size:.68rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.examples-table-wrap.svelte-ll28r2{overflow-x:auto}.examples-table.svelte-ll28r2{border-collapse:collapse;font-size:.78rem;font-family:JetBrains Mono,monospace;width:auto}.examples-table.svelte-ll28r2 th:where(.svelte-ll28r2){text-align:left;padding:.3rem .75rem;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);font-family:var(--font-body);font-weight:500}.examples-table.svelte-ll28r2 td:where(.svelte-ll28r2){padding:.3rem .75rem;color:var(--text-muted);border-bottom:1px solid var(--border)}.examples-table.svelte-ll28r2 tbody:where(.svelte-ll28r2) tr:where(.svelte-ll28r2):last-child td:where(.svelte-ll28r2){border-bottom:none}@keyframes svelte-ll28r2-copiedPop{0%{opacity:0;transform:translate(-50%,4px) scale(.96)}12%,78%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-2px) scale(.98)}}

package/frontend/.svelte-kit/output/client/_app/immutable/assets/2.DvMkmYA-.css

@@ -1,6 +0,0 @@
-/*
- * This file is part of Plum.
- * Licensed under the MIT License. See LICENSE file in the project root for details.
- */
-
-.page-header.svelte-ll28r2{margin-bottom:1.75rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.header-top.svelte-ll28r2{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}h1.svelte-ll28r2{font-size:2.5rem;margin-bottom:.25rem}.subtitle.svelte-ll28r2{color:var(--text-muted);font-size:.875rem}.search-row.svelte-ll28r2{display:flex;gap:.75rem}.search-wrap.svelte-ll28r2{position:relative;flex:1;max-width:480px}.search-icon.svelte-ll28r2{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input.svelte-ll28r2{width:100%;padding:.55rem .875rem .55rem 2.25rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text);font-family:var(--font-body);font-size:.875rem;font-weight:300;outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.search-input.svelte-ll28r2:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg-elevated)}.sort-bar.svelte-ll28r2{display:flex;align-items:center;gap:.375rem;margin:1.25rem 0;flex-wrap:wrap}.sort-label.svelte-ll28r2{font-size:.75rem;color:var(--text-muted);margin-right:.25rem}.sort-chip.svelte-ll28r2{display:flex;align-items:center;gap:.25rem;height:28px;padding:0 .625rem;font-family:var(--font-body);font-size:.8125rem;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.sort-chip.svelte-ll28r2:hover{color:var(--text);border-color:var(--accent)}.sort-chip.active.svelte-ll28r2{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.sort-dir.svelte-ll28r2{font-size:.7rem;opacity:.8}.search-input.svelte-ll28r2::placeholder{color:var(--text-muted)}.search-clear.svelte-ll28r2{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:none;background:var(--border);color:var(--text-muted);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.search-clear.svelte-ll28r2:hover{background:var(--text-muted);color:var(--bg)}.suites.svelte-ll28r2{display:flex;flex-direction:column;gap:1rem}.suite.svelte-ll28r2{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:visible;background:var(--bg-elevated);animation:fadeUp .35s var(--ease-out) both}.suite-header.svelte-ll28r2{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;background:var(--bg-subtle);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.suite-toggle.svelte-ll28r2{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;border-radius:var(--radius-sm);transition:background var(--duration-fast),color var(--duration-fast)}.suite-toggle.svelte-ll28r2:hover{background:var(--bg-elevated);color:var(--text)}.suite-toggle.svelte-ll28r2 svg:where(.svelte-ll28r2){transition:transform var(--duration-fast) var(--ease-out)}.suite-toggle.svelte-ll28r2 svg.rotated:where(.svelte-ll28r2){transform:rotate(90deg)}.suite-meta.svelte-ll28r2{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0}.suite-badges.svelte-ll28r2{display:flex;gap:.25rem;flex-shrink:0}.suite-name.svelte-ll28r2{font-size:.9rem;font-weight:400;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suite-count.svelte-ll28r2{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.run-btn.svelte-ll28r2{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-body);font-size:.75rem;font-weight:400;padding:.3rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.run-btn.svelte-ll28r2:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.tests.svelte-ll28r2{display:flex;flex-direction:column}.test-row.svelte-ll28r2{border-bottom:1px solid var(--border);animation:fadeUp .3s var(--ease-out) both}.test-row.svelte-ll28r2:last-child{border-bottom:none}.test-main.svelte-ll28r2{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem}.run-icon-btn.svelte-ll28r2{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.run-icon-btn.svelte-ll28r2:hover{background:var(--accent);color:var(--white);border-color:var(--accent)}.test-ids.svelte-ll28r2{display:flex;gap:.25rem;flex-shrink:0}.id-pill.svelte-ll28r2{position:relative;font-size:.68rem;font-weight:500;letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);border:none;border-radius:var(--radius-pill);padding:.15rem .55rem;cursor:pointer;font-family:JetBrains Mono,monospace;transition:background var(--duration-fast),color var(--duration-fast),filter var(--duration-fast)}.id-pill.svelte-ll28r2:hover{filter:brightness(.92)}.id-pill.copied.svelte-ll28r2{color:var(--pass);background:var(--pass-soft)}.id-pill.copied.svelte-ll28r2:after{content:"Copied";position:absolute;left:50%;bottom:calc(100% + 6px);z-index:50;transform:translate(-50%);padding:.16rem .42rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--pass);box-shadow:0 4px 14px #00000014;font-family:var(--font-body);font-size:.65rem;font-weight:500;letter-spacing:0;pointer-events:none;animation:svelte-ll28r2-copiedPop 1.4s var(--ease-out) both}.test-name.svelte-ll28r2{flex:1;font-size:.875rem;color:var(--text);min-width:0}.outline-badge.svelte-ll28r2{display:inline-block;font-size:.62rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:var(--warn-soft);color:var(--warn);padding:.1rem .4rem;border-radius:var(--radius-pill);margin-left:.4rem;vertical-align:middle}.steps-toggle.svelte-ll28r2{display:inline-flex;align-items:center;gap:.2rem;font-family:var(--font-body);font-size:.72rem;font-weight:400;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.2rem .5rem;cursor:pointer;flex-shrink:0;transition:background var(--duration-fast),color var(--duration-fast)}.steps-toggle.svelte-ll28r2:hover{background:var(--bg-subtle);color:var(--text)}.steps-toggle.svelte-ll28r2 svg:where(.svelte-ll28r2){transition:transform var(--duration-fast) var(--ease-out)}.steps-toggle.svelte-ll28r2 svg.rotated:where(.svelte-ll28r2){transform:rotate(90deg)}.steps.svelte-ll28r2{padding:.75rem 1.25rem .875rem 3.75rem;background:var(--bg-subtle);border-top:1px solid var(--border)}.step-list.svelte-ll28r2{list-style:none;display:flex;flex-direction:column;gap:.3rem}.step.svelte-ll28r2{font-size:.8125rem;color:var(--text-muted);font-family:JetBrains Mono,monospace;line-height:1.5;padding-left:1rem;position:relative}.step.svelte-ll28r2:before{content:"›";position:absolute;left:0;color:var(--accent);font-family:var(--font-body)}.examples.svelte-ll28r2{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border)}.examples-label.svelte-ll28r2{display:block;font-size:.68rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.examples-table-wrap.svelte-ll28r2{overflow-x:auto}.examples-table.svelte-ll28r2{border-collapse:collapse;font-size:.78rem;font-family:JetBrains Mono,monospace;width:auto}.examples-table.svelte-ll28r2 th:where(.svelte-ll28r2){text-align:left;padding:.3rem .75rem;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);font-family:var(--font-body);font-weight:500}.examples-table.svelte-ll28r2 td:where(.svelte-ll28r2){padding:.3rem .75rem;color:var(--text-muted);border-bottom:1px solid var(--border)}.examples-table.svelte-ll28r2 tbody:where(.svelte-ll28r2) tr:where(.svelte-ll28r2):last-child td:where(.svelte-ll28r2){border-bottom:none}@keyframes svelte-ll28r2-copiedPop{0%{opacity:0;transform:translate(-50%,4px) scale(.96)}12%,78%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-2px) scale(.98)}}