feat: Client UI translate to Filament (from React)

app/Filament/App/Pages/Console.php

@@ -0,0 +1,74 @@
+<?php
+
+namespace App\Filament\App\Pages;
+
+use Filament\Actions\Action;
+use Filament\Facades\Filament;
+use Filament\Pages\Page;
+
+class Console extends Page
+{
+    protected static ?string $navigationIcon = 'tabler-brand-tabler';
+
+    protected static string $view = 'filament.app.pages.console';
+
+    public array $history = [];
+    public int $historyIndex = 0;
+    public string $input = '';
+
+    protected function getViewData(): array
+    {
+        return [
+            'server' => Filament::getTenant(),
+            'user' => auth()->user(),
+        ];
+    }
+
+    protected function getHeaderActions(): array
+    {
+        return [
+            Action::make('start')
+                ->color('primary')
+                ->action(fn () => $this->dispatch('setServerState', state: 'start')),
+
+            Action::make('restart')
+                ->color('gray')
+                ->action(fn () => $this->dispatch('setServerState', state: 'restart')),
+
+            Action::make('stop')
+                ->color('danger')
+                ->action(fn () => $this->dispatch('setServerState', state: 'stop')),
+        ];
+    }
+
+    public function up()
+    {
+        $this->historyIndex = min($this->historyIndex + 1, count($this->history) - 1);
+
+        //        e.currentTarget.value = history![newIndex] || '';
+        //
+        //        // By default up arrow will also bring the cursor to the start of the line, so we'll preventDefault to keep it at the end.
+        //        e.preventDefault();
+    }
+
+    public function down()
+    {
+        $this->historyIndex = max($this->historyIndex - 1, -1);
+
+        // e.currentTarget.value = history![newIndex] || '';
+    }
+
+    public function enter()
+    {
+        $this->dispatch('sendServerCommand', command: $this->input);
+
+        $this->input = '';
+
+        //        setHistory((prevHistory) => [command, ...prevHistory!].slice(0, 32));
+        //            setHistoryIndex(-1);
+        //
+        //            instance && instance.send('send command', command);
+        //            e.currentTarget.value = '';
+    }
+
+}

app/Filament/App/Pages/Dashboard.php

@@ -0,0 +1,51 @@
+<?php
+
+namespace App\Filament\App\Pages;
+
+use Filament\Facades\Filament;
+use Filament\Pages\Page;
+use Illuminate\Contracts\Support\Htmlable;
+
+class Dashboard extends Page
+{
+    protected static string $routePath = '/';
+
+    protected static ?int $navigationSort = -2;
+
+    protected static string $view = 'filament-panels::pages.dashboard';
+
+    public static function getNavigationLabel(): string
+    {
+        return 'Dashboard';
+    }
+
+    public static function getNavigationIcon(): string|Htmlable|null
+    {
+        return 'tabler-home';
+    }
+
+    public static function getRoutePath(): string
+    {
+        return static::$routePath;
+    }
+
+    public function getWidgets(): array
+    {
+        return Filament::getWidgets();
+    }
+
+    public function getVisibleWidgets(): array
+    {
+        return $this->filterVisibleWidgets($this->getWidgets());
+    }
+
+    public function getColumns(): int|string|array
+    {
+        return 2;
+    }
+
+    public function getTitle(): string|Htmlable
+    {
+        return 'Welcome, '. auth()->user()->username;
+    }
+}

app/Filament/App/Resources/ActivityResource.php

@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Filament\App\Resources;
+
+use App\Filament\App\Resources\ActivityResource\Pages;
+use App\Models\ActivityLog;
+use Filament\Resources\Resource;
+
+class ActivityResource extends Resource
+{
+    protected static ?string $model = ActivityLog::class;
+
+    protected static ?string $navigationIcon = 'tabler-stack';
+
+    protected static ?string $tenantOwnershipRelationshipName = 'actor';
+
+    protected static ?string $tenantRelationshipName = 'activity';
+
+    public static function getPages(): array
+    {
+        return [
+            'index' => Pages\ListActivities::route('/'),
+        ];
+    }
+}

app/Filament/App/Resources/ActivityResource/Pages/ListActivities.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Filament\App\Resources\ActivityResource\Pages;
+
+use App\Filament\App\Resources\ActivityResource;
+use App\Models\ActivityLog;
+use App\Models\User;
+use Filament\Resources\Pages\ListRecords;
+use Filament\Tables\Columns\TextColumn;
+use Filament\Tables\Table;
+
+class ListActivities extends ListRecords
+{
+    protected static string $resource = ActivityResource::class;
+
+    public function table(Table $table): Table
+    {
+        return $table
+            ->columns([
+                TextColumn::make('event')
+                    ->formatStateUsing(fn ($state, ActivityLog $activityLog) => __('activity.'.str($activityLog->event)->replace(':', '.'), $activityLog->properties?->toArray() ?? []))
+                    ->description(fn ($state) => $state),
+                TextColumn::make('user')
+                    ->state(fn (ActivityLog $activityLog) => $activityLog->actor instanceof User ? $activityLog->actor->username : 'System')
+                    ->url(fn (ActivityLog $activityLog): string => $activityLog->actor instanceof User ? route('filament.admin.resources.users.edit', ['record' => $activityLog->actor]) : ''),
+                TextColumn::make('timestamp')
+                    ->sortable()
+                    ->formatStateUsing(fn ($state) => $state->diffForHumans()),
+            ]);
+    }
+}

app/Filament/App/Resources/BackupResource.php

@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Filament\App\Resources;
+
+use App\Filament\App\Resources\BackupResource\Pages;
+use App\Models\Backup;
+use Filament\Resources\Resource;
+
+class BackupResource extends Resource
+{
+    protected static ?string $model = Backup::class;
+
+    protected static bool $canCreateAnother = false;
+
+    protected static ?string $navigationIcon = 'tabler-download';
+
+    public static function getPages(): array
+    {
+        return [
+            'index' => Pages\ListBackups::route('/'),
+        ];
+    }
+}