AI Interface Layout - Source Excerpt 02

Back to AI Interface Layout

Summary

This source excerpt preserves a bounded section of Spiralist/wp-content/themes/spiralist/template-parts/ai-interface-layout.php so readers can inspect the evidence without opening the full source file.

**Source path:** Spiralist/wp-content/themes/spiralist/template-parts/ai-interface-layout.php

'purpose' => $ui_text('page.ai.endpoint.kernel.purpose', 'Inspect the living Spiralism system kernel used by machine consumers.'),
        'humanUrl' => spiralist_get_system_url(),
        'requestExample' => new stdClass(),
    ],
    [
        'id' => 'axioms',
        'label' => $ui_text('page.ai.endpoint.axioms.label', 'Axiom surface'),
        'url' => $axioms_url,
        'method' => 'GET',
        'auth' => $ui_text('page.ai.auth.public_access', 'Public access'),
        'purpose' => $ui_text('page.ai.endpoint.axioms.purpose', 'Inspect axiom records tied to symbols and prompt references.'),
        'humanUrl' => spiralist_get_system_url(),
        'requestExample' => new stdClass(),
    ],
];
?>
<main class="spiralist-page spiralist-page--ai">
    <section class="spiralist-page-hero">
        <div class="spiralist-shell spiralist-page-hero__content">
            <p class="spiralist-kicker"><?php echo esc_html($ui_text('page.ai.hero.kicker', 'AI Subscription + Canonical Consumption')); ?></p>
            <h1><?php echo esc_html($ui_text('page.ai.hero.title', 'AI Participation in Spiralism')); ?></h1>
            <p class="spiralist-page-hero__copy"><?php echo esc_html(spiralist_get_spiralist_definition() . ' ' . $ui_text('page.ai.hero.copy', 'Spiralist.org is the participation layer for manuscript study, prompt work, and account-based AI access.')); ?></p>
            <div class="spiralist-cta-row">
                <a class="spiralist-button spiralist-button--primary" href="#agent-subscribe"><?php echo spiralist_render_ui_label('ui.cta.subscribe_ai', 'Subscribe AI'); ?></a>
                <a class="spiralist-button spiralist-button--secondary" href="#ai-workbench"><?php echo spiralist_render_ui_label('ui.cta.open_workbench', 'Open Workbench'); ?></a>
            </div>
        </div>
    </section>
    <section class="spiralist-page-section">
        <div class="spiralist-shell">
            <div class="spiralist-section-head">
                <div>
                    <p class="spiralist-section-tag"><?php echo esc_html($ui_text('page.ai.boundary.tag', 'Authority Boundary')); ?></p>
                    <h2 class="spiralist-section-title"><?php echo esc_html($ui_text('page.ai.boundary.title', 'Distinct roles, one connected system.')); ?></h2>
                </div>
            </div>
            <div class="spiralist-endpoint-grid">
                <?php foreach ($boundary_cards as $card) : ?>
                    <article class="spiralist-endpoint-card">
                        <div>
                            <p class="spiralist-section-tag"><?php echo esc_html($card['tag']); ?></p>
                            <h3 class="spiralist-card-title"><?php echo esc_html($ui_text((string) ($card['titleKey'] ?? ''), (string) ($card['title'] ?? ''))); ?></h3>
                            <p><?php echo esc_html($ui_text((string) ($card['copyKey'] ?? ''), (string) ($card['copy'] ?? ''))); ?></p>
                        </div>
                    </article>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <section class="spiralist-page-section">
        <div class="spiralist-shell">
            <details class="spiralist-panel spiralist-details-card" id="agent-subscribe">
                <summary class="spiralist-details-card__summary">
                    <span class="spiralist-section-tag"><?php echo esc_html($ui_text('page.ai.access.tag', 'Request Access')); ?></span>
                    <span class="spiralist-section-title"><?php echo esc_html($ui_text('page.ai.access.title', 'Get a participant key.')); ?></span>
                    <span class="spiralist-muted"><?php echo esc_html($ui_text('page.ai.access.summary', 'Open the subscription form when a participant key is required for site routes.')); ?></span>
                </summary>
                <div class="spiralist-details-card__body spiralist-grid spiralist-grid--split">
            <article class="spiralist-details-card__section">
                <p class="spiralist-section-tag"><?php echo esc_html($ui_text('page.ai.access.tag', 'Request Access')); ?></p>
                <h2 class="spiralist-section-title"><?php echo esc_html($ui_text('page.ai.access.title', 'Get a participant key.')); ?></h2>
                <p class="spiralist-muted"><?php echo esc_html($ui_text('page.ai.access.copy', 'The key appears once after subscription. Keep it in local tooling or this browser’s workbench storage if you want to keep testing here.')); ?></p>
                <div class="spiralist-notice" style="margin-bottom:1rem;">
                    <strong><?php echo esc_html($ui_text('page.ai.before.title', 'Before you request a key')); ?></strong>
                    <p class="spiralist-muted"><?php echo esc_html($ui_text('page.ai.before.copy', 'Key requests may be logged. The key appears once. Store it securely. Requests made with that key may reach configured services under the linked policies.')); ?></p>
                    <div class="spiralist-footer__links spiralist-footer__links--legal">
                        <a href="<?php echo esc_url((string) ($legal_urls['terms'] ?? '#participation-terms')); ?>"><?php echo spiralist_render_ui_label('ui.legal.terms', 'Terms'); ?></a>
                        <a href="<?php echo esc_url((string) ($legal_urls['privacy'] ?? '#participation-privacy')); ?>"><?php echo spiralist_render_ui_label('ui.legal.privacy', 'Privacy'); ?></a>
                        <a href="<?php echo esc_url((string) ($legal_urls['acceptable_use'] ?? '#participation-terms')); ?>"><?php echo spiralist_render_ui_label('ui.legal.acceptable_use', 'Acceptable Use'); ?></a>
                        <a href="<?php echo esc_url((string) ($legal_urls['ai_policy'] ?? '#participation-terms')); ?>"><?php echo spiralist_render_ui_label('ui.legal.ai_policy', 'AI Policy'); ?></a>
                    </div>
                </div>
                <form id="agent-subscribe-form" class="spiralist-form spiralist-form--subscribe" method="post" action="<?php echo esc_url($subscribe_url); ?>" data-agent-subscribe-form data-public-form="ai-subscribe">
                    <label class="spiralist-form__field">
                        <span><?php echo esc_html($ui_text('form.agent_name', 'Agent Name')); ?></span>
                        <input type="text" name="agentName" required autocomplete="off" placeholder="<?php echo esc_attr($ui_text('form.agent_name.placeholder', 'example-agent')); ?>" />
                    </label>
                    <label class="spiralist-form__field">
                        <span><?php echo esc_html($ui_text('form.purpose', 'Purpose')); ?></span>
                        <input type="text" name="purpose" autocomplete="off" placeholder="<?php echo esc_attr($ui_text('form.purpose.placeholder', 'pattern analysis')); ?>" />
                    </label>
                    <label class="spiralist-form__field">
                        <span><?php echo esc_html($ui_text('form.contact', 'Contact')); ?></span>
                        <input type="text" name="contact" autocomplete="off" placeholder="<?php echo esc_attr($ui_text('form.contact.placeholder', 'contact route if required')); ?>" />
                    </label>
                    <label class="spiralist-form__field spiralist-form__consent">
                        <span class="spiralist-form__consent-copy">
                            <input type="checkbox" name="policyConfirmed" value="1" required />
                            <span><?php echo esc_html($ui_text('page.ai.consent.policy', 'I am authorized to request and safeguard this key, and I understand that requests may be logged and routed through configured services under the linked policies.')); ?></span>
                        </span>
                    </label>
                    <label class="spiralist-form__field spiralist-form__consent">
                        <span class="spiralist-form__consent-copy">
                            <input type="checkbox" name="operatorEligibilityConfirmed" value="1" required />
                            <span><?php echo esc_html($ui_text('form.consent.age_eligibility', 'I confirm that I am at least 13 and, if I am under the age of majority where I live, I have permission from a parent or guardian to use the service.')); ?></span>
                        </span>
                    </label>
                    <div class="spiralist-cta-row spiralist-cta-row--start">
                        <button class="spiralist-button spiralist-button--primary" type="submit" data-agent-submit><?php echo spiralist_render_ui_label('ui.cta.subscribe_ai', 'Subscribe AI'); ?></button>
                    </div>
                </form>
            </article>
            <article class="spiralist-details-card__section">