From 6bf2bd3d4e82d2d99e0065e088f076a62e4a42f4 Mon Sep 17 00:00:00 2001
From: hugocasa <hugo@casademont.ch>
Date: Fri, 11 Sep 2026 16:00:40 +0200
Subject: [PATCH] fix(ai-agent): label the save-as-agent form fields per the
 guidelines

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 .../flows/content/AgentResourceBar.svelte     | 39 ++++++++++---------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/frontend/src/lib/components/flows/content/AgentResourceBar.svelte b/frontend/src/lib/components/flows/content/AgentResourceBar.svelte
index 96548b10af..c091450e11 100644
--- a/frontend/src/lib/components/flows/content/AgentResourceBar.svelte
+++ b/frontend/src/lib/components/flows/content/AgentResourceBar.svelte
@@ -3,7 +3,8 @@
 	import Alert from '$lib/components/common/alert/Alert.svelte'
 	import Badge from '$lib/components/common/badge/Badge.svelte'
 	import Path from '$lib/components/Path.svelte'
-	import TextInput from '$lib/components/text_input/TextInput.svelte'
+	import Label from '$lib/components/Label.svelte'
+	import autosize from '$lib/autosize'
 	import { ResourceService, type InputTransform, type Resource } from '$lib/gen'
 	import { workspaceStore } from '$lib/stores'
 	import { sendUserToast } from '$lib/toast'
@@ -609,27 +610,29 @@
 		<div class="flex flex-col gap-4">
 			<p class="text-xs text-secondary">
 				Save this AI agent's configuration and tools as a reusable resource. Other flows can then
-				link to it, updates propagate automatically, and it gains a dataset of eval cases of its
-				own.
+				link to it, and updates propagate automatically.
 			</p>
-			<Path
-				bind:path={newPath}
-				bind:error={pathError}
-				initialPath=""
-				namePlaceholder="my_agent"
-				kind="resource"
-				workspaceOverride={ws}
-			/>
-			<label class="flex flex-col gap-1 text-xs">
-				<span class="text-secondary">Description</span>
-				<TextInput
-					bind:value={description}
-					inputProps={{ placeholder: 'What this agent does' }}
+			<Label label="Path">
+				<Path
+					bind:path={newPath}
+					bind:error={pathError}
+					initialPath=""
+					namePlaceholder="my_agent"
+					kind="resource"
+					workspaceOverride={ws}
 					size="sm"
 				/>
-			</label>
+			</Label>
+			<Label label="Description">
+				<textarea
+					bind:value={description}
+					use:autosize
+					rows="3"
+					placeholder="What this agent does"
+				></textarea>
+			</Label>
 			{#if providerSaveError}
-				<p class="text-xs text-red-600 dark:text-red-400">
+				<p class="text-2xs text-red-600 dark:text-red-400">
 					{providerSaveError}
 				</p>
 			{/if}