Move details of granted access

apps/client/src/app/components/access-table/access-table.component.ts

@@ -80,15 +80,14 @@ export class GfAccessTableComponent {
   protected readonly dataSource = new MatTableDataSource<Access>();
 
   protected readonly displayedColumns = computed(() => {
-    const columns = ['alias', 'grantee', 'type', 'lastUsedAt', 'expiresAt'];
+    const columns = [
-
+      'alias',
-    if (
+      'grantee',
-      this.accesses()?.some(({ type }) => {
+      'type',
-        return type === 'PUBLIC';
+      'lastUsedAt',
-      })
+      'expiresAt',
-    ) {
+      'details'
-      columns.push('details');
+    ];
-    }
 
     if (this.showActions()) {
       columns.push('actions');

apps/client/src/app/components/user-account-access/create-or-update-access-dialog/create-or-update-access-dialog.component.ts

@@ -245,11 +245,7 @@ export class GfCreateOrUpdateAccessDialogComponent implements OnInit {
   }
 
   protected get showMcpDetails() {
-    return (
+    return this.canGrantMcpAccess && this.mode === 'update';
-      this.accessType === 'MCP' &&
-      this.hasPermissionToEnableMcp &&
-      this.mode === 'update'
-    );
   }
 
   protected get showPublicDetails() {
@@ -365,7 +361,7 @@ export class GfCreateOrUpdateAccessDialogComponent implements OnInit {
   }
 
   private async updateAccess() {
-    const accessId = this.data.access?.id;
+    const accessId = this.accessId;
 
     if (!accessId) {
       return;

apps/client/src/app/components/user-account-access/create-or-update-access-dialog/create-or-update-access-dialog.html

@@ -137,14 +137,16 @@
       <h2 class="h6" i18n>Details</h2>
       @if (showMcpDetails) {
         <div>
-          <code>{{ baseUrl }}{{ mcpEndpoint }}</code>
+          <code class="text-break">{{ baseUrl }}{{ mcpEndpoint }}</code>
         </div>
         <div>
-          <code>Authorization: Bearer {{ accessId }}</code>
+          <code class="text-break">Authorization: Bearer {{ accessId }}</code>
         </div>
       } @else if (showPublicDetails) {
         <div>
-          <code>GET {{ baseUrl }}/api/v1/public/{{ accessId }}/portfolio</code>
+          <code class="text-break"
+            >GET {{ baseUrl }}/api/v1/public/{{ accessId }}/portfolio</code
+          >
         </div>
       }
     }