Roadmap step 51, RANKS batch 1: _groups.rank changes meaning from a picture file of the theme to the string icon:lit:total:#rrggbb, one parser and one renderer draw it as N lit marks of M in the colour of the rank, and the seven readers that built a path to images/ranks/ pass the raw column instead. The migration writes the darkened tones that hold 3:1 on both surfaces.

Core changes:

1. Rank helpers (core/system.php):

2. getRankData() splits the string and checks the icon, the colour and 0 <= lit <= total, 1 <= total <= 10; anything else, an old picture name included, gives an empty array and no rank

3. getRankView() renders the rank fragment with the group line as title and accessible name, or nothing

4. Readers (core/user.php, modules/forum/index.php, modules/account/index.php, blocks/user_info.php, modules/users/index.php, admin/modules/groups.php):

5. the comment, the forum post, the profile, the user block, the group table of the users statistics and the list of the panel call getRankView() on the raw column; no reader builds a path or tests a file any more

6. the group table of stats() was a seventh reader the plan had not named
7. groups() no longer needs $conf
8. Fragment and theme (fragments/rank.html of both themes, theme.css of both themes, tools/ui-contract.php):
9. one markup in both themes: sl-rank with role="img", the marks aria-hidden, the lit ones sl-is-active

10. the lit mark takes --sl-d-rank, written by the fragment and registered under data; the muted one --sl-border-strong; the marks stand at --sl-space-1 and take the size of the place they are printed in

11. Templates (fragments/comment.html, fragments/forum-post.html, partials/account-profile.html, partials/block-user-info.html):

12. rank_link, rank_src, rank_url, has_rank_image and rank_alt become one rank_html
13. the dead rank_html branch of the forum post, which no caller fed, is gone, so the personal title stays escaped
14. Migration (storage/update/sql/table_update6_3.sql):

15. one UPDATE over picture names maps the fifteen pictures onto the icon strings of the plan; a site's own picture becomes no lit mark of five in its group colour; only values ending in a picture extension change, so a second run changes nothing

16. run on the stand: 11 rows, then 0

17. Tests and plans (tests/Unit/RankDataTest.php, tools/ui-audit-baseline.json, docs/8-RANKS-2026.md, docs/ROADMAP-2026.md):

18. RankDataTest: a valid string, each bound, old picture names, bad icons, bad colours, the marks of the view
19. the plan records the seventh reader, --sl-d-rank and font-size: inherit; step 51 ticked

Benefits:

• a rank works in every theme without picture files and can be any icon, count and colour
• one parser and one renderer instead of seven ways to build a path

Technical notes:

• Breaking: _groups.rank holds icon:lit:total:#rrggbb; an old picture name is not drawn until update.php ran

• Breaking: the templates take rank_html in place of rank_link, rank_src, rank_url and has_rank_image; a theme with its own copy of these templates shows no rank

• the group form of the panel still offers pictures until batch 2; saving a group there writes a file name back
• no schema, address or API change

• tests: ui:gates green, phpstan and php-cs-fixer clean; the screenshot rig moved only forum-topic and profile; the 11 failing NodeProfileTest methods fail on the clean HEAD as well (installer probe)

Roadmap steps 47 to 49: the search field of a Node list offers up to five titles of its type as the reader types, the header plan is deleted with its lasting part in the reference, and the pager of both themes becomes the approved face of pg-09 and pg-14 - the arrows and the numbers on the segmented rail with its travelling plate, "to the top" beside them, the page line under them, narrowing by its own column.

Core changes:

1. Search hints (core/user.php, public/index.php, modules/node/index.php, partials/node/head.html, partials/node/hints.html):

2. getNodeHint() answers the light route go=1&op=getNodeHint with up to five links to what the search of the type finds under the read rights of the visitor; a word under the search minimum or a type outside the search answers nothing

3. the field is a combobox that asks after 300 ms through htmx; the list #sl-node-hints is a listbox
4. Hint keys and face (public/plugins/system/slaed.js, lite theme.css):

5. setHintKeys(): the arrows walk the hints round by aria-activedescendant, Enter opens the chosen one, Esc closes the list before the lens hears it; the list opens only with options and closes when the focus leaves

6. sl-node-hints and sl-node-hint in the lite theme
7. Node header reference (docs/NODE.md, docs/TEMPLATES.md, docs/VERSIONS.md, docs/5-NODE-HEAD-2026.md):
8. the header, the views, the live list, the search and the feed described as they stand; the change in VERSIONS
9. the plan file deleted
10. Pager view (core/helpers.php):

11. getTplPagerView() marks each number of the window is_far or is_near the current page, never an anchor, and hands range_from, range_to and range_text to the pager when the caller names the page size and the total

12. the arrows carry rel="prev" and rel="next"; the dots are a pager-link cell instead of an inline badge
13. Pager fragments (fragments/pager.html, fragments/pager-link.html, fragments/inline-badge.html of both themes):

14. one pair of files, byte for byte the same in lite and admin: a nav labelled _PAGENAV, the arrows as sl-but-mini, the numbers as sl-seg-cell in sl-seg sl-seg-pager with data-sl-knob="pager", the side group with "Наверх" on #top, the line "Страница 3 из 10 · Показаны 21–30 · Всего 97"

15. the admin sl-pnum row and the is_pager_dots branch of both inline badges are gone
16. Pager theme (theme.css and base.css of both themes):

17. .sl-pager is the container its steps measure: under 520px of its column the far numbers and the range go, under 320px the neighbours too; the site centres the row, the panel starts it at the left and pushes the line right

18. the digits of the rail read at --sl-text for AA, a number in hand takes --sl-primary-strong
19. the forum foot gives the pager a width and wraps it under the buttons; the panel list foot wraps under 560px

20. --sl-pnum-width, --sl-pnum-height, --sl-pnum-border, --sl-pnum-arrow-width, --sl-pnum-arrow-height and the admin --sl-card-shadow struck from the frozen API by the owner's decision: their one reader was the drawn arrow of the old panel pager

21. Strings (lang/*.php):
22. _PAGENAV and _PAGERANGE in six locales

23. Tests, gates and plans (tests/Unit/PagerViewTest.php, tests/Unit/NodeRouteTest.php, tests/Support/route_probe.php, tools/ui-contract.php, tools/ui-audit-baseline.json, tools/ui-contrast.json, tools/ui-shots.mjs, docs/6-PAGER-2026.md, docs/ROADMAP-2026.md):

24. PagerViewTest: the anchors, the dots, the marks at the first, a middle and the last page, the arrows, the range
25. NodeRouteTest::theSearchHintsFollowTheSearchOfTheType over real requests
26. the contrast crawler measures the chosen cell of a rail against the plate under it, not against the track
27. the contract drops the pager fragment forks and the stale duplicate group, the freeze exception is recorded
28. steps 47 to 49 ticked, the decisions of PAGER batch 1 recorded

Benefits:

• a reader reaches a material from the search field without leaving the list
• one pager markup for both themes, readable on a phone and in a 329px column, with the plate travelling between pages

Technical notes:

• Breaking: the pager fragments take new keys and print new classes; a theme with its own copy of pager.html or pager-link.html keeps its old face and loses the marks; .sl-pager-nextprev, .sl-pager-prev, .sl-pager-next, .sl-pnum-nav, .sl-pnum-cur and .sl-pnum-dots are gone

• Breaking: six admin API tokens removed, listed above
• no schema, address or API change; the light route getNodeHint is a new public read

• tests: ui:gates green, phpstan and php-cs-fixer clean; the screenshot rig moved only the five pages with a pager; the 11 failing NodeProfileTest methods fail on the clean HEAD as well (installer probe)

Roadmap steps 44 and 45: the draft header of a Node list becomes the approved face of nh-13 - a sticky bar with the windows of the categories, the letters and the sorts, month heads and counts in the plural form of the locale - and a type now offers views of its list: cards, compact, list, accordion, tiles and a rail, the choice of the visitor kept in a cookie. The stand pages of the panel UX plan for 2027 follow the owner's choices of the menu and gain the rail.

Core changes:

1. Header face (partials/node/head.html, theme.css, base.css, modules/node/index.php):

2. sl-node-head sticks with data-sl-sticky; the windows of the categories, letters and sorts open one at a time through data-sl-toggle-group; the lens opens the search over the stuck bar

3. the stuck bar takes the lens below 900 px of its own width, measured by @container on the bar
4. token --sl-node-find-width with the component node-find in the contract
5. Windows and counts (core/system.php, core/classes/node/query.php, category-row.html):
6. setCategories() draws "all materials" first and the top level with its subcategory chips, the chosen one marked

7. getLetterNavi() marks the chosen letter and tells each count; NodeQuery::getNodeLetters() counts the letters of a category live, the stored counts serve the list without one

8. getPluralForm() picks the form a constant carries by the plural rule of the locale (three forms ru, uk, pl)
9. Month heads (fragments/date-head.html, partials/node/list.html, privat-list.html, modules/account/index.php):
10. a list by publication in cards or compact is headed month by month with the count of its cards on the page
11. one date head for the mailbox and the Node list: sl-pmf-day became sl-date-head, its token keeps its name
12. Views of a list (core/classes/node/query.php, config/node.php, modules/node/profiles/*.json):

13. list.views checked against NodeQuery::VIEWS, its first view the default

    • an empty list, the default, offers the one view of the display mode by NodeQuery::MODEVIEW
    • news offers cards, compact and tiles; docs list and rail; faq accordion and list
14. the type form of the panel gains the allowed views and the default view
15. View switch and cards (mode-switch.html, modules/node/index.php, docs/card.html, media/card.html, theme.css):

16. the list answers a POST of the switch: its token of scope view sets the cookie view-<type> and answers 303 to the same list; a view outside the type or a foreign token changes nothing, a stale cookie falls back

17. fragments/mode-switch.html draws the colour mode and the view switch, cells carry aria-pressed

18. list is node/docs/card with the thumbnail and the date, accordion node/faq/card, tiles node/media/card with the play mark only for media; containers sl-node-compact, sl-node-row, sl-node-tiles, sl-node-rail

19. the rail is the tabs of slaed.js on two panes; sl-pmf-split/aside/view renamed to sl-duo/-aside/-main
20. partials/node/media/list.html deleted, the common list draws the tiles
21. Strings (lang/, admin/lang/, modules/node/lang/, modules/node/admin/lang/):
22. _PRSORT and the panel _SORT became one _SORT in lang/; _CATVORH removed with the category toggle
23. the views, the windows and the counted materials in six locales
24. Panel UX stand (public/demo/ux-01 to ux-09, demo.js, demo.css, docs/2027-ADMIN-UX.md):
25. the menu keeps the two panel blocks with a filter above them in place of four groups
26. the list view icons, saved views that keep the filter, the view and the sort, the icon pair of the top bar
27. ux-09-rail.html: the menu folds into a rail of icons with the same fan as the full menu

28. Tests and gates (NodeRouteTest, NodeQueryTest, NodeProfileTest, SegKnobTest, route_probe.php, node_probe.php, tools/ui-contract.php, tools/ui-audit-baseline.json, tools/ui-contrast.json):

29. a list answers only the views of its type and falls back to its first; POST answers 303, PUT 405
30. header links, counts, month heads and letters of a category over real requests
31. list.views refused when repeated or outside the registry

Benefits:

• one face for every Node list, its controls links the server answers
• a type chooses how its list reads without a template of its own

Technical notes:

• Breaking: config/node.php needs node.defaults.list.views ([]); without it every type is refused at list
• Breaking: POST to a Node list answers 303 instead of 405
• docs/5-NODE-HEAD-2026.md records the decisions of batches 4 and 5

Step 37 of the roadmap, EDITOR batch 10: every frame of the shell can show what the reader will see, a file template filled with sample files of the panel theme and a text rendered by the parser through a POST route, both in a sandboxed frame. The screenshot rig that guards such changes now walks the manifest in parallel, shoots only the states a change can reach, and no longer reports the live figures of the stand as theme changes.

Core changes:

1. Preview data and route (core/classes/editor.php, core/helpers.php, public/index.php):

2. preview is a key of the page like vars: 'text' or the sample values of a template with an address to open

   • getPageData() validates it, getViewData() hands the frame its route, token, module and store, or the values
   • getTplTextarea() passes 'text' for every field

3. getEditorPreview() answers go=1 on the site and go=5 in the panel, POST only (405 otherwise)

   • the save filter of the format and checkEditorTextRoom() run first, as a save runs them
   • an attachment of a closed owner is drawn in the context of an unsaved text, [getUploadOwner($mod), 0]
   • the answer ends there, so the debug block of the door stays out of the frame
4. File template samples (admin/modules/uploads.php, core/classes/filemanager.php, public/templates/admin/assets/samples/):
5. getTemplateSample() fills the variables as the parser does for one file: picture, sound, video, PDF, archive
6. four bundled samples, 24 KB together; a PDF falls back to its link in the sandbox and the pane links the sample
7. FileManager::getFileKind() becomes public and static for it
8. Shell and runtime (public/plugins/system/editor.js, editor-frame.html and editor-kit.html of both themes):
9. the eye in the capsule and a palette row; the pane under the text, beside it on the full screen
10. the page is written by srcdoc with the stylesheets and colour mode of the page, sandbox="allow-same-origin" without scripts
11. an older answer is dropped, the frame height follows the page through a ResizeObserver
12. Theme (theme.css of both themes, tools/ui-contract.php, lang/*.php):
13. pane, sheet and side-by-side full screen rules on existing tokens; --sl-d-view-height registered
14. _EDITOR_SAMPLE in six locales
15. Screenshot rig (tools/ui-shots.mjs, tools/ui-shots.json, package.json):
16. the viewport is stretched to the document once instead of a full-page shot per try, which fired a resize every time
17. a pool of four slots, each with its own PHP session, saved between runs

18. a DOM snapshot beside every picture; a check shoots only a state whose DOM moved, which loaded a public file changed since the capture, or which a changed CSS rule still matches; a DIFF names the elements that moved

19. PNG comparison in Node through pngjs with the former metric; noise floors kept between runs and measured from a fresh load
20. masks after a step that navigates, no focus in a base state, list boxes scrolled alike
21. the footer timing of the panel and the live rings, bars and charts of the presentation are masked

Benefits:

• an author sees the rendered text or template before saving, in every engine of the shell
• a full before takes about 3.5 to 4 minutes and an after about 3, against 10 to 15 for each before
• the false differences of the front page, the presentation and the file block code state are gone

Technical notes:

• new route op getEditorPreview in go=1 and go=5; no schema change
• new dev dependency pngjs 7.0.0
• tests: EditorFormatTest::previewFollowsItsCaller; ui:gates green, phpstan and php-cs-fixer clean
• the 11 failing NodeProfileTest methods fail on the clean HEAD as well (installer probe)

Plain Plus and CodeMirror as text now insert files and emoji as Toast UI does, through one adapter of the shell runtime, and both engines carry the capsule of the final face with only the commands each one serves, a command palette that is a window of the canon, the Markdown commands with a list continued by Enter, and a counter of the room the text column leaves. Roadmap steps 32 and 33 (editor plan batches 5 and 6).

Core changes:

1. File window for every text engine (core/helpers.php, core/classes/editor.php, public/plugins/system/editor.js, filemanager.js):

2. getEditorFileKit() works out the options and draws the file window, the gallery and the insert options once for Plain Plus, CodeMirror and Toast UI; the window ids are <id>_fm* for every engine

3. A text whose field names an upload place carries the options as data-sl-editor-files; code takes none

4. The adapter getPort() answers focus(), insertText(), exec('addImage'), getMarkdown() and addHook('addImageBlobHook'); SlaedFileManager.addUpload() binds it on first use and api.addPanel opens the window

5. A picture is written in the format of the field: Markdown for markdown, the [img] tag otherwise
6. A pasted or dropped image goes to the window as Toast UI's hook sends it; a paste carrying text/rtf stays text
7. The forum's insert of a name reaches a text under CodeMirror through SlaedEditor.getEditor()
8. Emoji in the shared runtime (public/plugins/system/emoji.js, emoji/<locale>.js, partials emoji-panel.html):
9. Script, six word files, templates and rules leave the Toast UI plugin and skins; SlaedEmoji replaces SlaedToastUi

10. Editor::getEmojiPanel() prints the panel once per answer; Plain Plus and CodeMirror load it on the first press, Toast UI with its page; every text offers it, code never

11. Capsule and palette (fragments editor-kit.html and editor-frame.html, public/plugins/system/editor.js):

12. The capsule stands in groups, each command marked with what it needs (cm, code, text, markdown, files); the runtime drops what the frame cannot serve and an empty group, the theme draws the line between groups

13. The capsule keeps to one line within --sl-capsule-max-width and scrolls the rest, so a capsule unseen at rest never makes an editor taller; under 900 points the folds leave it, under 560 copy and reset

14. The palette is a modal dialog.sl-modal inside the kit, cloned once per page: groups Edit, Format, Insert, View, a filter by letters in their order with the matches marked, the last command raised with the word of the locale, the keys of the engine under the list, Esc closing at once over a typed search

15. A command runs once the palette has closed and given the focus back, once per choice however often it is pressed
16. Ctrl+K is heard only inside a frame; Ctrl+B and Ctrl+I only in the text of a Markdown field
17. Markdown commands and counter (public/plugins/system/editor.js, core/classes/editor.php):

18. Bold, italic, code, link, list and quote put their mark around the selection or take it away; code over several lines becomes a fence; a link selects url to be typed over, a selected address becomes the target

19. A textarea continues a bullet, numbered, task and quote list by Enter and ends it on an empty item; CodeMirror does that through its Markdown grammar

20. The commands follow the format of the field: CodeMirror as text has them, Plain Plus only on a markdown field

21. data-sl-editor-room carries the room of a text column; the status line says what is left in bytes and turns to _ETEXTLONG once the text no longer fits; mediumtext columns and code show no counter

22. Themes (templates admin and lite, base.css, theme.css, editor skins):
23. Palette, capsule groups, counter and emoji panel rules byte-identical in both themes; Toast UI skins lose the panel
24. --sl-capsule-max-width declared in both API blocks; component capsule declared in tools/ui-contract.php
25. .sl-editor-sep gone, the line between groups is a pseudo-element
26. Texts, tests and plans (lang/, tests/Unit/, docs/*):
27. Thirty-one EDITOR* constants in six locales; _CODE, _URL, _LIST, _QUOTE, _EFULLSCREEN and _EDITOR_NONE reused

28. EditorFormatTest checks the capsule, the palette and the counter of the column; the file manager tests follow the resolver, which opens md as Markdown and ini as INI since the batch that added those grammars

29. Editor plan records batches 5 and 6 and decisions 8 to 12; WINDOW.md lists the editor palette; roadmap steps 32 and 33 done

Benefits:

• One shell gives every text engine the same file window, emoji, commands and keys
• Every command stays reachable from the palette, whatever the width of the row

Technical notes:

• Stored content is unchanged; Plain Plus still stores plain, so its Markdown commands wait for a markdown field
• The counter measures the raw text; the server measures the filtered value, which a plain text makes longer

• Gates: ui:gates, the editor, language, file manager and asset version tests pass; the audit baseline is stored; NodeProfileTest stays red as on the previous commit (the install probe)