add clean button

app/src/assets/editor.less

@@ -85,10 +85,15 @@
 }
 
 .editor-toolbar {
-  display: grid;
-  grid-auto-flow: column;
-  align-items: flex-end;
-  gap: 4px;
-  width: max-content;
-  margin: 4px 0 4px auto;
+  display: flex;
+  width: 100%;
+  margin: 8px 0 4px;
+
+  & > * {
+    margin-right: 4px;
+
+    &:last-child {
+      margin-right: 0;
+    }
+  }
 }

app/src/components/EditorProvider.tsx

@@ -6,14 +6,15 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "./ui/dialog.tsx";
-import { Maximize, Image, MenuSquare, PanelRight } from "lucide-react";
+import {Maximize, Image, MenuSquare, PanelRight, XSquare} from "lucide-react";
 import { useTranslation } from "react-i18next";
 import "../assets/editor.less";
 import { Textarea } from "./ui/textarea.tsx";
 import Markdown from "./Markdown.tsx";
 import { useEffect, useRef, useState } from "react";
 import { Toggle } from "./ui/toggle.tsx";
 import { mobile } from "../utils.ts";
+import {Button} from "./ui/button.tsx";
 
 type RichEditorProps = {
   value: string;
@@ -64,6 +65,13 @@ function RichEditor({
   return (
     <div className={`editor-container`}>
       <div className={`editor-toolbar`}>
+        <Button
+          variant={`outline`}
+          className={`h-8 w-8 p-0`}
+          onClick={() => value && onChange("")}
+        >
+          <XSquare className={`h-3.5 w-3.5`} />
+        </Button>
         <div className={`grow`} />
         <Toggle
           variant={`outline`}

app/src/conf.ts

@@ -1,7 +1,7 @@
 import axios from "axios";
 import { Model } from "./conversation/types.ts";
 
-export const version = "3.5.17";
+export const version = "3.5.18";
 export const dev: boolean = window.location.hostname === "localhost";
 export const deploy: boolean = true;
 export let rest_api: string = "http://localhost:8094";