Исправления по результатам повторного визуального ревью: Vue form states, cluster utility, cards label, progress/loader demo ...

Co-Authored-By: Claude <noreply@anthropic.com>

UI-правки по результатам визуального ревью

Чипы и Vue-тосты приведены к дизайну и поведению ванильной версии ...

- _chips.scss: bordered pill chips, uppercase, selectable/pressed state, success/warning/danger variants, disabled state
- demo/partials/chips.html: .chip-group wrappers, aria-pressed на selectable chips
- GnToastProvider.js: hover pause/resume, alone=true по умолчанию, CSS-анимация прогресса, close-кнопка без задержки
- Заменён avatar-placeholder.png на .jpg, используемый в демо

Fix Vue avatar demo vertical alignment ...

The vue-avatar-app used a non-existent .cluster class, so avatars were
not aligned. Switch to .demo-row so they line up like the vanilla
examples.

Co-Authored-By: Claude <noreply@anthropic.com>

Fix Vue toast demo provider usage ...

useToast() is called in setup before the template renders, so it ran
outside the provider's provide scope. Switch the demo to call toast
methods directly through the provider's exposed API via template refs.

Co-Authored-By: Claude <noreply@anthropic.com>

Align vanilla breadcrumbs with Vue light design ...

Remove the dark inverted breadcrumb variant and make the vanilla demo
use the same light-surface style as the Vue breadcrumbs.

Co-Authored-By: Claude <noreply@anthropic.com>

Use jpg avatar placeholder in demo partials ...

Switch all demo avatar references from /assets/avatar-placeholder.png
to /assets/avatar-placeholder.jpg as requested.

Co-Authored-By: Claude <noreply@anthropic.com>

polish: use icon-only buttons in navigation-shell footer demo

feat: add remaining reference Vue components, card variants, toolbar/repeater/activity-log/usage-meter styles and demo mounts ...

- Add GnHorizontalCard, GnUserCard, GnMetricCard, GnStatusCard, GnLoginCard,
  GnIdentity, GnActivityLog, GnToolbar, GnRouterTabs, GnRepeater, GnUsageMeter
- Extend GnTabs to support reference items API while keeping child mode
- Add card subcomponent styles: status, metric, horizontal, login, user
- Add toolbar, repeater, identity, activity-log, usage-meter styles
- Add typography token variables used by reference-compatible components
- Add Vue demo mounts for cards, data-patterns, progress, tabs, navigation-shell
- Fix GnAvatar online status class and navigation-shell footer slot
- Update screenshot config to cover skeleton and navigation-shell

Verified: npm run build, npm run test:e2e (19 passed), npm run screenshots,
npm run test:vue-adapter, figma-match (7 passed)

Add GnActionCard, GnActionList, GnCopyButton, GnRange and GnTagInput ...

- Mirror reference component APIs and register them in the Vue plugin and index.

- Add supporting styles for action-card, list-actions, range, tag-input and .btn-icon.

- Add Vue demo mounts to cards, lists and inputs partials.

- Capture Lists section in screenshot review.

Co-Authored-By: Claude <noreply@anthropic.com>

Add GnAvatarStack, GnChipGroup, GnCombobox and GnSearchField Vue components ...

- Mirror reference gnexus-ui-kit API for avatar stack, chip group, combobox and search field.

- Add supporting styles for .avatar-stack, .avatar-xs and .chip-group.

- Add Vue demo mounts to avatar, chips, advanced-select and inputs partials.

Co-Authored-By: Claude <noreply@anthropic.com>

Add Vue demo mounts for buttons, inputs, tables and capture inputs section ...

- Add GnButton, GnInput and GnTable Vue demo mounts.

- Switch tables partial to demo-section for screenshot capture.

- Add dismissible alert styles and close button.

- Include Inputs section in screenshot review list.

Co-Authored-By: Claude <noreply@anthropic.com>

Add Vue components and demo mounts for divider, step, chips, avatar, choices, select, textarea, pagination, loader ...

- Create GnDivider and GnStep Vue components.
- Export GnStep and GnDivider via plugin and index.
- Update GnSteps to render check icon for complete steps.
- Add Vue demo mounts to divider, stepper, select-textarea, pagination, loader, chips, avatar, choices partials.
- Convert chips and avatar partials to demo-section for screenshot capture.
- Expand screenshot section list.
- All 19 e2e tests green.

Co-Authored-By: Claude <noreply@anthropic.com>

Use btn-sm for Overlays dropdown/tooltip toggles ...

Co-Authored-By: Claude <noreply@anthropic.com>

Polish triggers, breadcrumbs, drawer, file preview, editable icons, logos ...

- Use btn-sm for popover, tooltip, dropdown, modal-open, confirm, toast, drawer triggers.
- Use btn-md with gap for modal and confirm-popup action buttons.
- Fix left drawer: correct SCSS nesting so .drawer-left panel slides from left.
- Align breadcrumbs demo with Figma: dark surface, active pill, collapsed rows.
- Unify File Upload preview cards with static File attachment cards markup.
- Style Editable String buttons as btn-icon-only btn-sm.
- Fix 'essentials/search' icon mapping to 'essentials/zoom/search'.
- Add Logos component block from Figma frames.
- Expand screenshot section list to cover more component demos.
- All 19 e2e tests green.

Co-Authored-By: Claude <noreply@anthropic.com>

Polish visual defects: color cards, spacing, date picker, file attachments, progress, input group, timeline, icon mappings ...

- demo: remove page background layer, add vertical spacing for demo rows
- palette: wrap color swatches in color cards with name/hex labels
- description list: style description-list-term distinctly
- file-upload: shrink attachment cards to 130px, increase gaps, center placeholder text
- forms: add .input-date styling with calendar icon and focus ring
- input-group: seamless action slot button without double borders
- progress: add vertical spacing between consecutive progress bars
- timeline: align marker connector line at left: 23px
- vue: make GnIconButton label optional, add Phosphor icon mappings
- tests: screenshot workflow passing, all 19 e2e tests green

Co-Authored-By: Claude <noreply@anthropic.com>

style: polish demo visuals and add screenshot workflow ...

- Replace flat palette swatches with color cards (name + hex).
- Increase vertical spacing for demo-section and demo-row.
- Fix Description List to show term when items use { key, value }.
- Style advanced-select input like a regular input with a custom arrow.
- Resize file attachment cards from 420px to 160px, fix grid gaps and padding.
- Make demo background fixed with a subtle parallax drift on scroll.
- Link demo.css in demo/index.html so demo styles actually load.
- Add tests/demo-screenshot.spec.js and npm run screenshots for regular
  visual review.

All 19 e2e tests pass.

Co-Authored-By: Claude <noreply@anthropic.com>

fix: close high-severity compatibility gaps from functional audit ...

- Add missing Drawer browser helper (src/js/components/drawer.js) and export it.
- Replace icon-only Helper with full gnexus-ui-kit-compatible Helper object
  (template, unification, states).
- Make Toasts create* methods synchronous to match the reference contract.
- Rename Vue plugin export to GnexusUiVue while keeping VMKUiVue alias;
  add tryUseRouter, tryUseRoute, isRouteActive composables.
- Emit both vmk-ui-kit.* and gnexus-ui-kit.* browser bundles; point package.json
  main/module/exports to gnexus-ui-kit aliases.
- Add demo partials for GnInputGroup, GnDescriptionList, GnEmptyState, GnPageHeader.
- Update modal/drawer/toast demos to exercise the browser JS API.
- Update functional tests for dynamic modal/drawer creation.

All e2e tests pass; demo page has no console errors with the new background wrapper.

Co-Authored-By: Claude <noreply@anthropic.com>

Add advancedSelect browser helper ...

- Implement advancedSelect helper with search, keyboard navigation and selection
- Add styles and demo partial
- Wire export in browser bundle
- All 17 e2e tests pass, no console errors

Co-Authored-By: Claude <noreply@anthropic.com>

Add Overlays browser helper ...

- Implement Overlays helper for dropdown and tooltip toggle management
- Avoid conflict with existing popover.js by not handling data-popover-toggle
- Add CSS support for .dropdown.is-open and .tooltip.is-open
- Add overlays demo partial
- All 17 e2e tests pass, no console errors

Co-Authored-By: Claude <noreply@anthropic.com>

Add InputPatterns and editableString browser helpers ...

- Implement InputPatterns helper for input clear, date picker trigger and file upload previews
- Implement editableString helper for inline text/textarea editing
- Add component styles and data-patterns demo partial
- Wire exports in browser bundle and auto-init InputPatterns on DOMContentLoaded
- No console errors, all 17 e2e tests pass

Co-Authored-By: Claude <noreply@anthropic.com>

Fix console errors on demo page ...

- Add importmap for vue so inline Vue demos load from CDN
- Provide missing avatar-placeholder.png asset
- All 17 e2e tests pass, no console errors

Co-Authored-By: Claude <noreply@anthropic.com>

Add GnConfirmDialog and confirmPopup helper ...

- Create GnConfirmDialog Vue component wrapping GnModal
- Add browser Modals helper and confirmPopup for gnexus-ui-kit compatibility
- Wire exports in src/js/index.js, src/vue/index.js and plugin
- Add demo partial for confirm dialog
- Build and e2e tests pass (17/17)

Co-Authored-By: Claude <noreply@anthropic.com>

Final polish, functional audit, and new Vue components ...

- Fix interactive overlay pointer-events for modal/drawer
- Add accordion panel transition so animation completes
- Fix toast inline handler syntax escaping
- Install real Phosphor Icons fonts and CSS
- Add auto-init for browser helpers and GNexusUIKit alias
- Add functional Playwright tests for all interactive components
- Add new Vue components: GnIconButton, GnInputGroup, GnDescriptionList, GnEmptyState, GnPageHeader
- Update kit.scss with new component styles
- All 17 e2e tests, Vue adapter smoke, and production build passing

Co-Authored-By: Claude <noreply@anthropic.com>

Add Popover, Pagination, Timeline and Loader components ...

- Add Popover CSS/browser helper/Vue adapter with click-outside and Escape handling.
- Add Pagination CSS and GnPagination Vue adapter.
- Add Timeline CSS and GnTimeline Vue adapter.
- Add Loader/Spinner CSS/browser helper/Vue adapter with spin/dots/bar variants.
- Wire all four components into the SCSS entry, browser bundle, Vue plugin and exports.
- Add demo partials for popover, pagination, timeline and loader.

E2E and Vue adapter smoke builds pass.

Add Divider, Accordion, Stepper and FileAttachment components ...

- Implement CSS for divider, accordion, stepper and file-upload/attachment.
- Add browser Accordion helper and expose it on window.VMKUIKit.
- Add Vue adapters: GnAccordion, GnSteps, GnFileUpload, GnFileAttachment.
- Add demo partials and figma match pages for divider and attached-file.
- Fix Figma comparison flattening for transparent baselines (e.g. breadcrumbs, attached-file).
- Add vertical spacing to the demo index page to separate sections.

All Figma visual tests and the Vue adapter smoke build pass.

Add Table, List, Skeleton, Tooltip, Dropdown, NavigationShell ...

- Implement Table styles + browser helper + GnTable/GnTableRow/GnTableHeader
  with sortable/selectable variants.
- Implement List styles + browser helper + GnList/GnListItem.
- Implement Skeleton placeholders + browser helper + GnSkeleton.
- Implement Tooltip styles + browser helper + GnTooltip.
- Implement Dropdown menu styles + browser helper + GnDropdown/GnDropdownItem.
- Implement NavigationShell layout + browser helper + GnNavigationShell/GnNavigationItem.
- Wire all new components into kit.scss, Vue plugin, Vue entry, and browser bundle.
- Add demo partials for every new component.
- Update docs/component-coverage.md and PROJECT_NOTES.md.
- Builds and tests pass.

Add Tabs, Avatar, Chip, and Progress components ...

- Implement pill/compact/vertical tabs with browser helper and Vue adapters
  (GnTabs, GnTab, GnTabPanel) plus keyboard navigation.
- Add Avatar styles and GnAvatar with initials/image/icon and status dot.
- Add Chip styles and GnChip removable/selectable chip.
- Add Progress styles, browser helper, and GnProgress linear/step.
- Wire new components into kit.scss, Vue plugin, Vue entry, and browser bundle.
- Add demo partials and update docs/component-coverage.md + PROJECT_NOTES.md.
- All builds and smoke tests pass.

Sync tokens and components with Figma variables and frames ...

- Update primitive palette: add neutral-25, adjust warning-bg to #FEF3E5.
- Add full radius scale (xs/sm/md/lg/xl/2xl/full) from radius.tokens.json.
- Update semantic surfaces/borders from Mode 1 tokens.
- Realign buttons: primary dark, secondary mint, accent yellow, tertiary ghost.
- Realign badges, alerts, cards, inputs, checkbox, radio, switch, modal, toast.
- Update demo palette/utilities and style-guide docs.
- Add exported Figma frames and variables under 'figma design parts/' for reference.

Add overlay components: Modal, Drawer, Toast system ...

- Add SCSS for modals, drawers and toasts with VMK design tokens.
- Add GnModal and GnDrawer Vue adapters with focus trap, Escape close and teleport.
- Add browser Toasts helper and GnToastProvider + useToast composable.
- Wire overlays into plugin, Vue entry and browser bundle.
- Add demo partials for Modal, Drawer and Toast.
- Update component coverage and project notes.