chore: bump @lyfie/luthor to 2.11.12 — one-column embed bar with ✓

papyra.collab/package.json

@@ -17,8 +17,8 @@
     "@hocuspocus/provider": "^4.7.0",
     "@hocuspocus/server": "^4.7.0",
     "@lexical/yjs": "0.40.0",
-    "@lyfie/luthor": "^2.11.11",
-    "@lyfie/luthor-headless": "^2.11.11",
+    "@lyfie/luthor": "^2.11.12",
+    "@lyfie/luthor-headless": "^2.11.12",
     "lexical": "0.40.0",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",

papyra.web/package.json

@@ -21,8 +21,8 @@
     "@lexical/react": "0.40.0",
     "@lexical/table": "0.40.0",
     "@lexical/yjs": "0.40.0",
-    "@lyfie/luthor": "^2.11.11",
-    "@lyfie/luthor-headless": "2.11.11",
+    "@lyfie/luthor": "^2.11.12",
+    "@lyfie/luthor-headless": "2.11.12",
     "@microsoft/signalr": "^10.0.0",
     "@tanstack/react-query": "^5.101.0",
     "lexical": "0.40.0",

papyra.web/src/components/MediaDropZone.css

@@ -61,6 +61,23 @@
   top: auto;
   bottom: calc(100% + 6px);
 }
+/* The drag grip beside a media block: just its dots — no tab, no border. A
+   hover washes it in its own ink so it still reads as something to grab. */
+:is(.note-editor__canvas, .shared-note__canvas) .luthor-block-drag-grip,
+:is(.note-editor__canvas, .shared-note__canvas) .luthor-block-drag-grip:hover {
+  border-color: transparent;
+  background: transparent;
+}
+:is(.note-editor__canvas, .shared-note__canvas) .luthor-block-drag-grip:hover {
+  background: color-mix(in srgb, currentColor 12%, transparent);
+}
+/* Moving a block by dragging is a pointer thing: on a phone (or any narrow
+   sheet) the grip only crowds the media's edge — Move up/down on its bar do
+   the same job. */
+@media (max-width: 640px), (hover: none) and (pointer: coarse) {
+  :is(.note-editor__canvas, .shared-note__canvas) .luthor-block-drag-grip { display: none; }
+}
+
 /* A caption written the old way — an italic line right under the picture —
    set small and centred beneath it. */
 .note-editor__canvas .luthor-file-embed-shell + p:has(> .luthor-text-italic:only-child) {

papyra.web/src/index.css

@@ -218,6 +218,11 @@ html.is-mouse-selecting :is(.luthor-floating-toolbar, .comment-bubble) {
     transform: none !important;
     justify-content: center;
   }
+  /* A picture's or page's bar with its link/caption fields: a steady width
+     between the gutters rather than shrink-wrapping its widest field. */
+  .luthor-floating-toolbar--media:has(.luthor-floating-toolbar-fields) {
+    width: min(26rem, 100vw - 2 * var(--space-3));
+  }
   /* luthor's editor is its own stacking context, so the open note's footer
      (z-index 3, a later sibling) would paint over a bar docked at the bottom:
      while one is up, lift the scroll area that holds it. */