Kendo UI for jQuery Checkpoint
Conversations with AI agents rarely follow a straight path. Users explore, change direction, and sometimes need to recover an earlier path.
The Checkpoint component adds an anchor between conversation turns and provides two clear recovery actions: restarting the conversation from scratch or regenerating only the latest response without discarding the rest of the thread.
Configuration
Place a startOver checkpoint at the top of the conversation for a global reset, and place redo checkpoints between individual turns for targeted regeneration. The state value controls both the label and icon, making the upcoming action clear to users.
By default, the separator appears only on hover. Set displayMode to "always" in compact or touch-focused layouts where hover may be unreliable.
<div id="checkpoint"></div>
<script>
$("#checkpoint").kendoCheckpoint({
state: "restore",
displayMode: "always"
});
</script>Handle the action event and branch on e.action: reset the full thread for startOver, or regenerate only the last response for redo.
$("#checkpoint").kendoCheckpoint({
state: "startOver",
action: function(e) {
if (e.action === "startOver") {
console.log("Reset the conversation");
}
}
});