alinea 2.0.0-preview.12 → 2.0.0-preview.13

package/dist/index.css

@@ -112,6 +112,10 @@
     font-size: 11px;
     line-height: 18px;
   }
+  &[data-color=primary] {
+    background: var(--alinea-primary-subtle);
+    color: var(--alinea-primary-subtle-fg);
+  }
   &[data-status=published] {
     background: var(--alinea-status-published);
     color: var(--alinea-status-published-fg);
@@ -851,7 +855,7 @@
 }
 .alinea-CommandInput {
   border-bottom: 1px solid var(--alinea-border);
-  padding: 8px;
+  padding: 0 12px 0 14px;
 }
 .alinea-CommandList {
   outline: none;
@@ -876,6 +880,7 @@
 }
 .alinea-CommandItem {
   border-radius: var(--alinea-radius-sm);
+  min-height: 32px;
   color: var(--alinea-fg);
   font-size: var(--alinea-font-size-base);
   cursor: pointer;
@@ -885,9 +890,13 @@
   padding: .4rem;
   display: flex;
   position: relative;
+  &:hover,
   &.alinea-is-highlighted {
     background: var(--alinea-muted);
   }
+  .alinea-CommandList:hover &.alinea-is-highlighted:not(:hover) {
+    background: none;
+  }
   &.alinea-is-focusVisible {
     outline: 2px solid var(--alinea-ring);
     outline-offset: -2px;
@@ -899,6 +908,7 @@
 }
 .alinea-CommandItem-icon {
   flex-shrink: 0;
+  font-size: 16px;
 }
 .alinea-CommandItem-label {
   text-overflow: ellipsis;
@@ -1016,14 +1026,27 @@
   font-size: 14px;
 }
 .alinea-ContentCard-title {
-  text-overflow: ellipsis;
-  white-space: nowrap;
   flex: none;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
   font-size: 13px;
   font-weight: 600;
   line-height: 1.35;
+  display: flex;
+}
+.alinea-ContentCard-title-text {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
   overflow: hidden;
 }
+.alinea-ContentCard-suffix {
+  flex: none;
+  align-items: center;
+  margin-block: -1px;
+  display: inline-flex;
+}
 .alinea-ContentCard-description {
   min-width: 0;
   color: var(--alinea-fg-muted);
@@ -3178,6 +3201,27 @@
 .alinea-SearchFieldClear-icon {
   position: relative;
 }
+.alinea-SearchField[data-variant=inline] {
+  & .alinea-SearchFieldGroup {
+    background-color: #0000;
+    border: 0;
+    border-radius: 0;
+    outline: none;
+    height: 44px;
+  }
+  & .alinea-SearchFieldIcon {
+    width: 18px;
+    height: 18px;
+    margin: 0 10px 0 0;
+    font-size: 18px;
+  }
+  & .alinea-SearchFieldInput {
+    padding: 5px 0;
+  }
+  & .alinea-SearchFieldClear {
+    padding: 0 4px;
+  }
+}
 
 /* src/components/Select.module.css */
 .alinea-Select {
@@ -3321,6 +3365,77 @@
   margin: 4px 8px;
 }
 
+/* src/components/Sheet.module.css */
+.alinea-SheetContent {
+  background: var(--alinea-bg-muted);
+  color: var(--alinea-fg);
+  outline: none;
+  flex-direction: column;
+  display: flex;
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+}
+.alinea-SheetHeader {
+  box-sizing: border-box;
+  border-bottom: 1px solid var(--alinea-border);
+  flex-shrink: 0;
+  align-items: center;
+  gap: 8px;
+  height: 48px;
+  padding: 0 8px 0 10px;
+  display: flex;
+}
+.alinea-SheetHeader-back[data-slot] {
+  --alinea-button-accent: var(--alinea-fg-muted);
+}
+.alinea-SheetTitle {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  overflow: hidden;
+}
+.alinea-SheetBody {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+.alinea-SheetSection {
+  flex-direction: column;
+  gap: 16px;
+  padding: 18px 20px 20px;
+  display: flex;
+  &:not(:first-child) {
+    border-top: 1px solid var(--alinea-border);
+  }
+}
+.alinea-SheetSection-title {
+  color: var(--alinea-fg-muted);
+  letter-spacing: .02em;
+  text-transform: uppercase;
+  margin: 0;
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 16px;
+}
+.alinea-SheetFooter {
+  box-sizing: border-box;
+  border-top: 1px solid var(--alinea-border);
+  flex-direction: column;
+  flex-shrink: 0;
+  align-items: stretch;
+  gap: 2px;
+  padding: 8px;
+  display: flex;
+  & [data-slot=button] {
+    font-weight: 500;
+  }
+}
+
 /* src/components/Sidebar.module.css */
 .alinea-Sidebar {
   background: var(--alinea-bg);
@@ -3404,13 +3519,21 @@
 }
 
 /* src/components/SortableList.module.css */
+.alinea-SortableList {
+  border: 1px solid var(--alinea-border);
+  border-radius: var(--alinea-radius);
+  background: var(--alinea-bg);
+  color: var(--alinea-fg);
+  font-size: var(--alinea-font-size-base);
+  position: relative;
+}
 .alinea-SortableListAdd-inner {
   box-sizing: border-box;
+  min-height: calc(1.5 * var(--alinea-font-size-base) + 16px);
   border-top: 1px solid var(--alinea-border);
   flex-direction: row;
   justify-content: center;
   align-items: center;
-  min-height: 36px;
   display: flex;
 }
 .alinea-SortableListAdd:first-child .alinea-SortableListAdd-inner {
@@ -3419,107 +3542,161 @@
 .alinea-SortableListItem {
   display: grid;
   position: relative;
-  overflow: hidden;
-}
-.alinea-SortableListItem:not(:first-child) {
-  border-top: 1px solid var(--alinea-border);
-}
-.alinea-SortableListItem[data-dragging] {
-  opacity: .5;
-}
-.alinea-SortableListItem-dropTarget {
-  outline: none;
-  display: grid;
-  position: relative;
-}
-.alinea-SortableListItem-dropTarget:not(:first-child) > .alinea-SortableListItem {
-  border-top: 1px solid var(--alinea-border);
+  overflow-x: clip;
 }
-.alinea-SortableListItem-dropIndicator {
-  z-index: 2;
+.alinea-SortableListItemInsert {
+  z-index: 3;
   opacity: 0;
-  pointer-events: none;
-  height: 8px;
-  transition: opacity .14s ease-out;
+  height: 16px;
+  transition: opacity var(--alinea-transition);
+  align-items: center;
+  display: flex;
   position: absolute;
+  top: -8px;
   left: 0;
   right: 0;
 }
-.alinea-SortableListItem-dropIndicator:before {
+.alinea-SortableListItemInsert:before {
   content: "";
   background: var(--alinea-primary);
-  border-radius: var(--alinea-radius-sm);
-  width: 190px;
-  max-width: calc(100% - 20px);
-  height: 6px;
+  border-radius: 1px;
+  height: 2px;
   position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+  top: 7px;
+  left: 8px;
+  right: 8px;
 }
-.alinea-SortableListItem-dropIndicator[data-position=before] {
-  top: -4px;
+.alinea-SortableList[data-dragging] > .alinea-SortableListItem > .alinea-SortableListItemInsert {
+  visibility: hidden;
+}
+.alinea-SortableListItemInsert:hover,
+.alinea-SortableListItemInsert:has(:focus-visible),
+.alinea-SortableListItemInsert:has([aria-expanded=true]) {
+  opacity: 1;
 }
-.alinea-SortableListItem-dropIndicator[data-position=after] {
-  bottom: -4px;
+.alinea-SortableListItemInsert:hover {
+  transition-delay: .3s;
 }
-.alinea-SortableListItem-dropTarget:first-child > .alinea-SortableListItem-dropIndicator[data-position=before] {
-  top: 0;
+.alinea-SortableListItemInsert-button {
+  background: var(--alinea-bg);
+  width: 20px;
+  height: 20px;
+  color: var(--alinea-primary);
+  box-shadow: 0 0 0 1.5px var(--alinea-primary);
+  cursor: pointer;
+  transition: var(--alinea-transition);
+  border: none;
+  border-radius: 999px;
+  outline: none;
+  justify-content: center;
+  align-items: center;
+  margin: 0 0 0 42px;
+  padding: 0;
+  font-size: 14px;
+  transition-property: background-color, color;
+  display: inline-flex;
+  position: relative;
+  @media (hover: hover) {
+    &:hover {
+      background: var(--alinea-primary);
+      color: var(--alinea-primary-fg);
+    }
+  }
+  &:focus-visible {
+    outline: 2px solid var(--alinea-ring);
+    outline-offset: 2px;
+  }
 }
-.alinea-SortableListItem-dropTarget:last-child > .alinea-SortableListItem-dropIndicator[data-position=after] {
-  bottom: 0;
+.alinea-SortableListItem:not(:first-child) {
+  border-top: 1px solid var(--alinea-border);
 }
-.alinea-SortableListItem-dropIndicator[data-active] {
-  opacity: 1;
+.alinea-SortableListItem[aria-current=true] > .alinea-SortableListItemHeader {
+  background: var(--alinea-muted);
 }
-.alinea-SortableListHandle {
-  z-index: 3;
-  cursor: grab;
-  opacity: 0;
-  pointer-events: none;
-  outline: none;
-  width: 56px;
-  height: 10px;
-  transition: opacity .14s ease-out;
-  position: absolute;
-  top: -1px;
-  left: 50%;
-  transform: translateX(-50%);
+.alinea-SortableListItem[data-dragging] {
+  z-index: 5;
+  border-radius: var(--alinea-radius);
+  background: var(--alinea-bg);
+  box-shadow: 0 0 0 1px var(--alinea-border), 0 8px 24px -8px #00000040;
+  overflow: clip;
 }
-.alinea-SortableListHandle:before {
-  content: "";
-  background: var(--alinea-fg-disabled);
-  border-radius: 999px;
-  width: 30px;
-  height: 4px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+.alinea-SortableListItem[data-dragging] > .alinea-SortableListItemHeader {
+  background: var(--alinea-muted);
 }
-.alinea-SortableListHandle[data-dragging],
-.alinea-SortableListHandle:active {
-  cursor: grabbing;
+:root[data-sortable-dragging] * {
+  cursor: grabbing !important;
 }
-.alinea-SortableListHandle:focus-visible:before {
-  background: var(--alinea-primary);
-  outline: 2px solid color-mix(in oklab, var(--alinea-primary) 20%, transparent);
-  outline-offset: 2px;
+.alinea-SortableListItemHeader[data-reorderable] {
+  cursor: grab;
 }
 .alinea-SortableListItemHeader {
   box-sizing: border-box;
+  min-width: 0;
+  min-height: calc(1.5 * var(--alinea-font-size-base) + 16px);
   justify-content: space-between;
   align-items: center;
-  min-width: 0;
-  min-height: 36px;
   padding: 2px 8px;
+  transition: background-color .25s ease-out;
   display: flex;
 }
-.alinea-SortableListItemHeader:hover > .alinea-SortableListHandle,
-.alinea-SortableListItemHeader:focus-within > .alinea-SortableListHandle,
-.alinea-SortableListHandle[data-dragging] {
-  opacity: 1;
-  pointer-events: auto;
+:where(.alinea-SortableListItem:has(> .alinea-SortableListItemContent)) > .alinea-SortableListItemHeader {
+  background: var(--alinea-bg-muted);
+}
+.alinea-SortableList > .alinea-SortableListItem:first-child > .alinea-SortableListItemHeader {
+  border-start-start-radius: calc(var(--alinea-radius) - 1px);
+  border-start-end-radius: calc(var(--alinea-radius) - 1px);
+}
+.alinea-SortableList > .alinea-SortableListItem:last-child > .alinea-SortableListItemHeader:last-child {
+  border-end-end-radius: calc(var(--alinea-radius) - 1px);
+  border-end-start-radius: calc(var(--alinea-radius) - 1px);
+}
+.alinea-SortableListItemTrigger[data-slot] {
+  border-radius: var(--alinea-radius-sm);
+  min-width: 0;
+  height: auto;
+  min-height: 26px;
+  font-weight: inherit;
+  flex: 1;
+  padding: 0;
+}
+.alinea-SortableListItemTrigger[data-slot][data-variant]:hover {
+  background: none;
+}
+@media (hover: hover) {
+  .alinea-SortableListItemHeader:has(.alinea-SortableListItemTrigger:hover) {
+    background: var(--alinea-muted);
+  }
+}
+.alinea-SortableListItemTrigger[data-slot]:focus-visible {
+  outline: none;
+}
+.alinea-SortableListItemHeader:has(.alinea-SortableListItemTrigger:focus-visible) {
+  box-shadow: inset 0 0 0 2px var(--alinea-ring);
+}
+.alinea-SortableListItemTrigger-more {
+  width: 26px;
+  height: 26px;
+  color: var(--alinea-fg-muted);
+  opacity: 0;
+  transition: color var(--alinea-transition), opacity var(--alinea-transition);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  margin-left: auto;
+  font-size: 14px;
+  display: inline-flex;
+  .alinea-SortableListItemHeader:hover &,
+  .alinea-SortableListItemTrigger:focus-visible &,
+  .alinea-SortableListItemTrigger[aria-expanded=true] & {
+    opacity: 1;
+  }
+  @media (hover: none) {
+    opacity: 1;
+  }
+  .alinea-SortableListItemTrigger:hover &,
+  .alinea-SortableListItemTrigger[aria-expanded=true] & {
+    color: var(--alinea-fg);
+  }
 }
 .alinea-SortableListItemTitle {
   flex: 1;
@@ -3528,9 +3705,6 @@
   min-width: 0;
   display: flex;
 }
-.alinea-SortableListItemTitle[data-dragging] {
-  cursor: grabbing;
-}
 .alinea-SortableListItemDescription {
   min-width: 0;
   color: var(--alinea-fg-muted);
@@ -3550,18 +3724,21 @@
   color: var(--alinea-fg-muted);
   flex: none;
 }
+.alinea-SortableListItemToggle[data-slot][data-size] {
+  width: 20px;
+  height: 20px;
+  margin-right: -6px;
+}
 .alinea-SortableListItemToggle:hover,
 .alinea-SortableListItemToggle:active,
 .alinea-SortableListItemToggle[data-active] {
   color: var(--alinea-fg);
 }
-.alinea-SortableListItemToggle-icon {
-  font-size: 16px;
-}
 .alinea-SortableListItemContent {
+  border-top: 1px solid var(--alinea-border);
   align-items: normal;
   gap: 12px;
-  padding: 8px 16px 16px;
+  padding: 12px 16px 16px;
   display: grid;
 }
 .alinea-SortableListItemFooter {
@@ -3583,42 +3760,6 @@
     font-weight: 500;
   }
 }
-.alinea-SortableListDragPreview {
-  border: 1px solid color-mix(in srgb, var(--alinea-border) 70%, transparent);
-  border-radius: var(--alinea-radius);
-  background: var(--alinea-overlay);
-  min-width: 220px;
-  max-width: 300px;
-  box-shadow: var(--alinea-shadow-raised);
-  align-items: center;
-  gap: 10px;
-  padding: 10px 14px;
-  display: inline-flex;
-}
-.alinea-SortableListDragPreview-icon {
-  border-radius: var(--alinea-radius);
-  width: 28px;
-  height: 28px;
-  color: var(--alinea-primary);
-  background: color-mix(in srgb, var(--alinea-primary) 12%, transparent);
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  display: inline-flex;
-}
-.alinea-SortableListDragPreview-body {
-  gap: 2px;
-  min-width: 0;
-  display: grid;
-}
-.alinea-SortableListDragPreview-title {
-  color: var(--alinea-fg);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 13px;
-  font-weight: 600;
-  overflow: hidden;
-}
 
 /* src/components/Spinner.module.css */
 .alinea-Spinner {
@@ -4077,6 +4218,12 @@
   min-width: 0;
   display: flex;
 }
+.alinea-TableTitle-suffix {
+  flex: none;
+  align-items: center;
+  gap: 4px;
+  display: inline-flex;
+}
 .alinea-TableTitle-title {
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -4994,6 +5141,75 @@
   font-weight: 600;
 }
 
+/* src/dashboard/app/BlockSheet.module.css */
+.alinea-BlockSheetSlot {
+  z-index: 10;
+  pointer-events: none;
+  position: absolute;
+  inset: 0 0 0 -40px;
+  overflow: clip;
+  &:has(> .alinea-BlockSheetSlot-host:empty) {
+    display: none;
+  }
+}
+.alinea-BlockSheetSlot-host {
+  pointer-events: auto;
+  animation: .24s cubic-bezier(.32, .72, 0, 1) alinea-BlockSheet-enter;
+  position: absolute;
+  inset: 0 0 0 40px;
+}
+.alinea-BlockSheet {
+  border-inline-start: 1px solid var(--alinea-border);
+  position: absolute;
+  inset: 0;
+  box-shadow: -12px 0 24px -16px #0000003d;
+  &[data-closing] {
+    animation: .18s cubic-bezier(.4, 0, 1, 1) forwards alinea-BlockSheet-exit;
+  }
+}
+@keyframes alinea-BlockSheet-enter {
+  from {
+    transform: translateX(100%);
+  }
+}
+@keyframes alinea-BlockSheet-exit {
+  to {
+    transform: translateX(100%);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  @keyframes alinea-BlockSheet-enter {
+    from {
+      opacity: 0;
+    }
+  }
+  @keyframes alinea-BlockSheet-exit {
+    to {
+      opacity: 0;
+    }
+  }
+}
+.split-view-view:has(> * .alinea-BlockSheet):not(:has(.split-view-view .alinea-BlockSheet)) {
+  overflow: visible;
+}
+
+/* src/dashboard/app/BlockSheetStoryFrame.module.css */
+.alinea-BlockSheetStoryFrame {
+  align-items: stretch;
+  gap: 16px;
+  min-height: 600px;
+  display: flex;
+}
+.alinea-BlockSheetStoryFrame-content {
+  flex: 1;
+  min-width: 0;
+}
+.alinea-BlockSheetStoryFrame-panel {
+  border-left: 1px solid var(--alinea-border);
+  flex: 0 0 360px;
+  position: relative;
+}
+
 /* src/dashboard/app/CompactField.module.css */
 .alinea-CompactField {
   min-width: 0;
@@ -5174,14 +5390,6 @@
   }
 }
 
-/* src/dashboard/app/DeleteDialog.module.css */
-.alinea-DeleteDialog-actions {
-  align-items: center;
-  gap: 8px;
-  margin-left: auto;
-  display: flex;
-}
-
 /* src/dashboard/app/editor/FileEditor.module.css */
 .alinea-FileEditor-surface {
   width: 100%;
@@ -5444,6 +5652,31 @@
   overflow: auto;
 }
 
+/* src/dashboard/app/EntryStatusIcon.module.css */
+.alinea-EntryStatusIcon {
+  border-radius: var(--alinea-radius-sm);
+  width: 18px;
+  height: 18px;
+  color: var(--alinea-fg-muted);
+  background: var(--alinea-muted);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+.alinea-EntryStatusIcon-icon {
+  width: 13px;
+  height: 13px;
+}
+.alinea-EntryStatusIcon.alinea-is-draft {
+  color: var(--alinea-status-draft-fg);
+  background: var(--alinea-status-draft);
+}
+.alinea-EntryStatusIcon.alinea-is-unpublished {
+  color: var(--alinea-status-unpublished-fg);
+  background: var(--alinea-status-unpublished);
+}
+
 /* src/dashboard/app/EntryValidationModal.module.css */
 .alinea-EntryValidationModal-list {
   flex-direction: column;
@@ -5461,10 +5694,6 @@
   padding: 8px 12px;
   display: flex;
 }
-.alinea-EntryValidationModal-message {
-  white-space: pre-wrap;
-  margin-top: 12px;
-}
 
 /* src/dashboard/app/Explorer.module.css */
 .alinea-ExplorerHeader {
@@ -5553,6 +5782,7 @@
   flex: 1;
   height: 100%;
   min-height: 0;
+  position: relative;
 }
 .alinea-Explorer-actions {
   flex-shrink: 0;
@@ -5680,26 +5910,38 @@
 }
 
 /* src/dashboard/app/ExplorerBatchActions.module.css */
-.alinea-ExplorerBatchActionBar {
-  background: var(--alinea-bg);
-  gap: 8px;
-  height: 48px;
-  padding: 0 12px 0 8px;
-}
-.alinea-ExplorerBatchActionBar-toolbar {
-  flex: 1;
-  min-width: 0;
+.alinea-ExplorerBatchActionBar[data-slot] {
+  z-index: 3;
+  border: 1px solid var(--alinea-border);
+  border-radius: var(--alinea-radius-lg);
+  background: var(--alinea-overlay);
+  max-width: calc(100% - 32px);
+  height: 44px;
+  box-shadow: var(--alinea-shadow-tooltip);
+  align-items: center;
+  gap: 4px;
+  padding: 0 6px 0 16px;
   display: flex;
+  position: absolute;
+  bottom: 28px;
+  left: 50%;
+  transform: translateX(-50%);
 }
 .alinea-ExplorerBatchActionBar-count {
   white-space: nowrap;
+  margin-inline-end: 10px;
+  font-size: 12px;
   font-weight: 500;
 }
-.alinea-ExplorerBatchActionBar-actions {
-  align-items: center;
-  gap: 8px;
-  margin-left: auto;
-  display: flex;
+.alinea-ExplorerBatchActionBar-divider {
+  background: var(--alinea-border);
+  flex-shrink: 0;
+  width: 1px;
+  height: 20px;
+  margin: 0 4px;
+}
+.alinea-ExplorerBatchActionBar-action {
+  display: inline-flex;
 }
 
 /* src/dashboard/app/ExplorerCards.module.css */
@@ -6026,15 +6268,6 @@
   display: flex;
   overflow: hidden;
 }
-.alinea-LinkPickerCompact-header {
-  border-bottom: 1px solid var(--alinea-border);
-  flex: none;
-  align-items: center;
-  gap: 8px;
-  min-width: 0;
-  padding: 8px;
-  display: flex;
-}
 .alinea-LinkPickerCompact-footer {
   border-top: 1px solid var(--alinea-border);
   flex: none;
@@ -6150,6 +6383,14 @@
   height: auto;
 }
 
+/* src/dashboard/app/MoveConfirmDialog.module.css */
+.alinea-MoveConfirmDialog-actions {
+  align-items: center;
+  gap: 8px;
+  margin-left: auto;
+  display: flex;
+}
+
 /* src/dashboard/app/OverviewCell.module.css */
 .alinea-OverviewCell-text {
   min-width: 0;
@@ -6250,6 +6491,15 @@
     padding: 12px;
   }
 }
+.alinea-EntryEditorLayout-sidebar {
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  height: 100%;
+  min-height: 0;
+  display: flex;
+  position: relative;
+}
 
 /* src/dashboard/app/pages/RootPage.module.css */
 .alinea-RootPage-customView {
@@ -6658,6 +6908,62 @@
   color: var(--alinea-warning-subtle-fg);
 }
 
+/* src/dashboard/app/RemoveDialog.module.css */
+.alinea-RemoveDialog-actions {
+  align-items: center;
+  gap: 8px;
+  margin-left: auto;
+  display: flex;
+}
+
+/* src/dashboard/app/RemoveRedirect.module.css */
+.alinea-RemoveRedirect {
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  display: flex;
+}
+.alinea-RemoveRedirect-target {
+  border: 1px solid var(--alinea-border);
+  border-radius: var(--alinea-radius);
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  padding: 6px 10px;
+  display: flex;
+}
+
+/* src/dashboard/app/SearchBar.module.css */
+.alinea-SearchBar {
+  border-bottom: 1px solid var(--alinea-border);
+  flex: none;
+  align-items: center;
+  min-width: 0;
+  height: 44px;
+  padding: 0 12px 0 14px;
+  display: flex;
+}
+.alinea-SearchBar-search {
+  flex: 1;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  display: flex;
+}
+.alinea-SearchBar-divider {
+  background: var(--alinea-border);
+  flex-shrink: 0;
+  width: 1px;
+  height: 20px;
+  margin: 0 8px;
+}
+.alinea-SearchBar-controls {
+  flex-shrink: 0;
+  align-items: center;
+  gap: 4px;
+  display: flex;
+}
+
 /* src/dashboard/app/SidebarTree.module.css */
 .alinea-SidebarTree-tree {
   flex-direction: column;
@@ -6718,34 +7024,6 @@
 .alinea-SidebarTree-item.alinea-is-archived[aria-selected=true] [data-slot=tree-item-label] {
   opacity: 1;
 }
-.alinea-SidebarTree-status {
-  border-radius: var(--alinea-radius-sm);
-  width: 18px;
-  height: 18px;
-  color: var(--alinea-fg-muted);
-  background: var(--alinea-muted);
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  display: inline-flex;
-}
-.alinea-SidebarTree-status-icon {
-  width: 13px;
-  height: 13px;
-}
-.alinea-SidebarTree-status.alinea-is-draft {
-  color: var(--alinea-status-draft-fg);
-  background: var(--alinea-status-draft);
-}
-.alinea-SidebarTree-status.alinea-is-unpublished {
-  color: var(--alinea-status-unpublished-fg);
-  background: var(--alinea-status-unpublished);
-}
-.alinea-SidebarTree-status.alinea-is-archived,
-.alinea-SidebarTree-status.alinea-is-untranslated {
-  color: var(--alinea-fg-muted);
-  background: var(--alinea-muted);
-}
 .alinea-SidebarTree-rootButton {
   box-sizing: border-box;
   border-radius: var(--alinea-radius);
@@ -7502,75 +7780,11 @@ button {
 }
 
 /* src/field/link/LinkField.module.css */
-.alinea-LinkFieldView-inputHeader {
-  min-height: calc(1.5 * var(--alinea-font-size-base) + 16px);
-}
-.alinea-LinkFieldView-label {
-  flex: 0 auto;
-  align-self: stretch;
-  align-items: center;
-  gap: 8px;
-  min-width: 0;
-  height: 100%;
-  display: inline-flex;
-}
-.alinea-LinkFieldView-label.alinea-is-loading {
-  min-width: 180px;
-}
-.alinea-LinkFieldView-label.alinea-is-missing {
-  color: var(--alinea-fg-muted);
-}
-.alinea-LinkFieldView-label.alinea-is-missing .alinea-LinkFieldView-imagePlaceholder {
-  animation: none;
-}
-.alinea-LinkFieldView-labelText {
-  flex: auto;
-  align-items: center;
-  gap: 8px;
-  min-width: 0;
-  display: inline-flex;
-}
 .alinea-LinkFieldView-icon {
   color: var(--alinea-fg);
   flex-shrink: 0;
   font-size: 16px;
 }
-.alinea-LinkFieldView-label.alinea-is-loading .alinea-LinkFieldView-labelText {
-  align-items: center;
-  width: 100%;
-}
-.alinea-LinkFieldView-image {
-  aspect-ratio: 1;
-  object-fit: contain;
-  background: var(--alinea-bg-muted);
-  border-radius: var(--alinea-radius-sm);
-  flex-shrink: 0;
-  align-self: center;
-  width: 32px;
-  height: 32px;
-  margin-left: -16px;
-}
-.alinea-LinkFieldView-imagePlaceholder {
-  aspect-ratio: 1;
-  border-radius: var(--alinea-radius-sm);
-  background: color-mix(in srgb, var(--alinea-fg-muted) 16%, transparent);
-  flex-shrink: 0;
-  align-self: center;
-  width: 32px;
-  height: 32px;
-  margin-left: -16px;
-  animation: 1.1s ease-in-out infinite alinea-LinkFieldView-skeleton-pulse;
-}
-.alinea-LinkFieldView-title {
-  color: var(--alinea-fg-muted);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-  max-width: 240px;
-  font-size: 13px;
-  font-weight: 600;
-  overflow: hidden;
-}
 .alinea-LinkFieldView-type {
   flex: 0 auto;
   max-width: 120px;
@@ -7578,12 +7792,11 @@ button {
 .alinea-LinkFieldView-previewImage,
 .alinea-LinkFieldView-previewImagePlaceholder {
   aspect-ratio: 1;
-  border-radius: var(--alinea-radius);
+  border-radius: 6px;
   flex-shrink: 0;
   align-self: center;
-  width: 36px;
-  height: 36px;
-  margin: -2px 8px -2px -8px;
+  width: 24px;
+  height: 24px;
 }
 .alinea-LinkFieldView-previewImage {
   background: var(--alinea-bg-muted);
@@ -7593,14 +7806,6 @@ button {
   background: color-mix(in srgb, var(--alinea-fg-muted) 16%, transparent);
   animation: 1.1s ease-in-out infinite alinea-LinkFieldView-skeleton-pulse;
 }
-.alinea-LinkFieldView-meta {
-  color: var(--alinea-fg-muted);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-  font-size: 12px;
-  overflow: hidden;
-}
 .alinea-LinkFieldView-metaLabel {
   max-width: 240px;
 }
@@ -7625,17 +7830,6 @@ button {
   font-weight: 400;
   overflow: hidden;
 }
-.alinea-LinkFieldView-skeleton {
-  border-radius: var(--alinea-radius-sm);
-  background: color-mix(in srgb, var(--alinea-fg-muted) 16%, transparent);
-  width: 48px;
-  height: 10px;
-  animation: 1.1s ease-in-out infinite alinea-LinkFieldView-skeleton-pulse;
-  display: inline-block;
-}
-.alinea-LinkFieldView-skeleton.alinea-is-wide {
-  width: 120px;
-}
 .alinea-LinkFieldView-create {
   flex-wrap: wrap;
   justify-content: center;
@@ -7646,22 +7840,6 @@ button {
 .alinea-LinkFieldView-createButton {
   flex-shrink: 0;
 }
-.alinea-LinkFieldView-rowAction {
-  flex: 1;
-  align-self: stretch;
-  gap: 8px;
-  min-width: 0;
-  padding: 0;
-}
-.alinea-LinkFieldView-rowAction[data-variant]:hover {
-  background: none;
-}
-.alinea-LinkFieldView-settingsSeparator {
-  background-color: var(--alinea-border);
-  border: none;
-  height: 1px;
-  margin: 4px 8px;
-}
 @keyframes alinea-LinkFieldView-skeleton-pulse {
   0%, 100% {
     opacity: .45;
@@ -7682,34 +7860,25 @@ button {
 .alinea-ListFieldCreateActions-button {
   flex-shrink: 0;
 }
-.alinea-ListFieldView-insertAction {
-  white-space: nowrap;
-  justify-content: flex-start;
-  align-self: stretch;
-  width: 100%;
-  min-width: 0;
-}
 .alinea-ListFieldTypePicker-trigger {
   flex-shrink: 0;
   width: 2rem;
   min-width: 2rem;
 }
-.alinea-ListFieldTypePicker-trigger.alinea-ListFieldView-insertAction {
-  justify-content: flex-start;
-  width: 100%;
-  min-width: 0;
-}
 .alinea-ListFieldTypePicker-popover {
   width: 280px;
   min-width: 280px;
   padding: 0;
   overflow: hidden;
 }
-.alinea-ListFieldRowHeader-separator {
-  background-color: var(--alinea-border);
-  border: none;
-  height: 1px;
-  margin: 4px 8px;
+.alinea-ListFieldRowSheet-anchor {
+  align-items: flex-end;
+  gap: 4px;
+  display: flex;
+}
+.alinea-ListFieldRowSheet-anchor-field {
+  flex: 1;
+  min-width: 0;
 }
 
 /* src/field/localiser/LocalisedField.module.css */
@@ -7860,8 +8029,17 @@ button {
 [data-richtext-block-host]:last-child > .alinea-RichTextBlock {
   margin-bottom: 0;
 }
-.alinea-RichTextBlock-dragHandle {
-  touch-action: none;
+.alinea-RichTextBlock-header[draggable=true] {
+  cursor: grab;
+}
+.alinea-RichTextBlock-anchor {
+  align-items: flex-end;
+  gap: 4px;
+  display: flex;
+}
+.alinea-RichTextBlock-anchor-field {
+  flex: 1;
+  min-width: 0;
 }
 
 /* src/field/richtext/RichTextExtensions.module.css */
@@ -8141,8 +8319,11 @@ button {
 .alinea-RichTextInsertMenu {
   z-index: 1;
 }
-.alinea-RichTextInsertMenu-label {
-  min-width: 0;
+.alinea-RichTextInsertMenu-popover {
+  width: 280px;
+  min-width: 280px;
+  padding: 0;
+  overflow: hidden;
 }
 
 /* src/field/richtext/RichTextToolbar.module.css */