Fix disabled Select fields not displaying their value

Radix Select with a value but no SelectItem children renders blank.
Pass the resolved label as children to SelectValue so the name is
visible in readonly/disabled mode (execution detail page, etc.).

Affects: database, schema, dataset, queue, email, integration,
discord, telegram, and slack resource fields.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: bchapuis

apps/app/src/components/workflow/fields/database-field.tsx

@@ -63,7 +63,9 @@ export function DatabaseField({
           <SelectTrigger>
             <SelectValue
               placeholder={connected ? "Connected" : label || "No database"}
-            />
+            >
+              {connected ? "Connected" : label || "No database"}
+            </SelectValue>
           </SelectTrigger>
         </Select>
       </div>

apps/app/src/components/workflow/fields/dataset-field.tsx

@@ -29,7 +29,9 @@ export function DatasetField({
           <SelectTrigger>
             <SelectValue
               placeholder={connected ? "Connected" : label || "No dataset"}
-            />
+            >
+              {connected ? "Connected" : label || "No dataset"}
+            </SelectValue>
           </SelectTrigger>
         </Select>
       </div>

apps/app/src/components/workflow/fields/discord-bot-field.tsx

@@ -37,7 +37,9 @@ export function DiscordBotField({
           <SelectTrigger>
             <SelectValue
               placeholder={connected ? "Connected" : label || "No Discord bot"}
-            />
+            >
+              {connected ? "Connected" : label || "No Discord bot"}
+            </SelectValue>
           </SelectTrigger>
         </Select>
       </div>

apps/app/src/components/workflow/fields/email-field.tsx

@@ -50,7 +50,9 @@ export function EmailField({
           <SelectTrigger>
             <SelectValue
               placeholder={connected ? "Connected" : label || "No email"}
-            />
+            >
+              {connected ? "Connected" : label || "No email"}
+            </SelectValue>
           </SelectTrigger>
         </Select>
       </div>

apps/app/src/components/workflow/fields/integration-field.tsx

@@ -34,7 +34,9 @@ export function IntegrationField({
           <SelectTrigger>
             <SelectValue
               placeholder={connected ? "Connected" : label || "No integration"}
-            />
+            >
+              {connected ? "Connected" : label || "No integration"}
+            </SelectValue>
           </SelectTrigger>
         </Select>
       </div>

apps/app/src/components/workflow/fields/queue-field.tsx

@@ -63,7 +63,9 @@ export function QueueField({
           <SelectTrigger>
             <SelectValue
               placeholder={connected ? "Connected" : label || "No queue"}
-            />
+            >
+              {connected ? "Connected" : label || "No queue"}
+            </SelectValue>
           </SelectTrigger>
         </Select>
       </div>

apps/app/src/components/workflow/fields/schema-field.tsx

@@ -87,7 +87,9 @@ export function SchemaField({
           <SelectTrigger>
             <SelectValue
               placeholder={connected ? "Connected" : label || "No schema"}
-            />
+            >
+              {connected ? "Connected" : label || "No schema"}
+            </SelectValue>
           </SelectTrigger>
         </Select>
       </div>

apps/app/src/components/workflow/fields/slack-bot-field.tsx

@@ -36,7 +36,9 @@ export function SlackBotField({
           <SelectTrigger>
             <SelectValue
               placeholder={connected ? "Connected" : label || "No Slack bot"}
-            />
+            >
+              {connected ? "Connected" : label || "No Slack bot"}
+            </SelectValue>
           </SelectTrigger>
         </Select>
       </div>

apps/app/src/components/workflow/fields/telegram-bot-field.tsx

@@ -40,7 +40,9 @@ export function TelegramBotField({
           <SelectTrigger>
             <SelectValue
               placeholder={connected ? "Connected" : label || "No Telegram bot"}
-            />
+            >
+              {connected ? "Connected" : label || "No Telegram bot"}
+            </SelectValue>
           </SelectTrigger>
         </Select>
       </div>