diag(editor): add height-chain diagnostic overlay + enable devtools

Adds a fixed-position overlay (black bg, green text, top-right) showing:
- .editor-scroll-container clientHeight
- parent/grandparent/great-grandparent clientHeight
- editor.getHTML() length

This lets us see exactly where the height chain breaks on Windows
without needing DevTools. Also enables tauri devtools feature for
release builds (F12 or right-click > Inspect should now work).

Author: jacksoncode

package.json

@@ -1,6 +1,6 @@
 {
   "name": "markhere",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "A modern WYSIWYG Markdown editor with cross-platform support",
   "type": "module",
   "scripts": {

src-tauri/Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "markhere"
-version = "1.1.5"
+version = "1.1.6"
 description = "A modern WYSIWYG Markdown editor"
 authors = ["markhere-team"]
 edition = "2021"
@@ -13,7 +13,7 @@ crate-type = ["staticlib", "cdylib", "rlib"]
 tauri-build = { version = "2", features = [] }
 
 [dependencies]
-tauri = { version = "2", features = [] }
+tauri = { version = "2", features = ["devtools"] }
 tauri-plugin-shell = "2"
 tauri-plugin-dialog = "2"
 tauri-plugin-fs = "2"

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 {
   "productName": "Markhere",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "identifier": "com.markhere.app",
   "build": {
     "beforeDevCommand": "npm run dev",

src-tauri/tauri.conf.json

@@ -329,6 +329,22 @@ export function MainEditor() {
       onDrop={handleWrapperDrop}
       aria-label="Editor workspace"
     >
+      <div style={{ position: 'fixed', top: 60, right: 16, background: '#000', color: '#0f0', padding: 12, fontSize: 11, fontFamily: 'monospace', zIndex: 99999, pointerEvents: 'none', borderRadius: 4, maxWidth: 360, lineHeight: 1.6, whiteSpace: 'pre-wrap' } as React.CSSProperties}>
+        {(() => {
+          const el = document.querySelector('.editor-scroll-container') as HTMLElement;
+          const parent = el?.parentElement as HTMLElement;
+          const grand = parent?.parentElement as HTMLElement;
+          const great = grand?.parentElement as HTMLElement;
+          const r = (e: HTMLElement | null) => e ? `${e.clientHeight}px` : 'null';
+          return [
+            `scroll: ${r(el)}`,
+            `parent: ${r(parent)}`,
+            `grand: ${r(grand)}`,
+            `great: ${r(great)}`,
+            `html len: ${editor?.getHTML()?.length ?? 0}`,
+          ].join('\n');
+        })()}
+      </div>
       {/* WYSIWYG editor — hidden in source mode via CSS (keeps editor mounted) */}
       <div className="editor-wysiwyg-container" aria-hidden={sourceMode} style={sourceMode ? { display: 'none' } : undefined}>
         {isDragging && (