UI improvement

src/app/interface/top-menu/index.tsx

@@ -202,32 +202,32 @@ export function TopMenu() {
         <div className="flex flex-row flex-grow w-full">
           <div className="flex flex-row flex-grow w-full">
             <Input
-              placeholder="1. style and theme.."
-              className="w-1/2 bg-neutral-300 text-neutral-800 dark:bg-neutral-300 dark:text-neutral-800 rounded-r-none"
+              placeholder="1. Little story.."
+              className="w-1/2 bg-neutral-300 text-neutral-800 dark:bg-neutral-300 dark:text-neutral-800 rounded-r-none border-r-stone-100"
               // disabled={atLeastOnePanelIsBusy}
               onChange={(e) => {
-                setDraftPromptA(e.target.value)
+                setDraftPromptB(e.target.value)
               }}
               onKeyDown={({ key }) => {
                 if (key === 'Enter') {
                   handleSubmit()
                 }
               }}
-              value={draftPromptA}
+              value={draftPromptB}
             />
             <Input
-              placeholder="2. add a story.."
-              className="w-1/2 bg-neutral-300 text-neutral-800 dark:bg-neutral-300 dark:text-neutral-800 rounded-l-none rounded-r-none"
+              placeholder="2. Global style (optional)"
+              className="w-1/2 bg-neutral-300 text-neutral-800 dark:bg-neutral-300 dark:text-neutral-800 border-l-stone-100 rounded-l-none rounded-r-none"
               // disabled={atLeastOnePanelIsBusy}
               onChange={(e) => {
-                setDraftPromptB(e.target.value)
+                setDraftPromptA(e.target.value)
               }}
               onKeyDown={({ key }) => {
                 if (key === 'Enter') {
                   handleSubmit()
                 }
               }}
-              value={draftPromptB}
+              value={draftPromptA}
             />
           </div>
           <Button