changes

frontend/src/components/map/AreaPane.tsx

@@ -22,7 +22,6 @@ import { IconButton } from '../ui/IconButton';
 import { FeatureInfoPopup } from '../ui/FeatureInfoPopup';
 import { EmptyState } from '../ui/EmptyState';
 import { FeatureLabel } from '../ui/FeatureLabel';
-import AISummaryCard from './AISummaryCard';
 import StreetViewEmbed from './StreetViewEmbed';
 import HistogramLegend from './HistogramLegend';
 
@@ -38,9 +37,6 @@ interface AreaPaneProps {
   hexagonLocation: HexagonLocation | null;
   filters: FeatureFilters;
   onNavigateToSource?: (slug: string, featureName: string) => void;
-  aiSummary?: string;
-  aiSummaryLoading?: boolean;
-  aiSummaryError?: string | null;
 }
 
 export default function AreaPane({
@@ -55,16 +51,11 @@ export default function AreaPane({
   hexagonLocation,
   filters,
   onNavigateToSource,
-  aiSummary,
-  aiSummaryLoading,
-  aiSummaryError,
 }: AreaPaneProps) {
-  // For postcodes, use local data for count
   const propertyCount = isPostcode && postcodeData ? postcodeData.properties.count : stats?.count;
   const featureGroups = useMemo(() => groupFeaturesByCategory(globalFeatures), [globalFeatures]);
   const [infoFeature, setInfoFeature] = useState<FeatureMeta | null>(null);
   const [collapsedGroups, toggleGroup] = useCollapsibleGroups();
-  const [aiSummaryExpanded, setAiSummaryExpanded] = useState(true);
 
   const numericByName = useMemo(() => {
     if (!stats) return new Map();
@@ -94,7 +85,7 @@ export default function AreaPane({
 
   return (
     <div className="flex flex-col h-full">
-      <div className="p-3 border-b border-warm-200 dark:border-navy-700">
+      <div className="p-3 border-b border-warm-200 dark:border-warm-700">
         <div className="flex justify-between items-center">
           <div className="flex items-center gap-2">
             <div>
@@ -133,13 +124,6 @@ export default function AreaPane({
       )}
 
       <div className="flex-1 overflow-y-auto">
-        <AISummaryCard
-          summary={aiSummary}
-          loading={aiSummaryLoading}
-          error={aiSummaryError}
-          expanded={aiSummaryExpanded}
-          onToggleExpanded={() => setAiSummaryExpanded(!aiSummaryExpanded)}
-        />
         {loading && !stats ? (
           <LoadingSkeleton />
         ) : stats ? (
@@ -154,7 +138,6 @@ export default function AreaPane({
               const stackedCharts = STACKED_GROUPS[group.name];
               const stackedEnumCharts = STACKED_ENUM_GROUPS[group.name];
 
-              // Features that are part of a stacked enum config (rendered as compact charts)
               const stackedEnumFeatureNames = new Set<string>(
                 stackedEnumCharts?.flatMap((c) =>
                   [c.feature, ...c.components].filter((s): s is string => Boolean(s))
@@ -173,11 +156,9 @@ export default function AreaPane({
                   />
                   {isExpanded && (
                     <div className="px-3 py-2 space-y-3">
-                      {/* Price History in Property group */}
                       {group.name === 'Property' &&
                         stats.price_history &&
                         (() => {
-                          // Only show chart if there are at least 2 unique years
                           const uniqueYears = new Set(
                             stats.price_history.map((p) => Math.floor(p.year))
                           );
@@ -191,8 +172,7 @@ export default function AreaPane({
                           </div>
                         )}
                       {stackedCharts
-                        ? // Render stacked charts for this group
-                          stackedCharts.map((chart) => {
+                        ? stackedCharts.map((chart) => {
                             const segments = chart.components
                               .map((name) => ({
                                 name,
@@ -200,7 +180,6 @@ export default function AreaPane({
                               }))
                               .filter((s) => s.value > 0);
 
-                            // Use aggregate feature stats if available, otherwise sum components
                             const aggregateStats = chart.feature
                               ? numericByName.get(chart.feature)
                               : undefined;
@@ -240,8 +219,7 @@ export default function AreaPane({
                               </div>
                             );
                           })
-                        : // Default: render each feature individually (skip stacked enum features)
-                          group.features
+                        : group.features
                             .filter((f) => !stackedEnumFeatureNames.has(f.name))
                             .map((feature) => {
                               const numericStats = numericByName.get(feature.name);
@@ -306,13 +284,11 @@ export default function AreaPane({
 
                               return null;
                             })}
-                      {/* Stacked enum charts */}
                       {stackedEnumCharts?.map((chart) => {
                         const featureMeta = chart.feature
                           ? globalFeatureByName.get(chart.feature)
                           : undefined;
 
-                        // Single component: render as a stacked bar (like crime charts)
                         if (chart.components.length === 1) {
                           const stats = enumByName.get(chart.components[0]);
                           if (!stats) return null;
@@ -355,7 +331,6 @@ export default function AreaPane({
                           );
                         }
 
-                        // Multi-component: render as compact multi-row chart (like risk features)
                         const components = chart.components
                           .map((name) => {
                             const stats = enumByName.get(name);