diff options
| author | zerone0x <[email protected]> | 2026-01-21 01:14:47 +0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-01-20 11:14:47 -0600 |
| commit | a3a06ffc4fd8e9a33bb751643ab37fb69aaca138 (patch) | |
| tree | eeaa90b72049e7030825a3f584cd55773b766a45 | |
| parent | 68e41a1ee77a63753f5fa1c22da8f3e1aed5726f (diff) | |
| download | opencode-a3a06ffc4fd8e9a33bb751643ab37fb69aaca138.tar.gz opencode-a3a06ffc4fd8e9a33bb751643ab37fb69aaca138.zip | |
fix(ui): show filename in Edit/Write permission titles (#9662)
Co-authored-by: Claude <[email protected]>
| -rw-r--r-- | packages/ui/src/components/message-part.tsx | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/packages/ui/src/components/message-part.tsx b/packages/ui/src/components/message-part.tsx index 24b1ee393..401613ff5 100644 --- a/packages/ui/src/components/message-part.tsx +++ b/packages/ui/src/components/message-part.tsx @@ -992,6 +992,7 @@ ToolRegistry.register({ render(props) { const diffComponent = useDiffComponent() const diagnostics = createMemo(() => getDiagnostics(props.metadata.diagnostics, props.input.filePath)) + const filename = () => getFilename(props.input.filePath ?? "") return ( <BasicTool {...props} @@ -999,13 +1000,12 @@ ToolRegistry.register({ trigger={ <div data-component="edit-trigger"> <div data-slot="message-part-title-area"> - <div data-slot="message-part-title">Edit</div> - <div data-slot="message-part-path"> - <Show when={props.input.filePath?.includes("/")}> + <div data-slot="message-part-title">Edit {filename()}</div> + <Show when={props.input.filePath?.includes("/")}> + <div data-slot="message-part-path"> <span data-slot="message-part-directory">{getDirectory(props.input.filePath!)}</span> - </Show> - <span data-slot="message-part-filename">{getFilename(props.input.filePath ?? "")}</span> - </div> + </div> + </Show> </div> <div data-slot="message-part-actions"> <Show when={props.metadata.filediff}> @@ -1041,6 +1041,7 @@ ToolRegistry.register({ render(props) { const codeComponent = useCodeComponent() const diagnostics = createMemo(() => getDiagnostics(props.metadata.diagnostics, props.input.filePath)) + const filename = () => getFilename(props.input.filePath ?? "") return ( <BasicTool {...props} @@ -1048,13 +1049,12 @@ ToolRegistry.register({ trigger={ <div data-component="write-trigger"> <div data-slot="message-part-title-area"> - <div data-slot="message-part-title">Write</div> - <div data-slot="message-part-path"> - <Show when={props.input.filePath?.includes("/")}> + <div data-slot="message-part-title">Write {filename()}</div> + <Show when={props.input.filePath?.includes("/")}> + <div data-slot="message-part-path"> <span data-slot="message-part-directory">{getDirectory(props.input.filePath!)}</span> - </Show> - <span data-slot="message-part-filename">{getFilename(props.input.filePath ?? "")}</span> - </div> + </div> + </Show> </div> <div data-slot="message-part-actions">{/* <DiffChanges diff={diff} /> */}</div> </div> |