wip ui, hidden token on frontend

app/Models/Provider.php

@@ -15,6 +15,7 @@ class Provider extends Model
     use HasFactory;
 
     protected $guarded = [];
+    protected $hidden = ['token'];
 
     protected function casts(): array
     {

database/factories/ProviderFactory.php

@@ -23,7 +23,7 @@ class ProviderFactory extends Factory
             'type' => $this->faker->randomElement([
                 ProviderType::HETZNER,
             ]),
-            'token' => $this->faker->uuid(),
+            'token' => env('HETZNER_KEY') ?? $this->faker->uuid(),
         ];
     }
 

resources/js/pages/organisations/Show.vue

@@ -33,8 +33,13 @@ defineProps({
                             Loading...
                         </template>
                         <h3 class="text-2xl font-bold tracking-tight mt-4">Server Providers</h3>
-                        <p class="text-sm text-muted-foreground">Manage your server providers.</p>
-
+                        <p class="text-sm text-muted-foreground mb-4">Manage your server providers.</p>
+                        <div class="border border-muted-background divide-y divide-y-muted-background rounded-md">
+                            <div v-for="provider in providers" class="py-1 px-2 flex gap-2 items-center">
+                                {{ provider.name }}
+                                <span class="uppercase text-xs ml-auto text-muted-foreground">{{ provider.type }}</span>
+                            </div>
+                        </div>
                     </WhenVisible>
                 </TabsContent>
             </Tabs>