fix format

front/src/components/ScriptMaker.tsx

@@ -156,6 +156,27 @@ export const ScriptMaker = ({
             'Generate script'
           )}
         </button>
+
+        <div role="alert" className="alert text-sm">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            className="stroke-info h-6 w-6 shrink-0"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth="2"
+              d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+            ></path>
+          </svg>
+          <span>
+            The LLM may generate an incorrect YAML. If it fails on Step 2,
+            re-generate the script or adding a note to force it to follow YAML
+            format.
+          </span>
+        </div>
       </div>
     </div>
   );

front/src/utils/prompts.ts

@@ -13,9 +13,9 @@ Some rules:
 - Root level must have title, speakerNames, and turns.
 - Each turn must have index, speakerName, text, and nextGapMilisecs.
 - There can be from 20 to 30 turns in total.
-- Only use base ASCII, do NOT use ALL CAPS, strings are wrapped inside "..."
 - First turns should be the introduction for the theme and speakers.
 - The script will be passed to TTS engine, make sure to write plain pronunciation, for example the www. must pronounced like "www dot"
+- Only use base ASCII, do NOT use ALL CAPS, strings are wrapped inside "..."
 
 There is an example (it is truncated):
 
@@ -24,15 +24,15 @@ There is an example (it is truncated):
 title: "Podcast about the history of the Internet"
 speakerNames:
   - "Alice"
-  - Davy Peel
+  - "Davy Peel"
 turns:
   - index: 0
-    speakerName: Alice
-    text: It wouldn't be better to follow on technology with Magnus Nystedt than to actually cross over using technology to [Wellington](+1) International School and [Whiz Radio](+1). And who better to kick off the Whiz Radio segment than the person who motivates the students over at Whiz, Wellington International School, than Miss Davy Peel. [Welcome](+2) ... Tell me, give me, give me the scoop here, because I, I came and talked to you a little while ago and said, what do you guys think about doing some kind of a [TEDx](+1) thing? And then I just sort of backed off.
+    speakerName: "Alice"
+    text: "It wouldn't be better to follow on technology with Magnus Nystedt than to actually cross over using technology to [Wellington](+1) International School and [Whiz Radio](+1). And who better to kick off the Whiz Radio segment than the person who motivates the students over at Whiz, Wellington International School, than Miss Davy Peel. [Welcome](+2) ... Tell me, give me, give me the scoop here, because I, I came and talked to you a little while ago and said, what do you guys think about doing some kind of a [TEDx](+1) thing? And then I just sort of backed off."
     nextGapMilisecs: 100
   - index: 1
-    speakerName: Davy Peel
-    text: [Absolutely](+1)... An amazing opportunity to get the kids a bit of kind of creative freedom and, and a forum.
+    speakerName: "Davy Peel"
+    text: "[Absolutely](+1)... An amazing opportunity to get the kids a bit of kind of creative freedom and, and a forum."
     nextGapMilisecs: 1000
 \`\`\`
 [END OF EXAMPLE]