feat: sync registry with suggestions

frontend/src/components/editor/ToolBar.tsx

@@ -1,5 +1,6 @@
-import { useState } from "react";
-import { BookOpen } from "lucide-react";
+import { useRef, useState } from "react";
+import { BookOpen, ImagePlus } from "lucide-react";
+import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import {
@@ -86,6 +87,10 @@ export default function ToolBar({
         </PopoverContent>
       </Popover>
 
+      <UploadImageButton onUploaded={(path) => onInsertExample(
+        `image "${path}" braille 30\n  align center`
+      )} />
+
       <div className="flex-1" />
 
       <BacklinkIndicator backlinks={backlinks} />
@@ -108,3 +113,51 @@ export default function ToolBar({
     </div>
   );
 }
+
+
+function UploadImageButton({ onUploaded }: { onUploaded: (path: string) => void }) {
+  const fileRef = useRef<HTMLInputElement>(null);
+  const [uploading, setUploading] = useState(false);
+
+  const handleUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+
+    setUploading(true);
+    try {
+      const form = new FormData();
+      form.append("file", file);
+      const res = await fetch("/api/upload-image", { method: "POST", body: form });
+      if (!res.ok) throw new Error(await res.text());
+      const data = await res.json();
+      toast.success(`Uploaded ${data.filename}`);
+      onUploaded(data.path);
+    } catch (err) {
+      toast.error(`Upload failed: ${err}`);
+    } finally {
+      setUploading(false);
+      if (fileRef.current) fileRef.current.value = "";
+    }
+  };
+
+  return (
+    <>
+      <input
+        ref={fileRef}
+        type="file"
+        accept="image/*"
+        className="hidden"
+        onChange={handleUpload}
+      />
+      <button
+        onClick={() => fileRef.current?.click()}
+        disabled={uploading}
+        className="inline-flex items-center justify-center gap-1.5 rounded-md text-xs font-medium h-8 px-3 border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors disabled:opacity-50"
+        title="Upload image for embedding"
+      >
+        <ImagePlus className="h-3.5 w-3.5" />
+        <span>{uploading ? "Uploading…" : "Image"}</span>
+      </button>
+    </>
+  );
+}