adding some components with carbon

packages/desktop/package.json

@@ -107,6 +107,7 @@
     "webpack": "^5.72.0"
   },
   "dependencies": {
+    "@carbon/icons": "^11.2.0",
     "@carbon/react": "^1.2.0",
     "@getstation/electron-google-oauth2": "^2.1.0",
     "@nirvana/core": "*",

packages/desktop/src/components/header/index.tsx

@@ -29,10 +29,14 @@ export default function NirvanaHeader() {
     <div className="flex flex-row items-center h-12 bg-gray-100">
       <Logo type="small" className="scale-[0.2]" />
 
-      <Button kind="ghost">flow state</Button>
+      <div className="ml-auto">
+        <Button size="sm" kind="ghost">
+          flow state
+        </Button>
+      </div>
 
       <video
-        className="ml-auto"
+        className="ml-2"
         ref={userVideo}
         height={"50px"}
         width={"50px"}

packages/desktop/src/pages/terminal/index.tsx

@@ -1,9 +1,31 @@
+import { Button, Search } from "@carbon/react";
+
+import { Add } from "@carbon/react/icons";
 import NirvanaHeader from "../../components/header";
 
 export default function NirvanaTerminal() {
   return (
     <div className="flex flex-col flex-1">
       <NirvanaHeader />
+
+      <div className="flex flex-row m-2 gap-2">
+        <Search
+          closeButtonLabelText="Clear search input"
+          id="search-1"
+          placeholder={"search for anything someone said or shared"}
+          onChange={function noRefCheck() {}}
+          onKeyDown={function noRefCheck() {}}
+          size="sm"
+        />
+
+        <Button
+          size="sm"
+          kind="secondary"
+          hasIconOnly
+          renderIcon={Add}
+          iconDescription="New line"
+        />
+      </div>
     </div>
   );
 }

yarn.lock

@@ -134,6 +134,11 @@
     "@carbon/telemetry" "0.1.0"
     prop-types "^15.7.2"
 
+"@carbon/icons@^11.2.0":
+  version "11.2.0"
+  resolved "https://registry.yarnpkg.com/@carbon/icons/-/icons-11.2.0.tgz#d04f94adc26216e556084259031ee3fb3087389b"
+  integrity sha512-Ib0AUPwCXgDcotPwfb9eu23OBDEtmBbgKEF+RwMMlZEidLTR7DGl0Bvi0iAs1ciJjFO0+4qaxlnMcAJmBgWdYA==
+
 "@carbon/layout@^11.1.0":
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/@carbon/layout/-/layout-11.1.0.tgz#7a2072495761b1c59ebfde4271166397d18ba2f5"