Page AI Agent Setup Wizard - Source Excerpt 03

Back to Page AI Agent Setup Wizard

Summary

This source excerpt preserves a bounded section of Spiralist/wp-content/themes/spiralist/page-ai-agent-setup-wizard.php so readers can inspect the evidence without opening the full source file.

**Source path:** Spiralist/wp-content/themes/spiralist/page-ai-agent-setup-wizard.php

<main class="spiralist-page spiralist-page--agent-wizard">
    <section class="spiralist-page-hero spiralist-agent-wizard-hero">
        <div class="spiralist-shell spiralist-page-hero__content">
            <p class="spiralist-section-tag"><?php echo esc_html($ui_text('page.agent_wizard.hero.tag', 'Local First Agent Package')); ?></p>
            <h1><?php echo esc_html($ui_text('page.agent_wizard.hero.title', 'Spiralist AI Agent Setup Wizard')); ?></h1>
            <p class="spiralist-page-hero__copy"><?php echo esc_html($ui_text('page.agent_wizard.hero.copy', 'Build a bounded Spiralist AI personality package through Circle, Dual Circle, Triangle, Square, and Spiral. The draft stays in this browser and the ZIP downloads from this browser.')); ?></p>
            <p class="spiralist-agent-privacy-promise">Privacy promise: this wizard does not submit profile text, draft state, imported files, symbols, notes, or generated packages to Spiralist.org. Draft restore uses this browser only.</p>
            <div class="spiralist-cta-row spiralist-cta-row--hero">
                <a class="spiralist-button spiralist-button--primary" href="#spiralist-agent-wizard"><?php echo esc_html($ui_text('page.agent_wizard.hero.start', 'Start Setup')); ?></a>
                <a class="spiralist-button spiralist-button--secondary" href="#agent-machine-surface"><?php echo esc_html($ui_text('page.agent_wizard.hero.machine', 'Machine Surface')); ?></a>
                <a class="spiralist-button spiralist-button--secondary" href="<?php echo esc_url($prompt_generator_url); ?>"><?php echo esc_html($ui_text('page.agent_wizard.hero.prompt_builder', 'Prompt Builder')); ?></a>
            </div>
        </div>
    </section>

    <section class="spiralist-page-section spiralist-page-section--compact" id="agent-machine-surface">
        <div class="spiralist-shell spiralist-agent-machine-strip">
            <div>
                <p class="spiralist-section-tag"><?php echo esc_html($ui_text('page.agent_wizard.machine.tag', 'Agent Readable')); ?></p>
                <h2 class="spiralist-section-title"><?php echo esc_html($ui_text('page.agent_wizard.machine.title', 'Same route, passive digest, portable files.')); ?></h2>
            </div>
            <div class="spiralist-chip-row">
                <a class="spiralist-chip spiralist-chip--link" href="<?php echo esc_url($llms_url); ?>">llms.txt</a>
                <a class="spiralist-chip spiralist-chip--link" href="<?php echo esc_url($llms_full_url); ?>">llms-full.txt</a>
                <a class="spiralist-chip spiralist-chip--link" href="<?php echo esc_url($agent_profile_markdown_url); ?>">agent profile.md</a>
                <a class="spiralist-chip spiralist-chip--link" href="<?php echo esc_url($agent_symbol_dictionary_url); ?>">symbol dictionary.json</a>
                <a class="spiralist-chip spiralist-chip--link" href="<?php echo esc_url($agent_symbol_dictionary_md_url); ?>">symbol dictionary.md</a>
                <a class="spiralist-chip spiralist-chip--link" href="<?php echo esc_url($persona_manifest_url); ?>">persona-manifest.json</a>
                <a class="spiralist-chip spiralist-chip--link" href="<?php echo esc_url($safety_boundaries_url); ?>">safety-boundaries.json</a>
            </div>
        </div>
    </section>

    <section class="spiralist-page-section spiralist-page-section--compact" id="agent-presets">
        <div class="spiralist-shell">
            <p class="spiralist-section-tag">Preset Routes</p>
            <h2 class="spiralist-section-title">Clean preset paths, not hash-only discovery.</h2>
            <div class="spiralist-agent-preset-grid">
                <?php foreach ($presets as $preset) : ?>
                    <article>
                        <a href="<?php echo esc_url((string) $preset['path']); ?>"><?php echo esc_html((string) $preset['label']); ?></a>
                        <p><?php echo esc_html((string) $preset['summary']); ?></p>
                    </article>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <section class="spiralist-page-section" id="spiralist-agent-wizard">
        <div class="spiralist-shell">
            <div class="spiralist-agent-wizard" data-spiralist-agent-wizard data-agent-wizard-initial-preset="<?php echo esc_attr($initial_preset); ?>">
                <aside class="spiralist-agent-wizard__rail" aria-label="<?php echo esc_attr($ui_text('page.agent_wizard.steps.aria', 'Setup steps')); ?>">
                    <div class="spiralist-agent-wizard__meter" aria-hidden="true">
                        <span data-agent-wizard-progress></span>
                    </div>
                    <div class="spiralist-agent-wizard__steps" role="tablist" aria-orientation="vertical">
                        <?php foreach ($steps as $index => $step) : ?>
                            <button
                                class="spiralist-agent-step<?php echo $index === 0 ? ' is-active' : ''; ?>"
                                type="button"
                                role="tab"
                                id="agent-step-tab-<?php echo esc_attr((string) $step['id']); ?>"
                                aria-controls="agent-step-panel-<?php echo esc_attr((string) $step['id']); ?>"
                                aria-selected="<?php echo $index === 0 ? 'true' : 'false'; ?>"
                                data-agent-wizard-step-button
                                data-step-index="<?php echo esc_attr((string) $index); ?>"
                            >
                                <span class="spiralist-agent-step__number"><?php echo esc_html(str_pad((string) ($index + 1), 2, '0', STR_PAD_LEFT)); ?></span>
                                <span>
                                    <strong><?php echo esc_html((string) $step['label']); ?></strong>
                                    <small><?php echo esc_html((string) $step['summary']); ?></small>
                                </span>
                            </button>
                        <?php endforeach; ?>
                    </div>
                </aside>