diff --git a/agents/templates/agents/agent_chat.html b/agents/templates/agents/agent_chat.html index 886a7f0..0f554f0 100644 --- a/agents/templates/agents/agent_chat.html +++ b/agents/templates/agents/agent_chat.html @@ -424,6 +424,78 @@ padding: 20px !important; margin: 0 !important; } + +/* Expired Session Modal */ +.modal-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: flex; + align-items: center; + justify-content: center; + z-index: 10000; +} + +.modal-content { + background: var(--surface); + border-radius: var(--radius-lg); + padding: 30px; + max-width: 400px; + width: 90%; + text-align: center; + box-shadow: var(--shadow-xl); + border: 1px solid var(--outline); +} + +.modal-content h3 { + margin: 0 0 15px 0; + color: var(--on-surface); + font-size: 20px; + font-weight: 600; +} + +.modal-content p { + margin: 0 0 25px 0; + color: var(--on-surface-variant); + line-height: 1.5; +} + +.modal-actions { + display: flex; + gap: 12px; + justify-content: center; +} + +.modal-actions .btn { + padding: 10px 20px; + border-radius: 6px; + font-weight: 500; + border: none; + cursor: pointer; + transition: all 0.2s ease; +} + +.modal-actions .btn-primary { + background: var(--primary); + color: white; +} + +.modal-actions .btn-primary:hover { + background: var(--primary-dark); +} + +.modal-actions .btn-secondary { + background: var(--surface-variant); + color: var(--on-surface); + border: 1px solid var(--outline); +} + +.modal-actions .btn-secondary:hover { + background: var(--background); +} {% endblock %} @@ -584,6 +656,22 @@ document.body.setAttribute('data-session-expires', '{{ chat_session.expires_at.i {% endif %} + +
+