@wcag-checkr/ci 1.0.0-rc.366 → 1.0.0-rc.367

package/dist/side-panel/azure-devops-issue.ts

@@ -1,89 +0,0 @@
-// rc.139 — G9 — Azure DevOps work-item pre-fill URL builder.
-//
-// Mirrors the GitHub + Jira filer pattern: take a base URL (Azure
-// DevOps org+project), the audited component id, and the list of NEW
-// violations; return a clickable URL pre-filled with a structured
-// title + description so the user lands on a ready-to-save work item.
-//
-// Azure DevOps create-work-item URL pattern (Cloud + Server):
-//   https://dev.azure.com/{org}/{project}/_workitems/create/{type}
-//     ?[Title]=...&[Description]=...
-//
-// Description is markdown — Azure DevOps' work-item editor renders
-// markdown in the description field as of 2023. Falls back to plain
-// text for older Server installs.
-
-import type { Violation } from '../types/audit';
-
-export type AzureDevOpsIssueBuild = { url: string; title: string; description: string };
-
-const URL_LIMIT = 7800;
-
-export function buildAzureDevOpsIssueUrl(
-  /** Base URL — e.g. `https://dev.azure.com/myorg/myproject`. */
-  baseUrl: string,
-  componentId: string | null,
-  newViolations: Violation[],
-  /** Work-item type. Default 'Bug' fits accessibility regressions.
-   *  Users with custom types ('Accessibility Defect', 'Issue', etc.)
-   *  can pass the exact label. */
-  workItemType: string = 'Bug',
-): AzureDevOpsIssueBuild {
-  const cleaned = baseUrl.replace(/\/$/, '');
-
-  const groups: Array<Violation & { _states: string[] }> = [];
-  for (const v of newViolations) {
-    const key = `${v.ruleId}::${v.target.selector}`;
-    const stateLabel = `:${v.currentState.pseudoState} · ${v.currentState.theme} · ${v.currentState.direction}`;
-    const existing = groups.find((g) => `${g.ruleId}::${g.target.selector}` === key);
-    if (existing) {
-      if (!existing._states.includes(stateLabel)) existing._states.push(stateLabel);
-      continue;
-    }
-    groups.push({ ...v, _states: [stateLabel] });
-  }
-
-  const title = `a11y: ${groups.length} new violation${groups.length === 1 ? '' : 's'} in ${componentId ?? 'audited component'}`;
-
-  const lines: string[] = [];
-  lines.push(`**Component:** \`${componentId ?? 'unknown'}\``);
-  lines.push('');
-  lines.push(
-    'Detected by WCAG Component Auditor as **new** vs the saved baseline — these are violations introduced since the last accepted baseline.',
-  );
-  lines.push('');
-  lines.push('---');
-  lines.push('');
-  for (const v of groups) {
-    lines.push(`### \`${v.ruleId}\` — ${v.impact}`);
-    lines.push('');
-    lines.push(v.description);
-    lines.push('');
-    lines.push(`- **WCAG:** ${v.wcagCriterion} (${v.wcagLevel})`);
-    lines.push(`- **Selector:** \`${v.target.selector}\``);
-    lines.push(`- **Found in state(s):** ${v._states.join(', ')}`);
-    if (v.helpUrl) lines.push(`- **More info:** ${v.helpUrl}`);
-    lines.push('');
-    lines.push('```html');
-    lines.push(v.target.outerHTML);
-    lines.push('```');
-    lines.push('');
-  }
-  lines.push('---');
-  lines.push('');
-  lines.push('_Filed via WCAG Component Auditor (delta-only — inherited debt not included)._');
-
-  const description = lines.join('\n');
-  // Azure DevOps work-item URL params:
-  //   ?[Title]=... → title field
-  //   ?[Description]=... → description (rendered as markdown)
-  // Square brackets are part of the param name (a reference syntax).
-  const params = new URLSearchParams({
-    '[Title]': title,
-    '[Description]': description,
-  });
-  let url = `${cleaned}/_workitems/create/${encodeURIComponent(workItemType)}?${params.toString()}`;
-  if (url.length > URL_LIMIT) url = url.slice(0, URL_LIMIT);
-
-  return { url, title, description };
-}

package/dist/side-panel/format-component-id.test.ts

@@ -1,89 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { displayComponentId } from './format-component-id';
-
-describe('displayComponentId', () => {
-  it('formats Storybook story id', () => {
-    const r = displayComponentId('::story:atoms-button--primary');
-    expect(r.primary).toBe('Atoms Button / Primary');
-    expect(r.secondary).toBe('storybook');
-  });
-
-  it('formats testid with URL scope', () => {
-    const r = displayComponentId('https://example.com/login::testid:email-input');
-    expect(r.primary).toBe('email-input');
-    expect(r.secondary).toBe('https://example.com/login');
-  });
-
-  it('formats explicit data-componentid', () => {
-    const r = displayComponentId('https://example.com::explicit:my-card');
-    expect(r.primary).toBe('my-card');
-    expect(r.secondary).toBe('https://example.com');
-  });
-
-  it('formats custom element', () => {
-    const r = displayComponentId('https://example.com::customelement:my-button');
-    expect(r.primary).toBe('my-button');
-    expect(r.secondary).toBe('https://example.com');
-  });
-
-  it('formats aria id with role:name', () => {
-    const r = displayComponentId('https://example.com::aria:button:Submit form');
-    // value contains a colon; we keep everything after the first colon as the value
-    expect(r.primary).toBe('button:Submit form');
-    expect(r.secondary).toBe('https://example.com');
-  });
-
-  it('falls back gracefully when no separator', () => {
-    const r = displayComponentId('weird-id');
-    expect(r.primary).toBe('weird-id');
-  });
-
-  it('handles aria value with multiple colons (kept verbatim after first colon)', () => {
-    const r = displayComponentId('https://example.com::aria:button:Foo: bar: baz');
-    // Strategy is "aria"; value is "button:Foo: bar: baz" (preserves colons after the first).
-    expect(r.primary).toBe('button:Foo: bar: baz');
-    expect(r.secondary).toBe('https://example.com');
-  });
-
-  it('handles unicode story names', () => {
-    const r = displayComponentId('::story:atoms-bütton--primary');
-    expect(r.primary).toBe('Atoms Bütton / Primary');
-  });
-
-  it('handles emoji in story names', () => {
-    const r = displayComponentId('::story:atoms-button--🚀-primary');
-    expect(r.primary).toContain('🚀');
-  });
-
-  it('handles very long story id without crashing', () => {
-    const longSegment = 'a'.repeat(200);
-    const r = displayComponentId(`::story:${longSegment}--variant`);
-    expect(r.primary.length).toBeGreaterThan(0);
-    expect(r.primary).toContain('Variant');
-  });
-
-  it('handles single-segment story id without "--" separator', () => {
-    const r = displayComponentId('::story:single-segment-only');
-    // No "--" separator → entire value is one segment, gets capitalized.
-    expect(r.primary).toBe('Single Segment Only');
-  });
-
-  it('handles testid with special characters', () => {
-    const r = displayComponentId('https://example.com::testid:btn-#$@-special');
-    expect(r.primary).toBe('btn-#$@-special');
-    expect(r.secondary).toBe('https://example.com');
-  });
-
-  it('handles empty url scope (storybook-style separator with no URL)', () => {
-    const r = displayComponentId('::testid:button-x');
-    expect(r.primary).toBe('button-x');
-    // Empty URL scope falls back to strategy as the secondary label.
-    expect(r.secondary).toBe('testid');
-  });
-
-  it('handles trailing :: with empty rest', () => {
-    const r = displayComponentId('https://example.com::');
-    // No strategy:value content after the separator; should not crash.
-    expect(r.primary).toBe('');
-  });
-});

package/dist/side-panel/format-component-id.ts

@@ -1,40 +0,0 @@
-// Pretty-print a canonical componentId for display in the UI.
-// Spec: phase-1-specs.md §2 (componentId format).
-
-export type ComponentIdDisplay = {
-  primary: string;          // Headline label
-  secondary?: string;       // Smaller subtext (URL or strategy)
-};
-
-export function displayComponentId(id: string): ComponentIdDisplay {
-  // Format: {urlScope}::{strategy}:{value}    (urlScope may be empty for storybook)
-  const sepIdx = id.indexOf('::');
-  if (sepIdx === -1) {
-    return { primary: id };
-  }
-  const url = id.slice(0, sepIdx);
-  const rest = id.slice(sepIdx + 2);
-
-  // rest is "{strategy}:{value}". Strategy is the first segment up to the FIRST colon.
-  const colonIdx = rest.indexOf(':');
-  if (colonIdx === -1) {
-    return { primary: rest };
-  }
-  const strategy = rest.slice(0, colonIdx);
-  const value = rest.slice(colonIdx + 1);
-
-  if (strategy === 'story') {
-    // storyId like "atoms-button--primary" → "Atoms / Button / Primary"
-    const niceStory = value
-      .split('--')
-      .map((seg) => seg.split('-').map(cap).join(' '))
-      .join(' / ');
-    return { primary: niceStory, secondary: 'storybook' };
-  }
-
-  return { primary: value, secondary: url || strategy };
-}
-
-function cap(word: string): string {
-  return word.length === 0 ? word : word[0]!.toUpperCase() + word.slice(1);
-}

package/dist/side-panel/github-issue.test.ts

@@ -1,102 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { buildGithubIssueUrl } from './github-issue';
-import { DEFAULT_BREAKPOINT_PRESETS } from '../types/state';
-import type { Violation } from '../types/audit';
-
-const desktop = DEFAULT_BREAKPOINT_PRESETS.find((p) => p.id === 'desktop')!;
-
-function v(overrides: Partial<Violation> = {}): Violation {
-  return {
-    ruleId: 'color-contrast',
-    wcagCriterion: 'wcag143',
-    wcagLevel: 'AA',
-    impact: 'serious',
-    description: 'Insufficient contrast',
-    helpUrl: 'https://example.com/r',
-    target: {
-      selector: '#btn',
-      outerHTML: '<button id="btn">Go</button>',
-      failureSummary: '',
-      tagName: 'BUTTON',
-      role: null,
-      accessibleName: 'Go',
-      textSnippet: 'Go',
-      attrId: 'btn',
-      attrTestid: null,
-    },
-    componentId: '::cmp::btn',
-    currentState: {
-      pseudoState: 'default',
-      ariaVariation: null,
-      theme: 'light',
-      direction: 'ltr',
-      breakpoint: desktop,
-    },
-    axeVersion: '4.11.4',
-    detectedAt: '2026-05-04T00:00:00Z',
-    matchKey: 'mk-1',
-    ...overrides,
-  };
-}
-
-describe('buildGithubIssueUrl', () => {
-  it('produces a /issues/new URL pointing at the configured repo', () => {
-    const r = buildGithubIssueUrl('https://github.com/foo/bar', '::cmp::x', [v()]);
-    expect(r.url.startsWith('https://github.com/foo/bar/issues/new?')).toBe(true);
-  });
-
-  it('strips trailing slash from repo URL', () => {
-    const r = buildGithubIssueUrl('https://github.com/foo/bar/', '::x', [v()]);
-    expect(r.url.startsWith('https://github.com/foo/bar/issues/new?')).toBe(true);
-  });
-
-  it('puts violation count in the title', () => {
-    const r = buildGithubIssueUrl('https://github.com/foo/bar', '::x', [
-      v({ matchKey: 'm1' }),
-      v({ matchKey: 'm2', ruleId: 'image-alt' }),
-    ]);
-    expect(r.title).toMatch(/2 new violations/);
-  });
-
-  it('singular vs plural in title', () => {
-    const r = buildGithubIssueUrl('https://github.com/foo/bar', '::x', [v()]);
-    expect(r.title).toMatch(/1 new violation in/);
-    expect(r.title).not.toMatch(/violations/);
-  });
-
-  it('dedupes violations sharing the same logical key (rule + selector)', () => {
-    const a = v({ matchKey: 'm1', currentState: { ...v().currentState, pseudoState: 'hover' } });
-    const b = v({ matchKey: 'm2', currentState: { ...v().currentState, pseudoState: 'focus' } });
-    const r = buildGithubIssueUrl('https://github.com/foo/bar', '::x', [a, b]);
-    // Title says 1 violation (deduped), body lists both states.
-    expect(r.title).toMatch(/1 new violation/);
-    expect(r.body).toMatch(/:hover/);
-    expect(r.body).toMatch(/:focus/);
-  });
-
-  it('includes selector, helpUrl, and outerHTML in the body', () => {
-    const r = buildGithubIssueUrl('https://github.com/foo/bar', '::x', [
-      v({
-        target: {
-          ...v().target,
-          selector: '.my-thing',
-          outerHTML: '<button class="my-thing">x</button>',
-        },
-        helpUrl: 'https://example.com/help-link',
-      }),
-    ]);
-    expect(r.body).toContain('.my-thing');
-    expect(r.body).toContain('https://example.com/help-link');
-    expect(r.body).toContain('<button class="my-thing">x</button>');
-  });
-
-  it('truncates the URL when it gets absurdly long', () => {
-    const huge = 'x'.repeat(20000);
-    const r = buildGithubIssueUrl('https://github.com/foo/bar', '::x', [
-      v({
-        target: { ...v().target, outerHTML: huge },
-      }),
-    ]);
-    expect(r.url.length).toBeLessThanOrEqual(7800);
-  });
-});

package/dist/side-panel/github-issue.ts

@@ -1,66 +0,0 @@
-// Builds a pre-filled GitHub new-issue URL from a set of NEW violations.
-// Pure function — extracted from DeltaView so the URL/body shape is testable.
-
-import type { Violation } from '../types/audit';
-
-export type IssueBuild = { url: string; title: string; body: string };
-
-const URL_LIMIT = 7800;
-
-export function buildGithubIssueUrl(
-  repoUrl: string,
-  componentId: string | null,
-  newViolations: Violation[]
-): IssueBuild {
-  const cleaned = repoUrl.replace(/\/$/, '');
-
-  // Dedup violations by logical key (rule + selector); aggregate states.
-  const groups: Array<Violation & { _states: string[] }> = [];
-  for (const v of newViolations) {
-    const key = `${v.ruleId}::${v.target.selector}`;
-    const stateLabel = `:${v.currentState.pseudoState} · ${v.currentState.theme} · ${v.currentState.direction}`;
-    const existing = groups.find((g) => `${g.ruleId}::${g.target.selector}` === key);
-    if (existing) {
-      if (!existing._states.includes(stateLabel)) existing._states.push(stateLabel);
-      continue;
-    }
-    groups.push({ ...v, _states: [stateLabel] });
-  }
-
-  const title = `a11y: ${groups.length} new violation${groups.length === 1 ? '' : 's'} in ${componentId ?? 'audited component'}`;
-
-  const lines: string[] = [];
-  lines.push(`**Component:** \`${componentId ?? 'unknown'}\``);
-  lines.push('');
-  lines.push(
-    `Detected by WCAG Component Auditor as **new** vs the saved baseline — these are violations introduced since the last accepted baseline.`
-  );
-  lines.push('');
-  lines.push('---');
-  lines.push('');
-  for (const v of groups) {
-    lines.push(`### \`${v.ruleId}\` — ${v.impact}`);
-    lines.push('');
-    lines.push(v.description);
-    lines.push('');
-    lines.push(`- **WCAG:** ${v.wcagCriterion} (${v.wcagLevel})`);
-    lines.push(`- **Selector:** \`${v.target.selector}\``);
-    lines.push(`- **Found in state(s):** ${v._states.join(', ')}`);
-    if (v.helpUrl) lines.push(`- **More info:** ${v.helpUrl}`);
-    lines.push('');
-    lines.push('```html');
-    lines.push(v.target.outerHTML);
-    lines.push('```');
-    lines.push('');
-  }
-  lines.push('---');
-  lines.push('');
-  lines.push('_Filed via WCAG Component Auditor (delta-only — inherited debt not included)._');
-
-  const body = lines.join('\n');
-  const params = new URLSearchParams({ title, body });
-  let url = `${cleaned}/issues/new?${params.toString()}`;
-  if (url.length > URL_LIMIT) url = url.slice(0, URL_LIMIT);
-
-  return { url, title, body };
-}

package/dist/side-panel/gitlab-issue.test.ts

@@ -1,53 +0,0 @@
-// rc.139 — G9 — Unit tests for the GitLab issue URL builder.
-
-import { describe, it, expect } from 'vitest';
-import { buildGitLabIssueUrl } from './gitlab-issue';
-import type { Violation } from '../types/audit';
-
-function v(over: Partial<Violation> = {}): Violation {
-  return {
-    ruleId: 'image-alt', wcagCriterion: '1.1.1', wcagLevel: 'A', impact: 'serious',
-    description: 'Images must have alt', helpUrl: 'https://x',
-    target: { selector: 'img.hero', outerHTML: '<img>', failureSummary: '', tagName: 'IMG', role: null, accessibleName: null, textSnippet: null, attrId: null, attrTestid: null },
-    componentId: '::c', currentState: { pseudoState: 'default', theme: 'light', direction: 'ltr', viewport: 'desktop' } as unknown as Violation['currentState'],
-    axeVersion: '4.11.4', detectedAt: '2026-05-22T00:00:00Z', matchKey: 'mk',
-    ...over,
-  };
-}
-
-describe('buildGitLabIssueUrl (rc.139)', () => {
-  it('builds a URL targeting GitLab.com new-issue endpoint', () => {
-    const r = buildGitLabIssueUrl('https://gitlab.com/mygroup/myproject', '::c', [v()]);
-    expect(r.url.startsWith('https://gitlab.com/mygroup/myproject/-/issues/new?')).toBe(true);
-  });
-
-  it('handles self-hosted GitLab instances with the same pattern', () => {
-    const r = buildGitLabIssueUrl('https://gitlab.my-org.com/team/repo', '::c', [v()]);
-    expect(r.url.startsWith('https://gitlab.my-org.com/team/repo/-/issues/new?')).toBe(true);
-  });
-
-  it('embeds title + description as issue[*] params', () => {
-    const r = buildGitLabIssueUrl('https://gitlab.com/g/p', '::c', [v()]);
-    expect(r.url).toMatch(/issue%5Btitle%5D=/);
-    expect(r.url).toMatch(/issue%5Bdescription%5D=/);
-    expect(r.title).toContain('1 new violation');
-    expect(r.description).toContain('image-alt');
-    expect(r.description).toContain('1.1.1');
-  });
-
-  it('caps URL length at 7800', () => {
-    const many = Array.from({ length: 200 }, (_, i) =>
-      v({
-        ruleId: `rule-${i}`,
-        target: { ...v().target, selector: `.really.long.selector.number-${i}` },
-      }),
-    );
-    const r = buildGitLabIssueUrl('https://gitlab.com/g/p', '::c', many);
-    expect(r.url.length).toBeLessThanOrEqual(7800);
-  });
-
-  it('strips the trailing slash from the project URL', () => {
-    const r = buildGitLabIssueUrl('https://gitlab.com/g/p/', '::c', [v()]);
-    expect(r.url.startsWith('https://gitlab.com/g/p/-/issues/new?')).toBe(true);
-  });
-});

package/dist/side-panel/gitlab-issue.ts

@@ -1,78 +0,0 @@
-// rc.139 — G9 — GitLab issue pre-fill URL builder.
-//
-// Mirrors the GitHub flow but targets GitLab's new-issue endpoint.
-// GitLab's URL pattern is /-/issues/new (vs GitHub's /issues/new).
-// Description is markdown; renders natively.
-//
-//   https://gitlab.com/{group}/{project}/-/issues/new
-//     ?issue[title]=...&issue[description]=...
-
-import type { Violation } from '../types/audit';
-
-export type GitLabIssueBuild = { url: string; title: string; description: string };
-
-const URL_LIMIT = 7800;
-
-export function buildGitLabIssueUrl(
-  /** Project URL — e.g. `https://gitlab.com/group/project`.
-   *  Self-hosted instances work the same: pass `https://gitlab.your-org.com/group/project`. */
-  projectUrl: string,
-  componentId: string | null,
-  newViolations: Violation[],
-): GitLabIssueBuild {
-  const cleaned = projectUrl.replace(/\/$/, '');
-
-  const groups: Array<Violation & { _states: string[] }> = [];
-  for (const v of newViolations) {
-    const key = `${v.ruleId}::${v.target.selector}`;
-    const stateLabel = `:${v.currentState.pseudoState} · ${v.currentState.theme} · ${v.currentState.direction}`;
-    const existing = groups.find((g) => `${g.ruleId}::${g.target.selector}` === key);
-    if (existing) {
-      if (!existing._states.includes(stateLabel)) existing._states.push(stateLabel);
-      continue;
-    }
-    groups.push({ ...v, _states: [stateLabel] });
-  }
-
-  const title = `a11y: ${groups.length} new violation${groups.length === 1 ? '' : 's'} in ${componentId ?? 'audited component'}`;
-
-  const lines: string[] = [];
-  lines.push(`**Component:** \`${componentId ?? 'unknown'}\``);
-  lines.push('');
-  lines.push(
-    'Detected by WCAG Component Auditor as **new** vs the saved baseline — these are violations introduced since the last accepted baseline.',
-  );
-  lines.push('');
-  lines.push('---');
-  lines.push('');
-  for (const v of groups) {
-    lines.push(`### \`${v.ruleId}\` — ${v.impact}`);
-    lines.push('');
-    lines.push(v.description);
-    lines.push('');
-    lines.push(`- **WCAG:** ${v.wcagCriterion} (${v.wcagLevel})`);
-    lines.push(`- **Selector:** \`${v.target.selector}\``);
-    lines.push(`- **Found in state(s):** ${v._states.join(', ')}`);
-    if (v.helpUrl) lines.push(`- **More info:** ${v.helpUrl}`);
-    lines.push('');
-    lines.push('```html');
-    lines.push(v.target.outerHTML);
-    lines.push('```');
-    lines.push('');
-  }
-  lines.push('---');
-  lines.push('');
-  lines.push('_Filed via WCAG Component Auditor (delta-only — inherited debt not included)._');
-
-  const description = lines.join('\n');
-  // GitLab's new-issue endpoint uses bracketed param names that
-  // express a nested form payload.
-  const params = new URLSearchParams({
-    'issue[title]': title,
-    'issue[description]': description,
-  });
-  let url = `${cleaned}/-/issues/new?${params.toString()}`;
-  if (url.length > URL_LIMIT) url = url.slice(0, URL_LIMIT);
-
-  return { url, title, description };
-}

package/dist/side-panel/jira-issue.ts

@@ -1,64 +0,0 @@
-// Builds a pre-filled Jira create-issue URL from a set of NEW violations.
-// Mirrors the GitHub flow but targets Jira Cloud's CreateIssue URL params.
-// Description field is plain text; we keep formatting minimal so it reads
-// cleanly in Jira's default text view (markdown won't render natively).
-
-import type { Violation } from '../types/audit';
-
-export type JiraIssueBuild = { url: string; summary: string; description: string };
-
-const URL_LIMIT = 7800;
-
-export function buildJiraIssueUrl(
-  instanceUrl: string,
-  componentId: string | null,
-  newViolations: Violation[]
-): JiraIssueBuild {
-  const cleaned = instanceUrl.replace(/\/$/, '');
-
-  // Dedup violations by logical key (rule + selector); aggregate states.
-  const groups: Array<Violation & { _states: string[] }> = [];
-  for (const v of newViolations) {
-    const key = `${v.ruleId}::${v.target.selector}`;
-    const stateLabel = `:${v.currentState.pseudoState} · ${v.currentState.theme} · ${v.currentState.direction}`;
-    const existing = groups.find((g) => `${g.ruleId}::${g.target.selector}` === key);
-    if (existing) {
-      if (!existing._states.includes(stateLabel)) existing._states.push(stateLabel);
-      continue;
-    }
-    groups.push({ ...v, _states: [stateLabel] });
-  }
-
-  const summary = `a11y: ${groups.length} new violation${groups.length === 1 ? '' : 's'} in ${componentId ?? 'audited component'}`;
-
-  const lines: string[] = [];
-  lines.push(`Component: ${componentId ?? 'unknown'}`);
-  lines.push('');
-  lines.push(
-    `Detected by WCAG Component Auditor as NEW vs the saved baseline — these are violations introduced since the last accepted baseline.`
-  );
-  lines.push('');
-  lines.push('---');
-  lines.push('');
-  for (const v of groups) {
-    lines.push(`Rule: ${v.ruleId} (${v.impact})`);
-    lines.push(`WCAG: ${v.wcagCriterion} ${v.wcagLevel}`);
-    lines.push(`Description: ${v.description}`);
-    lines.push(`Selector: ${v.target.selector}`);
-    lines.push(`Found in state(s): ${v._states.join(', ')}`);
-    if (v.helpUrl) lines.push(`More info: ${v.helpUrl}`);
-    lines.push('');
-    lines.push(`HTML: ${v.target.outerHTML}`);
-    lines.push('');
-    lines.push('---');
-    lines.push('');
-  }
-  lines.push('Filed via WCAG Component Auditor (delta-only — inherited debt not included).');
-
-  const description = lines.join('\n');
-  const params = new URLSearchParams({ summary, description });
-  let url = `${cleaned}/secure/CreateIssue!default.jspa?${params.toString()}`;
-  if (url.length > URL_LIMIT) url = url.slice(0, URL_LIMIT);
-
-  return { url, summary, description };
-}

package/dist/side-panel/main.tsx

@@ -1,86 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { createRoot } from 'react-dom/client';
-import { App } from './App';
-import { V2App } from './v2/App';
-import { ErrorBoundary } from './components/ErrorBoundary';
-import { installCrashReporter } from '../modules/crash-reporter';
-import type { UserMode } from './store';
-import './styles.css';
-
-installCrashReporter('side-panel');
-
-/** rc.276 → rc.333 — Persona-aware root.
- *
- *  rc.276 introduced a v1/v2 toggle backed by `v2UiEnabled`. rc.333
- *  collapses that flag plus the older `userMode` ('owner' | 'dev')
- *  into a single three-persona setting: 'owner' | 'power' | 'dev'.
- *  Migration on first read: if `userMode` is missing, default to
- *  'owner' (the simpler default — Cliff 2026-06-04). If `userMode`
- *  is 'dev' AND legacy `v2UiEnabled` is true, treat as 'power'.
- *
- *  The legacy `v2UiEnabled` storage key is kept in sync by the
- *  PersonaSwitcher write path for backward compat, but is no longer
- *  the source of truth. A future rc removes it entirely.
- */
-function Root() {
-  const [mode, setMode] = useState<UserMode | null>(null);
-
-  useEffect(() => {
-    let cancelled = false;
-
-    function applyStorage(values: { userMode?: unknown; v2UiEnabled?: unknown }): void {
-      const stored = values.userMode;
-      const legacyV2 = Boolean(values.v2UiEnabled);
-      let resolved: UserMode;
-      if (stored === 'owner' || stored === 'power' || stored === 'dev') {
-        resolved = stored;
-      } else if (stored === 'dev' && legacyV2) {
-        // (Unreachable given the typeguard above but kept for clarity:
-        // legacy combo where userMode='dev' + v2UiEnabled=true now
-        // maps to 'power'.)
-        resolved = 'power';
-      } else {
-        // No persisted persona (first launch) → owner default.
-        // Or stored was a stale value — recover to owner.
-        // If the user previously opted into v2 without userMode set,
-        // honor that as 'power'.
-        resolved = legacyV2 ? 'power' : 'owner';
-      }
-      if (!cancelled) setMode(resolved);
-    }
-
-    void chrome.storage.local
-      .get(['userMode', 'v2UiEnabled'])
-      .then(applyStorage)
-      .catch(() => setMode('owner'));
-
-    const onChange = (
-      changes: Record<string, chrome.storage.StorageChange>,
-      area: string,
-    ) => {
-      if (area !== 'local') return;
-      if (!('userMode' in changes) && !('v2UiEnabled' in changes)) return;
-      void chrome.storage.local.get(['userMode', 'v2UiEnabled']).then(applyStorage);
-    };
-    chrome.storage.onChanged.addListener(onChange);
-
-    return () => {
-      cancelled = true;
-      chrome.storage.onChanged.removeListener(onChange);
-    };
-  }, []);
-
-  if (mode === null) return null; // brief tick before first paint
-  return mode === 'power' ? <V2App /> : <App />;
-}
-
-const root = document.getElementById('root');
-if (!root) throw new Error('side-panel: #root not found');
-
-createRoot(root).render(
-  <React.StrictMode>
-    <ErrorBoundary>
-      <Root />
-    </ErrorBoundary>
-  </React.StrictMode>
-);