From 8364b220cc7acf848f1f00f42f15fcf7c8ca0afd Mon Sep 17 00:00:00 2001
From: F4ilji <F4ilj@yandex.ru>
Date: Thu, 2 Jul 2026 01:03:13 +0500
Subject: [PATCH] feat: add Integration Credentials CRUD and Deploy UI

Integration Credentials:
- Add IntegrationCredential model with encrypted payload
- Add full CRUD: ManageIntegrationCredentialsAction, 4 Tasks, Controller, Requests
- Add migration for integration_credentials table
- Add Vue pages: Index, Create, Edit
- AI tasks now read API keys from DB instead of .env
- Add sidebar menu item

Deploy UI:
- Add DeployTask with full deploy lifecycle management
- Extend DeployController with index, log, history endpoints
- Add Deploy/Index.vue with live polling and deploy log viewer
- Add sidebar menu item and QuickAction for Sveden

UI:
- Add 'key' icon to SidebarNavItem
- Change deploy button color to amber in Main.vue
---
 .../ManageIntegrationCredentialsAction.php    |  47 +++
 .../Models/IntegrationCredential.php          |  15 +
 .../AI/CallAiServiceForFileSelectionTask.php  |  16 +-
 .../Dashboard/Tasks/AI/CallAiServiceTask.php  |  15 +-
 .../DeleteIntegrationCredentialTask.php       |  20 ++
 .../GetIntegrationCredentialTask.php          |  21 ++
 .../ListIntegrationCredentialsTask.php        |  14 +
 .../SaveIntegrationCredentialTask.php         |  22 ++
 .../UI/WEB/Controllers/DeployController.php   |  44 ++-
 .../IntegrationCredentialsController.php      |  78 +++++
 .../StoreIntegrationCredentialRequest.php     |  23 ++
 .../UpdateIntegrationCredentialRequest.php    |  23 ++
 ...0_create_integration_credentials_table.php |  24 ++
 .../Dashboard/Components/SidebarNavItem.vue   |   1 +
 .../Pages/Dashboard/Components/menuConfig.js  |  14 +
 .../Components/shared/QuickActions.vue        |  10 +
 resources/js/Pages/Dashboard/Deploy/Index.vue | 267 ++++++++++++++++++
 .../IntegrationCredentials/Create.vue         | 194 +++++++++++++
 .../Dashboard/IntegrationCredentials/Edit.vue | 210 ++++++++++++++
 .../IntegrationCredentials/Index.vue          | 147 ++++++++++
 resources/js/Pages/Dashboard/Main.vue         |   2 +-
 21 files changed, 1191 insertions(+), 16 deletions(-)
 create mode 100644 app/Containers/Dashboard/Actions/IntegrationCredentials/ManageIntegrationCredentialsAction.php
 create mode 100644 app/Containers/Dashboard/Models/IntegrationCredential.php
 create mode 100644 app/Containers/Dashboard/Tasks/IntegrationCredentials/DeleteIntegrationCredentialTask.php
 create mode 100644 app/Containers/Dashboard/Tasks/IntegrationCredentials/GetIntegrationCredentialTask.php
 create mode 100644 app/Containers/Dashboard/Tasks/IntegrationCredentials/ListIntegrationCredentialsTask.php
 create mode 100644 app/Containers/Dashboard/Tasks/IntegrationCredentials/SaveIntegrationCredentialTask.php
 create mode 100644 app/Containers/Dashboard/UI/WEB/Controllers/IntegrationCredentialsController.php
 create mode 100644 app/Containers/Dashboard/UI/WEB/Requests/StoreIntegrationCredentialRequest.php
 create mode 100644 app/Containers/Dashboard/UI/WEB/Requests/UpdateIntegrationCredentialRequest.php
 create mode 100644 database/migrations/2026_06_29_000000_create_integration_credentials_table.php
 create mode 100644 resources/js/Pages/Dashboard/Deploy/Index.vue
 create mode 100644 resources/js/Pages/Dashboard/IntegrationCredentials/Create.vue
 create mode 100644 resources/js/Pages/Dashboard/IntegrationCredentials/Edit.vue
 create mode 100644 resources/js/Pages/Dashboard/IntegrationCredentials/Index.vue

diff --git a/app/Containers/Dashboard/Actions/IntegrationCredentials/ManageIntegrationCredentialsAction.php b/app/Containers/Dashboard/Actions/IntegrationCredentials/ManageIntegrationCredentialsAction.php
new file mode 100644
index 0000000..ee0d985
--- /dev/null
+++ b/app/Containers/Dashboard/Actions/IntegrationCredentials/ManageIntegrationCredentialsAction.php
@@ -0,0 +1,47 @@
+<?php
+
+namespace App\Containers\Dashboard\Actions\IntegrationCredentials;
+
+use App\Containers\Dashboard\Models\IntegrationCredential;
+use App\Containers\Dashboard\Tasks\IntegrationCredentials\DeleteIntegrationCredentialTask;
+use App\Containers\Dashboard\Tasks\IntegrationCredentials\GetIntegrationCredentialTask;
+use App\Containers\Dashboard\Tasks\IntegrationCredentials\ListIntegrationCredentialsTask;
+use App\Containers\Dashboard\Tasks\IntegrationCredentials\SaveIntegrationCredentialTask;
+use Illuminate\Database\Eloquent\Collection;
+
+class ManageIntegrationCredentialsAction
+{
+    public function __construct(
+        private readonly ListIntegrationCredentialsTask $listTask,
+        private readonly SaveIntegrationCredentialTask $saveTask,
+        private readonly DeleteIntegrationCredentialTask $deleteTask,
+    ) {}
+
+    public function list(): Collection
+    {
+        return $this->listTask->run();
+    }
+
+    public function create(array $data): IntegrationCredential
+    {
+        return $this->saveTask->run(
+            $data['provider'],
+            $data['payload'],
+            $data['is_active'] ?? true,
+        );
+    }
+
+    public function update(IntegrationCredential $credential, array $data): IntegrationCredential
+    {
+        return $this->saveTask->run(
+            $data['provider'],
+            $data['payload'],
+            $data['is_active'] ?? true,
+        );
+    }
+
+    public function delete(IntegrationCredential $credential): bool
+    {
+        return $this->deleteTask->run($credential);
+    }
+}
diff --git a/app/Containers/Dashboard/Models/IntegrationCredential.php b/app/Containers/Dashboard/Models/IntegrationCredential.php
new file mode 100644
index 0000000..e207f3e
--- /dev/null
+++ b/app/Containers/Dashboard/Models/IntegrationCredential.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Containers\Dashboard\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class IntegrationCredential extends Model
+{
+    protected $guarded = false;
+
+    protected $casts = [
+        'payload' => 'encrypted:array',
+        'is_active' => 'boolean',
+    ];
+}
diff --git a/app/Containers/Dashboard/Tasks/AI/CallAiServiceForFileSelectionTask.php b/app/Containers/Dashboard/Tasks/AI/CallAiServiceForFileSelectionTask.php
index 94dd654..1dfe8ab 100644
--- a/app/Containers/Dashboard/Tasks/AI/CallAiServiceForFileSelectionTask.php
+++ b/app/Containers/Dashboard/Tasks/AI/CallAiServiceForFileSelectionTask.php
@@ -2,11 +2,16 @@
 
 namespace App\Containers\Dashboard\Tasks\AI;
 
+use App\Containers\Dashboard\Tasks\IntegrationCredentials\GetIntegrationCredentialTask;
 use Illuminate\Support\Facades\Http;
 use Illuminate\Support\Facades\Log;
 
 class CallAiServiceForFileSelectionTask
 {
+    public function __construct(
+        private readonly GetIntegrationCredentialTask $getCredentialTask,
+    ) {}
+
     /**
      * Отправляет фрагменты файлов в AI для определения основного файла
      *
@@ -19,6 +24,15 @@ class CallAiServiceForFileSelectionTask
             'fragments_count' => count($fragments),
         ]);
 
+        $credential = $this->getCredentialTask->run('qwen');
+        if (!$credential) {
+            Log::error('[CallAiServiceForFileSelectionTask] API ключ не настроен', [
+                'provider' => 'qwen',
+            ]);
+            return null;
+        }
+        $apiKey = $credential->payload['api_key'] ?? '';
+
         $prompt = $this->buildPrompt($fragments);
 
         Log::info('[CallAiServiceForFileSelectionTask] Отправка запроса к AI');
@@ -26,7 +40,7 @@ class CallAiServiceForFileSelectionTask
         try {
             $response = Http::timeout(30) // Таймаут 30 секунд
                 ->withHeaders([
-                    'Authorization' => 'Bearer ' . env('QWEN_API_KEY'),
+                    'Authorization' => 'Bearer ' . $apiKey,
                     'Content-Type' => 'application/json',
                 ])->post('https://routerai.ru/api/v1/chat/completions', [
                     'model' => 'qwen/qwen3.5-flash-02-23',
diff --git a/app/Containers/Dashboard/Tasks/AI/CallAiServiceTask.php b/app/Containers/Dashboard/Tasks/AI/CallAiServiceTask.php
index ce948cb..438c567 100644
--- a/app/Containers/Dashboard/Tasks/AI/CallAiServiceTask.php
+++ b/app/Containers/Dashboard/Tasks/AI/CallAiServiceTask.php
@@ -2,12 +2,17 @@
 
 namespace App\Containers\Dashboard\Tasks\AI;
 
+use App\Containers\Dashboard\Tasks\IntegrationCredentials\GetIntegrationCredentialTask;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Facades\Http;
 use Illuminate\Support\Facades\Log;
 
 class CallAiServiceTask
 {
+    public function __construct(
+        private readonly GetIntegrationCredentialTask $getCredentialTask,
+    ) {}
+
     /**
      * Отправляет текст в AI сервис для извлечения структурированных данных
      *
@@ -23,14 +28,14 @@ class CallAiServiceTask
                 'categories_count' => $categories->count(),
             ]);
 
-            // Проверяем наличие API ключа
-            $apiKey = env('QWEN_API_KEY');
-            if (empty($apiKey)) {
+            $credential = $this->getCredentialTask->run('qwen');
+            if (!$credential) {
                 Log::error('[CallAiServiceTask] API ключ не настроен', [
-                    'env_key' => 'QWEN_API_KEY',
+                    'provider' => 'qwen',
                 ]);
-                throw new \RuntimeException('AI API ключ не настроен в окружении');
+                throw new \RuntimeException('AI API ключ не настроен');
             }
+            $apiKey = $credential->payload['api_key'] ?? '';
 
             $categoryList = collect($categories)
                 ->map(fn($cat) => "{$cat->id}: {$cat->title}")
diff --git a/app/Containers/Dashboard/Tasks/IntegrationCredentials/DeleteIntegrationCredentialTask.php b/app/Containers/Dashboard/Tasks/IntegrationCredentials/DeleteIntegrationCredentialTask.php
new file mode 100644
index 0000000..f8f9172
--- /dev/null
+++ b/app/Containers/Dashboard/Tasks/IntegrationCredentials/DeleteIntegrationCredentialTask.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Containers\Dashboard\Tasks\IntegrationCredentials;
+
+use App\Containers\Dashboard\Models\IntegrationCredential;
+use App\Ship\Enums\CacheKeys;
+use Illuminate\Support\Facades\Cache;
+
+class DeleteIntegrationCredentialTask
+{
+    public function run(IntegrationCredential $credential): bool
+    {
+        $provider = $credential->provider;
+        $deleted = $credential->delete();
+
+        Cache::forget(CacheKeys::INTEGRATION_CREDENTIAL_PREFIX->value . $provider);
+
+        return $deleted;
+    }
+}
diff --git a/app/Containers/Dashboard/Tasks/IntegrationCredentials/GetIntegrationCredentialTask.php b/app/Containers/Dashboard/Tasks/IntegrationCredentials/GetIntegrationCredentialTask.php
new file mode 100644
index 0000000..60ef853
--- /dev/null
+++ b/app/Containers/Dashboard/Tasks/IntegrationCredentials/GetIntegrationCredentialTask.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Containers\Dashboard\Tasks\IntegrationCredentials;
+
+use App\Containers\Dashboard\Models\IntegrationCredential;
+use App\Ship\Enums\CacheKeys;
+use Illuminate\Support\Facades\Cache;
+
+class GetIntegrationCredentialTask
+{
+    public function run(string $provider): ?IntegrationCredential
+    {
+        $cacheKey = CacheKeys::INTEGRATION_CREDENTIAL_PREFIX->value . $provider;
+
+        return Cache::remember($cacheKey, now()->addHour(), function () use ($provider) {
+            return IntegrationCredential::where('provider', $provider)
+                ->where('is_active', true)
+                ->first();
+        });
+    }
+}
diff --git a/app/Containers/Dashboard/Tasks/IntegrationCredentials/ListIntegrationCredentialsTask.php b/app/Containers/Dashboard/Tasks/IntegrationCredentials/ListIntegrationCredentialsTask.php
new file mode 100644
index 0000000..9695619
--- /dev/null
+++ b/app/Containers/Dashboard/Tasks/IntegrationCredentials/ListIntegrationCredentialsTask.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Containers\Dashboard\Tasks\IntegrationCredentials;
+
+use App\Containers\Dashboard\Models\IntegrationCredential;
+use Illuminate\Database\Eloquent\Collection;
+
+class ListIntegrationCredentialsTask
+{
+    public function run(): Collection
+    {
+        return IntegrationCredential::orderByDesc('id')->get();
+    }
+}
diff --git a/app/Containers/Dashboard/Tasks/IntegrationCredentials/SaveIntegrationCredentialTask.php b/app/Containers/Dashboard/Tasks/IntegrationCredentials/SaveIntegrationCredentialTask.php
new file mode 100644
index 0000000..ccb6f1b
--- /dev/null
+++ b/app/Containers/Dashboard/Tasks/IntegrationCredentials/SaveIntegrationCredentialTask.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace App\Containers\Dashboard\Tasks\IntegrationCredentials;
+
+use App\Containers\Dashboard\Models\IntegrationCredential;
+use App\Ship\Enums\CacheKeys;
+use Illuminate\Support\Facades\Cache;
+
+class SaveIntegrationCredentialTask
+{
+    public function run(string $provider, array $payload, bool $isActive = true): IntegrationCredential
+    {
+        $credential = IntegrationCredential::updateOrCreate(
+            ['provider' => $provider],
+            ['payload' => $payload, 'is_active' => $isActive]
+        );
+
+        Cache::forget(CacheKeys::INTEGRATION_CREDENTIAL_PREFIX->value . $provider);
+
+        return $credential;
+    }
+}
diff --git a/app/Containers/Dashboard/UI/WEB/Controllers/DeployController.php b/app/Containers/Dashboard/UI/WEB/Controllers/DeployController.php
index 3b76455..343c04d 100644
--- a/app/Containers/Dashboard/UI/WEB/Controllers/DeployController.php
+++ b/app/Containers/Dashboard/UI/WEB/Controllers/DeployController.php
@@ -6,6 +6,7 @@ use App\Containers\Dashboard\Actions\Posts\DeploySiteAction;
 use App\Http\Controllers\Controller;
 use Illuminate\Http\Request;
 use Illuminate\Http\JsonResponse;
+use Inertia\Inertia;
 
 class DeployController extends Controller
 {
@@ -13,9 +14,17 @@ class DeployController extends Controller
         private readonly DeploySiteAction $deploySiteAction,
     ) {}
 
-    /**
-     * Запускает деплой (создаёт файл-триггер)
-     */
+    public function index(): \Inertia\Response
+    {
+        $history = $this->deploySiteAction->getHistory();
+        $status = $this->deploySiteAction->getStatus();
+
+        return Inertia::render('Dashboard/Deploy/Index', [
+            'history' => $history['history'],
+            'status' => $status,
+        ]);
+    }
+
     public function deploy(Request $request): JsonResponse
     {
         if (app()->environment() !== 'production') {
@@ -37,9 +46,6 @@ class DeployController extends Controller
         return response()->json($result);
     }
 
-    /**
-     * Проверяет статус деплоя
-     */
     public function status(Request $request): JsonResponse
     {
         if (app()->environment() !== 'production') {
@@ -58,9 +64,29 @@ class DeployController extends Controller
         return response()->json($status);
     }
 
-    /**
-     * Очищает статус деплоя
-     */
+    public function log(Request $request): JsonResponse
+    {
+        if (!$request->user()->hasRole('super_admin')) {
+            return response()->json(['success' => false], 403);
+        }
+
+        $lines = (int) $request->query('lines', 50);
+        $result = $this->deploySiteAction->getLog($lines);
+
+        return response()->json($result);
+    }
+
+    public function history(Request $request): JsonResponse
+    {
+        if (!$request->user()->hasRole('super_admin')) {
+            return response()->json(['success' => false], 403);
+        }
+
+        $result = $this->deploySiteAction->getHistory();
+
+        return response()->json($result);
+    }
+
     public function clear(Request $request): JsonResponse
     {
         if (!$request->user()->hasRole('super_admin')) {
diff --git a/app/Containers/Dashboard/UI/WEB/Controllers/IntegrationCredentialsController.php b/app/Containers/Dashboard/UI/WEB/Controllers/IntegrationCredentialsController.php
new file mode 100644
index 0000000..6320e8c
--- /dev/null
+++ b/app/Containers/Dashboard/UI/WEB/Controllers/IntegrationCredentialsController.php
@@ -0,0 +1,78 @@
+<?php
+
+namespace App\Containers\Dashboard\UI\WEB\Controllers;
+
+use App\Containers\Dashboard\Actions\IntegrationCredentials\ManageIntegrationCredentialsAction;
+use App\Containers\Dashboard\Models\IntegrationCredential;
+use App\Containers\Dashboard\UI\WEB\Requests\StoreIntegrationCredentialRequest;
+use App\Containers\Dashboard\UI\WEB\Requests\UpdateIntegrationCredentialRequest;
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Inertia\Inertia;
+
+class IntegrationCredentialsController extends Controller
+{
+    public function __construct(
+        private readonly ManageIntegrationCredentialsAction $action,
+    ) {}
+
+    public function index(): \Inertia\Response
+    {
+        return Inertia::render('Dashboard/IntegrationCredentials/Index', [
+            'credentials' => $this->action->list(),
+        ]);
+    }
+
+    public function create(): \Inertia\Response
+    {
+        return Inertia::render('Dashboard/IntegrationCredentials/Create');
+    }
+
+    public function store(StoreIntegrationCredentialRequest $request): RedirectResponse
+    {
+        try {
+            $this->action->create($request->validated());
+
+            return redirect()->route('dashboard.integration-credentials.index')
+                ->with('success', 'Провайдер успешно добавлен!');
+        } catch (\Exception $e) {
+            return back()
+                ->withInput()
+                ->with('error', 'Ошибка при добавлении: ' . $e->getMessage());
+        }
+    }
+
+    public function edit(IntegrationCredential $credential): \Inertia\Response
+    {
+        return Inertia::render('Dashboard/IntegrationCredentials/Edit', [
+            'credential' => $credential,
+        ]);
+    }
+
+    public function update(UpdateIntegrationCredentialRequest $request, IntegrationCredential $credential): RedirectResponse
+    {
+        try {
+            $this->action->update($credential, $request->validated());
+
+            return redirect()->route('dashboard.integration-credentials.index')
+                ->with('success', 'Провайдер успешно обновлён!');
+        } catch (\Exception $e) {
+            return back()
+                ->withInput()
+                ->with('error', 'Ошибка при обновлении: ' . $e->getMessage());
+        }
+    }
+
+    public function destroy(IntegrationCredential $credential): RedirectResponse
+    {
+        try {
+            $this->action->delete($credential);
+
+            return redirect()->route('dashboard.integration-credentials.index')
+                ->with('success', 'Провайдер успешно удалён!');
+        } catch (\Exception $e) {
+            return back()
+                ->with('error', 'Ошибка при удалении: ' . $e->getMessage());
+        }
+    }
+}
diff --git a/app/Containers/Dashboard/UI/WEB/Requests/StoreIntegrationCredentialRequest.php b/app/Containers/Dashboard/UI/WEB/Requests/StoreIntegrationCredentialRequest.php
new file mode 100644
index 0000000..2b50d65
--- /dev/null
+++ b/app/Containers/Dashboard/UI/WEB/Requests/StoreIntegrationCredentialRequest.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Containers\Dashboard\UI\WEB\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class StoreIntegrationCredentialRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    public function rules(): array
+    {
+        return [
+            'provider' => ['required', 'string', 'max:255', 'unique:integration_credentials,provider'],
+            'payload' => ['required', 'array'],
+            'payload.*' => ['required', 'string'],
+            'is_active' => ['boolean'],
+        ];
+    }
+}
diff --git a/app/Containers/Dashboard/UI/WEB/Requests/UpdateIntegrationCredentialRequest.php b/app/Containers/Dashboard/UI/WEB/Requests/UpdateIntegrationCredentialRequest.php
new file mode 100644
index 0000000..91f13b4
--- /dev/null
+++ b/app/Containers/Dashboard/UI/WEB/Requests/UpdateIntegrationCredentialRequest.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Containers\Dashboard\UI\WEB\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class UpdateIntegrationCredentialRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    public function rules(): array
+    {
+        return [
+            'provider' => ['required', 'string', 'max:255', 'unique:integration_credentials,provider,' . $this->route('credential')->id],
+            'payload' => ['required', 'array'],
+            'payload.*' => ['required', 'string'],
+            'is_active' => ['boolean'],
+        ];
+    }
+}
diff --git a/database/migrations/2026_06_29_000000_create_integration_credentials_table.php b/database/migrations/2026_06_29_000000_create_integration_credentials_table.php
new file mode 100644
index 0000000..4ab5969
--- /dev/null
+++ b/database/migrations/2026_06_29_000000_create_integration_credentials_table.php
@@ -0,0 +1,24 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('integration_credentials', function (Blueprint $table) {
+            $table->id();
+            $table->string('provider')->unique();
+            $table->text('payload');
+            $table->boolean('is_active')->default(true);
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('integration_credentials');
+    }
+};
diff --git a/resources/js/Pages/Dashboard/Components/SidebarNavItem.vue b/resources/js/Pages/Dashboard/Components/SidebarNavItem.vue
index 1dbb77c..1e8fc34 100644
--- a/resources/js/Pages/Dashboard/Components/SidebarNavItem.vue
+++ b/resources/js/Pages/Dashboard/Components/SidebarNavItem.vue
@@ -76,6 +76,7 @@ const iconMap = {
   'arrow-path': 'arrow-path',
   'academic-cap': 'academic-cap',
   'clipboard-document-check': 'clipboard-document-check',
+  key: 'key',
 };
 
 const iconComponent = computed(() => iconMap[props.item.icon] || 'home');
diff --git a/resources/js/Pages/Dashboard/Components/menuConfig.js b/resources/js/Pages/Dashboard/Components/menuConfig.js
index cedc931..6b86588 100644
--- a/resources/js/Pages/Dashboard/Components/menuConfig.js
+++ b/resources/js/Pages/Dashboard/Components/menuConfig.js
@@ -121,6 +121,13 @@ export const menuItems = [
       { label: 'Все пользователи', route: 'dashboard.users.index' },
     ],
   },
+  {
+    key: 'deploy',
+    label: 'Деплой',
+    icon: 'arrow-up-tray',
+    route: 'dashboard.deploy.index',
+    activePrefixes: ['dashboard.deploy'],
+  },
   {
     key: 'vikon-updates',
     label: 'Обновления VIKON',
@@ -128,4 +135,11 @@ export const menuItems = [
     route: 'dashboard.vikon-updates.index',
     activePrefixes: ['dashboard.vikon-updates'],
   },
+  {
+    key: 'integration-credentials',
+    label: 'Интеграционные ключи',
+    icon: 'key',
+    route: 'dashboard.integration-credentials.index',
+    activePrefixes: ['dashboard.integration-credentials'],
+  },
 ];
diff --git a/resources/js/Pages/Dashboard/Components/shared/QuickActions.vue b/resources/js/Pages/Dashboard/Components/shared/QuickActions.vue
index 23b1130..87b22be 100644
--- a/resources/js/Pages/Dashboard/Components/shared/QuickActions.vue
+++ b/resources/js/Pages/Dashboard/Components/shared/QuickActions.vue
@@ -76,6 +76,16 @@ export default {
           textClass: 'group-hover:text-amber-600',
           hoverClass: 'hover:border-amber-500/20 hover:bg-amber-500/5',
         },
+        {
+          route: 'dashboard.sveden',
+          label: 'Обновить Sveden',
+          desc: 'Заглушка для обновления',
+          icon: 'arrow-path',
+          bgClass: 'bg-cyan-500/10 group-hover:bg-cyan-500/20',
+          iconClass: 'text-cyan-600',
+          textClass: 'group-hover:text-cyan-600',
+          hoverClass: 'hover:border-cyan-500/20 hover:bg-cyan-500/5',
+        },
       ],
     };
   },
diff --git a/resources/js/Pages/Dashboard/Deploy/Index.vue b/resources/js/Pages/Dashboard/Deploy/Index.vue
new file mode 100644
index 0000000..621589d
--- /dev/null
+++ b/resources/js/Pages/Dashboard/Deploy/Index.vue
@@ -0,0 +1,267 @@
+<script setup>
+import { ref, onMounted, onUnmounted } from 'vue'
+import { router } from '@inertiajs/vue3'
+import DashboardLayout from '../Components/DashboardLayout.vue'
+import FlashMessages from '../Components/shared/FlashMessages.vue'
+
+const props = defineProps({
+  history: { type: Array, default: () => [] },
+  status: { type: Object, default: () => ({}) },
+})
+
+const deployStatus = ref(props.status)
+const deployLog = ref('')
+const isDeploying = ref(false)
+const isPolling = ref(false)
+let pollInterval = null
+
+const statusColors = {
+  idle: 'text-gray-500',
+  running: 'text-blue-600',
+  completed: 'text-green-600',
+  failed: 'text-red-600',
+  unknown: 'text-yellow-600',
+  disabled: 'text-gray-400',
+}
+
+const statusLabels = {
+  idle: 'Ожидание',
+  running: 'Выполняется',
+  completed: 'Завершён',
+  failed: 'Ошибка',
+  unknown: 'Неизвестно',
+  disabled: 'Отключено',
+}
+
+const statusBgColors = {
+  idle: 'bg-gray-100',
+  running: 'bg-blue-100',
+  completed: 'bg-green-100',
+  failed: 'bg-red-100',
+  unknown: 'bg-yellow-100',
+  disabled: 'bg-gray-100',
+}
+
+async function startDeploy() {
+  if (!confirm('Запустить деплой? Приложение будет обновлено.')) {
+    return
+  }
+
+  try {
+    const response = await fetch(route('dashboard.deploy'), {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-XSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '',
+        'Accept': 'application/json',
+      },
+    })
+
+    const data = await response.json()
+
+    if (data.success) {
+      isDeploying.value = true
+      deployStatus.value = { status: 'running', message: 'Деплой запущен...' }
+      startPolling()
+    } else {
+      alert(data.message || 'Ошибка запуска деплоя')
+    }
+  } catch (error) {
+    console.error('Deploy error:', error)
+    alert('Ошибка соединения с сервером')
+  }
+}
+
+function startPolling() {
+  if (isPolling.value) return
+  isPolling.value = true
+
+  pollInterval = setInterval(async () => {
+    try {
+      const statusRes = await fetch(route('dashboard.deploy.status'), {
+        headers: { 'Accept': 'application/json' },
+      })
+      const statusData = await statusRes.json()
+      deployStatus.value = statusData
+
+      const logRes = await fetch(route('dashboard.deploy.log') + '?lines=100', {
+        headers: { 'Accept': 'application/json' },
+      })
+      const logData = await logRes.json()
+      deployLog.value = logData.full_log || logData.log || ''
+
+      if (statusData.status !== 'running') {
+        stopPolling()
+        isDeploying.value = false
+        router.reload({ only: ['history'] })
+      }
+    } catch (error) {
+      console.error('Polling error:', error)
+    }
+  }, 2000)
+}
+
+function stopPolling() {
+  if (pollInterval) {
+    clearInterval(pollInterval)
+    pollInterval = null
+  }
+  isPolling.value = false
+}
+
+async function clearLog() {
+  try {
+    await fetch(route('dashboard.deploy.clear'), {
+      method: 'POST',
+      headers: {
+        'X-XSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '',
+        'Accept': 'application/json',
+      },
+    })
+    deployLog.value = ''
+    deployStatus.value = { status: 'idle', message: 'Деплой не запущен' }
+  } catch (error) {
+    console.error('Clear error:', error)
+  }
+}
+
+function formatDate(dateStr) {
+  if (!dateStr) return '—'
+  const d = new Date(dateStr)
+  return d.toLocaleString('ru-RU', {
+    day: '2-digit',
+    month: '2-digit',
+    year: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit',
+  })
+}
+
+onMounted(() => {
+  if (deployStatus.value.status === 'running') {
+    startPolling()
+  }
+  if (deployStatus.value.log) {
+    deployLog.value = deployStatus.value.log
+  }
+})
+
+onUnmounted(() => {
+  stopPolling()
+})
+</script>
+
+<template>
+  <DashboardLayout>
+    <div class="py-6">
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <FlashMessages />
+
+        <div class="mb-6">
+          <h1 class="text-2xl font-bold text-gray-900">Деплой сайта</h1>
+          <p class="mt-1 text-sm text-gray-600">
+            Управление обновлением сайта на production сервере
+          </p>
+        </div>
+
+        <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
+          <div class="bg-white shadow rounded-lg p-6">
+            <h3 class="text-sm font-medium text-gray-500 mb-2">Статус</h3>
+            <span
+              :class="[
+                'inline-flex items-center px-3 py-1 rounded-full text-sm font-medium',
+                statusBgColors[deployStatus.status] || 'bg-gray-100',
+                statusColors[deployStatus.status] || 'text-gray-500',
+              ]"
+            >
+              {{ statusLabels[deployStatus.status] || deployStatus.status }}
+            </span>
+            <p class="mt-2 text-sm text-gray-600">{{ deployStatus.message }}</p>
+          </div>
+
+          <div class="bg-white shadow rounded-lg p-6">
+            <h3 class="text-sm font-medium text-gray-500 mb-2">Действия</h3>
+            <div class="flex gap-3">
+              <button
+                @click="startDeploy"
+                :disabled="isDeploying || deployStatus.status === 'running'"
+                class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
+              >
+                <svg v-if="isDeploying" class="animate-spin -ml-1 mr-2 h-4 w-4 text-white" fill="none" viewBox="0 0 24 24">
+                  <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+                  <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
+                </svg>
+                {{ isDeploying ? 'Выполняется...' : 'Запустить деплой' }}
+              </button>
+              <button
+                @click="clearLog"
+                class="inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+              >
+                Очистить лог
+              </button>
+            </div>
+          </div>
+
+          <div class="bg-white shadow rounded-lg p-6">
+            <h3 class="text-sm font-medium text-gray-500 mb-2">Информация</h3>
+            <dl class="space-y-1">
+              <div class="flex justify-between text-sm">
+                <dt class="text-gray-500">Деплоев выполнено:</dt>
+                <dd class="font-medium text-gray-900">{{ history.length }}</dd>
+              </div>
+              <div v-if="history.length > 0" class="flex justify-between text-sm">
+                <dt class="text-gray-500">Последний деплой:</dt>
+                <dd class="font-medium text-gray-900">{{ formatDate(history[0]?.timestamp) }}</dd>
+              </div>
+            </dl>
+          </div>
+        </div>
+
+        <div v-if="deployLog" class="bg-white shadow rounded-lg mb-6">
+          <div class="px-6 py-4 border-b border-gray-200">
+            <h3 class="text-lg font-medium text-gray-900">Лог деплоя</h3>
+          </div>
+          <div class="p-6">
+            <pre class="bg-gray-900 text-green-400 rounded-lg p-4 overflow-auto max-h-96 text-sm font-mono whitespace-pre-wrap">{{ deployLog }}</pre>
+          </div>
+        </div>
+
+        <div class="bg-white shadow rounded-lg">
+          <div class="px-6 py-4 border-b border-gray-200">
+            <h3 class="text-lg font-medium text-gray-900">История деплоев</h3>
+          </div>
+          <div v-if="history.length === 0" class="p-6 text-center text-gray-500">
+            Деплои ещё не выполнялись
+          </div>
+          <table v-else class="min-w-full divide-y divide-gray-200">
+            <thead class="bg-gray-50">
+              <tr>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Дата</th>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Статус</th>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Коммит</th>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Запущен</th>
+              </tr>
+            </thead>
+            <tbody class="bg-white divide-y divide-gray-200">
+              <tr v-for="(item, index) in history" :key="index">
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ formatDate(item.timestamp) }}</td>
+                <td class="px-6 py-4 whitespace-nowrap">
+                  <span
+                    :class="[
+                      'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium',
+                      item.status === 'success' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800',
+                    ]"
+                  >
+                    {{ item.status === 'success' ? 'Успешно' : 'Ошибка' }}
+                  </span>
+                </td>
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 font-mono">{{ item.commit }}</td>
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">{{ item.triggered_by }}</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </DashboardLayout>
+</template>
diff --git a/resources/js/Pages/Dashboard/IntegrationCredentials/Create.vue b/resources/js/Pages/Dashboard/IntegrationCredentials/Create.vue
new file mode 100644
index 0000000..cd1938f
--- /dev/null
+++ b/resources/js/Pages/Dashboard/IntegrationCredentials/Create.vue
@@ -0,0 +1,194 @@
+<template>
+  <DashboardLayout>
+    <template #header-title>Добавление провайдера</template>
+    <template #header-subtitle>Новый интеграционный ключ</template>
+
+    <FlashMessages />
+
+    <div class="bg-layer border border-layer-line rounded-lg shadow-xs">
+      <div class="p-6 border-b border-layer-line">
+        <div class="flex items-center gap-2">
+          <DashboardIcon name="key" size="5" class="text-primary" />
+          <h2 class="text-base font-medium text-foreground">Данные провайдера</h2>
+        </div>
+        <p class="text-xs text-muted-foreground-1 mt-1">
+          Укажите название сервиса и его ключи
+        </p>
+      </div>
+
+      <form @submit.prevent="submit" class="p-6">
+        <div class="space-y-6">
+          <!-- Provider Name -->
+          <div>
+            <label for="provider" class="block text-sm font-medium text-foreground mb-2">
+              Название провайдера <span class="text-rose-500">*</span>
+            </label>
+            <input
+              id="provider"
+              v-model="form.provider"
+              type="text"
+              placeholder="Например: qwen, gemini, vk, smtp"
+              :class="[
+                'w-full px-4 py-2.5 bg-surface border rounded-lg text-sm text-foreground placeholder-muted-foreground-2 focus:outline-none focus:ring-2 focus:ring-primary/20 transition-all',
+                errors.provider ? 'border-rose-500' : 'border-layer-line focus:border-primary'
+              ]"
+            />
+            <p v-if="errors.provider" class="mt-1.5 text-xs text-rose-500">{{ errors.provider }}</p>
+          </div>
+
+          <!-- Payload Key-Value Fields -->
+          <div>
+            <label class="block text-sm font-medium text-foreground mb-2">
+              Ключи <span class="text-rose-500">*</span>
+            </label>
+            <div class="space-y-3">
+              <div
+                v-for="(field, index) in form.payloadFields"
+                :key="index"
+                class="flex items-center gap-3"
+              >
+                <input
+                  v-model="field.key"
+                  type="text"
+                  placeholder="Ключ (напр. api_key)"
+                  :class="[
+                    'flex-1 px-4 py-2.5 bg-surface border rounded-lg text-sm text-foreground placeholder-muted-foreground-2 focus:outline-none focus:ring-2 focus:ring-primary/20 transition-all',
+                    errors['payload.' + index + '.key'] ? 'border-rose-500' : 'border-layer-line focus:border-primary'
+                  ]"
+                />
+                <input
+                  v-model="field.value"
+                  type="text"
+                  placeholder="Значение"
+                  :class="[
+                    'flex-1 px-4 py-2.5 bg-surface border rounded-lg text-sm text-foreground placeholder-muted-foreground-2 focus:outline-none focus:ring-2 focus:ring-primary/20 transition-all font-mono',
+                    errors['payload.' + index + '.value'] ? 'border-rose-500' : 'border-layer-line focus:border-primary'
+                  ]"
+                />
+                <button
+                  type="button"
+                  @click="removeField(index)"
+                  class="p-2.5 text-muted-foreground-1 hover:text-rose-600 hover:bg-rose-500/10 rounded-lg transition-all"
+                  title="Удалить поле"
+                >
+                  <DashboardIcon name="trash" size="4" />
+                </button>
+              </div>
+            </div>
+            <button
+              type="button"
+              @click="addField"
+              class="mt-3 inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-primary hover:bg-primary/10 rounded-lg transition-all"
+            >
+              <DashboardIcon name="plus" size="3" />
+              Добавить поле
+            </button>
+            <p v-if="errors.payload" class="mt-1.5 text-xs text-rose-500">{{ errors.payload }}</p>
+          </div>
+
+          <!-- Is Active -->
+          <div class="flex items-center gap-3">
+            <input
+              id="is_active"
+              v-model="form.is_active"
+              type="checkbox"
+              class="w-4 h-4 text-primary bg-surface border-layer-line rounded focus:ring-primary/20"
+            />
+            <label for="is_active" class="text-sm font-medium text-foreground">
+              Активен
+            </label>
+          </div>
+        </div>
+
+        <!-- Submit Button -->
+        <div class="flex items-center justify-end gap-3 mt-8 pt-6 border-t border-layer-line">
+          <a
+            :href="route('dashboard.integration-credentials.index')"
+            class="inline-flex items-center gap-2 px-4 py-2.5 bg-surface border border-layer-line text-foreground text-sm font-medium rounded-lg hover:bg-muted-hover transition-all"
+          >
+            Отмена
+          </a>
+          <button
+            type="submit"
+            :disabled="processing"
+            class="inline-flex items-center gap-2 px-4 py-2.5 bg-primary text-white text-sm font-medium rounded-lg hover:bg-primary-hover transition-all disabled:opacity-50 disabled:cursor-not-allowed"
+          >
+            <svg v-if="processing" class="animate-spin h-4 w-4" fill="none" viewBox="0 0 24 24">
+              <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+              <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" />
+            </svg>
+            <DashboardIcon v-else name="check" size="4" />
+            {{ processing ? 'Сохранение...' : 'Добавить провайдер' }}
+          </button>
+        </div>
+      </form>
+    </div>
+  </DashboardLayout>
+</template>
+
+<script>
+import DashboardLayout from '../Components/DashboardLayout.vue';
+import DashboardIcon from '../Components/DashboardIcon.vue';
+import FlashMessages from '../Components/shared/FlashMessages.vue';
+
+export default {
+  name: 'IntegrationCredentialCreate',
+  components: {
+    DashboardLayout,
+    DashboardIcon,
+    FlashMessages,
+  },
+  data() {
+    return {
+      form: {
+        provider: '',
+        payloadFields: [{ key: '', value: '' }],
+        is_active: true,
+      },
+      errors: {},
+      processing: false,
+    };
+  },
+  mounted() {
+    this.SET_DOCUMENT_TITLE('Добавление провайдера');
+  },
+  methods: {
+    addField() {
+      this.form.payloadFields.push({ key: '', value: '' });
+    },
+    removeField(index) {
+      if (this.form.payloadFields.length > 1) {
+        this.form.payloadFields.splice(index, 1);
+      }
+    },
+    buildPayload() {
+      const payload = {};
+      for (const field of this.form.payloadFields) {
+        if (field.key.trim()) {
+          payload[field.key.trim()] = field.value;
+        }
+      }
+      return payload;
+    },
+    submit() {
+      this.processing = true;
+      this.errors = {};
+
+      const data = {
+        provider: this.form.provider,
+        payload: this.buildPayload(),
+        is_active: this.form.is_active,
+      };
+
+      this.$inertia.post(route('dashboard.integration-credentials.store'), data, {
+        onFinish: () => {
+          this.processing = false;
+        },
+        onError: (errors) => {
+          this.errors = errors;
+        },
+      });
+    },
+  },
+}
+</script>
diff --git a/resources/js/Pages/Dashboard/IntegrationCredentials/Edit.vue b/resources/js/Pages/Dashboard/IntegrationCredentials/Edit.vue
new file mode 100644
index 0000000..5ab96b8
--- /dev/null
+++ b/resources/js/Pages/Dashboard/IntegrationCredentials/Edit.vue
@@ -0,0 +1,210 @@
+<template>
+  <DashboardLayout>
+    <template #header-title>Редактирование провайдера</template>
+    <template #header-subtitle>{{ credential.provider }}</template>
+
+    <FlashMessages />
+
+    <div class="bg-layer border border-layer-line rounded-lg shadow-xs">
+      <div class="p-6 border-b border-layer-line">
+        <div class="flex items-center gap-2">
+          <DashboardIcon name="key" size="5" class="text-primary" />
+          <h2 class="text-base font-medium text-foreground">Данные провайдера</h2>
+        </div>
+        <p class="text-xs text-muted-foreground-1 mt-1">
+          Обновите ключи сервиса
+        </p>
+      </div>
+
+      <form @submit.prevent="submit" class="p-6">
+        <div class="space-y-6">
+          <!-- Provider Name -->
+          <div>
+            <label for="provider" class="block text-sm font-medium text-foreground mb-2">
+              Название провайдера <span class="text-rose-500">*</span>
+            </label>
+            <input
+              id="provider"
+              v-model="form.provider"
+              type="text"
+              placeholder="Например: qwen, gemini, vk, smtp"
+              :class="[
+                'w-full px-4 py-2.5 bg-surface border rounded-lg text-sm text-foreground placeholder-muted-foreground-2 focus:outline-none focus:ring-2 focus:ring-primary/20 transition-all',
+                errors.provider ? 'border-rose-500' : 'border-layer-line focus:border-primary'
+              ]"
+            />
+            <p v-if="errors.provider" class="mt-1.5 text-xs text-rose-500">{{ errors.provider }}</p>
+          </div>
+
+          <!-- Payload Key-Value Fields -->
+          <div>
+            <label class="block text-sm font-medium text-foreground mb-2">
+              Ключи <span class="text-rose-500">*</span>
+            </label>
+            <div class="space-y-3">
+              <div
+                v-for="(field, index) in form.payloadFields"
+                :key="index"
+                class="flex items-center gap-3"
+              >
+                <input
+                  v-model="field.key"
+                  type="text"
+                  placeholder="Ключ (напр. api_key)"
+                  :class="[
+                    'flex-1 px-4 py-2.5 bg-surface border rounded-lg text-sm text-foreground placeholder-muted-foreground-2 focus:outline-none focus:ring-2 focus:ring-primary/20 transition-all',
+                    errors['payload.' + index + '.key'] ? 'border-rose-500' : 'border-layer-line focus:border-primary'
+                  ]"
+                />
+                <input
+                  v-model="field.value"
+                  type="text"
+                  placeholder="Значение"
+                  :class="[
+                    'flex-1 px-4 py-2.5 bg-surface border rounded-lg text-sm text-foreground placeholder-muted-foreground-2 focus:outline-none focus:ring-2 focus:ring-primary/20 transition-all font-mono',
+                    errors['payload.' + index + '.value'] ? 'border-rose-500' : 'border-layer-line focus:border-primary'
+                  ]"
+                />
+                <button
+                  type="button"
+                  @click="removeField(index)"
+                  class="p-2.5 text-muted-foreground-1 hover:text-rose-600 hover:bg-rose-500/10 rounded-lg transition-all"
+                  title="Удалить поле"
+                >
+                  <DashboardIcon name="trash" size="4" />
+                </button>
+              </div>
+            </div>
+            <button
+              type="button"
+              @click="addField"
+              class="mt-3 inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-primary hover:bg-primary/10 rounded-lg transition-all"
+            >
+              <DashboardIcon name="plus" size="3" />
+              Добавить поле
+            </button>
+            <p v-if="errors.payload" class="mt-1.5 text-xs text-rose-500">{{ errors.payload }}</p>
+          </div>
+
+          <!-- Is Active -->
+          <div class="flex items-center gap-3">
+            <input
+              id="is_active"
+              v-model="form.is_active"
+              type="checkbox"
+              class="w-4 h-4 text-primary bg-surface border-layer-line rounded focus:ring-primary/20"
+            />
+            <label for="is_active" class="text-sm font-medium text-foreground">
+              Активен
+            </label>
+          </div>
+        </div>
+
+        <!-- Submit Button -->
+        <div class="flex items-center justify-end gap-3 mt-8 pt-6 border-t border-layer-line">
+          <a
+            :href="route('dashboard.integration-credentials.index')"
+            class="inline-flex items-center gap-2 px-4 py-2.5 bg-surface border border-layer-line text-foreground text-sm font-medium rounded-lg hover:bg-muted-hover transition-all"
+          >
+            Отмена
+          </a>
+          <button
+            type="submit"
+            :disabled="processing"
+            class="inline-flex items-center gap-2 px-4 py-2.5 bg-primary text-white text-sm font-medium rounded-lg hover:bg-primary-hover transition-all disabled:opacity-50 disabled:cursor-not-allowed"
+          >
+            <svg v-if="processing" class="animate-spin h-4 w-4" fill="none" viewBox="0 0 24 24">
+              <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+              <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" />
+            </svg>
+            <DashboardIcon v-else name="check" size="4" />
+            {{ processing ? 'Сохранение...' : 'Сохранить изменения' }}
+          </button>
+        </div>
+      </form>
+    </div>
+  </DashboardLayout>
+</template>
+
+<script>
+import DashboardLayout from '../Components/DashboardLayout.vue';
+import DashboardIcon from '../Components/DashboardIcon.vue';
+import FlashMessages from '../Components/shared/FlashMessages.vue';
+
+export default {
+  name: 'IntegrationCredentialEdit',
+  components: {
+    DashboardLayout,
+    DashboardIcon,
+    FlashMessages,
+  },
+  props: {
+    credential: {
+      type: Object,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      form: {
+        provider: this.credential.provider || '',
+        payloadFields: this.buildPayloadFields(this.credential.payload),
+        is_active: Boolean(this.credential.is_active),
+      },
+      errors: {},
+      processing: false,
+    };
+  },
+  mounted() {
+    this.SET_DOCUMENT_TITLE('Редактирование провайдера');
+  },
+  methods: {
+    buildPayloadFields(payload) {
+      if (!payload || typeof payload !== 'object') {
+        return [{ key: '', value: '' }];
+      }
+      const fields = Object.entries(payload).map(([key, value]) => ({
+        key,
+        value: String(value),
+      }));
+      return fields.length > 0 ? fields : [{ key: '', value: '' }];
+    },
+    addField() {
+      this.form.payloadFields.push({ key: '', value: '' });
+    },
+    removeField(index) {
+      if (this.form.payloadFields.length > 1) {
+        this.form.payloadFields.splice(index, 1);
+      }
+    },
+    buildPayload() {
+      const payload = {};
+      for (const field of this.form.payloadFields) {
+        if (field.key.trim()) {
+          payload[field.key.trim()] = field.value;
+        }
+      }
+      return payload;
+    },
+    submit() {
+      this.processing = true;
+      this.errors = {};
+
+      const data = {
+        provider: this.form.provider,
+        payload: this.buildPayload(),
+        is_active: this.form.is_active,
+      };
+
+      this.$inertia.put(route('dashboard.integration-credentials.update', this.credential.id), data, {
+        onFinish: () => {
+          this.processing = false;
+        },
+        onError: (errors) => {
+          this.errors = errors;
+        },
+      });
+    },
+  },
+}
+</script>
diff --git a/resources/js/Pages/Dashboard/IntegrationCredentials/Index.vue b/resources/js/Pages/Dashboard/IntegrationCredentials/Index.vue
new file mode 100644
index 0000000..575a424
--- /dev/null
+++ b/resources/js/Pages/Dashboard/IntegrationCredentials/Index.vue
@@ -0,0 +1,147 @@
+<template>
+  <DashboardLayout>
+    <template #header-icon>
+      <DashboardIcon name="key" size="5" class="text-primary" />
+    </template>
+    <template #header-title>Интеграционные ключи</template>
+    <template #header-subtitle>Управление API-ключами сервисов</template>
+    <template #header-actions>
+      <a
+        :href="route('dashboard.integration-credentials.create')"
+        class="inline-flex items-center gap-2 px-4 py-2 bg-primary text-white text-sm font-medium rounded-lg hover:bg-primary-hover transition-all duration-200 shadow-sm hover:shadow-md"
+      >
+        <DashboardIcon name="plus" size="4" />
+        Добавить провайдер
+      </a>
+    </template>
+
+    <FlashMessages />
+
+    <!-- Credentials Table -->
+    <div class="bg-layer border border-layer-line rounded-lg shadow-xs overflow-hidden">
+      <div class="px-6 py-4 border-b border-layer-line bg-surface/50">
+        <div class="flex items-center justify-between">
+          <span class="text-sm text-foreground">
+            Всего: <span class="font-medium">{{ credentials.length }}</span>
+          </span>
+        </div>
+      </div>
+
+      <div class="overflow-x-auto">
+        <table class="min-w-full divide-y divide-layer-line">
+          <thead class="bg-surface/50">
+            <tr>
+              <th class="px-6 py-3 text-left text-xs font-medium text-muted-foreground-1 uppercase tracking-wider">
+                Провайдер
+              </th>
+              <th class="px-6 py-3 text-left text-xs font-medium text-muted-foreground-1 uppercase tracking-wider">
+                Ключи
+              </th>
+              <th class="px-6 py-3 text-left text-xs font-medium text-muted-foreground-1 uppercase tracking-wider">
+                Статус
+              </th>
+              <th class="px-6 py-3 text-left text-xs font-medium text-muted-foreground-1 uppercase tracking-wider">
+                Дата создания
+              </th>
+              <th class="px-6 py-3 text-right text-xs font-medium text-muted-foreground-1 uppercase tracking-wider">
+                Действия
+              </th>
+            </tr>
+          </thead>
+          <tbody class="divide-y divide-layer-line">
+            <tr
+              v-for="credential in credentials"
+              :key="credential.id"
+              class="group hover:bg-muted-hover/50 transition-all duration-200"
+            >
+              <td class="px-6 py-4">
+                <div class="text-sm font-medium text-foreground group-hover:text-primary transition-colors">
+                  {{ credential.provider }}
+                </div>
+              </td>
+              <td class="px-6 py-4">
+                <div class="flex flex-wrap gap-1.5">
+                  <span
+                    v-for="(value, key) in credential.payload"
+                    :key="key"
+                    class="inline-flex items-center gap-1 px-2 py-0.5 bg-background-2 rounded text-xs text-muted-foreground-1"
+                  >
+                    <span class="font-medium">{{ key }}:</span>
+                    <span class="font-mono">{{ maskValue(value) }}</span>
+                  </span>
+                </div>
+              </td>
+              <td class="px-6 py-4">
+                <span :class="STATUS_BADGE_CLASS(credential.is_active)">
+                  {{ credential.is_active ? 'Активен' : 'Неактивен' }}
+                </span>
+              </td>
+              <td class="px-6 py-4">
+                <div class="text-sm text-foreground">{{ FORMAT_DATE(credential.created_at, 'short') }}</div>
+              </td>
+              <td class="px-6 py-4 text-right">
+                <div class="flex items-center justify-end gap-1.5 opacity-0 group-hover:opacity-100 transition-opacity">
+                  <a
+                    :href="route('dashboard.integration-credentials.edit', credential.id)"
+                    class="p-2 text-muted-foreground-1 hover:text-primary hover:bg-primary/10 rounded-lg transition-all"
+                    title="Редактировать"
+                  >
+                    <DashboardIcon name="pencil-square" size="4" />
+                  </a>
+                  <button
+                    @click.prevent="CONFIRM_AND_DELETE(credential, 'dashboard.integration-credentials.destroy')"
+                    class="p-2 text-muted-foreground-1 hover:text-rose-600 hover:bg-rose-500/10 rounded-lg transition-all"
+                    title="Удалить"
+                  >
+                    <DashboardIcon name="trash" size="4" />
+                  </button>
+                </div>
+              </td>
+            </tr>
+
+            <EmptyState
+              v-if="credentials.length === 0"
+              :columns="5"
+              title="Интеграционные ключи не найдены"
+              description="Добавьте первый провайдер для настройки интеграций"
+              :action-url="route('dashboard.integration-credentials.create')"
+              action-text="Добавить провайдер"
+            />
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </DashboardLayout>
+</template>
+
+<script>
+import DashboardLayout from '../Components/DashboardLayout.vue';
+import DashboardIcon from '../Components/DashboardIcon.vue';
+import FlashMessages from '../Components/shared/FlashMessages.vue';
+import EmptyState from '../Components/shared/EmptyState.vue';
+
+export default {
+  name: 'IntegrationCredentialsIndex',
+  components: {
+    DashboardLayout,
+    DashboardIcon,
+    FlashMessages,
+    EmptyState,
+  },
+  props: {
+    credentials: {
+      type: Array,
+      required: true,
+    },
+  },
+  mounted() {
+    this.SET_DOCUMENT_TITLE('Интеграционные ключи');
+  },
+  methods: {
+    maskValue(value) {
+      if (!value || value.length <= 8) return '••••••••';
+      return value.substring(0, 4) + '••••' + value.substring(value.length - 4);
+    },
+  },
+}
+</script>
diff --git a/resources/js/Pages/Dashboard/Main.vue b/resources/js/Pages/Dashboard/Main.vue
index 7888e01..db59fe8 100755
--- a/resources/js/Pages/Dashboard/Main.vue
+++ b/resources/js/Pages/Dashboard/Main.vue
@@ -22,7 +22,7 @@
           type="button"
           @click="deploySite"
           :disabled="deploying"
-          class="inline-flex items-center gap-2 px-5 py-2.5 bg-primary text-white text-sm font-medium rounded-lg hover:bg-primary-hover transition-all disabled:opacity-50 disabled:cursor-not-allowed shadow-sm hover:shadow-md"
+          class="inline-flex items-center gap-2 px-5 py-2.5 bg-amber-500 text-white text-sm font-medium rounded-lg hover:bg-amber-600 transition-all disabled:opacity-50 disabled:cursor-not-allowed shadow-sm hover:shadow-md"
         >
           <svg v-if="deploying" class="animate-spin w-4 h-4" fill="none" viewBox="0 0 24 24">
             <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>