diff --git a/src/client/components/PlayData.tsx b/src/client/components/PlayData.tsx
index 118a13b1..2c443271 100644
--- a/src/client/components/PlayData.tsx
+++ b/src/client/components/PlayData.tsx
@@ -222,7 +222,7 @@ export const PlayDatesStack = (props: { play: JsonPlayObject, dates: DisplayDate
             }
         }
         if (dates.includes('seen') || dates.includes('all')) {
-            dateElements.push((<TextMuted key="seen">{`Seen ${shortTodayAwareFormat(dayjs(play.data.playDate))}`}</TextMuted>));
+            dateElements.push((<TextMuted key="seen">{`Seen ${shortTodayAwareFormat(dayjs(play.meta.seenAt))}`}</TextMuted>));
         }
         datesItem = (
             <DataList.Item flexGrow="1">
@@ -255,8 +255,8 @@ export const PlayDatesFooter = (props: { play: JsonPlayObject, dates: DisplayDat
             playDate = <Text textStyle="xs" color="fg.muted">{`Played ${shortTodayAwareFormat(dayjs(play.data.playDate))}`}</Text>
         }
         // TODO implement seenAt for play data
-        if (play.data.playDateCompleted !== undefined && ['all', 'seen'].includes(dates)) {
-            seenDate = <Text textStyle="xs" color="fg.muted">{`Seen ${shortTodayAwareFormat(dayjs(play.data.playDateCompleted))}`}</Text>
+        if (play.meta.seenAt !== undefined && ['all', 'seen'].includes(dates)) {
+            seenDate = <Text textStyle="xs" color="fg.muted">{`Seen ${shortTodayAwareFormat(dayjs(play.meta.seenAt))}`}</Text>
         }
         if (playDate !== undefined && seenDate !== undefined) {
             dateElm = <HStack gap="1">{playDate}<Separator orientation="vertical" height="4" />{seenDate}</HStack>
diff --git a/src/client/components/playActivity/PlayList.tsx b/src/client/components/playActivity/PlayList.tsx
index 9b38b435..94549c4e 100644
--- a/src/client/components/playActivity/PlayList.tsx
+++ b/src/client/components/playActivity/PlayList.tsx
@@ -10,7 +10,7 @@ import doy from 'dayjs/plugin/dayOfYear.js';
 import { VscDebugRestart } from "react-icons/vsc";
 import { GroupedVirtuoso } from 'react-virtuoso'
 import { ActivityDetails } from '../ActivityDetail.js';
-import { sortByNewestPlayDate } from '../../../core/PlayUtils.js';
+import { sortByNewestPlayDate, sortByNewestSeenDate } from '../../../core/PlayUtils.js';
 import "./PlayList.scss";
 
 dayjs.extend(doy);
@@ -73,10 +73,15 @@ export const PlayList = (props: ActivityLogProps) => {
     render = 'accordian'
   } = props;
 
-  const sorted = useMemo(() => props.data.toSorted((a, b) => sortByNewestPlayDate(a.play, b.play)), [data, sortBy]);
+  const sorted = useMemo(() => props.data.toSorted((a, b) => {
+    if(sortBy === 'played') {
+      return sortByNewestPlayDate(a.play, b.play)
+    }
+    return sortByNewestSeenDate(a.play, b.play);
+  }), [data, sortBy]);
 
   if (render === 'accordian') {
-    return <PlainAccordian data={sorted} />
+    return <PlainAccordian data={sorted} sortBy={sortBy} />
   }
   if (render === 'virtCollapse') {
     return <VirtualizedCollapse data={sorted} />
@@ -285,8 +290,11 @@ const VirtualizedAccordian = (props: { data: PlayActivity[] }) => {
   );
 }
 
-const PlainAccordian = (props: { data: PlayActivity[] }) => {
-  const { data = [] } = props;
+const PlainAccordian = (props: { data: PlayActivity[], sortBy: 'played' | 'seen' }) => {
+  const { 
+    data = [],
+    sortBy
+   } = props;
   const groups = generateGroupPlays(data);
   return (
     <Stack gap="2">
@@ -325,7 +333,7 @@ const PlainAccordian = (props: { data: PlayActivity[] }) => {
                           <Span>{play.data.track}</Span>
                           <TextMuted truncate>{play.data.artists.join(' / ')}</TextMuted>
                           <HStack gap="1">
-                            <ShortDateDisplay date={play.data.playDate} prefix="Played" /><Separator orientation="vertical" height="4" />
+                            <ShortDateDisplay date={sortBy === 'played' ? play.data.playDate : play.meta?.seenAt} prefix={sortBy === 'played' ? 'Played' : 'Seen'} /><Separator orientation="vertical" height="4" />
                             <TextMuted>{play.meta?.source}</TextMuted>
                           </HStack>
                         </Stack>
diff --git a/src/core/Atomic.ts b/src/core/Atomic.ts
index 07c9391c..6e8b4bb0 100644
--- a/src/core/Atomic.ts
+++ b/src/core/Atomic.ts
@@ -198,6 +198,8 @@ export interface PlayMeta<D extends DateLike = Dayjs> {
     source?: string
     sourceSOT?: SOURCE_SOT_TYPES
 
+    seenAt?: D
+
     /*
     * If applicable, the name of the Service providing the track (Spotify, Tidal, etc...)
     */
@@ -345,7 +347,7 @@ export type DateLike = Dayjs | string
 
 export interface AmbPlayObject<D extends DateLike = Dayjs> {
     data: PlayData<D>,
-    meta: PlayMeta<D> | MarkOptional<PlayMeta<D>, 'lifecycle'>
+    meta: PlayMeta<D> | Omit<PlayMeta<D>, 'lifecycle'>
 }
 
 export const isPlayObject = (obj: object): obj is PlayObject => {
diff --git a/src/core/PlayTestUtils.ts b/src/core/PlayTestUtils.ts
index 96280c64..f8135d8c 100644
--- a/src/core/PlayTestUtils.ts
+++ b/src/core/PlayTestUtils.ts
@@ -181,6 +181,7 @@ export const generatePlay = (data: ObjectPlayData = {}, meta: MarkOptional<PlayM
         },
         meta: {
             source: ['Spotify', 'Listenbrainz', 'Lastfm', 'Jellyfin', 'Plex'][faker.number.int({min: 0, max: 4})],
+            seenAt: dayjs(),
             ...meta,
             lifecycle: {
                 original: {
diff --git a/src/core/PlayUtils.ts b/src/core/PlayUtils.ts
index 304d3c11..f9a166f6 100644
--- a/src/core/PlayUtils.ts
+++ b/src/core/PlayUtils.ts
@@ -2,19 +2,10 @@ import { PlayPlatformId } from "../backend/common/infrastructure/Atomic.js";
 import { AmbPlayObject, DateLike, PlayObject, PlayObjectLifecycleless } from "./Atomic.js";
 import dayjs from "dayjs";
 
-
 /** sorts playObj formatted objects by playDate in descending (newest first) order */
-export const sortByNewestPlayDate = (a: AmbPlayObject<DateLike>, b: AmbPlayObject<DateLike>) => {
-    const {
-        data: {
-            playDate: aPlayDate
-        } = {}
-    } = a;
-    const {
-        data: {
-            playDate: bPlayDate
-        } = {}
-    } = b;
+export const sortByNewestDate = (accessor: (play: AmbPlayObject<DateLike>) => DateLike) => (a: AmbPlayObject<DateLike>, b: AmbPlayObject<DateLike>) => {
+    const aPlayDate = accessor(a);
+    const bPlayDate = accessor(b);
     if (aPlayDate === undefined && bPlayDate === undefined) {
         return 0;
     }
@@ -30,6 +21,13 @@ export const sortByNewestPlayDate = (a: AmbPlayObject<DateLike>, b: AmbPlayObjec
     return realA.isBefore(realB) ? 1 : -1;
 };
 
+
+/** sorts playObj formatted objects by playDate in descending (newest first) order */
+export const sortByNewestPlayDate = sortByNewestDate((play) => play.data?.playDate);
+
+/** sorts playObj formatted objects by playDate in descending (newest first) order */
+export const sortByNewestSeenDate = sortByNewestDate((play) => play.meta?.seenAt);
+
 export const genGroupIdStr = (id: PlayPlatformId) => {
     return `${id[0]}-${id[1]}`;
 };