feat: MEE dashboards, component browser, map, sharing, and execution UI

frontend/app/package.json

@@ -20,6 +20,7 @@
 		"@sveltejs/vite-plugin-svelte": "^6.2.4",
 		"@tailwindcss/vite": "^4.2.1",
 		"@tanstack/table-core": "^8.21.3",
+		"@types/leaflet": "^1.9.21",
 		"bits-ui": "^2.16.2",
 		"clsx": "^2.1.1",
 		"svelte": "^5.53.6",
@@ -35,6 +36,7 @@
 		"@tanstack/svelte-table": "^9.0.0-alpha.10",
 		"class-variance-authority": "^0.7.1",
 		"elkjs": "^0.11.1",
+		"leaflet": "^1.9.4",
 		"lucide-react": "^0.575.0",
 		"lucide-svelte": "^0.553.0",
 		"mode-watcher": "^1.1.0",

frontend/app/src/lib/api/client.ts

@@ -1,6 +1,7 @@
 import type {
 	User,
 	Network,
+	NetworkShareResponse,
 	Run,
 	RunSummary,
 	Backend,
@@ -18,6 +19,13 @@ import type {
 	Visibility,
 	PaginatedResponse,
 	Workflow,
+	ComponentListResponse,
+	ComponentDataResponse,
+	ComponentTimeseriesResponse,
+	SavedView,
+	SavedViewListResponse,
+	ViewConfig,
+	MapDataResponse,
 } from "$lib/types.js";
 
 const API_BASE = '/api/v1';
@@ -127,11 +135,87 @@ export const networks = {
 	async delete(id: string): Promise<void> {
 		return request<void>(`/networks/${id}`, { method: 'DELETE' });
 	},
+	async searchUsers(q: string): Promise<{ id: string; username: string; avatar_url?: string }[]> {
+		return request<{ id: string; username: string; avatar_url?: string }[]>(
+			`/networks/users/search?q=${encodeURIComponent(q)}`
+		);
+	},
+	async getShares(id: string): Promise<NetworkShareResponse> {
+		return request<NetworkShareResponse>(`/networks/${id}/shares`);
+	},
+	async shareWith(id: string, userId: string): Promise<NetworkShareResponse> {
+		return request<NetworkShareResponse>(`/networks/${id}/shares`, {
+			method: 'POST',
+			body: JSON.stringify({ user_id: userId })
+		});
+	},
+	async unshare(id: string, userId: string): Promise<NetworkShareResponse> {
+		return request<NetworkShareResponse>(`/networks/${id}/shares/${userId}`, { method: 'DELETE' });
+	},
 	async updateVisibility(id: string, visibility: Visibility): Promise<Network> {
 		return request<Network>(`/networks/${id}`, {
 			method: 'PATCH',
 			body: JSON.stringify({ visibility })
 		});
+	},
+	async getComponents(id: string): Promise<ComponentListResponse> {
+		return request<ComponentListResponse>(`/networks/${id}/components`, {}, `components-${id}`);
+	},
+	async getComponentData(
+		id: string,
+		componentName: string,
+		params: { skip?: number; limit?: number; sort_by?: string; sort_desc?: boolean; search?: string } = {}
+	): Promise<ComponentDataResponse> {
+		const searchParams = new URLSearchParams();
+		if (params.skip !== undefined) searchParams.set('skip', String(params.skip));
+		if (params.limit !== undefined) searchParams.set('limit', String(params.limit));
+		if (params.sort_by) searchParams.set('sort_by', params.sort_by);
+		if (params.sort_desc) searchParams.set('sort_desc', 'true');
+		if (params.search) searchParams.set('search', params.search);
+		const qs = searchParams.toString();
+		return request<ComponentDataResponse>(
+			`/networks/${id}/components/${componentName}${qs ? '?' + qs : ''}`,
+			{},
+			`component-data-${id}-${componentName}`
+		);
+	},
+	async getComponentTimeseries(
+		id: string,
+		componentName: string,
+		attr: string,
+		params: { skip?: number; limit?: number } = {}
+	): Promise<ComponentTimeseriesResponse> {
+		const searchParams = new URLSearchParams();
+		if (params.skip !== undefined) searchParams.set('skip', String(params.skip));
+		if (params.limit !== undefined) searchParams.set('limit', String(params.limit));
+		const qs = searchParams.toString();
+		return request<ComponentTimeseriesResponse>(
+			`/networks/${id}/components/${componentName}/timeseries/${attr}${qs ? '?' + qs : ''}`,
+			{},
+			`component-ts-${id}-${componentName}-${attr}`
+		);
+	},
+	async getMapData(id: string, carriers?: string[]): Promise<MapDataResponse> {
+		const params = new URLSearchParams();
+		if (carriers && carriers.length > 0) {
+			carriers.forEach(c => params.append('carriers', c));
+		}
+		const qs = params.toString();
+		return request<MapDataResponse>(
+			`/networks/${id}/map${qs ? '?' + qs : ''}`,
+			{},
+			`map-${id}`
+		);
+	},
+	async updateComponentData(
+		id: string,
+		componentName: string,
+		updates: Record<string, Record<string, unknown>>
+	): Promise<{ message: string }> {
+		return request<{ message: string }>(`/networks/${id}/components/${componentName}`, {
+			method: 'PATCH',
+			body: JSON.stringify({ updates })
+		});
 	}
 };
 
@@ -299,6 +383,38 @@ export const runs = {
 	}
 };
 
+// Views API
+export const savedViews = {
+	async list(networkId?: string, skip = 0, limit = 50): Promise<SavedViewListResponse> {
+		const params = new URLSearchParams({ skip: String(skip), limit: String(limit) });
+		if (networkId) params.set('network_id', networkId);
+		return request<SavedViewListResponse>(`/views/?${params}`);
+	},
+	async get(id: string): Promise<SavedView> {
+		return request<SavedView>(`/views/${id}`);
+	},
+	async create(body: {
+		name: string;
+		description?: string;
+		network_id?: string;
+		visibility?: string;
+		config: ViewConfig;
+	}): Promise<SavedView> {
+		return request<SavedView>('/views/', { method: 'POST', body: JSON.stringify(body) });
+	},
+	async update(id: string, body: {
+		name?: string;
+		description?: string;
+		visibility?: string;
+		config?: ViewConfig;
+	}): Promise<SavedView> {
+		return request<SavedView>(`/views/${id}`, { method: 'PATCH', body: JSON.stringify(body) });
+	},
+	async delete(id: string): Promise<void> {
+		return request<void>(`/views/${id}`, { method: 'DELETE' });
+	}
+};
+
 // Cache API
 export const cache = {
 	async clearNetwork(networkId: string): Promise<void> {

frontend/app/src/lib/types.ts

@@ -41,6 +41,7 @@ export interface Network {
 	file_size?: number;
 	visibility: Visibility;
 	owner: User;
+	shared_with?: User[];
 	source_run_id?: string;
 	dimensions?: Record<string, number>;
 	dimensions_count?: number;
@@ -52,6 +53,11 @@ export interface Network {
 	updated_at?: string;
 }
 
+export interface NetworkShareResponse {
+	network_id: string;
+	shared_with: User[];
+}
+
 export type Visibility = "public" | "private";
 
 export interface BackendPublic {
@@ -267,6 +273,105 @@ export interface Workflow {
 	errors: WorkflowError[];
 }
 
+// Component types
+
+export interface ComponentSummary {
+	name: string;
+	list_name: string;
+	count: number;
+	category: string | null;
+	attrs: string[];
+	has_dynamic: boolean;
+	dynamic_attrs: string[];
+}
+
+export interface ComponentListResponse {
+	components: ComponentSummary[];
+	total_components: number;
+}
+
+export interface ComponentDataResponse {
+	component: string;
+	columns: string[];
+	index: string[];
+	data: (string | number | boolean | null)[][];
+	dtypes: Record<string, string>;
+	total: number;
+	skip: number;
+	limit: number;
+}
+
+export interface ComponentTimeseriesResponse {
+	component: string;
+	attr: string;
+	columns: string[];
+	index: string[];
+	data: (number | null)[][];
+	total_snapshots: number;
+	skip: number;
+	limit: number;
+}
+
+// Map types
+
+export interface GeoJSONFeature {
+	type: 'Feature';
+	geometry: {
+		type: 'Point' | 'LineString';
+		coordinates: number[] | number[][];
+	};
+	properties: Record<string, unknown>;
+}
+
+export interface GeoJSONFeatureCollection {
+	type: 'FeatureCollection';
+	features: GeoJSONFeature[];
+}
+
+export interface MapDataResponse {
+	buses: GeoJSONFeatureCollection;
+	branches: GeoJSONFeatureCollection;
+	bounds: { southwest: [number, number]; northeast: [number, number] } | null;
+	total_buses: number;
+	total_branches: number;
+	carrier_colors: Record<string, string>;
+	country_colors: Record<string, string>;
+}
+
+// Saved view types
+
+export interface ViewConfig {
+	active_tab?: string;
+	statistic?: string;
+	plot_type?: string;
+	selected_carriers: string[];
+	selected_countries: string[];
+	individual_plots: boolean;
+	analysis_type?: string;
+	analysis_parameters: Record<string, unknown>;
+	selected_component?: string;
+	component_columns?: string[];
+	compare_network_ids: string[];
+	extra: Record<string, unknown>;
+}
+
+export interface SavedView {
+	id: string;
+	name: string;
+	description?: string;
+	network_id?: string;
+	visibility: Visibility;
+	config: ViewConfig;
+	owner: User;
+	created_at?: string;
+	updated_at?: string;
+}
+
+export interface SavedViewListResponse {
+	data: SavedView[];
+	total: number;
+}
+
 // API error type
 
 export interface ApiError extends Error {