@steerable/agent-shell-web 0.6.66 → 0.6.67

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steerable/agent-shell-web",
-  "version": "0.6.66",
+  "version": "0.6.67",
   "type": "module",
   "description": "Steerable framework — product-neutral renderer SPA source for @steerable/agent-shell (React + Vite). Consumed by product web entry points via the `@/` alias (anchored at this package's src/) and the createProductViteConfig factory. Published as a source package (src/), plus the compiled vite.base config factory (vite.base.js + .d.ts) for Node-side config loading.",
   "license": "Apache-2.0",
@@ -45,8 +45,8 @@
     "react-router-dom": "^6.30.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
-    "@steerable/agent-protocol": "0.6.66",
-    "@steerable/agent-ui": "0.6.66"
+    "@steerable/agent-protocol": "0.6.67",
+    "@steerable/agent-ui": "0.6.67"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.3.0",
@@ -59,7 +59,7 @@
     "typescript": "^5.8.3",
     "vite": "^5.4.21",
     "vitest": "^3.2.4",
-    "@steerable/pack-sdk": "0.6.66"
+    "@steerable/pack-sdk": "0.6.67"
   },
   "scripts": {
     "gen": "echo agent-shell-web",

package/src/components/chat/ChatInput.tsx

@@ -32,7 +32,13 @@ import {
 import type { LocalChat, LocalChatAgent } from '@/lib/local-api';
 import type { ExecPolicy } from '@/lib/exec-policy';
 import { getWebChatModes, hostToolCapability, settingsChrome } from '@/lib/host-tools';
-import { hostClipboardAvailable, requestHostPaste, type HostClipboardFile } from '@/lib/host-paste';
+import {
+  hostClipboardAvailable,
+  releaseComposerPasteTarget,
+  requestHostPaste,
+  setComposerPasteTarget,
+  type HostClipboardFile,
+} from '@/lib/host-paste';
 import { attachmentFromPath, type AttachmentFile } from '@/lib/attachments';
 import { dropPointHitsRect, hostFileDropAvailable, listenHostFileDrop } from '@/lib/host-file-drop';
 import type { SteerOutcome } from '@steerable/agent-ui';
@@ -510,10 +516,17 @@ function getSelectionOffsets(root: HTMLDivElement): { start: number; end: number
     return measureRange.toString().length;
   };
 
-  return {
-    start: getOffset(range.startContainer, range.startOffset),
-    end: getOffset(range.endContainer, range.endOffset),
-  };
+  try {
+    return {
+      start: getOffset(range.startContainer, range.startOffset),
+      end: getOffset(range.endContainer, range.endOffset),
+    };
+  } catch {
+    // The caret can sit on the empty scaffold's <br> with an offset the
+    // range rejects. Paste still belongs at the end of the draft.
+    const end = getEditableText(root).length;
+    return { start: end, end };
+  }
 }
 
 function setCaretOffset(root: HTMLDivElement, offset: number) {
@@ -1149,6 +1162,10 @@ export const ChatInput = forwardRef<ChatInputHandle, ChatInputProps>(
         return;
       }
 
+      const wrote =
+        editorText !== value ||
+        pendingCaretOffset !== null ||
+        (!value && !hasEmptyImeScaffold(editor));
       if (editorText !== value || pendingCaretOffset !== null) {
         writeEditorValue(
           editor,
@@ -1167,8 +1184,10 @@ export const ChatInput = forwardRef<ChatInputHandle, ChatInputProps>(
       lastPushedValueRef.current = value;
       updateEditorHeight(editor);
 
-      if (pendingCaretOffset !== null && focused) {
-        setCaretOffset(editor, Math.min(pendingCaretOffset, value.length));
+      // replaceChildren drops the DOM selection. Without a caret inside the
+      // field, WKWebView ignores Ctrl/Cmd+V after a send.
+      if (focused && wrote) {
+        setCaretOffset(editor, Math.min(pendingCaretOffset ?? value.length, value.length));
         pendingCaretOffsetRef.current = null;
       }
     }, [value, mentionReferences, agents, chats, disabled, skills, mcpTools]);
@@ -1494,6 +1513,7 @@ export const ChatInput = forwardRef<ChatInputHandle, ChatInputProps>(
     useLayoutEffect(() => {
       const editor = editorRef.current;
       if (!editor) return;
+      setComposerPasteTarget(editor);
       const onCompositionStart = () => {
         isComposingRef.current = true;
         inputSyncGenRef.current += 1;
@@ -1519,6 +1539,7 @@ export const ChatInput = forwardRef<ChatInputHandle, ChatInputProps>(
       editor.addEventListener('hostpaste', onHostPaste);
       editor.addEventListener('hostpastefiles', onHostPasteFiles);
       return () => {
+        releaseComposerPasteTarget(editor);
         editor.removeEventListener('compositionstart', onCompositionStart, true);
         editor.removeEventListener('hostpaste', onHostPaste);
         editor.removeEventListener('hostpastefiles', onHostPasteFiles);

package/src/components/chat/LocalChatPanel.tsx

@@ -224,10 +224,13 @@ export function LocalChatPanel({
   const [attachmentError, setAttachmentError] = useState<string | null>(null);
   const [mentionReferences, setMentionReferences] = useState<MentionReference[]>([]);
   const inputRef = useRef<ChatInputHandle>(null);
+  // 空会话首屏和对话底部各有一棵输入框。发出第一条消息会卸掉正在聚焦的那棵；
+  // 不重新聚焦的话，Ctrl/Cmd+V 没有落点。
+  const showEmptyHero = Boolean(emptyHero) && messages.length === 0 && !isStreaming;
 
   useEffect(() => {
     inputRef.current?.focusAtEnd();
-  }, [chatId]);
+  }, [chatId, showEmptyHero]);
 
   const handleSelectPrompt = useCallback((prompt: string) => {
     setInputValue(prompt);
@@ -315,9 +318,6 @@ export function LocalChatPanel({
     }
   }, [inputValue, files, mentionReferences, onSubmit, mode, execPolicy, chatId, selectedAgentId]);
 
-  // 空会话 hero：messages 为空且未在流式时整面板切到居中首屏布局。
-  const showEmptyHero = Boolean(emptyHero) && messages.length === 0 && !isStreaming;
-
   const sessionTodos = useMemo(
     () =>
       resolveLatestSessionTodos({

package/src/lib/host-paste.ts

@@ -19,8 +19,22 @@ import { getHostBridge } from './host-bridge';
 
 let pending = false;
 let lastEditable: HTMLElement | null = null;
+let composerPasteTarget: HTMLElement | null = null;
 let installed = false;
 
+/**
+ * Remember the live chat composer. A menu paste uses it when no other field
+ * is focused, including right after the empty-hero composer unmounts.
+ */
+export function setComposerPasteTarget(element: HTMLElement): void {
+  composerPasteTarget = element;
+}
+
+/** Drop the composer target when that element unmounts. */
+export function releaseComposerPasteTarget(element: HTMLElement): void {
+  if (composerPasteTarget === element) composerPasteTarget = null;
+}
+
 /** Remember the field that should receive a menu paste after focus moves. */
 export function installHostPaste(): void {
   if (installed || typeof document === 'undefined') return;
@@ -87,12 +101,9 @@ export function hostClipboardAvailable(): boolean {
 }
 
 function isEditable(target: EventTarget | null): target is HTMLElement {
-  return (
-    !isTerminalInput(target) &&
-    (target instanceof HTMLInputElement ||
-      target instanceof HTMLTextAreaElement ||
-      (target instanceof HTMLElement && target.isContentEditable))
-  );
+  if (isTerminalInput(target) || !(target instanceof HTMLElement)) return false;
+  if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) return true;
+  return target.isContentEditable || target.getAttribute('contenteditable') === 'true';
 }
 
 /**
@@ -105,8 +116,12 @@ function isTerminalInput(target: EventTarget | null): boolean {
 
 function focusedEditable(): HTMLElement | null {
   if (isTerminalInput(document.activeElement)) return null;
-  if (isEditable(document.activeElement)) return document.activeElement;
-  if (lastEditable?.isConnected) return lastEditable;
+  const active = document.activeElement;
+  if (active instanceof HTMLElement && active.isConnected && isEditable(active)) return active;
+  if (lastEditable?.isConnected && isEditable(lastEditable)) return lastEditable;
+  if (composerPasteTarget?.isConnected && isEditable(composerPasteTarget)) {
+    return composerPasteTarget;
+  }
   return null;
 }