@threadlabs/looma 0.18.6 → 0.19.1

package/vue/components.css

@@ -3319,39 +3319,39 @@ ul[data-v-7603f4ce] {
   display: none;
 }
 
-[data-component~="ui-editor-table-overlay"][data-v-58a8a2b8] {
+[data-component~="ui-editor-table-overlay"][data-v-914e1f1d] {
   display: block;
   width: 100%;
   height: 100%;
   overflow: visible;
   pointer-events: none;
 }
-[data-component~="ui-editor-table-overlay"][data-v-58a8a2b8] {
+[data-component~="ui-editor-table-overlay"][data-v-914e1f1d] {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: visible;
   pointer-events: none;
 }
-.rows[data-v-58a8a2b8],
-.cols[data-v-58a8a2b8] {
+.rows[data-v-914e1f1d],
+.cols[data-v-914e1f1d] {
   pointer-events: none;
   position: absolute;
 }
-.rows[data-v-58a8a2b8] {
+.rows[data-v-914e1f1d] {
   inset: 0;
   width: 100%;
 }
-.cols[data-v-58a8a2b8] {
+.cols[data-v-914e1f1d] {
   inset: 0;
   height: 100%;
 }
-.control[data-v-58a8a2b8] {
+.control[data-v-914e1f1d] {
   position: absolute;
   z-index: 1;
   pointer-events: none;
 }
-.handle[data-v-58a8a2b8] {
+.handle[data-v-914e1f1d] {
   position: absolute;
   display: inline-flex;
   align-items: center;
@@ -3378,65 +3378,65 @@ ul[data-v-7603f4ce] {
   pointer-events: auto;
   cursor: pointer;
 }
-.handle[data-v-58a8a2b8] {
+.handle[data-v-914e1f1d] {
   --_ui-default-icon-size: 14px;
   --_ui-default-icon-stroke-width: 2;
 }
-.handle[data-ui-proximity="near"][data-v-58a8a2b8],
-.control.active .handle[data-v-58a8a2b8],
-.handle[data-v-58a8a2b8]:focus-visible {
+.handle[data-ui-proximity="near"][data-v-914e1f1d],
+.control.active .handle[data-v-914e1f1d],
+.handle[data-v-914e1f1d]:focus-visible {
   opacity: 1;
   scale: 1;
 }
-.control.active .handle[data-v-58a8a2b8],
-.handle[data-v-58a8a2b8]:focus-visible {
+.control.active .handle[data-v-914e1f1d],
+.handle[data-v-914e1f1d]:focus-visible {
   border-color: var(--ui-affordance-direct-color, var(--ui-accent-solid));
   background: var(--ui-affordance-direct-color, var(--ui-accent-solid));
   color: var(--ui-text-on-accent);
   box-shadow: var(--ui-shadow-sm, 0 1px 3px rgb(0 0 0 / 0.1));
 }
-.handle[data-v-58a8a2b8]:focus-visible,
-.selector[data-v-58a8a2b8]:focus-visible,
-.cell-menu[data-v-58a8a2b8]:focus-visible {
+.handle[data-v-914e1f1d]:focus-visible,
+.selector[data-v-914e1f1d]:focus-visible,
+.cell-menu[data-v-914e1f1d]:focus-visible {
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: 2px;
 }
-.control.row[data-v-58a8a2b8] {
+.control.row[data-v-914e1f1d] {
   left: 0;
   width: 100%;
   height: 0;
 }
-.control.row .handle[data-v-58a8a2b8] {
+.control.row .handle[data-v-914e1f1d] {
   top: -12px;
   left: -30px;
 }
-.control.col[data-v-58a8a2b8] {
+.control.col[data-v-914e1f1d] {
   top: 0;
   width: 0;
   height: 100%;
 }
-.control.col .handle[data-v-58a8a2b8] {
+.control.col .handle[data-v-914e1f1d] {
   top: -30px;
   left: -12px;
 }
-.line[data-v-58a8a2b8] {
+.line[data-v-914e1f1d] {
   position: absolute;
   background: var(--ui-affordance-direct-color, var(--ui-accent-solid));
   opacity: 0;
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
-.control.row .line[data-v-58a8a2b8] {
+.control.row .line[data-v-914e1f1d] {
   inset: -1px 0 auto;
   height: 2px;
 }
-.control.col .line[data-v-58a8a2b8] {
+.control.col .line[data-v-914e1f1d] {
   inset: 0 auto 0 -1px;
   width: 2px;
 }
-.control.active .line[data-v-58a8a2b8] {
+.control.active .line[data-v-914e1f1d] {
   opacity: 0.8;
 }
-.guide[data-v-58a8a2b8] {
+.guide[data-v-914e1f1d] {
   position: absolute;
   width: var(--ui-affordance-guide-size);
   height: var(--ui-affordance-guide-size);
@@ -3445,19 +3445,19 @@ ul[data-v-7603f4ce] {
   opacity: calc(var(--ui-affordance-guide-opacity) * var(--ui-affordance-scope-guide, 1));
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
-.control.row .guide[data-v-58a8a2b8] {
+.control.row .guide[data-v-914e1f1d] {
   left: -10px;
   top: -2px;
 }
-.control.col .guide[data-v-58a8a2b8] {
+.control.col .guide[data-v-914e1f1d] {
   left: -2px;
   top: -10px;
 }
-.control:has(.handle[data-ui-proximity="near"]) .guide[data-v-58a8a2b8],
-.control.active .guide[data-v-58a8a2b8] {
+.control:has(.handle[data-ui-proximity="near"]) .guide[data-v-914e1f1d],
+.control.active .guide[data-v-914e1f1d] {
   opacity: 0;
 }
-.tooltip[data-v-58a8a2b8] {
+.tooltip[data-v-914e1f1d] {
   position: absolute;
   z-index: 2;
   top: calc(100% + 6px);
@@ -3476,18 +3476,18 @@ ul[data-v-7603f4ce] {
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-.control.row .tooltip[data-v-58a8a2b8] {
+.control.row .tooltip[data-v-914e1f1d] {
   top: 50%;
   left: auto;
   right: calc(100% + 8px);
   transform: translateY(-50%);
 }
-.control.active .tooltip[data-v-58a8a2b8],
-.handle:focus-visible .tooltip[data-v-58a8a2b8] {
+.control.active .tooltip[data-v-914e1f1d],
+.handle:focus-visible .tooltip[data-v-914e1f1d] {
   opacity: 1;
 }
-.selector[data-v-58a8a2b8],
-.cell-menu[data-v-58a8a2b8] {
+.selector[data-v-914e1f1d],
+.cell-menu[data-v-914e1f1d] {
   position: absolute;
   z-index: 2;
   display: inline-flex;
@@ -3506,16 +3506,21 @@ ul[data-v-7603f4ce] {
     border-color var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
     box-shadow var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
-.selector[data-v-58a8a2b8]:hover,
-.cell-menu[data-v-58a8a2b8]:hover {
+.selector[data-v-914e1f1d]:hover,
+.cell-menu[data-v-914e1f1d]:hover {
   background: var(--ui-surface-muted);
   color: var(--ui-text-primary);
   box-shadow: var(--ui-shadow-xs, 0 1px 2px rgb(0 0 0 / 0.05));
 }
-.selector[data-v-58a8a2b8] {
+.selector[data-v-914e1f1d] {
   border-radius: var(--ui-radius-round);
+  touch-action: none;
+  cursor: grab;
+}
+.selector[data-v-914e1f1d]:active {
+  cursor: grabbing;
 }
-.selector[data-v-58a8a2b8]::before {
+.selector[data-v-914e1f1d]::before {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
@@ -3526,7 +3531,7 @@ ul[data-v-7603f4ce] {
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-.selector .glyph[data-v-58a8a2b8] {
+.selector .glyph[data-v-914e1f1d] {
   display: block;
   width: 14px;
   height: 14px;
@@ -3538,59 +3543,79 @@ ul[data-v-7603f4ce] {
     opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
     transform var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
-.selector[data-v-58a8a2b8]:hover::before,
-.selector[data-v-58a8a2b8]:focus-visible::before {
+.selector[data-v-914e1f1d]:hover::before,
+.selector[data-v-914e1f1d]:focus-visible::before {
   opacity: 0;
 }
-.selector:hover .glyph[data-v-58a8a2b8],
-.selector:focus-visible .glyph[data-v-58a8a2b8] {
+.selector:hover .glyph[data-v-914e1f1d],
+.selector:focus-visible .glyph[data-v-914e1f1d] {
   opacity: 1;
   transform: scale(1);
 }
-.selector.row[data-v-58a8a2b8] {
+.selector.row[data-v-914e1f1d] {
   left: -9px;
   width: 18px;
   height: 32px;
   transform: translateY(-50%);
 }
-.selector.row[data-v-58a8a2b8]::before {
+.selector.row[data-v-914e1f1d]::before {
   width: 2px;
   height: 16px;
 }
-.selector.column[data-v-58a8a2b8] {
+.selector.column[data-v-914e1f1d] {
   top: -9px;
   width: 32px;
   height: 18px;
   transform: translateX(-50%);
 }
-.selector.column[data-v-58a8a2b8]::before {
+.selector.column[data-v-914e1f1d]::before {
   width: 16px;
   height: 2px;
 }
 @media (hover: none), (pointer: coarse) {
-.selector[data-v-58a8a2b8]::before {
+.selector[data-v-914e1f1d]::before {
     opacity: 0;
 }
-.selector .glyph[data-v-58a8a2b8] {
+.selector .glyph[data-v-914e1f1d] {
     opacity: 1;
     transform: none;
 }
 }
-.cell-menu[data-v-58a8a2b8] {
+.cell-menu[data-v-914e1f1d] {
   width: 24px;
   height: 24px;
   border-radius: var(--ui-radius-sm);
   background: color-mix(in srgb, var(--ui-surface-muted) 78%, transparent);
 }
-.cell-menu[data-v-58a8a2b8] {
+.cell-menu[data-v-914e1f1d] {
   --_ui-default-icon-size: 15px;
   --_ui-default-icon-stroke-width: 2;
 }
-[data-component~="ui-editor-table-overlay"][hidden][data-v-58a8a2b8] {
+.drop-indicator[data-v-914e1f1d] {
+  position: absolute;
+  z-index: 3;
+  background: var(--ui-accent-solid);
+  box-shadow: 0 0 0 2px var(--ui-surface);
+  pointer-events: none;
+}
+.drop-indicator.row[data-v-914e1f1d] {
+  left: 0;
+  width: 100%;
+  height: 2px;
+}
+.drop-indicator.column[data-v-914e1f1d] {
+  top: 0;
+  width: 2px;
+  height: 100%;
+}
+.drop-indicator[hidden][data-v-914e1f1d] {
+  display: none;
+}
+[data-component~="ui-editor-table-overlay"][hidden][data-v-914e1f1d] {
   display: none;
 }
 
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"][data-v-26c35c0d] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"][data-v-3c04b848] {
   min-width: max-content;
   min-height: 100%;
   padding: 0;
@@ -3600,15 +3625,15 @@ ul[data-v-7603f4ce] {
   box-shadow: none;
   backdrop-filter: none;
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button[data-v-26c35c0d] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button[data-v-3c04b848] {
   min-height: 44px;
   background: transparent;
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.active[data-v-26c35c0d],
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.selected[data-v-26c35c0d] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.active[data-v-3c04b848],
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.selected[data-v-3c04b848] {
   background: var(--ui-accent-soft, var(--ui-accent-subtle));
 }
-.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] .menu[data-v-26c35c0d] {
+.looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] .menu[data-v-3c04b848] {
   top: auto;
   right: 0;
   bottom: calc(100% + var(--ui-space-2));
@@ -3616,7 +3641,7 @@ ul[data-v-7603f4ce] {
   overflow-y: auto;
   overscroll-behavior: contain;
 }
-[data-component~="ui-editor-table-toolbar"][data-v-26c35c0d] {
+[data-component~="ui-editor-table-toolbar"][data-v-3c04b848] {
   display: inline-flex;
   align-items: center;
   gap: var(--ui-space-1);
@@ -3627,21 +3652,21 @@ ul[data-v-7603f4ce] {
   box-shadow: var(--ui-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
   backdrop-filter: blur(10px);
 }
-.group[data-v-26c35c0d] {
+.group[data-v-3c04b848] {
   display: inline-flex;
   align-items: center;
   gap: 2px;
   overflow: hidden;
 }
-.sep[data-v-26c35c0d] {
+.sep[data-v-3c04b848] {
   width: 1px;
   align-self: stretch;
   background: var(--ui-border-divider);
 }
-.overflow[data-v-26c35c0d] {
+.overflow[data-v-3c04b848] {
   position: relative;
 }
-[data-component~="ui-editor-table-toolbar"] button[data-v-26c35c0d] {
+[data-component~="ui-editor-table-toolbar"] button[data-v-3c04b848] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3658,43 +3683,45 @@ ul[data-v-7603f4ce] {
   padding: var(--ui-space-2) var(--ui-space-2);
   white-space: nowrap;
 }
-[data-component~="ui-editor-table-toolbar"] button[data-v-26c35c0d]:hover {
+[data-component~="ui-editor-table-toolbar"] button[data-v-3c04b848]:hover {
   background: var(--ui-surface-hover);
 }
-[data-component~="ui-editor-table-toolbar"] button.active[data-v-26c35c0d] {
+[data-component~="ui-editor-table-toolbar"] button.active[data-v-3c04b848] {
   background: var(--ui-accent-soft, var(--ui-accent-subtle));
   color: var(--ui-accent-active);
 }
-.group button[data-v-26c35c0d] {
+.group button[data-v-3c04b848] {
   border-radius: var(--ui-radius-sm);
 }
-.group button + button[data-v-26c35c0d] {
+.group button + button[data-v-3c04b848] {
   border-left: 0;
 }
-[data-component~="ui-editor-table-toolbar"] .more[data-v-26c35c0d] {
+[data-component~="ui-editor-table-toolbar"] .more[data-v-3c04b848] {
   border: 0;
   border-radius: var(--ui-radius-sm);
 }
-[data-component~="ui-editor-table-toolbar"] button.danger[data-v-26c35c0d] {
+[data-component~="ui-editor-table-toolbar"] button.danger[data-v-3c04b848] {
   color: var(--ui-danger);
 }
-[data-component~="ui-editor-table-toolbar"][data-v-26c35c0d] {
+[data-component~="ui-editor-table-toolbar"][data-v-3c04b848] {
   --_ui-default-icon-size: var(--ui-editor-toolbar-icon-size, 1rem);
   --_ui-default-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
 }
-.chevron[data-v-26c35c0d] {
+.chevron[data-v-3c04b848] {
   display: inline-flex;
   --_ui-default-icon-size: 0.875rem;
 }
-[data-component~="ui-editor-table-toolbar"] .icon-button[data-v-26c35c0d] {
+[data-component~="ui-editor-table-toolbar"] .icon-button[data-v-3c04b848] {
   width: 32px;
   padding-inline: 0;
 }
-.menu[data-v-26c35c0d] {
+.menu[data-v-3c04b848] {
+  box-sizing: border-box;
   position: absolute;
   top: calc(100% + var(--ui-space-2));
   right: 0;
   min-width: 12rem;
+  max-width: min(17rem, calc(100vw - 24px));
   padding: var(--ui-space-1);
   background: var(--ui-surface);
   border: 1px solid var(--ui-border-strong);
@@ -3704,13 +3731,16 @@ ul[data-v-7603f4ce] {
   flex-direction: column;
   gap: 2px;
   z-index: 2;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  scrollbar-width: thin;
 }
-.menu-section + .menu-section[data-v-26c35c0d] {
+.menu-section + .menu-section[data-v-3c04b848] {
   margin-top: var(--ui-space-1);
   padding-top: var(--ui-space-1);
   border-top: 1px solid var(--ui-border-divider);
 }
-.menu-heading[data-v-26c35c0d] {
+.menu-heading[data-v-3c04b848] {
   padding: var(--ui-space-1) var(--ui-space-2);
   font-size: var(--ui-font-size-2xs);
   font-weight: 700;
@@ -3718,38 +3748,38 @@ ul[data-v-7603f4ce] {
   text-transform: uppercase;
   color: var(--ui-text-muted);
 }
-.menu button[data-v-26c35c0d] {
+.menu button[data-v-3c04b848] {
   display: flex;
   justify-content: flex-start;
   width: 100%;
   text-align: left;
 }
-.swatches[data-v-26c35c0d] {
+.swatches[data-v-3c04b848] {
   display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 2px;
 }
-[data-component~="ui-editor-table-toolbar"] .swatch-button[data-v-26c35c0d] {
+[data-component~="ui-editor-table-toolbar"] .swatch-button[data-v-3c04b848] {
   gap: var(--ui-space-1);
   justify-content: flex-start;
 }
-.swatch[data-v-26c35c0d] {
+.swatch[data-v-3c04b848] {
   width: 14px;
   height: 14px;
   flex: 0 0 14px;
   border: 1px solid color-mix(in srgb, var(--ui-border) 80%, #000);
-  border-radius: 3px;
+  border-radius: var(--ui-radius-round);
   background: var(--_swatch);
 }
-.swatch.default[data-v-26c35c0d] {
+.swatch.default[data-v-3c04b848] {
   background:
     linear-gradient(135deg, transparent 44%, var(--ui-danger) 46% 54%, transparent 56%),
     var(--ui-surface);
 }
-.swatch-button.selected[data-v-26c35c0d] {
+.swatch-button.selected[data-v-3c04b848] {
   background: var(--ui-accent-soft, var(--ui-accent-subtle));
 }
-[data-component~="ui-editor-table-toolbar"][hidden][data-v-26c35c0d] {
+[data-component~="ui-editor-table-toolbar"][hidden][data-v-3c04b848] {
   display: none;
 }
 
@@ -7962,7 +7992,7 @@ to {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-tree-item"][data-v-78d948f0] {
+[data-component~="ui-tree-item"][data-v-f9c58f7a] {
   /* Hooks do not inherit, so the parts below read them from the root. The tree's density
      sets the defaults, in --_ui-default-*. */
   --_ui-tree-item-min-block-size: var(
@@ -7984,7 +8014,7 @@ to {
   min-inline-size: 0;
   margin-inline-start: calc(var(--ui-tree-item-depth, 0) * var(--_ui-tree-indent, 16px));
 }
-.row[data-v-78d948f0] {
+.row[data-v-f9c58f7a] {
   position: relative;
   display: grid;
   grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr);
@@ -8001,39 +8031,39 @@ to {
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),
     min-block-size var(--ui-motion-base) var(--ui-motion-ease);
 }
-.row[data-v-78d948f0]:hover,
-[data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] .row[data-v-78d948f0],
-.row[data-v-78d948f0]:focus-within {
+.row[data-v-f9c58f7a]:hover,
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] .row[data-v-f9c58f7a],
+.row[data-v-f9c58f7a]:focus-within {
   color: var(--ui-text-primary);
   background: var(--ui-surface-muted);
 }
-[data-component~="ui-tree-item"][data-ui-tree-item-state~="disabled"] .row[data-v-78d948f0] {
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="disabled"] .row[data-v-f9c58f7a] {
   color: var(--ui-disabled-text);
   background: var(--ui-disabled-surface);
 }
-[data-component~="ui-tree-item"][data-dragging] .row[data-v-78d948f0] {
+[data-component~="ui-tree-item"][data-dragging] .row[data-v-f9c58f7a] {
   opacity: 0.42;
 }
-[data-component~="ui-tree-item"][data-v-78d948f0]:focus {
+[data-component~="ui-tree-item"][data-v-f9c58f7a]:focus {
   outline: none;
 }
-[data-component~="ui-tree-item"]:focus-visible .row[data-v-78d948f0] {
+[data-component~="ui-tree-item"]:focus-visible .row[data-v-f9c58f7a] {
   box-shadow: 0 0 0 2px var(--ui-focus-ring);
 }
 
 /* Child combinators: drop feedback belongs to this item's own row, not the rows nested in it. */
-[data-component~="ui-tree-item"][data-drop-position="inside"] > .row[data-v-78d948f0] {
+[data-component~="ui-tree-item"][data-drop-position="inside"] > .row[data-v-f9c58f7a] {
   background: var(--ui-accent-subtle);
   box-shadow: inset 0 0 0 1px var(--_ui-tree-drop-color, var(--ui-accent-solid));
 }
-.disclosure[data-v-78d948f0],
-.disclosure-spacer[data-v-78d948f0] {
+.disclosure[data-v-f9c58f7a],
+.disclosure-spacer[data-v-f9c58f7a] {
   grid-column: 1;
   grid-row: 1;
   inline-size: var(--_tree-disclosure-size);
   block-size: 28px;
 }
-.disclosure[data-v-78d948f0] {
+.disclosure[data-v-f9c58f7a] {
   display: grid;
   /* Start-aligned: the chevron's ink, not its hit area, aligns with the content above it. */
   place-items: center start;
@@ -8044,10 +8074,10 @@ to {
   border-radius: var(--ui-radius-sm);
   cursor: pointer;
 }
-.disclosure[hidden][data-v-78d948f0] {
+.disclosure[hidden][data-v-f9c58f7a] {
   display: none;
 }
-.selection-hit[data-v-78d948f0] {
+.selection-hit[data-v-f9c58f7a] {
   display: none;
   grid-column: 2;
   grid-row: 1;
@@ -8056,29 +8086,29 @@ to {
   block-size: var(--_ui-tree-item-min-block-size, var(--_tree-row-min-height));
   cursor: pointer;
 }
-.selection-checkbox[data-v-78d948f0] {
+.selection-checkbox[data-v-f9c58f7a] {
   inline-size: 1rem;
   block-size: 1rem;
   margin: 0;
   accent-color: var(--ui-accent-solid);
 }
-[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row[data-v-78d948f0] {
+[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row[data-v-f9c58f7a] {
   grid-template-columns: var(--_tree-disclosure-size) 1.25rem auto minmax(0, 1fr);
 }
-[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .selection-hit[data-v-78d948f0] {
+[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .selection-hit[data-v-f9c58f7a] {
   display: grid;
 }
-[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .leading[data-v-78d948f0] {
+[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .leading[data-v-f9c58f7a] {
   grid-column: 3;
 }
-[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .label[data-v-78d948f0] {
+[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .label[data-v-f9c58f7a] {
   grid-column: 4;
 }
-.disclosure[data-v-78d948f0]:hover {
+.disclosure[data-v-f9c58f7a]:hover {
   color: var(--ui-text-primary);
   background: var(--ui-surface-elevated);
 }
-.disclosure-icon[data-v-78d948f0] {
+.disclosure-icon[data-v-f9c58f7a] {
   display: grid;
   place-items: center;
   inline-size: 12px;
@@ -8086,7 +8116,7 @@ to {
   transform: rotate(-90deg);
   transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.disclosure-icon[data-v-78d948f0]::before {
+.disclosure-icon[data-v-f9c58f7a]::before {
   display: block;
   inline-size: 0.375rem;
   block-size: 0.375rem;
@@ -8096,19 +8126,19 @@ to {
   /* A chevron's ink sits below its box centre; lift it so it centres optically (in either rotation). */
   transform: translateY(-20%) rotate(45deg);
 }
-[data-component~="ui-tree-item"][aria-expanded="true"] .disclosure-icon[data-v-78d948f0] {
+[data-component~="ui-tree-item"][aria-expanded="true"] .disclosure-icon[data-v-f9c58f7a] {
   transform: rotate(0deg);
 }
 
 /* Lucide grip-vertical, filling the handle as in Looma 0.2. */
-.drag-handle svg[data-v-78d948f0] {
+.drag-handle svg[data-v-f9c58f7a] {
   display: block;
   inline-size: 100%;
   block-size: 100%;
 }
 
 /* Slotted content is outside this scope, so :has() cannot see it; hide only a truly empty slot. */
-.leading[data-v-78d948f0] {
+.leading[data-v-f9c58f7a] {
   display: inline-grid;
   place-items: center;
   grid-column: 2;
@@ -8121,12 +8151,12 @@ to {
   position: relative;
   z-index: 1;
 }
-.leading[data-v-78d948f0]:empty {
+.leading[data-v-f9c58f7a]:empty {
   display: none;
 }
 
 /* Icons match the label's size (as in Knit's tree): an unsized SVG would otherwise render 300×150. */
-svg[data-v-78d948f0-s],img[data-v-78d948f0-s] {
+svg[data-v-f9c58f7a-s],img[data-v-f9c58f7a-s] {
   display: block;
   inline-size: 1em;
   block-size: 1em;
@@ -8135,7 +8165,7 @@ svg[data-v-78d948f0-s],img[data-v-78d948f0-s] {
 
 /* The label spans the row's height and centres its content, so slotted content (a link) can
    stretch to fill the row as its own hit area; the padding tokens remove the inset. */
-.label[data-v-78d948f0] {
+.label[data-v-f9c58f7a] {
   grid-column: 3;
   grid-row: 1;
   align-self: stretch;
@@ -8148,12 +8178,12 @@ svg[data-v-78d948f0-s],img[data-v-78d948f0-s] {
     var(--_ui-tree-item-label-padding-inline, var(--ui-space-2));
   /* The length of the fade before the controls. The label's one flex child lays out no gap; this
      is where the controller reads the length in pixels to stop a sliding name before the fade. */
-  column-gap: var(--ui-space-3);
+  column-gap: var(--ui-space-1);
 }
 
 /* Slotted label content fills the cell, so a link is the row's hit area rather than sizing to
    its own text and reading as overflow. */
-.label-text[data-v-78d948f0] {
+.label-text[data-v-f9c58f7a] {
   display: flex;
   align-items: center;
   /* Stretches, so slotted content can still be the row's full-height hit area. */
@@ -8163,27 +8193,27 @@ svg[data-v-78d948f0-s],img[data-v-78d948f0-s] {
   inline-size: 100%;
   white-space: nowrap;
 }
-.label-text > [data-v-78d948f0-s] {
+.label-text > [data-v-f9c58f7a-s] {
   flex: 1 1 auto;
   min-inline-size: 0;
 }
 
 /* The controls sit over the label's end, so the text fades out where they begin. The fade is
    the truncation mark while it shows: an ellipsis under it would read as a second one. */
-.row:hover > .label[data-v-78d948f0],
-.row:focus-within > .label[data-v-78d948f0] {
+.row:hover > .label[data-v-f9c58f7a],
+.row:focus-within > .label[data-v-f9c58f7a] {
   text-overflow: clip;
   mask-image: linear-gradient(
     to right,
-    #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
+    #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-1)),
     transparent calc(100% - var(--_tree-actions-width, 1.75rem))
   );
 }
-.row:hover > .label[data-v-78d948f0]:dir(rtl),
-.row:focus-within > .label[data-v-78d948f0]:dir(rtl) {
+.row:hover > .label[data-v-f9c58f7a]:dir(rtl),
+.row:focus-within > .label[data-v-f9c58f7a]:dir(rtl) {
   mask-image: linear-gradient(
     to left,
-    #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
+    #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-1)),
     transparent calc(100% - var(--_tree-actions-width, 1.75rem))
   );
 }
@@ -8192,10 +8222,10 @@ svg[data-v-78d948f0-s],img[data-v-78d948f0-s] {
    there, and starts again. Only when it actually overflows — the controller measures by how
    much — after the controls have taken their place over its end — and hands over the distance
    and a duration from it, so every name moves at the same speed. */
-.row[data-ui-marquee] > .label > .label-text[data-v-78d948f0] {
+.row[data-ui-marquee] > .label > .label-text[data-v-f9c58f7a] {
   /* Once per pass: the controller restarts it after a rest at the end, so the name holds still
      long enough to read rather than sliding back and forth. */
-  animation: ui-tree-item-marquee-78d948f0 var(--_marquee-duration) linear 0.5s 1 normal forwards;
+  animation: ui-tree-item-marquee-f9c58f7a var(--_marquee-duration) linear 0.5s 1 normal forwards;
   will-change: transform;
 }
 
@@ -8203,7 +8233,7 @@ svg[data-v-78d948f0-s],img[data-v-78d948f0-s] {
    slides, the label reaches back under the icon (the controller measures how far) with its text
    where it was, and fades out across the gap before the icon, fully gone where the icon begins
    to cover it: the name slips under the icon rather than stopping at a hard edge beside it. */
-.row[data-ui-marquee] > .label[data-v-78d948f0] {
+.row[data-ui-marquee] > .label[data-v-f9c58f7a] {
   margin-inline-start: calc(-1 * var(--_marquee-lead, 0px));
   padding-inline-start: calc(
     var(--_marquee-lead, 0px) + var(--_ui-tree-item-label-padding-inline, var(--ui-space-2))
@@ -8214,22 +8244,22 @@ svg[data-v-78d948f0-s],img[data-v-78d948f0-s] {
     #000 calc(
       var(--_marquee-lead, 0px) + var(--_ui-tree-item-label-padding-inline, var(--ui-space-2))
     ),
-    #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
+    #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-1)),
     transparent calc(100% - var(--_tree-actions-width, 1.75rem))
   );
 }
-.row[data-ui-marquee] > .label[data-v-78d948f0]:dir(rtl) {
+.row[data-ui-marquee] > .label[data-v-f9c58f7a]:dir(rtl) {
   mask-image: linear-gradient(
     to left,
     transparent var(--_marquee-icon-width, 0px),
     #000 calc(
       var(--_marquee-lead, 0px) + var(--_ui-tree-item-label-padding-inline, var(--ui-space-2))
     ),
-    #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
+    #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-1)),
     transparent calc(100% - var(--_tree-actions-width, 1.75rem))
   );
 }
-@keyframes ui-tree-item-marquee-78d948f0 {
+@keyframes ui-tree-item-marquee-f9c58f7a {
 from {
     transform: translateX(0);
 }
@@ -8240,15 +8270,15 @@ to {
 
 /* Reduced motion keeps the fade, which already says the name continues. */
 @media (prefers-reduced-motion: reduce) {
-.row[data-ui-marquee] > .label > .label-text[data-v-78d948f0] {
+.row[data-ui-marquee] > .label > .label-text[data-v-f9c58f7a] {
     animation: none;
 }
 }
-.row:hover > .label > [data-v-78d948f0-s],
-.row:focus-within > .label > [data-v-78d948f0-s] {
+.row:hover > .label > [data-v-f9c58f7a-s],
+.row:focus-within > .label > [data-v-f9c58f7a-s] {
   text-overflow: clip;
 }
-.actions[data-v-78d948f0] {
+.actions[data-v-f9c58f7a] {
   position: absolute;
   z-index: 1;
   inset-block: 0;
@@ -8260,18 +8290,18 @@ to {
   pointer-events: none;
   transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.row:hover > .actions[data-v-78d948f0],
-.row:focus-within > .actions[data-v-78d948f0] {
+.row:hover > .actions[data-v-f9c58f7a],
+.row:focus-within > .actions[data-v-f9c58f7a] {
   opacity: 1;
   pointer-events: auto;
 }
 
 /* Without hover there is no reveal, so the controls keep their own column. */
 @media (hover: none) {
-.row[data-v-78d948f0] {
+.row[data-v-f9c58f7a] {
     grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr) auto;
 }
-.actions[data-v-78d948f0] {
+.actions[data-v-f9c58f7a] {
     position: static;
     grid-column: 4;
     grid-row: 1;
@@ -8286,7 +8316,7 @@ to {
    empty column, right before the icon; a branch's disclosure is there, so its handle sits just
    outside the row. It is bare until pointed at: a resting surface behind it read as a faint
    patch rather than as a control. */
-.drag-handle[data-v-78d948f0] {
+.drag-handle[data-v-f9c58f7a] {
   position: absolute;
   z-index: 2;
   inset-block-start: 50%;
@@ -8307,24 +8337,24 @@ to {
   transform: translateY(-50%);
   transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.row:hover .drag-handle[data-v-78d948f0],
-.drag-handle[data-v-78d948f0]:hover,
-.drag-handle[data-v-78d948f0]:focus-visible,
-[data-component~="ui-tree-item"][data-dragging] > .row > .drag-handle[data-v-78d948f0] {
+.row:hover .drag-handle[data-v-f9c58f7a],
+.drag-handle[data-v-f9c58f7a]:hover,
+.drag-handle[data-v-f9c58f7a]:focus-visible,
+[data-component~="ui-tree-item"][data-dragging] > .row > .drag-handle[data-v-f9c58f7a] {
   opacity: 1;
 }
-[data-component~="ui-tree-item"][data-ui-tree-item-state~="isContainer"] > .row > .drag-handle[data-v-78d948f0] {
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="isContainer"] > .row > .drag-handle[data-v-f9c58f7a] {
   inset-inline-start: calc(-1 * var(--_tree-disclosure-size) - 2px);
 }
-.drag-handle[data-v-78d948f0]:hover,
-.drag-handle[data-v-78d948f0]:focus-visible {
+.drag-handle[data-v-f9c58f7a]:hover,
+.drag-handle[data-v-f9c58f7a]:focus-visible {
   color: var(--ui-text-primary);
   background: var(--ui-surface-hover);
 }
-.drag-handle[data-v-78d948f0]:active {
+.drag-handle[data-v-f9c58f7a]:active {
   cursor: grabbing;
 }
-.drop-indicator[data-v-78d948f0] {
+.drop-indicator[data-v-f9c58f7a] {
   position: absolute;
   z-index: 3;
   inset-inline: 1px;
@@ -8334,8 +8364,8 @@ to {
   background: var(--_ui-tree-drop-color, var(--ui-accent-solid));
   pointer-events: none;
 }
-.drop-indicator[data-v-78d948f0]::before,
-.drop-indicator[data-v-78d948f0]::after {
+.drop-indicator[data-v-f9c58f7a]::before,
+.drop-indicator[data-v-f9c58f7a]::after {
   content: "";
   position: absolute;
   inset-block-start: 50%;
@@ -8346,34 +8376,34 @@ to {
   background: var(--ui-surface-elevated);
   transform: translateY(-50%);
 }
-.drop-indicator[data-v-78d948f0]::before {
+.drop-indicator[data-v-f9c58f7a]::before {
   inset-inline-start: -1px;
 }
-.drop-indicator[data-v-78d948f0]::after {
+.drop-indicator[data-v-f9c58f7a]::after {
   inset-inline-end: -1px;
 }
-[data-component~="ui-tree-item"][data-drop-position="before"] > .row > .row-drop-indicator[data-v-78d948f0] {
+[data-component~="ui-tree-item"][data-drop-position="before"] > .row > .row-drop-indicator[data-v-f9c58f7a] {
   display: block;
   inset-block-start: -1px;
 }
-[data-component~="ui-tree-item"][data-drop-position="after"] > .subtree-drop-indicator[data-v-78d948f0] {
+[data-component~="ui-tree-item"][data-drop-position="after"] > .subtree-drop-indicator[data-v-f9c58f7a] {
   display: block;
   inset-block-end: -1px;
 }
-.children[hidden][data-v-78d948f0] {
+.children[hidden][data-v-f9c58f7a] {
   display: none;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"][data-v-78d948f0] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"][data-v-f9c58f7a] {
   --_tree-row-min-height: 44px;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .row[data-v-78d948f0] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .row[data-v-f9c58f7a] {
   grid-template-columns: 44px var(--_tree-disclosure-size) auto minmax(0, 1fr);
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle[data-v-78d948f0],
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle[data-v-f9c58f7a],
 html[data-ui-input-modality="touch"]
   [data-component~="ui-tree-item"][data-ui-tree-item-state~="isContainer"]
   > .row
-  > .drag-handle[data-v-78d948f0] {
+  > .drag-handle[data-v-f9c58f7a] {
   position: relative;
   grid-column: 1;
   grid-row: 1;
@@ -8385,24 +8415,24 @@ html[data-ui-input-modality="touch"]
   transform: none;
   cursor: pointer;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .disclosure[data-v-78d948f0] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .disclosure[data-v-f9c58f7a] {
   grid-column: 2;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .leading[data-v-78d948f0] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .leading[data-v-f9c58f7a] {
   grid-column: 3;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .label[data-v-78d948f0] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .label[data-v-f9c58f7a] {
   grid-column: 4;
 }
 html[data-ui-input-modality="touch"]
   [data-component~="ui-tree-item"][data-selection-mode="multiple"]
-  > .row[data-v-78d948f0] {
+  > .row[data-v-f9c58f7a] {
   grid-template-columns: 44px var(--_tree-disclosure-size) 44px auto minmax(0, 1fr);
 }
 html[data-ui-input-modality="touch"]
   [data-component~="ui-tree-item"][data-selection-mode="multiple"]
   > .row
-  > .selection-hit[data-v-78d948f0] {
+  > .selection-hit[data-v-f9c58f7a] {
   grid-column: 3;
   inline-size: 44px;
   block-size: 44px;
@@ -8410,25 +8440,25 @@ html[data-ui-input-modality="touch"]
 html[data-ui-input-modality="touch"]
   [data-component~="ui-tree-item"][data-selection-mode="multiple"]
   > .row
-  > .leading[data-v-78d948f0] {
+  > .leading[data-v-f9c58f7a] {
   grid-column: 4;
 }
 html[data-ui-input-modality="touch"]
   [data-component~="ui-tree-item"][data-selection-mode="multiple"]
   > .row
-  > .label[data-v-78d948f0] {
+  > .label[data-v-f9c58f7a] {
   grid-column: 5;
 }
 @media (prefers-reduced-motion: reduce) {
-.row[data-v-78d948f0],
-  .disclosure-icon[data-v-78d948f0],
-  .drag-handle[data-v-78d948f0] {
+.row[data-v-f9c58f7a],
+  .disclosure-icon[data-v-f9c58f7a],
+  .drag-handle[data-v-f9c58f7a] {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-tree-item"][hidden][data-v-78d948f0] {
+[data-component~="ui-tree-item"][hidden][data-v-f9c58f7a] {
   display: none;
 }
 /**
@@ -9214,6 +9244,10 @@ html[data-ui-input-modality="touch"]
   -webkit-overflow-scrolling: touch;
 }
 
+.looma-editor .ProseMirror .tableWrapper + p {
+  margin-top: var(--ui-editor-table-following-gap, var(--ui-space-4));
+}
+
 /* ProseMirror table (for when Looma editor content is rendered) */
 .ProseMirror:focus-visible {
   outline: none;