diff --git a/client/.babelrc b/client/.babelrc
index d0f4b953ce4c..21f360d74a17 100644
--- a/client/.babelrc
+++ b/client/.babelrc
@@ -1,6 +1,7 @@
 {
   "presets": ["env"],
   "moduleIds": true,
+  "plugins": ["transform-vue-template"],
   "ignore": [
     "i18n.js",
     "utils/localization.js",
diff --git a/client/galaxy/scripts/components/RuleCollectionBuilder.vue b/client/galaxy/scripts/components/RuleCollectionBuilder.vue
new file mode 100644
index 000000000000..990db904c81f
--- /dev/null
+++ b/client/galaxy/scripts/components/RuleCollectionBuilder.vue
@@ -0,0 +1,2217 @@
+<template>
+    <state-div v-if="state == 'build'">
+        <!-- Different instructions if building up from individual datasets vs. 
+             initial data import. -->
+        <div class="header flex-row no-flex" v-if="ruleView == 'source'">
+            The is an advanced setting, below is a raw JSON description of the rules to apply to the tabular data used. The alternative graphical editor is recommended for most usages.
+        </div>
+        <div class="header flex-row no-flex" v-else-if="elementsType == 'datasets'">
+            Use this form to describe rules for building a collection from the specified datasets.
+        </div>
+        <!-- This modality allows importing individual datasets, multiple collections,
+             and requires a data source - note that. -->
+        <div class="header flex-row no-flex" v-else-if="importType == 'datasets'">
+            Use this form to describe rules for import datasets. At least one column should be defined to a source to fetch data from (URLs, FTP files, etc...).
+        </div>
+        <div class="header flex-row no-flex" v-else>
+            Use this form to describe rules for import datasets. At least one column should be defined to a source to fetch data from (URLs, FTP files, etc...). Be sure to specify at least one column as a list identifier - specify more to created nested list structures. Specify a column to serve as "collection name" to group datasets into multiple collections.
+        </div>
+        <div class="middle flex-row flex-row-container" v-if="ruleView == 'source'">
+            <p class="alert-message" v-if="ruleSourceError">{{ ruleSourceError }}</p>
+            <textarea class="rule-source" v-model="ruleSource"></textarea>
+        </div>
+        <div class="middle flex-row flex-row-container" v-else>
+            <!-- column-headers -->
+            <div class="rule-builder-body vertically-spaced"
+                 v-bind:class="{ 'flex-column-container': vertical }" v-if="ruleView == 'normal'">
+                <!-- width: 30%; -->
+                <div class="rule-column" v-bind:class="orientation">
+                    <div class="rules-container" v-bind:class="{'rules-container-vertical': vertical, 'rules-container-horizontal': horizontal}">
+                        <rule-component rule-type="sort"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <column-selector :target.sync="addSortingTarget" :col-headers="activeRuleColHeaders" />
+                            <label :title="titleNumericSort">
+                                <input type="checkbox" v-model="addSortingNumeric" />
+                                {{ l("Numeric sorting.") }}
+                            </label>
+                        </rule-component>
+                        <rule-component rule-type="add_column_basename"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <column-selector :target.sync="addColumnBasenameTarget" :col-headers="activeRuleColHeaders" />
+                        </rule-component>
+                        <rule-component rule-type="add_column_rownum"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <label>
+                                {{ l("Starting from") }}
+                                <input type="number" v-model="addColumnRownumStart" min="0" />
+                            </label>
+                        </rule-component>
+                        <rule-component rule-type="add_column_regex"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <column-selector :target.sync="addColumnRegexTarget" :col-headers="activeRuleColHeaders" />
+                            <input type="radio" v-model="addColumnRegexType" value="global">Create column matching expression.<br />
+                            <input type="radio" v-model="addColumnRegexType" value="groups">Create columns matching expression groups.<br />
+                            <input type="radio" v-model="addColumnRegexType" value="replacement">Create column from expression replacement.<br />
+                            <regular-expression-input :target.sync="addColumnRegexExpression" />
+                            <label v-if="addColumnRegexType=='groups'">
+                                {{ l("Number of Groups") }}
+                                <input type="number" v-model="addColumnRegexGroupCount" min="1" />
+                            </label>
+                            <label v-if="addColumnRegexType=='replacement'">
+                                {{ l("Replacement Expression") }}
+                                <input type="text" v-model="addColumnRegexReplacement" class="rule-replacement" />
+                            </label>
+                        </rule-component>
+                        <rule-component rule-type="add_column_concatenate"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <column-selector :target.sync="addColumnConcatenateTarget0" :col-headers="activeRuleColHeaders" />
+                            <column-selector :target.sync="addColumnConcatenateTarget1" :col-headers="activeRuleColHeaders" />
+                        </rule-component>
+                        <rule-component rule-type="add_column_substr"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <column-selector :target.sync="addColumnSubstrTarget" :col-headers="activeRuleColHeaders" />
+                            <label>
+                                <select v-model="addColumnSubstrType">
+                                    <option value="keep_prefix">Keep only prefix specified.</option>
+                                    <option value="drop_prefix">Strip off prefix specified.</option>
+                                    <option value="keep_suffix">Keep only suffix specified.</option>
+                                    <option value="drop_suffix">Strip off suffix specified.</option>
+                                </select>
+                            </label>
+                            <label>
+                                {{ l("Prefix or suffix length") }}
+                                <input type="number" v-model="addColumnSubstrLength" min="0" />
+                            </label>
+                        </rule-component>
+                        <rule-component rule-type="add_column_value"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <label>
+                                {{ l("Value") }}
+                                <input type="text" v-model="addColumnValue" />
+                            </label>
+                        </rule-component>
+                        <rule-component rule-type="remove_columns"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <column-selector :target.sync="removeColumnTargets" :col-headers="activeRuleColHeaders" :multiple="true" />
+                        </rule-component>
+                        <rule-component rule-type="split_columns"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <column-selector :target.sync="splitColumnsTargets0" label="Odd Row Column(s)" :col-headers="activeRuleColHeaders" :multiple="true" />
+                            <column-selector :target.sync="splitColumnsTargets1" label="Even Row Column(s)" :col-headers="activeRuleColHeaders" :multiple="true" />
+                        </rule-component>
+                        <rule-component rule-type="swap_columns"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <column-selector :target.sync="swapColumnsTarget0" label="Swap Column" :col-headers="activeRuleColHeaders" />
+                            <column-selector :target.sync="swapColumnsTarget1" label="With Column" :col-headers="activeRuleColHeaders" />
+                        </rule-component>
+                        <rule-component rule-type="add_filter_regex"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <column-selector :target.sync="addFilterRegexTarget" :col-headers="activeRuleColHeaders" />
+                            <regular-expression-input :target.sync="addFilterRegexExpression" />
+                            <label :title="titleInvertFilterRegex">
+                                <input type="checkbox" v-model="addFilterRegexInvert" />
+                                {{ l("Invert filter.") }}
+                            </label>
+                        </rule-component>
+                        <rule-component rule-type="add_filter_matches"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <column-selector :target.sync="addFilterMatchesTarget" :col-headers="activeRuleColHeaders" />
+                            <input type="text" v-model="addFilterMatchesValue" />
+                            <label :title="titleInvertFilterMatches">
+                                <input type="checkbox" v-model="addFilterMatchesInvert" />
+                                {{ l("Invert filter.") }}
+                            </label>
+                        </rule-component>
+                        <rule-component rule-type="add_filter_compare"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <column-selector :target.sync="addFilterCompareTarget" :col-headers="activeRuleColHeaders" />
+                            <label>
+                                Filter out rows
+                                <select v-model="addFilterCompareType">
+                                    <option value="less_than">{{ l("less than") }} </option>
+                                    <option value="less_than_equal">{{ l("less than or equal to") }}</option>
+                                    <option value="greater_than">{{ l("greater than") }}</option>
+                                    <option value="greater_than_equal">{{ l("greater than or equal to") }}</option>
+                                </select>
+                            </label>
+                            <input type="text" v-model="addFilterCompareValue" />
+                        </rule-component>
+                        <rule-component rule-type="add_filter_count"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <label>
+                                Filter which rows?
+                                <select v-model="addFilterCountWhich">
+                                    <option value="first">first</option>
+                                    <option value="last">last</option>
+                                </select>
+                            </label>
+                            <label>
+                                Filter how many rows?
+                                <input type="number" v-model="addFilterCountN" />
+                            </label>
+                            <label :title="titleInvertFilterMatches">
+                                <input type="checkbox" v-model="addFilterCountInvert" />
+                                {{ l("Invert filter.") }}
+                            </label>
+                        </rule-component>
+                        <rule-component rule-type="add_filter_empty"
+                                        :display-rule-type="displayRuleType"
+                                        :builder="this">
+                            <column-selector :target.sync="addFilterEmptyTarget" :col-headers="activeRuleColHeaders" />
+                            <label :title="titleInvertFilterEmpty">
+                                <input type="checkbox" v-model="addFilterEmptyInvert" />
+                                {{ l("Invert filter.") }}
+                            </label>
+                        </rule-component>
+                        <div v-if="displayRuleType == 'mapping'">
+                            <div class="map"
+                                 v-for="map in mapping"
+                                 v-bind:index="map.index"
+                                 v-bind:key="map.type">
+                                <column-selector 
+                                    :class="'rule-map-' + map.type.replace(/_/g, '-')"
+                                    :label="mappingTargets()[map.type].label"
+                                    :target.sync="map.columns"
+                                    :ordered-edit.sync="map.editing"
+                                    :col-headers="colHeaders"
+                                    :multiple="mappingTargets()[map.type].multiple"
+                                    :ordered="true"
+                                    :value-as-list="true" />
+                            </div>
+                            <div class="buttons">
+                                <div class="btn-group" v-if="unmappedTargets.length > 0">
+                                  <button type="button" class="primary-button dropdown-toggle" data-toggle="dropdown">
+                                    <span class="fa fa-plus rule-add-mapping"></span> {{ "Add Definition" }}<span class="caret"></span>
+                                  </button>
+                                  <ul class="dropdown-menu" role="menu">
+                                    <li v-for="target in unmappedTargets"
+                                        v-bind:index="target"
+                                        v-bind:key="target">
+                                      <a :class="'rule-add-mapping-' + target.replace(/_/g, '-')" @click="addIdentifier(target)">{{ mappingTargets()[target].label }}</a>
+                                    </li>
+                                  </ul>
+                                </div>
+                               <button type="button" class="ui-button-default btn btn-default rule-mapping-ok" v-if="!hasActiveMappingEdit" @click="displayRuleType = null">Okay</button>
+                            </div>
+                        </div>
+                        <div class="rule-summary" v-if="displayRuleType == null">
+                            <span class="title">
+                                {{ l("Rules") }}
+                                <span class="fa fa-wrench rule-builder-view-source" :title="titleViewSource" @click="viewSource"></span>
+                            </span>
+                            <div v-if="jaggedData" class="rule-warning">
+                                Rows contain differing numbers of columns, there was likely a problem parsing your data.
+                            </div>
+                            <ol class="rules">
+                                <!-- Example at the end of https://vuejs.org/v2/guide/list.html -->
+                                <rule-display
+                                  v-for="(rule, index) in rules"
+                                  v-bind:rule="rule"
+                                  v-bind:index="index"
+                                  v-bind:key="index"
+                                  @edit="editRule(rule, index)"
+                                  @remove="removeRule(index)"
+                                  :col-headers="colHeadersPerRule[index]" />
+                                <identifier-display v-for="(map, index) in mapping"
+                                                    v-bind="map"
+                                                    v-bind:index="index"
+                                                    v-bind:key="map.type"
+                                                    @remove="removeMapping(index)"
+                                                    @edit="displayRuleType = 'mapping'"
+                                                    v-on:mouseover.native="map.columns.forEach((col) => highlightColumn(col))"
+                                                    v-on:mouseout.native="map.columns.forEach((col) =>unhighlightColumn(col))"
+                                                    :col-headers="colHeaders" />
+                                <div v-if="mapping.length == 0">
+                                    One or more column definitions must be specified. These are required to specify how to build collections and datasets from rows and columns of the table. <a href="#" @click="displayRuleType = 'mapping'">Click here</a> to manage column definitions.
+                                </div>
+                            </ol>
+                            <div class="rules-buttons">
+                                <div class="btn-group dropup">
+                                  <button type="button" class="rule-menu-rules-button primary-button dropdown-toggle" data-toggle="dropdown">
+                                    <span class="fa fa-plus"></span> {{ l("Rules") }}<span class="caret"></span>
+                                  </button>
+                                  <ul class="dropdown-menu" role="menu">
+                                    <rule-target-component :builder="this" rule-type="sort" />
+                                    <rule-target-component :builder="this" rule-type="remove_columns" />
+                                    <rule-target-component :builder="this" rule-type="split_columns" />
+                                    <rule-target-component :builder="this" rule-type="swap_columns" />
+                                    <li><a class="rule-link rule-link-mapping" @click="displayRuleType = 'mapping'">Add / Modify Column Definitions</a></li>
+                                  </ul>
+                                </div>
+                                <div class="btn-group dropup">
+                                    <button type="button" class="rule-menu-filter-button primary-button dropdown-toggle" data-toggle="dropdown">
+                                        <span class="fa fa-plus"></span> {{ l("Filter") }}<span class="caret"></span>
+                                    </button>
+                                    <ul class="dropdown-menu" role="menu">
+                                        <rule-target-component :builder="this" rule-type="add_filter_regex" />
+                                        <rule-target-component :builder="this" rule-type="add_filter_matches" />
+                                        <rule-target-component :builder="this" rule-type="add_filter_compare" />
+                                        <rule-target-component :builder="this" rule-type="add_filter_empty" />
+                                        <rule-target-component :builder="this" rule-type="add_filter_count" />
+                                  </ul>
+                                </div>
+                                <div class="btn-group dropup">
+                                    <button type="button" class="rule-menu-column-button primary-button dropdown-toggle" data-toggle="dropdown">
+                                        <span class="fa fa-plus"></span> {{ l("Column") }}<span class="caret"></span>
+                                    </button>
+                                    <ul class="dropdown-menu" role="menu">
+                                        <rule-target-component :builder="this" rule-type="add_column_basename" />
+                                        <rule-target-component :builder="this" rule-type="add_column_regex" />
+                                        <rule-target-component :builder="this" rule-type="add_column_concatenate" />
+                                        <rule-target-component :builder="this" rule-type="add_column_rownum" />
+                                        <rule-target-component :builder="this" rule-type="add_column_value" />
+                                        <rule-target-component :builder="this" rule-type="add_column_substr" />
+                                  </ul>
+                                </div> 
+                            </div>                               
+                        </div>
+                    </div>
+                </div>
+                <!--  flex-column column -->
+                <!--  style="width: 70%;" -->
+                <div class="table-column" v-bind:class="orientation" style="width: 100%;">
+                    <hot-table id="hot-table"
+                               ref="hotTable"
+                               :data="hotData['data']"
+                               :colHeaders="colHeadersDisplay"
+                               :readOnly="true"
+                               stretchH="all">
+                    </hot-table>
+                </div>
+            </div>
+        </div>
+        <div class="footer flex-row no-flex vertically-spaced" v-if="ruleView == 'source'">
+            <option-buttons-div>
+                <button @click="resetSource" class="creator-reset-btn btn rule-btn-reset">
+                    {{ l("Reset") }}
+                </button>
+               <button @click="attemptRulePreview" class="btn btn-primary rule-btn-okay">
+                    {{ l("Okay")}}
+                </button>
+            </option-buttons-div>
+        </div>
+        <div class="footer flex-row no-flex vertically-spaced"
+             v-else-if="ruleView == 'normal'">
+            <div class="attributes clear"/>
+            <label class="rule-option" v-if="elementsType == 'datasets'">
+                {{ l("Hide original elements") }}:
+                <input type="checkbox" v-model="hideSourceItems" />
+            </label>
+            <label class="rule-option rule-option-extension" v-if="elementsType !== 'datasets' && !mappingAsDict.file_type">
+                {{ l("Type") }}:
+                <select2 name="extension" style="width: 120px" v-model="extension" v-if="extension">
+                    <option v-for="(col, index) in extensions" :value="col['id']"">{{ col["text"] }}</option>
+                </select2>
+            </label>
+            <label class="rule-option" v-if="elementsType !== 'datasets' && !mappingAsDict.dbkey">
+                {{ l("Genome") }}:
+                <select2 id="genome-selector" style="width: 120px" v-model="genome" v-if="genome">
+                    <option v-for="(col, index) in genomes" :value="col['id']"">{{ col["text"] }}</option>
+                </select2>
+            </label>
+            <label class="rule-option pull-right" v-if="mappingAsDict.list_identifiers && !mappingAsDict.collection_name">
+                {{ l("Name") }}:
+                <input class="collection-name" style="width: 260px" 
+                :placeholder="namePlaceholder" v-model="collectionName" />
+            </label>
+            <option-buttons-div>
+                <button @click="swapOrientation" class="creator-orient-btn btn rule-btn-reorient" tabindex="-1">
+                    {{ l("Re-orient") }}
+                </button>
+                <button @click="cancel" class="creator-cancel-btn btn rule-btn-cancel" tabindex="-1">
+                    {{ l("Cancel") }}
+                </button>
+                <button @click="resetRulesAndState" :title="titleReset" class="creator-reset-btn btn rule-btn-reset">
+                    {{ l("Reset") }}
+                </button>
+                <button @click="createCollection" class="create-collection btn btn-primary rule-btn-okay" v-bind:class="{ disabled: !validInput }">
+                    {{ elementsType == "datasets" ? l("Create") : l("Upload") }}
+                </button>
+            </option-buttons-div>
+        </div>
+    </state-div>
+    <state-div v-else-if="state == 'wait'">
+        <div class="header flex-row no-flex">
+            {{ l("Galaxy is waiting for collection creation, this dialog will close when this is complete.") }}
+        </div>
+        <div class="footer flex-row no-flex">
+            <option-buttons-div>
+                <button @click="cancel" class="creator-cancel-btn btn" tabindex="-1">
+                    {{ l("Close") }}
+                </button>
+            </option-buttons-div>
+        </div>
+    </state-div>
+    <state-div v-else-if="state == 'error'">
+        <!-- TODO: steal styling from paired collection builder warning... -->
+        <div>
+            {{ errorMessage }}
+        </div>
+    </state-div>
+</template>
+<script>
+import axios from "axios";
+import _l from "utils/localization";
+import HotTable from 'vue-handsontable-official';
+import Popover from "mvc/ui/ui-popover";
+import UploadUtils from "mvc/upload/upload-utils";
+import JobStatesModel from "mvc/history/job-states-model";
+import Vue from "vue";
+
+
+const MAPPING_TARGETS = {
+    list_identifiers: {
+        multiple: true,
+        label: _l("List Identifier(s)"),
+        columnHeader: _l("List Identifier"),
+        help: _l("This should be a short description of the replicate, sample name, condition, etc... that describes each level of the list structure."),
+        importType: "collections",
+    },
+    paired_identifier: {
+        label: _l("Paired-end Indicator"),
+        columnHeader: _l("Paired Indicator"),
+        help: _l("This should be set to '1', 'R1', 'forward', 'f', or 'F' to indicate forward reads, and '2', 'r', 'reverse', 'R2', 'R', or 'R2' to indicate reverse reads."),
+        importType: "collections",
+    },
+    collection_name: {
+        label: _l("Collection Name"),
+        help: _l("If this is set, all rows with the same collection name will be joined into a collection and it is possible to create multiple collections at once."),
+        modes: ["raw", "ftp"],  // TODO: allow this in datasets mode.
+        importType: "collections",
+    },
+    name: {
+        label: _l("Name"),
+        importType: "datasets",
+    },
+    dbkey: {
+        label: _l("Genome"),
+        modes: ["raw", "ftp"],
+    },
+    file_type: {
+        label: _l("Type"),
+        modes: ["raw", "ftp"],
+        help: _l("This should be the Galaxy file type corresponding to this file."),
+    },
+    url: {
+        label: _l("URL"),
+        modes: ["raw"],
+        help: _l("This should be a URL the file can be downloaded from."),
+    },
+    info: {
+        label: _l("Info"),
+        help: _l("Unstructured text associated with the dataset that shows up in the history panel, this is optional and can be whatever you would like."),
+        modes: ["raw", "ftp"],
+    },
+    ftp_path: {
+        label: _l("FTP Path"),
+        modes: ["raw", "ftp"],
+        help: _l("This should be the path to the target file to include relative to your FTP directory on the Galaxy server"),
+        requiresFtp: true,
+    }
+}
+
+const applyRegex = function(regex, target, data, replacement, groupCount) {
+    let regExp;
+    try {
+        regExp = RegExp(regex);
+    } catch(error) {
+        return {error: `Invalid regular expression specified.`};
+    }
+    let failedCount = 0;
+    function newRow(row) {
+        const source = row[target];
+        if (!replacement) {
+            const match = regExp.exec(source);
+            if(!match) {
+              failedCount++;
+              return null;
+            }
+            groupCount = groupCount && parseInt(groupCount);
+            if(groupCount) {
+                if(match.length != (groupCount + 1)) {
+                    failedCount++;
+                    return null;
+                }
+                return row.concat(match.splice(1, match.length));
+            } else {
+                return row.concat([match[0]]);
+            }
+        } else {
+            return row.concat([source.replace(regExp, replacement)]);
+        }
+    }
+    data = data.map(newRow);
+    if(failedCount > 0) {
+        return {error: `${failedCount} row(s) failed to match specified regular expression.`};
+    }
+    return {data};
+}
+
+const multiColumnsToString = function(targetColumns, colHeaders) {
+    if (targetColumns.length == 0) {
+        return `no columns`;
+    } else if (targetColumns.length == 1) {
+        return `column ${colHeaders[targetColumns[0]]}`;
+    } else {
+        const targetHeaders = targetColumns.map((el) => colHeaders[el]);
+        // https://stackoverflow.com/questions/16251822/array-to-comma-separated-string-and-for-last-tag-use-the-and-instead-of-comma
+        return `columns ${[targetHeaders.slice(0, -1).join(', '), targetHeaders.slice(-1)[0]].join(' and ')}`;
+    }
+}
+
+const Rules = {
+    add_column_basename: {
+        title: _l("Basename of Path of URL"),
+        display: (rule, colHeaders) => {
+          return `Add column using basename of column ${colHeaders[rule.target_column]}`;
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.addColumnBasenameTarget = 0;
+            } else {
+                component.addColumnBasenameTarget = rule.target_column;
+            }
+        },
+        save: (component, rule) => {
+            rule.target_column = component.addColumnBasenameTarget;
+        },
+        apply: (rule, data, sources) => {
+            // https://github.com/kgryte/regex-basename-posix/blob/master/lib/index.js
+            //const re = /^(?:\/?|)(?:[\s\S]*?)((?:\.{1,2}|[^\/]+?|)(?:\.[^.\/]*|))(?:[\/]*)$/;
+            // https://stackoverflow.com/questions/8376525/get-value-of-a-string-after-a-slash-in-javascript
+            const re = /[^/]*$/;
+            const target = rule.target_column;
+            return applyRegex(re, target, data);
+        }
+    },
+    add_column_rownum: {
+        title: _l("Row Number"),
+        display: (rule, colHeaders) => {
+          return `Add column for the current row number.`;
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.addColumnRownumStart = 1;
+            } else {
+                component.addColumnRownumStart = rule.start;
+            }
+        },
+        save: (component, rule) => {
+            rule.start = component.addColumnRownumStart;
+        },
+        apply: (rule, data, sources) => {
+          let rownum = rule.start;
+          function newRow(row) {
+            const newRow = row.slice();
+            newRow.push(rownum);
+            rownum += 1;
+            return newRow;
+          }
+          data = data.map(newRow);
+          return {data};
+        }
+    },
+    add_column_value: {
+        title: _l("Fixed Value"),
+        display: (rule, colHeaders) => {
+          return `Add column for the constant value of ${rule.value}.`;
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.addColumnValue = "";
+            } else {
+                component.addColumnValue = rule.value;
+            }
+        },
+        save: (component, rule) => {
+            rule.value = component.addColumnValue;
+        },
+        apply: (rule, data, sources) => {
+          const addValue = rule.value;
+          function newRow(row) {
+            const newRow = row.slice();
+            newRow.push(addValue);
+            return newRow;
+          }
+          data = data.map(newRow);
+          return {data};
+        }
+    },
+    add_column_regex: {
+        title: _l("Using a Regular Expression"),
+        display: (rule, colHeaders) => {
+          return `Add new column using ${rule.expression} applied to column ${colHeaders[rule.target_column]}`;
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.addColumnRegexTarget = 0;
+                component.addColumnRegexExpression = "";
+                component.addColumnRegexReplacement = null;
+                component.addColumnRegexGroupCount = null;
+            } else {
+                component.addColumnRegexTarget = rule.target_column;
+                component.addColumnRegexExpression = rule.expression;
+                component.addColumnRegexReplacement = rule.replacement;
+                component.addColumnRegexGroupCount = rule.group_count;
+            }
+            let addColumnRegexType = "global";
+            if(component.addColumnRegexGroupCount) {
+                addColumnRegexType = "groups";
+            } else if (component.addColumnRegexReplacement) {
+                addColumnRegexType = "replacement";
+            }
+            component.addColumnRegexType = addColumnRegexType;
+        },
+        save: (component, rule) => {
+            rule.target_column = component.addColumnRegexTarget;
+            rule.expression = component.addColumnRegexExpression;
+            if(component.addColumnRegexReplacement) {
+                rule.replacement = component.addColumnRegexReplacement;
+            }
+            if(component.addColumnRegexGroupCount) {
+                rule.group_count = component.addColumnRegexGroupCount;
+            }
+        },
+        apply: (rule, data, sources) => {
+          const target = rule.target_column;
+          return applyRegex(rule.expression, target, data, rule.replacement, rule.group_count);
+        }
+    },
+    add_column_concatenate: {
+        title: _l("Concatenate Columns"),
+        display: (rule, colHeaders) => {
+          return `Concatenate column ${colHeaders[rule.target_column_0]} and column ${colHeaders[rule.target_column_1]}`;
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.addColumnConcatenateTarget0 = 0;
+                component.addColumnConcatenateTarget1 = 0;
+            } else {
+                component.addColumnConcatenateTarget0 = rule.target_column_0;
+                component.addColumnConcatenateTarget1 = rule.target_column_1;
+            }
+        },
+        save: (component, rule) => {
+            rule.target_column_0 = component.addColumnConcatenateTarget0;
+            rule.target_column_1 = component.addColumnConcatenateTarget1;
+        },
+        apply: (rule, data, sources) => {
+          const target0 = rule.target_column_0;
+          const target1 = rule.target_column_1;
+          function newRow(row) {     
+            const newRow = row.slice();
+            newRow.push(row[target0] + row[target1]);
+            return newRow;
+          }
+          data = data.map(newRow);
+          return {data};
+        }       
+    },
+    add_column_substr: {
+        title: _l("Keep or Trim Prefix or Suffix"),
+        display: (rule, colHeaders) => {
+          const type = rule.substr_type;
+          let display;
+          if(type == "keep_prefix") {
+              display = `Keep only ${rule.length} characters from the start of column ${colHeaders[rule.target_column]}`
+          } else if(type == "drop_prefix") {
+              display = `Remove ${rule.length} characters from the start of column ${colHeaders[rule.target_column]}`;
+          } else if(type == "keep_suffix") {
+              display = `Keep only ${rule.length} characters from the end of column ${colHeaders[rule.target_column]}`
+          } else {
+              display = `Remove ${rule.length} characters from the end of column ${colHeaders[rule.target_column]}`;
+          }
+          return display;
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.addColumnSubstrTarget = 0;
+                component.addColumnSubstrType = "keep_prefix";
+                component.addColumnSubstrLength = 1;
+            } else {
+                component.addColumnSubstrTarget = rule.target_column;
+                component.addColumnSubstrLength = rule.length;
+                component.addColumnSubstrType = rule.substr_type;
+            }
+        },
+        save: (component, rule) => {
+            rule.target_column = component.addColumnSubstrTarget;
+            rule.length = component.addColumnSubstrLength;
+            rule.substr_type = component.addColumnSubstrType;
+        },
+        apply: (rule, data, sources) => {
+          const target = rule.target_column;
+          const length = rule.length;
+          const type = rule.substr_type;
+          function newRow(row) {
+            const newRow = row.slice();
+            const originalValue = row[target];
+            let start = 0, end = originalValue.length;
+            if(type == "keep_prefix") {
+                end = length;
+            } else if(type == "drop_prefix") {
+                start = length;
+            } else if(type == "keep_suffix") {
+                start = end - length;
+                if(start < 0) {
+                    start = 0;
+                }
+            } else {
+                end = end - length;
+                if(end < 0) {
+                    end = 0;
+                }
+            }
+            newRow.push(originalValue.substr(start, end));
+            return newRow;
+          }
+          data = data.map(newRow);
+          return {data};
+        }       
+    },
+    remove_columns: {
+        title: _l("Remove Column(s)"),
+        display: (rule, colHeaders) => {
+            const targetColumns = rule.target_columns;
+            return `Remove ${multiColumnsToString(targetColumns, colHeaders)}`;
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.removeColumnTargets = [];
+            } else {
+                component.removeColumnTargets = rule.target_columns;
+            }
+        },
+        save: (component, rule) => {
+            rule.target_columns = component.removeColumnTargets;
+        },
+        apply: (rule, data, sources) => {
+          const targets = rule.target_columns;
+          function newRow(row) {
+            const newRow = []
+            for(let index in row) {
+              if(targets.indexOf(parseInt(index)) == -1) {
+                newRow.push(row[index]);
+              }
+            }
+            return newRow;
+          }
+          data = data.map(newRow);
+          return {data};
+        }
+    },
+    add_filter_regex: {
+        title: _l("Using a Regular Expression"),
+        display: (rule, colHeaders) => {
+            return `Filter rows using regular expression ${rule.expression} on column ${colHeaders[rule.target_column]}`;
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.addFilterRegexTarget = 0;
+                component.addFilterRegexExpression = "";
+                component.addFilterRegexInvert = false;
+            } else {                
+               component.addFilterRegexTarget = rule.target_column;
+               component.addFilterRegexExpression = rule.expression;
+               component.addFilterRegexInvert = rule.invert;               
+            }
+        },
+        save: (component, rule) => {
+            rule.target_column = component.addFilterRegexTarget;
+            rule.expression = component.addFilterRegexExpression;
+            rule.invert = component.addFilterRegexInvert;
+        },
+        apply: (rule, data, sources) => {
+          try {
+              regExp = RegExp(regex);
+          } catch(error) {
+              return {error: `Invalid regular expression specified.`};
+          }
+          const target = rule.target_column;
+          const invert = rule.invert;
+          const filterFunction = function(el, index) {
+              const row = data[parseInt(index)];
+              return regExp.exec(row[target]) ? !invert : invert;
+          }
+          sources = sources.filter(filterFunction);
+          data = data.filter(filterFunction);
+          return {data, sources};
+        }
+    },
+    add_filter_count: {
+        title: _l("First or Last N Rows"),
+        display: (rule, colHeaders) => {
+            const which = rule.which;
+            const invert = rule.invert;
+            if(which == "first" && ! invert) {
+                return `Filter out first ${rule.count} row(s).}`;            
+            } else if(which == "first" && invert) {
+                return `Keep only first ${rule.count} row(s).}`;            
+            } else if(which == "last" && ! invert) {
+                return `Filter out last ${rule.count} row(s).}`;
+            } else {
+                return `Keep only last ${rule.count} row(s).}`;
+            }
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.addFilterCountN = 0;
+                component.addFilterCountWhich = "first";
+                component.addFilterCountInvert = false;
+            } else {
+                component.addFilterCountN = rule.count;
+                component.addFilterCountWhich = rule.which;
+                component.addFilterCountInvert = rule.inverse;
+            }
+        },
+        save: (component, rule) => {
+            rule.count = component.addFilterCountN;
+            rule.which = component.addFilterCountWhich;
+            rule.invert = component.addFilterCountInvert;
+        },
+        apply: (rule, data, sources) => {
+          const count = rule.count;
+          const invert = rule.invert;
+          const which = rule.which;
+          const dataLength = data.length;
+          const filterFunction = function(el, index) {
+              let matches;
+              if(which == "first") {
+                  matches = index >= count;
+              } else {
+                  matches = index < (dataLength - count);
+              }
+              return matches ? !invert : invert;
+          }
+          sources = sources.filter(filterFunction);
+          data = data.filter(filterFunction);
+          return {data, sources};
+        }
+    },
+    add_filter_empty: {
+        title: _l("On Emptiness"),
+        display: (rule, colHeaders) => {
+            return `Filter rows if no value for column ${colHeaders[rule.target_column]}`;
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.addFilterEmptyTarget = 0;
+                component.addFilterEmptyInvert = false;
+            } else {
+               component.addFilterEmptyTarget = rule.target_column;
+               component.addFilterEmptyInvert = rule.invert;
+            }
+        },
+        save: (component, rule) => {
+            rule.target_column = component.addFilterEmptyTarget;
+            rule.invert = component.addFilterEmptyInvert;
+        },
+        apply: (rule, data, sources) => {
+          const target = rule.target_column;
+          const invert = rule.invert;
+          const filterFunction = function(el, index) {
+              const row = data[parseInt(index)];
+              return row[target].length ? !invert : invert;
+          }
+          sources = sources.filter(filterFunction);
+          data = data.filter(filterFunction);
+          return {data, sources};
+        }
+    },
+    add_filter_matches: {
+        title: _l("Matching a Supplied Value"),
+        display: (rule, colHeaders) => {
+            return `Filter rows with value ${rule.value} for column ${colHeaders[rule.target_column]}`;
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.addFilterMatchesTarget = 0;
+                component.addFilterMatchesValue = "";
+                component.addFilterMatchesInvert = false;
+            } else {                
+               component.addFilterMatchesTarget = rule.target_column;
+               component.addFilterMatchesValue = rule.value;
+               component.addFilterMatchesInvert = rule.invert;               
+            }
+        },
+        save: (component, rule) => {
+            rule.target_column = component.addFilterMatchesTarget;
+            rule.value = component.addFilterMatchesValue;
+            rule.invert = component.addFilterMatchesInvert;
+        },
+        apply: (rule, data, sources) => {
+          const target = rule.target_column;
+          const invert = rule.invert;
+          const value = rule.value;
+          const filterFunction = function(el, index) {
+              const row = data[parseInt(index)];
+              return row[target] == value ? !invert : invert;
+          }
+          sources = sources.filter(filterFunction);
+          data = data.filter(filterFunction);
+          return {data, sources};
+        }
+    },
+    add_filter_compare: {
+        title: _l("By Comparing to a Numeric Value"),
+        display: (rule, colHeaders) => {
+            return `Filter rows with value ${rule.compare_type} ${rule.value} for column ${colHeaders[rule.target_column]}`;
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.addFilterCompareTarget = 0;
+                component.addFilterCompareValue = 0;
+                component.addFilterCompareType = "less_than";
+            } else {                
+               component.addFilterCompareTarget = rule.target_column;
+               component.addFilterCompareValue = rule.value;
+               component.addFilterCompareType = rule.compare_type;               
+            }
+        },
+        save: (component, rule) => {
+            rule.target_column = component.addFilterCompareTarget;
+            rule.value = component.addFilterCompareValue;
+            rule.compare_type = component.addFilterCompareType;
+        },
+        apply: (rule, data, sources) => {
+          const target = rule.target_column;
+          const compare_type = rule.compare_type;
+          const value = rule.value;
+          const filterFunction = function(el, index) {
+              const row = data[parseInt(index)];
+              const targetValue = parseFloat(row[target]);
+              let matches;
+              if(compare_type == "less_than") {
+                matches = targetValue < value;
+              } else if(compare_type == "less_than_equal") {
+                matches = targetValue <= value;
+              } else if(compare_type == "greater_than") {
+                matches = targetValue > value;
+              } else if(compare_type == "greater_than_equal") {
+                matches = targetValue >= value;
+              }
+              return matches;
+          }
+          sources = sources.filter(filterFunction);
+          data = data.filter(filterFunction);
+          return {data, sources};
+        }
+    },
+    sort: {
+        title: _l("Sort"),
+        display: (rule, colHeaders) => {
+            return `Sort on column ${colHeaders[rule.target_column]}`;
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.addSortingTarget = 0;
+                component.addSortingNumeric = false;
+            } else {                
+               component.addSortingTarget = rule.target_column;
+               component.addSortingNumeric = rule.numeric;
+            }
+        },
+        save: (component, rule) => {
+            rule.target_column = component.addSortingTarget;
+            rule.numeric = component.addSortingNumeric;
+        },
+        apply: (rule, data, sources) => {
+          const target = rule.target_column;
+          const numeric = rule.numeric;
+
+          const sortable = _.zip(data, sources);
+
+          const sortFunc = (a, b) => {
+            let aVal = a[0][target];
+            let bVal = b[0][target];
+            if(numeric) {
+              aVal = parseFloat(aVal);
+              bVal = parseFloat(bVal);
+            }
+            if(aVal < bVal) {
+              return -1;
+            } else if(bVal < aVal) {
+              return 1;
+            } else {
+              return 0;
+            }
+          }
+
+          sortable.sort(sortFunc);
+
+          const newData = [];
+          const newSources = [];
+
+          sortable.map((zipped) => { newData.push(zipped[0]); newSources.push(zipped[1]); });
+
+          return {data: newData, sources: newSources};
+        }
+    },
+    swap_columns: {
+        title: _l("Swap Column(s)"),        
+        display: (rule, colHeaders) => {
+            return `Swap ${multiColumnsToString([rule.target_column_0, rule.target_column_1], colHeaders)}`;
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.swapColumnsTarget0 = 0;
+                component.swapColumnsTarget1 = 0;
+            } else {
+                component.swapColumnsTarget0 = rule.target_column_0;
+                component.swapColumnsTarget1 = rule.target_column_1;
+            }
+        },
+        save: (component, rule) => {
+            rule.target_column_0 = component.swapColumnsTarget0;
+            rule.target_column_1 = component.swapColumnsTarget1;
+        },
+        apply: (rule, data, sources) => {
+          const target0 = rule.target_column_0;
+          const target1 = rule.target_column_1;
+          function newRow(row) {     
+            const newRow = row.slice();
+            newRow[target0] = row[target1];
+            newRow[target1] = row[target0];
+            return newRow;
+          }
+          data = data.map(newRow);
+          return {data};
+        }
+    },
+    split_columns: {
+        title: _l("Split Column(s)"),
+        display: (rule, colHeaders) => {
+            return `Duplicate each row and split up columns`;
+        },
+        init: (component, rule) => {
+            if(!rule) {
+                component.splitColumnsTargets0 = [];
+                component.splitColumnsTargets1 = [];
+            } else {
+                component.splitColumnsTargets0 = rule.target_columns_0;
+                component.splitColumnsTargets1 = rule.target_columns_1;
+            }
+        },
+        save: (component, rule) => {
+            rule.target_columns_0 = component.splitColumnsTargets0;
+            rule.target_columns_1 = component.splitColumnsTargets1;
+        },
+        apply: (rule, data, sources) => {
+            const targets0 = rule.target_columns_0;
+            const targets1 = rule.target_columns_1;
+
+            const splitRow = function(row) {
+                const newRow0 = [], newRow1 = [];
+                for(let index in row) {
+                    index = parseInt(index);
+                    if(targets0.indexOf(index) > -1) {
+                        newRow0.push(row[index]);
+                    } else if(targets1.indexOf(index) > -1) {
+                        newRow1.push(row[index]);
+                    } else {
+                        newRow0.push(row[index]);
+                        newRow1.push(row[index]);
+                    }
+                }
+                return [newRow0, newRow1];
+            }
+
+            data = flatMap(splitRow, data);
+            sources = flatMap((src) => [src, src], data);
+            return {data, sources};
+        }
+    }
+}
+
+
+// Local components...
+
+// Based on https://vuejs.org/v2/examples/select2.html but adapted to handle list values
+// with "multiple: true" set.
+const Select2 = {
+  props: ['options', 'value', 'placeholder'],
+  template: `<select>
+    <slot></slot>
+  </select>`,
+  mounted: function () {
+    var vm = this
+    $(this.$el)
+      // init select2
+      .select2({ data: this.options, placeholder: this.placeholder, allowClear: this.placeholder })
+      .val(this.value)
+      .trigger('change')
+      // emit event on change.
+      .on('change', function (event) {
+        vm.$emit('input', event.val);
+      })
+  },
+  watch: {
+    value: function (value) {
+      // update value
+      $(this.$el).val(value)
+    },
+    options: function (options) {
+      // update options
+      $(this.$el).empty().select2({ data: options })
+    }
+  },
+  destroyed: function () {
+    $(this.$el).off().select2('destroy')
+  }
+};
+
+
+const ColumnSelector = {
+    template: `
+        <div class="rule-column-selector" v-if="!multiple || !ordered">
+            <label>
+                {{ label }}
+                <select2 :value="target" @input="handleInput" :multiple="multiple">
+                    <option v-for="(col, index) in colHeaders" :value="index">{{ col }}</option>
+                </select2>
+            </label>
+        </div>
+        <div class="rule-column-selector" v-else>
+            {{ label }} 
+            <ol>
+                <li v-for="(targetEl, index) in target"
+                    v-bind:index="index"
+                    v-bind:key="targetEl"
+                    class="rule-column-selector-target">
+                    {{ colHeaders[targetEl] }}
+                    <span class="fa fa-times rule-column-selector-target-remove" @click="handleRemove(index)"></span>
+                    <span class="fa fa-arrow-up rule-column-selector-up" v-if="index !== 0" @click="moveUp(index)"></span>
+                    <span class="fa fa-arrow-down rule-column-selector-down" v-if="index < target.length - 1" @click="moveUp(index + 1)"></span>
+                </li>
+                <li v-if="this.target.length < this.colHeaders.length">
+                    <span class="rule-column-selector-target-add" v-if="!orderedEdit">
+                        <i @click="$emit('update:orderedEdit', true)">... {{ l("Assign Another Column") }}</i>
+                    </span>
+                    <span class="rule-column-selector-target-select" v-else>
+                        <select2 @input="handleAdd" placeholder="Select a column">
+                            <option /><!-- empty option selection for placeholder -->
+                            <option v-for="(col, index) in remainingHeaders" :value="index">{{ col }}</option>
+                        </select2>
+                    </span>
+                </li>
+            </ol>
+        </div>
+    `,
+    data: function() {
+        return {
+            l: _l,
+        }
+    },
+    props: {
+        target: {
+            required: true
+        },
+        label: {
+            required: false,
+            type: String,
+            default: _l("From Column"),
+        },
+        colHeaders: {
+            type: Array,
+            required: true
+        },
+        multiple: {
+            type: Boolean,
+            required: false,
+            default: false,
+        },
+        ordered: {
+            type: Boolean,
+            required: false,
+            default: false,
+        },
+        valueAsList: {
+            type: Boolean,
+            required: false,
+            default: false,
+        },
+        orderedEdit: {
+            type: Boolean,
+            required: false,
+            default: false,
+        }
+    },
+    computed: {
+        remainingHeaders() {
+            const colHeaders = this.colHeaders;
+            if(!this.multiple) {
+                return colHeaders;
+            }
+            const remaining = {};
+            for(let key in colHeaders) {
+                if(this.target.indexOf(parseInt(key)) === -1) {
+                    remaining[key] = colHeaders[key];
+                }
+            }
+            return remaining;
+        }
+    },
+    methods: {
+        handleInput(value) {
+            if(this.multiple) {
+                // https://stackoverflow.com/questions/262427/why-does-parseint-yield-nan-with-arraymap
+                let val = value.map((idx) => parseInt(idx));
+                this.$emit('update:target', val);
+            } else {
+                let val = parseInt(value);
+                if(this.valueAsList) {
+                    val = [val];
+                }
+                this.$emit('update:target', val);
+            }
+        },
+        handleAdd(value) {
+            this.target.push(parseInt(value));
+            this.$emit('update:orderedEdit', false);
+        },
+        handleRemove(index) {
+            this.target.splice(index, 1);
+        },
+        moveUp(value) {
+            const swapVal = this.target[value - 1];
+            Vue.set(this.target, value - 1, this.target[value]);
+            Vue.set(this.target, value, swapVal);
+        }
+    },
+    components: {
+        Select2,
+    }
+}
+
+
+const RegularExpressionInput = {
+    template: `
+        <div><label>
+            Regular Expression
+            <input class="rule-regular-expression" type="text" :value="target" @input="$emit('update:target', $event.target.value)" />
+        </label></div>
+    `,
+    props: {
+        target: {
+             required: true
+        },
+    }
+}
+
+
+const RuleDisplay = {
+    template: `
+        <li class="rule">
+            <span class="rule-display">{{ title }}
+                <span class="fa fa-edit" @click="edit"></span>
+                <span class="fa fa-times" @click="remove"></span>
+            </span>
+            <span class="rule-warning" v-if="rule.warn">
+                {{ rule.warn }}
+            </span>
+            <span class="rule-error" v-if="rule.error">
+                <span class="alert-message">{{ rule.error }}</span>
+            </span>
+        </li>
+    `,
+    props: {
+        rule: {
+           required: true,
+           type: Object,
+        },
+        colHeaders: {
+            type: Array,
+            required: true
+        },
+    },
+    computed: { 
+        title() {
+            const ruleType = this.rule.type;
+            return Rules[ruleType].display(this.rule, this.colHeaders);
+        }
+    },
+    methods: {
+        edit() {
+            this.$emit('edit');
+        },
+        remove() {
+            this.$emit('remove');
+        }
+    },
+}
+
+const IdentifierDisplay = {
+    template: `
+      <li class="rule" :title="help">
+        Set {{ columnsLabel }} as {{ typeDisplay }}
+        <span class="fa fa-edit" @click="edit"></span>
+        <span class="fa fa-times" @click="remove"></span>
+      </li>
+    `,
+    props: {
+        type: {
+            type: String,
+            required: true
+        },
+        columns: {
+            required: true
+        },
+        colHeaders: {
+            type: Array,
+            required: true
+        },
+    },
+    methods: {
+        remove() {
+            this.$emit('remove');
+        },
+        edit() {
+            this.$emit('edit');
+        }
+    },
+    computed: {
+        typeDisplay() {
+            return MAPPING_TARGETS[this.type].label;
+        },
+        help() {
+            return MAPPING_TARGETS[this.type].help || '';
+        },
+        columnsLabel() {
+            let columnNames;
+            if(typeof this.columns == "object") {
+                columnNames = this.columns.map(idx => this.colHeaders[idx]);
+            } else {
+                columnNames = [this.colHeaders[this.columns]];
+            }
+            if(columnNames.length == 2) {
+                return "columns " + columnNames[0] + " and " + columnNames[1];
+            } else if(columnNames.length > 2) {
+                return "columns " + columnNames.slice(0, -1).join(", ") + ", and " + columnNames[columnNames.length - 1];
+            } else {
+                return "column " + columnNames[0];
+            }
+        }
+    }
+}
+
+
+const RuleTargetComponent = {
+    template: `<li><a class="rule-link" :class="linkClassName" @click="builder.addNewRule(ruleType)">{{title}}</a></li>`,
+    props: {
+        ruleType: {
+            type: String,
+            required: true,
+        },
+        builder: {
+            required: true,
+        }
+    },
+    computed: {
+        linkClassName() {
+            return 'rule-link-' + this.ruleType.replace(/_/g, "-");
+        },
+        title() {
+            return Rules[this.ruleType].title;
+        }
+    }
+}
+
+
+const RuleComponent = {
+    template: `
+    <div v-if="ruleType == displayRuleType" class="rule-editor" :class="typeToClass">
+        <slot></slot>
+        <div class="buttons" style="margin: 5px; height: 25px;">
+           <button type="button" class="ui-button-default btn btn-default rule-editor-ok" @click="okay">Okay</button>
+           <button type="button" class="ui-button-default btn rule-editor-cancel" @click="cancel">Cancel</button>
+        </div>
+    </div>`,
+    props: {
+        ruleType: {
+            type: String,
+            required: true,
+        },
+        displayRuleType: {
+            required: true,
+        },
+        builder: {
+            required: true,
+        },
+    },
+    methods: {
+        cancel() {
+            this.builder.displayRuleType = null;
+        },
+        okay() {
+            this.builder.handleRuleSave(this.ruleType);
+            this.cancel();
+        },
+    },
+    computed: {
+        typeToClass() {
+            return 'rule-edit-' + this.ruleType.replace(/_/g, "-");
+        },
+    }
+}
+
+const StateDiv = {
+    template: `<div class="rule-collection-creator collection-creator flex-row-container"><slot></slot></div>`
+}
+
+const OptionButtonsDiv = {
+    template: `<div class="actions clear vertically-spaced"><div class="main-options pull-right"><slot></slot></div></div>`
+}
+
+const flatMap = (f,xs) => {
+    return xs.reduce((acc,x) => acc.concat(f(x)), []);
+}
+
+export default {
+  data: function() {
+    let mapping;
+    if(this.elementsType == "ftp") {
+      mapping = [{"type": "ftp_path", "columns": [0]}];
+    } else if(this.elementsType == "datasets") {
+      mapping = [{"type": "list_identifiers", "columns": [1]}];
+    } else {
+      // TODO: incorrect to ease testing, fix.    
+      // mapping = [{"type": "url", "columns": [0]}, {"type": "list_identifiers", "columns": [1]}, {"type": "paired_identifier", "columns": [3]}, {"type": "collection_name", "columns": [5]}];
+      mapping = [];
+    }
+    return {
+        rules: [],
+        colHeadersPerRule: [],
+        mapping: mapping,
+        state: 'build',  // 'build', 'error', 'wait',
+        ruleView: 'normal', // 'normal' or 'source'
+        ruleSource: '',
+        ruleSourceError: null,
+        errorMessage: '',
+        hasRuleErrors: false,
+        jaggedData: false,
+        waitingJobState: 'new',
+        titleReset: _l("Undo all reordering and discards"),
+        titleNumericSort: _l("By default columns will be sorted lexiographically, check this option if the columns are numeric values and should be sorted as numbers."),
+        titleInvertFilterRegex: _l("Remove rows not matching the specified regular expression at specified column."),
+        titleInvertFilterEmpty: _l("Remove rows that have non-empty values at specified column."),
+        titleInvertFilterMatches: _l("Remove rows not matching supplied value."),
+        titleViewSource: _l("Advanced Option: View and or edit the JSON representation of the rules to apply to this tabular data."),
+        namePlaceholder: _l("Enter a name for your new collection"),
+        activeRuleIndex: null,
+        addColumnRegexTarget: 0,
+        addColumnBasenameTarget: 0,
+        addColumnRegexExpression: "",
+        addColumnRegexReplacement: null,
+        addColumnRegexGroupCount: null,
+        addColumnRegexType: "global",
+        addColumnConcatenateTarget0: 0,
+        addColumnConcatenateTarget1: 0,
+        addColumnRownumStart: 1,
+        addColumnSubstrTarget: 0,
+        addColumnSubstrType: "keep_prefix",
+        addColumnSubstrLength: 1,
+        addColumnValue: "",
+        removeColumnTargets: [],
+        addFilterRegexTarget: 0,
+        addFilterRegexExpression: "",
+        addFilterRegexInvert: false,
+        addFilterMatchesTarget: 0,
+        addFilterMatchesValue: "",
+        addFilterMatchesInvert: false,
+        addFilterEmptyTarget: 0,
+        addFilterEmptyInvert: false,
+        addFilterCompareTarget: 0,
+        addFilterCompareValue: 0,
+        addFilterCompareType: "less_than",
+        addFilterCountN: 1,
+        addFilterCountInvert: false,
+        addFilterCountWhich: "first",
+        addSortingTarget: 0,
+        addSortingNumeric: false,
+        splitColumnsTargets0: [],
+        splitColumnsTargets1: [],
+        swapColumnsTarget0: 0,
+        swapColumnsTarget1: 0,
+        collectionName: "",
+        displayRuleType: null,
+        extensions: [],
+        extension: null,
+        genomes: [],
+        genome: null,
+        hideSourceItems: this.defaultHideSourceItems,
+        orientation: "vertical",
+    };
+  },
+  props: {
+    initialElements: {
+        type: Array,
+        required: true
+    },
+    importType: {
+        type: String,
+        required: false,
+        default: "collections",
+    },
+    elementsType: {
+        type: String,
+        required: false,
+        default: "datasets",
+    },
+    // required if elementsType is "datasets" - hook into Backbone code for creating
+    // collections from HDAs, etc...
+    creationFn: {
+        required: false,
+        type: Function,
+    },
+    defaultHideSourceItems: {
+        type: Boolean,
+        required: false,
+        default: true,
+    },
+    // Callbacks sent in by modal code.
+    oncancel: {
+        required: true,
+        type: Function,
+    },
+    oncreate: {
+        required: true,
+        type: Function,
+    },
+    ftpUploadSite: {
+        type: String,
+        required: false,
+        default: null,
+    }
+  },
+  computed: {
+    hasActiveMappingEdit() {
+        const has = _.any(_.values(this.mapping), (mapping) => mapping.editing);
+        return has;
+    },
+    activeRule() {
+        return this.activeRuleIndex !== null && this.rules[this.activeRuleIndex];
+    },
+    activeRuleColHeaders() {
+        const rulesHeaders = (this.activeRuleIndex !== null && this.colHeadersPerRule[this.activeRuleIndex]);
+        return rulesHeaders || this.colHeaders;
+    },
+    horizontal() {
+        return this.orientation == "horizontal";
+    },
+    vertical() {
+        return this.orientation == "vertical";
+    },
+    mappedTargets() {
+      const targets = [];
+      for(let mapping of this.mapping) {
+        targets.push(mapping.type);
+      }
+      return targets;
+    },
+    unmappedTargets() {
+      const targets = [];
+      const mappedTargets = this.mappedTargets;
+      for(let target in MAPPING_TARGETS) {
+        const targetModes = MAPPING_TARGETS[target].modes;
+
+        if(targetModes && targetModes.indexOf(this.elementsType) < 0) {
+          continue;
+        }
+
+        const targetDefinition = MAPPING_TARGETS[target];
+        const targetImportType = targetDefinition.importType;
+        if(targetImportType && this.importType != targetImportType) {
+            continue;
+        }
+        if (!this.ftpUploadSite && targetDefinition.requiresFtp) {
+            continue;
+        }
+        if(mappedTargets.indexOf(target) < 0) {
+          targets.push(target);
+        }
+      }
+      return targets;
+    },
+    hotData() {
+      let data, sources;
+      if(this.elementsType == "datasets") {
+        data = this.initialElements.map(el => [el["hid"], el["name"]]);
+        sources = this.initialElements.slice();
+      } else {
+        data = this.initialElements.slice();
+        sources = data.map(el => null);
+      }
+
+      let hasRuleError = false;
+      this.colHeadersPerRule = [];
+      for(var ruleIndex in this.rules) {
+        const ruleHeaders = this.colHeadersFor(data);
+        this.colHeadersPerRule[ruleIndex] = ruleHeaders;
+
+        const rule = this.rules[ruleIndex];
+        rule.error = null;
+        rule.warn = null;
+        if(hasRuleError) {
+          rule.warn = _l("Skipped due to previous errors.");
+          continue;
+        }
+        var ruleType = rule.type;
+        const ruleDef = Rules[ruleType];
+        const res = ruleDef.apply(rule, data, sources);
+        if (res.error) {
+          hasRuleError = true;
+          rule.error = res.error;
+        } else {
+          if (res.warn) {
+            rule.warn = res.warn;
+          }
+          data = res.data || data;
+          sources = res.sources || sources;
+        }
+      }
+      return {data, sources};
+    },
+    colHeaders() {
+      const data = this.hotData["data"];
+      return this.colHeadersFor(data);
+    },
+    colHeadersDisplay() {
+        const formattedHeaders = [];
+        for (let colIndex in this.colHeaders) {
+            const colHeader = this.colHeaders[colIndex];
+            formattedHeaders[colIndex] =  `<b>${_.escape(colHeader)}</b>`;
+            const mappingDisplay = [];
+            for (let mapping of this.mapping) {
+                if (mapping.columns.indexOf(parseInt(colIndex)) !== -1) {
+                    const mappingDef = MAPPING_TARGETS[mapping.type];
+                    mappingDisplay.push(`<i>${_.escape(mappingDef.columnHeader || mappingDef.label)}</i>`)
+                }
+            }
+            if (mappingDisplay.length == 1) {
+                formattedHeaders[colIndex] += ` (${mappingDisplay[0]})`
+            } else if (mappingDisplay.length > 1) {
+                formattedHeaders[colIndex] += ` (${[mappingDisplay.slice(0, -1).join(', '), mappingDisplay.slice(-1)[0]].join(' & ')})`;
+            }
+        }
+        return formattedHeaders;
+    },
+    mappingAsDict() {
+      const asDict = {};
+      for(let mapping of this.mapping) {
+        asDict[mapping.type] = mapping;
+      }
+      return asDict;
+    },
+    collectionType() {
+      let identifierColumns = []
+      if(this.mappingAsDict.list_identifiers) {
+          identifierColumns = this.mappingAsDict.list_identifiers.columns;
+      }
+      let collectionType = identifierColumns.map(col => "list").join(":");
+      if(this.mappingAsDict.paired_identifier) {
+          collectionType += ":paired";
+      }
+      return collectionType;
+    },
+    validInput() {
+        const identifierColumns = this.identifierColumns();
+        const mappingAsDict = this.mappingAsDict;
+        const buildingCollection = identifierColumns.length > 0;
+
+        let valid = true;
+        if(buildingCollection && !mappingAsDict.collection_name) {
+            valid = this.collectionName.length > 0;
+        }
+
+        if(mappingAsDict.ftp_path && mappingAsDict.url) {
+            // Can only specify one of these.
+            valid = false;
+        }
+
+        for(var rule of this.rules) {
+          if(rule.error) {
+            valid = false;
+          }
+        }
+
+        // raw tabular variant can build stand-alone datasets without identifier
+        // columns for the collection builder for existing datasets cannot do this.
+        if(this.elementsType == "datasets" && identifierColumns.length == 0) {
+            valid = false;
+        }
+        return valid;
+    }
+  },
+  methods: {
+    l(str) {  // _l conflicts private methods of Vue internals, expose as l instead
+        return _l(str);
+    },
+    cancel() {
+        this.oncancel();
+    },
+    mappingTargets() {
+      return MAPPING_TARGETS;
+    },
+    resetRules() {
+      this.rules.splice(0, this.rules.length);
+      this.mapping.splice(0, this.mapping.length);
+    },
+    resetRulesAndState() {
+      this.resetRules()
+      this.state = 'build';
+      this.errorMessage = '';
+      this.collectionName = '';
+    },
+    addNewRule(ruleType) {
+      Rules[ruleType].init(this);
+      this.displayRuleType = ruleType;
+      this.activeRuleIndex = null;
+    },
+    handleRuleSave(ruleType) {
+      const rule = this.activeRule;
+      if(rule) {
+        Rules[ruleType].save(this, rule);
+      } else {
+        const rule = {"type": ruleType};
+        Rules[ruleType].save(this, rule);
+        this.rules.push(rule);
+      }
+    },
+    viewSource() {
+        this.resetSource();
+        this.ruleView = 'source';
+    },
+    resetSource() {
+        const replacer = function(key, value) {
+            if(key == "error" || key == "warn") {
+                return undefined;
+            }
+            return value;
+        }
+        const asJson = {
+            "rules": this.rules,
+            "mapping": this.mapping,
+        }
+        if (this.extension !== UploadUtils.DEFAULT_EXTENSION) {
+            asJson.extension = this.extension;
+        }
+        if (this.genome !== UploadUtils.DEFAULT_GENOME) {
+            asJson.genome = this.genome;
+        }
+        this.ruleSource = JSON.stringify(asJson, replacer, '  ');
+        this.ruleSourceError = null;
+    },
+    attemptRulePreview() { // Leave source mode if rules are valid and view.
+        this.ruleSourceError = null;
+        let asJson;
+        try {
+            asJson = JSON.parse(this.ruleSource);
+        } catch (error) {
+            this.ruleSourceError = "Problem parsing your rules.";
+            return;
+        }
+        this.updateFromSource(asJson);
+        this.ruleView = 'normal';
+    },
+    updateFromSource(asJson) {
+        this.resetRules();
+        if (asJson.extension) {
+            this.extension = asJson.extension;
+        }
+        if (asJson.genome) {
+            this.genome = asJson.genome;
+        }
+        if (asJson.rules) {
+            this.rules = asJson.rules;
+        }
+        if (asJson.mapping) {
+            this.mapping = asJson.mapping;
+        }
+    },
+    handleColumnMapping() {
+
+    },
+    colHeadersFor(data) {
+      if(data.length == 0) {
+          return [];
+      } else {
+          return data[0].map((el, i) => String.fromCharCode(65 + i));
+      }
+    },
+    addIdentifier(identifier) {
+      const multiple = this.mappingTargets()[identifier].multiple;
+      // If multiple selection, pop open a new column selector in edit mode.
+      const initialColumns = multiple ? [] : [0];
+      this.mapping.push({"type": identifier, "columns": initialColumns, "editing": multiple});
+    },
+    editRule(rule, index) {
+       const ruleType = rule.type;
+       this.activeRuleIndex = index;
+       Rules[ruleType].init(this, rule);
+       this.displayRuleType = ruleType;
+    },
+    removeRule(index) {
+        this.rules.splice(index, 1);
+    },
+    removeMapping(index) {
+        this.mapping.splice(index, 1);
+    },
+    refreshAndWait(response) {
+        if (Galaxy && Galaxy.currHistoryPanel) {
+            Galaxy.currHistoryPanel.refreshContents();
+        }
+        this.waitOnJob(response);
+    },
+    waitOnJob(response) {
+        const jobId = response.data.jobs[0].id;
+        const handleJobShow = (jobResponse) => {
+            const state = jobResponse.data.state;
+            this.waitingJobState = state;
+            if (JobStatesModel.NON_TERMINAL_STATES.indexOf(state) !== -1) {
+                setTimeout(doJobCheck, 1000);                
+            } else if (JobStatesModel.ERROR_STATES.indexOf(state) !== -1) {
+                this.state = 'error';
+                this.errorMessage = "Unknown error encountered while running your upload job, this could be a server issue or a problem with the upload definition.";
+            } else {
+                const history = parent.Galaxy && parent.Galaxy.currHistoryPanel && parent.Galaxy.currHistoryPanel.model;
+                history.refresh();
+                this.oncreate();
+            }
+        }
+        const doJobCheck = () => {
+            axios
+                .get(`${Galaxy.root}api/jobs/${jobId}`)
+                .then(handleJobShow)
+                .catch(this.renderFetchError);
+        }
+        setTimeout(doJobCheck, 1000);
+    },
+    renderFetchError(error) {
+        this.state = 'error';
+        if(error.response) {
+            console.log(error.response);
+            this.errorMessage = error.response.data.err_msg;        
+        } else {
+            console.log(error);
+            this.errorMessage = "Unknown error encountered: " + error;
+        }
+    },
+    swapOrientation() {
+        this.orientation = this.orientation == 'horizontal' ? 'vertical' : 'horizontal';
+        const hotTable = this.$refs.hotTable.table;
+        if(this.orientation == "horizontal") {
+            this.$nextTick(function() {
+                const fullWidth = $(".rule-builder-body").width();
+                hotTable.updateSettings({
+                    width: fullWidth,
+                });
+            });
+        } else {
+            this.$nextTick(function() {
+                const fullWidth = $(".rule-builder-body").width();
+                hotTable.updateSettings({
+                    width: fullWidth - 270,
+                });
+            });
+        }
+    },
+    createCollection() {
+        this.state = 'wait';
+        const name = this.collectionName;
+        const collectionType = this.collectionType;
+        if(this.elementsType == "datasets") {
+            const elements = this.creationElementsFromDatasets();
+            const response = this.creationFn(
+                elements, collectionType, name
+            )
+            response.done(this.oncreate);
+            response.error(this.renderFetchError);
+        } else {
+            const historyId = Galaxy.currHistoryPanel.model.id;
+            let elements, targets;
+            if(collectionType) {
+                targets = [];
+                const elementsByCollectionName = this.creationElementsForFetch();
+                for(let collectionName in elementsByCollectionName) {
+                    const target = {
+                        "destination": {"type": "hdca"},
+                        "elements": elementsByCollectionName[collectionName],
+                        "collection_type": collectionType,
+                        "name": collectionName,
+                    };
+                    targets.push(target);
+                }
+            } else {
+                elements = this.creationDatasetsForFetch();                
+                targets = [{
+                    "destination": {"type": "hdas"},
+                    "elements": elements,
+                    "name": name,
+                }];
+            }
+
+            axios
+                .post(`${Galaxy.root}api/tools/fetch`, {
+                    "history_id": historyId,
+                    "targets": targets,
+                })
+                .then(this.refreshAndWait)
+                .catch(this.renderFetchError);
+        }
+    },
+    identifierColumns() {
+        const mappingAsDict = this.mappingAsDict;
+        let identifierColumns = []
+        if(mappingAsDict.list_identifiers) {
+            identifierColumns = mappingAsDict.list_identifiers.columns.slice();        
+        }
+        if(this.mappingAsDict.paired_identifier) {
+            identifierColumns.push(this.mappingAsDict.paired_identifier.columns[0]);
+        }
+        return identifierColumns;
+    },
+    buildRequestElements(createDatasetDescription, createSubcollectionDescription, subElementProp) {
+        const data = this.hotData["data"];
+        const identifierColumns = this.identifierColumns();
+        if(identifierColumns.length < 1) {
+          console.log("Error but this shouldn't have happened, create button should have been disabled.");
+          return;
+        }
+
+        const numIdentifierColumns = identifierColumns.length;
+        const collectionType = this.collectionType;
+        const elementsByName = {};
+
+        let dataByCollection = {};
+        const collectionNameMap = this.mappingAsDict.collection_name;
+        if(collectionNameMap) {
+            const collectionNameTarget = collectionNameMap.columns[0];
+            for(let dataIndex in data) {
+                const row = data[dataIndex];
+                const name = row[collectionNameTarget];
+                if(!dataByCollection[name]) {
+                    dataByCollection[name] = {};
+                }
+                dataByCollection[name][dataIndex] = row;
+            }
+        } else {
+            // use global collection name from the form.
+            dataByCollection[this.collectionName] = data;
+        }
+
+        for(let collectionName in dataByCollection) {
+            const elements = [];
+
+            for(let dataIndex in dataByCollection[collectionName]) {
+                const rowData = data[dataIndex];
+
+                // For each row, find place in depth for this element.
+                let collectionTypeAtDepth = collectionType;
+                let elementsAtDepth = elements;
+
+                for(let identifierColumnIndex = 0; identifierColumnIndex < numIdentifierColumns; identifierColumnIndex++) {
+                    let identifier = rowData[identifierColumns[identifierColumnIndex]];
+                    if(identifierColumnIndex + 1 == numIdentifierColumns) {
+                        // At correct final position in nested structure for this dataset.
+                        if(collectionTypeAtDepth === "paired") {
+                            if(["f", "1", "r1", "forward"].indexOf(identifier.toLowerCase()) > -1) {
+                                identifier = "forward";
+                            } 
+                            else if(["r", "2", "r2", "reverse"].indexOf(identifier.toLowerCase()) > -1) {
+                                identifier = "reverse";
+                            }
+                            else {
+                                this.state = 'error';
+                                this.errorMessage = 'Unknown indicator of paired status encountered - only values of F, R, 1, 2, R1, R2, forward, or reverse are allowed.';
+                            }
+                        }
+                        const element = createDatasetDescription(dataIndex, identifier);
+                        elementsAtDepth.push(element);
+                    } else {
+                        // Create nesting for this element.
+                        collectionTypeAtDepth = collectionTypeAtDepth.split(":").slice(1).join(":");
+                        let found = false;
+                        for(let element of elementsAtDepth) {
+                            if(element["name"] == identifier) {
+                                elementsAtDepth = element[subElementProp];
+                                found = true;
+                                break;
+                            }
+                        }
+                        if(!found) {
+                            const subcollection = createSubcollectionDescription(identifier);
+                            elementsAtDepth.push(subcollection);
+                            const childCollectionElements = [];
+                            subcollection[subElementProp] = childCollectionElements;
+                            subcollection.collection_type = collectionTypeAtDepth;
+                            elementsAtDepth = childCollectionElements;
+                        }
+                    }
+                }
+            }
+
+            elementsByName[collectionName] = elements;
+        }
+
+
+        return elementsByName;
+    },
+    creationElementsFromDatasets() {
+        const sources = this.hotData["sources"];
+        const data = this.hotData["data"];
+
+        const elementsByCollectionName = this.buildRequestElements(
+            (dataIndex, identifier) => {
+                const source = sources[dataIndex];
+                return {"id": source["id"], "name": identifier, "src": "hda"}
+            },
+            (identifier) => {
+                return {"name": identifier, "src": "new_collection"};
+            },
+            "element_identifiers",
+        );
+        // This modality only allows a single collection to be created currently.
+        return elementsByCollectionName[this.collectionName];
+    },
+    creationElementsForFetch() { // fetch elements for HDCA
+        const data = this.hotData["data"];
+        const mappingAsDict = this.mappingAsDict;
+
+        const elementsByCollectionName = this.buildRequestElements(
+            (dataIndex, identifier) => {
+                const res = this._datasetFor(dataIndex, data, mappingAsDict);
+                res["name"] = identifier;
+                return res;
+            },
+            (identifier) => {
+                return {"name": identifier};
+            },
+            "elements",
+        );
+
+        return elementsByCollectionName;
+    },
+    creationDatasetsForFetch() { // fetch elements for HDAs if not collection information specified.
+        const data = this.hotData["data"];
+        const mappingAsDict = this.mappingAsDict;
+
+        const datasets = [];
+
+        for(let dataIndex in data) {
+            const rowData = data[dataIndex];
+            const res = this._datasetFor(dataIndex, data, mappingAsDict);
+            datasets.push(res);
+        }
+
+        return datasets;
+    },
+    highlightColumn(n) {
+        const headerSelection = $(`.htCore > thead > tr > th:nth-child(${n + 1})`);
+        headerSelection.addClass('ht__highlight');
+        const bodySelection = $(`.htCore > tbody > tr > td:nth-child(${n + 1})`);
+        bodySelection.addClass('rule-highlight');
+    },
+    unhighlightColumn(n) {
+        const headerSelection = $(`.htCore > thead > tr > th:nth-child(${n + 1})`);
+        headerSelection.removeClass('ht__highlight');
+        const bodySelection = $(`.htCore > tbody > tr > td:nth-child(${n + 1})`);
+        bodySelection.removeClass('rule-highlight');
+    },
+    _datasetFor(dataIndex, data, mappingAsDict) {
+        const res = {};
+        if(mappingAsDict.url) {
+            const urlColumn = mappingAsDict.url.columns[0];
+            let url = data[dataIndex][urlColumn];
+            if(url.indexOf("://") == -1) {
+                url = "http://" + url;
+            }
+            res["url"] = url;
+            res["src"] = "url";
+        } else {
+            const ftpPathColumn = mappingAsDict.ftp_path.columns[0];
+            const ftpPath = data[dataIndex][ftpPathColumn];
+            res["ftp_path"] = ftpPath;
+            res["src"] = "ftp_path";
+        }
+        if(mappingAsDict.dbkey) {
+            const dbkeyColumn = mappingAsDict.dbkey.columns[0];
+            const dbkey = data[dataIndex][dbkeyColumn];
+            res["dbkey"] = dbkey;
+        } else if(this.genome) {
+            res["dbkey"] = this.genome;
+        }
+        if(mappingAsDict.file_type) {
+            const fileTypeColumn = mappingAsDict.file_type.columns[0];
+            const fileType = data[dataIndex][fileTypeColumn];
+            res["ext"] = file_type;
+        } else if(this.extension) {
+            res["ext"] = this.extension;
+        }
+        if(mappingAsDict.name) {
+            const nameColumn = mappingAsDict.name.columns[0];
+            const name = data[dataIndex][nameColumn];
+            res["name"] = name;
+        }
+        if(mappingAsDict.info) {
+            const infoColumn = mappingAsDict.info.columns[0];
+            const info = data[dataIndex][infoColumn];
+            res["info"] = info;
+        }
+        return res;
+    },
+  },
+  created() {
+      let columnCount = null;
+      if(this.elementsType == "datasets") {
+          for(let element of this.initialElements) {
+              if(element.history_content_type == "dataset_collection") {
+                  this.errorMessage = "This component can only be used with datasets, you have specified one or more collections.";
+                  this.state = 'error';
+              }
+          }
+      } else {
+          for(let row of this.initialElements) {
+              if (columnCount == null) {
+                  columnCount = row.length;
+              } else {
+                  if(columnCount != row.length) {
+                      this.jaggedData = true;
+                      break
+                  }
+              }
+          }
+      }
+      UploadUtils.getUploadDatatypes((extensions) => {this.extensions = extensions; this.extension = UploadUtils.DEFAULT_EXTENSION}, false, UploadUtils.AUTO_EXTENSION);
+      UploadUtils.getUploadGenomes((genomes) => {this.genomes = genomes; this.genome = UploadUtils.DEFAULT_GENOME;}, UploadUtils.DEFAULT_GENOME);
+  },
+  watch: {
+      'addColumnRegexType': function (val) {
+          if (val == "groups") {
+              this.addColumnRegexGroupCount = 1;
+          }
+          if (val == "replacement") {
+              this.addColumnRegexReplacement = "$&";
+          }
+      },
+  },
+  components: {
+    HotTable,
+    RuleComponent,
+    RuleTargetComponent,
+    RuleDisplay,
+    IdentifierDisplay,
+    ColumnSelector,
+    RegularExpressionInput,
+    StateDiv,
+    OptionButtonsDiv,
+    Select2,
+  }
+}
+</script>
+
+<style>
+  .table-column {
+    width: 100%;
+    /* overflow: scroll; */
+  }
+  .vertical #hot-table {
+    width: 100%;
+    overflow: scroll;
+    height: 400px;
+  }
+  .horizontal #hot-table {
+    width: 100%;
+    overflow: scroll;
+    height: 250px;
+  }
+  .rule-builder-body {
+    height: 400px;
+  }
+  .rule-column.vertical {
+    height: 400px;
+  }
+  .rule-column.horizontal {
+    height: 150px;
+  }
+  .rules-container {
+    border: 1px dashed #ccc;
+    padding: 5px;
+  }
+  .rules-container-vertical {
+    width: 270px;
+    height: 400px;
+  }
+  .rules-container-horizontal {
+    width: 100%;
+    height: 150px;
+  }
+  .rules-container .title {
+    font-weight: bold;
+  }
+  .rule-option {
+    padding-left: 20px;
+  }
+  .rule-summary {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  .rules {
+    flex-grow: 1;
+    overflow-y: scroll;
+  }
+  .rule-source {
+    height: 400px;
+  }
+  .rules li {
+    list-style-type: circle;
+    list-style-position: inside;
+    padding: 5px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+  .rule-column-selector li {
+    list-style-type: circle;
+    list-style-position: inside;
+    padding: 5px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+  .rules .rule-error {
+    display: block;
+    margin-left: 10px;
+    font-style: italic;
+    color: red;
+  }
+  .rule-warning {
+    display: block;
+    margin-left: 10px;
+    font-style: italic;
+    color: #e28809;
+  }
+  .rule-summary .title {
+    font-size: 1.1em;
+  }
+  .rule-highlight {
+    font-style: italic;
+    font-weight: bold;
+  }
+  .rules-buttons {
+
+  }
+  /* .dropdown-menu {position:absolute;} */
+</style>
diff --git a/client/galaxy/scripts/mvc/collection/list-collection-creator.js b/client/galaxy/scripts/mvc/collection/list-collection-creator.js
index 5a0072d0503c..9cb7212d0b56 100644
--- a/client/galaxy/scripts/mvc/collection/list-collection-creator.js
+++ b/client/galaxy/scripts/mvc/collection/list-collection-creator.js
@@ -5,6 +5,9 @@ import baseCreator from "mvc/collection/base-creator";
 import UI_MODAL from "mvc/ui/ui-modal";
 import naturalSort from "utils/natural-sort";
 import _l from "utils/localization";
+import RuleCollectionBuilder from "components/RuleCollectionBuilder.vue";
+import Vue from "vue";
+
 import "ui/hoverhighlight";
 
 var logNamespace = "collections";
@@ -1011,17 +1014,11 @@ var ListCollectionCreator = Backbone.View.extend(BASE_MVC.LoggableMixin)
         }
     });
 
-//=============================================================================
-/** Create a modal and load its body with the given CreatorClass creator type
- *  @returns {Deferred} resolved when creator has built a collection.
- */
-var collectionCreatorModal = function _collectionCreatorModal(elements, options, CreatorClass) {
-    var deferred = jQuery.Deferred();
-    var modal = Galaxy.modal || new UI_MODAL.View();
-    var creator;
+const collectionCreatorModalSetup = function _collectionCreatorModalSetup(options) {
+    const deferred = jQuery.Deferred();
+    const modal = Galaxy.modal || new UI_MODAL.View();
 
-    options = _.defaults(options || {}, {
-        elements: elements,
+    const creatorOptions = _.defaults(options || {}, {
         oncancel: function() {
             modal.hide();
             deferred.reject("cancelled");
@@ -1032,18 +1029,67 @@ var collectionCreatorModal = function _collectionCreatorModal(elements, options,
         }
     });
 
-    creator = new CreatorClass(options);
-    modal.show({
-        title: options.title || _l("Create a collection"),
-        body: creator.$el,
-        width: "80%",
-        height: "100%",
-        closing_events: true
+    const showEl = function(el) {
+        modal.show({
+            title: options.title || _l("Create a collection"),
+            body: el,
+            width: "80%",
+            height: "100%",
+            closing_events: true
+        });
+    };
+
+    return { deferred, creatorOptions, showEl };
+};
+
+//=============================================================================
+/** Create a modal and load its body with the given CreatorClass creator type
+ *  @returns {Deferred} resolved when creator has built a collection.
+ */
+var collectionCreatorModal = function _collectionCreatorModal(elements, options, CreatorClass) {
+    options = _.defaults(options || {}, {
+        elements: elements
     });
+    const { deferred, creatorOptions, showEl } = collectionCreatorModalSetup(options);
+    var creator = new CreatorClass(creatorOptions);
+    showEl(creator.$el);
     creator.render();
-    window._collectionCreator = creator;
+    return deferred;
+};
 
-    //TODO: remove modal header
+var ruleBasedCollectionCreatorModal = function _ruleBasedCollectionCreatorModal(
+    elements,
+    elementsType,
+    importType,
+    options
+) {
+    let title;
+    if (importType == "datasets") {
+        title = _l("Build Rules for Uploading Datasets");
+    } else if (elementsType == "datasets") {
+        title = _l("Build Rules for Creating Collection");
+    } else {
+        title = _l("Build Rules for Uploading Collections");
+    }
+    options = _.defaults(options || {}, {
+        title: title
+    });
+    const { deferred, creatorOptions, showEl } = collectionCreatorModalSetup(options);
+    var ruleCollectionBuilderInstance = Vue.extend(RuleCollectionBuilder);
+    var vm = document.createElement("div");
+    showEl(vm);
+    new ruleCollectionBuilderInstance({
+        propsData: {
+            initialElements: elements,
+            elementsType: elementsType,
+            importType: importType,
+            ftpUploadSite: options.ftpUploadSite,
+            creationFn: options.creationFn,
+            oncancel: options.oncancel,
+            oncreate: options.oncreate,
+            defaultHideSourceItems: options.defaultHideSourceItems
+        }
+    }).$mount(vm);
     return deferred;
 };
 
@@ -1059,15 +1105,14 @@ var listCollectionCreatorModal = function _listCollectionCreatorModal(elements,
  *  @returns {Deferred} resolved when the collection is added to the history.
  */
 function createListCollection(contents, defaultHideSourceItems) {
-    var elements = contents.toJSON();
+    const elements = contents.toJSON();
 
-    var promise = listCollectionCreatorModal(elements, {
+    const promise = listCollectionCreatorModal(elements, {
         defaultHideSourceItems: defaultHideSourceItems,
         creationFn: function(elements, name, hideSourceItems) {
             elements = elements.map(element => ({
                 id: element.id,
                 name: element.name,
-
                 //TODO: this allows for list:list even if the filter above does not - reconcile
                 src: element.history_content_type === "dataset" ? "hda" : "hdca"
             }));
@@ -1078,12 +1123,50 @@ function createListCollection(contents, defaultHideSourceItems) {
     return promise;
 }
 
+function createCollectionViaRules(selection, defaultHideSourceItems) {
+    let elements, elementsType, importType;
+    if (!selection.selectionType) {
+        // Have HDAs from the history panel.
+        elements = selection.toJSON();
+        elementsType = "datasets";
+        importType = "collections";
+    } else {
+        const hasNonWhitespaceChars = RegExp(/[^\s]/);
+        // Have pasted data, data from a history dataset, or FTP list.
+        const lines = selection.content
+            .split(/[\n\r]/)
+            .filter(line => line.length > 0 && hasNonWhitespaceChars.exec(line));
+
+        // Really poor tabular parser - we should get a library for this or expose options? I'm not
+        // sure.
+        let hasTabs = false;
+        if (lines.length > 0) {
+            const firstLine = lines[0];
+            if (firstLine.indexOf("\t") >= 0) {
+                hasTabs = true;
+            }
+        }
+        const regex = hasTabs ? /\t/ : /\s+/;
+        elements = lines.map(line => line.split(regex));
+        elementsType = selection.selectionType;
+        importType = selection.dataType || "collections";
+    }
+    const promise = ruleBasedCollectionCreatorModal(elements, elementsType, importType, {
+        ftpUploadSite: selection.ftpUploadSite,
+        defaultHideSourceItems: defaultHideSourceItems,
+        creationFn: function(elements, collectionType, name, hideSourceItems) {
+            return selection.createHDCA(elements, collectionType, name, hideSourceItems);
+        }
+    });
+    return promise;
+}
+
 //==============================================================================
 export default {
     DatasetCollectionElementView: DatasetCollectionElementView,
     ListCollectionCreator: ListCollectionCreator,
-
     collectionCreatorModal: collectionCreatorModal,
     listCollectionCreatorModal: listCollectionCreatorModal,
-    createListCollection: createListCollection
+    createListCollection: createListCollection,
+    createCollectionViaRules: createCollectionViaRules
 };
diff --git a/client/galaxy/scripts/mvc/history/history-view-edit.js b/client/galaxy/scripts/mvc/history/history-view-edit.js
index f2cd6648d394..76ee95512c07 100644
--- a/client/galaxy/scripts/mvc/history/history-view-edit.js
+++ b/client/galaxy/scripts/mvc/history/history-view-edit.js
@@ -294,22 +294,20 @@ var HistoryViewEdit = _super.extend(
             return [
                 {
                     html: _l("Build Dataset List"),
-                    func: function() {
-                        panel.buildCollection("list");
-                    }
+                    func: () => panel.buildCollection("list")
                 },
                 // TODO: Only show quick pair if two things selected.
                 {
                     html: _l("Build Dataset Pair"),
-                    func: function() {
-                        panel.buildCollection("paired");
-                    }
+                    func: () => panel.buildCollection("paired")
                 },
                 {
                     html: _l("Build List of Dataset Pairs"),
-                    func: function() {
-                        panel.buildCollection("list:paired");
-                    }
+                    func: () => panel.buildCollection("list:paired")
+                },
+                {
+                    html: _l("Build Collection from Rules"),
+                    func: () => panel.buildCollection("rules")
                 }
             ];
         },
@@ -325,6 +323,8 @@ var HistoryViewEdit = _super.extend(
                 createFunc = PAIR_COLLECTION_CREATOR.createPairCollection;
             } else if (collectionType == "list:paired") {
                 createFunc = LIST_OF_PAIRS_COLLECTION_CREATOR.createListOfPairsCollection;
+            } else if (collectionType.startsWith("rules")) {
+                createFunc = LIST_COLLECTION_CREATOR.createCollectionViaRules;
             } else {
                 console.warn(`Unknown collectionType encountered ${collectionType}`);
             }
diff --git a/client/galaxy/scripts/mvc/history/job-states-model.js b/client/galaxy/scripts/mvc/history/job-states-model.js
index fffee020ead1..eb0229273f79 100644
--- a/client/galaxy/scripts/mvc/history/job-states-model.js
+++ b/client/galaxy/scripts/mvc/history/job-states-model.js
@@ -165,4 +165,4 @@ var JobStatesSummaryCollection = Backbone.Collection.extend({
     }
 });
 
-export default { JobStatesSummary, JobStatesSummaryCollection, FETCH_STATE_ON_ADD };
+export default { JobStatesSummary, JobStatesSummaryCollection, FETCH_STATE_ON_ADD, NON_TERMINAL_STATES, ERROR_STATES };
diff --git a/client/galaxy/scripts/mvc/upload/collection/rules-input-view.js b/client/galaxy/scripts/mvc/upload/collection/rules-input-view.js
new file mode 100644
index 000000000000..c79221ffc040
--- /dev/null
+++ b/client/galaxy/scripts/mvc/upload/collection/rules-input-view.js
@@ -0,0 +1,177 @@
+import _l from "utils/localization";
+import Ui from "mvc/ui/ui-misc";
+import Select from "mvc/ui/ui-select";
+import UploadUtils from "mvc/upload/upload-utils";
+import axios from "axios";
+
+export default Backbone.View.extend({
+    initialize: function(app) {
+        this.app = app;
+        this.options = app.options;
+        this.ftpUploadSite = app.currentFtp();
+        this.setElement(this._template());
+        this.btnBuild = new Ui.Button({
+            id: "btn-build",
+            title: _l("Build"),
+            onclick: () => {
+                this._eventBuild();
+            }
+        });
+        _.each([this.btnBuild], button => {
+            this.$(".upload-buttons").prepend(button.$el);
+        });
+        const dataTypeOptions = [{ id: "datasets", text: "Datasets" }, { id: "collections", text: "Collection(s)" }];
+        this.dataType = "datasets";
+        this.dataTypeView = new Select.View({
+            css: "upload-footer-selection",
+            container: this.$(".rule-data-type"),
+            data: dataTypeOptions,
+            value: this.dataType,
+            onchange: value => {
+                this.dataType = value;
+                // this._renderSelectedType();
+            }
+        });
+
+        const selectionTypeOptions = [
+            { id: "paste", text: "Pasted Table" },
+            { id: "dataset", text: "History Dataset" },
+        ];
+        if (this.ftpUploadSite) {
+            selectionTypeOptions.push({ id: "ftp", text: "FTP Directory" });
+        }
+        this.selectionType = "paste";
+        this.selectionTypeView = new Select.View({
+            css: "upload-footer-selection",
+            container: this.$(".rule-select-type"),
+            data: selectionTypeOptions,
+            value: this.selectionType,
+            onchange: value => {
+                this.selectionType = value;
+                this._renderSelectedType();
+            }
+        });
+        this.selectedDatasetId = null;
+
+        this._renderSelectedType();
+    },
+
+    _renderSelectedType: function() {
+        const selectionType = this.selectionType;
+        if (selectionType == "dataset") {
+            if (!this.datasetSelectorView) {
+                this.selectedDatasetId = null;
+                const history = parent.Galaxy && parent.Galaxy.currHistoryPanel && parent.Galaxy.currHistoryPanel.model;
+                const historyContentModels = history.contents.models;
+                const options = [];
+                for (let historyContentModel of historyContentModels) {
+                    const attr = historyContentModel.attributes;
+                    if (attr.history_content_type !== "dataset") {
+                        continue;
+                    }
+                    options.push({ id: attr.id, text: `${attr.hid}: ${_.escape(attr.name)}` });
+                }
+                this.datasetSelectorView = new Select.View({
+                    container: this.$(".dataset-selector"),
+                    data: options,
+                    placeholder: _l("Select a dataset"),
+                    onchange: val => {
+                        this._onDataset(val);
+                    }
+                });
+            } else {
+                this.datasetSelectorView.value(null);
+            }
+        } else if (selectionType == "ftp") {
+            UploadUtils.getRemoteFiles(ftp_files => {
+                this._setPreview(ftp_files.map(file => file["path"]).join("\n"));
+            });
+        }
+        this._updateScreen();
+    },
+
+    _onDataset: function(selectedDatasetId) {
+        this.selectedDatasetId = selectedDatasetId;
+        if (!selectedDatasetId) {
+            this._setPreview("");
+            return;
+        }
+        axios
+            .get(
+                `${Galaxy.root}api/histories/${Galaxy.currHistoryPanel.model.id}/contents/${selectedDatasetId}/display`
+            )
+            .then(response => {
+                this._setPreview(response.data);
+            })
+            .catch(error => console.log(error));
+    },
+
+    _eventBuild: function() {
+        const selection = this.$(".upload-rule-source-content").val();
+        this._buildSelection(selection);
+    },
+
+    _buildSelection: function(content) {
+        const selectionType = this.selectionType;
+        const selection = { content: content };
+        if (selectionType == "dataset" || selectionType == "paste") {
+            selection.selectionType = "raw";
+        } else if (selectionType == "ftp") {
+            selection.selectionType = "ftp";
+        }
+        selection.ftpUploadSite = this.ftpUploadSite;
+        selection.dataType = this.dataType;
+        Galaxy.currHistoryPanel.buildCollection("rules", selection, true);
+        this.app.modal.hide();
+    },
+
+    _setPreview: function(content) {
+        $(".upload-rule-source-content").val(content);
+        this._updateScreen();
+    },
+
+    _updateScreen: function() {
+        const selectionType = this.selectionType;
+        const selection = this.$(".upload-rule-source-content").val();
+        this.btnBuild[selection || selectionType == "paste" ? "enable" : "disable"]();
+        this.$("#upload-rule-dataset-option")[selectionType == "dataset" ? "show" : "hide"]();
+        this.$(".upload-rule-source-content").attr("disabled", selectionType !== "paste");
+    },
+
+    _template: function() {
+        return `
+            <div class="upload-view-default">
+                <div class="upload-top">
+                    <h6 class="upload-top-info">
+                        Tabular source data to extract collection files and metadata from
+                    </h6>
+                </div>
+                <div class="upload-box" style="height: 335px;">
+                    <span style="width: 25%; display: inline; height: 100%" class="pull-left">
+                        <div class="upload-rule-option">
+                            <div class="upload-rule-option-title">${_l("Upload data as")}:</div>
+                            <div class="rule-data-type" />
+                        </div>
+                        <div class="upload-rule-option">
+                            <div class="upload-rule-option-title">${_l("Load tabular data from")}:</div>
+                            <div class="rule-select-type" />
+                        </div>
+                        <div id="upload-rule-dataset-option" class="upload-rule-option">
+                            <div class="upload-rule-option-title">${_l("Select dataset to load")}:</div>
+                            <div class="dataset-selector" />
+                        </div>
+                    </span>
+                    <span style="display: inline; float: right; width: 75%; height: 300px">
+                    <textarea class="upload-rule-source-content form-control" style="height: 100%"></textarea>
+                    </span>
+                </div>
+                <div class="clear" />
+                <!--
+                <div class="upload-footer">
+                </div>
+                -->
+                <div class="upload-buttons"/>
+                </div>
+        `;
+    }
+});
diff --git a/client/galaxy/scripts/mvc/upload/upload-ftp.js b/client/galaxy/scripts/mvc/upload/upload-ftp.js
index 1db7bbfcaba9..124aa4f85702 100644
--- a/client/galaxy/scripts/mvc/upload/upload-ftp.js
+++ b/client/galaxy/scripts/mvc/upload/upload-ftp.js
@@ -1,5 +1,7 @@
 /** This renders the content of the ftp popup **/
 import Utils from "utils/utils";
+import UploadUtils from "mvc/upload/upload-utils";
+
 export default Backbone.View.extend({
     initialize: function(options) {
         var self = this;
@@ -36,18 +38,16 @@ export default Backbone.View.extend({
         this.$content.hide();
         this.$warning.hide();
         this.$help.hide();
-        $.ajax({
-            url: `${Galaxy.root}api/remote_files`,
-            method: "GET",
-            success: function(ftp_files) {
+        UploadUtils.getRemoteFiles(
+            function(ftp_files) {
                 self.model.set("ftp_files", ftp_files);
                 self._index();
                 self._renderTable();
             },
-            error: function() {
+            function() {
                 self._renderTable();
             }
-        });
+        );
     },
 
     /** Fill table with ftp entries */
diff --git a/client/galaxy/scripts/mvc/upload/upload-utils.js b/client/galaxy/scripts/mvc/upload/upload-utils.js
new file mode 100644
index 000000000000..58e93884adc6
--- /dev/null
+++ b/client/galaxy/scripts/mvc/upload/upload-utils.js
@@ -0,0 +1,81 @@
+import Utils from "utils/utils";
+
+const AUTO_EXTENSION = {
+    id: "auto",
+    text: "Auto-detect",
+    description:
+        "This system will try to detect the file type automatically. If your file is not detected properly as one of the known formats, it most likely means that it has some format problems (e.g., different number of columns on different rows). You can still coerce the system to set your data to the format you think it should be.  You can also upload compressed files, which will automatically be decompressed."
+};
+const DEFAULT_GENOME = "?";
+const DEFAULT_EXTENSION = "auto";
+
+function getUploadDatatypes(callback, datatypesDisableAuto, auto) {
+    Utils.get({
+        url: `${Galaxy.root}api/datatypes?extension_only=False`,
+        success: function(datatypes) {
+            const listExtensions = [];
+            for (var key in datatypes) {
+                listExtensions.push({
+                    id: datatypes[key].extension,
+                    text: datatypes[key].extension,
+                    description: datatypes[key].description,
+                    description_url: datatypes[key].description_url,
+                    composite_files: datatypes[key].composite_files
+                });
+            }
+            listExtensions.sort((a, b) => {
+                var a_text = a.text && a.text.toLowerCase();
+                var b_text = b.text && b.text.toLowerCase();
+                return a_text > b_text ? 1 : a_text < b_text ? -1 : 0;
+            });
+            if (!datatypesDisableAuto) {
+                listExtensions.unshift(auto);
+            }
+            callback(listExtensions);
+        }
+    });
+}
+
+function getUploadGenomes(callback, defaultGenome) {
+    Utils.get({
+        url: `${Galaxy.root}api/genomes`,
+        success: function(genomes) {
+            const listGenomes = [];
+
+            for (var key in genomes) {
+                listGenomes.push({
+                    id: genomes[key][1],
+                    text: genomes[key][0]
+                });
+            }
+            listGenomes.sort((a, b) => {
+                if (a.id == defaultGenome) {
+                    return -1;
+                }
+                if (b.id == defaultGenome) {
+                    return 1;
+                }
+                return a.text > b.text ? 1 : a.text < b.text ? -1 : 0;
+            });
+            callback(listGenomes);
+        }
+    });
+}
+
+function getRemoteFiles(success, error) {
+    return $.ajax({
+        url: `${Galaxy.root}api/remote_files`,
+        method: "GET",
+        success: success,
+        error: error
+    });
+}
+
+export default {
+    AUTO_EXTENSION,
+    DEFAULT_GENOME,
+    DEFAULT_EXTENSION,
+    getRemoteFiles,
+    getUploadDatatypes,
+    getUploadGenomes
+};
diff --git a/client/galaxy/scripts/mvc/upload/upload-view.js b/client/galaxy/scripts/mvc/upload/upload-view.js
index ec9aaaeacd25..9741c7618e0e 100644
--- a/client/galaxy/scripts/mvc/upload/upload-view.js
+++ b/client/galaxy/scripts/mvc/upload/upload-view.js
@@ -3,23 +3,21 @@ import _l from "utils/localization";
 import Utils from "utils/utils";
 import Modal from "mvc/ui/ui-modal";
 import Tabs from "mvc/ui/ui-tabs";
+import UploadUtils from "mvc/upload/upload-utils";
 import UploadButton from "mvc/upload/upload-button";
 import UploadViewDefault from "mvc/upload/default/default-view";
 import UploadViewComposite from "mvc/upload/composite/composite-view";
 import UploadViewCollection from "mvc/upload/collection/collection-view";
+import UploadViewRuleBased from "mvc/upload/collection/rules-input-view";
+
 export default Backbone.View.extend({
     options: {
         ftp_upload_site: "n/a",
-        default_genome: "?",
-        default_extension: "auto",
+        default_genome: UploadUtils.DEFAULT_GENOME,
+        default_extension: UploadUtils.DEFAULT_EXTENSION,
         height: 500,
         width: 900,
-        auto: {
-            id: "auto",
-            text: "Auto-detect",
-            description:
-                "This system will try to detect the file type automatically. If your file is not detected properly as one of the known formats, it most likely means that it has some format problems (e.g., different number of columns on different rows). You can still coerce the system to set your data to the format you think it should be.  You can also upload compressed files, which will automatically be decompressed."
-        }
+        auto: UploadUtils.AUTO_EXTENSION
     },
 
     // contains all available dataset extensions/types
@@ -29,17 +27,16 @@ export default Backbone.View.extend({
     list_genomes: [],
 
     initialize: function(options) {
-        var self = this;
         this.options = Utils.merge(options, this.options);
 
         // create view for upload/progress button
         this.ui_button = new UploadButton.View({
-            onclick: function(e) {
+            onclick: e => {
                 e.preventDefault();
-                self.show();
+                this.show();
             },
-            onunload: function() {
-                var percentage = self.ui_button.model.get("percentage", 0);
+            onunload: () => {
+                var percentage = this.ui_button.model.get("percentage", 0);
                 if (percentage > 0 && percentage < 100) {
                     return "Several uploads are queued.";
                 }
@@ -50,51 +47,18 @@ export default Backbone.View.extend({
         this.setElement(this.ui_button.$el);
 
         // load extensions
-        var self = this;
-        Utils.get({
-            url: `${Galaxy.root}api/datatypes?extension_only=False`,
-            success: function(datatypes) {
-                for (var key in datatypes) {
-                    self.list_extensions.push({
-                        id: datatypes[key].extension,
-                        text: datatypes[key].extension,
-                        description: datatypes[key].description,
-                        description_url: datatypes[key].description_url,
-                        composite_files: datatypes[key].composite_files
-                    });
-                }
-                self.list_extensions.sort((a, b) => {
-                    var a_text = a.text && a.text.toLowerCase();
-                    var b_text = b.text && b.text.toLowerCase();
-                    return a_text > b_text ? 1 : a_text < b_text ? -1 : 0;
-                });
-                if (!self.options.datatypes_disable_auto) {
-                    self.list_extensions.unshift(self.options.auto);
-                }
-            }
-        });
+        UploadUtils.getUploadDatatypes(
+            list_extensions => {
+                this.list_extensions = list_extensions;
+            },
+            this.options.datatypes_disable_auto,
+            this.options.auto
+        );
 
         // load genomes
-        Utils.get({
-            url: `${Galaxy.root}api/genomes`,
-            success: function(genomes) {
-                for (var key in genomes) {
-                    self.list_genomes.push({
-                        id: genomes[key][1],
-                        text: genomes[key][0]
-                    });
-                }
-                self.list_genomes.sort((a, b) => {
-                    if (a.id == self.options.default_genome) {
-                        return -1;
-                    }
-                    if (b.id == self.options.default_genome) {
-                        return 1;
-                    }
-                    return a.text > b.text ? 1 : a.text < b.text ? -1 : 0;
-                });
-            }
-        });
+        UploadUtils.getUploadGenomes(list_genomes => {
+            this.list_genomes = list_genomes;
+        }, this.default_genome);
     },
 
     /** Show/hide upload dialog */
@@ -127,6 +91,12 @@ export default Backbone.View.extend({
                 title: _l("Collection"),
                 $el: this.collection_view.$el
             });
+            this.rule_based_view = new UploadViewRuleBased(this);
+            this.tabs.add({
+                id: "rule-based",
+                title: _l("Rule-based"),
+                $el: this.rule_based_view.$el
+            });
             this.modal = new Modal.View({
                 title: _l("Download from web or upload from disk"),
                 body: this.tabs.$el,
diff --git a/client/galaxy/style/less/upload.less b/client/galaxy/style/less/upload.less
index 93cc6cb463e0..45926f8de976 100644
--- a/client/galaxy/style/less/upload.less
+++ b/client/galaxy/style/less/upload.less
@@ -160,6 +160,14 @@
             }
         }
     }
+    .upload-rule-option {
+        padding-top: 20px;
+
+        .upload-rule-option-title {
+            font-weight: bold;
+            padding-bottom: 5px;
+        }
+    }
     .upload-box-solid {
         border: 1px solid @btn-default-border;
     }
diff --git a/client/package.json b/client/package.json
index 7c51eb18ff7a..13e76ad9795f 100644
--- a/client/package.json
+++ b/client/package.json
@@ -28,7 +28,8 @@
     "raven-js": "^3.17.0",
     "requirejs": "2",
     "underscore": "^1.8.3",
-    "vue": "^2.5.9"
+    "vue": "^2.5.9",
+    "vue-handsontable-official": "^1.0.0"
   },
   "scripts": {
     "watch": "gulp stage-libs && concurrently \"yarn run webpack-watch\" \"yarn run gulp watch\" \"yarn run style-watch\"",
@@ -54,6 +55,7 @@
   "devDependencies": {
     "babel-core": "^6.24.0",
     "babel-loader": "^7.1.1",
+    "babel-plugin-transform-vue-template": "^0.3.1",
     "babel-preset-env": "^1.6.1",
     "concurrently": "^3.5.1",
     "css-loader": "^0.28.7",
@@ -90,7 +92,7 @@
     "qunitjs": "^2.4.1",
     "sinon": "^4.1.2",
     "vue-loader": "^13.5.0",
-    "vue-template-compiler": "^2.5.9",
+    "vue-template-compiler": "^2.5.13",
     "webpack": "^3.10.0"
   }
 }
diff --git a/client/webpack.config.js b/client/webpack.config.js
index 45d94b0f3813..c59bb58538fd 100644
--- a/client/webpack.config.js
+++ b/client/webpack.config.js
@@ -61,9 +61,18 @@ let buildconfig = {
     },
     module: {
         rules: [
+            {
+                test: /\.vue$/,
+                loader: "vue-loader",
+                options: {
+                    loaders: {
+                        js: "babel-loader"
+                    }
+                }
+            },
             {
                 test: /\.js$/,
-                exclude: [/(node_modules|bower_components)/, libsBase],
+                exclude: [/(node_modules\/(?!(vue-handsontable-official)\/)|bower_components)/, libsBase],
                 loader: "babel-loader"
             },
             {
@@ -78,10 +87,6 @@ let buildconfig = {
                         options: "$"
                     }
                 ]
-            },
-            {
-                test: /\.vue$/,
-                loader: "vue-loader"
             }
         ]
     },
diff --git a/client/yarn.lock b/client/yarn.lock
index 26bb2146e24b..46ea1084ed04 100644
--- a/client/yarn.lock
+++ b/client/yarn.lock
@@ -887,6 +887,13 @@ babel-plugin-transform-strict-mode@^6.24.1:
     babel-runtime "^6.22.0"
     babel-types "^6.24.1"
 
+babel-plugin-transform-vue-template@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-vue-template/-/babel-plugin-transform-vue-template-0.3.1.tgz#9681fa2fae40c0248e52852b7aebd51ce6a5ac2f"
+  dependencies:
+    babylon "^6.17.4"
+    vue-template-es2015-compiler "^1.5.3"
+
 babel-preset-env@^1.6.1:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/babel-preset-env/-/babel-preset-env-1.6.1.tgz#a18b564cc9b9afdf4aae57ae3c1b0d99188e6f48"
@@ -1022,7 +1029,7 @@ babel-types@^6.19.0, babel-types@^6.24.1, babel-types@^6.26.0, babel-types@^6.7.
     lodash "^4.17.4"
     to-fast-properties "^1.0.3"
 
-babylon@^6.1.0, babylon@^6.18.0:
+babylon@^6.1.0, babylon@^6.17.4, babylon@^6.18.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"
 
@@ -3432,6 +3439,14 @@ handlebars@~3.0.0:
   optionalDependencies:
     uglify-js "~2.3"
 
+handsontable@^0.33.0:
+  version "0.33.0"
+  resolved "https://registry.yarnpkg.com/handsontable/-/handsontable-0.33.0.tgz#3df41804fd00a878b3904a478bf7ef54f2bc6d95"
+  dependencies:
+    moment "2.18.1"
+    numbro "1.11.0"
+    pikaday "1.5.1"
+
 har-schema@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-1.0.5.tgz#d263135f43307c02c602afc8fe95970c0151369e"
@@ -4824,6 +4839,14 @@ mocha@^3.2.0:
     mkdirp "0.5.1"
     supports-color "3.1.2"
 
+moment@2.18.1:
+  version "2.18.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.18.1.tgz#c36193dd3ce1c2eed2adb7c802dbbc77a81b1c0f"
+
+moment@2.x:
+  version "2.20.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.20.1.tgz#d6eb1a46cbcc14a2b2f9434112c1ff8907f313fd"
+
 ms@0.7.1:
   version "0.7.1"
   resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.1.tgz#9cd13c03adbff25b65effde7ce864ee952017098"
@@ -5068,6 +5091,10 @@ number-is-nan@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
 
+numbro@1.11.0:
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/numbro/-/numbro-1.11.0.tgz#39aa17b358b4682aec8ca0d5755f35c5d9ce8f9e"
+
 oauth-sign@~0.8.1, oauth-sign@~0.8.2:
   version "0.8.2"
   resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.8.2.tgz#46a6ab7f0aead8deae9ec0565780b7d4efeb9d43"
@@ -5451,6 +5478,12 @@ pify@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
 
+pikaday@1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/pikaday/-/pikaday-1.5.1.tgz#0a48549bc1a14ea1d08c44074d761bc2f2bfcfd3"
+  optionalDependencies:
+    moment "2.x"
+
 pinkie-promise@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-1.0.0.tgz#d1da67f5482563bb7cf57f286ae2822ecfbf3670"
@@ -7470,13 +7503,19 @@ void-elements@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-2.0.1.tgz#c066afb582bb1cb4128d60ea92392e94d5e9dbec"
 
+vue-handsontable-official@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/vue-handsontable-official/-/vue-handsontable-official-1.0.0.tgz#d943c192a3a7725153186c682d6aef9e2955bff2"
+  dependencies:
+    handsontable "^0.33.0"
+
 vue-hot-reload-api@^2.2.0:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.2.3.tgz#43c8e5506d65a271d2571936d77253019fd3eb17"
 
 vue-loader@^13.5.0:
-  version "13.5.0"
-  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-13.5.0.tgz#52f7b3790a267eff80012b77ea187a54586dd5d4"
+  version "13.7.0"
+  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-13.7.0.tgz#4d6a35b169c2a0a488842fb95c85052105fa9729"
   dependencies:
     consolidate "^0.14.0"
     hash-sum "^1.0.2"
@@ -7499,20 +7538,20 @@ vue-style-loader@^3.0.0:
     hash-sum "^1.0.2"
     loader-utils "^1.0.2"
 
-vue-template-compiler@^2.5.9:
-  version "2.5.9"
-  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.5.9.tgz#7fabc73c8d3d12d32340cd86c5fc33e00e86d686"
+vue-template-compiler@^2.5.13:
+  version "2.5.13"
+  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.5.13.tgz#12a2aa0ecd6158ac5e5f14d294b0993f399c3d38"
   dependencies:
     de-indent "^1.0.2"
     he "^1.1.0"
 
-vue-template-es2015-compiler@^1.6.0:
+vue-template-es2015-compiler@^1.5.3, vue-template-es2015-compiler@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.6.0.tgz#dc42697133302ce3017524356a6c61b7b69b4a18"
 
 vue@^2.5.9:
-  version "2.5.9"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-2.5.9.tgz#b2380cd040915dca69881dafd121d760952e65f7"
+  version "2.5.13"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-2.5.13.tgz#95bd31e20efcf7a7f39239c9aa6787ce8cf578e1"
 
 walk-sync@0.3.1:
   version "0.3.1"
diff --git a/lib/galaxy/webapps/galaxy/api/jobs.py b/lib/galaxy/webapps/galaxy/api/jobs.py
index 3015349cbe81..31b350312cdb 100644
--- a/lib/galaxy/webapps/galaxy/api/jobs.py
+++ b/lib/galaxy/webapps/galaxy/api/jobs.py
@@ -111,7 +111,7 @@ def build_and_apply_filters(query, objects, filter_func):
 
         return out
 
-    @expose_api
+    @expose_api_anonymous
     def show(self, trans, id, **kwd):
         """
         show( trans, id )
@@ -255,7 +255,9 @@ def __get_job(self, trans, id):
         job = trans.sa_session.query(trans.app.model.Job).filter(trans.app.model.Job.id == decoded_job_id).first()
         if job is None:
             raise exceptions.ObjectNotFound()
-        if not trans.user_is_admin() and job.user != trans.user:
+        belongs_to_user = (job.user == trans.user) if job.user else (job.session_id == trans.get_galaxy_session().id)
+        if not trans.user_is_admin() and not belongs_to_user:
+            # Check access granted via output datasets.
             if not job.output_datasets:
                 raise exceptions.ItemAccessibilityException("Job has no output datasets.")
             for data_assoc in job.output_datasets:
diff --git a/test-data/rules/PRJDA60709.tsv b/test-data/rules/PRJDA60709.tsv
new file mode 100644
index 000000000000..f50d7d078ccd
--- /dev/null
+++ b/test-data/rules/PRJDA60709.tsv
@@ -0,0 +1,7 @@
+study_accession sample_accession    experiment_accession    fastq_ftp
+PRJDA60709  SAMD00016379    DRX000475   ftp.sra.ebi.ac.uk/vol1/fastq/DRR000/DRR000770/DRR000770.fastq.gz
+PRJDA60709  SAMD00016383    DRX000476   ftp.sra.ebi.ac.uk/vol1/fastq/DRR000/DRR000771/DRR000771.fastq.gz
+PRJDA60709  SAMD00016380    DRX000477   ftp.sra.ebi.ac.uk/vol1/fastq/DRR000/DRR000772/DRR000772.fastq.gz
+PRJDA60709  SAMD00016378    DRX000478   ftp.sra.ebi.ac.uk/vol1/fastq/DRR000/DRR000773/DRR000773.fastq.gz
+PRJDA60709  SAMD00016381    DRX000479   ftp.sra.ebi.ac.uk/vol1/fastq/DRR000/DRR000774/DRR000774.fastq.gz
+PRJDA60709  SAMD00016382    DRX000480   ftp.sra.ebi.ac.uk/vol1/fastq/DRR000/DRR000775/DRR000775.fastq.gz
diff --git a/test-data/rules/PRJDB3920.tsv b/test-data/rules/PRJDB3920.tsv
new file mode 100644
index 000000000000..04524d381f65
--- /dev/null
+++ b/test-data/rules/PRJDB3920.tsv
@@ -0,0 +1,8 @@
+study_accession	sample_accession	experiment_accession	fastq_ftp
+PRJDB3920	SAMD00034150	DRX036147	ftp.sra.ebi.ac.uk/vol1/fastq/DRR039/DRR039919/DRR039919_1.fastq.gz;ftp.sra.ebi.ac.uk/vol1/fastq/DRR039/DRR039919/DRR039919_2.fastq.gz
+PRJDB3920	SAMD00034150	DRX036148	ftp.sra.ebi.ac.uk/vol1/fastq/DRR039/DRR039920/DRR039920_1.fastq.gz;ftp.sra.ebi.ac.uk/vol1/fastq/DRR039/DRR039920/DRR039920_2.fastq.gz
+PRJDB3920	SAMD00034150	DRX036149	ftp.sra.ebi.ac.uk/vol1/fastq/DRR039/DRR039921/DRR039921_1.fastq.gz;ftp.sra.ebi.ac.uk/vol1/fastq/DRR039/DRR039921/DRR039921_2.fastq.gz
+PRJDB3920	SAMD00034150	DRX036150	ftp.sra.ebi.ac.uk/vol1/fastq/DRR039/DRR039922/DRR039922_1.fastq.gz;ftp.sra.ebi.ac.uk/vol1/fastq/DRR039/DRR039922/DRR039922_2.fastq.gz
+PRJDB3920	SAMD00034150	DRX036151	ftp.sra.ebi.ac.uk/vol1/fastq/DRR039/DRR039923/DRR039923_1.fastq.gz;ftp.sra.ebi.ac.uk/vol1/fastq/DRR039/DRR039923/DRR039923_2.fastq.gz
+PRJDB3920	SAMD00034153	DRX036152	ftp.sra.ebi.ac.uk/vol1/fastq/DRR039/DRR039924/DRR039924_1.fastq.gz;ftp.sra.ebi.ac.uk/vol1/fastq/DRR039/DRR039924/DRR039924_2.fastq.gz
+PRJDB3920	SAMD00034152	DRX036164	ftp.sra.ebi.ac.uk/vol1/fastq/DRR039/DRR039936/DRR039936_1.fastq.gz;ftp.sra.ebi.ac.uk/vol1/fastq/DRR039/DRR039936/DRR039936_2.fastq.gz
diff --git a/test-data/rules/PRJNA355367.tsv b/test-data/rules/PRJNA355367.tsv
new file mode 100644
index 000000000000..f164437d9c9d
--- /dev/null
+++ b/test-data/rules/PRJNA355367.tsv
@@ -0,0 +1,84 @@
+Run	ReleaseDate	LoadDate	spots	bases	spots_with_mates	avgLength	size_MB	AssemblyName	download_path	Experiment	LibraryName
+SRR5363633	2017-03-21 11:40:07	2017-03-21 11:29:13	9942851	1993124486	9791175	200	809	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363633	SRX2659078	wtPA14
+SRR5363634	2017-03-21 13:19:08	2017-03-21 13:17:11	1158307	232298840	1141697	200	81	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363634	SRX2659079	con10
+SRR5363635	2017-03-21 13:19:08	2017-03-21 13:16:39	1270067	254490549	1249658	200	89	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363635	SRX2659080	con9
+SRR5363636	2017-03-21 13:19:08	2017-03-21 13:16:56	1023725	205709452	1013013	200	74	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363636	SRX2659081	con8
+SRR5363637	2017-03-21 11:37:06	2017-03-21 11:28:00	3179821	638410351	3141113	200	216	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363637	SRX2659082	con7
+SRR5363638	2017-03-21 12:53:08	2017-03-21 12:04:58	3359498	675138344	3325080	200	288	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363638	SRX2659083	con6
+SRR5363639	2017-03-21 13:19:08	2017-03-21 13:17:25	2074389	416191247	2046343	200	145	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363639	SRX2659084	con5
+SRR5363640	2017-03-21 13:19:08	2017-03-21 13:17:46	2692438	540402576	2658118	200	187	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363640	SRX2659085	con4
+SRR5363641	2017-03-21 13:19:08	2017-03-21 13:17:14	2271913	456015568	2243122	200	161	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363641	SRX2659086	con3
+SRR5363642	2017-03-21 13:19:08	2017-03-21 13:16:58	2164949	434399488	2136063	200	151	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363642	SRX2659087	con2
+SRR5363643	2017-03-21 11:37:06	2017-03-21 11:27:34	1999861	401313700	1973567	200	140	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363643	SRX2659088	con1
+SRR5363644	2017-03-21 11:44:06	2017-03-21 11:36:06	13473203	2704705108	13306228	200	1076	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363644	SRX2659089	str10
+SRR5363645	2017-03-21 11:37:06	2017-03-21 11:27:24	1801962	362038363	1782599	200	130	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363645	SRX2659090	str9
+SRR5363646	2017-03-21 11:36:06	2017-03-21 11:26:22	39113	7861711	39106	200	4	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363646	SRX2659091	str8
+SRR5363647	2017-03-21 11:36:06	2017-03-21 11:26:43	1255569	252289127	1242359	200	90	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363647	SRX2659092	str7
+SRR5363648	2017-03-21 11:36:06	2017-03-21 11:26:42	903374	181362535	892308	200	64	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363648	SRX2659093	str6
+SRR5363649	2017-03-21 11:37:06	2017-03-21 11:27:05	2059145	413598822	2035919	200	140	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363649	SRX2659094	str5
+SRR5363650	2017-03-21 11:37:06	2017-03-21 11:27:37	1685689	338152407	1662375	200	119	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363650	SRX2659095	str4
+SRR5363651	2017-03-21 11:36:06	2017-03-21 11:26:51	698470	140689157	694502	201	48	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363651	SRX2659096	str3
+SRR5363652	2017-03-21 11:37:06	2017-03-21 11:27:53	755393	152119594	750753	201	52	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363652	SRX2659097	str2
+SRR5363653	2017-03-21 11:37:06	2017-03-21 11:27:41	1651613	331529685	1630882	200	119	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363653	SRX2659098	str1
+SRR5363654	2017-03-21 11:37:06	2017-03-21 11:27:37	1693765	340003252	1672625	200	118	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363654	SRX2659099	gen10
+SRR5363655	2017-03-21 11:37:06	2017-03-21 11:28:30	2173449	436124391	2144642	200	153	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363655	SRX2659100	gen9
+SRR5363656	2017-03-21 11:43:06	2017-03-21 11:33:05	9625215	1933561588	9519090	200	778	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363656	SRX2659101	gen8
+SRR5363657	2017-03-21 11:37:06	2017-03-21 11:27:38	1106350	222126014	1092932	200	79	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363657	SRX2659102	gen7
+SRR5363658	2017-03-21 11:37:07	2017-03-21 11:27:07	565475	113765064	560920	201	42	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363658	SRX2659103	gen6
+SRR5363659	2017-03-21 11:37:07	2017-03-21 11:28:20	1320926	265553033	1308329	201	96	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363659	SRX2659104	gen5
+SRR5363660	2017-03-21 11:37:07	2017-03-21 11:28:18	949047	190786413	939940	201	70	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363660	SRX2659105	gen4
+SRR5363661	2017-03-21 11:39:07	2017-03-21 11:29:11	1609659	323469152	1593027	200	116	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363661	SRX2659106	gen3
+SRR5363662	2017-03-21 11:37:07	2017-03-21 11:28:20	1244105	249942443	1230587	200	90	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363662	SRX2659107	gen2
+SRR5363663	2017-03-21 11:44:06	2017-03-21 11:34:00	13546763	2714292352	13327595	200	1112	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363663	SRX2659108	gen1
+SRR5363664	2017-03-21 11:37:07	2017-03-21 11:28:35	1995417	400617217	1971115	200	140	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363664	SRX2659109	pit9
+SRR5363665	2017-03-21 11:39:07	2017-03-21 11:29:18	2098280	421450493	2074524	200	146	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363665	SRX2659110	pit10
+SRR5363666	2017-03-21 11:39:07	2017-03-21 11:28:56	1624164	326200210	1605561	200	115	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363666	SRX2659111	pit8
+SRR5363667	2017-03-21 11:39:07	2017-03-21 11:28:56	1765896	355178220	1750742	201	122	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363667	SRX2659112	pit7
+SRR5363668	2017-03-21 11:39:07	2017-03-21 11:29:36	834144	167643900	825708	200	59	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363668	SRX2659113	pit6
+SRR5363669	2017-03-21 11:42:06	2017-03-21 11:31:07	9524989	1913263017	9418320	200	780	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363669	SRX2659114	pit5
+SRR5363670	2017-03-21 11:39:07	2017-03-21 11:28:48	1196456	240479817	1184548	200	84	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363670	SRX2659115	pit4
+SRR5363671	2017-03-21 11:39:07	2017-03-21 11:29:21	1703068	341745049	1680568	200	119	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363671	SRX2659116	pit3
+SRR5363672	2017-03-21 11:40:07	2017-03-21 11:29:21	1752519	352259586	1735224	201	122	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363672	SRX2659117	pit2
+SRR5363673	2017-03-21 11:37:07	2017-03-21 11:28:40	1702102	341794907	1682027	200	121	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363673	SRX2659118	pit1
+SRR5363674	2017-03-21 11:37:07	2017-03-21 11:28:41	2186337	438861929	2158858	200	155	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363674	SRX2659119	car10
+SRR5363675	2017-03-21 11:37:07	2017-03-21 11:28:37	1806341	362679360	1784566	200	128	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363675	SRX2659120	car9
+SRR5363676	2017-03-21 11:37:07	2017-03-21 11:28:29	1492644	299621613	1473926	200	106	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363676	SRX2659121	car8
+SRR5363677	2017-03-21 11:40:07	2017-03-21 11:29:02	2139706	429729175	2115063	200	151	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363677	SRX2659122	car7
+SRR5363678	2017-03-21 11:40:07	2017-03-21 11:29:13	1787521	358790286	1764881	200	124	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363678	SRX2659123	car6
+SRR5363679	2017-03-21 11:38:06	2017-03-21 11:28:48	1500378	300767719	1477539	200	106	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363679	SRX2659124	car5
+SRR5363680	2017-03-21 11:38:06	2017-03-21 11:28:54	879242	176495860	868255	200	63	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363680	SRX2659125	car4
+SRR5363681	2017-03-21 11:40:07	2017-03-21 11:30:02	1852256	371663665	1827605	200	130	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363681	SRX2659126	car3
+SRR5363682	2017-03-21 11:40:07	2017-03-21 11:29:40	996680	199979148	983324	200	72	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363682	SRX2659127	car2
+SRR5363683	2017-03-21 11:40:07	2017-03-21 11:29:49	1089078	218680766	1076092	200	79	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363683	SRX2659128	car1
+SRR5363684	2017-03-21 11:40:07	2017-03-21 11:29:57	1682993	337921519	1662784	200	118	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363684	SRX2659129	cef10
+SRR5363685	2017-03-21 11:40:07	2017-03-21 11:29:46	1274849	255689623	1256747	200	92	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363685	SRX2659130	cef9
+SRR5363686	2017-03-21 11:40:07	2017-03-21 11:29:22	1218188	244568636	1203299	200	87	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363686	SRX2659131	cef8
+SRR5363687	2017-03-21 11:40:07	2017-03-21 11:30:06	2027741	406979584	2001785	200	142	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363687	SRX2659132	cef7
+SRR5363688	2017-03-21 11:40:07	2017-03-21 11:29:38	998237	200918449	991068	201	72	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363688	SRX2659133	cef6
+SRR5363689	2017-03-21 11:40:07	2017-03-21 11:29:26	518920	104507529	515814	201	41	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363689	SRX2659134	cef5
+SRR5363690	2017-03-21 11:44:06	2017-03-21 11:33:47	11530820	2311357478	11354074	200	982	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363690	SRX2659135	cef4
+SRR5363691	2017-03-21 11:40:07	2017-03-21 11:29:41	516125	103920037	512793	201	41	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363691	SRX2659136	cef3
+SRR5363692	2017-03-21 11:40:07	2017-03-21 11:30:11	890572	179326220	884948	201	65	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363692	SRX2659137	cef2
+SRR5363693	2017-03-21 11:40:07	2017-03-21 11:30:04	978135	196865238	971039	201	74	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363693	SRX2659138	cef1
+SRR5363694	2017-03-21 11:40:07	2017-03-21 11:29:57	1959249	393031721	1932180	200	138	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363694	SRX2659139	imi2
+SRR5363695	2017-03-21 11:40:07	2017-03-21 11:29:43	1074984	215595123	1059636	200	76	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363695	SRX2659140	imi1
+SRR5363696	2017-03-21 11:41:07	2017-03-21 11:29:48	1288979	258545055	1270889	200	92	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363696	SRX2659141	dor10
+SRR5363697	2017-03-21 11:42:06	2017-03-21 11:31:06	2908416	583478795	2868638	200	200	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363697	SRX2659142	dor9
+SRR5363698	2017-03-21 11:49:07	2017-03-21 11:37:59	15442120	3097410993	15225523	200	1224	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363698	SRX2659143	dor8
+SRR5363699	2017-03-21 11:40:07	2017-03-21 11:30:00	1718167	344971206	1697410	200	123	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363699	SRX2659144	dor7
+SRR5363700	2017-03-21 11:41:07	2017-03-21 11:29:57	1739828	349655178	1722126	200	125	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363700	SRX2659145	dor6
+SRR5363701	2017-03-21 11:45:06	2017-03-21 11:35:22	18584730	3732962863	18375556	200	1453	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363701	SRX2659146	dor5
+SRR5363702	2017-03-21 11:44:06	2017-03-21 11:35:13	12158676	2438787680	11987886	200	981	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363702	SRX2659147	dor4
+SRR5363703	2017-03-21 11:44:06	2017-03-21 11:34:44	11391713	2283748728	11219804	200	916	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363703	SRX2659148	dor3
+SRR5363704	2017-03-21 11:42:06	2017-03-21 11:32:45	6155766	1236497552	6086854	200	513	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363704	SRX2659149	dor2
+SRR5363705	2017-03-21 11:41:07	2017-03-21 11:30:25	1002355	201209957	989835	200	72	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363705	SRX2659150	dor1
+SRR5363706	2017-03-21 11:41:07	2017-03-21 11:30:25	752409	151419028	746795	201	59	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363706	SRX2659151	cip10
+SRR5363707	2017-03-21 11:44:06	2017-03-21 11:33:49	10594069	2127067244	10466132	200	870	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363707	SRX2659152	cip9
+SRR5363708	2017-03-21 11:41:07	2017-03-21 11:30:31	1431059	287670501	1417182	201	105	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363708	SRX2659153	cip8
+SRR5363709	2017-03-21 11:41:07	2017-03-21 11:30:41	1208297	242791534	1195595	200	88	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363709	SRX2659154	cip7
+SRR5363710	2017-03-21 11:41:07	2017-03-21 11:30:35	1370364	275356971	1355960	200	100	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363710	SRX2659155	cip6
+SRR5363711	2017-03-21 11:42:06	2017-03-21 11:31:24	1593545	320335049	1578109	201	116	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363711	SRX2659156	cip5
+SRR5363712	2017-03-21 11:41:07	2017-03-21 11:31:00	1332160	267714312	1318490	200	99	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363712	SRX2659157	cip4
+SRR5363713	2017-03-21 11:42:06	2017-03-21 11:31:02	1893119	379943269	1868718	200	134	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363713	SRX2659158	cip3
+SRR5363714	2017-03-21 11:42:06	2017-03-21 11:31:01	1839276	369651139	1820660	200	129	assembly	https://raw.githubusercontent.com/jmchilton/galaxy-examples/master/sra_PRJNA355367/SRR5363714	SRX2659159	cip2
+SRR5363715	2017-03-21 11:26:06	2017-03-21 10:59:33	712060	142833136	702138	200	51	assembly	https://sra-download.ncbi.nlm.nih.gov/traces/sra46/SRR/005238/SRR5363715	SRX2659160	cip1
diff --git a/test-data/rules/uniprot.json b/test-data/rules/uniprot.json
new file mode 100644
index 000000000000..be924eb20835
--- /dev/null
+++ b/test-data/rules/uniprot.json
@@ -0,0 +1,52 @@
+{
+  "rules": [
+    {
+      "type": "add_filter_count",
+      "count": "1",
+      "which": "first",
+      "invert": false
+    },
+    {
+      "type": "remove_columns",
+      "target_columns": [
+        1,
+        2,
+        4,
+        5,
+        6
+      ]
+    },
+    {
+      "type": "sort",
+      "target_column": 0,
+      "numeric": false
+    },
+    {
+      "type": "add_column_regex",
+      "target_column": 0,
+      "expression": ".*",
+      "replacement": "http://www.uniprot.org/uniprot/$&.fasta"
+    }
+  ],
+  "mapping": [
+    {
+      "type": "info",
+      "columns": [
+        1
+      ]
+    },
+    {
+      "type": "list_identifiers",
+      "columns": [
+        0
+      ]
+    },
+    {
+      "type": "url",
+      "columns": [
+        2
+      ]
+    }
+  ],
+  "extension": "csfasta"
+}
\ No newline at end of file
diff --git a/test-data/rules/uniprot.tsv b/test-data/rules/uniprot.tsv
new file mode 100644
index 000000000000..aae30c199f5c
--- /dev/null
+++ b/test-data/rules/uniprot.tsv
@@ -0,0 +1,8 @@
+Entry	Entry name	Status	Protein names	Gene names	Organism	Length
+E7C0H6	E7C0H6_9PAPI	unreviewed	Major capsid protein L1	L1	Equus caballus papillomavirus 3	498
+E7C0H0	E7C0H0_9PAPI	unreviewed	Protein E6	E6	Equus caballus papillomavirus 3	150
+E7C0H5	E7C0H5_9PAPI	unreviewed	Minor capsid protein L2	L2	Equus caballus papillomavirus 3	498
+E7C0H1	E7C0H1_9PAPI	unreviewed	Protein E7		Equus caballus papillomavirus 3	93
+E7C0H3	E7C0H3_9PAPI	unreviewed	Regulatory protein E2	E2	Equus caballus papillomavirus 3	421
+E7C0H4	E7C0H4_9PAPI	unreviewed	Putative E4 early protein (Fragment)		Equus caballus papillomavirus 3	175
+E7C0H2	E7C0H2_9PAPI	unreviewed	Replication protein E1 (EC 3.6.4.12) (ATP-dependent helicase E1)	E1	Equus caballus papillomavirus 3	621
diff --git a/test/functional/tools/sample_datatypes_conf.xml b/test/functional/tools/sample_datatypes_conf.xml
index 8010f26e5617..271b8762c224 100644
--- a/test/functional/tools/sample_datatypes_conf.xml
+++ b/test/functional/tools/sample_datatypes_conf.xml
@@ -37,6 +37,7 @@
     </datatype>
     <datatype extension="bcf" type="galaxy.datatypes.binary:Bcf" mimetype="application/octet-stream" display_in_upload="true" description="A binary file compressed in the BGZF format with a '.bcf' file extension." description_url="https://galaxyproject.org/learn/datatypes/#bcf" />
     <datatype extension="biom1" type="galaxy.datatypes.text:Biom1" display_in_upload="True" subclass="True" mimetype="application/json"/>
+    <datatype extension="sra" type="galaxy.datatypes.binary:Sra" mimetype="application/octet-stream" display_in_upload="true" description="A binary file archive format from the NCBI Sequence Read Archive with a '.sra' file extension." description_url="http://www.ncbi.nlm.nih.gov/books/n/helpsra/SRA_Overview_BK/#SRA_Overview_BK.4_SRA_Data_Structure"/>
     <datatype extension="bed" type="galaxy.datatypes.interval:Bed" display_in_upload="true" description="BED format provides a flexible way to define the data lines that are displayed in an annotation track. BED lines have three required columns and nine additional optional columns. The three required columns are chrom, chromStart and chromEnd." description_url="https://galaxyproject.org/learn/datatypes/#bed">
     </datatype>
     <datatype extension="xml" type="galaxy.datatypes.xml:GenericXml" mimetype="application/xml" display_in_upload="true"/>
diff --git a/test/galaxy_selenium/has_driver.py b/test/galaxy_selenium/has_driver.py
index c9bb46f33367..ffba975258ee 100644
--- a/test/galaxy_selenium/has_driver.py
+++ b/test/galaxy_selenium/has_driver.py
@@ -173,6 +173,9 @@ def send_enter(self, element):
     def send_escape(self, element):
         element.send_keys(Keys.ESCAPE)
 
+    def send_backspace(self, element):
+        element.send_keys(Keys.BACKSPACE)
+
     def wait(self, timeout=UNSPECIFIED_TIMEOUT, **kwds):
         if timeout is UNSPECIFIED_TIMEOUT:
             timeout = self.timeout_for(**kwds)
diff --git a/test/galaxy_selenium/navigates_galaxy.py b/test/galaxy_selenium/navigates_galaxy.py
index 92387fe7ce4d..2cd601e2659d 100644
--- a/test/galaxy_selenium/navigates_galaxy.py
+++ b/test/galaxy_selenium/navigates_galaxy.py
@@ -531,11 +531,10 @@ def _collection_upload_start(self, test_paths, ext, genome, collection_type):
         self.upload_build()
 
     def upload_tab_click(self, tab):
-        tab_tag_id = "#tab-title-link-%s" % tab
-        self.wait_for_and_click_selector(tab_tag_id)
+        self.components.upload.tab(tab=tab).wait_for_and_click()
 
     def upload_start_click(self):
-        self.wait_for_and_click_selector(".upload-button")
+        self.components.upload.start.wait_for_and_click()
 
     @retry_during_transitions
     def upload_set_footer_extension(self, ext, tab_id="regular"):
@@ -560,8 +559,8 @@ def upload_start(self, tab_id="regular"):
         self.wait_for_and_click_selector("div#%s button#btn-start" % tab_id)
 
     @retry_during_transitions
-    def upload_build(self):
-        build_selector = "div#collection button#btn-build"
+    def upload_build(self, tab="collection"):
+        build_selector = "div#%s button#btn-build" % tab
         # Pause a bit to let the callback on the build button be registered.
         time.sleep(.5)
         # Click the Build button and make sure it disappears.
@@ -581,6 +580,191 @@ def upload_queue_local_file(self, test_path, tab_id="regular"):
         file_upload = self.wait_for_selector('div#%s input[type="file"]' % tab_id)
         file_upload.send_keys(test_path)
 
+    def upload_rule_start(self):
+        self.upload_start_click()
+        self.upload_tab_click("rule-based")
+
+    def upload_rule_build(self):
+        self.upload_build(tab="rule-based")
+
+    def upload_rule_set_data_type(self, type_description):
+        upload = self.components.upload
+        data_type_element = upload.rule_select_data_type.wait_for_visible()
+        self.select2_set_value(data_type_element, type_description)
+
+    def upload_rule_set_input_type(self, input_description):
+        upload = self.components.upload
+        input_type_element = upload.rule_select_input_type.wait_for_visible()
+        self.select2_set_value(input_type_element, input_description)
+
+    def upload_rule_set_dataset(self, dataset_description="1:"):
+        upload = self.components.upload
+        rule_dataset_element = upload.rule_dataset_selector.wait_for_visible()
+        self.select2_set_value(rule_dataset_element, dataset_description)
+
+    def rule_builder_set_collection_name(self, name):
+        rule_builder = self.components.rule_builder
+        name_element = rule_builder.collection_name_input.wait_for_and_click()
+        name_element.send_keys(name)
+
+    def rule_builder_set_extension(self, extension):
+        self.select2_set_value(".rule-option-extension", extension)
+
+    def rule_builder_filter_count(self, count=1):
+        rule_builder = self.components.rule_builder
+        rule_builder.menu_button_filter.wait_for_and_click()
+        with self.rule_builder_rule_editor("add-filter-count") as editor_element:
+            filter_input = editor_element.find_element_by_css_selector("input[type='number']")
+            filter_input.clear()
+            filter_input.send_keys("%s" % count)
+
+    def rule_builder_sort(self, column_label, screenshot_name=None):
+        rule_builder = self.components.rule_builder
+        rule_builder.menu_button_rules.wait_for_and_click()
+        with self.rule_builder_rule_editor("sort") as editor_element:
+            column_elem = editor_element.find_element_by_css_selector(".rule-column-selector")
+            self.select2_set_value(column_elem, column_label)
+            if screenshot_name:
+                self.screenshot(screenshot_name)
+
+    def rule_builder_add_regex_groups(self, column_label, group_count, regex, screenshot_name):
+        rule_builder = self.components.rule_builder
+        rule_builder.menu_button_column.wait_for_and_click()
+        with self.rule_builder_rule_editor("add-column-regex") as editor_element:
+
+            column_elem = editor_element.find_element_by_css_selector(".rule-column-selector")
+            self.select2_set_value(column_elem, column_label)
+
+            groups_elem = editor_element.find_element_by_css_selector("input[type='radio'][value='groups']")
+            groups_elem.click()
+
+            regex_elem = editor_element.find_element_by_css_selector("input.rule-regular-expression")
+            regex_elem.clear()
+            regex_elem.send_keys(regex)
+
+            filter_input = editor_element.find_element_by_css_selector("input[type='number']")
+            filter_input.clear()
+            filter_input.send_keys("%s" % group_count)
+
+            if screenshot_name:
+                self.screenshot(screenshot_name)
+
+    def rule_builder_add_regex_replacement(self, column_label, regex, replacement, screenshot_name=None):
+        rule_builder = self.components.rule_builder
+        rule_builder.menu_button_column.wait_for_and_click()
+        with self.rule_builder_rule_editor("add-column-regex") as editor_element:
+
+            column_elem = editor_element.find_element_by_css_selector(".rule-column-selector")
+            self.select2_set_value(column_elem, column_label)
+
+            groups_elem = editor_element.find_element_by_css_selector("input[type='radio'][value='replacement']")
+            groups_elem.click()
+
+            regex_elem = editor_element.find_element_by_css_selector("input.rule-regular-expression")
+            regex_elem.clear()
+            regex_elem.send_keys(regex)
+
+            filter_input = editor_element.find_element_by_css_selector("input.rule-replacement")
+            filter_input.clear()
+            filter_input.send_keys("%s" % replacement)
+
+            if screenshot_name:
+                self.screenshot(screenshot_name)
+
+    def rule_builder_add_value(self, value, screenshot_name=None):
+        rule_builder = self.components.rule_builder
+        rule_builder.menu_button_column.wait_for_and_click()
+        with self.rule_builder_rule_editor("add-column-value") as editor_element:
+            filter_input = editor_element.find_element_by_css_selector("input[type='text']")
+            filter_input.clear()
+            filter_input.send_keys(value)
+
+            if screenshot_name:
+                self.screenshot(screenshot_name)
+
+    def rule_builder_remove_columns(self, column_labels, screenshot_name=None):
+        rule_builder = self.components.rule_builder
+        rule_builder.menu_button_rules.wait_for_and_click()
+        with self.rule_builder_rule_editor("remove-columns") as filter_editor_element:
+            column_elem = filter_editor_element.find_element_by_css_selector(".rule-column-selector")
+            for column_label in column_labels:
+                self.select2_set_value(column_elem, column_label)
+            if screenshot_name:
+                self.screenshot(screenshot_name)
+
+    def rule_builder_concatenate_columns(self, column_label_1, column_label_2, screenshot_name=None):
+        rule_builder = self.components.rule_builder
+        rule_builder.menu_button_column.wait_for_and_click()
+        with self.rule_builder_rule_editor("add-column-concatenate") as filter_editor_element:
+            column_elems = filter_editor_element.find_elements_by_css_selector(".rule-column-selector")
+            self.select2_set_value(column_elems[0], column_label_1)
+            column_elems = filter_editor_element.find_elements_by_css_selector(".rule-column-selector")
+            self.select2_set_value(column_elems[1], column_label_2)
+            if screenshot_name:
+                self.screenshot(screenshot_name)
+
+    def rule_builder_split_columns(self, column_labels_1, column_labels_2, screenshot_name=None):
+        rule_builder = self.components.rule_builder
+        rule_builder.menu_button_rules.wait_for_and_click()
+        with self.rule_builder_rule_editor("split-columns") as filter_editor_element:
+            column_elems = filter_editor_element.find_elements_by_css_selector(".rule-column-selector")
+            clear = True
+            for column_label_1 in column_labels_1:
+                self.select2_set_value(column_elems[0], column_label_1, clear_value=clear)
+                clear = False
+
+            column_elems = filter_editor_element.find_elements_by_css_selector(".rule-column-selector")
+            clear = True
+            for column_label_2 in column_labels_2:
+                self.select2_set_value(column_elems[1], column_label_2, clear_value=clear)
+                clear = False
+
+            if screenshot_name:
+                self.screenshot(screenshot_name)
+
+    def rule_builder_swap_columns(self, column_label_1, column_label_2, screenshot_name):
+        rule_builder = self.components.rule_builder
+        rule_builder.menu_button_rules.wait_for_and_click()
+        with self.rule_builder_rule_editor("swap-columns") as filter_editor_element:
+            column_elems = filter_editor_element.find_elements_by_css_selector(".rule-column-selector")
+            self.select2_set_value(column_elems[0], column_label_1)
+            column_elems = filter_editor_element.find_elements_by_css_selector(".rule-column-selector")
+            self.select2_set_value(column_elems[1], column_label_2)
+            if screenshot_name:
+                self.screenshot(screenshot_name)
+
+    @contextlib.contextmanager
+    def rule_builder_rule_editor(self, rule_type):
+        rule_builder = self.components.rule_builder
+        rule_builder.menu_item_rule_type(rule_type=rule_type).wait_for_and_click()
+        filter_editor = rule_builder.rule_editor(rule_type=rule_type)
+        filter_editor_element = filter_editor.wait_for_visible()
+        yield filter_editor_element
+        rule_builder.rule_editor_ok.wait_for_and_click()
+
+    def rule_builder_set_mapping(self, mapping_type, column_label, screenshot_name=None):
+        rule_builder = self.components.rule_builder
+        rule_builder.menu_button_rules.wait_for_and_click()
+        rule_builder.menu_item_rule_type(rule_type="mapping").wait_for_and_click()
+        rule_builder.add_mapping_menu.wait_for_and_click()
+        rule_builder.add_mapping_button(mapping_type=mapping_type).wait_for_and_click()
+        if mapping_type != "list-identifiers" or not isinstance(column_label, list):
+            mapping_elem = rule_builder.mapping_edit(mapping_type=mapping_type).wait_for_visible()
+            self.select2_set_value(mapping_elem, column_label)
+            if screenshot_name:
+                self.screenshot(screenshot_name)
+        else:
+            assert len(column_label) > 0
+            column_labels = column_label
+            for i, column_label in enumerate(column_labels):
+                if i > 0:
+                    rule_builder.mapping_add_column(mapping_type=mapping_type).wait_for_and_click()
+                mapping_elem = rule_builder.mapping_edit(mapping_type=mapping_type).wait_for_visible()
+                self.select2_set_value(mapping_elem, column_label)
+            if screenshot_name:
+                self.screenshot(screenshot_name)
+        rule_builder.mapping_ok.wait_for_and_click()
+
     def workflow_editor_click_option(self, option_label):
         self.workflow_editor_click_options()
         menu_element = self.workflow_editor_options_menu_element()
@@ -1166,7 +1350,7 @@ def wait_for_and_click(self, selector_template):
         element.click()
         return element
 
-    def select2_set_value(self, container_selector, value, with_click=True):
+    def select2_set_value(self, container_selector_or_elem, value, with_click=True, clear_value=False):
         # There are two hacky was to select things from the select2 widget -
         #   with_click=True: This simulates the mouse click after the suggestion contains
         #                    only the selected value.
@@ -1174,8 +1358,15 @@ def select2_set_value(self, container_selector, value, with_click=True):
         #                     why.
         # with_click seems to work in all situtations - the enter methods
         # doesn't seem to work with the tool form for some reason.
-        container_elem = self.wait_for_selector(container_selector)
+        if not hasattr(container_selector_or_elem, "find_element_by_css_selector"):
+            container_elem = self.wait_for_selector(container_selector_or_elem)
+        else:
+            container_elem = container_selector_or_elem
+
         text_element = container_elem.find_element_by_css_selector("input[type='text']")
+        if clear_value:
+            self.send_backspace(text_element)
+            self.send_backspace(text_element)
         text_element.send_keys(value)
         # Wait for select2 options to load and then click to add this one.
         drop_elem = self.wait_for_selector_visible("#select2-drop")
diff --git a/test/galaxy_selenium/navigation.yml b/test/galaxy_selenium/navigation.yml
index fa338d65825d..017adf9e07a7 100644
--- a/test/galaxy_selenium/navigation.yml
+++ b/test/galaxy_selenium/navigation.yml
@@ -104,6 +104,7 @@ history_panel:
       build_pair: "Build Dataset Pair"
       build_list: "Build Dataset List"
       build_list_pairs: "Build List of Dataset Pairs"
+      build_from_rules: "Build Collection from Rules"
 
   collection_view:
     selectors:
@@ -279,6 +280,36 @@ gies:
     spinner: 'img#spinner'
     iframe: 'body iframe[seamless="seamless"]'
 
+upload:
+  selectors:
+    tab: '#tab-title-link-${tab}'
+    start: '.upload-button'
+    rule_source_content: 'textarea.upload-rule-source-content'
+    rule_select_data_type: '.rule-data-type'
+    rule_select_input_type: '.rule-select-type'
+    rule_dataset_selector: '.upload-rule-option .dataset-selector'
+
+rule_builder:
+  selectors:
+    _: '.rule-collection-creator'
+    menu_button_filter: '.rule-menu-filter-button'
+    menu_button_rules: '.rule-menu-rules-button'
+    menu_button_column: '.rule-menu-column-button'
+    menu_item_rule_type: '.rule-link-${rule_type}'
+    rule_editor: '.rule-edit-${rule_type}'
+    rule_editor_ok: '.rule-editor-ok'
+    add_mapping_menu: '.rule-add-mapping'
+    add_mapping_button: '.rule-add-mapping-${mapping_type}'
+    mapping_edit: '.rule-map-${mapping_type} .select2-container'
+    mapping_remove_column: '.rule-map-${mapping_type} .rule-column-selector-target-remove'
+    mapping_add_column: '.rule-map-${mapping_type} .rule-column-selector-target-add'
+    mapping_ok: '.rule-mapping-ok'
+    main_button_ok: '.rule-btn-okay'
+    collection_name_input: 'input.collection-name'
+    view_source: '.rule-builder-view-source'
+    source: '.rule-source'
+    table: '#hot-table .htCore'
+
 charts:
   selectors:
     visualize_button: '.ui-portlet .button i.fa-line-chart'  # without icon - it waits on other buttons that aren't visible, need more specific class
diff --git a/test/galaxy_selenium/smart_components.py b/test/galaxy_selenium/smart_components.py
index c0e0356f6c6e..83972a923eb3 100644
--- a/test/galaxy_selenium/smart_components.py
+++ b/test/galaxy_selenium/smart_components.py
@@ -86,3 +86,6 @@ def assert_absent_or_hidden_after_transitions(self, **kwds):
 
     def has_class(self, class_name):
         return class_name in self._has_driver.driver.find_element(*self._target.element_locator).get_attribute("class")
+
+    def wait_for_and_send_keys(self, text):
+        self.wait_for_visible().send_keys(text)
diff --git a/test/selenium_tests/framework.py b/test/selenium_tests/framework.py
index 1d7f0f6207f3..40e23c6fdb31 100644
--- a/test/selenium_tests/framework.py
+++ b/test/selenium_tests/framework.py
@@ -252,17 +252,33 @@ def screenshot(self, label):
         if more for creating a set of images to augment automated testing with manual human inspection
         after a test or test suite has executed.
         """
+        target = self._screenshot_path(label)
+        if target is None:
+            return
+
+        self.driver.save_screenshot(target)
+
+    def write_screenshot_directory_file(self, label, content):
+        target = self._screenshot_path(label, ".txt")
+        if target is None:
+            return
+
+        with open(target, "w") as f:
+            f.write(content)
+
+    def _screenshot_path(self, label, extension=".png"):
         if GALAXY_TEST_SCREENSHOTS_DIRECTORY is None:
             return
         if not os.path.exists(GALAXY_TEST_SCREENSHOTS_DIRECTORY):
             os.makedirs(GALAXY_TEST_SCREENSHOTS_DIRECTORY)
-        target = os.path.join(GALAXY_TEST_SCREENSHOTS_DIRECTORY, label + ".png")
+        target = os.path.join(GALAXY_TEST_SCREENSHOTS_DIRECTORY, label + extension)
         copy = 1
         while os.path.exists(target):
             # Maybe previously a test re-run - keep the original.
-            target = os.path.join(GALAXY_TEST_SCREENSHOTS_DIRECTORY, "%s-%d.png" % (label, copy))
+            target = os.path.join(GALAXY_TEST_SCREENSHOTS_DIRECTORY, "%s-%d%s" % (label, copy, extension))
             copy += 1
-        self.driver.save_screenshot(target)
+
+        return target
 
     def reset_driver_and_session(self):
         self.tear_down_driver()
diff --git a/test/selenium_tests/test_collection_builders.py b/test/selenium_tests/test_collection_builders.py
index 009defe26701..5ec784b7dd35 100644
--- a/test/selenium_tests/test_collection_builders.py
+++ b/test/selenium_tests/test_collection_builders.py
@@ -100,5 +100,18 @@ def test_build_paired_list_hide_original(self):
         self.history_panel_wait_for_hid_hidden(1)
         self.history_panel_wait_for_hid_hidden(2)
 
+    @selenium_test
+    def test_build_simple_list_via_rules(self):
+        self.perform_upload(self.get_filename("1.fasta"))
+        self.history_panel_wait_for_hid_ok(1, allowed_force_refreshes=1)
+        self.history_panel_multi_operations_show()
+        self.history_panel_muli_operation_select_hid(1)
+        self.history_panel_multi_operation_action_click(self.navigation.history_panel.multi_operations.labels.build_from_rules)
+
+        self.collection_builder_set_name("my cool list")
+        self.screenshot("collection_builder_rules_list")
+        self.collection_builder_create()
+        self.history_panel_wait_for_hid_ok(2, allowed_force_refreshes=1)
+
     def _wait_for_hid_visible(self, hid):
         self.history_panel_wait_for_hid_visible(hid, allowed_force_refreshes=1)
diff --git a/test/selenium_tests/test_uploads.py b/test/selenium_tests/test_uploads.py
index 0eb9ef0f1d7e..a23a6d2381d4 100644
--- a/test/selenium_tests/test_uploads.py
+++ b/test/selenium_tests/test_uploads.py
@@ -1,3 +1,7 @@
+import os
+
+from selenium.webdriver.common.keys import Keys
+
 from .framework import (
     selenium_test,
     SeleniumTestCase,
@@ -104,3 +108,221 @@ def test_upload_paired_list(self):
         # Make sure source items are hidden when the collection is created.
         self.history_panel_wait_for_hid_hidden(1)
         self.history_panel_wait_for_hid_hidden(2)
+
+    @selenium_test
+    def test_rules_example_1_datasets(self):
+        # Test case generated for:
+        #   https://www.ebi.ac.uk/ena/data/view/PRJDA60709
+        self.home()
+        self.upload_rule_start()
+        self.screenshot("rules_example_1_1_rules_landing")
+        self.components.upload.rule_source_content.wait_for_and_send_keys("""study_accession sample_accession    experiment_accession    fastq_ftp
+PRJDA60709  SAMD00016379    DRX000475   ftp.sra.ebi.ac.uk/vol1/fastq/DRR000/DRR000770/DRR000770.fastq.gz
+PRJDA60709  SAMD00016383    DRX000476   ftp.sra.ebi.ac.uk/vol1/fastq/DRR000/DRR000771/DRR000771.fastq.gz
+PRJDA60709  SAMD00016380    DRX000477   ftp.sra.ebi.ac.uk/vol1/fastq/DRR000/DRR000772/DRR000772.fastq.gz
+PRJDA60709  SAMD00016378    DRX000478   ftp.sra.ebi.ac.uk/vol1/fastq/DRR000/DRR000773/DRR000773.fastq.gz
+PRJDA60709  SAMD00016381    DRX000479   ftp.sra.ebi.ac.uk/vol1/fastq/DRR000/DRR000774/DRR000774.fastq.gz
+PRJDA60709  SAMD00016382    DRX000480   ftp.sra.ebi.ac.uk/vol1/fastq/DRR000/DRR000775/DRR000775.fastq.gz""")
+        self.screenshot("rules_example_1_2_paste")
+        self.upload_rule_build()
+        rule_builder = self.components.rule_builder
+        rule_builder._.wait_for_and_click()
+        self.screenshot("rules_example_1_3_initial_rules")
+        rule_builder.menu_button_filter.wait_for_and_click()
+        self.screenshot("rule_builder_filters")
+        rule_builder.menu_item_rule_type(rule_type="add-filter-count").wait_for_and_click()
+        filter_editor = rule_builder.rule_editor(rule_type="add-filter-count")
+        filter_editor_element = filter_editor.wait_for_visible()
+        filter_input = filter_editor_element.find_element_by_css_selector("input[type='number']")
+        filter_input.clear()
+        filter_input.send_keys("1")
+        self.screenshot("rules_example_1_4_filter_header")
+        rule_builder.rule_editor_ok.wait_for_and_click()
+        self.rule_builder_set_mapping("url", "D")
+        self.rule_builder_set_mapping("name", "C", screenshot_name="rules_example_1_5_mapping_edit")
+        self.screenshot("rules_example_1_6_mapping_set")
+        self.select2_set_value(".rule-option-extension", "fastqsanger.gz")
+        self.screenshot("rules_example_1_7_extension_set")
+        # rule_builder.main_button_ok.wait_for_and_click()
+        # self.history_panel_wait_for_hid_ok(6)
+        # self.screenshot("rules_example_1_6_download_complete")
+
+    @selenium_test
+    def test_rules_example_2_list(self):
+        self.perform_upload(self.get_filename("rules/PRJDA60709.tsv"))
+        self.history_panel_wait_for_hid_ok(1)
+        self.upload_rule_start()
+        self.upload_rule_set_data_type("Collection")
+        self.upload_rule_set_input_type("History Dataset")
+        self.upload_rule_set_dataset("1:")
+        self.screenshot("rules_example_2_1_inputs")
+        self.upload_rule_build()
+        rule_builder = self.components.rule_builder
+        rule_builder._.wait_for_and_click()
+        self.screenshot("rules_example_2_2_initial_rules")
+        # Filter header.
+        self.rule_builder_filter_count(1)
+        self.rule_builder_set_mapping("url", "D")
+        self.rule_builder_set_mapping("list-identifiers", "C")
+        self.rule_builder_set_extension("fastqsanger.gz")
+        self.screenshot("rules_example_2_3_rules")
+        self.rule_builder_set_collection_name("PRJDA60709")
+        self.screenshot("rules_example_2_4_name")
+        # rule_builder.main_buton_ok.wait_for_and_click()
+        # self.history_panel_wait_for_hid_ok(2)
+        # self.screenshot("rules_example_2_5_download_complete")
+
+    @selenium_test
+    def test_rules_example_3_list_pairs(self):
+        self.perform_upload(self.get_filename("rules/PRJDB3920.tsv"))
+        self.history_panel_wait_for_hid_ok(1)
+        self.upload_rule_start()
+        self.upload_rule_set_data_type("Collection")
+        self.upload_rule_set_input_type("History Dataset")
+        self.upload_rule_set_dataset("1:")
+        self.screenshot("rules_example_3_1_inputs")
+        self.upload_rule_build()
+        rule_builder = self.components.rule_builder
+        rule_builder._.wait_for_and_click()
+        self.screenshot("rules_example_3_2_initial_rules")
+        # Filter header.
+        self.rule_builder_filter_count(1)
+        self.rule_builder_set_mapping("list-identifiers", "C")
+        self.select2_set_value(".rule-option-extension", "fastqsanger.gz")
+        self.screenshot("rules_example_3_3_old_rules")
+        self.rule_builder_add_regex_groups("D", 2, "(.*);(.*)", screenshot_name="rules_example_3_4_regex")
+        self.screenshot("rules_example_3_6_with_regexes")
+        # Remove A also?
+        self.rule_builder_remove_columns(["D"], screenshot_name="rules_example_3_7_removed_column")
+        self.rule_builder_split_columns(["D"], ["E"], screenshot_name="rules_example_3_8_split_columns")
+        self.screenshot("rules_example_3_9_columns_are_split")
+        self.rule_builder_add_regex_groups("D", 1, ".*_(\d).fastq.gz", screenshot_name="rules_example_3_10_regex_paired")
+        self.screenshot("rules_example_3_11_has_paired_id")
+        self.rule_builder_swap_columns("D", "E", screenshot_name="rules_example_3_12_swap_columns")
+        self.screenshot("rules_example_3_13_swapped_columns")
+        self.rule_builder_set_mapping("paired-identifier", "D")
+        self.rule_builder_set_mapping("url", "E")
+        self.rule_builder_set_collection_name("PRJDB3920")
+        self.screenshot("rules_example_3_14_paired_identifier_set")
+
+    @selenium_test
+    def test_rules_example_4_accessions(self):
+        # http://www.uniprot.org/uniprot/?query=proteome:UP000052092+AND+proteomecomponent:%22Genome%22
+        self._setup_uniprot_example()
+        self.screenshot("rules_example_4_1_inputs")
+        self.upload_rule_build()
+        rule_builder = self.components.rule_builder
+        rule_builder._.wait_for_and_click()
+        self.screenshot("rules_example_4_2_initial_rules")
+        self.rule_builder_filter_count(1)
+        self.rule_builder_remove_columns(["B", "C", "E", "F", "G"])
+        self.rule_builder_set_mapping("info", "B")
+        self.screenshot("rules_example_4_3_basic_rules")
+        self.rule_builder_sort("A", screenshot_name="rules_example_4_4_sort")
+
+        self.rule_builder_add_regex_replacement("A", ".*", "http://www.uniprot.org/uniprot/$&.fasta", screenshot_name="rules_example_4_5_url")
+        self.screenshot("rules_example_4_6_url_built")
+        self.rule_builder_set_mapping("list-identifiers", "A")
+        self.rule_builder_set_mapping("url", "C")
+        self.rule_builder_set_extension("fasta")
+        self.rule_builder_set_collection_name("UP000052092")
+        self.screenshot("rules_example_4_7_mapping_extension_and_name")
+
+        rule_builder.view_source.wait_for_and_click()
+        text_area_elem = rule_builder.source.wait_for_visible()
+
+        self.screenshot("rules_example_4_8_source")
+        self.write_screenshot_directory_file("rules_example_4_8_text", text_area_elem.get_attribute("value"))
+
+        rule_builder.main_button_ok.wait_for_and_click()
+        rule_builder.view_source.wait_for_visible()
+
+    @selenium_test
+    def test_rules_example_5_matching_collections(self):
+        self._setup_uniprot_example()
+        self.screenshot("rules_example_5_1_inputs")
+        self.upload_rule_build()
+
+        rule_builder = self.components.rule_builder
+        rule_builder.view_source.wait_for_and_click()
+
+        text_area_elem = rule_builder.source.wait_for_visible()
+
+        content = self._read_rules_test_data_file("uniprot.json")
+        text_area_elem.clear()
+        text_area_elem.send_keys(content)
+        self.screenshot("rules_example_5_2_source")
+        rule_builder.main_button_ok.wait_for_and_click()
+        rule_builder.view_source.wait_for_visible()
+        self.screenshot("rules_example_5_3_initial_rules")
+        self.rule_builder_add_value("fasta", screenshot_name="rules_example_5_4_fasta")
+        self.rule_builder_add_value("UP000052092 FASTA")
+        self.rule_builder_add_regex_replacement("A", ".*", "http://www.uniprot.org/uniprot/$&.gff", screenshot_name="rules_example_5_5_url")
+        self.rule_builder_add_value("gff3")
+        self.rule_builder_add_value("UP000052092 GFF3")
+        self._scroll_to_end_of_table()
+        self.screenshot("rules_example_5_6_presplit")
+        self.rule_builder_split_columns(["C", "D", "E"], ["F", "G", "H"], screenshot_name="rules_example_5_7_split_columns")
+        self.screenshot("rules_example_5_8_split")
+        self.rule_builder_set_mapping("file-type", "D")
+        self.rule_builder_set_mapping("collection-name", "E")
+        self.screenshot("rules_example_5_9_mapping")
+
+    @selenium_test
+    def test_rules_example_6_nested_lists(self):
+        self.home()
+        self.perform_upload(self.get_filename("rules/PRJNA355367.tsv"))
+        self.history_panel_wait_for_hid_ok(1)
+        self.upload_rule_start()
+        self.upload_rule_set_data_type("Collection")
+        self.upload_rule_set_input_type("History Dataset")
+        self.upload_rule_set_dataset("1:")
+        self.screenshot("rules_example_6_1_paste")
+        self.upload_rule_build()
+
+        rule_builder = self.components.rule_builder
+        rule_builder._.wait_for_and_click()
+
+        self.screenshot("rules_example_6_2_rules_landing")
+
+        self.rule_builder_filter_count(1)
+
+        self.rule_builder_set_mapping("url", "J")
+        self.rule_builder_set_extension("sra")
+        self._scroll_to_end_of_table()
+        self.screenshot("rules_example_6_3_end_of_table")
+        self.rule_builder_add_regex_groups("L", 1, "([^\d]+)\d+", screenshot_name="rules_example_6_4_regex")
+        self.rule_builder_set_mapping("list-identifiers", ["M", "A"], screenshot_name="rules_example_6_5_multiple_identifiers_edit")
+        self._scroll_to_end_of_table()
+        self.screenshot("rules_example_6_6_multiple_identifiers")
+        self.rule_builder_set_collection_name("PRJNA355367")
+        self.screenshot("rules_example_6_7_named")
+
+    def _read_rules_test_data_file(self, name):
+        with open(self.test_data_resolver.get_filename(os.path.join("rules", name)), "r") as f:
+            return f.read()
+
+    def _scroll_to_end_of_table(self):
+        rule_builder = self.components.rule_builder
+        table_elem = rule_builder.table.wait_for_visible()
+        first_cell = table_elem.find_elements_by_css_selector("td")[0]
+        action_chains = self.action_chains()
+        action_chains.move_to_element(first_cell)
+        action_chains.click(first_cell)
+        for i in range(15):
+            action_chains.send_keys(Keys.ARROW_RIGHT)
+        action_chains.perform()
+
+    def _setup_uniprot_example(self):
+        self.perform_upload(self.get_filename("rules/uniprot.tsv"))
+        self.history_panel_wait_for_hid_ok(1)
+        self.upload_rule_start()
+        self.upload_rule_set_data_type("Collection")
+        self.upload_rule_set_input_type("History Dataset")
+        self.upload_rule_set_dataset("1:")
+
+    # @selenium_test
+    # def test_rules_example_5_matching_collections(self):
+    #    self.rule_builder_add_value("Protein FASTA")
+    #     self.rule_builder_add_value("gff")
+    #    self.rule_builder_add_value("Protein GFF")