hd-garden 0.3.9 → 0.3.10

package/app/api/admin/ui/blocks/route.ts

@@ -0,0 +1,19 @@
+import { requireAdminApi } from "../../../../lib/admin-auth";
+import { scanRepositoryBlocks } from "../../../../lib/ui-content";
+
+export async function GET() {
+  const user = await requireAdminApi();
+  if (user instanceof Response) return user;
+  try {
+    const files = await scanRepositoryBlocks();
+    const counts = { uncompiled: 0, stale: 0, error: 0, ok: 0 };
+    for (const file of files) {
+      for (const block of file.blocks) {
+        if (block.lang !== "widget") counts[block.status as keyof typeof counts] += 1;
+      }
+    }
+    return Response.json({ files, counts });
+  } catch (error) {
+    return Response.json({ error: error instanceof Error ? error.message : "读取交互块失败。" }, { status: 503 });
+  }
+}

package/app/api/admin/ui/draft/route.ts

@@ -0,0 +1,30 @@
+import { requireAdminMutation } from "../../../../lib/admin-auth";
+import { consumeDraft, draftUiBlock, modelConfig, remainingDrafts } from "../../../../lib/ui-model";
+
+export async function POST(request: Request) {
+  const user = await requireAdminMutation(request);
+  if (user instanceof Response) return user;
+  if (!modelConfig()) {
+    return Response.json({ error: "后台还没接上模型：请配置 UI_MODEL_BASE_URL、UI_MODEL_API_KEY 和 UI_MODEL_NAME。" }, { status: 503 });
+  }
+  const payload = (await request.json().catch(() => null)) as { mode?: unknown; instruction?: unknown; fence?: unknown } | null;
+  const mode = payload?.mode === "revise" ? "revise" : payload?.mode === "create" ? "create" : null;
+  const instruction = typeof payload?.instruction === "string" ? payload.instruction.trim() : "";
+  const fence = typeof payload?.fence === "string" ? payload.fence : undefined;
+  if (!mode || !instruction || instruction.length > 4000 || (fence && fence.length > 20000)) {
+    return Response.json({ error: "请求不完整：需要 mode 和不超过 4000 字的指令。" }, { status: 400 });
+  }
+  if (mode === "revise" && !fence) return Response.json({ error: "修改需要当前围栏。" }, { status: 400 });
+  if (!consumeDraft(user.login)) {
+    return Response.json({ error: "这一小时的生成次数用完了，稍后再试。", remaining: 0 }, { status: 429 });
+  }
+  try {
+    const result = await draftUiBlock({ mode, instruction, fence });
+    return Response.json({ ...result, remaining: remainingDrafts(user.login) });
+  } catch (error) {
+    return Response.json(
+      { error: error instanceof Error ? error.message : "模型调用失败。", remaining: remainingDrafts(user.login) },
+      { status: 502 },
+    );
+  }
+}

package/app/api/auth/github/route.ts

@@ -1,4 +1,10 @@
-import { isGitHubOAuthConfigured } from "../../../lib/admin-auth";
+import {
+  createAdminSession,
+  isGitHubDevLoginAvailable,
+  isGitHubLoginAllowed,
+  isGitHubOAuthConfigured,
+  sessionCookie,
+} from "../../../lib/admin-auth";
 
 const STATE_COOKIE = "hedon_github_oauth_state";
 
@@ -6,7 +12,40 @@ function redirectUri(request: Request) {
   return process.env.GITHUB_OAUTH_REDIRECT_URI ?? `${new URL(request.url).origin}/api/auth/github/callback`;
 }
 
+async function devGitHubUser() {
+  const token = process.env.GITHUB_DEV_TOKEN;
+  if (!token) return null;
+  const response = await fetch("https://api.github.com/user", {
+    headers: {
+      Accept: "application/vnd.github+json",
+      Authorization: `Bearer ${token}`,
+      "User-Agent": "garden-dev",
+    },
+  });
+  if (!response.ok) return null;
+  const profile = (await response.json()) as { login?: string; avatar_url?: string };
+  if (!profile.login || !isGitHubLoginAllowed(profile.login)) return null;
+  return { login: profile.login, avatarUrl: profile.avatar_url ?? "" };
+}
+
 export async function GET(request: Request) {
+  if (!isGitHubOAuthConfigured() && isGitHubDevLoginAvailable()) {
+    const user = await devGitHubUser();
+    if (!user) {
+      return Response.json({ error: "本机 GitHub 登录不可用。" }, { status: 503 });
+    }
+    const session = await createAdminSession(user);
+    if (!session) {
+      return Response.json({ error: "本机 GitHub 登录不可用。" }, { status: 503 });
+    }
+    return new Response(null, {
+      status: 302,
+      headers: {
+        Location: new URL("/admin", request.url).toString(),
+        "Set-Cookie": sessionCookie(session),
+      },
+    });
+  }
   if (!isGitHubOAuthConfigured()) {
     return Response.json(
       { error: "GitHub OAuth 尚未配置。" },

package/app/components/AdminDashboard.tsx

@@ -2,7 +2,7 @@
 
 import Link from "next/link";
 import { formatAuthorDate } from "../../scripts/site-date.mjs";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import {
   ArrowSquareOut,
   ArrowUpRight,
@@ -124,6 +124,54 @@ function MediaFields({
   );
 }
 
+type UiOverview = {
+  modelName: string | null;
+  remaining: number;
+  engineVersion: string;
+  catalogVersion: number;
+};
+
+type BlockCounts = { uncompiled: number; stale: number; error: number; ok: number };
+
+function IntelligentUiCard({ ui }: { ui: UiOverview }) {
+  const [counts, setCounts] = useState<BlockCounts | null>(null);
+  const [failed, setFailed] = useState(false);
+  useEffect(() => {
+    let active = true;
+    fetch("/api/admin/ui/blocks")
+      .then((response) => (response.ok ? response.json() : Promise.reject(new Error("blocks"))))
+      .then((body: { counts: BlockCounts }) => {
+        if (active) setCounts(body.counts);
+      })
+      .catch(() => {
+        if (active) setFailed(true);
+      });
+    return () => {
+      active = false;
+    };
+  }, []);
+  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>
+      </div>
+      <p className="ui-studio-meta">
+        {ui.modelName ? ui.modelName : "模型未连接"}
+        {" · "}
+        {counts
+          ? <Link href="/admin/ui/blocks">{`未编译 ${counts.uncompiled} · 过期 ${counts.stale} · 有错 ${counts.error} · 正常 ${counts.ok}`}</Link>
+          : failed ? "交互块读取失败" : "正在统计交互块…"}
+        {" · "}
+        <Link href="/admin/ui/catalog">组件清单</Link>
+      </p>
+    </section>
+  );
+}
+
 export function AdminDashboard({
   userName,
   initialThoughts,
@@ -131,6 +179,7 @@ export function AdminDashboard({
   catalog,
   publicSiteUrl,
   contentWarning,
+  ui,
 }: {
   userName: string;
   initialThoughts: ManagedThought[];
@@ -138,6 +187,7 @@ export function AdminDashboard({
   catalog: CatalogEntry[];
   publicSiteUrl: string;
   contentWarning: string;
+  ui: UiOverview;
 }) {
   const [thoughts, setThoughts] = useState(initialThoughts);
   const [title, setTitle] = useState("");
@@ -342,6 +392,8 @@ export function AdminDashboard({
         </dl>
       </section>
 
+      <IntelligentUiCard ui={ui} />
+
       {notice && <p className="admin-notice"><CheckCircle size={16} /> {notice}</p>}
       {contentWarning && <p className="admin-notice"><CheckCircle size={16} /> {contentWarning}</p>}
 

package/app/components/AdminUiPanels.tsx

@@ -0,0 +1,258 @@
+"use client";
+
+import Link from "next/link";
+import { useEffect, useMemo, useState, useSyncExternalStore } from "react";
+import { buildFixPrompt } from "../../ui/core/fix-prompt.mjs";
+import { CatalogPage, type RecipeSource } from "../../ui/react/CatalogPage";
+import { EVALS_STORAGE_KEY as EVALS_KEY, STUDIO_START_KEY } from "./ui-studio-keys";
+
+export function AdminCatalog({ recipes }: { recipes: RecipeSource[] }) {
+  return (
+    <section className="admin-panel ui-admin-catalog">
+      <CatalogPage
+        recipes={recipes}
+        onStart={(fence) => {
+          window.localStorage.setItem(STUDIO_START_KEY, fence);
+          window.location.assign("/admin/ui");
+        }}
+      />
+    </section>
+  );
+}
+
+type Block = {
+  lang: string;
+  id: string | null;
+  status: "uncompiled" | "stale" | "error" | "ok";
+  startLine: number;
+  endLine: number;
+  hash: string;
+  intentHash: string | null;
+  intent: string | null;
+  caption: string | null;
+  section: string | null;
+  diagnostics: Array<{ code: string; line: number; message: string; severity: string }>;
+  raw: string;
+};
+type FileBlocks = { path: string; title: string | null; draft: boolean; blocks: Block[] };
+
+const STATUS_LABELS: Record<Block["status"], string> = { uncompiled: "未编译", stale: "过期", error: "有错", ok: "正常" };
+
+const publicPath = (path: string) => {
+  const posts = /^content\/posts\/(.+)\.md$/u.exec(path);
+  if (posts) return `/blog/${posts[1]}`;
+  const thoughts = /^content\/thoughts\/(.+)\.md$/u.exec(path);
+  return thoughts ? `/thoughts/${thoughts[1]}` : null;
+};
+
+export function AdminBlocks({ siteUrl }: { siteUrl: string }) {
+  const [files, setFiles] = useState<FileBlocks[] | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [filter, setFilter] = useState<"todo" | "all" | Block["status"]>("todo");
+  const [copied, setCopied] = useState<string | null>(null);
+
+  useEffect(() => {
+    let active = true;
+    fetch("/api/admin/ui/blocks")
+      .then((response) => response.json().then((body) => ({ ok: response.ok, body })))
+      .then(({ ok, body }) => {
+        if (!active) return;
+        if (ok) setFiles(body.files);
+        else setError(body.error ?? "读取失败。");
+      })
+      .catch(() => {
+        if (active) setError("读取失败。");
+      });
+    return () => {
+      active = false;
+    };
+  }, []);
+
+  const visible = (block: Block) =>
+    block.lang !== "widget" && (filter === "all" || (filter === "todo" ? block.status !== "ok" : block.status === filter));
+
+  const copyPrompt = async (file: FileBlocks, block: Block) => {
+    const prompt = buildFixPrompt([{ file: file.path, block, diagnostics: block.diagnostics.filter((item) => item.severity === "error") }]);
+    await navigator.clipboard.writeText(prompt);
+    setCopied(`${file.path}:${block.startLine}`);
+  };
+
+  const counts = { uncompiled: 0, stale: 0, error: 0, ok: 0 };
+  for (const file of files ?? []) for (const block of file.blocks) if (block.lang !== "widget") counts[block.status] += 1;
+
+  return (
+    <section className="admin-panel ui-admin-blocks">
+      <div className="admin-panel-heading">
+        <div><span>交互块</span><h2>所有稿件里的 intent 和 ui 块</h2></div>
+      </div>
+      <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)}>
+            {value === "todo" ? `需要处理 ${counts.uncompiled + counts.stale + counts.error}` : value === "all" ? "全部" : `${STATUS_LABELS[value]} ${counts[value]}`}
+          </button>
+        ))}
+      </div>
+      {error ? <p className="ui-studio-message ui-studio-message-error">{error}</p> : null}
+      {!files && !error ? <p className="ui-studio-meta">正在扫描仓库…</p> : null}
+      {files?.map((file) => {
+        const blocks = file.blocks.filter(visible);
+        if (!blocks.length) return null;
+        const preview = `/admin/preview/${file.path.replace(/^content\//u, "").replace(/\.md$/u, "")}`;
+        const live = !file.draft ? publicPath(file.path) : null;
+        return (
+          <article key={file.path} className="ui-admin-file">
+            <h3>{file.title ?? file.path}{file.draft ? <span className="admin-status draft">草稿</span> : null}</h3>
+            <p className="ui-studio-meta">{file.path}</p>
+            <table className="ui-admin-table">
+              <thead>
+                <tr><th>块</th><th>状态</th><th>说明</th><th>操作</th></tr>
+              </thead>
+              <tbody>
+                {blocks.map((block) => (
+                  <tr key={block.startLine}>
+                    <td>{block.lang === "intent" ? "想法" : "ui"} · {block.id ?? `第 ${block.startLine} 行`}</td>
+                    <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>
+                      {block.status !== "ok" ? (
+                        <button type="button" onClick={() => copyPrompt(file, block)}>
+                          {copied === `${file.path}:${block.startLine}` ? "已复制" : "复制修复提示词"}
+                        </button>
+                      ) : null}
+                      <Link href={`${preview}${block.id ? `#ui-${block.id}` : ""}`}>草稿预览</Link>
+                      {live ? <a href={`${siteUrl}${live}${block.id ? `#ui-${block.id}` : ""}`} target="_blank" rel="noreferrer">公开页面</a> : null}
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </article>
+        );
+      })}
+    </section>
+  );
+}
+
+type EvalCase = { id: string; intent: string; expect: { components?: string[]; assert?: boolean; note?: boolean } };
+type EvalResult = {
+  id: string;
+  ok: boolean;
+  rounds: number;
+  components: boolean;
+  assert: boolean;
+  note: boolean;
+  tokens: number;
+  ms: number;
+  error?: string;
+};
+
+function summarize(results: EvalResult[]) {
+  const total = results.length || 1;
+  return {
+    pass: results.filter((item) => item.ok).length,
+    total: results.length,
+    rate: Math.round((results.filter((item) => item.ok).length / total) * 100),
+    rounds: (results.reduce((sum, item) => sum + item.rounds, 0) / total).toFixed(2),
+    tokens: results.reduce((sum, item) => sum + item.tokens, 0),
+  };
+}
+
+export function AdminEvals({ cases, configured }: { cases: EvalCase[]; configured: boolean }) {
+  const [results, setResults] = useState<EvalResult[]>([]);
+  const [running, setRunning] = useState(false);
+  const mounted = useSyncExternalStore(() => () => {}, () => true, () => false);
+  // The baseline is the run saved before this page opened; only shown after mount to keep hydration stable.
+  const [baselineRaw] = useState(() => (typeof window === "undefined" ? null : window.localStorage.getItem(EVALS_KEY)));
+  const previous = useMemo<EvalResult[] | null>(() => {
+    if (!mounted) return null;
+    try {
+      return baselineRaw ? JSON.parse(baselineRaw) : null;
+    } catch {
+      return null;
+    }
+  }, [baselineRaw, mounted]);
+
+  async function run() {
+    setRunning(true);
+    const collected: EvalResult[] = [];
+    setResults([]);
+    for (const item of cases) {
+      const started = performance.now();
+      try {
+        const response = await fetch("/api/admin/ui/draft", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ mode: "create", instruction: item.intent }),
+        });
+        const body = (await response.json()) as { fence?: string | null; note?: string | null; rounds?: number; diagnostics?: Array<{ severity: string }>; usage?: { total_tokens?: number }; error?: string };
+        const fence = body.fence ?? "";
+        const used = new Set([...fence.matchAll(/<([A-Z][A-Za-z]*)\b/gu)].map((match) => match[1]));
+        const valid = response.ok && Boolean(body.fence) && !(body.diagnostics ?? []).some((entry) => entry.severity === "error");
+        const components = (item.expect.components ?? []).every((name) => used.has(name));
+        const assert = !item.expect.assert || /\nexpect:/u.test(fence);
+        const note = !item.expect.note || Boolean(body.note);
+        collected.push({
+          id: item.id,
+          ok: valid && components && assert && note,
+          rounds: body.rounds ?? 0,
+          components,
+          assert,
+          note,
+          tokens: body.usage?.total_tokens ?? 0,
+          ms: Math.round(performance.now() - started),
+          error: response.ok ? undefined : body.error,
+        });
+      } catch (error) {
+        collected.push({ id: item.id, ok: false, rounds: 0, components: false, assert: false, note: false, tokens: 0, ms: Math.round(performance.now() - started), error: error instanceof Error ? error.message : "失败" });
+      }
+      setResults([...collected]);
+    }
+    window.localStorage.setItem(EVALS_KEY, JSON.stringify(collected));
+    setRunning(false);
+  }
+
+  const current = summarize(results);
+  const before = previous ? summarize(previous) : null;
+  return (
+    <section className="admin-panel ui-admin-evals">
+      <div className="admin-panel-heading">
+        <div><span>模型自检</span><h2>用 {cases.length} 段原话给当前模型和提示词打分</h2></div>
+      </div>
+      <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>
+      {!configured ? <p className="ui-studio-message ui-studio-message-error">后台还没接上模型。</p> : null}
+      {results.length ? (
+        <p className="ui-studio-meta">
+          本次：通过 {current.pass}/{current.total}（{current.rate}%），平均修复 {current.rounds} 轮，共 {current.tokens} token。
+          {before ? ` 上次：通过 ${before.pass}/${before.total}（${before.rate}%），平均修复 ${before.rounds} 轮，共 ${before.tokens} token。` : ""}
+        </p>
+      ) : before ? <p className="ui-studio-meta">上次：通过 {before.pass}/{before.total}（{before.rate}%），平均修复 {before.rounds} 轮，共 {before.tokens} token。</p> : null}
+      <table className="ui-admin-table">
+        <thead>
+          <tr><th>样例</th><th>结果</th><th>修复轮数</th><th>组件</th><th>expect</th><th>提醒</th><th>token</th><th>耗时</th></tr>
+        </thead>
+        <tbody>
+          {cases.map((item) => {
+            const result = results.find((entry) => entry.id === item.id);
+            return (
+              <tr key={item.id}>
+                <td title={item.intent}>{item.id}</td>
+                <td>{result ? (result.ok ? "通过" : result.error ?? "未通过") : "—"}</td>
+                <td>{result ? result.rounds : "—"}</td>
+                <td>{result ? (result.components ? "✓" : `缺 ${(item.expect.components ?? []).join("、")}`) : (item.expect.components ?? []).join("、")}</td>
+                <td>{item.expect.assert ? (result ? (result.assert ? "✓" : "缺") : "要") : "—"}</td>
+                <td>{item.expect.note ? (result ? (result.note ? "✓" : "缺") : "要") : "—"}</td>
+                <td>{result ? result.tokens : "—"}</td>
+                <td>{result ? `${(result.ms / 1000).toFixed(1)}s` : "—"}</td>
+              </tr>
+            );
+          })}
+        </tbody>
+      </table>
+    </section>
+  );
+}

package/app/components/AdminUiShell.tsx

@@ -0,0 +1,56 @@
+import Link from "next/link";
+import { redirect } from "next/navigation";
+import type { ReactNode } from "react";
+import { getAdminUser } from "../lib/admin-auth";
+
+const SECTIONS = [
+  { href: "/admin", label: "总览" },
+  { href: "/admin/ui", label: "组件工作台" },
+  { href: "/admin/ui/catalog", label: "组件清单" },
+  { href: "/admin/ui/blocks", label: "交互块" },
+  { href: "/admin/ui/evals", label: "模型自检" },
+];
+
+export const isStaticExport = () => process.env.STATIC_EXPORT === "1";
+
+export async function requireAdminPage() {
+  const user = await getAdminUser();
+  if (!user) redirect("/admin");
+  return user;
+}
+
+export function StaticAdminNotice() {
+  return (
+    <main className="admin-access-page">
+      <div className="admin-access-card">
+        <h1>内容后台独立运行。</h1>
+        <p>公开博客由 GitHub Pages 静态托管；这一页只在独立后台里可用。</p>
+        <Link href="/">返回公开博客</Link>
+      </div>
+    </main>
+  );
+}
+
+export function AdminUiShell({ active, userName, children }: { active: string; userName: string; children: ReactNode }) {
+  return (
+    <main className="admin-shell admin-ui-shell">
+      <header className="admin-topbar">
+        <Link className="admin-brand" href="/admin">HEDON <span>STUDIO</span></Link>
+        <div>
+          <span>{userName}</span>
+          <form action="/api/auth/logout" method="post">
+            <button type="submit" className="admin-signout">退出</button>
+          </form>
+        </div>
+      </header>
+      <nav className="admin-ui-nav" aria-label="后台分区">
+        {SECTIONS.map((section) => (
+          <Link key={section.href} href={section.href} aria-current={section.href === active ? "page" : undefined}>
+            {section.label}
+          </Link>
+        ))}
+      </nav>
+      {children}
+    </main>
+  );
+}

package/app/components/MarkdownArticle.tsx

@@ -14,6 +14,11 @@ import { MermaidDiagram } from "./MermaidDiagram";
 import { MarkdownImage } from "./MarkdownImage";
 import { ExternalEmbed } from "./ExternalEmbed";
 import { WidgetChart } from "./WidgetChart";
+import { IntentBlock, UiBlock, UiErrorBlock } from "./UiBlock";
+
+const BLOCK_LANGUAGES = ["language-mermaid", "language-embed", "language-widget", "language-ui", "language-ui-error", "language-intent"];
+const isBlockLanguage = (className?: string) =>
+  Boolean(className) && BLOCK_LANGUAGES.some((language) => className?.split(/\s+/u).includes(language));
 
 function CodeBlock({
   className,
@@ -29,6 +34,15 @@ function CodeBlock({
   if (className?.includes("language-widget")) {
     return <WidgetChart source={String(children).trim()} />;
   }
+  if (className?.split(/\s+/u).includes("language-ui")) {
+    return <UiBlock source={String(children)} />;
+  }
+  if (className?.split(/\s+/u).includes("language-ui-error")) {
+    return <UiErrorBlock source={String(children)} />;
+  }
+  if (className?.split(/\s+/u).includes("language-intent")) {
+    return <IntentBlock source={String(children)} />;
+  }
 
   const codeProps = { ...props };
   delete codeProps.node;
@@ -118,11 +132,7 @@ export function MarkdownArticle({ content }: { content: string }) {
             const preProps = { ...props };
             delete preProps.node;
 
-            if (
-              className?.includes("language-mermaid") ||
-              className?.includes("language-embed") ||
-              className?.includes("language-widget")
-            ) {
+            if (isBlockLanguage(className)) {
               return <>{children}</>;
             }
 

package/app/components/UiBlock.tsx

@@ -0,0 +1,22 @@
+import { readPayload } from "../../ui/core/compile.mjs";
+import { IntentCard, UiErrorCard, UiFigure, type Diagnostic, type UiPayload } from "../../ui/react";
+
+export function UiBlock({ source }: { source: string }) {
+  const payload = readPayload(source) as UiPayload | null;
+  if (!payload) return <p className="external-embed-error">这块交互的数据损坏了，请重新运行 garden sync。</p>;
+  return <UiFigure payload={payload} />;
+}
+
+export function UiErrorBlock({ source }: { source: string }) {
+  let value: { id?: string | null; caption?: string; diagnostics?: Diagnostic[] } = {};
+  try {
+    value = JSON.parse(source);
+  } catch {
+    value = {};
+  }
+  return <UiErrorCard id={value.id} caption={value.caption ?? ""} diagnostics={value.diagnostics ?? []} />;
+}
+
+export function IntentBlock({ source, id }: { source: string; id?: string | null }) {
+  return <IntentCard text={source.trim()} id={id} />;
+}