Skip to content

Bookmark pane: render enrichment (summary, tags, hero image) #71

@melvincarvalho

Description

@melvincarvalho

Follow-up to #69. The reference bookmark pane (examples/panes/bookmark.js) currently renders only the core fields (title, host, link, saved date). This enhances it to display optional enrichment when present on the resource, and degrade cleanly when absent.

Enrichment fields (schema.org, reused — not invented)

  • dc:description — a readable summary. Rendered as paragraphs (split on blank lines), with the first paragraph emphasized as a lead.
  • schema:keywords — topic tags, rendered as pills.
  • schema:image — a hero thumbnail.
  • schema:datePublished — shown in the footer alongside the saved date.

Card

Reworked into one cohesive editorial card: refined border/shadow, larger title with hover, a divider rule above the summary, comfortable reading typography, tag pills, and a polished Open button with hover/press states — all via a scoped <style> block the pane injects.

Degrades gracefully

A bookmark with only the core fields renders the same clean card minus the enrichment blocks (verified against an un-enriched resource).

Why

This is what turns a bookmark from a pointer into a captured, readable artifact — and the enrichment is structured linked data, so it's a foundation for search later (scan dc:description + schema:keywords across /public/bookmark/). The enrichment itself (fetch + summarize) is done out-of-band via MCP; this issue is just the view.

Note

Reference pane only — not loaded at runtime, so no version bump required to land.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions