The hidding of history and models works

py/static/styles.css

@@ -24,8 +24,6 @@
     box-sizing: border-box;
 }
 
-
-
 html,
 body {
     height: 100vh;
@@ -91,7 +89,6 @@ header a:hover {
 }
 
 /* History Section */
-
 .history-background {
     grid-column: 1/2;
     grid-row: 1/2;
@@ -272,9 +269,9 @@ header a:hover {
     min-height: 75vh;
     margin-bottom: 0;
     width: 100%;
+    height: 100%;
 }
 
-
 /* Conversation */
 #conversation {
     display: flex;
@@ -289,6 +286,17 @@ header a:hover {
     /* Optional: Smooth scrolling */
 }
 
+/* Resizable Conversation */
+.resize {
+    resize: both;
+    overflow: auto;
+    /* Allow resizing both horizontally and vertically */
+    min-width: 300px;
+    min-height: 300px;
+    /* Minimum dimensions to prevent it from becoming too small */
+}
+
+/* User and AI Messages */
 .user-message,
 .ai-message {
     margin: 10px 0;
@@ -323,7 +331,6 @@ header a:hover {
     /* Align text to the left */
 }
 
-
 /* Output Form Buttons */
 .output form {
     display: flex;
@@ -514,4 +521,4 @@ header a:hover {
     .output form button img {
         height: 1.5em;
     }
-}
+}