feat(editor): implement triple-click line selection and drag expansion

- Add `isLineSelection` and `lineSelectionAnchor` to track line selection mode.
- Handle mouse triple-click to select the entire line.
- Update mouse move logic to expand selection by full lines when in line selection mode.
- Reset line selection state on mouse up or focus loss.

Author: vipmax

anycode-base/src/editor.ts

@@ -49,6 +49,8 @@ export class AnycodeEditor {
     private autoScrollTimer: number | null = null;
     private isWordSelection: boolean = false;
     private wordSelectionAnchor: number = 0;
+    private isLineSelection: boolean = false;
+    private lineSelectionAnchor: number = 0;
 
     private lastScrollTop = 0;
 
@@ -314,7 +316,7 @@ export class AnycodeEditor {
 
     private handleClick(e: MouseEvent): void {
         console.log("click", e);
-        
+
         const oldCursor = this.code.getPosition(this.offset);
 
         if (this.selection && this.selection.nonEmpty()) { return; }
@@ -371,6 +373,7 @@ export class AnycodeEditor {
         // console.log('handleMouseUp ', this.selection);
         this.isMouseSelecting = false;
         this.isWordSelection = false;
+        this.isLineSelection = false;
 
         if (this.autoScrollTimer) {
             cancelAnimationFrame(this.autoScrollTimer);
@@ -382,6 +385,7 @@ export class AnycodeEditor {
         // console.log('Editor lost focus');
         this.isMouseSelecting = false;
         this.isWordSelection = false;
+        this.isLineSelection = false;
 
         if (this.autoScrollTimer) {
             cancelAnimationFrame(this.autoScrollTimer);
@@ -413,10 +417,13 @@ export class AnycodeEditor {
 
         if (e.detail === 3) { // triple click
             this.selectLine(pos.row);
+            this.isLineSelection = true;
+            this.lineSelectionAnchor = pos.row;
             return;
         }
 
         this.isWordSelection = false;
+        this.isLineSelection = false;
         const o = this.code.getOffset(pos.row, pos.col);
 
         if (e.shiftKey && this.selection) {
@@ -486,6 +493,22 @@ export class AnycodeEditor {
                     const start = this.code.getOffset(row, startCol);
                     const end = this.code.getOffset(row, endCol);
 
+                    this.selection = new Selection(start, end);
+                    this.offset = end;
+                }
+            } else if (this.isLineSelection) {
+                const anchorRow = this.lineSelectionAnchor;
+
+                if (row < anchorRow) {
+                    // Selection moving up
+                    const start = this.code.getOffset(row, 0);
+                    const end = this.code.getOffset(anchorRow, this.code.lineLength(anchorRow));
+                    this.selection = new Selection(start, end);
+                    this.offset = start;
+                } else {
+                    // Selection moving down or same line
+                    const start = this.code.getOffset(anchorRow, 0);
+                    const end = this.code.getOffset(row, this.code.lineLength(row));
                     this.selection = new Selection(start, end);
                     this.offset = end;
                 }
@@ -579,6 +602,7 @@ export class AnycodeEditor {
 
         if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'c') {
             if (hasDiagnosticSelection()) {
+                console.log('hasDiagnosticSelection');
                 return;
             }
         }

anycode/components/agent/AcpMessage.tsx

@@ -29,8 +29,8 @@ const ToolCallMessage: React.FC<{
   isExpanded: boolean;
   onToggle: () => void;
 }> = ({ message, toolResult, toolUpdate, isExpanded, onToggle }) => {
-  const hasArguments = message.arguments && 
-    JSON.stringify(message.arguments) !== '{}' && 
+  const hasArguments = message.arguments &&
+    JSON.stringify(message.arguments) !== '{}' &&
     JSON.stringify(message.arguments) !== '[]';
 
   return (
@@ -40,7 +40,7 @@ const ToolCallMessage: React.FC<{
           <span className="acp-toggle-icon">{isExpanded ? '▼' : '▶'}</span>
           <div className="acp-tool-call-name">{message.name}</div>
         </div>
-        
+
         {isExpanded && (
           <>
             {message.command && (
@@ -137,9 +137,9 @@ const ToolResultDetails: React.FC<{ result: any }> = ({ result }) => {
 
   const contentText = Array.isArray(content)
     ? content
-        .map((item: any) => item?.content?.text)
-        .filter((text: any) => typeof text === 'string' && text.length > 0)
-        .join('')
+      .map((item: any) => item?.content?.text)
+      .filter((text: any) => typeof text === 'string' && text.length > 0)
+      .join('')
     : undefined;
 
   const normalizedContent = typeof contentText === 'string' ? contentText.trim() : undefined;
@@ -267,7 +267,7 @@ const ThoughtMessage: React.FC<{
   const isLong = message.content.length > 180;
   const shouldToggle = isLong;
   const expanded = shouldToggle ? isExpanded : true;
-  const lines = message.content.split('\n');
+  const lines = message.content.trim().split('\n');
   const previewLine = lines[0] || '';
   return (
     <div className="acp-message acp-message-thought">