Add search and RAG workspace flows

app/globals.css

@@ -29,6 +29,10 @@ body {
   padding: 0;
 }
 
+html {
+  -webkit-text-size-adjust: 100%;
+}
+
 [data-sonner-toaster] {
   --normal-bg: rgba(7, 22, 31, 0.96);
   --normal-text: #e8fff8;
@@ -48,6 +52,7 @@ body {
 
 body {
   min-height: 100vh;
+  overflow-x: hidden;
   font-family: var(--font-display), sans-serif;
   color: var(--terminal-bright);
   background:
@@ -92,6 +97,14 @@ body {
   letter-spacing: 0.08em;
 }
 
+a,
+button,
+input,
+select,
+textarea {
+  touch-action: manipulation;
+}
+
 .data-table {
   width: 100%;
   border-collapse: collapse;
@@ -140,3 +153,18 @@ body {
     background-size: 26px 26px;
   }
 }
+
+@media (max-width: 640px) {
+  body {
+    background:
+      radial-gradient(circle at 24% -4%, rgba(126, 217, 255, 0.2), transparent 36%),
+      radial-gradient(circle at 82% 2%, rgba(104, 255, 213, 0.16), transparent 30%),
+      linear-gradient(155deg, var(--bg-0), var(--bg-1) 54%, var(--bg-2));
+  }
+
+  .data-table th,
+  .data-table td {
+    padding: 0.65rem 0.55rem;
+    font-size: 0.8125rem;
+  }
+}