Fix: Simplified join syntax (column-based) for better PostgREST compatibility (Phase 8 Governance)

frontend/src/components/AuditView.tsx

@@ -55,9 +55,9 @@ const AuditView: React.FC = () => {
         .from('audit_logs')
         .select(`
           *,
-          profiles!actor_id(full_name, email),
-          agents:agent_id(name),
-          tasks:task_id(title)
+          actor_id(full_name, email),
+          agent_id(name),
+          task_id(title)
         `)
         .order('created_at', { ascending: false })
         .range(page * pageSize, (page + 1) * pageSize - 1);
@@ -76,9 +76,9 @@ const AuditView: React.FC = () => {
     const rows = logs.map(log => [
       log.created_at,
       log.action,
-      log.profiles?.email || 'System',
-      log.agents?.name || 'N/A',
-      log.tasks?.title || 'N/A',
+      (log.actor_id as any)?.email || 'System',
+      (log.agent_id as any)?.name || 'N/A',
+      (log.task_id as any)?.title || 'N/A',
       JSON.stringify(log.metadata)
     ]);
     
@@ -93,8 +93,8 @@ const AuditView: React.FC = () => {
 
   const filteredLogs = logs.filter(log => 
     log.action.toLowerCase().includes(searchTerm.toLowerCase()) ||
-    (log.profiles?.email || '').toLowerCase().includes(searchTerm.toLowerCase()) ||
-    (log.agents?.name || '').toLowerCase().includes(searchTerm.toLowerCase())
+    ((log.actor_id as any)?.email || '').toLowerCase().includes(searchTerm.toLowerCase()) ||
+    ((log.agent_id as any)?.name || '').toLowerCase().includes(searchTerm.toLowerCase())
   );
 
   const formatTimestamp = (ts: string) => {
@@ -191,24 +191,24 @@ const AuditView: React.FC = () => {
                     <td style={{ padding: 'var(--space-md)', fontSize: '0.9rem' }}>
                       <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
                         <User size={14} style={{ opacity: 0.5 }} />
-                        {log.profiles?.email || <span style={{ color: 'var(--text-dim)', fontSize: '0.8rem' }}>System</span>}
+                        {(log.actor_id as any)?.email || <span style={{ color: 'var(--text-dim)', fontSize: '0.8rem' }}>System</span>}
                       </div>
                     </td>
                     <td style={{ padding: 'var(--space-md)', fontSize: '0.9rem' }}>
                       <div style={{ display: 'flex', flexDirection: 'column', gap: '4px' }}>
-                        {log.agents && (
+                        {log.agent_id && (
                           <div style={{ display: 'flex', alignItems: 'center', gap: '4px', color: 'var(--accent)', fontSize: '0.8rem' }}>
                             <Bot size={12} />
-                            {log.agents.name}
+                            {(log.agent_id as any).name}
                           </div>
                         )}
-                        {log.tasks && (
+                        {log.task_id && (
                           <div style={{ display: 'flex', alignItems: 'center', gap: '4px', color: 'var(--text-dim)', fontSize: '0.8rem' }}>
                             <FileText size={12} />
-                            {log.tasks.title}
+                            {(log.task_id as any).title}
                           </div>
                         )}
-                        {!log.agents && !log.tasks && <span style={{ color: 'var(--text-dim)', fontSize: '0.8rem' }}>-</span>}
+                        {!log.agent_id && !log.task_id && <span style={{ color: 'var(--text-dim)', fontSize: '0.8rem' }}>-</span>}
                       </div>
                     </td>
                     <td style={{ padding: 'var(--space-md)', textAlign: 'right' }}>

frontend/src/components/TeamsView.tsx

@@ -88,7 +88,7 @@ const TeamsView: React.FC = () => {
         .from('team_members')
         .select(`
           *,
-          profiles!user_id(full_name, email)
+          user_id(full_name, email)
         `)
         .eq('team_id', teamId);
 
@@ -96,8 +96,8 @@ const TeamsView: React.FC = () => {
 
       const formattedMembers = data.map(m => ({
         ...m,
-        full_name: m.profiles?.full_name,
-        email: m.profiles?.email
+        full_name: (m.user_id as any)?.full_name,
+        email: (m.user_id as any)?.email
       }));
 
       setMembers(formattedMembers);