Fixed some chat stuff

packages/chat/src/components/input.tsx

@@ -82,7 +82,7 @@ export default function InputComponent() {
   }
 
   return (
-    <Card className="rounded-none rounded-t-xl border border-input/50 border-b-0">
+    <Card className="rounded-none rounded-t-xl border border-input/50 border-b-0 pt-0">
       <CardHeader className="p-0 flex flex-col">
         <Input
           placeholder="Send a message..."
@@ -94,8 +94,8 @@ export default function InputComponent() {
         <div className="w-full flex justify-between gap-2 p-2 pt-0">
           <div className="flex gap-2">
             <Button
-              className="w-9 h-9 p-0 border border-ring/10"
-              variant="secondary"
+              className="w-9 h-9 p-0"
+              variant="ghost"
             >
               <Plus size={20} />
             </Button>
@@ -105,14 +105,14 @@ export default function InputComponent() {
           </div>
           <div className="flex gap-2">
             <Button
-              className="w-9 h-9 p-0 border border-ring/10"
-              variant="secondary"
+              className="w-9 h-9 p-0"
+              variant="ghost"
             >
               <Laugh size={20} />
             </Button>
             <Button
-              className="w-9 h-9 p-0 border border-ring/10"
-              variant="secondary"
+              className="w-9 h-9 p-0"
+              variant="ghost"
             >
               <Clapperboard size={20} />
             </Button>

packages/markdown/src/input.tsx

@@ -134,7 +134,7 @@ export default function Input(props: InputProps) {
     });
   }, [props.value]);
 
-  return <div ref={elementRef} className="tm-md-root" />;
+  return <div ref={elementRef} className="tm-md-root w-full" />;
 }
 
 /**

packages/markdown/src/markdown.tsx

@@ -666,11 +666,12 @@ export const markdownStyles = `
 .tm-md-table th { background: var(--muted); font-weight: 600; }
 .tm-md-hr { border: 0; border-top: 1px solid var(--border); margin: 0.55rem 0; }
 
-.cm-editor.tm-md-editor { border: 1px solid var(--border); border-radius: 0.65rem; background: var(--background); }
+.cm-editor.tm-md-editor { border: 1px solid var(--border); border-radius: 0.65rem; background: var(--card); }
 .cm-editor.tm-md-editor.cm-focused { outline: 2px solid var(--ring); outline-offset: 1px; }
 .cm-editor.tm-md-editor .cm-scroller { font-family: inherit; line-height: 1.55; max-height: 30vh; overflow-y: auto; overflow-x: hidden; }
+.cm-editor.tm-md-editor .cm-content { caret-color: var(--text); }
 .cm-editor.tm-md-editor .cm-content { padding: 0.7rem 0.85rem; min-height: 2.75rem; }
-.cm-editor.tm-md-editor .cm-line { padding: 0 1px; }
+.cm-editor.tm-md-editor .cm-line { padding: 0 1px; color: var(--text); }
 .cm-editor.tm-md-editor .tm-md-hidden-token { color: transparent; opacity: 0; font-size: inherit; }
 .cm-editor.tm-md-editor .tm-md-code-line { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; background: var(--muted); border-radius: 0.3rem; }
 `;

todo.md

@@ -1,2 +1,3 @@
 - Calculate message height and pass to virtualizer (-> packages/chat/src/components/input.tsx)
 - Split ttp codec into separate file
+- Add "Rename Conversations to Friends" option in settings