提示词引用参考图：@ 随手可唤出 + 手打「图N」自动补空格

- @ 候选菜单改成光标前有 @ 就唤出，不再要求前面是空格或行首。
参考项目 infinite-canvas 用的是 (^|\s)@，这里放宽成 @([^\s@]*)$，
「把@」「中间@」都能直接唤出，插入位置仍按 @ 的起点算。
- 手动打完「图N」后自动补一个空格，跟 @ 选中插入的「图N 」一致，
接着写文字不会和标签粘在一起。
· 参考图 ≥10 张时「图1」可能是「图12」的前缀，此时等用户打完数字再补，
避免把「图12」拆成「图1 2」。
· 标签后面已经紧跟汉字（如「图2的」）时在标签与汉字之间插入，不影响语义。
· 越界编号（图9 而只有 2 张图）不补空格，保持纯文本。
· 组字期间（isComposing）不插空格，避免打断 IME 的拼音串。
- 真机验证 artifacts/prompt-refs/at-check.sh：
把@ / 中间@ / @ / 已有文字后面@ 四种都能唤出候选；
用图1 → 用图1 ；用图2的 → 用图2 的；用图9 不动；@城市 只剩图2。

web/src/components/prompt-composer.tsx

@@ -429,6 +429,31 @@ function escapeRegExp(value: string) {
   return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
 
+/**
+ * 手动打完「图N」后自动补一个空格，跟 @ 选中插入的「图N 」保持一致，
+ * 不然接着写文字会粘成一团。
+ *
+ * 只在标签没有歧义时补：参考图超过 9 张时「图1」可能只是「图12」的前缀，
+ * 得等用户把数字打完。1~9 张的时候不存在这个问题，直接补。
+ */
+function autoSpaceAfterReferenceLabel(
+  value: string,
+  caret: number,
+  labels: string[],
+): { value: string; caret: number } | null {
+  const before = value.slice(0, caret);
+  const after = value.slice(caret);
+  if (/^\s/.test(after)) return null; // 后面已经有空白了
+  // labels 已按长度倒序，先用长的匹配，避免「图12」被拆成「图1」+「2」。
+  const label = labels.find((item) => item && before.endsWith(item));
+  if (!label) return null;
+  // 还有更长的标签以它开头 → 数字没打完，先别动。
+  if (labels.some((other) => other !== label && other.length > label.length && other.startsWith(label))) {
+    return null;
+  }
+  return { value: `${before} ${after}`, caret: caret + 1 };
+}
+
 /**
  * 退格 / 删除把「图1」当成一个整体删掉。
  *
@@ -590,12 +615,13 @@ export const PromptComposerTextarea = forwardRef<HTMLTextAreaElement, PromptComp
       setMentionActiveIndex(next);
     };
 
-    /** 光标正好在一段「@xxx」后面时，才认为在挑参考图。 */
+    /** 光标前有一段「@xxx」时，才认为在挑参考图。前面不需要空格（行首/词中都能唤出）。 */
     const syncMention = (nextValue: string, cursor: number) => {
       let next: MentionState | null = null;
       if (referenceList.length > 0) {
-        const match = /(^|\s)@([^\s@]*)$/.exec(nextValue.slice(0, cursor));
-        if (match) next = { start: cursor - match[2].length - 1, query: match[2] };
+        // 只认紧贴光标的这一段：@ 后面连续的非空白非 @ 字符当作搜索词。
+        const match = /@([^\s@]*)$/.exec(nextValue.slice(0, cursor));
+        if (match) next = { start: cursor - match[1].length - 1, query: match[1] };
       }
       const current = mentionRef.current;
       if (!next && !current) return;
@@ -722,8 +748,23 @@ export const PromptComposerTextarea = forwardRef<HTMLTextAreaElement, PromptComp
           style={style}
           onChange={(event) => {
             const next = event.target.value;
+            const caret = event.target.selectionStart;
+            // 组字期间不要插空格：IME 中间的拼音串会被打断。
+            const spaced = isComposing || referenceLabels.length === 0
+              ? null
+              : autoSpaceAfterReferenceLabel(next, caret, referenceLabels);
+            if (spaced) {
+              onValueChange(spaced.value);
+              syncMention(spaced.value, spaced.caret);
+              requestAnimationFrame(() => {
+                const element = textareaElementRef.current;
+                element?.focus();
+                element?.setSelectionRange(spaced.caret, spaced.caret);
+              });
+              return;
+            }
             onValueChange(next);
-            syncMention(next, event.target.selectionStart);
+            syncMention(next, caret);
           }}
           onPaste={onPaste}
           onCompositionStart={() => setIsComposing(true)}