فهرست منبع

tui: fix autocomplete display to prevent long file paths from breaking layout

Dax Raad 3 ماه پیش
والد
کامیت
ad83dd3ad9
1فایلهای تغییر یافته به همراه3 افزوده شده و 1 حذف شده
  1. 3 1
      packages/opencode/src/cli/cmd/tui/component/prompt/autocomplete.tsx

+ 3 - 1
packages/opencode/src/cli/cmd/tui/component/prompt/autocomplete.tsx

@@ -8,6 +8,7 @@ import { useSync } from "@tui/context/sync"
 import { useTheme } from "@tui/context/theme"
 import { useTheme } from "@tui/context/theme"
 import { SplitBorder } from "@tui/component/border"
 import { SplitBorder } from "@tui/component/border"
 import { useCommandDialog } from "@tui/component/dialog-command"
 import { useCommandDialog } from "@tui/component/dialog-command"
+import { Locale } from "@/util/locale"
 import type { PromptInfo } from "./history"
 import type { PromptInfo } from "./history"
 
 
 export type AutocompleteRef = {
 export type AutocompleteRef = {
@@ -125,10 +126,11 @@ export function Autocomplete(props: {
 
 
       // Add file options
       // Add file options
       if (!result.error && result.data) {
       if (!result.error && result.data) {
+        const width = store.position.width - 4
         options.push(
         options.push(
           ...result.data.map(
           ...result.data.map(
             (item): AutocompleteOption => ({
             (item): AutocompleteOption => ({
-              display: item,
+              display: Locale.truncateMiddle(item, width),
               onSelect: () => {
               onSelect: () => {
                 insertPart(item, {
                 insertPart(item, {
                   type: "file",
                   type: "file",