<miso-history>

The container of the History workflow: the thread list of the chat history interface. Miso elements inside it show the reader's chat threads and the button to start a new one:

<miso-history>
  <miso-new-thread></miso-new-thread>
  <miso-threads></miso-threads>
</miso-history>

<miso-conversation> holds the open thread beside it. To build both panels, see Chat History — Quick Start.

Elements

ElementShows
<miso-error>The error message shown when the workflow fails.
<miso-new-thread>The button that starts a new chat thread.
<miso-threads>The list of the chat threads.

<miso-threads> draws each thread in a <miso-thread-item> of its own, which holds the title and the menu of that thread.

Attributes

Controls the Miso logo at the end of the container. The logo is off in the chat panels, so it shows only with logo="true".

ValueThe logo shows
Attribute left outNever.
trueOnce the threads have loaded.
falseNever.

Any other value is an error.

visible-when

Shows the container only in the states it names. It also works on an element inside the container.

ValueShows the element when
initialThe workflow has not sent a request yet.
loadingThe request is out, and no data has arrived.
readyThe data is arriving or has arrived.
ongoingThe data is still arriving.
doneAll the data has arrived.
erroneousThe request failed.
emptyNo Miso element in the container has data.
nonemptyAt least one Miso element in the container has data.
  • Separate values with spaces to show the element in any of them: visible-when="initial loading".
  • Join a state to empty or nonempty with + to need both: visible-when="ready+empty".
  • Only the Miso elements that show data count toward empty and nonempty. The query box and the buttons do not.
  • The SDK shows the element with display: block !important. To lay it out as a flex row or a grid, put visible-when on a wrapper around it.

Next