added 'click image to maximize' messages to all accordions.

demo/datasets.mdx

@@ -1,4 +1,7 @@
 ---
-title: 'Datasets'
+title: 'Create a Dataset'
 ---
-[coming soon 🚧]
+
+It's easiest to create a dataset from the Python client.
+Let's first get the data in the representation we actually want it.
+

demo/llm_evals.mdx

@@ -1,4 +1,6 @@
 ---
 title: 'LLM Evals'
 ---
-[coming soon 🚧]
+
+
+

interfaces/basics.mdx

@@ -32,6 +32,7 @@ The corners of the tab can then be dragged for resizing, and the tab can be drag
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/tiles_dark.gif"/>
+click image to maximize
 </Accordion>
 
 If you're done positioning and sizing your tiles, it's best to exit edit mode.
@@ -46,6 +47,7 @@ You can exit via the top right "X" button to return to the default interface vie
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/focus_mode_dark.gif"/>
+click image to maximize
 </Accordion>
 
 Focus mode can also be accessed from the focus mode button at the top the default interface screen.
@@ -58,6 +60,7 @@ When interactive mode is turned off, the interface acts more like a static dashb
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/interface_modes_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ## Contexts

interfaces/plots.mdx

@@ -28,6 +28,7 @@ We can then select the x column for the x-axis and the y column for the y-axis.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/scatter_dark.gif"/>
+click image to maximize
 </Accordion>
 
 We can also add overlay several plots on the graph,
@@ -54,6 +55,7 @@ We can also add a line of best fit to each group in the plot.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/scatter_grouped_dark.gif"/>
+click image to maximize
 </Accordion>
 
 If we want to group across *multiple* independent variables, we can just create a new derived column to express the desired group.
@@ -82,13 +84,15 @@ We can then group by this new column.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/scatter_two_groups_dark.gif"/>
+click image to maximize
 </Accordion>
 
 We could then create three plots for example. One which groups by gender, one which groups by location and one which groups by both.
 We can then save this and revisit this dashboard again any time in future, whenever more data is added into the project.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/three_scatter_plots_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ## Line Graphs
@@ -107,6 +111,7 @@ for i in range(10):
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/line_dark.gif"/>
+click image to maximize
 </Accordion>
 
 As before, we can also group by another column.
@@ -132,6 +137,7 @@ We can then select time for the x-axis, speed for the y-axis and group by model.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/line_group_dark.gif"/>
+click image to maximize
 </Accordion>
 
 By default, new data will **not** be loaded into the interface unless something triggers a reload,
@@ -143,6 +149,7 @@ and then limit the time horizon to the last 5 minutes, for example.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/line_group_stream_dark.gif"/>
+click image to maximize
 </Accordion>
 
 Similar to the derived "identity" column before,
@@ -179,6 +186,7 @@ Let's then create the derived column and plot results for each unique **endpoint
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/line_six_groups_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ## Bar Charts
@@ -241,6 +249,7 @@ Let's take a look at the corresponding histogram.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/histogram_dark.gif"/>
+click image to maximize
 </Accordion>
 
 We can see that the usage has been steadily increasing throughout the year, good stuff! 📈

interfaces/tables.mdx

@@ -16,6 +16,7 @@ This will be shown as:
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/simple_table_dark.png"/>
+click image to maximize
 </Accordion>
 
 Note that the **most recent** log is always shown at the **top** of the table,
@@ -33,6 +34,7 @@ Columns can easily be hidden by clicking the dropdown and pressing "hide column"
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_add_hide_columns_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ### Moving Columns
@@ -41,6 +43,7 @@ You can move columns by simply dragging them to where you want them.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/drag_columns_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ### Pinning Columns
@@ -50,6 +53,7 @@ This column will then be locked in place when you scroll left and right within t
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_pinning_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ## Grouping
@@ -91,12 +95,14 @@ The reduction metrics are automatically calculated for each column.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_grouping_dark.gif"/>
+click image to maximize
 </Accordion>
 
 Conversely, if we want to see which question was the most difficult, we can group by question instead.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_grouping_questions_dark.gif"/>
+click image to maximize
 </Accordion>
 
 We can see that the LLM seems to find London the easiest, then Tokyo, then Paris (again, a contrived example 😁).
@@ -105,6 +111,7 @@ Similarly, if we want to what the impact of a system message is, we can group by
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_grouping_sys_msg_dark.gif"/>
+click image to maximize
 </Accordion>
 
 Combined, this makes it very easily to quickly probe the data across **all** of your experiments, enabling you to easily transcending the boundaries of rigid "experiments" flexibly.
@@ -116,6 +123,7 @@ Rows are sorted in the order of the column sorts. For example, sorting by column
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/sorting_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ### With Grouping [🚧]
@@ -203,6 +211,7 @@ Everything else is column specific.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_filter_str_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ### Numbers
@@ -211,6 +220,7 @@ Everything else is column specific.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_numeric_filtering_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ### DateTime
@@ -221,6 +231,7 @@ Everything else is column specific.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_filter_datetime_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ### Booleans
@@ -230,6 +241,7 @@ Everything else is column specific.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_filter_bool_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ### Lists and Dicts
@@ -239,6 +251,7 @@ Everything else is column specific.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_filter_dict_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ### Groups [🚧]
@@ -266,13 +279,15 @@ using an expression such as `x * y > 0` or `( x > 0 and y > 0) or (x < 0 and y <
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_global_filter_dark.gif"/>
+click image to maximize
 </Accordion>
 
 
 We can also switch the global filter to "search" mode, which simply searches all cells for a matching substring, after casting all contents to string form (including dicts, lists, etc).
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_global_search_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ## Derived Columns
@@ -291,13 +306,15 @@ We just need to provide the expression `(x**2 + y**2)**0.5`:
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_derived_column_dark.gif"/>
+click image to maximize
 </Accordion>
 
 Filtering, grouping, and sorting all work on derived columns, just like any other.
 However, derived columns *also* support updating their equation.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_derived_columns_sort_n_filter_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ## Joins [🚧]

interfaces/views.mdx

@@ -8,6 +8,7 @@ A view tile must be paired with exactly one table, this can be done from the men
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/select_table_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ## Cell Selection
@@ -26,6 +27,7 @@ To avoid redundancy, every value that is shared across multiple cells is grouped
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/view_pane_grouping_dark.gif"/>
+click image to maximize
 </Accordion>
 
 This also makes it easy to quickly spot trends in the data.
@@ -40,6 +42,7 @@ The view pane supports 3 different view modes:
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/text_modes_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ## Hiding Columns
@@ -76,6 +79,7 @@ and the text data in the view pane to look at the finer details (and benefit fro
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/view_show_hide_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ## Moving Columns
@@ -84,6 +88,7 @@ Columns can easily be moved in the view pane by selecting drag mode and then sim
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/view_move_columns_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ## Split View
@@ -146,6 +151,7 @@ For string diffs, there are four modes:
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/string_diffs_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ### Numeric
@@ -154,6 +160,7 @@ Numeric value "diffs" support the four basic operators: `-`, `+`, `*` and `/`.
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/numeric_diffs_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ### DateTime
@@ -162,6 +169,7 @@ Datetime diffs are presented as a relative difference in time, in the appropriat
 
 <Accordion title="Example">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/datetime_diffs_dark.gif"/>
+click image to maximize
 </Accordion>
 
 ### Structure Diffs

logging/column_contexts.mdx

@@ -23,6 +23,7 @@ with unify.Log(), unify.ColumnContext("Sciences"):
 
 <Accordion title="In the Interface">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/nested_column_contexts_dark.png"/>
+click image to maximize
 </Accordion>
 
 Under the hood, column contexts are simply `/` separated field names, and so the below code is equivalent.
@@ -50,6 +51,7 @@ making it easy to view and organize your structured data in bulk.
 
 <Accordion title="In the Interface">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/table_column_context_manipulation_dark.gif"/>
+click image to maximize
 </Accordion>
 
 As with contexts, `unify.ColumnContext("...")` by default will also change the behaviour of `get_logs`,

logging/entries.mdx

@@ -45,6 +45,7 @@ Which will appear like so in the table:
 
 <Accordion title="In the Interface">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/entries_context_dark.png"/>
+click image to maximize
 </Accordion>
 
 These can also be nested:
@@ -97,6 +98,7 @@ Which will appear in the table like so:
 
 <Accordion title="In the Interface">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/nested_entry_contexts_dark.png"/>
+click image to maximize
 </Accordion>
 
 Of course, this is not especially useful for the above example,

logging/experiments.mdx

@@ -22,6 +22,7 @@ This will show in the table like so:
 
 <Accordion title="In the Interface">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/experiment_0_dark.png"/>
+click image to maximize
 </Accordion>
 
 Let's run another experiment, but give it an explicit name.
@@ -41,6 +42,7 @@ This will show in the table like so:
 
 <Accordion title="In the Interface">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/named_experiment.png"/>
+click image to maximize
 </Accordion>
 
 You can also use negative indexing, and the `overwrite` argument.
@@ -63,4 +65,5 @@ The overwrite can be seen in the table, after pressing the `refresh` button:
 
 <Accordion title="In the Interface">
 <img class="dark-light" width="100%" src="https://raw.githubusercontent.com/unifyai/unifyai.github.io/refs/heads/main/img/externally_linked/experiment_overwrite_dark.gif"/>
+click image to maximize
 </Accordion>