fix(backups): адаптировать историю и формы к узким экранам

components/backups/backups-settings.tsx

@@ -152,6 +152,7 @@ export function BackupsSettings({
         <div className="flex flex-col gap-4">
           <FormField label="Частота">
             <SegmentedControl
+            className="w-full flex-wrap"
               value={schedule.frequency}
               onChange={(v) => onScheduleChange("frequency", v)}
               options={[
@@ -164,7 +165,7 @@ export function BackupsSettings({
 
           {schedule.frequency === "weekly" && (
             <FormField label="День недели">
-              <div className="flex gap-1">
+              <div className="flex flex-wrap gap-1">
                 {WEEK_DAYS.map((d, i) => (
                   <button
                     key={d}
@@ -199,7 +200,7 @@ export function BackupsSettings({
           )}
 
           <FormField label="Время запуска">
-            <div className="flex items-center gap-2">
+            <div className="flex flex-wrap items-center gap-2">
               <Input
                 type="number"
                 min={0}
@@ -211,7 +212,7 @@ export function BackupsSettings({
               />
               <span className="text-muted-foreground font-mono text-lg">:</span>
               <Input aria-label="Минута запуска" type="number" min={0} max={59} className="font-mono w-20 text-center" value={schedule.minute} onChange={e => onScheduleChange("minute", e.target.value)} />
-              <div className="flex gap-1">
+              <div className="flex flex-wrap gap-1">
                 {[0, 15, 30, 45].map((m) => (
                   <button
                     key={m}
@@ -267,6 +268,7 @@ export function BackupsSettings({
         {savedStorage?.lastTestAt && <p className="text-xs text-muted-foreground">Последняя проверка: {new Date(savedStorage.lastTestAt).toLocaleString("ru-RU")}. Текущая доступность может измениться.</p>}
         <FormField label="Тип хранилища">
           <SegmentedControl
+            className="w-full flex-wrap"
             value={storage.provider}
             onChange={(v) => onStorageChange("provider", v)}
             options={[

components/data-grids/backups-data-grid.tsx

@@ -63,6 +63,7 @@ function BackupsDataGrid({
       {
         id: "filename",
         accessorKey: "filename",
+        size: 280,
         header: ({ column }) => <DataGridSortHeader column={column} title="Файл" />,
         cell: ({ row }) => {
           const b = row.original
@@ -77,7 +78,7 @@ function BackupsDataGrid({
                 {inS3 ? <CloudIcon /> : <HardDriveIcon />}
               </IconTile>
               <div className="min-w-0">
-                <span className="font-mono text-xs font-medium block truncate">{b.filename}</span>
+                <span title={b.filename} className="font-mono text-xs font-medium block break-all">{b.filename}</span>
                 {b.uploadError ? (
                   <span className="text-[11px] text-destructive truncate block">{b.uploadError}</span>
                 ) : null}