@neuronection/assistant-ui 0.8.1 → 0.10.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @neuronection/assistant-ui
 
+## 0.10.0
+
+### Minor Changes
+
+- [`e6a78cf`](https://github.com/neuronection/assistant-ui/commit/e6a78cfda0ccd3f8b4014e8d40f726803ae3c0e2) Thanks [@constLiakos](https://github.com/constLiakos)! - Add the `model-registry` module and the AI-settings patterns it composes. `ModelRegistry` renders provider cards with registered model rows and the remote model catalog behind a two-stage add: quick-add with the app-provided cap guess, or an expandable draft panel where label, capabilities, and reasoning effort are editable before confirming — the same panel doubles as the inline editor, so apps can retire their separate edit dialogs. Adds `CapabilityChips` (controlled cap toggle group / badge display with `minSelected`), a `variant="inline"` + `meta` option on `ConnectionTestRow` for embedding in app provider cards, and v2 additions to `TaskAssignmentPicker`: `requires`-based capability filtering of the row catalog, `sections` grouping, per-task fallback (secondary) model assignment, and a `renderMeta` slot. `ModelPickerModel` gains an optional `capabilities: string[]`. All additions are backward compatible; flat `TaskAssignmentPicker` usage is unchanged.
+
+- [`44d22a7`](https://github.com/neuronection/assistant-ui/commit/44d22a7d3c346d56e4a9c75ffb96c33f0d8ecc20) Thanks [@constLiakos](https://github.com/constLiakos)! - Add `SponsorCard` to the about module and a `sponsor` prop on `AboutPanel`. Channels are data-driven (`SponsorChannel[]`), so apps can start with Buy Me a Coffee (`https://buymeacoffee.com/neuronection`) and add future funding methods without API changes. Highlighted channels render as primary CTAs; per-channel `data-as-channel="<id>"` hooks allow app-side brand theming.
+
+## 0.9.0
+
+### Minor Changes
+
+- [`71f029b`](https://github.com/neuronection/assistant-ui/commit/71f029b3193460db28293b811186a2f46516bf10) Thanks [@constLiakos](https://github.com/constLiakos)! - Add about module: a uniform family "about page" kit. `AboutPanel` composes hero (logo, name, tagline, version badge), creator/license/links cards, tech chips, a toned note (e.g. medical disclaimer), the `FamilyBadge` showcase and a version/copyright footer — all content via props so apps keep their i18n and data. `FamilyBadge` presents the Neuronection brand lockup (mark + wordmark), an open-source/self-hosted family blurb, a prominent hub CTA, and one tile per app (logo, name, tagline, links to its presentation page, GitHub and website where applicable) with the current app highlighted. Building blocks (`AboutCard`, `AboutLinkList`, `AboutNote`, `AboutFooterLine`, `FamilyBadge`, `TechChips`) are also exported individually.
+
+- [`71f029b`](https://github.com/neuronection/assistant-ui/commit/71f029b3193460db28293b811186a2f46516bf10) Thanks [@constLiakos](https://github.com/constLiakos)! - Add logo module with inline brand marks for the Assistant family: `NeuronectionMark`, `NeuronectionWordmark`, `CareerMark`, `StudyMark`, `HealthMark`. All are theme-aware (`theme="light" | "dark"`, mirroring the hub artwork pairs), decorative and non-focusable by default, labeled via an optional `title` prop, sized via `size`, and use per-instance gradient ids so several marks can share a page. The wordmark also accepts `mono` for a `currentColor` fill. Brand artwork keeps its fixed fills as a deliberate exception to the semantic-token rule.
+
 ## 0.8.1
 
 ### Patch Changes

package/README.md

@@ -84,8 +84,9 @@ files in the package's `dist/`. Visual reference:
 | `error-banner` / `undo-notice` / `empty-state` / `spinner` | presentational feedback: alert banner with `action` slot · undo toast · `EmptyState` · `Spinner` |
 | `info-button` / `field-label` / `copy-button` / `breadcrumbs` | `InfoButton` · `FieldLabel` · `CopyButton` (clipboard + copied state) · `Breadcrumbs` (SPA links via `linkComponent`) |
 | `ai-button` / `ai-actions-dropdown` / `ai-magic-fill` | AI affordances: ask-with-suggestions (controlled open, icon-only mode) · action menu + custom prompt · describe-in-words fill modal — API calls stay app-side |
-| `settings-shell` / `provider-form` / `connection-test-row` | `SettingsShell` (controlled two-pane nav) · `ProviderForm` (write-only API-key field) · `ConnectionTestRow` (idle/testing/ok/fail + latency) |
-| `model-picker` / `task-assignment-picker` | `ModelPicker` (grouped provider→model combobox, capability chips) · `TaskAssignmentPicker` (task → model mapping rows) |
+| `settings-shell` / `provider-form` / `connection-test-row` | `SettingsShell` (controlled two-pane nav) · `ProviderForm` (write-only API-key field) · `ConnectionTestRow` (idle/testing/ok/fail + latency, `inline` variant + meta slot) |
+| `model-picker` / `task-assignment-picker` / `capability-chips` | `ModelPicker` (grouped provider→model combobox, capability chips) · `TaskAssignmentPicker` (task → model mapping rows, capability-filtered, sections + fallback assignment, meta slot) · `CapabilityChips` (cap toggle group / badges, min-selected) |
+| `model-registry` | `ModelRegistry` (provider cards → registered model rows + remote catalog with two-stage add: quick-add or expandable draft panel with editable label/caps/reasoning-effort; cap filter + search + add-all; add/edit are one panel) |
 | `upload-dropzone` / `file-card` / `file-queue` | file attachment surface: dropzone (block/row) · card (status, include toggle) · queue (summary + reorder) |
 | `marquee` | `useMarquee`, `MarqueeSurface`, `MarqueeBand` (rubber-band selection) |
 | `portal` / `theme-scope` / `tokens` | `Portal` · `ThemeScope` · token name lists + types |
@@ -99,6 +100,7 @@ no router — data in, events out.
 
 - [Adopting in an app](./docs/adoption.md) — the install/switchover recipe each family app follows (incl. the TW3 cascade notes)
 - [Theming](./docs/theming.md) — tokens, app themes, dark mode, styling hooks
+- [Accessibility](./docs/accessibility.md) — the keyboard + ARIA contract per module (test-asserted)
 - [Adding a component](./docs/adding-a-component.md) — rules, checklist, required companions
 - [Local development](./docs/local-development.md) — live-test library changes in the family apps without publishing
 - [Publishing](./docs/publishing.md) — the Changesets release flow and CI setup
@@ -110,6 +112,7 @@ pnpm install
 pnpm dev          # Ladle playground on :61000 (CSS watches alongside)
 pnpm test --watch
 pnpm verify       # lint + typecheck + test + build
+pnpm test:visual  # Playwright screenshots of every story vs committed baselines
 ```
 
 Releases happen via [Changesets](./CONTRIBUTING.md) — CI publishes, never a

package/dist/Logo-D8DEBUoL.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+type LogoTheme = 'light' | 'dark';
+interface LogoProps extends Omit<React.ComponentProps<'svg'>, 'children'> {
+    size?: number | string;
+    theme?: LogoTheme;
+    title?: string;
+}
+declare const useLogoId: () => string;
+
+export { type LogoProps as L, type LogoTheme as a, useLogoId as u };

package/dist/about.d.ts

@@ -0,0 +1,154 @@
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { a as LogoTheme } from './Logo-D8DEBUoL.js';
+
+interface AboutCardProps extends Omit<React.ComponentProps<'div'>, 'title'> {
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    heading?: 'h2' | 'h3' | 'h4';
+}
+declare const AboutCard: React.ForwardRefExoticComponent<Omit<AboutCardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+interface AboutLinkItem {
+    href?: string;
+    label: React.ReactNode;
+    subtitle?: React.ReactNode;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    external?: boolean;
+    group?: React.ReactNode;
+    copyValue?: string;
+    copyLabel?: string;
+    copiedLabel?: string;
+}
+interface AboutLinkListProps extends React.ComponentProps<'ul'> {
+    links: ReadonlyArray<AboutLinkItem>;
+}
+declare const AboutLinkList: React.ForwardRefExoticComponent<Omit<AboutLinkListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+
+declare const noteStyles: (props?: ({
+    tone?: "info" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AboutNoteProps extends Omit<React.ComponentProps<'div'>, 'title'>, VariantProps<typeof noteStyles> {
+    title?: React.ReactNode;
+}
+declare const AboutNote: React.ForwardRefExoticComponent<Omit<AboutNoteProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+interface AboutFooterLineProps extends React.ComponentProps<'p'> {
+    version?: string;
+    copyright?: React.ReactNode;
+}
+declare const AboutFooterLine: React.ForwardRefExoticComponent<Omit<AboutFooterLineProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+type FamilyApp = 'health' | 'career' | 'study';
+interface FamilyMember {
+    app: FamilyApp;
+    name: string;
+    tagline?: string;
+    href?: string;
+    github?: string;
+    website?: string;
+}
+interface FamilyCreator {
+    name: React.ReactNode;
+    role?: React.ReactNode;
+    href?: string;
+}
+interface FamilyBadgeProps extends Omit<React.ComponentProps<'div'>, 'title'> {
+    current: FamilyApp;
+    members?: ReadonlyArray<FamilyMember>;
+    creator?: FamilyCreator;
+    creatorLabel?: string;
+    hubUrl?: string;
+    label?: string;
+    blurb?: React.ReactNode;
+    ctaLabel?: string;
+    currentLabel?: string;
+    githubLabel?: string;
+    websiteLabel?: string;
+    theme?: LogoTheme;
+}
+declare const FamilyBadge: React.ForwardRefExoticComponent<Omit<FamilyBadgeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+interface TechChipsProps extends React.ComponentProps<'div'> {
+    items: ReadonlyArray<string | null | undefined>;
+}
+declare const TechChips: React.ForwardRefExoticComponent<Omit<TechChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+interface SponsorChannel {
+    id: string;
+    name: React.ReactNode;
+    href: string;
+    description?: React.ReactNode;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    external?: boolean;
+    highlight?: boolean;
+}
+interface SponsorCardProps extends Omit<React.ComponentProps<'section'>, 'title'> {
+    channels: ReadonlyArray<SponsorChannel>;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    footnote?: React.ReactNode;
+    channelsLabel?: string;
+    icon?: React.ReactNode;
+    heading?: 'h2' | 'h3' | 'h4';
+}
+declare const SponsorCard: React.ForwardRefExoticComponent<Omit<SponsorCardProps, "ref"> & React.RefAttributes<HTMLElement>>;
+
+interface AboutCreator {
+    name: React.ReactNode;
+    role?: React.ReactNode;
+    href?: string;
+    links?: ReadonlyArray<AboutLinkItem>;
+}
+interface AboutLicense {
+    name: string;
+    href?: string;
+}
+interface AboutNoteContent {
+    tone?: 'info' | 'warning';
+    title?: React.ReactNode;
+    children: React.ReactNode;
+}
+interface AboutSponsorContent {
+    channels: ReadonlyArray<SponsorChannel>;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    footnote?: React.ReactNode;
+    channelsLabel?: string;
+}
+interface AboutPanelProps extends React.ComponentProps<'div'> {
+    appName: string;
+    familyCurrent?: FamilyApp;
+    logo?: React.ReactNode;
+    tagline?: React.ReactNode;
+    description?: React.ReactNode;
+    version?: string;
+    license?: AboutLicense;
+    licenseTitle?: string;
+    licenseLinkLabel?: string;
+    links?: ReadonlyArray<AboutLinkItem>;
+    linksTitle?: string;
+    creator?: AboutCreator;
+    creatorTitle?: string;
+    tech?: ReadonlyArray<string>;
+    techTitle?: string;
+    note?: AboutNoteContent;
+    sponsor?: AboutSponsorContent;
+    familyMembers?: ReadonlyArray<FamilyMember>;
+    hubUrl?: string;
+    familyLabel?: string;
+    familyBlurb?: React.ReactNode;
+    familyCtaLabel?: string;
+    familyCurrentLabel?: string;
+    theme?: LogoTheme;
+    copyright?: React.ReactNode;
+}
+declare const AboutPanel: React.ForwardRefExoticComponent<Omit<AboutPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { AboutCard, type AboutCardProps, type AboutCreator, AboutFooterLine, type AboutFooterLineProps, type AboutLicense, type AboutLinkItem, AboutLinkList, type AboutLinkListProps, AboutNote, type AboutNoteContent, type AboutNoteProps, AboutPanel, type AboutPanelProps, type AboutSponsorContent, type FamilyApp, FamilyBadge, type FamilyBadgeProps, type FamilyCreator, type FamilyMember, SponsorCard, type SponsorCardProps, type SponsorChannel, TechChips, type TechChipsProps };

package/dist/about.js

@@ -0,0 +1,3 @@
+export { AboutCard, AboutFooterLine, AboutLinkList, AboutNote, AboutPanel, FamilyBadge, SponsorCard, TechChips } from './chunk-7RTSSBBR.js';
+//# sourceMappingURL=about.js.map
+//# sourceMappingURL=about.js.map

package/dist/about.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"about.js"}

package/dist/badge.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | "success" | "warning" | "danger" | "ai" | null | undefined;
+    variant?: "default" | "warning" | "success" | "danger" | "secondary" | "outline" | "ai" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.ComponentProps<'span'>, VariantProps<typeof badgeVariants> {
 }

package/dist/badge.js

@@ -1,3 +1,3 @@
-export { Badge, badgeVariants } from './chunk-SKTLC2XY.js';
+export { Badge, badgeVariants } from './chunk-F4DP4PIM.js';
 //# sourceMappingURL=badge.js.map
 //# sourceMappingURL=badge.js.map

package/dist/capability-chips.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+interface CapabilityDescriptor {
+    value: string;
+    label: string;
+}
+interface CapabilityChipsProps {
+    caps: CapabilityDescriptor[];
+    selected: string[];
+    onToggle?: (value: string) => void;
+    variant?: 'toggle' | 'badge';
+    minSelected?: number;
+    disabled?: boolean;
+    ariaLabel?: string;
+    className?: string;
+}
+declare const CapabilityChips: React.ForwardRefExoticComponent<CapabilityChipsProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CapabilityChips, type CapabilityChipsProps, type CapabilityDescriptor };

package/dist/capability-chips.js

@@ -0,0 +1,3 @@
+export { CapabilityChips } from './chunk-MLQAA2QV.js';
+//# sourceMappingURL=capability-chips.js.map
+//# sourceMappingURL=capability-chips.js.map

package/dist/capability-chips.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"capability-chips.js"}

package/dist/card.js

@@ -1,3 +1,3 @@
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-HSWSYEFQ.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-RYE5YCFF.js';
 //# sourceMappingURL=card.js.map
 //# sourceMappingURL=card.js.map

package/dist/chip-list.js

@@ -1,3 +1,3 @@
-export { ChipList } from './chunk-BN3YHYYL.js';
+export { ChipList } from './chunk-QUPGIPTT.js';
 //# sourceMappingURL=chip-list.js.map
 //# sourceMappingURL=chip-list.js.map

package/dist/chunk-7EG3AUTS.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-7EG3AUTS.js.map
+//# sourceMappingURL=chunk-7EG3AUTS.js.map

package/dist/chunk-7EG3AUTS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-7EG3AUTS.js"}