diff --git a/src/features/agents/Session.module.css b/src/features/agents/Session.module.css index 067297bc0..1aedb6341 100644 --- a/src/features/agents/Session.module.css +++ b/src/features/agents/Session.module.css @@ -471,9 +471,20 @@ min-width: 0; color: var(--fg-secondary); } +/* Title, state and answers on one line when they fit; a long title takes its own line and + the state and answers go below it, in line with it. */ +.permissionBody { + flex: 1; + min-width: 0; + display: flex; + flex-wrap: wrap; + align-items: flex-start; + gap: 2px 6px; +} /* Up to three lines; the full text is its tooltip. */ .permissionTitle { display: -webkit-box; + flex: 0 1 auto; min-width: 0; overflow: hidden; -webkit-box-orient: vertical; @@ -482,7 +493,7 @@ overflow-wrap: anywhere; } .permissionLine > svg, -.permissionLine > .muted { +.permissionBody > .muted { flex: none; } .permissionAnswers { diff --git a/src/features/agents/SessionEditor.tsx b/src/features/agents/SessionEditor.tsx index f1c777a13..5b20670b7 100644 --- a/src/features/agents/SessionEditor.tsx +++ b/src/features/agents/SessionEditor.tsx @@ -1213,11 +1213,13 @@ function PermissionLine({ task, entry }: { task: AgentTask; entry: PermissionEnt return (