@mtdt/observeops-ds-spec 0.1.0

package/components/registry/tags-list.json

@@ -0,0 +1,115 @@
+{
+  "name": "tags-list",
+  "component": "TagsList",
+  "display": "TagsList",
+  "tier": "molecule",
+  "category": "display",
+  "source": "app",
+  "sourceFile": "src/components/tags-list.vue",
+  "status": "dead-code",
+  "maturity": "unused",
+  "summary": "Read-only tag overflow display: up to maxLength neutral chips, else a count chip + hover popover. UNUSED in product (0 usages) — prefer SelectedItemPills.",
+  "variants": [],
+  "sizes": [],
+  "states": [
+    {
+      "name": "inline",
+      "what": "all chips (≤ maxLength)"
+    },
+    {
+      "name": "overflow",
+      "what": "count chip + hover popover"
+    }
+  ],
+  "family": "Tag",
+  "props": {
+    "value": {
+      "type": [
+        "array",
+        "object"
+      ],
+      "default": "undefined",
+      "note": "tags to display"
+    },
+    "maxLength": {
+      "type": "number",
+      "default": 2,
+      "note": "inline threshold before collapsing to a count chip"
+    }
+  },
+  "events": "none — display-only.",
+  "slots": "none — display-only; renders tags inline and collapses to a +N count chip (with a popover listing the rest) once past `maxLength`.",
+  "anatomy": [
+    "inline neutral chips (<= maxLength)",
+    "count chip (> maxLength)",
+    "hover popover list"
+  ],
+  "behaviors": {
+    "empty": "renders nothing when value is empty",
+    "overflow": "collapses to ONLY the count (not first-N + remaining); hover (not click) opens the popover"
+  },
+  "styling": {
+    "chip": "tag-primary neutral (--tag-bg/--tag-color), border-radius 10px (.application-item)",
+    "popoverDivider": "--border-color"
+  },
+  "tokensUsed": [
+    "--tag-bg",
+    "--tag-color",
+    "--border-color"
+  ],
+  "accessibility": {
+    "chips": "read-only span text, legible both themes",
+    "overflow": "hover-only; count chip not focusable/click-openable (keyboard/touch can't reveal list)"
+  },
+  "do": [
+    "For tag overflow in the product, use SelectedItemPills (live, themed, +N), not this."
+  ],
+  "dont": [
+    "Don't adopt TagsList in new code (dead/unused). Don't build it in Figma."
+  ],
+  "whenToUse": "N/A — unused. Use SelectedItemPills for tag overflow.",
+  "decisionFlow": [
+    "Tag overflow display (show some, +N rest)? -> SelectedItemPills (or LooseTags :disabled), NOT TagsList.",
+    "Editable tags? -> LooseTags.",
+    "Single label/status? -> MTag/MStatusTag."
+  ],
+  "usageRules": {
+    "tags-list": {
+      "useWhen": "never — dead code (0 usages)",
+      "dontUse": "all cases; duplicates SelectedItemPills with count-only overflow + no keyboard support",
+      "example": "n/a — use SelectedItemPills"
+    }
+  },
+  "usage": {
+    "total": 0,
+    "files": 0,
+    "note": "dead code — never imported or rendered"
+  },
+  "knownIssues": [
+    "F1 (medium): DEAD CODE — 0 usages; duplicates SelectedItemPills. Remove tags-list.vue or fold into SelectedItemPills.",
+    "F2 (low): collapses to count-only (no tag preview), unlike SelectedItemPills' first-N + +N idiom. Standardize the overflow idiom."
+  ],
+  "related": [
+    "SelectedItemPills",
+    "MTag",
+    "MPopover",
+    "LooseTags"
+  ],
+  "changelog": [
+    "2026-06-07: added (badged UNUSED) at owner request; render verified; dead-code finding F1 + pattern inconsistency F2; recommend removal/consolidation onto SelectedItemPills."
+  ],
+  "storybook": "Molecules/TagsList",
+  "figma": {
+    "status": "n/a",
+    "component": "TagsList (dead code — do not build)"
+  },
+  "a11y": {
+    "summary": "Read-only <span> chips, legible contrast; display-only.",
+    "issues": [
+      "Overflow is hover-only — the +N count chip isn't focusable/openable.",
+      "No visible focus ring (SF-001)."
+    ],
+    "doc": "Molecules/TagsList/Accessibility",
+    "$note": "Catalogue-wide gap SF-001 = no visible :focus-visible ring; tracked in findings/."
+  }
+}

package/components/registry/toolbars.json

@@ -0,0 +1,240 @@
+{
+  "name": "toolbars",
+  "display": "Toolbars",
+  "tier": "organism",
+  "family": "Toolbars",
+  "status": "stable",
+  "summary": "The product's toolbar compositions, as variants of one family. A toolbar is an organism that arranges molecules/atoms (title, search, filters, actions). Variants: Page header, Widget header, Bulk action bar, Grid toolbar, Column chooser.",
+  "variants": [
+    {
+      "name": "app-header",
+      "what": "global top bar",
+      "usage": ""
+    },
+    {
+      "name": "page-header",
+      "what": "back + title + actions",
+      "usage": "54×"
+    },
+    {
+      "name": "widget-header",
+      "what": "title + time pill + kebab",
+      "usage": "58×"
+    },
+    {
+      "name": "bulk-action-bar",
+      "what": "N-selected + actions",
+      "usage": ""
+    },
+    {
+      "name": "grid-toolbar",
+      "what": "search/filter/columns/Add",
+      "usage": ""
+    },
+    {
+      "name": "column-chooser",
+      "what": "eye-button show/hide",
+      "usage": "174×"
+    }
+  ],
+  "sizes": [],
+  "states": [
+    {
+      "name": "visible",
+      "what": "displayed"
+    },
+    {
+      "name": "bulk-visible",
+      "what": "bulk bar when selectedCount≥min"
+    }
+  ],
+  "renders": "REFERENCE REPRODUCTIONS with real tokens; built from real MButton/MIcon/MStatusTag/MCheckbox.",
+  "decisionFlow": [
+    "Top of a list/detail page (title + actions)? -> Page header.",
+    "A dashboard widget's title + actions? -> Widget header.",
+    "Acting on N selected rows? -> Bulk action bar.",
+    "Controls above a data grid (search/filter/columns/add)? -> Grid toolbar.",
+    "Show/hide grid columns? -> Column chooser."
+  ],
+  "do": [
+    "Use the Page header for every list/detail page (title + actions).",
+    "Compose toolbars from the Filters molecules + search + actions — don't re-implement filters.",
+    "Use the Bulk action bar for multi-select operations.",
+    "Put destructive bulk actions in --secondary-red."
+  ],
+  "dont": [
+    "Don't duplicate a filter inside a toolbar — compose the Molecules/Filters component.",
+    "Don't create a per-screen toolbar component — use these variants.",
+    "Don't rely on the column chooser to reorder columns in the product (that's grid-header drag)."
+  ],
+  "knownIssues": {
+    "F1": {
+      "severity": "Low",
+      "issue": "Reference reproductions; the live Page/Widget headers use the router / widget store."
+    },
+    "F2": {
+      "severity": "Low",
+      "a11y": true,
+      "issue": "Verify focus-visible ring (SF-001) and aria-labels on icon-only toolbar buttons (export, kebab, More, ×)."
+    }
+  },
+  "tokensUsed": [
+    "--primary",
+    "--primary-alt",
+    "--border-color",
+    "--page-background-color",
+    "--page-text-color",
+    "--neutral-light",
+    "--secondary-red",
+    "--common-widget-bg",
+    "--timerange-background-color"
+  ],
+  "composedFrom": {
+    "FlotoGridActions": "the row action KEBAB (Edit/Clone/Delete ⋮, 88×) — the action-menu archetype, catalogued under POPOVER; it is the kebab inside the Widget header and the Bulk action bar's 'More'.",
+    "Filters": "the filter button/bar inside the Grid toolbar",
+    "Input": "the search box (search type) inside App/Page/Grid toolbars",
+    "DropdownPicker / Date & Time Pickers": "selects + the widget time-range pill"
+  },
+  "scopedOut": {
+    "Detail headers (RUM drill-down ×7, guide-header)": "Page-header VARIANTS for detail/drill-down views — title + context + actions; a usage, not a new component.",
+    "bulk-provision-toolbar (2×)": "a domain VARIANT of the Bulk action bar (rediscover provisioning).",
+    "Action footer (result-footer; modal/drawer footers)": "bottom action bars — covered by the Modal / Drawer families.",
+    "overlay-controls (metric-explorer)": "a feature-specific chart/explorer control strip — not a reusable toolbar.",
+    "rule-group-header / permission-section-header": "in-content SECTION labels, not toolbars.",
+    "FlotoNavBar / left menu / breadcrumb / tabs": "NAVIGATION archetypes (vertical/secondary nav), not toolbars — candidate for a future Navigation family."
+  },
+  "storybook": "Organisms/Toolbars",
+  "related": [
+    "filters",
+    "table",
+    "dropdown-picker",
+    "popover",
+    "date-time-pickers"
+  ],
+  "figma": {
+    "status": "todo"
+  },
+  "apis": {
+    "BulkActionBar": {
+      "source": "src/components/_base-bulk-action-bar.vue",
+      "props": {
+        "selectedCount": "Number",
+        "minSelection": "Number (default 2) — bar shows at >=",
+        "actions": "Array<{key,name,icon?,isDanger?,greenAction?,type?:'divider'}>",
+        "directKeys": "Array — actions rendered inline (not in More)",
+        "createPermissionKeys/editPermissionKeys/deletePermissionKeys": "Array",
+        "createPermissionName/editPermissionName/deletePermissionName": "String"
+      },
+      "events": {
+        "clear": "deselect all",
+        "selected": "(action)",
+        "<actionKey>": "per action key"
+      },
+      "note": "role=toolbar; inline primary/danger actions + a 'More' overflow (Menu/context-menu, picker-action-dropdown). Danger separated by a __danger-zone divider."
+    },
+    "AppHeader": {
+      "source": "src/components/layout/header.vue (Header)",
+      "what": "global top bar — a COMPOSITION, not a propful component. Comes from the layout.",
+      "contains": [
+        "logo (FlotoLink -> home, appliedIconLogo)",
+        "global search (MButton -> omnibox; navigation/omnibox)",
+        "health-monitoring + NCM approval (permission-gated icon buttons)",
+        "NotificationDropdown (navigation/notification-dropdown)",
+        "BUILD : <version> tag",
+        "UserDropdown (navigation/user-menu)"
+      ]
+    },
+    "PageHeader": {
+      "source": "src/components/_base-page-header.vue (FlotoPageHeader)",
+      "props": {
+        "backLink": "[String,Object] — router link/path for back",
+        "title": "String",
+        "mainHeader": "Boolean (false) — main vs inner title-panel style",
+        "useDivider": "Boolean (false)"
+      },
+      "events": {},
+      "slots": {
+        "back-button": "replaces default FlotoBackButton",
+        "before-title": "",
+        "title": "appended next to title",
+        "title-append": "below title (e.g. count)",
+        "after-title": "",
+        "default": "main content (actions)",
+        "additional-rows": "rows below the header"
+      },
+      "note": "slot-driven; no emits"
+    },
+    "WidgetHeader": {
+      "source": "src/components/widgets/views/components/widget-title.vue",
+      "props": {
+        "widget": "Object — widget meta (name/category/timeRange/type)",
+        "guid": "String (required)",
+        "title": "String — overrides widget.name",
+        "disabled": "Boolean",
+        "isPreview": "Boolean",
+        "isFullscreen": "Boolean",
+        "hideTitle": "Boolean",
+        "hideTimeline": "Boolean",
+        "headerFontSize": "String (11px)",
+        "backgroundColor": "String — tints time pill + text",
+        "excludedActions": "Array — action keys to hide",
+        "additionalActions": "Array — prepend custom actions"
+      },
+      "events": {
+        "edit": "",
+        "clone": "",
+        "remove": "",
+        "share": "",
+        "fullscreen": "",
+        "exit-fullscreen": "",
+        "csv-export": "grid",
+        "chart-csv-export": "{widgetName,onSuccess,onError,onNoData}"
+      },
+      "slots": {
+        "flip-toggle": "optional toggle control"
+      },
+      "note": "title + time pill + kebab (FlotoGridActions) + metric-analysis"
+    },
+    "ColumnChooser": {
+      "source": "src/components/column-selector.vue",
+      "props": {
+        "value": "Array — column objs {key,hidden?}",
+        "columns": "Array — all available columns",
+        "hideResetOption": "Boolean — hides Reset Column Preference",
+        "maxAllowedSelection": "Number — cap (toast on exceed)",
+        "errorMessage": "String"
+      },
+      "events": {
+        "change": "updated column array (hidden flags)"
+      },
+      "slots": {
+        "trigger": "{ toggle, isOpen } — replaces eye button"
+      },
+      "note": "FlotoDropdownPicker multi-select; filters out action columns; v-model=change"
+    },
+    "GridToolbar": {
+      "source": "COMPOSITION (default-grid.vue) — not a single component",
+      "props": "inherited from FlotoWidgetView/widget config; no dedicated props",
+      "events": "row-click, column-change, sort-change",
+      "slots": "sparklineHeader, defaultCell",
+      "composedOf": [
+        "MInput(search)",
+        "filter MButton",
+        "ColumnSelector (in MPersistedColumns — persists to localStorage by widget id)",
+        "WidgetGridFilters panel",
+        "VirtualTable grid"
+      ],
+      "note": "assemble from the named parts; not a propful wrapper"
+    }
+  },
+  "a11y": {
+    "summary": "Bulk-action bar = role=toolbar + aria-label; page titles are real <h4> headings.",
+    "issues": [
+      "SF-001 focus ring on toolbar buttons.",
+      "Icon-only buttons (export, kebab, More, ×) need aria-label.",
+      "Announce bulk-bar appearance; kebab needs aria-haspopup/expanded + Esc."
+    ],
+    "doc": "Organisms/Toolbars/Accessibility",
+    "$note": "Catalogue-wide gap SF-001 = no visible :focus-visible ring; tracked in findings/."
+  }
+}

package/components/registry/tooltip.json

@@ -0,0 +1,175 @@
+{
+  "name": "tooltip",
+  "display": "Tooltip",
+  "tier": "molecule",
+  "family": "Popover & Tooltip",
+  "source": "src/components/_base-tooltip.vue (Floto override; kit MTooltip excluded). Renders via VTippy (vue-tippy).",
+  "status": "stable",
+  "summary": "Transient hover/focus label anchored to a trigger. The kit MTooltip is excluded and this Floto override ships instead, rendering through VTippy (not a-tooltip). trigger slot = anchor, default slot = content. Non-interactive — for interactive panels use Popover.",
+  "variants": [
+    {
+      "name": "default",
+      "what": "dark bubble + info-circle idiom",
+      "usage": "73×"
+    },
+    {
+      "name": "chart-like-tooltip",
+      "what": "light chart-surface overlay",
+      "usage": "2×"
+    },
+    {
+      "name": "placements",
+      "what": "top-start/top/left/right/bottom/bottomRight/topLeft",
+      "usage": ""
+    }
+  ],
+  "sizes": [],
+  "states": [
+    {
+      "name": "hidden",
+      "what": "no tooltip"
+    },
+    {
+      "name": "visible",
+      "what": "on hover/focus"
+    },
+    {
+      "name": "disabled",
+      "what": "trigger inline, no tooltip"
+    }
+  ],
+  "usage": {
+    "total": 94,
+    "placementDistribution": {
+      "top-start (default)": 73,
+      "top": 11,
+      "left": 6,
+      "bottomRight": 2,
+      "topLeft": 1,
+      "right": 1
+    },
+    "overlayClassName": "chart-like-tooltip (2x, chart bg), noc-dashboard-tooltip (1x)",
+    "siblingMechanisms": {
+      "native title= attribute": "~59x (browser tooltip for plain/truncated text)",
+      "v-tooltip directive": "1x",
+      "graph/canvas tooltips": "topology/netroute/apm edge & node tooltips — domain-specific content, not MTooltip"
+    }
+  },
+  "props": {
+    "placement": {
+      "type": "string",
+      "default": "top-start",
+      "enum": [
+        "top",
+        "top-start",
+        "top-end",
+        "bottom",
+        "bottom-start",
+        "left",
+        "right"
+      ],
+      "note": "VTippy placement"
+    },
+    "disabled": {
+      "type": "boolean",
+      "default": false,
+      "note": "short-circuits — renders the trigger inline with no tooltip"
+    },
+    "trigger": {
+      "type": "string",
+      "default": "hover focus",
+      "note": "DECLARED BUT NOT WIRED to VTippy (F1) — VTippy uses its own hover default"
+    },
+    "overlayClassName": {
+      "type": "string",
+      "default": null,
+      "note": "e.g. chart-like-tooltip"
+    },
+    "getPopupContainer": {
+      "type": "function",
+      "default": null,
+      "note": "defaults to closest .__panel or document.body"
+    }
+  },
+  "slots": {
+    "trigger": "the anchor element (e.g. an info-circle icon)",
+    "default": "the floating tooltip content"
+  },
+  "tokensUsed": [
+    "--tooltip-background-color",
+    "--tooltip-text-color",
+    "--tooltip-box-shadow",
+    "--border-color",
+    "--chart-tooltip-background"
+  ],
+  "decisionFlow": [
+    "Is the content interactive (buttons, inputs, links)? -> use Popover, NOT a tooltip.",
+    "Just the full text of a truncated/plain element? -> native title='' attribute (browser tooltip, ~59x).",
+    "A styled/rich/positioned hint on hover/focus? -> MTooltip (the 94x default).",
+    "Is it a chart/series hover card? -> MTooltip with overlay-class-name='chart-like-tooltip'.",
+    "A topology/graph edge or node tooltip? -> domain-specific graph tooltip component, NOT MTooltip.",
+    "Should the hint be conditionally suppressed? -> :disabled='true'."
+  ],
+  "usageRules": {
+    "infoHint": {
+      "useWhen": "explain a field/icon with a short text hint",
+      "how": "info-circle in the trigger slot + text in the default slot",
+      "example": "Polling interval ⓘ -> 'How often the monitor is polled.'"
+    },
+    "richHover": {
+      "useWhen": "a small non-interactive hover card (title + a few key/values)",
+      "how": "structured content in the default slot",
+      "example": "host hover card in topology"
+    },
+    "chartTooltip": {
+      "useWhen": "a chart/series hover",
+      "how": "overlay-class-name='chart-like-tooltip'",
+      "example": "metric chart point"
+    }
+  },
+  "do": [
+    "Keep content brief and non-interactive",
+    "Use the info-circle idiom for field hints",
+    "Use :disabled when the hint is redundant"
+  ],
+  "dont": [
+    "Don't put buttons/links/inputs in a tooltip (it dismisses on mouse-out) — use Popover",
+    "Don't rely on the `trigger` prop to change activation (it's not wired — F1)"
+  ],
+  "knownIssues": {
+    "F1": {
+      "severity": "Low",
+      "issue": "`trigger` prop declared (default 'hover focus') but not passed to VTippy — changing it has no effect."
+    },
+    "F2": {
+      "severity": "Medium",
+      "a11y": true,
+      "issue": "No focus ring on the overlay (`:focus { outline:none }` in _base-popper) — links to SF-001."
+    },
+    "F3": {
+      "severity": "Medium",
+      "a11y": true,
+      "issue": "Tooltip content is not linked to the trigger via aria-describedby; icon-only triggers have no accessible name — screen-reader users may miss the hint."
+    }
+  },
+  "storybook": "Molecules/Tooltip",
+  "related": [
+    "popover",
+    "modal",
+    "dropdown-picker"
+  ],
+  "figma": {
+    "status": "todo"
+  },
+  "events": "none — VTippy (vue-tippy) driven; the wrapper emits no Vue events. Control visibility via the `disabled` / `trigger` props.",
+  "a11y": {
+    "summary": "Appears on focus + hover (keyboard-reachable if the trigger is focusable). Keep the trigger ≥24px.",
+    "issues": [
+      "Icon-only triggers often aren't focusable / have no name.",
+      "Bubble not linked via aria-describedby (F3).",
+      "Overlay removes the focus outline."
+    ],
+    "doc": "Molecules/Tooltip/Accessibility",
+    "$note": "Catalogue-wide gap SF-001 = no visible :focus-visible ring; tracked in findings/."
+  }
+}

package/components/specs/README.md

@@ -0,0 +1,72 @@
+# Component Specs (one file per component)
+
+The detailed, human-readable home for **each component** — everything we learn about it
+in one place, so we don't drown in scattered notes.
+
+Each `specs/<name>.md` follows the [enhanced standard](../documentation-standard.md)
+(benchmarked vs Atlassian / Uber Base / Carbon / Spectrum / Polaris):
+
+1. **Header** — tier, **maturity** badge (🟢 stable / 🟡 evolving / 🔴 deprecated), source,
+   Storybook + registry + Figma links.
+2. **Usage analytics** *(our differentiator)* — real counts (total, per variant/size).
+3. **Overview** — what it is, how it works, when to use.
+4. **Anatomy** — labeled parts.
+5. **Options** — variants / sizes / states (with measured rendering).
+6. **Behaviors** — overflow, loading, responsive, interaction nuances.
+7. **Content & writing** — label conventions, tone.
+8. **Accessibility** — keyboard, screen-reader/ARIA, target size, contrast (both themes).
+9. **Props / API** — table (mirrors the registry).
+10. **Design tokens used**.
+11. **Findings & Inconsistencies** *(our differentiator)* — severity + status.
+12. **Recommended solutions** — concrete fix per finding (with code).
+13. **Do / Don't**.
+14. **Related components** — cross-links.
+15. **Changelog** — dated entries.
+
+Relationship to other files:
+
+- `specs/<name>.md` (here) = the **human source of truth** per component.
+- `../registry/<name>.json` = the compact **machine/AI-readable** mirror (props, do/don't,
+  knownIssues). Kept in sync with the spec.
+- The Storybook story renders it live; this doc explains it.
+
+## Index
+
+| Component | Tier | Spec | Findings | Status |
+| --- | --- | --- | --- | --- |
+| [Button](./button.md) | atom | ✅ full standard | navy allow-list (F1); no focus ring (F3); target sizes (F4) | documented |
+| [Checkbox](./checkbox.md) | atom | ✅ full standard | Floto override (F1); **SR state not bound (F3, a11y)**; indeterminate not exposed (F4) | documented |
+| [Switch](./switch.md) | atom | ✅ full standard | `defaultChecked` no-op (F1); knob-only state (F2); no focus ring (F3); off-state `aria-checked` (F4) | documented |
+| [Radio](./radio.md) | atom | ✅ full standard | standalone `MRadio`/variants dead (F1); `buttonStyle` outline unused (F2); no focus ring (F3); **segmented style context-dependent (F4)** | documented |
+| [Link](./link.md) | atom | ✅ full standard | `as-button` not a real link (F1, a11y); no default affordance (F2); **external links lack `rel` — SF-004 (F3)** | documented |
+| [Input](./input.md) | atom | ✅ full standard | v-model event is `update` not `input` (F1); `type=password` no show/hide (F2); no focus ring (F3) | documented |
+| [Select](./select.md) | atom | ✅ full standard (⚠️ low-use) | superseded by DropdownPicker 2× vs 510× (F1); **accessible combobox while DropdownPicker isn't (F2)**; no focus ring (F3); clear × blank (F4) + overlaps chevron (F5) | documented |
+| [Tag](./tag.md) | atom | ✅ full standard | **colored variants illegible (F2)**; **remove × not keyboard-accessible (F4, a11y)**; `closable` default true (F5); class typo (F3); status label inversion (F7) | documented |
+| [Form Field](./form-item.md) | molecule | ✅ full standard | `required` derived from rules not a prop (F1); error message pristine-gated (F2); no focus ring (F3) | documented |
+| [LooseTags](./loose-tags.md) | molecule | ✅ full standard | placeholder ignored in editable mode (F1); case differs by mode (F2); dead `sm`/`size` (F3); fetch has no `.catch` (F4) | documented |
+| [TagsList](./tags-list.md) | molecule | ✅ full standard | ⚠️ **dead code, 0 usages (F1)**; count-only overflow vs live idiom (F2) | documented (badged unused) |
+| [DropdownPicker](./dropdown-picker.md) | organism | ✅ full standard | **not an accessible combobox (F1, a11y, High)**; `maxAllowedSelection` dead (F2); boolean defaults true (F3); loose option schema (F4) | documented |
+| [Modal](./modal.md) | organism | ✅ full standard | no × / no backdrop-close — footer/Escape only (F1, UX/a11y); no focus ring (F2); `scrollable-modal` body has no overflow (F3) | documented |
+| [Drawer](./drawer.md) | organism | ✅ full standard | `@hide` delayed ~500ms (F1); no focus ring (F2) | documented |
+| [Tooltip](./tooltip.md) | molecule | ✅ full standard | dead `trigger` prop (F1); no focus ring (F2); **no `aria-describedby` / icon trigger unnamed (F3, a11y)** | documented |
+| [Popover](./popover.md) | molecule | ✅ full standard | one-way `visible` (F1); **no disclosure ARIA / focus trap (F2, a11y)**; no focus ring (F3) | documented |
+| [Table / Grid](./table.md) | organism | ✅ full standard | heavy (Kendo + workers → reproductions) (F1); **a11y: verify roles/`aria-sort`/`aria-selected`/focus (F2)** | documented |
+| [Filters](./filters.md) | molecule | ✅ full standard | reproductions (FilterCondition 500+ ln) (F1); taxonomy note (N1) | documented |
+| [Toolbars](./toolbars.md) | organism | ✅ full standard | reproductions (F1); a11y: focus ring + icon-button labels (F2) | documented |
+| [Date & Time Pickers](./date-time-pickers.md) | molecule | ✅ full standard | reproductions (store/moment) (F1); a11y focus ring (F2); empty-string→Invalid date (N1) | documented |
+| [Scheduler](./scheduler.md) | molecule | ✅ full standard | sub-forms mis-named OnceForm (F1); lokijs → reproduction (F2) | documented |
+| [Tabs](./tabs.md) | molecule | ✅ full standard | line/top/default only; focus ring (F1) | documented |
+
+(Rows added as each component is specced. Tracking list: [`../inventory.md`](../inventory.md).)
+
+## Severity labels (for findings)
+
+- **High** — visibly wrong / breaks the design intent (e.g. a used variant renders wrong).
+- **Medium** — inconsistency or ambiguity that should be resolved.
+- **Low** — cosmetic / nice-to-have / cleanup.
+
+## Finding status
+
+`Open` (found, no decision) · `Proposed` (fix suggested, needs approval) ·
+`Approved` (decided, not yet applied) · `Fixed` (applied) · `Won't fix` (accepted as-is).
+</content>