From b2fb4427e95d7c2af80de89087fb3cc007848d5f Mon Sep 17 00:00:00 2001
From: Rachel Hu <goldpiggy@berkeley.edu>
Date: Sun, 5 Jan 2025 20:39:13 -0800
Subject: [PATCH 1/4] reorganize the display of three buttons ,  and

---
 .../playground/MarkdownExtractContainer.tsx          | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/components/playground/MarkdownExtractContainer.tsx b/app/components/playground/MarkdownExtractContainer.tsx
index 8e995b8..bdc1949 100644
--- a/app/components/playground/MarkdownExtractContainer.tsx
+++ b/app/components/playground/MarkdownExtractContainer.tsx
@@ -375,7 +375,15 @@ const MarkdownExtractContainer = () => {
             <div className="flex flex-col h-full justify-start items-center text-lg text-center gap-4 pt-[calc(20vh-120px)] lg:pt-[calc(30vh-120px)]">
               <div className="flex flex-col items-center justify-center">
                 <span id="extract-file-name">{filename}</span>
-                <div className="w-fit mt-2">
+
+                {/* First row with two buttons side by side */}
+                <div className="flex gap-4 items-center justify-center mt-8">
+                  <ModelToggleDropdown />
+                  <ExtractSettingsChecklist removePIIOnly={isProduction} />
+                </div>
+
+                {/* Extract button below */}
+                <div className="w-fit mt-8">
                   <Button
                     label="Extract Plain Text"
                     onClick={() => handleExtract()}
@@ -385,8 +393,6 @@ const MarkdownExtractContainer = () => {
                   />
                 </div>
               </div>
-              <ModelToggleDropdown />
-              <ExtractSettingsChecklist removePIIOnly={isProduction} />
             </div>
           )}
           {selectedFile?.extractState === ExtractState.UPLOADING && (

From 13346107a67de17a438ca489a0b0e95637bb537b Mon Sep 17 00:00:00 2001
From: Rachel Hu <goldpiggy@berkeley.edu>
Date: Sun, 5 Jan 2025 20:45:08 -0800
Subject: [PATCH 2/4] personal identifiable information (pii) display in two
 lines. can you make the box wider, so this text display in one line.

---
 app/components/playground/ExtractSettingsChecklist.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/playground/ExtractSettingsChecklist.tsx b/app/components/playground/ExtractSettingsChecklist.tsx
index 54e0c2f..9e47a89 100644
--- a/app/components/playground/ExtractSettingsChecklist.tsx
+++ b/app/components/playground/ExtractSettingsChecklist.tsx
@@ -9,7 +9,7 @@ const ExtractSettingsChecklist = ({ removePIIOnly }: ExtractSettingsChecklistPro
   const { extractSettings, toggleExtractSetting } = usePlaygroundStore();
   return (
     <div
-      className={`relative flex flex-col items-start justify-center gap-4 border-[1px] border-neutral-200 rounded-lg p-4 w-full shadow-md max-w-[350px] lg:max-w-[200px]`}
+      className={`relative flex flex-col items-start justify-center gap-4 border-[1px] border-neutral-200 rounded-lg p-4 w-full shadow-md max-w-[450px] lg:max-w-[400px]`}
     >
       <div className="font-semibold text-sm text-neutral-800">Remove from output:</div>
       <div className={`grid ${removePIIOnly ? 'grid-cols-1' : 'grid-cols-2'} lg:grid-cols-1 gap-2`}>

From bd1d7649e60cd81dff7c105126af88965da2990b Mon Sep 17 00:00:00 2001
From: Rachel Hu <goldpiggy@berkeley.edu>
Date: Sun, 5 Jan 2025 20:47:52 -0800
Subject: [PATCH 3/4] ap-base was the default selection. change ap-pro to be
 the default

---
 app/hooks/usePlaygroundStore.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/hooks/usePlaygroundStore.ts b/app/hooks/usePlaygroundStore.ts
index 2d61736..4ebee83 100644
--- a/app/hooks/usePlaygroundStore.ts
+++ b/app/hooks/usePlaygroundStore.ts
@@ -96,7 +96,7 @@ const initialFileState = {
 };
 
 const usePlaygroundStore = create<PlaygroundStore>((set) => ({
-  modelType: ModelType.BASE,
+  modelType: ModelType.PRO,
   extractSettings: {
     removePII: true,
     includePageNumbers: true,

From e758049974398147d170d0175aae282f18deba1c Mon Sep 17 00:00:00 2001
From: Rachel Hu <goldpiggy@berkeley.edu>
Date: Sun, 5 Jan 2025 20:48:49 -0800
Subject: [PATCH 4/4] change ap-pro to anyparser-pro

---
 app/components/playground/ModelToggleDropdown.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/playground/ModelToggleDropdown.tsx b/app/components/playground/ModelToggleDropdown.tsx
index e76a95d..194baab 100644
--- a/app/components/playground/ModelToggleDropdown.tsx
+++ b/app/components/playground/ModelToggleDropdown.tsx
@@ -14,9 +14,9 @@ const ModelToggleDropdown = () => {
     setIsOpen(false);
   };
 
-  const miniLabel = 'AP-base';
-  const proLabel = 'AP-pro';
-  const ultraLabel = 'AP-ultra';
+  const miniLabel = 'AnyParser-base';
+  const proLabel = 'AnyParser-pro';
+  const ultraLabel = 'AnyParser-ultra';
 
   const modelTypes = Object.values(ModelType).filter((value): value is ModelType => typeof value === 'number');