Add user templates for experiments.

[aldenhallak]

Description

We can now create templates in the experiment stages component. We can see and load those templates as well.

Add.user.templates.webm

• Documentation updated as needed

---

Verification

• Screenshots or videos included (if applicable)
• Clear reproduction steps provided to invoke the feature (if applicable)
• All tests pass (if applicable)

---

Related issues

This PR fixes: #870

It’s recommended to open an issue for discussion before submitting a PR.

---

[cjqian]

I'm cracking up at the templates made in the demo video. 😆

One UI ask: the buttons should not sit in the stage header:

I'm inspired by this in Google Docs:

That is, "Save as experiment" but "Save as template" on dropdown? Then update to the left of the "Save as experiment" button?

[cjqian]

"Your Saved Templates" to be more explicit?

[vivtsai]

@aldenhallak FYI, the current experiment endpoint leaves potential support for experiment templates (in that you can specify saving to a templates collection). If you're not planning on using this path, perhaps clean it up and/or alter any documentation?

https://github.com/PAIR-code/deliberate-lab/blob/main/functions/src/experiment.endpoints.ts#L27

[aldenhallak]

Experiments.webm
Updated UI - @cjqian

[cjqian]

1. Make sure color settings are consistent for the pop-up?

2. Add a tooltip to "Save as template" to warn that this will be a template will be shared with all experimenters for now. Or alternatively, see 3!

3. As a follow-up, we should add a checkbox in the Save as Template pop-up that toggles "Make template sharable" . If checked, sharing a link to the template (?) will allow other experimenters with the link to access the template.

[aldenhallak]

Done 1 and 2 -- should we do 3 in this PR? I feel like we need to explore a good template discovery method. @cjqian

[aldenhallak]

Here's how two different experimenters can use templates together

Multiple.experimenters.vibe.webm

[cjqian]

Add checkbox for "Make template globally public"

s/ public / sharable while you're at it!

[aldenhallak]

Sharing.experiments.1.webm

I didn't s/public/sharable because there's now a difference between public and sharable. LMK what you think! @cjqian

[aldenhallak]

Different from the video -- changed "share" to "modify sharing settings"

[vivtsai]

Thanks! Merging this into templates branch.