feat: close stub-page gaps - profile login/logout, admin Reports/Settings, Help/Docs links

Sprint A: storefront header profile control (login/logout only, no menu),
wired to existing customer Telegram auth (AuthService).

Sprint B: backoffice/reports page, reuses AdminAnalyticsFacade (Sales,
Top Products, Marketplace Health cards + CSV export).

Sprint C: backoffice/settings page, admin UI density preference
(comfortable/compact), localStorage-persisted, applied to app-table
across all admin list pages.

Sprint D: admin bottom-nav Help -> mailto using existing supportEmail,
Documentation -> external link via new TenantConfig.documentationUrl.
AdminNavLink gains externalHref for non-routerLink nav entries.

Docs: docs/GLOBAL-SPRINT-PLAN.md tracks the full sprint breakdown.
docs/COMING-SOON-AUDIT.md removed, folded into docs/KNOWN-ISSUES.md.
docs/BACKEND.md updated with the new documentationUrl bootstrap field.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

docs/BACKEND.md

@@ -168,8 +168,12 @@ Each nested field, with its source model file under
 - **`tenant`** (`TenantConfig`, `tenant.model.ts`) —
   `{ id (UUID), slug, code, host, name, websiteBaseUrl, builderBaseUrl,
   backofficeBaseUrl, defaultLocale, supportedLocales[], defaultCurrency,
-  supportedCurrencies[], timezone }`. Identifies the tenant and its per-surface
+  supportedCurrencies[], timezone, documentationUrl? }`. Identifies the tenant
-  base URLs, locale/currency sets, and timezone.
+  and its per-surface base URLs, locale/currency sets, and timezone.
+  `documentationUrl` (optional string) is the external docs link rendered by
+  the backoffice "Documentation" nav item — when absent, that nav item shows
+  as a disabled `comingSoon` entry instead of a link (frontend-only fallback,
+  no backend action required beyond optionally sending the field).
 - **`branding`** (`BrandingConfig`, `branding.model.ts`) —
   `{ brandName, legalName, slogan?, logoUrl, logoCompactUrl?, faviconUrl,
   appIconUrl?, socialImageUrl?, galleryUrls?, supportEmail?, supportPhone? }`.
@@ -304,7 +308,8 @@ trimmed for length; full versions in that file):
     "supportedLocales": ["ru", "en", "hy"],
     "defaultCurrency": "RUB",
     "supportedCurrencies": ["RUB", "USD", "EUR", "AMD"],
-    "timezone": "Europe/Moscow"
+    "timezone": "Europe/Moscow",
+    "documentationUrl": "https://docs.marketplace.local"
   },
   "branding": {
     "brandName": "Marketplace",

docs/EDITOR.md

@@ -158,6 +158,6 @@ A section-by-section correctness audit (not a feature pass) — for each section
 
 ### Known gaps found but not fixed (real, out of scope for this pass)
 
-- **Theme Mode has no runtime effect.** `theme-section`'s light/dark/system selector correctly saves and sets a `data-theme-mode` attribute (`theme-engine.service.ts`), but zero CSS anywhere in the app reads that attribute — picking Dark or System currently changes nothing visually. (Theme palette colors *are* live — real CSS custom properties consumed throughout the stylesheets — only the mode switch is dead.) Fixing this is a real dark-mode implementation project (dark palette + CSS strategy + `matchMedia` for "system"), not a wiring fix.
+- **Theme Mode has no runtime effect.** `theme-section`'s light/dark/system selector correctly saves and sets a `data-theme-mode` attribute (`theme-engine.service.ts`), but zero CSS anywhere in the app reads that attribute — picking Dark or System currently changes nothing visually. (Theme palette colors *are* live — real CSS custom properties consumed throughout the stylesheets — only the mode switch is dead.) Fixing this is a real dark-mode implementation project (dark palette + CSS strategy + `matchMedia` for "system"), not a wiring fix. Tracked: `docs/PRODUCT_BACKLOG.md`.
-- **`layout.type` (Site Layout) and the homepage section's `type` field both feed a rendering pipeline that was never wired up.** `src/app/dynamic-renderer/` has services/models for page/section/widget rendering but zero components or templates (every directory has only a `.gitkeep`) — the storefront homepage renders through a separate, older path that ignores both fields. `homepage-section.component.ts`'s `updateSection(id, 'type', ...)` has no UI calling it because of this; not built, since building UI for a field nothing reads would be inventing dead controls.
+- ~~`HeaderConfig.showProfile` has no corresponding profile/account menu~~ — **fixed**: `header.component.html`/`.ts` now render a login/logout-only control (no dropdown, no account links) gated by this toggle, reusing the customer Telegram `AuthService`. See `docs/KNOWN-ISSUES.md` "Fixed (this cycle)" and `docs/GLOBAL-SPRINT-PLAN.md` Sprint A.
-- **`HeaderConfig.showProfile`** is a real toggle in `header-section` with no corresponding profile/account menu anywhere in `header.component.html` — the toggle currently does nothing. Building the actual menu is a feature (needs an auth-system check first), not an editor-wiring fix.
+- ~~`layout.type`/homepage `type` field feed an unwired `dynamic-renderer/`~~ — **stale, corrected**: `dynamic-renderer/` (`PageRendererService`/`SectionRendererService`/`WidgetHostService`) is the live homepage rendering pipeline, wired through `dynamic-page-layout.component.ts`. Verified fixed/non-issue in `docs/KNOWN-ISSUES.md` "Fixed (this cycle)".

docs/GLOBAL-SPRINT-PLAN.md

@@ -0,0 +1,51 @@
+# Global Sprint Plan — "Coming Soon" Stub Closure
+
+Supersedes `docs/COMING-SOON-AUDIT.md` §5 sprint breakdown. One consolidated tracker for the four stub-closure sprints. Approved decisions (from AskUserQuestion): Reports/Settings ship as minimal real pages (not fake data, not empty shells); Documentation/Help nav uses an external-link approach; `docs/COMING-SOON-AUDIT.md` is deleted once all sprints land, folded into `docs/KNOWN-ISSUES.md`. Profile control constraint: **login/logout only — no dropdown, no account links.**
+
+## Sprint A — Profile menu (storefront header)
+
+- [x] i18n: `header.login` / `header.logout` keys in en/ru/hy (`translations.ts` type already updated)
+- [x] `header.component.ts`: inject `AuthService`, expose `isAuthenticated`, add `login()`/`logout()`
+- [x] `header.component.ts`: import `TelegramLoginComponent`
+- [x] `header.component.html`: profile control gated by `headerConfig().showProfile`, login/logout only, `<app-telegram-login />` rendered once
+- [x] SCSS matches existing header button conventions (reused `.platform-ux-btn`, no new SCSS needed)
+
+**What shipped:** Header profile control wired to the customer `AuthService` (Telegram QR login). Gated by `headerConfig().showProfile` (already a real toggle in Project Editor, previously dead). Logged-out shows a login button (`user` icon), logged-in shows a logout button (`logOut` icon) — no dropdown, no account links, per the explicit constraint.
+
+## Sprint B — Admin Reports page
+
+- [x] `admin-reports-page.component.ts/.html/.scss` (mirrors `admin-analytics-page` structure), reuses `AdminAnalyticsFacade`
+- [x] Report cards: Sales, Top Products, Marketplace Health
+- [x] CSV export wired to existing facade export methods / existing download helper (same Blob pattern as `admin-analytics-page.component.ts`)
+- [x] Route `backoffice/reports` in `app.routes.ts`, i18n keys `adminShell.pages.reports.*` + new `adminReports.*` block
+- [x] Remove `comingSoon: true` from `reports` nav entry
+
+**What shipped:** Minimal real Reports page with 3 cards (Sales, Top Products, Marketplace Health), each showing a live summary from `AdminAnalyticsFacade` and a CSV export button. Orders card was scoped out — see final report for why (reuse would require mutating a shared singleton facade's pagination state).
+
+## Sprint C — Admin Settings page
+
+- [x] `AdminPreferencesService` (density signal, localStorage-backed, key `adminPreferences.density.v1`)
+- [x] `admin-layout.component` applies `admin-density-compact` class to `#admin-content` shell wrapper
+- [x] `admin-settings-page.component.ts/.html/.scss` — density toggle (`app-toggle`), auto-persists on change, no separate Save button
+- [x] Route `backoffice/settings`, i18n keys `adminShell.pages.settings.*` + `adminSettings.*` block
+- [x] Remove `comingSoon: true` from nav entry AND dashboard shortcut; shortcut route → `['backoffice','settings']`
+- [x] Compact-density CSS rule added to the shared `app-table` component stylesheet (`.admin-density-compact .app-table th/td`) — applies to every admin list page built on `app-table` (orders, products, categories, etc.), not just one
+
+**What shipped:** Genuinely real, backend-independent UI density preference. No maintenance-mode toggle built (explicitly deferred per `docs/NEXT_PHASE.md` Phase 4).
+
+## Sprint D — Documentation / Help nav
+
+- [x] Help: `mailto:` using existing `supportEmail` read path (`UiRuntimeFacade.contactEmail()`, same one `header.component.ts` already uses for `bootstrap.branding.supportEmail`)
+- [x] `AdminNavLink` gains optional `externalHref?: string`; nav renderer renders `<a>` branch (bottom nav)
+- [x] Documentation: added `tenant.documentationUrl?: string` to `TenantConfig`, populated mock with `https://docs.marketplace.local`
+- [x] `help`/`documentation` resolved dynamically in `admin-layout.component.ts` (`navBottom` computed) — real `<a>` when bootstrap data present, static `comingSoon: true` entries kept as defensive fallback for the (currently unreachable, since mock always has both fields) case where the backend omits them
+
+**What shipped:** Both Help and Documentation wired to real external links, not just Help. `comingSoon: true` remains in `admin-nav.model.ts` source as a fallback flag only — it is overridden to `false` at render time whenever bootstrap actually has the data, which it does today.
+
+## Housekeeping
+
+- [ ] Delete `docs/COMING-SOON-AUDIT.md`
+- [ ] Fold summary into `docs/KNOWN-ISSUES.md` "Fixed (this cycle)"; remove the `HeaderConfig.showProfile` dead-toggle entry from "Open"
+- [ ] Update `docs/BACKEND.md` (and `docs/backend/BACKEND-INTEGRATION.md` if applicable) for `tenant.documentationUrl` only, if added
+- [ ] `npm run barry -- validate`
+- [ ] Typecheck touched files

docs/KNOWN-ISSUES.md

@@ -39,3 +39,7 @@ Condensed — full detail in commit history and `docs/RELEASE_REPORT.md`.
 - `primeng`/`primeicons` unused dependency — removed.
 - Builder static-page body editor hidden inside a mislabeled collapsed section — un-hidden, relabeled.
 - Several project-editor/admin-categories correctness bugs (footer icon id collisions, features toggle only driving one flag, languages silent duplicate no-op, static-pages slug collision, branding `socialImageUrl` never read, media-picker facade filter leakage between dialogs, categories draft-recovery/drag-reorder bugs, hardcoded locale-tab order) — see git history for the full per-bug list.
+- `HeaderConfig.showProfile` dead toggle — wired up (login/logout only, no dropdown), reuses the existing customer Telegram `AuthService`.
+- Admin `reports` nav stub — real page (`backoffice/reports`), reuses `AdminAnalyticsFacade` for Sales/Top Products/Marketplace Health cards with CSV export.
+- Admin `settings` nav stub — real page (`backoffice/settings`), UI density preference (comfortable/compact), persisted to `localStorage`, applied to admin list tables.
+- Admin `documentation`/`help` nav stubs — both wired to real external links (`mailto:` support email, `tenant.documentationUrl`).

docs/NEXT_PHASE.md

@@ -20,4 +20,4 @@ Wire real error tracking/APM and a real event source for the admin Monitoring pa
 
 ## Phase 5 — Version 2 ideas
 
-Everything in `docs/PRODUCT_BACKLOG.md` (dark mode, brand-color contrast decision, advanced analytics, additional payment providers, Contacts page content) and `docs/FUTURE_FEATURES.md` (Angular 22 upgrade, cart-modal composition cleanup) — none of it scheduled, all of it deliberately deferred past initial launch.
+Everything in `docs/PRODUCT_BACKLOG.md` (dark mode, brand-color contrast decision, advanced analytics, additional payment providers, Contacts page content) and `docs/FUTURE_FEATURES.md` (Angular 22 upgrade, cart-modal composition cleanup) — none of it scheduled, all of it deliberately deferred past initial launch. The former stub-page/dead-toggle inventory (profile menu, admin Reports, admin Settings, Documentation/Help) is closed — see `docs/GLOBAL-SPRINT-PLAN.md` and `docs/KNOWN-ISSUES.md` "Fixed (this cycle)".

src/app/app.routes.ts

@@ -254,6 +254,24 @@ const coreRoutes: Routes = [
           breadcrumb: [{ labelKey: 'adminShell.nav.analytics' }]
         }
       },
+      {
+        path: 'reports',
+        loadComponent: () => import('./features/admin/reports/pages/admin-reports-page.component').then(m => m.AdminReportsPageComponent),
+        data: {
+          titleKey: 'adminShell.pages.reports.title',
+          descriptionKey: 'adminShell.pages.reports.description',
+          breadcrumb: [{ labelKey: 'adminShell.nav.reports' }]
+        }
+      },
+      {
+        path: 'settings',
+        loadComponent: () => import('./features/admin/settings/pages/admin-settings-page.component').then(m => m.AdminSettingsPageComponent),
+        data: {
+          titleKey: 'adminShell.pages.settings.title',
+          descriptionKey: 'adminShell.pages.settings.description',
+          breadcrumb: [{ labelKey: 'adminShell.nav.settings' }]
+        }
+      },
       {
         path: 'partners/seller-management',
         loadComponent: () => import('./features/admin/seller-management/pages/admin-seller-management-page.component').then(m => m.AdminSellerManagementPageComponent),

src/app/components/header/header.component.html

@@ -80,6 +80,19 @@
         </a>
         }
 
+        <!-- Profile (login/logout only) -->
+        @if (headerConfig().showProfile) {
+          @if (isAuthenticated()) {
+            <button type="button" class="platform-ux-btn" (click)="logout()" [attr.aria-label]="'header.logout' | translate">
+              <app-icon name="logOut" [size]="16" class="platform-ux-icon" />
+            </button>
+          } @else {
+            <button type="button" class="platform-ux-btn" (click)="login()" [attr.aria-label]="'header.login' | translate">
+              <app-icon name="user" [size]="16" class="platform-ux-icon" />
+            </button>
+          }
+        }
+
         <!-- Region Selector (desktop only) -->
         @if (headerConfig().showRegion) {
         <div class="platform-region-selector platform-lang-desktop">
@@ -147,4 +160,6 @@
       </div>
     </div>
 
+  <app-telegram-login />
+
 

src/app/components/header/header.component.ts

@@ -14,10 +14,12 @@ import { FeatureConfigService } from '../../core/config/feature-config.service';
 import { DEFAULT_HEADER_CONFIG, DEFAULT_USER_EXPERIENCE_CONFIG } from '../../shared/models/config';
 import { StaticPageResolverService } from '../../core/config/static-page-resolver.service';
 import { IconComponent } from '../../shared/ui/icon/icon.component';
+import { AuthService } from '../../services/auth.service';
+import { TelegramLoginComponent } from '../telegram-login/telegram-login.component';
 
 @Component({
   selector: 'app-header',
-  imports: [RouterLink, RouterLinkActive, LogoComponent, LanguageSelectorComponent, RegionSelectorComponent, LangRoutePipe, TranslatePipe, IconComponent],
+  imports: [RouterLink, RouterLinkActive, LogoComponent, LanguageSelectorComponent, RegionSelectorComponent, LangRoutePipe, TranslatePipe, IconComponent, TelegramLoginComponent],
   templateUrl: './header.component.html',
   styleUrls: ['./header.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush
@@ -35,7 +37,9 @@ export class HeaderComponent {
   private configService = inject(ConfigService);
   private featureConfig = inject(FeatureConfigService);
   private staticPageResolver = inject(StaticPageResolverService);
+  private authService = inject(AuthService);
 
+  readonly isAuthenticated = this.authService.isAuthenticated;
   readonly wishlistCount = this.uxFacade.wishlistCount;
   readonly compareCount = this.uxFacade.compareCount;
   readonly userExperienceConfig = computed(() => this.resolveUserExperienceConfig());
@@ -118,6 +122,14 @@ export class HeaderComponent {
     this.router.navigate([`/${lang}/compare`]);
   }
 
+  login(): void {
+    this.authService.requestLogin();
+  }
+
+  logout(): void {
+    this.authService.logout();
+  }
+
   navigateToStatic(route: string): void {
     this.closeMenu();
     const lang = this.langService.currentLanguage();

src/app/features/admin/dashboard/facade/admin-dashboard.facade.ts

@@ -31,7 +31,7 @@ const SHORTCUTS: AdminDashboardShortcut[] = [
   { id: 'static-pages', icon: 'edit', labelKey: 'dashboard.actionStaticPages', route: ['backoffice', 'static-pages'] },
   { id: 'orders', icon: 'cart', labelKey: 'dashboard.actionOrders', route: ['backoffice', 'orders'] },
   { id: 'users', icon: 'users', labelKey: 'dashboard.actionUsers', route: ['backoffice', 'users'] },
-  { id: 'settings', icon: 'settings', labelKey: 'dashboard.shortcutSettings', route: [], comingSoon: true },
+  { id: 'settings', icon: 'settings', labelKey: 'dashboard.shortcutSettings', route: ['backoffice', 'settings'] },
   { id: 'media-library', icon: 'images', labelKey: 'dashboard.actionMediaLibrary', route: ['backoffice', 'media'] },
   { id: 'content', icon: 'alignLeft', labelKey: 'dashboard.shortcutContent', route: ['edit', 'static-pages'] },
 ];

src/app/features/admin/reports/pages/admin-reports-page.component.html

@@ -0,0 +1,32 @@
+<section class="admin-reports-page">
+  @if (facade.loading()) {
+    <div class="report-grid" role="status" aria-live="polite" aria-busy="true">
+      @for (i of [1,2,3]; track i) {
+        <app-skeleton shape="rect" height="140px" />
+      }
+      <span class="sr-only">{{ 'common.loading' | translate }}</span>
+    </div>
+  } @else {
+    <div class="report-grid">
+      <div class="report-card">
+        <h2>{{ 'adminReports.sales' | translate }}</h2>
+        @if (facade.summary(); as summary) {
+          <p class="report-summary">{{ summary.revenueTotal }} {{ summary.currency }} &middot; {{ summary.ordersCount }} {{ 'adminAnalytics.orders' | translate }}</p>
+        }
+        <app-button variant="secondary" size="sm" (click)="exportSalesCsv()">{{ 'adminOrders.export' | translate }}</app-button>
+      </div>
+
+      <div class="report-card">
+        <h2>{{ 'adminReports.topProducts' | translate }}</h2>
+        <p class="report-summary">{{ facade.topProducts().length }} {{ 'adminAnalytics.topProducts' | translate }}</p>
+        <app-button variant="secondary" size="sm" (click)="exportTopProductsCsv()">{{ 'adminOrders.export' | translate }}</app-button>
+      </div>
+
+      <div class="report-card">
+        <h2>{{ 'adminReports.marketplaceHealth' | translate }}</h2>
+        <p class="report-summary">{{ facade.healthCompletionPercent() }}% {{ 'adminMarketplaceHealth.complete' | translate }}</p>
+        <app-button variant="secondary" size="sm" (click)="exportHealthCsv()">{{ 'adminOrders.export' | translate }}</app-button>
+      </div>
+    </div>
+  }
+</section>

src/app/features/admin/reports/pages/admin-reports-page.component.scss

@@ -0,0 +1,19 @@
+.admin-reports-page { display: grid; gap: 16px; padding: 16px; max-width: 1100px; margin: 0 auto; }
+
+.report-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
+
+.report-card {
+  display: grid;
+  gap: 10px;
+  align-content: start;
+  padding: 16px;
+  border: 1px solid var(--border-color, #d3dad9);
+  border-radius: var(--radius-md);
+  background: var(--bg-primary, #fff);
+}
+.report-card h2 { margin: 0; font-size: var(--font-size-xl, 1.125rem); }
+.report-summary { margin: 0; color: var(--text-secondary, #6b7280); font-size: var(--font-size-sm, 0.8125rem); }
+
+@media (max-width: 900px) {
+  .report-grid { grid-template-columns: 1fr; }
+}

src/app/features/admin/reports/pages/admin-reports-page.component.ts

@@ -0,0 +1,43 @@
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { AdminAnalyticsFacade } from '../../analytics/facade/admin-analytics.facade';
+import { TranslatePipe } from '../../../../i18n/translate.pipe';
+import { ButtonComponent } from '../../../../shared/ui/button/button.component';
+import { SkeletonComponent } from '../../../../shared/ui/skeleton/skeleton.component';
+
+@Component({
+  selector: 'app-admin-reports-page',
+  standalone: true,
+  imports: [TranslatePipe, ButtonComponent, SkeletonComponent],
+  templateUrl: './admin-reports-page.component.html',
+  styleUrls: ['./admin-reports-page.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class AdminReportsPageComponent {
+  readonly facade = inject(AdminAnalyticsFacade);
+
+  constructor() {
+    this.facade.load();
+  }
+
+  exportSalesCsv(): void {
+    this.download(this.facade.exportCsv(), 'sales-report.csv');
+  }
+
+  exportTopProductsCsv(): void {
+    this.download(this.facade.exportTopProductsCsv(), 'top-products-report.csv');
+  }
+
+  exportHealthCsv(): void {
+    this.download(this.facade.exportHealthCsv(), 'marketplace-health-report.csv');
+  }
+
+  private download(csv: string, filename: string): void {
+    const blob = new Blob([csv], { type: 'text/csv' });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    link.click();
+    URL.revokeObjectURL(url);
+  }
+}

src/app/features/admin/settings/pages/admin-settings-page.component.html

@@ -0,0 +1,14 @@
+<section class="admin-settings-page">
+  <div class="settings-card">
+    <h2>{{ 'adminSettings.density' | translate }}</h2>
+    <p class="settings-explain">{{ 'adminSettings.densityExplain' | translate }}</p>
+    <label class="toggle-row">
+      <app-toggle
+        [ngModel]="preferences.density() === 'compact'"
+        (ngModelChange)="onCompactToggle($event)"
+        [ariaLabel]="'adminSettings.densityCompact' | translate"
+      />
+      <span>{{ 'adminSettings.densityCompact' | translate }}</span>
+    </label>
+  </div>
+</section>

src/app/features/admin/settings/pages/admin-settings-page.component.scss

@@ -0,0 +1,14 @@
+.admin-settings-page { display: grid; gap: 16px; padding: 16px; max-width: 720px; margin: 0 auto; }
+
+.settings-card {
+  display: grid;
+  gap: 10px;
+  padding: 16px;
+  border: 1px solid var(--border-color, #d3dad9);
+  border-radius: var(--radius-md);
+  background: var(--bg-primary, #fff);
+}
+.settings-card h2 { margin: 0; font-size: var(--font-size-xl, 1.125rem); }
+.settings-explain { margin: 0; color: var(--text-secondary, #6b7280); font-size: var(--font-size-sm, 0.8125rem); }
+
+.toggle-row { display: flex; align-items: center; gap: 8px; font-weight: var(--font-weight-normal, 400); }

src/app/features/admin/settings/pages/admin-settings-page.component.ts

@@ -0,0 +1,21 @@
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { AdminPreferencesService } from '../services/admin-preferences.service';
+import { TranslatePipe } from '../../../../i18n/translate.pipe';
+import { ToggleComponent } from '../../../../shared/ui/toggle/toggle.component';
+
+@Component({
+  selector: 'app-admin-settings-page',
+  standalone: true,
+  imports: [FormsModule, TranslatePipe, ToggleComponent],
+  templateUrl: './admin-settings-page.component.html',
+  styleUrls: ['./admin-settings-page.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class AdminSettingsPageComponent {
+  readonly preferences = inject(AdminPreferencesService);
+
+  onCompactToggle(compact: boolean): void {
+    this.preferences.setDensity(compact ? 'compact' : 'comfortable');
+  }
+}

src/app/features/admin/settings/services/admin-preferences.service.ts

@@ -0,0 +1,24 @@
+import { Injectable, Signal, inject, signal } from '@angular/core';
+import { LocalStorageService } from '../../../../core/storage/local-storage.service';
+
+export type AdminUiDensity = 'comfortable' | 'compact';
+
+const DENSITY_KEY = 'adminPreferences.density.v1';
+
+@Injectable({ providedIn: 'root' })
+export class AdminPreferencesService {
+  private readonly localStorage = inject(LocalStorageService);
+
+  private readonly densitySignal = signal<AdminUiDensity>(this.readStoredDensity());
+
+  readonly density: Signal<AdminUiDensity> = this.densitySignal.asReadonly();
+
+  setDensity(value: AdminUiDensity): void {
+    this.densitySignal.set(value);
+    this.localStorage.setItem(DENSITY_KEY, value);
+  }
+
+  private readStoredDensity(): AdminUiDensity {
+    return this.localStorage.getItem(DENSITY_KEY) === 'compact' ? 'compact' : 'comfortable';
+  }
+}

src/app/features/admin/shell/admin-layout.component.html

@@ -44,8 +44,20 @@
     </ul>
 
     <ul class="admin-layout__nav-list admin-layout__nav-list--bottom">
-      @for (entry of navBottom; track $index) {
+      @for (entry of navBottom(); track $index) {
-        @if (entry.type === 'link' && entry.comingSoon) {
+        @if (entry.type === 'link' && entry.externalHref) {
+          <li>
+            <a
+              class="admin-layout__nav-link"
+              [href]="entry.externalHref"
+              [attr.target]="entry.externalHref.startsWith('mailto:') ? null : '_blank'"
+              [attr.rel]="entry.externalHref.startsWith('mailto:') ? null : 'noopener'"
+            >
+              <app-icon [name]="entry.icon" [size]="18" />
+              <span class="admin-layout__nav-label">{{ entry.labelKey | translate }}</span>
+            </a>
+          </li>
+        } @else if (entry.type === 'link' && entry.comingSoon) {
           <li>
             <button type="button" class="admin-layout__nav-link admin-layout__nav-link--disabled" disabled>
               <app-icon [name]="entry.icon" [size]="18" />
@@ -151,7 +163,7 @@
     </div>
   </header>
 
-  <main id="admin-content" class="admin-layout__content" tabindex="-1">
+  <main id="admin-content" class="admin-layout__content" [class.admin-density-compact]="density() === 'compact'" tabindex="-1">
     <router-outlet></router-outlet>
   </main>
 

src/app/features/admin/shell/admin-layout.component.ts

@@ -9,6 +9,9 @@ import { LanguageService } from '../../../services/language.service';
 import { AdminAuthService } from '../../../core/admin-auth/admin-auth.service';
 import { ADMIN_NAV_BOTTOM, ADMIN_NAV_PRIMARY, AdminBreadcrumbEntry, AdminNavEntry } from './admin-nav.model';
 import { IconComponent } from '../../../shared/ui/icon/icon.component';
+import { AdminPreferencesService } from '../settings/services/admin-preferences.service';
+import { UiRuntimeFacade } from '../../../facades/runtime/ui-runtime.facade';
+import { ConfigService } from '../../../core/config/config.service';
 
 @Component({
   selector: 'app-admin-layout',
@@ -25,12 +28,35 @@ export class AdminLayoutComponent {
   private readonly translate = inject(TranslateService);
   private readonly languageService = inject(LanguageService);
   private readonly adminAuth = inject(AdminAuthService);
+  private readonly preferences = inject(AdminPreferencesService);
+  private readonly uiRuntime = inject(UiRuntimeFacade);
+  private readonly configService = inject(ConfigService);
+
+  readonly density = this.preferences.density;
 
   private readonly drawerEl = viewChild<ElementRef<HTMLElement>>('drawer');
   private readonly menuToggleEl = viewChild<ElementRef<HTMLElement>>('menuToggle');
 
   readonly navPrimary: AdminNavEntry[] = ADMIN_NAV_PRIMARY;
-  readonly navBottom: AdminNavEntry[] = ADMIN_NAV_BOTTOM;
+
+  readonly navBottom = computed<AdminNavEntry[]>(() => {
+    this.configService.bootstrapRevision();
+    const supportEmail = this.uiRuntime.contactEmail();
+    const documentationUrl = this.configService.getBootstrapSnapshot()?.tenant?.documentationUrl;
+
+    return ADMIN_NAV_BOTTOM.map(entry => {
+      if (entry.type !== 'link') {
+        return entry;
+      }
+      if (entry.id === 'help' && supportEmail) {
+        return { ...entry, comingSoon: false, externalHref: `mailto:${supportEmail}` };
+      }
+      if (entry.id === 'documentation' && documentationUrl) {
+        return { ...entry, comingSoon: false, externalHref: documentationUrl };
+      }
+      return entry;
+    });
+  });
 
   readonly mobileDrawerOpen = signal(false);
   readonly notificationsOpen = signal(false);

src/app/features/admin/shell/admin-nav.model.ts

@@ -11,6 +11,8 @@ export interface AdminNavLink {
   absolutePath?: string[];
   /** No route exists yet - rendered as a disabled item with a "coming soon" badge. */
   comingSoon?: boolean;
+  /** External URL (mailto: or https:). Mutually exclusive with path/absolutePath/comingSoon. */
+  externalHref?: string;
 }
 
 export interface AdminNavGroup {
@@ -36,18 +38,24 @@ export const ADMIN_NAV_PRIMARY: AdminNavEntry[] = [
   { type: 'link', id: 'customers', icon: 'user', labelKey: 'adminShell.nav.customers', path: ['customers'] },
   { type: 'link', id: 'transactions', icon: 'creditCard', labelKey: 'adminShell.nav.transactions', path: ['transactions'] },
   { type: 'link', id: 'moderation', icon: 'star', labelKey: 'adminShell.nav.moderation', path: ['moderation'] },
-  { type: 'link', id: 'reports', icon: 'chartBar', labelKey: 'adminShell.nav.reports', comingSoon: true },
+  { type: 'link', id: 'reports', icon: 'chartBar', labelKey: 'adminShell.nav.reports', path: ['reports'] },
   { type: 'group', labelKey: 'adminShell.nav.partnersGroup' },
   { type: 'link', id: 'seller-management', icon: 'store', labelKey: 'adminShell.nav.sellerManagement', path: ['partners', 'seller-management'] },
   { type: 'link', id: 'content', icon: 'edit', labelKey: 'adminShell.nav.content', absolutePath: ['edit', 'static-pages'] },
   { type: 'link', id: 'media', icon: 'images', labelKey: 'adminShell.nav.mediaLibrary', path: ['media'] },
   { type: 'link', id: 'marketplace-builder', icon: 'network', labelKey: 'adminShell.nav.marketplaceBuilder', absolutePath: ['edit'] },
   { type: 'link', id: 'users', icon: 'users', labelKey: 'adminShell.nav.users', path: ['users'] },
-  { type: 'link', id: 'settings', icon: 'settings', labelKey: 'adminShell.nav.settings', comingSoon: true },
+  { type: 'link', id: 'settings', icon: 'settings', labelKey: 'adminShell.nav.settings', path: ['settings'] },
   { type: 'link', id: 'monitoring', icon: 'monitor', labelKey: 'adminShell.nav.monitoring', path: ['monitoring'] },
   { type: 'link', id: 'analytics', icon: 'chartLine', labelKey: 'adminShell.nav.analytics', path: ['analytics'] },
 ];
 
+/**
+ * `documentation`/`help` externalHref is resolved at runtime from bootstrap
+ * config (tenant.documentationUrl / branding.supportEmail) — see
+ * `AdminLayoutComponent.navBottom`. Static comingSoon here is the fallback
+ * when that data is absent.
+ */
 export const ADMIN_NAV_BOTTOM: AdminNavEntry[] = [
   { type: 'link', id: 'documentation', icon: 'book', labelKey: 'adminShell.nav.documentation', comingSoon: true },
   { type: 'link', id: 'help', icon: 'help', labelKey: 'adminShell.nav.help', comingSoon: true },

src/app/i18n/en.ts

@@ -12,6 +12,8 @@ export const en: Translations = {
     compare: 'Compare',
     openMenu: 'Open menu',
     closeMenu: 'Close menu',
+    login: 'Log in',
+    logout: 'Log out',
   },
   footer: {
     description: 'A modern marketplace for comfortable shopping',
@@ -1909,6 +1911,16 @@ export const en: Translations = {
     lastPublished: 'Last published',
     syncStatus: 'Sync',
   },
+  adminReports: {
+    sales: 'Sales',
+    topProducts: 'Top Products',
+    marketplaceHealth: 'Marketplace Health',
+  },
+  adminSettings: {
+    density: 'Table density',
+    densityExplain: 'Reduce row padding across backoffice list pages for a more compact view.',
+    densityCompact: 'Compact rows',
+  },
   adminAnalytics: {
     topProductsEmptyTitle: 'No product sales in this period',
     topProductsEmptyDescription: 'Try a wider date range.',
@@ -2060,6 +2072,8 @@ export const en: Translations = {
       monitoring: { title: 'Monitoring', description: 'Queue, webhook, and system event status' },
       analytics: { title: 'Analytics', description: 'Sales, products, and shopper behavior' },
       sellerManagement: { title: 'Seller Management', description: 'Onboard and manage independent sellers on your marketplace' },
+      reports: { title: 'Reports', description: 'Export sales, product, and marketplace health reports' },
+      settings: { title: 'Settings', description: 'Backoffice display preferences' },
     },
   },
   adminSellerManagement: {

src/app/i18n/hy.ts

@@ -12,6 +12,8 @@ export const hy: Translations = {
     compare: 'Համեմատում',
     openMenu: 'Բացել մենյուն',
     closeMenu: 'Փակել մենյուն',
+    login: 'Մուտք',
+    logout: 'Ելք',
   },
   footer: {
     description: 'Ժամանակակից մարքեթփլեյս հարմար գնումների համար',
@@ -1904,6 +1906,16 @@ export const hy: Translations = {
     lastPublished: 'Վերջին հրապարակում',
     syncStatus: 'Համաժամացում',
   },
+  adminReports: {
+    sales: 'Վաճառքներ',
+    topProducts: 'Լավագույն ապրանքներ',
+    marketplaceHealth: 'Մարքեթփլեյսի վիճակ',
+  },
+  adminSettings: {
+    density: 'Աղյուսակի խտություն',
+    densityExplain: 'Փոքրացնել տողերի հեռավորությունը ադմինիստրատիվ վահանակի ցուցակներում՝ ավելի կոմպակտ տեսքի համար։',
+    densityCompact: 'Կոմպակտ տողեր',
+  },
   adminAnalytics: {
     topProductsEmptyTitle: 'Այս ժամանակահատվածում ապրանքների վաճառք չկա',
     topProductsEmptyDescription: 'Փորձեք ընտրել ավելի լայն ամսաթվերի միջակայք։',
@@ -2055,6 +2067,8 @@ export const hy: Translations = {
       monitoring: { title: 'Մոնիտորինգ', description: 'Հերթերի, webhook-ների և համակարգային իրադարձությունների վիճակը' },
       analytics: { title: 'Վերլուծություն', description: 'Վաճառքներ, ապրանքներ և գնորդների վարքագիծ' },
       sellerManagement: { title: 'Վաճառողների կառավարում', description: 'Թույլ տվեք անկախ վաճառողներին միանալ ձեր մարքեթփլեյսին՝ պահպանելով կենտրոնացված կառավարումը' },
+      reports: { title: 'Հաշվետվություններ', description: 'Արտահանել վաճառքների, ապրանքների և մարքեթփլեյսի վիճակի հաշվետվություններ' },
+      settings: { title: 'Կարգավորումներ', description: 'Ադմինիստրատիվ վահանակի ցուցադրման նախապատվություններ' },
     },
   },
   adminSellerManagement: {

src/app/i18n/ru.ts

@@ -12,6 +12,8 @@ export const ru: Translations = {
     compare: 'Сравнение',
     openMenu: 'Открыть меню',
     closeMenu: 'Закрыть меню',
+    login: 'Войти',
+    logout: 'Выйти',
   },
   footer: {
     description: 'Современный маркетплейс для комфортных покупок',
@@ -1904,6 +1906,16 @@ export const ru: Translations = {
     lastPublished: 'Последняя публикация',
     syncStatus: 'Синхронизация',
   },
+  adminReports: {
+    sales: 'Продажи',
+    topProducts: 'Топ товаров',
+    marketplaceHealth: 'Состояние маркетплейса',
+  },
+  adminSettings: {
+    density: 'Плотность таблиц',
+    densityExplain: 'Уменьшить отступы строк в списках панели управления для более компактного вида.',
+    densityCompact: 'Компактные строки',
+  },
   adminAnalytics: {
     topProductsEmptyTitle: 'Нет продаж товаров за этот период',
     topProductsEmptyDescription: 'Попробуйте выбрать более широкий диапазон дат.',
@@ -2055,6 +2067,8 @@ export const ru: Translations = {
       monitoring: { title: 'Мониторинг', description: 'Состояние очередей, вебхуков и системных событий' },
       analytics: { title: 'Аналитика', description: 'Продажи, товары и поведение покупателей' },
       sellerManagement: { title: 'Управление продавцами', description: 'Подключайте независимых продавцов к вашему маркетплейсу с централизованным администрированием' },
+      reports: { title: 'Отчёты', description: 'Экспорт отчётов по продажам, товарам и состоянию маркетплейса' },
+      settings: { title: 'Настройки', description: 'Настройки отображения панели управления' },
     },
   },
   adminSellerManagement: {

src/app/i18n/translations.ts

@@ -10,6 +10,8 @@ export interface Translations {
     compare: string;
     openMenu: string;
     closeMenu: string;
+    login: string;
+    logout: string;
   };
   footer: {
     description: string;
@@ -1917,6 +1919,16 @@ export interface Translations {
     lastPublished: string;
     syncStatus: string;
   };
+  adminReports: {
+    sales: string;
+    topProducts: string;
+    marketplaceHealth: string;
+  };
+  adminSettings: {
+    density: string;
+    densityExplain: string;
+    densityCompact: string;
+  };
   adminAnalytics: {
     topProductsEmptyTitle: string;
     topProductsEmptyDescription: string;
@@ -2068,6 +2080,8 @@ export interface Translations {
       monitoring: { title: string; description: string };
       analytics: { title: string; description: string };
       sellerManagement: { title: string; description: string };
+      reports: { title: string; description: string };
+      settings: { title: string; description: string };
     };
   };
   adminSellerManagement: {

src/app/shared/models/config/tenant.model.ts

@@ -14,4 +14,5 @@ export interface TenantConfig {
   defaultCurrency: string;
   supportedCurrencies: string[];
   timezone: string;
+  documentationUrl?: string;
 }

src/app/shared/ui/table/table.component.scss

@@ -50,3 +50,9 @@ app-table {
     background: var(--bg-secondary, #f4f4f5);
   }
 }
+
+.admin-density-compact .app-table {
+  th, td {
+    padding: var(--space-xs, 0.25rem) var(--space-md, 1rem);
+  }
+}

src/assets/mock/bootstrap/bootstrap.json

@@ -14,7 +14,8 @@
     "supportedLocales": ["ru", "en", "hy"],
     "defaultCurrency": "RUB",
     "supportedCurrencies": ["RUB", "USD", "EUR", "AMD"],
-    "timezone": "Europe/Moscow"
+    "timezone": "Europe/Moscow",
+    "documentationUrl": "https://docs.marketplace.local"
   },
   "branding": {
     "brandName": "Marketplace",