@flamingo-stack/openframe-frontend-core 0.0.745 → 0.0.747

package/dist/utils/index.cjs

@@ -80142,35 +80142,85 @@ if (_orderIdx("flamingo") > _orderIdx("universal") || getPlatformByHostname("fla
 }
 
 // src/utils/vendor-classification.ts
-var VENDOR_CLASSIFICATIONS = [
-  "open_source",
-  "commercial",
-  "openframe_selected",
-  "openframe_shipped",
-  "openframe_connect"
-];
-var OPENFRAME_CLASSIFICATIONS = {
+var VENDOR_CLASSIFICATION_COPY = {
   openframe_selected: {
-    word: "Selected",
     label: "OpenFrame Selected",
-    description: "OpenFrame is a unified platform that integrates multiple open-source IT and security tools into a single dashboard for MSPs. This filter shows vendors selected by our team for their excellence, community support, and MSP-specific value."
+    word: "Selected",
+    description: "OpenFrame is a unified platform that integrates multiple open-source IT and security tools into a single dashboard for MSPs. This filter shows vendors selected by our team for their excellence, community support, and MSP-specific value.",
+    group: "openframe",
+    icon: { name: "openframe-logo", tone: "accent" }
+  },
+  openframe_connect: {
+    label: "OpenFrame Connect",
+    word: "Connect",
+    description: "Services OpenFrame connects to and manages for every client, such as Microsoft 365 and Google Workspace, beside devices and tickets.",
+    group: "openframe",
+    icon: { name: "openframe-logo", tone: "accent" }
   },
   openframe_shipped: {
-    word: "Shipped",
     label: "OpenFrame Shipped",
-    description: "Tools and OpenFrame products that are in the released OpenFrame product today, not on the roadmap."
+    word: "Shipped",
+    description: "Tools and OpenFrame products that are in the released OpenFrame product today, not on the roadmap.",
+    group: "openframe",
+    icon: { name: "openframe-logo", tone: "accent" }
   },
-  openframe_connect: {
-    word: "Connect",
-    label: "OpenFrame Connect",
-    description: "Services OpenFrame connects to and manages for every client, such as Microsoft 365 and Google Workspace, beside devices and tickets."
+  open_source: {
+    label: "Open Source",
+    description: "Released under an OSI-approved open-source license.",
+    group: "license",
+    icon: { name: "code", tone: "accent" }
+  },
+  source_available: {
+    label: "Source-available",
+    description: "The source code is public, but the license restricts how it may be used (for example SSPL, BSL, the Elastic License, or limits on company size or on offering it as a service).",
+    group: "license",
+    icon: { name: "file-code", tone: "neutral" }
+  },
+  commercial: {
+    label: "Commercial",
+    description: "Proprietary software sold by the vendor.",
+    group: "license",
+    icon: { name: "dollar", tone: "neutral" }
+  },
+  end_of_life: {
+    label: "End of life",
+    description: "The vendor has discontinued or retired the product. No new releases.",
+    group: "lifecycle",
+    icon: { name: "alert-triangle", tone: "warning" }
+  },
+  end_of_support: {
+    label: "End of support",
+    description: "The vendor no longer provides support or security fixes, though the product can still be obtained.",
+    group: "lifecycle",
+    icon: { name: "clock", tone: "warning" }
+  },
+  unmaintained: {
+    label: "Unmaintained",
+    description: "No release for years and no official end-of-life notice.",
+    group: "lifecycle",
+    icon: { name: "pause-circle", tone: "warning" }
   }
 };
-function isVendorClassification(value) {
-  return VENDOR_CLASSIFICATIONS.includes(value);
+function vendorClassificationCopy(value) {
+  if (!value || !Object.prototype.hasOwnProperty.call(VENDOR_CLASSIFICATION_COPY, value)) return void 0;
+  return VENDOR_CLASSIFICATION_COPY[value];
+}
+function vendorClassificationGroup(value) {
+  return vendorClassificationCopy(value)?.group;
 }
 function isOpenFrameClassification(value) {
-  return !!value && Object.prototype.hasOwnProperty.call(OPENFRAME_CLASSIFICATIONS, value);
+  return vendorClassificationGroup(value) === "openframe";
+}
+var DISPLAY_ORDER = Object.keys(VENDOR_CLASSIFICATION_COPY);
+function compareVendorClassifications(a, b) {
+  const ia = DISPLAY_ORDER.indexOf(a);
+  const ib = DISPLAY_ORDER.indexOf(b);
+  if (ia !== -1 || ib !== -1) {
+    if (ia === -1) return 1;
+    if (ib === -1) return -1;
+    return ia - ib;
+  }
+  return a.localeCompare(b);
 }
 
 // src/utils/format.ts
@@ -80568,8 +80618,7 @@ function stripHtml(html) {
   return noTags.replace(/&nbsp;/g, " ").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&#x27;/g, "'").replace(/&apos;/g, "'").replace(/&amp;/g, "&").replace(/\s+/g, " ").trim();
 }
 function formatClassification(classification) {
-  if (isOpenFrameClassification(classification)) return OPENFRAME_CLASSIFICATIONS[classification].label;
-  return formatUnderscoreText(classification);
+  return vendorClassificationCopy(classification)?.label ?? formatUnderscoreText(classification);
 }
 function formatPricingModel(pricingModel) {
   const customMappings = {
@@ -86082,7 +86131,6 @@ exports.ODS_SPACING_TOKENS = ODS_SPACING_TOKENS;
 exports.ODS_SPACING_TOKEN_PATTERN = ODS_SPACING_TOKEN_PATTERN;
 exports.ODS_STEM_CLASSES = ODS_STEM_CLASSES;
 exports.ODS_STEM_TOKENS = ODS_STEM_TOKENS;
-exports.OPENFRAME_CLASSIFICATIONS = OPENFRAME_CLASSIFICATIONS;
 exports.OPENFRAME_DEV_SECTIONS = OPENFRAME_DEV_SECTIONS;
 exports.OS_PLATFORMS = OS_PLATFORMS;
 exports.PAGE_PARAM_LIMITS = PAGE_PARAM_LIMITS;
@@ -86108,7 +86156,7 @@ exports.TICKET_OPEN_PARAM = TICKET_OPEN_PARAM;
 exports.TICKET_STATUS_OPTIONS = TICKET_STATUS_OPTIONS;
 exports.TOKEN_RATE_EMPTY = TOKEN_RATE_EMPTY;
 exports.TRIAL_TERMS = TRIAL_TERMS;
-exports.VENDOR_CLASSIFICATIONS = VENDOR_CLASSIFICATIONS;
+exports.VENDOR_CLASSIFICATION_COPY = VENDOR_CLASSIFICATION_COPY;
 exports.VIEWER_TIMEZONE = VIEWER_TIMEZONE;
 exports.WALKTHROUGH_OPEN_QUERY_PARAM = WALKTHROUGH_OPEN_QUERY_PARAM;
 exports.WALKTHROUGH_VIDEO_DISMISS_KEY = WALKTHROUGH_VIDEO_DISMISS_KEY;
@@ -86143,6 +86191,7 @@ exports.clearLegacyAnnouncementCache = clearLegacyAnnouncementCache;
 exports.clearWalkthroughDismissal = clearWalkthroughDismissal;
 exports.clickupTaskUrl = clickupTaskUrl;
 exports.cn = cn;
+exports.compareVendorClassifications = compareVendorClassifications;
 exports.complianceStandardForName = complianceStandardForName;
 exports.consumeAccessCode = consumeAccessCode;
 exports.copyrightLine = copyrightLine;
@@ -86350,7 +86399,6 @@ exports.isValidEmailDomain = isValidEmailDomain;
 exports.isValidPathPattern = isValidPathPattern;
 exports.isValidSchedulingSlug = isValidSchedulingSlug;
 exports.isValidToolType = isValidToolType;
-exports.isVendorClassification = isVendorClassification;
 exports.isVideoMedia = isVideoMedia;
 exports.isWalkthroughDismissed = isWalkthroughDismissed;
 exports.isWithinMinutes = isWithinMinutes;
@@ -86472,6 +86520,8 @@ exports.validateAndConsumeAccessCode = validateAndConsumeAccessCode;
 exports.validateEmailDomain = validateEmailDomain;
 exports.validateEmailDomainList = validateEmailDomainList;
 exports.validatePhoneNumber = validatePhoneNumber;
+exports.vendorClassificationCopy = vendorClassificationCopy;
+exports.vendorClassificationGroup = vendorClassificationGroup;
 exports.walkthroughDismissCookieName = walkthroughDismissCookieName;
 exports.webinarTiming = webinarTiming;
 exports.withFirstTouchAttribution = withFirstTouchAttribution;

package/dist/utils/index.d.ts

@@ -4,7 +4,7 @@ export { formatDate, formatNumber, formatPrice, formatBytes, formatUrlForDisplay
 export * from './ai-providers';
 export * from './model-token-rates';
 export { TRIAL_TERMS, trialLabels, trialLengthLabel } from './trial';
-export { VENDOR_CLASSIFICATIONS, OPENFRAME_CLASSIFICATIONS, isVendorClassification, isOpenFrameClassification, type VendorClassificationValue, type OpenFrameClassification, type OpenFrameClassificationCopy, } from './vendor-classification';
+export { VENDOR_CLASSIFICATION_COPY, vendorClassificationCopy, vendorClassificationGroup, compareVendorClassifications, isOpenFrameClassification, type VendorClassificationValue, type VendorClassificationGroup, type VendorClassificationCopy, type VendorClassificationIconConfig, } from './vendor-classification';
 export { PLAY_ICON_PATH } from '../components/icons-v2-generated/media-playback/play-icon';
 export { getPlatformAccentColor, getCurrentPlatform, getPlatformConfig, usePlatformColors, switchPlatformTheme, getSemanticColor, type ColorCategory, HEX_PATTERN, getReadableTextColor, hexToRgb, rgbToHex, deriveHoverColor, deriveActiveColor, } from './ods-color-utils';
 export { errorMessage, delay, generateRandomString, truncateString, deepClone, getSlackCommunityJoinUrl, serializeJsonLd, clamp, pick, NO_CLIENT_CACHE, } from './common';

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"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"}

package/dist/utils/index.js

@@ -13,9 +13,10 @@ export * from "./ai-providers.js";
 export * from "./model-token-rates.js";
 import { TRIAL_TERMS, trialLabels, trialLengthLabel } from "./trial.js";
 import {
-  VENDOR_CLASSIFICATIONS,
-  OPENFRAME_CLASSIFICATIONS,
-  isVendorClassification,
+  VENDOR_CLASSIFICATION_COPY,
+  vendorClassificationCopy,
+  vendorClassificationGroup,
+  compareVendorClassifications,
   isOpenFrameClassification
 } from "./vendor-classification.js";
 import { PLAY_ICON_PATH } from "../components/icons-v2-generated/media-playback/play-icon.js";
@@ -286,7 +287,6 @@ export {
   ICON_REGISTRY,
   LOCATION_HASH_SYNC_EVENT,
   NO_CLIENT_CACHE,
-  OPENFRAME_CLASSIFICATIONS,
   PLAY_ICON_PATH,
   PROGRAM_META_RENDERERS,
   SCROLL_ANCHOR,
@@ -298,7 +298,7 @@ export {
   STICKY_HEADER_OFFSET_PX,
   TICKET_OPEN_PARAM,
   TRIAL_TERMS,
-  VENDOR_CLASSIFICATIONS,
+  VENDOR_CLASSIFICATION_COPY,
   VIEWER_TIMEZONE,
   applyProxyAuth,
   buildAutoContinuationDirective,
@@ -314,6 +314,7 @@ export {
   clearEmbedProxyAuth,
   clickupTaskUrl,
   cn,
+  compareVendorClassifications,
   copyrightLine,
   createSseSubscription,
   createUTCTimestamp,
@@ -415,7 +416,6 @@ export {
   isOrderedRange,
   isScrollSyncedHash,
   isToday,
-  isVendorClassification,
   isWithinMinutes,
   makeComposeContentUrl,
   nameInitials,
@@ -458,5 +458,7 @@ export {
   truncateString,
   urlPathLooksLikeSvg,
   usePlatformColors,
+  vendorClassificationCopy,
+  vendorClassificationGroup,
   webinarTiming
 };

package/dist/utils/vendor-classification.d.ts

@@ -1,26 +1,52 @@
 /**
- * Vendor classifications: the ONE vocabulary of `vendor_classification.classification`.
+ * Vendor classifications: whatever `vendor_classification.classification` holds on the
+ * server. The database owns the vocabulary (its CHECK constraint is the list), the catalog
+ * builds its filters from the rows that exist, and nothing here limits which values are valid.
  *
- * A vendor may carry several (an OpenFrame product is `open_source` and
- * `openframe_selected`). The two OpenFrame ones are drawn with the OpenFrame
- * mark and ONE word, everywhere: a tag on a card, a filter in the catalog.
+ * This module only ENRICHES the values we want to present specially: a curated label, a
+ * tooltip description and a group. A value with no entry still works everywhere, labelled
+ * by title case. To present a new value better, add an entry here; to make it exist, add it
+ * to the database.
  *
- *   - `openframe_selected`: a tool OpenFrame is built on, picked by the team.
- *   - `openframe_shipped`: a tool or OpenFrame product that is in the released product today.
- *   - `openframe_connect`: a service OpenFrame connects to and manages.
+ * Groups:
+ *   - `license`: how the software is licensed.
+ *   - `lifecycle`: where the product is in its life (a tag and a filter; a card's one tag stays the license).
+ *   - `openframe`: drawn with the OpenFrame mark and ONE word (`word`).
  */
-export declare const VENDOR_CLASSIFICATIONS: readonly ["open_source", "commercial", "openframe_selected", "openframe_shipped", "openframe_connect"];
-export type VendorClassificationValue = (typeof VENDOR_CLASSIFICATIONS)[number];
-export type OpenFrameClassification = Extract<VendorClassificationValue, `openframe_${string}`>;
-export interface OpenFrameClassificationCopy {
-    /** The word drawn beside the OpenFrame mark. */
-    word: string;
-    /** The full name, for plain-text surfaces (a select option, an aria label). */
+export type VendorClassificationValue = string;
+export type VendorClassificationGroup = 'license' | 'lifecycle' | 'openframe';
+export interface VendorClassificationCopy {
+    /** The label on a tag, a filter and a plain-text surface. */
     label: string;
     /** What the classification means, for a tooltip. */
     description: string;
+    group: VendorClassificationGroup;
+    /** OpenFrame group only: the one word drawn beside the OpenFrame mark. */
+    word?: string;
+    /** The icon drawn beside the label, by name (resolved by the shared icon resolver), and its tone. */
+    icon?: VendorClassificationIconConfig;
 }
-export declare const OPENFRAME_CLASSIFICATIONS: Record<OpenFrameClassification, OpenFrameClassificationCopy>;
-export declare function isVendorClassification(value: string): value is VendorClassificationValue;
-export declare function isOpenFrameClassification(value: string | null | undefined): value is OpenFrameClassification;
+/**
+ * A classification's icon, as data: `name` is any name the shared resolver knows (an alias such
+ * as `openframe-logo`, an icon of the design set by its kebab name, or a lucide name). `tone`:
+ * `accent` (the brand colour), `neutral` (secondary text on a tile) or `warning`.
+ */
+export interface VendorClassificationIconConfig {
+    name: string;
+    tone: 'accent' | 'neutral' | 'warning';
+}
+/** In display order: a filter list shows OpenFrame first, then license, then lifecycle. */
+export declare const VENDOR_CLASSIFICATION_COPY: Readonly<Record<string, VendorClassificationCopy>>;
+/** The enrichment of a classification, or undefined for a value we do not present specially. */
+export declare function vendorClassificationCopy(value: string | null | undefined): VendorClassificationCopy | undefined;
+/** The group of a classification, or undefined for a value with no enrichment. */
+export declare function vendorClassificationGroup(value: string | null | undefined): VendorClassificationGroup | undefined;
+/** A classification drawn with the OpenFrame mark (it has a `word`). */
+export declare function isOpenFrameClassification(value: string | null | undefined): boolean;
+/**
+ * Sort order for a list of classifications (a filter list): the enriched values in their
+ * display order (OpenFrame Selected, Connect, Shipped, then license, then lifecycle), then
+ * every other value the server holds, alphabetically.
+ */
+export declare function compareVendorClassifications(a: string, b: string): number;
 //# sourceMappingURL=vendor-classification.d.ts.map

package/dist/utils/vendor-classification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vendor-classification.d.ts","sourceRoot":"","sources":["../../src/utils/vendor-classification.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,sBAAsB,wGAMzB,CAAC;AAEX,MAAM,MAAM,yBAAyB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhF,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,yBAAyB,EAAE,aAAa,MAAM,EAAE,CAAC,CAAC;AAEhG,MAAM,WAAW,2BAA2B;IAC1C,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,uBAAuB,EAAE,2BAA2B,CAkBlG,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,yBAAyB,CAExF;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,uBAAuB,CAE5G"}
+{"version":3,"file":"vendor-classification.d.ts","sourceRoot":"","sources":["../../src/utils/vendor-classification.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC;AAE9E,MAAM,WAAW,wBAAwB;IACvC,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,yBAAyB,CAAC;IACjC,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qGAAqG;IACrG,IAAI,CAAC,EAAE,8BAA8B,CAAC;CACvC;AAED;;;;GAIG;AACH,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;CACxC;AAED,2FAA2F;AAC3F,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CA6DzF,CAAC;AAEF,gGAAgG;AAChG,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,wBAAwB,GAAG,SAAS,CAG/G;AAED,kFAAkF;AAClF,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,yBAAyB,GAAG,SAAS,CAEjH;AAED,wEAAwE;AACxE,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAEnF;AAID;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CASzE"}

package/dist/utils/vendor-classification.js

@@ -1,36 +1,87 @@
-const VENDOR_CLASSIFICATIONS = [
-  "open_source",
-  "commercial",
-  "openframe_selected",
-  "openframe_shipped",
-  "openframe_connect"
-];
-const OPENFRAME_CLASSIFICATIONS = {
+const VENDOR_CLASSIFICATION_COPY = {
   openframe_selected: {
-    word: "Selected",
     label: "OpenFrame Selected",
-    description: "OpenFrame is a unified platform that integrates multiple open-source IT and security tools into a single dashboard for MSPs. This filter shows vendors selected by our team for their excellence, community support, and MSP-specific value."
+    word: "Selected",
+    description: "OpenFrame is a unified platform that integrates multiple open-source IT and security tools into a single dashboard for MSPs. This filter shows vendors selected by our team for their excellence, community support, and MSP-specific value.",
+    group: "openframe",
+    icon: { name: "openframe-logo", tone: "accent" }
+  },
+  openframe_connect: {
+    label: "OpenFrame Connect",
+    word: "Connect",
+    description: "Services OpenFrame connects to and manages for every client, such as Microsoft 365 and Google Workspace, beside devices and tickets.",
+    group: "openframe",
+    icon: { name: "openframe-logo", tone: "accent" }
   },
   openframe_shipped: {
-    word: "Shipped",
     label: "OpenFrame Shipped",
-    description: "Tools and OpenFrame products that are in the released OpenFrame product today, not on the roadmap."
+    word: "Shipped",
+    description: "Tools and OpenFrame products that are in the released OpenFrame product today, not on the roadmap.",
+    group: "openframe",
+    icon: { name: "openframe-logo", tone: "accent" }
   },
-  openframe_connect: {
-    word: "Connect",
-    label: "OpenFrame Connect",
-    description: "Services OpenFrame connects to and manages for every client, such as Microsoft 365 and Google Workspace, beside devices and tickets."
+  open_source: {
+    label: "Open Source",
+    description: "Released under an OSI-approved open-source license.",
+    group: "license",
+    icon: { name: "code", tone: "accent" }
+  },
+  source_available: {
+    label: "Source-available",
+    description: "The source code is public, but the license restricts how it may be used (for example SSPL, BSL, the Elastic License, or limits on company size or on offering it as a service).",
+    group: "license",
+    icon: { name: "file-code", tone: "neutral" }
+  },
+  commercial: {
+    label: "Commercial",
+    description: "Proprietary software sold by the vendor.",
+    group: "license",
+    icon: { name: "dollar", tone: "neutral" }
+  },
+  end_of_life: {
+    label: "End of life",
+    description: "The vendor has discontinued or retired the product. No new releases.",
+    group: "lifecycle",
+    icon: { name: "alert-triangle", tone: "warning" }
+  },
+  end_of_support: {
+    label: "End of support",
+    description: "The vendor no longer provides support or security fixes, though the product can still be obtained.",
+    group: "lifecycle",
+    icon: { name: "clock", tone: "warning" }
+  },
+  unmaintained: {
+    label: "Unmaintained",
+    description: "No release for years and no official end-of-life notice.",
+    group: "lifecycle",
+    icon: { name: "pause-circle", tone: "warning" }
   }
 };
-function isVendorClassification(value) {
-  return VENDOR_CLASSIFICATIONS.includes(value);
+function vendorClassificationCopy(value) {
+  if (!value || !Object.prototype.hasOwnProperty.call(VENDOR_CLASSIFICATION_COPY, value)) return void 0;
+  return VENDOR_CLASSIFICATION_COPY[value];
+}
+function vendorClassificationGroup(value) {
+  return vendorClassificationCopy(value)?.group;
 }
 function isOpenFrameClassification(value) {
-  return !!value && Object.prototype.hasOwnProperty.call(OPENFRAME_CLASSIFICATIONS, value);
+  return vendorClassificationGroup(value) === "openframe";
+}
+const DISPLAY_ORDER = Object.keys(VENDOR_CLASSIFICATION_COPY);
+function compareVendorClassifications(a, b) {
+  const ia = DISPLAY_ORDER.indexOf(a);
+  const ib = DISPLAY_ORDER.indexOf(b);
+  if (ia !== -1 || ib !== -1) {
+    if (ia === -1) return 1;
+    if (ib === -1) return -1;
+    return ia - ib;
+  }
+  return a.localeCompare(b);
 }
 export {
-  OPENFRAME_CLASSIFICATIONS,
-  VENDOR_CLASSIFICATIONS,
+  VENDOR_CLASSIFICATION_COPY,
+  compareVendorClassifications,
   isOpenFrameClassification,
-  isVendorClassification
+  vendorClassificationCopy,
+  vendorClassificationGroup
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flamingo-stack/openframe-frontend-core",
-  "version": "0.0.745",
+  "version": "0.0.747",
   "description": "Shared design system and components for all Flamingo platforms",
   "type": "module",
   "sideEffects": [

package/src/components/case-studies/share-experience-section.tsx

@@ -7,7 +7,7 @@ import { CapterraIcon } from '../icons-v2-generated/brand-logos/capterra-icon';
 import { G2Icon } from '../icons-v2-generated/brand-logos/g2-icon';
 import { GetappIcon } from '../icons-v2-generated/brand-logos/getapp-icon';
 import { TrustpilotIcon } from '../icons-v2-generated/brand-logos/trustpilot-icon';
-import { accentSentenceMarks } from '../layout/page-heading';
+import { accentSentenceMarks, HeadingLines } from '../layout/page-heading';
 import { BenefitCard, BenefitCardGrid } from '../ui';
 
 /**
@@ -56,11 +56,14 @@ export interface ShareExperienceSectionProps {
 }
 
 const DEFAULT_TITLE: React.ReactNode = (
-  <>
-    Share Your Experience
-    <br />
-    with Fellow MSPs<span className="text-ods-accent">:</span>
-  </>
+  <HeadingLines>
+    {[
+      'Share Your Experience',
+      <>
+        with Fellow MSPs<span className="text-ods-accent">:</span>
+      </>,
+    ]}
+  </HeadingLines>
 );
 
 const DEFAULT_SUBTITLE: React.ReactNode = (

package/src/components/layout/page-heading.tsx

@@ -68,6 +68,41 @@ export function PageHeading({
   );
 }
 
+/**
+ * THE way a heading is drawn on more than one line: each line on its own line,
+ * with a space before every break. The space is what keeps the heading's TEXT
+ * (what search engines, screen readers and link previews read) in words:
+ * "own. Approved", never "own.Approved". It sits at the end of a line, where it
+ * draws nothing. An empty line is a blank line.
+ *
+ * Every multi-line title goes through this; never write a bare `<br />` or one
+ * block `<span>` per line in a heading. The lines are its children, so anything
+ * that walks a title's children (the accent marks) reaches every line.
+ */
+export interface HeadingLinesProps {
+  /** The title's lines, top to bottom: one child per line. */
+  children: ReactNode;
+}
+
+export function HeadingLines({ children }: HeadingLinesProps) {
+  return (
+    <>
+      {Children.toArray(children).map((line, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: a title's lines never reorder
+        <Fragment key={index}>
+          {index > 0 ? (
+            <>
+              {' '}
+              <br />
+            </>
+          ) : null}
+          {line}
+        </Fragment>
+      ))}
+    </>
+  );
+}
+
 /** A sentence mark inside a title: `.`, `:`, `?` or `!` that ends a sentence (followed by a space or the end). */
 const SENTENCE_MARK = /([.:?!]+)(?=\s|$)/g;
 const ONLY_MARKS = /^\s*[.:?!]+\s*$/;
@@ -116,17 +151,22 @@ function accentMarks(node: ReactNode, accentClassName: string): ReactNode {
     if (ONLY_MARKS.test(node)) return node;
     const parts = node.split(SENTENCE_MARK);
     if (parts.length === 1) return node;
-    return parts.map((part, index) =>
-      // `split` with one capture group alternates text, mark, text, mark...
-      index % 2 === 1 ? (
-        // biome-ignore lint/suspicious/noArrayIndexKey: the parts of one string never reorder
-        <span key={index} className={accentClassName}>
-          {part}
-        </span>
-      ) : (
-        // biome-ignore lint/suspicious/noArrayIndexKey: the parts of one string never reorder
-        <Fragment key={index}>{part}</Fragment>
-      ),
+    // One node for one string, so a list of children keeps its length (each of `HeadingLines`' lines stays one line).
+    return (
+      <>
+        {parts.map((part, index) =>
+          // `split` with one capture group alternates text, mark, text, mark...
+          index % 2 === 1 ? (
+            // biome-ignore lint/suspicious/noArrayIndexKey: the parts of one string never reorder
+            <span key={index} className={accentClassName}>
+              {part}
+            </span>
+          ) : (
+            // biome-ignore lint/suspicious/noArrayIndexKey: the parts of one string never reorder
+            <Fragment key={index}>{part}</Fragment>
+          ),
+        )}
+      </>
     );
   }
   if (Array.isArray(node)) {
@@ -225,6 +265,7 @@ export function SectionHeading({
         // `contents`: the element names the heading and draws no box, so the stack lays its two children out as before.
         <Tag className="contents">
           {eyebrowNode}
+          {/* A space between the eyebrow and the title, so the heading's text reads "Eyebrow Title", not "EyebrowTitle". */}{' '}
           <span className={`block ${layout.heading}`} data-section-heading>
             {headingText}
           </span>

package/src/components/ui/filter-checkbox-item.tsx

@@ -1,30 +1,46 @@
 'use client';
 
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import type { ReactNode } from 'react';
 import { cn } from '../../utils/cn';
 import { CheckboxCheckmarkIcon } from '../icons-v2-generated/signs-and-symbols/checkbox-checkmark-icon';
 
 export interface FilterCheckboxItemProps {
-  label: string;
+  /** Text, or a richer label (an icon with a word and a tooltip). */
+  label: ReactNode;
+  /** The accessible name when `label` is not plain text. */
+  ariaLabel?: string;
   checked: boolean;
   onChange: (checked: boolean) => void;
   count?: number;
+  /** Ignore clicks (e.g. while a navigation started by this filter is pending). */
+  disabled?: boolean;
   className?: string;
 }
 
-export function FilterCheckboxItem({ label, checked, onChange, count, className }: FilterCheckboxItemProps) {
+export function FilterCheckboxItem({
+  label,
+  ariaLabel,
+  checked,
+  onChange,
+  count,
+  disabled,
+  className,
+}: FilterCheckboxItemProps) {
   return (
     <div
       className={cn(
         'flex items-center gap-3 border-b border-ods-border bg-ods-card last:border-b-0',
-        'cursor-pointer transition-colors hover:bg-ods-bg-hover',
+        disabled ? 'cursor-wait opacity-70' : 'cursor-pointer transition-colors hover:bg-ods-bg-hover',
         count !== undefined ? 'px-4 py-3' : 'p-3',
         className,
       )}
-      onClick={() => onChange(!checked)}
+      onClick={() => !disabled && onChange(!checked)}
     >
       <CheckboxPrimitive.Root
         checked={checked}
+        disabled={disabled}
+        aria-label={ariaLabel ?? (typeof label === 'string' ? label : undefined)}
         onCheckedChange={c => onChange(c === true)}
         className={cn(
           'h-6 w-6 shrink-0 rounded-[6px] border-2',
@@ -37,7 +53,7 @@ export function FilterCheckboxItem({ label, checked, onChange, count, className
           <CheckboxCheckmarkIcon size={10} />
         </CheckboxPrimitive.Indicator>
       </CheckboxPrimitive.Root>
-      <span className="flex-1 text-ods-text-primary text-h4">{label}</span>
+      <span className="min-w-0 flex-1 text-ods-text-primary text-h4">{label}</span>
       {count !== undefined && (
         <span className="shrink-0 text-ods-text-secondary text-h5">{count.toLocaleString()}</span>
       )}