From 720eaafc5edb047ea713d4c19eaea39fed228485 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9?=
 <noreply@anthropic.com>
Date: Sun, 21 Jun 2026 12:44:19 +0300
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=D0=B3=D0=B0=D1=80=D0=B4=20=D0=B4?=
 =?UTF-8?q?=D0=B5=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=BD=D0=B0=20=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=BB=D1=8C=20=D0=B2=20=D0=BF=D1=80=D0=BE=D0=B3=D1=80?=
 =?UTF-8?q?=D0=B5=D1=81=D1=81=D0=B5=20=D0=BF=D1=80=D0=BE=D0=B5=D0=BA=D1=82?=
 =?UTF-8?q?=D0=B0=20(NaN%)=20+=20=D0=B1=D0=B8=D1=82=D1=8B=D0=B9=20=D0=BA?=
 =?UTF-8?q?=D0=BB=D0=B0=D1=81=D1=81=20gap-N=E2=86=92ga-N=20(Vuetify)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/resources/js/components/projects/BulkActionsBar.vue | 2 +-
 app/resources/js/components/projects/DaysBulkDialog.vue | 4 ++--
 app/resources/js/components/projects/ProjectCard.vue    | 8 +++++---
 app/resources/js/views/ProjectsView.vue                 | 8 ++++----
 4 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/app/resources/js/components/projects/BulkActionsBar.vue b/app/resources/js/components/projects/BulkActionsBar.vue
index 366be589..824912a3 100644
--- a/app/resources/js/components/projects/BulkActionsBar.vue
+++ b/app/resources/js/components/projects/BulkActionsBar.vue
@@ -1,7 +1,7 @@
 <template>
     <v-card class="bulk-actions-bar" elevation="6">
         <DevIndexBadge :index="20" label="BulkActionsBar" :dialog-mode="true" style="top: 4px; right: 4px" />
-        <v-card-text class="d-flex align-center gap-3 flex-wrap">
+        <v-card-text class="d-flex align-center ga-3 flex-wrap">
             <strong>Выбрано: {{ store.selectedIds.size }}</strong>
 
             <v-divider vertical />
diff --git a/app/resources/js/components/projects/DaysBulkDialog.vue b/app/resources/js/components/projects/DaysBulkDialog.vue
index 612b67c9..1815be6a 100644
--- a/app/resources/js/components/projects/DaysBulkDialog.vue
+++ b/app/resources/js/components/projects/DaysBulkDialog.vue
@@ -5,7 +5,7 @@
             <v-card-text>
                 <div class="mb-4">
                     <div class="text-caption text-success font-weight-medium mb-2">➕ Добавить дни</div>
-                    <div class="d-flex gap-2">
+                    <div class="d-flex ga-2">
                         <v-btn
                             v-for="d in WEEKDAYS"
                             :key="`add-${d.bit}`"
@@ -20,7 +20,7 @@
                 </div>
                 <div>
                     <div class="text-caption text-error font-weight-medium mb-2">➖ Убрать дни</div>
-                    <div class="d-flex gap-2">
+                    <div class="d-flex ga-2">
                         <v-btn
                             v-for="d in WEEKDAYS"
                             :key="`remove-${d.bit}`"
diff --git a/app/resources/js/components/projects/ProjectCard.vue b/app/resources/js/components/projects/ProjectCard.vue
index 2e102bc8..7400b72c 100644
--- a/app/resources/js/components/projects/ProjectCard.vue
+++ b/app/resources/js/components/projects/ProjectCard.vue
@@ -110,9 +110,11 @@ const identifierDisplay = computed(() => {
     }
     return props.project.signal_identifier ?? '';
 });
-const progressPercent = computed(() =>
-    Math.min(100, Math.round((props.project.delivered_today / props.project.daily_limit_target) * 100)),
-);
+const progressPercent = computed(() => {
+    // Гард деления на ноль: активный проект с лимитом 0 возможен → без гарда «NaN%».
+    const limit = props.project.daily_limit_target;
+    return limit > 0 ? Math.min(100, Math.round((props.project.delivered_today / limit) * 100)) : 0;
+});
 const progressColor = computed(() => (progressPercent.value >= 90 ? 'success' : 'primary'));
 const syncStatusLabel = computed(
     () => ({ ok: 'Sync OK', pending: 'Sync pending', failed: 'Sync failed' })[props.project.sync_status],
diff --git a/app/resources/js/views/ProjectsView.vue b/app/resources/js/views/ProjectsView.vue
index 6feb0cb5..59add277 100644
--- a/app/resources/js/views/ProjectsView.vue
+++ b/app/resources/js/views/ProjectsView.vue
@@ -13,7 +13,7 @@
             border="start"
             class="mb-4"
         >
-            <div class="d-flex justify-space-between align-start gap-2">
+            <div class="d-flex justify-space-between align-start ga-2">
                 <span>
                     Важно: изменения по проектам (добавление, удаление, лимиты, рабочие дни, регионы) вносите
                     <strong>до 18:00 МСК</strong>. Изменения после 18:00 применяются при следующей синхронизации — на
@@ -30,7 +30,7 @@
             </div>
         </v-alert>
 
-        <div class="d-flex flex-wrap gap-3 mb-4">
+        <div class="d-flex flex-wrap ga-3 mb-4">
             <v-select
                 v-model="store.filters.signal_type"
                 :items="typeFilters"
@@ -101,7 +101,7 @@
         </div>
 
         <!-- #6: Селектор количества на странице (паттерн как в DealsView). -->
-        <div class="perpage mb-3 d-flex align-center gap-3">
+        <div class="perpage mb-3 d-flex align-center ga-3">
             <span class="text-body-2 text-medium-emphasis">Показывать по:</span>
             <v-btn-toggle
                 v-model="store.filters.per_page"
@@ -116,7 +116,7 @@
             </v-btn-toggle>
         </div>
 
-        <div v-if="!store.loading && store.items.length > 0" class="projects-toolbar d-flex align-center gap-3 mb-3">
+        <div v-if="!store.loading && store.items.length > 0" class="projects-toolbar d-flex align-center ga-3 mb-3">
             <label class="toolbar-check" data-testid="select-all-toggle">
                 <input
                     type="checkbox"