linny-r 1.2.0 → 1.3.0

package/static/scripts/linny-r-gui.js

@@ -12,7 +12,7 @@ dialogs, the main drawing canvas, and event handler functions.
 */
 
 /*
-Copyright (c) 2017-2022 Delft University of Technology
+Copyright (c) 2017-2023 Delft University of Technology
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -2877,7 +2877,7 @@ class GUIController extends Controller {
     this.shortcuts = {
       'A': 'actors',
       'B': 'repository', // B for "Browse"
-      'C': 'clone',
+      'C': 'clone', // button and Ctrl-C now copies; Alt-C clones
       'D': 'dataset',
       'E': 'equation',
       'F': 'finder',
@@ -2887,7 +2887,7 @@ class GUIController extends Controller {
       'J': 'sensitivity', // J for "Jitter"
       'K': 'reset', // reset model and clear results from graph
       'L': 'load',
-      'M': 'monitor',
+      'M': 'monitor', // Alt-M will open the model settings dialog
       // Ctrl-N will still open a new browser window
       'O': 'chart',  // O for "Output", as it can be charts as wel as data 
       'P': 'diagram', // P for PNG (Portable Network Graphics image)
@@ -2896,7 +2896,7 @@ class GUIController extends Controller {
       'S': 'save',
       // Ctrl-T will still open a new browser tab
       'U': 'parent',  // U for "move UP in cluster hierarchy"
-      'V': 'settings',
+      'V': 'paste',
       // Ctrl-W will still close the browser window
       'X': 'experiment',
       'Y': 'redo',
@@ -2906,7 +2906,7 @@ class GUIController extends Controller {
     // Initialize controller buttons
     this.node_btns = ['process', 'product', 'link', 'constraint',
         'cluster', 'module', 'note'];
-    this.edit_btns = ['clone', 'delete', 'undo', 'redo'];
+    this.edit_btns = ['clone', 'paste', 'delete', 'undo', 'redo'];
     this.model_btns = ['settings', 'save', 'repository', 'actors', 'dataset',
         'equation', 'chart', 'sensitivity', 'experiment', 'diagram',
         'savediagram', 'finder', 'monitor', 'solve'];
@@ -3026,7 +3026,15 @@ class GUIController extends Controller {
     }
     // Vertical tool bar buttons
     this.buttons.clone.addEventListener('click',
-        () => UI.promptForCloning());
+        (event) => {
+          if(event.altKey) {
+            UI.promptForCloning();
+          } else {
+            UI.copySelection();
+          }
+        });
+    this.buttons.paste.addEventListener('click',
+        () => UI.pasteSelection());
     this.buttons['delete'].addEventListener('click',
         () => {
           UNDO_STACK.push('delete');
@@ -3057,6 +3065,12 @@ class GUIController extends Controller {
         (event) => UI.stepBack(event));
     this.buttons.stepforward.addEventListener('click',
         (event) => UI.stepForward(event));
+    document.getElementById('prev-issue').addEventListener('click',
+        () => UI.updateIssuePanel(-1));
+    document.getElementById('issue-nr').addEventListener('click',
+        () => UI.jumpToIssue());
+    document.getElementById('next-issue').addEventListener('click',
+        () => UI.updateIssuePanel(1));
     this.buttons.recall.addEventListener('click',
         // Recall button toggles the documentation dialog
         () => UI.buttons.documentation.dispatchEvent(new Event('click')));
@@ -3448,6 +3462,62 @@ class GUIController extends Controller {
     this.start_sel_y = -1;
   }
 
+  updateIssuePanel(change=0) {
+    const
+        count = VM.issue_list.length,
+        panel = document.getElementById('issue-panel');
+    if(count > 0) {
+      const
+         prev = document.getElementById('prev-issue'),
+         next = document.getElementById('next-issue'),
+         nr = document.getElementById('issue-nr');
+      panel.title = pluralS(count, 'issue') +
+          ' occurred - click on number, \u25C1 or \u25B7 to view what and when';
+      if(VM.issue_index === -1) {
+        VM.issue_index = 0;
+      } else if(change) {
+        VM.issue_index += change;
+        setTimeout(() => UI.jumpToIssue(), 10);
+      }
+      nr.innerText = VM.issue_index + 1;
+      if(VM.issue_index <= 0) {
+        prev.classList.add('disab');
+      } else {
+        prev.classList.remove('disab');
+      }
+      if(this.issue_index >= count - 1) {
+        next.classList.add('disab');
+      } else {
+        next.classList.remove('disab');
+      }
+      panel.style.display = 'table-cell';
+    } else {
+      panel.style.display = 'none';
+      VM.issue_index = -1;
+    }
+  }
+  
+  jumpToIssue() {
+    // Set time step to the one of the warning message for the issue
+    // index, redraw the diagram if needed, and display the message
+    // on the infoline
+    if(VM.issue_index >= 0) {
+      const
+          issue = VM.issue_list[VM.issue_index],
+          po = issue.indexOf('(t='),
+          pc = issue.indexOf(')', po),
+          t = parseInt(issue.substring(po + 3, pc - 1));
+      if(MODEL.t !== t) {
+        MODEL.t = t;
+        this.updateTimeStep();
+        this.drawDiagram(MODEL);
+      }
+      this.info_line.classList.remove('error', 'notification');
+      this.info_line.classList.add('warning');
+      this.info_line.innerHTML = issue.substring(pc + 2);
+    }
+  }
+
   get doubleClicked() {
     // Return TRUE when a "double-click" occurred
     const
@@ -3722,7 +3792,7 @@ class GUIController extends Controller {
     // Updates the buttons on the main GUI toolbars
     const
         node_btns = 'process product link constraint cluster note ',
-        edit_btns = 'clone delete undo redo ',
+        edit_btns = 'clone paste delete undo redo ',
         model_btns = 'settings save actors dataset equation chart ' +
             'diagram savediagram finder monitor solve';
     if(MODEL === null) {
@@ -3749,6 +3819,7 @@ class GUIController extends Controller {
     this.active_button = this.stayActiveButton;
     this.disableButtons(edit_btns);
     if(MODEL.selection.length > 0) this.enableButtons('clone delete');
+    if(this.canPaste) this.enableButtons('paste');
     // Only allow target seeking when some target or process constraint is defined
     if(MODEL.hasTargets) this.enableButtons('solve');
     var u = UNDO_STACK.canUndo;
@@ -4378,6 +4449,13 @@ class GUIController extends Controller {
           const btns = topmod.getElementsByClassName('ok-btn');
           if(btns.length > 0) btns[0].dispatchEvent(new Event('click'));
         }
+      } else if(this.dr_dialog_order.length > 0) {
+        // Send ENTER key event to the top draggable dialog
+        const last = this.dr_dialog_order.length - 1;
+        if(last >= 0) {
+          const mgr = window[this.dr_dialog_order[last].dataset.manager];
+          if(mgr && 'enterKey' in mgr) mgr.enterKey();
+        }
       }
     } else if(e.keyCode === 8 &&
         ttype !== 'text' && ttype !== 'password' && ttype !== 'textarea') {
@@ -4392,7 +4470,18 @@ class GUIController extends Controller {
           return;
         }
       }
-      // end. home, Left and right arrow keys
+      // Up and down arrow keys
+      if([38, 40].indexOf(e.keyCode) >= 0) {
+        e.preventDefault();
+        // Send event to the top draggable dialog
+        const last = this.dr_dialog_order.length - 1;
+        if(last >= 0) {
+          const mgr = window[this.dr_dialog_order[last].dataset.manager];
+          // NOTE: pass key direction as -1 for UP and +1 for DOWN
+          if(mgr && 'upDownKey' in mgr) mgr.upDownKey(e.keyCode - 39);
+        }
+      }
+      // end, home, Left and right arrow keys
       if([35, 36, 37, 39].indexOf(e.keyCode) >= 0) e.preventDefault();
       if(e.keyCode === 35) {
         MODEL.t = MODEL.end_period - MODEL.start_period + 1;
@@ -4406,6 +4495,15 @@ class GUIController extends Controller {
         this.stepBack(e);
       } else if(e.keyCode === 39) {
         this.stepForward(e);
+      } else if(e.altKey && [67, 77].indexOf(e.keyCode) >= 0) {
+        // Special shortcut keys for "clone selection" and "model settings"
+        const be = new Event('click');
+        be.altKey = true;
+        if(e.keyCode === 67) {
+          this.buttons.clone.dispatchEvent(be);
+        } else {
+          this.buttons.settings.dispatchEvent(be);
+        }
       } else if(!e.shiftKey && !e.altKey &&
           (!topmod || [65, 67, 86].indexOf(e.keyCode) < 0)) {
         // Interpret special keys as shortcuts unless a modal dialog is open
@@ -5119,7 +5217,42 @@ class GUIController extends Controller {
   cancelCloneSelection() {
     this.modals.clone.hide();
     this.updateButtons();
-  }  
+  }
+  
+  copySelection() {
+    // Save selection as XML in local storage of the browser
+    const xml = MODEL.selectionAsXML;
+//console.log('HERE copy xml', xml);
+    if(xml) {
+      window.localStorage.setItem('Linny-R-selection-XML', xml);
+      this.updateButtons();
+      this.notify('Selection copied, but cannot be pasted yet -- Use Alt-C to clone');
+    }
+  }
+  
+  get canPaste() {
+    const xml = window.localStorage.getItem('Linny-R-selection-XML');
+    if(xml) {
+      const timestamp = xml.match(/<copy timestamp="(\d+)"/);
+      if(timestamp) { 
+        if(Date.now() - parseInt(timestamp[1]) < 8*3600000) return true;
+      }
+      // Remove XML from local storage if older than 8 hours
+      window.localStorage.removeItem('Linny-R-selection-XML');
+    }
+    return false;
+  }
+  
+  pasteSelection() {
+    // If selection has been saved as XML in local storage, test to
+    // see whether PASTE would result in name conflicts, and if so,
+    // open the name conflict resolution window
+    const xml = window.localStorage.getItem('Linny-R-selection-XML');
+    if(xml) {
+      // @@ TO DO!
+      this.notify('Paste not implemented yet -- WORK IN PROGRESS!');
+    }
+  }
   
   //
   // Interaction with modal dialogs to modify model or entity properties
@@ -5328,17 +5461,20 @@ class GUIController extends Controller {
     if(!this.updateExpressionInput(
         'process-IL', 'initial level', p.initial_level)) return false;
     // Store original expression string
-    const pxt = p.pace_expression.text;
+    const
+        px = p.pace_expression,
+        pxt = p.pace_expression.text;
     // Validate expression
     if(!this.updateExpressionInput('process-pace', 'level change frequency',
-        p.pace_expression)) return false;
+        px)) return false;
     // NOTE: pace expression must be *static* and >= 1
-    n = p.pace_expression.result(1);
-    if(!p.pace_expression.isStatic || n < 1) {
+    n = px.result(1);
+    if(!px.isStatic || n < 1) {
       md.element('pace').focus();
       this.warn('Level change frequency must be static and &ge; 1');
       // Restore original expression string
-      p.pace_expression.text = pxt;
+      px.text = pxt;
+      px.code = null;
       return false;
     }
     // Ignore fraction if a real number was entered.
@@ -6448,7 +6584,7 @@ class GUIFileManager {
   }
 
   renderDiagramAsPNG() {
-    localStorage.removeItem('png-url');
+    window.localStorage.removeItem('png-url');
     UI.paper.fitToSize();
     MODEL.alignToGrid();
     this.renderSVGAsPNG(UI.paper.svg.outerHTML);
@@ -6474,7 +6610,7 @@ class GUIFileManager {
         })
       .then((data) => {
           // Pass URL of image to the newly opened browser window
-          localStorage.setItem('png-url', data);
+          window.localStorage.setItem('png-url', data);
         })
       .catch((err) => UI.warn(UI.WARNING.NO_CONNECTION, err));
   }
@@ -8478,7 +8614,7 @@ class GUIRepositoryBrowser extends RepositoryBrowser {
     document.getElementById('repo-include-btn').addEventListener(
         'click', () => REPOSITORY_BROWSER.includeModule());
     document.getElementById('repo-load-btn').addEventListener(
-        'click', () => REPOSITORY_BROWSER.loadModuleAsModel());
+        'click', () => REPOSITORY_BROWSER.confirmLoadModuleAsModel());
     document.getElementById('repo-store-btn').addEventListener(
         'click', () => REPOSITORY_BROWSER.promptForStoring());
     document.getElementById('repo-black-box-btn').addEventListener(
@@ -8525,6 +8661,12 @@ class GUIRepositoryBrowser extends RepositoryBrowser {
     this.include_modal.element('actor').addEventListener(
         'blur', () => REPOSITORY_BROWSER.updateActors());
 
+    this.confirm_load_modal = new ModalDialog('confirm-load-from-repo');
+    this.confirm_load_modal.ok.addEventListener(
+        'click', () => REPOSITORY_BROWSER.loadModuleAsModel());
+    this.confirm_load_modal.cancel.addEventListener(
+        'click', () => REPOSITORY_BROWSER.confirm_load_modal.hide());
+
     this.confirm_delete_modal = new ModalDialog('confirm-delete-from-repo');
     this.confirm_delete_modal.ok.addEventListener(
         'click', () => REPOSITORY_BROWSER.deleteFromRepository());
@@ -8536,6 +8678,31 @@ class GUIRepositoryBrowser extends RepositoryBrowser {
     super.reset();
     this.last_time_selected = 0;
   }
+
+  enterKey() {
+    // Open "edit properties" dialog for the selected entity
+    const srl = this.modules_table.getElementsByClassName('sel-set');
+    if(srl.length > 0) {
+      const r = this.modules_table.rows[srl[0].rowIndex];
+      if(r) {
+        // Ensure that click will be interpreted as double-click
+        this.last_time_selected = Date.now();
+        r.dispatchEvent(new Event('click'));
+      }
+    }
+  }
+  
+  upDownKey(dir) {
+    // Select row above or below the selected one (if possible)
+    const srl = this.modules_table.getElementsByClassName('sel-set');
+    if(srl.length > 0) {
+      const r = this.modules_table.rows[srl[0].rowIndex + dir];
+      if(r) {
+        UI.scrollIntoView(r);
+        r.dispatchEvent(new Event('click'));
+      }
+    }
+  }
   
   get isLocalHost() {
     // Returns TRUE if first repository on the list is 'local host'
@@ -8718,7 +8885,7 @@ class GUIRepositoryBrowser extends RepositoryBrowser {
         // Consider click to be "double" if it occurred less than 300 ms ago
         if(dt < 300) {
           this.last_time_selected = 0;
-          this.loadModuleAsModel();
+          this.includeModule();
           return;
         }
       }
@@ -8967,6 +9134,7 @@ class GUIRepositoryBrowser extends RepositoryBrowser {
   
   loadModuleAsModel() {
     // Loads selected module as model
+    this.confirm_load_modal.hide();
     if(this.repository_index >= 0 && this.module_index >= 0) {
       // NOTE: when loading new model, the stay-on-top dialogs must be reset
       UI.hideStayOnTopDialogs();
@@ -8983,6 +9151,17 @@ class GUIRepositoryBrowser extends RepositoryBrowser {
       r.loadModule(this.module_index, true);
     }
   }
+
+  confirmLoadModuleAsModel() {
+    // Prompts modeler to confirm loading the selected module as model
+    if(this.repository_index >= 0 && this.module_index >= 0 &&
+        document.getElementById('repo-load-btn').classList.contains('enab')) {
+      const r = this.repositories[this.repository_index];
+      this.confirm_load_modal.element('mod-name').innerText =
+          r.module_names[this.module_index];
+      this.confirm_load_modal.show();
+    }    
+  }
   
   confirmDeleteFromRepository() {
     // Prompts modeler to confirm deletion of the selected module
@@ -9019,7 +9198,9 @@ class GUIDatasetManager extends DatasetManager {
     this.close_btn.addEventListener(
         'click', (event) => UI.toggleDialog(event));
     document.getElementById('ds-new-btn').addEventListener(
-        'click', () => DATASET_MANAGER.promptForDataset());
+         // Shift-click on New button => add prefix of selected dataset
+         // (if any) to the name field of the dialog
+        'click', () => DATASET_MANAGER.promptForDataset(event.shiftKey));
     document.getElementById('ds-data-btn').addEventListener(
         'click', () => DATASET_MANAGER.editData());
     document.getElementById('ds-rename-btn').addEventListener(
@@ -9034,7 +9215,7 @@ class GUIDatasetManager extends DatasetManager {
     this.filter_text = document.getElementById('ds-filter-text');
     this.filter_text.addEventListener(
         'input', () => DATASET_MANAGER.changeFilter());
-    this.table = document.getElementById('dataset-table');
+    this.dataset_table = document.getElementById('dataset-table');
     // Data properties pane
     this.properties = document.getElementById('dataset-properties');
     // Toggle buttons at bottom of dialog
@@ -9056,6 +9237,10 @@ class GUIDatasetManager extends DatasetManager {
         'click', () => DATASET_MANAGER.editExpression());
     document.getElementById('ds-delete-modif-btn').addEventListener(
         'click', () => DATASET_MANAGER.deleteModifier());
+    document.getElementById('ds-convert-modif-btn').addEventListener(
+        'click', () => DATASET_MANAGER.promptToConvertModifiers());
+    // Modifier table
+    this.modifier_table = document.getElementById('dataset-modif-table');
     // Modal dialogs
     this.new_modal = new ModalDialog('new-dataset');
     this.new_modal.ok.addEventListener(
@@ -9067,6 +9252,11 @@ class GUIDatasetManager extends DatasetManager {
         'click', () => DATASET_MANAGER.renameDataset());
     this.rename_modal.cancel.addEventListener(
         'click', () => DATASET_MANAGER.rename_modal.hide());
+    this.conversion_modal = new ModalDialog('convert-modifiers');
+    this.conversion_modal.ok.addEventListener(
+        'click', () => DATASET_MANAGER.convertModifiers());
+    this.conversion_modal.cancel.addEventListener(
+        'click', () => DATASET_MANAGER.conversion_modal.hide());
     this.new_selector_modal = new ModalDialog('new-selector');
     this.new_selector_modal.ok.addEventListener(
         'click', () => DATASET_MANAGER.newModifier());
@@ -9101,20 +9291,181 @@ class GUIDatasetManager extends DatasetManager {
 
   reset() {
     super.reset();
+    this.selected_prefix_row = null;
     this.selected_modifier = null;
     this.edited_expression = null;
     this.filter_pattern = null;
-    this.last_time_selected = 0;
+    this.clicked_object = null;
+    this.last_time_clicked = 0;
+    this.focal_table = null;
+    this.expanded_rows = [];
+  }
+  
+  doubleClicked(obj) {
+    const
+        now = Date.now(),
+        dt = now - this.last_time_clicked;
+    this.last_time_clicked = now;
+    if(obj === this.clicked_object) {
+      // Consider click to be "double" if it occurred less than 300 ms ago
+      if(dt < 300) {
+        this.last_time_clicked = 0;
+        return true;
+      }
+    }
+    this.clicked_object = obj;
+    return false;
+  }
+  
+  enterKey() {
+    // Open "edit" dialog for the selected dataset or modifier expression
+    const srl = this.focal_table.getElementsByClassName('sel-set');
+    if(srl.length > 0) {
+      const r = this.focal_table.rows[srl[0].rowIndex];
+      if(r) {
+        const e = new Event('click');
+        if(this.focal_table === this.dataset_table) {
+          // Emulate Alt-click in the table to open the time series dialog
+          e.altKey = true;
+          r.dispatchEvent(e);
+        } else if(this.focal_table === this.modifier_table) {
+          // Emulate a double-click on the second cell to edit the expression
+          this.last_time_clicked = Date.now();
+          r.cells[1].dispatchEvent(e);
+        }
+      }
+    }
+  }
+  
+  upDownKey(dir) {
+    // Select row above or below the selected one (if possible)
+    const srl = this.focal_table.getElementsByClassName('sel-set');
+    if(srl.length > 0) {
+      let r = this.focal_table.rows[srl[0].rowIndex + dir];
+      while(r && r.style.display === 'none') {
+        r = (dir > 0 ? r.nextSibling : r.previousSibling);
+      }
+      if(r) {
+        UI.scrollIntoView(r);
+        // NOTE: cell, not row, listens for onclick event
+        if(this.focal_table === this.modifier_table) r = r.cells[1];
+        r.dispatchEvent(new Event('click'));
+      }
+    }
+  }
+  
+  hideCollapsedRows() {
+    // Hides all rows except top level and immediate children of expanded
+    for(let i = 0; i < this.dataset_table.rows.length; i++) {
+      const
+          row = this.dataset_table.rows[i],
+          // Get the first DIV in the first TD of this row
+          first_div = row.firstChild.firstElementChild,
+          btn = first_div.dataset.prefix === 'x';
+      let p = row.dataset.prefix,
+          x = this.expanded_rows.indexOf(p) >= 0, 
+          show = !p || x;
+      if(btn) {
+        const btn_div = row.getElementsByClassName('tree-btn')[0];
+        // Special expand/collapse row
+        if(show) {
+          // Set triangle to point down 
+          btn_div.innerText = '\u25BC';
+        } else {
+          // Set triangle to point right 
+          btn_div.innerText = '\u25BA';
+          // See whether "parent prefix" is expanded
+          p = p.split(UI.PREFIXER);
+          p.pop();
+          p = p.join(UI.PREFIXER);
+          // If so, then also show the row
+          show = (!p || this.expanded_rows.indexOf(p) >= 0);
+        }
+      }
+      row.style.display = (show ? 'block' : 'none');
+    }
+  }
+  
+  togglePrefixRow(e) {
+    // Shows list items of the next prefix level
+    let r = e.target;
+    while(r.tagName !== 'TR') r = r.parentNode;
+    const
+        p = r.dataset.prefix,
+        i = this.expanded_rows.indexOf(p);
+    if(i >= 0) {
+      this.expanded_rows.splice(i, 1);
+      // Also remove all prefixes that have `p` as prefix
+      for(let j = this.expanded_rows.length - 1; j >= 0; j--) {
+        if(this.expanded_rows[j].startsWith(p + UI.PREFIXER)) {
+          this.expanded_rows.splice(j, 1);
+        }
+      }
+    } else {
+      addDistinct(p, this.expanded_rows);
+    }
+    this.hideCollapsedRows();
+  }
+  
+  rowByPrefix(prefix) {
+    // Returns first table row with the specified prefix
+    if(!prefix) return null;
+    let lcp = prefix.toLowerCase(),
+        pl = lcp.split(': ');
+    // Remove trailing ': '
+    if(lcp.endsWith(': ')) {
+      pl.pop();
+      lcp = pl.join(': ');
+    }
+    while(pl.length > 0) {
+      addDistinct(pl.join(': '), this.expanded_rows);
+      pl.pop();
+    }
+    this.hideCollapsedRows();
+    for(let i = 0; i < this.dataset_table.rows.length; i++) {
+      const r = this.dataset_table.rows[i];
+      if(r.dataset.prefix === lcp) return r;
+    }
+    return null;
+  }
+
+  selectPrefixRow(e) {
+    // Selects expand/collapse prefix row
+    this.focal_table = this.dataset_table;
+    // NOTE: `e` can also be a string specifying the prefix to select
+    let r = e.target || this.rowByPrefix(e);
+    if(!r) return;
+    // Modeler may have clicked on the expand/collapse triangle;
+    const toggle = r.classList.contains('tree-btn');
+    while(r.tagName !== 'TR') r = r.parentNode;
+    this.selected_prefix_row = r;
+    const sel = this.dataset_table.getElementsByClassName('sel-set');
+    this.selected_dataset = null;
+    if(sel.length > 0) {
+      sel[0].classList.remove('sel-set');
+      this.updatePanes();
+    }
+    r.classList.add('sel-set');
+    if(!e.target) r.scrollIntoView({block: 'center'});
+    if(toggle || e.altKey || this.doubleClicked(r)) this.togglePrefixRow(e);
+    UI.enableButtons('ds-rename');      
   }
   
   updateDialog() {
     const
+        indent_px = 14,
         dl = [],
         dnl = [],
         sd = this.selected_dataset,
-        ioclass = ['', 'import', 'export'];
+        ioclass = ['', 'import', 'export'],
+        ciPrefixCompare = (a, b) => {
+            const
+                pa = a.split(':_').join('  '),
+                pb = b.split(':_').join('  ');
+            return ciCompare(pa, pb);
+          };
     for(let d in MODEL.datasets) if(MODEL.datasets.hasOwnProperty(d) &&
-        // NOTE: do not list "black-boxed" entities
+         // NOTE: do not list "black-boxed" entities
         !d.startsWith(UI.BLACK_BOX) &&
         // NOTE: do not list the equations dataset
         MODEL.datasets[d] !== MODEL.equations_dataset) {
@@ -9123,10 +9474,76 @@ class GUIDatasetManager extends DatasetManager {
         dnl.push(d);
       }
     }
-    dnl.sort(ciCompare);
-    let sdid = 'dstr';
+    dnl.sort(ciPrefixCompare);
+    // First determine indentation levels, prefixes and names 
+    const
+        indent = [],
+        pref_ids = [],
+        names = [],
+        pref_names = {},
+        xids = [];
     for(let i = 0; i < dnl.length; i++) {
-      const d = MODEL.datasets[dnl[i]];
+      const pref = UI.prefixesAndName(MODEL.datasets[dnl[i]].name);
+      // NOTE: only the name part (so no prefixes at all) will be shown
+      names.push(pref.pop());
+      indent.push(pref.length);
+      // NOTE: ignore case but join again with ": " because prefixes
+      // can contain any character; only the prefixer is "reserved"
+      const pref_id = pref.join(UI.PREFIXER).toLowerCase();
+      pref_ids.push(pref_id);
+      pref_names[pref_id] = pref;
+    }
+    let sdid = 'dstr',
+        prev_id = '',
+        ind_div = '';
+    for(let i = 0; i < dnl.length; i++) {
+      const
+          d = MODEL.datasets[dnl[i]],
+          pid = pref_ids[i];
+      if(indent[i]) {
+        ind_div = '<div class="ds-indent" style="width: ' +
+            indent[i] * indent_px + 'px">\u25B9</div>';
+      } else {
+        ind_div = '';
+      }
+      // NOTE: empty string should not add a collapse/expand row
+      if(pid && pid != prev_id && xids.indexOf(pid) < 0) {
+        // NOTE: XX: aa may be followed by XX: YY: ZZ: bb, which requires
+        // *two* collapsable lines: XX: YY and XX: YY: ZZ: before adding
+        // XX: YY: ZZ: bb
+        const
+            ps = pid.split(UI.PREFIXER),
+            pps = prev_id.split(UI.PREFIXER),
+            pn = pref_names[pid],
+            lpl = [];
+        let lindent = 0;
+        // Ignore identical leading prefixes
+        while(ps.length > 0 && pps.length > 0 && ps[0] === pps[0]) {
+          lpl.push(ps.shift());
+          pps.shift();
+          pn.shift();
+          lindent++;
+        }
+        // Add a "collapse" row for each new prefix
+        while(ps.length > 0) {
+          lpl.push(ps.shift());
+          lindent++;
+          const lpid = lpl.join(UI.PREFIXER);
+          dl.push(['<tr data-prefix="', lpid, '" class="dataset',
+              '" onclick="DATASET_MANAGER.selectPrefixRow(event);"><td>',
+              // NOTE: data-prefix="x" signals that this is an extra row
+              (lindent > 0 ?
+                  '<div data-prefix="x" style="width: ' + lindent * indent_px +
+                  'px"></div>' :
+                  ''),
+              '<div data-prefix="x" class="tree-btn">',
+              (this.expanded_rows.indexOf(lpid) >= 0 ? '\u25BC' : '\u25BA'),
+              '</div>', pn.shift(), '</td></tr>'].join(''));
+          // Add to the list to prevent multiple c/x-rows for the same prefix
+          xids.push(lpid);
+        }
+      }
+      prev_id = pid;
       let cls = ioclass[MODEL.ioType(d)];
       if(d.outcome) {
         cls += ' outcome';
@@ -9138,20 +9555,29 @@ class GUIDatasetManager extends DatasetManager {
       if(Object.keys(d.modifiers).length > 0) cls += ' modif';
       if(d.black_box) cls += ' blackbox';
       cls = cls.trim();
-      if(cls) cls = ' class="'+ cls + '"';
+      if(cls) cls = ' class="' + cls + '"';
       if(d === sd) sdid += i;
       dl.push(['<tr id="dstr', i, '" class="dataset',
           (d === sd ? ' sel-set' : ''),
           (d.default_selector ? ' def-sel' : ''),
+          '" data-prefix="', pid,
           '" onclick="DATASET_MANAGER.selectDataset(event, \'',
           dnl[i], '\');" onmouseover="DATASET_MANAGER.showInfo(\'', dnl[i],
-          '\', event.shiftKey);"><td', cls, '>', d.displayName,
-          '</td></tr>'].join(''));
+          '\', event.shiftKey);"><td>', ind_div, '<div', cls, '>',
+          names[i], '</td></tr>'].join(''));
     }
-    this.table.innerHTML = dl.join('');
-    const btns = 'ds-data ds-rename ds-clone ds-delete';
+    this.dataset_table.innerHTML = dl.join('');
+    this.hideCollapsedRows();
+    const e = document.getElementById(sdid);
+    if(e) UI.scrollIntoView(e);
+    this.updatePanes();
+  }
+  
+  updatePanes() {
+    const
+        sd = this.selected_dataset,
+        btns = 'ds-data ds-clone ds-delete ds-rename';
     if(sd) {
-      this.table.innerHTML = dl.join('');
       this.properties.style.display = 'block';
       document.getElementById('dataset-default').innerHTML =
           VM.sig4Dig(sd.default_value) +
@@ -9181,12 +9607,11 @@ class GUIDatasetManager extends DatasetManager {
         this.outcome.classList.add('not-selected');
       }
       UI.setImportExportBox('dataset', MODEL.ioType(sd));
-      const e = document.getElementById(sdid);
-      UI.scrollIntoView(e);
       UI.enableButtons(btns);
     } else {
       this.properties.style.display = 'none';
       UI.disableButtons(btns);
+      if(this.selected_prefix_row) UI.enableButtons('ds-rename');
     }
     this.updateModifiers();
   }
@@ -9234,7 +9659,7 @@ class GUIDatasetManager extends DatasetManager {
           m.selector, '</td><td class="dataset-expression',
           clk, ');">', m.expression.text, '</td></tr>'].join(''));
     }
-    document.getElementById('dataset-modif-table').innerHTML = ml.join('');
+    this.modifier_table.innerHTML = ml.join('');
     ttls.style.display = 'block';
     msa.style.display = 'block';
     mbtns.style.display = 'block';
@@ -9245,6 +9670,17 @@ class GUIDatasetManager extends DatasetManager {
     } else {
       UI.disableButtons(btns);
     }
+    // Check if dataset appears to "misuse" dataset modifiers
+    const
+        pml = sd.inferPrefixableModifiers,
+        e = document.getElementById('ds-convert-modif-btn');
+    if(pml.length > 0) {
+      e.style.display = 'inline-block';
+      e.title = 'Convert '+ pluralS(pml.length, 'modifier') +
+          ' to prefixed dataset(s)';
+    } else {
+      e.style.display = 'none'; 
+    }
   }
   
   showInfo(id, shift) {
@@ -9279,16 +9715,13 @@ class GUIDatasetManager extends DatasetManager {
   
   selectDataset(event, id) {
     // Select dataset, or edit it when Alt- or double-clicked
+    this.focal_table = this.dataset_table;
     const
         d = MODEL.datasets[id] || null,
-        now = Date.now(),
-        dt = now - this.last_time_selected,
-        // Consider click to be "double" if it occurred less than 300 ms ago
-        edit = event.altKey || (d === this.selected_dataset && dt < 300);
+        edit = event.altKey || this.doubleClicked(d);
     this.selected_dataset = d;
-    this.last_time_selected = now;
     if(d && edit) {
-      this.last_time_selected = 0;
+      this.last_time_clicked = 0;
       this.editData();
       return;
     }
@@ -9298,19 +9731,13 @@ class GUIDatasetManager extends DatasetManager {
   selectModifier(event, id, x=true) {
     // Select modifier, or when double-clicked, edit its expression or the
     // name of the modifier
+    this.focal_table = this.modifier_table;
     if(this.selected_dataset) {
       const m = this.selected_dataset.modifiers[UI.nameToID(id)],
-            now = Date.now(),
-            dt = now - this.last_time_selected,
-            // NOTE: Alt-click and double-click indicate: edit
-            // Consider click to be "double" if the same modifier was clicked
-            // less than 300 ms ago
-            edit = event.altKey || (m === this.selected_modifier && dt < 300);
-      this.last_time_selected = now;
+            edit = event.altKey || this.doubleClicked(m);
       if(event.shiftKey) {
         // NOTE: prepare to update HTML class of selected dataset
-        const el = document.getElementById('dataset-table')
-            .getElementsByClassName('sel-set')[0];
+        const el = this.dataset_table.getElementsByClassName('sel-set')[0];
         // Toggle dataset default selector
         if(m.selector === this.selected_dataset.default_selector) {
           this.selected_dataset.default_selector = '';
@@ -9322,7 +9749,7 @@ class GUIDatasetManager extends DatasetManager {
       }
       this.selected_modifier = m;
       if(edit) {
-        this.last_time_selected = 0;
+        this.last_time_clicked = 0;
         if(x) {
           this.editExpression();
         } else {
@@ -9336,8 +9763,36 @@ class GUIDatasetManager extends DatasetManager {
     this.updateModifiers();
   }
   
-  promptForDataset() {
-    this.new_modal.element('name').value = '';
+  get selectedPrefix() {
+    // Returns the selected prefix (with its trailing colon-space)
+    let prefix = '',
+        tr = this.selected_prefix_row;
+    while(tr) {
+      const td = tr.firstElementChild;
+      if(td && td.firstElementChild.dataset.prefix === 'x') {
+        prefix = td.lastChild.textContent + UI.PREFIXER + prefix;
+        tr = tr.previousSibling;
+      } else {
+        tr = null;
+      }
+    }
+    return prefix;
+  }
+  
+  promptForDataset(shift=false) {
+    // Shift signifies: add prefix of selected dataset (if any) to
+    // the name field of the dialog
+    let prefix = '';
+    if(shift) {
+      if(this.selected_dataset) {
+        const p = UI.prefixesAndName(this.selected_dataset.name);
+        p[p.length - 1] = '';
+        prefix = p.join(UI.PREFIXER);
+      } else if(this.selected_prefix) {
+        prefix = this.selectedPrefix;
+      }
+    }
+    this.new_modal.element('name').value = prefix;
     this.new_modal.show('name');
   }
   
@@ -9354,9 +9809,14 @@ class GUIDatasetManager extends DatasetManager {
   promptForName() {
     // Prompts the modeler for a new name for the selected dataset (if any)
     if(this.selected_dataset) {
+      this.rename_modal.element('title').innerText = 'Rename dataset';
       this.rename_modal.element('name').value =
           this.selected_dataset.displayName;
       this.rename_modal.show('name');
+    } else if(this.selected_prefix_row) {
+      this.rename_modal.element('title').innerText = 'Rename datasets by prefix';
+      this.rename_modal.element('name').value = this.selectedPrefix.slice(0, -2);
+      this.rename_modal.show('name');
     }
   }
   
@@ -9371,16 +9831,67 @@ class GUIDatasetManager extends DatasetManager {
       // Then try to rename -- this may generate a warning
       if(this.selected_dataset.rename(n)) {
         this.rename_modal.hide();
-        this.updateDialog();
-        // Also update Chart manager and Experiment viewer, as these may
-        // display a variable name for this dataset
-        CHART_MANAGER.updateDialog();
         if(EXPERIMENT_MANAGER.selected_experiment) {
           EXPERIMENT_MANAGER.selected_experiment.inferVariables();
         }
-        EXPERIMENT_MANAGER.updateDialog();
+        UI.updateControllerDialogs('CDEFJX');
+      }
+    } else if(this.selected_prefix_row) {
+      // Create a list of datasets to be renamed
+      let e = this.rename_modal.element('name'),
+          prefix = e.value.trim();
+      e.focus();
+      while(prefix.endsWith(':')) prefix = prefix.slice(0, -1);
+      // NOTE: prefix may be empty string, but otherwise should be a valid name
+      if(prefix && !UI.validName(prefix)) {
+        UI.warn('Invalid prefix');
+        return;
+      }
+      prefix += UI.PREFIXER;
+      const
+          oldpref = this.selectedPrefix,
+          key = oldpref.toLowerCase().split(UI.PREFIXER).join(':_'),
+          newkey = prefix.toLowerCase().split(UI.PREFIXER).join(':_'),
+          dsl = [];
+      // No change if new prefix is identical to old prefix
+      if(oldpref !== prefix) { 
+        for(let k in MODEL.datasets) if(MODEL.datasets.hasOwnProperty(k)) {
+          if(k.startsWith(key)) dsl.push(k);
+        }
+        // NOTE: no check needed for mere upper/lower case changes
+        if(newkey !== key) {
+          let nc = 0;
+          for(let i = 0; i < dsl.length; i++) {
+            let nk = newkey + dsl[i].substring(key.length);
+            if(MODEL.datasets[nk]) nc++;
+          }
+          if(nc) {
+            UI.warn('Renaming ' + pluralS(dsl.length, 'dataset') +
+                ' would cause ' + pluralS(nc, 'name conflict'));
+            return;
+          }
+        }
+        // Reset counts of effects of a rename operation
+        this.entity_count = 0;
+        this.expression_count = 0;
+        // Rename datasets one by one, suppressing notifications
+        for(let i = 0; i < dsl.length; i++) {
+          const d = MODEL.datasets[dsl[i]];
+          d.rename(d.displayName.replace(oldpref, prefix), false);
+        }
+        let msg = 'Renamed ' + pluralS(dsl.length, 'dataset');
+        if(MODEL.variable_count) msg += ', and updated ' +
+            pluralS(MODEL.variable_count, 'variable') + ' in ' +
+            pluralS(MODEL.expression_count, 'expression');
+        UI.notify(msg);
+        if(EXPERIMENT_MANAGER.selected_experiment) {
+          EXPERIMENT_MANAGER.selected_experiment.inferVariables();
+        }
+        UI.updateControllerDialogs('CDEFJX');
+        this.selectPrefixRow(prefix);
       }
     }
+    this.rename_modal.hide();
   }
 
   cloneDataset() {
@@ -9520,16 +10031,13 @@ class GUIDatasetManager extends DatasetManager {
     this.deleteModifier();
     this.selected_modifier = m;
     // Update all chartvariables referencing this dataset + old selector
+    const vl = MODEL.datasetChartVariables;
     let cv_cnt = 0;
-    for(let i = 0; i < MODEL.charts.length; i++) {
-      const c = MODEL.charts[i];
-      for(let j = 0; j < c.variables.length; j++) {
-        const v = c.variables[j];
-        if(v.object === this.selected_dataset &&
-            v.attribute === oldm.selector) {
-          v.attribute = m.selector;
-          cv_cnt++;
-        }
+    for(let i = 0; i < vl.length; i++) {
+      if(v.object === this.selected_dataset &&
+          v.attribute === oldm.selector) {
+        v.attribute = m.selector;
+        cv_cnt++;
       }
     }
     // Also replace old selector in all expressions (count these as well)
@@ -9543,7 +10051,7 @@ class GUIDatasetManager extends DatasetManager {
       UI.notify('Updated ' +  msg.join(' and '));
       // Also update these stay-on-top dialogs, as they may display a
       // variable name for this dataset + modifier
-      UI.updateControllerDialogs('CDEFX');
+      UI.updateControllerDialogs('CDEFJX');
     }
     // NOTE: update dimensions only if dataset now has 2 or more modifiers
     // (ignoring those with wildcards)
@@ -9595,6 +10103,138 @@ class GUIDatasetManager extends DatasetManager {
     }
   }
 
+  promptToConvertModifiers() {
+    // Convert modifiers of selected dataset to new prefixed datasets
+    const
+        ds = this.selected_dataset,
+        md = this.conversion_modal;
+    if(ds) {
+      md.element('prefix').value = ds.displayName;
+      md.show('prefix');
+    }
+  }
+  
+  convertModifiers() {
+    // Convert modifiers of selected dataset to new prefixed datasets
+    if(!this.selected_dataset) return;
+    const
+        ds = this.selected_dataset,
+        md = this.conversion_modal,
+        e = md.element('prefix');
+    let prefix = e.value.trim(),
+        vcount = 0;
+    e.focus();
+    while(prefix.endsWith(':')) prefix = prefix.slice(0, -1);
+    // NOTE: prefix may be empty string, but otherwise should be a valid name
+    if(!UI.validName(prefix)) {
+      UI.warn('Invalid prefix');
+      return;
+    }
+    prefix += UI.PREFIXER;
+    const
+        dsn = ds.displayName,
+        pml = ds.inferPrefixableModifiers,
+        xl = MODEL.allExpressions,
+        vl = MODEL.datasetVariables,
+        nl = MODEL.notesWithTags;
+    for(let i = 0; i < pml.length; i++) {
+      // Create prefixed dataset with correct default value
+      const
+          m = pml[i],
+          sel = m.selector,
+          newds = MODEL.addDataset(prefix + sel);
+      if(newds) {
+        // Retain properties of the "parent" dataset
+        newds.scale_unit = ds.scale_unit;
+        newds.time_scale = ds.time_scale;
+        newds.time_unit = ds.time_unit;
+        // Set modifier's expression result as default value
+        newds.default_value = m.expression.result(1);
+        // Remove the modifier from the dataset
+        delete ds.modifiers[UI.nameToID(sel)];
+        // If it was the dataset default modifier, clear this default
+        if(sel === ds.default_selector) ds.default_selector = '';
+        // Rename variable in charts
+        const
+            from = dsn + UI.OA_SEPARATOR + sel,
+            to = newds.displayName;
+        for(let j = 0; j < vl.length; j++) {
+          const v = vl[j];
+          // NOTE: variable should match original dataset + selector
+          if(v.displayName === from) {
+            // Change to new dataset WITHOUT selector
+            v.object = newds;
+            v.attribute = '';
+            vcount++;
+          }
+        }
+        // Rename variable in the Sensitivity Analysis
+        for(let j = 0; j < MODEL.sensitivity_parameters.length; j++) {
+          if(MODEL.sensitivity_parameters[j] === from) {
+            MODEL.sensitivity_parameters[j] = to;
+            vcount++;
+          }
+        }
+        for(let j = 0; j < MODEL.sensitivity_outcomes.length; j++) {
+          if(MODEL.sensitivity_outcomes[j] === from) {
+            MODEL.sensitivity_outcomes[j] = to;
+            vcount++;
+          }
+        }
+        // Rename variable in expressions and notes
+        const re = new RegExp(
+            // Handle multiple spaces between words
+            '\\[\\s*' + escapeRegex(from).replace(/\s+/g, '\\s+')
+            // Handle spaces around the separator |
+            .replace('\\|', '\\s*\\|\\s*') +
+            // Pattern ends at any character that is invalid for a
+            // dataset modifier selector (unlike equation names)
+            '\\s*[^a-zA-Z0-9\\+\\-\\%\\_]', 'gi');
+        for(let j = 0; j < xl.length; j++) {
+          const
+              x = xl[j],
+              matches = x.text.match(re);
+          if(matches) {
+            for(let k = 0; k < matches.length; k++) {
+              // NOTE: each match will start with the opening bracket,
+              // but end with the first "non-selector" character, which
+              // will typically be ']', but may also be '@' (and now that
+              // units can be converted, also the '>' of the arrow '->')
+              x.text = x.text.replace(matches[k], '[' + to + matches[k].slice(-1));
+              vcount ++;
+            }
+            // Force recompilation
+            x.code = null;
+          }
+        }
+        for(let j = 0; j < nl.length; j++) {
+          const
+              n = nl[j],
+              matches = n.contents.match(re);
+          if(matches) {
+            for(let k = 0; k < matches.length; k++) {
+              // See NOTE above for the use of `slice` here
+              n.contents = n.contents.replace(matches[k], '[' + to + matches[k].slice(-1));
+              vcount ++;
+            }
+            // Note fields must be parsed again
+            n.parsed = false;
+          }
+        }
+      }
+    }
+    if(vcount) UI.notify('Renamed ' + pluralS(vcount, 'variable') +
+        ' throughout the model');
+    // Delete the original dataset unless it has series data
+    if(ds.data.length === 0) this.deleteDataset();
+    MODEL.updateDimensions();
+    this.selected_dataset = null;
+    this.selected_prefix_row = null;
+    this.updateDialog();
+    md.hide();
+    this.selectPrefixRow(prefix);
+  }
+
   updateLine() {
     const
         ln =  document.getElementById('series-line-number'),
@@ -9743,7 +10383,49 @@ class EquationManager {
     this.visible = false;
     this.selected_modifier = null;
     this.edited_expression = null;
-    this.last_time_selected = 0;
+    this.last_time_clicked = 0;
+  }
+  
+  doubleClicked(obj) {
+    const
+        now = Date.now(),
+        dt = now - this.last_time_clicked;
+    this.last_time_clicked = now;
+    if(obj === this.clicked_object) {
+      // Consider click to be "double" if it occurred less than 300 ms ago
+      if(dt < 300) {
+        this.last_time_clicked = 0;
+        return true;
+      }
+    }
+    this.clicked_object = obj;
+    return false;
+  }
+  
+  enterKey() {
+    // Open the expression editor for the selected equation
+    const srl = this.table.getElementsByClassName('sel-set');
+    if(srl.length > 0) {
+      const r = this.table.rows[srl[0].rowIndex];
+      if(r) {
+        // Emulate a double-click on the second cell to edit the expression
+        this.last_time_clicked = Date.now();
+        r.cells[1].dispatchEvent(new Event('click'));
+      }
+    }
+  }
+  
+  upDownKey(dir) {
+    // Select row above or below the selected one (if possible)
+    const srl = this.table.getElementsByClassName('sel-set');
+    if(srl.length > 0) {
+      const r = this.table.rows[srl[0].rowIndex + dir];
+      if(r) {
+        UI.scrollIntoView(r);
+        // NOTE: not row but cell listens for onclick
+        r.cells[1].dispatchEvent(new Event('click'));
+      }
+    }
   }
   
   updateDialog() {
@@ -9789,14 +10471,9 @@ class EquationManager {
     if(MODEL.equations_dataset) {
       const
           m = MODEL.equations_dataset.modifiers[UI.nameToID(id)] || null,
-          now = Date.now(),
-          dt = now - this.last_time_selected,
-          // Consider click to be "double" if it occurred less than 300 ms ago
-          edit = event.altKey || (m === this.selected_modifier && dt < 300);
-      this.last_time_selected = now;
+          edit = event.altKey || this.doubleClicked(m);
       this.selected_modifier = m;
       if(m && edit) {
-        this.last_time_selected = 0;
         if(x) {
           this.editEquation();
         } else {
@@ -9918,7 +10595,7 @@ class EquationManager {
       UI.notify('Updated ' +  msg.join(' and '));
       // Also update these stay-on-top dialogs, as they may display a
       // variable name for this dataset + modifier
-      UI.updateControllerDialogs('CDEFX');
+      UI.updateControllerDialogs('CDEFJX');
     }
     // Always close the name prompt dialog, and update the equation manager
     this.rename_modal.hide();
@@ -10039,6 +10716,12 @@ class GUIChartManager extends ChartManager {
         'click', () => CHART_MANAGER.renameEquation());
     document.getElementById('chart-edit-equation-btn').addEventListener(
         'click', () => CHART_MANAGER.editEquation());
+    document.getElementById('variable-color').addEventListener(
+        'mouseenter', () => CHART_MANAGER.showPasteColor());
+    document.getElementById('variable-color').addEventListener(
+        'mouseleave', () => CHART_MANAGER.hidePasteColor());
+    document.getElementById('variable-color').addEventListener(
+        'click', (event) => CHART_MANAGER.copyPasteColor(event));
     // NOTE: uses the color picker developed by James Daniel
     this.color_picker = new iro.ColorPicker("#color-picker", {
         width: 92,
@@ -10086,6 +10769,32 @@ class GUIChartManager extends ChartManager {
     this.options_shown = true;
     this.setRunsChart(false);
     this.last_time_selected = 0;
+    this.paste_color = '';
+  }
+  
+  enterKey() {
+    // Open "edit" dialog for the selected chart variable
+    const srl = this.variables_table.getElementsByClassName('sel-set');
+    if(srl.length > 0) {
+      const r = this.variables_table.rows[srl[0].rowIndex];
+      if(r) {
+        // Emulate a double-click to edit the variable properties
+        this.last_time_selected = Date.now();
+        r.dispatchEvent(new Event('click'));
+      }
+    }
+  }
+  
+  upDownKey(dir) {
+    // Select row above or below the selected one (if possible)
+    const srl = this.variables_table.getElementsByClassName('sel-set');
+    if(srl.length > 0) {
+      const r = this.variables_table.rows[srl[0].rowIndex + dir];
+      if(r) {
+        UI.scrollIntoView(r);
+        r.dispatchEvent(new Event('click'));
+      }
+    }
   }
   
   setRunsChart(show) {
@@ -10115,14 +10824,13 @@ class GUIChartManager extends ChartManager {
     const
         n = ev.dataTransfer.getData('text'),
         obj = MODEL.objectByID(n);
+    ev.preventDefault();
     if(!obj) {
       UI.alert(`Unknown entity ID "${n}"`);
     } else if(this.chart_index >= 0) {
-      // Only accept when all conditions are met
-      ev.preventDefault();
       if(obj instanceof DatasetModifier) {
         // Equations can be added directly as chart variable
-        this.addVariable(obj.name);
+        this.addVariable(obj.selector);
         return;
       }
       // For other entities, the attribute must be specified
@@ -10502,7 +11210,16 @@ class GUIChartManager extends ChartManager {
     this.variable_index = vi;
     this.updateDialog();
   }
-    
+  
+  setColorPicker(color) {
+    // Robust way to set iro color picker color
+    try {
+      this.color_picker.color.hexString = color;
+    } catch(e) {
+      this.color_picker.color.rgbString = color;
+    }
+  }
+  
   editVariable() {
     // Shows the edit (or rather: format) variable dialog
     if(this.chart_index >= 0 && this.variable_index >= 0) {
@@ -10512,11 +11229,7 @@ class GUIChartManager extends ChartManager {
       this.variable_modal.element('scale').value = VM.sig4Dig(cv.scale_factor);
       this.variable_modal.element('width').value = VM.sig4Dig(cv.line_width);
       this.variable_modal.element('color').style.backgroundColor = cv.color;
-      try {
-        this.color_picker.color.hexString = cv.color;
-      } catch(e) {
-        this.color_picker.color.rgbString = cv.color;
-      }
+      this.setColorPicker(cv.color);
       // Show change equation buttons only for equation variables
       if(cv.object === MODEL.equations_dataset) {
         this.change_equation_btns.style.display = 'block';
@@ -10527,6 +11240,34 @@ class GUIChartManager extends ChartManager {
     }
   }
   
+  showPasteColor() {
+    // Show last copied color (if any) as smaller square next to color box
+    if(this.paste_color) {
+      const pc = this.variable_modal.element('paste-color');
+      pc.style.backgroundColor = this.paste_color;
+      pc.style.display = 'inline-block';
+    }
+  }
+  
+  hidePasteColor() {
+    // Hide paste color box
+    this.variable_modal.element('paste-color').style.display = 'none';
+  }
+  
+  copyPasteColor(event) {
+    // Store the current color as past color, or set it to the current
+    // paste color if this is defined and the Shift key was pressed
+    event.stopPropagation();
+    const cbox = this.variable_modal.element('color');
+    if(event.shiftKey && this.paste_color) {
+      cbox.style.backgroundColor = this.paste_color;
+      this.setColorPicker(this.paste_color);
+    } else {
+      this.paste_color = cbox.style.backgroundColor;
+      this.showPasteColor();
+    }
+  }
+  
   toggleVariable(vi) {
     window.event.stopPropagation();
     if(vi >= 0 && this.chart_index >= 0) {
@@ -10757,7 +11498,7 @@ class GUIChartManager extends ChartManager {
   }
   
   renderChartAsPNG() {
-    localStorage.removeItem('png-url');
+    window.localStorage.removeItem('png-url');
     FILE_MANAGER.renderSVGAsPNG(MODEL.charts[this.chart_index].svg);
   }
 
@@ -11552,7 +12293,10 @@ class GUIExperimentManager extends ExperimentManager {
     this.default_message = document.getElementById('experiment-default-message');
     
     this.design = document.getElementById('experiment-design');
+    this.experiment_table = document.getElementById('experiment-table');
     this.params_div = document.getElementById('experiment-params-div');
+    this.dimension_table = document.getElementById('experiment-dim-table');
+    this.chart_table = document.getElementById('experiment-chart-table');
     // NOTE: the Exclude input field responds to several events
     this.exclude = document.getElementById('experiment-exclude');
     this.exclude.addEventListener(
@@ -11749,9 +12493,22 @@ class GUIExperimentManager extends ExperimentManager {
     this.edited_dimension_index = -1;
     this.edited_combi_selector_index = -1;
     this.color_scale = new ColorScale('no');
+    this.focal_table = null;
     this.designMode();
   }
   
+  upDownKey(dir) {
+    // Select row above or below the selected one (if possible)
+    const srl = this.focal_table.getElementsByClassName('sel-set');
+    if(srl.length > 0) {
+      const r = this.focal_table.rows[srl[0].rowIndex + dir];
+      if(r) {
+        UI.scrollIntoView(r);
+        r.dispatchEvent(new Event('click'));
+      }
+    }
+  }
+  
   updateDialog() {
     this.updateChartList();
     // Warn modeler if no meaningful experiments can be defined
@@ -11785,7 +12542,7 @@ class GUIExperimentManager extends ExperimentManager {
           '\');" onmouseover="EXPERIMENT_MANAGER.showInfo(', xi,
           ', event.shiftKey);"><td>', x.title, '</td></tr>'].join(''));
     }
-    document.getElementById('experiment-table').innerHTML = xl.join('');
+    this.experiment_table.innerHTML = xl.join('');
     const
         btns = 'xp-rename xp-view xp-delete xp-ignore',
         icnt = document.getElementById('xp-ignore-count');
@@ -11849,7 +12606,7 @@ class GUIExperimentManager extends ExperimentManager {
           setString(x.dimensions[i]),
           '</td></tr>'].join(''));
     }
-    document.getElementById('experiment-dim-table').innerHTML = tr.join('');
+    this.dimension_table.innerHTML = tr.join('');
     // Add button must be enabled only if there still are unused dimensions
     if(x.available_dimensions.length > 0) {
       document.getElementById('xp-d-add-btn').classList.remove('v-disab');
@@ -11865,8 +12622,9 @@ class GUIExperimentManager extends ExperimentManager {
           i, '\');"><td>',
           x.charts[i].title, '</td></tr>'].join(''));
     }
-    document.getElementById('experiment-chart-table').innerHTML = tr.join('');
-    if(x.charts.length === 0) canview = false;
+    this.chart_table.innerHTML = tr.join('');
+    // Do not show viewer unless at least 1 dependent variable has been defined
+    if(x.charts.length === 0 && MODEL.outcomeNames.length === 0) canview = false;
     if(tr.length >= this.suitable_charts.length) {
       document.getElementById('xp-c-add-btn').classList.add('v-disab');
     } else {
@@ -11886,7 +12644,7 @@ class GUIExperimentManager extends ExperimentManager {
       dbtn.classList.add('v-disab');
       cbtn.classList.add('v-disab');
     }
-    // Enable viewing only if > 1 dimensions and > 1 charts
+    // Enable viewing only if > 1 dimensions and > 1 outcome variables
     if(canview) {
       UI.enableButtons('xp-view');
     } else {
@@ -11971,14 +12729,11 @@ class GUIExperimentManager extends ExperimentManager {
     const x = this.selected_experiment;
     if(x) {
       x.inferVariables();
-      if(x.selected_variable === '') {
-        x.selected_variable = x.variables[0].displayName;
-      }
       const
           ol = [],
           vl = MODEL.outcomeNames;
       for(let i = 0; i < x.variables.length; i++) {
-        vl.push(x.variables[i].displayName); 
+        addDistinct(x.variables[i].displayName, vl); 
       }
       vl.sort(ciCompare);
       for(let i = 0; i < vl.length; i++) {
@@ -11987,6 +12742,9 @@ class GUIExperimentManager extends ExperimentManager {
             '>', vl[i], '</option>'].join(''));
       }
       document.getElementById('viewer-variable').innerHTML = ol.join('');
+      if(x.selected_variable === '') {
+        x.selected_variable = vl[0];
+      }
     }
   }
   
@@ -12525,6 +13283,8 @@ N = ${rr.N}, vector length = ${rr.vector.length}` : '')].join('');
   
   selectParameter(p) {
     this.selected_parameter = p;
+    this.focal_table = (p.startsWith('d') ? this.dimension_table :
+        this.chart_table);
     this.updateDialog();
   }
   
@@ -14142,7 +14902,10 @@ class Finder {
     this.copy_btn = document.getElementById('finder-copy-btn');
     this.copy_btn.addEventListener(
         'click', (event) => FINDER.copyAttributesToClipboard(event.shiftKey));
-
+    this.entity_table = document.getElementById('finder-table');
+    this.item_table = document.getElementById('finder-item-table');
+    this.expression_table = document.getElementById('finder-expression-table');
+        
   // Attribute headers are used by Finder to output entity attribute values
     this.attribute_headers = {
         A: 'ACTORS:\tWeight\tCash IN\tCash OUT\tCash FLOW',
@@ -14174,6 +14937,47 @@ class Finder {
     this.product_cluster_index = 0;
   }
   
+  doubleClicked(obj) {
+    const
+        now = Date.now(),
+        dt = now - this.last_time_clicked;
+    this.last_time_clicked = now;
+    if(obj === this.clicked_object) {
+      // Consider click to be "double" if it occurred less than 300 ms ago
+      if(dt < 300) {
+        this.last_time_clicked = 0;
+        return true;
+      }
+    }
+    this.clicked_object = obj;
+    return false;
+  }
+  
+  enterKey() {
+    // Open "edit properties" dialog for the selected entity
+    const srl = this.entity_table.getElementsByClassName('sel-set');
+    if(srl.length > 0) {
+      const r = this.entity_table.rows[srl[0].rowIndex];
+      if(r) {
+        const e = new Event('click');
+        e.altKey = true;
+        r.dispatchEvent(e);
+      }
+    }
+  }
+  
+  upDownKey(dir) {
+    // Select row above or below the selected one (if possible)
+    const srl = this.entity_table.getElementsByClassName('sel-set');
+    if(srl.length > 0) {
+      const r = this.entity_table.rows[srl[0].rowIndex + dir];
+      if(r) {
+        UI.scrollIntoView(r);
+        r.dispatchEvent(new Event('click'));
+      }
+    }
+  }
+  
   updateDialog() {
     const
         el = [],
@@ -14289,7 +15093,7 @@ class Finder {
       if(e === se) seid += i;
       el.push(['<tr id="etr', i, '" class="dataset',
           (e === se ? ' sel-set' : ''), '" onclick="FINDER.selectEntity(\'',
-          enl[i], '\');" onmouseover="FINDER.showInfo(\'', enl[i],
+          enl[i], '\', event.altKey);" onmouseover="FINDER.showInfo(\'', enl[i],
           '\', event.shiftKey);"><td draggable="true" ',
           'ondragstart="FINDER.drag(event);"><img class="finder" src="images/',
           e.type.toLowerCase(), '.png">', e.displayName,
@@ -14297,7 +15101,7 @@ class Finder {
     }
     // NOTE: reset `selected_entity` if not in the new list
     if(seid === 'etr') this.selected_entity = null;
-    document.getElementById('finder-table').innerHTML = el.join('');
+    this.entity_table.innerHTML = el.join('');
     UI.scrollIntoView(document.getElementById(seid));
     document.getElementById('finder-count').innerHTML = pluralS(
         el.length, 'entity', 'entities');
@@ -14362,7 +15166,7 @@ class Finder {
       const
           raw = escapeRegex(se.displayName),
           re = new RegExp(
-              '\\[\\s*' + raw.replace(/\s+/g, '\\s+') + '\\s*[\\|\\@\\]]');
+              '\\[\\s*!?' + raw.replace(/\s+/g, '\\s+') + '\\s*[\\|\\@\\]]');
       // Check actor weight expressions
       for(let k in MODEL.actors) if(MODEL.actors.hasOwnProperty(k)) {
         const a = MODEL.actors[k];
@@ -14452,7 +15256,7 @@ class Finder {
           e.type.toLowerCase(), '.png">', e.displayName,
           '</td></tr>'].join(''));
     }
-    document.getElementById('finder-item-table').innerHTML = el.join('');
+    this.item_table.innerHTML = el.join('');
     // Clear the table row list
     el.length = 0;
     // Now fill it with entity+attribute having a matching expression
@@ -14480,7 +15284,7 @@ class Finder {
           '<img class="finder" src="images/', img, '.png">', td, '</td></tr>'
           ].join(''));
     }
-    document.getElementById('finder-expression-table').innerHTML = el.join('');
+    this.expression_table.innerHTML = el.join('');
     document.getElementById('finder-expression-hdr').innerHTML =
         pluralS(el.length, 'expression');
   }
@@ -14515,10 +15319,37 @@ class Finder {
     if(e) DOCUMENTATION_MANAGER.update(e, shift);
   }
   
-  selectEntity(id) {
-    // Looks up entity, selects it in the left pane, and updates the right pane
-    this.selected_entity = MODEL.objectByID(id);
+  selectEntity(id, alt=false) {
+    // Looks up entity, selects it in the left pane, and updates the
+    // right pane; opens the "edit properties" modal dialog on double-click
+    // and Alt-click if the entity is editable
+    const obj = MODEL.objectByID(id);
+    this.selected_entity = obj;
     this.updateDialog();
+    if(!obj) return;
+    if(alt || this.doubleClicked(obj)) {
+      if(obj instanceof Process) {
+        UI.showProcessPropertiesDialog(obj);
+      } else if(obj instanceof Product) {
+        UI.showProductPropertiesDialog(obj);
+      } else if(obj instanceof Link) {
+        UI.showLinkPropertiesDialog(obj);
+      } else if(obj instanceof Note) {
+        obj.showNotePropertiesDialog();
+      } else if(obj instanceof Dataset) {
+        if(UI.hidden('dataset-dlg')) {
+          UI.buttons.dataset.dispatchEvent(new Event('click'));
+        }
+        DATASET_MANAGER.selected_dataset = obj;
+        DATASET_MANAGER.updateDialog();
+      } else if(obj instanceof DatasetModifier) {
+        if(UI.hidden('equation-dlg')) {
+          UI.buttons.equation.dispatchEvent(new Event('click'));
+        }
+        EQUATION_MANAGER.selected_modifier = obj;
+        EQUATION_MANAGER.updateDialog();
+      }
+    }
   }
   
   reveal(id) {
@@ -14569,22 +15400,12 @@ class Finder {
     // NOTE: return the object to save a second lookup by revealExpression
     return obj;
   }
-
+  
   revealExpression(id, attr, shift=false, alt=false) {
-    const
-        obj = this.reveal(id),
-        now = Date.now(),
-        dt = now - this.last_time_clicked;
-    this.last_time_clicked = now;
-    if(obj === this.clicked_object) {
-      // Consider click to be "double" if it occurred less than 300 ms ago
-      if(dt < 300) {
-        this.last_time_clicked = 0;
-        shift = true;
-      }
-    }
-    this.clicked_object = obj;
-    if(obj && attr && (shift || alt)) {
+    const obj = this.reveal(id);
+    if(!obj) return;
+    shift = shift || this.doubleClicked(obj);
+    if(attr && (shift || alt)) {
       if(obj instanceof Process) {
         // NOTE: the second argument makes the dialog focus on the specified
         // attribute input field; the third makes it open the expression editor