From 0cdd9f52a47467dd54d27285fa1180e5f746c214 Mon Sep 17 00:00:00 2001
From: Hermes <root@vm-nano>
Date: Wed, 19 Aug 2026 12:16:52 +0200
Subject: [PATCH] ui: move hide-completed toggle into filter bar as checkbox
 next to SMS filter

---
 .../logistics/LogisticsReadinessBoard.jsx     | 24 ++-------------
 src/components/orders/OrderFilters.jsx        | 30 ++++++++++++++-----
 2 files changed, 26 insertions(+), 28 deletions(-)

diff --git a/src/components/logistics/LogisticsReadinessBoard.jsx b/src/components/logistics/LogisticsReadinessBoard.jsx
index 9395486..5328752 100644
--- a/src/components/logistics/LogisticsReadinessBoard.jsx
+++ b/src/components/logistics/LogisticsReadinessBoard.jsx
@@ -487,27 +487,7 @@ export const LogisticsReadinessBoard = ({ orderGroups = [], totalGroups: totalGr
               Перетаскивайте секции за ручку слева, чтобы изменить порядок отображения.
             </p>
           </div>
-          <div className="flex items-center gap-2">
-            <Badge tone="neutral">{totalGroupsProp ?? totalGroups} групп</Badge>
-            {typeof onToggleHideCompleted === "function" && (
-              <button
-                type="button"
-                onClick={() => onToggleHideCompleted((prev) => !prev)}
-                title={hideCompleted ? "Показать доставленные/отгруженные" : "Скрыть доставленные/отгруженные"}
-                className={`inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium transition ${
-                  hideCompleted
-                    ? "border-[var(--color-border)] bg-[var(--color-surface)] text-[var(--color-text)]"
-                    : "border-[var(--color-accent)] bg-[var(--color-accent-soft)] text-[var(--color-accent)]"
-                }`}
-              >
-                <span
-                  aria-hidden="true"
-                  className={`inline-block h-2 w-2 rounded-full ${hideCompleted ? "bg-[var(--color-accent)]" : "bg-[var(--color-text-muted)]"}`}
-                />
-                {hideCompleted ? "Скрыть завершённые" : "Показать завершённые"}
-              </button>
-            )}
-          </div>
+          <Badge tone="neutral">{totalGroupsProp ?? totalGroups} групп</Badge>
         </div>
 
         <OrderFilters
@@ -515,6 +495,8 @@ export const LogisticsReadinessBoard = ({ orderGroups = [], totalGroups: totalGr
           setFilters={setFilters}
           statusOptions={statusOptions}
           cities={cities}
+          hideCompleted={hideCompleted}
+          onToggleHideCompleted={onToggleHideCompleted}
         />
 
         {!hasActiveFilters && totalGroups > PAGE_SIZE && (
diff --git a/src/components/orders/OrderFilters.jsx b/src/components/orders/OrderFilters.jsx
index 64835ea..359657a 100644
--- a/src/components/orders/OrderFilters.jsx
+++ b/src/components/orders/OrderFilters.jsx
@@ -77,7 +77,7 @@ const DropdownSelect = ({ value, options, onChange, placeholder }) => {
   );
 };
 
-export const OrderFilters = ({ filters, setFilters, statusOptions = [], cities = [] }) => {
+export const OrderFilters = ({ filters, setFilters, statusOptions = [], cities = [], hideCompleted = true, onToggleHideCompleted }) => {
   const statusValue = filters.displayStatus || filters.status || "all";
   const selectedStatusLabel = statusOptions.find((option) => option.value === statusValue)?.label || statusValue;
   const [isStatusOpen, setIsStatusOpen] = React.useState(false);
@@ -196,12 +196,28 @@ export const OrderFilters = ({ filters, setFilters, statusOptions = [], cities =
             placeholder="Тип получения"
           />
 
-          <DropdownSelect
-            value={filters.smsStatus || "all"}
-            options={smsProblemOptions}
-            onChange={(v) => updateFilter("smsStatus", v)}
-            placeholder="Проблемы SMS"
-          />
+          <div className="flex items-end gap-3">
+            <DropdownSelect
+              value={filters.smsStatus || "all"}
+              options={smsProblemOptions}
+              onChange={(v) => updateFilter("smsStatus", v)}
+              placeholder="Проблемы SMS"
+            />
+            {typeof onToggleHideCompleted === "function" && (
+              <label
+                className="mb-0.5 flex shrink-0 cursor-pointer select-none items-center gap-2 text-sm text-[var(--color-text)]"
+                title="Доставленные и отгруженные заказы скрыты"
+              >
+                <input
+                  type="checkbox"
+                  checked={hideCompleted}
+                  onChange={() => onToggleHideCompleted((prev) => !prev)}
+                  className="h-4 w-4 cursor-pointer accent-[var(--color-accent)]"
+                />
+                <span>Скрыть завершённые</span>
+              </label>
+            )}
+          </div>
 
           <Input
             className="h-[46px] py-0"