vrr/opencode
2
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-05-02 14:30:29 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 21

tui: add warning icon to permission requests for better visibility

Browse source 
Adds a visual warning indicator to permission request dialogs to make

them more noticeable and help users understand when the agent needs

approval to use tools. Also improves the layout with consistent

spacing and icon alignment.
This commit is contained in:
David Hill 2026-02-17 17:21:33 +00:00
parent 2c17a980ff
commit bd3d1413fd
4 changed files with 43 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

31
packages/ui/src/components/message-part.css
View file

@ -767,7 +767,7 @@
gap: 16px;
flex: 1;
min-height: 0;
padding: 8px 8px 0;
padding: 12px 12px 0;
background-color: var(--surface-raised-stronger-non-alpha);
border-radius: 12px;
box-shadow: var(--shadow-xs-border);
@ -777,11 +777,28 @@
}
[data-slot="permission-header"] {
display: flex;
padding: 0;
}
[data-slot="permission-row"] {
display: grid;
grid-template-columns: 20px 1fr;
column-gap: 8px;
align-items: start;
}
[data-slot="permission-row"][data-variant="header"] {
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 0 10px;
}
[data-slot="permission-icon"] {
display: inline-flex;
align-items: center;
justify-content: center;
}
[data-slot="permission-icon"] [data-component="icon"] {
color: var(--icon-warning-base);
}
[data-slot="permission-header-title"] {
@ -807,7 +824,7 @@
font-weight: var(--font-weight-regular);
line-height: var(--line-height-large);
color: var(--text-weak);
padding: 0 10px;
padding: 0;
}
[data-slot="permission-patterns"] {
@ -816,7 +833,7 @@
gap: 6px;
margin-top: 8px;
margin-bottom: 16px;
padding: 1px 10px 8px;
padding: 1px 0 8px;
flex: 1;
min-height: 0;
overflow-y: auto;