fix(dashboard): type errors

dashboard/app/components/stats/Filter.tsx

@@ -92,6 +92,10 @@ const FILTER_OPTIONS: FilterOptions = {
 		label: 'Language',
 		placeholder: 'e.g. English',
 	},
+	property: {
+		label: 'Property',
+		placeholder: 'e.g. logged_in',
+	},
 };
 
 // Add this type guard function

dashboard/app/components/stats/StatsTable.tsx

@@ -50,6 +50,7 @@ const LABEL_MAP: Record<Dataset, string> = {
 	devices: 'Devices',
 	countries: 'Countries',
 	languages: 'Languages',
+	properties: 'Properties',
 } as const;
 
 const ACCESSOR_MAP: Record<Dataset, keyof DataRow> = {
@@ -64,6 +65,7 @@ const ACCESSOR_MAP: Record<Dataset, keyof DataRow> = {
 	devices: 'device',
 	countries: 'country',
 	languages: 'language',
+	properties: 'property',
 } as const;
 
 const FILTER_MAP: Record<Dataset, Filter> = {
@@ -78,6 +80,7 @@ const FILTER_MAP: Record<Dataset, Filter> = {
 	devices: 'device',
 	countries: 'country',
 	languages: 'language',
+	properties: 'property',
 } as const;
 
 const PAGE_SIZES = [10, 25, 50, 100] as const;
@@ -415,6 +418,16 @@ const getColumnsForQuery = (
 				PRESET_COLUMNS.bounce_percentage,
 				PRESET_COLUMNS.duration,
 			];
+		case 'properties':
+			return [
+				{
+					accessor: ACCESSOR_MAP[query],
+					title: 'Property',
+					width: '100%',
+					render: (record) => record.property || 'Unknown',
+				},
+				PRESET_COLUMNS.visitors,
+			];
 		default:
 			throw new Error(`Invalid query: ${query}`);
 	}

dashboard/app/components/stats/types.ts

@@ -93,6 +93,7 @@ const FILTERS = [
 	'device',
 	'country',
 	'language',
+	'property',
 ] as const;
 
 type Filter = (typeof FILTERS)[number];

dashboard/app/utils/stats.ts

@@ -21,7 +21,7 @@ import { generateFilters } from './filters';
 
 const DataSetWithSummary = [...DATASETS, 'summary'] as const;
 type DatasetItem = (typeof DataSetWithSummary)[number];
-type Datasets = readonly Dataset[];
+type Datasets = readonly DatasetItem[];
 
 interface FetchStatsOptions {
 	dataset?: Datasets;