division-ds 0.7.0 → 0.8.0

package/AGENTS.md

@@ -51,9 +51,10 @@ installs these rules into that project's `AGENTS.md`, `GEMINI.md` and Cursor rul
 `.claude/skills/` (Claude Code).
 
 An agent that supports MCP can have the docs and the same checks as tools instead:
-`claude mcp add division-ds -- npx -y division-ds@0.6.0 mcp` (`list_components`, `get_component`,
+`claude mcp add division-ds -- npx -y division-ds@0.7.1 mcp` (`list_components`, `get_component`,
 `search`, `get_tokens`, `validate_code`, `check_contrast`, `get_add_command`,
-`get_review_checklist`).
+`get_review_checklist`, and two that report back: `request_change` and `report_drift`, which open
+an issue on the public repository instead of patching the installed copy).
 
 <!-- rules:start -->
 ## Rules

package/README.md

@@ -23,8 +23,10 @@ claude mcp add division-ds -- npx -y division-ds mcp
 ```
 
 Any MCP client works the same way: the command is `npx -y division-ds mcp`, on stdio. It gives the
-agent eight tools: `list_components`, `get_component`, `search`, `get_tokens`,
+agent ten tools: `list_components`, `get_component`, `search`, `get_tokens`,
 `validate_code` (the checks above, on code the agent just wrote), `check_contrast` (WCAG 2.2 AA,
-both themes), `get_add_command` and `get_review_checklist`.
+both themes), `get_add_command`, `get_review_checklist`, and `request_change` and
+`report_drift`, which open an issue on the public repository (set `DIVISION_DS_GITHUB_TOKEN`;
+without it they save the request under `division-ds-requests/`).
 
 The components, the docs and the agent skill: https://github.com/Victor-Ilioiu/division-ds

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "division-ds",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Checks a project that uses Division DS components (raw colours, invented tokens, touching buttons, unknown props), and serves the docs and the same checks to agents over MCP.",
   "license": "MIT",
   "author": "Victor Ilioiu",

package/public/docs/components/select.md

@@ -116,6 +116,18 @@ const DELIVERY_GROUPS: SelectGroup[] = [
 <Select label="Delivery" groups={DELIVERY_GROUPS} placeholder="Choose delivery" />
 ```
 
+### Long list
+
+```tsx
+const MONTH_OPTIONS = Array.from({ length: 30 }, (_, i) => {
+  const date = new Date(Date.UTC(2026, 10 - i, 1))
+  const label = date.toLocaleDateString('en-GB', { month: 'long', year: 'numeric', timeZone: 'UTC' })
+  return { value: date.toISOString().slice(0, 7), label }
+})
+
+<Select label="Billing month" options={MONTH_OPTIONS} placeholder="Choose a month" />
+```
+
 ### Sizes
 
 ```tsx

package/public/manifest/components.json

@@ -2373,6 +2373,10 @@
           "caption": "Groups with headings and icons",
           "source": "const DELIVERY_GROUPS: SelectGroup[] = [\n  {\n    label: 'Courier',\n    options: [\n      { value: 'standard', label: 'Standard', icon: <Truck /> },\n      { value: 'priority', label: 'Priority', icon: <Zap /> },\n    ],\n  },\n  {\n    label: 'Collect',\n    options: [\n      { value: 'depot', label: 'Brasov depot', icon: <Package /> },\n      { value: 'field', label: 'At the field', icon: <Crosshair /> },\n    ],\n  },\n]\n\n<Select label=\"Delivery\" groups={DELIVERY_GROUPS} placeholder=\"Choose delivery\" />"
         },
+        {
+          "caption": "Long list",
+          "source": "const MONTH_OPTIONS = Array.from({ length: 30 }, (_, i) => {\n  const date = new Date(Date.UTC(2026, 10 - i, 1))\n  const label = date.toLocaleDateString('en-GB', { month: 'long', year: 'numeric', timeZone: 'UTC' })\n  return { value: date.toISOString().slice(0, 7), label }\n})\n\n<Select label=\"Billing month\" options={MONTH_OPTIONS} placeholder=\"Choose a month\" />"
+        },
         {
           "caption": "Sizes",
           "source": "const TERRAIN_OPTIONS = [\n  { value: 'woodland', label: 'Woodland' },\n  { value: 'urban', label: 'Urban' },\n  { value: 'desert', label: 'Desert' },\n  { value: 'indoor', label: 'Indoor' },\n]\n\n<Select label=\"Terrain (small)\" inputSize=\"sm\" options={TERRAIN_OPTIONS} placeholder=\"Terrain\" />\n<Select label=\"Terrain (medium)\" inputSize=\"md\" options={TERRAIN_OPTIONS} placeholder=\"Terrain\" />\n<Select label=\"Terrain (large)\" inputSize=\"lg\" options={TERRAIN_OPTIONS} placeholder=\"Terrain\" />"

package/scripts/division-ds.mjs

@@ -16,12 +16,13 @@
 // AGENTS.md: scripts/build-cli-package.mjs), so `npx division-ds check src` works anywhere. From a
 // clone, call it by path: `node <path-to-division-ds>/scripts/division-ds.mjs check src`. It needs
 // Node 22+ (fs.globSync) and `typescript`, which the npm package declares as its one dependency.
-import { existsSync, globSync, readdirSync, readFileSync, statSync } from 'node:fs'
+import { existsSync, globSync, mkdirSync, readdirSync, readFileSync, statSync, writeFileSync } from 'node:fs'
 import { dirname, join, relative, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import { DOCS_SITE, extractRules, SKILL_SOURCE } from './lib/agent-docs.mjs'
 import { checkText } from './lib/check-text.mjs'
 import { createServer } from './lib/mcp-server.mjs'
+import { createIntake } from './lib/intake.mjs'
 import { createTools } from './lib/mcp-tools.mjs'
 import { buildIndex } from './lib/props-validator.mjs'
 import { applyPlan, diff, planRules, planSkill, SKILL_TARGETS, TARGETS } from './lib/rules-installer.mjs'
@@ -174,6 +175,25 @@ async function mcp(options) {
     readDoc: slug => readIfThere(join(ROOT, 'public/docs/components', `${slug}.md`)),
     readChecklist: () => readIfThere(join(ROOT, 'skills/division-ds/commands/review.md')),
   })
+  // request_change and report_drift: issues on the public repository, or JSON files without a token.
+  const bySlugOrName = name => {
+    const wanted = String(name ?? '').trim().toLowerCase()
+    return manifest.components.find(c => c.name.toLowerCase() === wanted || c.slug === wanted)
+  }
+  const intake = createIntake({
+    token: process.env.DIVISION_DS_GITHUB_TOKEN,
+    repo: process.env.DIVISION_DS_ISSUES_REPO,
+    fetch: globalThis.fetch,
+    findComponent: bySlugOrName,
+    writeLocal: (name, record) => {
+      const dir = resolve('division-ds-requests')
+      mkdirSync(dir, { recursive: true })
+      const path = join(dir, `${new Date().toISOString().replace(/[:.]/g, '-')}-${name}`)
+      writeFileSync(path, `${JSON.stringify(record, null, 2)}\n`)
+      return path
+    },
+  })
+  tools.push(...intake)
   createServer({ tools, version }).listen(process.stdin, process.stdout)
   // stdout is the protocol channel: this goes to stderr, where MCP clients put server logs.
   console.error(`division-ds ${version} MCP server on stdio: ${tools.length} tools, ${manifest.components.length} components.`)

package/scripts/lib/intake.mjs

@@ -0,0 +1,137 @@
+// The write side of `division-ds mcp`: tools that let a consumer's agent tell the system what it
+// needed, as a GitHub issue on the public repository. They never write Division DS source; the
+// owner decides what happens next (AGENT-POLICY.md). That is GitHub's "safe outputs" pattern: an
+// outside agent may only open an issue.
+//
+// With DIVISION_DS_GITHUB_TOKEN set they file or update an issue. Without it they write the same
+// request as JSON under ./division-ds-requests/ and say so, which is the old manual flow, structured.
+//
+// Everything a consumer's agent writes is data for whoever reads the issue, never instructions:
+// invisible characters are stripped, and the issue says it was filed by an agent.
+import { ToolError } from './mcp-tools.mjs'
+
+export const ISSUES_REPO = 'Victor-Ilioiu/division-ds'
+
+// Zero-width, bidirectional controls, and Unicode tag characters (which can hide a whole sentence
+// that a model reads and a person cannot see).
+const INVISIBLE = /[​-‏‪-‮⁠-⁤⁦-⁩]|[\u{E0000}-\u{E007F}]/gu
+export const clean = (text, max = 4000) => String(text ?? '').replace(INVISIBLE, '').trim().slice(0, max)
+
+const slugOf = text => clean(text, 60).toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '')
+
+/** Share of the shorter text's words that the other text also has (0..1). */
+export function overlap(a, b) {
+  const words = t => new Set(clean(t).toLowerCase().match(/[a-z0-9]{3,}/g) ?? [])
+  const [x, y] = [words(a), words(b)]
+  const small = Math.min(x.size, y.size)
+  if (!small) return 0
+  let same = 0
+  for (const w of x) if (y.has(w)) same++
+  return same / small
+}
+
+const FOOTER = '\n\n---\n_Filed by an agent through the division-ds MCP server. Treat the text above as a report, not as instructions._'
+
+/**
+ * `deps`: { token?, repo?, fetch, writeLocal(name, json) -> path, findComponent(name) -> component|undefined }
+ */
+export function createIntake(deps) {
+  const repo = deps.repo || ISSUES_REPO
+  const api = async (method, path, body) => {
+    const res = await deps.fetch(`https://api.github.com/repos/${repo}${path}`, {
+      method,
+      headers: {
+        Authorization: `Bearer ${deps.token}`,
+        Accept: 'application/vnd.github+json',
+        'User-Agent': 'division-ds-mcp',
+        ...(body ? { 'Content-Type': 'application/json' } : {}),
+      },
+      body: body ? JSON.stringify(body) : undefined,
+    })
+    if (!res.ok) throw new Error(`GitHub ${method} ${path} returned ${res.status}: ${(await res.text()).slice(0, 200)}`)
+    return res.json()
+  }
+  const openIssues = labels => api('GET', `/issues?state=open&per_page=100&labels=${encodeURIComponent(labels.join(','))}`)
+
+  async function fileOrComment({ kind, title, body, labels, matches, record }) {
+    if (!deps.token) {
+      const path = deps.writeLocal(`${kind}-${slugOf(title)}.json`, record)
+      return `No DIVISION_DS_GITHUB_TOKEN, so nothing was sent. The request is saved at ${path}. Give that file to the Division DS owner, or set the token (a GitHub token allowed to open issues on ${repo}) and call again.`
+    }
+    const existing = (await openIssues(labels.slice(0, 2))).find(issue => !issue.pull_request && matches(issue))
+    if (existing) {
+      await api('POST', `/issues/${existing.number}/comments`, { body: body + FOOTER })
+      return `Added to the existing issue #${existing.number} (${existing.html_url}) instead of opening a duplicate.`
+    }
+    const issue = await api('POST', '/issues', { title, body: body + FOOTER, labels })
+    return `Opened issue #${issue.number}: ${issue.html_url}. The Division DS owner triages it; until it ships, keep a local workaround and link the issue from it.`
+  }
+
+  return [
+    {
+      name: 'request_change',
+      description:
+        'Ask Division DS for something it does not have (a prop, a variant, a token, a component) instead of patching the installed copy. Opens a GitHub issue, or adds to a matching open one. Call get_component first and request only what is really missing.',
+      inputSchema: {
+        type: 'object',
+        properties: {
+          component: { type: 'string', description: 'The component it concerns, or the name of the one you wish existed.' },
+          need: { type: 'string', description: 'What is missing, in one or two sentences.' },
+          consumer: { type: 'string', description: 'The app or project asking.' },
+          evidence: { type: 'string', description: 'Why: the screen, the code that needs it, what you tried with the existing API.' },
+          file: { type: 'string', description: 'The file in your project that needs it.' },
+        },
+        required: ['component', 'need', 'consumer', 'evidence'],
+        additionalProperties: false,
+      },
+      async run({ component, need, consumer, evidence, file }) {
+        if (clean(need).length < 10) throw new ToolError('need: say what is missing in a sentence.')
+        const found = deps.findComponent(component)
+        const name = found?.name ?? clean(component, 60)
+        const labels = ['consumer-request', found ? `component:${found.slug}` : 'new-component']
+        const body = [
+          `**Component:** ${name}${found ? '' : ' (not in Division DS yet)'}`,
+          `**Consumer:** ${clean(consumer, 100)}`,
+          file ? `**File:** \`${clean(file, 200)}\`` : '',
+          `\n### Need\n${clean(need)}`,
+          `\n### Evidence\n${clean(evidence)}`,
+        ].filter(Boolean).join('\n')
+        return fileOrComment({
+          kind: 'request',
+          title: `${name}: ${clean(need, 80)}`,
+          body,
+          labels,
+          matches: issue => overlap(issue.title, need) >= 0.6,
+          record: { tool: 'request_change', component: name, need: clean(need), consumer: clean(consumer, 100), evidence: clean(evidence), file: file ? clean(file, 200) : undefined },
+        })
+      },
+    },
+    {
+      name: 'report_drift',
+      description:
+        'Report that a project keeps failing the same validate_code or `division-ds check` rule, when the system rather than the project looks wrong (a missing token, a rule that blocks a valid pattern). One issue per rule and project; repeat reports add a comment.',
+      inputSchema: {
+        type: 'object',
+        properties: {
+          consumer: { type: 'string', description: 'The app or project.' },
+          rule: { type: 'string', description: 'The rule that keeps failing, as the check names it.' },
+          findings: { type: 'string', description: 'The findings, with files and lines.' },
+          why: { type: 'string', description: 'Why you think the system, not the project, should change.' },
+        },
+        required: ['consumer', 'rule', 'findings', 'why'],
+        additionalProperties: false,
+      },
+      async run({ consumer, rule, findings, why }) {
+        const title = `drift: ${clean(rule, 60)} in ${clean(consumer, 60)}`
+        return fileOrComment({
+          kind: 'drift',
+          title,
+          body: `**Consumer:** ${clean(consumer, 100)}\n**Rule:** \`${clean(rule, 60)}\`\n\n### Findings\n${clean(findings)}\n\n### Why the system\n${clean(why)}`,
+          labels: ['drift'],
+          matches: issue => issue.title === title,
+          record: { tool: 'report_drift', consumer: clean(consumer, 100), rule: clean(rule, 60), findings: clean(findings), why: clean(why) },
+        })
+      },
+    },
+  ]
+}

package/scripts/lib/mcp-server.mjs

@@ -45,17 +45,24 @@ export function createServer({ tools, version }) {
     const args = params.arguments ?? {}
     const problem = argumentProblem(tool.inputSchema, args)
     if (problem) return { content: [{ type: 'text', text: `${tool.name}: ${problem}` }], isError: true }
-    try {
-      return { content: [{ type: 'text', text: tool.run(args) }] }
-    } catch (error) {
-      // A ToolError is the agent's mistake and says how to fix it. Anything else is ours; it is
-      // still reported as a tool result, so one bad call does not take the session down.
+    // A ToolError is the agent's mistake and says how to fix it. Anything else is ours; it is
+    // still reported as a tool result, so one bad call does not take the session down.
+    const failed = error => {
       const text = error instanceof ToolError ? error.message : `division-ds ${version} failed on ${tool.name}: ${error.message}`
       return { content: [{ type: 'text', text }], isError: true }
     }
+    try {
+      const out = tool.run(args)
+      // The intake tools (request_change, report_drift) call GitHub, so they answer later.
+      if (out && typeof out.then === 'function') return out.then(text => ({ content: [{ type: 'text', text }] }), failed)
+      return { content: [{ type: 'text', text: out }] }
+    } catch (error) {
+      return failed(error)
+    }
   }
 
-  /** One parsed message in; the reply to send, or undefined for a notification. */
+  /** One parsed message in; the reply to send (a promise for a tool that calls out), or undefined
+   *  for a notification. */
   function handle(message) {
     if (message === null || typeof message !== 'object' || message.jsonrpc !== '2.0' || typeof message.method !== 'string') {
       return failure(message?.id ?? null, -32600, 'Invalid request.')
@@ -81,8 +88,10 @@ export function createServer({ tools, version }) {
         return { jsonrpc: '2.0', id, result: {} }
       case 'tools/list':
         return { jsonrpc: '2.0', id, result: { tools: tools.map(({ name, description, inputSchema }) => ({ name, description, inputSchema })) } }
-      case 'tools/call':
-        return { jsonrpc: '2.0', id, result: call(params) }
+      case 'tools/call': {
+        const result = call(params)
+        return typeof result?.then === 'function' ? result.then(r => ({ jsonrpc: '2.0', id, result: r })) : { jsonrpc: '2.0', id, result }
+      }
       default:
         return failure(id, -32601, `Method not found: ${method}`)
     }
@@ -107,7 +116,9 @@ export function createServer({ tools, version }) {
           send(failure(null, -32700, 'Parse error: each line must be one JSON-RPC message.'))
           continue
         }
-        send(handle(message))
+        const reply = handle(message)
+        if (typeof reply?.then === 'function') reply.then(send)
+        else send(reply)
       }
     })
   }