fix: mobile scrolling (#13) and timestamp preservation for opencode-sync (#29)

Author: waynesutton

changelog.md

@@ -8,6 +8,20 @@ Format based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 ### Fixed
 
+- Fixed mobile scrolling in session detail view (fixes #13)
+  - Added `overscroll-contain`, `touch-pan-y`, and `WebkitOverflowScrolling: 'touch'` to messages container
+  - Session detail uses absolute positioning on mobile with background color to cover session list
+  - iOS scrolling now works properly within the messages area
+
+- Fixed opencode-sync --force setting wrong dates (fixes #29)
+  - Plugin was not sending original `createdAt` timestamps from local session/message data
+  - Convex mutations were not accepting `createdAt` argument, always using `Date.now()`
+  - Updated opencode-sync-plugin CLI to include `createdAt: data.time?.created` for sessions and messages
+  - Updated `internal.sessions.upsert` to accept optional `createdAt` and use it for new inserts
+  - Updated `internal.messages.upsert` to accept optional `createdAt` and use it for new inserts
+  - Updated HTTP endpoints `/sync/session` and `/sync/message` to pass `createdAt` to mutations
+  - Sessions and messages now preserve their original timestamps when synced
+
 - Fixed token double-counting bug in message handlers (fixes #32)
   - Message handlers (upsert, batchUpsert) were accumulating per-message promptTokens/completionTokens onto the session record
   - Since session-level sync already sets these as authoritative absolute values, the accumulation resulted in inflated token totals

convex/http.ts

@@ -126,6 +126,7 @@ http.route({
         completionTokens: body.completionTokens,
         cost: body.cost,
         durationMs: body.durationMs,
+        createdAt: body.createdAt, // Original timestamp from source
       });
 
       // Schedule embedding generation
@@ -163,6 +164,7 @@ http.route({
         durationMs: body.durationMs,
         source: body.source, // Pass source for auto-created sessions ("opencode" or "claude-code")
         parts: body.parts,
+        createdAt: body.createdAt, // Original timestamp from source
       });
 
       return json({ ok: true, messageId });

convex/messages.ts

@@ -27,6 +27,7 @@ export const upsert = internalMutation({
         })
       )
     ),
+    createdAt: v.optional(v.number()), // Original timestamp from source
   },
   returns: v.id("messages"),
   handler: async (ctx, args) => {
@@ -114,7 +115,8 @@ export const upsert = internalMutation({
         await Promise.all(existingParts.map((part) => ctx.db.delete(part._id)));
       }
     } else {
-      // Create new message
+      // Create new message - use provided createdAt or current time
+      const messageCreatedAt = args.createdAt ?? now;
       messageId = await ctx.db.insert("messages", {
         sessionId,
         externalId: args.externalId,
@@ -124,7 +126,7 @@ export const upsert = internalMutation({
         promptTokens: args.promptTokens,
         completionTokens: args.completionTokens,
         durationMs: args.durationMs,
-        createdAt: now,
+        createdAt: messageCreatedAt,
       });
       shouldUpdateSessionStats = true;
     }

convex/sessions.ts

@@ -307,6 +307,7 @@ export const upsert = internalMutation({
     completionTokens: v.optional(v.number()),
     cost: v.optional(v.number()),
     durationMs: v.optional(v.number()),
+    createdAt: v.optional(v.number()), // Original timestamp from source
   },
   returns: v.id("sessions"),
   handler: async (ctx, args) => {
@@ -384,7 +385,8 @@ export const upsert = internalMutation({
       return existing._id;
     }
 
-    // Insert new session
+    // Insert new session - use provided createdAt or current time
+    const sessionCreatedAt = args.createdAt ?? now;
     return await ctx.db.insert("sessions", {
       userId: args.userId,
       externalId: args.externalId,
@@ -402,7 +404,7 @@ export const upsert = internalMutation({
       isPublic: false,
       searchableText: args.title,
       messageCount: 0,
-      createdAt: now,
+      createdAt: sessionCreatedAt,
       updatedAt: now,
     });
   },