reasonix 0.17.0 → 0.17.1

package/dashboard/app.css

@@ -2313,19 +2313,25 @@ textarea:focus {
 }
 
 /* Split view — left half source (CodeMirror), right half preview. */
-.editor-split {
+.editor-stage {
   flex: 1;
   display: flex;
   min-height: 0;
   overflow: hidden;
 }
-.editor-split-pane {
+.editor-stage > .editor-host,
+.editor-stage > .editor-md-preview {
   flex: 1;
   min-width: 0;
-  border: none;
-  border-radius: 0;
+  min-height: 0;
+}
+.editor-stage[data-mode="edit"] > .editor-md-preview {
+  display: none;
+}
+.editor-stage[data-mode="preview"] > .editor-host {
+  display: none;
 }
-.editor-split .editor-split-pane + .editor-split-pane {
+.editor-stage[data-mode="split"] > .editor-host + .editor-md-preview {
   border-left: 1px solid #181a1f;
 }
 

package/dashboard/app.js

@@ -3979,7 +3979,13 @@ function EditorPanel({ onClose } = {}) {
         viewRef.current = null;
       }
     };
-  }, [cmReady, activeIdx, tabs[activeIdx]?.path, viewMode]);
+  }, [cmReady, activeIdx, tabs[activeIdx]?.path]);
+
+  // Becoming visible after display:none — CM6 measures lazily, force it.
+  useEffect(() => {
+    if (viewMode === "preview") return;
+    viewRef.current?.requestMeasure?.();
+  }, [viewMode]);
 
   const closeTab = useCallback((idx) => {
     const tab = tabsRef.current[idx];
@@ -4220,28 +4226,22 @@ function EditorPanel({ onClose } = {}) {
             ${(() => {
               const isMd = langFromPath(tab.path) === "markdown";
               const mode = isMd ? viewMode : "edit";
-              if (mode === "preview") {
-                return html`
-                  <div
-                    class="editor-host editor-md-preview md"
-                    dangerouslySetInnerHTML=${{ __html: previewMarked.parse(tab.content ?? "") }}
-                  ></div>
-                `;
-              }
-              if (mode === "split") {
-                return html`
-                  <div class="editor-split">
-                    <div ref=${editorContainerRef} class="editor-host editor-split-pane"></div>
-                    <div
-                      class="editor-host editor-md-preview md editor-split-pane"
-                      dangerouslySetInnerHTML=${{
-                        __html: previewMarked.parse(tab.content ?? ""),
-                      }}
-                    ></div>
-                  </div>
-                `;
-              }
-              return html`<div ref=${editorContainerRef} class="editor-host"></div>`;
+              // Stable DOM across mode toggles — CM-managed children + Preact reconciliation don't mix when the host moves.
+              return html`
+                <div class="editor-stage" data-mode=${mode}>
+                  <div ref=${editorContainerRef} class="editor-host"></div>
+                  ${
+                    isMd
+                      ? html`<div
+                          class="editor-md-preview md"
+                          dangerouslySetInnerHTML=${{
+                            __html: previewMarked.parse(tab.content ?? ""),
+                          }}
+                        ></div>`
+                      : null
+                  }
+                </div>
+              `;
             })()}
           `
             : html`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reasonix",
-  "version": "0.17.0",
+  "version": "0.17.1",
   "description": "DeepSeek-native coding agent: cache-first loop, flash-first cost control, tool-call repair.",
   "type": "module",
   "bin": {