Profile

Try it: in Owner view, turn a channel off, then switch to Public view and its badge reads Not offered. View public profile opens the public page with a notice bar. The source module-profile has one fixed layout (card left, empty tabs right); this is the proposed refresh for agent/profile, business/profile and business/agent-profile. The header and panels lay out by their own width (container queries), so the module works in any column.

Left: an agent seen by a business (public view). Right: a business on its own profile (owner view), with a logo tile, which is a kit avatar with card corners (.bcs-logo-tile). Meta items are icon and text separated by hairlines, never a dotted string.

The source row has Business, Type, Channel, Date, Duration and Rating. Type is gone (job posts now have their own list), the business moves under the customer's name, the new Conversation column holds whatever the channel produced, and Outcome takes the place of the per-engagement rating (ratings live on the Reviews tab). Rows are a real <table> styled by .bcs-list, so CSV export still works. Inside a row the audio player drops its total (bcsAudio(…, { showTotal: false })), because the Duration column already shows it.

Press play on two players: the first one pauses. The seek track is a native range input, so arrow keys scrub in one-second steps and screen readers hear "4:10 of 12:05". In the app the button drives an <audio preload="none"> element pointed at the recording URL. The behaviour is x-data="bcsAudio(seconds, who)" from assets/js/bcs-kit.js; pass { showTotal: false } as a third argument in a table row whose Duration column already shows the length.

Status colours: Applied is info, Shortlisted accent, Hired success and Closed neutral. A business looking at its own posts sees Open, Hired or Closed with the applicant count instead (Job posts tab of the business profile above, Owner view).

The source colours the initials from its own six-colour list. This uses the kit avatar (same crc32 rule as everywhere else) with card corners, since the reviewer is a business. Reviews on a business profile come from agents and use round avatars.