show re-generate and compeletion based on history length

src/chatbox.tsx

@@ -371,8 +371,8 @@ export default function ChatBOX(props: {
             ...
           </p>
         )}
-        {chatStore.develop_mode && (
-          <p className="text-center rounded">
+        <p className="text-center">
+          {chatStore.history.length > 0 && (
             <button
               className="p-2 m-2 bg-teal-500 rounded"
               onClick={async () => {
@@ -388,6 +388,8 @@ export default function ChatBOX(props: {
             >
               Re-Generate
             </button>
+          )}
+          {chatStore.develop_mode && chatStore.history.length > 0 && (
             <button
               className="p-2 m-2 bg-yellow-500 rounded"
               onClick={async () => {
@@ -396,8 +398,8 @@ export default function ChatBOX(props: {
             >
               Completion
             </button>
-          </p>
-        )}
+          )}
+        </p>
         <p className="p-2 my-2 text-center opacity-50 dark:text-white">
           {chatStore.responseModelName && (
             <>Generated by {chatStore.responseModelName}</>