columns checked by default + 📋 list of most frquent values

src/skrubview/_data/templates/column-summary.html

@@ -3,7 +3,7 @@
         <h3 class="skrubview-margin-r-t">
             <code class="skrubview-select-all">{{ column.name }}</code>
         </h3>
-        <input class="skrubview-select-column-checkbox" type="checkbox" onchange="updateColSelection(event)" data-column-id="{{ col_id }}" data-report-id="{{ report_id }}" />
+        <input class="skrubview-select-column-checkbox" type="checkbox" onchange="updateColSelection(event)" data-column-id="{{ col_id }}" data-report-id="{{ report_id }}" checked />
         <code class="skrubview-float-end">{{ column.dtype }}</code>
     </div>
     <div class="skrubview-column-summary-content skrubview-wrapper">
@@ -71,6 +71,14 @@ <h3 class="skrubview-margin-r-t">
             <pre class="skrubview-box" id="{{ val_id }}">{{ value }}</pre>
             <button onclick='copyTextToClipboard("{{ val_id }}")'>📋</button>
             {% endfor %}
+            {% set val_id = "{}-freq-value-all".format(col_id) %}
+            <strong>List:</strong><span></span>
+            <pre class="skrubview-box" id="{{ val_id }}">{{ "[" }}
+            {%- for value in column.value_counts -%}
+            {{ value.__repr__() }}{{", " if not loop.last }}
+            {%- endfor -%}
+            {{ "]" }}</pre>
+            <button onclick='copyTextToClipboard("{{ val_id }}")'>📋</button>
             </div>
         </details>
         {% endif %}

src/skrubview/_data/templates/dataframe-columns.html

@@ -1,13 +1,11 @@
 {% from "utils.j2" import compact_id, collapse_const_id with context %}
 <article class="skrubview-wrapper">
-    <div>
-        <p>Selected columns:</p>
-        <code class="skrubview-selected-columns" id="{{ report_id }}-selected-columns"></code>
-        <p>
+    <strong>Column names</strong> (check/uncheck columns below to add/remove):
+    <div class="skrubview-flex skrubview-margin-v-t">
+        <pre class="skrubview-box skrubview-selected-columns" id="{{ report_id }}-selected-columns"></pre>
+        <button onclick='copyTextToClipboard("{{ report_id }}-selected-columns")'>📋</button>
             <button onclick='clearSelectedCols("{{ report_id }}")'>Clear</button>
             <button onclick='selectAllCols("{{ report_id }}")'>Select all</button>
-            <button onclick='copyTextToClipboard("{{ report_id }}-selected-columns")'>📋</button>
-        </p>
     </div>
     {% if summary.n_constant_columns %}
     <input type="checkbox" id="{{ collapse_const_id }}" checked="true" />