Fix TOP_N display type in widget LLM context

Co-authored-by: Armen Zambrano G. <armenzg@users.noreply.github.com>

Author: cursoragent

static/app/views/dashboards/widgetCard/index.tsx

@@ -177,21 +177,25 @@ function WidgetCard(props: Props) {
   const navigate = useNavigate();
   const {dashboardId: currentDashboardId} = useParams<{dashboardId: string}>();
   const timeoutRef = useRef<NodeJS.Timeout | null>(null);
+  const llmDisplayType =
+    props.widget.displayType === DisplayType.TOP_N
+      ? DisplayType.AREA
+      : props.widget.displayType;
 
   // Push widget metadata into the LLM context tree for Seer Explorer.
   useLLMContext({
     title: props.widget.title,
-    displayType: props.widget.displayType,
+    displayType: llmDisplayType,
     widgetType: props.widget.widgetType,
-    queryHint: getQueryHint(props.widget.displayType),
+    queryHint: getQueryHint(llmDisplayType),
     queries: props.widget.queries.map(q => ({
       name: q.name,
       conditions: q.conditions,
       aggregates: q.aggregates,
       columns: q.columns,
       orderby: q.orderby,
     })),
-    ...getWidgetData(props.widget.displayType, data),
+    ...getWidgetData(llmDisplayType, data),
   });
 
   const onDataFetched = (newData: Data) => {