P4RS3LT0NGV3/templates/fuzzer.html

<div v-if="activeTab === 'fuzzer'" class="tab-content">
                <div class="transform-layout">
                    <div class="transform-section">
                        <div class="section-header">
                            <h3><i class="fas fa-bug"></i> Mutation Lab <small>mutate text into diverse payloads</small></h3>
                        </div>
                        <div class="input-section">
                            <label>
                                Base text
                                <textarea v-model="fuzzerInput" placeholder="Enter seed text to fuzz..." rows="3"></textarea>
                            </label>
                        </div>
                        <div class="options-grid">
                            <label>
                                Cases
                                <input type="number" v-model.number="fuzzerCount" min="1" max="500" />
                            </label>
                            <label>
                                Seed (optional)
                                <input type="text" v-model="fuzzerSeed" placeholder="e.g., 1337" />
                            </label>
                        </div>
                        <div class="options-grid">
                            <label class="switch neon"><input type="checkbox" v-model="fuzzUseRandomMix" /><span>Random Mix (transforms)</span></label>
                            <label class="switch neon"><input type="checkbox" v-model="fuzzZeroWidth" /><span>Zero‑width pepper</span></label>
                            <label class="switch neon"><input type="checkbox" v-model="fuzzUnicodeNoise" /><span>Unicode noise</span></label>
                            <label class="switch neon"><input type="checkbox" v-model="fuzzZalgo" /><span>Zalgo</span></label>
                            <label class="switch neon"><input type="checkbox" v-model="fuzzWhitespace" /><span>Whitespace chaos</span></label>
                            <label class="switch neon"><input type="checkbox" v-model="fuzzCasing" /><span>Casing chaos</span></label>
                            <label class="switch neon"><input type="checkbox" v-model="fuzzEncodeShuffle" /><span>Homoglyph confusables</span></label>
                        </div>
                        <div class="tool-toolbar">
                            <button type="button" class="transform-button tool-primary-btn" @click="generateFuzzCases"><i class="fas fa-hammer"></i> Generate Cases</button>
                            <button class="action-button copy" v-if="fuzzerOutputs.length" @click="copyAllFuzz"><i class="fas fa-copy"></i> Copy All</button>
                            <button class="action-button download" v-if="fuzzerOutputs.length" @click="downloadFuzz"><i class="fas fa-download"></i> Download</button>
                        </div>
                        <div class="output-container" v-if="fuzzerOutputs.length">
                            <div class="token-tiles fuzzer-list">
                                <div v-for="(out, i) in fuzzerOutputs" :key="'fz-'+i" class="token-chip fuzzer-case-row">
                                    <span class="fuzzer-case-index">#{{ i+1 }}</span>
                                    <textarea class="fuzzer-case-textarea" :value="out" readonly></textarea>
                                    <button class="copy-button" @click="copyToClipboard(out)" title="Copy"><i class="fas fa-copy"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>