diff --git a/components/admin-accounts-content.tsx b/components/admin-accounts-content.tsx
index 6bea262..4e5b8b2 100644
--- a/components/admin-accounts-content.tsx
+++ b/components/admin-accounts-content.tsx
@@ -385,9 +385,10 @@ export function AdminAccountsContent() {
 
       <main className="flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-6">
       {/* Admin Users Card */}
-      <Card className="border border-[#E5E5E5] shadow-sm flex-1 flex flex-col">
-        <CardHeader className="flex flex-row items-center justify-between py-2 px-6">
+      <Card className="flex min-w-0 flex-1 flex-col border border-[#E5E5E5] shadow-sm">
+        <CardHeader className="flex min-w-0 flex-col gap-3 px-4 py-3 sm:flex-row sm:items-center sm:justify-between sm:px-6">
           <CardTitle
+            className="min-w-0 shrink"
             style={{
               fontSize: "20px",
               fontWeight: 700,
@@ -398,6 +399,7 @@ export function AdminAccountsContent() {
           </CardTitle>
           <Button
             size="sm"
+            className="w-full shrink-0 sm:w-auto"
             onClick={handleOpenGenerateModal}
             style={{
               backgroundColor: "#3B82F6",
@@ -409,7 +411,7 @@ export function AdminAccountsContent() {
             + 관리자 번호 발급
           </Button>
         </CardHeader>
-        <CardContent className="px-0 pb-0 pt-0 flex-1 flex flex-col overflow-hidden">
+        <CardContent className="flex min-w-0 flex-1 flex-col overflow-hidden px-0 pb-0 pt-0">
           {listError && !isLoading && (
             <p
               className="mx-6 mb-3 rounded-lg border border-[#FEE2E2] bg-[#FEF2F2] px-4 py-3 text-sm text-[#DC2626]"
@@ -418,8 +420,9 @@ export function AdminAccountsContent() {
               {listError}
             </p>
           )}
-          <ScrollArea className="flex-1 h-[520px]">
-            <Table className="w-full table-fixed">
+          <div className="min-w-0 flex-1 overflow-x-auto">
+            <ScrollArea className="h-[520px]">
+            <Table className="w-full min-w-[1048px] table-fixed">
               <TableHeader>
                 <TableRow className="border-t border-[#E5E5E5] hover:bg-transparent">
                   <TableHead
@@ -512,7 +515,7 @@ export function AdminAccountsContent() {
                     return (
                       <TableRow key={user.id} className="border-t border-[#E5E5E5] hover:bg-[#F9FAFB]">
                         <TableCell
-                          className="w-[220px]"
+                          className="max-w-[220px] min-w-0 overflow-hidden w-[220px]"
                           style={{
                             fontSize: "14px",
                             fontWeight: 500,
@@ -520,11 +523,17 @@ export function AdminAccountsContent() {
                             paddingLeft: "24px",
                           }}
                         >
-                          <div className="flex items-center gap-2">
-                            {user.adminNumber}
+                          <div className="flex min-w-0 max-w-full items-center gap-2">
+                            <span
+                              className="min-w-0 truncate whitespace-nowrap"
+                              title={user.adminNumber}
+                            >
+                              {user.adminNumber}
+                            </span>
                             {isMaster && (
                               <Badge
                                 variant="default"
+                                className="shrink-0"
                                 style={{
                                   fontSize: "10px",
                                   fontWeight: 600,
@@ -539,13 +548,18 @@ export function AdminAccountsContent() {
                           </div>
                         </TableCell>
                         <TableCell
-                          className="w-[320px]"
+                          className="max-w-[320px] min-w-0 overflow-hidden w-[320px]"
                           style={{
                             fontSize: "14px",
                             color: "#6B7280",
                           }}
                         >
-                          {user.email}
+                          <span
+                            className="block max-w-full truncate whitespace-nowrap"
+                            title={user.email}
+                          >
+                            {user.email}
+                          </span>
                         </TableCell>
                         <TableCell className="w-[108px] text-center align-middle">
                           <div className="flex justify-center items-center">
@@ -649,6 +663,7 @@ export function AdminAccountsContent() {
               </TableBody>
             </Table>
           </ScrollArea>
+          </div>
         </CardContent>
       </Card>
 
diff --git a/components/ai-assistant-sidebar.tsx b/components/ai-assistant-sidebar.tsx
index a39497c..c010f66 100644
--- a/components/ai-assistant-sidebar.tsx
+++ b/components/ai-assistant-sidebar.tsx
@@ -1,11 +1,12 @@
 "use client"
 
-import { useState, useCallback, useEffect, useRef } from "react"
+import { useState, useCallback, useEffect, useRef, type WheelEvent } from "react"
 import { ChevronLeft, ChevronRight, Send, Bot, User } from "lucide-react"
 import { Button } from "@/components/ui/button"
 import { Textarea } from "@/components/ui/textarea"
 import { useChatSocket } from "@/hooks/use-chat-socket"
 import { updateTokenUsage, getChatHistory } from "@/lib/api/chat"
+import { MarkdownContent } from "@/components/markdown-content"
 
 interface Message {
   id: number
@@ -13,6 +14,21 @@ interface Message {
   content: string
 }
 
+const MESSAGE_BUBBLE_BASE_CLASS =
+  "min-w-0 max-w-[280px] break-words rounded-2xl px-4 py-3 text-sm leading-relaxed [overflow-wrap:anywhere]"
+
+/** 회색 말풍선 — 코드 블록 대비 */
+const CHAT_MARKDOWN_ASSISTANT_CLASS =
+  "[&_pre]:border-[#E5E7EB] [&_pre]:bg-white [&_code]:bg-white"
+
+/** 파란 말풍선 — 밝은 배경용 MarkdownContent 오버라이드 */
+const CHAT_MARKDOWN_USER_CLASS =
+  "text-white [&_p]:text-white [&_strong]:text-white [&_em]:text-white/90 [&_li]:text-white [&_h1]:text-white [&_h2]:text-white [&_h3]:text-white [&_h4]:text-white [&_blockquote]:border-white/40 [&_blockquote]:text-white/90 [&_a]:text-blue-100 [&_hr]:border-white/30 [&_code]:bg-white/20 [&_code]:text-white [&_pre]:border-white/25 [&_pre]:bg-[#1D4ED8] [&_pre]:text-white [&_table]:border-white/25 [&_thead]:bg-white/15 [&_th]:text-white [&_td]:text-white/95"
+
+/** 공용 Textarea(min-h-16) 오버라이드 — 내용에 따라 늘어나되 최대 15줄, 이후 내부 스크롤 */
+const CHAT_INPUT_CLASS =
+  "!min-h-9 max-h-[15lh] min-w-0 flex-1 resize-none overflow-y-auto leading-5 break-words border-[#D0D0D0] bg-white [overflow-wrap:anywhere] whitespace-pre-wrap"
+
 interface AiAssistantSidebarProps {
   isOpen: boolean
   onToggle: () => void
@@ -40,8 +56,8 @@ export function AiAssistantSidebar({
   const [currentTurn, setCurrentTurn] = useState(1)
   const [isHistoryLoaded, setIsHistoryLoaded] = useState(false)
 
-  // 메시지 목록 하단 자동 스크롤
-  const messagesEndRef = useRef<HTMLDivElement | null>(null)
+  // 메시지 목록 컨테이너 내부 스크롤 (scrollIntoView는 페이지 전체 스크롤을 유발할 수 있음)
+  const messagesScrollRef = useRef<HTMLDivElement | null>(null)
 
   // ── 채팅 히스토리 초기 로드 ────────────────────────────────────────────────
   useEffect(() => {
@@ -84,10 +100,22 @@ export function AiAssistantSidebar({
   // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-  // 메시지가 추가될 때 하단으로 스크롤
+  // 메시지 목록 컨테이너 내부만 하단으로 스크롤 (scrollIntoView 사용 금지)
   useEffect(() => {
-    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
-  }, [messages]);
+    const container = messagesScrollRef.current
+    if (!container) return
+    requestAnimationFrame(() => {
+      container.scrollTo({ top: container.scrollHeight, behavior: "smooth" })
+    })
+  }, [messages, isSending])
+
+  // 메시지 목록 위에서 휠 시 페이지 스크롤로 전파되지 않도록 (목록이 스크롤 가능할 때만)
+  const handleMessagesWheel = useCallback((event: WheelEvent<HTMLDivElement>) => {
+    const container = event.currentTarget
+    if (container.scrollHeight > container.clientHeight) {
+      event.stopPropagation()
+    }
+  }, [])
 
   // ── WebSocket 메시지 수신 핸들러 ─────────────────────────────────────────────
   // usedTokens를 의존성에서 제거: 변경 시 useChatSocket 이펙트가 재실행되어 WS 재연결됨
@@ -173,12 +201,12 @@ export function AiAssistantSidebar({
 
       {/* Expanded Sidebar */}
       <aside
-        className={`fixed right-0 top-[73px] h-[calc(100vh-73px)] w-[400px] bg-white border-l border-[#D0D0D0] shadow-2xl transition-transform duration-300 ease-in-out z-30 flex flex-col ${
+        className={`fixed right-0 top-[73px] z-30 flex h-[calc(100vh-73px)] min-h-0 w-[400px] flex-col overflow-hidden border-l border-[#D0D0D0] bg-white shadow-2xl transition-transform duration-300 ease-in-out ${
           isOpen ? "translate-x-0" : "translate-x-full"
         }`}
       >
         {/* Sidebar Header */}
-        <div className="flex items-center justify-between px-4 py-4 border-b border-[#E5E7EB]">
+        <div className="flex shrink-0 items-center justify-between px-4 py-4 border-b border-[#E5E7EB]">
           <div className="flex items-center gap-2">
             <div className="w-8 h-8 bg-[#2563EB] rounded-lg flex items-center justify-center">
               <Bot className="w-4 h-4 text-white" />
@@ -192,7 +220,7 @@ export function AiAssistantSidebar({
 
         {/* 히스토리 로딩 중 표시 */}
         {!isHistoryLoaded && (
-          <div className="px-4 py-2 text-xs text-[#6B7280] bg-[#F9FAFB] border-b border-[#E5E7EB] flex items-center gap-1">
+          <div className="flex shrink-0 items-center gap-1 border-b border-[#E5E7EB] bg-[#F9FAFB] px-4 py-2 text-xs text-[#6B7280]">
             <svg className="animate-spin w-3 h-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
               <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
               <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z" />
@@ -201,53 +229,67 @@ export function AiAssistantSidebar({
           </div>
         )}
 
-        {/* Chat Messages */}
-        <div className="flex-1 overflow-y-auto p-4 space-y-4">
+        {/* 메시지 목록 — 가운데 영역만 스크롤 (일반 채팅앱 UX) */}
+        <div className="flex min-h-0 flex-1 flex-col overflow-hidden">
+          <div
+            ref={messagesScrollRef}
+            onWheel={handleMessagesWheel}
+            className="min-h-0 flex-1 overflow-y-auto overscroll-contain p-4 pr-3 space-y-4 [touch-action:pan-y]"
+          >
           {messages.map((message) => (
-            <div key={message.id} className={`flex gap-3 ${message.role === "user" ? "flex-row-reverse" : ""}`}>
+            <div
+              key={message.id}
+              className={`flex min-w-0 gap-3 ${message.role === "user" ? "flex-row-reverse" : ""}`}
+            >
               <div
-                className={`w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0 ${
+                className={`flex h-8 w-8 shrink-0 items-center justify-center rounded-full ${
                   message.role === "assistant" ? "bg-[#2563EB]" : "bg-[#6B7280]"
                 }`}
               >
                 {message.role === "assistant" ? (
-                  <Bot className="w-4 h-4 text-white" />
+                  <Bot className="h-4 w-4 text-white" />
                 ) : (
-                  <User className="w-4 h-4 text-white" />
+                  <User className="h-4 w-4 text-white" />
                 )}
               </div>
               <div
-                className={`max-w-[280px] px-4 py-3 rounded-2xl text-sm leading-relaxed whitespace-pre-wrap break-words ${
+                className={`${MESSAGE_BUBBLE_BASE_CLASS} ${
                   message.role === "assistant"
-                    ? "bg-[#F3F4F6] text-[#1F2937] rounded-tl-sm"
-                    : "bg-[#2563EB] text-white rounded-tr-sm"
+                    ? "bg-[#F3F4F6] rounded-tl-sm"
+                    : "bg-[#2563EB] rounded-tr-sm"
                 }`}
               >
-                {message.content}
+                <MarkdownContent
+                  content={message.content}
+                  className={
+                    message.role === "assistant"
+                      ? CHAT_MARKDOWN_ASSISTANT_CLASS
+                      : CHAT_MARKDOWN_USER_CLASS
+                  }
+                />
               </div>
             </div>
           ))}
 
           {/* 응답 대기 중 타이핑 인디케이터 */}
           {isSending && (
-            <div className="flex gap-3">
-              <div className="w-8 h-8 rounded-full bg-[#2563EB] flex items-center justify-center flex-shrink-0">
-                <Bot className="w-4 h-4 text-white" />
+            <div className="flex min-w-0 gap-3">
+              <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#2563EB]">
+                <Bot className="h-4 w-4 text-white" />
               </div>
-              <div className="px-4 py-3 rounded-2xl bg-[#F3F4F6] rounded-tl-sm flex items-center gap-1">
-                <span className="w-1.5 h-1.5 rounded-full bg-[#9CA3AF] animate-bounce [animation-delay:-0.3s]" />
-                <span className="w-1.5 h-1.5 rounded-full bg-[#9CA3AF] animate-bounce [animation-delay:-0.15s]" />
-                <span className="w-1.5 h-1.5 rounded-full bg-[#9CA3AF] animate-bounce" />
+              <div className="flex items-center gap-1 rounded-2xl rounded-tl-sm bg-[#F3F4F6] px-4 py-3">
+                <span className="h-1.5 w-1.5 animate-bounce rounded-full bg-[#9CA3AF] [animation-delay:-0.3s]" />
+                <span className="h-1.5 w-1.5 animate-bounce rounded-full bg-[#9CA3AF] [animation-delay:-0.15s]" />
+                <span className="h-1.5 w-1.5 animate-bounce rounded-full bg-[#9CA3AF]" />
               </div>
             </div>
           )}
-
-          <div ref={messagesEndRef} />
+          </div>
         </div>
 
         {/* Input Area */}
-        <div className="p-4 border-t border-[#E5E7EB] bg-[#F9FAFB]">
-          <div className="flex gap-2">
+        <div className="shrink-0 overflow-hidden border-t border-[#E5E7EB] bg-[#F9FAFB] p-4">
+          <div className="flex items-end gap-2">
             <Textarea
               value={inputValue}
               onChange={(e) => setInputValue(e.target.value)}
@@ -259,13 +301,13 @@ export function AiAssistantSidebar({
               }}
               placeholder={isConnected ? "메시지를 입력하세요…" : "연결 대기 중…"}
               rows={1}
-              className="flex-1 bg-white border-[#D0D0D0] resize-none whitespace-normal break-words"
+              className={CHAT_INPUT_CLASS}
               disabled={isSending || !isConnected}
             />
             <Button
               onClick={handleSend}
               size="icon"
-              className="bg-[#2563EB] hover:bg-[#1D4ED8] text-white px-3 py-2 disabled:opacity-50 disabled:cursor-not-allowed"
+              className="shrink-0 bg-[#2563EB] hover:bg-[#1D4ED8] text-white px-3 py-2 disabled:opacity-50 disabled:cursor-not-allowed"
               disabled={isSending || !inputValue.trim() || !isConnected}
             >
               <Send className="w-4 h-4" />
diff --git a/components/code-editor-section.tsx b/components/code-editor-section.tsx
index 7cd4c92..f6af073 100644
--- a/components/code-editor-section.tsx
+++ b/components/code-editor-section.tsx
@@ -2,9 +2,13 @@
 
 import type React from "react"
 
-import { useState, useRef, useCallback, useImperativeHandle, forwardRef } from "react"
+import { useState, useRef, useCallback, useImperativeHandle, forwardRef, useEffect } from "react"
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
-import { submitCode, SubmissionStatus } from "@/lib/api/submissions"
+import { saveCodeDraft, getCodeDraft, submitCode, SubmissionStatus } from "@/lib/api/submissions"
+
+const DRAFT_SAVE_DEBOUNCE_MS = 3000
+
+const SUPPORTED_LANGUAGES = ["python", "java", "cpp", "javascript"] as const
 
 const defaultCodeTemplates: Record<string, string> = {
   python: `# 언어를 선택하시고
@@ -45,6 +49,25 @@ function compressString(s) {
 `,
 }
 
+function createDefaultLanguageCodes(): Record<string, string> {
+  return {
+    python: defaultCodeTemplates.python,
+    java: defaultCodeTemplates.java,
+    cpp: defaultCodeTemplates.cpp,
+    javascript: defaultCodeTemplates.javascript,
+  }
+}
+
+/** BE draft language → Select value */
+function normalizeDraftLanguage(raw: string | null | undefined): string {
+  const value = (raw ?? "python").trim().toLowerCase()
+  if (value.startsWith("python")) return "python"
+  if (value.startsWith("java")) return "java"
+  if (value === "cpp" || value === "c++" || value.startsWith("cpp")) return "cpp"
+  if (value === "javascript" || value === "js" || value.startsWith("javascript")) return "javascript"
+  return "python"
+}
+
 // 제출 상태 레이블 매핑
 const STATUS_LABEL: Record<SubmissionStatus, string> = {
   PENDING:              "제출 완료 — 채점 대기 중",
@@ -92,26 +115,82 @@ export const CodeEditorSection = forwardRef<CodeEditorSectionHandle, CodeEditorS
   ref
 ) {
   const [language, setLanguage] = useState("python")
-  const [languageCodes, setLanguageCodes] = useState<Record<string, string>>({
-    python: defaultCodeTemplates.python,
-    java: defaultCodeTemplates.java,
-    cpp: defaultCodeTemplates.cpp,
-    javascript: defaultCodeTemplates.javascript,
-  })
-  const [code, setCode] = useState(defaultCodeTemplates.python)
+  const [languageCodes, setLanguageCodes] = useState<Record<string, string>>({})
+  const [code, setCode] = useState("")
   const [cursorPosition, setCursorPosition] = useState({ line: 1, col: 1 })
 
+  const applyDefaultTemplate = useCallback(() => {
+    const defaults = createDefaultLanguageCodes()
+    setLanguage("python")
+    setLanguageCodes(defaults)
+    setCode(defaults.python)
+  }, [])
+
   // 제출 상태
   const [isSubmitting, setIsSubmitting] = useState(false)
   const [submitStatus, setSubmitStatus] = useState<SubmissionStatus | null>(null)
   const [submitError, setSubmitError] = useState<string | null>(null)
 
   const lineNumberRef = useRef<HTMLDivElement | null>(null);
+  const [draftHydrated, setDraftHydrated] = useState(false);
+
+  // 시험 화면 진입 시 서버 draft 1회 로드 (Strict Mode remount 대응 — ref로 skip하지 않음)
+  useEffect(() => {
+    if (!examId) {
+      applyDefaultTemplate()
+      setDraftHydrated(true)
+      return
+    }
+
+    if (isReadOnly) {
+      applyDefaultTemplate()
+      setDraftHydrated(true)
+      return
+    }
+
+    let cancelled = false
+    setDraftHydrated(false)
+
+    getCodeDraft(examId)
+      .then((draft) => {
+        if (cancelled) return
+
+        const restored = draft?.codeInline?.trim()
+        if (restored) {
+          const lang = normalizeDraftLanguage(draft?.language)
+          const safeLang = SUPPORTED_LANGUAGES.includes(lang as (typeof SUPPORTED_LANGUAGES)[number])
+            ? lang
+            : "python"
+          setLanguage(safeLang)
+          setCode(restored)
+          setLanguageCodes({
+            ...createDefaultLanguageCodes(),
+            [safeLang]: restored,
+          })
+          return
+        }
+
+        applyDefaultTemplate()
+      })
+      .catch(() => {
+        if (!cancelled) applyDefaultTemplate()
+      })
+      .finally(() => {
+        if (!cancelled) setDraftHydrated(true)
+      })
+
+    return () => {
+      cancelled = true
+    }
+  }, [examId, isReadOnly, applyDefaultTemplate])
 
   const handleLanguageChange = (newLanguage: string) => {
     setLanguageCodes((prev) => {
       const updated = { ...prev, [language]: code }
-      const newCode = updated[newLanguage] || defaultCodeTemplates[newLanguage] || defaultCodeTemplates.python
+      const newCode =
+        updated[newLanguage] ||
+        defaultCodeTemplates[newLanguage] ||
+        defaultCodeTemplates.python
       setCode(newCode)
       return updated
     })
@@ -174,6 +253,19 @@ export const CodeEditorSection = forwardRef<CodeEditorSectionHandle, CodeEditorS
     [handleSubmit]
   )
 
+  // 자동 제출용 코드 스냅샷 (debounce) — draft 로드 완료 후에만 저장
+  useEffect(() => {
+    if (!examId || isReadOnly || !draftHydrated || !code.trim()) return
+
+    const timer = window.setTimeout(() => {
+      saveCodeDraft(examId, { lang: language, code }).catch(() => {
+        // 초안 저장 실패는 시험 UX를 막지 않음
+      })
+    }, DRAFT_SAVE_DEBOUNCE_MS)
+
+    return () => window.clearTimeout(timer)
+  }, [examId, isReadOnly, draftHydrated, language, code])
+
   const MIN_LINES = 15;
   const actualLineCount = code.split("\n").length || 1;
   const lineCount = Math.max(MIN_LINES, actualLineCount);
@@ -242,14 +334,16 @@ export const CodeEditorSection = forwardRef<CodeEditorSectionHandle, CodeEditorS
 
         {/* Code Area */}
         <textarea
+          key={examId != null ? `code-editor-${examId}` : "code-editor"}
           value={code}
           onChange={handleTextChange}
           onClick={(e) => updateCursorPosition(e.currentTarget)}
           onKeyUp={(e) => updateCursorPosition(e.currentTarget)}
           onScroll={handleEditorScroll}
           rows={15}
-          readOnly={isReadOnly}
-          disabled={isReadOnly}
+          readOnly={isReadOnly || (!draftHydrated && !!examId)}
+          disabled={isReadOnly || (!draftHydrated && !!examId)}
+          placeholder={!draftHydrated && examId ? "저장된 코드를 불러오는 중…" : undefined}
           className={`flex-1 p-4 font-mono text-sm text-[#1F2937] bg-white resize-none focus:outline-none leading-6 ${
             isReadOnly ? "cursor-not-allowed opacity-75" : ""
           }`}
diff --git a/components/dashboard-content.tsx b/components/dashboard-content.tsx
index 5286682..3aed133 100644
--- a/components/dashboard-content.tsx
+++ b/components/dashboard-content.tsx
@@ -3,47 +3,12 @@
 import { useState, useEffect } from "react"
 import Link from "next/link"
 import { Users, CheckCircle, Play, Plus, BarChart3, ArrowRight } from "lucide-react"
-import { getExams, getBoard } from "@/lib/api/admin"
+import { getExams, getBoard, getAdminActivityLogs, LoginFailedError, type AdminActivityLogEntry } from "@/lib/api/admin"
 import { computeSessionAnalytics } from "@/lib/admin-board-analytics"
-
-// Sample recent activity data (정적 - 활동 로그 API 미지원)
-const recentActivity = [
-  {
-    id: 1,
-    timestamp: "2024-01-15 14:32",
-    status: "채점 과정이 성공적으로 완료되었습니다.",
-    message: "참가자 김민준님의 채점이 완료되었습니다",
-  },
-  { id: 2, timestamp: "2024-01-15 14:15", status: "시험 세션이 시작되었습니다.", message: "시험 세션 AIV-2024-001이 시작되었습니다" },
-  {
-    id: 3,
-    timestamp: "2024-01-15 13:45",
-    status: "시험 방 생성됨",
-    message: "새 입장 코드 AIV-2024-005가 생성되었습니다",
-  },
-  {
-    id: 4,
-    timestamp: "2024-01-15 12:30",
-    status: "채점 과정이 성공적으로 완료되었습니다.",
-    message: "참가자 박지연님의 채점이 완료되었습니다",
-  },
-  { id: 5, timestamp: "2024-01-15 11:20", status: "시험 세션이 시작되었습니다.", message: "시험 세션 AIV-2024-002가 시작되었습니다" },
-]
-
-function getStatusColor(status: string) {
-  switch (status) {
-    case "시험 세션이 시작되었습니다.":
-      return "bg-purple-500"
-    case "채점 과정이 성공적으로 완료되었습니다.":
-      return "bg-green-500"
-    case "시험 방 생성됨":
-      return "bg-blue-500"
-    case "시험 세션이 종료되었습니다.":
-      return "bg-red-500"
-    default:
-      return "bg-gray-500"
-  }
-}
+import {
+  formatActivityLogDateTime,
+  getActivityLogDotClass,
+} from "@/lib/admin-activity-logs"
 
 export function DashboardContent() {
   const [totalParticipants, setTotalParticipants] = useState<number | null>(null)
@@ -51,6 +16,9 @@ export function DashboardContent() {
   const [runningExams, setRunningExams] = useState<number | null>(null)
   const [avgPromptScore, setAvgPromptScore] = useState<string | null>(null)
   const [isLoading, setIsLoading] = useState(true)
+  const [recentActivity, setRecentActivity] = useState<AdminActivityLogEntry[]>([])
+  const [isActivityLoading, setIsActivityLoading] = useState(true)
+  const [activityError, setActivityError] = useState<string | null>(null)
 
   useEffect(() => {
     async function loadStats() {
@@ -79,6 +47,28 @@ export function DashboardContent() {
     loadStats()
   }, [])
 
+  useEffect(() => {
+    async function loadRecentActivity() {
+      setIsActivityLoading(true)
+      setActivityError(null)
+      try {
+        const result = await getAdminActivityLogs({ page: 0, size: 5 })
+        setRecentActivity(result.content)
+      } catch (e) {
+        console.error("Failed to load recent activity", e)
+        setRecentActivity([])
+        if (e instanceof LoginFailedError) {
+          setActivityError(e.message)
+        } else {
+          setActivityError("최근 활동을 불러오지 못했습니다.")
+        }
+      } finally {
+        setIsActivityLoading(false)
+      }
+    }
+    void loadRecentActivity()
+  }, [])
+
   const displayValue = (val: number | null) =>
     isLoading ? "..." : val !== null ? val.toLocaleString() : "–"
 
@@ -164,7 +154,11 @@ export function DashboardContent() {
           </div>
 
           <div className="mt-6">
-            {recentActivity.length > 0 ? (
+            {isActivityLoading ? (
+              <p className="py-8 text-center text-sm text-gray-400">최근 활동을 불러오는 중...</p>
+            ) : activityError ? (
+              <p className="py-8 text-center text-sm text-red-500">{activityError}</p>
+            ) : recentActivity.length > 0 ? (
               <div className="relative">
                 {/* Vertical timeline line */}
                 <div className="absolute left-[5px] top-2 bottom-2 w-[2px] bg-gray-200" />
@@ -173,15 +167,17 @@ export function DashboardContent() {
                   {recentActivity.map((event) => (
                     <div key={event.id} className="flex items-start gap-3 pl-6 relative">
                       {/* Timeline dot */}
-                      <div className={`absolute left-0 top-1.5 h-3 w-3 rounded-full ${getStatusColor(event.status)}`} />
+                      <div className={`absolute left-0 top-1.5 h-3 w-3 rounded-full ${getActivityLogDotClass(event.type)}`} />
 
                       {/* Content */}
                       <div className="flex flex-1 items-center justify-between border-b border-gray-100 pb-4">
                         <div className="flex flex-col gap-1">
-                          <span className="text-sm font-medium text-gray-700">{event.status}</span>
+                          <span className="text-sm font-medium text-gray-700">{event.title}</span>
                           <span className="text-sm text-gray-500">{event.message}</span>
                         </div>
-                        <span className="text-xs text-gray-400 whitespace-nowrap ml-4">{event.timestamp}</span>
+                        <span className="text-xs text-gray-400 whitespace-nowrap ml-4">
+                          {formatActivityLogDateTime(event.createdAt)}
+                        </span>
                       </div>
                     </div>
                   ))}
diff --git a/components/entry-codes-content.tsx b/components/entry-codes-content.tsx
index 60b23b8..6db6dd0 100644
--- a/components/entry-codes-content.tsx
+++ b/components/entry-codes-content.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { useState, useEffect } from "react"
+import { useState, useEffect, useCallback, useRef } from "react"
 import { Copy, MoreVertical, ChevronLeft, ChevronRight } from "lucide-react"
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
 import {
@@ -14,6 +14,7 @@ import {
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { createExam, getExams, deleteExam, getEntryCodes, startExam, endExam, extendExam, Exam, LoginFailedError, NetworkError } from "@/lib/api/admin"
+import { getEffectiveExamState, isAdminExamEnded } from "@/lib/admin-users-participant-status"
 import { getExamSortTimestamp } from "@/lib/master-test-sessions"
 import { useToast } from "@/hooks/use-toast"
 
@@ -78,19 +79,24 @@ function getExamEntryCodesActionPriority(state: string): number {
   return 0
 }
 
+/** 관리자 시험 목록 자동 갱신 주기 (BE 자동 시작 스케줄러 10초 + 여유) */
+const EXAM_LIST_POLL_INTERVAL_MS = 15_000
+
 const EXPIRES_AT_PAST_ERROR_MESSAGE = "만료일은 현재 이후여야 합니다."
+const STARTS_AT_PAST_ERROR_MESSAGE = "시작 시각은 현재 이후여야 합니다."
+const ENDS_AT_BEFORE_STARTS_AT_ERROR_MESSAGE = "종료 시각은 시작 시각보다 이후여야 합니다."
 const TITLE_REQUIRED_FALLBACK_MESSAGE = "시험 제목은 필수입니다."
 
-/** 종료/만료 시각이 현재 이후인지 확인 (datetime-local 입력값 기준) */
-function isFutureDateTime(value: string): boolean {
-  if (!value) return false
+/** datetime-local 입력값을 로컬 시각 Date로 변환 */
+function parseDateTimeLocal(value: string): Date | null {
+  if (!value) return null
   const [datePart, timePart] = value.split("T")
-  if (!datePart || !timePart) return false
+  if (!datePart || !timePart) return null
 
   const [year, month, day] = datePart.split("-").map(Number)
   const [hour, minute] = timePart.split(":").map(Number)
   if ([year, month, day, hour, minute].some((part) => !Number.isFinite(part))) {
-    return false
+    return null
   }
 
   const date = new Date(year, month - 1, day, hour, minute)
@@ -101,10 +107,16 @@ function isFutureDateTime(value: string): boolean {
     date.getHours() !== hour ||
     date.getMinutes() !== minute
   ) {
-    return false
+    return null
   }
 
-  return !Number.isNaN(date.getTime()) && date > new Date()
+  return Number.isNaN(date.getTime()) ? null : date
+}
+
+/** 종료/만료 시각이 현재 이후인지 확인 (datetime-local 입력값 기준) */
+function isFutureDateTime(value: string): boolean {
+  const date = parseDateTimeLocal(value)
+  return date !== null && date > new Date()
 }
 
 /** createExam 400 응답이 만료일(종료 시각) 검증 실패인지 여부 */
@@ -143,12 +155,21 @@ function resolveCreateExamValidationMessage(
 /** 상태 우선 정렬 후, 같은 그룹 내에서는 시작/생성 시각 내림차순(기존 시각 기준) */
 function sortExamsForEntryCodes<T extends Exam>(exams: T[]): T[] {
   return [...exams].sort((a, b) => {
-    const byAction = getExamEntryCodesActionPriority(a.state) - getExamEntryCodesActionPriority(b.state)
+    const byAction =
+      getExamEntryCodesActionPriority(getEffectiveExamState(a)) -
+      getExamEntryCodesActionPriority(getEffectiveExamState(b))
     if (byAction !== 0) return byAction
     return getExamSortTimestamp(b) - getExamSortTimestamp(a)
   })
 }
 
+type FetchExamsOptions = {
+  /** true면 로딩/토스트/페이지 리셋 없이 목록만 갱신 (백그라운드 폴링) */
+  silent?: boolean
+  /** true면 조회 성공 후 1페이지로 이동 */
+  resetPage?: boolean
+}
+
 export function EntryCodesContent() {
 
   // 시험 생성 모달 상태
@@ -156,6 +177,7 @@ export function EntryCodesContent() {
   const [examTitle, setExamTitle] = useState("")
   const [examStartsAt, setExamStartsAt] = useState("")
   const [examEndsAt, setExamEndsAt] = useState("")
+  const [examStartsAtError, setExamStartsAtError] = useState("")
   const [createExamValidationError, setCreateExamValidationError] = useState("")
   const [isSubmitting, setIsSubmitting] = useState(false)
 
@@ -189,6 +211,8 @@ export function EntryCodesContent() {
 
   const { toast } = useToast()
 
+  const fetchExamsInFlightRef = useRef(false)
+
   // 시험 목록 페이지네이션
   const [currentExamPage, setCurrentExamPage] = useState(1)
   const examPageSize = 8
@@ -202,79 +226,109 @@ export function EntryCodesContent() {
   const examDisplayStart = exams && exams.length > 0 ? examStartIndex + 1 : 0
   const examDisplayEnd = exams ? Math.min(examEndIndex, exams.length) : 0
 
-  // 시험 조회 핸들러
-  const handleFetchExams = async () => {
-    try {
-      setIsLoadingExams(true)
-      setExamError(null)
-      
-      // 1. 시험 목록 가져오기
-      const examsData = await getExams()
-      
-      // 2. 각 시험에 대해 입장 코드 가져오기 (병렬 처리)
-      const examsWithEntryCodes = await Promise.all(
-        examsData.map(async (exam) => {
-          try {
-            // 각 시험의 입장 코드 목록 가져오기
-            const entryCodes = await getEntryCodes(exam.id)
-            // 첫 번째 활성 입장 코드를 사용하거나, 없으면 첫 번째 코드 사용
-            const activeEntryCode = entryCodes.find((ec) => ec.isActive) || entryCodes[0]
-            return {
-              ...exam,
-              entryCode: activeEntryCode?.code || pickEntryCode(exam),
-            }
-          } catch (entryCodeError) {
-            // 입장 코드 조회 실패 시 해당 시험의 입장 코드는 undefined로 유지
-            console.warn(`Failed to fetch entry codes for exam ${exam.id}:`, entryCodeError)
-            return {
-              ...exam,
-              entryCode: pickEntryCode(exam),
+  // 시험 조회 핸들러 (getExams + 입장 코드 병렬 조회)
+  const handleFetchExams = useCallback(
+    async (options: FetchExamsOptions = {}) => {
+      const silent = options.silent ?? false
+      const resetPage = options.resetPage ?? !silent
+
+      if (fetchExamsInFlightRef.current) {
+        return
+      }
+      fetchExamsInFlightRef.current = true
+
+      try {
+        if (!silent) {
+          setIsLoadingExams(true)
+          setExamError(null)
+        }
+
+        const examsData = await getExams()
+
+        const examsWithEntryCodes = await Promise.all(
+          examsData.map(async (exam) => {
+            try {
+              const entryCodes = await getEntryCodes(exam.id)
+              const activeEntryCode = entryCodes.find((ec) => ec.isActive) || entryCodes[0]
+              return {
+                ...exam,
+                entryCode: activeEntryCode?.code || pickEntryCode(exam),
+              }
+            } catch (entryCodeError) {
+              console.warn(`Failed to fetch entry codes for exam ${exam.id}:`, entryCodeError)
+              return {
+                ...exam,
+                entryCode: pickEntryCode(exam),
+              }
             }
-          }
-        })
-      )
-      
-      setExams(sortExamsForEntryCodes(examsWithEntryCodes))
-      // 시험 목록을 새로 가져올 때 페이지를 1로 리셋
-      setCurrentExamPage(1)
-    } catch (error) {
-      console.error("Failed to fetch exams", error)
-      if (error instanceof LoginFailedError) {
-        setExamError(error.message)
-        toast({
-          title: "시험 목록 조회 실패",
-          description: error.message,
-          variant: "destructive",
-        })
-      } else if (error instanceof NetworkError) {
-        setExamError(error.message)
-        toast({
-          title: "네트워크 오류",
-          description: error.message,
-          variant: "destructive",
-        })
-      } else {
-        setExamError("시험 목록을 불러오는 데 실패했습니다.")
-        toast({
-          title: "오류",
-          description: "시험 목록을 불러오는 데 실패했습니다.",
-          variant: "destructive",
-        })
+          })
+        )
+
+        setExams(sortExamsForEntryCodes(examsWithEntryCodes))
+        if (resetPage) {
+          setCurrentExamPage(1)
+        }
+      } catch (error) {
+        console.error("Failed to fetch exams", error)
+        if (silent) {
+          return
+        }
+        if (error instanceof LoginFailedError) {
+          setExamError(error.message)
+          toast({
+            title: "시험 목록 조회 실패",
+            description: error.message,
+            variant: "destructive",
+          })
+        } else if (error instanceof NetworkError) {
+          setExamError(error.message)
+          toast({
+            title: "네트워크 오류",
+            description: error.message,
+            variant: "destructive",
+          })
+        } else {
+          setExamError("시험 목록을 불러오는 데 실패했습니다.")
+          toast({
+            title: "오류",
+            description: "시험 목록을 불러오는 데 실패했습니다.",
+            variant: "destructive",
+          })
+        }
+      } finally {
+        if (!silent) {
+          setIsLoadingExams(false)
+        }
+        fetchExamsInFlightRef.current = false
       }
-      // 에러 발생 시에도 기존 데이터는 유지
-    } finally {
-      setIsLoadingExams(false)
-    }
-  }
+    },
+    [toast]
+  )
 
-  // 페이지 로드 시 자동으로 시험 목록 조회
+  // 최초 로드
   useEffect(() => {
-    handleFetchExams()
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
+    void handleFetchExams({ resetPage: true })
+  }, [handleFetchExams])
+
+  // BE 자동 시작 등 상태 변경 반영 — 시험 생성 모달 작성 중에는 건너뜀
+  useEffect(() => {
+    const intervalId = window.setInterval(() => {
+      if (isCreateExamOpen) {
+        return
+      }
+      void handleFetchExams({ silent: true, resetPage: false })
+    }, EXAM_LIST_POLL_INTERVAL_MS)
+
+    return () => {
+      window.clearInterval(intervalId)
+    }
+  }, [handleFetchExams, isCreateExamOpen])
 
   // 시험 생성 핸들러
   const handleCreateExam = async () => {
+    setExamStartsAtError("")
+    setCreateExamValidationError("")
+
     if (!examStartsAt || !examEndsAt) {
       toast({
         title: "입력 오류",
@@ -284,14 +338,27 @@ export function EntryCodesContent() {
       return
     }
 
-    // 시작/종료 순서 검증은 종료 시각이 미래일 때만 FE에서 처리.
-    // 종료 시각이 과거(만료)인 경우는 BE 400 응답으로 처리한다.
-    if (isFutureDateTime(examEndsAt) && new Date(examStartsAt) >= new Date(examEndsAt)) {
-      toast({
-        title: "입력 오류",
-        description: "종료 시각은 시작 시각보다 이후여야 합니다.",
-        variant: "destructive",
-      })
+    let shouldBlockSubmit = false
+
+    if (!isFutureDateTime(examStartsAt)) {
+      setExamStartsAtError(STARTS_AT_PAST_ERROR_MESSAGE)
+      shouldBlockSubmit = true
+    }
+
+    const startDate = parseDateTimeLocal(examStartsAt)
+    const endDate = parseDateTimeLocal(examEndsAt)
+
+    if (!isFutureDateTime(examEndsAt)) {
+      setCreateExamValidationError(EXPIRES_AT_PAST_ERROR_MESSAGE)
+      if (!isFutureDateTime(examStartsAt)) {
+        shouldBlockSubmit = true
+      }
+    } else if (startDate && endDate && startDate >= endDate) {
+      setCreateExamValidationError(ENDS_AT_BEFORE_STARTS_AT_ERROR_MESSAGE)
+      shouldBlockSubmit = true
+    }
+
+    if (shouldBlockSubmit) {
       return
     }
 
@@ -310,7 +377,6 @@ export function EntryCodesContent() {
     }
 
     setIsSubmitting(true)
-    setCreateExamValidationError("")
     try {
       const createdExam = await createExam(payload)
       const responseEntryCode = pickEntryCode(createdExam)
@@ -348,6 +414,7 @@ export function EntryCodesContent() {
       setExamTitle("")
       setExamStartsAt("")
       setExamEndsAt("")
+      setExamStartsAtError("")
       setCreateExamValidationError("")
 
       // 성공 토스트 표시
@@ -363,7 +430,9 @@ export function EntryCodesContent() {
           examEndsAt,
           examTitle,
         )
-        if (validationMessage) {
+        if (error.fieldErrors?.startsAt) {
+          setExamStartsAtError(error.fieldErrors.startsAt)
+        } else if (validationMessage) {
           setCreateExamValidationError(validationMessage)
         } else {
           toast({
@@ -408,7 +477,7 @@ export function EntryCodesContent() {
       // 2) 최신 시험 목록 재조회
       // handleFetchExams() 내부에서 이미 setExams()를 호출하므로
       // startAt / status 등을 DB 기준으로 통째로 갱신됨
-      await handleFetchExams()
+      await handleFetchExams({ resetPage: true })
 
       // 모달 닫기
       setIsStartExamModalOpen(false)
@@ -463,7 +532,7 @@ export function EntryCodesContent() {
       // 2) 최신 시험 목록 재조회
       // handleFetchExams() 내부에서 이미 setExams()를 호출하므로
       // endAt / status 등을 DB 기준으로 통째로 갱신됨
-      await handleFetchExams()
+      await handleFetchExams({ resetPage: true })
 
       // 모달 닫기
       setIsEndExamModalOpen(false)
@@ -523,7 +592,7 @@ export function EntryCodesContent() {
     setIsExtendingExam(true)
     try {
       await extendExam(selectedExamForExtend.id, mins)
-      await handleFetchExams()
+      await handleFetchExams({ resetPage: true })
       setIsExtendExamModalOpen(false)
       setSelectedExamForExtend(null)
       toast({
@@ -606,14 +675,14 @@ export function EntryCodesContent() {
   }
 
   return (
-    <div className="flex h-full flex-1 flex-col">
+    <div className="flex h-full min-w-0 flex-1 flex-col">
       {/* Top Header Bar */}
       <header className="flex h-[88px] shrink-0 items-center justify-between border-b border-[#E5E5E5] bg-white px-8">
         <div>
           <h1 className="text-2xl font-semibold text-[#1A1A1A]">코드 관리</h1>
           <p className="text-sm text-[#6B7280]">참가자 시험 입장 코드를 관리합니다</p>
         </div>
-        <div className="flex gap-2">
+        <div className="flex gap-2 lg:mr-8 xl:mr-12 2xl:mr-16">
           <button
             onClick={() => setIsCreateExamOpen(true)}
             className="rounded-full bg-[#3B82F6] px-5 py-2 text-sm font-medium text-white transition-colors hover:bg-[#2563EB]"
@@ -624,7 +693,7 @@ export function EntryCodesContent() {
       </header>
 
       {/* Main Content Panel */}
-      <div className="flex min-h-0 flex-1 flex-col overflow-y-auto p-6">
+      <div className="flex min-h-0 min-w-0 flex-1 flex-col overflow-x-hidden overflow-y-auto p-4 sm:p-6">
         {/* 시험 목록 카드 영역 (상단) */}
         {examError && (
           <div className="mb-3">
@@ -635,23 +704,27 @@ export function EntryCodesContent() {
         {exams && exams.length > 0 && (
           <div className="mb-6 flex-1 space-y-4">
             {visibleExams.map((exam) => {
-              const isInProgress = exam.state === "RUNNING" || exam.state === "IN_PROGRESS"
-              const examStateLabel = getExamStateLabel(exam.state)
+              const effectiveState = getEffectiveExamState(exam)
+              const examEnded = isAdminExamEnded(exam)
+              const isInProgress =
+                !examEnded &&
+                (effectiveState === "RUNNING" || effectiveState === "IN_PROGRESS")
+              const examStateLabel = examEnded ? "종료" : getExamStateLabel(effectiveState)
               return (
                 <div
                   key={exam.id}
-                  className="flex items-center justify-between rounded-xl border border-[#E5E5E5] bg-white px-6 py-4 shadow-sm"
+                  className="flex flex-col gap-4 rounded-xl border border-[#E5E5E5] bg-white px-4 py-4 shadow-sm sm:px-6 xl:flex-row xl:items-center xl:justify-between"
                 >
-                  {/* Left side: 제목, 입장 코드, 상태, 시작일, 종료일 (가로 정렬, 한 줄, 고정 열 정렬, 중앙 정렬) */}
-                  <div className="flex items-center gap-x-2 flex-1 min-w-0">
+                  {/* Left side: 제목, 입장 코드, 상태, 시작일, 종료일 — xl 이상에서 기존 한 줄 */}
+                  <div className="flex min-w-0 flex-1 flex-col gap-3 xl:flex-row xl:flex-nowrap xl:items-center xl:gap-x-2">
                     {/* 제목 */}
-                    <span className="text-base font-semibold text-[#1A1A1A] w-48 shrink-0 truncate">
+                    <span className="min-w-0 truncate text-base font-semibold text-[#1A1A1A] xl:w-48 xl:shrink-0">
                       {exam.title}
                     </span>
                     {/* 구분자 */}
-                    <span className="px-3 text-[#9CA3AF] shrink-0">|</span>
-                    {/* 입장 코드: 고정 너비로 정렬, 중앙 정렬 */}
-                    <div className="w-56 shrink-0 flex items-center justify-center gap-2 min-w-0">
+                    <span className="hidden shrink-0 px-3 text-[#9CA3AF] xl:inline">|</span>
+                    {/* 입장 코드 */}
+                    <div className="flex min-w-0 w-full items-center gap-2 xl:w-56 xl:shrink-0 xl:justify-center">
                       {exam.entryCode ? (
                         <>
                           <span className="text-xs text-[#9CA3AF] truncate">
@@ -675,9 +748,9 @@ export function EntryCodesContent() {
                       )}
                     </div>
                     {/* 구분자 */}
-                    <span className="px-3 text-[#9CA3AF] shrink-0">|</span>
-                    {/* 상태 배지: 고정 너비로 정렬, 중앙 정렬 */}
-                    <div className="w-20 shrink-0 flex justify-center">
+                    <span className="hidden shrink-0 px-3 text-[#9CA3AF] xl:inline">|</span>
+                    {/* 상태 배지 */}
+                    <div className="flex w-full shrink-0 justify-start xl:w-20 xl:justify-center">
                       <span
                         className={`rounded-full px-2.5 py-0.5 text-xs whitespace-nowrap text-center ${
                           isInProgress
@@ -689,32 +762,32 @@ export function EntryCodesContent() {
                       </span>
                     </div>
                     {/* 구분자 */}
-                    <span className="px-3 text-[#9CA3AF] shrink-0">|</span>
-                    {/* 시작일: 고정 너비로 정렬, 중앙 정렬 */}
-                    <div className="w-48 shrink-0 text-center">
-                      <span className="text-xs text-[#9CA3AF] truncate block">
+                    <span className="hidden shrink-0 px-3 text-[#9CA3AF] xl:inline">|</span>
+                    {/* 시작일 */}
+                    <div className="min-w-0 w-full shrink-0 text-left xl:w-48 xl:text-center">
+                      <span className="block truncate whitespace-nowrap text-xs text-[#9CA3AF]">
                         시작: {formatExamDateTime(exam.startsAt)}
                       </span>
                     </div>
                     {/* 구분자 */}
-                    <span className="px-3 text-[#9CA3AF] shrink-0">|</span>
-                    {/* 종료일: 고정 너비로 정렬, 중앙 정렬 */}
-                    <div className="w-48 shrink-0 text-center">
-                      <span className="text-xs text-[#9CA3AF] truncate block">
+                    <span className="hidden shrink-0 px-3 text-[#9CA3AF] xl:inline">|</span>
+                    {/* 종료일 */}
+                    <div className="min-w-0 w-full shrink-0 text-left xl:w-48 xl:text-center">
+                      <span className="block truncate whitespace-nowrap text-xs text-[#9CA3AF]">
                         종료: {formatExamDateTime(exam.endsAt)}
                       </span>
                     </div>
                   </div>
 
                   {/* Right side: 시험 시작/종료 버튼, More menu */}
-                  <div className="flex items-center gap-3">
-                    {exam.state === "ENDED" || exam.state === "COMPLETED" ? (
+                  <div className="flex w-full shrink-0 flex-wrap items-center justify-end gap-2 sm:gap-3 xl:w-auto xl:flex-nowrap">
+                    {examEnded ? (
                       <span className="text-sm text-[#9CA3AF]">종료됨</span>
                     ) : isInProgress ? (
                       <button
                         onClick={() => handleEndExam(exam)}
                         disabled={isEndingExam && selectedExamForEnd?.id === exam.id}
-                        className="rounded-full border border-red-600 bg-red-600 px-4 py-1.5 text-sm font-medium text-white transition-colors hover:bg-red-700 disabled:opacity-50 disabled:cursor-not-allowed"
+                        className="shrink-0 whitespace-nowrap rounded-full border border-red-600 bg-red-600 px-4 py-1.5 text-sm font-medium text-white transition-colors hover:bg-red-700 disabled:cursor-not-allowed disabled:opacity-50"
                       >
                         {isEndingExam && selectedExamForEnd?.id === exam.id ? "종료 중..." : "시험 종료"}
                       </button>
@@ -722,7 +795,7 @@ export function EntryCodesContent() {
                       <button
                         onClick={() => handleStartExam(exam)}
                         disabled={isStartingExam && selectedExamForStart?.id === exam.id}
-                        className="rounded-full border border-[#3B82F6] bg-white px-4 py-1.5 text-sm font-medium text-[#3B82F6] transition-colors hover:bg-[#E0EDFF] disabled:opacity-50 disabled:cursor-not-allowed"
+                        className="shrink-0 whitespace-nowrap rounded-full border border-[#3B82F6] bg-white px-4 py-1.5 text-sm font-medium text-[#3B82F6] transition-colors hover:bg-[#E0EDFF] disabled:cursor-not-allowed disabled:opacity-50"
                       >
                         {isStartingExam && selectedExamForStart?.id === exam.id ? "시작 중..." : "시험 시작 >"}
                       </button>
@@ -734,7 +807,7 @@ export function EntryCodesContent() {
                         </button>
                       </DropdownMenuTrigger>
                       <DropdownMenuContent align="end" className="w-36">
-                        {(exam.state === "RUNNING" || exam.state === "IN_PROGRESS") && (
+                        {isInProgress && (
                           <DropdownMenuItem onClick={() => handleExtendExam(exam)}>
                             시간 연장
                           </DropdownMenuItem>
@@ -756,14 +829,14 @@ export function EntryCodesContent() {
 
         {/* 시험 목록 페이지네이션 */}
         {exams && exams.length > 0 && (
-          <div className="mt-4 flex shrink-0 items-center justify-between border-t border-[#E5E7EB] pt-4">
+          <div className="mt-4 flex shrink-0 flex-col gap-3 border-t border-[#E5E7EB] pt-4 sm:flex-row sm:items-center sm:justify-between">
             {/* Left side: Showing X-Y of N */}
-            <span className="text-sm text-[#6B7280]">
+            <span className="min-w-0 text-sm text-[#6B7280]">
               총 {exams.length}개의 시험 목록 중 {examDisplayStart}–{examDisplayEnd} 표시
             </span>
 
             {/* Right side: Pagination controls */}
-            <div className="flex items-center gap-1">
+            <div className="flex flex-wrap items-center justify-end gap-1">
               {/* Prev button */}
               <button
                 onClick={() => setCurrentExamPage((p) => Math.max(1, p - 1))}
@@ -812,7 +885,7 @@ export function EntryCodesContent() {
 
       {/* Start Exam Confirmation Modal */}
       <Dialog open={isStartExamModalOpen} onOpenChange={setIsStartExamModalOpen}>
-        <DialogContent className="sm:max-w-md">
+        <DialogContent className="flex max-h-[min(90dvh,90vh)] w-full max-w-[calc(100%-2rem)] flex-col gap-4 overflow-y-auto sm:max-w-md">
           <DialogHeader>
             <DialogTitle>시험을 시작하시겠습니까?</DialogTitle>
             <DialogDescription className="whitespace-pre-line pt-2 text-[#6B7280]">
@@ -821,11 +894,11 @@ export function EntryCodesContent() {
                 : "시험을 시작하시겠습니까?"}
             </DialogDescription>
           </DialogHeader>
-          <DialogFooter className="flex flex-row justify-end gap-4">
-            <Button variant="outline" onClick={() => setIsStartExamModalOpen(false)} disabled={isStartingExam}>
+          <DialogFooter className="gap-2 sm:justify-end">
+            <Button variant="outline" className="w-full sm:w-auto" onClick={() => setIsStartExamModalOpen(false)} disabled={isStartingExam}>
               취소
             </Button>
-            <Button onClick={handleConfirmStartExam} disabled={isStartingExam}>
+            <Button className="w-full sm:w-auto" onClick={handleConfirmStartExam} disabled={isStartingExam}>
               {isStartingExam ? "시작 중..." : "시험 시작"}
             </Button>
           </DialogFooter>
@@ -834,7 +907,7 @@ export function EntryCodesContent() {
 
       {/* End Exam Confirmation Modal */}
       <Dialog open={isEndExamModalOpen} onOpenChange={setIsEndExamModalOpen}>
-        <DialogContent className="sm:max-w-md">
+        <DialogContent className="flex max-h-[min(90dvh,90vh)] w-full max-w-[calc(100%-2rem)] flex-col gap-4 overflow-y-auto sm:max-w-md">
           <DialogHeader>
             <DialogTitle>시험을 종료하시겠습니까?</DialogTitle>
             <DialogDescription className="whitespace-pre-line pt-2 text-[#6B7280]">
@@ -843,14 +916,14 @@ export function EntryCodesContent() {
                 : "시험을 종료하시겠습니까?"}
             </DialogDescription>
           </DialogHeader>
-          <DialogFooter className="flex flex-row justify-end gap-4">
-            <Button variant="outline" onClick={() => setIsEndExamModalOpen(false)} disabled={isEndingExam}>
+          <DialogFooter className="gap-2 sm:justify-end">
+            <Button variant="outline" className="w-full sm:w-auto" onClick={() => setIsEndExamModalOpen(false)} disabled={isEndingExam}>
               취소
             </Button>
             <Button 
               onClick={handleConfirmEndExam} 
               disabled={isEndingExam} 
-              className="bg-red-600 hover:bg-red-700 text-white"
+              className="w-full bg-red-600 text-white hover:bg-red-700 sm:w-auto"
             >
               {isEndingExam ? "종료 중..." : "시험 종료"}
             </Button>
@@ -860,7 +933,7 @@ export function EntryCodesContent() {
 
       {/* Delete Exam Confirmation Modal */}
       <Dialog open={isDeleteExamModalOpen} onOpenChange={setIsDeleteExamModalOpen}>
-        <DialogContent className="sm:max-w-md">
+        <DialogContent className="flex max-h-[min(90dvh,90vh)] w-full max-w-[calc(100%-2rem)] flex-col gap-4 overflow-y-auto sm:max-w-md">
           <DialogHeader>
             <DialogTitle>시험 삭제</DialogTitle>
             <DialogDescription className="pt-2 text-[#6B7280]">
@@ -879,11 +952,11 @@ export function EntryCodesContent() {
               </div>
             </div>
           )}
-          <DialogFooter className="flex flex-row justify-end gap-4">
-            <Button variant="outline" onClick={() => setIsDeleteExamModalOpen(false)} disabled={isDeletingExam}>
+          <DialogFooter className="gap-2 sm:justify-end">
+            <Button variant="outline" className="w-full sm:w-auto" onClick={() => setIsDeleteExamModalOpen(false)} disabled={isDeletingExam}>
               취소
             </Button>
-            <Button onClick={handleConfirmDeleteExam} disabled={isDeletingExam} variant="destructive">
+            <Button className="w-full sm:w-auto" onClick={handleConfirmDeleteExam} disabled={isDeletingExam} variant="destructive">
               {isDeletingExam ? "삭제 중..." : "삭제"}
             </Button>
           </DialogFooter>
@@ -892,7 +965,7 @@ export function EntryCodesContent() {
 
       {/* Extend Exam Modal */}
       <Dialog open={isExtendExamModalOpen} onOpenChange={setIsExtendExamModalOpen}>
-        <DialogContent className="sm:max-w-md">
+        <DialogContent className="flex max-h-[min(90dvh,90vh)] w-full max-w-[calc(100%-2rem)] flex-col gap-4 overflow-y-auto sm:max-w-md">
           <DialogHeader>
             <DialogTitle>시험 시간 연장</DialogTitle>
             <DialogDescription className="pt-2 text-[#6B7280]">
@@ -901,8 +974,8 @@ export function EntryCodesContent() {
                 : "시험 시간을 연장합니다."}
             </DialogDescription>
           </DialogHeader>
-          <div className="grid gap-4 py-4">
-            <div className="space-y-2">
+          <div className="grid min-w-0 gap-4 py-4">
+            <div className="min-w-0 space-y-2">
               <label htmlFor="extend-minutes" className="text-sm font-medium text-[#1A1A1A]">
                 연장 시간 (분)
               </label>
@@ -914,18 +987,20 @@ export function EntryCodesContent() {
                 value={extendMinutes}
                 onChange={(e) => setExtendMinutes(e.target.value)}
                 disabled={isExtendingExam}
+                className="w-full min-w-0"
               />
             </div>
           </div>
-          <DialogFooter className="flex flex-row justify-end gap-4">
+          <DialogFooter className="gap-2 sm:justify-end">
             <Button
               variant="outline"
+              className="w-full sm:w-auto"
               onClick={() => setIsExtendExamModalOpen(false)}
               disabled={isExtendingExam}
             >
               취소
             </Button>
-            <Button onClick={handleConfirmExtendExam} disabled={isExtendingExam}>
+            <Button className="w-full sm:w-auto" onClick={handleConfirmExtendExam} disabled={isExtendingExam}>
               {isExtendingExam ? "연장 중..." : "연장"}
             </Button>
           </DialogFooter>
@@ -934,15 +1009,15 @@ export function EntryCodesContent() {
 
       {/* Create Exam Modal */}
       <Dialog open={isCreateExamOpen} onOpenChange={setIsCreateExamOpen}>
-        <DialogContent className="sm:max-w-md">
+        <DialogContent className="flex max-h-[min(90dvh,90vh)] w-full max-w-[calc(100%-2rem)] flex-col gap-4 overflow-y-auto sm:max-w-md">
           <DialogHeader>
             <DialogTitle>시험 생성</DialogTitle>
             <DialogDescription className="pt-2 text-[#6B7280]">
               새로운 시험을 생성합니다. 제목과 시작/종료 시각을 입력해주세요.
             </DialogDescription>
           </DialogHeader>
-          <div className="grid gap-4 py-4">
-            <div className="space-y-2">
+          <div className="grid min-w-0 gap-4 py-4">
+            <div className="min-w-0 space-y-2">
               <label htmlFor="exam-title" className="text-sm font-medium text-[#1A1A1A]">
                 제목
               </label>
@@ -958,10 +1033,10 @@ export function EntryCodesContent() {
                   }
                 }}
                 disabled={isSubmitting}
-                className="col-span-3"
+                className="w-full min-w-0"
               />
             </div>
-            <div className="space-y-2">
+            <div className="min-w-0 space-y-2">
               <label htmlFor="exam-starts-at" className="text-sm font-medium text-[#1A1A1A]">
                 시작 시각
               </label>
@@ -970,16 +1045,27 @@ export function EntryCodesContent() {
                 type="datetime-local"
                 value={examStartsAt}
                 onChange={(e) => {
+                  const nextExamStartsAt = e.target.value
                   setExamStartsAt(e.target.value)
-                  if (createExamValidationError) {
-                    setCreateExamValidationError("")
+                  if (examStartsAtError && isFutureDateTime(nextExamStartsAt)) {
+                    setExamStartsAtError("")
+                  }
+                  if (createExamValidationError === ENDS_AT_BEFORE_STARTS_AT_ERROR_MESSAGE) {
+                    const nextStartDate = parseDateTimeLocal(nextExamStartsAt)
+                    const endDate = parseDateTimeLocal(examEndsAt)
+                    if (nextStartDate && endDate && nextStartDate < endDate) {
+                      setCreateExamValidationError("")
+                    }
                   }
                 }}
                 disabled={isSubmitting}
-                className="col-span-3"
+                className="w-full min-w-0 max-w-full"
               />
+              {examStartsAtError && (
+                <p className="text-sm text-red-500">{examStartsAtError}</p>
+              )}
             </div>
-            <div className="space-y-2">
+            <div className="min-w-0 space-y-2">
               <label htmlFor="exam-ends-at" className="text-sm font-medium text-[#1A1A1A]">
                 종료 시각
               </label>
@@ -988,27 +1074,34 @@ export function EntryCodesContent() {
                 type="datetime-local"
                 value={examEndsAt}
                 onChange={(e) => {
-                  setExamEndsAt(e.target.value)
-                  if (createExamValidationError) {
-                    setCreateExamValidationError("")
+                  const nextExamEndsAt = e.target.value
+                  setExamEndsAt(nextExamEndsAt)
+                  if (createExamValidationError && isFutureDateTime(nextExamEndsAt)) {
+                    const nextStartDate = parseDateTimeLocal(examStartsAt)
+                    const nextEndDate = parseDateTimeLocal(nextExamEndsAt)
+                    if (nextStartDate && nextEndDate && nextStartDate < nextEndDate) {
+                      setCreateExamValidationError("")
+                    }
                   }
                 }}
                 disabled={isSubmitting}
-                className="col-span-3"
+                className="w-full min-w-0 max-w-full"
               />
               {createExamValidationError && (
                 <p className="text-sm text-red-500">{createExamValidationError}</p>
               )}
             </div>
           </div>
-          <DialogFooter className="flex flex-row justify-end gap-4">
+          <DialogFooter className="gap-2 sm:justify-end">
             <Button
               variant="outline"
+              className="w-full sm:w-auto"
               onClick={() => {
                 setIsCreateExamOpen(false)
                 setExamTitle("")
                 setExamStartsAt("")
                 setExamEndsAt("")
+                setExamStartsAtError("")
                 setCreateExamValidationError("")
               }}
               disabled={isSubmitting}
@@ -1017,6 +1110,7 @@ export function EntryCodesContent() {
             </Button>
             <Button
               type="button"
+              className="w-full sm:w-auto"
               onClick={handleCreateExam}
               disabled={isSubmitting || !examStartsAt || !examEndsAt}
             >
diff --git a/components/global-settings-content.tsx b/components/global-settings-content.tsx
index c95ff37..3d0941e 100644
--- a/components/global-settings-content.tsx
+++ b/components/global-settings-content.tsx
@@ -1,402 +1,277 @@
 "use client"
 
-import { useState, useEffect } from "react"
+import { useState, useEffect, useCallback } from "react"
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
-import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import { Button } from "@/components/ui/button"
 import { Switch } from "@/components/ui/switch"
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
 import { useToast } from "@/hooks/use-toast"
 import { AdminPageHeader } from "@/components/admin-page-header"
+import { LoginFailedError } from "@/lib/api/admin"
+import {
+  getMasterPlatformSettings,
+  updateMasterPlatformSettings,
+  RETENTION_DAY_OPTIONS,
+  daysToRetentionLabel,
+  retentionLabelToDays,
+  type MasterPlatformSettings,
+} from "@/lib/api/master-platform-settings"
 
-type Settings = {
-  defaultTestDuration: string
-  defaultTokenLimit: string
-  logRetentionPeriod: string
-  submissionStoragePeriod: string
+type FormState = {
+  logRetentionLabel: string
+  submissionRetentionLabel: string
   autoDeleteExpiredData: boolean
-  lastUpdated?: string
 }
 
-const STORAGE_KEY = "ai-vibe-global-settings"
+function toFormState(settings: MasterPlatformSettings): FormState {
+  return {
+    logRetentionLabel: daysToRetentionLabel(settings.logRetentionDays),
+    submissionRetentionLabel: daysToRetentionLabel(settings.submissionRetentionDays),
+    autoDeleteExpiredData: settings.autoDeleteExpiredData,
+  }
+}
 
-const defaultSettings: Settings = {
-  defaultTestDuration: "60",
-  defaultTokenLimit: "10000",
-  logRetentionPeriod: "90 days",
-  submissionStoragePeriod: "90 days",
-  autoDeleteExpiredData: true,
+function formStatesEqual(a: FormState, b: FormState): boolean {
+  return (
+    a.logRetentionLabel === b.logRetentionLabel &&
+    a.submissionRetentionLabel === b.submissionRetentionLabel &&
+    a.autoDeleteExpiredData === b.autoDeleteExpiredData
+  )
 }
 
 export function GlobalSettingsContent() {
-  const [settings, setSettings] = useState<Settings>(defaultSettings)
-  const [savedSettings, setSavedSettings] = useState<Settings>(defaultSettings)
-  const [isLoaded, setIsLoaded] = useState(false)
+  const [form, setForm] = useState<FormState | null>(null)
+  const [savedForm, setSavedForm] = useState<FormState | null>(null)
+  const [lastUpdated, setLastUpdated] = useState<string | null>(null)
+  const [isLoading, setIsLoading] = useState(true)
+  const [loadError, setLoadError] = useState<string | null>(null)
+  const [isSaving, setIsSaving] = useState(false)
   const { toast } = useToast()
 
-  useEffect(() => {
+  const loadSettings = useCallback(async () => {
+    setIsLoading(true)
+    setLoadError(null)
     try {
-      const stored = localStorage.getItem(STORAGE_KEY)
-      if (stored) {
-        const parsed = JSON.parse(stored) as Settings
-        setSettings(parsed)
-        setSavedSettings(parsed)
-      }
+      const settings = await getMasterPlatformSettings()
+      const next = toFormState(settings)
+      setForm(next)
+      setSavedForm(next)
+      setLastUpdated(settings.updatedAt)
     } catch (e) {
-      // If parsing fails, use defaults
+      console.error("Failed to load platform settings", e)
+      setForm(null)
+      setSavedForm(null)
+      if (e instanceof LoginFailedError) {
+        setLoadError(e.message)
+      } else {
+        setLoadError("플랫폼 설정을 불러오지 못했습니다.")
+      }
+    } finally {
+      setIsLoading(false)
     }
-    setIsLoaded(true)
   }, [])
 
+  useEffect(() => {
+    void loadSettings()
+  }, [loadSettings])
+
   const isDirty =
-    settings.defaultTestDuration !== savedSettings.defaultTestDuration ||
-    settings.defaultTokenLimit !== savedSettings.defaultTokenLimit ||
-    settings.logRetentionPeriod !== savedSettings.logRetentionPeriod ||
-    settings.submissionStoragePeriod !== savedSettings.submissionStoragePeriod ||
-    settings.autoDeleteExpiredData !== savedSettings.autoDeleteExpiredData
+    form !== null && savedForm !== null && !formStatesEqual(form, savedForm)
 
-  const handleSave = () => {
-    const duration = Number.parseInt(settings.defaultTestDuration)
-    const tokenLimit = Number.parseInt(settings.defaultTokenLimit)
+  const handleSave = async () => {
+    if (!form) return
 
-    if (isNaN(duration) || duration <= 0) {
+    setIsSaving(true)
+    try {
+      const result = await updateMasterPlatformSettings({
+        logRetentionDays: retentionLabelToDays(form.logRetentionLabel),
+        submissionRetentionDays: retentionLabelToDays(form.submissionRetentionLabel),
+        autoDeleteExpiredData: form.autoDeleteExpiredData,
+      })
+      const next = toFormState(result)
+      setForm(next)
+      setSavedForm(next)
+      setLastUpdated(result.updatedAt)
       toast({
-        title: "유효하지 않은 시간",
-        description: "테스트 시간은 양수여야 합니다.",
-        variant: "destructive",
+        title: "설정 저장됨",
+        description: "변경 사항이 성공적으로 저장되었습니다.",
       })
-      return
-    }
-
-    if (isNaN(tokenLimit) || tokenLimit <= 0) {
+    } catch (e) {
+      console.error("Failed to save platform settings", e)
+      const message =
+        e instanceof LoginFailedError ? e.message : "설정 저장에 실패했습니다. 잠시 후 다시 시도해주세요."
       toast({
-        title: "유효하지 않은 토큰 제한",
-        description: "토큰 제한은 양수여야 합니다.",
+        title: "저장 실패",
+        description: message,
         variant: "destructive",
       })
-      return
+    } finally {
+      setIsSaving(false)
     }
-
-    const updatedSettings: Settings = {
-      ...settings,
-      lastUpdated: new Date().toISOString(),
-    }
-
-    localStorage.setItem(STORAGE_KEY, JSON.stringify(updatedSettings))
-    setSettings(updatedSettings)
-    setSavedSettings(updatedSettings)
-
-    toast({
-      title: "설정 저장됨",
-      description: "변경 사항이 성공적으로 저장되었습니다.",
-    })
   }
 
   const handleCancel = () => {
-    setSettings(savedSettings)
+    if (savedForm) {
+      setForm(savedForm)
+    }
   }
 
-  const formatLastUpdated = (isoString?: string) => {
+  const formatLastUpdated = (isoString: string | null) => {
     if (!isoString) return null
-    const date = new Date(isoString)
-    const year = date.getFullYear()
-    const month = date.getMonth() + 1
-    const day = date.getDate()
-    const hours = date.getHours()
-    const minutes = date.getMinutes()
-    const ampm = hours >= 12 ? "오후" : "오전"
-    const displayHours = hours % 12 || 12
-    const displayMinutes = minutes.toString().padStart(2, "0")
-    return `${year}년 ${month}월 ${day}일 ${ampm} ${displayHours}:${displayMinutes}`
+    try {
+      return new Date(isoString).toLocaleString("ko-KR", {
+        year: "numeric",
+        month: "long",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+      })
+    } catch {
+      return null
+    }
   }
 
-  // Don't render until localStorage is loaded to prevent hydration mismatch
-  if (!isLoaded) {
-    return null
+  if (isLoading) {
+    return (
+      <div className="flex h-full flex-1 flex-col">
+        <AdminPageHeader
+          title="전역 설정"
+          description="플랫폼 데이터 보관 정책을 관리합니다"
+        />
+        <main className="flex flex-1 items-center justify-center p-6">
+          <p className="text-sm text-[#6B7280]">설정을 불러오는 중...</p>
+        </main>
+      </div>
+    )
+  }
+
+  if (loadError || !form) {
+    return (
+      <div className="flex h-full flex-1 flex-col">
+        <AdminPageHeader
+          title="전역 설정"
+          description="플랫폼 데이터 보관 정책을 관리합니다"
+        />
+        <main className="flex flex-1 flex-col items-center justify-center gap-4 p-6">
+          <p className="text-sm text-red-600">{loadError ?? "설정을 불러올 수 없습니다."}</p>
+          <Button variant="outline" onClick={() => void loadSettings()}>
+            다시 시도
+          </Button>
+        </main>
+      </div>
+    )
   }
 
   return (
     <div className="flex h-full flex-1 flex-col">
       <AdminPageHeader
         title="전역 설정"
-        description="플랫폼 전역 설정 및 시스템 보안 정책을 관리합니다"
+        description="플랫폼 데이터 보관 정책을 관리합니다"
       />
 
       <main className="flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-6">
-      {/* Settings Cards Container */}
-      <div className="flex flex-col gap-6 flex-1">
-        {/* Section 1: Test Configuration */}
-        <Card className="border border-[#E5E5E5] shadow-sm">
-          <CardHeader className="py-4 px-6">
-            <CardTitle
-              style={{
-                fontSize: "18px",
-                fontWeight: 600,
-                color: "#1A1A1A",
-                fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-              }}
-            >
-              테스트 설정
-            </CardTitle>
-            <CardDescription
-              style={{
-                fontSize: "14px",
-                color: "#6B7280",
-                fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-              }}
-            >
-              모든 평가에 대한 기본 테스트 매개변수를 설정합니다.
-            </CardDescription>
-          </CardHeader>
-          <CardContent className="px-6 pb-6 pt-2">
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-              {/* Default Test Duration */}
-              <div className="flex flex-col gap-2">
-                <Label
-                  htmlFor="test-duration"
-                  style={{
-                    fontSize: "14px",
-                    fontWeight: 500,
-                    color: "#1A1A1A",
-                    fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-                  }}
-                >
-                  기본 테스트 시간
-                </Label>
-                <div className="flex items-center gap-3">
-                  <Input
-                    id="test-duration"
-                    type="number"
-                    value={settings.defaultTestDuration}
-                    onChange={(e) => setSettings({ ...settings, defaultTestDuration: e.target.value })}
-                    className="flex-1"
-                    style={{
-                      fontSize: "14px",
-                      fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-                    }}
-                  />
-                  <span
-                    style={{
-                      fontSize: "14px",
-                      color: "#6B7280",
-                      fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-                      whiteSpace: "nowrap",
-                    }}
-                  >
-                    분
-                  </span>
-                </div>
-              </div>
-
-              {/* Default Token Limit */}
-              <div className="flex flex-col gap-2">
-                <Label
-                  htmlFor="token-limit"
-                  style={{
-                    fontSize: "14px",
-                    fontWeight: 500,
-                    color: "#1A1A1A",
-                    fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-                  }}
-                >
-                  기본 토큰 제한
-                </Label>
-                <Input
-                  id="token-limit"
-                  type="number"
-                  value={settings.defaultTokenLimit}
-                  onChange={(e) => setSettings({ ...settings, defaultTokenLimit: e.target.value })}
-                  style={{
-                    fontSize: "14px",
-                    fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-                  }}
-                />
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-
-        {/* Section 2: Data Retention */}
         <Card className="border border-[#E5E5E5] shadow-sm">
           <CardHeader className="py-4 px-6">
-            <CardTitle
-              style={{
-                fontSize: "18px",
-                fontWeight: 600,
-                color: "#1A1A1A",
-                fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-              }}
-            >
-              데이터 보관
-            </CardTitle>
-            <CardDescription
-              style={{
-                fontSize: "14px",
-                color: "#6B7280",
-                fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-              }}
-            >
+            <CardTitle className="text-lg font-semibold text-[#1A1A1A]">데이터 보관</CardTitle>
+            <CardDescription className="text-sm text-[#6B7280]">
               플랫폼 기록이 저장되는 기간을 관리합니다.
             </CardDescription>
           </CardHeader>
           <CardContent className="px-6 pb-6 pt-2">
             <div className="flex flex-col gap-6">
-              {/* Two column dropdowns */}
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                {/* Log Retention Period */}
+              <div className="grid grid-cols-1 gap-6 md:grid-cols-2">
                 <div className="flex flex-col gap-2">
-                  <Label
-                    htmlFor="log-retention"
-                    style={{
-                      fontSize: "14px",
-                      fontWeight: 500,
-                      color: "#1A1A1A",
-                      fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-                    }}
-                  >
+                  <Label htmlFor="log-retention" className="text-sm font-medium">
                     로그 보관 기간
                   </Label>
                   <Select
-                    value={settings.logRetentionPeriod}
-                    onValueChange={(value) => setSettings({ ...settings, logRetentionPeriod: value })}
+                    value={form.logRetentionLabel}
+                    onValueChange={(value) => setForm({ ...form, logRetentionLabel: value })}
                   >
-                    <SelectTrigger
-                      id="log-retention"
-                      className="w-full"
-                      style={{
-                        fontSize: "14px",
-                        fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-                      }}
-                    >
+                    <SelectTrigger id="log-retention" className="w-full">
                       <SelectValue placeholder="기간 선택" />
                     </SelectTrigger>
                     <SelectContent>
-                      <SelectItem value="30 days">30일</SelectItem>
-                      <SelectItem value="90 days">90일</SelectItem>
-                      <SelectItem value="6 months">6개월</SelectItem>
-                      <SelectItem value="1 year">1년</SelectItem>
+                      {RETENTION_DAY_OPTIONS.map((opt) => (
+                        <SelectItem key={opt.days} value={opt.label}>
+                          {opt.label}
+                        </SelectItem>
+                      ))}
                     </SelectContent>
                   </Select>
                 </div>
 
-                {/* Submission Storage Period */}
                 <div className="flex flex-col gap-2">
-                  <Label
-                    htmlFor="submission-storage"
-                    style={{
-                      fontSize: "14px",
-                      fontWeight: 500,
-                      color: "#1A1A1A",
-                      fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-                    }}
-                  >
+                  <Label htmlFor="submission-storage" className="text-sm font-medium">
                     제출물 보관 기간
                   </Label>
                   <Select
-                    value={settings.submissionStoragePeriod}
-                    onValueChange={(value) => setSettings({ ...settings, submissionStoragePeriod: value })}
+                    value={form.submissionRetentionLabel}
+                    onValueChange={(value) =>
+                      setForm({ ...form, submissionRetentionLabel: value })
+                    }
                   >
-                    <SelectTrigger
-                      id="submission-storage"
-                      className="w-full"
-                      style={{
-                        fontSize: "14px",
-                        fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-                      }}
-                    >
+                    <SelectTrigger id="submission-storage" className="w-full">
                       <SelectValue placeholder="기간 선택" />
                     </SelectTrigger>
                     <SelectContent>
-                      <SelectItem value="30 days">30일</SelectItem>
-                      <SelectItem value="90 days">90일</SelectItem>
-                      <SelectItem value="6 months">6개월</SelectItem>
-                      <SelectItem value="1 year">1년</SelectItem>
+                      {RETENTION_DAY_OPTIONS.map((opt) => (
+                        <SelectItem key={opt.days} value={opt.label}>
+                          {opt.label}
+                        </SelectItem>
+                      ))}
                     </SelectContent>
                   </Select>
                 </div>
               </div>
 
-              {/* Auto-Delete Toggle */}
-              <div className="flex items-center justify-between py-2">
+              <div className="flex items-center justify-between gap-4 py-2">
                 <div className="flex flex-col gap-1">
-                  <Label
-                    htmlFor="auto-delete"
-                    style={{
-                      fontSize: "14px",
-                      fontWeight: 500,
-                      color: "#1A1A1A",
-                      fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-                    }}
-                  >
+                  <Label htmlFor="auto-delete" className="text-sm font-medium">
                     만료된 데이터 자동 삭제
                   </Label>
-                  <span
-                    style={{
-                      fontSize: "13px",
-                      color: "#6B7280",
-                      fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-                    }}
-                  >
-                    보관 기간 후 데이터를 자동으로 삭제합니다.
+                  <span className="text-[13px] text-[#6B7280]">
+                    보관 기간이 지난 데이터의 자동 삭제 정책을 설정합니다. 실제 삭제 작업은
+                    서버 스케줄러가 활성화된 환경에서 실행됩니다.
                   </span>
                 </div>
                 <Switch
                   id="auto-delete"
-                  checked={settings.autoDeleteExpiredData}
-                  onCheckedChange={(checked) => setSettings({ ...settings, autoDeleteExpiredData: checked })}
-                  className="data-[state=checked]:bg-[#7C3AED]"
+                  checked={form.autoDeleteExpiredData}
+                  onCheckedChange={(checked) =>
+                    setForm({ ...form, autoDeleteExpiredData: checked })
+                  }
+                  className="shrink-0 data-[state=checked]:bg-[#7C3AED]"
                 />
               </div>
             </div>
           </CardContent>
         </Card>
-      </div>
 
-      {/* Footer Actions */}
-      <div className="flex flex-col items-center gap-2 pt-4 pb-2">
-        <div className="flex justify-center gap-4">
-          <Button
-            variant="outline"
-            onClick={handleCancel}
-            style={{
-              fontSize: "14px",
-              fontWeight: 500,
-              fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-              paddingLeft: "24px",
-              paddingRight: "24px",
-            }}
-          >
-            취소
-          </Button>
-          <Button
-            onClick={handleSave}
-            disabled={!isDirty}
-            style={{
-              fontSize: "14px",
-              fontWeight: 500,
-              fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-              backgroundColor: isDirty ? "#7C3AED" : undefined,
-              paddingLeft: "24px",
-              paddingRight: "24px",
-            }}
-            className={isDirty ? "hover:bg-[#6D28D9]" : ""}
-          >
-            변경 사항 저장
-          </Button>
+        <div className="flex flex-col items-center gap-2 pt-4 pb-2">
+          <div className="flex justify-center gap-4">
+            <Button
+              variant="outline"
+              onClick={handleCancel}
+              disabled={!isDirty || isSaving}
+            >
+              취소
+            </Button>
+            <Button
+              onClick={() => void handleSave()}
+              disabled={!isDirty || isSaving}
+              className={isDirty ? "bg-[#7C3AED] hover:bg-[#6D28D9]" : ""}
+            >
+              {isSaving ? "저장 중..." : "변경 사항 저장"}
+            </Button>
+          </div>
+          {lastUpdated && (
+            <span className="text-xs text-[#9CA3AF]">
+              마지막 저장: {formatLastUpdated(lastUpdated)}
+            </span>
+          )}
         </div>
-        {savedSettings.lastUpdated && (
-          <span
-            style={{
-              fontSize: "12px",
-              color: "#9CA3AF",
-              fontFamily: "Inter, system-ui, -apple-system, sans-serif",
-            }}
-          >
-            마지막 저장: {formatLastUpdated(savedSettings.lastUpdated)}
-          </span>
-        )}
-      </div>
       </main>
     </div>
   )
diff --git a/components/logs-content.tsx b/components/logs-content.tsx
index f571097..37576a4 100644
--- a/components/logs-content.tsx
+++ b/components/logs-content.tsx
@@ -1,35 +1,26 @@
 "use client"
 
-import { useState, useEffect } from "react"
+import { useState, useEffect, useCallback } from "react"
 import { Search, ChevronDown } from "lucide-react"
-
-type LogStatus = "방 생성" | "시험 시작" | "평가 완료" | "시험 종료"
-
-interface LogEntry {
-  id: number
-  timestamp: string
-  status: LogStatus
-  entryCode: string
-  message: string
-}
-
-const statusColors: Record<LogStatus, { bg: string; text: string; marker: string }> = {
-  "방 생성": { bg: "#EBF0FA", text: "#4A74E0", marker: "#4A74E0" },
-  "시험 시작": { bg: "#F0EBFA", text: "#7A5AF8", marker: "#7A5AF8" },
-  "평가 완료": { bg: "#E8F5EF", text: "#4AA785", marker: "#4AA785" },
-  "시험 종료": { bg: "#FBEAEC", text: "#D6455D", marker: "#D6455D" },
-}
+import {
+  getAdminActivityLogs,
+  LoginFailedError,
+  type AdminActivityLogEntry,
+} from "@/lib/api/admin"
+import {
+  adminActivityLogStatusColors,
+  formatActivityLogDateTime,
+  getActivityLogDateKey,
+  getActivityLogStatusLabel,
+  mapActivityLogFilterToType,
+} from "@/lib/admin-activity-logs"
 
 const statusOptions = ["전체 상태", "방 생성", "시험 시작", "평가 완료", "시험 종료"]
 
-function getDateFromTimestamp(timestamp: string): string {
-  return timestamp.split(" ")[0]
-}
-
-function groupLogsByDate(logs: LogEntry[]): Map<string, LogEntry[]> {
-  const grouped = new Map<string, LogEntry[]>()
+function groupLogsByDate(logs: AdminActivityLogEntry[]): Map<string, AdminActivityLogEntry[]> {
+  const grouped = new Map<string, AdminActivityLogEntry[]>()
   logs.forEach((log) => {
-    const date = getDateFromTimestamp(log.timestamp)
+    const date = getActivityLogDateKey(log.createdAt)
     if (!grouped.has(date)) {
       grouped.set(date, [])
     }
@@ -39,44 +30,66 @@ function groupLogsByDate(logs: LogEntry[]): Map<string, LogEntry[]> {
 }
 
 export function LogsContent() {
-  const [logs, setLogs] = useState<LogEntry[]>([])
-  const [isLoading, setIsLoading] = useState(false)
+  const [logs, setLogs] = useState<AdminActivityLogEntry[]>([])
+  const [isLoading, setIsLoading] = useState(true)
+  const [error, setError] = useState<string | null>(null)
   const [searchQuery, setSearchQuery] = useState("")
+  const [debouncedKeyword, setDebouncedKeyword] = useState("")
   const [statusFilter, setStatusFilter] = useState("전체 상태")
   const [isDropdownOpen, setIsDropdownOpen] = useState(false)
 
-  // 로그 API가 준비되면 컴포넌트에서 직접 fetch하지 말고 lib/api 레이어로 연결한다.
+  useEffect(() => {
+    const timer = window.setTimeout(() => {
+      setDebouncedKeyword(searchQuery.trim())
+    }, 300)
+    return () => window.clearTimeout(timer)
+  }, [searchQuery])
+
+  const fetchLogs = useCallback(async () => {
+    setIsLoading(true)
+    setError(null)
+    try {
+      const result = await getAdminActivityLogs({
+        keyword: debouncedKeyword || undefined,
+        type: mapActivityLogFilterToType(statusFilter),
+        page: 0,
+        size: 20,
+      })
+      setLogs(result.content)
+    } catch (e) {
+      console.error("Failed to load admin activity logs", e)
+      setLogs([])
+      if (e instanceof LoginFailedError) {
+        setError(e.message)
+      } else {
+        setError("로그를 불러오지 못했습니다.")
+      }
+    } finally {
+      setIsLoading(false)
+    }
+  }, [debouncedKeyword, statusFilter])
 
-  const filteredLogs = logs.filter((log: LogEntry) => {
-    const matchesSearch =
-      log.entryCode.toLowerCase().includes(searchQuery.toLowerCase()) ||
-      log.message.toLowerCase().includes(searchQuery.toLowerCase())
-    const matchesStatus = statusFilter === "전체 상태" || log.status === statusFilter
-    return matchesSearch && matchesStatus
-  })
+  useEffect(() => {
+    void fetchLogs()
+  }, [fetchLogs])
 
-  const groupedLogs = groupLogsByDate(filteredLogs)
+  const groupedLogs = groupLogsByDate(logs)
   const sortedDates = Array.from(groupedLogs.keys()).sort((a, b) => b.localeCompare(a))
 
   return (
     <div className="flex h-full flex-1 flex-col">
-    {/* Top Header Bar */}
-    <header className="flex h-[88px] shrink-0 items-center border-b border-[#E5E5E5] bg-white px-8">
-      <div>
-        <h1 className="text-2xl font-semibold text-[#1A1A1A]">로그</h1>
-        <p className="text-sm text-[#6B7280]">
-          시험 세션 중 발생하는 실시간 이벤트와 API 활동을 모니터링합니다.
-        </p>
-      </div>
-    </header>
-
+      <header className="flex h-[88px] shrink-0 items-center border-b border-[#E5E5E5] bg-white px-8">
+        <div>
+          <h1 className="text-2xl font-semibold text-[#1A1A1A]">로그</h1>
+          <p className="text-sm text-[#6B7280]">
+            시험 세션 중 발생하는 실시간 이벤트와 API 활동을 모니터링합니다.
+          </p>
+        </div>
+      </header>
 
       <div className="flex min-h-0 flex-1 flex-col p-6">
-        {/* Main Content Card */}
         <div className="bg-white rounded-xl border border-gray-200 flex-1 flex flex-col min-h-0 shadow-sm">
-          {/* Search and Filter Section */}
           <div className="px-6 py-4 border-b border-gray-100 flex items-center gap-4">
-            {/* Search Bar */}
             <div className="flex-1 relative">
               <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" />
               <input
@@ -88,7 +101,6 @@ export function LogsContent() {
               />
             </div>
 
-            {/* Status Filter Dropdown */}
             <div className="relative">
               <button
                 onClick={() => setIsDropdownOpen(!isDropdownOpen)}
@@ -120,73 +132,73 @@ export function LogsContent() {
             </div>
           </div>
 
-          {/* Timeline Section */}
           <div className="flex-1 overflow-y-auto px-6 py-6">
-            <div className="relative">
-              {/* Vertical Timeline Line */}
-              <div className="absolute left-3 top-3 bottom-3 w-0.5" style={{ backgroundColor: "#D9D9D9" }} />
-
-              <div className="space-y-2">
-                {sortedDates.map((date, dateIndex) => (
-                  <div key={date}>
-                    <div className={dateIndex === 0 ? "mb-4" : "mt-8 mb-4"}>
-                      <div className="flex items-center gap-6">
-                        {/* Spacer for timeline alignment */}
-                        <div className="w-6 shrink-0" />
-                        {/* Date label */}
-                        <span className="text-sm font-semibold text-gray-500">{date}</span>
+            {isLoading ? (
+              <div className="text-center py-12 text-gray-400">로그를 불러오는 중...</div>
+            ) : error ? (
+              <div className="text-center py-12 text-red-500">{error}</div>
+            ) : (
+              <div className="relative">
+                <div className="absolute left-3 top-3 bottom-3 w-0.5" style={{ backgroundColor: "#D9D9D9" }} />
+
+                <div className="space-y-2">
+                  {sortedDates.map((date, dateIndex) => (
+                    <div key={date}>
+                      <div className={dateIndex === 0 ? "mb-4" : "mt-8 mb-4"}>
+                        <div className="flex items-center gap-6">
+                          <div className="w-6 shrink-0" />
+                          <span className="text-sm font-semibold text-gray-500">{date}</span>
+                        </div>
                       </div>
-                    </div>
 
-                    {/* Logs for this date */}
-                    <div className="space-y-4">
-                      {groupedLogs.get(date)!.map((log) => (
-                        <div key={log.id} className="relative flex items-start gap-6">
-                          <div
-                            className="relative z-10 w-6 h-6 rounded-full flex items-center justify-center shrink-0"
-                            style={{ backgroundColor: "#F5F5F5" }}
-                          >
-                            <div
-                              className="w-3 h-3 rounded-full"
-                              style={{ backgroundColor: statusColors[log.status].marker }}
-                            />
-                          </div>
-
-                          <div className="flex-1 bg-white border border-gray-200 rounded-xl p-4 shadow-sm hover:shadow-md hover:bg-[#F9FAFB] hover:-translate-y-0.5 transition-all duration-200 cursor-pointer">
-                            {/* Top Row: Timestamp and Status Badge */}
-                            <div className="flex items-center justify-between mb-3">
-                              <span className="text-xs text-gray-400">{log.timestamp}</span>
-                              <span
-                                className="px-3 py-1 rounded-full text-xs font-semibold"
-                                style={{
-                                  backgroundColor: statusColors[log.status].bg,
-                                  color: statusColors[log.status].text,
-                                }}
+                      <div className="space-y-4">
+                        {groupedLogs.get(date)!.map((log) => {
+                          const statusLabel = getActivityLogStatusLabel(log.type)
+                          const colors = adminActivityLogStatusColors[statusLabel]
+                          return (
+                            <div key={log.id} className="relative flex items-start gap-6">
+                              <div
+                                className="relative z-10 w-6 h-6 rounded-full flex items-center justify-center shrink-0"
+                                style={{ backgroundColor: "#F5F5F5" }}
                               >
-                                {log.status}
-                              </span>
+                                <div
+                                  className="w-3 h-3 rounded-full"
+                                  style={{ backgroundColor: colors.marker }}
+                                />
+                              </div>
+
+                              <div className="flex-1 bg-white border border-gray-200 rounded-xl p-4 shadow-sm hover:shadow-md hover:bg-[#F9FAFB] hover:-translate-y-0.5 transition-all duration-200">
+                                <div className="flex items-center justify-between mb-3">
+                                  <span className="text-xs text-gray-400">
+                                    {formatActivityLogDateTime(log.createdAt)}
+                                  </span>
+                                  <span
+                                    className="px-3 py-1 rounded-full text-xs font-semibold"
+                                    style={{
+                                      backgroundColor: colors.bg,
+                                      color: colors.text,
+                                    }}
+                                  >
+                                    {statusLabel}
+                                  </span>
+                                </div>
+
+                                <p className="text-sm font-medium text-gray-900 mb-1">{log.title}</p>
+                                <p className="text-sm text-gray-600">{log.message}</p>
+                              </div>
                             </div>
-
-                            {/* Entry Code */}
-                            <div className="mb-1">
-                              <span className="text-sm text-gray-500">입장 코드: </span>
-                              <span className="text-sm font-medium text-gray-900">{log.entryCode}</span>
-                            </div>
-
-                            {/* Message */}
-                            <p className="text-sm text-gray-600">{log.message}</p>
-                          </div>
-                        </div>
-                      ))}
+                          )
+                        })}
+                      </div>
                     </div>
-                  </div>
-                ))}
+                  ))}
 
-                {filteredLogs.length === 0 && (
-                  <div className="text-center py-12 text-gray-400">조건에 맞는 로그가 없습니다.</div>
-                )}
+                  {logs.length === 0 && (
+                    <div className="text-center py-12 text-gray-400">조건에 맞는 로그가 없습니다.</div>
+                  )}
+                </div>
               </div>
-            </div>
+            )}
           </div>
         </div>
       </div>
diff --git a/components/markdown-content.tsx b/components/markdown-content.tsx
new file mode 100644
index 0000000..336973b
--- /dev/null
+++ b/components/markdown-content.tsx
@@ -0,0 +1,70 @@
+"use client"
+
+import ReactMarkdown from "react-markdown"
+import remarkGfm from "remark-gfm"
+import type { Components } from "react-markdown"
+
+/** 마크다운 본문 공통 타이포·블록 스타일 (문제 본문, 이후 AI 채팅 등 재사용) */
+export const MARKDOWN_CONTENT_CLASS =
+  "markdown-content text-sm leading-relaxed text-[#4B5563] [&_h1]:mt-0 [&_h1]:mb-3 [&_h1]:text-xl [&_h1]:font-semibold [&_h1]:text-[#1F2937] [&_h2]:mt-5 [&_h2]:mb-2 [&_h2]:text-lg [&_h2]:font-semibold [&_h2]:text-[#1F2937] [&_h3]:mt-4 [&_h3]:mb-2 [&_h3]:text-base [&_h3]:font-semibold [&_h3]:text-[#374151] [&_h4]:mt-3 [&_h4]:mb-1.5 [&_h4]:text-sm [&_h4]:font-semibold [&_h4]:text-[#374151] [&_p]:my-2 [&_p:first-child]:mt-0 [&_p:last-child]:mb-0 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_li]:my-0.5 [&_li>p]:my-1 [&_blockquote]:my-3 [&_blockquote]:border-l-4 [&_blockquote]:border-[#D1D5DB] [&_blockquote]:pl-4 [&_blockquote]:text-[#6B7280] [&_a]:text-[#2563EB] [&_a]:underline [&_a]:break-words [&_hr]:my-4 [&_hr]:border-[#E5E7EB] [&_strong]:font-semibold [&_strong]:text-[#1F2937] [&_em]:italic"
+
+const markdownComponents: Components = {
+  table: ({ children }) => (
+    <div className="my-3 overflow-x-auto rounded-lg border border-[#E5E7EB]">
+      <table className="min-w-full border-collapse text-left text-sm">{children}</table>
+    </div>
+  ),
+  thead: ({ children }) => <thead className="bg-[#F9FAFB]">{children}</thead>,
+  tbody: ({ children }) => <tbody className="divide-y divide-[#E5E7EB]">{children}</tbody>,
+  tr: ({ children }) => <tr className="border-b border-[#E5E7EB] last:border-0">{children}</tr>,
+  th: ({ children }) => (
+    <th className="whitespace-nowrap px-3 py-2 font-semibold text-[#374151]">{children}</th>
+  ),
+  td: ({ children }) => (
+    <td className="whitespace-pre-wrap break-words px-3 py-2 align-top text-[#4B5563]">{children}</td>
+  ),
+  pre: ({ children }) => (
+    <pre className="my-3 max-w-full overflow-x-auto rounded-lg border border-[#E5E7EB] bg-[#F3F4F6] p-3 font-mono text-xs leading-relaxed text-[#1F2937]">
+      {children}
+    </pre>
+  ),
+  code: ({ className, children, ...props }) => {
+    const isBlock = className?.includes("language-")
+    if (isBlock) {
+      return (
+        <code className={`block whitespace-pre-wrap break-words ${className ?? ""}`} {...props}>
+          {children}
+        </code>
+      )
+    }
+    return (
+      <code
+        className="rounded bg-[#F3F4F6] px-1.5 py-0.5 font-mono text-[0.85em] text-[#1F2937]"
+        {...props}
+      >
+        {children}
+      </code>
+    )
+  },
+}
+
+export type MarkdownContentProps = {
+  /** 마크다운 원문 (서버·AI 등 비신뢰 입력) */
+  content: string
+  /** 래퍼 추가 클래스 */
+  className?: string
+}
+
+/**
+ * react-markdown + remark-gfm 기반 렌더링.
+ * raw HTML(rehype-raw) 및 dangerouslySetInnerHTML 미사용.
+ */
+export function MarkdownContent({ content, className = "" }: MarkdownContentProps) {
+  return (
+    <div className={[MARKDOWN_CONTENT_CLASS, className].filter(Boolean).join(" ")}>
+      <ReactMarkdown remarkPlugins={[remarkGfm]} components={markdownComponents}>
+        {content}
+      </ReactMarkdown>
+    </div>
+  )
+}
diff --git a/components/master-dashboard-content.tsx b/components/master-dashboard-content.tsx
index 301c3a6..e6161b3 100644
--- a/components/master-dashboard-content.tsx
+++ b/components/master-dashboard-content.tsx
@@ -4,15 +4,14 @@ import { useEffect, useState } from "react"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
-import { Users, UserCheck, CheckCircle2, CalendarClock, FileCode, ScrollText, ArrowRight, KeyRound, Copy, Check } from "lucide-react"
+import { Users, UserCheck, CheckCircle2, CalendarClock, FileCode, ScrollText, ArrowRight } from "lucide-react"
 import Link from "next/link";
 import {
   getBoard,
   getExams,
+  getMasterActivityLogs,
   getSystemStatus,
-  issueAdminNumber,
-  LoginFailedError,
-  NetworkError,
+  type MasterActivityLogEntry,
 } from "@/lib/api/admin"
 import {
   countActiveExamSessions,
@@ -26,36 +25,18 @@ import {
   pickRecentSessions,
   type MasterRecentSession,
 } from "@/lib/master-test-sessions"
-import { useToast } from "@/hooks/use-toast"
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog"
-import { Input } from "@/components/ui/input"
-import { Label } from "@/components/ui/label"
 import { AdminPageHeader } from "@/components/admin-page-header"
-
-const recentLogs = [
-  { id: 1, timestamp: "오전 10:33", type: "관리자", description: "관리자 'john.smith'가 플랫폼 설정을 업데이트했습니다" },
-  { id: 2, timestamp: "오전 09:15", type: "시스템", description: "예정된 유지보수가 성공적으로 완료되었습니다" },
-  { id: 3, timestamp: "오전 08:45", type: "오류", description: "평가 서비스 연결 실패 (재시도됨)" },
-]
+import {
+  formatMasterActivityLogDateTime,
+  getMasterActivityLogColors,
+  getMasterActivityLogStatusLabel,
+} from "@/lib/master-activity-logs"
 
 type DashboardContentProps = {
   onNavigate?: (page: string) => void
 }
 
 export function MasterDashboardContent({ onNavigate }: DashboardContentProps) {
-  const [isIssueModalOpen, setIsIssueModalOpen] = useState(false)
-  const [label, setLabel] = useState("")
-  const [expiresAt, setExpiresAt] = useState("")
-  const [issuedAdminNumber, setIssuedAdminNumber] = useState<string | null>(null)
-  const [copied, setCopied] = useState(false)
-  const [isLoading, setIsLoading] = useState(false)
   const [activeSessions, setActiveSessions] = useState<number | null>(null)
   const [todayParticipants, setTodayParticipants] = useState<number | null>(null)
   const [systemStatus, setSystemStatus] = useState<MasterSystemStatusDisplay>(
@@ -65,7 +46,9 @@ export function MasterDashboardContent({ onNavigate }: DashboardContentProps) {
   const [recentSessions, setRecentSessions] = useState<MasterRecentSession[]>([])
   const [recentSessionsLoading, setRecentSessionsLoading] = useState(true)
   const [recentSessionsError, setRecentSessionsError] = useState(false)
-  const { toast } = useToast()
+  const [recentLogs, setRecentLogs] = useState<MasterActivityLogEntry[]>([])
+  const [recentLogsLoading, setRecentLogsLoading] = useState(true)
+  const [recentLogsError, setRecentLogsError] = useState(false)
 
   useEffect(() => {
     let cancelled = false
@@ -132,67 +115,38 @@ export function MasterDashboardContent({ onNavigate }: DashboardContentProps) {
     }
   }, [])
 
-  const displayKpiNumber = (val: number | null) =>
-    kpiLoading ? "..." : val !== null ? val.toLocaleString() : "0"
-
-  const handleIssueAdminNumber = async () => {
-    setIsLoading(true)
-    try {
-      const response = await issueAdminNumber({
-        label: label.trim() || undefined,
-        expiresAt: expiresAt || undefined,
-      })
+  useEffect(() => {
+    let cancelled = false
 
-      setIssuedAdminNumber(response.adminNumber)
-      setLabel("")
-      setExpiresAt("")
-      toast({
-        title: "관리자 번호 발급 성공",
-        description: "관리자 번호가 성공적으로 발급되었습니다.",
-      })
-    } catch (error) {
-      if (error instanceof LoginFailedError) {
-        toast({
-          title: "발급 실패",
-          description: error.message,
-          variant: "destructive",
-        })
-      } else if (error instanceof NetworkError) {
-        toast({
-          title: "네트워크 오류",
-          description: error.message,
-          variant: "destructive",
-        })
-      } else {
-        toast({
-          title: "오류",
-          description: "관리자 번호 발급 중 오류가 발생했습니다.",
-          variant: "destructive",
-        })
+    async function loadRecentLogs() {
+      setRecentLogsLoading(true)
+      setRecentLogsError(false)
+      try {
+        const result = await getMasterActivityLogs({ page: 0, size: 5 })
+        if (!cancelled) {
+          setRecentLogs(result.content)
+        }
+      } catch (e) {
+        console.error("[MasterDashboard] Failed to load recent logs", e)
+        if (!cancelled) {
+          setRecentLogs([])
+          setRecentLogsError(true)
+        }
+      } finally {
+        if (!cancelled) {
+          setRecentLogsLoading(false)
+        }
       }
-    } finally {
-      setIsLoading(false)
     }
-  }
 
-  const handleCopyAdminNumber = async () => {
-    if (issuedAdminNumber) {
-      await navigator.clipboard.writeText(issuedAdminNumber)
-      setCopied(true)
-      toast({
-        description: "관리자 번호가 클립보드에 복사되었습니다.",
-      })
-      setTimeout(() => setCopied(false), 2000)
+    void loadRecentLogs()
+    return () => {
+      cancelled = true
     }
-  }
+  }, [])
 
-  const handleCloseModal = () => {
-    setIsIssueModalOpen(false)
-    setIssuedAdminNumber(null)
-    setLabel("")
-    setExpiresAt("")
-    setCopied(false)
-  }
+  const displayKpiNumber = (val: number | null) =>
+    kpiLoading ? "..." : val !== null ? val.toLocaleString() : "0"
 
   return (
     <div className="flex h-full flex-1 flex-col">
@@ -366,7 +320,21 @@ export function MasterDashboardContent({ onNavigate }: DashboardContentProps) {
           </CardHeader>
           <CardContent className="pt-0 flex flex-col flex-1">
             <div className="flex flex-col gap-3 flex-1 mb-5">
-              {recentLogs.map((log) => (
+              {recentLogsLoading && (
+                <p style={{ fontSize: "13px", color: "#9CA3AF" }}>로그를 불러오는 중...</p>
+              )}
+              {!recentLogsLoading && recentLogsError && (
+                <p style={{ fontSize: "13px", color: "#9CA3AF" }}>최근 로그를 불러오지 못했습니다.</p>
+              )}
+              {!recentLogsLoading && !recentLogsError && recentLogs.length === 0 && (
+                <p style={{ fontSize: "13px", color: "#9CA3AF" }}>표시할 활동 로그가 없습니다.</p>
+              )}
+              {!recentLogsLoading &&
+                !recentLogsError &&
+                recentLogs.map((log) => {
+                  const colors = getMasterActivityLogColors(log.type)
+                  const label = getMasterActivityLogStatusLabel(log.type)
+                  return (
                 <div
                   key={log.id}
                   className="flex items-start gap-3 p-3"
@@ -382,33 +350,35 @@ export function MasterDashboardContent({ onNavigate }: DashboardContentProps) {
                       width: "8px",
                       height: "8px",
                       borderRadius: "50%",
-                      backgroundColor: log.type === "관리자" ? "#3B82F6" : log.type === "시스템" ? "#6B7280" : "#EF4444",
+                      backgroundColor: colors.marker,
                       flexShrink: 0,
                     }}
                   />
                   <div className="flex flex-col gap-0.5 flex-1 min-w-0">
                     <div className="flex items-center gap-2">
-                      <span style={{ fontSize: "12px", color: "#9CA3AF" }}>{log.timestamp}</span>
+                      <span style={{ fontSize: "12px", color: "#9CA3AF" }}>
+                        {formatMasterActivityLogDateTime(log.createdAt)}
+                      </span>
                       <Badge
                         style={{
-                          backgroundColor:
-                            log.type === "관리자" ? "#DBEAFE" : log.type === "시스템" ? "#F3F4F6" : "#FEE2E2",
-                          color: log.type === "관리자" ? "#3B82F6" : log.type === "시스템" ? "#6B7280" : "#EF4444",
+                          backgroundColor: colors.bg,
+                          color: colors.text,
                           fontWeight: 500,
                           fontSize: "10px",
                           padding: "2px 6px",
                           border: "none",
                         }}
                       >
-                        {log.type}
+                        {label}
                       </Badge>
                     </div>
                     <span style={{ fontSize: "13px", color: "#4B5563", lineHeight: "1.4" }} className="truncate">
-                      {log.description}
+                      {log.message}
                     </span>
                   </div>
                 </div>
-              ))}
+                  )
+                })}
             </div>
             <div className="mt-auto pt-3" style={{ borderTop: "1px solid #E5E5E5" }}>
               <Button
@@ -526,159 +496,8 @@ export function MasterDashboardContent({ onNavigate }: DashboardContentProps) {
               </CardContent>
             </Card>
           </Link>
-
-          {/* Issue Admin Number */}
-          <Card
-            className="cursor-pointer transition-all hover:shadow-md"
-            onClick={() => setIsIssueModalOpen(true)}
-            style={{
-              borderRadius: "12px",
-              border: "1px solid #E5E5E5",
-              boxShadow: "0 1px 3px rgba(0,0,0,0.04)",
-            }}
-          >
-            <CardContent className="p-5">
-              <div className="flex items-center gap-4">
-                <div
-                  className="flex items-center justify-center"
-                  style={{
-                    width: "48px",
-                    height: "48px",
-                    backgroundColor: "#FEF3C7",
-                    borderRadius: "12px",
-                  }}
-                >
-                  <KeyRound size={24} style={{ color: "#92400E" }} />
-                </div>
-                <div className="flex flex-col gap-0.5">
-                  <span style={{ fontSize: "16px", fontWeight: 600, color: "#1A1A1A" }}>관리자 번호 발급</span>
-                  <span style={{ fontSize: "13px", color: "#6B7280" }}>새 관리자 계정 생성을 위한 번호 발급</span>
-                </div>
-              </div>
-            </CardContent>
-          </Card>
         </div>
       </div>
-
-      {/* 관리자 번호 발급 모달 */}
-      <Dialog open={isIssueModalOpen} onOpenChange={handleCloseModal}>
-        <DialogContent className="sm:max-w-md">
-          <DialogHeader>
-            <DialogTitle
-              style={{
-                fontSize: "18px",
-                fontWeight: 600,
-                color: "#1A1A1A",
-              }}
-            >
-              {issuedAdminNumber ? "관리자 번호 발급 완료" : "관리자 번호 발급"}
-            </DialogTitle>
-            <DialogDescription
-              style={{
-                fontSize: "14px",
-                color: "#6B7280",
-              }}
-            >
-              {issuedAdminNumber
-                ? "발급된 관리자 번호를 안전하게 보관하세요. 이 번호는 한 번만 표시됩니다."
-                : "새 관리자 계정 생성을 위한 관리자 번호를 발급합니다."}
-            </DialogDescription>
-          </DialogHeader>
-          {issuedAdminNumber ? (
-            <div className="py-4">
-              <label
-                style={{
-                  fontSize: "14px",
-                  fontWeight: 500,
-                  color: "#1A1A1A",
-                  display: "block",
-                  marginBottom: "8px",
-                }}
-              >
-                발급된 관리자 번호
-              </label>
-              <div className="flex items-center gap-2">
-                <Input
-                  readOnly
-                  value={issuedAdminNumber}
-                  className="flex-1 bg-[#F9FAFB] font-mono text-[#1A1A1A]"
-                  style={{ fontSize: "14px" }}
-                />
-                <Button
-                  variant="outline"
-                  size="icon"
-                  onClick={handleCopyAdminNumber}
-                  className="h-10 w-10 shrink-0 bg-transparent"
-                  style={{
-                    borderColor: "#E5E5E5",
-                  }}
-                >
-                  {copied ? <Check className="h-4 w-4 text-[#16A34A]" /> : <Copy className="h-4 w-4 text-[#6B7280]" />}
-                </Button>
-              </div>
-              <p
-                style={{
-                  fontSize: "12px",
-                  color: "#6B7280",
-                  marginTop: "8px",
-                }}
-              >
-                이 번호를 새 관리자에게 안전하게 전달하세요.
-              </p>
-            </div>
-          ) : (
-            <div className="py-4 space-y-4">
-              <div className="space-y-2">
-                <Label htmlFor="label">라벨 (선택사항)</Label>
-                <Input
-                  id="label"
-                  value={label}
-                  onChange={(e) => setLabel(e.target.value)}
-                  placeholder="관리자 번호에 대한 설명을 입력하세요"
-                  style={{ fontSize: "14px" }}
-                />
-              </div>
-              <div className="space-y-2">
-                <Label htmlFor="expiresAt">만료일 (선택사항)</Label>
-                <Input
-                  id="expiresAt"
-                  type="datetime-local"
-                  value={expiresAt}
-                  onChange={(e) => setExpiresAt(e.target.value)}
-                  style={{ fontSize: "14px" }}
-                />
-              </div>
-            </div>
-          )}
-          <DialogFooter className="gap-2">
-            <Button
-              variant="outline"
-              onClick={handleCloseModal}
-              style={{
-                fontSize: "14px",
-                fontWeight: 500,
-              }}
-            >
-              {issuedAdminNumber ? "닫기" : "취소"}
-            </Button>
-            {!issuedAdminNumber && (
-              <Button
-                onClick={handleIssueAdminNumber}
-                disabled={isLoading}
-                style={{
-                  backgroundColor: "#3B82F6",
-                  color: "#FFFFFF",
-                  fontSize: "14px",
-                  fontWeight: 500,
-                  opacity: isLoading ? 0.6 : 1,
-                }}
-              >
-                {isLoading ? "발급 중..." : "관리자 번호 발급"}
-              </Button>
-            )}
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
       </main>
     </div>
   )
diff --git a/components/platform-logs-content.tsx b/components/platform-logs-content.tsx
index 04503ad..e4126fd 100644
--- a/components/platform-logs-content.tsx
+++ b/components/platform-logs-content.tsx
@@ -1,368 +1,120 @@
 "use client"
 
-import { useState } from "react"
+import { useState, useEffect, useCallback } from "react"
 import { Input } from "@/components/ui/input"
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
 import { Search } from "lucide-react"
 import { AdminPageHeader } from "@/components/admin-page-header"
+import {
+  getMasterActivityLogs,
+  LoginFailedError,
+  type MasterActivityLogEntry,
+} from "@/lib/api/admin"
+import {
+  formatMasterActivityLogDateHeader,
+  formatMasterActivityLogDateTime,
+  getMasterActivityLogColors,
+  getMasterActivityLogDateKey,
+  getMasterActivityLogStatusLabel,
+  mapMasterActivityLogFilterToType,
+  MASTER_ACTIVITY_LOG_FILTER_OPTIONS,
+} from "@/lib/master-activity-logs"
 
-type LogType = "Admin Activity" | "System" | "Error"
-type BadgeType = "System Updated" | "Error" | "Admin Change" | "Evaluation Completed" | "Room Started"
-
-type LogEntry = {
-  id: number
-  date: string
-  timestamp: string
-  type: LogType
-  title: string
-  description: string
-  badge: BadgeType
-}
-
-const initialLogs: LogEntry[] = [
-  // 2025-01-08
-  {
-    id: 1,
-    date: "2025-01-08",
-    timestamp: "2025-01-08 10:45",
-    type: "System",
-    title: "Evaluation batch completed.",
-    description: "Automated scoring completed for 24 submissions in session TS-2025-0892.",
-    badge: "Evaluation Completed",
-  },
-  {
-    id: 2,
-    date: "2025-01-08",
-    timestamp: "2025-01-08 09:30",
-    type: "Admin Activity",
-    title: "New test room started.",
-    description: "Test session TS-2025-0893 initiated by admin.master@example.com with 18 participants.",
-    badge: "Room Started",
-  },
-  {
-    id: 3,
-    date: "2025-01-08",
-    timestamp: "2025-01-08 08:15",
-    type: "System",
-    title: "Daily backup completed.",
-    description: "Automated daily backup of all test sessions and user data completed successfully.",
-    badge: "System Updated",
-  },
-  // 2025-01-07
-  {
-    id: 4,
-    date: "2025-01-07",
-    timestamp: "2025-01-07 18:30",
-    type: "Admin Activity",
-    title: "Platform settings updated.",
-    description: "Updated session timeout configuration for all active test sessions.",
-    badge: "Admin Change",
-  },
-  {
-    id: 5,
-    date: "2025-01-07",
-    timestamp: "2025-01-07 18:20",
-    type: "System",
-    title: "System maintenance completed.",
-    description: "Automated cleanup of expired test sessions completed successfully.",
-    badge: "System Updated",
-  },
-  {
-    id: 6,
-    date: "2025-01-07",
-    timestamp: "2025-01-07 17:55",
-    type: "Admin Activity",
-    title: "Data retention policy updated.",
-    description: "Log retention set to 30 days and submission storage set to 90 days.",
-    badge: "Admin Change",
-  },
-  {
-    id: 7,
-    date: "2025-01-07",
-    timestamp: "2025-01-07 14:00",
-    type: "System",
-    title: "Evaluation batch completed.",
-    description: "Automated scoring completed for 32 submissions in session TS-2025-0891.",
-    badge: "Evaluation Completed",
-  },
-  // 2025-01-06
-  {
-    id: 8,
-    date: "2025-01-06",
-    timestamp: "2025-01-06 16:45",
-    type: "Error",
-    title: "Database connection error.",
-    description: "Backup service temporarily failed to connect. Retry scheduled.",
-    badge: "Error",
-  },
-  {
-    id: 9,
-    date: "2025-01-06",
-    timestamp: "2025-01-06 15:10",
-    type: "System",
-    title: "New evaluation model deployed.",
-    description: "Updated AI scoring model for coding tests across all sessions.",
-    badge: "System Updated",
-  },
-  {
-    id: 10,
-    date: "2025-01-06",
-    timestamp: "2025-01-06 11:20",
-    type: "Admin Activity",
-    title: "New test room started.",
-    description: "Test session TS-2025-0890 initiated by admin.kim@example.com with 25 participants.",
-    badge: "Room Started",
-  },
-  // 2025-01-05
-  {
-    id: 11,
-    date: "2025-01-05",
-    timestamp: "2025-01-05 11:30",
-    type: "Admin Activity",
-    title: "Master account created for new organization.",
-    description: "New enterprise tenant onboarded with default global settings.",
-    badge: "Admin Change",
-  },
-  {
-    id: 12,
-    date: "2025-01-05",
-    timestamp: "2025-01-05 09:00",
-    type: "System",
-    title: "Scheduled maintenance completed.",
-    description: "Database optimization and index rebuild completed successfully.",
-    badge: "System Updated",
-  },
-  {
-    id: 13,
-    date: "2025-01-05",
-    timestamp: "2025-01-05 08:30",
-    type: "Error",
-    title: "API rate limit exceeded.",
-    description: "External evaluation API temporarily unavailable due to rate limiting. Auto-retry enabled.",
-    badge: "Error",
-  },
-  // 2025-01-04
-  {
-    id: 14,
-    date: "2025-01-04",
-    timestamp: "2025-01-04 17:00",
-    type: "System",
-    title: "Evaluation batch completed.",
-    description: "Automated scoring completed for 45 submissions in session TS-2025-0889.",
-    badge: "Evaluation Completed",
-  },
-  {
-    id: 15,
-    date: "2025-01-04",
-    timestamp: "2025-01-04 14:30",
-    type: "Admin Activity",
-    title: "Global token limit updated.",
-    description: "Default token limit changed from 50,000 to 75,000 tokens per session.",
-    badge: "Admin Change",
-  },
-  {
-    id: 16,
-    date: "2025-01-04",
-    timestamp: "2025-01-04 10:15",
-    type: "Admin Activity",
-    title: "New test room started.",
-    description: "Test session TS-2025-0889 initiated by admin.park@example.com with 30 participants.",
-    badge: "Room Started",
-  },
-]
-
-const getDotColor = (type: LogType) => {
-  switch (type) {
-    case "Admin Activity":
-      return "#3B82F6" // blue
-    case "System":
-      return "#9CA3AF" // gray
-    case "Error":
-      return "#EF4444" // red
-  }
-}
-
-const getBadgeStyle = (badge: BadgeType) => {
-  switch (badge) {
-    case "Admin Change":
-      return {
-        backgroundColor: "#EFF6FF",
-        color: "#3B82F6",
-      }
-    case "System Updated":
-      return {
-        backgroundColor: "#F3F4F6",
-        color: "#6B7280",
-      }
-    case "Error":
-      return {
-        backgroundColor: "#FEF2F2",
-        color: "#EF4444",
-      }
-    case "Evaluation Completed":
-      return {
-        backgroundColor: "#ECFDF5",
-        color: "#10B981",
-      }
-    case "Room Started":
-      return {
-        backgroundColor: "#F5F3FF",
-        color: "#7C3AED",
-      }
-  }
-}
-
-const getBadgeText = (badge: BadgeType): string => {
-  switch (badge) {
-    case "Admin Change":
-      return "관리자 변경"
-    case "System Updated":
-      return "시스템 업데이트"
-    case "Error":
-      return "오류"
-    case "Evaluation Completed":
-      return "평가 완료"
-    case "Room Started":
-      return "세션 시작"
-    default:
-      return badge
-  }
-}
-
-const getLogTitle = (title: string): string => {
-  const titleMap: { [key: string]: string } = {
-    "Evaluation batch completed.": "평가 배치 완료",
-    "New test room started.": "새 테스트 세션 시작",
-    "Daily backup completed.": "일일 백업 완료",
-    "Platform settings updated.": "플랫폼 설정 업데이트",
-    "System maintenance completed.": "시스템 유지보수 완료",
-    "Data retention policy updated.": "데이터 보관 정책 업데이트",
-    "Database connection error.": "데이터베이스 연결 오류",
-    "New evaluation model deployed.": "새 평가 모델 배포",
-    "Scheduled maintenance completed.": "예약된 유지보수 완료",
-    "API rate limit exceeded.": "API 요청 한도 초과",
-    "Global token limit updated.": "전역 토큰 제한 업데이트",
-    "Master account created for new organization.": "새 조직의 마스터 계정 생성",
-  }
-  return titleMap[title] || title
-}
-
-const getLogDescription = (description: string): string => {
-  const descMap: { [key: string]: string } = {
-    "Automated scoring completed for 24 submissions in session TS-2025-0892.": "세션 TS-2025-0892에서 24건의 제출물에 대한 자동 채점이 완료되었습니다.",
-    "Test session TS-2025-0893 initiated by admin.master@example.com with 18 participants.": "admin.master@example.com이 18명의 참가자로 테스트 세션 TS-2025-0893을 시작했습니다.",
-    "Automated daily backup of all test sessions and user data completed successfully.": "모든 테스트 세션 및 사용자 데이터의 자동 일일 백업이 성공적으로 완료되었습니다.",
-    "Updated session timeout configuration for all active test sessions.": "모든 활성 테스트 세션의 세션 타임아웃 설정이 업데이트되었습니다.",
-    "Automated cleanup of expired test sessions completed successfully.": "만료된 테스트 세션의 자동 정리가 성공적으로 완료되었습니다.",
-    "Log retention set to 30 days and submission storage set to 90 days.": "로그 보관 기간이 30일로, 제출물 저장 기간이 90일로 설정되었습니다.",
-    "Automated scoring completed for 32 submissions in session TS-2025-0891.": "세션 TS-2025-0891에서 32건의 제출물에 대한 자동 채점이 완료되었습니다.",
-    "Backup service temporarily failed to connect. Retry scheduled.": "백업 서비스 연결이 일시적으로 실패했습니다. 재시도가 예약되었습니다.",
-    "Updated AI scoring model for coding tests across all sessions.": "모든 세션의 코딩 테스트용 AI 채점 모델이 업데이트되었습니다.",
-    "Test session TS-2025-0890 initiated by admin.kim@example.com with 25 participants.": "admin.kim@example.com이 25명의 참가자로 테스트 세션 TS-2025-0890을 시작했습니다.",
-    "New enterprise tenant onboarded with default global settings.": "기본 전역 설정으로 새 엔터프라이즈 테넌트가 온보딩되었습니다.",
-    "Database optimization and index rebuild completed successfully.": "데이터베이스 최적화 및 인덱스 재구성이 성공적으로 완료되었습니다.",
-    "External evaluation API temporarily unavailable due to rate limiting. Auto-retry enabled.": "요청 한도로 인해 외부 평가 API가 일시적으로 사용 불가능합니다. 자동 재시도가 활성화되었습니다.",
-    "Automated scoring completed for 45 submissions in session TS-2025-0889.": "세션 TS-2025-0889에서 45건의 제출물에 대한 자동 채점이 완료되었습니다.",
-    "Default token limit changed from 50,000 to 75,000 tokens per session.": "세션당 기본 토큰 제한이 50,000에서 75,000으로 변경되었습니다.",
-    "Test session TS-2025-0889 initiated by admin.park@example.com with 30 participants.": "admin.park@example.com이 30명의 참가자로 테스트 세션 TS-2025-0889을 시작했습니다.",
-  }
-  return descMap[description] || description
-}
-
-// Group logs by date
-const groupLogsByDate = (logs: LogEntry[]) => {
-  const grouped: { [key: string]: LogEntry[] } = {}
+function groupLogsByDate(logs: MasterActivityLogEntry[]): Map<string, MasterActivityLogEntry[]> {
+  const grouped = new Map<string, MasterActivityLogEntry[]>()
   logs.forEach((log) => {
-    if (!grouped[log.date]) {
-      grouped[log.date] = []
+    const date = getMasterActivityLogDateKey(log.createdAt)
+    if (!grouped.has(date)) {
+      grouped.set(date, [])
     }
-    grouped[log.date].push(log)
+    grouped.get(date)!.push(log)
   })
   return grouped
 }
 
 export function PlatformLogsContent() {
-  const [logs] = useState<LogEntry[]>(initialLogs)
+  const [logs, setLogs] = useState<MasterActivityLogEntry[]>([])
+  const [isLoading, setIsLoading] = useState(true)
+  const [error, setError] = useState<string | null>(null)
   const [searchQuery, setSearchQuery] = useState("")
-  const [typeFilter, setTypeFilter] = useState("all")
-  const [timeRange, setTimeRange] = useState("24h")
+  const [debouncedKeyword, setDebouncedKeyword] = useState("")
+  const [statusFilter, setStatusFilter] = useState("전체 상태")
+  const [page, setPage] = useState(0)
+  const [totalPages, setTotalPages] = useState(0)
 
-  const formatDate = (dateString: string): string => {
-    const [year, month, day] = dateString.split("-")
-    return `${year}년 ${parseInt(month, 10)}월 ${parseInt(day, 10)}일`
-  }
+  useEffect(() => {
+    const timer = window.setTimeout(() => {
+      setDebouncedKeyword(searchQuery.trim())
+      setPage(0)
+    }, 300)
+    return () => window.clearTimeout(timer)
+  }, [searchQuery])
 
-  const filteredLogs = logs.filter((log) => {
-    // Type filter
-    if (typeFilter !== "all") {
-      if (typeFilter === "admin" && log.type !== "Admin Activity") return false
-      if (typeFilter === "system" && log.type !== "System") return false
-      if (typeFilter === "error" && log.type !== "Error") return false
-    }
-    // Search filter
-    if (searchQuery) {
-      const query = searchQuery.toLowerCase()
-      return log.title.toLowerCase().includes(query) || log.description.toLowerCase().includes(query)
+  useEffect(() => {
+    setPage(0)
+  }, [statusFilter])
+
+  const fetchLogs = useCallback(async () => {
+    setIsLoading(true)
+    setError(null)
+    try {
+      const result = await getMasterActivityLogs({
+        keyword: debouncedKeyword || undefined,
+        type: mapMasterActivityLogFilterToType(statusFilter),
+        page,
+        size: 20,
+      })
+      setLogs(result.content)
+      setTotalPages(result.totalPages)
+    } catch (e) {
+      console.error("Failed to load master activity logs", e)
+      setLogs([])
+      if (e instanceof LoginFailedError) {
+        setError(e.message)
+      } else {
+        setError("로그를 불러오지 못했습니다.")
+      }
+    } finally {
+      setIsLoading(false)
     }
-    return true
-  })
+  }, [debouncedKeyword, statusFilter, page])
+
+  useEffect(() => {
+    void fetchLogs()
+  }, [fetchLogs])
 
-  const groupedLogs = groupLogsByDate(filteredLogs)
-  const sortedDates = Object.keys(groupedLogs).sort((a, b) => b.localeCompare(a))
+  const groupedLogs = groupLogsByDate(logs)
+  const sortedDates = Array.from(groupedLogs.keys()).sort((a, b) => b.localeCompare(a))
 
   return (
     <div className="flex h-full flex-1 flex-col">
       <AdminPageHeader
         title="플랫폼 로그"
-        description="플랫폼 전역의 시스템 활동 로그를 확인하고 모니터링합니다."
+        description="관리자 가입 번호 발급, 관리자 가입, 계정 관리 등 마스터 활동 이력을 확인합니다."
       />
 
       <main className="flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-6">
-      {/* Search Bar and Filters Row */}
-      <div className="flex items-center justify-between gap-4">
-        {/* Search Bar */}
-        <div className="relative flex-1">
-          <Search className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400" size={18} />
-          <Input
-            placeholder="로그 검색..."
-            value={searchQuery}
-            onChange={(e) => setSearchQuery(e.target.value)}
-            className="pl-10"
-            style={{
-              backgroundColor: "#FFFFFF",
-              border: "1px solid #E5E5E5",
-              borderRadius: "8px",
-              fontSize: "14px",
-              height: "40px",
-            }}
-          />
-        </div>
-
-        {/* Filters */}
-        <div className="flex gap-3">
-          <Select value={typeFilter} onValueChange={setTypeFilter}>
-            <SelectTrigger
-              className="w-[160px]"
+        <div className="flex items-center justify-between gap-4">
+          <div className="relative flex-1">
+            <Search className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400" size={18} />
+            <Input
+              placeholder="로그 검색..."
+              value={searchQuery}
+              onChange={(e) => setSearchQuery(e.target.value)}
+              className="pl-10"
               style={{
                 backgroundColor: "#FFFFFF",
                 border: "1px solid #E5E5E5",
                 borderRadius: "8px",
                 fontSize: "14px",
+                height: "40px",
               }}
-            >
-              <SelectValue placeholder="전체 유형" />
-            </SelectTrigger>
-            <SelectContent>
-              <SelectItem value="all">전체 유형</SelectItem>
-              <SelectItem value="admin">관리자 활동</SelectItem>
-              <SelectItem value="system">시스템</SelectItem>
-              <SelectItem value="error">오류</SelectItem>
-            </SelectContent>
-          </Select>
+            />
+          </div>
 
-          <Select value={timeRange} onValueChange={setTimeRange}>
+          <Select value={statusFilter} onValueChange={setStatusFilter}>
             <SelectTrigger
-              className="w-[160px]"
+              className="w-[180px]"
               style={{
                 backgroundColor: "#FFFFFF",
                 border: "1px solid #E5E5E5",
@@ -370,152 +122,47 @@ export function PlatformLogsContent() {
                 fontSize: "14px",
               }}
             >
-              <SelectValue placeholder="최근 24시간" />
+              <SelectValue placeholder="전체 상태" />
             </SelectTrigger>
             <SelectContent>
-              <SelectItem value="24h">최근 24시간</SelectItem>
-              <SelectItem value="7d">최근 7일</SelectItem>
-              <SelectItem value="30d">최근 30일</SelectItem>
-              <SelectItem value="all">전체 기간</SelectItem>
+              {MASTER_ACTIVITY_LOG_FILTER_OPTIONS.map((option) => (
+                <SelectItem key={option} value={option}>
+                  {option}
+                </SelectItem>
+              ))}
             </SelectContent>
           </Select>
         </div>
-      </div>
-
-      {/* Timeline */}
-      <div className="relative">
-        {sortedDates.map((date, dateIndex) => (
-          <div key={date} className="mb-6">
-            {/* Date Label */}
-            <div
-              className="mb-4"
-              style={{
-                fontSize: "14px",
-                fontWeight: 600,
-                color: "#1A1A1A",
-                letterSpacing: "-0.01em",
-              }}
-            >
-              {formatDate(date)}
-            </div>
-
-            {/* Timeline Events for this date */}
-            <div className="relative">
-              {/* Vertical Timeline Line */}
-              <div
-                className="absolute"
-                style={{
-                  left: "7px",
-                  top: "12px",
-                  bottom: dateIndex === sortedDates.length - 1 ? "12px" : "0",
-                  width: "2px",
-                  backgroundColor: "#E5E5E5",
-                }}
-              />
-
-              {/* Log Events */}
-              <div className="flex flex-col gap-3">
-                {groupedLogs[date].map((log, logIndex) => (
-                  <div key={log.id} className="flex gap-4">
-                    {/* Timeline Dot */}
-                    <div
-                      className="relative z-10 flex-shrink-0"
-                      style={{
-                        width: "16px",
-                        height: "16px",
-                        marginTop: "4px",
-                      }}
-                    >
-                      <div
-                        style={{
-                          width: "16px",
-                          height: "16px",
-                          borderRadius: "50%",
-                          backgroundColor: getDotColor(log.type),
-                          border: "3px solid #FFFFFF",
-                          boxShadow: "0 0 0 2px " + getDotColor(log.type) + "33",
-                        }}
-                      />
-                    </div>
 
-                    {/* Event Card */}
-                    <div
-                      className="flex-1 transition-all duration-200 hover:shadow-md"
-                      style={{
-                        backgroundColor: "#FFFFFF",
-                        border: "1px solid #E5E5E5",
-                        borderRadius: "12px",
-                        padding: "20px",
-                      }}
-                      onMouseEnter={(e) => {
-                        e.currentTarget.style.transform = "translateY(-1px)"
-                      }}
-                      onMouseLeave={(e) => {
-                        e.currentTarget.style.transform = "translateY(0)"
-                      }}
-                    >
-                      {/* Top Row: Timestamp + Badge */}
-                      <div className="flex items-center justify-between mb-2">
-                        <span
-                          style={{
-                            fontSize: "12px",
-                            fontWeight: 400,
-                            color: "#9CA3AF",
-                            lineHeight: "16px",
-                          }}
-                        >
-                          {log.timestamp}
-                        </span>
-                        <span
-                          style={{
-                            ...getBadgeStyle(log.badge),
-                            fontSize: "12px",
-                            fontWeight: 500,
-                            padding: "4px 10px",
-                            borderRadius: "9999px",
-                            lineHeight: "16px",
-                          }}
-                        >
-                          {getBadgeText(log.badge)}
-                        </span>
-                      </div>
-
-                      {/* Title */}
-                      <div className="mb-1">
-                        <span
-                          style={{
-                            fontSize: "14px",
-                            fontWeight: 600,
-                            color: "#1A1A1A",
-                            lineHeight: "20px",
-                          }}
-                        >
-                          {getLogTitle(log.title)}
-                        </span>
-                      </div>
+        {isLoading && (
+          <div
+            className="flex items-center justify-center"
+            style={{
+              backgroundColor: "#FFFFFF",
+              border: "1px solid #E5E5E5",
+              borderRadius: "12px",
+              padding: "40px",
+            }}
+          >
+            <span style={{ fontSize: "14px", color: "#9CA3AF" }}>로그를 불러오는 중...</span>
+          </div>
+        )}
 
-                      {/* Description */}
-                      <div>
-                        <span
-                          style={{
-                            fontSize: "14px",
-                            fontWeight: 400,
-                            color: "#6B7280",
-                            lineHeight: "20px",
-                          }}
-                        >
-                          {getLogDescription(log.description)}
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </div>
+        {!isLoading && error && (
+          <div
+            className="flex items-center justify-center"
+            style={{
+              backgroundColor: "#FFFFFF",
+              border: "1px solid #FECACA",
+              borderRadius: "12px",
+              padding: "40px",
+            }}
+          >
+            <span style={{ fontSize: "14px", color: "#DC2626" }}>{error}</span>
           </div>
-        ))}
+        )}
 
-        {filteredLogs.length === 0 && (
+        {!isLoading && !error && logs.length === 0 && (
           <div
             className="flex items-center justify-center"
             style={{
@@ -525,18 +172,127 @@ export function PlatformLogsContent() {
               padding: "40px",
             }}
           >
-            <span
-              style={{
-                fontSize: "14px",
-                fontWeight: 400,
-                color: "#9CA3AF",
-              }}
+            <span style={{ fontSize: "14px", color: "#9CA3AF" }}>표시할 활동 로그가 없습니다.</span>
+          </div>
+        )}
+
+        {!isLoading && !error && logs.length > 0 && (
+          <div className="relative">
+            {sortedDates.map((date, dateIndex) => (
+              <div key={date} className="mb-6">
+                <div
+                  className="mb-4"
+                  style={{
+                    fontSize: "14px",
+                    fontWeight: 600,
+                    color: "#1A1A1A",
+                    letterSpacing: "-0.01em",
+                  }}
+                >
+                  {formatMasterActivityLogDateHeader(date)}
+                </div>
+
+                <div className="relative">
+                  <div
+                    className="absolute"
+                    style={{
+                      left: "7px",
+                      top: "12px",
+                      bottom: dateIndex === sortedDates.length - 1 ? "12px" : "0",
+                      width: "2px",
+                      backgroundColor: "#E5E5E5",
+                    }}
+                  />
+
+                  <div className="flex flex-col gap-3">
+                    {groupedLogs.get(date)!.map((log) => {
+                      const colors = getMasterActivityLogColors(log.type)
+                      const label = getMasterActivityLogStatusLabel(log.type)
+                      return (
+                        <div key={log.id} className="flex gap-4">
+                          <div
+                            className="relative z-10 flex-shrink-0"
+                            style={{ width: "16px", height: "16px", marginTop: "4px" }}
+                          >
+                            <div
+                              style={{
+                                width: "16px",
+                                height: "16px",
+                                borderRadius: "50%",
+                                backgroundColor: colors.marker,
+                                border: "3px solid #FFFFFF",
+                                boxShadow: `0 0 0 2px ${colors.marker}33`,
+                              }}
+                            />
+                          </div>
+
+                          <div
+                            className="flex-1 transition-all duration-200 hover:shadow-md"
+                            style={{
+                              backgroundColor: "#FFFFFF",
+                              border: "1px solid #E5E5E5",
+                              borderRadius: "12px",
+                              padding: "20px",
+                            }}
+                          >
+                            <div className="mb-2 flex items-center justify-between">
+                              <span style={{ fontSize: "12px", color: "#9CA3AF" }}>
+                                {formatMasterActivityLogDateTime(log.createdAt)}
+                              </span>
+                              <span
+                                style={{
+                                  backgroundColor: colors.bg,
+                                  color: colors.text,
+                                  fontSize: "12px",
+                                  fontWeight: 500,
+                                  padding: "4px 10px",
+                                  borderRadius: "9999px",
+                                }}
+                              >
+                                {label}
+                              </span>
+                            </div>
+                            <div
+                              className="mb-1"
+                              style={{ fontSize: "14px", fontWeight: 600, color: "#1A1A1A" }}
+                            >
+                              {log.title}
+                            </div>
+                            <div style={{ fontSize: "14px", color: "#6B7280" }}>{log.message}</div>
+                          </div>
+                        </div>
+                      )
+                    })}
+                  </div>
+                </div>
+              </div>
+            ))}
+          </div>
+        )}
+
+        {!isLoading && !error && totalPages > 1 && (
+          <div className="flex items-center justify-center gap-3 pt-2">
+            <button
+              type="button"
+              disabled={page <= 0}
+              onClick={() => setPage((p) => Math.max(0, p - 1))}
+              className="rounded-lg border border-gray-200 px-4 py-2 text-sm disabled:opacity-40"
             >
-              선택한 필터에 해당하는 로그가 없습니다.
+              이전
+            </button>
+            <span className="text-sm text-gray-500">
+              {page + 1} / {totalPages}
             </span>
+            <button
+              type="button"
+              disabled={page >= totalPages - 1}
+              onClick={() => setPage((p) => p + 1)}
+              className="rounded-lg border border-gray-200 px-4 py-2 text-sm disabled:opacity-40"
+            >
+              다음
+            </button>
           </div>
         )}
-      </div>
       </main>
     </div>
   )
diff --git a/components/problem-content-md-view.tsx b/components/problem-content-md-view.tsx
index 11c27e3..063b64b 100644
--- a/components/problem-content-md-view.tsx
+++ b/components/problem-content-md-view.tsx
@@ -1,8 +1,10 @@
+import { MarkdownContent, MARKDOWN_CONTENT_CLASS } from "@/components/markdown-content"
+
 /**
  * 문제 본문(contentMd) 표시 — 사용자 시험 화면(problem-section)과 동일한 스타일
+ * @deprecated MARKDOWN_CONTENT_CLASS 사용 권장; 하위 호환용 유지
  */
-export const PROBLEM_CONTENT_MD_CLASS =
-  "text-[#4B5563] text-sm leading-relaxed whitespace-pre-wrap"
+export const PROBLEM_CONTENT_MD_CLASS = MARKDOWN_CONTENT_CLASS
 
 type ProblemContentMdViewProps = {
   contentMd: string | null | undefined
@@ -28,12 +30,10 @@ export function ProblemContentMdView({
 
   return (
     <div
-      className={[PROBLEM_CONTENT_MD_CLASS, scrollable ? "overflow-y-auto" : "", className]
-        .filter(Boolean)
-        .join(" ")}
+      className={[scrollable ? "overflow-y-auto" : "", className].filter(Boolean).join(" ")}
       style={maxHeight ? { maxHeight } : undefined}
     >
-      {text}
+      <MarkdownContent content={text} />
     </div>
   )
 }
diff --git a/components/problems-content.tsx b/components/problems-content.tsx
index fd3b877..4fb2862 100644
--- a/components/problems-content.tsx
+++ b/components/problems-content.tsx
@@ -2,7 +2,13 @@
 
 import { useState, useMemo, useEffect } from "react"
 import { Search, ChevronDown, ChevronLeft, ChevronRight } from "lucide-react"
-import { getProblems, type AdminProblem } from "@/lib/api/admin"
+import {
+  getProblems,
+  updateProblemAvailability,
+  LoginFailedError,
+  NetworkError,
+  type AdminProblem,
+} from "@/lib/api/admin"
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
 import { Switch } from "@/components/ui/switch"
 
@@ -17,6 +23,16 @@ interface Problem {
 
 type FilterOption = "전체" | "사용 가능만 보기" | "사용 불가만 보기"
 
+const TOGGLE_ERROR_DEFAULT = "문제 사용 가능 상태를 변경하지 못했습니다."
+
+function resolveToggleErrorMessage(error: unknown): string {
+  if (error instanceof LoginFailedError || error instanceof NetworkError) {
+    const trimmed = error.message?.trim()
+    if (trimmed) return trimmed
+  }
+  return TOGGLE_ERROR_DEFAULT
+}
+
 function DifficultyBadge({ difficulty }: { difficulty: "쉬움" | "중간" | "어려움" }) {
   const styles = {
     쉬움: "bg-[#D1FAE5] text-[#059669]",
@@ -29,6 +45,8 @@ function DifficultyBadge({ difficulty }: { difficulty: "쉬움" | "중간" | "
 export function ProblemsContent() {
   const [problems, setProblems] = useState<Problem[]>([])
   const [isLoading, setIsLoading] = useState(true)
+  const [togglingProblemId, setTogglingProblemId] = useState<string | null>(null)
+  const [toggleError, setToggleError] = useState<string | null>(null)
   const [searchQuery, setSearchQuery] = useState("")
   const [filter, setFilter] = useState<FilterOption>("전체")
   const [currentPage, setCurrentPage] = useState(1)
@@ -57,7 +75,7 @@ export function ProblemsContent() {
           title: problem.title,
           version: "v1.0",
           difficulty,
-          available: problem.status === "PUBLISHED" || problem.status === "ACTIVE",
+          available: problem.status === "PUBLISHED",
           tags,
         }
       })
@@ -97,10 +115,34 @@ export function ProblemsContent() {
   const displayStart = filteredProblems.length === 0 ? 0 : startIndex + 1
   const displayEnd = Math.min(endIndex, filteredProblems.length)
 
-  const handleToggleAvailability = (id: string) => {
+  const handleToggleAvailability = async (id: string, nextAvailable: boolean) => {
+    const previous = problems.find((problem) => problem.id === id)
+    if (!previous) return
+
+    setTogglingProblemId(id)
+    setToggleError(null)
     setProblems((prev) =>
-      prev.map((problem) => (problem.id === id ? { ...problem, available: !problem.available } : problem)),
+      prev.map((problem) => (problem.id === id ? { ...problem, available: nextAvailable } : problem)),
     )
+
+    try {
+      const updated = await updateProblemAvailability(Number(id), { available: nextAvailable })
+      setToggleError(null)
+      setProblems((prev) =>
+        prev.map((problem) =>
+          problem.id === id
+            ? { ...problem, available: updated.status === "PUBLISHED" }
+            : problem,
+        ),
+      )
+    } catch (error) {
+      setProblems((prev) =>
+        prev.map((problem) => (problem.id === id ? { ...problem, available: previous.available } : problem)),
+      )
+      setToggleError(resolveToggleErrorMessage(error))
+    } finally {
+      setTogglingProblemId(null)
+    }
   }
 
   const handleSearchChange = (value: string) => {
@@ -159,6 +201,12 @@ export function ProblemsContent() {
           </DropdownMenu>
         </div>
 
+        {toggleError && (
+          <div className="mb-3 rounded-lg border border-red-200 bg-red-50 px-4 py-3" role="alert">
+            <p className="text-sm font-medium text-red-600">{toggleError}</p>
+          </div>
+        )}
+
         <div className="flex flex-1 flex-col gap-4 overflow-y-auto">
           {visibleProblems.length === 0 ? (
             <div className="flex h-32 items-center justify-center rounded-xl border border-[#E5E5E5] bg-white text-sm text-[#9CA3AF] shadow-sm">
@@ -207,7 +255,8 @@ export function ProblemsContent() {
                     </span>
                     <Switch
                       checked={problem.available}
-                      onCheckedChange={() => handleToggleAvailability(problem.id)}
+                      disabled={togglingProblemId === problem.id}
+                      onCheckedChange={(checked) => void handleToggleAvailability(problem.id, checked)}
                       className="data-[state=checked]:bg-[#3B82F6]"
                     />
                   </div>
diff --git a/components/server-status-content.tsx b/components/server-status-content.tsx
index b652365..a1db99f 100644
--- a/components/server-status-content.tsx
+++ b/components/server-status-content.tsx
@@ -77,10 +77,12 @@ export function ServerStatusContent() {
 
   return (
     <div className="flex h-full flex-col">
-      <div className="shrink-0 border-b border-[#E5E5E5] bg-white px-8 py-6">
-        <h1 className="text-2xl font-semibold text-[#111111]">서버 상태</h1>
-        <p className="mt-1 text-sm text-[#6B7280]">핵심 서비스 연결 상태</p>
-      </div>
+      <header className="flex h-[88px] shrink-0 items-center border-b border-[#E5E5E5] bg-white px-8">
+        <div>
+          <h1 className="text-2xl font-semibold text-[#1A1A1A]">서버 상태</h1>
+          <p className="text-sm text-[#6B7280]">핵심 서비스 연결 상태</p>
+        </div>
+      </header>
 
       <div className="flex-1 overflow-y-auto p-8">
         <div className="rounded-xl border border-[#E5E5E5] bg-white px-8 py-6 md:px-12">
diff --git a/components/test-sessions-content.tsx b/components/test-sessions-content.tsx
index fe75f0a..a9315b7 100644
--- a/components/test-sessions-content.tsx
+++ b/components/test-sessions-content.tsx
@@ -228,22 +228,22 @@ export function TestSessionsContent({ onViewDetails }: TestSessionsContentProps)
               <TableHeader>
                 <TableRow className="border-b border-[#E5E5E5]">
                   <TableHead
-                    className="text-[#6B7280]"
+                    className="text-[#6B7280] max-w-[220px]"
                     style={{
                       fontSize: "13px",
                       fontWeight: 500,
-                      width: "160px",
+                      width: "220px",
                       fontFamily: "Inter, system-ui, -apple-system, sans-serif",
                     }}
                   >
                     세션 ID
                   </TableHead>
                   <TableHead
-                    className="text-[#6B7280]"
+                    className="text-[#6B7280] max-w-[120px]"
                     style={{
                       fontSize: "13px",
                       fontWeight: 500,
-                      width: "200px",
+                      width: "120px",
                       fontFamily: "Inter, system-ui, -apple-system, sans-serif",
                     }}
                   >
@@ -299,26 +299,36 @@ export function TestSessionsContent({ onViewDetails }: TestSessionsContentProps)
                 {paginatedSessions.map((session) => (
                   <TableRow key={session.id} className="border-b border-[#E5E5E5]">
                     <TableCell
-                      className="text-[#1A1A1A]"
+                      className="max-w-[220px] min-w-0 overflow-hidden text-[#1A1A1A]"
                       style={{
                         fontSize: "14px",
                         fontWeight: 500,
-                        width: "160px",
+                        width: "220px",
                         fontFamily: "Inter, system-ui, -apple-system, sans-serif",
                       }}
                     >
-                      {session.sessionId}
+                      <span
+                        className="block max-w-full truncate whitespace-nowrap overflow-hidden"
+                        title={session.sessionId}
+                      >
+                        {session.sessionId}
+                      </span>
                     </TableCell>
                     <TableCell
-                      className="text-[#1A1A1A]"
+                      className="max-w-[120px] min-w-0 overflow-hidden text-[#1A1A1A]"
                       style={{
                         fontSize: "14px",
                         fontWeight: 400,
-                        width: "200px",
+                        width: "120px",
                         fontFamily: "Inter, system-ui, -apple-system, sans-serif",
                       }}
                     >
-                      {session.createdBy}
+                      <span
+                        className="block max-w-full truncate whitespace-nowrap overflow-hidden"
+                        title={session.createdBy}
+                      >
+                        {session.createdBy}
+                      </span>
                     </TableCell>
                     <TableCell
                       className="text-[#6B7280] text-center"
diff --git a/components/user-test-screen.tsx b/components/user-test-screen.tsx
index 210a0d4..538cdee 100644
--- a/components/user-test-screen.tsx
+++ b/components/user-test-screen.tsx
@@ -89,6 +89,7 @@ export default function UserTestScreen() {
   const [isModalSubmitting, setIsModalSubmitting] = useState(false)
 
   const codeEditorRef = useRef<CodeEditorSectionHandle>(null)
+  const timeExpiredAutoSubmitRef = useRef(false)
 
   // ── 초기 토큰 사용량 로드 (getChatHistory.totalTokens) ──────────────────────
   useEffect(() => {
@@ -187,11 +188,24 @@ export default function UserTestScreen() {
     };
   }, []);
 
-  // ── 시간 만료 핸들러 ─────────────────────────────────────────────────────────
-  const handleTimeExpired = () => {
+  // ── 시간 만료 핸들러 (00:00:00 → 기존 제출 API 자동 호출) ─────────────────────
+  const handleTimeExpired = useCallback(async () => {
     if (showTimeOverModal || showFinishedModal || showEndModal) return;
+
+    if (!timeExpiredAutoSubmitRef.current) {
+      timeExpiredAutoSubmitRef.current = true;
+      setIsExamEnded(true);
+      try {
+        await codeEditorRef.current?.submit();
+      } catch (err) {
+        if (process.env.NODE_ENV === "development") {
+          console.error("[UserTestScreen] 타이머 만료 자동 제출 실패:", err);
+        }
+      }
+    }
+
     setShowTimeOverModal(true);
-  };
+  }, [showTimeOverModal, showFinishedModal, showEndModal]);
 
   // ── 시험 상태 폴링 ───────────────────────────────────────────────────────────
   useEffect(() => {
diff --git a/components/users-content.tsx b/components/users-content.tsx
index cc3218b..47732ee 100644
--- a/components/users-content.tsx
+++ b/components/users-content.tsx
@@ -47,9 +47,9 @@ function mapBoardEntry(entry: ExamineeBoardEntry, exam: Exam): Participant {
 
 function ConnectionBadge({ status }: { status: AdminUsersConnectionStatus }) {
   const styles: Record<AdminUsersConnectionStatus, string> = {
-    "응시 완료": "border-[#16A34A] bg-[#DCFCE7] text-[#16A34A]",
-    "응시 중": "border-[#3B82F6] bg-white text-[#3B82F6]",
-    "대기 중": "border-[#6B7280] bg-white text-[#6B7280]",
+    "응시완료": "border-[#16A34A] bg-[#DCFCE7] text-[#16A34A]",
+    "응시중": "border-[#3B82F6] bg-white text-[#3B82F6]",
+    "대기중": "border-[#6B7280] bg-white text-[#6B7280]",
     "종료됨": "border-[#9CA3AF] bg-[#F3F4F6] text-[#6B7280]",
   }
   return (
@@ -61,13 +61,9 @@ function ConnectionBadge({ status }: { status: AdminUsersConnectionStatus }) {
 
 function SubmissionBadge({ status }: { status: AdminUsersSubmissionStatus }) {
   const styles: Record<AdminUsersSubmissionStatus, string> = {
-    "시작 전": "bg-[#F3F4F6] text-[#6B7280]",
-    "진행 중": "bg-[#E0EDFF] text-[#3B82F6]",
-    "채점 중": "bg-[#FEF3C7] text-[#D97706]",
-    "제출 완료": "bg-[#DCFCE7] text-[#16A34A]",
-    "채점 완료": "bg-[#DCFCE7] text-[#16A34A]",
     "미제출": "bg-[#F3F4F6] text-[#6B7280]",
-    "제출 실패": "bg-[#FEE2E2] text-[#DC2626]",
+    "채점중": "bg-[#FEF3C7] text-[#D97706]",
+    "채점완료": "bg-[#DCFCE7] text-[#16A34A]",
   }
 
   return <span className={`rounded-full px-2.5 py-0.5 text-xs font-medium ${styles[status]}`}>{status}</span>
diff --git a/lib/admin-activity-logs.ts b/lib/admin-activity-logs.ts
new file mode 100644
index 0000000..fc58725
--- /dev/null
+++ b/lib/admin-activity-logs.ts
@@ -0,0 +1,84 @@
+import type { AdminActivityLogType } from "@/lib/api/admin"
+
+export type AdminActivityLogStatusLabel = "방 생성" | "시험 시작" | "평가 완료" | "시험 종료"
+
+export const ADMIN_ACTIVITY_LOG_TYPE_LABEL: Record<AdminActivityLogType, AdminActivityLogStatusLabel> = {
+  ROOM_CREATED: "방 생성",
+  EXAM_STARTED: "시험 시작",
+  EVALUATION_COMPLETED: "평가 완료",
+  EXAM_ENDED: "시험 종료",
+}
+
+export const adminActivityLogStatusColors: Record<
+  AdminActivityLogStatusLabel,
+  { bg: string; text: string; marker: string }
+> = {
+  "방 생성": { bg: "#EBF0FA", text: "#4A74E0", marker: "#4A74E0" },
+  "시험 시작": { bg: "#F0EBFA", text: "#7A5AF8", marker: "#7A5AF8" },
+  "평가 완료": { bg: "#E8F5EF", text: "#4AA785", marker: "#4AA785" },
+  "시험 종료": { bg: "#FBEAEC", text: "#D6455D", marker: "#D6455D" },
+}
+
+const FILTER_TO_TYPE: Record<string, AdminActivityLogType | undefined> = {
+  "전체 상태": undefined,
+  "방 생성": "ROOM_CREATED",
+  "시험 시작": "EXAM_STARTED",
+  "평가 완료": "EVALUATION_COMPLETED",
+  "시험 종료": "EXAM_ENDED",
+}
+
+export function mapActivityLogFilterToType(filter: string): AdminActivityLogType | undefined {
+  return FILTER_TO_TYPE[filter]
+}
+
+export function getActivityLogStatusLabel(type: AdminActivityLogType): AdminActivityLogStatusLabel {
+  return ADMIN_ACTIVITY_LOG_TYPE_LABEL[type]
+}
+
+export function getActivityLogColors(type: AdminActivityLogType) {
+  return adminActivityLogStatusColors[getActivityLogStatusLabel(type)]
+}
+
+/** 대시보드 타임라인 dot 색상 (Tailwind bg-* 클래스) */
+export function getActivityLogDotClass(type: AdminActivityLogType): string {
+  switch (type) {
+    case "EXAM_STARTED":
+      return "bg-purple-500"
+    case "EVALUATION_COMPLETED":
+      return "bg-green-500"
+    case "ROOM_CREATED":
+      return "bg-blue-500"
+    case "EXAM_ENDED":
+      return "bg-red-500"
+    default:
+      return "bg-gray-500"
+  }
+}
+
+export function formatActivityLogDateTime(iso: string): string {
+  if (!iso) return "-"
+  try {
+    return new Date(iso).toLocaleString("ko-KR", {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+    })
+  } catch {
+    return iso
+  }
+}
+
+export function getActivityLogDateKey(iso: string): string {
+  if (!iso) return "-"
+  try {
+    return new Date(iso).toLocaleDateString("ko-KR", {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+    })
+  } catch {
+    return iso.split("T")[0] ?? iso
+  }
+}
diff --git a/lib/admin-users-participant-status.ts b/lib/admin-users-participant-status.ts
index 38b8857..8cc18b0 100644
--- a/lib/admin-users-participant-status.ts
+++ b/lib/admin-users-participant-status.ts
@@ -1,98 +1,72 @@
 /**
- * 관리자 참가자 목록(/admin/users) — 응시·제출 상태 표시 (FE 보정, API 변경 없음).
+ * 관리자 참가자 목록(/admin/users) — 응시·제출 상태 표시.
+ * BE가 내려주는 attendanceStatus / submissionDisplayStatus를 우선 사용한다.
  */
 
 import type { Exam, ExamineeBoardEntry } from "@/lib/api/admin"
-import { isExamSessionEnded } from "@/lib/master-test-sessions"
-
-export type AdminUsersConnectionStatus = "응시 완료" | "응시 중" | "대기 중" | "종료됨"
-
-export type AdminUsersSubmissionStatus =
-  | "시작 전"
-  | "진행 중"
-  | "채점 중"
-  | "제출 완료"
-  | "채점 완료"
-  | "미제출"
-  | "제출 실패"
-
-const PARTICIPANT_WAITING_STATES = new Set(["WAITING", "PENDING", "IDLE"])
-
-const PARTICIPANT_EXAMINING_STATES = new Set([
-  "ACTIVE",
-  "RUNNING",
-  "IN_PROGRESS",
-  "ENTRANCE",
-  "STARTED",
-  "JOINED",
-])
-
-function normalizeParticipantState(state: string | null | undefined): string {
-  return (state ?? "").trim().toUpperCase()
-}
 
-function normalizeSubmissionStatus(status: string | null | undefined): string {
-  return (status ?? "").trim().toUpperCase()
-}
+export type AdminUsersConnectionStatus = "대기중" | "응시중" | "응시완료" | "종료됨"
 
-export function isAdminExamEnded(exam: Exam): boolean {
-  if (isExamSessionEnded(exam.state)) return true
-  if (exam.endsAt) {
-    const endMs = new Date(exam.endsAt).getTime()
-    if (!Number.isNaN(endMs) && endMs <= Date.now()) return true
-  }
-  return false
-}
+export type AdminUsersSubmissionStatus = "미제출" | "채점중" | "채점완료"
 
-function isWaitingParticipant(entry: ExamineeBoardEntry): boolean {
-  const state = normalizeParticipantState(entry.state)
-  if (PARTICIPANT_WAITING_STATES.has(state)) return true
-  if (!state && (entry.tokenUsed ?? 0) === 0 && !entry.submitted) return true
-  return false
+export type ParticipantAttendanceStatusBe =
+  | "WAITING"
+  | "IN_EXAM"
+  | "SUBMITTED"
+  | "ENDED"
+
+export type ParticipantSubmissionDisplayStatusBe =
+  | "NOT_SUBMITTED"
+  | "GRADING"
+  | "GRADED"
+
+const ATTENDANCE_LABEL: Record<ParticipantAttendanceStatusBe, AdminUsersConnectionStatus> = {
+  WAITING: "대기중",
+  IN_EXAM: "응시중",
+  SUBMITTED: "응시완료",
+  ENDED: "종료됨",
 }
 
-/** 응시가 진행 중인지 (시험·응시 종료 전용 판단에는 사용하지 않음) */
-export function isExamineeInProgress(entry: ExamineeBoardEntry): boolean {
-  if (entry.submitted) return false
-  const state = normalizeParticipantState(entry.state)
-  if (PARTICIPANT_EXAMINING_STATES.has(state)) return true
-  if ((entry.tokenUsed ?? 0) > 0) return true
-  if (
-    entry.submissionStatus === "QUEUED" ||
-    entry.submissionStatus === "RUNNING"
-  ) {
-    return true
-  }
-  return false
+const SUBMISSION_LABEL: Record<ParticipantSubmissionDisplayStatusBe, AdminUsersSubmissionStatus> = {
+  NOT_SUBMITTED: "미제출",
+  GRADING: "채점중",
+  GRADED: "채점완료",
 }
 
-export function isSubmissionGradingComplete(entry: ExamineeBoardEntry): boolean {
-  if (!entry.submitted) return false
-  const status = normalizeSubmissionStatus(entry.submissionStatus)
-  if (status === "FAILED") return true
+/** 시험 세션 종료 여부 (BE displayState 또는 endsAt 보정) */
+export function getEffectiveExamState(exam: Exam): string {
+  const display = exam.displayState?.trim().toUpperCase()
+  if (display) return display
+  if (isAdminExamEnded(exam)) return "ENDED"
+  return (exam.state ?? "").trim().toUpperCase()
+}
 
-  if (entry.evaluatedAt) return true
-  if (entry.totalScore != null && entry.totalScore !== undefined) {
-    const n = Number(entry.totalScore)
-    if (!Number.isNaN(n)) return true
+export function isAdminExamEnded(exam: Exam): boolean {
+  const effective = exam.displayState?.trim().toUpperCase()
+  if (effective === "ENDED" || effective === "COMPLETED") return true
+  const state = (exam.state ?? "").trim().toUpperCase()
+  if (state === "ENDED" || state === "COMPLETED" || state === "CLOSED") return true
+  if (exam.endsAt) {
+    const endMs = new Date(exam.endsAt).getTime()
+    if (!Number.isNaN(endMs) && endMs <= Date.now()) return true
   }
-  if (status === "DONE") return true
   return false
 }
 
-function isSubmissionGradingInFlight(entry: ExamineeBoardEntry): boolean {
-  const status = normalizeSubmissionStatus(entry.submissionStatus)
-  return status === "QUEUED" || status === "RUNNING"
+function mapAttendanceFromBe(
+  value: string | null | undefined
+): AdminUsersConnectionStatus | null {
+  if (!value) return null
+  const key = value.trim().toUpperCase() as ParticipantAttendanceStatusBe
+  return ATTENDANCE_LABEL[key] ?? null
 }
 
-export function isExamineeSessionEnded(
-  connectionStatus: AdminUsersConnectionStatus,
-  exam: Exam
-): boolean {
-  if (connectionStatus === "종료됨" || connectionStatus === "응시 완료") {
-    return true
-  }
-  return isAdminExamEnded(exam)
+function mapSubmissionFromBe(
+  value: string | null | undefined
+): AdminUsersSubmissionStatus | null {
+  if (!value) return null
+  const key = value.trim().toUpperCase() as ParticipantSubmissionDisplayStatusBe
+  return SUBMISSION_LABEL[key] ?? null
 }
 
 /** 응시 상태 (관리자 참가자 목록) */
@@ -100,51 +74,39 @@ export function resolveAdminUsersConnectionStatus(
   entry: ExamineeBoardEntry,
   exam: Exam
 ): AdminUsersConnectionStatus {
+  const fromBe = mapAttendanceFromBe(entry.attendanceStatus)
+  if (fromBe) return fromBe
+
   if (isAdminExamEnded(exam)) return "종료됨"
-  if (entry.submitted) return "응시 완료"
-  if (isWaitingParticipant(entry)) return "대기 중"
-  if (isExamineeInProgress(entry)) return "응시 중"
-  return "대기 중"
+  if (entry.submitted) return "응시완료"
+  const state = (entry.state ?? "").trim().toUpperCase()
+  if (["WAITING", "PENDING", "IDLE"].includes(state)) return "대기중"
+  if ((entry.tokenUsed ?? 0) > 0 || ["RUNNING", "IN_PROGRESS", "ACTIVE"].includes(state)) {
+    return "응시중"
+  }
+  return "대기중"
 }
 
-/**
- * 제출 상태 — 응시가 종료된 경우 `진행 중`을 쓰지 않음.
- */
+/** 제출 상태 */
 export function resolveAdminUsersSubmissionStatus(
   entry: ExamineeBoardEntry,
-  exam: Exam,
-  connectionStatus: AdminUsersConnectionStatus
+  _exam: Exam,
+  _connectionStatus: AdminUsersConnectionStatus
 ): AdminUsersSubmissionStatus {
-  const examineeEnded = isExamineeSessionEnded(connectionStatus, exam)
-
-  if (!examineeEnded) {
-    if (!entry.submitted) {
-      if (isExamineeInProgress(entry)) return "진행 중"
-      return "시작 전"
-    }
-    if (normalizeSubmissionStatus(entry.submissionStatus) === "FAILED") {
-      return "제출 실패"
-    }
-    if (isSubmissionGradingComplete(entry)) return "채점 완료"
-    if (isSubmissionGradingInFlight(entry)) return "채점 중"
-    return "제출 완료"
-  }
-
-  if (!entry.submitted) {
-    return "미제출"
-  }
-
-  if (normalizeSubmissionStatus(entry.submissionStatus) === "FAILED") {
-    return "제출 실패"
-  }
-  if (isSubmissionGradingComplete(entry)) return "채점 완료"
-  if (isSubmissionGradingInFlight(entry)) return "채점 중"
-  return "제출 완료"
+  const fromBe = mapSubmissionFromBe(entry.submissionDisplayStatus)
+  if (fromBe) return fromBe
+
+  if (!entry.submitted) return "미제출"
+  if (entry.totalScore != null && !Number.isNaN(Number(entry.totalScore))) return "채점완료"
+  if (entry.evaluatedAt) return "채점완료"
+  const status = (entry.submissionStatus ?? "").trim().toUpperCase()
+  if (status === "DONE" || status === "FAILED") return "채점완료"
+  return "채점중"
 }
 
-/** 제출·채점이 끝난 것으로 집계할 상태 (통계용) */
+/** 제출·채점 완료 집계 (통계용) */
 export function isAdminUsersSubmissionCountedComplete(
   status: AdminUsersSubmissionStatus
 ): boolean {
-  return status === "제출 완료" || status === "채점 완료"
+  return status === "채점완료"
 }
diff --git a/lib/api/admin.ts b/lib/api/admin.ts
index c2e70fb..baa6d26 100644
--- a/lib/api/admin.ts
+++ b/lib/api/admin.ts
@@ -423,6 +423,43 @@ export async function adminLogin(request: AdminLoginRequest): Promise<AdminLogin
   }
 }
 
+export interface UpdateProblemAvailabilityRequest {
+  available: boolean;
+}
+
+/**
+ * 문제 사용 가능 여부 변경 — PATCH /api/admin/problems/{problemId}/availability
+ * available=true → PUBLISHED, false → ARCHIVED (시험 랜덤 배정 후보에 반영)
+ */
+export async function updateProblemAvailability(
+  problemId: number,
+  request: UpdateProblemAvailabilityRequest,
+): Promise<AdminProblem> {
+  const apiBaseUrl = getApiBaseUrl();
+  const url = `${apiBaseUrl}/api/admin/problems/${problemId}/availability`;
+
+  const response = await fetchAdminWithRetry(url, {
+    method: 'PATCH',
+    headers: getAuthHeaders(),
+    body: JSON.stringify(request),
+    credentials: 'include',
+  });
+
+  const data: BaseResponse<AdminProblem> = await response.json().catch(() => ({
+    message: '문제 사용 가능 여부 변경에 실패했습니다.',
+  } as BaseResponse<AdminProblem>));
+
+  if (!response.ok || data.code !== 'COMMON200' || !data.result) {
+    throw new LoginFailedError(
+      data.message || '문제 사용 가능 여부 변경에 실패했습니다.',
+      response.status,
+      data.code,
+    );
+  }
+
+  return data.result;
+}
+
 /**
  * 문제 목록 조회 API 호출
  */
@@ -1376,6 +1413,8 @@ export interface Exam {
   id: number;
   title: string;
   state: string; // "WAITING" | "IN_PROGRESS" | "ENDED" 등
+  /** endsAt 경과 등 화면 표시용 (서버 state와 다를 수 있음) */
+  displayState?: string | null;
   startsAt: string; // ISO 8601 형식
   endsAt: string;   // ISO 8601 형식
   version: number;
@@ -2142,6 +2181,10 @@ export interface ExamineeBoardEntry {
   submittedAt?: string | null;
   /** 점수 행 기준 갱신 시각 (ISO 문자열) */
   evaluatedAt?: string | null;
+  /** BE 계산 응시상태: WAITING | IN_EXAM | SUBMITTED | ENDED */
+  attendanceStatus?: string | null;
+  /** BE 계산 제출상태: NOT_SUBMITTED | GRADING | GRADED */
+  submissionDisplayStatus?: string | null;
 }
 
 /**
@@ -2408,3 +2451,295 @@ export async function getAdminSubmissionDetail(
 // ─── SSE 채점 결과 스트리밍 ────────────────────────────────────────────────────
 // streamScoringResult는 lib/api/submissions.ts 에서 정의·export됩니다.
 // 이전에 이 파일에 존재하던 구버전 구현은 submissions.ts 의 콜백 기반 버전으로 통합되었습니다.
+
+// ─── 관리자 활동 로그 ───────────────────────────────────────────────────────────
+
+export type AdminActivityLogType =
+  | "ROOM_CREATED"
+  | "EXAM_STARTED"
+  | "EVALUATION_COMPLETED"
+  | "EXAM_ENDED"
+
+export interface AdminActivityLogEntry {
+  id: number
+  type: AdminActivityLogType
+  title: string
+  message: string
+  createdAt: string
+  examId: number
+  participantId: number | null
+}
+
+export interface AdminActivityLogPageResult {
+  content: AdminActivityLogEntry[]
+  page: number
+  size: number
+  totalElements: number
+  totalPages: number
+}
+
+export interface GetAdminActivityLogsParams {
+  keyword?: string
+  type?: AdminActivityLogType
+  page?: number
+  size?: number
+}
+
+/**
+ * 관리자 활동 로그 조회 API (GET /api/admin/logs)
+ */
+export async function getAdminActivityLogs(
+  params: GetAdminActivityLogsParams = {}
+): Promise<AdminActivityLogPageResult> {
+  const apiBaseUrl = getApiBaseUrl()
+  const query = new URLSearchParams()
+  const keyword = params.keyword?.trim()
+  if (keyword) {
+    query.set("keyword", keyword)
+  }
+  if (params.type) {
+    query.set("type", params.type)
+  }
+  query.set("page", String(params.page ?? 0))
+  query.set("size", String(params.size ?? 20))
+
+  const url = `${apiBaseUrl}/api/admin/logs?${query.toString()}`
+  const isDev = process.env.NODE_ENV === "development"
+
+  if (isDev) {
+    console.log("[Get Admin Activity Logs] API 호출:", url)
+  }
+
+  try {
+    const response = await fetchAdminWithRetry(url, {
+      method: "GET",
+      headers: getAuthHeaders(),
+      credentials: "include",
+    })
+
+    let data: BaseResponse<AdminActivityLogPageResult>
+    try {
+      data = await response.json()
+    } catch {
+      throw new LoginFailedError("서버 응답을 파싱할 수 없습니다.", response.status)
+    }
+
+    if (!response.ok) {
+      let errorMessage = data.message || "활동 로그 조회에 실패했습니다."
+      if (response.status === 401) {
+        errorMessage = "인증이 필요합니다. 다시 로그인해주세요."
+      } else if (response.status === 403) {
+        errorMessage = "권한이 없습니다."
+      }
+      throw new LoginFailedError(errorMessage, response.status, data.code)
+    }
+
+    if (data.code !== "COMMON200" || !data.result) {
+      throw new LoginFailedError(data.message || "활동 로그 조회에 실패했습니다.")
+    }
+
+    return data.result
+  } catch (error) {
+    if (error instanceof LoginFailedError || error instanceof NetworkError) {
+      throw error
+    }
+    throw new NetworkError("활동 로그 조회 중 오류가 발생했습니다. 잠시 후 다시 시도해주세요.")
+  }
+}
+
+// ─── 마스터 활동 로그 ───────────────────────────────────────────────────────────
+
+export type MasterActivityLogType =
+  | "ADMIN_SIGNUP_CODE_ISSUED"
+  | "ADMIN_SIGNUP_CODE_DEACTIVATED"
+  | "ADMIN_SIGNUP_CODE_REACTIVATED"
+  | "ADMIN_SIGNED_UP"
+  | "ADMIN_ACCOUNT_DELETED"
+  | "ADMIN_PASSWORD_RESET"
+  | "PLATFORM_SETTINGS_UPDATED"
+
+export interface MasterActivityLogEntry {
+  id: number
+  type: MasterActivityLogType
+  title: string
+  message: string
+  createdAt: string
+  targetAdminId: number | null
+}
+
+export interface MasterActivityLogPageResult {
+  content: MasterActivityLogEntry[]
+  page: number
+  size: number
+  totalElements: number
+  totalPages: number
+}
+
+export interface GetMasterActivityLogsParams {
+  keyword?: string
+  type?: MasterActivityLogType
+  page?: number
+  size?: number
+}
+
+/**
+ * 마스터 활동 로그 조회 API (GET /api/admin/master/logs) — MASTER 전용
+ */
+export async function getMasterActivityLogs(
+  params: GetMasterActivityLogsParams = {}
+): Promise<MasterActivityLogPageResult> {
+  const apiBaseUrl = getApiBaseUrl()
+  const query = new URLSearchParams()
+  const keyword = params.keyword?.trim()
+  if (keyword) {
+    query.set("keyword", keyword)
+  }
+  if (params.type) {
+    query.set("type", params.type)
+  }
+  query.set("page", String(params.page ?? 0))
+  query.set("size", String(params.size ?? 20))
+
+  const url = `${apiBaseUrl}/api/admin/master/logs?${query.toString()}`
+  const isDev = process.env.NODE_ENV === "development"
+
+  if (isDev) {
+    console.log("[Get Master Activity Logs] API 호출:", url)
+  }
+
+  try {
+    const response = await fetchAdminWithRetry(url, {
+      method: "GET",
+      headers: getAuthHeaders(),
+      credentials: "include",
+    })
+
+    let data: BaseResponse<MasterActivityLogPageResult>
+    try {
+      data = await response.json()
+    } catch {
+      throw new LoginFailedError("서버 응답을 파싱할 수 없습니다.", response.status)
+    }
+
+    if (!response.ok) {
+      let errorMessage = data.message || "마스터 활동 로그 조회에 실패했습니다."
+      if (response.status === 401) {
+        errorMessage = "인증이 필요합니다. 다시 로그인해주세요."
+      } else if (response.status === 403) {
+        errorMessage = "권한이 없습니다. MASTER 계정으로 로그인해주세요."
+      }
+      throw new LoginFailedError(errorMessage, response.status, data.code)
+    }
+
+    if (data.code !== "COMMON200" || !data.result) {
+      throw new LoginFailedError(data.message || "마스터 활동 로그 조회에 실패했습니다.")
+    }
+
+    return data.result
+  } catch (error) {
+    if (error instanceof LoginFailedError || error instanceof NetworkError) {
+      throw error
+    }
+    throw new NetworkError("마스터 활동 로그 조회 중 오류가 발생했습니다. 잠시 후 다시 시도해주세요.")
+  }
+}
+
+// ─── 마스터 플랫폼 전역 설정 ───────────────────────────────────────────────────
+
+export interface MasterPlatformSettings {
+  logRetentionDays: number
+  submissionRetentionDays: number
+  autoDeleteExpiredData: boolean
+  updatedAt: string | null
+}
+
+export interface UpdateMasterPlatformSettingsPayload {
+  logRetentionDays: number
+  submissionRetentionDays: number
+  autoDeleteExpiredData: boolean
+}
+
+/**
+ * MASTER 플랫폼 전역 설정 조회 (GET /api/admin/master/settings)
+ */
+export async function getMasterPlatformSettings(): Promise<MasterPlatformSettings> {
+  const url = `${getApiBaseUrl()}/api/admin/master/settings`
+
+  try {
+    const response = await fetchAdminWithRetry(url, {
+      method: "GET",
+      headers: getAuthHeaders(),
+      credentials: "include",
+    })
+
+    let data: BaseResponse<MasterPlatformSettings>
+    try {
+      data = await response.json()
+    } catch {
+      throw new LoginFailedError("서버 응답을 파싱할 수 없습니다.", response.status)
+    }
+
+    if (!response.ok) {
+      let errorMessage = data.message || "플랫폼 설정 조회에 실패했습니다."
+      if (response.status === 403) {
+        errorMessage = "권한이 없습니다. MASTER 계정으로 로그인해주세요."
+      }
+      throw new LoginFailedError(errorMessage, response.status, data.code)
+    }
+
+    if (data.code !== "COMMON200" || !data.result) {
+      throw new LoginFailedError(data.message || "플랫폼 설정 조회에 실패했습니다.")
+    }
+
+    return data.result
+  } catch (error) {
+    if (error instanceof LoginFailedError || error instanceof NetworkError) {
+      throw error
+    }
+    throw new NetworkError("플랫폼 설정 조회 중 오류가 발생했습니다.")
+  }
+}
+
+/**
+ * MASTER 플랫폼 전역 설정 저장 (PUT /api/admin/master/settings)
+ */
+export async function updateMasterPlatformSettings(
+  payload: UpdateMasterPlatformSettingsPayload
+): Promise<MasterPlatformSettings> {
+  const url = `${getApiBaseUrl()}/api/admin/master/settings`
+
+  try {
+    const response = await fetchAdminWithRetry(url, {
+      method: "PUT",
+      headers: getAuthHeaders(),
+      credentials: "include",
+      body: JSON.stringify(payload),
+    })
+
+    let data: BaseResponse<MasterPlatformSettings>
+    try {
+      data = await response.json()
+    } catch {
+      throw new LoginFailedError("서버 응답을 파싱할 수 없습니다.", response.status)
+    }
+
+    if (!response.ok) {
+      let errorMessage = data.message || "플랫폼 설정 저장에 실패했습니다."
+      if (response.status === 403) {
+        errorMessage = "권한이 없습니다. MASTER 계정으로 로그인해주세요."
+      }
+      throw new LoginFailedError(errorMessage, response.status, data.code)
+    }
+
+    if (data.code !== "COMMON200" || !data.result) {
+      throw new LoginFailedError(data.message || "플랫폼 설정 저장에 실패했습니다.")
+    }
+
+    return data.result
+  } catch (error) {
+    if (error instanceof LoginFailedError || error instanceof NetworkError) {
+      throw error
+    }
+    throw new NetworkError("플랫폼 설정 저장 중 오류가 발생했습니다.")
+  }
+}
diff --git a/lib/api/master-platform-settings.ts b/lib/api/master-platform-settings.ts
new file mode 100644
index 0000000..611caa2
--- /dev/null
+++ b/lib/api/master-platform-settings.ts
@@ -0,0 +1,30 @@
+/**
+ * MASTER 플랫폼 전역 설정 — UI 헬퍼 및 타입 (API는 admin.ts)
+ */
+
+export type {
+  MasterPlatformSettings,
+  UpdateMasterPlatformSettingsPayload,
+} from "@/lib/api/admin"
+
+export {
+  getMasterPlatformSettings,
+  updateMasterPlatformSettings,
+} from "@/lib/api/admin"
+
+export const RETENTION_DAY_OPTIONS = [
+  { label: "30일", days: 30 },
+  { label: "90일", days: 90 },
+  { label: "6개월", days: 180 },
+  { label: "1년", days: 365 },
+] as const
+
+export function daysToRetentionLabel(days: number): string {
+  const found = RETENTION_DAY_OPTIONS.find((o) => o.days === days)
+  return found?.label ?? `${days}일`
+}
+
+export function retentionLabelToDays(label: string): number {
+  const found = RETENTION_DAY_OPTIONS.find((o) => o.label === label)
+  return found?.days ?? 90
+}
diff --git a/lib/api/submissions.ts b/lib/api/submissions.ts
index fa88633..6929a51 100644
--- a/lib/api/submissions.ts
+++ b/lib/api/submissions.ts
@@ -32,6 +32,12 @@ export interface SubmitResponse {
   status: SubmissionStatus;
 }
 
+export interface CodeDraftResponse {
+  language: string;
+  codeInline: string;
+  savedAt?: string | null;
+}
+
 export interface SubmissionDetailResponse {
   id: number;
   status: SubmissionStatus;
@@ -65,6 +71,52 @@ export interface SubmissionDetailResponse {
  * POST /api/exams/{examId}/submissions
  * HTTP 202 Accepted 반환 (비동기 채점)
  */
+/**
+ * 코드 초안 조회
+ * GET /api/exams/{examId}/code-draft
+ * draft 없음 또는 이미 제출된 경우 result=null
+ */
+export async function getCodeDraft(examId: number): Promise<CodeDraftResponse | null> {
+  const response = await userApiFetch(`/api/exams/${examId}/code-draft`, {
+    method: 'GET',
+    credentials: 'include',
+    headers: USER_JSON_HEADERS,
+  });
+
+  if (!response.ok) {
+    return null;
+  }
+
+  const data: BaseResponse<CodeDraftResponse> = await response.json().catch(() => ({
+    timestamp: '',
+    code: '',
+    message: '',
+    result: null,
+  }));
+
+  return data.result ?? null;
+}
+
+/**
+ * 코드 초안 저장 (자동 제출용 스냅샷)
+ * PUT /api/exams/{examId}/code-draft
+ */
+export async function saveCodeDraft(examId: number, request: SubmitRequest): Promise<void> {
+  const response = await userApiFetch(`/api/exams/${examId}/code-draft`, {
+    method: 'PUT',
+    credentials: 'include',
+    headers: USER_JSON_HEADERS,
+    body: JSON.stringify(request),
+  });
+
+  if (!response.ok && response.status !== 204) {
+    const data = await response.json().catch(() => ({}));
+    const err: any = new Error((data as any).message || '코드 저장에 실패했습니다.');
+    err.status = response.status;
+    throw err;
+  }
+}
+
 export async function submitCode(examId: number, request: SubmitRequest): Promise<SubmitResponse> {
   const response = await userApiFetch(`/api/exams/${examId}/submissions`, {
     method: 'POST',
diff --git a/lib/master-activity-logs.ts b/lib/master-activity-logs.ts
new file mode 100644
index 0000000..ba0cc12
--- /dev/null
+++ b/lib/master-activity-logs.ts
@@ -0,0 +1,107 @@
+import type { MasterActivityLogType } from "@/lib/api/admin"
+
+export type MasterActivityLogStatusLabel =
+  | "가입 번호 발급"
+  | "비활성화"
+  | "재활성화"
+  | "관리자 가입 완료"
+  | "계정 삭제"
+  | "비밀번호 재설정"
+  | "전역 설정 변경"
+
+export const MASTER_ACTIVITY_LOG_TYPE_LABEL: Record<MasterActivityLogType, MasterActivityLogStatusLabel> = {
+  ADMIN_SIGNUP_CODE_ISSUED: "가입 번호 발급",
+  ADMIN_SIGNUP_CODE_DEACTIVATED: "비활성화",
+  ADMIN_SIGNUP_CODE_REACTIVATED: "재활성화",
+  ADMIN_SIGNED_UP: "관리자 가입 완료",
+  ADMIN_ACCOUNT_DELETED: "계정 삭제",
+  ADMIN_PASSWORD_RESET: "비밀번호 재설정",
+  PLATFORM_SETTINGS_UPDATED: "전역 설정 변경",
+}
+
+export const masterActivityLogStatusColors: Record<
+  MasterActivityLogStatusLabel,
+  { bg: string; text: string; marker: string }
+> = {
+  "가입 번호 발급": { bg: "#EBF0FA", text: "#4A74E0", marker: "#4A74E0" },
+  "비활성화": { bg: "#FBEAEC", text: "#D6455D", marker: "#D6455D" },
+  "재활성화": { bg: "#E8F5EF", text: "#4AA785", marker: "#4AA785" },
+  "관리자 가입 완료": { bg: "#F0EBFA", text: "#7A5AF8", marker: "#7A5AF8" },
+  "계정 삭제": { bg: "#FEF2F2", text: "#DC2626", marker: "#DC2626" },
+  "비밀번호 재설정": { bg: "#FFF7ED", text: "#EA580C", marker: "#EA580C" },
+  "전역 설정 변경": { bg: "#F3F4F6", text: "#6B7280", marker: "#6B7280" },
+}
+
+const FILTER_TO_TYPE: Record<string, MasterActivityLogType | undefined> = {
+  "전체 상태": undefined,
+  "가입 번호 발급": "ADMIN_SIGNUP_CODE_ISSUED",
+  "비활성화": "ADMIN_SIGNUP_CODE_DEACTIVATED",
+  "재활성화": "ADMIN_SIGNUP_CODE_REACTIVATED",
+  "관리자 가입 완료": "ADMIN_SIGNED_UP",
+  "계정 삭제": "ADMIN_ACCOUNT_DELETED",
+  "비밀번호 재설정": "ADMIN_PASSWORD_RESET",
+  "전역 설정 변경": "PLATFORM_SETTINGS_UPDATED",
+}
+
+export const MASTER_ACTIVITY_LOG_FILTER_OPTIONS = [
+  "전체 상태",
+  "가입 번호 발급",
+  "비활성화",
+  "재활성화",
+  "관리자 가입 완료",
+  "계정 삭제",
+  "비밀번호 재설정",
+  "전역 설정 변경",
+] as const
+
+export function mapMasterActivityLogFilterToType(filter: string): MasterActivityLogType | undefined {
+  return FILTER_TO_TYPE[filter]
+}
+
+export function getMasterActivityLogStatusLabel(type: MasterActivityLogType): MasterActivityLogStatusLabel {
+  return MASTER_ACTIVITY_LOG_TYPE_LABEL[type]
+}
+
+export function getMasterActivityLogColors(type: MasterActivityLogType) {
+  return masterActivityLogStatusColors[getMasterActivityLogStatusLabel(type)]
+}
+
+export function formatMasterActivityLogDateTime(iso: string): string {
+  if (!iso) return "-"
+  try {
+    return new Date(iso).toLocaleString("ko-KR", {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+    })
+  } catch {
+    return iso
+  }
+}
+
+export function getMasterActivityLogDateKey(iso: string): string {
+  if (!iso) return "-"
+  try {
+    return new Date(iso).toLocaleDateString("ko-KR", {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+    })
+  } catch {
+    return iso.split("T")[0] ?? iso
+  }
+}
+
+export function formatMasterActivityLogDateHeader(dateKey: string): string {
+  if (dateKey === "-") return dateKey
+  const parts = dateKey.split(". ")
+  if (parts.length >= 3) {
+    const year = parts[0].replace(/\./g, "")
+    const month = parts[1].replace(/\./g, "")
+    const day = parts[2].replace(/\./g, "")
+    return `${year}년 ${parseInt(month, 10)}월 ${parseInt(day, 10)}일`
+  }
+  return dateKey
+}
diff --git a/package-lock.json b/package-lock.json
index b08fe87..5a8d99b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -52,8 +52,10 @@
         "react-day-picker": "9.8.0",
         "react-dom": "19.2.1",
         "react-hook-form": "^7.60.0",
+        "react-markdown": "^10.1.0",
         "react-resizable-panels": "^2.1.7",
         "recharts": "2.15.4",
+        "remark-gfm": "^4.0.1",
         "sockjs-client": "^1.6.1",
         "sonner": "^1.7.4",
         "tailwind-merge": "^2.5.5",
@@ -2474,6 +2476,54 @@
       "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
       "license": "MIT"
     },
+    "node_modules/@types/debug": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@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.npmjs.org/@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.npmjs.org/@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.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/mdast": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "license": "MIT"
+    },
     "node_modules/@types/node": {
       "version": "22.19.1",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.1.tgz",
@@ -2488,8 +2538,8 @@
       "version": "19.2.7",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.7.tgz",
       "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==",
-      "devOptional": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -2500,6 +2550,7 @@
       "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "devOptional": true,
       "license": "MIT",
+      "peer": true,
       "peerDependencies": {
         "@types/react": "^19.2.0"
       }
@@ -2511,6 +2562,18 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.1.tgz",
+      "integrity": "sha512-mUFwbeTqrVgDQxFveS+df2yfap6iuP20NAKAsBt5jDEoOTDew+zwLAOilHCeQJOVSvmgCX4ogqIrA0mnyr08yQ==",
+      "license": "ISC"
+    },
     "node_modules/@vercel/analytics": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.5.0.tgz",
@@ -2598,6 +2661,16 @@
         "postcss": "^8.1.0"
       }
     },
+    "node_modules/bail": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
+      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/baseline-browser-mapping": {
       "version": "2.8.31",
       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.31.tgz",
@@ -2626,6 +2699,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.8.25",
         "caniuse-lite": "^1.0.30001754",
@@ -2660,6 +2734,56 @@
       ],
       "license": "CC-BY-4.0"
     },
+    "node_modules/ccount": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
+      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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/class-variance-authority": {
       "version": "0.7.1",
       "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
@@ -2703,6 +2827,16 @@
         "react-dom": "^18 || ^19 || ^19.0.0-rc"
       }
     },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/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/csstype": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
@@ -2861,6 +2995,28 @@
       "integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==",
       "license": "MIT"
     },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/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/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/detect-libc": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
@@ -2877,6 +3033,19 @@
       "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
       "license": "MIT"
     },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/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/dom-helpers": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
@@ -2897,7 +3066,8 @@
       "version": "8.5.1",
       "resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-8.5.1.tgz",
       "integrity": "sha512-JUb5+FOHobSiWQ2EJNaueCNT/cQU9L6XWBbWmorWPQT9bkbk+fhsuLr8wWrzXKagO3oWszBO7MSx+GfaRk4E6A==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/embla-carousel-react": {
       "version": "8.5.1",
@@ -2944,6 +3114,28 @@
         "node": ">=6"
       }
     },
+    "node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/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/estree-util-is-identifier-name": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/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/eventemitter3": {
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
@@ -2959,6 +3151,12 @@
         "node": ">=12.0.0"
       }
     },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "license": "MIT"
+    },
     "node_modules/fast-equals": {
       "version": "5.3.3",
       "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.3.3.tgz",
@@ -3009,6 +3207,56 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/hast-util-to-jsx-runtime": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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/html-url-attributes": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/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-parser-js": {
       "version": "0.5.10",
       "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.10.tgz",
@@ -3021,6 +3269,12 @@
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
       "license": "ISC"
     },
+    "node_modules/inline-style-parser": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.7.tgz",
+      "integrity": "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==",
+      "license": "MIT"
+    },
     "node_modules/input-otp": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/input-otp/-/input-otp-1.4.1.tgz",
@@ -3040,6 +3294,62 @@
         "node": ">=12"
       }
     },
+    "node_modules/is-alphabetical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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-decimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/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-hexadecimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/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-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/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/jiti": {
       "version": "2.6.1",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
@@ -3323,6 +3633,16 @@
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
       "license": "MIT"
     },
+    "node_modules/longest-streak": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/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/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -3354,69 +3674,930 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT"
+    "node_modules/markdown-table": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/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/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
+    "node_modules/mdast-util-find-and-replace": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.2.tgz",
+      "integrity": "sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==",
       "license": "MIT",
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "escape-string-regexp": "^5.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
       },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/next": {
-      "version": "16.0.7",
-      "resolved": "https://registry.npmjs.org/next/-/next-16.0.7.tgz",
-      "integrity": "sha512-3mBRJyPxT4LOxAJI6IsXeFtKfiJUbjCLgvXO02fV8Wy/lIhPvP94Fe7dGhUgHXcQy4sSuYwQNcOLhIfOm0rL0A==",
+    "node_modules/mdast-util-from-markdown": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.3.tgz",
+      "integrity": "sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "16.0.7",
-        "@swc/helpers": "0.5.15",
-        "caniuse-lite": "^1.0.30001579",
-        "postcss": "8.4.31",
-        "styled-jsx": "5.1.6"
+        "@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"
       },
-      "bin": {
-        "next": "dist/bin/next"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/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"
       },
-      "engines": {
-        "node": ">=20.9.0"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-autolink-literal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/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"
       },
-      "optionalDependencies": {
-        "@next/swc-darwin-arm64": "16.0.7",
-        "@next/swc-darwin-x64": "16.0.7",
-        "@next/swc-linux-arm64-gnu": "16.0.7",
-        "@next/swc-linux-arm64-musl": "16.0.7",
-        "@next/swc-linux-x64-gnu": "16.0.7",
-        "@next/swc-linux-x64-musl": "16.0.7",
-        "@next/swc-win32-arm64-msvc": "16.0.7",
-        "@next/swc-win32-x64-msvc": "16.0.7",
-        "sharp": "^0.34.4"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-footnote": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/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"
       },
-      "peerDependencies": {
-        "@opentelemetry/api": "^1.1.0",
-        "@playwright/test": "^1.51.1",
-        "babel-plugin-react-compiler": "*",
-        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
-        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
-        "sass": "^1.3.0"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-strikethrough": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz",
+      "integrity": "sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
       },
-      "peerDependenciesMeta": {
-        "@opentelemetry/api": {
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-table": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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-phrasing": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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.1.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz",
+      "integrity": "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==",
+      "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-classify-character": "^2.0.0",
+        "micromark-util-decode-string": "^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.npmjs.org/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.2",
+      "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.2.tgz",
+      "integrity": "sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==",
+      "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-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.3",
+      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-2.0.3.tgz",
+      "integrity": "sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==",
+      "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.0.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-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.0"
+      }
+    },
+    "node_modules/micromark-extension-gfm": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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.1",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.1.tgz",
+      "integrity": "sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==",
+      "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.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz",
+      "integrity": "sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==",
+      "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.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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-encode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
+      "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/next": {
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.0.7.tgz",
+      "integrity": "sha512-3mBRJyPxT4LOxAJI6IsXeFtKfiJUbjCLgvXO02fV8Wy/lIhPvP94Fe7dGhUgHXcQy4sSuYwQNcOLhIfOm0rL0A==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@next/env": "16.0.7",
+        "@swc/helpers": "0.5.15",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "16.0.7",
+        "@next/swc-darwin-x64": "16.0.7",
+        "@next/swc-linux-arm64-gnu": "16.0.7",
+        "@next/swc-linux-arm64-musl": "16.0.7",
+        "@next/swc-linux-x64-gnu": "16.0.7",
+        "@next/swc-linux-x64-musl": "16.0.7",
+        "@next/swc-win32-arm64-msvc": "16.0.7",
+        "@next/swc-win32-x64-msvc": "16.0.7",
+        "sharp": "^0.34.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
           "optional": true
         },
         "@playwright/test": {
@@ -3492,6 +4673,31 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/parse-entities": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
+      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
+      "license": "MIT"
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -3517,6 +4723,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -3549,6 +4756,16 @@
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
       "license": "MIT"
     },
+    "node_modules/property-information": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.2.0.tgz",
+      "integrity": "sha512-IAtzIB6sUiWaJYrX9smp3V46pBGbBeLFRGdh25kg1334VcBlD8HzhPeNIWQH9zhGmo2itIe25EHt9dQP7G5hmg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/querystringify": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
@@ -3560,6 +4777,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.1.tgz",
       "integrity": "sha512-DGrYcCWK7tvYMnWh79yrPHt+vdx9tY+1gPZa7nJQtO/p8bLTDaHp4dzwEhQB7pZ4Xe3ok4XKuEPrVuc+wlpkmw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3590,6 +4808,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.1.tgz",
       "integrity": "sha512-ibrK8llX2a4eOskq1mXKu/TGZj9qzomO+sNfO98M6d9zIPOEhlBkMkBUBLd1vgS0gQsLDBzA+8jJBVXDnfHmJg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -3602,6 +4821,7 @@
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.66.1.tgz",
       "integrity": "sha512-2KnjpgG2Rhbi+CIiIBQQ9Df6sMGH5ExNyFl4Hw9qO7pIqMBR8Bvu9RQyjl3JM4vehzCh9soiNUM/xYMswb2EiA==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=18.0.0"
       },
@@ -3619,6 +4839,33 @@
       "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
       "license": "MIT"
     },
+    "node_modules/react-markdown": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/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-remove-scroll": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.1.tgz",
@@ -3761,6 +5008,72 @@
         "decimal.js-light": "^2.4.1"
       }
     },
+    "node_modules/remark-gfm": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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/requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
@@ -3889,6 +5202,48 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/space-separated-tokens": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/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/stringify-entities": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/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/style-to-js": {
+      "version": "1.1.21",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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/styled-jsx": {
       "version": "5.1.6",
       "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
@@ -3926,7 +5281,8 @@
       "version": "4.1.17",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.17.tgz",
       "integrity": "sha512-j9Ee2YjuQqYT9bbRTfTZht9W/ytp5H+jJpZKiYdP/bpnXARAuELt9ofP0lPnmHjbga7SNQIxdTAXCmtKVYjN+Q==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/tailwindcss-animate": {
       "version": "1.0.7",
@@ -3957,6 +5313,26 @@
       "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
       "license": "MIT"
     },
+    "node_modules/trim-lines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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.npmjs.org/tslib/-/tslib-2.8.1.tgz",
@@ -3994,6 +5370,93 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/unified": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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.npmjs.org/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.npmjs.org/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.1.0",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.1.0.tgz",
+      "integrity": "sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit-parents": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.2.tgz",
+      "integrity": "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.4.tgz",
@@ -4099,6 +5562,34 @@
         "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc"
       }
     },
+    "node_modules/vfile": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/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.npmjs.org/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/victory-vendor": {
       "version": "36.9.2",
       "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-36.9.2.tgz",
@@ -4181,6 +5672,16 @@
           "optional": true
         }
       }
+    },
+    "node_modules/zwitch": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/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/package.json
index adf2a52..3c11754 100644
--- a/package.json
+++ b/package.json
@@ -53,8 +53,10 @@
     "react-day-picker": "9.8.0",
     "react-dom": "19.2.1",
     "react-hook-form": "^7.60.0",
+    "react-markdown": "^10.1.0",
     "react-resizable-panels": "^2.1.7",
     "recharts": "2.15.4",
+    "remark-gfm": "^4.0.1",
     "sockjs-client": "^1.6.1",
     "sonner": "^1.7.4",
     "tailwind-merge": "^2.5.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 720d83d..3f63a4f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -140,12 +140,18 @@ importers:
       react-hook-form:
         specifier: ^7.60.0
         version: 7.67.0(react@19.2.1)
+      react-markdown:
+        specifier: ^10.1.0
+        version: 10.1.0(@types/react@19.2.7)(react@19.2.1)
       react-resizable-panels:
         specifier: ^2.1.7
         version: 2.1.9(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       recharts:
         specifier: 2.15.4
         version: 2.15.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      remark-gfm:
+        specifier: ^4.0.1
+        version: 4.0.1
       sockjs-client:
         specifier: ^1.6.1
         version: 1.6.1
@@ -1237,6 +1243,24 @@ packages:
   '@types/d3-timer@3.0.2':
     resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
 
+  '@types/debug@4.1.13':
+    resolution: {integrity: sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==}
+
+  '@types/estree-jsx@1.0.5':
+    resolution: {integrity: sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==}
+
+  '@types/estree@1.0.9':
+    resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
+
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
+  '@types/ms@2.1.0':
+    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
+
   '@types/node@22.19.1':
     resolution: {integrity: sha512-LCCV0HdSZZZb34qifBsyWlUmok6W7ouER+oQIGBScS8EsZsQbrtFTUrDX4hOl+CS6p7cnNC4td+qrSVGSCTUfQ==}
 
@@ -1251,6 +1275,15 @@ packages:
   '@types/sockjs-client@1.5.4':
     resolution: {integrity: sha512-zk+uFZeWyvJ5ZFkLIwoGA/DfJ+pYzcZ8eH4H/EILCm2OBZyHH6Hkdna1/UWL/CFruh5wj6ES7g75SvUB0VsH5w==}
 
+  '@types/unist@2.0.11':
+    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
+  '@ungap/structured-clone@1.3.1':
+    resolution: {integrity: sha512-mUFwbeTqrVgDQxFveS+df2yfap6iuP20NAKAsBt5jDEoOTDew+zwLAOilHCeQJOVSvmgCX4ogqIrA0mnyr08yQ==}
+
   '@vercel/analytics@1.5.0':
     resolution: {integrity: sha512-MYsBzfPki4gthY5HnYN7jgInhAZ7Ac1cYDoRWFomwGHWEX7odTEzbtg9kf/QSo7XEsEAqlQugA6gJ2WS2DEa3g==}
     peerDependencies:
@@ -1288,6 +1321,9 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
 
+  bail@2.0.2:
+    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
+
   baseline-browser-mapping@2.8.32:
     resolution: {integrity: sha512-OPz5aBThlyLFgxyhdwf/s2+8ab3OvT7AdTNvKHBwpXomIYeXqpUUuT8LrdtxZSsWJ4R4CU1un4XGh5Ez3nlTpw==}
     hasBin: true
@@ -1300,6 +1336,21 @@ packages:
   caniuse-lite@1.0.30001757:
     resolution: {integrity: sha512-r0nnL/I28Zi/yjk1el6ilj27tKcdjLsNqAOZr0yVjWPrSQyHgKI2INaEWw21bAQSv2LXRt1XuCS/GomNpWOxsQ==}
 
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
+  character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
+
+  character-reference-invalid@2.0.1:
+    resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
+
   class-variance-authority@0.7.1:
     resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
 
@@ -1316,6 +1367,9 @@ packages:
       react: ^18 || ^19 || ^19.0.0-rc
       react-dom: ^18 || ^19 || ^19.0.0-rc
 
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
@@ -1377,9 +1431,25 @@ packages:
       supports-color:
         optional: true
 
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
   decimal.js-light@2.5.1:
     resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
 
+  decode-named-character-reference@1.3.0:
+    resolution: {integrity: sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
   detect-libc@2.1.2:
     resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
     engines: {node: '>=8'}
@@ -1387,6 +1457,9 @@ packages:
   detect-node-es@1.1.0:
     resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
 
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
   dom-helpers@5.2.1:
     resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
 
@@ -1414,6 +1487,13 @@ packages:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
 
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
+  estree-util-is-identifier-name@3.0.0:
+    resolution: {integrity: sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==}
+
   eventemitter3@4.0.7:
     resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
 
@@ -1421,6 +1501,9 @@ packages:
     resolution: {integrity: sha512-IzUmBGPR3+oUG9dUeXynyNmf91/3zUSJg1lCktzKw47OXuhco54U3r9B7O4XX+Rb1Itm9OZ2b0RkTs10bICOxA==}
     engines: {node: '>=12.0.0'}
 
+  extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+
   fast-equals@5.3.3:
     resolution: {integrity: sha512-/boTcHZeIAQ2r/tL11voclBHDeP9WPxLt+tyAbVSyyXuUFyh0Tne7gJZTqGbxnvj79TjLdCXLOY7UIPhyG5MTw==}
     engines: {node: '>=6.0.0'}
@@ -1439,12 +1522,24 @@ packages:
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
+  hast-util-to-jsx-runtime@2.3.6:
+    resolution: {integrity: sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==}
+
+  hast-util-whitespace@3.0.0:
+    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
+
+  html-url-attributes@3.0.1:
+    resolution: {integrity: sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==}
+
   http-parser-js@0.5.10:
     resolution: {integrity: sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==}
 
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
+  inline-style-parser@0.2.7:
+    resolution: {integrity: sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==}
+
   input-otp@1.4.1:
     resolution: {integrity: sha512-+yvpmKYKHi9jIGngxagY9oWiiblPB7+nEO75F2l2o4vs+6vpPZZmUl4tBNYuTCvQjhvEIbdNeJu70bhfYP2nbw==}
     peerDependencies:
@@ -1455,6 +1550,22 @@ packages:
     resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
     engines: {node: '>=12'}
 
+  is-alphabetical@2.0.1:
+    resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
+
+  is-alphanumerical@2.0.1:
+    resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==}
+
+  is-decimal@2.0.1:
+    resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
+
+  is-hexadecimal@2.0.1:
+    resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
+
+  is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
+
   jiti@2.6.1:
     resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
     hasBin: true
@@ -1539,6 +1650,9 @@ packages:
   lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
+  longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
+
   loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
@@ -1551,6 +1665,138 @@ packages:
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
+  markdown-table@3.0.4:
+    resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
+
+  mdast-util-find-and-replace@3.0.2:
+    resolution: {integrity: sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==}
+
+  mdast-util-from-markdown@2.0.3:
+    resolution: {integrity: sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==}
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    resolution: {integrity: sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==}
+
+  mdast-util-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==}
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    resolution: {integrity: sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==}
+
+  mdast-util-gfm-table@2.0.0:
+    resolution: {integrity: sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==}
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    resolution: {integrity: sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==}
+
+  mdast-util-gfm@3.1.0:
+    resolution: {integrity: sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==}
+
+  mdast-util-mdx-expression@2.0.1:
+    resolution: {integrity: sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==}
+
+  mdast-util-mdx-jsx@3.2.0:
+    resolution: {integrity: sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==}
+
+  mdast-util-mdxjs-esm@2.0.1:
+    resolution: {integrity: sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==}
+
+  mdast-util-phrasing@4.1.0:
+    resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
+
+  mdast-util-to-hast@13.2.1:
+    resolution: {integrity: sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==}
+
+  mdast-util-to-markdown@2.1.2:
+    resolution: {integrity: sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==}
+
+  mdast-util-to-string@4.0.0:
+    resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
+
+  micromark-core-commonmark@2.0.3:
+    resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
+
+  micromark-extension-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==}
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    resolution: {integrity: sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==}
+
+  micromark-extension-gfm-table@2.1.1:
+    resolution: {integrity: sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==}
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    resolution: {integrity: sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==}
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    resolution: {integrity: sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==}
+
+  micromark-extension-gfm@3.0.0:
+    resolution: {integrity: sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==}
+
+  micromark-factory-destination@2.0.1:
+    resolution: {integrity: sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==}
+
+  micromark-factory-label@2.0.1:
+    resolution: {integrity: sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==}
+
+  micromark-factory-space@2.0.1:
+    resolution: {integrity: sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==}
+
+  micromark-factory-title@2.0.1:
+    resolution: {integrity: sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==}
+
+  micromark-factory-whitespace@2.0.1:
+    resolution: {integrity: sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==}
+
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-chunked@2.0.1:
+    resolution: {integrity: sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==}
+
+  micromark-util-classify-character@2.0.1:
+    resolution: {integrity: sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==}
+
+  micromark-util-combine-extensions@2.0.1:
+    resolution: {integrity: sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==}
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    resolution: {integrity: sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==}
+
+  micromark-util-decode-string@2.0.1:
+    resolution: {integrity: sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-html-tag-name@2.0.1:
+    resolution: {integrity: sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==}
+
+  micromark-util-normalize-identifier@2.0.1:
+    resolution: {integrity: sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==}
+
+  micromark-util-resolve-all@2.0.1:
+    resolution: {integrity: sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-subtokenize@2.1.0:
+    resolution: {integrity: sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
+
+  micromark@4.0.2:
+    resolution: {integrity: sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==}
+
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
@@ -1597,6 +1843,9 @@ packages:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
 
+  parse-entities@4.0.2:
+    resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==}
+
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -1614,6 +1863,9 @@ packages:
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
+  property-information@7.2.0:
+    resolution: {integrity: sha512-IAtzIB6sUiWaJYrX9smp3V46pBGbBeLFRGdh25kg1334VcBlD8HzhPeNIWQH9zhGmo2itIe25EHt9dQP7G5hmg==}
+
   querystringify@2.2.0:
     resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
 
@@ -1640,6 +1892,12 @@ packages:
   react-is@18.3.1:
     resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
 
+  react-markdown@10.1.0:
+    resolution: {integrity: sha512-qKxVopLT/TyA6BX3Ue5NwabOsAzm0Q7kAPwq6L+wWDwisYs7R8vZ0nRXqq6rkueboxpkjvLGU9fWifiX/ZZFxQ==}
+    peerDependencies:
+      '@types/react': '>=18'
+      react: '>=18'
+
   react-remove-scroll-bar@2.3.8:
     resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
     engines: {node: '>=10'}
@@ -1702,6 +1960,18 @@ packages:
       react: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  remark-gfm@4.0.1:
+    resolution: {integrity: sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==}
+
+  remark-parse@11.0.0:
+    resolution: {integrity: sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==}
+
+  remark-rehype@11.1.2:
+    resolution: {integrity: sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==}
+
+  remark-stringify@11.0.0:
+    resolution: {integrity: sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==}
+
   requires-port@1.0.0:
     resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
 
@@ -1734,6 +2004,18 @@ packages:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
+  stringify-entities@4.0.4:
+    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
+
+  style-to-js@1.1.21:
+    resolution: {integrity: sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==}
+
+  style-to-object@1.0.14:
+    resolution: {integrity: sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==}
+
   styled-jsx@5.1.6:
     resolution: {integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==}
     engines: {node: '>= 12.0.0'}
@@ -1765,6 +2047,12 @@ packages:
   tiny-invariant@1.3.3:
     resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
 
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
+  trough@2.2.0:
+    resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
+
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
@@ -1779,6 +2067,24 @@ packages:
   undici-types@6.21.0:
     resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
 
+  unified@11.0.5:
+    resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
+
+  unist-util-is@6.0.1:
+    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
+
+  unist-util-position@5.0.0:
+    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.2:
+    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
+
+  unist-util-visit@5.1.0:
+    resolution: {integrity: sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==}
+
   update-browserslist-db@1.1.4:
     resolution: {integrity: sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==}
     hasBin: true
@@ -1819,6 +2125,12 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
 
+  vfile-message@4.0.3:
+    resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
+
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
+
   victory-vendor@36.9.2:
     resolution: {integrity: sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==}
 
@@ -1851,6 +2163,9 @@ packages:
       use-sync-external-store:
         optional: true
 
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
 snapshots:
 
   '@alloc/quick-lru@5.2.0': {}
@@ -2818,6 +3133,26 @@ snapshots:
 
   '@types/d3-timer@3.0.2': {}
 
+  '@types/debug@4.1.13':
+    dependencies:
+      '@types/ms': 2.1.0
+
+  '@types/estree-jsx@1.0.5':
+    dependencies:
+      '@types/estree': 1.0.9
+
+  '@types/estree@1.0.9': {}
+
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/ms@2.1.0': {}
+
   '@types/node@22.19.1':
     dependencies:
       undici-types: 6.21.0
@@ -2832,6 +3167,12 @@ snapshots:
 
   '@types/sockjs-client@1.5.4': {}
 
+  '@types/unist@2.0.11': {}
+
+  '@types/unist@3.0.3': {}
+
+  '@ungap/structured-clone@1.3.1': {}
+
   '@vercel/analytics@1.5.0(next@16.0.7(react-dom@19.2.1(react@19.2.1))(react@19.2.1))(react@19.2.1)':
     optionalDependencies:
       next: 16.0.7(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
@@ -2851,6 +3192,8 @@ snapshots:
       postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
+  bail@2.0.2: {}
+
   baseline-browser-mapping@2.8.32: {}
 
   browserslist@4.28.0:
@@ -2863,6 +3206,16 @@ snapshots:
 
   caniuse-lite@1.0.30001757: {}
 
+  ccount@2.0.1: {}
+
+  character-entities-html4@2.1.0: {}
+
+  character-entities-legacy@3.0.0: {}
+
+  character-entities@2.0.2: {}
+
+  character-reference-invalid@2.0.1: {}
+
   class-variance-authority@0.7.1:
     dependencies:
       clsx: 2.1.1
@@ -2883,6 +3236,8 @@ snapshots:
       - '@types/react'
       - '@types/react-dom'
 
+  comma-separated-tokens@2.0.3: {}
+
   csstype@3.2.3: {}
 
   d3-array@3.2.4:
@@ -2931,12 +3286,26 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
   decimal.js-light@2.5.1: {}
 
+  decode-named-character-reference@1.3.0:
+    dependencies:
+      character-entities: 2.0.2
+
+  dequal@2.0.3: {}
+
   detect-libc@2.1.2: {}
 
   detect-node-es@1.1.0: {}
 
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
   dom-helpers@5.2.1:
     dependencies:
       '@babel/runtime': 7.28.4
@@ -2963,10 +3332,16 @@ snapshots:
 
   escalade@3.2.0: {}
 
+  escape-string-regexp@5.0.0: {}
+
+  estree-util-is-identifier-name@3.0.0: {}
+
   eventemitter3@4.0.7: {}
 
   eventsource@2.0.2: {}
 
+  extend@3.0.2: {}
+
   fast-equals@5.3.3: {}
 
   faye-websocket@0.11.4:
@@ -2979,10 +3354,38 @@ snapshots:
 
   graceful-fs@4.2.11: {}
 
+  hast-util-to-jsx-runtime@2.3.6:
+    dependencies:
+      '@types/estree': 1.0.9
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      hast-util-whitespace: 3.0.0
+      mdast-util-mdx-expression: 2.0.1
+      mdast-util-mdx-jsx: 3.2.0
+      mdast-util-mdxjs-esm: 2.0.1
+      property-information: 7.2.0
+      space-separated-tokens: 2.0.2
+      style-to-js: 1.1.21
+      unist-util-position: 5.0.0
+      vfile-message: 4.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  hast-util-whitespace@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  html-url-attributes@3.0.1: {}
+
   http-parser-js@0.5.10: {}
 
   inherits@2.0.4: {}
 
+  inline-style-parser@0.2.7: {}
+
   input-otp@1.4.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
     dependencies:
       react: 19.2.1
@@ -2990,6 +3393,19 @@ snapshots:
 
   internmap@2.0.3: {}
 
+  is-alphabetical@2.0.1: {}
+
+  is-alphanumerical@2.0.1:
+    dependencies:
+      is-alphabetical: 2.0.1
+      is-decimal: 2.0.1
+
+  is-decimal@2.0.1: {}
+
+  is-hexadecimal@2.0.1: {}
+
+  is-plain-obj@4.1.0: {}
+
   jiti@2.6.1: {}
 
   js-tokens@4.0.0: {}
@@ -3045,6 +3461,8 @@ snapshots:
 
   lodash@4.17.21: {}
 
+  longest-streak@3.1.0: {}
+
   loose-envify@1.4.0:
     dependencies:
       js-tokens: 4.0.0
@@ -3057,6 +3475,352 @@ snapshots:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
 
+  markdown-table@3.0.4: {}
+
+  mdast-util-find-and-replace@3.0.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      escape-string-regexp: 5.0.0
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
+  mdast-util-from-markdown@2.0.3:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      mdast-util-to-string: 4.0.0
+      micromark: 4.0.2
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-decode-string: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-stringify-position: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-find-and-replace: 3.0.2
+      micromark-util-character: 2.1.1
+
+  mdast-util-gfm-footnote@2.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+      micromark-util-normalize-identifier: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-table@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      markdown-table: 3.0.4
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm@3.1.0:
+    dependencies:
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-gfm-autolink-literal: 2.0.1
+      mdast-util-gfm-footnote: 2.1.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.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdx-expression@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdx-jsx@3.2.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+      parse-entities: 4.0.2
+      stringify-entities: 4.0.4
+      unist-util-stringify-position: 4.0.0
+      vfile-message: 4.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdxjs-esm@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-phrasing@4.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      unist-util-is: 6.0.1
+
+  mdast-util-to-hast@13.2.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.3.1
+      devlop: 1.1.0
+      micromark-util-sanitize-uri: 2.0.1
+      trim-lines: 3.0.1
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+
+  mdast-util-to-markdown@2.1.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      longest-streak: 3.1.0
+      mdast-util-phrasing: 4.1.0
+      mdast-util-to-string: 4.0.0
+      micromark-util-classify-character: 2.0.1
+      micromark-util-decode-string: 2.0.1
+      unist-util-visit: 5.1.0
+      zwitch: 2.0.4
+
+  mdast-util-to-string@4.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+
+  micromark-core-commonmark@2.0.3:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-factory-destination: 2.0.1
+      micromark-factory-label: 2.0.1
+      micromark-factory-space: 2.0.1
+      micromark-factory-title: 2.0.1
+      micromark-factory-whitespace: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-html-tag-name: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-footnote@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-table@2.1.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm@3.0.0:
+    dependencies:
+      micromark-extension-gfm-autolink-literal: 2.1.0
+      micromark-extension-gfm-footnote: 2.1.0
+      micromark-extension-gfm-strikethrough: 2.1.0
+      micromark-extension-gfm-table: 2.1.1
+      micromark-extension-gfm-tagfilter: 2.0.0
+      micromark-extension-gfm-task-list-item: 2.1.0
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-destination@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-label@2.0.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-space@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-title@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-whitespace@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-character@2.1.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-chunked@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-classify-character@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-combine-extensions@2.0.1:
+    dependencies:
+      micromark-util-chunked: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-decode-string@2.0.1:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      micromark-util-character: 2.1.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-encode@2.0.1: {}
+
+  micromark-util-html-tag-name@2.0.1: {}
+
+  micromark-util-normalize-identifier@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-resolve-all@2.0.1:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-subtokenize@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-symbol@2.0.1: {}
+
+  micromark-util-types@2.0.2: {}
+
+  micromark@4.0.2:
+    dependencies:
+      '@types/debug': 4.1.13
+      debug: 4.4.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-encode: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
   ms@2.1.3: {}
 
   nanoid@3.3.11: {}
@@ -3095,6 +3859,16 @@ snapshots:
 
   object-assign@4.1.1: {}
 
+  parse-entities@4.0.2:
+    dependencies:
+      '@types/unist': 2.0.11
+      character-entities-legacy: 3.0.0
+      character-reference-invalid: 2.0.1
+      decode-named-character-reference: 1.3.0
+      is-alphanumerical: 2.0.1
+      is-decimal: 2.0.1
+      is-hexadecimal: 2.0.1
+
   picocolors@1.1.1: {}
 
   postcss-value-parser@4.2.0: {}
@@ -3117,6 +3891,8 @@ snapshots:
       object-assign: 4.1.1
       react-is: 16.13.1
 
+  property-information@7.2.0: {}
+
   querystringify@2.2.0: {}
 
   react-day-picker@9.8.0(react@19.2.1):
@@ -3139,6 +3915,24 @@ snapshots:
 
   react-is@18.3.1: {}
 
+  react-markdown@10.1.0(@types/react@19.2.7)(react@19.2.1):
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@types/react': 19.2.7
+      devlop: 1.1.0
+      hast-util-to-jsx-runtime: 2.3.6
+      html-url-attributes: 3.0.1
+      mdast-util-to-hast: 13.2.1
+      react: 19.2.1
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.2
+      unified: 11.0.5
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
   react-remove-scroll-bar@2.3.8(@types/react@19.2.7)(react@19.2.1):
     dependencies:
       react: 19.2.1
@@ -3207,6 +4001,40 @@ snapshots:
       tiny-invariant: 1.3.3
       victory-vendor: 36.9.2
 
+  remark-gfm@4.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-gfm: 3.1.0
+      micromark-extension-gfm: 3.0.0
+      remark-parse: 11.0.0
+      remark-stringify: 11.0.0
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-parse@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.3
+      micromark-util-types: 2.0.2
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-rehype@11.1.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      mdast-util-to-hast: 13.2.1
+      unified: 11.0.5
+      vfile: 6.0.3
+
+  remark-stringify@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-to-markdown: 2.1.2
+      unified: 11.0.5
+
   requires-port@1.0.0: {}
 
   safe-buffer@5.2.1: {}
@@ -3265,6 +4093,21 @@ snapshots:
 
   source-map-js@1.2.1: {}
 
+  space-separated-tokens@2.0.2: {}
+
+  stringify-entities@4.0.4:
+    dependencies:
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
+
+  style-to-js@1.1.21:
+    dependencies:
+      style-to-object: 1.0.14
+
+  style-to-object@1.0.14:
+    dependencies:
+      inline-style-parser: 0.2.7
+
   styled-jsx@5.1.6(react@19.2.1):
     dependencies:
       client-only: 0.0.1
@@ -3282,6 +4125,10 @@ snapshots:
 
   tiny-invariant@1.3.3: {}
 
+  trim-lines@3.0.1: {}
+
+  trough@2.2.0: {}
+
   tslib@2.8.1: {}
 
   tw-animate-css@1.3.3: {}
@@ -3290,6 +4137,39 @@ snapshots:
 
   undici-types@6.21.0: {}
 
+  unified@11.0.5:
+    dependencies:
+      '@types/unist': 3.0.3
+      bail: 2.0.2
+      devlop: 1.1.0
+      extend: 3.0.2
+      is-plain-obj: 4.1.0
+      trough: 2.2.0
+      vfile: 6.0.3
+
+  unist-util-is@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-visit@5.1.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
   update-browserslist-db@1.1.4(browserslist@4.28.0):
     dependencies:
       browserslist: 4.28.0
@@ -3329,6 +4209,16 @@ snapshots:
       - '@types/react'
       - '@types/react-dom'
 
+  vfile-message@4.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-stringify-position: 4.0.0
+
+  vfile@6.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile-message: 4.0.3
+
   victory-vendor@36.9.2:
     dependencies:
       '@types/d3-array': 3.2.2
@@ -3361,3 +4251,5 @@ snapshots:
       '@types/react': 19.2.7
       react: 19.2.1
       use-sync-external-store: 1.6.0(react@19.2.1)
+
+  zwitch@2.0.4: {}