Dashboard mode added. Journal & notes widget polish first pass.

Author: Jeetski

commands/dashboard.py

@@ -8,6 +8,7 @@
 from datetime import datetime
 from urllib import request as urlrequest, error as urlerror
 from modules.scheduler import status_current_path
+from utilities.webview_launcher import launch_webview_window
 
 try:
     import yaml
@@ -140,10 +141,10 @@ def _ensure_dashboard_server(host, port, env, server_script, *, visible_console=
         time.sleep(0.25)
     return False
 
-def _read_dashboard_browser_setting():
-    """Optional browser override from user/settings config."""
+def _read_dashboard_config():
+    """Optional dashboard launch settings from user/settings config."""
     if yaml is None:
-        return ""
+        return {}
     settings_dir = os.path.join(ROOT_DIR, "user", "settings")
     for fname in ("config.yml", "Config.yml"):
         path = os.path.join(settings_dir, fname)
@@ -153,13 +154,25 @@ def _read_dashboard_browser_setting():
             with open(path, "r", encoding="utf-8") as f:
                 cfg = yaml.safe_load(f) or {}
             if isinstance(cfg, dict):
-                val = cfg.get("dashboard_browser")
-                if not val:
-                    val = cfg.get("browser")
-                return str(val or "").strip()
+                return cfg
         except Exception:
             continue
-    return ""
+    return {}
+
+
+def _read_dashboard_browser_setting():
+    cfg = _read_dashboard_config()
+    val = cfg.get("dashboard_browser") if isinstance(cfg, dict) else ""
+    if not val and isinstance(cfg, dict):
+        val = cfg.get("browser")
+    return str(val or "").strip()
+
+
+def _read_dashboard_mode_setting():
+    cfg = _read_dashboard_config()
+    if not isinstance(cfg, dict):
+        return "browser"
+    return str(cfg.get("dashboard_mode") or "browser").strip().lower() or "browser"
 
 def _normalize_browser_command(raw):
     token = str(raw or "").strip()
@@ -196,6 +209,10 @@ def _open_dashboard_url(url, browser_cmd=""):
             return "default"
 
 
+def _open_dashboard_webview(url, title="Chronos Dashboard"):
+    return launch_webview_window(url, title)
+
+
 def run(args, properties):
     """
     Bundles settings into a generated manifest and opens the dashboard HTML.
@@ -248,15 +265,29 @@ def run(args, properties):
 
     url = f"http://{host}:{port}/dashboard.html"
     browser_from_props = ""
+    mode_from_props = ""
     if isinstance(properties, dict):
         browser_from_props = str(properties.get("browser") or "").strip()
+        mode_from_props = str(properties.get("dashboard_mode") or properties.get("mode") or "").strip().lower()
     browser_setting = browser_from_props or _read_dashboard_browser_setting()
+    dashboard_mode = mode_from_props or _read_dashboard_mode_setting()
     try:
-        opened_with = _open_dashboard_url(url, browser_setting)
-        if opened_with == "default":
-            print(f"Opened dashboard: {url}")
+        if dashboard_mode == "webview":
+            if _open_dashboard_webview(url, "Chronos Dashboard"):
+                print(f"Opened dashboard in webview: {url}")
+            else:
+                print("Warning: pywebview launcher unavailable; falling back to browser.")
+                opened_with = _open_dashboard_url(url, browser_setting)
+                if opened_with == "default":
+                    print(f"Opened dashboard: {url}")
+                else:
+                    print(f"Opened dashboard in '{opened_with}': {url}")
         else:
-            print(f"Opened dashboard in '{opened_with}': {url}")
+            opened_with = _open_dashboard_url(url, browser_setting)
+            if opened_with == "default":
+                print(f"Opened dashboard: {url}")
+            else:
+                print(f"Opened dashboard in '{opened_with}': {url}")
     except Exception as e:
         print(f"Could not open dashboard: {e}\nOpen manually: {url}")
 
@@ -265,6 +296,7 @@ def get_help_message():
     return """
 Usage: dashboard
 Description: Opens the Chronos dashboard UI in your default browser.
+Optional: set `dashboard_mode` to `browser` or `webview` in user/settings/config.yml.
 Optional: set `browser` (or `dashboard_browser`) in user/settings/config.yml, or pass `browser:<cmd>`.
 Also pre-bundles user/settings YAML into generated/settings_bundle.js for the UI to consume.
 """

user/settings/config.yml

@@ -1 +1,2 @@
 default_editor: chronos_editor
+dashboard_mode: browser

utilities/dashboard/app.js

@@ -3335,6 +3335,11 @@ ready(async () => {
 window.addEventListener('resize', () => {
   try { applyPaneSizes(); } catch { }
   try { positionOpenDropdowns(); } catch { }
+  try {
+    document.querySelectorAll('.widget[data-maximized="true"]').forEach((el) => {
+      window.ChronosMaximizeWidget?.(el);
+    });
+  } catch { }
 });
 
 export { };

utilities/dashboard/core/runtime.js

@@ -303,6 +303,7 @@ function saveWidgetState(el) {
     height: el.style?.height || null,
     display: el.style?.display || '',
     minimized: el.classList?.contains('minimized') || false,
+    maximized: el.dataset?.maximized === 'true',
   };
   _writeStateMap(map);
 }
@@ -330,6 +331,12 @@ function restoreWidgetState(el) {
     if (st.height) el.style.height = st.height;
     if (st.display !== undefined) el.style.display = st.display;
     if (st.minimized) el.classList.add('minimized'); else el.classList.remove('minimized');
+    if (st.maximized) {
+      el.dataset.maximized = 'true';
+      applyMaximizedWidgetBounds(el);
+    } else {
+      delete el.dataset.maximized;
+    }
     return true;
   }
   return false;
@@ -343,6 +350,93 @@ function centerWidget(el) {
     el.style.top = `${top}px`;
   } catch { }
 }
+
+function captureWidgetRestoreState(el) {
+  if (!el) return;
+  try {
+    const root = getScaleRoot();
+    const rootRect = root ? root.getBoundingClientRect() : { left: 0, top: 0 };
+    const scale = getScaleFactor(root) || 1;
+    const rect = el.getBoundingClientRect();
+    const computedLeft = `${Math.round((rect.left - rootRect.left) / scale)}px`;
+    const computedTop = `${Math.round((rect.top - rootRect.top) / scale)}px`;
+    const computedWidth = `${Math.round(rect.width / scale)}px`;
+    const computedHeight = `${Math.round(rect.height / scale)}px`;
+    el.dataset.restoreLeft = el.style.left || computedLeft;
+    el.dataset.restoreTop = el.style.top || computedTop;
+    el.dataset.restoreWidth = el.style.width || computedWidth;
+    el.dataset.restoreHeight = el.style.height || computedHeight;
+    el.dataset.restoreRight = el.style.right || '';
+    el.dataset.restoreBottom = el.style.bottom || '';
+  } catch { }
+}
+
+function applyMaximizedWidgetBounds(el) {
+  if (!el) return;
+  try {
+    const root = getScaleRoot();
+    const scale = getScaleFactor(root) || 1;
+    const viewportWidth = Math.max(320, Math.round((window.innerWidth - 24) / scale));
+    const viewportHeight = Math.max(220, Math.round((window.innerHeight - 58) / scale));
+    el.style.left = '12px';
+    el.style.top = '46px';
+    el.style.right = 'auto';
+    el.style.bottom = 'auto';
+    el.style.width = `${viewportWidth}px`;
+    el.style.height = `${viewportHeight}px`;
+  } catch { }
+}
+
+function restoreWidgetBounds(el) {
+  if (!el) return;
+  try {
+    el.style.left = el.dataset.restoreLeft || '';
+    el.style.top = el.dataset.restoreTop || '';
+    el.style.width = el.dataset.restoreWidth || '';
+    el.style.height = el.dataset.restoreHeight || '';
+    el.style.right = el.dataset.restoreRight || '';
+    el.style.bottom = el.dataset.restoreBottom || '';
+  } catch { }
+}
+
+function maximizeWidget(el) {
+  if (!el || isAnchoredWidget(el)) return false;
+  try {
+    if (el.dataset.maximized === 'true') {
+      applyMaximizedWidgetBounds(el);
+      saveWidgetState(el);
+      return true;
+    }
+    captureWidgetRestoreState(el);
+    el.dataset.maximized = 'true';
+    el.classList.remove('minimized');
+    applyMaximizedWidgetBounds(el);
+    focusWidget(el);
+    saveWidgetState(el);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+function restoreWidget(el) {
+  if (!el || isAnchoredWidget(el)) return false;
+  try {
+    delete el.dataset.maximized;
+    restoreWidgetBounds(el);
+    ensureInViewport(el);
+    focusWidget(el);
+    saveWidgetState(el);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+function toggleWidgetMaximized(el, force) {
+  const next = typeof force === 'boolean' ? force : el?.dataset?.maximized !== 'true';
+  return next ? maximizeWidget(el) : restoreWidget(el);
+}
 function persistOnChanges(el) {
   try {
     const mo = new MutationObserver(() => saveWidgetState(el));
@@ -557,12 +651,22 @@ function installWidgetResizers(el) {
   // dataset-based constraints during mount, after the empty shell exists.
   try {
     const header = el.querySelector('.header');
-    const headerW = header ? Math.ceil(header.scrollWidth) : 0;
+    const title = header ? header.querySelector('.title') : null;
+    const controls = header ? header.querySelector('.controls') : null;
+    const headerCs = header ? getComputedStyle(header) : null;
+    const padL = headerCs ? (parseFloat(headerCs.paddingLeft || '0') || 0) : 0;
+    const padR = headerCs ? (parseFloat(headerCs.paddingRight || '0') || 0) : 0;
+    const gap = headerCs ? (parseFloat(headerCs.columnGap || headerCs.gap || '0') || 0) : 0;
+    const titleW = title ? Math.ceil(title.scrollWidth || title.getBoundingClientRect().width || 0) : 0;
+    const controlsW = controls ? Math.ceil(controls.scrollWidth || controls.getBoundingClientRect().width || 0) : 0;
+    const headerW = header ? Math.ceil(titleW + controlsW + padL + padR + gap + 12) : 0;
     const headerH = header ? Math.ceil(header.getBoundingClientRect().height) : 0;
     const dataMinW = Number(el.dataset?.minWidth || 0);
     const dataMinH = Number(el.dataset?.minHeight || 0);
-    const baseMinW = Math.max(160, headerW + 12, dataMinW || 0);
-    const baseMinH = Math.max(80, headerH + 20, dataMinH || 0);
+    const inlineMinW = parseFloat(el.style.minWidth || '0') || 0;
+    const inlineMinH = parseFloat(el.style.minHeight || '0') || 0;
+    const baseMinW = Math.max(160, headerW, dataMinW || 0, inlineMinW || 0);
+    const baseMinH = Math.max(80, headerH + 20, dataMinH || 0, inlineMinH || 0);
     el.__minW = baseMinW;
     el.__minH = baseMinH;
     el.__minSizeSet = true;
@@ -831,6 +935,9 @@ try {
   window.ensureWidgetInView = focusWidget;
   window.ChronosLaunchWizard = launchWizard;
   window.ChronosFocusWidget = focusWidget;
+  window.ChronosMaximizeWidget = maximizeWidget;
+  window.ChronosRestoreWidget = restoreWidget;
+  window.ChronosToggleWidgetMaximized = toggleWidgetMaximized;
 } catch { }
 
 // ---- Generic widget header dragging ----