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/api/client.ts

@@ -44,9 +44,11 @@ class ApiClient {
     path: string,
     body?: unknown,
   ): Promise<Response> {
-    const headers: Record<string, string> = {
-      "Content-Type": "application/json",
-    };
+    const headers: Record<string, string> = {};
+
+    if (body) {
+      headers["Content-Type"] = "application/json";
+    }
 
     const token = this.config.getToken();
     if (token) {
@@ -115,7 +117,8 @@ class ApiClient {
       "GET",
       `/particles/${objectId}/download`,
     );
-    return response.url;
+    const data = await response.json();
+    return data.url;
   }
 
   // --- Depot ---

js/src/api/types.ts

@@ -128,14 +128,26 @@ const ParticleBaseSchema = z.object({
   created_at: z.coerce.date(),
   created_by_email: z.string().email(),
   updated_at: z.coerce.date().optional(),
-  // e.g. ["human:[email protected]", "human:[email protected]"] - visible only to Aron and John
-  // e.g. ["network:123"] - visible to everyone in the network
-  visible_to: z.array(z.string())
 });
 
 export const ParticleSchema = z.discriminatedUnion("type", [
-  ParticleBaseSchema.extend({ type: z.literal("stream"), properties: StreamPropertiesSchema }),
-  ParticleBaseSchema.extend({ type: z.literal("folder"), properties: FolderPropertiesSchema }),
+  ParticleBaseSchema.extend({
+    type: z.literal("stream"), properties: StreamPropertiesSchema,
+    // e.g. ["human:[email protected]", "human:[email protected]"] - visible only to Aron and John
+    // e.g. ["network:123"] - visible to everyone in the network
+    visible_to: z.array(z.string()),
+    // Marks human_id to their `playback_position_at`: where they left off in a conversation
+    playback_markers: z.record(z.string(), z.coerce.date()).optional(),
+    // Timestamp of the most recent child particle
+    //   used for sorting streams by recent activity without needing to query subcollections
+    last_child_created_at: z.coerce.date().optional(),
+  }),
+  ParticleBaseSchema.extend({
+    type: z.literal("folder"), properties: FolderPropertiesSchema,
+    // e.g. ["human:[email protected]", "human:[email protected]"] - visible only to Aron and John
+    // e.g. ["network:123"] - visible to everyone in the network
+    visible_to: z.array(z.string()),
+  }),
   ParticleBaseSchema.extend({ type: z.literal("media"), properties: MediaPropertiesSchema }),
   ParticleBaseSchema.extend({ type: z.literal("file"), properties: FilePropertiesSchema }),
   ParticleBaseSchema.extend({ type: z.literal("text"), properties: TextPropertiesSchema }),