bug: Chat view drops enumeration

web/app/_components/ModelTable/index.tsx

@@ -10,7 +10,7 @@ const tableHeaders = ['MODEL', 'FORMAT', 'SIZE', 'STATUS', 'ACTIONS']
 
 const ModelTable: React.FC<Props> = ({ models }) => (
   <>
-    <div className="border-border overflow-hidden rounded-lg border align-middle shadow-lg">
+    <div className="overflow-hidden rounded-lg border border-border align-middle shadow-lg">
       <table className="min-w-full">
         <thead className="bg-background">
           <tr className="rounded-t-lg">

web/app/_components/SimpleTextMessage/index.tsx

@@ -51,7 +51,7 @@ const SimpleTextMessage: React.FC<Props> = ({
 
   return (
     <div
-      className={`border-border/50 flex items-start gap-x-4 gap-y-2 border-b px-4 py-5 last:border-none`}
+      className={`flex items-start gap-x-4 gap-y-2 border-b border-border/50 px-4 py-5 last:border-none`}
     >
       <Image
         className="rounded-full"
@@ -73,7 +73,7 @@ const SimpleTextMessage: React.FC<Props> = ({
           <LoadingIndicator />
         ) : (
           <span
-            className="text-muted-foreground text-xs font-normal leading-loose"
+            className="message text-xs font-normal leading-loose text-muted-foreground"
             dangerouslySetInnerHTML={{ __html: parsedText }}
           />
         )}

web/containers/BottomBar/index.tsx

@@ -19,8 +19,6 @@ const BottomBar = () => {
     downloadStates.push(value)
   }
 
-  console.log(stateModelStartStop)
-
   return (
     <div className="fixed bottom-0 left-0 z-20 flex h-8 w-full items-center justify-between border-t border-border bg-background/50 px-4">
       <div className="flex gap-x-2">

web/styles/main.scss

@@ -7,3 +7,4 @@
 @import './global.scss';
 @import './code-block.scss';
 @import './loader.scss';
+@import './message.scss';

web/styles/message.scss

@@ -0,0 +1,7 @@
+.message {
+  ul,
+  ol {
+    list-style: auto;
+    padding-left: 24px;
+  }
+}