From 1f59d7b16783503829c9a5e40c1f8c92481a856f Mon Sep 17 00:00:00 2001
From: 0xSage <n@pragmatic.vc>
Date: Tue, 28 Nov 2023 18:15:36 +0800
Subject: [PATCH 1/2] chore: updated copy grammar

---
 web/hooks/useActiveModel.ts                              | 8 ++++----
 web/hooks/useSendChatMessage.ts                          | 2 +-
 web/screens/Chat/ChatInstruction/index.tsx               | 9 +++------
 web/screens/Chat/index.tsx                               | 6 +++---
 web/screens/MyModels/BlankState/index.tsx                | 6 +++---
 web/screens/MyModels/index.tsx                           | 2 +-
 .../Settings/CorePlugins/PreferencePlugins/index.tsx     | 2 +-
 web/screens/Welcome/index.tsx                            | 6 +++---
 8 files changed, 19 insertions(+), 22 deletions(-)

diff --git a/web/hooks/useActiveModel.ts b/web/hooks/useActiveModel.ts
index eb207a8fd..5da30ecf7 100644
--- a/web/hooks/useActiveModel.ts
+++ b/web/hooks/useActiveModel.ts
@@ -27,7 +27,7 @@ export function useActiveModel() {
       (activeModel && activeModel.id === modelId) ||
       (stateModel.model === modelId && stateModel.loading)
     ) {
-      console.debug(`Model ${modelId} is already init. Ignore..`)
+      console.debug(`Model ${modelId} is already initialized. Ignore..`)
       return
     }
 
@@ -64,13 +64,13 @@ export function useActiveModel() {
       }))
     } else {
       console.debug(
-        `Init model ${modelId} successfully!, take ${
+        `Model ${modelId} successfully initialized! Took ${
           Date.now() - currentTime
         }ms`
       )
       setActiveModel(model)
       toaster({
-        title: 'Success start a Model',
+        title: 'Success!',
         description: `Model ${modelId} has been started.`,
       })
       setStateModel(() => ({
@@ -89,7 +89,7 @@ export function useActiveModel() {
       setActiveModel(undefined)
       setStateModel({ state: 'start', loading: false, model: '' })
       toaster({
-        title: 'Success stop a Model',
+        title: 'Success!',
         description: `Model ${modelId} has been stopped.`,
       })
     }, 500)
diff --git a/web/hooks/useSendChatMessage.ts b/web/hooks/useSendChatMessage.ts
index 42ccda9b2..ad03abfb6 100644
--- a/web/hooks/useSendChatMessage.ts
+++ b/web/hooks/useSendChatMessage.ts
@@ -49,7 +49,7 @@ export default function useSendChatMessage() {
       const summaryMsg: ChatCompletionMessage = {
         role: ChatCompletionRole.User,
         content:
-          'summary this conversation in less than 5 words, the response should just include the summary',
+          'Summarize this conversation in less than 5 words, the response should just include the summary',
       }
       // Request convo summary
       setTimeout(async () => {
diff --git a/web/screens/Chat/ChatInstruction/index.tsx b/web/screens/Chat/ChatInstruction/index.tsx
index bff82101e..a85faffbb 100644
--- a/web/screens/Chat/ChatInstruction/index.tsx
+++ b/web/screens/Chat/ChatInstruction/index.tsx
@@ -31,10 +31,7 @@ const ChatInstruction = () => {
   }
   return (
     <div className="mx-auto mb-20 flex flex-col space-y-2">
-      <p>
-        What does this Assistant do? How does it behave? What should it avoid
-        doing?
-      </p>
+      <p>(Optional) Give your assistant an initial prompt.</p>
       {!isSettingInstruction && activeConvoId && (
         <>
           <Button
@@ -42,7 +39,7 @@ const ChatInstruction = () => {
             className="w-32"
             onClick={() => setIsSettingInstruction(true)}
           >
-            Give Instruction
+            Give Instructions
           </Button>
         </>
       )}
@@ -60,7 +57,7 @@ const ChatInstruction = () => {
             className="w-32"
             onClick={() => setSystemPrompt(instruction)}
           >
-            Set Instruction
+            Give Instructions
           </Button>
         </div>
       )}
diff --git a/web/screens/Chat/index.tsx b/web/screens/Chat/index.tsx
index 492880e00..633c699cc 100644
--- a/web/screens/Chat/index.tsx
+++ b/web/screens/Chat/index.tsx
@@ -197,8 +197,8 @@ const ChatScreen = () => {
             <div className="mx-auto mt-8 flex h-full w-3/4 flex-col items-center justify-center text-center">
               {downloadedModels.length === 0 && (
                 <Fragment>
-                  <h1 className="text-lg font-medium">{`Ups, you don't have a Model`}</h1>
-                  <p className="mt-1">{`let’s download your first model.`}</p>
+                  <h1 className="text-lg font-medium">{`Oops, you don't have a Model`}</h1>
+                  <p className="mt-1">{`Let’s download your first model.`}</p>
                   <Button
                     className="mt-4"
                     onClick={() =>
@@ -212,7 +212,7 @@ const ChatScreen = () => {
               {!activeModel && downloadedModels.length > 0 && (
                 <Fragment>
                   <h1 className="text-lg font-medium">{`You don’t have any actively running models`}</h1>
-                  <p className="mt-1">{`Please start a downloaded model in My Models page to use this feature.`}</p>
+                  <p className="mt-1">{`Please start a downloaded model to use this feature.`}</p>
                   <Badge className="mt-4" themes="outline">
                     <ShortCut menu="E" />
                     &nbsp; to show your model
diff --git a/web/screens/MyModels/BlankState/index.tsx b/web/screens/MyModels/BlankState/index.tsx
index 331be39db..a820440d0 100644
--- a/web/screens/MyModels/BlankState/index.tsx
+++ b/web/screens/MyModels/BlankState/index.tsx
@@ -25,17 +25,17 @@ export default function BlankStateMyModel() {
       <div className="text-center">
         <DatabaseIcon size={32} className="mx-auto text-muted-foreground" />
         <div className="mt-4">
-          <h1 className="text-xl font-bold leading-snug">{`Ups, You don't have a model.`}</h1>
+          <h1 className="text-xl font-bold leading-snug">{`Oops, you don't have a model yet.`}</h1>
           <p className="mt-1 text-base">
             {downloadStates.length > 0
               ? `Downloading model ... `
-              : `let’s download your first model`}
+              : `Let’s download your first model`}
           </p>
           {downloadStates?.length > 0 && (
             <Modal>
               <ModalTrigger asChild>
                 <Button themes="outline" className="mr-2 mt-6">
-                  <span>{downloadStates.length} Downloading model</span>
+                  <span>Downloading {downloadStates.length} model(s)</span>
                 </Button>
               </ModalTrigger>
               <ModalContent>
diff --git a/web/screens/MyModels/index.tsx b/web/screens/MyModels/index.tsx
index 43b421772..941fc1cbe 100644
--- a/web/screens/MyModels/index.tsx
+++ b/web/screens/MyModels/index.tsx
@@ -149,7 +149,7 @@ const MyModelsScreen = () => {
             <div className="rounded-lg border border-border bg-background p-4 hover:border-primary/60">
               <div className="flex h-full flex-col justify-between">
                 <div>
-                  <h2 className="text-lg font-medium">Download more model?</h2>
+                  <h2 className="text-lg font-medium">Download more models?</h2>
                   <p className="mt-2 leading-relaxed">
                     You have <span>{downloadedModels.length}</span> model(s)
                     downloaded.&nbsp;
diff --git a/web/screens/Settings/CorePlugins/PreferencePlugins/index.tsx b/web/screens/Settings/CorePlugins/PreferencePlugins/index.tsx
index a0d979998..8486c0ac0 100644
--- a/web/screens/Settings/CorePlugins/PreferencePlugins/index.tsx
+++ b/web/screens/Settings/CorePlugins/PreferencePlugins/index.tsx
@@ -52,7 +52,7 @@ const PreferencePlugins = (props: Props) => {
     }
     toaster({
       title: formatPluginsName(pluginName),
-      description: 'Success update preferences',
+      description: 'Successfully updated preferences',
     })
   }
 
diff --git a/web/screens/Welcome/index.tsx b/web/screens/Welcome/index.tsx
index 30ca9a0f6..55e4f20ac 100644
--- a/web/screens/Welcome/index.tsx
+++ b/web/screens/Welcome/index.tsx
@@ -35,7 +35,7 @@ const WelcomeScreen = () => {
             >
               Welcome to Jan
             </h1>
-            <p className="mt-1">{`let’s download your first model`}</p>
+            <p className="mt-1">{`Let’s download your first model`}</p>
             <Button
               className="mt-4"
               onClick={() => setMainViewState(MainViewState.ExploreModels)}
@@ -47,7 +47,7 @@ const WelcomeScreen = () => {
         {downloadedModels.length >= 1 && !activeModel && (
           <Fragment>
             <h1 className="mt-2 text-lg font-medium">{`You don’t have any actively running models`}</h1>
-            <p className="mt-1">{`Please start a downloaded model in My Models page to use this feature.`}</p>
+            <p className="mt-1">{`Please start a downloaded model to use this feature.`}</p>
             <Badge className="mt-4" themes="outline">
               <ShortCut menu="E" />
               &nbsp; to show your model
@@ -57,7 +57,7 @@ const WelcomeScreen = () => {
         {downloadedModels.length >= 1 && activeModel && (
           <Fragment>
             <h1 className="mt-2 text-lg font-medium">{`Your Model is Active`}</h1>
-            <p className="mt-1">{`You are ready to start conversations.`}</p>
+            <p className="mt-1">{`You are ready to converse.`}</p>
             <Button
               className="mt-4"
               onClick={() => setMainViewState(MainViewState.Chat)}

From 719953107c12eb5069915b9403b1a25c6b14b7d1 Mon Sep 17 00:00:00 2001
From: 0xSage <n@pragmatic.vc>
Date: Tue, 28 Nov 2023 22:19:40 +0800
Subject: [PATCH 2/2] rephrase

---
 web/screens/Chat/ChatInstruction/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/screens/Chat/ChatInstruction/index.tsx b/web/screens/Chat/ChatInstruction/index.tsx
index a85faffbb..6e7d3ddb6 100644
--- a/web/screens/Chat/ChatInstruction/index.tsx
+++ b/web/screens/Chat/ChatInstruction/index.tsx
@@ -39,7 +39,7 @@ const ChatInstruction = () => {
             className="w-32"
             onClick={() => setIsSettingInstruction(true)}
           >
-            Give Instructions
+            Set a Prompt
           </Button>
         </>
       )}
@@ -57,7 +57,7 @@ const ChatInstruction = () => {
             className="w-32"
             onClick={() => setSystemPrompt(instruction)}
           >
-            Give Instructions
+            Set a Prompt
           </Button>
         </div>
       )}