@leed-ai/cli 0.0.0-stage → 6.19.0

package/dist/static/site/_includes/leed/api/object.hbs

@@ -0,0 +1,110 @@
+{{!-- Common object partial for rendering schema objects and arrays --}}
+{{#if schema}}
+{{#unless skipHeader}}
+<div class="api-item api-object-item">
+    <div class="api-property-header">
+        <div class="api-property-name-section">
+            <span class="api-name api-property-name">
+                {{#if schema.objectName}}
+                    {{schema.objectName}}
+                {{else}}
+                    {{#if (eq schema.type "array")}}
+                        {{> leed/api/bits/array-type items=schema.items}}
+                    {{else}}
+                        Object
+                    {{/if}}
+                {{/if}}
+            </span>
+            {{#if schema.objectName}}
+            <span class="api-type api-property-type">
+                {{#if (eq schema.type "array")}}
+                    {{> leed/api/bits/array-type items=schema.items isUnion=schema.isUnion}}
+                {{else}}
+                    object
+                {{/if}}
+            </span>
+            {{/if}}
+            {{!-- If required is defined, show the required or optional badge --}}
+            {{#is (typeOf required) "boolean"}}
+                {{> leed/api/bits/badges required=required nullable=nullable}}
+            {{/is}}
+        </div>
+    </div>
+{{/unless}}
+
+    {{#firstTruthy description schema.description }}
+        {{> leed/api/bits/description description=this }}
+    {{/firstTruthy}}
+
+    {{!-- Union type descriptions --}}
+    {{#if schema.isUnion}}
+    <div class="api-description union-type-description">
+        <p>Must satisfy {{#if (eq schema.unionType "oneOf")}}exactly{{else}}at least{{/if}} one of {{length schema.items}} schemas</p>
+    </div>
+    {{/if}}
+
+    {{!-- Handle union types (anyOf/oneOf) --}}
+    {{#if schema.isUnion}}
+    <div class="api-property-details">
+        {{#if (eq schema.type "array")}}
+        <div class="api-union-items">
+            {{#each schema.items}}
+            <div class="api-item api-property-item">
+                <div class="api-property-header">
+                    <div class="api-property-name-section union-type-header">
+                        <span class="api-name api-property-name">Option {{add @index 1}}</span>
+                        {{#if this.type}}
+                        <span class="api-type api-property-type api-type-{{this.type}}">{{this.type}}</span>
+                        {{/if}}
+                    </div>
+                </div>
+
+                {{#if this.properties}}
+                <div class="api-property-details">
+                    {{#each this.properties}}
+                    {{> leed/api/property name=@key schema=this required=this.required description=this.description example=this.example}}
+                    {{/each}}
+                </div>
+                {{/if}}
+            </div>
+            {{/each}}
+        </div>
+        {{/if}}
+    </div>
+    {{else}}
+    {{#or (and (eq schema.type "array") (not schema.isUnion)) schema.properties }}
+    <div class="api-property-details">
+
+        {{!-- Handle non-union array items --}}
+        {{#and (eq schema.type "array") schema.items (not schema.isUnion) }}
+        <div class="api-array-items">
+            <div class="api-array-type">
+                {{> leed/api/bits/array-type items=schema.items}}
+            </div>
+
+            {{> leed/api/bits/description description=schema.items.description}}
+
+            {{#if schema.items.properties}}
+            <div class="api-array-properties">
+            {{#each schema.items.properties}}
+                {{> leed/api/property name=@key schema=this required=this.required description=this.description example=this.example}}
+            {{/each}}
+            </div>
+            {{/if}}
+        </div>
+        {{/and}}
+
+        {{!-- Handle object properties --}}
+        {{#if schema.properties}}
+        {{#each schema.properties}}
+            {{> leed/api/property name=@key schema=this required=this.required description=this.description example=this.example}}
+        {{/each}}
+        {{/if}}
+    </div>
+    {{/or}}
+    {{/if}}
+
+{{#unless skipHeader}}
+</div>
+{{/unless}}
+{{/if}}

package/dist/static/site/_includes/leed/api/parameters.hbs

@@ -0,0 +1,11 @@
+{{#if parameters }}
+<div class="api-section api-params-section">
+    <h2 class="api-section-title">{{ paramType }} Parameters</h2>
+
+    <div class="api-property-details">
+        {{#each parameters}}
+            {{> leed/api/property name=name schema=schema required=required description=description example=example}}
+        {{/each}}
+    </div>
+</div>
+{{/if}}

package/dist/static/site/_includes/leed/api/property.hbs

@@ -0,0 +1,153 @@
+{{!-- Unified partial for rendering both parameters and object properties --}}
+<div class="api-item api-property-item" data-property-name="{{name}}" x-data="{ expanded: false }">
+    <div class="api-property-header{{#if schema.enum}} enum-toggle{{/if}}"
+        {{#if schema.enum}}@click="expanded = !expanded" {{/if}}>
+        <div class="api-property-name-section">
+            {{#if schema.enum}}
+            <i class="api-property-chevron fa-solid leed-icon-chevron-right" :class="{ 'rotate-90': expanded }"></i>
+            {{/if}}
+            <span class="api-name api-property-name">{{name}}:</span>
+            <span class="api-type api-property-type api-type-{{schema.type}}">
+                {{#if schema.enum}}
+                <span class="enum-type-display" data-enum-count="{{schema.enum.length}}">
+                    <span class="enum-values-inline" x-show="!expanded">
+                        {{#each schema.enum}}
+                            {{#if (lt @index 2)}}
+                            <span class="enum-value-inline">"{{this}}"</span>
+                            {{/if}}
+                        {{/each}}
+                        {{#if (gt (length schema.enum) 2)}}
+                        <span class="enum-value-inline enum-ellipsis">...</span>
+                        {{/if}}
+                    </span>
+                    <span x-show="expanded">enum</span>
+                </span>
+                {{else if (eq schema.type "array")}}
+                    {{> leed/api/bits/array-type items=schema.items withSpans=true}}
+                {{else}}
+                    {{schema.type}}{{#if (and (or schema.format schema.contentType) (not (or (eq schema.type "number") (eq schema.type "integer"))))}} <span class="constraint-item">({{#if schema.format}}{{schema.format}}{{else}}{{schema.contentType}}{{/if}})</span>{{/if}}
+                {{/if}}
+            </span>
+            {{> leed/api/bits/badges required=required nullable=nullable}}
+
+            {{!-- Compact constraints display for schema properties --}}
+            {{#if (or minimum maximum schema.default maxLength minLength maxItems (and (eq schema.type "array")
+            schema.items.maxLength))}}
+            <div class="api-property-compact-constraints">
+                <span class="compact-constraints">
+                    {{#if minimum}}
+                    <span class="constraint-item">minimum: {{minimum}}</span>
+                    {{/if}}
+                    {{#if maximum}}
+                    <span class="constraint-item">maximum: {{maximum}}</span>
+                    {{/if}}
+                    {{#if minLength}}
+                    <span class="constraint-item">minLength: {{minLength}}</span>
+                    {{/if}}
+                    {{#if maxLength}}
+                    <span class="constraint-item">maxLength: {{maxLength}}</span>
+                    {{/if}}
+                    {{#and (eq schema.type "array") schema.items.maxLength }}
+                    <span class="constraint-item">maxLength: {{schema.items.maxLength}}</span>
+                    {{/and}}
+                    {{#if maxItems}}
+                    <span class="constraint-item">maxItems: {{maxItems}}</span>
+                    {{/if}}
+                    {{#if (isArray schema.default) }}
+                    <span class="constraint-item">
+                        default: [{{#each schema.default}}"{{this}}"{{#unless @last}},{{/unless}}{{/each}}]
+                    </span>
+                    {{else}}
+                    {{#if schema.default }}
+                    <span class="constraint-item">default: {{schema.default}}</span>
+                    {{/if}}
+                    {{/if}}
+                </span>
+            </div>
+            {{/if}}
+        </div>
+    </div>
+
+    {{> leed/api/bits/description description=description}}
+
+
+    {{!-- Handle examples with all logic moved to the template --}}
+    {{> leed/api/bits/examples example=example schema=schema}}
+
+    {{#if schema.pattern}}
+    <div class="api-property-constraints">
+        <div class="constraint-item">
+            <span class="constraint-label">Pattern:</span>
+            <code>{{schema.pattern}}</code>
+        </div>
+    </div>
+    {{/if}}
+
+    {{#if (or scopes (and (eq schema.type "object") schema.properties) (and (eq schema.type "array") schema.items schema.items.properties (not schema.isUnion)) schema.enum)}}
+    <div class="api-property-details{{#if (and schema.enum (not scopes) (not (and (eq schema.type "object") schema.properties)) (not (and (eq schema.type "array") schema.items schema.items.properties)))}} enum-details{{/if}}">
+        {{> leed/api/bits/scopes scopes=scopes type="property"}}
+
+        {{!-- Recursively render nested objects and arrays --}}
+        {{#if (and (eq schema.type "object") schema.properties)}}
+        <div class="api-nested-object">
+            {{#each schema.properties}}
+                {{!-- Skip circularRef properties as they're just markers --}}
+                {{#unless (eq @key "circularRef")}}
+                <div class="api-item api-property-item">
+                    <div class="api-property-header">
+                        <div class="api-property-name-section">
+                            <span class="api-name api-property-name">{{@key}}:</span>
+                            <span class="api-type api-property-type api-type-{{this.type}}">
+                                {{#if (eq this.type "array")}}
+                                    {{> leed/api/bits/array-type items=this.items withSpans=true}}
+                                {{else}}
+                                    {{this.type}}
+                                {{/if}}
+                            </span>
+                            {{> leed/api/bits/badges required=this.required}}
+                        </div>
+                    </div>
+                    {{> leed/api/bits/description description=this.description}}
+                    {{> leed/api/bits/examples example=this.example isNested=true}}
+                </div>
+                {{/unless}}
+            {{/each}}
+        </div>
+        {{/if}}
+
+        {{!-- Handle array items --}}
+        {{#if (and (eq schema.type "array") schema.items)}}
+        {{#if schema.isUnion}}
+            {{!-- Union arrays: schema.items is an array of different object types --}}
+            {{> leed/api/object schema=schema skipHeader=true}}
+        {{else if schema.items.properties}}
+            {{!-- Regular arrays: schema.items is a single object with properties --}}
+            <div class="api-array-properties">
+                {{#each schema.items.properties}}
+                    {{!-- Skip circularRef properties as they're just markers --}}
+                    {{#unless (eq @key "circularRef")}}
+                    {{> leed/api/property name=@key schema=this required=this.required description=this.description
+                    example=this.example}}
+                    {{/unless}}
+                {{/each}}
+            </div>
+        {{/if}}
+        {{/if}}
+
+        {{!-- Expanded enum values (hidden by default) --}}
+        {{#if schema.enum}}
+        <div class="api-enum-expanded" x-show="expanded">
+            {{#each schema.enum}}
+            <div class="enum-value-expanded">"{{this}}"</div>
+            {{/each}}
+        </div>
+        {{/if}}
+    </div>
+    {{/if}}
+
+    {{!-- Handle union arrays separately to avoid extra wrapper --}}
+    {{#if (and (eq schema.type "array") schema.items schema.isUnion)}}
+        {{> leed/api/object schema=schema skipHeader=true}}
+    {{/if}}
+
+</div>

package/dist/static/site/_includes/leed/api/request-body.hbs

@@ -0,0 +1,51 @@
+{{#if requestBody}}
+<div class="api-section" x-data="requestBodySelector()">
+    <!-- Request Body Header Row -->
+    <div class="api-property-header request-body-row">
+        <div class="api-property-name-section">
+            <h2 class="api-section-title">Body</h2>
+        </div>
+        <div class="api-unified-select-wrapper request-body-selector" :class="{ 'open': contentTypeOpen }">
+            <div class="api-selection" @click.away="contentTypeOpen = false">
+                <button @click="contentTypeOptionsCount > 1 ? contentTypeOpen = !contentTypeOpen : null"
+                        class="api-dropdown-btn request-body-content-type-select"
+                        :class="{ 'disabled': contentTypeOptionsCount <= 1 }"
+                        type="button"
+                        role="combobox"
+                        :aria-expanded="contentTypeOpen"
+                        :aria-haspopup="true"
+                        :aria-disabled="contentTypeOptionsCount <= 1"
+                        :tabindex="contentTypeOptionsCount > 1 ? 0 : -1">
+                    <span x-text="selectedContentType || 'Select content type'"></span>
+                    <i class="fa-solid leed-icon-chevron-down" :class="{ 'rotate-180': contentTypeOpen }"></i>
+                </button>
+                <ul x-cloak x-show="contentTypeOpen" class="api-list">
+                    {{#each requestBody.contentTypes}}
+                    <li @click.prevent="selectedContentType = '{{mediaType}}'; contentTypeOpen = false"
+                        class="api-item"
+                        :class="{ 'selected': selectedContentType === '{{mediaType}}' }"
+                        role="option"
+                        :aria-selected="selectedContentType === '{{mediaType}}'"
+                        data-value="{{mediaType}}">
+                        <div class="title">
+                            <span>{{mediaType}}</span>
+                        </div>
+                    </li>
+                    {{/each}}
+                </ul>
+            </div>
+        </div>
+    </div>
+
+    <!-- Request Body Content -->
+    {{#each requestBody.contentTypes}}
+    <div class="api-content-container api-property-item"
+         data-media-type="{{mediaType}}"
+         x-show="selectedContentType === '{{mediaType}}'"
+         style="display: none;">
+        {{!-- Use object partial to handle both objects and arrays --}}
+        {{> leed/api/object schema=schema description=../requestBody.description required=../requestBody.required}}
+    </div>
+    {{/each}}
+</div>
+{{/if}}

package/dist/static/site/_includes/leed/api/responses.hbs

@@ -0,0 +1,89 @@
+{{#if responses}}
+<div class="api-section" x-data="responseSelector()">
+    <!-- Response Header Row -->
+    <div class="api-property-header response-row">
+        <div class="api-property-name-section">
+            <h2 class="api-section-title">Response</h2>
+        </div>
+        <div class="api-response-controls">
+            <div class="api-unified-select-wrapper" :class="{ 'open': statusOpen }">
+                <div class="api-selection" @click.away="statusOpen = false">
+                    <button @click="statusOptionsCount > 1 ? statusOpen = !statusOpen : null"
+                            class="api-dropdown-btn"
+                            :class="{ 'disabled': statusOptionsCount <= 1 }"
+                            type="button"
+                            role="combobox"
+                            :aria-expanded="statusOpen"
+                            :aria-haspopup="true"
+                            :aria-disabled="statusOptionsCount <= 1"
+                            :tabindex="statusOptionsCount > 1 ? 0 : -1">
+                        <span x-text="selectedStatus || 'Select status'"></span>
+                        <i class="fa-solid leed-icon-chevron-down" :class="{ 'rotate-180': statusOpen }"></i>
+                    </button>
+                    <ul x-cloak x-show="statusOpen" class="api-list">
+                        {{#each responses}}
+                        <li @click.prevent="selectedStatus = '{{statusCode}}'; statusOpen = false"
+                            class="api-item"
+                            :class="{ 'selected': selectedStatus === '{{statusCode}}' }"
+                            role="option"
+                            :aria-selected="selectedStatus === '{{statusCode}}'"
+                            data-value="{{statusCode}}"
+                            data-description="{{description}}">
+                            <div class="title">
+                                <span>{{statusCode}}</span>
+                            </div>
+                        </li>
+                        {{/each}}
+                    </ul>
+                </div>
+            </div>
+            <div class="api-unified-select-wrapper" :class="{ 'open': contentTypeOpen }">
+                <div class="api-selection" @click.away="contentTypeOpen = false">
+                    <button @click="contentTypeOptionsCount > 1 ? contentTypeOpen = !contentTypeOpen : null"
+                            class="api-dropdown-btn"
+                            :class="{ 'disabled': contentTypeOptionsCount <= 1 }"
+                            type="button"
+                            role="combobox"
+                            :aria-expanded="contentTypeOpen"
+                            :aria-haspopup="true"
+                            :aria-disabled="contentTypeOptionsCount <= 1"
+                            :tabindex="contentTypeOptionsCount > 1 ? 0 : -1">
+                        <span x-text="selectedContentType || 'Select content type'"></span>
+                        <i class="fa-solid leed-icon-chevron-down" :class="{ 'rotate-180': contentTypeOpen }"></i>
+                    </button>
+                    <ul x-cloak x-show="contentTypeOpen" class="api-list">
+                        {{#each responses}}
+                            {{#each contentTypes}}
+                            <li @click.prevent="selectedContentType = '{{mediaType}}'; contentTypeOpen = false"
+                                class="api-item"
+                                :class="{ 'selected': selectedContentType === '{{mediaType}}' }"
+                                role="option"
+                                :aria-selected="selectedContentType === '{{mediaType}}'"
+                                data-value="{{mediaType}}"
+                                data-status-code="{{../statusCode}}">
+                                <div class="title">
+                                    <span>{{mediaType}}</span>
+                                </div>
+                            </li>
+                            {{/each}}
+                        {{/each}}
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Response Content -->
+    {{#each responses}}
+        {{#each contentTypes}}
+            <div class="api-content-container api-response-fields-item"
+                 data-status-code="{{../statusCode}}"
+                 data-media-type="{{mediaType}}"
+                 x-show="selectedStatus === '{{../statusCode}}' && selectedContentType === '{{mediaType}}'">
+                {{!-- Use object partial to handle both objects and arrays --}}
+                {{> leed/api/object schema=schema description=../description}}
+            </div>
+        {{/each}}
+    {{/each}}
+</div>
+{{/if}}

package/dist/static/site/_includes/leed/api/security-constraints.hbs

@@ -0,0 +1,59 @@
+{{!-- Custom security constraints partial --}}
+<div class="api-property-constraints">
+    {{#if scheme.description}}
+    <div class="api-description">
+        <p>{{scheme.description}}
+            {{#if (and scheme.scheme (eq scheme.scheme "bearer") scheme.bearerFormat)}}
+                (<code>{{scheme.bearerFormat}}</code>)
+            {{/if}}
+        </p>
+    </div>
+    {{/if}}
+
+
+    {{#if scheme.flows}}
+    {{#each scheme.flows}}
+        {{#if this.authorizationUrl}}
+        <div class="api-property-example">
+            <span class="constraint-label">Authorization URL:</span>
+            <code>{{this.authorizationUrl}}</code>
+        </div>
+        {{/if}}
+        {{#if this.tokenUrl}}
+        <div class="api-property-example">
+            <span class="constraint-label">Token URL:</span>
+            <code>{{this.tokenUrl}}</code>
+        </div>
+        {{/if}}
+         {{> leed/api/bits/scopes scopes=this.scopes type="security"}}
+    {{/each}}
+    {{/if}}
+
+    {{#if (and (eq scheme.type "http") scheme.scopes)}}
+        {{> leed/api/bits/scopes scopes=scheme.scopes type="security"}}
+    {{/if}}
+
+    {{#if (or (eq scheme.type "apiKey") (eq scheme.type "http"))}}
+    <div class="api-property-example">
+        <span class="constraint-label">{{scheme.in}}:</span>
+        <code>{{scheme.name}}: {{#if scheme.example}}{{scheme.example}}{{else}}key{{/if}}</code>
+    </div>
+    {{/if}}
+
+    {{#if (eq scheme.type "oauth2")}}
+        {{> leed/api/bits/examples example=scheme.example}}
+    {{/if}}
+
+    {{#if (eq scheme.type "openIdConnect")}}
+    {{#if scheme.openIdConnectUrl}}
+    <div class="api-property-example">
+        <span class="constraint-label">URL:</span>
+        <code>{{scheme.openIdConnectUrl}}</code>
+    </div>
+    {{/if}}
+
+    {{> leed/api/bits/scopes scopes=scheme.scopes type="security"}}
+
+    {{> leed/api/bits/examples example=scheme.example}}
+    {{/if}}
+</div>

package/dist/static/site/_includes/leed/api/security.hbs

@@ -0,0 +1,75 @@
+{{#if security}}
+<div class="api-section" x-data="securitySelector()">
+    <!-- Security Header Row -->
+    <div class="api-property-header security-row">
+        <div class="api-property-name-section">
+            <h2 class="api-section-title">Security</h2>
+        </div>
+        <div class="api-unified-select-wrapper security-selector" :class="{ 'open': securityOpen }">
+            <div class="api-selection" @click.away="securityOpen = false">
+                <button @click="securityOptionsCount > 1 ? securityOpen = !securityOpen : null"
+                        class="api-dropdown-btn security-select"
+                        :class="{ 'disabled': securityOptionsCount <= 1 }"
+                        type="button"
+                        role="combobox"
+                        :aria-expanded="securityOpen"
+                        :aria-haspopup="true"
+                        :aria-disabled="securityOptionsCount <= 1"
+                        :tabindex="securityOptionsCount > 1 ? 0 : -1">
+                    <span x-text="getSelectedSecurityName()"></span>
+                    <i class="fa-solid leed-icon-chevron-down" :class="{ 'rotate-180': securityOpen }"></i>
+                </button>
+                <ul x-cloak x-show="securityOpen" class="api-list">
+                    {{#each security}}
+                    <li @click.prevent="selectedSecurity = '{{formatSecurityName this}}'; showSecurity(); securityOpen = false"
+                        class="api-item"
+                        :class="{ 'selected': selectedSecurity === '{{formatSecurityName this}}' }"
+                        role="option"
+                        :aria-selected="selectedSecurity === '{{formatSecurityName this}}'"
+                        data-value="{{formatSecurityName this}}"
+                        data-group-index="{{@index}}">
+                        <div class="title">
+                            <span>{{formatSecurityName this}}</span>
+                        </div>
+                    </li>
+                    {{/each}}
+                </ul>
+            </div>
+        </div>
+    </div>
+
+    <!-- Security Content -->
+    {{#each security}}
+    <div class="api-item api-property-item"
+         data-security-group="{{@index}}"
+         x-show="selectedSecurity === '{{formatSecurityName this}}'"
+         style="display: none;">
+
+        {{#if (gt (length this) 1)}}
+        <div class="api-security-property-details">
+            <div class="api-description">
+                <p>This security method requires <strong>all</strong> of the following:</p>
+            </div>
+
+            {{#each this}}
+            <div class="api-security-nested-object">
+                <div class="api-security-property-details">
+                    {{> leed/api/security-constraints scheme=scheme}}
+                </div>
+            </div>
+            {{/each}}
+        </div>
+        {{else}}
+        <!-- Single authentication method in this group -->
+        {{#each this}}
+        <div class="api-security-nested-object">
+            <div class="api-security-property-details">
+                {{> leed/api/security-constraints scheme=scheme}}
+            </div>
+        </div>
+        {{/each}}
+        {{/if}}
+    </div>
+    {{/each}}
+</div>
+{{/if}}

package/dist/static/site/_includes/leed/components/pagination.hbs

@@ -0,0 +1,45 @@
+{{!--
+  Pagination component
+  @param {Object} [data] - The pagination list object. Defaults to @root/list if not provided.
+  Usage:
+    {{> leed/components/pagination }\}              (uses @root/list)
+    {{> leed/components/pagination data=list }\}     (explicit)
+    {{> leed/components/pagination data=myAlias }\}  (custom alias)
+--}}
+{{#firstTruthy data @root/list }}
+{{#gt this.pageCount 1}}
+<div class="flex items-center mb-6 md:mb-0 justify-center md:justify-between mt-6 sm:border-t border-(--site-border-color) sm:py-6 sm:px-1">
+    <div class="flex flex-1 items-center justify-center md:justify-between flex-col gap-4 md:gap-0 md:flex-row">
+        <div class="pagination-page-range">
+            {{#PaginationRange true }}
+            <p class="text-sm ">
+            Showing <span class="font-semibold">{{ @rangeStart }}</span>
+            to <span class="font-semibold">{{ @rangeEnd }} </span>
+            of <span class="font-semibold">{{ @total }}</span>
+            results
+            </p>
+            {{/PaginationRange}}
+        </div>
+        <div>
+            <nav class="pagination-list isolate inline-flex -space-x-px rounded-md" aria-label="Pagination">
+                {{#if this.page.next }}
+                <a href="{{ @root/pagination.href.next }}" class="pagination-inactive rounded-l-md px-2">
+                    <span class="sr-only">Previous</span>
+                    <span class="arrow"><i class="back-arrow"></i></span>
+                </a>
+                {{/if}}
+
+                {{{ SmartPaginationLinks true }}}
+
+                {{#if this.page.previous }}
+                <a href="{{ @root/pagination.href.previous }}" class="pagination-inactive rounded-r-md px-2">
+                    <span class="sr-only">Next</span>
+                    <span class="arrow"><i class="next-arrow"></i></span>
+                </a>
+                {{/if}}
+            </nav>
+        </div>
+    </div>
+</div>
+{{/gt}}
+{{/firstTruthy}}

package/dist/static/site/_includes/leed/components/scroll-status-indicator-horizontal.hbs

@@ -0,0 +1,22 @@
+{{!--
+    Reading progress for the element named by `scrollBarId`. The outer div is
+    the track and takes the start color; the inner one is the fill.
+
+    The fill is scaled, not widened. `percent` is recomputed on every animation
+    frame the reader scrolls, and `width` is a layout property — setting it that
+    often re-lays-out the bar and repaints, on every frame, for the whole length
+    of an article. A transform is composited: it never touches layout, so the
+    work leaves the main thread. Same pixels, and on a long documentation page
+    it is the difference between a scroll that stays smooth and one that does
+    not. `w-full` plus `origin-left` are what make scaleX(0..1) read as 0..100%.
+--}}
+{{#if scrollBarId }}
+<div x-cloak id="scroll-status-indicator-horizontal"
+    class="w-full z-50 bg-(--scroll-status-indicator-horizontal-start-bg)"
+    x-data="scrollStatusIndicatorHorizontalHandler('{{ scrollBarId }}')"
+    aria-hidden="true">
+	<div class="h-0.75 w-full origin-left will-change-transform" :style="`transform: scaleX(${percent / 100})`"
+        :class="{'bg-(--scroll-status-indicator-horizontal-complete-bg)': percent === 100, 'bg-(--scroll-status-indicator-horizontal-partial-bg)': percent < 100 }">
+    </div>
+</div>
+{{/if}}

package/dist/static/site/_includes/leed/docs/alpha/api.hbs

@@ -0,0 +1,6 @@
+{{> leed/docs/mini-bar toc=false }}
+
+{{!-- No right padding in larger size due to extra space from sidebar --}}
+<main id="documentation" class="api-documentation docs-main">
+{{> leed/docs/api-article footer=true }}
+</main>

package/dist/static/site/_includes/leed/docs/alpha/base.hbs

@@ -0,0 +1,26 @@
+{{!--
+    Alpha layout: fixed-width three column page (sidebar / content / TOC) with a
+    centered search header. The footer lives inside the content column.
+
+    Partial calls that lead to page content MUST start at column 0 — Handlebars
+    indents a partial's whole output by its call site, which would indent the
+    rendered code blocks.
+--}}
+{{#> leed/docs/shell header="leed/docs/header/top-search" }}
+{{!-- Main docs container --}}
+<div id="docs-container" class="w-full max-w-[1408px] mx-auto">
+    {{!-- Main 3-column layout --}}
+    <div id="docs-layout" class="flex w-full">
+        {{> leed/docs/sidebar }}
+
+        {{!-- Content area (contains main content and TOC) --}}
+        <div id="docs-content-wrapper" class="flex-1 flex flex-col lg:flex-row min-w-0">
+{{#if openapi.endpoint}}
+{{> leed/docs/alpha/api }}
+{{else}}
+{{> leed/docs/alpha/documentation }}
+{{/if}}
+        </div>
+    </div>
+</div>
+{{/leed/docs/shell}}