From 6312c0ba84d1363917bef5b39c372f37e3933f90 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Thu, 1 Feb 2024 15:38:12 +0100
Subject: [PATCH] feat: tags and tag deploy webhooks

---
 app/Livewire/Project/Resource/Index.php       |  2 +-
 app/Livewire/Project/Shared/Tags.php          | 62 +++++++++++++
 app/Livewire/Tags/Index.php                   | 18 ++++
 app/Livewire/Tags/Show.php                    | 27 ++++++
 app/Models/Application.php                    |  4 +
 app/Models/Tag.php                            | 32 +++++++
 bootstrap/helpers/shared.php                  | 13 ++-
 config/toaster.php                            | 48 ----------
 .../2024_02_01_111228_create_tags_table.php   | 39 ++++++++
 resources/css/app.css                         |  2 +-
 resources/views/components/navbar.blade.php   | 30 ++++--
 resources/views/components/toast.blade.php    | 15 +--
 .../application/configuration.blade.php       |  6 ++
 .../project/application/general.blade.php     |  2 -
 .../livewire/project/resource/index.blade.php | 49 ++++++----
 .../livewire/project/shared/tags.blade.php    | 13 +++
 resources/views/livewire/tags/index.blade.php | 10 ++
 resources/views/livewire/tags/show.blade.php  | 18 ++++
 routes/api.php                                | 93 ++++++++++++++++++-
 routes/web.php                                |  9 +-
 20 files changed, 394 insertions(+), 98 deletions(-)
 create mode 100644 app/Livewire/Project/Shared/Tags.php
 create mode 100644 app/Livewire/Tags/Index.php
 create mode 100644 app/Livewire/Tags/Show.php
 create mode 100644 app/Models/Tag.php
 delete mode 100644 config/toaster.php
 create mode 100644 database/migrations/2024_02_01_111228_create_tags_table.php
 create mode 100644 resources/views/livewire/project/shared/tags.blade.php
 create mode 100644 resources/views/livewire/tags/index.blade.php
 create mode 100644 resources/views/livewire/tags/show.blade.php

diff --git a/app/Livewire/Project/Resource/Index.php b/app/Livewire/Project/Resource/Index.php
index 7b1da85a1..b296f855c 100644
--- a/app/Livewire/Project/Resource/Index.php
+++ b/app/Livewire/Project/Resource/Index.php
@@ -29,7 +29,7 @@ public function mount()
         }
         $this->project = $project;
         $this->environment = $environment;
-        $this->applications = $environment->applications->sortBy('name');
+        $this->applications = $environment->applications->load(['tags'])->sortBy('name');
         $this->applications = $this->applications->map(function ($application) {
             if (data_get($application, 'environment.project.uuid')) {
                 $application->hrefLink = route('project.application.configuration', [
diff --git a/app/Livewire/Project/Shared/Tags.php b/app/Livewire/Project/Shared/Tags.php
new file mode 100644
index 000000000..32b9679ae
--- /dev/null
+++ b/app/Livewire/Project/Shared/Tags.php
@@ -0,0 +1,62 @@
+<?php
+
+namespace App\Livewire\Project\Shared;
+
+use App\Models\Tag;
+use Livewire\Component;
+
+class Tags extends Component
+{
+    public $resource = null;
+    public ?string $new_tag = null;
+    protected $listeners = [
+        'refresh' => '$refresh',
+    ];
+    public function mount()
+    {
+    }
+    public function deleteTag($id, $name)
+    {
+        try {
+            $found_more_tags = Tag::where(['name' => $name, 'team_id' => currentTeam()->id])->first();
+            $this->resource->tags()->detach($id);
+            if ($found_more_tags->resources()->get()->count() == 0) {
+                $found_more_tags->delete();
+            }
+            $this->refresh();
+        } catch (\Exception $e) {
+            return handleError($e, $this);
+        }
+    }
+    public function refresh()
+    {
+        $this->resource->load(['tags']);
+        $this->new_tag = null;
+    }
+    public function submit()
+    {
+        try {
+            $this->validate([
+                'new_tag' => 'required|string|min:2'
+            ]);
+            $tags = str($this->new_tag)->trim()->explode(' ');
+            foreach ($tags as $tag) {
+                $found = Tag::where(['name' => $tag, 'team_id' => currentTeam()->id])->first();
+                if (!$found) {
+                    $found = Tag::create([
+                        'name' => $tag,
+                        'team_id' => currentTeam()->id
+                    ]);
+                }
+                $this->resource->tags()->syncWithoutDetaching($found->id);
+            }
+            $this->refresh();
+        } catch (\Exception $e) {
+            return handleError($e, $this);
+        }
+    }
+    public function render()
+    {
+        return view('livewire.project.shared.tags');
+    }
+}
diff --git a/app/Livewire/Tags/Index.php b/app/Livewire/Tags/Index.php
new file mode 100644
index 000000000..eba25a750
--- /dev/null
+++ b/app/Livewire/Tags/Index.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Livewire\Tags;
+
+use App\Models\Tag;
+use Livewire\Component;
+
+class Index extends Component
+{
+    public $tags = [];
+    public function mount() {
+        $this->tags = Tag::where('team_id', currentTeam()->id)->get()->unique('name')->sortBy('name');
+    }
+    public function render()
+    {
+        return view('livewire.tags.index');
+    }
+}
diff --git a/app/Livewire/Tags/Show.php b/app/Livewire/Tags/Show.php
new file mode 100644
index 000000000..0363445c8
--- /dev/null
+++ b/app/Livewire/Tags/Show.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Livewire\Tags;
+
+use App\Models\Tag;
+use Livewire\Component;
+
+class Show extends Component
+{
+    public Tag $tag;
+    public $resources;
+    public $webhook = null;
+    public function mount()
+    {
+        $tag = Tag::ownedByCurrentTeam()->where('name', request()->tag_name)->first();
+        if (!$tag) {
+            return redirect()->route('tags.index');
+        }
+        $this->webhook = generatTagDeployWebhook($tag->name);
+        $this->resources = $tag->resources()->get();
+        $this->tag = $tag;
+    }
+    public function render()
+    {
+        return view('livewire.tags.show');
+    }
+}
diff --git a/app/Models/Application.php b/app/Models/Application.php
index 1f9614baa..e1528d56b 100644
--- a/app/Models/Application.php
+++ b/app/Models/Application.php
@@ -211,6 +211,10 @@ public function portsExposesArray(): Attribute
                 : explode(',', $this->ports_exposes)
         );
     }
+    public function tags()
+    {
+        return $this->morphToMany(Tag::class, 'taggable');
+    }
     public function team()
     {
         return data_get($this, 'environment.project.team');
diff --git a/app/Models/Tag.php b/app/Models/Tag.php
new file mode 100644
index 000000000..02b3a7ff5
--- /dev/null
+++ b/app/Models/Tag.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Casts\Attribute;
+
+class Tag extends BaseModel
+{
+    protected $guarded = [];
+
+
+    public function name(): Attribute
+    {
+        return Attribute::make(
+            get: fn ($value) => strtolower($value),
+            set: fn ($value) => strtolower($value)
+        );
+    }
+    static public function ownedByCurrentTeam()
+    {
+        return Tag::whereTeamId(currentTeam()->id)->orderBy('name');
+    }
+    public function applications()
+    {
+        return $this->morphedByMany(Application::class, 'taggable');
+    }
+
+    public function resources() {
+        return $this->applications();
+    }
+
+}
diff --git a/bootstrap/helpers/shared.php b/bootstrap/helpers/shared.php
index 2a6ce9647..812c23598 100644
--- a/bootstrap/helpers/shared.php
+++ b/bootstrap/helpers/shared.php
@@ -110,9 +110,9 @@ function handleError(?Throwable $error = null, ?Livewire\Component $livewire = n
     }
     if ($error instanceof UniqueConstraintViolationException) {
         if (isset($livewire)) {
-            return $livewire->dispatch('error', "A resource with the same name already exists.");
+            return $livewire->dispatch('error', "Duplicate entry found.","Please use a different name.");
         }
-        return "A resource with the same name already exists.";
+        return "Duplicate entry found. Please use a different name.";
     }
 
     if ($error instanceof Throwable) {
@@ -481,7 +481,14 @@ function queryResourcesByUuid(string $uuid)
     if ($mariadb) return $mariadb;
     return $resource;
 }
-
+function generatTagDeployWebhook($tag_name)
+{
+    $baseUrl = base_url();
+    $api = Url::fromString($baseUrl) . '/api/v1';
+    $endpoint = "/deploy/tag/$tag_name";
+    $url = $api . $endpoint . "?force=false";
+    return $url;
+}
 function generateDeployWebhook($resource)
 {
     $baseUrl = base_url();
diff --git a/config/toaster.php b/config/toaster.php
deleted file mode 100644
index 43565a9c6..000000000
--- a/config/toaster.php
+++ /dev/null
@@ -1,48 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-return [
-
-    /**
-     * Add an additional second for every 100th word of the toast messages.
-     *
-     * Supported: true | false
-     */
-    'accessibility' => true,
-
-    /**
-     * The vertical alignment of the toast container.
-     *
-     * Supported: "bottom", "middle" or "top"
-     */
-    'alignment' => 'top',
-
-    /**
-     * Allow users to close toast messages prematurely.
-     *
-     * Supported: true | false
-     */
-    'closeable' => true,
-
-    /**
-     * The on-screen duration of each toast.
-     *
-     * Minimum: 3000 (in milliseconds)
-     */
-    'duration' => 5000,
-
-    /**
-     * The horizontal position of each toast.
-     *
-     * Supported: "center", "left" or "right"
-     */
-    'position' => 'center',
-
-    /**
-     * Whether messages passed as translation keys should be translated automatically.
-     *
-     * Supported: true | false
-     */
-    'translate' => true,
-];
diff --git a/database/migrations/2024_02_01_111228_create_tags_table.php b/database/migrations/2024_02_01_111228_create_tags_table.php
new file mode 100644
index 000000000..c922d8fa9
--- /dev/null
+++ b/database/migrations/2024_02_01_111228_create_tags_table.php
@@ -0,0 +1,39 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('tags', function (Blueprint $table) {
+            $table->id();
+            $table->string('uuid')->unique();
+            $table->string('name')->unique();
+            $table->foreignId('team_id')->nullable()->constrained()->onDelete('cascade');
+            $table->timestamps();
+        });
+        Schema::create('taggables', function (Blueprint $table) {
+            $table->unsignedBigInteger('tag_id');
+            $table->unsignedBigInteger('taggable_id');
+            $table->string('taggable_type');
+            $table->foreign('tag_id')->references('id')->on('tags')->onDelete('cascade');
+            $table->unique(['tag_id', 'taggable_id', 'taggable_type'], 'taggable_unique'); // Composite unique index
+
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('taggables');
+        Schema::dropIfExists('tags');
+    }
+};
diff --git a/resources/css/app.css b/resources/css/app.css
index 38a452d85..924369e98 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -76,7 +76,7 @@ .box {
 }
 
 .box-without-bg {
-    @apply flex p-2 transition-colors min-h-full hover:text-white hover:no-underline min-h-[4rem];
+    @apply flex p-2 transition-colors hover:text-white hover:no-underline min-h-[4rem];
 }
 
 .description {
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index cad924e7b..9256dc502 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -4,7 +4,7 @@
                 class="transition rounded w-11 h-11" src="{{ asset('coolify-transparent.png') }}"></a>
         <ul class="flex flex-col h-full gap-4 menu flex-nowrap">
             <li title="Dashboard">
-                <a  class="hover:bg-transparent" href="/">
+                <a class="hover:bg-transparent" href="/">
                     <svg xmlns="http://www.w3.org/2000/svg" class="{{ request()->is('/') ? 'text-warning icon' : 'icon' }}"
                         fill="none" viewBox="0 0 24 24" stroke="currentColor">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
@@ -13,7 +13,7 @@ class="transition rounded w-11 h-11" src="{{ asset('coolify-transparent.png') }}
                 </a>
             </li>
             <li title="Servers">
-                <a  class="hover:bg-transparent" href="/servers">
+                <a class="hover:bg-transparent" href="/servers">
                     <svg xmlns="http://www.w3.org/2000/svg"
                         class="{{ request()->is('server/*') || request()->is('servers') ? 'text-warning icon' : 'icon' }}"
                         viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round"
@@ -28,7 +28,7 @@ class="{{ request()->is('server/*') || request()->is('servers') ? 'text-warning
                 </a>
             </li>
             <li title="Projects">
-                <a  class="hover:bg-transparent" href="/projects">
+                <a class="hover:bg-transparent" href="/projects">
                     <svg xmlns="http://www.w3.org/2000/svg"
                         class="{{ request()->is('project/*') || request()->is('projects') ? 'text-warning icon' : 'icon' }}"
                         viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round"
@@ -41,7 +41,7 @@ class="{{ request()->is('project/*') || request()->is('projects') ? 'text-warnin
                 </a>
             </li>
             <li title="Command Center">
-                <a  class="hover:bg-transparent" href="/command-center">
+                <a class="hover:bg-transparent" href="/command-center">
                     <svg xmlns="http://www.w3.org/2000/svg"
                         class="{{ request()->is('command-center') ? 'text-warning icon' : 'icon' }}" viewBox="0 0 24 24"
                         stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round"
@@ -53,7 +53,7 @@ class="{{ request()->is('command-center') ? 'text-warning icon' : 'icon' }}" vie
                 </a>
             </li>
             <li title="Source">
-                <a  class="hover:bg-transparent" href="{{ route('source.all') }}">
+                <a class="hover:bg-transparent" href="{{ route('source.all') }}">
                     <svg class="icon" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
                         <path fill="currentColor"
                             d="m6.793 1.207l.353.354l-.353-.354ZM1.207 6.793l-.353-.354l.353.354Zm0 1.414l.354-.353l-.354.353Zm5.586 5.586l-.354.353l.354-.353Zm1.414 0l-.353-.354l.353.354Zm5.586-5.586l.353.354l-.353-.354Zm0-1.414l-.354.353l.354-.353ZM8.207 1.207l.354-.353l-.354.353ZM6.44.854L.854 6.439l.707.707l5.585-5.585L6.44.854ZM.854 8.56l5.585 5.585l.707-.707l-5.585-5.585l-.707.707Zm7.707 5.585l5.585-5.585l-.707-.707l-5.585 5.585l.707.707Zm5.585-7.707L8.561.854l-.707.707l5.585 5.585l.707-.707Zm0 2.122a1.5 1.5 0 0 0 0-2.122l-.707.707a.5.5 0 0 1 0 .708l.707.707ZM6.44 14.146a1.5 1.5 0 0 0 2.122 0l-.707-.707a.5.5 0 0 1-.708 0l-.707.707ZM.854 6.44a1.5 1.5 0 0 0 0 2.122l.707-.707a.5.5 0 0 1 0-.708L.854 6.44Zm6.292-4.878a.5.5 0 0 1 .708 0L8.56.854a1.5 1.5 0 0 0-2.122 0l.707.707Zm-2 1.293l1 1l.708-.708l-1-1l-.708.708ZM7.5 5a.5.5 0 0 1-.5-.5H6A1.5 1.5 0 0 0 7.5 6V5Zm.5-.5a.5.5 0 0 1-.5.5v1A1.5 1.5 0 0 0 9 4.5H8ZM7.5 4a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 7.5 3v1Zm0-1A1.5 1.5 0 0 0 6 4.5h1a.5.5 0 0 1 .5-.5V3Zm.646 2.854l1.5 1.5l.707-.708l-1.5-1.5l-.707.708ZM10.5 8a.5.5 0 0 1-.5-.5H9A1.5 1.5 0 0 0 10.5 9V8Zm.5-.5a.5.5 0 0 1-.5.5v1A1.5 1.5 0 0 0 12 7.5h-1Zm-.5-.5a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 10.5 6v1Zm0-1A1.5 1.5 0 0 0 9 7.5h1a.5.5 0 0 1 .5-.5V6ZM7 5.5v4h1v-4H7Zm.5 5.5a.5.5 0 0 1-.5-.5H6A1.5 1.5 0 0 0 7.5 12v-1Zm.5-.5a.5.5 0 0 1-.5.5v1A1.5 1.5 0 0 0 9 10.5H8Zm-.5-.5a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 7.5 9v1Zm0-1A1.5 1.5 0 0 0 6 10.5h1a.5.5 0 0 1 .5-.5V9Z" />
@@ -61,7 +61,7 @@ class="{{ request()->is('command-center') ? 'text-warning icon' : 'icon' }}" vie
                 </a>
             </li>
             <li title="Security">
-                <a  class="hover:bg-transparent" href="{{ route('security.private-key.index') }}">
+                <a class="hover:bg-transparent" href="{{ route('security.private-key.index') }}">
                     <svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                         <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                             stroke-width="2"
@@ -70,7 +70,7 @@ class="{{ request()->is('command-center') ? 'text-warning icon' : 'icon' }}" vie
                 </a>
             </li>
             <li title="Teams">
-                <a  class="hover:bg-transparent" href="{{ route('team.index') }}">
+                <a class="hover:bg-transparent" href="{{ route('team.index') }}">
                     <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="1.5"
                         stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                         <path stroke="none" d="M0 0h24v24H0z" fill="none" />
@@ -83,6 +83,18 @@ class="{{ request()->is('command-center') ? 'text-warning icon' : 'icon' }}" vie
                     </svg>
                 </a>
             </li>
+            <li title="Tags">
+                <a class="hover:bg-transparent" href="{{ route('tags.index') }}">
+                    <svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                        <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
+                            stroke-width="2">
+                            <path
+                                d="M3 8v4.172a2 2 0 0 0 .586 1.414l5.71 5.71a2.41 2.41 0 0 0 3.408 0l3.592-3.592a2.41 2.41 0 0 0 0-3.408l-5.71-5.71A2 2 0 0 0 9.172 6H5a2 2 0 0 0-2 2" />
+                            <path d="m18 19l1.592-1.592a4.82 4.82 0 0 0 0-6.816L15 6m-8 4h-.01" />
+                        </g>
+                    </svg>
+                </a>
+            </li>
 
             <div class="flex-1"></div>
             @if (isInstanceAdmin() && !isCloud())
@@ -103,7 +115,7 @@ class="{{ request()->is('command-center') ? 'text-warning icon' : 'icon' }}" vie
                 </a>
             </li>
             <li title="Profile">
-                <a  class="hover:bg-transparent" href="/profile">
+                <a class="hover:bg-transparent" href="/profile">
                     <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="1.5"
                         stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                         <path stroke="none" d="M0 0h24v24H0z" fill="none" />
@@ -116,7 +128,7 @@ class="{{ request()->is('command-center') ? 'text-warning icon' : 'icon' }}" vie
 
             @if (isInstanceAdmin())
                 <li title="Settings" class="mt-auto">
-                    <a  class="hover:bg-transparent" href="/settings">
+                    <a class="hover:bg-transparent" href="/settings">
                         <svg xmlns="http://www.w3.org/2000/svg"
                             class="{{ request()->is('settings*') ? 'text-warning icon' : 'icon' }}" viewBox="0 0 24 24"
                             stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round"
diff --git a/resources/views/components/toast.blade.php b/resources/views/components/toast.blade.php
index 4be15e201..64f07b8b4 100644
--- a/resources/views/components/toast.blade.php
+++ b/resources/views/components/toast.blade.php
@@ -22,20 +22,7 @@
     if (typeof options.html != 'undefined') html = options.html;
 
     window.dispatchEvent(new CustomEvent('toast-show', { detail: { type: type, message: message, description: description, position: position, html: html } }));
-}
-
-window.customToastHTML = `
-        <div class='relative flex items-start justify-center p-4'>
-            <div class='flex flex-col'>
-                <p class='text-sm font-medium text-gray-800'>New Friend Request</p>
-                <p class='mt-1 text-xs leading-none text-gray-800'>Friend request from John Doe.</p>
-                <div class='flex mt-3'>
-                    <button type='button' @click='burnToast(toast.id)' class='inline-flex items-center px-2 py-1 text-xs font-semibold text-white bg-indigo-600 rounded shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600'>Accept</button>
-                    <button type='button' @click='burnToast(toast.id)' class='inline-flex items-center px-2 py-1 ml-3 text-xs font-semibold text-gray-900 bg-white rounded shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50'>Decline</button>
-                </div>
-            </div>
-        </div>
-    `" class="relative space-y-5">
+}" class="relative space-y-5">
     <template x-teleport="body">
         <ul x-data="{
             toasts: [],
diff --git a/resources/views/livewire/project/application/configuration.blade.php b/resources/views/livewire/project/application/configuration.blade.php
index b6d6cad5c..5789ee5bc 100644
--- a/resources/views/livewire/project/application/configuration.blade.php
+++ b/resources/views/livewire/project/application/configuration.blade.php
@@ -63,6 +63,9 @@
                 @click.prevent="activeTab = 'resource-operations'; window.location.hash = 'resource-operations'"
                 href="#">Resource Operations
             </a>
+            <a :class="activeTab === 'tags' && 'text-white'"
+                @click.prevent="activeTab = 'tags'; window.location.hash = 'tags'" href="#">Tags
+            </a>
             <a :class="activeTab === 'danger' && 'text-white'"
                 @click.prevent="activeTab = 'danger'; window.location.hash = 'danger'" href="#">Danger Zone
             </a>
@@ -112,6 +115,9 @@
             <div x-cloak x-show="activeTab === 'resource-operations'">
                 <livewire:project.shared.resource-operations :resource="$application" />
             </div>
+            <div x-cloak x-show="activeTab === 'tags'">
+                <livewire:project.shared.tags :resource="$application" />
+            </div>
             <div x-cloak x-show="activeTab === 'danger'">
                 <livewire:project.shared.danger :resource="$application" />
             </div>
diff --git a/resources/views/livewire/project/application/general.blade.php b/resources/views/livewire/project/application/general.blade.php
index 743c95651..3e5e4f137 100644
--- a/resources/views/livewire/project/application/general.blade.php
+++ b/resources/views/livewire/project/application/general.blade.php
@@ -112,9 +112,7 @@ class="underline" href="https://coolify.io/docs/docker/registry"
                                 helper="If set, it will tag the built image with this tag too. <br><br>Example: If you set it to 'latest', it will push the image with the commit sha tag + with the latest tag."
                                 label="Docker Image Tag" />
                         @endif
-
                     @endif
-
                 </div>
             @endif
 
diff --git a/resources/views/livewire/project/resource/index.blade.php b/resources/views/livewire/project/resource/index.blade.php
index c91ede1e6..9ecae4a9e 100644
--- a/resources/views/livewire/project/resource/index.blade.php
+++ b/resources/views/livewire/project/resource/index.blade.php
@@ -46,24 +46,34 @@ class="items-center justify-center box">+ Add New Resource</a>
     @else
         <div x-data="searchComponent()">
             <x-forms.input placeholder="Search for name, fqdn..." class="w-full" x-model="search" />
-            <div class="grid gap-2 pt-4 lg:grid-cols-2">
+            <div class="grid gap-4 pt-4 lg:grid-cols-4">
                 <template x-for="item in filteredApplications" :key="item.id">
-                    <a class="relative box group" :href="item.hrefLink">
-                        <div class="flex flex-col mx-6">
-                            <div class="pb-2 font-bold text-white" x-text="item.name"></div>
-                            <div class="description" x-text="item.description"></div>
-                            <div class="description" x-text="item.fqdn"></div>
+                    <span class="relative">
+                        <a class="h-24 box group" :href="item.hrefLink">
+                            <div class="flex flex-col mx-6">
+                                <div class="pb-2 font-bold text-white" x-text="item.name"></div>
+                                <div class="description" x-text="item.description"></div>
+                                <div class="description" x-text="item.fqdn"></div>
+                            </div>
+                            <template x-if="item.status.startsWith('running')">
+                                <div class="absolute bg-success -top-1 -left-1 badge badge-xs"></div>
+                            </template>
+                            <template x-if="item.status.startsWith('exited')">
+                                <div class="absolute bg-error -top-1 -left-1 badge badge-xs"></div>
+                            </template>
+                            <template x-if="item.status.startsWith('restarting')">
+                                <div class="absolute bg-warning -top-1 -left-1 badge badge-xs"></div>
+                            </template>
+                        </a>
+                        <div class="flex gap-1 pt-1 group-hover:text-white group min-h-6">
+                            <template x-for="tag in item.tags">
+                                <div class="px-2 py-1 cursor-pointer description bg-coolgray-100 hover:bg-coolgray-300"
+                                    @click.prevent="gotoTag(tag.name)" x-text="tag.name"></div>
+                            </template>
+                            <div class="flex items-center px-2 text-xs cursor-pointer text-neutral-500/20 group-hover:text-white hover:bg-coolgray-300"
+                                @click.prevent="goto(item)">Add tag</div>
                         </div>
-                        <template x-if="item.status.startsWith('running')">
-                            <div class="absolute bg-success -top-1 -left-1 badge badge-xs"></div>
-                        </template>
-                        <template x-if="item.status.startsWith('exited')">
-                            <div class="absolute bg-error -top-1 -left-1 badge badge-xs"></div>
-                        </template>
-                        <template x-if="item.status.startsWith('restarting')">
-                            <div class="absolute bg-warning -top-1 -left-1 badge badge-xs"></div>
-                        </template>
-                    </a>
+                    </span>
                 </template>
                 <template x-for="item in filteredPostgresqls" :key="item.id">
                     <a class="relative box group" :href="item.hrefLink">
@@ -184,6 +194,13 @@ function searchComponent() {
             mysqls: @js($mysqls),
             mariadbs: @js($mariadbs),
             services: @js($services),
+            gotoTag(tag) {
+                window.location.href = '/tags/' + tag;
+            },
+            goto(item) {
+                const hrefLink = item.hrefLink;
+                window.location.href = `${hrefLink}#tags`;
+            },
             get filteredApplications() {
                 if (this.search === '') {
                     return this.applications;
diff --git a/resources/views/livewire/project/shared/tags.blade.php b/resources/views/livewire/project/shared/tags.blade.php
new file mode 100644
index 000000000..50144d6e4
--- /dev/null
+++ b/resources/views/livewire/project/shared/tags.blade.php
@@ -0,0 +1,13 @@
+<div>
+    <h2>Tags</h2>
+    @foreach ($this->resource->tags as $tag)
+        <div>
+            <div>{{ $tag->name }}</div>
+            <x-forms.button isError wire:click="deleteTag('{{ $tag->id }}','{{ $tag->name }}')">Delete</x-forms.button>
+        </div>
+    @endforeach
+    <form wire:submit='submit'>
+        <x-forms.input label="Add/Assign a tag" wire:model="new_tag"  wire:confirm="Are you sure you want to delete this post?" />
+        <x-forms.button type="submit">Add</x-forms.button>
+    </form>
+</div>
diff --git a/resources/views/livewire/tags/index.blade.php b/resources/views/livewire/tags/index.blade.php
new file mode 100644
index 000000000..6a34e1b07
--- /dev/null
+++ b/resources/views/livewire/tags/index.blade.php
@@ -0,0 +1,10 @@
+<div>
+    <h1>Tags</h1>
+    <div class="flex gap-2 pt-10">
+        @forelse ($tags as $tag)
+            <a class="box" href="{{ route('tags.show', ['tag_name' => $tag->name]) }}">{{ $tag->name }}</a>
+        @empty
+            <p>No tags yet</p>
+        @endforelse
+    </div>
+</div>
diff --git a/resources/views/livewire/tags/show.blade.php b/resources/views/livewire/tags/show.blade.php
new file mode 100644
index 000000000..2dc081a95
--- /dev/null
+++ b/resources/views/livewire/tags/show.blade.php
@@ -0,0 +1,18 @@
+<div>
+    <h1>Tag: {{ $tag->name }}</h1>
+    <div class="">Tag details</div>
+    <div class="lg:w-[500px] pt-4">
+        <x-forms.input  readonly label="Tag Deploy Webhook URL" id="webhook"  />
+    </div>
+    <div class="pt-4">
+        <div class="flex items-end gap-2">
+            <h3>Resources</h3>
+            <x-forms.button>Redeploy All</x-forms.button>
+        </div>
+        <div class="grid gap-2 pt-4 lg:grid-cols-2">
+            @foreach ($resources as $resource)
+                <div class="box">{{ data_get($resource, 'name') }}</div>
+            @endforeach
+        </div>
+    </div>
+</div>
diff --git a/routes/api.php b/routes/api.php
index 41d64bf31..3b0e1b594 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -7,6 +7,7 @@
 use App\Actions\Database\StartRedis;
 use App\Actions\Service\StartService;
 use App\Models\ApplicationDeploymentQueue;
+use App\Models\Tag;
 use App\Models\User;
 use App\Providers\RouteServiceProvider;
 use Illuminate\Http\Request;
@@ -36,14 +37,14 @@
     'middleware' => $middlewares,
     'prefix' => 'v1'
 ], function () {
-    Route::get('/deployments', function() {
+    Route::get('/deployments', function () {
         return ApplicationDeploymentQueue::whereIn("status", ["in_progress", "queued"])->get([
             "id",
             "server_id",
             "status"
-          ])->groupBy("server_id")->map(function($item) {
+        ])->groupBy("server_id")->map(function ($item) {
             return $item;
-          })->toArray();
+        })->toArray();
     });
 });
 Route::group([
@@ -131,6 +132,92 @@
         }
         return response()->json(['error' => "No resources found.", 'docs' => 'https://coolify.io/docs/api/deploy-webhook'], 404);
     });
+    Route::get('/deploy/tag/{tag_name}', function (Request $request) {
+        $token = auth()->user()->currentAccessToken();
+        $team_id = data_get($token, 'team_id');
+        $tag_name = $request->route('tag_name');
+        $force = $request->query->get('force') ?? false;
+        if (is_null($team_id)) {
+            return response()->json(['error' => 'Invalid token.', 'docs' => 'https://coolify.io/docs/api/authentication'], 400);
+        }
+
+        $message = collect([]);
+        $tag = Tag::where(['name' => $tag_name, 'team_id' => $team_id])->first();
+        if (!$tag) {
+            return response()->json(['error' => 'Tag not found.', 'docs' => 'https://coolify.io/docs/api/deploy-webhook'], 404);
+        }
+        $resources = $tag->resources()->get();
+        if ($resources->count() === 0) {
+            return response()->json(['error' => 'No resources found.', 'docs' => 'https://coolify.io/docs/api/deploy-webhook'], 404);
+        }
+        foreach ($resources as $resource) {
+            if ($resource) {
+                $type = $resource->getMorphClass();
+                if ($type === 'App\Models\Application') {
+                    queue_application_deployment(
+                        application: $resource,
+                        deployment_uuid: new Cuid2(7),
+                        force_rebuild: $force,
+                    );
+                    $message->push("Application {$resource->name} deployment queued.");
+                } else if ($type === 'App\Models\StandalonePostgresql') {
+                    if (str($resource->status)->startsWith('running')) {
+                        $message->push("Database {$resource->name} already running.");
+                    }
+                    StartPostgresql::run($resource);
+                    $resource->update([
+                        'started_at' => now(),
+                    ]);
+                    $message->push("Database {$resource->name} started.");
+                } else if ($type === 'App\Models\StandaloneRedis') {
+                    if (str($resource->status)->startsWith('running')) {
+                        $message->push("Database {$resource->name} already running.");
+                    }
+                    StartRedis::run($resource);
+                    $resource->update([
+                        'started_at' => now(),
+                    ]);
+                    $message->push("Database {$resource->name} started.");
+                } else if ($type === 'App\Models\StandaloneMongodb') {
+                    if (str($resource->status)->startsWith('running')) {
+                        $message->push("Database {$resource->name} already running.");
+                    }
+                    StartMongodb::run($resource);
+                    $resource->update([
+                        'started_at' => now(),
+                    ]);
+                    $message->push("Database {$resource->name} started.");
+                } else if ($type === 'App\Models\StandaloneMysql') {
+                    if (str($resource->status)->startsWith('running')) {
+                        $message->push("Database {$resource->name} already running.");
+                    }
+                    StartMysql::run($resource);
+                    $resource->update([
+                        'started_at' => now(),
+                    ]);
+                    $message->push("Database {$resource->name} started.");
+                } else if ($type === 'App\Models\StandaloneMariadb') {
+                    if (str($resource->status)->startsWith('running')) {
+                        $message->push("Database {$resource->name} already running.");
+                    }
+                    StartMariadb::run($resource);
+                    $resource->update([
+                        'started_at' => now(),
+                    ]);
+                    $message->push("Database {$resource->name} started.");
+                } else if ($type === 'App\Models\Service') {
+                    StartService::run($resource);
+                    $message->push("Service {$resource->name} started. It could take a while, be patient.");
+                }
+            }
+        }
+        ray($resources);
+
+        if ($message->count() > 0) {
+            return response()->json(['message' => $message->toArray()], 200);
+        }
+        return response()->json(['error' => "No resources found.", 'docs' => 'https://coolify.io/docs/api/deploy-webhook'], 404);
+    });
 });
 
 Route::middleware(['throttle:5'])->group(function () {
diff --git a/routes/web.php b/routes/web.php
index fdfd5a4e0..f32d88d7a 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -67,6 +67,10 @@
 
 use App\Livewire\Source\Github\Change as GitHubChange;
 use App\Livewire\Subscription\Index as SubscriptionIndex;
+
+use App\Livewire\Tags\Index as TagsIndex;
+use App\Livewire\Tags\Show as TagsShow;
+
 use App\Livewire\TeamSharedVariablesIndex;
 use App\Livewire\Waitlist\Index as WaitlistIndex;
 
@@ -106,7 +110,10 @@
     Route::get('/settings/license', SettingsLicense::class)->name('settings.license');
 
     Route::get('/profile', ProfileIndex::class)->name('profile');
-
+    Route::prefix('tags')->group(function () {
+        Route::get('/', TagsIndex::class)->name('tags.index');
+        Route::get('/{tag_name}', TagsShow::class)->name('tags.show');
+    });
     Route::prefix('team')->group(function () {
         Route::get('/', TeamIndex::class)->name('team.index');
         Route::get('/new', TeamCreate::class)->name('team.create');