chore: structure container particles for rendering children

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

@@ -1,13 +1,15 @@
+import { Particle } from "@/api/types";
+import { useParticleChildren } from "@/hooks/use-particle-children";
+
 interface FolderViewProps {
+  folderParticle: Particle;
   networkId: string;
   particleSegments: string[];
 }
 
-/**
+export function FolderView({ networkId, particleSegments, folderParticle }: FolderViewProps) {
- * Folder-specific view — will eventually show children as cards/list.
+  const { children, error, isLoading } = useParticleChildren(networkId, particleSegments);
- * Placeholder for now.
+
- */
-export function FolderView({ networkId, particleSegments }: FolderViewProps) {
   return (
     <div className="flex h-full items-center justify-center">
       <p className="text-muted-foreground text-sm">

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

@@ -45,9 +45,9 @@ export function ParticleViewResolver({ networkId, particleSegments }: ParticleVi
 
   switch (particle.type) {
     case "stream":
-      return <StreamView networkId={networkId} particleSegments={particleSegments} />;
+      return <StreamView streamParticle={particle} networkId={networkId} particleSegments={particleSegments} />;
     case "folder":
-      return <FolderView networkId={networkId} particleSegments={particleSegments} />;
+      return <FolderView folderParticle={particle} networkId={networkId} particleSegments={particleSegments} />;
     default:
       // For container types we haven't built a view for, fall back to list
       if (isContainerType(particle.type)) {

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

@@ -1,13 +1,15 @@
+import { Particle } from "@/api/types";
+import { useParticleChildren } from "@/hooks/use-particle-children";
+
 interface StreamViewProps {
+  streamParticle: Particle;
   networkId: string;
   particleSegments: string[];
 }
 
-/**
+export function StreamView({ networkId, particleSegments, streamParticle }: StreamViewProps) {
- * Stream-specific view — will eventually show media/text children in playback order.
+  const { children, error, isLoading } = useParticleChildren(networkId, particleSegments);
- * Placeholder for now.
+
- */
-export function StreamView({ networkId, particleSegments }: StreamViewProps) {
   return (
     <div className="flex h-full items-center justify-center">
       <p className="text-muted-foreground text-sm">