Record select

Search-driven choice from records: framed field, or panel anchored to a rail row or a chip. Sections separated by a named hairline, one value = accent check.

Absorbed Rail picker on 12 September 2026 (AD, RP-1; acrm !3425–!3443): with anchorRef the panel hangs under a rail row or a chip instead of a framed trigger, so the rail has no picker of its own and RailPickerMenu is deleted. Also new: sections whose name sits IN the hairline (only when there are two or more; a single name would be the forbidden heading above a menu), selected pinned on top, accent check for one value (F261), diacritics-folded search over sub and keywords, quick-create footer, minWidth, loading/empty/busy, UserAvatar for a colleague. Known limit: the section name is var(--label) in --fg-muted = 2.85:1 light / 3.63:1 dark, below AA in both themes — the lighter tone is the AD's explicit choice of 12 September 2026 (ACRM-227, acrm !3460), made with the numbers in front of him; the group is announced from role=group + aria-label, not from this text. The hand-made panel shell is blocked by the validator rule recordselect-shell-handmade. Slot wrapOption(option, row) (acrm !3913, AD 26 Sep 2026): the host may WRAP an option row in an element that clicks nothing and does not change its size (hover preview EntityPreviewChip); selection, keys and look stay with RecordSelect. Used by RecordLinksChip — the one links chip of shape-A dialogs (task, deal, meeting, note), selected records show the record preview on hover.

Used in 46 files · 31 areas · 52× — components/RecordLinksChip, components/ReservationControl, components/TagsEditor, components/accounting, components/acl, components/clen-tymu …

Changelog since 28. 9. 2026

• 28. 10. 2026polish(ds): volby (optchip, dialer chip) mají na dotyku výšku --tap-minapps/web/src/ds/inputs.cssŠtěpán · 1aeb472bc
• 17. 10. 2026refactor(ds): tokeny podle významu — vrstvy, pohyb, focus ring, text na barvě (beze změny vzhledu)apps/web/src/ds/inputs.cssŠtěpán · 8cda81b26
• 14. 10. 2026polish(web): UX review A3a — stejné věci stejně, texty (schůzka, Doplnit…, projekt česky, — ve výpisu)packages/ui/src/components/RecordSelect.tsxŠtěpán · 1227ad4dc
• 4. 10. 2026refactor(ds): hnědá B — text --fg + oranžová tečka, tmavé plochy neutrálnípackages/ui/src/components/RecordSelect.tsxŠtěpán · eb0f8e899
• 4. 10. 2026fix(ui): upozornění červeně se čtvercovým glyfem, žádná hnědá (A3a — sdílené, komunikace, nastavení, veřejné)apps/web/src/ds/inputs.cssŠtěpán · 0a39047cc
• 3. 10. 2026feat(ucetnictvi): vysvětlivky W4a — účetnictví do (i); Field: doplněk popisku vedle <label>apps/web/src/ds/inputs.cssŠtěpán · 716aabc80
• 3. 10. 2026chore(ds): pryč slider (deprecated, 0 použití) a poslední mrtvé pravidlo .pp-atapps/web/src/ds/inputs.cssŠtěpán · 416bc2c09
• 3. 10. 2026refactor(ds): MultiSelect → Select multiple (kanon nahrazuje, vizuál 1:1)apps/web/src/ds/inputs.cssŠtěpán · 898e1e106
• 2. 10. 2026polish(ds): glyfy railu, přepínače navigace a × štítku na --ico-* (parita s boxem)apps/web/src/ds/inputs.cssŠtěpán · 566eec74c
• 1. 10. 2026fix(ui): RecordSelect v poli — „Použít“ v patičce je volbou listboxupackages/ui/src/components/RecordSelect.tsxŠtěpán · b32dbd148
• 1. 10. 2026refactor(web): naseptavace v poli na kanonickem RecordSelect - Komu, Resitel, polozky obchodu (bod B)packages/ui/src/components/RecordSelect.tsxŠtěpán · 4ffa69ff8
• 1. 10. 2026docs(ui): RecordSelect - komentar k Enter v rezimu pridavani odpovida createPositionpackages/ui/src/components/RecordSelect.tsxŠtěpán · cf85e3b08
• 1. 10. 2026refactor(web): EntityPicker na kanonickem RecordSelect, AddRefMenu pryc (bod C, MR 2/2)packages/ui/src/components/RecordSelect.tsxŠtěpán · 4a9a934e0
• 1. 10. 2026fix(ui): suplik roste i kdyz panel naroste po otevreni; bez Zadne vysledky u nabidnute akcepackages/ui/src/components/RecordSelect.tsxŠtěpán · 7970f5145
• 1. 10. 2026refactor(web): RecordSearchSelect a ProductPicker na kanonickem RecordSelect (bod C)packages/ui/src/components/RecordSelect.tsxŠtěpán · dce913971
• 1. 10. 2026fix(ui): muted radek - ztlumi se jen znacka, jmeno zustava citelne (AD: kontrast 2,85:1)packages/ui/src/components/RecordSelect.tsxŠtěpán · 09c55a7b3
• 1. 10. 2026feat(ui): RecordOption muted + subTone warn - tlumeny radek a varovny druhy udaj z kanonupackages/ui/src/components/RecordSelect.tsxŠtěpán · 7e686deb9
• 1. 10. 2026refactor(web): ChipSearchMenu = kotva kanonickeho RecordSelect (bod C)packages/ui/src/components/RecordSelect.tsxŠtěpán · f28878f9c
• 1. 10. 2026feat(ui): suplik dialogu vyroste pro kotveny panel (pruzina), panel neopusti hranicepackages/ui/src/components/RecordSelect.tsxŠtěpán · a43b7b529
• 1. 10. 2026refactor(ui): holy Popover -> kanon (vlna 3) + nabidka v dialogu = panel v suplikupackages/ui/src/components/RecordSelect.tsxŠtěpán · 5a55c030f
• 1. 10. 2026fix(web): výběr záznamu bez Dialogu — rail schůzky, intro, obchod u objednávky, přidat obchod v poštěapps/web/src/ds/inputs.cssŠtěpán · b56c5c03b
• 1. 10. 2026refactor(ui): Combobox pryč — poslední volání na RecordSelect, smazán z @acrm/uiapps/web/src/ds/inputs.cssŠtěpán · aedeca283
• 1. 10. 2026fix(web): radky pod seznamem s hledanim licuji se sloupcem radku (akce PickerMenu, CheckMenu)apps/web/src/ds/inputs.cssŠtěpán · fca0ca71e
• 29. 9. 2026fix(ui): „×" v Record selectu je tlačítko vedle triggeru, ne span role=button uvnitřpackages/ui/src/components/RecordSelect.tsxŠtěpán · 2ea16ab8c
• 29. 9. 2026fix(ui): usePortalRoot bez document vrací null, volající portálují za guardempackages/ui/src/components/RecordSelect.tsxŠtěpán · a63685bff
• 29. 9. 2026feat(ui): PortalRoot — překryvy DS ukázek ve vlastním rámu, dok per rámpackages/ui/src/components/RecordSelect.tsxŠtěpán · 5cf419159
• 28. 9. 2026fix(ui): položka nabídky = jeden řádek, bez šedé vysvětlivky (ACRM-375–377)packages/ui/src/components/RecordSelect.tsxŠtěpán · 1a87decfc
• 28. 9. 2026fix(ds-stories): audit DS — stories 1:1 s appkouapps/web/src/ds/inputs.cssŠtěpán · 251278e32
• 28. 9. 2026fix(ds): zaškrtnutý checkbox (is-on/is-mixed) v tmavé = akcentní výplňapps/web/src/ds/inputs.cssŠtěpán · 0ee663488