@mohasinac/appkit 4.57.0 → 4.59.0

package/dist/features/tester/seed-data/authored/design-ux__form-validation-errors.js

@@ -1,88 +0,0 @@
-/*
- * WHY: Authored six-part procedures for the design-ux/form-validation-errors page.
- * WHAT: 4 case(s), keyed by full checklist id.
- *
- * Written by hand, case by case, against the label each one states. There is no
- * generator: the authoring scripts were deleted once it was clear they were
- * scaffolding around work that is simply writing.
- *
- * 🛑 THE FIRST CASE IS A REGRESSION GUARD, NOT A FEATURE CHECK. Eleven views call
- * validate() from a mount effect, and the summary was deliberately un-gated by
- * `touched` — together those made every schema-driven form open by listing every
- * empty required field, accusing the user of mistakes before they had typed
- * anything. The fix gates the DISPLAY, never the computation: dropping the mount
- * effect would stop the summary updating as the user fixes fields, which is the
- * whole reason it exists.
- *
- * @tag domain:tester
- * @tag layer:seed
- * @tag pattern:none
- * @tag access:server-only
- * @tag consumers:seed-data/authored/index.ts
- * @tag sideEffects:none
- */
-export const authored = {
-    "checklist-design-ux-form-validation-errors-error-summary-shows-beside-submit": {
-        roles: ["buyer"],
-        startPage: "/user/addresses/new",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123!.",
-            "Open /user/addresses/new and read the page WITHOUT typing anything.",
-            "Look for any list of errors, and for any red field.",
-            "Click Save with every field still empty.",
-            "Read what appears and where it sits relative to the Save button.",
-            "Count the errors listed and compare with the number of empty required fields.",
-        ],
-        expectedBehaviour: "On first paint the form is silent — no summary, no red fields — because the user has done nothing wrong yet. The summary appears only after a submit is attempted, and then sits near the control that was pressed rather than at the top of a long form where it can be off screen.",
-        expectedUiState: "Before the click: no error summary and no red fields, even though the schema would fail. After the click: a summary listing every failing field, visible without scrolling away from Save. A form that opens already listing six errors is the exact regression this case guards.",
-        expectedData: { errorsBeforeSubmit: 0 },
-        endResult: "Nothing is saved. The pre-submit silence is half the case — a summary that is always correct but always visible fails it.",
-    },
-    "checklist-design-ux-form-validation-errors-error-summary-live-on-change": {
-        roles: ["buyer"],
-        startPage: "/user/addresses/new",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123!.",
-            "Open /user/addresses/new and click Save with every field empty.",
-            "Read the summary and count the errors it lists.",
-            "Type 'QA Address error-summary-live' into the name field.",
-            "Read the summary again without clicking anything.",
-            "Fill the street, city, state and postal code fields one at a time, reading the summary after each.",
-        ],
-        inputs: { name: "QA Address error-summary-live" },
-        expectedBehaviour: "Once a submit has been attempted the summary tracks every keystroke, so a user watching it can see the list shrink as they work. The count has to be part of the summary's own label — the panel is only re-published when that label changes, and a static label would freeze its contents at six errors while the user fixes five of them.",
-        expectedUiState: "The count falls by one as each field is filled — 'Fix 6 issues' becomes 'Fix 5 issues' and so on — and the fixed field leaves the list. A summary that stays at its original count until Save is pressed again is the failure.",
-        endResult: "Nothing is saved unless the form is submitted. Leave without saving.",
-    },
-    "checklist-design-ux-form-validation-errors-error-summary-step-tagged": {
-        roles: ["seller"],
-        startPage: "/store/products/new",
-        steps: [
-            "Sign in as tyson@beybladearena.in / TempPass123!.",
-            "Open /store/products/new and click 'Show all fields (advanced)'. 🛑 IT IS NOT A WIZARD BY DEFAULT: a standard create opens the QUICK form — six flat fields, no steps at all — so there is no step for an error to be tagged with until you switch. The advanced form is the sectionised one this case is about.",
-            "Advance past the first section leaving a required field on it empty, and continue to a later section.",
-            "Leave a required field on that later step empty too.",
-            "Attempt to publish.",
-            "Read the summary and note whether each error names the step it belongs to.",
-            "Click the error that belongs to the first step.",
-        ],
-        expectedBehaviour: "In a wizard an error is useless without its step — the user cannot see the field it refers to. Each entry is tagged with its owning step and clicking it jumps there, which is only possible because the wizard supplies a field-to-step map to the summary.",
-        expectedUiState: "Every error names its step. Clicking one navigates to that step with the offending field visible and marked. An untagged flat list on a multi-step form is the failure even when the errors themselves are right.",
-        endResult: "Nothing is published. Leave the wizard without saving.",
-    },
-    "checklist-design-ux-form-validation-errors-error-summary-supplements-inline": {
-        roles: ["buyer"],
-        startPage: "/user/addresses/new",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123!.",
-            "Open /user/addresses/new.",
-            "Click into the city field, then click out of it without typing.",
-            "Read whether an error appears under that field, and whether a summary has appeared.",
-            "Click Save with the form still empty.",
-            "Read both the summary and the individual fields.",
-        ],
-        expectedBehaviour: "The two are gated differently on purpose. An inline error is gated on the field being touched — a field the user visited and left empty SHOULD say so immediately. The summary is gated on a submit attempt, because it speaks about fields the user has not reached yet. The summary supplements the inline errors; it never replaces them.",
-        expectedUiState: "Leaving the city field empty marks that field alone, with no summary yet. After Save, the summary lists every failing field AND each field is still individually marked. A summary with no inline marks, or inline marks with no summary, are both failures.",
-        endResult: "Nothing is saved. Leave without saving.",
-    },
-};

package/dist/features/tester/seed-data/authored/design-ux__general-design.d.ts

@@ -1,2 +0,0 @@
-import type { AuthoredCase } from "./_types";
-export declare const authored: Record<string, AuthoredCase>;

package/dist/features/tester/seed-data/authored/design-ux__general-design.js

@@ -1,204 +0,0 @@
-/*
- * WHY: Authored six-part procedures for the design-ux/general-design page.
- * WHAT: 12 case(s), keyed by full checklist id.
- *
- * Written by hand, case by case, against the label each one states. There is no
- * generator: the authoring scripts were deleted once it was clear they were
- * scaffolding around work that is simply writing.
- *
- * 🛑 THE COLOUR CASES ARE READ IN BOTH THEMES, ALWAYS. Two spellings produce
- * white-on-white in exactly one theme: a status tint paired with a literal
- * text-white, and a named palette tint used as a hover fill under inverted ink.
- * Reading one theme passes both.
- *
- * @tag domain:tester
- * @tag layer:seed
- * @tag pattern:none
- * @tag access:server-only
- * @tag consumers:seed-data/authored/index.ts
- * @tag sideEffects:none
- */
-export const authored = {
-    "checklist-design-ux-general-design-contrast-readability": {
-        roles: ["guest"],
-        startPage: "/",
-        steps: [
-            "Open / in a private window in light mode and read every heading, paragraph, badge and button label down the page.",
-            "Write down anything that is hard to read at normal viewing distance.",
-            "Switch to dark mode without navigating and read the same page again.",
-            "Open /products and repeat in both themes.",
-            "Hover every link and button on both pages and read them while hovering.",
-        ],
-        expectedBehaviour: "Every foreground and background pair comes from tokens that invert together, so contrast holds in both themes. A pair where only one half inverts is legible in one theme and invisible in the other.",
-        expectedUiState: "All text is readable in both themes, including while hovering. The specific failure to look for is text that disappears on hover only — a hover fill that does not invert sits under ink that does.",
-        expectedData: { unreadableElements: 0 },
-        endResult: "Read-only; return the site to light mode afterwards.",
-    },
-    "checklist-design-ux-general-design-mobile-nav": {
-        roles: ["guest"],
-        startPage: "/",
-        steps: [
-            "Resize the browser window to 390 pixels wide and open / in a private window.",
-            "Open the mobile navigation and read every item.",
-            "Compare that list against the desktop top navigation at 1280 pixels.",
-            "Tap into a nested group if one exists and read its items.",
-            "Navigate somewhere and check the menu closes.",
-            "Look at the bottom of the screen and count the fixed bars present.",
-        ],
-        inputs: { mobileWidth: 390, desktopWidth: 1280 },
-        expectedBehaviour: "The mobile navigation carries the same destinations as the desktop one and closes on navigation. Exactly one bottom navigation bar may be mounted per route — it is the sole publisher of the tab-bar height, so two mounted at once means two bars on the same pixels and a height nobody owns.",
-        expectedUiState: "Every desktop destination is reachable from the mobile menu. The menu closes after navigating. Exactly one fixed bar sits at the bottom of the screen — never two stacked or overlapping.",
-        expectedData: { bottomNavCount: 1 },
-        endResult: "Read-only; restore the window width afterwards.",
-    },
-    "checklist-design-ux-general-design-dark-mode": {
-        roles: ["guest"],
-        startPage: "/",
-        steps: [
-            "Open / in a private window and find the theme control.",
-            "Switch to dark mode and read the page.",
-            "Navigate to /products, then to /products/product-beyblade-burst-valkyrie, reading each.",
-            "Reload the page and watch the first moment it paints.",
-            "Set the theme control to follow the system setting and change the system theme.",
-        ],
-        expectedBehaviour: "The chosen mode is applied before first paint and persists across navigation and reload. Themes are written to the document root at runtime from the active record, so a flash of the wrong theme on load means the choice is being applied after render rather than before.",
-        expectedUiState: "Dark mode holds across every page and survives the reload with no flash of light theme on first paint. The follow-system option tracks the system setting.",
-        endResult: "Read-only; return the site to light mode afterwards.",
-    },
-    "checklist-design-ux-general-design-loading-states": {
-        roles: ["guest"],
-        startPage: "/products",
-        steps: [
-            "Open browser DevTools and throttle the network to a slow connection.",
-            "Open /products in a private window and watch the page while it loads.",
-            "Read what occupies the grid area before the cards arrive.",
-            "Navigate to /products/product-beyblade-burst-valkyrie and watch the same.",
-            "Wait and check the loading state resolves rather than persisting.",
-            "Remove the throttle.",
-        ],
-        expectedBehaviour: "A loading state occupies the space its content will take, so the page does not jump when data arrives. It must also resolve — a spinner that never stops is indistinguishable from a crash, and is what a fetch that neither succeeds nor reports failure looks like.",
-        expectedUiState: "Placeholders roughly the size of the incoming cards, not a bare centred spinner on an empty page. Content replaces them without the layout jumping. No loading state is still showing after the data has arrived.",
-        endResult: "Read-only; remove the network throttle afterwards.",
-    },
-    "checklist-design-ux-general-design-empty-states": {
-        roles: ["guest", "buyer"],
-        startPage: "/products",
-        steps: [
-            "Open /products in a private window, search zzzznope, and read what fills the grid area.",
-            "Open /faqs, search zzzznope, and read what is shown.",
-            "Sign in as karthik.new@gmail.com / TempPass123!, an account with little history.",
-            "Open /user/orders, /user/bids and /wishlist and read each.",
-            "Write down any that show a blank area rather than a message.",
-        ],
-        inputs: { nonsenseQuery: "zzzznope" },
-        expectedBehaviour: "Every list that can be empty says so, inside the normal layout, and where useful offers a way forward. A blank area is read as a broken page rather than as an empty one.",
-        expectedUiState: "Each surface shows a named empty state with a readable message. None shows a bare white area, and none shows a heading with nothing under it.",
-        expectedData: { blankEmptyAreas: 0 },
-        endResult: "Read-only; nothing persists.",
-    },
-    "checklist-design-ux-general-design-error-states": {
-        roles: ["guest"],
-        startPage: "/",
-        steps: [
-            "Open /this-page-does-not-exist-qa in a private window and read the page.",
-            "Open a product URL with a slug that does not exist and read that page.",
-            "Read both for a reference code and for any file path or stack trace.",
-            "Check each offers a link back into the site.",
-        ],
-        expectedBehaviour: "Error pages render inside the site chrome, offer a way out, and show the digest as a reference the user can quote. The digest is an opaque hash, not sensitive data — hiding it in production is what makes a user's bug report unactionable.",
-        expectedUiState: "Both pages are styled site pages with a readable message and at least one working link. Where a digest exists it is shown as a reference. Neither shows a file path, a stack trace, or an unstyled white page.",
-        endResult: "Read-only; nothing persists.",
-    },
-    "checklist-design-ux-general-design-card-row-heights-aligned": {
-        roles: ["guest"],
-        startPage: "/products",
-        steps: [
-            "Open /products in a private window at 1280 pixels wide.",
-            "Look along the top edge of each row of cards, then along the bottom edge.",
-            "Find a row mixing a short title with a long one and compare those two cards' heights.",
-            "Resize to 768 pixels and look again.",
-            "Resize to 390 pixels and look again.",
-            "Scroll to the last row and look at how many cards it holds and how wide they are.",
-        ],
-        inputs: { widths: "1280, 768, 390" },
-        expectedBehaviour: "Cards in a row share a height so the grid reads as rows. The grid also uses auto-fill rather than auto-fit: auto-fit collapses the empty tracks in a short final row and lets the remaining card stretch across the container, so one leftover card ends up several times the width of its siblings.",
-        expectedUiState: "Card tops and bottoms line up within each row at all three widths. A final row holding one card shows it at the SAME width as the cards above it, not stretched across the grid.",
-        endResult: "Read-only; restore the window width afterwards.",
-    },
-    "checklist-design-ux-general-design-image-watermark-subtle": {
-        roles: ["guest"],
-        startPage: "/products",
-        steps: [
-            "Open /products in a private window and look at the watermark on several card images.",
-            "Open /products/product-beyblade-burst-valkyrie and look at the watermark on the main gallery image.",
-            "Open the image lightbox and look at it there.",
-            "Judge whether the product itself is still clearly visible under it.",
-            "Look at a video's poster frame and check it carries the watermark too.",
-        ],
-        expectedBehaviour: "Images are watermarked by the media proxy on the way out, so the mark is present everywhere an image is served. It degrades through a fallback chain — an admin override, then the bundled brand mark, then the wordmark, then plain text — and never simply skips, so an absent mark means the proxy was bypassed.",
-        expectedUiState: "Every product image carries a visible but unobtrusive watermark, including in the lightbox and on video poster frames. The product remains clearly visible. An image with NO mark at all is the finding — it means that image is not being served through the proxy.",
-        endResult: "Read-only; nothing persists.",
-    },
-    "checklist-design-ux-general-design-clickable-image-tiles-not-blank": {
-        roles: ["guest"],
-        startPage: "/products/product-beyblade-burst-valkyrie",
-        steps: [
-            "Open /products/product-beyblade-burst-valkyrie in a private window.",
-            "Look at the thumbnail strip below the main image and check each tile shows a picture.",
-            "Click a thumbnail and check the main image changes.",
-            "Open /products/product-beyblade-original-dranzer-s and look at the 'Photos' grid on its reviews. That product is the seed's deep-review fixture — 14 reviews, of which every fourth carries images, so FOUR have photos. Picking any other product risks one with no photo grid at all, and an absent grid is indistinguishable from the collapsed one this case is looking for.",
-            "Open the review lightbox and look at its thumbnail strip.",
-            "Open /bundles/bundle-original-collectors-set and look at its member collage.",
-        ],
-        expectedBehaviour: "An image inside a button renders at its intended size. A fill-style image resolves its percentages against its parent, so a shrink-to-fit wrapper between the button and the image collapses both to nothing — the tile becomes an empty bordered square while the button still looks and clicks correctly.",
-        expectedUiState: "Every clickable image tile shows its picture at the same size as its neighbours, on all four surfaces. An empty bordered square where a photo should be is the failure, and it is the same failure on each of them.",
-        expectedData: { blankTiles: 0 },
-        endResult: "Read-only; nothing persists. Check all four surfaces — this defect hits every clickable image tile in the app at once, so finding one page clean proves nothing about the others.",
-    },
-    "checklist-design-ux-general-design-icon-button-label-spacing": {
-        roles: ["guest", "buyer"],
-        startPage: "/products/product-beyblade-original-dranzer-s",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123!.",
-            "Open /products/product-beyblade-original-dranzer-s.",
-            "Look at each button that has both an icon and a label, and check the gap between them.",
-            "Compare the icon's size against the button's own height.",
-            "Open /admin or /store and look at the same on toolbar buttons.",
-            "Find an icon-only control and check whether it is a true square.",
-        ],
-        expectedBehaviour: "A button's gap and alignment reach its real children, and its glyph size derives from the button's own size rather than being fixed. An icon-only control belongs in the square-boxed primitive: the ordinary button's small size sets a minimum height that beats a caller's height utility, so a round icon button rendered that way comes out as an ellipse.",
-        expectedUiState: "Icon and label are separated by a visible gap on every such button. Glyphs scale with their button rather than all being one size. Icon-only controls are square, not oval.",
-        endResult: "Read-only; nothing persists.",
-    },
-    "checklist-design-ux-general-design-section-cta-buttons-visible": {
-        roles: ["guest"],
-        startPage: "/",
-        steps: [
-            "Open / in a private window in light mode and scroll to the bottom.",
-            "Find every section-level call-to-action button and read its label.",
-            "Check each against its section's background.",
-            "Switch to dark mode and read them all again.",
-            "Look specifically at buttons sitting on a coloured or gradient band.",
-        ],
-        expectedBehaviour: "A button on a branded or coloured band uses the pairing meant for that case — a solid fill with its own on-solid ink — rather than a theme-relative surface, which is a light background in every light theme and produces white-on-white under inverted ink.",
-        expectedUiState: "Every section CTA is readable in both themes, including those on coloured bands. A button whose label vanishes in one theme is the failure, and it will be one that reads perfectly in the other.",
-        expectedData: { unreadableCtas: 0 },
-        endResult: "Read-only; return the site to light mode afterwards.",
-    },
-    "checklist-design-ux-general-design-mobile-search-bar-proportions": {
-        roles: ["guest"],
-        startPage: "/",
-        steps: [
-            "Resize the browser window to 390 pixels wide and open / in a private window.",
-            "Look at the header search bar and any control beside it.",
-            "Compare the width of the text input against the width of the adjacent control.",
-            "Type into the input and check the text is not clipped.",
-            "Resize to 320 pixels and look again.",
-            "Try to scroll the page sideways at both widths.",
-        ],
-        inputs: { widths: "390, 320" },
-        expectedBehaviour: "The input takes the majority of the row and its neighbouring control stays at its own width. A control whose sizing utilities land on an inner element rather than the wrapper that is actually the flex child will ignore them and claim the whole row — which squeezes the input toward zero.",
-        expectedUiState: "The text input is clearly the wider of the two at both widths, typed text is fully visible, and nothing scrolls sideways. A dropdown or button that has ballooned to take most of the row is the failure.",
-        endResult: "Read-only; restore the window width afterwards.",
-    },
-};

package/dist/features/tester/seed-data/authored/design-ux__hand-mode-layout.d.ts

@@ -1,2 +0,0 @@
-import type { AuthoredCase } from "./_types";
-export declare const authored: Record<string, AuthoredCase>;

package/dist/features/tester/seed-data/authored/design-ux__hand-mode-layout.js

@@ -1,301 +0,0 @@
-/*
- * WHY: Authored six-part procedures for the design-ux/hand-mode-layout page.
- * WHAT: 18 case(s), keyed by full checklist id.
- *
- * Written by hand, case by case, against the label each one states. There is no
- * generator: the authoring scripts were deleted once it was clear they were
- * scaffolding around work that is simply writing.
- *
- * 🛑 HALF THESE CASES ASSERT THAT SOMETHING DOES *NOT* MOVE, and they are the
- * half worth reading carefully. Left-hand mode moves chrome the thumb reaches
- * for — sidebars, drawers, close buttons, floating controls. It must not mirror
- * content, reading order, or any control whose direction carries meaning: a
- * gallery's next-arrow still means "next", and flipping it inverts the gesture.
- *
- * @tag domain:tester
- * @tag layer:seed
- * @tag pattern:none
- * @tag access:server-only
- * @tag consumers:seed-data/authored/index.ts
- * @tag sideEffects:none
- */
-export const authored = {
-    "checklist-design-ux-hand-mode-layout-sidebar-flips": {
-        roles: ["buyer"],
-        startPage: "/user/settings",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123!.",
-            "Open /user and note which side the sidebar is on.",
-            "Open /user/settings, click the 'Appearance' tab, and set 'Left-hand mode' to on.",
-            "Open /user and note which side the sidebar is on now.",
-            "Open /admin or /store as the relevant role and check that portal's sidebar too.",
-            "Set 'Left-hand mode' back to off.",
-        ],
-        inputs: { leftHandMode: true },
-        expectedBehaviour: "The dashboard sidebar moves to the opposite side, and it does so in every portal, since all three wrap one structural shell. The main content reflows around it rather than sliding underneath.",
-        expectedUiState: "With the mode on the sidebar is on the opposite side in every portal checked, and the content area has moved with it — no overlap and no horizontal scroll.",
-        endResult: "The mode is off again by the last step. Later cases assume the default layout.",
-    },
-    "checklist-design-ux-hand-mode-layout-drawers-flip": {
-        roles: ["buyer"],
-        startPage: "/products",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! and turn on 'Left-hand mode' from /user/settings.",
-            "Open /products and click 'Filters' to open the filter drawer.",
-            "Note which edge the drawer slides in from.",
-            "Close it, then open any side drawer in the dashboard and note its edge.",
-            "Turn 'Left-hand mode' off and repeat both.",
-        ],
-        inputs: { leftHandMode: true },
-        expectedBehaviour: "Side drawers enter from the opposite edge, because a drawer is a thumb-reach surface. The animation direction follows the edge — a drawer that lands on the left while still animating in from the right reads as broken.",
-        expectedUiState: "With the mode on, drawers enter from and rest on the opposite edge to their default, and the animation runs in that direction. With it off, they return to the default edge.",
-        endResult: "The mode is off again by the last step.",
-    },
-    "checklist-design-ux-hand-mode-layout-close-buttons-flip": {
-        roles: ["buyer"],
-        startPage: "/products",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! and turn on 'Left-hand mode'.",
-            "Open /products, open the filter drawer, and note which corner its close control is in.",
-            "Open a modal and note which corner its close control is in.",
-            "Open a product image lightbox and note the same.",
-            "Turn 'Left-hand mode' off and check all three again.",
-        ],
-        inputs: { leftHandMode: true },
-        expectedBehaviour: "Close controls follow the hand, since dismissing is the most repeated action on any overlay. All three surfaces must agree — a modal that flips while the lightbox does not is the shape this defect takes.",
-        expectedUiState: "With the mode on, all three close controls sit in the mirrored corner. With it off, all three return. One surface out of step with the other two is the finding.",
-        endResult: "The mode is off again by the last step.",
-    },
-    "checklist-design-ux-hand-mode-layout-back-to-top-cta-flips": {
-        roles: ["buyer"],
-        startPage: "/products",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! and turn on 'Left-hand mode'.",
-            "Open /products and scroll past 400 pixels so the back-to-top control appears.",
-            "Note which side of the viewport it is on.",
-            "Open /products/product-beyblade-burst-valkyrie, scroll until the purchase bar appears, and check the control still clears the bar.",
-            "Turn 'Left-hand mode' off and check both again.",
-        ],
-        inputs: { leftHandMode: true },
-        expectedBehaviour: "The floating control moves to the opposite side while still reading the same bottom-edge tiers, so it clears the purchase bar in either mode. Flipping the horizontal position must not reset the vertical offset.",
-        expectedUiState: "With the mode on, the control is on the mirrored side AND still sits above the purchase bar with a visible gap. A control that flips sides and lands on top of the bar is the failure.",
-        endResult: "The mode is off again by the last step.",
-    },
-    "checklist-design-ux-hand-mode-layout-quick-links-unaffected": {
-        roles: ["buyer"],
-        startPage: "/user",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123!.",
-            "Open /user and write down the order of the quick-links tiles, left to right and top to bottom.",
-            "Turn on 'Left-hand mode' from /user/settings.",
-            "Open /user and write down the tile order again.",
-            "Compare the two.",
-            "Turn 'Left-hand mode' off.",
-        ],
-        inputs: { leftHandMode: true },
-        expectedBehaviour: "The quick-links grid is CONTENT, not chrome, so its order is unchanged. Mirroring a grid of tiles reverses reading order and moves every tile the user has learned the position of — the mode is about reach, not about handedness of content.",
-        expectedUiState: "The tiles are in exactly the same order in both modes. A reversed grid is the failure even though it looks deliberate.",
-        endResult: "The mode is off again by the last step.",
-    },
-    "checklist-design-ux-hand-mode-layout-hero-carousel-arrows-flip": {
-        roles: ["buyer"],
-        startPage: "/",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! and turn on 'Left-hand mode'.",
-            "Open / and look at the hero carousel's controls.",
-            "Note where the previous and next controls sit.",
-            "Click each and check which direction the slides move.",
-            "Turn 'Left-hand mode' off and check both again.",
-        ],
-        inputs: { leftHandMode: true },
-        expectedBehaviour: "The hero's controls are grouped chrome placed for reach, so the GROUP moves — but each control keeps its meaning. Next still advances; only where the pair sits changes.",
-        expectedUiState: "With the mode on the control group sits on the mirrored side, and the next control still advances the carousel while previous still goes back. A next control that now goes backwards is the failure.",
-        endResult: "The mode is off again by the last step.",
-    },
-    "checklist-design-ux-hand-mode-layout-gallery-arrows-unaffected": {
-        roles: ["buyer"],
-        startPage: "/products/product-beyblade-burst-valkyrie",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! and turn on 'Left-hand mode'.",
-            "Open /products/product-beyblade-burst-valkyrie and look at the gallery's previous and next arrows.",
-            "Note which side each is on and click each to check its direction.",
-            "Open the image lightbox and check its arrows the same way.",
-            "Turn 'Left-hand mode' off and compare.",
-        ],
-        inputs: { leftHandMode: true },
-        expectedBehaviour: "Gallery arrows straddle the image and their positions ARE their meaning — left goes back, right goes forward. Mirroring them inverts the gesture, so they are explicitly out of scope for this mode.",
-        expectedUiState: "The gallery arrows are in the same positions in both modes, and each still moves in its own direction. Arrows that swap sides are the failure here, which is the opposite of what the carousel case above expects.",
-        endResult: "The mode is off again by the last step.",
-    },
-    "checklist-design-ux-hand-mode-layout-homepage-section-buttons-mirror": {
-        roles: ["buyer"],
-        startPage: "/",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! and turn on 'Left-hand mode'.",
-            "Open / and scroll through every section, noting where each section's action button sits relative to its heading.",
-            "Turn 'Left-hand mode' off.",
-            "Open / and note the same positions.",
-            "Compare section by section.",
-        ],
-        inputs: { leftHandMode: true },
-        expectedBehaviour: "A section's trailing action — a 'See all' or similar — moves to the mirrored end of its header row, since it is a reach target rather than content. The heading itself stays where reading starts.",
-        expectedUiState: "In left-hand mode the section actions sit at the mirrored end of their rows while the headings stay put. A section whose heading has also moved is the failure.",
-        endResult: "The mode is off again by the last step.",
-    },
-    "checklist-design-ux-hand-mode-layout-titlebar-actions-mirror": {
-        roles: ["buyer"],
-        startPage: "/",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! and turn on 'Left-hand mode'.",
-            "Open / and look at the title bar's action cluster — account, cart, notifications.",
-            "Note which end of the bar it sits at and the order within it.",
-            "Turn 'Left-hand mode' off and look again.",
-            "Compare both the end and the internal order.",
-        ],
-        inputs: { leftHandMode: true },
-        expectedBehaviour: "The header's action cluster moves to the mirrored end as a group. Whether the icons within it also reverse is the question worth recording — reversing them moves every icon the user has learned, for no reach benefit once the group has already moved.",
-        expectedUiState: "The cluster sits at the mirrored end in left-hand mode. Note in the comment whether the icons within it kept their relative order, and whether that reads well.",
-        endResult: "The mode is off again by the last step.",
-    },
-    "checklist-design-ux-hand-mode-layout-titlebar-centre-mark-unaffected": {
-        roles: ["buyer"],
-        startPage: "/",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123!.",
-            "Open / and note where the brand mark and wordmark sit in the title bar.",
-            "Turn on 'Left-hand mode' and open / again.",
-            "Note where the brand mark and wordmark sit now.",
-            "Resize to 390 pixels wide and check both modes again.",
-            "Turn 'Left-hand mode' off.",
-        ],
-        inputs: { leftHandMode: true },
-        expectedBehaviour: "The brand mark is identity, not a control, so it does not move. On desktop it is centred and on mobile it prefixes the bar — neither position is a reach target, so neither mirrors.",
-        expectedUiState: "The mark is in the same place in both modes, at both widths. A brand mark that jumps sides with the mode is the failure.",
-        endResult: "The mode is off again by the last step; restore the window width.",
-    },
-    "checklist-design-ux-hand-mode-layout-titlebar-row2-mirror": {
-        roles: ["buyer"],
-        startPage: "/",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! and turn on 'Left-hand mode'.",
-            "Open / and look at the header's second row — the nav items and any controls beside them.",
-            "Note which end any control cluster sits at.",
-            "Note whether the nav items themselves have reversed.",
-            "Turn 'Left-hand mode' off and compare both.",
-        ],
-        inputs: { leftHandMode: true },
-        expectedBehaviour: "Controls in the second row mirror; the nav items are content and keep their order. This is the same content-versus-chrome line the quick-links case draws, applied to a row that mixes both.",
-        expectedUiState: "Control clusters sit at the mirrored end while the nav items read in their original order. Reversed nav items are the failure.",
-        endResult: "The mode is off again by the last step.",
-    },
-    "checklist-design-ux-hand-mode-layout-titlebar-actions-no-overflow-narrow": {
-        roles: ["buyer"],
-        startPage: "/",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! and turn on 'Left-hand mode'.",
-            "Resize the browser window to 320 pixels wide and open /.",
-            "Look at the title bar and check every control is fully on screen.",
-            "Try to scroll the page sideways.",
-            "Turn 'Left-hand mode' off at 320 pixels and check the same.",
-        ],
-        inputs: { leftHandMode: true, viewportWidth: 320 },
-        expectedBehaviour: "Mirroring must not push anything off the edge at the narrowest width. A cluster that fits when right-aligned can overflow when left-aligned if its spacing was written for one direction only.",
-        expectedUiState: "Every title-bar control is fully visible at 320 pixels in both modes, and the page does not scroll sideways in either.",
-        endResult: "The mode is off again by the last step; restore the window width.",
-    },
-    "checklist-design-ux-hand-mode-layout-bottom-nav-mirror": {
-        roles: ["buyer"],
-        startPage: "/",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! and turn on 'Left-hand mode'.",
-            "Resize the browser window to 390 pixels wide and open /.",
-            "Look at the bottom tab bar and write down its items in order.",
-            "Turn 'Left-hand mode' off and write down the order again.",
-            "Compare, and count the bottom bars in both modes.",
-        ],
-        inputs: { leftHandMode: true, mobileWidth: 390 },
-        expectedBehaviour: "The bottom tab bar spans the full width, so handedness changes nothing about reach — its items are equally reachable either way. Reversing them moves every destination the user has memorised for no benefit.",
-        expectedUiState: "The tab items are in the same order in both modes. Exactly one bottom tab bar is present in each — the bar is the sole publisher of its own height, so two mounted at once is a separate and worse failure.",
-        expectedData: { bottomNavCount: 1 },
-        endResult: "The mode is off again by the last step; restore the window width.",
-    },
-    "checklist-design-ux-hand-mode-layout-dashboard-bottom-nav-mirror": {
-        roles: ["buyer"],
-        startPage: "/user",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! and turn on 'Left-hand mode'.",
-            "Resize the browser window to 390 pixels wide and open /user.",
-            "Look at the bottom tab bar and write down its items in order.",
-            "Count the bottom bars present.",
-            "Compare the item order against the public bar from the sibling case (checklist-design-ux-hand-mode-layout-bottom-nav-mirror, on /).",
-            "Turn 'Left-hand mode' off and check both again.",
-        ],
-        inputs: { leftHandMode: true, mobileWidth: 390 },
-        expectedBehaviour: "BEFORE (fixed 2026-09-28): /user rendered its own dashboard-specific bottom bar, so this case was testing whether a second, separate implementation happened to mirror the same way as the public one. AFTER: /user renders the exact same shared bottom bar component as every public page — there is only one implementation, so hand-mode mirroring is inherited for free rather than needing its own logic. Exactly one bottom bar is mounted.",
-        expectedUiState: "The /user bottom bar's items and order match the public bar's from the sibling case, in both hand-mode states, because it is literally the same bar. Exactly one bottom bar is present throughout.",
-        expectedData: { bottomNavCount: 1 },
-        endResult: "The mode is off again by the last step; restore the window width.",
-    },
-    "checklist-design-ux-hand-mode-layout-count-badges-mirror": {
-        roles: ["buyer"],
-        startPage: "/",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! with at least one unread notification and one cart item.",
-            "Open / and note which corner each count badge sits in on its icon.",
-            "Turn on 'Left-hand mode' and open / again.",
-            "Note the badge corners now, and read each number.",
-            "Resize to 390 pixels and check the badges on the bottom bar too.",
-            "Turn 'Left-hand mode' off.",
-        ],
-        inputs: { leftHandMode: true },
-        expectedBehaviour: "A badge stays attached to its icon and does not drift off the icon's edge or under an adjacent control when the cluster mirrors. It must also stay readable — these badges overlay chrome and take the solid pairing, so a tint conversion would leave the number invisible.",
-        expectedUiState: "Every badge sits on its own icon in both modes, fully within the bar, with its number readable. A badge clipped by the viewport edge in left-hand mode is the failure this case is looking for.",
-        endResult: "The mode is off again by the last step; restore the window width.",
-    },
-    "checklist-design-ux-hand-mode-layout-nav-scroll-arrows-unaffected": {
-        roles: ["buyer"],
-        startPage: "/",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! and turn on 'Left-hand mode'.",
-            "Resize the browser window to 390 pixels wide and open /.",
-            "Find a horizontally scrolling nav strip and look at its scroll arrows.",
-            "Click each and check which direction the strip moves.",
-            "Turn 'Left-hand mode' off and check both again.",
-        ],
-        inputs: { leftHandMode: true, mobileWidth: 390 },
-        expectedBehaviour: "Scroll arrows describe a direction of travel, like gallery arrows, so they do not mirror. Left scrolls left in both modes.",
-        expectedUiState: "The arrows are in the same positions and move the strip in the same directions in both modes. Swapped arrows are the failure.",
-        endResult: "The mode is off again by the last step; restore the window width.",
-    },
-    "checklist-design-ux-hand-mode-layout-header-tab-order-sane": {
-        roles: ["buyer"],
-        startPage: "/",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! and turn on 'Left-hand mode'.",
-            "Open / and press Tab repeatedly from the top of the page, writing down each control as it receives focus.",
-            "Continue until focus reaches the main content.",
-            "Turn 'Left-hand mode' off and repeat the same walk.",
-            "Compare the two sequences.",
-        ],
-        inputs: { leftHandMode: true },
-        expectedBehaviour: "Mirroring is visual. Focus order follows the document, so a keyboard user's path through the header is unchanged — and every focused control shows a visible focus ring in both modes.",
-        expectedUiState: "The tab sequence is the same in both modes and never jumps backwards across the header. Every focused control is visibly outlined. A focus order that reverses with the mode means the DOM is being reordered rather than the layout mirrored.",
-        endResult: "The mode is off again by the last step.",
-    },
-    "checklist-design-ux-hand-mode-layout-hand-mode-no-fouc": {
-        roles: ["buyer"],
-        startPage: "/user",
-        steps: [
-            "Sign in as rehan.sheikh@gmail.com / TempPass123! and turn on 'Left-hand mode'.",
-            "Open /user and reload the page, watching the very first moment it paints.",
-            "Note whether the sidebar appears on the default side before moving.",
-            "Reload three more times, watching each time.",
-            "Navigate between dashboard pages and watch for the same flash.",
-            "Turn 'Left-hand mode' off.",
-        ],
-        inputs: { leftHandMode: true },
-        expectedBehaviour: "The preference is stored on the user record and applied before first paint. Reading it only after hydration paints the default layout first and then moves it — visible as the sidebar jumping across the screen on every single load.",
-        expectedUiState: "On all four reloads the sidebar is on the mirrored side from the first painted frame. No flash of the default layout, and no jump during client-side navigation.",
-        endResult: "The mode is off again by the last step. Reloading four times matters — a flash this brief is easy to miss once.",
-    },
-};

package/dist/features/tester/seed-data/authored/design-ux__header-brand-mark-centring.d.ts

@@ -1,2 +0,0 @@
-import type { AuthoredCase } from "./_types";
-export declare const authored: Record<string, AuthoredCase>;