feat: initial conversational flow (#37)

* chore: only set visibility for container particles

* create reusable controls indicator for reply or new

* compress the size of top bar

* refactor: restructure state, routing, and more

* introduce stream compose flow

* feat: compose new stream full flow

* implement stream player

* fix: prevent redirect for signed object urls

* fix: implement stream playback cleaner structure

* refactor: layout file name

* feat: show stream name in breadcrumbs

* chore: tweak padding

* chore: adjust position of audio bars

* feat: show latest particle preview in stream list

* fix: remove console log

* refactor: reorder classes

* fix: avoid passing in updated_at to firestore particle

* refactor: extract properties for container particles to flat fields in firestore

* make the stream previews look alive

* feat: show audio bars during audio clip playback

* feat: order streams by last child creation

* feat: playback where I left off

* chore: remove unused store

* fix: recording mode not using shared state

* chore: clean unused variable

* remove unused imports

* fix: improve controls indicator immersion

* feat: show playback progress in bar & auto-play text

* feat: auto-exit stream on playback completion

* fix: jittery media playback progress

* fix: navigate during state change is invalid with react router

* fix: buggy exit progress when changing clips

* feat: add app icon

* update package.json info

* feat: only show streams visible to me

* feat: show seen indicator on particles

* fix: prevent unnecessary effects

* fix: play new particle after playback is ended

* use contols indicator for exit timer

js/src/features/particles/folder-view.tsx

@@ -1,20 +1,23 @@
 import { Particle } from "@/api/types";
-import { useParticleChildren } from "@/hooks/use-particle-children";
+import { useLiveParticleChildren } from "@/hooks/use-particle";
+import { parseParticlePath, type ParticlePath } from "@/lib/particle-path";
+import { ComposeOverlay } from "@/features/compose/compose-overlay";
 
 interface FolderViewProps {
   folderParticle: Particle;
-  networkId: string;
-  particleSegments: string[];
+  path: ParticlePath;
 }
 
-export function FolderView({ networkId, particleSegments, folderParticle }: FolderViewProps) {
-  const { children, error, isLoading } = useParticleChildren(networkId, particleSegments);
+export function FolderView({ path, folderParticle }: FolderViewProps) {
+  const { children, error, isLoading } = useLiveParticleChildren(path);
+  const { networkId } = parseParticlePath(path);
 
   return (
     <div className="flex h-full items-center justify-center">
       <p className="text-muted-foreground text-sm">
-        Folder view — {networkId}/{particleSegments.join("/")}
+        Folder view — {folderParticle.id}
       </p>
+      <ComposeOverlay networkId={networkId} />
     </div>
   );
 }