From c7440dddef60b2fee7b5c1aa8d003db318a7e548 Mon Sep 17 00:00:00 2001
From: Alan Agius <17563226+alan-agius4@users.noreply.github.com>
Date: Mon, 18 Aug 2025 07:28:35 +0000
Subject: [PATCH] fix(docs-infra): display value type in CLI pages (#63211)

The value type was not being displayed when a value had an enum, which was misleading. This change ensures the value type is always shown, so users know whether to expect a single value or an array of values.

PR Close #63211
---
 .../pipeline/api-gen/rendering/templates/cli-card.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/adev/shared-docs/pipeline/api-gen/rendering/templates/cli-card.tsx b/adev/shared-docs/pipeline/api-gen/rendering/templates/cli-card.tsx
index f184d5aeb03..bdf127f34b6 100644
--- a/adev/shared-docs/pipeline/api-gen/rendering/templates/cli-card.tsx
+++ b/adev/shared-docs/pipeline/api-gen/rendering/templates/cli-card.tsx
@@ -24,14 +24,16 @@ export function CliCard(props: {card: CliCardRenderable}) {
                 {item.aliases?.map((alias) => (
                   <div class="docs-reference-option-aliases">
                     <span>Alias</span>
-                    <code>{alias} </code>
+                    <code>{alias}</code>
                   </div>
                 ))}
               </div>
               <div dangerouslySetInnerHTML={{__html: item.description}}></div>
             </div>
             <div class="docs-reference-type-and-default">
-              {/* Display the enum values if there are some, else the type expected for the option */}
+              {/* Display the type expected for the option and the enum values if there are some. */}
+              <span>Value Type</span>
+              <code>{item.type}</code>
               {item.enum ? (
                 <>
                   <span>Allowed Values</span>
@@ -45,10 +47,7 @@ export function CliCard(props: {card: CliCardRenderable}) {
                   </span>
                 </>
               ) : (
-                <>
-                  <span>Value Type</span>
-                  <code>{item.type}</code>
-                </>
+                <></>
               )}
               {/* Default Value */}
               {item.default !== undefined ? <span>Default</span> : <></>}