wiki-formant 0.99.0 → 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

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/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/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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wiki-formant",
-  "version": "0.99.0",
+  "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",