@morphika/andami 0.5.1 → 0.5.3

package/README.md

@@ -12,8 +12,33 @@ Andami is a self-hosted, code-first alternative to Webflow / Framer / Semplice.
 ## Demo
 
 🔗 **Live site:** [morphika.tv](https://morphika.tv)
-🔗 **Admin preview:** _(add screenshot/GIF here — `docs/media/admin-preview.png`)_
-🔗 **Builder canvas:** _(add screenshot here — `docs/media/builder-canvas.png`)_
+
+### The visual builder
+
+![Builder canvas with multi-viewport preview, minimap and settings panel](docs/media/builder-canvas.png)
+
+*Infinite canvas with desktop / tablet / phone previews side-by-side, live minimap, and a contextual settings panel. Zoom, pan, undo/redo — all client-side.*
+
+### Adding content
+
+<table>
+<tr>
+<td width="50%">
+  <img src="docs/media/add-block-modal.png" alt="Add Block modal" />
+  <p align="center"><em>8 content blocks — Text, Image, Image Grid, Video, Spacer, Button, Before/After, Audio</em></p>
+</td>
+<td width="50%">
+  <img src="docs/media/add-section-modal.png" alt="Add Section modal" />
+  <p align="center"><em>6 section types + reusable Custom Sections</em></p>
+</td>
+</tr>
+</table>
+
+### Contextual toolbars
+
+![Section, column and block floating toolbars](docs/media/section-toolbar.png)
+
+*Sections, columns and blocks each get their own floating toolbar — duplicate, reorder, delete, and add adjacent elements without losing canvas focus.*
 
 ---
 

package/app/admin/assets/page.tsx

@@ -178,7 +178,7 @@ export default function AdminAssetsPage() {
           <button
             onClick={handleScan}
             disabled={scanning}
-            className="font-mono text-[11px] px-3 py-1.5 rounded bg-[#076bff] text-white hover:bg-[#076bff]/80 transition-colors disabled:opacity-50"
+            className="font-mono text-[11px] px-3 py-1.5 rounded bg-[#3580f9] text-white hover:bg-[#3580f9]/80 transition-colors disabled:opacity-50"
           >
             {scanning ? "Scanning..." : "🔄 Scan Storage"}
           </button>
@@ -257,7 +257,7 @@ export default function AdminAssetsPage() {
             setPage(0);
           }}
           placeholder="Search assets..."
-          className="flex-1 rounded border border-neutral-200 bg-white px-3 py-1.5 font-mono text-xs text-neutral-900 focus:border-[#076bff] focus:outline-none shadow-sm"
+          className="flex-1 rounded border border-neutral-200 bg-white px-3 py-1.5 font-mono text-xs text-neutral-900 focus:border-[#3580f9] focus:outline-none shadow-sm"
         />
         <select
           value={statusFilter}
@@ -265,7 +265,7 @@ export default function AdminAssetsPage() {
             setStatusFilter(e.target.value);
             setPage(0);
           }}
-          className="rounded border border-neutral-200 bg-white px-2 py-1.5 font-mono text-xs text-neutral-900 focus:border-[#076bff] focus:outline-none"
+          className="rounded border border-neutral-200 bg-white px-2 py-1.5 font-mono text-xs text-neutral-900 focus:border-[#3580f9] focus:outline-none"
         >
           <option value="all">All statuses</option>
           <option value="active">Active</option>
@@ -279,7 +279,7 @@ export default function AdminAssetsPage() {
             setTypeFilter(e.target.value);
             setPage(0);
           }}
-          className="rounded border border-neutral-200 bg-white px-2 py-1.5 font-mono text-xs text-neutral-900 focus:border-[#076bff] focus:outline-none"
+          className="rounded border border-neutral-200 bg-white px-2 py-1.5 font-mono text-xs text-neutral-900 focus:border-[#3580f9] focus:outline-none"
         >
           <option value="all">All types</option>
           <option value="image">Images</option>
@@ -329,7 +329,7 @@ export default function AdminAssetsPage() {
             }
             className={`w-full grid grid-cols-[1fr_80px_80px_60px_100px] gap-2 px-3 py-2 border-b border-neutral-100 text-left transition-colors ${
               selectedAsset?._key === asset._key
-                ? "bg-[#076bff]/5"
+                ? "bg-[#3580f9]/5"
                 : "hover:bg-neutral-50"
             }`}
           >
@@ -378,7 +378,7 @@ export default function AdminAssetsPage() {
                 onClick={() => setPage(i)}
                 className={`font-mono text-[10px] px-2 py-1 rounded border transition-colors ${
                   page === i
-                    ? "border-[#076bff] bg-[#076bff]/10 text-[#076bff]"
+                    ? "border-[#3580f9] bg-[#3580f9]/10 text-[#3580f9]"
                     : "border-neutral-300 text-neutral-500 hover:text-neutral-900"
                 }`}
               >