feat: combine tool in single card

web/src/lib/components/ui/Field.svelte

@@ -13,17 +13,42 @@
 
 <div class="field">
 	<label class="text-caption text-muted" for={id}>{label}</label>
-	{@render children()}
-	{#if hint}
-		<p class="hint text-caption text-muted">{hint}</p>
-	{/if}
+	<div class="control-slot">
+		{@render children()}
+		{#if hint}
+			<p class="hint text-caption text-muted">{hint}</p>
+		{/if}
+	</div>
 </div>
 
 <style>
 	.field {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: var(--space-3);
+		padding: calc(var(--space-1) + 2px) 0;
+		border-bottom: 1px dashed var(--border);
+	}
+
+	label {
+		flex: none;
+		max-width: 45%;
+		text-align: left;
+	}
+
+	.control-slot {
+		flex: 1;
+		min-width: 0;
 		display: flex;
 		flex-direction: column;
+		align-items: flex-end;
 		gap: var(--space-1);
-		margin-bottom: var(--space-3);
+	}
+
+	.hint {
+		margin: 0;
+		align-self: flex-end;
+		text-align: right;
 	}
 </style>