XSLT refactoring prep + ldh/ fork entry point

Prep 1: uncomment @typeof on all block outer divs (typed/XHTML/SaxonJS
wrapper) in resource.xsl so CSS [typeof~="..."] selectors and depth-
independent handler anchors work.

Prep 2: emit aria-current="page" on active mode link; emit and keep
aria-expanded in sync on left-sidebar show/hide in navigation.xsl.

Prep 3: replace depth-locked axes in block.xsl with ancestor::*[...][1]
traversal (ondragover/enter/leave/drop document-body lookup, drag-handle
span12 lookup); replace sibling-relative btn-edit match with ancestor
RDFa match; replace ixsl:style() readback in onmousemove with
aria-expanded attribute check.

Fork: add xsl/ldh/layout.xsl — imports bootstrap/2.3.2/layout.xsl and
overrides structural templates to remove Bootstrap grid classes (row-fluid,
span7, span2, container-fluid) while keeping load-bearing DOM anchor
classes (document-body, content-body, block, span12). Introduces
ldh:BlockContent mode to share SSR/CSR content dispatch without the
Bootstrap SaxonJS wrapper's hardcoded div.span12.

Add css/ldh.css — initial design layer keyed on RDFa typeof selectors
and ARIA state attributes; flex layout for .ldh-content/.ldh-block.

Activate the ldh tree by changing the import in static/xsl/layout.xsl
from ../bootstrap/2.3.2/layout.xsl to ../ldh/layout.xsl.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: namedgraph

src/main/webapp/static/com/atomgraph/linkeddatahub/css/ldh.css

@@ -0,0 +1,73 @@
+/* LinkedDataHub design layer — loaded on top of the Bootstrap stack.
+ * Selectors key on RDFa (@typeof, @about) and ARIA, never on Bootstrap grid classes.
+ * Bootstrap grid classes (span2, span7, row-fluid, etc.) intentionally absent here.
+ */
+
+/* ─── Document layout ────────────────────────────────────────── */
+
+.ldh-document {
+    display: grid;
+    grid-template-rows: auto 1fr;
+}
+
+/* ─── Content area: stacked blocks ───────────────────────────── */
+
+.ldh-content {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    padding: 1rem;
+}
+
+/* ─── Generic resource block ──────────────────────────────────── */
+
+.ldh-block {
+    display: flex;
+    gap: 1rem;
+}
+
+.ldh-block-body {
+    flex: 1 1 auto;
+    min-width: 0;
+}
+
+.ldh-block-nav {
+    flex: 0 0 200px;
+}
+
+/* ─── Resource header ─────────────────────────────────────────── */
+
+.ldh-header {
+    padding: 0.75rem 0;
+    border-bottom: 1px solid #e0e0e0;
+    margin-bottom: 0.75rem;
+}
+
+/* ─── RDFa typeof selectors (examples; extend per vocabulary) ─── */
+
+/* Containers get a subtle left border */
+[typeof~="https://www.w3.org/ns/ldt/document-hierarchy#Container"] > .ldh-block-body {
+    border-left: 3px solid #5b9bd5;
+    padding-left: 0.75rem;
+}
+
+/* XHTML content blocks — full width, no nav sidebar */
+[typeof~="https://w3id.org/atomgraph/linkeddatahub#XHTML"] {
+    flex-direction: column;
+}
+
+[typeof~="https://w3id.org/atomgraph/linkeddatahub#XHTML"] > .ldh-block-nav {
+    display: none;
+}
+
+/* ─── ARIA state selectors ────────────────────────────────────── */
+
+/* Active mode link */
+a[aria-current="page"] {
+    font-weight: bold;
+}
+
+/* Collapsed left sidebar */
+.left-sidebar[aria-expanded="false"] {
+    display: none;
+}

src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/block.xsl

@@ -237,7 +237,7 @@ exclude-result-prefixes="#all"
 
     <!-- show drag handle on left edge hover, but not when left sidebar is active -->
 
-    <xsl:template match="div[contains-token(@class, 'block')][key('elements-by-class', 'drag-handle', .)][acl:mode() = '&acl;Write'][not(ixsl:style(ancestor::div[contains-token(@class, 'tab-pane')]/div[contains-token(@class, 'left-sidebar')])?display = 'block')]" mode="ixsl:onmousemove" priority="2">
+    <xsl:template match="div[contains-token(@class, 'block')][key('elements-by-class', 'drag-handle', .)][acl:mode() = '&acl;Write'][not(ancestor::div[contains-token(@class, 'tab-pane')][1]/div[contains-token(@class, 'left-sidebar')]/@aria-expanded = 'true')]" mode="ixsl:onmousemove" priority="2">
         <xsl:variable name="uri" select="xs:anyURI(ancestor::div[contains-token(@class, 'document-body')]/@about)" as="xs:anyURI"/>
         <xsl:variable name="contents" select="ixsl:get(ixsl:window(), 'LinkedDataHub.contents')"/>
         <xsl:variable name="cache-key" select="'`' || $uri || '`'" as="xs:string"/>
@@ -258,7 +258,7 @@ exclude-result-prefixes="#all"
             <xsl:choose>
                 <xsl:when test="$offset-x &lt;= $left-edge-threshold and ixsl:style($drag-handle)?display = 'none'">
                     <!-- get both block and span12 rectangles to calculate intersection -->
-                    <xsl:variable name="span12" select="$drag-handle/parent::*[contains-token(@class, 'span12')]" as="element()"/>
+                    <xsl:variable name="span12" select="$drag-handle/ancestor::*[contains-token(@class, 'span12')][1]" as="element()"/>
                     <xsl:variable name="block-rect" select="$rect"/> <!-- block's getBoundingClientRect -->
                     <xsl:variable name="span12-rect" select="ixsl:call($span12, 'getBoundingClientRect', [])"/>
 
@@ -311,7 +311,7 @@ exclude-result-prefixes="#all"
 
     <!-- override inline editing form for block types (do nothing if the button is disabled) - prioritize over form.xsl -->
 
-    <xsl:template match="div[following-sibling::div[@typeof = ('&ldh;XHTML', '&ldh;Object')]]//button[contains-token(@class, 'btn-edit')][not(contains-token(@class, 'disabled'))]" mode="ixsl:onclick" priority="1">
+    <xsl:template match="button[contains-token(@class, 'btn-edit')][not(contains-token(@class, 'disabled'))][ancestor::*[@typeof = ('&ldh;XHTML', '&ldh;Object')][1]]" mode="ixsl:onclick" priority="1">
         <xsl:param name="block" select="ancestor::div[contains-token(@class, 'block')][1]" as="element()"/>
         <!-- for block types, button.btn-edit is placed in its own div.row-fluid, therefore the next row is the actual container -->
         <xsl:param name="container" select="$block/descendant::div[@typeof][1]" as="element()"/> <!-- other resources can be nested within object -->
@@ -419,7 +419,7 @@ exclude-result-prefixes="#all"
 
     <xsl:template match="*[ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][acl:mode() = '&acl;Write']]" mode="ixsl:ondragover" priority="1">
         <xsl:variable name="block" select="ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][1]" as="element()"/>
-        <xsl:variable name="uri" select="xs:anyURI($block/parent::div/parent::div[contains-token(@class, 'document-body')]/@about)" as="xs:anyURI"/>
+        <xsl:variable name="uri" select="xs:anyURI($block/ancestor::*[contains-token(@class, 'document-body')][1]/@about)" as="xs:anyURI"/>
         <xsl:variable name="results" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $uri || '`'), 'results')" as="document-node()"/>
         <xsl:variable name="mode" select="ac:mode($results)" as="xs:anyURI"/>
 
@@ -438,7 +438,7 @@ exclude-result-prefixes="#all"
 
     <xsl:template match="*[ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][acl:mode() = '&acl;Write']]" mode="ixsl:ondragenter" priority="1">
         <xsl:variable name="block" select="ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][1]" as="element()"/>
-        <xsl:variable name="uri" select="xs:anyURI($block/parent::div/parent::div[contains-token(@class, 'document-body')]/@about)" as="xs:anyURI"/>
+        <xsl:variable name="uri" select="xs:anyURI($block/ancestor::*[contains-token(@class, 'document-body')][1]/@about)" as="xs:anyURI"/>
         <xsl:variable name="results" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $uri || '`'), 'results')" as="document-node()"/>
         <xsl:variable name="mode" select="ac:mode($results)" as="xs:anyURI"/>
 
@@ -455,7 +455,7 @@ exclude-result-prefixes="#all"
 
     <xsl:template match="*[ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][acl:mode() = '&acl;Write']]" mode="ixsl:ondragleave" priority="1">
         <xsl:variable name="block" select="ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][1]" as="element()"/>
-        <xsl:variable name="uri" select="xs:anyURI($block/parent::div/parent::div[contains-token(@class, 'document-body')]/@about)" as="xs:anyURI"/>
+        <xsl:variable name="uri" select="xs:anyURI($block/ancestor::*[contains-token(@class, 'document-body')][1]/@about)" as="xs:anyURI"/>
         <xsl:variable name="results" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $uri || '`'), 'results')" as="document-node()"/>
         <xsl:variable name="mode" select="ac:mode($results)" as="xs:anyURI"/>
 
@@ -478,7 +478,7 @@ exclude-result-prefixes="#all"
 
     <xsl:template match="*[ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][acl:mode() = '&acl;Write']]" mode="ixsl:ondrop" priority="1">
         <xsl:variable name="block" select="ancestor-or-self::div[contains-token(@class, 'block')][parent::div[contains-token(@class, 'content-body')]][1]" as="element()"/>
-        <xsl:variable name="uri" select="xs:anyURI($block/parent::div/parent::div[contains-token(@class, 'document-body')]/@about)" as="xs:anyURI"/>
+        <xsl:variable name="uri" select="xs:anyURI($block/ancestor::*[contains-token(@class, 'document-body')][1]/@about)" as="xs:anyURI"/>
         <xsl:variable name="results" select="ixsl:get(ixsl:get(ixsl:get(ixsl:window(), 'LinkedDataHub.contents'), '`' || $uri || '`'), 'results')" as="document-node()"/>
         <xsl:variable name="mode" select="ac:mode($results)" as="xs:anyURI"/>
 

src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/navigation.xsl

@@ -105,6 +105,7 @@ ORDER BY DESC(?created)
             <xsl:if test="$class">
                 <xsl:attribute name="class" select="$class"/>
             </xsl:if>
+            <xsl:attribute name="aria-expanded" select="'false'"/>
 
             <!-- dataspace-scoped search form -->
             <form class="form-search search-form" accept-charset="UTF-8" title="{ac:label(key('resources', 'search-title', document(resolve-uri('static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/translations.rdf', lapp:origin()))))}">
@@ -304,6 +305,7 @@ ORDER BY DESC(?created)
             <xsl:variable name="active-sidebar" select="id('tab-content', ixsl:page())/div[contains-token(@class, 'tab-pane')][contains-token(@class, 'active')]/div[contains-token(@class, 'left-sidebar')]" as="element()?"/>
             <xsl:if test="$active-sidebar">
                 <ixsl:set-style name="display" select="'block'" object="$active-sidebar"/>
+                <ixsl:set-attribute name="aria-expanded" select="'true'" object="$active-sidebar"/>
             </xsl:if>
         </xsl:if>
     </xsl:template>
@@ -315,6 +317,7 @@ ORDER BY DESC(?created)
         <!-- only hide if the related target does not have this div as ancestor (is not its child) -->
         <xsl:if test="not($related-target/ancestor-or-self::div[. is current()])">
             <ixsl:set-style name="display" select="'none'"/>
+            <ixsl:set-attribute name="aria-expanded" select="'false'"/>
         </xsl:if>
     </xsl:template>
 

src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/resource.xsl

@@ -425,6 +425,9 @@ extension-element-prefixes="ixsl"
                 <xsl:if test="$href">
                     <xsl:attribute name="href" select="$href"/>
                 </xsl:if>
+                <xsl:if test="$active">
+                    <xsl:attribute name="aria-current" select="'page'"/>
+                </xsl:if>
                 <xsl:apply-templates select="." mode="ldh:logo"/>
                 <xsl:value-of>
                     <xsl:apply-templates select="." mode="ac:label"/>
@@ -481,9 +484,9 @@ extension-element-prefixes="ixsl"
             <xsl:if test="$about">
                 <xsl:attribute name="about" select="$about"/>
             </xsl:if>
-<!--            <xsl:if test="exists($typeof)">
+            <xsl:if test="exists($typeof)">
                 <xsl:attribute name="typeof" select="string-join($typeof, ' ')"/>
-            </xsl:if>-->
+            </xsl:if>
             <xsl:if test="$draggable = true()">
                 <xsl:attribute name="draggable" select="'true'"/>
             </xsl:if>
@@ -542,13 +545,13 @@ extension-element-prefixes="ixsl"
             <xsl:if test="$about">
                 <xsl:attribute name="about" select="$about"/>
             </xsl:if>
-<!--            <xsl:if test="exists($typeof)">
+            <xsl:if test="exists($typeof)">
                 <xsl:attribute name="typeof" select="string-join($typeof, ' ')"/>
-            </xsl:if>-->
+            </xsl:if>
             <xsl:if test="$draggable = true()">
                 <xsl:attribute name="draggable" select="'true'"/>
             </xsl:if>
-            
+
             <div class="span12">
                 <div class="drag-handle">
                     <xsl:if test="acl:mode() = '&acl;Write'">
@@ -621,6 +624,9 @@ extension-element-prefixes="ixsl"
             <xsl:if test="$about">
                 <xsl:attribute name="about" select="$about"/>
             </xsl:if>
+            <xsl:if test="exists($typeof)">
+                <xsl:attribute name="typeof" select="string-join($typeof, ' ')"/>
+            </xsl:if>
 
             <div class="span12">
                 <xsl:next-match>