Merge branch 'main' into docs/add-troubleshooting

web/containers/DropdownListSidebar/index.tsx

@@ -131,7 +131,7 @@ export default function DropdownListSidebar() {
 
       {finishInit && (
         <TooltipContent sideOffset={10}>
-          <span>To change model, please start a new thread</span>
+          <span>Start a new thread to change the model</span>
           <TooltipArrow />
         </TooltipContent>
       )}

web/screens/Chat/ChatBody/index.tsx

@@ -126,7 +126,7 @@ const ChatBody: React.FC = () => {
                     className="mt-10 flex flex-col items-center"
                   >
                     <span className="mb-3 text-center text-sm font-medium text-gray-500">
-                      Whoops! Jan&apos;s generation was interrupted. Let&apos;s
+                      Oops! The generation was interrupted. Let&apos;s
                       give it another go!
                     </span>
                     <Button

web/screens/Settings/Advanced/index.tsx

@@ -44,7 +44,7 @@ const Advanced = () => {
               </h6>
             </div>
             <p className="whitespace-pre-wrap leading-relaxed">
-              Open the directory where the app data is located.
+              Open the directory where your app data, like conversation history and model configurations, is located.
             </p>
           </div>
           <Button

web/screens/Settings/Appearance/index.tsx

@@ -9,7 +9,7 @@ export default function AppearanceOptions() {
           <h6 className="text-sm font-semibold capitalize">
             Base color scheme
           </h6>
-          <p className="leading-relaxed ">Choose Jan default color scheme.</p>
+          <p className="leading-relaxed ">Choose between light and dark modes.</p>
         </div>
         <ToggleTheme />
       </div>
@@ -17,7 +17,7 @@ export default function AppearanceOptions() {
         <div className="flex-shrink-0 space-y-1">
           <h6 className="text-sm font-semibold capitalize">Accent Color</h6>
           <p className="leading-relaxed ">
-            Choose the accent color used throughout the app.
+            Choose the primary accent color used throughout the app.
           </p>
         </div>
         <ToggleAccent />

web/screens/SystemMonitor/index.tsx

@@ -59,7 +59,7 @@ export default function SystemMonitorScreen() {
           {activeModel && (
             <div className="mt-8 overflow-hidden rounded-xl border border-border shadow-sm">
               <div className="px-6 py-5">
-                <h4 className="text-base font-medium">Running Models</h4>
+                <h4 className="text-base font-medium">Actively Running Models</h4>
               </div>
               <div className="relative overflow-x-auto shadow-md">
                 <table className="w-full px-8">