From 9d81875ea69e2c852e6dc05b7cbf4b697e62050a Mon Sep 17 00:00:00 2001 From: abose Date: Fri, 20 Mar 2026 11:27:02 +0530 Subject: [PATCH 1/3] fix: improve AI chat attachment close button visibility on dark theme Use subtle translucent white background with soft text opacity instead of opaque dark background that was invisible on dark theme. --- src/styles/Extn-AIChatPanel.less | 24 ++++++++++++++++++------ 1 file changed, 18 insertions(+), 6 deletions(-) diff --git a/src/styles/Extn-AIChatPanel.less b/src/styles/Extn-AIChatPanel.less index c3310c6435..5f8e4cddbe 100644 --- a/src/styles/Extn-AIChatPanel.less +++ b/src/styles/Extn-AIChatPanel.less @@ -1862,15 +1862,21 @@ width: 16px; height: 16px; border-radius: 50%; - background: rgba(0, 0, 0, 0.7); - border: 1px solid rgba(255, 255, 255, 0.2); - color: @project-panel-text-2; + background: rgba(255, 255, 255, 0.12); + border: 1px solid rgba(255, 255, 255, 0.18); + color: rgba(255, 255, 255, 0.7); font-size: 11px; padding: 0; display: none; align-items: center; justify-content: center; cursor: pointer; + transition: background 150ms, color 150ms; + + &:hover { + background: rgba(255, 255, 255, 0.22); + color: #fff; + } } &:hover .ai-image-remove { @@ -1904,15 +1910,21 @@ width: 16px; height: 16px; border-radius: 50%; - background: rgba(0, 0, 0, 0.7); - border: 1px solid rgba(255, 255, 255, 0.2); - color: @project-panel-text-2; + background: rgba(255, 255, 255, 0.12); + border: 1px solid rgba(255, 255, 255, 0.18); + color: rgba(255, 255, 255, 0.7); font-size: 11px; padding: 0; display: none; align-items: center; justify-content: center; cursor: pointer; + transition: background 150ms, color 150ms; + + &:hover { + background: rgba(255, 255, 255, 0.22); + color: #fff; + } } &:hover .ai-file-remove { From 73d2ffbc4c3e5cf3db490266a4d190451607900f Mon Sep 17 00:00:00 2001 From: abose Date: Fri, 20 Mar 2026 12:28:46 +0530 Subject: [PATCH 2/3] feat(ai-chat): add screenshot button styles and i18n strings Add camera button, dropup menu, and area selection overlay styles. Add screenshot-related string keys for menu items and toolbar buttons. --- src/nls/root/strings.js | 6 ++ src/styles/Extn-AIChatPanel.less | 108 +++++++++++++++++++++++++++++++ 2 files changed, 114 insertions(+) diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js index 6f547a2032..4cc9e2e53b 100644 --- a/src/nls/root/strings.js +++ b/src/nls/root/strings.js @@ -2103,6 +2103,12 @@ define({ "AI_CHAT_IMAGE_LIMIT": "Maximum {0} images allowed", "AI_CHAT_IMAGE_REMOVE": "Remove image", "AI_CHAT_ATTACH_FILE": "Attach files", + "AI_CHAT_SCREENSHOT_TITLE": "Take Screenshot", + "AI_CHAT_SCREENSHOT_LIVE_PREVIEW": "Live Preview", + "AI_CHAT_SCREENSHOT_AREA": "Select Area", + "AI_CHAT_SCREENSHOT_FULL_EDITOR": "Full Editor", + "AI_CHAT_SCREENSHOT_CAPTURE": "Capture", + "AI_CHAT_SCREENSHOT_CANCEL": "Cancel", "AI_CHAT_FILE_REMOVE": "Remove file", "AI_CHAT_QUEUED": "Queued", "AI_CHAT_QUEUED_EDIT": "Edit", diff --git a/src/styles/Extn-AIChatPanel.less b/src/styles/Extn-AIChatPanel.less index 5f8e4cddbe..50a14ed221 100644 --- a/src/styles/Extn-AIChatPanel.less +++ b/src/styles/Extn-AIChatPanel.less @@ -1690,6 +1690,7 @@ /* ── Input area ─────────────────────────────────────────────────────── */ .ai-chat-input-area { + position: relative; flex-shrink: 0; padding: 6px 8px 8px 8px; @@ -1980,6 +1981,30 @@ } } + .ai-screenshot-btn { + background: none; + border: none; + color: @project-panel-text-2; + width: 28px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + align-self: stretch; + opacity: 0.5; + transition: opacity 0.15s ease, color 0.15s ease; + + &:hover { + opacity: 1; + color: @project-panel-text-1; + } + + i { + font-size: @sidebar-content-font-size; + } + } + .ai-send-btn { background: none; border: none; @@ -2033,6 +2058,89 @@ font-size: @sidebar-content-font-size; } } + + .ai-screenshot-dropup { + position: fixed; + background: @bc-ai-input-bg; + border: 1px solid @bc-ai-input-border; + border-radius: 8px; + padding: 4px 0; + box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3); + z-index: 100; + min-width: 200px; + + .ai-screenshot-option { + padding: 8px 12px; + cursor: pointer; + color: @project-panel-text-1; + font-size: @sidebar-content-font-size; + white-space: nowrap; + display: flex; + align-items: center; + gap: 8px; + + &:hover { + background: rgba(255, 255, 255, 0.08); + } + + i { + width: 16px; + text-align: center; + opacity: 0.7; + } + } + } +} + +/* ── Screenshot area selection overlay ─────────────────────────────── */ +.ai-screenshot-overlay { + position: fixed; + z-index: 10000; + cursor: crosshair; + + .ai-screenshot-canvas { + display: block; + width: 100%; + height: 100%; + } + + .ai-screenshot-toolbar { + position: absolute; + display: flex; + gap: 8px; + padding: 6px; + background: rgba(30, 30, 30, 0.9); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.15); + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); + + button { + border: none; + border-radius: 4px; + padding: 4px 12px; + cursor: pointer; + font-size: 12px; + font-family: inherit; + } + + .ai-screenshot-capture-btn { + background: #4fc3f7; + color: #000; + + &:hover { + background: #81d4fa; + } + } + + .ai-screenshot-cancel-btn { + background: rgba(255, 255, 255, 0.12); + color: #ccc; + + &:hover { + background: rgba(255, 255, 255, 0.2); + } + } + } } /* ── Unavailable / placeholder state ────────────────────────────────── */ From a383f1fe377bbac796070ab4d64bfd6f7688c209 Mon Sep 17 00:00:00 2001 From: abose Date: Fri, 20 Mar 2026 12:39:28 +0530 Subject: [PATCH 3/3] build: update pro deps --- tracking-repos.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tracking-repos.json b/tracking-repos.json index 597de61ce6..748547bd09 100644 --- a/tracking-repos.json +++ b/tracking-repos.json @@ -1,5 +1,5 @@ { "phoenixPro": { - "commitID": "56017ed5a71d6ff22199f9826803ed0cbabaa22e" + "commitID": "e5f085888f6c875a8c0013eed9ce97491cbcb250" } }