From f623ed6384693c812ec3169bc0244e67f4e4cd85 Mon Sep 17 00:00:00 2001
From: Hakan Shehu <hakanshehu15@gmail.com>
Date: Wed, 24 Sep 2025 13:36:38 +0200
Subject: [PATCH] Fix some errors and warnings in editor and sidebar

---
 .../components/layouts/sidebars/sidebar-mobile.tsx | 14 +++++---------
 .../ui/src/components/messages/message-create.tsx  |  3 ++-
 .../ui/src/components/messages/message-editor.tsx  | 13 +++++++++++++
 3 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/packages/ui/src/components/layouts/sidebars/sidebar-mobile.tsx b/packages/ui/src/components/layouts/sidebars/sidebar-mobile.tsx
index 2984709f..f4629be6 100644
--- a/packages/ui/src/components/layouts/sidebars/sidebar-mobile.tsx
+++ b/packages/ui/src/components/layouts/sidebars/sidebar-mobile.tsx
@@ -4,10 +4,10 @@ import { Menu } from 'lucide-react';
 import { useEffect, useState } from 'react';
 
 import { Sidebar } from '@colanode/ui/components/layouts/sidebars/sidebar';
-import { Button } from '@colanode/ui/components/ui/button';
 import {
   Sheet,
   SheetContent,
+  SheetDescription,
   SheetTitle,
   SheetTrigger,
 } from '@colanode/ui/components/ui/sheet';
@@ -24,16 +24,12 @@ export const SidebarMobile = () => {
     <Sheet open={open} onOpenChange={setOpen}>
       <VisuallyHidden>
         <SheetTitle>Sidebar</SheetTitle>
+        <SheetDescription>Colanode sidebar for mobile devices</SheetDescription>
       </VisuallyHidden>
       <SheetTrigger asChild>
-        <Button
-          variant="ghost"
-          size="sm"
-          className="size-9"
-          aria-label="Open sidebar"
-        >
-          <Menu className="h-5 w-5" />
-        </Button>
+        <button className="px-1 outline-none" aria-label="Open sidebar">
+          <Menu className="size-4 text-muted-foreground" />
+        </button>
       </SheetTrigger>
       <SheetContent
         side="left"
diff --git a/packages/ui/src/components/messages/message-create.tsx b/packages/ui/src/components/messages/message-create.tsx
index 2bc31b07..69cc7c79 100644
--- a/packages/ui/src/components/messages/message-create.tsx
+++ b/packages/ui/src/components/messages/message-create.tsx
@@ -154,10 +154,11 @@ export const MessageCreate = forwardRef<MessageCreateRefProps>((_, ref) => {
           <div className="max-h-72 flex-grow overflow-y-auto">
             {conversation.canCreateMessage ? (
               <MessageEditor
+                key={conversation.id}
+                ref={messageEditorRef}
                 userId={workspace.userId}
                 accountId={workspace.accountId}
                 workspaceId={workspace.id}
-                ref={messageEditorRef}
                 conversationId={conversation.id}
                 rootId={conversation.rootId}
                 onChange={setContent}
diff --git a/packages/ui/src/components/messages/message-editor.tsx b/packages/ui/src/components/messages/message-editor.tsx
index 79d304ce..029cf80e 100644
--- a/packages/ui/src/components/messages/message-editor.tsx
+++ b/packages/ui/src/components/messages/message-editor.tsx
@@ -4,6 +4,7 @@ import isHotkey from 'is-hotkey';
 import { forwardRef, Fragment, useImperativeHandle } from 'react';
 
 import { TempFile } from '@colanode/client/types';
+import { generateId, IdType } from '@colanode/core/lib/id.js';
 import {
   BoldMark,
   CodeBlockNode,
@@ -95,6 +96,18 @@ export const MessageEditor = forwardRef<
           return isHotkey('enter', event);
         },
       },
+      content: {
+        type: 'message',
+        content: [
+          {
+            type: 'paragraph',
+            content: [],
+            attrs: {
+              id: generateId(IdType.Block),
+            },
+          },
+        ],
+      },
       onUpdate: (e) => {
         props.onChange?.(e.editor.getJSON());
       },