diff --git a/src/lib/components/shad-editor/editor-toolbar.svelte b/src/lib/components/shad-editor/editor-toolbar.svelte
index 9d53e4e4..92581cd9 100644
--- a/src/lib/components/shad-editor/editor-toolbar.svelte
+++ b/src/lib/components/shad-editor/editor-toolbar.svelte
@@ -1,28 +1,31 @@
 <script lang="ts">
-	import { type Editor } from '@tiptap/core';
-	import Undo from './icons/undo.svelte';
-	import Redo from './icons/redo.svelte';
-	// import { Separator } from '$lib/components/ui/separator/index.js';
-	import Bold from './icons/bold.svelte';
-	import Italic from './icons/italic.svelte';
-	import Underline from './icons/underline.svelte';
-	import Strikethrough from './icons/strikethrough.svelte';
-	import Link from './icons/link.svelte';
-	import Code from './icons/code.svelte';
-	import BlockQuote from './icons/block-quote.svelte';
-	import Subscript from './icons/subscript.svelte';
-	import BulletList from './icons/buttle-list.svelte'; // Typo in the icon name
-	import OrderedList from './icons/ordered-list.svelte';
-	import TaskList from './icons/task-list.svelte';
-	import Highlighter from './icons/highlighter.svelte';
-	import Superscript from './icons/superscript.svelte';
-	import Textcolor from './icons/textcolor.svelte';
-	import Align from './icons/textalign.svelte';
-	import Quickcolor from './icons/quickcolor.svelte';
-	import Table from './icons/table.svelte';
-	// import Image from './icons/image.svelte';
-	import Text from './icons/text.svelte';
-	import SearchReplace from './icons/search-replace.svelte';
+import { fade } from 'svelte/transition'
+import { cubicOut } from 'svelte/easing';
+
+import { type Editor } from '@tiptap/core';
+import Undo from './icons/undo.svelte';
+import Redo from './icons/redo.svelte';
+// import { Separator } from '$lib/components/ui/separator/index.js';
+import Bold from './icons/bold.svelte';
+import Italic from './icons/italic.svelte';
+import Underline from './icons/underline.svelte';
+import Strikethrough from './icons/strikethrough.svelte';
+import Link from './icons/link.svelte';
+import Code from './icons/code.svelte';
+import BlockQuote from './icons/block-quote.svelte';
+import Subscript from './icons/subscript.svelte';
+import BulletList from './icons/buttle-list.svelte'; // Typo in the icon name
+import OrderedList from './icons/ordered-list.svelte';
+import TaskList from './icons/task-list.svelte';
+import Highlighter from './icons/highlighter.svelte';
+import Superscript from './icons/superscript.svelte';
+import Textcolor from './icons/textcolor.svelte';
+import Align from './icons/textalign.svelte';
+import Quickcolor from './icons/quickcolor.svelte';
+import Table from './icons/table.svelte';
+// import Image from './icons/image.svelte';
+import Text from './icons/text.svelte';
+import SearchReplace from './icons/search-replace.svelte';
 
 interface Props {
     editor: Editor;
@@ -35,14 +38,14 @@ let show_button_kv_defaults: any = {
     undo: true,
     redo: true,
 
-    text: true,
+    text: false,
 
     bold: true,
     italic: true,
     underline: true,
     strikethrough: false,
     align: false,
-    link: true,
+    link: false,
     code: false,
     blockquote: false,
     subscript: false,
@@ -52,9 +55,9 @@ let show_button_kv_defaults: any = {
     task_list: false,
     image: false,
     table: false,
-    text_color: true,
-    highlighter: true,
-    quick_color: true,
+    text_color: false,
+    highlighter: false,
+    quick_color: false,
     search_replace: false,
 };
 console.log('show_button_kv', show_button_kv);
@@ -65,72 +68,105 @@ if (show_button_kv) {
 }
 </script>
 
-<div class="flex w-full items-center overflow-auto border-b p-1 *:mx-1">
-    {#if show_button_kv.undo}
-        <Undo {editor} />
-    {/if}
-    {#if show_button_kv.redo}
-        <Redo {editor} />
-    {/if}
+<div
+    transition:fade={{delay: 250, duration: 750, easing: cubicOut}}
+    class="
+        flex flex-row flex-wrap gap-0.5
+        w-full items-center justify-between
+        overflow-auto border-b p-1
+        transition-all duration-1000
+        "
+        >
+    <span
+        class:hidden={!show_button_kv.undo && !show_button_kv.redo}
+        >
+        {#if show_button_kv.undo}
+            <Undo {editor} />
+        {/if}
+        {#if show_button_kv.redo}
+            <Redo {editor} />
+        {/if}
+    </span>
     <!-- <Separator orientation="vertical" class="h-fit" /> -->
-     {#if show_button_kv.text}
-        <Text {editor} />
-    {/if}
-    {#if show_button_kv.bold}
-        <Bold {editor} />
-    {/if}
-    {#if show_button_kv.italic}
-        <Italic {editor} />
-    {/if}
-    {#if show_button_kv.underline}
-        <Underline {editor} />
-    {/if}
-    {#if show_button_kv.strikethrough}
-        <Strikethrough {editor} />
-    {/if}
-    {#if show_button_kv.align}
-        <Align {editor} />
-    {/if}
-    {#if show_button_kv.link}
-        <Link {editor} />
-    {/if}
-    {#if show_button_kv.code}
-        <Code {editor} />
-    {/if}
-    {#if show_button_kv.blockquote}
-        <BlockQuote {editor} />
-    {/if}
-    {#if show_button_kv.subscript}
-        <Subscript {editor} />
-    {/if}
-    {#if show_button_kv.superscript}
-        <Superscript {editor} />
-    {/if}
-    {#if show_button_kv.bullet_list}
-        <BulletList {editor} />
-    {/if}
-    {#if show_button_kv.ordered_list}
-        <OrderedList {editor} />
-    {/if}
-    {#if show_button_kv.task_list}
-        <TaskList {editor} />
-    {/if}
-    <!-- {#if show_button_kv.image}
-        <Image {editor} />
-    {/if} -->
-    {#if show_button_kv.table}
-        <Table {editor} />
-    {/if}
-    {#if show_button_kv.text_color}
-        <Textcolor {editor} />
-    {/if}
-    {#if show_button_kv.highlighter}
-        <Highlighter {editor} />
-    {/if}
-    {#if show_button_kv.quick_color}
-        <Quickcolor {editor} />
-    {/if}
-    {#if show_button_kv.search_replace}
-        <SearchReplace {editor} />
-    {/if}
+     <span
+        class:hidden={!show_button_kv.text}
+        >
+        {#if show_button_kv.text}
+            <Text {editor} />
+        {/if}
+    </span>
+    <span
+        class:hidden={!show_button_kv.bold && !show_button_kv.italic && !show_button_kv.underline && !show_button_kv.strikethrough}
+        >
+        {#if show_button_kv.bold}
+            <Bold {editor} />
+        {/if}
+        {#if show_button_kv.italic}
+            <Italic {editor} />
+        {/if}
+        {#if show_button_kv.underline}
+            <Underline {editor} />
+        {/if}
+        {#if show_button_kv.strikethrough}
+            <Strikethrough {editor} />
+        {/if}
+    </span>
+    <span
+        class:hidden={!show_button_kv.align && !show_button_kv.link && !show_button_kv.code && !show_button_kv.blockquote && !show_button_kv.subscript && !show_button_kv.superscript && !show_button_kv.bullet_list && !show_button_kv.ordered_list && !show_button_kv.task_list && !show_button_kv.image && !show_button_kv.table}
+        >
+        {#if show_button_kv.align}
+            <Align {editor} />
+        {/if}
+        {#if show_button_kv.link}
+            <Link {editor} />
+        {/if}
+        {#if show_button_kv.code}
+            <Code {editor} />
+        {/if}
+        {#if show_button_kv.blockquote}
+            <BlockQuote {editor} />
+        {/if}
+        {#if show_button_kv.subscript}
+            <Subscript {editor} />
+        {/if}
+        {#if show_button_kv.superscript}
+            <Superscript {editor} />
+        {/if}
+        {#if show_button_kv.bullet_list}
+            <BulletList {editor} />
+        {/if}
+        {#if show_button_kv.ordered_list}
+            <OrderedList {editor} />
+        {/if}
+        {#if show_button_kv.task_list}
+            <TaskList {editor} />
+        {/if}
+        <!-- {#if show_button_kv.image}
+            <Image {editor} />
+        {/if} -->
+        {#if show_button_kv.table}
+            <Table {editor} />
+        {/if}
+    </span>
+    <span
+        class:hidden={!show_button_kv.text_color && !show_button_kv.highlighter && !show_button_kv.quick_color}
+        >
+        cxx
+        {#if show_button_kv.text_color}
+            <Textcolor {editor} />
+        {/if}
+        {#if show_button_kv.highlighter}
+            <Highlighter {editor} />
+        {/if}
+        {#if show_button_kv.quick_color}
+            <Quickcolor {editor} />
+        {/if}
+    </span>
+    <span
+        class:hidden={!show_button_kv.search_replace}
+        >
+        {#if show_button_kv.search_replace}
+            <SearchReplace {editor} />
+        {/if}
+    </span>
 </div>
diff --git a/src/lib/components/shad-editor/shad-editor.svelte b/src/lib/components/shad-editor/shad-editor.svelte
index d1734c66..ff2c681d 100644
--- a/src/lib/components/shad-editor/shad-editor.svelte
+++ b/src/lib/components/shad-editor/shad-editor.svelte
@@ -1,172 +1,176 @@
 <script lang="ts">
-	import './editor.css';
+import './editor.css';
 
-	import { Editor, type Content } from '@tiptap/core';
-	import StarterKit from '@tiptap/starter-kit';
-	import { onDestroy, onMount } from 'svelte';
-	import EditorToolbar from './editor-toolbar.svelte';
-	import { cn } from '$lib/utils.js';
+import { Editor, type Content } from '@tiptap/core';
+import StarterKit from '@tiptap/starter-kit';
+import { onDestroy, onMount } from 'svelte';
+import EditorToolbar from './editor-toolbar.svelte';
+import { cn } from '$lib/utils.js';
 
-	import { Subscript } from '@tiptap/extension-subscript';
-	import { Superscript } from '@tiptap/extension-superscript';
-	import { Underline } from '@tiptap/extension-underline';
-	import { Link } from '@tiptap/extension-link';
-	import TaskList from '@tiptap/extension-task-list';
-	import TaskItem from '@tiptap/extension-task-item';
-	import TextStyle from '@tiptap/extension-text-style';
-	import Color from '@tiptap/extension-color';
-	import Highlight from '@tiptap/extension-highlight';
-	import Text from '@tiptap/extension-text';
-	import Typography from '@tiptap/extension-typography';
-	import TextAlign from '@tiptap/extension-text-align';
+import { Subscript } from '@tiptap/extension-subscript';
+import { Superscript } from '@tiptap/extension-superscript';
+import { Underline } from '@tiptap/extension-underline';
+import { Link } from '@tiptap/extension-link';
+import TaskList from '@tiptap/extension-task-list';
+import TaskItem from '@tiptap/extension-task-item';
+import TextStyle from '@tiptap/extension-text-style';
+import Color from '@tiptap/extension-color';
+import Highlight from '@tiptap/extension-highlight';
+import Text from '@tiptap/extension-text';
+import Typography from '@tiptap/extension-typography';
+import TextAlign from '@tiptap/extension-text-align';
 
-	import { SmilieReplacer } from './custom/Extentions/SmilieReplacer.js';
-	import { ColorHighlighter } from './custom/Extentions/ColorHighlighter.js';
-	import Table from '@tiptap/extension-table';
-	import TableRow from '@tiptap/extension-table-row';
-	import TableHeader from '@tiptap/extension-table-header';
-	import TableCell from '@tiptap/extension-table-cell';
-	import { ImageExtension } from './custom/Extentions/ImageExtention.js';
-	import { SvelteNodeViewRenderer } from 'svelte-tiptap';
-	import CodeExtended from './custom/code-extended.svelte';
+import { SmilieReplacer } from './custom/Extentions/SmilieReplacer.js';
+import { ColorHighlighter } from './custom/Extentions/ColorHighlighter.js';
+import Table from '@tiptap/extension-table';
+import TableRow from '@tiptap/extension-table-row';
+import TableHeader from '@tiptap/extension-table-header';
+import TableCell from '@tiptap/extension-table-cell';
+import { ImageExtension } from './custom/Extentions/ImageExtention.js';
+import { SvelteNodeViewRenderer } from 'svelte-tiptap';
+import CodeExtended from './custom/code-extended.svelte';
 
-	// Lowlight
-	import { CodeBlockLowlight } from '@tiptap/extension-code-block-lowlight';
-	import { all, createLowlight } from 'lowlight';
-	import './onedark.css';
-	import SearchAndReplace from './custom/Extentions/SearchAndReplace.js';
+// Lowlight
+import { CodeBlockLowlight } from '@tiptap/extension-code-block-lowlight';
+import { all, createLowlight } from 'lowlight';
+import './onedark.css';
+import SearchAndReplace from './custom/Extentions/SearchAndReplace.js';
 
-	const lowlight = createLowlight(all);
+const lowlight = createLowlight(all);
 
-	interface Props {
-		class?: string;
-		content?: Content;
-		showToolbar?: boolean;
-		// html_text?: string;
-		new_html?: string;
-		placeholder?: string;
-	}
+interface Props {
+	class?: string;
+	content?: Content;
+	show_toolbar?: boolean;
+	// html_text?: string;
+	new_html?: string;
+	placeholder?: string;
+	show_button_kv?: any;
+}
 
-	let { class:
-			className = '',
-			content = $bindable(''),
-			showToolbar = true,
-			// html_text = '',
-			new_html = $bindable(''),
-			placeholder = $bindable('Start typing...')
-		}: Props = $props();
+let { class:
+		className = '',
+		content = $bindable(''),
+		show_toolbar = true,
+		// html_text = '',
+		new_html = $bindable(''),
+		placeholder = $bindable('Start typing...'),
+		show_button_kv = $bindable({})
+	}: Props = $props();
 
-	let editor = $state<Editor>();
-	let element = $state<HTMLElement>();
+let editor = $state<Editor>();
+let element = $state<HTMLElement>();
 
-	onMount(() => {
-		editor = new Editor({
-			element,
-			content,
-			editorProps: {
-				attributes: {
-					class:
-						'm-auto p-2 focus:outline-none flex-1 prose text-foreground min-w-full max-h-full overflow-auto dark:prose-invert *:my-2'
-				}
-			},
-			extensions: [
-				StarterKit.configure({
-					orderedList: {
-						HTMLAttributes: {
-							class: 'list-decimal'
-						}
-					},
-					bulletList: {
-						HTMLAttributes: {
-							class: 'list-disc'
-						}
-					},
-					heading: {
-						levels: [1, 2, 3, 4],
-						HTMLAttributes: {
-							class: 'tiptap-heading'
-						}
-					}
-				}),
-				Typography,
-				Text,
-				TextStyle,
-				TextAlign.configure({
-					types: ['heading', 'paragraph']
-				}),
-				Color,
-				Highlight.configure({ multicolor: true }),
-				Underline,
-				Superscript,
-				Subscript,
-				Link.configure({
-					openOnClick: false,
-					autolink: true,
-					defaultProtocol: 'https',
-					HTMLAttributes: {
-						target: '_blank',
-						rel: 'noopener noreferrer'
-					}
-				}),
-				TaskList,
-				TaskItem.configure({
-					nested: true
-				}),
-				SearchAndReplace,
-				CodeBlockLowlight.configure({
-					lowlight
-				}).extend({
-					addNodeView() {
-						return SvelteNodeViewRenderer(CodeExtended);
-					}
-				}),
-				SmilieReplacer,
-				ColorHighlighter,
-				Table.configure({
-					allowTableNodeSelection: true,
-					resizable: true
-				}),
-				TableRow,
-				TableHeader,
-				TableCell,
-				ImageExtension
-			],
-			autofocus: true,
-			onTransaction: (transaction) => {
-				/**
-				 * Weird behavior of editor.
-				 * If we do not make it undefined, then it looses it's reactivity
-				 * this is because assigning editor directly to `transaction.editor`
-				 * the original object is not mutated.
-				 */
-				editor = undefined;
-				editor = transaction.editor;
-				// console.log(editor.isActive('bold'));
-				content = editor.getHTML();
-				// console.log(content);
-				let html = editor.getHTML();
-				if (html == '<p></p>') {
-					new_html = '';
-				} else {
-					new_html = html ?? '';
-				}
+onMount(() => {
+	editor = new Editor({
+		element,
+		content,
+		editorProps: {
+			attributes: {
+				class:
+					'm-auto p-2 focus:outline-none flex-1 prose text-foreground min-w-full max-h-full overflow-auto dark:prose-invert *:my-2'
 			}
-		});
+		},
+		extensions: [
+			StarterKit.configure({
+				orderedList: {
+					HTMLAttributes: {
+						class: 'list-decimal'
+					}
+				},
+				bulletList: {
+					HTMLAttributes: {
+						class: 'list-disc'
+					}
+				},
+				heading: {
+					levels: [1, 2, 3, 4],
+					HTMLAttributes: {
+						class: 'tiptap-heading'
+					}
+				}
+			}),
+			Typography,
+			Text,
+			TextStyle,
+			TextAlign.configure({
+				types: ['heading', 'paragraph']
+			}),
+			Color,
+			Highlight.configure({ multicolor: true }),
+			Underline,
+			Superscript,
+			Subscript,
+			Link.configure({
+				openOnClick: false,
+				autolink: true,
+				defaultProtocol: 'https',
+				HTMLAttributes: {
+					target: '_blank',
+					rel: 'noopener noreferrer'
+				}
+			}),
+			TaskList,
+			TaskItem.configure({
+				nested: true
+			}),
+			SearchAndReplace,
+			CodeBlockLowlight.configure({
+				lowlight
+			}).extend({
+				addNodeView() {
+					return SvelteNodeViewRenderer(CodeExtended);
+				}
+			}),
+			SmilieReplacer,
+			ColorHighlighter,
+			Table.configure({
+				allowTableNodeSelection: true,
+				resizable: true
+			}),
+			TableRow,
+			TableHeader,
+			TableCell,
+			ImageExtension
+		],
+		autofocus: true,
+		onTransaction: (transaction) => {
+			/**
+			 * Weird behavior of editor.
+			 * If we do not make it undefined, then it looses it's reactivity
+			 * this is because assigning editor directly to `transaction.editor`
+			 * the original object is not mutated.
+			 */
+			editor = undefined;
+			editor = transaction.editor;
+			// console.log(editor.isActive('bold'));
+			content = editor.getHTML();
+			// console.log(content);
+			let html = editor.getHTML();
+			if (html == '<p></p>') {
+				new_html = '';
+			} else {
+				new_html = html ?? '';
+			}
+		}
 	});
+});
 
-	onDestroy(() => {
-		if (editor) editor.destroy();
-	});
+onDestroy(() => {
+	if (editor) editor.destroy();
+});
 </script>
 
-<div class={cn('flex flex-col rounded border', className)}>
-	{#if editor && showToolbar}
-		<EditorToolbar {editor} />
+<div
+	class={cn('flex flex-col rounded border textarea editor', className)}
+	>
+	{#if editor && show_toolbar}
+		<EditorToolbar {editor} {show_button_kv} />
 	{/if}
 	<div
 		bind:this={element}
 		spellcheck="false"
-		class="tiptap h-full w-full overflow-auto relative">
+		class="tiptap overflow-auto relative">
 		<span
             class="placeholder text-sm text-gray-400 italic absolute p-3"
             contenteditable="false"
diff --git a/src/lib/element_tiptap_editor.svelte b/src/lib/element_tiptap_editor.svelte
index 8c86f51e..6143e788 100644
--- a/src/lib/element_tiptap_editor.svelte
+++ b/src/lib/element_tiptap_editor.svelte
@@ -37,11 +37,11 @@ import './element_tiptap_editor.scss';
 
 export let html_text: string = '';
 export let default_minimal: boolean = false;
-export let show_menu: boolean = true;
+export let show_toolbar: boolean = true;
 export let placeholder: string = 'Type your text here...';
 
 if (default_minimal) {
-    show_menu = false;
+    show_toolbar = false;
 }
 
 // export let html_text: string = `
@@ -79,43 +79,9 @@ let element: HTMLDivElement;
 let editor: any;
 // More default options should be defined later.
 // minimal, basic, full
-let show_button_kv_defaults: any = {
-    bold: true,
-    italic: true,
-    strike: true,
-    code: true,
 
-    paragraph: false,
-
-    heading__h1: false,
-    heading__h2: false,
-    heading__h3: false,
-    heading__h4: false,
-    heading__h5: false,
-    heading__h6: false,
-
-    bulletList: false,
-    orderedList: false,
-    codeBlock: false,
-    blockquote: false,
-    horizontalRule: false,
-    hardBreak: true,
-
-    link: false,
-    unsetLink: true,
-
-    unsetAllMarks: true,
-    undo: true,
-    redo: false,
-};
 export let show_button_kv: any;
 
-if (show_button_kv) {
-    show_button_kv = { ...show_button_kv_defaults, ...show_button_kv };
-} else {
-    show_button_kv = show_button_kv_defaults;
-}
-
 // export let new_json = editor?.getJSON();
 export let new_html: string = '';
 
@@ -133,13 +99,10 @@ let mouse_leave_wait: number = 2000;
 
 <!-- svelte-ignore a11y-no-static-element-interactions -->
 <!-- svelte-ignore a11y-click-events-have-key-events -->
-<!-- class:py-1={show_menu} -->
-{#if 1==3}
 <div
     on:click={() => {
         if (default_minimal) {
-            editor.chain().focus().setParagraph().run();
-            show_menu = true;
+            show_toolbar = true;
         }
     }}
     on:mouseleave={() => {
@@ -147,77 +110,30 @@ let mouse_leave_wait: number = 2000;
 
         mouse_entered_timer = setTimeout(() => {
             if (default_minimal) {
-                show_menu = false;
+                show_toolbar = false;
             }
         }, mouse_leave_wait);
-
-        // if (default_minimal) {
-        //     show_menu = false;
-        // }
     }}
     on:mouseenter={() => {
         clearTimeout(mouse_entered_timer);
 
         mouse_entered_timer = setTimeout(() => {
             if (default_minimal) {
-                show_menu = true;
+                show_toolbar = true;
             }
         }, mouse_enter_wait);
-
-        // if (default_minimal) {
-        //     show_menu = true;
-        // }
     }}
-    class="xxxeditor textarea p-1 transition-all duration-1000"
-    class:hidden={true}
+    class=""
     >
-
-    <!-- && show_menu -->
-    <!-- class:h-0={!show_menu} -->
-    <!-- class:h-auto={show_menu} -->
-    <!-- class:opacity-0={!show_menu} -->
-    <!-- class:opacity-100={show_menu} -->
-    {#if editor && show_menu}
-    <div
-        transition:fade={{delay: 250, duration: 750, easing: cubicOut}}
-        class="
-            control-group button-group
-            bg-gray-200
-            border-b border-gray-400
-            p-1
-            transition-all duration-1000
-            flex flex-row flex-wrap gap-4
-            items-center justify-between
-            "
-        >
-        <!-- Nothing Here Anymore -->
-    </div>
-    {/if} <!-- show_menu -->
-
-    <!-- bg-slate-100 px-2 py-2 -->
-    <div
-        bind:this={element}
-        class="tiptap px-2 py-2 relative"
-        class:font-mono={show_menu}
-        >
-        <span
-            class="placeholder text-sm text-gray-400 italic absolute"
-            contenteditable="false"
-            hidden={editor?.getHTML() !== '<p></p>'}
-            >{placeholder}</span>
-    </div>
-
+    <ShadEditor
+        class="p-1 transition-all duration-1000"
+        bind:content={html_text}
+        bind:new_html={new_html}
+        placeholder={placeholder}
+        show_toolbar={show_toolbar}
+        show_button_kv={show_button_kv}
+        />
 </div>
-{/if}
-
-<main class="my-10 flex w-full flex-col items-center justify-center">
-<ShadEditor
-    class="editor textarea p-1 transition-all duration-1000"
-    bind:content={html_text}
-    bind:new_html={new_html}
-    placeholder={placeholder}
-    />
-</main>
 
 <style lang="scss">
 // :global(.ProseMirror) {
diff --git a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
index d0d9895e..d327f334 100644
--- a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
+++ b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
@@ -360,15 +360,11 @@ function send_staff_notification_email() {
                     default_minimal={true}
                     bind:html_text={$idaa_slct.post_obj.content}
                     show_button_kv={{
-                        'heading__h1': true,
-                        'heading__h2': false,
-                        'heading__h3': false,
-                        paragraph: false,
-                        bulletList: true,
-                        orderedList: true,
-                        hardBreak: true,
+                        text: true,
+                        bullet_list: true,
+                        ordered_list: true,
                         link: true,
-                        unsetLink: true
+                        unset_link: true
                     }}
                     bind:new_html={$idaa_slct.post_obj.content_new_html}
                     placeholder="Your post content here..."
@@ -378,15 +374,11 @@ function send_staff_notification_email() {
                     default_minimal={true}
                     bind:html_text={$idaa_slct.post_obj.content}
                     show_button_kv={{
-                            'heading__h1': false,
-                            'heading__h2': false,
-                            'heading__h3': false,
-                            paragraph: false,
-                            bulletList: false,
-                            orderedList: false,
-                            hardBreak: false,
-                            link: false,
-                            unsetLink: false
+                            // text: true,
+                            // bullet_list: true,
+                            // ordered_list: true,
+                            // link: true,
+                            // unset_link: true
                         }}
                     bind:new_html={$idaa_slct.post_obj.content_new_html}
                     placeholder="Your post content here..."