25 changed files with 95 additions and 434 deletions
--- a/ARCHITECTURE.md
+++ b/ARCHITECTURE.md
@ -32,10 +32,8 @@
 и `storage.ts` (ключи `localStorage` прежней страницы; у проекта AWPCA — прежние, у остальных с суффиксом `@<метка>`; набор ключей — состояние модуля, выставляется при монтировании страницы), отрисовка — `web/src/board/components`.
 Вид — дизайн-система AURA: токены цвета, шрифта, отступов и теней (светлая и тёмная темы) — `web/src/styles/tokens.css`,
 единственное место с литералами цвета; базовые компоненты (`Button`, `Notice`, `Dialog`, `Field`, `Panel`, меню и др.) —
-`web/src/ui/`, остальные стили подключаются к токенам по семантическим именам. Оболочка — `web/src/shell/Layout.tsx`: grid из боковой
-панели `Sidebar.tsx` (закреплена у левого края, сворачивается в полосу значков — ключ `jira-hub-sidebar`; на экранах
-уже 640 px — строка с «Меню» и выезжающая панель) и страницы; прокрутка — у окна. Обновление данных из Jira (кнопка в
-боковой панели, отслеживание пакета) — `web/src/shell/refresh.ts` (провайдер в `App.tsx`); доска отдаёт наружу только
+`web/src/ui/`, остальные стили подключаются к токенам по семантическим именам. Обновление данных из Jira (кнопка в
+верхней панели, отслеживание пакета) — `web/src/shell/refresh.ts` (провайдер в `App.tsx`); доска отдаёт наружу только
 источник и события снимка.

 Цепочки: `api → queue → commands/mirror/settings/projects → db`; `db → projects` (только миграция, ленивый импорт); `projects → settings`; `db → backup → paths`, `db → paths`; `files → paths`; `api → relay → settings`; `mcp_server → client → HTTP API`; `importer → mirror/settings`.
--- a/web/e2e/board.spec.ts
+++ b/web/e2e/board.spec.ts
@ -82,10 +82,10 @@ test("M-3: прокрутка и данные доски после окна к
  await expect(page).toHaveURL(/\/app\/board\?project=AWPCA$/);
  expect(await page.evaluate(() => window.scrollY)).toBeGreaterThan(y - 2);
  expect(boardLoads).toBe(0);                                          // доска не перезагружалась
-  // боковая панель закреплена (#69): ссылки разделов видны и после прокрутки, щелчок не двигает доску
-  await page.getByRole("link", { name: "Задачи", exact: true }).click();
+  // ссылки меню вверху страницы: обычный click прокрутил бы доску к ним до перехода и затёр запомненное, поэтому dispatchEvent
+  await page.getByRole("link", { name: "Задачи", exact: true }).dispatchEvent("click");
  await expect(page).toHaveURL(/\/app\/issues\?project=AWPCA$/);
-  await page.getByRole("link", { name: "Доска связей", exact: true }).click();
+  await page.getByRole("link", { name: "Доска связей", exact: true }).dispatchEvent("click");
  await expect.poll(() => page.evaluate(() => window.scrollY)).toBeGreaterThan(y - 2);
 });

--- a/web/e2e/hub.ts
+++ b/web/e2e/hub.ts
@ -9,8 +9,7 @@ export async function login(page: Page, path = "/app/board") {
  await page.goto(path);
  await page.getByLabel("Клиентский токен хаба").fill(tokens().client);
  await page.getByRole("button", { name: "Войти" }).click();
-  // оболочка: на широком экране — ссылки разделов в боковой панели, на узком — кнопка «Меню» (#69)
-  await expect(page.getByRole("link", { name: "Доска связей" }).or(page.getByRole("button", { name: "Меню" }))).toBeVisible();
+  await expect(page.getByRole("link", { name: "Доска связей" })).toBeVisible();
 }

 async function call(path: string, body: unknown) {
--- a/web/e2e/layout.spec.ts
+++ b/web/e2e/layout.spec.ts
@ -1,44 +0,0 @@
-import { expect, test } from "@playwright/test";
-import { login } from "./hub.ts";
-
-// оболочка с боковой панелью (#69)
-test("панель на месте после прокрутки доски до низа", async ({ page }) => {
-  await page.setViewportSize({ width: 1600, height: 600 });
-  await login(page);
-  await expect(page.locator(".board .card[data-key]").first()).toBeVisible();
-  const y = await page.evaluate(() => { window.scrollTo(0, document.documentElement.scrollHeight); return window.scrollY; });
-  expect(y).toBeGreaterThan(100);
-  const side = page.getByRole("complementary", { name: "Панель приложения" });
-  await expect(side.getByRole("link", { name: "Задачи" })).toBeInViewport();
-  await expect(side.getByRole("button", { name: "Обновить из Jira" })).toBeInViewport();
-  expect((await side.boundingBox())!.y).toBe(0);
-});
-
-test("свёрнутая панель переживает перезагрузку, доска шире", async ({ page }) => {
-  await login(page);
-  const wrap = page.locator(".wrap");
-  await expect(wrap).toBeVisible();
-  const before = (await wrap.boundingBox())!.width;
-  await page.getByRole("button", { name: "Свернуть панель" }).click();
-  await page.reload();
-  await expect(page.getByRole("button", { name: "Развернуть панель", exact: true })).toBeVisible();
-  await expect.poll(async () => (await wrap.boundingBox())!.width).toBeGreaterThan(before + 150);
-  await page.getByRole("link", { name: "Задачи" }).click();
-  await expect(page).toHaveURL(/\/app\/issues\?project=AWPCA$/);
-  await page.getByRole("button", { name: "Развернуть панель", exact: true }).click();
-  await expect(page.getByRole("button", { name: "Свернуть панель" })).toBeVisible();
-});
-
-test("390 px: «Меню» открывает панель, «Задачи» закрывает её и открывает список; без горизонтальной прокрутки", async ({ page }) => {
-  await page.setViewportSize({ width: 390, height: 800 });
-  await login(page);
-  expect(await page.evaluate(() => document.documentElement.scrollWidth <= window.innerWidth)).toBe(true);
-  await page.getByRole("button", { name: "Меню" }).click();
-  const side = page.getByRole("complementary", { name: "Панель приложения" });
-  await expect(side).toBeVisible();
-  await side.getByRole("link", { name: "Задачи" }).click();
-  await expect(page).toHaveURL(/\/app\/issues\?project=AWPCA$/);
-  await expect(side).toHaveCount(0);
-  await expect(page.getByTestId("page-issues")).toBeVisible();
-  expect(await page.evaluate(() => document.documentElement.scrollWidth <= window.innerWidth)).toBe(true);
-});
--- a/web/e2e/screens.spec.ts
+++ b/web/e2e/screens.spec.ts
@ -80,31 +80,12 @@ for (const theme of ["light", "dark"] as const) {

      test("new-project", async ({ page }) => {
        await login(page);
-        if (w < 640) await page.getByRole("button", { name: "Меню" }).click();   // на узком экране проект — в выезжающей панели
        await page.getByLabel("Проект", { exact: true }).selectOption({ label: "＋ Новый проект…" });
        await expect(page.getByRole("dialog", { name: "Новый проект" })).toBeVisible();
        await settle(page);
        await shot(page, "new-project");
      });

-      test("board-collapsed", async ({ page }) => {
-        test.skip(w < 640, "свёртка — только на широком экране");
-        await page.addInitScript(() => { localStorage.setItem("jira-hub-sidebar", "collapsed"); });
-        await login(page);
-        await expect(page.locator(".board .card[data-key]").first()).toBeVisible();
-        await settle(page);
-        await shot(page, "board-collapsed");
-      });
-
-      test("menu", async ({ page }) => {
-        test.skip(w >= 640, "выезжающая панель — только на узком экране");
-        await login(page);
-        await page.getByRole("button", { name: "Меню" }).click();
-        await expect(page.getByRole("complementary", { name: "Панель приложения" })).toBeVisible();
-        await settle(page);
-        await page.screenshot({ path: `${OUT}/${theme}-${w}-menu.png` });
-      });
-
      test("refresh", async ({ page }) => {
        await login(page);
        await page.getByRole("button", { name: "Обновить из Jira" }).click();
--- a/web/src/board/board.css
+++ b/web/src/board/board.css
@ -50,6 +50,7 @@ svg.guides line{stroke:var(--guide);stroke-width:1;stroke-dasharray:4 3}
 .empty{padding:40px 16px;color:var(--color-text-secondary);text-align:center}
 #hubState{white-space:normal;min-width:0}
 .lane{position:absolute;left:0;right:0;border-top:1px solid var(--color-border-default)}
+.lane:nth-child(even of .lane){background:var(--lane-alt)}
 .lane.folded{background:var(--color-bg-track);border-bottom:1px solid var(--color-border-strong);border-top-color:var(--color-border-strong)}
 .lane.target{box-shadow:inset 0 3px 0 var(--color-action-primary)}
 .lane.target-after{box-shadow:inset 0 -3px 0 var(--color-action-primary)}
@ -133,13 +134,12 @@ svg.guides line{stroke:var(--guide);stroke-width:1;stroke-dasharray:4 3}
 /* статус — вид Badge (neutral) */
 .status{font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:600;padding:1px 8px;border:1px solid var(--color-border-default);border-radius:var(--radius-round);background:var(--color-bg-track);color:var(--color-text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .due{font-variant-numeric:tabular-nums;font-weight:600;flex:0 0 auto}
-.due.late{color:var(--color-status-error)}
 .who::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--color-action-primary);margin-right:5px;vertical-align:1px}
 .who.none{color:var(--color-text-secondary);font-style:italic}
 .who.none::before{background:transparent;border:1px solid var(--color-text-secondary)}

 /* 7. Панель проблем справа от доски, липнет под шапкой; прокручивается содержимое внутри рамки Panel */
-.drawer{flex:0 0 340px;max-width:40%;box-sizing:border-box;align-self:flex-start;position:sticky;top:calc(var(--topbar-h,0px) + var(--head-h,0px) + 8px);max-height:calc(100vh - var(--topbar-h,0px) - var(--head-h,0px) - 24px);display:flex;font-size:var(--fs-body)}
+.drawer{flex:0 0 340px;max-width:40%;box-sizing:border-box;align-self:flex-start;position:sticky;top:calc(var(--head-h,0px) + 8px);max-height:calc(100vh - var(--head-h,0px) - 24px);display:flex;font-size:var(--fs-body)}
 .drawer>.ui-panel{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;min-width:0;flex:1 1 auto;padding:var(--space-4) 0 var(--space-4) var(--space-4)}
 .drawer-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding-right:var(--space-4)}
 .drawer-body{overflow-y:auto;min-height:0;padding-right:var(--space-4)}
--- a/web/src/board/components/BoardCanvas.tsx
+++ b/web/src/board/components/BoardCanvas.tsx
@ -190,7 +190,7 @@ export function BoardCanvas({ vis, byDate, snap, today, store, sprintSel, emptyT
                ))}
                {Object.entries(placed.pos).filter(([k]) => byKey[k]).map(([k, box]) => (
                  <Card key={k} node={byKey[k]} box={box} rel={rel[k]} multiSprint={multiSprint} sprintSel={sprintSel}
-                    closed={closedKeys.has(k)} today={today} onPointerDown={onCardDown} onAutoSize={onAutoSize} />
+                    closed={closedKeys.has(k)} onPointerDown={onCardDown} onAutoSize={onAutoSize} />
                ))}
                <Edges links={vis.links} placed={placed} closedKeys={closedKeys} />
                <Guides x={guides?.x ?? null} y={guides?.y ?? null} width={placed.width} height={placed.height} />
--- a/web/src/board/components/Card.tsx
+++ b/web/src/board/components/Card.tsx
@ -14,7 +14,6 @@ export interface CardProps {
  multiSprint: boolean;
  sprintSel: Set<string>;
  closed?: boolean;              // задача закрыта (статус из closed_statuses) — карточка приглушена
-  today?: string;                // ISO-дата сегодня: незакрытая задача со сроком раньше — просрочена (#69)
  onPointerDown?: (ev: PointerEvent<HTMLDivElement>, key: string) => void;
  onAutoSize?: (key: string) => void;
 }
@ -22,14 +21,13 @@ export interface CardProps {
 // T11.1: при перетаскивании одной карточки place() создаёт новые box у всех — сравниваем box по значению
 export function cardPropsEqual(a: CardProps, b: CardProps): boolean {
  const sameBox = a.box === b.box || (!!a.box && !!b.box && a.box.x === b.box.x && a.box.y === b.box.y && a.box.w === b.box.w && a.box.h === b.box.h);
-  return sameBox && a.node === b.node && a.rel === b.rel && a.multiSprint === b.multiSprint && a.sprintSel === b.sprintSel && !!a.closed === !!b.closed && a.today === b.today &&
+  return sameBox && a.node === b.node && a.rel === b.rel && a.multiSprint === b.multiSprint && a.sprintSel === b.sprintSel && !!a.closed === !!b.closed &&
    a.onPointerDown === b.onPointerDown && a.onAutoSize === b.onAutoSize;
 }

-export const Card = memo(function Card({ node: n, box, rel, multiSprint, sprintSel, closed, today, onPointerDown, onAutoSize }: CardProps) {
+export const Card = memo(function Card({ node: n, box, rel, multiSprint, sprintSel, closed, onPointerDown, onAutoSize }: CardProps) {
  const cls = "card" + (n.dim || n.stub ? " out" : "") + (closed ? " closed" : "") + (n.crit ? " crit" : "") + (n.focus ? " focus" : "");
  const style = box ? { left: box.x, top: box.y, width: box.w, height: box.h } : { width: CW };
-  const late = !closed && !!n.due && !!today && n.due < today;
  const showTag = !n.stub && (multiSprint || n.dim);   // метка спринта — если спринтов на доске больше одного или это сосед
  return (
    <div className={cls} title={n.title} style={style} data-key={n.key}
@ -50,8 +48,7 @@ export const Card = memo(function Card({ node: n, box, rel, multiSprint, sprintS
      {(n.status || n.due) && (
        <div className="state">
          {n.status && <span className="status" title={n.status}>{n.status}</span>}
-          {n.due && <span className={"due" + (late ? " late" : "")} title={late ? "просрочено" : undefined}>
-            до {fmtDate(n.due)}{late && <span className="visually-hidden">, просрочено</span>}</span>}
+          {n.due && <span className="due">до {fmtDate(n.due)}</span>}
        </div>
      )}
      {!n.stub && <div className={"who" + (unassigned(n.who) ? " none" : "")} title={n.who}>{shortName(n.who)}</div>}
--- a/web/src/board/components/CardLate.test.tsx
+++ b/web/src/board/components/CardLate.test.tsx
@ -1,30 +0,0 @@
-import { render } from "@testing-library/react";
-import { MemoryRouter } from "react-router";
-import { describe, expect, it } from "vitest";
-import { Card, cardPropsEqual, type CardProps } from "./Card.tsx";
-
-const node = { key: "A-1", title: "Т", kind: "разработка", prio: "Средний", status: "В работе", due: "2026-10-20", who: "Иванов И. И." } as CardProps["node"];
-const show = (p: Partial<CardProps>) => render(
-  <MemoryRouter><Card node={node} box={{ x: 0, y: 0, w: 240, h: 120 }} multiSprint={false} sprintSel={new Set()} today="2026-10-22" {...p} /></MemoryRouter>,
-).container.querySelector(".due")!;
-
-describe("просрочка на карточке доски (#69, design 10)", () => {
-  it("незакрытая задача с прошедшим сроком — дата цветом ошибки, «просрочено» в подсказке и тексте", () => {
-    const due = show({});
-    expect(due.classList.contains("late")).toBe(true);
-    expect(due.getAttribute("title")).toBe("просрочено");
-    expect(due.textContent).toContain("просрочено");
-  });
-  it("закрытая задача не просрочена", () => {
-    expect(show({ closed: true }).classList.contains("late")).toBe(false);
-  });
-  it("срок сегодня — ещё не просрочено", () => {
-    const due = show({ node: { ...node, due: "2026-10-22" } });
-    expect(due.classList.contains("late")).toBe(false);
-    expect(due.textContent).not.toContain("просрочено");
-  });
-  it("смена дня перерисовывает карточку", () => {
-    const base: CardProps = { node, multiSprint: false, sprintSel: new Set(), today: "2026-10-20" };
-    expect(cardPropsEqual(base, { ...base, today: "2026-10-21" })).toBe(false);
-  });
-});
--- a/web/src/projects/projects.css
+++ b/web/src/projects/projects.css
@ -1,5 +1,5 @@
 /* выбор проекта, служебные состояния выбора и окно «Новый проект» */
-.sidebar .project-picker { width: 100%; min-width: 0; }
+.appbar .project-picker { max-width: 280px; min-width: 160px; }
 .project-gate { max-width: 640px; margin: var(--space-6) 0; }
 .project-gate .ui-notice { align-items: center; }
 .project-form { display: flex; flex-direction: column; gap: var(--space-4); }
--- a/web/src/projects/projects.test.tsx
+++ b/web/src/projects/projects.test.tsx
@ -111,7 +111,7 @@ describe("проект в приложении", () => {
    await userEvent.click(within(dlg).getByRole("button", { name: "Создать" }));
    await waitFor(() => expect(router.state.location.search).toBe("?project=STOCKS_DRRK"));
    // пакет проекта отслеживается по batch_id (track): верхняя панель показывает ход, список пакетов не запрашивается
-    expect(await within(screen.getByRole("complementary", { name: "Панель приложения" })).findByRole("status")).toHaveTextContent(/пакет #7 в очереди/);
+    expect(await within(screen.getByRole("banner")).findByRole("status")).toHaveTextContent(/пакет #7 в очереди/);
    expect(h.get("/batches").length).toBe(listed);
    const post = h.calls.find((c) => c.method === "POST" && c.url.pathname === "/projects")!;
    expect(post.body).toEqual({ label: "STOCKS_DRRK", name: "Запасы ДРРК", author: "viewer" });
--- a/web/src/shell/Sidebar.test.tsx
+++ b/web/src/shell/Sidebar.test.tsx
@ -1,9 +1,9 @@
-import { cleanup, render, screen, waitFor, within } from "@testing-library/react";
+import { render, screen, waitFor, within } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { readFileSync } from "node:fs";
 import { join } from "node:path";
 import { createMemoryRouter } from "react-router";
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { beforeEach, describe, expect, it } from "vitest";
 import { App } from "../App.tsx";
 import { getAuth, setToken } from "../auth/token.ts";
 import settings from "../board/__fixtures__/settings.json";
@ -38,9 +38,9 @@ const open = (path: string) => {
  render(<App router={router} />);
  return router;
 };
-const bar = () => screen.getByRole("complementary", { name: "Панель приложения" });
+const bar = () => screen.getAllByRole("banner")[0];   // верхняя панель — первая; PageHeader страницы без <main> тоже даёт banner

-describe("боковая панель", () => {
+describe("верхняя панель", () => {
  beforeEach(() => { setToken("tok"); localStorage.clear(); });

  it("разделы — ссылки «Доска связей» и «Задачи», активная с aria-current", async () => {
@ -56,7 +56,7 @@ describe("боковая панель", () => {
    hub();
    open("/app/nowhere?project=AWPCA");
    expect(await screen.findByRole("heading", { name: "Страница не найдена" })).toBeInTheDocument();
-    const nav = within(bar()).getByRole("navigation", { name: "Разделы" });
+    const nav = within(bar()).getByRole("navigation", { name: "Раздел" });
    expect(within(nav).getByRole("link", { name: "Доска связей" })).not.toHaveAttribute("aria-current");
    expect(within(nav).getByRole("link", { name: "Задачи" })).not.toHaveAttribute("aria-current");
    const main = within(screen.getByRole("main"));
@ -130,102 +130,4 @@ describe("боковая панель", () => {
    await screen.findByText(/задач из/);
    expect(screen.getAllByRole("button", { name: "Обновить из Jira" })).toHaveLength(1);
  });
-
-  it("разделы — в навигации «Разделы» боковой панели", async () => {
-    hub();
-    open("/app/board?project=AWPCA");
-    const nav = within(bar()).getByRole("navigation", { name: "Разделы" });
-    expect(await within(nav).findByRole("link", { name: "Доска связей" })).toHaveAttribute("aria-current", "page");
-  });
-
-  it("«Свернуть панель» сворачивает и запоминает в jira-hub-sidebar; после перезапуска свёрнута, разделы доступны", async () => {
-    hub();
-    open("/app/board?project=AWPCA");
-    const btn = await within(bar()).findByRole("button", { name: "Свернуть панель" });
-    expect(btn).toHaveAttribute("aria-expanded", "true");
-    await userEvent.click(btn);
-    expect(localStorage.getItem("jira-hub-sidebar")).toBe("collapsed");
-    expect(bar()).toHaveClass("is-collapsed");
-    cleanup();
-    open("/app/board?project=AWPCA");
-    expect(bar()).toHaveClass("is-collapsed");
-    expect(within(bar()).getByRole("button", { name: "Развернуть панель" })).toHaveAttribute("aria-expanded", "false");
-    expect(within(bar()).getByRole("link", { name: "Задачи" })).toHaveAttribute("title", "Задачи");
-    await userEvent.click(within(bar()).getByRole("button", { name: "Развернуть панель" }));
-    expect(localStorage.getItem("jira-hub-sidebar")).toBeNull();
-    expect(bar()).not.toHaveClass("is-collapsed");
-  });
-
-  it("свёрнутая: «Обновить из Jira» значком ставит пакет, событие — в role=status и подсказке", async () => {
-    localStorage.setItem("jira-hub-sidebar", "collapsed");
-    const h = hub();
-    open("/app/issues?project=AWPCA");
-    const btn = await within(bar()).findByRole("button", { name: "Обновить из Jira" });
-    await userEvent.click(btn);
-    await waitFor(() => expect(btn).toBeDisabled());
-    expect(h.count("POST", "/refresh")).toBe(1);
-    expect(await within(bar()).findByRole("status")).toHaveTextContent(/пакет #7 выполняется/);
-    expect(btn.getAttribute("title")).toMatch(/пакет #7 выполняется/);
-  });
-
-  it("свёрнутая: метка проекта видна, щелчок по ней разворачивает панель", async () => {
-    localStorage.setItem("jira-hub-sidebar", "collapsed");
-    hub();
-    open("/app/board?project=AWPCA");
-    const tag = await within(bar()).findByRole("button", { name: "Проект AWPCA — развернуть панель" });
-    await userEvent.click(tag);
-    expect(bar()).not.toHaveClass("is-collapsed");
-  });
-});
-
-describe("боковая панель на узком экране", () => {
-  beforeEach(() => {
-    setToken("tok"); localStorage.clear();
-    vi.stubGlobal("matchMedia", (q: string) => ({ matches: q.includes("max-width: 639px"), media: q, addEventListener() {}, removeEventListener() {} }));
-  });
-  afterEach(() => { vi.unstubAllGlobals(); });
-
-  it("сверху строка с «Меню», названием и «Обновить из Jira»; панели нет", async () => {
-    hub();
-    open("/app/board?project=AWPCA");
-    const top = await screen.findByRole("banner", { name: "Строка приложения" });
-    expect(within(top).getByRole("button", { name: "Меню" })).toHaveAttribute("aria-expanded", "false");
-    expect(within(top).getByText("Хаб Jira")).toBeInTheDocument();
-    expect(within(top).getByRole("button", { name: "Обновить из Jira" })).toBeInTheDocument();
-    expect(screen.queryByRole("complementary", { name: "Панель приложения" })).toBeNull();
-  });
-
-  it("«Меню» открывает панель с фокусом на первом разделе; Escape закрывает и возвращает фокус", async () => {
-    hub();
-    open("/app/board?project=AWPCA");
-    const menu = await screen.findByRole("button", { name: "Меню" });
-    await userEvent.click(menu);
-    expect(menu).toHaveAttribute("aria-expanded", "true");
-    const nav = within(bar()).getByRole("navigation", { name: "Разделы" });
-    expect(within(nav).getByRole("link", { name: "Доска связей" })).toHaveFocus();
-    expect(within(bar()).queryByRole("button", { name: "Свернуть панель" })).toBeNull();
-    await userEvent.keyboard("{Escape}");
-    expect(screen.queryByRole("complementary", { name: "Панель приложения" })).toBeNull();
-    expect(menu).toHaveFocus();
-  });
-
-  it("выбор раздела закрывает панель и открывает раздел", async () => {
-    hub();
-    const router = open("/app/board?project=AWPCA");
-    await userEvent.click(await screen.findByRole("button", { name: "Меню" }));
-    await userEvent.click(within(bar()).getByRole("link", { name: "Задачи" }));
-    expect(router.state.location.pathname).toBe("/app/issues");
-    expect(screen.queryByRole("complementary", { name: "Панель приложения" })).toBeNull();
-  });
-
-  it("щелчок по подложке и «Закрыть меню» закрывают панель", async () => {
-    hub();
-    open("/app/board?project=AWPCA");
-    await userEvent.click(await screen.findByRole("button", { name: "Меню" }));
-    await userEvent.click(screen.getByTestId("sidebar-backdrop"));
-    expect(screen.queryByRole("complementary", { name: "Панель приложения" })).toBeNull();
-    await userEvent.click(screen.getByRole("button", { name: "Меню" }));
-    await userEvent.click(within(bar()).getByRole("button", { name: "Закрыть меню" }));
-    expect(screen.queryByRole("complementary", { name: "Панель приложения" })).toBeNull();
-  });
 });
--- a/web/src/shell/AppBar.tsx
+++ b/web/src/shell/AppBar.tsx
@ -0,0 +1,28 @@
+import { useQueryClient } from "@tanstack/react-query";
+import { clearToken } from "../auth/token.ts";
+import { withProject } from "../projects/current.ts";
+import { ProjectPicker } from "../projects/ProjectPicker.tsx";
+import { Menu, MenuItem, Segmented, ThemeSwitch } from "../ui/index.ts";
+import { DataStatus } from "./DataStatus.tsx";
+
+export type Section = "/board" | "/issues";
+
+// верхняя панель (design.md, решение 9); section = null на путях вне разделов — активной ссылки нет (T5.1): название, проект, разделы, состояние данных, тема, меню «Ещё»
+export function AppBar({ section, project }: { section: Section | null; project: string | null }) {
+  const qc = useQueryClient();
+  const href = (to: Section) => (project ? to + withProject("", project) : to);
+  return (
+    <header className="appbar">
+      <span className="appbar__brand">Хаб Jira</span>
+      <ProjectPicker />
+      <Segmented label="Раздел" value={section}
+        options={[{ value: "/board", label: "Доска связей", href: href("/board") }, { value: "/issues", label: "Задачи", href: href("/issues") }]} />
+      <span className="appbar__spacer" />
+      <DataStatus project={project} />
+      <ThemeSwitch />
+      <Menu label="Ещё">
+        {(close) => <MenuItem onSelect={() => { close(); clearToken(); qc.clear(); }}>Сменить токен</MenuItem>}
+      </Menu>
+    </header>
+  );
+}
--- a/web/src/shell/DataStatus.tsx
+++ b/web/src/shell/DataStatus.tsx
@ -1,48 +1,31 @@
 import { useBoard } from "../api/queries.ts";
 import { fmtStamp } from "../board/model/util.ts";
-import { Button, IconButton, IconRefresh } from "../ui/index.ts";
+import { Button, IconRefresh } from "../ui/index.ts";
 import { useJiraRefresh } from "./refresh.ts";
 import { refreshText } from "./refreshStatus.ts";

-const HINT = "Поставить в хаб пакет «обновление по базовой JQL» и дождаться его: агент перечитает задачи из Jira";
-
-// состояние данных: агент, время последнего полного обновления, кнопка «Обновить из Jira» и ход пакета;
-// compact — свёрнутая боковая панель: кнопка-значок с точкой агента, тексты в подсказке (#69, design 3)
-export function DataStatus({ project, compact = false }: { project: string | null; compact?: boolean }) {
+// состояние данных: агент, время последнего полного обновления, кнопка «Обновить из Jira» и ход пакета
+export function DataStatus({ project }: { project: string | null }) {
  const refresh = useJiraRefresh();
  const board = useBoard(project);
  const ls = board.data?.last_sync ?? null;
  const agent = refresh.agent;
  const rt = refresh.event ? refreshText(refresh.event) : null;
  const seen = agent?.last_seen_at ? `последний выход на связь: ${fmtStamp(agent.last_seen_at)}` : "выхода на связь ещё не было";
-  const agentText = agent ? (agent.online ? "агент на связи" : "агент офлайн") : null;
-  const syncText = board.data ? (ls ? `данные на ${fmtStamp(ls.finished_at)}` : "полного обновления не было") : null;
-  const event = <span className={`data-status__event${rt ? ` data-status__event--${rt.tone}` : ""}${compact ? " visually-hidden" : ""}`}
-    role="status" title={rt?.text}>{rt?.text}</span>;
-  if (compact) {
-    const title = ["Обновить из Jira", agentText, syncText, rt?.text].filter(Boolean).join(" · ");
-    return (
-      <div className="data-status data-status--compact">
-        <IconButton label="Обновить из Jira" title={title} disabled={refresh.busy} aria-busy={refresh.busy ? "true" : undefined}
-          icon={refresh.busy ? <span className="ui-spinner" aria-hidden="true" /> : <IconRefresh />} onClick={() => void refresh.start()} />
-        {agent && <span className={"data-status__dot" + (agent.online ? " is-online" : "")} aria-hidden="true" />}
-        {event}
-      </div>
-    );
-  }
  return (
    <div className="data-status">
      {agent && (
        <span className="data-status__agent" title={seen}>
          <span className={"data-status__dot" + (agent.online ? " is-online" : "")} aria-hidden="true" />
-          {agentText}
+          {agent.online ? "агент на связи" : "агент офлайн"}
        </span>
      )}
-      {syncText && <span className="data-status__sync">{syncText}</span>}
-      <Button variant="primary" icon={<IconRefresh />} loading={refresh.busy} onClick={() => void refresh.start()} title={HINT}>
+      {board.data && <span className="data-status__sync">{ls ? `данные на ${fmtStamp(ls.finished_at)}` : "полного обновления не было"}</span>}
+      <Button variant="primary" icon={<IconRefresh />} loading={refresh.busy} onClick={() => void refresh.start()}
+        title="Поставить в хаб пакет «обновление по базовой JQL» и дождаться его: агент перечитает задачи из Jira">
        Обновить из Jira
      </Button>
-      {event}
+      <span className={`data-status__event${rt ? ` data-status__event--${rt.tone}` : ""}`} role="status" title={rt?.text}>{rt?.text}</span>
    </div>
  );
 }
--- a/web/src/shell/Layout.tsx
+++ b/web/src/shell/Layout.tsx
@ -7,10 +7,10 @@ import { cardState, LIST_BACKGROUND } from "../issues/modal.ts";
 import { rememberedProject, rememberProject, resolveProject, withProject } from "../projects/current.ts";
 import { NewProjectDialog } from "../projects/NewProjectDialog.tsx";
 import { ProjectContext, type ProjectCtx, type ProjectState } from "../projects/ProjectContext.ts";
+import { AppBar } from "./AppBar.tsx";
 import { ErrorBoundary } from "./ErrorBoundary.tsx";
 import { PAGE_ROUTES } from "./pages.tsx";
 import { useJiraRefresh } from "./refresh.ts";
-import { Sidebar } from "./Sidebar.tsx";
 import "./shell.css";

 export function Layout() {
@ -78,12 +78,10 @@ export function Layout() {
  const refresh = useJiraRefresh();
  return (
    <ProjectContext value={ctx}>
-      <div className="shell">
-        <Sidebar section={section} project={okLabel} />
-        <main className={"page" + (section !== "/issues" ? " page--board" : "")}>
-          <ErrorBoundary key={at}>{page}</ErrorBoundary>
-        </main>
-      </div>
+      <AppBar section={section} project={okLabel} />
+      <main className={"page" + (section !== "/issues" ? " page--board" : "")}>
+        <ErrorBoundary key={at}>{page}</ErrorBoundary>
+      </main>
      {issueKey && <CloseAbortContext value={abortClose}><IssueModal issueKey={issueKey} onClose={close} /></CloseAbortContext>}
      {newOpen && <NewProjectDialog onClose={() => setNewOpen(false)} onCreated={(p, batchId) => { setNewOpen(false); refresh.track(batchId); select(p.label); }} />}
    </ProjectContext>
--- a/web/src/shell/Sidebar.tsx
+++ b/web/src/shell/Sidebar.tsx
@ -1,105 +0,0 @@
-import { useQueryClient } from "@tanstack/react-query";
-import { useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { Link } from "react-router";
-import { clearToken } from "../auth/token.ts";
-import { withProject } from "../projects/current.ts";
-import { ProjectPicker } from "../projects/ProjectPicker.tsx";
-import { IconBoard, IconButton, IconClose, IconList, IconMenu, IconSidebar, Menu, MenuItem, ThemeSwitch } from "../ui/index.ts";
-import { DataStatus } from "./DataStatus.tsx";
-import { readSidebar, saveSidebar } from "./sidebarPref.ts";
-
-export type Section = "/board" | "/issues";
-
-const SECTIONS: { to: Section; label: string; icon: React.ReactNode }[] = [
-  { to: "/board", label: "Доска связей", icon: <IconBoard /> },
-  { to: "/issues", label: "Задачи", icon: <IconList /> },
-];
-
-// узкий экран (<640 px): панель не в потоке, а выезжает по кнопке «Меню» из закреплённой строки (design 4)
-const NARROW = "(max-width: 639px)";
-const subscribe = (cb: () => void) => {
-  if (typeof matchMedia !== "function") return () => {};
-  const m = matchMedia(NARROW);
-  m.addEventListener?.("change", cb);
-  return () => m.removeEventListener?.("change", cb);
-};
-const isNarrow = () => typeof matchMedia === "function" && matchMedia(NARROW).matches;
-
-type Props = { section: Section | null; project: string | null };
-
-// боковая панель (#69, design 1–4); section = null на путях вне разделов — активной ссылки нет
-export function Sidebar(p: Props) {
-  const narrow = useSyncExternalStore(subscribe, isNarrow);
-  return narrow ? <NarrowShell {...p} /> : <Panel {...p} />;
-}
-
-function NarrowShell(p: Props) {
-  const [open, setOpen] = useState(false);
-  const menuBtn = useRef<HTMLButtonElement>(null);
-  // объект стабилен, пока панель открыта: эффект фокуса и Escape в Panel не перезапускается на каждой отрисовке
-  const drawer = useMemo(() => ({ close: () => { setOpen(false); menuBtn.current?.focus(); }, navigated: () => setOpen(false) }), []);
-  return (
-    <>
-      <header className="topbar" aria-label="Строка приложения">
-        <button ref={menuBtn} type="button" className="ui-icon-btn" aria-label="Меню" title="Меню" aria-expanded={open}
-          onClick={() => setOpen(true)}><IconMenu /></button>
-        <span className="sidebar__brand">Хаб Jira</span>
-        <span className="sidebar__spacer" />
-        <DataStatus project={p.project} compact />
-      </header>
-      {open && <>
-        <div className="sidebar-backdrop" data-testid="sidebar-backdrop" onClick={drawer.close} />
-        <Panel {...p} drawer={drawer} />
-      </>}
-    </>
-  );
-}
-
-// содержимое панели: название и свёртка (в выезжающей — «Закрыть меню»), проект, разделы, внизу состояние данных, тема, меню «Ещё»
-function Panel({ section, project, drawer }: Props & { drawer?: { close(): void; navigated(): void } }) {
-  const qc = useQueryClient();
-  const [stored, setCollapsed] = useState(readSidebar);
-  const collapsed = !drawer && stored;
-  const fold = (c: boolean) => { setCollapsed(c); saveSidebar(c); };
-  const href = (to: Section) => (project ? to + withProject("", project) : to);
-  const first = useRef<HTMLAnchorElement>(null);
-  useEffect(() => {
-    if (!drawer) return;
-    first.current?.focus();
-    const esc = (e: KeyboardEvent) => { if (e.key === "Escape" && !e.defaultPrevented) drawer.close(); };
-    document.addEventListener("keydown", esc);
-    return () => document.removeEventListener("keydown", esc);
-  }, [drawer]);
-  return (
-    <aside className={"sidebar" + (collapsed ? " is-collapsed" : "") + (drawer ? " is-drawer" : "")} aria-label="Панель приложения">
-      <div className="sidebar__head">
-        {!collapsed && <span className="sidebar__brand">Хаб Jira</span>}
-        {drawer
-          ? <IconButton label="Закрыть меню" icon={<IconClose />} onClick={drawer.close} />
-          : <IconButton label={collapsed ? "Развернуть панель" : "Свернуть панель"} icon={<IconSidebar />}
-              aria-expanded={!collapsed} onClick={() => fold(!collapsed)} />}
-      </div>
-      {collapsed
-        ? project && (
-          <button type="button" className="sidebar__project-tag" aria-label={`Проект ${project} — развернуть панель`}
-            title={`Проект ${project}`} onClick={() => fold(false)}>{project.slice(0, 6)}</button>)
-        : <ProjectPicker />}
-      <nav className="sidebar__nav" aria-label="Разделы">
-        {SECTIONS.map((s, i) => (
-          <Link key={s.to} ref={i === 0 ? first : undefined} to={href(s.to)} className="sidebar__link"
-            aria-current={section === s.to ? "page" : undefined} title={collapsed ? s.label : undefined} onClick={drawer?.navigated}>
-            {s.icon}<span className={collapsed ? "visually-hidden" : undefined}>{s.label}</span>
-          </Link>
-        ))}
-      </nav>
-      <span className="sidebar__spacer" />
-      <DataStatus project={project} compact={collapsed} />
-      <div className="sidebar__foot">
-        <ThemeSwitch />
-        <Menu label="Ещё" up align={collapsed ? "start" : "end"}>
-          {(close) => <MenuItem onSelect={() => { close(); clearToken(); qc.clear(); }}>Сменить токен</MenuItem>}
-        </Menu>
-      </div>
-    </aside>
-  );
-}
--- a/web/src/shell/shell.css
+++ b/web/src/shell/shell.css
@ -1,60 +1,38 @@
-/* оболочка: боковая панель и страница (#69, design 1–3); прокрутка — у окна, панель липнет к его верху */
-.shell{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:100vh}
-.sidebar{
-  position:sticky;top:0;height:100vh;height:100dvh;width:240px;box-sizing:border-box;z-index:20;
-  display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);
-  border-right:1px solid var(--color-border-default);background:var(--color-bg-surface);
+/* оболочка: верхняя панель разделов (design.md, решение 9) */
+.appbar{
+  position:relative;
+  display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;min-height:64px;padding:8px 24px;box-sizing:border-box;
+  border-bottom:1px solid var(--color-border-default);background:var(--color-bg-surface);
 }
-.sidebar.is-collapsed{width:64px;padding-inline:var(--space-2);align-items:center}
-.sidebar__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--control-h)}
-.sidebar__brand{font-size:16px;line-height:24px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;padding-left:var(--space-2)}
-.sidebar__project-tag{
-  max-width:100%;padding:2px;border:1px solid var(--color-border-default);border-radius:var(--radius-xs);
-  background:var(--color-bg-subtle);color:var(--color-text-secondary);font:inherit;font-size:var(--fs-caption);line-height:var(--lh-caption);
-  font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;
-}
-.sidebar__project-tag:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}
-.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-1);align-self:stretch}
-.sidebar__link{
-  display:flex;align-items:center;gap:var(--space-3);height:var(--control-h-lg);padding:0 var(--space-3);box-sizing:border-box;
-  border-radius:var(--control-radius);color:var(--color-text-secondary);text-decoration:none;font-weight:600;white-space:nowrap;
-}
-.sidebar__link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}
-.sidebar__link[aria-current="page"]{background:var(--color-bg-selected);color:var(--color-action-primary)}
-.sidebar__link:focus-visible,.sidebar__project-tag:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}
-.is-collapsed .sidebar__nav{align-items:center}
-.is-collapsed .sidebar__link{width:var(--control-h-lg);padding:0;justify-content:center}
-.sidebar__spacer{flex:1 1 auto}
-.sidebar__foot{
-  display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);align-self:stretch;
-  padding-top:var(--space-3);border-top:1px solid var(--color-border-default);
-}
-.is-collapsed .sidebar__foot{flex-direction:column}
-/* блок данных Jira: в развёрнутой панели — колонкой, событие пакета под кнопкой с переносом */
-.data-status{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);align-self:stretch;font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--color-text-secondary)}
-.data-status .ui-btn{width:100%;justify-content:center}
-.data-status__agent{display:inline-flex;align-items:center;gap:6px}
-.data-status__dot{width:8px;height:8px;border-radius:50%;background:var(--color-status-warning);flex:0 0 auto}
+.appbar__brand{font-size:16px;line-height:24px;font-weight:700;color:var(--color-text-primary);white-space:nowrap}
+.appbar__spacer{flex:1 1 auto}
+.data-status{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--color-text-secondary)}
+.data-status__agent{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
+.data-status__dot{width:8px;height:8px;border-radius:50%;background:var(--color-status-warning)}
 .data-status__dot.is-online{background:var(--color-status-success)}
-.data-status__event{font-weight:600;overflow-wrap:anywhere}
-.data-status__event:empty{position:absolute}   /* живой регион всегда в DOM; пустой не занимает места */
+.data-status__sync{white-space:nowrap}
+/* I-3: живой регион всегда в DOM; ≥1100 текст события — отдельной строкой у нижней границы панели (кнопка не двигается, высота панели не меняется) */
+.data-status__event{font-weight:600;min-width:0}
+.data-status__event:empty{position:absolute}
 .data-status__event--info{color:var(--color-text-secondary)}
 .data-status__event--success{color:var(--color-status-success)}
 .data-status__event--warning{color:color-mix(in srgb, var(--color-status-warning) 55%, var(--color-text-primary))}
 .data-status__event--error{color:var(--color-status-error)}
-.data-status--compact{position:relative;align-items:center;align-self:center}
-.data-status--compact .data-status__dot{position:absolute;top:2px;right:2px;pointer-events:none;box-shadow:0 0 0 2px var(--color-bg-surface)}
 .crash{max-width:640px;margin:48px auto}
 .crash h2{margin:0;font:inherit}
-/* узкий экран (<640 px): закреплённая строка с «Меню» и выезжающая панель поверх страницы (design 4) */
-.topbar{
-  position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-2);height:56px;box-sizing:border-box;
-  padding:0 var(--space-4) 0 var(--space-2);border-bottom:1px solid var(--color-border-default);background:var(--color-bg-surface);
+@media (min-width:1100px){
+  .data-status__event{position:absolute;right:24px;bottom:1px;max-width:min(560px,45vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px}
+}
+@media (max-width:1099px){
+  .appbar .data-status{order:10;flex:1 0 100%}
+  .appbar .ui-theme,.appbar .more{order:4}   /* T10.1: тема и «…» остаются в первой строке, статус данных — второй */
+  .appbar .appbar__spacer{flex:1 1 0}
 }
-.topbar .sidebar__brand{padding-left:0}
-.sidebar-backdrop{position:fixed;inset:0;z-index:30;background:var(--color-overlay)}
-.sidebar.is-drawer{position:fixed;left:0;top:0;bottom:0;z-index:31;width:min(300px,85vw);height:auto;box-shadow:var(--shadow-popover)}
@media (max-width:639px){
-  .shell{display:block}
-  :root{--topbar-h:56px}
+  .appbar{padding-inline:16px}
+  .appbar__brand{display:none}
+  .appbar .appbar__spacer{display:none}
+  .appbar .project-picker{flex:1 1 0;width:auto;max-width:none;min-width:0}   /* T10.1: picker, тема и «…» — в одной строке */
+  .appbar .ui-seg{flex:1 1 100%;order:5}
+  .appbar .ui-seg__item{flex:1 1 0;justify-content:center}
 }
--- a/web/src/shell/sidebarPref.ts
+++ b/web/src/shell/sidebarPref.ts
@ -1,13 +0,0 @@
-// свёртка боковой панели: "collapsed" — свёрнута, без записи — развёрнута; ошибки хранилища глотаем
-const KEY = "jira-hub-sidebar";
-
-export function readSidebar(): boolean {
-  try { return localStorage.getItem(KEY) === "collapsed"; } catch { return false; }
-}
-
-export function saveSidebar(collapsed: boolean): void {
-  try {
-    if (collapsed) localStorage.setItem(KEY, "collapsed");
-    else localStorage.removeItem(KEY);
-  } catch { /* хранилище недоступно — состояние только в памяти */ }
-}
--- a/web/src/styles/base.css
+++ b/web/src/styles/base.css
@ -8,5 +8,3 @@ h1{font-size:var(--fs-section);line-height:var(--lh-section);font-weight:700;mar
@media (max-width:639px){.page{padding-inline:16px}}
 :focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
-/* текст только для экранного чтения */
-.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
--- a/web/src/styles/tokens.css
+++ b/web/src/styles/tokens.css
@ -43,6 +43,7 @@
  --p-low: #a3a39b;
  --edge: #a3a39b;
  --guide: #c2410c;
+  --lane-alt: #f5f5f2;
  --edge-strong: var(--color-action-primary);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-7: 28px; --space-8: 32px;
@ -99,6 +100,7 @@
    --p-low: #6c726b;
    --edge: #6c726b;
    --guide: #f08a5a;
+    --lane-alt: #252525;
    --edge-strong: var(--color-action-primary);
  }
 }
@ -145,5 +147,6 @@
  --p-low: #6c726b;
  --edge: #6c726b;
  --guide: #f08a5a;
+  --lane-alt: #252525;
  --edge-strong: var(--color-action-primary);
 }
--- a/web/src/styles/tokens.test.ts
+++ b/web/src/styles/tokens.test.ts
@ -63,10 +63,3 @@ describe("токены AURA", () => {
    expect(block(css, ':root[data-theme="dark"]')).toContain("color-scheme: dark");
  });
 });
-
-describe("доска без чередования дорожек (#69, design 9)", () => {
-  it("токена --lane-alt нет, правила чётной дорожки нет", () => {
-    expect(readFileSync(TOKENS, "utf8")).not.toContain("--lane-alt");
-    expect(readFileSync(resolve(SRC, "board/board.css"), "utf8")).not.toMatch(/\.lane:nth-child/);
-  });
-});
--- a/web/src/ui/Button.tsx
+++ b/web/src/ui/Button.tsx
@ -17,9 +17,9 @@ export function Button({ variant = "secondary", size = "md", icon, loading, clas
  );
 }

-export function IconButton({ label, icon, className, title, type = "button", ...rest }: { label: string; icon: ReactNode } & ButtonHTMLAttributes<HTMLButtonElement>) {
+export function IconButton({ label, icon, className, type = "button", ...rest }: { label: string; icon: ReactNode } & ButtonHTMLAttributes<HTMLButtonElement>) {
  return (
-    <button {...rest} type={type} className={["ui-icon-btn", className].filter(Boolean).join(" ")} aria-label={label} title={title ?? label}>
+    <button {...rest} type={type} className={["ui-icon-btn", className].filter(Boolean).join(" ")} aria-label={label} title={label}>
      {icon}
    </button>
  );
--- a/web/src/ui/Menu.tsx
+++ b/web/src/ui/Menu.tsx
@ -25,11 +25,11 @@ export function Dropdown({ button, className = "", menu = false, children, onOpe
 }

 // меню «Ещё»: Dropdown с кнопкой-иконкой; пункты — кнопки (aria-pressed для переключателей)
-export function Menu({ label, children, align = "end", up = false }: {
-  label: string; children: (close: () => void) => ReactNode; align?: "start" | "end"; up?: boolean;   // up — открывается вверх (низ боковой панели)
+export function Menu({ label, children, align = "end" }: {
+  label: string; children: (close: () => void) => ReactNode; align?: "start" | "end";
 }) {
  return (
-    <Dropdown menu className={"more" + (align === "start" ? " dd--start" : "") + (up ? " dd--up" : "")}
+    <Dropdown menu className={"more" + (align === "start" ? " dd--start" : "")}
      button={({ open, toggle }) => <IconButton label={label} icon={<IconMore />} aria-haspopup="menu" aria-expanded={open} onClick={toggle} />}>
      {children}
    </Dropdown>
--- a/web/src/ui/icons.tsx
+++ b/web/src/ui/icons.tsx
@ -32,7 +32,3 @@ export const IconNeighbors = make(<><circle cx="12" cy="12" r="2.5"/><circle cx=
 export const IconLink = make(<><path d="M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1"/><path d="M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1"/></>);
 export const IconLegend = make(<><path d="M9 6h11M9 12h11M9 18h11"/><circle cx="4.5" cy="6" r=".8"/><circle cx="4.5" cy="12" r=".8"/><circle cx="4.5" cy="18" r=".8"/></>);
 export const IconOpen = make(<><path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></>);
-export const IconBoard = make(<><rect x="3" y="4" width="7" height="6" rx="1.5"/><rect x="14" y="4" width="7" height="6" rx="1.5"/><rect x="8.5" y="15" width="7" height="6" rx="1.5"/><path d="M10 7h4M6.5 10v2.5h5.5V15"/></>);
-export const IconList = make(<><path d="M9 6h11M9 12h11M9 18h11"/><path d="M4 6h1M4 12h1M4 18h1"/></>);
-export const IconMenu = make(<><path d="M4 6h16M4 12h16M4 18h16"/></>);
-export const IconSidebar = make(<><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M9 4v16"/></>);
--- a/web/src/ui/ui.css
+++ b/web/src/ui/ui.css
@ -203,7 +203,6 @@
 .dd-empty { padding: var(--space-2); font-size: var(--fs-caption); line-height: var(--lh-caption); color: var(--color-text-secondary); }
 .dd-foot { display: flex; gap: var(--space-2); justify-content: space-between; border-top: 1px solid var(--color-border-default); padding-top: var(--space-2); }
 .dd--start > .dd-menu.menu { left: 0; right: auto; }
-.dd--up > .dd-menu { top: auto; bottom: calc(100% + var(--space-1)); }
 .menu button {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); width: 100%;
  min-height: var(--control-h); padding: var(--space-1) var(--space-3); border: 0; border-radius: var(--radius-sm);