@puckeditor/plugin-pages 0.9.0-canary.c14cc582 → 0.9.0-canary.cd892ef6

package/dist/index.css

@@ -137,6 +137,163 @@
   height: 1rem;
 }
 
+/* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/PagePlugin/styles.module.css/#css-module-data */
+._Pages_1mmer_5 {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+._Pages-header_1mmer_13 {
+  align-items: center;
+  border-bottom: 1px solid var(--puck-color-grey-09);
+  box-sizing: border-box;
+  display: flex;
+  flex-shrink: 0;
+  gap: 8px;
+  height: 51px;
+  padding: 0 12px 0 16px;
+}
+._Pages-title_1mmer_24 {
+  color: var(--puck-color-black);
+  flex: 1;
+  font-size: var(--puck-font-size-xs);
+  font-weight: 700;
+  margin: 0;
+}
+._Pages-headerAction_1mmer_32 {
+  align-items: center;
+  background: none;
+  border: 0;
+  border-radius: 4px;
+  color: var(--puck-color-grey-05);
+  cursor: pointer;
+  display: inline-flex;
+  flex-shrink: 0;
+  height: 26px;
+  justify-content: center;
+  padding: 0;
+  width: 26px;
+}
+._Pages-headerAction_1mmer_32:hover {
+  background: var(--puck-color-grey-11);
+  color: var(--puck-color-grey-02);
+}
+._Pages-headerAction_1mmer_32:focus-visible {
+  outline: 2px solid var(--puck-color-azure-04);
+  outline-offset: -2px;
+}
+._Pages-search_1mmer_57 {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  gap: 4px;
+  margin-left: -8px;
+  position: relative;
+}
+._Pages-searchIcon_1mmer_66 {
+  color: var(--puck-color-grey-06);
+  left: 8px;
+  pointer-events: none;
+  position: absolute;
+}
+._Pages-searchInput_1mmer_73 {
+  background-color: var(--puck-color-white);
+  border: 1px solid var(--puck-color-grey-09);
+  border-radius: 8px;
+  box-sizing: border-box;
+  color: var(--puck-color-grey-02);
+  flex: 1;
+  font: inherit;
+  font-size: var(--puck-font-size-xxs);
+  height: 32px;
+  margin: 0;
+  min-width: 0;
+  padding: 0 8px 0 28px;
+}
+._Pages-searchInput_1mmer_73::placeholder {
+  color: var(--puck-color-grey-06);
+}
+._Pages-searchInput_1mmer_73:focus {
+  border-color: var(--puck-color-azure-04);
+  outline: 2px solid var(--puck-color-azure-10);
+  outline-offset: 0;
+}
+._Pages-empty_1mmer_98 {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 32px 16px;
+  text-align: center;
+}
+._Pages-emptyIcon_1mmer_107 {
+  color: var(--puck-color-grey-07);
+}
+._Pages-hint_1mmer_111 {
+  color: var(--puck-color-grey-05);
+  font-size: var(--puck-font-size-xxs);
+  line-height: 20px;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+._Pages-list_1mmer_120 {
+  flex-grow: 1;
+  list-style: none;
+  margin: 0;
+  overflow-y: auto;
+  padding: 4px;
+}
+
+/* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/PathForm/styles.module.css/#css-module-data */
+._PathForm_4p12k_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+._PathForm-row_4p12k_8 {
+  align-items: center;
+  background: var(--puck-color-white);
+  border: 1px solid var(--puck-color-azure-04);
+  border-radius: 8px;
+  box-sizing: border-box;
+  display: flex;
+  gap: 8px;
+  height: 32px;
+  padding: 0 7px 0 11px;
+}
+._PathForm-icon_4p12k_20 {
+  color: var(--puck-color-grey-02);
+  flex-shrink: 0;
+}
+._PathForm-input_4p12k_25 {
+  background: transparent;
+  border: 0;
+  color: var(--puck-color-grey-01);
+  flex: 1;
+  font: inherit;
+  font-size: var(--puck-font-size-xxs);
+  font-weight: 600;
+  margin: 0;
+  min-width: 0;
+  padding: 0;
+}
+._PathForm-input_4p12k_25:focus {
+  outline: none;
+}
+._PathForm-input_4p12k_25::selection {
+  background: var(--puck-color-azure-10);
+}
+._PathForm-row_4p12k_8:has(._PathForm-input_4p12k_25[aria-invalid=true]) {
+  border-color: var(--puck-color-red-05);
+}
+._PathForm-error_4p12k_50 {
+  color: var(--puck-color-red-05);
+  font-size: var(--puck-font-size-xxxs);
+  line-height: 16px;
+  padding: 0 12px;
+}
+
 /* ../platform-client/styles/color.css */
 :root {
   --puck-color-rose-01: #4a001c;
@@ -311,7 +468,7 @@ p {
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Modal/Modal.module.css/#css-module-data */
-._Modal-background_1bedq_1 {
+._Modal-background_mocy5_1 {
   align-items: center;
   display: flex;
   justify-content: center;
@@ -325,12 +482,12 @@ p {
   opacity: 0;
   pointer-events: none;
 }
-._Modal--visible_1bedq_16 ._Modal-background_1bedq_1 {
+._Modal--visible_mocy5_16 > ._Modal-background_mocy5_1 {
   opacity: 1;
   transition: opacity ease 100ms;
   pointer-events: auto;
 }
-._Modal-modal_1bedq_22 {
+._Modal-modal_mocy5_22 {
   background: white;
   border-radius: 16px;
   display: block;
@@ -929,15 +1086,15 @@ p {
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Menu/styles.module.css/#css-module-data */
-._Menu_1tu16_1 {
+._Menu_1jr57_1 {
   display: flex;
   position: relative;
 }
-._Menu-content_1tu16_6 {
+._Menu-content_1jr57_6 {
   outline: none;
   z-index: 1;
 }
-._Menu-sections_1tu16_11 {
+._Menu-sections_1jr57_11 {
   background-color: white;
   border: 1px solid var(--puck-color-grey-09);
   border-radius: 8px;
@@ -947,40 +1104,41 @@ p {
   padding-bottom: 4px;
   padding-top: 4px;
 }
-._Menu-action_1tu16_22 {
+._Menu-action_1jr57_22 {
   background: none;
   border: none;
   margin-left: auto;
   padding: 0;
 }
-._Menu-action_1tu16_22:hover:not(:disabled) {
+._Menu-action_1jr57_22:hover:not(:disabled) {
   cursor: pointer;
   opacity: 0.8;
 }
-._Menu-action_1tu16_22:disabled {
+._Menu-action_1jr57_22:disabled {
   cursor: not-allowed;
   opacity: 0.5;
 }
-._Menu-action_1tu16_22:focus-visible {
+._Menu-action_1jr57_22:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
-._Menu-list_1tu16_44 {
+._Menu-list_1jr57_44 {
   list-style: none;
   margin: 0;
   padding: 0;
 }
-._Menu-list_1tu16_44 + ._Menu-list_1tu16_44 {
+._Menu-list_1jr57_44 + ._Menu-list_1jr57_44 {
   border-top: 1px solid var(--puck-color-grey-09);
   margin-top: 4px;
 }
-._Menu-item_1tu16_55 {
+._Menu-item_1jr57_55 {
   align-items: center;
   background: none;
   border: none;
   box-sizing: border-box;
   color: var(--puck-color-grey-02);
   display: flex;
+  font-family: var(--puck-font-family);
   font-size: var(--puck-font-size-xxs);
   font-weight: 500;
   gap: 8px;
@@ -990,16 +1148,16 @@ p {
   white-space: nowrap;
   width: 100%;
 }
-a._Menu-item_1tu16_55,
-button._Menu-item_1tu16_55 {
+a._Menu-item_1jr57_55,
+button._Menu-item_1jr57_55 {
   cursor: pointer;
 }
-a._Menu-item_1tu16_55:hover,
-button._Menu-item_1tu16_55:hover {
+a._Menu-item_1jr57_55:hover,
+button._Menu-item_1jr57_55:hover {
   background-color: var(--puck-color-azure-11);
   color: var(--puck-color-azure-04);
 }
-._Menu-item--disabled_1tu16_83 {
+._Menu-item--disabled_1jr57_84 {
   cursor: not-allowed;
   opacity: 0.5;
 }
@@ -1294,15 +1452,15 @@ button._Menu-item_1tu16_55:hover {
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Tag/Tag.module.css/#css-module-data */
-._Tag_s2h0n_1 {
+._Tag_162k8_1 {
   align-items: center;
   display: flex;
-  text-transform: uppercase;
+  text-transform: lowercase;
   font-family: var(--puck-font-family-monospaced);
-  font-weight: 600;
+  font-weight: 500;
   font-size: var(--puck-font-size-xxxs);
   gap: 6px;
-  border-radius: 4px;
+  border-radius: 16px;
   border: 1px solid currentColor;
   color: var(--puck-color-grey-05);
   padding: 4px 8px;
@@ -1311,34 +1469,35 @@ button._Menu-item_1tu16_55:hover {
   position: relative;
   z-index: 0;
 }
-._Tag--borderless_s2h0n_21 {
+._Tag--borderless_162k8_21 {
   border: none;
 }
-._Tag--colorBlue_s2h0n_25 {
-  color: var(--puck-color-azure-05);
+._Tag--colorBlue_162k8_25 {
+  background-color: var(--puck-color-azure-05);
+  color: var(--puck-color-white);
 }
-._Tag--colorGreen_s2h0n_29 {
+._Tag--colorGreen_162k8_30 {
   color: var(--puck-color-green-06);
 }
-._Tag--colorRed_s2h0n_33 {
+._Tag--colorRed_162k8_34 {
   color: var(--puck-color-red-04);
 }
-._Tag--colorMuted_s2h0n_37 {
-  color: var(--puck-color-grey-06);
+._Tag--colorMuted_162k8_38 {
+  color: var(--puck-color-grey-05);
 }
-._Tag-sprite_s2h0n_41 {
+._Tag-sprite_162k8_42 {
   display: flex;
 }
-._Tag--pulse_s2h0n_45 {
-  ._Tag-sprite_s2h0n_41 {
+._Tag--pulse_162k8_46 {
+  ._Tag-sprite_162k8_42 {
     background: currentColor;
     border-radius: 50%;
     height: 5px;
     position: relative;
     width: 5px;
   }
-  ._Tag-sprite_s2h0n_41::before {
-    animation: _pulse_s2h0n_1 1s 0s infinite alternate;
+  ._Tag-sprite_162k8_42::before {
+    animation: _pulse_162k8_1 1s 0s infinite alternate;
     animation-fill-mode: both;
     background-color: color-mix(in srgb, currentColor 25%, transparent);
     border-radius: 50%;
@@ -1352,7 +1511,7 @@ button._Menu-item_1tu16_55:hover {
     z-index: -1;
   }
 }
-@keyframes _pulse_s2h0n_1 {
+@keyframes _pulse_162k8_1 {
   0% {
     transform: scale(1);
   }
@@ -1360,7 +1519,7 @@ button._Menu-item_1tu16_55:hover {
     transform: scale(2);
   }
 }
-._Tag-label_s2h0n_79 {
+._Tag-label_162k8_80 {
   margin-top: 1px;
 }
 
@@ -1548,241 +1707,135 @@ button._Menu-item_1tu16_55:hover {
   }
 }
 
-/* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/PagePlugin/styles.module.css/#css-module-data */
-._Pages_ey49w_5 {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  padding: 16px;
-}
-._Pages-addPage_ey49w_12 {
-  margin-bottom: 16px;
-  display: flex;
-  gap: 8px;
-}
-._Pages-loader_ey49w_18 {
+/* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/PagesRow/styles.module.css/#css-module-data */
+._PagesRow_11pqv_2 {
   align-items: center;
-  background-color: white;
-  display: flex;
-  justify-content: center;
-  padding: 16px;
-}
-._Pages-list_ey49w_26 {
-  display: flex;
-  flex-direction: column;
-  border-radius: 8px;
-  overflow-y: auto;
-  flex-grow: 1;
-}
-._Pages-search_ey49w_34 {
-  flex-grow: 1;
-}
-._Pages-searchInput_ey49w_38 {
-  border: 1px solid var(--puck-color-grey-09);
+  border: 1px solid transparent;
   border-radius: 8px;
-  background-color: var(--puck-color-white);
   box-sizing: border-box;
-  color: var(--puck-color-grey-02);
-  height: 36px;
-  margin: 0;
-  padding: 0 8px;
-  width: 100%;
-}
-._Pages-searchInput_ey49w_38:focus {
-  outline: 2px solid var(--puck-color-azure-04);
-  outline-offset: -1px;
-}
-._PagesPage_ey49w_59 {
-  border-left: 1px solid var(--puck-color-grey-10);
-  border-right: 1px solid var(--puck-color-grey-10);
-  border-bottom: 1px solid var(--puck-color-grey-10);
   display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  overflow: hidden;
-}
-._PagesPage--expanded_ey49w_69 {
-  min-height: calc(34px + 1px + 55px);
-}
-._PagesPage--expanded_ey49w_69:has(._PagesPage-versions_ey49w_73 > :nth-child(2)) {
-  min-height: calc(34px + 1px + 55px + 1px + 55px);
-}
-._PagesPage--expanded_ey49w_69:has(._PagesPage-versions_ey49w_73 > :nth-child(3)) {
-  min-height: calc(34px + 1px + 55px + 1px + 55px + 1px + 55px);
+  gap: 4px;
+  height: 32px;
+  padding: 0 3px 0 11px;
 }
-._PagesPage--expanded_ey49w_69 {
-  flex-shrink: 1;
+._PagesRow_11pqv_2:hover:not(._PagesRow--loading_11pqv_13) {
+  background: var(--puck-color-azure-11);
+  border-color: var(--puck-color-azure-10);
 }
-._PagesPage_ey49w_59:first-of-type {
-  border-top: 1px solid var(--puck-color-grey-10);
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
+._PagesRow--loading_11pqv_13 {
+  cursor: default;
 }
-._PagesPage_ey49w_59:last-of-type {
-  border-bottom-left-radius: 8px;
-  border-bottom-right-radius: 8px;
+._PagesRow--current_11pqv_23,
+._PagesRow--current_11pqv_23:hover {
+  background: var(--puck-color-azure-10);
+  border-color: var(--puck-color-azure-08);
 }
-._PagesPage-header_ey49w_96 {
+._PagesRow-main_11pqv_29 {
   align-items: center;
-  background-color: white;
-  font-family: var(--puck-font-family-monospaced);
-  font-size: var(--puck-font-size-xxs);
-  font-weight: 600;
+  align-self: stretch;
+  background: none;
+  border: 0;
+  color: var(--puck-color-grey-04);
   cursor: pointer;
   display: flex;
-  justify-content: space-between;
-  padding: 8px 12px;
-  width: 100%;
-}
-._PagesPage_ey49w_59:first-of-type ._PagesPage-header_ey49w_96 {
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
+  flex: 1;
+  font: inherit;
+  font-size: var(--puck-font-size-xxs);
+  gap: 8px;
+  min-width: 0;
+  padding: 0;
+  text-align: left;
 }
-._PagesPage_ey49w_59:last-of-type:not(._PagesPage--expanded_ey49w_69) ._PagesPage-header_ey49w_96 {
-  border-bottom-left-radius: 8px;
-  border-bottom-right-radius: 8px;
+._PagesRow--current_11pqv_23 ._PagesRow-main_11pqv_29 {
+  color: var(--puck-color-grey-01);
+  font-weight: 600;
 }
-._PagesPage-header_ey49w_96:focus-visible {
+._PagesRow-main_11pqv_29:focus-visible {
+  border-radius: 4px;
   outline: 2px solid var(--puck-color-azure-04);
-  outline-offset: -2px;
-}
-._PagesPage--active_ey49w_124 ._PagesPage-header_ey49w_96 {
-  color: var(--puck-color-azure-04);
+  outline-offset: 2px;
 }
-._PagesPage--expanded_ey49w_69 ._PagesPage-header_ey49w_96 {
-  border-bottom: 1px solid var(--puck-color-grey-10);
+._PagesRow-icon_11pqv_57 {
+  color: var(--puck-color-grey-06);
+  flex-shrink: 0;
 }
-._PagesPage-header_ey49w_96:hover {
-  background: var(--puck-color-azure-11);
-  color: var(--puck-color-azure-04);
+._PagesRow--current_11pqv_23 ._PagesRow-icon_11pqv_57 {
+  color: var(--puck-color-grey-02);
 }
-._PagesPage-headerMain_ey49w_137 {
-  display: flex;
-  gap: 4px;
-  justify-content: space-between;
-  width: 100%;
+._PagesRow-path_11pqv_66 {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-._PagesPage-headerIcon_ey49w_144 {
+._PagesRow-draft_11pqv_73 {
+  background: var(--puck-color-grey-10);
+  border-radius: 999px;
   color: var(--puck-color-grey-04);
-}
-._PagesPage-loader_ey49w_148 {
-  align-items: center;
-  background-color: white;
-  display: none;
-  justify-content: center;
-  padding: 16px;
-  height: 100%;
-}
-._PagesPage--expanded_ey49w_69 ._PagesPage-loader_ey49w_148 {
-  display: flex;
-}
-._PagesPage-versions_ey49w_73 {
-  display: none;
-  overflow-y: auto;
-}
-._PagesPage--expanded_ey49w_69 ._PagesPage-versions_ey49w_73 {
-  display: block;
-}
-._PagesVersion_ey49w_174 ._PagesVersion-inner_ey49w_174 {
-  background-color: white;
-  border-top: 1px solid var(--puck-color-grey-10);
-  padding-bottom: 12px;
-  padding-left: 24px;
-  padding-right: 12px;
-  padding-top: 8px;
-  text-align: left;
-  width: 100%;
-}
-._PagesVersion_ey49w_174:first-of-type ._PagesVersion-inner_ey49w_174 {
-  border-top: none;
-}
-._PagesVersion--current_ey49w_189 ._PagesVersion-inner_ey49w_174 {
-  border-right: 3px solid var(--puck-color-azure-04);
-}
-._PagesVersion-inner_ey49w_174:hover {
-  background-color: var(--puck-color-azure-11);
-  color: var(--puck-color-azure-04);
-  cursor: pointer;
-}
-._PagesVersion-inner_ey49w_174:focus-visible {
-  outline: 2px solid var(--puck-color-azure-04);
-  outline-offset: -2px;
-}
-._PagesVersion-header_ey49w_204 {
-  align-items: center;
-  display: flex;
-  gap: 4px;
-}
-._PagesVersion-version_ey49w_210 {
-  font-family: var(--puck-font-family-monospaced);
+  flex-shrink: 0;
+  font-size: var(--puck-font-size-xxxs);
   font-weight: 600;
-  line-height: 1;
+  line-height: 20px;
+  padding: 0 8px;
 }
-._PagesVersion-date_ey49w_216 {
-  color: var(--puck-color-grey-06);
-  font-size: var(--puck-font-size-xxxs);
-  font-weight: 500;
-  line-height: 1;
-  margin-top: 2px;
+._PagesRow-actions_11pqv_84 {
+  display: flex;
   margin-left: auto;
-  white-space: nowrap;
+  flex-shrink: 0;
+  opacity: 0;
+  transition: opacity 120ms;
 }
-
-/* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/CreateForm/styles.module.css/#css-module-data */
-._CreateForm_kkdt2_1 {
-  width: 100%;
+._PagesRow_11pqv_2:hover ._PagesRow-actions_11pqv_84,
+._PagesRow_11pqv_2:focus-within ._PagesRow-actions_11pqv_84,
+._PagesRow-actions_11pqv_84:has([aria-expanded=true]) {
+  opacity: 1;
 }
-._CreateForm-field_kkdt2_5 {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
-  width: 100%;
+@media (hover: none) {
+  ._PagesRow-actions_11pqv_84 {
+    opacity: 1;
+  }
 }
-._CreateForm-label_kkdt2_13 {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 500;
-  color: var(--puck-color-grey-02);
+._PagesRow-action_11pqv_84 {
+  align-items: center;
+  border-radius: 4px;
+  color: var(--puck-color-grey-05);
+  display: inline-flex;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
 }
-._CreateForm-input_kkdt2_20 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 2.5rem;
-  margin: 0;
-  padding: 0 0.875rem;
-  border: 1px solid var(--puck-color-grey-10);
-  border-radius: 0.375rem;
-  background-color: var(--puck-color-white);
-  color: var(--puck-color-grey-02);
-  font-family: inherit;
-  font-size: 1rem;
+._PagesRow-action_11pqv_84:hover {
+  color: var(--puck-color-azure-04);
 }
-._CreateForm-input_kkdt2_20:focus {
-  outline: 2px solid var(--puck-color-azure-04);
-  outline-offset: -1px;
+._PagesRowSkeleton_11pqv_122 {
+  animation: _PagesRowSkeleton-pulse_11pqv_1 1.2s ease-in-out infinite;
+  background: var(--puck-color-grey-10);
+  border-radius: 4px;
+  display: block;
+  height: 12px;
+  width: 50%;
 }
-._CreateForm-input_kkdt2_20::placeholder {
-  color: var(--puck-color-grey-06);
+@keyframes _PagesRowSkeleton-pulse_11pqv_1 {
+  50% {
+    opacity: 0.5;
+  }
 }
-._CreateForm-error_kkdt2_43 {
-  width: 100%;
-  margin-top: 16px;
-  color: var(--puck-color-red-05);
-  font-size: 0.875rem;
-  line-height: 1.2;
+@media (prefers-reduced-motion: reduce) {
+  ._PagesRowSkeleton_11pqv_122 {
+    animation: none;
+  }
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/ConfirmModal/styles.module.css/#css-module-data */
-._ConfirmModal_1r63q_1 {
+._ConfirmModal_zhhjx_1 {
   width: 100%;
 }
-._ConfirmModal-button_1r63q_5 {
+._ConfirmModal-button_zhhjx_5 {
   display: inline-flex;
 }
-._ConfirmModal-background_1r63q_9 {
+._ConfirmModal-background_zhhjx_9 {
   align-items: center;
-  background: #00000050;
+  background: rgba(0, 0, 0, 0.4);
   bottom: 0;
   display: flex;
   justify-content: center;
@@ -1792,92 +1845,390 @@ button._Menu-item_1tu16_55:hover {
   top: 0;
   z-index: 2;
 }
-._ConfirmModal-modal_1r63q_22 {
+._ConfirmModal-modal_zhhjx_22 {
   background: var(--puck-color-white);
   border-radius: 16px;
+  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
   display: flex;
   flex-direction: column;
   margin-inline: 24px;
   max-height: calc(100vh - 24px);
+  max-width: 440px;
   min-width: 356px;
   overflow: auto;
 }
-._ConfirmModal-header_1r63q_33 {
+._ConfirmModal-header_zhhjx_35 {
   align-items: center;
   color: var(--puck-color-grey-02);
   display: flex;
   gap: 16px;
   justify-content: space-between;
-  padding: 24px 24px 16px;
+  padding: 24px 24px 8px;
 }
-._ConfirmModal-close_1r63q_42 {
+._ConfirmModal-close_zhhjx_44 {
   align-items: center;
   appearance: none;
-  background: transparent;
-  border: none;
+  background: var(--puck-color-white);
+  border: 1px solid var(--puck-color-grey-08);
   border-radius: 8px;
-  color: var(--puck-color-grey-04);
+  box-sizing: border-box;
+  color: var(--puck-color-grey-02);
   cursor: pointer;
   display: inline-flex;
+  font: inherit;
+  font-size: var(--puck-font-size-xxs);
   justify-content: center;
-  padding: 4px;
+  min-height: 34px;
+  padding: 0 16px;
 }
-._ConfirmModal-close_1r63q_42:hover {
+._ConfirmModal-close_zhhjx_44:hover:not(:disabled) {
   background: var(--puck-color-grey-11);
-  color: var(--puck-color-grey-02);
 }
-._ConfirmModal-close_1r63q_42:focus-visible {
+._ConfirmModal-close_zhhjx_44:disabled {
+  color: var(--puck-color-grey-07);
+  cursor: not-allowed;
+}
+._ConfirmModal-close_zhhjx_44:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
-._ConfirmModal-body_1r63q_65 {
-  color: var(--puck-color-grey-03);
-  line-height: 1.5;
-  padding: 8px 24px 24px;
+._ConfirmModal-body_zhhjx_75 {
+  color: var(--puck-color-grey-04);
+  font-size: var(--puck-font-size-xxs);
+  line-height: 20px;
+  padding: 0 24px 24px;
 }
-._ConfirmModal-footer_1r63q_71 {
+._ConfirmModal-footer_zhhjx_82 {
   background-color: var(--puck-color-grey-12);
-  border-top: 1px solid var(--puck-color-grey-09);
+  border-top: 1px solid var(--puck-color-grey-10);
   display: flex;
-  gap: 12px;
+  gap: 8px;
   justify-content: flex-end;
   padding: 16px 24px;
 }
 
-/* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/HeaderActions/styles.module.css/#css-module-data */
-._HeaderActions-publish_7nzbl_1 {
-  position: relative;
+/* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/StatusBadge/styles.module.css/#css-module-data */
+._StatusBadge_1klqu_1 {
+  align-items: center;
+  color: var(--puck-color-grey-05);
   display: inline-flex;
-  align-items: stretch;
+  flex-shrink: 0;
+  font-size: var(--puck-font-size-xxxs);
+  font-weight: 500;
+  gap: 4px;
+  line-height: 16px;
+  white-space: nowrap;
 }
-._HeaderActions-trigger_7nzbl_7 {
-  display: inline-flex;
+._StatusBadge-dot_1klqu_13 {
+  background: var(--puck-color-grey-07);
+  border-radius: 50%;
+  flex-shrink: 0;
+  height: 8px;
+  width: 8px;
+}
+._StatusBadge--published_1klqu_21 ._StatusBadge-dot_1klqu_13 {
+  background: var(--puck-color-green-06);
+}
+._StatusBadge--unsaved_1klqu_25 ._StatusBadge-dot_1klqu_13 {
+  background: var(--puck-color-yellow-06);
+}
+
+/* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/VersionTimeline/styles.module.css/#css-module-data */
+._VersionTimeline-trigger_g6ztp_6 {
   align-items: center;
+  background: none;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  box-sizing: border-box;
+  color: inherit;
+  cursor: pointer;
+  display: inline-flex;
+  font: inherit;
+  gap: 8px;
+  height: 34px;
+  padding: 0 8px 0 12px;
+  text-align: left;
+  transition: background-color 120ms, border-color 120ms;
+}
+._VersionTimeline-trigger_g6ztp_6:hover:not(:disabled, ._VersionTimeline-placeholder_g6ztp_23),
+._VersionTimeline-trigger_g6ztp_6[data-state=open] {
+  background: var(--puck-color-grey-12);
+  border-color: var(--puck-color-grey-09);
+}
+._VersionTimeline-trigger_g6ztp_6:focus-visible {
+  outline: 2px solid var(--puck-color-azure-04);
+  outline-offset: -2px;
+}
+._VersionTimeline-trigger_g6ztp_6:disabled {
+  cursor: default;
+}
+._VersionTimeline-trigger_g6ztp_6:disabled ._VersionTimeline-chevron_g6ztp_38 {
+  display: none;
+}
+._VersionTimeline-placeholder_g6ztp_23 {
+  cursor: default;
+}
+._VersionTimeline-placeholder_g6ztp_23 ._VersionTimeline-chevron_g6ztp_38 {
+  visibility: hidden;
+}
+._VersionTimeline-chevron_g6ztp_38 {
+  color: var(--puck-color-grey-05);
+  flex-shrink: 0;
+}
+._VersionTimeline-content_g6ztp_55 {
+  background: var(--puck-color-white);
+  border: 1px solid var(--puck-color-grey-09);
+  border-radius: 12px;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.04);
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  max-height: min(440px, var(--radix-popover-content-available-height));
+  outline: none;
+  overflow: hidden;
+  width: 288px;
+  z-index: 1;
+}
+._VersionTimeline-header_g6ztp_70 {
+  align-items: baseline;
+  border-bottom: 1px solid var(--puck-color-grey-10);
+  display: flex;
+  gap: 8px;
+  justify-content: space-between;
+  padding: 12px 16px;
+}
+._VersionTimeline-title_g6ztp_79 {
+  color: var(--puck-color-grey-02);
+  font-size: var(--puck-font-size-xxs);
+  font-weight: 600;
+  line-height: 20px;
+}
+._VersionTimeline-count_g6ztp_86 {
+  color: var(--puck-color-grey-05);
+  font-size: var(--puck-font-size-xxxs);
+  line-height: 16px;
+}
+._VersionTimeline-message_g6ztp_92 {
+  color: var(--puck-color-grey-05);
+  display: flex;
+  font-size: var(--puck-font-size-xxs);
   justify-content: center;
-  min-height: 32px;
-  padding: 0 12px;
-  border-left: 0;
-  border-radius: 0 8px 8px 0;
+  margin: 0;
+  padding: 24px 16px;
+}
+._VersionTimeline-list_g6ztp_102 {
+  margin: 0;
+  overflow-y: auto;
+  padding: 0 8px 8px;
+}
+ol._VersionTimeline-list_g6ztp_102 {
+  padding-top: 8px;
+}
+._VersionTimeline-day_g6ztp_113 {
   background: var(--puck-color-white);
-  color: var(--puck-color-grey-01);
+  color: var(--puck-color-grey-05);
+  font-size: var(--puck-font-size-xxxs);
+  font-weight: 600;
+  line-height: 16px;
+  margin: 0;
+  padding: 8px 8px 4px 34px;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+._VersionTimeline-day_g6ztp_113::before {
+  background: var(--puck-color-grey-10);
+  bottom: 0;
+  content: "";
+  left: 15.5px;
+  position: absolute;
+  top: 0;
+  width: 1px;
+}
+._VersionTimeline-group_g6ztp_137:first-of-type ._VersionTimeline-day_g6ztp_113::before {
+  display: none;
+}
+._VersionTimeline-items_g6ztp_141 {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+._VersionTimeline-more_g6ztp_147 {
+  display: flex;
+  justify-content: center;
+  padding: 8px;
+}
+._VersionTimeline-retry_g6ztp_153 {
+  background: none;
+  border: 0;
+  border-radius: 4px;
+  color: var(--puck-color-azure-04);
+  cursor: pointer;
+  font: inherit;
+  font-size: var(--puck-font-size-xxs);
+  padding: 4px 8px;
+}
+._VersionTimeline-retry_g6ztp_153:hover {
+  background: var(--puck-color-azure-11);
+}
+._VersionTimelineItem_g6ztp_172 {
+  align-items: center;
+  background: none;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  box-sizing: border-box;
+  color: var(--puck-color-grey-02);
+  cursor: pointer;
+  display: flex;
+  font: inherit;
+  gap: 12px;
+  min-height: 36px;
+  padding: 7px;
+  position: relative;
+  text-align: left;
+  width: 100%;
+}
+._VersionTimelineItem_g6ztp_172::before {
+  background: var(--puck-color-grey-10);
+  bottom: 0;
+  content: "";
+  left: 14.5px;
+  position: absolute;
+  top: 0;
+  width: 1px;
+}
+._VersionTimeline-group_g6ztp_137:first-of-type li:first-child > ._VersionTimelineItem_g6ztp_172::before,
+ol._VersionTimeline-list_g6ztp_102 > li:first-child > ._VersionTimelineItem_g6ztp_172::before {
+  top: 50%;
+}
+._VersionTimeline-group_g6ztp_137:last-of-type li:last-child > ._VersionTimelineItem_g6ztp_172::before,
+ol._VersionTimeline-list_g6ztp_102 > li:last-child > ._VersionTimelineItem_g6ztp_172::before {
+  bottom: 50%;
+}
+._VersionTimelineItem_g6ztp_172:hover:not(._VersionTimelineItem--loading_g6ztp_216) {
+  background: var(--puck-color-azure-11);
+  border-color: var(--puck-color-azure-10);
+}
+._VersionTimelineItem--current_g6ztp_221,
+._VersionTimelineItem--current_g6ztp_221:hover:not(._VersionTimelineItem--loading_g6ztp_216) {
+  background: var(--puck-color-azure-10);
+  border-color: var(--puck-color-azure-08);
+}
+._VersionTimelineItem--loading_g6ztp_216 {
+  cursor: default;
+}
+._VersionTimelineItem_g6ztp_172:focus-visible {
+  outline: 2px solid var(--puck-color-azure-04);
+  outline-offset: -2px;
+}
+._VersionTimelineItem-dot_g6ztp_236 {
+  background: var(--puck-color-white);
+  border: 2px solid var(--puck-color-grey-08);
+  border-radius: 50%;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  height: 12px;
+  margin-left: 2px;
+  position: relative;
+  width: 12px;
+}
+._VersionTimelineItem--current_g6ztp_221 ._VersionTimelineItem-dot_g6ztp_236 {
+  background: var(--puck-color-azure-04);
+  border-color: var(--puck-color-azure-04);
+  box-shadow: 0 0 0 4px var(--puck-color-azure-10);
 }
-._HeaderActions-versionHeader_7nzbl_19 {
+._VersionTimelineItem-body_g6ztp_254 {
   align-items: center;
   display: flex;
+  flex: 1;
   gap: 8px;
-  height: 21px;
+  min-width: 0;
 }
-._HeaderActions-versionLabel_7nzbl_26 {
-  font-family: var(--puck-font-family-monospaced);
-  font-size: var(--puck-font-size-xs);
+._VersionTimelineItem-label_g6ztp_262 {
+  font-size: var(--puck-font-size-xxs);
   font-weight: 600;
-  line-height: 1;
+  line-height: 20px;
 }
-._HeaderActions-versionDate_7nzbl_33 {
-  color: var(--puck-color-grey-06);
+._VersionTimelineItem--current_g6ztp_221 ._VersionTimelineItem-label_g6ztp_262 {
+  color: var(--puck-color-azure-04);
+}
+._VersionTimelineItem-time_g6ztp_272 {
+  color: var(--puck-color-grey-05);
+  flex-shrink: 0;
   font-size: var(--puck-font-size-xxxs);
-  font-weight: 500;
-  line-height: 1;
-  margin-top: 2px;
-  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+  line-height: 16px;
+}
+._VersionSkeleton_g6ztp_284 {
+  animation: _VersionSkeleton-pulse_g6ztp_1 1.2s ease-in-out infinite;
+  background: var(--puck-color-grey-10);
+  border-radius: 4px;
+  display: block;
+  height: 1em;
+  width: 64px;
+}
+._VersionSkeleton--date_g6ztp_293 {
+  width: 80px;
+}
+@keyframes _VersionSkeleton-pulse_g6ztp_1 {
+  50% {
+    opacity: 0.5;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  ._VersionSkeleton_g6ztp_284 {
+    animation: none;
+  }
+}
+
+/* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/HeaderActions/styles.module.css/#css-module-data */
+._HeaderActions-version_ni5o1_6 {
+  align-items: center;
+  display: flex;
+  gap: 8px;
+}
+._HeaderActions-versionLabel_ni5o1_12 {
+  color: var(--puck-color-grey-02);
+  font-size: var(--puck-font-size-xxs);
+  font-weight: 600;
+  line-height: 16px;
+}
+._HeaderActions-publish_ni5o1_19 {
+  align-items: center;
+  display: inline-flex;
+  gap: 8px;
+}
+._HeaderActions-more_ni5o1_26 {
+  align-items: center;
+  background: var(--puck-color-white);
+  border: 1px solid var(--puck-color-grey-09);
+  border-radius: 8px;
+  box-sizing: border-box;
+  color: var(--puck-color-grey-03);
+  display: inline-flex;
+  height: 34px;
+  justify-content: center;
+  width: 34px;
+}
+@media (hover: hover) and (pointer: fine) {
+  ._HeaderActions-more_ni5o1_26:hover {
+    background: var(--puck-color-grey-11);
+    color: var(--puck-color-grey-02);
+  }
+}
+
+/* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/Preview/styles.module.css/#css-module-data */
+._Preview_11gto_5 {
+  align-items: center;
+  background: var( --puck-canvas-color-bg, var(--puck-color-surface-muted, var(--puck-color-grey-11)) );
+  color: var(--puck-color-grey-07);
+  display: flex;
+  inset: -1px;
+  justify-content: center;
+  position: absolute;
+}
+
+/* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/EditorLock/styles.module.css/#css-module-data */
+._EditorLock_v0x64_1 {
+  display: contents;
 }