@aipanel/dsh-client 1.2.4 → 1.2.5

package/lib/client.js

@@ -33,6 +33,12 @@ var SELECTION_STORAGE_KEY = "dsh.bridge.selection";
 var SESSION_READY_EVENT = "aipanel:session-ready";
 var INSERT_ELEMENT_EVENT = "aipanel:insert-element";
 var SESSION_SETTLE_MS = 400;
+function ensureNodeId(e) {
+  if (e.id) return e.id;
+  const random = typeof crypto !== "undefined" && typeof crypto.randomUUID === "function" ? crypto.randomUUID().replace(/-/g, "").slice(0, 8) : Math.random().toString(36).slice(2, 10);
+  e.id = `n${random}`;
+  return e.id;
+}
 function elementLabel(e) {
   if (e.description) return e.description;
   const text = e.innerText?.trim();
@@ -46,24 +52,19 @@ function serializeElement(ref) {
   try {
     const e = JSON.parse(ref);
     if (!e || typeof e !== "object") throw new Error("not an element payload");
-    const safe = (s) => s.replace(/[\\/]/g, (m) => m === "/" ? "\uFF0F" : "\uFF3C").replace(/["\n\r]+/g, " ");
-    const selector = safe(e.description || "element");
-    const text = e.innerText?.trim();
-    const textPreview = text ? text.length > 5 ? text.slice(0, 5) + "..." : text : "";
-    const body = `\u9009\u4E2D\u5143\u7D20:${selector}${textPreview ? `(${safe(textPreview)})` : ""}`;
-    return `@"${body}"`;
+    return `@\u8282\u70B9[${ensureNodeId(e)}]`;
   } catch {
     return `@${ref}`;
   }
 }
 function toReference(e) {
-  const label = elementLabel(e);
+  const mark = `\u8282\u70B9[${ensureNodeId(e)}]`;
   return {
     source: "aipanel",
     ref: elementContextRef(e),
-    label,
+    label: mark,
     appearance: "file",
-    clipboardText: label
+    clipboardText: `@${mark}`
   };
 }
 function toCandidate(e) {
@@ -101,16 +102,35 @@ function apply(ctx) {
         (c) => c.name.toLowerCase().includes(query) || (c.description ?? "").toLowerCase().includes(query)
       );
     },
-    // 选定 → 铸造 file 引用：ref/label 分离（label 短，ref 携完整上下文）
-    onPick: (pick) => ({
-      insert: {
-        source: "aipanel",
-        ref: pick.candidate.value ?? pick.candidate.name,
-        label: pick.candidate.name,
-        appearance: "file",
-        clipboardText: pick.candidate.name
+    // 选定 → 铸造 file 引用：ref/label 分离（label 短，ref 携带完整元素 + 节点 id）
+    onPick: (pick) => {
+      try {
+        const parsed = JSON.parse(pick.candidate.value ?? "null");
+        if (parsed) {
+          ensureNodeId(parsed);
+          return {
+            insert: {
+              source: "aipanel",
+              ref: JSON.stringify(parsed),
+              label: pick.candidate.name,
+              appearance: "file",
+              // clipboardText 以 @ 开头（dsh backdrop 取首字符作 chip 触发 glyph）
+              clipboardText: `@${pick.candidate.name}`
+            }
+          };
+        }
+      } catch {
       }
-    }),
+      return {
+        insert: {
+          source: "aipanel",
+          ref: pick.candidate.value ?? pick.candidate.name,
+          label: pick.candidate.name,
+          appearance: "file",
+          clipboardText: `@${pick.candidate.name}`
+        }
+      };
+    },
     // 模型投影
     codec: {
       clipboardText: (ref) => ref,
@@ -166,11 +186,47 @@ function apply(ctx) {
       if (!input || typeof input.insertReference !== "function") return;
       const snapshot = input.state?.getSnapshot?.();
       if (!snapshot) return;
-      const at = snapshot.draft.length;
-      input.insertReference(toReference(element), {
-        start: at,
-        end: at,
-        draftRev: snapshot.draftRev
+      let start = snapshot.draft.length;
+      let end = snapshot.draft.length;
+      try {
+        const el = document.querySelector("textarea[data-phase]");
+        if (el && el.value === snapshot.draft) {
+          const s = el.selectionStart ?? 0;
+          const e = el.selectionEnd ?? s;
+          start = Math.min(s, snapshot.draft.length);
+          end = Math.min(e, snapshot.draft.length);
+        }
+      } catch {
+      }
+      const reference = toReference(element);
+      const gap = snapshot.draft.slice(end)[0] === " " ? 0 : 1;
+      const insertedLen = reference.clipboardText.length + gap;
+      let leadingSpace = 0;
+      let rev = snapshot.draftRev;
+      if (start > 0 && !/\s/.test(snapshot.draft[start - 1])) {
+        try {
+          if (input.insertText?.(" ", { start, end, draftRev: rev })) {
+            const next = input.state?.getSnapshot?.();
+            if (next) {
+              leadingSpace = 1;
+              start += 1;
+              end += 1;
+              rev = next.draftRev;
+            }
+          }
+        } catch {
+        }
+      }
+      input.insertReference(reference, { start, end, draftRev: rev });
+      requestAnimationFrame(() => {
+        try {
+          const el = document.querySelector("textarea[data-phase]");
+          if (!el) return;
+          const caret = Math.min(start + insertedLen + leadingSpace, el.value.length);
+          el.focus();
+          el.setSelectionRange(caret, caret);
+        } catch {
+        }
       });
     } catch {
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aipanel/dsh-client",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "type": "module",
   "description": "AIPanel 浏览器侧插件（dsh web Web Client）：注册 @aipanel 文件引用 source，选中元素以 file chip 高亮插入并可供模型解析。",
   "publishConfig": {