From e003db40641845a3bec85131554962ec44ca6a2c Mon Sep 17 00:00:00 2001
From: 16th-admin <evanhejiayi@gmail.com>
Date: Sat, 29 Aug 2026 20:40:40 +0800
Subject: [PATCH 01/10] feat: add democracy wall MVP

---
 scripts/tests/democracy-wall.spec.ts          | 141 +++++++
 scripts/tests/navigation.spec.ts              |   2 +-
 .../democracy/AnonymousVoteCard.vue           | 267 +++++++++++++
 .../democracy/DemocracyEntryCard.vue          | 215 ++++++++++
 src/components/utils/Footer.vue               |  16 +
 src/i18n/de.ts                                |  51 ++-
 src/i18n/en.ts                                |  51 +++
 src/i18n/fr.ts                                |  51 ++-
 src/i18n/ja.ts                                |  48 ++-
 src/i18n/zh.ts                                |  53 ++-
 src/router/index.ts                           |   7 +
 src/services/democracyWall.ts                 | 109 +++++
 src/views/DemocracyWall.vue                   | 377 ++++++++++++++++++
 13 files changed, 1380 insertions(+), 8 deletions(-)
 create mode 100644 scripts/tests/democracy-wall.spec.ts
 create mode 100644 src/components/democracy/AnonymousVoteCard.vue
 create mode 100644 src/components/democracy/DemocracyEntryCard.vue
 create mode 100644 src/services/democracyWall.ts
 create mode 100644 src/views/DemocracyWall.vue

diff --git a/scripts/tests/democracy-wall.spec.ts b/scripts/tests/democracy-wall.spec.ts
new file mode 100644
index 00000000..bc255c3e
--- /dev/null
+++ b/scripts/tests/democracy-wall.spec.ts
@@ -0,0 +1,141 @@
+import { test, expect } from './fixtures'
+import { injectLoginStateWithoutNavigation, waitForPageReady } from './test-helpers'
+
+const statistic = {
+  ID: '6666ff550b5f97d6e49d12d7',
+  Activities: [
+    {
+      ActivityID: '7777ff550b5f97d6e49d12d7',
+      Avails: [0, 1],
+      Counters: [0, 0],
+      Expiration: '2026-09-30T00:00:00Z',
+      Finished: false,
+      Gains: [],
+      LastModified: '2026-08-29T00:00:00Z',
+    },
+  ],
+}
+
+const entriesResponse = {
+  Status: 200,
+  Message: '',
+  Data: {
+    $values: [
+      {
+        $type: 'Summary',
+        ID: '66a84559744ed757b46f8917',
+        Tags: ['民主墙', '公开卷宗'],
+        Type: 0,
+        User: {
+          ID: '6666ff550b5f97d6e49d12d7',
+          Nickname: '调查员',
+          Avatar: 0,
+          AvatarRegion: 0,
+          Signature: '',
+          Decoration: 0,
+          Verification: 'Editor',
+        },
+        Image: 1,
+        ImageRegion: 1,
+        Price: 0,
+        Stars: 12,
+        Editor: null,
+        Visits: 88,
+        ModelID: null,
+        Remixes: 0,
+        Subject: '关于公开指控处理流程的卷宗',
+        Version: 1,
+        Category: 'Discussion',
+        Comments: 7,
+        Language: 'Chinese',
+        Supports: 0,
+        Coauthors: [],
+        Popularity: 0,
+        UpdateDate: 0,
+        Visibility: 0,
+        SortingDate: 0,
+        CreationDate: 0,
+        Multilingual: false,
+        Description: ['公开事实、规则依据和处理记录。'],
+      },
+    ],
+  },
+}
+
+const activitiesResponse = {
+  Status: 200,
+  Message: '',
+  Data: {
+    Statistic: statistic,
+    Activities: [
+      {
+        Contents: [{ Chinese: '对条例模糊部分进行社区决议。' }],
+        FinishDate: '2026-09-30T00:00:00Z',
+        ID: '7777ff550b5f97d6e49d12d7',
+        InterfaceModel: 'Vote-Single',
+        InternalLink: null,
+        IsAttendance: false,
+        IsDaily: false,
+        IsDevelopment: false,
+        IsTutorial: false,
+        Items: [
+          {
+            Bonuses: {},
+            Condition: '',
+            Counter: 20,
+            Counters: {},
+            Description: '同意修订',
+            Local: false,
+          },
+          {
+            Bonuses: {},
+            Condition: '',
+            Counter: 10,
+            Counters: {},
+            Description: '维持原文',
+            Local: false,
+          },
+        ],
+        Languages: [],
+        Platforms: [],
+        Priority: 1,
+        StartDate: '2026-08-01T00:00:00Z',
+        Subject: { Chinese: '条例修订投票' },
+        TargetLink: {},
+        TargetText: {},
+        Version: 1,
+      },
+    ],
+  },
+}
+
+test.describe('民主墙', () => {
+  test.beforeEach(async ({ page }) => {
+    await injectLoginStateWithoutNavigation(page)
+    await page.route('**/api/Contents/QueryExperiments', async (route) => {
+      await route.fulfill({
+        contentType: 'application/json',
+        body: JSON.stringify(entriesResponse),
+      })
+    })
+    await page.route('**/api/Users/Authenticate', async (route) => {
+      await route.fulfill({
+        contentType: 'application/json',
+        body: JSON.stringify(activitiesResponse),
+      })
+    })
+  })
+
+  test('展示卷宗、身份标签和现有匿名投票', async ({ page }) => {
+    await page.goto('/#/d')
+    await waitForPageReady(page)
+
+    await expect(page.getByRole('heading', { name: '民主墙' })).toBeVisible()
+    await expect(page.getByText('关于公开指控处理流程的卷宗')).toBeVisible()
+    await expect(page.getByText('Editor')).toBeVisible()
+
+    await page.getByText('匿名投票 1', { exact: true }).click()
+    await expect(page.getByText('条例修订投票')).toBeVisible()
+    await expect(page.getByRole('button', { name: /同意修订/ })).toBeVisible()
+  })
+})
diff --git a/scripts/tests/navigation.spec.ts b/scripts/tests/navigation.spec.ts
index 53f64f6d..2fcb4df1 100644
--- a/scripts/tests/navigation.spec.ts
+++ b/scripts/tests/navigation.spec.ts
@@ -25,6 +25,7 @@ test.describe('路由与导航', () => {
     { path: '/', name: '首页' },
     { path: '/b', name: '黑洞' },
     { path: '/n', name: '通知' },
+    { path: '/d', name: '民主墙' },
     { path: '/p/Discussion/66a84559744ed757b46f8917', name: '作品详情' },
     { path: '/c/Discussion/66a84559744ed757b46f8917/test', name: '评论' },
     { path: '/u/6666ff550b5f97d6e49d12d7', name: '用户资料' },
@@ -80,5 +81,4 @@ test.describe('路由与导航', () => {
     // 应回到首页
     await assertNoWhiteScreen(page)
   })
-
 })
diff --git a/src/components/democracy/AnonymousVoteCard.vue b/src/components/democracy/AnonymousVoteCard.vue
new file mode 100644
index 00000000..688f835c
--- /dev/null
+++ b/src/components/democracy/AnonymousVoteCard.vue
@@ -0,0 +1,267 @@
+<template>
+  <article class="vote-card">
+    <header>
+      <div>
+        <span class="anonymous-label">{{ t('democracy.vote.anonymous') }}</span>
+        <h3>{{ localized(activity.Subject) }}</h3>
+      </div>
+      <span class="vote-mode">
+        {{
+          activity.InterfaceModel === 'Vote-Single'
+            ? t('democracy.vote.single')
+            : t('democracy.vote.multiple')
+        }}
+      </span>
+    </header>
+
+    <p v-if="description" class="vote-description">{{ description }}</p>
+
+    <div class="choices">
+      <button
+        v-for="(item, index) in activity.Items"
+        :key="index"
+        type="button"
+        class="choice"
+        :class="{ chosen: hasChosen(index), result: shouldShowResult(index) }"
+        :disabled="votingIndex !== null || !canVote(index)"
+        @click="vote(index)"
+      >
+        <span class="choice-line">
+          <strong>{{ choiceLabel(item.Description, index) }}</strong>
+          <b v-if="shouldShowResult(index)">{{ percentage(index) }}%</b>
+        </span>
+        <span v-if="shouldShowResult(index)" class="bar" aria-hidden="true">
+          <i :style="{ width: `${percentage(index)}%` }"></i>
+        </span>
+        <small v-else>
+          {{ status ? t('democracy.vote.cast') : t('democracy.vote.loginOrIneligible') }}
+        </small>
+      </button>
+    </div>
+
+    <footer>
+      <span>{{ t('democracy.vote.privacy') }}</span>
+      <span>{{ dateRange }}</span>
+    </footer>
+  </article>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { getData } from '@api/getData'
+import { showLoginModel } from '@popup/index'
+import { showMessage } from '@popup/naiveui'
+import { checkLogin } from '@services/utils'
+import type { Activity, ActivityStatus, Statistic, Sync } from '../../pl-serve-type-main/type/main'
+
+const props = defineProps<{
+  activity: Activity
+  status?: ActivityStatus
+  statistic?: Statistic
+}>()
+const emit = defineEmits<{ updated: [Sync | undefined] }>()
+
+const { t, te, locale } = useI18n()
+const votingIndex = ref<number | null>(null)
+
+function localized(value?: Record<string, string | null> | null) {
+  return (
+    value?.[locale.value] ||
+    value?.Chinese ||
+    value?.English ||
+    Object.values(value ?? {}).find(Boolean) ||
+    t('democracy.untitled')
+  )
+}
+
+const description = computed(() => {
+  const content = props.activity.Contents?.[0]
+  return content ? localized(content) : ''
+})
+
+const dateRange = computed(
+  () =>
+    `${String(props.activity.StartDate).slice(0, 10)} — ${String(props.activity.FinishDate).slice(0, 10)}`,
+)
+
+const totalVotes = computed(() =>
+  props.activity.Items.reduce((total, item) => total + item.Counter + 5, 0),
+)
+
+function choiceLabel(description: string | null, index: number) {
+  if (!description) return t('democracy.vote.option', { number: index + 1 })
+  return te(description) ? t(description) : description
+}
+
+function hasChosen(index: number) {
+  return props.status?.Gains?.includes(index) ?? false
+}
+
+function shouldShowResult(index: number) {
+  if (!props.status) return true
+  if (hasChosen(index)) return true
+  return props.activity.InterfaceModel === 'Vote-Single' && props.status.Gains.length > 0
+}
+
+function percentage(index: number) {
+  if (totalVotes.value <= 0) return 0
+  return Math.round((((props.activity.Items[index]?.Counter ?? 0) + 5) / totalVotes.value) * 100)
+}
+
+function canVote(index: number) {
+  if (!props.status || !props.statistic || hasChosen(index)) return false
+  if (props.activity.InterfaceModel === 'Vote-Single' && props.status.Gains.length > 0) return false
+  return true
+}
+
+async function vote(index: number) {
+  if (!checkLogin(false)) {
+    showLoginModel()
+    return
+  }
+  if (!props.statistic || !canVote(index) || votingIndex.value !== null) return
+
+  votingIndex.value = index
+  try {
+    const response = await getData('/Users/ReceiveBonus', {
+      ActivityID: props.activity.ID,
+      Index: index,
+      Statistic: props.statistic,
+    })
+    if (response.Status === 200) {
+      emit('updated', response.Data ?? undefined)
+      showMessage('success', t('democracy.vote.success'), { duration: 1600 })
+      return
+    }
+    showMessage('error', response.Message || t('democracy.vote.failed'), { duration: 2400 })
+  } catch {
+    showMessage('error', t('democracy.vote.failed'), { duration: 2400 })
+  } finally {
+    votingIndex.value = null
+  }
+}
+</script>
+
+<style scoped>
+.vote-card {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 1rem;
+  padding: clamp(1rem, 2vw, 1.5rem);
+  border: 1px solid #d9e5ef;
+  border-radius: 1rem;
+  background: linear-gradient(145deg, #fff 20%, #f2f8fc);
+  box-shadow: 0 0.3rem 1.4rem rgba(13, 60, 91, 0.08);
+}
+
+header,
+footer,
+.choice-line {
+  display: flex;
+  gap: 0.8rem;
+  align-items: center;
+  justify-content: space-between;
+}
+
+header {
+  align-items: flex-start;
+}
+
+.anonymous-label {
+  display: inline-block;
+  margin-bottom: 0.35rem;
+  color: #0879b5;
+  font-size: 0.76rem;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+h3 {
+  margin: 0;
+  color: #1c3142;
+  font-size: clamp(1.05rem, 2vw, 1.35rem);
+}
+
+.vote-mode {
+  flex: 0 0 auto;
+  padding: 0.28rem 0.6rem;
+  border-radius: 999px;
+  background: #e5f1fa;
+  color: #24658d;
+  font-size: 0.75rem;
+}
+
+.vote-description {
+  margin: 0;
+  color: #5a6873;
+  line-height: 1.55;
+}
+
+.choices {
+  display: grid;
+  gap: 0.65rem;
+}
+
+.choice {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  gap: 0.5rem;
+  padding: 0.8rem 0.9rem;
+  border: 1px solid #cfdae3;
+  border-radius: 0.75rem;
+  background: #fff;
+  color: #334654;
+  text-align: left;
+  cursor: pointer;
+}
+
+.choice:enabled:hover {
+  border-color: #1686c0;
+  background: #f6fbfe;
+}
+
+.choice:disabled {
+  cursor: default;
+  opacity: 1;
+}
+
+.choice.chosen {
+  border-color: #e3ae3d;
+  background: #fffaf0;
+}
+
+.choice small {
+  color: #75828d;
+}
+
+.bar {
+  display: block;
+  height: 0.45rem;
+  overflow: hidden;
+  border-radius: 999px;
+  background: #e9eef2;
+}
+
+.bar i {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+  background: linear-gradient(90deg, #0784c2, #43b5d8);
+}
+
+.chosen .bar i {
+  background: linear-gradient(90deg, #d69216, #f0bd4d);
+}
+
+footer {
+  flex-wrap: wrap;
+  padding-top: 0.8rem;
+  border-top: 1px solid #e2e9ee;
+  color: #77848e;
+  font-size: 0.75rem;
+}
+</style>
diff --git a/src/components/democracy/DemocracyEntryCard.vue b/src/components/democracy/DemocracyEntryCard.vue
new file mode 100644
index 00000000..aea6214b
--- /dev/null
+++ b/src/components/democracy/DemocracyEntryCard.vue
@@ -0,0 +1,215 @@
+<template>
+  <article class="entry-card">
+    <div class="entry-topline">
+      <span class="entry-kind" :class="entry.kind">
+        {{ entry.kind === 'case' ? t('democracy.kinds.case') : t('democracy.kinds.proposal') }}
+      </span>
+      <span class="entry-status" :class="entry.status">
+        {{
+          entry.status === 'resolved' ? t('democracy.status.resolved') : t('democracy.status.open')
+        }}
+      </span>
+      <time>{{ formatDate(entry.summary.ID, false, 'date') }}</time>
+    </div>
+
+    <router-link class="entry-title" :to="targetPath">
+      {{ localizedSubject }}
+    </router-link>
+
+    <p v-if="description" class="entry-description">{{ description }}</p>
+
+    <div class="entry-tags">
+      <Tag v-for="tag in visibleTags" :key="tag" category="Discussion" :tag="tag" />
+    </div>
+
+    <footer class="entry-footer">
+      <router-link class="author" :to="`/u/${entry.summary.User.ID}`">
+        <img :src="avatarUrl" alt="" />
+        <span>{{ entry.summary.User.Nickname }}</span>
+        <Tag
+          v-if="entry.summary.User.Verification"
+          category="User"
+          :tag="`C-${entry.summary.User.Verification}`"
+        />
+      </router-link>
+      <div class="metrics" :aria-label="t('democracy.metrics')">
+        <span>{{ t('democracy.comments', { count: entry.summary.Comments }) }}</span>
+        <span>{{ t('democracy.visits', { count: entry.summary.Visits }) }}</span>
+      </div>
+    </footer>
+  </article>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+import Tag from '@components/utils/TagLarger.vue'
+import { formatDate, getUserUrl } from '@services/utils'
+import type { DemocracyEntry } from '@services/democracyWall'
+
+const props = defineProps<{ entry: DemocracyEntry }>()
+const { t, locale } = useI18n()
+
+const targetPath = computed(
+  () => `/p/${props.entry.summary.Category || 'Discussion'}/${props.entry.summary.ID}`,
+)
+const avatarUrl = computed(() => getUserUrl(props.entry.summary.User))
+const localizedSubject = computed(
+  () =>
+    props.entry.summary.LocalizedSubject?.[locale.value] ||
+    props.entry.summary.LocalizedSubject?.Chinese ||
+    props.entry.summary.Subject ||
+    t('democracy.untitled'),
+)
+const description = computed(() => {
+  const localized =
+    props.entry.summary.LocalizedDescription?.[locale.value] ||
+    props.entry.summary.LocalizedDescription?.Chinese
+  const source = localized || props.entry.summary.Description?.[0] || ''
+  return source
+    .replace(/<[^>]*>/g, ' ')
+    .replace(/\s+/g, ' ')
+    .trim()
+    .slice(0, 180)
+})
+const visibleTags = computed(() =>
+  (props.entry.summary.Tags ?? []).filter((tag) => tag !== '民主墙').slice(0, 5),
+)
+</script>
+
+<style scoped>
+.entry-card {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 0.75rem;
+  padding: clamp(1rem, 2vw, 1.4rem);
+  border: 1px solid #dce4ec;
+  border-radius: 1rem;
+  background: #fff;
+  box-shadow: 0 0.3rem 1.2rem rgba(26, 47, 68, 0.07);
+}
+
+.entry-topline {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem;
+  align-items: center;
+  color: #75808b;
+  font-size: 0.78rem;
+}
+
+.entry-topline time {
+  margin-left: auto;
+}
+
+.entry-kind,
+.entry-status {
+  padding: 0.2rem 0.55rem;
+  border-radius: 999px;
+  font-weight: 650;
+}
+
+.entry-kind.case {
+  background: #fff0e4;
+  color: #a84c13;
+}
+
+.entry-kind.proposal {
+  background: #e7f1ff;
+  color: #1766ad;
+}
+
+.entry-status.open {
+  background: #e7f7ee;
+  color: #187448;
+}
+
+.entry-status.resolved {
+  background: #edf0f4;
+  color: #606b76;
+}
+
+.entry-title {
+  color: #1d2d3d;
+  font-size: clamp(1.05rem, 2vw, 1.3rem);
+  font-weight: 700;
+  line-height: 1.35;
+  text-decoration: none;
+}
+
+.entry-title:hover {
+  color: #087ab8;
+}
+
+.entry-description {
+  display: -webkit-box;
+  margin: 0;
+  overflow: hidden;
+  color: #56616d;
+  font-size: 0.92rem;
+  line-height: 1.6;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+
+.entry-tags {
+  display: flex;
+  min-height: 1.6rem;
+  flex-wrap: wrap;
+  gap: 0.25rem;
+}
+
+.entry-footer {
+  display: flex;
+  gap: 0.8rem;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: 0.7rem;
+  border-top: 1px solid #edf1f5;
+}
+
+.author {
+  display: flex;
+  min-width: 0;
+  gap: 0.45rem;
+  align-items: center;
+  color: #34485a;
+  text-decoration: none;
+}
+
+.author img {
+  width: 1.8rem;
+  height: 1.8rem;
+  flex: 0 0 auto;
+  border-radius: 50%;
+  object-fit: cover;
+}
+
+.author > span {
+  max-width: 9rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.metrics {
+  display: flex;
+  flex: 0 0 auto;
+  gap: 0.7rem;
+  color: #7b858e;
+  font-size: 0.78rem;
+}
+
+@media (max-width: 420px) {
+  .entry-footer {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .metrics {
+    width: 100%;
+    justify-content: flex-end;
+  }
+}
+</style>
diff --git a/src/components/utils/Footer.vue b/src/components/utils/Footer.vue
index 92b82ece..34d55edd 100644
--- a/src/components/utils/Footer.vue
+++ b/src/components/utils/Footer.vue
@@ -33,6 +33,22 @@
         </svg>
         <span>{{ $t('footer.blackHole') }}</span>
       </router-link>
+      <router-link to="/d">
+        <svg
+          fill="none"
+          stroke="currentColor"
+          viewBox="0 0 24 24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M4 4h16v14H7l-3 3V4zm4 5h8M8 13h5"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+          ></path>
+        </svg>
+        <span>{{ $t('footer.democracy') }}</span>
+      </router-link>
       <!-- <router-link to="/my-lab">
         <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
           <path d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" stroke-linecap="round"
diff --git a/src/i18n/de.ts b/src/i18n/de.ts
index 46e75eb0..72b96499 100644
--- a/src/i18n/de.ts
+++ b/src/i18n/de.ts
@@ -33,11 +33,13 @@ export default {
   networkStatus: {
     offline: {
       title: 'Sie sind offline',
-      message: 'Es ist keine Netzwerkverbindung verfügbar. Wenn möglich, werden Daten aus dem Cache angezeigt.',
+      message:
+        'Es ist keine Netzwerkverbindung verfügbar. Wenn möglich, werden Daten aus dem Cache angezeigt.',
     },
     poor: {
       title: 'Schlechte Netzwerkverbindung',
-      message: 'Die Verbindung ist langsam oder der Datensparmodus ist aktiv. Möglicherweise werden Daten aus dem Cache angezeigt.',
+      message:
+        'Die Verbindung ist langsam oder der Datensparmodus ist aktiv. Möglicherweise werden Daten aus dem Cache angezeigt.',
     },
   },
   user: {
@@ -208,9 +210,54 @@ export default {
     type7: 'Nur ein Scherz....',
     type8: 'Du wirst keinen Erfolg erhalten',
   },
+  democracy: {
+    title: 'Demokratie-Wand',
+    subtitle: 'Offene, prüfbare und nachvollziehbare Gemeinschaftsentscheidungen',
+    eyebrow: 'GEMEINSCHAFTSVERWALTUNG',
+    heroTitle: 'Jede Entscheidung öffentlich dokumentieren',
+    heroDescription:
+      'Untersuchungsteams prüfen Fakten, die Gemeinschaft hinterfragt Akten und die vorhandenen Berechtigungs- und anonymen Abstimmungssysteme tragen die Entscheidung.',
+    workflowLabel: 'Entscheidungsablauf',
+    workflow: {
+      submit: 'Einreichen',
+      investigate: 'Untersuchen',
+      question: 'Hinterfragen',
+      decide: 'Entscheiden',
+    },
+    tabs: {
+      ongoing: 'Laufend',
+      cases: 'Öffentliche Akten',
+      proposals: 'Vorschläge',
+      votes: 'Anonyme Stimmen',
+      archive: 'Archiv',
+    },
+    kinds: { case: 'Akte', proposal: 'Vorschlag' },
+    status: { open: 'Laufend', resolved: 'Entschieden' },
+    comments: '{count} Fragen',
+    visits: '{count} Aufrufe',
+    metrics: 'Aktendaten',
+    untitled: 'Unbenannter Eintrag',
+    empty: 'In dieser Kategorie gibt es noch keine öffentlichen Inhalte',
+    loadFailed: 'Demokratie-Wand konnte nicht geladen werden',
+    retry: 'Erneut versuchen',
+    vote: {
+      anonymous: 'Anonyme Abstimmung',
+      single: 'Einzelauswahl',
+      multiple: 'Mehrfachauswahl',
+      option: 'Option {number}',
+      cast: 'Diese Option wählen',
+      loginOrIneligible: 'Anmelden, um die Stimmberechtigung zu prüfen',
+      privacy: 'Das vorhandene anonyme Abstimmungssystem schützt die Identität',
+      success: 'Stimme abgegeben',
+      failed: 'Abstimmung fehlgeschlagen. Bitte später erneut versuchen',
+      empty: 'Derzeit gibt es keine aktive anonyme Abstimmung',
+      loadFailed: 'Anonyme Abstimmungen konnten nicht geladen werden',
+    },
+  },
   footer: {
     home: 'Startseite',
     blackHole: 'Schwarzes Loch',
+    democracy: 'Demokratie',
     friends: 'Freunde',
     notifications: 'Benachrichtigungen',
   },
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index 1288436d..7033a154 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -207,9 +207,60 @@ export default {
     type7: 'Just kidding....',
     type8: 'You will not receive an achievement',
   },
+  democracy: {
+    title: 'Democracy Wall',
+    subtitle: 'Open, reviewable and traceable community governance',
+    eyebrow: 'COMMUNITY GOVERNANCE',
+    heroTitle: 'Keep a public record of every decision',
+    heroDescription:
+      'Investigation teams verify facts, the community questions each docket, and the existing permission and anonymous voting systems carry the decision.',
+    workflowLabel: 'Governance workflow',
+    workflow: {
+      submit: 'Submit',
+      investigate: 'Investigate',
+      question: 'Question',
+      decide: 'Decide',
+    },
+    tabs: {
+      ongoing: 'Ongoing',
+      cases: 'Public dockets',
+      proposals: 'Proposals',
+      votes: 'Anonymous votes',
+      archive: 'Archive',
+    },
+    kinds: {
+      case: 'Docket',
+      proposal: 'Proposal',
+    },
+    status: {
+      open: 'Ongoing',
+      resolved: 'Resolved',
+    },
+    comments: '{count} questions',
+    visits: '{count} views',
+    metrics: 'Docket metrics',
+    untitled: 'Untitled item',
+    empty: 'There is no public content in this category yet',
+    loadFailed: 'Failed to load Democracy Wall content',
+    retry: 'Retry',
+    vote: {
+      anonymous: 'Anonymous vote',
+      single: 'Single choice',
+      multiple: 'Multiple choice',
+      option: 'Option {number}',
+      cast: 'Choose this option',
+      loginOrIneligible: 'Log in to check voting eligibility',
+      privacy: 'The existing anonymous voting system protects voter identity',
+      success: 'Vote submitted',
+      failed: 'Vote failed. Please try again later',
+      empty: 'There are no active anonymous votes',
+      loadFailed: 'Failed to load anonymous votes',
+    },
+  },
   footer: {
     home: 'Home',
     blackHole: 'Black Hole',
+    democracy: 'Democracy',
     friends: 'Friends',
     notifications: 'Notifications',
   },
diff --git a/src/i18n/fr.ts b/src/i18n/fr.ts
index e70aa80f..a5305dbc 100644
--- a/src/i18n/fr.ts
+++ b/src/i18n/fr.ts
@@ -33,11 +33,13 @@ export default {
   networkStatus: {
     offline: {
       title: 'Vous êtes hors ligne',
-      message: 'Aucune connexion réseau n’est disponible. Les données en cache seront affichées lorsque cela est possible.',
+      message:
+        'Aucune connexion réseau n’est disponible. Les données en cache seront affichées lorsque cela est possible.',
     },
     poor: {
       title: 'Connexion réseau faible',
-      message: 'La connexion est lente ou l’économiseur de données est activé. Des données en cache peuvent être affichées.',
+      message:
+        'La connexion est lente ou l’économiseur de données est activé. Des données en cache peuvent être affichées.',
     },
   },
   user: {
@@ -208,9 +210,54 @@ export default {
     type7: 'Je plaisante....',
     type8: 'Vous ne recevrez aucun succès',
   },
+  democracy: {
+    title: 'Mur démocratique',
+    subtitle: 'Une gouvernance communautaire ouverte, vérifiable et traçable',
+    eyebrow: 'GOUVERNANCE COMMUNAUTAIRE',
+    heroTitle: 'Conserver une trace publique de chaque décision',
+    heroDescription:
+      "Les groupes d'enquête vérifient les faits, la communauté questionne les dossiers et les systèmes existants de permissions et de vote anonyme portent la décision.",
+    workflowLabel: 'Processus de gouvernance',
+    workflow: {
+      submit: 'Soumettre',
+      investigate: 'Enquêter',
+      question: 'Questionner',
+      decide: 'Décider',
+    },
+    tabs: {
+      ongoing: 'En cours',
+      cases: 'Dossiers publics',
+      proposals: 'Propositions',
+      votes: 'Votes anonymes',
+      archive: 'Archives',
+    },
+    kinds: { case: 'Dossier', proposal: 'Proposition' },
+    status: { open: 'En cours', resolved: 'Décidé' },
+    comments: '{count} questions',
+    visits: '{count} vues',
+    metrics: 'Données du dossier',
+    untitled: 'Entrée sans titre',
+    empty: "Aucun contenu public dans cette catégorie pour l'instant",
+    loadFailed: 'Impossible de charger le mur démocratique',
+    retry: 'Réessayer',
+    vote: {
+      anonymous: 'Vote anonyme',
+      single: 'Choix unique',
+      multiple: 'Choix multiple',
+      option: 'Option {number}',
+      cast: 'Choisir cette option',
+      loginOrIneligible: 'Connectez-vous pour vérifier le droit de vote',
+      privacy: "Le système de vote anonyme existant protège l'identité des votants",
+      success: 'Vote enregistré',
+      failed: 'Le vote a échoué. Réessayez plus tard',
+      empty: "Aucun vote anonyme n'est en cours",
+      loadFailed: 'Impossible de charger les votes anonymes',
+    },
+  },
   footer: {
     home: 'Accueil',
     blackHole: 'Trou noir',
+    democracy: 'Démocratie',
     friends: 'Amis',
     notifications: 'Notifications',
   },
diff --git a/src/i18n/ja.ts b/src/i18n/ja.ts
index fe5f3f11..f459103c 100644
--- a/src/i18n/ja.ts
+++ b/src/i18n/ja.ts
@@ -37,7 +37,8 @@ export default {
     },
     poor: {
       title: 'ネットワーク接続が不安定です',
-      message: '接続が遅いかデータセーバーが有効です。キャッシュされたデータを表示する場合があります。',
+      message:
+        '接続が遅いかデータセーバーが有効です。キャッシュされたデータを表示する場合があります。',
     },
   },
   user: {
@@ -208,9 +209,54 @@ export default {
     type7: '冗談です....',
     type8: '実績はもらえません',
   },
+  democracy: {
+    title: '民主ウォール',
+    subtitle: '公開・検証・追跡可能なコミュニティ運営',
+    eyebrow: 'コミュニティ運営',
+    heroTitle: 'すべての決定過程を公開記録に',
+    heroDescription:
+      '調査団が事実を検証し、コミュニティが記録を質疑し、既存の権限と匿名投票システムで決議します。',
+    workflowLabel: '運営フロー',
+    workflow: {
+      submit: '提出',
+      investigate: '調査',
+      question: '質疑',
+      decide: '決議',
+    },
+    tabs: {
+      ongoing: '進行中',
+      cases: '公開記録',
+      proposals: '公共議案',
+      votes: '匿名投票',
+      archive: 'アーカイブ',
+    },
+    kinds: { case: '記録', proposal: '議案' },
+    status: { open: '進行中', resolved: '決議済み' },
+    comments: '質疑 {count} 件',
+    visits: '閲覧 {count} 回',
+    metrics: '記録データ',
+    untitled: '無題の項目',
+    empty: 'この分類にはまだ公開コンテンツがありません',
+    loadFailed: '民主ウォールの読み込みに失敗しました',
+    retry: '再試行',
+    vote: {
+      anonymous: '匿名投票',
+      single: '単一選択',
+      multiple: '複数選択',
+      option: '選択肢 {number}',
+      cast: 'この選択肢に投票',
+      loginOrIneligible: 'ログインして投票資格を確認',
+      privacy: '既存の匿名投票システムが投票者の身元を保護します',
+      success: '投票しました',
+      failed: '投票に失敗しました。後でもう一度お試しください',
+      empty: '進行中の匿名投票はありません',
+      loadFailed: '匿名投票の読み込みに失敗しました',
+    },
+  },
   footer: {
     home: 'ホーム',
     blackHole: 'ブラックホール',
+    democracy: '民主',
     friends: '友人',
     notifications: '通知',
   },
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index a6a8a9d6..096ee64f 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -24,8 +24,7 @@ export default {
   },
   cookieNotice: {
     title: 'Cookie 提示',
-    message:
-      '我们使用 Cookie ！',
+    message: '我们使用 Cookie ！',
     dismiss: '知道了',
   },
   networkStatus: {
@@ -204,9 +203,59 @@ export default {
     type7: '开个玩笑……',
     type8: '你不会获得任何成就',
   },
+  democracy: {
+    title: '民主墙',
+    subtitle: '公开、质询与可追溯的社区议事',
+    eyebrow: 'COMMUNITY GOVERNANCE',
+    heroTitle: '让决策过程留下公开记录',
+    heroDescription: '调查团核查事实，社区质询卷宗，现有权限和匿名投票系统承担决议。',
+    workflowLabel: '议事流程',
+    workflow: {
+      submit: '提交',
+      investigate: '调查',
+      question: '质询',
+      decide: '决议',
+    },
+    tabs: {
+      ongoing: '进行中',
+      cases: '公开卷宗',
+      proposals: '公共议案',
+      votes: '匿名投票',
+      archive: '决议归档',
+    },
+    kinds: {
+      case: '卷宗',
+      proposal: '议案',
+    },
+    status: {
+      open: '进行中',
+      resolved: '已决议',
+    },
+    comments: '{count} 条质询',
+    visits: '{count} 次阅读',
+    metrics: '卷宗数据',
+    untitled: '未命名议题',
+    empty: '当前分类暂无公开内容',
+    loadFailed: '读取民主墙内容失败',
+    retry: '重试',
+    vote: {
+      anonymous: '匿名投票',
+      single: '单选',
+      multiple: '多选',
+      option: '选项 {number}',
+      cast: '选择此项',
+      loginOrIneligible: '登录后可查看投票资格',
+      privacy: '投票身份由现有匿名投票系统保护',
+      success: '投票成功',
+      failed: '投票失败，请稍后再试',
+      empty: '当前没有进行中的匿名投票',
+      loadFailed: '读取匿名投票失败',
+    },
+  },
   footer: {
     home: '首页',
     blackHole: '黑洞',
+    democracy: '民主墙',
     friends: '好友',
     notifications: '通知',
   },
diff --git a/src/router/index.ts b/src/router/index.ts
index 6800f9c3..4fbdb2bd 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -20,6 +20,12 @@ const routes: RouteRecordRaw[] = [
     component: () => import('../views/Notifications.vue'),
     meta: { keepAlive: true },
   },
+  {
+    path: '/d',
+    name: 'democracy',
+    component: () => import('../views/DemocracyWall.vue'),
+    meta: { keepAlive: true },
+  },
   {
     path: '/p/:category/:id',
     name: 'ExperimentSummary',
@@ -60,6 +66,7 @@ const routes: RouteRecordRaw[] = [
   // To maintain compatibility with old versions, we add some redirects for old paths
   { path: '/black-hole', redirect: '/b' },
   { path: '/notifications', redirect: '/n' },
+  { path: '/democracy', redirect: '/d' },
 
   {
     path: '/e/:category?/:id?',
diff --git a/src/services/democracyWall.ts b/src/services/democracyWall.ts
new file mode 100644
index 00000000..41e60df1
--- /dev/null
+++ b/src/services/democracyWall.ts
@@ -0,0 +1,109 @@
+import { getData, login } from '@api/getData'
+import storageManager from '@storage/index'
+import type {
+  Activity,
+  ActivityStatus,
+  Statistic,
+  Summary,
+  Sync,
+} from '../pl-serve-type-main/type/main'
+
+export const DEMOCRACY_WALL_TAG = '民主墙'
+
+const CASE_TAGS = new Set(['公开卷宗', '调查卷宗', '公开案件'])
+const RESOLVED_TAGS = new Set(['已决议', '已归档'])
+
+export type DemocracyEntryKind = 'case' | 'proposal'
+export type DemocracyEntryStatus = 'open' | 'resolved'
+
+export interface DemocracyEntry {
+  kind: DemocracyEntryKind
+  status: DemocracyEntryStatus
+  summary: Summary
+}
+
+export interface DemocracyVoteContext {
+  activities: Activity[]
+  statuses: ActivityStatus[]
+  statistic?: Statistic
+}
+
+function hasAnyTag(tags: string[], candidates: Set<string>) {
+  return tags.some((tag) => candidates.has(tag))
+}
+
+export function toDemocracyEntry(summary: Summary): DemocracyEntry {
+  const tags = summary.Tags ?? []
+  return {
+    kind: hasAnyTag(tags, CASE_TAGS) ? 'case' : 'proposal',
+    status: hasAnyTag(tags, RESOLVED_TAGS) ? 'resolved' : 'open',
+    summary,
+  }
+}
+
+export async function fetchDemocracyEntries(): Promise<DemocracyEntry[]> {
+  const response = await getData('/Contents/QueryExperiments', {
+    Query: {
+      Category: 'Discussion',
+      Languages: [],
+      ExcludeLanguages: [],
+      Tags: [DEMOCRACY_WALL_TAG],
+      ModelTags: [],
+      ExcludeTags: [],
+      ModelID: undefined,
+      ParentID: undefined,
+      UserID: undefined,
+      Special: undefined,
+      From: undefined,
+      Skip: 0,
+      Take: 48,
+      Days: 0,
+      Sort: 0,
+      ShowAnnouncement: true,
+    },
+  })
+
+  if (response.Status !== 200) {
+    throw new Error(response.Message || String(response.Status))
+  }
+
+  return (response.Data?.$values ?? []).map(toDemocracyEntry)
+}
+
+function isVoteActivity(activity: Activity) {
+  return activity.InterfaceModel === 'Vote' || activity.InterfaceModel === 'Vote-Single'
+}
+
+export async function fetchDemocracyVoteContext(): Promise<DemocracyVoteContext> {
+  const auth = storageManager.getObj('userAuthInfo').value
+  const response =
+    auth?.token && auth.authCode
+      ? await login(auth.token, auth.authCode, true)
+      : await login(null, null)
+
+  if (response.Status !== 200) {
+    throw new Error(response.Message || String(response.Status))
+  }
+
+  const sync = response.Data
+  return mergeDemocracyVoteContext(
+    {
+      activities: [],
+      statuses: [],
+    },
+    sync,
+  )
+}
+
+export function mergeDemocracyVoteContext(
+  current: DemocracyVoteContext,
+  sync?: Sync | null,
+): DemocracyVoteContext {
+  const activities = (sync?.Activities ?? current.activities).filter(isVoteActivity)
+  const statistic = sync?.Statistic ?? current.statistic
+  return {
+    activities,
+    statistic,
+    statuses: statistic?.Activities ?? current.statuses,
+  }
+}
diff --git a/src/views/DemocracyWall.vue b/src/views/DemocracyWall.vue
new file mode 100644
index 00000000..9d126ae1
--- /dev/null
+++ b/src/views/DemocracyWall.vue
@@ -0,0 +1,377 @@
+<template>
+  <div class="democracy-page">
+    <Header>
+      <div class="page-heading">
+        <h1>{{ t('democracy.title') }}</h1>
+        <span>{{ t('democracy.subtitle') }}</span>
+      </div>
+    </Header>
+
+    <main>
+      <section class="hero" aria-labelledby="democracy-intro-title">
+        <div>
+          <p class="eyebrow">{{ t('democracy.eyebrow') }}</p>
+          <h2 id="democracy-intro-title">{{ t('democracy.heroTitle') }}</h2>
+          <p>{{ t('democracy.heroDescription') }}</p>
+        </div>
+        <ol class="workflow" :aria-label="t('democracy.workflowLabel')">
+          <li v-for="(step, index) in workflowSteps" :key="step">
+            <b>{{ index + 1 }}</b>
+            <span>{{ step }}</span>
+          </li>
+        </ol>
+      </section>
+
+      <section class="wall-panel">
+        <n-tabs v-model:value="activeTab" type="line" animated>
+          <n-tab-pane name="ongoing" :tab="tabTitle('ongoing', ongoingEntries.length)">
+            <EntryGrid :entries="ongoingEntries" :loading="entryLoading" @retry="loadEntries" />
+          </n-tab-pane>
+          <n-tab-pane name="cases" :tab="tabTitle('cases', caseEntries.length)">
+            <EntryGrid :entries="caseEntries" :loading="entryLoading" @retry="loadEntries" />
+          </n-tab-pane>
+          <n-tab-pane name="proposals" :tab="tabTitle('proposals', proposalEntries.length)">
+            <EntryGrid :entries="proposalEntries" :loading="entryLoading" @retry="loadEntries" />
+          </n-tab-pane>
+          <n-tab-pane name="votes" :tab="tabTitle('votes', voteContext.activities.length)">
+            <div v-if="voteLoading" class="state-box">
+              <n-spin size="large" />
+            </div>
+            <div v-else-if="voteError" class="state-box">
+              <n-empty :description="t('democracy.vote.loadFailed')">
+                <template #extra>
+                  <n-button @click="loadVotes">{{ t('democracy.retry') }}</n-button>
+                </template>
+              </n-empty>
+            </div>
+            <div v-else-if="voteContext.activities.length" class="vote-grid">
+              <AnonymousVoteCard
+                v-for="activity in voteContext.activities"
+                :key="activity.ID"
+                :activity="activity"
+                :status="statusFor(activity.ID)"
+                :statistic="voteContext.statistic"
+                @updated="onVoteUpdated"
+              />
+            </div>
+            <div v-else class="state-box">
+              <n-empty :description="t('democracy.vote.empty')" />
+            </div>
+          </n-tab-pane>
+          <n-tab-pane name="archive" :tab="tabTitle('archive', resolvedEntries.length)">
+            <EntryGrid :entries="resolvedEntries" :loading="entryLoading" @retry="loadEntries" />
+          </n-tab-pane>
+        </n-tabs>
+      </section>
+    </main>
+
+    <Footer />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, defineComponent, h, onMounted, ref, type PropType } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { NButton, NEmpty, NSpin, NTabPane, NTabs } from 'naive-ui'
+import Header from '@components/utils/Header.vue'
+import Footer from '@components/utils/Footer.vue'
+import DemocracyEntryCard from '@components/democracy/DemocracyEntryCard.vue'
+import AnonymousVoteCard from '@components/democracy/AnonymousVoteCard.vue'
+import {
+  fetchDemocracyEntries,
+  fetchDemocracyVoteContext,
+  mergeDemocracyVoteContext,
+  type DemocracyEntry,
+  type DemocracyVoteContext,
+} from '@services/democracyWall'
+import type { Sync } from '../pl-serve-type-main/type/main'
+
+const { t } = useI18n()
+const activeTab = ref('ongoing')
+const entries = ref<DemocracyEntry[]>([])
+const entryLoading = ref(true)
+const entryError = ref(false)
+const voteLoading = ref(true)
+const voteError = ref(false)
+const voteContext = ref<DemocracyVoteContext>({ activities: [], statuses: [] })
+
+const workflowSteps = computed(() => [
+  t('democracy.workflow.submit'),
+  t('democracy.workflow.investigate'),
+  t('democracy.workflow.question'),
+  t('democracy.workflow.decide'),
+])
+
+const ongoingEntries = computed(() => entries.value.filter((entry) => entry.status === 'open'))
+const caseEntries = computed(() =>
+  entries.value.filter((entry) => entry.kind === 'case' && entry.status === 'open'),
+)
+const proposalEntries = computed(() =>
+  entries.value.filter((entry) => entry.kind === 'proposal' && entry.status === 'open'),
+)
+const resolvedEntries = computed(() => entries.value.filter((entry) => entry.status === 'resolved'))
+
+function tabTitle(key: string, count: number) {
+  return `${t(`democracy.tabs.${key}`)} ${count}`
+}
+
+async function loadEntries() {
+  entryLoading.value = true
+  entryError.value = false
+  try {
+    entries.value = await fetchDemocracyEntries()
+  } catch {
+    entryError.value = true
+  } finally {
+    entryLoading.value = false
+  }
+}
+
+async function loadVotes() {
+  voteLoading.value = true
+  voteError.value = false
+  try {
+    voteContext.value = await fetchDemocracyVoteContext()
+  } catch {
+    voteError.value = true
+  } finally {
+    voteLoading.value = false
+  }
+}
+
+function statusFor(activityId: string) {
+  return voteContext.value.statuses.find((status) => status.ActivityID === activityId)
+}
+
+function onVoteUpdated(sync?: Sync) {
+  voteContext.value = mergeDemocracyVoteContext(voteContext.value, sync)
+}
+
+const EntryGrid = defineComponent({
+  name: 'DemocracyEntryGrid',
+  props: {
+    entries: {
+      type: Array as PropType<DemocracyEntry[]>,
+      required: true,
+    },
+    loading: Boolean,
+  },
+  emits: ['retry'],
+  setup(props, { emit }) {
+    return () => {
+      if (props.loading) {
+        return h('div', { class: 'state-box' }, [h(NSpin, { size: 'large' })])
+      }
+      if (entryError.value) {
+        return h('div', { class: 'state-box' }, [
+          h(
+            NEmpty,
+            { description: t('democracy.loadFailed') },
+            {
+              extra: () => h(NButton, { onClick: () => emit('retry') }, () => t('democracy.retry')),
+            },
+          ),
+        ])
+      }
+      if (!props.entries.length) {
+        return h('div', { class: 'state-box' }, [h(NEmpty, { description: t('democracy.empty') })])
+      }
+      return h(
+        'div',
+        { class: 'entry-grid' },
+        props.entries.map((entry) => h(DemocracyEntryCard, { key: entry.summary.ID, entry })),
+      )
+    }
+  },
+})
+
+onMounted(() => {
+  void Promise.allSettled([loadEntries(), loadVotes()])
+  window.$Logger.logPageView({
+    pageLink: '/Democracy/',
+    timeStamp: Date.now(),
+  })
+})
+</script>
+
+<style scoped>
+.democracy-page {
+  min-height: 100dvh;
+  background: #f3f6f8;
+  color: #253746;
+}
+
+.page-heading {
+  display: flex;
+  min-width: 0;
+  gap: 0.65rem;
+  align-items: baseline;
+}
+
+.page-heading h1 {
+  margin: 0;
+  font-size: 1.3rem;
+}
+
+.page-heading span {
+  overflow: hidden;
+  color: #7a8791;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+main {
+  height: calc(100dvh - 100px);
+  overflow-y: auto;
+  padding: clamp(0.75rem, 2vw, 1.5rem);
+  scrollbar-width: thin;
+}
+
+.hero,
+.wall-panel {
+  width: min(1180px, 100%);
+  margin: 0 auto;
+}
+
+.hero {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(320px, 1.15fr);
+  gap: clamp(1rem, 3vw, 2.5rem);
+  align-items: center;
+  padding: clamp(1.1rem, 3vw, 2rem);
+  border-radius: 1.2rem;
+  overflow: hidden;
+  background:
+    radial-gradient(circle at 95% 10%, rgba(108, 201, 227, 0.28), transparent 34%),
+    linear-gradient(135deg, #123c58, #126c88);
+  color: #fff;
+}
+
+.eyebrow {
+  margin: 0 0 0.35rem;
+  color: #a7e4f2;
+  font-size: 0.76rem;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+}
+
+.hero h2 {
+  margin: 0;
+  font-size: clamp(1.45rem, 4vw, 2.45rem);
+  line-height: 1.2;
+}
+
+.hero p:last-child {
+  max-width: 42rem;
+  margin: 0.75rem 0 0;
+  color: #d9edf3;
+  line-height: 1.65;
+}
+
+.workflow {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 0.5rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.workflow li {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 0.5rem;
+  align-items: center;
+  text-align: center;
+}
+
+.workflow li:not(:last-child)::after {
+  width: 50%;
+  height: 1px;
+  align-self: flex-end;
+  margin-top: -2.45rem;
+  margin-right: -29%;
+  background: rgba(255, 255, 255, 0.35);
+  content: '';
+}
+
+.workflow b {
+  display: grid;
+  width: 2.2rem;
+  height: 2.2rem;
+  place-items: center;
+  border: 1px solid rgba(255, 255, 255, 0.55);
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.12);
+}
+
+.workflow span {
+  font-size: 0.78rem;
+}
+
+.wall-panel {
+  margin-top: clamp(0.75rem, 2vw, 1.2rem);
+  padding: clamp(0.75rem, 2vw, 1.2rem);
+  border-radius: 1.2rem;
+  background: #fff;
+}
+
+:deep(.n-tabs-nav-scroll-wrapper) {
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+
+:deep(.n-tabs-tab) {
+  white-space: nowrap;
+}
+
+:deep(.entry-grid),
+.vote-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: clamp(0.75rem, 2vw, 1.2rem);
+  padding: 0.35rem 0.15rem 1rem;
+}
+
+:deep(.state-box) {
+  display: grid;
+  min-height: 16rem;
+  place-items: center;
+}
+
+@media (max-width: 820px) {
+  .hero {
+    grid-template-columns: 1fr;
+  }
+
+  :deep(.entry-grid),
+  .vote-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 520px) {
+  .page-heading span {
+    display: none;
+  }
+
+  main {
+    padding: 0.6rem;
+  }
+
+  .hero,
+  .wall-panel {
+    border-radius: 0.9rem;
+  }
+
+  .workflow {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    row-gap: 1rem;
+  }
+
+  .workflow li::after {
+    display: none;
+  }
+}
+</style>

From 4bcd360f81f3aff7f14c7ec309328f6a08bbb4d0 Mon Sep 17 00:00:00 2001
From: 16th-admin <evanhejiayi@gmail.com>
Date: Sat, 29 Aug 2026 21:20:16 +0800
Subject: [PATCH 02/10] feat: add offline democracy wall demo

---
 scripts/tests/democracy-wall-demo.spec.ts     |  39 +++
 .../democracy/AnonymousVoteCard.vue           |  11 +-
 .../democracy/DemocracyEntryCard.vue          |  16 +-
 src/i18n/de.ts                                |  21 ++
 src/i18n/en.ts                                |  20 ++
 src/i18n/fr.ts                                |  21 ++
 src/i18n/ja.ts                                |  19 ++
 src/i18n/zh.ts                                |  19 ++
 src/router/index.ts                           |   6 +
 src/services/democracyWall.ts                 |  26 ++
 src/services/democracyWallDemo.ts             | 302 ++++++++++++++++++
 src/views/DemocracyDemoDetail.vue             | 286 +++++++++++++++++
 src/views/DemocracyWall.vue                   |  55 +++-
 13 files changed, 827 insertions(+), 14 deletions(-)
 create mode 100644 scripts/tests/democracy-wall-demo.spec.ts
 create mode 100644 src/services/democracyWallDemo.ts
 create mode 100644 src/views/DemocracyDemoDetail.vue

diff --git a/scripts/tests/democracy-wall-demo.spec.ts b/scripts/tests/democracy-wall-demo.spec.ts
new file mode 100644
index 00000000..37de08e5
--- /dev/null
+++ b/scripts/tests/democracy-wall-demo.spec.ts
@@ -0,0 +1,39 @@
+import { test, expect } from './fixtures'
+import { injectLoginStateWithoutNavigation, waitForPageReady } from './test-helpers'
+
+test.describe('民主墙离线演示', () => {
+  test.beforeEach(async ({ page }) => {
+    await injectLoginStateWithoutNavigation(page)
+    await page.goto('/#/d?demo=1')
+    await waitForPageReady(page)
+  })
+
+  test('浏览卷宗并打开本地详情', async ({ page }) => {
+    await expect(page.getByText('离线演示', { exact: true }).first()).toBeVisible()
+    await expect(page.getByText('关于公开指控处理流程的调查卷宗')).toBeVisible()
+    await expect(page.getByText('Editor')).toBeVisible()
+
+    await page.getByText('关于公开指控处理流程的调查卷宗').click()
+    await expect(page).toHaveURL(/#\/d\/demo\/66d100000000000000000001\?demo=1$/)
+    await expect(page.getByRole('heading', { name: '公开卷宗' })).toBeVisible()
+    await expect(page.getByRole('heading', { name: '已确认事实' })).toBeVisible()
+    await expect(page.getByText('卷宗引用的条例版本是否在事件发生时已生效？')).toBeVisible()
+  })
+
+  test('匿名投票可刷新保留并重置', async ({ page }) => {
+    await page.getByText('匿名投票 2', { exact: true }).click()
+    const choice = page.getByRole('button', { name: /同意 72 小时/ })
+
+    await expect(choice).toBeEnabled()
+    await choice.click()
+    await expect(choice).toBeDisabled()
+
+    await page.reload()
+    await waitForPageReady(page)
+    await page.getByText('匿名投票 2', { exact: true }).click()
+    await expect(page.getByRole('button', { name: /同意 72 小时/ })).toBeDisabled()
+
+    await page.getByRole('button', { name: '重置投票' }).click()
+    await expect(page.getByRole('button', { name: /同意 72 小时/ })).toBeEnabled()
+  })
+})
diff --git a/src/components/democracy/AnonymousVoteCard.vue b/src/components/democracy/AnonymousVoteCard.vue
index 688f835c..f31db4a1 100644
--- a/src/components/democracy/AnonymousVoteCard.vue
+++ b/src/components/democracy/AnonymousVoteCard.vue
@@ -49,9 +49,10 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { getData } from '@api/getData'
 import { showLoginModel } from '@popup/index'
 import { showMessage } from '@popup/naiveui'
+import { submitDemocracyVote } from '@services/democracyWall'
+import { isDemocracyDemoMode } from '@services/democracyWallDemo'
 import { checkLogin } from '@services/utils'
 import type { Activity, ActivityStatus, Statistic, Sync } from '../../pl-serve-type-main/type/main'
 
@@ -116,7 +117,7 @@ function canVote(index: number) {
 }
 
 async function vote(index: number) {
-  if (!checkLogin(false)) {
+  if (!isDemocracyDemoMode() && !checkLogin(false)) {
     showLoginModel()
     return
   }
@@ -124,11 +125,7 @@ async function vote(index: number) {
 
   votingIndex.value = index
   try {
-    const response = await getData('/Users/ReceiveBonus', {
-      ActivityID: props.activity.ID,
-      Index: index,
-      Statistic: props.statistic,
-    })
+    const response = await submitDemocracyVote(props.activity, index, props.statistic)
     if (response.Status === 200) {
       emit('updated', response.Data ?? undefined)
       showMessage('success', t('democracy.vote.success'), { duration: 1600 })
diff --git a/src/components/democracy/DemocracyEntryCard.vue b/src/components/democracy/DemocracyEntryCard.vue
index aea6214b..51b38c70 100644
--- a/src/components/democracy/DemocracyEntryCard.vue
+++ b/src/components/democracy/DemocracyEntryCard.vue
@@ -23,7 +23,11 @@
     </div>
 
     <footer class="entry-footer">
-      <router-link class="author" :to="`/u/${entry.summary.User.ID}`">
+      <component
+        :is="demoMode ? 'div' : 'router-link'"
+        class="author"
+        :to="demoMode ? undefined : `/u/${entry.summary.User.ID}`"
+      >
         <img :src="avatarUrl" alt="" />
         <span>{{ entry.summary.User.Nickname }}</span>
         <Tag
@@ -31,7 +35,7 @@
           category="User"
           :tag="`C-${entry.summary.User.Verification}`"
         />
-      </router-link>
+      </component>
       <div class="metrics" :aria-label="t('democracy.metrics')">
         <span>{{ t('democracy.comments', { count: entry.summary.Comments }) }}</span>
         <span>{{ t('democracy.visits', { count: entry.summary.Visits }) }}</span>
@@ -47,11 +51,13 @@ import Tag from '@components/utils/TagLarger.vue'
 import { formatDate, getUserUrl } from '@services/utils'
 import type { DemocracyEntry } from '@services/democracyWall'
 
-const props = defineProps<{ entry: DemocracyEntry }>()
+const props = defineProps<{ entry: DemocracyEntry; demoMode?: boolean }>()
 const { t, locale } = useI18n()
 
-const targetPath = computed(
-  () => `/p/${props.entry.summary.Category || 'Discussion'}/${props.entry.summary.ID}`,
+const targetPath = computed(() =>
+  props.demoMode
+    ? `/d/demo/${props.entry.summary.ID}?demo=1`
+    : `/p/${props.entry.summary.Category || 'Discussion'}/${props.entry.summary.ID}`,
 )
 const avatarUrl = computed(() => getUserUrl(props.entry.summary.User))
 const localizedSubject = computed(
diff --git a/src/i18n/de.ts b/src/i18n/de.ts
index 72b96499..a70fd676 100644
--- a/src/i18n/de.ts
+++ b/src/i18n/de.ts
@@ -253,6 +253,27 @@ export default {
       empty: 'Derzeit gibt es keine aktive anonyme Abstimmung',
       loadFailed: 'Anonyme Abstimmungen konnten nicht geladen werden',
     },
+    demo: {
+      badge: 'Offline-Demo',
+      title: 'Lokale Demonstrationsdaten sind aktiv',
+      description:
+        'Akten, Vorschläge und Stimmen bleiben in diesem Browser und werden nicht gesendet.',
+      reset: 'Stimmen zurücksetzen',
+      detailTitle: 'Öffentliche Akte',
+      rule: 'Regelgrundlage',
+      confirmedFacts: 'Bestätigte Fakten',
+      timeline: 'Zeitablauf',
+      finding: 'Vorläufiges Ergebnis',
+      publicQuestions: 'Öffentliche Fragen',
+      missing: 'Diese Demonstrationsakte wurde nicht gefunden',
+      back: 'Zurück zur Demokratie-Wand',
+      fallbackRule: 'Demoregel: Ein Vorschlag nennt Begründung, Umfang und Inkrafttreten.',
+      fallbackFact: 'Diese Seite zeigt die Aktenstruktur mit lokalen Demonstrationsdaten.',
+      fallbackTimeline: 'Demonstrationsakte veröffentlicht',
+      fallbackFinding: 'Dieser Eintrag nimmt Fragen an oder wurde bereits archiviert.',
+      fallbackQuestion:
+        'Wie wirkt sich dieser Vorschlag auf Regeln und frühere Entscheidungen aus?',
+    },
   },
   footer: {
     home: 'Startseite',
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index 7033a154..785db316 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -256,6 +256,26 @@ export default {
       empty: 'There are no active anonymous votes',
       loadFailed: 'Failed to load anonymous votes',
     },
+    demo: {
+      badge: 'Offline demo',
+      title: 'Local demonstration data is active',
+      description:
+        'Dockets, proposals and votes run in this browser and are never sent to the server.',
+      reset: 'Reset votes',
+      detailTitle: 'Public docket',
+      rule: 'Rule basis',
+      confirmedFacts: 'Confirmed facts',
+      timeline: 'Event timeline',
+      finding: 'Preliminary finding',
+      publicQuestions: 'Public questions',
+      missing: 'This demonstration docket could not be found',
+      back: 'Back to Democracy Wall',
+      fallbackRule: 'Demo rule: a proposal publishes its rationale, scope and effective date.',
+      fallbackFact: 'This page uses local demonstration data to present the docket structure.',
+      fallbackTimeline: 'Demonstration docket published',
+      fallbackFinding: 'This item is accepting questions or has entered the decision archive.',
+      fallbackQuestion: 'How does this proposal affect current rules and earlier decisions?',
+    },
   },
   footer: {
     home: 'Home',
diff --git a/src/i18n/fr.ts b/src/i18n/fr.ts
index a5305dbc..5a337348 100644
--- a/src/i18n/fr.ts
+++ b/src/i18n/fr.ts
@@ -253,6 +253,27 @@ export default {
       empty: "Aucun vote anonyme n'est en cours",
       loadFailed: 'Impossible de charger les votes anonymes',
     },
+    demo: {
+      badge: 'Démo hors ligne',
+      title: 'Les données locales de démonstration sont actives',
+      description:
+        'Les dossiers, propositions et votes restent dans ce navigateur et ne sont pas envoyés.',
+      reset: 'Réinitialiser les votes',
+      detailTitle: 'Dossier public',
+      rule: 'Base réglementaire',
+      confirmedFacts: 'Faits confirmés',
+      timeline: 'Chronologie',
+      finding: 'Conclusion préliminaire',
+      publicQuestions: 'Questions publiques',
+      missing: 'Ce dossier de démonstration est introuvable',
+      back: 'Retour au mur démocratique',
+      fallbackRule:
+        "Règle de démo : une proposition publie sa justification, sa portée et sa date d'effet.",
+      fallbackFact: 'Cette page présente la structure du dossier avec des données locales.',
+      fallbackTimeline: 'Dossier de démonstration publié',
+      fallbackFinding: 'Cet élément accepte des questions ou figure dans les archives.',
+      fallbackQuestion: 'Quel est son effet sur les règles et les décisions antérieures ?',
+    },
   },
   footer: {
     home: 'Accueil',
diff --git a/src/i18n/ja.ts b/src/i18n/ja.ts
index f459103c..42b13f49 100644
--- a/src/i18n/ja.ts
+++ b/src/i18n/ja.ts
@@ -252,6 +252,25 @@ export default {
       empty: '進行中の匿名投票はありません',
       loadFailed: '匿名投票の読み込みに失敗しました',
     },
+    demo: {
+      badge: 'オフラインデモ',
+      title: 'ローカルのデモデータを使用中',
+      description: '記録、議案、投票はブラウザ内で動作し、サーバーに送信されません。',
+      reset: '投票をリセット',
+      detailTitle: '公開記録',
+      rule: '規則の根拠',
+      confirmedFacts: '確認済みの事実',
+      timeline: 'タイムライン',
+      finding: '暂定結論',
+      publicQuestions: '公開質疑',
+      missing: 'このデモ記録は見つかりません',
+      back: '民主ウォールに戻る',
+      fallbackRule: 'デモ規則：議案は理由、範囲、発効日を公開します。',
+      fallbackFact: 'このページはローカルデータで記録構造を表示します。',
+      fallbackTimeline: 'デモ記録を公開',
+      fallbackFinding: 'この項目は質疑受付中、またはアーカイブ済みです。',
+      fallbackQuestion: 'この議案は現行規則と過去の決定にどう影響しますか？',
+    },
   },
   footer: {
     home: 'ホーム',
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index 096ee64f..66e6d71f 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -251,6 +251,25 @@ export default {
       empty: '当前没有进行中的匿名投票',
       loadFailed: '读取匿名投票失败',
     },
+    demo: {
+      badge: '离线演示',
+      title: '当前使用本地演示数据',
+      description: '卷宗、议案和投票均在浏览器内运行，不会提交到服务器。',
+      reset: '重置投票',
+      detailTitle: '公开卷宗',
+      rule: '条例依据',
+      confirmedFacts: '已确认事实',
+      timeline: '事件时间线',
+      finding: '初步结论',
+      publicQuestions: '公开质询',
+      missing: '找不到该演示卷宗',
+      back: '返回民主墙',
+      fallbackRule: '演示条例：议案应公开理由、修改范围和生效时间。',
+      fallbackFact: '该页面使用本地演示数据展示卷宗结构。',
+      fallbackTimeline: '演示卷宗公开',
+      fallbackFinding: '该内容正在等待社区质询或已进入决议归档。',
+      fallbackQuestion: '该提案对现行条例和历史决议的影响是什么？',
+    },
   },
   footer: {
     home: '首页',
diff --git a/src/router/index.ts b/src/router/index.ts
index 4fbdb2bd..04f6fc6c 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -26,6 +26,12 @@ const routes: RouteRecordRaw[] = [
     component: () => import('../views/DemocracyWall.vue'),
     meta: { keepAlive: true },
   },
+  {
+    path: '/d/demo/:id',
+    name: 'democracy-demo-detail',
+    component: () => import('../views/DemocracyDemoDetail.vue'),
+    meta: { keepAlive: false },
+  },
   {
     path: '/p/:category/:id',
     name: 'ExperimentSummary',
diff --git a/src/services/democracyWall.ts b/src/services/democracyWall.ts
index 41e60df1..17479c51 100644
--- a/src/services/democracyWall.ts
+++ b/src/services/democracyWall.ts
@@ -1,5 +1,11 @@
 import { getData, login } from '@api/getData'
 import storageManager from '@storage/index'
+import {
+  castDemocracyDemoVote,
+  DEMOCRACY_DEMO_SUMMARIES,
+  getDemocracyDemoSync,
+  isDemocracyDemoMode,
+} from './democracyWallDemo'
 import type {
   Activity,
   ActivityStatus,
@@ -42,6 +48,10 @@ export function toDemocracyEntry(summary: Summary): DemocracyEntry {
 }
 
 export async function fetchDemocracyEntries(): Promise<DemocracyEntry[]> {
+  if (isDemocracyDemoMode()) {
+    return DEMOCRACY_DEMO_SUMMARIES.map(toDemocracyEntry)
+  }
+
   const response = await getData('/Contents/QueryExperiments', {
     Query: {
       Category: 'Discussion',
@@ -75,6 +85,10 @@ function isVoteActivity(activity: Activity) {
 }
 
 export async function fetchDemocracyVoteContext(): Promise<DemocracyVoteContext> {
+  if (isDemocracyDemoMode()) {
+    return mergeDemocracyVoteContext({ activities: [], statuses: [] }, getDemocracyDemoSync())
+  }
+
   const auth = storageManager.getObj('userAuthInfo').value
   const response =
     auth?.token && auth.authCode
@@ -95,6 +109,18 @@ export async function fetchDemocracyVoteContext(): Promise<DemocracyVoteContext>
   )
 }
 
+export async function submitDemocracyVote(activity: Activity, index: number, statistic: Statistic) {
+  if (isDemocracyDemoMode()) {
+    return { Status: 200, Message: '', Data: castDemocracyDemoVote(activity, index) } as const
+  }
+
+  return getData('/Users/ReceiveBonus', {
+    ActivityID: activity.ID,
+    Index: index,
+    Statistic: statistic,
+  })
+}
+
 export function mergeDemocracyVoteContext(
   current: DemocracyVoteContext,
   sync?: Sync | null,
diff --git a/src/services/democracyWallDemo.ts b/src/services/democracyWallDemo.ts
new file mode 100644
index 00000000..b4212e0d
--- /dev/null
+++ b/src/services/democracyWallDemo.ts
@@ -0,0 +1,302 @@
+import type {
+  Activity,
+  ActivityStatus,
+  Statistic,
+  Summary,
+  Sync,
+} from '../pl-serve-type-main/type/main'
+
+export const DEMOCRACY_DEMO_QUERY = 'demo=1'
+const DEMO_VOTE_KEY = 'plweb2.democracy.demoVotes'
+const DEMO_USER_ID = '66d10000000000000000a001'
+
+interface DemoVoteState {
+  counts: number[]
+  gains: number[]
+}
+
+type DemoVoteStore = Record<string, DemoVoteState>
+
+export interface DemocracyDemoDetail {
+  id: string
+  rule: string
+  facts: string[]
+  timeline: Array<{ date: string; text: string }>
+  finding: string
+  questions: string[]
+}
+
+interface DemoSummaryOptions {
+  id: string
+  subject: string
+  description: string
+  tags: string[]
+  verification: Summary['User']['Verification']
+  nickname: string
+  comments: number
+  visits: number
+}
+
+function createSummary(options: DemoSummaryOptions): Summary {
+  const { id, subject, description, tags, verification, nickname, comments, visits } = options
+
+  return {
+    $type: 'Quantum.Models.Contents.Summary, Quantum Models',
+    ID: id,
+    Tags: ['民主墙', ...tags],
+    Type: 0,
+    User: {
+      ID: DEMO_USER_ID,
+      Nickname: nickname,
+      Avatar: 0,
+      AvatarRegion: 0,
+      Signature: '',
+      Decoration: 0,
+      Verification: verification,
+    },
+    Image: 0,
+    Price: 0,
+    Stars: 0,
+    Visits: visits,
+    Remixes: 0,
+    Subject: subject,
+    Version: 1,
+    Category: 'Discussion',
+    Comments: comments,
+    Language: 'Chinese',
+    Supports: 0,
+    Coauthors: [],
+    Popularity: 0,
+    UpdateDate: Date.now(),
+    Visibility: 0,
+    Description: [description],
+    ImageRegion: 0,
+    SortingDate: Date.now(),
+    CreationDate: Date.now(),
+    Multilingual: false,
+  }
+}
+
+export const DEMOCRACY_DEMO_SUMMARIES: Summary[] = [
+  createSummary({
+    id: '66d100000000000000000001',
+    subject: '关于公开指控处理流程的调查卷宗',
+    description: '调查团已完成事实时间线、相关条例和当事人回应的初步整理，现向社区公开征集质询。',
+    tags: ['公开卷宗', '待质询'],
+    verification: 'Editor',
+    nickname: '认证编辑·星观',
+    comments: 23,
+    visits: 386,
+  }),
+  createSummary({
+    id: '66d100000000000000000002',
+    subject: '提案：卷宗公开后设置 72 小时质询期',
+    description: '建议统一卷宗公开后的质询时间，给当事人、调查团和社区留出明确的回应窗口。',
+    tags: ['公共议案', '待讨论'],
+    verification: 'Volunteer',
+    nickname: '志愿者·枫岚',
+    comments: 18,
+    visits: 241,
+  }),
+  createSummary({
+    id: '66d100000000000000000003',
+    subject: '提案：调查团成员利益关系回避规则',
+    description:
+      '建议公开调查团成员与当事人的关系申明，并对同团、直接冲突与共同利益情形建立回避流程。',
+    tags: ['社区议案', '匿名投票'],
+    verification: 'Oldtimer',
+    nickname: '老用户·潮汐',
+    comments: 31,
+    visits: 512,
+  }),
+  createSummary({
+    id: '66d100000000000000000004',
+    subject: '已决议：条例修订必须保留旧版本',
+    description: '社区已通过决议：条例修订需保留原文、生效时间、修订理由和受影响的历史决议。',
+    tags: ['公共议案', '已决议', '已归档'],
+    verification: 'Administrator',
+    nickname: '管理员·归档员',
+    comments: 47,
+    visits: 923,
+  }),
+]
+
+export const DEMOCRACY_DEMO_DETAILS: Record<string, DemocracyDemoDetail> = {
+  '66d100000000000000000001': {
+    id: '66d100000000000000000001',
+    rule: '社区管理条例第 4.2 条：公开指控需有可核查的事实依据。',
+    facts: [
+      '8 月 24 日，用户发布一则公开质疑。',
+      '管理员在 42 分钟后隐藏作品并发起初审。',
+      '调查团已收集两份公开作品记录和一份脱敏日志。',
+    ],
+    timeline: [
+      { date: '08-24 19:20', text: '公开质疑发布' },
+      { date: '08-24 20:02', text: '管理员完成初审' },
+      { date: '08-25 13:00', text: '临时调查团成立' },
+      { date: '08-28 18:30', text: '卷宗摘要公开' },
+    ],
+    finding: '已确认事实部分成立，对行为性质的解释仍需结合条例版本接受质询。',
+    questions: [
+      '卷宗引用的条例版本是否在事件发生时已生效？',
+      '隐藏期间是否保留了当事人补充证据的通道？',
+    ],
+  },
+}
+
+const DEMO_VOTES: Activity[] = [
+  {
+    Contents: [{ Chinese: '是否将卷宗公开后的标准质询期设为 72 小时？' } as never],
+    FinishDate: '2026-09-30T23:59:59+08:00',
+    ID: '66d10000000000000000b001',
+    InterfaceModel: 'Vote-Single',
+    InternalLink: null,
+    IsAttendance: false,
+    IsDaily: false,
+    IsDevelopment: true,
+    IsTutorial: false,
+    Items: [
+      {
+        Bonuses: { Gold: 0, Experience: 0, Diamond: 0 },
+        Condition: '',
+        Counter: 62,
+        Counters: {},
+        Description: '同意 72 小时',
+        Local: false,
+      },
+      {
+        Bonuses: { Gold: 0, Experience: 0, Diamond: 0 },
+        Condition: '',
+        Counter: 21,
+        Counters: {},
+        Description: '改为 48 小时',
+        Local: false,
+      },
+      {
+        Bonuses: { Gold: 0, Experience: 0, Diamond: 0 },
+        Condition: '',
+        Counter: 9,
+        Counters: {},
+        Description: '维持弹性时间',
+        Local: false,
+      },
+    ],
+    Languages: [],
+    Platforms: [],
+    Priority: 1,
+    StartDate: '2026-08-20T00:00:00+08:00',
+    Subject: { Chinese: '卷宗质询期决议' } as never,
+    TargetLink: {} as never,
+    TargetText: {} as never,
+    Version: 1,
+  },
+  {
+    Contents: [{ Chinese: '调查团成员应当公开哪些回避声明？可选多项。' } as never],
+    FinishDate: '2026-10-08T23:59:59+08:00',
+    ID: '66d10000000000000000b002',
+    InterfaceModel: 'Vote',
+    InternalLink: null,
+    IsAttendance: false,
+    IsDaily: false,
+    IsDevelopment: true,
+    IsTutorial: false,
+    Items: [
+      {
+        Bonuses: { Gold: 0, Experience: 0, Diamond: 0 },
+        Condition: '',
+        Counter: 48,
+        Counters: {},
+        Description: '同一调查团经历',
+        Local: false,
+      },
+      {
+        Bonuses: { Gold: 0, Experience: 0, Diamond: 0 },
+        Condition: '',
+        Counter: 53,
+        Counters: {},
+        Description: '近期直接冲突',
+        Local: false,
+      },
+      {
+        Bonuses: { Gold: 0, Experience: 0, Diamond: 0 },
+        Condition: '',
+        Counter: 37,
+        Counters: {},
+        Description: '共同作品或组织关系',
+        Local: false,
+      },
+    ],
+    Languages: [],
+    Platforms: [],
+    Priority: 2,
+    StartDate: '2026-08-25T00:00:00+08:00',
+    Subject: { Chinese: '调查团回避事项投票' } as never,
+    TargetLink: {} as never,
+    TargetText: {} as never,
+    Version: 1,
+  },
+]
+
+export function isDemocracyDemoMode() {
+  return import.meta.env.DEV && window.location.hash.includes(DEMOCRACY_DEMO_QUERY)
+}
+
+function readVoteStore(): DemoVoteStore {
+  try {
+    return JSON.parse(localStorage.getItem(DEMO_VOTE_KEY) || '{}') as DemoVoteStore
+  } catch {
+    return {}
+  }
+}
+
+function buildDemoVotes(store = readVoteStore()) {
+  return DEMO_VOTES.map((activity) => ({
+    ...activity,
+    Items: activity.Items.map((item, index) => ({
+      ...item,
+      Counter: item.Counter + (store[activity.ID]?.counts[index] ?? 0),
+    })),
+  }))
+}
+
+function buildDemoStatuses(store = readVoteStore()): ActivityStatus[] {
+  return DEMO_VOTES.map((activity) => ({
+    ActivityID: activity.ID,
+    Avails: activity.Items.map((_, index) => index),
+    Counters: activity.Items.map(() => 0),
+    Expiration: activity.FinishDate,
+    Finished: false,
+    Gains: store[activity.ID]?.gains ?? [],
+    LastModified: new Date().toISOString(),
+  }))
+}
+
+export function getDemocracyDemoSync(): Sync {
+  const store = readVoteStore()
+  const statuses = buildDemoStatuses(store)
+  return {
+    Activities: buildDemoVotes(store),
+    Statistic: { ID: DEMO_USER_ID, Activities: statuses } as Statistic,
+  }
+}
+
+export function castDemocracyDemoVote(activity: Activity, index: number): Sync {
+  const store = readVoteStore()
+  const current = store[activity.ID] ?? {
+    counts: activity.Items.map(() => 0),
+    gains: [],
+  }
+  const gains =
+    activity.InterfaceModel === 'Vote-Single'
+      ? [index]
+      : Array.from(new Set([...current.gains, index]))
+  const counts = [...current.counts]
+  if (!current.gains.includes(index)) counts[index] = (counts[index] ?? 0) + 1
+  store[activity.ID] = { counts, gains }
+  localStorage.setItem(DEMO_VOTE_KEY, JSON.stringify(store))
+  return getDemocracyDemoSync()
+}
+
+export function resetDemocracyDemoVotes() {
+  localStorage.removeItem(DEMO_VOTE_KEY)
+}
diff --git a/src/views/DemocracyDemoDetail.vue b/src/views/DemocracyDemoDetail.vue
new file mode 100644
index 00000000..d2fa8b09
--- /dev/null
+++ b/src/views/DemocracyDemoDetail.vue
@@ -0,0 +1,286 @@
+<template>
+  <div class="detail-page">
+    <Header>
+      <button class="back" type="button" @click="goBack">←</button>
+      <div class="heading">
+        <h1>{{ t('democracy.demo.detailTitle') }}</h1>
+        <span>{{ t('democracy.demo.badge') }}</span>
+      </div>
+    </Header>
+
+    <main v-if="entry">
+      <article class="docket">
+        <header class="docket-header">
+          <div class="labels">
+            <span class="status">{{ statusText }}</span>
+            <Tag
+              v-for="tag in entry.summary.Tags.filter((item) => item !== '民主墙')"
+              :key="tag"
+              category="Discussion"
+              :tag="tag"
+            />
+          </div>
+          <h2>{{ entry.summary.Subject }}</h2>
+          <p>{{ entry.summary.Description?.[0] }}</p>
+          <div class="author">
+            <span>{{ entry.summary.User.Nickname }}</span>
+            <Tag category="User" :tag="`C-${entry.summary.User.Verification}`" />
+          </div>
+        </header>
+
+        <section>
+          <h3>{{ t('democracy.demo.rule') }}</h3>
+          <p class="rule">{{ detail.rule }}</p>
+        </section>
+
+        <section>
+          <h3>{{ t('democracy.demo.confirmedFacts') }}</h3>
+          <ul>
+            <li v-for="fact in detail.facts" :key="fact">{{ fact }}</li>
+          </ul>
+        </section>
+
+        <section>
+          <h3>{{ t('democracy.demo.timeline') }}</h3>
+          <ol class="timeline">
+            <li v-for="item in detail.timeline" :key="`${item.date}-${item.text}`">
+              <time>{{ item.date }}</time>
+              <span>{{ item.text }}</span>
+            </li>
+          </ol>
+        </section>
+
+        <section>
+          <h3>{{ t('democracy.demo.finding') }}</h3>
+          <p>{{ detail.finding }}</p>
+        </section>
+
+        <section>
+          <h3>{{ t('democracy.demo.publicQuestions') }}</h3>
+          <div class="questions">
+            <blockquote v-for="question in detail.questions" :key="question">
+              {{ question }}
+            </blockquote>
+          </div>
+        </section>
+      </article>
+    </main>
+
+    <main v-else class="missing">
+      <n-empty :description="t('democracy.demo.missing')">
+        <template #extra>
+          <n-button @click="goBack">{{ t('democracy.demo.back') }}</n-button>
+        </template>
+      </n-empty>
+    </main>
+
+    <Footer />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
+import { NButton, NEmpty } from 'naive-ui'
+import Header from '@components/utils/Header.vue'
+import Footer from '@components/utils/Footer.vue'
+import Tag from '@components/utils/TagLarger.vue'
+import { toDemocracyEntry } from '@services/democracyWall'
+import {
+  DEMOCRACY_DEMO_DETAILS,
+  DEMOCRACY_DEMO_SUMMARIES,
+  type DemocracyDemoDetail,
+} from '@services/democracyWallDemo'
+
+const route = useRoute()
+const router = useRouter()
+const { t } = useI18n()
+const id = computed(() => String(route.params.id || ''))
+const summary = computed(() => DEMOCRACY_DEMO_SUMMARIES.find((item) => item.ID === id.value))
+const entry = computed(() => (summary.value ? toDemocracyEntry(summary.value) : undefined))
+const fallbackDetail: DemocracyDemoDetail = {
+  id: id.value,
+  rule: t('democracy.demo.fallbackRule'),
+  facts: [t('democracy.demo.fallbackFact')],
+  timeline: [{ date: '08-29', text: t('democracy.demo.fallbackTimeline') }],
+  finding: t('democracy.demo.fallbackFinding'),
+  questions: [t('democracy.demo.fallbackQuestion')],
+}
+const detail = computed(() => DEMOCRACY_DEMO_DETAILS[id.value] ?? fallbackDetail)
+const statusText = computed(() =>
+  entry.value?.status === 'resolved' ? t('democracy.status.resolved') : t('democracy.status.open'),
+)
+
+function goBack() {
+  void router.push('/d?demo=1')
+}
+</script>
+
+<style scoped>
+.detail-page {
+  min-height: 100dvh;
+  background: #f2f5f7;
+  color: #263846;
+}
+
+.back {
+  width: 2.2rem;
+  height: 2.2rem;
+  padding: 0;
+  border: 0;
+  border-radius: 50%;
+  background: #edf3f7;
+  color: #28536d;
+  font-size: 1.4rem;
+  cursor: pointer;
+}
+
+.heading {
+  display: flex;
+  gap: 0.6rem;
+  align-items: center;
+  margin-left: 0.7rem;
+}
+
+.heading h1 {
+  margin: 0;
+  font-size: 1.15rem;
+}
+
+.heading span {
+  padding: 0.18rem 0.5rem;
+  border-radius: 999px;
+  background: #fff1c7;
+  color: #8b5b00;
+  font-size: 0.7rem;
+}
+
+main {
+  height: calc(100dvh - 100px);
+  overflow-y: auto;
+  padding: clamp(0.75rem, 2vw, 1.5rem);
+}
+
+.docket {
+  width: min(900px, 100%);
+  margin: 0 auto;
+  overflow: hidden;
+  border: 1px solid #dbe3e9;
+  border-radius: 1rem;
+  background: #fff;
+  box-shadow: 0 0.35rem 1.4rem rgba(28, 52, 69, 0.08);
+}
+
+.docket-header,
+section {
+  padding: clamp(1rem, 3vw, 1.7rem);
+}
+
+.docket-header {
+  background: linear-gradient(140deg, #153f59, #18728c);
+  color: #fff;
+}
+
+.labels,
+.author {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem;
+  align-items: center;
+}
+
+.status {
+  padding: 0.2rem 0.55rem;
+  border-radius: 999px;
+  background: #dff4e8;
+  color: #126b41;
+  font-size: 0.75rem;
+  font-weight: 700;
+}
+
+.docket-header h2 {
+  margin: 1rem 0 0.6rem;
+  font-size: clamp(1.35rem, 4vw, 2rem);
+}
+
+.docket-header p {
+  color: #d9edf3;
+  line-height: 1.65;
+}
+
+.author {
+  justify-content: flex-end;
+  font-size: 0.85rem;
+}
+
+section + section {
+  border-top: 1px solid #e8edf1;
+}
+
+section h3 {
+  margin: 0 0 0.8rem;
+  color: #183e57;
+}
+
+section p,
+section li {
+  line-height: 1.7;
+}
+
+.rule {
+  padding: 0.85rem 1rem;
+  border-left: 0.25rem solid #1883ad;
+  background: #eff8fc;
+}
+
+.timeline {
+  display: grid;
+  gap: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.timeline li {
+  display: grid;
+  grid-template-columns: 7rem 1fr;
+  gap: 1rem;
+  padding: 0.65rem 0;
+  border-bottom: 1px dashed #dbe3e8;
+}
+
+.timeline time {
+  color: #1681a8;
+  font-weight: 700;
+}
+
+.questions {
+  display: grid;
+  gap: 0.65rem;
+}
+
+blockquote {
+  margin: 0;
+  padding: 0.8rem 1rem;
+  border-radius: 0.7rem;
+  background: #f5f7f9;
+  color: #425563;
+  line-height: 1.6;
+}
+
+.missing {
+  display: grid;
+  place-items: center;
+}
+
+@media (max-width: 520px) {
+  .heading span {
+    display: none;
+  }
+
+  .timeline li {
+    grid-template-columns: 1fr;
+    gap: 0.15rem;
+  }
+}
+</style>
diff --git a/src/views/DemocracyWall.vue b/src/views/DemocracyWall.vue
index 9d126ae1..1e924b94 100644
--- a/src/views/DemocracyWall.vue
+++ b/src/views/DemocracyWall.vue
@@ -4,10 +4,19 @@
       <div class="page-heading">
         <h1>{{ t('democracy.title') }}</h1>
         <span>{{ t('democracy.subtitle') }}</span>
+        <b v-if="demoMode" class="demo-chip">{{ t('democracy.demo.badge') }}</b>
       </div>
     </Header>
 
     <main>
+      <section v-if="demoMode" class="demo-banner">
+        <div>
+          <strong>{{ t('democracy.demo.title') }}</strong>
+          <span>{{ t('democracy.demo.description') }}</span>
+        </div>
+        <n-button size="small" @click="resetDemo">{{ t('democracy.demo.reset') }}</n-button>
+      </section>
+
       <section class="hero" aria-labelledby="democracy-intro-title">
         <div>
           <p class="eyebrow">{{ t('democracy.eyebrow') }}</p>
@@ -84,9 +93,11 @@ import {
   type DemocracyEntry,
   type DemocracyVoteContext,
 } from '@services/democracyWall'
+import { isDemocracyDemoMode, resetDemocracyDemoVotes } from '@services/democracyWallDemo'
 import type { Sync } from '../pl-serve-type-main/type/main'
 
 const { t } = useI18n()
+const demoMode = isDemocracyDemoMode()
 const activeTab = ref('ongoing')
 const entries = ref<DemocracyEntry[]>([])
 const entryLoading = ref(true)
@@ -147,6 +158,11 @@ function onVoteUpdated(sync?: Sync) {
   voteContext.value = mergeDemocracyVoteContext(voteContext.value, sync)
 }
 
+function resetDemo() {
+  resetDemocracyDemoVotes()
+  void loadVotes()
+}
+
 const EntryGrid = defineComponent({
   name: 'DemocracyEntryGrid',
   props: {
@@ -179,7 +195,9 @@ const EntryGrid = defineComponent({
       return h(
         'div',
         { class: 'entry-grid' },
-        props.entries.map((entry) => h(DemocracyEntryCard, { key: entry.summary.ID, entry })),
+        props.entries.map((entry) =>
+          h(DemocracyEntryCard, { key: entry.summary.ID, entry, demoMode }),
+        ),
       )
     }
   },
@@ -220,6 +238,15 @@ onMounted(() => {
   white-space: nowrap;
 }
 
+.demo-chip {
+  flex: 0 0 auto;
+  padding: 0.2rem 0.5rem;
+  border-radius: 999px;
+  background: #fff1c7;
+  color: #8b5b00;
+  font-size: 0.72rem;
+}
+
 main {
   height: calc(100dvh - 100px);
   overflow-y: auto;
@@ -228,11 +255,35 @@ main {
 }
 
 .hero,
-.wall-panel {
+.wall-panel,
+.demo-banner {
   width: min(1180px, 100%);
   margin: 0 auto;
 }
 
+.demo-banner {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 0.75rem;
+  padding: 0.75rem 1rem;
+  border: 1px solid #ead18b;
+  border-radius: 0.8rem;
+  background: #fff9e8;
+  color: #694d10;
+}
+
+.demo-banner div {
+  display: flex;
+  gap: 0.35rem;
+  flex-direction: column;
+}
+
+.demo-banner span {
+  font-size: 0.82rem;
+}
+
 .hero {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(320px, 1.15fr);

From a7e5d59a7a8c5c52a7cc3f14a1035dc505f8f90e Mon Sep 17 00:00:00 2001
From: 16th-admin <evanhejiayi@gmail.com>
Date: Sat, 29 Aug 2026 21:38:34 +0800
Subject: [PATCH 03/10] refactor: organize democracy wall sections

---
 scripts/tests/democracy-wall-demo.spec.ts |  4 +-
 scripts/tests/democracy-wall.spec.ts      |  2 +-
 src/i18n/de.ts                            |  8 +--
 src/i18n/en.ts                            |  8 +--
 src/i18n/fr.ts                            |  8 +--
 src/i18n/ja.ts                            |  8 +--
 src/i18n/zh.ts                            |  8 +--
 src/views/DemocracyWall.vue               | 74 ++++++++++++++---------
 8 files changed, 68 insertions(+), 52 deletions(-)

diff --git a/scripts/tests/democracy-wall-demo.spec.ts b/scripts/tests/democracy-wall-demo.spec.ts
index 37de08e5..d6744d71 100644
--- a/scripts/tests/democracy-wall-demo.spec.ts
+++ b/scripts/tests/democracy-wall-demo.spec.ts
@@ -21,7 +21,7 @@ test.describe('民主墙离线演示', () => {
   })
 
   test('匿名投票可刷新保留并重置', async ({ page }) => {
-    await page.getByText('匿名投票 2', { exact: true }).click()
+    await page.getByText('公共事务 4', { exact: true }).click()
     const choice = page.getByRole('button', { name: /同意 72 小时/ })
 
     await expect(choice).toBeEnabled()
@@ -30,7 +30,7 @@ test.describe('民主墙离线演示', () => {
 
     await page.reload()
     await waitForPageReady(page)
-    await page.getByText('匿名投票 2', { exact: true }).click()
+    await page.getByText('公共事务 4', { exact: true }).click()
     await expect(page.getByRole('button', { name: /同意 72 小时/ })).toBeDisabled()
 
     await page.getByRole('button', { name: '重置投票' }).click()
diff --git a/scripts/tests/democracy-wall.spec.ts b/scripts/tests/democracy-wall.spec.ts
index bc255c3e..4551fd29 100644
--- a/scripts/tests/democracy-wall.spec.ts
+++ b/scripts/tests/democracy-wall.spec.ts
@@ -134,7 +134,7 @@ test.describe('民主墙', () => {
     await expect(page.getByText('关于公开指控处理流程的卷宗')).toBeVisible()
     await expect(page.getByText('Editor')).toBeVisible()
 
-    await page.getByText('匿名投票 1', { exact: true }).click()
+    await page.getByText('公共事务 1', { exact: true }).click()
     await expect(page.getByText('条例修订投票')).toBeVisible()
     await expect(page.getByRole('button', { name: /同意修订/ })).toBeVisible()
   })
diff --git a/src/i18n/de.ts b/src/i18n/de.ts
index a70fd676..769f0194 100644
--- a/src/i18n/de.ts
+++ b/src/i18n/de.ts
@@ -226,10 +226,9 @@ export default {
     },
     tabs: {
       ongoing: 'Laufend',
-      cases: 'Öffentliche Akten',
-      proposals: 'Vorschläge',
-      votes: 'Anonyme Stimmen',
-      archive: 'Archiv',
+      public: 'Öffentliche Angelegenheiten',
+      oversight: 'Verwaltungsaufsicht',
+      featured: 'Ausgewählte Entscheidungen',
     },
     kinds: { case: 'Akte', proposal: 'Vorschlag' },
     status: { open: 'Laufend', resolved: 'Entschieden' },
@@ -241,6 +240,7 @@ export default {
     loadFailed: 'Demokratie-Wand konnte nicht geladen werden',
     retry: 'Erneut versuchen',
     vote: {
+      sectionTitle: 'Anonyme Abstimmungen und Gemeinschaftsentscheidungen',
       anonymous: 'Anonyme Abstimmung',
       single: 'Einzelauswahl',
       multiple: 'Mehrfachauswahl',
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index 785db316..ff00932e 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -223,10 +223,9 @@ export default {
     },
     tabs: {
       ongoing: 'Ongoing',
-      cases: 'Public dockets',
-      proposals: 'Proposals',
-      votes: 'Anonymous votes',
-      archive: 'Archive',
+      public: 'Public affairs',
+      oversight: 'Governance oversight',
+      featured: 'Featured decisions',
     },
     kinds: {
       case: 'Docket',
@@ -244,6 +243,7 @@ export default {
     loadFailed: 'Failed to load Democracy Wall content',
     retry: 'Retry',
     vote: {
+      sectionTitle: 'Anonymous votes and community decisions',
       anonymous: 'Anonymous vote',
       single: 'Single choice',
       multiple: 'Multiple choice',
diff --git a/src/i18n/fr.ts b/src/i18n/fr.ts
index 5a337348..0bbe2403 100644
--- a/src/i18n/fr.ts
+++ b/src/i18n/fr.ts
@@ -226,10 +226,9 @@ export default {
     },
     tabs: {
       ongoing: 'En cours',
-      cases: 'Dossiers publics',
-      proposals: 'Propositions',
-      votes: 'Votes anonymes',
-      archive: 'Archives',
+      public: 'Affaires publiques',
+      oversight: 'Contrôle de la gouvernance',
+      featured: 'Décisions sélectionnées',
     },
     kinds: { case: 'Dossier', proposal: 'Proposition' },
     status: { open: 'En cours', resolved: 'Décidé' },
@@ -241,6 +240,7 @@ export default {
     loadFailed: 'Impossible de charger le mur démocratique',
     retry: 'Réessayer',
     vote: {
+      sectionTitle: 'Votes anonymes et décisions communautaires',
       anonymous: 'Vote anonyme',
       single: 'Choix unique',
       multiple: 'Choix multiple',
diff --git a/src/i18n/ja.ts b/src/i18n/ja.ts
index 42b13f49..84736a0a 100644
--- a/src/i18n/ja.ts
+++ b/src/i18n/ja.ts
@@ -225,10 +225,9 @@ export default {
     },
     tabs: {
       ongoing: '進行中',
-      cases: '公開記録',
-      proposals: '公共議案',
-      votes: '匿名投票',
-      archive: 'アーカイブ',
+      public: '公共事項',
+      oversight: '運営監査',
+      featured: '注目の決議',
     },
     kinds: { case: '記録', proposal: '議案' },
     status: { open: '進行中', resolved: '決議済み' },
@@ -240,6 +239,7 @@ export default {
     loadFailed: '民主ウォールの読み込みに失敗しました',
     retry: '再試行',
     vote: {
+      sectionTitle: '匿名投票とコミュニティ決議',
       anonymous: '匿名投票',
       single: '単一選択',
       multiple: '複数選択',
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index 66e6d71f..d3ccd16b 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -218,10 +218,9 @@ export default {
     },
     tabs: {
       ongoing: '进行中',
-      cases: '公开卷宗',
-      proposals: '公共议案',
-      votes: '匿名投票',
-      archive: '决议归档',
+      public: '公共事务',
+      oversight: '管理监察',
+      featured: '精选决议',
     },
     kinds: {
       case: '卷宗',
@@ -239,6 +238,7 @@ export default {
     loadFailed: '读取民主墙内容失败',
     retry: '重试',
     vote: {
+      sectionTitle: '匿名投票与社区决议',
       anonymous: '匿名投票',
       single: '单选',
       multiple: '多选',
diff --git a/src/views/DemocracyWall.vue b/src/views/DemocracyWall.vue
index 1e924b94..ebdf41e9 100644
--- a/src/views/DemocracyWall.vue
+++ b/src/views/DemocracyWall.vue
@@ -36,38 +36,39 @@
           <n-tab-pane name="ongoing" :tab="tabTitle('ongoing', ongoingEntries.length)">
             <EntryGrid :entries="ongoingEntries" :loading="entryLoading" @retry="loadEntries" />
           </n-tab-pane>
-          <n-tab-pane name="cases" :tab="tabTitle('cases', caseEntries.length)">
-            <EntryGrid :entries="caseEntries" :loading="entryLoading" @retry="loadEntries" />
-          </n-tab-pane>
-          <n-tab-pane name="proposals" :tab="tabTitle('proposals', proposalEntries.length)">
+          <n-tab-pane name="public" :tab="tabTitle('public', publicAffairsCount)">
             <EntryGrid :entries="proposalEntries" :loading="entryLoading" @retry="loadEntries" />
+            <section class="vote-section" :aria-labelledby="'public-vote-heading'">
+              <h2 id="public-vote-heading">{{ t('democracy.vote.sectionTitle') }}</h2>
+              <div v-if="voteLoading" class="state-box">
+                <n-spin size="large" />
+              </div>
+              <div v-else-if="voteError" class="state-box">
+                <n-empty :description="t('democracy.vote.loadFailed')">
+                  <template #extra>
+                    <n-button @click="loadVotes">{{ t('democracy.retry') }}</n-button>
+                  </template>
+                </n-empty>
+              </div>
+              <div v-else-if="voteContext.activities.length" class="vote-grid">
+                <AnonymousVoteCard
+                  v-for="activity in voteContext.activities"
+                  :key="activity.ID"
+                  :activity="activity"
+                  :status="statusFor(activity.ID)"
+                  :statistic="voteContext.statistic"
+                  @updated="onVoteUpdated"
+                />
+              </div>
+              <div v-else class="state-box">
+                <n-empty :description="t('democracy.vote.empty')" />
+              </div>
+            </section>
           </n-tab-pane>
-          <n-tab-pane name="votes" :tab="tabTitle('votes', voteContext.activities.length)">
-            <div v-if="voteLoading" class="state-box">
-              <n-spin size="large" />
-            </div>
-            <div v-else-if="voteError" class="state-box">
-              <n-empty :description="t('democracy.vote.loadFailed')">
-                <template #extra>
-                  <n-button @click="loadVotes">{{ t('democracy.retry') }}</n-button>
-                </template>
-              </n-empty>
-            </div>
-            <div v-else-if="voteContext.activities.length" class="vote-grid">
-              <AnonymousVoteCard
-                v-for="activity in voteContext.activities"
-                :key="activity.ID"
-                :activity="activity"
-                :status="statusFor(activity.ID)"
-                :statistic="voteContext.statistic"
-                @updated="onVoteUpdated"
-              />
-            </div>
-            <div v-else class="state-box">
-              <n-empty :description="t('democracy.vote.empty')" />
-            </div>
+          <n-tab-pane name="oversight" :tab="tabTitle('oversight', caseEntries.length)">
+            <EntryGrid :entries="caseEntries" :loading="entryLoading" @retry="loadEntries" />
           </n-tab-pane>
-          <n-tab-pane name="archive" :tab="tabTitle('archive', resolvedEntries.length)">
+          <n-tab-pane name="featured" :tab="tabTitle('featured', resolvedEntries.length)">
             <EntryGrid :entries="resolvedEntries" :loading="entryLoading" @retry="loadEntries" />
           </n-tab-pane>
         </n-tabs>
@@ -121,6 +122,9 @@ const proposalEntries = computed(() =>
   entries.value.filter((entry) => entry.kind === 'proposal' && entry.status === 'open'),
 )
 const resolvedEntries = computed(() => entries.value.filter((entry) => entry.status === 'resolved'))
+const publicAffairsCount = computed(
+  () => proposalEntries.value.length + voteContext.value.activities.length,
+)
 
 function tabTitle(key: string, count: number) {
   return `${t(`democracy.tabs.${key}`)} ${count}`
@@ -377,6 +381,18 @@ main {
   white-space: nowrap;
 }
 
+.vote-section {
+  margin-top: 0.9rem;
+  padding-top: 1rem;
+  border-top: 1px solid #e4ebf0;
+}
+
+.vote-section h2 {
+  margin: 0 0 0.7rem 0.15rem;
+  color: #263d4d;
+  font-size: 1.05rem;
+}
+
 :deep(.entry-grid),
 .vote-grid {
   display: grid;

From ace2ecb47294002d68b6fb2c16411462ad23b18b Mon Sep 17 00:00:00 2001
From: 16th-admin <evanhejiayi@gmail.com>
Date: Sun, 30 Aug 2026 11:14:54 +0800
Subject: [PATCH 04/10] feat: connect democracy wall community workflow

---
 scripts/tests/democracy-wall-demo.spec.ts     |   9 +
 scripts/tests/democracy-wall.spec.ts          |   8 +
 .../democracy/AnonymousVoteCard.vue           |  14 +-
 .../democracy/DemocracyEntryCard.vue          |  68 +++-
 src/i18n/de.ts                                |  11 +
 src/i18n/en.ts                                |  11 +
 src/i18n/fr.ts                                |  11 +
 src/i18n/ja.ts                                |  11 +
 src/i18n/zh.ts                                |  11 +
 src/services/democracyWall.ts                 |  51 ++-
 src/services/democracyWallDemo.ts             |  22 +-
 src/views/DemocracyWall.vue                   | 329 ++++++++++--------
 12 files changed, 383 insertions(+), 173 deletions(-)

diff --git a/scripts/tests/democracy-wall-demo.spec.ts b/scripts/tests/democracy-wall-demo.spec.ts
index d6744d71..f1fe73ad 100644
--- a/scripts/tests/democracy-wall-demo.spec.ts
+++ b/scripts/tests/democracy-wall-demo.spec.ts
@@ -20,6 +20,15 @@ test.describe('民主墙离线演示', () => {
     await expect(page.getByText('卷宗引用的条例版本是否在事件发生时已生效？')).toBeVisible()
   })
 
+  test('在当前事务和历史事务之间切换', async ({ page }) => {
+    await expect(page.getByRole('button', { name: /当前事务 4/ })).toBeVisible()
+    await page.getByRole('button', { name: /历史事务 3/ }).click()
+
+    await expect(page.getByRole('heading', { name: '历史事务' })).toBeVisible()
+    await expect(page.getByText('历史事务：社区公开记录保留规则')).toBeVisible()
+    await expect(page.getByText('历史事务：志愿调查团回避办法试行记录')).toBeVisible()
+  })
+
   test('匿名投票可刷新保留并重置', async ({ page }) => {
     await page.getByText('公共事务 4', { exact: true }).click()
     const choice = page.getByRole('button', { name: /同意 72 小时/ })
diff --git a/scripts/tests/democracy-wall.spec.ts b/scripts/tests/democracy-wall.spec.ts
index 4551fd29..904738cc 100644
--- a/scripts/tests/democracy-wall.spec.ts
+++ b/scripts/tests/democracy-wall.spec.ts
@@ -133,6 +133,14 @@ test.describe('民主墙', () => {
     await expect(page.getByRole('heading', { name: '民主墙' })).toBeVisible()
     await expect(page.getByText('关于公开指控处理流程的卷宗')).toBeVisible()
     await expect(page.getByText('Editor')).toBeVisible()
+    await expect(page.getByRole('link', { name: '查看详情' }).first()).toHaveAttribute(
+      'href',
+      '#/p/Discussion/66a84559744ed757b46f8917',
+    )
+    await expect(page.getByRole('link', { name: '参与质询' }).first()).toHaveAttribute(
+      'href',
+      /#\/c\/Discussion\/66a84559744ed757b46f8917\//,
+    )
 
     await page.getByText('公共事务 1', { exact: true }).click()
     await expect(page.getByText('条例修订投票')).toBeVisible()
diff --git a/src/components/democracy/AnonymousVoteCard.vue b/src/components/democracy/AnonymousVoteCard.vue
index f31db4a1..d91401cd 100644
--- a/src/components/democracy/AnonymousVoteCard.vue
+++ b/src/components/democracy/AnonymousVoteCard.vue
@@ -146,11 +146,11 @@ async function vote(index: number) {
   min-width: 0;
   flex-direction: column;
   gap: 1rem;
-  padding: clamp(1rem, 2vw, 1.5rem);
-  border: 1px solid #d9e5ef;
-  border-radius: 1rem;
-  background: linear-gradient(145deg, #fff 20%, #f2f8fc);
-  box-shadow: 0 0.3rem 1.4rem rgba(13, 60, 91, 0.08);
+  padding: 14px;
+  border: 1px solid #eee;
+  border-radius: 8px;
+  background: #fff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
 }
 
 header,
@@ -185,7 +185,7 @@ h3 {
 .vote-mode {
   flex: 0 0 auto;
   padding: 0.28rem 0.6rem;
-  border-radius: 999px;
+  border-radius: 4px;
   background: #e5f1fa;
   color: #24658d;
   font-size: 0.75rem;
@@ -209,7 +209,7 @@ h3 {
   gap: 0.5rem;
   padding: 0.8rem 0.9rem;
   border: 1px solid #cfdae3;
-  border-radius: 0.75rem;
+  border-radius: 6px;
   background: #fff;
   color: #334654;
   text-align: left;
diff --git a/src/components/democracy/DemocracyEntryCard.vue b/src/components/democracy/DemocracyEntryCard.vue
index 51b38c70..1f3448c5 100644
--- a/src/components/democracy/DemocracyEntryCard.vue
+++ b/src/components/democracy/DemocracyEntryCard.vue
@@ -37,10 +37,17 @@
         />
       </component>
       <div class="metrics" :aria-label="t('democracy.metrics')">
-        <span>{{ t('democracy.comments', { count: entry.summary.Comments }) }}</span>
+        <router-link :to="commentsPath">
+          {{ t('democracy.comments', { count: entry.summary.Comments }) }}
+        </router-link>
         <span>{{ t('democracy.visits', { count: entry.summary.Visits }) }}</span>
       </div>
     </footer>
+
+    <div class="entry-actions">
+      <router-link :to="targetPath">{{ t('democracy.actions.view') }}</router-link>
+      <router-link :to="commentsPath">{{ t('democracy.actions.question') }}</router-link>
+    </div>
   </article>
 </template>
 
@@ -59,6 +66,18 @@ const targetPath = computed(() =>
     ? `/d/demo/${props.entry.summary.ID}?demo=1`
     : `/p/${props.entry.summary.Category || 'Discussion'}/${props.entry.summary.ID}`,
 )
+const commentsPath = computed(() =>
+  props.demoMode
+    ? targetPath.value
+    : {
+        name: 'Comments',
+        params: {
+          category: props.entry.summary.Category || 'Discussion',
+          id: props.entry.summary.ID,
+          name: localizedSubject.value,
+        },
+      },
+)
 const avatarUrl = computed(() => getUserUrl(props.entry.summary.User))
 const localizedSubject = computed(
   () =>
@@ -89,11 +108,11 @@ const visibleTags = computed(() =>
   min-width: 0;
   flex-direction: column;
   gap: 0.75rem;
-  padding: clamp(1rem, 2vw, 1.4rem);
-  border: 1px solid #dce4ec;
-  border-radius: 1rem;
+  padding: 14px;
+  border: 1px solid #eee;
+  border-radius: 8px;
   background: #fff;
-  box-shadow: 0 0.3rem 1.2rem rgba(26, 47, 68, 0.07);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
 }
 
 .entry-topline {
@@ -112,7 +131,7 @@ const visibleTags = computed(() =>
 .entry-kind,
 .entry-status {
   padding: 0.2rem 0.55rem;
-  border-radius: 999px;
+  border-radius: 4px;
   font-weight: 650;
 }
 
@@ -137,7 +156,7 @@ const visibleTags = computed(() =>
 }
 
 .entry-title {
-  color: #1d2d3d;
+  color: #333;
   font-size: clamp(1.05rem, 2vw, 1.3rem);
   font-weight: 700;
   line-height: 1.35;
@@ -152,7 +171,7 @@ const visibleTags = computed(() =>
   display: -webkit-box;
   margin: 0;
   overflow: hidden;
-  color: #56616d;
+  color: #666;
   font-size: 0.92rem;
   line-height: 1.6;
   -webkit-box-orient: vertical;
@@ -207,6 +226,39 @@ const visibleTags = computed(() =>
   font-size: 0.78rem;
 }
 
+.metrics a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.metrics a:hover {
+  color: #0185c5;
+}
+
+.entry-actions {
+  display: flex;
+  gap: 0.6rem;
+  justify-content: flex-end;
+}
+
+.entry-actions a {
+  padding: 0.38rem 0.75rem;
+  border: 1px solid #d7dce1;
+  border-radius: 0.35rem;
+  color: #555;
+  font-size: 0.8rem;
+  text-decoration: none;
+}
+
+.entry-actions a:last-child {
+  border-color: #0185c5;
+  color: #0185c5;
+}
+
+.entry-actions a:hover {
+  background: #f2f7fa;
+}
+
 @media (max-width: 420px) {
   .entry-footer {
     align-items: flex-start;
diff --git a/src/i18n/de.ts b/src/i18n/de.ts
index 769f0194..e183040a 100644
--- a/src/i18n/de.ts
+++ b/src/i18n/de.ts
@@ -224,6 +224,13 @@ export default {
       question: 'Hinterfragen',
       decide: 'Entscheiden',
     },
+    scopes: {
+      label: 'Bereich der Demokratie-Wand',
+      current: 'Aktuelle Vorgänge',
+      history: 'Historische Vorgänge',
+      currentDescription: 'Vorgänge in Befragung, Abstimmung oder Verwaltungsaufsicht.',
+      historyDescription: 'Abgeschlossene Akten, Entscheidungen und Änderungen einsehen.',
+    },
     tabs: {
       ongoing: 'Laufend',
       public: 'Öffentliche Angelegenheiten',
@@ -235,6 +242,10 @@ export default {
     comments: '{count} Fragen',
     visits: '{count} Aufrufe',
     metrics: 'Aktendaten',
+    actions: {
+      view: 'Details ansehen',
+      question: 'Frage stellen',
+    },
     untitled: 'Unbenannter Eintrag',
     empty: 'In dieser Kategorie gibt es noch keine öffentlichen Inhalte',
     loadFailed: 'Demokratie-Wand konnte nicht geladen werden',
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index ff00932e..c5458c23 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -221,6 +221,13 @@ export default {
       question: 'Question',
       decide: 'Decide',
     },
+    scopes: {
+      label: 'Democracy Wall matter scope',
+      current: 'Current matters',
+      history: 'Historical matters',
+      currentDescription: 'View community matters under questioning, voting, or oversight.',
+      historyDescription: 'Review completed dockets, decisions, and amendment records.',
+    },
     tabs: {
       ongoing: 'Ongoing',
       public: 'Public affairs',
@@ -238,6 +245,10 @@ export default {
     comments: '{count} questions',
     visits: '{count} views',
     metrics: 'Docket metrics',
+    actions: {
+      view: 'View details',
+      question: 'Join questions',
+    },
     untitled: 'Untitled item',
     empty: 'There is no public content in this category yet',
     loadFailed: 'Failed to load Democracy Wall content',
diff --git a/src/i18n/fr.ts b/src/i18n/fr.ts
index 0bbe2403..72bf031a 100644
--- a/src/i18n/fr.ts
+++ b/src/i18n/fr.ts
@@ -224,6 +224,13 @@ export default {
       question: 'Questionner',
       decide: 'Décider',
     },
+    scopes: {
+      label: 'Périmètre du mur démocratique',
+      current: 'Affaires actuelles',
+      history: 'Affaires historiques',
+      currentDescription: 'Affaires en phase de questions, de vote ou de contrôle.',
+      historyDescription: 'Consulter les dossiers, décisions et modifications terminés.',
+    },
     tabs: {
       ongoing: 'En cours',
       public: 'Affaires publiques',
@@ -235,6 +242,10 @@ export default {
     comments: '{count} questions',
     visits: '{count} vues',
     metrics: 'Données du dossier',
+    actions: {
+      view: 'Voir le détail',
+      question: 'Participer aux questions',
+    },
     untitled: 'Entrée sans titre',
     empty: "Aucun contenu public dans cette catégorie pour l'instant",
     loadFailed: 'Impossible de charger le mur démocratique',
diff --git a/src/i18n/ja.ts b/src/i18n/ja.ts
index 84736a0a..babcd44c 100644
--- a/src/i18n/ja.ts
+++ b/src/i18n/ja.ts
@@ -223,6 +223,13 @@ export default {
       question: '質疑',
       decide: '決議',
     },
+    scopes: {
+      label: '民主ウォールの案件範囲',
+      current: '現在の案件',
+      history: '過去の案件',
+      currentDescription: '質疑、投票、運営監査中のコミュニティ案件を表示します。',
+      historyDescription: '処理済みの記録、決議、改訂履歴を確認します。',
+    },
     tabs: {
       ongoing: '進行中',
       public: '公共事項',
@@ -234,6 +241,10 @@ export default {
     comments: '質疑 {count} 件',
     visits: '閲覧 {count} 回',
     metrics: '記録データ',
+    actions: {
+      view: '詳細を見る',
+      question: '質疑に参加',
+    },
     untitled: '無題の項目',
     empty: 'この分類にはまだ公開コンテンツがありません',
     loadFailed: '民主ウォールの読み込みに失敗しました',
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index d3ccd16b..c8fb2d33 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -216,6 +216,13 @@ export default {
       question: '质询',
       decide: '决议',
     },
+    scopes: {
+      label: '民主墙事务范围',
+      current: '当前事务',
+      history: '历史事务',
+      currentDescription: '查看正在质询、表决和接受管理监察的社区事务。',
+      historyDescription: '查询已经完成处理的卷宗、决议和修订记录。',
+    },
     tabs: {
       ongoing: '进行中',
       public: '公共事务',
@@ -233,6 +240,10 @@ export default {
     comments: '{count} 条质询',
     visits: '{count} 次阅读',
     metrics: '卷宗数据',
+    actions: {
+      view: '查看详情',
+      question: '参与质询',
+    },
     untitled: '未命名议题',
     empty: '当前分类暂无公开内容',
     loadFailed: '读取民主墙内容失败',
diff --git a/src/services/democracyWall.ts b/src/services/democracyWall.ts
index 17479c51..c922b025 100644
--- a/src/services/democracyWall.ts
+++ b/src/services/democracyWall.ts
@@ -18,11 +18,13 @@ export const DEMOCRACY_WALL_TAG = '民主墙'
 
 const CASE_TAGS = new Set(['公开卷宗', '调查卷宗', '公开案件'])
 const RESOLVED_TAGS = new Set(['已决议', '已归档'])
+const FEATURED_TAGS = new Set(['精选', '精选决议'])
 
 export type DemocracyEntryKind = 'case' | 'proposal'
 export type DemocracyEntryStatus = 'open' | 'resolved'
 
 export interface DemocracyEntry {
+  featured: boolean
   kind: DemocracyEntryKind
   status: DemocracyEntryStatus
   summary: Summary
@@ -41,23 +43,20 @@ function hasAnyTag(tags: string[], candidates: Set<string>) {
 export function toDemocracyEntry(summary: Summary): DemocracyEntry {
   const tags = summary.Tags ?? []
   return {
+    featured: hasAnyTag(tags, FEATURED_TAGS),
     kind: hasAnyTag(tags, CASE_TAGS) ? 'case' : 'proposal',
     status: hasAnyTag(tags, RESOLVED_TAGS) ? 'resolved' : 'open',
     summary,
   }
 }
 
-export async function fetchDemocracyEntries(): Promise<DemocracyEntry[]> {
-  if (isDemocracyDemoMode()) {
-    return DEMOCRACY_DEMO_SUMMARIES.map(toDemocracyEntry)
-  }
-
+async function queryDemocracySummaries(tags: string[], take: number) {
   const response = await getData('/Contents/QueryExperiments', {
     Query: {
       Category: 'Discussion',
       Languages: [],
       ExcludeLanguages: [],
-      Tags: [DEMOCRACY_WALL_TAG],
+      Tags: tags,
       ModelTags: [],
       ExcludeTags: [],
       ModelID: undefined,
@@ -66,7 +65,7 @@ export async function fetchDemocracyEntries(): Promise<DemocracyEntry[]> {
       Special: undefined,
       From: undefined,
       Skip: 0,
-      Take: 48,
+      Take: take,
       Days: 0,
       Sort: 0,
       ShowAnnouncement: true,
@@ -77,7 +76,43 @@ export async function fetchDemocracyEntries(): Promise<DemocracyEntry[]> {
     throw new Error(response.Message || String(response.Status))
   }
 
-  return (response.Data?.$values ?? []).map(toDemocracyEntry)
+  return response.Data?.$values ?? []
+}
+
+export async function fetchDemocracyEntries(): Promise<DemocracyEntry[]> {
+  if (isDemocracyDemoMode()) {
+    return DEMOCRACY_DEMO_SUMMARIES.map(toDemocracyEntry).filter(
+      (entry) => entry.status === 'open' || entry.featured,
+    )
+  }
+
+  return (await queryDemocracySummaries([DEMOCRACY_WALL_TAG], 48))
+    .map(toDemocracyEntry)
+    .filter((entry) => entry.status === 'open' || entry.featured)
+}
+
+export async function fetchDemocracyHistoryEntries(): Promise<DemocracyEntry[]> {
+  if (isDemocracyDemoMode()) {
+    return DEMOCRACY_DEMO_SUMMARIES.map(toDemocracyEntry).filter(
+      (entry) => entry.status === 'resolved',
+    )
+  }
+
+  const results = await Promise.allSettled([
+    queryDemocracySummaries([DEMOCRACY_WALL_TAG, '已归档'], 48),
+    queryDemocracySummaries([DEMOCRACY_WALL_TAG, '已决议'], 48),
+  ])
+  const summaries = results.flatMap((result) => (result.status === 'fulfilled' ? result.value : []))
+  const firstFailure = results.find(
+    (result): result is PromiseRejectedResult => result.status === 'rejected',
+  )
+  if (!summaries.length && firstFailure) {
+    throw firstFailure.reason
+  }
+
+  return Array.from(new Map(summaries.map((summary) => [summary.ID, summary])).values())
+    .map(toDemocracyEntry)
+    .filter((entry) => entry.status === 'resolved')
 }
 
 function isVoteActivity(activity: Activity) {
diff --git a/src/services/democracyWallDemo.ts b/src/services/democracyWallDemo.ts
index b4212e0d..0159b238 100644
--- a/src/services/democracyWallDemo.ts
+++ b/src/services/democracyWallDemo.ts
@@ -113,12 +113,32 @@ export const DEMOCRACY_DEMO_SUMMARIES: Summary[] = [
     id: '66d100000000000000000004',
     subject: '已决议：条例修订必须保留旧版本',
     description: '社区已通过决议：条例修订需保留原文、生效时间、修订理由和受影响的历史决议。',
-    tags: ['公共议案', '已决议', '已归档'],
+    tags: ['公共议案', '已决议', '已归档', '精选'],
     verification: 'Administrator',
     nickname: '管理员·归档员',
     comments: 47,
     visits: 923,
   }),
+  createSummary({
+    id: '66d100000000000000000005',
+    subject: '历史事务：社区公开记录保留规则',
+    description: '该事务于 2025 年完成质询与决议，历史卷宗保留了规则原文、投票结果和后续修订记录。',
+    tags: ['管理监察', '已决议', '已归档'],
+    verification: 'Editor',
+    nickname: '认证编辑·文档组',
+    comments: 36,
+    visits: 704,
+  }),
+  createSummary({
+    id: '66d100000000000000000006',
+    subject: '历史事务：志愿调查团回避办法试行记录',
+    description: '试行期结束后，社区将回避申明、临时替补和异议处理流程归档，供后续管理监察引用。',
+    tags: ['公开卷宗', '已决议', '已归档'],
+    verification: 'Volunteer',
+    nickname: '志愿者·记录员',
+    comments: 29,
+    visits: 618,
+  }),
 ]
 
 export const DEMOCRACY_DEMO_DETAILS: Record<string, DemocracyDemoDetail> = {
diff --git a/src/views/DemocracyWall.vue b/src/views/DemocracyWall.vue
index ebdf41e9..b9c47613 100644
--- a/src/views/DemocracyWall.vue
+++ b/src/views/DemocracyWall.vue
@@ -17,32 +17,52 @@
         <n-button size="small" @click="resetDemo">{{ t('democracy.demo.reset') }}</n-button>
       </section>
 
-      <section class="hero" aria-labelledby="democracy-intro-title">
-        <div>
-          <p class="eyebrow">{{ t('democracy.eyebrow') }}</p>
-          <h2 id="democracy-intro-title">{{ t('democracy.heroTitle') }}</h2>
-          <p>{{ t('democracy.heroDescription') }}</p>
-        </div>
-        <ol class="workflow" :aria-label="t('democracy.workflowLabel')">
-          <li v-for="(step, index) in workflowSteps" :key="step">
-            <b>{{ index + 1 }}</b>
-            <span>{{ step }}</span>
-          </li>
-        </ol>
-      </section>
+      <nav class="scope-switch" :aria-label="t('democracy.scopes.label')">
+        <button
+          type="button"
+          :class="{ active: activeScope === 'current' }"
+          @click="activeScope = 'current'"
+        >
+          <span>{{ t('democracy.scopes.current') }}</span>
+          <small>{{ entries.length }}</small>
+        </button>
+        <button
+          type="button"
+          :class="{ active: activeScope === 'history' }"
+          @click="activeScope = 'history'"
+        >
+          <span>{{ t('democracy.scopes.history') }}</span>
+          <small>{{ historyEntries.length }}</small>
+        </button>
+      </nav>
+
+      <section v-if="activeScope === 'current'" class="content-panel">
+        <header class="panel-heading">
+          <div>
+            <h2>{{ t('democracy.scopes.current') }}</h2>
+            <p>{{ t('democracy.scopes.currentDescription') }}</p>
+          </div>
+        </header>
 
-      <section class="wall-panel">
         <n-tabs v-model:value="activeTab" type="line" animated>
           <n-tab-pane name="ongoing" :tab="tabTitle('ongoing', ongoingEntries.length)">
-            <EntryGrid :entries="ongoingEntries" :loading="entryLoading" @retry="loadEntries" />
+            <EntryGrid
+              :entries="ongoingEntries"
+              :loading="entryLoading"
+              :error="entryError"
+              @retry="loadEntries"
+            />
           </n-tab-pane>
           <n-tab-pane name="public" :tab="tabTitle('public', publicAffairsCount)">
-            <EntryGrid :entries="proposalEntries" :loading="entryLoading" @retry="loadEntries" />
-            <section class="vote-section" :aria-labelledby="'public-vote-heading'">
+            <EntryGrid
+              :entries="proposalEntries"
+              :loading="entryLoading"
+              :error="entryError"
+              @retry="loadEntries"
+            />
+            <section class="vote-section" aria-labelledby="public-vote-heading">
               <h2 id="public-vote-heading">{{ t('democracy.vote.sectionTitle') }}</h2>
-              <div v-if="voteLoading" class="state-box">
-                <n-spin size="large" />
-              </div>
+              <div v-if="voteLoading" class="state-box"><n-spin size="large" /></div>
               <div v-else-if="voteError" class="state-box">
                 <n-empty :description="t('democracy.vote.loadFailed')">
                   <template #extra>
@@ -66,13 +86,38 @@
             </section>
           </n-tab-pane>
           <n-tab-pane name="oversight" :tab="tabTitle('oversight', caseEntries.length)">
-            <EntryGrid :entries="caseEntries" :loading="entryLoading" @retry="loadEntries" />
+            <EntryGrid
+              :entries="caseEntries"
+              :loading="entryLoading"
+              :error="entryError"
+              @retry="loadEntries"
+            />
           </n-tab-pane>
-          <n-tab-pane name="featured" :tab="tabTitle('featured', resolvedEntries.length)">
-            <EntryGrid :entries="resolvedEntries" :loading="entryLoading" @retry="loadEntries" />
+          <n-tab-pane name="featured" :tab="tabTitle('featured', featuredEntries.length)">
+            <EntryGrid
+              :entries="featuredEntries"
+              :loading="entryLoading"
+              :error="entryError"
+              @retry="loadEntries"
+            />
           </n-tab-pane>
         </n-tabs>
       </section>
+
+      <section v-else class="content-panel history-panel">
+        <header class="panel-heading">
+          <div>
+            <h2>{{ t('democracy.scopes.history') }}</h2>
+            <p>{{ t('democracy.scopes.historyDescription') }}</p>
+          </div>
+        </header>
+        <EntryGrid
+          :entries="historyEntries"
+          :loading="historyLoading"
+          :error="historyError"
+          @retry="loadHistory"
+        />
+      </section>
     </main>
 
     <Footer />
@@ -89,6 +134,7 @@ import DemocracyEntryCard from '@components/democracy/DemocracyEntryCard.vue'
 import AnonymousVoteCard from '@components/democracy/AnonymousVoteCard.vue'
 import {
   fetchDemocracyEntries,
+  fetchDemocracyHistoryEntries,
   fetchDemocracyVoteContext,
   mergeDemocracyVoteContext,
   type DemocracyEntry,
@@ -99,21 +145,18 @@ import type { Sync } from '../pl-serve-type-main/type/main'
 
 const { t } = useI18n()
 const demoMode = isDemocracyDemoMode()
+const activeScope = ref<'current' | 'history'>('current')
 const activeTab = ref('ongoing')
 const entries = ref<DemocracyEntry[]>([])
+const historyEntries = ref<DemocracyEntry[]>([])
 const entryLoading = ref(true)
 const entryError = ref(false)
+const historyLoading = ref(true)
+const historyError = ref(false)
 const voteLoading = ref(true)
 const voteError = ref(false)
 const voteContext = ref<DemocracyVoteContext>({ activities: [], statuses: [] })
 
-const workflowSteps = computed(() => [
-  t('democracy.workflow.submit'),
-  t('democracy.workflow.investigate'),
-  t('democracy.workflow.question'),
-  t('democracy.workflow.decide'),
-])
-
 const ongoingEntries = computed(() => entries.value.filter((entry) => entry.status === 'open'))
 const caseEntries = computed(() =>
   entries.value.filter((entry) => entry.kind === 'case' && entry.status === 'open'),
@@ -121,7 +164,7 @@ const caseEntries = computed(() =>
 const proposalEntries = computed(() =>
   entries.value.filter((entry) => entry.kind === 'proposal' && entry.status === 'open'),
 )
-const resolvedEntries = computed(() => entries.value.filter((entry) => entry.status === 'resolved'))
+const featuredEntries = computed(() => entries.value.filter((entry) => entry.featured))
 const publicAffairsCount = computed(
   () => proposalEntries.value.length + voteContext.value.activities.length,
 )
@@ -142,6 +185,18 @@ async function loadEntries() {
   }
 }
 
+async function loadHistory() {
+  historyLoading.value = true
+  historyError.value = false
+  try {
+    historyEntries.value = await fetchDemocracyHistoryEntries()
+  } catch {
+    historyError.value = true
+  } finally {
+    historyLoading.value = false
+  }
+}
+
 async function loadVotes() {
   voteLoading.value = true
   voteError.value = false
@@ -170,19 +225,15 @@ function resetDemo() {
 const EntryGrid = defineComponent({
   name: 'DemocracyEntryGrid',
   props: {
-    entries: {
-      type: Array as PropType<DemocracyEntry[]>,
-      required: true,
-    },
+    entries: { type: Array as PropType<DemocracyEntry[]>, required: true },
     loading: Boolean,
+    error: Boolean,
   },
   emits: ['retry'],
   setup(props, { emit }) {
     return () => {
-      if (props.loading) {
-        return h('div', { class: 'state-box' }, [h(NSpin, { size: 'large' })])
-      }
-      if (entryError.value) {
+      if (props.loading) return h('div', { class: 'state-box' }, [h(NSpin, { size: 'large' })])
+      if (props.error) {
         return h('div', { class: 'state-box' }, [
           h(
             NEmpty,
@@ -208,19 +259,16 @@ const EntryGrid = defineComponent({
 })
 
 onMounted(() => {
-  void Promise.allSettled([loadEntries(), loadVotes()])
-  window.$Logger.logPageView({
-    pageLink: '/Democracy/',
-    timeStamp: Date.now(),
-  })
+  void Promise.allSettled([loadEntries(), loadHistory(), loadVotes()])
+  window.$Logger.logPageView({ pageLink: '/Democracy/', timeStamp: Date.now() })
 })
 </script>
 
 <style scoped>
 .democracy-page {
   min-height: 100dvh;
-  background: #f3f6f8;
-  color: #253746;
+  background: #f3f3f3;
+  color: #333;
 }
 
 .page-heading {
@@ -237,32 +285,32 @@ onMounted(() => {
 
 .page-heading span {
   overflow: hidden;
-  color: #7a8791;
+  color: #777;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .demo-chip {
-  flex: 0 0 auto;
-  padding: 0.2rem 0.5rem;
-  border-radius: 999px;
-  background: #fff1c7;
-  color: #8b5b00;
+  padding: 0.15rem 0.45rem;
+  border-radius: 0.3rem;
+  background: #e7f4fb;
+  color: #0185c5;
   font-size: 0.72rem;
 }
 
 main {
   height: calc(100dvh - 100px);
   overflow-y: auto;
-  padding: clamp(0.75rem, 2vw, 1.5rem);
+  padding: 12px;
   scrollbar-width: thin;
 }
 
-.hero,
-.wall-panel,
-.demo-banner {
+.demo-banner,
+.scope-switch,
+.content-panel {
   width: min(1180px, 100%);
-  margin: 0 auto;
+  margin-right: auto;
+  margin-left: auto;
 }
 
 .demo-banner {
@@ -270,106 +318,95 @@ main {
   gap: 1rem;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 0.75rem;
-  padding: 0.75rem 1rem;
-  border: 1px solid #ead18b;
-  border-radius: 0.8rem;
-  background: #fff9e8;
-  color: #694d10;
+  margin-bottom: 10px;
+  padding: 10px 12px;
+  border-left: 4px solid #0185c5;
+  border-radius: 6px;
+  background: #fff;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
 }
 
 .demo-banner div {
   display: flex;
-  gap: 0.35rem;
+  gap: 0.2rem;
   flex-direction: column;
 }
 
 .demo-banner span {
-  font-size: 0.82rem;
+  color: #777;
+  font-size: 0.8rem;
 }
 
-.hero {
+.scope-switch {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(320px, 1.15fr);
-  gap: clamp(1rem, 3vw, 2.5rem);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  margin-bottom: 10px;
+  padding: 4px;
+  border-radius: 8px;
+  background: #fff;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
+}
+
+.scope-switch button {
+  display: flex;
+  gap: 0.55rem;
   align-items: center;
-  padding: clamp(1.1rem, 3vw, 2rem);
-  border-radius: 1.2rem;
-  overflow: hidden;
-  background:
-    radial-gradient(circle at 95% 10%, rgba(108, 201, 227, 0.28), transparent 34%),
-    linear-gradient(135deg, #123c58, #126c88);
-  color: #fff;
+  justify-content: center;
+  padding: 0.65rem 1rem;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: #666;
+  cursor: pointer;
 }
 
-.eyebrow {
-  margin: 0 0 0.35rem;
-  color: #a7e4f2;
-  font-size: 0.76rem;
-  font-weight: 700;
-  letter-spacing: 0.12em;
+.scope-switch button.active {
+  background: #0185c5;
+  color: #fff;
 }
 
-.hero h2 {
-  margin: 0;
-  font-size: clamp(1.45rem, 4vw, 2.45rem);
-  line-height: 1.2;
+.scope-switch button:focus-visible {
+  outline: 2px solid #6ec1e8;
+  outline-offset: 1px;
 }
 
-.hero p:last-child {
-  max-width: 42rem;
-  margin: 0.75rem 0 0;
-  color: #d9edf3;
-  line-height: 1.65;
+.scope-switch small {
+  min-width: 1.3rem;
+  padding: 0.05rem 0.35rem;
+  border-radius: 999px;
+  background: rgba(128, 128, 128, 0.15);
 }
 
-.workflow {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 0.5rem;
-  margin: 0;
-  padding: 0;
-  list-style: none;
+.content-panel {
+  padding: 14px;
+  border-radius: 10px;
+  background: #fff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }
 
-.workflow li {
+.panel-heading {
   display: flex;
-  min-width: 0;
-  flex-direction: column;
-  gap: 0.5rem;
   align-items: center;
-  text-align: center;
-}
-
-.workflow li:not(:last-child)::after {
-  width: 50%;
-  height: 1px;
-  align-self: flex-end;
-  margin-top: -2.45rem;
-  margin-right: -29%;
-  background: rgba(255, 255, 255, 0.35);
-  content: '';
+  justify-content: space-between;
+  margin-bottom: 8px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #eee;
 }
 
-.workflow b {
-  display: grid;
-  width: 2.2rem;
-  height: 2.2rem;
-  place-items: center;
-  border: 1px solid rgba(255, 255, 255, 0.55);
-  border-radius: 50%;
-  background: rgba(255, 255, 255, 0.12);
+.panel-heading h2,
+.panel-heading p {
+  margin: 0;
 }
 
-.workflow span {
-  font-size: 0.78rem;
+.panel-heading h2 {
+  color: #333;
+  font-size: 1.15rem;
 }
 
-.wall-panel {
-  margin-top: clamp(0.75rem, 2vw, 1.2rem);
-  padding: clamp(0.75rem, 2vw, 1.2rem);
-  border-radius: 1.2rem;
-  background: #fff;
+.panel-heading p {
+  margin-top: 0.25rem;
+  color: #777;
+  font-size: 0.82rem;
 }
 
 :deep(.n-tabs-nav-scroll-wrapper) {
@@ -382,36 +419,32 @@ main {
 }
 
 .vote-section {
-  margin-top: 0.9rem;
-  padding-top: 1rem;
-  border-top: 1px solid #e4ebf0;
+  margin-top: 10px;
+  padding-top: 12px;
+  border-top: 1px solid #eee;
 }
 
 .vote-section h2 {
-  margin: 0 0 0.7rem 0.15rem;
-  color: #263d4d;
-  font-size: 1.05rem;
+  margin: 0 0 10px;
+  color: #444;
+  font-size: 1rem;
 }
 
 :deep(.entry-grid),
 .vote-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: clamp(0.75rem, 2vw, 1.2rem);
-  padding: 0.35rem 0.15rem 1rem;
+  gap: 12px;
+  padding: 4px 0 10px;
 }
 
 :deep(.state-box) {
   display: grid;
-  min-height: 16rem;
+  min-height: 14rem;
   place-items: center;
 }
 
 @media (max-width: 820px) {
-  .hero {
-    grid-template-columns: 1fr;
-  }
-
   :deep(.entry-grid),
   .vote-grid {
     grid-template-columns: 1fr;
@@ -424,21 +457,19 @@ main {
   }
 
   main {
-    padding: 0.6rem;
+    padding: 8px;
   }
 
-  .hero,
-  .wall-panel {
-    border-radius: 0.9rem;
+  .demo-banner {
+    align-items: flex-start;
   }
 
-  .workflow {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    row-gap: 1rem;
+  .content-panel {
+    padding: 10px;
   }
 
-  .workflow li::after {
-    display: none;
+  .panel-heading p {
+    line-height: 1.45;
   }
 }
 </style>

From 042910399a4b1e4a8e59427fc3a7185fa66589d9 Mon Sep 17 00:00:00 2001
From: 16th-admin <evanhejiayi@gmail.com>
Date: Sun, 30 Aug 2026 11:23:33 +0800
Subject: [PATCH 05/10] refactor: embed democracy votes by matter state

---
 scripts/tests/democracy-wall-demo.spec.ts     | 12 +++
 .../democracy/AnonymousVoteCard.vue           |  3 +-
 .../democracy/DemocracyEntryCard.vue          | 11 ++-
 src/services/democracyWallDemo.ts             | 44 ++++++++-
 src/views/DemocracyWall.vue                   | 95 +++++++++++--------
 5 files changed, 120 insertions(+), 45 deletions(-)

diff --git a/scripts/tests/democracy-wall-demo.spec.ts b/scripts/tests/democracy-wall-demo.spec.ts
index f1fe73ad..1307f1d9 100644
--- a/scripts/tests/democracy-wall-demo.spec.ts
+++ b/scripts/tests/democracy-wall-demo.spec.ts
@@ -27,6 +27,18 @@ test.describe('民主墙离线演示', () => {
     await expect(page.getByRole('heading', { name: '历史事务' })).toBeVisible()
     await expect(page.getByText('历史事务：社区公开记录保留规则')).toBeVisible()
     await expect(page.getByText('历史事务：志愿调查团回避办法试行记录')).toBeVisible()
+    await expect(page.getByRole('link', { name: '参与质询' })).toHaveCount(0)
+    await expect(page.getByRole('link', { name: '查看详情' })).toHaveCount(3)
+  })
+
+  test('公共事务内置进行中投票，精选决议内置投票结果', async ({ page }) => {
+    await page.getByText('公共事务 4', { exact: true }).click()
+    await expect(page.getByText('卷宗质询期决议')).toBeVisible()
+    await expect(page.getByRole('heading', { name: '匿名投票与社区决议' })).toHaveCount(0)
+
+    await page.getByText('精选决议 2', { exact: true }).click()
+    await expect(page.getByText('条例版本保留决议结果')).toBeVisible()
+    await expect(page.getByRole('button', { name: /通过修订/ })).toBeDisabled()
   })
 
   test('匿名投票可刷新保留并重置', async ({ page }) => {
diff --git a/src/components/democracy/AnonymousVoteCard.vue b/src/components/democracy/AnonymousVoteCard.vue
index d91401cd..9376aa36 100644
--- a/src/components/democracy/AnonymousVoteCard.vue
+++ b/src/components/democracy/AnonymousVoteCard.vue
@@ -101,6 +101,7 @@ function hasChosen(index: number) {
 
 function shouldShowResult(index: number) {
   if (!props.status) return true
+  if (props.status.Finished) return true
   if (hasChosen(index)) return true
   return props.activity.InterfaceModel === 'Vote-Single' && props.status.Gains.length > 0
 }
@@ -111,7 +112,7 @@ function percentage(index: number) {
 }
 
 function canVote(index: number) {
-  if (!props.status || !props.statistic || hasChosen(index)) return false
+  if (!props.status || !props.statistic || props.status.Finished || hasChosen(index)) return false
   if (props.activity.InterfaceModel === 'Vote-Single' && props.status.Gains.length > 0) return false
   return true
 }
diff --git a/src/components/democracy/DemocracyEntryCard.vue b/src/components/democracy/DemocracyEntryCard.vue
index 1f3448c5..99358852 100644
--- a/src/components/democracy/DemocracyEntryCard.vue
+++ b/src/components/democracy/DemocracyEntryCard.vue
@@ -37,7 +37,10 @@
         />
       </component>
       <div class="metrics" :aria-label="t('democracy.metrics')">
-        <router-link :to="commentsPath">
+        <span v-if="readOnly">{{
+          t('democracy.comments', { count: entry.summary.Comments })
+        }}</span>
+        <router-link v-else :to="commentsPath">
           {{ t('democracy.comments', { count: entry.summary.Comments }) }}
         </router-link>
         <span>{{ t('democracy.visits', { count: entry.summary.Visits }) }}</span>
@@ -46,7 +49,9 @@
 
     <div class="entry-actions">
       <router-link :to="targetPath">{{ t('democracy.actions.view') }}</router-link>
-      <router-link :to="commentsPath">{{ t('democracy.actions.question') }}</router-link>
+      <router-link v-if="!readOnly" :to="commentsPath">
+        {{ t('democracy.actions.question') }}
+      </router-link>
     </div>
   </article>
 </template>
@@ -58,7 +63,7 @@ import Tag from '@components/utils/TagLarger.vue'
 import { formatDate, getUserUrl } from '@services/utils'
 import type { DemocracyEntry } from '@services/democracyWall'
 
-const props = defineProps<{ entry: DemocracyEntry; demoMode?: boolean }>()
+const props = defineProps<{ entry: DemocracyEntry; demoMode?: boolean; readOnly?: boolean }>()
 const { t, locale } = useI18n()
 
 const targetPath = computed(() =>
diff --git a/src/services/democracyWallDemo.ts b/src/services/democracyWallDemo.ts
index 0159b238..08fa39c2 100644
--- a/src/services/democracyWallDemo.ts
+++ b/src/services/democracyWallDemo.ts
@@ -255,6 +255,43 @@ const DEMO_VOTES: Activity[] = [
     TargetText: {} as never,
     Version: 1,
   },
+  {
+    Contents: [{ Chinese: '是否通过条例修订版本，并保留所有历史版本供社区查阅？' } as never],
+    FinishDate: '2026-08-15T23:59:59+08:00',
+    ID: '66d10000000000000000b003',
+    InterfaceModel: 'Vote-Single',
+    InternalLink: null,
+    IsAttendance: false,
+    IsDaily: false,
+    IsDevelopment: true,
+    IsTutorial: false,
+    Items: [
+      {
+        Bonuses: { Gold: 0, Experience: 0, Diamond: 0 },
+        Condition: '',
+        Counter: 126,
+        Counters: {},
+        Description: '通过修订',
+        Local: false,
+      },
+      {
+        Bonuses: { Gold: 0, Experience: 0, Diamond: 0 },
+        Condition: '',
+        Counter: 18,
+        Counters: {},
+        Description: '退回修改',
+        Local: false,
+      },
+    ],
+    Languages: [],
+    Platforms: [],
+    Priority: 3,
+    StartDate: '2026-08-08T00:00:00+08:00',
+    Subject: { Chinese: '条例版本保留决议结果' } as never,
+    TargetLink: {} as never,
+    TargetText: {} as never,
+    Version: 1,
+  },
 ]
 
 export function isDemocracyDemoMode() {
@@ -282,10 +319,13 @@ function buildDemoVotes(store = readVoteStore()) {
 function buildDemoStatuses(store = readVoteStore()): ActivityStatus[] {
   return DEMO_VOTES.map((activity) => ({
     ActivityID: activity.ID,
-    Avails: activity.Items.map((_, index) => index),
+    Avails:
+      new Date(activity.FinishDate).getTime() <= Date.now()
+        ? []
+        : activity.Items.map((_, index) => index),
     Counters: activity.Items.map(() => 0),
     Expiration: activity.FinishDate,
-    Finished: false,
+    Finished: new Date(activity.FinishDate).getTime() <= Date.now(),
     Gains: store[activity.ID]?.gains ?? [],
     LastModified: new Date().toISOString(),
   }))
diff --git a/src/views/DemocracyWall.vue b/src/views/DemocracyWall.vue
index b9c47613..7c55a0a4 100644
--- a/src/views/DemocracyWall.vue
+++ b/src/views/DemocracyWall.vue
@@ -60,30 +60,22 @@
               :error="entryError"
               @retry="loadEntries"
             />
-            <section class="vote-section" aria-labelledby="public-vote-heading">
-              <h2 id="public-vote-heading">{{ t('democracy.vote.sectionTitle') }}</h2>
-              <div v-if="voteLoading" class="state-box"><n-spin size="large" /></div>
-              <div v-else-if="voteError" class="state-box">
-                <n-empty :description="t('democracy.vote.loadFailed')">
-                  <template #extra>
-                    <n-button @click="loadVotes">{{ t('democracy.retry') }}</n-button>
-                  </template>
-                </n-empty>
-              </div>
-              <div v-else-if="voteContext.activities.length" class="vote-grid">
-                <AnonymousVoteCard
-                  v-for="activity in voteContext.activities"
-                  :key="activity.ID"
-                  :activity="activity"
-                  :status="statusFor(activity.ID)"
-                  :statistic="voteContext.statistic"
-                  @updated="onVoteUpdated"
-                />
-              </div>
-              <div v-else class="state-box">
-                <n-empty :description="t('democracy.vote.empty')" />
-              </div>
-            </section>
+            <div v-if="voteLoading" class="embedded-state"><n-spin size="small" /></div>
+            <div v-else-if="voteError" class="embedded-state">
+              <n-button size="small" @click="loadVotes">
+                {{ t('democracy.vote.loadFailed') }} · {{ t('democracy.retry') }}
+              </n-button>
+            </div>
+            <div v-else-if="activeVoteActivities.length" class="vote-grid embedded-votes">
+              <AnonymousVoteCard
+                v-for="activity in activeVoteActivities"
+                :key="activity.ID"
+                :activity="activity"
+                :status="statusFor(activity.ID)"
+                :statistic="voteContext.statistic"
+                @updated="onVoteUpdated"
+              />
+            </div>
           </n-tab-pane>
           <n-tab-pane name="oversight" :tab="tabTitle('oversight', caseEntries.length)">
             <EntryGrid
@@ -93,13 +85,23 @@
               @retry="loadEntries"
             />
           </n-tab-pane>
-          <n-tab-pane name="featured" :tab="tabTitle('featured', featuredEntries.length)">
+          <n-tab-pane name="featured" :tab="tabTitle('featured', featuredCount)">
             <EntryGrid
               :entries="featuredEntries"
               :loading="entryLoading"
               :error="entryError"
               @retry="loadEntries"
             />
+            <div v-if="resolvedVoteActivities.length" class="vote-grid embedded-votes">
+              <AnonymousVoteCard
+                v-for="activity in resolvedVoteActivities"
+                :key="activity.ID"
+                :activity="activity"
+                :status="statusFor(activity.ID)"
+                :statistic="voteContext.statistic"
+                @updated="onVoteUpdated"
+              />
+            </div>
           </n-tab-pane>
         </n-tabs>
       </section>
@@ -115,6 +117,7 @@
           :entries="historyEntries"
           :loading="historyLoading"
           :error="historyError"
+          read-only
           @retry="loadHistory"
         />
       </section>
@@ -165,8 +168,17 @@ const proposalEntries = computed(() =>
   entries.value.filter((entry) => entry.kind === 'proposal' && entry.status === 'open'),
 )
 const featuredEntries = computed(() => entries.value.filter((entry) => entry.featured))
+const activeVoteActivities = computed(() =>
+  voteContext.value.activities.filter((activity) => !statusFor(activity.ID)?.Finished),
+)
+const resolvedVoteActivities = computed(() =>
+  voteContext.value.activities.filter((activity) => statusFor(activity.ID)?.Finished),
+)
 const publicAffairsCount = computed(
-  () => proposalEntries.value.length + voteContext.value.activities.length,
+  () => proposalEntries.value.length + activeVoteActivities.value.length,
+)
+const featuredCount = computed(
+  () => featuredEntries.value.length + resolvedVoteActivities.value.length,
 )
 
 function tabTitle(key: string, count: number) {
@@ -228,6 +240,7 @@ const EntryGrid = defineComponent({
     entries: { type: Array as PropType<DemocracyEntry[]>, required: true },
     loading: Boolean,
     error: Boolean,
+    readOnly: Boolean,
   },
   emits: ['retry'],
   setup(props, { emit }) {
@@ -251,7 +264,12 @@ const EntryGrid = defineComponent({
         'div',
         { class: 'entry-grid' },
         props.entries.map((entry) =>
-          h(DemocracyEntryCard, { key: entry.summary.ID, entry, demoMode }),
+          h(DemocracyEntryCard, {
+            key: entry.summary.ID,
+            entry,
+            demoMode,
+            readOnly: props.readOnly,
+          }),
         ),
       )
     }
@@ -418,18 +436,6 @@ main {
   white-space: nowrap;
 }
 
-.vote-section {
-  margin-top: 10px;
-  padding-top: 12px;
-  border-top: 1px solid #eee;
-}
-
-.vote-section h2 {
-  margin: 0 0 10px;
-  color: #444;
-  font-size: 1rem;
-}
-
 :deep(.entry-grid),
 .vote-grid {
   display: grid;
@@ -438,6 +444,17 @@ main {
   padding: 4px 0 10px;
 }
 
+.embedded-votes {
+  margin-top: -10px;
+}
+
+.embedded-state {
+  display: flex;
+  min-height: 3rem;
+  align-items: center;
+  justify-content: center;
+}
+
 :deep(.state-box) {
   display: grid;
   min-height: 14rem;

From 7eb0f24595447febf7dad09078422f7831810e04 Mon Sep 17 00:00:00 2001
From: 16th-admin <evanhejiayi@gmail.com>
Date: Sun, 30 Aug 2026 11:39:34 +0800
Subject: [PATCH 06/10] feat: unite democracy proposal stages

---
 scripts/tests/democracy-wall-demo.spec.ts     |  33 +-
 scripts/tests/democracy-wall.spec.ts          |  21 +-
 .../democracy/DemocracyEntryCard.vue          |  26 +-
 src/i18n/de.ts                                |  11 +
 src/i18n/en.ts                                |  11 +
 src/i18n/fr.ts                                |  11 +
 src/i18n/ja.ts                                |  11 +
 src/i18n/zh.ts                                |  11 +
 src/router/index.ts                           |  12 +-
 src/services/democracyWall.ts                 |  14 +
 src/services/democracyWallDemo.ts             |   6 +-
 src/views/DemocracyDemoDetail.vue             | 410 +++++++++++++-----
 src/views/DemocracyWall.vue                   |  95 +---
 13 files changed, 438 insertions(+), 234 deletions(-)

diff --git a/scripts/tests/democracy-wall-demo.spec.ts b/scripts/tests/democracy-wall-demo.spec.ts
index 1307f1d9..294a8ce9 100644
--- a/scripts/tests/democracy-wall-demo.spec.ts
+++ b/scripts/tests/democracy-wall-demo.spec.ts
@@ -14,9 +14,9 @@ test.describe('民主墙离线演示', () => {
     await expect(page.getByText('Editor')).toBeVisible()
 
     await page.getByText('关于公开指控处理流程的调查卷宗').click()
-    await expect(page).toHaveURL(/#\/d\/demo\/66d100000000000000000001\?demo=1$/)
-    await expect(page.getByRole('heading', { name: '公开卷宗' })).toBeVisible()
-    await expect(page.getByRole('heading', { name: '已确认事实' })).toBeVisible()
+    await expect(page).toHaveURL(/#\/d\/matter\/66d100000000000000000001\?demo=1$/)
+    await expect(page.getByRole('heading', { name: '事务详情' })).toBeVisible()
+    await expect(page.getByRole('heading', { name: '社区质询与建言' })).toBeVisible()
     await expect(page.getByText('卷宗引用的条例版本是否在事件发生时已生效？')).toBeVisible()
   })
 
@@ -29,20 +29,31 @@ test.describe('民主墙离线演示', () => {
     await expect(page.getByText('历史事务：志愿调查团回避办法试行记录')).toBeVisible()
     await expect(page.getByRole('link', { name: '参与质询' })).toHaveCount(0)
     await expect(page.getByRole('link', { name: '查看详情' })).toHaveCount(3)
+    await page.getByRole('link', { name: '查看详情' }).first().click()
+    await expect(page.getByText('历史记录只读')).toBeVisible()
+    await expect(page.getByRole('button', { name: '提交建言' })).toHaveCount(0)
   })
 
-  test('公共事务内置进行中投票，精选决议内置投票结果', async ({ page }) => {
-    await page.getByText('公共事务 4', { exact: true }).click()
+  test('提案详情整合质询建言和投票阶段', async ({ page }) => {
+    await page.getByText('公共事务 2', { exact: true }).click()
+    await page.getByRole('link', { name: '提案：卷宗公开后设置 72 小时质询期' }).first().click()
+    await expect(page.getByText('1. 质询建言阶段', { exact: true })).toBeVisible()
+    await expect(page.getByText('2. 投票阶段', { exact: true })).toBeVisible()
+    await page.getByText('2. 投票阶段', { exact: true }).click()
     await expect(page.getByText('卷宗质询期决议')).toBeVisible()
-    await expect(page.getByRole('heading', { name: '匿名投票与社区决议' })).toHaveCount(0)
 
-    await page.getByText('精选决议 2', { exact: true }).click()
+    await page.goto('/#/d?demo=1')
+    await page.getByText('精选决议 1', { exact: true }).click()
+    await page.getByRole('link', { name: '已决议：条例修订必须保留旧版本' }).first().click()
+    await page.getByText('2. 投票阶段', { exact: true }).click()
     await expect(page.getByText('条例版本保留决议结果')).toBeVisible()
     await expect(page.getByRole('button', { name: /通过修订/ })).toBeDisabled()
   })
 
   test('匿名投票可刷新保留并重置', async ({ page }) => {
-    await page.getByText('公共事务 4', { exact: true }).click()
+    await page.getByText('公共事务 2', { exact: true }).click()
+    await page.getByRole('link', { name: '提案：卷宗公开后设置 72 小时质询期' }).first().click()
+    await page.getByText('2. 投票阶段', { exact: true }).click()
     const choice = page.getByRole('button', { name: /同意 72 小时/ })
 
     await expect(choice).toBeEnabled()
@@ -51,10 +62,14 @@ test.describe('民主墙离线演示', () => {
 
     await page.reload()
     await waitForPageReady(page)
-    await page.getByText('公共事务 4', { exact: true }).click()
+    await page.getByText('2. 投票阶段', { exact: true }).click()
     await expect(page.getByRole('button', { name: /同意 72 小时/ })).toBeDisabled()
 
+    await page.goto('/#/d?demo=1')
     await page.getByRole('button', { name: '重置投票' }).click()
+    await page.getByText('公共事务 2', { exact: true }).click()
+    await page.getByRole('link', { name: '提案：卷宗公开后设置 72 小时质询期' }).first().click()
+    await page.getByText('2. 投票阶段', { exact: true }).click()
     await expect(page.getByRole('button', { name: /同意 72 小时/ })).toBeEnabled()
   })
 })
diff --git a/scripts/tests/democracy-wall.spec.ts b/scripts/tests/democracy-wall.spec.ts
index 904738cc..de0e1212 100644
--- a/scripts/tests/democracy-wall.spec.ts
+++ b/scripts/tests/democracy-wall.spec.ts
@@ -73,7 +73,7 @@ const activitiesResponse = {
         FinishDate: '2026-09-30T00:00:00Z',
         ID: '7777ff550b5f97d6e49d12d7',
         InterfaceModel: 'Vote-Single',
-        InternalLink: null,
+        InternalLink: '/p/Discussion/66a84559744ed757b46f8917',
         IsAttendance: false,
         IsDaily: false,
         IsDevelopment: false,
@@ -124,6 +124,18 @@ test.describe('民主墙', () => {
         body: JSON.stringify(activitiesResponse),
       })
     })
+    await page.route('**/api/Contents/GetSummary', async (route) => {
+      await route.fulfill({
+        contentType: 'application/json',
+        body: JSON.stringify({ Status: 200, Message: '', Data: entriesResponse.Data.$values[0] }),
+      })
+    })
+    await page.route('**/api/Messages/GetComments', async (route) => {
+      await route.fulfill({
+        contentType: 'application/json',
+        body: JSON.stringify({ Status: 200, Message: '', Data: { Comments: [], Count: 0 } }),
+      })
+    })
   })
 
   test('展示卷宗、身份标签和现有匿名投票', async ({ page }) => {
@@ -135,14 +147,15 @@ test.describe('民主墙', () => {
     await expect(page.getByText('Editor')).toBeVisible()
     await expect(page.getByRole('link', { name: '查看详情' }).first()).toHaveAttribute(
       'href',
-      '#/p/Discussion/66a84559744ed757b46f8917',
+      '#/d/matter/66a84559744ed757b46f8917',
     )
     await expect(page.getByRole('link', { name: '参与质询' }).first()).toHaveAttribute(
       'href',
-      /#\/c\/Discussion\/66a84559744ed757b46f8917\//,
+      '#/d/matter/66a84559744ed757b46f8917?stage=questions',
     )
 
-    await page.getByText('公共事务 1', { exact: true }).click()
+    await page.getByRole('link', { name: '查看详情' }).first().click()
+    await page.getByText('2. 投票阶段', { exact: true }).click()
     await expect(page.getByText('条例修订投票')).toBeVisible()
     await expect(page.getByRole('button', { name: /同意修订/ })).toBeVisible()
   })
diff --git a/src/components/democracy/DemocracyEntryCard.vue b/src/components/democracy/DemocracyEntryCard.vue
index 99358852..2febb7c7 100644
--- a/src/components/democracy/DemocracyEntryCard.vue
+++ b/src/components/democracy/DemocracyEntryCard.vue
@@ -66,21 +66,23 @@ import type { DemocracyEntry } from '@services/democracyWall'
 const props = defineProps<{ entry: DemocracyEntry; demoMode?: boolean; readOnly?: boolean }>()
 const { t, locale } = useI18n()
 
-const targetPath = computed(() =>
-  props.demoMode
-    ? `/d/demo/${props.entry.summary.ID}?demo=1`
-    : `/p/${props.entry.summary.Category || 'Discussion'}/${props.entry.summary.ID}`,
-)
+const targetPath = computed(() => ({
+  name: 'democracy-matter-detail',
+  params: { id: props.entry.summary.ID },
+  query: {
+    ...(props.demoMode ? { demo: '1' } : {}),
+    ...(props.readOnly ? { scope: 'history' } : {}),
+  },
+}))
 const commentsPath = computed(() =>
   props.demoMode
-    ? targetPath.value
+    ? {
+        ...targetPath.value,
+        query: { demo: '1', stage: 'questions' },
+      }
     : {
-        name: 'Comments',
-        params: {
-          category: props.entry.summary.Category || 'Discussion',
-          id: props.entry.summary.ID,
-          name: localizedSubject.value,
-        },
+        ...targetPath.value,
+        query: { stage: 'questions' },
       },
 )
 const avatarUrl = computed(() => getUserUrl(props.entry.summary.User))
diff --git a/src/i18n/de.ts b/src/i18n/de.ts
index e183040a..65d4509d 100644
--- a/src/i18n/de.ts
+++ b/src/i18n/de.ts
@@ -246,6 +246,17 @@ export default {
       view: 'Details ansehen',
       question: 'Frage stellen',
     },
+    matter: {
+      title: 'Vorgangsdetails',
+      overview: 'Übersicht',
+      questionsStage: '1. Fragen und Vorschläge',
+      voteStage: '2. Abstimmung',
+      suggestTitle: 'Fragen und Vorschläge der Gemeinschaft',
+      suggestPlaceholder: 'Frage, Änderungsvorschlag oder Quelle einreichen',
+      submitSuggestion: 'Vorschlag senden',
+      readOnly: 'Historischer Eintrag ist schreibgeschützt',
+      noVotes: 'Dieser Vorgang ist noch nicht in der Abstimmung',
+    },
     untitled: 'Unbenannter Eintrag',
     empty: 'In dieser Kategorie gibt es noch keine öffentlichen Inhalte',
     loadFailed: 'Demokratie-Wand konnte nicht geladen werden',
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index c5458c23..9eab3eb6 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -249,6 +249,17 @@ export default {
       view: 'View details',
       question: 'Join questions',
     },
+    matter: {
+      title: 'Matter details',
+      overview: 'Matter overview',
+      questionsStage: '1. Questions and suggestions',
+      voteStage: '2. Voting stage',
+      suggestTitle: 'Community questions and suggestions',
+      suggestPlaceholder: 'Submit a factual question, amendment, or supporting source',
+      submitSuggestion: 'Submit suggestion',
+      readOnly: 'Historical record is read-only',
+      noVotes: 'This matter has not entered the voting stage',
+    },
     untitled: 'Untitled item',
     empty: 'There is no public content in this category yet',
     loadFailed: 'Failed to load Democracy Wall content',
diff --git a/src/i18n/fr.ts b/src/i18n/fr.ts
index 72bf031a..f33c716d 100644
--- a/src/i18n/fr.ts
+++ b/src/i18n/fr.ts
@@ -246,6 +246,17 @@ export default {
       view: 'Voir le détail',
       question: 'Participer aux questions',
     },
+    matter: {
+      title: "Détail de l'affaire",
+      overview: "Vue d'ensemble",
+      questionsStage: '1. Questions et suggestions',
+      voteStage: '2. Étape de vote',
+      suggestTitle: 'Questions et suggestions de la communauté',
+      suggestPlaceholder: 'Proposer une question, une modification ou une source',
+      submitSuggestion: 'Envoyer la suggestion',
+      readOnly: "L'historique est en lecture seule",
+      noVotes: "Cette affaire n'est pas encore soumise au vote",
+    },
     untitled: 'Entrée sans titre',
     empty: "Aucun contenu public dans cette catégorie pour l'instant",
     loadFailed: 'Impossible de charger le mur démocratique',
diff --git a/src/i18n/ja.ts b/src/i18n/ja.ts
index babcd44c..2bc728e4 100644
--- a/src/i18n/ja.ts
+++ b/src/i18n/ja.ts
@@ -245,6 +245,17 @@ export default {
       view: '詳細を見る',
       question: '質疑に参加',
     },
+    matter: {
+      title: '案件詳細',
+      overview: '案件概要',
+      questionsStage: '1. 質疑・提案段階',
+      voteStage: '2. 投票段階',
+      suggestTitle: 'コミュニティの質疑と提案',
+      suggestPlaceholder: '事実への質問、修正案、追加資料を入力',
+      submitSuggestion: '提案を送信',
+      readOnly: '過去の記録は閲覧専用です',
+      noVotes: 'この案件はまだ投票段階に入っていません',
+    },
     untitled: '無題の項目',
     empty: 'この分類にはまだ公開コンテンツがありません',
     loadFailed: '民主ウォールの読み込みに失敗しました',
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index c8fb2d33..fb91f8cf 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -244,6 +244,17 @@ export default {
       view: '查看详情',
       question: '参与质询',
     },
+    matter: {
+      title: '事务详情',
+      overview: '事务概要',
+      questionsStage: '1. 质询建言阶段',
+      voteStage: '2. 投票阶段',
+      suggestTitle: '社区质询与建言',
+      suggestPlaceholder: '提出事实质询、修改建议或需要补充的依据',
+      submitSuggestion: '提交建言',
+      readOnly: '历史记录只读',
+      noVotes: '该事务暂未进入投票阶段',
+    },
     untitled: '未命名议题',
     empty: '当前分类暂无公开内容',
     loadFailed: '读取民主墙内容失败',
diff --git a/src/router/index.ts b/src/router/index.ts
index 04f6fc6c..b6200785 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -27,11 +27,19 @@ const routes: RouteRecordRaw[] = [
     meta: { keepAlive: true },
   },
   {
-    path: '/d/demo/:id',
-    name: 'democracy-demo-detail',
+    path: '/d/matter/:id',
+    name: 'democracy-matter-detail',
     component: () => import('../views/DemocracyDemoDetail.vue'),
     meta: { keepAlive: false },
   },
+  {
+    path: '/d/demo/:id',
+    redirect: (to) => ({
+      name: 'democracy-matter-detail',
+      params: { id: to.params.id },
+      query: { ...to.query, demo: '1' },
+    }),
+  },
   {
     path: '/p/:category/:id',
     name: 'ExperimentSummary',
diff --git a/src/services/democracyWall.ts b/src/services/democracyWall.ts
index c922b025..9c84625f 100644
--- a/src/services/democracyWall.ts
+++ b/src/services/democracyWall.ts
@@ -119,6 +119,20 @@ function isVoteActivity(activity: Activity) {
   return activity.InterfaceModel === 'Vote' || activity.InterfaceModel === 'Vote-Single'
 }
 
+export function getDemocracyMatterActivities(activities: Activity[], matterId: string) {
+  return activities.filter((activity) => {
+    const targets = [activity.InternalLink, activity.TargetLink, activity.TargetText]
+    return targets.some((target) => {
+      if (typeof target === 'string') return target.includes(matterId)
+      try {
+        return JSON.stringify(target).includes(matterId)
+      } catch {
+        return false
+      }
+    })
+  })
+}
+
 export async function fetchDemocracyVoteContext(): Promise<DemocracyVoteContext> {
   if (isDemocracyDemoMode()) {
     return mergeDemocracyVoteContext({ activities: [], statuses: [] }, getDemocracyDemoSync())
diff --git a/src/services/democracyWallDemo.ts b/src/services/democracyWallDemo.ts
index 08fa39c2..b7100253 100644
--- a/src/services/democracyWallDemo.ts
+++ b/src/services/democracyWallDemo.ts
@@ -170,7 +170,7 @@ const DEMO_VOTES: Activity[] = [
     FinishDate: '2026-09-30T23:59:59+08:00',
     ID: '66d10000000000000000b001',
     InterfaceModel: 'Vote-Single',
-    InternalLink: null,
+    InternalLink: '/p/Discussion/66d100000000000000000002',
     IsAttendance: false,
     IsDaily: false,
     IsDevelopment: true,
@@ -215,7 +215,7 @@ const DEMO_VOTES: Activity[] = [
     FinishDate: '2026-10-08T23:59:59+08:00',
     ID: '66d10000000000000000b002',
     InterfaceModel: 'Vote',
-    InternalLink: null,
+    InternalLink: '/p/Discussion/66d100000000000000000003',
     IsAttendance: false,
     IsDaily: false,
     IsDevelopment: true,
@@ -260,7 +260,7 @@ const DEMO_VOTES: Activity[] = [
     FinishDate: '2026-08-15T23:59:59+08:00',
     ID: '66d10000000000000000b003',
     InterfaceModel: 'Vote-Single',
-    InternalLink: null,
+    InternalLink: '/p/Discussion/66d100000000000000000004',
     IsAttendance: false,
     IsDaily: false,
     IsDevelopment: true,
diff --git a/src/views/DemocracyDemoDetail.vue b/src/views/DemocracyDemoDetail.vue
index d2fa8b09..fd7eab45 100644
--- a/src/views/DemocracyDemoDetail.vue
+++ b/src/views/DemocracyDemoDetail.vue
@@ -3,14 +3,16 @@
     <Header>
       <button class="back" type="button" @click="goBack">←</button>
       <div class="heading">
-        <h1>{{ t('democracy.demo.detailTitle') }}</h1>
-        <span>{{ t('democracy.demo.badge') }}</span>
+        <h1>{{ t('democracy.matter.title') }}</h1>
+        <span v-if="demoMode">{{ t('democracy.demo.badge') }}</span>
       </div>
     </Header>
 
-    <main v-if="entry">
-      <article class="docket">
-        <header class="docket-header">
+    <main v-if="loading" class="center-state"><n-spin size="large" /></main>
+
+    <main v-else-if="entry">
+      <article class="matter-card">
+        <header class="matter-header">
           <div class="labels">
             <span class="status">{{ statusText }}</span>
             <Tag
@@ -23,54 +25,94 @@
           <h2>{{ entry.summary.Subject }}</h2>
           <p>{{ entry.summary.Description?.[0] }}</p>
           <div class="author">
-            <span>{{ entry.summary.User.Nickname }}</span>
+            <router-link v-if="!demoMode" :to="`/u/${entry.summary.User.ID}`">
+              {{ entry.summary.User.Nickname }}
+            </router-link>
+            <span v-else>{{ entry.summary.User.Nickname }}</span>
             <Tag category="User" :tag="`C-${entry.summary.User.Verification}`" />
           </div>
         </header>
 
-        <section>
-          <h3>{{ t('democracy.demo.rule') }}</h3>
+        <section v-if="demoMode" class="overview">
+          <h3>{{ t('democracy.matter.overview') }}</h3>
           <p class="rule">{{ detail.rule }}</p>
-        </section>
-
-        <section>
-          <h3>{{ t('democracy.demo.confirmedFacts') }}</h3>
           <ul>
             <li v-for="fact in detail.facts" :key="fact">{{ fact }}</li>
           </ul>
         </section>
 
-        <section>
-          <h3>{{ t('democracy.demo.timeline') }}</h3>
-          <ol class="timeline">
-            <li v-for="item in detail.timeline" :key="`${item.date}-${item.text}`">
-              <time>{{ item.date }}</time>
-              <span>{{ item.text }}</span>
-            </li>
-          </ol>
-        </section>
-
-        <section>
-          <h3>{{ t('democracy.demo.finding') }}</h3>
-          <p>{{ detail.finding }}</p>
-        </section>
-
-        <section>
-          <h3>{{ t('democracy.demo.publicQuestions') }}</h3>
-          <div class="questions">
-            <blockquote v-for="question in detail.questions" :key="question">
-              {{ question }}
-            </blockquote>
-          </div>
+        <section class="stages">
+          <n-tabs v-model:value="activeStage" type="line" animated>
+            <n-tab-pane name="questions" :tab="t('democracy.matter.questionsStage')">
+              <div class="stage-intro">
+                <h3>{{ t('democracy.matter.suggestTitle') }}</h3>
+                <span v-if="readOnly" class="read-only">{{ t('democracy.matter.readOnly') }}</span>
+              </div>
+
+              <div v-if="demoMode" class="demo-questions">
+                <blockquote v-for="question in displayedDemoQuestions" :key="question">
+                  {{ question }}
+                </blockquote>
+              </div>
+              <MessageList
+                v-else
+                :ID="matterId"
+                Category="Discussion"
+                :upDate="upDate"
+                @msgClick="handleMsgClick"
+              />
+
+              <div v-if="!readOnly" class="composer">
+                <n-input
+                  v-model:value="comment"
+                  type="textarea"
+                  :placeholder="t('democracy.matter.suggestPlaceholder')"
+                  :maxlength="400"
+                  show-count
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  :disabled="isSubmitting"
+                  @keyup.ctrl.enter="submitSuggestion"
+                />
+                <n-button
+                  type="info"
+                  :loading="isSubmitting"
+                  :disabled="!comment.trim()"
+                  @click="submitSuggestion"
+                >
+                  {{ t('democracy.matter.submitSuggestion') }}
+                </n-button>
+              </div>
+            </n-tab-pane>
+
+            <n-tab-pane name="vote" :tab="t('democracy.matter.voteStage')">
+              <div v-if="voteLoading" class="center-state compact"><n-spin /></div>
+              <n-empty v-else-if="voteError" :description="t('democracy.vote.loadFailed')">
+                <template #extra>
+                  <n-button size="small" @click="loadVotes">{{ t('democracy.retry') }}</n-button>
+                </template>
+              </n-empty>
+              <div v-else-if="matterActivities.length" class="vote-grid">
+                <AnonymousVoteCard
+                  v-for="activity in matterActivities"
+                  :key="activity.ID"
+                  :activity="activity"
+                  :status="statusFor(activity.ID)"
+                  :statistic="voteContext.statistic"
+                  @updated="onVoteUpdated"
+                />
+              </div>
+              <n-empty v-else :description="t('democracy.matter.noVotes')" />
+            </n-tab-pane>
+          </n-tabs>
         </section>
       </article>
     </main>
 
-    <main v-else class="missing">
+    <main v-else class="center-state">
       <n-empty :description="t('democracy.demo.missing')">
-        <template #extra>
-          <n-button @click="goBack">{{ t('democracy.demo.back') }}</n-button>
-        </template>
+        <template #extra
+          ><n-button @click="goBack">{{ t('democracy.demo.back') }}</n-button></template
+        >
       </n-empty>
     </main>
 
@@ -79,49 +121,157 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, onMounted, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
-import { NButton, NEmpty } from 'naive-ui'
+import { NButton, NEmpty, NInput, NSpin, NTabPane, NTabs } from 'naive-ui'
 import Header from '@components/utils/Header.vue'
 import Footer from '@components/utils/Footer.vue'
 import Tag from '@components/utils/TagLarger.vue'
-import { toDemocracyEntry } from '@services/democracyWall'
+import MessageList from '@components/messages/MessageList.vue'
+import AnonymousVoteCard from '@components/democracy/AnonymousVoteCard.vue'
+import { getData } from '@services/api/getData'
+import postComment from '@services/postComment'
+import {
+  fetchDemocracyVoteContext,
+  getDemocracyMatterActivities,
+  mergeDemocracyVoteContext,
+  toDemocracyEntry,
+  type DemocracyVoteContext,
+} from '@services/democracyWall'
 import {
   DEMOCRACY_DEMO_DETAILS,
   DEMOCRACY_DEMO_SUMMARIES,
+  isDemocracyDemoMode,
   type DemocracyDemoDetail,
 } from '@services/democracyWallDemo'
+import type { CommentResult, Summary, Sync } from '../pl-serve-type-main/type/main'
 
 const route = useRoute()
 const router = useRouter()
 const { t } = useI18n()
-const id = computed(() => String(route.params.id || ''))
-const summary = computed(() => DEMOCRACY_DEMO_SUMMARIES.find((item) => item.ID === id.value))
+const matterId = computed(() => String(route.params.id || ''))
+const demoMode = isDemocracyDemoMode()
+const readOnly = computed(() => route.query.scope === 'history')
+const activeStage = ref(route.query.stage === 'vote' ? 'vote' : 'questions')
+const summary = ref<Summary>()
+const loading = ref(true)
+const comment = ref('')
+const isSubmitting = ref(false)
+const replyID = ref('')
+const upDate = ref(0)
+const voteLoading = ref(true)
+const voteError = ref(false)
+const voteContext = ref<DemocracyVoteContext>({ activities: [], statuses: [] })
+const localQuestions = ref<string[]>([])
+
 const entry = computed(() => (summary.value ? toDemocracyEntry(summary.value) : undefined))
-const fallbackDetail: DemocracyDemoDetail = {
-  id: id.value,
+const fallbackDetail = computed<DemocracyDemoDetail>(() => ({
+  id: matterId.value,
   rule: t('democracy.demo.fallbackRule'),
   facts: [t('democracy.demo.fallbackFact')],
   timeline: [{ date: '08-29', text: t('democracy.demo.fallbackTimeline') }],
   finding: t('democracy.demo.fallbackFinding'),
   questions: [t('democracy.demo.fallbackQuestion')],
-}
-const detail = computed(() => DEMOCRACY_DEMO_DETAILS[id.value] ?? fallbackDetail)
+}))
+const detail = computed(() => DEMOCRACY_DEMO_DETAILS[matterId.value] ?? fallbackDetail.value)
+const displayedDemoQuestions = computed(() => [...detail.value.questions, ...localQuestions.value])
+const matterActivities = computed(() =>
+  getDemocracyMatterActivities(voteContext.value.activities, matterId.value),
+)
 const statusText = computed(() =>
   entry.value?.status === 'resolved' ? t('democracy.status.resolved') : t('democracy.status.open'),
 )
 
+function demoQuestionKey() {
+  return `plweb2.democracy.demoQuestions.${matterId.value}`
+}
+
+function loadDemoQuestions() {
+  try {
+    const value = JSON.parse(localStorage.getItem(demoQuestionKey()) || '[]')
+    localQuestions.value = Array.isArray(value)
+      ? value.filter((item): item is string => typeof item === 'string')
+      : []
+  } catch {
+    localQuestions.value = []
+  }
+}
+
+async function loadMatter() {
+  loading.value = true
+  if (demoMode) {
+    summary.value = DEMOCRACY_DEMO_SUMMARIES.find((item) => item.ID === matterId.value)
+    loadDemoQuestions()
+    loading.value = false
+    return
+  }
+
+  const response = await getData('/Contents/GetSummary', {
+    ContentID: matterId.value,
+    Category: 'Discussion',
+  })
+  if (response.Status === 200) summary.value = response.Data ?? undefined
+  loading.value = false
+}
+
+async function loadVotes() {
+  voteLoading.value = true
+  voteError.value = false
+  try {
+    voteContext.value = await fetchDemocracyVoteContext()
+  } catch {
+    voteError.value = true
+  } finally {
+    voteLoading.value = false
+  }
+}
+
+function statusFor(activityId: string) {
+  return voteContext.value.statuses.find((status) => status.ActivityID === activityId)
+}
+
+function onVoteUpdated(sync?: Sync) {
+  voteContext.value = mergeDemocracyVoteContext(voteContext.value, sync)
+}
+
+function handleMsgClick(item: CommentResult) {
+  replyID.value = item.UserID
+  comment.value = `${t('ui.messages.replyToUser')}@${item.Nickname}: `
+}
+
+async function submitSuggestion() {
+  const content = comment.value.trim()
+  if (!content || readOnly.value || isSubmitting.value) return
+  if (demoMode) {
+    localQuestions.value.push(content)
+    localStorage.setItem(demoQuestionKey(), JSON.stringify(localQuestions.value))
+    comment.value = ''
+    return
+  }
+  await postComment(comment, isSubmitting, 'Discussion', matterId.value, replyID, upDate)
+}
+
 function goBack() {
-  void router.push('/d?demo=1')
+  void router.push({
+    path: '/d',
+    query: {
+      ...(demoMode ? { demo: '1' } : {}),
+      ...(readOnly.value ? { scope: 'history' } : {}),
+    },
+  })
 }
+
+onMounted(() => {
+  void Promise.allSettled([loadMatter(), loadVotes()])
+})
 </script>
 
 <style scoped>
 .detail-page {
   min-height: 100dvh;
-  background: #f2f5f7;
-  color: #263846;
+  background: #f3f3f3;
+  color: #333;
 }
 
 .back {
@@ -130,8 +280,8 @@ function goBack() {
   padding: 0;
   border: 0;
   border-radius: 50%;
-  background: #edf3f7;
-  color: #28536d;
+  background: #f0f0f0;
+  color: #555;
   font-size: 1.4rem;
   cursor: pointer;
 }
@@ -148,139 +298,161 @@ function goBack() {
   font-size: 1.15rem;
 }
 
-.heading span {
+.heading span,
+.read-only {
   padding: 0.18rem 0.5rem;
-  border-radius: 999px;
-  background: #fff1c7;
-  color: #8b5b00;
-  font-size: 0.7rem;
+  border-radius: 4px;
+  background: #e7f4fb;
+  color: #0185c5;
+  font-size: 0.72rem;
 }
 
 main {
   height: calc(100dvh - 100px);
   overflow-y: auto;
-  padding: clamp(0.75rem, 2vw, 1.5rem);
+  padding: 12px;
 }
 
-.docket {
-  width: min(900px, 100%);
+.matter-card {
+  width: min(920px, 100%);
   margin: 0 auto;
   overflow: hidden;
-  border: 1px solid #dbe3e9;
-  border-radius: 1rem;
+  border-radius: 10px;
   background: #fff;
-  box-shadow: 0 0.35rem 1.4rem rgba(28, 52, 69, 0.08);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }
 
-.docket-header,
-section {
-  padding: clamp(1rem, 3vw, 1.7rem);
+.matter-header,
+.overview,
+.stages {
+  padding: 16px;
 }
 
-.docket-header {
-  background: linear-gradient(140deg, #153f59, #18728c);
-  color: #fff;
+.matter-header {
+  border-bottom: 1px solid #eee;
 }
 
 .labels,
-.author {
+.author,
+.stage-intro,
+.composer {
   display: flex;
-  flex-wrap: wrap;
-  gap: 0.45rem;
+  gap: 0.55rem;
   align-items: center;
 }
 
+.labels {
+  flex-wrap: wrap;
+}
+
 .status {
   padding: 0.2rem 0.55rem;
-  border-radius: 999px;
-  background: #dff4e8;
-  color: #126b41;
+  border-radius: 4px;
+  background: #e8f6ee;
+  color: #187448;
   font-size: 0.75rem;
   font-weight: 700;
 }
 
-.docket-header h2 {
-  margin: 1rem 0 0.6rem;
-  font-size: clamp(1.35rem, 4vw, 2rem);
+.matter-header h2 {
+  margin: 0.9rem 0 0.45rem;
+  color: #333;
+  font-size: clamp(1.25rem, 3vw, 1.7rem);
 }
 
-.docket-header p {
-  color: #d9edf3;
+.matter-header p,
+.overview li {
+  color: #666;
   line-height: 1.65;
 }
 
 .author {
   justify-content: flex-end;
-  font-size: 0.85rem;
 }
 
-section + section {
-  border-top: 1px solid #e8edf1;
+.author a {
+  color: #0185c5;
+  text-decoration: none;
 }
 
-section h3 {
-  margin: 0 0 0.8rem;
-  color: #183e57;
+.overview {
+  border-bottom: 1px solid #eee;
 }
 
-section p,
-section li {
-  line-height: 1.7;
+.overview h3,
+.stage-intro h3 {
+  margin: 0;
 }
 
 .rule {
-  padding: 0.85rem 1rem;
-  border-left: 0.25rem solid #1883ad;
-  background: #eff8fc;
+  padding: 0.75rem 0.9rem;
+  border-left: 3px solid #0185c5;
+  background: #f4f8fa;
+  line-height: 1.6;
 }
 
-.timeline {
-  display: grid;
-  gap: 0;
-  padding: 0;
-  list-style: none;
+.stage-intro {
+  justify-content: space-between;
+  margin-bottom: 0.8rem;
 }
 
-.timeline li {
+.demo-questions {
   display: grid;
-  grid-template-columns: 7rem 1fr;
-  gap: 1rem;
-  padding: 0.65rem 0;
-  border-bottom: 1px dashed #dbe3e8;
+  gap: 0.6rem;
 }
 
-.timeline time {
-  color: #1681a8;
-  font-weight: 700;
+blockquote {
+  margin: 0;
+  padding: 0.75rem 0.9rem;
+  border: 1px solid #eee;
+  border-radius: 6px;
+  background: #fafafa;
+  color: #555;
+  line-height: 1.6;
 }
 
-.questions {
-  display: grid;
-  gap: 0.65rem;
+.composer {
+  align-items: flex-end;
+  margin-top: 0.9rem;
 }
 
-blockquote {
-  margin: 0;
-  padding: 0.8rem 1rem;
-  border-radius: 0.7rem;
-  background: #f5f7f9;
-  color: #425563;
-  line-height: 1.6;
+.composer :deep(.n-input) {
+  flex: 1;
+}
+
+.vote-grid {
+  display: grid;
+  gap: 12px;
 }
 
-.missing {
+.center-state {
   display: grid;
   place-items: center;
 }
 
+.center-state.compact {
+  min-height: 10rem;
+  padding: 0;
+}
+
 @media (max-width: 520px) {
   .heading span {
     display: none;
   }
 
-  .timeline li {
-    grid-template-columns: 1fr;
-    gap: 0.15rem;
+  main {
+    padding: 8px;
+  }
+
+  .matter-header,
+  .overview,
+  .stages {
+    padding: 12px;
+  }
+
+  .composer {
+    align-items: stretch;
+    flex-direction: column;
   }
 }
 </style>
diff --git a/src/views/DemocracyWall.vue b/src/views/DemocracyWall.vue
index 7c55a0a4..da17a947 100644
--- a/src/views/DemocracyWall.vue
+++ b/src/views/DemocracyWall.vue
@@ -60,22 +60,6 @@
               :error="entryError"
               @retry="loadEntries"
             />
-            <div v-if="voteLoading" class="embedded-state"><n-spin size="small" /></div>
-            <div v-else-if="voteError" class="embedded-state">
-              <n-button size="small" @click="loadVotes">
-                {{ t('democracy.vote.loadFailed') }} · {{ t('democracy.retry') }}
-              </n-button>
-            </div>
-            <div v-else-if="activeVoteActivities.length" class="vote-grid embedded-votes">
-              <AnonymousVoteCard
-                v-for="activity in activeVoteActivities"
-                :key="activity.ID"
-                :activity="activity"
-                :status="statusFor(activity.ID)"
-                :statistic="voteContext.statistic"
-                @updated="onVoteUpdated"
-              />
-            </div>
           </n-tab-pane>
           <n-tab-pane name="oversight" :tab="tabTitle('oversight', caseEntries.length)">
             <EntryGrid
@@ -85,23 +69,13 @@
               @retry="loadEntries"
             />
           </n-tab-pane>
-          <n-tab-pane name="featured" :tab="tabTitle('featured', featuredCount)">
+          <n-tab-pane name="featured" :tab="tabTitle('featured', featuredEntries.length)">
             <EntryGrid
               :entries="featuredEntries"
               :loading="entryLoading"
               :error="entryError"
               @retry="loadEntries"
             />
-            <div v-if="resolvedVoteActivities.length" class="vote-grid embedded-votes">
-              <AnonymousVoteCard
-                v-for="activity in resolvedVoteActivities"
-                :key="activity.ID"
-                :activity="activity"
-                :status="statusFor(activity.ID)"
-                :statistic="voteContext.statistic"
-                @updated="onVoteUpdated"
-              />
-            </div>
           </n-tab-pane>
         </n-tabs>
       </section>
@@ -130,25 +104,24 @@
 <script setup lang="ts">
 import { computed, defineComponent, h, onMounted, ref, type PropType } from 'vue'
 import { useI18n } from 'vue-i18n'
+import { useRoute } from 'vue-router'
 import { NButton, NEmpty, NSpin, NTabPane, NTabs } from 'naive-ui'
 import Header from '@components/utils/Header.vue'
 import Footer from '@components/utils/Footer.vue'
 import DemocracyEntryCard from '@components/democracy/DemocracyEntryCard.vue'
-import AnonymousVoteCard from '@components/democracy/AnonymousVoteCard.vue'
 import {
   fetchDemocracyEntries,
   fetchDemocracyHistoryEntries,
-  fetchDemocracyVoteContext,
-  mergeDemocracyVoteContext,
   type DemocracyEntry,
-  type DemocracyVoteContext,
 } from '@services/democracyWall'
 import { isDemocracyDemoMode, resetDemocracyDemoVotes } from '@services/democracyWallDemo'
-import type { Sync } from '../pl-serve-type-main/type/main'
 
 const { t } = useI18n()
+const route = useRoute()
 const demoMode = isDemocracyDemoMode()
-const activeScope = ref<'current' | 'history'>('current')
+const activeScope = ref<'current' | 'history'>(
+  route.query.scope === 'history' ? 'history' : 'current',
+)
 const activeTab = ref('ongoing')
 const entries = ref<DemocracyEntry[]>([])
 const historyEntries = ref<DemocracyEntry[]>([])
@@ -156,9 +129,6 @@ const entryLoading = ref(true)
 const entryError = ref(false)
 const historyLoading = ref(true)
 const historyError = ref(false)
-const voteLoading = ref(true)
-const voteError = ref(false)
-const voteContext = ref<DemocracyVoteContext>({ activities: [], statuses: [] })
 
 const ongoingEntries = computed(() => entries.value.filter((entry) => entry.status === 'open'))
 const caseEntries = computed(() =>
@@ -168,18 +138,7 @@ const proposalEntries = computed(() =>
   entries.value.filter((entry) => entry.kind === 'proposal' && entry.status === 'open'),
 )
 const featuredEntries = computed(() => entries.value.filter((entry) => entry.featured))
-const activeVoteActivities = computed(() =>
-  voteContext.value.activities.filter((activity) => !statusFor(activity.ID)?.Finished),
-)
-const resolvedVoteActivities = computed(() =>
-  voteContext.value.activities.filter((activity) => statusFor(activity.ID)?.Finished),
-)
-const publicAffairsCount = computed(
-  () => proposalEntries.value.length + activeVoteActivities.value.length,
-)
-const featuredCount = computed(
-  () => featuredEntries.value.length + resolvedVoteActivities.value.length,
-)
+const publicAffairsCount = computed(() => proposalEntries.value.length)
 
 function tabTitle(key: string, count: number) {
   return `${t(`democracy.tabs.${key}`)} ${count}`
@@ -209,29 +168,8 @@ async function loadHistory() {
   }
 }
 
-async function loadVotes() {
-  voteLoading.value = true
-  voteError.value = false
-  try {
-    voteContext.value = await fetchDemocracyVoteContext()
-  } catch {
-    voteError.value = true
-  } finally {
-    voteLoading.value = false
-  }
-}
-
-function statusFor(activityId: string) {
-  return voteContext.value.statuses.find((status) => status.ActivityID === activityId)
-}
-
-function onVoteUpdated(sync?: Sync) {
-  voteContext.value = mergeDemocracyVoteContext(voteContext.value, sync)
-}
-
 function resetDemo() {
   resetDemocracyDemoVotes()
-  void loadVotes()
 }
 
 const EntryGrid = defineComponent({
@@ -277,7 +215,7 @@ const EntryGrid = defineComponent({
 })
 
 onMounted(() => {
-  void Promise.allSettled([loadEntries(), loadHistory(), loadVotes()])
+  void Promise.allSettled([loadEntries(), loadHistory()])
   window.$Logger.logPageView({ pageLink: '/Democracy/', timeStamp: Date.now() })
 })
 </script>
@@ -436,25 +374,13 @@ main {
   white-space: nowrap;
 }
 
-:deep(.entry-grid),
-.vote-grid {
+:deep(.entry-grid) {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 12px;
   padding: 4px 0 10px;
 }
 
-.embedded-votes {
-  margin-top: -10px;
-}
-
-.embedded-state {
-  display: flex;
-  min-height: 3rem;
-  align-items: center;
-  justify-content: center;
-}
-
 :deep(.state-box) {
   display: grid;
   min-height: 14rem;
@@ -462,8 +388,7 @@ main {
 }
 
 @media (max-width: 820px) {
-  :deep(.entry-grid),
-  .vote-grid {
+  :deep(.entry-grid) {
     grid-template-columns: 1fr;
   }
 }

From f5688bd4e02791a40e3a67726b5949d64d635fbd Mon Sep 17 00:00:00 2001
From: 16th-admin <evanhejiayi@gmail.com>
Date: Sun, 30 Aug 2026 12:03:56 +0800
Subject: [PATCH 07/10] feat: add democracy matter submissions

---
 scripts/tests/democracy-wall-demo.spec.ts     |  46 ++++
 scripts/tests/democracy-wall.spec.ts          |  30 +++
 .../democracy/DemocracyEntryCard.vue          |  15 +-
 src/i18n/de.ts                                |  21 ++
 src/i18n/en.ts                                |  22 ++
 src/i18n/fr.ts                                |  22 ++
 src/i18n/ja.ts                                |  20 ++
 src/i18n/zh.ts                                |  19 ++
 src/router/index.ts                           |   6 +
 src/services/democracyWall.ts                 | 112 +++++++-
 src/services/democracyWallDemo.ts             |  46 +++-
 src/views/DemocracyDemoDetail.vue             |  15 +-
 src/views/DemocracyMatterCreate.vue           | 245 ++++++++++++++++++
 src/views/DemocracyWall.vue                   |  72 ++++-
 14 files changed, 667 insertions(+), 24 deletions(-)
 create mode 100644 src/views/DemocracyMatterCreate.vue

diff --git a/scripts/tests/democracy-wall-demo.spec.ts b/scripts/tests/democracy-wall-demo.spec.ts
index 294a8ce9..31e12a73 100644
--- a/scripts/tests/democracy-wall-demo.spec.ts
+++ b/scripts/tests/democracy-wall-demo.spec.ts
@@ -73,3 +73,49 @@ test.describe('民主墙离线演示', () => {
     await expect(page.getByRole('button', { name: /同意 72 小时/ })).toBeEnabled()
   })
 })
+
+test.describe('民主墙离线创建事务', () => {
+  test.beforeEach(async ({ page }) => {
+    await injectLoginStateWithoutNavigation(page)
+    await page.goto('/#/d?demo=1')
+    await waitForPageReady(page)
+  })
+
+  test('普通用户匿名提议并进入独立板块', async ({ page }) => {
+    await page.getByRole('link', { name: '匿名提议' }).click()
+    await expect(page.getByRole('heading', { name: '提交匿名提议' })).toBeVisible()
+
+    await page.getByLabel('标题').fill('建议增加社区条例修订预告期')
+    await page
+      .getByLabel('事实与建议')
+      .fill('建议条例修订在投票前公开七天，让普通用户有时间阅读并提出修改意见。')
+    await page.getByRole('button', { name: '提交到民主墙' }).click()
+
+    await expect(page.getByRole('heading', { name: '事务详情' })).toBeVisible()
+    await expect(page.getByText('建议增加社区条例修订预告期')).toBeVisible()
+    await expect(page.getByText('匿名提议者')).toBeVisible()
+
+    await page.goto('/#/d?demo=1')
+    await page.getByText('匿名提议 1', { exact: true }).click()
+    await expect(page.getByText('建议增加社区条例修订预告期')).toBeVisible()
+    await expect(page.getByText('TestUser')).toHaveCount(0)
+  })
+
+  test('具备权限的用户可以发起正式事务', async ({ page }) => {
+    await page.getByRole('link', { name: '发起事务' }).click()
+    await expect(page.getByRole('heading', { name: '发起社区事务' })).toBeVisible()
+    await page.getByText('管理监察', { exact: true }).click()
+    await page.getByLabel('标题').fill('调查团成员回避申明核查')
+    await page
+      .getByLabel('事实与建议')
+      .fill('请核查本次调查团成员已公开的关系申明，并在质询期内补充遗漏信息。')
+    await page.getByRole('button', { name: '提交到民主墙' }).click()
+
+    await expect(page.getByText('调查团成员回避申明核查')).toBeVisible()
+    await expect(page.getByText('认证编辑·演示用户')).toBeVisible()
+
+    await page.goto('/#/d?demo=1')
+    await page.getByText('管理监察 2', { exact: true }).click()
+    await expect(page.getByRole('link', { name: '调查团成员回避申明核查' }).last()).toBeVisible()
+  })
+})
diff --git a/scripts/tests/democracy-wall.spec.ts b/scripts/tests/democracy-wall.spec.ts
index de0e1212..017dc5ae 100644
--- a/scripts/tests/democracy-wall.spec.ts
+++ b/scripts/tests/democracy-wall.spec.ts
@@ -159,4 +159,34 @@ test.describe('民主墙', () => {
     await expect(page.getByText('条例修订投票')).toBeVisible()
     await expect(page.getByRole('button', { name: /同意修订/ })).toBeVisible()
   })
+
+  test('普通用户通过社区接口提交匿名提议', async ({ page }) => {
+    let submission: Record<string, any> | undefined
+    await page.route('**/api/Contents/SubmitExperiment', async (route) => {
+      submission = route.request().postDataJSON()
+      const summary = submission?.Summary
+      await route.fulfill({
+        contentType: 'application/json',
+        body: JSON.stringify({
+          Status: 200,
+          Message: '',
+          Data: { Summary: { ...summary, ID: '66a84559744ed757b46f8999' } },
+        }),
+      })
+    })
+    await page.goto('/#/d')
+    await waitForPageReady(page)
+
+    await expect(page.getByRole('link', { name: '发起事务' })).toHaveCount(0)
+    await page.getByRole('link', { name: '匿名提议' }).click()
+    await page.getByLabel('标题').fill('建议公开条例修订时间表')
+    await page
+      .getByLabel('事实与建议')
+      .fill('建议在民主墙公开修订节点、负责人和预计投票时间，便于社区持续跟进。')
+    await page.getByRole('button', { name: '提交到民主墙' }).click()
+
+    await expect.poll(() => submission?.Summary?.Anonymous).toBe(true)
+    expect(submission?.Summary?.Tags).toEqual(['民主墙', '匿名提议', '公共议案', '待审核'])
+    await expect(page).toHaveURL(/#\/d\/matter\/66a84559744ed757b46f8999$/)
+  })
 })
diff --git a/src/components/democracy/DemocracyEntryCard.vue b/src/components/democracy/DemocracyEntryCard.vue
index 2febb7c7..d5569537 100644
--- a/src/components/democracy/DemocracyEntryCard.vue
+++ b/src/components/democracy/DemocracyEntryCard.vue
@@ -24,14 +24,14 @@
 
     <footer class="entry-footer">
       <component
-        :is="demoMode ? 'div' : 'router-link'"
+        :is="demoMode || entry.anonymousSuggestion ? 'div' : 'router-link'"
         class="author"
-        :to="demoMode ? undefined : `/u/${entry.summary.User.ID}`"
+        :to="demoMode || entry.anonymousSuggestion ? undefined : `/u/${entry.summary.User.ID}`"
       >
-        <img :src="avatarUrl" alt="" />
-        <span>{{ entry.summary.User.Nickname }}</span>
+        <img v-if="!entry.anonymousSuggestion" :src="avatarUrl" alt="" />
+        <span>{{ authorName }}</span>
         <Tag
-          v-if="entry.summary.User.Verification"
+          v-if="entry.summary.User.Verification && !entry.anonymousSuggestion"
           category="User"
           :tag="`C-${entry.summary.User.Verification}`"
         />
@@ -86,6 +86,11 @@ const commentsPath = computed(() =>
       },
 )
 const avatarUrl = computed(() => getUserUrl(props.entry.summary.User))
+const authorName = computed(() =>
+  props.entry.anonymousSuggestion
+    ? t('democracy.create.anonymousAuthor')
+    : props.entry.summary.User.Nickname,
+)
 const localizedSubject = computed(
   () =>
     props.entry.summary.LocalizedSubject?.[locale.value] ||
diff --git a/src/i18n/de.ts b/src/i18n/de.ts
index 65d4509d..fa085f69 100644
--- a/src/i18n/de.ts
+++ b/src/i18n/de.ts
@@ -235,6 +235,7 @@ export default {
       ongoing: 'Laufend',
       public: 'Öffentliche Angelegenheiten',
       oversight: 'Verwaltungsaufsicht',
+      suggestions: 'Anonyme Vorschläge',
       featured: 'Ausgewählte Entscheidungen',
     },
     kinds: { case: 'Akte', proposal: 'Vorschlag' },
@@ -246,6 +247,26 @@ export default {
       view: 'Details ansehen',
       question: 'Frage stellen',
     },
+    create: {
+      formalAction: 'Vorgang starten',
+      anonymousAction: 'Anonym vorschlagen',
+      formalTitle: 'Community-Vorgang starten',
+      anonymousTitle: 'Anonymen Vorschlag einreichen',
+      anonymousAuthor: 'Anonyme Person',
+      anonymousNotice:
+        'Ihre Kontodaten bleiben öffentlich verborgen. Missbrauch kann nach den Community-Regeln bearbeitet werden.',
+      formalDenied:
+        'Ein formeller Vorgang erfordert Redaktions- oder Administratorrechte. Anonyme Vorschläge bleiben möglich.',
+      loginRequired: 'Angemeldete Mitglieder können anonyme Vorschläge einreichen.',
+      kind: 'Kategorie',
+      subject: 'Titel',
+      subjectPlaceholder: 'Fassen Sie das Thema kurz zusammen',
+      description: 'Fakten und Vorschlag',
+      descriptionPlaceholder: 'Beschreiben Sie Kontext, Fakten, Ziel und möglichen Ansatz',
+      submit: 'An die Demokratiewand senden',
+      success: 'Vorgang eingereicht',
+      failed: 'Senden fehlgeschlagen. Bitte später erneut versuchen.',
+    },
     matter: {
       title: 'Vorgangsdetails',
       overview: 'Übersicht',
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index 9eab3eb6..c7889401 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -232,6 +232,7 @@ export default {
       ongoing: 'Ongoing',
       public: 'Public affairs',
       oversight: 'Governance oversight',
+      suggestions: 'Anonymous suggestions',
       featured: 'Featured decisions',
     },
     kinds: {
@@ -249,6 +250,27 @@ export default {
       view: 'View details',
       question: 'Join questions',
     },
+    create: {
+      formalAction: 'Start a matter',
+      anonymousAction: 'Suggest anonymously',
+      formalTitle: 'Start a community matter',
+      anonymousTitle: 'Submit an anonymous suggestion',
+      anonymousAuthor: 'Anonymous contributor',
+      anonymousNotice:
+        'Your account identity stays hidden on public pages. Moderators may still address abuse under community rules.',
+      formalDenied:
+        'Starting a formal matter requires editor or administrator access. You can still suggest anonymously.',
+      loginRequired: 'Signed-in community members can submit anonymous suggestions.',
+      kind: 'Matter category',
+      subject: 'Title',
+      subjectPlaceholder: 'Summarize the matter for community discussion',
+      description: 'Facts and suggestion',
+      descriptionPlaceholder:
+        'Describe the context, known facts, desired outcome, and possible approach',
+      submit: 'Submit to the democracy wall',
+      success: 'Matter submitted',
+      failed: 'Submission failed. Try again later.',
+    },
     matter: {
       title: 'Matter details',
       overview: 'Matter overview',
diff --git a/src/i18n/fr.ts b/src/i18n/fr.ts
index f33c716d..b39182e1 100644
--- a/src/i18n/fr.ts
+++ b/src/i18n/fr.ts
@@ -235,6 +235,7 @@ export default {
       ongoing: 'En cours',
       public: 'Affaires publiques',
       oversight: 'Contrôle de la gouvernance',
+      suggestions: 'Propositions anonymes',
       featured: 'Décisions sélectionnées',
     },
     kinds: { case: 'Dossier', proposal: 'Proposition' },
@@ -246,6 +247,27 @@ export default {
       view: 'Voir le détail',
       question: 'Participer aux questions',
     },
+    create: {
+      formalAction: 'Lancer une affaire',
+      anonymousAction: 'Proposer anonymement',
+      formalTitle: 'Lancer une affaire communautaire',
+      anonymousTitle: 'Envoyer une proposition anonyme',
+      anonymousAuthor: 'Membre anonyme',
+      anonymousNotice:
+        'Votre identité reste masquée publiquement. Les abus peuvent être traités selon les règles communautaires.',
+      formalDenied:
+        'Une affaire formelle exige les droits éditeur ou administrateur. La proposition anonyme reste disponible.',
+      loginRequired: 'Les membres connectés peuvent envoyer des propositions anonymes.',
+      kind: 'Catégorie',
+      subject: 'Titre',
+      subjectPlaceholder: 'Résumez le sujet à discuter',
+      description: 'Faits et proposition',
+      descriptionPlaceholder:
+        'Décrivez le contexte, les faits, le résultat souhaité et une approche possible',
+      submit: 'Envoyer au mur démocratique',
+      success: 'Affaire envoyée',
+      failed: 'Échec de l’envoi. Réessayez plus tard.',
+    },
     matter: {
       title: "Détail de l'affaire",
       overview: "Vue d'ensemble",
diff --git a/src/i18n/ja.ts b/src/i18n/ja.ts
index 2bc728e4..0bf386b7 100644
--- a/src/i18n/ja.ts
+++ b/src/i18n/ja.ts
@@ -234,6 +234,7 @@ export default {
       ongoing: '進行中',
       public: '公共事項',
       oversight: '運営監査',
+      suggestions: '匿名提案',
       featured: '注目の決議',
     },
     kinds: { case: '記録', proposal: '議案' },
@@ -245,6 +246,25 @@ export default {
       view: '詳細を見る',
       question: '質疑に参加',
     },
+    create: {
+      formalAction: '案件を開始',
+      anonymousAction: '匿名で提案',
+      formalTitle: 'コミュニティ案件を開始',
+      anonymousTitle: '匿名提案を送信',
+      anonymousAuthor: '匿名提案者',
+      anonymousNotice:
+        '公開ページではアカウント情報が隠されます。乱用はコミュニティ規則に従って対応されます。',
+      formalDenied: '正式案件の開始には編集者または管理者権限が必要です。匿名提案は利用できます。',
+      loginRequired: 'ログイン済みの一般ユーザーは匿名提案を送信できます。',
+      kind: '案件区分',
+      subject: 'タイトル',
+      subjectPlaceholder: '話し合う事項を一文でまとめてください',
+      description: '事実と提案',
+      descriptionPlaceholder: '背景、既知の事実、望む結果、対応案を記入してください',
+      submit: '民主の壁へ送信',
+      success: '案件を送信しました',
+      failed: '送信に失敗しました。後でもう一度お試しください。',
+    },
     matter: {
       title: '案件詳細',
       overview: '案件概要',
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index fb91f8cf..ae4db3fc 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -227,6 +227,7 @@ export default {
       ongoing: '进行中',
       public: '公共事务',
       oversight: '管理监察',
+      suggestions: '匿名提议',
       featured: '精选决议',
     },
     kinds: {
@@ -244,6 +245,24 @@ export default {
       view: '查看详情',
       question: '参与质询',
     },
+    create: {
+      formalAction: '发起事务',
+      anonymousAction: '匿名提议',
+      formalTitle: '发起社区事务',
+      anonymousTitle: '提交匿名提议',
+      anonymousAuthor: '匿名提议者',
+      anonymousNotice: '公开页面会隐藏你的账号身份，管理员仍可依照社区规则处理滥用行为。',
+      formalDenied: '发起正式事务需要编辑或管理员权限，你仍可提交匿名提议。',
+      loginRequired: '登录后的普通用户可以提交匿名提议。',
+      kind: '事务分类',
+      subject: '标题',
+      subjectPlaceholder: '用一句话概括需要社区讨论的事项',
+      description: '事实与建议',
+      descriptionPlaceholder: '说明背景、已知事实、希望解决的问题及可行建议',
+      submit: '提交到民主墙',
+      success: '事务已提交',
+      failed: '提交失败，请稍后再试',
+    },
     matter: {
       title: '事务详情',
       overview: '事务概要',
diff --git a/src/router/index.ts b/src/router/index.ts
index b6200785..630e1a6c 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -32,6 +32,12 @@ const routes: RouteRecordRaw[] = [
     component: () => import('../views/DemocracyDemoDetail.vue'),
     meta: { keepAlive: false },
   },
+  {
+    path: '/d/new',
+    name: 'democracy-matter-create',
+    component: () => import('../views/DemocracyMatterCreate.vue'),
+    meta: { keepAlive: false },
+  },
   {
     path: '/d/demo/:id',
     redirect: (to) => ({
diff --git a/src/services/democracyWall.ts b/src/services/democracyWall.ts
index 9c84625f..f6927c5a 100644
--- a/src/services/democracyWall.ts
+++ b/src/services/democracyWall.ts
@@ -2,9 +2,10 @@ import { getData, login } from '@api/getData'
 import storageManager from '@storage/index'
 import {
   castDemocracyDemoVote,
-  DEMOCRACY_DEMO_SUMMARIES,
+  getDemocracyDemoSummaries,
   getDemocracyDemoSync,
   isDemocracyDemoMode,
+  submitDemocracyDemoMatter,
 } from './democracyWallDemo'
 import type {
   Activity,
@@ -12,11 +13,12 @@ import type {
   Statistic,
   Summary,
   Sync,
+  UserInfo,
 } from '../pl-serve-type-main/type/main'
 
 export const DEMOCRACY_WALL_TAG = '民主墙'
 
-const CASE_TAGS = new Set(['公开卷宗', '调查卷宗', '公开案件'])
+const CASE_TAGS = new Set(['公开卷宗', '调查卷宗', '公开案件', '管理监察'])
 const RESOLVED_TAGS = new Set(['已决议', '已归档'])
 const FEATURED_TAGS = new Set(['精选', '精选决议'])
 
@@ -24,6 +26,7 @@ export type DemocracyEntryKind = 'case' | 'proposal'
 export type DemocracyEntryStatus = 'open' | 'resolved'
 
 export interface DemocracyEntry {
+  anonymousSuggestion: boolean
   featured: boolean
   kind: DemocracyEntryKind
   status: DemocracyEntryStatus
@@ -36,6 +39,24 @@ export interface DemocracyVoteContext {
   statistic?: Statistic
 }
 
+export interface DemocracyMatterInput {
+  anonymous: boolean
+  description: string
+  kind: 'public' | 'oversight'
+  subject: string
+}
+
+const INITIATOR_VERIFICATIONS = new Set(['Editor', 'Administrator'])
+
+export function getDemocracyCreationAccess() {
+  const user = storageManager.getObj('userInfo').value
+  return {
+    canInitiate:
+      isDemocracyDemoMode() || INITIATOR_VERIFICATIONS.has(String(user?.Verification || '')),
+    canSuggestAnonymously: isDemocracyDemoMode() || Boolean(user?.ID),
+  }
+}
+
 function hasAnyTag(tags: string[], candidates: Set<string>) {
   return tags.some((tag) => candidates.has(tag))
 }
@@ -43,6 +64,7 @@ function hasAnyTag(tags: string[], candidates: Set<string>) {
 export function toDemocracyEntry(summary: Summary): DemocracyEntry {
   const tags = summary.Tags ?? []
   return {
+    anonymousSuggestion: tags.includes('匿名提议'),
     featured: hasAnyTag(tags, FEATURED_TAGS),
     kind: hasAnyTag(tags, CASE_TAGS) ? 'case' : 'proposal',
     status: hasAnyTag(tags, RESOLVED_TAGS) ? 'resolved' : 'open',
@@ -81,9 +103,9 @@ async function queryDemocracySummaries(tags: string[], take: number) {
 
 export async function fetchDemocracyEntries(): Promise<DemocracyEntry[]> {
   if (isDemocracyDemoMode()) {
-    return DEMOCRACY_DEMO_SUMMARIES.map(toDemocracyEntry).filter(
-      (entry) => entry.status === 'open' || entry.featured,
-    )
+    return getDemocracyDemoSummaries()
+      .map(toDemocracyEntry)
+      .filter((entry) => entry.status === 'open' || entry.featured)
   }
 
   return (await queryDemocracySummaries([DEMOCRACY_WALL_TAG], 48))
@@ -93,9 +115,9 @@ export async function fetchDemocracyEntries(): Promise<DemocracyEntry[]> {
 
 export async function fetchDemocracyHistoryEntries(): Promise<DemocracyEntry[]> {
   if (isDemocracyDemoMode()) {
-    return DEMOCRACY_DEMO_SUMMARIES.map(toDemocracyEntry).filter(
-      (entry) => entry.status === 'resolved',
-    )
+    return getDemocracyDemoSummaries()
+      .map(toDemocracyEntry)
+      .filter((entry) => entry.status === 'resolved')
   }
 
   const results = await Promise.allSettled([
@@ -115,6 +137,80 @@ export async function fetchDemocracyHistoryEntries(): Promise<DemocracyEntry[]>
     .filter((entry) => entry.status === 'resolved')
 }
 
+function createSubmissionSummary(
+  input: DemocracyMatterInput,
+  user: UserInfo,
+): Summary & {
+  Anonymous?: boolean
+} {
+  const timestamp = Date.now()
+  return {
+    $type: 'Quantum.Models.Contents.Summary, Quantum Models',
+    ID: '',
+    Tags: [
+      DEMOCRACY_WALL_TAG,
+      ...(input.anonymous ? ['匿名提议'] : []),
+      input.kind === 'oversight' ? '管理监察' : '公共议案',
+      input.anonymous ? '待审核' : '待质询',
+    ],
+    Type: 0,
+    User: {
+      ID: user.ID,
+      Nickname: user.Nickname,
+      Avatar: user.Avatar,
+      AvatarRegion: user.AvatarRegion,
+      Signature: user.Signature,
+      Decoration: user.Decoration,
+      Verification: user.Verification,
+    },
+    Image: 0,
+    Price: 0,
+    Stars: 0,
+    Visits: 0,
+    Remixes: 0,
+    Subject: input.subject.trim(),
+    Version: 1,
+    Category: 'Discussion',
+    Comments: 0,
+    Language: 'Chinese',
+    Supports: 0,
+    Coauthors: [],
+    Popularity: 0,
+    UpdateDate: timestamp,
+    Visibility: 0,
+    Description: input.description.trim().split('\n'),
+    ImageRegion: 0,
+    SortingDate: timestamp,
+    CreationDate: timestamp,
+    Multilingual: false,
+    Anonymous: input.anonymous,
+  }
+}
+
+export async function submitDemocracyMatter(input: DemocracyMatterInput) {
+  if (isDemocracyDemoMode()) return submitDemocracyDemoMatter(input)
+
+  const user = storageManager.getObj('userInfo').value
+  if (!user?.ID) throw new Error('login-required')
+  const access = getDemocracyCreationAccess()
+  if (
+    (!input.anonymous && !access.canInitiate) ||
+    (input.anonymous && !access.canSuggestAnonymously)
+  ) {
+    throw new Error('permission-denied')
+  }
+
+  const summary = createSubmissionSummary(input, user)
+  const response = await getData('/Contents/SubmitExperiment', {
+    Summary: summary,
+    Workspace: null,
+  } as never)
+  if (response.Status !== 200 || !response.Data?.Summary) {
+    throw new Error(response.Message || String(response.Status))
+  }
+  return response.Data.Summary
+}
+
 function isVoteActivity(activity: Activity) {
   return activity.InterfaceModel === 'Vote' || activity.InterfaceModel === 'Vote-Single'
 }
diff --git a/src/services/democracyWallDemo.ts b/src/services/democracyWallDemo.ts
index b7100253..04fa627a 100644
--- a/src/services/democracyWallDemo.ts
+++ b/src/services/democracyWallDemo.ts
@@ -8,6 +8,7 @@ import type {
 
 export const DEMOCRACY_DEMO_QUERY = 'demo=1'
 const DEMO_VOTE_KEY = 'plweb2.democracy.demoVotes'
+const DEMO_MATTER_KEY = 'plweb2.democracy.demoMatters'
 const DEMO_USER_ID = '66d10000000000000000a001'
 
 interface DemoVoteState {
@@ -77,7 +78,7 @@ function createSummary(options: DemoSummaryOptions): Summary {
   }
 }
 
-export const DEMOCRACY_DEMO_SUMMARIES: Summary[] = [
+const DEMOCRACY_DEMO_SUMMARIES: Summary[] = [
   createSummary({
     id: '66d100000000000000000001',
     subject: '关于公开指控处理流程的调查卷宗',
@@ -141,6 +142,49 @@ export const DEMOCRACY_DEMO_SUMMARIES: Summary[] = [
   }),
 ]
 
+function readMatterStore(): Summary[] {
+  try {
+    const value = JSON.parse(localStorage.getItem(DEMO_MATTER_KEY) || '[]')
+    return Array.isArray(value) ? (value as Summary[]) : []
+  } catch {
+    return []
+  }
+}
+
+export function getDemocracyDemoSummaries() {
+  return [...readMatterStore(), ...DEMOCRACY_DEMO_SUMMARIES]
+}
+
+export function submitDemocracyDemoMatter(input: {
+  subject: string
+  description: string
+  kind: 'public' | 'oversight'
+  anonymous: boolean
+}) {
+  const currentUser = input.anonymous
+    ? { verification: '' as Summary['User']['Verification'], nickname: '匿名提议者' }
+    : { verification: 'Editor' as const, nickname: '认证编辑·演示用户' }
+  const summary = createSummary({
+    id: `demo-${Date.now().toString(36)}`,
+    subject: input.subject,
+    description: input.description,
+    tags: [
+      ...(input.anonymous ? ['匿名提议'] : []),
+      input.kind === 'oversight' ? '管理监察' : '公共议案',
+      input.anonymous ? '待审核' : '待质询',
+    ],
+    verification: currentUser.verification,
+    nickname: currentUser.nickname,
+    comments: 0,
+    visits: 0,
+  })
+  if (input.anonymous) summary.User.ID = ''
+  const matters = readMatterStore()
+  matters.unshift(summary)
+  localStorage.setItem(DEMO_MATTER_KEY, JSON.stringify(matters))
+  return summary
+}
+
 export const DEMOCRACY_DEMO_DETAILS: Record<string, DemocracyDemoDetail> = {
   '66d100000000000000000001': {
     id: '66d100000000000000000001',
diff --git a/src/views/DemocracyDemoDetail.vue b/src/views/DemocracyDemoDetail.vue
index fd7eab45..071cf72d 100644
--- a/src/views/DemocracyDemoDetail.vue
+++ b/src/views/DemocracyDemoDetail.vue
@@ -25,11 +25,18 @@
           <h2>{{ entry.summary.Subject }}</h2>
           <p>{{ entry.summary.Description?.[0] }}</p>
           <div class="author">
-            <router-link v-if="!demoMode" :to="`/u/${entry.summary.User.ID}`">
+            <span v-if="entry.anonymousSuggestion">{{
+              t('democracy.create.anonymousAuthor')
+            }}</span>
+            <router-link v-else-if="!demoMode" :to="`/u/${entry.summary.User.ID}`">
               {{ entry.summary.User.Nickname }}
             </router-link>
             <span v-else>{{ entry.summary.User.Nickname }}</span>
-            <Tag category="User" :tag="`C-${entry.summary.User.Verification}`" />
+            <Tag
+              v-if="entry.summary.User.Verification && !entry.anonymousSuggestion"
+              category="User"
+              :tag="`C-${entry.summary.User.Verification}`"
+            />
           </div>
         </header>
 
@@ -141,7 +148,7 @@ import {
 } from '@services/democracyWall'
 import {
   DEMOCRACY_DEMO_DETAILS,
-  DEMOCRACY_DEMO_SUMMARIES,
+  getDemocracyDemoSummaries,
   isDemocracyDemoMode,
   type DemocracyDemoDetail,
 } from '@services/democracyWallDemo'
@@ -201,7 +208,7 @@ function loadDemoQuestions() {
 async function loadMatter() {
   loading.value = true
   if (demoMode) {
-    summary.value = DEMOCRACY_DEMO_SUMMARIES.find((item) => item.ID === matterId.value)
+    summary.value = getDemocracyDemoSummaries().find((item) => item.ID === matterId.value)
     loadDemoQuestions()
     loading.value = false
     return
diff --git a/src/views/DemocracyMatterCreate.vue b/src/views/DemocracyMatterCreate.vue
new file mode 100644
index 00000000..87d00895
--- /dev/null
+++ b/src/views/DemocracyMatterCreate.vue
@@ -0,0 +1,245 @@
+<template>
+  <div class="create-page">
+    <Header>
+      <button class="back" type="button" @click="goBack">←</button>
+      <div class="heading">
+        <h1>{{ pageTitle }}</h1>
+        <span v-if="demoMode">{{ t('democracy.demo.badge') }}</span>
+      </div>
+    </Header>
+
+    <main>
+      <section class="form-card">
+        <div class="mode-switch">
+          <button
+            type="button"
+            :class="{ active: mode === 'formal' }"
+            :disabled="!access.canInitiate"
+            @click="mode = 'formal'"
+          >
+            {{ t('democracy.create.formalAction') }}
+          </button>
+          <button
+            type="button"
+            :class="{ active: mode === 'anonymous' }"
+            :disabled="!access.canSuggestAnonymously"
+            @click="mode = 'anonymous'"
+          >
+            {{ t('democracy.create.anonymousAction') }}
+          </button>
+        </div>
+
+        <n-alert v-if="!allowed" type="warning" :show-icon="false">
+          {{ deniedMessage }}
+        </n-alert>
+        <n-alert v-else-if="mode === 'anonymous'" type="info" :show-icon="false">
+          {{ t('democracy.create.anonymousNotice') }}
+        </n-alert>
+
+        <n-form :disabled="!allowed || submitting" @submit.prevent="submit">
+          <n-form-item :label="t('democracy.create.kind')">
+            <n-radio-group v-model:value="kind">
+              <n-radio-button value="public">{{ t('democracy.tabs.public') }}</n-radio-button>
+              <n-radio-button value="oversight">{{ t('democracy.tabs.oversight') }}</n-radio-button>
+            </n-radio-group>
+          </n-form-item>
+          <n-form-item :label="t('democracy.create.subject')">
+            <n-input
+              v-model:value="subject"
+              :input-props="{ 'aria-label': t('democracy.create.subject') }"
+              :maxlength="80"
+              show-count
+              :placeholder="t('democracy.create.subjectPlaceholder')"
+            />
+          </n-form-item>
+          <n-form-item :label="t('democracy.create.description')">
+            <n-input
+              v-model:value="description"
+              :input-props="{ 'aria-label': t('democracy.create.description') }"
+              type="textarea"
+              :maxlength="2000"
+              show-count
+              :autosize="{ minRows: 7, maxRows: 14 }"
+              :placeholder="t('democracy.create.descriptionPlaceholder')"
+            />
+          </n-form-item>
+          <div class="submit-row">
+            <n-button type="info" attr-type="submit" :loading="submitting" :disabled="!canSubmit">
+              {{ t('democracy.create.submit') }}
+            </n-button>
+          </div>
+        </n-form>
+      </section>
+    </main>
+
+    <Footer />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useRoute, useRouter } from 'vue-router'
+import { NAlert, NButton, NForm, NFormItem, NInput, NRadioButton, NRadioGroup } from 'naive-ui'
+import Header from '@components/utils/Header.vue'
+import Footer from '@components/utils/Footer.vue'
+import { showMessage } from '@popup/naiveui'
+import {
+  getDemocracyCreationAccess,
+  submitDemocracyMatter,
+  type DemocracyMatterInput,
+} from '@services/democracyWall'
+import { isDemocracyDemoMode } from '@services/democracyWallDemo'
+
+const { t } = useI18n()
+const route = useRoute()
+const router = useRouter()
+const demoMode = isDemocracyDemoMode()
+const access = getDemocracyCreationAccess()
+const requestedMode = route.query.mode === 'formal' ? 'formal' : 'anonymous'
+const mode = ref<'formal' | 'anonymous'>(
+  requestedMode === 'formal' && !access.canInitiate ? 'anonymous' : requestedMode,
+)
+const kind = ref<DemocracyMatterInput['kind']>('public')
+const subject = ref('')
+const description = ref('')
+const submitting = ref(false)
+
+const allowed = computed(() =>
+  mode.value === 'formal' ? access.canInitiate : access.canSuggestAnonymously,
+)
+const canSubmit = computed(
+  () => allowed.value && subject.value.trim().length >= 4 && description.value.trim().length >= 10,
+)
+const pageTitle = computed(() =>
+  t(mode.value === 'formal' ? 'democracy.create.formalTitle' : 'democracy.create.anonymousTitle'),
+)
+const deniedMessage = computed(() =>
+  t(mode.value === 'formal' ? 'democracy.create.formalDenied' : 'democracy.create.loginRequired'),
+)
+
+function goBack() {
+  void router.push({ name: 'democracy', query: demoMode ? { demo: '1' } : {} })
+}
+
+async function submit() {
+  if (!canSubmit.value) return
+  submitting.value = true
+  try {
+    const summary = await submitDemocracyMatter({
+      anonymous: mode.value === 'anonymous',
+      description: description.value,
+      kind: kind.value,
+      subject: subject.value,
+    })
+    showMessage('success', t('democracy.create.success'), { duration: 2200 })
+    await router.push({
+      name: 'democracy-matter-detail',
+      params: { id: summary.ID },
+      query: demoMode ? { demo: '1' } : {},
+    })
+  } catch {
+    showMessage('error', t('democracy.create.failed'), { duration: 3500 })
+  } finally {
+    submitting.value = false
+  }
+}
+</script>
+
+<style scoped>
+.create-page {
+  min-height: 100dvh;
+  background: #f3f3f3;
+  color: #333;
+}
+
+.back {
+  padding: 0.25rem 0.6rem;
+  border: 0;
+  background: transparent;
+  color: #555;
+  cursor: pointer;
+  font-size: 1.4rem;
+}
+
+.heading {
+  display: flex;
+  gap: 0.6rem;
+  align-items: baseline;
+}
+
+.heading h1 {
+  margin: 0;
+  font-size: 1.2rem;
+}
+
+.heading span {
+  color: #0185c5;
+  font-size: 0.75rem;
+}
+
+main {
+  height: calc(100dvh - 100px);
+  overflow-y: auto;
+  padding: 12px;
+}
+
+.form-card {
+  width: min(760px, 100%);
+  margin: 0 auto;
+  padding: clamp(14px, 3vw, 24px);
+  border-radius: 10px;
+  background: #fff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+.mode-switch {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 4px;
+  margin-bottom: 1rem;
+  padding: 4px;
+  border-radius: 8px;
+  background: #eef2f5;
+}
+
+.mode-switch button {
+  padding: 0.65rem;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: #66717b;
+  cursor: pointer;
+}
+
+.mode-switch button.active {
+  background: #fff;
+  color: #0185c5;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
+  font-weight: 650;
+}
+
+.mode-switch button:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+
+.n-alert {
+  margin-bottom: 1rem;
+}
+
+.submit-row {
+  display: flex;
+  justify-content: flex-end;
+}
+
+@media (max-width: 520px) {
+  main {
+    padding: 8px;
+  }
+
+  .submit-row :deep(.n-button) {
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/views/DemocracyWall.vue b/src/views/DemocracyWall.vue
index da17a947..24a758e5 100644
--- a/src/views/DemocracyWall.vue
+++ b/src/views/DemocracyWall.vue
@@ -42,6 +42,14 @@
             <h2>{{ t('democracy.scopes.current') }}</h2>
             <p>{{ t('democracy.scopes.currentDescription') }}</p>
           </div>
+          <div class="create-actions">
+            <n-button v-if="access.canSuggestAnonymously" tag="a" :href="createPath('anonymous')">
+              {{ t('democracy.create.anonymousAction') }}
+            </n-button>
+            <n-button v-if="access.canInitiate" type="info" tag="a" :href="createPath('formal')">
+              {{ t('democracy.create.formalAction') }}
+            </n-button>
+          </div>
         </header>
 
         <n-tabs v-model:value="activeTab" type="line" animated>
@@ -69,6 +77,17 @@
               @retry="loadEntries"
             />
           </n-tab-pane>
+          <n-tab-pane
+            name="suggestions"
+            :tab="tabTitle('suggestions', anonymousSuggestionEntries.length)"
+          >
+            <EntryGrid
+              :entries="anonymousSuggestionEntries"
+              :loading="entryLoading"
+              :error="entryError"
+              @retry="loadEntries"
+            />
+          </n-tab-pane>
           <n-tab-pane name="featured" :tab="tabTitle('featured', featuredEntries.length)">
             <EntryGrid
               :entries="featuredEntries"
@@ -102,7 +121,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, defineComponent, h, onMounted, ref, type PropType } from 'vue'
+import { computed, defineComponent, h, onActivated, onMounted, ref, type PropType } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRoute } from 'vue-router'
 import { NButton, NEmpty, NSpin, NTabPane, NTabs } from 'naive-ui'
@@ -112,6 +131,7 @@ import DemocracyEntryCard from '@components/democracy/DemocracyEntryCard.vue'
 import {
   fetchDemocracyEntries,
   fetchDemocracyHistoryEntries,
+  getDemocracyCreationAccess,
   type DemocracyEntry,
 } from '@services/democracyWall'
 import { isDemocracyDemoMode, resetDemocracyDemoVotes } from '@services/democracyWallDemo'
@@ -119,6 +139,7 @@ import { isDemocracyDemoMode, resetDemocracyDemoVotes } from '@services/democrac
 const { t } = useI18n()
 const route = useRoute()
 const demoMode = isDemocracyDemoMode()
+const access = computed(getDemocracyCreationAccess)
 const activeScope = ref<'current' | 'history'>(
   route.query.scope === 'history' ? 'history' : 'current',
 )
@@ -130,12 +151,21 @@ const entryError = ref(false)
 const historyLoading = ref(true)
 const historyError = ref(false)
 
-const ongoingEntries = computed(() => entries.value.filter((entry) => entry.status === 'open'))
+const ongoingEntries = computed(() =>
+  entries.value.filter((entry) => entry.status === 'open' && !entry.anonymousSuggestion),
+)
 const caseEntries = computed(() =>
-  entries.value.filter((entry) => entry.kind === 'case' && entry.status === 'open'),
+  entries.value.filter(
+    (entry) => entry.kind === 'case' && entry.status === 'open' && !entry.anonymousSuggestion,
+  ),
 )
 const proposalEntries = computed(() =>
-  entries.value.filter((entry) => entry.kind === 'proposal' && entry.status === 'open'),
+  entries.value.filter(
+    (entry) => entry.kind === 'proposal' && entry.status === 'open' && !entry.anonymousSuggestion,
+  ),
+)
+const anonymousSuggestionEntries = computed(() =>
+  entries.value.filter((entry) => entry.anonymousSuggestion && entry.status === 'open'),
 )
 const featuredEntries = computed(() => entries.value.filter((entry) => entry.featured))
 const publicAffairsCount = computed(() => proposalEntries.value.length)
@@ -144,6 +174,12 @@ function tabTitle(key: string, count: number) {
   return `${t(`democracy.tabs.${key}`)} ${count}`
 }
 
+function createPath(mode: 'formal' | 'anonymous') {
+  const query = new URLSearchParams({ mode })
+  if (demoMode) query.set('demo', '1')
+  return `#/d/new?${query.toString()}`
+}
+
 async function loadEntries() {
   entryLoading.value = true
   entryError.value = false
@@ -168,8 +204,9 @@ async function loadHistory() {
   }
 }
 
-function resetDemo() {
+async function resetDemo() {
   resetDemocracyDemoVotes()
+  await Promise.allSettled([loadEntries(), loadHistory()])
 }
 
 const EntryGrid = defineComponent({
@@ -214,8 +251,11 @@ const EntryGrid = defineComponent({
   },
 })
 
-onMounted(() => {
+onActivated(() => {
   void Promise.allSettled([loadEntries(), loadHistory()])
+})
+
+onMounted(() => {
   window.$Logger.logPageView({ pageLink: '/Democracy/', timeStamp: Date.now() })
 })
 </script>
@@ -354,6 +394,12 @@ main {
   margin: 0;
 }
 
+.create-actions {
+  display: flex;
+  flex: 0 0 auto;
+  gap: 0.55rem;
+}
+
 .panel-heading h2 {
   color: #333;
   font-size: 1.15rem;
@@ -410,6 +456,20 @@ main {
     padding: 10px;
   }
 
+  .panel-heading {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+
+  .create-actions {
+    width: 100%;
+  }
+
+  .create-actions :deep(.n-button) {
+    flex: 1;
+  }
+
   .panel-heading p {
     line-height: 1.45;
   }

From 3935312e5b9e422f9c34ca4dfb6659ef92280360 Mon Sep 17 00:00:00 2001
From: 16th-admin <evanhejiayi@gmail.com>
Date: Sun, 30 Aug 2026 14:31:22 +0800
Subject: [PATCH 08/10] fix: restrict anonymous democracy proposals

---
 scripts/tests/democracy-wall-demo.spec.ts |  8 ++++----
 scripts/tests/democracy-wall.spec.ts      | 19 +++++++++++++++++--
 scripts/tests/test-helpers.ts             | 15 +++++++++------
 src/i18n/de.ts                            |  8 ++++----
 src/i18n/en.ts                            |  8 ++++----
 src/i18n/fr.ts                            |  8 ++++----
 src/i18n/ja.ts                            |  7 ++++---
 src/i18n/zh.ts                            |  6 +++---
 src/services/democracyWall.ts             | 12 ++++++------
 src/views/DemocracyMatterCreate.vue       |  2 +-
 src/views/DemocracyWall.vue               |  9 ---------
 11 files changed, 56 insertions(+), 46 deletions(-)

diff --git a/scripts/tests/democracy-wall-demo.spec.ts b/scripts/tests/democracy-wall-demo.spec.ts
index 31e12a73..e6db808d 100644
--- a/scripts/tests/democracy-wall-demo.spec.ts
+++ b/scripts/tests/democracy-wall-demo.spec.ts
@@ -21,7 +21,7 @@ test.describe('民主墙离线演示', () => {
   })
 
   test('在当前事务和历史事务之间切换', async ({ page }) => {
-    await expect(page.getByRole('button', { name: /当前事务 4/ })).toBeVisible()
+    await expect(page.getByRole('button', { name: /当前事务 3/ })).toBeVisible()
     await page.getByRole('button', { name: /历史事务 3/ }).click()
 
     await expect(page.getByRole('heading', { name: '历史事务' })).toBeVisible()
@@ -42,8 +42,8 @@ test.describe('民主墙离线演示', () => {
     await page.getByText('2. 投票阶段', { exact: true }).click()
     await expect(page.getByText('卷宗质询期决议')).toBeVisible()
 
-    await page.goto('/#/d?demo=1')
-    await page.getByText('精选决议 1', { exact: true }).click()
+    await page.goto('/#/d?demo=1&scope=history')
+    await page.getByRole('button', { name: /历史事务 3/ }).click()
     await page.getByRole('link', { name: '已决议：条例修订必须保留旧版本' }).first().click()
     await page.getByText('2. 投票阶段', { exact: true }).click()
     await expect(page.getByText('条例版本保留决议结果')).toBeVisible()
@@ -81,7 +81,7 @@ test.describe('民主墙离线创建事务', () => {
     await waitForPageReady(page)
   })
 
-  test('普通用户匿名提议并进入独立板块', async ({ page }) => {
+  test('演示用户匿名提议并进入独立板块', async ({ page }) => {
     await page.getByRole('link', { name: '匿名提议' }).click()
     await expect(page.getByRole('heading', { name: '提交匿名提议' })).toBeVisible()
 
diff --git a/scripts/tests/democracy-wall.spec.ts b/scripts/tests/democracy-wall.spec.ts
index 017dc5ae..fd6a78fa 100644
--- a/scripts/tests/democracy-wall.spec.ts
+++ b/scripts/tests/democracy-wall.spec.ts
@@ -111,7 +111,7 @@ const activitiesResponse = {
 
 test.describe('民主墙', () => {
   test.beforeEach(async ({ page }) => {
-    await injectLoginStateWithoutNavigation(page)
+    await injectLoginStateWithoutNavigation(page, { verification: 'Oldtimer' })
     await page.route('**/api/Contents/QueryExperiments', async (route) => {
       await route.fulfill({
         contentType: 'application/json',
@@ -143,6 +143,7 @@ test.describe('民主墙', () => {
     await waitForPageReady(page)
 
     await expect(page.getByRole('heading', { name: '民主墙' })).toBeVisible()
+    await expect(page.getByText('精选决议', { exact: true })).toHaveCount(0)
     await expect(page.getByText('关于公开指控处理流程的卷宗')).toBeVisible()
     await expect(page.getByText('Editor')).toBeVisible()
     await expect(page.getByRole('link', { name: '查看详情' }).first()).toHaveAttribute(
@@ -160,7 +161,7 @@ test.describe('民主墙', () => {
     await expect(page.getByRole('button', { name: /同意修订/ })).toBeVisible()
   })
 
-  test('普通用户通过社区接口提交匿名提议', async ({ page }) => {
+  test('Oldtimer 通过社区接口提交匿名提议', async ({ page }) => {
     let submission: Record<string, any> | undefined
     await page.route('**/api/Contents/SubmitExperiment', async (route) => {
       submission = route.request().postDataJSON()
@@ -189,4 +190,18 @@ test.describe('民主墙', () => {
     expect(submission?.Summary?.Tags).toEqual(['民主墙', '匿名提议', '公共议案', '待审核'])
     await expect(page).toHaveURL(/#\/d\/matter\/66a84559744ed757b46f8999$/)
   })
+
+  test('撤销名单中的 Oldtimer 无法匿名提议', async ({ page }) => {
+    await page.goto('/#/d')
+    await waitForPageReady(page)
+    await page.evaluate(() => {
+      const stored = JSON.parse(localStorage.getItem('userInfo') || '{}')
+      stored.value.ID = '5ea1934c8116c49429d3e405'
+      stored.value.Verification = 'Oldtimer'
+      localStorage.setItem('userInfo', JSON.stringify(stored))
+    })
+    await page.goto('/#/d/new?mode=anonymous')
+    await expect(page.getByText(/被撤销资格的账号无法提交/)).toBeVisible()
+    await expect(page.getByRole('button', { name: '提交到民主墙' })).toBeDisabled()
+  })
 })
diff --git a/scripts/tests/test-helpers.ts b/scripts/tests/test-helpers.ts
index db86fc7e..09e2c674 100644
--- a/scripts/tests/test-helpers.ts
+++ b/scripts/tests/test-helpers.ts
@@ -32,13 +32,16 @@ export async function injectLoginState(page: Page) {
   await page.goto('/')
 }
 
-export async function injectLoginStateWithoutNavigation(page: Page) {
-  await page.addInitScript(() => {
+export async function injectLoginStateWithoutNavigation(
+  page: Page,
+  overrides: { userId?: string; verification?: string } = {},
+) {
+  await page.addInitScript((loginOverrides) => {
     const authInfo = {
       value: {
         token: 'pKexl3M9jB1iWX2tyCPh6udYmEOFUnRz',
         authCode: 'RaQwt53Jnr9CSuUTH1kjsxqB40cV2fFD',
-        userId: '6666ff550b5f97d6e49d12d7',
+        userId: loginOverrides.userId || '6666ff550b5f97d6e49d12d7',
       },
       time: Date.now(),
       maxAgeMs: 30 * 24 * 60 * 60 * 1000,
@@ -47,11 +50,11 @@ export async function injectLoginStateWithoutNavigation(page: Page) {
 
     const userInfo = {
       value: {
-        ID: '6666ff550b5f97d6e49d12d7',
+        ID: loginOverrides.userId || '6666ff550b5f97d6e49d12d7',
         Nickname: 'TestUser',
         Avatar: 1,
         AvatarRegion: 1,
-        Verification: 'user',
+        Verification: loginOverrides.verification || 'user',
         Gold: 100,
         Diamond: 50,
         Level: 5,
@@ -84,7 +87,7 @@ export async function injectLoginStateWithoutNavigation(page: Page) {
       maxAgeMs: 365 * 24 * 60 * 60 * 1000,
     }
     localStorage.setItem('cookieConsent', JSON.stringify(cookieConsent))
-  })
+  }, overrides)
 }
 
 export async function waitForPageReady(page: Page, options?: { timeout?: number }) {
diff --git a/src/i18n/de.ts b/src/i18n/de.ts
index fa085f69..b0c32170 100644
--- a/src/i18n/de.ts
+++ b/src/i18n/de.ts
@@ -236,7 +236,6 @@ export default {
       public: 'Öffentliche Angelegenheiten',
       oversight: 'Verwaltungsaufsicht',
       suggestions: 'Anonyme Vorschläge',
-      featured: 'Ausgewählte Entscheidungen',
     },
     kinds: { case: 'Akte', proposal: 'Vorschlag' },
     status: { open: 'Laufend', resolved: 'Entschieden' },
@@ -255,9 +254,10 @@ export default {
       anonymousAuthor: 'Anonyme Person',
       anonymousNotice:
         'Ihre Kontodaten bleiben öffentlich verborgen. Missbrauch kann nach den Community-Regeln bearbeitet werden.',
-      formalDenied:
-        'Ein formeller Vorgang erfordert Redaktions- oder Administratorrechte. Anonyme Vorschläge bleiben möglich.',
-      loginRequired: 'Angemeldete Mitglieder können anonyme Vorschläge einreichen.',
+      formalDenied: 'Ein formeller Vorgang erfordert Redaktions- oder Administratorrechte.',
+      loginRequired: 'Angemeldete Oldtimer können anonyme Vorschläge einreichen.',
+      anonymousDenied:
+        'Anonyme Vorschläge sind berechtigten Oldtimern vorbehalten. Konten mit entzogenem Zugriff können nichts einreichen.',
       kind: 'Kategorie',
       subject: 'Titel',
       subjectPlaceholder: 'Fassen Sie das Thema kurz zusammen',
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index c7889401..9f3006b5 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -233,7 +233,6 @@ export default {
       public: 'Public affairs',
       oversight: 'Governance oversight',
       suggestions: 'Anonymous suggestions',
-      featured: 'Featured decisions',
     },
     kinds: {
       case: 'Docket',
@@ -258,9 +257,10 @@ export default {
       anonymousAuthor: 'Anonymous contributor',
       anonymousNotice:
         'Your account identity stays hidden on public pages. Moderators may still address abuse under community rules.',
-      formalDenied:
-        'Starting a formal matter requires editor or administrator access. You can still suggest anonymously.',
-      loginRequired: 'Signed-in community members can submit anonymous suggestions.',
+      formalDenied: 'Starting a formal matter requires editor or administrator access.',
+      loginRequired: 'Signed-in Oldtimers can submit anonymous suggestions.',
+      anonymousDenied:
+        'Anonymous suggestions are limited to eligible Oldtimers. Accounts with revoked access cannot submit.',
       kind: 'Matter category',
       subject: 'Title',
       subjectPlaceholder: 'Summarize the matter for community discussion',
diff --git a/src/i18n/fr.ts b/src/i18n/fr.ts
index b39182e1..11922b39 100644
--- a/src/i18n/fr.ts
+++ b/src/i18n/fr.ts
@@ -236,7 +236,6 @@ export default {
       public: 'Affaires publiques',
       oversight: 'Contrôle de la gouvernance',
       suggestions: 'Propositions anonymes',
-      featured: 'Décisions sélectionnées',
     },
     kinds: { case: 'Dossier', proposal: 'Proposition' },
     status: { open: 'En cours', resolved: 'Décidé' },
@@ -255,9 +254,10 @@ export default {
       anonymousAuthor: 'Membre anonyme',
       anonymousNotice:
         'Votre identité reste masquée publiquement. Les abus peuvent être traités selon les règles communautaires.',
-      formalDenied:
-        'Une affaire formelle exige les droits éditeur ou administrateur. La proposition anonyme reste disponible.',
-      loginRequired: 'Les membres connectés peuvent envoyer des propositions anonymes.',
+      formalDenied: 'Une affaire formelle exige les droits éditeur ou administrateur.',
+      loginRequired: 'Les Oldtimers connectés peuvent envoyer des propositions anonymes.',
+      anonymousDenied:
+        'Les propositions anonymes sont réservées aux Oldtimers éligibles. Les comptes révoqués ne peuvent pas en envoyer.',
       kind: 'Catégorie',
       subject: 'Titre',
       subjectPlaceholder: 'Résumez le sujet à discuter',
diff --git a/src/i18n/ja.ts b/src/i18n/ja.ts
index 0bf386b7..7a2f6d85 100644
--- a/src/i18n/ja.ts
+++ b/src/i18n/ja.ts
@@ -235,7 +235,6 @@ export default {
       public: '公共事項',
       oversight: '運営監査',
       suggestions: '匿名提案',
-      featured: '注目の決議',
     },
     kinds: { case: '記録', proposal: '議案' },
     status: { open: '進行中', resolved: '決議済み' },
@@ -254,8 +253,10 @@ export default {
       anonymousAuthor: '匿名提案者',
       anonymousNotice:
         '公開ページではアカウント情報が隠されます。乱用はコミュニティ規則に従って対応されます。',
-      formalDenied: '正式案件の開始には編集者または管理者権限が必要です。匿名提案は利用できます。',
-      loginRequired: 'ログイン済みの一般ユーザーは匿名提案を送信できます。',
+      formalDenied: '正式案件の開始には編集者または管理者権限が必要です。',
+      loginRequired: 'ログイン済みの Oldtimer は匿名提案を送信できます。',
+      anonymousDenied:
+        '匿名提案は資格のある Oldtimer のみ利用できます。資格を取り消されたアカウントは送信できません。',
       kind: '案件区分',
       subject: 'タイトル',
       subjectPlaceholder: '話し合う事項を一文でまとめてください',
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index ae4db3fc..d33ed669 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -228,7 +228,6 @@ export default {
       public: '公共事务',
       oversight: '管理监察',
       suggestions: '匿名提议',
-      featured: '精选决议',
     },
     kinds: {
       case: '卷宗',
@@ -252,8 +251,9 @@ export default {
       anonymousTitle: '提交匿名提议',
       anonymousAuthor: '匿名提议者',
       anonymousNotice: '公开页面会隐藏你的账号身份，管理员仍可依照社区规则处理滥用行为。',
-      formalDenied: '发起正式事务需要编辑或管理员权限，你仍可提交匿名提议。',
-      loginRequired: '登录后的普通用户可以提交匿名提议。',
+      formalDenied: '发起正式事务需要编辑或管理员权限。',
+      loginRequired: '登录后的 Oldtimer 可以提交匿名提议。',
+      anonymousDenied: '匿名提议仅向具备资格的 Oldtimer 开放；被撤销资格的账号无法提交。',
       kind: '事务分类',
       subject: '标题',
       subjectPlaceholder: '用一句话概括需要社区讨论的事项',
diff --git a/src/services/democracyWall.ts b/src/services/democracyWall.ts
index f6927c5a..4d473725 100644
--- a/src/services/democracyWall.ts
+++ b/src/services/democracyWall.ts
@@ -20,14 +20,13 @@ export const DEMOCRACY_WALL_TAG = '民主墙'
 
 const CASE_TAGS = new Set(['公开卷宗', '调查卷宗', '公开案件', '管理监察'])
 const RESOLVED_TAGS = new Set(['已决议', '已归档'])
-const FEATURED_TAGS = new Set(['精选', '精选决议'])
+const ANONYMOUS_SUGGESTION_REVOKED_USER_IDS = new Set(['5ea1934c8116c49429d3e405'])
 
 export type DemocracyEntryKind = 'case' | 'proposal'
 export type DemocracyEntryStatus = 'open' | 'resolved'
 
 export interface DemocracyEntry {
   anonymousSuggestion: boolean
-  featured: boolean
   kind: DemocracyEntryKind
   status: DemocracyEntryStatus
   summary: Summary
@@ -53,7 +52,9 @@ export function getDemocracyCreationAccess() {
   return {
     canInitiate:
       isDemocracyDemoMode() || INITIATOR_VERIFICATIONS.has(String(user?.Verification || '')),
-    canSuggestAnonymously: isDemocracyDemoMode() || Boolean(user?.ID),
+    canSuggestAnonymously:
+      isDemocracyDemoMode() ||
+      (user?.Verification === 'Oldtimer' && !ANONYMOUS_SUGGESTION_REVOKED_USER_IDS.has(user.ID)),
   }
 }
 
@@ -65,7 +66,6 @@ export function toDemocracyEntry(summary: Summary): DemocracyEntry {
   const tags = summary.Tags ?? []
   return {
     anonymousSuggestion: tags.includes('匿名提议'),
-    featured: hasAnyTag(tags, FEATURED_TAGS),
     kind: hasAnyTag(tags, CASE_TAGS) ? 'case' : 'proposal',
     status: hasAnyTag(tags, RESOLVED_TAGS) ? 'resolved' : 'open',
     summary,
@@ -105,12 +105,12 @@ export async function fetchDemocracyEntries(): Promise<DemocracyEntry[]> {
   if (isDemocracyDemoMode()) {
     return getDemocracyDemoSummaries()
       .map(toDemocracyEntry)
-      .filter((entry) => entry.status === 'open' || entry.featured)
+      .filter((entry) => entry.status === 'open')
   }
 
   return (await queryDemocracySummaries([DEMOCRACY_WALL_TAG], 48))
     .map(toDemocracyEntry)
-    .filter((entry) => entry.status === 'open' || entry.featured)
+    .filter((entry) => entry.status === 'open')
 }
 
 export async function fetchDemocracyHistoryEntries(): Promise<DemocracyEntry[]> {
diff --git a/src/views/DemocracyMatterCreate.vue b/src/views/DemocracyMatterCreate.vue
index 87d00895..3389fa69 100644
--- a/src/views/DemocracyMatterCreate.vue
+++ b/src/views/DemocracyMatterCreate.vue
@@ -115,7 +115,7 @@ const pageTitle = computed(() =>
   t(mode.value === 'formal' ? 'democracy.create.formalTitle' : 'democracy.create.anonymousTitle'),
 )
 const deniedMessage = computed(() =>
-  t(mode.value === 'formal' ? 'democracy.create.formalDenied' : 'democracy.create.loginRequired'),
+  t(mode.value === 'formal' ? 'democracy.create.formalDenied' : 'democracy.create.anonymousDenied'),
 )
 
 function goBack() {
diff --git a/src/views/DemocracyWall.vue b/src/views/DemocracyWall.vue
index 24a758e5..f4722e3d 100644
--- a/src/views/DemocracyWall.vue
+++ b/src/views/DemocracyWall.vue
@@ -88,14 +88,6 @@
               @retry="loadEntries"
             />
           </n-tab-pane>
-          <n-tab-pane name="featured" :tab="tabTitle('featured', featuredEntries.length)">
-            <EntryGrid
-              :entries="featuredEntries"
-              :loading="entryLoading"
-              :error="entryError"
-              @retry="loadEntries"
-            />
-          </n-tab-pane>
         </n-tabs>
       </section>
 
@@ -167,7 +159,6 @@ const proposalEntries = computed(() =>
 const anonymousSuggestionEntries = computed(() =>
   entries.value.filter((entry) => entry.anonymousSuggestion && entry.status === 'open'),
 )
-const featuredEntries = computed(() => entries.value.filter((entry) => entry.featured))
 const publicAffairsCount = computed(() => proposalEntries.value.length)
 
 function tabTitle(key: string, count: number) {

From 000b674184a9b081be969cacf9733cae39aa0756 Mon Sep 17 00:00:00 2001
From: 16th-admin <evanhejiayi@gmail.com>
Date: Sun, 30 Aug 2026 16:19:13 +0800
Subject: [PATCH 09/10] feat: categorize democracy history

---
 scripts/tests/democracy-wall-demo.spec.ts | 17 ++++--
 src/i18n/de.ts                            |  5 ++
 src/i18n/en.ts                            |  5 ++
 src/i18n/fr.ts                            |  5 ++
 src/i18n/ja.ts                            |  5 ++
 src/i18n/zh.ts                            |  5 ++
 src/services/democracyWallDemo.ts         | 10 ++++
 src/views/DemocracyWall.vue               | 65 ++++++++++++++++++++---
 8 files changed, 105 insertions(+), 12 deletions(-)

diff --git a/scripts/tests/democracy-wall-demo.spec.ts b/scripts/tests/democracy-wall-demo.spec.ts
index e6db808d..1281fe89 100644
--- a/scripts/tests/democracy-wall-demo.spec.ts
+++ b/scripts/tests/democracy-wall-demo.spec.ts
@@ -22,14 +22,21 @@ test.describe('民主墙离线演示', () => {
 
   test('在当前事务和历史事务之间切换', async ({ page }) => {
     await expect(page.getByRole('button', { name: /当前事务 3/ })).toBeVisible()
-    await page.getByRole('button', { name: /历史事务 3/ }).click()
+    await page.getByRole('button', { name: /历史事务 4/ }).click()
 
     await expect(page.getByRole('heading', { name: '历史事务' })).toBeVisible()
-    await expect(page.getByText('历史事务：社区公开记录保留规则')).toBeVisible()
+    await expect(page.getByText('公共事务 1', { exact: true })).toBeVisible()
+    await expect(page.getByText('管理监察 2', { exact: true })).toBeVisible()
+    await expect(page.getByText('提议回复 1', { exact: true })).toBeVisible()
+    await expect(page.getByText('已决议：条例修订必须保留旧版本')).toBeVisible()
+
+    await page.getByText('管理监察 2', { exact: true }).click()
     await expect(page.getByText('历史事务：志愿调查团回避办法试行记录')).toBeVisible()
+
+    await page.getByText('提议回复 1', { exact: true }).click()
+    await expect(page.getByText('提议回复：公开调查团成员替补流程')).toBeVisible()
     await expect(page.getByRole('link', { name: '参与质询' })).toHaveCount(0)
-    await expect(page.getByRole('link', { name: '查看详情' })).toHaveCount(3)
-    await page.getByRole('link', { name: '查看详情' }).first().click()
+    await page.getByRole('link', { name: '提议回复：公开调查团成员替补流程' }).click()
     await expect(page.getByText('历史记录只读')).toBeVisible()
     await expect(page.getByRole('button', { name: '提交建言' })).toHaveCount(0)
   })
@@ -43,7 +50,7 @@ test.describe('民主墙离线演示', () => {
     await expect(page.getByText('卷宗质询期决议')).toBeVisible()
 
     await page.goto('/#/d?demo=1&scope=history')
-    await page.getByRole('button', { name: /历史事务 3/ }).click()
+    await page.getByRole('button', { name: /历史事务 4/ }).click()
     await page.getByRole('link', { name: '已决议：条例修订必须保留旧版本' }).first().click()
     await page.getByText('2. 投票阶段', { exact: true }).click()
     await expect(page.getByText('条例版本保留决议结果')).toBeVisible()
diff --git a/src/i18n/de.ts b/src/i18n/de.ts
index b0c32170..563d5d87 100644
--- a/src/i18n/de.ts
+++ b/src/i18n/de.ts
@@ -237,6 +237,11 @@ export default {
       oversight: 'Verwaltungsaufsicht',
       suggestions: 'Anonyme Vorschläge',
     },
+    historyTabs: {
+      public: 'Öffentliche Angelegenheiten',
+      oversight: 'Verwaltungsaufsicht',
+      replies: 'Antworten auf Vorschläge',
+    },
     kinds: { case: 'Akte', proposal: 'Vorschlag' },
     status: { open: 'Laufend', resolved: 'Entschieden' },
     comments: '{count} Fragen',
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index 9f3006b5..ee900c29 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -234,6 +234,11 @@ export default {
       oversight: 'Governance oversight',
       suggestions: 'Anonymous suggestions',
     },
+    historyTabs: {
+      public: 'Public affairs',
+      oversight: 'Governance oversight',
+      replies: 'Suggestion replies',
+    },
     kinds: {
       case: 'Docket',
       proposal: 'Proposal',
diff --git a/src/i18n/fr.ts b/src/i18n/fr.ts
index 11922b39..487a9ab7 100644
--- a/src/i18n/fr.ts
+++ b/src/i18n/fr.ts
@@ -237,6 +237,11 @@ export default {
       oversight: 'Contrôle de la gouvernance',
       suggestions: 'Propositions anonymes',
     },
+    historyTabs: {
+      public: 'Affaires publiques',
+      oversight: 'Contrôle de la gouvernance',
+      replies: 'Réponses aux propositions',
+    },
     kinds: { case: 'Dossier', proposal: 'Proposition' },
     status: { open: 'En cours', resolved: 'Décidé' },
     comments: '{count} questions',
diff --git a/src/i18n/ja.ts b/src/i18n/ja.ts
index 7a2f6d85..312680b5 100644
--- a/src/i18n/ja.ts
+++ b/src/i18n/ja.ts
@@ -236,6 +236,11 @@ export default {
       oversight: '運営監査',
       suggestions: '匿名提案',
     },
+    historyTabs: {
+      public: '公共事項',
+      oversight: '運営監査',
+      replies: '提案への回答',
+    },
     kinds: { case: '記録', proposal: '議案' },
     status: { open: '進行中', resolved: '決議済み' },
     comments: '質疑 {count} 件',
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index d33ed669..7d2a05c6 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -229,6 +229,11 @@ export default {
       oversight: '管理监察',
       suggestions: '匿名提议',
     },
+    historyTabs: {
+      public: '公共事务',
+      oversight: '管理监察',
+      replies: '提议回复',
+    },
     kinds: {
       case: '卷宗',
       proposal: '议案',
diff --git a/src/services/democracyWallDemo.ts b/src/services/democracyWallDemo.ts
index 04fa627a..4adecaa9 100644
--- a/src/services/democracyWallDemo.ts
+++ b/src/services/democracyWallDemo.ts
@@ -140,6 +140,16 @@ const DEMOCRACY_DEMO_SUMMARIES: Summary[] = [
     comments: 29,
     visits: 618,
   }),
+  createSummary({
+    id: '66d100000000000000000007',
+    subject: '提议回复：公开调查团成员替补流程',
+    description: '管理组已回复匿名提议，并公布调查团成员退出后的替补顺序与公开记录要求。',
+    tags: ['匿名提议', '提议回复', '公共议案', '已决议', '已归档'],
+    verification: 'Administrator',
+    nickname: '管理员·议事回复',
+    comments: 12,
+    visits: 206,
+  }),
 ]
 
 function readMatterStore(): Summary[] {
diff --git a/src/views/DemocracyWall.vue b/src/views/DemocracyWall.vue
index f4722e3d..7a524c80 100644
--- a/src/views/DemocracyWall.vue
+++ b/src/views/DemocracyWall.vue
@@ -98,13 +98,38 @@
             <p>{{ t('democracy.scopes.historyDescription') }}</p>
           </div>
         </header>
-        <EntryGrid
-          :entries="historyEntries"
-          :loading="historyLoading"
-          :error="historyError"
-          read-only
-          @retry="loadHistory"
-        />
+        <n-tabs v-model:value="activeHistoryTab" type="line" animated>
+          <n-tab-pane name="public" :tab="historyTabTitle('public', historyPublicEntries.length)">
+            <EntryGrid
+              :entries="historyPublicEntries"
+              :loading="historyLoading"
+              :error="historyError"
+              read-only
+              @retry="loadHistory"
+            />
+          </n-tab-pane>
+          <n-tab-pane
+            name="oversight"
+            :tab="historyTabTitle('oversight', historyOversightEntries.length)"
+          >
+            <EntryGrid
+              :entries="historyOversightEntries"
+              :loading="historyLoading"
+              :error="historyError"
+              read-only
+              @retry="loadHistory"
+            />
+          </n-tab-pane>
+          <n-tab-pane name="replies" :tab="historyTabTitle('replies', historyReplyEntries.length)">
+            <EntryGrid
+              :entries="historyReplyEntries"
+              :loading="historyLoading"
+              :error="historyError"
+              read-only
+              @retry="loadHistory"
+            />
+          </n-tab-pane>
+        </n-tabs>
       </section>
     </main>
 
@@ -136,6 +161,7 @@ const activeScope = ref<'current' | 'history'>(
   route.query.scope === 'history' ? 'history' : 'current',
 )
 const activeTab = ref('ongoing')
+const activeHistoryTab = ref('public')
 const entries = ref<DemocracyEntry[]>([])
 const historyEntries = ref<DemocracyEntry[]>([])
 const entryLoading = ref(true)
@@ -160,11 +186,36 @@ const anonymousSuggestionEntries = computed(() =>
   entries.value.filter((entry) => entry.anonymousSuggestion && entry.status === 'open'),
 )
 const publicAffairsCount = computed(() => proposalEntries.value.length)
+const historyReplyEntries = computed(() =>
+  historyEntries.value.filter(
+    (entry) => entry.anonymousSuggestion || entry.summary.Tags.includes('提议回复'),
+  ),
+)
+const historyOversightEntries = computed(() =>
+  historyEntries.value.filter(
+    (entry) =>
+      entry.kind === 'case' &&
+      !entry.anonymousSuggestion &&
+      !entry.summary.Tags.includes('提议回复'),
+  ),
+)
+const historyPublicEntries = computed(() =>
+  historyEntries.value.filter(
+    (entry) =>
+      entry.kind === 'proposal' &&
+      !entry.anonymousSuggestion &&
+      !entry.summary.Tags.includes('提议回复'),
+  ),
+)
 
 function tabTitle(key: string, count: number) {
   return `${t(`democracy.tabs.${key}`)} ${count}`
 }
 
+function historyTabTitle(key: string, count: number) {
+  return `${t(`democracy.historyTabs.${key}`)} ${count}`
+}
+
 function createPath(mode: 'formal' | 'anonymous') {
   const query = new URLSearchParams({ mode })
   if (demoMode) query.set('demo', '1')

From ea701e518b90b9ae3cd5c6c9eca6090c86aff15c Mon Sep 17 00:00:00 2001
From: 16th-admin <evanhejiayi@gmail.com>
Date: Mon, 7 Sep 2026 10:47:19 +0800
Subject: [PATCH 10/10] feat: prepare democracy wall frontend integration draft

---
 .env.production                               |   1 +
 docs/democracy-wall-backend-contract.md       | 271 ++++++
 scripts/tests/democracy-wall-demo.spec.ts     | 242 ++++-
 .../tests/democracy-wall-edit-lock.spec.ts    |  81 ++
 .../tests/democracy-wall-permissions.spec.ts  | 279 ++++++
 scripts/tests/democracy-wall-readonly.spec.ts |  71 ++
 .../tests/democracy-wall-regressions.spec.ts  | 238 +++++
 .../tests/democracy-wall-sensitive.spec.ts    | 116 +++
 scripts/tests/democracy-wall.spec.ts          | 218 ++++-
 scripts/tests/notifications.spec.ts           |  21 +
 scripts/tests/playwright.local.config.ts      |  15 +
 .../democracy/AnonymousVoteCard.vue           |  96 +-
 .../democracy/DemocracyAccountControls.vue    | 214 +++++
 .../democracy/DemocracyContributionCard.vue   | 128 +++
 .../democracy/DemocracyEntryCard.vue          |  70 +-
 .../democracy/DemocracyInvitationCard.vue     |  92 ++
 .../democracy/DemocracyManagementPanel.vue    | 238 +++++
 .../democracy/DemocracyReportDialog.vue       |  98 +++
 .../democracy/DemocracyVoteOptionEditor.vue   |  72 ++
 src/components/democracy/theme.ts             |  11 +
 src/components/messages/NotificationItem.vue  |  53 +-
 src/components/utils/CommentComposer.vue      |   4 +-
 src/components/utils/Footer.vue               |   4 +-
 src/i18n/de.ts                                | 133 ++-
 src/i18n/en.ts                                | 130 ++-
 src/i18n/fr.ts                                | 134 ++-
 src/i18n/ja.ts                                | 127 ++-
 src/i18n/zh.ts                                | 131 ++-
 src/router/index.ts                           |   7 +
 src/services/api/types.ts                     |  24 +
 .../democracyContributionModeration.ts        |  62 ++
 src/services/democracyInvitations.ts          |  35 +
 src/services/democracyMatterState.ts          |  23 +
 src/services/democracyModerationRules.ts      |  10 +
 src/services/democracyNotification.ts         |  24 +
 src/services/democracyVotes.ts                |  84 ++
 src/services/democracyWall.ts                 | 698 +++++++++++----
 src/services/democracyWallContract.ts         | 222 +++++
 src/services/democracyWallDemo.ts             | 832 +++++++++++++++++-
 src/services/democracyWallFeature.ts          |  23 +
 src/views/DemocracyDemoDetail.vue             | 396 ++++++---
 src/views/DemocracyMatterCreate.vue           | 563 ++++++++++--
 src/views/DemocracyWall.vue                   |  73 +-
 vite-env.d.ts                                 |   8 +
 44 files changed, 5833 insertions(+), 539 deletions(-)
 create mode 100644 docs/democracy-wall-backend-contract.md
 create mode 100644 scripts/tests/democracy-wall-edit-lock.spec.ts
 create mode 100644 scripts/tests/democracy-wall-permissions.spec.ts
 create mode 100644 scripts/tests/democracy-wall-readonly.spec.ts
 create mode 100644 scripts/tests/democracy-wall-regressions.spec.ts
 create mode 100644 scripts/tests/democracy-wall-sensitive.spec.ts
 create mode 100644 scripts/tests/playwright.local.config.ts
 create mode 100644 src/components/democracy/DemocracyAccountControls.vue
 create mode 100644 src/components/democracy/DemocracyContributionCard.vue
 create mode 100644 src/components/democracy/DemocracyInvitationCard.vue
 create mode 100644 src/components/democracy/DemocracyManagementPanel.vue
 create mode 100644 src/components/democracy/DemocracyReportDialog.vue
 create mode 100644 src/components/democracy/DemocracyVoteOptionEditor.vue
 create mode 100644 src/components/democracy/theme.ts
 create mode 100644 src/services/democracyContributionModeration.ts
 create mode 100644 src/services/democracyInvitations.ts
 create mode 100644 src/services/democracyMatterState.ts
 create mode 100644 src/services/democracyModerationRules.ts
 create mode 100644 src/services/democracyNotification.ts
 create mode 100644 src/services/democracyVotes.ts
 create mode 100644 src/services/democracyWallContract.ts
 create mode 100644 src/services/democracyWallFeature.ts

diff --git a/.env.production b/.env.production
index 6a6a7bb4..0b91f07b 100644
--- a/.env.production
+++ b/.env.production
@@ -1,5 +1,6 @@
 VITE_API_URL=https://physics-api-cn.turtlesim.com
 VITE_STATIC_URL=https://physics-lab.oss-cn-hongkong.aliyuncs.com
+VITE_DEMOCRACY_WALL_MODE=off
 
 # build之后API请求发送的路径 
 # The path where API requests are sent after build
diff --git a/docs/democracy-wall-backend-contract.md b/docs/democracy-wall-backend-contract.md
new file mode 100644
index 00000000..937d75b2
--- /dev/null
+++ b/docs/democracy-wall-backend-contract.md
@@ -0,0 +1,271 @@
+# 民主墙服务端 v1 上线契约
+
+前端生产入口由 `VITE_DEMOCRACY_WALL_MODE` 控制：
+
+- `off`：隐藏入口并阻止路由访问；生产默认值。
+- `read-only`：允许读取公开事务，关闭发布和管理操作。
+- `full`：启用专用 `/Democracy/*` 接口。
+
+只有服务端完成本文档的隐私、权限与审计要求后，生产环境才能设置为 `full`。
+
+## 数据模型
+
+### AnonymousProfile
+
+| 字段            | 约束                                         |
+| --------------- | -------------------------------------------- |
+| UserID          | 主键；真实账号 ID；永不进入公开响应          |
+| Alias           | 规范化后全局唯一；2–16 个 Unicode 字符       |
+| AliasNormalized | 唯一索引；使用服务端统一大小写与兼容字符规则 |
+| CanPublish      | 服务端发布总开关                             |
+| ModifiedAt      | UTC 时间                                     |
+| Version         | 乐观并发版本                                 |
+
+改名必须在事务中完成唯一性检查。旧事务公开响应应读取当前化名；审计记录保留当时化名。
+
+### DemocracyMatter
+
+| 字段                  | 约束                                        |
+| --------------------- | ------------------------------------------- |
+| MatterID              | 主键                                        |
+| CreatorUserID         | 真实账号 ID；仅审计权限可读                 |
+| PublicAlias           | 可选快照；公开展示优先使用当前 profile      |
+| Kind                  | `Public` 或 `Oversight`                     |
+| Mode                  | `Formal` 或 `Suggestion`                    |
+| Participation         | `Consultation`（意见征集）或 `Vote`（投票） |
+| Stage                 | 见状态机                                    |
+| Subject               | 4–80 字符                                   |
+| Description           | 10–2000 字符                                |
+| CreatedAt / UpdatedAt | UTC 时间                                    |
+| Version               | 乐观并发版本                                |
+
+### DemocracyAuditLog
+
+记录发布、修改、改名、追溯、撤销/恢复发布权、阶段迁移、投票创建和决议归档。至少包含操作者、目标、理由、前后值、时间、请求 ID 与来源 IP 的安全摘要。审计日志只能追加。
+
+### DemocracyVotePlan
+
+包含 `Options`、`Multiple`、`StartAt` 与 `FinishAt`。投票沿用所属事务的上下文，不再单独保存题目；`Options` 为 2–20 项，每项规范化后 1–80 字符且不得重复。发布者可以在质询阶段设置或修改计划；开始时间到达后，由服务端调度器原子创建现有匿名投票并将事务迁移到 `Voting`。投票开始后正文、选项和时间冻结。
+
+### DemocracyContribution
+
+| 字段                      | 约束                                                 |
+| ------------------------- | ---------------------------------------------------- |
+| ContributionID / MatterID | 主键与所属事务                                       |
+| AuthorUserID              | 真实账号 ID；仅追溯与审计权限可读                    |
+| AuthorAlias               | 当前民主墙虚拟名；公开展示                           |
+| AuthorPosition            | 服务端根据当前身份与权限标签生成的公开职位；公开展示 |
+| Content                   | 建议或质询正文；1–400 字符                           |
+| ClientRequestID           | 用户范围内唯一，用于幂等                             |
+| CreatedAt                 | UTC 时间                                             |
+
+公开职位由服务端生成，客户端无权指定或覆盖。实名账号、社区昵称、头像及其他可关联身份的字段不得进入公开响应。
+
+### DemocracyInvestigationInvite
+
+| 字段                          | 约束                                |
+| ----------------------------- | ----------------------------------- |
+| InviteID                      | 主键                                |
+| MatterID                      | 必须关联 `Oversight` 事务           |
+| InviterUserID / InviteeUserID | 私有账号 ID，不进入公开事务响应     |
+| InviteeNickname               | 当前公开昵称快照                    |
+| Status                        | `Pending`、`Accepted` 或 `Declined` |
+| CreatedAt / RespondedAt       | UTC 时间                            |
+
+重复发送未处理邀请应返回原邀请。受邀人接受前只显示“等待接受”，不得计入已加入成员。
+
+### DemocracyReport
+
+| 字段                  | 约束                                                 |
+| --------------------- | ---------------------------------------------------- |
+| ReportID              | 主键                                                 |
+| MatterID              | 关联公开事务                                         |
+| ReporterUserID        | 仅审核权限可读                                       |
+| Category              | `Harassment`、`Privacy`、`Misinformation` 或 `Other` |
+| Details               | 10–500 字符                                          |
+| Status                | `Pending`、`Handled` 或 `Rejected`                   |
+| ClientRequestID       | 用户范围内唯一，用于幂等                             |
+| CreatedAt / HandledAt | UTC 时间                                             |
+
+举报需按账号和事务限流；重复举报返回原有结果。紧急隐藏只能改变公开可见性，原文和全部处理记录继续保留在受限存储中。
+
+## 权限
+
+- 已登录且状态正常的账号：可提交建议与质询。
+- `Oldtimer`：可匿名提议。
+- `Editor`、`Administrator`：可发起正式事务。
+- 独立的 `DemocracyDeveloperAdmin`：可追溯身份和撤销发布权。
+- `DemocracyDeveloperAdmin`：可为管理监察事务邀请调查团成员。
+- 独立的 `DemocracyClerk`：可迁移阶段、创建投票和归档。
+- 所有权限均由服务端根据当前账号状态判断。
+- 被全站封禁或 `CanPublish=false` 的账号无法通过任何民主墙写接口。
+- `DemocracyDeveloperAdmin` 的账号警告与封禁权限只取决于操作者能力，不受目标账号的 Oldtimer、认证编辑、管理员等身份标签影响；认证管理员同样没有处置豁免。
+
+## 公开响应隐私约束
+
+`QueryMatters`、`GetMatter`、`SubmitMatter` 和 `UpdateMatter` 的响应必须满足：
+
+- `Summary.User.ID` 为空。
+- `Summary.User.Nickname` 仅包含匿名化名。
+- 头像、签名、装饰、身份标签及可关联账号的字段清空。
+- 响应、CDN 缓存键、通知和客户端日志中不出现真实用户 ID。
+- `GetMatter` 对普通用户与未登录用户返回同一个公开 DTO。
+
+身份追溯仅通过 `TracePublisher` 的授权审计流程进行。请求必须包含具体理由，每次读取都写入审计日志。
+
+## API
+
+所有接口使用 POST、现有 token/authCode 认证和统一 `Result<T>` 包装。
+
+### `/Democracy/GetContext`
+
+返回 API 版本、匿名 profile 和五项细分权限：`CanContribute`、`CanSuggest`、`CanInitiate`、`CanModerate`、`CanTransition`。未登录用户返回 `Profile=null` 且全部写权限为 `false`；被禁发账号的全部写权限同样为 `false`。
+
+### `/Democracy/QueryMatters`
+
+输入 `Scope`, `Skip`, `Take`。只返回公开 DTO。服务端固定排序并限制 `Take <= 48`。
+
+### `/Democracy/GetMatter`
+
+输入 `MatterID`。只返回公开 DTO；已删除、待内部审核或无权公开的事务使用一致的不可见响应。
+
+### `/Democracy/SubmitMatter`
+
+输入：
+
+- `ClientRequestID`：用户范围内唯一，服务端保存幂等结果。
+- `Alias`：与事务创建在同一事务中完成设置或改名。
+- `Kind`, `Mode`, `Participation`, `Subject`, `Description`，以及投票事务所需的 `VotePlan`。
+
+服务端检查身份、角色、发布资格、速率限制、化名唯一性、投票时间和文本规则。客户端提交的用户 ID、标签和阶段一律忽略。匿名提议在公开模型中不区分公共事务与管理监察，传入的 `Kind` 统一按 `Public` 兼容处理，`Participation` 强制归一化为 `Consultation` 并拒绝 `VotePlan`；具备资格的 Oldtimer 与正式事务均进入 `Questions`。正式事务可选择 `Consultation` 或 `Vote`，选择 `Vote` 时必须提交有效投票计划。
+
+### `/Democracy/UpdateMatter`
+
+输入 `MatterID`、`ExpectedRevision`、`Participation`、`Subject`、`Description` 与可选 `VotePlan`。服务端从认证信息判断当前账号是否为原发布者，禁止接收客户端发布者 ID。发布者在 `PendingReview` 或 `Questions` 且服务器时间早于原投票开始时间时可反复修改；到达开始时间即禁止修改，即使阶段迁移任务尚未运行也必须拒绝。仅 `CanDeveloperManage` 对应的特定开发权限可在投票开始后或历史阶段修订标题和正文，投票选项、时间、参与方式及已有票数保持不变。服务端须在同一事务内校验权限、原开始时间及 `ExpectedRevision`，防止并发覆盖或提交新时间绕过限制。匿名提议始终保持 `Consultation`；正式事务在投票开始前可调整参与方式。修改应写入审计日志，但公开响应继续隐藏真实账号。此规则仍需服务端实现并联调，前端预检只改善交互体验。
+
+### `/Democracy/QueryContributions`
+
+输入 `MatterID`、`Skip`、`Take`。返回按创建时间稳定排序的建议与质询，单页限制 `Take <= 100`。每项公开响应仅包含 `ID`、`AuthorAlias`、`AuthorPosition`、`Content` 和 `CreatedAt`；历史事务同样可读，但不提供写入口。
+
+### `/Democracy/SubmitContribution`
+
+输入 `MatterID`、`Content`、`ClientRequestID`。服务端核验事务可见性、当前阶段、账号状态、速率限制与幂等键，从认证账号关联的民主墙 profile 取得虚拟名，并根据当前权限与身份标签生成公开职位。客户端提交的虚拟名、职位、用户 ID 和时间字段一律忽略。响应返回与查询接口相同的公开 DTO。
+
+### `/Democracy/ModeratePublisher`
+
+输入 `MatterID`, `Revoked`, `Reason`。服务端从 MatterID 解析真实用户，禁止客户端传入目标 UserID。调用者必须具备 `DemocracyDeveloperAdmin`。响应返回独立的 `Revoked` 与合并账号状态后的 `CanPublish`，避免账号封禁状态覆盖民主墙发布权设置。
+
+### `/Democracy/ModerateAccount`
+
+输入 `MatterID`、`Action`（`Warn`、`Ban`、`Unban`）和 `Reason`。服务端先核验操作者的账号处置能力，再从事务私有字段解析目标实名账号。目标账号的认证标签与管理员身份不提供豁免。警告应生成实名通知；封禁与解封调用全站账号状态服务，并写入追加式审计记录。响应同时返回 `Banned` 与合并民主墙发布权设置后的 `CanPublish`。
+
+### `/Democracy/DeleteMatter`
+
+输入 `MatterID` 与 `Reason`。执行公开下架并阻止详情、评论和投票继续写入，同时保留私有原文、审计记录、举报记录和申诉所需证据。公开查询统一返回不可见响应，避免泄露删除原因或内部状态。
+
+### `/Democracy/TracePublisher`
+
+输入 `MatterID`, `Reason`。仅向 `DemocracyDeveloperAdmin` 返回真实 `UserID`、当前化名、主账号 `Banned`、民主墙独立状态 `PublishingRevoked` 和最终有效状态 `CanPublish`。禁止缓存响应；每次调用必须追加审计记录。
+
+### `/Democracy/QueryAudit`
+
+输入 `MatterID`。仅 `DemocracyDeveloperAdmin` 可读取。返回公开操作名、操作者展示名、理由和时间；来源 IP、安全摘要及内部账号标识保留在更高权限日志中。
+
+### `/Democracy/QueryInvestigationTeam`
+
+输入 `MatterID`。管理人员可读取待处理、已接受和已拒绝邀请；普通用户仅可读取已接受成员。响应包含 `InviteID`、公开昵称、状态与时间，不包含可关联账号的私有字段。管理界面的授权响应额外返回 `UserID`。
+
+### `/Democracy/InviteInvestigator`
+
+输入 `MatterID`、`UserID` 与 `Reason`。调用者必须具备 `DemocracyDeveloperAdmin`，事务必须为 `Oversight`。服务端创建 `Pending` 邀请、写入 `InviteInvestigator` 审计记录并向受邀账号发送实名通知；相同事务与受邀人的未处理邀请保持幂等。受邀人接受后方可获得该事务的调查团权限。
+
+### 邀请通知与受邀人响应
+
+创建邀请和写入通知发送队列必须在同一数据库事务内提交。通知经现有社区消息系统发给受邀账号，Fields 包含 `DemocracyEvent: InvestigationInvite`、`DemocracyMatterID`、`DemocracyInviteID`。消息中不携带发布者实名信息。前端将其定位到 `/d/matter/:id?invitation=:inviteId`，在详情展示接受或拒绝操作。
+
+- `/Democracy/GetInvestigationInvite`：输入 `MatterID`、`InviteID`，仅受邀账号可以读取；返回 `ID`、`Status`、`CreatedAt`。其他账号统一返回不可访问，避免通过邀请 ID 推断身份。
+- `/Democracy/RespondInvestigationInvite`：输入 `MatterID`、`InviteID`、`Decision`（`Accepted` 或 `Declined`）。账号身份从认证头取得，禁止客户端代指定。检查账号封禁、邀请有效性、事务可参与状态，并原子迁移 `Pending` 状态。
+- 相同决定重复提交返回当前状态；相反决定返回 409；失效或已删除事务返回 410。接受后授予该事务范围内的调查团权限，拒绝不授予权限。
+- 响应、成员权限写入、`RespondInvestigationInvite` 审计及给邀请人的结果通知必须原子提交；通知投递由可重试队列完成。结果通知用 `DemocracyEvent: InvestigationInviteResponded`、`DemocracyMatterID`，详情中管理人员可刷新成员状态。
+- 全局只读模式由服务端一并执行；前端开关用于同步交互。历史事务不得接受新邀请或继续质询。
+
+当前仓库实现前端调用、通知定位与本地演示响应；上述服务端事务、消息投递与真实账号授权需在社区服务端实现并联调。
+
+### `/Democracy/ReportMatter`
+
+输入 `MatterID`, `Category`, `Details`, `ClientRequestID`。登录用户可调用；服务端执行幂等、限流和可见性检查。举报人的账号信息不会进入事务公开响应或通知正文。
+
+### `/Democracy/TransitionMatter`
+
+输入 `MatterID`, `ExpectedStage`, `TargetStage`, `Reason`。使用乐观并发，非法迁移返回冲突。
+
+### `/Democracy/CreateVote`
+
+输入 `MatterID`, `ExpectedStage`, `Options`, `Multiple`, `FinishDate`, `Reason`。服务端先确认事务的 `Participation=Vote`，再从事务中取得上下文，在同一数据库事务中创建绑定投票并完成 `Questions -> Voting` 迁移，任一步失败都回滚。意见征集与匿名提议调用该接口时返回阶段或类型冲突。
+
+该接口保留给 `DemocracyClerk` 手动处理特殊事务。发布者设置的 `VotePlan` 由服务端调度任务执行同等的原子创建与迁移；页面计时器仅负责及时刷新展示，不能承担状态迁移权威。
+
+## 通知精确跳转
+
+民主墙通知沿用现有消息系统，并在 `Message.Fields` 中提供：
+
+- `DemocracyMatterID`：24 位事务 ID。
+- `DemocracyStage`：通知生成时的事务阶段。
+- `DemocracyEvent`：`QuestionReply`、`VotingOpened`、`VotingClosing`、`InvestigationInvite`、`Resolved`、`Archived`、`ReportHandled`。
+
+`Voting` 通知进入详情投票页；`Resolved` 和 `Archived` 通知进入历史只读详情。通知字段、正文和模板不得包含真实发布者 ID。
+
+## 治理与限流
+
+- 匿名提议：每账号每 24 小时最多 3 次；失败请求不占额度。
+- 建议收集与质询：沿用社区评论限流，并增加单事务突发限制。
+- 举报：同一账号对同一事务保留一个待处理举报，可修改补充说明。
+- 追溯身份：要求不少于 6 个字符的理由，禁止批量接口。
+- 隐藏内容：仅 `DemocracyDeveloperAdmin` 可执行；必须填写理由并通知事务发起人。
+- 所有写接口拒绝客户端传入操作者、发布者、阶段、审计时间或公开身份字段。
+
+## 状态机
+
+允许的迁移：
+
+- `PendingReview -> Questions | Rejected`
+- 投票事务：`Questions -> Voting | Rejected`
+- 意见征集：`Questions -> Resolved | Rejected`
+- `Voting -> Resolved`
+- `Resolved -> Archived`
+
+投票截止只关闭投票并公开票数或比例，不依据多数票、阈值或选项名称自动判定通过、否决或形成决议。`Voting -> Resolved` 必须由具备权限的人员确认并写入审计理由。
+
+禁止跳级、回退和覆盖历史决议。条例修订应创建新事务，并引用受影响的旧决议。
+
+## 上线验收
+
+- 并发注册相同化名时只允许一个成功。
+- 重放相同 `ClientRequestID` 不生成重复事务。
+- 前端改角色、本地存储或请求体无法绕过权限。
+- 普通用户无法从列表、详情、评论、通知、缓存和错误日志获得真实身份。
+- 建议与质询只展示民主墙虚拟名和服务端生成的公开职位，伪造客户端身份字段不会改变响应。
+- 追溯、禁发、恢复、阶段迁移均生成审计记录。
+- 管理监察调查团邀请保持幂等，受邀人接受前不获得调查权限，邀请操作生成审计和实名通知。
+- 删除事务执行公开下架并保留证据；账号警告、封禁、解封均产生审计和实名通知，目标认证身份不影响处置结果。
+- 举报幂等、限流、处理通知和紧急隐藏流程通过验收。
+- 投票创建与 `Questions -> Voting` 阶段迁移具备事务原子性。
+- 原发布者可在质询阶段修改内容和投票计划；其他用户无法伪造发布者身份，投票开始后修改被拒绝。
+- 匿名提议只能进入意见征集，篡改请求为 `Vote` 或携带 `VotePlan` 均无法创建投票。
+- 发布者设置的 `StartAt` 到达后，即使没有用户打开页面，服务端也会自动创建并展示投票。
+- 通知能精确进入质询、投票或历史只读详情，且不泄露真实身份。
+- Chromium、Firefox、WebKit、移动端视口和 GitHub Pages 子目录部署全部通过。
+- 灰度期间可从 `full` 回退到 `read-only` 或 `off`，公开历史记录保持可读。
+
+## 开发专项权限与质询处置（2026-09 更新）
+
+- 服务端通过 GetContext.Permissions.CanDeveloperManage 明确授权，默认 false。必须映射到单独授予的 DemocracyDeveloperAdmin 能力，普通管理员、认证编辑、开发者身份标签和 CanModerate/CanTransition 均不能自动代替该授权。禁用或封禁操作者应撤销此能力。
+- 管理与审计界面仅对该能力开放。移除手动事务阶段选择、决议确认及手动创建投票；内容处置保留直接删除（带确认）。发布者设定的自动投票计划继续由服务端执行，历史事务状态仍由服务端管理。
+- TracePublisher 和 TraceContribution 均带 Notify: false，默认不通知被追溯者。仅权限者获得真实账号，响应 Cache-Control: no-store；每次读取追加审计。禁用普通缓存、公共日志和通知中的实名泄露。
+- ModerateAccount 增加 BanDays：Ban 操作必须为正整数，可自行填写任意可表示的天数；零、负数、小数和超出时间表示范围的值返回 422。服务端按当前 UTC 时间计算 BannedUntil，到期恢复，返回 Banned、BannedUntil、CanPublish。目标根据 MatterID 查找，不要求客户端先追溯，不接受客户端指定 UserID。目标身份不提供处置豁免。这里封禁社区主账号。
+- TraceContribution 输入 MatterID、ContributionID、Reason、Notify: false，必须校验质询属于事务；只向权限者返回与 TracePublisher 相同的私有身份字段。
+- ModerateContributionAuthor 输入 MatterID、ContributionID、Action、Reason、BanDays，服务端从质询作者关联定位主账号，其余行为与 ModerateAccount 一致。公开昵称、职位和客户端提交的 UserID 均不能作为定位依据。
+- DiscloseContribution 是独立写操作，输入 MatterID、ContributionID、Reason，必须具备 CanDeveloperManage。界面先私密追溯，再二次确认披露；该接口也必须再次鉴权，不能将追溯自动升级为公开。服务器提交披露记录和审计后返回更新后的质询。
+- 公开质询仅在主动披露成功后附加 Disclosure: { UserID, Reason, DisclosedAt }。默认完全省略此字段。只公开账号 ID 和披露理由、时间，不公开邮箱、IP、令牌或其他私有资料。服务端记录披露者、关联质询及依据；一般访客始终无法调用私密追溯接口。
+- 前端不得通过自行调用社区消息接口给被追溯者发送通知；封禁相关通知按社区账号处置规则由服务端发送。
+- 演示管理员使用 demo=1&admin=1；专项开发权限演示额外使用 developer=1。该参数仅开发环境有效，生产环境始终以服务端能力字段为准。
diff --git a/scripts/tests/democracy-wall-demo.spec.ts b/scripts/tests/democracy-wall-demo.spec.ts
index 1281fe89..b7c70a74 100644
--- a/scripts/tests/democracy-wall-demo.spec.ts
+++ b/scripts/tests/democracy-wall-demo.spec.ts
@@ -11,13 +11,26 @@ test.describe('民主墙离线演示', () => {
   test('浏览卷宗并打开本地详情', async ({ page }) => {
     await expect(page.getByText('离线演示', { exact: true }).first()).toBeVisible()
     await expect(page.getByText('关于公开指控处理流程的调查卷宗')).toBeVisible()
-    await expect(page.getByText('Editor')).toBeVisible()
+    await expect(page.getByText('Editor')).toHaveCount(0)
 
     await page.getByText('关于公开指控处理流程的调查卷宗').click()
     await expect(page).toHaveURL(/#\/d\/matter\/66d100000000000000000001\?demo=1$/)
     await expect(page.getByRole('heading', { name: '事务详情' })).toBeVisible()
-    await expect(page.getByRole('heading', { name: '社区质询与建言' })).toBeVisible()
+    await expect(page.getByRole('heading', { name: '建议收集与质询' })).toBeVisible()
     await expect(page.getByText('卷宗引用的条例版本是否在事件发生时已生效？')).toBeVisible()
+    await expect(page.getByText('星轨记录员', { exact: true })).toBeVisible()
+    await expect(page.getByText('认证编辑', { exact: true })).toBeVisible()
+    await expect(page.getByText('潮汐观察员', { exact: true })).toBeVisible()
+    await expect(page.getByText('Oldtimer', { exact: true })).toBeVisible()
+
+    const contribution = '建议补充调查团回避记录的公开日期。'
+    await page.getByPlaceholder(/提出建议、事实质询/).fill(contribution)
+    await page.locator('.comment-composer__send').click()
+    await expect(page.getByText(contribution, { exact: true })).toBeVisible()
+    await page.reload()
+    await waitForPageReady(page)
+    await expect(page.getByText(contribution, { exact: true })).toBeVisible()
+    await expect(page.getByRole('heading', { name: '事务管理与审计' })).toHaveCount(0)
   })
 
   test('在当前事务和历史事务之间切换', async ({ page }) => {
@@ -41,19 +54,28 @@ test.describe('民主墙离线演示', () => {
     await expect(page.getByRole('button', { name: '提交建言' })).toHaveCount(0)
   })
 
-  test('提案详情整合质询建言和投票阶段', async ({ page }) => {
+  test('普通用户与管理视角严格隔离', async ({ page }) => {
+    await expect(page.getByRole('link', { name: '发起事务' })).toHaveCount(0)
+    await expect(page.getByRole('button', { name: '进入管理视角' })).toBeVisible()
+    await page.getByRole('button', { name: '进入管理视角' }).click()
+    await expect(page).toHaveURL(/admin=1/)
+    await expect(page.getByRole('link', { name: '发起事务' })).toBeVisible()
+    await page.getByText('关于公开指控处理流程的调查卷宗').click()
+    await expect(page.getByRole('heading', { name: '事务管理与审计' })).toHaveCount(0)
+  })
+
+  test('提案详情整合建议收集、质询和投票阶段', async ({ page }) => {
     await page.getByText('公共事务 2', { exact: true }).click()
     await page.getByRole('link', { name: '提案：卷宗公开后设置 72 小时质询期' }).first().click()
-    await expect(page.getByText('1. 质询建言阶段', { exact: true })).toBeVisible()
+    await expect(page.getByText('1. 建议收集与质询', { exact: true })).toBeVisible()
     await expect(page.getByText('2. 投票阶段', { exact: true })).toBeVisible()
     await page.getByText('2. 投票阶段', { exact: true }).click()
-    await expect(page.getByText('卷宗质询期决议')).toBeVisible()
+    await expect(page.getByRole('button', { name: /同意 72 小时/ })).toBeVisible()
 
     await page.goto('/#/d?demo=1&scope=history')
     await page.getByRole('button', { name: /历史事务 4/ }).click()
     await page.getByRole('link', { name: '已决议：条例修订必须保留旧版本' }).first().click()
     await page.getByText('2. 投票阶段', { exact: true }).click()
-    await expect(page.getByText('条例版本保留决议结果')).toBeVisible()
     await expect(page.getByRole('button', { name: /通过修订/ })).toBeDisabled()
   })
 
@@ -79,6 +101,76 @@ test.describe('民主墙离线演示', () => {
     await page.getByText('2. 投票阶段', { exact: true }).click()
     await expect(page.getByRole('button', { name: /同意 72 小时/ })).toBeEnabled()
   })
+
+  test('开发权限可审计举报且没有事务阶段操作', async ({ page }) => {
+    await page.goto('/#/d/matter/66d100000000000000000001?demo=1&admin=1&developer=1')
+    await page.getByRole('button', { name: '举报事务' }).click()
+    await page
+      .getByPlaceholder(/说明具体内容、位置和可能造成的影响/)
+      .fill('该卷宗可能包含需要进一步核对的个人隐私信息。')
+    await page.getByRole('button', { name: '提交举报' }).click()
+    await expect(page.getByText('举报已提交')).toBeVisible()
+    await page
+      .locator('.management-panel__audit-heading')
+      .getByRole('button', { name: '刷新' })
+      .click()
+    await expect(page.getByText('Report', { exact: true })).toBeVisible()
+    await expect(page.getByText('事务阶段', { exact: true })).toHaveCount(0)
+    await expect(page.getByRole('button', { name: '确认阶段变更' })).toHaveCount(0)
+  })
+
+  test('有处理权限时可警告并封禁认证管理员账号', async ({ page }) => {
+    await page.goto('/#/d/matter/66d100000000000000000004?demo=1&admin=1&developer=1&scope=history')
+    await expect(page.getByText('管理员·归档员')).toBeVisible()
+    await page
+      .locator('.management-panel').getByPlaceholder(/填写追溯/)
+      .fill('该认证管理员账号发布的内容需要执行正式账号处置')
+    await page.getByRole('button', { name: '授权追溯发布者' }).click()
+    await page.getByRole('button', { name: '警告实名账号' }).click()
+    await expect(page.getByText('WarnAccount')).toBeVisible()
+    await page.getByRole('button', { name: '封禁实名账号' }).click()
+    await expect(page.getByText('已封禁', { exact: true })).toBeVisible()
+    await expect(page.getByText('BanAccount')).toBeVisible()
+    await expect(page.getByRole('button', { name: '解除账号封禁' })).toBeVisible()
+    await expect(page.getByRole('button', { name: '撤销发布权' })).toBeVisible()
+
+    await page.getByRole('button', { name: '解除账号封禁' }).click()
+    await expect(page.getByText('正常', { exact: true }).first()).toBeVisible()
+    await page.getByRole('button', { name: '撤销发布权' }).click()
+    await expect(page.getByRole('button', { name: '恢复发布权' })).toBeVisible()
+    await page.getByRole('button', { name: '封禁实名账号' }).click()
+    await page.getByRole('button', { name: '解除账号封禁' }).click()
+    await expect(page.getByRole('button', { name: '恢复发布权' })).toBeVisible()
+    await expect(page.getByText('已撤销', { exact: true })).toBeVisible()
+  })
+
+  test('管理监察可邀请调查团成员并保留审计记录', async ({ page }) => {
+    await page.goto('/#/d/matter/66d100000000000000000005?demo=1&admin=1&developer=1&scope=history')
+    await page
+      .locator('.management-panel').getByPlaceholder(/填写追溯/)
+      .fill('邀请该用户加入调查团协助核对公开记录和处理流程')
+    await page
+      .getByPlaceholder('输入 24 位用户 ID 或资料页链接')
+      .fill('https://dl.turtlesim.com/plc/?chinese-user-5ea1934c8116c49429d3e405?')
+    await page.getByRole('button', { name: '发送邀请' }).click()
+
+    await expect(page.getByText('受邀用户·e405', { exact: true })).toBeVisible()
+    await expect(page.getByText('等待接受')).toBeVisible()
+    await expect(page.getByText('InviteInvestigator')).toBeVisible()
+    await page.reload()
+    await expect(page.getByText('受邀用户·e405', { exact: true })).toBeVisible()
+  })
+
+  test('删除事务后公开下架并返回列表', async ({ page }) => {
+    await page.goto('/#/d/matter/66d100000000000000000001?demo=1&admin=1&developer=1')
+    await page
+      .locator('.management-panel').getByPlaceholder(/填写追溯/)
+      .fill('该事务包含违规内容，需要从民主墙公开区域下架')
+    await page.getByRole('button', { name: '删除事务' }).click()
+    await page.getByRole('button', { name: '确认删除' }).click()
+    await expect(page).toHaveURL(/#\/d\?.*developer=1/)
+    await expect(page.getByText('关于公开指控处理流程的调查卷宗')).toHaveCount(0)
+  })
 })
 
 test.describe('民主墙离线创建事务', () => {
@@ -91,16 +183,32 @@ test.describe('民主墙离线创建事务', () => {
   test('演示用户匿名提议并进入独立板块', async ({ page }) => {
     await page.getByRole('link', { name: '匿名提议' }).click()
     await expect(page.getByRole('heading', { name: '提交匿名提议' })).toBeVisible()
+    await expect(page.getByText('公共事务', { exact: true })).toHaveCount(0)
+    await expect(page.getByText('管理监察', { exact: true })).toHaveCount(0)
+    await expect(page.getByText(/匿名提议仅可进行意见征集/)).toBeVisible()
+    await expect(page.getByPlaceholder('选项 1')).toHaveCount(0)
+    await page.getByLabel('匿名化名').fill('蓝鲸记录员')
 
-    await page.getByLabel('标题').fill('建议增加社区条例修订预告期')
     await page
-      .getByLabel('事实与建议')
+      .getByRole('textbox', { name: '标题', exact: true })
+      .fill('建议增加社区条例修订预告期')
+    await page
+      .locator('.democracy-editor .cm-content')
       .fill('建议条例修订在投票前公开七天，让普通用户有时间阅读并提出修改意见。')
-    await page.getByRole('button', { name: '提交到民主墙' }).click()
+    await page.getByRole('button', { name: '发布' }).click()
 
     await expect(page.getByRole('heading', { name: '事务详情' })).toBeVisible()
     await expect(page.getByText('建议增加社区条例修订预告期')).toBeVisible()
-    await expect(page.getByText('匿名提议者')).toBeVisible()
+    await expect(page.getByText('蓝鲸记录员')).toBeVisible()
+    await expect(page.getByText('2. 投票阶段', { exact: true })).toHaveCount(0)
+    await expect(page.getByText('66d10000000000000000a001')).toHaveCount(0)
+
+    await page.goto(`${page.url()}&admin=1&developer=1`)
+    await page
+      .locator('.management-panel').getByPlaceholder(/填写追溯/)
+      .fill('意见征集已经完成，可以整理意见并形成最终决议')
+    await expect(page.locator('.management-panel__group .n-base-selection')).toHaveCount(0)
+    await expect(page.getByRole('button', { name: '确认阶段变更' })).toHaveCount(0)
 
     await page.goto('/#/d?demo=1')
     await page.getByText('匿名提议 1', { exact: true }).click()
@@ -108,18 +216,124 @@ test.describe('民主墙离线创建事务', () => {
     await expect(page.getByText('TestUser')).toHaveCount(0)
   })
 
+  test('正式投票事务到点自动开放投票', async ({ page }) => {
+    await page.goto('/#/d?demo=1&admin=1&developer=1')
+    await page.getByRole('link', { name: '发起事务' }).click()
+    await page.getByLabel('匿名化名').fill('定时议事员')
+    await page.getByText('投票', { exact: true }).click()
+    await page.getByRole('textbox', { name: '标题', exact: true }).fill('定时开放的正式投票事务')
+    await page
+      .locator('.democracy-editor .cm-content')
+      .fill('该正式事务用于验证意见征集与投票分流，并在预定时间自动开放社区投票。')
+    await page.getByPlaceholder('选项 1').fill('通过')
+    await page.getByPlaceholder('选项 2').fill('退回修改')
+
+    const schedule = await page.evaluate(() => {
+      const format = (date: Date) => {
+        const local = new Date(date.getTime() - date.getTimezoneOffset() * 60_000)
+        return local.toISOString().slice(0, 19)
+      }
+      return {
+        start: format(new Date(Date.now() + 3_000)),
+        finish: format(new Date(Date.now() + 12_000)),
+      }
+    })
+    const dateInputs = page.locator('input[type="datetime-local"]')
+    await dateInputs.nth(0).fill(schedule.start)
+    await dateInputs.nth(1).fill(schedule.finish)
+    await page.getByRole('button', { name: '发布' }).click()
+
+    await expect(page.getByText('定时开放的正式投票事务')).toBeVisible()
+    await expect(page.getByText('2. 投票阶段', { exact: true })).toBeVisible({ timeout: 8_000 })
+    const voteChoice = page.getByRole('button', { name: /通过/ })
+    await expect(voteChoice).toBeVisible()
+    await expect(voteChoice).toBeEnabled()
+
+    const waitUntilFinished = Math.max(0, new Date(schedule.finish).getTime() - Date.now() + 800)
+    await page.waitForTimeout(waitUntilFinished)
+    await expect(voteChoice).toBeDisabled()
+    await expect(voteChoice).toContainText('%')
+    await expect(page.getByText('投票已结束', { exact: true })).toBeVisible()
+    await expect(page.getByText('自动判定通过', { exact: true })).toHaveCount(0)
+  })
+
+  test('匿名化名唯一、可修改，管理人员可追溯并撤销资格', async ({ page }) => {
+    await page.getByRole('link', { name: '匿名提议' }).click()
+    await page.getByLabel('匿名化名').fill('社区观察鲸')
+    await page.getByRole('textbox', { name: '标题', exact: true }).fill('第一份匿名社区建议')
+    await page
+      .locator('.democracy-editor .cm-content')
+      .fill('这是用于验证匿名化名、后台追溯以及管理禁发能力的测试内容。')
+    await page.getByRole('button', { name: '发布' }).click()
+
+    await expect(page.getByText('社区观察鲸')).toBeVisible()
+    await expect(page.getByText('66d10000000000000000a001')).toHaveCount(0)
+    await page.goto(`${page.url()}&admin=1&developer=1`)
+    await page
+      .locator('.management-panel').getByPlaceholder(/填写追溯/)
+      .fill('核查该账号连续发布重复提议的情况')
+    await page.getByRole('button', { name: '授权追溯发布者' }).click()
+    await expect(page.getByText('66d10000000000000000a001')).toBeVisible()
+    await page.getByRole('button', { name: '撤销发布权' }).click()
+    await expect(page.getByRole('button', { name: '恢复发布权' })).toBeVisible()
+    await expect(page.getByText('RevokePublisher')).toBeVisible()
+
+    await page.goto('/#/d/new?demo=1&mode=anonymous')
+    await expect(page.getByText(/匿名发布权已被撤销/)).toBeVisible()
+    await expect(page.getByRole('button', { name: '发布' })).toBeDisabled()
+
+    await page.goto('/#/d/new?demo=1&mode=formal')
+    await expect(page.getByRole('heading', { name: '发起社区事务' })).toBeVisible()
+    await expect(page.getByText(/匿名发布权已被撤销/)).toBeVisible()
+    await expect(page.getByRole('button', { name: '发布' })).toBeDisabled()
+
+    await page.evaluate(() => {
+      const profiles = JSON.parse(
+        localStorage.getItem('plweb2.democracy.demoAnonymousProfiles') || '{}',
+      )
+      profiles['66d10000000000000000a001'].revoked = false
+      profiles['another-demo-user'] = {
+        alias: '已被占用的名字',
+        revoked: false,
+        userId: 'another-demo-user',
+      }
+      localStorage.setItem('plweb2.democracy.demoAnonymousProfiles', JSON.stringify(profiles))
+    })
+    await page.goto('/#/d/new?demo=1&mode=anonymous')
+    await page.getByLabel('匿名化名').fill('已被占用的名字')
+    await page.getByRole('textbox', { name: '标题', exact: true }).fill('重复化名测试事务')
+    await page
+      .locator('.democracy-editor .cm-content')
+      .fill('这条内容用于验证另一个账号已经占用的匿名化名无法再次注册。')
+    await page.getByRole('button', { name: '发布' }).click()
+    await expect(page).toHaveURL(/#\/d\/new\?demo=1&mode=anonymous$/)
+
+    await page.getByLabel('匿名化名').fill('改名后的观察鲸')
+    await page.getByRole('button', { name: '发布' }).click()
+    await expect(page.getByText('改名后的观察鲸')).toBeVisible()
+
+    await page.goto('/#/d?demo=1')
+    await page.getByText('匿名提议 2', { exact: true }).click()
+    await expect(page.getByText('改名后的观察鲸')).toHaveCount(2)
+    await expect(page.getByText('社区观察鲸')).toHaveCount(0)
+  })
+
   test('具备权限的用户可以发起正式事务', async ({ page }) => {
+    await page.goto('/#/d?demo=1&admin=1&developer=1')
     await page.getByRole('link', { name: '发起事务' }).click()
     await expect(page.getByRole('heading', { name: '发起社区事务' })).toBeVisible()
+    await page.getByLabel('匿名化名').fill('事务记录员')
     await page.getByText('管理监察', { exact: true }).click()
-    await page.getByLabel('标题').fill('调查团成员回避申明核查')
+    await page.getByRole('textbox', { name: '标题', exact: true }).fill('调查团成员回避申明核查')
     await page
-      .getByLabel('事实与建议')
+      .locator('.democracy-editor .cm-content')
       .fill('请核查本次调查团成员已公开的关系申明，并在质询期内补充遗漏信息。')
-    await page.getByRole('button', { name: '提交到民主墙' }).click()
+    await page.getByRole('button', { name: '发布' }).click()
 
     await expect(page.getByText('调查团成员回避申明核查')).toBeVisible()
-    await expect(page.getByText('认证编辑·演示用户')).toBeVisible()
+    await expect(page.getByText('事务记录员')).toBeVisible()
+    await expect(page.getByText('66d10000000000000000a001')).toHaveCount(0)
+    await expect(page.getByText('认证编辑·演示用户')).toHaveCount(0)
 
     await page.goto('/#/d?demo=1')
     await page.getByText('管理监察 2', { exact: true }).click()
diff --git a/scripts/tests/democracy-wall-edit-lock.spec.ts b/scripts/tests/democracy-wall-edit-lock.spec.ts
new file mode 100644
index 00000000..facd886e
--- /dev/null
+++ b/scripts/tests/democracy-wall-edit-lock.spec.ts
@@ -0,0 +1,81 @@
+import { test, expect } from './fixtures'
+import { injectLoginStateWithoutNavigation } from './test-helpers'
+
+test.beforeEach(async ({ page }) => {
+  await injectLoginStateWithoutNavigation(page)
+  await page.goto('/#/d?demo=1&admin=1')
+})
+
+test('发布者投票前可重复编辑，跨过开始时间后服务层拒绝修改', async ({ page }) => {
+  const result = await page.evaluate(async () => {
+    const path = '/src/services/democracyWall.ts'
+    const service = await import(path)
+    const plan = {
+      StartAt: new Date(Date.now() + 60000).toISOString(),
+      FinishAt: new Date(Date.now() + 3600000).toISOString(),
+      Options: ['赞成', '反对'],
+      Multiple: false,
+    }
+    const matter = await service.submitDemocracyMatter({
+      subject: '编辑时间边界测试',
+      description: '用于验证发起后到投票开始之间的编辑权限。',
+      anonymous: false,
+      kind: 'public',
+      participation: 'Vote',
+      votePlan: plan,
+    })
+    const input = {
+      matterId: matter.ID,
+      expectedRevision: String(matter.UpdateDate),
+      subject: '投票开始前第一次修改',
+      description: '这里是第一次修改后的完整事务正文。',
+      participation: 'Vote',
+      votePlan: plan,
+    }
+    await service.updateDemocracyMatter(input)
+    await service.updateDemocracyMatter({ ...input, subject: '投票开始前第二次修改' })
+    const clock = Date.now
+    Date.now = () => new Date(plan.StartAt).getTime()
+    let error = ''
+    try {
+      await service.updateDemocracyMatter({ ...input, subject: '投票后禁止保存内容' })
+    } catch (e) {
+      error = (e as Error).message
+    } finally {
+      Date.now = clock
+    }
+    return { error, subject: (await service.fetchDemocracyMatter(matter.ID)).summary.Subject }
+  })
+  expect(result).toEqual({ error: 'permission-denied', subject: '投票开始前第二次修改' })
+})
+
+test('编辑页面跨过投票开始时间自动禁用，开发权限可修改正文', async ({ page }) => {
+  const id = await page.evaluate(async () => {
+    const path = '/src/services/democracyWall.ts'
+    const service = await import(path)
+    const matter = await service.submitDemocracyMatter({
+      subject: '编辑页自动锁定测试',
+      description: '用于验证编辑页面跨越投票开始时间后自动锁定。',
+      anonymous: false,
+      kind: 'public',
+      participation: 'Vote',
+      votePlan: {
+        StartAt: new Date(Date.now() + 10000).toISOString(),
+        FinishAt: new Date(Date.now() + 3600000).toISOString(),
+        Options: ['同意', '不同意'],
+        Multiple: false,
+      },
+    })
+    return matter.ID
+  })
+  await page.goto(`/#/d/new?edit=${id}&demo=1&admin=1`)
+  const title = page.getByRole('textbox', { name: '标题', exact: true })
+  await expect(title).toBeEnabled()
+  await expect(title).toBeDisabled({ timeout: 15000 })
+  await page.goto(`/#/d/new?edit=${id}&demo=1&admin=1&developer=1`)
+  await expect(title).toBeEnabled()
+  await title.fill('开发权限修订后的正文标题')
+  await expect(page.locator('input[type="datetime-local"]').first()).toBeDisabled()
+  await page.getByRole('button', { name: '发布', exact: true }).click()
+  await expect(page.getByRole('heading', { name: '开发权限修订后的正文标题' })).toBeVisible()
+})
diff --git a/scripts/tests/democracy-wall-permissions.spec.ts b/scripts/tests/democracy-wall-permissions.spec.ts
new file mode 100644
index 00000000..8585f5ea
--- /dev/null
+++ b/scripts/tests/democracy-wall-permissions.spec.ts
@@ -0,0 +1,279 @@
+import type { Page } from '@playwright/test'
+import { expect, test } from './fixtures'
+import { injectLoginStateWithoutNavigation, waitForPageReady } from './test-helpers'
+
+interface PermissionCase {
+  alias?: string
+  canPublish: boolean
+  login: boolean
+  name: string
+  permissions: {
+    CanContribute: boolean
+    CanInitiate: boolean
+    CanModerate: boolean
+    CanSuggest: boolean
+    CanTransition: boolean
+  }
+  verification?: string
+}
+
+const matterSummary = {
+  ID: '66a84559744ed757b46f8917',
+  Tags: ['民主墙', '公开卷宗'],
+  Type: 0,
+  User: {
+    ID: '',
+    Nickname: '匿名调查员',
+    Avatar: 0,
+    AvatarRegion: 0,
+    Signature: '',
+    Decoration: 0,
+    Verification: undefined,
+  },
+  Image: 0,
+  ImageRegion: 0,
+  Price: 0,
+  Stars: 0,
+  Editor: null,
+  Visits: 0,
+  ModelID: null,
+  Remixes: 0,
+  Subject: '权限兼容性测试事务',
+  Version: 1,
+  Category: 'Discussion',
+  Comments: 0,
+  Language: 'Chinese',
+  Supports: 0,
+  Coauthors: [],
+  Popularity: 0,
+  UpdateDate: 0,
+  Visibility: 0,
+  SortingDate: 0,
+  CreationDate: 0,
+  Multilingual: false,
+  Description: ['用于验证不同账号权限下的详情页写入口。'],
+}
+
+const permissionCases: PermissionCase[] = [
+  {
+    canPublish: false,
+    login: false,
+    name: '游客',
+    permissions: {
+      CanContribute: false,
+      CanInitiate: false,
+      CanModerate: false,
+      CanSuggest: false,
+      CanTransition: false,
+    },
+  },
+  {
+    alias: '普通用户化名',
+    canPublish: true,
+    login: true,
+    name: '普通用户',
+    permissions: {
+      CanContribute: true,
+      CanInitiate: false,
+      CanModerate: false,
+      CanSuggest: false,
+      CanTransition: false,
+    },
+    verification: 'user',
+  },
+  {
+    alias: '资深用户化名',
+    canPublish: true,
+    login: true,
+    name: 'Oldtimer',
+    permissions: {
+      CanContribute: true,
+      CanInitiate: false,
+      CanModerate: false,
+      CanSuggest: true,
+      CanTransition: false,
+    },
+    verification: 'Oldtimer',
+  },
+  {
+    alias: '编辑化名',
+    canPublish: true,
+    login: true,
+    name: '认证编辑',
+    permissions: {
+      CanContribute: true,
+      CanInitiate: true,
+      CanModerate: false,
+      CanSuggest: false,
+      CanTransition: false,
+    },
+    verification: 'Editor',
+  },
+  {
+    alias: '管理化名',
+    canPublish: true,
+    login: true,
+    name: '管理员',
+    permissions: {
+      CanContribute: true,
+      CanInitiate: true,
+      CanModerate: true,
+      CanSuggest: true,
+      CanTransition: true,
+    },
+    verification: 'Administrator',
+  },
+  {
+    alias: '受限账号',
+    canPublish: false,
+    login: true,
+    name: '被禁发管理员',
+    permissions: {
+      CanContribute: true,
+      CanInitiate: true,
+      CanModerate: true,
+      CanSuggest: true,
+      CanTransition: true,
+    },
+    verification: 'Administrator',
+  },
+]
+
+async function mockPermissionApis(page: Page, account: PermissionCase) {
+  await page.route('**/api/Democracy/GetContext', (route) =>
+    route.fulfill({
+      contentType: 'application/json',
+      body: JSON.stringify({
+        Status: 200,
+        Message: '',
+        Data: {
+          ApiVersion: 1,
+          Permissions: account.permissions,
+          Profile: account.login
+            ? { Alias: account.alias, CanPublish: account.canPublish, ModifiedAt: '' }
+            : null,
+        },
+      }),
+    }),
+  )
+  await page.route('**/api/Democracy/QueryMatters', (route) =>
+    route.fulfill({
+      contentType: 'application/json',
+      body: JSON.stringify({ Status: 200, Message: '', Data: { Entries: [] } }),
+    }),
+  )
+  await page.route('**/api/Democracy/GetMatter', (route) =>
+    route.fulfill({
+      contentType: 'application/json',
+      body: JSON.stringify({
+        Status: 200,
+        Message: '',
+        Data: {
+          CanEdit: account.login,
+          Kind: 'Public',
+          Mode: 'Formal',
+          Participation: 'Consultation',
+          Revision: '1',
+          Stage: 'Questions',
+          Summary: matterSummary,
+        },
+      }),
+    }),
+  )
+  await page.route('**/api/Democracy/QueryContributions', (route) =>
+    route.fulfill({
+      contentType: 'application/json',
+      body: JSON.stringify({ Status: 200, Message: '', Data: { Entries: [] } }),
+    }),
+  )
+  await page.route('**/api/Democracy/QueryAudit', (route) =>
+    route.fulfill({
+      contentType: 'application/json',
+      body: JSON.stringify({ Status: 200, Message: '', Data: { Entries: [] } }),
+    }),
+  )
+  await page.route('**/api/Democracy/QueryInvestigationTeam', (route) =>
+    route.fulfill({
+      contentType: 'application/json',
+      body: JSON.stringify({ Status: 200, Message: '', Data: { Entries: [] } }),
+    }),
+  )
+  await page.route('**/api/Users/Authenticate', (route) =>
+    route.fulfill({
+      contentType: 'application/json',
+      body: JSON.stringify({
+        Status: 200,
+        Message: '',
+        Data: { Activities: [], Statistic: { Activities: [], ID: 'permission-statistic' } },
+      }),
+    }),
+  )
+}
+
+async function injectGuestPreferences(page: Page) {
+  await page.addInitScript(() => {
+    const now = Date.now()
+    localStorage.setItem(
+      'userConfig',
+      JSON.stringify({
+        value: { language: 'zh', languageManuallySelected: true },
+        time: now,
+        maxAgeMs: 30 * 24 * 60 * 60 * 1000,
+      }),
+    )
+    localStorage.setItem(
+      'cookieConsent',
+      JSON.stringify({ value: true, time: now, maxAgeMs: 365 * 24 * 60 * 60 * 1000 }),
+    )
+  })
+}
+
+function expectedWriteCount(account: PermissionCase, permission = true) {
+  return account.login && account.canPublish && permission ? 1 : 0
+}
+
+async function prepareAccount(page: Page, account: PermissionCase) {
+  if (account.login) {
+    await injectLoginStateWithoutNavigation(page, { verification: account.verification })
+    return
+  }
+  await injectGuestPreferences(page)
+}
+
+async function assertWallPermissions(page: Page, account: PermissionCase) {
+  await expect(page.getByRole('link', { name: '匿名提议' })).toHaveCount(
+    expectedWriteCount(account, account.permissions.CanSuggest),
+  )
+  await expect(page.getByRole('link', { name: '发起事务' })).toHaveCount(
+    expectedWriteCount(account, account.permissions.CanInitiate),
+  )
+}
+
+async function assertDetailPermissions(page: Page, account: PermissionCase) {
+  await expect(page.locator('.comment-composer')).toHaveCount(
+    expectedWriteCount(account, account.permissions.CanContribute),
+  )
+  await expect(page.getByRole('button', { name: '举报事务' })).toHaveCount(
+    expectedWriteCount(account),
+  )
+  await expect(page.getByRole('button', { name: '修改事务' })).toHaveCount(
+    expectedWriteCount(account),
+  )
+  await expect(page.getByRole('heading', { name: '事务管理与审计' })).toHaveCount(
+    expectedWriteCount(account, false),
+  )
+}
+
+for (const account of permissionCases) {
+  test(`${account.name}的民主墙写入口与服务端权限一致`, async ({ page }) => {
+    await prepareAccount(page, account)
+    await mockPermissionApis(page, account)
+    await page.goto('/#/d')
+    await waitForPageReady(page)
+    await assertWallPermissions(page, account)
+
+    await page.goto('/#/d/matter/66a84559744ed757b46f8917')
+    await expect(page.getByRole('heading', { name: '事务详情' })).toBeVisible()
+    await assertDetailPermissions(page, account)
+  })
+}
diff --git a/scripts/tests/democracy-wall-readonly.spec.ts b/scripts/tests/democracy-wall-readonly.spec.ts
new file mode 100644
index 00000000..3be753cf
--- /dev/null
+++ b/scripts/tests/democracy-wall-readonly.spec.ts
@@ -0,0 +1,71 @@
+import { test, expect } from './fixtures'
+import { injectLoginStateWithoutNavigation } from './test-helpers'
+
+test('只读部署阻止详情写入口和服务层管理调用', async ({ page }) => {
+  test.skip(process.env.DEMOCRACY_READONLY_TEST !== '1', 'Requires a read-only Vite server')
+  await injectLoginStateWithoutNavigation(page)
+  const id = '66a84559744ed757b46f8917'
+  let writes = 0
+  await page.route('**/api/Democracy/**', (route) => {
+    const path = new URL(route.request().url()).pathname.split('/').pop()
+    if (!path?.startsWith('Get') && !path?.startsWith('Query')) writes++
+    const data =
+      path === 'GetContext'
+        ? {
+            ApiVersion: 1,
+            Profile: { Alias: '只读测试', CanPublish: true },
+            Permissions: {
+              CanContribute: true,
+              CanInitiate: true,
+              CanSuggest: true,
+              CanModerate: true,
+              CanTransition: true,
+            },
+          }
+        : path === 'GetMatter'
+          ? {
+              Kind: 'Oversight',
+              Mode: 'Formal',
+              Participation: 'Consultation',
+              Stage: 'Questions',
+              CanEdit: true,
+              Revision: '1',
+              Summary: {
+                ID: id,
+                Tags: [],
+                Subject: '只读模式测试事务',
+                Description: ['验证生产只读配置的交互限制'],
+                User: { ID: '', Nickname: '公开化名' },
+              },
+            }
+          : { Entries: [] }
+    return route.fulfill({ json: { Status: 200, Data: data } })
+  })
+  await page.route('**/api/Users/Authenticate', (route) =>
+    route.fulfill({
+      json: {
+        Status: 200,
+        Data: { Activities: [], Statistic: { Activities: [] } },
+      },
+    }),
+  )
+  await page.goto(`/#/d/matter/${id}`)
+  await expect(page.getByText('只读模式测试事务', { exact: true })).toBeVisible()
+  await expect(page.getByRole('heading', { name: '事务管理与审计' })).toHaveCount(0)
+  await expect(page.locator('.comment-composer')).toHaveCount(0)
+  await expect(page.getByRole('button', { name: '举报事务' })).toHaveCount(0)
+  const errors = await page.evaluate(async (matterId) => {
+    const path = '/src/services/democracyWall.ts'
+    const service = await import(path)
+    const results = await Promise.allSettled([
+      service.deleteDemocracyMatter(matterId, '只读配置验证'),
+      service.moderateDemocracyAccount(matterId, 'Ban', '只读配置验证'),
+      service.submitDemocracyContribution(matterId, '只读配置验证'),
+    ])
+    return results.map((result) =>
+      result.status === 'rejected' ? result.reason.message : 'allowed',
+    )
+  }, id)
+  expect(errors).toEqual(['feature-read-only', 'feature-read-only', 'feature-read-only'])
+  expect(writes).toBe(0)
+})
diff --git a/scripts/tests/democracy-wall-regressions.spec.ts b/scripts/tests/democracy-wall-regressions.spec.ts
new file mode 100644
index 00000000..61679cba
--- /dev/null
+++ b/scripts/tests/democracy-wall-regressions.spec.ts
@@ -0,0 +1,238 @@
+import { test, expect } from './fixtures'
+import { injectLoginStateWithoutNavigation } from './test-helpers'
+
+const matterId = '66a84559744ed757b46f8917'
+const activityId = '7777ff550b5f97d6e49d12d7'
+
+async function prepare(page: import('@playwright/test').Page, stage = 'Voting') {
+  await injectLoginStateWithoutNavigation(page, { verification: 'Oldtimer' })
+  const activity = {
+    ID: activityId,
+    InterfaceModel: 'Vote-Single',
+    InternalLink: '',
+    TargetLink: {},
+    TargetText: {},
+    StartDate: new Date(Date.now() - 60_000).toISOString(),
+    FinishDate: new Date(Date.now() + 3600_000).toISOString(),
+    Items: [
+      { Description: '方案甲', Counter: 10 },
+      { Description: '方案乙', Counter: 0 },
+    ],
+  }
+  const statistic = {
+    ID: matterId,
+    Activities: [{ ActivityID: activityId, Finished: false, Gains: [] }],
+  }
+  const matter = {
+    Kind: 'Oversight',
+    Mode: 'Formal',
+    Participation: 'Vote',
+    Stage: stage,
+    CanEdit: false,
+    Revision: '1',
+    VoteActivity: activity,
+    Summary: {
+      ID: matterId,
+      Tags: [],
+      Subject: '回归测试事务',
+      Description: ['测试事务的公开说明'],
+      User: { ID: '', Nickname: '公开虚拟名' },
+      Comments: 0,
+      Visits: 0,
+    },
+  }
+  await page.route('**/api/Democracy/**', async (route) => {
+    const path = new URL(route.request().url()).pathname.split('/').pop()
+    const data =
+      path === 'GetMatter'
+        ? matter
+        : path === 'GetContext'
+          ? {
+              ApiVersion: 1,
+              Profile: { Alias: '测试化名', CanPublish: true },
+              Permissions: {
+                CanContribute: true,
+                CanInitiate: false,
+                CanSuggest: true,
+                CanModerate: false,
+                CanTransition: false,
+              },
+            }
+          : { Entries: [] }
+    await route.fulfill({ json: { Status: 200, Data: data } })
+  })
+  await page.route('**/api/Users/Authenticate', (route) =>
+    route.fulfill({
+      json: { Status: 200, Data: { Activities: [activity], Statistic: statistic } },
+    }),
+  )
+  return { activity, statistic, matter }
+}
+
+test('投票使用实际票数且采用提交后的最新快照', async ({ page }) => {
+  const { activity, statistic } = await prepare(page)
+  await page.route('**/api/Users/ReceiveBonus', (route) =>
+    route.fulfill({
+      json: {
+        Status: 200,
+        Data: {
+          Activities: [
+            { ...activity, Items: [activity.Items[0], { ...activity.Items[1], Counter: 10 }] },
+          ],
+          Statistic: {
+            ...statistic,
+            Activities: [{ ActivityID: activityId, Finished: false, Gains: [1] }],
+          },
+        },
+      },
+    }),
+  )
+  await page.goto(`/#/d/matter/${matterId}`)
+  await expect(page.getByText('公开虚拟名', { exact: true })).toBeVisible()
+  await page.getByRole('button', { name: /方案乙/ }).click()
+  await expect(page.getByRole('button', { name: /方案甲/ })).toContainText('50%')
+  await expect(page.getByRole('button', { name: /方案乙/ })).toContainText('50%')
+  await expect(page.getByRole('button', { name: /方案乙/ })).toBeDisabled()
+})
+
+test('历史事务直达链接只读且10比0显示100比0', async ({ page }) => {
+  const { statistic } = await prepare(page, 'Archived')
+  await page.route('**/api/Users/Authenticate', (route) =>
+    route.fulfill({
+      json: {
+        Status: 200,
+        Data: { Statistic: { ...statistic, Activities: [] }, Activities: [] },
+      },
+    }),
+  )
+  await page.goto(`/#/d/matter/${matterId}`)
+  await expect(page.locator('.comment-composer')).toHaveCount(0)
+  await page.getByText('2. 投票阶段', { exact: true }).click()
+  await expect(page.getByRole('button', { name: /方案甲/ })).toContainText('100%')
+  await expect(page.getByRole('button', { name: /方案乙/ })).toContainText('0%')
+  await expect(page.getByRole('button', { name: /方案甲/ })).toBeDisabled()
+})
+
+test('服务端阶段迁移延迟时限制轮询频率', async ({ page }) => {
+  const { matter } = await prepare(page, 'Questions')
+  let requests = 0
+  await page.route('**/api/Democracy/GetMatter', (route) => {
+    requests++
+    return route.fulfill({
+      json: {
+        Status: 200,
+        Data: {
+          ...matter,
+          VotePlan: {
+            StartAt: new Date(Date.now() - 60_000).toISOString(),
+            FinishAt: new Date(Date.now() + 3600_000).toISOString(),
+            Options: ['甲', '乙'],
+          },
+        },
+      },
+    })
+  })
+  await page.goto(`/#/d/matter/${matterId}`)
+  await expect(page.getByText('回归测试事务', { exact: true })).toBeVisible()
+  await page.waitForTimeout(6500)
+  expect(requests).toBeGreaterThanOrEqual(2)
+  expect(requests).toBeLessThanOrEqual(3)
+})
+
+for (const decision of ['Accepted', 'Declined'] as const) {
+  test(`通知定位邀请并${decision === 'Accepted' ? '接受' : '拒绝'}，刷新保留结果`, async ({
+    page,
+  }) => {
+    await prepare(page, 'Questions')
+    let status: string = 'Pending'
+    let writes = 0
+    await page.route('**/api/Democracy/GetInvestigationInvite', (route) =>
+      route.fulfill({
+        json: {
+          Status: 200,
+          Data: { ID: 'invite-1', Status: status, CreatedAt: new Date().toISOString() },
+        },
+      }),
+    )
+    await page.route('**/api/Democracy/RespondInvestigationInvite', (route) => {
+      expect(route.request().postDataJSON()).toMatchObject({
+        MatterID: matterId,
+        InviteID: 'invite-1',
+        Decision: decision,
+      })
+      writes++
+      status = decision
+      return route.fulfill({
+        json: {
+          Status: 200,
+          Data: {
+            ID: 'invite-1',
+            Status: status,
+            CreatedAt: new Date().toISOString(),
+          },
+        },
+      })
+    })
+    await page.route('**/api/Messages/GetMessages', (route) =>
+      route.fulfill({
+        json: {
+          Status: 200,
+          Data: {
+            Templates: [],
+            Messages: [
+              {
+                ID: 'notice-1',
+                CategoryID: 1,
+                TemplateID: 'invitation',
+                Users: [],
+                UserNames: [],
+                Fields: {
+                  Content: '你收到一封调查团邀请',
+                  DemocracyMatterID: matterId,
+                  DemocracyEvent: 'InvestigationInvite',
+                  DemocracyInviteID: 'invite-1',
+                },
+              },
+            ],
+          },
+        },
+      }),
+    )
+    await page.goto('/#/n')
+    await page
+      .locator('.notification_message')
+      .filter({ hasText: '你收到一封调查团邀请' })
+      .first()
+      .click()
+    await expect(page).toHaveURL(new RegExp(`/d/matter/${matterId}\\?invitation=invite-1$`))
+    await page
+      .getByRole('button', { name: decision === 'Accepted' ? '接受邀请' : '拒绝邀请' })
+      .click()
+    const label = decision === 'Accepted' ? '已加入' : '已拒绝'
+    await expect(page.locator('.invitation').getByText(label, { exact: true })).toBeVisible()
+    await page.reload()
+    await expect(page.locator('.invitation').getByText(label, { exact: true })).toBeVisible()
+    await expect(page.getByRole('button', { name: '接受邀请' })).toHaveCount(0)
+    expect(writes).toBe(1)
+  })
+}
+
+test('超过一页的质询全部可见', async ({ page }) => {
+  await prepare(page, 'Questions')
+  const offsets: number[] = []
+  await page.route('**/api/Democracy/QueryContributions', (route) => {
+    const { Skip, Take } = route.request().postDataJSON()
+    offsets.push(Skip)
+    const entries = Array.from({ length: 51 }, (_, index) => ({
+      ID: String(index),
+      AuthorAlias: '测试化名',
+      AuthorPosition: 'Oldtimer',
+      CreatedAt: new Date().toISOString(),
+      Content: `质询编号${index + 1}`,
+    })).slice(Skip, Skip + Take)
+    return route.fulfill({ json: { Status: 200, Data: { Entries: entries } } })
+  })
+  await page.goto(`/#/d/matter/${matterId}`)
+  await expect(page.getByText('质询编号51', { exact: true })).toBeAttached()
+  expect(offsets).toEqual([0, 50])
+})
diff --git a/scripts/tests/democracy-wall-sensitive.spec.ts b/scripts/tests/democracy-wall-sensitive.spec.ts
new file mode 100644
index 00000000..03fcf327
--- /dev/null
+++ b/scripts/tests/democracy-wall-sensitive.spec.ts
@@ -0,0 +1,116 @@
+import { test, expect } from './fixtures'
+import { injectLoginStateWithoutNavigation } from './test-helpers'
+
+const id = '66d100000000000000000001'
+const developerUrl = `/#/d/matter/${id}?demo=1&admin=1&developer=1`
+test('正式追溯请求明确不通知当事人', async ({ page }) => {
+  await injectLoginStateWithoutNavigation(page)
+  await page.route('**/api/Democracy/GetContext', (route) => route.fulfill({ json: {
+    Status: 200, Data: { ApiVersion: 1, Profile: null, Permissions: { CanDeveloperManage: true } },
+  } }))
+  let payload: unknown
+  await page.route('**/api/Democracy/TracePublisher', (route) => {
+    payload = route.request().postDataJSON()
+    return route.fulfill({ json: { Status: 200, Data: { UserID: 'private-account', Alias: '测试化名', Banned: false, CanPublish: true, PublishingRevoked: false } } })
+  })
+  await page.goto('/#/d?demo=1')
+  await expect(page.getByRole('heading', { name: '民主墙', exact: true })).toBeVisible()
+  await page.evaluate(async (matterId) => {
+    history.replaceState(null, '', '/#/d')
+    const path = '/src/services/democracyWall.ts'
+    const { traceDemocracyPublisher } = await import(path)
+    await traceDemocracyPublisher(matterId, '正式追溯静默通知验证')
+  }, id)
+  expect(payload).toMatchObject({ MatterID: id, Notify: false, Reason: '正式追溯静默通知验证' })
+})
+test.beforeEach(async ({ page }) => {
+  await injectLoginStateWithoutNavigation(page)
+})
+
+test('普通管理员无管理入口且服务层拒绝敏感操作', async ({ page }) => {
+  await page.goto(`/#/d/matter/${id}?demo=1&admin=1`)
+  await expect(page.getByRole('heading', { name: '事务详情' })).toBeVisible()
+  await expect(page.locator('.management-panel')).toHaveCount(0)
+  await expect(page.getByText('质询人管理')).toHaveCount(0)
+  const result = await page.evaluate(async (matterId) => {
+    const path = '/src/services/democracyWall.ts'
+    const service = await import(path)
+    try {
+      await service.traceDemocracyPublisher(matterId, '无开发权限的追溯测试')
+      return 'allowed'
+    } catch (error) {
+      return (error as Error).message
+    }
+  }, id)
+  expect(result).toBe('permission-denied')
+})
+
+test('直接封禁发布者自定义天数，负数被拒绝', async ({ page }) => {
+  await page.goto(developerUrl)
+  const panel = page.locator('.management-panel')
+  await panel.getByPlaceholder(/填写追溯/).fill('测试直接按自定义天数封禁发布者')
+  await panel.getByLabel('封禁天数').fill('-1')
+  await expect(panel.getByRole('button', { name: '封禁实名账号' })).toBeDisabled()
+  await panel.getByLabel('封禁天数').fill('123')
+  await panel.getByRole('button', { name: '封禁实名账号' }).click()
+  await expect(panel.getByText('已封禁', { exact: true })).toBeVisible()
+  await expect(panel.locator('.account-controls__trace')).toHaveCount(0)
+  const duration = await page.evaluate(() => {
+    const state = JSON.parse(localStorage.getItem('plweb2.democracy.demoAdminState') || '{}')
+    return (
+      (new Date(state.bannedUntil['66d10000000000000000a001']).getTime() - Date.now()) / 86400000
+    )
+  })
+  expect(duration).toBeGreaterThan(122.99)
+  expect(duration).toBeLessThanOrEqual(123)
+})
+
+test('质询追溯默认私密，确认披露后访客可见', async ({ page }) => {
+  await page.goto(developerUrl)
+  const card = page.locator('.contribution-card').first()
+  await card.getByText('质询人管理', { exact: true }).click()
+  await card.getByPlaceholder(/填写追溯/).fill('经核实需要公开此次质询的账号归属')
+  await card.getByRole('button', { name: '授权追溯质询人' }).click()
+  await expect(card.locator('.account-controls__trace')).toContainText('66d10000000000000000a002')
+  await expect(card.locator('.contribution-card__disclosure')).toHaveCount(0)
+  await page.goto(`/#/d/matter/${id}?demo=1`)
+  await expect(page.getByRole('heading', { name: '事务详情' })).toBeVisible()
+  await expect(page.getByText('66d10000000000000000a002', { exact: true })).toHaveCount(0)
+  await page.goto(developerUrl)
+  await card.getByText('质询人管理', { exact: true }).click()
+  await card.getByPlaceholder(/填写追溯/).fill('经核实需要公开此次质询的账号归属')
+  await card.getByRole('button', { name: '授权追溯质询人' }).click()
+  await card.getByRole('button', { name: '公开披露真实账号' }).click()
+  await expect(page.getByText(/将向所有访客公开/)).toBeVisible()
+  await page.locator('.n-popconfirm__action').getByRole('button').last().click()
+  await expect(card.locator('.contribution-card__disclosure')).toContainText(
+    '66d10000000000000000a002',
+  )
+  await page.goto(`/#/d/matter/${id}?demo=1`)
+  await expect(page.locator('.contribution-card__disclosure')).toContainText(
+    '66d10000000000000000a002',
+  )
+})
+
+test('封禁质询人仅影响关联账号并到期恢复', async ({ page }) => {
+  await page.goto(developerUrl)
+  const card = page.locator('.contribution-card').first()
+  await card.getByText('质询人管理', { exact: true }).click()
+  await card.getByPlaceholder(/填写追溯/).fill('测试对质询人执行两天账号封禁')
+  await card.getByLabel('封禁天数').fill('2')
+  await card.getByRole('button', { name: '封禁质询人' }).click()
+  await expect(card.getByText('已封禁', { exact: true })).toBeVisible()
+  const result = await page.evaluate(async () => {
+    const path = '/src/services/democracyWallDemo.ts'
+    const demo = await import(path)
+    const target = '66d10000000000000000a002'
+    const before = demo.isDemocracyDemoAnonymousPostingRevoked(target)
+    const publisher = demo.isDemocracyDemoAnonymousPostingRevoked('66d10000000000000000a001')
+    const key = 'plweb2.democracy.demoAdminState'
+    const state = JSON.parse(localStorage.getItem(key) || '{}')
+    state.bannedUntil[target] = new Date(Date.now() - 1000).toISOString()
+    localStorage.setItem(key, JSON.stringify(state))
+    return { before, publisher, after: demo.isDemocracyDemoAnonymousPostingRevoked(target) }
+  })
+  expect(result).toEqual({ before: true, publisher: false, after: false })
+})
diff --git a/scripts/tests/democracy-wall.spec.ts b/scripts/tests/democracy-wall.spec.ts
index fd6a78fa..28a401c1 100644
--- a/scripts/tests/democracy-wall.spec.ts
+++ b/scripts/tests/democracy-wall.spec.ts
@@ -27,13 +27,13 @@ const entriesResponse = {
         Tags: ['民主墙', '公开卷宗'],
         Type: 0,
         User: {
-          ID: '6666ff550b5f97d6e49d12d7',
-          Nickname: '调查员',
+          ID: '',
+          Nickname: '匿名调查员',
           Avatar: 0,
           AvatarRegion: 0,
           Signature: '',
           Decoration: 0,
-          Verification: 'Editor',
+          Verification: undefined,
         },
         Image: 1,
         ImageRegion: 1,
@@ -112,10 +112,61 @@ const activitiesResponse = {
 test.describe('民主墙', () => {
   test.beforeEach(async ({ page }) => {
     await injectLoginStateWithoutNavigation(page, { verification: 'Oldtimer' })
-    await page.route('**/api/Contents/QueryExperiments', async (route) => {
+    await page.route('**/api/Democracy/GetContext', async (route) => {
       await route.fulfill({
         contentType: 'application/json',
-        body: JSON.stringify(entriesResponse),
+        body: JSON.stringify({
+          Status: 200,
+          Message: '',
+          Data: {
+            ApiVersion: 1,
+            Permissions: {
+              CanContribute: true,
+              CanInitiate: false,
+              CanModerate: false,
+              CanSuggest: true,
+              CanTransition: false,
+            },
+            Profile: { Alias: 'Oldtimer测试化名', CanPublish: true, ModifiedAt: '' },
+          },
+        }),
+      })
+    })
+    await page.route('**/api/Democracy/QueryMatters', async (route) => {
+      const request = route.request().postDataJSON()
+      const summaries = request?.Scope === 'History' ? [] : entriesResponse.Data.$values
+      await route.fulfill({
+        contentType: 'application/json',
+        body: JSON.stringify({
+          Status: 200,
+          Message: '',
+          Data: {
+            Entries: [
+              ...summaries.map((Summary) => ({
+                Kind: 'Oversight',
+                Mode: 'Formal',
+                Participation: 'Vote',
+                Stage: 'Questions',
+                Summary,
+              })),
+              ...(request?.Scope === 'Current'
+                ? [
+                    {
+                      Kind: 'Public',
+                      Mode: 'Suggestion',
+                      Participation: 'Consultation',
+                      Stage: 'Rejected',
+                      Summary: {
+                        ...entriesResponse.Data.$values[0],
+                        ID: '66a84559744ed757b46f8000',
+                        Subject: '不应公开的已拒绝事项',
+                      },
+                    },
+                  ]
+                : []),
+            ],
+          },
+        }),
       })
     })
     await page.route('**/api/Users/Authenticate', async (route) => {
@@ -124,16 +175,44 @@ test.describe('民主墙', () => {
         body: JSON.stringify(activitiesResponse),
       })
     })
-    await page.route('**/api/Contents/GetSummary', async (route) => {
+    await page.route('**/api/Democracy/GetMatter', async (route) => {
       await route.fulfill({
         contentType: 'application/json',
-        body: JSON.stringify({ Status: 200, Message: '', Data: entriesResponse.Data.$values[0] }),
+        body: JSON.stringify({
+          Status: 200,
+          Message: '',
+          Data: {
+            Kind: 'Oversight',
+            Mode: 'Formal',
+            Participation: 'Vote',
+            Stage: 'Questions',
+            Summary: entriesResponse.Data.$values[0],
+            VoteActivity: {
+              ...activitiesResponse.Data.Activities[0],
+              InternalLink: '',
+            },
+          },
+        }),
       })
     })
-    await page.route('**/api/Messages/GetComments', async (route) => {
+    await page.route('**/api/Democracy/QueryContributions', async (route) => {
       await route.fulfill({
         contentType: 'application/json',
-        body: JSON.stringify({ Status: 200, Message: '', Data: { Comments: [], Count: 0 } }),
+        body: JSON.stringify({
+          Status: 200,
+          Message: '',
+          Data: {
+            Entries: [
+              {
+                AuthorAlias: '晨星记录员',
+                AuthorPosition: 'Oldtimer',
+                Content: '请补充适用条例的生效日期。',
+                CreatedAt: '2026-08-29T10:20:00+08:00',
+                ID: '66a84559744ed757b46f8101',
+              },
+            ],
+          },
+        }),
       })
     })
   })
@@ -145,33 +224,52 @@ test.describe('民主墙', () => {
     await expect(page.getByRole('heading', { name: '民主墙' })).toBeVisible()
     await expect(page.getByText('精选决议', { exact: true })).toHaveCount(0)
     await expect(page.getByText('关于公开指控处理流程的卷宗')).toBeVisible()
-    await expect(page.getByText('Editor')).toBeVisible()
+    await expect(page.getByText('不应公开的已拒绝事项')).toHaveCount(0)
+    await expect(page.getByText('Editor')).toHaveCount(0)
     await expect(page.getByRole('link', { name: '查看详情' }).first()).toHaveAttribute(
       'href',
       '#/d/matter/66a84559744ed757b46f8917',
     )
-    await expect(page.getByRole('link', { name: '参与质询' }).first()).toHaveAttribute(
-      'href',
-      '#/d/matter/66a84559744ed757b46f8917?stage=questions',
-    )
+    await expect(page.getByRole('link', { name: '参与质询' })).toHaveCount(0)
 
     await page.getByRole('link', { name: '查看详情' }).first().click()
+    await expect(page.getByRole('heading', { name: '建议收集与质询' })).toBeVisible()
+    await expect(page.getByText('晨星记录员', { exact: true })).toBeVisible()
+    await expect(page.getByText('Oldtimer', { exact: true })).toBeVisible()
+    await expect(page.getByText('请补充适用条例的生效日期。', { exact: true })).toBeVisible()
     await page.getByText('2. 投票阶段', { exact: true }).click()
-    await expect(page.getByText('条例修订投票')).toBeVisible()
     await expect(page.getByRole('button', { name: /同意修订/ })).toBeVisible()
   })
 
   test('Oldtimer 通过社区接口提交匿名提议', async ({ page }) => {
     let submission: Record<string, any> | undefined
-    await page.route('**/api/Contents/SubmitExperiment', async (route) => {
+    await page.route('**/api/Democracy/SubmitMatter', async (route) => {
       submission = route.request().postDataJSON()
-      const summary = submission?.Summary
       await route.fulfill({
         contentType: 'application/json',
         body: JSON.stringify({
           Status: 200,
           Message: '',
-          Data: { Summary: { ...summary, ID: '66a84559744ed757b46f8999' } },
+          Data: {
+            Kind: 'Public',
+            Mode: 'Suggestion',
+            Participation: 'Consultation',
+            Stage: 'PendingReview',
+            Summary: {
+              ...entriesResponse.Data.$values[0],
+              Anonymous: true,
+              ID: '66a84559744ed757b46f8999',
+              Subject: submission?.Subject,
+              Description: [submission?.Description],
+              Tags: ['民主墙', '匿名提议', '公共议案', '待审核'],
+              User: {
+                ...entriesResponse.Data.$values[0].User,
+                ID: '',
+                Nickname: submission?.Alias,
+                Verification: undefined,
+              },
+            },
+          },
         }),
       })
     })
@@ -180,28 +278,86 @@ test.describe('民主墙', () => {
 
     await expect(page.getByRole('link', { name: '发起事务' })).toHaveCount(0)
     await page.getByRole('link', { name: '匿名提议' }).click()
-    await page.getByLabel('标题').fill('建议公开条例修订时间表')
+    await expect(page.getByLabel('匿名化名')).toHaveValue('Oldtimer测试化名')
+    await expect(page.getByText('公共事务', { exact: true })).toHaveCount(0)
+    await expect(page.getByText('管理监察', { exact: true })).toHaveCount(0)
+    await expect(page.getByText(/匿名提议仅可进行意见征集/)).toBeVisible()
+    await expect(page.getByPlaceholder('选项 1')).toHaveCount(0)
+    await page.getByRole('textbox', { name: '标题', exact: true }).fill('建议公开条例修订时间表')
     await page
-      .getByLabel('事实与建议')
+      .locator('.democracy-editor .cm-content')
       .fill('建议在民主墙公开修订节点、负责人和预计投票时间，便于社区持续跟进。')
-    await page.getByRole('button', { name: '提交到民主墙' }).click()
+    await page.getByRole('button', { name: '发布' }).click()
 
-    await expect.poll(() => submission?.Summary?.Anonymous).toBe(true)
-    expect(submission?.Summary?.Tags).toEqual(['民主墙', '匿名提议', '公共议案', '待审核'])
+    await expect.poll(() => submission?.Mode).toBe('Suggestion')
+    expect(submission?.Alias).toBe('Oldtimer测试化名')
+    expect(submission?.Kind).toBe('Public')
+    expect(submission?.Participation).toBe('Consultation')
+    expect(submission?.ClientRequestID).toEqual(expect.any(String))
+    expect(JSON.stringify(submission)).not.toContain('6666ff550b5f97d6e49d12d7')
     await expect(page).toHaveURL(/#\/d\/matter\/66a84559744ed757b46f8999$/)
   })
 
   test('撤销名单中的 Oldtimer 无法匿名提议', async ({ page }) => {
-    await page.goto('/#/d')
-    await waitForPageReady(page)
-    await page.evaluate(() => {
-      const stored = JSON.parse(localStorage.getItem('userInfo') || '{}')
-      stored.value.ID = '5ea1934c8116c49429d3e405'
-      stored.value.Verification = 'Oldtimer'
-      localStorage.setItem('userInfo', JSON.stringify(stored))
+    await page.unroute('**/api/Democracy/GetContext')
+    await page.route('**/api/Democracy/GetContext', async (route) => {
+      await route.fulfill({
+        contentType: 'application/json',
+        body: JSON.stringify({
+          Status: 200,
+          Message: '',
+          Data: {
+            ApiVersion: 1,
+            Permissions: {
+              CanContribute: false,
+              CanInitiate: false,
+              CanModerate: false,
+              CanSuggest: true,
+              CanTransition: false,
+            },
+            Profile: { Alias: '受限用户', CanPublish: false, ModifiedAt: '' },
+          },
+        }),
+      })
     })
     await page.goto('/#/d/new?mode=anonymous')
     await expect(page.getByText(/被撤销资格的账号无法提交/)).toBeVisible()
-    await expect(page.getByRole('button', { name: '提交到民主墙' })).toBeDisabled()
+    await expect(page.getByRole('button', { name: '发布' })).toBeDisabled()
+  })
+
+  test('权限接口失败后可以重试', async ({ page }) => {
+    await page.unroute('**/api/Democracy/GetContext')
+    let requests = 0
+    await page.route('**/api/Democracy/GetContext', async (route) => {
+      requests += 1
+      await route.fulfill({
+        contentType: 'application/json',
+        body: JSON.stringify(
+          requests === 1
+            ? { Status: 503, Message: 'temporarily unavailable', Data: null }
+            : {
+                Status: 200,
+                Message: '',
+                Data: {
+                  ApiVersion: 1,
+                  Permissions: {
+                    CanContribute: true,
+                    CanInitiate: false,
+                    CanModerate: false,
+                    CanSuggest: true,
+                    CanTransition: false,
+                  },
+                  Profile: { Alias: '恢复后的化名', CanPublish: true, ModifiedAt: '' },
+                },
+              },
+        ),
+      })
+    })
+
+    await page.goto('/#/d/new?mode=anonymous')
+    await expect(page.getByText('暂时无法确认发布权限，请稍后重试。')).toBeVisible()
+    await page.getByRole('button', { name: '重试' }).click()
+    await expect(page.getByLabel('匿名化名')).toHaveValue('恢复后的化名')
+    await expect(page.getByRole('button', { name: '发布' })).toBeDisabled()
   })
 })
diff --git a/scripts/tests/notifications.spec.ts b/scripts/tests/notifications.spec.ts
index 274c178d..49ab5fb8 100644
--- a/scripts/tests/notifications.spec.ts
+++ b/scripts/tests/notifications.spec.ts
@@ -78,4 +78,25 @@ test.describe('通知中心 (Notifications)', () => {
 
     await assertNoWhiteScreen(page)
   })
+
+  test('民主墙通知精确跳转到对应阶段', async ({ page }) => {
+    const matterId = '66d100000000000000000002'
+    await page.goto('/src/services/democracyNotification.ts')
+    const targets = await page.evaluate(async (id) => {
+      const modulePath = '/src/services/democracyNotification.ts'
+      const { getDemocracyNotificationTarget } = await import(modulePath)
+      return {
+        voting: getDemocracyNotificationTarget({ DemocracyMatterID: id, DemocracyStage: 'Voting' }),
+        archived: getDemocracyNotificationTarget({
+          DemocracyMatterID: id,
+          DemocracyStage: 'Archived',
+        }),
+        invalid: getDemocracyNotificationTarget({ DemocracyMatterID: 'invalid' }),
+      }
+    }, matterId)
+
+    expect(targets.voting).toBe(`/d/matter/${matterId}?stage=vote`)
+    expect(targets.archived).toBe(`/d/matter/${matterId}?scope=history`)
+    expect(targets.invalid).toBeNull()
+  })
 })
diff --git a/scripts/tests/playwright.local.config.ts b/scripts/tests/playwright.local.config.ts
new file mode 100644
index 00000000..8a7ee16f
--- /dev/null
+++ b/scripts/tests/playwright.local.config.ts
@@ -0,0 +1,15 @@
+import { defineConfig } from '@playwright/test'
+import { tmpdir } from 'node:os'
+import { join } from 'node:path'
+import baseConfig from './playwright.config'
+
+export default defineConfig({
+  ...baseConfig,
+  outputDir: join(tmpdir(), 'plweb-democracy-playwright-results'),
+  reporter: [['list']],
+  use: {
+    ...baseConfig.use,
+    baseURL: process.env.PLAYWRIGHT_BASE_URL ?? baseConfig.use?.baseURL,
+  },
+  webServer: undefined,
+})
diff --git a/src/components/democracy/AnonymousVoteCard.vue b/src/components/democracy/AnonymousVoteCard.vue
index 9376aa36..4409749d 100644
--- a/src/components/democracy/AnonymousVoteCard.vue
+++ b/src/components/democracy/AnonymousVoteCard.vue
@@ -1,21 +1,19 @@
 <template>
   <article class="vote-card">
     <header>
-      <div>
-        <span class="anonymous-label">{{ t('democracy.vote.anonymous') }}</span>
-        <h3>{{ localized(activity.Subject) }}</h3>
-      </div>
-      <span class="vote-mode">
-        {{
-          activity.InterfaceModel === 'Vote-Single'
-            ? t('democracy.vote.single')
-            : t('democracy.vote.multiple')
-        }}
+      <span class="anonymous-label">{{ t('democracy.vote.anonymous') }}</span>
+      <span class="vote-meta">
+        <span v-if="isFinished" class="vote-status">{{ t('democracy.vote.finished') }}</span>
+        <span class="vote-mode">
+          {{
+            activity.InterfaceModel === 'Vote-Single'
+              ? t('democracy.vote.single')
+              : t('democracy.vote.multiple')
+          }}
+        </span>
       </span>
     </header>
 
-    <p v-if="description" class="vote-description">{{ description }}</p>
-
     <div class="choices">
       <button
         v-for="(item, index) in activity.Items"
@@ -47,7 +45,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from 'vue'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { showLoginModel } from '@popup/index'
 import { showMessage } from '@popup/naiveui'
@@ -60,26 +58,21 @@ const props = defineProps<{
   activity: Activity
   status?: ActivityStatus
   statistic?: Statistic
+  disabled?: boolean
 }>()
 const emit = defineEmits<{ updated: [Sync | undefined] }>()
 
-const { t, te, locale } = useI18n()
+const { t, te } = useI18n()
 const votingIndex = ref<number | null>(null)
+const currentTime = ref(Date.now())
+let deadlineTimer: ReturnType<typeof setInterval> | undefined
 
-function localized(value?: Record<string, string | null> | null) {
-  return (
-    value?.[locale.value] ||
-    value?.Chinese ||
-    value?.English ||
-    Object.values(value ?? {}).find(Boolean) ||
-    t('democracy.untitled')
-  )
-}
-
-const description = computed(() => {
-  const content = props.activity.Contents?.[0]
-  return content ? localized(content) : ''
-})
+const finishTimestamp = computed(() => new Date(props.activity.FinishDate).getTime())
+const isFinished = computed(
+  () =>
+    props.status?.Finished === true ||
+    (Number.isFinite(finishTimestamp.value) && finishTimestamp.value <= currentTime.value),
+)
 
 const dateRange = computed(
   () =>
@@ -87,7 +80,7 @@ const dateRange = computed(
 )
 
 const totalVotes = computed(() =>
-  props.activity.Items.reduce((total, item) => total + item.Counter + 5, 0),
+  props.activity.Items.reduce((total, item) => total + Math.max(0, item.Counter), 0),
 )
 
 function choiceLabel(description: string | null, index: number) {
@@ -101,18 +94,22 @@ function hasChosen(index: number) {
 
 function shouldShowResult(index: number) {
   if (!props.status) return true
-  if (props.status.Finished) return true
+  if (isFinished.value) return true
   if (hasChosen(index)) return true
   return props.activity.InterfaceModel === 'Vote-Single' && props.status.Gains.length > 0
 }
 
 function percentage(index: number) {
   if (totalVotes.value <= 0) return 0
-  return Math.round((((props.activity.Items[index]?.Counter ?? 0) + 5) / totalVotes.value) * 100)
+  return Math.round(
+    (Math.max(0, props.activity.Items[index]?.Counter ?? 0) / totalVotes.value) * 100,
+  )
 }
 
 function canVote(index: number) {
-  if (!props.status || !props.statistic || props.status.Finished || hasChosen(index)) return false
+  if (props.disabled || new Date(props.activity.StartDate).getTime() > currentTime.value)
+    return false
+  if (!props.status || !props.statistic || isFinished.value || hasChosen(index)) return false
   if (props.activity.InterfaceModel === 'Vote-Single' && props.status.Gains.length > 0) return false
   return true
 }
@@ -139,6 +136,16 @@ async function vote(index: number) {
     votingIndex.value = null
   }
 }
+
+onMounted(() => {
+  deadlineTimer = setInterval(() => {
+    currentTime.value = Date.now()
+  }, 500)
+})
+
+onUnmounted(() => {
+  if (deadlineTimer) clearInterval(deadlineTimer)
+})
 </script>
 
 <style scoped>
@@ -169,7 +176,6 @@ header {
 
 .anonymous-label {
   display: inline-block;
-  margin-bottom: 0.35rem;
   color: #0879b5;
   font-size: 0.76rem;
   font-weight: 700;
@@ -177,12 +183,6 @@ header {
   text-transform: uppercase;
 }
 
-h3 {
-  margin: 0;
-  color: #1c3142;
-  font-size: clamp(1.05rem, 2vw, 1.35rem);
-}
-
 .vote-mode {
   flex: 0 0 auto;
   padding: 0.28rem 0.6rem;
@@ -192,10 +192,20 @@ h3 {
   font-size: 0.75rem;
 }
 
-.vote-description {
-  margin: 0;
-  color: #5a6873;
-  line-height: 1.55;
+.vote-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem;
+  justify-content: flex-end;
+}
+
+.vote-status {
+  padding: 0.28rem 0.6rem;
+  border-radius: 4px;
+  background: #edf0f2;
+  color: #5c6870;
+  font-size: 0.75rem;
+  font-weight: 700;
 }
 
 .choices {
diff --git a/src/components/democracy/DemocracyAccountControls.vue b/src/components/democracy/DemocracyAccountControls.vue
new file mode 100644
index 00000000..ed4b7fe9
--- /dev/null
+++ b/src/components/democracy/DemocracyAccountControls.vue
@@ -0,0 +1,214 @@
+<template>
+  <div class="account-controls">
+    <label class="account-controls__days">
+      {{ t('democracy.sensitive.days') }}
+      <input v-model.number="days" type="number" min="1" step="1" :disabled="busy" />
+    </label>
+    <div class="account-controls__actions">
+      <n-button :disabled="busy || !validReason" @click="trace">
+        {{
+          t(contributionId ? 'democracy.sensitive.traceContributor' : 'democracy.management.trace')
+        }}
+      </n-button>
+      <n-button :disabled="busy || !validReason || !validDays" type="error" @click="act('Ban')">
+        {{
+          t(
+            contributionId
+              ? 'democracy.sensitive.banContributor'
+              : 'democracy.management.banAccount',
+          )
+        }}
+      </n-button>
+      <n-button :disabled="busy || !validReason" @click="act('Warn')">{{
+        t('democracy.management.warnAccount')
+      }}</n-button>
+      <n-button v-if="identity?.Banned" :disabled="busy || !validReason" @click="act('Unban')">{{
+        t('democracy.management.unbanAccount')
+      }}</n-button>
+      <n-button
+        v-if="identity && !contributionId"
+        :disabled="busy || !validReason"
+        @click="togglePublishing"
+        >{{
+          t(
+            identity.PublishingRevoked
+              ? 'democracy.management.restore'
+              : 'democracy.management.revoke',
+          )
+        }}</n-button
+      >
+      <n-popconfirm
+        v-if="contributionId && identity"
+        :disabled="busy || !validReason"
+        @positive-click="disclose"
+      >
+        <template #trigger
+          ><n-button :disabled="busy || !validReason" type="warning">{{
+            t('democracy.sensitive.disclose')
+          }}</n-button></template
+        >
+        {{ t('democracy.sensitive.discloseConfirm') }}
+      </n-popconfirm>
+    </div>
+    <dl v-if="identity" class="account-controls__trace">
+      <dt>{{ t('democracy.management.alias') }}</dt>
+      <dd>{{ identity.Alias }}</dd>
+      <dt>{{ t('democracy.management.account') }}</dt>
+      <dd>{{ identity.UserID }}</dd>
+      <dt>{{ t('democracy.management.accountStatus') }}</dt>
+      <dd>
+        {{
+          t(
+            identity.Banned
+              ? 'democracy.management.accountBanned'
+              : 'democracy.management.accountActive',
+          )
+        }}
+      </dd>
+      <dt>{{ t('democracy.management.publishingStatus') }}</dt>
+      <dd>
+        {{
+          t(
+            identity.PublishingRevoked
+              ? 'democracy.management.publishingRevoked'
+              : 'democracy.management.publishingActive',
+          )
+        }}
+      </dd>
+      <template v-if="identity.BannedUntil"
+        ><dt>{{ t('democracy.sensitive.until') }}</dt>
+        <dd>{{ new Date(identity.BannedUntil).toLocaleString() }}</dd></template
+      >
+    </dl>
+    <p v-else-if="resultText">{{ resultText }}</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { NButton, NPopconfirm } from 'naive-ui'
+import { showMessage } from '@popup/naiveui'
+import {
+  traceDemocracyPublisher,
+  moderateDemocracyAccount,
+  moderateDemocracyPublisher,
+} from '@services/democracyWall'
+import {
+  traceContribution,
+  moderateContributor,
+  discloseContribution,
+} from '@services/democracyContributionModeration'
+import { validateDemocracyBanDays } from '@services/democracyModerationRules'
+import type {
+  DemocracyAccountAction,
+  DemocracyPublisherTrace,
+} from '@services/democracyWallContract'
+const props = defineProps<{ matterId: string; contributionId?: string; reason: string }>()
+const emit = defineEmits<{ updated: []; disclosed: [] }>()
+const { t } = useI18n()
+const identity = ref<DemocracyPublisherTrace>()
+const days = ref(7)
+const busy = ref(false)
+const resultText = ref('')
+const validReason = computed(() => props.reason.trim().length >= 6)
+const validDays = computed(() => {
+  try {
+    validateDemocracyBanDays(days.value)
+    return true
+  } catch {
+    return false
+  }
+})
+
+async function run(action: () => Promise<void>) {
+  if (busy.value || !validReason.value) return
+  busy.value = true
+  try {
+    await action()
+    emit('updated')
+  } catch {
+    showMessage('error', t('democracy.management.failed'), { duration: 3000 })
+  } finally {
+    busy.value = false
+  }
+}
+async function trace() {
+  await run(async () => {
+    identity.value = props.contributionId
+      ? await traceContribution(props.matterId, props.contributionId, props.reason.trim())
+      : await traceDemocracyPublisher(props.matterId, props.reason.trim())
+  })
+}
+async function act(action: DemocracyAccountAction) {
+  if (action === 'Ban' && !validDays.value) return
+  await run(async () => {
+    const result = props.contributionId
+      ? await moderateContributor(
+          props.matterId,
+          props.contributionId,
+          action,
+          props.reason.trim(),
+          days.value,
+        )
+      : await moderateDemocracyAccount(props.matterId, action, props.reason.trim(), days.value)
+    if (identity.value) identity.value = { ...identity.value, ...result }
+    resultText.value = t(
+      result.Banned ? 'democracy.management.accountBanned' : 'democracy.management.saved',
+    )
+    showMessage('success', t('democracy.management.saved'), { duration: 2200 })
+  })
+}
+async function disclose() {
+  if (!props.contributionId || !identity.value) return
+  await run(async () => {
+    await discloseContribution(props.matterId, props.contributionId!, props.reason.trim())
+    emit('disclosed')
+  })
+}
+async function togglePublishing() {
+  if (!identity.value || props.contributionId) return
+  await run(async () => {
+    const result = await moderateDemocracyPublisher(
+      props.matterId,
+      !identity.value!.PublishingRevoked,
+      props.reason.trim(),
+    )
+    identity.value = {
+      ...identity.value!,
+      CanPublish: result.CanPublish,
+      PublishingRevoked: result.Revoked,
+    }
+  })
+}
+</script>
+
+<style scoped>
+.account-controls {
+  display: grid;
+  gap: 0.75rem;
+}
+.account-controls__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+.account-controls__days {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.account-controls__days input {
+  width: 8rem;
+  padding: 0.4rem;
+}
+.account-controls__trace {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 0.5rem;
+  overflow-wrap: anywhere;
+}
+.account-controls__trace dd {
+  margin: 0;
+}
+</style>
diff --git a/src/components/democracy/DemocracyContributionCard.vue b/src/components/democracy/DemocracyContributionCard.vue
new file mode 100644
index 00000000..0aaf5312
--- /dev/null
+++ b/src/components/democracy/DemocracyContributionCard.vue
@@ -0,0 +1,128 @@
+<template>
+  <article class="contribution-card">
+    <header>
+      <div>
+        <strong>{{ contribution.AuthorAlias }}</strong>
+        <span>{{ contribution.AuthorPosition }}</span>
+      </div>
+      <time :datetime="contribution.CreatedAt">{{ formattedTime }}</time>
+    </header>
+    <p>{{ contribution.Content }}</p>
+    <aside v-if="contribution.Disclosure" class="contribution-card__disclosure">
+      <strong>{{ t('democracy.sensitive.publicIdentity') }}</strong>
+      <router-link :to="`/u/${contribution.Disclosure.UserID}`">{{
+        contribution.Disclosure.UserID
+      }}</router-link>
+      <p>{{ contribution.Disclosure.Reason }}</p>
+    </aside>
+    <details v-if="canManage" class="contribution-card__management">
+      <summary>{{ t('democracy.sensitive.manageContributor') }}</summary>
+      <n-input
+        v-model:value="reason"
+        type="textarea"
+        :maxlength="300"
+        :placeholder="t('democracy.management.reasonPlaceholder')"
+      />
+      <DemocracyAccountControls
+        :matter-id="matterId"
+        :contribution-id="contribution.ID"
+        :reason="reason"
+        @disclosed="emit('disclosed')"
+      />
+    </details>
+  </article>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { NInput } from 'naive-ui'
+import DemocracyAccountControls from './DemocracyAccountControls.vue'
+import { useI18n } from 'vue-i18n'
+import type { DemocracyContribution } from '@services/democracyWallContract'
+
+const props = defineProps<{
+  contribution: DemocracyContribution
+  matterId: string
+  canManage: boolean
+}>()
+const emit = defineEmits<{ disclosed: [] }>()
+const reason = ref('')
+const { locale, t } = useI18n()
+const formattedTime = computed(() =>
+  new Intl.DateTimeFormat(locale.value, {
+    dateStyle: 'medium',
+    timeStyle: 'short',
+  }).format(new Date(props.contribution.CreatedAt)),
+)
+</script>
+
+<style scoped>
+.contribution-card__management {
+  display: grid;
+  gap: 0.75rem;
+}
+.contribution-card__management summary {
+  cursor: pointer;
+  padding: 0.5rem 0;
+}
+.contribution-card__disclosure {
+  padding: 0.75rem;
+  background: #fff5dc;
+  overflow-wrap: anywhere;
+}
+.contribution-card__disclosure a {
+  margin-left: 0.5rem;
+}
+.contribution-card {
+  display: grid;
+  gap: 0.7rem;
+  padding: 0.85rem 0.95rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 7px;
+  background: #fff;
+}
+
+header,
+header > div {
+  display: flex;
+  gap: 0.55rem;
+  align-items: center;
+}
+
+header {
+  justify-content: space-between;
+}
+
+header strong {
+  color: #243746;
+}
+
+header span {
+  padding: 0.16rem 0.45rem;
+  border-radius: 999px;
+  background: #e9f5fb;
+  color: #0879b5;
+  font-size: 0.72rem;
+}
+
+time {
+  flex: none;
+  color: #87939d;
+  font-size: 0.72rem;
+}
+
+p {
+  margin: 0;
+  color: #4b5563;
+  line-height: 1.65;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+
+@media (max-width: 480px) {
+  header {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+}
+</style>
diff --git a/src/components/democracy/DemocracyEntryCard.vue b/src/components/democracy/DemocracyEntryCard.vue
index d5569537..fb85389b 100644
--- a/src/components/democracy/DemocracyEntryCard.vue
+++ b/src/components/democracy/DemocracyEntryCard.vue
@@ -2,7 +2,13 @@
   <article class="entry-card">
     <div class="entry-topline">
       <span class="entry-kind" :class="entry.kind">
-        {{ entry.kind === 'case' ? t('democracy.kinds.case') : t('democracy.kinds.proposal') }}
+        {{
+          entry.anonymousSuggestion
+            ? t('democracy.kinds.suggestion')
+            : entry.kind === 'case'
+              ? t('democracy.kinds.case')
+              : t('democracy.kinds.proposal')
+        }}
       </span>
       <span class="entry-status" :class="entry.status">
         {{
@@ -24,14 +30,14 @@
 
     <footer class="entry-footer">
       <component
-        :is="demoMode || entry.anonymousSuggestion ? 'div' : 'router-link'"
+        :is="demoMode || entry.anonymousAuthor ? 'div' : 'router-link'"
         class="author"
-        :to="demoMode || entry.anonymousSuggestion ? undefined : `/u/${entry.summary.User.ID}`"
+        :to="demoMode || entry.anonymousAuthor ? undefined : `/u/${entry.summary.User.ID}`"
       >
-        <img v-if="!entry.anonymousSuggestion" :src="avatarUrl" alt="" />
+        <img v-if="!entry.anonymousAuthor" :src="avatarUrl" alt="" />
         <span>{{ authorName }}</span>
         <Tag
-          v-if="entry.summary.User.Verification && !entry.anonymousSuggestion"
+          v-if="entry.summary.User.Verification && !entry.anonymousAuthor"
           category="User"
           :tag="`C-${entry.summary.User.Verification}`"
         />
@@ -40,7 +46,7 @@
         <span v-if="readOnly">{{
           t('democracy.comments', { count: entry.summary.Comments })
         }}</span>
-        <router-link v-else :to="commentsPath">
+        <router-link v-else :to="targetPath">
           {{ t('democracy.comments', { count: entry.summary.Comments }) }}
         </router-link>
         <span>{{ t('democracy.visits', { count: entry.summary.Visits }) }}</span>
@@ -49,9 +55,6 @@
 
     <div class="entry-actions">
       <router-link :to="targetPath">{{ t('democracy.actions.view') }}</router-link>
-      <router-link v-if="!readOnly" :to="commentsPath">
-        {{ t('democracy.actions.question') }}
-      </router-link>
     </div>
   </article>
 </template>
@@ -59,37 +62,33 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
+import { useRoute } from 'vue-router'
 import Tag from '@components/utils/TagLarger.vue'
 import { formatDate, getUserUrl } from '@services/utils'
 import type { DemocracyEntry } from '@services/democracyWall'
 
-const props = defineProps<{ entry: DemocracyEntry; demoMode?: boolean; readOnly?: boolean }>()
+const props = defineProps<{
+  demoAdminMode?: boolean
+  demoMode?: boolean
+  entry: DemocracyEntry
+  readOnly?: boolean
+}>()
 const { t, locale } = useI18n()
+const route = useRoute()
 
 const targetPath = computed(() => ({
   name: 'democracy-matter-detail',
   params: { id: props.entry.summary.ID },
   query: {
     ...(props.demoMode ? { demo: '1' } : {}),
+    ...(props.demoMode && route.query.developer === '1' ? { developer: '1' } : {}),
+    ...(props.demoMode && props.demoAdminMode ? { admin: '1' } : {}),
     ...(props.readOnly ? { scope: 'history' } : {}),
   },
 }))
-const commentsPath = computed(() =>
-  props.demoMode
-    ? {
-        ...targetPath.value,
-        query: { demo: '1', stage: 'questions' },
-      }
-    : {
-        ...targetPath.value,
-        query: { stage: 'questions' },
-      },
-)
 const avatarUrl = computed(() => getUserUrl(props.entry.summary.User))
-const authorName = computed(() =>
-  props.entry.anonymousSuggestion
-    ? t('democracy.create.anonymousAuthor')
-    : props.entry.summary.User.Nickname,
+const authorName = computed(
+  () => props.entry.summary.User.Nickname || t('democracy.create.anonymousAuthor'),
 )
 const localizedSubject = computed(
   () =>
@@ -122,9 +121,16 @@ const visibleTags = computed(() =>
   gap: 0.75rem;
   padding: 14px;
   border: 1px solid #eee;
-  border-radius: 8px;
+  border-radius: 4px;
   background: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
+  transition:
+    border-color 0.15s,
+    background-color 0.15s;
+}
+
+.entry-card:hover {
+  border-color: #cce5f1;
+  background: #fafcfd;
 }
 
 .entry-topline {
@@ -169,14 +175,14 @@ const visibleTags = computed(() =>
 
 .entry-title {
   color: #333;
-  font-size: clamp(1.05rem, 2vw, 1.3rem);
+  font-size: 1rem;
   font-weight: 700;
   line-height: 1.35;
   text-decoration: none;
 }
 
 .entry-title:hover {
-  color: #087ab8;
+  color: #2563eb;
 }
 
 .entry-description {
@@ -244,7 +250,7 @@ const visibleTags = computed(() =>
 }
 
 .metrics a:hover {
-  color: #0185c5;
+  color: #2563eb;
 }
 
 .entry-actions {
@@ -263,8 +269,8 @@ const visibleTags = computed(() =>
 }
 
 .entry-actions a:last-child {
-  border-color: #0185c5;
-  color: #0185c5;
+  border-color: #2563eb;
+  color: #2563eb;
 }
 
 .entry-actions a:hover {
diff --git a/src/components/democracy/DemocracyInvitationCard.vue b/src/components/democracy/DemocracyInvitationCard.vue
new file mode 100644
index 00000000..50577a0d
--- /dev/null
+++ b/src/components/democracy/DemocracyInvitationCard.vue
@@ -0,0 +1,92 @@
+<template>
+  <section class="invitation" aria-live="polite">
+    <h3>{{ t('democracy.invitation.title') }}</h3>
+    <n-spin v-if="loading" />
+    <template v-else-if="failed">
+      <p>{{ t('democracy.invitation.unavailable') }}</p>
+      <n-button @click="load">{{ t('democracy.retry') }}</n-button>
+    </template>
+    <template v-else-if="invitation">
+      <p>{{ t(`democracy.management.invite${invitation.Status}`) }}</p>
+      <div v-if="invitation.Status === 'Pending' && !disabled" class="invitation__actions">
+        <n-button type="primary" :disabled="busy" @click="respond('Accepted')">
+          {{ t('democracy.invitation.accept') }}
+        </n-button>
+        <n-button :disabled="busy" @click="respond('Declined')">
+          {{ t('democracy.invitation.decline') }}
+        </n-button>
+      </div>
+    </template>
+  </section>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { NButton, NSpin } from 'naive-ui'
+import { showMessage } from '@popup/naiveui'
+import {
+  fetchInvestigationInvitation,
+  respondInvestigationInvitation,
+} from '@services/democracyInvitations'
+import type { DemocracyReceivedInvitation } from '@services/democracyWallContract'
+
+const props = defineProps<{ matterId: string; inviteId: string; disabled: boolean }>()
+const emit = defineEmits<{ updated: [] }>()
+const { t } = useI18n()
+const invitation = ref<DemocracyReceivedInvitation>()
+const loading = ref(false)
+const failed = ref(false)
+const busy = ref(false)
+let request = 0
+
+async function load() {
+  const version = ++request
+  loading.value = true
+  failed.value = false
+  invitation.value = undefined
+  try {
+    const result = await fetchInvestigationInvitation(props.matterId, props.inviteId)
+    if (version === request) invitation.value = result
+  } catch {
+    if (version === request) failed.value = true
+  } finally {
+    if (version === request) loading.value = false
+  }
+}
+
+async function respond(decision: 'Accepted' | 'Declined') {
+  if (busy.value || props.disabled || invitation.value?.Status !== 'Pending') return
+  busy.value = true
+  try {
+    invitation.value = await respondInvestigationInvitation(
+      props.matterId,
+      props.inviteId,
+      decision,
+    )
+    emit('updated')
+  } catch {
+    showMessage('error', t('democracy.management.failed'), { duration: 3000 })
+    await load()
+  } finally {
+    busy.value = false
+  }
+}
+
+watch(() => [props.matterId, props.inviteId], load, { immediate: true })
+</script>
+
+<style scoped>
+.invitation {
+  padding: 1rem;
+  border-bottom: 1px solid #eee;
+}
+.invitation h3 {
+  margin-top: 0;
+}
+.invitation__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.6rem;
+}
+</style>
diff --git a/src/components/democracy/DemocracyManagementPanel.vue b/src/components/democracy/DemocracyManagementPanel.vue
new file mode 100644
index 00000000..02c48ee5
--- /dev/null
+++ b/src/components/democracy/DemocracyManagementPanel.vue
@@ -0,0 +1,238 @@
+<template>
+  <section v-if="canManage" class="management-panel">
+    <div class="management-panel__heading">
+      <div>
+        <h3>{{ t('democracy.management.title') }}</h3>
+        <p>{{ t('democracy.management.notice') }}</p>
+      </div>
+    </div>
+
+    <n-input
+      v-model:value="reason"
+      type="textarea"
+      :autosize="{ minRows: 2, maxRows: 4 }"
+      :maxlength="300"
+      show-count
+      :placeholder="t('democracy.management.reasonPlaceholder')"
+    />
+
+    <DemocracyAccountControls :matter-id="matterId" :reason="reason" @updated="loadAudit" />
+
+    <div v-if="canManage && kind === 'Oversight'" class="management-panel__group">
+      <h4>{{ t('democracy.management.investigationTitle') }}</h4>
+      <p class="management-panel__hint">{{ t('democracy.management.investigationNotice') }}</p>
+      <div class="management-panel__invite-form">
+        <n-input
+          v-model:value="inviteeTarget"
+          :placeholder="t('democracy.management.invitePlaceholder')"
+        />
+        <n-button
+          type="primary"
+          :loading="busy === 'invite'"
+          :disabled="!validReason || !inviteeUserId"
+          @click="inviteInvestigator"
+        >
+          {{ t('democracy.management.inviteAction') }}
+        </n-button>
+      </div>
+      <n-empty
+        v-if="!investigationTeam.length"
+        size="small"
+        :description="t('democracy.management.investigationEmpty')"
+      />
+      <ul v-else class="management-panel__team">
+        <li v-for="member in investigationTeam" :key="member.ID">
+          <div>
+            <strong>{{ member.Nickname }}</strong>
+            <small>{{ member.UserID }}</small>
+          </div>
+          <span>{{ t(`democracy.management.invite${member.Status}`) }}</span>
+        </li>
+      </ul>
+    </div>
+
+    <div v-if="canManage" class="management-panel__group management-panel__danger">
+      <h4>{{ t('democracy.management.contentActions') }}</h4>
+      <p>{{ t('democracy.management.deleteNotice') }}</p>
+      <n-popconfirm
+        :positive-text="t('democracy.management.confirmDelete')"
+        :negative-text="t('democracy.report.cancel')"
+        :disabled="!validReason"
+        @positive-click="deleteMatter"
+      >
+        <template #trigger>
+          <n-button type="error" :loading="busy === 'delete'" :disabled="!validReason">
+            {{ t('democracy.management.deleteMatter') }}
+          </n-button>
+        </template>
+        {{ t('democracy.management.deleteConfirm') }}
+      </n-popconfirm>
+    </div>
+
+    <div class="management-panel__group">
+      <div class="management-panel__audit-heading">
+        <h4>{{ t('democracy.management.auditTitle') }}</h4>
+        <n-button text size="small" :loading="auditLoading" :disabled="!!busy" @click="loadAudit">
+          {{ t('democracy.management.refreshAudit') }}
+        </n-button>
+      </div>
+      <n-empty v-if="!audit.length" size="small" :description="t('democracy.management.noAudit')" />
+      <ol v-else class="management-panel__audit">
+        <li v-for="entry in audit" :key="entry.ID">
+          <div>
+            <strong>{{ entry.Action }}</strong
+            ><time>{{ formatAuditTime(entry.CreatedAt) }}</time>
+          </div>
+          <p>{{ entry.Details }}</p>
+          <small>{{ entry.ActorAlias }}</small>
+        </li>
+      </ol>
+    </div>
+  </section>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { NButton, NEmpty, NInput, NPopconfirm } from 'naive-ui'
+import DemocracyAccountControls from './DemocracyAccountControls.vue'
+import { showMessage } from '@popup/naiveui'
+import {
+  deleteDemocracyMatter,
+  fetchDemocracyAudit,
+  fetchDemocracyInvestigationTeam,
+  inviteDemocracyInvestigator,
+} from '@services/democracyWall'
+import type {
+  DemocracyAuditEntry,
+  DemocracyInvestigationInvite,
+  DemocracyMatterKind,
+} from '@services/democracyWallContract'
+
+const props = defineProps<{ canManage: boolean; kind: DemocracyMatterKind; matterId: string }>()
+const emit = defineEmits<{ deleted: [] }>()
+const { t, locale } = useI18n()
+const reason = ref('')
+const audit = ref<DemocracyAuditEntry[]>([])
+const investigationTeam = ref<DemocracyInvestigationInvite[]>([])
+const inviteeTarget = ref('')
+const busy = ref<'invite' | 'delete' | ''>('')
+const auditLoading = ref(false)
+const validReason = computed(() => reason.value.trim().length >= 6)
+const inviteeUserId = computed(() => inviteeTarget.value.match(/[a-f\d]{24}/i)?.[0] ?? '')
+
+function formatAuditTime(value: string) {
+  return new Intl.DateTimeFormat(locale.value, { dateStyle: 'short', timeStyle: 'short' }).format(
+    new Date(value),
+  )
+}
+async function loadAudit() {
+  if (auditLoading.value || !props.canManage) return
+  auditLoading.value = true
+  try {
+    audit.value = await fetchDemocracyAudit(props.matterId)
+  } catch {
+    showMessage('error', t('democracy.management.failed'), { duration: 3000 })
+  } finally {
+    auditLoading.value = false
+  }
+}
+async function loadInvestigationTeam() {
+  if (props.kind !== 'Oversight' || !props.canManage) return
+  try {
+    investigationTeam.value = await fetchDemocracyInvestigationTeam(props.matterId)
+  } catch {
+    showMessage('error', t('democracy.management.failed'), { duration: 3000 })
+  }
+}
+async function inviteInvestigator() {
+  if (busy.value || !props.canManage || !inviteeUserId.value || !validReason.value) return
+  busy.value = 'invite'
+  try {
+    const invitation = await inviteDemocracyInvestigator(
+      props.matterId,
+      inviteeUserId.value,
+      reason.value,
+    )
+    investigationTeam.value = [
+      invitation,
+      ...investigationTeam.value.filter((entry) => entry.ID !== invitation.ID),
+    ]
+    inviteeTarget.value = ''
+    await loadAudit()
+    showMessage('success', t('democracy.management.inviteSent'), { duration: 2200 })
+  } catch {
+    showMessage('error', t('democracy.management.failed'), { duration: 3000 })
+  } finally {
+    busy.value = ''
+  }
+}
+async function deleteMatter() {
+  if (busy.value || !props.canManage || !validReason.value) return
+  busy.value = 'delete'
+  try {
+    await deleteDemocracyMatter(props.matterId, reason.value)
+    showMessage('success', t('democracy.management.deleted'), { duration: 2200 })
+    emit('deleted')
+  } catch {
+    showMessage('error', t('democracy.management.failed'), { duration: 3000 })
+  } finally {
+    busy.value = ''
+  }
+}
+onMounted(() => {
+  void Promise.allSettled([loadAudit(), loadInvestigationTeam()])
+})
+</script>
+<style scoped>
+.management-panel {
+  display: grid;
+  gap: 1rem;
+  padding: 1rem;
+  background: #f8fafc;
+  border-bottom: 1px solid #e5e7eb;
+}
+.management-panel__heading,
+.management-panel__audit-heading,
+.management-panel__invite-form {
+  display: flex;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+.management-panel h3,
+.management-panel h4 {
+  margin: 0 0 0.5rem;
+}
+.management-panel p {
+  font-size: 0.85rem;
+  color: #64748b;
+}
+.management-panel__group {
+  display: grid;
+  gap: 0.5rem;
+}
+.management-panel__team,
+.management-panel__audit {
+  padding-left: 1.25rem;
+  overflow-wrap: anywhere;
+}
+.management-panel__team li,
+.management-panel__audit li {
+  padding: 0.5rem 0;
+}
+.management-panel__team small {
+  display: block;
+}
+.management-panel__audit time {
+  margin-left: 0.5rem;
+}
+.management-panel__danger {
+  border-top: 1px solid #e5e7eb;
+  padding-top: 1rem;
+}
+@media (max-width: 520px) {
+  .management-panel__invite-form {
+    flex-direction: column;
+  }
+}
+</style>
diff --git a/src/components/democracy/DemocracyReportDialog.vue b/src/components/democracy/DemocracyReportDialog.vue
new file mode 100644
index 00000000..669ec82c
--- /dev/null
+++ b/src/components/democracy/DemocracyReportDialog.vue
@@ -0,0 +1,98 @@
+<template>
+  <n-modal
+    :show="show"
+    preset="card"
+    :title="t('democracy.report.title')"
+    class="report-dialog"
+    @close="close"
+  >
+    <div class="report-dialog__body">
+      <p>{{ t('democracy.report.notice') }}</p>
+      <n-select v-model:value="category" :options="categories" />
+      <n-input
+        v-model:value="details"
+        type="textarea"
+        :autosize="{ minRows: 4, maxRows: 8 }"
+        :maxlength="500"
+        show-count
+        :placeholder="t('democracy.report.placeholder')"
+      />
+      <div class="report-dialog__actions">
+        <n-button @click="close">{{ t('democracy.report.cancel') }}</n-button>
+        <n-button type="primary" :loading="submitting" :disabled="!canSubmit" @click="submit">
+          {{ t('democracy.report.submit') }}
+        </n-button>
+      </div>
+    </div>
+  </n-modal>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { NButton, NInput, NModal, NSelect } from 'naive-ui'
+import { showMessage } from '@popup/naiveui'
+import { reportDemocracyMatter } from '@services/democracyWall'
+import type { DemocracyReportCategory } from '@services/democracyWallContract'
+
+const props = defineProps<{ matterId: string; show: boolean }>()
+const emit = defineEmits<{ 'update:show': [show: boolean] }>()
+const { t } = useI18n()
+const category = ref<DemocracyReportCategory>('Harassment')
+const details = ref('')
+const submitting = ref(false)
+const categories = computed(() =>
+  (['Harassment', 'Privacy', 'Misinformation', 'Other'] as DemocracyReportCategory[]).map(
+    (value) => ({ label: t(`democracy.report.categories.${value}`), value }),
+  ),
+)
+const canSubmit = computed(() => details.value.trim().length >= 10)
+
+watch(
+  () => props.show,
+  (show) => {
+    if (!show) details.value = ''
+  },
+)
+
+function close() {
+  if (!submitting.value) emit('update:show', false)
+}
+
+async function submit() {
+  if (!canSubmit.value) return
+  submitting.value = true
+  try {
+    await reportDemocracyMatter(props.matterId, category.value, details.value)
+    showMessage('success', t('democracy.report.success'), { duration: 2500 })
+    emit('update:show', false)
+  } catch {
+    showMessage('error', t('democracy.report.failed'), { duration: 3000 })
+  } finally {
+    submitting.value = false
+  }
+}
+</script>
+
+<style scoped>
+.report-dialog {
+  width: min(520px, calc(100vw - 24px));
+}
+
+.report-dialog__body {
+  display: grid;
+  gap: 14px;
+}
+
+.report-dialog__body p {
+  margin: 0;
+  color: #64748b;
+  line-height: 1.6;
+}
+
+.report-dialog__actions {
+  display: flex;
+  gap: 10px;
+  justify-content: flex-end;
+}
+</style>
diff --git a/src/components/democracy/DemocracyVoteOptionEditor.vue b/src/components/democracy/DemocracyVoteOptionEditor.vue
new file mode 100644
index 00000000..51fd15e7
--- /dev/null
+++ b/src/components/democracy/DemocracyVoteOptionEditor.vue
@@ -0,0 +1,72 @@
+<template>
+  <div class="vote-option-editor">
+    <div v-for="(option, index) in model" :key="index" class="vote-option-editor__row">
+      <n-input
+        :value="option"
+        :disabled="disabled"
+        :maxlength="80"
+        show-count
+        :placeholder="t('democracy.management.optionPlaceholder', { number: index + 1 })"
+        @update:value="updateOption(index, $event)"
+      />
+      <n-button
+        quaternary
+        circle
+        :aria-label="t('democracy.management.removeOption', { number: index + 1 })"
+        :disabled="disabled || model.length <= MIN_OPTIONS"
+        @click="removeOption(index)"
+      >
+        −
+      </n-button>
+    </div>
+    <n-button dashed block :disabled="disabled || model.length >= MAX_OPTIONS" @click="addOption">
+      {{ t('democracy.management.addOption') }}
+    </n-button>
+    <small>{{ t('democracy.management.optionLimit', { max: MAX_OPTIONS }) }}</small>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { NButton, NInput } from 'naive-ui'
+import { useI18n } from 'vue-i18n'
+
+const MIN_OPTIONS = 2
+const MAX_OPTIONS = 20
+const model = defineModel<string[]>({ required: true })
+const props = defineProps<{ disabled?: boolean }>()
+const { t } = useI18n()
+
+function addOption() {
+  if (props.disabled || model.value.length >= MAX_OPTIONS) return
+  model.value = [...model.value, '']
+}
+
+function removeOption(index: number) {
+  if (props.disabled || model.value.length <= MIN_OPTIONS) return
+  model.value = model.value.filter((_, optionIndex) => optionIndex !== index)
+}
+
+function updateOption(index: number, value: string) {
+  if (props.disabled) return
+  model.value = model.value.map((option, optionIndex) => (optionIndex === index ? value : option))
+}
+</script>
+
+<style scoped>
+.vote-option-editor {
+  display: grid;
+  width: 100%;
+  gap: 0.65rem;
+}
+
+.vote-option-editor__row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 0.45rem;
+  align-items: center;
+}
+
+.vote-option-editor small {
+  color: #64748b;
+}
+</style>
diff --git a/src/components/democracy/theme.ts b/src/components/democracy/theme.ts
new file mode 100644
index 00000000..9bb66513
--- /dev/null
+++ b/src/components/democracy/theme.ts
@@ -0,0 +1,11 @@
+import type { GlobalThemeOverrides } from 'naive-ui'
+
+export const democracyTheme: GlobalThemeOverrides = {
+  common: {
+    primaryColor: '#0185c5',
+    primaryColorHover: '#007bff',
+    primaryColorPressed: '#006da3',
+    primaryColorSuppl: '#0185c5',
+    borderRadius: '4px',
+  },
+}
diff --git a/src/components/messages/NotificationItem.vue b/src/components/messages/NotificationItem.vue
index 7a1eb453..039eec05 100644
--- a/src/components/messages/NotificationItem.vue
+++ b/src/components/messages/NotificationItem.vue
@@ -38,12 +38,14 @@
 
 <script setup lang="ts">
 import { ref, computed, onMounted, watch } from 'vue'
+import { useRouter } from 'vue-router'
 import parse from '@services/pltxt2htm/advancedParser'
 import { NEllipsis } from 'naive-ui'
 import showUserCard from '@popup/userProfileDialog.ts'
 import { getUserUrl } from '@services/utils.ts'
 import { getPath } from '@services/utils'
 import type { Message } from '@services/../pl-serve-type-main/type/main'
+import { getDemocracyNotificationTarget } from '@services/democracyNotification'
 
 interface NotificationItemMessage extends Message {
   msg_title: string
@@ -54,6 +56,7 @@ interface NotificationItemMessage extends Message {
 const props = defineProps<{
   notification: NotificationItemMessage
 }>()
+const router = useRouter()
 
 const avatarUrl = ref('/@base/assets/user/default-avatar.png')
 const fetchAvatar = async () => {
@@ -87,27 +90,37 @@ const msg_icon_url = computed(() => {
 
 // 跳转到对话上下文，以后会直接跳转到这句对话的索引所在
 // Jump to the context of the conversation, and later it will directly jump to the index where this sentence is located
-function showComment() {
-  if (props.notification.msg_type === 3) {
-    window.open(
-      `${getPath('/@root')}/c/${
-        props.notification.Fields?.Discussion
-          ? 'Discussion'
-          : props.notification.Fields?.Experiment
-            ? 'Experiment'
-            : 'User'
-      }/${
-        props.notification.Fields?.ExperimentID ||
-        props.notification.Fields?.DiscussionID ||
-        props.notification.Fields?.UserID
-      }/${
-        props.notification.Fields?.Discussion ||
-        props.notification.Fields?.Experiment ||
-        props.notification.Fields.User
-      }`,
-      '_self',
-    )
+function getCommentTarget(notification: NotificationItemMessage) {
+  if (notification.msg_type !== 3) return undefined
+
+  const fields = notification.Fields
+  if (!fields) return undefined
+
+  let resource: 'Discussion' | 'Experiment' | 'User' = 'User'
+  if (fields.Discussion) resource = 'Discussion'
+  else if (fields.Experiment) resource = 'Experiment'
+
+  const targets = {
+    Discussion: { id: fields.DiscussionID, slug: fields.Discussion },
+    Experiment: { id: fields.ExperimentID, slug: fields.Experiment },
+    User: { id: fields.UserID, slug: fields.User },
+  }
+  const target = targets[resource]
+
+  return `${getPath('/@root')}/c/${resource}/${target.id}/${target.slug}`
+}
+
+async function showComment() {
+  const democracyTarget = getDemocracyNotificationTarget(
+    props.notification.Fields as unknown as Record<string, unknown>,
+  )
+  if (democracyTarget) {
+    await router.push(democracyTarget)
+    return
   }
+
+  const commentTarget = getCommentTarget(props.notification)
+  if (commentTarget) window.open(commentTarget, '_self')
 }
 </script>
 
diff --git a/src/components/utils/CommentComposer.vue b/src/components/utils/CommentComposer.vue
index 4af9215f..8ad44ef6 100644
--- a/src/components/utils/CommentComposer.vue
+++ b/src/components/utils/CommentComposer.vue
@@ -105,8 +105,8 @@ async function handleFocus() {
   align-items: flex-end;
   gap: 8px;
   padding: 8px;
-  border-radius: calc(var(--card-radius) + 2px);
-  border: 1px solid var(--border-soft);
+  border: 1px solid var(--border-soft, #e5e7eb);
+  border-radius: calc(var(--card-radius, 8px) + 2px);
   background: rgba(255, 255, 255, 0.96);
   box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
 }
diff --git a/src/components/utils/Footer.vue b/src/components/utils/Footer.vue
index 34d55edd..b50c8eaa 100644
--- a/src/components/utils/Footer.vue
+++ b/src/components/utils/Footer.vue
@@ -33,7 +33,7 @@
         </svg>
         <span>{{ $t('footer.blackHole') }}</span>
       </router-link>
-      <router-link to="/d">
+      <router-link v-if="democracyVisible" to="/d">
         <svg
           fill="none"
           stroke="currentColor"
@@ -100,8 +100,10 @@
 import { onMounted, onUnmounted, ref } from 'vue'
 import Emitter from '@services/eventEmitter'
 import { hasUnreadNotifications } from '@services/notificationUnread'
+import { isDemocracyWallVisible } from '@services/democracyWallFeature'
 
 const hasUnreadNotification = ref(hasUnreadNotifications())
+const democracyVisible = isDemocracyWallVisible()
 
 function handleNotificationUnreadChanged(hasUnread: boolean) {
   hasUnreadNotification.value = hasUnread
diff --git a/src/i18n/de.ts b/src/i18n/de.ts
index 563d5d87..360cbe05 100644
--- a/src/i18n/de.ts
+++ b/src/i18n/de.ts
@@ -211,6 +211,23 @@ export default {
     type8: 'Du wirst keinen Erfolg erhalten',
   },
   democracy: {
+    sensitive: {
+      days: 'Sperrdauer (Tage)',
+      until: 'Gesperrt bis',
+      traceContributor: 'Verfasser ermitteln',
+      banContributor: 'Verfasser sperren',
+      disclose: 'Konto öffentlich offenlegen',
+      discloseConfirm:
+        'Das Konto und die Begründung werden für alle Besucher sichtbar. Offenlegung bestätigen?',
+      publicIdentity: 'Öffentlich offengelegtes Konto',
+      manageContributor: 'Verfasser verwalten',
+    },
+    invitation: {
+      title: 'Einladung zum Untersuchungsteam',
+      accept: 'Einladung annehmen',
+      decline: 'Einladung ablehnen',
+      unavailable: 'Diese Einladung ist für das aktuelle Konto nicht verfügbar.',
+    },
     title: 'Demokratie-Wand',
     subtitle: 'Offene, prüfbare und nachvollziehbare Gemeinschaftsentscheidungen',
     eyebrow: 'GEMEINSCHAFTSVERWALTUNG',
@@ -242,28 +259,44 @@ export default {
       oversight: 'Verwaltungsaufsicht',
       replies: 'Antworten auf Vorschläge',
     },
-    kinds: { case: 'Akte', proposal: 'Vorschlag' },
+    kinds: { case: 'Akte', proposal: 'Vorschlag', suggestion: 'Anregung' },
     status: { open: 'Laufend', resolved: 'Entschieden' },
     comments: '{count} Fragen',
     visits: '{count} Aufrufe',
     metrics: 'Aktendaten',
     actions: {
       view: 'Details ansehen',
-      question: 'Frage stellen',
     },
     create: {
       formalAction: 'Vorgang starten',
       anonymousAction: 'Anonym vorschlagen',
       formalTitle: 'Community-Vorgang starten',
       anonymousTitle: 'Anonymen Vorschlag einreichen',
+      editTitle: 'Vorgang bearbeiten',
+      votingLocked: 'Die Abstimmung hat begonnen. Autoren können nicht mehr bearbeiten. Mit ausdrücklicher Entwicklerberechtigung können Titel und Inhalt geändert werden; Optionen, Zeiten und Stimmen bleiben erhalten.',
+      editAction: 'Inhalt und Abstimmungszeit bearbeiten',
       anonymousAuthor: 'Anonyme Person',
       anonymousNotice:
         'Ihre Kontodaten bleiben öffentlich verborgen. Missbrauch kann nach den Community-Regeln bearbeitet werden.',
+      alias: 'Anonymes Pseudonym',
+      aliasPlaceholder: '2–16 Zeichen; ein änderbares Pseudonym pro Person',
       formalDenied: 'Ein formeller Vorgang erfordert Redaktions- oder Administratorrechte.',
       loginRequired: 'Angemeldete Oldtimer können anonyme Vorschläge einreichen.',
       anonymousDenied:
         'Anonyme Vorschläge sind berechtigten Oldtimern vorbehalten. Konten mit entzogenem Zugriff können nichts einreichen.',
+      postingRevoked:
+        'Die anonyme Veröffentlichung wurde für dieses Konto gesperrt. Vorschläge und formelle Vorgänge sind deaktiviert.',
       kind: 'Kategorie',
+      participation: 'Beteiligungsform',
+      consultation: 'Meinungssammlung',
+      vote: 'Abstimmung',
+      anonymousConsultationOnly:
+        'Anonyme Vorschläge sammeln nur Meinungen und eröffnen keine Abstimmung.',
+      votePlanTitle: 'Geplante Abstimmung',
+      votePlanNotice:
+        'Fragen bleiben bis zum geplanten Beginn offen; dann erscheint die Abstimmung automatisch.',
+      voteStart: 'Beginn der Abstimmung',
+      loadFailed: 'Der Vorgang kann nicht bearbeitet werden oder die Berechtigung fehlt',
       subject: 'Titel',
       subjectPlaceholder: 'Fassen Sie das Thema kurz zusammen',
       description: 'Fakten und Vorschlag',
@@ -272,6 +305,89 @@ export default {
       success: 'Vorgang eingereicht',
       failed: 'Senden fehlgeschlagen. Bitte später erneut versuchen.',
     },
+    moderation: {
+      title: 'Berechtigungsdemo: Identitätsprüfung',
+      trace: 'Echtes Konto nur für berechtigte Moderation sichtbar: {id}',
+      revoke: 'Anonyme Veröffentlichung sperren',
+      restore: 'Anonyme Veröffentlichung freigeben',
+    },
+    management: {
+      title: 'Vorgangsverwaltung und Prüfung',
+      notice:
+        'Sensible Aktionen benötigen eine Begründung und werden revisionssicher protokolliert.',
+      reasonPlaceholder: 'Konkrete Begründung angeben (mindestens 6 Zeichen)',
+      identityTitle: 'Anonyme Identität verwalten',
+      trace: 'Verfasser autorisiert ermitteln',
+      revoke: 'Veröffentlichungsrecht entziehen',
+      restore: 'Veröffentlichungsrecht wiederherstellen',
+      alias: 'Öffentlicher Alias',
+      account: 'Konto-ID',
+      warnAccount: 'Echtes Konto verwarnen',
+      banAccount: 'Echtes Konto sperren',
+      unbanAccount: 'Kontosperre aufheben',
+      accountStatus: 'Kontostatus',
+      accountBanned: 'Gesperrt',
+      accountActive: 'Aktiv',
+      publishingStatus: 'Veröffentlichungsrecht der Demokratiewand',
+      publishingRevoked: 'Entzogen',
+      publishingActive: 'Aktiv',
+      contentActions: 'Vorgang bearbeiten',
+      deleteMatter: 'Vorgang löschen',
+      deleteNotice:
+        'Der öffentliche Inhalt wird entfernt; Prüf- und Einspruchsdaten bleiben erhalten.',
+      deleteConfirm: 'Diesen Vorgang löschen? Der öffentliche Inhalt wird sofort entfernt.',
+      confirmDelete: 'Löschen bestätigen',
+      deleted: 'Vorgang gelöscht, Prüfprotokoll bleibt erhalten',
+      investigationTitle: 'Einladungen zum Untersuchungsteam',
+      investigationNotice: 'Für Aufsichtsvorgänge; Eingeladene treten nach Annahme bei.',
+      invitePlaceholder: '24-stellige Benutzer-ID oder Profillink eingeben',
+      inviteAction: 'Einladung senden',
+      inviteSent: 'Einladung zum Untersuchungsteam gesendet',
+      investigationEmpty: 'Noch keine Einladungen',
+      invitePending: 'Annahme ausstehend',
+      inviteAccepted: 'Beigetreten',
+      inviteDeclined: 'Abgelehnt',
+      workflowTitle: 'Vorgangsphase',
+      targetPlaceholder: 'Nächste Phase auswählen',
+      voteOptions: 'Abstimmungsoptionen',
+      optionPlaceholder: 'Option {number}',
+      removeOption: 'Option {number} entfernen',
+      addOption: 'Option hinzufügen',
+      optionLimit: 'Mindestens 2 und höchstens {max} Optionen.',
+      voteDeadline: 'Abstimmungsende',
+      multiple: 'Mehrfachauswahl zulassen',
+      createVote: 'Abstimmung erstellen und starten',
+      transition: 'Phasenwechsel bestätigen',
+      auditTitle: 'Prüfprotokoll',
+      refreshAudit: 'Aktualisieren',
+      noAudit: 'Noch keine Einträge',
+      saved: 'Aktion gespeichert',
+      failed: 'Aktion fehlgeschlagen; Berechtigung und Phase prüfen',
+      stages: {
+        PendingReview: 'Prüfung ausstehend',
+        Questions: 'Befragung',
+        Voting: 'Abstimmung',
+        Resolved: 'Beschlossen',
+        Archived: 'Archiviert',
+        Rejected: 'Abgelehnt',
+      },
+    },
+    report: {
+      action: 'Vorgang melden',
+      title: 'Vorgang der Demokratiewand melden',
+      notice: 'Meldungen gehen an autorisierte Prüfer und werden dokumentiert.',
+      placeholder: 'Inhalt, Stelle und mögliche Auswirkungen beschreiben (mindestens 10 Zeichen)',
+      cancel: 'Abbrechen',
+      submit: 'Meldung senden',
+      success: 'Meldung gesendet',
+      failed: 'Meldung fehlgeschlagen',
+      categories: {
+        Harassment: 'Belästigung oder Angriff',
+        Privacy: 'Verletzung der Privatsphäre',
+        Misinformation: 'Falschinformation',
+        Other: 'Sonstiges',
+      },
+    },
     matter: {
       title: 'Vorgangsdetails',
       overview: 'Übersicht',
@@ -280,18 +396,29 @@ export default {
       suggestTitle: 'Fragen und Vorschläge der Gemeinschaft',
       suggestPlaceholder: 'Frage, Änderungsvorschlag oder Quelle einreichen',
       submitSuggestion: 'Vorschlag senden',
+      noContributions: 'Noch keine Vorschläge oder Fragen',
+      contributionLoadFailed: 'Vorschläge und Fragen konnten nicht geladen werden',
+      contributionSubmitFailed: 'Senden fehlgeschlagen. Bitte später erneut versuchen',
       readOnly: 'Historischer Eintrag ist schreibgeschützt',
       noVotes: 'Dieser Vorgang ist noch nicht in der Abstimmung',
+      voteScheduled: 'Fragen sind offen. Die Abstimmung beginnt automatisch am {date}.',
     },
     untitled: 'Unbenannter Eintrag',
     empty: 'In dieser Kategorie gibt es noch keine öffentlichen Inhalte',
     loadFailed: 'Demokratie-Wand konnte nicht geladen werden',
     retry: 'Erneut versuchen',
+    release: {
+      readOnly:
+        'Die Demokratiewand befindet sich in einer schreibgeschützten Einführung. Veröffentlichung und Moderation sind deaktiviert.',
+      checkingAccess: 'Anonyme Veröffentlichungsrechte werden geprüft…',
+      accessFailed: 'Die Veröffentlichungsberechtigungen konnten nicht geprüft werden.',
+    },
     vote: {
       sectionTitle: 'Anonyme Abstimmungen und Gemeinschaftsentscheidungen',
       anonymous: 'Anonyme Abstimmung',
       single: 'Einzelauswahl',
       multiple: 'Mehrfachauswahl',
+      finished: 'Abstimmung beendet',
       option: 'Option {number}',
       cast: 'Diese Option wählen',
       loginOrIneligible: 'Anmelden, um die Stimmberechtigung zu prüfen',
@@ -307,6 +434,8 @@ export default {
       description:
         'Akten, Vorschläge und Stimmen bleiben in diesem Browser und werden nicht gesendet.',
       reset: 'Stimmen zurücksetzen',
+      switchToAdmin: 'Verwaltungsansicht öffnen',
+      switchToUser: 'Zur Benutzeransicht',
       detailTitle: 'Öffentliche Akte',
       rule: 'Regelgrundlage',
       confirmedFacts: 'Bestätigte Fakten',
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index ee900c29..687923c7 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -208,6 +208,23 @@ export default {
     type8: 'You will not receive an achievement',
   },
   democracy: {
+    sensitive: {
+      days: 'Ban duration (days)',
+      until: 'Banned until',
+      traceContributor: 'Trace contributor',
+      banContributor: 'Ban contributor',
+      disclose: 'Disclose account publicly',
+      discloseConfirm:
+        'The contributor’s account and disclosure reason will be visible to all visitors. Confirm disclosure?',
+      publicIdentity: 'Publicly disclosed account',
+      manageContributor: 'Manage contributor',
+    },
+    invitation: {
+      title: 'Investigation team invitation',
+      accept: 'Accept invitation',
+      decline: 'Decline invitation',
+      unavailable: 'This invitation is unavailable for the current account.',
+    },
     title: 'Democracy Wall',
     subtitle: 'Open, reviewable and traceable community governance',
     eyebrow: 'COMMUNITY GOVERNANCE',
@@ -242,6 +259,7 @@ export default {
     kinds: {
       case: 'Docket',
       proposal: 'Proposal',
+      suggestion: 'Suggestion',
     },
     status: {
       open: 'Ongoing',
@@ -252,21 +270,37 @@ export default {
     metrics: 'Docket metrics',
     actions: {
       view: 'View details',
-      question: 'Join questions',
     },
     create: {
       formalAction: 'Start a matter',
       anonymousAction: 'Suggest anonymously',
       formalTitle: 'Start a community matter',
       anonymousTitle: 'Submit an anonymous suggestion',
+      editTitle: 'Edit matter',
+      votingLocked: 'Voting has started. Authors can no longer edit. Users with explicit developer permission may revise the title and content; voting options, timing and existing votes remain unchanged.',
+      editAction: 'Edit matter',
       anonymousAuthor: 'Anonymous contributor',
       anonymousNotice:
         'Your account identity stays hidden on public pages. Moderators may still address abuse under community rules.',
+      alias: 'Anonymous alias',
+      aliasPlaceholder: '2–16 characters; one editable alias per person',
       formalDenied: 'Starting a formal matter requires editor or administrator access.',
       loginRequired: 'Signed-in Oldtimers can submit anonymous suggestions.',
       anonymousDenied:
         'Anonymous suggestions are limited to eligible Oldtimers. Accounts with revoked access cannot submit.',
+      postingRevoked:
+        'Anonymous publishing has been revoked for this account. Suggestions and formal matters are disabled.',
       kind: 'Matter category',
+      participation: 'Participation method',
+      consultation: 'Opinion collection',
+      vote: 'Vote',
+      anonymousConsultationOnly:
+        'Anonymous suggestions only collect opinions and cannot open a vote.',
+      votePlanTitle: 'Scheduled vote',
+      votePlanNotice:
+        'Questions remain open until the scheduled start, when the vote appears automatically.',
+      voteStart: 'Vote start time',
+      loadFailed: 'Unable to load this matter for editing or you lack permission',
       subject: 'Title',
       subjectPlaceholder: 'Summarize the matter for community discussion',
       description: 'Facts and suggestion',
@@ -276,6 +310,87 @@ export default {
       success: 'Matter submitted',
       failed: 'Submission failed. Try again later.',
     },
+    moderation: {
+      title: 'Permission demo: identity audit',
+      trace: 'Real account visible to authorized moderators only: {id}',
+      revoke: 'Revoke anonymous publishing',
+      restore: 'Restore anonymous publishing',
+    },
+    management: {
+      title: 'Matter management and audit',
+      notice: 'Sensitive actions require a reason and are appended to the server audit trail.',
+      reasonPlaceholder: 'Give a reason for tracing, banning, disclosure, or deletion (6+ characters)',
+      identityTitle: 'Anonymous identity controls',
+      trace: 'Trace publisher with authorization',
+      revoke: 'Revoke publishing',
+      restore: 'Restore publishing',
+      alias: 'Public alias',
+      account: 'Account ID',
+      warnAccount: 'Warn real account',
+      banAccount: 'Ban real account',
+      unbanAccount: 'Lift account ban',
+      accountStatus: 'Account status',
+      accountBanned: 'Banned',
+      accountActive: 'Active',
+      publishingStatus: 'Democracy wall publishing',
+      publishingRevoked: 'Revoked',
+      publishingActive: 'Active',
+      contentActions: 'Matter action',
+      deleteMatter: 'Delete matter',
+      deleteNotice: 'Deletion removes public access while retaining audit and appeal records.',
+      deleteConfirm: 'Delete this matter? Its public content will be removed immediately.',
+      confirmDelete: 'Confirm deletion',
+      deleted: 'Matter deleted with audit records retained',
+      investigationTitle: 'Investigation team invitations',
+      investigationNotice: 'Available for oversight matters; invitees join after accepting.',
+      invitePlaceholder: 'Enter a 24-character user ID or profile link',
+      inviteAction: 'Send invitation',
+      inviteSent: 'Investigation team invitation sent',
+      investigationEmpty: 'No investigation team invitations yet',
+      invitePending: 'Awaiting acceptance',
+      inviteAccepted: 'Joined',
+      inviteDeclined: 'Declined',
+      workflowTitle: 'Matter stage',
+      targetPlaceholder: 'Select the next stage',
+      voteOptions: 'Voting options',
+      optionPlaceholder: 'Option {number}',
+      removeOption: 'Remove option {number}',
+      addOption: 'Add option',
+      optionLimit: 'Enter at least 2 and up to {max} options.',
+      voteDeadline: 'Voting deadline',
+      multiple: 'Allow multiple choices',
+      createVote: 'Create vote and enter voting',
+      transition: 'Apply stage change',
+      auditTitle: 'Audit trail',
+      refreshAudit: 'Refresh',
+      noAudit: 'No audit entries yet',
+      saved: 'Management action saved',
+      failed: 'Management action failed; check permission and stage state',
+      stages: {
+        PendingReview: 'Pending review',
+        Questions: 'Questions',
+        Voting: 'Voting',
+        Resolved: 'Resolved',
+        Archived: 'Archived',
+        Rejected: 'Rejected',
+      },
+    },
+    report: {
+      action: 'Report matter',
+      title: 'Report Democracy Wall matter',
+      notice: 'Reports go to authorized Democracy Wall reviewers and retain a handling record.',
+      placeholder: 'Describe the content, location, and possible impact (10+ characters)',
+      cancel: 'Cancel',
+      submit: 'Submit report',
+      success: 'Report submitted',
+      failed: 'Report submission failed',
+      categories: {
+        Harassment: 'Harassment or attack',
+        Privacy: 'Privacy exposure',
+        Misinformation: 'False information',
+        Other: 'Other',
+      },
+    },
     matter: {
       title: 'Matter details',
       overview: 'Matter overview',
@@ -284,18 +399,29 @@ export default {
       suggestTitle: 'Community questions and suggestions',
       suggestPlaceholder: 'Submit a factual question, amendment, or supporting source',
       submitSuggestion: 'Submit suggestion',
+      noContributions: 'No suggestions or questions yet',
+      contributionLoadFailed: 'Failed to load suggestions and questions',
+      contributionSubmitFailed: 'Failed to send. Please try again later',
       readOnly: 'Historical record is read-only',
       noVotes: 'This matter has not entered the voting stage',
+      voteScheduled: 'Questions are open. Voting will begin automatically at {date}.',
     },
     untitled: 'Untitled item',
     empty: 'There is no public content in this category yet',
     loadFailed: 'Failed to load Democracy Wall content',
     retry: 'Retry',
+    release: {
+      readOnly:
+        'The democracy wall is in a read-only rollout. Publishing and moderation are disabled.',
+      checkingAccess: 'Checking anonymous publishing access with the server…',
+      accessFailed: 'Publishing permissions could not be confirmed. Please try again.',
+    },
     vote: {
       sectionTitle: 'Anonymous votes and community decisions',
       anonymous: 'Anonymous vote',
       single: 'Single choice',
       multiple: 'Multiple choice',
+      finished: 'Voting ended',
       option: 'Option {number}',
       cast: 'Choose this option',
       loginOrIneligible: 'Log in to check voting eligibility',
@@ -311,6 +437,8 @@ export default {
       description:
         'Dockets, proposals and votes run in this browser and are never sent to the server.',
       reset: 'Reset votes',
+      switchToAdmin: 'Open admin view',
+      switchToUser: 'Return to user view',
       detailTitle: 'Public docket',
       rule: 'Rule basis',
       confirmedFacts: 'Confirmed facts',
diff --git a/src/i18n/fr.ts b/src/i18n/fr.ts
index 487a9ab7..8333619c 100644
--- a/src/i18n/fr.ts
+++ b/src/i18n/fr.ts
@@ -211,6 +211,23 @@ export default {
     type8: 'Vous ne recevrez aucun succès',
   },
   democracy: {
+    sensitive: {
+      days: 'Durée du bannissement (jours)',
+      until: 'Banni jusqu’au',
+      traceContributor: 'Identifier l’auteur',
+      banContributor: 'Bannir l’auteur',
+      disclose: 'Divulguer le compte publiquement',
+      discloseConfirm:
+        'Le compte et le motif seront visibles par tous les visiteurs. Confirmer la divulgation ?',
+      publicIdentity: 'Compte divulgué publiquement',
+      manageContributor: 'Gérer l’auteur',
+    },
+    invitation: {
+      title: 'Invitation à l’équipe d’enquête',
+      accept: 'Accepter l’invitation',
+      decline: 'Refuser l’invitation',
+      unavailable: 'Cette invitation est indisponible pour le compte actuel.',
+    },
     title: 'Mur démocratique',
     subtitle: 'Une gouvernance communautaire ouverte, vérifiable et traçable',
     eyebrow: 'GOUVERNANCE COMMUNAUTAIRE',
@@ -242,28 +259,44 @@ export default {
       oversight: 'Contrôle de la gouvernance',
       replies: 'Réponses aux propositions',
     },
-    kinds: { case: 'Dossier', proposal: 'Proposition' },
+    kinds: { case: 'Dossier', proposal: 'Proposition', suggestion: 'Suggestion' },
     status: { open: 'En cours', resolved: 'Décidé' },
     comments: '{count} questions',
     visits: '{count} vues',
     metrics: 'Données du dossier',
     actions: {
       view: 'Voir le détail',
-      question: 'Participer aux questions',
     },
     create: {
       formalAction: 'Lancer une affaire',
       anonymousAction: 'Proposer anonymement',
       formalTitle: 'Lancer une affaire communautaire',
       anonymousTitle: 'Envoyer une proposition anonyme',
+      editTitle: 'Modifier le dossier',
+      votingLocked: 'Le vote a commencé. Les auteurs ne peuvent plus modifier. Une permission de développement explicite permet de réviser le titre et le contenu ; les options, les horaires et les votes restent inchangés.',
+      editAction: 'Modifier le contenu et la date du vote',
       anonymousAuthor: 'Membre anonyme',
       anonymousNotice:
         'Votre identité reste masquée publiquement. Les abus peuvent être traités selon les règles communautaires.',
+      alias: 'Pseudonyme anonyme',
+      aliasPlaceholder: '2 à 16 caractères, un pseudonyme modifiable par personne',
       formalDenied: 'Une affaire formelle exige les droits éditeur ou administrateur.',
       loginRequired: 'Les Oldtimers connectés peuvent envoyer des propositions anonymes.',
       anonymousDenied:
         'Les propositions anonymes sont réservées aux Oldtimers éligibles. Les comptes révoqués ne peuvent pas en envoyer.',
+      postingRevoked:
+        'La publication anonyme est révoquée pour ce compte. Les propositions et affaires formelles sont désactivées.',
       kind: 'Catégorie',
+      participation: 'Mode de participation',
+      consultation: 'Recueil d’avis',
+      vote: 'Vote',
+      anonymousConsultationOnly:
+        'Les propositions anonymes recueillent uniquement des avis et ne lancent aucun vote.',
+      votePlanTitle: 'Vote programmé',
+      votePlanNotice:
+        'Les questions restent ouvertes jusqu’au début programmé, puis le vote apparaît automatiquement.',
+      voteStart: 'Début du vote',
+      loadFailed: 'Impossible de charger ce dossier pour modification ou autorisation insuffisante',
       subject: 'Titre',
       subjectPlaceholder: 'Résumez le sujet à discuter',
       description: 'Faits et proposition',
@@ -273,6 +306,90 @@ export default {
       success: 'Affaire envoyée',
       failed: 'Échec de l’envoi. Réessayez plus tard.',
     },
+    moderation: {
+      title: 'Démo des droits : traçage d’identité',
+      trace: 'Compte réel visible uniquement par la modération autorisée : {id}',
+      revoke: 'Interdire les publications anonymes',
+      restore: 'Rétablir les publications anonymes',
+    },
+    management: {
+      title: 'Gestion et audit du dossier',
+      notice: 'Toute action sensible exige un motif et rejoint le journal d’audit du serveur.',
+      reasonPlaceholder: 'Indiquer un motif précis (6 caractères minimum)',
+      identityTitle: 'Gestion de l’identité anonyme',
+      trace: 'Retrouver l’auteur avec autorisation',
+      revoke: 'Retirer le droit de publier',
+      restore: 'Rétablir le droit de publier',
+      alias: 'Alias public',
+      account: 'Identifiant du compte',
+      warnAccount: 'Avertir le compte réel',
+      banAccount: 'Bannir le compte réel',
+      unbanAccount: 'Lever le bannissement',
+      accountStatus: 'État du compte',
+      accountBanned: 'Banni',
+      accountActive: 'Actif',
+      publishingStatus: 'Droit de publication sur le mur démocratique',
+      publishingRevoked: 'Révoqué',
+      publishingActive: 'Actif',
+      contentActions: 'Traitement du dossier',
+      deleteMatter: 'Supprimer le dossier',
+      deleteNotice:
+        "La suppression retire le contenu public tout en conservant l'audit et les recours.",
+      deleteConfirm: 'Supprimer ce dossier ? Le contenu public sera retiré immédiatement.',
+      confirmDelete: 'Confirmer la suppression',
+      deleted: "Dossier supprimé avec conservation de l'audit",
+      investigationTitle: "Invitations à l'équipe d'enquête",
+      investigationNotice: "Réservé aux dossiers de contrôle ; l'invité rejoint après acceptation.",
+      invitePlaceholder: 'Saisir un identifiant de 24 caractères ou un lien de profil',
+      inviteAction: 'Envoyer l’invitation',
+      inviteSent: "Invitation à l'équipe d'enquête envoyée",
+      investigationEmpty: 'Aucune invitation',
+      invitePending: 'En attente',
+      inviteAccepted: 'Membre',
+      inviteDeclined: 'Refusée',
+      workflowTitle: 'Étape du dossier',
+      targetPlaceholder: 'Choisir l’étape suivante',
+      voteOptions: 'Options du vote',
+      optionPlaceholder: 'Option {number}',
+      removeOption: 'Supprimer l’option {number}',
+      addOption: 'Ajouter une option',
+      optionLimit: 'Saisir au moins 2 et au plus {max} options.',
+      voteDeadline: 'Clôture du vote',
+      multiple: 'Autoriser plusieurs choix',
+      createVote: 'Créer le vote et ouvrir le scrutin',
+      transition: 'Confirmer le changement',
+      auditTitle: 'Journal d’audit',
+      refreshAudit: 'Actualiser',
+      noAudit: 'Aucune entrée',
+      saved: 'Action enregistrée',
+      failed: 'Échec de l’action ; vérifier les droits et l’étape',
+      stages: {
+        PendingReview: 'En attente de contrôle',
+        Questions: 'Questions',
+        Voting: 'Vote',
+        Resolved: 'Résolu',
+        Archived: 'Archivé',
+        Rejected: 'Rejeté',
+      },
+    },
+    report: {
+      action: 'Signaler le dossier',
+      title: 'Signaler un dossier du mur démocratique',
+      notice:
+        'Le signalement est envoyé aux examinateurs autorisés et son traitement est conservé.',
+      placeholder:
+        'Décrire le contenu, son emplacement et son impact possible (10 caractères minimum)',
+      cancel: 'Annuler',
+      submit: 'Envoyer',
+      success: 'Signalement envoyé',
+      failed: 'Échec du signalement',
+      categories: {
+        Harassment: 'Harcèlement ou attaque',
+        Privacy: 'Atteinte à la vie privée',
+        Misinformation: 'Information fausse',
+        Other: 'Autre',
+      },
+    },
     matter: {
       title: "Détail de l'affaire",
       overview: "Vue d'ensemble",
@@ -281,18 +398,29 @@ export default {
       suggestTitle: 'Questions et suggestions de la communauté',
       suggestPlaceholder: 'Proposer une question, une modification ou une source',
       submitSuggestion: 'Envoyer la suggestion',
+      noContributions: 'Aucune suggestion ou question pour le moment',
+      contributionLoadFailed: 'Échec du chargement des suggestions et questions',
+      contributionSubmitFailed: "Échec de l'envoi. Veuillez réessayer plus tard",
       readOnly: "L'historique est en lecture seule",
       noVotes: "Cette affaire n'est pas encore soumise au vote",
+      voteScheduled: 'Les questions sont ouvertes. Le vote commencera automatiquement le {date}.',
     },
     untitled: 'Entrée sans titre',
     empty: "Aucun contenu public dans cette catégorie pour l'instant",
     loadFailed: 'Impossible de charger le mur démocratique',
     retry: 'Réessayer',
+    release: {
+      readOnly:
+        'Le mur démocratique est en déploiement lecture seule. La publication et la modération sont désactivées.',
+      checkingAccess: 'Vérification du droit de publication anonyme…',
+      accessFailed: 'Impossible de vérifier les autorisations de publication. Réessayez.',
+    },
     vote: {
       sectionTitle: 'Votes anonymes et décisions communautaires',
       anonymous: 'Vote anonyme',
       single: 'Choix unique',
       multiple: 'Choix multiple',
+      finished: 'Vote terminé',
       option: 'Option {number}',
       cast: 'Choisir cette option',
       loginOrIneligible: 'Connectez-vous pour vérifier le droit de vote',
@@ -308,6 +436,8 @@ export default {
       description:
         'Les dossiers, propositions et votes restent dans ce navigateur et ne sont pas envoyés.',
       reset: 'Réinitialiser les votes',
+      switchToAdmin: 'Ouvrir la vue de gestion',
+      switchToUser: 'Revenir à la vue utilisateur',
       detailTitle: 'Dossier public',
       rule: 'Base réglementaire',
       confirmedFacts: 'Faits confirmés',
diff --git a/src/i18n/ja.ts b/src/i18n/ja.ts
index 312680b5..81f47972 100644
--- a/src/i18n/ja.ts
+++ b/src/i18n/ja.ts
@@ -210,6 +210,22 @@ export default {
     type8: '実績はもらえません',
   },
   democracy: {
+    sensitive: {
+      days: '利用停止日数',
+      until: '利用停止期限',
+      traceContributor: '投稿者を追跡',
+      banContributor: '投稿者を利用停止',
+      disclose: '実アカウントを公開',
+      discloseConfirm: '投稿者の実アカウントと公開理由を全訪問者に公開します。公開しますか？',
+      publicIdentity: '公開されたアカウント',
+      manageContributor: '投稿者の管理',
+    },
+    invitation: {
+      title: '調査団への招待',
+      accept: '招待を承諾',
+      decline: '招待を辞退',
+      unavailable: 'この招待は現在のアカウントでは利用できません。',
+    },
     title: '民主ウォール',
     subtitle: '公開・検証・追跡可能なコミュニティ運営',
     eyebrow: 'コミュニティ運営',
@@ -241,28 +257,42 @@ export default {
       oversight: '運営監査',
       replies: '提案への回答',
     },
-    kinds: { case: '記録', proposal: '議案' },
+    kinds: { case: '記録', proposal: '議案', suggestion: '提案' },
     status: { open: '進行中', resolved: '決議済み' },
     comments: '質疑 {count} 件',
     visits: '閲覧 {count} 回',
     metrics: '記録データ',
     actions: {
       view: '詳細を見る',
-      question: '質疑に参加',
     },
     create: {
       formalAction: '案件を開始',
       anonymousAction: '匿名で提案',
       formalTitle: 'コミュニティ案件を開始',
       anonymousTitle: '匿名提案を送信',
+      editTitle: '案件を編集',
+      votingLocked: '投票が開始されたため、投稿者は編集できません。明示的な開発権限を持つユーザーはタイトルと本文を修正できます。選択肢、投票期間、既存の票は維持されます。',
+      editAction: '内容と投票時刻を編集',
       anonymousAuthor: '匿名提案者',
       anonymousNotice:
         '公開ページではアカウント情報が隠されます。乱用はコミュニティ規則に従って対応されます。',
+      alias: '匿名表示名',
+      aliasPlaceholder: '2〜16文字、1人につき変更可能な名前1つ',
       formalDenied: '正式案件の開始には編集者または管理者権限が必要です。',
       loginRequired: 'ログイン済みの Oldtimer は匿名提案を送信できます。',
       anonymousDenied:
         '匿名提案は資格のある Oldtimer のみ利用できます。資格を取り消されたアカウントは送信できません。',
+      postingRevoked:
+        'このアカウントの匿名公開権限は取り消されています。匿名提案と正式案件は送信できません。',
       kind: '案件区分',
+      participation: '参加方式',
+      consultation: '意見募集',
+      vote: '投票',
+      anonymousConsultationOnly: '匿名提案は意見募集のみ利用でき、投票は開始できません。',
+      votePlanTitle: '予約投票',
+      votePlanNotice: '開始時刻までは質疑を受け付け、時刻になると投票を自動表示します。',
+      voteStart: '投票開始時刻',
+      loadFailed: '編集対象を読み込めないか、編集権限がありません',
       subject: 'タイトル',
       subjectPlaceholder: '話し合う事項を一文でまとめてください',
       description: '事実と提案',
@@ -271,6 +301,87 @@ export default {
       success: '案件を送信しました',
       failed: '送信に失敗しました。後でもう一度お試しください。',
     },
+    moderation: {
+      title: '権限デモ：本人確認',
+      trace: '権限を持つ管理者だけが実アカウントを確認できます：{id}',
+      revoke: '匿名公開を禁止',
+      restore: '匿名公開を再許可',
+    },
+    management: {
+      title: '案件管理と監査',
+      notice: '重要な操作には理由が必要で、サーバーの追記型監査記録に保存されます。',
+      reasonPlaceholder: '追跡・利用停止・公開・削除の具体的な理由（6文字以上）',
+      identityTitle: '匿名識別情報の管理',
+      trace: '権限を用いて投稿者を追跡',
+      revoke: '投稿権を停止',
+      restore: '投稿権を復元',
+      alias: '公開名',
+      account: 'アカウントID',
+      warnAccount: '実アカウントに警告',
+      banAccount: '実アカウントを停止',
+      unbanAccount: 'アカウント停止を解除',
+      accountStatus: 'アカウント状態',
+      accountBanned: '停止中',
+      accountActive: '有効',
+      publishingStatus: '民主ウォール投稿権限',
+      publishingRevoked: '取り消し済み',
+      publishingActive: '有効',
+      contentActions: '案件処置',
+      deleteMatter: '案件を削除',
+      deleteNotice: '公開内容を取り下げ、監査と異議申立ての記録は保持します。',
+      deleteConfirm: 'この案件を削除しますか？公開内容は直ちに取り下げられます。',
+      confirmDelete: '削除を確定',
+      deleted: '監査記録を保持したまま案件を削除しました',
+      investigationTitle: '調査団への招待',
+      investigationNotice: '管理監察案件で利用でき、相手の承認後に調査団へ参加します。',
+      invitePlaceholder: '24文字のユーザーIDまたはプロフィールリンクを入力',
+      inviteAction: '招待を送信',
+      inviteSent: '調査団への招待を送信しました',
+      investigationEmpty: '調査団への招待はありません',
+      invitePending: '承認待ち',
+      inviteAccepted: '参加済み',
+      inviteDeclined: '辞退済み',
+      workflowTitle: '案件段階',
+      targetPlaceholder: '次の段階を選択',
+      voteOptions: '投票の選択肢',
+      optionPlaceholder: '選択肢 {number}',
+      removeOption: '選択肢 {number} を削除',
+      addOption: '選択肢を追加',
+      optionLimit: '2個以上、最大{max}個まで入力できます。',
+      voteDeadline: '投票期限',
+      multiple: '複数選択を許可',
+      createVote: '投票を作成して投票段階へ',
+      transition: '段階変更を確定',
+      auditTitle: '監査記録',
+      refreshAudit: '更新',
+      noAudit: '監査記録はありません',
+      saved: '管理操作を保存しました',
+      failed: '管理操作に失敗しました。権限と段階を確認してください',
+      stages: {
+        PendingReview: '審査待ち',
+        Questions: '質疑',
+        Voting: '投票中',
+        Resolved: '決議済み',
+        Archived: 'アーカイブ済み',
+        Rejected: '却下',
+      },
+    },
+    report: {
+      action: '案件を通報',
+      title: '民主ウォール案件を通報',
+      notice: '通報は権限を持つ審査担当者へ送られ、処理記録が保存されます。',
+      placeholder: '内容、場所、想定される影響を説明してください（10文字以上）',
+      cancel: 'キャンセル',
+      submit: '通報を送信',
+      success: '通報を送信しました',
+      failed: '通報の送信に失敗しました',
+      categories: {
+        Harassment: '嫌がらせ・攻撃',
+        Privacy: 'プライバシー侵害',
+        Misinformation: '虚偽情報',
+        Other: 'その他',
+      },
+    },
     matter: {
       title: '案件詳細',
       overview: '案件概要',
@@ -279,18 +390,28 @@ export default {
       suggestTitle: 'コミュニティの質疑と提案',
       suggestPlaceholder: '事実への質問、修正案、追加資料を入力',
       submitSuggestion: '提案を送信',
+      noContributions: '提案や質疑はまだありません',
+      contributionLoadFailed: '提案と質疑を読み込めませんでした',
+      contributionSubmitFailed: '送信できませんでした。しばらくしてから再試行してください',
       readOnly: '過去の記録は閲覧専用です',
       noVotes: 'この案件はまだ投票段階に入っていません',
+      voteScheduled: '質疑受付中です。{date} に投票が自動で始まります。',
     },
     untitled: '無題の項目',
     empty: 'この分類にはまだ公開コンテンツがありません',
     loadFailed: '民主ウォールの読み込みに失敗しました',
     retry: '再試行',
+    release: {
+      readOnly: '民主の壁は読み取り専用で段階公開中です。投稿と管理操作は停止しています。',
+      checkingAccess: '匿名公開権限をサーバーで確認しています…',
+      accessFailed: '投稿権限を確認できませんでした。もう一度お試しください。',
+    },
     vote: {
       sectionTitle: '匿名投票とコミュニティ決議',
       anonymous: '匿名投票',
       single: '単一選択',
       multiple: '複数選択',
+      finished: '投票終了',
       option: '選択肢 {number}',
       cast: 'この選択肢に投票',
       loginOrIneligible: 'ログインして投票資格を確認',
@@ -305,6 +426,8 @@ export default {
       title: 'ローカルのデモデータを使用中',
       description: '記録、議案、投票はブラウザ内で動作し、サーバーに送信されません。',
       reset: '投票をリセット',
+      switchToAdmin: '管理ビューを開く',
+      switchToUser: '一般ユーザービューに戻る',
       detailTitle: '公開記録',
       rule: '規則の根拠',
       confirmedFacts: '確認済みの事実',
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index 7d2a05c6..5421399b 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -204,6 +204,22 @@ export default {
     type8: '你不会获得任何成就',
   },
   democracy: {
+    sensitive: {
+      days: '封禁天数',
+      until: '封禁截止',
+      traceContributor: '授权追溯质询人',
+      banContributor: '封禁质询人',
+      disclose: '公开披露真实账号',
+      discloseConfirm: '将向所有访客公开该质询人的真实账号及披露理由。确认公开？',
+      publicIdentity: '已公开披露的账号',
+      manageContributor: '质询人管理',
+    },
+    invitation: {
+      title: '调查团邀请',
+      accept: '接受邀请',
+      decline: '拒绝邀请',
+      unavailable: '邀请已失效或当前账号无权查看。',
+    },
     title: '民主墙',
     subtitle: '公开、质询与可追溯的社区议事',
     eyebrow: 'COMMUNITY GOVERNANCE',
@@ -237,6 +253,7 @@ export default {
     kinds: {
       case: '卷宗',
       proposal: '议案',
+      suggestion: '提议',
     },
     status: {
       open: '进行中',
@@ -247,19 +264,32 @@ export default {
     metrics: '卷宗数据',
     actions: {
       view: '查看详情',
-      question: '参与质询',
     },
     create: {
       formalAction: '发起事务',
       anonymousAction: '匿名提议',
       formalTitle: '发起社区事务',
       anonymousTitle: '提交匿名提议',
+      editTitle: '修改事务',
+      votingLocked: '投票已开始，发布者无法继续修改。具备特定开发权限的用户可修订标题和正文，投票选项、时间及已有票数保持不变。',
+      editAction: '修改事务内容',
       anonymousAuthor: '匿名提议者',
       anonymousNotice: '公开页面会隐藏你的账号身份，管理员仍可依照社区规则处理滥用行为。',
+      alias: '匿名化名',
+      aliasPlaceholder: '2–16 个字符，每人一个，可随时修改',
       formalDenied: '发起正式事务需要编辑或管理员权限。',
       loginRequired: '登录后的 Oldtimer 可以提交匿名提议。',
       anonymousDenied: '匿名提议仅向具备资格的 Oldtimer 开放；被撤销资格的账号无法提交。',
+      postingRevoked: '该账号的匿名发布权已被撤销，匿名提议与正式事务均无法提交。',
       kind: '事务分类',
+      participation: '参与方式',
+      consultation: '意见征集',
+      vote: '投票',
+      anonymousConsultationOnly: '匿名提议仅可进行意见征集，不开放投票流程。',
+      votePlanTitle: '定时投票',
+      votePlanNotice: '投票开始前，详情页持续开放质询；到达开始时间后自动展示投票。',
+      voteStart: '投票开始时间',
+      loadFailed: '读取待修改事务失败或当前账号无修改权限',
       subject: '标题',
       subjectPlaceholder: '用一句话概括需要社区讨论的事项',
       description: '事实与建议',
@@ -268,26 +298,117 @@ export default {
       success: '事务已提交',
       failed: '提交失败，请稍后再试',
     },
+    moderation: {
+      title: '权限演示：后台身份追溯',
+      trace: '仅有权限的管理人员可见真实账号：{id}',
+      revoke: '禁止该账号继续匿名发布',
+      restore: '恢复该账号匿名发布权',
+    },
+    management: {
+      title: '事务管理与审计',
+      notice: '敏感操作必须填写理由，并由服务端写入追加式审计记录。',
+      reasonPlaceholder: '填写追溯、封禁、披露或删除的具体理由（至少 6 个字符）',
+      identityTitle: '匿名身份管理',
+      trace: '授权追溯发布者',
+      revoke: '撤销发布权',
+      restore: '恢复发布权',
+      alias: '公开化名',
+      account: '真实账号',
+      warnAccount: '警告实名账号',
+      banAccount: '封禁实名账号',
+      unbanAccount: '解除账号封禁',
+      accountStatus: '账号状态',
+      accountBanned: '已封禁',
+      accountActive: '正常',
+      publishingStatus: '民主墙发布权',
+      publishingRevoked: '已撤销',
+      publishingActive: '正常',
+      contentActions: '事务处置',
+      deleteMatter: '删除事务',
+      deleteNotice: '删除后将从公开区域下架，后台继续保留审计和申诉记录。',
+      deleteConfirm: '确认删除该事务？公开内容会立即下架。',
+      confirmDelete: '确认删除',
+      deleted: '事务已删除并保留审计记录',
+      investigationTitle: '调查团邀请',
+      investigationNotice: '仅管理监察事务可邀请成员；对方接受后才会加入调查团。',
+      invitePlaceholder: '输入 24 位用户 ID 或资料页链接',
+      inviteAction: '发送邀请',
+      inviteSent: '调查团邀请已发送',
+      investigationEmpty: '暂无调查团邀请',
+      invitePending: '等待接受',
+      inviteAccepted: '已加入',
+      inviteDeclined: '已拒绝',
+      workflowTitle: '事务阶段',
+      targetPlaceholder: '选择下一阶段',
+      voteOptions: '投票选项',
+      optionPlaceholder: '选项 {number}',
+      removeOption: '删除选项 {number}',
+      addOption: '添加选项',
+      optionLimit: '至少填写 2 项，最多 {max} 项。',
+      voteDeadline: '投票截止时间',
+      multiple: '允许多选',
+      createVote: '创建投票并进入投票阶段',
+      transition: '确认阶段变更',
+      auditTitle: '审计记录',
+      refreshAudit: '刷新',
+      noAudit: '暂无审计记录',
+      saved: '管理操作已保存',
+      failed: '管理操作失败，请检查权限或阶段状态',
+      stages: {
+        PendingReview: '待审核',
+        Questions: '建议收集与质询',
+        Voting: '投票中',
+        Resolved: '已决议',
+        Archived: '已归档',
+        Rejected: '已驳回',
+      },
+    },
+    report: {
+      action: '举报事务',
+      title: '举报民主墙事务',
+      notice: '举报会提交给具备民主墙审核权限的人员，并保留处理记录。',
+      placeholder: '说明具体内容、位置和可能造成的影响（至少 10 个字符）',
+      cancel: '取消',
+      submit: '提交举报',
+      success: '举报已提交',
+      failed: '举报提交失败',
+      categories: {
+        Harassment: '骚扰或攻击',
+        Privacy: '隐私泄露',
+        Misinformation: '事实不实',
+        Other: '其他',
+      },
+    },
     matter: {
       title: '事务详情',
       overview: '事务概要',
-      questionsStage: '1. 质询建言阶段',
+      questionsStage: '1. 建议收集与质询',
       voteStage: '2. 投票阶段',
-      suggestTitle: '社区质询与建言',
-      suggestPlaceholder: '提出事实质询、修改建议或需要补充的依据',
+      suggestTitle: '建议收集与质询',
+      suggestPlaceholder: '提出建议、事实质询或需要补充的依据',
       submitSuggestion: '提交建言',
+      noContributions: '暂无建议或质询',
+      contributionLoadFailed: '建议与质询加载失败',
+      contributionSubmitFailed: '发送失败，请稍后再试',
       readOnly: '历史记录只读',
       noVotes: '该事务暂未进入投票阶段',
+      voteScheduled: '质询进行中，投票将于 {date} 自动开放。',
     },
     untitled: '未命名议题',
     empty: '当前分类暂无公开内容',
     loadFailed: '读取民主墙内容失败',
     retry: '重试',
+    release: {
+      readOnly: '民主墙当前处于只读灰度阶段，发帖和管理操作暂未开放。',
+      checkingAccess: '正在向服务器核验匿名发布权限…',
+      accessFailed: '暂时无法确认发布权限，请稍后重试。',
+    },
     vote: {
       sectionTitle: '匿名投票与社区决议',
       anonymous: '匿名投票',
       single: '单选',
       multiple: '多选',
+      finished: '投票已结束',
       option: '选项 {number}',
       cast: '选择此项',
       loginOrIneligible: '登录后可查看投票资格',
@@ -302,6 +423,8 @@ export default {
       title: '当前使用本地演示数据',
       description: '卷宗、议案和投票均在浏览器内运行，不会提交到服务器。',
       reset: '重置投票',
+      switchToAdmin: '进入管理视角',
+      switchToUser: '返回普通用户视角',
       detailTitle: '公开卷宗',
       rule: '条例依据',
       confirmedFacts: '已确认事实',
diff --git a/src/router/index.ts b/src/router/index.ts
index 630e1a6c..93a7a72f 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,5 +1,9 @@
 import { createRouter, createWebHashHistory, type RouteRecordRaw } from 'vue-router'
 import Home from '../views/Home.vue'
+import { isDemocracyWallVisible, isDemocracyWallWritable } from '@services/democracyWallFeature'
+
+const democracyVisibleGuard = () => (isDemocracyWallVisible() ? true : { name: 'Home' })
+const democracyWritableGuard = () => (isDemocracyWallWritable() ? true : { name: 'democracy' })
 
 const routes: RouteRecordRaw[] = [
   {
@@ -24,18 +28,21 @@ const routes: RouteRecordRaw[] = [
     path: '/d',
     name: 'democracy',
     component: () => import('../views/DemocracyWall.vue'),
+    beforeEnter: democracyVisibleGuard,
     meta: { keepAlive: true },
   },
   {
     path: '/d/matter/:id',
     name: 'democracy-matter-detail',
     component: () => import('../views/DemocracyDemoDetail.vue'),
+    beforeEnter: democracyVisibleGuard,
     meta: { keepAlive: false },
   },
   {
     path: '/d/new',
     name: 'democracy-matter-create',
     component: () => import('../views/DemocracyMatterCreate.vue'),
+    beforeEnter: democracyWritableGuard,
     meta: { keepAlive: false },
   },
   {
diff --git a/src/services/api/types.ts b/src/services/api/types.ts
index 72d12be6..e661fa80 100644
--- a/src/services/api/types.ts
+++ b/src/services/api/types.ts
@@ -5,8 +5,32 @@ import type {
   ParamOf,
   ResultOf,
 } from '../../pl-serve-type-main/type/main.ts'
+import type { DemocracyApi } from '@services/democracyWallContract'
 
 export interface PathMap {
+  '/Democracy/GetContext': DemocracyApi['GetContext']
+  '/Democracy/QueryMatters': DemocracyApi['QueryMatters']
+  '/Democracy/GetMatter': DemocracyApi['GetMatter']
+  '/Democracy/SubmitMatter': DemocracyApi['SubmitMatter']
+  '/Democracy/UpdateMatter': DemocracyApi['UpdateMatter']
+  '/Democracy/ModeratePublisher': DemocracyApi['ModeratePublisher']
+  '/Democracy/ModerateAccount': DemocracyApi['ModerateAccount']
+  '/Democracy/DeleteMatter': DemocracyApi['DeleteMatter']
+  '/Democracy/TracePublisher': DemocracyApi['TracePublisher']
+  '/Democracy/TraceContribution': DemocracyApi['TraceContribution']
+  '/Democracy/DiscloseContribution': DemocracyApi['DiscloseContribution']
+  '/Democracy/ModerateContributionAuthor': DemocracyApi['ModerateContributionAuthor']
+  '/Democracy/QueryAudit': DemocracyApi['QueryAudit']
+  '/Democracy/QueryInvestigationTeam': DemocracyApi['QueryInvestigationTeam']
+  '/Democracy/InviteInvestigator': DemocracyApi['InviteInvestigator']
+  '/Democracy/GetInvestigationInvite': DemocracyApi['GetInvestigationInvite']
+  '/Democracy/RespondInvestigationInvite': DemocracyApi['RespondInvestigationInvite']
+  '/Democracy/QueryContributions': DemocracyApi['QueryContributions']
+  '/Democracy/SubmitContribution': DemocracyApi['SubmitContribution']
+  '/Democracy/ReportMatter': DemocracyApi['ReportMatter']
+  '/Democracy/TransitionMatter': DemocracyApi['TransitionMatter']
+  '/Democracy/CreateVote': DemocracyApi['CreateVote']
+
   '/Users/Authenticate': Users['Authenticate']
   '/Users/GetUser': Users['GetUser']
   '/Users/ModifyInformation': Users['ModifyInformation']
diff --git a/src/services/democracyContributionModeration.ts b/src/services/democracyContributionModeration.ts
new file mode 100644
index 00000000..a7b60174
--- /dev/null
+++ b/src/services/democracyContributionModeration.ts
@@ -0,0 +1,62 @@
+import { getData } from '@api/getData'
+import { requireDemocracyDeveloperAccess } from './democracyWall'
+import { validateDemocracyBanDays } from './democracyModerationRules'
+import {
+  isDemocracyDemoMode,
+  traceDemocracyDemoContribution,
+  moderateDemocracyDemoContributor,
+  discloseDemocracyDemoContribution,
+} from './democracyWallDemo'
+import type { DemocracyAccountAction } from './democracyWallContract'
+
+export async function traceContribution(matterId: string, contributionId: string, reason: string) {
+  await requireDemocracyDeveloperAccess()
+  if (isDemocracyDemoMode()) return traceDemocracyDemoContribution(matterId, contributionId, reason)
+  const result = await getData('/Democracy/TraceContribution', {
+    MatterID: matterId,
+    ContributionID: contributionId,
+    Reason: reason,
+    Notify: false,
+  })
+  if (result.Status !== 200 || !result.Data) throw new Error(result.Message)
+  return result.Data
+}
+
+export async function moderateContributor(
+  matterId: string,
+  contributionId: string,
+  action: DemocracyAccountAction,
+  reason: string,
+  days?: number,
+) {
+  await requireDemocracyDeveloperAccess()
+  if (action === 'Ban') validateDemocracyBanDays(days)
+  if (isDemocracyDemoMode())
+    return moderateDemocracyDemoContributor(matterId, contributionId, action, reason, days)
+  const result = await getData('/Democracy/ModerateContributionAuthor', {
+    MatterID: matterId,
+    ContributionID: contributionId,
+    Action: action,
+    Reason: reason,
+    BanDays: action === 'Ban' ? days : undefined,
+  })
+  if (result.Status !== 200 || !result.Data) throw new Error(result.Message)
+  return result.Data
+}
+
+export async function discloseContribution(
+  matterId: string,
+  contributionId: string,
+  reason: string,
+) {
+  await requireDemocracyDeveloperAccess()
+  if (isDemocracyDemoMode())
+    return discloseDemocracyDemoContribution(matterId, contributionId, reason)
+  const result = await getData('/Democracy/DiscloseContribution', {
+    MatterID: matterId,
+    ContributionID: contributionId,
+    Reason: reason,
+  })
+  if (result.Status !== 200 || !result.Data) throw new Error(result.Message)
+  return result.Data
+}
diff --git a/src/services/democracyInvitations.ts b/src/services/democracyInvitations.ts
new file mode 100644
index 00000000..37a03180
--- /dev/null
+++ b/src/services/democracyInvitations.ts
@@ -0,0 +1,35 @@
+import { getData } from '@api/getData'
+import { isDemocracyWallWritable } from './democracyWallFeature'
+import {
+  getDemocracyDemoInvitation,
+  isDemocracyDemoMode,
+  respondDemocracyDemoInvitation,
+} from './democracyWallDemo'
+
+export async function fetchInvestigationInvitation(matterId: string, inviteId: string) {
+  if (isDemocracyDemoMode()) return getDemocracyDemoInvitation(matterId, inviteId)
+  const result = await getData('/Democracy/GetInvestigationInvite', {
+    MatterID: matterId,
+    InviteID: inviteId,
+  })
+  if (result.Status !== 200 || !result.Data)
+    throw new Error(result.Message || String(result.Status))
+  return result.Data
+}
+
+export async function respondInvestigationInvitation(
+  matterId: string,
+  inviteId: string,
+  decision: 'Accepted' | 'Declined',
+) {
+  if (!isDemocracyWallWritable()) throw new Error('feature-read-only')
+  if (isDemocracyDemoMode()) return respondDemocracyDemoInvitation(matterId, inviteId, decision)
+  const result = await getData('/Democracy/RespondInvestigationInvite', {
+    MatterID: matterId,
+    InviteID: inviteId,
+    Decision: decision,
+  })
+  if (result.Status !== 200 || !result.Data)
+    throw new Error(result.Message || String(result.Status))
+  return result.Data
+}
diff --git a/src/services/democracyMatterState.ts b/src/services/democracyMatterState.ts
new file mode 100644
index 00000000..98e7dfc8
--- /dev/null
+++ b/src/services/democracyMatterState.ts
@@ -0,0 +1,23 @@
+import type { DemocracyMatterParticipation, DemocracyMatterStage } from './democracyWallContract'
+
+export function isDemocracyHistoryStage(stage: DemocracyMatterStage) {
+  return stage === 'Resolved' || stage === 'Archived' || stage === 'Rejected'
+}
+
+export function democracyTransitionTargets(
+  stage: DemocracyMatterStage,
+  participation: DemocracyMatterParticipation,
+): DemocracyMatterStage[] {
+  switch (stage) {
+    case 'PendingReview':
+      return ['Questions', 'Rejected']
+    case 'Questions':
+      return participation === 'Vote' ? ['Voting', 'Rejected'] : ['Resolved', 'Rejected']
+    case 'Voting':
+      return ['Resolved']
+    case 'Resolved':
+      return ['Archived']
+    default:
+      return []
+  }
+}
diff --git a/src/services/democracyModerationRules.ts b/src/services/democracyModerationRules.ts
new file mode 100644
index 00000000..5c1d56d8
--- /dev/null
+++ b/src/services/democracyModerationRules.ts
@@ -0,0 +1,10 @@
+export function validateDemocracyBanDays(days?: number): asserts days is number {
+  if (
+    !Number.isSafeInteger(days) ||
+    !days ||
+    days < 1 ||
+    !Number.isFinite(new Date(Date.now() + days * 86_400_000).getTime())
+  ) {
+    throw new Error('invalid-ban-days')
+  }
+}
diff --git a/src/services/democracyNotification.ts b/src/services/democracyNotification.ts
new file mode 100644
index 00000000..30a93ee8
--- /dev/null
+++ b/src/services/democracyNotification.ts
@@ -0,0 +1,24 @@
+import type { DemocracyMatterStage } from './democracyWallContract'
+
+const MATTER_ID = /^[a-f0-9]{24}$/i
+
+export function getDemocracyNotificationTarget(fields?: Record<string, unknown> | null) {
+  if (!fields) return null
+  const matterId = fields.DemocracyMatterID ?? fields.MatterID
+  if (typeof matterId !== 'string' || !MATTER_ID.test(matterId)) return null
+
+  const stage = fields.DemocracyStage as DemocracyMatterStage | undefined
+  const query = new URLSearchParams()
+  const inviteId = fields.DemocracyInviteID
+  if (
+    fields.DemocracyEvent === 'InvestigationInvite' &&
+    typeof inviteId === 'string' &&
+    /^[a-z0-9-]{1,80}$/i.test(inviteId)
+  ) {
+    query.set('invitation', inviteId)
+  }
+  if (stage === 'Voting') query.set('stage', 'vote')
+  if (stage === 'Resolved' || stage === 'Archived') query.set('scope', 'history')
+  const suffix = query.size ? `?${query.toString()}` : ''
+  return `/d/matter/${matterId}${suffix}`
+}
diff --git a/src/services/democracyVotes.ts b/src/services/democracyVotes.ts
new file mode 100644
index 00000000..92f05917
--- /dev/null
+++ b/src/services/democracyVotes.ts
@@ -0,0 +1,84 @@
+import { getData, login } from '@api/getData'
+import storageManager from '@storage/index'
+import {
+  castDemocracyDemoVote,
+  getDemocracyDemoSync,
+  isDemocracyDemoMode,
+} from './democracyWallDemo'
+import { isDemocracyWallWritable } from './democracyWallFeature'
+import type { Activity, ActivityStatus, Statistic, Sync } from '../pl-serve-type-main/type/main'
+
+export interface DemocracyVoteContext {
+  activities: Activity[]
+  statuses: ActivityStatus[]
+  statistic?: Statistic
+}
+
+function isVoteActivity(activity: Activity) {
+  return activity.InterfaceModel === 'Vote' || activity.InterfaceModel === 'Vote-Single'
+}
+
+export function getDemocracyMatterActivities(activities: Activity[], matterId: string) {
+  return activities.filter((activity) => {
+    const targets = [activity.InternalLink, activity.TargetLink, activity.TargetText]
+    return targets.some((target) => {
+      if (typeof target === 'string') return target.includes(matterId)
+      try {
+        return JSON.stringify(target).includes(matterId)
+      } catch {
+        return false
+      }
+    })
+  })
+}
+
+export async function fetchDemocracyVoteContext(): Promise<DemocracyVoteContext> {
+  if (isDemocracyDemoMode()) {
+    return mergeDemocracyVoteContext({ activities: [], statuses: [] }, getDemocracyDemoSync())
+  }
+
+  const auth = storageManager.getObj('userAuthInfo').value
+  const response =
+    auth?.token && auth.authCode
+      ? await login(auth.token, auth.authCode, true)
+      : await login(null, null)
+
+  if (response.Status !== 200) {
+    throw new Error(response.Message || String(response.Status))
+  }
+
+  const sync = response.Data
+  return mergeDemocracyVoteContext(
+    {
+      activities: [],
+      statuses: [],
+    },
+    sync,
+  )
+}
+
+export async function submitDemocracyVote(activity: Activity, index: number, statistic: Statistic) {
+  if (!isDemocracyWallWritable()) throw new Error('feature-read-only')
+  if (isDemocracyDemoMode()) {
+    return { Status: 200, Message: '', Data: castDemocracyDemoVote(activity, index) } as const
+  }
+
+  return getData('/Users/ReceiveBonus', {
+    ActivityID: activity.ID,
+    Index: index,
+    Statistic: statistic,
+  })
+}
+
+export function mergeDemocracyVoteContext(
+  current: DemocracyVoteContext,
+  sync?: Sync | null,
+): DemocracyVoteContext {
+  const activities = (sync?.Activities ?? current.activities).filter(isVoteActivity)
+  const statistic = sync?.Statistic ?? current.statistic
+  return {
+    activities,
+    statistic,
+    statuses: statistic?.Activities ?? current.statuses,
+  }
+}
diff --git a/src/services/democracyWall.ts b/src/services/democracyWall.ts
index 4d473725..75f278a4 100644
--- a/src/services/democracyWall.ts
+++ b/src/services/democracyWall.ts
@@ -1,60 +1,194 @@
-import { getData, login } from '@api/getData'
-import storageManager from '@storage/index'
+import { getData } from '@api/getData'
 import {
-  castDemocracyDemoVote,
+  createDemocracyDemoVote,
+  canEditDemocracyDemoMatter,
+  deleteDemocracyDemoMatter,
+  getDemocracyDemoAnonymousProfile,
+  getDemocracyDemoAudit,
+  getDemocracyDemoContributions,
+  getDemocracyDemoInvestigationTeam,
+  getDemocracyDemoMatterStage,
+  getDemocracyDemoMatterParticipation,
   getDemocracyDemoSummaries,
-  getDemocracyDemoSync,
+  getDemocracyDemoVotePlan,
+  moderateDemocracyDemoPublisher,
+  moderateDemocracyDemoAccount,
+  inviteDemocracyDemoInvestigator,
+  reportDemocracyDemoMatter,
+  traceDemocracyDemoPublisher,
+  transitionDemocracyDemoMatter,
+  isDemocracyDemoAnonymousPostingRevoked,
+  isDemocracyDemoAdminMode,
+  isDemocracyDemoDeveloperMode,
   isDemocracyDemoMode,
   submitDemocracyDemoMatter,
+  submitDemocracyDemoContribution,
+  updateDemocracyDemoMatter,
 } from './democracyWallDemo'
+import type { Activity, Summary } from '../pl-serve-type-main/type/main'
 import type {
-  Activity,
-  ActivityStatus,
-  Statistic,
-  Summary,
-  Sync,
-  UserInfo,
-} from '../pl-serve-type-main/type/main'
+  DemocracyContext,
+  DemocracyContribution,
+  DemocracyAccountAction,
+  DemocracyAuditEntry,
+  DemocracyInvestigationInvite,
+  DemocracyMatterScope,
+  DemocracyMatterParticipation,
+  DemocracyMatterStage,
+  DemocracyPublicMatter,
+  DemocracyPublisherTrace,
+  DemocracyReportCategory,
+  DemocracyVotePlan,
+} from './democracyWallContract'
+import { isDemocracyWallWritable } from './democracyWallFeature'
+import { isDemocracyHistoryStage } from './democracyMatterState'
+import { validateDemocracyBanDays } from './democracyModerationRules'
+
+function requireWritable() {
+  if (!isDemocracyWallWritable()) throw new Error('feature-read-only')
+}
+
+export async function requireDemocracyDeveloperAccess() {
+  requireWritable()
+  const context = await fetchDemocracyContext()
+  if (context.Permissions.CanDeveloperManage !== true) throw new Error('permission-denied')
+}
+
+async function collectPages<T>(load: (skip: number, take: number) => Promise<T[]>) {
+  const entries: T[] = []
+  const take = 50
+  for (;;) {
+    const page = await load(entries.length, take)
+    entries.push(...page)
+    if (page.length < take) return entries
+  }
+}
 
 export const DEMOCRACY_WALL_TAG = '民主墙'
 
 const CASE_TAGS = new Set(['公开卷宗', '调查卷宗', '公开案件', '管理监察'])
 const RESOLVED_TAGS = new Set(['已决议', '已归档'])
-const ANONYMOUS_SUGGESTION_REVOKED_USER_IDS = new Set(['5ea1934c8116c49429d3e405'])
-
 export type DemocracyEntryKind = 'case' | 'proposal'
 export type DemocracyEntryStatus = 'open' | 'resolved'
 
 export interface DemocracyEntry {
+  anonymousAuthor: boolean
   anonymousSuggestion: boolean
   kind: DemocracyEntryKind
   status: DemocracyEntryStatus
   summary: Summary
 }
 
-export interface DemocracyVoteContext {
-  activities: Activity[]
-  statuses: ActivityStatus[]
-  statistic?: Statistic
+export interface DemocracyMatterDetail {
+  canEdit: boolean
+  kind: DemocracyPublicMatter['Kind']
+  mode: DemocracyPublicMatter['Mode']
+  participation: DemocracyMatterParticipation
+  revision: string
+  stage: DemocracyMatterStage
+  summary: Summary
+  voteActivity?: Activity
+  votePlan?: DemocracyVotePlan
 }
 
 export interface DemocracyMatterInput {
   anonymous: boolean
+  anonymousAlias?: string
+  clientRequestId: string
   description: string
   kind: 'public' | 'oversight'
+  participation: DemocracyMatterParticipation
   subject: string
+  votePlan?: DemocracyVotePlan
+}
+
+export interface DemocracyMatterEditInput {
+  description: string
+  expectedRevision: string
+  matterId: string
+  participation: DemocracyMatterParticipation
+  subject: string
+  votePlan?: DemocracyVotePlan
+}
+
+export interface DemocracyCreationAccess {
+  anonymousAlias: string
+  canInitiate: boolean
+  canSuggestAnonymously: boolean
+}
+
+export interface DemocracyManagementAccess {
+  canModerate: boolean
+  canTransition: boolean
 }
 
-const INITIATOR_VERIFICATIONS = new Set(['Editor', 'Administrator'])
+export interface DemocracyVoteInput {
+  finishDate: string
+  matterId: string
+  multiple: boolean
+  options: string[]
+  reason: string
+}
+
+const NO_CREATION_ACCESS: DemocracyCreationAccess = {
+  anonymousAlias: '',
+  canInitiate: false,
+  canSuggestAnonymously: false,
+}
 
-export function getDemocracyCreationAccess() {
-  const user = storageManager.getObj('userInfo').value
+export function getDemocracyCreationAccess(): DemocracyCreationAccess {
+  if (isDemocracyDemoMode()) {
+    const demoPostingAllowed = !isDemocracyDemoAnonymousPostingRevoked()
+    return {
+      anonymousAlias: '',
+      canInitiate: demoPostingAllowed && isDemocracyDemoAdminMode(),
+      canSuggestAnonymously: demoPostingAllowed,
+    }
+  }
+  return NO_CREATION_ACCESS
+}
+
+export async function fetchDemocracyCreationAccess(): Promise<DemocracyCreationAccess> {
+  if (isDemocracyDemoMode()) return getDemocracyCreationAccess()
+  if (!isDemocracyWallWritable()) return NO_CREATION_ACCESS
+
+  return toCreationAccess(await fetchDemocracyContext())
+}
+
+export async function fetchDemocracyContext(): Promise<DemocracyContext> {
+  if (isDemocracyDemoMode()) {
+    const profile = getDemocracyDemoAnonymousProfile()
+    const adminMode = isDemocracyDemoAdminMode()
+    const canPublish = !isDemocracyDemoAnonymousPostingRevoked()
+    return {
+      ApiVersion: 1,
+      Permissions: {
+        CanDeveloperManage: isDemocracyDemoDeveloperMode(),
+        CanContribute: canPublish,
+        CanInitiate: adminMode,
+        CanModerate: adminMode,
+        CanSuggest: canPublish,
+        CanTransition: adminMode,
+      },
+      Profile: {
+        Alias: profile.alias,
+        CanPublish: canPublish,
+        ModifiedAt: new Date().toISOString(),
+      },
+    }
+  }
+  const response = await getData('/Democracy/GetContext', {})
+  if (response.Status !== 200 || !response.Data) {
+    throw new Error(response.Message || String(response.Status))
+  }
+  return response.Data
+}
+
+function toCreationAccess(context: DemocracyContext): DemocracyCreationAccess {
   return {
-    canInitiate:
-      isDemocracyDemoMode() || INITIATOR_VERIFICATIONS.has(String(user?.Verification || '')),
-    canSuggestAnonymously:
-      isDemocracyDemoMode() ||
-      (user?.Verification === 'Oldtimer' && !ANONYMOUS_SUGGESTION_REVOKED_USER_IDS.has(user.ID)),
+    anonymousAlias: context.Profile?.Alias ?? '',
+    canInitiate: context.Profile?.CanPublish === true && context.Permissions.CanInitiate,
+    canSuggestAnonymously: context.Profile?.CanPublish === true && context.Permissions.CanSuggest,
   }
 }
 
@@ -62,9 +196,47 @@ function hasAnyTag(tags: string[], candidates: Set<string>) {
   return tags.some((tag) => candidates.has(tag))
 }
 
+function canSubmitMatter(access: DemocracyCreationAccess, anonymous: boolean) {
+  return anonymous ? access.canSuggestAnonymously : access.canInitiate
+}
+
+function normalizedParticipation(input: DemocracyMatterInput) {
+  return input.anonymous ? ('Consultation' as const) : input.participation
+}
+
+function requireVotePlan(
+  participation: DemocracyMatterParticipation,
+  votePlan?: DemocracyVotePlan,
+) {
+  if (participation === 'Vote' && !votePlan) throw new Error('vote-plan-required')
+}
+
+function buildMatterSubmission(input: DemocracyMatterInput, fallbackAlias: string) {
+  const participation = normalizedParticipation(input)
+  return {
+    Alias: input.anonymousAlias?.trim() || fallbackAlias,
+    ClientRequestID: input.clientRequestId,
+    Description: input.description.trim(),
+    Kind:
+      !input.anonymous && input.kind === 'oversight' ? ('Oversight' as const) : ('Public' as const),
+    Mode: input.anonymous ? ('Suggestion' as const) : ('Formal' as const),
+    Participation: participation,
+    Subject: input.subject.trim(),
+    VotePlan: participation === 'Vote' ? input.votePlan : undefined,
+  }
+}
+
+function participationFromMatter(matter: DemocracyPublicMatter): DemocracyMatterParticipation {
+  if (matter.Participation) return matter.Participation
+  return matter.VotePlan || matter.VoteActivity || matter.Stage === 'Voting'
+    ? 'Vote'
+    : 'Consultation'
+}
+
 export function toDemocracyEntry(summary: Summary): DemocracyEntry {
   const tags = summary.Tags ?? []
   return {
+    anonymousAuthor: true,
     anonymousSuggestion: tags.includes('匿名提议'),
     kind: hasAnyTag(tags, CASE_TAGS) ? 'case' : 'proposal',
     status: hasAnyTag(tags, RESOLVED_TAGS) ? 'resolved' : 'open',
@@ -72,33 +244,64 @@ export function toDemocracyEntry(summary: Summary): DemocracyEntry {
   }
 }
 
-async function queryDemocracySummaries(tags: string[], take: number) {
-  const response = await getData('/Contents/QueryExperiments', {
-    Query: {
-      Category: 'Discussion',
-      Languages: [],
-      ExcludeLanguages: [],
-      Tags: tags,
-      ModelTags: [],
-      ExcludeTags: [],
-      ModelID: undefined,
-      ParentID: undefined,
-      UserID: undefined,
-      Special: undefined,
-      From: undefined,
-      Skip: 0,
+function normalizePublicMatter(matter: DemocracyPublicMatter): Summary {
+  const reservedTags = new Set([
+    '匿名提议',
+    '公共议案',
+    '管理监察',
+    '待审核',
+    '待质询',
+    '匿名投票',
+    '已决议',
+    '已归档',
+    '意见征集',
+    '投票事务',
+  ])
+  const stageTags: Partial<Record<DemocracyPublicMatter['Stage'], string[]>> = {
+    PendingReview: ['待审核'],
+    Questions: ['待质询'],
+    Voting: ['匿名投票'],
+    Resolved: ['已决议'],
+    Archived: ['已决议', '已归档'],
+  }
+  return {
+    ...matter.Summary,
+    Tags: [
+      DEMOCRACY_WALL_TAG,
+      ...(matter.Summary.Tags ?? []).filter(
+        (tag) => tag !== DEMOCRACY_WALL_TAG && !reservedTags.has(tag),
+      ),
+      ...(matter.Mode === 'Suggestion' ? ['匿名提议'] : []),
+      ...(matter.Participation === 'Vote' ? ['投票事务'] : ['意见征集']),
+      ...(matter.Mode === 'Formal' ? [matter.Kind === 'Oversight' ? '管理监察' : '公共议案'] : []),
+      ...(stageTags[matter.Stage] ?? []),
+    ],
+  }
+}
+
+async function queryDemocracySummaries(scope: DemocracyMatterScope) {
+  const matters = await collectPages(async (skip, take) => {
+    const response = await getData('/Democracy/QueryMatters', {
+      Scope: scope,
+      Skip: skip,
       Take: take,
-      Days: 0,
-      Sort: 0,
-      ShowAnnouncement: true,
-    },
-  })
+    })
 
-  if (response.Status !== 200) {
-    throw new Error(response.Message || String(response.Status))
-  }
+    if (response.Status !== 200 || !response.Data) {
+      throw new Error(response.Message || String(response.Status))
+    }
 
-  return response.Data?.$values ?? []
+    return response.Data.Entries
+  })
+  return matters
+    .filter((matter) => matter.Stage !== 'Rejected')
+    .map((matter) => ({
+      anonymousAuthor: true,
+      anonymousSuggestion: matter.Mode === 'Suggestion',
+      kind: matter.Kind === 'Oversight' ? ('case' as const) : ('proposal' as const),
+      status: isDemocracyHistoryStage(matter.Stage) ? ('resolved' as const) : ('open' as const),
+      summary: normalizePublicMatter(matter),
+    }))
 }
 
 export async function fetchDemocracyEntries(): Promise<DemocracyEntry[]> {
@@ -108,9 +311,7 @@ export async function fetchDemocracyEntries(): Promise<DemocracyEntry[]> {
       .filter((entry) => entry.status === 'open')
   }
 
-  return (await queryDemocracySummaries([DEMOCRACY_WALL_TAG], 48))
-    .map(toDemocracyEntry)
-    .filter((entry) => entry.status === 'open')
+  return (await queryDemocracySummaries('Current')).filter((entry) => entry.status === 'open')
 }
 
 export async function fetchDemocracyHistoryEntries(): Promise<DemocracyEntry[]> {
@@ -120,161 +321,312 @@ export async function fetchDemocracyHistoryEntries(): Promise<DemocracyEntry[]>
       .filter((entry) => entry.status === 'resolved')
   }
 
-  const results = await Promise.allSettled([
-    queryDemocracySummaries([DEMOCRACY_WALL_TAG, '已归档'], 48),
-    queryDemocracySummaries([DEMOCRACY_WALL_TAG, '已决议'], 48),
-  ])
-  const summaries = results.flatMap((result) => (result.status === 'fulfilled' ? result.value : []))
-  const firstFailure = results.find(
-    (result): result is PromiseRejectedResult => result.status === 'rejected',
-  )
-  if (!summaries.length && firstFailure) {
-    throw firstFailure.reason
+  return (await queryDemocracySummaries('History')).filter((entry) => entry.status === 'resolved')
+}
+
+export async function submitDemocracyMatter(input: DemocracyMatterInput) {
+  requireVotePlan(normalizedParticipation(input), input.votePlan)
+  if (isDemocracyDemoMode()) return submitDemocracyDemoMatter(input)
+  if (!isDemocracyWallWritable()) throw new Error('feature-read-only')
+
+  const access = await fetchDemocracyCreationAccess()
+  if (!canSubmitMatter(access, input.anonymous)) {
+    throw new Error('permission-denied')
   }
 
-  return Array.from(new Map(summaries.map((summary) => [summary.ID, summary])).values())
-    .map(toDemocracyEntry)
-    .filter((entry) => entry.status === 'resolved')
+  const response = await getData(
+    '/Democracy/SubmitMatter',
+    buildMatterSubmission(input, access.anonymousAlias),
+  )
+  if (response.Status !== 200 || !response.Data) {
+    throw new Error(response.Message || String(response.Status))
+  }
+  return normalizePublicMatter(response.Data)
 }
 
-function createSubmissionSummary(
-  input: DemocracyMatterInput,
-  user: UserInfo,
-): Summary & {
-  Anonymous?: boolean
-} {
-  const timestamp = Date.now()
+export async function fetchDemocracyMatter(matterId: string) {
+  if (isDemocracyDemoMode()) {
+    const summary = getDemocracyDemoSummaries().find((item) => item.ID === matterId)
+    if (!summary) throw new Error('matter-not-found')
+    const tags = summary.Tags ?? []
+    return {
+      canEdit: canEditDemocracyDemoMatter(matterId),
+      kind: tags.includes('管理监察') ? 'Oversight' : 'Public',
+      mode: tags.includes('匿名提议') ? 'Suggestion' : 'Formal',
+      participation: getDemocracyDemoMatterParticipation(matterId),
+      revision: String(summary.UpdateDate),
+      stage: getDemocracyDemoMatterStage(matterId),
+      summary,
+      votePlan: getDemocracyDemoVotePlan(matterId),
+    } satisfies DemocracyMatterDetail
+  }
+  const response = await getData('/Democracy/GetMatter', { MatterID: matterId })
+  if (response.Status !== 200 || !response.Data) {
+    throw new Error(response.Message || String(response.Status))
+  }
   return {
-    $type: 'Quantum.Models.Contents.Summary, Quantum Models',
-    ID: '',
-    Tags: [
-      DEMOCRACY_WALL_TAG,
-      ...(input.anonymous ? ['匿名提议'] : []),
-      input.kind === 'oversight' ? '管理监察' : '公共议案',
-      input.anonymous ? '待审核' : '待质询',
-    ],
-    Type: 0,
-    User: {
-      ID: user.ID,
-      Nickname: user.Nickname,
-      Avatar: user.Avatar,
-      AvatarRegion: user.AvatarRegion,
-      Signature: user.Signature,
-      Decoration: user.Decoration,
-      Verification: user.Verification,
-    },
-    Image: 0,
-    Price: 0,
-    Stars: 0,
-    Visits: 0,
-    Remixes: 0,
+    canEdit: response.Data.CanEdit,
+    kind: response.Data.Kind,
+    mode: response.Data.Mode,
+    participation: participationFromMatter(response.Data),
+    revision: response.Data.Revision,
+    stage: response.Data.Stage,
+    summary: normalizePublicMatter(response.Data),
+    voteActivity: response.Data.VoteActivity,
+    votePlan: response.Data.VotePlan,
+  } satisfies DemocracyMatterDetail
+}
+
+async function prepareMatterEdit(input: DemocracyMatterEditInput) {
+  if (!isDemocracyWallWritable()) throw new Error('feature-read-only')
+  const current = await fetchDemocracyMatter(input.matterId)
+  if (!current.canEdit) throw new Error('permission-denied')
+  const votingStarted =
+    current.stage === 'Voting' ||
+    (current.votePlan && new Date(current.votePlan.StartAt).getTime() <= Date.now())
+  if (votingStarted || isDemocracyHistoryStage(current.stage)) {
+    await requireDemocracyDeveloperAccess()
+    input = { ...input, participation: current.participation, votePlan: current.votePlan }
+  }
+  return input
+}
+
+export async function updateDemocracyMatter(input: DemocracyMatterEditInput) {
+  input = await prepareMatterEdit(input)
+  requireVotePlan(input.participation, input.votePlan)
+  if (isDemocracyDemoMode()) {
+    return updateDemocracyDemoMatter(input.matterId, {
+      description: input.description,
+      subject: input.subject,
+      participation: input.participation,
+      votePlan: input.votePlan,
+    })
+  }
+  const response = await getData('/Democracy/UpdateMatter', {
+    Description: input.description.trim(),
+    ExpectedRevision: input.expectedRevision,
+    MatterID: input.matterId,
+    Participation: input.participation,
     Subject: input.subject.trim(),
-    Version: 1,
-    Category: 'Discussion',
-    Comments: 0,
-    Language: 'Chinese',
-    Supports: 0,
-    Coauthors: [],
-    Popularity: 0,
-    UpdateDate: timestamp,
-    Visibility: 0,
-    Description: input.description.trim().split('\n'),
-    ImageRegion: 0,
-    SortingDate: timestamp,
-    CreationDate: timestamp,
-    Multilingual: false,
-    Anonymous: input.anonymous,
+    VotePlan: input.participation === 'Vote' ? input.votePlan : undefined,
+  })
+  if (response.Status !== 200 || !response.Data) {
+    throw new Error(response.Message || String(response.Status))
   }
+  return normalizePublicMatter(response.Data)
 }
 
-export async function submitDemocracyMatter(input: DemocracyMatterInput) {
-  if (isDemocracyDemoMode()) return submitDemocracyDemoMatter(input)
+export async function traceDemocracyPublisher(matterId: string, reason: string) {
+  await requireDemocracyDeveloperAccess()
+  if (isDemocracyDemoMode()) return traceDemocracyDemoPublisher(matterId, reason)
+  const response = await getData('/Democracy/TracePublisher', {
+    Notify: false,
+    MatterID: matterId,
+    Reason: reason.trim(),
+  })
+  if (response.Status !== 200 || !response.Data) {
+    throw new Error(response.Message || String(response.Status))
+  }
+  return response.Data satisfies DemocracyPublisherTrace
+}
 
-  const user = storageManager.getObj('userInfo').value
-  if (!user?.ID) throw new Error('login-required')
-  const access = getDemocracyCreationAccess()
-  if (
-    (!input.anonymous && !access.canInitiate) ||
-    (input.anonymous && !access.canSuggestAnonymously)
-  ) {
-    throw new Error('permission-denied')
+export async function moderateDemocracyPublisher(
+  matterId: string,
+  revoked: boolean,
+  reason: string,
+) {
+  await requireDemocracyDeveloperAccess()
+  if (isDemocracyDemoMode()) {
+    return moderateDemocracyDemoPublisher(matterId, revoked, reason)
+  }
+  const response = await getData('/Democracy/ModeratePublisher', {
+    MatterID: matterId,
+    Reason: reason.trim(),
+    Revoked: revoked,
+  })
+  if (response.Status !== 200 || !response.Data) {
+    throw new Error(response.Message || String(response.Status))
   }
+  return response.Data
+}
 
-  const summary = createSubmissionSummary(input, user)
-  const response = await getData('/Contents/SubmitExperiment', {
-    Summary: summary,
-    Workspace: null,
-  } as never)
-  if (response.Status !== 200 || !response.Data?.Summary) {
+export async function moderateDemocracyAccount(
+  matterId: string,
+  action: DemocracyAccountAction,
+  reason: string,
+  banDays?: number,
+) {
+  await requireDemocracyDeveloperAccess()
+  if (action === 'Ban') validateDemocracyBanDays(banDays)
+  if (isDemocracyDemoMode()) {
+    return moderateDemocracyDemoAccount(matterId, action, reason, banDays)
+  }
+  const response = await getData('/Democracy/ModerateAccount', {
+    BanDays: action === 'Ban' ? banDays : undefined,
+    Action: action,
+    MatterID: matterId,
+    Reason: reason.trim(),
+  })
+  if (response.Status !== 200 || !response.Data) {
     throw new Error(response.Message || String(response.Status))
   }
-  return response.Data.Summary
+  return response.Data
 }
 
-function isVoteActivity(activity: Activity) {
-  return activity.InterfaceModel === 'Vote' || activity.InterfaceModel === 'Vote-Single'
+export async function deleteDemocracyMatter(matterId: string, reason: string) {
+  await requireDemocracyDeveloperAccess()
+  if (isDemocracyDemoMode()) return deleteDemocracyDemoMatter(matterId, reason)
+  const response = await getData('/Democracy/DeleteMatter', {
+    MatterID: matterId,
+    Reason: reason.trim(),
+  })
+  if (response.Status !== 200 || !response.Data) {
+    throw new Error(response.Message || String(response.Status))
+  }
+  return response.Data
 }
 
-export function getDemocracyMatterActivities(activities: Activity[], matterId: string) {
-  return activities.filter((activity) => {
-    const targets = [activity.InternalLink, activity.TargetLink, activity.TargetText]
-    return targets.some((target) => {
-      if (typeof target === 'string') return target.includes(matterId)
-      try {
-        return JSON.stringify(target).includes(matterId)
-      } catch {
-        return false
-      }
+export async function fetchDemocracyAudit(matterId: string): Promise<DemocracyAuditEntry[]> {
+  await requireDemocracyDeveloperAccess()
+  if (isDemocracyDemoMode()) return getDemocracyDemoAudit(matterId)
+  const response = await getData('/Democracy/QueryAudit', { MatterID: matterId })
+  if (response.Status !== 200 || !response.Data) {
+    throw new Error(response.Message || String(response.Status))
+  }
+  return response.Data.Entries
+}
+
+export async function fetchDemocracyContributions(
+  matterId: string,
+): Promise<DemocracyContribution[]> {
+  if (isDemocracyDemoMode()) return getDemocracyDemoContributions(matterId)
+  return collectPages(async (skip, take) => {
+    const response = await getData('/Democracy/QueryContributions', {
+      MatterID: matterId,
+      Skip: skip,
+      Take: take,
     })
+    if (response.Status !== 200 || !response.Data) {
+      throw new Error(response.Message || String(response.Status))
+    }
+    return response.Data.Entries
   })
 }
 
-export async function fetchDemocracyVoteContext(): Promise<DemocracyVoteContext> {
-  if (isDemocracyDemoMode()) {
-    return mergeDemocracyVoteContext({ activities: [], statuses: [] }, getDemocracyDemoSync())
+export async function submitDemocracyContribution(
+  matterId: string,
+  content: string,
+  clientRequestId = crypto.randomUUID(),
+) {
+  requireWritable()
+  if (isDemocracyDemoMode()) return submitDemocracyDemoContribution(matterId, content)
+  const response = await getData('/Democracy/SubmitContribution', {
+    ClientRequestID: clientRequestId,
+    Content: content.trim(),
+    MatterID: matterId,
+  })
+  if (response.Status !== 200 || !response.Data) {
+    throw new Error(response.Message || String(response.Status))
   }
+  return response.Data
+}
 
-  const auth = storageManager.getObj('userAuthInfo').value
-  const response =
-    auth?.token && auth.authCode
-      ? await login(auth.token, auth.authCode, true)
-      : await login(null, null)
-
-  if (response.Status !== 200) {
+export async function fetchDemocracyInvestigationTeam(
+  matterId: string,
+): Promise<DemocracyInvestigationInvite[]> {
+  if (isDemocracyDemoMode()) return getDemocracyDemoInvestigationTeam(matterId)
+  const response = await getData('/Democracy/QueryInvestigationTeam', { MatterID: matterId })
+  if (response.Status !== 200 || !response.Data) {
     throw new Error(response.Message || String(response.Status))
   }
+  return response.Data.Entries
+}
 
-  const sync = response.Data
-  return mergeDemocracyVoteContext(
-    {
-      activities: [],
-      statuses: [],
-    },
-    sync,
-  )
+export async function inviteDemocracyInvestigator(
+  matterId: string,
+  userId: string,
+  reason: string,
+) {
+  requireWritable()
+  if (isDemocracyDemoMode()) {
+    return inviteDemocracyDemoInvestigator(matterId, userId, reason)
+  }
+  const response = await getData('/Democracy/InviteInvestigator', {
+    MatterID: matterId,
+    Reason: reason.trim(),
+    UserID: userId,
+  })
+  if (response.Status !== 200 || !response.Data) {
+    throw new Error(response.Message || String(response.Status))
+  }
+  return response.Data
 }
 
-export async function submitDemocracyVote(activity: Activity, index: number, statistic: Statistic) {
+export async function transitionDemocracyMatter(
+  matterId: string,
+  expectedStage: DemocracyMatterStage,
+  targetStage: DemocracyMatterStage,
+  reason: string,
+) {
+  requireWritable()
   if (isDemocracyDemoMode()) {
-    return { Status: 200, Message: '', Data: castDemocracyDemoVote(activity, index) } as const
+    transitionDemocracyDemoMatter(matterId, expectedStage, targetStage, reason)
+    return
   }
+  const response = await getData('/Democracy/TransitionMatter', {
+    ExpectedStage: expectedStage,
+    MatterID: matterId,
+    Reason: reason.trim(),
+    TargetStage: targetStage,
+  })
+  if (response.Status !== 200 || !response.Data) {
+    throw new Error(response.Message || String(response.Status))
+  }
+}
 
-  return getData('/Users/ReceiveBonus', {
-    ActivityID: activity.ID,
-    Index: index,
-    Statistic: statistic,
+export async function createDemocracyVote(input: DemocracyVoteInput) {
+  requireWritable()
+  if (isDemocracyDemoMode()) {
+    return createDemocracyDemoVote(input)
+  }
+  const response = await getData('/Democracy/CreateVote', {
+    ExpectedStage: 'Questions',
+    FinishDate: input.finishDate,
+    MatterID: input.matterId,
+    Multiple: input.multiple,
+    Options: input.options.map((option) => option.trim()).filter(Boolean),
+    Reason: input.reason.trim(),
   })
+  if (response.Status !== 200 || !response.Data) {
+    throw new Error(response.Message || String(response.Status))
+  }
+  return response.Data
 }
 
-export function mergeDemocracyVoteContext(
-  current: DemocracyVoteContext,
-  sync?: Sync | null,
-): DemocracyVoteContext {
-  const activities = (sync?.Activities ?? current.activities).filter(isVoteActivity)
-  const statistic = sync?.Statistic ?? current.statistic
-  return {
-    activities,
-    statistic,
-    statuses: statistic?.Activities ?? current.statuses,
+export async function reportDemocracyMatter(
+  matterId: string,
+  category: DemocracyReportCategory,
+  details: string,
+  clientRequestId = crypto.randomUUID(),
+) {
+  requireWritable()
+  if (isDemocracyDemoMode()) return reportDemocracyDemoMatter(matterId, category, details)
+  const response = await getData('/Democracy/ReportMatter', {
+    Category: category,
+    ClientRequestID: clientRequestId,
+    Details: details.trim(),
+    MatterID: matterId,
+  })
+  if (response.Status !== 200 || !response.Data) {
+    throw new Error(response.Message || String(response.Status))
   }
+  return response.Data
 }
+
+export {
+  fetchDemocracyVoteContext,
+  getDemocracyMatterActivities,
+  mergeDemocracyVoteContext,
+  submitDemocracyVote,
+  type DemocracyVoteContext,
+} from './democracyVotes'
diff --git a/src/services/democracyWallContract.ts b/src/services/democracyWallContract.ts
new file mode 100644
index 00000000..6615db69
--- /dev/null
+++ b/src/services/democracyWallContract.ts
@@ -0,0 +1,222 @@
+import type { Activity, ContentSubmitSummary, ID, Result } from '../pl-serve-type-main/type/main'
+
+export type DemocracyMatterKind = 'Public' | 'Oversight'
+export type DemocracyMatterMode = 'Formal' | 'Suggestion'
+export type DemocracyMatterParticipation = 'Consultation' | 'Vote'
+export type DemocracyMatterScope = 'Current' | 'History'
+export type DemocracyMatterStage =
+  'PendingReview' | 'Questions' | 'Voting' | 'Resolved' | 'Archived' | 'Rejected'
+
+export interface DemocracyAnonymousProfile {
+  Alias: string
+  CanPublish: boolean
+  ModifiedAt: string
+}
+
+export interface DemocracyPermissions {
+  CanDeveloperManage?: boolean
+  CanContribute: boolean
+  CanInitiate: boolean
+  CanModerate: boolean
+  CanSuggest: boolean
+  CanTransition: boolean
+}
+
+export interface DemocracyContext {
+  ApiVersion: 1
+  Permissions: DemocracyPermissions
+  Profile: DemocracyAnonymousProfile | null
+}
+
+export interface DemocracyPublicMatter {
+  CanEdit: boolean
+  Kind: DemocracyMatterKind
+  Mode: DemocracyMatterMode
+  Participation: DemocracyMatterParticipation
+  Revision: string
+  Stage: DemocracyMatterStage
+  Summary: ContentSubmitSummary
+  VoteActivity?: Activity
+  VotePlan?: DemocracyVotePlan
+}
+
+export interface DemocracyVotePlan {
+  FinishAt: string
+  Multiple: boolean
+  Options: string[]
+  StartAt: string
+}
+
+export type DemocracyInvestigationInviteStatus = 'Accepted' | 'Declined' | 'Pending'
+
+export interface DemocracyInvestigationInvite {
+  CreatedAt: string
+  ID: string
+  Nickname: string
+  Status: DemocracyInvestigationInviteStatus
+  UserID: ID
+}
+
+export type DemocracyReceivedInvitation = Pick<
+  DemocracyInvestigationInvite,
+  'ID' | 'Status' | 'CreatedAt'
+>
+
+export interface DemocracyContribution {
+  Disclosure?: { UserID: ID; Reason: string; DisclosedAt: string }
+  AuthorAlias: string
+  AuthorPosition: string
+  Content: string
+  CreatedAt: string
+  ID: string
+}
+
+export type DemocracyAuditAction =
+  | 'Create'
+  | 'Edit'
+  | 'TracePublisher'
+  | 'TraceContribution'
+  | 'DiscloseContribution'
+  | 'RevokePublisher'
+  | 'RestorePublisher'
+  | 'Transition'
+  | 'CreateVote'
+  | 'InviteInvestigator'
+  | 'RespondInvestigationInvite'
+  | 'DeleteMatter'
+  | 'WarnAccount'
+  | 'BanAccount'
+  | 'UnbanAccount'
+  | 'Report'
+
+export type DemocracyReportCategory = 'Harassment' | 'Privacy' | 'Misinformation' | 'Other'
+
+export interface DemocracyAuditEntry {
+  Action: DemocracyAuditAction
+  ActorAlias: string
+  CreatedAt: string
+  Details: string
+  ID: string
+}
+
+export interface DemocracyPublisherTrace {
+  BannedUntil?: string
+  Alias: string
+  Banned: boolean
+  CanPublish: boolean
+  PublishingRevoked: boolean
+  UserID: ID
+}
+
+export type DemocracyAccountAction = 'Warn' | 'Ban' | 'Unban'
+
+export interface DemocracyApi {
+  TraceContribution(q: {
+    MatterID: ID
+    ContributionID: string
+    Reason: string
+    Notify: false
+  }): Promise<Result<DemocracyPublisherTrace>>
+  DiscloseContribution(q: {
+    MatterID: ID
+    ContributionID: string
+    Reason: string
+  }): Promise<Result<DemocracyContribution>>
+  ModerateContributionAuthor(q: {
+    MatterID: ID
+    ContributionID: string
+    Action: DemocracyAccountAction
+    Reason: string
+    BanDays?: number
+  }): Promise<Result<{ Banned: boolean; CanPublish: boolean; BannedUntil?: string }>>
+  GetInvestigationInvite(q: {
+    MatterID: ID
+    InviteID: string
+  }): Promise<Result<DemocracyReceivedInvitation>>
+  RespondInvestigationInvite(q: {
+    MatterID: ID
+    InviteID: string
+    Decision: 'Accepted' | 'Declined'
+  }): Promise<Result<DemocracyReceivedInvitation>>
+  GetContext(q: Record<string, never>): Promise<Result<DemocracyContext>>
+  QueryMatters(q: {
+    Scope: DemocracyMatterScope
+    Skip: number
+    Take: number
+  }): Promise<Result<{ Entries: DemocracyPublicMatter[] }>>
+  GetMatter(q: { MatterID: ID }): Promise<Result<DemocracyPublicMatter>>
+  SubmitMatter(q: {
+    Alias: string
+    ClientRequestID: string
+    Description: string
+    Kind: DemocracyMatterKind
+    Mode: DemocracyMatterMode
+    Participation: DemocracyMatterParticipation
+    Subject: string
+    VotePlan?: DemocracyVotePlan
+  }): Promise<Result<DemocracyPublicMatter>>
+  UpdateMatter(q: {
+    Description: string
+    ExpectedRevision: string
+    MatterID: ID
+    Participation: DemocracyMatterParticipation
+    Subject: string
+    VotePlan?: DemocracyVotePlan
+  }): Promise<Result<DemocracyPublicMatter>>
+  ModeratePublisher(q: {
+    MatterID: ID
+    Reason: string
+    Revoked: boolean
+  }): Promise<Result<{ CanPublish: boolean; Revoked: boolean }>>
+  ModerateAccount(q: {
+    BanDays?: number
+    Action: DemocracyAccountAction
+    MatterID: ID
+    Reason: string
+  }): Promise<Result<{ Banned: boolean; CanPublish: boolean; BannedUntil?: string }>>
+  DeleteMatter(q: { MatterID: ID; Reason: string }): Promise<Result<{ Deleted: boolean }>>
+  TracePublisher(q: {
+    MatterID: ID
+    Reason: string
+    Notify: false
+  }): Promise<Result<DemocracyPublisherTrace>>
+  QueryAudit(q: { MatterID: ID }): Promise<Result<{ Entries: DemocracyAuditEntry[] }>>
+  QueryInvestigationTeam(q: {
+    MatterID: ID
+  }): Promise<Result<{ Entries: DemocracyInvestigationInvite[] }>>
+  InviteInvestigator(q: {
+    MatterID: ID
+    Reason: string
+    UserID: ID
+  }): Promise<Result<DemocracyInvestigationInvite>>
+  QueryContributions(q: {
+    MatterID: ID
+    Skip: number
+    Take: number
+  }): Promise<Result<{ Entries: DemocracyContribution[] }>>
+  SubmitContribution(q: {
+    ClientRequestID: string
+    Content: string
+    MatterID: ID
+  }): Promise<Result<DemocracyContribution>>
+  ReportMatter(q: {
+    Category: DemocracyReportCategory
+    ClientRequestID: string
+    Details: string
+    MatterID: ID
+  }): Promise<Result<{ Accepted: boolean }>>
+  TransitionMatter(q: {
+    ExpectedStage: DemocracyMatterStage
+    MatterID: ID
+    Reason: string
+    TargetStage: DemocracyMatterStage
+  }): Promise<Result<DemocracyPublicMatter>>
+  CreateVote(q: {
+    ExpectedStage: DemocracyMatterStage
+    FinishDate: string
+    MatterID: ID
+    Multiple: boolean
+    Options: string[]
+    Reason: string
+  }): Promise<Result<DemocracyPublicMatter>>
+}
diff --git a/src/services/democracyWallDemo.ts b/src/services/democracyWallDemo.ts
index 4adecaa9..77c88cea 100644
--- a/src/services/democracyWallDemo.ts
+++ b/src/services/democracyWallDemo.ts
@@ -1,15 +1,70 @@
 import type {
   Activity,
   ActivityStatus,
+  ContentSubmitSummary,
   Statistic,
   Summary,
   Sync,
 } from '../pl-serve-type-main/type/main'
+import type {
+  DemocracyAccountAction,
+  DemocracyAuditEntry,
+  DemocracyContribution,
+  DemocracyInvestigationInvite,
+  DemocracyMatterParticipation,
+  DemocracyMatterStage,
+  DemocracyReportCategory,
+  DemocracyVotePlan,
+} from './democracyWallContract'
+import { democracyTransitionTargets } from './democracyMatterState'
+import { validateDemocracyBanDays } from './democracyModerationRules'
 
 export const DEMOCRACY_DEMO_QUERY = 'demo=1'
+export const DEMOCRACY_DEMO_ADMIN_QUERY = 'admin=1'
 const DEMO_VOTE_KEY = 'plweb2.democracy.demoVotes'
 const DEMO_MATTER_KEY = 'plweb2.democracy.demoMatters'
+const DEMO_ANONYMOUS_PROFILE_KEY = 'plweb2.democracy.demoAnonymousProfiles'
+const DEMO_ANONYMOUS_TRACE_KEY = 'plweb2.democracy.demoAnonymousTrace'
+const DEMO_ADMIN_STATE_KEY = 'plweb2.democracy.demoAdminState'
+const DEMO_CUSTOM_VOTES_KEY = 'plweb2.democracy.demoCustomVotes'
+const DEMO_VOTE_PLANS_KEY = 'plweb2.democracy.demoVotePlans'
 const DEMO_USER_ID = '66d10000000000000000a001'
+const DEMO_CONTRIBUTION_AUTHORS: Record<string, string> = {
+  '66d100000000000000000001:demo-contribution-001': '66d10000000000000000a002',
+  '66d100000000000000000001:demo-contribution-002': DEMO_USER_ID,
+}
+const DEFAULT_DEMO_ANONYMOUS_ALIAS = '潮汐观察员'
+
+export interface DemocracyDemoAnonymousProfile {
+  alias: string
+  revoked: boolean
+  userId: string
+}
+
+export interface DemocracyDemoAnonymousAudit {
+  alias: string
+  revoked: boolean
+  userId: string
+}
+
+type DemoAnonymousProfileStore = Record<string, DemocracyDemoAnonymousProfile>
+type DemoAnonymousTraceStore = Record<string, string>
+type DemoVotePlanStore = Record<string, DemocracyVotePlan>
+
+interface DemoAdminState {
+  bannedUntil: Record<string, string>
+  contributionAuthors: Record<string, string>
+  disclosures: Record<string, NonNullable<DemocracyContribution['Disclosure']>>
+  audit: Record<string, DemocracyAuditEntry[]>
+  bannedAccounts: Record<string, boolean>
+  deletedMatters: string[]
+  investigationTeams: Record<string, DemocracyInvestigationInvite[]>
+  reports: Record<
+    string,
+    Array<{ category: DemocracyReportCategory; createdAt: string; details: string }>
+  >
+  stages: Record<string, DemocracyMatterStage>
+}
 
 interface DemoVoteState {
   counts: number[]
@@ -24,10 +79,11 @@ export interface DemocracyDemoDetail {
   facts: string[]
   timeline: Array<{ date: string; text: string }>
   finding: string
-  questions: string[]
+  questions: DemocracyContribution[]
 }
 
 interface DemoSummaryOptions {
+  anonymous?: boolean
   id: string
   subject: string
   description: string
@@ -38,7 +94,7 @@ interface DemoSummaryOptions {
   visits: number
 }
 
-function createSummary(options: DemoSummaryOptions): Summary {
+function createSummary(options: DemoSummaryOptions): ContentSubmitSummary {
   const { id, subject, description, tags, verification, nickname, comments, visits } = options
 
   return {
@@ -75,6 +131,7 @@ function createSummary(options: DemoSummaryOptions): Summary {
     SortingDate: Date.now(),
     CreationDate: Date.now(),
     Multilingual: false,
+    Anonymous: options.anonymous,
   }
 }
 
@@ -93,7 +150,7 @@ const DEMOCRACY_DEMO_SUMMARIES: Summary[] = [
     id: '66d100000000000000000002',
     subject: '提案：卷宗公开后设置 72 小时质询期',
     description: '建议统一卷宗公开后的质询时间，给当事人、调查团和社区留出明确的回应窗口。',
-    tags: ['公共议案', '待讨论'],
+    tags: ['公共议案', '匿名投票'],
     verification: 'Volunteer',
     nickname: '志愿者·枫岚',
     comments: 18,
@@ -161,8 +218,564 @@ function readMatterStore(): Summary[] {
   }
 }
 
+function readAnonymousProfiles(): DemoAnonymousProfileStore {
+  try {
+    const value = JSON.parse(localStorage.getItem(DEMO_ANONYMOUS_PROFILE_KEY) || '{}')
+    return value && typeof value === 'object' ? (value as DemoAnonymousProfileStore) : {}
+  } catch {
+    return {}
+  }
+}
+
+function writeAnonymousProfiles(profiles: DemoAnonymousProfileStore) {
+  localStorage.setItem(DEMO_ANONYMOUS_PROFILE_KEY, JSON.stringify(profiles))
+}
+
+function readAnonymousTrace(): DemoAnonymousTraceStore {
+  try {
+    const value = JSON.parse(localStorage.getItem(DEMO_ANONYMOUS_TRACE_KEY) || '{}')
+    return value && typeof value === 'object' ? (value as DemoAnonymousTraceStore) : {}
+  } catch {
+    return {}
+  }
+}
+
+function readAdminState(): DemoAdminState {
+  try {
+    const value = JSON.parse(
+      localStorage.getItem(DEMO_ADMIN_STATE_KEY) || '{}',
+    ) as Partial<DemoAdminState>
+    return {
+      audit: value.audit ?? {},
+      bannedUntil: value.bannedUntil ?? {},
+      contributionAuthors: value.contributionAuthors ?? {},
+      disclosures: value.disclosures ?? {},
+      bannedAccounts: value.bannedAccounts ?? {},
+      deletedMatters: value.deletedMatters ?? [],
+      investigationTeams: value.investigationTeams ?? {},
+      reports: value.reports ?? {},
+      stages: value.stages ?? {},
+    }
+  } catch {
+    return {
+      audit: {},
+      bannedUntil: {},
+      contributionAuthors: {},
+      disclosures: {},
+      bannedAccounts: {},
+      deletedMatters: [],
+      investigationTeams: {},
+      reports: {},
+      stages: {},
+    }
+  }
+}
+
+function writeAdminState(state: DemoAdminState) {
+  localStorage.setItem(DEMO_ADMIN_STATE_KEY, JSON.stringify(state))
+}
+
+function readVotePlans(): DemoVotePlanStore {
+  try {
+    const value = JSON.parse(localStorage.getItem(DEMO_VOTE_PLANS_KEY) || '{}')
+    return value && typeof value === 'object' ? (value as DemoVotePlanStore) : {}
+  } catch {
+    return {}
+  }
+}
+
+function writeVotePlans(plans: DemoVotePlanStore) {
+  localStorage.setItem(DEMO_VOTE_PLANS_KEY, JSON.stringify(plans))
+}
+
+function appendDemoAudit(matterId: string, action: DemocracyAuditEntry['Action'], details: string) {
+  const state = readAdminState()
+  const entry: DemocracyAuditEntry = {
+    Action: action,
+    ActorAlias: '演示管理人员',
+    CreatedAt: new Date().toISOString(),
+    Details: details,
+    ID: crypto.randomUUID(),
+  }
+  state.audit[matterId] = [entry, ...(state.audit[matterId] ?? [])]
+  writeAdminState(state)
+  return entry
+}
+
+function inferDemoStage(summary: Summary): DemocracyMatterStage {
+  const tags = summary.Tags ?? []
+  if (tags.includes('已归档')) return 'Archived'
+  if (tags.includes('已决议')) return 'Resolved'
+  if (tags.includes('匿名投票')) return 'Voting'
+  if (tags.includes('待审核')) return 'PendingReview'
+  return 'Questions'
+}
+
+function applyDemoStage(summary: Summary): Summary {
+  const stage = readAdminState().stages[summary.ID]
+  if (!stage) return summary
+  const stageTags: Record<DemocracyMatterStage, string[]> = {
+    Archived: ['已决议', '已归档'],
+    PendingReview: ['待审核'],
+    Questions: ['待质询'],
+    Rejected: ['已驳回'],
+    Resolved: ['已决议'],
+    Voting: ['匿名投票'],
+  }
+  const reserved = new Set(['待审核', '待质询', '匿名投票', '已决议', '已归档', '已驳回'])
+  return {
+    ...summary,
+    Tags: [...(summary.Tags ?? []).filter((tag) => !reserved.has(tag)), ...stageTags[stage]],
+  }
+}
+
+function applyDemoParticipation(summary: Summary): Summary {
+  const participationTag =
+    getDemocracyDemoMatterParticipation(summary.ID) === 'Vote' ? '投票事务' : '意见征集'
+  return {
+    ...summary,
+    Tags: [
+      ...(summary.Tags ?? []).filter((tag) => tag !== '意见征集' && tag !== '投票事务'),
+      participationTag,
+    ],
+  }
+}
+
+export function getDemocracyDemoAnonymousProfile(userId = DEMO_USER_ID) {
+  return (
+    readAnonymousProfiles()[userId] ?? {
+      alias: DEFAULT_DEMO_ANONYMOUS_ALIAS,
+      revoked: false,
+      userId,
+    }
+  )
+}
+
+export function updateDemocracyDemoAnonymousAlias(alias: string, userId = DEMO_USER_ID) {
+  const normalizedAlias = alias.trim()
+  if (normalizedAlias.length < 2 || normalizedAlias.length > 16) throw new Error('invalid-alias')
+
+  const profiles = readAnonymousProfiles()
+  const duplicate = Object.values(profiles).some(
+    (profile) =>
+      profile.userId !== userId &&
+      profile.alias.toLocaleLowerCase() === normalizedAlias.toLocaleLowerCase(),
+  )
+  if (duplicate) throw new Error('duplicate-alias')
+
+  const profile = {
+    ...getDemocracyDemoAnonymousProfile(userId),
+    alias: normalizedAlias,
+    userId,
+  }
+  profiles[userId] = profile
+  writeAnonymousProfiles(profiles)
+
+  const trace = readAnonymousTrace()
+  const matters = readMatterStore()
+  let changed = false
+  for (const matter of matters) {
+    if (trace[matter.ID] !== userId) continue
+    matter.User.Nickname = normalizedAlias
+    changed = true
+  }
+  if (changed) localStorage.setItem(DEMO_MATTER_KEY, JSON.stringify(matters))
+  return profile
+}
+
+export function isDemocracyDemoAnonymousPostingRevoked(userId = DEMO_USER_ID) {
+  return getDemocracyDemoAnonymousProfile(userId).revoked || isDemoAccountBanned(userId)
+}
+
+export function isDemocracyDemoDeveloperMode() {
+  return (
+    isDemocracyDemoMode() &&
+    new URLSearchParams(window.location.hash.split('?')[1]).get('developer') === '1'
+  )
+}
+
+function isDemoAccountBanned(userId: string) {
+  const state = readAdminState()
+  return state.bannedUntil[userId]
+    ? new Date(state.bannedUntil[userId]).getTime() > Date.now()
+    : !!state.bannedAccounts[userId]
+}
+
+export function setDemocracyDemoAnonymousPostingRevoked(userId: string, revoked: boolean) {
+  const profiles = readAnonymousProfiles()
+  profiles[userId] = {
+    ...getDemocracyDemoAnonymousProfile(userId),
+    revoked,
+    userId,
+  }
+  writeAnonymousProfiles(profiles)
+  return profiles[userId]
+}
+
+export function traceDemocracyDemoPublisher(matterId: string, reason: string) {
+  const summary = getDemocracyDemoSummaries().find((item) => item.ID === matterId)
+  if (!summary) throw new Error('matter-not-found')
+  const userId = readAnonymousTrace()[matterId] || DEMO_USER_ID
+  const profile = getDemocracyDemoAnonymousProfile(userId)
+  appendDemoAudit(matterId, 'TracePublisher', reason)
+  return {
+    Alias: profile.alias,
+    Banned: isDemoAccountBanned(userId),
+    BannedUntil: readAdminState().bannedUntil[userId],
+    CanPublish: !isDemocracyDemoAnonymousPostingRevoked(userId),
+    PublishingRevoked: profile.revoked,
+    UserID: userId,
+  }
+}
+
+export function moderateDemocracyDemoAccount(
+  matterId: string,
+  action: DemocracyAccountAction,
+  reason: string,
+  banDays?: number,
+) {
+  const userId = readAnonymousTrace()[matterId] || DEMO_USER_ID
+  return moderateDemoAccountById(matterId, userId, action, reason, banDays)
+}
+
+function moderateDemoAccountById(
+  matterId: string,
+  userId: string,
+  action: DemocracyAccountAction,
+  reason: string,
+  banDays?: number,
+) {
+  const state = readAdminState()
+  if (action === 'Ban') {
+    validateDemocracyBanDays(banDays)
+    state.bannedUntil[userId] = new Date(Date.now() + banDays * 86_400_000).toISOString()
+  }
+  if (action === 'Unban') {
+    state.bannedAccounts[userId] = false
+    delete state.bannedUntil[userId]
+  }
+  writeAdminState(state)
+  const auditAction =
+    action === 'Warn' ? 'WarnAccount' : action === 'Ban' ? 'BanAccount' : 'UnbanAccount'
+  appendDemoAudit(
+    matterId,
+    auditAction,
+    `${userId}: ${reason}${action === 'Ban' ? ` (${banDays} days)` : ''}`,
+  )
+  return {
+    Banned: isDemoAccountBanned(userId),
+    BannedUntil: readAdminState().bannedUntil[userId],
+    CanPublish: !isDemocracyDemoAnonymousPostingRevoked(userId),
+  }
+}
+
+export function deleteDemocracyDemoMatter(matterId: string, reason: string) {
+  const summaries = [...readMatterStore(), ...DEMOCRACY_DEMO_SUMMARIES]
+  if (!summaries.some((matter) => matter.ID === matterId)) throw new Error('matter-not-found')
+  const state = readAdminState()
+  state.deletedMatters = Array.from(new Set([...state.deletedMatters, matterId]))
+  writeAdminState(state)
+  appendDemoAudit(matterId, 'DeleteMatter', reason)
+  return { Deleted: true }
+}
+
+export function moderateDemocracyDemoPublisher(matterId: string, revoked: boolean, reason: string) {
+  const userId = readAnonymousTrace()[matterId] || DEMO_USER_ID
+  setDemocracyDemoAnonymousPostingRevoked(userId, revoked)
+  appendDemoAudit(matterId, revoked ? 'RevokePublisher' : 'RestorePublisher', reason)
+  return {
+    CanPublish: !isDemocracyDemoAnonymousPostingRevoked(userId),
+    Revoked: revoked,
+  }
+}
+
+export function getDemocracyDemoMatterStage(matterId: string): DemocracyMatterStage {
+  const summary = getDemocracyDemoSummaries().find((item) => item.ID === matterId)
+  if (!summary) throw new Error('matter-not-found')
+  return readAdminState().stages[matterId] ?? inferDemoStage(summary)
+}
+
+export function getDemocracyDemoMatterParticipation(
+  matterId: string,
+): DemocracyMatterParticipation {
+  if (readVotePlans()[matterId]) return 'Vote'
+  const summary = [...readMatterStore(), ...DEMOCRACY_DEMO_SUMMARIES].find(
+    (item) => item.ID === matterId,
+  )
+  const tags = summary?.Tags ?? []
+  if (tags.includes('投票事务') || tags.includes('匿名投票')) return 'Vote'
+  if (
+    matterId === '66d100000000000000000002' ||
+    matterId === '66d100000000000000000003' ||
+    matterId === '66d100000000000000000004'
+  ) {
+    return 'Vote'
+  }
+  return 'Consultation'
+}
+
+export function transitionDemocracyDemoMatter(
+  matterId: string,
+  expectedStage: DemocracyMatterStage,
+  targetStage: DemocracyMatterStage,
+  reason: string,
+) {
+  const current = getDemocracyDemoMatterStage(matterId)
+  if (current !== expectedStage) throw new Error('stage-conflict')
+  const participation = getDemocracyDemoMatterParticipation(matterId)
+  if (!democracyTransitionTargets(current, participation).includes(targetStage)) {
+    throw new Error('invalid-transition')
+  }
+  const state = readAdminState()
+  state.stages[matterId] = targetStage
+  writeAdminState(state)
+  appendDemoAudit(matterId, 'Transition', `${current} → ${targetStage}：${reason}`)
+  return getDemocracyDemoSummaries().find((item) => item.ID === matterId)
+}
+
+export function getDemocracyDemoAudit(matterId: string) {
+  return readAdminState().audit[matterId] ?? []
+}
+
+export function getDemocracyDemoInvestigationTeam(matterId: string) {
+  return readAdminState().investigationTeams[matterId] ?? []
+}
+
+export function getDemocracyDemoInvitation(matterId: string, inviteId: string) {
+  const invite = getDemocracyDemoInvestigationTeam(matterId).find((item) => item.ID === inviteId)
+  if (!invite || invite.UserID !== DEMO_USER_ID) throw new Error('invitation-unavailable')
+  return { ID: invite.ID, Status: invite.Status, CreatedAt: invite.CreatedAt }
+}
+
+export function respondDemocracyDemoInvitation(
+  matterId: string,
+  inviteId: string,
+  decision: 'Accepted' | 'Declined',
+) {
+  const invite = getDemocracyDemoInvitation(matterId, inviteId)
+  if (invite.Status === decision) return invite
+  if (invite.Status !== 'Pending') throw new Error('invitation-already-answered')
+  if (isDemocracyDemoAnonymousPostingRevoked()) throw new Error('permission-denied')
+  const state = readAdminState()
+  state.investigationTeams[matterId] = (state.investigationTeams[matterId] ?? []).map((item) =>
+    item.ID === inviteId ? { ...item, Status: decision } : item,
+  )
+  writeAdminState(state)
+  appendDemoAudit(matterId, 'RespondInvestigationInvite', `${inviteId}: ${decision}`)
+  return { ...invite, Status: decision }
+}
+
+export function inviteDemocracyDemoInvestigator(matterId: string, userId: string, reason: string) {
+  const matter = getDemocracyDemoSummaries().find((item) => item.ID === matterId)
+  if (!matter) throw new Error('matter-not-found')
+  if (!(matter.Tags ?? []).includes('管理监察')) throw new Error('matter-kind-invalid')
+
+  const state = readAdminState()
+  const existing = (state.investigationTeams[matterId] ?? []).find(
+    (entry) => entry.UserID === userId && entry.Status !== 'Declined',
+  )
+  if (existing) return existing
+
+  const invitation: DemocracyInvestigationInvite = {
+    CreatedAt: new Date().toISOString(),
+    ID: crypto.randomUUID(),
+    Nickname: `受邀用户·${userId.slice(-4)}`,
+    Status: 'Pending',
+    UserID: userId,
+  }
+  state.investigationTeams[matterId] = [invitation, ...(state.investigationTeams[matterId] ?? [])]
+  writeAdminState(state)
+  appendDemoAudit(matterId, 'InviteInvestigator', `${invitation.Nickname}（${userId}）：${reason}`)
+  return invitation
+}
+
+export function reportDemocracyDemoMatter(
+  matterId: string,
+  category: DemocracyReportCategory,
+  details: string,
+) {
+  const state = readAdminState()
+  state.reports[matterId] = [
+    ...(state.reports[matterId] ?? []),
+    { category, createdAt: new Date().toISOString(), details },
+  ]
+  writeAdminState(state)
+  appendDemoAudit(matterId, 'Report', `${category}：${details}`)
+  return { Accepted: true }
+}
+
+export function getDemocracyDemoAnonymousAudit(
+  matterId: string,
+): DemocracyDemoAnonymousAudit | undefined {
+  const userId = readAnonymousTrace()[matterId]
+  if (!userId) return undefined
+  const profile = getDemocracyDemoAnonymousProfile(userId)
+  return { alias: profile.alias, revoked: profile.revoked, userId }
+}
+
 export function getDemocracyDemoSummaries() {
-  return [...readMatterStore(), ...DEMOCRACY_DEMO_SUMMARIES]
+  const deleted = new Set(readAdminState().deletedMatters)
+  const stored = readMatterStore()
+  const storedIds = new Set(stored.map((summary) => summary.ID))
+  const summaries = [
+    ...stored,
+    ...DEMOCRACY_DEMO_SUMMARIES.filter((summary) => !storedIds.has(summary.ID)),
+  ].filter((summary) => !deleted.has(summary.ID))
+  for (const summary of summaries) activateScheduledVoteIfDue(summary)
+  return summaries.map(applyDemoStage).map(applyDemoParticipation)
+}
+
+export function canEditDemocracyDemoMatter(matterId: string) {
+  if (readAdminState().deletedMatters.includes(matterId)) return false
+  if (isDemocracyDemoDeveloperMode()) {
+    return [...readMatterStore(), ...DEMOCRACY_DEMO_SUMMARIES].some((item) => item.ID === matterId)
+  }
+  if (isDemocracyDemoAnonymousPostingRevoked()) return false
+  if (readAnonymousTrace()[matterId] !== DEMO_USER_ID) return false
+  const summary = readMatterStore().find((item) => item.ID === matterId)
+  if (!summary) return false
+  const stage = readAdminState().stages[matterId] ?? inferDemoStage(summary)
+  const plan = readVotePlans()[matterId]
+  return (
+    (stage === 'PendingReview' || stage === 'Questions') &&
+    (!plan || new Date(plan.StartAt).getTime() > Date.now())
+  )
+}
+
+export function getDemocracyDemoVotePlan(matterId: string) {
+  return readVotePlans()[matterId]
+}
+
+function demoContributionKey(matterId: string) {
+  return `plweb2.democracy.demoQuestions.${matterId}`
+}
+
+function readDemoContributions(matterId: string): DemocracyContribution[] {
+  try {
+    const value = JSON.parse(localStorage.getItem(demoContributionKey(matterId)) || '[]')
+    if (!Array.isArray(value)) return []
+    return value.flatMap((item, index) => {
+      if (typeof item === 'string') {
+        return [
+          {
+            AuthorAlias: DEFAULT_DEMO_ANONYMOUS_ALIAS,
+            AuthorPosition: 'Oldtimer',
+            Content: item,
+            CreatedAt: new Date().toISOString(),
+            ID: `legacy-${matterId}-${index}`,
+          },
+        ]
+      }
+      return item && typeof item === 'object' ? [item as DemocracyContribution] : []
+    })
+  } catch {
+    return []
+  }
+}
+
+export function getDemocracyDemoContributions(matterId: string) {
+  return [
+    ...(DEMOCRACY_DEMO_DETAILS[matterId]?.questions ?? []),
+    ...readDemoContributions(matterId),
+  ].map((entry) => ({
+    ...entry,
+    Disclosure: readAdminState().disclosures[`${matterId}:${entry.ID}`],
+  }))
+}
+
+export function submitDemocracyDemoContribution(matterId: string, content: string) {
+  if (!getDemocracyDemoSummaries().some((matter) => matter.ID === matterId)) {
+    throw new Error('matter-not-found')
+  }
+  const contribution: DemocracyContribution = {
+    AuthorAlias: getDemocracyDemoAnonymousProfile().alias,
+    AuthorPosition: isDemocracyDemoAdminMode() ? '认证编辑' : 'Oldtimer',
+    Content: content.trim(),
+    CreatedAt: new Date().toISOString(),
+    ID: crypto.randomUUID(),
+  }
+  const entries = [...readDemoContributions(matterId), contribution]
+  localStorage.setItem(demoContributionKey(matterId), JSON.stringify(entries))
+  const state = readAdminState()
+  state.contributionAuthors[`${matterId}:${contribution.ID}`] = DEMO_USER_ID
+  writeAdminState(state)
+  return contribution
+}
+
+export function traceDemocracyDemoContribution(
+  matterId: string,
+  contributionId: string,
+  reason: string,
+) {
+  const entry = getDemocracyDemoContributions(matterId).find((item) => item.ID === contributionId)
+  if (!entry) throw new Error('contribution-not-found')
+  const userId =
+    readAdminState().contributionAuthors[`${matterId}:${contributionId}`] ??
+    DEMO_CONTRIBUTION_AUTHORS[`${matterId}:${contributionId}`]
+  if (!userId) throw new Error('trace-unavailable')
+  appendDemoAudit(matterId, 'TraceContribution', reason)
+  return {
+    Alias: entry.AuthorAlias,
+    UserID: userId,
+    Banned: isDemoAccountBanned(userId),
+    BannedUntil: readAdminState().bannedUntil[userId],
+    CanPublish: !isDemocracyDemoAnonymousPostingRevoked(userId),
+    PublishingRevoked: getDemocracyDemoAnonymousProfile(userId).revoked,
+  }
+}
+
+export function moderateDemocracyDemoContributor(
+  matterId: string,
+  contributionId: string,
+  action: DemocracyAccountAction,
+  reason: string,
+  days?: number,
+) {
+  const userId =
+    readAdminState().contributionAuthors[`${matterId}:${contributionId}`] ??
+    DEMO_CONTRIBUTION_AUTHORS[`${matterId}:${contributionId}`]
+  if (!userId) throw new Error('trace-unavailable')
+  return moderateDemoAccountById(matterId, userId, action, reason, days)
+}
+
+export function discloseDemocracyDemoContribution(
+  matterId: string,
+  contributionId: string,
+  reason: string,
+) {
+  const trace = traceDemocracyDemoContribution(matterId, contributionId, reason)
+  const state = readAdminState()
+  state.disclosures[`${matterId}:${contributionId}`] = {
+    UserID: trace.UserID,
+    Reason: reason,
+    DisclosedAt: new Date().toISOString(),
+  }
+  writeAdminState(state)
+  appendDemoAudit(matterId, 'DiscloseContribution', reason)
+  return getDemocracyDemoContributions(matterId).find((item) => item.ID === contributionId)!
+}
+
+function validateDemoVotePlan(
+  participation: DemocracyMatterParticipation,
+  votePlan?: DemocracyVotePlan,
+) {
+  if (participation !== 'Vote' || !votePlan) return
+  const startsAt = new Date(votePlan.StartAt).getTime()
+  const finishesAt = new Date(votePlan.FinishAt).getTime()
+  if (!Number.isFinite(startsAt) || !Number.isFinite(finishesAt) || startsAt <= Date.now() || finishesAt <= startsAt) throw new Error('invalid-vote-plan')
+}
+
+function demoMatterTags(
+  anonymous: boolean,
+  kind: 'oversight' | 'public',
+  participation: DemocracyMatterParticipation,
+) {
+  if (anonymous) return ['匿名提议', '意见征集', '待质询']
+  return [
+    kind === 'oversight' ? '管理监察' : '公共议案',
+    participation === 'Vote' ? '投票事务' : '意见征集',
+    '待质询',
+  ]
 }
 
 export function submitDemocracyDemoMatter(input: {
@@ -170,31 +783,94 @@ export function submitDemocracyDemoMatter(input: {
   description: string
   kind: 'public' | 'oversight'
   anonymous: boolean
+  anonymousAlias?: string
+  clientRequestId?: string
+  participation: DemocracyMatterParticipation
+  votePlan?: DemocracyVotePlan
 }) {
-  const currentUser = input.anonymous
-    ? { verification: '' as Summary['User']['Verification'], nickname: '匿名提议者' }
-    : { verification: 'Editor' as const, nickname: '认证编辑·演示用户' }
+  if (isDemocracyDemoAnonymousPostingRevoked()) {
+    throw new Error('permission-denied')
+  }
+  const participation = input.anonymous ? 'Consultation' : input.participation
+  validateDemoVotePlan(participation, input.votePlan)
+  const anonymousProfile = updateDemocracyDemoAnonymousAlias(
+    input.anonymousAlias || DEFAULT_DEMO_ANONYMOUS_ALIAS,
+  )
   const summary = createSummary({
+    anonymous: true,
     id: `demo-${Date.now().toString(36)}`,
     subject: input.subject,
     description: input.description,
-    tags: [
-      ...(input.anonymous ? ['匿名提议'] : []),
-      input.kind === 'oversight' ? '管理监察' : '公共议案',
-      input.anonymous ? '待审核' : '待质询',
-    ],
-    verification: currentUser.verification,
-    nickname: currentUser.nickname,
+    tags: demoMatterTags(input.anonymous, input.kind, participation),
+    verification: 'Oldtimer',
+    nickname: anonymousProfile.alias,
     comments: 0,
     visits: 0,
   })
-  if (input.anonymous) summary.User.ID = ''
+  summary.User.ID = ''
   const matters = readMatterStore()
   matters.unshift(summary)
   localStorage.setItem(DEMO_MATTER_KEY, JSON.stringify(matters))
+  const trace = readAnonymousTrace()
+  trace[summary.ID] = DEMO_USER_ID
+  localStorage.setItem(DEMO_ANONYMOUS_TRACE_KEY, JSON.stringify(trace))
+  if (participation === 'Vote' && input.votePlan) {
+    const plans = readVotePlans()
+    plans[summary.ID] = input.votePlan
+    writeVotePlans(plans)
+  }
+  appendDemoAudit(summary.ID, 'Create', '发布者创建事务')
   return summary
 }
 
+function findEditableDemoMatter(matters: Summary[], matterId: string) {
+  let matter = matters.find((item) => item.ID === matterId)
+  if (!matter && isDemocracyDemoDeveloperMode()) {
+    const seeded = DEMOCRACY_DEMO_SUMMARIES.find((item) => item.ID === matterId)
+    if (seeded) {
+      matter = { ...seeded }
+      matters.push(matter)
+    }
+  }
+  if (!matter) throw new Error('matter-not-found')
+  return matter
+}
+
+export function updateDemocracyDemoMatter(
+  matterId: string,
+  input: {
+    description: string
+    participation: DemocracyMatterParticipation
+    subject: string
+    votePlan?: DemocracyVotePlan
+  },
+) {
+  if (!canEditDemocracyDemoMatter(matterId)) throw new Error('permission-denied')
+  const previousPlan = readVotePlans()[matterId]
+  const votingStarted = previousPlan && new Date(previousPlan.StartAt).getTime() <= Date.now()
+  if (votingStarted) {
+    input = { ...input, participation: 'Vote', votePlan: previousPlan }
+  }
+  if (!votingStarted) validateDemoVotePlan(input.participation, input.votePlan)
+  const matters = readMatterStore()
+  const matter = findEditableDemoMatter(matters, matterId)
+  matter.Subject = input.subject.trim()
+  matter.Description = [input.description.trim()]
+  matter.Tags = [
+    ...(matter.Tags ?? []).filter((tag) => tag !== '意见征集' && tag !== '投票事务'),
+    input.participation === 'Vote' ? '投票事务' : '意见征集',
+  ]
+  matter.UpdateDate = Date.now()
+  localStorage.setItem(DEMO_MATTER_KEY, JSON.stringify(matters))
+
+  const plans = readVotePlans()
+  if (input.participation === 'Vote' && input.votePlan) plans[matterId] = input.votePlan
+  else delete plans[matterId]
+  writeVotePlans(plans)
+  appendDemoAudit(matterId, 'Edit', '发布者修改内容或投票时间')
+  return matter
+}
+
 export const DEMOCRACY_DEMO_DETAILS: Record<string, DemocracyDemoDetail> = {
   '66d100000000000000000001': {
     id: '66d100000000000000000001',
@@ -212,8 +888,20 @@ export const DEMOCRACY_DEMO_DETAILS: Record<string, DemocracyDemoDetail> = {
     ],
     finding: '已确认事实部分成立，对行为性质的解释仍需结合条例版本接受质询。',
     questions: [
-      '卷宗引用的条例版本是否在事件发生时已生效？',
-      '隐藏期间是否保留了当事人补充证据的通道？',
+      {
+        AuthorAlias: '星轨记录员',
+        AuthorPosition: '认证编辑',
+        Content: '卷宗引用的条例版本是否在事件发生时已生效？',
+        CreatedAt: '2026-08-29T10:20:00+08:00',
+        ID: 'demo-contribution-001',
+      },
+      {
+        AuthorAlias: '潮汐观察员',
+        AuthorPosition: 'Oldtimer',
+        Content: '隐藏期间是否保留了当事人补充证据的通道？',
+        CreatedAt: '2026-08-29T11:05:00+08:00',
+        ID: 'demo-contribution-002',
+      },
     ],
   },
 }
@@ -348,10 +1036,109 @@ const DEMO_VOTES: Activity[] = [
   },
 ]
 
+function readCustomVotes(): Activity[] {
+  try {
+    const value = JSON.parse(localStorage.getItem(DEMO_CUSTOM_VOTES_KEY) || '[]')
+    return Array.isArray(value) ? (value as Activity[]) : []
+  } catch {
+    return []
+  }
+}
+
+function buildCustomVote(
+  matterId: string,
+  plan: DemocracyVotePlan,
+  matterSubject: string,
+): Activity {
+  return {
+    Contents: [],
+    FinishDate: plan.FinishAt,
+    ID: `demo-vote-${Date.now().toString(36)}`,
+    InterfaceModel: plan.Multiple ? 'Vote' : 'Vote-Single',
+    InternalLink: `/d/matter/${matterId}`,
+    IsAttendance: false,
+    IsDaily: false,
+    IsDevelopment: true,
+    IsTutorial: false,
+    Items: plan.Options.map((option) => ({
+      Bonuses: { Gold: 0, Experience: 0, Diamond: 0 },
+      Condition: '',
+      Counter: 0,
+      Counters: {},
+      Description: option,
+      Local: false,
+    })),
+    Languages: [],
+    Platforms: [],
+    Priority: 1,
+    StartDate: plan.StartAt,
+    Subject: { Chinese: matterSubject } as never,
+    TargetLink: {} as never,
+    TargetText: {} as never,
+    Version: 1,
+  }
+}
+
+function activateScheduledVoteIfDue(summary: Summary) {
+  const plan = readVotePlans()[summary.ID]
+  if (!plan || new Date(plan.StartAt).getTime() > Date.now()) return
+  const state = readAdminState()
+  const stage = state.stages[summary.ID] ?? inferDemoStage(summary)
+  if (stage !== 'Questions') return
+
+  const votes = readCustomVotes()
+  if (!votes.some((vote) => vote.InternalLink === `/d/matter/${summary.ID}`)) {
+    votes.unshift(buildCustomVote(summary.ID, plan, summary.Subject))
+    localStorage.setItem(DEMO_CUSTOM_VOTES_KEY, JSON.stringify(votes))
+  }
+  state.stages[summary.ID] = 'Voting'
+  writeAdminState(state)
+  appendDemoAudit(summary.ID, 'CreateVote', '到达发布者设定的投票开始时间')
+}
+
+export function createDemocracyDemoVote(input: {
+  finishDate: string
+  matterId: string
+  multiple: boolean
+  options: string[]
+  reason: string
+}) {
+  if (getDemocracyDemoMatterParticipation(input.matterId) !== 'Vote') {
+    throw new Error('participation-mode-invalid')
+  }
+  if (getDemocracyDemoMatterStage(input.matterId) !== 'Questions') {
+    throw new Error('stage-conflict')
+  }
+  const summary = getDemocracyDemoSummaries().find((item) => item.ID === input.matterId)
+  if (!summary) throw new Error('matter-not-found')
+  const vote = buildCustomVote(
+    input.matterId,
+    {
+      FinishAt: input.finishDate,
+      Multiple: input.multiple,
+      Options: input.options,
+      StartAt: new Date().toISOString(),
+    },
+    summary.Subject,
+  )
+  const votes = readCustomVotes()
+  votes.unshift(vote)
+  localStorage.setItem(DEMO_CUSTOM_VOTES_KEY, JSON.stringify(votes))
+  const state = readAdminState()
+  state.stages[input.matterId] = 'Voting'
+  writeAdminState(state)
+  appendDemoAudit(input.matterId, 'CreateVote', input.reason)
+  return vote
+}
+
 export function isDemocracyDemoMode() {
   return import.meta.env.DEV && window.location.hash.includes(DEMOCRACY_DEMO_QUERY)
 }
 
+export function isDemocracyDemoAdminMode() {
+  return isDemocracyDemoMode() && window.location.hash.includes(DEMOCRACY_DEMO_ADMIN_QUERY)
+}
+
 function readVoteStore(): DemoVoteStore {
   try {
     return JSON.parse(localStorage.getItem(DEMO_VOTE_KEY) || '{}') as DemoVoteStore
@@ -360,8 +1147,12 @@ function readVoteStore(): DemoVoteStore {
   }
 }
 
+function allDemoVotes() {
+  return [...readCustomVotes(), ...DEMO_VOTES]
+}
+
 function buildDemoVotes(store = readVoteStore()) {
-  return DEMO_VOTES.map((activity) => ({
+  return allDemoVotes().map((activity) => ({
     ...activity,
     Items: activity.Items.map((item, index) => ({
       ...item,
@@ -371,7 +1162,7 @@ function buildDemoVotes(store = readVoteStore()) {
 }
 
 function buildDemoStatuses(store = readVoteStore()): ActivityStatus[] {
-  return DEMO_VOTES.map((activity) => ({
+  return allDemoVotes().map((activity) => ({
     ActivityID: activity.ID,
     Avails:
       new Date(activity.FinishDate).getTime() <= Date.now()
@@ -395,6 +1186,9 @@ export function getDemocracyDemoSync(): Sync {
 }
 
 export function castDemocracyDemoVote(activity: Activity, index: number): Sync {
+  if (new Date(activity.FinishDate).getTime() <= Date.now()) {
+    throw new Error('vote-finished')
+  }
   const store = readVoteStore()
   const current = store[activity.ID] ?? {
     counts: activity.Items.map(() => 0),
diff --git a/src/services/democracyWallFeature.ts b/src/services/democracyWallFeature.ts
new file mode 100644
index 00000000..fb23ffb2
--- /dev/null
+++ b/src/services/democracyWallFeature.ts
@@ -0,0 +1,23 @@
+export type DemocracyWallReleaseMode = 'off' | 'read-only' | 'full'
+
+function configuredMode(): DemocracyWallReleaseMode {
+  const value = String(import.meta.env.VITE_DEMOCRACY_WALL_MODE || '').toLowerCase()
+  if (value === 'read-only' || value === 'full') return value
+  return import.meta.env.DEV ? 'full' : 'off'
+}
+
+export function isDemocracyWallDemoRequest() {
+  return import.meta.env.DEV && window.location.hash.includes('demo=1')
+}
+
+export function getDemocracyWallReleaseMode(): DemocracyWallReleaseMode {
+  return isDemocracyWallDemoRequest() ? 'full' : configuredMode()
+}
+
+export function isDemocracyWallVisible() {
+  return getDemocracyWallReleaseMode() !== 'off'
+}
+
+export function isDemocracyWallWritable() {
+  return getDemocracyWallReleaseMode() === 'full'
+}
diff --git a/src/views/DemocracyDemoDetail.vue b/src/views/DemocracyDemoDetail.vue
index 071cf72d..92a8fb31 100644
--- a/src/views/DemocracyDemoDetail.vue
+++ b/src/views/DemocracyDemoDetail.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="detail-page">
+  <n-config-provider class="detail-page" :theme-overrides="democracyTheme">
     <Header>
       <button class="back" type="button" @click="goBack">←</button>
       <div class="heading">
@@ -23,23 +23,50 @@
             />
           </div>
           <h2>{{ entry.summary.Subject }}</h2>
-          <p>{{ entry.summary.Description?.[0] }}</p>
+          <div v-richText="renderDescription" class="summary-description"></div>
           <div class="author">
-            <span v-if="entry.anonymousSuggestion">{{
-              t('democracy.create.anonymousAuthor')
+            <span v-if="entry.anonymousAuthor">{{
+              entry.summary.User.Nickname || t('democracy.create.anonymousAuthor')
             }}</span>
             <router-link v-else-if="!demoMode" :to="`/u/${entry.summary.User.ID}`">
               {{ entry.summary.User.Nickname }}
             </router-link>
             <span v-else>{{ entry.summary.User.Nickname }}</span>
             <Tag
-              v-if="entry.summary.User.Verification && !entry.anonymousSuggestion"
+              v-if="entry.summary.User.Verification && !entry.anonymousAuthor"
               category="User"
               :tag="`C-${entry.summary.User.Verification}`"
             />
+            <n-button v-if="!readOnly && canReport" text size="small" @click="reportOpen = true">
+              {{ t('democracy.report.action') }}
+            </n-button>
+            <n-button
+              v-if="publisherCanEdit && ((accountCanWrite && !readOnly) || managementVisible)"
+              text
+              size="small"
+              @click="editMatter"
+            >
+              {{ t('democracy.create.editAction') }}
+            </n-button>
           </div>
         </header>
 
+        <DemocracyInvitationCard
+          v-if="invitationId"
+          :matter-id="matterId"
+          :invite-id="invitationId"
+          :disabled="readOnly || !accountCanWrite"
+          @updated="loadManagementAccess"
+        />
+
+        <DemocracyManagementPanel
+          v-if="managementVisible"
+          :matter-id="matterId"
+          :kind="matterKind"
+          :can-manage="managementVisible"
+          @deleted="handleMatterDeleted"
+        />
+
         <section v-if="demoMode" class="overview">
           <h3>{{ t('democracy.matter.overview') }}</h3>
           <p class="rule">{{ detail.rule }}</p>
@@ -49,6 +76,13 @@
         </section>
 
         <section class="stages">
+          <p v-if="votePlan && currentStage === 'Questions'" class="vote-schedule">
+            {{
+              t('democracy.matter.voteScheduled', {
+                date: new Date(votePlan.StartAt).toLocaleString(),
+              })
+            }}
+          </p>
           <n-tabs v-model:value="activeStage" type="line" animated>
             <n-tab-pane name="questions" :tab="t('democracy.matter.questionsStage')">
               <div class="stage-intro">
@@ -56,42 +90,53 @@
                 <span v-if="readOnly" class="read-only">{{ t('democracy.matter.readOnly') }}</span>
               </div>
 
-              <div v-if="demoMode" class="demo-questions">
-                <blockquote v-for="question in displayedDemoQuestions" :key="question">
-                  {{ question }}
-                </blockquote>
-              </div>
-              <MessageList
-                v-else
-                :ID="matterId"
-                Category="Discussion"
-                :upDate="upDate"
-                @msgClick="handleMsgClick"
-              />
-
-              <div v-if="!readOnly" class="composer">
-                <n-input
-                  v-model:value="comment"
-                  type="textarea"
-                  :placeholder="t('democracy.matter.suggestPlaceholder')"
-                  :maxlength="400"
-                  show-count
-                  :autosize="{ minRows: 2, maxRows: 5 }"
-                  :disabled="isSubmitting"
-                  @keyup.ctrl.enter="submitSuggestion"
-                />
-                <n-button
-                  type="info"
-                  :loading="isSubmitting"
-                  :disabled="!comment.trim()"
-                  @click="submitSuggestion"
+              <div class="contribution-list">
+                <div v-if="contributionLoading" class="center-state compact"><n-spin /></div>
+                <n-empty
+                  v-else-if="contributionError"
+                  :description="t('democracy.matter.contributionLoadFailed')"
                 >
-                  {{ t('democracy.matter.submitSuggestion') }}
-                </n-button>
+                  <template #extra>
+                    <n-button size="small" @click="loadContributions">
+                      {{ t('democracy.retry') }}
+                    </n-button>
+                  </template>
+                </n-empty>
+                <n-empty
+                  v-else-if="!contributions.length"
+                  :description="t('democracy.matter.noContributions')"
+                />
+                <template v-else>
+                  <DemocracyContributionCard
+                    v-for="contribution in contributions"
+                    :key="contribution.ID"
+                    :contribution="contribution"
+                    :matter-id="matterId"
+                    :can-manage="managementVisible"
+                    @disclosed="loadContributions"
+                  />
+                </template>
               </div>
+
+              <CommentComposer
+                v-if="!readOnly && canContribute"
+                v-model="comment"
+                :placeholder="t('democracy.matter.suggestPlaceholder')"
+                :maxlength="400"
+                :loading="isSubmitting"
+                :disabled="!comment.trim()"
+                @submit="submitSuggestion"
+              />
             </n-tab-pane>
 
-            <n-tab-pane name="vote" :tab="t('democracy.matter.voteStage')">
+            <n-tab-pane
+              v-if="
+                matterParticipation === 'Vote' &&
+                (currentStage === 'Voting' || matterActivities.length)
+              "
+              name="vote"
+              :tab="t('democracy.matter.voteStage')"
+            >
               <div v-if="voteLoading" class="center-state compact"><n-spin /></div>
               <n-empty v-else-if="voteError" :description="t('democracy.vote.loadFailed')">
                 <template #extra>
@@ -105,6 +150,7 @@
                   :activity="activity"
                   :status="statusFor(activity.ID)"
                   :statistic="voteContext.statistic"
+                  :disabled="readOnly || currentStage !== 'Voting' || !accountCanWrite"
                   @updated="onVoteUpdated"
                 />
               </div>
@@ -123,54 +169,89 @@
       </n-empty>
     </main>
 
+    <DemocracyReportDialog v-model:show="reportOpen" :matter-id="matterId" />
     <Footer />
-  </div>
+  </n-config-provider>
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
-import { NButton, NEmpty, NInput, NSpin, NTabPane, NTabs } from 'naive-ui'
+import { NButton, NConfigProvider, NEmpty, NSpin, NTabPane, NTabs } from 'naive-ui'
+import { democracyTheme } from '../components/democracy/theme'
 import Header from '@components/utils/Header.vue'
 import Footer from '@components/utils/Footer.vue'
 import Tag from '@components/utils/TagLarger.vue'
-import MessageList from '@components/messages/MessageList.vue'
+import CommentComposer from '@components/utils/CommentComposer.vue'
 import AnonymousVoteCard from '@components/democracy/AnonymousVoteCard.vue'
-import { getData } from '@services/api/getData'
-import postComment from '@services/postComment'
+import DemocracyContributionCard from '@components/democracy/DemocracyContributionCard.vue'
+import DemocracyManagementPanel from '@components/democracy/DemocracyManagementPanel.vue'
+import DemocracyInvitationCard from '@components/democracy/DemocracyInvitationCard.vue'
+import DemocracyReportDialog from '@components/democracy/DemocracyReportDialog.vue'
+import { showMessage } from '@popup/naiveui'
+import parse from '@services/pltxt2htm/advancedParser'
 import {
+  fetchDemocracyContributions,
+  fetchDemocracyMatter,
+  fetchDemocracyContext,
   fetchDemocracyVoteContext,
   getDemocracyMatterActivities,
   mergeDemocracyVoteContext,
+  submitDemocracyContribution,
   toDemocracyEntry,
   type DemocracyVoteContext,
 } from '@services/democracyWall'
 import {
   DEMOCRACY_DEMO_DETAILS,
-  getDemocracyDemoSummaries,
   isDemocracyDemoMode,
   type DemocracyDemoDetail,
 } from '@services/democracyWallDemo'
-import type { CommentResult, Summary, Sync } from '../pl-serve-type-main/type/main'
+import type {
+  DemocracyMatterKind,
+  DemocracyContribution,
+  DemocracyMatterParticipation,
+  DemocracyMatterStage,
+  DemocracyVotePlan,
+} from '@services/democracyWallContract'
+import type { Activity, Summary, Sync } from '../pl-serve-type-main/type/main'
+import { isDemocracyWallWritable } from '@services/democracyWallFeature'
+import { isDemocracyHistoryStage } from '@services/democracyMatterState'
 
 const route = useRoute()
 const router = useRouter()
 const { t } = useI18n()
 const matterId = computed(() => String(route.params.id || ''))
+const invitationId = computed(() =>
+  typeof route.query.invitation === 'string' ? route.query.invitation : '',
+)
 const demoMode = isDemocracyDemoMode()
-const readOnly = computed(() => route.query.scope === 'history')
+const demoAdminMode = computed(() => route.query.admin === '1')
+const readOnly = computed(
+  () => !isDemocracyWallWritable() || isDemocracyHistoryStage(currentStage.value),
+)
 const activeStage = ref(route.query.stage === 'vote' ? 'vote' : 'questions')
 const summary = ref<Summary>()
 const loading = ref(true)
 const comment = ref('')
 const isSubmitting = ref(false)
-const replyID = ref('')
-const upDate = ref(0)
+const contributions = ref<DemocracyContribution[]>([])
+const contributionLoading = ref(true)
+const contributionError = ref(false)
 const voteLoading = ref(true)
 const voteError = ref(false)
 const voteContext = ref<DemocracyVoteContext>({ activities: [], statuses: [] })
-const localQuestions = ref<string[]>([])
+const linkedVoteActivity = ref<Activity>()
+const currentStage = ref<DemocracyMatterStage>('Questions')
+const matterKind = ref<DemocracyMatterKind>('Public')
+const matterParticipation = ref<DemocracyMatterParticipation>('Consultation')
+const publisherCanEdit = ref(false)
+const votePlan = ref<DemocracyVotePlan>()
+const developerAccess = ref(false)
+const canContribute = ref(false)
+const canReport = ref(false)
+const accountCanWrite = ref(false)
+const reportOpen = ref(false)
 
 const entry = computed(() => (summary.value ? toDemocracyEntry(summary.value) : undefined))
 const fallbackDetail = computed<DemocracyDemoDetail>(() => ({
@@ -179,47 +260,95 @@ const fallbackDetail = computed<DemocracyDemoDetail>(() => ({
   facts: [t('democracy.demo.fallbackFact')],
   timeline: [{ date: '08-29', text: t('democracy.demo.fallbackTimeline') }],
   finding: t('democracy.demo.fallbackFinding'),
-  questions: [t('democracy.demo.fallbackQuestion')],
+  questions: [],
 }))
 const detail = computed(() => DEMOCRACY_DEMO_DETAILS[matterId.value] ?? fallbackDetail.value)
-const displayedDemoQuestions = computed(() => [...detail.value.questions, ...localQuestions.value])
-const matterActivities = computed(() =>
-  getDemocracyMatterActivities(voteContext.value.activities, matterId.value),
-)
-const statusText = computed(() =>
-  entry.value?.status === 'resolved' ? t('democracy.status.resolved') : t('democracy.status.open'),
-)
-
-function demoQuestionKey() {
-  return `plweb2.democracy.demoQuestions.${matterId.value}`
-}
+const descriptionText = computed(() => entry.value?.summary.Description?.join('\n') || '')
+const matterActivities = computed(() => {
+  if (matterParticipation.value !== 'Vote') return []
+  const linked = linkedVoteActivity.value ? [linkedVoteActivity.value] : []
+  const discovered = getDemocracyMatterActivities(voteContext.value.activities, matterId.value)
+  const refreshed = voteContext.value.activities.filter((activity) =>
+    linked.some((item) => item.ID === activity.ID),
+  )
+  return [...refreshed, ...discovered, ...linked].filter(
+    (activity, index, activities) =>
+      activities.findIndex((candidate) => candidate.ID === activity.ID) === index,
+  )
+})
+const statusText = computed(() => t(`democracy.management.stages.${currentStage.value}`))
+const managementVisible = computed(() => isDemocracyWallWritable() && developerAccess.value)
+let activationTimer: number | undefined
+let disposed = false
+
+const renderDescription = () =>
+  parse(descriptionText.value, {
+    project: entry.value?.summary.Subject || '',
+    visitorId: '',
+    authorId: '',
+    coauthorIds: [],
+  })
 
-function loadDemoQuestions() {
+async function loadMatter() {
+  loading.value = true
   try {
-    const value = JSON.parse(localStorage.getItem(demoQuestionKey()) || '[]')
-    localQuestions.value = Array.isArray(value)
-      ? value.filter((item): item is string => typeof item === 'string')
-      : []
+    const matter = await fetchDemocracyMatter(matterId.value)
+    summary.value = matter.summary
+    linkedVoteActivity.value = matter.voteActivity
+    currentStage.value = matter.stage
+    matterKind.value = matter.kind
+    matterParticipation.value = matter.participation
+    publisherCanEdit.value = matter.canEdit
+    votePlan.value = matter.votePlan
+    if (matter.stage === 'Voting') activeStage.value = 'vote'
+    scheduleVoteActivation()
   } catch {
-    localQuestions.value = []
+    summary.value = undefined
   }
+  loading.value = false
 }
 
-async function loadMatter() {
-  loading.value = true
-  if (demoMode) {
-    summary.value = getDemocracyDemoSummaries().find((item) => item.ID === matterId.value)
-    loadDemoQuestions()
-    loading.value = false
+function scheduleVoteActivation() {
+  if (activationTimer) window.clearTimeout(activationTimer)
+  if (
+    disposed ||
+    matterParticipation.value !== 'Vote' ||
+    !votePlan.value ||
+    currentStage.value !== 'Questions'
+  ) {
     return
   }
+  const delay = new Date(votePlan.value.StartAt).getTime() - Date.now()
+  if (!Number.isFinite(delay)) return
+  activationTimer = window.setTimeout(
+    () => void activateScheduledVote(),
+    Math.min(Math.max(delay + 100, 5_000), 2_147_000_000),
+  )
+}
 
-  const response = await getData('/Contents/GetSummary', {
-    ContentID: matterId.value,
-    Category: 'Discussion',
-  })
-  if (response.Status === 200) summary.value = response.Data ?? undefined
-  loading.value = false
+async function activateScheduledVote() {
+  await Promise.allSettled([loadMatter(), loadVotes()])
+  if (currentStage.value === 'Voting') activeStage.value = 'vote'
+}
+
+async function loadManagementAccess() {
+  try {
+    const context = await fetchDemocracyContext()
+    const canPublish = context.Profile?.CanPublish === true
+    accountCanWrite.value = canPublish
+    canContribute.value = canPublish && context.Permissions.CanContribute
+    canReport.value = canPublish
+    developerAccess.value = context.Permissions.CanDeveloperManage === true
+  } catch {
+    accountCanWrite.value = false
+    canContribute.value = false
+    canReport.value = false
+    developerAccess.value = false
+  }
+}
+
+function handleMatterDeleted() {
+  goBack()
 }
 
 async function loadVotes() {
@@ -242,21 +371,31 @@ function onVoteUpdated(sync?: Sync) {
   voteContext.value = mergeDemocracyVoteContext(voteContext.value, sync)
 }
 
-function handleMsgClick(item: CommentResult) {
-  replyID.value = item.UserID
-  comment.value = `${t('ui.messages.replyToUser')}@${item.Nickname}: `
+async function loadContributions() {
+  contributionLoading.value = true
+  contributionError.value = false
+  try {
+    contributions.value = await fetchDemocracyContributions(matterId.value)
+  } catch {
+    contributionError.value = true
+  } finally {
+    contributionLoading.value = false
+  }
 }
 
 async function submitSuggestion() {
   const content = comment.value.trim()
   if (!content || readOnly.value || isSubmitting.value) return
-  if (demoMode) {
-    localQuestions.value.push(content)
-    localStorage.setItem(demoQuestionKey(), JSON.stringify(localQuestions.value))
+  isSubmitting.value = true
+  try {
+    const contribution = await submitDemocracyContribution(matterId.value, content)
+    contributions.value = [...contributions.value, contribution]
     comment.value = ''
-    return
+  } catch {
+    showMessage('error', t('democracy.matter.contributionSubmitFailed'), { duration: 2800 })
+  } finally {
+    isSubmitting.value = false
   }
-  await postComment(comment, isSubmitting, 'Discussion', matterId.value, replyID, upDate)
 }
 
 function goBack() {
@@ -264,20 +403,39 @@ function goBack() {
     path: '/d',
     query: {
       ...(demoMode ? { demo: '1' } : {}),
+      ...(demoMode && route.query.developer === '1' ? { developer: '1' } : {}),
+      ...(demoMode && demoAdminMode.value ? { admin: '1' } : {}),
       ...(readOnly.value ? { scope: 'history' } : {}),
     },
   })
 }
 
+function editMatter() {
+  void router.push({
+    path: '/d/new',
+    query: {
+      edit: matterId.value,
+      ...(demoMode ? { demo: '1' } : {}),
+      ...(demoMode && route.query.developer === '1' ? { developer: '1' } : {}),
+      ...(demoMode && demoAdminMode.value ? { admin: '1' } : {}),
+    },
+  })
+}
+
 onMounted(() => {
-  void Promise.allSettled([loadMatter(), loadVotes()])
+  void Promise.allSettled([loadMatter(), loadVotes(), loadManagementAccess(), loadContributions()])
+})
+
+onUnmounted(() => {
+  disposed = true
+  if (activationTimer) window.clearTimeout(activationTimer)
 })
 </script>
 
 <style scoped>
 .detail-page {
   min-height: 100dvh;
-  background: #f3f3f3;
+  background: #f5f5f5;
   color: #333;
 }
 
@@ -324,9 +482,10 @@ main {
   width: min(920px, 100%);
   margin: 0 auto;
   overflow: hidden;
-  border-radius: 10px;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
   background: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 
 .matter-header,
@@ -341,8 +500,7 @@ main {
 
 .labels,
 .author,
-.stage-intro,
-.composer {
+.stage-intro {
   display: flex;
   gap: 0.55rem;
   align-items: center;
@@ -364,15 +522,30 @@ main {
 .matter-header h2 {
   margin: 0.9rem 0 0.45rem;
   color: #333;
-  font-size: clamp(1.25rem, 3vw, 1.7rem);
+  font-size: clamp(1.15rem, 2.5vw, 1.4rem);
 }
 
-.matter-header p,
+.summary-description,
 .overview li {
   color: #666;
   line-height: 1.65;
 }
 
+.summary-description {
+  margin: 0.65rem 0;
+  overflow-wrap: anywhere;
+}
+
+.summary-description :deep(p) {
+  margin: 0.45rem 0;
+}
+
+.summary-description :deep(img),
+.summary-description :deep(svg) {
+  max-width: 100%;
+  height: auto;
+}
+
 .author {
   justify-content: flex-end;
 }
@@ -403,28 +576,18 @@ main {
   margin-bottom: 0.8rem;
 }
 
-.demo-questions {
-  display: grid;
-  gap: 0.6rem;
-}
-
-blockquote {
-  margin: 0;
-  padding: 0.75rem 0.9rem;
-  border: 1px solid #eee;
+.vote-schedule {
+  margin: 0 0 0.8rem;
+  padding: 0.65rem 0.8rem;
   border-radius: 6px;
-  background: #fafafa;
-  color: #555;
-  line-height: 1.6;
-}
-
-.composer {
-  align-items: flex-end;
-  margin-top: 0.9rem;
+  background: #eef6ff;
+  color: #245f96;
+  font-size: 0.84rem;
 }
 
-.composer :deep(.n-input) {
-  flex: 1;
+.contribution-list {
+  display: grid;
+  gap: 0.6rem;
 }
 
 .vote-grid {
@@ -456,10 +619,5 @@ blockquote {
   .stages {
     padding: 12px;
   }
-
-  .composer {
-    align-items: stretch;
-    flex-direction: column;
-  }
 }
 </style>
diff --git a/src/views/DemocracyMatterCreate.vue b/src/views/DemocracyMatterCreate.vue
index 3389fa69..18f1ef6d 100644
--- a/src/views/DemocracyMatterCreate.vue
+++ b/src/views/DemocracyMatterCreate.vue
@@ -1,8 +1,15 @@
 <template>
-  <div class="create-page">
+  <n-config-provider class="create-page" :theme-overrides="democracyTheme">
     <Header>
-      <button class="back" type="button" @click="goBack">←</button>
       <div class="heading">
+        <button
+          class="toolbar-icon"
+          type="button"
+          :aria-label="t('democracy.demo.back')"
+          @click="goBack"
+        >
+          ‹
+        </button>
         <h1>{{ pageTitle }}</h1>
         <span v-if="demoMode">{{ t('democracy.demo.badge') }}</span>
       </div>
@@ -10,7 +17,7 @@
 
     <main>
       <section class="form-card">
-        <div class="mode-switch">
+        <div v-if="!isEditing" class="mode-switch">
           <button
             type="button"
             :class="{ active: mode === 'formal' }"
@@ -29,20 +36,58 @@
           </button>
         </div>
 
-        <n-alert v-if="!allowed" type="warning" :show-icon="false">
+        <n-alert v-if="accessLoading" type="info" :show-icon="false">
+          {{ t('democracy.release.checkingAccess') }}
+        </n-alert>
+        <n-alert v-else-if="accessError" type="error" :show-icon="false">
+          <div class="access-error">
+            <span>{{ t('democracy.release.accessFailed') }}</span>
+            <n-button size="small" @click="loadAccess">{{ t('democracy.retry') }}</n-button>
+          </div>
+        </n-alert>
+        <n-alert v-else-if="votingStarted" type="warning" :show-icon="false">
+          {{ t('democracy.create.votingLocked') }}
+        </n-alert>
+        <n-alert v-else-if="!allowed" type="warning" :show-icon="false">
           {{ deniedMessage }}
         </n-alert>
-        <n-alert v-else-if="mode === 'anonymous'" type="info" :show-icon="false">
+        <n-alert v-else type="info" :show-icon="false">
           {{ t('democracy.create.anonymousNotice') }}
         </n-alert>
 
         <n-form :disabled="!allowed || submitting" @submit.prevent="submit">
-          <n-form-item :label="t('democracy.create.kind')">
-            <n-radio-group v-model:value="kind">
+          <n-form-item v-if="mode === 'formal'" :label="t('democracy.create.kind')">
+            <n-radio-group v-model:value="kind" :disabled="isEditing || !allowed || submitting">
               <n-radio-button value="public">{{ t('democracy.tabs.public') }}</n-radio-button>
               <n-radio-button value="oversight">{{ t('democracy.tabs.oversight') }}</n-radio-button>
             </n-radio-group>
           </n-form-item>
+          <n-form-item :label="t('democracy.create.participation')">
+            <n-radio-group
+              v-if="mode === 'formal'"
+              v-model:value="participation"
+              :disabled="votingStarted || !allowed || submitting"
+            >
+              <n-radio-button value="Consultation">
+                {{ t('democracy.create.consultation') }}
+              </n-radio-button>
+              <n-radio-button value="Vote">{{ t('democracy.create.vote') }}</n-radio-button>
+            </n-radio-group>
+            <div v-else class="consultation-only">
+              <strong>{{ t('democracy.create.consultation') }}</strong>
+              <span>{{ t('democracy.create.anonymousConsultationOnly') }}</span>
+            </div>
+          </n-form-item>
+          <n-form-item :label="t('democracy.create.alias')">
+            <n-input
+              v-model:value="anonymousAlias"
+              :input-props="{ 'aria-label': t('democracy.create.alias') }"
+              :maxlength="16"
+              :disabled="isEditing || !allowed || submitting"
+              show-count
+              :placeholder="t('democracy.create.aliasPlaceholder')"
+            />
+          </n-form-item>
           <n-form-item :label="t('democracy.create.subject')">
             <n-input
               v-model:value="subject"
@@ -53,19 +98,75 @@
             />
           </n-form-item>
           <n-form-item :label="t('democracy.create.description')">
-            <n-input
-              v-model:value="description"
-              :input-props="{ 'aria-label': t('democracy.create.description') }"
-              type="textarea"
-              :maxlength="2000"
-              show-count
-              :autosize="{ minRows: 7, maxRows: 14 }"
+            <MdEditor
+              v-model="description"
+              class="democracy-editor"
+              :language="editorLocale"
+              :preview="showPreview"
+              preview-theme="github"
+              :html-preview="false"
+              :no-katex="true"
+              :no-mermaid="true"
+              :no-highlight="true"
+              :no-echarts="true"
+              :no-prettier="true"
+              :no-upload-img="true"
+              :toolbars="toolbars"
+              :read-only="!allowed || submitting"
               :placeholder="t('democracy.create.descriptionPlaceholder')"
             />
+            <div class="editor-count" :class="{ over: description.length > 2000 }">
+              {{ description.length }} / 2000
+            </div>
           </n-form-item>
+          <section v-if="participation === 'Vote'" class="vote-plan">
+            <div class="vote-plan__heading">
+              <div>
+                <h2>{{ t('democracy.create.votePlanTitle') }}</h2>
+                <p>{{ t('democracy.create.votePlanNotice') }}</p>
+              </div>
+            </div>
+            <n-form-item :label="t('democracy.management.voteOptions')">
+              <DemocracyVoteOptionEditor
+                v-model="voteOptions"
+                :disabled="votingStarted || !allowed"
+              />
+            </n-form-item>
+            <div class="vote-plan__dates">
+              <label>
+                <span>{{ t('democracy.create.voteStart') }}</span>
+                <input
+                  v-model="voteStart"
+                  type="datetime-local"
+                  step="1"
+                  :disabled="votingStarted || !allowed"
+                />
+              </label>
+              <label>
+                <span>{{ t('democracy.management.voteDeadline') }}</span>
+                <input
+                  v-model="voteFinish"
+                  type="datetime-local"
+                  step="1"
+                  :disabled="votingStarted || !allowed"
+                />
+              </label>
+            </div>
+            <n-checkbox
+              v-model:checked="voteMultiple"
+              :disabled="votingStarted || !allowed || submitting"
+            >
+              {{ t('democracy.management.multiple') }}
+            </n-checkbox>
+          </section>
           <div class="submit-row">
-            <n-button type="info" attr-type="submit" :loading="submitting" :disabled="!canSubmit">
-              {{ t('democracy.create.submit') }}
+            <n-button
+              type="primary"
+              attr-type="submit"
+              :loading="submitting"
+              :disabled="!canSubmit"
+            >
+              {{ t('mdEditor.publish') }}
             </n-button>
           </div>
         </n-form>
@@ -73,70 +174,265 @@
     </main>
 
     <Footer />
-  </div>
+  </n-config-provider>
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from 'vue'
+import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'
-import { NAlert, NButton, NForm, NFormItem, NInput, NRadioButton, NRadioGroup } from 'naive-ui'
+import {
+  NAlert,
+  NButton,
+  NCheckbox,
+  NConfigProvider,
+  NForm,
+  NFormItem,
+  NInput,
+  NRadioButton,
+  NRadioGroup,
+} from 'naive-ui'
+import { MdEditor } from 'md-editor-v3'
+import type { ToolbarNames } from 'md-editor-v3'
+import 'md-editor-v3/lib/style.css'
 import Header from '@components/utils/Header.vue'
 import Footer from '@components/utils/Footer.vue'
+import DemocracyVoteOptionEditor from '@components/democracy/DemocracyVoteOptionEditor.vue'
 import { showMessage } from '@popup/naiveui'
 import {
   getDemocracyCreationAccess,
+  fetchDemocracyCreationAccess,
+  fetchDemocracyMatter,
+  fetchDemocracyContext,
   submitDemocracyMatter,
+  updateDemocracyMatter,
   type DemocracyMatterInput,
 } from '@services/democracyWall'
-import { isDemocracyDemoMode } from '@services/democracyWallDemo'
+import { getDemocracyDemoAnonymousProfile, isDemocracyDemoMode } from '@services/democracyWallDemo'
+import type { DemocracyMatterParticipation } from '@services/democracyWallContract'
+import { democracyTheme } from '../components/democracy/theme'
 
-const { t } = useI18n()
+const { t, locale } = useI18n()
 const route = useRoute()
 const router = useRouter()
 const demoMode = isDemocracyDemoMode()
-const access = getDemocracyCreationAccess()
+const demoAdminMode = computed(() => route.query.admin === '1')
+const editMatterId = computed(() => String(route.query.edit || ''))
+const isEditing = computed(() => !!editMatterId.value)
+const access = ref(getDemocracyCreationAccess())
 const requestedMode = route.query.mode === 'formal' ? 'formal' : 'anonymous'
-const mode = ref<'formal' | 'anonymous'>(
-  requestedMode === 'formal' && !access.canInitiate ? 'anonymous' : requestedMode,
-)
+const mode = ref<'formal' | 'anonymous'>(requestedMode)
 const kind = ref<DemocracyMatterInput['kind']>('public')
+const participation = ref<DemocracyMatterParticipation>('Consultation')
 const subject = ref('')
 const description = ref('')
+const revision = ref('')
+const existingCanEdit = ref(false)
+const developerAccess = ref(false)
+const originalVoteStart = ref('')
+const now = ref(Date.now())
+let editClock: ReturnType<typeof setInterval> | undefined
+const votingStarted = computed(
+  () =>
+    isEditing.value &&
+    !!originalVoteStart.value &&
+    new Date(originalVoteStart.value).getTime() <= now.value,
+)
+const voteOptions = ref(['', ''])
+const voteStart = ref('')
+const voteFinish = ref('')
+const voteMultiple = ref(false)
+const clientRequestId = crypto.randomUUID()
+const anonymousAlias = ref(demoMode ? getDemocracyDemoAnonymousProfile().alias : '')
+const accessLoading = ref(!demoMode)
+const accessError = ref(false)
 const submitting = ref(false)
+const isMobile = ref(window.innerWidth < 768)
+
+const desktopToolbars: ToolbarNames[] = [
+  'bold',
+  'italic',
+  'underline',
+  'title',
+  'unorderedList',
+  'orderedList',
+  'quote',
+  'code',
+  'link',
+  'preview',
+]
+const mobileToolbars: ToolbarNames[] = ['bold', 'italic', 'title', 'unorderedList', 'link']
 
 const allowed = computed(() =>
-  mode.value === 'formal' ? access.canInitiate : access.canSuggestAnonymously,
+  isEditing.value
+    ? existingCanEdit.value && (!votingStarted.value || developerAccess.value)
+    : mode.value === 'formal'
+      ? access.value.canInitiate
+      : access.value.canSuggestAnonymously,
+)
+const parsedVoteOptions = computed(() =>
+  voteOptions.value.map((option) => option.trim()).filter(Boolean),
 )
+const votePlanValid = computed(() => {
+  if (participation.value !== 'Vote') return true
+  if (votingStarted.value) return developerAccess.value
+  const start = new Date(voteStart.value).getTime()
+  const finish = new Date(voteFinish.value).getTime()
+  return (
+    parsedVoteOptions.value.length >= 2 &&
+    Number.isFinite(start) &&
+    Number.isFinite(finish) &&
+    start > now.value &&
+    finish > start
+  )
+})
 const canSubmit = computed(
-  () => allowed.value && subject.value.trim().length >= 4 && description.value.trim().length >= 10,
+  () =>
+    !accessLoading.value &&
+    !accessError.value &&
+    allowed.value &&
+    subject.value.trim().length >= 4 &&
+    description.value.trim().length >= 10 &&
+    description.value.length <= 2000 &&
+    anonymousAlias.value.trim().length >= 2 &&
+    votePlanValid.value,
 )
 const pageTitle = computed(() =>
-  t(mode.value === 'formal' ? 'democracy.create.formalTitle' : 'democracy.create.anonymousTitle'),
+  t(
+    isEditing.value
+      ? 'democracy.create.editTitle'
+      : mode.value === 'formal'
+        ? 'democracy.create.formalTitle'
+        : 'democracy.create.anonymousTitle',
+  ),
 )
 const deniedMessage = computed(() =>
-  t(mode.value === 'formal' ? 'democracy.create.formalDenied' : 'democracy.create.anonymousDenied'),
+  t(
+    demoMode
+      ? 'democracy.create.postingRevoked'
+      : mode.value === 'formal'
+        ? 'democracy.create.formalDenied'
+        : 'democracy.create.anonymousDenied',
+  ),
 )
+const showPreview = computed(() => !isMobile.value)
+const toolbars = computed(() => (isMobile.value ? mobileToolbars : desktopToolbars))
+const editorLocale = computed(() => {
+  const locales: Record<string, string> = {
+    Chinese: 'zh-CN',
+    English: 'en-US',
+    German: 'de-DE',
+    Japanese: 'ja-JP',
+    French: 'fr-FR',
+  }
+  return locales[locale.value] || 'zh-CN'
+})
+
+function updateViewport() {
+  isMobile.value = window.innerWidth < 768
+}
 
 function goBack() {
-  void router.push({ name: 'democracy', query: demoMode ? { demo: '1' } : {} })
+  void router.push({
+    name: 'democracy',
+    query: {
+      ...(demoMode ? { demo: '1' } : {}),
+      ...(demoMode && route.query.developer === '1' ? { developer: '1' } : {}),
+      ...(demoAdminMode.value ? { admin: '1' } : {}),
+    },
+  })
+}
+
+async function loadAccess() {
+  accessLoading.value = true
+  accessError.value = false
+  try {
+    access.value = await fetchDemocracyCreationAccess()
+    developerAccess.value = (await fetchDemocracyContext()).Permissions.CanDeveloperManage === true
+    if (!anonymousAlias.value) anonymousAlias.value = access.value.anonymousAlias
+  } catch {
+    access.value = getDemocracyCreationAccess()
+    accessError.value = true
+  } finally {
+    accessLoading.value = false
+  }
+}
+
+function toLocalDateTime(value: string) {
+  const date = new Date(value)
+  const local = new Date(date.getTime() - date.getTimezoneOffset() * 60_000)
+  return local.toISOString().slice(0, 19)
+}
+
+function buildVotePlan() {
+  if (participation.value !== 'Vote') return undefined
+  return {
+    FinishAt: new Date(voteFinish.value).toISOString(),
+    Multiple: voteMultiple.value,
+    Options: parsedVoteOptions.value,
+    StartAt: new Date(voteStart.value).toISOString(),
+  }
+}
+
+async function loadExistingMatter() {
+  if (!isEditing.value) return
+  try {
+    const matter = await fetchDemocracyMatter(editMatterId.value)
+    existingCanEdit.value = matter.canEdit
+    revision.value = matter.revision
+    mode.value = matter.mode === 'Suggestion' ? 'anonymous' : 'formal'
+    kind.value = matter.kind === 'Oversight' ? 'oversight' : 'public'
+    participation.value = matter.mode === 'Suggestion' ? 'Consultation' : matter.participation
+    subject.value = matter.summary.Subject
+    description.value = matter.summary.Description?.join('\n') || ''
+    if (matter.votePlan) {
+      originalVoteStart.value = matter.votePlan.StartAt
+      voteOptions.value =
+        matter.votePlan.Options.length >= 2 ? [...matter.votePlan.Options] : ['', '']
+      voteStart.value = toLocalDateTime(matter.votePlan.StartAt)
+      voteFinish.value = toLocalDateTime(matter.votePlan.FinishAt)
+      voteMultiple.value = matter.votePlan.Multiple
+    }
+  } catch {
+    existingCanEdit.value = false
+    showMessage('error', t('democracy.create.loadFailed'), { duration: 3500 })
+  }
 }
 
 async function submit() {
+  now.value = Date.now()
   if (!canSubmit.value) return
   submitting.value = true
   try {
-    const summary = await submitDemocracyMatter({
-      anonymous: mode.value === 'anonymous',
-      description: description.value,
-      kind: kind.value,
-      subject: subject.value,
-    })
+    const votePlan = buildVotePlan()
+    const summary = isEditing.value
+      ? await updateDemocracyMatter({
+          description: description.value,
+          expectedRevision: revision.value,
+          matterId: editMatterId.value,
+          participation: participation.value,
+          subject: subject.value,
+          votePlan,
+        })
+      : await submitDemocracyMatter({
+          anonymous: mode.value === 'anonymous',
+          anonymousAlias: anonymousAlias.value,
+          clientRequestId,
+          description: description.value,
+          kind: mode.value === 'anonymous' ? 'public' : kind.value,
+          participation: mode.value === 'anonymous' ? 'Consultation' : participation.value,
+          subject: subject.value,
+          votePlan,
+        })
     showMessage('success', t('democracy.create.success'), { duration: 2200 })
     await router.push({
       name: 'democracy-matter-detail',
       params: { id: summary.ID },
-      query: demoMode ? { demo: '1' } : {},
+      query: {
+        ...(demoMode ? { demo: '1' } : {}),
+        ...(demoMode && route.query.developer === '1' ? { developer: '1' } : {}),
+        ...(demoAdminMode.value ? { admin: '1' } : {}),
+      },
     })
   } catch {
     showMessage('error', t('democracy.create.failed'), { duration: 3500 })
@@ -144,33 +440,62 @@ async function submit() {
     submitting.value = false
   }
 }
+
+onMounted(() => {
+  editClock = setInterval(() => {
+    now.value = Date.now()
+  }, 500)
+  window.addEventListener('resize', updateViewport)
+  void Promise.allSettled([loadAccess(), loadExistingMatter()])
+})
+
+watch(mode, (value) => {
+  if (value === 'anonymous') participation.value = 'Consultation'
+})
+
+onUnmounted(() => {
+  if (editClock) clearInterval(editClock)
+  window.removeEventListener('resize', updateViewport)
+})
 </script>
 
 <style scoped>
 .create-page {
   min-height: 100dvh;
-  background: #f3f3f3;
+  background: #f5f5f5;
   color: #333;
 }
 
-.back {
-  padding: 0.25rem 0.6rem;
+.toolbar-icon {
+  display: grid;
+  width: 32px;
+  height: 32px;
+  flex: 0 0 auto;
+  padding: 0;
+  place-items: center;
   border: 0;
-  background: transparent;
-  color: #555;
+  border-radius: 6px;
+  background: #e7f4fb;
+  color: #0185c5;
   cursor: pointer;
-  font-size: 1.4rem;
+  font-size: 1.5rem;
 }
 
 .heading {
   display: flex;
+  width: 100%;
+  min-width: 0;
   gap: 0.6rem;
-  align-items: baseline;
+  align-items: center;
 }
 
 .heading h1 {
+  min-width: 0;
   margin: 0;
+  overflow: hidden;
   font-size: 1.2rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .heading span {
@@ -185,40 +510,54 @@ main {
 }
 
 .form-card {
-  width: min(760px, 100%);
+  box-sizing: border-box;
+  width: min(920px, 100%);
   margin: 0 auto;
   padding: clamp(14px, 3vw, 24px);
-  border-radius: 10px;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
   background: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+}
+
+.access-error {
+  display: flex;
+  gap: 0.75rem;
+  align-items: flex-start;
+  flex-direction: column;
 }
 
 .mode-switch {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 4px;
+  display: flex;
+  gap: 1.25rem;
   margin-bottom: 1rem;
-  padding: 4px;
-  border-radius: 8px;
-  background: #eef2f5;
+  border-bottom: 1px solid #e5e7eb;
 }
 
 .mode-switch button {
-  padding: 0.65rem;
+  position: relative;
+  padding: 0.7rem 0.2rem;
   border: 0;
-  border-radius: 6px;
   background: transparent;
-  color: #66717b;
+  color: #6b7280;
   cursor: pointer;
 }
 
 .mode-switch button.active {
-  background: #fff;
   color: #0185c5;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
   font-weight: 650;
 }
 
+.mode-switch button.active::after {
+  position: absolute;
+  right: 0;
+  bottom: -1px;
+  left: 0;
+  height: 2px;
+  background: #0185c5;
+  content: '';
+}
+
 .mode-switch button:disabled {
   cursor: not-allowed;
   opacity: 0.45;
@@ -228,9 +567,105 @@ main {
   margin-bottom: 1rem;
 }
 
+.democracy-editor {
+  width: 100%;
+  min-width: 0;
+  height: clamp(320px, 48dvh, 520px);
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.democracy-editor :deep(.cm-content) {
+  font-size: 16px;
+}
+
+.editor-count {
+  width: 100%;
+  margin-top: 0.35rem;
+  color: #9ca3af;
+  font-size: 0.75rem;
+  text-align: right;
+}
+
+.editor-count.over {
+  color: #d03050;
+}
+
+:deep(.n-form-item-blank) {
+  flex-wrap: wrap;
+  min-width: 0;
+}
+
+.consultation-only {
+  display: grid;
+  width: 100%;
+  gap: 0.2rem;
+  padding: 0.7rem 0.8rem;
+  border: 1px solid #cfe4f3;
+  border-radius: 6px;
+  background: #f3f9fd;
+  color: #285f80;
+}
+
+.consultation-only span {
+  color: #64748b;
+  font-size: 0.82rem;
+}
+
+.vote-plan {
+  margin: 0.5rem 0 1.25rem;
+  padding: 1rem;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  background: #f8fafc;
+}
+
+.vote-plan__heading {
+  display: flex;
+  gap: 1rem;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+
+.vote-plan__heading h2 {
+  margin: 0;
+  font-size: 1rem;
+}
+
+.vote-plan__heading p {
+  margin: 0.35rem 0 1rem;
+  color: #64748b;
+  font-size: 0.82rem;
+}
+
+.vote-plan__dates {
+  display: grid;
+  gap: 0.75rem;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  margin-bottom: 0.8rem;
+}
+
+.vote-plan__dates label {
+  display: grid;
+  gap: 0.35rem;
+  color: #475569;
+  font-size: 0.82rem;
+}
+
+.vote-plan__dates input {
+  min-width: 0;
+  padding: 0.55rem 0.65rem;
+  border: 1px solid #d8dee8;
+  border-radius: 4px;
+  background: #fff;
+  color: inherit;
+}
+
 .submit-row {
   display: flex;
   justify-content: flex-end;
+  padding-top: 0.75rem;
+  border-top: 1px solid #e5e7eb;
 }
 
 @media (max-width: 520px) {
@@ -238,8 +673,20 @@ main {
     padding: 8px;
   }
 
+  .heading span {
+    display: none;
+  }
+
   .submit-row :deep(.n-button) {
     width: 100%;
   }
+
+  .democracy-editor {
+    height: min(48dvh, 380px);
+  }
+
+  .vote-plan__dates {
+    grid-template-columns: 1fr;
+  }
 }
 </style>
diff --git a/src/views/DemocracyWall.vue b/src/views/DemocracyWall.vue
index 7a524c80..5bf5f3a1 100644
--- a/src/views/DemocracyWall.vue
+++ b/src/views/DemocracyWall.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="democracy-page">
+  <n-config-provider class="democracy-page" :theme-overrides="democracyTheme">
     <Header>
       <div class="page-heading">
         <h1>{{ t('democracy.title') }}</h1>
@@ -14,8 +14,18 @@
           <strong>{{ t('democracy.demo.title') }}</strong>
           <span>{{ t('democracy.demo.description') }}</span>
         </div>
-        <n-button size="small" @click="resetDemo">{{ t('democracy.demo.reset') }}</n-button>
+        <div class="demo-actions">
+          <n-button size="small" @click="switchDemoRole">
+            {{
+              demoAdminMode ? t('democracy.demo.switchToUser') : t('democracy.demo.switchToAdmin')
+            }}
+          </n-button>
+          <n-button size="small" @click="resetDemo">{{ t('democracy.demo.reset') }}</n-button>
+        </div>
       </section>
+      <n-alert v-else-if="releaseMode === 'read-only'" type="info" :show-icon="false">
+        {{ t('democracy.release.readOnly') }}
+      </n-alert>
 
       <nav class="scope-switch" :aria-label="t('democracy.scopes.label')">
         <button
@@ -134,29 +144,35 @@
     </main>
 
     <Footer />
-  </div>
+  </n-config-provider>
 </template>
 
 <script setup lang="ts">
 import { computed, defineComponent, h, onActivated, onMounted, ref, type PropType } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { useRoute } from 'vue-router'
-import { NButton, NEmpty, NSpin, NTabPane, NTabs } from 'naive-ui'
+import { useRoute, useRouter } from 'vue-router'
+import { NAlert, NButton, NConfigProvider, NEmpty, NSpin, NTabPane, NTabs } from 'naive-ui'
+import { democracyTheme } from '../components/democracy/theme'
 import Header from '@components/utils/Header.vue'
 import Footer from '@components/utils/Footer.vue'
 import DemocracyEntryCard from '@components/democracy/DemocracyEntryCard.vue'
 import {
   fetchDemocracyEntries,
   fetchDemocracyHistoryEntries,
+  fetchDemocracyCreationAccess,
   getDemocracyCreationAccess,
   type DemocracyEntry,
 } from '@services/democracyWall'
 import { isDemocracyDemoMode, resetDemocracyDemoVotes } from '@services/democracyWallDemo'
+import { getDemocracyWallReleaseMode } from '@services/democracyWallFeature'
 
 const { t } = useI18n()
 const route = useRoute()
+const router = useRouter()
 const demoMode = isDemocracyDemoMode()
-const access = computed(getDemocracyCreationAccess)
+const demoAdminMode = computed(() => route.query.admin === '1')
+const releaseMode = getDemocracyWallReleaseMode()
+const access = ref(getDemocracyCreationAccess())
 const activeScope = ref<'current' | 'history'>(
   route.query.scope === 'history' ? 'history' : 'current',
 )
@@ -219,9 +235,19 @@ function historyTabTitle(key: string, count: number) {
 function createPath(mode: 'formal' | 'anonymous') {
   const query = new URLSearchParams({ mode })
   if (demoMode) query.set('demo', '1')
+  if (demoMode && route.query.developer === '1') query.set('developer', '1')
+  if (demoAdminMode.value) query.set('admin', '1')
   return `#/d/new?${query.toString()}`
 }
 
+async function switchDemoRole() {
+  await router.replace({
+    path: '/d',
+    query: demoAdminMode.value ? { demo: '1' } : { demo: '1', admin: '1' },
+  })
+  await loadCreationAccess()
+}
+
 async function loadEntries() {
   entryLoading.value = true
   entryError.value = false
@@ -234,6 +260,10 @@ async function loadEntries() {
   }
 }
 
+async function loadCreationAccess() {
+  access.value = await fetchDemocracyCreationAccess()
+}
+
 async function loadHistory() {
   historyLoading.value = true
   historyError.value = false
@@ -285,6 +315,7 @@ const EntryGrid = defineComponent({
             key: entry.summary.ID,
             entry,
             demoMode,
+            demoAdminMode: demoAdminMode.value,
             readOnly: props.readOnly,
           }),
         ),
@@ -294,7 +325,7 @@ const EntryGrid = defineComponent({
 })
 
 onActivated(() => {
-  void Promise.allSettled([loadEntries(), loadHistory()])
+  void Promise.allSettled([loadEntries(), loadHistory(), loadCreationAccess()])
 })
 
 onMounted(() => {
@@ -305,7 +336,7 @@ onMounted(() => {
 <style scoped>
 .democracy-page {
   min-height: 100dvh;
-  background: #f3f3f3;
+  background: #f5f5f5;
   color: #333;
 }
 
@@ -331,8 +362,8 @@ onMounted(() => {
 .demo-chip {
   padding: 0.15rem 0.45rem;
   border-radius: 0.3rem;
-  background: #e7f4fb;
-  color: #0185c5;
+  background: #eef2ff;
+  color: #2563eb;
   font-size: 0.72rem;
 }
 
@@ -358,8 +389,8 @@ main {
   justify-content: space-between;
   margin-bottom: 10px;
   padding: 10px 12px;
-  border-left: 4px solid #0185c5;
-  border-radius: 6px;
+  border-left: 4px solid #2563eb;
+  border-radius: 8px;
   background: #fff;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
 }
@@ -370,6 +401,13 @@ main {
   flex-direction: column;
 }
 
+.demo-banner .demo-actions {
+  gap: 0.5rem;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+
 .demo-banner span {
   color: #777;
   font-size: 0.8rem;
@@ -380,6 +418,7 @@ main {
   grid-template-columns: repeat(2, minmax(0, 1fr));
   margin-bottom: 10px;
   padding: 4px;
+  border: 1px solid #e5e7eb;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
@@ -399,8 +438,9 @@ main {
 }
 
 .scope-switch button.active {
-  background: #0185c5;
-  color: #fff;
+  background: #e7f4fb;
+  color: #0185c5;
+  box-shadow: inset 0 -2px #0185c5;
 }
 
 .scope-switch button:focus-visible {
@@ -417,9 +457,10 @@ main {
 
 .content-panel {
   padding: 14px;
-  border-radius: 10px;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
   background: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 
 .panel-heading {
diff --git a/vite-env.d.ts b/vite-env.d.ts
index 11f02fe2..fb606ef5 100644
--- a/vite-env.d.ts
+++ b/vite-env.d.ts
@@ -1 +1,9 @@
 /// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_DEMOCRACY_WALL_MODE?: 'off' | 'read-only' | 'full'
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}