@allbluecn/web-app 0.4.10 → 0.4.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allbluecn/web-app",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "license": "AGPL-3.0-or-later",
   "type": "module",
   "files": [
@@ -24,6 +24,8 @@
     "@base-ui/react": "^1.4.1",
     "@dnd-kit/react": "^0.5.0",
     "@floating-ui/react": "^0.27.19",
+    "@fontsource-variable/geist": "^5.3.0",
+    "@fontsource-variable/geist-mono": "^5.3.0",
     "@iconify/react": "^6.0.2",
     "@lobehub/icons": "^5.10.0",
     "@prisma/client": "^7.8.0",
@@ -133,14 +135,14 @@
     "three": "^0.180.0",
     "tw-animate-css": "^1.4.0",
     "zod": "^4.4.3",
-    "@allbluecn/database": "0.4.10",
+    "@allbluecn/ai-gateway": "0.4.11",
+    "@allbluecn/database": "0.4.11",
     "@allbluecn/kernel": "0.3.0",
-    "@allbluecn/ai-gateway": "0.4.10",
-    "@allbluecn/plugins-core": "0.4.10",
+    "@allbluecn/plugins-core": "0.4.11",
     "@allbluecn/prototype": "0.1.1",
-    "@allbluecn/shared": "0.4.10",
-    "@allbluecn/tiptap": "0.4.10",
-    "@allbluecn/ui": "0.4.10"
+    "@allbluecn/tiptap": "0.4.11",
+    "@allbluecn/shared": "0.4.11",
+    "@allbluecn/ui": "0.4.11"
   },
   "devDependencies": {
     "@babel/parser": "^8.0.4",

package/public/tanstack-landscape-black.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 321.33 50">
+  <defs>
+    <style>
+      .cls-1 {
+        fill-rule: evenodd;
+      }
+
+      .cls-1, .cls-2 {
+        fill: #121212;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M19.03,0c13.76,0,19.03,8.54,19.03,25s-5.27,25-19.03,25S0,41.46,0,25C0,8.54,5.27,0,19.03,0ZM25.32,36.42c-1.79,0-2.76.49-3.55.88-.68.34-1.21.61-2.38.61-1.17,0-1.71-.27-2.38-.61-.78-.39-1.76-.88-3.55-.88-1.79,0-2.76.49-3.55.88-.68.34-1.21.61-2.38.61v2.6c1.79,0,2.76-.49,3.55-.88.68-.34,1.21-.61,2.38-.61s1.71.27,2.38.61c.78.39,1.76.88,3.55.88s2.76-.49,3.55-.88c.68-.34,1.21-.61,2.38-.61s1.71.27,2.38.61c.78.39,1.76.88,3.55.88v-2.6c-1.17,0-1.71-.27-2.38-.61-.78-.39-1.76-.88-3.55-.88ZM26.17,10.31c1.35-1.22,0-3.43-1.69-2.76-.93.37-1.81.91-2.59,1.62-1.23,1.11-2.05,2.52-2.5,4.04-.44-1.53-1.27-2.93-2.5-4.04-.78-.7-1.66-1.25-2.6-1.62-1.69-.67-3.04,1.54-1.69,2.76l4.95,4.49c-1.62-1.1-3.56-1.75-5.67-1.75-1.15,0-2.25.19-3.28.54-1.73.59-1.25,3.19.57,3.19h6.91c-1.52.29-2.97.97-4.18,2.06-.78.7-1.4,1.53-1.87,2.43-.84,1.61,1.22,3.18,2.57,1.97l5.57-5.04-.42,13.87c0,.17-.1.33-.22.46-.18-.08-.35-.16-.53-.26-.78-.39-1.76-.88-3.55-.88s-2.76.49-3.55.88c-.68.34-1.21.61-2.38.61v2.6c1.79,0,2.76-.49,3.55-.88.68-.34,1.21-.61,2.38-.61s1.71.27,2.38.61c.78.39,1.76.88,3.55.88s2.76-.49,3.55-.88c.68-.34,1.21-.61,2.38-.61s1.71.27,2.38.61c.78.39,1.76.88,3.55.88v-2.6c-1.17,0-1.71-.27-2.38-.61h0c-.78-.4-1.76-.89-3.55-.89s-2.76.49-3.55.88c-.2.1-.39.2-.59.28-.15-.13-.24-.3-.25-.48l-.42-13.94,5.65,5.12c1.35,1.22,3.4-.35,2.57-1.97-.46-.89-1.08-1.72-1.87-2.43-1.21-1.1-2.65-1.77-4.18-2.06h6.91c1.83,0,2.3-2.6.57-3.19-1.03-.35-2.13-.54-3.28-.54-2.1,0-4.04.65-5.67,1.75l4.95-4.49Z"/>
+  <path class="cls-2" d="M151.71,43.25h-12.45c-.67,0-1.28-.42-1.53-1.04l-2.55-6.55c-.65-1.7-3.15-1.22-3.17.58-.02,1.8-.02,3.53-.02,5.37,0,.9-.74,1.64-1.64,1.64h-10.47c-.92,0-1.64-.72-1.64-1.64V8.34c0-.9.72-1.64,1.64-1.64h12.43c.69-.02,1.28.41,1.53,1.04l2.61,6.84c.65,1.7,3.15,1.25,3.17-.57l.07-5.69c0-.9.74-1.63,1.64-1.63h10.4c.9,0,1.64.74,1.64,1.66v33.26c0,.92-.74,1.64-1.64,1.64l-.02-.02Z"/>
+  <path class="cls-2" d="M98.25,37.35l-3.85-.04c-.81,0-1.5.58-1.64,1.38l-.53,3.18c-.12.79-.81,1.38-1.62,1.38h-11.07c-1.07,0-1.85-.99-1.6-2.03l8.38-33.28c.18-.72.85-1.24,1.6-1.24h16.76c.76.02,1.41.53,1.58,1.27l8.4,33.25c.26,1.04-.51,2.05-1.58,2.05l-11.07.04c-.81,0-1.5-.58-1.62-1.38l-.53-3.16c-.12-.79-.81-1.38-1.6-1.38v-.04ZM97.94,27.4l-.85-4.19c-.18-.88-1.44-.88-1.62,0l-.76,4.2c-.19,1.02.62,1.98,1.65,1.94,1.02-.04,1.76-.97,1.57-1.98v.02Z"/>
+  <path class="cls-2" d="M69.77,43.23l-10.49.04c-.92,0-1.65-.74-1.65-1.64v-21.76c0-.9-.72-1.64-1.64-1.64h-5.39c-.9,0-1.64-.76-1.64-1.66v-8.2c0-.9.74-1.64,1.65-1.64h27.8c.9,0,1.64.74,1.64,1.64v8.2c0,.9-.72,1.64-1.64,1.64h-5.39c-.9,0-1.64.74-1.64,1.66v21.75c0,.9-.74,1.64-1.64,1.64l.02-.02Z"/>
+  <path class="cls-2" d="M311.9,24.92l9.21,15.85c.63,1.1-.14,2.47-1.41,2.47l-10.72.05c-.6,0-1.14-.32-1.44-.83l-4.07-7.21c-.6-1.08-2.24-.65-2.25.58l-.1,5.81c0,.9-.74,1.63-1.64,1.63h-10.47c-.92,0-1.64-.72-1.64-1.64V8.37c0-.9.72-1.64,1.64-1.64h10.49c.9,0,1.62.71,1.64,1.59l.11,4.26c.04,1.27,1.74,1.64,2.29.49l2.59-5.39c.28-.57.85-.94,1.48-.94h10.88c1.27-.02,2.06,1.34,1.43,2.44l-7.97,14.1c-.28.51-.28,1.13,0,1.64h-.02Z"/>
+  <path class="cls-2" d="M238.4,37.38l-3.85-.04c-.81,0-1.5.58-1.64,1.38l-.53,3.18c-.12.79-.81,1.38-1.62,1.38h-11.09c-1.07,0-1.85-.99-1.6-2.03l8.38-33.26c.18-.72.85-1.24,1.58-1.24h16.78c.76-.02,1.41.49,1.6,1.22l8.4,33.26c.26,1.04-.51,2.05-1.58,2.05h-11.07c-.81.04-1.5-.55-1.62-1.34l-.53-3.16c-.12-.79-.81-1.38-1.6-1.38v-.02ZM238.07,27.43l-.74-3.67c-.19-.99-1.62-.99-1.81.02l-.67,3.69c-.19,1.02.62,1.98,1.65,1.94,1.02-.04,1.76-.97,1.57-1.98Z"/>
+  <path class="cls-2" d="M189.42,33.35c-.99,11.71-17.78,12.35-29.17,8.2-.67-.25-1.11-.9-1.11-1.61v-9.57c0-1.31,1.37-2.14,2.52-1.5,3.68,2.01,7.39,3.44,11.6,4.29,0,0,1.39.11,1.9-.79.51-.9-.46-1.25-.88-1.61-8.01-3.48-17.32-5.53-16.49-14.59.97-10.48,16.83-11.75,27.62-8.39.7.21,1.18.9,1.18,1.64v9.38c0,1.24-1.27,2.07-2.41,1.57-5.16-2.28-12.16-4.29-11.81-2.95.9,3.39,18.06,3.76,17.04,15.9l.02.04Z"/>
+  <path class="cls-2" d="M271.32,29.38c2.8,2.33,6.25,2.44,9.22.94,1.41-.71,3.06.25,3.06,1.82l.05,8.37c0,.87-.51,1.68-1.34,1.96-8.08,2.86-17.55,1.24-23.25-5.81-5.7-7.05-5.42-16.91.23-23.62,5.65-6.71,15.03-8.27,23.01-5.55.83.28,1.36,1.1,1.36,1.98l-.05,8.37c0,1.57-1.65,2.53-3.06,1.84-2.94-1.47-6.28-1.47-9.12.79-2.48,1.98-2.75,6.69-.11,8.9Z"/>
+  <path class="cls-2" d="M210.7,43.24l-10.49.04c-.92,0-1.65-.74-1.65-1.64v-21.76c0-.9-.72-1.64-1.64-1.64h-5.39c-.9,0-1.64-.76-1.64-1.66v-8.2c0-.9.74-1.64,1.65-1.64h27.79c.9,0,1.64.74,1.64,1.64v8.2c0,.9-.72,1.64-1.64,1.64h-5.39c-.9,0-1.64.74-1.64,1.66v21.75c0,.9-.72,1.64-1.64,1.64l.02-.02Z"/>
+</svg>

package/public/tanstack-landscape-white.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 321.33 50">
+  <defs>
+    <style>
+      .cls-1 {
+        fill-rule: evenodd;
+      }
+
+      .cls-1, .cls-2 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M19.03,0c13.76,0,19.03,8.54,19.03,25s-5.27,25-19.03,25S0,41.46,0,25C0,8.54,5.27,0,19.03,0ZM25.32,36.42c-1.79,0-2.76.49-3.55.88-.68.34-1.21.61-2.38.61-1.17,0-1.71-.27-2.38-.61-.78-.39-1.76-.88-3.55-.88-1.79,0-2.76.49-3.55.88-.68.34-1.21.61-2.38.61v2.6c1.79,0,2.76-.49,3.55-.88.68-.34,1.21-.61,2.38-.61s1.71.27,2.38.61c.78.39,1.76.88,3.55.88s2.76-.49,3.55-.88c.68-.34,1.21-.61,2.38-.61s1.71.27,2.38.61c.78.39,1.76.88,3.55.88v-2.6c-1.17,0-1.71-.27-2.38-.61-.78-.39-1.76-.88-3.55-.88ZM26.17,10.31c1.35-1.22,0-3.43-1.69-2.76-.93.37-1.81.91-2.59,1.62-1.23,1.11-2.05,2.52-2.5,4.04-.44-1.53-1.27-2.93-2.5-4.04-.78-.7-1.66-1.25-2.6-1.62-1.69-.67-3.04,1.54-1.69,2.76l4.95,4.49c-1.62-1.1-3.56-1.75-5.67-1.75-1.15,0-2.25.19-3.28.54-1.73.59-1.25,3.19.57,3.19h6.91c-1.52.29-2.97.97-4.18,2.06-.78.7-1.4,1.53-1.87,2.43-.84,1.61,1.22,3.18,2.57,1.97l5.57-5.04-.42,13.87c0,.17-.1.33-.22.46-.18-.08-.35-.16-.53-.26-.78-.39-1.76-.88-3.55-.88s-2.76.49-3.55.88c-.68.34-1.21.61-2.38.61v2.6c1.79,0,2.76-.49,3.55-.88.68-.34,1.21-.61,2.38-.61s1.71.27,2.38.61c.78.39,1.76.88,3.55.88s2.76-.49,3.55-.88c.68-.34,1.21-.61,2.38-.61s1.71.27,2.38.61c.78.39,1.76.88,3.55.88v-2.6c-1.17,0-1.71-.27-2.38-.61h0c-.78-.4-1.76-.89-3.55-.89s-2.76.49-3.55.88c-.2.1-.39.2-.59.28-.15-.13-.24-.3-.25-.48l-.42-13.94,5.65,5.12c1.35,1.22,3.4-.35,2.57-1.97-.46-.89-1.08-1.72-1.87-2.43-1.21-1.1-2.65-1.77-4.18-2.06h6.91c1.83,0,2.3-2.6.57-3.19-1.03-.35-2.13-.54-3.28-.54-2.1,0-4.04.65-5.67,1.75l4.95-4.49Z"/>
+  <path class="cls-2" d="M151.71,43.25h-12.45c-.67,0-1.28-.42-1.53-1.04l-2.55-6.55c-.65-1.7-3.15-1.22-3.17.58-.02,1.8-.02,3.53-.02,5.37,0,.9-.74,1.64-1.64,1.64h-10.47c-.92,0-1.64-.72-1.64-1.64V8.34c0-.9.72-1.64,1.64-1.64h12.43c.69-.02,1.28.41,1.53,1.04l2.61,6.84c.65,1.7,3.15,1.25,3.17-.57l.07-5.69c0-.9.74-1.63,1.64-1.63h10.4c.9,0,1.64.74,1.64,1.66v33.26c0,.92-.74,1.64-1.64,1.64l-.02-.02Z"/>
+  <path class="cls-2" d="M98.25,37.35l-3.85-.04c-.81,0-1.5.58-1.64,1.38l-.53,3.18c-.12.79-.81,1.38-1.62,1.38h-11.07c-1.07,0-1.85-.99-1.6-2.03l8.38-33.28c.18-.72.85-1.24,1.6-1.24h16.76c.76.02,1.41.53,1.58,1.27l8.4,33.25c.26,1.04-.51,2.05-1.58,2.05l-11.07.04c-.81,0-1.5-.58-1.62-1.38l-.53-3.16c-.12-.79-.81-1.38-1.6-1.38v-.04ZM97.94,27.4l-.85-4.19c-.18-.88-1.44-.88-1.62,0l-.76,4.2c-.19,1.02.62,1.98,1.65,1.94,1.02-.04,1.76-.97,1.57-1.98v.02Z"/>
+  <path class="cls-2" d="M69.77,43.23l-10.49.04c-.92,0-1.65-.74-1.65-1.64v-21.76c0-.9-.72-1.64-1.64-1.64h-5.39c-.9,0-1.64-.76-1.64-1.66v-8.2c0-.9.74-1.64,1.65-1.64h27.8c.9,0,1.64.74,1.64,1.64v8.2c0,.9-.72,1.64-1.64,1.64h-5.39c-.9,0-1.64.74-1.64,1.66v21.75c0,.9-.74,1.64-1.64,1.64l.02-.02Z"/>
+  <path class="cls-2" d="M311.9,24.92l9.21,15.85c.63,1.1-.14,2.47-1.41,2.47l-10.72.05c-.6,0-1.14-.32-1.44-.83l-4.07-7.21c-.6-1.08-2.24-.65-2.25.58l-.1,5.81c0,.9-.74,1.63-1.64,1.63h-10.47c-.92,0-1.64-.72-1.64-1.64V8.37c0-.9.72-1.64,1.64-1.64h10.49c.9,0,1.62.71,1.64,1.59l.11,4.26c.04,1.27,1.74,1.64,2.29.49l2.59-5.39c.28-.57.85-.94,1.48-.94h10.88c1.27-.02,2.06,1.34,1.43,2.44l-7.97,14.1c-.28.51-.28,1.13,0,1.64h-.02Z"/>
+  <path class="cls-2" d="M238.4,37.38l-3.85-.04c-.81,0-1.5.58-1.64,1.38l-.53,3.18c-.12.79-.81,1.38-1.62,1.38h-11.09c-1.07,0-1.85-.99-1.6-2.03l8.38-33.26c.18-.72.85-1.24,1.58-1.24h16.78c.76-.02,1.41.49,1.6,1.22l8.4,33.26c.26,1.04-.51,2.05-1.58,2.05h-11.07c-.81.04-1.5-.55-1.62-1.34l-.53-3.16c-.12-.79-.81-1.38-1.6-1.38v-.02ZM238.07,27.43l-.74-3.67c-.19-.99-1.62-.99-1.81.02l-.67,3.69c-.19,1.02.62,1.98,1.65,1.94,1.02-.04,1.76-.97,1.57-1.98Z"/>
+  <path class="cls-2" d="M189.42,33.35c-.99,11.71-17.78,12.35-29.17,8.2-.67-.25-1.11-.9-1.11-1.61v-9.57c0-1.31,1.37-2.14,2.52-1.5,3.68,2.01,7.39,3.44,11.6,4.29,0,0,1.39.11,1.9-.79.51-.9-.46-1.25-.88-1.61-8.01-3.48-17.32-5.53-16.49-14.59.97-10.48,16.83-11.75,27.62-8.39.7.21,1.18.9,1.18,1.64v9.38c0,1.24-1.27,2.07-2.41,1.57-5.16-2.28-12.16-4.29-11.81-2.95.9,3.39,18.06,3.76,17.04,15.9l.02.04Z"/>
+  <path class="cls-2" d="M271.32,29.38c2.8,2.33,6.25,2.44,9.22.94,1.41-.71,3.06.25,3.06,1.82l.05,8.37c0,.87-.51,1.68-1.34,1.96-8.08,2.86-17.55,1.24-23.25-5.81-5.7-7.05-5.42-16.91.23-23.62,5.65-6.71,15.03-8.27,23.01-5.55.83.28,1.36,1.1,1.36,1.98l-.05,8.37c0,1.57-1.65,2.53-3.06,1.84-2.94-1.47-6.28-1.47-9.12.79-2.48,1.98-2.75,6.69-.11,8.9Z"/>
+  <path class="cls-2" d="M210.7,43.24l-10.49.04c-.92,0-1.65-.74-1.65-1.64v-21.76c0-.9-.72-1.64-1.64-1.64h-5.39c-.9,0-1.64-.76-1.64-1.66v-8.2c0-.9.74-1.64,1.65-1.64h27.79c.9,0,1.64.74,1.64,1.64v8.2c0,.9-.72,1.64-1.64,1.64h-5.39c-.9,0-1.64.74-1.64,1.66v21.75c0,.9-.72,1.64-1.64,1.64l.02-.02Z"/>
+</svg>

package/src/components/changelog/changelog-page.tsx

@@ -0,0 +1,382 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { cn } from '@/lib/utils'
+import { ScrollText, AlertTriangle, ArrowLeft } from 'lucide-react'
+import ReactMarkdown from 'react-markdown'
+import { useTranslation } from 'react-i18next'
+import { useMemo, useState } from 'react'
+import { Route } from '@/routes/_nav/changelog/route'
+import type { DeveloperLogEntry } from '@allbluecn/shared'
+import { SDK_GROUPS } from '@/lib/changelog/sdk-versions'
+import { APP_FULL_VERSION } from '@/lib/app-version'
+
+const TAG_KEYS = ['all', 'feat', 'fix', 'improvement', 'design', 'refactor', 'breaking', 'docs', 'security', 'perf']
+
+const REQUIRES_ACTION_TAGS = new Set(['breaking'])
+
+function ChangelogSidebar() {
+  const { t } = useTranslation('common')
+
+  return (
+    <aside className="shrink-0 w-150 h-full flex flex-col py-6 pr-12 pl-10 border-r border-border bg-muted/50">
+      <div className="flex-1 flex flex-col gap-8 justify-center">
+        <div>
+          <h1 className="text-4xl  font-medium tracking-tight">
+            {t('changelog.title')}
+          </h1>
+          <p className="text-sm text-muted-foreground mt-3 leading-relaxed">
+            {t('changelog.description')}
+          </p>
+        </div>
+
+        <div className="flex flex-col gap-4">
+          <h2 className="text-sm font-semibold tracking-tight">
+            {t('changelog.sdkVersions')}
+          </h2>
+          {SDK_GROUPS.map((group) => (
+            <SdkGroupSection key={group.id} group={group} t={t} />
+          ))}
+        </div>
+
+        <div>
+          <h3 className="text-sm font-semibold tracking-tight">
+            {t('changelog.subscribe.title')}
+          </h3>
+          <p className="text-xs text-muted-foreground mt-1 leading-relaxed">
+            {t('changelog.subscribe.subtitle')}
+          </p>
+          <div className="mt-3 flex gap-1.5">
+            <input
+              type="email"
+              placeholder={t('changelog.subscribe.placeholder')}
+              className="flex-1 min-w-0 h-8 rounded-md border border-border bg-background px-3 text-xs placeholder:text-muted-foreground/70 focus:outline-none focus:ring-2 focus:ring-primary/20 transition-shadow"
+            />
+            <button className="h-8 px-3 rounded-md bg-primary text-primary-foreground text-xs font-medium hover:bg-primary/90 transition-colors shrink-0">
+              {t('changelog.subscribe.submit')}
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <div className="pt-4 border-border/50">
+        <code className="text-[10px] font-mono text-primary/80 bg-primary/5 px-2 py-0.5 rounded-full">
+          {APP_FULL_VERSION}
+        </code>
+      </div>
+    </aside>
+  )
+}
+
+function TagFilter({
+  activeTag,
+  onTagChange,
+}: {
+  activeTag: string
+  onTagChange: (tag: string) => void
+}) {
+  const { t } = useTranslation('common')
+
+  return (
+    <div className="flex flex-wrap gap-1.5">
+      {TAG_KEYS.map((tag) => {
+        const isActive = activeTag === tag
+        const label = t(`changelog.tags.${tag}`)
+        return (
+          <button
+            key={tag}
+            onClick={() => onTagChange(tag)}
+            className={cn(
+              'inline-flex items-center gap-1 px-2.5 py-1 rounded-md text-xs font-medium transition-colors border',
+              isActive
+                ? 'bg-primary/10 text-primary border-primary/20'
+                : 'bg-transparent text-muted-foreground border-border/50 hover:text-foreground hover:border-border'
+            )}
+          >
+            {label}
+            {REQUIRES_ACTION_TAGS.has(tag) && (
+              <AlertTriangle className="size-3" />
+            )}
+          </button>
+        )
+      })}
+    </div>
+  )
+}
+
+function YearHeader({ year, count }: { year: string; count: number }) {
+  const { t } = useTranslation('common')
+
+  return (
+    <div className="flex items-center gap-3 py-4 mb-1">
+      <h3 className="text-xl font-semibold tracking-tight">{year}</h3>
+      <span className="text-xs text-muted-foreground font-mono">
+        {count} {t('changelog.entries')}
+      </span>
+      <div className="flex-1 h-px bg-border/50" />
+    </div>
+  )
+}
+
+function ChangelogEntry({
+  entry,
+  onClick,
+}: {
+  entry: { id: string; date: string; title: string; desc: string; tags: string[] }
+  onClick: (id: string) => void
+}) {
+  const { t } = useTranslation('common')
+
+  return (
+    <div
+      className="group py-3 hover:bg-muted/30 -mx-3 px-3 rounded-lg transition-colors cursor-pointer"
+      onClick={() => onClick(entry.id)}
+    >
+      <div className="flex items-start gap-3">
+        <div className="shrink-0 pt-0.5">
+          <span className="text-xs text-muted-foreground tabular-nums">
+            {entry.date}
+          </span>
+        </div>
+        <div className="flex-1 min-w-0">
+          <div className="flex items-start gap-2">
+            <h4 className="text-sm font-semibold leading-snug group-hover:text-primary transition-colors">
+              {entry.title}
+            </h4>
+            {entry.tags.includes('breaking') && (
+              <span className="inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-medium bg-destructive/10 text-destructive shrink-0 mt-0.5">
+                <AlertTriangle className="size-2.5" />
+                {t('changelog.requiresAction')}
+              </span>
+            )}
+          </div>
+          <p className="text-xs text-muted-foreground leading-relaxed mt-1 line-clamp-2">
+            {entry.desc}
+          </p>
+          {entry.tags.length > 0 && (
+            <div className="flex flex-wrap gap-1 mt-1.5">
+              {entry.tags.map((tag) => (
+                <span
+                  key={tag}
+                  className="inline-flex items-center px-1.5 py-0.5 rounded text-[10px] text-muted-foreground bg-muted/50"
+                >
+                  {t(`changelog.tags.${tag}`)}
+                </span>
+              ))}
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+function ChangelogDetail({
+  entry,
+  onBack,
+}: {
+  entry: DeveloperLogEntry
+  onBack: () => void
+}) {
+  const { t } = useTranslation('common')
+
+  return (
+    <div className="h-full flex justify-center">
+      <div className="max-w-4xl flex flex-col py-5">
+        <button
+          onClick={onBack}
+          className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors mb-6 shrink-0"
+        >
+          <ArrowLeft className="size-3.5" />
+          {t('changelog.backToList')}
+        </button>
+
+        <div className="flex items-start gap-3 mb-4">
+          <span className="text-xs text-muted-foreground font-mono tabular-nums pt-0.5 shrink-0">
+            {entry.date}
+          </span>
+        </div>
+
+        <h2 className="text-2xl font-semibold tracking-tight mb-4">
+          {entry.title}
+        </h2>
+
+        {entry.tags.length > 0 && (
+          <div className="flex flex-wrap gap-1.5 mb-6">
+            {entry.tags.map((tag) => (
+              <span
+                key={tag}
+                className={cn(
+                  'inline-flex items-center gap-1 px-2 py-0.5 rounded text-[10px] font-medium border',
+                  tag === 'breaking'
+                    ? 'bg-destructive/10 text-destructive border-destructive/20'
+                    : 'text-muted-foreground bg-muted/50 border-border/50'
+                )}
+              >
+                {t(`changelog.tags.${tag}`)}
+              </span>
+            ))}
+          </div>
+        )}
+
+        <div className="typeset typeset-article max-w-[37em]">
+          <ReactMarkdown>{entry.desc}</ReactMarkdown>
+        </div>
+
+        {entry.commitSha && (
+          <div className="mt-6 pt-4 border-t border-border/50">
+            <code className="text-[10px] font-mono text-muted-foreground">
+              commit: {entry.commitSha}
+            </code>
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
+
+function SdkGroupSection({ group, t }: { group: (typeof SDK_GROUPS)[0]; t: (key: string) => string }) {
+  const isTanstack = group.id === 'tanstack'
+
+  return (
+    <div>
+      <div
+        className="flex items-center gap-1.5 w-full py-1"
+      >
+        {isTanstack ? (
+          <span className="shrink-0">
+            <img
+              src="/tanstack-landscape-black.svg"
+              alt="TanStack"
+              className="h-4 dark:hidden"
+            />
+            <img
+              src="/tanstack-landscape-white.svg"
+              alt="TanStack"
+              className="hidden h-4 dark:block"
+            />
+          </span>
+        ) : (
+          <span className="text-base">{group.icon}</span>
+        )}
+        <span className="text-xs mt-1 font-semibold text-foreground/80">
+          {t(`changelog.sdkGroups.${group.label}`)}
+        </span>
+      </div>
+      <ul className="mt-1 flex flex-col">
+        {group.items.map((sdk) => (
+          <li key={sdk.name}>
+            <a
+              href={sdk.docsUrl || undefined}
+              target={sdk.docsUrl ? '_blank' : undefined}
+              rel={sdk.docsUrl ? 'noopener noreferrer' : undefined}
+              className="flex items-center justify-between gap-2 py-1.5 group"
+            >
+              <span className="text-xs font-medium text-muted-foreground group-hover:text-primary transition-colors truncate">
+                {sdk.name}
+              </span>
+              <code className="text-[10px] font-mono text-muted-foreground bg-muted/50 px-1.5 py-0.5 rounded shrink-0 group-hover:text-primary transition-colors">
+                {sdk.version}
+              </code>
+            </a>
+          </li>
+        ))}
+      </ul>
+    </div>
+  )
+}
+
+function ChangelogPage() {
+  const { t } = useTranslation('common')
+  const [activeTag, setActiveTag] = useState<string>('all')
+  const [selectedEntryId, setSelectedEntryId] = useState<string | null>(null)
+  const { entries } = Route.useLoaderData()
+
+  const filteredEntries = useMemo(() => {
+    if (activeTag === 'all') return entries
+    return entries.filter((entry) => entry.tags.includes(activeTag))
+  }, [activeTag, entries])
+
+  const grouped = useMemo(() => {
+    const groups: Record<string, DeveloperLogEntry[]> = {}
+    filteredEntries.forEach((entry) => {
+      if (!groups[entry.year]) groups[entry.year] = []
+      groups[entry.year].push(entry)
+    })
+    return Object.entries(groups).sort(([a], [b]) => Number(b) - Number(a))
+  }, [filteredEntries])
+
+  const selectedEntry = useMemo(
+    () => entries.find((e) => e.id === selectedEntryId) ?? null,
+    [entries, selectedEntryId]
+  )
+
+  const handleEntryClick = (id: string) => {
+    setSelectedEntryId(id)
+  }
+
+  const handleBack = () => {
+    setSelectedEntryId(null)
+  }
+
+  return (
+    <div className="h-full flex">
+      <ChangelogSidebar />
+
+      <div className="flex-1 min-w-0 flex flex-col h-full pl-8 pr-6 py-5">
+        {selectedEntry ? (
+          <ChangelogDetail entry={selectedEntry} onBack={handleBack} />
+        ) : (
+          <>
+            <div className="shrink-0 pb-3">
+              <TagFilter activeTag={activeTag} onTagChange={setActiveTag} />
+            </div>
+
+            <div className="flex-1 min-h-0 overflow-y-auto">
+              {grouped.length === 0 ? (
+                <div className="flex flex-col items-center justify-center h-40 text-center">
+                  <ScrollText className="size-8 text-muted-foreground/40 mb-2" />
+                  <p className="text-sm text-muted-foreground">{t('changelog.noMatch')}</p>
+                  <p className="text-xs text-muted-foreground mt-0.5">{t('changelog.noMatchHint')}</p>
+                </div>
+              ) : (
+                <div className="space-y-4">
+                  {grouped.map(([year, yearEntries]) => (
+                    <div key={year}>
+                      <YearHeader year={year} count={yearEntries.length} />
+                      <div className="space-y-0">
+                        {yearEntries.map((entry) => (
+                          <ChangelogEntry
+                            key={entry.id}
+                            entry={entry}
+                            onClick={handleEntryClick}
+                          />
+                        ))}
+                      </div>
+                    </div>
+                  ))}
+                </div>
+              )}
+            </div>
+          </>
+        )}
+      </div>
+    </div>
+  )
+}
+
+export { ChangelogPage }

package/src/components/layout/sidebar-03/app-sidebar.tsx

@@ -39,7 +39,8 @@ import { Badge } from "@/components/ui/badge"
 import { workspaceRoutes } from "@/config/sidebar-routes";
 import { notifications } from "@/config/sidebar-notifications";
 import type { Route } from "@/config/sidebar-routes";
-import { SidebarSearchTrigger } from "@/components/layout/sidebar-03/sidebar-search-trigger"
+import { SidebarSearchTrigger } from "@/components/layout/sidebar-03/nav-search-trigger"
+import { NavSecondary } from "@/components/layout/sidebar-03/nav-secondary"
 import { PluginNavItems } from '@/components/plugin-slots/plugin-nav-items'
 
 export function DashboardSidebar() {
@@ -101,6 +102,7 @@ export function DashboardSidebar() {
         <NavAnyHub />
       </SidebarContent>
       <SidebarFooter className="gap-2 px-2 pb-3">
+        <NavSecondary />
         <SidebarSearchTrigger />
         <UserMenu />
       </SidebarFooter>

package/src/components/layout/sidebar-03/nav-secondary.tsx

@@ -0,0 +1,93 @@
+import {
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  useSidebar,
+} from "@/components/ui/sidebar"
+import { BookOpen, ScrollText } from "lucide-react"
+import { cn } from "@/lib/utils"
+import { Link } from "@tanstack/react-router"
+import { APP_VERSION_DISPLAY } from "@/lib/app-version"
+
+const items = [
+  {
+    title: "使用文档",
+    Icon: BookOpen,
+    href: "/docs",
+    tooltip: "使用文档",
+    external: true,
+  },
+  {
+    title: "开发者日志",
+    Icon: ScrollText,
+    href: "/changelog",
+    tooltip: "开发者日志",
+    badge: APP_VERSION_DISPLAY,
+  },
+]
+
+export function NavSecondary() {
+  const { state } = useSidebar()
+  const isCollapsed = state === "collapsed"
+
+  return (
+    <SidebarMenu className={cn("space-y-1", isCollapsed && "px-1")}>
+      {!isCollapsed && (
+        <div className="px-2 text-xs font-medium text-muted-foreground/70">
+          {/* 资源 */}
+        </div>
+      )}
+{items.map((item) => (
+        <SidebarMenuItem key={item.title}>
+          <SidebarMenuButton
+            asChild
+            tooltip={item.tooltip}
+            className={cn(
+              "flex items-center rounded-lg px-2",
+              isCollapsed && "justify-center"
+            )}
+          >
+            {item.external ? (
+              <a
+                href={item.href}
+                className={cn(
+                  "flex w-full items-center gap-3 text-muted-foreground hover:text-foreground",
+                  isCollapsed && "justify-center -ml-1"
+                )}
+                target="_blank"
+                rel="noopener noreferrer"
+                style={{ width: "100%", height: "100%" }}
+              >
+                <item.Icon className={cn("text-muted-foreground", !isCollapsed && "size-3.5!")} />
+                {!isCollapsed && (
+                  <span className="text-xs text-muted-foreground">{item.title}</span>
+                )}
+              </a>
+            ) : (
+              <Link
+                to={item.href}
+                className={cn(
+                  "flex w-full items-center justify-between gap-3 text-muted-foreground hover:text-foreground",
+                  isCollapsed && "justify-center -ml-1"
+                )}
+                style={{ width: "100%", height: "100%" }}
+              >
+                <div className="flex items-center gap-3">
+                  <item.Icon className={cn("text-muted-foreground", !isCollapsed && "size-3.5!")} />
+                  {!isCollapsed && (
+                    <span className="text-xs text-muted-foreground">{item.title}</span>
+                  )}
+                </div>
+                {!isCollapsed && item.badge && (
+                  <code className="text-[10px] font-mono text-muted-foreground/60 bg-muted/50 px-1.5 py-0.5 rounded shrink-0">
+                    {item.badge}
+                  </code>
+                )}
+              </Link>
+            )}
+          </SidebarMenuButton>
+        </SidebarMenuItem>
+      ))}
+    </SidebarMenu>
+  )
+}

package/src/lib/app-version.ts

@@ -0,0 +1,20 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+export const APP_VERSION = '0.5.0'
+export const APP_VERSION_DISPLAY = `v${APP_VERSION}`
+export const APP_FULL_VERSION = `AllBlue v${APP_VERSION}`

package/src/lib/changelog/sdk-versions-types.ts

@@ -0,0 +1,14 @@
+export interface SdkVersion {
+  name: string
+  version: string
+  lastUpdate: string
+  source: string
+  docsUrl: string | null
+}
+
+export interface SdkGroup {
+  id: 'tanstack' | 'allblue' | 'core'
+  label: string
+  icon: string
+  items: SdkVersion[]
+}