Add prompts preview in Prompt Node

[ianarawjo]

Currently there is no way to inspect (and hence debug) what prompts will be sent to LLMs in a prompt node, before sending them off. Add a button to inspect the queries, maybe with a ? to the header of the node.

[ianarawjo]

Solved by #91 👍

[profplum700]

This is so useful! Question: Will this work even with large prompts? I'm building some massive prompts. Could, for instance, there be a button that opens a scroll-able lightbox with collapsed prompts that can be expanded?

[ianarawjo]

Hi profplum, clicking on the new button shown above will bring up a scrollable lightbox (hovering over it only gives you a preview). However currently the lightbox just shows the prompts verbatim —there’s no collapse feature like in response inspectors.

How big are you prompts? It’s likely this is something we should give thought to. Maybe if a prompt is over 1024 characters or something it’s only displayed up to that point, then one has to click on it to expand it individually. What design makes sense to you?

[profplum700]

One small problem at the moment: When you move your mouse into the prompt preview box, it disappears which means you can't access the vertical scroll bar. Also, the horizontal scroll bar doesn't seem to be needed.

I am currently playing with prompts that are 3300 chars across 69 lines.

I think opening the view of prompts should open all prompts, like how Response Inspector already works. A user may have a lot of prompts. They could use the filter function in Response Inspector to easily navigate to the prompt you want to inspect. I like how Response Inspector already works and you could repurpose it. It could be Prompt Preview Inspector 😁

[ianarawjo]

Hi there, like I said above, you can click the button to access a fullscreen view —the hover view is only for a quick preview. The fullscreen popup should give you ample room to explore.

[profplum700]

Completely missed that, sorry. Seeing the scrollbar made me want to mouse over and scroll it. I like how it works now well enough!

Maybe there should also be a tooltip like with the Play button to make it clear?

[ianarawjo]

Yes, maybe a tooltip and setting overflow:hidden will work. Thanks!