From fb70d80220b88f94b09698d4577162b296b5cf87 Mon Sep 17 00:00:00 2001 From: Denozordec Date: Wed, 30 Sep 2026 23:23:58 +0700 Subject: [PATCH] =?UTF-8?q?fix(ui):=20=D0=B7=D0=B0=D0=B2=D0=B5=D1=80=D1=88?= =?UTF-8?q?=D0=B8=D1=82=D1=8C=20=D0=B0=D0=B4=D0=B0=D0=BF=D1=82=D0=B8=D0=B2?= =?UTF-8?q?=D0=BD=D0=BE=D1=81=D1=82=D1=8C=20=D0=BE=D0=BF=D1=82=D0=B8=D0=BC?= =?UTF-8?q?=D0=B8=D0=B7=D0=B0=D1=82=D0=BE=D1=80=D0=B0=20=D0=BC=D0=B0=D1=80?= =?UTF-8?q?=D1=88=D1=80=D1=83=D1=82=D0=BE=D0=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/(main)/route-optimizer/page.tsx | 160 +++++++++--------- .../route-optimizer-comm-recs-data-grid.tsx | 34 ++-- .../route-optimizer-full-routes-data-grid.tsx | 26 +-- ...route-optimizer-ospf-preview-data-grid.tsx | 8 +- .../route-optimizer-wan-matrix-data-grid.tsx | 16 +- docs/ux-ui-plan.md | 10 ++ docs/ux-ui-progress.md | 9 +- docs/ux-ui-stage-10.md | 4 + .../route-optimizer-community-desktop.png | Bin 0 -> 171828 bytes .../route-optimizer-community-mobile.png | Bin 0 -> 53020 bytes .../route-optimizer-community-narrow.png | Bin 0 -> 41646 bytes .../route-optimizer-overview-desktop.png | Bin 0 -> 162686 bytes .../route-optimizer-overview-mobile.png | Bin 0 -> 47467 bytes .../route-optimizer-overview-narrow.png | Bin 0 -> 36792 bytes .../route-optimizer-settings-desktop.png | Bin 0 -> 165887 bytes .../route-optimizer-settings-mobile.png | Bin 0 -> 55523 bytes .../route-optimizer-settings-narrow.png | Bin 0 -> 34104 bytes tests/e2e/route-optimizer-layout.spec.ts | 28 +++ 18 files changed, 173 insertions(+), 122 deletions(-) create mode 100644 docs/ux-ui/screens/route-optimizer-community-desktop.png create mode 100644 docs/ux-ui/screens/route-optimizer-community-mobile.png create mode 100644 docs/ux-ui/screens/route-optimizer-community-narrow.png create mode 100644 docs/ux-ui/screens/route-optimizer-overview-desktop.png create mode 100644 docs/ux-ui/screens/route-optimizer-overview-mobile.png create mode 100644 docs/ux-ui/screens/route-optimizer-overview-narrow.png create mode 100644 docs/ux-ui/screens/route-optimizer-settings-desktop.png create mode 100644 docs/ux-ui/screens/route-optimizer-settings-mobile.png create mode 100644 docs/ux-ui/screens/route-optimizer-settings-narrow.png create mode 100644 tests/e2e/route-optimizer-layout.spec.ts diff --git a/app/(main)/route-optimizer/page.tsx b/app/(main)/route-optimizer/page.tsx index 2dc4e302..7d191c62 100644 --- a/app/(main)/route-optimizer/page.tsx +++ b/app/(main)/route-optimizer/page.tsx @@ -229,7 +229,7 @@ function Chip({ children, color }: { children: React.ReactNode; color?: string } function ProbChip({ prob, best }: { prob: number; best?: boolean }) { return ( {prob} б. ) @@ -237,16 +237,16 @@ function ProbChip({ prob, best }: { prob: number; best?: boolean }) { function ConfChip({ conf }: { conf: string }) { const map: Record = { - HIGH: "bg-sky-500/10 text-sky-600 dark:text-sky-400 border-sky-500/20", - MEDIUM: "bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20", - LOW: "bg-red-500/10 text-red-600 dark:text-red-400 border-red-500/20", + HIGH: "bg-info/10 text-info border-info/20", + MEDIUM: "bg-warning/10 text-warning border-warning/20", + LOW: "bg-destructive/10 text-destructive border-destructive/20", } return {conf} } -function NInput({ value, onChange, min, max }: { value: number; onChange: (v: number) => void; min?: number; max?: number }) { +function NInput({ value, onChange, min, max, label }: { label: string; value: number; onChange: (v: number) => void; min?: number; max?: number }) { return ( - onChange(Math.max(min ?? 0, Math.min(max ?? 9999, parseInt(e.target.value) || 0)))} className="w-16 h-7 text-xs font-mono text-right" /> ) @@ -287,7 +287,7 @@ function HomeRouterCard({ entry, jumpHosts, pinned, applied, applying, onPin, on {/* Header */}
- +