[finding] react-pages.mdx is the docs home for both source-authoring tiers, but every section below the security gate is unmarked react-only material #13737

Description

@claude

The observation

content/docs/ui/pages.mdx routes both source-authoring tiers to
content/docs/ui/react-pages.mdx:

  • pages.mdx:66 — the source row: "For kind: 'html' it is constrained JSX/HTML
    compiled to the tree by @objectstack/sdui-parser at save time … See
    React Pages"
  • pages.mdx:116 — "See React Pages for the full authoring guide"
  • pages.mdx:295 — "React Pages — The html and react
    source-authoring tiers in full"

But on that page only the first two sections are tier-neutral. Its headings on
origin/main:

 20 ## Choosing between `react` and `html` <- tier-neutral
47 ## The security gate <- tier-neutral
64 ## What is in scope <- react only, unmarked
93 ## Blocks take flat props <- react only, unmarked
114 ### `Block` — the escape hatch <- react only, unmarked
128 ## Live data <- react only, unmarked
166 ## Styling — a page's source is metadata… <- both, says so inline
229 ## Accepted source shapes <- react only, unmarked
247 ## When something throws <- react only, unmarked
257 ## Page state <- react only, unmarked
270 ## `record:*` blocks are not in this tier <- react only; "this tier" is unbound
295 ## How you check your work <- react only, unmarked
340 ## A complete page <- react only, unmarked

Line 270 is the sharpest instance: a heading whose entire meaning rests on "this tier"
sits on a page the docs advertise as covering two of them.

Why it is a finding and not a queue card

An html-tier reader arriving from any of the three pages.mdx links reads the whole page
as if it applied to them. That is the mechanism behind #12650, where the page's
PascalCase naming sentence (react-tier) was read as the html-tier rule and produced a
save-time rejection with nothing on the page naming the broken rule. #13734 closed that
one trap
with one sentence plus an "On this tier" scoping — the correct size for that
card, and deliberately not a restructure.

What is left is a docs-architecture question with more than one defensible answer: split
the page into an html-tier page and a react-tier page (and repoint the three pages.mdx
links per tier), or mark the react-tier half once at ## What is in scope and leave the
page whole. Both are larger than a repair, and picking one is not the dev's call on a
naming card — so this is filed for grading rather than dispatched.

Not yet measured

Whether any further html-tier trap remains on the page after #13734. Only the naming rule
was audited; the other react-only sections were not checked for statements an html author
could act on wrongly (## Live data / useAdapter and ## Page state are the likely
candidates — neither exists on the html tier).

Provenance

Reported by the dev implementing #12650, explicitly as an observation and not a defect
("A2.3 said one sentence, and one sentence is what the defect needed"). Heading census
and the three pages.mdx link sites verified independently against origin/main by the
domain:devx PM seat. The sibling instance in the other repo is filed separately as
objectstack-ai/objectui#7006.


Generated by Claude Code

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

    , 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
     blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
    }
    } catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
    })();
    (function(){
    try {
    var __m = "github.com";
    var __re = new RegExp('^' + "github\\.com" + '
    
    Skip to content

    [finding] react-pages.mdx is the docs home for both source-authoring tiers, but every section below the security gate is unmarked react-only material #13737

    Description

    @claude

    The observation

    content/docs/ui/pages.mdx routes both source-authoring tiers to
    content/docs/ui/react-pages.mdx:

    • pages.mdx:66 — the source row: "For kind: 'html' it is constrained JSX/HTML
      compiled to the tree by @objectstack/sdui-parser at save time … See
      React Pages"
    • pages.mdx:116 — "See React Pages for the full authoring guide"
    • pages.mdx:295 — "React Pages — The html and react
      source-authoring tiers in full"

    But on that page only the first two sections are tier-neutral. Its headings on
    origin/main:

     20 ## Choosing between `react` and `html` <- tier-neutral
    47 ## The security gate <- tier-neutral
    64 ## What is in scope <- react only, unmarked
    93 ## Blocks take flat props <- react only, unmarked
    114 ### `Block` — the escape hatch <- react only, unmarked
    128 ## Live data <- react only, unmarked
    166 ## Styling — a page's source is metadata… <- both, says so inline
    229 ## Accepted source shapes <- react only, unmarked
    247 ## When something throws <- react only, unmarked
    257 ## Page state <- react only, unmarked
    270 ## `record:*` blocks are not in this tier <- react only; "this tier" is unbound
    295 ## How you check your work <- react only, unmarked
    340 ## A complete page <- react only, unmarked
    

    Line 270 is the sharpest instance: a heading whose entire meaning rests on "this tier"
    sits on a page the docs advertise as covering two of them.

    Why it is a finding and not a queue card

    An html-tier reader arriving from any of the three pages.mdx links reads the whole page
    as if it applied to them. That is the mechanism behind #12650, where the page's
    PascalCase naming sentence (react-tier) was read as the html-tier rule and produced a
    save-time rejection with nothing on the page naming the broken rule. #13734 closed that
    one trap
    with one sentence plus an "On this tier" scoping — the correct size for that
    card, and deliberately not a restructure.

    What is left is a docs-architecture question with more than one defensible answer: split
    the page into an html-tier page and a react-tier page (and repoint the three pages.mdx
    links per tier), or mark the react-tier half once at ## What is in scope and leave the
    page whole. Both are larger than a repair, and picking one is not the dev's call on a
    naming card — so this is filed for grading rather than dispatched.

    Not yet measured

    Whether any further html-tier trap remains on the page after #13734. Only the naming rule
    was audited; the other react-only sections were not checked for statements an html author
    could act on wrongly (## Live data / useAdapter and ## Page state are the likely
    candidates — neither exists on the html tier).

    Provenance

    Reported by the dev implementing #12650, explicitly as an observation and not a defect
    ("A2.3 said one sentence, and one sentence is what the defect needed"). Heading census
    and the three pages.mdx link sites verified independently against origin/main by the
    domain:devx PM seat. The sibling instance in the other repo is filed separately as
    objectstack-ai/objectui#7006.


    Generated by Claude Code

    Activity

    Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

    Metadata

    Metadata

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions

      , 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
      Skip to content

      [finding] react-pages.mdx is the docs home for both source-authoring tiers, but every section below the security gate is unmarked react-only material #13737

      Description

      @claude

      The observation

      content/docs/ui/pages.mdx routes both source-authoring tiers to
      content/docs/ui/react-pages.mdx:

      • pages.mdx:66 — the source row: "For kind: 'html' it is constrained JSX/HTML
        compiled to the tree by @objectstack/sdui-parser at save time … See
        React Pages"
      • pages.mdx:116 — "See React Pages for the full authoring guide"
      • pages.mdx:295 — "React Pages — The html and react
        source-authoring tiers in full"

      But on that page only the first two sections are tier-neutral. Its headings on
      origin/main:

       20 ## Choosing between `react` and `html` <- tier-neutral
      47 ## The security gate <- tier-neutral
      64 ## What is in scope <- react only, unmarked
      93 ## Blocks take flat props <- react only, unmarked
      114 ### `Block` — the escape hatch <- react only, unmarked
      128 ## Live data <- react only, unmarked
      166 ## Styling — a page's source is metadata… <- both, says so inline
      229 ## Accepted source shapes <- react only, unmarked
      247 ## When something throws <- react only, unmarked
      257 ## Page state <- react only, unmarked
      270 ## `record:*` blocks are not in this tier <- react only; "this tier" is unbound
      295 ## How you check your work <- react only, unmarked
      340 ## A complete page <- react only, unmarked
      

      Line 270 is the sharpest instance: a heading whose entire meaning rests on "this tier"
      sits on a page the docs advertise as covering two of them.

      Why it is a finding and not a queue card

      An html-tier reader arriving from any of the three pages.mdx links reads the whole page
      as if it applied to them. That is the mechanism behind #12650, where the page's
      PascalCase naming sentence (react-tier) was read as the html-tier rule and produced a
      save-time rejection with nothing on the page naming the broken rule. #13734 closed that
      one trap
      with one sentence plus an "On this tier" scoping — the correct size for that
      card, and deliberately not a restructure.

      What is left is a docs-architecture question with more than one defensible answer: split
      the page into an html-tier page and a react-tier page (and repoint the three pages.mdx
      links per tier), or mark the react-tier half once at ## What is in scope and leave the
      page whole. Both are larger than a repair, and picking one is not the dev's call on a
      naming card — so this is filed for grading rather than dispatched.

      Not yet measured

      Whether any further html-tier trap remains on the page after #13734. Only the naming rule
      was audited; the other react-only sections were not checked for statements an html author
      could act on wrongly (## Live data / useAdapter and ## Page state are the likely
      candidates — neither exists on the html tier).

      Provenance

      Reported by the dev implementing #12650, explicitly as an observation and not a defect
      ("A2.3 said one sentence, and one sentence is what the defect needed"). Heading census
      and the three pages.mdx link sites verified independently against origin/main by the
      domain:devx PM seat. The sibling instance in the other repo is filed separately as
      objectstack-ai/objectui#7006.


      Generated by Claude Code

      Activity

      Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

      Metadata

      Metadata

      Labels

      Type

      No type

      Projects

      No projects

        Milestone

        No milestone

        Relationships

        None yet

        Development

        No branches or pull requests

        Issue actions

        , 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
        Skip to content

        [finding] react-pages.mdx is the docs home for both source-authoring tiers, but every section below the security gate is unmarked react-only material #13737

        Description

        @claude

        The observation

        content/docs/ui/pages.mdx routes both source-authoring tiers to
        content/docs/ui/react-pages.mdx:

        • pages.mdx:66 — the source row: "For kind: 'html' it is constrained JSX/HTML
          compiled to the tree by @objectstack/sdui-parser at save time … See
          React Pages"
        • pages.mdx:116 — "See React Pages for the full authoring guide"
        • pages.mdx:295 — "React Pages — The html and react
          source-authoring tiers in full"

        But on that page only the first two sections are tier-neutral. Its headings on
        origin/main:

         20 ## Choosing between `react` and `html` <- tier-neutral
        47 ## The security gate <- tier-neutral
        64 ## What is in scope <- react only, unmarked
        93 ## Blocks take flat props <- react only, unmarked
        114 ### `Block` — the escape hatch <- react only, unmarked
        128 ## Live data <- react only, unmarked
        166 ## Styling — a page's source is metadata… <- both, says so inline
        229 ## Accepted source shapes <- react only, unmarked
        247 ## When something throws <- react only, unmarked
        257 ## Page state <- react only, unmarked
        270 ## `record:*` blocks are not in this tier <- react only; "this tier" is unbound
        295 ## How you check your work <- react only, unmarked
        340 ## A complete page <- react only, unmarked
        

        Line 270 is the sharpest instance: a heading whose entire meaning rests on "this tier"
        sits on a page the docs advertise as covering two of them.

        Why it is a finding and not a queue card

        An html-tier reader arriving from any of the three pages.mdx links reads the whole page
        as if it applied to them. That is the mechanism behind #12650, where the page's
        PascalCase naming sentence (react-tier) was read as the html-tier rule and produced a
        save-time rejection with nothing on the page naming the broken rule. #13734 closed that
        one trap
        with one sentence plus an "On this tier" scoping — the correct size for that
        card, and deliberately not a restructure.

        What is left is a docs-architecture question with more than one defensible answer: split
        the page into an html-tier page and a react-tier page (and repoint the three pages.mdx
        links per tier), or mark the react-tier half once at ## What is in scope and leave the
        page whole. Both are larger than a repair, and picking one is not the dev's call on a
        naming card — so this is filed for grading rather than dispatched.

        Not yet measured

        Whether any further html-tier trap remains on the page after #13734. Only the naming rule
        was audited; the other react-only sections were not checked for statements an html author
        could act on wrongly (## Live data / useAdapter and ## Page state are the likely
        candidates — neither exists on the html tier).

        Provenance

        Reported by the dev implementing #12650, explicitly as an observation and not a defect
        ("A2.3 said one sentence, and one sentence is what the defect needed"). Heading census
        and the three pages.mdx link sites verified independently against origin/main by the
        domain:devx PM seat. The sibling instance in the other repo is filed separately as
        objectstack-ai/objectui#7006.


        Generated by Claude Code

        Activity

        Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

        Metadata

        Metadata

        Labels

        Type

        No type

        Projects

        No projects

          Milestone

          No milestone

          Relationships

          None yet

          Development

          No branches or pull requests

          Issue actions

          , 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
          Skip to content

          [finding] react-pages.mdx is the docs home for both source-authoring tiers, but every section below the security gate is unmarked react-only material #13737

          Description

          @claude

          The observation

          content/docs/ui/pages.mdx routes both source-authoring tiers to
          content/docs/ui/react-pages.mdx:

          • pages.mdx:66 — the source row: "For kind: 'html' it is constrained JSX/HTML
            compiled to the tree by @objectstack/sdui-parser at save time … See
            React Pages"
          • pages.mdx:116 — "See React Pages for the full authoring guide"
          • pages.mdx:295 — "React Pages — The html and react
            source-authoring tiers in full"

          But on that page only the first two sections are tier-neutral. Its headings on
          origin/main:

           20 ## Choosing between `react` and `html` <- tier-neutral
          47 ## The security gate <- tier-neutral
          64 ## What is in scope <- react only, unmarked
          93 ## Blocks take flat props <- react only, unmarked
          114 ### `Block` — the escape hatch <- react only, unmarked
          128 ## Live data <- react only, unmarked
          166 ## Styling — a page's source is metadata… <- both, says so inline
          229 ## Accepted source shapes <- react only, unmarked
          247 ## When something throws <- react only, unmarked
          257 ## Page state <- react only, unmarked
          270 ## `record:*` blocks are not in this tier <- react only; "this tier" is unbound
          295 ## How you check your work <- react only, unmarked
          340 ## A complete page <- react only, unmarked
          

          Line 270 is the sharpest instance: a heading whose entire meaning rests on "this tier"
          sits on a page the docs advertise as covering two of them.

          Why it is a finding and not a queue card

          An html-tier reader arriving from any of the three pages.mdx links reads the whole page
          as if it applied to them. That is the mechanism behind #12650, where the page's
          PascalCase naming sentence (react-tier) was read as the html-tier rule and produced a
          save-time rejection with nothing on the page naming the broken rule. #13734 closed that
          one trap
          with one sentence plus an "On this tier" scoping — the correct size for that
          card, and deliberately not a restructure.

          What is left is a docs-architecture question with more than one defensible answer: split
          the page into an html-tier page and a react-tier page (and repoint the three pages.mdx
          links per tier), or mark the react-tier half once at ## What is in scope and leave the
          page whole. Both are larger than a repair, and picking one is not the dev's call on a
          naming card — so this is filed for grading rather than dispatched.

          Not yet measured

          Whether any further html-tier trap remains on the page after #13734. Only the naming rule
          was audited; the other react-only sections were not checked for statements an html author
          could act on wrongly (## Live data / useAdapter and ## Page state are the likely
          candidates — neither exists on the html tier).

          Provenance

          Reported by the dev implementing #12650, explicitly as an observation and not a defect
          ("A2.3 said one sentence, and one sentence is what the defect needed"). Heading census
          and the three pages.mdx link sites verified independently against origin/main by the
          domain:devx PM seat. The sibling instance in the other repo is filed separately as
          objectstack-ai/objectui#7006.


          Generated by Claude Code

          Activity

          Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

          Metadata

          Metadata

          Labels

          Type

          No type

          Projects

          No projects

            Milestone

            No milestone

            Relationships

            None yet

            Development

            No branches or pull requests

            Issue actions

            , 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
            Skip to content

            [finding] react-pages.mdx is the docs home for both source-authoring tiers, but every section below the security gate is unmarked react-only material #13737

            Description

            @claude

            The observation

            content/docs/ui/pages.mdx routes both source-authoring tiers to
            content/docs/ui/react-pages.mdx:

            • pages.mdx:66 — the source row: "For kind: 'html' it is constrained JSX/HTML
              compiled to the tree by @objectstack/sdui-parser at save time … See
              React Pages"
            • pages.mdx:116 — "See React Pages for the full authoring guide"
            • pages.mdx:295 — "React Pages — The html and react
              source-authoring tiers in full"

            But on that page only the first two sections are tier-neutral. Its headings on
            origin/main:

             20 ## Choosing between `react` and `html` <- tier-neutral
            47 ## The security gate <- tier-neutral
            64 ## What is in scope <- react only, unmarked
            93 ## Blocks take flat props <- react only, unmarked
            114 ### `Block` — the escape hatch <- react only, unmarked
            128 ## Live data <- react only, unmarked
            166 ## Styling — a page's source is metadata… <- both, says so inline
            229 ## Accepted source shapes <- react only, unmarked
            247 ## When something throws <- react only, unmarked
            257 ## Page state <- react only, unmarked
            270 ## `record:*` blocks are not in this tier <- react only; "this tier" is unbound
            295 ## How you check your work <- react only, unmarked
            340 ## A complete page <- react only, unmarked
            

            Line 270 is the sharpest instance: a heading whose entire meaning rests on "this tier"
            sits on a page the docs advertise as covering two of them.

            Why it is a finding and not a queue card

            An html-tier reader arriving from any of the three pages.mdx links reads the whole page
            as if it applied to them. That is the mechanism behind #12650, where the page's
            PascalCase naming sentence (react-tier) was read as the html-tier rule and produced a
            save-time rejection with nothing on the page naming the broken rule. #13734 closed that
            one trap
            with one sentence plus an "On this tier" scoping — the correct size for that
            card, and deliberately not a restructure.

            What is left is a docs-architecture question with more than one defensible answer: split
            the page into an html-tier page and a react-tier page (and repoint the three pages.mdx
            links per tier), or mark the react-tier half once at ## What is in scope and leave the
            page whole. Both are larger than a repair, and picking one is not the dev's call on a
            naming card — so this is filed for grading rather than dispatched.

            Not yet measured

            Whether any further html-tier trap remains on the page after #13734. Only the naming rule
            was audited; the other react-only sections were not checked for statements an html author
            could act on wrongly (## Live data / useAdapter and ## Page state are the likely
            candidates — neither exists on the html tier).

            Provenance

            Reported by the dev implementing #12650, explicitly as an observation and not a defect
            ("A2.3 said one sentence, and one sentence is what the defect needed"). Heading census
            and the three pages.mdx link sites verified independently against origin/main by the
            domain:devx PM seat. The sibling instance in the other repo is filed separately as
            objectstack-ai/objectui#7006.


            Generated by Claude Code

            Activity

            Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

            Metadata

            Metadata

            Labels

            Type

            No type

            Projects

            No projects

              Milestone

              No milestone

              Relationships

              None yet

              Development

              No branches or pull requests

              Issue actions

              , 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
              Skip to content

              [finding] react-pages.mdx is the docs home for both source-authoring tiers, but every section below the security gate is unmarked react-only material #13737

              Description

              @claude

              The observation

              content/docs/ui/pages.mdx routes both source-authoring tiers to
              content/docs/ui/react-pages.mdx:

              • pages.mdx:66 — the source row: "For kind: 'html' it is constrained JSX/HTML
                compiled to the tree by @objectstack/sdui-parser at save time … See
                React Pages"
              • pages.mdx:116 — "See React Pages for the full authoring guide"
              • pages.mdx:295 — "React Pages — The html and react
                source-authoring tiers in full"

              But on that page only the first two sections are tier-neutral. Its headings on
              origin/main:

               20 ## Choosing between `react` and `html` <- tier-neutral
              47 ## The security gate <- tier-neutral
              64 ## What is in scope <- react only, unmarked
              93 ## Blocks take flat props <- react only, unmarked
              114 ### `Block` — the escape hatch <- react only, unmarked
              128 ## Live data <- react only, unmarked
              166 ## Styling — a page's source is metadata… <- both, says so inline
              229 ## Accepted source shapes <- react only, unmarked
              247 ## When something throws <- react only, unmarked
              257 ## Page state <- react only, unmarked
              270 ## `record:*` blocks are not in this tier <- react only; "this tier" is unbound
              295 ## How you check your work <- react only, unmarked
              340 ## A complete page <- react only, unmarked
              

              Line 270 is the sharpest instance: a heading whose entire meaning rests on "this tier"
              sits on a page the docs advertise as covering two of them.

              Why it is a finding and not a queue card

              An html-tier reader arriving from any of the three pages.mdx links reads the whole page
              as if it applied to them. That is the mechanism behind #12650, where the page's
              PascalCase naming sentence (react-tier) was read as the html-tier rule and produced a
              save-time rejection with nothing on the page naming the broken rule. #13734 closed that
              one trap
              with one sentence plus an "On this tier" scoping — the correct size for that
              card, and deliberately not a restructure.

              What is left is a docs-architecture question with more than one defensible answer: split
              the page into an html-tier page and a react-tier page (and repoint the three pages.mdx
              links per tier), or mark the react-tier half once at ## What is in scope and leave the
              page whole. Both are larger than a repair, and picking one is not the dev's call on a
              naming card — so this is filed for grading rather than dispatched.

              Not yet measured

              Whether any further html-tier trap remains on the page after #13734. Only the naming rule
              was audited; the other react-only sections were not checked for statements an html author
              could act on wrongly (## Live data / useAdapter and ## Page state are the likely
              candidates — neither exists on the html tier).

              Provenance

              Reported by the dev implementing #12650, explicitly as an observation and not a defect
              ("A2.3 said one sentence, and one sentence is what the defect needed"). Heading census
              and the three pages.mdx link sites verified independently against origin/main by the
              domain:devx PM seat. The sibling instance in the other repo is filed separately as
              objectstack-ai/objectui#7006.


              Generated by Claude Code

              Activity

              Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

              Metadata

              Metadata

              Labels

              Type

              No type

              Projects

              No projects

                Milestone

                No milestone

                Relationships

                None yet

                Development

                No branches or pull requests

                Issue actions

                , 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
                Skip to content

                [finding] react-pages.mdx is the docs home for both source-authoring tiers, but every section below the security gate is unmarked react-only material #13737

                Description

                @claude

                The observation

                content/docs/ui/pages.mdx routes both source-authoring tiers to
                content/docs/ui/react-pages.mdx:

                • pages.mdx:66 — the source row: "For kind: 'html' it is constrained JSX/HTML
                  compiled to the tree by @objectstack/sdui-parser at save time … See
                  React Pages"
                • pages.mdx:116 — "See React Pages for the full authoring guide"
                • pages.mdx:295 — "React Pages — The html and react
                  source-authoring tiers in full"

                But on that page only the first two sections are tier-neutral. Its headings on
                origin/main:

                 20 ## Choosing between `react` and `html` <- tier-neutral
                47 ## The security gate <- tier-neutral
                64 ## What is in scope <- react only, unmarked
                93 ## Blocks take flat props <- react only, unmarked
                114 ### `Block` — the escape hatch <- react only, unmarked
                128 ## Live data <- react only, unmarked
                166 ## Styling — a page's source is metadata… <- both, says so inline
                229 ## Accepted source shapes <- react only, unmarked
                247 ## When something throws <- react only, unmarked
                257 ## Page state <- react only, unmarked
                270 ## `record:*` blocks are not in this tier <- react only; "this tier" is unbound
                295 ## How you check your work <- react only, unmarked
                340 ## A complete page <- react only, unmarked
                

                Line 270 is the sharpest instance: a heading whose entire meaning rests on "this tier"
                sits on a page the docs advertise as covering two of them.

                Why it is a finding and not a queue card

                An html-tier reader arriving from any of the three pages.mdx links reads the whole page
                as if it applied to them. That is the mechanism behind #12650, where the page's
                PascalCase naming sentence (react-tier) was read as the html-tier rule and produced a
                save-time rejection with nothing on the page naming the broken rule. #13734 closed that
                one trap
                with one sentence plus an "On this tier" scoping — the correct size for that
                card, and deliberately not a restructure.

                What is left is a docs-architecture question with more than one defensible answer: split
                the page into an html-tier page and a react-tier page (and repoint the three pages.mdx
                links per tier), or mark the react-tier half once at ## What is in scope and leave the
                page whole. Both are larger than a repair, and picking one is not the dev's call on a
                naming card — so this is filed for grading rather than dispatched.

                Not yet measured

                Whether any further html-tier trap remains on the page after #13734. Only the naming rule
                was audited; the other react-only sections were not checked for statements an html author
                could act on wrongly (## Live data / useAdapter and ## Page state are the likely
                candidates — neither exists on the html tier).

                Provenance

                Reported by the dev implementing #12650, explicitly as an observation and not a defect
                ("A2.3 said one sentence, and one sentence is what the defect needed"). Heading census
                and the three pages.mdx link sites verified independently against origin/main by the
                domain:devx PM seat. The sibling instance in the other repo is filed separately as
                objectstack-ai/objectui#7006.


                Generated by Claude Code

                Activity

                Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

                Metadata

                Metadata

                Labels

                Type

                No type

                Projects

                No projects

                  Milestone

                  No milestone

                  Relationships

                  None yet

                  Development

                  No branches or pull requests

                  Issue actions