fix(dashboard): adapt UI to actual Minder API response formats

Update the dashboard to handle the actual API response structures:
- minder_list_profiles returns array directly (not wrapped in object)
- minder_list_repositories returns { results: [...], has_more }
- minder_get_profile_status returns nested { profile_status: {...} }

The MCP client methods now transform API responses into dashboard-
friendly formats, keeping the API as the source of truth rather than
modifying the server to match UI expectations.

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

Author: JAORMX

ui/compliance-dashboard/src/dashboard.ts

@@ -1,10 +1,10 @@
 import {
   MCPAppsClient,
   Profile,
-  ProfilesResult,
   ProfileStatusResult,
+  ProfileStatusApiResponse,
   Repository,
-  RepositoriesResult,
+  RepositoriesApiResponse,
   type ToolResultParams,
   type ToolInputParams,
 } from './mcp-client.js';
@@ -185,27 +185,36 @@ function handleToolResult(result: ToolResultParams): void {
   }
 
   // Try to identify the data type and update accordingly
-  if (isProfilesResult(data)) {
+  // API returns profiles as array directly
+  if (isProfilesArray(data)) {
     console.log(
       '[Dashboard] Received profiles data:',
-      data.profiles.length,
+      data.length,
       'profiles'
     );
-    profiles = data.profiles || [];
+    profiles = data;
     updateSummaryCards();
     renderProfiles();
-  } else if (isProfileStatusResult(data)) {
-    console.log('[Dashboard] Received profile status:', data.profile_name);
-    profileStatuses.set(data.profile_id, data);
+  // API returns profile status with nested profile_status object
+  } else if (isProfileStatusApiResponse(data)) {
+    const status: ProfileStatusResult = {
+      profile_id: data.profile_status.profile_id,
+      profile_name: data.profile_status.profile_name,
+      profile_status: data.profile_status.profile_status,
+      rule_evaluation_status: data.rule_evaluation_status,
+    };
+    console.log('[Dashboard] Received profile status:', status.profile_name);
+    profileStatuses.set(status.profile_id, status);
     updateSummaryCards();
     renderProfiles();
-  } else if (isRepositoriesResult(data)) {
+  // API returns repositories as { results: [...] }
+  } else if (isRepositoriesApiResponse(data)) {
     console.log(
       '[Dashboard] Received repositories data:',
-      data.repositories.length,
+      data.results.length,
       'repos'
     );
-    repositories = data.repositories || [];
+    repositories = data.results || [];
     updateSummaryCards();
     renderRepositories();
   } else {
@@ -214,38 +223,35 @@ function handleToolResult(result: ToolResultParams): void {
 }
 
 /**
- * Type guard for ProfilesResult
+ * Type guard for ProfilesResult - API returns array directly
  */
-function isProfilesResult(data: unknown): data is ProfilesResult {
-  return (
-    typeof data === 'object' &&
-    data !== null &&
-    'profiles' in data &&
-    Array.isArray((data as ProfilesResult).profiles)
+function isProfilesArray(data: unknown): data is Profile[] {
+  return Array.isArray(data) && data.every(item =>
+    typeof item === 'object' && item !== null && 'name' in item
   );
 }
 
 /**
- * Type guard for ProfileStatusResult
+ * Type guard for ProfileStatusApiResponse - API returns nested structure
  */
-function isProfileStatusResult(data: unknown): data is ProfileStatusResult {
+function isProfileStatusApiResponse(data: unknown): data is ProfileStatusApiResponse {
   return (
     typeof data === 'object' &&
     data !== null &&
-    'profile_id' in data &&
-    'profile_name' in data
+    'profile_status' in data &&
+    typeof (data as ProfileStatusApiResponse).profile_status === 'object'
   );
 }
 
 /**
- * Type guard for RepositoriesResult
+ * Type guard for RepositoriesApiResponse - API returns { results: [...] }
  */
-function isRepositoriesResult(data: unknown): data is RepositoriesResult {
+function isRepositoriesApiResponse(data: unknown): data is RepositoriesApiResponse {
   return (
     typeof data === 'object' &&
     data !== null &&
-    'repositories' in data &&
-    Array.isArray((data as RepositoriesResult).repositories)
+    'results' in data &&
+    Array.isArray((data as RepositoriesApiResponse).results)
   );
 }
 
@@ -323,9 +329,9 @@ async function loadDashboard(): Promise<void> {
     profileStatuses = new Map();
     const statusPromises = profiles.map(async (profile) => {
       try {
-        // Use project_id from profile context if available, or fall back to current context
+        // Use project from profile context if available, or fall back to current context
         const profileProjectId =
-          profile.context?.project_id ?? currentProjectId ?? undefined;
+          profile.context?.project ?? currentProjectId ?? undefined;
         const status = await client.getProfileStatus({
           name: profile.name,
           projectId: profileProjectId,
@@ -591,7 +597,7 @@ function renderProfileRules(status: ProfileStatusResult | undefined): string {
           const safeStatus = escapeAttr(rule.status || 'pending');
           return `
           <div class="rule-item">
-            <span class="rule-name">${escapeHtml(rule.rule_name || rule.rule_type || 'Unknown rule')}</span>
+            <span class="rule-name">${escapeHtml(rule.rule_name || rule.rule_type_name || 'Unknown rule')}</span>
             <span class="status-badge ${safeStatus}">
               <span class="status-dot ${safeStatus}"></span>
               ${escapeHtml(rule.status || 'pending')}

ui/compliance-dashboard/src/mcp-client.ts

@@ -196,7 +196,9 @@ export class MCPAppsClient {
     if (projectId) {
       args.project_id = projectId;
     }
-    return this.callTool<ProfilesResult>('minder_list_profiles', args);
+    // API returns array directly, wrap it for dashboard
+    const profiles = await this.callTool<Profile[]>('minder_list_profiles', args);
+    return { profiles: Array.isArray(profiles) ? profiles : [] };
   }
 
   async getProfileStatus(options: {
@@ -214,10 +216,17 @@ export class MCPAppsClient {
     if (options.projectId) {
       args.project_id = options.projectId;
     }
-    return this.callTool<ProfileStatusResult>(
+    // API returns nested structure, flatten it for dashboard
+    const response = await this.callTool<ProfileStatusApiResponse>(
       'minder_get_profile_status',
       args
     );
+    return {
+      profile_id: response.profile_status?.profile_id ?? '',
+      profile_name: response.profile_status?.profile_name ?? '',
+      profile_status: response.profile_status?.profile_status ?? '',
+      rule_evaluation_status: response.rule_evaluation_status,
+    };
   }
 
   async listRepositories(options?: {
@@ -239,33 +248,59 @@ export class MCPAppsClient {
     if (options?.limit) {
       args.limit = options.limit;
     }
-    return this.callTool<RepositoriesResult>('minder_list_repositories', args);
+    // API returns { results: [...], has_more, next_cursor }
+    const response = await this.callTool<RepositoriesApiResponse>(
+      'minder_list_repositories',
+      args
+    );
+    return {
+      repositories: response.results ?? [],
+      cursor: response.next_cursor,
+    };
   }
 }
 
-// Type definitions for Minder data
+// Type definitions for Minder data - matching actual API responses
+
 export interface Profile {
   id: string;
   name: string;
   labels?: string[];
   context?: {
-    project_id?: string;
+    project?: string;
   };
 }
 
+// API returns array directly, this wraps it for dashboard use
 export interface ProfilesResult {
   profiles: Profile[];
 }
 
 export interface RuleEvaluationStatus {
   rule_name?: string;
-  rule_type?: string;
+  rule_type_name?: string;
   status: 'success' | 'failure' | 'error' | 'pending' | 'skipped';
-  entity_name?: string;
+  entity_info?: {
+    name?: string;
+    entity_type?: string;
+  };
   remediation_status?: string;
-  alert_status?: string;
+  alert?: {
+    status?: string;
+  };
 }
 
+// API returns nested structure with profile_status object
+export interface ProfileStatusApiResponse {
+  profile_status: {
+    profile_id: string;
+    profile_name: string;
+    profile_status: string;
+  };
+  rule_evaluation_status?: RuleEvaluationStatus[];
+}
+
+// Flattened version for dashboard use
 export interface ProfileStatusResult {
   profile_id: string;
   profile_name: string;
@@ -274,7 +309,7 @@ export interface ProfileStatusResult {
 }
 
 export interface Repository {
-  id: string;
+  id?: string;
   name: string;
   owner: string;
   provider?: string;
@@ -287,6 +322,14 @@ export interface Repository {
   default_branch?: string;
 }
 
+// API returns { results: [...], has_more: bool }
+export interface RepositoriesApiResponse {
+  results: Repository[];
+  has_more: boolean;
+  next_cursor?: string;
+}
+
+// Dashboard-friendly version
 export interface RepositoriesResult {
   repositories: Repository[];
   cursor?: string;