open-design/prompt-templates/image/notion-team-dashboard-live-artifact.preview.png
Joey-nexu 7ce4eb4e82
feat(prompt-templates): add Notion-style team dashboard (Live Artifact) (#799)
* feat(prompt-templates): add Notion-style team dashboard (Live Artifact)

Adds a single image prompt template under the Live Artifact category — a
Notion-native team dashboard mockup with KPI grid, 7-day sparkline,
activity feed, and linked-database task table.

This is the first prompt template to use the curated Live Artifact
category, whose de/fr/ru localization slots were already reserved in
apps/web/src/i18n/content{,.fr,.ru}.ts. Only the new tag 'live-artifact'
is added to each locale's PROMPT_TEMPLATE_TAGS map (+1 line each) so the
arrayContaining check in e2e/tests/localized-content.test.ts continues
to pass.

Template-level only: no new surface, no loader changes, no schema or
TypeScript type changes.

* fix(prompt-templates,i18n): register 'Live Artifact' category and template ID fallback for de/fr/ru

CI's e2e/localized-content.test.ts enumerates LOCALIZED_CONTENT_IDS from
apps/web/src/i18n/content.ts and asserts:

  - ids.promptTemplates              ===   sorted(all template ids in prompt-templates/)
  - ids.promptTemplateCategories     ⊇     all categories actually used by templates
  - ids.promptTemplateTags           ⊇     all tags actually used by templates

The new notion-team-dashboard-live-artifact template introduced both
the first 'Live Artifact' category and the first prompt-template id
without a copy translation, so each locale needs:

- 'Live Artifact' added to *_PROMPT_TEMPLATE_CATEGORIES (currently
  consumed via arrayContaining; order doesn't matter)
- 'notion-team-dashboard-live-artifact' listed in
  *_PROMPT_TEMPLATE_IDS_WITH_EN_FALLBACK so it joins ids.prommplates
  via the EN-fallback path (no per-locale title/summary copy needed)

The 'live-artifact' tag was already added to *_PROMPT_TEMPLATE_TAGS in
the previous commit on this branch.

3 files changed, +6 / -3.

* fix(i18n): register Live Artifact category + template id fallback (CI repair on #799)

* fix(i18n): register Live Artifact category + template id fallback (CI repair on #799)

* fix(i18n): register Live Artifact category + template id fallback (CI repair on #799)

* fix(prompt-templates): scrub live/connector affordances from notion-team-dashboard prompt (#799 review)

Reviewers (mrcfps, lefarcen) flagged that even with the amber "Sample
data — design preview" banner and the "(sample data)" footer, the inner
prompt blob still asked the model to render UI affordances claiming a
real Notion / Composio connector binding ("Live · synced" pill, "Last
refreshed just now", "Refresh from Notion" blue button, callout saying
numbers are "pulled from your {workspace} Notion workspace via the
Composio connector"). That contradicts the prompt-only contract and
reintroduces the #778 mock-honesty concern.

Rewrite the prompt blob so every UI element is consistently presented
as seeded sample data:

- topbar.preview_pill (was live_pill):ample · design preview' pill
  with explicit negative instruction no to render any live/sync pill
- page_header.meta_row: drop 'Last refreshed', 'Auto' toggle, and the
  'Refresh from Notion' blue button; explicit DO NOT instructions
- callout: 'prompt-only design preview ... seeded sample data ... not
  pulled from a real Notion workspace and not refreshed via the
  Composio connector. For real refreshable / connector-backed Live
  Artifacts, use the live-artifact skill.' Also removes the bare
  '{workspace}' placeholder that was not using {argument ...} syntax
  (P2 nit from lefarcen).
- activity_feed_card.subtitle: 'Notion-style seeded activity for
  design preview' (was 'From Notion')
- linked_database.title/subtitle: marked '(sample)' / 'seeded sample
  rows · no live connector binding'
- linked_database.row_styles: explicit negative instruction not to
  render an 'Updated ↻' refresh badge
- footer: 'Notion-style sample data · seeded design preview, not bound
  to any Notion workspace or Composio connector'
- honesty_rule: enumerates all live/sync/refresh affordanche
  generator must NOT render

Top-level metadata (id, title, summary, category, tags, model, aspect,
previewImageUrl, source) is unchanged. Preview PNG already shows the
amber banner and a layout without a Refresh button, so it matches the
new in-prompt language.

* fix(prompt-templates): scrub live/connector affordances from notion-team-dashboard prompt (#799 review)

Reviewers (mrcfps, lefarcen) flagged that even with the amber "Sample data — design preview" banner and the "(sample data)" footer, the inner prompt blob still asked the model to render UI affordances claiming a real Notion / Composio connector binding ("Live · synced" pill, "Last refreshed just now", "Refresh from Notion" blue button, callout saying numbers are "pulled from your {workspace} Notion workspace via the Composio connector"). That contradicts the prompt-only contract and reintroduces the #778 mock-honesty concern.

Rewrite the prompt blob so every UI element is consistently presented as seeded sample data:

- topbar.preview_pill (was live_pill): 'Sample · design preview' pill with explicit negative instruction not to render any live/sync pill.
- page_header.meta_row: drop 'Last refreshed', 'Auto' toggle, and the 'Refresh from Notion' blue button; explicit DO NOT instructions for all three.
- callout: 'prompt-only design preview ... seeded sample data ... not pulled from a real Notion workspace and not refreshed via the Composio connector. For real refreshable / connector-backed Live Artifacts, use the live-artifact skill.' Also removes the bare '{workspace}' placeholder that was not using {argument ...} syntax (P2 nit from lefarcen).
- activity_feed_card.subtitle: 'Notion-style seeded activity for design preview' (was 'From Notion').
- linked_database.title/subtitle: marked '(sample)' / 'seeded sample rows · no live connector binding'.
- linked_database.row_styles: explicit negative instruction not to render an 'Updated ↻' refresh badge.
- footer: 'Notion-style sample data · seeded design preview, not bound to any Notion workspace or Composio connector'.
- honesty_rule: enumerates all live/sync/refresh affordances the generator must NOT render.

Top-level metadata (id, title, summary, category, tags, model, aspect, previewImageUrl, source) is unchanged. Preview PNG already shows the amber banner and a layout without a Refresh button, so it matches the new in-prompt language.

* fix(prompt-templates): scrub live/connector affordances from notion-team-dashboard prompt (#799 review)

Reviewers (mrcfps, lefarcen) flagged that even with the amber "Sample data — design preview" banner and the "(sample data)" footer, the inner prompt blob still asked the model to render UI affordances claiming a real Notion / Composio connector binding ("Live · synced" pill, "Last refreshed just now", "Refresh from Notion" blue button, callout saying numbers are "pulled from your {workspace} Notion workspace via the Composio connector"). That contradicts the prompt-only contract and reintroduces the #778 mock-honesty concern.

Rewrite the prompt blob so every UI element is consistently presented as seeded sample data:

- topbar.preview_pill (was live_pill): 'Sample · design preview' pill with explicit negative instruction not to render any live/sync pill.
- page_header.meta_row: drop 'Last refreshed', 'Auto' toggle, and the 'Refresh from Notion' blue button; explicit DO NOT instructions for all three.
- callout: 'prompt-only design preview ... seeded sample data ... not pulled from a real Notion workspace and not refreshed via the Composio connector. For real refreshable / connector-backed Live Artifacts, use the live-artifact skill.' Also removes the bare '{workspace}' placeholder that was not using {argument ...} syntax (P2 nit from lefarcen).
- activity_feed_card.subtitle: 'Notion-style seeded activity for design preview' (was 'From Notion').
- linked_database.title/subtitle: marked '(sample)' / 'seeded sample rows · no live connector binding'.
- linked_database.row_styles: explicit negative instruction not to render an 'Updated ↻' refresh badge.
- footer: 'Notion-style sample data · seeded design preview, not bound to any Notion workspace or Composio connector'.
- honesty_rule: enumerates all live/sync/refresh affordances the generator must NOT render.

Top-level metadata (id, title, summary, category, tags, model, aspect, previewImageUrl, source) is unchanged. Preview PNG already shows the amber banner and a layout without a Refresh button, so it matches the new in-prompt language.

---------

Co-authored-by: joeylee12629-star <joeylee12629-star@users.noreply.github.com>
2026-05-07 19:42:09 +08:00

83 KiB
616x979px