fix: harden admin and CMPP delivery workflows

src/apps/client/ClientSignaturesPage.tsx

@@ -98,7 +98,7 @@ function ClientDrainageModal({ item, onClose, onSaved, signature }: { item?: Cli
   const missingRequired = fields.some((field) => field.required && !values[field.code]);
   return <Modal footer={<><Button onClick={onClose} variant="ghost">取消</Button><Button disabled={!siteName.trim() || !url.trim() || missingRequired || saving || Boolean(uploadingCode)} onClick={() => void save()}>{saving ? '提交中...' : '提交审核'}</Button></>} onClose={onClose} open size="xl" title={item ? '修改引流信息' : '新增引流信息'}>
     <div className="signature-form drainage-edit-form">
-      <Input label="站名称" onChange={(event) => setSiteName(event.target.value)} required value={siteName} />
+      <Input label="引流信息" onChange={(event) => setSiteName(event.target.value)} required value={siteName} />
       <Input label="引流地址" onChange={(event) => setUrl(event.target.value)} placeholder="https://" required value={url} />
       <Textarea label="备注" onChange={(event) => setRemark(event.target.value)} rows={3} value={remark} />
       <section className="surface" style={{ padding: 16 }}><h3>应用通道引流信息报备资料</h3><div className="signature-form-grid" style={{ marginTop: 12 }}>

src/apps/client/ClientTemplatesPage.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { Edit3, MessageSquare, Plus, Search, Trash2 } from 'lucide-react';
 import { Button, Input, Modal, Pagination, Select, Tag, Textarea } from '@/components/ui';
 import { clientApi, type ClientSmsApplication, type ClientSmsSignature, type ClientSmsTemplate } from '@/api/adminApi';
@@ -72,6 +72,7 @@ function TemplateModal({
 }) {
   const [customVariable, setCustomVariable] = useState('');
   const [variablesOpen, setVariablesOpen] = useState(false);
+  const contentRef = useRef<HTMLTextAreaElement>(null);
   const [form, setForm] = useState<TemplateFormState>({
     applicationId: item?.applicationId ?? '',
     signatureId: item?.signatureId ?? '',
@@ -99,7 +100,15 @@ function TemplateModal({
   function insertVariable(name: string) {
     const normalized = name.trim();
     if (!normalized) return;
-    setContent(`${form.content}\${${normalized}}`);
+    const token = `\${${normalized}}`;
+    const textarea = contentRef.current;
+    const start = textarea?.selectionStart ?? form.content.length;
+    const end = textarea?.selectionEnd ?? start;
+    setContent(`${form.content.slice(0, start)}${token}${form.content.slice(end)}`);
+    requestAnimationFrame(() => {
+      contentRef.current?.focus();
+      contentRef.current?.setSelectionRange(start + token.length, start + token.length);
+    });
   }
 
   function updateVariableExample(name: string, example: string) {
@@ -134,7 +143,7 @@ function TemplateModal({
         />
         <Input label="模板名称" onChange={(event) => update('name', event.target.value)} placeholder="请输入模板名称" value={form.name} />
         <Input label="模板分类" onChange={(event) => update('category', event.target.value)} placeholder="行业通知/营销推广/验证码" value={form.category} />
-        <Textarea label="模板内容" onChange={(event) => setContent(event.target.value)} placeholder="变量格式：${code}" rows={6} value={form.content} />
+        <Textarea label="模板内容" onChange={(event) => setContent(event.target.value)} placeholder="变量格式：${code}" ref={contentRef} rows={6} value={form.content} />
         <div className="template-form-meta">
           <button onClick={() => setVariablesOpen((current) => !current)} type="button">
             <Plus size={16} /> {variablesOpen ? '收起变量面板' : '插入变量'}