mbeditor 0.5.6 → 0.6.0

data/app/assets/javascripts/mbeditor/components/MbeditorApp.js

@@ -66,6 +66,33 @@ var DEFAULT_EDITOR_PREFS = {
   showDotFiles: false
 };
 
+function spacesToTabs(code, indentSize) {
+  var unit = ' '.repeat(indentSize || 2);
+  return code.split('\n').map(function(line) {
+    var tabs = '';
+    while (line.startsWith(unit)) { tabs += '\t'; line = line.slice(unit.length); }
+    return tabs + line;
+  }).join('\n');
+}
+
+function diffLines(oldLines, newLines) {
+  var n = oldLines.length, m = newLines.length;
+  var dp = [];
+  for (var i = 0; i <= n; i++) { dp.push(new Array(m + 1).fill(0)); }
+  for (var i = 1; i <= n; i++) {
+    for (var j = 1; j <= m; j++) {
+      dp[i][j] = oldLines[i-1] === newLines[j-1] ? dp[i-1][j-1] + 1 : Math.max(dp[i-1][j], dp[i][j-1]);
+    }
+  }
+  var changed = [], i = n, j = m;
+  while (i > 0 || j > 0) {
+    if (i > 0 && j > 0 && oldLines[i-1] === newLines[j-1]) { i--; j--; }
+    else if (j > 0 && (i === 0 || dp[i][j-1] >= dp[i-1][j])) { changed.push(j); j--; }
+    else { i--; }
+  }
+  return changed;
+}
+
 var SidebarActionButton = function SidebarActionButton(_ref) {
   var title = _ref.title;
   var iconClass = _ref.iconClass;
@@ -284,6 +311,16 @@ var MbeditorApp = function MbeditorApp() {
   var sidebarCollapsed = _useStateSC2[0];
   var setSidebarCollapsed = _useStateSC2[1];
 
+  var _useStateRFMap = useState({});
+  var _useStateRFMap2 = _slicedToArray(_useStateRFMap, 2);
+  var railsFilesMap = _useStateRFMap2[0];
+  var setRailsFilesMap = _useStateRFMap2[1];
+
+  var _useStateRFC = useState({});
+  var _useStateRFC2 = _slicedToArray(_useStateRFC, 2);
+  var railsGroupsCollapsed = _useStateRFC2[0];
+  var setRailsGroupsCollapsed = _useStateRFC2[1];
+
   var _useState9 = useState({});
 
   var _useState92 = _slicedToArray(_useState9, 2);
@@ -496,6 +533,8 @@ var MbeditorApp = function MbeditorApp() {
   var prevGitBranchRef = useRef(null);
   var isSwitchingBranchRef = useRef(false);
   var stateRestoredRef = useRef(false);
+  var ctrlWPendingRef = useRef(false);
+  var ctrlWTimeoutRef = useRef(null);
 
   // ── Draft backup helpers ─────────────────────────────────────────────────
   var draftWriteTimerRef = useRef({});
@@ -506,7 +545,14 @@ var MbeditorApp = function MbeditorApp() {
     return 'mbeditor_draft\x00' + base + '\x00' + path;
   };
   var _saveDraftNow = function _saveDraftNow(path, content) {
-    try { localStorage.setItem(_draftKey(path), JSON.stringify({ content: content, ts: Date.now() })); } catch (e) {}
+    var doWrite = function() {
+      try { localStorage.setItem(_draftKey(path), JSON.stringify({ content: content, ts: Date.now() })); } catch (e) {}
+    };
+    if (typeof requestIdleCallback !== 'undefined') {
+      requestIdleCallback(doWrite, { timeout: 2000 });
+    } else {
+      doWrite();
+    }
   };
   var _clearDraft = function _clearDraft(path) {
     try { localStorage.removeItem(_draftKey(path)); } catch (e) {}
@@ -1000,7 +1046,7 @@ var MbeditorApp = function MbeditorApp() {
           var rect = body.getBoundingClientRect();
           var reservedRight = EDITOR_MIN_WIDTH + (showGitPanelRef.current ? gitPanelWidthRef.current : 0);
           var maxSidebarWidth = Math.min(SIDEBAR_MAX_WIDTH, Math.max(SIDEBAR_MIN_WIDTH, rect.width - reservedRight));
-          var nextWidth = clientX - rect.left;
+          var nextWidth = clientX - rect.left - SIDEBAR_COLLAPSED_WIDTH;
           setSidebarWidth(clamp(nextWidth, SIDEBAR_MIN_WIDTH, maxSidebarWidth));
         }
 
@@ -1044,8 +1090,46 @@ var MbeditorApp = function MbeditorApp() {
       }
     };
 
+    // Capture-phase listener for vim Ctrl+W window navigation.
+    // Runs before Monaco (and the browser) so neither can swallow the keystrokes.
+    // Phase 1 — Ctrl+W: prevent tab-close and arm the pending flag.
+    // Phase 2 — next key: act on it here (still capture phase) so Monaco-vim
+    //   cannot consume it as a word-motion or other binding.
+    var onCtrlWCapture = function(e) {
+      // Phase 2: a previous Ctrl+W is pending — consume the follow-up key.
+      if (ctrlWPendingRef.current) {
+        ctrlWPendingRef.current = false;
+        if (ctrlWTimeoutRef.current) { clearTimeout(ctrlWTimeoutRef.current); ctrlWTimeoutRef.current = null; }
+        var _st = EditorStore.getState();
+        var _cur = _st.focusedPaneId;
+        var _target;
+        if (e.key === '1') _target = 1;
+        else if (e.key === '2') _target = 2;
+        else if (e.key === 'h') _target = 1;
+        else _target = _cur === 1 ? 2 : 1; // w, l, Ctrl+W, or anything else → cycle
+        if (_target !== _cur) {
+          if (typeof TabManager !== 'undefined') TabManager.focusPane(_target);
+          window.dispatchEvent(new CustomEvent('mbeditor:focusPane', { detail: { paneId: _target } }));
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        return;
+      }
+      // Phase 1: intercept Ctrl+W itself when vim mode is on.
+      if (e.metaKey || e.shiftKey || e.altKey) return;
+      if (!e.ctrlKey || (e.key !== 'w' && e.key !== 'W')) return;
+      var prefs = EditorStore.getState().editorPrefs;
+      if (!prefs || !prefs.vimMode) return;
+      e.preventDefault();
+      e.stopPropagation();
+      if (ctrlWTimeoutRef.current) clearTimeout(ctrlWTimeoutRef.current);
+      ctrlWPendingRef.current = true;
+      ctrlWTimeoutRef.current = setTimeout(function() { ctrlWPendingRef.current = false; }, 1500);
+    };
+
     window.addEventListener('keydown', onKeyDown);
     document.addEventListener('keydown', onZenCapture, true);
+    document.addEventListener('keydown', onCtrlWCapture, true);
     window.addEventListener('mousemove', handleMouseMove);
     window.addEventListener('mouseup', handleMouseUp);
     return function () {
@@ -1056,8 +1140,10 @@ var MbeditorApp = function MbeditorApp() {
         cancelAnimationFrame(resizeRafRef.current);
         resizeRafRef.current = null;
       }
+      if (ctrlWTimeoutRef.current) { clearTimeout(ctrlWTimeoutRef.current); ctrlWTimeoutRef.current = null; }
       window.removeEventListener('keydown', onKeyDown);
       document.removeEventListener('keydown', onZenCapture, true);
+      document.removeEventListener('keydown', onCtrlWCapture, true);
       window.removeEventListener('mousemove', handleMouseMove);
       window.removeEventListener('mouseup', handleMouseUp);
       document.body.style.cursor = '';
@@ -1133,8 +1219,8 @@ var MbeditorApp = function MbeditorApp() {
       FileService.getTree().then(function (data) {
         var newData = data || [];
         setTreeData(function (prevData) {
-          if (JSON.stringify(newData) === JSON.stringify(prevData)) return prevData;
-          SearchService.buildIndex(newData);
+          var sig = function(d) { return d.length + ':' + d.map(function(n) { return n.name; }).join(','); };
+          if (sig(newData) !== sig(prevData)) SearchService.buildIndex(newData);
           return newData;
         });
         checkOpenTabsForExternalChanges();
@@ -1221,8 +1307,8 @@ var MbeditorApp = function MbeditorApp() {
       FileService.getTree().then(function (data) {
         var newData = data || [];
         setTreeData(function (prevData) {
-          if (JSON.stringify(newData) === JSON.stringify(prevData)) return prevData;
-          SearchService.buildIndex(newData);
+          var sig = function(d) { return d.length + ':' + d.map(function(n) { return n.name; }).join(','); };
+          if (sig(newData) !== sig(prevData)) SearchService.buildIndex(newData);
           return newData;
         });
       }).catch(function () {}); // silently ignore auto-refresh errors
@@ -1435,6 +1521,108 @@ var MbeditorApp = function MbeditorApp() {
     return function() { window.removeEventListener('beforeinstallprompt', handler); };
   }, []);
 
+  var resourceLabelFromPath = function(p) {
+    if (!p) return null;
+    var parts = p.split('/');
+    var file = parts[parts.length - 1];
+    var name;
+    if (parts[0] === 'app') {
+      if (parts[1] === 'controllers') name = file.replace(/_controller\.rb$/, '');
+      else if (parts[1] === 'models') name = file.replace(/\.rb$/, '');
+      else if (parts[1] === 'views' && parts.length >= 4) name = parts[2];
+      else if (parts[1] === 'helpers') name = file.replace(/_helper\.rb$/, '');
+      else return null;
+    } else if (parts[0] === 'test' || parts[0] === 'spec') {
+      if (parts[1] === 'controllers') name = file.replace(/_controller_(test|spec)\.rb$/, '');
+      else if (parts[1] === 'models') name = file.replace(/_(test|spec)\.rb$/, '');
+      else return null;
+    } else { return null; }
+    var seg = (name || '').split('/').pop() || name || '';
+    // Normalize plural→singular so views/users and models/user share one group
+    seg = seg.replace(/ies$/, 'y')
+             .replace(/([^aeiou])es$/, '$1')
+             .replace(/([^s])s$/, '$1');
+    return seg.replace(/_/g, ' ').replace(/\b\w/g, function(c) { return c.toUpperCase(); });
+  };
+
+  var RAILS_MAX_RESOURCES = 10;
+
+  // Map resource label → representative path (capped at RAILS_MAX_RESOURCES, focused pane first)
+  var railsResourceDeps = (function() {
+    var deps = {};
+    var panesOrdered = state.panes.slice().sort(function(a, b) {
+      return a.id === state.focusedPaneId ? -1 : b.id === state.focusedPaneId ? 1 : 0;
+    });
+    panesOrdered.forEach(function(p) {
+      var tabs = p.tabs.slice().sort(function(a, b) {
+        return a.id === p.activeTabId ? -1 : b.id === p.activeTabId ? 1 : 0;
+      });
+      tabs.forEach(function(t) {
+        if (Object.keys(deps).length >= RAILS_MAX_RESOURCES) return;
+        if (!t.path || t.path === '__settings__' || t.path.startsWith('mbeditor://')) return;
+        var label = resourceLabelFromPath(t.path);
+        if (label && !deps[label]) deps[label] = t.path;
+      });
+    });
+    return deps;
+  })();
+  var railsResourceDepStr = Object.keys(railsResourceDeps).sort().join('|');
+
+  var railsOverflow = (function() {
+    var all = {};
+    state.panes.forEach(function(p) {
+      p.tabs.forEach(function(t) {
+        if (!t.path || t.path === '__settings__' || t.path.startsWith('mbeditor://')) return;
+        var label = resourceLabelFromPath(t.path);
+        if (label) all[label] = true;
+      });
+    });
+    return Math.max(0, Object.keys(all).length - Object.keys(railsResourceDeps).length);
+  })();
+
+  var dirtyPaths = (function() {
+    var set = {};
+    state.panes.forEach(function(p) {
+      p.tabs.forEach(function(t) {
+        if (t.dirty && t.path) set[t.path] = true;
+      });
+    });
+    return set;
+  })();
+
+  useEffect(function() {
+    if (activeSidebarTab !== 'rails') return;
+    var labels = Object.keys(railsResourceDeps);
+    if (labels.length === 0) { setRailsFilesMap({}); return; }
+    setRailsFilesMap(function(prev) {
+      var next = {};
+      labels.forEach(function(label) {
+        next[label] = prev[label] ? { files: prev[label].files, loading: true } : { files: null, loading: true };
+      });
+      return next;
+    });
+    labels.forEach(function(label) {
+      var path = railsResourceDeps[label];
+      FileService.getRelatedFiles(path).then(function(data) {
+        setRailsFilesMap(function(prev) {
+          if (!prev.hasOwnProperty(label)) return prev;
+          var next = Object.assign({}, prev);
+          var update = {};
+          update[label] = { files: data, loading: false };
+          return Object.assign(next, update);
+        });
+      })['catch'](function() {
+        setRailsFilesMap(function(prev) {
+          if (!prev.hasOwnProperty(label)) return prev;
+          var next = Object.assign({}, prev);
+          var update = {};
+          update[label] = { files: null, loading: false };
+          return Object.assign(next, update);
+        });
+      });
+    });
+  }, [activeSidebarTab, railsResourceDepStr]);
+
   var focusedPane = state.panes.find(function (p) {
     return p.id === state.focusedPaneId;
   }) || state.panes[0] || null;
@@ -1778,7 +1966,10 @@ var MbeditorApp = function MbeditorApp() {
         return _extends({}, prev, { format: true });
       });
       EditorStore.setStatus("Formatting...", "info");
-      FileService.formatFile(activeTab.path, activeTab.content).then(function (res) {
+      var useTabs = editorPrefs.insertSpaces === false;
+      var originalContent = activeTab.content;
+      var codeToFormat = useTabs ? spacesToTabs(originalContent, 2) : originalContent;
+      FileService.formatFile(activeTab.path, codeToFormat).then(function (res) {
         if (res.content) {
           // Update content and mark dirty — user decides when to save.
           // The executeEdits path in EditorPanel preserves the undo stack.
@@ -1789,6 +1980,19 @@ var MbeditorApp = function MbeditorApp() {
             return p;
           });
           EditorStore.setState({ panes: newPanes });
+
+          // Highlight changed lines briefly
+          var monacoEditor = window.__mbeditorActiveEditor;
+          if (monacoEditor && res.content !== originalContent) {
+            var changedLineNums = diffLines(originalContent.split('\n'), res.content.split('\n'));
+            if (changedLineNums.length > 0) {
+              var decorations = changedLineNums.map(function(ln) {
+                return { range: new monaco.Range(ln, 1, ln, 1), options: { isWholeLine: true, className: 'mbeditor-format-changed' } };
+              });
+              var ids = monacoEditor.deltaDecorations([], decorations);
+              setTimeout(function() { monacoEditor.deltaDecorations(ids, []); }, 3000);
+            }
+          }
         }
         EditorStore.setStatus("Formatted (Unsaved)", "success");
         GitService.fetchStatus();
@@ -2266,13 +2470,17 @@ var MbeditorApp = function MbeditorApp() {
     document.body.style.userSelect = 'none';
   };
 
-  var toggleSidebarCollapsed = function toggleSidebarCollapsed() {
-    setSidebarCollapsed(function (prev) { return !prev; });
-  };
-
-  var expandSidebarTo = function expandSidebarTo(tab) {
-    setActiveSidebarTab(tab);
-    setSidebarCollapsed(false);
+  var handleActivityBarClick = function handleActivityBarClick(tab) {
+    if (tab === 'settings') {
+      openSettingsTab();
+      return;
+    }
+    if (!sidebarCollapsed && activeSidebarTab === tab) {
+      setSidebarCollapsed(true);
+    } else {
+      setActiveSidebarTab(tab);
+      setSidebarCollapsed(false);
+    }
   };
 
   var openFileFromGitPanel = function openFileFromGitPanel(path, name) {
@@ -2794,74 +3002,69 @@ var MbeditorApp = function MbeditorApp() {
     React.createElement(
       "div",
       { className: "ide-body", id: "ide-body-container" },
-      React.createElement(
+      /* Activity bar — always visible, 48px wide */
+      !zenMode && React.createElement(
         "div",
-        { className: "ide-sidebar" + (sidebarCollapsed ? " ide-sidebar-collapsed" : ""), style: { width: (sidebarCollapsed ? SIDEBAR_COLLAPSED_WIDTH : sidebarWidth) + "px", display: zenMode ? 'none' : undefined } },
-        sidebarCollapsed
-          ? React.createElement(
-              "div",
-              { className: "sidebar-icon-strip" },
-              React.createElement(
-                "div",
-                { className: "sidebar-strip-top" },
-                React.createElement(
-                  "div",
-                  { className: "sidebar-nav-group", "data-group": "nav" },
-                  React.createElement(
-                    "button",
-                    { type: "button", className: "sidebar-strip-btn " + (activeSidebarTab === 'explorer' ? 'active' : ''), title: "Explorer", onClick: function () { return expandSidebarTo('explorer'); } },
-                    React.createElement("i", { className: "far fa-folder" })
-                  ),
-                  React.createElement(
-                    "button",
-                    { type: "button", className: "sidebar-strip-btn " + (activeSidebarTab === 'search' ? 'active' : ''), title: "Search", onClick: function () { return expandSidebarTo('search'); } },
-                    React.createElement("i", { className: "fas fa-search" })
-                  ),
-                  React.createElement(
-                    "button",
-                    { type: "button", className: "sidebar-strip-btn", title: "Editor Preferences", onClick: openSettingsTab },
-                    React.createElement("i", { className: "fas fa-cog" })
-                  )
-                )
-              ),
-              React.createElement(
-                "div",
-                { className: "sidebar-strip-bottom" },
-                React.createElement(
-                  "button",
-                  { type: "button", className: "sidebar-strip-btn", title: "Expand sidebar", onClick: toggleSidebarCollapsed },
-                  React.createElement("i", { className: "fas fa-chevron-right" })
-                )
-              )
-            )
-          : React.createElement(
-              React.Fragment,
-              null,
-              React.createElement(
-                "div",
-                { className: "ide-sidebar-tabs" },
-                React.createElement(
-                  "button",
-                  { type: "button", className: "ide-sidebar-tab " + (activeSidebarTab === 'explorer' ? 'active' : ''), onClick: function () { return setActiveSidebarTab('explorer'); } },
-                  "EXPLORER"
-                ),
-                React.createElement(
-                  "button",
-                  { type: "button", className: "ide-sidebar-tab " + (activeSidebarTab === 'search' ? 'active' : ''), onClick: function () { return setActiveSidebarTab('search'); } },
-                  "SEARCH"
-                ),
-                React.createElement(
-                  "button",
-                  { type: "button", className: "ide-sidebar-tab ide-sidebar-tab-icon", title: "Editor Preferences", onClick: openSettingsTab },
-                  React.createElement("i", { className: "fas fa-cog" })
-                ),
-                React.createElement(
-                  "button",
-                  { type: "button", className: "sidebar-strip-btn", title: "Collapse sidebar", onClick: toggleSidebarCollapsed },
-                  React.createElement("i", { className: "fas fa-chevron-left" })
-                )
-              ),
-              activeSidebarTab === 'explorer' && React.createElement(
+        { className: "ide-activity-bar" },
+        React.createElement(
+          "div",
+          { className: "ide-activity-bar-top" },
+          React.createElement(
+            "button",
+            {
+              type: "button",
+              className: "ide-activity-btn" + (!sidebarCollapsed && activeSidebarTab === 'explorer' ? ' active' : ''),
+              title: "Explorer",
+              onClick: function() { handleActivityBarClick('explorer'); }
+            },
+            React.createElement("i", { className: "far fa-folder" })
+          ),
+          React.createElement(
+            "button",
+            {
+              type: "button",
+              className: "ide-activity-btn" + (!sidebarCollapsed && activeSidebarTab === 'search' ? ' active' : ''),
+              title: "Search",
+              onClick: function() { handleActivityBarClick('search'); }
+            },
+            React.createElement("i", { className: "fas fa-search" })
+          ),
+          React.createElement(
+            "button",
+            {
+              type: "button",
+              className: "ide-activity-btn" + (!sidebarCollapsed && activeSidebarTab === 'rails' ? ' active' : ''),
+              title: "Rails",
+              onClick: function() { handleActivityBarClick('rails'); }
+            },
+            React.createElement("i", { className: "far fa-gem" })
+          )
+        ),
+        React.createElement(
+          "div",
+          { className: "ide-activity-bar-bottom" },
+          React.createElement(
+            "button",
+            {
+              type: "button",
+              className: "ide-activity-btn" + (activeTab && activeTab.isSettings ? ' active' : ''),
+              title: "Editor Preferences",
+              onClick: openSettingsTab
+            },
+            React.createElement("i", { className: "fas fa-cog" })
+          )
+        )
+      ),
+      /* Panel content — shown when not collapsed and not in zen mode */
+      !sidebarCollapsed && !zenMode && React.createElement(
+        "div",
+        { className: "ide-sidebar", style: { width: sidebarWidth + "px" } },
+        React.createElement("div", { className: "sidebar-panel-title" },
+          activeSidebarTab === 'explorer' ? 'Explorer' :
+          activeSidebarTab === 'search' ? 'Search' :
+          activeSidebarTab === 'rails' ? 'Rails' : ''
+        ),
+        activeSidebarTab === 'explorer' && React.createElement(
           "div",
           { className: "ide-sidebar-content" },
           React.createElement(
@@ -3226,10 +3429,84 @@ var MbeditorApp = function MbeditorApp() {
               )
             );
           })()
+        ),
+        activeSidebarTab === 'rails' && React.createElement(
+          "div",
+          { className: "rails-panel" },
+          (function() {
+            var labels = Object.keys(railsFilesMap).sort();
+            if (labels.length === 0) {
+              return React.createElement("div", { className: "rails-panel-empty" }, "Open a Rails file to see related files.");
+            }
+            var sections = labels.map(function(label) {
+              var entry = railsFilesMap[label];
+              var files = entry && entry.files;
+              var loading = entry && entry.loading;
+              if (loading && !files) {
+                return React.createElement("div", { key: label + '_loading', className: "rails-panel-loading" },
+                  React.createElement("i", { className: "fas fa-spinner fa-spin" }),
+                  " Loading…"
+                );
+              }
+              if (!files || Object.keys(files).length === 0) return null;
+              var allFiles = [];
+              ['model', 'controller', 'helper', 'tests', 'views'].forEach(function(key) {
+                var group = files[key];
+                if (group && group.length) allFiles = allFiles.concat(group);
+              });
+              var customGroups = files['custom'];
+              if (customGroups && typeof customGroups === 'object') {
+                Object.keys(customGroups).forEach(function(base) {
+                  var grpFiles = customGroups[base];
+                  if (grpFiles && grpFiles.length) allFiles = allFiles.concat(grpFiles);
+                });
+              }
+              if (allFiles.length === 0) return null;
+              return React.createElement(
+                CollapsibleSection,
+                {
+                  key: label,
+                  title: label.toUpperCase(),
+                  isCollapsed: !!railsGroupsCollapsed[label],
+                  onToggle: (function(captured) { return function(isCollapsed) {
+                    setRailsGroupsCollapsed(function(prev) {
+                      var next = Object.assign({}, prev);
+                      next[captured] = isCollapsed;
+                      return next;
+                    });
+                  }; })(label)
+                },
+                React.createElement(
+                  "div",
+                  null,
+                  allFiles.map(function(f) {
+                    return React.createElement(
+                      "div", {
+                        key: f.path,
+                        className: "rails-group-item",
+                        onClick: (function(file) { return function() { handleSelectFile(file.path, file.name); }; })(f),
+                        title: f.path
+                      },
+                      React.createElement("i", { className: "tree-item-icon " + (window.getFileIcon ? window.getFileIcon(f.name) : 'far fa-file-code') + " tree-file-icon" }),
+                      React.createElement("span", { className: "rails-group-item-name" }, f.name),
+                      dirtyPaths[f.path] && React.createElement("span", { className: "rails-group-item-dirty" }, "●")
+                    );
+                  })
+                )
+              );
+            });
+            if (railsOverflow > 0) {
+              sections = sections.concat([React.createElement(
+                "div", { key: '__overflow', className: "rails-panel-overflow" },
+                "+" + railsOverflow + " more — close tabs to show all"
+              )]);
+            }
+            return sections;
+          })()
         )
-      )
-    ),
-      React.createElement("div", {
+      ),
+      /* Sidebar resize divider — only when panel is open */
+      !sidebarCollapsed && !zenMode && React.createElement("div", {
         className: "panel-divider sidebar-divider " + (activeResizeMode === 'sidebar' ? 'active' : ''),
         onMouseDown: startSidebarResize,
         role: "separator",

data/app/assets/javascripts/mbeditor/editor_plugins.js

@@ -84,6 +84,23 @@
     return lines.join('\n');
   }
 
+  // Return true if sym is a user-assigned window property (not a browser built-in).
+  // Uses the same property-descriptor filter as buildWindowGlobalsShim: browser built-ins
+  // are either non-configurable or accessor properties (have a getter), so plain writable
+  // configurable data properties reliably identify user-assigned globals.
+  function isRuntimeWindowGlobal(sym) {
+    if (!sym || typeof window === 'undefined') return false;
+    try {
+      if (!Object.prototype.hasOwnProperty.call(window, sym)) return false;
+      var val;
+      try { val = window[sym]; } catch (e) { return false; }
+      if (val === null || val === undefined) return false;
+      var desc = Object.getOwnPropertyDescriptor(window, sym);
+      if (!desc) return false;
+      return desc.configurable === true && desc.writable === true && !desc.get;
+    } catch (e) { return false; }
+  }
+
   // Declare a discovered global in Monaco's extra libs so the TS2304 warning disappears.
   // Calling addExtraLib with the same URI replaces the previous content in-place.
   function addDiscoveredGlobal(name) {
@@ -104,7 +121,10 @@
     return FileService.getJsDefinition(word)
       .then(function(data) {
         var results = data && data.results;
-        if (!results || !results.length) return false;
+        if (!results || !results.length) {
+          if (isRuntimeWindowGlobal(word)) addDiscoveredGlobal(word);
+          return false;
+        }
         var r = results[0];
         // Only declare as a global when the definition lives in a different file.
         // Locally-defined functions/classes must not get a duplicate declare var.
@@ -658,6 +678,8 @@
                   var results = data && data.results;
                   if (results && results.length && results[0].file !== modelPath) {
                     addDiscoveredGlobal(sym);
+                  } else if (!results || !results.length) {
+                    if (isRuntimeWindowGlobal(sym)) addDiscoveredGlobal(sym);
                   }
                 })
                 .catch(function() {});
@@ -1187,15 +1209,14 @@
     });
 
     // JS/JSX hover provider: looks up workspace definitions for window globals.
-    // Only fires for mixed-case identifiers (skips lowercase-only names that are
-    // almost always browser builtins or local vars).
+    // Fires for mixed-case identifiers and for any symbol already in discoveredJsGlobals.
     var JS_HOVER_CACHE_TTL_MS = 60000;
     monaco.languages.registerHoverProvider('javascript', {
       provideHover: function(model, position, token) {
         var wordInfo = model.getWordAtPosition(position);
         if (!wordInfo || !wordInfo.word || wordInfo.word.length < 2) return null;
         var word = wordInfo.word;
-        if (!/[A-Z]/.test(word)) return null;
+        if (!discoveredJsGlobals[word] && !/[A-Z]/.test(word)) return null;
         if (typeof FileService === 'undefined' || !FileService.getJsDefinition) return null;
 
         var cached = jsHoverCache[word];
@@ -1212,6 +1233,13 @@
             if (token && token.isCancellationRequested) return null;
             var results = data && data.results;
             if (!results || !results.length) {
+              if (isRuntimeWindowGlobal(word)) {
+                addDiscoveredGlobal(word);
+                var kind = typeof window[word];
+                var rtValue = { contents: [{ value: '**' + word + '** — runtime global (`' + kind + '`)' }] };
+                jsHoverCache[word] = { ts: Date.now(), value: rtValue };
+                return rtValue;
+              }
               jsHoverCache[word] = { ts: Date.now(), value: null };
               return null;
             }

data/app/assets/javascripts/mbeditor/file_service.js

@@ -177,7 +177,6 @@ var FileService = (function () {
       prefetchCache.delete(path);
       return null;
     }
-    prefetchCache.delete(path);
     return entry.promise;
   }
 
@@ -214,6 +213,11 @@ var FileService = (function () {
     return axios.get(window.mbeditorBasePath() + '/unused_methods', config).then(function(res) { return res.data; });
   }
 
+  function getRelatedFiles(path) {
+    return axios.get(window.mbeditorBasePath() + '/related_files', { params: { path: path } })
+      .then(function(res) { return res.data; });
+  }
+
   return {
     getWorkspace: getWorkspace,
     getTree: getTree,
@@ -242,6 +246,7 @@ var FileService = (function () {
     cancelPrefetch: cancelPrefetch,
     getModuleMembers: getModuleMembers,
     getFileIncludes: getFileIncludes,
-    getUnusedMethods: getUnusedMethods
+    getUnusedMethods: getUnusedMethods,
+    getRelatedFiles: getRelatedFiles
   };
 })();