Talk
three questions for you two, every day
{TALK_STYLES.map(s => (
))}
{error && {error}
}
{loading && !qs.length ? (
finding questions for youโฆ
{qs.map((q,i) => (
))}
) : null}
or try something else
{active ? active.title.replace(/^[^\w]+\s*/,'') : 'Our List'}
{stats &&
{stats.done}/{stats.total}
}
{active?.emoji || 'โก'} things to do together
{keys.map(k => {
const m = catMeta(k, d[k]);
return (
);
})}
Edit mode ยท tap a chip to rename/remove ยท ๏ผ adds a new list
)}
{smartOptions.length > 0 && !editMode && (
mood
{smartOptions.map(([m,count]) => (
))}
{moodFilter && }
sort
)}
{pinned.length > 0 && <>
- )}
}
{regular.length > 0 && <>
{pinned.length > 0 &&
- )}
}
{filtered.length === 0 &&
{q ? `nothing matches "${q}"` : 'this list is empty โ tap + to add'} }
{active && active.items.some(i=>i.done) && (
)}
{showDone && active && active.items.some(isArchived) && (
)}
pinned
{pinned.map(it => everything else
}
{regular.map(it => drag โฎโฎ to reorder ยท ๐ to delete ยท saves instantly
{order.map((k, idx) => {
const c = d[k]; if(!c) return null;
const isDragging = drag?.key === k;
const onDelete = () => {
const cleanTitle = (c.title||'').replace(/^[^\w]+\s*/,'') || 'this list';
const n = c.items?.length || 0;
const msg = n > 0
? `Delete "${cleanTitle}"? This removes the list and all ${n} item${n===1?'':'s'} on it. Can't undo.`
: `Delete "${cleanTitle}"? Can't undo.`;
if(window.confirm(msg)){
FT.deleteCategory(k);
setOrder(prev => prev.filter(x => x !== k));
}
};
// Compute Y offset for this row.
// - Dragging row tracks finger via dragY.
// - Other rows shift by exactly one stride to make room.
let translateY = 0;
if(drag){
if(isDragging){
translateY = drag.dragY;
} else {
const { startIdx, targetIdx, stride } = drag;
if(startIdx < targetIdx && idx > startIdx && idx <= targetIdx) translateY = -stride;
else if(startIdx > targetIdx && idx < startIdx && idx >= targetIdx) translateY = stride;
}
}
return (
{ if(el) rowRefs.current[k] = el; }}
style={{
display:'flex',alignItems:'center',gap:6,padding:'6px 8px',
background: isDragging ? 'color-mix(in oklab,var(--rose) 14%,transparent)' : 'var(--card)',
border:`1px solid ${isDragging?'var(--border-accent)':'var(--border)'}`,
borderRadius:11,
boxShadow: isDragging ? '0 12px 28px rgba(0,0,0,.22)' : 'none',
transform: `translate3d(0, ${translateY}px, 0)${isDragging ? ' scale(1.025)' : ''}`,
transition: isDragging ? 'none' : 'transform .22s cubic-bezier(.2,.7,.3,1), background .18s ease, box-shadow .18s ease',
opacity: isDragging ? .98 : 1,
position: 'relative',
zIndex: isDragging ? 10 : 1,
willChange: drag ? 'transform' : 'auto',
}}>
);
})}
onPointerDown(e, k)}
onPointerMove={onPointerMove}
onPointerUp={onPointerUp}
onPointerCancel={onPointerUp}
style={{
width:30,height:36,display:'flex',alignItems:'center',justifyContent:'center',
color:'var(--text3)',fontSize:15,lineHeight:1,
cursor:'grab',touchAction:'none',userSelect:'none',WebkitUserSelect:'none',
letterSpacing:'-1px'
}}
title="drag to reorder"
>โฎโฎ
{c.emoji}
{c.title?.replace(/^[^\w]+\s*/,'')}
{c.items?.length||0}
e.stopPropagation()}>
Create list
New list
{emojiOpts.map(e => (
))}
setTitle(e.target.value)} onKeyDown={e=>e.key==='Enter'&&submit()} autoCorrect="on" autoCapitalize="sentences" spellCheck="true"/>
๐บ progress
{item.seasonTot ? (
Season
{item.seasonCur||0} / {item.seasonTot}
Episode
{item.epCur||0} / {item.epTot}
{showTop && (
)}
{item.link && (() => {
let label = 'Open link โ';
try {
const host = new URL(item.link).hostname.replace(/^www\./,'');
if(/nudgetext\.com/i.test(host)) label = 'View on The Nudge โ';
else label = `Open on ${host} โ`;
} catch(e){}
return e.stopPropagation()}>{label};
})()}
);
}
function Item({ item, catKey, me, highlight }){
const profiles = useProfiles();
const [expanded, setExpanded] = useState(false);
const [descMore, setDescMore] = useState(false);
const [flash, setFlash] = useState(false);
const cbRef = useRef();
const SeeMore = ({show}) => show ? (
) : null;
const toggle = () => {
FT.toggleDone(catKey, item.id, me);
if(!item.done){ // was undone, now done
setFlash(true);
setTimeout(()=>setFlash(false), 700);
window.FTAPP?.burst?.(cbRef.current);
}
};
const poster = item.photo || item.tmdb_poster || item.tmdbPoster || item.rawg_poster || item.og_image || item.poster || item.nudge?.photo;
const backdrop = item.photo || item.tmdb_backdrop || item.rawg_backdrop || item.nudge?.photo;
const hasTmdb = !!(item.tmdb_poster || item.tmdb_backdrop || item.tmdb_rating || item.tmdb_year);
const hasRawg = !hasTmdb && !!(item.rawg_poster || item.rawg_rating || item.rawg_year || item.rawg_metacritic);
const hasOg = !!item.og_image && !hasTmdb && !hasRawg;
const hasNudge = !hasTmdb && !hasRawg && !hasOg && !!(item.nudge && (item.nudge.photo || item.nudge.neighborhood || item.nudge.rating || item.nudge.description || item.nudge.address || item.nudge.nudgeText));
const overview = item.tmdb_overview || item.rawg_overview || item.og_overview;
useEffect(() => {
if(highlight && cbRef.current){
cbRef.current.scrollIntoView({block:'center', behavior:'smooth'});
}
}, [highlight]);
const doDelete = () => { if(window.confirm(`Delete "${item.text}"?`)) FT.removeItem(catKey, item.id); };
// Media-led card (movies / TV with TMDB data)
if(hasTmdb){
const openInfo = (e)=>{ e?.stopPropagation?.(); window.FTAPP?.moreInfo?.(catKey, item.id); };
return (
{n.photo && 
e.target.style.display='none'}/>}
)}
{n.nudgeText &&
{n.neighborhood &&
๐ {n.neighborhood}
}
{n.rating && โ
{n.rating}{n.reviewCount?` (${n.reviewCount})`:''}
}
{n.hours && ๐ {n.hours}
}
"{n.nudgeText}"
}
{n.description && !isSimilarText(n.description, n.nudgeText) && !isSimilarText(n.description, item.note) && {n.description}
}
{n.address && ๐ {n.address}
}
{n.nearby && n.nearby.length > 0 && (
Nearby spots
{n.nearby.join(' ยท ')}
{backdrop &&
}
)}
);
}
// Media-led card (video games with RAWG data)
if(hasRawg){
const openInfo = (e)=>{ e?.stopPropagation?.(); window.FTAPP?.moreInfo?.(catKey, item.id); };
return (
โน๏ธ
setExpanded(!expanded)}>
110}/>}
}
{item.text}
{item.tmdb_year && {item.tmdb_year}}
{item.tmdb_rating && โ
{item.tmdb_rating}}
{item.tmdb_type && {item.tmdb_type==='tv'?'Series':'Movie'}}
โน๏ธ details
{overview && <>{overview}
{item.mood && {item.mood}}
{(item.tags||[]).slice(0,2).map(t => {t})}
{item.createdBy && }
{expanded &&
{backdrop &&
}
);
}
// Nudge card โ venues/activities from nudgetext.com with photo + neighborhood
if(hasNudge){
const n = item.nudge;
const displayPhoto = item.photo || n.photo;
return (
โน๏ธ
setExpanded(!expanded)}>
110}/>}
}
{item.text}
{item.rawg_year && {item.rawg_year}}
{item.rawg_metacritic ? (
=75?'var(--sage)':item.rawg_metacritic>=50?'var(--gold)':'var(--rose)'}}>
{item.rawg_metacritic} metacritic
) : item.rawg_rating && (
โ
{item.rawg_rating}
)}
Game
โน๏ธ details
{item.rawg_platforms?.length > 0 && (
{item.rawg_platforms.slice(0,4).map(p => (
{p}
))}
)}
{overview && <>{overview}
{item.mood && {item.mood}}
{(item.tags||[]).slice(0,2).map(t => {t})}
{item.createdBy && }
{expanded &&
{displayPhoto &&
);
}
// Nudge card (activities / places with nudgetext.com data) โ photo + neighborhood inline
if(hasNudge){
const n = item.nudge;
const openLink = (e)=>{ if(item.link){ e?.stopPropagation?.(); const a=document.createElement('a'); a.href=item.link; a.target='_blank'; a.rel='noopener noreferrer'; document.body.appendChild(a); a.click(); a.remove(); }};
const displayPhoto = item.photo || n.photo;
return (
}
)}
);
}
// Link-media card (recipes / articles with og_image, but no TMDB)
if(hasOg){
const ogPhoto = item.photo || item.og_image;
return (
setExpanded(!expanded)}>
110}/>
);
})()}
}
{item.text}
{n.neighborhood && ๐ {n.neighborhood}}
{n.rating && โ
{n.rating}{n.reviewCount?` (${n.reviewCount})`:''}}
{n.hours && ๐ {n.hours}}
{(() => {
const blurb = n.nudgeText || n.description || item.note || '';
if(!blurb) return null;
const isQuote = !!n.nudgeText;
return (
<>
{isQuote ? `"${blurb}"` : blurb}
{item.mood && {item.mood}}
{(item.tags||[]).slice(0,2).map(t => {t})}
{item.createdBy && }
{expanded && setExpanded(!expanded)}>
110 || !!secondary}/>
);
})()}
}
{item.text}
{item.link && {(() => { try{ return new URL(item.link).hostname.replace(/^www\./,''); }catch(e){ return 'link'; }})()}}
{(() => {
// Prefer user-written note; fall back to og_overview. Show both if meaningfully different.
const note = item.note;
const haveNote = !!note;
const haveOv = !!overview && !isSimilarText(overview, note);
if(!haveNote && !haveOv) return null;
const primary = haveNote ? note : overview;
const secondary = haveNote && haveOv ? overview : null;
return (
<>
{primary}
{(expanded||descMore) && secondary && {secondary}
}
{item.mood && {item.mood}}
{(item.tags||[]).slice(0,2).map(t => {t})}
{item.createdBy && }
{expanded &&
{displayPhoto &&
);
}
function StarRating({ item, catKey, me }){
if(!me) return null;
const ratings = item.ratings || {};
const names = Object.keys(ratings).filter(n => ratings[n]);
const myKey = me.toLowerCase();
const myVal = ratings[myKey] || 0;
const setMy = (v) => window.FT?.setRating?.(catKey, item.id, me, v === myVal ? 0 : v);
return (
);
}
function ItemReactions({ item, catKey, me }){
const reactions = item.reactions || {};
const activeEmojis = Object.keys(reactions).filter(e => reactions[e]?.length);
if(!activeEmojis.length) return null;
const toggle = (emoji) => { window.FT?.toggleItemReaction?.(catKey, item.id, emoji, me); };
return (
)}
{memories.length === 0 ? (
nothing here yet โ check something off and it'll land here
) : shown.length === 0 ? (
setDetailCtx({cat:m.cat, id:m.id})}/>)}
))}
setDetailCtx(null)}/>
);
}
function Memory({ m, onOpen }){
const poster = m.photo || m.tmdb_poster || m.tmdbPoster || m.poster;
const dt = m.completedAt ? new Date(m.completedAt) : null;
const dateStr = dt ? dt.toLocaleDateString('en', {weekday:'short', month:'short', day:'numeric'}) : 'โก';
const toggleFav = (e) => {
e.stopPropagation();
window.FT?.updateItem?.(m.cat, m.id, { favorite: !m.favorite });
};
return (
{poster && (
)}
)}
{item.comments?.length > 0 && (
)}
{/* Do it again โ clones to active list, keeps memory */}
{(() => {
const me = localStorage.getItem('ft-v2-me') || '';
const doItAgain = () => {
const extras = {};
// Copy portable fields (not status, ratings, comments, reactions, retrospective)
['note','link','tags','mood','moods','where','photo','og_image','og_title','og_overview','tmdb_id','tmdb_poster','tmdb_backdrop','tmdb_overview','tmdb_rating','tmdb_year','tmdb_type','rawg_id','rawg_slug','rawg_poster','rawg_backdrop','rawg_overview','rawg_rating','rawg_year','nudge'].forEach(k => {
if(item[k] != null) extras[k] = item[k];
});
// Mark skip flags so enrichers don't re-fetch
if(item.tmdb_id) extras.tmdb_skip = true;
if(item.rawg_id) extras.rawg_skip = true;
if(item.og_image) extras.og_skip = true;
window.FT?.addItem?.(ctx.cat, item.text, extras, me);
onClose();
setTimeout(() => window.FTAPP?.navigate?.('list', ctx.cat), 250);
};
return (
);
})()}
{/* Retrospective reflection */}
) : editingReflect || !item.retrospective ? (
}
);
}
return (
โ
}
setExpanded(!expanded)}>
110}/>
);
})()}
}
{item.text}
{n.neighborhood && ๐ {n.neighborhood}}
{n.rating && โ
{n.rating}{n.reviewCount?` (${n.reviewCount})`:''}}
{n.hours && ๐ {n.hours}}
{(() => {
const blurb = n.nudgeText || n.description || item.note || '';
if(!blurb) return null;
const isQuote = !!n.nudgeText;
return (
<>
{isQuote ? `"${blurb}"` : blurb}
{item.mood && {item.mood}}
{(item.tags||[]).slice(0,2).map(t => {t})}
{(n.tags||n.autoTags||[]).slice(0,3).map(t => {t})}
{item.createdBy && }
{expanded && setExpanded(!expanded)}>
}
{item.text}
{item.note && (
{item.note}
)}
{item.status && {item.status}}
{item.mood && {item.mood}}
{(item.tags||[]).slice(0,2).map(t => {t})}
{item.createdBy && }
{item.comments?.length > 0 && ๐ฌ {item.comments.length}}
{expanded && ratings
{[1,2,3,4,5].map(n => (
))}
{names.filter(n => n !== myKey).map(n => (
{n}:{'โ
'.repeat(ratings[n])}{'โ
'.repeat(5-ratings[n])}
))}
{activeEmojis.map(emoji => {
const users = reactions[emoji];
const mine = users.includes(me);
return (
);
})}
);
}
function ItemExpanded({ item, catKey, me }){
const metaBits = [];
if(item.where) metaBits.push({icon:'๐', text:item.where});
if(item.status) metaBits.push({icon:'โฑ', text:item.status});
if(item.done && item.completedBy && item.completedAt){
metaBits.push({icon:'โ', text:`${item.completedBy} ยท ${timeAgo(item.completedAt)}`});
} else if(item.createdAt){
metaBits.push({icon:'โ', text:`added ${timeAgo(item.createdAt)}${item.createdBy?' by '+item.createdBy:''}`, muted:true});
}
return (
{(() => {
// Skip showing note if it's the same as what the nudge/tmdb/rawg card already shows
if(!item.note) return null;
const n = item.nudge || {};
const competing = [n.description, n.nudgeText, item.tmdb_overview, item.rawg_overview, item.og_overview];
if(competing.some(t => isSimilarText(item.note, t))) return null;
return
{item.comments?.length > 0 && (
);
}
// ---------- MEMORIES ----------
function MemoriesScreen(){
const d = useData();
const [filter, setFilter] = useState('all'); // 'all' | 'favorites'
const [detailCtx, setDetailCtx] = useState(null); // {cat, id} | null
if(!d) return null;
const memories = [];
Object.entries(d).forEach(([k, cat]) => {
cat.items.filter(i => i.done).forEach(i => {
const ts = i.completedAt || i.lastDone || i.completedTs || 0;
memories.push({cat:k, catTitle:cat.title, emoji:cat.emoji, ...i, completedAt: ts});
});
});
memories.sort((a,b) => (b.completedAt||0) - (a.completedAt||0));
const favCount = memories.filter(m => m.favorite).length;
const shown = filter === 'favorites' ? memories.filter(m => m.favorite) : memories;
// group by month (undated items go into "earlier")
const groups = {};
shown.forEach(m => {
let key;
if(m.completedAt){
const dt = new Date(m.completedAt);
key = dt.toLocaleDateString('en', {month:'long', year:'numeric'});
} else {
key = 'earlier โก';
}
(groups[key] = groups[key] || []).push(m);
});
return (
{item.note}
;
})()}
{metaBits.length > 0 && (
{metaBits.map((b,i) => (
{b.icon}
{b.text}
))}
)}
{item.comments.map(c => {
const reactions = c.reactions || {};
const activeEmojis = Object.keys(reactions).filter(e => reactions[e]?.length);
const mine = c.by === me;
return (
)}
{c.by}
{c.text}
{activeEmojis.map(e => {
const iReacted = reactions[e].includes(me);
return (
);
})}
{['๐ฅฐ','โค๏ธ','๐ญ','๐','๐คฃ','โจ'].map(e => (
))}
{(() => {
const hasAnyImage = !!(item.photo || item.tmdb_poster || item.rawg_poster || item.og_image || item.nudge?.photo);
const lockedToTmdbRawg = !!(item.tmdb_poster || item.rawg_poster);
if(!hasAnyImage){
return ;
}
if(!lockedToTmdbRawg){
return ;
}
return null;
})()}
{(item.tmdb_type || ['movies','tv','shows'].includes(catKey)) && (
)}
{(item.where || item.nudge?.address || item.nudge?.neighborhood) && (
)}
{item.link && (
)}
Memories
things we did together โก
{memories.length > 0 && (
no favorites yet โ tap the โก on any memory to save it
) : Object.entries(groups).map(([month, items]) => (
{month} {items.length}
{items.map(m =>
{poster ? (
) : (
);
}
function MemoryDetailSheet({ ctx, onClose }){
const d = useData();
const [reflectText, setReflectText] = useState('');
const [editingReflect, setEditingReflect] = useState(false);
const item = ctx && d && d[ctx.cat] ? d[ctx.cat].items.find(i => i.id === ctx.id) : null;
const cat = ctx && d ? d[ctx.cat] : null;
useEffect(() => {
if(ctx){ setReflectText(''); setEditingReflect(false); }
}, [ctx]);
if(!ctx || !item) return null;
const dt = item.completedAt ? new Date(item.completedAt) : null;
const dateStr = dt ? dt.toLocaleDateString('en', {weekday:'long', month:'long', day:'numeric', year:'numeric'}) : 'date unknown';
const poster = item.photo || item.tmdb_poster || item.tmdbPoster || item.rawg_poster || item.og_image || item.nudge?.photo;
const ratings = item.ratings || {};
const ratedBy = Object.keys(ratings).filter(n => ratings[n]);
const saveReflection = () => {
const t = reflectText.trim();
if(!t) return;
window.FT?.updateItem?.(ctx.cat, ctx.id, { retrospective: t, retrospectiveAt: Date.now() });
setEditingReflect(false);
setReflectText('');
};
const clearReflection = () => {
window.FT?.updateItem?.(ctx.cat, ctx.id, { retrospective: null, retrospectiveAt: null });
};
return (
{m.emoji || 'โก'}
)}
{dateStr}
{m.text}
{m.note && {m.note}
}
{(m.completedBy || m.comments?.length) ? (
{m.completedBy && <>{m.completedBy} checked it off}
{m.comments?.length > 0 && ๐ฌ {m.comments.length}}
) : null}
{cat?.emoji} {(cat?.title||'').replace(/^[^\w]+\s*/,'')}
{item.favorite && ยท โฅ favorite}
โ {dateStr}{item.completedBy ? ` ยท ${item.completedBy} checked it off` : ''}
{item.note && {item.note}
}
{ratedBy.length > 0 && (
ratings
{ratedBy.map(n => (
{n}:{'โ
'.repeat(ratings[n])}{'โ
'.repeat(5-ratings[n])}
))}
comments
{item.comments.map(c => (
))}
{c.by}
{c.text}
โจ how was it?
{item.retrospective && !editingReflect ? (
"{item.retrospective}"
{item.retrospectiveAt && added {new Date(item.retrospectiveAt).toLocaleDateString('en',{month:'short',day:'numeric',year:'numeric'})}
}