New encounter

{can("write") ? (

{ e.preventDefault(); if (doc.name && doc.memory) submit(); }}> merge({ name: e.target.value })} /> merge({ location: e.target.value })} />

merge({ memory: e.target.value })} />
              <div className="flex justify-end">
                <button type="button" className={c.btnGhost} onClick={sparkMemory} disabled={sparking}>
                  {sparking ? (
                    <svg className="animate-spin inline w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><circle cx="12" cy="12" r="9" strokeDasharray="40 20"/></svg>
                  ) : "✦ spark a memory"}
                </button>
              </div>
              <button type="submit" className={c.btn}>Keep this one</button>
            </form>
          ) : (
            <p className="text-[#a08770] italic">Read-only view — this journal belongs to someone else.</p>
          )}
        </section>
        <section id="entries-feed" className={c.section}>
          <h2 className={c.h2}>Paths crossed</h2>
          {entries.length === 0 ? (
            <p className={c.empty}>No encounters yet. The road awaits.</p>
          ) : (
            <ul className="space-y-0">
              {entries.map((e) => (
                <li key={e._id} className={c.entry}>
                  <div className={c.entryName}>{e.name}</div>
                  <div className={c.entryLoc}>{e.location} · {new Date(e.createdAt).toLocaleDateString()}</div>
                  <p className={c.entryMem}>{e.memory}</p>
                  {can("write") && (
                    <button className={c.delBtn} onClick={() => database.del(e._id)}>forget this one</button>
                  )}
                </li>
              ))}
            </ul>
          )}
        </section>
      </main>
    </div>
  );
}</article></body></html>