Add dashboard and apply better structure of golang functions

Author: Roman M

src/utils/clickhouseErrorHandling.ts

@@ -94,14 +94,14 @@ export function getPermissionErrorMessage(
   datasourceId?: string
 ): string {
   const messages: Record<PermissionErrorContextType, string> = {
-    [PermissionErrorContext.ADHOC_KEYS]: 'System.columns table inaccessible - ad-hoc filters disabled',
-    [PermissionErrorContext.ADHOC_VALUES]: 'System.columns table inaccessible - cannot fetch tag values',
-    [PermissionErrorContext.AUTOCOMPLETE]: 'System tables inaccessible - autocomplete disabled',
-    [PermissionErrorContext.DATABASES]: 'System table access denied for DATABASES query - returning empty result',
-    [PermissionErrorContext.TABLES]: 'System table access denied for TABLES query - returning empty result',
-    [PermissionErrorContext.COLUMNS]: 'System table access denied for COLUMNS query - returning empty result',
-    [PermissionErrorContext.QUERY_BUILDER]: 'System table access denied - returning empty result',
-    [PermissionErrorContext.SYSTEM_DATABASES]: 'System tables inaccessible - system database list disabled',
+    [PermissionErrorContext.ADHOC_KEYS]: 'ClickHouse system.columns table inaccessible - ad-hoc filters disabled',
+    [PermissionErrorContext.ADHOC_VALUES]: 'ClickHouse system.columns table inaccessible - cannot fetch tag values',
+    [PermissionErrorContext.AUTOCOMPLETE]: 'ClickHouse system tables inaccessible - autocomplete disabled',
+    [PermissionErrorContext.DATABASES]: 'ClickHouse system table access denied for DATABASES query - returning empty result',
+    [PermissionErrorContext.TABLES]: 'ClickHouse system table access denied for TABLES query - returning empty result',
+    [PermissionErrorContext.COLUMNS]: 'ClickHouse system table access denied for COLUMNS query - returning empty result',
+    [PermissionErrorContext.QUERY_BUILDER]: 'ClickHouse system table access denied - returning empty result',
+    [PermissionErrorContext.SYSTEM_DATABASES]: 'ClickHouse system tables inaccessible - system database list disabled',
   };
 
   const baseMessage = messages[context] || 'Permission denied - returning empty result';

src/views/QueryEditor/QueryEditor.tsx

@@ -23,7 +23,7 @@ export function QueryEditor(props: QueryEditorProps<CHDataSource, CHQuery, CHDat
 
   useEffect(() => {
     if (formattedData !== initializedQuery.query) {
-      onChange({ ...initializedQuery, rawQuery: formattedData })
+      onChange({ ...initializedQuery, formattedQuery: formattedData })
     }
 
     // eslint-disable-next-line
@@ -120,7 +120,7 @@ export function QueryEditorVariable(props: QueryEditorProps<CHDataSource, CHQuer
 
   useEffect(() => {
     if (formattedData !== initializedQuery.query) {
-      onChange({ ...initializedQuery, rawQuery: formattedData })
+      onChange({ ...initializedQuery, formattedQuery: formattedData })
     }
 
     // eslint-disable-next-line

src/views/QueryEditor/hooks/useFormattedData.ts

@@ -11,20 +11,30 @@ export const useFormattedData = (query: CHQuery, datasource: CHDataSource, optio
   const [error, setError] = useState<string | null>(null);
 
   useEffect(() => {
-    if ((datasource.options || options) && datasource.templateSrv) {
-        datasource.replace(datasource.options || options, query).then((replaced) => {
-          setFormattedData(replaced.stmt);
-          setError(null);
-        }).catch((e) => {
-          setFormattedData(query.query);
-          // Display the error we received from backend
-          const errorStr = e.data?.error || e.toString();
-          setError(errorStr);
-        })
-      } else {
-        // Only set error if datasource is genuinely missing required properties
-        setError('No datasource is defined or datasource not fully initialized. Please try to force reload');
-      }
+    // Determine if we're in a context where template replacement is possible
+    const hasExecutionContext = (datasource.options?.range || options?.range);
+    const hasTemplateService = !!datasource.templateSrv;
+
+    if (hasExecutionContext && hasTemplateService) {
+      // Normal dashboard mode - perform replacement
+      datasource.replace(datasource.options || options, query).then((replaced) => {
+        setFormattedData(replaced.stmt);
+        setError(null);
+      }).catch((e) => {
+        setFormattedData(query.query);
+        const errorStr = e.data?.error || e.toString();
+        setError(errorStr);
+      });
+    } else if (hasTemplateService) {
+      // Alerts/Explore mode - no execution context yet
+      // This is EXPECTED behavior, not an error
+      setFormattedData(query.query);
+      setError(null);
+    } else {
+      // Critical error - no template service available
+      setFormattedData(query.query);
+      setError('Grafana template service unavailable. Please refresh the page.');
+    }
 
     // eslint-disable-next-line
   }, [query, datasource.name, datasource.options, options, datasource.templateSrv]);