itube-specs 0.0.1060 → 0.0.1063

package/SITE_UPDATES.md

@@ -11,6 +11,24 @@
 коммиты до бампа); `npm run patch` сам проставит ей номер версии. Формат пункта: что сделать и где,
 кому именно (всем / сайтам с N), что будет, если не сделать.
 
+## 0.0.1062 — 2026-11-02
+
+- **Всем — к сведению:** за тем же флагом `FeatureUploadEnabled` — страница «My videos» `/library/uploads` (загруженные
+  ролики пользователя: вкладки по статусу, видимость, ссылка, правка названия, удаление; данные — заглушка). Туда
+  ведёт «Go to my videos» после загрузки, а в `/library` появилась секция «My videos» (4 последних ролика, «Show all»). Новые общие ключи `my_uploads` и три ключа в `snackbar` (пока только en-US).
+  Делать ничего не надо.
+
+## 0.0.1061 — 2026-11-02
+
+- **Всем — решить флаг:** новая страница загрузки видео `/upload` (выбор файла с проверкой в браузере → детали
+  во время загрузки → «отправлено» со статусом обработки) и кнопка Upload в шапке (десктоп) — за флагом
+  `FeatureUploadEnabled`. API загрузки ещё нет: прогресс и обработка имитируются таймерами. Хотите страницу —
+  добавьте `FeatureUploadEnabled: true` в `config/feature-flags.config.ts` (gay-cool-new включил). Без флага
+  `/upload` отдаёт 404, кнопки нет, а мёртвая кнопка Upload из бургера (была без действия) пропадает — делать
+  ничего не надо.
+- **Всем — к сведению:** новая группа общих ключей `upload_page` (пока только en-US, остальные локали — через CSV
+  слоя). У `UiConfirm` необязательный проп `cancelText` (по умолчанию «Cancel», как было).
+
 ## 0.0.1060 — 2026-11-02
 
 - **Сайтам со своими `assets/scss/vars` (hdsex-remaster и др.), срочно:** с 0.0.1059 (лоадер, `0d412182`) без новых

package/assets/icons/common/arrow-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" viewBox="0 0 24 24"><path d="m5 12 7-7 7 7M12 19V5"/></svg>

package/assets/icons/common/link.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="M9 17H7A5 5 0 0 1 7 7h2M15 7h2a5 5 0 1 1 0 10h-2M8 12h8"/></svg>

package/assets/icons/common/loader.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="M21 12a9 9 0 1 1-6.219-8.56"/></svg>

package/assets/icons/common/upload-arrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="currentColor" d="M9 2.25 4.5 6.75h2.75V12h3.5V6.75h2.75z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M2.5 14v1.25c0 .97.78 1.75 1.75 1.75h9.5c.97 0 1.75-.78 1.75-1.75V14"/></svg>

package/assets/scss/themes/dark/_theme.scss

@@ -424,6 +424,8 @@ $niche-switch-text--checked: $color-white;
 $footer-language-bg: $color-zinc-800-50;
 $footer-language-bg--hover: $color-zinc-700;
 $footer-language-text: $color-zinc-400;
+$footer-language-text--hover: $color-white;
+$footer-language-badge: $color-zinc-200;
 $footer-language-menu-bg: $color-night;
 $footer-language-menu-border: $color-zinc-800;
 $footer-language-menu-shadow: 0 20px 25px -5px #{$mono-black-25}, 0 8px 10px -6px #{$mono-black-25};
@@ -456,15 +458,18 @@ $header-burger-icon: $color-zinc-200;
 $header-user-icon: $color-zinc-500;
 $header-language-trigger: $color-zinc-400;
 $header-language-trigger--hover: $color-white;
-$header-language-trigger-bg: transparent;
-$header-language-trigger-bg--hover: transparent;
+$header-language-trigger-bg: $color-zinc-800-50;
+$header-language-trigger-bg--hover: $color-zinc-700;
+$header-language-badge: $color-zinc-200;
 $header-language-menu-bg: $color-night;
 $header-language-menu-border: $color-zinc-800;
 $header-language-menu-shadow: 0 20px 25px -5px #{$mono-black-25}, 0 8px 10px -6px #{$mono-black-25};
 $header-language-menu-item--hover: $color-zinc-800-50;
 
 // ─── notifications ───
-$notifications-icon: $color-zinc-300;
+$notifications-icon: $color-zinc-400;
+$notifications-bg: $color-zinc-800-50;
+$notifications-bg--hover: $color-zinc-700;
 $notifications-icon--mobile: $color-zinc-200;
 $notifications-icon--hover: $color-white;
 $notifications-badge-bg: $color-indigo-600;
@@ -1214,3 +1219,84 @@ $player-tags-chip-bg: $color-zinc-800;
 $player-tags-tag-bg: $color-zinc-800-50;
 $player-tags-more-text: $color-zinc-400;
 $player-tags-more-text--hover: $color-white;
+
+// ─── Header upload button ───
+$header-upload-bg: $color-indigo-600-20;
+$header-upload-border: $color-indigo-500-50;
+$header-upload-border--hover: $color-indigo-500;
+$header-upload-text: $color-white;
+
+// ─── Upload page ───
+$upload-title: $color-white;
+$upload-text: $color-zinc-450;
+$upload-card-bg: $color-zinc-925;
+$upload-accent: $color-indigo-600;
+$upload-accent-text: $color-indigo-500;
+$upload-success: $color-emerald-500;
+$upload-error: $color-red-500;
+$upload-icon-bg: $color-zinc-850;
+$upload-dot: $color-zinc-550;
+$upload-check-icon: $color-zinc-550;
+$upload-dropzone-border: $color-zinc-800;
+$upload-dropzone-border--error: $color-red-500-50;
+$upload-dropzone-bg--active: $color-zinc-925;
+$upload-field-bg: $color-zinc-850;
+$upload-field-text: $color-white;
+$upload-field-placeholder: $color-zinc-450;
+$upload-field-border: transparent;
+$upload-field-border--hover: $color-zinc-800;
+$upload-field-bg--hover: $color-zinc-800;
+$upload-chip-bg: $color-zinc-850;
+$upload-chip-text: $color-white;
+$upload-chip-icon: $color-zinc-450;
+$upload-chip-icon--hover: $color-white;
+$upload-avatar-bg: $color-zinc-925;
+$upload-avatar-text: $color-zinc-450;
+$upload-listbox-bg: $color-zinc-850;
+$upload-listbox-border: $color-zinc-800;
+$upload-listbox-shadow: 0 12px 32px #{$mono-black-50}, 0 2px 8px #{$mono-black-42};
+$upload-option-bg--active: $color-zinc-800;
+$upload-poster-bg: $color-zinc-850;
+$upload-overlay-bg: $color-black-50;
+$upload-overlay-text: $color-white;
+$upload-overlay-subtext: $color-white-75;
+$upload-badge-bg: $color-black-75;
+$upload-badge-text: $color-white;
+$upload-track-bg: $color-black-50;
+$upload-stripes-from: $color-indigo-600;
+$upload-stripes-to: $color-indigo-800;
+$upload-step-line: $color-zinc-700;
+$upload-step-time: $color-zinc-500;
+$upload-step-icon: $color-white;
+$upload-radio-ring: $color-zinc-700;
+$upload-radio-dot: $color-white;
+$upload-rules-text: $color-zinc-400;
+$upload-rules-dot: $color-zinc-600;
+
+// ─── My videos (library uploads) ───
+$library-upload-placeholder-from: $color-zinc-700;
+$library-upload-placeholder-to: $color-zinc-800;
+$library-upload-badge-bg: $color-black-75;
+$library-upload-badge-text: $color-white;
+$library-upload-dot: $color-indigo-400;
+$library-upload-dot--error: $color-red-500;
+$library-upload-title: $color-white;
+$library-upload-title--hover: $color-indigo-400;
+$library-upload-untitled: $color-zinc-500;
+$library-upload-meta: $color-zinc-500;
+$library-upload-meta--error: $color-red-400;
+$library-upload-menu-icon: $color-zinc-500;
+$library-upload-menu-icon--hover: $color-white;
+$library-upload-menu-value: $color-zinc-500;
+$library-upload-delete-text: $color-red-400;
+$library-upload-radio: $color-zinc-500;
+$library-upload-radio--checked: $color-indigo-600;
+$library-upload-radio-dot: $color-white;
+$library-upload-empty-icon-bg: $color-zinc-900;
+$library-upload-empty-icon-border: $color-zinc-800;
+$library-upload-empty-icon: $color-zinc-400;
+$library-upload-empty-title: $color-white;
+$library-upload-note: $color-zinc-500;
+$library-upload-tab-count: $color-zinc-500;
+$library-upload-tab-count--active: $color-white-70;
+$library-upload-fix-text: $color-zinc-400;

package/assets/scss/themes/light/_theme.scss

@@ -482,6 +482,8 @@ $niche-switch-text--checked: $color-white;
 $footer-language-bg: $color-slate-750;
 $footer-language-bg--hover: $color-slate-700;
 $footer-language-text: $color-white;
+$footer-language-text--hover: $color-white;
+$footer-language-badge: $color-gray-200;
 $footer-language-menu-bg: $color-slate-850;
 $footer-language-menu-border: $color-white-10;
 $footer-language-menu-shadow: 0 20px 25px -5px #{$mono-black-25}, 0 8px 10px -6px #{$mono-black-25};
@@ -516,11 +518,14 @@ $header-language-trigger: $color-white;
 $header-language-trigger--hover: $color-white;
 $header-language-trigger-bg: $color-slate-750;
 $header-language-trigger-bg--hover: $color-slate-700;
+$header-language-badge: $color-gray-200;
 $header-language-menu-bg: $color-slate-850;
 $header-language-menu-border: $color-white-10;
 $header-language-menu-shadow: 0 20px 25px -5px #{$mono-black-25}, 0 8px 10px -6px #{$mono-black-25};
 $header-language-menu-item--hover: $color-white-5;
-$notifications-icon: $color-gray-300;
+$notifications-icon: $color-gray-400;
+$notifications-bg: $color-slate-750;
+$notifications-bg--hover: $color-slate-700;
 $notifications-icon--mobile: $color-gray-200;
 $notifications-icon--hover: $color-white;
 $notifications-badge-bg: $color-indigo-600;
@@ -1243,3 +1248,84 @@ $player-tags-chip-bg: $color-gray-200;
 $player-tags-tag-bg: $color-gray-100;
 $player-tags-more-text: $color-gray-700;
 $player-tags-more-text--hover: $color-gray-900;
+
+// ─── Header upload button ───
+$header-upload-bg: $color-indigo-600-20;
+$header-upload-border: $color-indigo-500-50;
+$header-upload-border--hover: $color-indigo-500;
+$header-upload-text: $color-white;
+
+// ─── Upload page ───
+$upload-title: $color-gray-900;
+$upload-text: $color-gray-500;
+$upload-card-bg: $color-gray-100;
+$upload-accent: $color-indigo-600;
+$upload-accent-text: $color-indigo-600;
+$upload-success: $color-emerald-600;
+$upload-error: $color-red-500;
+$upload-icon-bg: $color-gray-200;
+$upload-dot: $color-gray-400;
+$upload-check-icon: $color-gray-400;
+$upload-dropzone-border: $color-gray-300;
+$upload-dropzone-border--error: $color-red-300;
+$upload-dropzone-bg--active: $color-gray-100;
+$upload-field-bg: $color-white;
+$upload-field-text: $color-gray-900;
+$upload-field-placeholder: $color-gray-400;
+$upload-field-border: $color-gray-200;
+$upload-field-border--hover: $color-gray-300;
+$upload-field-bg--hover: $color-gray-200;
+$upload-chip-bg: $color-gray-200;
+$upload-chip-text: $color-gray-900;
+$upload-chip-icon: $color-gray-500;
+$upload-chip-icon--hover: $color-gray-900;
+$upload-avatar-bg: $color-gray-100;
+$upload-avatar-text: $color-gray-500;
+$upload-listbox-bg: $color-white;
+$upload-listbox-border: $color-gray-200;
+$upload-listbox-shadow: 0 12px 32px #{$mono-black-15}, 0 2px 8px #{$mono-black-10};
+$upload-option-bg--active: $color-gray-100;
+$upload-poster-bg: $color-gray-200;
+$upload-overlay-bg: $color-black-50;
+$upload-overlay-text: $color-white;
+$upload-overlay-subtext: $color-white-75;
+$upload-badge-bg: $color-black-75;
+$upload-badge-text: $color-white;
+$upload-track-bg: $color-black-50;
+$upload-stripes-from: $color-indigo-600;
+$upload-stripes-to: $color-indigo-800;
+$upload-step-line: $color-gray-200;
+$upload-step-time: $color-gray-400;
+$upload-step-icon: $color-white;
+$upload-radio-ring: $color-gray-300;
+$upload-radio-dot: $color-white;
+$upload-rules-text: $color-gray-300;
+$upload-rules-dot: $color-gray-500;
+
+// ─── My videos (library uploads) ───
+$library-upload-placeholder-from: $color-gray-200;
+$library-upload-placeholder-to: $color-gray-300;
+$library-upload-badge-bg: $color-black-75;
+$library-upload-badge-text: $color-white;
+$library-upload-dot: $color-indigo-400;
+$library-upload-dot--error: $color-red-500;
+$library-upload-title: $color-gray-900;
+$library-upload-title--hover: $color-indigo-600;
+$library-upload-untitled: $color-gray-500;
+$library-upload-meta: $color-gray-500;
+$library-upload-meta--error: $color-red-600;
+$library-upload-menu-icon: $color-gray-500;
+$library-upload-menu-icon--hover: $color-gray-900;
+$library-upload-menu-value: $color-gray-500;
+$library-upload-delete-text: $color-red-400;
+$library-upload-radio: $color-gray-400;
+$library-upload-radio--checked: $color-indigo-600;
+$library-upload-radio-dot: $color-white;
+$library-upload-empty-icon-bg: $color-gray-100;
+$library-upload-empty-icon-border: $color-gray-200;
+$library-upload-empty-icon: $color-gray-500;
+$library-upload-empty-title: $color-gray-900;
+$library-upload-note: $color-gray-500;
+$library-upload-tab-count: $color-gray-500;
+$library-upload-tab-count--active: $color-white-70;
+$library-upload-fix-text: $color-gray-300;

package/assets/scss/vars/_palette.scss

@@ -133,6 +133,7 @@ $color-red-400: lab(63.7053% 60.745 31.3109);
 $color-red-500: lab(55.4814% 75.0732 48.8528);
 $color-red-500-10: color-mix(in oklab, #{$color-red-500} 10%, transparent);
 $color-red-500-20: color-mix(in oklab, #{$color-red-500} 20%, transparent);
+$color-red-500-50: color-mix(in oklab, #{$color-red-500} 50%, transparent);
 $color-red-600: lab(48.4493% 77.4328 61.5452);
 $color-red-600-20: color-mix(in oklab, #{$color-red-600} 20%, transparent);
 $color-red-600-30: color-mix(in oklab, #{$color-red-600} 30%, transparent);

package/components/layout/burger.vue

@@ -33,11 +33,13 @@
           <UiAvatar :size="40"/>
           <span class="layout-burger__button-text">{{ data.username }}</span>
         </NuxtLink>
-        <button
+        <component
           v-for="(btn, index) in burgerButtons"
+          :is="btn.link ? NuxtLink : 'button'"
           :key="`burger-btn-${index}`"
+          :to="btn.link"
+          :type="btn.link ? undefined : 'button'"
           class="layout-burger__button"
-          type="button"
           @click="btn.action?.(); close()"
         >
           <span class="layout-burger__button-icon">
@@ -47,7 +49,7 @@
             />
           </span>
           {{ t(btn.label) }}
-        </button>
+        </component>
       </div>
 
       <nav class="layout-burger__nav">
@@ -84,6 +86,7 @@
 </template>
 
 <script setup lang="ts">
+import { NuxtLink } from '#components';
 import { AuthSteps, onBackdropClick, checkDeviceWidth } from '../../runtime';
 import type { IProfileData } from '../../types';
 import { CSS_BREAKPOINTS } from '../../config/css-breakpoints';
@@ -158,7 +161,9 @@ function logOut() {
   useUser(AuthorizationApiService).signOut();
 }
 
-const burgerButtons = computed(() => [
+const featureFlags = useRuntimeConfig().public.featureFlags;
+
+const burgerButtons = computed<{ icon: string, label: string, action?: () => void, link?: string }[]>(() => [
   ...isAuthorized.value ? [
         {
           icon: 'logout',
@@ -178,10 +183,13 @@ const burgerButtons = computed(() => [
           action: () => openAuthPopup(AuthSteps.Login),
         },
       ],
-  {
-    icon: 'upload',
-    label: 'upload'
-  },
+  ...featureFlags.FeatureUploadEnabled ? [
+    {
+      icon: 'upload',
+      label: 'upload',
+      link: generateLink('/upload'),
+    }
+  ] : [],
 ]);
 
 const router = useRouter();

package/components/layout/footer-language.vue

@@ -82,13 +82,16 @@ function handler() {
   background-color: $footer-language-bg;
   color: $footer-language-text;
 
-  @include hover(background-color) {
+  @include hover(background-color, color) {
+    color: $footer-language-text--hover;
     background-color: $footer-language-bg--hover;
   }
 }
 
 .layout-footer-language__badge {
   @include locale-badge;
+
+  color: $footer-language-badge;
 }
 
 .layout-footer-language__angle {