@@ -38,18 +38,38 @@ export function QueryHelpSidebar({
3838 >
3939 < div className = "h-fit overflow-x-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-charcoal-600" >
4040 < ClientTabsList variant = "underline" className = "mx-3 shrink-0" >
41- < ClientTabsTrigger value = "ai" variant = "underline" layoutId = "query-help-tabs" className = "shrink-0" >
41+ < ClientTabsTrigger
42+ value = "ai"
43+ variant = "underline"
44+ layoutId = "query-help-tabs"
45+ className = "shrink-0"
46+ >
4247 < div className = "flex items-center gap-0.5" >
4348 < AISparkleIcon className = "size-4" /> AI
4449 </ div >
4550 </ ClientTabsTrigger >
46- < ClientTabsTrigger value = "guide" variant = "underline" layoutId = "query-help-tabs" className = "shrink-0" >
51+ < ClientTabsTrigger
52+ value = "guide"
53+ variant = "underline"
54+ layoutId = "query-help-tabs"
55+ className = "shrink-0"
56+ >
4757 Writing TRQL
4858 </ ClientTabsTrigger >
49- < ClientTabsTrigger value = "schema" variant = "underline" layoutId = "query-help-tabs" className = "shrink-0" >
59+ < ClientTabsTrigger
60+ value = "schema"
61+ variant = "underline"
62+ layoutId = "query-help-tabs"
63+ className = "shrink-0"
64+ >
5065 Table schema
5166 </ ClientTabsTrigger >
52- < ClientTabsTrigger value = "examples" variant = "underline" layoutId = "query-help-tabs" className = "shrink-0" >
67+ < ClientTabsTrigger
68+ value = "examples"
69+ variant = "underline"
70+ layoutId = "query-help-tabs"
71+ className = "shrink-0"
72+ >
5373 Examples
5474 </ ClientTabsTrigger >
5575 </ ClientTabsList >
@@ -69,23 +89,23 @@ export function QueryHelpSidebar({
6989 </ ClientTabsContent >
7090 < ClientTabsContent
7191 value = "guide"
72- className = "min-h-0 flex-1 overflow-y-auto p-3 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-charcoal-600"
92+ className = "min-h-0 flex-1 overflow-y-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-charcoal-600"
7393 >
7494 < div className = "min-w-64 p-3" >
7595 < TRQLGuideContent onTryExample = { onTryExample } />
7696 </ div >
7797 </ ClientTabsContent >
7898 < ClientTabsContent
7999 value = "schema"
80- className = "min-h-0 flex-1 overflow-y-auto p-3 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-charcoal-600"
100+ className = "min-h-0 flex-1 overflow-y-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-charcoal-600"
81101 >
82102 < div className = "min-w-64 p-3" >
83103 < TableSchemaContent />
84104 </ div >
85105 </ ClientTabsContent >
86106 < ClientTabsContent
87107 value = "examples"
88- className = "min-h-0 flex-1 overflow-y-auto p-3 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-charcoal-600"
108+ className = "min-h-0 flex-1 overflow-y-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-charcoal-600"
89109 >
90110 < div className = "min-w-64 p-3" >
91111 < ExamplesContent onTryExample = { onTryExample } />
@@ -95,4 +115,3 @@ export function QueryHelpSidebar({
95115 </ div >
96116 ) ;
97117}
98-
0 commit comments