- 2.x - sites settings

- tags
- source-control soft deletes

app/Web/Pages/Servers/Databases/Widgets/DatabaseUsersList.php

@@ -33,9 +33,6 @@ protected function getTableQuery(): Builder
     protected function getTableColumns(): array
     {
         return [
-            TextColumn::make('id')
-                ->searchable()
-                ->sortable(),
             TextColumn::make('username')
                 ->searchable(),
             TextColumn::make('status')

app/Web/Pages/Servers/Databases/Widgets/DatabasesList.php

@@ -29,9 +29,6 @@ protected function getTableQuery(): Builder
     protected function getTableColumns(): array
     {
         return [
-            TextColumn::make('id')
-                ->searchable()
-                ->sortable(),
             TextColumn::make('name')
                 ->searchable(),
             TextColumn::make('status')

app/Web/Pages/Servers/Sites/Page.php

@@ -49,6 +49,16 @@ public function getSecondSubNavigation(): array
                 ]));
         }
 
+        if (Settings::canAccess()) {
+            $items[] = NavigationItem::make(Settings::getNavigationLabel())
+                ->icon('heroicon-o-wrench-screwdriver')
+                ->isActiveWhen(fn () => request()->routeIs(Settings::getRouteName()))
+                ->url(Settings::getUrl(parameters: [
+                    'server' => $this->server,
+                    'site' => $this->site,
+                ]));
+        }
+
         return [
             NavigationGroup::make()
                 ->items($items),

app/Web/Pages/Servers/Sites/Settings.php

@@ -0,0 +1,77 @@
+<?php
+
+namespace App\Web\Pages\Servers\Sites;
+
+use App\SSH\Services\Webserver\Webserver;
+use App\Web\Fields\CodeEditorField;
+use Filament\Actions\Action;
+use Filament\Actions\DeleteAction;
+use Filament\Notifications\Notification;
+
+class Settings extends Page
+{
+    protected static ?string $slug = 'servers/{server}/sites/{site}/settings';
+
+    protected static ?string $title = 'Settings';
+
+    protected $listeners = ['$refresh'];
+
+    public static function canAccess(): bool
+    {
+        return auth()->user()?->can('update', [static::getSiteFromRoute(), static::getServerFromRoute()]) ?? false;
+    }
+
+    public function getWidgets(): array
+    {
+        return [
+            [Widgets\SiteDetails::class, ['site' => $this->site]],
+        ];
+    }
+
+    protected function getHeaderActions(): array
+    {
+        return [
+            $this->vhostAction(),
+            $this->deleteAction(),
+        ];
+    }
+
+    private function deleteAction(): Action
+    {
+        return DeleteAction::make()
+            ->icon('heroicon-o-trash')
+            ->record($this->server)
+            ->modalHeading('Delete Site')
+            ->modalDescription('Once your site is deleted, all of its resources and data will be permanently deleted and can\'t be restored');
+    }
+
+    private function vhostAction(): Action
+    {
+        return Action::make('vhost')
+            ->color('gray')
+            ->icon('si-nginx')
+            ->label('VHost')
+            ->modalSubmitActionLabel('Save')
+            ->form([
+                CodeEditorField::make('vhost')
+                    ->formatStateUsing(function () {
+                        /** @var Webserver $handler */
+                        $handler = $this->server->webserver()->handler();
+
+                        return $handler->getVhost($this->site);
+                    })
+                    ->rules(['required']),
+            ])
+            ->action(function (array $data) {
+                run_action($this, function () use ($data) {
+                    /** @var Webserver $handler */
+                    $handler = $this->server->webserver()->handler();
+                    $handler->updateVHost($this->site, false, $data['vhost']);
+                    Notification::make()
+                        ->success()
+                        ->title('VHost updated!')
+                        ->send();
+                });
+            });
+    }
+}

app/Web/Pages/Servers/Sites/View.php

@@ -68,6 +68,12 @@ public function getWidgets(): array
             }
         }
 
+        if ($this->site->isReady()) {
+            if (in_array(SiteFeature::DEPLOYMENT, $this->site->type()->supportedFeatures())) {
+                $widgets[] = [Widgets\DeploymentsList::class, ['site' => $this->site]];
+            }
+        }
+
         return $widgets;
     }
 
@@ -118,6 +124,8 @@ private function deployAction(): Action
                         ->success()
                         ->title('Deployment started!')
                         ->send();
+
+                    $this->dispatch('$refresh');
                 });
             });
     }

app/Web/Pages/Servers/Sites/Widgets/DeploymentsList.php

@@ -0,0 +1,84 @@
+<?php
+
+namespace App\Web\Pages\Servers\Sites\Widgets;
+
+use App\Models\Deployment;
+use App\Models\Site;
+use Filament\Tables\Actions\Action;
+use Filament\Tables\Columns\TextColumn;
+use Filament\Tables\Table;
+use Filament\Widgets\TableWidget as Widget;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\View\ComponentAttributeBag;
+
+class DeploymentsList extends Widget
+{
+    public Site $site;
+
+    protected $listeners = ['$refresh'];
+
+    protected function getTableQuery(): Builder
+    {
+        return Deployment::query()->where('site_id', $this->site->id);
+    }
+
+    protected function applySortingToTableQuery(Builder $query): Builder
+    {
+        return $query->latest('created_at');
+    }
+
+    protected function getTableColumns(): array
+    {
+        return [
+            TextColumn::make('commit_data')
+                ->label('Commit')
+                ->url(fn (Deployment $record) => $record->commit_data['url'] ?? '#')
+                ->openUrlInNewTab()
+                ->formatStateUsing(fn (Deployment $record) => $record->commit_data['message'] ?? 'No message')
+                ->tooltip(fn (Deployment $record) => $record->commit_data['message'] ?? 'No message')
+                ->limit(50)
+                ->searchable()
+                ->sortable(),
+            TextColumn::make('created_at')
+                ->formatStateUsing(fn (Deployment $record) => $record->created_at_by_timezone)
+                ->sortable(),
+            TextColumn::make('status')
+                ->label('Status')
+                ->badge()
+                ->color(fn (Deployment $record) => Deployment::$statusColors[$record->status])
+                ->searchable()
+                ->sortable(),
+        ];
+    }
+
+    public function table(Table $table): Table
+    {
+        return $table
+            ->query($this->getTableQuery())
+            ->columns($this->getTableColumns())
+            ->heading('Deployments')
+            ->actions([
+                Action::make('view')
+                    ->hiddenLabel()
+                    ->tooltip('View')
+                    ->icon('heroicon-o-eye')
+                    ->authorize(fn ($record) => auth()->user()->can('view', $record->log))
+                    ->modalHeading('View Log')
+                    ->modalContent(function (Deployment $record) {
+                        return view('components.console-view', [
+                            'slot' => $record->log?->getContent(),
+                            'attributes' => new ComponentAttributeBag,
+                        ]);
+                    })
+                    ->modalSubmitAction(false)
+                    ->modalCancelActionLabel('Close'),
+                Action::make('download')
+                    ->hiddenLabel()
+                    ->tooltip('Download')
+                    ->color('gray')
+                    ->icon('heroicon-o-archive-box-arrow-down')
+                    ->authorize(fn ($record) => auth()->user()->can('view', $record->log))
+                    ->action(fn (Deployment $record) => $record->log?->download()),
+            ]);
+    }
+}

app/Web/Pages/Servers/Sites/Widgets/SiteDetails.php

@@ -0,0 +1,182 @@
+<?php
+
+namespace App\Web\Pages\Servers\Sites\Widgets;
+
+use App\Actions\Site\UpdateAliases;
+use App\Actions\Site\UpdatePHPVersion;
+use App\Actions\Site\UpdateSourceControl;
+use App\Models\Site;
+use App\Models\SourceControl;
+use App\Web\Pages\Settings\SourceControls\Actions\Create;
+use App\Web\Pages\Settings\Tags\Actions\EditTags;
+use Filament\Forms\Components\Select;
+use Filament\Forms\Components\TagsInput;
+use Filament\Forms\Concerns\InteractsWithForms;
+use Filament\Forms\Contracts\HasForms;
+use Filament\Infolists\Components\Actions\Action;
+use Filament\Infolists\Components\Section;
+use Filament\Infolists\Components\TextEntry;
+use Filament\Infolists\Concerns\InteractsWithInfolists;
+use Filament\Infolists\Contracts\HasInfolists;
+use Filament\Infolists\Infolist;
+use Filament\Notifications\Notification;
+use Filament\Support\Enums\MaxWidth;
+use Filament\Widgets\Widget;
+
+class SiteDetails extends Widget implements HasForms, HasInfolists
+{
+    use InteractsWithForms;
+    use InteractsWithInfolists;
+
+    protected $listeners = ['$refresh'];
+
+    protected static bool $isLazy = false;
+
+    protected static string $view = 'web.components.infolist';
+
+    public Site $site;
+
+    public function infolist(Infolist $infolist): Infolist
+    {
+        return $infolist
+            ->schema([
+                Section::make()
+                    ->heading('Site Details')
+                    ->description('More details about your site')
+                    ->columns(1)
+                    ->schema([
+                        TextEntry::make('id')
+                            ->label('ID')
+                            ->inlineLabel()
+                            ->hintIcon('heroicon-o-information-circle')
+                            ->hintIconTooltip('Site unique identifier to use in the API'),
+                        TextEntry::make('created_at')
+                            ->label('Created At')
+                            ->formatStateUsing(fn ($record) => $record->created_at_by_timezone)
+                            ->inlineLabel(),
+                        TextEntry::make('type')
+                            ->extraAttributes(['class' => 'capitalize'])
+                            ->inlineLabel(),
+                        TextEntry::make('tags.*')
+                            ->default('No tags')
+                            ->formatStateUsing(fn ($state) => is_object($state) ? $state->name : $state)
+                            ->inlineLabel()
+                            ->badge()
+                            ->color(fn ($state) => is_object($state) ? $state->color : 'gray')
+                            ->icon(fn ($state) => is_object($state) ? 'heroicon-o-tag' : '')
+                            ->suffixAction(
+                                EditTags::infolist($this->site)
+                            ),
+                        TextEntry::make('php_version')
+                            ->label('PHP Version')
+                            ->inlineLabel()
+                            ->suffixAction(
+                                Action::make('edit_php_version')
+                                    ->icon('heroicon-o-pencil-square')
+                                    ->tooltip('Change')
+                                    ->modalSubmitActionLabel('Save')
+                                    ->modalHeading('Update PHP Version')
+                                    ->modalWidth(MaxWidth::Medium)
+                                    ->form([
+                                        Select::make('version')
+                                            ->label('Version')
+                                            ->selectablePlaceholder(false)
+                                            ->rules(UpdatePHPVersion::rules($this->site)['version'])
+                                            ->default($this->site->php_version)
+                                            ->options(
+                                                collect($this->site->server->installedPHPVersions())
+                                                    ->mapWithKeys(fn ($version) => [$version => $version])
+                                            ),
+
+                                    ])
+                                    ->action(function (array $data) {
+                                        run_action($this, function () use ($data) {
+                                            app(UpdatePHPVersion::class)->update($this->site, $data);
+
+                                            Notification::make()
+                                                ->success()
+                                                ->title('PHP version updated!')
+                                                ->send();
+                                        });
+                                    })
+                            ),
+                        TextEntry::make('aliases.*')
+                            ->inlineLabel()
+                            ->badge()
+                            ->default('No aliases')
+                            ->color(fn ($state) => $state == 'No aliases' ? 'gray' : 'primary')
+                            ->suffixAction(
+                                Action::make('edit_aliases')
+                                    ->icon('heroicon-o-pencil-square')
+                                    ->tooltip('Change')
+                                    ->modalSubmitActionLabel('Save')
+                                    ->modalHeading('Update Aliases')
+                                    ->modalWidth(MaxWidth::Medium)
+                                    ->form([
+                                        TagsInput::make('aliases')
+                                            ->splitKeys(['Enter', 'Tab', ' ', ','])
+                                            ->placeholder('Type and press enter to add an alias')
+                                            ->default($this->site->aliases)
+                                            ->nestedRecursiveRules(UpdateAliases::rules()['aliases.*']),
+
+                                    ])
+                                    ->action(function (array $data) {
+                                        run_action($this, function () use ($data) {
+                                            app(UpdateAliases::class)->update($this->site, $data);
+
+                                            Notification::make()
+                                                ->success()
+                                                ->title('Aliases updated!')
+                                                ->send();
+                                        });
+                                    })
+                            ),
+                        TextEntry::make('source_control_id')
+                            ->label('Source Control')
+                            ->formatStateUsing(fn (Site $record) => $record->sourceControl?->profile)
+                            ->inlineLabel()
+                            ->suffixAction(
+                                Action::make('edit_source_control')
+                                    ->icon('heroicon-o-pencil-square')
+                                    ->tooltip('Change')
+                                    ->modalSubmitActionLabel('Save')
+                                    ->modalHeading('Update Source Control')
+                                    ->modalWidth(MaxWidth::Medium)
+                                    ->form([
+                                        Select::make('source_control')
+                                            ->label('Source Control')
+                                            ->rules(UpdateSourceControl::rules()['source_control'])
+                                            ->options(
+                                                SourceControl::getByProjectId(auth()->user()->current_project_id)
+                                                    ->pluck('profile', 'id')
+                                            )
+                                            ->default($this->site->source_control_id)
+                                            ->suffixAction(
+                                                \Filament\Forms\Components\Actions\Action::make('connect')
+                                                    ->form(Create::form())
+                                                    ->modalHeading('Connect to a source control')
+                                                    ->modalSubmitActionLabel('Connect')
+                                                    ->icon('heroicon-o-wifi')
+                                                    ->tooltip('Connect to a source control')
+                                                    ->modalWidth(MaxWidth::Large)
+                                                    ->authorize(fn () => auth()->user()->can('create', SourceControl::class))
+                                                    ->action(fn (array $data) => Create::action($data))
+                                            )
+                                            ->placeholder('Select source control'),
+                                    ])
+                                    ->action(function (array $data) {
+                                        run_action($this, function () use ($data) {
+                                            app(UpdateSourceControl::class)->update($this->site, $data);
+
+                                            Notification::make()
+                                                ->success()
+                                                ->title('Source control updated!')
+                                                ->send();
+                                        });
+                                    })
+                            ),
+                    ]),
+            ])
+            ->record($this->site);
+    }
+}

app/Web/Pages/Servers/Sites/Widgets/SitesList.php

@@ -4,6 +4,7 @@
 
 use App\Models\Server;
 use App\Models\Site;
+use App\Web\Pages\Servers\Sites\Settings;
 use App\Web\Pages\Servers\Sites\View;
 use Filament\Tables\Actions\Action;
 use Filament\Tables\Columns\TextColumn;
@@ -25,10 +26,15 @@ protected function getTableQuery(): Builder
     protected function getTableColumns(): array
     {
         return [
-            TextColumn::make('id')
+            TextColumn::make('domain')
                 ->searchable()
                 ->sortable(),
-            TextColumn::make('domain')
+            TextColumn::make('tags')
+                ->label('Tags')
+                ->badge()
+                ->icon('heroicon-o-tag')
+                ->formatStateUsing(fn ($state) => $state->name)
+                ->color(fn ($state) => $state->color)
                 ->searchable()
                 ->sortable(),
             TextColumn::make('created_at')
@@ -52,7 +58,7 @@ public function getTable(): Table
                     ->label('Settings')
                     ->icon('heroicon-o-cog-6-tooth')
                     ->authorize(fn (Site $record) => auth()->user()->can('update', [$record, $this->server]))
-                    ->url(fn (Site $record) => '/'),
+                    ->url(fn (Site $record) => Settings::getUrl(parameters: ['server' => $this->server, 'site' => $record])),
             ]);
     }
 }

app/Web/Pages/Servers/Widgets/ServerDetails.php

@@ -4,6 +4,7 @@
 
 use App\Actions\Server\Update;
 use App\Models\Server;
+use App\Web\Pages\Settings\Tags\Actions\EditTags;
 use Filament\Forms\Concerns\InteractsWithForms;
 use Filament\Forms\Contracts\HasForms;
 use Filament\Infolists\Components\Actions\Action;
@@ -88,16 +89,15 @@ public function infolist(Infolist $infolist): Infolist
                         TextEntry::make('provider')
                             ->label('Provider')
                             ->inlineLabel(),
-                        TextEntry::make('tags')
-                            ->label('Tags')
+                        TextEntry::make('tags.*')
+                            ->default('No tags')
+                            ->formatStateUsing(fn ($state) => is_object($state) ? $state->name : $state)
                             ->inlineLabel()
-                            ->state(fn (Server $record) => view('web.components.tags', ['tags' => $record->tags]))
+                            ->badge()
+                            ->color(fn ($state) => is_object($state) ? $state->color : 'gray')
+                            ->icon(fn ($state) => is_object($state) ? 'heroicon-o-tag' : '')
                             ->suffixAction(
-                                Action::make('edit-tags')
-                                    ->icon('heroicon-o-pencil')
-                                    ->tooltip('Edit Tags')
-                                    ->action(fn (Server $record) => $this->dispatch('$editTags', $record))
-                                    ->tooltip('Edit Tags')
+                                EditTags::infolist($this->server)
                             ),
 
                     ]),

app/Web/Pages/Servers/Widgets/ServersList.php

@@ -7,7 +7,6 @@
 use App\Web\Pages\Servers\View;
 use Filament\Tables\Actions\Action;
 use Filament\Tables\Columns\TextColumn;
-use Filament\Tables\Columns\ViewColumn;
 use Filament\Tables\Table;
 use Filament\Widgets\TableWidget as Widget;
 use Illuminate\Database\Eloquent\Builder;
@@ -24,16 +23,15 @@ protected function getTableQuery(): Builder
     protected function getTableColumns(): array
     {
         return [
-            TextColumn::make('id')
-                ->searchable()
-                ->sortable(),
             TextColumn::make('name')
                 ->searchable()
                 ->sortable(),
-            ViewColumn::make('tags.name')
+            TextColumn::make('tags')
                 ->label('Tags')
-                ->view('web.components.tags')
-                ->extraCellAttributes(['class' => 'px-3'])
+                ->badge()
+                ->icon('heroicon-o-tag')
+                ->formatStateUsing(fn ($state) => $state->name)
+                ->color(fn ($state) => $state->color)
                 ->searchable()
                 ->sortable(),
             TextColumn::make('status')

app/Web/Pages/Settings/SourceControls/Actions/Edit.php

@@ -2,25 +2,53 @@
 
 namespace App\Web\Pages\Settings\SourceControls\Actions;
 
+use App\Actions\SourceControl\ConnectSourceControl;
 use App\Actions\SourceControl\EditSourceControl;
-use App\Models\SourceControl;
+use App\Enums\SourceControl;
 use Exception;
+use Filament\Forms\Components\Checkbox;
+use Filament\Forms\Components\TextInput;
+use Filament\Forms\Get;
 use Filament\Notifications\Notification;
 
 class Edit
 {
     public static function form(): array
     {
-        return Create::form();
+        return [
+            TextInput::make('name')
+                ->rules(fn (Get $get) => ConnectSourceControl::rules($get())['name']),
+            TextInput::make('token')
+                ->label('API Key')
+                ->validationAttribute('API Key')
+                ->visible(fn ($get) => in_array($get('provider'), [
+                    SourceControl::GITHUB,
+                    SourceControl::GITLAB,
+                ]))
+                ->rules(fn (Get $get) => ConnectSourceControl::rules($get())['token']),
+            TextInput::make('url')
+                ->label('URL (optional)')
+                ->visible(fn ($get) => $get('provider') == SourceControl::GITLAB)
+                ->rules(fn (Get $get) => ConnectSourceControl::rules($get())['url'])
+                ->helperText('If you run a self-managed gitlab enter the url here, leave empty to use gitlab.com'),
+            TextInput::make('username')
+                ->visible(fn ($get) => $get('provider') == SourceControl::BITBUCKET)
+                ->rules(fn (Get $get) => ConnectSourceControl::rules($get())['username']),
+            TextInput::make('password')
+                ->visible(fn ($get) => $get('provider') == SourceControl::BITBUCKET)
+                ->rules(fn (Get $get) => ConnectSourceControl::rules($get())['password']),
+            Checkbox::make('global')
+                ->label('Is Global (Accessible in all projects)'),
+        ];
     }
 
     /**
      * @throws Exception
      */
-    public static function action(SourceControl $provider, array $data): void
+    public static function action(\App\Models\SourceControl $sourceControl, array $data): void
     {
         try {
-            app(EditSourceControl::class)->edit($provider, auth()->user(), $data);
+            app(EditSourceControl::class)->edit($sourceControl, auth()->user(), $data);
         } catch (Exception $e) {
             Notification::make()
                 ->title($e->getMessage())

app/Web/Pages/Settings/SourceControls/Widgets/SourceControlsList.php

@@ -57,8 +57,9 @@ public function getTable(): Table
             EditAction::make('edit')
                 ->label('Edit')
                 ->modalHeading('Edit Source Control')
-                ->mutateRecordDataUsing(function (array $data, SourceControl $record) {
+                ->fillForm(function (array $data, SourceControl $record) {
                     return [
+                        'provider' => $record->provider,
                         'name' => $record->profile,
                         'token' => $record->provider_data['token'] ?? null,
                         'username' => $record->provider_data['username'] ?? null,

app/Web/Pages/Settings/Tags/Actions/Create.php

@@ -0,0 +1,49 @@
+<?php
+
+namespace App\Web\Pages\Settings\Tags\Actions;
+
+use App\Actions\Tag\CreateTag;
+use App\Models\Tag;
+use Exception;
+use Filament\Forms\Components\Select;
+use Filament\Forms\Components\TextInput;
+use Filament\Forms\Get;
+use Filament\Notifications\Notification;
+
+class Create
+{
+    public static function form(): array
+    {
+        return [
+            TextInput::make('name')
+                ->rules(fn ($get) => CreateTag::rules()['name']),
+            Select::make('color')
+                ->prefixIcon('heroicon-s-tag')
+                ->prefixIconColor(fn (Get $get) => $get('color'))
+                ->searchable()
+                ->options(
+                    collect(config('core.tag_colors'))
+                        ->mapWithKeys(fn ($color) => [$color => $color])
+                )
+                ->reactive()
+                ->rules(fn ($get) => CreateTag::rules()['color']),
+        ];
+    }
+
+    /**
+     * @throws Exception
+     */
+    public static function action(array $data): Tag
+    {
+        try {
+            return app(CreateTag::class)->create(auth()->user(), $data);
+        } catch (Exception $e) {
+            Notification::make()
+                ->title($e->getMessage())
+                ->danger()
+                ->send();
+
+            throw $e;
+        }
+    }
+}

app/Web/Pages/Settings/Tags/Actions/Edit.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Web\Pages\Settings\Tags\Actions;
+
+use App\Actions\Tag\EditTag;
+use App\Models\Tag;
+use Filament\Forms\Components\Select;
+use Filament\Forms\Components\TextInput;
+
+class Edit
+{
+    public static function form(): array
+    {
+        return [
+            TextInput::make('name')
+                ->rules(EditTag::rules()['name']),
+            Select::make('color')
+                ->searchable()
+                ->options(
+                    collect(config('core.tag_colors'))
+                        ->mapWithKeys(fn ($color) => [$color => $color])
+                )
+                ->rules(fn ($get) => EditTag::rules()['color']),
+        ];
+    }
+
+    public static function action(Tag $tag, array $data): void
+    {
+        app(EditTag::class)->edit($tag, $data);
+    }
+}

app/Web/Pages/Settings/Tags/Actions/EditTags.php

@@ -0,0 +1,61 @@
+<?php
+
+namespace App\Web\Pages\Settings\Tags\Actions;
+
+use App\Actions\Tag\SyncTags;
+use App\Models\Server;
+use App\Models\Site;
+use Filament\Forms\Components\Select;
+use Filament\Infolists\Components\Actions\Action;
+use Filament\Notifications\Notification;
+use Filament\Support\Enums\MaxWidth;
+
+class EditTags
+{
+    /**
+     * @param  Site|Server  $taggable
+     */
+    public static function infolist(mixed $taggable): Action
+    {
+        return Action::make('edit_tags')
+            ->icon('heroicon-o-pencil-square')
+            ->tooltip('Edit Tags')
+            ->hiddenLabel()
+            ->modalSubmitActionLabel('Save')
+            ->modalHeading('Edit Tags')
+            ->modalWidth(MaxWidth::Medium)
+            ->form([
+                Select::make('tags')
+                    ->default($taggable->tags()->pluck('tags.id')->toArray())
+                    ->options(function () {
+                        return auth()->user()->currentProject->tags()->pluck('name', 'id')->toArray();
+                    })
+                    ->nestedRecursiveRules(SyncTags::rules(auth()->user()->currentProject->id)['tags.*'])
+                    ->suffixAction(
+                        \Filament\Forms\Components\Actions\Action::make('create_tag')
+                            ->icon('heroicon-o-plus')
+                            ->tooltip('Create a new tag')
+                            ->modalSubmitActionLabel('Create')
+                            ->modalHeading('Create Tag')
+                            ->modalWidth(MaxWidth::Medium)
+                            ->form(Create::form())
+                            ->action(function (array $data) {
+                                Create::action($data);
+                            }),
+                    )
+                    ->multiple(),
+            ])
+            ->action(function (array $data) use ($taggable) {
+                app(SyncTags::class)->sync(auth()->user(), [
+                    'taggable_id' => $taggable->id,
+                    'taggable_type' => get_class($taggable),
+                    'tags' => $data['tags'],
+                ]);
+
+                Notification::make()
+                    ->success()
+                    ->title('Tags updated!')
+                    ->send();
+            });
+    }
+}

app/Web/Pages/Settings/Tags/Index.php

@@ -0,0 +1,59 @@
+<?php
+
+namespace App\Web\Pages\Settings\Tags;
+
+use App\Models\Tag;
+use App\Web\Components\Page;
+use Filament\Actions\CreateAction;
+use Filament\Notifications\Notification;
+use Filament\Support\Enums\MaxWidth;
+
+class Index extends Page
+{
+    protected static ?string $navigationGroup = 'Settings';
+
+    protected static ?string $slug = 'settings/tags';
+
+    protected static ?string $title = 'Tags';
+
+    protected static ?string $navigationIcon = 'heroicon-o-tag';
+
+    protected static ?int $navigationSort = 7;
+
+    public static function canAccess(): bool
+    {
+        return auth()->user()?->can('viewAny', Tag::class) ?? false;
+    }
+
+    public function getWidgets(): array
+    {
+        return [
+            [Widgets\TagsList::class],
+        ];
+    }
+
+    protected function getHeaderActions(): array
+    {
+        return [
+            CreateAction::make()
+                ->label('Create')
+                ->icon('heroicon-o-plus')
+                ->modalHeading('Create a Tag')
+                ->modalSubmitActionLabel('Save')
+                ->createAnother(false)
+                ->form(Actions\Create::form())
+                ->authorize('create', Tag::class)
+                ->modalWidth(MaxWidth::ExtraLarge)
+                ->using(function (array $data) {
+                    Actions\Create::action($data);
+
+                    $this->dispatch('$refresh');
+
+                    Notification::make()
+                        ->success()
+                        ->title('Tag created!')
+                        ->send();
+                }),
+        ];
+    }
+}

app/Web/Pages/Settings/Tags/Widgets/TagsList.php

@@ -0,0 +1,78 @@
+<?php
+
+namespace App\Web\Pages\Settings\Tags\Widgets;
+
+use App\Actions\Tag\DeleteTag;
+use App\Models\Tag;
+use App\Web\Pages\Settings\Tags\Actions\Edit;
+use Filament\Support\Enums\MaxWidth;
+use Filament\Tables\Actions\Action;
+use Filament\Tables\Actions\DeleteAction;
+use Filament\Tables\Actions\EditAction;
+use Filament\Tables\Columns\ColorColumn;
+use Filament\Tables\Columns\TextColumn;
+use Filament\Tables\Table;
+use Filament\Widgets\TableWidget as Widget;
+use Illuminate\Database\Eloquent\Builder;
+
+class TagsList extends Widget
+{
+    protected $listeners = ['$refresh'];
+
+    protected function getTableQuery(): Builder
+    {
+        return Tag::getByProjectId(auth()->user()->current_project_id);
+    }
+
+    protected function getTableColumns(): array
+    {
+        return [
+            ColorColumn::make('color'),
+            TextColumn::make('name')
+                ->searchable()
+                ->sortable(),
+            TextColumn::make('created_at')
+                ->label('Created At')
+                ->formatStateUsing(fn (Tag $record) => $record->created_at_by_timezone)
+                ->searchable()
+                ->sortable(),
+        ];
+    }
+
+    public function table(Table $table): Table
+    {
+        return $table
+            ->heading('')
+            ->query($this->getTableQuery())
+            ->columns($this->getTableColumns())
+            ->actions([
+                $this->editAction(),
+                $this->deleteAction(),
+            ]);
+    }
+
+    private function editAction(): Action
+    {
+        return EditAction::make('edit')
+            ->fillForm(function (Tag $record) {
+                return [
+                    'name' => $record->name,
+                    'color' => $record->color,
+                    'global' => $record->project_id === null,
+                ];
+            })
+            ->form(Edit::form())
+            ->authorize(fn (Tag $record) => auth()->user()->can('update', $record))
+            ->using(fn (array $data, Tag $record) => Edit::action($record, $data))
+            ->modalWidth(MaxWidth::Medium);
+    }
+
+    private function deleteAction(): Action
+    {
+        return DeleteAction::make('delete')
+            ->authorize(fn (Tag $record) => auth()->user()->can('delete', $record))
+            ->using(function (Tag $record) {
+                app(DeleteTag::class)->delete($record);
+            });
+    }
+}