diff --git a/.gitignore b/.gitignore
index 73f482a..aee616c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,13 +1 @@
-node_modules/
-dist/
-.env
-.env.local
-*.log
-logs/
-storage/
-.mysql/
-.DS_Store
-Thumbs.db
-apps/*/dist/
-apps/*/node_modules/
-*.tsbuildinfo
+desktop/
diff --git a/apps/web/src/components/Composer.tsx b/apps/web/src/components/Composer.tsx
deleted file mode 100644
index 427228a..0000000
--- a/apps/web/src/components/Composer.tsx
+++ /dev/null
@@ -1,470 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from 'react'
-import { AtSign, ImagePlus, Loader2, Quote, Send, Smile, Users, VolumeX, X } from 'lucide-react'
-import { api } from '../lib/api'
-import { getSocket } from '../lib/socket'
-import type { Attachment } from '../types'
-import { cn, displayUserName, formatBytes, matchesSearch, matchesUserSearch } from '../lib/utils'
-import { useAuth } from '../stores/auth'
-import { useChat } from '../stores/chat'
-import { toastError, useToast } from '../stores/toast'
-import { Avatar } from './Avatar'
-
-const EMOJIS = [
-  '😀', '😄', '😁', '😆', '😂', '🤣', '😊', '😍',
-  '😘', '😎', '🤔', '😅', '😢', '😭', '😡', '🥳',
-  '👍', '👎', '👏', '🙏', '💪', '🤝', '❤️', '🔥',
-  '🎉', '✨', '💯', '☕', '🌈', '🐶', '🍜', '🚀',
-]
-
-interface MentionCandidate {
-  key: string
-  label: string
-  handle: string
-  all: boolean
-  avatarUrl?: string | null
-}
-
-function formatMuteUntil(iso: string): string {
-  const ms = new Date(iso).getTime() - Date.now()
-  if (ms <= 0) return ''
-  const mins = Math.ceil(ms / 60_000)
-  if (mins < 60) return `${mins} 分钟后解除`
-  const hours = Math.ceil(mins / 60)
-  if (hours < 24) return `${hours} 小时后解除`
-  return `${Math.ceil(hours / 24)} 天后解除`
-}
-
-export function Composer({ conversationId }: { conversationId: string }) {
-  const me = useAuth((s) => s.user)
-  const detail = useChat((s) => s.detail)
-  const conversation = useChat((s) => s.conversations.find((c) => c.id === conversationId))
-  const replyTo = useChat((s) => s.replyTo)
-  const setReplyTo = useChat((s) => s.setReplyTo)
-
-  const [text, setText] = useState('')
-  const [attachments, setAttachments] = useState<Attachment[]>([])
-  const [uploading, setUploading] = useState(0)
-  const [emojiOpen, setEmojiOpen] = useState(false)
-  const [dragOver, setDragOver] = useState(false)
-  const [mention, setMention] = useState<{ start: number; query: string } | null>(null)
-  const [mentionIndex, setMentionIndex] = useState(0)
-  const inputRef = useRef<HTMLTextAreaElement>(null)
-  const fileRef = useRef<HTMLInputElement>(null)
-  const typingAt = useRef(0)
-  const stopTimer = useRef<number | undefined>(undefined)
-  const toast = useToast((s) => s.push)
-
-  const groupDetail =
-    detail && detail.id === conversationId && detail.type === 'GROUP' ? detail : null
-  const isGroup = conversation?.type === 'GROUP' || !!groupDetail
-  const mutedByAll = !!groupDetail && groupDetail.muteAll && groupDetail.role === 'MEMBER'
-  const mutedByUser =
-    !!groupDetail?.myMutedUntil && new Date(groupDetail.myMutedUntil).getTime() > Date.now()
-  const muted = mutedByAll || mutedByUser
-
-  const candidates = useMemo<MentionCandidate[]>(() => {
-    if (!mention || !groupDetail) return []
-    const q = mention.query.trim()
-    const members = groupDetail.members
-      .filter((m) => m.user.id !== me?.id)
-      .filter((m) => !q || matchesUserSearch(m.user, q))
-      .slice(0, 8)
-      .map((m) => ({
-        key: m.user.id,
-        label: displayUserName(m.user),
-        handle: m.user.handle,
-        all: false,
-        avatarUrl: m.user.avatarUrl,
-      }))
-    const allMatches =
-      !q || matchesSearch('所有人', q) || matchesSearch('all', q)
-    return allMatches
-      ? [{ key: 'all', label: '所有人', handle: '所有人', all: true }, ...members]
-      : members
-  }, [mention, groupDetail, me?.id])
-
-  const activeIndex = candidates.length ? Math.min(mentionIndex, candidates.length - 1) : 0
-
-  const emitTyping = () => {
-    const socket = getSocket()
-    if (!socket?.connected) return
-    const now = Date.now()
-    if (now - typingAt.current > 2000) {
-      socket.emit('typing:start', { conversationId })
-      typingAt.current = now
-    }
-    window.clearTimeout(stopTimer.current)
-    stopTimer.current = window.setTimeout(() => {
-      socket.emit('typing:stop', { conversationId })
-    }, 2500)
-  }
-
-  useEffect(() => {
-    if (!replyTo) return
-    const frame = requestAnimationFrame(() => inputRef.current?.focus())
-    return () => cancelAnimationFrame(frame)
-  }, [replyTo])
-
-  const syncMention = (value: string, cursor: number) => {
-    if (!isGroup) {
-      if (mention) setMention(null)
-      return
-    }
-    const before = value.slice(0, cursor)
-    const match = /(^|\s)@([^\n@]*)$/.exec(before)
-    if (!match) {
-      if (mention) setMention(null)
-      return
-    }
-    const start = cursor - match[2].length - 1
-    const query = match[2]
-    if (mention && mention.start === start && mention.query === query) return
-    setMention({ start, query })
-    setMentionIndex(0)
-    setEmojiOpen(false)
-  }
-
-  const insertMention = (candidate: MentionCandidate) => {
-    if (!mention) return
-    const start = mention.start
-    const cursor = Math.max(start, inputRef.current?.selectionStart ?? text.length)
-    const token = `@${candidate.all ? '所有人' : candidate.label.trim()} `
-    const next = text.slice(0, start) + token + text.slice(cursor)
-    setText(next)
-    setMention(null)
-    requestAnimationFrame(() => {
-      const el = inputRef.current
-      if (!el) return
-      el.focus()
-      const pos = start + token.length
-      el.setSelectionRange(pos, pos)
-    })
-  }
-
-  const insertAt = () => {
-    if (muted) return
-    const cursor = inputRef.current?.selectionStart ?? text.length
-    const next = text.slice(0, cursor) + '@' + text.slice(cursor)
-    setText(next)
-    setMention({ start: cursor, query: '' })
-    setMentionIndex(0)
-    setEmojiOpen(false)
-    requestAnimationFrame(() => {
-      const el = inputRef.current
-      if (!el) return
-      el.focus()
-      el.setSelectionRange(cursor + 1, cursor + 1)
-    })
-  }
-
-  const uploadFiles = async (files: File[]) => {
-    if (!files.length || muted) return
-    if (attachments.length + files.length > 6) {
-      toast('每条消息最多 6 个附件', 'error')
-      return
-    }
-    setUploading((n) => n + files.length)
-    for (const file of files) {
-      if (file.size > 20 * 1024 * 1024) {
-        toast(`${file.name} 超过 20MB`, 'error')
-        setUploading((n) => n - 1)
-        continue
-      }
-      try {
-        const { attachment } = await api.uploadAttachment(file)
-        setAttachments((prev) => [...prev, attachment])
-      } catch (err) {
-        toastError(err, '上传失败')
-      } finally {
-        setUploading((n) => n - 1)
-      }
-    }
-  }
-
-  const send = async () => {
-    if (muted) return
-    const content = text
-    if (!content.trim() && !attachments.length) return
-    if (uploading > 0) {
-      toast('还有文件正在上传，请稍候', 'error')
-      return
-    }
-    const files = attachments
-    setText('')
-    setAttachments([])
-    setEmojiOpen(false)
-    setMention(null)
-    const socket = getSocket()
-    socket?.emit('typing:stop', { conversationId })
-    await useChat.getState().send(conversationId, content, files)
-    inputRef.current?.focus()
-  }
-
-  return (
-    <div
-      className={cn(
-        'relative border-t border-line bg-panel px-3 pt-2.5 pb-[max(0.75rem,env(safe-area-inset-bottom))] sm:px-5',
-        dragOver && 'bg-accent-soft/40'
-      )}
-      onDragOver={(e) => {
-        e.preventDefault()
-        if (!muted) setDragOver(true)
-      }}
-      onDragLeave={() => setDragOver(false)}
-      onDrop={(e) => {
-        e.preventDefault()
-        setDragOver(false)
-        if (!muted) void uploadFiles([...e.dataTransfer.files])
-      }}
-    >
-      {mention && candidates.length > 0 && (
-        <div className="animate-in absolute bottom-full left-3 z-20 mb-2 w-64 overflow-hidden rounded-xl border border-line bg-panel shadow-xl sm:left-5">
-          <p className="border-b border-line px-3 py-1.5 text-[10px] text-muted">
-            选择要提及的成员
-          </p>
-          <div className="max-h-64 overflow-y-auto py-1">
-            {candidates.map((candidate, index) => (
-              <button
-                key={candidate.key}
-                onMouseDown={(e) => e.preventDefault()}
-                onClick={() => insertMention(candidate)}
-                className={cn(
-                  'flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors',
-                  index === activeIndex ? 'bg-accent-soft text-accent' : 'hover:bg-panel2'
-                )}
-              >
-                {candidate.all ? (
-                  <span className="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-accent/15 text-accent">
-                    <Users size={12} />
-                  </span>
-                ) : (
-                  <Avatar
-                    id={candidate.key}
-                    name={candidate.label}
-                    avatarUrl={candidate.avatarUrl}
-                    size={20}
-                  />
-                )}
-                <span className="min-w-0 flex-1 truncate">{candidate.label}</span>
-                <span className="shrink-0 text-[10px] text-muted">@{candidate.handle}</span>
-              </button>
-            ))}
-          </div>
-        </div>
-      )}
-
-      {emojiOpen && !muted && (
-        <div className="animate-in absolute bottom-full left-3 z-20 mb-2 grid w-64 grid-cols-8 gap-1 rounded-xl border border-line bg-panel p-2 shadow-xl sm:left-5">
-          {EMOJIS.map((emoji) => (
-            <button
-              key={emoji}
-              onClick={() => {
-                setText((v) => v + emoji)
-                inputRef.current?.focus()
-              }}
-              className="rounded-md p-1 text-lg transition-colors hover:bg-panel2"
-            >
-              {emoji}
-            </button>
-          ))}
-        </div>
-      )}
-
-      {muted && (
-        <div className="mb-2 flex items-start gap-2 rounded-lg bg-amber-500/10 px-3 py-2 text-[11px] leading-relaxed text-amber-600 dark:text-amber-400">
-          <VolumeX size={13} className="mt-0.5 shrink-0" />
-          <span>
-            {mutedByAll
-              ? '全员禁言中，仅群主和管理员可发言。'
-              : `你已被禁言，${groupDetail?.myMutedUntil ? formatMuteUntil(groupDetail.myMutedUntil) : ''}。`}
-          </span>
-        </div>
-      )}
-
-      {replyTo && !muted && (
-        <div className="mb-2 flex items-start gap-2 rounded-lg border border-line bg-panel2 px-2.5 py-2 text-xs">
-          <Quote size={13} className="mt-0.5 shrink-0 text-accent" />
-          <div className="min-w-0 flex-1">
-            <p className="truncate font-medium text-accent">
-              回复 {displayUserName(replyTo.sender)}
-            </p>
-            <p className="truncate text-muted">
-              {replyTo.deletedAt
-                ? '消息已撤回'
-                : replyTo.type === 'IMAGE'
-                  ? '[图片]'
-                  : replyTo.type === 'FILE'
-                    ? '[文件]'
-                    : replyTo.content || '[消息]'}
-            </p>
-          </div>
-          <button
-            onClick={() => setReplyTo(null)}
-            className="shrink-0 rounded p-0.5 text-muted hover:text-fg"
-            title="取消引用"
-          >
-            <X size={13} />
-          </button>
-        </div>
-      )}
-
-      {(attachments.length > 0 || uploading > 0) && (
-        <div className="mb-2 flex flex-wrap gap-2">
-          {attachments.map((a) => (
-            <div
-              key={a.id}
-              className="group relative flex items-center gap-2 rounded-lg border border-line bg-panel2 py-1.5 pr-6 pl-2 text-xs"
-            >
-              {a.mimeType.startsWith('image/') ? (
-                <img src={a.thumbUrl ?? a.url} alt="" className="h-8 w-8 rounded object-cover" />
-              ) : (
-                <span className="flex h-8 w-8 items-center justify-center rounded bg-panel text-[10px] text-muted">
-                  FILE
-                </span>
-              )}
-              <span className="max-w-32 truncate">{a.fileName}</span>
-              <span className="text-[10px] text-muted">{formatBytes(a.size)}</span>
-              <button
-                onClick={() => setAttachments((prev) => prev.filter((x) => x.id !== a.id))}
-                className="absolute top-1 right-1 rounded p-0.5 text-muted hover:text-danger"
-              >
-                <X size={12} />
-              </button>
-            </div>
-          ))}
-          {uploading > 0 && (
-            <div className="flex items-center gap-1.5 rounded-lg border border-line bg-panel2 px-2 py-1.5 text-xs text-muted">
-              <Loader2 size={13} className="animate-spin" /> 上传中 {uploading}
-            </div>
-          )}
-        </div>
-      )}
-
-      <div className="flex items-end gap-1.5">
-        <button
-          onClick={() => fileRef.current?.click()}
-          disabled={muted}
-          className="mb-0.5 rounded-lg p-2 text-muted transition-colors hover:bg-panel2 hover:text-fg disabled:cursor-not-allowed disabled:opacity-40"
-          title="发送图片或文件"
-        >
-          <ImagePlus size={19} />
-        </button>
-        <input
-          ref={fileRef}
-          type="file"
-          multiple
-          className="hidden"
-          onChange={(e) => {
-            void uploadFiles([...(e.target.files ?? [])])
-            e.target.value = ''
-          }}
-        />
-
-        <button
-          onClick={() => {
-            if (muted) return
-            setEmojiOpen((v) => !v)
-            setMention(null)
-          }}
-          disabled={muted}
-          className={cn(
-            'mb-0.5 rounded-lg p-2 transition-colors hover:bg-panel2 disabled:cursor-not-allowed disabled:opacity-40',
-            emojiOpen ? 'text-accent' : 'text-muted hover:text-fg'
-          )}
-          title="表情"
-        >
-          <Smile size={19} />
-        </button>
-
-        {isGroup && (
-          <button
-            onClick={insertAt}
-            disabled={muted}
-            className="mb-0.5 rounded-lg p-2 text-muted transition-colors hover:bg-panel2 hover:text-fg disabled:cursor-not-allowed disabled:opacity-40"
-            title="提及成员"
-          >
-            <AtSign size={19} />
-          </button>
-        )}
-
-        <div
-          className={cn(
-            'min-w-0 flex-1 rounded-xl border border-line bg-panel2 transition-colors focus-within:border-accent/60',
-            muted && 'opacity-60'
-          )}
-        >
-          <textarea
-            ref={inputRef}
-            value={text}
-            rows={1}
-            maxLength={4000}
-            disabled={muted}
-            onChange={(e) => {
-              const value = e.target.value
-              setText(value)
-              syncMention(value, e.target.selectionStart ?? value.length)
-              if (value.trim() && !muted) emitTyping()
-            }}
-            onClick={(e) => syncMention(text, e.currentTarget.selectionStart ?? text.length)}
-            onKeyUp={(e) => {
-              if (e.key === 'ArrowUp' || e.key === 'ArrowDown') return
-              syncMention(text, e.currentTarget.selectionStart ?? text.length)
-            }}
-            onPaste={(e) => {
-              const files = [...e.clipboardData.files]
-              if (files.length && !muted) {
-                e.preventDefault()
-                void uploadFiles(files)
-              }
-            }}
-            onKeyDown={(e) => {
-              if (mention && candidates.length > 0) {
-                if (e.key === 'ArrowDown') {
-                  e.preventDefault()
-                  setMentionIndex((activeIndex + 1) % candidates.length)
-                  return
-                }
-                if (e.key === 'ArrowUp') {
-                  e.preventDefault()
-                  setMentionIndex((activeIndex - 1 + candidates.length) % candidates.length)
-                  return
-                }
-                if (e.key === 'Enter' || e.key === 'Tab') {
-                  e.preventDefault()
-                  insertMention(candidates[activeIndex])
-                  return
-                }
-                if (e.key === 'Escape') {
-                  e.preventDefault()
-                  setMention(null)
-                  return
-                }
-              }
-              if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {
-                e.preventDefault()
-                void send()
-              }
-            }}
-            placeholder={
-              muted
-                ? '你已被禁言，暂时无法发送消息'
-                : isGroup
-                  ? '输入消息，输入 @ 提及成员，Enter 发送'
-                  : '输入消息，Enter 发送，Shift+Enter 换行'
-            }
-            className="max-h-40 w-full resize-none bg-transparent px-3 py-2.5 text-sm leading-relaxed outline-none placeholder:text-muted/70 disabled:cursor-not-allowed"
-          />
-        </div>
-
-        <button
-          onClick={() => void send()}
-          disabled={muted || (!text.trim() && !attachments.length) || uploading > 0}
-          className="mb-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-accent text-white transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-35"
-          title="发送"
-        >
-          <Send size={17} />
-        </button>
-      </div>
-    </div>
-  )
-}
diff --git a/.env.example b/server/.env.example
similarity index 100%
rename from .env.example
rename to server/.env.example
diff --git a/server/.gitignore b/server/.gitignore
new file mode 100644
index 0000000..73f482a
--- /dev/null
+++ b/server/.gitignore
@@ -0,0 +1,13 @@
+node_modules/
+dist/
+.env
+.env.local
+*.log
+logs/
+storage/
+.mysql/
+.DS_Store
+Thumbs.db
+apps/*/dist/
+apps/*/node_modules/
+*.tsbuildinfo
diff --git a/.npmrc b/server/.npmrc
similarity index 100%
rename from .npmrc
rename to server/.npmrc
diff --git a/apps/server/package.json b/server/apps/server/package.json
similarity index 100%
rename from apps/server/package.json
rename to server/apps/server/package.json
diff --git a/apps/server/prisma/migrations/20261024093035_init/migration.sql b/server/apps/server/prisma/migrations/20261024093035_init/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261024093035_init/migration.sql
rename to server/apps/server/prisma/migrations/20261024093035_init/migration.sql
diff --git a/apps/server/prisma/migrations/20261024110000_remove_public_rooms/migration.sql b/server/apps/server/prisma/migrations/20261024110000_remove_public_rooms/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261024110000_remove_public_rooms/migration.sql
rename to server/apps/server/prisma/migrations/20261024110000_remove_public_rooms/migration.sql
diff --git a/apps/server/prisma/migrations/20261024120000_add_friends/migration.sql b/server/apps/server/prisma/migrations/20261024120000_add_friends/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261024120000_add_friends/migration.sql
rename to server/apps/server/prisma/migrations/20261024120000_add_friends/migration.sql
diff --git a/apps/server/prisma/migrations/20261024130000_group_features/migration.sql b/server/apps/server/prisma/migrations/20261024130000_group_features/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261024130000_group_features/migration.sql
rename to server/apps/server/prisma/migrations/20261024130000_group_features/migration.sql
diff --git a/apps/server/prisma/migrations/20261024140000_user_meta_and_conversation_prefs/migration.sql b/server/apps/server/prisma/migrations/20261024140000_user_meta_and_conversation_prefs/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261024140000_user_meta_and_conversation_prefs/migration.sql
rename to server/apps/server/prisma/migrations/20261024140000_user_meta_and_conversation_prefs/migration.sql
diff --git a/apps/server/prisma/migrations/20261024200000_two_factor_and_drive/migration.sql b/server/apps/server/prisma/migrations/20261024200000_two_factor_and_drive/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261024200000_two_factor_and_drive/migration.sql
rename to server/apps/server/prisma/migrations/20261024200000_two_factor_and_drive/migration.sql
diff --git a/apps/server/prisma/migrations/20261024230000_message_pins/migration.sql b/server/apps/server/prisma/migrations/20261024230000_message_pins/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261024230000_message_pins/migration.sql
rename to server/apps/server/prisma/migrations/20261024230000_message_pins/migration.sql
diff --git a/apps/server/prisma/migrations/20261024233000_folder_share/migration.sql b/server/apps/server/prisma/migrations/20261024233000_folder_share/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261024233000_folder_share/migration.sql
rename to server/apps/server/prisma/migrations/20261024233000_folder_share/migration.sql
diff --git a/apps/server/prisma/migrations/20261024234500_favorites/migration.sql b/server/apps/server/prisma/migrations/20261024234500_favorites/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261024234500_favorites/migration.sql
rename to server/apps/server/prisma/migrations/20261024234500_favorites/migration.sql
diff --git a/apps/server/prisma/migrations/20261024235000_self_friendship/migration.sql b/server/apps/server/prisma/migrations/20261024235000_self_friendship/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261024235000_self_friendship/migration.sql
rename to server/apps/server/prisma/migrations/20261024235000_self_friendship/migration.sql
diff --git a/apps/server/prisma/migrations/20261025001000_forward_records/migration.sql b/server/apps/server/prisma/migrations/20261025001000_forward_records/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261025001000_forward_records/migration.sql
rename to server/apps/server/prisma/migrations/20261025001000_forward_records/migration.sql
diff --git a/apps/server/prisma/migrations/20261025120000_tag_colors/migration.sql b/server/apps/server/prisma/migrations/20261025120000_tag_colors/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261025120000_tag_colors/migration.sql
rename to server/apps/server/prisma/migrations/20261025120000_tag_colors/migration.sql
diff --git a/apps/server/prisma/migrations/20261025200000_group_invites/migration.sql b/server/apps/server/prisma/migrations/20261025200000_group_invites/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261025200000_group_invites/migration.sql
rename to server/apps/server/prisma/migrations/20261025200000_group_invites/migration.sql
diff --git a/apps/server/prisma/migrations/20261025220000_notifications/migration.sql b/server/apps/server/prisma/migrations/20261025220000_notifications/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261025220000_notifications/migration.sql
rename to server/apps/server/prisma/migrations/20261025220000_notifications/migration.sql
diff --git a/apps/server/prisma/migrations/20261025230000_report_notes/migration.sql b/server/apps/server/prisma/migrations/20261025230000_report_notes/migration.sql
similarity index 100%
rename from apps/server/prisma/migrations/20261025230000_report_notes/migration.sql
rename to server/apps/server/prisma/migrations/20261025230000_report_notes/migration.sql
diff --git a/apps/server/prisma/migrations/migration_lock.toml b/server/apps/server/prisma/migrations/migration_lock.toml
similarity index 100%
rename from apps/server/prisma/migrations/migration_lock.toml
rename to server/apps/server/prisma/migrations/migration_lock.toml
diff --git a/apps/server/prisma/schema.prisma b/server/apps/server/prisma/schema.prisma
similarity index 100%
rename from apps/server/prisma/schema.prisma
rename to server/apps/server/prisma/schema.prisma
diff --git a/server/apps/server/scripts/backfill-markdown-attachments.cjs b/server/apps/server/scripts/backfill-markdown-attachments.cjs
new file mode 100644
index 0000000..5286020
--- /dev/null
+++ b/server/apps/server/scripts/backfill-markdown-attachments.cjs
@@ -0,0 +1,61 @@
+/* eslint-disable no-console */
+const fs = require('node:fs')
+const path = require('node:path')
+
+function loadEnv() {
+  const envPath = path.resolve(__dirname, '../../../.env')
+  if (!fs.existsSync(envPath)) return
+  const text = fs.readFileSync(envPath, 'utf8')
+  for (const line of text.split(/\r?\n/)) {
+    const match = /^([A-Z0-9_]+)\s*=\s*"?([^"]*)"?\s*$/.exec(line.trim())
+    if (match) process.env[match[1]] = match[2]
+  }
+}
+
+loadEnv()
+
+const { PrismaClient } = require('@prisma/client')
+const prisma = new PrismaClient()
+
+async function main() {
+  const messages = await prisma.message.findMany({
+    where: { content: { contains: '/api/files/attachment/' } },
+    select: { id: true, senderId: true, content: true },
+  })
+
+  let linked = 0
+  let scanned = 0
+  for (const message of messages) {
+    scanned += 1
+    if (!message.content) continue
+    const ids = [
+      ...new Set(
+        [...message.content.matchAll(/\/api\/files\/attachment\/([0-9A-HJKMNP-TV-Z]{26})/g)].map(
+          (match) => match[1]
+        )
+      ),
+    ]
+    if (!ids.length) continue
+    const result = await prisma.attachment.updateMany({
+      where: {
+        id: { in: ids },
+        uploaderId: message.senderId,
+        messageId: null,
+      },
+      data: { messageId: message.id },
+    })
+    linked += result.count
+  }
+
+  console.log(`scanned messages: ${scanned}`)
+  console.log(`linked attachments: ${linked}`)
+}
+
+main()
+  .catch((error) => {
+    console.error(error)
+    process.exitCode = 1
+  })
+  .finally(async () => {
+    await prisma.$disconnect()
+  })
diff --git a/apps/server/src/app.ts b/server/apps/server/src/app.ts
similarity index 100%
rename from apps/server/src/app.ts
rename to server/apps/server/src/app.ts
diff --git a/apps/server/src/db.ts b/server/apps/server/src/db.ts
similarity index 100%
rename from apps/server/src/db.ts
rename to server/apps/server/src/db.ts
diff --git a/apps/server/src/env.ts b/server/apps/server/src/env.ts
similarity index 100%
rename from apps/server/src/env.ts
rename to server/apps/server/src/env.ts
diff --git a/apps/server/src/index.ts b/server/apps/server/src/index.ts
similarity index 100%
rename from apps/server/src/index.ts
rename to server/apps/server/src/index.ts
diff --git a/apps/server/src/lib/auth.ts b/server/apps/server/src/lib/auth.ts
similarity index 100%
rename from apps/server/src/lib/auth.ts
rename to server/apps/server/src/lib/auth.ts
diff --git a/apps/server/src/lib/blocks.ts b/server/apps/server/src/lib/blocks.ts
similarity index 100%
rename from apps/server/src/lib/blocks.ts
rename to server/apps/server/src/lib/blocks.ts
diff --git a/apps/server/src/lib/errors.ts b/server/apps/server/src/lib/errors.ts
similarity index 100%
rename from apps/server/src/lib/errors.ts
rename to server/apps/server/src/lib/errors.ts
diff --git a/apps/server/src/lib/ids.ts b/server/apps/server/src/lib/ids.ts
similarity index 100%
rename from apps/server/src/lib/ids.ts
rename to server/apps/server/src/lib/ids.ts
diff --git a/apps/server/src/lib/mailer.ts b/server/apps/server/src/lib/mailer.ts
similarity index 100%
rename from apps/server/src/lib/mailer.ts
rename to server/apps/server/src/lib/mailer.ts
diff --git a/apps/server/src/lib/password.ts b/server/apps/server/src/lib/password.ts
similarity index 100%
rename from apps/server/src/lib/password.ts
rename to server/apps/server/src/lib/password.ts
diff --git a/apps/server/src/lib/presence.ts b/server/apps/server/src/lib/presence.ts
similarity index 100%
rename from apps/server/src/lib/presence.ts
rename to server/apps/server/src/lib/presence.ts
diff --git a/apps/server/src/lib/ratelimit.ts b/server/apps/server/src/lib/ratelimit.ts
similarity index 100%
rename from apps/server/src/lib/ratelimit.ts
rename to server/apps/server/src/lib/ratelimit.ts
diff --git a/apps/server/src/lib/remarks.ts b/server/apps/server/src/lib/remarks.ts
similarity index 100%
rename from apps/server/src/lib/remarks.ts
rename to server/apps/server/src/lib/remarks.ts
diff --git a/apps/server/src/lib/send-file.ts b/server/apps/server/src/lib/send-file.ts
similarity index 100%
rename from apps/server/src/lib/send-file.ts
rename to server/apps/server/src/lib/send-file.ts
diff --git a/apps/server/src/lib/serialize.ts b/server/apps/server/src/lib/serialize.ts
similarity index 76%
rename from apps/server/src/lib/serialize.ts
rename to server/apps/server/src/lib/serialize.ts
index b874ac4..72d4c2b 100644
--- a/apps/server/src/lib/serialize.ts
+++ b/server/apps/server/src/lib/serialize.ts
@@ -93,11 +93,42 @@ export type MessageWithRelations = Message & {
   attachments: Attachment[]
 }
 
+export const MAX_REPLY_DEPTH = 5
+
+function replyDto(
+  m: MessageWithRelations,
+  remarks: Map<string, string> | undefined,
+  replyById: Map<string, MessageWithRelations> | undefined,
+  depth: number
+): Record<string, unknown> {
+  const nested =
+    depth < MAX_REPLY_DEPTH && m.replyToId && replyById
+      ? (replyById.get(m.replyToId) ?? null)
+      : null
+  return {
+    id: m.id,
+    conversationId: m.conversationId,
+    senderId: m.senderId,
+    type: m.type,
+    content: m.deletedAt ? null : m.content,
+    createdAt: m.createdAt.toISOString(),
+    deletedAt: m.deletedAt?.toISOString() ?? null,
+    sender: {
+      ...userDto(m.sender),
+      remark: remarks?.get(m.senderId) ?? null,
+    },
+    attachments: m.deletedAt ? [] : m.attachments.map(attachmentDto),
+    replyToId: m.replyToId,
+    replyTo: nested ? replyDto(nested, remarks, replyById, depth + 1) : null,
+  }
+}
+
 export function messageDto(
   m: MessageWithRelations,
   remarks?: Map<string, string>,
   replyTo?: MessageWithRelations | null,
-  favorited = false
+  favorited = false,
+  replyById?: Map<string, MessageWithRelations>
 ) {
   return {
     id: m.id,
@@ -116,21 +147,6 @@ export function messageDto(
     attachments: m.deletedAt ? [] : m.attachments.map(attachmentDto),
     favorited,
     mentions: [] as string[],
-    replyTo: replyTo
-      ? {
-          id: replyTo.id,
-          conversationId: replyTo.conversationId,
-          senderId: replyTo.senderId,
-          type: replyTo.type,
-          content: replyTo.deletedAt ? null : replyTo.content,
-          createdAt: replyTo.createdAt.toISOString(),
-          deletedAt: replyTo.deletedAt?.toISOString() ?? null,
-          sender: {
-            ...userDto(replyTo.sender),
-            remark: remarks?.get(replyTo.senderId) ?? null,
-          },
-          attachments: replyTo.deletedAt ? [] : replyTo.attachments.map(attachmentDto),
-        }
-      : null,
+    replyTo: replyTo ? replyDto(replyTo, remarks, replyById, 1) : null,
   }
 }
diff --git a/apps/server/src/lib/storage.ts b/server/apps/server/src/lib/storage.ts
similarity index 100%
rename from apps/server/src/lib/storage.ts
rename to server/apps/server/src/lib/storage.ts
diff --git a/apps/server/src/lib/twofactor.ts b/server/apps/server/src/lib/twofactor.ts
similarity index 100%
rename from apps/server/src/lib/twofactor.ts
rename to server/apps/server/src/lib/twofactor.ts
diff --git a/apps/server/src/plugins/socket.ts b/server/apps/server/src/plugins/socket.ts
similarity index 100%
rename from apps/server/src/plugins/socket.ts
rename to server/apps/server/src/plugins/socket.ts
diff --git a/apps/server/src/realtime.ts b/server/apps/server/src/realtime.ts
similarity index 100%
rename from apps/server/src/realtime.ts
rename to server/apps/server/src/realtime.ts
diff --git a/apps/server/src/routes/admin.ts b/server/apps/server/src/routes/admin.ts
similarity index 100%
rename from apps/server/src/routes/admin.ts
rename to server/apps/server/src/routes/admin.ts
diff --git a/apps/server/src/routes/adminNotifications.ts b/server/apps/server/src/routes/adminNotifications.ts
similarity index 100%
rename from apps/server/src/routes/adminNotifications.ts
rename to server/apps/server/src/routes/adminNotifications.ts
diff --git a/apps/server/src/routes/auth.ts b/server/apps/server/src/routes/auth.ts
similarity index 100%
rename from apps/server/src/routes/auth.ts
rename to server/apps/server/src/routes/auth.ts
diff --git a/apps/server/src/routes/cap.ts b/server/apps/server/src/routes/cap.ts
similarity index 100%
rename from apps/server/src/routes/cap.ts
rename to server/apps/server/src/routes/cap.ts
diff --git a/apps/server/src/routes/conversations.ts b/server/apps/server/src/routes/conversations.ts
similarity index 100%
rename from apps/server/src/routes/conversations.ts
rename to server/apps/server/src/routes/conversations.ts
diff --git a/apps/server/src/routes/drive.ts b/server/apps/server/src/routes/drive.ts
similarity index 100%
rename from apps/server/src/routes/drive.ts
rename to server/apps/server/src/routes/drive.ts
diff --git a/apps/server/src/routes/friends.ts b/server/apps/server/src/routes/friends.ts
similarity index 100%
rename from apps/server/src/routes/friends.ts
rename to server/apps/server/src/routes/friends.ts
diff --git a/apps/server/src/routes/groupInvites.ts b/server/apps/server/src/routes/groupInvites.ts
similarity index 100%
rename from apps/server/src/routes/groupInvites.ts
rename to server/apps/server/src/routes/groupInvites.ts
diff --git a/apps/server/src/routes/me.ts b/server/apps/server/src/routes/me.ts
similarity index 100%
rename from apps/server/src/routes/me.ts
rename to server/apps/server/src/routes/me.ts
diff --git a/apps/server/src/routes/messages.ts b/server/apps/server/src/routes/messages.ts
similarity index 100%
rename from apps/server/src/routes/messages.ts
rename to server/apps/server/src/routes/messages.ts
diff --git a/apps/server/src/routes/moderation.ts b/server/apps/server/src/routes/moderation.ts
similarity index 100%
rename from apps/server/src/routes/moderation.ts
rename to server/apps/server/src/routes/moderation.ts
diff --git a/apps/server/src/routes/notifications.ts b/server/apps/server/src/routes/notifications.ts
similarity index 100%
rename from apps/server/src/routes/notifications.ts
rename to server/apps/server/src/routes/notifications.ts
diff --git a/apps/server/src/routes/share.ts b/server/apps/server/src/routes/share.ts
similarity index 100%
rename from apps/server/src/routes/share.ts
rename to server/apps/server/src/routes/share.ts
diff --git a/apps/server/src/routes/twofactor.ts b/server/apps/server/src/routes/twofactor.ts
similarity index 100%
rename from apps/server/src/routes/twofactor.ts
rename to server/apps/server/src/routes/twofactor.ts
diff --git a/apps/server/src/routes/uploads.ts b/server/apps/server/src/routes/uploads.ts
similarity index 86%
rename from apps/server/src/routes/uploads.ts
rename to server/apps/server/src/routes/uploads.ts
index 328415d..be97cd7 100644
--- a/apps/server/src/routes/uploads.ts
+++ b/server/apps/server/src/routes/uploads.ts
@@ -119,14 +119,20 @@ export async function uploadRoutes(app: FastifyInstance): Promise<void> {
     const attachment = await prisma.attachment.findUnique({
       where: { id: paramId(req) },
       select: {
+        uploaderId: true,
         storageKey: true,
         mimeType: true,
         fileName: true,
         message: { select: { conversationId: true, deletedAt: true } },
       },
     })
-    if (!attachment || !attachment.message || attachment.message.deletedAt) throw notFound('文件不存在')
-    await requireMember(attachment.message.conversationId, req.user.id)
+    if (!attachment || attachment.message?.deletedAt) throw notFound('文件不存在')
+    if (attachment.message) {
+      await requireMember(attachment.message.conversationId, req.user.id)
+    } else if (attachment.uploaderId !== req.user.id) {
+      // 上传后尚未发送的附件允许上传者预览；发送后会绑定到消息，再由会话成员访问。
+      throw notFound('文件不存在')
+    }
     return sendStoredFile(req, reply, attachment.storageKey, attachment.mimeType, attachment.fileName)
   })
 
@@ -134,13 +140,18 @@ export async function uploadRoutes(app: FastifyInstance): Promise<void> {
     const attachment = await prisma.attachment.findUnique({
       where: { id: paramId(req) },
       select: {
+        uploaderId: true,
         storageKey: true,
         thumbKey: true,
         message: { select: { conversationId: true, deletedAt: true } },
       },
     })
-    if (!attachment || !attachment.message || attachment.message.deletedAt) throw notFound('文件不存在')
-    await requireMember(attachment.message.conversationId, req.user.id)
+    if (!attachment || attachment.message?.deletedAt) throw notFound('文件不存在')
+    if (attachment.message) {
+      await requireMember(attachment.message.conversationId, req.user.id)
+    } else if (attachment.uploaderId !== req.user.id) {
+      throw notFound('文件不存在')
+    }
     const key = attachment.thumbKey ?? attachment.storageKey
     return sendStoredFile(req, reply, key, attachment.thumbKey ? 'image/webp' : 'application/octet-stream')
   })
diff --git a/apps/server/src/services/captcha.ts b/server/apps/server/src/services/captcha.ts
similarity index 100%
rename from apps/server/src/services/captcha.ts
rename to server/apps/server/src/services/captcha.ts
diff --git a/apps/server/src/services/conversation.ts b/server/apps/server/src/services/conversation.ts
similarity index 100%
rename from apps/server/src/services/conversation.ts
rename to server/apps/server/src/services/conversation.ts
diff --git a/apps/server/src/services/drive.ts b/server/apps/server/src/services/drive.ts
similarity index 100%
rename from apps/server/src/services/drive.ts
rename to server/apps/server/src/services/drive.ts
diff --git a/apps/server/src/services/friends.ts b/server/apps/server/src/services/friends.ts
similarity index 100%
rename from apps/server/src/services/friends.ts
rename to server/apps/server/src/services/friends.ts
diff --git a/apps/server/src/services/groupInvites.ts b/server/apps/server/src/services/groupInvites.ts
similarity index 100%
rename from apps/server/src/services/groupInvites.ts
rename to server/apps/server/src/services/groupInvites.ts
diff --git a/apps/server/src/services/message.ts b/server/apps/server/src/services/message.ts
similarity index 90%
rename from apps/server/src/services/message.ts
rename to server/apps/server/src/services/message.ts
index bbe499c..5218acf 100644
--- a/apps/server/src/services/message.ts
+++ b/server/apps/server/src/services/message.ts
@@ -5,6 +5,7 @@ import { badRequest, forbidden, notFound, tooMany } from '../lib/errors.js'
 import { takeToken } from '../lib/ratelimit.js'
 import {
   attachmentDto,
+  MAX_REPLY_DEPTH,
   messageDto,
   userDto,
   userSelect,
@@ -26,19 +27,38 @@ export const messageInclude = {
   attachments: true,
 } satisfies Prisma.MessageInclude
 
+async function loadReplyTree(seedIds: string[]) {
+  const byId = new Map<string, MessageWithRelations>()
+  let pending = new Set(seedIds.filter((id) => isId(id)))
+  for (let depth = 0; depth < MAX_REPLY_DEPTH && pending.size; depth += 1) {
+    const rows = (await prisma.message.findMany({
+      where: { id: { in: [...pending] } },
+      include: messageInclude,
+    })) as MessageWithRelations[]
+    const next = new Set<string>()
+    for (const row of rows) {
+      if (!byId.has(row.id)) byId.set(row.id, row)
+      if (row.replyToId && !byId.has(row.replyToId)) next.add(row.replyToId)
+    }
+    pending = next
+  }
+  return { rows: [...byId.values()], byId }
+}
+
 async function withReplyPreview(
   m: MessageWithRelations,
   viewerId: string,
   favorited = false
 ) {
-  const replyTo = m.replyToId
-    ? await prisma.message.findUnique({ where: { id: m.replyToId }, include: messageInclude })
-    : null
+  const { rows: replyRows, byId: replyById } = m.replyToId
+    ? await loadReplyTree([m.replyToId])
+    : { rows: [] as MessageWithRelations[], byId: new Map<string, MessageWithRelations>() }
+  const replyTo = m.replyToId ? (replyById.get(m.replyToId) ?? null) : null
   const remarks = await remarkMap(viewerId, [
     m.senderId,
-    ...(replyTo ? [replyTo.senderId] : []),
+    ...replyRows.map((row) => row.senderId),
   ])
-  return messageDto(m, remarks, replyTo as MessageWithRelations | null, favorited)
+  return messageDto(m, remarks, replyTo, favorited, replyById)
 }
 
 async function detectMentions(conversationId: string, senderId: string, content: string) {
@@ -120,7 +140,28 @@ export async function sendMessage(input: SendMessageInput) {
   const content = (input.content ?? '').trim()
   if (content.length > MAX_CONTENT) throw badRequest(`消息最多 ${MAX_CONTENT} 字`)
 
-  const attachmentIds = [...new Set(input.attachmentIds ?? [])].slice(0, MAX_ATTACHMENTS)
+  // 上传后插入正文的 Markdown 附件（图片 ![]() / 文件 []()）也需要绑定到消息，
+  // 否则附件没有 messageId，接收方访问文件时会 404。
+  const referencedIds = [
+    ...new Set(
+      [...content.matchAll(/\/api\/files\/attachment\/([0-9A-HJKMNP-TV-Z]{26})/g)].map(
+        (match) => match[1]
+      )
+    ),
+  ]
+  const referenced = referencedIds.length
+    ? await prisma.attachment.findMany({
+        where: {
+          id: { in: referencedIds },
+          uploaderId: input.userId,
+          messageId: null,
+        },
+        select: { id: true },
+      })
+    : []
+  const attachmentIds = [
+    ...new Set([...(input.attachmentIds ?? []), ...referenced.map((item) => item.id)]),
+  ].slice(0, MAX_ATTACHMENTS)
   if (attachmentIds.some((id) => !isId(id))) throw badRequest('附件参数不合法')
   if (!content && !attachmentIds.length && input.type !== 'SYSTEM') {
     throw badRequest('消息不能为空')
@@ -261,13 +302,9 @@ export async function listMessages(
   const replyIds = [
     ...new Set(page.map((m) => m.replyToId).filter((id): id is string => !!id)),
   ]
-  const replyRows = replyIds.length
-    ? await prisma.message.findMany({
-        where: { id: { in: replyIds } },
-        include: messageInclude,
-      })
-    : []
-  const replyById = new Map(replyRows.map((m) => [m.id, m]))
+  const { rows: replyRows, byId: replyById } = replyIds.length
+    ? await loadReplyTree(replyIds)
+    : { rows: [] as MessageWithRelations[], byId: new Map<string, MessageWithRelations>() }
   const remarks = await remarkMap(userId, [
     ...page.map((m) => m.senderId),
     ...replyRows.map((m) => m.senderId),
@@ -283,7 +320,8 @@ export async function listMessages(
         m,
         remarks,
         m.replyToId ? (replyById.get(m.replyToId) ?? null) : null,
-        favoriteIds.has(m.id)
+        favoriteIds.has(m.id),
+        replyById
       )
     ),
     hasMore,
diff --git a/apps/server/src/services/notifications.ts b/server/apps/server/src/services/notifications.ts
similarity index 100%
rename from apps/server/src/services/notifications.ts
rename to server/apps/server/src/services/notifications.ts
diff --git a/apps/server/src/services/system-log.ts b/server/apps/server/src/services/system-log.ts
similarity index 100%
rename from apps/server/src/services/system-log.ts
rename to server/apps/server/src/services/system-log.ts
diff --git a/apps/server/src/types/fastify.d.ts b/server/apps/server/src/types/fastify.d.ts
similarity index 100%
rename from apps/server/src/types/fastify.d.ts
rename to server/apps/server/src/types/fastify.d.ts
diff --git a/apps/server/tsconfig.json b/server/apps/server/tsconfig.json
similarity index 100%
rename from apps/server/tsconfig.json
rename to server/apps/server/tsconfig.json
diff --git a/apps/web/index.html b/server/apps/web/index.html
similarity index 100%
rename from apps/web/index.html
rename to server/apps/web/index.html
diff --git a/apps/web/package.json b/server/apps/web/package.json
similarity index 89%
rename from apps/web/package.json
rename to server/apps/web/package.json
index 6c48f59..48bbc98 100644
--- a/apps/web/package.json
+++ b/server/apps/web/package.json
@@ -17,7 +17,10 @@
     "pinyin-pro": "^3.29.5",
     "react": "^19.3.1",
     "react-dom": "^19.3.1",
+    "react-markdown": "^10.1.0",
     "react-router-dom": "^7.18.4",
+    "remark-breaks": "^4.0.0",
+    "remark-gfm": "^4.0.1",
     "socket.io-client": "^4.8.4",
     "zustand": "^5.0.16"
   },
diff --git a/apps/web/public/cap/cap_wasm_bg.wasm b/server/apps/web/public/cap/cap_wasm_bg.wasm
similarity index 100%
rename from apps/web/public/cap/cap_wasm_bg.wasm
rename to server/apps/web/public/cap/cap_wasm_bg.wasm
diff --git a/apps/web/public/cap/hashwx.wasm b/server/apps/web/public/cap/hashwx.wasm
similarity index 100%
rename from apps/web/public/cap/hashwx.wasm
rename to server/apps/web/public/cap/hashwx.wasm
diff --git a/apps/web/public/favicon.png b/server/apps/web/public/favicon.png
similarity index 100%
rename from apps/web/public/favicon.png
rename to server/apps/web/public/favicon.png
diff --git a/apps/web/public/privacy.html b/server/apps/web/public/privacy.html
similarity index 100%
rename from apps/web/public/privacy.html
rename to server/apps/web/public/privacy.html
diff --git a/apps/web/src/App.tsx b/server/apps/web/src/App.tsx
similarity index 100%
rename from apps/web/src/App.tsx
rename to server/apps/web/src/App.tsx
diff --git a/apps/web/src/components/AddFriendDialog.tsx b/server/apps/web/src/components/AddFriendDialog.tsx
similarity index 100%
rename from apps/web/src/components/AddFriendDialog.tsx
rename to server/apps/web/src/components/AddFriendDialog.tsx
diff --git a/apps/web/src/components/AppRuntime.tsx b/server/apps/web/src/components/AppRuntime.tsx
similarity index 67%
rename from apps/web/src/components/AppRuntime.tsx
rename to server/apps/web/src/components/AppRuntime.tsx
index 3d662ff..8a8a8f4 100644
--- a/apps/web/src/components/AppRuntime.tsx
+++ b/server/apps/web/src/components/AppRuntime.tsx
@@ -1,7 +1,8 @@
 import { useEffect } from 'react'
+import { useNavigate } from 'react-router-dom'
 import { getToken, refreshSession } from '../lib/api'
 import { connectSocket, disconnectSocket, getSocket } from '../lib/socket'
-import type { Message, NotificationEntry } from '../types'
+import type { Conversation, Message, NotificationEntry } from '../types'
 import { displayUserName } from '../lib/utils'
 import { useAuth } from '../stores/auth'
 import { useChat } from '../stores/chat'
@@ -12,9 +13,101 @@ import { useUI } from '../stores/ui'
 import { FloatingUserCard } from './FloatingUserCard'
 import { SettingsDialog } from './SettingsDialog'
 
+interface DesktopNotificationPayload {
+  title: string
+  body: string
+  conversationId?: string
+  avatarUrl?: string
+}
+
+interface DesktopBridge {
+  notify: (payload: DesktopNotificationPayload) => void
+}
+
+function getDesktopBridge(): DesktopBridge | undefined {
+  if (typeof window === 'undefined') return undefined
+  return (window as Window & { desktopBridge?: DesktopBridge }).desktopBridge
+}
+
+const avatarCache = new Map<string, Promise<string | undefined>>()
+
+function avatarDataUrl(url: string): Promise<string | undefined> {
+  const absolute = new URL(url, window.location.origin).href
+  const cached = avatarCache.get(absolute)
+  if (cached) return cached
+  const pending = fetch(absolute, { credentials: 'include' })
+    .then(async (response) => {
+      if (!response.ok) return undefined
+      const blob = await response.blob()
+      if (blob.size > 2 * 1024 * 1024) return undefined
+      return await new Promise<string>((resolve, reject) => {
+        const reader = new FileReader()
+        reader.onload = () => resolve(String(reader.result))
+        reader.onerror = () => reject(reader.error)
+        reader.readAsDataURL(blob)
+      })
+    })
+    .catch(() => undefined)
+  avatarCache.set(absolute, pending)
+  return pending
+}
+
+function notifyDesktop(payload: DesktopNotificationPayload) {
+  const bridge = getDesktopBridge()
+  if (!bridge) return
+  try {
+    if (!payload.avatarUrl) {
+      bridge.notify(payload)
+      return
+    }
+    void avatarDataUrl(payload.avatarUrl)
+      .then((avatarUrl) => bridge.notify({ ...payload, avatarUrl }))
+      .catch(() => bridge.notify(payload))
+  } catch {
+    /* 桌面端桥接失败不影响网页 */
+  }
+}
+
+function conversationTitle(conversation: Conversation | undefined, fallback: string): string {
+  if (!conversation) return fallback
+  if (conversation.type === 'DM') {
+    return conversation.peer ? displayUserName(conversation.peer) : '私信'
+  }
+  return conversation.name ?? '群聊'
+}
+
+function plainPreview(content: string): string {
+  return content
+    .replace(/!\[[^\]]*\]\([^)]*\)/g, '[图片]')
+    .replace(/\[([^\]]*)\]\([^)]*\)/g, '$1')
+    .replace(/```[\s\S]*?```/g, '[代码]')
+    .replace(/`([^`]*)`/g, '$1')
+    .replace(/(\*\*|__)(.*?)\1/g, '$2')
+    .replace(/~~(.*?)~~/g, '$1')
+    .replace(/^#{1,6}\s+/gm, '')
+    .replace(/^>\s?/gm, '')
+    .replace(/\s+/g, ' ')
+    .trim()
+}
+
+function messagePreview(message: Message): string {
+  if (message.deletedAt) return '消息已撤回'
+  if (message.type === 'FORWARD') return '[聊天记录]'
+  if (message.type === 'SYSTEM') return message.content ?? ''
+  const content = plainPreview(message.content ?? '')
+  if (content) return content
+  if (message.attachments.length) {
+    if (message.attachments.every((item) => item.mimeType.startsWith('image/'))) return '[图片]'
+    return `[文件] ${message.attachments[0]?.fileName ?? ''}`.trim()
+  }
+  return '新消息'
+}
+
 /** 判断用户当前是否真正停留在某个聊天窗口。 */
 function isChatViewing(conversationId: string): boolean {
   if (typeof window === 'undefined') return false
+  // 最小化或窗口失焦时视为未查看，确保桌面端能收到提醒。
+  if (typeof document !== 'undefined' && (document.hidden || !document.hasFocus())) return false
   if (window.location.pathname !== '/') return false
   const tab = new URLSearchParams(window.location.search).get('tab')
   if (tab === 'contacts') return false
@@ -32,6 +125,24 @@ export function AppRuntime() {
   const userId = user?.id
   const settingsOpen = useUI((s) => s.settingsOpen)
   const closeSettings = useUI((s) => s.closeSettings)
+  const navigate = useNavigate()
+
+  useEffect(() => {
+    const openConversation = (conversationId: string) => {
+      if (!conversationId) return
+      navigate('/')
+      void useChat.getState().openConversation(conversationId)
+    }
+    const desktopWindow = window as Window & {
+      desktopOpenConversation?: (conversationId: string) => void
+    }
+    desktopWindow.desktopOpenConversation = openConversation
+    return () => {
+      if (desktopWindow.desktopOpenConversation === openConversation) {
+        delete desktopWindow.desktopOpenConversation
+      }
+    }
+  }, [navigate])
 
   useEffect(() => {
     if (status !== 'authed' || !userId) return
@@ -52,6 +163,19 @@ export function AppRuntime() {
       useChat.getState().receiveMessage(message, viewing)
       const me = useAuth.getState().user
       if (!me || message.senderId === me.id) return
+      if (!viewing && message.type !== 'SYSTEM') {
+        const conversation = useChat
+          .getState()
+          .conversations.find((item) => item.id === message.conversationId)
+        const senderName = displayUserName(message.sender)
+        const preview = messagePreview(message)
+        notifyDesktop({
+          title: conversationTitle(conversation, senderName),
+          body: conversation?.type === 'GROUP' ? `${senderName}：${preview}` : preview,
+          conversationId: message.conversationId,
+          avatarUrl: message.sender.avatarUrl ?? undefined,
+        })
+      }
       const content = message.content ?? ''
       const mentioned =
         message.mentions?.includes(me.id) ||
@@ -117,10 +241,9 @@ export function AppRuntime() {
       inviterName?: string
     }) => {
       void useFriends.getState().load()
-      useToast.getState().push(
-        `${p.inviterName ?? '有人'} 邀请你加入群聊「${p.conversationName ?? '未命名群聊'}」`,
-        'info'
-      )
+      const text = `${p.inviterName ?? '有人'} 邀请你加入群聊「${p.conversationName ?? '未命名群聊'}」`
+      useToast.getState().push(text, 'info')
+      notifyDesktop({ title: '入群邀请', body: text })
     }
     const onGroupInviteUpdated = (p: {
       inviteId: string
@@ -159,6 +282,7 @@ export function AppRuntime() {
     const onNotification = (notification: NotificationEntry) => {
       useNotifications.getState().receive(notification)
       useToast.getState().push(notification.title, 'info')
+      notifyDesktop({ title: notification.title, body: notification.content })
     }
     const onNotificationRead = (p: { id: string; readAt: string }) =>
       useNotifications.getState().receiveRead(p.id, p.readAt)
diff --git a/apps/web/src/components/Avatar.tsx b/server/apps/web/src/components/Avatar.tsx
similarity index 100%
rename from apps/web/src/components/Avatar.tsx
rename to server/apps/web/src/components/Avatar.tsx
diff --git a/apps/web/src/components/CapWidget.tsx b/server/apps/web/src/components/CapWidget.tsx
similarity index 100%
rename from apps/web/src/components/CapWidget.tsx
rename to server/apps/web/src/components/CapWidget.tsx
diff --git a/apps/web/src/components/ChatHeader.tsx b/server/apps/web/src/components/ChatHeader.tsx
similarity index 100%
rename from apps/web/src/components/ChatHeader.tsx
rename to server/apps/web/src/components/ChatHeader.tsx
diff --git a/server/apps/web/src/components/Composer.tsx b/server/apps/web/src/components/Composer.tsx
new file mode 100644
index 0000000..1c06531
--- /dev/null
+++ b/server/apps/web/src/components/Composer.tsx
@@ -0,0 +1,680 @@
+import { useEffect, useMemo, useRef, useState } from 'react'
+import {
+  AtSign,
+  Bold,
+  Code,
+  Eye,
+  ImagePlus,
+  Italic,
+  Link2,
+  List,
+  Loader2,
+  Paperclip,
+  Pencil,
+  Quote,
+  Send,
+  Smile,
+  Strikethrough,
+  Users,
+  VolumeX,
+  X,
+} from 'lucide-react'
+import { api } from '../lib/api'
+import { getSocket } from '../lib/socket'
+import { cn, displayUserName, matchesSearch, matchesUserSearch } from '../lib/utils'
+import type { Attachment } from '../types'
+import { useAuth } from '../stores/auth'
+import { useChat } from '../stores/chat'
+import { toastError, useToast } from '../stores/toast'
+import { Avatar } from './Avatar'
+import { MarkdownMessage } from './MarkdownMessage'
+
+const EMOJIS = [
+  '😀', '😄', '😁', '😆', '😂', '🤣', '😊', '😍',
+  '😘', '😎', '🤔', '😅', '😢', '😭', '😡', '🥳',
+  '👍', '👎', '👏', '🙏', '💪', '🤝', '❤️', '🔥',
+  '🎉', '✨', '💯', '☕', '🌈', '🐶', '🍜', '🚀',
+]
+
+interface MentionCandidate {
+  key: string
+  label: string
+  handle: string
+  all: boolean
+  avatarUrl?: string | null
+}
+
+function formatMuteUntil(iso: string): string {
+  const ms = new Date(iso).getTime() - Date.now()
+  if (ms <= 0) return ''
+  const mins = Math.ceil(ms / 60_000)
+  if (mins < 60) return `${mins} 分钟后解除`
+  const hours = Math.ceil(mins / 60)
+  if (hours < 24) return `${hours} 小时后解除`
+  return `${Math.ceil(hours / 24)} 天后解除`
+}
+
+function cleanLabel(label: string): string {
+  return label.replace(/[[\]()|\\]/g, (ch) => `\\${ch}`)
+}
+
+export function Composer({ conversationId }: { conversationId: string }) {
+  const me = useAuth((s) => s.user)
+  const detail = useChat((s) => s.detail)
+  const conversation = useChat((s) => s.conversations.find((c) => c.id === conversationId))
+  const replyTo = useChat((s) => s.replyTo)
+  const setReplyTo = useChat((s) => s.setReplyTo)
+
+  const [text, setText] = useState('')
+  const [uploading, setUploading] = useState(0)
+  const [emojiOpen, setEmojiOpen] = useState(false)
+  const [dragOver, setDragOver] = useState(false)
+  const [preview, setPreview] = useState(false)
+  const [mention, setMention] = useState<{ start: number; query: string } | null>(null)
+  const [mentionIndex, setMentionIndex] = useState(0)
+  const inputRef = useRef<HTMLTextAreaElement>(null)
+  const imageRef = useRef<HTMLInputElement>(null)
+  const fileRef = useRef<HTMLInputElement>(null)
+  const uploadedAttachments = useRef(new Map<string, Attachment>())
+  const pendingSelection = useRef<number | null>(null)
+  const typingAt = useRef(0)
+  const stopTimer = useRef<number | undefined>(undefined)
+  const toast = useToast((s) => s.push)
+
+  const groupDetail =
+    detail && detail.id === conversationId && detail.type === 'GROUP' ? detail : null
+  const isGroup = conversation?.type === 'GROUP' || !!groupDetail
+  const mutedByAll = !!groupDetail && groupDetail.muteAll && groupDetail.role === 'MEMBER'
+  const mutedByUser =
+    !!groupDetail?.myMutedUntil && new Date(groupDetail.myMutedUntil).getTime() > Date.now()
+  const muted = mutedByAll || mutedByUser
+
+  const candidates = useMemo<MentionCandidate[]>(() => {
+    if (!mention || !groupDetail) return []
+    const q = mention.query.trim()
+    const members = groupDetail.members
+      .filter((m) => m.user.id !== me?.id)
+      .filter((m) => !q || matchesUserSearch(m.user, q))
+      .slice(0, 8)
+      .map((m) => ({
+        key: m.user.id,
+        label: displayUserName(m.user),
+        handle: m.user.handle,
+        all: false,
+        avatarUrl: m.user.avatarUrl,
+      }))
+    const allMatches =
+      !q || matchesSearch('所有人', q) || matchesSearch('all', q)
+    return allMatches
+      ? [{ key: 'all', label: '所有人', handle: '所有人', all: true }, ...members]
+      : members
+  }, [mention, groupDetail, me?.id])
+
+  const activeIndex = candidates.length ? Math.min(mentionIndex, candidates.length - 1) : 0
+
+  const mentionNames = useMemo(
+    () =>
+      [
+        ...(groupDetail?.members ?? []).flatMap((m) => [
+          m.user.handle,
+          m.user.username,
+          m.user.remark,
+        ]),
+        me?.handle,
+        me?.username,
+        me?.remark,
+      ].filter((name): name is string => !!name),
+    [groupDetail, me]
+  )
+
+  const emitTyping = () => {
+    const socket = getSocket()
+    if (!socket?.connected) return
+    const now = Date.now()
+    if (now - typingAt.current > 2000) {
+      socket.emit('typing:start', { conversationId })
+      typingAt.current = now
+    }
+    window.clearTimeout(stopTimer.current)
+    stopTimer.current = window.setTimeout(() => {
+      socket.emit('typing:stop', { conversationId })
+    }, 2500)
+  }
+
+  useEffect(() => {
+    if (!replyTo) return
+    const frame = requestAnimationFrame(() => inputRef.current?.focus())
+    return () => cancelAnimationFrame(frame)
+  }, [replyTo])
+
+  useEffect(() => {
+    if (pendingSelection.current === null) return
+    const frame = requestAnimationFrame(() => {
+      const pos = pendingSelection.current
+      pendingSelection.current = null
+      const el = inputRef.current
+      if (!el || pos === null) return
+      el.focus()
+      el.setSelectionRange(pos, pos)
+    })
+    return () => cancelAnimationFrame(frame)
+  }, [text])
+
+  const applyEdit = (next: string, selectionStart: number, selectionEnd = selectionStart) => {
+    pendingSelection.current = selectionEnd
+    setText(next)
+    if (inputRef.current) {
+      inputRef.current.setSelectionRange(selectionStart, selectionEnd)
+    }
+    syncMention(next, selectionEnd)
+  }
+
+  const insertAtCursor = (snippet: string, selectFrom?: string, selectTo?: string) => {
+    const el = inputRef.current
+    const start = el?.selectionStart ?? text.length
+    const end = el?.selectionEnd ?? text.length
+    const next = text.slice(0, start) + snippet + text.slice(end)
+    let selStart = start + snippet.length
+    let selEnd = selStart
+    if (selectFrom !== undefined) {
+      selStart = start + snippet.indexOf(selectFrom)
+      selEnd = selectTo !== undefined ? start + snippet.indexOf(selectTo) : selStart + selectFrom.length
+      if (selStart < start) selStart = start
+      selEnd = Math.max(selStart, selEnd)
+    }
+    applyEdit(next, selStart, selEnd)
+  }
+
+  const wrapSelection = (before: string, after = before, placeholder = '') => {
+    const el = inputRef.current
+    const start = el?.selectionStart ?? text.length
+    const end = el?.selectionEnd ?? text.length
+    const selected = text.slice(start, end) || placeholder
+    const snippet = `${before}${selected}${after}`
+    const next = text.slice(0, start) + snippet + text.slice(end)
+    const selStart = start + before.length
+    applyEdit(next, selStart, selStart + selected.length)
+  }
+
+  const prefixLine = (prefix: string) => {
+    const el = inputRef.current
+    const start = el?.selectionStart ?? text.length
+    const lineStart = text.lastIndexOf('\n', Math.max(0, start - 1)) + 1
+    if (text.startsWith(prefix, lineStart)) {
+      applyEdit(text.slice(0, lineStart) + text.slice(lineStart + prefix.length), start - prefix.length)
+      return
+    }
+    const next = text.slice(0, lineStart) + prefix + text.slice(lineStart)
+    applyEdit(next, start + prefix.length)
+  }
+
+  const syncMention = (value: string, cursor: number) => {
+    if (!isGroup) {
+      if (mention) setMention(null)
+      return
+    }
+    const before = value.slice(0, cursor)
+    const match = /(^|\s)@([^\n@]*)$/.exec(before)
+    if (!match) {
+      if (mention) setMention(null)
+      return
+    }
+    const start = cursor - match[2].length - 1
+    const query = match[2]
+    if (mention && mention.start === start && mention.query === query) return
+    setMention({ start, query })
+    setMentionIndex(0)
+    setEmojiOpen(false)
+  }
+
+  const insertMention = (candidate: MentionCandidate) => {
+    if (!mention) return
+    const start = mention.start
+    const cursor = Math.max(start, inputRef.current?.selectionStart ?? text.length)
+    const token = `@${candidate.all ? '所有人' : candidate.label.trim()} `
+    const next = text.slice(0, start) + token + text.slice(cursor)
+    applyEdit(next, start + token.length)
+    setMention(null)
+  }
+
+  const insertAt = () => {
+    if (muted) return
+    const cursor = inputRef.current?.selectionStart ?? text.length
+    const next = text.slice(0, cursor) + '@' + text.slice(cursor)
+    applyEdit(next, cursor + 1)
+    setMention({ start: cursor, query: '' })
+    setMentionIndex(0)
+    setEmojiOpen(false)
+  }
+
+  const uploadFiles = async (files: File[]) => {
+    if (!files.length || muted) return
+    const existing = (text.match(/\/api\/files\/attachment\/[0-9A-Z]{26}/g) ?? []).length
+    if (existing + files.length > 6) {
+      toast('每条消息最多 6 个附件', 'error')
+      return
+    }
+    const images = files.filter((file) => file.type.startsWith('image/'))
+    const others = files.filter((file) => !file.type.startsWith('image/'))
+    setUploading((n) => n + files.length)
+    for (const file of images) {
+      if (file.size > 20 * 1024 * 1024) {
+        toast(`${file.name} 超过 20MB`, 'error')
+        setUploading((n) => n - 1)
+        continue
+      }
+      try {
+        const { attachment } = await api.uploadAttachment(file)
+        uploadedAttachments.current.set(attachment.url, attachment)
+        insertAtCursor(`![${cleanLabel(file.name)}](${attachment.url})`)
+      } catch (err) {
+        toastError(err, '上传失败')
+      } finally {
+        setUploading((n) => n - 1)
+      }
+    }
+    for (const file of others) {
+      if (file.size > 20 * 1024 * 1024) {
+        toast(`${file.name} 超过 20MB`, 'error')
+        setUploading((n) => n - 1)
+        continue
+      }
+      try {
+        const { attachment } = await api.uploadAttachment(file)
+        uploadedAttachments.current.set(attachment.url, attachment)
+        insertAtCursor(`[${cleanLabel(file.name)}](${attachment.url})`)
+      } catch (err) {
+        toastError(err, '上传失败')
+      } finally {
+        setUploading((n) => n - 1)
+      }
+    }
+  }
+
+  const send = async () => {
+    if (muted) return
+    const content = text
+    if (!content.trim()) return
+    if (uploading > 0) {
+      toast('还有文件正在上传，请稍候', 'error')
+      return
+    }
+    const files = [...uploadedAttachments.current.entries()]
+      .filter(([url]) => content.includes(url))
+      .map(([, attachment]) => attachment)
+    setText('')
+    setPreview(false)
+    setEmojiOpen(false)
+    setMention(null)
+    uploadedAttachments.current.clear()
+    const socket = getSocket()
+    socket?.emit('typing:stop', { conversationId })
+    await useChat.getState().send(conversationId, content, files)
+    inputRef.current?.focus()
+  }
+
+  const canSend = !!text.trim() && uploading === 0
+
+  const toolbar = [
+    {
+      key: 'bold',
+      title: '加粗',
+      icon: <Bold size={15} />,
+      action: () => wrapSelection('**', '**', '加粗文字'),
+    },
+    {
+      key: 'italic',
+      title: '斜体',
+      icon: <Italic size={15} />,
+      action: () => wrapSelection('*', '*', '斜体文字'),
+    },
+    {
+      key: 'strike',
+      title: '删除线',
+      icon: <Strikethrough size={15} />,
+      action: () => wrapSelection('~~', '~~', '删除线'),
+    },
+    {
+      key: 'code',
+      title: '代码',
+      icon: <Code size={15} />,
+      action: () => wrapSelection('`', '`', 'code'),
+    },
+    {
+      key: 'quote',
+      title: '引用',
+      icon: <Quote size={15} />,
+      action: () => prefixLine('> '),
+    },
+    {
+      key: 'list',
+      title: '列表',
+      icon: <List size={15} />,
+      action: () => prefixLine('- '),
+    },
+    {
+      key: 'link',
+      title: '链接',
+      icon: <Link2 size={15} />,
+      action: () => insertAtCursor('[链接文字](https://)', '链接文字'),
+    },
+  ]
+
+  return (
+    <div
+      className={cn(
+        'relative border-t border-line bg-panel px-3 pt-2.5 pb-[max(0.75rem,env(safe-area-inset-bottom))] sm:px-5',
+        dragOver && 'bg-accent-soft/40'
+      )}
+      onDragOver={(e) => {
+        e.preventDefault()
+        if (!muted) setDragOver(true)
+      }}
+      onDragLeave={() => setDragOver(false)}
+      onDrop={(e) => {
+        e.preventDefault()
+        setDragOver(false)
+        if (!muted) void uploadFiles([...e.dataTransfer.files])
+      }}
+    >
+      {mention && candidates.length > 0 && (
+        <div className="animate-in absolute bottom-full left-3 z-20 mb-2 w-64 overflow-hidden rounded-xl border border-line bg-panel shadow-xl sm:left-5">
+          <p className="border-b border-line px-3 py-1.5 text-[10px] text-muted">
+            选择要提及的成员
+          </p>
+          <div className="max-h-64 overflow-y-auto py-1">
+            {candidates.map((candidate, index) => (
+              <button
+                key={candidate.key}
+                onMouseDown={(e) => e.preventDefault()}
+                onClick={() => insertMention(candidate)}
+                className={cn(
+                  'flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors',
+                  index === activeIndex ? 'bg-accent-soft text-accent' : 'hover:bg-panel2'
+                )}
+              >
+                {candidate.all ? (
+                  <span className="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-accent/15 text-accent">
+                    <Users size={12} />
+                  </span>
+                ) : (
+                  <Avatar
+                    id={candidate.key}
+                    name={candidate.label}
+                    avatarUrl={candidate.avatarUrl}
+                    size={20}
+                  />
+                )}
+                <span className="min-w-0 flex-1 truncate">{candidate.label}</span>
+                <span className="shrink-0 text-[10px] text-muted">@{candidate.handle}</span>
+              </button>
+            ))}
+          </div>
+        </div>
+      )}
+
+      {emojiOpen && !muted && (
+        <div className="animate-in absolute bottom-full left-3 z-20 mb-2 grid w-64 grid-cols-8 gap-1 rounded-xl border border-line bg-panel p-2 shadow-xl sm:left-5">
+          {EMOJIS.map((emoji) => (
+            <button
+              key={emoji}
+              onClick={() => insertAtCursor(emoji)}
+              className="rounded-md p-1 text-lg transition-colors hover:bg-panel2"
+            >
+              {emoji}
+            </button>
+          ))}
+        </div>
+      )}
+
+      {muted && (
+        <div className="mb-2 flex items-start gap-2 rounded-lg bg-amber-500/10 px-3 py-2 text-[11px] leading-relaxed text-amber-600 dark:text-amber-400">
+          <VolumeX size={13} className="mt-0.5 shrink-0" />
+          <span>
+            {mutedByAll
+              ? '全员禁言中，仅群主和管理员可发言。'
+              : `你已被禁言，${groupDetail?.myMutedUntil ? formatMuteUntil(groupDetail.myMutedUntil) : ''}。`}
+          </span>
+        </div>
+      )}
+
+      {replyTo && !muted && (
+        <div className="mb-2 flex items-start gap-2 rounded-lg border border-line bg-panel2 px-2.5 py-2 text-xs">
+          <Quote size={13} className="mt-0.5 shrink-0 text-accent" />
+          <div className="min-w-0 flex-1">
+            <p className="truncate font-medium text-accent">
+              回复 {displayUserName(replyTo.sender)}
+            </p>
+            <p className="truncate text-muted">
+              {replyTo.deletedAt
+                ? '消息已撤回'
+                : replyTo.type === 'IMAGE'
+                  ? '[图片]'
+                  : replyTo.type === 'FILE'
+                    ? '[文件]'
+                    : replyTo.content || '[消息]'}
+            </p>
+          </div>
+          <button
+            onClick={() => setReplyTo(null)}
+            className="shrink-0 rounded p-0.5 text-muted hover:text-fg"
+            title="取消引用"
+          >
+            <X size={13} />
+          </button>
+        </div>
+      )}
+
+      <div className="mb-1 flex items-center gap-0.5 overflow-x-auto text-muted">
+        {toolbar.map((item) => (
+          <button
+            key={item.key}
+            onClick={item.action}
+            disabled={muted || preview}
+            title={item.title}
+            className="shrink-0 rounded-md p-1.5 transition-colors hover:bg-panel2 hover:text-fg disabled:cursor-not-allowed disabled:opacity-40"
+          >
+            {item.icon}
+          </button>
+        ))}
+        <span className="mx-0.5 h-4 w-px shrink-0 bg-line" />
+        <button
+          onClick={() => imageRef.current?.click()}
+          disabled={muted}
+          className="shrink-0 rounded-md p-1.5 text-muted transition-colors hover:bg-panel2 hover:text-fg disabled:cursor-not-allowed disabled:opacity-40"
+          title="插入图片"
+        >
+          <ImagePlus size={16} />
+        </button>
+        <button
+          onClick={() => fileRef.current?.click()}
+          disabled={muted}
+          className="shrink-0 rounded-md p-1.5 text-muted transition-colors hover:bg-panel2 hover:text-fg disabled:cursor-not-allowed disabled:opacity-40"
+          title="插入文件"
+        >
+          <Paperclip size={16} />
+        </button>
+        <span className="mx-0.5 h-4 w-px shrink-0 bg-line" />
+        <button
+          onClick={() => {
+            if (muted) return
+            setEmojiOpen((v) => !v)
+            setMention(null)
+          }}
+          disabled={muted || preview}
+          className={cn(
+            'shrink-0 rounded-md p-1.5 transition-colors hover:bg-panel2 disabled:cursor-not-allowed disabled:opacity-40',
+            emojiOpen ? 'text-accent' : 'text-muted hover:text-fg'
+          )}
+          title="表情"
+        >
+          <Smile size={16} />
+        </button>
+        {isGroup && (
+          <button
+            onClick={insertAt}
+            disabled={muted || preview}
+            className="shrink-0 rounded-md p-1.5 text-muted transition-colors hover:bg-panel2 hover:text-fg disabled:cursor-not-allowed disabled:opacity-40"
+            title="提及成员"
+          >
+            <AtSign size={16} />
+          </button>
+        )}
+        <button
+          onClick={() => setPreview((v) => !v)}
+          disabled={muted}
+          className={cn(
+            'ml-auto shrink-0 rounded-md px-2 py-1 text-[11px] transition-colors hover:bg-panel2 disabled:cursor-not-allowed disabled:opacity-40',
+            preview ? 'text-accent' : 'text-muted hover:text-fg'
+          )}
+          title={preview ? '返回编辑' : '预览 Markdown'}
+        >
+          <span className="flex items-center gap-1">
+            {preview ? <Pencil size={13} /> : <Eye size={13} />}
+            {preview ? '编辑' : '预览'}
+          </span>
+        </button>
+      </div>
+
+      <input
+        ref={imageRef}
+        type="file"
+        accept="image/*"
+        multiple
+        className="hidden"
+        onChange={(e) => {
+          void uploadFiles([...(e.target.files ?? [])])
+          e.target.value = ''
+        }}
+      />
+      <input
+        ref={fileRef}
+        type="file"
+        multiple
+        className="hidden"
+        onChange={(e) => {
+          void uploadFiles([...(e.target.files ?? [])])
+          e.target.value = ''
+        }}
+      />
+
+      <div className="mb-1 flex items-center justify-between gap-2 px-0.5 text-[10px] text-muted">
+        <span>支持 Markdown。图片插入 ![]( )，文件插入 []( )</span>
+        {uploading > 0 && (
+          <span className="flex shrink-0 items-center gap-1 text-accent">
+            <Loader2 size={12} className="animate-spin" /> 插入中 {uploading}
+          </span>
+        )}
+      </div>
+
+      <div className="flex items-end gap-1.5">
+        <div
+          className={cn(
+            'min-w-0 flex-1 rounded-xl border border-line bg-panel2 transition-colors focus-within:border-accent/60',
+            muted && 'opacity-60'
+          )}
+        >
+          {preview ? (
+            <div className="max-h-40 min-h-[42px] overflow-y-auto px-3 py-2.5 text-sm leading-relaxed">
+              {text.trim() ? (
+                <MarkdownMessage
+                  content={text}
+                  isOwn={false}
+                  mentionNames={mentionNames}
+                />
+              ) : (
+                <span className="text-muted/70">没有可预览的内容</span>
+              )}
+            </div>
+          ) : (
+            <textarea
+              ref={inputRef}
+              value={text}
+              rows={1}
+              maxLength={4000}
+              disabled={muted}
+              onChange={(e) => {
+                const value = e.target.value
+                setText(value)
+                syncMention(value, e.target.selectionStart ?? value.length)
+                if (value.trim() && !muted) emitTyping()
+              }}
+              onClick={(e) => syncMention(text, e.currentTarget.selectionStart ?? text.length)}
+              onKeyUp={(e) => {
+                if (e.key === 'ArrowUp' || e.key === 'ArrowDown') return
+                syncMention(text, e.currentTarget.selectionStart ?? text.length)
+              }}
+              onPaste={(e) => {
+                const files = [...e.clipboardData.files]
+                if (files.length && !muted) {
+                  e.preventDefault()
+                  void uploadFiles(files)
+                }
+              }}
+              onKeyDown={(e) => {
+                if (mention && candidates.length > 0) {
+                  if (e.key === 'ArrowDown') {
+                    e.preventDefault()
+                    setMentionIndex((activeIndex + 1) % candidates.length)
+                    return
+                  }
+                  if (e.key === 'ArrowUp') {
+                    e.preventDefault()
+                    setMentionIndex((activeIndex - 1 + candidates.length) % candidates.length)
+                    return
+                  }
+                  if (e.key === 'Enter' || e.key === 'Tab') {
+                    e.preventDefault()
+                    insertMention(candidates[activeIndex])
+                    return
+                  }
+                  if (e.key === 'Escape') {
+                    e.preventDefault()
+                    setMention(null)
+                    return
+                  }
+                }
+                if (e.key === 'Tab' && !e.shiftKey) {
+                  e.preventDefault()
+                  insertAtCursor('  ')
+                  return
+                }
+                if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
+                  e.preventDefault()
+                  void send()
+                  return
+                }
+                if (e.key === 'Enter' && e.shiftKey) {
+                  e.preventDefault()
+                  insertAtCursor('\n')
+                  return
+                }
+                if (e.key === 'Enter' && !e.nativeEvent.isComposing) {
+                  e.preventDefault()
+                  void send()
+                }
+              }}
+              placeholder={
+                muted
+                  ? '你已被禁言，暂时无法发送消息'
+                  : isGroup
+                    ? '输入消息，支持 Markdown，Enter 发送，Shift+Enter 换行'
+                    : '输入消息，支持 Markdown，Enter 发送，Shift+Enter 换行'
+              }
+              className="max-h-40 w-full resize-none bg-transparent px-3 py-2.5 text-sm leading-relaxed outline-none placeholder:text-muted/70 disabled:cursor-not-allowed"
+            />
+          )}
+        </div>
+
+        <button
+          onClick={() => void send()}
+          disabled={muted || !canSend}
+          className="mb-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-accent text-white transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-35"
+          title="发送"
+        >
+          <Send size={17} />
+        </button>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/web/src/components/ContactsInbox.tsx b/server/apps/web/src/components/ContactsInbox.tsx
similarity index 100%
rename from apps/web/src/components/ContactsInbox.tsx
rename to server/apps/web/src/components/ContactsInbox.tsx
diff --git a/apps/web/src/components/ContactsPanel.tsx b/server/apps/web/src/components/ContactsPanel.tsx
similarity index 100%
rename from apps/web/src/components/ContactsPanel.tsx
rename to server/apps/web/src/components/ContactsPanel.tsx
diff --git a/apps/web/src/components/EditGroupDialog.tsx b/server/apps/web/src/components/EditGroupDialog.tsx
similarity index 100%
rename from apps/web/src/components/EditGroupDialog.tsx
rename to server/apps/web/src/components/EditGroupDialog.tsx
diff --git a/apps/web/src/components/FloatingUserCard.tsx b/server/apps/web/src/components/FloatingUserCard.tsx
similarity index 100%
rename from apps/web/src/components/FloatingUserCard.tsx
rename to server/apps/web/src/components/FloatingUserCard.tsx
diff --git a/apps/web/src/components/ForwardDialog.tsx b/server/apps/web/src/components/ForwardDialog.tsx
similarity index 100%
rename from apps/web/src/components/ForwardDialog.tsx
rename to server/apps/web/src/components/ForwardDialog.tsx
diff --git a/apps/web/src/components/GroupAnnouncement.tsx b/server/apps/web/src/components/GroupAnnouncement.tsx
similarity index 100%
rename from apps/web/src/components/GroupAnnouncement.tsx
rename to server/apps/web/src/components/GroupAnnouncement.tsx
diff --git a/server/apps/web/src/components/MarkdownMessage.tsx b/server/apps/web/src/components/MarkdownMessage.tsx
new file mode 100644
index 0000000..fe0c3ae
--- /dev/null
+++ b/server/apps/web/src/components/MarkdownMessage.tsx
@@ -0,0 +1,220 @@
+import { useMemo, useState } from 'react'
+import ReactMarkdown from 'react-markdown'
+import remarkBreaks from 'remark-breaks'
+import remarkGfm from 'remark-gfm'
+import { cn } from '../lib/utils'
+
+interface Props {
+  content: string
+  isOwn: boolean
+  mentionNames: string[]
+  onLightbox?: (url: string) => void
+}
+
+function escapeRegExp(text: string): string {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+}
+
+function safeUrl(url: string | undefined): string | undefined {
+  if (!url) return url
+  const lower = url.trim().toLowerCase()
+  if (
+    lower.startsWith('javascript:') ||
+    lower.startsWith('vbscript:') ||
+    lower.startsWith('file:')
+  ) {
+    return undefined
+  }
+  return url
+}
+
+function remarkMentions(tokens: string[], isOwn: boolean) {
+  const pattern = tokens.length
+    ? new RegExp(`(${tokens.map(escapeRegExp).join('|')})`, 'g')
+    : null
+
+  return (tree: unknown) => {
+    if (!pattern) return
+    const tokenSet = new Set(tokens)
+    const className = isOwn
+      ? 'rounded px-0.5 font-medium bg-white/20 text-white'
+      : 'rounded px-0.5 font-medium bg-accent/15 text-accent'
+
+    const walk = (node: unknown) => {
+      if (!node || typeof node !== 'object') return
+      const current = node as { type?: string; children?: unknown[] }
+      if (!Array.isArray(current.children)) return
+      if (current.type === 'code' || current.type === 'inlineCode') return
+
+      const next: unknown[] = []
+      for (const child of current.children) {
+        const item = child as { type?: string; value?: unknown }
+        if (item?.type === 'text' && typeof item.value === 'string') {
+          const parts = item.value.split(pattern)
+          for (const part of parts) {
+            if (!part) continue
+            if (tokenSet.has(part)) {
+              next.push({
+                type: 'mention',
+                data: {
+                  hName: 'span',
+                  hProperties: { className },
+                  hChildren: [{ type: 'text', value: part }],
+                },
+              })
+            } else {
+              next.push({ type: 'text', value: part })
+            }
+          }
+        } else {
+          walk(child)
+          next.push(child)
+        }
+      }
+      current.children = next
+    }
+
+    walk(tree)
+  }
+}
+
+export function MarkdownMessage({ content, isOwn, mentionNames, onLightbox }: Props) {
+  const [brokenImages, setBrokenImages] = useState<Record<string, true>>({})
+  const tokens = useMemo(() => {
+    const names = [...new Set(['所有人', ...mentionNames].filter(Boolean))].sort(
+      (a, b) => b.length - a.length
+    )
+    return names.map((name) => `@${name}`)
+  }, [mentionNames])
+  const mentionPlugin = useMemo(() => remarkMentions(tokens, isOwn), [tokens, isOwn])
+
+  return (
+    <div
+      className={cn(
+        'markdown-body max-w-full min-w-0 break-words [word-break:break-word]',
+        isOwn ? 'markdown-own' : ''
+      )}
+    >
+      <ReactMarkdown
+        remarkPlugins={[remarkGfm, remarkBreaks, mentionPlugin]}
+        components={{
+          p: ({ children }) => <p className="mb-1.5 last:mb-0">{children}</p>,
+          a: ({ href, children }) => {
+            const safe = safeUrl(href)
+            if (!safe) return <span>{children}</span>
+            return (
+              <a
+                href={safe}
+                target="_blank"
+                rel="noreferrer noopener"
+                className={cn(
+                  'underline decoration-1 underline-offset-2',
+                  isOwn ? 'text-white' : 'text-accent'
+                )}
+              >
+                {children}
+              </a>
+            )
+          },
+          img: ({ src, alt }) => {
+            const url = typeof src === 'string' ? safeUrl(src) : undefined
+            if (!url) return <span className="opacity-70">{alt || '[图片]'}</span>
+            const broken = !!brokenImages[url]
+            if (broken) return <span className="opacity-70">{alt || '[图片]'}</span>
+            return (
+              <img
+                src={url}
+                alt={alt || ''}
+                loading="lazy"
+                decoding="async"
+                className="my-1 max-h-64 w-auto max-w-full cursor-zoom-in rounded-xl object-contain"
+                onError={() => setBrokenImages((prev) => ({ ...prev, [url]: true }))}
+                onClick={() => onLightbox?.(url)}
+              />
+            )
+          },
+          code: ({ children, className }) => {
+            if (className) {
+              return (
+                <code
+                  className={cn(
+                    'block overflow-x-auto rounded-lg px-2.5 py-2 font-mono text-[12px]',
+                    isOwn ? 'bg-black/20 text-white' : 'bg-panel2 text-fg'
+                  )}
+                >
+                  {children}
+                </code>
+              )
+            }
+            return (
+              <code
+                className={cn(
+                  'rounded px-1 py-0.5 font-mono text-[12px]',
+                  isOwn ? 'bg-black/20 text-white' : 'bg-panel2 text-fg'
+                )}
+              >
+                {children}
+              </code>
+            )
+          },
+          pre: ({ children }) => <pre className="my-1.5 last:mb-0">{children}</pre>,
+          ul: ({ children }) => (
+            <ul className="my-1 list-disc pl-5 marker:text-muted last:mb-0">{children}</ul>
+          ),
+          ol: ({ children }) => (
+            <ol className="my-1 list-decimal pl-5 marker:text-muted last:mb-0">{children}</ol>
+          ),
+          li: ({ children }) => <li className="my-0.5">{children}</li>,
+          blockquote: ({ children }) => (
+            <blockquote
+              className={cn(
+                'my-1 border-l-2 pl-2.5 opacity-80',
+                isOwn ? 'border-white/50' : 'border-accent/50'
+              )}
+            >
+              {children}
+            </blockquote>
+          ),
+          h1: ({ children }) => <h1 className="mt-1 mb-1 text-base font-semibold">{children}</h1>,
+          h2: ({ children }) => <h2 className="mt-1 mb-1 text-[15px] font-semibold">{children}</h2>,
+          h3: ({ children }) => <h3 className="mt-1 mb-1 text-sm font-semibold">{children}</h3>,
+          h4: ({ children }) => <h4 className="mt-1 mb-1 text-sm font-semibold">{children}</h4>,
+          h5: ({ children }) => <h5 className="mt-1 mb-1 text-sm font-semibold">{children}</h5>,
+          h6: ({ children }) => <h6 className="mt-1 mb-1 text-sm font-semibold">{children}</h6>,
+          hr: () => <hr className={cn('my-2 border-t', isOwn ? 'border-white/25' : 'border-line')} />,
+          table: ({ children }) => (
+            <div className="my-1.5 max-w-full overflow-x-auto">
+              <table className="min-w-full border-collapse text-[12px]">{children}</table>
+            </div>
+          ),
+          th: ({ children }) => (
+            <th
+              className={cn(
+                'border px-2 py-1 text-left font-semibold',
+                isOwn ? 'border-white/25' : 'border-line'
+              )}
+            >
+              {children}
+            </th>
+          ),
+          td: ({ children }) => (
+            <td className={cn('border px-2 py-1', isOwn ? 'border-white/25' : 'border-line')}>
+              {children}
+            </td>
+          ),
+          input: ({ checked, ...rest }) => (
+            <input
+              type="checkbox"
+              checked={checked}
+              readOnly
+              className="mr-1 align-middle accent-current"
+              {...rest}
+            />
+          ),
+        }}
+      >
+        {content}
+      </ReactMarkdown>
+    </div>
+  )
+}
diff --git a/apps/web/src/components/MemberPanel.tsx b/server/apps/web/src/components/MemberPanel.tsx
similarity index 100%
rename from apps/web/src/components/MemberPanel.tsx
rename to server/apps/web/src/components/MemberPanel.tsx
diff --git a/apps/web/src/components/MessageItem.tsx b/server/apps/web/src/components/MessageItem.tsx
similarity index 84%
rename from apps/web/src/components/MessageItem.tsx
rename to server/apps/web/src/components/MessageItem.tsx
index ff9e535..8d0fbd2 100644
--- a/apps/web/src/components/MessageItem.tsx
+++ b/server/apps/web/src/components/MessageItem.tsx
@@ -15,7 +15,7 @@ import {
   Square,
   Star,
 } from 'lucide-react'
-import type { Message } from '../types'
+import type { Message, ReplyMessage } from '../types'
 import { api } from '../lib/api'
 import { cn, displayUserName, formatBytes, formatDateTime, isImage } from '../lib/utils'
 import { useAuth } from '../stores/auth'
@@ -23,7 +23,10 @@ import { useChat } from '../stores/chat'
 import { toastError, useToast } from '../stores/toast'
 import { Avatar } from './Avatar'
 import { useFloatingCard } from './FloatingUserCard'
+import { MarkdownMessage } from './MarkdownMessage'
 import { Modal } from './Modal'
+import { QuoteViewer } from './QuoteViewer'
+import { ReadReceiptDialog, type ReadMember } from './ReadReceiptDialog'
 
 interface Props {
   message: Message
@@ -33,37 +36,10 @@ interface Props {
   readCount: number
   readTotal: number
   readers: string[]
+  readMembers: ReadMember[]
   onLightbox: (url: string) => void
 }
 
-function escapeRegExp(text: string): string {
-  return text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
-}
-
-function renderContent(content: string, isOwn: boolean, names: string[]) {
-  const mentionNames = [...new Set(['所有人', ...names].filter(Boolean))].sort(
-    (a, b) => b.length - a.length
-  )
-  if (!mentionNames.length) return content
-  const pattern = new RegExp(`(@(?:${mentionNames.map(escapeRegExp).join('|')}))`, 'g')
-  const tokens = new Set(mentionNames.map((name) => `@${name}`))
-  return content.split(pattern).map((part, index) =>
-    tokens.has(part) ? (
-      <span
-        key={index}
-        className={cn(
-          'rounded px-0.5 font-medium',
-          isOwn ? 'bg-white/20 text-white' : 'bg-accent/15 text-accent'
-        )}
-      >
-        {part}
-      </span>
-    ) : (
-      <span key={index}>{part}</span>
-    )
-  )
-}
-
 export function MessageItem({
   message,
   showHeader,
@@ -71,6 +47,7 @@ export function MessageItem({
   readCount,
   readTotal,
   readers,
+  readMembers,
   onLightbox,
 }: Props) {
   const me = useAuth((s) => s.user)!
@@ -84,6 +61,8 @@ export function MessageItem({
   const [busy, setBusy] = useState(false)
   const [pinBusy, setPinBusy] = useState(false)
   const [forwardOpen, setForwardOpen] = useState(false)
+  const [quoteStack, setQuoteStack] = useState<ReplyMessage[]>([])
+  const [readOpen, setReadOpen] = useState(false)
   const toast = useToast((s) => s.push)
 
   const isOwn = message.senderId === me.id
@@ -116,6 +95,10 @@ export function MessageItem({
     sender.username,
     sender.remark,
   ].filter((name): name is string => !!name)
+  // 上传后插入到 Markdown 正文里的附件不再重复显示附件卡片
+  const visibleAttachments = message.attachments.filter(
+    (a) => !message.content?.includes(a.url)
+  )
   const openSenderCard = (x: number, y: number) => {
     openCard({ userId: sender.id, role: senderRole, x, y })
   }
@@ -262,13 +245,16 @@ export function MessageItem({
             ) : (
               <>
                 {message.replyTo && (
-                  <div
+                  <button
+                    type="button"
+                    onClick={() => setQuoteStack([message.replyTo!])}
                     className={cn(
-                      'mb-1.5 rounded-lg border-l-2 px-2 py-1 text-[11px] leading-relaxed',
+                      'mb-1.5 block w-full rounded-lg border-l-2 px-2 py-1 text-left text-[11px] leading-relaxed transition-colors',
                       isOwn
-                        ? 'border-white/60 bg-white/10 text-white/80'
-                        : 'border-accent/70 bg-panel2 text-muted'
+                        ? 'border-white/60 bg-white/10 text-white/80 hover:bg-white/15'
+                        : 'border-accent/70 bg-panel2 text-muted hover:bg-line/50'
                     )}
+                    title="点击查看引用的消息"
                   >
                     <p className="truncate font-medium">
                       回复 {displayUserName(message.replyTo.sender)}
@@ -282,11 +268,11 @@ export function MessageItem({
                             ? '[文件]'
                             : message.replyTo.content || '[消息]'}
                     </p>
-                  </div>
+                  </button>
                 )}
-                {message.attachments.length > 0 && (
+                {visibleAttachments.length > 0 && (
                   <div className={cn('flex flex-col gap-1.5', message.content && 'mb-1.5')}>
-                    {message.attachments.map((a) =>
+                    {visibleAttachments.map((a) =>
                       isImage(a.mimeType) ? (
                         <button
                           key={a.id}
@@ -322,9 +308,12 @@ export function MessageItem({
                   </div>
                 )}
                 {message.content && (
-                  <p className="whitespace-pre-wrap">
-                    {renderContent(message.content, isOwn, mentionNames)}
-                  </p>
+                  <MarkdownMessage
+                    content={message.content}
+                    isOwn={isOwn}
+                    mentionNames={mentionNames}
+                    onLightbox={onLightbox}
+                  />
                 )}
               </>
             )}
@@ -403,21 +392,41 @@ export function MessageItem({
         </div>
 
         {isOwn && !message.pending && !message.failed && (
-          <span
-            className="mt-0.5 flex items-center gap-0.5 text-[10px] text-muted"
-            title={readers.length ? `已读：${readers.join('、')}` : undefined}
-          >
-            {readCount > 0 ? <CheckCheck size={12} /> : <Check size={12} />}
-            {readTotal <= 0
-              ? '已发送'
-              : read
-                ? readTotal > 1
-                  ? '全部已读'
-                  : '已读'
-                : readCount > 0
-                  ? `已读 ${readCount}/${readTotal}`
-                  : '未读'}
-          </span>
+          isGroup && readTotal > 0 ? (
+            <button
+              type="button"
+              onClick={() => setReadOpen(true)}
+              className="mt-0.5 flex items-center gap-0.5 text-[10px] text-muted transition-colors hover:text-accent"
+              title="查看谁已读、谁未读"
+            >
+              {readCount > 0 ? <CheckCheck size={12} /> : <Check size={12} />}
+              {readTotal <= 0
+                ? '已发送'
+                : read
+                  ? readTotal > 1
+                    ? '全部已读'
+                    : '已读'
+                  : readCount > 0
+                    ? `已读 ${readCount}/${readTotal}`
+                    : '未读'}
+            </button>
+          ) : (
+            <span
+              className="mt-0.5 flex items-center gap-0.5 text-[10px] text-muted"
+              title={readers.length ? `已读：${readers.join('、')}` : undefined}
+            >
+              {readCount > 0 ? <CheckCheck size={12} /> : <Check size={12} />}
+              {readTotal <= 0
+                ? '已发送'
+                : read
+                  ? readTotal > 1
+                    ? '全部已读'
+                    : '已读'
+                  : readCount > 0
+                    ? `已读 ${readCount}/${readTotal}`
+                    : '未读'}
+            </span>
+          )
         )}
       </div>
 
@@ -523,6 +532,23 @@ export function MessageItem({
           ))}
         </div>
       </Modal>
+
+      <QuoteViewer
+        stack={quoteStack}
+        onClose={() => setQuoteStack([])}
+        onBack={() => setQuoteStack((prev) => prev.slice(0, -1))}
+        onPush={(reply) => setQuoteStack((prev) => [...prev, reply])}
+        onJump={(conversationId, messageId) =>
+          useChat.getState().jumpToMessage(conversationId, messageId)
+        }
+        onLightbox={onLightbox}
+      />
+
+      <ReadReceiptDialog
+        open={readOpen}
+        onClose={() => setReadOpen(false)}
+        members={readMembers}
+      />
     </div>
   )
 }
diff --git a/apps/web/src/components/MessageList.tsx b/server/apps/web/src/components/MessageList.tsx
similarity index 89%
rename from apps/web/src/components/MessageList.tsx
rename to server/apps/web/src/components/MessageList.tsx
index 7721e84..f6dfb38 100644
--- a/apps/web/src/components/MessageList.tsx
+++ b/server/apps/web/src/components/MessageList.tsx
@@ -2,7 +2,7 @@ import { useEffect, useRef, useState } from 'react'
 import { ArrowDown, Loader2, Pin, PinOff, Send, Star, X } from 'lucide-react'
 import { useAuth } from '../stores/auth'
 import { useChat } from '../stores/chat'
-import { displayUserName, formatDate, formatDateTime, isSameSender, sameDay } from '../lib/utils'
+import { cn, displayUserName, formatDate, formatDateTime, isSameSender, sameDay } from '../lib/utils'
 import { MessageItem } from './MessageItem'
 import { ForwardDialog } from './ForwardDialog'
 import { Modal } from './Modal'
@@ -23,6 +23,7 @@ export function MessageList({ conversationId }: { conversationId: string }) {
   const pinned = useChat((s) => s.pinned[conversationId]) ?? []
   const selecting = useChat((s) => s.selecting)
   const selectedCount = useChat((s) => Object.keys(s.selected).length)
+  const highlightMessageId = useChat((s) => s.highlightMessageId)
   const me = useAuth((s) => s.user)!
 
   const containerRef = useRef<HTMLDivElement>(null)
@@ -52,6 +53,20 @@ export function MessageList({ conversationId }: { conversationId: string }) {
     el.scrollTop = el.scrollHeight
   }, [lastId, typingNames.join('，')])
 
+  useEffect(() => {
+    if (!highlightMessageId) return
+    const root = containerRef.current
+    if (!root) return
+    const target = root.querySelector<HTMLElement>(
+      `[data-message-id="${highlightMessageId}"]`
+    )
+    if (!target) return
+    target.scrollIntoView({ block: 'center', behavior: 'smooth' })
+    stickRef.current = false
+    const timer = window.setTimeout(() => useChat.getState().clearHighlight(), 2400)
+    return () => window.clearTimeout(timer)
+  }, [highlightMessageId, messages.length])
+
   const onScroll = () => {
     const el = containerRef.current
     if (!el) return
@@ -80,19 +95,30 @@ export function MessageList({ conversationId }: { conversationId: string }) {
 
   const readInfo = (messageId: string, isOwn: boolean) => {
     if (!isOwn || !others.length) {
-      return { read: false, readCount: 0, readTotal: others.length, readers: [] as string[] }
+      return {
+        read: false,
+        readCount: 0,
+        readTotal: others.length,
+        readers: [] as string[],
+        members: [],
+      }
     }
-    const readers = others
-      .filter((m) => {
-        const last = readState?.[m.user.id] ?? m.lastReadMessageId
-        return !!last && last >= messageId
-      })
-      .map((m) => displayUserName(m.user))
+    const members = others.map((m) => {
+      const last = readState?.[m.user.id] ?? m.lastReadMessageId
+      return {
+        id: m.user.id,
+        name: displayUserName(m.user),
+        avatarUrl: m.user.avatarUrl,
+        read: !!last && last >= messageId,
+      }
+    })
+    const readers = members.filter((m) => m.read).map((m) => m.name)
     return {
-      read: readers.length === others.length,
+      read: readers.length === members.length,
       readCount: readers.length,
-      readTotal: others.length,
+      readTotal: members.length,
       readers,
+      members,
     }
   }
 
@@ -231,7 +257,15 @@ export function MessageList({ conversationId }: { conversationId: string }) {
           const readInfoForMessage = readInfo(message.id, isOwn)
 
           return (
-            <div key={message.id} id={`message-${message.id}`}>
+            <div
+              key={message.id}
+              id={`message-${message.id}`}
+              data-message-id={message.id}
+              className={cn(
+                'transition-colors duration-500',
+                highlightMessageId === message.id && 'bg-amber-400/10'
+              )}
+            >
               {newDay && (
                 <div className="flex justify-center py-3">
                   <span className="rounded-full bg-panel2 px-2.5 py-0.5 text-[10px] text-muted">
@@ -247,6 +281,7 @@ export function MessageList({ conversationId }: { conversationId: string }) {
                 readCount={readInfoForMessage.readCount}
                 readTotal={readInfoForMessage.readTotal}
                 readers={readInfoForMessage.readers}
+                readMembers={readInfoForMessage.members}
                 onLightbox={setLightbox}
               />
             </div>
diff --git a/apps/web/src/components/Modal.tsx b/server/apps/web/src/components/Modal.tsx
similarity index 100%
rename from apps/web/src/components/Modal.tsx
rename to server/apps/web/src/components/Modal.tsx
diff --git a/apps/web/src/components/NavRail.tsx b/server/apps/web/src/components/NavRail.tsx
similarity index 100%
rename from apps/web/src/components/NavRail.tsx
rename to server/apps/web/src/components/NavRail.tsx
diff --git a/apps/web/src/components/NewChatDialog.tsx b/server/apps/web/src/components/NewChatDialog.tsx
similarity index 100%
rename from apps/web/src/components/NewChatDialog.tsx
rename to server/apps/web/src/components/NewChatDialog.tsx
diff --git a/server/apps/web/src/components/QuoteViewer.tsx b/server/apps/web/src/components/QuoteViewer.tsx
new file mode 100644
index 0000000..2b537c4
--- /dev/null
+++ b/server/apps/web/src/components/QuoteViewer.tsx
@@ -0,0 +1,171 @@
+import { useState } from 'react'
+import { ArrowLeft, CornerDownRight, LocateFixed } from 'lucide-react'
+import type { ReplyMessage } from '../types'
+import { cn, displayUserName, formatBytes, formatDateTime, isImage } from '../lib/utils'
+import { toastError, useToast } from '../stores/toast'
+import { Avatar } from './Avatar'
+import { MarkdownMessage } from './MarkdownMessage'
+import { Modal } from './Modal'
+
+interface Props {
+  stack: ReplyMessage[]
+  onClose: () => void
+  onBack: () => void
+  onPush: (message: ReplyMessage) => void
+  onJump: (conversationId: string, messageId: string) => Promise<boolean>
+  onLightbox: (url: string) => void
+}
+
+export function QuoteViewer({ stack, onClose, onBack, onPush, onJump, onLightbox }: Props) {
+  const current = stack[stack.length - 1]
+  const [jumping, setJumping] = useState(false)
+  const toast = useToast((s) => s.push)
+
+  if (!current) return null
+
+  const jump = async () => {
+    if (jumping) return
+    setJumping(true)
+    try {
+      const ok = await onJump(current.conversationId, current.id)
+      if (ok) {
+        onClose()
+      } else {
+        toast('原消息不在当前已加载的聊天记录中', 'error')
+      }
+    } catch (err) {
+      toastError(err, '定位失败')
+    } finally {
+      setJumping(false)
+    }
+  }
+
+  return (
+    <Modal
+      open
+      onClose={onClose}
+      title={stack.length > 1 ? `引用消息 · 第 ${stack.length} 层` : '引用消息'}
+      width="max-w-xl"
+      footer={
+        <div className="flex items-center justify-between gap-2">
+          <span className="text-[11px] text-muted">
+            {current.replyTo ? '点击下方引用可继续查看上一层引用' : ''}
+          </span>
+          <div className="flex gap-2">
+            <button
+              onClick={onClose}
+              className="rounded-lg px-3 py-2 text-sm text-muted hover:bg-panel2"
+            >
+              关闭
+            </button>
+            <button
+              onClick={() => void jump()}
+              disabled={jumping}
+              className="flex items-center gap-1.5 rounded-lg bg-accent px-3.5 py-2 text-sm font-medium text-white disabled:opacity-50"
+            >
+              <LocateFixed size={14} /> 定位到聊天
+            </button>
+          </div>
+        </div>
+      }
+    >
+      <div className="space-y-3">
+        {stack.length > 1 && (
+          <button
+            onClick={onBack}
+            className="flex items-center gap-1 rounded-md px-1.5 py-1 text-xs text-muted transition-colors hover:bg-panel2 hover:text-fg"
+          >
+            <ArrowLeft size={13} /> 返回上一层
+          </button>
+        )}
+
+        <div className="flex items-center gap-2.5">
+          <Avatar
+            id={current.senderId}
+            name={current.sender.username}
+            avatarUrl={current.sender.avatarUrl}
+            size={32}
+          />
+          <div className="min-w-0">
+            <p className="truncate text-sm font-medium">{displayUserName(current.sender)}</p>
+            <p className="text-[10px] text-muted">{formatDateTime(current.createdAt)}</p>
+          </div>
+        </div>
+
+        {current.deletedAt ? (
+          <p className="rounded-xl border border-line bg-panel2 px-3 py-2.5 text-sm text-muted italic">
+            消息已撤回
+          </p>
+        ) : (
+          <div className="rounded-xl border border-line bg-panel2 px-3 py-2.5 text-sm leading-relaxed">
+            {current.type === 'FORWARD' ? (
+              <p className="text-xs text-muted">[聊天记录]</p>
+            ) : current.content ? (
+              <MarkdownMessage
+                content={current.content}
+                isOwn={false}
+                mentionNames={[]}
+                onLightbox={onLightbox}
+              />
+            ) : (
+              <p className="text-xs text-muted">（无文字内容）</p>
+            )}
+
+            {current.attachments.length > 0 && (
+              <div className="mt-2 flex flex-col gap-1.5">
+                {current.attachments.map((a) =>
+                  isImage(a.mimeType) ? (
+                    <button
+                      key={a.id}
+                      onClick={() => onLightbox(a.url)}
+                      className="overflow-hidden rounded-lg text-left"
+                    >
+                      <img
+                        src={a.thumbUrl ?? a.url}
+                        alt={a.fileName}
+                        className="max-h-60 w-auto max-w-full object-contain"
+                      />
+                    </button>
+                  ) : (
+                    <a
+                      key={a.id}
+                      href={a.url}
+                      className={cn(
+                        'flex items-center justify-between gap-2 rounded-lg bg-panel px-2.5 py-2 text-xs transition-colors hover:bg-line/50'
+                      )}
+                    >
+                      <span className="min-w-0 truncate">{a.fileName}</span>
+                      <span className="shrink-0 text-[10px] text-muted">{formatBytes(a.size)}</span>
+                    </a>
+                  )
+                )}
+              </div>
+            )}
+          </div>
+        )}
+
+        {current.replyTo && (
+          <button
+            onClick={() => onPush(current.replyTo!)}
+            className="block w-full rounded-xl border border-accent/25 bg-accent-soft/40 px-3 py-2.5 text-left transition-colors hover:border-accent/50 hover:bg-accent-soft/60"
+          >
+            <p className="mb-1 flex items-center gap-1 text-[11px] font-medium text-accent">
+              <CornerDownRight size={12} />
+              引用 {displayUserName(current.replyTo.sender)}
+            </p>
+            <p className="line-clamp-3 text-xs leading-relaxed text-muted">
+              {current.replyTo.deletedAt
+                ? '消息已撤回'
+                : current.replyTo.type === 'IMAGE'
+                  ? '[图片]'
+                  : current.replyTo.type === 'FILE'
+                    ? '[文件]'
+                    : current.replyTo.content || '[消息]'}
+            </p>
+            <p className="mt-1 text-[10px] text-accent/80">点击继续查看这条引用</p>
+          </button>
+        )}
+      </div>
+    </Modal>
+  )
+}
diff --git a/server/apps/web/src/components/ReadReceiptDialog.tsx b/server/apps/web/src/components/ReadReceiptDialog.tsx
new file mode 100644
index 0000000..d5a18df
--- /dev/null
+++ b/server/apps/web/src/components/ReadReceiptDialog.tsx
@@ -0,0 +1,96 @@
+import { CheckCheck, EyeOff } from 'lucide-react'
+import { Avatar } from './Avatar'
+import { Modal } from './Modal'
+
+export interface ReadMember {
+  id: string
+  name: string
+  avatarUrl?: string | null
+  read: boolean
+}
+
+interface Props {
+  open: boolean
+  onClose: () => void
+  members: ReadMember[]
+}
+
+export function ReadReceiptDialog({ open, onClose, members }: Props) {
+  const readers = members.filter((m) => m.read)
+  const unread = members.filter((m) => !m.read)
+
+  return (
+    <Modal
+      open={open}
+      onClose={onClose}
+      title="消息已读状态"
+      width="max-w-md"
+      footer={
+        <div className="flex justify-end">
+          <button
+            onClick={onClose}
+            className="rounded-lg px-3 py-2 text-sm text-muted hover:bg-panel2"
+          >
+            关闭
+          </button>
+        </div>
+      }
+    >
+      <div className="space-y-4">
+        <section>
+          <div className="mb-2 flex items-center gap-1.5 text-xs font-medium text-accent">
+            <CheckCheck size={14} />
+            已读 {readers.length}/{members.length}
+          </div>
+          {readers.length > 0 ? (
+            <div className="divide-y divide-line overflow-hidden rounded-xl border border-line">
+              {readers.map((member) => (
+                <div key={member.id} className="flex items-center gap-2.5 px-3 py-2">
+                  <Avatar
+                    id={member.id}
+                    name={member.name}
+                    avatarUrl={member.avatarUrl}
+                    size={28}
+                  />
+                  <span className="min-w-0 flex-1 truncate text-xs">{member.name}</span>
+                  <span className="text-[10px] text-accent">已读</span>
+                </div>
+              ))}
+            </div>
+          ) : (
+            <p className="rounded-xl border border-line bg-panel2 px-3 py-2.5 text-xs text-muted">
+              还没有人读这条消息
+            </p>
+          )}
+        </section>
+
+        <section>
+          <div className="mb-2 flex items-center gap-1.5 text-xs font-medium text-muted">
+            <EyeOff size={14} />
+            未读 {unread.length}/{members.length}
+          </div>
+          {unread.length > 0 ? (
+            <div className="divide-y divide-line overflow-hidden rounded-xl border border-line">
+              {unread.map((member) => (
+                <div key={member.id} className="flex items-center gap-2.5 px-3 py-2">
+                  <Avatar
+                    id={member.id}
+                    name={member.name}
+                    avatarUrl={member.avatarUrl}
+                    size={28}
+                  />
+                  <span className="min-w-0 flex-1 truncate text-xs">{member.name}</span>
+                  <span className="text-[10px] text-muted">未读</span>
+                </div>
+              ))}
+            </div>
+          ) : (
+            <p className="rounded-xl border border-line bg-panel2 px-3 py-2.5 text-xs text-muted">
+              所有成员都已读
+            </p>
+          )}
+        </section>
+      </div>
+    </Modal>
+  )
+}
diff --git a/apps/web/src/components/ReportDialog.tsx b/server/apps/web/src/components/ReportDialog.tsx
similarity index 100%
rename from apps/web/src/components/ReportDialog.tsx
rename to server/apps/web/src/components/ReportDialog.tsx
diff --git a/apps/web/src/components/SettingsDialog.tsx b/server/apps/web/src/components/SettingsDialog.tsx
similarity index 100%
rename from apps/web/src/components/SettingsDialog.tsx
rename to server/apps/web/src/components/SettingsDialog.tsx
diff --git a/apps/web/src/components/Sidebar.tsx b/server/apps/web/src/components/Sidebar.tsx
similarity index 100%
rename from apps/web/src/components/Sidebar.tsx
rename to server/apps/web/src/components/Sidebar.tsx
diff --git a/apps/web/src/components/SiteLogo.tsx b/server/apps/web/src/components/SiteLogo.tsx
similarity index 100%
rename from apps/web/src/components/SiteLogo.tsx
rename to server/apps/web/src/components/SiteLogo.tsx
diff --git a/apps/web/src/components/ThemeToggle.tsx b/server/apps/web/src/components/ThemeToggle.tsx
similarity index 100%
rename from apps/web/src/components/ThemeToggle.tsx
rename to server/apps/web/src/components/ThemeToggle.tsx
diff --git a/apps/web/src/components/Toasts.tsx b/server/apps/web/src/components/Toasts.tsx
similarity index 100%
rename from apps/web/src/components/Toasts.tsx
rename to server/apps/web/src/components/Toasts.tsx
diff --git a/apps/web/src/components/UserPicker.tsx b/server/apps/web/src/components/UserPicker.tsx
similarity index 100%
rename from apps/web/src/components/UserPicker.tsx
rename to server/apps/web/src/components/UserPicker.tsx
diff --git a/apps/web/src/index.css b/server/apps/web/src/index.css
similarity index 100%
rename from apps/web/src/index.css
rename to server/apps/web/src/index.css
diff --git a/apps/web/src/lib/api.ts b/server/apps/web/src/lib/api.ts
similarity index 100%
rename from apps/web/src/lib/api.ts
rename to server/apps/web/src/lib/api.ts
diff --git a/apps/web/src/lib/socket.ts b/server/apps/web/src/lib/socket.ts
similarity index 100%
rename from apps/web/src/lib/socket.ts
rename to server/apps/web/src/lib/socket.ts
diff --git a/apps/web/src/lib/utils.ts b/server/apps/web/src/lib/utils.ts
similarity index 100%
rename from apps/web/src/lib/utils.ts
rename to server/apps/web/src/lib/utils.ts
diff --git a/apps/web/src/main.tsx b/server/apps/web/src/main.tsx
similarity index 100%
rename from apps/web/src/main.tsx
rename to server/apps/web/src/main.tsx
diff --git a/apps/web/src/pages/AdminPage.tsx b/server/apps/web/src/pages/AdminPage.tsx
similarity index 100%
rename from apps/web/src/pages/AdminPage.tsx
rename to server/apps/web/src/pages/AdminPage.tsx
diff --git a/apps/web/src/pages/AuthShell.tsx b/server/apps/web/src/pages/AuthShell.tsx
similarity index 100%
rename from apps/web/src/pages/AuthShell.tsx
rename to server/apps/web/src/pages/AuthShell.tsx
diff --git a/apps/web/src/pages/ChatPage.tsx b/server/apps/web/src/pages/ChatPage.tsx
similarity index 100%
rename from apps/web/src/pages/ChatPage.tsx
rename to server/apps/web/src/pages/ChatPage.tsx
diff --git a/apps/web/src/pages/DrivePage.tsx b/server/apps/web/src/pages/DrivePage.tsx
similarity index 100%
rename from apps/web/src/pages/DrivePage.tsx
rename to server/apps/web/src/pages/DrivePage.tsx
diff --git a/apps/web/src/pages/FavoritesPage.tsx b/server/apps/web/src/pages/FavoritesPage.tsx
similarity index 100%
rename from apps/web/src/pages/FavoritesPage.tsx
rename to server/apps/web/src/pages/FavoritesPage.tsx
diff --git a/apps/web/src/pages/Login.tsx b/server/apps/web/src/pages/Login.tsx
similarity index 100%
rename from apps/web/src/pages/Login.tsx
rename to server/apps/web/src/pages/Login.tsx
diff --git a/apps/web/src/pages/NotificationsPage.tsx b/server/apps/web/src/pages/NotificationsPage.tsx
similarity index 100%
rename from apps/web/src/pages/NotificationsPage.tsx
rename to server/apps/web/src/pages/NotificationsPage.tsx
diff --git a/apps/web/src/pages/Register.tsx b/server/apps/web/src/pages/Register.tsx
similarity index 100%
rename from apps/web/src/pages/Register.tsx
rename to server/apps/web/src/pages/Register.tsx
diff --git a/apps/web/src/pages/Reset.tsx b/server/apps/web/src/pages/Reset.tsx
similarity index 100%
rename from apps/web/src/pages/Reset.tsx
rename to server/apps/web/src/pages/Reset.tsx
diff --git a/apps/web/src/pages/SharePage.tsx b/server/apps/web/src/pages/SharePage.tsx
similarity index 100%
rename from apps/web/src/pages/SharePage.tsx
rename to server/apps/web/src/pages/SharePage.tsx
diff --git a/apps/web/src/pages/Verify.tsx b/server/apps/web/src/pages/Verify.tsx
similarity index 100%
rename from apps/web/src/pages/Verify.tsx
rename to server/apps/web/src/pages/Verify.tsx
diff --git a/apps/web/src/stores/auth.ts b/server/apps/web/src/stores/auth.ts
similarity index 100%
rename from apps/web/src/stores/auth.ts
rename to server/apps/web/src/stores/auth.ts
diff --git a/apps/web/src/stores/chat.ts b/server/apps/web/src/stores/chat.ts
similarity index 93%
rename from apps/web/src/stores/chat.ts
rename to server/apps/web/src/stores/chat.ts
index fa60e41..5cf65cc 100644
--- a/apps/web/src/stores/chat.ts
+++ b/server/apps/web/src/stores/chat.ts
@@ -29,6 +29,7 @@ interface ChatState {
   pinned: Record<string, Message[]>
   selecting: boolean
   selected: Record<string, true>
+  highlightMessageId: string | null
 
   loadConversations: () => Promise<void>
   openConversation: (id: string) => Promise<void>
@@ -51,6 +52,8 @@ interface ChatState {
   startSelecting: () => void
   cancelSelecting: () => void
   toggleSelected: (messageId: string) => void
+  jumpToMessage: (conversationId: string, messageId: string) => Promise<boolean>
+  clearHighlight: () => void
   toggleFavorite: (message: Message) => Promise<boolean>
   retry: (message: Message) => Promise<void>
   receiveMessage: (message: Message, viewing?: boolean) => void
@@ -134,6 +137,7 @@ export const useChat = create<ChatState>((set, get) => ({
   pinned: {},
   selecting: false,
   selected: {},
+  highlightMessageId: null,
 
   loadConversations: async () => {
     set({ loadingConversations: true })
@@ -157,7 +161,14 @@ export const useChat = create<ChatState>((set, get) => ({
       get().markRead(id)
       return
     }
-    set({ activeId: id, detail: null, replyTo: null, selecting: false, selected: {} })
+    set({
+      activeId: id,
+      detail: null,
+      replyTo: null,
+      selecting: false,
+      selected: {},
+      highlightMessageId: null,
+    })
     void get().loadPinned(id)
     getSocket()?.emit('chat:join', { conversationId: id })
 
@@ -213,6 +224,41 @@ export const useChat = create<ChatState>((set, get) => ({
     }
   },
 
+  jumpToMessage: async (conversationId, messageId) => {
+    const hasLoaded = () =>
+      (get().messages[conversationId] ?? []).some((message) => message.id === messageId)
+    if (hasLoaded()) {
+      set({ highlightMessageId: messageId })
+      return true
+    }
+
+    const existing = get().messages[conversationId] ?? []
+    if (!existing.length) return false
+
+    let hasMore = get().hasMore[conversationId] !== false
+    for (let page = 0; hasMore && page < 10; page += 1) {
+      const current = get().messages[conversationId] ?? []
+      if (!current.length) break
+      const cursor = current[0].id
+      const result = await api.listMessages(conversationId, { before: cursor, limit: 50 })
+      set((s) => ({
+        messages: {
+          ...s.messages,
+          [conversationId]: [...result.messages, ...(s.messages[conversationId] ?? [])],
+        },
+        hasMore: { ...s.hasMore, [conversationId]: result.hasMore },
+      }))
+      if (hasLoaded()) {
+        set({ highlightMessageId: messageId })
+        return true
+      }
+      hasMore = result.hasMore
+    }
+    return false
+  },
+
+  clearHighlight: () => set({ highlightMessageId: null }),
+
   setReplyTo: (message) => {
     set({ replyTo: message })
   },
@@ -667,6 +713,7 @@ export const useChat = create<ChatState>((set, get) => ({
       pinned: {},
       selecting: false,
       selected: {},
+      highlightMessageId: null,
     })
     document.title = useSite.getState().name
   },
diff --git a/apps/web/src/stores/disguise.ts b/server/apps/web/src/stores/disguise.ts
similarity index 100%
rename from apps/web/src/stores/disguise.ts
rename to server/apps/web/src/stores/disguise.ts
diff --git a/apps/web/src/stores/friends.ts b/server/apps/web/src/stores/friends.ts
similarity index 100%
rename from apps/web/src/stores/friends.ts
rename to server/apps/web/src/stores/friends.ts
diff --git a/apps/web/src/stores/notifications.ts b/server/apps/web/src/stores/notifications.ts
similarity index 100%
rename from apps/web/src/stores/notifications.ts
rename to server/apps/web/src/stores/notifications.ts
diff --git a/apps/web/src/stores/site.ts b/server/apps/web/src/stores/site.ts
similarity index 100%
rename from apps/web/src/stores/site.ts
rename to server/apps/web/src/stores/site.ts
diff --git a/apps/web/src/stores/theme.ts b/server/apps/web/src/stores/theme.ts
similarity index 100%
rename from apps/web/src/stores/theme.ts
rename to server/apps/web/src/stores/theme.ts
diff --git a/apps/web/src/stores/toast.ts b/server/apps/web/src/stores/toast.ts
similarity index 100%
rename from apps/web/src/stores/toast.ts
rename to server/apps/web/src/stores/toast.ts
diff --git a/apps/web/src/stores/ui.ts b/server/apps/web/src/stores/ui.ts
similarity index 100%
rename from apps/web/src/stores/ui.ts
rename to server/apps/web/src/stores/ui.ts
diff --git a/apps/web/src/types.ts b/server/apps/web/src/types.ts
similarity index 99%
rename from apps/web/src/types.ts
rename to server/apps/web/src/types.ts
index 315d7ef..cec378b 100644
--- a/apps/web/src/types.ts
+++ b/server/apps/web/src/types.ts
@@ -180,6 +180,8 @@ export interface ReplyMessage {
   deletedAt: string | null
   sender: User
   attachments: Attachment[]
+  replyToId?: string | null
+  replyTo?: ReplyMessage | null
 }
 
 export interface ForwardedRecord {
diff --git a/apps/web/tsconfig.json b/server/apps/web/tsconfig.json
similarity index 100%
rename from apps/web/tsconfig.json
rename to server/apps/web/tsconfig.json
diff --git a/apps/web/vite.config.ts b/server/apps/web/vite.config.ts
similarity index 100%
rename from apps/web/vite.config.ts
rename to server/apps/web/vite.config.ts
diff --git a/docs/PLAN.md b/server/docs/PLAN.md
similarity index 100%
rename from docs/PLAN.md
rename to server/docs/PLAN.md
diff --git a/package-lock.json b/server/package-lock.json
similarity index 76%
rename from package-lock.json
rename to server/package-lock.json
index 2422af4..39ada09 100644
--- a/package-lock.json
+++ b/server/package-lock.json
@@ -110,7 +110,10 @@
         "pinyin-pro": "^3.29.5",
         "react": "^19.3.1",
         "react-dom": "^19.3.1",
+        "react-markdown": "^10.1.0",
         "react-router-dom": "^7.18.4",
+        "remark-breaks": "^4.0.0",
+        "remark-gfm": "^4.0.1",
         "socket.io-client": "^4.8.4",
         "zustand": "^5.0.16"
       },
@@ -1386,6 +1389,48 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/debug": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmmirror.com/@types/debug/-/debug-4.1.13.tgz",
+      "integrity": "sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.9.tgz",
+      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/estree-jsx": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmmirror.com/@types/estree-jsx/-/estree-jsx-1.0.5.tgz",
+      "integrity": "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/hast": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmmirror.com/@types/hast/-/hast-3.0.5.tgz",
+      "integrity": "sha512-rp/ezSWaD1m44dPKICGhiskI13nVr7qTloFwDa/IYkhhf5nzwP+zIQcIJh3WIFSBOy/H1PzB40jPjMDksN4F+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/mdast": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
     "node_modules/@types/minimatch": {
       "version": "3.0.5",
       "resolved": "https://registry.npmmirror.com/@types/minimatch/-/minimatch-3.0.5.tgz",
@@ -1393,6 +1438,12 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "license": "MIT"
+    },
     "node_modules/@types/node": {
       "version": "26.6.5",
       "resolved": "https://registry.npmmirror.com/@types/node/-/node-26.6.5.tgz",
@@ -1426,7 +1477,6 @@
       "version": "19.3.0",
       "resolved": "https://registry.npmmirror.com/@types/react/-/react-19.3.0.tgz",
       "integrity": "sha512-N0rFCuH9YoxG9/m61l9MfpJKfmLOVU0em7ipIz6TRgSSkvReLB9vL85GB+yr8Bs5leqpvg96JSwF4ZS1s4viQg==",
-      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "csstype": "^3.2.2"
@@ -1442,6 +1492,12 @@
         "@types/react": "^19.3.0"
       }
     },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
+    },
     "node_modules/@types/validator": {
       "version": "13.15.10",
       "resolved": "https://registry.npmmirror.com/@types/validator/-/validator-13.15.10.tgz",
@@ -1458,6 +1514,12 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/@ungap/structured-clone/-/structured-clone-1.4.0.tgz",
+      "integrity": "sha512-1mEZtMKPM09vDmQt5y7YvmN2+DFTP7Tg0EWXdic8/C6VRnpb33e4ghisCIE3WZjsE2N8mf+QV1Zqh7ZFYLWInQ==",
+      "license": "ISC"
+    },
     "node_modules/@vitejs/plugin-react": {
       "version": "6.1.2",
       "resolved": "https://registry.npmmirror.com/@vitejs/plugin-react/-/plugin-react-6.1.2.tgz",
@@ -1709,6 +1771,16 @@
         "fastq": "^1.17.1"
       }
     },
+    "node_modules/bail": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/bail/-/bail-2.0.2.tgz",
+      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1811,6 +1883,16 @@
         "javascript-obfuscator": "^4.2.2"
       }
     },
+    "node_modules/ccount": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/ccount/-/ccount-2.0.1.tgz",
+      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/chalk": {
       "version": "5.6.2",
       "resolved": "https://registry.npmmirror.com/chalk/-/chalk-5.6.2.tgz",
@@ -1841,6 +1923,46 @@
         "node": ">=10"
       }
     },
+    "node_modules/character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/character-entities/-/character-entities-2.0.2.tgz",
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-html4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
+      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-legacy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-reference-invalid": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz",
+      "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/charenc": {
       "version": "0.0.2",
       "resolved": "https://registry.npmmirror.com/charenc/-/charenc-0.0.2.tgz",
@@ -1958,6 +2080,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/commander": {
       "version": "12.1.0",
       "resolved": "https://registry.npmmirror.com/commander/-/commander-12.1.0.tgz",
@@ -2134,7 +2266,6 @@
       "version": "3.2.3",
       "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
       "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
-      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/dateformat": {
@@ -2189,6 +2320,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz",
+      "integrity": "sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz",
@@ -2283,6 +2427,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/dijkstrajs": {
       "version": "1.0.3",
       "resolved": "https://registry.npmmirror.com/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
@@ -2530,6 +2687,18 @@
       "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
       "license": "MIT"
     },
+    "node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/eslint-scope": {
       "version": "8.4.0",
       "resolved": "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-8.4.0.tgz",
@@ -2597,6 +2766,16 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-util-is-identifier-name": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz",
+      "integrity": "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/esutils/-/esutils-2.0.3.tgz",
@@ -2614,6 +2793,12 @@
       "devOptional": true,
       "license": "MIT"
     },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "license": "MIT"
+    },
     "node_modules/fast-check": {
       "version": "3.23.2",
       "resolved": "https://registry.npmmirror.com/fast-check/-/fast-check-3.23.2.tgz",
@@ -3075,6 +3260,46 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/hast-util-to-jsx-runtime": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmmirror.com/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.6.tgz",
+      "integrity": "sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "mdast-util-mdx-expression": "^2.0.0",
+        "mdast-util-mdx-jsx": "^3.0.0",
+        "mdast-util-mdxjs-esm": "^2.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-js": "^1.0.0",
+        "unist-util-position": "^5.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-whitespace": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
+      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/helmet": {
       "version": "8.3.0",
       "resolved": "https://registry.npmmirror.com/helmet/-/helmet-8.3.0.tgz",
@@ -3094,6 +3319,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/html-url-attributes": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/html-url-attributes/-/html-url-attributes-3.0.1.tgz",
+      "integrity": "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/http-errors": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/http-errors/-/http-errors-2.0.1.tgz",
@@ -3140,6 +3375,12 @@
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
       "license": "ISC"
     },
+    "node_modules/inline-style-parser": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmmirror.com/inline-style-parser/-/inline-style-parser-0.2.7.tgz",
+      "integrity": "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==",
+      "license": "MIT"
+    },
     "node_modules/inversify": {
       "version": "6.1.4",
       "resolved": "https://registry.npmmirror.com/inversify/-/inversify-6.1.4.tgz",
@@ -3169,6 +3410,30 @@
         "node": ">= 10"
       }
     },
+    "node_modules/is-alphabetical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
+      "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-alphanumerical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz",
+      "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-alphabetical": "^2.0.0",
+        "is-decimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/is-arguments": {
       "version": "1.2.0",
       "resolved": "https://registry.npmmirror.com/is-arguments/-/is-arguments-1.2.0.tgz",
@@ -3206,6 +3471,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-decimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/is-decimal/-/is-decimal-2.0.1.tgz",
+      "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/is-fullwidth-code-point": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
@@ -3235,6 +3510,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-hexadecimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz",
+      "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/is-nan": {
       "version": "1.3.2",
       "resolved": "https://registry.npmmirror.com/is-nan/-/is-nan-1.3.2.tgz",
@@ -3252,6 +3537,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-regex": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/is-regex/-/is-regex-1.2.1.tgz",
@@ -3548,6 +3845,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/longest-streak": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/longest-streak/-/longest-streak-3.1.0.tgz",
+      "integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "11.5.3",
       "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-11.5.3.tgz",
@@ -3582,6 +3889,16 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
+    "node_modules/markdown-table": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmmirror.com/markdown-table/-/markdown-table-3.0.4.tgz",
+      "integrity": "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmmirror.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -3604,6 +3921,876 @@
         "is-buffer": "~1.1.6"
       }
     },
+    "node_modules/mdast-util-find-and-replace": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmmirror.com/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.4.tgz",
+      "integrity": "sha512-z4B5c6jrnJ1ltOQemhWYPBSAo6y42Z8Gt2yEgfgNTMcLSU59B8bfj8Z8AnAlJrBGLnqkdAUZ7jdDEqQw3KuipQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "escape-string-regexp": "^5.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-from-markdown": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/mdast-util-from-markdown/-/mdast-util-from-markdown-2.1.0.tgz",
+      "integrity": "sha512-KRLgmPaP2H1ul2bpoJkOS+9pAcDAAj9Nu1mqLnh8NLeJG5tlvj42TH80PIGBpROWlRXLk0lDrWNuZCFy/tsB4A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark": "^4.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/mdast-util-gfm/-/mdast-util-gfm-3.1.0.tgz",
+      "integrity": "sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==",
+      "license": "MIT",
+      "dependencies": {
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-gfm-autolink-literal": "^2.0.0",
+        "mdast-util-gfm-footnote": "^2.0.0",
+        "mdast-util-gfm-strikethrough": "^2.0.0",
+        "mdast-util-gfm-table": "^2.0.0",
+        "mdast-util-gfm-task-list-item": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-autolink-literal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.1.tgz",
+      "integrity": "sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-find-and-replace": "^3.0.0",
+        "micromark-util-character": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-footnote": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-strikethrough": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.1.tgz",
+      "integrity": "sha512-OuJHqvr455pwu2OaOrir7dbzqs4jlWKOtlu9L6GjcIjjQwNyw02VntQsr/Ek6/A13vgnXfUhBekWRUP1OkNivw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-table": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz",
+      "integrity": "sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "markdown-table": "^3.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-task-list-item": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz",
+      "integrity": "sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-expression": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz",
+      "integrity": "sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-jsx": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.2.0.tgz",
+      "integrity": "sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "parse-entities": "^4.0.0",
+        "stringify-entities": "^4.0.0",
+        "unist-util-stringify-position": "^4.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdxjs-esm": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz",
+      "integrity": "sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-newline-to-break": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/mdast-util-newline-to-break/-/mdast-util-newline-to-break-2.0.0.tgz",
+      "integrity": "sha512-MbgeFca0hLYIEx/2zGsszCSEJJ1JSCdiY5xQxRcLDDGa8EPvlLPupJ4DSajbMPAnC0je8jfb9TiUATnxxrHUog==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-find-and-replace": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-phrasing": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz",
+      "integrity": "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-hast": {
+      "version": "13.2.1",
+      "resolved": "https://registry.npmmirror.com/mdast-util-to-hast/-/mdast-util-to-hast-13.2.1.tgz",
+      "integrity": "sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-markdown": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/mdast-util-to-markdown/-/mdast-util-to-markdown-2.2.0.tgz",
+      "integrity": "sha512-2Jn/ADrHFFyyniBMi0bncTbJqU78K3/TEYvzvwrWWzD9MYPUa/Gm4r3nOeKFQg/PDM5BsbDYdc8ackW4NTY6NA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "longest-streak": "^3.0.0",
+        "mdast-util-phrasing": "^4.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "micromark-util-html-tag-name": "^2.0.0",
+        "unist-util-visit": "^5.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz",
+      "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/micromark/-/micromark-4.0.3.tgz",
+      "integrity": "sha512-oGYfQzHSG5dOMovQcJ3fyTmZlWAWpi0XA0sJwJs+i6OT88o1+Jtw/8z0CmdowSLxGhhFK89rQ/oXph/wN02PNw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-edit-map": "^1.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-core-commonmark": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmmirror.com/micromark-core-commonmark/-/micromark-core-commonmark-2.0.4.tgz",
+      "integrity": "sha512-wxEeE8v8XVvOrxn1TZj74qYhAtTQsSqufHVS3uNVyT1MupXxhyaHk8/9xDNPh9BmL77QNDgWTkZ3RsYHB2ry7w==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-destination": "^2.0.0",
+        "micromark-factory-label": "^2.0.0",
+        "micromark-factory-space": "^2.1.0",
+        "micromark-factory-title": "^2.0.0",
+        "micromark-factory-whitespace": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-edit-map": "^1.0.0",
+        "micromark-util-html-tag-name": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.3"
+      }
+    },
+    "node_modules/micromark-extension-gfm": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz",
+      "integrity": "sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-extension-gfm-autolink-literal": "^2.0.0",
+        "micromark-extension-gfm-footnote": "^2.0.0",
+        "micromark-extension-gfm-strikethrough": "^2.0.0",
+        "micromark-extension-gfm-table": "^2.0.0",
+        "micromark-extension-gfm-tagfilter": "^2.0.0",
+        "micromark-extension-gfm-task-list-item": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-autolink-literal": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz",
+      "integrity": "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-footnote": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-strikethrough": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz",
+      "integrity": "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-table": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.2.tgz",
+      "integrity": "sha512-pRzm4kDTu0MjlmBkxmS9yYhw60nncfcEwu9NNdPFSQEFXS95ZKyIIyTSHu/o3ReBUrLKYEq+7YaXCRn/bPB4MA==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-tagfilter": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz",
+      "integrity": "sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-task-list-item": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz",
+      "integrity": "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-factory-destination": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz",
+      "integrity": "sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-label": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz",
+      "integrity": "sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-space": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/micromark-factory-space/-/micromark-factory-space-2.1.0.tgz",
+      "integrity": "sha512-fS8hnLIjnjvdQIj39Geug8wWsR0HrYZ43KShKxNfwT7t2LOHo/LbWZEzEaSOjwtjdCsjoE6syHhonEzW0zv0+Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-title": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz",
+      "integrity": "sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-whitespace": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz",
+      "integrity": "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
+      "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-chunked": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz",
+      "integrity": "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-classify-character": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz",
+      "integrity": "sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-combine-extensions": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz",
+      "integrity": "sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz",
+      "integrity": "sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-string": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz",
+      "integrity": "sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-edit-map": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/micromark-util-edit-map/-/micromark-util-edit-map-1.0.0.tgz",
+      "integrity": "sha512-Pa2ljlsEL6sVwFaYeyrOLSYbQt73JvGbPOYFq+9AElXiSnfI5Q4465RRZ1sHv7lDjDOnGRDDaqPXqClqWK/q1Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
+      "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-html-tag-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz",
+      "integrity": "sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-normalize-identifier": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz",
+      "integrity": "sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-resolve-all": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz",
+      "integrity": "sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
+      "integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-subtokenize": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/micromark-util-subtokenize/-/micromark-util-subtokenize-2.1.0.tgz",
+      "integrity": "sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
+      "integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-types": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/micromark-util-types/-/micromark-util-types-2.0.3.tgz",
+      "integrity": "sha512-oxB2Ik03hI0gv+VNn9tnh1t1YEe9MDPptViAEgfdf3YQHsn0pzGTgCdlSCJXcwhqm8phaEuM7zeEu3QQzVBrPg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/mime": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/mime/-/mime-3.0.0.tgz",
@@ -3953,6 +5140,31 @@
         "node": ">=6"
       }
     },
+    "node_modules/parse-entities": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmmirror.com/parse-entities/-/parse-entities-4.0.2.tgz",
+      "integrity": "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "character-entities-legacy": "^3.0.0",
+        "character-reference-invalid": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "is-alphanumerical": "^2.0.0",
+        "is-decimal": "^2.0.0",
+        "is-hexadecimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/parse-entities/node_modules/@types/unist": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmmirror.com/@types/unist/-/unist-2.0.11.tgz",
+      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
+      "license": "MIT"
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz",
@@ -4185,6 +5397,16 @@
       ],
       "license": "MIT"
     },
+    "node_modules/property-information": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/property-information/-/property-information-7.2.0.tgz",
+      "integrity": "sha512-IAtzIB6sUiWaJYrX9smp3V46pBGbBeLFRGdh25kg1334VcBlD8HzhPeNIWQH9zhGmo2itIe25EHt9dQP7G5hmg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/pump": {
       "version": "3.0.4",
       "resolved": "https://registry.npmmirror.com/pump/-/pump-3.0.4.tgz",
@@ -4275,6 +5497,33 @@
         "react": "^19.3.1"
       }
     },
+    "node_modules/react-markdown": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmmirror.com/react-markdown/-/react-markdown-10.1.0.tgz",
+      "integrity": "sha512-qKxVopLT/TyA6BX3Ue5NwabOsAzm0Q7kAPwq6L+wWDwisYs7R8vZ0nRXqq6rkueboxpkjvLGU9fWifiX/ZZFxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "hast-util-to-jsx-runtime": "^2.0.0",
+        "html-url-attributes": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-rehype": "^11.0.0",
+        "unified": "^11.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18",
+        "react": ">=18"
+      }
+    },
     "node_modules/react-router": {
       "version": "7.18.4",
       "resolved": "https://registry.npmmirror.com/react-router/-/react-router-7.18.4.tgz",
@@ -4344,6 +5593,87 @@
       "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
       "license": "Apache-2.0"
     },
+    "node_modules/remark-breaks": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/remark-breaks/-/remark-breaks-4.0.0.tgz",
+      "integrity": "sha512-IjEjJOkH4FuJvHZVIW0QCDWxcG96kCq7An/KVH2NfJe6rKZU2AsHeB3OEjPNRxi4QC34Xdx7I2KGYn6IpT7gxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-newline-to-break": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-gfm": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/remark-gfm/-/remark-gfm-4.0.1.tgz",
+      "integrity": "sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-gfm": "^3.0.0",
+        "micromark-extension-gfm": "^3.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-stringify": "^11.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-parse": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmmirror.com/remark-parse/-/remark-parse-11.0.0.tgz",
+      "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-rehype": {
+      "version": "11.1.2",
+      "resolved": "https://registry.npmmirror.com/remark-rehype/-/remark-rehype-11.1.2.tgz",
+      "integrity": "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-stringify": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmmirror.com/remark-stringify/-/remark-stringify-11.0.0.tgz",
+      "integrity": "sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/require-directory/-/require-directory-2.1.1.tgz",
@@ -4679,6 +6009,16 @@
         "source-map": "^0.6.0"
       }
     },
+    "node_modules/space-separated-tokens": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
+      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/split2": {
       "version": "4.2.0",
       "resolved": "https://registry.npmmirror.com/split2/-/split2-4.2.0.tgz",
@@ -4745,6 +6085,20 @@
         "node": ">=8"
       }
     },
+    "node_modules/stringify-entities": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/stringify-entities/-/stringify-entities-4.0.4.tgz",
+      "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities-html4": "^2.0.0",
+        "character-entities-legacy": "^3.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/stringz": {
       "version": "2.1.0",
       "resolved": "https://registry.npmmirror.com/stringz/-/stringz-2.1.0.tgz",
@@ -4817,6 +6171,24 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/style-to-js": {
+      "version": "1.1.21",
+      "resolved": "https://registry.npmmirror.com/style-to-js/-/style-to-js-1.1.21.tgz",
+      "integrity": "sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "style-to-object": "1.0.14"
+      }
+    },
+    "node_modules/style-to-object": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmmirror.com/style-to-object/-/style-to-object-1.0.14.tgz",
+      "integrity": "sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==",
+      "license": "MIT",
+      "dependencies": {
+        "inline-style-parser": "0.2.7"
+      }
+    },
     "node_modules/supports-color": {
       "version": "10.2.2",
       "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-10.2.2.tgz",
@@ -4949,6 +6321,26 @@
         "tree-kill": "cli.js"
       }
     },
+    "node_modules/trim-lines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/trim-lines/-/trim-lines-3.0.1.tgz",
+      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/trough": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/trough/-/trough-2.2.0.tgz",
+      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/tslib": {
       "version": "2.8.1",
       "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.8.1.tgz",
@@ -5062,6 +6454,93 @@
       "integrity": "sha512-KTDyRTYX8sWmKXAikPHHSyc63CRPETMctyjKFupcC6OBLXT3xsN0e9aF7m+mIXutFWpUXuedtowG7iLOzp0kQg==",
       "license": "MIT"
     },
+    "node_modules/unified": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmmirror.com/unified/-/unified-11.0.5.tgz",
+      "integrity": "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "bail": "^2.0.0",
+        "devlop": "^1.0.0",
+        "extend": "^3.0.0",
+        "is-plain-obj": "^4.0.0",
+        "trough": "^2.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-is": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmmirror.com/unist-util-is/-/unist-util-is-6.0.1.tgz",
+      "integrity": "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-position": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/unist-util-position/-/unist-util-position-5.0.0.tgz",
+      "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-stringify-position": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
+      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmmirror.com/unist-util-visit/-/unist-util-visit-5.2.0.tgz",
+      "integrity": "sha512-fpsYs/VVoZxfGY9/j3FQpZmN8wdLJaV1Pt38AaJNZu9uKIHcFU3halCdBveEq1HGKO1OEfJY65w1zvoFV1b3qQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit-parents": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmmirror.com/unist-util-visit-parents/-/unist-util-visit-parents-6.1.0.tgz",
+      "integrity": "sha512-vKXxz6O38sKDj1mtx/k2cWvkkFBuYGx6uGrlzBkVeWCRF/F8sdI0j3Wbkz/5rVNRRuVc8UrgRdbCxNhmYXgP3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/util": {
       "version": "0.12.5",
       "resolved": "https://registry.npmmirror.com/util/-/util-0.12.5.tgz",
@@ -5095,6 +6574,34 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/vfile": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmmirror.com/vfile/-/vfile-6.0.3.tgz",
+      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vfile-message": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/vfile-message/-/vfile-message-4.0.3.tgz",
+      "integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/vite": {
       "version": "8.3.5",
       "resolved": "https://registry.npmmirror.com/vite/-/vite-8.3.5.tgz",
@@ -5495,6 +7002,16 @@
           "optional": true
         }
       }
+    },
+    "node_modules/zwitch": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmmirror.com/zwitch/-/zwitch-2.0.4.tgz",
+      "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
     }
   }
 }
diff --git a/package.json b/server/package.json
similarity index 100%
rename from package.json
rename to server/package.json
diff --git a/readme.md b/server/readme.md
similarity index 100%
rename from readme.md
rename to server/readme.md