diff --git a/src/components/general/bot-sessions-modal.tsx b/src/components/general/bot-sessions-modal.tsx index 5e4c678..4366dc2 100644 --- a/src/components/general/bot-sessions-modal.tsx +++ b/src/components/general/bot-sessions-modal.tsx @@ -40,7 +40,11 @@ export default function BotSessionsModal({ target_wrapper_props, }: Props) { const [open, setOpen] = useState(false); - const sessions = useBotSessions({ bot_id: Number(bot.id), workspace_id, open }); + const sessions = useBotSessions({ + bot_id: Number(bot.id), + workspace_id, + open, + }); const name = bot.name || "the bot"; return ( @@ -49,18 +53,28 @@ export default function BotSessionsModal({ target ?? ( ) } - targetWrapperProps={target_wrapper_props ?? { className: target ? "w-full" : "shrink-0" }} + targetWrapperProps={ + target_wrapper_props ?? { + className: target ? "w-full" : "shrink-0", + } + } open={open} setOpen={setOpen} - className="max-w-lg bg-paper p-6" + className="max-w-lg bg-paper p-6 xl:p-10 pt-14!" > -

Sessions

+

+ Sessions +

{`Each session keeps ${name}'s context short. A new one starts with a summary of the last; reopen any to pick up where you left off.`} @@ -88,7 +102,10 @@ export default function BotSessionsModal({ wrapperWrapperProps={{ className: "mt-4" }} /> {sessions.error ? ( - + {sessions.error} @@ -100,12 +117,18 @@ export default function BotSessionsModal({ session={session} loading={sessions.busy_id == session.id} disabled={Boolean(sessions.busy_id)} - onOpen={() => sessions.reopenSession({ session_id: Number(session.id) })} + onOpen={() => + sessions.reopenSession({ + session_id: Number(session.id), + }) + } /> ))} {sessions.sessions.length || sessions.loading ? null : ( - {sessions.query.trim() ? `No session matches "${sessions.query.trim()}".` : "No sessions yet."} + {sessions.query.trim() + ? `No session matches "${sessions.query.trim()}".` + : "No sessions yet."} )}