Page Run A Prompt - Source Excerpt 20

Back to Page Run A Prompt

Summary

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

**Source path:** Spiralist/wp-content/themes/spiralist/page-run-a-prompt.php

<div class="spiralist-run-layout">
                        <article class="spiralist-panel spiralist-run-builder">
                            <div class="spiralist-section-head spiralist-section-head--compact">
                                <div>
                                    <p class="spiralist-section-tag"><?php echo esc_html($ui_text('page.run_prompt.builder.tag', 'Configuration')); ?></p>
                                    <h2 class="spiralist-section-title"><?php echo esc_html($ui_text('page.run_prompt.builder.title', 'Shape the portable packet.')); ?></h2>
                                </div>
                            </div>
                            <p class="spiralist-run-safety-note"><?php echo esc_html($ui_text('page.run_prompt.builder.no_external_note', 'Simple start: generate a complete character prompt above. The fields below are for configurations that need steering, context, or guardrails.')); ?></p>
                            <form id="spiralist-run-prompt-form" class="spiralist-form" data-portable-prompt-form data-public-form="portable-prompt-builder">
                                <label class="spiralist-form__field">
                                    <span><?php echo esc_html($ui_text('page.run_prompt.builder.subject', 'What are you working with?')); ?></span>
                                    <textarea name="subject" rows="3" placeholder="<?php echo esc_attr($ui_text('page.run_prompt.builder.subject_placeholder', 'Example: a recurring conflict, a symbol, a project, a rough idea, a dream-like scene, or notes from a conversation.')); ?>"></textarea>
                                </label>
                                <label class="spiralist-form__field">
                                    <span><?php echo esc_html($ui_text('page.run_prompt.builder.task', 'What do you want the AI to help you do?')); ?></span>
                                    <textarea name="task" rows="3" placeholder="<?php echo esc_attr($ui_text('page.run_prompt.builder.task_placeholder', 'Example: explain it, transform it into next steps, turn it into an image prompt, or review it for risk.')); ?>"></textarea>
                                </label>
                                <details class="spiralist-run-advanced spiralist-run-advanced--fields">
                                    <summary>
                                        <span class="spiralist-run-advanced__label spiralist-run-advanced__label--closed"><?php echo esc_html($ui_text('page.run_prompt.builder.advanced_summary', 'Show configuration fields')); ?></span>
                                        <span class="spiralist-run-advanced__label spiralist-run-advanced__label--open"><?php echo esc_html($ui_text('page.run_prompt.builder.advanced_hide', 'Hide configuration fields')); ?></span>
                                        <small><?php echo esc_html($ui_text('page.run_prompt.builder.advanced_hint', 'Add context, tone, format, and guardrails.')); ?></small>
                                    </summary>
                                    <div class="spiralist-run-advanced__body">
                                        <label class="spiralist-form__field">
                                            <span><?php echo esc_html($ui_text('page.run_prompt.builder.context', 'Source material or context required for grounded configuration')); ?></span>
                                            <textarea name="context" rows="4" placeholder="<?php echo esc_attr($ui_text('page.run_prompt.builder.context_placeholder', 'Paste notes, constraints, background, audience, source text, or the prompt you want to improve.')); ?>"></textarea>
                                        </label>
                                        <div class="spiralist-run-input-grid">
                                            <label class="spiralist-form__field">
                                                <span><?php echo esc_html($ui_text('page.run_prompt.builder.tone', 'Tone')); ?></span>
                                                <input type="text" name="tone" list="spiralist-prompt-tone-options" placeholder="<?php echo esc_attr($ui_text('page.run_prompt.builder.tone_placeholder', 'Use the selected path default, or enter a tone.')); ?>" />
                                                <datalist id="spiralist-prompt-tone-options">
                                                    <?php foreach ($tone_options as $tone) : ?>
                                                        <option value="<?php echo esc_attr($tone); ?>"></option>
                                                    <?php endforeach; ?>
                                                </datalist>
                                            </label>
                                            <label class="spiralist-form__field">
                                                <span><?php echo esc_html($ui_text('page.run_prompt.builder.format', 'Output format')); ?></span>
                                                <input type="text" name="output_format" list="spiralist-prompt-format-options" placeholder="<?php echo esc_attr($ui_text('page.run_prompt.builder.format_placeholder', 'Use the selected path default, or enter a custom format.')); ?>" />
                                                <datalist id="spiralist-prompt-format-options">
                                                    <?php foreach ($mode_formats as $format) : ?>
                                                        <option value="<?php echo esc_attr($format); ?>"></option>
                                                    <?php endforeach; ?>
                                                    <option value="Use a compact checklist followed by one practical next action."></option>
                                                    <option value="Use a table, then a grounded recommendation."></option>
                                                    <option value="Return a reusable prompt template and a short review checklist."></option>
                                                </datalist>
                                            </label>
                                        </div>
                                        <label class="spiralist-form__field">
                                            <span><?php echo esc_html($ui_text('page.run_prompt.builder.constraints', 'Guardrails or things to avoid')); ?></span>
                                            <textarea name="guardrails" rows="3" placeholder="<?php echo esc_attr($ui_text('page.run_prompt.builder.constraints_placeholder', 'Example: keep it grounded, avoid diagnosis, preserve my wording, do not include private details.')); ?>"></textarea>
                                        </label>
                                    </div>
                                </details>
                                <div class="spiralist-cta-row spiralist-cta-row--start">
                                    <button class="spiralist-button spiralist-button--primary" type="submit"><?php echo esc_html($ui_text('page.run_prompt.builder.generate', 'Build Packet')); ?></button>
                                    <span class="spiralist-muted" data-portable-prompt-status aria-live="polite"></span>
                                </div>
                            </form>
                        </article>