Merge pull request #25 from AHTu21/chore/release-v0.13.0

chore(release): v0.13.0 [version:skip]

Author: emildg8

CHANGELOG.md

@@ -8,20 +8,17 @@
 
 ## [Unreleased]
 
-### Сообщения (`/messages`)
+_Черновик до следующего релиза; в окне «О программе» не показывается._
 
-- **Раздел «Сообщения»** в меню приложения: личные чаты, **группы**, системные каналы (**Новости** — только чтение, **Поддержка** — диалог с командой и **быстрыми командами**).
-- **Левая колонка:** иконка **профиля** (аватар, ФИО, «Создать группу», переход в **Избранное**), поиск пользователя для нового диалога, список чатов с непрочитанными; при открытом профиле список **приглушается**.
-- **Переписка:** отправка текста и **вложений** (скрепка, Enter и иконка отправки без обязательного текста), **эмодзи** в поле ввода; превью и **скачивание** файлов (иконка загрузки).
-- **Сообщения (ПКМ):** ответ, редактирование своих, **удалить у всех** / **только у меня**, пересылка в **Избранное**; скрытие «у себя» с запасом в `localStorage`, если миграция БД ещё не применена.
-- **Избранное:** личный канал для заметок и пересланных сообщений.
-- **Группы:** в шапке чата — **Настройки** (фото группы как у профиля — только «Загрузить фото», увеличение по клику), список участников, **добавление** по поиску, **Покинуть группу**, **Удалить группу** (только создатель); лента при открытых настройках приглушается.
+<!-- changelog:user -->
 
-### Интерфейс
+## [0.13.0] — 2026-05-28
 
-- Пункт **«Сообщения»** в overflow-меню шапки (рядом с профилем и комнатами).
+### Профиль (`/profile`)
 
-<!-- changelog:user -->
+- **Обзор:** блок «Заполнение профиля» можно **скрыть** вручную; при **100%** он скрывается сам; свёрнутый чек-лист можно снова развернуть.
+- **Оформление доски:** предупреждение о контрасте фона и шапки срабатывает только когда цвета **действительно сливаются**, а не на обычные светлые темы.
+- **Блокнот:** текст на **2px** выше линий разметки — символы вроде `[ ]` не наезжают на линию.
 
 ## [0.12.0] — 2026-05-28
 
@@ -236,6 +233,7 @@
 
 ### API и сервер (история по релизам)
 
+- **0.13.0:** только клиент — сворачивание чек-листа заполнения профиля (`retrogen_profile_progress_collapsed_v1`); порог подсказки контраста фона/шапки по Δ яркости; сдвиг линейки блокнота.
 - **0.12.0:** только клиент — редизайн `pages/profile/*` (sidebar + detail, панели секций, `profileOverviewUi`, `profileLobbyUi`, `profileNotepadUi`, `profileSecurityUi`, пресеты комнаты); миграция местоимений en→ru в `profilePrefs`; обрезка горизонтального overflow (`profile-no-scroll-x`).
 - **0.11.0 / мессенджер:** Prisma `Chat`, `ChatMember`, `Message`, `MessageAttachment`, `MessageHidden`; модуль `server/src/chat/`; REST `/api/chats`, вложения `/api/chat/attachments/:id`, группа (`PATCH …/group/avatar`, `POST …/group/members`, `POST …/leave`, `DELETE …/:chatId`); Socket.IO `chat:join`, `chat:message.created|updated|hidden`, `chat:list.updated`, `chat:typing`. Файлы вложений — `server/data/chat-attachments/` (в `.gitignore`). Миграции `20260525180000_messenger`, `20260525200000_message_hidden`; после pull — `npm run db:deploy`.
 - **0.10.0:** только клиент — `retrogen_profile_v1` в `localStorage`, событие `retrogen-profile`; модули `pages/profile/*`, `profileAccent`, `profileRoomColors`; миграция legacy (аватар ≠ обои доски).

client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "client",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "private": true,
   "type": "module",
   "scripts": {

client/src/lib/profileRoomColors.ts

@@ -68,14 +68,16 @@ function hexRelativeLuminance(hex: string): number {
   return 0.2126 * channel(0) + 0.7152 * channel(2) + 0.0722 * channel(4);
 }
 
-/** Подсказка, если фон и шапка слишком близки по яркости (WCAG-упрощённо). */
+/** Подсказка, если фон и шапка сливаются по яркости (не общий WCAG-текст). */
 export function roomPaletteContrastHint(boardBackdrop: string, headerTint: string): string | null {
   const bg = normalizeBoardBackdropColor(boardBackdrop);
   const header = normalizeHeaderTintColor(headerTint);
   const bgL = hexRelativeLuminance(bg);
   const headerL = hexRelativeLuminance(header);
-  const ratio = (Math.max(bgL, headerL) + 0.05) / (Math.min(bgL, headerL) + 0.05);
-  if (ratio < 1.35) {
+  const delta = Math.abs(bgL - headerL);
+  // Старый порог по ratio (<1.35) срабатывал на нормальные светлые темы (#e4e4e7 + #fff).
+  // Предупреждаем только когда яркости почти совпадают (тёмная шапка на тёмном фоне и т.п.).
+  if (delta < 0.07) {
     return "Фон и шапка почти сливаются — выберите более контрастную пару.";
   }
   return null;

client/src/pages/profile/profileNotepadUi.tsx

@@ -237,12 +237,14 @@ export function NotepadWorkspace({
         <div className="bg-[var(--ph-notepad-bg)]">
           <textarea
             ref={textareaRef}
-            className="block min-h-[min(22rem,55vh)] w-full resize-y border-0 bg-transparent px-4 pb-4 pt-1 font-[inherit] text-[0.9375rem] leading-[1.5rem] text-[var(--ph-text)] outline-none placeholder:text-[var(--ph-muted)] placeholder:opacity-80"
+            className="block min-h-[min(22rem,55vh)] w-full resize-y border-0 bg-transparent px-4 pb-4 pt-1 font-[inherit] text-[0.9375rem] text-[var(--ph-text)] outline-none placeholder:text-[var(--ph-muted)] placeholder:opacity-80"
             style={{
               lineHeight,
               backgroundImage: notepadLinedBackground(),
               backgroundAttachment: "local",
               backgroundSize: `100% ${lineHeight}`,
+              /* линии на 2px ниже — descenders ([ ]) не наезжают на разметку */
+              backgroundPosition: "0 2px",
             }}
             value={value}
             placeholder={NOTEPAD_PLACEHOLDER}

client/src/pages/profile/profileOverviewUi.tsx

@@ -1,4 +1,4 @@
-import type { ReactNode } from "react";
+import { useEffect, useState, type ReactNode } from "react";
 import { Link } from "react-router-dom";
 import type { AuthUserDto } from "../../api";
 import type { UserProfilePrefs } from "../../lib/profilePrefs";
@@ -257,6 +257,24 @@ export function OverviewHub({
   );
 }
 
+const PROFILE_PROGRESS_COLLAPSED_KEY = "retrogen_profile_progress_collapsed_v1";
+
+function readProfileProgressCollapsed(): boolean {
+  try {
+    return localStorage.getItem(PROFILE_PROGRESS_COLLAPSED_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+
+function writeProfileProgressCollapsed(collapsed: boolean) {
+  try {
+    localStorage.setItem(PROFILE_PROGRESS_COLLAPSED_KEY, collapsed ? "1" : "0");
+  } catch {
+    /* ignore */
+  }
+}
+
 export function OverviewProfileProgress({
   d,
   tasks,
@@ -268,17 +286,61 @@ export function OverviewProfileProgress({
 }) {
   const done = tasks.filter((t) => t.done).length;
   const pct = Math.round((done / tasks.length) * 100);
+  const [collapsed, setCollapsed] = useState(readProfileProgressCollapsed);
+
+  useEffect(() => {
+    if (pct === 100) {
+      setCollapsed(true);
+      writeProfileProgressCollapsed(true);
+    }
+  }, [pct]);
+
+  const collapse = () => {
+    setCollapsed(true);
+    writeProfileProgressCollapsed(true);
+  };
+
+  const expand = () => {
+    setCollapsed(false);
+    writeProfileProgressCollapsed(false);
+  };
+
+  if (collapsed && pct === 100) {
+    return null;
+  }
+
+  if (collapsed) {
+    return (
+      <section className="px-0.5">
+        <button
+          type="button"
+          onClick={expand}
+          className={`flex w-full items-center justify-between gap-3 rounded-xl px-4 py-3 text-left ring-1 ring-[var(--ph-border)] transition hover:bg-[var(--ph-nav-hover)] ${d.rSm} bg-[var(--ph-surface)]`}
+        >
+          <span className="text-[0.8125rem] font-medium text-[var(--ph-text)]">Заполнение профиля</span>
+          <span className={`shrink-0 text-[0.75rem] font-medium tabular-nums ${d.link}`}>{pct}% · показать</span>
+        </button>
+      </section>
+    );
+  }
 
   return (
     <section className="space-y-2">
       <div className="flex flex-wrap items-end justify-between gap-2 px-0.5">
-        <div>
+        <div className="min-w-0 flex-1">
           <h2 className={d.groupTitle}>Заполнение профиля</h2>
           <p className={d.groupDesc}>Подсказки — что улучшить до следующего ретро</p>
         </div>
-        <span className={`text-[0.8125rem] font-semibold tabular-nums ${pct === 100 ? "text-emerald-600 dark:text-emerald-400" : d.muted}`}>
-          {pct}%
-        </span>
+        <div className="flex shrink-0 items-center gap-3">
+          <span
+            className={`text-[0.8125rem] font-semibold tabular-nums ${pct === 100 ? "text-emerald-600 dark:text-emerald-400" : d.muted}`}
+          >
+            {pct}%
+          </span>
+          <button type="button" className={`text-[0.75rem] font-medium ${d.link}`} onClick={collapse}>
+            Скрыть
+          </button>
+        </div>
       </div>
       <div className={`${d.insetGroup} overflow-hidden`}>
         <div className="h-1.5 bg-[var(--ph-surface-elevated)]">

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "retrogen",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "private": true,
   "workspaces": [
     "client",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "server",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "private": true,
   "type": "module",
   "scripts": {