wiki-formant 0.98.1 → 0.100.0

package/README.md

@@ -8,6 +8,8 @@ The editor, history, sanitiser, chart and passkey modules bring their libraries
 npm install wiki-formant
 ```
 
+An agent can start a wiki for you, hosted on miow.me or in your own app, with the skill in `skills/wiki-formant`: `npx skills add tutmoses/wiki-formant`.
+
 What stays the app's: its design system, its block types beyond the core, its connection, cache and auth. Everything else here is shared.
 
 ## API
@@ -601,6 +603,7 @@ const safe = mapBlockTree(blocks, b => sanitizeCoreLeaf(b, clean), BLOCK_SHAPE);
 - The default list is what `wiki-formant/tiptap`'s nodes store plus a presentational SVG subset. Extend `tags`, `attributes`, `classes` and `schemesByTag` from your stored HTML, never from memory.
 - A YouTube iframe comes out as the `YouTube` node's markup, whoever wrote it, and `base.css` draws it as a 16:9 player.
 - Classes pass by name only, since a site's own utilities can draw over the chrome.
+- `sanitizeLine(html, { links })` cleans what a `WikiLine` stores: its marks and `wikiTextStyle`'s spans. `sanitizeCoreLeaf` runs it over the core leaves' one-line fields (a figure, a quote and who said it, the events' and places' headings, a place's name), which `block-views` draws as HTML.
 
 ## Image uploads
 
@@ -665,7 +668,7 @@ const url = useUrlPrompt(editor, { resolveMapUrl });
 
 - `WikiToolbar` shows each command the editor's extensions support (`supports`) and nothing else, in fixed groups, with the table controls while the cursor is in a table.
 - `useUrlPrompt` is the link and embed field: it opens on the current link, unlinks on an emptied one, and closes when its editor changes.
-- `WikiLine` is a one-line field with its own `marks`, undo and `onFocus`, so one toolbar can drive the field last touched.
+- `WikiLine` is a one-line field with its own `marks`, undo and `onFocus`, so one toolbar can drive the field last touched. Its `style` mark is `wikiTextStyle`: a font, colour and size on a run of words, which an article editor takes through `nodes` and an app's own controls set with `setTextStyle`.
 - A link is stored as its `href` and the `link` class only; whether it is external is decided at render by `articleHtml`'s `links` pass. `uploadImageTo('/api/upload')` is the `uploadImage` an editor passes.
 
 ## Block editor

package/dist/analytics.d.ts

@@ -78,10 +78,18 @@ export interface DigestOptions {
     ownAgents?: string[];
     /**
      * Narrows every figure to the visits that pass, and the events to their
-     * visitors. `ViewDay` keeps no visits, so a narrowed digest leaves it out
-     * and starts at `counted_from`, and has no `previous_visitors`.
+     * visitors; an agent passes as `AGENT_TEST` has it. `ViewDay` keeps no
+     * visits, so a narrowed digest leaves it out and starts at `counted_from`,
+     * and has no `previous_visitors`.
      */
     filter?: StatsFilter;
+    /**
+     * People and agents counted apart, as they are by default: the ranked lists
+     * count people. False counts agents in the pages, entry pages, sources,
+     * countries and devices too, as `visitors_incl_agents` counts them, so a
+     * stats page's lists add up to the visitors its chart draws.
+     */
+    apart?: boolean;
 }
 type Ranked<K extends string, M extends string> = Array<Record<K, string> & Record<M, number>>;
 /** One UTC day of the figures a digest totals; a visit falls on the day it began. */
@@ -160,7 +168,7 @@ export interface Digest {
  * The window before is the same chain of views, visits and events a second
  * time, `_p` on every name, so its figures are the headline's to the letter.
  */
-export declare function digest(sql: Sql, { site, days, handle, siblings, gaps, ownAgents, filter }: DigestOptions): Promise<Digest>;
+export declare function digest(sql: Sql, { site, days, handle, siblings, gaps, ownAgents, filter, apart }: DigestOptions): Promise<Digest>;
 /**
  * Props for an "MCP Call" event, read out of the JSON-RPC envelope.
  *

package/dist/analytics.js

@@ -109,7 +109,9 @@ export function recordEvent(sql, { name, props = {}, url, headers, site = '' })
         let path = null;
         if (url)
             path = normalisePath(new URL(url, 'http://x').pathname);
-        return sql('INSERT INTO "Event" ("siteId", name, path, props, visitor) VALUES ($1, $2, $3, $4::jsonb, $5)', site, name.slice(0, 64), path, JSON.stringify(props), headers?.get('user-agent') ? await visitorOf(sql, site, headers) : null);
+        // An agent's country is where its requests came from, so the stats page's countries can count it.
+        const country = headers?.get('x-vercel-ip-country')?.slice(0, 2);
+        return sql('INSERT INTO "Event" ("siteId", name, path, props, visitor) VALUES ($1, $2, $3, $4::jsonb, $5)', site, name.slice(0, 64), path, JSON.stringify(country ? { ...props, country } : props), headers?.get('user-agent') ? await visitorOf(sql, site, headers) : null);
     });
 }
 /** A browser-sent event's props: eight at most, each value a short string or a number. */
@@ -166,6 +168,21 @@ const VISIT_TEST = {
     country: v => `bool_or(country = ${v})`,
     device: v => `bool_or(device = ${v})`,
 };
+/** An agent's source and device in the lists, which no request of its carries. */
+const AGENT_SOURCE = '(agent)';
+const AGENT_DEVICE = 'agent';
+/**
+ * Each filter as a test on one agent: its reads in the window are its visit,
+ * the first its entry page. Its source and device are the two above, and its
+ * country the one its requests came from, where they were counted with one.
+ */
+const AGENT_TEST = {
+    page: v => `bool_or(path = ${v})`,
+    entry: v => `(array_agg(path ORDER BY at))[1] = ${v}`,
+    source: v => `${v} = '${AGENT_SOURCE}'`,
+    country: v => `bool_or(country = ${v})`,
+    device: v => `${v} = '${AGENT_DEVICE}'`,
+};
 /**
  * An agent's name from its event: the roster's label, else what its user agent
  * calls itself, `compatible; X` or the first product token.
@@ -180,7 +197,7 @@ const AGENT_NAME = `coalesce(props->>'bot', substring(props->>'ua' from 'compati
  * The window before is the same chain of views, visits and events a second
  * time, `_p` on every name, so its figures are the headline's to the letter.
  */
-export async function digest(sql, { site = '', days, handle, siblings = [], gaps = [SEARCH_GAPS], ownAgents = ['-mcp-test', 'radix-studio'], filter = {} }) {
+export async function digest(sql, { site = '', days, handle, siblings = [], gaps = [SEARCH_GAPS], ownAgents = ['-mcp-test', 'radix-studio'], filter = {}, apart = true }) {
     // The window is the database's clock, which stamped the rows; the app's can run behind it.
     // All time is a century: further back than any row, and still an int to Postgres.
     const values = [site, Number.isFinite(days) ? Math.max(1, Math.round(days)) : 36_500];
@@ -191,6 +208,9 @@ export async function digest(sql, { site = '', days, handle, siblings = [], gaps
     /** Clicks on links to the site's own X account, among `e`. */
     const follows = handle && `name = 'Outbound Link: Click' AND props->>'url' ILIKE ANY(${$([`%x.com/${handle}%`, `%twitter.com/${handle}%`])}::text[])`;
     const tests = STATS_FILTERS.flatMap(k => (filter[k] ? [VISIT_TEST[k]($(filter[k]))] : []));
+    const agentTests = STATS_FILTERS.flatMap(k => (filter[k] ? [AGENT_TEST[k]($(filter[k]))] : []));
+    /** Agents among the rows of a ranked list, unless they are counted apart. */
+    const agentsToo = (select) => (apart ? '' : ` UNION ALL ${select}`);
     const day = (at) => `to_char(${at} AT TIME ZONE 'UTC', 'YYYY-MM-DD')`;
     /** The site's own agents, as a test on an event's user agent. */
     const ours = `coalesce(props->>'ua', '') ILIKE ANY(${$(ownAgents.map(a => `%${a}%`))}::text[])`;
@@ -220,16 +240,20 @@ export async function digest(sql, { site = '', days, handle, siblings = [], gaps
       FROM numbered${s} GROUP BY visitor, visit${tests.length ? ` HAVING ${tests.join(' AND ')}` : ''}
     ), v${s} AS (
       ${tests.length ? `SELECT n.id, n.path, n.source, n.country, n.device, n.visitor, n.at FROM numbered${s} n JOIN visits${s} USING (visitor, visit)` : `SELECT * FROM viewed${s}`}
+    ), read${s} AS (
+      SELECT visitor, "createdAt" AS at, path, props->>'country' AS country, ${AGENT_NAME} AS agent FROM "Event"
+      WHERE "siteId" = $1 AND ${at} AND name IN ('AI Bot Visit', 'MCP Call') AND visitor IS NOT NULL AND NOT ${ours}
+    ), ag${s} AS (
+      SELECT * FROM read${s}${agentTests.length ? ` WHERE visitor IN (SELECT visitor FROM read${s} GROUP BY 1 HAVING ${agentTests.join(' AND ')})` : ''}
     ), e${s} AS (
       SELECT name, props, visitor, "createdAt" AS at FROM "Event" WHERE "siteId" = $1 AND ${at}
-      ${tests.length ? `AND visitor IN (SELECT visitor FROM v${s})` : ''}
+      ${tests.length ? `AND (visitor IN (SELECT visitor FROM v${s}) OR visitor IN (SELECT visitor FROM ag${s}))` : ''}
+    ), acted${s} AS MATERIALIZED (
+      SELECT visitor, at FROM e${s} WHERE name NOT IN ('AI Bot Visit', 'MCP Call') AND visitor IS NOT NULL
     ), bounced${s} AS (
+      -- Against the few reader events alone: probing every agent event once per visit took seconds.
       SELECT * FROM visits${s} b WHERE views = 1 AND NOT EXISTS (
-        SELECT 1 FROM e${s} x WHERE x.visitor = b.visitor AND x.name NOT IN ('AI Bot Visit', 'MCP Call')
-        AND x.at >= b.at AND x.at < b.at + interval '30 minutes')
-    ), ag${s} AS (
-      SELECT visitor, at, ${AGENT_NAME} AS agent FROM e${s}
-      WHERE name IN ('AI Bot Visit', 'MCP Call') AND visitor IS NOT NULL AND NOT ${ours}
+        SELECT 1 FROM acted${s} x WHERE x.visitor = b.visitor AND x.at >= b.at AND x.at < b.at + interval '30 minutes')
     ), a${s} AS (
       SELECT * FROM "ViewDay" WHERE "siteId" = $1 AND day >= ${dayAgo(back + 1)}${back ? ` AND day < ${dayAgo(back)}` : ''}${tests.length ? ' AND false' : ''}
     ), sessions${s} AS (
@@ -250,19 +274,19 @@ export async function digest(sql, { site = '', days, handle, siblings = [], gaps
       'visitors_incl_agents', (SELECT count(DISTINCT visitor) FROM (SELECT visitor FROM v${s} UNION SELECT visitor FROM ag${s}) u) + (SELECT visitors FROM archived${s})`;
     const [row] = (await sql(`WITH ${chain('', 0)}, ${chain('_p', 1)}, src AS (
       SELECT coalesce(source, '(none)') AS source, count(DISTINCT visitor) AS visitors FROM visits GROUP BY 1
-      UNION ALL SELECT key, value::int FROM a, jsonb_each_text(a.sources)
+      UNION ALL SELECT key, value::int FROM a, jsonb_each_text(a.sources)${agentsToo(`SELECT '${AGENT_SOURCE}', count(DISTINCT visitor) FROM ag HAVING count(*) > 0`)}
     )
     SELECT json_build_object(
       ${headline('')},
       'previous', json_build_object(${headline('_p')}, 'follow_clicks', ${follows ? `(SELECT count(*) FROM e_p WHERE ${follows})` : 'NULL'}),
       'counted_from', (SELECT ${day('min("createdAt")')} FROM "View" WHERE "siteId" = $1),
       'top_sources', ${list('SELECT source, sum(visitors) AS visitors FROM src GROUP BY 1', 6)},
-      'top_pages', ${list(merged('page', 'pages', 'SELECT path, count(DISTINCT visitor) FROM v GROUP BY 1'), 6)},
-      'entry_pages', ${list(merged('page', 'entryPages', 'SELECT entry, count(DISTINCT visitor) FROM visits GROUP BY 1'), 6)},
+      'top_pages', ${list(merged('page', 'pages', `SELECT path, count(DISTINCT visitor) FROM v GROUP BY 1${agentsToo('SELECT path, count(DISTINCT visitor) FROM ag WHERE path IS NOT NULL GROUP BY 1')}`), 6)},
+      'entry_pages', ${list(merged('page', 'entryPages', `SELECT entry, count(DISTINCT visitor) FROM visits GROUP BY 1${agentsToo('SELECT entry, count(*) FROM (SELECT (array_agg(path ORDER BY at))[1] AS entry FROM ag GROUP BY visitor) f WHERE entry IS NOT NULL GROUP BY 1')}`), 6)},
       'from_posts', ${list(`SELECT entry AS page, count(DISTINCT visitor) AS visitors FROM visits WHERE source = 'x' GROUP BY 1`, 15)},
       'sibling_referrals', ${list(`SELECT source, sum(visitors) AS visitors FROM src WHERE source = ANY(${$(siblings)}::text[]) GROUP BY 1`, 6)},
-      'countries', ${list(merged('country', 'countries', 'SELECT country, count(DISTINCT visitor) FROM v WHERE country IS NOT NULL GROUP BY 1'), 10)},
-      'devices', ${list(merged('device', 'devices', 'SELECT device, count(DISTINCT visitor) FROM v GROUP BY 1'))},
+      'countries', ${list(merged('country', 'countries', `SELECT country, count(DISTINCT visitor) FROM v WHERE country IS NOT NULL GROUP BY 1${agentsToo('SELECT country, count(DISTINCT visitor) FROM ag WHERE country IS NOT NULL GROUP BY 1')}`), 10)},
+      'devices', ${list(merged('device', 'devices', `SELECT device, count(DISTINCT visitor) FROM v GROUP BY 1${agentsToo(`SELECT '${AGENT_DEVICE}', count(DISTINCT visitor) FROM ag HAVING count(*) > 0`)}`))},
       'by_day', ${list(`SELECT date, sum(visitors) AS visitors, sum(pageviews) AS pageviews, sum(visits) AS visits, sum(bounces) AS bounces,
           sum(seconds) AS seconds, sum(agents) AS agents, sum(everyone) AS visitors_incl_agents, sum(follows) AS follow_clicks FROM (
           SELECT ${day('at')}, count(DISTINCT visitor), count(*), 0, 0, 0, 0, 0, 0 FROM v GROUP BY 1

package/dist/block-views.js

@@ -23,7 +23,9 @@ import { clock, DEFAULT_ZONE, hoursRows, mapEmbed, mapHref, openState } from './
 import { Anchor } from './react-server.js';
 import { safeLinkHref } from './validation.js';
 import { cx } from './html.js';
-import { BANNER_LABELS, BANNER_MESSAGES, bannerVariant } from './text.js';
+import { BANNER_LABELS, BANNER_MESSAGES, bannerVariant, plainText } from './text.js';
+/** A one-line field as the HTML it holds, cleaned by `sanitizeCoreLeaf` (`sanitizeLine`) on its way here. */
+const line = (html) => ({ dangerouslySetInnerHTML: { __html: html } });
 /**
  * Tabbed code samples. Every tab's body stays mounted and the inactive ones are
  * hidden rather than unmounted: remounting a highlighted panel would re-run
@@ -115,14 +117,14 @@ export function StatsView({ items, columns = 4, }) {
     const rows = items ?? [];
     if (!rows.length)
         return null;
-    return (_jsx("div", { className: cx('stat-grid', `stat-grid-${columns}`), children: rows.map((item, i) => (_jsxs("div", { className: "stat-card", children: [_jsxs("span", { className: "stat-value", children: [item.value, item.suffix && _jsx("span", { className: "stat-suffix", children: item.suffix })] }), _jsx("span", { className: "stat-label", children: item.label })] }, item.id ?? i))) }));
+    return (_jsx("div", { className: cx('stat-grid', `stat-grid-${columns}`), children: rows.map((item, i) => (_jsxs("div", { className: "stat-card", children: [_jsxs("span", { className: "stat-value", children: [_jsx("span", { ...line(String(item.value)) }), item.suffix && _jsx("span", { className: "stat-suffix", children: item.suffix })] }), _jsx("span", { className: "stat-label", ...line(item.label) })] }, item.id ?? i))) }));
 }
 /** Someone's words over who said them, with their photo when there is one. */
 export function TestimonialView({ quote, author, role, avatarUrl, photo }) {
     if (!quote.trim())
         return null;
     const src = avatarUrl && safeLinkHref(avatarUrl);
-    return (_jsxs("figure", { className: "testimonial", children: [_jsx("blockquote", { children: quote }), _jsxs("figcaption", { children: [src && _jsx("img", { src: src, ...photo, alt: "", loading: "lazy" }), _jsxs("span", { children: [_jsx("strong", { children: author }), role && _jsx("small", { children: role })] })] })] }));
+    return (_jsxs("figure", { className: "testimonial", children: [_jsx("blockquote", { ...line(quote) }), _jsxs("figcaption", { children: [src && _jsx("img", { src: src, ...photo, alt: "", loading: "lazy" }), _jsxs("span", { children: [_jsx("strong", { ...line(author) }), role && _jsx("small", { ...line(role) })] })] })] }));
 }
 // ---- events -----------------------------------------------------------------
 const still = () => () => { };
@@ -140,7 +142,7 @@ export function EventsView({ items, upcoming, past, day }) {
     return (_jsx("section", { className: "events", children: [
             [upcoming || 'Upcoming', split.upcoming],
             [past || 'Past', split.past],
-        ].map(([heading, rows], ended) => rows.length ? (_jsxs(Fragment, { children: [_jsx("h2", { children: heading }), _jsx("ol", { className: "event-list", children: rows.map((e, i) => (_jsxs("li", { children: [_jsx("time", { dateTime: e.date, children: eventWhen(e) }), _jsxs("span", { children: [_jsx("span", { dangerouslySetInnerHTML: { __html: e.text } }), !ended && eventBegun(e, now) && _jsx("small", { className: "event-now", children: "Now on" })] })] }, e.id ?? i))) })] }, ended)) : null) }));
+        ].map(([heading, rows], ended) => rows.length ? (_jsxs(Fragment, { children: [_jsx("h2", { ...line(heading) }), _jsx("ol", { className: "event-list", children: rows.map((e, i) => (_jsxs("li", { children: [_jsx("time", { dateTime: e.date, children: eventWhen(e) }), _jsxs("span", { children: [_jsx("span", { dangerouslySetInnerHTML: { __html: e.text } }), !ended && eventBegun(e, now) && _jsx("small", { className: "event-now", children: "Now on" })] })] }, e.id ?? i))) })] }, ended)) : null) }));
 }
 // ---- locations --------------------------------------------------------------
 const everyMinute = (tick) => {
@@ -169,10 +171,10 @@ export function PlaceHours({ hours, timeZone = DEFAULT_ZONE }) {
  */
 export function LocationsView({ heading, map, items }) {
     const Name = heading ? 'h3' : 'h2';
-    return (_jsxs("section", { className: "locations", children: [heading && _jsx("h2", { children: heading }), _jsx("ul", { className: "places", children: items.map((p, i) => {
+    return (_jsxs("section", { className: "locations", children: [heading && _jsx("h2", { ...line(heading) }), _jsx("ul", { className: "places", children: items.map((p, i) => {
                     const link = safeLinkHref(mapHref(p));
                     const image = p.image && safeLinkHref(p.image);
-                    return (_jsxs("li", { className: "place", children: [image && _jsx("img", { src: image, ...p.photo, alt: "", className: "place-picture", loading: "lazy" }), p.name && _jsx(Name, { children: p.name }), p.address && _jsx("address", { children: link ? _jsx("a", { href: link, children: p.address.trim() }) : p.address.trim() }), !!p.hours?.length && _jsx(PlaceHours, { hours: p.hours, timeZone: p.timeZone }), p.note && _jsx("p", { dangerouslySetInnerHTML: { __html: p.note } }), (p.phone || p.email) && (_jsxs("p", { className: "place-contact", children: [p.phone && _jsx("a", { href: `tel:${p.phone.replace(/[^\d+]/g, '')}`, children: p.phone }), p.email && _jsx("a", { href: `mailto:${p.email}`, children: p.email })] })), map && p.address && (_jsx("iframe", { className: "place-map", src: mapEmbed({ address: p.address, map: p.map }), title: `Map of ${p.name || p.address.split('\n')[0]}`, loading: "lazy", referrerPolicy: "no-referrer-when-downgrade" }))] }, p.id ?? i));
+                    return (_jsxs("li", { className: "place", children: [image && _jsx("img", { src: image, ...p.photo, alt: "", className: "place-picture", loading: "lazy" }), p.name && _jsx(Name, { ...line(p.name) }), p.address && _jsx("address", { children: link ? _jsx("a", { href: link, children: p.address.trim() }) : p.address.trim() }), !!p.hours?.length && _jsx(PlaceHours, { hours: p.hours, timeZone: p.timeZone }), p.note && _jsx("p", { dangerouslySetInnerHTML: { __html: p.note } }), (p.phone || p.email) && (_jsxs("p", { className: "place-contact", children: [p.phone && _jsx("a", { href: `tel:${p.phone.replace(/[^\d+]/g, '')}`, children: p.phone }), p.email && _jsx("a", { href: `mailto:${p.email}`, children: p.email })] })), map && p.address && (_jsx("iframe", { className: "place-map", src: mapEmbed({ address: p.address, map: p.map }), title: `Map of ${(p.name && plainText(p.name)) || p.address.split('\n')[0]}`, loading: "lazy", referrerPolicy: "no-referrer-when-downgrade" }))] }, p.id ?? i));
                 }) })] }));
 }
 // ---- banner -----------------------------------------------------------------

package/dist/blocks.js

@@ -13,7 +13,7 @@
 import { htmlToMarkdown, inlineToMarkdown } from './markdown.js';
 import { relativeTime } from './freshness.js';
 import { hoursRows, mapHref } from './hours.js';
-import { BANNER_LABELS, bannerToText, codeTabsToText, linkGridToText, pageListToText, referencesToText, statsToText, stripHtml, testimonialToText, } from './text.js';
+import { BANNER_LABELS, bannerToText, codeTabsToText, linkGridToText, pageListToText, plainText, referencesToText, statsToText, stripHtml, testimonialToText, } from './text.js';
 // ---- the shapes the standard block types carry ------------------------------
 /**
  * The languages a code block or code tab offers, and the one a new one opens
@@ -187,11 +187,11 @@ export function referencesToMarkdown(items, title = 'References') {
 export function statsToMarkdown(items) {
     if (!items.length)
         return '';
-    return items.map(s => `- **${s.value}${s.suffix ?? ''}** — ${s.label}`).join('\n');
+    return items.map(s => `- **${plainText(String(s.value))}${s.suffix ?? ''}** — ${inlineToMarkdown(s.label)}`).join('\n');
 }
 /** A quotation over its attribution. @internal */
 export function testimonialToMarkdown(quote, author, role) {
-    return `> ${quote.trim().replace(/\n+/g, '\n> ')}\n>\n> — ${[author, role].filter(Boolean).join(', ')}`;
+    return `> ${quote.trim().split(/\n+/).map(inlineToMarkdown).join('\n> ')}\n>\n> — ${[author, role].filter(Boolean).map(w => inlineToMarkdown(w)).join(', ')}`;
 }
 /** Grouped links under their headings, with an optional lead paragraph. @internal */
 export function linkGridToMarkdown(groups, intro) {
@@ -258,13 +258,13 @@ function eventSections({ upcoming, past, items, day }) {
 /** Events under their headings, split by the day the twin is read, as the page is. */
 export function eventsToMarkdown(block) {
     return eventSections(block)
-        .map(s => `## ${s.heading}\n\n${s.items.map(e => `- ${eventWhen(e)}: ${inlineToMarkdown(e.text)}${s.now(e) ? ' (now on)' : ''}`).join('\n')}`)
+        .map(s => `## ${inlineToMarkdown(s.heading)}\n\n${s.items.map(e => `- ${eventWhen(e)}: ${inlineToMarkdown(e.text)}${s.now(e) ? ' (now on)' : ''}`).join('\n')}`)
         .join('\n\n');
 }
 /** Events as prose, `12 Nov 2026: Group show, London` a line, under their headings. */
 export function eventsToText(block) {
     return eventSections(block)
-        .map(s => `${s.heading}\n${s.items.map(e => `${eventWhen(e)}: ${stripHtml(e.text).replace(/\s+/g, ' ')}${s.now(e) ? ' (now on)' : ''}`).join('\n')}`)
+        .map(s => `${plainText(s.heading)}\n${s.items.map(e => `${eventWhen(e)}: ${stripHtml(e.text).replace(/\s+/g, ' ')}${s.now(e) ? ' (now on)' : ''}`).join('\n')}`)
         .join('\n\n');
 }
 const tel = (phone) => `tel:${phone.replace(/[^\d+]/g, '')}`;
@@ -276,7 +276,7 @@ export function locationsToMarkdown({ heading, items }) {
         const map = mapHref(p);
         const address = addressLine(p.address);
         return [
-            p.name && `${level} ${p.name}`,
+            p.name && `${level} ${inlineToMarkdown(p.name)}`,
             p.image && `![](${p.image})`,
             address && (map ? `[${address}](${map})` : address),
             p.hours?.length && hoursRows(p.hours).map(r => `- ${r.label}: ${r.times}`).join('\n'),
@@ -286,12 +286,12 @@ export function locationsToMarkdown({ heading, items }) {
             .filter(Boolean)
             .join('\n\n');
     };
-    return [heading && `## ${heading}`, ...items.map(place)].filter(Boolean).join('\n\n');
+    return [heading && `## ${inlineToMarkdown(heading)}`, ...items.map(place)].filter(Boolean).join('\n\n');
 }
 /** Each place as prose: its name, address, hours a row to a line, note, phone and email. */
 export function locationsToText({ heading, items }) {
     const place = (p) => [
-        p.name,
+        p.name && plainText(p.name),
         addressLine(p.address),
         ...(p.hours?.length ? hoursRows(p.hours).map(r => `${r.label} ${r.times}`) : []),
         p.note && stripHtml(p.note).replace(/\s+/g, ' '),
@@ -300,7 +300,7 @@ export function locationsToText({ heading, items }) {
     ]
         .filter(Boolean)
         .join('\n');
-    return [heading, ...items.map(place)].filter(Boolean).join('\n\n');
+    return [heading && plainText(heading), ...items.map(place)].filter(Boolean).join('\n\n');
 }
 /** A flat bullet list of links — resolved page lists, feed items, link rails. */
 export function linkList(items) {

package/dist/chart.js

@@ -60,21 +60,24 @@ function bucketStart(time, step) {
  * Points, oldest first, one per step. A price keeps the last value in each
  * step, as a candle does its close: the first open, the highest high, the
  * lowest low. A count is the total of its days; a rate, their mean. Volume is
- * summed.
+ * summed. The first step sits on its first point when the points start inside
+ * it, so the axis never reaches back past the days that were counted.
  *
  * @internal
  */
 export function bucketChart(points, step, aggregate) {
     const out = [];
     let n = 0;
+    let bucket;
     for (const p of points) {
         const start = bucketStart(p.time, step);
-        const last = out.at(-1);
-        if (last?.time !== start) {
-            out.push({ ...p, time: start });
+        if (bucket !== start) {
+            out.push({ ...p, time: out.length ? start : p.time });
+            bucket = start;
             n = 1;
             continue;
         }
+        const last = out.at(-1);
         if (aggregate === 'last')
             last.value = p.value;
         else if (aggregate === 'sum')

package/dist/editor.d.ts

@@ -5,19 +5,35 @@ import { type ChangeEvent, type KeyboardEvent, type ReactNode, type RefObject }
  *
  * Each of these packages ships a `declare module '@tiptap/core'` block that adds
  * its commands to `ChainedCommands` — `toggleBold`, `insertTable`, `setLink`,
- * `setImage`. Because this module owns the extensions, it has to carry
+ * `setImage`, `removeEmptyTextStyle`. Because this module owns the extensions, it has to carry
  * the augmentation across the package boundary, and a re-exported type is what
  * makes the emitted `.d.ts` load the module that declares it. Without these
- * four lines every `editor.chain().focus().toggleBold()` in every consumer
+ * lines every `editor.chain().focus().toggleBold()` in every consumer
  * stops type-checking.
  */
 export type { StarterKitOptions } from '@tiptap/starter-kit';
 export type { LinkOptions } from '@tiptap/extension-link';
 export type { ImageOptions } from '@tiptap/extension-image';
 export type { TableOptions } from '@tiptap/extension-table';
+export type { TextStyleOptions } from '@tiptap/extension-text-style';
 /** The view and the editor's type, so a consumer imports nothing from `@tiptap/*` itself. */
 export { EditorContent } from '@tiptap/react';
 export type { Editor } from '@tiptap/core';
+/** What `wikiTextStyle` may set on a run of words, each one property of its span's `style`. */
+export interface TextStyleAttrs {
+    fontFamily?: string | null;
+    color?: string | null;
+    fontSize?: string | null;
+}
+/**
+ * Tiptap's TextStyle, carrying a font, a colour and a size: a run of words
+ * styled apart from the block around it, the same in a line as in an article.
+ * Each is read back from stored HTML, so a span the sanitiser kept is edited
+ * as it was written. Set with `setTextStyle`, which drops an empty span.
+ */
+export declare const wikiTextStyle: import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any>;
+/** Style the selected words, or with null take a property off them; a span left with none goes. */
+export declare const setTextStyle: (editor: Editor, attrs: TextStyleAttrs) => boolean;
 export interface WikiEditorExtensionOptions {
     /** Empty-document prompt. */
     placeholder?: string;
@@ -169,8 +185,8 @@ export interface WikiEditorState {
  * the buttons its extensions allow; the icons and classes are the app's.
  */
 export declare function useWikiEditor({ value, onChange, placeholder, nodes, proseClass, uploadImage, debounceMs, }: WikiEditorOptions): WikiEditorState;
-/** What a one-line field may keep. With none, its value is plain text. */
-export type LineMark = 'bold' | 'italic' | 'link';
+/** What a one-line field may keep: an article's inline marks, and `wikiTextStyle`'s font, colour and size. With none, its value is plain text. */
+export type LineMark = 'bold' | 'italic' | 'code' | 'link' | 'style';
 export interface WikiLineProps {
     as: 'h1' | 'h2' | 'h3' | 'p' | 'span' | 'div' | 'small' | 'figcaption';
     value: string;

package/dist/editor.js

@@ -23,6 +23,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // the taxonomy or the MCP transport installs none of them.
 import StarterKit from '@tiptap/starter-kit';
 import TiptapLink from '@tiptap/extension-link';
+import TextStyle from '@tiptap/extension-text-style';
 import TiptapImage from '@tiptap/extension-image';
 import TiptapTable from '@tiptap/extension-table';
 import TiptapTableRow from '@tiptap/extension-table-row';
@@ -83,6 +84,27 @@ export const wikiLink = TiptapLink.extend({
         return Object.fromEntries(Object.entries(this.parent?.() ?? {}).filter(([name]) => name !== 'target' && name !== 'rel'));
     },
 }).configure({ openOnClick: false, HTMLAttributes: { class: 'link', target: null, rel: null } });
+const STYLE_CSS = { fontFamily: 'font-family', color: 'color', fontSize: 'font-size' };
+/**
+ * Tiptap's TextStyle, carrying a font, a colour and a size: a run of words
+ * styled apart from the block around it, the same in a line as in an article.
+ * Each is read back from stored HTML, so a span the sanitiser kept is edited
+ * as it was written. Set with `setTextStyle`, which drops an empty span.
+ */
+export const wikiTextStyle = TextStyle.extend({
+    addAttributes() {
+        return Object.fromEntries(Object.entries(STYLE_CSS).map(([name, css]) => [
+            name,
+            {
+                default: null,
+                parseHTML: (el) => el.style.getPropertyValue(css) || null,
+                renderHTML: (attrs) => (attrs[name] ? { style: `${css}: ${attrs[name]}` } : {}),
+            },
+        ]));
+    },
+});
+/** Style the selected words, or with null take a property off them; a span left with none goes. */
+export const setTextStyle = (editor, attrs) => editor.chain().focus().setMark('textStyle', attrs).removeEmptyTextStyle().run();
 /**
  * The editor's extension set.
  *
@@ -514,7 +536,6 @@ export function WikiLine({ as: Tag, value, onChange, placeholder, marks = [], cl
                     orderedList: false,
                     listItem: false,
                     codeBlock: false,
-                    code: false,
                     horizontalRule: false,
                     hardBreak: false,
                     strike: false,
@@ -522,8 +543,10 @@ export function WikiLine({ as: Tag, value, onChange, placeholder, marks = [], cl
                     gapcursor: false,
                     ...(has('bold') ? {} : { bold: false }),
                     ...(has('italic') ? {} : { italic: false }),
+                    ...(has('code') ? {} : { code: false }),
                 }),
                 ...(has('link') ? [wikiLink] : []),
+                ...(has('style') ? [wikiTextStyle] : []),
             ],
             content: content(value),
             editorProps: { transformPastedHTML: pastedLine, transformPastedText: t => t.replace(/\s+/g, ' ') },

package/dist/react-server.d.ts

@@ -22,6 +22,8 @@ export interface WikiLinkProps {
     'aria-checked'?: boolean;
     /** The name of a link drawn as an icon. */
     'aria-label'?: string;
+    /** False where following the link costs the server a query, as a stats page's links do; a plain anchor ignores it. */
+    prefetch?: boolean;
     children?: ReactNode;
 }
 export type WikiLinkComponent = ComponentType<WikiLinkProps>;

package/dist/react-server.js

@@ -29,7 +29,7 @@ import { formatDay } from './freshness.js';
  * Exported because `block-views` renders links too and had declared the same
  * three lines; a default that exists twice is a default that can diverge.
  */
-export const Anchor = (props) => _jsx("a", { ...props });
+export const Anchor = ({ prefetch: _, ...props }) => _jsx("a", { ...props });
 const pagesPhrase = (n) => `${n} page${n === 1 ? '' : 's'}`;
 /**
  * The section's second axis, as pressable chips.

package/dist/sanitize.d.ts

@@ -20,10 +20,22 @@ export interface HtmlSanitizerOptions {
  * got here, and a list written from memory erases content on the first render.
  */
 export declare function createHtmlSanitizer(options?: HtmlSanitizerOptions): (html: string) => string;
+/**
+ * A one-line field's HTML, cleaned: bold, italic, code, a link and a styled
+ * span, and nothing else, so a heading or a caption drawn from it as HTML holds
+ * no block, picture or script. `links: false` drops a link's tag and keeps its
+ * words, for a field drawn inside a link already, a button's label.
+ */
+export declare function sanitizeLine(html: string, { links }?: {
+    links?: boolean;
+}): string;
 /**
  * The core leaf types' HTML fields, cleaned: `content.text`, `linkGrid` group
- * descriptions, `references` and `events` item text, and a place's note. Every other field those blocks
- * carry renders as a React text node and is escaped already.
+ * descriptions, `references` and `events` item text, and a place's note, by
+ * `clean`; and their one-line fields, a figure's value and label, a quote and
+ * who said it, the events' headings and a place's heading and name, by
+ * `sanitizeLine`. Every other field those blocks carry renders as a React text
+ * node and is escaped already.
  *
  * Returns any other block untouched, so it drops straight into a
  * `mapBlockTree` pass — a repo whose own types render HTML cleans those itself.

package/dist/sanitize.js

@@ -43,13 +43,14 @@ const STYLE_PROPS = [
     'border', 'border-top', 'border-bottom', 'border-left', 'border-right',
     'border-radius', 'border-color', 'border-width', 'border-style',
     'background', 'background-color', 'color', 'opacity',
-    'font-size', 'font-weight', 'font-style', 'line-height',
+    'font-family', 'font-size', 'font-weight', 'font-style', 'line-height',
     'text-align', 'vertical-align', 'display', 'overflow',
 ];
-// Ordinary CSS tokens plus rgb()/rgba(). Excluding quotes, backslashes, angle
-// brackets and any other `(` keeps `url(...)` and `expression(...)` out of
-// every property without a per-property regex.
-const SAFE_CSS_VALUE = /^(?:[a-z0-9#%.,\-+/ ]|rgba?\([\d\s,.%]+\))*$/i;
+// Ordinary CSS tokens plus rgb()/rgba(), and var() naming a custom property, so
+// a run of words can take the site's own colour or web font. Excluding quotes,
+// backslashes, angle brackets and any other `(` keeps `url(...)` and
+// `expression(...)` out of every property without a per-property regex.
+const SAFE_CSS_VALUE = /^(?:[a-z0-9#%.,\-+/ ]|rgba?\([\d\s,.%]+\)|var\(--[a-z0-9-]+\))*$/i;
 const PROSE_TAGS = [
     'p', 'br', 'hr', 'div', 'span', 'blockquote', 'pre', 'code',
     'strong', 'em', 'b', 'i', 's', 'u', 'sub', 'sup', 'mark', 'small',
@@ -145,6 +146,29 @@ export function createHtmlSanitizer(options = {}) {
     };
     return (html) => (!html || !html.includes('<') ? html : asYouTubeNodes(sanitizeHtml(html, config)));
 }
+// What a `WikiLine` keeps: its marks, the link's class, and `wikiTextStyle`'s
+// three properties, each held to the same safe value as an article's.
+const LINE_TAGS = ['strong', 'em', 'b', 'i', 'code', 'span', 'a'];
+const LINE_STYLES = Object.fromEntries(['font-family', 'color', 'font-size'].map(p => [p, [SAFE_CSS_VALUE]]));
+/**
+ * A one-line field's HTML, cleaned: bold, italic, code, a link and a styled
+ * span, and nothing else, so a heading or a caption drawn from it as HTML holds
+ * no block, picture or script. `links: false` drops a link's tag and keeps its
+ * words, for a field drawn inside a link already, a button's label.
+ */
+export function sanitizeLine(html, { links = true } = {}) {
+    if (!html || !html.includes('<'))
+        return html;
+    return sanitizeHtml(html, {
+        allowedTags: links ? LINE_TAGS : LINE_TAGS.filter(t => t !== 'a'),
+        allowedAttributes: { a: ['href'], span: ['style'] },
+        allowedClasses: { a: ['link'] },
+        allowedStyles: { span: LINE_STYLES },
+        allowedSchemesByTag: { a: ['http', 'https', 'mailto', 'tel'] },
+        allowProtocolRelative: false,
+        nonTextTags: ['script', 'style', 'textarea', 'option', 'noscript'],
+    });
+}
 // A YouTube player the editor did not write: an agent's, an import's, a pasted
 // embed code. Run over the sanitiser's own output, whose markup is regular.
 const BARE_YOUTUBE = /(<div data-youtube-video>)?(<iframe\b[^>]*\bsrc="https:\/\/www\.youtube(?:-nocookie)?\.com\/embed\/[^"]*"[^>]*><\/iframe>)/g;
@@ -155,10 +179,15 @@ const BARE_YOUTUBE = /(<div data-youtube-video>)?(<iframe\b[^>]*\bsrc="https:\/\
 const asYouTubeNodes = (html) => html.includes('youtube') ? html.replace(BARE_YOUTUBE, (all, wrapped, frame) => (wrapped ? all : `<div data-youtube-video>${frame}</div>`)) : html;
 const each = (v, map) => Array.isArray(v) ? v.map(item => (item && typeof item === 'object' ? map(item) : item)) : v;
 const str = (v) => typeof v === 'string';
+/** The named one-line fields of `o` that hold words, each through `sanitizeLine`. */
+const lines = (o, ...keys) => Object.fromEntries(keys.filter(k => str(o[k])).map(k => [k, sanitizeLine(o[k])]));
 /**
  * The core leaf types' HTML fields, cleaned: `content.text`, `linkGrid` group
- * descriptions, `references` and `events` item text, and a place's note. Every other field those blocks
- * carry renders as a React text node and is escaped already.
+ * descriptions, `references` and `events` item text, and a place's note, by
+ * `clean`; and their one-line fields, a figure's value and label, a quote and
+ * who said it, the events' headings and a place's heading and name, by
+ * `sanitizeLine`. Every other field those blocks carry renders as a React text
+ * node and is escaped already.
  *
  * Returns any other block untouched, so it drops straight into a
  * `mapBlockTree` pass — a repo whose own types render HTML cleans those itself.
@@ -177,10 +206,15 @@ export function sanitizeCoreLeaf(block, clean) {
                 groups: each(b.groups, g => (str(g.description) ? { ...g, description: clean(g.description) } : g)),
             };
         case 'references':
-        case 'events':
             return { ...b, items: each(b.items, i => (str(i.text) ? { ...i, text: clean(i.text) } : i)) };
+        case 'events':
+            return { ...b, ...lines(b, 'upcoming', 'past'), items: each(b.items, i => (str(i.text) ? { ...i, text: clean(i.text) } : i)) };
         case 'locations':
-            return { ...b, items: each(b.items, p => (str(p.note) ? { ...p, note: clean(p.note) } : p)) };
+            return { ...b, ...lines(b, 'heading'), items: each(b.items, p => ({ ...p, ...lines(p, 'name'), ...(str(p.note) && { note: clean(p.note) }) })) };
+        case 'stats':
+            return { ...b, items: each(b.items, s => ({ ...s, ...lines(s, 'value', 'label') })) };
+        case 'testimonial':
+            return { ...b, ...lines(b, 'quote', 'author', 'role') };
         default:
             return block;
     }

package/dist/stats-figures.js

@@ -79,8 +79,9 @@ const EMPTY = { date: '', visitors: 0, pageviews: 0, visits: 0, bounces: 0, seco
  */
 export function StatsFigures({ digest, first, apart, controls }) {
     const figures = useMemo(() => figuresOf(digest, apart), [digest, apart]);
-    const [chosen, choose] = useState(0);
-    const figure = figures[chosen] ?? figures[0];
+    // By name, since a window or the agents switch can arrive without a reload and the figures shift.
+    const [chosen, choose] = useState(figures[0].label);
+    const figure = figures.find(f => f.label === chosen) ?? figures[0];
     const byDay = useMemo(() => new Map(digest.by_day.map(r => [r.date, r])), [digest.by_day]);
     const series = useMemo(() => {
         const today = Math.floor(Date.now() / 1000 / DAY);
@@ -90,7 +91,7 @@ export function StatsFigures({ digest, first, apart, controls }) {
             return value == null ? null : { time, value };
         }).filter(p => p !== null);
     }, [byDay, first, figure]);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "stats-figures", role: "group", "aria-label": "Chart", children: figures.map((f, i) => (_jsxs("button", { type: "button", "aria-pressed": i === chosen, onClick: () => choose(i), children: [_jsx("span", { children: f.label }), _jsxs("strong", { children: [f.value, f.delta && (_jsx("small", { className: "stats-delta", "data-better": f.delta.better, children: f.delta.text }))] })] }, f.label))) }), _jsx(TimeChart, { series: series, label: figure.label, ranges: ['all'], aggregate: figure.aggregate ?? 'sum', fromZero: true, format: figure.format, controls: controls, className: "stats-chart" })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "stats-figures", role: "group", "aria-label": "Chart", children: figures.map(f => (_jsxs("button", { type: "button", "aria-pressed": f === figure, onClick: () => choose(f.label), children: [_jsx("span", { children: f.label }), _jsxs("strong", { children: [f.value, f.delta && (_jsx("small", { className: "stats-delta", "data-better": f.delta.better, children: f.delta.text }))] })] }, f.label))) }), _jsx(TimeChart, { series: series, label: figure.label, ranges: ['all'], aggregate: figure.aggregate ?? 'sum', fromZero: true, format: figure.format, controls: controls, className: "stats-chart" })] }));
 }
 async function post(endpoint, body) {
     const res = await fetch(endpoint, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(body) });

package/dist/stats.d.ts

@@ -13,7 +13,7 @@ export interface StatsProps {
     apart?: boolean;
     /** The windows offered as `?days=` links on the same page. */
     ranges?: readonly number[];
-    /** Every link on the page: `next/link`, say, so a window or a filter does not reload it. */
+    /** Every link on the page: `next/link`, say, so a window or a filter does not reload it. Each is given `prefetch={false}`. */
     link?: WikiLinkComponent;
 }
 /**
@@ -23,14 +23,15 @@ export interface StatsProps {
  */
 export declare function statsQuery(params: Record<string, string | string[] | undefined>, ranges?: readonly number[]): {
     days: number;
-    filter: Partial<Record<"page" | "entry" | "source" | "country" | "device", string>>;
+    filter: Partial<Record<"page" | "country" | "entry" | "source" | "device", string>>;
     apart: boolean;
 };
 /**
  * A site's own analytics on one page: the headline figures against the window
  * before, visitors counting agents unless `apart`, whichever of them is chosen per day, and every ranked list the
  * digest carries, each row a link that narrows the page to it. Lists with
- * nothing in them are left out. The chart and the bars are `currentColor`
+ * nothing in them are left out. The digest is made with the same `apart`, so
+ * the lists count the visitors the chart draws. The chart and the bars are `currentColor`
  * until the importing stylesheet gives them a colour.
  */
 export declare function Stats({ digest: d, days, filter, apart, ranges, link: Link }: StatsProps): import("react").JSX.Element;

package/dist/stats.js

@@ -22,6 +22,7 @@ export function statsQuery(params, ranges = STATS_RANGES) {
         if (typeof v === 'string' && v)
             filter[k] = v.slice(0, 500);
     }
+    // `apart` is `digest`'s option too, so its lists count the visitors the chart draws.
     return { days: statsDays(params.days, ranges), filter, apart: params.agents === 'apart' };
 }
 /** The page at a window, a filter and a count of agents, as a query string. */
@@ -49,13 +50,14 @@ function StatsList({ title, rows, label = v => v, to, link: Link, }) {
     if (!rows.length)
         return null;
     const max = Math.max(...rows.map(([, n]) => n));
-    return (_jsxs("section", { className: "stats-list", children: [_jsx("h2", { children: title }), _jsx("ol", { children: rows.map(([v, n]) => (_jsxs("li", { style: { '--share': n / max }, children: [_jsx("span", { children: to ? _jsx(Link, { href: to(v), children: label(v) }) : label(v) }), _jsx("span", { className: "stats-count", children: count(n) })] }, v))) })] }));
+    return (_jsxs("section", { className: "stats-list", children: [_jsx("h2", { children: title }), _jsx("ol", { children: rows.map(([v, n]) => (_jsxs("li", { style: { '--share': n / max }, children: [_jsx("span", { children: to ? (_jsx(Link, { href: to(v), prefetch: false, children: label(v) })) : (label(v)) }), _jsx("span", { className: "stats-count", children: count(n) })] }, v))) })] }));
 }
 /**
  * A site's own analytics on one page: the headline figures against the window
  * before, visitors counting agents unless `apart`, whichever of them is chosen per day, and every ranked list the
  * digest carries, each row a link that narrows the page to it. Lists with
- * nothing in them are left out. The chart and the bars are `currentColor`
+ * nothing in them are left out. The digest is made with the same `apart`, so
+ * the lists count the visitors the chart draws. The chart and the bars are `currentColor`
  * until the importing stylesheet gives them a colour.
  */
 export function Stats({ digest: d, days, filter = {}, apart = false, ranges = STATS_RANGES, link: Link = Anchor }) {
@@ -74,8 +76,8 @@ export function Stats({ digest: d, days, filter = {}, apart = false, ranges = ST
     const to = (k) => (v) => at({ ...filter, [k]: v });
     // Each window is another digest, so a link rather than a button, pinned
     // with the chart's own controls, and so is the switch that counts agents apart.
-    const controls = (_jsxs(_Fragment, { children: [_jsx("div", { role: "group", "aria-label": "Window", children: ranges.map(n => (_jsx(Link, { href: at(filter, n), "aria-current": n === days ? 'page' : undefined, children: windowLabel(n) }, n))) }), _jsx("div", { children: _jsx(Link, { href: at(filter, days, !apart), role: "switch", "aria-checked": !apart, "aria-label": "Agents counted among visitors", title: "Agents counted among visitors", children: _jsxs("svg", { className: "chart-icon", viewBox: "0 0 12 12", "aria-hidden": true, children: [_jsx("path", { d: "M6 1.5v2M1 6.5v2M11 6.5v2", stroke: "currentColor" }), _jsx("rect", { x: "2.5", y: "3.5", width: "7", height: "7", rx: "1.5", fill: "none", stroke: "currentColor" }), _jsx("circle", { cx: "4.75", cy: "7", r: "0.9", fill: "currentColor" }), _jsx("circle", { cx: "7.25", cy: "7", r: "0.9", fill: "currentColor" })] }) }) })] }));
-    return (_jsxs("div", { className: "stats", children: [narrowed.length > 0 && (_jsxs("div", { className: "stats-filters", children: [_jsx("ul", { "aria-label": "Narrowed to", children: narrowed.map(k => (_jsx("li", { children: _jsxs(Link, { href: at({ ...filter, [k]: undefined }), title: "Remove", children: [NAMES[k], ": ", k === 'country' ? country(filter[k]) : filter[k], " \u00D7"] }) }, k))) }), start < counted && d.counted_from && (_jsxs("p", { children: ["Narrowed figures start on ", d.counted_from, ", the first day this site counted its own visits."] }))] })), _jsx(StatsFigures, { digest: d, first: first, apart: apart, controls: controls }), _jsxs("div", { className: "stats-lists", children: [_jsx(StatsList, { link: Link, title: "Pages", rows: rows(d.top_pages, 'page', 'visitors'), to: to('page') }), _jsx(StatsList, { link: Link, title: "Entry pages", rows: rows(d.entry_pages, 'page', 'visitors'), to: to('entry') }), _jsx(StatsList, { link: Link, title: "Sources", rows: rows(d.top_sources, 'source', 'visitors'), to: to('source') }), _jsx(StatsList, { link: Link, title: "From X posts", rows: rows(d.from_posts, 'page', 'visitors'), to: v => at({ ...filter, source: 'x', entry: v }) }), _jsx(StatsList, { link: Link, title: "Sibling sites", rows: rows(d.sibling_referrals, 'source', 'visitors'), to: to('source') }), _jsx(StatsList, { link: Link, title: "Countries", rows: rows(d.countries, 'country', 'visitors'), label: country, to: to('country') }), _jsx(StatsList, { link: Link, title: "Devices", rows: rows(d.devices, 'device', 'visitors'), to: to('device') }), _jsx(StatsList, { link: Link, title: "Agents", rows: rows(d.top_agents, 'agent', 'visitors') }), _jsx(StatsList, { link: Link, title: "Agent tool calls", rows: rows(d.agent_tool_calls, 'tool', 'events') }), _jsx(StatsList, { link: Link, title: "Searches that found nothing", rows: rows(d.gaps, 'query', 'events') })] })] }));
+    const controls = (_jsxs(_Fragment, { children: [_jsx("div", { role: "group", "aria-label": "Window", children: ranges.map(n => (_jsx(Link, { href: at(filter, n), "aria-current": n === days ? 'page' : undefined, prefetch: false, children: windowLabel(n) }, n))) }), _jsx("div", { children: _jsx(Link, { href: at(filter, days, !apart), role: "switch", "aria-checked": !apart, "aria-label": "Agents counted among visitors", title: "Agents counted among visitors", prefetch: false, children: _jsxs("svg", { className: "chart-icon", viewBox: "0 0 12 12", "aria-hidden": true, children: [_jsx("path", { d: "M6 1.5v2M1 6.5v2M11 6.5v2", stroke: "currentColor" }), _jsx("rect", { x: "2.5", y: "3.5", width: "7", height: "7", rx: "1.5", fill: "none", stroke: "currentColor" }), _jsx("circle", { cx: "4.75", cy: "7", r: "0.9", fill: "currentColor" }), _jsx("circle", { cx: "7.25", cy: "7", r: "0.9", fill: "currentColor" })] }) }) })] }));
+    return (_jsxs("div", { className: "stats", children: [narrowed.length > 0 && (_jsxs("div", { className: "stats-filters", children: [_jsx("ul", { "aria-label": "Narrowed to", children: narrowed.map(k => (_jsx("li", { children: _jsxs(Link, { href: at({ ...filter, [k]: undefined }), title: "Remove", prefetch: false, children: [NAMES[k], ": ", k === 'country' ? country(filter[k]) : filter[k], " \u00D7"] }) }, k))) }), start < counted && d.counted_from && (_jsxs("p", { children: ["Narrowed figures start on ", d.counted_from, ", the first day this site counted its own visits."] }))] })), _jsx(StatsFigures, { digest: d, first: first, apart: apart, controls: controls }), _jsxs("div", { className: "stats-lists", children: [_jsx(StatsList, { link: Link, title: "Pages", rows: rows(d.top_pages, 'page', 'visitors'), to: to('page') }), _jsx(StatsList, { link: Link, title: "Entry pages", rows: rows(d.entry_pages, 'page', 'visitors'), to: to('entry') }), _jsx(StatsList, { link: Link, title: "Sources", rows: rows(d.top_sources, 'source', 'visitors'), to: to('source') }), _jsx(StatsList, { link: Link, title: "From X posts", rows: rows(d.from_posts, 'page', 'visitors'), to: v => at({ ...filter, source: 'x', entry: v }) }), _jsx(StatsList, { link: Link, title: "Sibling sites", rows: rows(d.sibling_referrals, 'source', 'visitors'), to: to('source') }), _jsx(StatsList, { link: Link, title: "Countries", rows: rows(d.countries, 'country', 'visitors'), label: country, to: to('country') }), _jsx(StatsList, { link: Link, title: "Devices", rows: rows(d.devices, 'device', 'visitors'), to: to('device') }), _jsx(StatsList, { link: Link, title: "Agents", rows: rows(d.top_agents, 'agent', 'visitors') }), _jsx(StatsList, { link: Link, title: "Agent tool calls", rows: rows(d.agent_tool_calls, 'tool', 'events') }), _jsx(StatsList, { link: Link, title: "Searches that found nothing", rows: rows(d.gaps, 'query', 'events') })] })] }));
 }
 /**
  * A stats page's door: `children` and a sign-out button for a signed-in

package/dist/text.js

@@ -109,11 +109,11 @@ export function codeTabsToText(tabs) {
 }
 /** `“Their words” — Name, role`. @internal */
 export function testimonialToText(quote, author, role) {
-    return `“${quote.trim()}” — ${[author, role].filter(Boolean).join(', ')}`;
+    return `“${stripHtml(quote).trim()}” — ${[author, role].filter(Boolean).map(w => plainText(w)).join(', ')}`;
 }
 /** Metric cards, one per line: `99% Uptime`. @internal */
 export function statsToText(items) {
-    return items.map(s => `${s.value}${s.suffix ?? ''} ${s.label}`).join('\n');
+    return items.map(s => `${plainText(String(s.value))}${s.suffix ?? ''} ${plainText(s.label)}`).join('\n');
 }
 /**
  * Each group's heading over its links, hrefs in parentheses the way

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wiki-formant",
-  "version": "0.98.1",
+  "version": "0.100.0",
   "description": "The portable half of a wiki: derived taxonomy and facet controls, a version-negotiating MCP transport, markdown twins, block rendering, a rich-text editor engine, conditional-GET plumbing, and the headers and CSP every origin sends.",
   "type": "module",
   "license": "MIT",
@@ -327,6 +327,7 @@
     "@tiptap/extension-table-cell": "^2.27.3",
     "@tiptap/extension-table-header": "^2.27.3",
     "@tiptap/extension-table-row": "^2.27.3",
+    "@tiptap/extension-text-style": "^2.27.3",
     "@tiptap/extension-youtube": "^2.27.3",
     "@tiptap/pm": "^2.27.3",
     "@tiptap/react": "^2.27.3",