feat: imgage feature

frontend/src/components/editor/examples.ts

@@ -280,6 +280,43 @@ export const EXAMPLES: Example[] = [
   divider heavy
   link "Home" "/page/index.mu"`,
   },
+  {
+    name: "Image Art",
+    description: "Convert images to braille/block/ascii character art",
+    source: `page "Gallery" 60
+
+  heading 1 "Image Embedding"
+
+  spacer
+
+  row 2
+    col 26
+      image "backend/test_logo.png" braille 24
+        align center
+        caption "Braille mode"
+    col 30
+      heading 2 "Modes"
+      label "braille" "2x4 dot matrix"
+      label "block" "shade chars"
+      label "ascii" "classic ramp"
+      label "halfblock" "color blocks"
+      spacer
+      heading 2 "Options"
+      label "dither" "floyd | threshold"
+      label "invert" "flip light/dark"
+
+  spacer
+
+  image "backend/test_logo.png" block 24
+    align center
+    caption "Block mode"
+
+  spacer
+
+  image "backend/test_logo.png" ascii 24
+    align center
+    caption "ASCII mode"`,
+  },
   {
     name: "Big Title",
     description: "Large ASCII art text in block, thin, and pixel fonts",