From e015fa1026bbb95ed400ed248482ad3cdf15dafa Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 18 Apr 2026 16:19:02 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/components/forms/custom-form-builder.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/forms/custom-form-builder.tsx b/src/components/forms/custom-form-builder.tsx
index af80017..14f90f6 100644
--- a/src/components/forms/custom-form-builder.tsx
+++ b/src/components/forms/custom-form-builder.tsx
@@ -1130,6 +1130,12 @@ export function CustomFormBuilder() {
               <div>
                 <Label className="text-xs uppercase tracking-wider text-muted-foreground">Variables</Label>
                 <p className="text-xs text-muted-foreground mt-1">Click to insert at cursor.</p>
+                <p className="text-[11px] text-muted-foreground mt-1 leading-snug">
+                  Control case with <code className="font-mono">|upper</code>,{" "}
+                  <code className="font-mono">|lower</code>, <code className="font-mono">|title</code>, or{" "}
+                  <code className="font-mono">|sentence</code>. Example:{" "}
+                  <code className="font-mono">{`{{ownerName|upper}}`}</code>
+                </p>
               </div>
               <div className="relative">
                 <Search className="absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />