From ac0cc7d4c997955f6c59fb0f93d4b9355b785a1a Mon Sep 17 00:00:00 2001
From: Sam Chau <schau22@pm.me>
Date: Mon, 29 Dec 2025 21:06:34 +1030
Subject: [PATCH] feat(database): add database info display in StatusCard and
 update form action for editing

---
 .../databases/[id]/changes/+page.svelte       |  2 +-
 .../[id]/changes/components/StatusCard.svelte | 27 ++++++++++++++++++-
 .../databases/[id]/edit/+page.server.ts       |  2 +-
 .../databases/components/InstanceForm.svelte  |  1 +
 4 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/routes/databases/[id]/changes/+page.svelte b/src/routes/databases/[id]/changes/+page.svelte
index c60ab5e..e2e3ef2 100644
--- a/src/routes/databases/[id]/changes/+page.svelte
+++ b/src/routes/databases/[id]/changes/+page.svelte
@@ -176,7 +176,7 @@
 			</div>
 		</div>
 	{:else}
-		<StatusCard {status} {repoInfo} {branches} />
+		<StatusCard {status} {repoInfo} {branches} database={data.database} />
 	{/if}
 
 	<!-- Actions Bar -->
diff --git a/src/routes/databases/[id]/changes/components/StatusCard.svelte b/src/routes/databases/[id]/changes/components/StatusCard.svelte
index edc7c7c..cd7fa09 100644
--- a/src/routes/databases/[id]/changes/components/StatusCard.svelte
+++ b/src/routes/databases/[id]/changes/components/StatusCard.svelte
@@ -8,14 +8,17 @@
 		GitFork,
 		CircleDot,
 		ChevronDown,
-		Check
+		Check,
+		Database
 	} from 'lucide-svelte';
 	import { invalidateAll } from '$app/navigation';
 	import type { GitStatus, RepoInfo } from '$utils/git/types';
+	import type { DatabaseInstance } from '$db/queries/databaseInstances.ts';
 
 	export let status: GitStatus;
 	export let repoInfo: RepoInfo | null;
 	export let branches: string[];
+	export let database: DatabaseInstance;
 
 	let branchDropdownOpen = false;
 	let switching = false;
@@ -94,6 +97,28 @@
 						</span>
 					</div>
 				</div>
+			{:else}
+				<div class="flex h-8 w-8 items-center justify-center rounded-lg bg-neutral-100 dark:bg-neutral-700">
+					<Database size={16} class="text-neutral-500 dark:text-neutral-400" />
+				</div>
+				<div class="flex flex-col gap-1">
+					<div class="flex items-center gap-2">
+						<span class="text-sm font-medium text-neutral-700 dark:text-neutral-300">
+							{database.name}
+						</span>
+						<a
+							href={database.repository_url}
+							target="_blank"
+							rel="noopener noreferrer"
+							class="text-neutral-400 transition-colors hover:text-neutral-600 dark:hover:text-neutral-300"
+						>
+							<ExternalLink size={14} />
+						</a>
+					</div>
+					<code class="font-mono text-xs text-neutral-500 dark:text-neutral-400">
+						{database.repository_url.replace('https://github.com/', '')}
+					</code>
+				</div>
 			{/if}
 		</div>
 
diff --git a/src/routes/databases/[id]/edit/+page.server.ts b/src/routes/databases/[id]/edit/+page.server.ts
index 7079700..d888863 100644
--- a/src/routes/databases/[id]/edit/+page.server.ts
+++ b/src/routes/databases/[id]/edit/+page.server.ts
@@ -25,7 +25,7 @@ export const load: ServerLoad = ({ params }) => {
 };
 
 export const actions: Actions = {
-	default: async ({ params, request }) => {
+	update: async ({ params, request }) => {
 		const id = parseInt(params.id || '', 10);
 
 		// Validate ID
diff --git a/src/routes/databases/components/InstanceForm.svelte b/src/routes/databases/components/InstanceForm.svelte
index 4616993..1b81cff 100644
--- a/src/routes/databases/components/InstanceForm.svelte
+++ b/src/routes/databases/components/InstanceForm.svelte
@@ -62,6 +62,7 @@
 
 	<form
 		method="POST"
+		action={mode === 'edit' ? '?/update' : undefined}
 		class="space-y-6"
 		use:enhance={() => {
 			isLoading = true;