docs: react-pages.md states only the react tier's PascalCase tag rule, so html-tier authors copy a spelling the parser rejects #7006

Description

@claude

content/docs/guide/react-pages.md is this repo's home for both source-authoring
tiers, but the only tag-naming rule it states is the react tier's PascalCase one. An
author who writes a kind:'html' page from this page copies that spelling and is
rejected at save time, with nothing on the page naming the rule they broke.

Where the page states the rule

The scope table (the ### What is in scope section) lists

| The public data blocks | Every public non-container block, as a PascalCase tag — … |

and the #### Two tiers: what resolves, and what you author against section derives the
spelling explicitly:

Tags are derived by splitting the registry type on -, _ and : and PascalCasing
each part: object-grid<ObjectGrid>, record:details<RecordDetails>.

Neither passage is wrong — both are react-tier material. Neither is marked as such.

Where the html tier needs it and does not have it

The ## kind:'html' section says the whitelist exists but never says how its entries are
spelled:

Only tags in the public block manifest are allowed, props are validated against each
block's declared inputs, and unknown tags are a hard error at save time.

The page names kind:'html' at seven places (frontmatter description, the kind table,
the "reach for html by default" callout, the capability-switch paragraph, the styling
row, and the section itself) and its own html examples use the correct lowercase form
(<flex direction gap>, <grid columns>) — so the correct spelling is demonstrated
while the stated rule is the other tier's.

What the html tier actually accepts (objectstack side, measured)

The whitelist is the registry's own type names, compared by exact string:

  • packages/sdui-parser/src/index.ts:41const allowedTags = new Set(Object.keys(manifest.components))
  • packages/sdui-parser/src/index.ts:99-100 — the manifest is keyed by the registry
    config's own type: components[c.type] = { type: c.type, … }
  • packages/sdui-parser/src/parse.ts:61!this.opts.allowedTags.has(tag), an exact
    Set.has; no case folding anywhere in the parser

Compiled against the real 57-component manifest: ListViewListView is not an allowed component; list-view → accepted. ObjectForm → rejected; object-form
accepted. RecordRelatedList → rejected; record:related_list → accepted.

⚠️ The rule is registered type names written verbatim, not "kebab-case": 28 of the 57
registered names carry a namespace prefix (record:, page:, element:, action:) and
four are snake_case after the colon — record:related_list, record:line_items,
record:quick_actions, record:reference_rail. Documenting "kebab-case" alone sends an
author to record:related-list, which is not registered either.

Prior art — the same defect, already fixed upstream

objectstack-ai/objectstack#12650 is this defect on content/docs/ui/react-pages.mdx in
the framework repo; objectstack-ai/objectstack#13734 fixes it with two body edits (one
paragraph in the html-tier section naming the registered spelling, and "On this tier"
scoping on the react-tier naming sentence). That diff is a usable model for this page.

Provenance

Found by the dev implementing objectstack-ai/objectstack#12650, whose triage first-touch
reserved this cross-repo follow-up for the PM to file rather than take as a rider.
Verified independently against this repo's origin/main (content/docs/guide/react-pages.md).
Duplicate check: 271 open issues in this repo scanned for PascalCase / react-pages /
html tier / allowed component; no existing card covers it.


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

Assignees

No one assigned

    Labels

    No labels
    No 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

      docs: react-pages.md states only the react tier's PascalCase tag rule, so html-tier authors copy a spelling the parser rejects #7006

      Description

      @claude

      content/docs/guide/react-pages.md is this repo's home for both source-authoring
      tiers, but the only tag-naming rule it states is the react tier's PascalCase one. An
      author who writes a kind:'html' page from this page copies that spelling and is
      rejected at save time, with nothing on the page naming the rule they broke.

      Where the page states the rule

      The scope table (the ### What is in scope section) lists

      | The public data blocks | Every public non-container block, as a PascalCase tag — … |

      and the #### Two tiers: what resolves, and what you author against section derives the
      spelling explicitly:

      Tags are derived by splitting the registry type on -, _ and : and PascalCasing
      each part: object-grid<ObjectGrid>, record:details<RecordDetails>.

      Neither passage is wrong — both are react-tier material. Neither is marked as such.

      Where the html tier needs it and does not have it

      The ## kind:'html' section says the whitelist exists but never says how its entries are
      spelled:

      Only tags in the public block manifest are allowed, props are validated against each
      block's declared inputs, and unknown tags are a hard error at save time.

      The page names kind:'html' at seven places (frontmatter description, the kind table,
      the "reach for html by default" callout, the capability-switch paragraph, the styling
      row, and the section itself) and its own html examples use the correct lowercase form
      (<flex direction gap>, <grid columns>) — so the correct spelling is demonstrated
      while the stated rule is the other tier's.

      What the html tier actually accepts (objectstack side, measured)

      The whitelist is the registry's own type names, compared by exact string:

      • packages/sdui-parser/src/index.ts:41const allowedTags = new Set(Object.keys(manifest.components))
      • packages/sdui-parser/src/index.ts:99-100 — the manifest is keyed by the registry
        config's own type: components[c.type] = { type: c.type, … }
      • packages/sdui-parser/src/parse.ts:61!this.opts.allowedTags.has(tag), an exact
        Set.has; no case folding anywhere in the parser

      Compiled against the real 57-component manifest: ListViewListView is not an allowed component; list-view → accepted. ObjectForm → rejected; object-form
      accepted. RecordRelatedList → rejected; record:related_list → accepted.

      ⚠️ The rule is registered type names written verbatim, not "kebab-case": 28 of the 57
      registered names carry a namespace prefix (record:, page:, element:, action:) and
      four are snake_case after the colon — record:related_list, record:line_items,
      record:quick_actions, record:reference_rail. Documenting "kebab-case" alone sends an
      author to record:related-list, which is not registered either.

      Prior art — the same defect, already fixed upstream

      objectstack-ai/objectstack#12650 is this defect on content/docs/ui/react-pages.mdx in
      the framework repo; objectstack-ai/objectstack#13734 fixes it with two body edits (one
      paragraph in the html-tier section naming the registered spelling, and "On this tier"
      scoping on the react-tier naming sentence). That diff is a usable model for this page.

      Provenance

      Found by the dev implementing objectstack-ai/objectstack#12650, whose triage first-touch
      reserved this cross-repo follow-up for the PM to file rather than take as a rider.
      Verified independently against this repo's origin/main (content/docs/guide/react-pages.md).
      Duplicate check: 271 open issues in this repo scanned for PascalCase / react-pages /
      html tier / allowed component; no existing card covers it.


      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

      Assignees

      No one assigned

        Labels

        No labels
        No 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

          docs: react-pages.md states only the react tier's PascalCase tag rule, so html-tier authors copy a spelling the parser rejects #7006

          Description

          @claude

          content/docs/guide/react-pages.md is this repo's home for both source-authoring
          tiers, but the only tag-naming rule it states is the react tier's PascalCase one. An
          author who writes a kind:'html' page from this page copies that spelling and is
          rejected at save time, with nothing on the page naming the rule they broke.

          Where the page states the rule

          The scope table (the ### What is in scope section) lists

          | The public data blocks | Every public non-container block, as a PascalCase tag — … |

          and the #### Two tiers: what resolves, and what you author against section derives the
          spelling explicitly:

          Tags are derived by splitting the registry type on -, _ and : and PascalCasing
          each part: object-grid<ObjectGrid>, record:details<RecordDetails>.

          Neither passage is wrong — both are react-tier material. Neither is marked as such.

          Where the html tier needs it and does not have it

          The ## kind:'html' section says the whitelist exists but never says how its entries are
          spelled:

          Only tags in the public block manifest are allowed, props are validated against each
          block's declared inputs, and unknown tags are a hard error at save time.

          The page names kind:'html' at seven places (frontmatter description, the kind table,
          the "reach for html by default" callout, the capability-switch paragraph, the styling
          row, and the section itself) and its own html examples use the correct lowercase form
          (<flex direction gap>, <grid columns>) — so the correct spelling is demonstrated
          while the stated rule is the other tier's.

          What the html tier actually accepts (objectstack side, measured)

          The whitelist is the registry's own type names, compared by exact string:

          • packages/sdui-parser/src/index.ts:41const allowedTags = new Set(Object.keys(manifest.components))
          • packages/sdui-parser/src/index.ts:99-100 — the manifest is keyed by the registry
            config's own type: components[c.type] = { type: c.type, … }
          • packages/sdui-parser/src/parse.ts:61!this.opts.allowedTags.has(tag), an exact
            Set.has; no case folding anywhere in the parser

          Compiled against the real 57-component manifest: ListViewListView is not an allowed component; list-view → accepted. ObjectForm → rejected; object-form
          accepted. RecordRelatedList → rejected; record:related_list → accepted.

          ⚠️ The rule is registered type names written verbatim, not "kebab-case": 28 of the 57
          registered names carry a namespace prefix (record:, page:, element:, action:) and
          four are snake_case after the colon — record:related_list, record:line_items,
          record:quick_actions, record:reference_rail. Documenting "kebab-case" alone sends an
          author to record:related-list, which is not registered either.

          Prior art — the same defect, already fixed upstream

          objectstack-ai/objectstack#12650 is this defect on content/docs/ui/react-pages.mdx in
          the framework repo; objectstack-ai/objectstack#13734 fixes it with two body edits (one
          paragraph in the html-tier section naming the registered spelling, and "On this tier"
          scoping on the react-tier naming sentence). That diff is a usable model for this page.

          Provenance

          Found by the dev implementing objectstack-ai/objectstack#12650, whose triage first-touch
          reserved this cross-repo follow-up for the PM to file rather than take as a rider.
          Verified independently against this repo's origin/main (content/docs/guide/react-pages.md).
          Duplicate check: 271 open issues in this repo scanned for PascalCase / react-pages /
          html tier / allowed component; no existing card covers it.


          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

          Assignees

          No one assigned

            Labels

            No labels
            No 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

              docs: react-pages.md states only the react tier's PascalCase tag rule, so html-tier authors copy a spelling the parser rejects #7006

              Description

              @claude

              content/docs/guide/react-pages.md is this repo's home for both source-authoring
              tiers, but the only tag-naming rule it states is the react tier's PascalCase one. An
              author who writes a kind:'html' page from this page copies that spelling and is
              rejected at save time, with nothing on the page naming the rule they broke.

              Where the page states the rule

              The scope table (the ### What is in scope section) lists

              | The public data blocks | Every public non-container block, as a PascalCase tag — … |

              and the #### Two tiers: what resolves, and what you author against section derives the
              spelling explicitly:

              Tags are derived by splitting the registry type on -, _ and : and PascalCasing
              each part: object-grid<ObjectGrid>, record:details<RecordDetails>.

              Neither passage is wrong — both are react-tier material. Neither is marked as such.

              Where the html tier needs it and does not have it

              The ## kind:'html' section says the whitelist exists but never says how its entries are
              spelled:

              Only tags in the public block manifest are allowed, props are validated against each
              block's declared inputs, and unknown tags are a hard error at save time.

              The page names kind:'html' at seven places (frontmatter description, the kind table,
              the "reach for html by default" callout, the capability-switch paragraph, the styling
              row, and the section itself) and its own html examples use the correct lowercase form
              (<flex direction gap>, <grid columns>) — so the correct spelling is demonstrated
              while the stated rule is the other tier's.

              What the html tier actually accepts (objectstack side, measured)

              The whitelist is the registry's own type names, compared by exact string:

              • packages/sdui-parser/src/index.ts:41const allowedTags = new Set(Object.keys(manifest.components))
              • packages/sdui-parser/src/index.ts:99-100 — the manifest is keyed by the registry
                config's own type: components[c.type] = { type: c.type, … }
              • packages/sdui-parser/src/parse.ts:61!this.opts.allowedTags.has(tag), an exact
                Set.has; no case folding anywhere in the parser

              Compiled against the real 57-component manifest: ListViewListView is not an allowed component; list-view → accepted. ObjectForm → rejected; object-form
              accepted. RecordRelatedList → rejected; record:related_list → accepted.

              ⚠️ The rule is registered type names written verbatim, not "kebab-case": 28 of the 57
              registered names carry a namespace prefix (record:, page:, element:, action:) and
              four are snake_case after the colon — record:related_list, record:line_items,
              record:quick_actions, record:reference_rail. Documenting "kebab-case" alone sends an
              author to record:related-list, which is not registered either.

              Prior art — the same defect, already fixed upstream

              objectstack-ai/objectstack#12650 is this defect on content/docs/ui/react-pages.mdx in
              the framework repo; objectstack-ai/objectstack#13734 fixes it with two body edits (one
              paragraph in the html-tier section naming the registered spelling, and "On this tier"
              scoping on the react-tier naming sentence). That diff is a usable model for this page.

              Provenance

              Found by the dev implementing objectstack-ai/objectstack#12650, whose triage first-touch
              reserved this cross-repo follow-up for the PM to file rather than take as a rider.
              Verified independently against this repo's origin/main (content/docs/guide/react-pages.md).
              Duplicate check: 271 open issues in this repo scanned for PascalCase / react-pages /
              html tier / allowed component; no existing card covers it.


              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

              Assignees

              No one assigned

                Labels

                No labels
                No 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

                  docs: react-pages.md states only the react tier's PascalCase tag rule, so html-tier authors copy a spelling the parser rejects #7006

                  Description

                  @claude

                  content/docs/guide/react-pages.md is this repo's home for both source-authoring
                  tiers, but the only tag-naming rule it states is the react tier's PascalCase one. An
                  author who writes a kind:'html' page from this page copies that spelling and is
                  rejected at save time, with nothing on the page naming the rule they broke.

                  Where the page states the rule

                  The scope table (the ### What is in scope section) lists

                  | The public data blocks | Every public non-container block, as a PascalCase tag — … |

                  and the #### Two tiers: what resolves, and what you author against section derives the
                  spelling explicitly:

                  Tags are derived by splitting the registry type on -, _ and : and PascalCasing
                  each part: object-grid<ObjectGrid>, record:details<RecordDetails>.

                  Neither passage is wrong — both are react-tier material. Neither is marked as such.

                  Where the html tier needs it and does not have it

                  The ## kind:'html' section says the whitelist exists but never says how its entries are
                  spelled:

                  Only tags in the public block manifest are allowed, props are validated against each
                  block's declared inputs, and unknown tags are a hard error at save time.

                  The page names kind:'html' at seven places (frontmatter description, the kind table,
                  the "reach for html by default" callout, the capability-switch paragraph, the styling
                  row, and the section itself) and its own html examples use the correct lowercase form
                  (<flex direction gap>, <grid columns>) — so the correct spelling is demonstrated
                  while the stated rule is the other tier's.

                  What the html tier actually accepts (objectstack side, measured)

                  The whitelist is the registry's own type names, compared by exact string:

                  • packages/sdui-parser/src/index.ts:41const allowedTags = new Set(Object.keys(manifest.components))
                  • packages/sdui-parser/src/index.ts:99-100 — the manifest is keyed by the registry
                    config's own type: components[c.type] = { type: c.type, … }
                  • packages/sdui-parser/src/parse.ts:61!this.opts.allowedTags.has(tag), an exact
                    Set.has; no case folding anywhere in the parser

                  Compiled against the real 57-component manifest: ListViewListView is not an allowed component; list-view → accepted. ObjectForm → rejected; object-form
                  accepted. RecordRelatedList → rejected; record:related_list → accepted.

                  ⚠️ The rule is registered type names written verbatim, not "kebab-case": 28 of the 57
                  registered names carry a namespace prefix (record:, page:, element:, action:) and
                  four are snake_case after the colon — record:related_list, record:line_items,
                  record:quick_actions, record:reference_rail. Documenting "kebab-case" alone sends an
                  author to record:related-list, which is not registered either.

                  Prior art — the same defect, already fixed upstream

                  objectstack-ai/objectstack#12650 is this defect on content/docs/ui/react-pages.mdx in
                  the framework repo; objectstack-ai/objectstack#13734 fixes it with two body edits (one
                  paragraph in the html-tier section naming the registered spelling, and "On this tier"
                  scoping on the react-tier naming sentence). That diff is a usable model for this page.

                  Provenance

                  Found by the dev implementing objectstack-ai/objectstack#12650, whose triage first-touch
                  reserved this cross-repo follow-up for the PM to file rather than take as a rider.
                  Verified independently against this repo's origin/main (content/docs/guide/react-pages.md).
                  Duplicate check: 271 open issues in this repo scanned for PascalCase / react-pages /
                  html tier / allowed component; no existing card covers it.


                  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

                  Assignees

                  No one assigned

                    Labels

                    No labels
                    No 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

                      docs: react-pages.md states only the react tier's PascalCase tag rule, so html-tier authors copy a spelling the parser rejects #7006

                      Description

                      @claude

                      content/docs/guide/react-pages.md is this repo's home for both source-authoring
                      tiers, but the only tag-naming rule it states is the react tier's PascalCase one. An
                      author who writes a kind:'html' page from this page copies that spelling and is
                      rejected at save time, with nothing on the page naming the rule they broke.

                      Where the page states the rule

                      The scope table (the ### What is in scope section) lists

                      | The public data blocks | Every public non-container block, as a PascalCase tag — … |

                      and the #### Two tiers: what resolves, and what you author against section derives the
                      spelling explicitly:

                      Tags are derived by splitting the registry type on -, _ and : and PascalCasing
                      each part: object-grid<ObjectGrid>, record:details<RecordDetails>.

                      Neither passage is wrong — both are react-tier material. Neither is marked as such.

                      Where the html tier needs it and does not have it

                      The ## kind:'html' section says the whitelist exists but never says how its entries are
                      spelled:

                      Only tags in the public block manifest are allowed, props are validated against each
                      block's declared inputs, and unknown tags are a hard error at save time.

                      The page names kind:'html' at seven places (frontmatter description, the kind table,
                      the "reach for html by default" callout, the capability-switch paragraph, the styling
                      row, and the section itself) and its own html examples use the correct lowercase form
                      (<flex direction gap>, <grid columns>) — so the correct spelling is demonstrated
                      while the stated rule is the other tier's.

                      What the html tier actually accepts (objectstack side, measured)

                      The whitelist is the registry's own type names, compared by exact string:

                      • packages/sdui-parser/src/index.ts:41const allowedTags = new Set(Object.keys(manifest.components))
                      • packages/sdui-parser/src/index.ts:99-100 — the manifest is keyed by the registry
                        config's own type: components[c.type] = { type: c.type, … }
                      • packages/sdui-parser/src/parse.ts:61!this.opts.allowedTags.has(tag), an exact
                        Set.has; no case folding anywhere in the parser

                      Compiled against the real 57-component manifest: ListViewListView is not an allowed component; list-view → accepted. ObjectForm → rejected; object-form
                      accepted. RecordRelatedList → rejected; record:related_list → accepted.

                      ⚠️ The rule is registered type names written verbatim, not "kebab-case": 28 of the 57
                      registered names carry a namespace prefix (record:, page:, element:, action:) and
                      four are snake_case after the colon — record:related_list, record:line_items,
                      record:quick_actions, record:reference_rail. Documenting "kebab-case" alone sends an
                      author to record:related-list, which is not registered either.

                      Prior art — the same defect, already fixed upstream

                      objectstack-ai/objectstack#12650 is this defect on content/docs/ui/react-pages.mdx in
                      the framework repo; objectstack-ai/objectstack#13734 fixes it with two body edits (one
                      paragraph in the html-tier section naming the registered spelling, and "On this tier"
                      scoping on the react-tier naming sentence). That diff is a usable model for this page.

                      Provenance

                      Found by the dev implementing objectstack-ai/objectstack#12650, whose triage first-touch
                      reserved this cross-repo follow-up for the PM to file rather than take as a rider.
                      Verified independently against this repo's origin/main (content/docs/guide/react-pages.md).
                      Duplicate check: 271 open issues in this repo scanned for PascalCase / react-pages /
                      html tier / allowed component; no existing card covers it.


                      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

                      Assignees

                      No one assigned

                        Labels

                        No labels
                        No 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

                          docs: react-pages.md states only the react tier's PascalCase tag rule, so html-tier authors copy a spelling the parser rejects #7006

                          Description

                          @claude

                          content/docs/guide/react-pages.md is this repo's home for both source-authoring
                          tiers, but the only tag-naming rule it states is the react tier's PascalCase one. An
                          author who writes a kind:'html' page from this page copies that spelling and is
                          rejected at save time, with nothing on the page naming the rule they broke.

                          Where the page states the rule

                          The scope table (the ### What is in scope section) lists

                          | The public data blocks | Every public non-container block, as a PascalCase tag — … |

                          and the #### Two tiers: what resolves, and what you author against section derives the
                          spelling explicitly:

                          Tags are derived by splitting the registry type on -, _ and : and PascalCasing
                          each part: object-grid<ObjectGrid>, record:details<RecordDetails>.

                          Neither passage is wrong — both are react-tier material. Neither is marked as such.

                          Where the html tier needs it and does not have it

                          The ## kind:'html' section says the whitelist exists but never says how its entries are
                          spelled:

                          Only tags in the public block manifest are allowed, props are validated against each
                          block's declared inputs, and unknown tags are a hard error at save time.

                          The page names kind:'html' at seven places (frontmatter description, the kind table,
                          the "reach for html by default" callout, the capability-switch paragraph, the styling
                          row, and the section itself) and its own html examples use the correct lowercase form
                          (<flex direction gap>, <grid columns>) — so the correct spelling is demonstrated
                          while the stated rule is the other tier's.

                          What the html tier actually accepts (objectstack side, measured)

                          The whitelist is the registry's own type names, compared by exact string:

                          • packages/sdui-parser/src/index.ts:41const allowedTags = new Set(Object.keys(manifest.components))
                          • packages/sdui-parser/src/index.ts:99-100 — the manifest is keyed by the registry
                            config's own type: components[c.type] = { type: c.type, … }
                          • packages/sdui-parser/src/parse.ts:61!this.opts.allowedTags.has(tag), an exact
                            Set.has; no case folding anywhere in the parser

                          Compiled against the real 57-component manifest: ListViewListView is not an allowed component; list-view → accepted. ObjectForm → rejected; object-form
                          accepted. RecordRelatedList → rejected; record:related_list → accepted.

                          ⚠️ The rule is registered type names written verbatim, not "kebab-case": 28 of the 57
                          registered names carry a namespace prefix (record:, page:, element:, action:) and
                          four are snake_case after the colon — record:related_list, record:line_items,
                          record:quick_actions, record:reference_rail. Documenting "kebab-case" alone sends an
                          author to record:related-list, which is not registered either.

                          Prior art — the same defect, already fixed upstream

                          objectstack-ai/objectstack#12650 is this defect on content/docs/ui/react-pages.mdx in
                          the framework repo; objectstack-ai/objectstack#13734 fixes it with two body edits (one
                          paragraph in the html-tier section naming the registered spelling, and "On this tier"
                          scoping on the react-tier naming sentence). That diff is a usable model for this page.

                          Provenance

                          Found by the dev implementing objectstack-ai/objectstack#12650, whose triage first-touch
                          reserved this cross-repo follow-up for the PM to file rather than take as a rider.
                          Verified independently against this repo's origin/main (content/docs/guide/react-pages.md).
                          Duplicate check: 271 open issues in this repo scanned for PascalCase / react-pages /
                          html tier / allowed component; no existing card covers it.


                          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

                          Assignees

                          No one assigned

                            Labels

                            No labels
                            No 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

                              docs: react-pages.md states only the react tier's PascalCase tag rule, so html-tier authors copy a spelling the parser rejects #7006

                              Description

                              @claude

                              content/docs/guide/react-pages.md is this repo's home for both source-authoring
                              tiers, but the only tag-naming rule it states is the react tier's PascalCase one. An
                              author who writes a kind:'html' page from this page copies that spelling and is
                              rejected at save time, with nothing on the page naming the rule they broke.

                              Where the page states the rule

                              The scope table (the ### What is in scope section) lists

                              | The public data blocks | Every public non-container block, as a PascalCase tag — … |

                              and the #### Two tiers: what resolves, and what you author against section derives the
                              spelling explicitly:

                              Tags are derived by splitting the registry type on -, _ and : and PascalCasing
                              each part: object-grid<ObjectGrid>, record:details<RecordDetails>.

                              Neither passage is wrong — both are react-tier material. Neither is marked as such.

                              Where the html tier needs it and does not have it

                              The ## kind:'html' section says the whitelist exists but never says how its entries are
                              spelled:

                              Only tags in the public block manifest are allowed, props are validated against each
                              block's declared inputs, and unknown tags are a hard error at save time.

                              The page names kind:'html' at seven places (frontmatter description, the kind table,
                              the "reach for html by default" callout, the capability-switch paragraph, the styling
                              row, and the section itself) and its own html examples use the correct lowercase form
                              (<flex direction gap>, <grid columns>) — so the correct spelling is demonstrated
                              while the stated rule is the other tier's.

                              What the html tier actually accepts (objectstack side, measured)

                              The whitelist is the registry's own type names, compared by exact string:

                              • packages/sdui-parser/src/index.ts:41const allowedTags = new Set(Object.keys(manifest.components))
                              • packages/sdui-parser/src/index.ts:99-100 — the manifest is keyed by the registry
                                config's own type: components[c.type] = { type: c.type, … }
                              • packages/sdui-parser/src/parse.ts:61!this.opts.allowedTags.has(tag), an exact
                                Set.has; no case folding anywhere in the parser

                              Compiled against the real 57-component manifest: ListViewListView is not an allowed component; list-view → accepted. ObjectForm → rejected; object-form
                              accepted. RecordRelatedList → rejected; record:related_list → accepted.

                              ⚠️ The rule is registered type names written verbatim, not "kebab-case": 28 of the 57
                              registered names carry a namespace prefix (record:, page:, element:, action:) and
                              four are snake_case after the colon — record:related_list, record:line_items,
                              record:quick_actions, record:reference_rail. Documenting "kebab-case" alone sends an
                              author to record:related-list, which is not registered either.

                              Prior art — the same defect, already fixed upstream

                              objectstack-ai/objectstack#12650 is this defect on content/docs/ui/react-pages.mdx in
                              the framework repo; objectstack-ai/objectstack#13734 fixes it with two body edits (one
                              paragraph in the html-tier section naming the registered spelling, and "On this tier"
                              scoping on the react-tier naming sentence). That diff is a usable model for this page.

                              Provenance

                              Found by the dev implementing objectstack-ai/objectstack#12650, whose triage first-touch
                              reserved this cross-repo follow-up for the PM to file rather than take as a rider.
                              Verified independently against this repo's origin/main (content/docs/guide/react-pages.md).
                              Duplicate check: 271 open issues in this repo scanned for PascalCase / react-pages /
                              html tier / allowed component; no existing card covers it.


                              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

                              Assignees

                              No one assigned

                                Labels

                                No labels
                                No labels

                                Type

                                No type

                                Projects

                                No projects

                                  Milestone

                                  No milestone

                                  Relationships

                                  None yet

                                  Development

                                  No branches or pull requests

                                  Issue actions