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."}
)}