@jrpool/kilotest 60.4.1 → 60.6.0

package/.devin/config.local.json

@@ -40,7 +40,8 @@
       "Exec(sqlite3)",
       "Exec(npm update)",
       "Exec(npm ls)",
-      "Exec(pkill)"
+      "Exec(pkill)",
+      "Exec(python3)"
     ]
   }
 }

package/docs/SERVICE.md

@@ -259,7 +259,7 @@ kilotest.com {
   # Specify the only paths of forwardable requests.
   @allowedGET {
     method GET
-    path /mcp / /index.html /robots.txt /openapi.yaml /openapi.json /swagger.yaml /swagger.json /api-docs /llms.txt /llms-full.txt /capability.md *.html* /fullReport.json/* /api/* /tutorialWeb/images/* /tutorialAI/images/* /qai /qai/comments /favicon.* /style.css /sitemap.xml
+    path /mcp / /index.html /robots.txt /openapi.yaml /openapi.json /swagger.yaml /swagger.json /api-docs /llms.txt /llms-full.txt /capability.md *.html* /fullReport.json/* /api/* /tutorialWeb/images/* /tutorialAI/images/* /media/* /qai /qai/comments /favicon.* /style.css /sitemap.xml
   }
   # UptimeRobot's uptime check is the only known HEAD caller, and it targets only the site
   # root (see "Health monitoring" below), so HEAD is forwarded only for that path, not the

package/error.html

@@ -10,5 +10,6 @@
       <h1><a href="/">Kilotest</a>: error</h1>
       <p class="error">__error__</p>
     </main>
+    __footer__
   </body>
 </html>

package/index.test.ts

@@ -451,6 +451,32 @@ test('GET /tutorialAI/images/nonexistent.png returns an error page', async () =>
   assert.ok(res.body.includes('Image not found'));
 });
 
+test('GET /media/demo-chatgpt.mp4 serves the video', async () => {
+  const res = await request('GET', '/media/demo-chatgpt.mp4');
+  assert.equal(res.statusCode, 200);
+  assert.ok(res.headers['content-type'].includes('video/mp4'));
+});
+
+test('GET /media with an unknown extension serves octet-stream', async () => {
+  // Create a temporary media file with an unknown extension.
+  const mediaPath = path.join(import.meta.dirname, 'media', 'test.xyz');
+  await fs.writeFile(mediaPath, 'fake media data');
+  try {
+    const res = await request('GET', '/media/test.xyz');
+    assert.equal(res.statusCode, 200);
+    assert.ok(res.headers['content-type'].includes('application/octet-stream'));
+  }
+  finally {
+    await fs.unlink(mediaPath).catch(() => {});
+  }
+});
+
+test('GET /media/nonexistent.mp4 returns an error page', async () => {
+  const res = await request('GET', '/media/nonexistent.mp4');
+  assert.equal(res.statusCode, 400);
+  assert.ok(res.body.includes('Media file not found'));
+});
+
 test('GET /nonexistent.html returns an abuse error', {timeout: 500}, async () => {
   const res = await request('GET', '/nonexistent.html');
   assert.equal(res.statusCode, 400);

package/index.ts

@@ -41,8 +41,11 @@ import {handleMCP, mcpPath} from './mcp.ts';
 import fs from 'node:fs/promises';
 import {handleComment as handleTutorialWebComment} from './web/tutorialWeb/index.ts';
 import {answer as tutorialWeb} from './web/tutorialWeb/index.ts';
+import {answer as accessibility} from './web/accessibility/index.ts';
+import {answer as demoChatgpt} from './web/demo-chatgpt/index.ts';
 import {answer as home} from './web/home/index.ts';
 import {answer as privacy} from './web/privacy/index.ts';
+import {answer as terms} from './web/terms/index.ts';
 import {answer as tutorialAI, handleComment as handleTutorialAIComment} from './web/tutorialAI/index.ts';
 import http, {type IncomingMessage, type ServerResponse} from 'node:http';
 import https from 'node:https';
@@ -106,8 +109,10 @@ type AnswerData = {
 type PageHandler = (...args: any[]) => Promise<AnswerData>;
 
 const answer: {
+  accessibility: PageHandler;
   ai0BalanceForm: PageHandler;
   deleteNotesForm: PageHandler;
+  'demo-chatgpt': PageHandler;
   enqueue: PageHandler;
   enqueueForm: PageHandler;
   expungeReportsForm: PageHandler;
@@ -134,11 +139,14 @@ const answer: {
   requestNewTestForm: PageHandler;
   rewindReportsForm: PageHandler;
   showHiddenReportsForm: PageHandler;
+  terms: PageHandler;
   unhideReportForm: PageHandler;
   [key: string]: PageHandler | undefined;
 } = {
+  accessibility,
   ai0BalanceForm,
   deleteNotesForm,
+  'demo-chatgpt': demoChatgpt,
   enqueue,
   enqueueForm,
   expungeReportsForm,
@@ -165,6 +173,7 @@ const answer: {
   requestNewTestForm,
   rewindReportsForm,
   showHiddenReportsForm,
+  terms,
   unhideReportForm
 };
 // Response functions of the API services.
@@ -211,6 +220,7 @@ export const routes = {
     '/llms-full.txt',
     '/llms.txt',
     '/mcp',
+    '/media/*',
     '/openapi.json',
     '/openapi.yaml',
     '/qai',
@@ -908,6 +918,27 @@ const handleRequest = async (request: IncomingMessage, response: ServerResponse)
         await serveError({message: 'Invalid service request'}, response, false);
       }
     }
+    // Otherwise, if it is for a media file (e.g. a demonstration video):
+    else if (pathname.startsWith('/media/')) {
+      const mediaFile = pathname.slice('/media/'.length);
+      const mediaPath = path.join(import.meta.dirname, 'media', mediaFile);
+      try {
+        const media = await fs.readFile(mediaPath);
+        const ext = path.extname(mediaFile).toLowerCase();
+        const mimeTypes: Record<string, string> = {
+          '.mp4': 'video/mp4',
+          '.webm': 'video/webm',
+          '.mov': 'video/quicktime',
+          '.m4v': 'video/mp4'
+        };
+        const mimeType = mimeTypes[ext] || 'application/octet-stream';
+        setHeaders(mimeType, null, 'low');
+        response.end(media);
+      }
+      catch {
+        await serveError({message: 'ERROR: Media file not found'}, response, true);
+      }
+    }
     // Otherwise, if it is for a tutorial image:
     else if (pathname.startsWith('/tutorialWeb/images/') || pathname.startsWith('/tutorialAI/images/')) {
       let imgFile: string;

package/lhm.plugin.json

@@ -2778,7 +2778,7 @@
         "readOnlyHint": false,
         "destructiveHint": false,
         "idempotentHint": false,
-        "openWorldHint": false
+        "openWorldHint": true
       },
       "execution": {
         "taskSupport": "forbidden"
@@ -3122,7 +3122,7 @@
         "readOnlyHint": false,
         "destructiveHint": false,
         "idempotentHint": false,
-        "openWorldHint": false
+        "openWorldHint": true
       },
       "execution": {
         "taskSupport": "forbidden"
@@ -3763,7 +3763,7 @@
         "readOnlyHint": false,
         "destructiveHint": false,
         "idempotentHint": false,
-        "openWorldHint": false
+        "openWorldHint": true
       },
       "execution": {
         "taskSupport": "forbidden"
@@ -4115,7 +4115,7 @@
         "readOnlyHint": false,
         "destructiveHint": false,
         "idempotentHint": false,
-        "openWorldHint": false
+        "openWorldHint": true
       },
       "execution": {
         "taskSupport": "forbidden"
@@ -4423,5 +4423,5 @@
       }
     }
   ],
-  "version": "60.4.1"
+  "version": "60.6.0"
 }

package/linkValidation.test.ts

@@ -35,6 +35,7 @@ validPathPatterns.add('/api/*');
 validPathPatterns.add('/fullReport.json/*');
 validPathPatterns.add('/tutorialWeb/images/*');
 validPathPatterns.add('/tutorialAI/images/*');
+validPathPatterns.add('/media/*');
 
 // Specific page routes (those that end in .html)
 const htmlRoutes = [

package/mcp.ts

@@ -208,7 +208,7 @@ export const createMCPServer = (): McpServer => {
         readOnlyHint: false,
         idempotentHint: false,
         destructiveHint: false,
-        openWorldHint: false
+        openWorldHint: true
       }
     },
     async ({description, URL, reason}) => {
@@ -228,7 +228,7 @@ export const createMCPServer = (): McpServer => {
         readOnlyHint: false,
         idempotentHint: false,
         destructiveHint: false,
-        openWorldHint: false
+        openWorldHint: true
       }
     },
     async ({reportID, reason}) => {
@@ -268,7 +268,7 @@ export const createMCPServer = (): McpServer => {
         readOnlyHint: false,
         idempotentHint: false,
         destructiveHint: false,
-        openWorldHint: false
+        openWorldHint: true
       }
     },
     async ({description, URL, reason}) => {
@@ -288,7 +288,7 @@ export const createMCPServer = (): McpServer => {
         readOnlyHint: false,
         idempotentHint: false,
         destructiveHint: false,
-        openWorldHint: false
+        openWorldHint: true
       }
     },
     async ({reportID, reason}) => {

package/openapi-3.0.yaml

@@ -2,7 +2,7 @@ openapi: 3.0.3
 info:
   title: Kilotest API
   description: 'Kilotest is an ensemble testing and reporting service for front-end web quality. It uses an ensemble of 12 rule engines to test web pages for front-end quality (accessibility, usability, and web standards, including HTML, CSS, ARIA, and WCAG). Kilotest acts as a web server for human users, an MCP server for AI platforms, and an API for programmatic access. With this API you can request that a page be tested or retested, discover available reports, incrementally retrieve facts from a report: from what reports are available, to what issues were reported in one report, to what elements violated one issue, to what diagnoses rule engines gave for one violation.'
-  version: 60.4.1
+  version: 60.6.0
   license:
     name: MIT
     url: https://github.com/jrpool/kilotest/blob/main/LICENSE

package/openapi.yaml

@@ -2,7 +2,7 @@ openapi: 3.1.0
 info:
   title: Kilotest API
   description: 'Kilotest is an ensemble testing and reporting service for front-end web quality. It uses an ensemble of 12 rule engines to test web pages for front-end quality (accessibility, usability, and web standards, including HTML, CSS, ARIA, and WCAG). Kilotest acts as a web server for human users, an MCP server for AI platforms, and an API for programmatic access. With this API you can request that a page be tested or retested, discover available reports, incrementally retrieve facts from a report: from what reports are available, to what issues were reported in one report, to what elements violated one issue, to what diagnoses rule engines gave for one violation.'
-  version: 60.4.1
+  version: 60.6.0
   license:
     name: MIT
     identifier: MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jrpool/kilotest",
-  "version": "60.4.1",
+  "version": "60.6.0",
   "description": "Ensemble testing for front-end web quality",
   "type": "module",
   "main": "index.ts",

package/server.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/jrpool/kilotest",
     "source": "github"
   },
-  "version": "60.4.1",
+  "version": "60.6.0",
   "remotes": [
     {
       "type": "streamable-http",

package/sitemap.xml

@@ -7,6 +7,9 @@
   <url><loc>https://kilotest.com/manage.html</loc></url>
   <url><loc>https://kilotest.com/tutorial.html</loc></url>
   <url><loc>https://kilotest.com/privacy.html</loc></url>
+  <url><loc>https://kilotest.com/terms.html</loc></url>
+  <url><loc>https://kilotest.com/accessibility.html</loc></url>
+  <url><loc>https://kilotest.com/demo-chatgpt.html</loc></url>
   <url><loc>https://kilotest.com/openapi.yaml</loc></url>
   <url><loc>https://kilotest.com/llms.txt</loc></url>
   <url><loc>https://kilotest.com/llms-full.txt</loc></url>

package/smokeTest.ts

@@ -25,6 +25,7 @@ const concretePaths: Record<string, Record<string, string>> = {
     '/llms-full.txt': '/llms-full.txt',
     '/llms.txt': '/llms.txt',
     '/mcp': '/mcp',
+    '/media/*': '/media/demo-chatgpt.mp4',
     '/openapi.json': '/openapi.json',
     '/openapi.yaml': '/openapi.yaml',
     '/qai': '/qai',

package/style.css

@@ -74,6 +74,25 @@ fieldset {
 form {
   margin-top: 1rem;
 }
+footer {
+  margin-top: 3rem;
+  padding-top: 1rem;
+  border-top: solid 0.1rem #000;
+}
+.footer-inner ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.footer-inner li {
+  display: inline-block;
+}
+.footer-inner a {
+  display: inline-block;
+  min-height: 44px;
+  padding: 0.5rem 0.25rem;
+  margin-right: 1.5rem;
+}
 h4, h5, h6 {
   margin-top: 1rem;
   margin-bottom: 0;
@@ -469,3 +488,25 @@ body.styled .warn {
   border: 1px solid #e8d48b;
   border-radius: 0.5rem;
 }
+body.styled footer {
+  background: var(--card);
+  border-top: 1px solid var(--line);
+}
+body.styled .footer-inner {
+  max-width: 64rem;
+  margin-inline: auto;
+  padding: 1rem 1.5rem;
+}
+body.styled .footer-inner ul {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem 1.75rem;
+}
+body.styled .footer-inner a {
+  font-size: 0.9rem;
+  color: var(--muted);
+}
+body.styled .footer-inner a:hover {
+  color: var(--accent);
+  background-color: transparent;
+}

package/util.ts

@@ -376,9 +376,9 @@ export const getPlainText = (string: string): string => string
 .replace(/&/g, '+')
 .replace(/[<>"']/g, ' ');
 // Markup shared by populated templates, lazily read once from files.
-let sharedContent: {head: string, header: string, headerNL: string, logo: string} | undefined;
+let sharedContent: {head: string, header: string, headerNL: string, footer: string, logo: string} | undefined;
 // Returns the markup shared by populated templates.
-const getSharedContent = async (): Promise<{head: string, header: string, headerNL: string, logo: string}> => {
+const getSharedContent = async (): Promise<{head: string, header: string, headerNL: string, footer: string, logo: string}> => {
   // Trailing newlines are stripped so injection does not add blank lines.
   if (!sharedContent) {
     const webDir = path.join(import.meta.dirname, 'web');
@@ -390,6 +390,7 @@ const getSharedContent = async (): Promise<{head: string, header: string, header
       header,
       // The home page gets the same header with its brand as text, not a link to itself.
       headerNL: header.replace('<a class="brand" href="/">', '<span class="brand">').replace('</a>', '</span>'),
+      footer: (await fs.readFile(path.join(webDir, 'footer.partial'), 'utf8')).trimEnd(),
       logo
     };
   }
@@ -405,6 +406,7 @@ export const populateFile = async (filePath: string, query: Record<string, strin
   .replace(/__head__/g, () => shared.head)
   .replace(/__headerNL__/g, () => shared.headerNL)
   .replace(/__header__/g, () => shared.header)
+  .replace(/__footer__/g, () => shared.footer)
   .replace(/__logo__/g, () => shared.logo);
   // Replace its placeholders.
   Object.keys(query).forEach(param => {

package/web/accessibility/accessibility.test.ts

@@ -0,0 +1,18 @@
+/*
+  accessibility.test.ts
+  Unit tests for web/accessibility/index.ts, covering the answer export.
+*/
+
+// IMPORTS
+
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {answer} from './index.ts';
+
+// TESTS
+
+test('answer returns the accessibility statement page', async () => {
+  const result = await answer();
+  assert.equal(result.status, 'ok');
+  assert.ok(result.answerPage.includes('WCAG'));
+});

package/web/accessibility/index.html

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    __head__
+    <meta name="description" content="Kilotest accessibility statement: the accessibility goals, testing, and feedback channel for kilotest.com">
+    <title>Accessibility statement | Kilotest</title>
+  </head>
+  <body class="styled">
+    __header__
+    <main class="page">
+      <h1>Accessibility statement</h1>
+      <p>This statement applies to the Kilotest web site at <code>kilotest.com</code>. It was last updated in October 2026.</p>
+      <h2>Policy</h2>
+      <p>Kilotest intends to have a simple, intuitive, and accessible web interface that conforms to Level AAA of Web Content Accessibility Guidelines (WCAG) 2.2 and best practices defined by various accessibility experts. One requirement that Kilotest imposes on itself is that no page exhibits any issues other than lowest-priority issues when tested by Kilotest itself. Any lowest-priority issues will be remediated or their justifications will be documented on this page.</p>
+      <h2>Unremediated issues</h2>
+      <p>Kilotest has reported these lowest-priority issues:</p>
+      <ul>
+        <li><strong>large visible-element count</strong> (<code>visibleBulk</code>) on the list-pages page: justified by the existence of more than 200 tested pages</li>
+        <li><strong>inconsistent heading, link, or button styles</strong> (<code>incnsistentStyles</code>) on the list-pages page: under investigation</li>
+      </ul>
+      <p>The testing of Kilotest pages is incomplete, so additional unremediated issues may remain.</p>
+      <h2>Known limitations</h2>
+      <p>Reports about third-party pages quote elements of those pages, such as tag names, attributes, and text excerpts. Kilotest does not control the accessibility of quoted content or of the tested pages themselves.</p>
+      <h2>Comments</h2>
+      <p>If you encounter an accessibility barrier on this site, or if any content is hard for you to perceive or operate, email <a href="mailto:info@kilotest.com">info@kilotest.com</a> or submit an issue on <a href="https://github.com/jrpool/kilotest/issues">GitHub</a>. Reported barriers are treated as defects and prioritized for remediation.</p>
+    </main>
+    __footer__
+  </body>
+</html>

package/web/accessibility/index.ts

@@ -0,0 +1,19 @@
+/*
+  index.ts
+  Serves the accessibility statement.
+*/
+
+// IMPORTS
+
+import {populateTemplate} from '../../util.ts';
+
+// FUNCTIONS
+
+// Returns the accessibility statement page.
+export const answer = async () => {
+  const answerPage = await populateTemplate(import.meta.dirname, {});
+  return {
+    status: 'ok',
+    answerPage
+  };
+};

package/web/ai0BalanceForm/index.html

@@ -21,5 +21,6 @@
         <p><button type="submit">Submit</button></p>
       </form>
     </main>
+    __footer__
   </body>
 </html>

package/web/deleteNotesForm/index.html

@@ -20,5 +20,6 @@
         <p><button type="submit" __disabled__>Submit</button></p>
       </form>
     </main>
+    __footer__
   </body>
 </html>

package/web/demo-chatgpt/demo-chatgpt.test.ts

@@ -0,0 +1,18 @@
+/*
+  demo.test.ts
+  Unit tests for web/demo/index.ts, covering the answer export.
+*/
+
+// IMPORTS
+
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {answer} from './index.ts';
+
+// TESTS
+
+test('answer returns the demonstration page', async () => {
+  const result = await answer();
+  assert.equal(result.status, 'ok');
+  assert.ok(result.answerPage.includes('ChatGPT demonstration'));
+});

package/web/demo-chatgpt/index.html

@@ -0,0 +1,279 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    __head__
+    <meta name="description" content="Kilotest demonstration: a step-through walkthrough of ChatGPT using the Kilotest tools">
+    <title>ChatGPT demonstration | Kilotest</title>
+  </head>
+  <body class="styled">
+    __header__
+    <main class="page">
+      <h1>ChatGPT demonstration</h1>
+      <p>This page shows how ChatGPT uses Kilotest to answer questions about the front-end quality of web pages. Each of the five scenarios below reproduces a real interaction. Step through them at your own pace with the Previous and Next buttons, or press Play to advance automatically. The same interaction is also available as a <a href="/media/demo-chatgpt.mp4">video recording</a>.</p>
+      <div class="demo" id="demo">
+        <div class="demo-controls">
+          <button type="button" id="demo-play" aria-pressed="false"><span aria-hidden="true">▶</span> Play</button>
+          <button type="button" id="demo-prev"><span aria-hidden="true">◀</span> Previous</button>
+          <button type="button" id="demo-next">Next <span aria-hidden="true">▶</span></button>
+          <span id="demo-status" role="status">Scene 1 of 5</span>
+        </div>
+        <div class="demo-stage" id="demo-stage" aria-live="polite">
+
+          <section class="frame" data-scene="1">
+            <h2>1. Which of its own pages has Kilotest tested?</h2>
+            <h3>Prompt 1</h3>
+            <div class="msg user"><p><span class="mention">@ Kilotest</span> Name all pages of Kilotest that Kilotest has tested. I need only their names and not their URLs, test dates, test results, or any other information.</p></div>
+            <div class="msg tool"><p>Used Kilotest — worked for a few seconds</p></div>
+            <h3>Response 1</h3>
+            <div class="msg assistant"><p>The assistant at first listed every tested page, not only the Kilotest pages.</p></div>
+            <h3>Corrective prompt 1</h3>
+            <div class="msg user"><p>You answered the wrong question. I asked you to name all pages of Kilotest that Kilotest has tested. I did not ask you to name all pages that Kilotest has tested.</p></div>
+            <div class="msg tool"><p>Used Kilotest — worked for 13s</p></div>
+            <h3>Corrected response 1</h3>
+            <div class="msg assistant"><ul><li>Kilotest</li><li>Kilotest list diagnoses</li><li>Kilotest list issues</li><li>Kilotest list pages</li><li>Kilotest list violators</li></ul></div>
+          </section>
+
+          <section class="frame" data-scene="2" hidden>
+            <h2>2. What issues were reported in a page&rsquo;s latest report?</h2>
+            <h3>Prompt 2</h3>
+            <div class="msg user"><p><span class="mention">@ Kilotest</span> Name the issues reported in the latest report about the Human Rights Watch contact page. I need only their names and not their descriptions, priorities, or any other information.</p></div>
+            <div class="msg tool"><p>Used Kilotest — worked for 9s</p></div>
+            <h3>Response 2</h3>
+            <div class="msg assistant">
+              <ul class="issue-list">
+                <li>abbr title missing</li>
+                <li>all-capital text</li>
+                <li>aria reference invalid</li>
+                <li>attribute invalid</li>
+                <li>attribute obsolete</li>
+                <li>attribute value invalid</li>
+                <li>autocomplete invalid</li>
+                <li>box size absolute</li>
+                <li>button name not visible</li>
+                <li>code invalid</li>
+                <li>contrast poor</li>
+                <li>double br use dubious</li>
+                <li>element focusability and operability conflict</li>
+                <li>fieldset missing?</li>
+                <li>focus indication improvable</li>
+                <li>focusable element hidden</li>
+                <li>forms not distinctly named</li>
+                <li>heading level skipped</li>
+                <li>heading structure illogical</li>
+                <li>hovering changes content</li>
+                <li>ID empty</li>
+                <li>ID not unique</li>
+                <li>iframe not named</li>
+                <li>image not named</li>
+                <li>inconsistent heading, link, or button styles</li>
+                <li>itemid invalid</li>
+                <li>label location dubious</li>
+                <li>large visible-element count</li>
+                <li>line height low</li>
+                <li>link destination not URL</li>
+                <li>link href missing</li>
+                <li>link indication poor</li>
+                <li>link not named</li>
+                <li>links named identically</li>
+                <li>links not grouped as nav</li>
+                <li>list-like br use dubious</li>
+                <li>menu navigation nonstandard</li>
+                <li>parent invalid</li>
+                <li>requirement invalid</li>
+                <li>role assigned instead of implicit</li>
+                <li>role redundant</li>
+                <li>small targets too near to each other</li>
+                <li>summary has explicit role</li>
+                <li>svg image not named</li>
+                <li>tab-opening link action unstated?</li>
+                <li>target small</li>
+                <li>target very small</li>
+                <li>text contrast improvable</li>
+                <li>text contrast not testable</li>
+                <li>title attribute invalid</li>
+                <li>z-index not zero</li>
+              </ul>
+            </div>
+          </section>
+
+          <section class="frame" data-scene="3" hidden>
+            <h2>3. Which issue did the most rule engines report, and what did they find?</h2>
+            <h3>Prompt 3</h3>
+            <div class="msg user"><p><span class="mention">@ Kilotest</span> In the latest report about the Wikimedia Foundation (home) page, tell me which highest-priority issue was reported by the largest number of rule engines. For that issue, give me the XPath of the element that was reported as a violator by the largest number of rule engines. Finally, for that element and that issue, give me a one-sentence summary of the diagnoses. I do not need an issue explanation, additional information about the element, the number of diagnoses, their full texts, or the number or names of the rule engines that issued them.</p></div>
+            <div class="msg tool"><p>Used Kilotest — worked for 21s</p></div>
+            <h3>Response 3</h3>
+            <div class="msg assistant">
+              <p><strong>Highest-priority issue:</strong> Link not named</p>
+              <p><strong>XPath(s) tied for the most rule-engine reports:</strong></p>
+              <ul>
+                <li><code>/html/body/div[2]/footer[1]/div[1]/div[2]/div[1]/figure[1]/a[1]</code></li>
+                <li><code>/html/body/div[2]/footer[1]/div[1]/div[2]/div[1]/figure[2]/a[1]</code></li>
+              </ul>
+              <p><strong>Diagnosis summary:</strong> Both links lack an accessible name, such as discernible text or an equivalent text alternative, making their purpose unclear to screen-reader users.</p>
+            </div>
+          </section>
+
+          <section class="frame" data-scene="4" hidden>
+            <h2>4. How do I get an untested page tested?</h2>
+            <h3>Prompt 4</h3>
+            <div class="msg user"><p><span class="mention">@ Kilotest</span> Request a Kilotest test of Example12345 (<a href="https://example12345.info">https://example12345.info</a>) and let me know whether the request was accepted. If it was, tell me how long I should expect to wait before the results will be available.</p></div>
+            <div class="msg tool"><p>Used Kilotest — worked for 12s</p></div>
+            <h3>Response 4</h3>
+            <div class="msg assistant"><p>Kilotest <strong>did not accept the request</strong> to test Example12345 (<code>https://example12345.info</code>).</p>
+            <p>The reason given was that the URL does not resolve to a page that this Kilotest deployment can test.</p>
+            <p>Since the request was rejected, there is no expected wait time for results.</p></div>
+          </section>
+
+          <section class="frame" data-scene="5" hidden>
+            <h2>5. Can a page be retested after it has been remediated?</h2>
+            <h3>Prompt 5</h3>
+            <div class="msg user"><p><span class="mention">@ Kilotest</span> Order a Kilotest retest of the Example page. When the report is completed, compare it with the previous report about that page and give me two lists: one naming any eliminated issues and the other naming any newly reported issues. I do not need the report dates, the issue counts, issue explanations, or any other information. If the order is rejected, or if the report is not completed within 4 minutes, stop waiting and tell me what happened.</p></div>
+            <div class="msg tool"><p>Used Kilotest — worked for 1m 12s</p></div>
+            <h3>Response 5</h3>
+            <div class="msg assistant">
+              <p>Kilotest accepted the retest order, and the report was completed within 4 minutes.</p>
+              <p><strong>Eliminated issues</strong></p>
+              <p>– None</p>
+              <p><strong>Newly reported issues</strong></p>
+              <p>– None</p>
+            </div>
+          </section>
+
+        </div>
+      </div>
+      <p>Each scenario corresponds to a real capability of the Kilotest tools: discovering tested pages, listing issues, drilling down to elements and diagnoses, requesting tests, and ordering retests. The responses above reproduce real Kilotest report data.</p>
+    </main>
+    <script>
+      const frames = Array.from(document.querySelectorAll('#demo-stage .frame'));
+      const playBtn = document.getElementById('demo-play');
+      const prevBtn = document.getElementById('demo-prev');
+      const nextBtn = document.getElementById('demo-next');
+      const status = document.getElementById('demo-status');
+      let current = 0;
+      let timer = null;
+
+      function show(index) {
+        current = Math.max(0, Math.min(frames.length - 1, index));
+        frames.forEach((frame, i) => { frame.hidden = i !== current; });
+        status.textContent = 'Scene ' + (current + 1) + ' of ' + frames.length;
+        prevBtn.disabled = current === 0;
+        nextBtn.disabled = current === frames.length - 1;
+      }
+
+      function stop() {
+        if (timer) { clearInterval(timer); timer = null; }
+        playBtn.innerHTML = '<span aria-hidden="true">▶</span> Play';
+        playBtn.setAttribute('aria-pressed', 'false');
+      }
+
+      playBtn.addEventListener('click', function () {
+        if (timer) { stop(); return; }
+        if (current === frames.length - 1) { show(0); }
+        playBtn.innerHTML = '<span aria-hidden="true">⏸</span> Pause';
+        playBtn.setAttribute('aria-pressed', 'true');
+        timer = setInterval(function () {
+          if (current >= frames.length - 1) { stop(); return; }
+          show(current + 1);
+        }, 6000);
+      });
+
+      prevBtn.addEventListener('click', function () { stop(); show(current - 1); });
+      nextBtn.addEventListener('click', function () { stop(); show(current + 1); });
+      show(0);
+    </script>
+    <style>
+      .demo-controls {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+        align-items: center;
+        margin-bottom: 1rem;
+      }
+      .demo-controls button {
+        min-height: 44px;
+        padding: 0.5rem 1rem;
+        font-size: 1rem;
+        font-family: inherit;
+        border: solid 1px var(--line);
+        border-radius: 0.375rem;
+        background: var(--card);
+        color: inherit;
+        cursor: pointer;
+      }
+      .demo-controls button:hover {
+        border-color: var(--accent);
+      }
+      .demo-controls button:disabled {
+        opacity: 0.45;
+        cursor: default;
+      }
+      .demo-controls button:disabled:hover {
+        border-color: var(--line);
+      }
+      #demo-status {
+        font-size: 0.9rem;
+        color: var(--muted);
+      }
+      .demo-stage .frame {
+        border: solid 1px var(--line);
+        border-radius: 0.5rem;
+        padding: 1rem 1.25rem;
+        background: var(--card);
+      }
+      .demo-stage .frame h2 {
+        margin-top: 0;
+        font-size: 1.15rem;
+      }
+      .demo-stage .frame h3 {
+        margin: 1rem 0 0.25rem;
+        font-size: 0.95rem;
+        color: var(--accent);
+      }
+      .msg {
+        margin: 0.75rem 0;
+        max-width: 52rem;
+      }
+      .msg p {
+        margin: 0;
+      }
+      .msg.user {
+        display: flex;
+        justify-content: flex-end;
+      }
+      .msg.user p {
+        max-width: 42rem;
+        padding: 0.55rem 1.1rem;
+        background: #e9e9e9;
+        border-radius: 1.4rem;
+      }
+      .msg.tool {
+        font-size: 0.9rem;
+        color: #888;
+      }
+      .msg.tool p {
+        padding: 0.2rem 0;
+      }
+      .msg.tool p::after {
+        content: "  \203A";
+      }
+      .mention {
+        display: inline-block;
+        padding: 0.05rem 0.5rem;
+        margin-right: 0.25rem;
+        font-size: 0.85rem;
+        background: #ddf0e8;
+        border-radius: 0.4rem;
+      }
+      .msg.assistant {
+        padding: 0.6rem 0;
+      }
+      .issue-list {
+        columns: 14rem 3;
+        column-gap: 2rem;
+        font-size: 0.9rem;
+        margin: 0.5rem 0 0;
+      }
+    </style>
+    __footer__
+  </body>
+</html>

package/web/demo-chatgpt/index.ts

@@ -0,0 +1,19 @@
+/*
+  index.ts
+  Serves the Kilotest demonstration page.
+*/
+
+// IMPORTS
+
+import {populateTemplate} from '../../util.ts';
+
+// FUNCTIONS
+
+// Returns the demonstration page.
+export const answer = async () => {
+  const answerPage = await populateTemplate(import.meta.dirname, {});
+  return {
+    status: 'ok',
+    answerPage
+  };
+};

package/web/enqueue/index.html

@@ -14,5 +14,6 @@
       <p>Once the job has been completed, it will appear in the answer to the question, <q>Which web pages have been tested?</q>.</p>
       <p>All recommendations for the retest of the __target__ page have been deleted.</p>
     </main>
+    __footer__
   </body>
 </html>

package/web/enqueueForm/index.html

@@ -24,5 +24,6 @@
         <p><button type="submit" __disabled__>Submit</button></p>
       </form>
     </main>
+    __footer__
   </body>
 </html>

package/web/expungeReportsForm/index.html

@@ -20,5 +20,6 @@
         <p><button type="submit" __disabled__>Submit</button></p>
       </form>
     </main>
+    __footer__
   </body>
 </html>

package/web/footer.partial

@@ -0,0 +1,9 @@
+<footer>
+      <nav class="footer-inner" aria-label="Site">
+        <ul>
+          <li><a href="/privacy.html">Privacy policy</a></li>
+          <li><a href="/terms.html">Terms of service</a></li>
+          <li><a href="/accessibility.html">Accessibility statement</a></li>
+        </ul>
+      </nav>
+    </footer>

package/web/hideReportForm/index.html

@@ -20,5 +20,6 @@
         <p><button type="submit">Submit</button></p>
       </form>
     </main>
+    __footer__
   </body>
 </html>

package/web/home/index.html

@@ -99,9 +99,9 @@
         <h2 id="more-heading">More …</h2>
         <ul class="nav">
           <li><a href="manage.html"><span class="card-title">Management actions</span><span class="card-desc">Approval, queue, and report administration for managers.</span></a></li>
-          <li><a href="privacy.html"><span class="card-title">Privacy policy</span><span class="card-desc">What Kilotest collects, stores, and shares.</span></a></li>
         </ul>
       </section>
     </main>
+    __footer__
   </body>
 </html>

package/web/listDiagnoses/index.html

@@ -22,5 +22,6 @@ __takeMeThere__
         __diagnoses__
       </ol>
     </main>
+    __footer__
   </body>
 </html>

package/web/listIssues/index.html

@@ -47,5 +47,6 @@ __history__
       <p><a href="/tutorialAI.html">Make Kilotest available to an AI assistant</a>. Then give it a prompt like this:</p>
       <blockquote><q>Kilotest reports issues on the __target__ web page. Describe them and propose a plan to resolve the genuine defects.</q></blockquote>
     </main>
+    __footer__
   </body>
 </html>

package/web/listPages/index.html

@@ -14,5 +14,6 @@ __jobSections__
       <h2>Already tested</h2>
 __testedPages__
     </main>
+    __footer__
   </body>
 </html>

package/web/listRules/index.html

@@ -17,5 +17,6 @@
       <h2>Rules</h2>
       __rules__
     </main>
+    __footer__
   </body>
 </html>

package/web/listTopIssues/index.html

@@ -11,5 +11,6 @@
       <p>These are the issues reported most often. If a page has been tested more than once, only its last test is counted.</p>
       __issues__
     </main>
+    __footer__
   </body>
 </html>

package/web/listViolators/index.html

@@ -20,5 +20,6 @@ __issueFacts__
         __violators__
       </ul>
     </main>
+    __footer__
   </body>
 </html>

package/web/manage/index.html

@@ -25,5 +25,6 @@
         <li><a href="/metrics.html">View usage metrics</a></li>
       </ul>
     </main>
+    __footer__
   </body>
 </html>

package/web/metrics/index.html

@@ -10,5 +10,6 @@
       <h1><a href="/">Kilotest</a>: Usage metrics</h1>
       __body__
     </main>
+    __footer__
   </body>
 </html>

package/web/privacy/index.html

@@ -5,9 +5,10 @@
     <meta name="description" content="Kilotest privacy policy: what information Kilotest collects, uses, shares, and keeps">
     <title>Privacy policy | Kilotest</title>
   </head>
-  <body>
-    <main>
-      <h1><a href="/">Kilotest</a>: Privacy policy</h1>
+  <body class="styled">
+    __header__
+    <main class="page">
+      <h1>Privacy policy</h1>
       <p>This policy applies to the Kilotest web site, API, and MCP server at <code>kilotest.com</code>, and does not apply to any other deployment of Kilotest. Kilotest does not require an account, does not ask for your name or email address, and does not use advertising or tracking cookies.</p>
       <h2>What Kilotest collects</h2>
       <ul>
@@ -28,5 +29,6 @@
       <h2>Changes and contact</h2>
       <p>Changes to this policy are recorded in the <a href="https://github.com/jrpool/kilotest">public repository</a>. Questions can be sent to <a href="mailto:info@kilotest.com">info@kilotest.com</a>.</p>
     </main>
+    __footer__
   </body>
 </html>

package/web/pruneReportsForm/index.html

@@ -20,5 +20,6 @@
         <p><button type="submit" __disabled__>Submit</button></p>
       </form>
     </main>
+    __footer__
   </body>
 </html>

package/web/reannotate/index.html

@@ -10,5 +10,6 @@
       <h1><a href="/">Kilotest</a>: Reannotation order</h1>
       <p>The latest report on each target has been reannotated.</p>
     </main>
+    __footer__
   </body>
 </html>

package/web/reannotateForm/index.html

@@ -20,5 +20,6 @@
       <p>__how__</p>
       __reannotateForm__
     </main>
+    __footer__
   </body>
 </html>

package/web/renewWCAG/index.html

@@ -10,5 +10,6 @@
       <h1><a href="/">Kilotest</a>: WCAG map renewed</h1>
       <p>The WCAG map has been renewed.</p>
     </main>
+    __footer__
   </body>
 </html>

package/web/renewWCAGForm/index.html

@@ -16,5 +16,6 @@
         <p><button type="submit">Submit</button></p>
       </form>
     </main>
+    __footer__
   </body>
 </html>

package/web/requestNewTest/index.html

@@ -14,5 +14,6 @@
       <p>If a <a href="/enqueueForm.html">Kilotest manager approves this request</a>, a test order will be added to the queue.</p>
       <p>In most cases, if you check Kilotest again in 1 day, you will find that the requested job has been performed.</p>
     </main>
+    __footer__
   </body>
 </html>

package/web/requestNewTestForm/index.html

@@ -25,5 +25,6 @@
         <p><button type="submit">Submit</button></p>
       </form>
     </main>
+    __footer__
   </body>
 </html>

package/web/requestRetest/index.html

@@ -14,5 +14,6 @@
       <p>If a <a href="/enqueueForm.html">Kilotest manager approves this request</a>, a test order will be added to the queue.</p>
       <p>In most cases, if you check Kilotest again in 1 day, you will find that the requested test has been performed.</p>
     </main>
+    __footer__
   </body>
 </html>

package/web/requestRetestForm/index.html

@@ -18,5 +18,6 @@
         <p><button type="submit">Submit</button></p>
       </form>
     </main>
+    __footer__
   </body>
 </html>

package/web/rewindReportsForm/index.html

@@ -20,5 +20,6 @@
         <p><button type="submit" __disabled__>Submit</button></p>
       </form>
     </main>
+    __footer__
   </body>
 </html>

package/web/showHiddenReportsForm/index.html

@@ -15,5 +15,6 @@
         <p><button type="submit">Submit</button></p>
       </form>
     </main>
+    __footer__
   </body>
 </html>

package/web/terms/index.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    __head__
+    <meta name="description" content="Kilotest terms of service: rules for using the Kilotest web site, API, and MCP server">
+    <title>Terms of service | Kilotest</title>
+  </head>
+  <body class="styled">
+    __header__
+    <main class="page">
+      <h1>Terms of service</h1>
+      <p>These terms apply to the Kilotest web site, API, and MCP server at <code>kilotest.com</code>, and do not apply to any other deployment of Kilotest. By using Kilotest you accept these terms. Kilotest is free and does not require an account.</p>
+      <h2>What Kilotest does</h2>
+      <p>Kilotest tests publicly reachable web pages for front-end quality (accessibility, usability, and web standards) with an ensemble of rule engines, stores the results as reports, and makes the reports publicly available through its web site, API, and MCP server. Owners of tested pages can request deletion of reports under the <a href="/privacy.html">privacy policy</a>.</p>
+      <h2>What you submit</h2>
+      <p>When you request or order a test or retest, you ask Kilotest to fetch the page and publish a report about it. You do not need the page owner&rsquo;s permission to do so. Submit only publicly reachable URLs, and do not submit URLs that require credentials or that would put secrets into a public report. Kilotest may reject any request or order.</p>
+      <h2>Acceptable use</h2>
+      <p>Do not use Kilotest to attack, probe, or overload web sites, including this one, and do not submit unlawful or deceptive content. Kilotest may rate-limit, refuse, or block any use.</p>
+      <p>Reports attribute results to third-party rule engines, whose own terms may restrict the use of those results. In particular, results derived from WAVE are subject to the <a href="https://wave.webaim.org/terms">WAVE terms of use</a>, which prohibit their use for any purpose related to a legal action without written permission from WebAIM.</p>
+      <h2>No warranty</h2>
+      <p>Kilotest and its reports are provided as is. Automated rule engines can produce incomplete or incorrect results. Kilotest runs multiple rule engines and discloses selected results from them with attribution to them, but results disclosed from any particular rule engine differ in detail from the results that the same rule engine would produce if run directly. A Kilotest report is not a certification of conformance with WCAG or any other standard or law, and it is not legal advice. Kilotest is not liable for decisions made on the basis of a report.</p>
+      <h2>Changes and contact</h2>
+      <p>Changes to these terms are recorded in the <a href="https://github.com/jrpool/kilotest">public repository</a>. Questions can be sent to <a href="mailto:info@kilotest.com">info@kilotest.com</a>.</p>
+    </main>
+    __footer__
+  </body>
+</html>

package/web/terms/index.ts

@@ -0,0 +1,19 @@
+/*
+  index.ts
+  Serves the terms of service.
+*/
+
+// IMPORTS
+
+import {populateTemplate} from '../../util.ts';
+
+// FUNCTIONS
+
+// Returns the terms of service page.
+export const answer = async () => {
+  const answerPage = await populateTemplate(import.meta.dirname, {});
+  return {
+    status: 'ok',
+    answerPage
+  };
+};

package/web/terms/terms.test.ts

@@ -0,0 +1,18 @@
+/*
+  terms.test.ts
+  Unit tests for web/terms/index.ts, covering the answer export.
+*/
+
+// IMPORTS
+
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {answer} from './index.ts';
+
+// TESTS
+
+test('answer returns the terms of service page', async () => {
+  const result = await answer();
+  assert.equal(result.status, 'ok');
+  assert.ok(result.answerPage.includes('provided as is'));
+});

package/web/tutorialAI/index.html

@@ -111,6 +111,8 @@
           <li>Toggle the <q>Ask/Allow</q> buttons to show <q>Allow</q>.</li>
         </ol>
       </details>
+      <h2>Demonstration</h2>
+      <p>A <a href="/demo-chatgpt.html">step-through demonstration</a> shows ChatGPT using Kilotest to discover tested pages, inspect reported issues, and request tests and retests.</p>
       <h2 id="other">Other AI platforms</h2>
       <p>You can connect Kilotest to some other AI platforms, too. The instructions above are limited to consumer platforms that are either free or relatively inexpensive (US$20 per month or less). Business platforms such as ChatGPT Business, and developer platforms such as Devin Desktop, also permit you to enable Kilotest.</p>
       <p>Feel free to submit a comment below about empowering any AI platform to use Kilotest.</p>
@@ -234,5 +236,6 @@
         color: #1a4a1a;
       }
     </style>
+    __footer__
   </body>
 </html>

package/web/tutorialWeb/index.html

@@ -633,5 +633,6 @@
         }
       });
     </script>
+    __footer__
   </body>
 </html>

package/web/unhideReportForm/index.html

@@ -20,5 +20,6 @@
         <p><button type="submit">Submit</button></p>
       </form>
     </main>
+    __footer__
   </body>
 </html>