@aipanel/dsh-client 1.2.7 → 1.2.8

package/lib/client.js

@@ -285,7 +285,7 @@ function registerDiagnosticsView(ctx) {
 
 // dsh-client/src/client/index.ts
 var SELECTION_STORAGE_KEY = "dsh.bridge.selection";
-var inject = ["slots"];
+var inject = ["slots", "sessions", "inputTriggers", "conversation"];
 var SESSION_READY_EVENT = "aipanel:session-ready";
 var INSERT_ELEMENT_EVENT = "aipanel:insert-element";
 var SESSION_SETTLE_MS = 400;
@@ -447,12 +447,46 @@ function apply(ctx) {
       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);
+        const composer = document.querySelector(
+          '[role="textbox"][contenteditable="true"], textarea[data-phase]'
+        );
+        if (composer) {
+          if (composer.isContentEditable) {
+            const draftInComposer = (composer.innerText ?? "").replace(/\n$/, "");
+            if (draftInComposer === snapshot.draft) {
+              const sel = window.getSelection();
+              if (sel && sel.rangeCount > 0 && sel.anchorNode && sel.focusNode && composer.contains(sel.anchorNode) && composer.contains(sel.focusNode)) {
+                const textNodes = [];
+                const walker = document.createTreeWalker(composer, NodeFilter.SHOW_TEXT);
+                let n = walker.nextNode();
+                while (n) {
+                  textNodes.push(n);
+                  n = walker.nextNode();
+                }
+                const posOf = (node, off) => {
+                  const idx = textNodes.indexOf(node);
+                  if (idx < 0) return null;
+                  let acc = 0;
+                  for (let i = 0; i < idx; i++) acc += textNodes[i].data.length;
+                  return acc + Math.min(off, textNodes[idx].data.length);
+                };
+                const s = posOf(sel.anchorNode, sel.anchorOffset);
+                const e = posOf(sel.focusNode, sel.focusOffset);
+                if (s !== null && e !== null) {
+                  start = Math.min(Math.max(s, 0), snapshot.draft.length);
+                  end = Math.min(Math.max(e, start), snapshot.draft.length);
+                }
+              }
+            }
+          } else {
+            const ta = composer;
+            if (ta.value === snapshot.draft) {
+              const s = ta.selectionStart ?? snapshot.draft.length;
+              const e = ta.selectionEnd ?? s;
+              start = Math.min(s, snapshot.draft.length);
+              end = Math.min(e, snapshot.draft.length);
+            }
+          }
         }
       } catch {
       }
@@ -479,11 +513,46 @@ function apply(ctx) {
       input.insertReference(reference, { start, end, draftRev: rev });
       requestAnimationFrame(() => {
         try {
-          const el = document.querySelector("textarea[data-phase]");
+          const el = document.querySelector(
+            '[role="textbox"][contenteditable="true"], textarea[data-phase]'
+          );
           if (!el) return;
-          const caret = Math.min(start + insertedLen + leadingSpace, el.value.length);
-          el.focus();
-          el.setSelectionRange(caret, caret);
+          const caret = start + insertedLen + leadingSpace;
+          if (el.isContentEditable) {
+            const textNodes = [];
+            const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
+            let n = walker.nextNode();
+            while (n) {
+              textNodes.push(n);
+              n = walker.nextNode();
+            }
+            let target = textNodes[textNodes.length - 1] ?? null;
+            let off = target ? target.data.length : 0;
+            let remaining = Math.max(0, caret);
+            if (target) {
+              for (const t of textNodes) {
+                if (remaining <= t.data.length) {
+                  target = t;
+                  off = remaining;
+                  break;
+                }
+                remaining -= t.data.length;
+              }
+            }
+            if (target) {
+              const range = document.createRange();
+              range.setStart(target, Math.min(off, target.data.length));
+              range.collapse(true);
+              const sel = window.getSelection();
+              sel?.removeAllRanges();
+              sel?.addRange(range);
+            }
+            el.focus();
+          } else {
+            const ta = el;
+            ta.focus();
+            ta.setSelectionRange(Math.min(caret, ta.value.length), Math.min(caret, ta.value.length));
+          }
         } catch {
         }
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aipanel/dsh-client",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "type": "module",
   "description": "AIPanel 浏览器侧插件（dsh web Web Client）：注册 @aipanel 文件引用 source，选中元素以 file chip 高亮插入并可供模型解析。",
   "publishConfig": {
@@ -11,9 +11,9 @@
     "lib"
   ],
   "devDependencies": {
-    "@deepseek-ai/cordis": "^4.0.1",
-    "@deepseek-ai/dsh-client-ui-input-trigger": "^0.1.1-rc.2",
-    "@deepseek-ai/dsh-client-ui-primitives": "^0.0.1-rc.1",
+    "@deepseek-ai/cordis": "^4.0.2",
+    "@deepseek-ai/dsh-client-ui-input-trigger": "^0.1.2-rc.1",
+    "@deepseek-ai/dsh-client-ui-primitives": "^0.1.2-rc.1",
     "@types/react": "^18.3.0",
     "esbuild": "^0.25.0",
     "react": "^18.3.0"
@@ -27,7 +27,10 @@
     "client": {
       "platform": "web",
       "inject": [
-        "slots"
+        "slots",
+        "sessions",
+        "inputTriggers",
+        "conversation"
       ]
     }
   },