Update preview group creation to handle wireframe display mode

tests/domain/editor-store.test.ts

@@ -74,7 +74,7 @@ describe("EditorStore", () => {
     writerStore.setViewportLayoutMode("quad");
     writerStore.setActiveViewportPanel("bottomRight");
     writerStore.setViewportPanelViewMode("topLeft", "top");
-    writerStore.setViewportPanelDisplayMode("topLeft", "authoring");
+    writerStore.setViewportPanelDisplayMode("topLeft", "wireframe");
     writerStore.setViewportPanelCameraState("topLeft", {
       target: {
         x: 6,
@@ -107,7 +107,7 @@ describe("EditorStore", () => {
     expect(readerStore.getState().activeViewportPanelId).toBe("bottomRight");
     expect(readerStore.getState().viewportPanels.topLeft).toMatchObject({
       viewMode: "top",
-      displayMode: "authoring",
+      displayMode: "wireframe",
       cameraState: {
         target: {
           x: 6,

tests/serialization/local-draft-storage.test.ts

@@ -126,6 +126,7 @@ describe("local draft storage", () => {
 
     viewportLayoutState.layoutMode = "quad";
     viewportLayoutState.activePanelId = "bottomRight";
+    viewportLayoutState.panels.topLeft.displayMode = "wireframe";
     viewportLayoutState.panels.topLeft.cameraState.target = {
       x: 8,
       y: 3,
@@ -151,6 +152,7 @@ describe("local draft storage", () => {
         activePanelId: "bottomRight",
         panels: {
           topLeft: {
+            displayMode: "wireframe",
             cameraState: {
               target: {
                 x: 8,

tests/unit/viewport-layout.test.ts

@@ -39,6 +39,7 @@ describe("viewport layout", () => {
     expect(getViewportLayoutModeLabel("single")).toBe("Single View");
     expect(getViewportLayoutModeLabel("quad")).toBe("4-Panel");
     expect(getViewportDisplayModeLabel("authoring")).toBe("Authoring");
+    expect(getViewportDisplayModeLabel("wireframe")).toBe("Wireframe");
     expect(getViewportPanelLabel("topRight")).toBe("Top Right");
   });
 });