diff --git a/packages/webui/src/public/shell.css b/packages/webui/src/public/shell.css index fac063015..bca4f7427 100644 --- a/packages/webui/src/public/shell.css +++ b/packages/webui/src/public/shell.css @@ -741,7 +741,7 @@ html[data-organizations] .ws-drawer-f{display:grid;grid-template-columns:96px mi html[data-organizations] .ws-drawer-f dt{color:var(--muted);font-weight:600} html[data-organizations] .ws-drawer-f dd{margin:0;color:var(--strong);overflow-wrap:anywhere;min-width:0} html[data-organizations] .ws-drawer-f code,html[data-organizations] .ws-drawer .mono{font:12px var(--mono)} -html[data-organizations] .ws-drawer-sec{display:grid;gap:6px} +html[data-organizations] .ws-drawer-sec{display:grid;gap:6px;margin:0} html[data-organizations] .ws-drawer-sec h3{margin:0;font:700 11px/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)} html[data-organizations] .ws-drawer-list{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px} html[data-organizations] .ws-drawer-list li{border:1px solid var(--line);border-radius:6px;padding:6px 9px;background:var(--canvas);overflow-wrap:anywhere} @@ -753,6 +753,9 @@ html[data-organizations] .ws-drawer-confirm{display:flex;flex-wrap:wrap;gap:8px; html[data-organizations] .ws-drawer .ws-btn.danger{color:var(--danger)} html[data-organizations] .ws-drawer-status{margin:0;flex-basis:100%;font-size:13px;color:var(--strong)} html[data-organizations] .ws-drawer-status:empty{display:none} +html[data-organizations] .ws-drawer-acts .note{flex-basis:100%} +/* Wide screens: the page keeps clear of the drawer, so nothing sits under it. */ +@media (min-width:1200px){html[data-organizations] body:has(.ws-drawer) .content{padding-right:calc(420px + 22px)}} @media (max-width:700px){ html[data-organizations] .ws-drawer{top:0;left:0;right:0;width:auto;border-left:0;box-shadow:none} } diff --git a/packages/webui/src/public/workspace.js b/packages/webui/src/public/workspace.js index 5d655fa02..5c208847b 100644 --- a/packages/webui/src/public/workspace.js +++ b/packages/webui/src/public/workspace.js @@ -1173,6 +1173,10 @@ if (chat && thread?.thread) acts.push(`Message ${esc(a.name)}`); else if (chat && a.level === 'org' && window.MosaicAgents?.isThread?.(def)) acts.push(`Message ${esc(a.name)} Start one from New thread in ${esc(orgName)}.`); if (change && a.level === 'org' && !a.keep && running(item) > 0) acts.push(stopActions(pick, a, orgName)); + // Why Stop is not offered, in words, where this Console could otherwise change the organization's agents. + else if (change) acts.push(`
${a.level !== 'org' ? 'A copy is not stopped from here.' + : a.keep ? `${esc(a.name)} is one of ${esc(orgName)}’s protected agents, so it is not stopped from here.` + : 'It is not running, so there is nothing to stop.'}
`); const st = stopState?.id === id ? stopState : null; const actions = chat || change ? `${esc(st?.text || '')}