[Obs AI Assistant] Enable syntax highlighting for ES|QL (#212384)

elastic · Feb 27, 2025 · c0a128c · c0a128c
1 parent 2704a71
commit c0a128c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/...ins/shared/observability_ai_assistant/public/components/message_panel/esql_code_block.tsx b/...ins/shared/observability_ai_assistant/public/components/message_panel/esql_code_block.tsx
@@ -61,18 +61,20 @@ export function CodeBlock({ children }: { children: React.ReactNode }) {
 
 export function EsqlCodeBlock({
   value,
+  lang,
   actionsDisabled,
   onActionClick,
 }: {
   value: string;
+  lang: string;
   actionsDisabled: boolean;
   onActionClick: ChatActionClickHandler;
 }) {
   return (
     <CodeBlockWrapper>
       <EuiFlexGroup direction="column" gutterSize="xs">
         <EuiFlexItem grow={false}>
-          <EuiCodeBlock isCopyable fontSize="m">
+          <EuiCodeBlock language={lang} isCopyable fontSize="m">
             {value}
           </EuiCodeBlock>
         </EuiFlexItem>

diff --git a/...lugins/shared/observability_ai_assistant/public/components/message_panel/message_text.tsx b/...lugins/shared/observability_ai_assistant/public/components/message_panel/message_text.tsx
@@ -147,6 +147,7 @@ export function MessageText({ loading, content, onActionClick }: Props) {
           <>
             <EsqlCodeBlock
               value={props.value}
+              lang={props.lang}
               actionsDisabled={loading}
               onActionClick={onActionClickRef.current}
             />