improvement(rich-md-editor): show the formatting toolbar in the mothership file view

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/file-viewer.tsx

@@ -94,7 +94,6 @@ interface FileViewerProps {
   isAgentEditing?: boolean
   disableStreamingAutoScroll?: boolean
   previewContextKey?: string
-  showBubbleMenu?: boolean
 }
 
 export function FileViewer({
@@ -111,7 +110,6 @@ export function FileViewer({
   isAgentEditing,
   disableStreamingAutoScroll = false,
   previewContextKey,
-  showBubbleMenu = true,
 }: FileViewerProps) {
   const category = resolveFileCategory(file.type, file.name)
 
@@ -154,7 +152,6 @@ export function FileViewer({
           isAgentEditing={isAgentEditing}
           disableStreamingAutoScroll={disableStreamingAutoScroll}
           previewContextKey={previewContextKey}
-          showBubbleMenu={showBubbleMenu}
         />
       )
     }

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-editor.tsx

@@ -46,7 +46,6 @@ interface RichMarkdownEditorProps {
   isAgentEditing?: boolean
   disableStreamingAutoScroll?: boolean
   previewContextKey?: string
-  showBubbleMenu?: boolean
 }
 
 /** Inline WYSIWYG markdown editor: agent output streams in read-only, then the same instance becomes editable on settle. */
@@ -62,7 +61,6 @@ export const RichMarkdownEditor = memo(function RichMarkdownEditor({
   isAgentEditing,
   disableStreamingAutoScroll = false,
   previewContextKey,
-  showBubbleMenu = true,
 }: RichMarkdownEditorProps) {
   const {
     content,
@@ -103,7 +101,6 @@ export const RichMarkdownEditor = memo(function RichMarkdownEditor({
       canEdit={canEdit}
       autoFocus={autoFocus}
       disableStreamingAutoScroll={disableStreamingAutoScroll}
-      showBubbleMenu={showBubbleMenu}
       onChange={setDraftContent}
       onSaveShortcut={saveImmediately}
     />
@@ -120,7 +117,6 @@ interface LoadedRichMarkdownEditorProps {
   canEdit: boolean
   autoFocus?: boolean
   disableStreamingAutoScroll?: boolean
-  showBubbleMenu: boolean
   onChange: (markdown: string) => void
   onSaveShortcut: () => Promise<void>
 }
@@ -144,7 +140,6 @@ export function LoadedRichMarkdownEditor({
   canEdit,
   autoFocus,
   disableStreamingAutoScroll,
-  showBubbleMenu,
   onChange,
   onSaveShortcut,
 }: LoadedRichMarkdownEditorProps) {
@@ -354,9 +349,7 @@ export function LoadedRichMarkdownEditor({
       ref={containerRef}
       className={cn('flex flex-1 flex-col overflow-y-auto', isEditable && 'cursor-text')}
     >
-      {showBubbleMenu && editor && (
-        <EditorBubbleMenu editor={editor} scrollContainerRef={containerRef} />
-      )}
+      {editor && <EditorBubbleMenu editor={editor} scrollContainerRef={containerRef} />}
       <EditorContent
         editor={editor}
         className='mx-auto flex w-full max-w-[48rem] flex-1 flex-col px-8 py-6 selection:bg-[var(--selection-bg)] selection:text-[var(--text-primary)] dark:selection:bg-[var(--selection-dark)] dark:selection:text-white'

apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/resource-content.tsx

@@ -197,7 +197,6 @@ export const ResourceContent = memo(function ResourceContent({
           isAgentEditing={isAgentEditing}
           disableStreamingAutoScroll={disableStreamingAutoScroll}
           previewContextKey={previewContextKey}
-          showBubbleMenu={false}
         />
       </div>
     )
@@ -660,7 +659,6 @@ function EmbeddedFile({
         isAgentEditing={isAgentEditing}
         disableStreamingAutoScroll={disableStreamingAutoScroll}
         previewContextKey={previewContextKey}
-        showBubbleMenu={false}
       />
     </div>
   )