Enhance school creation and map management features by updating the API to support mod packs and map layouts. Introduce a new map snapshot protocol for efficient data handling during school sessions. Revise documentation to reflect these changes, including updates to the protocol and architecture documents. Improve UI components for mod selection and map editing, ensuring a better user experience. Update tests to validate new functionalities and ensure robustness.

src/HSchool.Client/src/style.css

@@ -246,6 +246,12 @@ body {
   font-size: 13px;
 }
 
+.panel__list {
+  margin: 0;
+  padding-left: 18px;
+  font-size: 13px;
+}
+
 .tree {
   margin: 0;
   padding: 0;
@@ -363,6 +369,12 @@ body {
   color: var(--text);
 }
 
+.dialog--wide {
+  min-width: 640px;
+  max-width: 860px;
+  width: min(860px, calc(100vw - 32px));
+}
+
 .dialog::backdrop {
   background: rgba(6, 9, 14, 0.7);
 }
@@ -411,3 +423,53 @@ body {
   display: flex;
   gap: 8px;
 }
+
+.mod-list {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.mod-list__item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+}
+
+.map-editor-host {
+  max-height: 360px;
+  overflow: auto;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 8px;
+}
+
+.map-editor {
+  display: grid;
+  grid-template-columns: minmax(180px, 1fr) minmax(240px, 1.4fr);
+  gap: 12px;
+}
+
+.map-editor__details {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.map-editor__links {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.map-editor__link {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  font-size: 13px;
+}