Small fixes

package-lock.json

@@ -46,6 +46,7 @@
         "@types/node": "^20.19.25",
         "@types/react": "^19",
         "@types/react-dom": "^19",
+        "baseline-browser-mapping": "^2.10.0",
         "tailwindcss": "^4",
         "tw-animate-css": "^1.4.0",
         "typescript": "^5"
@@ -2268,6 +2269,19 @@
         "node": ">=10"
       }
     },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz",
+      "integrity": "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001754",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001754.tgz",

package.json

@@ -46,6 +46,7 @@
     "@types/node": "^20.19.25",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "baseline-browser-mapping": "^2.10.0",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5"

src/components/view/DocView.tsx

@@ -118,6 +118,10 @@ export default function DocView({
         },
         data: doc,
         async onChange() {
+          if (!editor || !editor.save) {
+            console.warn("unable to save, editor.save is null");
+            return;
+          }
           const savedData = await editor.save();
           console.log("Document data:", toMarkdown(savedData));
           setDoc(savedData);

src/components/view/edit/TaskEdit.tsx

@@ -10,21 +10,7 @@ import {
 } from "@/components/ui/sheet";
 import { Task } from "@/lib/types";
 import { Color, getColor } from "@/lib/ui/color";
-import { DraggableProvided } from "@hello-pangea/dnd";
 import { Button } from "../../ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTrigger,
-} from "../../ui/dialog";
-import DocView from "../DocView";
-import { useState } from "react";
-import { OutputData } from "@editorjs/editorjs";
-import { DialogTitle } from "@radix-ui/react-dialog";
-import { ScrollArea } from "../../ui/scroll-area";
-import { Badge } from "../../ui/badge";
 import DocDialog from "./DocDialog";
 
 export default function TaskEdit({
@@ -66,7 +52,7 @@ export default function TaskEdit({
             />
           </div>
           <div className="grid gap-3">
-            <Label>Status</Label>
+            <Label>Tags</Label>
             <MultiSelect
               options={Object.entries(tags).map(([id, tag]) => ({
                 label: tag.name,