diff --git a/packages/web/src/components/AppShell.vue b/packages/web/src/components/AppShell.vue
index 2d5cdae..0ed3d48 100644
--- a/packages/web/src/components/AppShell.vue
+++ b/packages/web/src/components/AppShell.vue
@@ -2,7 +2,7 @@
 import { computed } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import { GnAvatar, GnButton, GnNavigationShell } from "gnexus-ui-kit/vue";
+import { GnButton, GnNavigationShell } from "gnexus-ui-kit/vue";
 import { useAuth } from "../stores/auth";
 
 const auth = useAuth();
@@ -26,7 +26,9 @@
 </script>
 
 <template>
-  <GnNavigationShell brand="Live Testing Tool" :items="items" @select="onSelect">
+  <!-- public pages (project/report links) reuse this shell without a session:
+       show the plain centered body when nobody is logged in -->
+  <GnNavigationShell v-if="auth.user.value" brand="Live Testing Tool" :items="items" @select="onSelect">
     <template #content>
       <div class="shell-body">
         <slot />
@@ -34,14 +36,16 @@
     </template>
     <template #footer>
       <div class="shell-footer">
-        <GnAvatar v-if="auth.user.value" :name="auth.user.value.nickname" size="sm" />
-        <span class="shell-footer-user">{{ auth.user.value?.nickname }}</span>
+        <span class="shell-footer-user">{{ auth.user.value.nickname }}</span>
         <GnButton variant="secondary" size="sm" icon="ph-sign-out" @click="logout">
           {{ t("nav.logout") }}
         </GnButton>
       </div>
     </template>
   </GnNavigationShell>
+  <div v-else class="shell-body">
+    <slot />
+  </div>
 </template>
 
 <style scoped>
diff --git a/packages/web/src/pages/ProjectPage.vue b/packages/web/src/pages/ProjectPage.vue
index d19e197..dcd1dbc 100644
--- a/packages/web/src/pages/ProjectPage.vue
+++ b/packages/web/src/pages/ProjectPage.vue
@@ -15,6 +15,7 @@
 } from "gnexus-ui-kit/vue";
 import type { ProjectDetail, ReportListItem } from "@ltt/shared";
 import * as api from "../api";
+import AppShell from "../components/AppShell.vue";
 import CompactSelect from "../components/CompactSelect.vue";
 
 const { t } = useI18n();
@@ -97,82 +98,81 @@
 </script>
 
 <template>
-  <div class="project-page">
-    <div v-if="notFound" class="project-page-notfound">
-      <GnEmptyState icon="ph-link-break" :title="t('reports.notFound')" :text="t('reports.notFoundHint')" />
+  <AppShell>
+    <div class="project-page">
+      <div v-if="notFound" class="project-page-notfound">
+        <GnEmptyState icon="ph-link-break" :title="t('reports.notFound')" :text="t('reports.notFoundHint')" />
+      </div>
+
+      <template v-else-if="project">
+        <GnPageHeader :title="project.name" :subtitle="project.description ?? undefined">
+          <template #actions>
+            <GnCopyButton :text="api.projectShareUrl(project)" :label="t('projects.share')" />
+          </template>
+        </GnPageHeader>
+
+        <GnToolbar
+          :title="t('reports.title')"
+          :meta="`${project.report_counts.total} total / ${project.report_counts.open} open`"
+        >
+          <template #actions>
+            <div class="filter-selects">
+              <CompactSelect
+                v-model="filterType"
+                :options="typeOptions"
+                icon="ph-funnel"
+                :width="190"
+              />
+              <CompactSelect
+                v-model="filterStatus"
+                :options="statusOptions"
+                icon="ph-circle-half"
+                :width="180"
+              />
+            </div>
+          </template>
+        </GnToolbar>
+
+        <GnEmptyState
+          v-if="!loading && reports.length === 0"
+          icon="ph-bug"
+          :title="t('reports.empty')"
+          :text="t('reports.emptyHint')"
+        />
+
+        <GnTable
+          v-else-if="reports.length"
+          :columns="columns"
+          :rows="reports"
+        >
+          <template #cell-title="{ row }">
+            <RouterLink :to="`/r/${row.share_token}`" class="report-link">{{ row.title }}</RouterLink>
+          </template>
+          <template #cell-type="{ row }">
+            <GnBadge variant="accent" outline>{{ t(`reports.type.${row.type}`) }}</GnBadge>
+          </template>
+          <template #cell-status="{ row }">
+            <GnBadge :variant="statusVariant(row.status)">{{ t(`reports.status.${row.status}`) }}</GnBadge>
+          </template>
+          <template #cell-author="{ row }">{{ row.author.nickname }}</template>
+          <template #cell-created="{ row }">{{ fmtDate(row.created_at) }}</template>
+        </GnTable>
+
+        <GnPagination
+          v-if="total > perPage"
+          :page="page"
+          :total-pages="Math.ceil(total / perPage)"
+          @update:page="page = $event"
+        />
+      </template>
+
+      <p v-else class="project-page-loading">{{ t("common.loading") }}</p>
     </div>
-
-    <template v-else-if="project">
-      <GnPageHeader :title="project.name" :subtitle="project.description ?? undefined">
-        <template #actions>
-          <GnCopyButton :text="api.projectShareUrl(project)" :label="t('projects.share')" />
-        </template>
-      </GnPageHeader>
-
-      <GnToolbar
-        :title="t('reports.title')"
-        :meta="`${project.report_counts.total} total / ${project.report_counts.open} open`"
-      >
-        <template #actions>
-          <div class="filter-selects">
-            <CompactSelect
-              v-model="filterType"
-              :options="typeOptions"
-              icon="ph-funnel"
-              :width="190"
-            />
-            <CompactSelect
-              v-model="filterStatus"
-              :options="statusOptions"
-              icon="ph-circle-half"
-              :width="180"
-            />
-          </div>
-        </template>
-      </GnToolbar>
-
-      <GnEmptyState
-        v-if="!loading && reports.length === 0"
-        icon="ph-bug"
-        :title="t('reports.empty')"
-        :text="t('reports.emptyHint')"
-      />
-
-      <GnTable
-        v-else-if="reports.length"
-        :columns="columns"
-        :rows="reports"
-      >
-        <template #cell-title="{ row }">
-          <RouterLink :to="`/r/${row.share_token}`" class="report-link">{{ row.title }}</RouterLink>
-        </template>
-        <template #cell-type="{ row }">
-          <GnBadge variant="accent" outline>{{ t(`reports.type.${row.type}`) }}</GnBadge>
-        </template>
-        <template #cell-status="{ row }">
-          <GnBadge :variant="statusVariant(row.status)">{{ t(`reports.status.${row.status}`) }}</GnBadge>
-        </template>
-        <template #cell-author="{ row }">{{ row.author.nickname }}</template>
-        <template #cell-created="{ row }">{{ fmtDate(row.created_at) }}</template>
-      </GnTable>
-
-      <GnPagination
-        v-if="total > perPage"
-        :page="page"
-        :total-pages="Math.ceil(total / perPage)"
-        @update:page="page = $event"
-      />
-    </template>
-
-    <p v-else class="project-page-loading">{{ t("common.loading") }}</p>
-  </div>
+  </AppShell>
 </template>
 
 <style scoped>
 .project-page {
-  max-width: 1100px;
-  margin: 0 auto;
-  padding: 20px 24px 60px;
   display: flex;
   flex-direction: column;
   gap: 16px;
diff --git a/packages/web/src/pages/ReportPage.vue b/packages/web/src/pages/ReportPage.vue
index 144b94b..8da6f67 100644
--- a/packages/web/src/pages/ReportPage.vue
+++ b/packages/web/src/pages/ReportPage.vue
@@ -19,6 +19,7 @@
 import type { AnnotationShape, ReportDetail } from "@ltt/shared";
 import * as api from "../api";
 import { useAuth } from "../stores/auth";
+import AppShell from "../components/AppShell.vue";
 import { ScreenshotViewer, ElementContext, EnvironmentInfo } from "@ltt/ui";
 import CompactSelect from "../components/CompactSelect.vue";
 
@@ -162,209 +163,208 @@
 </script>
 
 <template>
-  <div class="report-page">
-    <div v-if="notFound" class="report-page-notfound">
-      <GnEmptyState icon="ph-link-break" :title="t('reports.notFound')" :text="t('reports.notFoundHint')" />
-    </div>
-
-    <template v-else-if="report">
-      <div class="report-page-nav">
-        <GnButton variant="secondary" size="sm" icon="ph-arrow-left" @click="router.back()">
-          {{ t("report.backToProject") }}
-        </GnButton>
+  <AppShell>
+    <div class="report-page">
+      <div v-if="notFound" class="report-page-notfound">
+        <GnEmptyState icon="ph-link-break" :title="t('reports.notFound')" :text="t('reports.notFoundHint')" />
       </div>
 
-      <GnPageHeader :title="report.title" :subtitle="report.page_title ?? undefined">
-        <template #actions>
-          <GnCopyButton :text="api.reportShareUrl(report)" :label="t('report.copyLink')" />
-          <GnButton
-            v-if="canEdit"
-            variant="danger"
-            size="sm"
-            icon="ph-trash"
-            @click="deleteOpen = true"
-          >
-            {{ t("report.deleteReport") }}
+      <template v-else-if="report">
+        <div class="report-page-nav">
+          <GnButton variant="secondary" size="sm" icon="ph-arrow-left" @click="router.back()">
+            {{ t("report.backToProject") }}
           </GnButton>
-        </template>
-      </GnPageHeader>
+        </div>
 
-      <div class="report-meta">
-        <GnBadge variant="accent" outline>{{ t(`reports.type.${report.type}`) }}</GnBadge>
-        <GnBadge :variant="statusVariant(report.status)">{{ t(`reports.status.${report.status}`) }}</GnBadge>
-        <span class="report-meta-item">{{ t("report.author") }}: {{ report.author.nickname }}</span>
-        <span class="report-meta-item">{{ t("report.created") }}: {{ fmtDate(report.created_at) }}</span>
-      </div>
-
-      <GnTabs v-model="tab" :items="tabs">
-        <template #details>
-          <div class="report-details-grid">
-            <div class="report-details-main">
-              <GnCard class="report-card">
-                <h3 class="report-card-title">{{ t("report.description") }}</h3>
-                <template v-if="editingDescription">
-                  <GnTextarea v-model="descriptionDraft" :rows="5" />
-                  <div class="report-card-actions">
-                    <GnButton variant="secondary" size="sm" @click="editingDescription = false">
-                      {{ t("common.cancel") }}
-                    </GnButton>
-                    <GnButton variant="accent" size="sm" @click="saveDescription">
-                      {{ t("common.save") }}
-                    </GnButton>
-                  </div>
-                </template>
-                <template v-else>
-                  <p class="report-description" :class="{ 'is-empty': !report.description }">
-                    {{ report.description ?? t("report.noDescription") }}
-                  </p>
-                  <GnIconButton
-                    v-if="canEdit"
-                    icon="ph-pencil-simple"
-                    :label="t('common.edit')"
-                    size="sm"
-                    @click="startEditDescription"
-                  />
-                </template>
-              </GnCard>
-
-              <GnCard v-if="screenshot" class="report-card">
-                <h3 class="report-card-title">{{ t("report.screenshot") }}</h3>
-                <ScreenshotViewer
-                  :src="fileUrl(screenshot.file_id)"
-                  :shapes="screenshot.annotation_shapes"
-                  :editable="canEdit"
-                  :labels="{
-                    edit: t('report.editAnnotations'),
-                    save: t('report.saveAnnotations'),
-                    saving: t('report.savingAnnotations'),
-                    cancel: t('common.cancel'),
-                    expand: t('report.openFullscreen'),
-                  }"
-                  @save="saveAnnotations"
-                />
-              </GnCard>
-
-              <GnCard v-if="report.element" class="report-card">
-                <h3 class="report-card-title">{{ t("report.elementContext") }}</h3>
-                <ElementContext :element="report.element" />
-              </GnCard>
-            </div>
-
-            <div class="report-details-side">
-              <GnCard class="report-card">
-                <h3 class="report-card-title">{{ t("report.status") }}</h3>
-                <CompactSelect
-                  v-if="canEdit"
-                  :model-value="report.status"
-                  :options="[
-                    { value: 'open', label: t('reports.status.open') },
-                    { value: 'fixed', label: t('reports.status.fixed') },
-                    { value: 'wont_fix', label: t('reports.status.wont_fix') },
-                  ]"
-                  :width="'100%'"
-                  :disabled="savingStatus"
-                  @update:model-value="setStatus($event)"
-                />
-                <GnBadge v-else :variant="statusVariant(report.status)">
-                  {{ t(`reports.status.${report.status}`) }}
-                </GnBadge>
-              </GnCard>
-
-              <GnCard v-if="report.page_url" class="report-card">
-                <h3 class="report-card-title">{{ t("report.page") }}</h3>
-                <a :href="report.page_url" target="_blank" rel="noopener" class="report-page-url">
-                  {{ report.page_url }}
-                </a>
-              </GnCard>
-
-              <GnCard class="report-card">
-                <h3 class="report-card-title">{{ t("report.environment") }}</h3>
-                <EnvironmentInfo :environment="report.environment" />
-              </GnCard>
-            </div>
-          </div>
-        </template>
-
-        <template v-if="report.steps?.length" #steps>
-          <GnCard class="report-card">
-            <GnTimeline
-              :items="
-                report.steps.map((step) => ({
-                  key: step.id,
-                  title: `#${step.step_index + 1} ${stepTitle(step.type)}`,
-                  time: stepTime(step.offset_ms),
-                  text: stepText(step),
-                  icon:
-                    step.type === 'click' ? 'ph-cursor-click'
-                    : step.type === 'input' ? 'ph-keyboard'
-                    : step.type === 'url_change' ? 'ph-arrows-left-right'
-                    : step.type === 'note' ? 'ph-note-pencil'
-                    : step.type === 'screenshot' ? 'ph-camera'
-                    : 'ph-navigation-arrow',
-                }))
-              "
+        <GnPageHeader :title="report.title" :subtitle="report.page_title ?? undefined">
+          <template #actions>
+            <GnCopyButton :text="api.reportShareUrl(report)" :label="t('report.copyLink')" />
+            <GnButton
+              v-if="canEdit"
+              variant="danger"
+              size="sm"
+              icon="ph-trash"
+              @click="deleteOpen = true"
             >
-              <template #meta="{ item }">
-                <img
-                  v-if="report!.steps.find((s) => s.id === item.key)?.screenshot_attachment_id"
-                  :src="fileUrl(report!.steps.find((s) => s.id === item.key)!.screenshot_attachment_id!)"
-                  class="step-screenshot"
-                  alt=""
-                />
-              </template>
-            </GnTimeline>
-          </GnCard>
-        </template>
+              {{ t("report.deleteReport") }}
+            </GnButton>
+          </template>
+        </GnPageHeader>
 
-        <template v-if="report.attachments?.length" #attachments>
-          <GnCard class="report-card">
-            <div class="attachment-grid">
-              <a
-                v-for="attachment in report.attachments"
-                :key="attachment.id"
-                class="attachment-item"
-                :href="fileUrl(attachment.file_id)"
-                target="_blank"
-                rel="noopener"
-              >
-                <span class="attachment-thumb">
-                  <img
-                    v-if="attachment.mime.startsWith('image/')"
-                    :src="fileUrl(attachment.file_id)"
-                    :alt="attachment.filename"
-                    loading="lazy"
+        <div class="report-meta">
+          <GnBadge variant="accent" outline>{{ t(`reports.type.${report.type}`) }}</GnBadge>
+          <GnBadge :variant="statusVariant(report.status)">{{ t(`reports.status.${report.status}`) }}</GnBadge>
+          <span class="report-meta-item">{{ t("report.author") }}: {{ report.author.nickname }}</span>
+          <span class="report-meta-item">{{ t("report.created") }}: {{ fmtDate(report.created_at) }}</span>
+        </div>
+
+        <GnTabs v-model="tab" :items="tabs">
+          <template #details>
+            <div class="report-details-grid">
+              <div class="report-details-main">
+                <GnCard class="report-card">
+                  <h3 class="report-card-title">{{ t("report.description") }}</h3>
+                  <template v-if="editingDescription">
+                    <GnTextarea v-model="descriptionDraft" :rows="5" />
+                    <div class="report-card-actions">
+                      <GnButton variant="secondary" size="sm" @click="editingDescription = false">
+                        {{ t("common.cancel") }}
+                      </GnButton>
+                      <GnButton variant="accent" size="sm" @click="saveDescription">
+                        {{ t("common.save") }}
+                      </GnButton>
+                    </div>
+                  </template>
+                  <template v-else>
+                    <p class="report-description" :class="{ 'is-empty': !report.description }">
+                      {{ report.description ?? t("report.noDescription") }}
+                    </p>
+                    <GnIconButton
+                      v-if="canEdit"
+                      icon="ph-pencil-simple"
+                      :label="t('common.edit')"
+                      size="sm"
+                      @click="startEditDescription"
+                    />
+                  </template>
+                </GnCard>
+
+                <GnCard v-if="screenshot" class="report-card">
+                  <h3 class="report-card-title">{{ t("report.screenshot") }}</h3>
+                  <ScreenshotViewer
+                    :src="fileUrl(screenshot.file_id)"
+                    :shapes="screenshot.annotation_shapes"
+                    :editable="canEdit"
+                    :labels="{
+                      edit: t('report.editAnnotations'),
+                      save: t('report.saveAnnotations'),
+                      saving: t('report.savingAnnotations'),
+                      cancel: t('common.cancel'),
+                      expand: t('report.openFullscreen'),
+                    }"
+                    @save="saveAnnotations"
                   />
-                  <i v-else class="ph ph-file-text" />
-                </span>
-                <span class="attachment-info">
-                  <span class="attachment-name">{{ attachment.filename }}</span>
-                  <span class="attachment-size">{{ (attachment.size / 1024).toFixed(1) }} KB</span>
-                </span>
-              </a>
+                </GnCard>
+
+                <GnCard v-if="report.element" class="report-card">
+                  <h3 class="report-card-title">{{ t("report.elementContext") }}</h3>
+                  <ElementContext :element="report.element" />
+                </GnCard>
+              </div>
+
+              <div class="report-details-side">
+                <GnCard class="report-card">
+                  <h3 class="report-card-title">{{ t("report.status") }}</h3>
+                  <CompactSelect
+                    v-if="canEdit"
+                    :model-value="report.status"
+                    :options="[
+                      { value: 'open', label: t('reports.status.open') },
+                      { value: 'fixed', label: t('reports.status.fixed') },
+                      { value: 'wont_fix', label: t('reports.status.wont_fix') },
+                    ]"
+                    :width="'100%'"
+                    :disabled="savingStatus"
+                    @update:model-value="setStatus($event)"
+                  />
+                  <GnBadge v-else :variant="statusVariant(report.status)">
+                    {{ t(`reports.status.${report.status}`) }}
+                  </GnBadge>
+                </GnCard>
+
+                <GnCard v-if="report.page_url" class="report-card">
+                  <h3 class="report-card-title">{{ t("report.page") }}</h3>
+                  <a :href="report.page_url" target="_blank" rel="noopener" class="report-page-url">
+                    {{ report.page_url }}
+                  </a>
+                </GnCard>
+
+                <GnCard class="report-card">
+                  <h3 class="report-card-title">{{ t("report.environment") }}</h3>
+                  <EnvironmentInfo :environment="report.environment" />
+                </GnCard>
+              </div>
             </div>
-          </GnCard>
-        </template>
-      </GnTabs>
+          </template>
 
-      <GnConfirmDialog
-        v-model:open="deleteOpen"
-        :title="t('report.deleteReport')"
-        :message="t('report.deleteConfirm')"
-        :confirm-text="t('report.deleteReport')"
-        confirm-variant="danger"
-        @confirm="deleteReport"
-      />
-    </template>
+          <template v-if="report.steps?.length" #steps>
+            <GnCard class="report-card">
+              <GnTimeline
+                :items="
+                  report.steps.map((step) => ({
+                    key: step.id,
+                    title: `#${step.step_index + 1} ${stepTitle(step.type)}`,
+                    time: stepTime(step.offset_ms),
+                    text: stepText(step),
+                    icon:
+                      step.type === 'click' ? 'ph-cursor-click'
+                      : step.type === 'input' ? 'ph-keyboard'
+                      : step.type === 'url_change' ? 'ph-arrows-left-right'
+                      : step.type === 'note' ? 'ph-note-pencil'
+                      : step.type === 'screenshot' ? 'ph-camera'
+                      : 'ph-navigation-arrow',
+                  }))
+                "
+              >
+                <template #meta="{ item }">
+                  <img
+                    v-if="report!.steps.find((s) => s.id === item.key)?.screenshot_attachment_id"
+                    :src="fileUrl(report!.steps.find((s) => s.id === item.key)!.screenshot_attachment_id!)"
+                    class="step-screenshot"
+                    alt=""
+                  />
+                </template>
+              </GnTimeline>
+            </GnCard>
+          </template>
 
-    <p v-else class="report-page-loading">{{ t("common.loading") }}</p>
-  </div>
+          <template v-if="report.attachments?.length" #attachments>
+            <GnCard class="report-card">
+              <div class="attachment-grid">
+                <a
+                  v-for="attachment in report.attachments"
+                  :key="attachment.id"
+                  class="attachment-item"
+                  :href="fileUrl(attachment.file_id)"
+                  target="_blank"
+                  rel="noopener"
+                >
+                  <span class="attachment-thumb">
+                    <img
+                      v-if="attachment.mime.startsWith('image/')"
+                      :src="fileUrl(attachment.file_id)"
+                      :alt="attachment.filename"
+                      loading="lazy"
+                    />
+                    <i v-else class="ph ph-file-text" />
+                  </span>
+                  <span class="attachment-info">
+                    <span class="attachment-name">{{ attachment.filename }}</span>
+                    <span class="attachment-size">{{ (attachment.size / 1024).toFixed(1) }} KB</span>
+                  </span>
+                </a>
+              </div>
+            </GnCard>
+          </template>
+        </GnTabs>
+
+        <GnConfirmDialog
+          v-model:open="deleteOpen"
+          :title="t('report.deleteReport')"
+          :message="t('report.deleteConfirm')"
+          :confirm-text="t('report.deleteReport')"
+          confirm-variant="danger"
+          @confirm="deleteReport"
+        />
+      </template>
+
+      <p v-else class="report-page-loading">{{ t("common.loading") }}</p>
+    </div>
+  </AppShell>
 </template>
 
 <style scoped>
 .report-page {
-  max-width: 1100px;
-  margin: 0 auto;
-  padding: 20px 24px 60px;
   display: flex;
   flex-direction: column;
   gap: 16px;
diff --git a/packages/web/src/pages/SettingsPage.vue b/packages/web/src/pages/SettingsPage.vue
index 17fa5d5..0e31393 100644
--- a/packages/web/src/pages/SettingsPage.vue
+++ b/packages/web/src/pages/SettingsPage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import { useI18n } from "vue-i18n";
-import { GnCard, GnSelect, GnAvatar, GnPageHeader } from "gnexus-ui-kit/vue";
+import { GnCard, GnSelect, GnPageHeader } from "gnexus-ui-kit/vue";
 import { SUPPORTED_LOCALES, setLocale, type Locale } from "../i18n";
 import { useAuth } from "../stores/auth";
 import AppShell from "../components/AppShell.vue";
@@ -28,7 +28,6 @@
     <GnCard class="settings-card">
       <h2 class="settings-card-title">{{ t("settings.profile") }}</h2>
       <div v-if="auth.user.value" class="settings-profile">
-        <GnAvatar :name="auth.user.value.nickname" />
         <div class="settings-profile-info">
           <span class="settings-profile-name">{{ auth.user.value.nickname }}</span>
           <span class="settings-profile-email">{{ auth.user.value.email }}</span>
diff --git a/packages/web/verify-shell.mjs b/packages/web/verify-shell.mjs
new file mode 100644
index 0000000..c597b60
--- /dev/null
+++ b/packages/web/verify-shell.mjs
@@ -0,0 +1,108 @@
+/** Verify: no avatars anywhere; project/report pages show nav for logged-in users only. */
+import { chromium } from "playwright-core";
+import { join, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+import { homedir } from "node:os";
+
+const root = dirname(fileURLToPath(import.meta.url));
+const SERVER = "http://localhost:8001";
+const WEB = "http://localhost:5173";
+const stamp = Date.now();
+const EMAIL = `nav-verify-${stamp}@example.com`;
+const PASSWORD = "nav-verify-pass";
+
+const executablePath = join(homedir(), ".cache/ms-playwright/chromium-1234/chrome-linux64/chrome");
+const browser = await chromium.launch({ executablePath, headless: true });
+
+async function api(path, options = {}) {
+  const r = await fetch(SERVER + path, options);
+  if (!r.ok) throw new Error(`API ${path} -> ${r.status}: ${await r.text()}`);
+  return r.json();
+}
+
+await api("/api/auth/register", {
+  method: "POST",
+  headers: { "Content-Type": "application/json" },
+  body: JSON.stringify({ nickname: `nav-verify-${stamp}`, email: EMAIL, password: PASSWORD }),
+});
+const login = await api("/api/auth/login", {
+  method: "POST",
+  headers: { "Content-Type": "application/json", "X-Client": "extension" },
+  body: JSON.stringify({ email: EMAIL, password: PASSWORD }),
+});
+const auth = { Authorization: `Bearer ${login.token}` };
+const project = await api("/api/projects", {
+  method: "POST",
+  headers: { "Content-Type": "application/json", ...auth },
+  body: JSON.stringify({ name: "Nav Verify", description: "shell check" }),
+});
+const note = await api("/api/reports", {
+  method: "POST",
+  headers: { "Content-Type": "application/json", ...auth },
+  body: JSON.stringify({
+    project_id: project.id,
+    type: "element_note",
+    title: "Nav verify report",
+    environment: { user_agent: "verify", browser: "Chromium", os: "Linux", viewport: { w: 1440, h: 900 }, dpr: 1, language: "ru" },
+  }),
+});
+
+const page = await browser.newPage({ viewport: { width: 1440, height: 900 } });
+page.on("pageerror", (e) => console.log("[pageerror]", String(e).slice(0, 400)));
+page.on("console", (m) => {
+  if (m.type() === "error" && !m.text().includes("Failed to load resource")) console.log("[console]", m.text().slice(0, 300));
+});
+
+// --- anonymous: report page without nav ---
+await page.goto(`${WEB}/r/${note.share_token}`);
+await page.waitForSelector(".report-page", { timeout: 15000 });
+await page.waitForTimeout(800);
+const anon = await page.evaluate(() => ({
+  hasShell: !!document.querySelector(".navigation-shell, .nav-shell, [class*=shell-sidebar]"),
+  hasTopbar: !!document.querySelector(".nav-topbar"),
+  body: !!document.querySelector(".shell-body"),
+}));
+console.log("anonymous report:", JSON.stringify(anon));
+await page.screenshot({ path: "/tmp/ltt-shots/13-report-anon.png" });
+
+// --- logged in: report + project pages with nav ---
+await page.goto(`${WEB}/login`);
+await page.fill("input[type='text'], input[type='email']", EMAIL);
+await page.fill("input[type='password']", PASSWORD);
+await page.click("button[type='submit']");
+await page.waitForURL("**/");
+
+await page.goto(`${WEB}/r/${note.share_token}`);
+await page.waitForSelector(".report-page", { timeout: 15000 });
+await page.waitForTimeout(800);
+const authed = await page.evaluate(() => ({
+  topbar: !!document.querySelector(".nav-topbar"),
+  footerUser: document.querySelector(".shell-footer-user")?.textContent.trim() ?? null,
+  avatars: document.querySelectorAll("[class*=avatar]").length,
+  footerAvatar: document.querySelectorAll(".shell-footer [class*=avatar]").length,
+}));
+console.log("authed report:", JSON.stringify(authed));
+await page.screenshot({ path: "/tmp/ltt-shots/14-report-authed.png" });
+
+await page.goto(`${WEB}/p/${project.share_token}`);
+await page.waitForSelector(".project-page", { timeout: 15000 });
+await page.waitForTimeout(800);
+const proj = await page.evaluate(() => ({
+  topbar: !!document.querySelector(".nav-topbar"),
+  avatars: document.querySelectorAll("[class*=avatar]").length,
+}));
+console.log("authed project:", JSON.stringify(proj));
+await page.screenshot({ path: "/tmp/ltt-shots/15-project-authed.png" });
+
+// settings page: avatar removed
+await page.goto(`${WEB}/settings`);
+await page.waitForTimeout(800);
+const settings = await page.evaluate(() => ({
+  avatars: document.querySelectorAll("[class*=avatar]").length,
+  profileName: document.querySelector(".settings-profile-name")?.textContent.trim() ?? null,
+}));
+console.log("settings:", JSON.stringify(settings));
+await page.screenshot({ path: "/tmp/ltt-shots/16-settings.png" });
+
+await browser.close();
+console.log("VERIFY OK");
\ No newline at end of file