ui tweaks

js/src/features/layout.tsx

@@ -91,7 +91,7 @@ function TopBar() {
   const { data: particle } = useParticle(path);
 
   return (
-    <div className="drag-region flex items-center gap-3 border-b px-3 py-1">
+    <div className="drag-region flex items-center gap-3 border-b px-3 py-1 bg-muted">
       <WindowControls />
 
       <Breadcrumb className="no-drag">

js/src/features/network-root.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useMemo, useState } from "react";
 import { useNavigate, useParams } from "react-router-dom";
-import { List, LayoutGrid } from "lucide-react";
+import { List, LayoutGrid, CircleDot, CircleCheckBig } from "lucide-react";
 import { particlePath } from "@/lib/particle-path";
 import { ParticleListView } from "@/features/particles/particle-list-view";
 import { ParticleGridView } from "@/features/particles/particle-grid-view";
@@ -49,14 +49,14 @@ export default function NetworkRoot() {
   return (
     <div className="relative flex min-h-0 flex-1 flex-col">
       {/* Top bar — stays in place */}
-      <div className="flex shrink-0 items-center justify-between px-3 pt-2 pb-1 border-b">
+      <div className="flex shrink-0 items-center justify-between p-1 border-b">
         <Tabs
           value={statusTab}
           onValueChange={(v) => setStatusTab(v as "open" | "closed")}
         >
           <TabsList>
-            <TabsTrigger value="open">Open</TabsTrigger>
-            <TabsTrigger value="closed">Closed</TabsTrigger>
+            <TabsTrigger value="open"><CircleDot className="size-3 text-green-500" /> Open</TabsTrigger>
+            <TabsTrigger value="closed"><CircleCheckBig className="size-3" /> Closed</TabsTrigger>
           </TabsList>
         </Tabs>
         <ToggleGroup

js/src/features/particles/particle-list-view.tsx

@@ -255,7 +255,7 @@ export function ParticleListView({ streams, networkId, isLoading, selectedIndex
       <div className="mx-auto flex h-full max-w-sm flex-col items-center justify-center gap-2 px-4 text-center">
         <Radio className="text-muted-foreground size-8" />
         <p className="text-muted-foreground text-sm">
-          No recent streams yet. Start a conversation using the keyboard shortcuts below.
+          No streams here. Start a conversation using the keyboard shortcuts below.
         </p>
       </div>
     );