From 655ae8ccf899d7901125f1948cede1b698726096 Mon Sep 17 00:00:00 2001
From: Vassiliy Yegorov <va@egorovanet.ru>
Date: Sun, 5 Jul 2026 13:48:24 +0700
Subject: [PATCH] feat(web): hint about {{domain_name}} placeholder in template
 editor

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 web/src/components/RecordEditor.test.tsx |  6 ++++++
 web/src/components/RecordEditor.tsx      | 12 +++++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/web/src/components/RecordEditor.test.tsx b/web/src/components/RecordEditor.test.tsx
index 6bbf1ee..7507bbb 100644
--- a/web/src/components/RecordEditor.test.tsx
+++ b/web/src/components/RecordEditor.test.tsx
@@ -126,6 +126,12 @@ test("удаление записи вызывает onChange без удалё
   ])
 })
 
+test("подсказка про плейсхолдер {{domain_name}} отображается в редакторе", () => {
+  render(<Harness initial={[]} onChange={vi.fn()} />)
+
+  expect(screen.getByText(/\{\{domain_name\}\}/)).toBeInTheDocument()
+})
+
 test("mono-шрифт применён к полям name и values", () => {
   render(
     <Harness
diff --git a/web/src/components/RecordEditor.tsx b/web/src/components/RecordEditor.tsx
index ce16c47..4d0de3f 100644
--- a/web/src/components/RecordEditor.tsx
+++ b/web/src/components/RecordEditor.tsx
@@ -1,7 +1,8 @@
-import { Plus, Trash2 } from "lucide-react"
+import { Info, Plus, Trash2 } from "lucide-react"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Textarea } from "@/components/ui/textarea"
+import { FieldDescription } from "@/components/ui/field"
 import {
   Select,
   SelectContent,
@@ -42,6 +43,15 @@ export function RecordEditor({
 
   return (
     <div className="flex flex-col gap-2">
+      <FieldDescription className="flex items-start gap-2 rounded-lg border border-border/60 bg-background/40 px-3 py-2.5">
+        <Info className="mt-0.5 size-3.5 shrink-0 text-muted-foreground" strokeWidth={1.75} />
+        <span>
+          Используйте <code className="font-dns text-foreground">{"{{domain_name}}"}</code> в имени
+          или значении записи — при проверке домена подставится имя его зоны (без завершающей
+          точки).
+        </span>
+      </FieldDescription>
+
       {value.map((record, index) => (
         <div
           key={index}