Adding Toast, GUI update, better form handling, adding JSON viewer

[nodelike]

Preview

New Features:

• Better GUI
• Toast Notification
• JSON Data viewer with editing capabilities
• Form validation (Submitting only if atleast one turn present and all the turns are filled)
• Resetting form option.
• Adding turns in DPO Builder

17.03.2024_16.17.26_REC.mp4

Notes

• I have seperated the scripts and styles from html to seperate script.js and style.css
• JSON Scheme for DPO is changed.

IMPORTANT! - JSON Scheme for DPO is changed:

Current DPO Scheme:

[
  {
    "system": "asd",
    "conversations": [
      {
        "prompt": "asd",
        "chosen": "xx",
        "rejected": "xx"
      }
    ],
    "source": "manual"
  },
  {
    "system": "asd",
    "conversations": [
      {
        "prompt": "asd",
        "chosen": "asd",
        "rejected": "asd"
      },
      {
        "prompt": "asd",
        "chosen": "asd",
        "rejected": "asdd"
      }
    ],
    "source": "manual"
  }
]

TO-DO

• Adding keyboard shortcuts to add turns, reset form, and save data.
• Load any data.json and edit them and download data.json from within the app.