Merge branch 'newviz' of https://github.com/githru/githru-vscode-ext into feat/new-feature-entry-point

Author: Jxxunnn

packages/view/src/App.scss

@@ -14,6 +14,17 @@ body {
   padding: 0 0.75rem 0 1.25rem;
 }
 
+.header-container > :is(:first-child, :last-child) {
+  flex: 1;
+}
+
+.header-container > :last-child {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 0.5rem;
+}
+
 .top-container {
   height: 13.75rem;
 }

packages/view/src/App.tsx

@@ -4,7 +4,14 @@ import { useEffect, useRef, useState } from "react";
 import BounceLoader from "react-spinners/BounceLoader";
 
 import MonoLogo from "assets/monoLogo.svg";
-import { BranchSelector, Statistics, TemporalFilter, ThemeSelector, VerticalClusterList, FolderActivityFlow } from "components";
+import {
+  BranchSelector,
+  Statistics,
+  TemporalFilter,
+  ThemeSelector,
+  VerticalClusterList,
+  FolderActivityFlow,
+} from "components";
 import "./App.scss";
 import type IDEPort from "ide/IDEPort";
 import { useAnalayzedData } from "hooks";
@@ -70,16 +77,18 @@ const App = () => {
       <div className="header-container">
         <ThemeSelector />
         <BranchSelector />
-        <RefreshButton />
-        <InsightsButton
-          isNew
-          sx={{
-            width: "1.875rem",
-            height: "1.875rem",
-            color: "white",
-          }}
-          onClick={handleOpenFolderActivityFlowModal}
-        />
+        <div>
+          <RefreshButton />
+          <InsightsButton
+            isNew
+            sx={{
+              width: "1.875rem",
+              height: "1.875rem",
+              color: "white",
+            }}
+            onClick={handleOpenFolderActivityFlowModal}
+          />
+        </div>
       </div>
       <div className="top-container">
         <TemporalFilter />
@@ -106,7 +115,7 @@ const App = () => {
           className="folder-activity-flow-modal"
           onClick={handleCloseFolderActivityFlowModal}
           onKeyDown={(e) => {
-            if (e.key === 'Escape') {
+            if (e.key === "Escape") {
               handleCloseFolderActivityFlowModal();
             }
           }}

packages/view/src/components/FolderActivityFlow/FolderActivityFlow.const.ts

@@ -1,5 +1,5 @@
 export const DIMENSIONS = {
   width: 800,
   height: 400,
-  margin: { top: 40, right: 120, bottom: 60, left: 20 }
-};
+  margin: { top: 40, right: 120, bottom: 60, left: 20 },
+};