@antelopejs/dms-marketing 0.6.1 → 0.7.0

package/frontend-vue/app/utils/website-purge.ts

@@ -0,0 +1,95 @@
+import type {
+  MarketingPurgeScope,
+  MarketingWebsiteDeletionImpact,
+  MarketingWebsitePurge,
+} from '../composables/useMarketingApi'
+import { formatNumber, formatShortDate } from './format'
+
+/** The `t` of useI18n, as far as these helpers call it. */
+type Translate = (
+  key: string,
+  named?: Record<string, unknown>,
+  plural?: number,
+) => string
+
+const PREFIX = 'page.marketing.websites.purge'
+
+/** One line of a confirmation's impact list. */
+interface ImpactLine {
+  icon: string
+  label: string
+  count?: string
+}
+
+/**
+ * The impact list of a purge confirmation: what its scope deletes, counted
+ * on every period, then what it keeps. The heatmaps scope deletes clicks,
+ * scroll depths and snapshots; the all scope deletes the traffic too.
+ */
+export function websitePurgeImpact(
+  scope: MarketingPurgeScope,
+  impact: MarketingWebsiteDeletionImpact,
+  t: Translate,
+  locale: string,
+): ImpactLine[] {
+  const count = (value: number) => formatNumber(value, locale)
+  const heatmaps: ImpactLine[] = [
+    {
+      icon: 'i-ph-cursor-click',
+      label: t(`${PREFIX}.heatmap_events`),
+      count: count(impact.heatmapEvents),
+    },
+    {
+      icon: 'i-ph-camera',
+      label: t('page.marketing.websites.delete.snapshots'),
+      count: count(impact.snapshots),
+    },
+  ]
+  if (scope === 'heatmaps') {
+    return [
+      ...heatmaps,
+      { icon: 'i-ph-check', label: t(`${PREFIX}.kept_traffic`) },
+    ]
+  }
+  // Every stored day goes, so the counts read "since the oldest one".
+  const since =
+    impact.since === null ? null : formatShortDate(impact.since, locale)
+  const sinceLabel = (key: 'sessions' | 'pageviews') =>
+    since === null
+      ? t(`page.marketing.websites.delete.${key}`)
+      : t(`page.marketing.websites.delete.${key}_since`, { date: since })
+  return [
+    {
+      icon: 'i-ph-users',
+      label: sinceLabel('sessions'),
+      count: count(impact.sessions),
+    },
+    {
+      icon: 'i-ph-eye',
+      label: sinceLabel('pageviews'),
+      count: count(impact.pageviews),
+    },
+    ...heatmaps,
+    { icon: 'i-ph-check', label: t(`${PREFIX}.kept`) },
+  ]
+}
+
+/** The result toast's line: what the purge deleted. */
+export function websitePurgeResult(
+  answer: MarketingWebsitePurge,
+  t: Translate,
+  locale: string,
+): string {
+  const { deleted } = answer
+  if (answer.scope === 'heatmaps') {
+    return t(`${PREFIX}.done_heatmaps_counts`, {
+      events: formatNumber(deleted.events, locale),
+      snapshots: formatNumber(deleted.snapshots, locale),
+    })
+  }
+  return t(`${PREFIX}.done_all_counts`, {
+    events: formatNumber(deleted.events, locale),
+    sessions: formatNumber(deleted.sessions, locale),
+    snapshots: formatNumber(deleted.snapshots, locale),
+  })
+}

package/frontend-vue/app/utils/website-settings.ts

@@ -0,0 +1,121 @@
+/**
+ * The website settings modal's draft: what it starts from, what saving it
+ * sends, and when it asks first. Pure, so the modal's rules are testable
+ * without it.
+ */
+
+import type {
+  MarketingWebsiteCard,
+  MarketingWebsitePatch,
+} from '../composables/useMarketingApi'
+import type { WebsiteSetting } from '../composables/useMarketingRoutes'
+import { asksBeforeSnapshotChange } from './snapshot-options'
+
+/** The modal's two tabs. */
+export type WebsiteSettingsTab = 'general' | 'danger'
+
+/** The fields of the General tab, as typed. */
+export interface WebsiteDraft {
+  name: string
+  domain: string
+  hosts: string[]
+  tracking: boolean
+  snapshots: boolean
+  mask: boolean
+}
+
+/** The fields the modal requires, in the order they are checked. */
+export type WebsiteRequiredField = 'domain' | 'name'
+
+/** The draft of a site, as it stands. */
+export function websiteDraftOf(card: MarketingWebsiteCard): WebsiteDraft {
+  return {
+    name: card.name,
+    domain: card.domain,
+    hosts: [...card.extraDomains],
+    tracking: card.state !== 'paused',
+    snapshots: card.snapshotsEnabled,
+    mask: card.snapshotMaskText,
+  }
+}
+
+/** What saving the draft sends: trimmed, empty hosts dropped. */
+export function websitePatchOf(draft: WebsiteDraft): MarketingWebsitePatch {
+  return {
+    name: draft.name.trim(),
+    domain: draft.domain.trim(),
+    extraDomains: draft.hosts.map((host) => host.trim()).filter(Boolean),
+    trackingEnabled: draft.tracking,
+    snapshotsEnabled: draft.snapshots,
+    snapshotMaskText: draft.mask,
+  }
+}
+
+/** The required fields left blank. */
+export function blankRequiredFields(
+  draft: Pick<WebsiteDraft, 'name' | 'domain'>,
+): WebsiteRequiredField[] {
+  return (['domain', 'name'] as const).filter((field) => !draft[field].trim())
+}
+
+/** Whether the draft differs from the site, for the unsaved-changes guard. */
+export function isWebsiteDraftDirty(
+  card: MarketingWebsiteCard,
+  draft: WebsiteDraft,
+): boolean {
+  return (
+    JSON.stringify(websitePatchOf(draft)) !==
+    JSON.stringify(websitePatchOf(websiteDraftOf(card)))
+  )
+}
+
+/**
+ * The banner's warning: turning snapshots off, or changing the mask, of a
+ * site holding some discards them.
+ */
+export function draftDiscardsSnapshots(
+  card: MarketingWebsiteCard,
+  draft: WebsiteDraft,
+): boolean {
+  return (
+    card.snapshots > 0 &&
+    (draft.snapshots !== card.snapshotsEnabled ||
+      draft.mask !== card.snapshotMaskText)
+  )
+}
+
+/** Whether saving the draft asks before its snapshot options change. */
+export function draftAsksBeforeSaving(
+  card: MarketingWebsiteCard,
+  draft: WebsiteDraft,
+): boolean {
+  return asksBeforeSnapshotChange(
+    card,
+    { snapshotsEnabled: draft.snapshots, snapshotMaskText: draft.mask },
+    card.snapshots,
+  )
+}
+
+/**
+ * A card's control that opens the modal on one setting (the snapshot pill)
+ * leaves it here; the modal it opens takes it once, for its own site. A link
+ * names it in the URL (`?setting=`) instead.
+ */
+const requested = new Map<string, WebsiteSetting>()
+
+export function requestWebsiteSetting(
+  websiteId: string,
+  setting: WebsiteSetting,
+): void {
+  requested.clear()
+  requested.set(websiteId, setting)
+}
+
+/** The setting asked for this site, forgotten once read. */
+export function takeWebsiteSetting(
+  websiteId: string,
+): WebsiteSetting | undefined {
+  const setting = requested.get(websiteId)
+  requested.clear()
+  return setting
+}

package/frontend-vue/app/utils/website-state.ts

@@ -0,0 +1,93 @@
+import type { ContextWebsite } from '../composables/useMarketingContext'
+import { formatRelativeTime, isJustNow } from './format'
+
+/**
+ * A website reads "live" while its last event is this recent: the backend's
+ * `live` only says the tag collected once, which a site quiet for hours still
+ * is.
+ */
+export const WEBSITE_LIVE_WINDOW_MS = 5 * 60 * 1000
+
+/** The state a website shows: `live` only while events are recent, `idle` after. */
+export type WebsiteDisplayState = ContextWebsite['state'] | 'idle'
+
+type WebsiteActivity = Pick<ContextWebsite, 'state' | 'lastActivityAt'>
+
+export const WEBSITE_STATE_DOTS: Record<WebsiteDisplayState, string> = {
+  live: 'bg-success',
+  idle: 'bg-(--ui-text-muted)',
+  imported: 'bg-info',
+  waiting: 'bg-warning',
+  paused: 'bg-(--ui-text-dimmed)',
+}
+
+export function websiteDisplayState(
+  site: WebsiteActivity,
+  now: number,
+): WebsiteDisplayState {
+  if (
+    site.state === 'live' &&
+    (site.lastActivityAt === null ||
+      now - site.lastActivityAt > WEBSITE_LIVE_WINDOW_MS)
+  ) {
+    return 'idle'
+  }
+  return site.state
+}
+
+type Translate = (key: string, named?: Record<string, unknown>) => string
+
+/** A state that tells the age of its last event, when there is one. */
+function showsActivity(state: WebsiteDisplayState): boolean {
+  return state === 'live' || state === 'idle' || state === 'imported'
+}
+
+/**
+ * The age of the last event: "2 minutes ago", "just now" under 5 seconds or
+ * when the server's clock runs ahead of the reader's.
+ */
+function eventAge(
+  at: number,
+  now: number,
+  t: Translate,
+  locale: string,
+  style?: Intl.RelativeTimeFormatStyle,
+): string {
+  return isJustNow(at, now)
+    ? t('page.marketing.context.just_now')
+    : formatRelativeTime(at, now, locale, style)
+}
+
+/** "Live · last event 2 minutes ago", "Last event 7 hours ago", "Paused"… */
+export function websiteStateLine(
+  site: WebsiteActivity,
+  now: number,
+  t: Translate,
+  locale: string,
+): string {
+  const state = websiteDisplayState(site, now)
+  if (showsActivity(state) && site.lastActivityAt) {
+    return t(`page.marketing.context.${state}`, {
+      ago: eventAge(site.lastActivityAt, now, t, locale),
+    })
+  }
+  return t(`page.marketing.context.state.${site.state}`)
+}
+
+/**
+ * The state line in a toolbar, beside its dot: the age of the last event
+ * ("2 min ago"), else the state in a word ("Waiting", "Paused"). The full
+ * line goes in its tooltip.
+ */
+export function websiteStateShort(
+  site: WebsiteActivity,
+  now: number,
+  t: Translate,
+  locale: string,
+): string {
+  const state = websiteDisplayState(site, now)
+  if (showsActivity(state) && site.lastActivityAt) {
+    return eventAge(site.lastActivityAt, now, t, locale, 'short')
+  }
+  return t(`page.marketing.context.state_short.${site.state}`)
+}

package/frontend-vue/app/utils/workspace-scope.ts

@@ -0,0 +1,51 @@
+import type { MarketingWorkspace } from '../composables/useMarketingApi'
+
+/**
+ * Whose dashboard the Pages & heatmaps view reads, for a platform owner on
+ * the dashboard's own website: `''` their own workspace (the default, and the
+ * only value anyone else ever has), `all` every workspace combined, or
+ * another workspace's id. Deep-linked as `?workspace=`, remembered per
+ * browser for the next visit.
+ */
+export const WORKSPACE_QUERY = 'workspace'
+export const ALL_WORKSPACES = 'all'
+
+const STORAGE_KEY = 'dms-marketing:heatmap-workspace'
+
+/** The scope a link or the last visit asks for, applied only when the
+ * selector offers it: anything else reads the viewer's own workspace. */
+export function effectiveWorkspace(
+  wanted: string | undefined,
+  options: MarketingWorkspace[],
+): string {
+  if (!wanted || options.length < 2) {
+    return ''
+  }
+  if (wanted === ALL_WORKSPACES) {
+    return ALL_WORKSPACES
+  }
+  const option = options.find((workspace) => workspace.id === wanted)
+  return option && !option.current ? option.id : ''
+}
+
+/** The last scope picked in this browser; `''` when none or unreadable. */
+export function rememberedWorkspace(): string {
+  try {
+    return globalThis.localStorage?.getItem(STORAGE_KEY) ?? ''
+  } catch {
+    return ''
+  }
+}
+
+/** Kept for the next visit; the own workspace clears it. */
+export function rememberWorkspace(workspace: string): void {
+  try {
+    if (workspace) {
+      globalThis.localStorage?.setItem(STORAGE_KEY, workspace)
+    } else {
+      globalThis.localStorage?.removeItem(STORAGE_KEY)
+    }
+  } catch {
+    // Storage blocked: the URL still carries the scope.
+  }
+}

package/frontend-vue/i18n/locales/marketing-en-GB.json

@@ -105,8 +105,8 @@
           "name": "Collection paused notice"
         },
         "context": {
-          "description": "Picks the website and the period every block of the page reads.",
-          "name": "Website and period bar"
+          "description": "Shows the page's blocks once a website is picked, or the first-run and install guides.",
+          "name": "Website gate"
         },
         "devices": {
           "description": "Sessions by device type.",
@@ -168,6 +168,10 @@
           "description": "Tracked pages with their click and scroll heatmaps.",
           "name": "Pages and heatmaps"
         },
+        "period": {
+          "description": "The period and comparison every block of the page reads.",
+          "name": "Period"
+        },
         "quality": {
           "description": "Bounce rate, average session duration and pages per session.",
           "name": "Session quality"
@@ -196,6 +200,10 @@
           "description": "The share of page loads recording clicks.",
           "name": "Sampling"
         },
+        "toolbar": {
+          "description": "The page toolbar: the website, Direct / Pause and the period every block of the page reads.",
+          "name": "Website and period bar"
+        },
         "tops": {
           "description": "Content, acquisition, audience and custom events.",
           "name": "Top lists"
@@ -232,13 +240,17 @@
           "description": "Sessions per day, or per hour over a single day.",
           "name": "Sessions over time"
         },
+        "website_picker": {
+          "description": "Picks the website every block of the page reads, with its tracking state.",
+          "name": "Website picker"
+        },
         "website_waiting": {
           "description": "Shown while the website has sent no pageview, with a link to the install guide.",
           "name": "First pageview notice"
         },
-        "websites_grid": {
-          "description": "The tracked websites and their settings.",
-          "name": "Websites"
+        "websites_table": {
+          "name": "Websites",
+          "description": "The tracked websites as cards, each opening its settings."
         }
       },
       "builder": {
@@ -332,7 +344,7 @@
         "window_max": "Max {max} h",
         "window_presets": {
           "1": "1 h",
-          "24": "Whole session"
+          "24": "24 h"
         },
         "step_matched_as": "Matched as {path}",
         "step_unseen": "No raw event matches it in the last 30 days: funnels count raw events, not the daily statistics beside"
@@ -376,40 +388,34 @@
       },
       "context": {
         "add_website": "Add a website",
-        "comparisons": {
-          "none": "No comparison",
-          "previous-period": "vs previous period",
-          "previous-year": "vs previous year"
-        },
         "error": {
           "description": "Tracking keeps running and nothing was lost. Try again in a moment.",
           "title": "Couldn't load your websites"
         },
         "idle": "Last event {ago}",
         "imported": "Imported history · last event {ago}",
+        "just_now": "just now",
         "label": "Website and period",
         "live": "Live · last event {ago}",
         "no_website": "No website yet",
-        "presets": {
-          "custom": "Custom",
-          "last-30-days": "30D",
-          "last-7-days": "7D",
-          "last-90-days": "90D",
-          "today": "Today"
-        },
         "range_cut": "Only the last {days} days of this range are shown.",
-        "refresh": "Refresh",
         "state": {
           "imported": "Imported history only",
           "live": "Live",
           "paused": "Tracking paused for this website",
           "waiting": "Waiting for the first event"
         },
+        "state_short": {
+          "imported": "Imported",
+          "live": "Live",
+          "paused": "Paused",
+          "waiting": "Waiting"
+        },
         "switch_error": "Couldn't switch to this website",
         "switch_website": "Switch website",
         "utc_days": "Statistics are counted per UTC day: each day shown here starts at {time} your time.",
-        "vs_previous": "vs previous period",
         "vs_previous_short": "vs previous",
+        "vs_previous_year_short": "vs previous year",
         "waiting_guide": {
           "action": "Open the install guide",
           "description": "Add the tracker to the site, then open one of its pages: the first figures show up here within a minute.",
@@ -427,6 +433,7 @@
         "xr": "XR headset"
       },
       "errors": {
+        "dashboard_website_kept": "This is the dashboard's own website: it cannot be deleted. Pause its tracking or purge its data instead.",
         "duplicate_host": "Another website of this workspace already declares this host.",
         "duplicate_host_named": "{site} already declares {host}: a host belongs to one website of the workspace.",
         "duplicate_experiment_key": "Another A/B test on this website already uses this key.",
@@ -451,7 +458,8 @@
         },
         "snapshot_retention_above_raw": "Snapshots can't be kept longer than raw events: they would outlive every click they back.",
         "statistics_retention_below_raw": "Statistics can't be kept shorter than raw events: funnels and A/B results would lose the sessions of their events.",
-        "website_not_found": "This website does not exist, or belongs to another workspace."
+        "website_not_found": "This website does not exist, or belongs to another workspace.",
+        "workspace_not_found": "This workspace does not exist, has no dashboard tracking, or is not yours to read."
       },
       "experiment": {
         "colours_note": "Arms keep their colour everywhere: A is neutral, B is the primary colour. Green and red only mean a verdict.",
@@ -724,6 +732,7 @@
         "coverage": {
           "period_title": "Funnels cover this period from {date} only",
           "previous_title": "No comparison with the previous period",
+          "previous_year_title": "No comparison with the previous year",
           "description": "Funnels are computed from raw events, kept from {date} on: earlier days count nothing, and a comparison window they don't cover is left out rather than shown as a huge change."
         }
       },
@@ -902,7 +911,6 @@
         },
         "list_truncated": "Only the first {count} pages are listed. Filter, or type a path, to find another.",
         "missing_hint": "Missing a page? Type its exact path above.",
-        "more_list": "More list actions",
         "most_clicked": "Most clicked",
         "most_clicked_empty": "No element anchored yet: clicks show on the page only.",
         "no_match": {
@@ -923,7 +931,12 @@
           "all_masked": "All text masked",
           "approximate_layout": "Showing the {layout} snapshot at {width}px",
           "approximate_layout_hint": "No visitor has been captured at this width yet, so the layout is reflowed. Clicks still land on their element.",
+          "captured_from": "from {url}",
+          "captured_from_hint": "The page the snapshot was taken on. Its query string and fragment are never kept: they can carry tokens or addresses.",
+          "drift": "{share} of clicks aim at elements missing from this snapshot",
+          "drift_hint": "The page may have changed since {date}. Those clicks are drawn where they fell on the page, not on their element. Resetting the page clears its clicks and snapshot and starts again from the current version.",
           "enable_snapshots": "Enable page snapshots",
+          "end_of_page": "End of page",
           "fields_masked": "Text visible, form fields masked",
           "layout": "Layout",
           "layout_desktop": "Desktop",
@@ -942,12 +955,15 @@
           "overflow_hint": "The snapshot lays out at {width}px. The overlay follows the document, so it stays aligned; the backdrop may be cut off.",
           "oversized": "Page too tall to preview accurately",
           "oversized_hint": "The document exceeds the largest surface that can be drawn, so the overlay and the backdrop no longer line up. The click figures are unaffected.",
+          "snapshot_settings": "Snapshot settings",
           "snapshots_enabled": "Page snapshots",
           "snapshots_off": "Page snapshots are off for this site",
           "snapshots_off_hint": "Clicks and scrolls are still counted, but the heatmap is only drawn over a snapshot of the page as visitors see it: its text and images are then stored, every form field masked, for the snapshot retention set in the module settings. Enable it if that fits this site's privacy commitments.",
           "status_line": "Snapshot captured {date} · {layout} {width}px",
+          "strip_details": "Why this warning",
           "too_heavy": "Page too heavy to capture",
-          "too_heavy_hint": "The last sampled visit serialised {size} MiB of HTML and CSS, past the {limit} MiB upload cap, so this page has no backdrop. The click and scroll figures above are unaffected. A visit retries daily: lighter markup — or a heavy section marked data-dms-marketing-block — brings it under the cap."
+          "too_heavy_hint": "The last sampled visit's capture came to {size} MiB to upload (compressed where the browser can), past the {limit} MiB cap, so this page has no backdrop. The click and scroll figures above are unaffected. A visit retries daily: lighter markup — or a heavy section marked data-dms-marketing-block — brings it under the cap, and the snapshotMaxBytes module option raises the cap.",
+          "workspace_masked": "Another workspace's page: all text masked"
         },
         "reset": {
           "and": "{first} and {second}",
@@ -962,13 +978,16 @@
           "page_description": "Deletes the clicks, scroll depths and snapshots of this page, whatever the period. Type its path to confirm.",
           "page_done": "Heatmap of the page reset",
           "page_title": "Reset the heatmap of this page?",
-          "site_button": "Reset every heatmap…",
-          "site_description": "Deletes every click, scroll depth and page snapshot of the website, whatever the period. Type the domain to confirm.",
-          "site_done": "Heatmaps of {name} reset",
-          "site_title": "Reset the heatmaps of {name}?",
           "snapshots": "{count} snapshot | {count} snapshots"
         },
         "row_clicks": "{count} click | {count} clicks",
+        "row_snapshot": {
+          "none": "No snapshot",
+          "none_title": "No snapshot yet: the next sampled visit captures one",
+          "title": "Snapshot captured {date} · {layouts} | Snapshots captured up to {date} · {layouts}",
+          "too_heavy": "Too heavy",
+          "too_heavy_title": "Page too heavy to capture (tried {date})"
+        },
         "row_views": "{count} view | {count} views",
         "sampled_unit": "sampled view | sampled views",
         "sampling_note": "Clicks and scrolls were recorded on {rate} of page loads over this period.",
@@ -1007,6 +1026,16 @@
           "description": "Pages and heatmaps appear once the tracker is on the site and a first page is loaded.",
           "title": "{website} hasn't received a visit yet"
         },
+        "workspace": {
+          "all": "All workspaces",
+          "all_hint": "{count} workspace combined | {count} workspaces combined",
+          "combined_note": "Combined across {count} workspace, read-only. Snapshots show with their text masked. | Combined across {count} workspaces, read-only. Snapshots show with their text masked.",
+          "label": "Workspace:",
+          "note_label": "About this view",
+          "other_note": "Another workspace's dashboard, read-only. Snapshots show with their text masked.",
+          "switch": "Change the workspace the heatmaps read",
+          "yours": "Your workspace"
+        },
         "quoted": "“{text}”"
       },
       "quick_actions": {
@@ -1069,13 +1098,17 @@
         },
         "column": {
           "domain": "Domain",
-          "name": "Name"
+          "name": "Name",
+          "tracking": "Tracking",
+          "snapshots": "Page snapshots",
+          "created": "Added"
         },
         "create": "Add a website",
         "delete": {
           "action": "Delete website…",
           "confirm": "Delete website",
           "description": "Everything tracked on this website goes, for every period. Type the domain to confirm.",
+          "dashboard_kept": "This is the dashboard's own website, which the module tracks itself: it cannot be deleted. Pause its tracking or purge its data instead.",
           "done": "{name} deleted",
           "funnels": "Funnels and their A/B tests",
           "impact_error": "Couldn't list what deleting this website would remove.",
@@ -1088,14 +1121,38 @@
           "snapshots": "Snapshots",
           "title": "Delete {name}?"
         },
+        "purge": {
+          "all_action": "Purge all data…",
+          "all_confirm": "Purge all data",
+          "all_description": "Everything collected on this website goes, for every period: pageviews, sessions, daily statistics, clicks, scroll depths, snapshots, A/B exposures and imported history. The website, its settings and its funnels stay; their results start again from zero. Type the domain to confirm.",
+          "all_done": "Data of {name} purged",
+          "all_hint": "Everything collected: traffic, sessions, heatmaps, A/B exposures and imported history.",
+          "all_title": "Purge all the data of {name}?",
+          "done_all_counts": "Deleted: {events} events, {sessions} sessions and {snapshots} snapshots.",
+          "done_heatmaps_counts": "Deleted: {events} clicks and scroll depths, and {snapshots} snapshots.",
+          "heatmap_events": "Clicks and scroll depths, all time",
+          "heatmaps_action": "Purge heatmaps…",
+          "heatmaps_confirm": "Purge heatmaps",
+          "heatmaps_description": "The clicks, scroll depths and snapshots of every page go, for every period: click counts drop to zero everywhere. Pageviews, sessions and funnels are kept. Type the domain to confirm.",
+          "heatmaps_done": "Heatmaps of {name} purged",
+          "heatmaps_hint": "Clicks, scroll depths and snapshots of every page. Traffic is kept.",
+          "heatmaps_title": "Purge the heatmaps of {name}?",
+          "kept": "The website, its settings, funnels and A/B tests are kept",
+          "kept_traffic": "Pageviews, sessions, funnels and A/B tests are kept",
+          "section": "Purge collected data",
+          "section_description": "The website keeps its settings, funnels and A/B tests; their results start again from zero."
+        },
         "description": "The sites sending data to this workspace, their tracker, and what is captured on each.",
-        "drawer": {
-          "added": "added {date}",
-          "capture": "Capture",
-          "close": "Close",
-          "danger": "Danger zone",
-          "eyebrow": "Website",
-          "general": "General"
+        "discard_confirm": {
+          "title": "Delete the site's snapshots?",
+          "description": "Changing this option deletes the site's snapshot. Clicks and scroll depth are kept; the next sampled visits capture the pages again. | Changing this option deletes the site's {count} snapshots. Clicks and scroll depth are kept; the next sampled visits capture the pages again.",
+          "description_unknown": "Changing this option deletes the site's existing snapshots. Clicks and scroll depth are kept; the next sampled visits capture the pages again.",
+          "confirm": "Change and delete",
+          "cancel": "Keep the snapshots",
+          "cancel_none": "Cancel",
+          "confirm_none": "Change",
+          "description_none": "The site holds no snapshot yet. The next sampled visits capture its pages under the new setting.",
+          "title_none": "Change the site's snapshot settings?"
         },
         "error": "Couldn't load the websites",
         "fields": {
@@ -1124,6 +1181,7 @@
         "save_error": "The website could not be saved.",
         "saved": "Website saved",
         "snapshots": "Page snapshots",
+        "snapshots_edit": "Page snapshot settings of {name}",
         "snapshots_masked": "On · text masked",
         "snapshots_off": "Off",
         "snapshots_on": "On · text visible",
@@ -1144,7 +1202,25 @@
         "edit_named": "Settings of {name}",
         "snippet_named": "Tracker snippet for {name}",
         "open_overview_named": "Open the {name} overview",
-        "finish_install_named": "Finish installing {name}"
+        "finish_install_named": "Finish installing {name}",
+        "search": "Search websites",
+        "menu_named": "Actions for {name}",
+        "edit": "Settings",
+        "no_match": "No website matches these filters.",
+        "count": "{count} website | {count} websites",
+        "modal": {
+          "title": "Website settings",
+          "general": "General",
+          "danger": "Danger zone",
+          "added": "added {date}"
+        },
+        "create_modal": {
+          "title": "Add a website",
+          "description": "Name the site and its domain; the install guide then gives you the tag to paste."
+        }
+      },
+      "live": {
+        "new_events": "{count} new event | {count} new events"
       }
     }
   }