From 962119e14f98f00a8bf84dba49a965a120289380 Mon Sep 17 00:00:00 2001 From: EthanHealy01 <80844253+EthanHealy01@users.noreply.github.com> Date: Thu, 11 Jun 2026 23:49:52 +0100 Subject: [PATCH] UI ux/add ai warning and change style (#6633) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Screenshot 2026-06-11 at 11 39 50 PM bottom text input is sticky even when shrunk down --- .../public/locales/en-GB/translation.toml | 6 ------ .../proprietary/components/chat/ChatPanel.css | 11 +++++++++- .../components/chat/ChatQuickActions.tsx | 21 ------------------- .../components/policies/PoliciesSidebar.tsx | 5 ++++- .../components/policies/PolicySetupWizard.tsx | 4 +--- .../components/policies/PolicyToolConfig.tsx | 10 ++++++--- 6 files changed, 22 insertions(+), 35 deletions(-) diff --git a/frontend/editor/public/locales/en-GB/translation.toml b/frontend/editor/public/locales/en-GB/translation.toml index 6eb507fa7..3a0dadacf 100644 --- a/frontend/editor/public/locales/en-GB/translation.toml +++ b/frontend/editor/public/locales/en-GB/translation.toml @@ -2730,8 +2730,6 @@ mergeMany = "Merge these {{count}} documents into 1" moreFiles = "+{{count}} more" openFromComputer = "Open from computer" removeFile = "Remove {{name}}" -rotateMany = "Rotate these documents" -rotateOne = "Rotate this document" splitOne = "Split this document" [chat.responses] @@ -5861,10 +5859,6 @@ subscribeToPro = "Subscribe to Pro" deleteConfirmBody = "This removes the policy and its workflow. Documents already processed are not affected." deleteConfirmTitle = "Delete {{label}} policy?" -[policies] -deleteConfirmBody = "This removes the policy and its workflow. Documents already processed are not affected." -deleteConfirmTitle = "Delete {{label}} policy?" - [policies.catalog] compliance = "Compliance" ingestion = "Ingestion" diff --git a/frontend/editor/src/proprietary/components/chat/ChatPanel.css b/frontend/editor/src/proprietary/components/chat/ChatPanel.css index af278310a..4ebdc1921 100644 --- a/frontend/editor/src/proprietary/components/chat/ChatPanel.css +++ b/frontend/editor/src/proprietary/components/chat/ChatPanel.css @@ -1,6 +1,10 @@ .chat-panel { display: flex; flex-direction: column; + /* Clip + allow shrink so tall welcome content squeezes the scrollable + quick-actions block instead of pushing the composer off-screen. */ + overflow: hidden; + min-height: 0; /* Match the right-rail toolbar background so dark-mode doesn't show a lighter card behind the chat, and so the agent-card → pill morph doesn't flash a different colour mid-transition. */ @@ -183,7 +187,12 @@ flex-direction: column; gap: 0.5rem; padding: 0.75rem 0.75rem 0.25rem; - flex-shrink: 0; + /* When the panel is short, this block (file pills + actions) shrinks and + scrolls internally instead of pushing the composer off-screen — the input + must always stay pinned and visible at the bottom. */ + flex-shrink: 1; + min-height: 0; + overflow-y: auto; } .chat-panel__quick-actions-label { diff --git a/frontend/editor/src/proprietary/components/chat/ChatQuickActions.tsx b/frontend/editor/src/proprietary/components/chat/ChatQuickActions.tsx index 4c0a1f6b4..190543303 100644 --- a/frontend/editor/src/proprietary/components/chat/ChatQuickActions.tsx +++ b/frontend/editor/src/proprietary/components/chat/ChatQuickActions.tsx @@ -8,7 +8,6 @@ import InsertDriveFileIcon from "@mui/icons-material/InsertDriveFileOutlined"; import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown"; import LayersIcon from "@mui/icons-material/Layers"; import PictureAsPdfIcon from "@mui/icons-material/PictureAsPdf"; -import RotateRightIcon from "@mui/icons-material/RotateRight"; import UploadFileIcon from "@mui/icons-material/UploadFile"; import { useAllFiles, useFileActions } from "@app/contexts/FileContext"; import { useFilesModalContext } from "@app/contexts/FilesModalContext"; @@ -205,22 +204,12 @@ export function ChatQuickActions({ heading, onAction }: ChatQuickActionsProps) { "chat.quickActions.compressOne", "Compress this document", ); - const rotateText = t( - "chat.quickActions.rotateOne", - "Rotate this document", - ); result.push({ key: "compress", icon: , title: compressText, onClick: send(compressText), }); - result.push({ - key: "rotate", - icon: , - title: rotateText, - onClick: send(rotateText), - }); return result; } @@ -246,10 +235,6 @@ export function ChatQuickActions({ heading, onAction }: ChatQuickActionsProps) { "chat.quickActions.compressMany", "Compress these documents", ); - const rotateText = t( - "chat.quickActions.rotateMany", - "Rotate these documents", - ); result.push({ key: "merge", icon: , @@ -262,12 +247,6 @@ export function ChatQuickActions({ heading, onAction }: ChatQuickActionsProps) { title: compressText, onClick: send(compressText), }); - result.push({ - key: "rotate", - icon: , - title: rotateText, - onClick: send(rotateText), - }); return result; }, [summary, t, onAction, openFilesModal]); diff --git a/frontend/editor/src/proprietary/components/policies/PoliciesSidebar.tsx b/frontend/editor/src/proprietary/components/policies/PoliciesSidebar.tsx index a319ac6ee..f0c4fb959 100644 --- a/frontend/editor/src/proprietary/components/policies/PoliciesSidebar.tsx +++ b/frontend/editor/src/proprietary/components/policies/PoliciesSidebar.tsx @@ -130,7 +130,10 @@ export function PoliciesSection({ {step < TOTAL_STEPS ? (