From 3b75fd39b5c0d1e75b32b67298db5a0a62c4c8a7 Mon Sep 17 00:00:00 2001
From: Stan Runge <stan@stanrunge.dev>
Date: Mon, 26 Oct 2026 09:34:38 +0000
Subject: [PATCH] AI setup tab: masonry columns, even form controls, one
 labels-only hint

---
 src/routes/trackers/ai/setup/+page.svelte | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/routes/trackers/ai/setup/+page.svelte b/src/routes/trackers/ai/setup/+page.svelte
index c962f9b..9113cfb 100644
--- a/src/routes/trackers/ai/setup/+page.svelte
+++ b/src/routes/trackers/ai/setup/+page.svelte
@@ -383,7 +383,7 @@
 								{/each}
 							</ul>
 						{/if}
-						{#if s.key === 'plan'}
+						{#if s.key === 'plan' && list && editing !== `n:${p.id}:${s.key}`}
 							<p class="hint"><KeyRound size={12} /> Labels only, never key values.</p>
 						{/if}
 					</details>
@@ -478,11 +478,14 @@
 		color: #f87171;
 		background: rgb(248 113 113 / 0.1);
 	}
+	/* Masonry-style columns: cards differ a lot in height (Grok has dozens of entries). */
 	.cards {
-		display: grid;
-		gap: 0.75rem;
-		grid-template-columns: repeat(auto-fill, minmax(min(100%, 26rem), 1fr));
-		align-items: start;
+		columns: 2 26rem;
+		column-gap: 0.75rem;
+	}
+	.cards > .card {
+		break-inside: avoid;
+		margin-bottom: 0.75rem;
 	}
 	.card {
 		display: flex;
@@ -760,6 +763,11 @@
 		border-radius: 0.5rem;
 		padding: 0.35rem 0.5rem;
 		min-width: 0;
+		box-sizing: border-box;
+	}
+	.edit input:not([type='radio']),
+	.edit select {
+		height: 2.1rem;
 	}
 	.edit textarea {
 		resize: vertical;