Add LSP logs clear button

styles/src/style_tree/toolbar.ts

@@ -1,7 +1,8 @@
 import { useTheme } from "../common"
 import { toggleable_icon_button } from "../component/icon_button"
-import { interactive } from "../element"
+import { interactive, toggleable } from "../element"
 import { background, border, foreground, text } from "./components"
+import { text_button } from "../component";
 
 export const toolbar = () => {
     const theme = useTheme()
@@ -34,5 +35,11 @@ export const toolbar = () => {
                 },
             },
         }),
+        toggleable_text_tool: toggleable({
+            state: {
+                inactive: text_button({ variant: "ghost", layer: theme.highest, disabled: true, margin: { right: 4 }, text_properties: { size: "sm" } }),
+                active: text_button({ variant: "ghost", layer: theme.highest, margin: { right: 4 }, text_properties: { size: "sm" } })
+            }
+        }),
     }
 }

styles/src/style_tree/workspace.ts

@@ -19,6 +19,8 @@ export default function workspace(): any {
 
     const { is_light } = theme
 
+    const TOOLBAR_ITEM_SPACING = 8;
+
     return {
         background: background(theme.lowest),
         blank_pane: {