scriptoriumadmin/Roo-Code
1
0
Fork 0
mirror of https://github.com/RooVetGit/Roo-Code.git synced 2026-09-06 08:18:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: display latest browser action below screenshot

Browse source
This commit is contained in:
daniel-lxs 2025-10-25 21:26:12 -05:00
parent c3bf7fb964
commit 74219c5662
No known key found for this signature in database
GPG key ID: 21C74479048B3AA6
1 changed files with 23 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
webview-ui/src/components/chat/BrowserSessionRow.tsx
View file

@ -87,22 +87,26 @@ const BrowserSessionRow = memo((props: BrowserSessionRowProps) => {
consoleLogs: latestState.consoleLogs,
}
// Find latest click position for cursor display
const latestClickPosition = useMemo(() => {
if (!isBrowsing) return undefined
// Look through messages backwards for the latest browser_action with click
// Find latest browser action and click position
const latestBrowserAction = useMemo(() => {
// Look through messages backwards for the latest browser_action
for (let i = messages.length - 1; i >= 0; i--) {
const message = messages[i]
if (message.say === "browser_action" && message.text) {
const browserAction = JSON.parse(message.text) as ClineSayBrowserAction
if (browserAction.action === "click" && browserAction.coordinate) {
return browserAction.coordinate
}
return browserAction
}
}
return undefined
}, [isBrowsing, messages])
}, [messages])
const latestClickPosition = useMemo(() => {
if (!isBrowsing || !latestBrowserAction) return undefined
if (latestBrowserAction.action === "click" && latestBrowserAction.coordinate) {
return latestBrowserAction.coordinate
}
return undefined
}, [isBrowsing, latestBrowserAction])
const mousePosition = isBrowsing
? latestClickPosition || displayState.mousePosition
@ -226,6 +230,15 @@ const BrowserSessionRow = memo((props: BrowserSessionRowProps) => {
<CodeBlock source={displayState.consoleLogs || t("chat:browser.noNewLogs")} language="shell" />
)}
</div>
{/* Show latest browser action */}
{latestBrowserAction && (
<BrowserActionBox
action={latestBrowserAction.action}
coordinate={latestBrowserAction.coordinate}
text={latestBrowserAction.text}
/>
)}
</div>,
)
@ -272,7 +285,7 @@ const BrowserActionBox = ({
}
}
return (
<div style={{ padding: "10px 0 0 0" }}>
<div className="ml-6 mr-1.5 mb-4">
<div
style={{
borderRadius: 3,