hd-garden 0.3.12 → 0.4.0

package/app/a2/[slug]/page.tsx

@@ -0,0 +1,61 @@
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";
+import { ArticleMeasure } from "../../components/ArticleMeasure";
+import { ArticleTitle } from "../../components/ArticleTitle";
+import { MarkdownArticle } from "../../components/MarkdownArticle";
+import { TableOfContents } from "../../components/TableOfContents";
+import { a2WordCounts } from "@garden/generated-content";
+import { demoDateLabel, demoDateTime } from "../../lib/a2-meta";
+import { extractHeadings } from "../../lib/content";
+import { a2Slugs, readA2Article } from "../../lib/a2-preview";
+
+export function generateStaticParams() {
+  return a2Slugs().map((slug) => ({ slug }));
+}
+
+export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
+  const { slug } = await params;
+  const article = readA2Article(slug);
+  if (!article) return { robots: { index: false, follow: false } };
+  return { title: article.title, description: article.description, robots: { index: false, follow: false } };
+}
+
+export default async function A2ArticlePage({ params }: { params: Promise<{ slug: string }> }) {
+  const { slug } = await params;
+  const article = readA2Article(slug);
+  if (!article) notFound();
+  const headings = extractHeadings(article.content);
+  const wordCount = a2WordCounts[slug] ?? 0;
+  return (
+    <main className="reading-page post-reading-page">
+      <article className="post-article">
+        <header className="article-header article-summary-row hero">
+          <ArticleTitle title={article.title.replace(/（互动版）$/u, "")} />
+          <ul className="meta article-meta">
+            <li>Hedon</li>
+            {article.date ? <li><time dateTime={demoDateTime(article.date)}>{demoDateLabel(article.date)}</time></li> : null}
+            <li>约 {wordCount.toLocaleString("en-US")} 字</li>
+            {article.topic ? <li><span className="cat">{article.topic}</span></li> : null}
+            {article.original ? <li><a className="orig ext" href={article.original} target="_blank" rel="noopener noreferrer">原文 ↗</a></li> : null}
+          </ul>
+          {article.cover ? (
+            <figure className="article-hero article-cover cover-card cover-img">
+              {/* eslint-disable-next-line @next/next/no-img-element */}
+              <img src={article.cover} alt="" />
+            </figure>
+          ) : null}
+        </header>
+        <div className="article-reading-layout">
+          <div className="article-reading-column">
+            <ArticleMeasure />
+            <div className="e-content">
+              {article.description ? <p className="lead quote-plain">{article.description}</p> : null}
+              <MarkdownArticle content={article.content} />
+            </div>
+          </div>
+          <TableOfContents headings={headings} />
+        </div>
+      </article>
+    </main>
+  );
+}

package/app/a2/page.tsx

@@ -0,0 +1,27 @@
+import Link from "next/link";
+import { a2Slugs, readA2Article } from "../lib/a2-preview";
+
+export const metadata = {
+  title: "A2 对照",
+  robots: { index: false, follow: false },
+};
+
+export default function A2Index() {
+  const articles = a2Slugs().map((slug) => readA2Article(slug)).filter((item) => item !== null);
+  return (
+    <main className="page-shell index-page">
+      <header className="sh-head">
+        <h1>A2 对照</h1>
+        <p className="sh-deck">用这套组件渲染参考文章，对照线上演示。正文没有改字。</p>
+      </header>
+      <ul className="sh-rows">
+        {articles.map((article) => (
+          <li className="sh-row" key={article.slug}>
+            <h3><Link href={`/a2/${article.slug}`}>{article.title}</Link></h3>
+            <p>{article.description}</p>
+          </li>
+        ))}
+      </ul>
+    </main>
+  );
+}

package/app/admin/page.tsx

@@ -1,5 +1,5 @@
 import Link from "next/link";
-import { ArrowSquareOut, GithubLogo, LockKey } from "@phosphor-icons/react/ssr";
+import { ArrowSquareOut, GithubLogo } from "@phosphor-icons/react/ssr";
 import { AdminDashboard } from "../components/AdminDashboard";
 import { getAdminUser, isGitHubLoginAvailable } from "../lib/admin-auth";
 import { columns, posts, thoughts } from "../lib/content";
@@ -27,17 +27,15 @@ export default async function AdminPage({
     return (
       <main className="admin-access-page">
         <div className="admin-access-card">
-          <LockKey size={28} weight="duotone" />
-          <p className="eyebrow">CONTENT MANAGEMENT</p>
-          <h1>内容后台独立运行。</h1>
-          <p>公开博客由 GitHub Pages 静态托管；发布和分发请前往独立后台。</p>
+          <h1>后台在另一个地址。</h1>
+          <p>这个页面是公开博客。写随想、上传和转发，去后台。</p>
           <div className="admin-access-actions">
             {adminUrl ? (
               <a className="admin-github-login" href={adminUrl}>
-                打开内容后台 <ArrowSquareOut size={15} />
+                打开后台 <ArrowSquareOut size={15} />
               </a>
             ) : (
-              <p>尚未配置 ADMIN_URL。</p>
+              <p>还没有填写后台地址。</p>
             )}
             <Link href="/">返回公开博客</Link>
           </div>
@@ -52,22 +50,20 @@ export default async function AdminPage({
     return (
       <main className="admin-access-page">
         <div className="admin-access-card">
-          <LockKey size={28} weight="duotone" />
-          <p className="eyebrow">{siteConfig.name.toUpperCase()} / ADMIN</p>
-          <h1>用 GitHub 身份进入内容管理后台。</h1>
+          <h1>登录后台</h1>
           <p>
             {query.auth === "denied"
-              ? `登录账号 @${query.account ?? "未知"} 没有后台权限。`
+              ? `@${query.account ?? "这个账号"} 不在允许名单里。`
               : oauthReady
-                ? "登录后会检查你的 GitHub 用户名是否在允许名单中。"
+                ? `用 GitHub 登录。只有 ${siteConfig.name} 允许的账号能进来。`
                 : process.env.GARDEN_DEV === "1"
-                  ? "本机还没有 GitHub 登录。在终端运行 gh auth login 后，重新启动本地服务。"
-                  : "GitHub OAuth 尚未配置；请先设置后台所需的环境变量。"}
+                  ? "这台机器还没登录 GitHub。在终端运行 gh auth login，然后重新启动。"
+                  : "还没配好 GitHub 登录。先填后台的环境变量。"}
           </p>
           <div className="admin-access-actions">
             {oauthReady && (
               <Link className="admin-github-login" href="/api/auth/github">
-                <GithubLogo size={18} weight="fill" /> 使用 GitHub 登录
+                <GithubLogo size={18} weight="fill" /> 用 GitHub 登录
               </Link>
             )}
             <Link href="/">

package/app/admin/ui/page.tsx

@@ -3,7 +3,7 @@ import { UiStudio } from "../../components/UiStudio";
 import { modelConfig, recipeSources, remainingDrafts } from "../../lib/ui-model";
 
 export const dynamic = process.env.STATIC_EXPORT === "1" ? "force-static" : "force-dynamic";
-export const metadata = { title: "组件工作台", robots: { index: false, follow: false } };
+export const metadata = { title: "写作台", robots: { index: false, follow: false } };
 
 export default async function UiStudioPage() {
   if (isStaticExport()) return <StaticAdminNotice />;

package/app/blog/[...path]/page.tsx

@@ -9,7 +9,9 @@ import {
   postHref,
   posts,
 } from "../../lib/content";
+import { ArticleMeasure } from "../../components/ArticleMeasure";
 import { ArticleReferences } from "../../components/ArticleReferences";
+import { ArticleTitle, originalUrl } from "../../components/ArticleTitle";
 import { MarkdownArticle } from "../../components/MarkdownArticle";
 import { TableOfContents } from "../../components/TableOfContents";
 import { Comments } from "../../components/Comments";
@@ -87,32 +89,41 @@ export default async function PostPage({
         >
           {siteConfig.author.name}
         </a>
-        {post.cover && (
-          <figure className="article-hero article-cover">
-            {/* eslint-disable-next-line @next/next/no-img-element */}
-            <img
-              className="u-photo"
-              src={post.cover}
-              alt={`${post.title} 封面`}
-            />
-          </figure>
-        )}
-        <header className="article-header article-summary-row">
-          <p className="eyebrow">{post.topic}</p>
-          <h1 className="p-name">{post.title}</h1>
-          <p className="article-deck p-summary">{post.description}</p>
-          <div className="article-meta">
-            <time className="dt-published" dateTime={post.date}>
-              发布于 {formatDate(post.date)}
-            </time>
-            {post.updated && <span>更新于 {formatDate(post.updated)}</span>}
-            <span>{post.readingTime}</span>
-            <span>约 {wordCount.toLocaleString("zh-CN")} 字</span>
-          </div>
+        <header className="article-header article-summary-row hero">
+          <ArticleTitle title={post.title} />
+          <ul className="meta article-meta">
+            <li>{siteConfig.author.name}</li>
+            <li>
+              <time className="dt-published" dateTime={post.date}>
+                {formatDate(post.date)}
+              </time>
+            </li>
+            {post.updated ? <li>更新于 {formatDate(post.updated)}</li> : null}
+            <li>{post.readingTime}</li>
+            <li>约 {wordCount.toLocaleString("en-US")} 字</li>
+            {post.topic ? (
+              <li>
+                <a className="cat" href={`/blog?topic=${encodeURIComponent(post.topic)}`}>{post.topic}</a>
+              </li>
+            ) : null}
+            {originalUrl(post) ? (
+              <li>
+                <a className="orig ext" href={originalUrl(post)} target="_blank" rel="noopener noreferrer">原文 ↗</a>
+              </li>
+            ) : null}
+          </ul>
+          {post.cover && (
+            <figure className="article-hero article-cover cover-card cover-img">
+              {/* eslint-disable-next-line @next/next/no-img-element */}
+              <img className="u-photo" src={post.cover} alt={`${post.title} 封面`} />
+            </figure>
+          )}
         </header>
         <div className="article-reading-layout">
           <div className="article-reading-column">
+            <ArticleMeasure />
             <div className="e-content">
+              {post.description ? <p className="lead quote-plain p-summary">{post.description}</p> : null}
               <MarkdownArticle content={post.content} />
             </div>
             <ArticleReferences references={post.references} />

package/app/blog/page.tsx

@@ -1,7 +1,7 @@
 import { Suspense } from "react";
 import { siteConfig, siteDocumentTitle } from "../site.config";
 import { BlogArchive } from "../components/BlogArchive";
-import { PageIntro } from "../components/PageIntro";
+import { posts } from "../lib/content";
 
 export const metadata = {
   title: siteDocumentTitle,
@@ -10,12 +10,11 @@ export const metadata = {
 
 export default function BlogIndex() {
   return (
-    <main className="page-shell index-page">
-      <PageIntro
-        eyebrow="POSTS / 博文"
-        title={siteConfig.pages.blog.title}
-        subtitle={siteConfig.pages.blog.subtitle}
-      />
+    <main className="sh-main" id="content">
+      <div className="sh-head">
+        <h1 id="sh-title">文章</h1>
+        <p className="sh-deck">阶段性的完整沉淀，关于工程、架构与技术思考。共 {posts.length} 篇，按年份归档。</p>
+      </div>
       <Suspense>
         <BlogArchive />
       </Suspense>

package/app/columns/[column]/[...path]/page.tsx

@@ -10,7 +10,9 @@ import {
   columnHref,
   columnEntryPath,
 } from "../../../lib/content";
+import { ArticleMeasure } from "../../../components/ArticleMeasure";
 import { ArticleReferences } from "../../../components/ArticleReferences";
+import { ArticleTitle, originalUrl } from "../../../components/ArticleTitle";
 import { MarkdownArticle } from "../../../components/MarkdownArticle";
 import { TableOfContents } from "../../../components/TableOfContents";
 import { Comments } from "../../../components/Comments";
@@ -73,6 +75,7 @@ export default async function ColumnEntryPage({
   const entry = findColumnEntry(column, path.join("/"));
   if (!entry) notFound();
   const series = columns.filter((item) => item.column === column);
+  const listed = [...series].sort((left, right) => Date.parse(right.date) - Date.parse(left.date));
   const currentIndex = series.findIndex((item) => item.path === entry.path);
   const next = series[currentIndex + 1];
   const headings = extractHeadings(entry.content);
@@ -90,7 +93,7 @@ export default async function ColumnEntryPage({
         <p>主题专栏</p>
         <h2>{entry.columnTitle}</h2>
         <ol>
-          {series.map((item) => (
+          {listed.map((item) => (
             <li key={item.path} className={item.path === entry.path ? "active" : ""}>
               <Link href={columnHref(item)}>{item.title}</Link>
             </li>
@@ -110,32 +113,37 @@ export default async function ColumnEntryPage({
         >
           {siteConfig.author.name}
         </a>
-        {entry.cover && (
-          <figure className="article-hero article-cover">
-            {/* eslint-disable-next-line @next/next/no-img-element */}
-            <img
-              className="u-photo"
-              src={entry.cover}
-              alt={`${entry.title} 封面`}
-            />
-          </figure>
-        )}
-        <header className="article-header">
-          <p className="eyebrow">
-            {entry.columnTitle} · 第 {currentIndex + 1} 篇
-          </p>
-          <h1 className="p-name">
-            {entry.title.replace(/^\d+\s*·\s*/u, "")}
-          </h1>
-          <p className="article-deck p-summary">{entry.description}</p>
-          <div className="article-meta">
-            <time className="dt-published" dateTime={entry.date}>
-              {formatDate(entry.date)}
-            </time>
-            <span>{entry.readingTime}</span>
-          </div>
+        <header className="article-header hero">
+          <ArticleTitle title={entry.title.replace(/^\d+\s*·\s*/u, "")} />
+          <ul className="meta article-meta">
+            <li>{siteConfig.author.name}</li>
+            <li>
+              <time className="dt-published" dateTime={entry.date}>
+                {formatDate(entry.date)}
+              </time>
+            </li>
+            <li>{entry.readingTime}</li>
+            {entry.topic && entry.topic !== entry.columnTitle ? (
+              <li><a className="cat" href={`/blog?topic=${encodeURIComponent(entry.topic)}`}>{entry.topic}</a></li>
+            ) : null}
+            {originalUrl(entry) ? (
+              <li><a className="orig ext" href={originalUrl(entry)} target="_blank" rel="noopener noreferrer">原文 ↗</a></li>
+            ) : null}
+          </ul>
+          {entry.cover && (
+            <figure className="article-hero article-cover cover-img">
+              {/* eslint-disable-next-line @next/next/no-img-element */}
+              <img
+                className="u-photo"
+                src={entry.cover}
+                alt={`${entry.title} 封面`}
+              />
+            </figure>
+          )}
         </header>
+        <ArticleMeasure />
         <div className="e-content">
+          {entry.description ? <p className="lead p-summary">{entry.description}</p> : null}
           <MarkdownArticle content={entry.content} />
         </div>
         <ArticleReferences references={entry.references} />

package/app/columns/page.tsx

@@ -1,16 +1,25 @@
 /* eslint-disable @next/next/no-img-element -- static GitHub Pages assets must keep their exact paths. */
 import Link from "next/link";
-import { ArrowRight } from "@phosphor-icons/react/ssr";
 import { columnHref, columns } from "../lib/content";
-import { PageIntro } from "../components/PageIntro";
 import { ContentEmptyState } from "../components/ContentEmptyState";
 import { siteConfig, siteDocumentTitle } from "../site.config";
 
 export const metadata = {
   title: siteDocumentTitle,
-  description: siteConfig.pages.columns.subtitle || siteConfig.description,
+  description: "专栏是按主题整理的阅读清单，与文章分类相互独立；清单内按发布时间从新到旧排列。",
 };
 
+function day(value: string) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value.slice(0, 10);
+  return new Intl.DateTimeFormat("en-CA", {
+    timeZone: "Asia/Shanghai",
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+  }).format(date);
+}
+
 export default function ColumnsPage() {
   const grouped = Array.from(
     columns.reduce((result, entry) => {
@@ -21,59 +30,36 @@ export default function ColumnsPage() {
     }, new Map<string, typeof columns>()),
   ).map(([slug, entries]) => ({
     slug,
-    entries,
     first: entries[0],
+    entries: [...entries].sort((left, right) => Date.parse(right.date) - Date.parse(left.date)),
   }));
 
   return (
-    <main className="page-shell index-page">
-      <PageIntro
-        eyebrow="COLUMNS / 专栏"
-        title={siteConfig.pages.columns.title}
-        subtitle={siteConfig.pages.columns.subtitle}
-      />
-
-      {grouped.length > 0 ? <div className="column-feature-list">
-        {grouped.map(({ slug, entries, first }, index) => {
-          const cover = first.columnCover
-            ? { src: first.columnCover, alt: first.columnCoverAlt ?? `${first.columnTitle} 专栏封面` }
-            : undefined;
-          return (
-            <Link
-              href={columnHref(first)}
-              className="column-feature"
-              key={slug}
-            >
-              <div className="column-feature-copy">
-                <span>
-                  {first.columnStatus ?? "持续更新"} · {entries.length} 篇 ·{" "}
-                  {first.topic ?? "主题写作"}
-                </span>
-                <h2>{first.columnTitle}</h2>
-                <p>
-                  {first.columnDescription ??
-                    first.description ??
-                    "按顺序组织的专题文章系列。"}
-                </p>
-                <strong>
-                  从第一篇开始
-                  <ArrowRight size={17} />
-                </strong>
-              </div>
-              <div className="column-feature-index">
-                {cover && (
-                  <img className="column-feature-cover" src={cover.src} alt={cover.alt} />
-                )}
-                <div className="column-feature-index-label">
-                  <span>主题专栏</span>
-                  <strong>{String(index + 1).padStart(2, "0")}</strong>
-                  <small>{slug.replaceAll("-", " ").toUpperCase()}</small>
-                </div>
-              </div>
-            </Link>
-          );
-        })}
-      </div> : <ContentEmptyState kind="columns" />}
+    <main className="sh-main" id="content">
+      <div className="sh-head">
+        <h1>{siteConfig.pages.columns.title || "专栏"}</h1>
+        <p className="sh-deck">专栏是按主题整理的阅读清单，与文章分类相互独立；清单内按发布时间从新到旧排列。</p>
+      </div>
+      {grouped.length ? grouped.map(({ slug, first, entries }) => (
+        <section className="sh-series" aria-labelledby={slug} key={slug}>
+          <div className="cover" style={{ background: "var(--well)" }}>
+            {first.columnCover ? <img className="column-feature-cover" src={first.columnCover} alt={first.columnCoverAlt ?? `${first.columnTitle} 封面`} /> : null}
+          </div>
+          <div className="body">
+            <h2 id={slug}>{first.columnTitle}</h2>
+            <p className="count">阅读清单，{entries.length} 篇，{first.columnStatus ?? "持续更新"}</p>
+            <p className="desc">{first.columnDescription ?? first.description ?? "按顺序组织的专题文章系列。"}</p>
+            <ol aria-label={`${first.columnTitle}，从新到旧`}>
+              {entries.map((entry) => (
+                <li key={entry.path}>
+                  <Link href={columnHref(entry)}>{entry.title}</Link>
+                  <time dateTime={day(entry.date)}>{day(entry.date)}</time>
+                </li>
+              ))}
+            </ol>
+          </div>
+        </section>
+      )) : <ContentEmptyState kind="columns" />}
     </main>
   );
 }

package/app/components/AdminDashboard.tsx

@@ -8,9 +8,6 @@ import {
   ArrowUpRight,
   CheckCircle,
   Copy,
-  DotsThree,
-  FileText,
-  LinkSimple,
   PaperPlaneTilt,
   Plus,
   Trash,
@@ -55,7 +52,7 @@ function MediaFields({
       <div className="admin-field-heading">
         <div>
           <span>附件</span>
-          <small>支持一条随想中混合多个图片、音频、视频与链接。</small>
+          <small>一条随想里可以混放图片、音频、视频和链接。</small>
         </div>
         <button type="button" className="admin-quiet-button" onClick={() => onChange([...attachments, emptyAttachment()])}>
           <Plus size={14} /> 添加附件
@@ -153,20 +150,17 @@ function IntelligentUiCard({ ui }: { ui: UiOverview }) {
   return (
     <section className="admin-panel admin-ui-card">
       <div className="admin-panel-heading">
-        <div>
-          <span>Intelligent UI</span>
-          <h2>交互块</h2>
-        </div>
-        <Link href="/admin/ui">打开工作台</Link>
+        <h2>文章里的交互</h2>
+        <Link href="/admin/ui">打开写作台</Link>
       </div>
       <p className="ui-studio-meta">
-        {ui.modelName ? ui.modelName : "模型未连接"}
+        {ui.modelName ? ui.modelName : "还没接上模型"}
         {" · "}
         {counts
           ? <Link href="/admin/ui/blocks">{`未编译 ${counts.uncompiled} · 过期 ${counts.stale} · 有错 ${counts.error} · 正常 ${counts.ok}`}</Link>
-          : failed ? "交互块读取失败" : "正在统计交互块…"}
+          : failed ? "没读到文章里的块" : "正在查看文章…"}
         {" · "}
-        <Link href="/admin/ui/catalog">组件清单</Link>
+        <Link href="/admin/ui/catalog">看组件</Link>
       </p>
     </section>
   );
@@ -367,7 +361,7 @@ export function AdminDashboard({
   return (
     <main className="admin-shell">
       <header className="admin-topbar">
-        <Link className="admin-brand" href="/admin">HEDON <span>STUDIO</span></Link>
+        <Link className="admin-brand" href="/admin">Garden<span>后台</span></Link>
         <div>
           <span>{userName}</span>
           <form action="/api/auth/logout" method="post">
@@ -380,16 +374,15 @@ export function AdminDashboard({
       </header>
 
       <section className="admin-hero">
-        <div>
-          <p className="eyebrow">CONTENT OPERATIONS</p>
-          <h1>写作留在本地，发布与分发留在这里。</h1>
-          <p>博文和专栏仍由 Typora 与 Git 管理；这里负责随想、发布状态和跨平台分发。</p>
-        </div>
-        <dl className="admin-metrics">
-          <div><dt>公开随想</dt><dd>{publishedCount + staticThoughtCount}</dd></div>
-          <div><dt>本地博文</dt><dd>{catalogEntries.filter((entry) => entry.kind === "post").length}</dd></div>
-          <div><dt>专栏篇目</dt><dd>{catalogEntries.filter((entry) => entry.kind === "column").length}</dd></div>
-        </dl>
+        <h1>写一条随想。</h1>
+        <p>长文仍在编辑器里改。这里写随想、上传附件、置顶，以及发到其他网站。</p>
+        <p className="admin-quiet-count">
+          {publishedCount + staticThoughtCount} 条公开随想
+          {" · "}
+          {catalogEntries.filter((entry) => entry.kind === "post").length} 篇博文
+          {" · "}
+          {catalogEntries.filter((entry) => entry.kind === "column").length} 篇专栏
+        </p>
       </section>
 
       <IntelligentUiCard ui={ui} />
@@ -400,12 +393,11 @@ export function AdminDashboard({
       <section className="admin-grid">
         <div className="admin-panel admin-compose-panel">
           <div className="admin-panel-heading">
-            <div><span>发布随想</span><h2>一条记录，可以有多种媒介。</h2></div>
-            <PaperPlaneTilt size={22} />
+            <h2>写一条</h2>
           </div>
-          <label>标题<input value={title} onChange={(event) => setTitle(event.target.value)} placeholder="给这条记录一个标题" /></label>
-          <label>正文（Markdown）<textarea value={content} onChange={(event) => setContent(event.target.value)} placeholder="写下此刻想留下的文字…" rows={8} /></label>
-          <label>标签（用逗号分隔）<input value={tags} onChange={(event) => setTags(event.target.value)} placeholder="例如：产品, 夜晚, 摄影" /></label>
+          <label>标题<input value={title} onChange={(event) => setTitle(event.target.value)} placeholder="标题" /></label>
+          <label>正文<textarea value={content} onChange={(event) => setContent(event.target.value)} placeholder="写下来。可以用 Markdown。" rows={8} /></label>
+          <label>标签<input value={tags} onChange={(event) => setTags(event.target.value)} placeholder="用逗号分开，例如：夜晚, 散步" /></label>
           <MediaFields attachments={attachments} onChange={setAttachments} onUpload={uploadMedia} uploading={uploadingCount > 0} />
           <div className="admin-actions">
             <button type="button" className="admin-secondary-button" disabled={isSaving || uploadingCount > 0} onClick={() => publishThought("draft")}>保存草稿</button>
@@ -415,11 +407,10 @@ export function AdminDashboard({
 
         <div className="admin-panel admin-thoughts-panel">
           <div className="admin-panel-heading">
-            <div><span>后台随想</span><h2>已发布与草稿</h2></div>
-            <DotsThree size={23} />
+            <h2>草稿和已发布</h2>
           </div>
           <div className="admin-thought-list">
-            {thoughts.length === 0 ? <p className="admin-empty">还没有从后台创建的随想。</p> : thoughts.map((thought) => (
+            {thoughts.length === 0 ? <p className="admin-empty">还没有在这里写过随想。</p> : thoughts.map((thought) => (
               <article key={thought.id}>
                 <div><span className={`admin-status ${thought.status}`}>{thought.status === "published" ? "已发布" : "草稿"}</span><h3>{thought.title}</h3><p>{thought.content.slice(0, 76)}{thought.content.length > 76 ? "…" : ""}</p></div>
                 <div className="admin-item-actions">
@@ -434,10 +425,9 @@ export function AdminDashboard({
 
       <section className="admin-panel admin-distribution-panel">
         <div className="admin-panel-heading">
-          <div><span>博文与专栏分发</span><h2>后台不改正文，只生成发布动作。</h2></div>
-          <FileText size={22} />
+          <h2>置顶，或发到别处</h2>
         </div>
-        <p className="admin-distribution-note"><LinkSimple size={16} /> CSDN、知乎、掘金采用你配置的同步服务；X 在填写用户访问令牌后可直接发布。没有配置时仍可一键复制分发包。</p>
+        <p className="admin-distribution-note">正文仍在仓库里改。这里可以置顶，发到 X，或同步到 CSDN、知乎、掘金。没配接口时，复制标题和链接。</p>
         <div className="admin-catalog">
           {catalogEntries.map((entry) => (
             <article key={`${entry.kind}-${entry.column ?? ""}-${entry.path}`}>

package/app/components/AdminUiPanels.tsx

@@ -83,9 +83,9 @@ export function AdminBlocks({ siteUrl }: { siteUrl: string }) {
   return (
     <section className="admin-panel ui-admin-blocks">
       <div className="admin-panel-heading">
-        <div><span>交互块</span><h2>所有稿件里的 intent 和 ui 块</h2></div>
+        <h2>文章里的块</h2>
       </div>
-      <p className="ui-studio-meta">看到的是仓库里已推送的内容（含草稿）；本地没推的改动看不到。</p>
+      <p className="ui-studio-meta">这里是仓库里已经推送的内容，包括草稿。还没推的本地改动看不到。</p>
       <div className="ui-studio-switch" role="group" aria-label="按状态筛选">
         {(["todo", "uncompiled", "stale", "error", "ok", "all"] as const).map((value) => (
           <button key={value} type="button" aria-pressed={filter === value} onClick={() => setFilter(value)}>
@@ -115,7 +115,7 @@ export function AdminBlocks({ siteUrl }: { siteUrl: string }) {
                     <td><span className={`ui-admin-status ui-admin-status-${block.status}`}>{STATUS_LABELS[block.status]}</span></td>
                     <td>{block.caption ?? block.intent?.split("\n")[0] ?? ""}{block.diagnostics.length ? `（${block.diagnostics.length} 条诊断）` : ""}</td>
                     <td className="ui-admin-actions">
-                      <Link href={`/admin/ui?post=${encodeURIComponent(file.path)}&line=${block.startLine}`}>在工作台打开</Link>
+                      <Link href={`/admin/ui?post=${encodeURIComponent(file.path)}&line=${block.startLine}`}>在写作台打开</Link>
                       {block.status !== "ok" ? (
                         <button type="button" onClick={() => copyPrompt(file, block)}>
                           {copied === `${file.path}:${block.startLine}` ? "已复制" : "复制修复提示词"}
@@ -218,9 +218,9 @@ export function AdminEvals({ cases, configured }: { cases: EvalCase[]; configure
   return (
     <section className="admin-panel ui-admin-evals">
       <div className="admin-panel-heading">
-        <div><span>模型自检</span><h2>用 {cases.length} 段原话给当前模型和提示词打分</h2></div>
+        <h2>模型自检</h2>
       </div>
-      <p className="ui-studio-meta">逐条调用工作台的生成接口，共 {cases.length} 次，计入每小时限额。换模型或改提示词后跑一次。</p>
+      <p className="ui-studio-meta">会逐条调用写作台，一共 {cases.length} 次，计入每小时次数。换了模型或提示词之后跑一次。</p>
       <div className="admin-actions">
         <button type="button" className="admin-primary-button" disabled={!configured || running} onClick={run}>{running ? `正在跑 ${results.length}/${cases.length}…` : "开始自检"}</button>
       </div>