@robota-sdk/agent-cli 3.0.0-beta.38 → 3.0.0-beta.39

package/dist/node/bin.cjs

@@ -1715,6 +1715,7 @@ var import_ink7 = require("ink");
 var import_react8 = require("react");
 var import_ink4 = require("ink");
 var import_chalk = __toESM(require("chalk"), 1);
+var import_string_width = __toESM(require("string-width"), 1);
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function filterPrintable(input) {
   if (!input || input.length === 0) return "";
@@ -1724,6 +1725,27 @@ function insertAtCursor(value, cursor, input) {
   const next = value.slice(0, cursor) + input + value.slice(cursor);
   return { value: next, cursor: cursor + input.length };
 }
+function displayOffset(chars, charIndex, width) {
+  let offset = 0;
+  for (let i = 0; i < charIndex && i < chars.length; i++) {
+    const w = (0, import_string_width.default)(chars[i]);
+    const col = offset % width;
+    if (col + w > width) offset += width - col;
+    offset += w;
+  }
+  return offset;
+}
+function charIndexAtDisplayOffset(chars, target, width) {
+  let offset = 0;
+  for (let i = 0; i < chars.length; i++) {
+    if (offset >= target) return i;
+    const w = (0, import_string_width.default)(chars[i]);
+    const col = offset % width;
+    if (col + w > width) offset += width - col;
+    offset += w;
+  }
+  return chars.length;
+}
 function CjkTextInput({
   value,
   onChange,
@@ -1731,7 +1753,8 @@ function CjkTextInput({
   onPaste,
   placeholder = "",
   focus = true,
-  showCursor = true
+  showCursor = true,
+  availableWidth
 }) {
   const valueRef = (0, import_react8.useRef)(value);
   const cursorRef = (0, import_react8.useRef)(value.length);
@@ -1745,7 +1768,22 @@ function CjkTextInput({
   (0, import_ink4.useInput)(
     (input, key) => {
       try {
-        if (key.upArrow || key.downArrow || key.ctrl && input === "c" || key.tab || key.shift && key.tab) {
+        if (key.ctrl && input === "c" || key.tab || key.shift && key.tab) {
+          return;
+        }
+        if (key.upArrow || key.downArrow) {
+          if (availableWidth && availableWidth > 0) {
+            const chars = [...valueRef.current];
+            const offset = displayOffset(chars, cursorRef.current, availableWidth);
+            const target = key.upArrow ? offset - availableWidth : offset + availableWidth;
+            if (target >= 0) {
+              const newCursor = charIndexAtDisplayOffset(chars, target, availableWidth);
+              if (newCursor !== cursorRef.current) {
+                cursorRef.current = newCursor;
+                forceRender((n) => n + 1);
+              }
+            }
+          }
           return;
         }
         if (key.return) {
@@ -1938,6 +1976,10 @@ function useAutocomplete(value, registry) {
     }
   };
 }
+var BORDER_HORIZONTAL = 2;
+var PADDING_LEFT = 1;
+var PROMPT_WIDTH = 2;
+var INPUT_AREA_OVERHEAD = BORDER_HORIZONTAL + PADDING_LEFT + PROMPT_WIDTH;
 function InputArea({
   onSubmit,
   onCancelQueue,
@@ -1948,6 +1990,9 @@ function InputArea({
 }) {
   const [value, setValue] = (0, import_react10.useState)("");
   const pasteStore = (0, import_react10.useRef)(/* @__PURE__ */ new Map());
+  const { stdout } = (0, import_ink7.useStdout)();
+  const terminalColumns = stdout?.columns ?? 80;
+  const availableWidth = Math.max(1, terminalColumns - INPUT_AREA_OVERHEAD);
   const pasteIdRef = (0, import_react10.useRef)(0);
   const {
     showPopup,
@@ -2055,7 +2100,8 @@ function InputArea({
               onChange: setValue,
               onSubmit: handleSubmit,
               onPaste: handlePaste,
-              placeholder: "Type a message or /help"
+              placeholder: "Type a message or /help",
+              availableWidth
             }
           )
         ] })

package/dist/node/bin.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   startCli
-} from "./chunk-7C5IYOJG.js";
+} from "./chunk-GWN5C72P.js";
 
 // src/bin.ts
 process.on("uncaughtException", (err) => {

package/dist/node/{chunk-7C5IYOJG.js → chunk-GWN5C72P.js}

@@ -1706,12 +1706,13 @@ function StatusBar({
 
 // src/ui/InputArea.tsx
 import React5, { useState as useState5, useCallback as useCallback5, useMemo as useMemo2, useRef as useRef4 } from "react";
-import { Box as Box5, Text as Text7, useInput as useInput2 } from "ink";
+import { Box as Box5, Text as Text7, useInput as useInput2, useStdout } from "ink";
 
 // src/ui/CjkTextInput.tsx
 import { useRef as useRef3, useState as useState3 } from "react";
 import { Text as Text4, useInput } from "ink";
 import chalk from "chalk";
+import stringWidth from "string-width";
 import { jsx as jsx3 } from "react/jsx-runtime";
 function filterPrintable(input) {
   if (!input || input.length === 0) return "";
@@ -1721,6 +1722,27 @@ function insertAtCursor(value, cursor, input) {
   const next = value.slice(0, cursor) + input + value.slice(cursor);
   return { value: next, cursor: cursor + input.length };
 }
+function displayOffset(chars, charIndex, width) {
+  let offset = 0;
+  for (let i = 0; i < charIndex && i < chars.length; i++) {
+    const w = stringWidth(chars[i]);
+    const col = offset % width;
+    if (col + w > width) offset += width - col;
+    offset += w;
+  }
+  return offset;
+}
+function charIndexAtDisplayOffset(chars, target, width) {
+  let offset = 0;
+  for (let i = 0; i < chars.length; i++) {
+    if (offset >= target) return i;
+    const w = stringWidth(chars[i]);
+    const col = offset % width;
+    if (col + w > width) offset += width - col;
+    offset += w;
+  }
+  return chars.length;
+}
 function CjkTextInput({
   value,
   onChange,
@@ -1728,7 +1750,8 @@ function CjkTextInput({
   onPaste,
   placeholder = "",
   focus = true,
-  showCursor = true
+  showCursor = true,
+  availableWidth
 }) {
   const valueRef = useRef3(value);
   const cursorRef = useRef3(value.length);
@@ -1742,7 +1765,22 @@ function CjkTextInput({
   useInput(
     (input, key) => {
       try {
-        if (key.upArrow || key.downArrow || key.ctrl && input === "c" || key.tab || key.shift && key.tab) {
+        if (key.ctrl && input === "c" || key.tab || key.shift && key.tab) {
+          return;
+        }
+        if (key.upArrow || key.downArrow) {
+          if (availableWidth && availableWidth > 0) {
+            const chars = [...valueRef.current];
+            const offset = displayOffset(chars, cursorRef.current, availableWidth);
+            const target = key.upArrow ? offset - availableWidth : offset + availableWidth;
+            if (target >= 0) {
+              const newCursor = charIndexAtDisplayOffset(chars, target, availableWidth);
+              if (newCursor !== cursorRef.current) {
+                cursorRef.current = newCursor;
+                forceRender((n) => n + 1);
+              }
+            }
+          }
           return;
         }
         if (key.return) {
@@ -1935,6 +1973,10 @@ function useAutocomplete(value, registry) {
     }
   };
 }
+var BORDER_HORIZONTAL = 2;
+var PADDING_LEFT = 1;
+var PROMPT_WIDTH = 2;
+var INPUT_AREA_OVERHEAD = BORDER_HORIZONTAL + PADDING_LEFT + PROMPT_WIDTH;
 function InputArea({
   onSubmit,
   onCancelQueue,
@@ -1945,6 +1987,9 @@ function InputArea({
 }) {
   const [value, setValue] = useState5("");
   const pasteStore = useRef4(/* @__PURE__ */ new Map());
+  const { stdout } = useStdout();
+  const terminalColumns = stdout?.columns ?? 80;
+  const availableWidth = Math.max(1, terminalColumns - INPUT_AREA_OVERHEAD);
   const pasteIdRef = useRef4(0);
   const {
     showPopup,
@@ -2052,7 +2097,8 @@ function InputArea({
               onChange: setValue,
               onSubmit: handleSubmit,
               onPaste: handlePaste,
-              placeholder: "Type a message or /help"
+              placeholder: "Type a message or /help",
+              availableWidth
             }
           )
         ] })

package/dist/node/index.cjs

@@ -1731,6 +1731,7 @@ var import_ink7 = require("ink");
 var import_react8 = require("react");
 var import_ink4 = require("ink");
 var import_chalk = __toESM(require("chalk"), 1);
+var import_string_width = __toESM(require("string-width"), 1);
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function filterPrintable(input) {
   if (!input || input.length === 0) return "";
@@ -1740,6 +1741,27 @@ function insertAtCursor(value, cursor, input) {
   const next = value.slice(0, cursor) + input + value.slice(cursor);
   return { value: next, cursor: cursor + input.length };
 }
+function displayOffset(chars, charIndex, width) {
+  let offset = 0;
+  for (let i = 0; i < charIndex && i < chars.length; i++) {
+    const w = (0, import_string_width.default)(chars[i]);
+    const col = offset % width;
+    if (col + w > width) offset += width - col;
+    offset += w;
+  }
+  return offset;
+}
+function charIndexAtDisplayOffset(chars, target, width) {
+  let offset = 0;
+  for (let i = 0; i < chars.length; i++) {
+    if (offset >= target) return i;
+    const w = (0, import_string_width.default)(chars[i]);
+    const col = offset % width;
+    if (col + w > width) offset += width - col;
+    offset += w;
+  }
+  return chars.length;
+}
 function CjkTextInput({
   value,
   onChange,
@@ -1747,7 +1769,8 @@ function CjkTextInput({
   onPaste,
   placeholder = "",
   focus = true,
-  showCursor = true
+  showCursor = true,
+  availableWidth
 }) {
   const valueRef = (0, import_react8.useRef)(value);
   const cursorRef = (0, import_react8.useRef)(value.length);
@@ -1761,7 +1784,22 @@ function CjkTextInput({
   (0, import_ink4.useInput)(
     (input, key) => {
       try {
-        if (key.upArrow || key.downArrow || key.ctrl && input === "c" || key.tab || key.shift && key.tab) {
+        if (key.ctrl && input === "c" || key.tab || key.shift && key.tab) {
+          return;
+        }
+        if (key.upArrow || key.downArrow) {
+          if (availableWidth && availableWidth > 0) {
+            const chars = [...valueRef.current];
+            const offset = displayOffset(chars, cursorRef.current, availableWidth);
+            const target = key.upArrow ? offset - availableWidth : offset + availableWidth;
+            if (target >= 0) {
+              const newCursor = charIndexAtDisplayOffset(chars, target, availableWidth);
+              if (newCursor !== cursorRef.current) {
+                cursorRef.current = newCursor;
+                forceRender((n) => n + 1);
+              }
+            }
+          }
           return;
         }
         if (key.return) {
@@ -1954,6 +1992,10 @@ function useAutocomplete(value, registry) {
     }
   };
 }
+var BORDER_HORIZONTAL = 2;
+var PADDING_LEFT = 1;
+var PROMPT_WIDTH = 2;
+var INPUT_AREA_OVERHEAD = BORDER_HORIZONTAL + PADDING_LEFT + PROMPT_WIDTH;
 function InputArea({
   onSubmit,
   onCancelQueue,
@@ -1964,6 +2006,9 @@ function InputArea({
 }) {
   const [value, setValue] = (0, import_react10.useState)("");
   const pasteStore = (0, import_react10.useRef)(/* @__PURE__ */ new Map());
+  const { stdout } = (0, import_ink7.useStdout)();
+  const terminalColumns = stdout?.columns ?? 80;
+  const availableWidth = Math.max(1, terminalColumns - INPUT_AREA_OVERHEAD);
   const pasteIdRef = (0, import_react10.useRef)(0);
   const {
     showPopup,
@@ -2071,7 +2116,8 @@ function InputArea({
               onChange: setValue,
               onSubmit: handleSubmit,
               onPaste: handlePaste,
-              placeholder: "Type a message or /help"
+              placeholder: "Type a message or /help",
+              availableWidth
             }
           )
         ] })

package/dist/node/index.js

@@ -1,6 +1,6 @@
 import {
   startCli
-} from "./chunk-7C5IYOJG.js";
+} from "./chunk-GWN5C72P.js";
 
 // src/index.ts
 import { Session, SessionStore, query, TRUST_TO_MODE } from "@robota-sdk/agent-sdk";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robota-sdk/agent-cli",
-  "version": "3.0.0-beta.38",
+  "version": "3.0.0-beta.39",
   "description": "AI coding assistant CLI built on Robota SDK",
   "type": "module",
   "bin": {