misc fixes (#166)

* misc fixes

* remove wraped tabs

* format the text in creator and perplexity

* hide sidebars on new window

* restart ext host after imports

* revert copy settings

* revert copy settings

---------

Co-authored-by: John Pan <[email protected]>

Author: 2 people

extensions/vscode/src/activation/activate.ts

@@ -78,9 +78,10 @@ export async function activateExtension(context: vscode.ExtensionContext) {
   //   vscode.commands.executeCommand("pearai.startOnboarding");
   // }
 
+  setupPearAPPLayout(context);
+
   if (isFirstLaunch(context)) {
     vscode.commands.executeCommand("pearai.startOnboarding");
-    setupPearAPPLayout(context);
   }
 
   // vscode.commands.executeCommand("pearai.focusContinueInput");
@@ -114,7 +115,16 @@ export async function activateExtension(context: vscode.ExtensionContext) {
 
 // Custom Layout settings that we want default for PearAPP
 const setupPearAPPLayout = async (context: vscode.ExtensionContext) => {
-  vscode.commands.executeCommand("workbench.action.movePearExtensionToAuxBar");
-  // set activity bar position to top
-  vscode.commands.executeCommand("workbench.action.activityBarLocation.top");
+
+  if(!vscode.workspace.workspaceFolders){
+    vscode.commands.executeCommand("workbench.action.closeSidebar");
+    vscode.commands.executeCommand("workbench.action.closeAuxiliaryBar");
+  }
+
+  if (isFirstLaunch(context)) {
+    // move pearai extension to auxiliary bar (secondary side bar) if there is a folder open
+    vscode.commands.executeCommand("workbench.action.movePearExtensionToAuxBar");
+    // set activity bar position to top
+    vscode.commands.executeCommand("workbench.action.activityBarLocation.top");
+  }
 };

gui/src/pages/onboarding/Onboarding.tsx

@@ -15,23 +15,6 @@ import _ from "lodash";
 import { useWebviewListener } from "../../hooks/useWebviewListener";
 import { Button } from "@/components/ui/button";
 
-const EllipsisContainer = styled.span`
-  display: inline-block;
-  text-align: left;
-  &::after {
-    content: '';
-    position: absolute;
-    animation: ellipsis 1.5s steps(4, end) infinite;
-  }
-
-  @keyframes ellipsis {
-    0%, 20% { content: ''; }
-    40% { content: '.'; }
-    60% { content: '..'; }
-    80%, 100% { content: '...'; }
-  }
-`;
-
 function Onboarding() {
   const navigate = useNavigate();
   const dispatch = useDispatch();
@@ -54,8 +37,8 @@ function Onboarding() {
           style={{ marginRight: "5px" }}
         />
       <h1 className="text-center">Welcome to PearAI!</h1>
-      <h3 className="mx-3 text-center flex">Begin your journey by logging in<EllipsisContainer /></h3>
-      <Button
+      <h3 className="mx-3 text-center flex">Begin your journey by logging in</h3>
+      <Button 
         variant="animated"
         size="lg"
         className="m-5 flex flex-col justify-center items-center bg-button text-button-foreground"