diff --git a/packages/client/ui-agent-preset/src/client/AgentPresetSection.module.css b/packages/client/ui-agent-preset/src/client/AgentPresetSection.module.css index cfde11ee90..74f37266f8 100644 --- a/packages/client/ui-agent-preset/src/client/AgentPresetSection.module.css +++ b/packages/client/ui-agent-preset/src/client/AgentPresetSection.module.css @@ -6,6 +6,31 @@ color: var(--dsw-alias-label-primary); } +/* Editing form: take the settings column's whole height so the composition + gets the space the panel has, instead of a fixed-row box with an empty band + under it. The list keeps the default flow — a card grid pinned to the top + reads as a list, while a stretched one would drift its rows apart. */ +.sectionFill { + height: 100%; +} + +.sectionFill .editor { + flex: 1; + min-height: 0; +} + +.sectionFill .codeField { + flex: 1; + min-height: 0; +} + +.sectionFill .codeField .code { + flex: 1; + min-height: 160px; + /* The drag handle would fight the flex height it is nested in. */ + resize: none; +} + .title { margin: 0; font-size: 18px; diff --git a/packages/client/ui-agent-preset/src/client/AgentPresetSection.tsx b/packages/client/ui-agent-preset/src/client/AgentPresetSection.tsx index b7e9ab153d..da9eac9f39 100644 --- a/packages/client/ui-agent-preset/src/client/AgentPresetSection.tsx +++ b/packages/client/ui-agent-preset/src/client/AgentPresetSection.tsx @@ -112,7 +112,7 @@ function Editor({ draft, blocker, t, actions }: EditorProps): ReactNode { ) : null} {draft.writable ? null :

{t('readOnlyNotice')}

} -