minor refactors

src/app.css

@@ -8,10 +8,8 @@
   --surface-5: light-dark(#fff, #444);
   --text-1: light-dark(#222, #eee);
   --text-2: light-dark(#282828, #d8d8d8);
-  --primary: light-dark(#41c6b3, #6be8d6);
 
-  color: var(--text-1);
-  accent-color: var(--primary);
+  --primary: light-dark(oklch(.7503 0.117 181.6), oklch(.8549 0.1149 182.77));
 
   --info: light-dark(oklch(.71 .17 249), oklch(.71 .17 249));
   --fail: light-dark(oklch(.64 .21 25.3), oklch(.64 .21 25.3));
@@ -50,6 +48,7 @@ body {
 
   background-color: var(--surface-1);
   color: var(--text-2);
+  accent-color: var(--primary);
 
   margin: 0;
 

src/routes/(editor)/edit.tsx

@@ -77,6 +77,7 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
     const [active, setActive] = createSignal<string>();
     const [contents, setContents] = createSignal<Map<string, Map<string, string>>>(new Map());
     const [tree, setFiles] = createSignal<FolderEntry>(emptyFolder);
+    const [prompt, setPrompt] = createSignal<PromptApi>();
 
     const tab = createMemo(() => {
         const name = active();
@@ -180,8 +181,6 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
         })();
     });
 
-    const [prompt, setPrompt] = createSignal<PromptApi>();
-
     const commands = {
         open: createCommand('open folder', async () => {
             const directory = await window.showDirectoryPicker({ mode: 'readwrite' });
@@ -298,8 +297,6 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
                     }}>{file().name}</Context.Handle>;
                 },
             ] as const}</Tree>
-
-            <span>Total mutation: {mutations().length}</span>
         </Sidebar>
 
         <Tabs active={setActive} onClose={commands.closeTab}>
@@ -322,6 +319,10 @@ const Content: Component<{ directory: FileSystemDirectoryHandle, api?: Setter<Gr
     const [rows, setRows] = createSignal<Map<string, Record<string, string>>>(new Map);
     const [api, setApi] = createSignal<GridApi>();
 
+    if (!isServer && !('showDirectoryPicker' in window)) {
+        throw new Error('Unable to manage files');
+    }
+
     createEffect(() => {
         props.entries?.(entries());
     });