Fix AppKit template docs: chart children warning and import fixes

- Clarify that AppKit charts do NOT accept children (Recharts pattern)
- Fix import path typo: app-kit-ui -> appkit-ui
- Add sql import for parameter helpers
- Remove incorrect generic type usage on useAnalyticsQuery

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: keugenek

experimental/aitools/templates/appkit/template/{{.project_name}}/docs/appkit-sdk.md

@@ -45,12 +45,11 @@ Use cases:
 - Data that needs transformation before display
 
 ```typescript
-import { useAnalyticsQuery, Skeleton } from '@databricks/app-kit-ui/react';
-
-interface QueryResult { column_name: string; value: number; }
+import { useAnalyticsQuery, Skeleton } from '@databricks/appkit-ui/react';
+import { sql } from '@databricks/appkit-ui/js';
 
 function CustomDisplay() {
-  const { data, loading, error } = useAnalyticsQuery<QueryResult[]>('query_name', {
+  const { data, loading, error } = useAnalyticsQuery('query_name', {
     start_date: sql.date(Date.now()),
     category: sql.string("tools")
   });

experimental/aitools/templates/appkit/template/{{.project_name}}/docs/frontend.md

@@ -35,23 +35,23 @@ function MyDashboard() {
 
 Components automatically fetch data, show loading states, display errors, and render with sensible defaults.
 
-**Custom Visualization (Recharts):**
+**⚠️ CRITICAL: AppKit charts do NOT support children**
 
 ```typescript
+// ❌ WRONG - AppKit charts don't accept Recharts children
 import { BarChart } from '@databricks/appkit-ui/react';
-import { Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend } from 'recharts';
-
-<BarChart queryKey="sales_by_region" parameters={{}}>
-  <CartesianGrid strokeDasharray="3 3" />
-  <XAxis dataKey="region" />
-  <YAxis />
-  <Tooltip />
-  <Legend />
-  <Bar dataKey="revenue" fill="#40d1f5" />
-  <Bar dataKey="expenses" fill="#4462c9" />
+import { Bar, XAxis, YAxis } from 'recharts';
+<BarChart queryKey="sales" parameters={{}}>
+  <XAxis dataKey="region" />  // TypeScript error!
+  <Bar dataKey="revenue" />    // TypeScript error!
 </BarChart>
+
+// ✅ CORRECT - Use simple self-closing syntax
+<BarChart queryKey="sales" parameters={{}} />
 ```
 
+AppKit charts auto-configure axes, tooltips, and styling. Do NOT import Recharts components.
+
 Databricks brand colors: `['#40d1f5', '#4462c9', '#EB1600', '#0B2026', '#4A4A4A', '#353a4a']`
 
 **❌ Don't double-fetch:**