Overhaul legal page and global styles for consistency and responsiveness.

public/app/chatDrawer.js

@@ -58,6 +58,20 @@ function toggleChatDrawer() {
     syncChatDrawerState(!isChatDrawerOpen());
 }
 
+function handleDisclosureToggle(event) {
+    const disclosure = event.target;
+    if (!(disclosure instanceof HTMLDetailsElement) || !chatDrawer?.contains(disclosure)) return;
+    if (disclosure.matches(".chat-drawer-more, .chat-drawer-danger")) {
+        const hint = disclosure.querySelector(":scope > summary .chat-drawer-row-hint");
+        if (hint) hint.textContent = disclosure.open ? "Hide" : "Show";
+    }
+    if (disclosure.open) {
+        chatDrawer.querySelectorAll("details[open]").forEach((other) => {
+            if (other !== disclosure) other.open = false;
+        });
+    }
+}
+
 function handleDocumentClick(event) {
     if (!isChatDrawerOpen()) return;
     const target = event.target;
@@ -103,6 +117,7 @@ if (chatDrawerCloseBtn) {
 
 document.addEventListener("click", handleDocumentClick);
 document.addEventListener("keydown", handleDocumentKeydown);
+chatDrawer?.addEventListener("toggle", handleDisclosureToggle, true);
 
 export {
     closeChatDrawer,

public/app/dom.js

@@ -8,6 +8,8 @@ const messagesDiv = $("messages");
 const modelSelect = $("model");
 const modelPanel = $("modelPanel");
 const modelBadgeName = $("modelBadgeName");
+const headerModelName = $("headerModelName");
+const headerPersonaName = $("headerPersonaName");
 const modelCount = $("modelCount");
 const modelHelpTitle = $("modelHelpTitle");
 const modelHelpBadge = $("modelHelpBadge");
@@ -41,6 +43,7 @@ const exportChatBtn = $("exportChat");
 const pinChatBtn = $("pinChat");
 const moveChatFolderBtn = $("moveChatFolder");
 const manageChatMemoryBtn = $("manageChatMemory");
+const managePersonaStateBtn = $("managePersonaState");
 const archiveChatBtn = $("archiveChat");
 const backupWorkspaceBtn = $("backupWorkspace");
 const importWorkspaceBtn = $("importWorkspace");
@@ -139,6 +142,7 @@ export {
     pinChatBtn,
     moveChatFolderBtn,
     manageChatMemoryBtn,
+    managePersonaStateBtn,
     archiveChatBtn,
     backupWorkspaceBtn,
     importWorkspaceBtn,
@@ -150,6 +154,8 @@ export {
     logoutButton,
     messagesDiv,
     modelBadgeName,
+    headerModelName,
+    headerPersonaName,
     modelCount,
     modelHelpBadge,
     modelHelpSummary,