fix(web): 链相位语义色/失败可重试 + 模板填入中文标签/删除可撤销/工具卡文案 + 模板库 PageHeader

apps/web/components/toolbox/GeneratorRunner.tsx

@@ -8,8 +8,10 @@ import { ConflictAdjudication } from "@/components/generation/ConflictAdjudicati
 import { Button } from "@/components/ui/Button";
 import { Badge } from "@/components/ui/Badge";
 import { Field } from "@/components/ui/Field";
+import { StatusNote } from "@/components/ui/StatusNote";
 import { TextArea } from "@/components/ui/TextArea";
 import { TextInput } from "@/components/ui/TextInput";
+import { ThinkingIndicator } from "@/components/ThinkingIndicator";
 import type { ToolDescriptorView, ToolInputFieldView } from "@/lib/api/types";
 import {
   buildGenerateRequest,
@@ -50,11 +52,17 @@ export function GeneratorRunner({
     setValues((prev) => ({ ...prev, [name]: value }));
   }, []);
 
-  // 「从模板填入」的目标字段（brief / text；无则不渲染）。
+  // 「从模板填入」的目标字段（brief / text；无则不渲染）。匹配按 name，展示用中文 label。
   const fillTarget = useMemo(
     () => templateFillTarget(tool.input_fields),
     [tool.input_fields],
   );
+  const fillLabel = useMemo(
+    () =>
+      (tool.input_fields ?? []).find((f) => f.name === fillTarget)?.label ??
+      fillTarget,
+    [tool.input_fields, fillTarget],
+  );
 
   const onGenerate = useCallback(async (): Promise<void> => {
     const missing = missingRequiredFields(tool.input_fields, values);
@@ -150,7 +158,11 @@ export function GeneratorRunner({
           void onGenerate();
         }}
       >
-        <TemplateFiller targetField={fillTarget} onFill={setField} />
+        <TemplateFiller
+          targetField={fillTarget}
+          targetLabel={fillLabel}
+          onFill={setField}
+        />
         {(tool.input_fields ?? []).map((field) => (
           <FormField
             key={field.name}
@@ -163,6 +175,12 @@ export function GeneratorRunner({
           <Sparkles className="h-4 w-4" aria-hidden="true" />
           {generating ? "生成中…" : "生成"}
         </Button>
+        {generating ? (
+          <ThinkingIndicator
+            label="生成中，长文可能需要十几秒…"
+            className="text-cinnabar"
+          />
+        ) : null}
       </form>
 
       {gen.genStatus === "preview" && gen.preview ? (
@@ -213,9 +231,9 @@ export function GeneratorRunner({
           ) : null}
 
           {gen.ingestStatus === "done" ? (
-            <p className="text-sm text-ink-soft">
-              已入库 {gen.created.length} 项。
-            </p>
+            <StatusNote variant="success" title={`已入库 ${gen.created.length} 项`}>
+              <p>内容已写入设定库，可在对应页面查看与续编。</p>
+            </StatusNote>
           ) : null}
         </div>
       ) : null}