addingg toggle to split or hide chat

src/Views/Chat/threadView.tsx

@@ -2,6 +2,7 @@ import * as React from "bloatless-react";
 
 import { Chat, ChatMessage } from "../../Model/chatModel";
 
+import { MessageComposer } from "./messageComposer";
 import { isShowingObjects } from "../../Model/model";
 import { translation } from "../../translations";
 
@@ -117,10 +118,7 @@ export function ThreadView(chat: Chat) {
     ></div>
   );
   const listWrapper = (
-    <div
-      class="thread-view flex-column gap"
-      toggle:showingchattools={isShowingObjects}
-    >
+    <div class="thread-view flex-column gap">
       {messageList}
       {outboxList}
     </div>

src/Views/Objects/objectPane.tsx

@@ -61,7 +61,7 @@ export function ObjectPane(chat: Chat) {
   }
 
   return (
-    <div class="chat-object-view flex-column scroll-no">
+    <div class="chat-object-view flex-column scroll-no padding-0">
       <div class="flex-row align-center border-bottom">
         <button
           class="primary height-100"
@@ -83,7 +83,7 @@ export function ObjectPane(chat: Chat) {
       </div>
 
       <div
-        class="width-100 height-100 flex scroll-no"
+        class="object-content width-100 height-100 flex scroll-no"
         children:set={mainView}
       ></div>