Repository: chaoss/grimoirelab-sortinghat (language: python)

Issue:
Remove the yellow star (main identity)
The main identity of an individual has no practical effect for UI users.

The yellow star marking it in the UI calls the users' attention and makes them wonder if they should pick another identity as the main one (which cannot be done easily in the UI).

Only for advanced technical users might it make any sense, and even in such case, choosing a more subtle visual indicator (like a small dot) would prevent misleading the average users.



Discussion / hints:

Fix patch:
diff --git a/releases/unreleased/less-distracting-main-identity-indicator.yml b/releases/unreleased/less-distracting-main-identity-indicator.yml
new file mode 100644
index 00000000..5df1ebaf
--- /dev/null
+++ b/releases/unreleased/less-distracting-main-identity-indicator.yml
@@ -0,0 +1,10 @@
+---
+title: Less distracting main identity indicator
+category: added
+author: Eva Millán <evamillan@bitergia.com>
+issue: 920
+notes: >
+  The star icon that marked an individual's main identity
+  was distracting and potentially misleading for users.
+  It has changed to a more subtle indicator since it is not
+  relevant for most users.
diff --git a/ui/src/components/Identity.vue b/ui/src/components/Identity.vue
index fb2956e9..e97907a2 100644
--- a/ui/src/components/Identity.vue
+++ b/ui/src/components/Identity.vue
@@ -1,30 +1,30 @@
 <template>
   <v-row class="d-flex align-center flex-nowrap" no-gutters>
     <v-col class="uuid d-flex align-center">
-      <v-tooltip open-delay="100" bottom>
-        <template v-slot:activator="{ props }">
-          <v-chip
-            class="text-center"
-            :class="{ 'mr-6': !isMain }"
-            v-bind="props"
-            variant="outlined"
-            @click="copy(uuid)"
-            @mouseenter="resetCopyText"
-          >
-            <span class="clip">{{ uuid }}</span>
-            <v-icon size="small" end>mdi-content-copy</v-icon>
-          </v-chip>
-        </template>
-        <span>{{ tooltip }}</span>
-      </v-tooltip>
-      <v-tooltip v-if="isMain" bottom>
-        <template v-slot:activator="{ props }">
-          <v-icon v-bind="props" color="secondary" size="small" end>
-            mdi-star
-          </v-icon>
-        </template>
-        <span>Main identity</span>
-      </v-tooltip>
+      <v-chip
+        class="text-center pr-2"
+        :class="{ 'v-chip--border': isMain }"
+        :variant="isMain ? 'tonal' : 'outlined'"
+      >
+        <span class="clip mr-1">{{ uuid }}</span>
+        <span v-if="isMain" class="d-sr-only">
+          Main identity
+        </span>
+        <v-tooltip open-delay="100" location="bottom">
+          <template v-slot:activator="{ props }">
+            <v-btn
+              v-bind="props"
+              density="comfortable"
+              icon="mdi-content-copy"
+              size="small"
+              variant="text"
+              @click="copy(uuid)"
+              @mouseenter="resetCopyText"
+            />
+          </template>
+          <span>{{ tooltip }}</span>
+        </v-tooltip>
+      </v-chip>
     </v-col>
     <v-col class="ma-2" md="2">
       <span>{{ name }}</span>
@@ -118,4 +118,8 @@ export default {
 .v-tooltip__content {
   font-size: 12px;
 }
+
+:deep(.v-chip--variant-tonal) .v-chip__underlay {
+  opacity: 0.04;
+}
 </style>


Test patch:
diff --git a/ui/tests/unit/__snapshots__/individual.spec.js.snap b/ui/tests/unit/__snapshots__/individual.spec.js.snap
index e93075cd..8b1fe060 100644
--- a/ui/tests/unit/__snapshots__/individual.spec.js.snap
+++ b/ui/tests/unit/__snapshots__/individual.spec.js.snap
@@ -531,19 +531,12 @@ exports[`Individual Matches snapshot 1`] = `
                           <div
                             class="v-col uuid d-flex align-center"
                           >
-                            
-                            
                             <span
-                              aria-describedby="v-tooltip-16"
-                              class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+                              class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
                               draggable="false"
-                              tabindex="0"
-                              targetref="[object Object]"
                             >
                               
-                              <span
-                                class="v-chip__overlay"
-                              />
+                              <!---->
                               <span
                                 class="v-chip__underlay"
                               />
@@ -556,24 +549,49 @@ exports[`Individual Matches snapshot 1`] = `
                               >
                                 
                                 <span
-                                  class="clip"
+                                  class="clip mr-1"
                                 >
                                   f0422fed699c5a1096808272ae51c69f37f7dd29
                                 </span>
-                                <i
-                                  aria-hidden="true"
-                                  class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                                />
+                                <!--v-if-->
+                                
+                                
+                                <button
+                                  aria-describedby="v-tooltip-17"
+                                  class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                                  targetref="[object Object]"
+                                  type="button"
+                                >
+                                  
+                                  <span
+                                    class="v-btn__overlay"
+                                  />
+                                  <span
+                                    class="v-btn__underlay"
+                                  />
+                                  
+                                  <!---->
+                                  <span
+                                    class="v-btn__content"
+                                    data-no-activator=""
+                                  >
+                                    <i
+                                      aria-hidden="true"
+                                      class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                                    />
+                                  </span>
+                                  <!---->
+                                  <!---->
+                                </button>
+                                
+                                <!--teleport start-->
+                                <!--teleport end-->
+                                
                                 
                               </div>
                               <!---->
                               <!---->
                             </span>
-                            
-                            <!--teleport start-->
-                            <!--teleport end-->
-                            
-                            <!--v-if-->
                           </div>
                           <div
                             class="v-col-md-2 v-col ma-2"
@@ -614,7 +632,7 @@ exports[`Individual Matches snapshot 1`] = `
                         
                         
                         <button
-                          aria-describedby="v-tooltip-18"
+                          aria-describedby="v-tooltip-19"
                           class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
                           targetref="[object Object]"
                           type="button"
@@ -687,7 +705,7 @@ exports[`Individual Matches snapshot 1`] = `
                         
                         
                         <i
-                          aria-describedby="v-tooltip-22"
+                          aria-describedby="v-tooltip-23"
                           aria-hidden="true"
                           class="mdi-github mdi v-icon notranslate v-theme--light v-icon--size-default"
                           targetref="[object Object]"
@@ -715,19 +733,12 @@ exports[`Individual Matches snapshot 1`] = `
                           <div
                             class="v-col uuid d-flex align-center"
                           >
-                            
-                            
                             <span
-                              aria-describedby="v-tooltip-23"
-                              class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+                              class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
                               draggable="false"
-                              tabindex="0"
-                              targetref="[object Object]"
                             >
                               
-                              <span
-                                class="v-chip__overlay"
-                              />
+                              <!---->
                               <span
                                 class="v-chip__underlay"
                               />
@@ -740,24 +751,49 @@ exports[`Individual Matches snapshot 1`] = `
                               >
                                 
                                 <span
-                                  class="clip"
+                                  class="clip mr-1"
                                 >
                                   4c8620c3d43e2873dd9d9a8748e0afadeef9d53a
                                 </span>
-                                <i
-                                  aria-hidden="true"
-                                  class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                                />
+                                <!--v-if-->
+                                
+                                
+                                <button
+                                  aria-describedby="v-tooltip-25"
+                                  class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                                  targetref="[object Object]"
+                                  type="button"
+                                >
+                                  
+                                  <span
+                                    class="v-btn__overlay"
+                                  />
+                                  <span
+                                    class="v-btn__underlay"
+                                  />
+                                  
+                                  <!---->
+                                  <span
+                                    class="v-btn__content"
+                                    data-no-activator=""
+                                  >
+                                    <i
+                                      aria-hidden="true"
+                                      class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                                    />
+                                  </span>
+                                  <!---->
+                                  <!---->
+                                </button>
+                                
+                                <!--teleport start-->
+                                <!--teleport end-->
+                                
                                 
                               </div>
                               <!---->
                               <!---->
                             </span>
-                            
-                            <!--teleport start-->
-                            <!--teleport end-->
-                            
-                            <!--v-if-->
                           </div>
                           <div
                             class="v-col-md-2 v-col ma-2"
@@ -808,7 +844,7 @@ exports[`Individual Matches snapshot 1`] = `
                         
                         
                         <button
-                          aria-describedby="v-tooltip-25"
+                          aria-describedby="v-tooltip-27"
                           class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
                           targetref="[object Object]"
                           type="button"
@@ -893,19 +929,12 @@ exports[`Individual Matches snapshot 1`] = `
                           <div
                             class="v-col uuid d-flex align-center"
                           >
-                            
-                            
                             <span
-                              aria-describedby="v-tooltip-30"
-                              class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+                              class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
                               draggable="false"
-                              tabindex="0"
-                              targetref="[object Object]"
                             >
                               
-                              <span
-                                class="v-chip__overlay"
-                              />
+                              <!---->
                               <span
                                 class="v-chip__underlay"
                               />
@@ -918,24 +947,49 @@ exports[`Individual Matches snapshot 1`] = `
                               >
                                 
                                 <span
-                                  class="clip"
+                                  class="clip mr-1"
                                 >
                                   9a6e9ca58185a7f5579bca8ab434cb58cfc79f15
                                 </span>
-                                <i
-                                  aria-hidden="true"
-                                  class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                                />
+                                <!--v-if-->
+                                
+                                
+                                <button
+                                  aria-describedby="v-tooltip-33"
+                                  class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                                  targetref="[object Object]"
+                                  type="button"
+                                >
+                                  
+                                  <span
+                                    class="v-btn__overlay"
+                                  />
+                                  <span
+                                    class="v-btn__underlay"
+                                  />
+                                  
+                                  <!---->
+                                  <span
+                                    class="v-btn__content"
+                                    data-no-activator=""
+                                  >
+                                    <i
+                                      aria-hidden="true"
+                                      class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                                    />
+                                  </span>
+                                  <!---->
+                                  <!---->
+                                </button>
+                                
+                                <!--teleport start-->
+                                <!--teleport end-->
+                                
                                 
                               </div>
                               <!---->
                               <!---->
                             </span>
-                            
-                            <!--teleport start-->
-                            <!--teleport end-->
-                            
-                            <!--v-if-->
                           </div>
                           <div
                             class="v-col-md-2 v-col ma-2"
@@ -982,7 +1036,7 @@ exports[`Individual Matches snapshot 1`] = `
                         
                         
                         <button
-                          aria-describedby="v-tooltip-32"
+                          aria-describedby="v-tooltip-35"
                           class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
                           targetref="[object Object]"
                           type="button"
@@ -1067,19 +1121,12 @@ exports[`Individual Matches snapshot 1`] = `
                           <div
                             class="v-col uuid d-flex align-center"
                           >
-                            
-                            
                             <span
-                              aria-describedby="v-tooltip-37"
-                              class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+                              class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
                               draggable="false"
-                              tabindex="0"
-                              targetref="[object Object]"
                             >
                               
-                              <span
-                                class="v-chip__overlay"
-                              />
+                              <!---->
                               <span
                                 class="v-chip__underlay"
                               />
@@ -1092,24 +1139,49 @@ exports[`Individual Matches snapshot 1`] = `
                               >
                                 
                                 <span
-                                  class="clip"
+                                  class="clip mr-1"
                                 >
                                   5579bca8ab4349a6e9ca58185a7fcb58cfc79f15
                                 </span>
-                                <i
-                                  aria-hidden="true"
-                                  class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                                />
+                                <!--v-if-->
+                                
+                                
+                                <button
+                                  aria-describedby="v-tooltip-41"
+                                  class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                                  targetref="[object Object]"
+                                  type="button"
+                                >
+                                  
+                                  <span
+                                    class="v-btn__overlay"
+                                  />
+                                  <span
+                                    class="v-btn__underlay"
+                                  />
+                                  
+                                  <!---->
+                                  <span
+                                    class="v-btn__content"
+                                    data-no-activator=""
+                                  >
+                                    <i
+                                      aria-hidden="true"
+                                      class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                                    />
+                                  </span>
+                                  <!---->
+                                  <!---->
+                                </button>
+                                
+                                <!--teleport start-->
+                                <!--teleport end-->
+                                
                                 
                               </div>
                               <!---->
                               <!---->
                             </span>
-                            
-                            <!--teleport start-->
-                            <!--teleport end-->
-                            
-                            <!--v-if-->
                           </div>
                           <div
                             class="v-col-md-2 v-col ma-2"
@@ -1158,7 +1230,7 @@ exports[`Individual Matches snapshot 1`] = `
                         
                         
                         <button
-                          aria-describedby="v-tooltip-39"
+                          aria-describedby="v-tooltip-43"
                           class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
                           targetref="[object Object]"
                           type="button"
diff --git a/ui/tests/unit/__snapshots__/storybook.spec.js.snap b/ui/tests/unit/__snapshots__/storybook.spec.js.snap
index 6a004518..215d8a57 100644
--- a/ui/tests/unit/__snapshots__/storybook.spec.js.snap
+++ b/ui/tests/unit/__snapshots__/storybook.spec.js.snap
@@ -2103,19 +2103,12 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
               <div
                 class="v-col uuid d-flex align-center"
               >
-                
-                
                 <span
-                  aria-describedby="v-tooltip-3"
-                  class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center"
+                  class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-tonal text-center pr-2 v-chip--border"
                   draggable="false"
-                  tabindex="0"
-                  targetref="[object Object]"
                 >
                   
-                  <span
-                    class="v-chip__overlay"
-                  />
+                  <!---->
                   <span
                     class="v-chip__underlay"
                   />
@@ -2128,35 +2121,53 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
                   >
                     
                     <span
-                      class="clip"
+                      class="clip mr-1"
                     >
                       06e6903c91180835b6ee91dd56782c6ca72bc562
                     </span>
-                    <i
-                      aria-hidden="true"
-                      class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                    />
+                    <span
+                      class="d-sr-only"
+                    >
+                       Main identity 
+                    </span>
+                    
+                    
+                    <button
+                      aria-describedby="v-tooltip-4"
+                      class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                      targetref="[object Object]"
+                      type="button"
+                    >
+                      
+                      <span
+                        class="v-btn__overlay"
+                      />
+                      <span
+                        class="v-btn__underlay"
+                      />
+                      
+                      <!---->
+                      <span
+                        class="v-btn__content"
+                        data-no-activator=""
+                      >
+                        <i
+                          aria-hidden="true"
+                          class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                        />
+                      </span>
+                      <!---->
+                      <!---->
+                    </button>
+                    
+                    <!--teleport start-->
+                    <!--teleport end-->
+                    
                     
                   </div>
                   <!---->
                   <!---->
                 </span>
-                
-                <!--teleport start-->
-                <!--teleport end-->
-                
-                
-                
-                <i
-                  aria-describedby="v-tooltip-5"
-                  aria-hidden="true"
-                  class="mdi-star mdi v-icon notranslate v-theme--light v-icon--size-small text-secondary v-icon--end"
-                  targetref="[object Object]"
-                />
-                
-                <!--teleport start-->
-                <!--teleport end-->
-                
               </div>
               <div
                 class="v-col-md-2 v-col ma-2"
@@ -2299,19 +2310,12 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
               <div
                 class="v-col uuid d-flex align-center"
               >
-                
-                
                 <span
-                  aria-describedby="v-tooltip-11"
-                  class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+                  class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
                   draggable="false"
-                  tabindex="0"
-                  targetref="[object Object]"
                 >
                   
-                  <span
-                    class="v-chip__overlay"
-                  />
+                  <!---->
                   <span
                     class="v-chip__underlay"
                   />
@@ -2324,24 +2328,49 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
                   >
                     
                     <span
-                      class="clip"
+                      class="clip mr-1"
                     >
                       164e41c60c28698ac30b0d17176d3e720e036918
                     </span>
-                    <i
-                      aria-hidden="true"
-                      class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                    />
+                    <!--v-if-->
+                    
+                    
+                    <button
+                      aria-describedby="v-tooltip-12"
+                      class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                      targetref="[object Object]"
+                      type="button"
+                    >
+                      
+                      <span
+                        class="v-btn__overlay"
+                      />
+                      <span
+                        class="v-btn__underlay"
+                      />
+                      
+                      <!---->
+                      <span
+                        class="v-btn__content"
+                        data-no-activator=""
+                      >
+                        <i
+                          aria-hidden="true"
+                          class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                        />
+                      </span>
+                      <!---->
+                      <!---->
+                    </button>
+                    
+                    <!--teleport start-->
+                    <!--teleport end-->
+                    
                     
                   </div>
                   <!---->
                   <!---->
                 </span>
-                
-                <!--teleport start-->
-                <!--teleport end-->
-                
-                <!--v-if-->
               </div>
               <div
                 class="v-col-md-2 v-col ma-2"
@@ -2392,7 +2421,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             
             
             <button
-              aria-describedby="v-tooltip-13"
+              aria-describedby="v-tooltip-14"
               class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
               targetref="[object Object]"
               type="button"
@@ -2425,7 +2454,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             
             
             <i
-              aria-describedby="v-tooltip-15"
+              aria-describedby="v-tooltip-16"
               aria-hidden="true"
               class="mdi-drag-vertical mdi v-icon notranslate v-theme--light v-icon--size-default"
               disabled="false"
@@ -2471,7 +2500,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             
             
             <i
-              aria-describedby="v-tooltip-17"
+              aria-describedby="v-tooltip-18"
               aria-hidden="true"
               class="mdi-git mdi v-icon notranslate v-theme--light v-icon--size-default"
               targetref="[object Object]"
@@ -2499,19 +2528,12 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
               <div
                 class="v-col uuid d-flex align-center"
               >
-                
-                
                 <span
-                  aria-describedby="v-tooltip-18"
-                  class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+                  class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
                   draggable="false"
-                  tabindex="0"
-                  targetref="[object Object]"
                 >
                   
-                  <span
-                    class="v-chip__overlay"
-                  />
+                  <!---->
                   <span
                     class="v-chip__underlay"
                   />
@@ -2524,24 +2546,49 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
                   >
                     
                     <span
-                      class="clip"
+                      class="clip mr-1"
                     >
                       10982379421b80e13266db011d6e5131dd519016
                     </span>
-                    <i
-                      aria-hidden="true"
-                      class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                    />
+                    <!--v-if-->
+                    
+                    
+                    <button
+                      aria-describedby="v-tooltip-20"
+                      class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                      targetref="[object Object]"
+                      type="button"
+                    >
+                      
+                      <span
+                        class="v-btn__overlay"
+                      />
+                      <span
+                        class="v-btn__underlay"
+                      />
+                      
+                      <!---->
+                      <span
+                        class="v-btn__content"
+                        data-no-activator=""
+                      >
+                        <i
+                          aria-hidden="true"
+                          class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                        />
+                      </span>
+                      <!---->
+                      <!---->
+                    </button>
+                    
+                    <!--teleport start-->
+                    <!--teleport end-->
+                    
                     
                   </div>
                   <!---->
                   <!---->
                 </span>
-                
-                <!--teleport start-->
-                <!--teleport end-->
-                
-                <!--v-if-->
               </div>
               <div
                 class="v-col-md-2 v-col ma-2"
@@ -2586,7 +2633,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             
             
             <button
-              aria-describedby="v-tooltip-20"
+              aria-describedby="v-tooltip-22"
               class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
               targetref="[object Object]"
               type="button"
@@ -2619,7 +2666,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             
             
             <i
-              aria-describedby="v-tooltip-22"
+              aria-describedby="v-tooltip-24"
               aria-hidden="true"
               class="mdi-drag-vertical mdi v-icon notranslate v-theme--light v-icon--size-default"
               disabled="false"
@@ -2665,7 +2712,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             
             
             <i
-              aria-describedby="v-tooltip-24"
+              aria-describedby="v-tooltip-26"
               aria-hidden="true"
               class="mdi-account-multiple mdi v-icon notranslate v-theme--light v-icon--size-default"
               targetref="[object Object]"
@@ -2693,19 +2740,12 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
               <div
                 class="v-col uuid d-flex align-center"
               >
-                
-                
                 <span
-                  aria-describedby="v-tooltip-25"
-                  class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+                  class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
                   draggable="false"
-                  tabindex="0"
-                  targetref="[object Object]"
                 >
                   
-                  <span
-                    class="v-chip__overlay"
-                  />
+                  <!---->
                   <span
                     class="v-chip__underlay"
                   />
@@ -2718,24 +2758,49 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
                   >
                     
                     <span
-                      class="clip"
+                      class="clip mr-1"
                     >
                       1f1a9e56dedb45f5969413eeb4442d982e33f0f6
                     </span>
-                    <i
-                      aria-hidden="true"
-                      class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                    />
+                    <!--v-if-->
+                    
+                    
+                    <button
+                      aria-describedby="v-tooltip-28"
+                      class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                      targetref="[object Object]"
+                      type="button"
+                    >
+                      
+                      <span
+                        class="v-btn__overlay"
+                      />
+                      <span
+                        class="v-btn__underlay"
+                      />
+                      
+                      <!---->
+                      <span
+                        class="v-btn__content"
+                        data-no-activator=""
+                      >
+                        <i
+                          aria-hidden="true"
+                          class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                        />
+                      </span>
+                      <!---->
+                      <!---->
+                    </button>
+                    
+                    <!--teleport start-->
+                    <!--teleport end-->
+                    
                     
                   </div>
                   <!---->
                   <!---->
                 </span>
-                
-                <!--teleport start-->
-                <!--teleport end-->
-                
-                <!--v-if-->
               </div>
               <div
                 class="v-col-md-2 v-col ma-2"
@@ -2780,7 +2845,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             
             
             <button
-              aria-describedby="v-tooltip-27"
+              aria-describedby="v-tooltip-30"
               class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
               targetref="[object Object]"
               type="button"
@@ -2813,7 +2878,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             
             
             <i
-              aria-describedby="v-tooltip-29"
+              aria-describedby="v-tooltip-32"
               aria-hidden="true"
               class="mdi-drag-vertical mdi v-icon notranslate v-theme--light v-icon--size-default"
               disabled="false"
@@ -2985,7 +3050,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             
             
             <i
-              aria-describedby="v-tooltip-32"
+              aria-describedby="v-tooltip-35"
               aria-hidden="true"
               class="mdi-sitemap mdi v-icon notranslate v-theme--light v-icon--size-default mr-3"
               targetref="[object Object]"
@@ -3000,7 +3065,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             <button
               aria-expanded="false"
               aria-haspopup="menu"
-              aria-owns="v-menu-33"
+              aria-owns="v-menu-36"
               class="v-small-dialog__activator"
               targetref="[object Object]"
             >
@@ -3022,7 +3087,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             <button
               aria-expanded="false"
               aria-haspopup="menu"
-              aria-owns="v-menu-34"
+              aria-owns="v-menu-37"
               class="v-small-dialog__activator ml-5"
               targetref="[object Object]"
             >
@@ -3044,7 +3109,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             
             
             <button
-              aria-describedby="v-tooltip-35"
+              aria-describedby="v-tooltip-38"
               class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
               targetref="[object Object]"
               type="button"
@@ -3077,7 +3142,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             
             
             <button
-              aria-describedby="v-tooltip-37"
+              aria-describedby="v-tooltip-40"
               class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
               targetref="[object Object]"
               type="button"
@@ -3128,7 +3193,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             
             
             <i
-              aria-describedby="v-tooltip-39"
+              aria-describedby="v-tooltip-42"
               aria-hidden="true"
               class="mdi-sitemap mdi v-icon notranslate v-theme--light v-icon--size-default mr-3"
               targetref="[object Object]"
@@ -3143,7 +3208,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             <button
               aria-expanded="false"
               aria-haspopup="menu"
-              aria-owns="v-menu-40"
+              aria-owns="v-menu-43"
               class="v-small-dialog__activator"
               targetref="[object Object]"
             >
@@ -3165,7 +3230,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             <button
               aria-expanded="false"
               aria-haspopup="menu"
-              aria-owns="v-menu-41"
+              aria-owns="v-menu-44"
               class="v-small-dialog__activator ml-5"
               targetref="[object Object]"
             >
@@ -3187,7 +3252,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             
             
             <button
-              aria-describedby="v-tooltip-42"
+              aria-describedby="v-tooltip-45"
               class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
               targetref="[object Object]"
               type="button"
@@ -3220,7 +3285,7 @@ exports[`Storybook Tests ExpandedIndividual Default 1`] = `
             
             
             <button
-              aria-describedby="v-tooltip-44"
+              aria-describedby="v-tooltip-47"
               class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
               targetref="[object Object]"
               type="button"
@@ -3374,19 +3439,12 @@ exports[`Storybook Tests ExpandedIndividual NoOrganizations 1`] = `
               <div
                 class="v-col uuid d-flex align-center"
               >
-                
-                
                 <span
-                  aria-describedby="v-tooltip-3"
-                  class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center"
+                  class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-tonal text-center pr-2 v-chip--border"
                   draggable="false"
-                  tabindex="0"
-                  targetref="[object Object]"
                 >
                   
-                  <span
-                    class="v-chip__overlay"
-                  />
+                  <!---->
                   <span
                     class="v-chip__underlay"
                   />
@@ -3399,35 +3457,53 @@ exports[`Storybook Tests ExpandedIndividual NoOrganizations 1`] = `
                   >
                     
                     <span
-                      class="clip"
+                      class="clip mr-1"
                     >
                       164e41c60c28698ac30b0d17176d3e720e036918
                     </span>
-                    <i
-                      aria-hidden="true"
-                      class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                    />
+                    <span
+                      class="d-sr-only"
+                    >
+                       Main identity 
+                    </span>
+                    
+                    
+                    <button
+                      aria-describedby="v-tooltip-4"
+                      class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                      targetref="[object Object]"
+                      type="button"
+                    >
+                      
+                      <span
+                        class="v-btn__overlay"
+                      />
+                      <span
+                        class="v-btn__underlay"
+                      />
+                      
+                      <!---->
+                      <span
+                        class="v-btn__content"
+                        data-no-activator=""
+                      >
+                        <i
+                          aria-hidden="true"
+                          class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                        />
+                      </span>
+                      <!---->
+                      <!---->
+                    </button>
+                    
+                    <!--teleport start-->
+                    <!--teleport end-->
+                    
                     
                   </div>
                   <!---->
                   <!---->
                 </span>
-                
-                <!--teleport start-->
-                <!--teleport end-->
-                
-                
-                
-                <i
-                  aria-describedby="v-tooltip-5"
-                  aria-hidden="true"
-                  class="mdi-star mdi v-icon notranslate v-theme--light v-icon--size-small text-secondary v-icon--end"
-                  targetref="[object Object]"
-                />
-                
-                <!--teleport start-->
-                <!--teleport end-->
-                
               </div>
               <div
                 class="v-col-md-2 v-col ma-2"
@@ -4721,19 +4797,12 @@ exports[`Storybook Tests IdentitiesList Default 1`] = `
             <div
               class="v-col uuid d-flex align-center"
             >
-              
-              
               <span
-                aria-describedby="v-tooltip-3"
-                class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+                class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
                 draggable="false"
-                tabindex="0"
-                targetref="[object Object]"
               >
                 
-                <span
-                  class="v-chip__overlay"
-                />
+                <!---->
                 <span
                   class="v-chip__underlay"
                 />
@@ -4746,24 +4815,49 @@ exports[`Storybook Tests IdentitiesList Default 1`] = `
                 >
                   
                   <span
-                    class="clip"
+                    class="clip mr-1"
                   >
                     06e6903c91180835b6ee91dd56782c6ca72bc562
                   </span>
-                  <i
-                    aria-hidden="true"
-                    class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                  />
+                  <!--v-if-->
+                  
+                  
+                  <button
+                    aria-describedby="v-tooltip-4"
+                    class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                    targetref="[object Object]"
+                    type="button"
+                  >
+                    
+                    <span
+                      class="v-btn__overlay"
+                    />
+                    <span
+                      class="v-btn__underlay"
+                    />
+                    
+                    <!---->
+                    <span
+                      class="v-btn__content"
+                      data-no-activator=""
+                    >
+                      <i
+                        aria-hidden="true"
+                        class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                      />
+                    </span>
+                    <!---->
+                    <!---->
+                  </button>
+                  
+                  <!--teleport start-->
+                  <!--teleport end-->
+                  
                   
                 </div>
                 <!---->
                 <!---->
               </span>
-              
-              <!--teleport start-->
-              <!--teleport end-->
-              
-              <!--v-if-->
             </div>
             <div
               class="v-col-md-2 v-col ma-2"
@@ -4814,7 +4908,7 @@ exports[`Storybook Tests IdentitiesList Default 1`] = `
           
           
           <button
-            aria-describedby="v-tooltip-5"
+            aria-describedby="v-tooltip-6"
             class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
             targetref="[object Object]"
             type="button"
@@ -4899,19 +4993,12 @@ exports[`Storybook Tests IdentitiesList Default 1`] = `
             <div
               class="v-col uuid d-flex align-center"
             >
-              
-              
               <span
-                aria-describedby="v-tooltip-10"
-                class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center"
+                class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-tonal text-center pr-2 v-chip--border"
                 draggable="false"
-                tabindex="0"
-                targetref="[object Object]"
               >
                 
-                <span
-                  class="v-chip__overlay"
-                />
+                <!---->
                 <span
                   class="v-chip__underlay"
                 />
@@ -4924,35 +5011,53 @@ exports[`Storybook Tests IdentitiesList Default 1`] = `
                 >
                   
                   <span
-                    class="clip"
+                    class="clip mr-1"
                   >
                     164e41c60c28698ac30b0d17176d3e720e036918
                   </span>
-                  <i
-                    aria-hidden="true"
-                    class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                  />
+                  <span
+                    class="d-sr-only"
+                  >
+                     Main identity 
+                  </span>
+                  
+                  
+                  <button
+                    aria-describedby="v-tooltip-12"
+                    class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                    targetref="[object Object]"
+                    type="button"
+                  >
+                    
+                    <span
+                      class="v-btn__overlay"
+                    />
+                    <span
+                      class="v-btn__underlay"
+                    />
+                    
+                    <!---->
+                    <span
+                      class="v-btn__content"
+                      data-no-activator=""
+                    >
+                      <i
+                        aria-hidden="true"
+                        class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                      />
+                    </span>
+                    <!---->
+                    <!---->
+                  </button>
+                  
+                  <!--teleport start-->
+                  <!--teleport end-->
+                  
                   
                 </div>
                 <!---->
                 <!---->
               </span>
-              
-              <!--teleport start-->
-              <!--teleport end-->
-              
-              
-              
-              <i
-                aria-describedby="v-tooltip-12"
-                aria-hidden="true"
-                class="mdi-star mdi v-icon notranslate v-theme--light v-icon--size-small text-secondary v-icon--end"
-                targetref="[object Object]"
-              />
-              
-              <!--teleport start-->
-              <!--teleport end-->
-              
             </div>
             <div
               class="v-col-md-2 v-col ma-2"
@@ -5003,7 +5108,7 @@ exports[`Storybook Tests IdentitiesList Default 1`] = `
           
           
           <button
-            aria-describedby="v-tooltip-13"
+            aria-describedby="v-tooltip-14"
             class="v-btn v-btn--disabled v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
             disabled=""
             targetref="[object Object]"
@@ -5077,7 +5182,7 @@ exports[`Storybook Tests IdentitiesList Default 1`] = `
           
           
           <i
-            aria-describedby="v-tooltip-17"
+            aria-describedby="v-tooltip-18"
             aria-hidden="true"
             class="mdi-git mdi v-icon notranslate v-theme--light v-icon--size-default"
             targetref="[object Object]"
@@ -5105,19 +5210,12 @@ exports[`Storybook Tests IdentitiesList Default 1`] = `
             <div
               class="v-col uuid d-flex align-center"
             >
-              
-              
               <span
-                aria-describedby="v-tooltip-18"
-                class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+                class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
                 draggable="false"
-                tabindex="0"
-                targetref="[object Object]"
               >
                 
-                <span
-                  class="v-chip__overlay"
-                />
+                <!---->
                 <span
                   class="v-chip__underlay"
                 />
@@ -5130,24 +5228,49 @@ exports[`Storybook Tests IdentitiesList Default 1`] = `
                 >
                   
                   <span
-                    class="clip"
+                    class="clip mr-1"
                   >
                     10982379421b80e13266db011d6e5131dd519016
                   </span>
-                  <i
-                    aria-hidden="true"
-                    class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                  />
+                  <!--v-if-->
+                  
+                  
+                  <button
+                    aria-describedby="v-tooltip-20"
+                    class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                    targetref="[object Object]"
+                    type="button"
+                  >
+                    
+                    <span
+                      class="v-btn__overlay"
+                    />
+                    <span
+                      class="v-btn__underlay"
+                    />
+                    
+                    <!---->
+                    <span
+                      class="v-btn__content"
+                      data-no-activator=""
+                    >
+                      <i
+                        aria-hidden="true"
+                        class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                      />
+                    </span>
+                    <!---->
+                    <!---->
+                  </button>
+                  
+                  <!--teleport start-->
+                  <!--teleport end-->
+                  
                   
                 </div>
                 <!---->
                 <!---->
               </span>
-              
-              <!--teleport start-->
-              <!--teleport end-->
-              
-              <!--v-if-->
             </div>
             <div
               class="v-col-md-2 v-col ma-2"
@@ -5192,7 +5315,7 @@ exports[`Storybook Tests IdentitiesList Default 1`] = `
           
           
           <button
-            aria-describedby="v-tooltip-20"
+            aria-describedby="v-tooltip-22"
             class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
             targetref="[object Object]"
             type="button"
@@ -5265,7 +5388,7 @@ exports[`Storybook Tests IdentitiesList Default 1`] = `
           
           
           <i
-            aria-describedby="v-tooltip-24"
+            aria-describedby="v-tooltip-26"
             aria-hidden="true"
             class="mdi-account-multiple mdi v-icon notranslate v-theme--light v-icon--size-default"
             targetref="[object Object]"
@@ -5293,19 +5416,12 @@ exports[`Storybook Tests IdentitiesList Default 1`] = `
             <div
               class="v-col uuid d-flex align-center"
             >
-              
-              
               <span
-                aria-describedby="v-tooltip-25"
-                class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+                class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
                 draggable="false"
-                tabindex="0"
-                targetref="[object Object]"
               >
                 
-                <span
-                  class="v-chip__overlay"
-                />
+                <!---->
                 <span
                   class="v-chip__underlay"
                 />
@@ -5318,24 +5434,49 @@ exports[`Storybook Tests IdentitiesList Default 1`] = `
                 >
                   
                   <span
-                    class="clip"
+                    class="clip mr-1"
                   >
                     1f1a9e56dedb45f5969413eeb4442d982e33f0f6
                   </span>
-                  <i
-                    aria-hidden="true"
-                    class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                  />
+                  <!--v-if-->
+                  
+                  
+                  <button
+                    aria-describedby="v-tooltip-28"
+                    class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                    targetref="[object Object]"
+                    type="button"
+                  >
+                    
+                    <span
+                      class="v-btn__overlay"
+                    />
+                    <span
+                      class="v-btn__underlay"
+                    />
+                    
+                    <!---->
+                    <span
+                      class="v-btn__content"
+                      data-no-activator=""
+                    >
+                      <i
+                        aria-hidden="true"
+                        class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                      />
+                    </span>
+                    <!---->
+                    <!---->
+                  </button>
+                  
+                  <!--teleport start-->
+                  <!--teleport end-->
+                  
                   
                 </div>
                 <!---->
                 <!---->
               </span>
-              
-              <!--teleport start-->
-              <!--teleport end-->
-              
-              <!--v-if-->
             </div>
             <div
               class="v-col-md-2 v-col ma-2"
@@ -5380,7 +5521,7 @@ exports[`Storybook Tests IdentitiesList Default 1`] = `
           
           
           <button
-            aria-describedby="v-tooltip-27"
+            aria-describedby="v-tooltip-30"
             class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text"
             targetref="[object Object]"
             type="button"
@@ -5500,19 +5641,12 @@ exports[`Storybook Tests Identity Default 1`] = `
     <div
       class="v-col uuid d-flex align-center"
     >
-      
-      
       <span
-        aria-describedby="v-tooltip-0"
-        class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+        class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
         draggable="false"
-        tabindex="0"
-        targetref="[object Object]"
       >
         
-        <span
-          class="v-chip__overlay"
-        />
+        <!---->
         <span
           class="v-chip__underlay"
         />
@@ -5525,24 +5659,49 @@ exports[`Storybook Tests Identity Default 1`] = `
         >
           
           <span
-            class="clip"
+            class="clip mr-1"
           >
             1f1a9e56dedb45f5969413eeb4442d982e33f0f6
           </span>
-          <i
-            aria-hidden="true"
-            class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-          />
+          <!--v-if-->
+          
+          
+          <button
+            aria-describedby="v-tooltip-1"
+            class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+            targetref="[object Object]"
+            type="button"
+          >
+            
+            <span
+              class="v-btn__overlay"
+            />
+            <span
+              class="v-btn__underlay"
+            />
+            
+            <!---->
+            <span
+              class="v-btn__content"
+              data-no-activator=""
+            >
+              <i
+                aria-hidden="true"
+                class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+              />
+            </span>
+            <!---->
+            <!---->
+          </button>
+          
+          <!--teleport start-->
+          <!--teleport end-->
+          
           
         </div>
         <!---->
         <!---->
       </span>
-      
-      <!--teleport start-->
-      <!--teleport end-->
-      
-      <!--v-if-->
     </div>
     <div
       class="v-col-md-2 v-col ma-2"
@@ -5582,19 +5741,12 @@ exports[`Storybook Tests Identity MainIdentity 1`] = `
     <div
       class="v-col uuid d-flex align-center"
     >
-      
-      
       <span
-        aria-describedby="v-tooltip-0"
-        class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center"
+        class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-tonal text-center pr-2 v-chip--border"
         draggable="false"
-        tabindex="0"
-        targetref="[object Object]"
       >
         
-        <span
-          class="v-chip__overlay"
-        />
+        <!---->
         <span
           class="v-chip__underlay"
         />
@@ -5607,35 +5759,53 @@ exports[`Storybook Tests Identity MainIdentity 1`] = `
         >
           
           <span
-            class="clip"
+            class="clip mr-1"
           >
             1f1a9e56dedb45f5969413eeb4442d982e33f0f6
           </span>
-          <i
-            aria-hidden="true"
-            class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-          />
+          <span
+            class="d-sr-only"
+          >
+             Main identity 
+          </span>
+          
+          
+          <button
+            aria-describedby="v-tooltip-1"
+            class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+            targetref="[object Object]"
+            type="button"
+          >
+            
+            <span
+              class="v-btn__overlay"
+            />
+            <span
+              class="v-btn__underlay"
+            />
+            
+            <!---->
+            <span
+              class="v-btn__content"
+              data-no-activator=""
+            >
+              <i
+                aria-hidden="true"
+                class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+              />
+            </span>
+            <!---->
+            <!---->
+          </button>
+          
+          <!--teleport start-->
+          <!--teleport end-->
+          
           
         </div>
         <!---->
         <!---->
       </span>
-      
-      <!--teleport start-->
-      <!--teleport end-->
-      
-      
-      
-      <i
-        aria-describedby="v-tooltip-2"
-        aria-hidden="true"
-        class="mdi-star mdi v-icon notranslate v-theme--light v-icon--size-small text-secondary v-icon--end"
-        targetref="[object Object]"
-      />
-      
-      <!--teleport start-->
-      <!--teleport end-->
-      
     </div>
     <div
       class="v-col-md-2 v-col ma-2"
@@ -5681,19 +5851,12 @@ exports[`Storybook Tests Identity Source 1`] = `
     <div
       class="v-col uuid d-flex align-center"
     >
-      
-      
       <span
-        aria-describedby="v-tooltip-0"
-        class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+        class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
         draggable="false"
-        tabindex="0"
-        targetref="[object Object]"
       >
         
-        <span
-          class="v-chip__overlay"
-        />
+        <!---->
         <span
           class="v-chip__underlay"
         />
@@ -5706,24 +5869,49 @@ exports[`Storybook Tests Identity Source 1`] = `
         >
           
           <span
-            class="clip"
+            class="clip mr-1"
           >
             1f1a9e56dedb45f5969413eeb4442d982e33f0f6
           </span>
-          <i
-            aria-hidden="true"
-            class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-          />
+          <!--v-if-->
+          
+          
+          <button
+            aria-describedby="v-tooltip-1"
+            class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+            targetref="[object Object]"
+            type="button"
+          >
+            
+            <span
+              class="v-btn__overlay"
+            />
+            <span
+              class="v-btn__underlay"
+            />
+            
+            <!---->
+            <span
+              class="v-btn__content"
+              data-no-activator=""
+            >
+              <i
+                aria-hidden="true"
+                class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+              />
+            </span>
+            <!---->
+            <!---->
+          </button>
+          
+          <!--teleport start-->
+          <!--teleport end-->
+          
           
         </div>
         <!---->
         <!---->
       </span>
-      
-      <!--teleport start-->
-      <!--teleport end-->
-      
-      <!--v-if-->
     </div>
     <div
       class="v-col-md-2 v-col ma-2"
@@ -32201,19 +32389,12 @@ exports[`Storybook Tests ProfileCard Default 1`] = `
                         <div
                           class="v-col uuid d-flex align-center"
                         >
-                          
-                          
                           <span
-                            aria-describedby="v-tooltip-9"
-                            class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+                            class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
                             draggable="false"
-                            tabindex="0"
-                            targetref="[object Object]"
                           >
                             
-                            <span
-                              class="v-chip__overlay"
-                            />
+                            <!---->
                             <span
                               class="v-chip__underlay"
                             />
@@ -32226,24 +32407,49 @@ exports[`Storybook Tests ProfileCard Default 1`] = `
                             >
                               
                               <span
-                                class="clip"
+                                class="clip mr-1"
                               >
                                 006afa
                               </span>
-                              <i
-                                aria-hidden="true"
-                                class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                              />
+                              <!--v-if-->
+                              
+                              
+                              <button
+                                aria-describedby="v-tooltip-10"
+                                class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                                targetref="[object Object]"
+                                type="button"
+                              >
+                                
+                                <span
+                                  class="v-btn__overlay"
+                                />
+                                <span
+                                  class="v-btn__underlay"
+                                />
+                                
+                                <!---->
+                                <span
+                                  class="v-btn__content"
+                                  data-no-activator=""
+                                >
+                                  <i
+                                    aria-hidden="true"
+                                    class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                                  />
+                                </span>
+                                <!---->
+                                <!---->
+                              </button>
+                              
+                              <!--teleport start-->
+                              <!--teleport end-->
+                              
                               
                             </div>
                             <!---->
                             <!---->
                           </span>
-                          
-                          <!--teleport start-->
-                          <!--teleport end-->
-                          
-                          <!--v-if-->
                         </div>
                         <div
                           class="v-col-md-2 v-col ma-2"
@@ -32301,19 +32507,12 @@ exports[`Storybook Tests ProfileCard Default 1`] = `
                         <div
                           class="v-col uuid d-flex align-center"
                         >
-                          
-                          
                           <span
-                            aria-describedby="v-tooltip-12"
-                            class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+                            class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
                             draggable="false"
-                            tabindex="0"
-                            targetref="[object Object]"
                           >
                             
-                            <span
-                              class="v-chip__overlay"
-                            />
+                            <!---->
                             <span
                               class="v-chip__underlay"
                             />
@@ -32326,24 +32525,49 @@ exports[`Storybook Tests ProfileCard Default 1`] = `
                             >
                               
                               <span
-                                class="clip"
+                                class="clip mr-1"
                               >
                                 808b18
                               </span>
-                              <i
-                                aria-hidden="true"
-                                class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                              />
+                              <!--v-if-->
+                              
+                              
+                              <button
+                                aria-describedby="v-tooltip-14"
+                                class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                                targetref="[object Object]"
+                                type="button"
+                              >
+                                
+                                <span
+                                  class="v-btn__overlay"
+                                />
+                                <span
+                                  class="v-btn__underlay"
+                                />
+                                
+                                <!---->
+                                <span
+                                  class="v-btn__content"
+                                  data-no-activator=""
+                                >
+                                  <i
+                                    aria-hidden="true"
+                                    class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                                  />
+                                </span>
+                                <!---->
+                                <!---->
+                              </button>
+                              
+                              <!--teleport start-->
+                              <!--teleport end-->
+                              
                               
                             </div>
                             <!---->
                             <!---->
                           </span>
-                          
-                          <!--teleport start-->
-                          <!--teleport end-->
-                          
-                          <!--v-if-->
                         </div>
                         <div
                           class="v-col-md-2 v-col ma-2"
@@ -32446,19 +32670,12 @@ exports[`Storybook Tests ProfileCard Default 1`] = `
                         <div
                           class="v-col uuid d-flex align-center"
                         >
-                          
-                          
                           <span
-                            aria-describedby="v-tooltip-16"
-                            class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+                            class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
                             draggable="false"
-                            tabindex="0"
-                            targetref="[object Object]"
                           >
                             
-                            <span
-                              class="v-chip__overlay"
-                            />
+                            <!---->
                             <span
                               class="v-chip__underlay"
                             />
@@ -32471,24 +32688,49 @@ exports[`Storybook Tests ProfileCard Default 1`] = `
                             >
                               
                               <span
-                                class="clip"
+                                class="clip mr-1"
                               >
                                 abce32
                               </span>
-                              <i
-                                aria-hidden="true"
-                                class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                              />
+                              <!--v-if-->
+                              
+                              
+                              <button
+                                aria-describedby="v-tooltip-19"
+                                class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                                targetref="[object Object]"
+                                type="button"
+                              >
+                                
+                                <span
+                                  class="v-btn__overlay"
+                                />
+                                <span
+                                  class="v-btn__underlay"
+                                />
+                                
+                                <!---->
+                                <span
+                                  class="v-btn__content"
+                                  data-no-activator=""
+                                >
+                                  <i
+                                    aria-hidden="true"
+                                    class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                                  />
+                                </span>
+                                <!---->
+                                <!---->
+                              </button>
+                              
+                              <!--teleport start-->
+                              <!--teleport end-->
+                              
                               
                             </div>
                             <!---->
                             <!---->
                           </span>
-                          
-                          <!--teleport start-->
-                          <!--teleport end-->
-                          
-                          <!--v-if-->
                         </div>
                         <div
                           class="v-col-md-2 v-col ma-2"
@@ -32591,19 +32833,12 @@ exports[`Storybook Tests ProfileCard Default 1`] = `
                         <div
                           class="v-col uuid d-flex align-center"
                         >
-                          
-                          
                           <span
-                            aria-describedby="v-tooltip-20"
-                            class="v-chip v-chip--link v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center mr-6"
+                            class="v-chip v-theme--light v-chip--density-default v-chip--size-default v-chip--variant-outlined text-center pr-2"
                             draggable="false"
-                            tabindex="0"
-                            targetref="[object Object]"
                           >
                             
-                            <span
-                              class="v-chip__overlay"
-                            />
+                            <!---->
                             <span
                               class="v-chip__underlay"
                             />
@@ -32616,24 +32851,49 @@ exports[`Storybook Tests ProfileCard Default 1`] = `
                             >
                               
                               <span
-                                class="clip"
+                                class="clip mr-1"
                               >
                                 4ce562
                               </span>
-                              <i
-                                aria-hidden="true"
-                                class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-small v-icon--end"
-                              />
+                              <!--v-if-->
+                              
+                              
+                              <button
+                                aria-describedby="v-tooltip-24"
+                                class="v-btn v-btn--icon v-theme--light v-btn--density-comfortable v-btn--size-small v-btn--variant-text"
+                                targetref="[object Object]"
+                                type="button"
+                              >
+                                
+                                <span
+                                  class="v-btn__overlay"
+                                />
+                                <span
+                                  class="v-btn__underlay"
+                                />
+                                
+                                <!---->
+                                <span
+                                  class="v-btn__content"
+                                  data-no-activator=""
+                                >
+                                  <i
+                                    aria-hidden="true"
+                                    class="mdi-content-copy mdi v-icon notranslate v-theme--light v-icon--size-default"
+                                  />
+                                </span>
+                                <!---->
+                                <!---->
+                              </button>
+                              
+                              <!--teleport start-->
+                              <!--teleport end-->
+                              
                               
                             </div>
                             <!---->
                             <!---->
                           </span>
-                          
-                          <!--teleport start-->
-                          <!--teleport end-->
-                          
-                          <!--v-if-->
                         </div>
                         <div
                           class="v-col-md-2 v-col ma-2"
@@ -32706,7 +32966,7 @@ exports[`Storybook Tests ProfileCard Default 1`] = `
         persisted="false"
       >
         <div
-          aria-labelledby="v-list-group--id-Symbol(22)"
+          aria-labelledby="v-list-group--id-Symbol(26)"
           class="v-list-group__items"
           role="group"
           style="display: none;"