schema: ai-cjm-component-contract/v1 id: source-note version: 2.0.0 status: stable owner: AI CJM Design purpose: Связывает утверждение с человеком, документом, периодом или evidence locator. use_when: - Тезис, цитата или метрика требует явного основания. evidence: - id: production-style url: https://aicjm.ru/edu/cases/case.css?v=20260811-card-source locator: .case-quote, .case-quote blockquote, .case-quote figcaption supports: - anatomy - variant:default - size:default - state:default - id: production-dom url: https://aicjm.ru/edu/cases/ozon/ locator: .case-story .case-quote supports: - approved-example - content anatomy: - id: claim required: true role: Утверждение, цитата или метрика. - id: source required: true role: Человек, документ или система. - id: locator required: false role: Период, ссылка или точный evidence locator. - id: qualification required: false role: Ограничение применимости. variants: - id: default status: stable description: Каноническая композиция v2. evidence_refs: - production-style sizes: - id: default status: stable description: Размер следует токенам и содержимому без локальных чисел. evidence_refs: - production-style states: default: status: stable basis: observed description: source-note default is observed at the exact production locator. evidence_refs: - production-style hover: status: not-applicable basis: not-applicable description: hover is not owned by source-note. focus-visible: status: not-applicable basis: not-applicable description: focus-visible is not owned by source-note. active: status: not-applicable basis: not-applicable description: active is not owned by source-note. selected: status: not-applicable basis: not-applicable description: selected is not owned by source-note. open: status: not-applicable basis: not-applicable description: open is not owned by source-note. disabled: status: not-applicable basis: not-applicable description: disabled is not owned by source-note. loading: status: not-applicable basis: not-applicable description: loading is not owned by source-note. success: status: not-applicable basis: not-applicable description: success is not owned by source-note. error: status: not-applicable basis: not-applicable description: error is not owned by source-note. empty: status: not-applicable basis: not-applicable description: empty is not owned by source-note. responsive: mode: source-note-preserves-provenance reading_order: 'source-note: DOM order remains authoritative at every viewport.' rules: - Preserve source-note anatomy and primary action in one reading sequence. - Wrap text without horizontal page overflow and preserve evidence labels. accessibility: pattern: attributed-evidence-note semantics: - Expose source-note as the nearest correct native landmark, article or control. keyboard: - Tab reaches real actions in DOM order; Enter or Space follows the native control contract. focus: - Interactive descendants use focus.ring and preserve a visible label. motion: - Reduced motion removes nonessential transitions without hiding state or evidence. tokens: - surface.subtle - text.primary - text.secondary - border.default - type.size.body-small content: required: - Утверждение, цитата или метрика. - Человек, документ или система. constraints: - Держать источник рядом с утверждением. - Каждый факт и asset сохраняет provenance. do: - Держать источник рядом с утверждением. dont: - Не использовать безымянные формулировки «по данным исследования». examples: approved: status: stable description: Live source-note at the scoped production locator. evidence: https://aicjm.ru/edu/cases/ozon/ prohibited: description: Не использовать безымянные формулировки «по данным исследования». acceptance: - id: source-note-1 criterion: Все обязательные anatomy parts присутствуют в DOM и видимы. method: automated-and-manual - id: source-note-2 criterion: На mobile сохраняются reading order, target size и отсутствие overflow. method: browser