From 2a112f9253af52b25cc2bd8684b9d0263460992d Mon Sep 17 00:00:00 2001
From: npmrun <1549469775@qq.com>
Date: Thu, 6 Aug 2026 09:37:24 +0800
Subject: [PATCH] feat: add adminOnly field to agent tools and update related
 API endpoints

- Added adminOnly field to CreateAgentToolInput and UpdateAgentToolInput interfaces.
- Updated API endpoints to handle adminOnly field in agent tools.
- Modified getEnabledToolInfos and getEnabledToolsForLlm functions to filter tools based on user role.
- Enhanced the chat tools API to retrieve enabled tools considering user roles.
- Updated migration journal to include new patch for adminOnly feature.
---
 app/components/AgentToolFormModal.vue              |    8 +
 app/components/TopNav.vue                          |    2 +-
 app/pages/admin/agent-tools/index.vue              |   35 +-
 app/pages/ideas/index copy.vue                     | 1125 ++++++++++++
 app/pages/ideas/index.vue                          |  541 ++++++
 app/pages/index.vue                                |   41 +
 app/pages/index/index copy.vue                     | 1125 ------------
 app/pages/index/index.vue                          |  541 ------
 packages/drizzle-pkg/db.sqlite                     |  Bin 614400 -> 614400 bytes
 packages/drizzle-pkg/lib/schema/agent-tool.ts      |    1 +
 .../drizzle-pkg/migrations/0016_broken_patch.sql   |    1 +
 .../drizzle-pkg/migrations/meta/0016_snapshot.json | 1885 ++++++++++++++++++++
 packages/drizzle-pkg/migrations/meta/_journal.json |    7 +
 server/api/agent-tools/[id].put.ts                 |    3 +-
 server/api/agent-tools/index.post.ts               |    3 +-
 server/api/llm/chat/index.post.ts                  |    2 +-
 server/api/llm/chat/tools.get.ts                   |    6 +-
 server/service/agent-tool/index.ts                 |   18 +-
 18 files changed, 3669 insertions(+), 1675 deletions(-)
 create mode 100644 app/pages/ideas/index copy.vue
 create mode 100644 app/pages/ideas/index.vue
 create mode 100644 app/pages/index.vue
 delete mode 100644 app/pages/index/index copy.vue
 delete mode 100644 app/pages/index/index.vue
 create mode 100644 packages/drizzle-pkg/migrations/0016_broken_patch.sql
 create mode 100644 packages/drizzle-pkg/migrations/meta/0016_snapshot.json

diff --git a/app/components/AgentToolFormModal.vue b/app/components/AgentToolFormModal.vue
index a1df3c2..eaf05d0 100644
--- a/app/components/AgentToolFormModal.vue
+++ b/app/components/AgentToolFormModal.vue
@@ -34,6 +34,7 @@ const form = reactive({
   inputSchema: "",
   enabled: props.tool ? props.tool.enabled === 1 : true,
   needsApproval: props.tool ? props.tool.needsApproval === 1 : false,
+  adminOnly: props.tool ? props.tool.adminOnly === 1 : false,
   sortOrder: props.tool?.sortOrder ?? 0,
 })
 
@@ -92,6 +93,7 @@ async function save() {
     config: parsedConfig,
     enabled: form.enabled ? 1 : 0,
     needsApproval: form.needsApproval ? 1 : 0,
+    adminOnly: form.adminOnly ? 1 : 0,
     sortOrder: Number(form.sortOrder) || 0,
   }
 
@@ -191,6 +193,12 @@ function onOverlayClick(e: MouseEvent) {
               <span>需要审批</span>
             </label>
           </div>
+          <div class="form-group form-group-grow">
+            <label class="checkbox-label">
+              <input v-model="form.adminOnly" type="checkbox" class="form-checkbox" />
+              <span>仅管理员可用</span>
+            </label>
+          </div>
         </div>
       </div>
 
diff --git a/app/components/TopNav.vue b/app/components/TopNav.vue
index 0929731..f506225 100644
--- a/app/components/TopNav.vue
+++ b/app/components/TopNav.vue
@@ -9,7 +9,7 @@ const { loggedIn, user, clear, initialized } = useAuthSession()
 const { config: globalConfig } = useGlobalConfig()
 
 const links: any = [
-  { to: "/", label: "首页"  },
+  { to: "/ideas", label: "创意"  },
   { to: "/projects", label: "项目"  },
   { to: "/articles", label: "文章"  },
   { to: "/collect", label: "收藏"  },
diff --git a/app/pages/admin/agent-tools/index.vue b/app/pages/admin/agent-tools/index.vue
index 55f3b29..16d3505 100644
--- a/app/pages/admin/agent-tools/index.vue
+++ b/app/pages/admin/agent-tools/index.vue
@@ -8,6 +8,7 @@ interface AgentToolRow {
   config: string
   enabled: number
   needsApproval: number
+  adminOnly: number
   sortOrder: number
   createdAt: string
   updatedAt: string
@@ -82,6 +83,19 @@ async function handleToggleApproval(tool: AgentToolRow) {
   }
 }
 
+async function handleToggleAdminOnly(tool: AgentToolRow) {
+  try {
+    await $fetch(`/api/agent-tools/${tool.id}`, {
+      method: "PUT",
+      body: { adminOnly: !tool.adminOnly },
+    })
+    $toast.success(tool.adminOnly ? "已设为所有人可用" : "已设为仅管理员可用")
+    refresh()
+  } catch (e: any) {
+    $toast.error(e?.data?.message ?? "操作失败")
+  }
+}
+
 function openEdit(tool: AgentToolRow) {
   editingTool.value = tool
   showFormModal.value = true
@@ -134,13 +148,14 @@ function onExecuteClose() {
             <th class="text-left">类型</th>
             <th class="text-left">状态</th>
             <th class="text-left">审批</th>
+            <th class="text-left">权限</th>
             <th class="text-left">排序</th>
             <th class="text-right">操作</th>
           </tr>
         </thead>
         <tbody>
           <tr v-if="toolList.length === 0">
-            <td colspan="7" class="text-center empty-cell">暂无工具</td>
+            <td colspan="8" class="text-center empty-cell">暂无工具</td>
           </tr>
           <tr v-for="t in toolList" :key="t.id" class="table-row">
             <td class="name-cell">
@@ -161,6 +176,11 @@ function onExecuteClose() {
                 {{ t.needsApproval ? '需审批' : '直接执行' }}
               </span>
             </td>
+            <td class="permission-cell">
+              <span :class="['status-badge', t.adminOnly ? 'badge-admin-only' : 'badge-all-users']">
+                {{ t.adminOnly ? '仅管理员' : '所有人' }}
+              </span>
+            </td>
             <td class="sort-cell">{{ t.sortOrder }}</td>
             <td class="actions-cell">
               <div class="action-buttons">
@@ -171,6 +191,9 @@ function onExecuteClose() {
                 <button class="action-btn" @click="handleToggleApproval(t)">
                   {{ t.needsApproval ? '关闭审批' : '开启审批' }}
                 </button>
+                <button class="action-btn" @click="handleToggleAdminOnly(t)">
+                  {{ t.adminOnly ? '设为所有人' : '设为仅管理员' }}
+                </button>
                 <button class="action-btn" @click="openEdit(t)">编辑</button>
                 <button class="action-btn action-btn-danger" @click="handleDelete(t.id)">删除</button>
               </div>
@@ -390,6 +413,16 @@ function onExecuteClose() {
   color: #666;
 }
 
+.badge-admin-only {
+  background: #fef0f0;
+  color: #e53e3e;
+}
+
+.badge-all-users {
+  background: #f0f0f0;
+  color: #666;
+}
+
 .sort-cell {
   color: var(--color-muted);
   font-size: 13px;
diff --git a/app/pages/ideas/index copy.vue b/app/pages/ideas/index copy.vue
new file mode 100644
index 0000000..3970b77
--- /dev/null
+++ b/app/pages/ideas/index copy.vue	
@@ -0,0 +1,1125 @@
+<script setup lang="ts">
+const hero = {
+  img: 'https://picsum.photos/id/60/1200/900',
+  title: '这些是我的',
+  sub: '不是最好的，但都是有故事的',
+}
+
+const collections = [
+  { id: 10,  title: '午后',    aspect: 'v',  size: 'lg' },
+  { id: 20,  title: '城市',    aspect: 'h',  size: 'sm' },
+  { id: 30,  title: '海岸',    aspect: 'v',  size: 'md' },
+  { id: 40,  title: '远行',    aspect: 'h',  size: 'sm' },
+  { id: 50,  title: '静物',    aspect: 'sq', size: 'md' },
+  { id: 60,  title: '人像',    aspect: 'v',  size: 'lg' },
+  { id: 70,  title: '夜色',    aspect: 'h',  size: 'md' },
+  { id: 80,  title: '山川',    aspect: 'v',  size: 'sm' },
+  { id: 100, title: '森林',   aspect: 'h',  size: 'sm' },
+  { id: 110, title: '街道',   aspect: 'sq', size: 'lg' },
+  { id: 120, title: '雨季',   aspect: 'v',  size: 'md' },
+  { id: 130, title: '晴空',   aspect: 'h',  size: 'sm' },
+  { id: 140, title: '咖啡',   aspect: 'sq', size: 'md' },
+  { id: 150, title: '旅途',   aspect: 'v',  size: 'lg' },
+  { id: 160, title: '废墟',   aspect: 'h',  size: 'sm' },
+  { id: 170, title: '浪潮',   aspect: 'v',  size: 'md' },
+]
+
+function imgSrc(id: number, aspect: string, h: number) {
+  const sizes: Record<string, number> = { h: 900, v: 600, sq: 700 }
+  const w = sizes[aspect] ?? 700
+  return `https://picsum.photos/id/${id}/${w}/${h}`
+}
+
+// ── Animation refs ──
+const heroRef = ref<HTMLElement | null>(null)
+const heroImgRef = ref<HTMLElement | null>(null)
+const bentoItems = ref<HTMLElement[]>([])
+const dwPhotos = ref<HTMLElement[]>([])
+const scrollY = ref(0)
+
+function onScroll() {
+  scrollY.value = window.scrollY
+  if (heroImgRef.value) {
+    const progress = scrollY.value * 0.35
+    heroImgRef.value.style.transform = `translateY(${progress}px) scale(1.0)`
+  }
+}
+
+// ── Typewriter for hero title ──
+const displayTitle = ref('')
+const titleText = hero.title
+let charIndex = 0
+
+function startTypewriter() {
+  if (charIndex < titleText.length) {
+    displayTitle.value += titleText[charIndex]
+    charIndex++
+    setTimeout(startTypewriter, 90 + Math.random() * 60)
+  }
+}
+
+// ── Bento scroll reveal ──
+let bentoObserver: IntersectionObserver | null = null
+
+function setupBentoObserver() {
+  bentoObserver = new IntersectionObserver(
+    (entries) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          const el = entry.target as HTMLElement
+          const delay = Number(el.dataset.delay ?? 0)
+          setTimeout(() => {
+            el.classList.add('is-visible')
+          }, delay)
+          bentoObserver?.unobserve(el)
+        }
+      })
+    },
+    { threshold: 0.08 }
+  )
+  bentoItems.value.forEach((el, i) => {
+    if (el) {
+      el.dataset.delay = String(i * 75)
+      bentoObserver?.observe(el)
+    }
+  })
+}
+
+// ── Dark wall reveal ──
+let dwObserver: IntersectionObserver | null = null
+
+function setupDwObserver() {
+  dwObserver = new IntersectionObserver(
+    (entries) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          const el = entry.target as HTMLElement
+          const delay = Number(el.dataset.delay ?? 0)
+          setTimeout(() => {
+            el.classList.add('is-visible')
+          }, delay)
+          dwObserver?.unobserve(el)
+        }
+      })
+    },
+    { threshold: 0.1 }
+  )
+  dwPhotos.value.forEach((el, i) => {
+    if (el) {
+      el.dataset.delay = String(i * 100)
+      dwObserver?.observe(el)
+    }
+  })
+}
+
+onMounted(() => {
+  window.addEventListener('scroll', onScroll, { passive: true })
+  setupBentoObserver()
+  setupDwObserver()
+  // Start typewriter after hero text animation begins
+  setTimeout(startTypewriter, 800)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('scroll', onScroll)
+  bentoObserver?.disconnect()
+  dwObserver?.disconnect()
+})
+</script>
+
+<template>
+  <main class="canvas">
+
+    <!-- ── Hero ── -->
+    <section class="hero" ref="heroRef">
+      <div class="hero-img-wrap" ref="heroImgRef">
+        <img :src="hero.img" :alt="hero.title" class="hero-img" />
+        <div class="hero-vignette" />
+        <div class="hero-sweep" />
+      </div>
+      <div class="hero-content">
+        <div class="hero-eyebrow reveal-item">私人收藏 · 随记</div>
+        <h1 class="hero-title"><span class="typewriter-text">{{ displayTitle }}</span><span class="typewriter-cursor">|</span></h1>
+        <p class="hero-sub reveal-item">{{ hero.sub }}</p>
+      </div>
+    </section>
+
+    <!-- ── Bento grid — editorial rhythm ── -->
+    <section class="bento-section">
+      <div class="bento-header">
+        <span class="bento-index">01</span>
+        <h2 class="bento-heading">碎片收藏</h2>
+        <p class="bento-sub">每一格都是一段被打断的思绪</p>
+      </div>
+      <div class="bento">
+        <!-- ── Zone A: large left + 3-column strip right ── -->
+        <div class="b-zone-a">
+          <div class="b-a-main reveal-card" :ref="(el) => { if (el) bentoItems[0] = el as HTMLElement }">
+            <div class="b-img-wrap">
+              <img src="https://picsum.photos/id/10/700/1000" alt="午后" loading="lazy" />
+            </div>
+          </div>
+          <div class="b-a-side">
+            <div class="b-a-side-top reveal-card" :ref="(el) => { if (el) bentoItems[1] = el as HTMLElement }">
+              <div class="b-img-wrap">
+                <img src="https://picsum.photos/id/20/800/500" alt="城市" loading="lazy" />
+              </div>
+            </div>
+            <div class="b-a-side-bot reveal-card" :ref="(el) => { if (el) bentoItems[2] = el as HTMLElement }">
+              <div class="b-img-wrap">
+                <img src="https://picsum.photos/id/40/800/500" alt="远行" loading="lazy" />
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- ── Zone B: quote + 3-column photo strip ── -->
+        <div class="b-zone-b">
+          <div class="b-b-quote reveal-card" :ref="(el) => { if (el) bentoItems[3] = el as HTMLElement }">
+            <span class="note-mark">"</span>
+            <p class="note-text">每件东西都有自己的气味，闻到就穿越了</p>
+            <span class="note-source">— 手记 #1</span>
+          </div>
+          <div class="b-b-strip">
+            <div class="b-strip-item reveal-card" :ref="(el) => { if (el) bentoItems[4] = el as HTMLElement }">
+              <div class="b-img-wrap">
+                <img src="https://picsum.photos/id/50/700/700" alt="静物" loading="lazy" />
+              </div>
+            </div>
+            <div class="b-strip-item reveal-card" :ref="(el) => { if (el) bentoItems[5] = el as HTMLElement }">
+              <div class="b-img-wrap">
+                <img src="https://picsum.photos/id/30/600/1000" alt="海岸" loading="lazy" />
+              </div>
+            </div>
+            <div class="b-strip-item reveal-card" :ref="(el) => { if (el) bentoItems[6] = el as HTMLElement }">
+              <div class="b-img-wrap">
+                <img src="https://picsum.photos/id/60/600/1000" alt="人像" loading="lazy" />
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- ── Zone C: wide + accent number ── -->
+        <div class="b-zone-c">
+          <div class="b-c-wide reveal-card" :ref="(el) => { if (el) bentoItems[7] = el as HTMLElement }">
+            <div class="b-img-wrap">
+              <img src="https://picsum.photos/id/70/1200/600" alt="夜色" loading="lazy" />
+            </div>
+          </div>
+          <div class="b-c-accent reveal-card" :ref="(el) => { if (el) bentoItems[8] = el as HTMLElement }">
+            <div class="accent-block">
+              <span class="accent-num">02</span>
+              <span class="accent-label">城市<br>快照</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- ── Zone D: 4-grid + quote ── -->
+        <div class="b-zone-d">
+          <div class="b-d-4grid reveal-card" :ref="(el) => { if (el) bentoItems[9] = el as HTMLElement }">
+            <div class="b-img-wrap"><img src="https://picsum.photos/id/100/600/400" alt="森林" loading="lazy" /></div>
+            <div class="b-img-wrap"><img src="https://picsum.photos/id/110/600/600" alt="街道" loading="lazy" /></div>
+            <div class="b-img-wrap"><img src="https://picsum.photos/id/120/600/800" alt="雨季" loading="lazy" /></div>
+            <div class="b-img-wrap"><img src="https://picsum.photos/id/130/600/400" alt="晴空" loading="lazy" /></div>
+          </div>
+          <div class="b-d-quote reveal-card" :ref="(el) => { if (el) bentoItems[10] = el as HTMLElement }">
+            <span class="note-mark">"</span>
+            <p class="note-text">收集的过程比结果更重要</p>
+            <span class="note-source">— 手记 #2</span>
+          </div>
+        </div>
+
+        <!-- ── Zone E: 3-column row ── -->
+        <div class="b-zone-e">
+          <div class="b-e-item reveal-card" :ref="(el) => { if (el) bentoItems[11] = el as HTMLElement }">
+            <div class="b-img-wrap">
+              <img src="https://picsum.photos/id/140/700/700" alt="咖啡" loading="lazy" />
+            </div>
+          </div>
+          <div class="b-e-item reveal-card" :ref="(el) => { if (el) bentoItems[12] = el as HTMLElement }">
+            <div class="b-img-wrap">
+              <img src="https://picsum.photos/id/150/600/1000" alt="旅途" loading="lazy" />
+            </div>
+          </div>
+          <div class="b-e-item reveal-card" :ref="(el) => { if (el) bentoItems[13] = el as HTMLElement }">
+            <div class="b-img-wrap">
+              <img src="https://picsum.photos/id/80/600/600" alt="山川" loading="lazy" />
+            </div>
+          </div>
+        </div>
+
+        <!-- ── Zone F: full-width quote ── -->
+        <div class="b-zone-f">
+          <div class="b-f-quote reveal-card" :ref="(el) => { if (el) bentoItems[14] = el as HTMLElement }">
+            <span class="note-mark">"</span>
+            <p class="note-text">有些东西扔不掉，不是因为值钱，是因为记得</p>
+            <span class="note-source">— 手记 #3</span>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ── Mid-page interlude — dark editorial card ── -->
+    <section class="interlude">
+      <div class="interlude-inner">
+        <div class="interlude-label">03 · 精选</div>
+        <div class="interlude-grid">
+          <div class="interlude-text">
+            <h2 class="interlude-heading">不是作品集，<br>是私人日记</h2>
+            <p class="interlude-body">没有策划，没有主题，就是随手拍、随便留。三年下来，发现这些碎片其实比"正经作品"更像自己。</p>
+            <NuxtLink to="/photo" class="interlude-link">
+              进入全部收藏
+              <span class="link-arrow">→</span>
+            </NuxtLink>
+          </div>
+          <div class="interlude-feature">
+            <div class="feature-img-wrap">
+              <img src="https://picsum.photos/id/96/800/600" alt="海岸线" loading="lazy" />
+            </div>
+            <div class="feature-tag">2022 · 午后</div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ── Dark feature wall — 6 column editorial ── -->
+    <section class="dark-wall">
+      <div class="dark-wall-inner">
+        <div class="dw-header">
+          <span class="dw-index">04</span>
+          <span class="dw-label">最珍贵的几件</span>
+        </div>
+        <div class="dw-photos">
+          <div
+            class="dw-photo reveal-card"
+            v-for="(c, i) in collections.slice(0, 6)"
+            :key="c.id"
+            :ref="(el) => { if (el) dwPhotos[i] = el as HTMLElement }"
+          >
+            <div class="dw-photo-inner">
+              <img :src="imgSrc(c.id, c.aspect, 500)" :alt="c.title" loading="lazy" />
+            </div>
+            <div class="dw-photo-label">{{ c.title }}</div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ── Footer ── -->
+    <footer class="site-footer">
+      <div class="footer-grid">
+        <div class="footer-brand">收藏室</div>
+        <div class="footer-links">
+          <NuxtLink to="/photo">全部</NuxtLink>
+          <NuxtLink to="/portfolio">作品集</NuxtLink>
+          <NuxtLink to="/about">关于</NuxtLink>
+        </div>
+      </div>
+      <p class="footer-copy">© 2024 · 私人收藏 · 不必打扰</p>
+    </footer>
+  </main>
+</template>
+
+<style scoped>
+.canvas {
+  background: var(--color-canvas);
+}
+
+/* ── Hero ── */
+.hero {
+  position: relative;
+  height: 100vh;
+  min-height: 600px;
+  margin-top: -64px; /* compensate for fixed nav */
+  display: flex;
+  align-items: flex-end;
+  overflow: hidden;
+}
+
+.hero-img-wrap {
+  position: absolute;
+  inset: 0;
+  cursor: pointer;
+}
+
+.hero-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transform-origin: center center;
+  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
+}
+
+.hero-img-wrap:hover .hero-img {
+  transform: scale(1.03) translateY(-4px);
+}
+
+.hero-vignette {
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(
+    to top,
+    rgba(20, 20, 19, 0.85) 0%,
+    rgba(20, 20, 19, 0.3) 50%,
+    transparent 100%
+  );
+}
+
+/* ── Light sweep ── */
+.hero-sweep {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+.hero-sweep::after {
+  content: '';
+  position: absolute;
+  top: -60%;
+  left: -80%;
+  width: 60%;
+  height: 200%;
+  background: linear-gradient(
+    105deg,
+    transparent 30%,
+    rgba(250, 249, 245, 0.06) 45%,
+    rgba(250, 249, 245, 0.12) 50%,
+    rgba(250, 249, 245, 0.06) 55%,
+    transparent 70%
+  );
+  transform: translateX(-100%) translateY(-20%);
+  animation: light-sweep 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;
+}
+
+@keyframes light-sweep {
+  0% {
+    transform: translateX(-100%) translateY(-20%);
+    opacity: 0;
+  }
+  20% {
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(300%) translateY(-20%);
+    opacity: 0;
+  }
+}
+
+.hero-content {
+  position: relative;
+  z-index: 1;
+  padding: 0 64px 80px;
+}
+
+.hero-eyebrow {
+  font-family: var(--font-body);
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: 3px;
+  text-transform: uppercase;
+  color: rgba(250, 249, 245, 0.6);
+  margin-bottom: 12px;
+}
+
+.hero-title {
+  font-family: var(--font-display);
+  font-size: clamp(56px, 9vw, 112px);
+  font-weight: 400;
+  color: var(--color-on-dark);
+  letter-spacing: -3px;
+  line-height: 0.95;
+  margin: 0 0 20px;
+}
+
+.hero-sub {
+  font-family: var(--font-body);
+  font-size: 18px;
+  color: rgba(250, 249, 245, 0.7);
+  margin: 0;
+  line-height: 1.6;
+}
+
+/* ── Bento heading ── */
+.bento-section {
+  padding: 80px 40px 96px;
+  max-width: 1400px;
+  margin: 0 auto;
+}
+
+.bento-header {
+  display: flex;
+  align-items: baseline;
+  gap: 20px;
+  margin-bottom: 48px;
+  border-bottom: 1px solid var(--color-hairline);
+  padding-bottom: 32px;
+}
+
+.bento-index {
+  font-family: var(--font-body);
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: 2px;
+  color: var(--color-primary);
+}
+
+.bento-heading {
+  font-family: var(--font-display);
+  font-size: clamp(28px, 4vw, 48px);
+  font-weight: 400;
+  color: var(--color-ink);
+  letter-spacing: -1px;
+  margin: 0;
+}
+
+.bento-sub {
+  font-family: var(--font-body);
+  font-size: 14px;
+  color: var(--color-muted);
+  margin: 0;
+  margin-left: auto;
+  font-style: italic;
+}
+
+.bento {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+/* item helpers */
+.b-img-wrap {
+  position: relative;
+  overflow: hidden;
+  border-radius: 8px;
+  background: var(--color-surface-card);
+}
+
+.b-img-wrap img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform 0.5s var(--ease-out-quint);
+}
+
+.b-img-wrap:hover img {
+  transform: scale(1.04);
+}
+
+/* ── Zone A: 5col main + 7col side stack ── */
+.b-zone-a {
+  display: grid;
+  grid-template-columns: 5fr 7fr;
+  gap: 20px;
+  align-items: start;
+}
+
+.b-a-main .b-img-wrap {
+  height: 560px;
+}
+
+.b-a-side {
+  display: grid;
+  grid-template-rows: 1fr 1fr;
+  gap: 20px;
+}
+
+.b-a-side .b-img-wrap {
+  height: 270px;
+}
+
+/* ── Zone B: 4col quote + 8col 3-up strip ── */
+.b-zone-b {
+  display: grid;
+  grid-template-columns: 4fr 8fr;
+  gap: 20px;
+  align-items: start;
+}
+
+.b-b-quote {
+  background: var(--color-surface-card);
+  border-radius: 8px;
+  padding: 40px 32px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-height: 320px;
+}
+
+.b-b-strip {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 20px;
+}
+
+.b-strip-item .b-img-wrap {
+  height: 320px;
+}
+
+/* ── Zone C: 7col wide + 5col accent ── */
+.b-zone-c {
+  display: grid;
+  grid-template-columns: 7fr 5fr;
+  gap: 20px;
+  align-items: start;
+}
+
+.b-c-wide .b-img-wrap {
+  height: 380px;
+}
+
+.b-c-accent {
+  background: var(--color-surface-card);
+  border-radius: 8px;
+  height: 380px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* ── Zone D: 8col 4-grid + 4col quote ── */
+.b-zone-d {
+  display: grid;
+  grid-template-columns: 8fr 4fr;
+  gap: 20px;
+  align-items: start;
+}
+
+.b-d-4grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 20px;
+}
+
+.b-d-4grid .b-img-wrap {
+  height: 240px;
+}
+
+.b-d-quote {
+  background: var(--color-surface-card);
+  border-radius: 8px;
+  padding: 40px 32px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-height: 260px;
+}
+
+/* ── Zone E: equal 3 columns ── */
+.b-zone-e {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 20px;
+}
+
+.b-e-item .b-img-wrap {
+  height: 360px;
+}
+
+/* ── Zone F: full-width quote ── */
+.b-zone-f {
+  width: 100%;
+}
+
+.b-f-quote {
+  background: var(--color-surface-card);
+  border-radius: 8px;
+  padding: 48px 56px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  min-height: 180px;
+}
+
+/* ── Shared note styles ── */
+.note-text {
+  font-family: var(--font-display);
+  font-size: clamp(18px, 2vw, 24px);
+  font-weight: 400;
+  color: var(--color-ink);
+  letter-spacing: -0.3px;
+  line-height: 1.4;
+  margin: 0 0 16px;
+  font-style: italic;
+}
+
+.note-mark {
+  display: block;
+  font-family: var(--font-display);
+  font-size: 56px;
+  line-height: 0.7;
+  color: var(--color-primary);
+  margin-bottom: 12px;
+  font-weight: 400;
+}
+
+.note-source {
+  font-family: var(--font-body);
+  font-size: 11px;
+  color: var(--color-muted);
+  letter-spacing: 2px;
+  text-transform: uppercase;
+}
+
+/* Accent number block */
+.accent-block {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+}
+
+.accent-num {
+  font-family: var(--font-display);
+  font-size: 56px;
+  font-weight: 400;
+  color: var(--color-primary);
+  letter-spacing: -2px;
+  line-height: 1;
+}
+
+.accent-label {
+  font-family: var(--font-body);
+  font-size: 10px;
+  font-weight: 500;
+  letter-spacing: 3px;
+  text-transform: uppercase;
+  color: var(--color-muted);
+  text-align: center;
+  line-height: 1.7;
+}
+
+/* ── Interlude editorial card ── */
+.interlude {
+  background: var(--color-surface-dark);
+  padding: 80px 40px;
+}
+
+.interlude-inner {
+  max-width: 1400px;
+  margin: 0 auto;
+}
+
+.interlude-label {
+  font-family: var(--font-body);
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: 3px;
+  text-transform: uppercase;
+  color: var(--color-on-dark-soft);
+  margin-bottom: 40px;
+}
+
+.interlude-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 64px;
+  align-items: center;
+}
+
+.interlude-text {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.interlude-heading {
+  font-family: var(--font-display);
+  font-size: clamp(32px, 4vw, 52px);
+  font-weight: 400;
+  color: var(--color-on-dark);
+  letter-spacing: -1px;
+  line-height: 1.1;
+  margin: 0;
+}
+
+.interlude-body {
+  font-family: var(--font-body);
+  font-size: 16px;
+  color: var(--color-on-dark-soft);
+  line-height: 1.7;
+  margin: 0;
+  max-width: 42ch;
+}
+
+.interlude-link {
+  font-family: var(--font-body);
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-primary);
+  text-decoration: none;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  transition: gap 0.2s;
+}
+
+.interlude-link:hover {
+  gap: 14px;
+}
+
+.link-arrow {
+  font-size: 16px;
+}
+
+.feature-img-wrap {
+  border-radius: 12px;
+  overflow: hidden;
+  aspect-ratio: 4/3;
+}
+
+.feature-img-wrap img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+  transition: transform 0.5s var(--ease-out-quint);
+}
+
+.feature-img-wrap:hover img {
+  transform: scale(1.04);
+}
+
+.feature-tag {
+  font-family: var(--font-body);
+  font-size: 12px;
+  font-weight: 500;
+  letter-spacing: 2px;
+  text-transform: uppercase;
+  color: var(--color-on-dark-soft);
+  margin-top: 16px;
+  padding-left: 4px;
+}
+
+/* ── Dark wall ── */
+.dark-wall {
+  background: var(--color-surface-dark);
+  padding: 80px 40px;
+}
+
+.dark-wall-inner {
+  max-width: 1400px;
+  margin: 0 auto;
+}
+
+.dw-label {
+  font-family: var(--font-body);
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: 3px;
+  text-transform: uppercase;
+  color: var(--color-on-dark-soft);
+  margin-bottom: 16px;
+  padding-left: 4px;
+}
+
+.dw-photos {
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  gap: 12px;
+}
+
+.dw-header {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin-bottom: 32px;
+}
+
+.dw-index {
+  font-family: var(--font-body);
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: 2px;
+  color: var(--color-primary);
+}
+
+.dw-photo {
+  position: relative;
+  overflow: hidden;
+  border-radius: 8px;
+  aspect-ratio: 3/4;
+}
+
+.dw-photo-inner {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.dw-photo-inner img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform 0.5s var(--ease-out-quint);
+}
+
+.dw-photo:hover img {
+  transform: scale(1.05);
+}
+
+.dw-photo-label {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 20px 16px 12px;
+  background: linear-gradient(to top, rgba(20, 20, 19, 0.7) 0%, transparent 100%);
+  font-family: var(--font-body);
+  font-size: 13px;
+  color: rgba(250, 249, 245, 0.85);
+  font-weight: 500;
+}
+
+/* ── Footer ── */
+.site-footer {
+  background: var(--color-surface-dark);
+  padding: 48px 64px;
+  border-top: 1px solid rgba(250, 249, 245, 0.08);
+}
+
+.footer-grid {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 32px;
+}
+
+.footer-brand {
+  font-family: var(--font-display);
+  font-size: 28px;
+  font-weight: 400;
+  color: var(--color-on-dark);
+  letter-spacing: -1px;
+}
+
+.footer-links {
+  display: flex;
+  gap: 32px;
+}
+
+.footer-links a {
+  font-family: var(--font-body);
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-on-dark-soft);
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.footer-links a:hover {
+  color: var(--color-on-dark);
+}
+
+.footer-copy {
+  font-family: var(--font-body);
+  font-size: 13px;
+  color: var(--color-on-dark-soft);
+  margin: 0;
+  padding-top: 24px;
+  border-top: 1px solid rgba(250, 249, 245, 0.08);
+}
+
+/* ── Mobile ── */
+@media (max-width: 768px) {
+  .hero-content {
+    padding: 0 24px 48px;
+  }
+
+  .bento-section {
+    padding: 48px 16px;
+  }
+
+  .bento-header {
+    flex-direction: column;
+    gap: 8px;
+    margin-bottom: 32px;
+  }
+
+  .bento-sub {
+    margin-left: 0;
+  }
+
+  .bento {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .b-img-wrap,
+  .b-a-main .b-img-wrap,
+  .b-a-side .b-img-wrap,
+  .b-strip-item .b-img-wrap,
+  .b-c-wide .b-img-wrap,
+  .b-d-4grid .b-img-wrap,
+  .b-e-item .b-img-wrap {
+    height: 240px !important;
+  }
+
+  .b-zone-a,
+  .b-zone-b,
+  .b-zone-c,
+  .b-zone-d {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .b-b-strip {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .b-d-4grid {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .b-zone-e {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .b-f-quote {
+    padding: 32px 24px;
+  }
+
+  .interlude { padding: 48px 16px; }
+  .interlude-grid { grid-template-columns: 1fr; gap: 32px; }
+  .interlude-heading { font-size: 32px; }
+
+  .dark-wall { padding: 48px 16px; }
+  .dw-photos { grid-template-columns: repeat(2, 1fr); gap: 12px; }
+  .dw-photo { aspect-ratio: 3/4; }
+
+  .site-footer { padding: 40px 24px; }
+  .footer-grid { flex-direction: column; gap: 20px; }
+}
+
+/* ── Animations ── */
+@keyframes hero-img-reveal {
+  from {
+    transform: scale(1.08);
+    opacity: 0.6;
+  }
+  to {
+    transform: scale(1.0);
+    opacity: 1;
+  }
+}
+
+@keyframes hero-text-reveal {
+  from {
+    opacity: 0;
+    transform: translateY(28px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes card-reveal {
+  from {
+    opacity: 0;
+    transform: translateY(36px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Hero entrance */
+.hero-img {
+  transform: scale(1.08);
+  animation: hero-img-reveal 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+
+.hero-eyebrow {
+  opacity: 0;
+  animation: hero-text-reveal 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.5s forwards;
+}
+
+.hero-title {
+  opacity: 0;
+  animation: hero-text-reveal 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.65s forwards;
+}
+
+.hero-sub {
+  opacity: 0;
+  animation: hero-text-reveal 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.85s forwards;
+}
+
+/* Bento scroll reveal */
+.reveal-card {
+  opacity: 0;
+  transform: translateY(36px);
+  transition: opacity 0.65s cubic-bezier(0.25, 1, 0.5, 1), transform 0.65s cubic-bezier(0.25, 1, 0.5, 1);
+}
+
+.reveal-card.is-visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* Dark wall photos reveal */
+.dw-photo {
+  opacity: 0;
+  transform: translateY(24px);
+  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
+}
+
+.dw-photo.is-visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* ── Reduced motion ── */
+@media (prefers-reduced-motion: reduce) {
+  .hero-img,
+  .hero-eyebrow,
+  .hero-title,
+  .hero-sub {
+    animation: none !important;
+    opacity: 1;
+    transform: none;
+  }
+
+  .hero-sweep::after {
+    animation: none;
+    opacity: 0;
+  }
+
+  .reveal-card,
+  .dw-photo {
+    opacity: 1;
+    transform: none;
+    transition: none;
+  }
+
+  .typewriter-cursor {
+    animation: none;
+    opacity: 1;
+  }
+}
+
+/* ── Typewriter ── */
+.typewriter-cursor {
+  display: inline-block;
+  color: var(--color-primary);
+  animation: cursor-blink 1s step-end infinite;
+  margin-left: 2px;
+}
+
+@keyframes cursor-blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0; }
+}
+</style>
diff --git a/app/pages/ideas/index.vue b/app/pages/ideas/index.vue
new file mode 100644
index 0000000..1ea5f3d
--- /dev/null
+++ b/app/pages/ideas/index.vue
@@ -0,0 +1,541 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: 'home',
+})
+
+const { $toast } = useNuxtApp()
+
+// ── Form state ──
+const author = ref('')
+const content = ref('')
+const platform = ref<string | null>(null)
+const submitting = ref(false)
+
+// Platform options
+const platforms = ['网站', 'Windows 应用', 'App', '小程序', '插件/扩展', '命令行工具', '其他']
+
+// ── Ideas list ──
+const page = ref(1)
+const { data, refresh, pending } = await useHttpFetch('/api/ideas', {
+  query: computed(() => ({ page: page.value, pageSize: 30 })),
+})
+
+const ideas = computed(() => data.value?.items ?? [])
+const hasMore = computed(() => data.value?.hasMore ?? false)
+
+// ── Detail dialog ──
+const selectedIdea = ref<any>(null)
+const showDetail = ref(false)
+
+function openDetail(idea: any) {
+  selectedIdea.value = idea
+  showDetail.value = true
+}
+
+function closeDetail() {
+  showDetail.value = false
+}
+
+// ── Submit ──
+async function submitIdea() {
+  const trimmedAuthor = author.value.trim()
+  const trimmedContent = content.value.trim()
+
+  if (!trimmedContent) {
+    $toast.warning('请输入你的想法')
+    return
+  }
+
+  submitting.value = true
+  try {
+    await $fetch('/api/ideas', {
+      method: 'POST',
+      body: { author: trimmedAuthor, content: trimmedContent, platform: platform.value },
+    })
+    author.value = ''
+    content.value = ''
+    platform.value = null
+    $toast.success('想法已发布 ✨')
+    await refresh()
+  } catch (e: any) {
+    $toast.error(e?.data?.message || '发布失败，请重试')
+  } finally {
+    submitting.value = false
+  }
+}
+
+// ── Load more ──
+async function loadMore() {
+  page.value++
+  await refresh()
+}
+</script>
+
+<template>
+  <div class="home-split">
+    <!-- Left: Form Panel -->
+    <aside class="form-panel">
+      <div class="form-sticky">
+        <div class="form-header">
+          <h2 class="form-title">想开发什么？</h2>
+          <p class="form-desc">每一个点子都值得被看见</p>
+        </div>
+
+        <div class="form-body">
+          <!-- Platform selector -->
+          <div class="field">
+            <label class="field-label">目标平台</label>
+            <div class="platform-chips">
+              <button
+                v-for="p in platforms"
+                :key="p"
+                type="button"
+                :class="['platform-chip', { 'platform-chip--active': platform === p }]"
+                :disabled="submitting"
+                @click="platform = platform === p ? null : p"
+              >
+                {{ p }}
+              </button>
+            </div>
+          </div>
+
+          <div class="field">
+            <label class="field-label" for="author-input">你的昵称</label>
+            <input
+              id="author-input"
+              v-model="author"
+              type="text"
+              class="field-input"
+              placeholder="怎么称呼你？（选填）"
+              maxlength="30"
+              :disabled="submitting"
+            />
+          </div>
+
+          <div class="field">
+            <label class="field-label" for="content-input">你的想法</label>
+            <textarea
+              id="content-input"
+              v-model="content"
+              class="field-textarea"
+              placeholder="写下你的点子、灵感或想法..."
+              rows="4"
+              maxlength="500"
+              :disabled="submitting"
+            />
+            <span class="field-count">{{ content.length }}/500</span>
+          </div>
+
+          <BoButton
+            type="primary"
+            size="large"
+            :loading="submitting"
+            class="submit-btn"
+            @click="submitIdea"
+          >
+            发布想法
+          </BoButton>
+        </div>
+      </div>
+    </aside>
+
+    <!-- Right: Card Collection -->
+    <main class="cards-panel">
+      <!-- Empty state -->
+      <div v-if="!pending && ideas.length === 0" class="empty-state">
+        <div class="empty-icon">💡</div>
+        <h3 class="empty-title">还没有想法</h3>
+        <p class="empty-desc">成为第一个分享的人吧</p>
+      </div>
+
+      <!-- Loading -->
+      <div v-if="pending && ideas.length === 0" class="loading-state">
+        <div class="loading-spinner" />
+        <p>加载中...</p>
+      </div>
+
+      <!-- Cards grid -->
+      <div v-if="ideas.length > 0" class="cards-grid">
+        <IndexIdeaCard
+          v-for="(idea, idx) in ideas"
+          :key="idea.id"
+          :idea="idea"
+          :index="idx"
+          :focused="selectedIdea?.id === idea.id"
+          @select="openDetail(idea)"
+        />
+      </div>
+
+      <!-- Load more -->
+      <div v-if="hasMore" class="load-more-wrap">
+        <BoButton
+          type="secondary"
+          size="medium"
+          :loading="pending"
+          @click="loadMore"
+        >
+          加载更多
+        </BoButton>
+      </div>
+    </main>
+  </div>
+
+  <!-- Detail Dialog -->
+  <BoDialog v-model:show="showDetail" @close="closeDetail">
+    <div v-if="selectedIdea" class="detail-card" :style="{ '--detail-accent': selectedIdea.color || '#cc785c' }">
+      <div class="detail-accent-bar" />
+      <div class="detail-body">
+        <div class="detail-meta">
+          <span class="detail-author">{{ selectedIdea.author || '匿名' }}</span>
+          <span v-if="selectedIdea.platform" class="detail-platform">{{ selectedIdea.platform }}</span>
+          <span class="detail-date">{{ new Date(selectedIdea.createdAt).toLocaleDateString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric' }) }}</span>
+        </div>
+        <p class="detail-content">{{ selectedIdea.content }}</p>
+        <div class="detail-footer">
+          <BoButton type="secondary" size="small" @click="closeDetail">关闭</BoButton>
+        </div>
+      </div>
+    </div>
+  </BoDialog>
+</template>
+
+<style scoped>
+/* ── Layout ── */
+.home-split {
+  flex: 1;
+  display: flex;
+}
+
+/* ── Left Form Panel ── */
+.form-panel {
+  width: 380px;
+  flex-shrink: 0;
+  border-right: 1px solid var(--color-hairline, #e6dfd8);
+  background: var(--color-canvas, #faf9f5);
+}
+
+.form-sticky {
+  position: sticky;
+  top: 64px;
+  padding: 40px 32px;
+}
+
+.form-header {
+  margin-bottom: 32px;
+}
+
+.form-title {
+  font-family: var(--font-display, 'Abril Fatface', Georgia, serif);
+  font-size: 26px;
+  font-weight: 400;
+  color: var(--color-ink, #141413);
+  margin: 0 0 6px;
+  letter-spacing: -0.5px;
+}
+
+.form-desc {
+  font-size: 14px;
+  color: var(--color-muted, #6c6a64);
+  margin: 0;
+}
+
+/* ── Fields ── */
+.form-body {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  position: relative;
+}
+
+.field-label {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--color-body-strong, #252523);
+  letter-spacing: 0.02em;
+}
+
+.field-input,
+.field-textarea {
+  width: 100%;
+  padding: 10px 14px;
+  font-size: 14px;
+  font-family: var(--font-body, Inter, sans-serif);
+  color: var(--color-body, #3d3d3a);
+  background: var(--color-surface-soft, #f5f0e8);
+  border: 1px solid var(--color-hairline, #e6dfd8);
+  border-radius: 8px;
+  outline: none;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+  resize: vertical;
+  box-sizing: border-box;
+}
+
+.field-input:focus,
+.field-textarea:focus {
+  border-color: var(--color-primary, #cc785c);
+  box-shadow: 0 0 0 3px rgba(204, 120, 92, 0.1);
+}
+
+.field-textarea {
+  min-height: 100px;
+  line-height: 1.6;
+}
+
+.field-count {
+  position: absolute;
+  bottom: -18px;
+  right: 0;
+  font-size: 11px;
+  color: var(--color-muted-soft, #8e8b82);
+}
+
+/* ── Platform Chips ── */
+.platform-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.platform-chip {
+  padding: 6px 14px;
+  font-size: 13px;
+  font-family: var(--font-body, Inter, sans-serif);
+  color: var(--color-body, #3d3d3a);
+  background: var(--color-surface-soft, #f5f0e8);
+  border: 1px solid var(--color-hairline, #e6dfd8);
+  border-radius: 20px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  outline: none;
+}
+
+.platform-chip:hover {
+  border-color: var(--color-primary, #cc785c);
+  color: var(--color-primary, #cc785c);
+}
+
+.platform-chip--active {
+  background: var(--color-primary, #cc785c);
+  border-color: var(--color-primary, #cc785c);
+  color: #fff;
+}
+
+.platform-chip:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.submit-btn {
+  margin-top: 4px;
+  width: 100%;
+}
+
+/* ── Right Cards Panel ── */
+.cards-panel {
+  flex: 1;
+  padding: 40px 36px;
+  overflow-y: auto;
+  background: linear-gradient(
+    180deg,
+    var(--color-canvas, #faf9f5) 0%,
+    var(--color-surface-soft, #f5f0e8) 100%
+  );
+}
+
+/* ── Cards Grid (Waterfall / Masonry) ── */
+.cards-grid {
+  column-count: 3;
+  column-gap: 20px;
+}
+
+.cards-grid > * {
+  break-inside: avoid;
+  margin-bottom: 20px;
+}
+
+/* ── Empty State ── */
+.empty-state,
+.loading-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 300px;
+  color: var(--color-muted, #6c6a64);
+}
+
+.empty-icon {
+  font-size: 48px;
+  margin-bottom: 12px;
+}
+
+.empty-title {
+  font-size: 18px;
+  color: var(--color-body, #3d3d3a);
+  margin: 0 0 6px;
+}
+
+.empty-desc {
+  font-size: 14px;
+  margin: 0;
+}
+
+/* ── Loading ── */
+.loading-spinner {
+  width: 32px;
+  height: 32px;
+  border: 3px solid var(--color-hairline, #e6dfd8);
+  border-top-color: var(--color-primary, #cc785c);
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+  margin-bottom: 12px;
+}
+
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
+/* ── Load More ── */
+.load-more-wrap {
+  display: flex;
+  justify-content: center;
+  margin-top: 36px;
+  padding-bottom: 40px;
+}
+
+/* ── Responsive ── */
+@media (max-width: 860px) {
+  .home-split {
+    flex-direction: column;
+  }
+
+  .form-panel {
+    width: 100%;
+    border-right: none;
+    border-bottom: 1px solid var(--color-hairline, #e6dfd8);
+  }
+
+  .form-sticky {
+    position: static;
+    padding: 28px 20px;
+  }
+
+  .cards-panel {
+    padding: 28px 20px;
+  }
+
+  .cards-grid {
+    column-count: 2;
+    column-gap: 16px;
+  }
+}
+
+@media (max-width: 540px) {
+  .form-sticky {
+    padding: 24px 16px;
+  }
+
+  .form-title {
+    font-size: 22px;
+  }
+
+  .cards-panel {
+    padding: 20px 12px;
+  }
+
+  .cards-grid {
+    column-count: 1;
+  }
+
+  .platform-chips {
+    gap: 6px;
+  }
+
+  .platform-chip {
+    padding: 5px 12px;
+    font-size: 12px;
+  }
+}
+</style>
+
+<style>
+/* ── Detail Dialog (non-scoped for Teleport) ── */
+.detail-card {
+  background: var(--color-canvas, #faf9f5);
+  border-radius: 16px;
+  overflow: hidden;
+  max-width: 520px;
+  width: 90vw;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
+}
+
+.detail-accent-bar {
+  height: 4px;
+  background: var(--detail-accent, #cc785c);
+}
+
+.detail-body {
+  padding: 28px;
+}
+
+.detail-meta {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 20px;
+}
+
+.detail-author {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--detail-accent, #cc785c);
+  letter-spacing: 0.02em;
+}
+
+.detail-platform {
+  font-size: 12px;
+  font-weight: 600;
+  padding: 3px 12px;
+  background: var(--detail-accent, #cc785c);
+  color: #fff;
+  border-radius: 14px;
+  letter-spacing: 0.02em;
+}
+
+.detail-date {
+  font-size: 12px;
+  color: var(--color-muted-soft, #8e8b82);
+}
+
+.detail-content {
+  font-size: 16px;
+  line-height: 1.75;
+  color: var(--color-body, #3d3d3a);
+  margin: 0 0 24px;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.detail-footer {
+  display: flex;
+  justify-content: flex-end;
+}
+
+@media (max-width: 540px) {
+  .detail-meta {
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+
+  .detail-body {
+    padding: 20px;
+  }
+}
+</style>
diff --git a/app/pages/index.vue b/app/pages/index.vue
new file mode 100644
index 0000000..afd352a
--- /dev/null
+++ b/app/pages/index.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: 'home',
+})
+</script>
+
+<template>
+  <div class="home-empty">
+    <BoContainer>
+      <div class="empty-content">
+        <h1 class="welcome-title">Dash</h1>
+        <p class="welcome-subtitle">欢迎来到 Dash</p>
+      </div>
+    </BoContainer>
+  </div>
+</template>
+
+<style scoped>
+.home-empty {
+  min-height: 60vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.empty-content {
+  text-align: center;
+}
+
+.welcome-title {
+  font-size: 3rem;
+  font-weight: 700;
+  margin: 0;
+}
+
+.welcome-subtitle {
+  font-size: 1.125rem;
+  color: var(--text-secondary, #666);
+  margin-top: 0.5rem;
+}
+</style>
diff --git a/app/pages/index/index copy.vue b/app/pages/index/index copy.vue
deleted file mode 100644
index 3970b77..0000000
--- a/app/pages/index/index copy.vue	
+++ /dev/null
@@ -1,1125 +0,0 @@
-<script setup lang="ts">
-const hero = {
-  img: 'https://picsum.photos/id/60/1200/900',
-  title: '这些是我的',
-  sub: '不是最好的，但都是有故事的',
-}
-
-const collections = [
-  { id: 10,  title: '午后',    aspect: 'v',  size: 'lg' },
-  { id: 20,  title: '城市',    aspect: 'h',  size: 'sm' },
-  { id: 30,  title: '海岸',    aspect: 'v',  size: 'md' },
-  { id: 40,  title: '远行',    aspect: 'h',  size: 'sm' },
-  { id: 50,  title: '静物',    aspect: 'sq', size: 'md' },
-  { id: 60,  title: '人像',    aspect: 'v',  size: 'lg' },
-  { id: 70,  title: '夜色',    aspect: 'h',  size: 'md' },
-  { id: 80,  title: '山川',    aspect: 'v',  size: 'sm' },
-  { id: 100, title: '森林',   aspect: 'h',  size: 'sm' },
-  { id: 110, title: '街道',   aspect: 'sq', size: 'lg' },
-  { id: 120, title: '雨季',   aspect: 'v',  size: 'md' },
-  { id: 130, title: '晴空',   aspect: 'h',  size: 'sm' },
-  { id: 140, title: '咖啡',   aspect: 'sq', size: 'md' },
-  { id: 150, title: '旅途',   aspect: 'v',  size: 'lg' },
-  { id: 160, title: '废墟',   aspect: 'h',  size: 'sm' },
-  { id: 170, title: '浪潮',   aspect: 'v',  size: 'md' },
-]
-
-function imgSrc(id: number, aspect: string, h: number) {
-  const sizes: Record<string, number> = { h: 900, v: 600, sq: 700 }
-  const w = sizes[aspect] ?? 700
-  return `https://picsum.photos/id/${id}/${w}/${h}`
-}
-
-// ── Animation refs ──
-const heroRef = ref<HTMLElement | null>(null)
-const heroImgRef = ref<HTMLElement | null>(null)
-const bentoItems = ref<HTMLElement[]>([])
-const dwPhotos = ref<HTMLElement[]>([])
-const scrollY = ref(0)
-
-function onScroll() {
-  scrollY.value = window.scrollY
-  if (heroImgRef.value) {
-    const progress = scrollY.value * 0.35
-    heroImgRef.value.style.transform = `translateY(${progress}px) scale(1.0)`
-  }
-}
-
-// ── Typewriter for hero title ──
-const displayTitle = ref('')
-const titleText = hero.title
-let charIndex = 0
-
-function startTypewriter() {
-  if (charIndex < titleText.length) {
-    displayTitle.value += titleText[charIndex]
-    charIndex++
-    setTimeout(startTypewriter, 90 + Math.random() * 60)
-  }
-}
-
-// ── Bento scroll reveal ──
-let bentoObserver: IntersectionObserver | null = null
-
-function setupBentoObserver() {
-  bentoObserver = new IntersectionObserver(
-    (entries) => {
-      entries.forEach((entry) => {
-        if (entry.isIntersecting) {
-          const el = entry.target as HTMLElement
-          const delay = Number(el.dataset.delay ?? 0)
-          setTimeout(() => {
-            el.classList.add('is-visible')
-          }, delay)
-          bentoObserver?.unobserve(el)
-        }
-      })
-    },
-    { threshold: 0.08 }
-  )
-  bentoItems.value.forEach((el, i) => {
-    if (el) {
-      el.dataset.delay = String(i * 75)
-      bentoObserver?.observe(el)
-    }
-  })
-}
-
-// ── Dark wall reveal ──
-let dwObserver: IntersectionObserver | null = null
-
-function setupDwObserver() {
-  dwObserver = new IntersectionObserver(
-    (entries) => {
-      entries.forEach((entry) => {
-        if (entry.isIntersecting) {
-          const el = entry.target as HTMLElement
-          const delay = Number(el.dataset.delay ?? 0)
-          setTimeout(() => {
-            el.classList.add('is-visible')
-          }, delay)
-          dwObserver?.unobserve(el)
-        }
-      })
-    },
-    { threshold: 0.1 }
-  )
-  dwPhotos.value.forEach((el, i) => {
-    if (el) {
-      el.dataset.delay = String(i * 100)
-      dwObserver?.observe(el)
-    }
-  })
-}
-
-onMounted(() => {
-  window.addEventListener('scroll', onScroll, { passive: true })
-  setupBentoObserver()
-  setupDwObserver()
-  // Start typewriter after hero text animation begins
-  setTimeout(startTypewriter, 800)
-})
-
-onUnmounted(() => {
-  window.removeEventListener('scroll', onScroll)
-  bentoObserver?.disconnect()
-  dwObserver?.disconnect()
-})
-</script>
-
-<template>
-  <main class="canvas">
-
-    <!-- ── Hero ── -->
-    <section class="hero" ref="heroRef">
-      <div class="hero-img-wrap" ref="heroImgRef">
-        <img :src="hero.img" :alt="hero.title" class="hero-img" />
-        <div class="hero-vignette" />
-        <div class="hero-sweep" />
-      </div>
-      <div class="hero-content">
-        <div class="hero-eyebrow reveal-item">私人收藏 · 随记</div>
-        <h1 class="hero-title"><span class="typewriter-text">{{ displayTitle }}</span><span class="typewriter-cursor">|</span></h1>
-        <p class="hero-sub reveal-item">{{ hero.sub }}</p>
-      </div>
-    </section>
-
-    <!-- ── Bento grid — editorial rhythm ── -->
-    <section class="bento-section">
-      <div class="bento-header">
-        <span class="bento-index">01</span>
-        <h2 class="bento-heading">碎片收藏</h2>
-        <p class="bento-sub">每一格都是一段被打断的思绪</p>
-      </div>
-      <div class="bento">
-        <!-- ── Zone A: large left + 3-column strip right ── -->
-        <div class="b-zone-a">
-          <div class="b-a-main reveal-card" :ref="(el) => { if (el) bentoItems[0] = el as HTMLElement }">
-            <div class="b-img-wrap">
-              <img src="https://picsum.photos/id/10/700/1000" alt="午后" loading="lazy" />
-            </div>
-          </div>
-          <div class="b-a-side">
-            <div class="b-a-side-top reveal-card" :ref="(el) => { if (el) bentoItems[1] = el as HTMLElement }">
-              <div class="b-img-wrap">
-                <img src="https://picsum.photos/id/20/800/500" alt="城市" loading="lazy" />
-              </div>
-            </div>
-            <div class="b-a-side-bot reveal-card" :ref="(el) => { if (el) bentoItems[2] = el as HTMLElement }">
-              <div class="b-img-wrap">
-                <img src="https://picsum.photos/id/40/800/500" alt="远行" loading="lazy" />
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- ── Zone B: quote + 3-column photo strip ── -->
-        <div class="b-zone-b">
-          <div class="b-b-quote reveal-card" :ref="(el) => { if (el) bentoItems[3] = el as HTMLElement }">
-            <span class="note-mark">"</span>
-            <p class="note-text">每件东西都有自己的气味，闻到就穿越了</p>
-            <span class="note-source">— 手记 #1</span>
-          </div>
-          <div class="b-b-strip">
-            <div class="b-strip-item reveal-card" :ref="(el) => { if (el) bentoItems[4] = el as HTMLElement }">
-              <div class="b-img-wrap">
-                <img src="https://picsum.photos/id/50/700/700" alt="静物" loading="lazy" />
-              </div>
-            </div>
-            <div class="b-strip-item reveal-card" :ref="(el) => { if (el) bentoItems[5] = el as HTMLElement }">
-              <div class="b-img-wrap">
-                <img src="https://picsum.photos/id/30/600/1000" alt="海岸" loading="lazy" />
-              </div>
-            </div>
-            <div class="b-strip-item reveal-card" :ref="(el) => { if (el) bentoItems[6] = el as HTMLElement }">
-              <div class="b-img-wrap">
-                <img src="https://picsum.photos/id/60/600/1000" alt="人像" loading="lazy" />
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- ── Zone C: wide + accent number ── -->
-        <div class="b-zone-c">
-          <div class="b-c-wide reveal-card" :ref="(el) => { if (el) bentoItems[7] = el as HTMLElement }">
-            <div class="b-img-wrap">
-              <img src="https://picsum.photos/id/70/1200/600" alt="夜色" loading="lazy" />
-            </div>
-          </div>
-          <div class="b-c-accent reveal-card" :ref="(el) => { if (el) bentoItems[8] = el as HTMLElement }">
-            <div class="accent-block">
-              <span class="accent-num">02</span>
-              <span class="accent-label">城市<br>快照</span>
-            </div>
-          </div>
-        </div>
-
-        <!-- ── Zone D: 4-grid + quote ── -->
-        <div class="b-zone-d">
-          <div class="b-d-4grid reveal-card" :ref="(el) => { if (el) bentoItems[9] = el as HTMLElement }">
-            <div class="b-img-wrap"><img src="https://picsum.photos/id/100/600/400" alt="森林" loading="lazy" /></div>
-            <div class="b-img-wrap"><img src="https://picsum.photos/id/110/600/600" alt="街道" loading="lazy" /></div>
-            <div class="b-img-wrap"><img src="https://picsum.photos/id/120/600/800" alt="雨季" loading="lazy" /></div>
-            <div class="b-img-wrap"><img src="https://picsum.photos/id/130/600/400" alt="晴空" loading="lazy" /></div>
-          </div>
-          <div class="b-d-quote reveal-card" :ref="(el) => { if (el) bentoItems[10] = el as HTMLElement }">
-            <span class="note-mark">"</span>
-            <p class="note-text">收集的过程比结果更重要</p>
-            <span class="note-source">— 手记 #2</span>
-          </div>
-        </div>
-
-        <!-- ── Zone E: 3-column row ── -->
-        <div class="b-zone-e">
-          <div class="b-e-item reveal-card" :ref="(el) => { if (el) bentoItems[11] = el as HTMLElement }">
-            <div class="b-img-wrap">
-              <img src="https://picsum.photos/id/140/700/700" alt="咖啡" loading="lazy" />
-            </div>
-          </div>
-          <div class="b-e-item reveal-card" :ref="(el) => { if (el) bentoItems[12] = el as HTMLElement }">
-            <div class="b-img-wrap">
-              <img src="https://picsum.photos/id/150/600/1000" alt="旅途" loading="lazy" />
-            </div>
-          </div>
-          <div class="b-e-item reveal-card" :ref="(el) => { if (el) bentoItems[13] = el as HTMLElement }">
-            <div class="b-img-wrap">
-              <img src="https://picsum.photos/id/80/600/600" alt="山川" loading="lazy" />
-            </div>
-          </div>
-        </div>
-
-        <!-- ── Zone F: full-width quote ── -->
-        <div class="b-zone-f">
-          <div class="b-f-quote reveal-card" :ref="(el) => { if (el) bentoItems[14] = el as HTMLElement }">
-            <span class="note-mark">"</span>
-            <p class="note-text">有些东西扔不掉，不是因为值钱，是因为记得</p>
-            <span class="note-source">— 手记 #3</span>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- ── Mid-page interlude — dark editorial card ── -->
-    <section class="interlude">
-      <div class="interlude-inner">
-        <div class="interlude-label">03 · 精选</div>
-        <div class="interlude-grid">
-          <div class="interlude-text">
-            <h2 class="interlude-heading">不是作品集，<br>是私人日记</h2>
-            <p class="interlude-body">没有策划，没有主题，就是随手拍、随便留。三年下来，发现这些碎片其实比"正经作品"更像自己。</p>
-            <NuxtLink to="/photo" class="interlude-link">
-              进入全部收藏
-              <span class="link-arrow">→</span>
-            </NuxtLink>
-          </div>
-          <div class="interlude-feature">
-            <div class="feature-img-wrap">
-              <img src="https://picsum.photos/id/96/800/600" alt="海岸线" loading="lazy" />
-            </div>
-            <div class="feature-tag">2022 · 午后</div>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- ── Dark feature wall — 6 column editorial ── -->
-    <section class="dark-wall">
-      <div class="dark-wall-inner">
-        <div class="dw-header">
-          <span class="dw-index">04</span>
-          <span class="dw-label">最珍贵的几件</span>
-        </div>
-        <div class="dw-photos">
-          <div
-            class="dw-photo reveal-card"
-            v-for="(c, i) in collections.slice(0, 6)"
-            :key="c.id"
-            :ref="(el) => { if (el) dwPhotos[i] = el as HTMLElement }"
-          >
-            <div class="dw-photo-inner">
-              <img :src="imgSrc(c.id, c.aspect, 500)" :alt="c.title" loading="lazy" />
-            </div>
-            <div class="dw-photo-label">{{ c.title }}</div>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- ── Footer ── -->
-    <footer class="site-footer">
-      <div class="footer-grid">
-        <div class="footer-brand">收藏室</div>
-        <div class="footer-links">
-          <NuxtLink to="/photo">全部</NuxtLink>
-          <NuxtLink to="/portfolio">作品集</NuxtLink>
-          <NuxtLink to="/about">关于</NuxtLink>
-        </div>
-      </div>
-      <p class="footer-copy">© 2024 · 私人收藏 · 不必打扰</p>
-    </footer>
-  </main>
-</template>
-
-<style scoped>
-.canvas {
-  background: var(--color-canvas);
-}
-
-/* ── Hero ── */
-.hero {
-  position: relative;
-  height: 100vh;
-  min-height: 600px;
-  margin-top: -64px; /* compensate for fixed nav */
-  display: flex;
-  align-items: flex-end;
-  overflow: hidden;
-}
-
-.hero-img-wrap {
-  position: absolute;
-  inset: 0;
-  cursor: pointer;
-}
-
-.hero-img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  transform-origin: center center;
-  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
-}
-
-.hero-img-wrap:hover .hero-img {
-  transform: scale(1.03) translateY(-4px);
-}
-
-.hero-vignette {
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(
-    to top,
-    rgba(20, 20, 19, 0.85) 0%,
-    rgba(20, 20, 19, 0.3) 50%,
-    transparent 100%
-  );
-}
-
-/* ── Light sweep ── */
-.hero-sweep {
-  position: absolute;
-  inset: 0;
-  overflow: hidden;
-  pointer-events: none;
-}
-
-.hero-sweep::after {
-  content: '';
-  position: absolute;
-  top: -60%;
-  left: -80%;
-  width: 60%;
-  height: 200%;
-  background: linear-gradient(
-    105deg,
-    transparent 30%,
-    rgba(250, 249, 245, 0.06) 45%,
-    rgba(250, 249, 245, 0.12) 50%,
-    rgba(250, 249, 245, 0.06) 55%,
-    transparent 70%
-  );
-  transform: translateX(-100%) translateY(-20%);
-  animation: light-sweep 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;
-}
-
-@keyframes light-sweep {
-  0% {
-    transform: translateX(-100%) translateY(-20%);
-    opacity: 0;
-  }
-  20% {
-    opacity: 1;
-  }
-  100% {
-    transform: translateX(300%) translateY(-20%);
-    opacity: 0;
-  }
-}
-
-.hero-content {
-  position: relative;
-  z-index: 1;
-  padding: 0 64px 80px;
-}
-
-.hero-eyebrow {
-  font-family: var(--font-body);
-  font-size: 11px;
-  font-weight: 500;
-  letter-spacing: 3px;
-  text-transform: uppercase;
-  color: rgba(250, 249, 245, 0.6);
-  margin-bottom: 12px;
-}
-
-.hero-title {
-  font-family: var(--font-display);
-  font-size: clamp(56px, 9vw, 112px);
-  font-weight: 400;
-  color: var(--color-on-dark);
-  letter-spacing: -3px;
-  line-height: 0.95;
-  margin: 0 0 20px;
-}
-
-.hero-sub {
-  font-family: var(--font-body);
-  font-size: 18px;
-  color: rgba(250, 249, 245, 0.7);
-  margin: 0;
-  line-height: 1.6;
-}
-
-/* ── Bento heading ── */
-.bento-section {
-  padding: 80px 40px 96px;
-  max-width: 1400px;
-  margin: 0 auto;
-}
-
-.bento-header {
-  display: flex;
-  align-items: baseline;
-  gap: 20px;
-  margin-bottom: 48px;
-  border-bottom: 1px solid var(--color-hairline);
-  padding-bottom: 32px;
-}
-
-.bento-index {
-  font-family: var(--font-body);
-  font-size: 11px;
-  font-weight: 500;
-  letter-spacing: 2px;
-  color: var(--color-primary);
-}
-
-.bento-heading {
-  font-family: var(--font-display);
-  font-size: clamp(28px, 4vw, 48px);
-  font-weight: 400;
-  color: var(--color-ink);
-  letter-spacing: -1px;
-  margin: 0;
-}
-
-.bento-sub {
-  font-family: var(--font-body);
-  font-size: 14px;
-  color: var(--color-muted);
-  margin: 0;
-  margin-left: auto;
-  font-style: italic;
-}
-
-.bento {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-}
-
-/* item helpers */
-.b-img-wrap {
-  position: relative;
-  overflow: hidden;
-  border-radius: 8px;
-  background: var(--color-surface-card);
-}
-
-.b-img-wrap img {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  transition: transform 0.5s var(--ease-out-quint);
-}
-
-.b-img-wrap:hover img {
-  transform: scale(1.04);
-}
-
-/* ── Zone A: 5col main + 7col side stack ── */
-.b-zone-a {
-  display: grid;
-  grid-template-columns: 5fr 7fr;
-  gap: 20px;
-  align-items: start;
-}
-
-.b-a-main .b-img-wrap {
-  height: 560px;
-}
-
-.b-a-side {
-  display: grid;
-  grid-template-rows: 1fr 1fr;
-  gap: 20px;
-}
-
-.b-a-side .b-img-wrap {
-  height: 270px;
-}
-
-/* ── Zone B: 4col quote + 8col 3-up strip ── */
-.b-zone-b {
-  display: grid;
-  grid-template-columns: 4fr 8fr;
-  gap: 20px;
-  align-items: start;
-}
-
-.b-b-quote {
-  background: var(--color-surface-card);
-  border-radius: 8px;
-  padding: 40px 32px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  min-height: 320px;
-}
-
-.b-b-strip {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  gap: 20px;
-}
-
-.b-strip-item .b-img-wrap {
-  height: 320px;
-}
-
-/* ── Zone C: 7col wide + 5col accent ── */
-.b-zone-c {
-  display: grid;
-  grid-template-columns: 7fr 5fr;
-  gap: 20px;
-  align-items: start;
-}
-
-.b-c-wide .b-img-wrap {
-  height: 380px;
-}
-
-.b-c-accent {
-  background: var(--color-surface-card);
-  border-radius: 8px;
-  height: 380px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-/* ── Zone D: 8col 4-grid + 4col quote ── */
-.b-zone-d {
-  display: grid;
-  grid-template-columns: 8fr 4fr;
-  gap: 20px;
-  align-items: start;
-}
-
-.b-d-4grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 20px;
-}
-
-.b-d-4grid .b-img-wrap {
-  height: 240px;
-}
-
-.b-d-quote {
-  background: var(--color-surface-card);
-  border-radius: 8px;
-  padding: 40px 32px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  min-height: 260px;
-}
-
-/* ── Zone E: equal 3 columns ── */
-.b-zone-e {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  gap: 20px;
-}
-
-.b-e-item .b-img-wrap {
-  height: 360px;
-}
-
-/* ── Zone F: full-width quote ── */
-.b-zone-f {
-  width: 100%;
-}
-
-.b-f-quote {
-  background: var(--color-surface-card);
-  border-radius: 8px;
-  padding: 48px 56px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  min-height: 180px;
-}
-
-/* ── Shared note styles ── */
-.note-text {
-  font-family: var(--font-display);
-  font-size: clamp(18px, 2vw, 24px);
-  font-weight: 400;
-  color: var(--color-ink);
-  letter-spacing: -0.3px;
-  line-height: 1.4;
-  margin: 0 0 16px;
-  font-style: italic;
-}
-
-.note-mark {
-  display: block;
-  font-family: var(--font-display);
-  font-size: 56px;
-  line-height: 0.7;
-  color: var(--color-primary);
-  margin-bottom: 12px;
-  font-weight: 400;
-}
-
-.note-source {
-  font-family: var(--font-body);
-  font-size: 11px;
-  color: var(--color-muted);
-  letter-spacing: 2px;
-  text-transform: uppercase;
-}
-
-/* Accent number block */
-.accent-block {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 10px;
-}
-
-.accent-num {
-  font-family: var(--font-display);
-  font-size: 56px;
-  font-weight: 400;
-  color: var(--color-primary);
-  letter-spacing: -2px;
-  line-height: 1;
-}
-
-.accent-label {
-  font-family: var(--font-body);
-  font-size: 10px;
-  font-weight: 500;
-  letter-spacing: 3px;
-  text-transform: uppercase;
-  color: var(--color-muted);
-  text-align: center;
-  line-height: 1.7;
-}
-
-/* ── Interlude editorial card ── */
-.interlude {
-  background: var(--color-surface-dark);
-  padding: 80px 40px;
-}
-
-.interlude-inner {
-  max-width: 1400px;
-  margin: 0 auto;
-}
-
-.interlude-label {
-  font-family: var(--font-body);
-  font-size: 11px;
-  font-weight: 500;
-  letter-spacing: 3px;
-  text-transform: uppercase;
-  color: var(--color-on-dark-soft);
-  margin-bottom: 40px;
-}
-
-.interlude-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 64px;
-  align-items: center;
-}
-
-.interlude-text {
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-}
-
-.interlude-heading {
-  font-family: var(--font-display);
-  font-size: clamp(32px, 4vw, 52px);
-  font-weight: 400;
-  color: var(--color-on-dark);
-  letter-spacing: -1px;
-  line-height: 1.1;
-  margin: 0;
-}
-
-.interlude-body {
-  font-family: var(--font-body);
-  font-size: 16px;
-  color: var(--color-on-dark-soft);
-  line-height: 1.7;
-  margin: 0;
-  max-width: 42ch;
-}
-
-.interlude-link {
-  font-family: var(--font-body);
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--color-primary);
-  text-decoration: none;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  transition: gap 0.2s;
-}
-
-.interlude-link:hover {
-  gap: 14px;
-}
-
-.link-arrow {
-  font-size: 16px;
-}
-
-.feature-img-wrap {
-  border-radius: 12px;
-  overflow: hidden;
-  aspect-ratio: 4/3;
-}
-
-.feature-img-wrap img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-  transition: transform 0.5s var(--ease-out-quint);
-}
-
-.feature-img-wrap:hover img {
-  transform: scale(1.04);
-}
-
-.feature-tag {
-  font-family: var(--font-body);
-  font-size: 12px;
-  font-weight: 500;
-  letter-spacing: 2px;
-  text-transform: uppercase;
-  color: var(--color-on-dark-soft);
-  margin-top: 16px;
-  padding-left: 4px;
-}
-
-/* ── Dark wall ── */
-.dark-wall {
-  background: var(--color-surface-dark);
-  padding: 80px 40px;
-}
-
-.dark-wall-inner {
-  max-width: 1400px;
-  margin: 0 auto;
-}
-
-.dw-label {
-  font-family: var(--font-body);
-  font-size: 11px;
-  font-weight: 500;
-  letter-spacing: 3px;
-  text-transform: uppercase;
-  color: var(--color-on-dark-soft);
-  margin-bottom: 16px;
-  padding-left: 4px;
-}
-
-.dw-photos {
-  display: grid;
-  grid-template-columns: repeat(6, 1fr);
-  gap: 12px;
-}
-
-.dw-header {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  margin-bottom: 32px;
-}
-
-.dw-index {
-  font-family: var(--font-body);
-  font-size: 11px;
-  font-weight: 500;
-  letter-spacing: 2px;
-  color: var(--color-primary);
-}
-
-.dw-photo {
-  position: relative;
-  overflow: hidden;
-  border-radius: 8px;
-  aspect-ratio: 3/4;
-}
-
-.dw-photo-inner {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-.dw-photo-inner img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  transition: transform 0.5s var(--ease-out-quint);
-}
-
-.dw-photo:hover img {
-  transform: scale(1.05);
-}
-
-.dw-photo-label {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  padding: 20px 16px 12px;
-  background: linear-gradient(to top, rgba(20, 20, 19, 0.7) 0%, transparent 100%);
-  font-family: var(--font-body);
-  font-size: 13px;
-  color: rgba(250, 249, 245, 0.85);
-  font-weight: 500;
-}
-
-/* ── Footer ── */
-.site-footer {
-  background: var(--color-surface-dark);
-  padding: 48px 64px;
-  border-top: 1px solid rgba(250, 249, 245, 0.08);
-}
-
-.footer-grid {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 32px;
-}
-
-.footer-brand {
-  font-family: var(--font-display);
-  font-size: 28px;
-  font-weight: 400;
-  color: var(--color-on-dark);
-  letter-spacing: -1px;
-}
-
-.footer-links {
-  display: flex;
-  gap: 32px;
-}
-
-.footer-links a {
-  font-family: var(--font-body);
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--color-on-dark-soft);
-  text-decoration: none;
-  transition: color 0.2s;
-}
-
-.footer-links a:hover {
-  color: var(--color-on-dark);
-}
-
-.footer-copy {
-  font-family: var(--font-body);
-  font-size: 13px;
-  color: var(--color-on-dark-soft);
-  margin: 0;
-  padding-top: 24px;
-  border-top: 1px solid rgba(250, 249, 245, 0.08);
-}
-
-/* ── Mobile ── */
-@media (max-width: 768px) {
-  .hero-content {
-    padding: 0 24px 48px;
-  }
-
-  .bento-section {
-    padding: 48px 16px;
-  }
-
-  .bento-header {
-    flex-direction: column;
-    gap: 8px;
-    margin-bottom: 32px;
-  }
-
-  .bento-sub {
-    margin-left: 0;
-  }
-
-  .bento {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-  }
-
-  .b-img-wrap,
-  .b-a-main .b-img-wrap,
-  .b-a-side .b-img-wrap,
-  .b-strip-item .b-img-wrap,
-  .b-c-wide .b-img-wrap,
-  .b-d-4grid .b-img-wrap,
-  .b-e-item .b-img-wrap {
-    height: 240px !important;
-  }
-
-  .b-zone-a,
-  .b-zone-b,
-  .b-zone-c,
-  .b-zone-d {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-  }
-
-  .b-b-strip {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-  }
-
-  .b-d-4grid {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-  }
-
-  .b-zone-e {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-  }
-
-  .b-f-quote {
-    padding: 32px 24px;
-  }
-
-  .interlude { padding: 48px 16px; }
-  .interlude-grid { grid-template-columns: 1fr; gap: 32px; }
-  .interlude-heading { font-size: 32px; }
-
-  .dark-wall { padding: 48px 16px; }
-  .dw-photos { grid-template-columns: repeat(2, 1fr); gap: 12px; }
-  .dw-photo { aspect-ratio: 3/4; }
-
-  .site-footer { padding: 40px 24px; }
-  .footer-grid { flex-direction: column; gap: 20px; }
-}
-
-/* ── Animations ── */
-@keyframes hero-img-reveal {
-  from {
-    transform: scale(1.08);
-    opacity: 0.6;
-  }
-  to {
-    transform: scale(1.0);
-    opacity: 1;
-  }
-}
-
-@keyframes hero-text-reveal {
-  from {
-    opacity: 0;
-    transform: translateY(28px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes card-reveal {
-  from {
-    opacity: 0;
-    transform: translateY(36px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-/* Hero entrance */
-.hero-img {
-  transform: scale(1.08);
-  animation: hero-img-reveal 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
-}
-
-.hero-eyebrow {
-  opacity: 0;
-  animation: hero-text-reveal 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.5s forwards;
-}
-
-.hero-title {
-  opacity: 0;
-  animation: hero-text-reveal 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.65s forwards;
-}
-
-.hero-sub {
-  opacity: 0;
-  animation: hero-text-reveal 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.85s forwards;
-}
-
-/* Bento scroll reveal */
-.reveal-card {
-  opacity: 0;
-  transform: translateY(36px);
-  transition: opacity 0.65s cubic-bezier(0.25, 1, 0.5, 1), transform 0.65s cubic-bezier(0.25, 1, 0.5, 1);
-}
-
-.reveal-card.is-visible {
-  opacity: 1;
-  transform: translateY(0);
-}
-
-/* Dark wall photos reveal */
-.dw-photo {
-  opacity: 0;
-  transform: translateY(24px);
-  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
-}
-
-.dw-photo.is-visible {
-  opacity: 1;
-  transform: translateY(0);
-}
-
-/* ── Reduced motion ── */
-@media (prefers-reduced-motion: reduce) {
-  .hero-img,
-  .hero-eyebrow,
-  .hero-title,
-  .hero-sub {
-    animation: none !important;
-    opacity: 1;
-    transform: none;
-  }
-
-  .hero-sweep::after {
-    animation: none;
-    opacity: 0;
-  }
-
-  .reveal-card,
-  .dw-photo {
-    opacity: 1;
-    transform: none;
-    transition: none;
-  }
-
-  .typewriter-cursor {
-    animation: none;
-    opacity: 1;
-  }
-}
-
-/* ── Typewriter ── */
-.typewriter-cursor {
-  display: inline-block;
-  color: var(--color-primary);
-  animation: cursor-blink 1s step-end infinite;
-  margin-left: 2px;
-}
-
-@keyframes cursor-blink {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0; }
-}
-</style>
diff --git a/app/pages/index/index.vue b/app/pages/index/index.vue
deleted file mode 100644
index 1ea5f3d..0000000
--- a/app/pages/index/index.vue
+++ /dev/null
@@ -1,541 +0,0 @@
-<script setup lang="ts">
-definePageMeta({
-  layout: 'home',
-})
-
-const { $toast } = useNuxtApp()
-
-// ── Form state ──
-const author = ref('')
-const content = ref('')
-const platform = ref<string | null>(null)
-const submitting = ref(false)
-
-// Platform options
-const platforms = ['网站', 'Windows 应用', 'App', '小程序', '插件/扩展', '命令行工具', '其他']
-
-// ── Ideas list ──
-const page = ref(1)
-const { data, refresh, pending } = await useHttpFetch('/api/ideas', {
-  query: computed(() => ({ page: page.value, pageSize: 30 })),
-})
-
-const ideas = computed(() => data.value?.items ?? [])
-const hasMore = computed(() => data.value?.hasMore ?? false)
-
-// ── Detail dialog ──
-const selectedIdea = ref<any>(null)
-const showDetail = ref(false)
-
-function openDetail(idea: any) {
-  selectedIdea.value = idea
-  showDetail.value = true
-}
-
-function closeDetail() {
-  showDetail.value = false
-}
-
-// ── Submit ──
-async function submitIdea() {
-  const trimmedAuthor = author.value.trim()
-  const trimmedContent = content.value.trim()
-
-  if (!trimmedContent) {
-    $toast.warning('请输入你的想法')
-    return
-  }
-
-  submitting.value = true
-  try {
-    await $fetch('/api/ideas', {
-      method: 'POST',
-      body: { author: trimmedAuthor, content: trimmedContent, platform: platform.value },
-    })
-    author.value = ''
-    content.value = ''
-    platform.value = null
-    $toast.success('想法已发布 ✨')
-    await refresh()
-  } catch (e: any) {
-    $toast.error(e?.data?.message || '发布失败，请重试')
-  } finally {
-    submitting.value = false
-  }
-}
-
-// ── Load more ──
-async function loadMore() {
-  page.value++
-  await refresh()
-}
-</script>
-
-<template>
-  <div class="home-split">
-    <!-- Left: Form Panel -->
-    <aside class="form-panel">
-      <div class="form-sticky">
-        <div class="form-header">
-          <h2 class="form-title">想开发什么？</h2>
-          <p class="form-desc">每一个点子都值得被看见</p>
-        </div>
-
-        <div class="form-body">
-          <!-- Platform selector -->
-          <div class="field">
-            <label class="field-label">目标平台</label>
-            <div class="platform-chips">
-              <button
-                v-for="p in platforms"
-                :key="p"
-                type="button"
-                :class="['platform-chip', { 'platform-chip--active': platform === p }]"
-                :disabled="submitting"
-                @click="platform = platform === p ? null : p"
-              >
-                {{ p }}
-              </button>
-            </div>
-          </div>
-
-          <div class="field">
-            <label class="field-label" for="author-input">你的昵称</label>
-            <input
-              id="author-input"
-              v-model="author"
-              type="text"
-              class="field-input"
-              placeholder="怎么称呼你？（选填）"
-              maxlength="30"
-              :disabled="submitting"
-            />
-          </div>
-
-          <div class="field">
-            <label class="field-label" for="content-input">你的想法</label>
-            <textarea
-              id="content-input"
-              v-model="content"
-              class="field-textarea"
-              placeholder="写下你的点子、灵感或想法..."
-              rows="4"
-              maxlength="500"
-              :disabled="submitting"
-            />
-            <span class="field-count">{{ content.length }}/500</span>
-          </div>
-
-          <BoButton
-            type="primary"
-            size="large"
-            :loading="submitting"
-            class="submit-btn"
-            @click="submitIdea"
-          >
-            发布想法
-          </BoButton>
-        </div>
-      </div>
-    </aside>
-
-    <!-- Right: Card Collection -->
-    <main class="cards-panel">
-      <!-- Empty state -->
-      <div v-if="!pending && ideas.length === 0" class="empty-state">
-        <div class="empty-icon">💡</div>
-        <h3 class="empty-title">还没有想法</h3>
-        <p class="empty-desc">成为第一个分享的人吧</p>
-      </div>
-
-      <!-- Loading -->
-      <div v-if="pending && ideas.length === 0" class="loading-state">
-        <div class="loading-spinner" />
-        <p>加载中...</p>
-      </div>
-
-      <!-- Cards grid -->
-      <div v-if="ideas.length > 0" class="cards-grid">
-        <IndexIdeaCard
-          v-for="(idea, idx) in ideas"
-          :key="idea.id"
-          :idea="idea"
-          :index="idx"
-          :focused="selectedIdea?.id === idea.id"
-          @select="openDetail(idea)"
-        />
-      </div>
-
-      <!-- Load more -->
-      <div v-if="hasMore" class="load-more-wrap">
-        <BoButton
-          type="secondary"
-          size="medium"
-          :loading="pending"
-          @click="loadMore"
-        >
-          加载更多
-        </BoButton>
-      </div>
-    </main>
-  </div>
-
-  <!-- Detail Dialog -->
-  <BoDialog v-model:show="showDetail" @close="closeDetail">
-    <div v-if="selectedIdea" class="detail-card" :style="{ '--detail-accent': selectedIdea.color || '#cc785c' }">
-      <div class="detail-accent-bar" />
-      <div class="detail-body">
-        <div class="detail-meta">
-          <span class="detail-author">{{ selectedIdea.author || '匿名' }}</span>
-          <span v-if="selectedIdea.platform" class="detail-platform">{{ selectedIdea.platform }}</span>
-          <span class="detail-date">{{ new Date(selectedIdea.createdAt).toLocaleDateString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric' }) }}</span>
-        </div>
-        <p class="detail-content">{{ selectedIdea.content }}</p>
-        <div class="detail-footer">
-          <BoButton type="secondary" size="small" @click="closeDetail">关闭</BoButton>
-        </div>
-      </div>
-    </div>
-  </BoDialog>
-</template>
-
-<style scoped>
-/* ── Layout ── */
-.home-split {
-  flex: 1;
-  display: flex;
-}
-
-/* ── Left Form Panel ── */
-.form-panel {
-  width: 380px;
-  flex-shrink: 0;
-  border-right: 1px solid var(--color-hairline, #e6dfd8);
-  background: var(--color-canvas, #faf9f5);
-}
-
-.form-sticky {
-  position: sticky;
-  top: 64px;
-  padding: 40px 32px;
-}
-
-.form-header {
-  margin-bottom: 32px;
-}
-
-.form-title {
-  font-family: var(--font-display, 'Abril Fatface', Georgia, serif);
-  font-size: 26px;
-  font-weight: 400;
-  color: var(--color-ink, #141413);
-  margin: 0 0 6px;
-  letter-spacing: -0.5px;
-}
-
-.form-desc {
-  font-size: 14px;
-  color: var(--color-muted, #6c6a64);
-  margin: 0;
-}
-
-/* ── Fields ── */
-.form-body {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-}
-
-.field {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  position: relative;
-}
-
-.field-label {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--color-body-strong, #252523);
-  letter-spacing: 0.02em;
-}
-
-.field-input,
-.field-textarea {
-  width: 100%;
-  padding: 10px 14px;
-  font-size: 14px;
-  font-family: var(--font-body, Inter, sans-serif);
-  color: var(--color-body, #3d3d3a);
-  background: var(--color-surface-soft, #f5f0e8);
-  border: 1px solid var(--color-hairline, #e6dfd8);
-  border-radius: 8px;
-  outline: none;
-  transition: border-color 0.2s ease, box-shadow 0.2s ease;
-  resize: vertical;
-  box-sizing: border-box;
-}
-
-.field-input:focus,
-.field-textarea:focus {
-  border-color: var(--color-primary, #cc785c);
-  box-shadow: 0 0 0 3px rgba(204, 120, 92, 0.1);
-}
-
-.field-textarea {
-  min-height: 100px;
-  line-height: 1.6;
-}
-
-.field-count {
-  position: absolute;
-  bottom: -18px;
-  right: 0;
-  font-size: 11px;
-  color: var(--color-muted-soft, #8e8b82);
-}
-
-/* ── Platform Chips ── */
-.platform-chips {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-
-.platform-chip {
-  padding: 6px 14px;
-  font-size: 13px;
-  font-family: var(--font-body, Inter, sans-serif);
-  color: var(--color-body, #3d3d3a);
-  background: var(--color-surface-soft, #f5f0e8);
-  border: 1px solid var(--color-hairline, #e6dfd8);
-  border-radius: 20px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  outline: none;
-}
-
-.platform-chip:hover {
-  border-color: var(--color-primary, #cc785c);
-  color: var(--color-primary, #cc785c);
-}
-
-.platform-chip--active {
-  background: var(--color-primary, #cc785c);
-  border-color: var(--color-primary, #cc785c);
-  color: #fff;
-}
-
-.platform-chip:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-.submit-btn {
-  margin-top: 4px;
-  width: 100%;
-}
-
-/* ── Right Cards Panel ── */
-.cards-panel {
-  flex: 1;
-  padding: 40px 36px;
-  overflow-y: auto;
-  background: linear-gradient(
-    180deg,
-    var(--color-canvas, #faf9f5) 0%,
-    var(--color-surface-soft, #f5f0e8) 100%
-  );
-}
-
-/* ── Cards Grid (Waterfall / Masonry) ── */
-.cards-grid {
-  column-count: 3;
-  column-gap: 20px;
-}
-
-.cards-grid > * {
-  break-inside: avoid;
-  margin-bottom: 20px;
-}
-
-/* ── Empty State ── */
-.empty-state,
-.loading-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  min-height: 300px;
-  color: var(--color-muted, #6c6a64);
-}
-
-.empty-icon {
-  font-size: 48px;
-  margin-bottom: 12px;
-}
-
-.empty-title {
-  font-size: 18px;
-  color: var(--color-body, #3d3d3a);
-  margin: 0 0 6px;
-}
-
-.empty-desc {
-  font-size: 14px;
-  margin: 0;
-}
-
-/* ── Loading ── */
-.loading-spinner {
-  width: 32px;
-  height: 32px;
-  border: 3px solid var(--color-hairline, #e6dfd8);
-  border-top-color: var(--color-primary, #cc785c);
-  border-radius: 50%;
-  animation: spin 0.8s linear infinite;
-  margin-bottom: 12px;
-}
-
-@keyframes spin {
-  to { transform: rotate(360deg); }
-}
-
-/* ── Load More ── */
-.load-more-wrap {
-  display: flex;
-  justify-content: center;
-  margin-top: 36px;
-  padding-bottom: 40px;
-}
-
-/* ── Responsive ── */
-@media (max-width: 860px) {
-  .home-split {
-    flex-direction: column;
-  }
-
-  .form-panel {
-    width: 100%;
-    border-right: none;
-    border-bottom: 1px solid var(--color-hairline, #e6dfd8);
-  }
-
-  .form-sticky {
-    position: static;
-    padding: 28px 20px;
-  }
-
-  .cards-panel {
-    padding: 28px 20px;
-  }
-
-  .cards-grid {
-    column-count: 2;
-    column-gap: 16px;
-  }
-}
-
-@media (max-width: 540px) {
-  .form-sticky {
-    padding: 24px 16px;
-  }
-
-  .form-title {
-    font-size: 22px;
-  }
-
-  .cards-panel {
-    padding: 20px 12px;
-  }
-
-  .cards-grid {
-    column-count: 1;
-  }
-
-  .platform-chips {
-    gap: 6px;
-  }
-
-  .platform-chip {
-    padding: 5px 12px;
-    font-size: 12px;
-  }
-}
-</style>
-
-<style>
-/* ── Detail Dialog (non-scoped for Teleport) ── */
-.detail-card {
-  background: var(--color-canvas, #faf9f5);
-  border-radius: 16px;
-  overflow: hidden;
-  max-width: 520px;
-  width: 90vw;
-  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
-}
-
-.detail-accent-bar {
-  height: 4px;
-  background: var(--detail-accent, #cc785c);
-}
-
-.detail-body {
-  padding: 28px;
-}
-
-.detail-meta {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 10px;
-  margin-bottom: 20px;
-}
-
-.detail-author {
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--detail-accent, #cc785c);
-  letter-spacing: 0.02em;
-}
-
-.detail-platform {
-  font-size: 12px;
-  font-weight: 600;
-  padding: 3px 12px;
-  background: var(--detail-accent, #cc785c);
-  color: #fff;
-  border-radius: 14px;
-  letter-spacing: 0.02em;
-}
-
-.detail-date {
-  font-size: 12px;
-  color: var(--color-muted-soft, #8e8b82);
-}
-
-.detail-content {
-  font-size: 16px;
-  line-height: 1.75;
-  color: var(--color-body, #3d3d3a);
-  margin: 0 0 24px;
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-
-.detail-footer {
-  display: flex;
-  justify-content: flex-end;
-}
-
-@media (max-width: 540px) {
-  .detail-meta {
-    flex-wrap: wrap;
-    gap: 6px;
-  }
-
-  .detail-body {
-    padding: 20px;
-  }
-}
-</style>
diff --git a/packages/drizzle-pkg/db.sqlite b/packages/drizzle-pkg/db.sqlite
index d18dfae3a1260be0fd77af25dfbf5da3a03f0ba2..bb7b2e39d1746ada8f5a939ae97b89fa3bbe09f3 100644
GIT binary patch
delta 1462
zcma)4eQXnD9Dd*XSns3PcNLm$c5`dl;=m2=x_%7>_Qz19EGrIh46y6nu5;40-P(<T
zlI}p`1{+12aYp%=(GbuD#3oduD2ZrP78uDim`K#rKQx*!^bh$%z_-9+VzR_bes|CP
z?s=Z~d4Kl~ov$7`UwzPKJ_-Ohglq2F^h#|#JbI?%ZA6;6e8y00C%Al8D*ljb_M2&-
z3AD%O^vXWj6Lz`WYRDCKdt}ws5LQBNk5~1E-LB4%D<t_OudI5U9!ZfUPlM0n_0%iw
z2HB~);IWyB3&yNyo1sWEn#>p~?F5?4nmhI&nj!%-XU;5Z<w!0@A&rZn@~lbxo`at3
zZ_Axjrz{wO1pti(mQtGTPpExWPPs~QRyB)*t)cd3lYQY`5&!zg69cRJ{M%dFJju|S
zr`y5<yL#HYot^7?n>P411~&J~y{nzityc^Bkdo{kP;sbt^Z9%CjJ9eoN1_x!`%nt~
zl{GbvAgE+sYYDOpX@Lci@P1%H2i%Zd_+C2)8U3ek>9UOY=@d1S%JJDPALSt|&8#|S
zF>7m!Oj1R~iV96(8JcEUeQS`lWrofjp=M5e^H$dWiO&qvd)qJP+AqWD*&_ZbKVdA+
z+8g7%K5>!g^_J2bAx*nvw<3na-a6H*D0Qx|uc0pF5tTZxSMfEtRmCm(+yXpy^Mmoz
zcng!}Q@J%$#MdMzR3Mk|nQ5i)dai7mFbIqPk5Oq2xe@9uQ$$rRevQZyLK=;rU(pqG
z5q*xvakkAUGku5B$F37bLMYYWxK4DHtOKl&2dEaMOt;Ws(<O8b$wJ<A64SpD^!zQN
zn?kK%n;y7LY_49!(hpl~bSM&u?RZM<>P{rpzGPp&D#v0GH54uUg|S1qOScK%4MzZ&
zdQA*J&fB?<S->O=cMQYyck~A83mBl%R5^JPAI=)cy}0RdgLTm&IGo7sy+KwJLTzP7
zsI#X#8jM9FJN2QhL|N{{pXAoZ$TV4^8${|zF?o<2WSiJJ<_aTH0aDaYiPTDpJWrm`
ze;27GMPvuLhAhGMf4~weDG{M$uqV+a4@P&ygK=ehe^do&J>a6O(t&wCkImB`)hn?K
z?!Wtx_WjH9)Jp@2U^w2hW7keFGEaY4pRK2?x$E_m#Ym>vshpvaLa>;t<Q8%a`!_qw
z{>)xwr*QD&Ob1WW1Rm(grH_L2eVlsfCO9yMn@)qV`*?Tq2pGMOUpO2A`{(em73`bC
z+s=ZKIox&u48L5vmcm8jD#B&J#pG(&vRCN`d1e%#b*AGcAaojM`B!-x*TrVpMrIU8
zi!w+PHDm-*1vG0Z8({P;LH12^A!%GQ@j$Y}6|FYF>KCns@@D>dhdLPVQxl2qSk$rH
zQ6oL#T)d>-v3s6=tpjuWBT2{dhTVyNMZrQm1-x^-sGtXe?Bs%(RMTnvX8do2;u$=M
zq{iQk;0M+gePWt^2=e+n<3(j~nLhmkUGu<7?1pEwr(NT)-VXgQ>Xp}MJ7!70(B-)m
zhl&KaP%e;$t-TtHy~^Q}*bD0Rn89|>tZ9M2K-hLxE72J2QV#u^MgMUrTUe}MqkkzI
PnhlWxsqMn?XISDN6B5FK

delta 759
zcma)&NoW&c6vyZL=9^AtrZZoHHZD<Ww84d>P8OY1Tq?N6NK&=bMzPJ(#<8(UOe(bp
z)1p!<6qP|oT&M>Ty;(;XaYs?mmM)@FaYJ$v4{a%Wt2!RM`*^>1dGGys|JV7%(fP!2
z#%Ady2;#iKzo<Ry^n%|0#%q`~bD~0<?V7#X#A%}K4I<6BU!fP+HA|)kEB(uNvXD(9
z+{LEZv?hojS#VMNzRH6V#Me0+%WMvtm!fva$)w!c)SgMnaXH_Riyn*~sNSE>AB@VW
z%6Pi6tz~^8nv#5}P(J1l)k%TYj+#I;+wKdtc&ZL>TAAqxw^VJb%lg{dgB=~o^+_oW
zPHcYrWrNbS?idSkfxxG50T(o(x(9=lav{{f5Zv}?e!tw*b~`+y5!7lkZ$((Zs9)bv
z^Az#%AbNdtdQ#hSzX-rwW!=LvORj5c3GXg1UsK){XG|2usF!y$Hl_3774-T;ETGvR
z`7NOPSY%j_41<x0l2S7_#$7f3lHt^=128LDsail$eow+5TjBM&suIo3E}xWeyJGS9
z3YX8DNJv$FG3IV+=0M+%z2sfcHySG3)3*%5S0syl{4-%Ke~~ZO=Z!#`U-~~n)+J;u
zP(y>TLeG4H8syL6)3^tJ!=rcrKR0fx$I8fWr1p-(Qpj1=OXDy(`w+qKMFKl<L72vu
zg(3V2$M~WUG{#@@YH=FMsDhyutKna;-r*5Fe^WAw&nvmyqG6`;K&B~~%O8?klb~<5
z@_9%f`UU-y3y%;&RxokrI6M1*Axt^?H+_<NPwhf4z!7vB%_nbaZgUM_kGnR}vlcA^
zC+&J<l5{}*#uT}CHQ7y$skDf$u*?R=Wg0b!D6HNQ(OUJVh?W_fPoX;DMYHsAFDfe~
uyIH4BS0fCJj+N<l29N<|P+~wEm~>}=8KW3dAP5{3t_z00DgOFC2L1unwe8FR

diff --git a/packages/drizzle-pkg/lib/schema/agent-tool.ts b/packages/drizzle-pkg/lib/schema/agent-tool.ts
index fa7a583..a5d3932 100644
--- a/packages/drizzle-pkg/lib/schema/agent-tool.ts
+++ b/packages/drizzle-pkg/lib/schema/agent-tool.ts
@@ -28,6 +28,7 @@ export const agentTools = sqliteTable(
     config: text("config").notNull(),
     enabled: integer("enabled").default(1).notNull(),
     needsApproval: integer("needs_approval").default(0).notNull(),
+    adminOnly: integer("admin_only").default(0).notNull(),
     sortOrder: integer("sort_order").default(0).notNull(),
     createdAt: integer("created_at", { mode: "timestamp_ms" })
       .defaultNow()
diff --git a/packages/drizzle-pkg/migrations/0016_broken_patch.sql b/packages/drizzle-pkg/migrations/0016_broken_patch.sql
new file mode 100644
index 0000000..4b0c579
--- /dev/null
+++ b/packages/drizzle-pkg/migrations/0016_broken_patch.sql
@@ -0,0 +1 @@
+ALTER TABLE `agent_tools` ADD `admin_only` integer DEFAULT 0 NOT NULL;
\ No newline at end of file
diff --git a/packages/drizzle-pkg/migrations/meta/0016_snapshot.json b/packages/drizzle-pkg/migrations/meta/0016_snapshot.json
new file mode 100644
index 0000000..b4ab383
--- /dev/null
+++ b/packages/drizzle-pkg/migrations/meta/0016_snapshot.json
@@ -0,0 +1,1885 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "03361513-d968-427d-9462-56a5b55bd1e9",
+  "prevId": "84cd1430-dea1-45b0-b4cf-6bd7c02331dd",
+  "tables": {
+    "agent_tool_logs": {
+      "name": "agent_tool_logs",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "tool_id": {
+          "name": "tool_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "tool_slug": {
+          "name": "tool_slug",
+          "type": "text(50)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "input": {
+          "name": "input",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "output": {
+          "name": "output",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text(20)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "error_message": {
+          "name": "error_message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "duration_ms": {
+          "name": "duration_ms",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "agent_tool_logs_tool_id_idx": {
+          "name": "agent_tool_logs_tool_id_idx",
+          "columns": [
+            "tool_id"
+          ],
+          "isUnique": false
+        },
+        "agent_tool_logs_created_at_idx": {
+          "name": "agent_tool_logs_created_at_idx",
+          "columns": [
+            "created_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "agent_tools": {
+      "name": "agent_tools",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text(50)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text(50)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text(30)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "config": {
+          "name": "config",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "enabled": {
+          "name": "enabled",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 1
+        },
+        "needs_approval": {
+          "name": "needs_approval",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "admin_only": {
+          "name": "admin_only",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "sort_order": {
+          "name": "sort_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "agent_tools_slug_idx": {
+          "name": "agent_tools_slug_idx",
+          "columns": [
+            "slug"
+          ],
+          "isUnique": true
+        },
+        "agent_tools_enabled_idx": {
+          "name": "agent_tools_enabled_idx",
+          "columns": [
+            "enabled"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "oauth_accounts": {
+      "name": "oauth_accounts",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "provider": {
+          "name": "provider",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "provider_user_id": {
+          "name": "provider_user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "username": {
+          "name": "username",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "avatar": {
+          "name": "avatar",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "sessions": {
+      "name": "sessions",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "sessions_user_id_idx": {
+          "name": "sessions_user_id_idx",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "sessions_user_id_users_id_fk": {
+          "name": "sessions_user_id_users_id_fk",
+          "tableFrom": "sessions",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "users": {
+      "name": "users",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "username": {
+          "name": "username",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "nickname": {
+          "name": "nickname",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "password": {
+          "name": "password",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "avatar": {
+          "name": "avatar",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'user'"
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'active'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "users_username_unique": {
+          "name": "users_username_unique",
+          "columns": [
+            "username"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "app_configs": {
+      "name": "app_configs",
+      "columns": {
+        "key": {
+          "name": "key",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "value": {
+          "name": "value",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "value_type": {
+          "name": "value_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user_configs": {
+      "name": "user_configs",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "key": {
+          "name": "key",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "value": {
+          "name": "value",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "value_type": {
+          "name": "value_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "user_configs_user_id_idx": {
+          "name": "user_configs_user_id_idx",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "user_configs_user_id_users_id_fk": {
+          "name": "user_configs_user_id_users_id_fk",
+          "tableFrom": "user_configs",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "user_configs_user_id_key_pk": {
+          "columns": [
+            "user_id",
+            "key"
+          ],
+          "name": "user_configs_user_id_key_pk"
+        }
+      },
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "article_cards": {
+      "name": "article_cards",
+      "columns": {
+        "article_id": {
+          "name": "article_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "card_id": {
+          "name": "card_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sort_order": {
+          "name": "sort_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        }
+      },
+      "indexes": {
+        "idx_article_card_article": {
+          "name": "idx_article_card_article",
+          "columns": [
+            "article_id"
+          ],
+          "isUnique": false
+        },
+        "idx_article_card_card": {
+          "name": "idx_article_card_card",
+          "columns": [
+            "card_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "article_cards_article_id_articles_id_fk": {
+          "name": "article_cards_article_id_articles_id_fk",
+          "tableFrom": "article_cards",
+          "tableTo": "articles",
+          "columnsFrom": [
+            "article_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "article_cards_card_id_cards_id_fk": {
+          "name": "article_cards_card_id_cards_id_fk",
+          "tableFrom": "article_cards",
+          "tableTo": "cards",
+          "columnsFrom": [
+            "card_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "article_card_pk": {
+          "columns": [
+            "article_id",
+            "card_id"
+          ],
+          "name": "article_card_pk"
+        }
+      },
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "articles": {
+      "name": "articles",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "title": {
+          "name": "title",
+          "type": "text(255)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "summary": {
+          "name": "summary",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "cover": {
+          "name": "cover",
+          "type": "text(500)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'draft'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_article_status": {
+          "name": "idx_article_status",
+          "columns": [
+            "status"
+          ],
+          "isUnique": false
+        },
+        "idx_article_created": {
+          "name": "idx_article_created",
+          "columns": [
+            "created_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "card_images": {
+      "name": "card_images",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "card_id": {
+          "name": "card_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "url": {
+          "name": "url",
+          "type": "text(500)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sort_order": {
+          "name": "sort_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        }
+      },
+      "indexes": {
+        "idx_card_image_card": {
+          "name": "idx_card_image_card",
+          "columns": [
+            "card_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "card_images_card_id_cards_id_fk": {
+          "name": "card_images_card_id_cards_id_fk",
+          "tableFrom": "card_images",
+          "tableTo": "cards",
+          "columnsFrom": [
+            "card_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "card_tags": {
+      "name": "card_tags",
+      "columns": {
+        "card_id": {
+          "name": "card_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "tag_id": {
+          "name": "tag_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_card_tag_card": {
+          "name": "idx_card_tag_card",
+          "columns": [
+            "card_id"
+          ],
+          "isUnique": false
+        },
+        "idx_card_tag_tag": {
+          "name": "idx_card_tag_tag",
+          "columns": [
+            "tag_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "card_tags_card_id_cards_id_fk": {
+          "name": "card_tags_card_id_cards_id_fk",
+          "tableFrom": "card_tags",
+          "tableTo": "cards",
+          "columnsFrom": [
+            "card_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "card_tags_tag_id_tags_id_fk": {
+          "name": "card_tags_tag_id_tags_id_fk",
+          "tableFrom": "card_tags",
+          "tableTo": "tags",
+          "columnsFrom": [
+            "tag_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "card_tag_pk": {
+          "columns": [
+            "card_id",
+            "tag_id"
+          ],
+          "name": "card_tag_pk"
+        }
+      },
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "cards": {
+      "name": "cards",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text(255)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "aspect_ratio": {
+          "name": "aspect_ratio",
+          "type": "real",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "category_id": {
+          "name": "category_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_card_category": {
+          "name": "idx_card_category",
+          "columns": [
+            "category_id"
+          ],
+          "isUnique": false
+        },
+        "idx_card_type": {
+          "name": "idx_card_type",
+          "columns": [
+            "type"
+          ],
+          "isUnique": false
+        },
+        "idx_card_created": {
+          "name": "idx_card_created",
+          "columns": [
+            "created_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "cards_category_id_categories_id_fk": {
+          "name": "cards_category_id_categories_id_fk",
+          "tableFrom": "cards",
+          "tableTo": "categories",
+          "columnsFrom": [
+            "category_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "categories": {
+      "name": "categories",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text(100)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text(100)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "image": {
+          "name": "image",
+          "type": "text(500)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "parent_id": {
+          "name": "parent_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "sort_order": {
+          "name": "sort_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "count": {
+          "name": "count",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_category_slug": {
+          "name": "idx_category_slug",
+          "columns": [
+            "slug"
+          ],
+          "isUnique": true
+        },
+        "idx_category_parent": {
+          "name": "idx_category_parent",
+          "columns": [
+            "parent_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "chat_messages": {
+      "name": "chat_messages",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "nickname": {
+          "name": "nickname",
+          "type": "text(20)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "client_id": {
+          "name": "client_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_chat_msg_created": {
+          "name": "idx_chat_msg_created",
+          "columns": [
+            "created_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "favorites": {
+      "name": "favorites",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "card_id": {
+          "name": "card_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_favorite_user": {
+          "name": "idx_favorite_user",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_favorite_card": {
+          "name": "idx_favorite_card",
+          "columns": [
+            "card_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "favorites_user_id_users_id_fk": {
+          "name": "favorites_user_id_users_id_fk",
+          "tableFrom": "favorites",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "favorites_card_id_cards_id_fk": {
+          "name": "favorites_card_id_cards_id_fk",
+          "tableFrom": "favorites",
+          "tableTo": "cards",
+          "columnsFrom": [
+            "card_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "favorite_pk": {
+          "columns": [
+            "user_id",
+            "card_id"
+          ],
+          "name": "favorite_pk"
+        }
+      },
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "ideas": {
+      "name": "ideas",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "author": {
+          "name": "author",
+          "type": "text(30)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "platform": {
+          "name": "platform",
+          "type": "text(30)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "color": {
+          "name": "color",
+          "type": "text(30)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_idea_created": {
+          "name": "idx_idea_created",
+          "columns": [
+            "created_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "projects": {
+      "name": "projects",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text(100)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "tags": {
+          "name": "tags",
+          "type": "text(500)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text(1000)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "path": {
+          "name": "path",
+          "type": "text(500)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_project_created": {
+          "name": "idx_project_created",
+          "columns": [
+            "created_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "tags": {
+      "name": "tags",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text(50)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text(50)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "idx_tag_slug": {
+          "name": "idx_tag_slug",
+          "columns": [
+            "slug"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "tools": {
+      "name": "tools",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text(50)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text(50)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "icon": {
+          "name": "icon",
+          "type": "text(100)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "sort_order": {
+          "name": "sort_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "llm_models": {
+      "name": "llm_models",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "provider_id": {
+          "name": "provider_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text(200)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "model_id": {
+          "name": "model_id",
+          "type": "text(200)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'text'"
+        },
+        "enabled": {
+          "name": "enabled",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 1
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "max_tokens": {
+          "name": "max_tokens",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_llm_model_provider": {
+          "name": "idx_llm_model_provider",
+          "columns": [
+            "provider_id"
+          ],
+          "isUnique": false
+        },
+        "idx_llm_model_type": {
+          "name": "idx_llm_model_type",
+          "columns": [
+            "type"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "llm_models_provider_id_llm_providers_id_fk": {
+          "name": "llm_models_provider_id_llm_providers_id_fk",
+          "tableFrom": "llm_models",
+          "tableTo": "llm_providers",
+          "columnsFrom": [
+            "provider_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "llm_providers": {
+      "name": "llm_providers",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "integer",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text(100)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text(100)",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "base_url": {
+          "name": "base_url",
+          "type": "text(500)",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "parse_mode": {
+          "name": "parse_mode",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'openai'"
+        },
+        "api_key": {
+          "name": "api_key",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'active'"
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {
+        "idx_llm_provider_user_slug": {
+          "name": "idx_llm_provider_user_slug",
+          "columns": [
+            "user_id",
+            "slug"
+          ],
+          "isUnique": true
+        },
+        "idx_llm_provider_user": {
+          "name": "idx_llm_provider_user",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "idx_llm_provider_status": {
+          "name": "idx_llm_provider_status",
+          "columns": [
+            "status"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "llm_providers_user_id_users_id_fk": {
+          "name": "llm_providers_user_id_users_id_fk",
+          "tableFrom": "llm_providers",
+          "tableTo": "users",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "scheduled_tasks": {
+      "name": "scheduled_tasks",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "cron_expression": {
+          "name": "cron_expression",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "function_name": {
+          "name": "function_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "function_payload": {
+          "name": "function_payload",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "http_method": {
+          "name": "http_method",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "http_url": {
+          "name": "http_url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "http_headers": {
+          "name": "http_headers",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "http_body": {
+          "name": "http_body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "catch_up": {
+          "name": "catch_up",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "enabled": {
+          "name": "enabled",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 1
+        },
+        "max_retries": {
+          "name": "max_retries",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "retry_delay_seconds": {
+          "name": "retry_delay_seconds",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 60
+        },
+        "timeout_seconds": {
+          "name": "timeout_seconds",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 300
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "task_execution_logs": {
+      "name": "task_execution_logs",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "task_id": {
+          "name": "task_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "started_at": {
+          "name": "started_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "(cast((julianday('now') - 2440587.5)*86400000 as integer))"
+        },
+        "finished_at": {
+          "name": "finished_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "error_message": {
+          "name": "error_message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "result_summary": {
+          "name": "result_summary",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "task_execution_logs_task_id_scheduled_tasks_id_fk": {
+          "name": "task_execution_logs_task_id_scheduled_tasks_id_fk",
+          "tableFrom": "task_execution_logs",
+          "tableTo": "scheduled_tasks",
+          "columnsFrom": [
+            "task_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/packages/drizzle-pkg/migrations/meta/_journal.json b/packages/drizzle-pkg/migrations/meta/_journal.json
index 6965254..a25e9ec 100644
--- a/packages/drizzle-pkg/migrations/meta/_journal.json
+++ b/packages/drizzle-pkg/migrations/meta/_journal.json
@@ -113,6 +113,13 @@
       "when": 1785942019319,
       "tag": "0015_high_red_shift",
       "breakpoints": true
+    },
+    {
+      "idx": 16,
+      "version": "6",
+      "when": 1785978733580,
+      "tag": "0016_broken_patch",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/server/api/agent-tools/[id].put.ts b/server/api/agent-tools/[id].put.ts
index f8a5014..01dc0c0 100644
--- a/server/api/agent-tools/[id].put.ts
+++ b/server/api/agent-tools/[id].put.ts
@@ -10,7 +10,7 @@ export default defineWrappedResponseHandler(async (event) => {
   }
 
   const body = await readBody(event);
-  const { name, slug, description, type, config, enabled, needsApproval, sortOrder } = body;
+  const { name, slug, description, type, config, enabled, needsApproval, adminOnly, sortOrder } = body;
 
   try {
     const result = await updateAgentTool(id, {
@@ -21,6 +21,7 @@ export default defineWrappedResponseHandler(async (event) => {
       config,
       enabled,
       needsApproval,
+      adminOnly,
       sortOrder,
     });
     if (!result) {
diff --git a/server/api/agent-tools/index.post.ts b/server/api/agent-tools/index.post.ts
index b111271..7eff14e 100644
--- a/server/api/agent-tools/index.post.ts
+++ b/server/api/agent-tools/index.post.ts
@@ -5,7 +5,7 @@ export default defineWrappedResponseHandler(async (event) => {
   await requireAdmin(event);
 
   const body = await readBody(event);
-  const { name, slug, description, type, config, enabled, needsApproval, sortOrder } = body;
+  const { name, slug, description, type, config, enabled, needsApproval, adminOnly, sortOrder } = body;
 
   if (!name || !slug || !type) {
     return R.throwError(422, "name、slug、type 不能为空", null);
@@ -20,6 +20,7 @@ export default defineWrappedResponseHandler(async (event) => {
       config: config ?? {},
       enabled,
       needsApproval,
+      adminOnly,
       sortOrder,
     });
     return R.success(result);
diff --git a/server/api/llm/chat/index.post.ts b/server/api/llm/chat/index.post.ts
index 8cba742..ab6849b 100644
--- a/server/api/llm/chat/index.post.ts
+++ b/server/api/llm/chat/index.post.ts
@@ -84,7 +84,7 @@ export default defineEventHandler(async (event) => {
 
   const languageModel = resolveModel(provider, model.modelId);
 
-  const { tools, approvalConfig } = enableTools ? await getEnabledToolsForLlm(user.id) : { tools: undefined, approvalConfig: {} };
+  const { tools, approvalConfig } = enableTools ? await getEnabledToolsForLlm(user.id, user.role) : { tools: undefined, approvalConfig: {} };
 
   const modelMessages = await convertToModelMessages(messages);
 
diff --git a/server/api/llm/chat/tools.get.ts b/server/api/llm/chat/tools.get.ts
index 88f8a66..0241436 100644
--- a/server/api/llm/chat/tools.get.ts
+++ b/server/api/llm/chat/tools.get.ts
@@ -1,6 +1,8 @@
+import { getCurrentUser } from "#server/utils/context";
 import { getEnabledToolInfos } from "#server/service/agent-tool";
 
-export default defineWrappedResponseHandler(async () => {
-  const result = await getEnabledToolInfos();
+export default defineWrappedResponseHandler(async (event) => {
+  const user = await getCurrentUser(event);
+  const result = await getEnabledToolInfos(user?.role ?? null);
   return R.success(result);
 });
diff --git a/server/service/agent-tool/index.ts b/server/service/agent-tool/index.ts
index 2f37886..98dc5a3 100644
--- a/server/service/agent-tool/index.ts
+++ b/server/service/agent-tool/index.ts
@@ -1,5 +1,6 @@
 import { dbGlobal } from "drizzle-pkg/lib/db";
 import { agentTools } from "drizzle-pkg/lib/schema/agent-tool";
+import type { UserRole } from "drizzle-pkg/lib/schema/auth";
 import { eq, asc } from "drizzle-orm";
 import { tool, jsonSchema } from "ai";
 import { z } from "zod";
@@ -98,6 +99,7 @@ export interface CreateAgentToolInput {
   config: Record<string, unknown>;
   enabled?: boolean;
   needsApproval?: boolean;
+  adminOnly?: boolean;
   sortOrder?: number;
 }
 
@@ -109,6 +111,7 @@ export interface UpdateAgentToolInput {
   config?: Record<string, unknown>;
   enabled?: boolean;
   needsApproval?: boolean;
+  adminOnly?: boolean;
   sortOrder?: number;
 }
 
@@ -186,6 +189,7 @@ export async function createAgentTool(input: CreateAgentToolInput): Promise<Agen
     config: JSON.stringify(validatedConfig),
     enabled: input.enabled === false ? 0 : 1,
     needsApproval: input.needsApproval ? 1 : 0,
+    adminOnly: input.adminOnly ? 1 : 0,
     sortOrder: input.sortOrder ?? 0,
   });
   const row = await getAgentToolById(id);
@@ -215,6 +219,7 @@ export async function updateAgentTool(id: string, input: UpdateAgentToolInput):
   }
   if (input.enabled !== undefined) updates.enabled = input.enabled ? 1 : 0;
   if (input.needsApproval !== undefined) updates.needsApproval = input.needsApproval ? 1 : 0;
+  if (input.adminOnly !== undefined) updates.adminOnly = input.adminOnly ? 1 : 0;
   if (input.sortOrder !== undefined) updates.sortOrder = input.sortOrder;
 
   if (Object.keys(updates).length === 0) return existing;
@@ -296,15 +301,18 @@ export interface EnabledToolInfo {
   description: string;
 }
 
-export async function getEnabledToolInfos(): Promise<EnabledToolInfo[]> {
+export async function getEnabledToolInfos(userRole: UserRole | null = null): Promise<EnabledToolInfo[]> {
   const tools = await dbGlobal
     .select()
     .from(agentTools)
     .where(eq(agentTools.enabled, 1))
     .orderBy(asc(agentTools.sortOrder));
 
+  const isAdmin = userRole === "admin";
+
   const result: EnabledToolInfo[] = [];
   for (const agentTool of tools) {
+    if (!isAdmin && agentTool.adminOnly) continue;
     const executor = getExecutor(agentTool.type);
     if (!executor) continue;
     let config: unknown;
@@ -323,7 +331,10 @@ export async function getEnabledToolInfos(): Promise<EnabledToolInfo[]> {
   return result;
 }
 
-export async function getEnabledToolsForLlm(userId: number | null = null): Promise<{
+export async function getEnabledToolsForLlm(
+  userId: number | null = null,
+  userRole: UserRole | null = null,
+): Promise<{
   tools: Record<string, ReturnType<typeof tool>>;
   approvalConfig: Record<string, "user-approval" | "approved">;
 }> {
@@ -333,9 +344,12 @@ export async function getEnabledToolsForLlm(userId: number | null = null): Promi
     .where(eq(agentTools.enabled, 1))
     .orderBy(asc(agentTools.sortOrder));
 
+  const isAdmin = userRole === "admin";
+
   const result: Record<string, any> = {};
   const approvalConfig: Record<string, "user-approval" | "approved"> = {};
   for (const agentTool of tools) {
+    if (!isAdmin && agentTool.adminOnly) continue;
     const executor = getExecutor(agentTool.type);
     if (!executor) continue;
     let config: unknown;